{
  "version": 3,
  "sources": ["../../../node_modules/@fullcalendar/core/main.esm.js", "../../../node_modules/@fullcalendar/daygrid/main.esm.js", "../../../node_modules/@fullcalendar/timegrid/main.esm.js", "../../../node_modules/@fullcalendar/core/main.css", "../../../node_modules/@fullcalendar/daygrid/main.css", "../../../node_modules/@fullcalendar/timegrid/main.css", "../../../node_modules/@fullcalendar/list/main.css", "../../../node_modules/@fullcalendar/timeline/main.css", "../../../node_modules/font-awesome/css/font-awesome.min.css", "../../../node_modules/typeface-roboto/index.css", "../../../node_modules/typeface-roboto-condensed/index.css", "../../../node_modules/@rails/ujs/app/assets/javascripts/rails-ujs.esm.js", "../../javascript/jquery-shim.js", "../../../node_modules/slick-carousel/slick/slick.js", "../../../node_modules/slick-carousel/slick/slick.css", "../../../node_modules/slick-carousel/slick/slick-theme.css", "../../../node_modules/es-toolkit/dist/predicate/isLength.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isArrayLike.mjs", "../../../node_modules/es-toolkit/dist/function/identity.mjs", "../../../node_modules/es-toolkit/dist/_internal/isUnsafeProperty.mjs", "../../../node_modules/es-toolkit/dist/compat/_internal/isDeepKey.mjs", "../../../node_modules/es-toolkit/dist/compat/_internal/toKey.mjs", "../../../node_modules/es-toolkit/dist/compat/util/toPath.mjs", "../../../node_modules/es-toolkit/dist/compat/object/get.mjs", "../../../node_modules/es-toolkit/dist/compat/object/property.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isObject.mjs", "../../../node_modules/es-toolkit/dist/predicate/isPrimitive.mjs", "../../../node_modules/es-toolkit/dist/compat/util/eq.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isMatchWith.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isMatch.mjs", "../../../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs", "../../../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs", "../../../node_modules/es-toolkit/dist/compat/_internal/tags.mjs", "../../../node_modules/es-toolkit/dist/predicate/isTypedArray.mjs", "../../../node_modules/es-toolkit/dist/object/cloneDeepWith.mjs", "../../../node_modules/es-toolkit/dist/object/cloneDeep.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/matches.mjs", "../../../node_modules/es-toolkit/dist/compat/object/cloneDeepWith.mjs", "../../../node_modules/es-toolkit/dist/compat/object/cloneDeep.mjs", "../../../node_modules/es-toolkit/dist/compat/_internal/isIndex.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isArguments.mjs", "../../../node_modules/es-toolkit/dist/compat/object/has.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/matchesProperty.mjs", "../../../node_modules/es-toolkit/dist/compat/util/iteratee.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isObjectLike.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isSymbol.mjs", "../../../node_modules/es-toolkit/dist/compat/util/toNumber.mjs", "../../../node_modules/es-toolkit/dist/compat/util/toFinite.mjs", "../../../node_modules/es-toolkit/dist/compat/util/toInteger.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isString.mjs", "../../../node_modules/es-toolkit/dist/compat/_internal/isKey.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isArray.mjs", "../../../node_modules/es-toolkit/dist/compat/_internal/assignValue.mjs", "../../../node_modules/es-toolkit/dist/compat/object/updateWith.mjs", "../../../node_modules/es-toolkit/dist/compat/object/set.mjs", "../../../node_modules/es-toolkit/dist/function/debounce.mjs", "../../../node_modules/es-toolkit/dist/compat/function/debounce.mjs", "../../../node_modules/es-toolkit/dist/compat/function/throttle.mjs", "../../../node_modules/es-toolkit/dist/compat/util/toString.mjs", "../../../node_modules/es-toolkit/dist/predicate/isPlainObject.mjs", "../../../node_modules/es-toolkit/dist/predicate/isEqualWith.mjs", "../../../node_modules/es-toolkit/dist/function/noop.mjs", "../../../node_modules/es-toolkit/dist/predicate/isEqual.mjs", "../../../node_modules/es-toolkit/dist/predicate/isBuffer.mjs", "../../../node_modules/es-toolkit/dist/compat/_internal/isPrototype.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isTypedArray.mjs", "../../../node_modules/es-toolkit/dist/compat/util/times.mjs", "../../../node_modules/es-toolkit/dist/compat/object/keysIn.mjs", "../../../node_modules/es-toolkit/dist/compat/object/assignIn.mjs", "../../../node_modules/es-toolkit/dist/compat/object/clone.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isPlainObject.mjs", "../../../node_modules/es-toolkit/dist/object/mapValues.mjs", "../../../node_modules/es-toolkit/dist/compat/object/mapValues.mjs", "../../../node_modules/es-toolkit/dist/object/clone.mjs", "../../../node_modules/es-toolkit/dist/compat/object/mergeWith.mjs", "../../../node_modules/es-toolkit/dist/compat/object/merge.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isFunction.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isElement.mjs", "../../../node_modules/es-toolkit/dist/function/after.mjs", "../../../node_modules/es-toolkit/dist/compat/predicate/isEqualWith.mjs", "../../../node_modules/es-toolkit/dist/string/upperFirst.mjs", "../../../node_modules/es-toolkit/dist/compat/string/upperFirst.mjs", "../../../node_modules/es-toolkit/dist/compat/index.mjs", "../../../node_modules/@ckeditor/ckeditor5-utils/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/global.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/env.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/fastdiff.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/diff.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/difftochanges.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/areconnectedthroughproperties.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/spy.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/eventinfo.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/uid.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/priorities.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/inserttopriorityarray.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/ckeditorerror.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/version.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/emittermixin.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/observablemixin.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/elementreplacer.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/abortabledebounce.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/count.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/comparearrays.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/isiterable.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/createelement.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/config.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/isnode.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/iswindow.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/emittermixin.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/findclosestscrollableancestor.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/getancestors.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/getdatafromelement.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/getborderwidths.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/getrangefrommouseevent.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/getcommonancestor.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/getpositionedancestor.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/istext.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/isrange.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/rect.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/resizeobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/setdatainelement.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/tounit.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/indexof.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/insertat.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/iscomment.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/isvalidattributename.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/isvisible.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/position.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/remove.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/getvisualviewportoffset.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/dom/scroll.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/keyboard.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/language.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/toarray.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/translation-service.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/locale.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/collection.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/first.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/nth.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/focustracker.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/keystrokehandler.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/objecttomap.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/tomap.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/mapsequal.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/wait.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/retry.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/splicearray.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/delay.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/parsebase64encodedobject.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/crc32.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/collectstylesheets.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/formathtml.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/unicode.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/decodelicensekey.ts", "../../../node_modules/@ckeditor/ckeditor5-utils/src/isfeatureblockedbylicensekey.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/placeholder.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/typecheckable.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/node.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/text.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/textproxy.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/conversion/viewconsumable.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/matcher.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/stylesmap.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/tokenlist.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/element.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/containerelement.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/editableelement.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/rooteditableelement.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/treewalker.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/position.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/range.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/selection.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/documentselection.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/bubblingeventinfo.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/bubblingemittermixin.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/document.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/attributeelement.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/emptyelement.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/uielement.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/rawelement.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/documentfragment.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/downcastwriter.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/filler.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/renderer.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/domconverter.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/observer.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/domeventdata.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/domeventobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/keyobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/fakeselectionobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/mutationobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/focusobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/selectionobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/compositionobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/datatransfer.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/inputobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/arrowkeysobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/tabobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/view.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/typecheckable.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/textproxy.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/treewalker.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/position.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/range.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/conversion/mapper.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/conversion/modelconsumable.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/conversion/downcastdispatcher.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/node.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/selection.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/liverange.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/text.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/documentselection.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/nodelist.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/element.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/conversion/conversionhelpers.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/conversion/downcasthelpers.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/utils/autoparagraphing.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/conversion/upcasthelpers.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/controller/editingcontroller.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/schema.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/conversion/upcastdispatcher.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/dataprocessor/basichtmlwriter.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/dataprocessor/htmldataprocessor.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/controller/datacontroller.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/conversion/conversion.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/dataprocessor/xmldataprocessor.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/operation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/moveoperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/insertoperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/splitoperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/mergeoperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/markeroperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/attributeoperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/nooperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/renameoperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/rootattributeoperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/rootoperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/operationfactory.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/transform.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/liveposition.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/batch.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/differ.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/history.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/rootelement.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/document.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/markercollection.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/operation/detachoperation.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/documentfragment.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/writer.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/utils/selection-post-fixer.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/utils/deletecontent.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/utils/getselectedcontent.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/utils/insertcontent.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/utils/insertobject.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/utils/modifyselection.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/model/model.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/clickobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/mouseobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/touchobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/observer/pointerobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/upcastwriter.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/styles/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/styles/background.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/styles/border.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/styles/margin.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/view/styles/padding.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/dev-utils/view.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/dev-utils/model.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/dev-utils/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-engine/src/dev-utils/operationreplayer.ts", "../../../node_modules/@ckeditor/ckeditor5-watchdog/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-watchdog/src/watchdog.ts", "../../../node_modules/@ckeditor/ckeditor5-watchdog/src/utils/getsubnodes.ts", "../../../node_modules/@ckeditor/ckeditor5-watchdog/src/utils/areconnectedthroughproperties.ts", "../../../node_modules/@ckeditor/ckeditor5-watchdog/src/editorwatchdog.ts", "../../../node_modules/@ckeditor/ckeditor5-watchdog/src/contextwatchdog.ts", "../../../node_modules/@ckeditor/ckeditor5-watchdog/src/actionsrecorder.ts", "../../../node_modules/@ckeditor/ckeditor5-core/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-core/src/plugin.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/command.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/multicommand.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/commandcollection.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/plugincollection.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/context.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/contextplugin.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/editingkeystrokehandler.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/accessibility.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/editor/utils/editorusagedata.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/editor/editor.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/editor/utils/attachtoform.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/editor/utils/elementapimixin.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/editor/utils/securesourceelement.ts", "../../../node_modules/@ckeditor/ckeditor5-core/src/pendingactions.ts", "../../../node_modules/@ckeditor/ckeditor5-upload/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-upload/src/filereader.ts", "../../../node_modules/@ckeditor/ckeditor5-upload/src/filerepository.ts", "../../../node_modules/@ckeditor/ckeditor5-upload/src/adapters/base64uploadadapter.ts", "../../../node_modules/@ckeditor/ckeditor5-upload/src/adapters/simpleuploadadapter.ts", "../../../node_modules/@ckeditor/ckeditor5-adapter-ckfinder/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-adapter-ckfinder/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-adapter-ckfinder/src/uploadadapter.ts", "../../../node_modules/@ckeditor/ckeditor5-icons/dist/index.js", "../../../node_modules/color-name/index.js", "../../../node_modules/color-parse/index.js", "../../../node_modules/color-convert/conversions.js", "../../../node_modules/color-convert/route.js", "../../../node_modules/color-convert/index.js", "../../../node_modules/@ckeditor/ckeditor5-ui/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-ui/src/viewcollection.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/template.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/view.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/arialiveannouncer.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/bindings/clickoutsidehandler.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/bindings/csstransitiondisablermixin.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/bindings/draggableviewmixin.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/bindings/submithandler.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/bindings/addkeyboardhandlingforgrid.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/label/labelview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editorui/accessibilityhelp/accessibilityhelpcontentview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/icon/iconview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/button/buttonlabelview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/button/buttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/formheader/formheaderview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/focuscycler.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dialog/dialogactionsview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dialog/dialogcontentview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dialog/dialogview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dialog/dialog.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/button/listitembuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/menubar/menubarmenulistitembuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editorui/accessibilityhelp/accessibilityhelp.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editorui/bodycollection.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/panel/balloon/balloonpanelview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/badge/badge.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editorui/poweredby.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/button/switchbuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/button/filedialogbuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/collapsible/collapsibleview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/colorgrid/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/colorgrid/colortileview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/colorgrid/colorgridview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/colorpicker/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/labeledfield/labeledfieldview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/input/inputbase.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/input/inputview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/inputtext/inputtextview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/inputnumber/inputnumberview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/textarea/textareaview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/dropdownpanelview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/dropdownview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/button/dropdownbuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/menu/dropdownmenulistitembuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/menu/dropdownmenubuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/list/listitemview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/list/listseparatorview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/list/listitemgroupview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/list/listview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/menu/dropdownmenulistview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/menu/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/menu/dropdownmenulistitemview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/menu/dropdownmenubehaviors.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/menu/dropdownmenunestedmenupanelview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/menu/dropdownmenunestedmenuview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/menu/dropdownmenurootlistview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/toolbar/toolbarseparatorview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/toolbar/toolbarlinebreakview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/bindings/preventdefault.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/toolbar/normalizetoolbarconfig.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/toolbar/toolbarview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/button/splitbuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/dropdown/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/labeledfield/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/colorpicker/colorpickerview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/colorselector/documentcolorcollection.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/colorselector/colorgridsfragmentview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/colorselector/colorpickerfragmentview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/colorselector/colorselectorview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/componentfactory.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/tooltipmanager.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editorui/evaluationbadge.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/menubar/menubarmenulistitemview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/menubar/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editorui/editorui.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editorui/editoruiview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editorui/boxed/boxededitoruiview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editableui/editableuiview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/editableui/inline/inlineeditableuiview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/formrow/formrowview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/iframe/iframeview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/labeledinput/labeledinputview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/search/filtergroupanditemnames.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/notification/notification.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/model.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/panel/balloon/contextualballoon.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/panel/sticky/stickypanelview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/search/text/searchtextqueryview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/search/searchinfoview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/search/searchresultsview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/search/text/searchtextview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/autocomplete/autocompleteview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/highlightedtext/highlightedtextview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/highlightedtext/buttonlabelwithhighlightview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/highlightedtext/labelwithhighlightview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/spinner/spinnerview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/toolbar/balloon/balloontoolbar.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/toolbar/block/blockbuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/toolbar/block/blocktoolbar.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/menubar/menubarmenubuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/menubar/menubarmenupanelview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/menubar/menubarmenuview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/menubar/menubarmenulistview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/menubar/menubarmenulistitemfiledialogbuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-ui/src/menubar/menubarview.ts", "../../../node_modules/@ckeditor/ckeditor5-alignment/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-alignment/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-alignment/src/alignmentcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-alignment/src/alignmentediting.ts", "../../../node_modules/@ckeditor/ckeditor5-alignment/src/alignmentui.ts", "../../../node_modules/@ckeditor/ckeditor5-alignment/src/alignment.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-typing/src/utils/changebuffer.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/inserttextcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/inserttextobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/input.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/deletecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/deleteobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/delete.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/typing.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/utils/getlasttextline.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/textwatcher.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/twostepcaretmovement.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/texttransformation.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/utils/findattributerange.ts", "../../../node_modules/@ckeditor/ckeditor5-typing/src/utils/inlinehighlight.ts", "../../../node_modules/@ckeditor/ckeditor5-autoformat/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-autoformat/src/blockautoformatediting.ts", "../../../node_modules/@ckeditor/ckeditor5-autoformat/src/inlineautoformatediting.ts", "../../../node_modules/@ckeditor/ckeditor5-autoformat/src/autoformat.ts", "../../../node_modules/@ckeditor/ckeditor5-autosave/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-autosave/src/autosave.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/attributecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/bold/boldediting.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/bold/boldui.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/bold.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/code/codeediting.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/code/codeui.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/code.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/italic/italicediting.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/italic/italicui.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/italic.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/strikethrough/strikethroughediting.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/strikethrough/strikethroughui.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/strikethrough.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/subscript/subscriptediting.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/subscript/subscriptui.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/subscript.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/superscript/superscriptediting.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/superscript/superscriptui.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/superscript.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/underline/underlineediting.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/underline/underlineui.ts", "../../../node_modules/@ckeditor/ckeditor5-basic-styles/src/underline.ts", "../../../node_modules/@ckeditor/ckeditor5-enter/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-enter/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-enter/src/entercommand.ts", "../../../node_modules/@ckeditor/ckeditor5-enter/src/enterobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-enter/src/enter.ts", "../../../node_modules/@ckeditor/ckeditor5-enter/src/shiftentercommand.ts", "../../../node_modules/@ckeditor/ckeditor5-enter/src/shiftenter.ts", "../../../node_modules/@ckeditor/ckeditor5-block-quote/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-block-quote/src/blockquotecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-block-quote/src/blockquoteediting.ts", "../../../node_modules/@ckeditor/ckeditor5-block-quote/src/blockquoteui.ts", "../../../node_modules/@ckeditor/ckeditor5-block-quote/src/blockquote.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-widget/src/highlightstack.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/widgettypearound/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/widgettypearound/widgettypearound.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/verticalnavigation.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/widget.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/widgettoolbarrepository.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/widgetresize/resizerstate.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/widgetresize/sizeview.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/widgetresize/resizer.ts", "../../../node_modules/@ckeditor/ckeditor5-widget/src/widgetresize.ts", "../../../node_modules/@ckeditor/ckeditor5-bookmark/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-bookmark/src/ui/bookmarkformview.ts", "../../../node_modules/@ckeditor/ckeditor5-bookmark/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-bookmark/src/insertbookmarkcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-bookmark/src/updatebookmarkcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-bookmark/src/bookmarkediting.ts", "../../../node_modules/@ckeditor/ckeditor5-bookmark/src/bookmarkui.ts", "../../../node_modules/@ckeditor/ckeditor5-bookmark/src/bookmark.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboxui.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboxcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboxutils.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboxuploadadapter.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboxediting.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckbox.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboximageedit/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboximageedit/ckboximageeditcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboximageedit/ckboximageeditediting.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboximageedit/ckboximageeditui.ts", "../../../node_modules/@ckeditor/ckeditor5-ckbox/src/ckboximageedit.ts", "../../../node_modules/@ckeditor/ckeditor5-ckfinder/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-ckfinder/src/ckfinderui.ts", "../../../node_modules/@ckeditor/ckeditor5-ckfinder/src/ckfindercommand.ts", "../../../node_modules/@ckeditor/ckeditor5-ckfinder/src/ckfinderediting.ts", "../../../node_modules/@ckeditor/ckeditor5-ckfinder/src/ckfinder.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/clipboardobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/utils/plaintexttohtml.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/utils/normalizeclipboarddata.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/utils/viewtoplaintext.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/clipboardmarkersutils.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/clipboardpipeline.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/lineview.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/dragdroptarget.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/dragdropblocktoolbar.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/dragdrop.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/pasteplaintext.ts", "../../../node_modules/@ckeditor/ckeditor5-clipboard/src/clipboard.ts", "../../../node_modules/@ckeditor/ckeditor5-cloud-services/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-cloud-services/src/token/token.ts", "../../../node_modules/@ckeditor/ckeditor5-cloud-services/src/uploadgateway/fileuploader.ts", "../../../node_modules/@ckeditor/ckeditor5-cloud-services/src/uploadgateway/uploadgateway.ts", "../../../node_modules/@ckeditor/ckeditor5-cloud-services/src/cloudservicescore.ts", "../../../node_modules/@ckeditor/ckeditor5-cloud-services/src/cloudservices.ts", "../../../node_modules/@ckeditor/ckeditor5-code-block/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-code-block/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-code-block/src/codeblockcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-code-block/src/indentcodeblockcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-code-block/src/outdentcodeblockcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-code-block/src/converters.ts", "../../../node_modules/@ckeditor/ckeditor5-code-block/src/codeblockediting.ts", "../../../node_modules/@ckeditor/ckeditor5-code-block/src/codeblockui.ts", "../../../node_modules/@ckeditor/ckeditor5-code-block/src/codeblock.ts", "../../../node_modules/@ckeditor/ckeditor5-easy-image/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-easy-image/src/cloudservicesuploadadapter.ts", "../../../node_modules/@ckeditor/ckeditor5-easy-image/src/easyimage.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-balloon/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-editor-balloon/src/ballooneditorui.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-balloon/src/ballooneditoruiview.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-balloon/src/ballooneditor.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-classic/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-editor-classic/src/classiceditorui.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-classic/src/classiceditoruiview.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-classic/src/classiceditor.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-decoupled/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-editor-decoupled/src/decouplededitorui.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-decoupled/src/decouplededitoruiview.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-inline/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-editor-inline/src/inlineeditorui.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-inline/src/inlineeditoruiview.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-inline/src/inlineeditor.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-multi-root/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-editor-multi-root/src/multirooteditorui.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-multi-root/src/multirooteditoruiview.ts", "../../../node_modules/@ckeditor/ckeditor5-editor-multi-root/src/multirooteditor.ts", "../../../node_modules/fuzzysort/fuzzysort.js", "../../../node_modules/@ckeditor/ckeditor5-emoji/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/utils/isemojisupported.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/emojiutils.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/emojirepository.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/emojimention.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/emojicommand.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/ui/emojigridview.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/ui/emojicategoriesview.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/ui/emojisearchview.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/ui/emojitoneview.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/ui/emojipickerview.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/ui/emojipickerformview.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/emojipicker.ts", "../../../node_modules/@ckeditor/ckeditor5-emoji/src/emoji.ts", "../../../node_modules/@ckeditor/ckeditor5-select-all/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-select-all/src/selectallcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-select-all/src/selectallediting.ts", "../../../node_modules/@ckeditor/ckeditor5-select-all/src/selectallui.ts", "../../../node_modules/@ckeditor/ckeditor5-select-all/src/selectall.ts", "../../../node_modules/@ckeditor/ckeditor5-undo/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-undo/src/basecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-undo/src/undocommand.ts", "../../../node_modules/@ckeditor/ckeditor5-undo/src/redocommand.ts", "../../../node_modules/@ckeditor/ckeditor5-undo/src/undoediting.ts", "../../../node_modules/@ckeditor/ckeditor5-undo/src/undoui.ts", "../../../node_modules/@ckeditor/ckeditor5-undo/src/undo.ts", "../../../node_modules/@ckeditor/ckeditor5-essentials/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-essentials/src/essentials.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/ui/findandreplaceformview.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/findandreplaceui.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/findcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/findandreplacestate.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/replacecommandbase.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/replacecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/replaceallcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/findnextcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/findpreviouscommand.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/findandreplaceutils.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/findandreplaceediting.ts", "../../../node_modules/@ckeditor/ckeditor5-find-and-replace/src/findandreplace.ts", "../../../node_modules/@ckeditor/ckeditor5-font/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontfamily/fontfamilycommand.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontfamily/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontfamily/fontfamilyediting.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontfamily/fontfamilyui.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontfamily.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontsize/fontsizecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontsize/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontsize/fontsizeediting.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontsize/fontsizeui.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontsize.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontcolor/fontcolorcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontcolor/fontcolorediting.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/ui/colorui.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontcolor/fontcolorui.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontcolor.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontbackgroundcolor/fontbackgroundcolorcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontbackgroundcolor/fontbackgroundcolorediting.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontbackgroundcolor/fontbackgroundcolorui.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/fontbackgroundcolor.ts", "../../../node_modules/@ckeditor/ckeditor5-font/src/font.ts", "../../../node_modules/@ckeditor/ckeditor5-fullscreen/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-fullscreen/src/handlers/abstracteditorhandler.ts", "../../../node_modules/@ckeditor/ckeditor5-fullscreen/src/handlers/classiceditorhandler.ts", "../../../node_modules/@ckeditor/ckeditor5-fullscreen/src/handlers/decouplededitorhandler.ts", "../../../node_modules/@ckeditor/ckeditor5-fullscreen/src/fullscreencommand.ts", "../../../node_modules/@ckeditor/ckeditor5-fullscreen/src/fullscreenediting.ts", "../../../node_modules/@ckeditor/ckeditor5-fullscreen/src/fullscreenui.ts", "../../../node_modules/@ckeditor/ckeditor5-fullscreen/src/fullscreen.ts", "../../../node_modules/@ckeditor/ckeditor5-paragraph/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-paragraph/src/paragraphcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-paragraph/src/insertparagraphcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-paragraph/src/paragraph.ts", "../../../node_modules/@ckeditor/ckeditor5-paragraph/src/paragraphbuttonui.ts", "../../../node_modules/@ckeditor/ckeditor5-heading/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-heading/src/headingcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-heading/src/headingediting.ts", "../../../node_modules/@ckeditor/ckeditor5-heading/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-heading/src/headingui.ts", "../../../node_modules/@ckeditor/ckeditor5-heading/src/heading.ts", "../../../node_modules/@ckeditor/ckeditor5-heading/src/headingbuttonsui.ts", "../../../node_modules/@ckeditor/ckeditor5-heading/src/title.ts", "../../../node_modules/@ckeditor/ckeditor5-highlight/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-highlight/src/highlightcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-highlight/src/highlightediting.ts", "../../../node_modules/@ckeditor/ckeditor5-highlight/src/highlightui.ts", "../../../node_modules/@ckeditor/ckeditor5-highlight/src/highlight.ts", "../../../node_modules/@ckeditor/ckeditor5-horizontal-line/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-horizontal-line/src/horizontallinecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-horizontal-line/src/horizontallineediting.ts", "../../../node_modules/@ckeditor/ckeditor5-horizontal-line/src/horizontallineui.ts", "../../../node_modules/@ckeditor/ckeditor5-horizontal-line/src/horizontalline.ts", "../../../node_modules/@ckeditor/ckeditor5-html-embed/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-html-embed/src/htmlembedcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-html-embed/src/htmlembedediting.ts", "../../../node_modules/@ckeditor/ckeditor5-html-embed/src/htmlembedui.ts", "../../../node_modules/@ckeditor/ckeditor5-html-embed/src/htmlembed.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/converters.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/schemadefinitions.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/dataschema.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/datafilter.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/codeblock.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/dualcontent.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/heading.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/integrationutils.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/image.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/mediaembed.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/script.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/table.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/style.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/list.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/horizontalline.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/integrations/customelement.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/generalhtmlsupport.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/htmlcomment.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/htmlpagedataprocessor.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/fullpage.ts", "../../../node_modules/@ckeditor/ckeditor5-html-support/src/emptyblock.ts", "../../../node_modules/@ckeditor/ckeditor5-image/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageutils.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/autoimage.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagetextalternative/imagetextalternativecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagetextalternative/imagetextalternativeediting.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagetextalternative/ui/textalternativeformview.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/ui/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagetextalternative/imagetextalternativeui.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagetextalternative.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/converters.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/imageloadobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/insertimagecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/replaceimagesourcecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/imageediting.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagesizeattributes.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/imagetypecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/imageplaceholder.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/imageblockediting.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageinsert/ui/imageinsertformview.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageinsert/imageinsertui.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageblock.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image/imageinlineediting.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageinline.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/image.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagecaption/imagecaptionutils.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagecaption/toggleimagecaptioncommand.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagecaption/imagecaptionediting.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagecaption/imagecaptionui.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagecaption.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageupload/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageupload/imageuploadui.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageupload/imageuploadprogress.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageupload/uploadimagecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageupload/imageuploadediting.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageupload.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageinsert/ui/imageinserturlview.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageinsert/imageinsertviaurlui.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageinsertviaurl.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageinsert.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/resizeimagecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/imageresizeediting.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/imageresizebuttons.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/imageresizehandles.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/utils/tryparsedimensionwithunit.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/utils/getselectedimageeditornodes.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/utils/getselectedimagewidthinunits.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/ui/imagecustomresizeformview.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/utils/getselectedimagepossibleresizerange.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize/imagecustomresizeui.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imageresize.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagestyle/imagestylecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagestyle/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagestyle/converters.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagestyle/imagestyleediting.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagestyle/imagestyleui.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagestyle.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/imagetoolbar.ts", "../../../node_modules/@ckeditor/ckeditor5-image/src/pictureediting.ts", "../../../node_modules/@ckeditor/ckeditor5-indent/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-indent/src/indentediting.ts", "../../../node_modules/@ckeditor/ckeditor5-indent/src/indentui.ts", "../../../node_modules/@ckeditor/ckeditor5-indent/src/indent.ts", "../../../node_modules/@ckeditor/ckeditor5-indent/src/indentblockcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-indent/src/indentcommandbehavior/indentusingoffset.ts", "../../../node_modules/@ckeditor/ckeditor5-indent/src/indentcommandbehavior/indentusingclasses.ts", "../../../node_modules/@ckeditor/ckeditor5-indent/src/indentblock.ts", "../../../node_modules/@ckeditor/ckeditor5-language/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-language/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-language/src/textpartlanguagecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-language/src/textpartlanguageediting.ts", "../../../node_modules/@ckeditor/ckeditor5-language/src/textpartlanguageui.ts", "../../../node_modules/@ckeditor/ckeditor5-language/src/textpartlanguage.ts", "../../../node_modules/@ckeditor/ckeditor5-link/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-link/src/utils/automaticdecorators.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/linkcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/unlinkcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/utils/manualdecorator.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/linkediting.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/ui/linkpreviewbuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/ui/linkformview.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/ui/linkprovideritemsview.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/ui/linkpropertiesview.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/ui/linkbuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/linkui.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/autolink.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/link.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/linkimageediting.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/linkimageui.ts", "../../../node_modules/@ckeditor/ckeditor5-link/src/linkimage.ts", "../../../node_modules/@ckeditor/ckeditor5-list/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/utils/listwalker.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/utils/model.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/listindentcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/listcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/listmergecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/listsplitcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listformatting/listitemboldintegration.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listformatting/listitemitalicintegration.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listformatting/listitemfontsizeintegration.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listformatting/listitemfontcolorintegration.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listformatting/listitemfontfamilyintegration.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listformatting.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/listutils.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/utils/view.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/utils/postfixers.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/converters.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/listediting.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/listui.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/liststartcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/utils/style.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/liststylecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/listreversedcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/converters.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/listpropertiesutils.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/utils/config.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/listpropertiesediting.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/ui/listpropertiesview.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties/listpropertiesui.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/listproperties.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/todolist/checktodolistcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/todolist/todocheckboxchangeobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/todolist/todolistediting.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/todolist/todolistui.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/todolist.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylist/legacylistcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylist/legacyindentcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylist/legacyutils.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylist/legacylistutils.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylist/legacyconverters.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylist/legacylistediting.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylist.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylistproperties/legacyliststylecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylistproperties/legacylistreversedcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylistproperties/legacyliststartcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylistproperties/legacylistpropertiesediting.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacylistproperties.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacytodolist/legacychecktodolistcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacytodolist/legacytodolistconverters.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacytodolist/legacytodolistediting.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/legacytodolist.ts", "../../../node_modules/@ckeditor/ckeditor5-list/src/list/adjacentlistssupport.ts", "../../../node_modules/@ckeditor/ckeditor5-markdown-gfm/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-markdown-gfm/src/markdown2html/markdown2html.ts", "../../../node_modules/@ckeditor/ckeditor5-markdown-gfm/src/html2markdown/html2markdown.ts", "../../../node_modules/@ckeditor/ckeditor5-markdown-gfm/src/gfmdataprocessor.ts", "../../../node_modules/@ckeditor/ckeditor5-markdown-gfm/src/markdown.ts", "../../../node_modules/@ckeditor/ckeditor5-markdown-gfm/src/pastefrommarkdownexperimental.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/converters.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/mediaembedcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/mediaregistry.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/mediaembedediting.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/automediaembed.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/ui/mediaformview.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/mediaembedui.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/mediaembed.ts", "../../../node_modules/@ckeditor/ckeditor5-media-embed/src/mediaembedtoolbar.ts", "../../../node_modules/@ckeditor/ckeditor5-mention/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-mention/src/mentioncommand.ts", "../../../node_modules/@ckeditor/ckeditor5-mention/src/mentionediting.ts", "../../../node_modules/@ckeditor/ckeditor5-mention/src/ui/mentionsview.ts", "../../../node_modules/@ckeditor/ckeditor5-mention/src/ui/domwrapperview.ts", "../../../node_modules/@ckeditor/ckeditor5-mention/src/ui/mentionlistitemview.ts", "../../../node_modules/@ckeditor/ckeditor5-mention/src/mentionui.ts", "../../../node_modules/@ckeditor/ckeditor5-mention/src/mention.ts", "../../../node_modules/@ckeditor/ckeditor5-minimap/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-minimap/src/minimapiframeview.ts", "../../../node_modules/@ckeditor/ckeditor5-minimap/src/minimappositiontrackerview.ts", "../../../node_modules/@ckeditor/ckeditor5-minimap/src/minimapview.ts", "../../../node_modules/@ckeditor/ckeditor5-minimap/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-minimap/src/minimap.ts", "../../../node_modules/@ckeditor/ckeditor5-page-break/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-page-break/src/pagebreakcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-page-break/src/pagebreakediting.ts", "../../../node_modules/@ckeditor/ckeditor5-page-break/src/pagebreakui.ts", "../../../node_modules/@ckeditor/ckeditor5-page-break/src/pagebreak.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/bookmark.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/list.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/image.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/removemsattributes.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/table.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/removeinvalidtablewidth.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/replacemsfootnotes.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/normalizers/mswordnormalizer.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/removeboldwrapper.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/br.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/replacetabswithinprewithspaces.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/normalizers/googledocsnormalizer.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/removexmlns.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/removegooglesheetstag.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/removestyleblock.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/normalizers/googlesheetsnormalizer.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/space.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/filters/parse.ts", "../../../node_modules/@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice.ts", "../../../node_modules/@ckeditor/ckeditor5-remove-format/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-remove-format/src/removeformatui.ts", "../../../node_modules/@ckeditor/ckeditor5-remove-format/src/removeformatcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-remove-format/src/removeformatediting.ts", "../../../node_modules/@ckeditor/ckeditor5-remove-format/src/removeformat.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/restrictededitingmode/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/restrictededitingmodenavigationcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/restrictededitingmode/converters.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/restrictededitingmodeediting.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/restrictededitingmodeui.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/restrictededitingmode.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/restrictededitingexceptioncommand.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/restrictededitingexceptionblockcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/restrictededitingexceptionautocommand.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/standardeditingmodeediting.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/standardeditingmodeui.ts", "../../../node_modules/@ckeditor/ckeditor5-restricted-editing/src/standardeditingmode.ts", "../../../node_modules/@ckeditor/ckeditor5-show-blocks/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-show-blocks/src/showblockscommand.ts", "../../../node_modules/@ckeditor/ckeditor5-show-blocks/src/showblocksediting.ts", "../../../node_modules/@ckeditor/ckeditor5-show-blocks/src/showblocksui.ts", "../../../node_modules/@ckeditor/ckeditor5-show-blocks/src/showblocks.ts", "../../../node_modules/@ckeditor/ckeditor5-source-editing/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-source-editing/src/sourceediting.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/ui/charactergridview.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/ui/characterinfoview.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/ui/specialcharactersview.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/ui/specialcharacterscategoriesview.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/specialcharacters.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/specialcharactersarrows.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/specialcharacterstext.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/specialcharactersmathematical.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/specialcharacterslatin.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/specialcharacterscurrency.ts", "../../../node_modules/@ckeditor/ckeditor5-special-characters/src/specialcharactersessentials.ts", "../../../node_modules/@ckeditor/ckeditor5-style/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-style/src/ui/stylegridbuttonview.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/ui/stylegridview.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/ui/stylegroupview.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/ui/stylepanelview.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/styleutils.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/styleui.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/stylecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/integrations/list.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/integrations/table.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/integrations/link.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/styleediting.ts", "../../../node_modules/@ckeditor/ckeditor5-style/src/style.ts", "../../../node_modules/@ckeditor/ckeditor5-table/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-table/src/converters/tableproperties.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/utils/common.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablewalker.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/utils/structure.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/converters/upcasttable.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/utils/table-properties.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/converters/downcast.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/inserttablecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/insertrowcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/insertcolumncommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/splitcellcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/mergecellcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/removerowcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/removecolumncommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/setheaderrowcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/setheadercolumncommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecolumnresize/constants.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecolumnresize/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableutils.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/mergecellscommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/selectrowcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/selectcolumncommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/converters/table-layout-post-fixer.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/converters/table-cell-paragraph-post-fixer.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/converters/table-headings-refresh-handler.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/converters/table-cell-refresh-handler.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableediting.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/ui/inserttableview.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableui.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableselection.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableclipboard.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablekeyboard.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablemouse/mouseeventsobserver.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablemouse.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/table.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/plaintableoutput.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/utils/ui/widget.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tabletoolbar.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/ui/colorinputview.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/utils/ui/table-properties.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/ui/tablecellpropertiesview.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/utils/ui/contextualballoon.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/tablecellpropertiesui.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/commands/tablecellpropertycommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellwidth/commands/tablecellwidthcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellwidth/tablecellwidthediting.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/commands/tablecellpaddingcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/commands/tablecellheightcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/commands/tablecellbackgroundcolorcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/commands/tablecellverticalalignmentcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/commands/tablecellhorizontalalignmentcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/commands/tablecellborderstylecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/commands/tablecellbordercolorcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/commands/tablecellborderwidthcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/tablecellpropertiesediting.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablelayout/tablelayoutui.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/commands/inserttablelayoutcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecolumnresize/tablewidthscommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecolumnresize/converters.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecolumnresize/tablecolumnresizeediting.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecolumnresize.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablelayout/commands/tabletypecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablelayout/tablelayoutediting.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablelayout.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/commands/tablepropertycommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/commands/tablebackgroundcolorcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/commands/tablebordercolorcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/commands/tableborderstylecommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/commands/tableborderwidthcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/commands/tablewidthcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/commands/tableheightcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/commands/tablealignmentcommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/tablepropertiesediting.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/ui/tablepropertiesview.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/tablepropertiesui.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/converters/table-caption-post-fixer.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecaption/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecaption/toggletablecaptioncommand.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecaption/tablecaptionediting.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecaption/tablecaptionui.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecaption.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/utils/ui/table-propertiesexperimental.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/ui/tablepropertiesviewexperimental.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tableproperties/tablepropertiesuiexperimental.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/ui/tablecellpropertiesviewexperimental.ts", "../../../node_modules/@ckeditor/ckeditor5-table/src/tablecellproperties/tablecellpropertiesuiexperimental.ts", "../../../node_modules/@ckeditor/ckeditor5-word-count/dist/index.js", "../../../node_modules/@ckeditor/ckeditor5-word-count/src/utils.ts", "../../../node_modules/@ckeditor/ckeditor5-word-count/src/wordcount.ts", "../../../node_modules/ckeditor5/dist/ckeditor5.js", "../../../node_modules/ckeditor5/dist/ckeditor5.css", "../../javascript/application.js"],
  "sourcesContent": ["/*!\nFullCalendar Core Package v4.4.2\nDocs & License: https://fullcalendar.io/\n(c) 2019 Adam Shaw\n*/\n\n// Creating\n// ----------------------------------------------------------------------------------------------------------------\nvar elementPropHash = {\n    className: true,\n    colSpan: true,\n    rowSpan: true\n};\nvar containerTagHash = {\n    '<tr': 'tbody',\n    '<td': 'tr'\n};\nfunction createElement(tagName, attrs, content) {\n    var el = document.createElement(tagName);\n    if (attrs) {\n        for (var attrName in attrs) {\n            if (attrName === 'style') {\n                applyStyle(el, attrs[attrName]);\n            }\n            else if (elementPropHash[attrName]) {\n                el[attrName] = attrs[attrName];\n            }\n            else {\n                el.setAttribute(attrName, attrs[attrName]);\n            }\n        }\n    }\n    if (typeof content === 'string') {\n        el.innerHTML = content; // shortcut. no need to process HTML in any way\n    }\n    else if (content != null) {\n        appendToElement(el, content);\n    }\n    return el;\n}\nfunction htmlToElement(html) {\n    html = html.trim();\n    var container = document.createElement(computeContainerTag(html));\n    container.innerHTML = html;\n    return container.firstChild;\n}\nfunction htmlToElements(html) {\n    return Array.prototype.slice.call(htmlToNodeList(html));\n}\nfunction htmlToNodeList(html) {\n    html = html.trim();\n    var container = document.createElement(computeContainerTag(html));\n    container.innerHTML = html;\n    return container.childNodes;\n}\n// assumes html already trimmed and tag names are lowercase\nfunction computeContainerTag(html) {\n    return containerTagHash[html.substr(0, 3) // faster than using regex\n    ] || 'div';\n}\nfunction appendToElement(el, content) {\n    var childNodes = normalizeContent(content);\n    for (var i = 0; i < childNodes.length; i++) {\n        el.appendChild(childNodes[i]);\n    }\n}\nfunction prependToElement(parent, content) {\n    var newEls = normalizeContent(content);\n    var afterEl = parent.firstChild || null; // if no firstChild, will append to end, but that's okay, b/c there were no children\n    for (var i = 0; i < newEls.length; i++) {\n        parent.insertBefore(newEls[i], afterEl);\n    }\n}\nfunction insertAfterElement(refEl, content) {\n    var newEls = normalizeContent(content);\n    var afterEl = refEl.nextSibling || null;\n    for (var i = 0; i < newEls.length; i++) {\n        refEl.parentNode.insertBefore(newEls[i], afterEl);\n    }\n}\nfunction normalizeContent(content) {\n    var els;\n    if (typeof content === 'string') {\n        els = htmlToElements(content);\n    }\n    else if (content instanceof Node) {\n        els = [content];\n    }\n    else { // Node[] or NodeList\n        els = Array.prototype.slice.call(content);\n    }\n    return els;\n}\nfunction removeElement(el) {\n    if (el.parentNode) {\n        el.parentNode.removeChild(el);\n    }\n}\n// Querying\n// ----------------------------------------------------------------------------------------------------------------\n// from https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nvar matchesMethod = Element.prototype.matches ||\n    Element.prototype.matchesSelector ||\n    Element.prototype.msMatchesSelector;\nvar closestMethod = Element.prototype.closest || function (selector) {\n    // polyfill\n    var el = this;\n    if (!document.documentElement.contains(el)) {\n        return null;\n    }\n    do {\n        if (elementMatches(el, selector)) {\n            return el;\n        }\n        el = el.parentElement || el.parentNode;\n    } while (el !== null && el.nodeType === 1);\n    return null;\n};\nfunction elementClosest(el, selector) {\n    return closestMethod.call(el, selector);\n}\nfunction elementMatches(el, selector) {\n    return matchesMethod.call(el, selector);\n}\n// accepts multiple subject els\n// returns a real array. good for methods like forEach\nfunction findElements(container, selector) {\n    var containers = container instanceof HTMLElement ? [container] : container;\n    var allMatches = [];\n    for (var i = 0; i < containers.length; i++) {\n        var matches = containers[i].querySelectorAll(selector);\n        for (var j = 0; j < matches.length; j++) {\n            allMatches.push(matches[j]);\n        }\n    }\n    return allMatches;\n}\n// accepts multiple subject els\n// only queries direct child elements\nfunction findChildren(parent, selector) {\n    var parents = parent instanceof HTMLElement ? [parent] : parent;\n    var allMatches = [];\n    for (var i = 0; i < parents.length; i++) {\n        var childNodes = parents[i].children; // only ever elements\n        for (var j = 0; j < childNodes.length; j++) {\n            var childNode = childNodes[j];\n            if (!selector || elementMatches(childNode, selector)) {\n                allMatches.push(childNode);\n            }\n        }\n    }\n    return allMatches;\n}\n// Attributes\n// ----------------------------------------------------------------------------------------------------------------\nfunction forceClassName(el, className, bool) {\n    if (bool) {\n        el.classList.add(className);\n    }\n    else {\n        el.classList.remove(className);\n    }\n}\n// Style\n// ----------------------------------------------------------------------------------------------------------------\nvar PIXEL_PROP_RE = /(top|left|right|bottom|width|height)$/i;\nfunction applyStyle(el, props) {\n    for (var propName in props) {\n        applyStyleProp(el, propName, props[propName]);\n    }\n}\nfunction applyStyleProp(el, name, val) {\n    if (val == null) {\n        el.style[name] = '';\n    }\n    else if (typeof val === 'number' && PIXEL_PROP_RE.test(name)) {\n        el.style[name] = val + 'px';\n    }\n    else {\n        el.style[name] = val;\n    }\n}\n\nfunction pointInsideRect(point, rect) {\n    return point.left >= rect.left &&\n        point.left < rect.right &&\n        point.top >= rect.top &&\n        point.top < rect.bottom;\n}\n// Returns a new rectangle that is the intersection of the two rectangles. If they don't intersect, returns false\nfunction intersectRects(rect1, rect2) {\n    var res = {\n        left: Math.max(rect1.left, rect2.left),\n        right: Math.min(rect1.right, rect2.right),\n        top: Math.max(rect1.top, rect2.top),\n        bottom: Math.min(rect1.bottom, rect2.bottom)\n    };\n    if (res.left < res.right && res.top < res.bottom) {\n        return res;\n    }\n    return false;\n}\nfunction translateRect(rect, deltaX, deltaY) {\n    return {\n        left: rect.left + deltaX,\n        right: rect.right + deltaX,\n        top: rect.top + deltaY,\n        bottom: rect.bottom + deltaY\n    };\n}\n// Returns a new point that will have been moved to reside within the given rectangle\nfunction constrainPoint(point, rect) {\n    return {\n        left: Math.min(Math.max(point.left, rect.left), rect.right),\n        top: Math.min(Math.max(point.top, rect.top), rect.bottom)\n    };\n}\n// Returns a point that is the center of the given rectangle\nfunction getRectCenter(rect) {\n    return {\n        left: (rect.left + rect.right) / 2,\n        top: (rect.top + rect.bottom) / 2\n    };\n}\n// Subtracts point2's coordinates from point1's coordinates, returning a delta\nfunction diffPoints(point1, point2) {\n    return {\n        left: point1.left - point2.left,\n        top: point1.top - point2.top\n    };\n}\n\n// Logic for determining if, when the element is right-to-left, the scrollbar appears on the left side\nvar isRtlScrollbarOnLeft = null;\nfunction getIsRtlScrollbarOnLeft() {\n    if (isRtlScrollbarOnLeft === null) {\n        isRtlScrollbarOnLeft = computeIsRtlScrollbarOnLeft();\n    }\n    return isRtlScrollbarOnLeft;\n}\nfunction computeIsRtlScrollbarOnLeft() {\n    var outerEl = createElement('div', {\n        style: {\n            position: 'absolute',\n            top: -1000,\n            left: 0,\n            border: 0,\n            padding: 0,\n            overflow: 'scroll',\n            direction: 'rtl'\n        }\n    }, '<div></div>');\n    document.body.appendChild(outerEl);\n    var innerEl = outerEl.firstChild;\n    var res = innerEl.getBoundingClientRect().left > outerEl.getBoundingClientRect().left;\n    removeElement(outerEl);\n    return res;\n}\n// The scrollbar width computations in computeEdges are sometimes flawed when it comes to\n// retina displays, rounding, and IE11. Massage them into a usable value.\nfunction sanitizeScrollbarWidth(width) {\n    width = Math.max(0, width); // no negatives\n    width = Math.round(width);\n    return width;\n}\n\nfunction computeEdges(el, getPadding) {\n    if (getPadding === void 0) { getPadding = false; }\n    var computedStyle = window.getComputedStyle(el);\n    var borderLeft = parseInt(computedStyle.borderLeftWidth, 10) || 0;\n    var borderRight = parseInt(computedStyle.borderRightWidth, 10) || 0;\n    var borderTop = parseInt(computedStyle.borderTopWidth, 10) || 0;\n    var borderBottom = parseInt(computedStyle.borderBottomWidth, 10) || 0;\n    // must use offset(Width|Height) because compatible with client(Width|Height)\n    var scrollbarLeftRight = sanitizeScrollbarWidth(el.offsetWidth - el.clientWidth - borderLeft - borderRight);\n    var scrollbarBottom = sanitizeScrollbarWidth(el.offsetHeight - el.clientHeight - borderTop - borderBottom);\n    var res = {\n        borderLeft: borderLeft,\n        borderRight: borderRight,\n        borderTop: borderTop,\n        borderBottom: borderBottom,\n        scrollbarBottom: scrollbarBottom,\n        scrollbarLeft: 0,\n        scrollbarRight: 0\n    };\n    if (getIsRtlScrollbarOnLeft() && computedStyle.direction === 'rtl') { // is the scrollbar on the left side?\n        res.scrollbarLeft = scrollbarLeftRight;\n    }\n    else {\n        res.scrollbarRight = scrollbarLeftRight;\n    }\n    if (getPadding) {\n        res.paddingLeft = parseInt(computedStyle.paddingLeft, 10) || 0;\n        res.paddingRight = parseInt(computedStyle.paddingRight, 10) || 0;\n        res.paddingTop = parseInt(computedStyle.paddingTop, 10) || 0;\n        res.paddingBottom = parseInt(computedStyle.paddingBottom, 10) || 0;\n    }\n    return res;\n}\nfunction computeInnerRect(el, goWithinPadding) {\n    if (goWithinPadding === void 0) { goWithinPadding = false; }\n    var outerRect = computeRect(el);\n    var edges = computeEdges(el, goWithinPadding);\n    var res = {\n        left: outerRect.left + edges.borderLeft + edges.scrollbarLeft,\n        right: outerRect.right - edges.borderRight - edges.scrollbarRight,\n        top: outerRect.top + edges.borderTop,\n        bottom: outerRect.bottom - edges.borderBottom - edges.scrollbarBottom\n    };\n    if (goWithinPadding) {\n        res.left += edges.paddingLeft;\n        res.right -= edges.paddingRight;\n        res.top += edges.paddingTop;\n        res.bottom -= edges.paddingBottom;\n    }\n    return res;\n}\nfunction computeRect(el) {\n    var rect = el.getBoundingClientRect();\n    return {\n        left: rect.left + window.pageXOffset,\n        top: rect.top + window.pageYOffset,\n        right: rect.right + window.pageXOffset,\n        bottom: rect.bottom + window.pageYOffset\n    };\n}\nfunction computeViewportRect() {\n    return {\n        left: window.pageXOffset,\n        right: window.pageXOffset + document.documentElement.clientWidth,\n        top: window.pageYOffset,\n        bottom: window.pageYOffset + document.documentElement.clientHeight\n    };\n}\nfunction computeHeightAndMargins(el) {\n    return el.getBoundingClientRect().height + computeVMargins(el);\n}\nfunction computeVMargins(el) {\n    var computed = window.getComputedStyle(el);\n    return parseInt(computed.marginTop, 10) +\n        parseInt(computed.marginBottom, 10);\n}\n// does not return window\nfunction getClippingParents(el) {\n    var parents = [];\n    while (el instanceof HTMLElement) { // will stop when gets to document or null\n        var computedStyle = window.getComputedStyle(el);\n        if (computedStyle.position === 'fixed') {\n            break;\n        }\n        if ((/(auto|scroll)/).test(computedStyle.overflow + computedStyle.overflowY + computedStyle.overflowX)) {\n            parents.push(el);\n        }\n        el = el.parentNode;\n    }\n    return parents;\n}\nfunction computeClippingRect(el) {\n    return getClippingParents(el)\n        .map(function (el) {\n        return computeInnerRect(el);\n    })\n        .concat(computeViewportRect())\n        .reduce(function (rect0, rect1) {\n        return intersectRects(rect0, rect1) || rect1; // should always intersect\n    });\n}\n\n// Stops a mouse/touch event from doing it's native browser action\nfunction preventDefault(ev) {\n    ev.preventDefault();\n}\n// Event Delegation\n// ----------------------------------------------------------------------------------------------------------------\nfunction listenBySelector(container, eventType, selector, handler) {\n    function realHandler(ev) {\n        var matchedChild = elementClosest(ev.target, selector);\n        if (matchedChild) {\n            handler.call(matchedChild, ev, matchedChild);\n        }\n    }\n    container.addEventListener(eventType, realHandler);\n    return function () {\n        container.removeEventListener(eventType, realHandler);\n    };\n}\nfunction listenToHoverBySelector(container, selector, onMouseEnter, onMouseLeave) {\n    var currentMatchedChild;\n    return listenBySelector(container, 'mouseover', selector, function (ev, matchedChild) {\n        if (matchedChild !== currentMatchedChild) {\n            currentMatchedChild = matchedChild;\n            onMouseEnter(ev, matchedChild);\n            var realOnMouseLeave_1 = function (ev) {\n                currentMatchedChild = null;\n                onMouseLeave(ev, matchedChild);\n                matchedChild.removeEventListener('mouseleave', realOnMouseLeave_1);\n            };\n            // listen to the next mouseleave, and then unattach\n            matchedChild.addEventListener('mouseleave', realOnMouseLeave_1);\n        }\n    });\n}\n// Animation\n// ----------------------------------------------------------------------------------------------------------------\nvar transitionEventNames = [\n    'webkitTransitionEnd',\n    'otransitionend',\n    'oTransitionEnd',\n    'msTransitionEnd',\n    'transitionend'\n];\n// triggered only when the next single subsequent transition finishes\nfunction whenTransitionDone(el, callback) {\n    var realCallback = function (ev) {\n        callback(ev);\n        transitionEventNames.forEach(function (eventName) {\n            el.removeEventListener(eventName, realCallback);\n        });\n    };\n    transitionEventNames.forEach(function (eventName) {\n        el.addEventListener(eventName, realCallback); // cross-browser way to determine when the transition finishes\n    });\n}\n\nvar DAY_IDS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];\n// Adding\nfunction addWeeks(m, n) {\n    var a = dateToUtcArray(m);\n    a[2] += n * 7;\n    return arrayToUtcDate(a);\n}\nfunction addDays(m, n) {\n    var a = dateToUtcArray(m);\n    a[2] += n;\n    return arrayToUtcDate(a);\n}\nfunction addMs(m, n) {\n    var a = dateToUtcArray(m);\n    a[6] += n;\n    return arrayToUtcDate(a);\n}\n// Diffing (all return floats)\nfunction diffWeeks(m0, m1) {\n    return diffDays(m0, m1) / 7;\n}\nfunction diffDays(m0, m1) {\n    return (m1.valueOf() - m0.valueOf()) / (1000 * 60 * 60 * 24);\n}\nfunction diffHours(m0, m1) {\n    return (m1.valueOf() - m0.valueOf()) / (1000 * 60 * 60);\n}\nfunction diffMinutes(m0, m1) {\n    return (m1.valueOf() - m0.valueOf()) / (1000 * 60);\n}\nfunction diffSeconds(m0, m1) {\n    return (m1.valueOf() - m0.valueOf()) / 1000;\n}\nfunction diffDayAndTime(m0, m1) {\n    var m0day = startOfDay(m0);\n    var m1day = startOfDay(m1);\n    return {\n        years: 0,\n        months: 0,\n        days: Math.round(diffDays(m0day, m1day)),\n        milliseconds: (m1.valueOf() - m1day.valueOf()) - (m0.valueOf() - m0day.valueOf())\n    };\n}\n// Diffing Whole Units\nfunction diffWholeWeeks(m0, m1) {\n    var d = diffWholeDays(m0, m1);\n    if (d !== null && d % 7 === 0) {\n        return d / 7;\n    }\n    return null;\n}\nfunction diffWholeDays(m0, m1) {\n    if (timeAsMs(m0) === timeAsMs(m1)) {\n        return Math.round(diffDays(m0, m1));\n    }\n    return null;\n}\n// Start-Of\nfunction startOfDay(m) {\n    return arrayToUtcDate([\n        m.getUTCFullYear(),\n        m.getUTCMonth(),\n        m.getUTCDate()\n    ]);\n}\nfunction startOfHour(m) {\n    return arrayToUtcDate([\n        m.getUTCFullYear(),\n        m.getUTCMonth(),\n        m.getUTCDate(),\n        m.getUTCHours()\n    ]);\n}\nfunction startOfMinute(m) {\n    return arrayToUtcDate([\n        m.getUTCFullYear(),\n        m.getUTCMonth(),\n        m.getUTCDate(),\n        m.getUTCHours(),\n        m.getUTCMinutes()\n    ]);\n}\nfunction startOfSecond(m) {\n    return arrayToUtcDate([\n        m.getUTCFullYear(),\n        m.getUTCMonth(),\n        m.getUTCDate(),\n        m.getUTCHours(),\n        m.getUTCMinutes(),\n        m.getUTCSeconds()\n    ]);\n}\n// Week Computation\nfunction weekOfYear(marker, dow, doy) {\n    var y = marker.getUTCFullYear();\n    var w = weekOfGivenYear(marker, y, dow, doy);\n    if (w < 1) {\n        return weekOfGivenYear(marker, y - 1, dow, doy);\n    }\n    var nextW = weekOfGivenYear(marker, y + 1, dow, doy);\n    if (nextW >= 1) {\n        return Math.min(w, nextW);\n    }\n    return w;\n}\nfunction weekOfGivenYear(marker, year, dow, doy) {\n    var firstWeekStart = arrayToUtcDate([year, 0, 1 + firstWeekOffset(year, dow, doy)]);\n    var dayStart = startOfDay(marker);\n    var days = Math.round(diffDays(firstWeekStart, dayStart));\n    return Math.floor(days / 7) + 1; // zero-indexed\n}\n// start-of-first-week - start-of-year\nfunction firstWeekOffset(year, dow, doy) {\n    // first-week day -- which january is always in the first week (4 for iso, 1 for other)\n    var fwd = 7 + dow - doy;\n    // first-week day local weekday -- which local weekday is fwd\n    var fwdlw = (7 + arrayToUtcDate([year, 0, fwd]).getUTCDay() - dow) % 7;\n    return -fwdlw + fwd - 1;\n}\n// Array Conversion\nfunction dateToLocalArray(date) {\n    return [\n        date.getFullYear(),\n        date.getMonth(),\n        date.getDate(),\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n        date.getMilliseconds()\n    ];\n}\nfunction arrayToLocalDate(a) {\n    return new Date(a[0], a[1] || 0, a[2] == null ? 1 : a[2], // day of month\n    a[3] || 0, a[4] || 0, a[5] || 0);\n}\nfunction dateToUtcArray(date) {\n    return [\n        date.getUTCFullYear(),\n        date.getUTCMonth(),\n        date.getUTCDate(),\n        date.getUTCHours(),\n        date.getUTCMinutes(),\n        date.getUTCSeconds(),\n        date.getUTCMilliseconds()\n    ];\n}\nfunction arrayToUtcDate(a) {\n    // according to web standards (and Safari), a month index is required.\n    // massage if only given a year.\n    if (a.length === 1) {\n        a = a.concat([0]);\n    }\n    return new Date(Date.UTC.apply(Date, a));\n}\n// Other Utils\nfunction isValidDate(m) {\n    return !isNaN(m.valueOf());\n}\nfunction timeAsMs(m) {\n    return m.getUTCHours() * 1000 * 60 * 60 +\n        m.getUTCMinutes() * 1000 * 60 +\n        m.getUTCSeconds() * 1000 +\n        m.getUTCMilliseconds();\n}\n\nvar INTERNAL_UNITS = ['years', 'months', 'days', 'milliseconds'];\nvar PARSE_RE = /^(-?)(?:(\\d+)\\.)?(\\d+):(\\d\\d)(?::(\\d\\d)(?:\\.(\\d\\d\\d))?)?/;\n// Parsing and Creation\nfunction createDuration(input, unit) {\n    var _a;\n    if (typeof input === 'string') {\n        return parseString(input);\n    }\n    else if (typeof input === 'object' && input) { // non-null object\n        return normalizeObject(input);\n    }\n    else if (typeof input === 'number') {\n        return normalizeObject((_a = {}, _a[unit || 'milliseconds'] = input, _a));\n    }\n    else {\n        return null;\n    }\n}\nfunction parseString(s) {\n    var m = PARSE_RE.exec(s);\n    if (m) {\n        var sign = m[1] ? -1 : 1;\n        return {\n            years: 0,\n            months: 0,\n            days: sign * (m[2] ? parseInt(m[2], 10) : 0),\n            milliseconds: sign * ((m[3] ? parseInt(m[3], 10) : 0) * 60 * 60 * 1000 + // hours\n                (m[4] ? parseInt(m[4], 10) : 0) * 60 * 1000 + // minutes\n                (m[5] ? parseInt(m[5], 10) : 0) * 1000 + // seconds\n                (m[6] ? parseInt(m[6], 10) : 0) // ms\n            )\n        };\n    }\n    return null;\n}\nfunction normalizeObject(obj) {\n    return {\n        years: obj.years || obj.year || 0,\n        months: obj.months || obj.month || 0,\n        days: (obj.days || obj.day || 0) +\n            getWeeksFromInput(obj) * 7,\n        milliseconds: (obj.hours || obj.hour || 0) * 60 * 60 * 1000 + // hours\n            (obj.minutes || obj.minute || 0) * 60 * 1000 + // minutes\n            (obj.seconds || obj.second || 0) * 1000 + // seconds\n            (obj.milliseconds || obj.millisecond || obj.ms || 0) // ms\n    };\n}\nfunction getWeeksFromInput(obj) {\n    return obj.weeks || obj.week || 0;\n}\n// Equality\nfunction durationsEqual(d0, d1) {\n    return d0.years === d1.years &&\n        d0.months === d1.months &&\n        d0.days === d1.days &&\n        d0.milliseconds === d1.milliseconds;\n}\nfunction isSingleDay(dur) {\n    return dur.years === 0 && dur.months === 0 && dur.days === 1 && dur.milliseconds === 0;\n}\n// Simple Math\nfunction addDurations(d0, d1) {\n    return {\n        years: d0.years + d1.years,\n        months: d0.months + d1.months,\n        days: d0.days + d1.days,\n        milliseconds: d0.milliseconds + d1.milliseconds\n    };\n}\nfunction subtractDurations(d1, d0) {\n    return {\n        years: d1.years - d0.years,\n        months: d1.months - d0.months,\n        days: d1.days - d0.days,\n        milliseconds: d1.milliseconds - d0.milliseconds\n    };\n}\nfunction multiplyDuration(d, n) {\n    return {\n        years: d.years * n,\n        months: d.months * n,\n        days: d.days * n,\n        milliseconds: d.milliseconds * n\n    };\n}\n// Conversions\n// \"Rough\" because they are based on average-case Gregorian months/years\nfunction asRoughYears(dur) {\n    return asRoughDays(dur) / 365;\n}\nfunction asRoughMonths(dur) {\n    return asRoughDays(dur) / 30;\n}\nfunction asRoughDays(dur) {\n    return asRoughMs(dur) / 864e5;\n}\nfunction asRoughMinutes(dur) {\n    return asRoughMs(dur) / (1000 * 60);\n}\nfunction asRoughSeconds(dur) {\n    return asRoughMs(dur) / 1000;\n}\nfunction asRoughMs(dur) {\n    return dur.years * (365 * 864e5) +\n        dur.months * (30 * 864e5) +\n        dur.days * 864e5 +\n        dur.milliseconds;\n}\n// Advanced Math\nfunction wholeDivideDurations(numerator, denominator) {\n    var res = null;\n    for (var i = 0; i < INTERNAL_UNITS.length; i++) {\n        var unit = INTERNAL_UNITS[i];\n        if (denominator[unit]) {\n            var localRes = numerator[unit] / denominator[unit];\n            if (!isInt(localRes) || (res !== null && res !== localRes)) {\n                return null;\n            }\n            res = localRes;\n        }\n        else if (numerator[unit]) {\n            // needs to divide by something but can't!\n            return null;\n        }\n    }\n    return res;\n}\nfunction greatestDurationDenominator(dur, dontReturnWeeks) {\n    var ms = dur.milliseconds;\n    if (ms) {\n        if (ms % 1000 !== 0) {\n            return { unit: 'millisecond', value: ms };\n        }\n        if (ms % (1000 * 60) !== 0) {\n            return { unit: 'second', value: ms / 1000 };\n        }\n        if (ms % (1000 * 60 * 60) !== 0) {\n            return { unit: 'minute', value: ms / (1000 * 60) };\n        }\n        if (ms) {\n            return { unit: 'hour', value: ms / (1000 * 60 * 60) };\n        }\n    }\n    if (dur.days) {\n        if (!dontReturnWeeks && dur.days % 7 === 0) {\n            return { unit: 'week', value: dur.days / 7 };\n        }\n        return { unit: 'day', value: dur.days };\n    }\n    if (dur.months) {\n        return { unit: 'month', value: dur.months };\n    }\n    if (dur.years) {\n        return { unit: 'year', value: dur.years };\n    }\n    return { unit: 'millisecond', value: 0 };\n}\n\n/* FullCalendar-specific DOM Utilities\n----------------------------------------------------------------------------------------------------------------------*/\n// Given the scrollbar widths of some other container, create borders/margins on rowEls in order to match the left\n// and right space that was offset by the scrollbars. A 1-pixel border first, then margin beyond that.\nfunction compensateScroll(rowEl, scrollbarWidths) {\n    if (scrollbarWidths.left) {\n        applyStyle(rowEl, {\n            borderLeftWidth: 1,\n            marginLeft: scrollbarWidths.left - 1\n        });\n    }\n    if (scrollbarWidths.right) {\n        applyStyle(rowEl, {\n            borderRightWidth: 1,\n            marginRight: scrollbarWidths.right - 1\n        });\n    }\n}\n// Undoes compensateScroll and restores all borders/margins\nfunction uncompensateScroll(rowEl) {\n    applyStyle(rowEl, {\n        marginLeft: '',\n        marginRight: '',\n        borderLeftWidth: '',\n        borderRightWidth: ''\n    });\n}\n// Make the mouse cursor express that an event is not allowed in the current area\nfunction disableCursor() {\n    document.body.classList.add('fc-not-allowed');\n}\n// Returns the mouse cursor to its original look\nfunction enableCursor() {\n    document.body.classList.remove('fc-not-allowed');\n}\n// Given a total available height to fill, have `els` (essentially child rows) expand to accomodate.\n// By default, all elements that are shorter than the recommended height are expanded uniformly, not considering\n// any other els that are already too tall. if `shouldRedistribute` is on, it considers these tall rows and\n// reduces the available height.\nfunction distributeHeight(els, availableHeight, shouldRedistribute) {\n    // *FLOORING NOTE*: we floor in certain places because zoom can give inaccurate floating-point dimensions,\n    // and it is better to be shorter than taller, to avoid creating unnecessary scrollbars.\n    var minOffset1 = Math.floor(availableHeight / els.length); // for non-last element\n    var minOffset2 = Math.floor(availableHeight - minOffset1 * (els.length - 1)); // for last element *FLOORING NOTE*\n    var flexEls = []; // elements that are allowed to expand. array of DOM nodes\n    var flexOffsets = []; // amount of vertical space it takes up\n    var flexHeights = []; // actual css height\n    var usedHeight = 0;\n    undistributeHeight(els); // give all elements their natural height\n    // find elements that are below the recommended height (expandable).\n    // important to query for heights in a single first pass (to avoid reflow oscillation).\n    els.forEach(function (el, i) {\n        var minOffset = i === els.length - 1 ? minOffset2 : minOffset1;\n        var naturalHeight = el.getBoundingClientRect().height;\n        var naturalOffset = naturalHeight + computeVMargins(el);\n        if (naturalOffset < minOffset) {\n            flexEls.push(el);\n            flexOffsets.push(naturalOffset);\n            flexHeights.push(naturalHeight);\n        }\n        else {\n            // this element stretches past recommended height (non-expandable). mark the space as occupied.\n            usedHeight += naturalOffset;\n        }\n    });\n    // readjust the recommended height to only consider the height available to non-maxed-out rows.\n    if (shouldRedistribute) {\n        availableHeight -= usedHeight;\n        minOffset1 = Math.floor(availableHeight / flexEls.length);\n        minOffset2 = Math.floor(availableHeight - minOffset1 * (flexEls.length - 1)); // *FLOORING NOTE*\n    }\n    // assign heights to all expandable elements\n    flexEls.forEach(function (el, i) {\n        var minOffset = i === flexEls.length - 1 ? minOffset2 : minOffset1;\n        var naturalOffset = flexOffsets[i];\n        var naturalHeight = flexHeights[i];\n        var newHeight = minOffset - (naturalOffset - naturalHeight); // subtract the margin/padding\n        if (naturalOffset < minOffset) { // we check this again because redistribution might have changed things\n            el.style.height = newHeight + 'px';\n        }\n    });\n}\n// Undoes distrubuteHeight, restoring all els to their natural height\nfunction undistributeHeight(els) {\n    els.forEach(function (el) {\n        el.style.height = '';\n    });\n}\n// Given `els`, a set of <td> cells, find the cell with the largest natural width and set the widths of all the\n// cells to be that width.\n// PREREQUISITE: if you want a cell to take up width, it needs to have a single inner element w/ display:inline\nfunction matchCellWidths(els) {\n    var maxInnerWidth = 0;\n    els.forEach(function (el) {\n        var innerEl = el.firstChild; // hopefully an element\n        if (innerEl instanceof HTMLElement) {\n            var innerWidth_1 = innerEl.getBoundingClientRect().width;\n            if (innerWidth_1 > maxInnerWidth) {\n                maxInnerWidth = innerWidth_1;\n            }\n        }\n    });\n    maxInnerWidth++; // sometimes not accurate of width the text needs to stay on one line. insurance\n    els.forEach(function (el) {\n        el.style.width = maxInnerWidth + 'px';\n    });\n    return maxInnerWidth;\n}\n// Given one element that resides inside another,\n// Subtracts the height of the inner element from the outer element.\nfunction subtractInnerElHeight(outerEl, innerEl) {\n    // effin' IE8/9/10/11 sometimes returns 0 for dimensions. this weird hack was the only thing that worked\n    var reflowStyleProps = {\n        position: 'relative',\n        left: -1 // ensure reflow in case the el was already relative. negative is less likely to cause new scroll\n    };\n    applyStyle(outerEl, reflowStyleProps);\n    applyStyle(innerEl, reflowStyleProps);\n    var diff = // grab the dimensions\n     outerEl.getBoundingClientRect().height -\n        innerEl.getBoundingClientRect().height;\n    // undo hack\n    var resetStyleProps = { position: '', left: '' };\n    applyStyle(outerEl, resetStyleProps);\n    applyStyle(innerEl, resetStyleProps);\n    return diff;\n}\n/* Selection\n----------------------------------------------------------------------------------------------------------------------*/\nfunction preventSelection(el) {\n    el.classList.add('fc-unselectable');\n    el.addEventListener('selectstart', preventDefault);\n}\nfunction allowSelection(el) {\n    el.classList.remove('fc-unselectable');\n    el.removeEventListener('selectstart', preventDefault);\n}\n/* Context Menu\n----------------------------------------------------------------------------------------------------------------------*/\nfunction preventContextMenu(el) {\n    el.addEventListener('contextmenu', preventDefault);\n}\nfunction allowContextMenu(el) {\n    el.removeEventListener('contextmenu', preventDefault);\n}\n/* Object Ordering by Field\n----------------------------------------------------------------------------------------------------------------------*/\nfunction parseFieldSpecs(input) {\n    var specs = [];\n    var tokens = [];\n    var i;\n    var token;\n    if (typeof input === 'string') {\n        tokens = input.split(/\\s*,\\s*/);\n    }\n    else if (typeof input === 'function') {\n        tokens = [input];\n    }\n    else if (Array.isArray(input)) {\n        tokens = input;\n    }\n    for (i = 0; i < tokens.length; i++) {\n        token = tokens[i];\n        if (typeof token === 'string') {\n            specs.push(token.charAt(0) === '-' ?\n                { field: token.substring(1), order: -1 } :\n                { field: token, order: 1 });\n        }\n        else if (typeof token === 'function') {\n            specs.push({ func: token });\n        }\n    }\n    return specs;\n}\nfunction compareByFieldSpecs(obj0, obj1, fieldSpecs) {\n    var i;\n    var cmp;\n    for (i = 0; i < fieldSpecs.length; i++) {\n        cmp = compareByFieldSpec(obj0, obj1, fieldSpecs[i]);\n        if (cmp) {\n            return cmp;\n        }\n    }\n    return 0;\n}\nfunction compareByFieldSpec(obj0, obj1, fieldSpec) {\n    if (fieldSpec.func) {\n        return fieldSpec.func(obj0, obj1);\n    }\n    return flexibleCompare(obj0[fieldSpec.field], obj1[fieldSpec.field])\n        * (fieldSpec.order || 1);\n}\nfunction flexibleCompare(a, b) {\n    if (!a && !b) {\n        return 0;\n    }\n    if (b == null) {\n        return -1;\n    }\n    if (a == null) {\n        return 1;\n    }\n    if (typeof a === 'string' || typeof b === 'string') {\n        return String(a).localeCompare(String(b));\n    }\n    return a - b;\n}\n/* String Utilities\n----------------------------------------------------------------------------------------------------------------------*/\nfunction capitaliseFirstLetter(str) {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n}\nfunction padStart(val, len) {\n    var s = String(val);\n    return '000'.substr(0, len - s.length) + s;\n}\n/* Number Utilities\n----------------------------------------------------------------------------------------------------------------------*/\nfunction compareNumbers(a, b) {\n    return a - b;\n}\nfunction isInt(n) {\n    return n % 1 === 0;\n}\n/* Weird Utilities\n----------------------------------------------------------------------------------------------------------------------*/\nfunction applyAll(functions, thisObj, args) {\n    if (typeof functions === 'function') { // supplied a single function\n        functions = [functions];\n    }\n    if (functions) {\n        var i = void 0;\n        var ret = void 0;\n        for (i = 0; i < functions.length; i++) {\n            ret = functions[i].apply(thisObj, args) || ret;\n        }\n        return ret;\n    }\n}\nfunction firstDefined() {\n    var args = [];\n    for (var _i = 0; _i < arguments.length; _i++) {\n        args[_i] = arguments[_i];\n    }\n    for (var i = 0; i < args.length; i++) {\n        if (args[i] !== undefined) {\n            return args[i];\n        }\n    }\n}\n// Returns a function, that, as long as it continues to be invoked, will not\n// be triggered. The function will be called after it stops being called for\n// N milliseconds. If `immediate` is passed, trigger the function on the\n// leading edge, instead of the trailing.\n// https://github.com/jashkenas/underscore/blob/1.6.0/underscore.js#L714\nfunction debounce(func, wait) {\n    var timeout;\n    var args;\n    var context;\n    var timestamp;\n    var result;\n    var later = function () {\n        var last = new Date().valueOf() - timestamp;\n        if (last < wait) {\n            timeout = setTimeout(later, wait - last);\n        }\n        else {\n            timeout = null;\n            result = func.apply(context, args);\n            context = args = null;\n        }\n    };\n    return function () {\n        context = this;\n        args = arguments;\n        timestamp = new Date().valueOf();\n        if (!timeout) {\n            timeout = setTimeout(later, wait);\n        }\n        return result;\n    };\n}\n// Number and Boolean are only types that defaults or not computed for\n// TODO: write more comments\nfunction refineProps(rawProps, processors, defaults, leftoverProps) {\n    if (defaults === void 0) { defaults = {}; }\n    var refined = {};\n    for (var key in processors) {\n        var processor = processors[key];\n        if (rawProps[key] !== undefined) {\n            // found\n            if (processor === Function) {\n                refined[key] = typeof rawProps[key] === 'function' ? rawProps[key] : null;\n            }\n            else if (processor) { // a refining function?\n                refined[key] = processor(rawProps[key]);\n            }\n            else {\n                refined[key] = rawProps[key];\n            }\n        }\n        else if (defaults[key] !== undefined) {\n            // there's an explicit default\n            refined[key] = defaults[key];\n        }\n        else {\n            // must compute a default\n            if (processor === String) {\n                refined[key] = ''; // empty string is default for String\n            }\n            else if (!processor || processor === Number || processor === Boolean || processor === Function) {\n                refined[key] = null; // assign null for other non-custom processor funcs\n            }\n            else {\n                refined[key] = processor(null); // run the custom processor func\n            }\n        }\n    }\n    if (leftoverProps) {\n        for (var key in rawProps) {\n            if (processors[key] === undefined) {\n                leftoverProps[key] = rawProps[key];\n            }\n        }\n    }\n    return refined;\n}\n/* Date stuff that doesn't belong in datelib core\n----------------------------------------------------------------------------------------------------------------------*/\n// given a timed range, computes an all-day range that has the same exact duration,\n// but whose start time is aligned with the start of the day.\nfunction computeAlignedDayRange(timedRange) {\n    var dayCnt = Math.floor(diffDays(timedRange.start, timedRange.end)) || 1;\n    var start = startOfDay(timedRange.start);\n    var end = addDays(start, dayCnt);\n    return { start: start, end: end };\n}\n// given a timed range, computes an all-day range based on how for the end date bleeds into the next day\n// TODO: give nextDayThreshold a default arg\nfunction computeVisibleDayRange(timedRange, nextDayThreshold) {\n    if (nextDayThreshold === void 0) { nextDayThreshold = createDuration(0); }\n    var startDay = null;\n    var endDay = null;\n    if (timedRange.end) {\n        endDay = startOfDay(timedRange.end);\n        var endTimeMS = timedRange.end.valueOf() - endDay.valueOf(); // # of milliseconds into `endDay`\n        // If the end time is actually inclusively part of the next day and is equal to or\n        // beyond the next day threshold, adjust the end to be the exclusive end of `endDay`.\n        // Otherwise, leaving it as inclusive will cause it to exclude `endDay`.\n        if (endTimeMS && endTimeMS >= asRoughMs(nextDayThreshold)) {\n            endDay = addDays(endDay, 1);\n        }\n    }\n    if (timedRange.start) {\n        startDay = startOfDay(timedRange.start); // the beginning of the day the range starts\n        // If end is within `startDay` but not past nextDayThreshold, assign the default duration of one day.\n        if (endDay && endDay <= startDay) {\n            endDay = addDays(startDay, 1);\n        }\n    }\n    return { start: startDay, end: endDay };\n}\n// spans from one day into another?\nfunction isMultiDayRange(range) {\n    var visibleRange = computeVisibleDayRange(range);\n    return diffDays(visibleRange.start, visibleRange.end) > 1;\n}\nfunction diffDates(date0, date1, dateEnv, largeUnit) {\n    if (largeUnit === 'year') {\n        return createDuration(dateEnv.diffWholeYears(date0, date1), 'year');\n    }\n    else if (largeUnit === 'month') {\n        return createDuration(dateEnv.diffWholeMonths(date0, date1), 'month');\n    }\n    else {\n        return diffDayAndTime(date0, date1); // returns a duration\n    }\n}\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nfunction __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nvar __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\n\nfunction parseRecurring(eventInput, allDayDefault, dateEnv, recurringTypes, leftovers) {\n    for (var i = 0; i < recurringTypes.length; i++) {\n        var localLeftovers = {};\n        var parsed = recurringTypes[i].parse(eventInput, localLeftovers, dateEnv);\n        if (parsed) {\n            var allDay = localLeftovers.allDay;\n            delete localLeftovers.allDay; // remove from leftovers\n            if (allDay == null) {\n                allDay = allDayDefault;\n                if (allDay == null) {\n                    allDay = parsed.allDayGuess;\n                    if (allDay == null) {\n                        allDay = false;\n                    }\n                }\n            }\n            __assign(leftovers, localLeftovers);\n            return {\n                allDay: allDay,\n                duration: parsed.duration,\n                typeData: parsed.typeData,\n                typeId: i\n            };\n        }\n    }\n    return null;\n}\n/*\nEvent MUST have a recurringDef\n*/\nfunction expandRecurringRanges(eventDef, duration, framingRange, dateEnv, recurringTypes) {\n    var typeDef = recurringTypes[eventDef.recurringDef.typeId];\n    var markers = typeDef.expand(eventDef.recurringDef.typeData, {\n        start: dateEnv.subtract(framingRange.start, duration),\n        end: framingRange.end\n    }, dateEnv);\n    // the recurrence plugins don't guarantee that all-day events are start-of-day, so we have to\n    if (eventDef.allDay) {\n        markers = markers.map(startOfDay);\n    }\n    return markers;\n}\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n// Merges an array of objects into a single object.\n// The second argument allows for an array of property names who's object values will be merged together.\nfunction mergeProps(propObjs, complexProps) {\n    var dest = {};\n    var i;\n    var name;\n    var complexObjs;\n    var j;\n    var val;\n    var props;\n    if (complexProps) {\n        for (i = 0; i < complexProps.length; i++) {\n            name = complexProps[i];\n            complexObjs = [];\n            // collect the trailing object values, stopping when a non-object is discovered\n            for (j = propObjs.length - 1; j >= 0; j--) {\n                val = propObjs[j][name];\n                if (typeof val === 'object' && val) { // non-null object\n                    complexObjs.unshift(val);\n                }\n                else if (val !== undefined) {\n                    dest[name] = val; // if there were no objects, this value will be used\n                    break;\n                }\n            }\n            // if the trailing values were objects, use the merged value\n            if (complexObjs.length) {\n                dest[name] = mergeProps(complexObjs);\n            }\n        }\n    }\n    // copy values into the destination, going from last to first\n    for (i = propObjs.length - 1; i >= 0; i--) {\n        props = propObjs[i];\n        for (name in props) {\n            if (!(name in dest)) { // if already assigned by previous props or complex props, don't reassign\n                dest[name] = props[name];\n            }\n        }\n    }\n    return dest;\n}\nfunction filterHash(hash, func) {\n    var filtered = {};\n    for (var key in hash) {\n        if (func(hash[key], key)) {\n            filtered[key] = hash[key];\n        }\n    }\n    return filtered;\n}\nfunction mapHash(hash, func) {\n    var newHash = {};\n    for (var key in hash) {\n        newHash[key] = func(hash[key], key);\n    }\n    return newHash;\n}\nfunction arrayToHash(a) {\n    var hash = {};\n    for (var _i = 0, a_1 = a; _i < a_1.length; _i++) {\n        var item = a_1[_i];\n        hash[item] = true;\n    }\n    return hash;\n}\nfunction hashValuesToArray(obj) {\n    var a = [];\n    for (var key in obj) {\n        a.push(obj[key]);\n    }\n    return a;\n}\nfunction isPropsEqual(obj0, obj1) {\n    for (var key in obj0) {\n        if (hasOwnProperty.call(obj0, key)) {\n            if (!(key in obj1)) {\n                return false;\n            }\n        }\n    }\n    for (var key in obj1) {\n        if (hasOwnProperty.call(obj1, key)) {\n            if (obj0[key] !== obj1[key]) {\n                return false;\n            }\n        }\n    }\n    return true;\n}\n\nfunction parseEvents(rawEvents, sourceId, calendar, allowOpenRange) {\n    var eventStore = createEmptyEventStore();\n    for (var _i = 0, rawEvents_1 = rawEvents; _i < rawEvents_1.length; _i++) {\n        var rawEvent = rawEvents_1[_i];\n        var tuple = parseEvent(rawEvent, sourceId, calendar, allowOpenRange);\n        if (tuple) {\n            eventTupleToStore(tuple, eventStore);\n        }\n    }\n    return eventStore;\n}\nfunction eventTupleToStore(tuple, eventStore) {\n    if (eventStore === void 0) { eventStore = createEmptyEventStore(); }\n    eventStore.defs[tuple.def.defId] = tuple.def;\n    if (tuple.instance) {\n        eventStore.instances[tuple.instance.instanceId] = tuple.instance;\n    }\n    return eventStore;\n}\nfunction expandRecurring(eventStore, framingRange, calendar) {\n    var dateEnv = calendar.dateEnv;\n    var defs = eventStore.defs, instances = eventStore.instances;\n    // remove existing recurring instances\n    instances = filterHash(instances, function (instance) {\n        return !defs[instance.defId].recurringDef;\n    });\n    for (var defId in defs) {\n        var def = defs[defId];\n        if (def.recurringDef) {\n            var duration = def.recurringDef.duration;\n            if (!duration) {\n                duration = def.allDay ?\n                    calendar.defaultAllDayEventDuration :\n                    calendar.defaultTimedEventDuration;\n            }\n            var starts = expandRecurringRanges(def, duration, framingRange, calendar.dateEnv, calendar.pluginSystem.hooks.recurringTypes);\n            for (var _i = 0, starts_1 = starts; _i < starts_1.length; _i++) {\n                var start = starts_1[_i];\n                var instance = createEventInstance(defId, {\n                    start: start,\n                    end: dateEnv.add(start, duration)\n                });\n                instances[instance.instanceId] = instance;\n            }\n        }\n    }\n    return { defs: defs, instances: instances };\n}\n// retrieves events that have the same groupId as the instance specified by `instanceId`\n// or they are the same as the instance.\n// why might instanceId not be in the store? an event from another calendar?\nfunction getRelevantEvents(eventStore, instanceId) {\n    var instance = eventStore.instances[instanceId];\n    if (instance) {\n        var def_1 = eventStore.defs[instance.defId];\n        // get events/instances with same group\n        var newStore = filterEventStoreDefs(eventStore, function (lookDef) {\n            return isEventDefsGrouped(def_1, lookDef);\n        });\n        // add the original\n        // TODO: wish we could use eventTupleToStore or something like it\n        newStore.defs[def_1.defId] = def_1;\n        newStore.instances[instance.instanceId] = instance;\n        return newStore;\n    }\n    return createEmptyEventStore();\n}\nfunction isEventDefsGrouped(def0, def1) {\n    return Boolean(def0.groupId && def0.groupId === def1.groupId);\n}\nfunction transformRawEvents(rawEvents, eventSource, calendar) {\n    var calEachTransform = calendar.opt('eventDataTransform');\n    var sourceEachTransform = eventSource ? eventSource.eventDataTransform : null;\n    if (sourceEachTransform) {\n        rawEvents = transformEachRawEvent(rawEvents, sourceEachTransform);\n    }\n    if (calEachTransform) {\n        rawEvents = transformEachRawEvent(rawEvents, calEachTransform);\n    }\n    return rawEvents;\n}\nfunction transformEachRawEvent(rawEvents, func) {\n    var refinedEvents;\n    if (!func) {\n        refinedEvents = rawEvents;\n    }\n    else {\n        refinedEvents = [];\n        for (var _i = 0, rawEvents_2 = rawEvents; _i < rawEvents_2.length; _i++) {\n            var rawEvent = rawEvents_2[_i];\n            var refinedEvent = func(rawEvent);\n            if (refinedEvent) {\n                refinedEvents.push(refinedEvent);\n            }\n            else if (refinedEvent == null) {\n                refinedEvents.push(rawEvent);\n            } // if a different falsy value, do nothing\n        }\n    }\n    return refinedEvents;\n}\nfunction createEmptyEventStore() {\n    return { defs: {}, instances: {} };\n}\nfunction mergeEventStores(store0, store1) {\n    return {\n        defs: __assign({}, store0.defs, store1.defs),\n        instances: __assign({}, store0.instances, store1.instances)\n    };\n}\nfunction filterEventStoreDefs(eventStore, filterFunc) {\n    var defs = filterHash(eventStore.defs, filterFunc);\n    var instances = filterHash(eventStore.instances, function (instance) {\n        return defs[instance.defId]; // still exists?\n    });\n    return { defs: defs, instances: instances };\n}\n\nfunction parseRange(input, dateEnv) {\n    var start = null;\n    var end = null;\n    if (input.start) {\n        start = dateEnv.createMarker(input.start);\n    }\n    if (input.end) {\n        end = dateEnv.createMarker(input.end);\n    }\n    if (!start && !end) {\n        return null;\n    }\n    if (start && end && end < start) {\n        return null;\n    }\n    return { start: start, end: end };\n}\n// SIDE-EFFECT: will mutate ranges.\n// Will return a new array result.\nfunction invertRanges(ranges, constraintRange) {\n    var invertedRanges = [];\n    var start = constraintRange.start; // the end of the previous range. the start of the new range\n    var i;\n    var dateRange;\n    // ranges need to be in order. required for our date-walking algorithm\n    ranges.sort(compareRanges);\n    for (i = 0; i < ranges.length; i++) {\n        dateRange = ranges[i];\n        // add the span of time before the event (if there is any)\n        if (dateRange.start > start) { // compare millisecond time (skip any ambig logic)\n            invertedRanges.push({ start: start, end: dateRange.start });\n        }\n        if (dateRange.end > start) {\n            start = dateRange.end;\n        }\n    }\n    // add the span of time after the last event (if there is any)\n    if (start < constraintRange.end) { // compare millisecond time (skip any ambig logic)\n        invertedRanges.push({ start: start, end: constraintRange.end });\n    }\n    return invertedRanges;\n}\nfunction compareRanges(range0, range1) {\n    return range0.start.valueOf() - range1.start.valueOf(); // earlier ranges go first\n}\nfunction intersectRanges(range0, range1) {\n    var start = range0.start;\n    var end = range0.end;\n    var newRange = null;\n    if (range1.start !== null) {\n        if (start === null) {\n            start = range1.start;\n        }\n        else {\n            start = new Date(Math.max(start.valueOf(), range1.start.valueOf()));\n        }\n    }\n    if (range1.end != null) {\n        if (end === null) {\n            end = range1.end;\n        }\n        else {\n            end = new Date(Math.min(end.valueOf(), range1.end.valueOf()));\n        }\n    }\n    if (start === null || end === null || start < end) {\n        newRange = { start: start, end: end };\n    }\n    return newRange;\n}\nfunction rangesEqual(range0, range1) {\n    return (range0.start === null ? null : range0.start.valueOf()) === (range1.start === null ? null : range1.start.valueOf()) &&\n        (range0.end === null ? null : range0.end.valueOf()) === (range1.end === null ? null : range1.end.valueOf());\n}\nfunction rangesIntersect(range0, range1) {\n    return (range0.end === null || range1.start === null || range0.end > range1.start) &&\n        (range0.start === null || range1.end === null || range0.start < range1.end);\n}\nfunction rangeContainsRange(outerRange, innerRange) {\n    return (outerRange.start === null || (innerRange.start !== null && innerRange.start >= outerRange.start)) &&\n        (outerRange.end === null || (innerRange.end !== null && innerRange.end <= outerRange.end));\n}\nfunction rangeContainsMarker(range, date) {\n    return (range.start === null || date >= range.start) &&\n        (range.end === null || date < range.end);\n}\n// If the given date is not within the given range, move it inside.\n// (If it's past the end, make it one millisecond before the end).\nfunction constrainMarkerToRange(date, range) {\n    if (range.start != null && date < range.start) {\n        return range.start;\n    }\n    if (range.end != null && date >= range.end) {\n        return new Date(range.end.valueOf() - 1);\n    }\n    return date;\n}\n\nfunction removeExact(array, exactVal) {\n    var removeCnt = 0;\n    var i = 0;\n    while (i < array.length) {\n        if (array[i] === exactVal) {\n            array.splice(i, 1);\n            removeCnt++;\n        }\n        else {\n            i++;\n        }\n    }\n    return removeCnt;\n}\nfunction isArraysEqual(a0, a1) {\n    var len = a0.length;\n    var i;\n    if (len !== a1.length) { // not array? or not same length?\n        return false;\n    }\n    for (i = 0; i < len; i++) {\n        if (a0[i] !== a1[i]) {\n            return false;\n        }\n    }\n    return true;\n}\n\nfunction memoize(workerFunc) {\n    var args;\n    var res;\n    return function () {\n        if (!args || !isArraysEqual(args, arguments)) {\n            args = arguments;\n            res = workerFunc.apply(this, arguments);\n        }\n        return res;\n    };\n}\n/*\nalways executes the workerFunc, but if the result is equal to the previous result,\nreturn the previous result instead.\n*/\nfunction memoizeOutput(workerFunc, equalityFunc) {\n    var cachedRes = null;\n    return function () {\n        var newRes = workerFunc.apply(this, arguments);\n        if (cachedRes === null || !(cachedRes === newRes || equalityFunc(cachedRes, newRes))) {\n            cachedRes = newRes;\n        }\n        return cachedRes;\n    };\n}\n\nvar EXTENDED_SETTINGS_AND_SEVERITIES = {\n    week: 3,\n    separator: 0,\n    omitZeroMinute: 0,\n    meridiem: 0,\n    omitCommas: 0\n};\nvar STANDARD_DATE_PROP_SEVERITIES = {\n    timeZoneName: 7,\n    era: 6,\n    year: 5,\n    month: 4,\n    day: 2,\n    weekday: 2,\n    hour: 1,\n    minute: 1,\n    second: 1\n};\nvar MERIDIEM_RE = /\\s*([ap])\\.?m\\.?/i; // eats up leading spaces too\nvar COMMA_RE = /,/g; // we need re for globalness\nvar MULTI_SPACE_RE = /\\s+/g;\nvar LTR_RE = /\\u200e/g; // control character\nvar UTC_RE = /UTC|GMT/;\nvar NativeFormatter = /** @class */ (function () {\n    function NativeFormatter(formatSettings) {\n        var standardDateProps = {};\n        var extendedSettings = {};\n        var severity = 0;\n        for (var name_1 in formatSettings) {\n            if (name_1 in EXTENDED_SETTINGS_AND_SEVERITIES) {\n                extendedSettings[name_1] = formatSettings[name_1];\n                severity = Math.max(EXTENDED_SETTINGS_AND_SEVERITIES[name_1], severity);\n            }\n            else {\n                standardDateProps[name_1] = formatSettings[name_1];\n                if (name_1 in STANDARD_DATE_PROP_SEVERITIES) {\n                    severity = Math.max(STANDARD_DATE_PROP_SEVERITIES[name_1], severity);\n                }\n            }\n        }\n        this.standardDateProps = standardDateProps;\n        this.extendedSettings = extendedSettings;\n        this.severity = severity;\n        this.buildFormattingFunc = memoize(buildFormattingFunc);\n    }\n    NativeFormatter.prototype.format = function (date, context) {\n        return this.buildFormattingFunc(this.standardDateProps, this.extendedSettings, context)(date);\n    };\n    NativeFormatter.prototype.formatRange = function (start, end, context) {\n        var _a = this, standardDateProps = _a.standardDateProps, extendedSettings = _a.extendedSettings;\n        var diffSeverity = computeMarkerDiffSeverity(start.marker, end.marker, context.calendarSystem);\n        if (!diffSeverity) {\n            return this.format(start, context);\n        }\n        var biggestUnitForPartial = diffSeverity;\n        if (biggestUnitForPartial > 1 && // the two dates are different in a way that's larger scale than time\n            (standardDateProps.year === 'numeric' || standardDateProps.year === '2-digit') &&\n            (standardDateProps.month === 'numeric' || standardDateProps.month === '2-digit') &&\n            (standardDateProps.day === 'numeric' || standardDateProps.day === '2-digit')) {\n            biggestUnitForPartial = 1; // make it look like the dates are only different in terms of time\n        }\n        var full0 = this.format(start, context);\n        var full1 = this.format(end, context);\n        if (full0 === full1) {\n            return full0;\n        }\n        var partialDateProps = computePartialFormattingOptions(standardDateProps, biggestUnitForPartial);\n        var partialFormattingFunc = buildFormattingFunc(partialDateProps, extendedSettings, context);\n        var partial0 = partialFormattingFunc(start);\n        var partial1 = partialFormattingFunc(end);\n        var insertion = findCommonInsertion(full0, partial0, full1, partial1);\n        var separator = extendedSettings.separator || '';\n        if (insertion) {\n            return insertion.before + partial0 + separator + partial1 + insertion.after;\n        }\n        return full0 + separator + full1;\n    };\n    NativeFormatter.prototype.getLargestUnit = function () {\n        switch (this.severity) {\n            case 7:\n            case 6:\n            case 5:\n                return 'year';\n            case 4:\n                return 'month';\n            case 3:\n                return 'week';\n            default:\n                return 'day';\n        }\n    };\n    return NativeFormatter;\n}());\nfunction buildFormattingFunc(standardDateProps, extendedSettings, context) {\n    var standardDatePropCnt = Object.keys(standardDateProps).length;\n    if (standardDatePropCnt === 1 && standardDateProps.timeZoneName === 'short') {\n        return function (date) {\n            return formatTimeZoneOffset(date.timeZoneOffset);\n        };\n    }\n    if (standardDatePropCnt === 0 && extendedSettings.week) {\n        return function (date) {\n            return formatWeekNumber(context.computeWeekNumber(date.marker), context.weekLabel, context.locale, extendedSettings.week);\n        };\n    }\n    return buildNativeFormattingFunc(standardDateProps, extendedSettings, context);\n}\nfunction buildNativeFormattingFunc(standardDateProps, extendedSettings, context) {\n    standardDateProps = __assign({}, standardDateProps); // copy\n    extendedSettings = __assign({}, extendedSettings); // copy\n    sanitizeSettings(standardDateProps, extendedSettings);\n    standardDateProps.timeZone = 'UTC'; // we leverage the only guaranteed timeZone for our UTC markers\n    var normalFormat = new Intl.DateTimeFormat(context.locale.codes, standardDateProps);\n    var zeroFormat; // needed?\n    if (extendedSettings.omitZeroMinute) {\n        var zeroProps = __assign({}, standardDateProps);\n        delete zeroProps.minute; // seconds and ms were already considered in sanitizeSettings\n        zeroFormat = new Intl.DateTimeFormat(context.locale.codes, zeroProps);\n    }\n    return function (date) {\n        var marker = date.marker;\n        var format;\n        if (zeroFormat && !marker.getUTCMinutes()) {\n            format = zeroFormat;\n        }\n        else {\n            format = normalFormat;\n        }\n        var s = format.format(marker);\n        return postProcess(s, date, standardDateProps, extendedSettings, context);\n    };\n}\nfunction sanitizeSettings(standardDateProps, extendedSettings) {\n    // deal with a browser inconsistency where formatting the timezone\n    // requires that the hour/minute be present.\n    if (standardDateProps.timeZoneName) {\n        if (!standardDateProps.hour) {\n            standardDateProps.hour = '2-digit';\n        }\n        if (!standardDateProps.minute) {\n            standardDateProps.minute = '2-digit';\n        }\n    }\n    // only support short timezone names\n    if (standardDateProps.timeZoneName === 'long') {\n        standardDateProps.timeZoneName = 'short';\n    }\n    // if requesting to display seconds, MUST display minutes\n    if (extendedSettings.omitZeroMinute && (standardDateProps.second || standardDateProps.millisecond)) {\n        delete extendedSettings.omitZeroMinute;\n    }\n}\nfunction postProcess(s, date, standardDateProps, extendedSettings, context) {\n    s = s.replace(LTR_RE, ''); // remove left-to-right control chars. do first. good for other regexes\n    if (standardDateProps.timeZoneName === 'short') {\n        s = injectTzoStr(s, (context.timeZone === 'UTC' || date.timeZoneOffset == null) ?\n            'UTC' : // important to normalize for IE, which does \"GMT\"\n            formatTimeZoneOffset(date.timeZoneOffset));\n    }\n    if (extendedSettings.omitCommas) {\n        s = s.replace(COMMA_RE, '').trim();\n    }\n    if (extendedSettings.omitZeroMinute) {\n        s = s.replace(':00', ''); // zeroFormat doesn't always achieve this\n    }\n    // ^ do anything that might create adjacent spaces before this point,\n    // because MERIDIEM_RE likes to eat up loading spaces\n    if (extendedSettings.meridiem === false) {\n        s = s.replace(MERIDIEM_RE, '').trim();\n    }\n    else if (extendedSettings.meridiem === 'narrow') { // a/p\n        s = s.replace(MERIDIEM_RE, function (m0, m1) {\n            return m1.toLocaleLowerCase();\n        });\n    }\n    else if (extendedSettings.meridiem === 'short') { // am/pm\n        s = s.replace(MERIDIEM_RE, function (m0, m1) {\n            return m1.toLocaleLowerCase() + 'm';\n        });\n    }\n    else if (extendedSettings.meridiem === 'lowercase') { // other meridiem transformers already converted to lowercase\n        s = s.replace(MERIDIEM_RE, function (m0) {\n            return m0.toLocaleLowerCase();\n        });\n    }\n    s = s.replace(MULTI_SPACE_RE, ' ');\n    s = s.trim();\n    return s;\n}\nfunction injectTzoStr(s, tzoStr) {\n    var replaced = false;\n    s = s.replace(UTC_RE, function () {\n        replaced = true;\n        return tzoStr;\n    });\n    // IE11 doesn't include UTC/GMT in the original string, so append to end\n    if (!replaced) {\n        s += ' ' + tzoStr;\n    }\n    return s;\n}\nfunction formatWeekNumber(num, weekLabel, locale, display) {\n    var parts = [];\n    if (display === 'narrow') {\n        parts.push(weekLabel);\n    }\n    else if (display === 'short') {\n        parts.push(weekLabel, ' ');\n    }\n    // otherwise, considered 'numeric'\n    parts.push(locale.simpleNumberFormat.format(num));\n    if (locale.options.isRtl) { // TODO: use control characters instead?\n        parts.reverse();\n    }\n    return parts.join('');\n}\n// Range Formatting Utils\n// 0 = exactly the same\n// 1 = different by time\n// and bigger\nfunction computeMarkerDiffSeverity(d0, d1, ca) {\n    if (ca.getMarkerYear(d0) !== ca.getMarkerYear(d1)) {\n        return 5;\n    }\n    if (ca.getMarkerMonth(d0) !== ca.getMarkerMonth(d1)) {\n        return 4;\n    }\n    if (ca.getMarkerDay(d0) !== ca.getMarkerDay(d1)) {\n        return 2;\n    }\n    if (timeAsMs(d0) !== timeAsMs(d1)) {\n        return 1;\n    }\n    return 0;\n}\nfunction computePartialFormattingOptions(options, biggestUnit) {\n    var partialOptions = {};\n    for (var name_2 in options) {\n        if (!(name_2 in STANDARD_DATE_PROP_SEVERITIES) || // not a date part prop (like timeZone)\n            STANDARD_DATE_PROP_SEVERITIES[name_2] <= biggestUnit) {\n            partialOptions[name_2] = options[name_2];\n        }\n    }\n    return partialOptions;\n}\nfunction findCommonInsertion(full0, partial0, full1, partial1) {\n    var i0 = 0;\n    while (i0 < full0.length) {\n        var found0 = full0.indexOf(partial0, i0);\n        if (found0 === -1) {\n            break;\n        }\n        var before0 = full0.substr(0, found0);\n        i0 = found0 + partial0.length;\n        var after0 = full0.substr(i0);\n        var i1 = 0;\n        while (i1 < full1.length) {\n            var found1 = full1.indexOf(partial1, i1);\n            if (found1 === -1) {\n                break;\n            }\n            var before1 = full1.substr(0, found1);\n            i1 = found1 + partial1.length;\n            var after1 = full1.substr(i1);\n            if (before0 === before1 && after0 === after1) {\n                return {\n                    before: before0,\n                    after: after0\n                };\n            }\n        }\n    }\n    return null;\n}\n\n/*\nTODO: fix the terminology of \"formatter\" vs \"formatting func\"\n*/\n/*\nAt the time of instantiation, this object does not know which cmd-formatting system it will use.\nIt receives this at the time of formatting, as a setting.\n*/\nvar CmdFormatter = /** @class */ (function () {\n    function CmdFormatter(cmdStr, separator) {\n        this.cmdStr = cmdStr;\n        this.separator = separator;\n    }\n    CmdFormatter.prototype.format = function (date, context) {\n        return context.cmdFormatter(this.cmdStr, createVerboseFormattingArg(date, null, context, this.separator));\n    };\n    CmdFormatter.prototype.formatRange = function (start, end, context) {\n        return context.cmdFormatter(this.cmdStr, createVerboseFormattingArg(start, end, context, this.separator));\n    };\n    return CmdFormatter;\n}());\n\nvar FuncFormatter = /** @class */ (function () {\n    function FuncFormatter(func) {\n        this.func = func;\n    }\n    FuncFormatter.prototype.format = function (date, context) {\n        return this.func(createVerboseFormattingArg(date, null, context));\n    };\n    FuncFormatter.prototype.formatRange = function (start, end, context) {\n        return this.func(createVerboseFormattingArg(start, end, context));\n    };\n    return FuncFormatter;\n}());\n\n// Formatter Object Creation\nfunction createFormatter(input, defaultSeparator) {\n    if (typeof input === 'object' && input) { // non-null object\n        if (typeof defaultSeparator === 'string') {\n            input = __assign({ separator: defaultSeparator }, input);\n        }\n        return new NativeFormatter(input);\n    }\n    else if (typeof input === 'string') {\n        return new CmdFormatter(input, defaultSeparator);\n    }\n    else if (typeof input === 'function') {\n        return new FuncFormatter(input);\n    }\n}\n// String Utils\n// timeZoneOffset is in minutes\nfunction buildIsoString(marker, timeZoneOffset, stripZeroTime) {\n    if (stripZeroTime === void 0) { stripZeroTime = false; }\n    var s = marker.toISOString();\n    s = s.replace('.000', '');\n    if (stripZeroTime) {\n        s = s.replace('T00:00:00Z', '');\n    }\n    if (s.length > 10) { // time part wasn't stripped, can add timezone info\n        if (timeZoneOffset == null) {\n            s = s.replace('Z', '');\n        }\n        else if (timeZoneOffset !== 0) {\n            s = s.replace('Z', formatTimeZoneOffset(timeZoneOffset, true));\n        }\n        // otherwise, its UTC-0 and we want to keep the Z\n    }\n    return s;\n}\nfunction formatIsoTimeString(marker) {\n    return padStart(marker.getUTCHours(), 2) + ':' +\n        padStart(marker.getUTCMinutes(), 2) + ':' +\n        padStart(marker.getUTCSeconds(), 2);\n}\nfunction formatTimeZoneOffset(minutes, doIso) {\n    if (doIso === void 0) { doIso = false; }\n    var sign = minutes < 0 ? '-' : '+';\n    var abs = Math.abs(minutes);\n    var hours = Math.floor(abs / 60);\n    var mins = Math.round(abs % 60);\n    if (doIso) {\n        return sign + padStart(hours, 2) + ':' + padStart(mins, 2);\n    }\n    else {\n        return 'GMT' + sign + hours + (mins ? ':' + padStart(mins, 2) : '');\n    }\n}\n// Arg Utils\nfunction createVerboseFormattingArg(start, end, context, separator) {\n    var startInfo = expandZonedMarker(start, context.calendarSystem);\n    var endInfo = end ? expandZonedMarker(end, context.calendarSystem) : null;\n    return {\n        date: startInfo,\n        start: startInfo,\n        end: endInfo,\n        timeZone: context.timeZone,\n        localeCodes: context.locale.codes,\n        separator: separator\n    };\n}\nfunction expandZonedMarker(dateInfo, calendarSystem) {\n    var a = calendarSystem.markerToArray(dateInfo.marker);\n    return {\n        marker: dateInfo.marker,\n        timeZoneOffset: dateInfo.timeZoneOffset,\n        array: a,\n        year: a[0],\n        month: a[1],\n        day: a[2],\n        hour: a[3],\n        minute: a[4],\n        second: a[5],\n        millisecond: a[6]\n    };\n}\n\nvar EventSourceApi = /** @class */ (function () {\n    function EventSourceApi(calendar, internalEventSource) {\n        this.calendar = calendar;\n        this.internalEventSource = internalEventSource;\n    }\n    EventSourceApi.prototype.remove = function () {\n        this.calendar.dispatch({\n            type: 'REMOVE_EVENT_SOURCE',\n            sourceId: this.internalEventSource.sourceId\n        });\n    };\n    EventSourceApi.prototype.refetch = function () {\n        this.calendar.dispatch({\n            type: 'FETCH_EVENT_SOURCES',\n            sourceIds: [this.internalEventSource.sourceId]\n        });\n    };\n    Object.defineProperty(EventSourceApi.prototype, \"id\", {\n        get: function () {\n            return this.internalEventSource.publicId;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventSourceApi.prototype, \"url\", {\n        // only relevant to json-feed event sources\n        get: function () {\n            return this.internalEventSource.meta.url;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    return EventSourceApi;\n}());\n\nvar EventApi = /** @class */ (function () {\n    function EventApi(calendar, def, instance) {\n        this._calendar = calendar;\n        this._def = def;\n        this._instance = instance || null;\n    }\n    /*\n    TODO: make event struct more responsible for this\n    */\n    EventApi.prototype.setProp = function (name, val) {\n        var _a, _b;\n        if (name in DATE_PROPS) ;\n        else if (name in NON_DATE_PROPS) {\n            if (typeof NON_DATE_PROPS[name] === 'function') {\n                val = NON_DATE_PROPS[name](val);\n            }\n            this.mutate({\n                standardProps: (_a = {}, _a[name] = val, _a)\n            });\n        }\n        else if (name in UNSCOPED_EVENT_UI_PROPS) {\n            var ui = void 0;\n            if (typeof UNSCOPED_EVENT_UI_PROPS[name] === 'function') {\n                val = UNSCOPED_EVENT_UI_PROPS[name](val);\n            }\n            if (name === 'color') {\n                ui = { backgroundColor: val, borderColor: val };\n            }\n            else if (name === 'editable') {\n                ui = { startEditable: val, durationEditable: val };\n            }\n            else {\n                ui = (_b = {}, _b[name] = val, _b);\n            }\n            this.mutate({\n                standardProps: { ui: ui }\n            });\n        }\n    };\n    EventApi.prototype.setExtendedProp = function (name, val) {\n        var _a;\n        this.mutate({\n            extendedProps: (_a = {}, _a[name] = val, _a)\n        });\n    };\n    EventApi.prototype.setStart = function (startInput, options) {\n        if (options === void 0) { options = {}; }\n        var dateEnv = this._calendar.dateEnv;\n        var start = dateEnv.createMarker(startInput);\n        if (start && this._instance) { // TODO: warning if parsed bad\n            var instanceRange = this._instance.range;\n            var startDelta = diffDates(instanceRange.start, start, dateEnv, options.granularity); // what if parsed bad!?\n            if (options.maintainDuration) {\n                this.mutate({ datesDelta: startDelta });\n            }\n            else {\n                this.mutate({ startDelta: startDelta });\n            }\n        }\n    };\n    EventApi.prototype.setEnd = function (endInput, options) {\n        if (options === void 0) { options = {}; }\n        var dateEnv = this._calendar.dateEnv;\n        var end;\n        if (endInput != null) {\n            end = dateEnv.createMarker(endInput);\n            if (!end) {\n                return; // TODO: warning if parsed bad\n            }\n        }\n        if (this._instance) {\n            if (end) {\n                var endDelta = diffDates(this._instance.range.end, end, dateEnv, options.granularity);\n                this.mutate({ endDelta: endDelta });\n            }\n            else {\n                this.mutate({ standardProps: { hasEnd: false } });\n            }\n        }\n    };\n    EventApi.prototype.setDates = function (startInput, endInput, options) {\n        if (options === void 0) { options = {}; }\n        var dateEnv = this._calendar.dateEnv;\n        var standardProps = { allDay: options.allDay };\n        var start = dateEnv.createMarker(startInput);\n        var end;\n        if (!start) {\n            return; // TODO: warning if parsed bad\n        }\n        if (endInput != null) {\n            end = dateEnv.createMarker(endInput);\n            if (!end) { // TODO: warning if parsed bad\n                return;\n            }\n        }\n        if (this._instance) {\n            var instanceRange = this._instance.range;\n            // when computing the diff for an event being converted to all-day,\n            // compute diff off of the all-day values the way event-mutation does.\n            if (options.allDay === true) {\n                instanceRange = computeAlignedDayRange(instanceRange);\n            }\n            var startDelta = diffDates(instanceRange.start, start, dateEnv, options.granularity);\n            if (end) {\n                var endDelta = diffDates(instanceRange.end, end, dateEnv, options.granularity);\n                if (durationsEqual(startDelta, endDelta)) {\n                    this.mutate({ datesDelta: startDelta, standardProps: standardProps });\n                }\n                else {\n                    this.mutate({ startDelta: startDelta, endDelta: endDelta, standardProps: standardProps });\n                }\n            }\n            else { // means \"clear the end\"\n                standardProps.hasEnd = false;\n                this.mutate({ datesDelta: startDelta, standardProps: standardProps });\n            }\n        }\n    };\n    EventApi.prototype.moveStart = function (deltaInput) {\n        var delta = createDuration(deltaInput);\n        if (delta) { // TODO: warning if parsed bad\n            this.mutate({ startDelta: delta });\n        }\n    };\n    EventApi.prototype.moveEnd = function (deltaInput) {\n        var delta = createDuration(deltaInput);\n        if (delta) { // TODO: warning if parsed bad\n            this.mutate({ endDelta: delta });\n        }\n    };\n    EventApi.prototype.moveDates = function (deltaInput) {\n        var delta = createDuration(deltaInput);\n        if (delta) { // TODO: warning if parsed bad\n            this.mutate({ datesDelta: delta });\n        }\n    };\n    EventApi.prototype.setAllDay = function (allDay, options) {\n        if (options === void 0) { options = {}; }\n        var standardProps = { allDay: allDay };\n        var maintainDuration = options.maintainDuration;\n        if (maintainDuration == null) {\n            maintainDuration = this._calendar.opt('allDayMaintainDuration');\n        }\n        if (this._def.allDay !== allDay) {\n            standardProps.hasEnd = maintainDuration;\n        }\n        this.mutate({ standardProps: standardProps });\n    };\n    EventApi.prototype.formatRange = function (formatInput) {\n        var dateEnv = this._calendar.dateEnv;\n        var instance = this._instance;\n        var formatter = createFormatter(formatInput, this._calendar.opt('defaultRangeSeparator'));\n        if (this._def.hasEnd) {\n            return dateEnv.formatRange(instance.range.start, instance.range.end, formatter, {\n                forcedStartTzo: instance.forcedStartTzo,\n                forcedEndTzo: instance.forcedEndTzo\n            });\n        }\n        else {\n            return dateEnv.format(instance.range.start, formatter, {\n                forcedTzo: instance.forcedStartTzo\n            });\n        }\n    };\n    EventApi.prototype.mutate = function (mutation) {\n        var def = this._def;\n        var instance = this._instance;\n        if (instance) {\n            this._calendar.dispatch({\n                type: 'MUTATE_EVENTS',\n                instanceId: instance.instanceId,\n                mutation: mutation,\n                fromApi: true\n            });\n            var eventStore = this._calendar.state.eventStore;\n            this._def = eventStore.defs[def.defId];\n            this._instance = eventStore.instances[instance.instanceId];\n        }\n    };\n    EventApi.prototype.remove = function () {\n        this._calendar.dispatch({\n            type: 'REMOVE_EVENT_DEF',\n            defId: this._def.defId\n        });\n    };\n    Object.defineProperty(EventApi.prototype, \"source\", {\n        get: function () {\n            var sourceId = this._def.sourceId;\n            if (sourceId) {\n                return new EventSourceApi(this._calendar, this._calendar.state.eventSources[sourceId]);\n            }\n            return null;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"start\", {\n        get: function () {\n            return this._instance ?\n                this._calendar.dateEnv.toDate(this._instance.range.start) :\n                null;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"end\", {\n        get: function () {\n            return (this._instance && this._def.hasEnd) ?\n                this._calendar.dateEnv.toDate(this._instance.range.end) :\n                null;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"id\", {\n        // computable props that all access the def\n        // TODO: find a TypeScript-compatible way to do this at scale\n        get: function () { return this._def.publicId; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"groupId\", {\n        get: function () { return this._def.groupId; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"allDay\", {\n        get: function () { return this._def.allDay; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"title\", {\n        get: function () { return this._def.title; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"url\", {\n        get: function () { return this._def.url; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"rendering\", {\n        get: function () { return this._def.rendering; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"startEditable\", {\n        get: function () { return this._def.ui.startEditable; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"durationEditable\", {\n        get: function () { return this._def.ui.durationEditable; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"constraint\", {\n        get: function () { return this._def.ui.constraints[0] || null; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"overlap\", {\n        get: function () { return this._def.ui.overlap; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"allow\", {\n        get: function () { return this._def.ui.allows[0] || null; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"backgroundColor\", {\n        get: function () { return this._def.ui.backgroundColor; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"borderColor\", {\n        get: function () { return this._def.ui.borderColor; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"textColor\", {\n        get: function () { return this._def.ui.textColor; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"classNames\", {\n        // NOTE: user can't modify these because Object.freeze was called in event-def parsing\n        get: function () { return this._def.ui.classNames; },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(EventApi.prototype, \"extendedProps\", {\n        get: function () { return this._def.extendedProps; },\n        enumerable: true,\n        configurable: true\n    });\n    return EventApi;\n}());\n\n/*\nSpecifying nextDayThreshold signals that all-day ranges should be sliced.\n*/\nfunction sliceEventStore(eventStore, eventUiBases, framingRange, nextDayThreshold) {\n    var inverseBgByGroupId = {};\n    var inverseBgByDefId = {};\n    var defByGroupId = {};\n    var bgRanges = [];\n    var fgRanges = [];\n    var eventUis = compileEventUis(eventStore.defs, eventUiBases);\n    for (var defId in eventStore.defs) {\n        var def = eventStore.defs[defId];\n        if (def.rendering === 'inverse-background') {\n            if (def.groupId) {\n                inverseBgByGroupId[def.groupId] = [];\n                if (!defByGroupId[def.groupId]) {\n                    defByGroupId[def.groupId] = def;\n                }\n            }\n            else {\n                inverseBgByDefId[defId] = [];\n            }\n        }\n    }\n    for (var instanceId in eventStore.instances) {\n        var instance = eventStore.instances[instanceId];\n        var def = eventStore.defs[instance.defId];\n        var ui = eventUis[def.defId];\n        var origRange = instance.range;\n        var normalRange = (!def.allDay && nextDayThreshold) ?\n            computeVisibleDayRange(origRange, nextDayThreshold) :\n            origRange;\n        var slicedRange = intersectRanges(normalRange, framingRange);\n        if (slicedRange) {\n            if (def.rendering === 'inverse-background') {\n                if (def.groupId) {\n                    inverseBgByGroupId[def.groupId].push(slicedRange);\n                }\n                else {\n                    inverseBgByDefId[instance.defId].push(slicedRange);\n                }\n            }\n            else {\n                (def.rendering === 'background' ? bgRanges : fgRanges).push({\n                    def: def,\n                    ui: ui,\n                    instance: instance,\n                    range: slicedRange,\n                    isStart: normalRange.start && normalRange.start.valueOf() === slicedRange.start.valueOf(),\n                    isEnd: normalRange.end && normalRange.end.valueOf() === slicedRange.end.valueOf()\n                });\n            }\n        }\n    }\n    for (var groupId in inverseBgByGroupId) { // BY GROUP\n        var ranges = inverseBgByGroupId[groupId];\n        var invertedRanges = invertRanges(ranges, framingRange);\n        for (var _i = 0, invertedRanges_1 = invertedRanges; _i < invertedRanges_1.length; _i++) {\n            var invertedRange = invertedRanges_1[_i];\n            var def = defByGroupId[groupId];\n            var ui = eventUis[def.defId];\n            bgRanges.push({\n                def: def,\n                ui: ui,\n                instance: null,\n                range: invertedRange,\n                isStart: false,\n                isEnd: false\n            });\n        }\n    }\n    for (var defId in inverseBgByDefId) {\n        var ranges = inverseBgByDefId[defId];\n        var invertedRanges = invertRanges(ranges, framingRange);\n        for (var _a = 0, invertedRanges_2 = invertedRanges; _a < invertedRanges_2.length; _a++) {\n            var invertedRange = invertedRanges_2[_a];\n            bgRanges.push({\n                def: eventStore.defs[defId],\n                ui: eventUis[defId],\n                instance: null,\n                range: invertedRange,\n                isStart: false,\n                isEnd: false\n            });\n        }\n    }\n    return { bg: bgRanges, fg: fgRanges };\n}\nfunction hasBgRendering(def) {\n    return def.rendering === 'background' || def.rendering === 'inverse-background';\n}\nfunction filterSegsViaEls(context, segs, isMirror) {\n    var calendar = context.calendar, view = context.view;\n    if (calendar.hasPublicHandlers('eventRender')) {\n        segs = segs.filter(function (seg) {\n            var custom = calendar.publiclyTrigger('eventRender', [\n                {\n                    event: new EventApi(calendar, seg.eventRange.def, seg.eventRange.instance),\n                    isMirror: isMirror,\n                    isStart: seg.isStart,\n                    isEnd: seg.isEnd,\n                    // TODO: include seg.range once all components consistently generate it\n                    el: seg.el,\n                    view: view\n                }\n            ]);\n            if (custom === false) { // means don't render at all\n                return false;\n            }\n            else if (custom && custom !== true) {\n                seg.el = custom;\n            }\n            return true;\n        });\n    }\n    for (var _i = 0, segs_1 = segs; _i < segs_1.length; _i++) {\n        var seg = segs_1[_i];\n        setElSeg(seg.el, seg);\n    }\n    return segs;\n}\nfunction setElSeg(el, seg) {\n    el.fcSeg = seg;\n}\nfunction getElSeg(el) {\n    return el.fcSeg || null;\n}\n// event ui computation\nfunction compileEventUis(eventDefs, eventUiBases) {\n    return mapHash(eventDefs, function (eventDef) {\n        return compileEventUi(eventDef, eventUiBases);\n    });\n}\nfunction compileEventUi(eventDef, eventUiBases) {\n    var uis = [];\n    if (eventUiBases['']) {\n        uis.push(eventUiBases['']);\n    }\n    if (eventUiBases[eventDef.defId]) {\n        uis.push(eventUiBases[eventDef.defId]);\n    }\n    uis.push(eventDef.ui);\n    return combineEventUis(uis);\n}\n// triggers\nfunction triggerRenderedSegs(context, segs, isMirrors) {\n    var calendar = context.calendar, view = context.view;\n    if (calendar.hasPublicHandlers('eventPositioned')) {\n        for (var _i = 0, segs_2 = segs; _i < segs_2.length; _i++) {\n            var seg = segs_2[_i];\n            calendar.publiclyTriggerAfterSizing('eventPositioned', [\n                {\n                    event: new EventApi(calendar, seg.eventRange.def, seg.eventRange.instance),\n                    isMirror: isMirrors,\n                    isStart: seg.isStart,\n                    isEnd: seg.isEnd,\n                    el: seg.el,\n                    view: view\n                }\n            ]);\n        }\n    }\n    if (!calendar.state.eventSourceLoadingLevel) { // avoid initial empty state while pending\n        calendar.afterSizingTriggers._eventsPositioned = [null]; // fire once\n    }\n}\nfunction triggerWillRemoveSegs(context, segs, isMirrors) {\n    var calendar = context.calendar, view = context.view;\n    for (var _i = 0, segs_3 = segs; _i < segs_3.length; _i++) {\n        var seg = segs_3[_i];\n        calendar.trigger('eventElRemove', seg.el);\n    }\n    if (calendar.hasPublicHandlers('eventDestroy')) {\n        for (var _a = 0, segs_4 = segs; _a < segs_4.length; _a++) {\n            var seg = segs_4[_a];\n            calendar.publiclyTrigger('eventDestroy', [\n                {\n                    event: new EventApi(calendar, seg.eventRange.def, seg.eventRange.instance),\n                    isMirror: isMirrors,\n                    el: seg.el,\n                    view: view\n                }\n            ]);\n        }\n    }\n}\n// is-interactable\nfunction computeEventDraggable(context, eventDef, eventUi) {\n    var calendar = context.calendar, view = context.view;\n    var transformers = calendar.pluginSystem.hooks.isDraggableTransformers;\n    var val = eventUi.startEditable;\n    for (var _i = 0, transformers_1 = transformers; _i < transformers_1.length; _i++) {\n        var transformer = transformers_1[_i];\n        val = transformer(val, eventDef, eventUi, view);\n    }\n    return val;\n}\nfunction computeEventStartResizable(context, eventDef, eventUi) {\n    return eventUi.durationEditable && context.options.eventResizableFromStart;\n}\nfunction computeEventEndResizable(context, eventDef, eventUi) {\n    return eventUi.durationEditable;\n}\n\n// applies the mutation to ALL defs/instances within the event store\nfunction applyMutationToEventStore(eventStore, eventConfigBase, mutation, calendar) {\n    var eventConfigs = compileEventUis(eventStore.defs, eventConfigBase);\n    var dest = createEmptyEventStore();\n    for (var defId in eventStore.defs) {\n        var def = eventStore.defs[defId];\n        dest.defs[defId] = applyMutationToEventDef(def, eventConfigs[defId], mutation, calendar.pluginSystem.hooks.eventDefMutationAppliers, calendar);\n    }\n    for (var instanceId in eventStore.instances) {\n        var instance = eventStore.instances[instanceId];\n        var def = dest.defs[instance.defId]; // important to grab the newly modified def\n        dest.instances[instanceId] = applyMutationToEventInstance(instance, def, eventConfigs[instance.defId], mutation, calendar);\n    }\n    return dest;\n}\nfunction applyMutationToEventDef(eventDef, eventConfig, mutation, appliers, calendar) {\n    var standardProps = mutation.standardProps || {};\n    // if hasEnd has not been specified, guess a good value based on deltas.\n    // if duration will change, there's no way the default duration will persist,\n    // and thus, we need to mark the event as having a real end\n    if (standardProps.hasEnd == null &&\n        eventConfig.durationEditable &&\n        (mutation.startDelta || mutation.endDelta)) {\n        standardProps.hasEnd = true; // TODO: is this mutation okay?\n    }\n    var copy = __assign({}, eventDef, standardProps, { ui: __assign({}, eventDef.ui, standardProps.ui) });\n    if (mutation.extendedProps) {\n        copy.extendedProps = __assign({}, copy.extendedProps, mutation.extendedProps);\n    }\n    for (var _i = 0, appliers_1 = appliers; _i < appliers_1.length; _i++) {\n        var applier = appliers_1[_i];\n        applier(copy, mutation, calendar);\n    }\n    if (!copy.hasEnd && calendar.opt('forceEventDuration')) {\n        copy.hasEnd = true;\n    }\n    return copy;\n}\nfunction applyMutationToEventInstance(eventInstance, eventDef, // must first be modified by applyMutationToEventDef\neventConfig, mutation, calendar) {\n    var dateEnv = calendar.dateEnv;\n    var forceAllDay = mutation.standardProps && mutation.standardProps.allDay === true;\n    var clearEnd = mutation.standardProps && mutation.standardProps.hasEnd === false;\n    var copy = __assign({}, eventInstance);\n    if (forceAllDay) {\n        copy.range = computeAlignedDayRange(copy.range);\n    }\n    if (mutation.datesDelta && eventConfig.startEditable) {\n        copy.range = {\n            start: dateEnv.add(copy.range.start, mutation.datesDelta),\n            end: dateEnv.add(copy.range.end, mutation.datesDelta)\n        };\n    }\n    if (mutation.startDelta && eventConfig.durationEditable) {\n        copy.range = {\n            start: dateEnv.add(copy.range.start, mutation.startDelta),\n            end: copy.range.end\n        };\n    }\n    if (mutation.endDelta && eventConfig.durationEditable) {\n        copy.range = {\n            start: copy.range.start,\n            end: dateEnv.add(copy.range.end, mutation.endDelta)\n        };\n    }\n    if (clearEnd) {\n        copy.range = {\n            start: copy.range.start,\n            end: calendar.getDefaultEventEnd(eventDef.allDay, copy.range.start)\n        };\n    }\n    // in case event was all-day but the supplied deltas were not\n    // better util for this?\n    if (eventDef.allDay) {\n        copy.range = {\n            start: startOfDay(copy.range.start),\n            end: startOfDay(copy.range.end)\n        };\n    }\n    // handle invalid durations\n    if (copy.range.end < copy.range.start) {\n        copy.range.end = calendar.getDefaultEventEnd(eventDef.allDay, copy.range.start);\n    }\n    return copy;\n}\n\nfunction reduceEventStore (eventStore, action, eventSources, dateProfile, calendar) {\n    switch (action.type) {\n        case 'RECEIVE_EVENTS': // raw\n            return receiveRawEvents(eventStore, eventSources[action.sourceId], action.fetchId, action.fetchRange, action.rawEvents, calendar);\n        case 'ADD_EVENTS': // already parsed, but not expanded\n            return addEvent(eventStore, action.eventStore, // new ones\n            dateProfile ? dateProfile.activeRange : null, calendar);\n        case 'MERGE_EVENTS': // already parsed and expanded\n            return mergeEventStores(eventStore, action.eventStore);\n        case 'PREV': // TODO: how do we track all actions that affect dateProfile :(\n        case 'NEXT':\n        case 'SET_DATE':\n        case 'SET_VIEW_TYPE':\n            if (dateProfile) {\n                return expandRecurring(eventStore, dateProfile.activeRange, calendar);\n            }\n            else {\n                return eventStore;\n            }\n        case 'CHANGE_TIMEZONE':\n            return rezoneDates(eventStore, action.oldDateEnv, calendar.dateEnv);\n        case 'MUTATE_EVENTS':\n            return applyMutationToRelated(eventStore, action.instanceId, action.mutation, action.fromApi, calendar);\n        case 'REMOVE_EVENT_INSTANCES':\n            return excludeInstances(eventStore, action.instances);\n        case 'REMOVE_EVENT_DEF':\n            return filterEventStoreDefs(eventStore, function (eventDef) {\n                return eventDef.defId !== action.defId;\n            });\n        case 'REMOVE_EVENT_SOURCE':\n            return excludeEventsBySourceId(eventStore, action.sourceId);\n        case 'REMOVE_ALL_EVENT_SOURCES':\n            return filterEventStoreDefs(eventStore, function (eventDef) {\n                return !eventDef.sourceId; // only keep events with no source id\n            });\n        case 'REMOVE_ALL_EVENTS':\n            return createEmptyEventStore();\n        case 'RESET_EVENTS':\n            return {\n                defs: eventStore.defs,\n                instances: eventStore.instances\n            };\n        default:\n            return eventStore;\n    }\n}\nfunction receiveRawEvents(eventStore, eventSource, fetchId, fetchRange, rawEvents, calendar) {\n    if (eventSource && // not already removed\n        fetchId === eventSource.latestFetchId // TODO: wish this logic was always in event-sources\n    ) {\n        var subset = parseEvents(transformRawEvents(rawEvents, eventSource, calendar), eventSource.sourceId, calendar);\n        if (fetchRange) {\n            subset = expandRecurring(subset, fetchRange, calendar);\n        }\n        return mergeEventStores(excludeEventsBySourceId(eventStore, eventSource.sourceId), subset);\n    }\n    return eventStore;\n}\nfunction addEvent(eventStore, subset, expandRange, calendar) {\n    if (expandRange) {\n        subset = expandRecurring(subset, expandRange, calendar);\n    }\n    return mergeEventStores(eventStore, subset);\n}\nfunction rezoneDates(eventStore, oldDateEnv, newDateEnv) {\n    var defs = eventStore.defs;\n    var instances = mapHash(eventStore.instances, function (instance) {\n        var def = defs[instance.defId];\n        if (def.allDay || def.recurringDef) {\n            return instance; // isn't dependent on timezone\n        }\n        else {\n            return __assign({}, instance, { range: {\n                    start: newDateEnv.createMarker(oldDateEnv.toDate(instance.range.start, instance.forcedStartTzo)),\n                    end: newDateEnv.createMarker(oldDateEnv.toDate(instance.range.end, instance.forcedEndTzo))\n                }, forcedStartTzo: newDateEnv.canComputeOffset ? null : instance.forcedStartTzo, forcedEndTzo: newDateEnv.canComputeOffset ? null : instance.forcedEndTzo });\n        }\n    });\n    return { defs: defs, instances: instances };\n}\nfunction applyMutationToRelated(eventStore, instanceId, mutation, fromApi, calendar) {\n    var relevant = getRelevantEvents(eventStore, instanceId);\n    var eventConfigBase = fromApi ?\n        { '': {\n                startEditable: true,\n                durationEditable: true,\n                constraints: [],\n                overlap: null,\n                allows: [],\n                backgroundColor: '',\n                borderColor: '',\n                textColor: '',\n                classNames: []\n            } } :\n        calendar.eventUiBases;\n    relevant = applyMutationToEventStore(relevant, eventConfigBase, mutation, calendar);\n    return mergeEventStores(eventStore, relevant);\n}\nfunction excludeEventsBySourceId(eventStore, sourceId) {\n    return filterEventStoreDefs(eventStore, function (eventDef) {\n        return eventDef.sourceId !== sourceId;\n    });\n}\n// QUESTION: why not just return instances? do a general object-property-exclusion util\nfunction excludeInstances(eventStore, removals) {\n    return {\n        defs: eventStore.defs,\n        instances: filterHash(eventStore.instances, function (instance) {\n            return !removals[instance.instanceId];\n        })\n    };\n}\n\n// high-level segmenting-aware tester functions\n// ------------------------------------------------------------------------------------------------------------------------\nfunction isInteractionValid(interaction, calendar) {\n    return isNewPropsValid({ eventDrag: interaction }, calendar); // HACK: the eventDrag props is used for ALL interactions\n}\nfunction isDateSelectionValid(dateSelection, calendar) {\n    return isNewPropsValid({ dateSelection: dateSelection }, calendar);\n}\nfunction isNewPropsValid(newProps, calendar) {\n    var view = calendar.view;\n    var props = __assign({ businessHours: view ? view.props.businessHours : createEmptyEventStore(), dateSelection: '', eventStore: calendar.state.eventStore, eventUiBases: calendar.eventUiBases, eventSelection: '', eventDrag: null, eventResize: null }, newProps);\n    return (calendar.pluginSystem.hooks.isPropsValid || isPropsValid)(props, calendar);\n}\nfunction isPropsValid(state, calendar, dateSpanMeta, filterConfig) {\n    if (dateSpanMeta === void 0) { dateSpanMeta = {}; }\n    if (state.eventDrag && !isInteractionPropsValid(state, calendar, dateSpanMeta, filterConfig)) {\n        return false;\n    }\n    if (state.dateSelection && !isDateSelectionPropsValid(state, calendar, dateSpanMeta, filterConfig)) {\n        return false;\n    }\n    return true;\n}\n// Moving Event Validation\n// ------------------------------------------------------------------------------------------------------------------------\nfunction isInteractionPropsValid(state, calendar, dateSpanMeta, filterConfig) {\n    var interaction = state.eventDrag; // HACK: the eventDrag props is used for ALL interactions\n    var subjectEventStore = interaction.mutatedEvents;\n    var subjectDefs = subjectEventStore.defs;\n    var subjectInstances = subjectEventStore.instances;\n    var subjectConfigs = compileEventUis(subjectDefs, interaction.isEvent ?\n        state.eventUiBases :\n        { '': calendar.selectionConfig } // if not a real event, validate as a selection\n    );\n    if (filterConfig) {\n        subjectConfigs = mapHash(subjectConfigs, filterConfig);\n    }\n    var otherEventStore = excludeInstances(state.eventStore, interaction.affectedEvents.instances); // exclude the subject events. TODO: exclude defs too?\n    var otherDefs = otherEventStore.defs;\n    var otherInstances = otherEventStore.instances;\n    var otherConfigs = compileEventUis(otherDefs, state.eventUiBases);\n    for (var subjectInstanceId in subjectInstances) {\n        var subjectInstance = subjectInstances[subjectInstanceId];\n        var subjectRange = subjectInstance.range;\n        var subjectConfig = subjectConfigs[subjectInstance.defId];\n        var subjectDef = subjectDefs[subjectInstance.defId];\n        // constraint\n        if (!allConstraintsPass(subjectConfig.constraints, subjectRange, otherEventStore, state.businessHours, calendar)) {\n            return false;\n        }\n        // overlap\n        var overlapFunc = calendar.opt('eventOverlap');\n        if (typeof overlapFunc !== 'function') {\n            overlapFunc = null;\n        }\n        for (var otherInstanceId in otherInstances) {\n            var otherInstance = otherInstances[otherInstanceId];\n            // intersect! evaluate\n            if (rangesIntersect(subjectRange, otherInstance.range)) {\n                var otherOverlap = otherConfigs[otherInstance.defId].overlap;\n                // consider the other event's overlap. only do this if the subject event is a \"real\" event\n                if (otherOverlap === false && interaction.isEvent) {\n                    return false;\n                }\n                if (subjectConfig.overlap === false) {\n                    return false;\n                }\n                if (overlapFunc && !overlapFunc(new EventApi(calendar, otherDefs[otherInstance.defId], otherInstance), // still event\n                new EventApi(calendar, subjectDef, subjectInstance) // moving event\n                )) {\n                    return false;\n                }\n            }\n        }\n        // allow (a function)\n        var calendarEventStore = calendar.state.eventStore; // need global-to-calendar, not local to component (splittable)state\n        for (var _i = 0, _a = subjectConfig.allows; _i < _a.length; _i++) {\n            var subjectAllow = _a[_i];\n            var subjectDateSpan = __assign({}, dateSpanMeta, { range: subjectInstance.range, allDay: subjectDef.allDay });\n            var origDef = calendarEventStore.defs[subjectDef.defId];\n            var origInstance = calendarEventStore.instances[subjectInstanceId];\n            var eventApi = void 0;\n            if (origDef) { // was previously in the calendar\n                eventApi = new EventApi(calendar, origDef, origInstance);\n            }\n            else { // was an external event\n                eventApi = new EventApi(calendar, subjectDef); // no instance, because had no dates\n            }\n            if (!subjectAllow(calendar.buildDateSpanApi(subjectDateSpan), eventApi)) {\n                return false;\n            }\n        }\n    }\n    return true;\n}\n// Date Selection Validation\n// ------------------------------------------------------------------------------------------------------------------------\nfunction isDateSelectionPropsValid(state, calendar, dateSpanMeta, filterConfig) {\n    var relevantEventStore = state.eventStore;\n    var relevantDefs = relevantEventStore.defs;\n    var relevantInstances = relevantEventStore.instances;\n    var selection = state.dateSelection;\n    var selectionRange = selection.range;\n    var selectionConfig = calendar.selectionConfig;\n    if (filterConfig) {\n        selectionConfig = filterConfig(selectionConfig);\n    }\n    // constraint\n    if (!allConstraintsPass(selectionConfig.constraints, selectionRange, relevantEventStore, state.businessHours, calendar)) {\n        return false;\n    }\n    // overlap\n    var overlapFunc = calendar.opt('selectOverlap');\n    if (typeof overlapFunc !== 'function') {\n        overlapFunc = null;\n    }\n    for (var relevantInstanceId in relevantInstances) {\n        var relevantInstance = relevantInstances[relevantInstanceId];\n        // intersect! evaluate\n        if (rangesIntersect(selectionRange, relevantInstance.range)) {\n            if (selectionConfig.overlap === false) {\n                return false;\n            }\n            if (overlapFunc && !overlapFunc(new EventApi(calendar, relevantDefs[relevantInstance.defId], relevantInstance))) {\n                return false;\n            }\n        }\n    }\n    // allow (a function)\n    for (var _i = 0, _a = selectionConfig.allows; _i < _a.length; _i++) {\n        var selectionAllow = _a[_i];\n        var fullDateSpan = __assign({}, dateSpanMeta, selection);\n        if (!selectionAllow(calendar.buildDateSpanApi(fullDateSpan), null)) {\n            return false;\n        }\n    }\n    return true;\n}\n// Constraint Utils\n// ------------------------------------------------------------------------------------------------------------------------\nfunction allConstraintsPass(constraints, subjectRange, otherEventStore, businessHoursUnexpanded, calendar) {\n    for (var _i = 0, constraints_1 = constraints; _i < constraints_1.length; _i++) {\n        var constraint = constraints_1[_i];\n        if (!anyRangesContainRange(constraintToRanges(constraint, subjectRange, otherEventStore, businessHoursUnexpanded, calendar), subjectRange)) {\n            return false;\n        }\n    }\n    return true;\n}\nfunction constraintToRanges(constraint, subjectRange, // for expanding a recurring constraint, or expanding business hours\notherEventStore, // for if constraint is an even group ID\nbusinessHoursUnexpanded, // for if constraint is 'businessHours'\ncalendar // for expanding businesshours\n) {\n    if (constraint === 'businessHours') {\n        return eventStoreToRanges(expandRecurring(businessHoursUnexpanded, subjectRange, calendar));\n    }\n    else if (typeof constraint === 'string') { // an group ID\n        return eventStoreToRanges(filterEventStoreDefs(otherEventStore, function (eventDef) {\n            return eventDef.groupId === constraint;\n        }));\n    }\n    else if (typeof constraint === 'object' && constraint) { // non-null object\n        return eventStoreToRanges(expandRecurring(constraint, subjectRange, calendar));\n    }\n    return []; // if it's false\n}\n// TODO: move to event-store file?\nfunction eventStoreToRanges(eventStore) {\n    var instances = eventStore.instances;\n    var ranges = [];\n    for (var instanceId in instances) {\n        ranges.push(instances[instanceId].range);\n    }\n    return ranges;\n}\n// TODO: move to geom file?\nfunction anyRangesContainRange(outerRanges, innerRange) {\n    for (var _i = 0, outerRanges_1 = outerRanges; _i < outerRanges_1.length; _i++) {\n        var outerRange = outerRanges_1[_i];\n        if (rangeContainsRange(outerRange, innerRange)) {\n            return true;\n        }\n    }\n    return false;\n}\n// Parsing\n// ------------------------------------------------------------------------------------------------------------------------\nfunction normalizeConstraint(input, calendar) {\n    if (Array.isArray(input)) {\n        return parseEvents(input, '', calendar, true); // allowOpenRange=true\n    }\n    else if (typeof input === 'object' && input) { // non-null object\n        return parseEvents([input], '', calendar, true); // allowOpenRange=true\n    }\n    else if (input != null) {\n        return String(input);\n    }\n    else {\n        return null;\n    }\n}\n\nfunction htmlEscape(s) {\n    return (s + '').replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/'/g, '&#039;')\n        .replace(/\"/g, '&quot;')\n        .replace(/\\n/g, '<br />');\n}\n// Given a hash of CSS properties, returns a string of CSS.\n// Uses property names as-is (no camel-case conversion). Will not make statements for null/undefined values.\nfunction cssToStr(cssProps) {\n    var statements = [];\n    for (var name_1 in cssProps) {\n        var val = cssProps[name_1];\n        if (val != null && val !== '') {\n            statements.push(name_1 + ':' + val);\n        }\n    }\n    return statements.join(';');\n}\n// Given an object hash of HTML attribute names to values,\n// generates a string that can be injected between < > in HTML\nfunction attrsToStr(attrs) {\n    var parts = [];\n    for (var name_2 in attrs) {\n        var val = attrs[name_2];\n        if (val != null) {\n            parts.push(name_2 + '=\"' + htmlEscape(val) + '\"');\n        }\n    }\n    return parts.join(' ');\n}\nfunction parseClassName(raw) {\n    if (Array.isArray(raw)) {\n        return raw;\n    }\n    else if (typeof raw === 'string') {\n        return raw.split(/\\s+/);\n    }\n    else {\n        return [];\n    }\n}\n\nvar UNSCOPED_EVENT_UI_PROPS = {\n    editable: Boolean,\n    startEditable: Boolean,\n    durationEditable: Boolean,\n    constraint: null,\n    overlap: null,\n    allow: null,\n    className: parseClassName,\n    classNames: parseClassName,\n    color: String,\n    backgroundColor: String,\n    borderColor: String,\n    textColor: String\n};\nfunction processUnscopedUiProps(rawProps, calendar, leftovers) {\n    var props = refineProps(rawProps, UNSCOPED_EVENT_UI_PROPS, {}, leftovers);\n    var constraint = normalizeConstraint(props.constraint, calendar);\n    return {\n        startEditable: props.startEditable != null ? props.startEditable : props.editable,\n        durationEditable: props.durationEditable != null ? props.durationEditable : props.editable,\n        constraints: constraint != null ? [constraint] : [],\n        overlap: props.overlap,\n        allows: props.allow != null ? [props.allow] : [],\n        backgroundColor: props.backgroundColor || props.color,\n        borderColor: props.borderColor || props.color,\n        textColor: props.textColor,\n        classNames: props.classNames.concat(props.className)\n    };\n}\nfunction processScopedUiProps(prefix, rawScoped, calendar, leftovers) {\n    var rawUnscoped = {};\n    var wasFound = {};\n    for (var key in UNSCOPED_EVENT_UI_PROPS) {\n        var scopedKey = prefix + capitaliseFirstLetter(key);\n        rawUnscoped[key] = rawScoped[scopedKey];\n        wasFound[scopedKey] = true;\n    }\n    if (prefix === 'event') {\n        rawUnscoped.editable = rawScoped.editable; // special case. there is no 'eventEditable', just 'editable'\n    }\n    if (leftovers) {\n        for (var key in rawScoped) {\n            if (!wasFound[key]) {\n                leftovers[key] = rawScoped[key];\n            }\n        }\n    }\n    return processUnscopedUiProps(rawUnscoped, calendar);\n}\nvar EMPTY_EVENT_UI = {\n    startEditable: null,\n    durationEditable: null,\n    constraints: [],\n    overlap: null,\n    allows: [],\n    backgroundColor: '',\n    borderColor: '',\n    textColor: '',\n    classNames: []\n};\n// prevent against problems with <2 args!\nfunction combineEventUis(uis) {\n    return uis.reduce(combineTwoEventUis, EMPTY_EVENT_UI);\n}\nfunction combineTwoEventUis(item0, item1) {\n    return {\n        startEditable: item1.startEditable != null ? item1.startEditable : item0.startEditable,\n        durationEditable: item1.durationEditable != null ? item1.durationEditable : item0.durationEditable,\n        constraints: item0.constraints.concat(item1.constraints),\n        overlap: typeof item1.overlap === 'boolean' ? item1.overlap : item0.overlap,\n        allows: item0.allows.concat(item1.allows),\n        backgroundColor: item1.backgroundColor || item0.backgroundColor,\n        borderColor: item1.borderColor || item0.borderColor,\n        textColor: item1.textColor || item0.textColor,\n        classNames: item0.classNames.concat(item1.classNames)\n    };\n}\n\nvar NON_DATE_PROPS = {\n    id: String,\n    groupId: String,\n    title: String,\n    url: String,\n    rendering: String,\n    extendedProps: null\n};\nvar DATE_PROPS = {\n    start: null,\n    date: null,\n    end: null,\n    allDay: null\n};\nvar uid = 0;\nfunction parseEvent(raw, sourceId, calendar, allowOpenRange) {\n    var allDayDefault = computeIsAllDayDefault(sourceId, calendar);\n    var leftovers0 = {};\n    var recurringRes = parseRecurring(raw, // raw, but with single-event stuff stripped out\n    allDayDefault, calendar.dateEnv, calendar.pluginSystem.hooks.recurringTypes, leftovers0 // will populate with non-recurring props\n    );\n    if (recurringRes) {\n        var def = parseEventDef(leftovers0, sourceId, recurringRes.allDay, Boolean(recurringRes.duration), calendar);\n        def.recurringDef = {\n            typeId: recurringRes.typeId,\n            typeData: recurringRes.typeData,\n            duration: recurringRes.duration\n        };\n        return { def: def, instance: null };\n    }\n    else {\n        var leftovers1 = {};\n        var singleRes = parseSingle(raw, allDayDefault, calendar, leftovers1, allowOpenRange);\n        if (singleRes) {\n            var def = parseEventDef(leftovers1, sourceId, singleRes.allDay, singleRes.hasEnd, calendar);\n            var instance = createEventInstance(def.defId, singleRes.range, singleRes.forcedStartTzo, singleRes.forcedEndTzo);\n            return { def: def, instance: instance };\n        }\n    }\n    return null;\n}\n/*\nWill NOT populate extendedProps with the leftover properties.\nWill NOT populate date-related props.\nThe EventNonDateInput has been normalized (id => publicId, etc).\n*/\nfunction parseEventDef(raw, sourceId, allDay, hasEnd, calendar) {\n    var leftovers = {};\n    var def = pluckNonDateProps(raw, calendar, leftovers);\n    def.defId = String(uid++);\n    def.sourceId = sourceId;\n    def.allDay = allDay;\n    def.hasEnd = hasEnd;\n    for (var _i = 0, _a = calendar.pluginSystem.hooks.eventDefParsers; _i < _a.length; _i++) {\n        var eventDefParser = _a[_i];\n        var newLeftovers = {};\n        eventDefParser(def, leftovers, newLeftovers);\n        leftovers = newLeftovers;\n    }\n    def.extendedProps = __assign(leftovers, def.extendedProps || {});\n    // help out EventApi from having user modify props\n    Object.freeze(def.ui.classNames);\n    Object.freeze(def.extendedProps);\n    return def;\n}\nfunction createEventInstance(defId, range, forcedStartTzo, forcedEndTzo) {\n    return {\n        instanceId: String(uid++),\n        defId: defId,\n        range: range,\n        forcedStartTzo: forcedStartTzo == null ? null : forcedStartTzo,\n        forcedEndTzo: forcedEndTzo == null ? null : forcedEndTzo\n    };\n}\nfunction parseSingle(raw, allDayDefault, calendar, leftovers, allowOpenRange) {\n    var props = pluckDateProps(raw, leftovers);\n    var allDay = props.allDay;\n    var startMeta;\n    var startMarker = null;\n    var hasEnd = false;\n    var endMeta;\n    var endMarker = null;\n    startMeta = calendar.dateEnv.createMarkerMeta(props.start);\n    if (startMeta) {\n        startMarker = startMeta.marker;\n    }\n    else if (!allowOpenRange) {\n        return null;\n    }\n    if (props.end != null) {\n        endMeta = calendar.dateEnv.createMarkerMeta(props.end);\n    }\n    if (allDay == null) {\n        if (allDayDefault != null) {\n            allDay = allDayDefault;\n        }\n        else {\n            // fall back to the date props LAST\n            allDay = (!startMeta || startMeta.isTimeUnspecified) &&\n                (!endMeta || endMeta.isTimeUnspecified);\n        }\n    }\n    if (allDay && startMarker) {\n        startMarker = startOfDay(startMarker);\n    }\n    if (endMeta) {\n        endMarker = endMeta.marker;\n        if (allDay) {\n            endMarker = startOfDay(endMarker);\n        }\n        if (startMarker && endMarker <= startMarker) {\n            endMarker = null;\n        }\n    }\n    if (endMarker) {\n        hasEnd = true;\n    }\n    else if (!allowOpenRange) {\n        hasEnd = calendar.opt('forceEventDuration') || false;\n        endMarker = calendar.dateEnv.add(startMarker, allDay ?\n            calendar.defaultAllDayEventDuration :\n            calendar.defaultTimedEventDuration);\n    }\n    return {\n        allDay: allDay,\n        hasEnd: hasEnd,\n        range: { start: startMarker, end: endMarker },\n        forcedStartTzo: startMeta ? startMeta.forcedTzo : null,\n        forcedEndTzo: endMeta ? endMeta.forcedTzo : null\n    };\n}\nfunction pluckDateProps(raw, leftovers) {\n    var props = refineProps(raw, DATE_PROPS, {}, leftovers);\n    props.start = (props.start !== null) ? props.start : props.date;\n    delete props.date;\n    return props;\n}\nfunction pluckNonDateProps(raw, calendar, leftovers) {\n    var preLeftovers = {};\n    var props = refineProps(raw, NON_DATE_PROPS, {}, preLeftovers);\n    var ui = processUnscopedUiProps(preLeftovers, calendar, leftovers);\n    props.publicId = props.id;\n    delete props.id;\n    props.ui = ui;\n    return props;\n}\nfunction computeIsAllDayDefault(sourceId, calendar) {\n    var res = null;\n    if (sourceId) {\n        var source = calendar.state.eventSources[sourceId];\n        res = source.allDayDefault;\n    }\n    if (res == null) {\n        res = calendar.opt('allDayDefault');\n    }\n    return res;\n}\n\nvar DEF_DEFAULTS = {\n    startTime: '09:00',\n    endTime: '17:00',\n    daysOfWeek: [1, 2, 3, 4, 5],\n    rendering: 'inverse-background',\n    classNames: 'fc-nonbusiness',\n    groupId: '_businessHours' // so multiple defs get grouped\n};\n/*\nTODO: pass around as EventDefHash!!!\n*/\nfunction parseBusinessHours(input, calendar) {\n    return parseEvents(refineInputs(input), '', calendar);\n}\nfunction refineInputs(input) {\n    var rawDefs;\n    if (input === true) {\n        rawDefs = [{}]; // will get DEF_DEFAULTS verbatim\n    }\n    else if (Array.isArray(input)) {\n        // if specifying an array, every sub-definition NEEDS a day-of-week\n        rawDefs = input.filter(function (rawDef) {\n            return rawDef.daysOfWeek;\n        });\n    }\n    else if (typeof input === 'object' && input) { // non-null object\n        rawDefs = [input];\n    }\n    else { // is probably false\n        rawDefs = [];\n    }\n    rawDefs = rawDefs.map(function (rawDef) {\n        return __assign({}, DEF_DEFAULTS, rawDef);\n    });\n    return rawDefs;\n}\n\nfunction memoizeRendering(renderFunc, unrenderFunc, dependencies) {\n    if (dependencies === void 0) { dependencies = []; }\n    var dependents = [];\n    var thisContext;\n    var prevArgs;\n    function unrender() {\n        if (prevArgs) {\n            for (var _i = 0, dependents_1 = dependents; _i < dependents_1.length; _i++) {\n                var dependent = dependents_1[_i];\n                dependent.unrender();\n            }\n            if (unrenderFunc) {\n                unrenderFunc.apply(thisContext, prevArgs);\n            }\n            prevArgs = null;\n        }\n    }\n    function res() {\n        if (!prevArgs || !isArraysEqual(prevArgs, arguments)) {\n            unrender();\n            thisContext = this;\n            prevArgs = arguments;\n            renderFunc.apply(this, arguments);\n        }\n    }\n    res.dependents = dependents;\n    res.unrender = unrender;\n    for (var _i = 0, dependencies_1 = dependencies; _i < dependencies_1.length; _i++) {\n        var dependency = dependencies_1[_i];\n        dependency.dependents.push(res);\n    }\n    return res;\n}\n\nvar EMPTY_EVENT_STORE = createEmptyEventStore(); // for purecomponents. TODO: keep elsewhere\nvar Splitter = /** @class */ (function () {\n    function Splitter() {\n        this.getKeysForEventDefs = memoize(this._getKeysForEventDefs);\n        this.splitDateSelection = memoize(this._splitDateSpan);\n        this.splitEventStore = memoize(this._splitEventStore);\n        this.splitIndividualUi = memoize(this._splitIndividualUi);\n        this.splitEventDrag = memoize(this._splitInteraction);\n        this.splitEventResize = memoize(this._splitInteraction);\n        this.eventUiBuilders = {}; // TODO: typescript protection\n    }\n    Splitter.prototype.splitProps = function (props) {\n        var _this = this;\n        var keyInfos = this.getKeyInfo(props);\n        var defKeys = this.getKeysForEventDefs(props.eventStore);\n        var dateSelections = this.splitDateSelection(props.dateSelection);\n        var individualUi = this.splitIndividualUi(props.eventUiBases, defKeys); // the individual *bases*\n        var eventStores = this.splitEventStore(props.eventStore, defKeys);\n        var eventDrags = this.splitEventDrag(props.eventDrag);\n        var eventResizes = this.splitEventResize(props.eventResize);\n        var splitProps = {};\n        this.eventUiBuilders = mapHash(keyInfos, function (info, key) {\n            return _this.eventUiBuilders[key] || memoize(buildEventUiForKey);\n        });\n        for (var key in keyInfos) {\n            var keyInfo = keyInfos[key];\n            var eventStore = eventStores[key] || EMPTY_EVENT_STORE;\n            var buildEventUi = this.eventUiBuilders[key];\n            splitProps[key] = {\n                businessHours: keyInfo.businessHours || props.businessHours,\n                dateSelection: dateSelections[key] || null,\n                eventStore: eventStore,\n                eventUiBases: buildEventUi(props.eventUiBases[''], keyInfo.ui, individualUi[key]),\n                eventSelection: eventStore.instances[props.eventSelection] ? props.eventSelection : '',\n                eventDrag: eventDrags[key] || null,\n                eventResize: eventResizes[key] || null\n            };\n        }\n        return splitProps;\n    };\n    Splitter.prototype._splitDateSpan = function (dateSpan) {\n        var dateSpans = {};\n        if (dateSpan) {\n            var keys = this.getKeysForDateSpan(dateSpan);\n            for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\n                var key = keys_1[_i];\n                dateSpans[key] = dateSpan;\n            }\n        }\n        return dateSpans;\n    };\n    Splitter.prototype._getKeysForEventDefs = function (eventStore) {\n        var _this = this;\n        return mapHash(eventStore.defs, function (eventDef) {\n            return _this.getKeysForEventDef(eventDef);\n        });\n    };\n    Splitter.prototype._splitEventStore = function (eventStore, defKeys) {\n        var defs = eventStore.defs, instances = eventStore.instances;\n        var splitStores = {};\n        for (var defId in defs) {\n            for (var _i = 0, _a = defKeys[defId]; _i < _a.length; _i++) {\n                var key = _a[_i];\n                if (!splitStores[key]) {\n                    splitStores[key] = createEmptyEventStore();\n                }\n                splitStores[key].defs[defId] = defs[defId];\n            }\n        }\n        for (var instanceId in instances) {\n            var instance = instances[instanceId];\n            for (var _b = 0, _c = defKeys[instance.defId]; _b < _c.length; _b++) {\n                var key = _c[_b];\n                if (splitStores[key]) { // must have already been created\n                    splitStores[key].instances[instanceId] = instance;\n                }\n            }\n        }\n        return splitStores;\n    };\n    Splitter.prototype._splitIndividualUi = function (eventUiBases, defKeys) {\n        var splitHashes = {};\n        for (var defId in eventUiBases) {\n            if (defId) { // not the '' key\n                for (var _i = 0, _a = defKeys[defId]; _i < _a.length; _i++) {\n                    var key = _a[_i];\n                    if (!splitHashes[key]) {\n                        splitHashes[key] = {};\n                    }\n                    splitHashes[key][defId] = eventUiBases[defId];\n                }\n            }\n        }\n        return splitHashes;\n    };\n    Splitter.prototype._splitInteraction = function (interaction) {\n        var splitStates = {};\n        if (interaction) {\n            var affectedStores_1 = this._splitEventStore(interaction.affectedEvents, this._getKeysForEventDefs(interaction.affectedEvents) // can't use cached. might be events from other calendar\n            );\n            // can't rely on defKeys because event data is mutated\n            var mutatedKeysByDefId = this._getKeysForEventDefs(interaction.mutatedEvents);\n            var mutatedStores_1 = this._splitEventStore(interaction.mutatedEvents, mutatedKeysByDefId);\n            var populate = function (key) {\n                if (!splitStates[key]) {\n                    splitStates[key] = {\n                        affectedEvents: affectedStores_1[key] || EMPTY_EVENT_STORE,\n                        mutatedEvents: mutatedStores_1[key] || EMPTY_EVENT_STORE,\n                        isEvent: interaction.isEvent,\n                        origSeg: interaction.origSeg\n                    };\n                }\n            };\n            for (var key in affectedStores_1) {\n                populate(key);\n            }\n            for (var key in mutatedStores_1) {\n                populate(key);\n            }\n        }\n        return splitStates;\n    };\n    return Splitter;\n}());\nfunction buildEventUiForKey(allUi, eventUiForKey, individualUi) {\n    var baseParts = [];\n    if (allUi) {\n        baseParts.push(allUi);\n    }\n    if (eventUiForKey) {\n        baseParts.push(eventUiForKey);\n    }\n    var stuff = {\n        '': combineEventUis(baseParts)\n    };\n    if (individualUi) {\n        __assign(stuff, individualUi);\n    }\n    return stuff;\n}\n\n// Generates HTML for an anchor to another view into the calendar.\n// Will either generate an <a> tag or a non-clickable <span> tag, depending on enabled settings.\n// `gotoOptions` can either be a DateMarker, or an object with the form:\n// { date, type, forceOff }\n// `type` is a view-type like \"day\" or \"week\". default value is \"day\".\n// `attrs` and `innerHtml` are use to generate the rest of the HTML tag.\nfunction buildGotoAnchorHtml(allOptions, dateEnv, gotoOptions, attrs, innerHtml) {\n    var date;\n    var type;\n    var forceOff;\n    var finalOptions;\n    if (gotoOptions instanceof Date) {\n        date = gotoOptions; // a single date-like input\n    }\n    else {\n        date = gotoOptions.date;\n        type = gotoOptions.type;\n        forceOff = gotoOptions.forceOff;\n    }\n    finalOptions = {\n        date: dateEnv.formatIso(date, { omitTime: true }),\n        type: type || 'day'\n    };\n    if (typeof attrs === 'string') {\n        innerHtml = attrs;\n        attrs = null;\n    }\n    attrs = attrs ? ' ' + attrsToStr(attrs) : ''; // will have a leading space\n    innerHtml = innerHtml || '';\n    if (!forceOff && allOptions.navLinks) {\n        return '<a' + attrs +\n            ' data-goto=\"' + htmlEscape(JSON.stringify(finalOptions)) + '\">' +\n            innerHtml +\n            '</a>';\n    }\n    else {\n        return '<span' + attrs + '>' +\n            innerHtml +\n            '</span>';\n    }\n}\nfunction getAllDayHtml(allOptions) {\n    return allOptions.allDayHtml || htmlEscape(allOptions.allDayText);\n}\n// Computes HTML classNames for a single-day element\nfunction getDayClasses(date, dateProfile, context, noThemeHighlight) {\n    var calendar = context.calendar, options = context.options, theme = context.theme, dateEnv = context.dateEnv;\n    var classes = [];\n    var todayStart;\n    var todayEnd;\n    if (!rangeContainsMarker(dateProfile.activeRange, date)) {\n        classes.push('fc-disabled-day');\n    }\n    else {\n        classes.push('fc-' + DAY_IDS[date.getUTCDay()]);\n        if (options.monthMode &&\n            dateEnv.getMonth(date) !== dateEnv.getMonth(dateProfile.currentRange.start)) {\n            classes.push('fc-other-month');\n        }\n        todayStart = startOfDay(calendar.getNow());\n        todayEnd = addDays(todayStart, 1);\n        if (date < todayStart) {\n            classes.push('fc-past');\n        }\n        else if (date >= todayEnd) {\n            classes.push('fc-future');\n        }\n        else {\n            classes.push('fc-today');\n            if (noThemeHighlight !== true) {\n                classes.push(theme.getClass('today'));\n            }\n        }\n    }\n    return classes;\n}\n\n// given a function that resolves a result asynchronously.\n// the function can either call passed-in success and failure callbacks,\n// or it can return a promise.\n// if you need to pass additional params to func, bind them first.\nfunction unpromisify(func, success, failure) {\n    // guard against success/failure callbacks being called more than once\n    // and guard against a promise AND callback being used together.\n    var isResolved = false;\n    var wrappedSuccess = function () {\n        if (!isResolved) {\n            isResolved = true;\n            success.apply(this, arguments);\n        }\n    };\n    var wrappedFailure = function () {\n        if (!isResolved) {\n            isResolved = true;\n            if (failure) {\n                failure.apply(this, arguments);\n            }\n        }\n    };\n    var res = func(wrappedSuccess, wrappedFailure);\n    if (res && typeof res.then === 'function') {\n        res.then(wrappedSuccess, wrappedFailure);\n    }\n}\n\nvar Mixin = /** @class */ (function () {\n    function Mixin() {\n    }\n    // mix into a CLASS\n    Mixin.mixInto = function (destClass) {\n        this.mixIntoObj(destClass.prototype);\n    };\n    // mix into ANY object\n    Mixin.mixIntoObj = function (destObj) {\n        var _this = this;\n        Object.getOwnPropertyNames(this.prototype).forEach(function (name) {\n            if (!destObj[name]) { // if destination doesn't already define it\n                destObj[name] = _this.prototype[name];\n            }\n        });\n    };\n    /*\n    will override existing methods\n    TODO: remove! not used anymore\n    */\n    Mixin.mixOver = function (destClass) {\n        var _this = this;\n        Object.getOwnPropertyNames(this.prototype).forEach(function (name) {\n            destClass.prototype[name] = _this.prototype[name];\n        });\n    };\n    return Mixin;\n}());\n\n/*\nUSAGE:\n  import { default as EmitterMixin, EmitterInterface } from './EmitterMixin'\nin class:\n  on: EmitterInterface['on']\n  one: EmitterInterface['one']\n  off: EmitterInterface['off']\n  trigger: EmitterInterface['trigger']\n  triggerWith: EmitterInterface['triggerWith']\n  hasHandlers: EmitterInterface['hasHandlers']\nafter class:\n  EmitterMixin.mixInto(TheClass)\n*/\nvar EmitterMixin = /** @class */ (function (_super) {\n    __extends(EmitterMixin, _super);\n    function EmitterMixin() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    EmitterMixin.prototype.on = function (type, handler) {\n        addToHash(this._handlers || (this._handlers = {}), type, handler);\n        return this; // for chaining\n    };\n    // todo: add comments\n    EmitterMixin.prototype.one = function (type, handler) {\n        addToHash(this._oneHandlers || (this._oneHandlers = {}), type, handler);\n        return this; // for chaining\n    };\n    EmitterMixin.prototype.off = function (type, handler) {\n        if (this._handlers) {\n            removeFromHash(this._handlers, type, handler);\n        }\n        if (this._oneHandlers) {\n            removeFromHash(this._oneHandlers, type, handler);\n        }\n        return this; // for chaining\n    };\n    EmitterMixin.prototype.trigger = function (type) {\n        var args = [];\n        for (var _i = 1; _i < arguments.length; _i++) {\n            args[_i - 1] = arguments[_i];\n        }\n        this.triggerWith(type, this, args);\n        return this; // for chaining\n    };\n    EmitterMixin.prototype.triggerWith = function (type, context, args) {\n        if (this._handlers) {\n            applyAll(this._handlers[type], context, args);\n        }\n        if (this._oneHandlers) {\n            applyAll(this._oneHandlers[type], context, args);\n            delete this._oneHandlers[type]; // will never fire again\n        }\n        return this; // for chaining\n    };\n    EmitterMixin.prototype.hasHandlers = function (type) {\n        return (this._handlers && this._handlers[type] && this._handlers[type].length) ||\n            (this._oneHandlers && this._oneHandlers[type] && this._oneHandlers[type].length);\n    };\n    return EmitterMixin;\n}(Mixin));\nfunction addToHash(hash, type, handler) {\n    (hash[type] || (hash[type] = []))\n        .push(handler);\n}\nfunction removeFromHash(hash, type, handler) {\n    if (handler) {\n        if (hash[type]) {\n            hash[type] = hash[type].filter(function (func) {\n                return func !== handler;\n            });\n        }\n    }\n    else {\n        delete hash[type]; // remove all handler funcs for this type\n    }\n}\n\n/*\nRecords offset information for a set of elements, relative to an origin element.\nCan record the left/right OR the top/bottom OR both.\nProvides methods for querying the cache by position.\n*/\nvar PositionCache = /** @class */ (function () {\n    function PositionCache(originEl, els, isHorizontal, isVertical) {\n        this.originEl = originEl;\n        this.els = els;\n        this.isHorizontal = isHorizontal;\n        this.isVertical = isVertical;\n    }\n    // Queries the els for coordinates and stores them.\n    // Call this method before using and of the get* methods below.\n    PositionCache.prototype.build = function () {\n        var originEl = this.originEl;\n        var originClientRect = this.originClientRect =\n            originEl.getBoundingClientRect(); // relative to viewport top-left\n        if (this.isHorizontal) {\n            this.buildElHorizontals(originClientRect.left);\n        }\n        if (this.isVertical) {\n            this.buildElVerticals(originClientRect.top);\n        }\n    };\n    // Populates the left/right internal coordinate arrays\n    PositionCache.prototype.buildElHorizontals = function (originClientLeft) {\n        var lefts = [];\n        var rights = [];\n        for (var _i = 0, _a = this.els; _i < _a.length; _i++) {\n            var el = _a[_i];\n            var rect = el.getBoundingClientRect();\n            lefts.push(rect.left - originClientLeft);\n            rights.push(rect.right - originClientLeft);\n        }\n        this.lefts = lefts;\n        this.rights = rights;\n    };\n    // Populates the top/bottom internal coordinate arrays\n    PositionCache.prototype.buildElVerticals = function (originClientTop) {\n        var tops = [];\n        var bottoms = [];\n        for (var _i = 0, _a = this.els; _i < _a.length; _i++) {\n            var el = _a[_i];\n            var rect = el.getBoundingClientRect();\n            tops.push(rect.top - originClientTop);\n            bottoms.push(rect.bottom - originClientTop);\n        }\n        this.tops = tops;\n        this.bottoms = bottoms;\n    };\n    // Given a left offset (from document left), returns the index of the el that it horizontally intersects.\n    // If no intersection is made, returns undefined.\n    PositionCache.prototype.leftToIndex = function (leftPosition) {\n        var lefts = this.lefts;\n        var rights = this.rights;\n        var len = lefts.length;\n        var i;\n        for (i = 0; i < len; i++) {\n            if (leftPosition >= lefts[i] && leftPosition < rights[i]) {\n                return i;\n            }\n        }\n    };\n    // Given a top offset (from document top), returns the index of the el that it vertically intersects.\n    // If no intersection is made, returns undefined.\n    PositionCache.prototype.topToIndex = function (topPosition) {\n        var tops = this.tops;\n        var bottoms = this.bottoms;\n        var len = tops.length;\n        var i;\n        for (i = 0; i < len; i++) {\n            if (topPosition >= tops[i] && topPosition < bottoms[i]) {\n                return i;\n            }\n        }\n    };\n    // Gets the width of the element at the given index\n    PositionCache.prototype.getWidth = function (leftIndex) {\n        return this.rights[leftIndex] - this.lefts[leftIndex];\n    };\n    // Gets the height of the element at the given index\n    PositionCache.prototype.getHeight = function (topIndex) {\n        return this.bottoms[topIndex] - this.tops[topIndex];\n    };\n    return PositionCache;\n}());\n\n/*\nAn object for getting/setting scroll-related information for an element.\nInternally, this is done very differently for window versus DOM element,\nso this object serves as a common interface.\n*/\nvar ScrollController = /** @class */ (function () {\n    function ScrollController() {\n    }\n    ScrollController.prototype.getMaxScrollTop = function () {\n        return this.getScrollHeight() - this.getClientHeight();\n    };\n    ScrollController.prototype.getMaxScrollLeft = function () {\n        return this.getScrollWidth() - this.getClientWidth();\n    };\n    ScrollController.prototype.canScrollVertically = function () {\n        return this.getMaxScrollTop() > 0;\n    };\n    ScrollController.prototype.canScrollHorizontally = function () {\n        return this.getMaxScrollLeft() > 0;\n    };\n    ScrollController.prototype.canScrollUp = function () {\n        return this.getScrollTop() > 0;\n    };\n    ScrollController.prototype.canScrollDown = function () {\n        return this.getScrollTop() < this.getMaxScrollTop();\n    };\n    ScrollController.prototype.canScrollLeft = function () {\n        return this.getScrollLeft() > 0;\n    };\n    ScrollController.prototype.canScrollRight = function () {\n        return this.getScrollLeft() < this.getMaxScrollLeft();\n    };\n    return ScrollController;\n}());\nvar ElementScrollController = /** @class */ (function (_super) {\n    __extends(ElementScrollController, _super);\n    function ElementScrollController(el) {\n        var _this = _super.call(this) || this;\n        _this.el = el;\n        return _this;\n    }\n    ElementScrollController.prototype.getScrollTop = function () {\n        return this.el.scrollTop;\n    };\n    ElementScrollController.prototype.getScrollLeft = function () {\n        return this.el.scrollLeft;\n    };\n    ElementScrollController.prototype.setScrollTop = function (top) {\n        this.el.scrollTop = top;\n    };\n    ElementScrollController.prototype.setScrollLeft = function (left) {\n        this.el.scrollLeft = left;\n    };\n    ElementScrollController.prototype.getScrollWidth = function () {\n        return this.el.scrollWidth;\n    };\n    ElementScrollController.prototype.getScrollHeight = function () {\n        return this.el.scrollHeight;\n    };\n    ElementScrollController.prototype.getClientHeight = function () {\n        return this.el.clientHeight;\n    };\n    ElementScrollController.prototype.getClientWidth = function () {\n        return this.el.clientWidth;\n    };\n    return ElementScrollController;\n}(ScrollController));\nvar WindowScrollController = /** @class */ (function (_super) {\n    __extends(WindowScrollController, _super);\n    function WindowScrollController() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    WindowScrollController.prototype.getScrollTop = function () {\n        return window.pageYOffset;\n    };\n    WindowScrollController.prototype.getScrollLeft = function () {\n        return window.pageXOffset;\n    };\n    WindowScrollController.prototype.setScrollTop = function (n) {\n        window.scroll(window.pageXOffset, n);\n    };\n    WindowScrollController.prototype.setScrollLeft = function (n) {\n        window.scroll(n, window.pageYOffset);\n    };\n    WindowScrollController.prototype.getScrollWidth = function () {\n        return document.documentElement.scrollWidth;\n    };\n    WindowScrollController.prototype.getScrollHeight = function () {\n        return document.documentElement.scrollHeight;\n    };\n    WindowScrollController.prototype.getClientHeight = function () {\n        return document.documentElement.clientHeight;\n    };\n    WindowScrollController.prototype.getClientWidth = function () {\n        return document.documentElement.clientWidth;\n    };\n    return WindowScrollController;\n}(ScrollController));\n\n/*\nEmbodies a div that has potential scrollbars\n*/\nvar ScrollComponent = /** @class */ (function (_super) {\n    __extends(ScrollComponent, _super);\n    function ScrollComponent(overflowX, overflowY) {\n        var _this = _super.call(this, createElement('div', {\n            className: 'fc-scroller'\n        })) || this;\n        _this.overflowX = overflowX;\n        _this.overflowY = overflowY;\n        _this.applyOverflow();\n        return _this;\n    }\n    // sets to natural height, unlocks overflow\n    ScrollComponent.prototype.clear = function () {\n        this.setHeight('auto');\n        this.applyOverflow();\n    };\n    ScrollComponent.prototype.destroy = function () {\n        removeElement(this.el);\n    };\n    // Overflow\n    // -----------------------------------------------------------------------------------------------------------------\n    ScrollComponent.prototype.applyOverflow = function () {\n        applyStyle(this.el, {\n            overflowX: this.overflowX,\n            overflowY: this.overflowY\n        });\n    };\n    // Causes any 'auto' overflow values to resolves to 'scroll' or 'hidden'.\n    // Useful for preserving scrollbar widths regardless of future resizes.\n    // Can pass in scrollbarWidths for optimization.\n    ScrollComponent.prototype.lockOverflow = function (scrollbarWidths) {\n        var overflowX = this.overflowX;\n        var overflowY = this.overflowY;\n        scrollbarWidths = scrollbarWidths || this.getScrollbarWidths();\n        if (overflowX === 'auto') {\n            overflowX = (scrollbarWidths.bottom || // horizontal scrollbars?\n                this.canScrollHorizontally() // OR scrolling pane with massless scrollbars?\n            ) ? 'scroll' : 'hidden';\n        }\n        if (overflowY === 'auto') {\n            overflowY = (scrollbarWidths.left || scrollbarWidths.right || // horizontal scrollbars?\n                this.canScrollVertically() // OR scrolling pane with massless scrollbars?\n            ) ? 'scroll' : 'hidden';\n        }\n        applyStyle(this.el, { overflowX: overflowX, overflowY: overflowY });\n    };\n    ScrollComponent.prototype.setHeight = function (height) {\n        applyStyleProp(this.el, 'height', height);\n    };\n    ScrollComponent.prototype.getScrollbarWidths = function () {\n        var edges = computeEdges(this.el);\n        return {\n            left: edges.scrollbarLeft,\n            right: edges.scrollbarRight,\n            bottom: edges.scrollbarBottom\n        };\n    };\n    return ScrollComponent;\n}(ElementScrollController));\n\nvar Theme = /** @class */ (function () {\n    function Theme(calendarOptions) {\n        this.calendarOptions = calendarOptions;\n        this.processIconOverride();\n    }\n    Theme.prototype.processIconOverride = function () {\n        if (this.iconOverrideOption) {\n            this.setIconOverride(this.calendarOptions[this.iconOverrideOption]);\n        }\n    };\n    Theme.prototype.setIconOverride = function (iconOverrideHash) {\n        var iconClassesCopy;\n        var buttonName;\n        if (typeof iconOverrideHash === 'object' && iconOverrideHash) { // non-null object\n            iconClassesCopy = __assign({}, this.iconClasses);\n            for (buttonName in iconOverrideHash) {\n                iconClassesCopy[buttonName] = this.applyIconOverridePrefix(iconOverrideHash[buttonName]);\n            }\n            this.iconClasses = iconClassesCopy;\n        }\n        else if (iconOverrideHash === false) {\n            this.iconClasses = {};\n        }\n    };\n    Theme.prototype.applyIconOverridePrefix = function (className) {\n        var prefix = this.iconOverridePrefix;\n        if (prefix && className.indexOf(prefix) !== 0) { // if not already present\n            className = prefix + className;\n        }\n        return className;\n    };\n    Theme.prototype.getClass = function (key) {\n        return this.classes[key] || '';\n    };\n    Theme.prototype.getIconClass = function (buttonName) {\n        var className = this.iconClasses[buttonName];\n        if (className) {\n            return this.baseIconClass + ' ' + className;\n        }\n        return '';\n    };\n    Theme.prototype.getCustomButtonIconClass = function (customButtonProps) {\n        var className;\n        if (this.iconOverrideCustomButtonOption) {\n            className = customButtonProps[this.iconOverrideCustomButtonOption];\n            if (className) {\n                return this.baseIconClass + ' ' + this.applyIconOverridePrefix(className);\n            }\n        }\n        return '';\n    };\n    return Theme;\n}());\nTheme.prototype.classes = {};\nTheme.prototype.iconClasses = {};\nTheme.prototype.baseIconClass = '';\nTheme.prototype.iconOverridePrefix = '';\n\nvar guid = 0;\nvar ComponentContext = /** @class */ (function () {\n    function ComponentContext(calendar, theme, dateEnv, options, view) {\n        this.calendar = calendar;\n        this.theme = theme;\n        this.dateEnv = dateEnv;\n        this.options = options;\n        this.view = view;\n        this.isRtl = options.dir === 'rtl';\n        this.eventOrderSpecs = parseFieldSpecs(options.eventOrder);\n        this.nextDayThreshold = createDuration(options.nextDayThreshold);\n    }\n    ComponentContext.prototype.extend = function (options, view) {\n        return new ComponentContext(this.calendar, this.theme, this.dateEnv, options || this.options, view || this.view);\n    };\n    return ComponentContext;\n}());\nvar Component = /** @class */ (function () {\n    function Component() {\n        this.everRendered = false;\n        this.uid = String(guid++);\n    }\n    Component.addEqualityFuncs = function (newFuncs) {\n        this.prototype.equalityFuncs = __assign({}, this.prototype.equalityFuncs, newFuncs);\n    };\n    Component.prototype.receiveProps = function (props, context) {\n        this.receiveContext(context);\n        var _a = recycleProps(this.props || {}, props, this.equalityFuncs), anyChanges = _a.anyChanges, comboProps = _a.comboProps;\n        this.props = comboProps;\n        if (anyChanges) {\n            if (this.everRendered) {\n                this.beforeUpdate();\n            }\n            this.render(comboProps, context);\n            if (this.everRendered) {\n                this.afterUpdate();\n            }\n        }\n        this.everRendered = true;\n    };\n    Component.prototype.receiveContext = function (context) {\n        var oldContext = this.context;\n        this.context = context;\n        if (!oldContext) {\n            this.firstContext(context);\n        }\n    };\n    Component.prototype.render = function (props, context) {\n    };\n    Component.prototype.firstContext = function (context) {\n    };\n    Component.prototype.beforeUpdate = function () {\n    };\n    Component.prototype.afterUpdate = function () {\n    };\n    // after destroy is called, this component won't ever be used again\n    Component.prototype.destroy = function () {\n    };\n    return Component;\n}());\nComponent.prototype.equalityFuncs = {};\n/*\nReuses old values when equal. If anything is unequal, returns newProps as-is.\nGreat for PureComponent, but won't be feasible with React, so just eliminate and use React's DOM diffing.\n*/\nfunction recycleProps(oldProps, newProps, equalityFuncs) {\n    var comboProps = {}; // some old, some new\n    var anyChanges = false;\n    for (var key in newProps) {\n        if (key in oldProps && (oldProps[key] === newProps[key] ||\n            (equalityFuncs[key] && equalityFuncs[key](oldProps[key], newProps[key])))) {\n            // equal to old? use old prop\n            comboProps[key] = oldProps[key];\n        }\n        else {\n            comboProps[key] = newProps[key];\n            anyChanges = true;\n        }\n    }\n    for (var key in oldProps) {\n        if (!(key in newProps)) {\n            anyChanges = true;\n            break;\n        }\n    }\n    return { anyChanges: anyChanges, comboProps: comboProps };\n}\n\n/*\nPURPOSES:\n- hook up to fg, fill, and mirror renderers\n- interface for dragging and hits\n*/\nvar DateComponent = /** @class */ (function (_super) {\n    __extends(DateComponent, _super);\n    function DateComponent(el) {\n        var _this = _super.call(this) || this;\n        _this.el = el;\n        return _this;\n    }\n    DateComponent.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        removeElement(this.el);\n    };\n    // Hit System\n    // -----------------------------------------------------------------------------------------------------------------\n    DateComponent.prototype.buildPositionCaches = function () {\n    };\n    DateComponent.prototype.queryHit = function (positionLeft, positionTop, elWidth, elHeight) {\n        return null; // this should be abstract\n    };\n    // Validation\n    // -----------------------------------------------------------------------------------------------------------------\n    DateComponent.prototype.isInteractionValid = function (interaction) {\n        var calendar = this.context.calendar;\n        var dateProfile = this.props.dateProfile; // HACK\n        var instances = interaction.mutatedEvents.instances;\n        if (dateProfile) { // HACK for DayTile\n            for (var instanceId in instances) {\n                if (!rangeContainsRange(dateProfile.validRange, instances[instanceId].range)) {\n                    return false;\n                }\n            }\n        }\n        return isInteractionValid(interaction, calendar);\n    };\n    DateComponent.prototype.isDateSelectionValid = function (selection) {\n        var calendar = this.context.calendar;\n        var dateProfile = this.props.dateProfile; // HACK\n        if (dateProfile && // HACK for DayTile\n            !rangeContainsRange(dateProfile.validRange, selection.range)) {\n            return false;\n        }\n        return isDateSelectionValid(selection, calendar);\n    };\n    // Pointer Interaction Utils\n    // -----------------------------------------------------------------------------------------------------------------\n    DateComponent.prototype.isValidSegDownEl = function (el) {\n        return !this.props.eventDrag && // HACK\n            !this.props.eventResize && // HACK\n            !elementClosest(el, '.fc-mirror') &&\n            (this.isPopover() || !this.isInPopover(el));\n        // ^above line ensures we don't detect a seg interaction within a nested component.\n        // it's a HACK because it only supports a popover as the nested component.\n    };\n    DateComponent.prototype.isValidDateDownEl = function (el) {\n        var segEl = elementClosest(el, this.fgSegSelector);\n        return (!segEl || segEl.classList.contains('fc-mirror')) &&\n            !elementClosest(el, '.fc-more') && // a \"more..\" link\n            !elementClosest(el, 'a[data-goto]') && // a clickable nav link\n            !this.isInPopover(el);\n    };\n    DateComponent.prototype.isPopover = function () {\n        return this.el.classList.contains('fc-popover');\n    };\n    DateComponent.prototype.isInPopover = function (el) {\n        return Boolean(elementClosest(el, '.fc-popover'));\n    };\n    return DateComponent;\n}(Component));\nDateComponent.prototype.fgSegSelector = '.fc-event-container > *';\nDateComponent.prototype.bgSegSelector = '.fc-bgevent:not(.fc-nonbusiness)';\n\nvar uid$1 = 0;\nfunction createPlugin(input) {\n    return {\n        id: String(uid$1++),\n        deps: input.deps || [],\n        reducers: input.reducers || [],\n        eventDefParsers: input.eventDefParsers || [],\n        isDraggableTransformers: input.isDraggableTransformers || [],\n        eventDragMutationMassagers: input.eventDragMutationMassagers || [],\n        eventDefMutationAppliers: input.eventDefMutationAppliers || [],\n        dateSelectionTransformers: input.dateSelectionTransformers || [],\n        datePointTransforms: input.datePointTransforms || [],\n        dateSpanTransforms: input.dateSpanTransforms || [],\n        views: input.views || {},\n        viewPropsTransformers: input.viewPropsTransformers || [],\n        isPropsValid: input.isPropsValid || null,\n        externalDefTransforms: input.externalDefTransforms || [],\n        eventResizeJoinTransforms: input.eventResizeJoinTransforms || [],\n        viewContainerModifiers: input.viewContainerModifiers || [],\n        eventDropTransformers: input.eventDropTransformers || [],\n        componentInteractions: input.componentInteractions || [],\n        calendarInteractions: input.calendarInteractions || [],\n        themeClasses: input.themeClasses || {},\n        eventSourceDefs: input.eventSourceDefs || [],\n        cmdFormatter: input.cmdFormatter,\n        recurringTypes: input.recurringTypes || [],\n        namedTimeZonedImpl: input.namedTimeZonedImpl,\n        defaultView: input.defaultView || '',\n        elementDraggingImpl: input.elementDraggingImpl,\n        optionChangeHandlers: input.optionChangeHandlers || {}\n    };\n}\nvar PluginSystem = /** @class */ (function () {\n    function PluginSystem() {\n        this.hooks = {\n            reducers: [],\n            eventDefParsers: [],\n            isDraggableTransformers: [],\n            eventDragMutationMassagers: [],\n            eventDefMutationAppliers: [],\n            dateSelectionTransformers: [],\n            datePointTransforms: [],\n            dateSpanTransforms: [],\n            views: {},\n            viewPropsTransformers: [],\n            isPropsValid: null,\n            externalDefTransforms: [],\n            eventResizeJoinTransforms: [],\n            viewContainerModifiers: [],\n            eventDropTransformers: [],\n            componentInteractions: [],\n            calendarInteractions: [],\n            themeClasses: {},\n            eventSourceDefs: [],\n            cmdFormatter: null,\n            recurringTypes: [],\n            namedTimeZonedImpl: null,\n            defaultView: '',\n            elementDraggingImpl: null,\n            optionChangeHandlers: {}\n        };\n        this.addedHash = {};\n    }\n    PluginSystem.prototype.add = function (plugin) {\n        if (!this.addedHash[plugin.id]) {\n            this.addedHash[plugin.id] = true;\n            for (var _i = 0, _a = plugin.deps; _i < _a.length; _i++) {\n                var dep = _a[_i];\n                this.add(dep);\n            }\n            this.hooks = combineHooks(this.hooks, plugin);\n        }\n    };\n    return PluginSystem;\n}());\nfunction combineHooks(hooks0, hooks1) {\n    return {\n        reducers: hooks0.reducers.concat(hooks1.reducers),\n        eventDefParsers: hooks0.eventDefParsers.concat(hooks1.eventDefParsers),\n        isDraggableTransformers: hooks0.isDraggableTransformers.concat(hooks1.isDraggableTransformers),\n        eventDragMutationMassagers: hooks0.eventDragMutationMassagers.concat(hooks1.eventDragMutationMassagers),\n        eventDefMutationAppliers: hooks0.eventDefMutationAppliers.concat(hooks1.eventDefMutationAppliers),\n        dateSelectionTransformers: hooks0.dateSelectionTransformers.concat(hooks1.dateSelectionTransformers),\n        datePointTransforms: hooks0.datePointTransforms.concat(hooks1.datePointTransforms),\n        dateSpanTransforms: hooks0.dateSpanTransforms.concat(hooks1.dateSpanTransforms),\n        views: __assign({}, hooks0.views, hooks1.views),\n        viewPropsTransformers: hooks0.viewPropsTransformers.concat(hooks1.viewPropsTransformers),\n        isPropsValid: hooks1.isPropsValid || hooks0.isPropsValid,\n        externalDefTransforms: hooks0.externalDefTransforms.concat(hooks1.externalDefTransforms),\n        eventResizeJoinTransforms: hooks0.eventResizeJoinTransforms.concat(hooks1.eventResizeJoinTransforms),\n        viewContainerModifiers: hooks0.viewContainerModifiers.concat(hooks1.viewContainerModifiers),\n        eventDropTransformers: hooks0.eventDropTransformers.concat(hooks1.eventDropTransformers),\n        calendarInteractions: hooks0.calendarInteractions.concat(hooks1.calendarInteractions),\n        componentInteractions: hooks0.componentInteractions.concat(hooks1.componentInteractions),\n        themeClasses: __assign({}, hooks0.themeClasses, hooks1.themeClasses),\n        eventSourceDefs: hooks0.eventSourceDefs.concat(hooks1.eventSourceDefs),\n        cmdFormatter: hooks1.cmdFormatter || hooks0.cmdFormatter,\n        recurringTypes: hooks0.recurringTypes.concat(hooks1.recurringTypes),\n        namedTimeZonedImpl: hooks1.namedTimeZonedImpl || hooks0.namedTimeZonedImpl,\n        defaultView: hooks0.defaultView || hooks1.defaultView,\n        elementDraggingImpl: hooks0.elementDraggingImpl || hooks1.elementDraggingImpl,\n        optionChangeHandlers: __assign({}, hooks0.optionChangeHandlers, hooks1.optionChangeHandlers)\n    };\n}\n\nvar eventSourceDef = {\n    ignoreRange: true,\n    parseMeta: function (raw) {\n        if (Array.isArray(raw)) { // short form\n            return raw;\n        }\n        else if (Array.isArray(raw.events)) {\n            return raw.events;\n        }\n        return null;\n    },\n    fetch: function (arg, success) {\n        success({\n            rawEvents: arg.eventSource.meta\n        });\n    }\n};\nvar ArrayEventSourcePlugin = createPlugin({\n    eventSourceDefs: [eventSourceDef]\n});\n\nvar eventSourceDef$1 = {\n    parseMeta: function (raw) {\n        if (typeof raw === 'function') { // short form\n            return raw;\n        }\n        else if (typeof raw.events === 'function') {\n            return raw.events;\n        }\n        return null;\n    },\n    fetch: function (arg, success, failure) {\n        var dateEnv = arg.calendar.dateEnv;\n        var func = arg.eventSource.meta;\n        unpromisify(func.bind(null, {\n            start: dateEnv.toDate(arg.range.start),\n            end: dateEnv.toDate(arg.range.end),\n            startStr: dateEnv.formatIso(arg.range.start),\n            endStr: dateEnv.formatIso(arg.range.end),\n            timeZone: dateEnv.timeZone\n        }), function (rawEvents) {\n            success({ rawEvents: rawEvents }); // needs an object response\n        }, failure // send errorObj directly to failure callback\n        );\n    }\n};\nvar FuncEventSourcePlugin = createPlugin({\n    eventSourceDefs: [eventSourceDef$1]\n});\n\nfunction requestJson(method, url, params, successCallback, failureCallback) {\n    method = method.toUpperCase();\n    var body = null;\n    if (method === 'GET') {\n        url = injectQueryStringParams(url, params);\n    }\n    else {\n        body = encodeParams(params);\n    }\n    var xhr = new XMLHttpRequest();\n    xhr.open(method, url, true);\n    if (method !== 'GET') {\n        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');\n    }\n    xhr.onload = function () {\n        if (xhr.status >= 200 && xhr.status < 400) {\n            try {\n                var res = JSON.parse(xhr.responseText);\n                successCallback(res, xhr);\n            }\n            catch (err) {\n                failureCallback('Failure parsing JSON', xhr);\n            }\n        }\n        else {\n            failureCallback('Request failed', xhr);\n        }\n    };\n    xhr.onerror = function () {\n        failureCallback('Request failed', xhr);\n    };\n    xhr.send(body);\n}\nfunction injectQueryStringParams(url, params) {\n    return url +\n        (url.indexOf('?') === -1 ? '?' : '&') +\n        encodeParams(params);\n}\nfunction encodeParams(params) {\n    var parts = [];\n    for (var key in params) {\n        parts.push(encodeURIComponent(key) + '=' + encodeURIComponent(params[key]));\n    }\n    return parts.join('&');\n}\n\nvar eventSourceDef$2 = {\n    parseMeta: function (raw) {\n        if (typeof raw === 'string') { // short form\n            raw = { url: raw };\n        }\n        else if (!raw || typeof raw !== 'object' || !raw.url) {\n            return null;\n        }\n        return {\n            url: raw.url,\n            method: (raw.method || 'GET').toUpperCase(),\n            extraParams: raw.extraParams,\n            startParam: raw.startParam,\n            endParam: raw.endParam,\n            timeZoneParam: raw.timeZoneParam\n        };\n    },\n    fetch: function (arg, success, failure) {\n        var meta = arg.eventSource.meta;\n        var requestParams = buildRequestParams(meta, arg.range, arg.calendar);\n        requestJson(meta.method, meta.url, requestParams, function (rawEvents, xhr) {\n            success({ rawEvents: rawEvents, xhr: xhr });\n        }, function (errorMessage, xhr) {\n            failure({ message: errorMessage, xhr: xhr });\n        });\n    }\n};\nvar JsonFeedEventSourcePlugin = createPlugin({\n    eventSourceDefs: [eventSourceDef$2]\n});\nfunction buildRequestParams(meta, range, calendar) {\n    var dateEnv = calendar.dateEnv;\n    var startParam;\n    var endParam;\n    var timeZoneParam;\n    var customRequestParams;\n    var params = {};\n    startParam = meta.startParam;\n    if (startParam == null) {\n        startParam = calendar.opt('startParam');\n    }\n    endParam = meta.endParam;\n    if (endParam == null) {\n        endParam = calendar.opt('endParam');\n    }\n    timeZoneParam = meta.timeZoneParam;\n    if (timeZoneParam == null) {\n        timeZoneParam = calendar.opt('timeZoneParam');\n    }\n    // retrieve any outbound GET/POST data from the options\n    if (typeof meta.extraParams === 'function') {\n        // supplied as a function that returns a key/value object\n        customRequestParams = meta.extraParams();\n    }\n    else {\n        // probably supplied as a straight key/value object\n        customRequestParams = meta.extraParams || {};\n    }\n    __assign(params, customRequestParams);\n    params[startParam] = dateEnv.formatIso(range.start);\n    params[endParam] = dateEnv.formatIso(range.end);\n    if (dateEnv.timeZone !== 'local') {\n        params[timeZoneParam] = dateEnv.timeZone;\n    }\n    return params;\n}\n\nvar recurring = {\n    parse: function (rawEvent, leftoverProps, dateEnv) {\n        var createMarker = dateEnv.createMarker.bind(dateEnv);\n        var processors = {\n            daysOfWeek: null,\n            startTime: createDuration,\n            endTime: createDuration,\n            startRecur: createMarker,\n            endRecur: createMarker\n        };\n        var props = refineProps(rawEvent, processors, {}, leftoverProps);\n        var anyValid = false;\n        for (var propName in props) {\n            if (props[propName] != null) {\n                anyValid = true;\n                break;\n            }\n        }\n        if (anyValid) {\n            var duration = null;\n            if ('duration' in leftoverProps) {\n                duration = createDuration(leftoverProps.duration);\n                delete leftoverProps.duration;\n            }\n            if (!duration && props.startTime && props.endTime) {\n                duration = subtractDurations(props.endTime, props.startTime);\n            }\n            return {\n                allDayGuess: Boolean(!props.startTime && !props.endTime),\n                duration: duration,\n                typeData: props // doesn't need endTime anymore but oh well\n            };\n        }\n        return null;\n    },\n    expand: function (typeData, framingRange, dateEnv) {\n        var clippedFramingRange = intersectRanges(framingRange, { start: typeData.startRecur, end: typeData.endRecur });\n        if (clippedFramingRange) {\n            return expandRanges(typeData.daysOfWeek, typeData.startTime, clippedFramingRange, dateEnv);\n        }\n        else {\n            return [];\n        }\n    }\n};\nvar SimpleRecurrencePlugin = createPlugin({\n    recurringTypes: [recurring]\n});\nfunction expandRanges(daysOfWeek, startTime, framingRange, dateEnv) {\n    var dowHash = daysOfWeek ? arrayToHash(daysOfWeek) : null;\n    var dayMarker = startOfDay(framingRange.start);\n    var endMarker = framingRange.end;\n    var instanceStarts = [];\n    while (dayMarker < endMarker) {\n        var instanceStart \n        // if everyday, or this particular day-of-week\n        = void 0;\n        // if everyday, or this particular day-of-week\n        if (!dowHash || dowHash[dayMarker.getUTCDay()]) {\n            if (startTime) {\n                instanceStart = dateEnv.add(dayMarker, startTime);\n            }\n            else {\n                instanceStart = dayMarker;\n            }\n            instanceStarts.push(instanceStart);\n        }\n        dayMarker = addDays(dayMarker, 1);\n    }\n    return instanceStarts;\n}\n\nvar DefaultOptionChangeHandlers = createPlugin({\n    optionChangeHandlers: {\n        events: function (events, calendar, deepEqual) {\n            handleEventSources([events], calendar, deepEqual);\n        },\n        eventSources: handleEventSources,\n        plugins: handlePlugins\n    }\n});\nfunction handleEventSources(inputs, calendar, deepEqual) {\n    var unfoundSources = hashValuesToArray(calendar.state.eventSources);\n    var newInputs = [];\n    for (var _i = 0, inputs_1 = inputs; _i < inputs_1.length; _i++) {\n        var input = inputs_1[_i];\n        var inputFound = false;\n        for (var i = 0; i < unfoundSources.length; i++) {\n            if (deepEqual(unfoundSources[i]._raw, input)) {\n                unfoundSources.splice(i, 1); // delete\n                inputFound = true;\n                break;\n            }\n        }\n        if (!inputFound) {\n            newInputs.push(input);\n        }\n    }\n    for (var _a = 0, unfoundSources_1 = unfoundSources; _a < unfoundSources_1.length; _a++) {\n        var unfoundSource = unfoundSources_1[_a];\n        calendar.dispatch({\n            type: 'REMOVE_EVENT_SOURCE',\n            sourceId: unfoundSource.sourceId\n        });\n    }\n    for (var _b = 0, newInputs_1 = newInputs; _b < newInputs_1.length; _b++) {\n        var newInput = newInputs_1[_b];\n        calendar.addEventSource(newInput);\n    }\n}\n// shortcoming: won't remove plugins\nfunction handlePlugins(inputs, calendar) {\n    calendar.addPluginInputs(inputs); // will gracefully handle duplicates\n}\n\nvar config = {}; // TODO: make these options\nvar globalDefaults = {\n    defaultRangeSeparator: ' - ',\n    titleRangeSeparator: ' \\u2013 ',\n    defaultTimedEventDuration: '01:00:00',\n    defaultAllDayEventDuration: { day: 1 },\n    forceEventDuration: false,\n    nextDayThreshold: '00:00:00',\n    // display\n    columnHeader: true,\n    defaultView: '',\n    aspectRatio: 1.35,\n    header: {\n        left: 'title',\n        center: '',\n        right: 'today prev,next'\n    },\n    weekends: true,\n    weekNumbers: false,\n    weekNumberCalculation: 'local',\n    editable: false,\n    // nowIndicator: false,\n    scrollTime: '06:00:00',\n    minTime: '00:00:00',\n    maxTime: '24:00:00',\n    showNonCurrentDates: true,\n    // event ajax\n    lazyFetching: true,\n    startParam: 'start',\n    endParam: 'end',\n    timeZoneParam: 'timeZone',\n    timeZone: 'local',\n    // allDayDefault: undefined,\n    // locale\n    locales: [],\n    locale: '',\n    // dir: will get this from the default locale\n    // buttonIcons: null,\n    // allows setting a min-height to the event segment to prevent short events overlapping each other\n    timeGridEventMinHeight: 0,\n    themeSystem: 'standard',\n    // eventResizableFromStart: false,\n    dragRevertDuration: 500,\n    dragScroll: true,\n    allDayMaintainDuration: false,\n    // selectable: false,\n    unselectAuto: true,\n    // selectMinDistance: 0,\n    dropAccept: '*',\n    eventOrder: 'start,-duration,allDay,title',\n    // ^ if start tie, longer events go before shorter. final tie-breaker is title text\n    // rerenderDelay: null,\n    eventLimit: false,\n    eventLimitClick: 'popover',\n    dayPopoverFormat: { month: 'long', day: 'numeric', year: 'numeric' },\n    handleWindowResize: true,\n    windowResizeDelay: 100,\n    longPressDelay: 1000,\n    eventDragMinDistance: 5 // only applies to mouse\n};\nvar rtlDefaults = {\n    header: {\n        left: 'next,prev today',\n        center: '',\n        right: 'title'\n    },\n    buttonIcons: {\n        // TODO: make RTL support the responibility of the theme\n        prev: 'fc-icon-chevron-right',\n        next: 'fc-icon-chevron-left',\n        prevYear: 'fc-icon-chevrons-right',\n        nextYear: 'fc-icon-chevrons-left'\n    }\n};\nvar complexOptions = [\n    'header',\n    'footer',\n    'buttonText',\n    'buttonIcons'\n];\n// Merges an array of option objects into a single object\nfunction mergeOptions(optionObjs) {\n    return mergeProps(optionObjs, complexOptions);\n}\n// TODO: move this stuff to a \"plugin\"-related file...\nvar INTERNAL_PLUGINS = [\n    ArrayEventSourcePlugin,\n    FuncEventSourcePlugin,\n    JsonFeedEventSourcePlugin,\n    SimpleRecurrencePlugin,\n    DefaultOptionChangeHandlers\n];\nfunction refinePluginDefs(pluginInputs) {\n    var plugins = [];\n    for (var _i = 0, pluginInputs_1 = pluginInputs; _i < pluginInputs_1.length; _i++) {\n        var pluginInput = pluginInputs_1[_i];\n        if (typeof pluginInput === 'string') {\n            var globalName = 'FullCalendar' + capitaliseFirstLetter(pluginInput);\n            if (!window[globalName]) {\n                console.warn('Plugin file not loaded for ' + pluginInput);\n            }\n            else {\n                plugins.push(window[globalName].default); // is an ES6 module\n            }\n        }\n        else {\n            plugins.push(pluginInput);\n        }\n    }\n    return INTERNAL_PLUGINS.concat(plugins);\n}\n\nvar RAW_EN_LOCALE = {\n    code: 'en',\n    week: {\n        dow: 0,\n        doy: 4 // 4 days need to be within the year to be considered the first week\n    },\n    dir: 'ltr',\n    buttonText: {\n        prev: 'prev',\n        next: 'next',\n        prevYear: 'prev year',\n        nextYear: 'next year',\n        year: 'year',\n        today: 'today',\n        month: 'month',\n        week: 'week',\n        day: 'day',\n        list: 'list'\n    },\n    weekLabel: 'W',\n    allDayText: 'all-day',\n    eventLimitText: 'more',\n    noEventsMessage: 'No events to display'\n};\nfunction parseRawLocales(explicitRawLocales) {\n    var defaultCode = explicitRawLocales.length > 0 ? explicitRawLocales[0].code : 'en';\n    var globalArray = window['FullCalendarLocalesAll'] || []; // from locales-all.js\n    var globalObject = window['FullCalendarLocales'] || {}; // from locales/*.js. keys are meaningless\n    var allRawLocales = globalArray.concat(// globalArray is low prio\n    hashValuesToArray(globalObject), // medium prio\n    explicitRawLocales // highest prio\n    );\n    var rawLocaleMap = {\n        en: RAW_EN_LOCALE // necessary?\n    };\n    for (var _i = 0, allRawLocales_1 = allRawLocales; _i < allRawLocales_1.length; _i++) {\n        var rawLocale = allRawLocales_1[_i];\n        rawLocaleMap[rawLocale.code] = rawLocale;\n    }\n    return {\n        map: rawLocaleMap,\n        defaultCode: defaultCode\n    };\n}\nfunction buildLocale(inputSingular, available) {\n    if (typeof inputSingular === 'object' && !Array.isArray(inputSingular)) {\n        return parseLocale(inputSingular.code, [inputSingular.code], inputSingular);\n    }\n    else {\n        return queryLocale(inputSingular, available);\n    }\n}\nfunction queryLocale(codeArg, available) {\n    var codes = [].concat(codeArg || []); // will convert to array\n    var raw = queryRawLocale(codes, available) || RAW_EN_LOCALE;\n    return parseLocale(codeArg, codes, raw);\n}\nfunction queryRawLocale(codes, available) {\n    for (var i = 0; i < codes.length; i++) {\n        var parts = codes[i].toLocaleLowerCase().split('-');\n        for (var j = parts.length; j > 0; j--) {\n            var simpleId = parts.slice(0, j).join('-');\n            if (available[simpleId]) {\n                return available[simpleId];\n            }\n        }\n    }\n    return null;\n}\nfunction parseLocale(codeArg, codes, raw) {\n    var merged = mergeProps([RAW_EN_LOCALE, raw], ['buttonText']);\n    delete merged.code; // don't want this part of the options\n    var week = merged.week;\n    delete merged.week;\n    return {\n        codeArg: codeArg,\n        codes: codes,\n        week: week,\n        simpleNumberFormat: new Intl.NumberFormat(codeArg),\n        options: merged\n    };\n}\n\nvar OptionsManager = /** @class */ (function () {\n    function OptionsManager(overrides) {\n        this.overrides = __assign({}, overrides); // make a copy\n        this.dynamicOverrides = {};\n        this.compute();\n    }\n    OptionsManager.prototype.mutate = function (updates, removals, isDynamic) {\n        if (!Object.keys(updates).length && !removals.length) {\n            return;\n        }\n        var overrideHash = isDynamic ? this.dynamicOverrides : this.overrides;\n        __assign(overrideHash, updates);\n        for (var _i = 0, removals_1 = removals; _i < removals_1.length; _i++) {\n            var propName = removals_1[_i];\n            delete overrideHash[propName];\n        }\n        this.compute();\n    };\n    // Computes the flattened options hash for the calendar and assigns to `this.options`.\n    // Assumes this.overrides and this.dynamicOverrides have already been initialized.\n    OptionsManager.prototype.compute = function () {\n        // TODO: not a very efficient system\n        var locales = firstDefined(// explicit locale option given?\n        this.dynamicOverrides.locales, this.overrides.locales, globalDefaults.locales);\n        var locale = firstDefined(// explicit locales option given?\n        this.dynamicOverrides.locale, this.overrides.locale, globalDefaults.locale);\n        var available = parseRawLocales(locales);\n        var localeDefaults = buildLocale(locale || available.defaultCode, available.map).options;\n        var dir = firstDefined(// based on options computed so far, is direction RTL?\n        this.dynamicOverrides.dir, this.overrides.dir, localeDefaults.dir);\n        var dirDefaults = dir === 'rtl' ? rtlDefaults : {};\n        this.dirDefaults = dirDefaults;\n        this.localeDefaults = localeDefaults;\n        this.computed = mergeOptions([\n            globalDefaults,\n            dirDefaults,\n            localeDefaults,\n            this.overrides,\n            this.dynamicOverrides\n        ]);\n    };\n    return OptionsManager;\n}());\n\nvar calendarSystemClassMap = {};\nfunction registerCalendarSystem(name, theClass) {\n    calendarSystemClassMap[name] = theClass;\n}\nfunction createCalendarSystem(name) {\n    return new calendarSystemClassMap[name]();\n}\nvar GregorianCalendarSystem = /** @class */ (function () {\n    function GregorianCalendarSystem() {\n    }\n    GregorianCalendarSystem.prototype.getMarkerYear = function (d) {\n        return d.getUTCFullYear();\n    };\n    GregorianCalendarSystem.prototype.getMarkerMonth = function (d) {\n        return d.getUTCMonth();\n    };\n    GregorianCalendarSystem.prototype.getMarkerDay = function (d) {\n        return d.getUTCDate();\n    };\n    GregorianCalendarSystem.prototype.arrayToMarker = function (arr) {\n        return arrayToUtcDate(arr);\n    };\n    GregorianCalendarSystem.prototype.markerToArray = function (marker) {\n        return dateToUtcArray(marker);\n    };\n    return GregorianCalendarSystem;\n}());\nregisterCalendarSystem('gregory', GregorianCalendarSystem);\n\nvar ISO_RE = /^\\s*(\\d{4})(-(\\d{2})(-(\\d{2})([T ](\\d{2}):(\\d{2})(:(\\d{2})(\\.(\\d+))?)?(Z|(([-+])(\\d{2})(:?(\\d{2}))?))?)?)?)?$/;\nfunction parse(str) {\n    var m = ISO_RE.exec(str);\n    if (m) {\n        var marker = new Date(Date.UTC(Number(m[1]), m[3] ? Number(m[3]) - 1 : 0, Number(m[5] || 1), Number(m[7] || 0), Number(m[8] || 0), Number(m[10] || 0), m[12] ? Number('0.' + m[12]) * 1000 : 0));\n        if (isValidDate(marker)) {\n            var timeZoneOffset = null;\n            if (m[13]) {\n                timeZoneOffset = (m[15] === '-' ? -1 : 1) * (Number(m[16] || 0) * 60 +\n                    Number(m[18] || 0));\n            }\n            return {\n                marker: marker,\n                isTimeUnspecified: !m[6],\n                timeZoneOffset: timeZoneOffset\n            };\n        }\n    }\n    return null;\n}\n\nvar DateEnv = /** @class */ (function () {\n    function DateEnv(settings) {\n        var timeZone = this.timeZone = settings.timeZone;\n        var isNamedTimeZone = timeZone !== 'local' && timeZone !== 'UTC';\n        if (settings.namedTimeZoneImpl && isNamedTimeZone) {\n            this.namedTimeZoneImpl = new settings.namedTimeZoneImpl(timeZone);\n        }\n        this.canComputeOffset = Boolean(!isNamedTimeZone || this.namedTimeZoneImpl);\n        this.calendarSystem = createCalendarSystem(settings.calendarSystem);\n        this.locale = settings.locale;\n        this.weekDow = settings.locale.week.dow;\n        this.weekDoy = settings.locale.week.doy;\n        if (settings.weekNumberCalculation === 'ISO') {\n            this.weekDow = 1;\n            this.weekDoy = 4;\n        }\n        if (typeof settings.firstDay === 'number') {\n            this.weekDow = settings.firstDay;\n        }\n        if (typeof settings.weekNumberCalculation === 'function') {\n            this.weekNumberFunc = settings.weekNumberCalculation;\n        }\n        this.weekLabel = settings.weekLabel != null ? settings.weekLabel : settings.locale.options.weekLabel;\n        this.cmdFormatter = settings.cmdFormatter;\n    }\n    // Creating / Parsing\n    DateEnv.prototype.createMarker = function (input) {\n        var meta = this.createMarkerMeta(input);\n        if (meta === null) {\n            return null;\n        }\n        return meta.marker;\n    };\n    DateEnv.prototype.createNowMarker = function () {\n        if (this.canComputeOffset) {\n            return this.timestampToMarker(new Date().valueOf());\n        }\n        else {\n            // if we can't compute the current date val for a timezone,\n            // better to give the current local date vals than UTC\n            return arrayToUtcDate(dateToLocalArray(new Date()));\n        }\n    };\n    DateEnv.prototype.createMarkerMeta = function (input) {\n        if (typeof input === 'string') {\n            return this.parse(input);\n        }\n        var marker = null;\n        if (typeof input === 'number') {\n            marker = this.timestampToMarker(input);\n        }\n        else if (input instanceof Date) {\n            input = input.valueOf();\n            if (!isNaN(input)) {\n                marker = this.timestampToMarker(input);\n            }\n        }\n        else if (Array.isArray(input)) {\n            marker = arrayToUtcDate(input);\n        }\n        if (marker === null || !isValidDate(marker)) {\n            return null;\n        }\n        return { marker: marker, isTimeUnspecified: false, forcedTzo: null };\n    };\n    DateEnv.prototype.parse = function (s) {\n        var parts = parse(s);\n        if (parts === null) {\n            return null;\n        }\n        var marker = parts.marker;\n        var forcedTzo = null;\n        if (parts.timeZoneOffset !== null) {\n            if (this.canComputeOffset) {\n                marker = this.timestampToMarker(marker.valueOf() - parts.timeZoneOffset * 60 * 1000);\n            }\n            else {\n                forcedTzo = parts.timeZoneOffset;\n            }\n        }\n        return { marker: marker, isTimeUnspecified: parts.isTimeUnspecified, forcedTzo: forcedTzo };\n    };\n    // Accessors\n    DateEnv.prototype.getYear = function (marker) {\n        return this.calendarSystem.getMarkerYear(marker);\n    };\n    DateEnv.prototype.getMonth = function (marker) {\n        return this.calendarSystem.getMarkerMonth(marker);\n    };\n    // Adding / Subtracting\n    DateEnv.prototype.add = function (marker, dur) {\n        var a = this.calendarSystem.markerToArray(marker);\n        a[0] += dur.years;\n        a[1] += dur.months;\n        a[2] += dur.days;\n        a[6] += dur.milliseconds;\n        return this.calendarSystem.arrayToMarker(a);\n    };\n    DateEnv.prototype.subtract = function (marker, dur) {\n        var a = this.calendarSystem.markerToArray(marker);\n        a[0] -= dur.years;\n        a[1] -= dur.months;\n        a[2] -= dur.days;\n        a[6] -= dur.milliseconds;\n        return this.calendarSystem.arrayToMarker(a);\n    };\n    DateEnv.prototype.addYears = function (marker, n) {\n        var a = this.calendarSystem.markerToArray(marker);\n        a[0] += n;\n        return this.calendarSystem.arrayToMarker(a);\n    };\n    DateEnv.prototype.addMonths = function (marker, n) {\n        var a = this.calendarSystem.markerToArray(marker);\n        a[1] += n;\n        return this.calendarSystem.arrayToMarker(a);\n    };\n    // Diffing Whole Units\n    DateEnv.prototype.diffWholeYears = function (m0, m1) {\n        var calendarSystem = this.calendarSystem;\n        if (timeAsMs(m0) === timeAsMs(m1) &&\n            calendarSystem.getMarkerDay(m0) === calendarSystem.getMarkerDay(m1) &&\n            calendarSystem.getMarkerMonth(m0) === calendarSystem.getMarkerMonth(m1)) {\n            return calendarSystem.getMarkerYear(m1) - calendarSystem.getMarkerYear(m0);\n        }\n        return null;\n    };\n    DateEnv.prototype.diffWholeMonths = function (m0, m1) {\n        var calendarSystem = this.calendarSystem;\n        if (timeAsMs(m0) === timeAsMs(m1) &&\n            calendarSystem.getMarkerDay(m0) === calendarSystem.getMarkerDay(m1)) {\n            return (calendarSystem.getMarkerMonth(m1) - calendarSystem.getMarkerMonth(m0)) +\n                (calendarSystem.getMarkerYear(m1) - calendarSystem.getMarkerYear(m0)) * 12;\n        }\n        return null;\n    };\n    // Range / Duration\n    DateEnv.prototype.greatestWholeUnit = function (m0, m1) {\n        var n = this.diffWholeYears(m0, m1);\n        if (n !== null) {\n            return { unit: 'year', value: n };\n        }\n        n = this.diffWholeMonths(m0, m1);\n        if (n !== null) {\n            return { unit: 'month', value: n };\n        }\n        n = diffWholeWeeks(m0, m1);\n        if (n !== null) {\n            return { unit: 'week', value: n };\n        }\n        n = diffWholeDays(m0, m1);\n        if (n !== null) {\n            return { unit: 'day', value: n };\n        }\n        n = diffHours(m0, m1);\n        if (isInt(n)) {\n            return { unit: 'hour', value: n };\n        }\n        n = diffMinutes(m0, m1);\n        if (isInt(n)) {\n            return { unit: 'minute', value: n };\n        }\n        n = diffSeconds(m0, m1);\n        if (isInt(n)) {\n            return { unit: 'second', value: n };\n        }\n        return { unit: 'millisecond', value: m1.valueOf() - m0.valueOf() };\n    };\n    DateEnv.prototype.countDurationsBetween = function (m0, m1, d) {\n        // TODO: can use greatestWholeUnit\n        var diff;\n        if (d.years) {\n            diff = this.diffWholeYears(m0, m1);\n            if (diff !== null) {\n                return diff / asRoughYears(d);\n            }\n        }\n        if (d.months) {\n            diff = this.diffWholeMonths(m0, m1);\n            if (diff !== null) {\n                return diff / asRoughMonths(d);\n            }\n        }\n        if (d.days) {\n            diff = diffWholeDays(m0, m1);\n            if (diff !== null) {\n                return diff / asRoughDays(d);\n            }\n        }\n        return (m1.valueOf() - m0.valueOf()) / asRoughMs(d);\n    };\n    // Start-Of\n    DateEnv.prototype.startOf = function (m, unit) {\n        if (unit === 'year') {\n            return this.startOfYear(m);\n        }\n        else if (unit === 'month') {\n            return this.startOfMonth(m);\n        }\n        else if (unit === 'week') {\n            return this.startOfWeek(m);\n        }\n        else if (unit === 'day') {\n            return startOfDay(m);\n        }\n        else if (unit === 'hour') {\n            return startOfHour(m);\n        }\n        else if (unit === 'minute') {\n            return startOfMinute(m);\n        }\n        else if (unit === 'second') {\n            return startOfSecond(m);\n        }\n    };\n    DateEnv.prototype.startOfYear = function (m) {\n        return this.calendarSystem.arrayToMarker([\n            this.calendarSystem.getMarkerYear(m)\n        ]);\n    };\n    DateEnv.prototype.startOfMonth = function (m) {\n        return this.calendarSystem.arrayToMarker([\n            this.calendarSystem.getMarkerYear(m),\n            this.calendarSystem.getMarkerMonth(m)\n        ]);\n    };\n    DateEnv.prototype.startOfWeek = function (m) {\n        return this.calendarSystem.arrayToMarker([\n            this.calendarSystem.getMarkerYear(m),\n            this.calendarSystem.getMarkerMonth(m),\n            m.getUTCDate() - ((m.getUTCDay() - this.weekDow + 7) % 7)\n        ]);\n    };\n    // Week Number\n    DateEnv.prototype.computeWeekNumber = function (marker) {\n        if (this.weekNumberFunc) {\n            return this.weekNumberFunc(this.toDate(marker));\n        }\n        else {\n            return weekOfYear(marker, this.weekDow, this.weekDoy);\n        }\n    };\n    // TODO: choke on timeZoneName: long\n    DateEnv.prototype.format = function (marker, formatter, dateOptions) {\n        if (dateOptions === void 0) { dateOptions = {}; }\n        return formatter.format({\n            marker: marker,\n            timeZoneOffset: dateOptions.forcedTzo != null ?\n                dateOptions.forcedTzo :\n                this.offsetForMarker(marker)\n        }, this);\n    };\n    DateEnv.prototype.formatRange = function (start, end, formatter, dateOptions) {\n        if (dateOptions === void 0) { dateOptions = {}; }\n        if (dateOptions.isEndExclusive) {\n            end = addMs(end, -1);\n        }\n        return formatter.formatRange({\n            marker: start,\n            timeZoneOffset: dateOptions.forcedStartTzo != null ?\n                dateOptions.forcedStartTzo :\n                this.offsetForMarker(start)\n        }, {\n            marker: end,\n            timeZoneOffset: dateOptions.forcedEndTzo != null ?\n                dateOptions.forcedEndTzo :\n                this.offsetForMarker(end)\n        }, this);\n    };\n    DateEnv.prototype.formatIso = function (marker, extraOptions) {\n        if (extraOptions === void 0) { extraOptions = {}; }\n        var timeZoneOffset = null;\n        if (!extraOptions.omitTimeZoneOffset) {\n            if (extraOptions.forcedTzo != null) {\n                timeZoneOffset = extraOptions.forcedTzo;\n            }\n            else {\n                timeZoneOffset = this.offsetForMarker(marker);\n            }\n        }\n        return buildIsoString(marker, timeZoneOffset, extraOptions.omitTime);\n    };\n    // TimeZone\n    DateEnv.prototype.timestampToMarker = function (ms) {\n        if (this.timeZone === 'local') {\n            return arrayToUtcDate(dateToLocalArray(new Date(ms)));\n        }\n        else if (this.timeZone === 'UTC' || !this.namedTimeZoneImpl) {\n            return new Date(ms);\n        }\n        else {\n            return arrayToUtcDate(this.namedTimeZoneImpl.timestampToArray(ms));\n        }\n    };\n    DateEnv.prototype.offsetForMarker = function (m) {\n        if (this.timeZone === 'local') {\n            return -arrayToLocalDate(dateToUtcArray(m)).getTimezoneOffset(); // convert \"inverse\" offset to \"normal\" offset\n        }\n        else if (this.timeZone === 'UTC') {\n            return 0;\n        }\n        else if (this.namedTimeZoneImpl) {\n            return this.namedTimeZoneImpl.offsetForArray(dateToUtcArray(m));\n        }\n        return null;\n    };\n    // Conversion\n    DateEnv.prototype.toDate = function (m, forcedTzo) {\n        if (this.timeZone === 'local') {\n            return arrayToLocalDate(dateToUtcArray(m));\n        }\n        else if (this.timeZone === 'UTC') {\n            return new Date(m.valueOf()); // make sure it's a copy\n        }\n        else if (!this.namedTimeZoneImpl) {\n            return new Date(m.valueOf() - (forcedTzo || 0));\n        }\n        else {\n            return new Date(m.valueOf() -\n                this.namedTimeZoneImpl.offsetForArray(dateToUtcArray(m)) * 1000 * 60 // convert minutes -> ms\n            );\n        }\n    };\n    return DateEnv;\n}());\n\nvar SIMPLE_SOURCE_PROPS = {\n    id: String,\n    allDayDefault: Boolean,\n    eventDataTransform: Function,\n    success: Function,\n    failure: Function\n};\nvar uid$2 = 0;\nfunction doesSourceNeedRange(eventSource, calendar) {\n    var defs = calendar.pluginSystem.hooks.eventSourceDefs;\n    return !defs[eventSource.sourceDefId].ignoreRange;\n}\nfunction parseEventSource(raw, calendar) {\n    var defs = calendar.pluginSystem.hooks.eventSourceDefs;\n    for (var i = defs.length - 1; i >= 0; i--) { // later-added plugins take precedence\n        var def = defs[i];\n        var meta = def.parseMeta(raw);\n        if (meta) {\n            var res = parseEventSourceProps(typeof raw === 'object' ? raw : {}, meta, i, calendar);\n            res._raw = raw;\n            return res;\n        }\n    }\n    return null;\n}\nfunction parseEventSourceProps(raw, meta, sourceDefId, calendar) {\n    var leftovers0 = {};\n    var props = refineProps(raw, SIMPLE_SOURCE_PROPS, {}, leftovers0);\n    var leftovers1 = {};\n    var ui = processUnscopedUiProps(leftovers0, calendar, leftovers1);\n    props.isFetching = false;\n    props.latestFetchId = '';\n    props.fetchRange = null;\n    props.publicId = String(raw.id || '');\n    props.sourceId = String(uid$2++);\n    props.sourceDefId = sourceDefId;\n    props.meta = meta;\n    props.ui = ui;\n    props.extendedProps = leftovers1;\n    return props;\n}\n\nfunction reduceEventSources (eventSources, action, dateProfile, calendar) {\n    switch (action.type) {\n        case 'ADD_EVENT_SOURCES': // already parsed\n            return addSources(eventSources, action.sources, dateProfile ? dateProfile.activeRange : null, calendar);\n        case 'REMOVE_EVENT_SOURCE':\n            return removeSource(eventSources, action.sourceId);\n        case 'PREV': // TODO: how do we track all actions that affect dateProfile :(\n        case 'NEXT':\n        case 'SET_DATE':\n        case 'SET_VIEW_TYPE':\n            if (dateProfile) {\n                return fetchDirtySources(eventSources, dateProfile.activeRange, calendar);\n            }\n            else {\n                return eventSources;\n            }\n        case 'FETCH_EVENT_SOURCES':\n        case 'CHANGE_TIMEZONE':\n            return fetchSourcesByIds(eventSources, action.sourceIds ?\n                arrayToHash(action.sourceIds) :\n                excludeStaticSources(eventSources, calendar), dateProfile ? dateProfile.activeRange : null, calendar);\n        case 'RECEIVE_EVENTS':\n        case 'RECEIVE_EVENT_ERROR':\n            return receiveResponse(eventSources, action.sourceId, action.fetchId, action.fetchRange);\n        case 'REMOVE_ALL_EVENT_SOURCES':\n            return {};\n        default:\n            return eventSources;\n    }\n}\nvar uid$3 = 0;\nfunction addSources(eventSourceHash, sources, fetchRange, calendar) {\n    var hash = {};\n    for (var _i = 0, sources_1 = sources; _i < sources_1.length; _i++) {\n        var source = sources_1[_i];\n        hash[source.sourceId] = source;\n    }\n    if (fetchRange) {\n        hash = fetchDirtySources(hash, fetchRange, calendar);\n    }\n    return __assign({}, eventSourceHash, hash);\n}\nfunction removeSource(eventSourceHash, sourceId) {\n    return filterHash(eventSourceHash, function (eventSource) {\n        return eventSource.sourceId !== sourceId;\n    });\n}\nfunction fetchDirtySources(sourceHash, fetchRange, calendar) {\n    return fetchSourcesByIds(sourceHash, filterHash(sourceHash, function (eventSource) {\n        return isSourceDirty(eventSource, fetchRange, calendar);\n    }), fetchRange, calendar);\n}\nfunction isSourceDirty(eventSource, fetchRange, calendar) {\n    if (!doesSourceNeedRange(eventSource, calendar)) {\n        return !eventSource.latestFetchId;\n    }\n    else {\n        return !calendar.opt('lazyFetching') ||\n            !eventSource.fetchRange ||\n            eventSource.isFetching || // always cancel outdated in-progress fetches\n            fetchRange.start < eventSource.fetchRange.start ||\n            fetchRange.end > eventSource.fetchRange.end;\n    }\n}\nfunction fetchSourcesByIds(prevSources, sourceIdHash, fetchRange, calendar) {\n    var nextSources = {};\n    for (var sourceId in prevSources) {\n        var source = prevSources[sourceId];\n        if (sourceIdHash[sourceId]) {\n            nextSources[sourceId] = fetchSource(source, fetchRange, calendar);\n        }\n        else {\n            nextSources[sourceId] = source;\n        }\n    }\n    return nextSources;\n}\nfunction fetchSource(eventSource, fetchRange, calendar) {\n    var sourceDef = calendar.pluginSystem.hooks.eventSourceDefs[eventSource.sourceDefId];\n    var fetchId = String(uid$3++);\n    sourceDef.fetch({\n        eventSource: eventSource,\n        calendar: calendar,\n        range: fetchRange\n    }, function (res) {\n        var rawEvents = res.rawEvents;\n        var calSuccess = calendar.opt('eventSourceSuccess');\n        var calSuccessRes;\n        var sourceSuccessRes;\n        if (eventSource.success) {\n            sourceSuccessRes = eventSource.success(rawEvents, res.xhr);\n        }\n        if (calSuccess) {\n            calSuccessRes = calSuccess(rawEvents, res.xhr);\n        }\n        rawEvents = sourceSuccessRes || calSuccessRes || rawEvents;\n        calendar.dispatch({\n            type: 'RECEIVE_EVENTS',\n            sourceId: eventSource.sourceId,\n            fetchId: fetchId,\n            fetchRange: fetchRange,\n            rawEvents: rawEvents\n        });\n    }, function (error) {\n        var callFailure = calendar.opt('eventSourceFailure');\n        console.warn(error.message, error);\n        if (eventSource.failure) {\n            eventSource.failure(error);\n        }\n        if (callFailure) {\n            callFailure(error);\n        }\n        calendar.dispatch({\n            type: 'RECEIVE_EVENT_ERROR',\n            sourceId: eventSource.sourceId,\n            fetchId: fetchId,\n            fetchRange: fetchRange,\n            error: error\n        });\n    });\n    return __assign({}, eventSource, { isFetching: true, latestFetchId: fetchId });\n}\nfunction receiveResponse(sourceHash, sourceId, fetchId, fetchRange) {\n    var _a;\n    var eventSource = sourceHash[sourceId];\n    if (eventSource && // not already removed\n        fetchId === eventSource.latestFetchId) {\n        return __assign({}, sourceHash, (_a = {}, _a[sourceId] = __assign({}, eventSource, { isFetching: false, fetchRange: fetchRange // also serves as a marker that at least one fetch has completed\n         }), _a));\n    }\n    return sourceHash;\n}\nfunction excludeStaticSources(eventSources, calendar) {\n    return filterHash(eventSources, function (eventSource) {\n        return doesSourceNeedRange(eventSource, calendar);\n    });\n}\n\nvar DateProfileGenerator = /** @class */ (function () {\n    function DateProfileGenerator(viewSpec, calendar) {\n        this.viewSpec = viewSpec;\n        this.options = viewSpec.options;\n        this.dateEnv = calendar.dateEnv;\n        this.calendar = calendar;\n        this.initHiddenDays();\n    }\n    /* Date Range Computation\n    ------------------------------------------------------------------------------------------------------------------*/\n    // Builds a structure with info about what the dates/ranges will be for the \"prev\" view.\n    DateProfileGenerator.prototype.buildPrev = function (currentDateProfile, currentDate) {\n        var dateEnv = this.dateEnv;\n        var prevDate = dateEnv.subtract(dateEnv.startOf(currentDate, currentDateProfile.currentRangeUnit), // important for start-of-month\n        currentDateProfile.dateIncrement);\n        return this.build(prevDate, -1);\n    };\n    // Builds a structure with info about what the dates/ranges will be for the \"next\" view.\n    DateProfileGenerator.prototype.buildNext = function (currentDateProfile, currentDate) {\n        var dateEnv = this.dateEnv;\n        var nextDate = dateEnv.add(dateEnv.startOf(currentDate, currentDateProfile.currentRangeUnit), // important for start-of-month\n        currentDateProfile.dateIncrement);\n        return this.build(nextDate, 1);\n    };\n    // Builds a structure holding dates/ranges for rendering around the given date.\n    // Optional direction param indicates whether the date is being incremented/decremented\n    // from its previous value. decremented = -1, incremented = 1 (default).\n    DateProfileGenerator.prototype.build = function (currentDate, direction, forceToValid) {\n        if (forceToValid === void 0) { forceToValid = false; }\n        var validRange;\n        var minTime = null;\n        var maxTime = null;\n        var currentInfo;\n        var isRangeAllDay;\n        var renderRange;\n        var activeRange;\n        var isValid;\n        validRange = this.buildValidRange();\n        validRange = this.trimHiddenDays(validRange);\n        if (forceToValid) {\n            currentDate = constrainMarkerToRange(currentDate, validRange);\n        }\n        currentInfo = this.buildCurrentRangeInfo(currentDate, direction);\n        isRangeAllDay = /^(year|month|week|day)$/.test(currentInfo.unit);\n        renderRange = this.buildRenderRange(this.trimHiddenDays(currentInfo.range), currentInfo.unit, isRangeAllDay);\n        renderRange = this.trimHiddenDays(renderRange);\n        activeRange = renderRange;\n        if (!this.options.showNonCurrentDates) {\n            activeRange = intersectRanges(activeRange, currentInfo.range);\n        }\n        minTime = createDuration(this.options.minTime);\n        maxTime = createDuration(this.options.maxTime);\n        activeRange = this.adjustActiveRange(activeRange, minTime, maxTime);\n        activeRange = intersectRanges(activeRange, validRange); // might return null\n        // it's invalid if the originally requested date is not contained,\n        // or if the range is completely outside of the valid range.\n        isValid = rangesIntersect(currentInfo.range, validRange);\n        return {\n            // constraint for where prev/next operations can go and where events can be dragged/resized to.\n            // an object with optional start and end properties.\n            validRange: validRange,\n            // range the view is formally responsible for.\n            // for example, a month view might have 1st-31st, excluding padded dates\n            currentRange: currentInfo.range,\n            // name of largest unit being displayed, like \"month\" or \"week\"\n            currentRangeUnit: currentInfo.unit,\n            isRangeAllDay: isRangeAllDay,\n            // dates that display events and accept drag-n-drop\n            // will be `null` if no dates accept events\n            activeRange: activeRange,\n            // date range with a rendered skeleton\n            // includes not-active days that need some sort of DOM\n            renderRange: renderRange,\n            // Duration object that denotes the first visible time of any given day\n            minTime: minTime,\n            // Duration object that denotes the exclusive visible end time of any given day\n            maxTime: maxTime,\n            isValid: isValid,\n            // how far the current date will move for a prev/next operation\n            dateIncrement: this.buildDateIncrement(currentInfo.duration)\n            // pass a fallback (might be null) ^\n        };\n    };\n    // Builds an object with optional start/end properties.\n    // Indicates the minimum/maximum dates to display.\n    // not responsible for trimming hidden days.\n    DateProfileGenerator.prototype.buildValidRange = function () {\n        return this.getRangeOption('validRange', this.calendar.getNow()) ||\n            { start: null, end: null }; // completely open-ended\n    };\n    // Builds a structure with info about the \"current\" range, the range that is\n    // highlighted as being the current month for example.\n    // See build() for a description of `direction`.\n    // Guaranteed to have `range` and `unit` properties. `duration` is optional.\n    DateProfileGenerator.prototype.buildCurrentRangeInfo = function (date, direction) {\n        var _a = this, viewSpec = _a.viewSpec, dateEnv = _a.dateEnv;\n        var duration = null;\n        var unit = null;\n        var range = null;\n        var dayCount;\n        if (viewSpec.duration) {\n            duration = viewSpec.duration;\n            unit = viewSpec.durationUnit;\n            range = this.buildRangeFromDuration(date, direction, duration, unit);\n        }\n        else if ((dayCount = this.options.dayCount)) {\n            unit = 'day';\n            range = this.buildRangeFromDayCount(date, direction, dayCount);\n        }\n        else if ((range = this.buildCustomVisibleRange(date))) {\n            unit = dateEnv.greatestWholeUnit(range.start, range.end).unit;\n        }\n        else {\n            duration = this.getFallbackDuration();\n            unit = greatestDurationDenominator(duration).unit;\n            range = this.buildRangeFromDuration(date, direction, duration, unit);\n        }\n        return { duration: duration, unit: unit, range: range };\n    };\n    DateProfileGenerator.prototype.getFallbackDuration = function () {\n        return createDuration({ day: 1 });\n    };\n    // Returns a new activeRange to have time values (un-ambiguate)\n    // minTime or maxTime causes the range to expand.\n    DateProfileGenerator.prototype.adjustActiveRange = function (range, minTime, maxTime) {\n        var dateEnv = this.dateEnv;\n        var start = range.start;\n        var end = range.end;\n        if (this.viewSpec.class.prototype.usesMinMaxTime) {\n            // expand active range if minTime is negative (why not when positive?)\n            if (asRoughDays(minTime) < 0) {\n                start = startOfDay(start); // necessary?\n                start = dateEnv.add(start, minTime);\n            }\n            // expand active range if maxTime is beyond one day (why not when positive?)\n            if (asRoughDays(maxTime) > 1) {\n                end = startOfDay(end); // necessary?\n                end = addDays(end, -1);\n                end = dateEnv.add(end, maxTime);\n            }\n        }\n        return { start: start, end: end };\n    };\n    // Builds the \"current\" range when it is specified as an explicit duration.\n    // `unit` is the already-computed greatestDurationDenominator unit of duration.\n    DateProfileGenerator.prototype.buildRangeFromDuration = function (date, direction, duration, unit) {\n        var dateEnv = this.dateEnv;\n        var alignment = this.options.dateAlignment;\n        var dateIncrementInput;\n        var dateIncrementDuration;\n        var start;\n        var end;\n        var res;\n        // compute what the alignment should be\n        if (!alignment) {\n            dateIncrementInput = this.options.dateIncrement;\n            if (dateIncrementInput) {\n                dateIncrementDuration = createDuration(dateIncrementInput);\n                // use the smaller of the two units\n                if (asRoughMs(dateIncrementDuration) < asRoughMs(duration)) {\n                    alignment = greatestDurationDenominator(dateIncrementDuration, !getWeeksFromInput(dateIncrementInput)).unit;\n                }\n                else {\n                    alignment = unit;\n                }\n            }\n            else {\n                alignment = unit;\n            }\n        }\n        // if the view displays a single day or smaller\n        if (asRoughDays(duration) <= 1) {\n            if (this.isHiddenDay(start)) {\n                start = this.skipHiddenDays(start, direction);\n                start = startOfDay(start);\n            }\n        }\n        function computeRes() {\n            start = dateEnv.startOf(date, alignment);\n            end = dateEnv.add(start, duration);\n            res = { start: start, end: end };\n        }\n        computeRes();\n        // if range is completely enveloped by hidden days, go past the hidden days\n        if (!this.trimHiddenDays(res)) {\n            date = this.skipHiddenDays(date, direction);\n            computeRes();\n        }\n        return res;\n    };\n    // Builds the \"current\" range when a dayCount is specified.\n    DateProfileGenerator.prototype.buildRangeFromDayCount = function (date, direction, dayCount) {\n        var dateEnv = this.dateEnv;\n        var customAlignment = this.options.dateAlignment;\n        var runningCount = 0;\n        var start = date;\n        var end;\n        if (customAlignment) {\n            start = dateEnv.startOf(start, customAlignment);\n        }\n        start = startOfDay(start);\n        start = this.skipHiddenDays(start, direction);\n        end = start;\n        do {\n            end = addDays(end, 1);\n            if (!this.isHiddenDay(end)) {\n                runningCount++;\n            }\n        } while (runningCount < dayCount);\n        return { start: start, end: end };\n    };\n    // Builds a normalized range object for the \"visible\" range,\n    // which is a way to define the currentRange and activeRange at the same time.\n    DateProfileGenerator.prototype.buildCustomVisibleRange = function (date) {\n        var dateEnv = this.dateEnv;\n        var visibleRange = this.getRangeOption('visibleRange', dateEnv.toDate(date));\n        if (visibleRange && (visibleRange.start == null || visibleRange.end == null)) {\n            return null;\n        }\n        return visibleRange;\n    };\n    // Computes the range that will represent the element/cells for *rendering*,\n    // but which may have voided days/times.\n    // not responsible for trimming hidden days.\n    DateProfileGenerator.prototype.buildRenderRange = function (currentRange, currentRangeUnit, isRangeAllDay) {\n        return currentRange;\n    };\n    // Compute the duration value that should be added/substracted to the current date\n    // when a prev/next operation happens.\n    DateProfileGenerator.prototype.buildDateIncrement = function (fallback) {\n        var dateIncrementInput = this.options.dateIncrement;\n        var customAlignment;\n        if (dateIncrementInput) {\n            return createDuration(dateIncrementInput);\n        }\n        else if ((customAlignment = this.options.dateAlignment)) {\n            return createDuration(1, customAlignment);\n        }\n        else if (fallback) {\n            return fallback;\n        }\n        else {\n            return createDuration({ days: 1 });\n        }\n    };\n    // Arguments after name will be forwarded to a hypothetical function value\n    // WARNING: passed-in arguments will be given to generator functions as-is and can cause side-effects.\n    // Always clone your objects if you fear mutation.\n    DateProfileGenerator.prototype.getRangeOption = function (name) {\n        var otherArgs = [];\n        for (var _i = 1; _i < arguments.length; _i++) {\n            otherArgs[_i - 1] = arguments[_i];\n        }\n        var val = this.options[name];\n        if (typeof val === 'function') {\n            val = val.apply(null, otherArgs);\n        }\n        if (val) {\n            val = parseRange(val, this.dateEnv);\n        }\n        if (val) {\n            val = computeVisibleDayRange(val);\n        }\n        return val;\n    };\n    /* Hidden Days\n    ------------------------------------------------------------------------------------------------------------------*/\n    // Initializes internal variables related to calculating hidden days-of-week\n    DateProfileGenerator.prototype.initHiddenDays = function () {\n        var hiddenDays = this.options.hiddenDays || []; // array of day-of-week indices that are hidden\n        var isHiddenDayHash = []; // is the day-of-week hidden? (hash with day-of-week-index -> bool)\n        var dayCnt = 0;\n        var i;\n        if (this.options.weekends === false) {\n            hiddenDays.push(0, 6); // 0=sunday, 6=saturday\n        }\n        for (i = 0; i < 7; i++) {\n            if (!(isHiddenDayHash[i] = hiddenDays.indexOf(i) !== -1)) {\n                dayCnt++;\n            }\n        }\n        if (!dayCnt) {\n            throw new Error('invalid hiddenDays'); // all days were hidden? bad.\n        }\n        this.isHiddenDayHash = isHiddenDayHash;\n    };\n    // Remove days from the beginning and end of the range that are computed as hidden.\n    // If the whole range is trimmed off, returns null\n    DateProfileGenerator.prototype.trimHiddenDays = function (range) {\n        var start = range.start;\n        var end = range.end;\n        if (start) {\n            start = this.skipHiddenDays(start);\n        }\n        if (end) {\n            end = this.skipHiddenDays(end, -1, true);\n        }\n        if (start == null || end == null || start < end) {\n            return { start: start, end: end };\n        }\n        return null;\n    };\n    // Is the current day hidden?\n    // `day` is a day-of-week index (0-6), or a Date (used for UTC)\n    DateProfileGenerator.prototype.isHiddenDay = function (day) {\n        if (day instanceof Date) {\n            day = day.getUTCDay();\n        }\n        return this.isHiddenDayHash[day];\n    };\n    // Incrementing the current day until it is no longer a hidden day, returning a copy.\n    // DOES NOT CONSIDER validRange!\n    // If the initial value of `date` is not a hidden day, don't do anything.\n    // Pass `isExclusive` as `true` if you are dealing with an end date.\n    // `inc` defaults to `1` (increment one day forward each time)\n    DateProfileGenerator.prototype.skipHiddenDays = function (date, inc, isExclusive) {\n        if (inc === void 0) { inc = 1; }\n        if (isExclusive === void 0) { isExclusive = false; }\n        while (this.isHiddenDayHash[(date.getUTCDay() + (isExclusive ? inc : 0) + 7) % 7]) {\n            date = addDays(date, inc);\n        }\n        return date;\n    };\n    return DateProfileGenerator;\n}());\n// TODO: find a way to avoid comparing DateProfiles. it's tedious\nfunction isDateProfilesEqual(p0, p1) {\n    return rangesEqual(p0.validRange, p1.validRange) &&\n        rangesEqual(p0.activeRange, p1.activeRange) &&\n        rangesEqual(p0.renderRange, p1.renderRange) &&\n        durationsEqual(p0.minTime, p1.minTime) &&\n        durationsEqual(p0.maxTime, p1.maxTime);\n    /*\n    TODO: compare more?\n      currentRange: DateRange\n      currentRangeUnit: string\n      isRangeAllDay: boolean\n      isValid: boolean\n      dateIncrement: Duration\n    */\n}\n\nfunction reduce (state, action, calendar) {\n    var viewType = reduceViewType(state.viewType, action);\n    var dateProfile = reduceDateProfile(state.dateProfile, action, state.currentDate, viewType, calendar);\n    var eventSources = reduceEventSources(state.eventSources, action, dateProfile, calendar);\n    var nextState = __assign({}, state, { viewType: viewType,\n        dateProfile: dateProfile, currentDate: reduceCurrentDate(state.currentDate, action, dateProfile), eventSources: eventSources, eventStore: reduceEventStore(state.eventStore, action, eventSources, dateProfile, calendar), dateSelection: reduceDateSelection(state.dateSelection, action, calendar), eventSelection: reduceSelectedEvent(state.eventSelection, action), eventDrag: reduceEventDrag(state.eventDrag, action, eventSources, calendar), eventResize: reduceEventResize(state.eventResize, action, eventSources, calendar), eventSourceLoadingLevel: computeLoadingLevel(eventSources), loadingLevel: computeLoadingLevel(eventSources) });\n    for (var _i = 0, _a = calendar.pluginSystem.hooks.reducers; _i < _a.length; _i++) {\n        var reducerFunc = _a[_i];\n        nextState = reducerFunc(nextState, action, calendar);\n    }\n    // console.log(action.type, nextState)\n    return nextState;\n}\nfunction reduceViewType(currentViewType, action) {\n    switch (action.type) {\n        case 'SET_VIEW_TYPE':\n            return action.viewType;\n        default:\n            return currentViewType;\n    }\n}\nfunction reduceDateProfile(currentDateProfile, action, currentDate, viewType, calendar) {\n    var newDateProfile;\n    switch (action.type) {\n        case 'PREV':\n            newDateProfile = calendar.dateProfileGenerators[viewType].buildPrev(currentDateProfile, currentDate);\n            break;\n        case 'NEXT':\n            newDateProfile = calendar.dateProfileGenerators[viewType].buildNext(currentDateProfile, currentDate);\n            break;\n        case 'SET_DATE':\n            if (!currentDateProfile.activeRange ||\n                !rangeContainsMarker(currentDateProfile.currentRange, action.dateMarker)) {\n                newDateProfile = calendar.dateProfileGenerators[viewType].build(action.dateMarker, undefined, true // forceToValid\n                );\n            }\n            break;\n        case 'SET_VIEW_TYPE':\n            var generator = calendar.dateProfileGenerators[viewType];\n            if (!generator) {\n                throw new Error(viewType ?\n                    'The FullCalendar view \"' + viewType + '\" does not exist. Make sure your plugins are loaded correctly.' :\n                    'No available FullCalendar view plugins.');\n            }\n            newDateProfile = generator.build(action.dateMarker || currentDate, undefined, true // forceToValid\n            );\n            break;\n    }\n    if (newDateProfile &&\n        newDateProfile.isValid &&\n        !(currentDateProfile && isDateProfilesEqual(currentDateProfile, newDateProfile))) {\n        return newDateProfile;\n    }\n    else {\n        return currentDateProfile;\n    }\n}\nfunction reduceCurrentDate(currentDate, action, dateProfile) {\n    switch (action.type) {\n        case 'PREV':\n        case 'NEXT':\n            if (!rangeContainsMarker(dateProfile.currentRange, currentDate)) {\n                return dateProfile.currentRange.start;\n            }\n            else {\n                return currentDate;\n            }\n        case 'SET_DATE':\n        case 'SET_VIEW_TYPE':\n            var newDate = action.dateMarker || currentDate;\n            if (dateProfile.activeRange && !rangeContainsMarker(dateProfile.activeRange, newDate)) {\n                return dateProfile.currentRange.start;\n            }\n            else {\n                return newDate;\n            }\n        default:\n            return currentDate;\n    }\n}\nfunction reduceDateSelection(currentSelection, action, calendar) {\n    switch (action.type) {\n        case 'SELECT_DATES':\n            return action.selection;\n        case 'UNSELECT_DATES':\n            return null;\n        default:\n            return currentSelection;\n    }\n}\nfunction reduceSelectedEvent(currentInstanceId, action) {\n    switch (action.type) {\n        case 'SELECT_EVENT':\n            return action.eventInstanceId;\n        case 'UNSELECT_EVENT':\n            return '';\n        default:\n            return currentInstanceId;\n    }\n}\nfunction reduceEventDrag(currentDrag, action, sources, calendar) {\n    switch (action.type) {\n        case 'SET_EVENT_DRAG':\n            var newDrag = action.state;\n            return {\n                affectedEvents: newDrag.affectedEvents,\n                mutatedEvents: newDrag.mutatedEvents,\n                isEvent: newDrag.isEvent,\n                origSeg: newDrag.origSeg\n            };\n        case 'UNSET_EVENT_DRAG':\n            return null;\n        default:\n            return currentDrag;\n    }\n}\nfunction reduceEventResize(currentResize, action, sources, calendar) {\n    switch (action.type) {\n        case 'SET_EVENT_RESIZE':\n            var newResize = action.state;\n            return {\n                affectedEvents: newResize.affectedEvents,\n                mutatedEvents: newResize.mutatedEvents,\n                isEvent: newResize.isEvent,\n                origSeg: newResize.origSeg\n            };\n        case 'UNSET_EVENT_RESIZE':\n            return null;\n        default:\n            return currentResize;\n    }\n}\nfunction computeLoadingLevel(eventSources) {\n    var cnt = 0;\n    for (var sourceId in eventSources) {\n        if (eventSources[sourceId].isFetching) {\n            cnt++;\n        }\n    }\n    return cnt;\n}\n\nvar STANDARD_PROPS = {\n    start: null,\n    end: null,\n    allDay: Boolean\n};\nfunction parseDateSpan(raw, dateEnv, defaultDuration) {\n    var span = parseOpenDateSpan(raw, dateEnv);\n    var range = span.range;\n    if (!range.start) {\n        return null;\n    }\n    if (!range.end) {\n        if (defaultDuration == null) {\n            return null;\n        }\n        else {\n            range.end = dateEnv.add(range.start, defaultDuration);\n        }\n    }\n    return span;\n}\n/*\nTODO: somehow combine with parseRange?\nWill return null if the start/end props were present but parsed invalidly.\n*/\nfunction parseOpenDateSpan(raw, dateEnv) {\n    var leftovers = {};\n    var standardProps = refineProps(raw, STANDARD_PROPS, {}, leftovers);\n    var startMeta = standardProps.start ? dateEnv.createMarkerMeta(standardProps.start) : null;\n    var endMeta = standardProps.end ? dateEnv.createMarkerMeta(standardProps.end) : null;\n    var allDay = standardProps.allDay;\n    if (allDay == null) {\n        allDay = (startMeta && startMeta.isTimeUnspecified) &&\n            (!endMeta || endMeta.isTimeUnspecified);\n    }\n    // use this leftover object as the selection object\n    leftovers.range = {\n        start: startMeta ? startMeta.marker : null,\n        end: endMeta ? endMeta.marker : null\n    };\n    leftovers.allDay = allDay;\n    return leftovers;\n}\nfunction isDateSpansEqual(span0, span1) {\n    return rangesEqual(span0.range, span1.range) &&\n        span0.allDay === span1.allDay &&\n        isSpanPropsEqual(span0, span1);\n}\n// the NON-DATE-RELATED props\nfunction isSpanPropsEqual(span0, span1) {\n    for (var propName in span1) {\n        if (propName !== 'range' && propName !== 'allDay') {\n            if (span0[propName] !== span1[propName]) {\n                return false;\n            }\n        }\n    }\n    // are there any props that span0 has that span1 DOESN'T have?\n    // both have range/allDay, so no need to special-case.\n    for (var propName in span0) {\n        if (!(propName in span1)) {\n            return false;\n        }\n    }\n    return true;\n}\nfunction buildDateSpanApi(span, dateEnv) {\n    return {\n        start: dateEnv.toDate(span.range.start),\n        end: dateEnv.toDate(span.range.end),\n        startStr: dateEnv.formatIso(span.range.start, { omitTime: span.allDay }),\n        endStr: dateEnv.formatIso(span.range.end, { omitTime: span.allDay }),\n        allDay: span.allDay\n    };\n}\nfunction buildDatePointApi(span, dateEnv) {\n    return {\n        date: dateEnv.toDate(span.range.start),\n        dateStr: dateEnv.formatIso(span.range.start, { omitTime: span.allDay }),\n        allDay: span.allDay\n    };\n}\nfunction fabricateEventRange(dateSpan, eventUiBases, calendar) {\n    var def = parseEventDef({ editable: false }, '', // sourceId\n    dateSpan.allDay, true, // hasEnd\n    calendar);\n    return {\n        def: def,\n        ui: compileEventUi(def, eventUiBases),\n        instance: createEventInstance(def.defId, dateSpan.range),\n        range: dateSpan.range,\n        isStart: true,\n        isEnd: true\n    };\n}\n\nfunction compileViewDefs(defaultConfigs, overrideConfigs) {\n    var hash = {};\n    var viewType;\n    for (viewType in defaultConfigs) {\n        ensureViewDef(viewType, hash, defaultConfigs, overrideConfigs);\n    }\n    for (viewType in overrideConfigs) {\n        ensureViewDef(viewType, hash, defaultConfigs, overrideConfigs);\n    }\n    return hash;\n}\nfunction ensureViewDef(viewType, hash, defaultConfigs, overrideConfigs) {\n    if (hash[viewType]) {\n        return hash[viewType];\n    }\n    var viewDef = buildViewDef(viewType, hash, defaultConfigs, overrideConfigs);\n    if (viewDef) {\n        hash[viewType] = viewDef;\n    }\n    return viewDef;\n}\nfunction buildViewDef(viewType, hash, defaultConfigs, overrideConfigs) {\n    var defaultConfig = defaultConfigs[viewType];\n    var overrideConfig = overrideConfigs[viewType];\n    var queryProp = function (name) {\n        return (defaultConfig && defaultConfig[name] !== null) ? defaultConfig[name] :\n            ((overrideConfig && overrideConfig[name] !== null) ? overrideConfig[name] : null);\n    };\n    var theClass = queryProp('class');\n    var superType = queryProp('superType');\n    if (!superType && theClass) {\n        superType =\n            findViewNameBySubclass(theClass, overrideConfigs) ||\n                findViewNameBySubclass(theClass, defaultConfigs);\n    }\n    var superDef = null;\n    if (superType) {\n        if (superType === viewType) {\n            throw new Error('Can\\'t have a custom view type that references itself');\n        }\n        superDef = ensureViewDef(superType, hash, defaultConfigs, overrideConfigs);\n    }\n    if (!theClass && superDef) {\n        theClass = superDef.class;\n    }\n    if (!theClass) {\n        return null; // don't throw a warning, might be settings for a single-unit view\n    }\n    return {\n        type: viewType,\n        class: theClass,\n        defaults: __assign({}, (superDef ? superDef.defaults : {}), (defaultConfig ? defaultConfig.options : {})),\n        overrides: __assign({}, (superDef ? superDef.overrides : {}), (overrideConfig ? overrideConfig.options : {}))\n    };\n}\nfunction findViewNameBySubclass(viewSubclass, configs) {\n    var superProto = Object.getPrototypeOf(viewSubclass.prototype);\n    for (var viewType in configs) {\n        var parsed = configs[viewType];\n        // need DIRECT subclass, so instanceof won't do it\n        if (parsed.class && parsed.class.prototype === superProto) {\n            return viewType;\n        }\n    }\n    return '';\n}\n\nfunction parseViewConfigs(inputs) {\n    return mapHash(inputs, parseViewConfig);\n}\nvar VIEW_DEF_PROPS = {\n    type: String,\n    class: null\n};\nfunction parseViewConfig(input) {\n    if (typeof input === 'function') {\n        input = { class: input };\n    }\n    var options = {};\n    var props = refineProps(input, VIEW_DEF_PROPS, {}, options);\n    return {\n        superType: props.type,\n        class: props.class,\n        options: options\n    };\n}\n\nfunction buildViewSpecs(defaultInputs, optionsManager) {\n    var defaultConfigs = parseViewConfigs(defaultInputs);\n    var overrideConfigs = parseViewConfigs(optionsManager.overrides.views);\n    var viewDefs = compileViewDefs(defaultConfigs, overrideConfigs);\n    return mapHash(viewDefs, function (viewDef) {\n        return buildViewSpec(viewDef, overrideConfigs, optionsManager);\n    });\n}\nfunction buildViewSpec(viewDef, overrideConfigs, optionsManager) {\n    var durationInput = viewDef.overrides.duration ||\n        viewDef.defaults.duration ||\n        optionsManager.dynamicOverrides.duration ||\n        optionsManager.overrides.duration;\n    var duration = null;\n    var durationUnit = '';\n    var singleUnit = '';\n    var singleUnitOverrides = {};\n    if (durationInput) {\n        duration = createDuration(durationInput);\n        if (duration) { // valid?\n            var denom = greatestDurationDenominator(duration, !getWeeksFromInput(durationInput));\n            durationUnit = denom.unit;\n            if (denom.value === 1) {\n                singleUnit = durationUnit;\n                singleUnitOverrides = overrideConfigs[durationUnit] ? overrideConfigs[durationUnit].options : {};\n            }\n        }\n    }\n    var queryButtonText = function (options) {\n        var buttonTextMap = options.buttonText || {};\n        var buttonTextKey = viewDef.defaults.buttonTextKey;\n        if (buttonTextKey != null && buttonTextMap[buttonTextKey] != null) {\n            return buttonTextMap[buttonTextKey];\n        }\n        if (buttonTextMap[viewDef.type] != null) {\n            return buttonTextMap[viewDef.type];\n        }\n        if (buttonTextMap[singleUnit] != null) {\n            return buttonTextMap[singleUnit];\n        }\n    };\n    return {\n        type: viewDef.type,\n        class: viewDef.class,\n        duration: duration,\n        durationUnit: durationUnit,\n        singleUnit: singleUnit,\n        options: __assign({}, globalDefaults, viewDef.defaults, optionsManager.dirDefaults, optionsManager.localeDefaults, optionsManager.overrides, singleUnitOverrides, viewDef.overrides, optionsManager.dynamicOverrides),\n        buttonTextOverride: queryButtonText(optionsManager.dynamicOverrides) ||\n            queryButtonText(optionsManager.overrides) || // constructor-specified buttonText lookup hash takes precedence\n            viewDef.overrides.buttonText,\n        buttonTextDefault: queryButtonText(optionsManager.localeDefaults) ||\n            queryButtonText(optionsManager.dirDefaults) ||\n            viewDef.defaults.buttonText ||\n            queryButtonText(globalDefaults) ||\n            viewDef.type // fall back to given view name\n    };\n}\n\nvar Toolbar = /** @class */ (function (_super) {\n    __extends(Toolbar, _super);\n    function Toolbar(extraClassName) {\n        var _this = _super.call(this) || this;\n        _this._renderLayout = memoizeRendering(_this.renderLayout, _this.unrenderLayout);\n        _this._updateTitle = memoizeRendering(_this.updateTitle, null, [_this._renderLayout]);\n        _this._updateActiveButton = memoizeRendering(_this.updateActiveButton, null, [_this._renderLayout]);\n        _this._updateToday = memoizeRendering(_this.updateToday, null, [_this._renderLayout]);\n        _this._updatePrev = memoizeRendering(_this.updatePrev, null, [_this._renderLayout]);\n        _this._updateNext = memoizeRendering(_this.updateNext, null, [_this._renderLayout]);\n        _this.el = createElement('div', { className: 'fc-toolbar ' + extraClassName });\n        return _this;\n    }\n    Toolbar.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this._renderLayout.unrender(); // should unrender everything else\n        removeElement(this.el);\n    };\n    Toolbar.prototype.render = function (props) {\n        this._renderLayout(props.layout);\n        this._updateTitle(props.title);\n        this._updateActiveButton(props.activeButton);\n        this._updateToday(props.isTodayEnabled);\n        this._updatePrev(props.isPrevEnabled);\n        this._updateNext(props.isNextEnabled);\n    };\n    Toolbar.prototype.renderLayout = function (layout) {\n        var el = this.el;\n        this.viewsWithButtons = [];\n        appendToElement(el, this.renderSection('left', layout.left));\n        appendToElement(el, this.renderSection('center', layout.center));\n        appendToElement(el, this.renderSection('right', layout.right));\n    };\n    Toolbar.prototype.unrenderLayout = function () {\n        this.el.innerHTML = '';\n    };\n    Toolbar.prototype.renderSection = function (position, buttonStr) {\n        var _this = this;\n        var _a = this.context, theme = _a.theme, calendar = _a.calendar;\n        var optionsManager = calendar.optionsManager;\n        var viewSpecs = calendar.viewSpecs;\n        var sectionEl = createElement('div', { className: 'fc-' + position });\n        var calendarCustomButtons = optionsManager.computed.customButtons || {};\n        var calendarButtonTextOverrides = optionsManager.overrides.buttonText || {};\n        var calendarButtonText = optionsManager.computed.buttonText || {};\n        if (buttonStr) {\n            buttonStr.split(' ').forEach(function (buttonGroupStr, i) {\n                var groupChildren = [];\n                var isOnlyButtons = true;\n                var groupEl;\n                buttonGroupStr.split(',').forEach(function (buttonName, j) {\n                    var customButtonProps;\n                    var viewSpec;\n                    var buttonClick;\n                    var buttonIcon; // only one of these will be set\n                    var buttonText; // \"\n                    var buttonInnerHtml;\n                    var buttonClasses;\n                    var buttonEl;\n                    var buttonAriaAttr;\n                    if (buttonName === 'title') {\n                        groupChildren.push(htmlToElement('<h2>&nbsp;</h2>')); // we always want it to take up height\n                        isOnlyButtons = false;\n                    }\n                    else {\n                        if ((customButtonProps = calendarCustomButtons[buttonName])) {\n                            buttonClick = function (ev) {\n                                if (customButtonProps.click) {\n                                    customButtonProps.click.call(buttonEl, ev);\n                                }\n                            };\n                            (buttonIcon = theme.getCustomButtonIconClass(customButtonProps)) ||\n                                (buttonIcon = theme.getIconClass(buttonName)) ||\n                                (buttonText = customButtonProps.text);\n                        }\n                        else if ((viewSpec = viewSpecs[buttonName])) {\n                            _this.viewsWithButtons.push(buttonName);\n                            buttonClick = function () {\n                                calendar.changeView(buttonName);\n                            };\n                            (buttonText = viewSpec.buttonTextOverride) ||\n                                (buttonIcon = theme.getIconClass(buttonName)) ||\n                                (buttonText = viewSpec.buttonTextDefault);\n                        }\n                        else if (calendar[buttonName]) { // a calendar method\n                            buttonClick = function () {\n                                calendar[buttonName]();\n                            };\n                            (buttonText = calendarButtonTextOverrides[buttonName]) ||\n                                (buttonIcon = theme.getIconClass(buttonName)) ||\n                                (buttonText = calendarButtonText[buttonName]);\n                            //            ^ everything else is considered default\n                        }\n                        if (buttonClick) {\n                            buttonClasses = [\n                                'fc-' + buttonName + '-button',\n                                theme.getClass('button')\n                            ];\n                            if (buttonText) {\n                                buttonInnerHtml = htmlEscape(buttonText);\n                                buttonAriaAttr = '';\n                            }\n                            else if (buttonIcon) {\n                                buttonInnerHtml = \"<span class='\" + buttonIcon + \"'></span>\";\n                                buttonAriaAttr = ' aria-label=\"' + buttonName + '\"';\n                            }\n                            buttonEl = htmlToElement(// type=\"button\" so that it doesn't submit a form\n                            '<button type=\"button\" class=\"' + buttonClasses.join(' ') + '\"' +\n                                buttonAriaAttr +\n                                '>' + buttonInnerHtml + '</button>');\n                            buttonEl.addEventListener('click', buttonClick);\n                            groupChildren.push(buttonEl);\n                        }\n                    }\n                });\n                if (groupChildren.length > 1) {\n                    groupEl = document.createElement('div');\n                    var buttonGroupClassName = theme.getClass('buttonGroup');\n                    if (isOnlyButtons && buttonGroupClassName) {\n                        groupEl.classList.add(buttonGroupClassName);\n                    }\n                    appendToElement(groupEl, groupChildren);\n                    sectionEl.appendChild(groupEl);\n                }\n                else {\n                    appendToElement(sectionEl, groupChildren); // 1 or 0 children\n                }\n            });\n        }\n        return sectionEl;\n    };\n    Toolbar.prototype.updateToday = function (isTodayEnabled) {\n        this.toggleButtonEnabled('today', isTodayEnabled);\n    };\n    Toolbar.prototype.updatePrev = function (isPrevEnabled) {\n        this.toggleButtonEnabled('prev', isPrevEnabled);\n    };\n    Toolbar.prototype.updateNext = function (isNextEnabled) {\n        this.toggleButtonEnabled('next', isNextEnabled);\n    };\n    Toolbar.prototype.updateTitle = function (text) {\n        findElements(this.el, 'h2').forEach(function (titleEl) {\n            titleEl.innerText = text;\n        });\n    };\n    Toolbar.prototype.updateActiveButton = function (buttonName) {\n        var theme = this.context.theme;\n        var className = theme.getClass('buttonActive');\n        findElements(this.el, 'button').forEach(function (buttonEl) {\n            if (buttonName && buttonEl.classList.contains('fc-' + buttonName + '-button')) {\n                buttonEl.classList.add(className);\n            }\n            else {\n                buttonEl.classList.remove(className);\n            }\n        });\n    };\n    Toolbar.prototype.toggleButtonEnabled = function (buttonName, bool) {\n        findElements(this.el, '.fc-' + buttonName + '-button').forEach(function (buttonEl) {\n            buttonEl.disabled = !bool;\n        });\n    };\n    return Toolbar;\n}(Component));\n\nvar CalendarComponent = /** @class */ (function (_super) {\n    __extends(CalendarComponent, _super);\n    function CalendarComponent(el) {\n        var _this = _super.call(this) || this;\n        _this.elClassNames = [];\n        _this.renderSkeleton = memoizeRendering(_this._renderSkeleton, _this._unrenderSkeleton);\n        _this.renderToolbars = memoizeRendering(_this._renderToolbars, _this._unrenderToolbars, [_this.renderSkeleton]);\n        _this.buildComponentContext = memoize(buildComponentContext);\n        _this.buildViewPropTransformers = memoize(buildViewPropTransformers);\n        _this.el = el;\n        _this.computeTitle = memoize(computeTitle);\n        _this.parseBusinessHours = memoize(function (input) {\n            return parseBusinessHours(input, _this.context.calendar);\n        });\n        return _this;\n    }\n    CalendarComponent.prototype.render = function (props, context) {\n        this.freezeHeight();\n        var title = this.computeTitle(props.dateProfile, props.viewSpec.options);\n        this.renderSkeleton(context);\n        this.renderToolbars(props.viewSpec, props.dateProfile, props.currentDate, title);\n        this.renderView(props, title);\n        this.updateSize();\n        this.thawHeight();\n    };\n    CalendarComponent.prototype.destroy = function () {\n        if (this.header) {\n            this.header.destroy();\n        }\n        if (this.footer) {\n            this.footer.destroy();\n        }\n        this.renderSkeleton.unrender(); // will call destroyView\n        _super.prototype.destroy.call(this);\n    };\n    CalendarComponent.prototype._renderSkeleton = function (context) {\n        this.updateElClassNames(context);\n        prependToElement(this.el, this.contentEl = createElement('div', { className: 'fc-view-container' }));\n        var calendar = context.calendar;\n        for (var _i = 0, _a = calendar.pluginSystem.hooks.viewContainerModifiers; _i < _a.length; _i++) {\n            var modifyViewContainer = _a[_i];\n            modifyViewContainer(this.contentEl, calendar);\n        }\n    };\n    CalendarComponent.prototype._unrenderSkeleton = function () {\n        // weird to have this here\n        if (this.view) {\n            this.savedScroll = this.view.queryScroll();\n            this.view.destroy();\n            this.view = null;\n        }\n        removeElement(this.contentEl);\n        this.removeElClassNames();\n    };\n    CalendarComponent.prototype.removeElClassNames = function () {\n        var classList = this.el.classList;\n        for (var _i = 0, _a = this.elClassNames; _i < _a.length; _i++) {\n            var className = _a[_i];\n            classList.remove(className);\n        }\n        this.elClassNames = [];\n    };\n    CalendarComponent.prototype.updateElClassNames = function (context) {\n        this.removeElClassNames();\n        var theme = context.theme, options = context.options;\n        this.elClassNames = [\n            'fc',\n            'fc-' + options.dir,\n            theme.getClass('widget')\n        ];\n        var classList = this.el.classList;\n        for (var _i = 0, _a = this.elClassNames; _i < _a.length; _i++) {\n            var className = _a[_i];\n            classList.add(className);\n        }\n    };\n    CalendarComponent.prototype._renderToolbars = function (viewSpec, dateProfile, currentDate, title) {\n        var _a = this, context = _a.context, header = _a.header, footer = _a.footer;\n        var options = context.options, calendar = context.calendar;\n        var headerLayout = options.header;\n        var footerLayout = options.footer;\n        var dateProfileGenerator = this.props.dateProfileGenerator;\n        var now = calendar.getNow();\n        var todayInfo = dateProfileGenerator.build(now);\n        var prevInfo = dateProfileGenerator.buildPrev(dateProfile, currentDate);\n        var nextInfo = dateProfileGenerator.buildNext(dateProfile, currentDate);\n        var toolbarProps = {\n            title: title,\n            activeButton: viewSpec.type,\n            isTodayEnabled: todayInfo.isValid && !rangeContainsMarker(dateProfile.currentRange, now),\n            isPrevEnabled: prevInfo.isValid,\n            isNextEnabled: nextInfo.isValid\n        };\n        if (headerLayout) {\n            if (!header) {\n                header = this.header = new Toolbar('fc-header-toolbar');\n                prependToElement(this.el, header.el);\n            }\n            header.receiveProps(__assign({ layout: headerLayout }, toolbarProps), context);\n        }\n        else if (header) {\n            header.destroy();\n            header = this.header = null;\n        }\n        if (footerLayout) {\n            if (!footer) {\n                footer = this.footer = new Toolbar('fc-footer-toolbar');\n                appendToElement(this.el, footer.el);\n            }\n            footer.receiveProps(__assign({ layout: footerLayout }, toolbarProps), context);\n        }\n        else if (footer) {\n            footer.destroy();\n            footer = this.footer = null;\n        }\n    };\n    CalendarComponent.prototype._unrenderToolbars = function () {\n        if (this.header) {\n            this.header.destroy();\n            this.header = null;\n        }\n        if (this.footer) {\n            this.footer.destroy();\n            this.footer = null;\n        }\n    };\n    CalendarComponent.prototype.renderView = function (props, title) {\n        var view = this.view;\n        var _a = this.context, calendar = _a.calendar, options = _a.options;\n        var viewSpec = props.viewSpec, dateProfileGenerator = props.dateProfileGenerator;\n        if (!view || view.viewSpec !== viewSpec) {\n            if (view) {\n                view.destroy();\n            }\n            view = this.view = new viewSpec['class'](viewSpec, this.contentEl);\n            if (this.savedScroll) {\n                view.addScroll(this.savedScroll, true);\n                this.savedScroll = null;\n            }\n        }\n        view.title = title; // for the API\n        var viewProps = {\n            dateProfileGenerator: dateProfileGenerator,\n            dateProfile: props.dateProfile,\n            businessHours: this.parseBusinessHours(viewSpec.options.businessHours),\n            eventStore: props.eventStore,\n            eventUiBases: props.eventUiBases,\n            dateSelection: props.dateSelection,\n            eventSelection: props.eventSelection,\n            eventDrag: props.eventDrag,\n            eventResize: props.eventResize\n        };\n        var transformers = this.buildViewPropTransformers(calendar.pluginSystem.hooks.viewPropsTransformers);\n        for (var _i = 0, transformers_1 = transformers; _i < transformers_1.length; _i++) {\n            var transformer = transformers_1[_i];\n            __assign(viewProps, transformer.transform(viewProps, viewSpec, props, options));\n        }\n        view.receiveProps(viewProps, this.buildComponentContext(this.context, viewSpec, view));\n    };\n    // Sizing\n    // -----------------------------------------------------------------------------------------------------------------\n    CalendarComponent.prototype.updateSize = function (isResize) {\n        if (isResize === void 0) { isResize = false; }\n        var view = this.view;\n        if (!view) {\n            return; // why?\n        }\n        if (isResize || this.isHeightAuto == null) {\n            this.computeHeightVars();\n        }\n        view.updateSize(isResize, this.viewHeight, this.isHeightAuto);\n        view.updateNowIndicator(); // we need to guarantee this will run after updateSize\n        view.popScroll(isResize);\n    };\n    CalendarComponent.prototype.computeHeightVars = function () {\n        var calendar = this.context.calendar; // yuck. need to handle dynamic options\n        var heightInput = calendar.opt('height');\n        var contentHeightInput = calendar.opt('contentHeight');\n        this.isHeightAuto = heightInput === 'auto' || contentHeightInput === 'auto';\n        if (typeof contentHeightInput === 'number') { // exists and not 'auto'\n            this.viewHeight = contentHeightInput;\n        }\n        else if (typeof contentHeightInput === 'function') { // exists and is a function\n            this.viewHeight = contentHeightInput();\n        }\n        else if (typeof heightInput === 'number') { // exists and not 'auto'\n            this.viewHeight = heightInput - this.queryToolbarsHeight();\n        }\n        else if (typeof heightInput === 'function') { // exists and is a function\n            this.viewHeight = heightInput() - this.queryToolbarsHeight();\n        }\n        else if (heightInput === 'parent') { // set to height of parent element\n            var parentEl = this.el.parentNode;\n            this.viewHeight = parentEl.getBoundingClientRect().height - this.queryToolbarsHeight();\n        }\n        else {\n            this.viewHeight = Math.round(this.contentEl.getBoundingClientRect().width /\n                Math.max(calendar.opt('aspectRatio'), .5));\n        }\n    };\n    CalendarComponent.prototype.queryToolbarsHeight = function () {\n        var height = 0;\n        if (this.header) {\n            height += computeHeightAndMargins(this.header.el);\n        }\n        if (this.footer) {\n            height += computeHeightAndMargins(this.footer.el);\n        }\n        return height;\n    };\n    // Height \"Freezing\"\n    // -----------------------------------------------------------------------------------------------------------------\n    CalendarComponent.prototype.freezeHeight = function () {\n        applyStyle(this.el, {\n            height: this.el.getBoundingClientRect().height,\n            overflow: 'hidden'\n        });\n    };\n    CalendarComponent.prototype.thawHeight = function () {\n        applyStyle(this.el, {\n            height: '',\n            overflow: ''\n        });\n    };\n    return CalendarComponent;\n}(Component));\n// Title and Date Formatting\n// -----------------------------------------------------------------------------------------------------------------\n// Computes what the title at the top of the calendar should be for this view\nfunction computeTitle(dateProfile, viewOptions) {\n    var range;\n    // for views that span a large unit of time, show the proper interval, ignoring stray days before and after\n    if (/^(year|month)$/.test(dateProfile.currentRangeUnit)) {\n        range = dateProfile.currentRange;\n    }\n    else { // for day units or smaller, use the actual day range\n        range = dateProfile.activeRange;\n    }\n    return this.context.dateEnv.formatRange(range.start, range.end, createFormatter(viewOptions.titleFormat || computeTitleFormat(dateProfile), viewOptions.titleRangeSeparator), { isEndExclusive: dateProfile.isRangeAllDay });\n}\n// Generates the format string that should be used to generate the title for the current date range.\n// Attempts to compute the most appropriate format if not explicitly specified with `titleFormat`.\nfunction computeTitleFormat(dateProfile) {\n    var currentRangeUnit = dateProfile.currentRangeUnit;\n    if (currentRangeUnit === 'year') {\n        return { year: 'numeric' };\n    }\n    else if (currentRangeUnit === 'month') {\n        return { year: 'numeric', month: 'long' }; // like \"September 2014\"\n    }\n    else {\n        var days = diffWholeDays(dateProfile.currentRange.start, dateProfile.currentRange.end);\n        if (days !== null && days > 1) {\n            // multi-day range. shorter, like \"Sep 9 - 10 2014\"\n            return { year: 'numeric', month: 'short', day: 'numeric' };\n        }\n        else {\n            // one day. longer, like \"September 9 2014\"\n            return { year: 'numeric', month: 'long', day: 'numeric' };\n        }\n    }\n}\n// build a context scoped to the view\nfunction buildComponentContext(context, viewSpec, view) {\n    return context.extend(viewSpec.options, view);\n}\n// Plugin\n// -----------------------------------------------------------------------------------------------------------------\nfunction buildViewPropTransformers(theClasses) {\n    return theClasses.map(function (theClass) {\n        return new theClass();\n    });\n}\n\nvar Interaction = /** @class */ (function () {\n    function Interaction(settings) {\n        this.component = settings.component;\n    }\n    Interaction.prototype.destroy = function () {\n    };\n    return Interaction;\n}());\nfunction parseInteractionSettings(component, input) {\n    return {\n        component: component,\n        el: input.el,\n        useEventCenter: input.useEventCenter != null ? input.useEventCenter : true\n    };\n}\nfunction interactionSettingsToStore(settings) {\n    var _a;\n    return _a = {},\n        _a[settings.component.uid] = settings,\n        _a;\n}\n// global state\nvar interactionSettingsStore = {};\n\n/*\nDetects when the user clicks on an event within a DateComponent\n*/\nvar EventClicking = /** @class */ (function (_super) {\n    __extends(EventClicking, _super);\n    function EventClicking(settings) {\n        var _this = _super.call(this, settings) || this;\n        _this.handleSegClick = function (ev, segEl) {\n            var component = _this.component;\n            var _a = component.context, calendar = _a.calendar, view = _a.view;\n            var seg = getElSeg(segEl);\n            if (seg && // might be the <div> surrounding the more link\n                component.isValidSegDownEl(ev.target)) {\n                // our way to simulate a link click for elements that can't be <a> tags\n                // grab before trigger fired in case trigger trashes DOM thru rerendering\n                var hasUrlContainer = elementClosest(ev.target, '.fc-has-url');\n                var url = hasUrlContainer ? hasUrlContainer.querySelector('a[href]').href : '';\n                calendar.publiclyTrigger('eventClick', [\n                    {\n                        el: segEl,\n                        event: new EventApi(component.context.calendar, seg.eventRange.def, seg.eventRange.instance),\n                        jsEvent: ev,\n                        view: view\n                    }\n                ]);\n                if (url && !ev.defaultPrevented) {\n                    window.location.href = url;\n                }\n            }\n        };\n        var component = settings.component;\n        _this.destroy = listenBySelector(component.el, 'click', component.fgSegSelector + ',' + component.bgSegSelector, _this.handleSegClick);\n        return _this;\n    }\n    return EventClicking;\n}(Interaction));\n\n/*\nTriggers events and adds/removes core classNames when the user's pointer\nenters/leaves event-elements of a component.\n*/\nvar EventHovering = /** @class */ (function (_super) {\n    __extends(EventHovering, _super);\n    function EventHovering(settings) {\n        var _this = _super.call(this, settings) || this;\n        // for simulating an eventMouseLeave when the event el is destroyed while mouse is over it\n        _this.handleEventElRemove = function (el) {\n            if (el === _this.currentSegEl) {\n                _this.handleSegLeave(null, _this.currentSegEl);\n            }\n        };\n        _this.handleSegEnter = function (ev, segEl) {\n            if (getElSeg(segEl)) { // TODO: better way to make sure not hovering over more+ link or its wrapper\n                segEl.classList.add('fc-allow-mouse-resize');\n                _this.currentSegEl = segEl;\n                _this.triggerEvent('eventMouseEnter', ev, segEl);\n            }\n        };\n        _this.handleSegLeave = function (ev, segEl) {\n            if (_this.currentSegEl) {\n                segEl.classList.remove('fc-allow-mouse-resize');\n                _this.currentSegEl = null;\n                _this.triggerEvent('eventMouseLeave', ev, segEl);\n            }\n        };\n        var component = settings.component;\n        _this.removeHoverListeners = listenToHoverBySelector(component.el, component.fgSegSelector + ',' + component.bgSegSelector, _this.handleSegEnter, _this.handleSegLeave);\n        // how to make sure component already has context?\n        component.context.calendar.on('eventElRemove', _this.handleEventElRemove);\n        return _this;\n    }\n    EventHovering.prototype.destroy = function () {\n        this.removeHoverListeners();\n        this.component.context.calendar.off('eventElRemove', this.handleEventElRemove);\n    };\n    EventHovering.prototype.triggerEvent = function (publicEvName, ev, segEl) {\n        var component = this.component;\n        var _a = component.context, calendar = _a.calendar, view = _a.view;\n        var seg = getElSeg(segEl);\n        if (!ev || component.isValidSegDownEl(ev.target)) {\n            calendar.publiclyTrigger(publicEvName, [\n                {\n                    el: segEl,\n                    event: new EventApi(calendar, seg.eventRange.def, seg.eventRange.instance),\n                    jsEvent: ev,\n                    view: view\n                }\n            ]);\n        }\n    };\n    return EventHovering;\n}(Interaction));\n\nvar StandardTheme = /** @class */ (function (_super) {\n    __extends(StandardTheme, _super);\n    function StandardTheme() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    return StandardTheme;\n}(Theme));\nStandardTheme.prototype.classes = {\n    widget: 'fc-unthemed',\n    widgetHeader: 'fc-widget-header',\n    widgetContent: 'fc-widget-content',\n    buttonGroup: 'fc-button-group',\n    button: 'fc-button fc-button-primary',\n    buttonActive: 'fc-button-active',\n    popoverHeader: 'fc-widget-header',\n    popoverContent: 'fc-widget-content',\n    // day grid\n    headerRow: 'fc-widget-header',\n    dayRow: 'fc-widget-content',\n    // list view\n    listView: 'fc-widget-content'\n};\nStandardTheme.prototype.baseIconClass = 'fc-icon';\nStandardTheme.prototype.iconClasses = {\n    close: 'fc-icon-x',\n    prev: 'fc-icon-chevron-left',\n    next: 'fc-icon-chevron-right',\n    prevYear: 'fc-icon-chevrons-left',\n    nextYear: 'fc-icon-chevrons-right'\n};\nStandardTheme.prototype.iconOverrideOption = 'buttonIcons';\nStandardTheme.prototype.iconOverrideCustomButtonOption = 'icon';\nStandardTheme.prototype.iconOverridePrefix = 'fc-icon-';\n\nvar Calendar = /** @class */ (function () {\n    function Calendar(el, overrides) {\n        var _this = this;\n        this.buildComponentContext = memoize(buildComponentContext$1);\n        this.parseRawLocales = memoize(parseRawLocales);\n        this.buildLocale = memoize(buildLocale);\n        this.buildDateEnv = memoize(buildDateEnv);\n        this.buildTheme = memoize(buildTheme);\n        this.buildEventUiSingleBase = memoize(this._buildEventUiSingleBase);\n        this.buildSelectionConfig = memoize(this._buildSelectionConfig);\n        this.buildEventUiBySource = memoizeOutput(buildEventUiBySource, isPropsEqual);\n        this.buildEventUiBases = memoize(buildEventUiBases);\n        this.interactionsStore = {};\n        this.actionQueue = [];\n        this.isReducing = false;\n        // isDisplaying: boolean = false // installed in DOM? accepting renders?\n        this.needsRerender = false; // needs a render?\n        this.isRendering = false; // currently in the executeRender function?\n        this.renderingPauseDepth = 0;\n        this.buildDelayedRerender = memoize(buildDelayedRerender);\n        this.afterSizingTriggers = {};\n        this.isViewUpdated = false;\n        this.isDatesUpdated = false;\n        this.isEventsUpdated = false;\n        this.el = el;\n        this.optionsManager = new OptionsManager(overrides || {});\n        this.pluginSystem = new PluginSystem();\n        // only do once. don't do in handleOptions. because can't remove plugins\n        this.addPluginInputs(this.optionsManager.computed.plugins || []);\n        this.handleOptions(this.optionsManager.computed);\n        this.publiclyTrigger('_init'); // for tests\n        this.hydrate();\n        this.calendarInteractions = this.pluginSystem.hooks.calendarInteractions\n            .map(function (calendarInteractionClass) {\n            return new calendarInteractionClass(_this);\n        });\n    }\n    Calendar.prototype.addPluginInputs = function (pluginInputs) {\n        var pluginDefs = refinePluginDefs(pluginInputs);\n        for (var _i = 0, pluginDefs_1 = pluginDefs; _i < pluginDefs_1.length; _i++) {\n            var pluginDef = pluginDefs_1[_i];\n            this.pluginSystem.add(pluginDef);\n        }\n    };\n    Object.defineProperty(Calendar.prototype, \"view\", {\n        // public API\n        get: function () {\n            return this.component ? this.component.view : null;\n        },\n        enumerable: true,\n        configurable: true\n    });\n    // Public API for rendering\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.render = function () {\n        if (!this.component) {\n            this.component = new CalendarComponent(this.el);\n            this.renderableEventStore = createEmptyEventStore();\n            this.bindHandlers();\n            this.executeRender();\n        }\n        else {\n            this.requestRerender();\n        }\n    };\n    Calendar.prototype.destroy = function () {\n        if (this.component) {\n            this.unbindHandlers();\n            this.component.destroy(); // don't null-out. in case API needs access\n            this.component = null; // umm ???\n            for (var _i = 0, _a = this.calendarInteractions; _i < _a.length; _i++) {\n                var interaction = _a[_i];\n                interaction.destroy();\n            }\n            this.publiclyTrigger('_destroyed');\n        }\n    };\n    // Handlers\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.bindHandlers = function () {\n        var _this = this;\n        // event delegation for nav links\n        this.removeNavLinkListener = listenBySelector(this.el, 'click', 'a[data-goto]', function (ev, anchorEl) {\n            var gotoOptions = anchorEl.getAttribute('data-goto');\n            gotoOptions = gotoOptions ? JSON.parse(gotoOptions) : {};\n            var dateEnv = _this.dateEnv;\n            var dateMarker = dateEnv.createMarker(gotoOptions.date);\n            var viewType = gotoOptions.type;\n            // property like \"navLinkDayClick\". might be a string or a function\n            var customAction = _this.viewOpt('navLink' + capitaliseFirstLetter(viewType) + 'Click');\n            if (typeof customAction === 'function') {\n                customAction(dateEnv.toDate(dateMarker), ev);\n            }\n            else {\n                if (typeof customAction === 'string') {\n                    viewType = customAction;\n                }\n                _this.zoomTo(dateMarker, viewType);\n            }\n        });\n        if (this.opt('handleWindowResize')) {\n            window.addEventListener('resize', this.windowResizeProxy = debounce(// prevents rapid calls\n            this.windowResize.bind(this), this.opt('windowResizeDelay')));\n        }\n    };\n    Calendar.prototype.unbindHandlers = function () {\n        this.removeNavLinkListener();\n        if (this.windowResizeProxy) {\n            window.removeEventListener('resize', this.windowResizeProxy);\n            this.windowResizeProxy = null;\n        }\n    };\n    // Dispatcher\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.hydrate = function () {\n        var _this = this;\n        this.state = this.buildInitialState();\n        var rawSources = this.opt('eventSources') || [];\n        var singleRawSource = this.opt('events');\n        var sources = []; // parsed\n        if (singleRawSource) {\n            rawSources.unshift(singleRawSource);\n        }\n        for (var _i = 0, rawSources_1 = rawSources; _i < rawSources_1.length; _i++) {\n            var rawSource = rawSources_1[_i];\n            var source = parseEventSource(rawSource, this);\n            if (source) {\n                sources.push(source);\n            }\n        }\n        this.batchRendering(function () {\n            _this.dispatch({ type: 'INIT' }); // pass in sources here?\n            _this.dispatch({ type: 'ADD_EVENT_SOURCES', sources: sources });\n            _this.dispatch({\n                type: 'SET_VIEW_TYPE',\n                viewType: _this.opt('defaultView') || _this.pluginSystem.hooks.defaultView\n            });\n        });\n    };\n    Calendar.prototype.buildInitialState = function () {\n        return {\n            viewType: null,\n            loadingLevel: 0,\n            eventSourceLoadingLevel: 0,\n            currentDate: this.getInitialDate(),\n            dateProfile: null,\n            eventSources: {},\n            eventStore: createEmptyEventStore(),\n            dateSelection: null,\n            eventSelection: '',\n            eventDrag: null,\n            eventResize: null\n        };\n    };\n    Calendar.prototype.dispatch = function (action) {\n        this.actionQueue.push(action);\n        if (!this.isReducing) {\n            this.isReducing = true;\n            var oldState = this.state;\n            while (this.actionQueue.length) {\n                this.state = this.reduce(this.state, this.actionQueue.shift(), this);\n            }\n            var newState = this.state;\n            this.isReducing = false;\n            if (!oldState.loadingLevel && newState.loadingLevel) {\n                this.publiclyTrigger('loading', [true]);\n            }\n            else if (oldState.loadingLevel && !newState.loadingLevel) {\n                this.publiclyTrigger('loading', [false]);\n            }\n            var view = this.component && this.component.view;\n            if (oldState.eventStore !== newState.eventStore) {\n                if (oldState.eventStore) {\n                    this.isEventsUpdated = true;\n                }\n            }\n            if (oldState.dateProfile !== newState.dateProfile) {\n                if (oldState.dateProfile && view) { // why would view be null!?\n                    this.publiclyTrigger('datesDestroy', [\n                        {\n                            view: view,\n                            el: view.el\n                        }\n                    ]);\n                }\n                this.isDatesUpdated = true;\n            }\n            if (oldState.viewType !== newState.viewType) {\n                if (oldState.viewType && view) { // why would view be null!?\n                    this.publiclyTrigger('viewSkeletonDestroy', [\n                        {\n                            view: view,\n                            el: view.el\n                        }\n                    ]);\n                }\n                this.isViewUpdated = true;\n            }\n            this.requestRerender();\n        }\n    };\n    Calendar.prototype.reduce = function (state, action, calendar) {\n        return reduce(state, action, calendar);\n    };\n    // Render Queue\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.requestRerender = function () {\n        this.needsRerender = true;\n        this.delayedRerender(); // will call a debounced-version of tryRerender\n    };\n    Calendar.prototype.tryRerender = function () {\n        if (this.component && // must be accepting renders\n            this.needsRerender && // indicates that a rerender was requested\n            !this.renderingPauseDepth && // not paused\n            !this.isRendering // not currently in the render loop\n        ) {\n            this.executeRender();\n        }\n    };\n    Calendar.prototype.batchRendering = function (func) {\n        this.renderingPauseDepth++;\n        func();\n        this.renderingPauseDepth--;\n        if (this.needsRerender) {\n            this.requestRerender();\n        }\n    };\n    // Rendering\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.executeRender = function () {\n        // clear these BEFORE the render so that new values will accumulate during render\n        this.needsRerender = false;\n        this.isRendering = true;\n        this.renderComponent();\n        this.isRendering = false;\n        // received a rerender request while rendering\n        if (this.needsRerender) {\n            this.delayedRerender();\n        }\n    };\n    /*\n    don't call this directly. use executeRender instead\n    */\n    Calendar.prototype.renderComponent = function () {\n        var _a = this, state = _a.state, component = _a.component;\n        var viewType = state.viewType;\n        var viewSpec = this.viewSpecs[viewType];\n        if (!viewSpec) {\n            throw new Error(\"View type \\\"\" + viewType + \"\\\" is not valid\");\n        }\n        // if event sources are still loading and progressive rendering hasn't been enabled,\n        // keep rendering the last fully loaded set of events\n        var renderableEventStore = this.renderableEventStore =\n            (state.eventSourceLoadingLevel && !this.opt('progressiveEventRendering')) ?\n                this.renderableEventStore :\n                state.eventStore;\n        var eventUiSingleBase = this.buildEventUiSingleBase(viewSpec.options);\n        var eventUiBySource = this.buildEventUiBySource(state.eventSources);\n        var eventUiBases = this.eventUiBases = this.buildEventUiBases(renderableEventStore.defs, eventUiSingleBase, eventUiBySource);\n        component.receiveProps(__assign({}, state, { viewSpec: viewSpec, dateProfileGenerator: this.dateProfileGenerators[viewType], dateProfile: state.dateProfile, eventStore: renderableEventStore, eventUiBases: eventUiBases, dateSelection: state.dateSelection, eventSelection: state.eventSelection, eventDrag: state.eventDrag, eventResize: state.eventResize }), this.buildComponentContext(this.theme, this.dateEnv, this.optionsManager.computed));\n        if (this.isViewUpdated) {\n            this.isViewUpdated = false;\n            this.publiclyTrigger('viewSkeletonRender', [\n                {\n                    view: component.view,\n                    el: component.view.el\n                }\n            ]);\n        }\n        if (this.isDatesUpdated) {\n            this.isDatesUpdated = false;\n            this.publiclyTrigger('datesRender', [\n                {\n                    view: component.view,\n                    el: component.view.el\n                }\n            ]);\n        }\n        if (this.isEventsUpdated) {\n            this.isEventsUpdated = false;\n        }\n        this.releaseAfterSizingTriggers();\n    };\n    // Options\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.setOption = function (name, val) {\n        var _a;\n        this.mutateOptions((_a = {}, _a[name] = val, _a), [], true);\n    };\n    Calendar.prototype.getOption = function (name) {\n        return this.optionsManager.computed[name];\n    };\n    Calendar.prototype.opt = function (name) {\n        return this.optionsManager.computed[name];\n    };\n    Calendar.prototype.viewOpt = function (name) {\n        return this.viewOpts()[name];\n    };\n    Calendar.prototype.viewOpts = function () {\n        return this.viewSpecs[this.state.viewType].options;\n    };\n    /*\n    handles option changes (like a diff)\n    */\n    Calendar.prototype.mutateOptions = function (updates, removals, isDynamic, deepEqual) {\n        var _this = this;\n        var changeHandlers = this.pluginSystem.hooks.optionChangeHandlers;\n        var normalUpdates = {};\n        var specialUpdates = {};\n        var oldDateEnv = this.dateEnv; // do this before handleOptions\n        var isTimeZoneDirty = false;\n        var isSizeDirty = false;\n        var anyDifficultOptions = Boolean(removals.length);\n        for (var name_1 in updates) {\n            if (changeHandlers[name_1]) {\n                specialUpdates[name_1] = updates[name_1];\n            }\n            else {\n                normalUpdates[name_1] = updates[name_1];\n            }\n        }\n        for (var name_2 in normalUpdates) {\n            if (/^(height|contentHeight|aspectRatio)$/.test(name_2)) {\n                isSizeDirty = true;\n            }\n            else if (/^(defaultDate|defaultView)$/.test(name_2)) ;\n            else {\n                anyDifficultOptions = true;\n                if (name_2 === 'timeZone') {\n                    isTimeZoneDirty = true;\n                }\n            }\n        }\n        this.optionsManager.mutate(normalUpdates, removals, isDynamic);\n        if (anyDifficultOptions) {\n            this.handleOptions(this.optionsManager.computed);\n        }\n        this.batchRendering(function () {\n            if (anyDifficultOptions) {\n                if (isTimeZoneDirty) {\n                    _this.dispatch({\n                        type: 'CHANGE_TIMEZONE',\n                        oldDateEnv: oldDateEnv\n                    });\n                }\n                /* HACK\n                has the same effect as calling this.requestRerender()\n                but recomputes the state's dateProfile\n                */\n                _this.dispatch({\n                    type: 'SET_VIEW_TYPE',\n                    viewType: _this.state.viewType\n                });\n            }\n            else if (isSizeDirty) {\n                _this.updateSize();\n            }\n            // special updates\n            if (deepEqual) {\n                for (var name_3 in specialUpdates) {\n                    changeHandlers[name_3](specialUpdates[name_3], _this, deepEqual);\n                }\n            }\n        });\n    };\n    /*\n    rebuilds things based off of a complete set of refined options\n    */\n    Calendar.prototype.handleOptions = function (options) {\n        var _this = this;\n        var pluginHooks = this.pluginSystem.hooks;\n        this.defaultAllDayEventDuration = createDuration(options.defaultAllDayEventDuration);\n        this.defaultTimedEventDuration = createDuration(options.defaultTimedEventDuration);\n        this.delayedRerender = this.buildDelayedRerender(options.rerenderDelay);\n        this.theme = this.buildTheme(options);\n        var available = this.parseRawLocales(options.locales);\n        this.availableRawLocales = available.map;\n        var locale = this.buildLocale(options.locale || available.defaultCode, available.map);\n        this.dateEnv = this.buildDateEnv(locale, options.timeZone, pluginHooks.namedTimeZonedImpl, options.firstDay, options.weekNumberCalculation, options.weekLabel, pluginHooks.cmdFormatter);\n        this.selectionConfig = this.buildSelectionConfig(options); // needs dateEnv. do after :(\n        // ineffecient to do every time?\n        this.viewSpecs = buildViewSpecs(pluginHooks.views, this.optionsManager);\n        // ineffecient to do every time?\n        this.dateProfileGenerators = mapHash(this.viewSpecs, function (viewSpec) {\n            return new viewSpec.class.prototype.dateProfileGeneratorClass(viewSpec, _this);\n        });\n    };\n    Calendar.prototype.getAvailableLocaleCodes = function () {\n        return Object.keys(this.availableRawLocales);\n    };\n    Calendar.prototype._buildSelectionConfig = function (rawOpts) {\n        return processScopedUiProps('select', rawOpts, this);\n    };\n    Calendar.prototype._buildEventUiSingleBase = function (rawOpts) {\n        if (rawOpts.editable) { // so 'editable' affected events\n            rawOpts = __assign({}, rawOpts, { eventEditable: true });\n        }\n        return processScopedUiProps('event', rawOpts, this);\n    };\n    // Trigger\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.hasPublicHandlers = function (name) {\n        return this.hasHandlers(name) ||\n            this.opt(name); // handler specified in options\n    };\n    Calendar.prototype.publiclyTrigger = function (name, args) {\n        var optHandler = this.opt(name);\n        this.triggerWith(name, this, args);\n        if (optHandler) {\n            return optHandler.apply(this, args);\n        }\n    };\n    Calendar.prototype.publiclyTriggerAfterSizing = function (name, args) {\n        var afterSizingTriggers = this.afterSizingTriggers;\n        (afterSizingTriggers[name] || (afterSizingTriggers[name] = [])).push(args);\n    };\n    Calendar.prototype.releaseAfterSizingTriggers = function () {\n        var afterSizingTriggers = this.afterSizingTriggers;\n        for (var name_4 in afterSizingTriggers) {\n            for (var _i = 0, _a = afterSizingTriggers[name_4]; _i < _a.length; _i++) {\n                var args = _a[_i];\n                this.publiclyTrigger(name_4, args);\n            }\n        }\n        this.afterSizingTriggers = {};\n    };\n    // View\n    // -----------------------------------------------------------------------------------------------------------------\n    // Returns a boolean about whether the view is okay to instantiate at some point\n    Calendar.prototype.isValidViewType = function (viewType) {\n        return Boolean(this.viewSpecs[viewType]);\n    };\n    Calendar.prototype.changeView = function (viewType, dateOrRange) {\n        var dateMarker = null;\n        if (dateOrRange) {\n            if (dateOrRange.start && dateOrRange.end) { // a range\n                this.optionsManager.mutate({ visibleRange: dateOrRange }, []); // will not rerender\n                this.handleOptions(this.optionsManager.computed); // ...but yuck\n            }\n            else { // a date\n                dateMarker = this.dateEnv.createMarker(dateOrRange); // just like gotoDate\n            }\n        }\n        this.unselect();\n        this.dispatch({\n            type: 'SET_VIEW_TYPE',\n            viewType: viewType,\n            dateMarker: dateMarker\n        });\n    };\n    // Forces navigation to a view for the given date.\n    // `viewType` can be a specific view name or a generic one like \"week\" or \"day\".\n    // needs to change\n    Calendar.prototype.zoomTo = function (dateMarker, viewType) {\n        var spec;\n        viewType = viewType || 'day'; // day is default zoom\n        spec = this.viewSpecs[viewType] ||\n            this.getUnitViewSpec(viewType);\n        this.unselect();\n        if (spec) {\n            this.dispatch({\n                type: 'SET_VIEW_TYPE',\n                viewType: spec.type,\n                dateMarker: dateMarker\n            });\n        }\n        else {\n            this.dispatch({\n                type: 'SET_DATE',\n                dateMarker: dateMarker\n            });\n        }\n    };\n    // Given a duration singular unit, like \"week\" or \"day\", finds a matching view spec.\n    // Preference is given to views that have corresponding buttons.\n    Calendar.prototype.getUnitViewSpec = function (unit) {\n        var component = this.component;\n        var viewTypes = [];\n        var i;\n        var spec;\n        // put views that have buttons first. there will be duplicates, but oh\n        if (component.header) {\n            viewTypes.push.apply(viewTypes, component.header.viewsWithButtons);\n        }\n        if (component.footer) {\n            viewTypes.push.apply(viewTypes, component.footer.viewsWithButtons);\n        }\n        for (var viewType in this.viewSpecs) {\n            viewTypes.push(viewType);\n        }\n        for (i = 0; i < viewTypes.length; i++) {\n            spec = this.viewSpecs[viewTypes[i]];\n            if (spec) {\n                if (spec.singleUnit === unit) {\n                    return spec;\n                }\n            }\n        }\n    };\n    // Current Date\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.getInitialDate = function () {\n        var defaultDateInput = this.opt('defaultDate');\n        // compute the initial ambig-timezone date\n        if (defaultDateInput != null) {\n            return this.dateEnv.createMarker(defaultDateInput);\n        }\n        else {\n            return this.getNow(); // getNow already returns unzoned\n        }\n    };\n    Calendar.prototype.prev = function () {\n        this.unselect();\n        this.dispatch({ type: 'PREV' });\n    };\n    Calendar.prototype.next = function () {\n        this.unselect();\n        this.dispatch({ type: 'NEXT' });\n    };\n    Calendar.prototype.prevYear = function () {\n        this.unselect();\n        this.dispatch({\n            type: 'SET_DATE',\n            dateMarker: this.dateEnv.addYears(this.state.currentDate, -1)\n        });\n    };\n    Calendar.prototype.nextYear = function () {\n        this.unselect();\n        this.dispatch({\n            type: 'SET_DATE',\n            dateMarker: this.dateEnv.addYears(this.state.currentDate, 1)\n        });\n    };\n    Calendar.prototype.today = function () {\n        this.unselect();\n        this.dispatch({\n            type: 'SET_DATE',\n            dateMarker: this.getNow()\n        });\n    };\n    Calendar.prototype.gotoDate = function (zonedDateInput) {\n        this.unselect();\n        this.dispatch({\n            type: 'SET_DATE',\n            dateMarker: this.dateEnv.createMarker(zonedDateInput)\n        });\n    };\n    Calendar.prototype.incrementDate = function (deltaInput) {\n        var delta = createDuration(deltaInput);\n        if (delta) { // else, warn about invalid input?\n            this.unselect();\n            this.dispatch({\n                type: 'SET_DATE',\n                dateMarker: this.dateEnv.add(this.state.currentDate, delta)\n            });\n        }\n    };\n    // for external API\n    Calendar.prototype.getDate = function () {\n        return this.dateEnv.toDate(this.state.currentDate);\n    };\n    // Date Formatting Utils\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.formatDate = function (d, formatter) {\n        var dateEnv = this.dateEnv;\n        return dateEnv.format(dateEnv.createMarker(d), createFormatter(formatter));\n    };\n    // `settings` is for formatter AND isEndExclusive\n    Calendar.prototype.formatRange = function (d0, d1, settings) {\n        var dateEnv = this.dateEnv;\n        return dateEnv.formatRange(dateEnv.createMarker(d0), dateEnv.createMarker(d1), createFormatter(settings, this.opt('defaultRangeSeparator')), settings);\n    };\n    Calendar.prototype.formatIso = function (d, omitTime) {\n        var dateEnv = this.dateEnv;\n        return dateEnv.formatIso(dateEnv.createMarker(d), { omitTime: omitTime });\n    };\n    // Sizing\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.windowResize = function (ev) {\n        if (!this.isHandlingWindowResize &&\n            this.component && // why?\n            ev.target === window // not a jqui resize event\n        ) {\n            this.isHandlingWindowResize = true;\n            this.updateSize();\n            this.publiclyTrigger('windowResize', [this.view]);\n            this.isHandlingWindowResize = false;\n        }\n    };\n    Calendar.prototype.updateSize = function () {\n        if (this.component) { // when?\n            this.component.updateSize(true);\n        }\n    };\n    // Component Registration\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.registerInteractiveComponent = function (component, settingsInput) {\n        var settings = parseInteractionSettings(component, settingsInput);\n        var DEFAULT_INTERACTIONS = [\n            EventClicking,\n            EventHovering\n        ];\n        var interactionClasses = DEFAULT_INTERACTIONS.concat(this.pluginSystem.hooks.componentInteractions);\n        var interactions = interactionClasses.map(function (interactionClass) {\n            return new interactionClass(settings);\n        });\n        this.interactionsStore[component.uid] = interactions;\n        interactionSettingsStore[component.uid] = settings;\n    };\n    Calendar.prototype.unregisterInteractiveComponent = function (component) {\n        for (var _i = 0, _a = this.interactionsStore[component.uid]; _i < _a.length; _i++) {\n            var listener = _a[_i];\n            listener.destroy();\n        }\n        delete this.interactionsStore[component.uid];\n        delete interactionSettingsStore[component.uid];\n    };\n    // Date Selection / Event Selection / DayClick\n    // -----------------------------------------------------------------------------------------------------------------\n    // this public method receives start/end dates in any format, with any timezone\n    // NOTE: args were changed from v3\n    Calendar.prototype.select = function (dateOrObj, endDate) {\n        var selectionInput;\n        if (endDate == null) {\n            if (dateOrObj.start != null) {\n                selectionInput = dateOrObj;\n            }\n            else {\n                selectionInput = {\n                    start: dateOrObj,\n                    end: null\n                };\n            }\n        }\n        else {\n            selectionInput = {\n                start: dateOrObj,\n                end: endDate\n            };\n        }\n        var selection = parseDateSpan(selectionInput, this.dateEnv, createDuration({ days: 1 }) // TODO: cache this?\n        );\n        if (selection) { // throw parse error otherwise?\n            this.dispatch({ type: 'SELECT_DATES', selection: selection });\n            this.triggerDateSelect(selection);\n        }\n    };\n    // public method\n    Calendar.prototype.unselect = function (pev) {\n        if (this.state.dateSelection) {\n            this.dispatch({ type: 'UNSELECT_DATES' });\n            this.triggerDateUnselect(pev);\n        }\n    };\n    Calendar.prototype.triggerDateSelect = function (selection, pev) {\n        var arg = __assign({}, this.buildDateSpanApi(selection), { jsEvent: pev ? pev.origEvent : null, view: this.view });\n        this.publiclyTrigger('select', [arg]);\n    };\n    Calendar.prototype.triggerDateUnselect = function (pev) {\n        this.publiclyTrigger('unselect', [\n            {\n                jsEvent: pev ? pev.origEvent : null,\n                view: this.view\n            }\n        ]);\n    };\n    // TODO: receive pev?\n    Calendar.prototype.triggerDateClick = function (dateSpan, dayEl, view, ev) {\n        var arg = __assign({}, this.buildDatePointApi(dateSpan), { dayEl: dayEl, jsEvent: ev, // Is this always a mouse event? See #4655\n            view: view });\n        this.publiclyTrigger('dateClick', [arg]);\n    };\n    Calendar.prototype.buildDatePointApi = function (dateSpan) {\n        var props = {};\n        for (var _i = 0, _a = this.pluginSystem.hooks.datePointTransforms; _i < _a.length; _i++) {\n            var transform = _a[_i];\n            __assign(props, transform(dateSpan, this));\n        }\n        __assign(props, buildDatePointApi(dateSpan, this.dateEnv));\n        return props;\n    };\n    Calendar.prototype.buildDateSpanApi = function (dateSpan) {\n        var props = {};\n        for (var _i = 0, _a = this.pluginSystem.hooks.dateSpanTransforms; _i < _a.length; _i++) {\n            var transform = _a[_i];\n            __assign(props, transform(dateSpan, this));\n        }\n        __assign(props, buildDateSpanApi(dateSpan, this.dateEnv));\n        return props;\n    };\n    // Date Utils\n    // -----------------------------------------------------------------------------------------------------------------\n    // Returns a DateMarker for the current date, as defined by the client's computer or from the `now` option\n    Calendar.prototype.getNow = function () {\n        var now = this.opt('now');\n        if (typeof now === 'function') {\n            now = now();\n        }\n        if (now == null) {\n            return this.dateEnv.createNowMarker();\n        }\n        return this.dateEnv.createMarker(now);\n    };\n    // Event-Date Utilities\n    // -----------------------------------------------------------------------------------------------------------------\n    // Given an event's allDay status and start date, return what its fallback end date should be.\n    // TODO: rename to computeDefaultEventEnd\n    Calendar.prototype.getDefaultEventEnd = function (allDay, marker) {\n        var end = marker;\n        if (allDay) {\n            end = startOfDay(end);\n            end = this.dateEnv.add(end, this.defaultAllDayEventDuration);\n        }\n        else {\n            end = this.dateEnv.add(end, this.defaultTimedEventDuration);\n        }\n        return end;\n    };\n    // Public Events API\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.addEvent = function (eventInput, sourceInput) {\n        if (eventInput instanceof EventApi) {\n            var def = eventInput._def;\n            var instance = eventInput._instance;\n            // not already present? don't want to add an old snapshot\n            if (!this.state.eventStore.defs[def.defId]) {\n                this.dispatch({\n                    type: 'ADD_EVENTS',\n                    eventStore: eventTupleToStore({ def: def, instance: instance }) // TODO: better util for two args?\n                });\n            }\n            return eventInput;\n        }\n        var sourceId;\n        if (sourceInput instanceof EventSourceApi) {\n            sourceId = sourceInput.internalEventSource.sourceId;\n        }\n        else if (sourceInput != null) {\n            var sourceApi = this.getEventSourceById(sourceInput); // TODO: use an internal function\n            if (!sourceApi) {\n                console.warn('Could not find an event source with ID \"' + sourceInput + '\"'); // TODO: test\n                return null;\n            }\n            else {\n                sourceId = sourceApi.internalEventSource.sourceId;\n            }\n        }\n        var tuple = parseEvent(eventInput, sourceId, this);\n        if (tuple) {\n            this.dispatch({\n                type: 'ADD_EVENTS',\n                eventStore: eventTupleToStore(tuple)\n            });\n            return new EventApi(this, tuple.def, tuple.def.recurringDef ? null : tuple.instance);\n        }\n        return null;\n    };\n    // TODO: optimize\n    Calendar.prototype.getEventById = function (id) {\n        var _a = this.state.eventStore, defs = _a.defs, instances = _a.instances;\n        id = String(id);\n        for (var defId in defs) {\n            var def = defs[defId];\n            if (def.publicId === id) {\n                if (def.recurringDef) {\n                    return new EventApi(this, def, null);\n                }\n                else {\n                    for (var instanceId in instances) {\n                        var instance = instances[instanceId];\n                        if (instance.defId === def.defId) {\n                            return new EventApi(this, def, instance);\n                        }\n                    }\n                }\n            }\n        }\n        return null;\n    };\n    Calendar.prototype.getEvents = function () {\n        var _a = this.state.eventStore, defs = _a.defs, instances = _a.instances;\n        var eventApis = [];\n        for (var id in instances) {\n            var instance = instances[id];\n            var def = defs[instance.defId];\n            eventApis.push(new EventApi(this, def, instance));\n        }\n        return eventApis;\n    };\n    Calendar.prototype.removeAllEvents = function () {\n        this.dispatch({ type: 'REMOVE_ALL_EVENTS' });\n    };\n    Calendar.prototype.rerenderEvents = function () {\n        this.dispatch({ type: 'RESET_EVENTS' });\n    };\n    // Public Event Sources API\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.getEventSources = function () {\n        var sourceHash = this.state.eventSources;\n        var sourceApis = [];\n        for (var internalId in sourceHash) {\n            sourceApis.push(new EventSourceApi(this, sourceHash[internalId]));\n        }\n        return sourceApis;\n    };\n    Calendar.prototype.getEventSourceById = function (id) {\n        var sourceHash = this.state.eventSources;\n        id = String(id);\n        for (var sourceId in sourceHash) {\n            if (sourceHash[sourceId].publicId === id) {\n                return new EventSourceApi(this, sourceHash[sourceId]);\n            }\n        }\n        return null;\n    };\n    Calendar.prototype.addEventSource = function (sourceInput) {\n        if (sourceInput instanceof EventSourceApi) {\n            // not already present? don't want to add an old snapshot\n            if (!this.state.eventSources[sourceInput.internalEventSource.sourceId]) {\n                this.dispatch({\n                    type: 'ADD_EVENT_SOURCES',\n                    sources: [sourceInput.internalEventSource]\n                });\n            }\n            return sourceInput;\n        }\n        var eventSource = parseEventSource(sourceInput, this);\n        if (eventSource) { // TODO: error otherwise?\n            this.dispatch({ type: 'ADD_EVENT_SOURCES', sources: [eventSource] });\n            return new EventSourceApi(this, eventSource);\n        }\n        return null;\n    };\n    Calendar.prototype.removeAllEventSources = function () {\n        this.dispatch({ type: 'REMOVE_ALL_EVENT_SOURCES' });\n    };\n    Calendar.prototype.refetchEvents = function () {\n        this.dispatch({ type: 'FETCH_EVENT_SOURCES' });\n    };\n    // Scroll\n    // -----------------------------------------------------------------------------------------------------------------\n    Calendar.prototype.scrollToTime = function (timeInput) {\n        var duration = createDuration(timeInput);\n        if (duration) {\n            this.component.view.scrollToDuration(duration);\n        }\n    };\n    return Calendar;\n}());\nEmitterMixin.mixInto(Calendar);\n// for memoizers\n// -----------------------------------------------------------------------------------------------------------------\nfunction buildComponentContext$1(theme, dateEnv, options) {\n    return new ComponentContext(this, theme, dateEnv, options, null);\n}\nfunction buildDateEnv(locale, timeZone, namedTimeZoneImpl, firstDay, weekNumberCalculation, weekLabel, cmdFormatter) {\n    return new DateEnv({\n        calendarSystem: 'gregory',\n        timeZone: timeZone,\n        namedTimeZoneImpl: namedTimeZoneImpl,\n        locale: locale,\n        weekNumberCalculation: weekNumberCalculation,\n        firstDay: firstDay,\n        weekLabel: weekLabel,\n        cmdFormatter: cmdFormatter\n    });\n}\nfunction buildTheme(calendarOptions) {\n    var themeClass = this.pluginSystem.hooks.themeClasses[calendarOptions.themeSystem] || StandardTheme;\n    return new themeClass(calendarOptions);\n}\nfunction buildDelayedRerender(wait) {\n    var func = this.tryRerender.bind(this);\n    if (wait != null) {\n        func = debounce(func, wait);\n    }\n    return func;\n}\nfunction buildEventUiBySource(eventSources) {\n    return mapHash(eventSources, function (eventSource) {\n        return eventSource.ui;\n    });\n}\nfunction buildEventUiBases(eventDefs, eventUiSingleBase, eventUiBySource) {\n    var eventUiBases = { '': eventUiSingleBase };\n    for (var defId in eventDefs) {\n        var def = eventDefs[defId];\n        if (def.sourceId && eventUiBySource[def.sourceId]) {\n            eventUiBases[defId] = eventUiBySource[def.sourceId];\n        }\n    }\n    return eventUiBases;\n}\n\nvar View = /** @class */ (function (_super) {\n    __extends(View, _super);\n    function View(viewSpec, parentEl) {\n        var _this = _super.call(this, createElement('div', { className: 'fc-view fc-' + viewSpec.type + '-view' })) || this;\n        _this.renderDatesMem = memoizeRendering(_this.renderDatesWrap, _this.unrenderDatesWrap);\n        _this.renderBusinessHoursMem = memoizeRendering(_this.renderBusinessHours, _this.unrenderBusinessHours, [_this.renderDatesMem]);\n        _this.renderDateSelectionMem = memoizeRendering(_this.renderDateSelectionWrap, _this.unrenderDateSelectionWrap, [_this.renderDatesMem]);\n        _this.renderEventsMem = memoizeRendering(_this.renderEvents, _this.unrenderEvents, [_this.renderDatesMem]);\n        _this.renderEventSelectionMem = memoizeRendering(_this.renderEventSelectionWrap, _this.unrenderEventSelectionWrap, [_this.renderEventsMem]);\n        _this.renderEventDragMem = memoizeRendering(_this.renderEventDragWrap, _this.unrenderEventDragWrap, [_this.renderDatesMem]);\n        _this.renderEventResizeMem = memoizeRendering(_this.renderEventResizeWrap, _this.unrenderEventResizeWrap, [_this.renderDatesMem]);\n        _this.viewSpec = viewSpec;\n        _this.type = viewSpec.type;\n        parentEl.appendChild(_this.el);\n        _this.initialize();\n        return _this;\n    }\n    View.prototype.initialize = function () {\n    };\n    Object.defineProperty(View.prototype, \"activeStart\", {\n        // Date Setting/Unsetting\n        // -----------------------------------------------------------------------------------------------------------------\n        get: function () {\n            return this.context.dateEnv.toDate(this.props.dateProfile.activeRange.start);\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(View.prototype, \"activeEnd\", {\n        get: function () {\n            return this.context.dateEnv.toDate(this.props.dateProfile.activeRange.end);\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(View.prototype, \"currentStart\", {\n        get: function () {\n            return this.context.dateEnv.toDate(this.props.dateProfile.currentRange.start);\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(View.prototype, \"currentEnd\", {\n        get: function () {\n            return this.context.dateEnv.toDate(this.props.dateProfile.currentRange.end);\n        },\n        enumerable: true,\n        configurable: true\n    });\n    // General Rendering\n    // -----------------------------------------------------------------------------------------------------------------\n    View.prototype.render = function (props, context) {\n        this.renderDatesMem(props.dateProfile);\n        this.renderBusinessHoursMem(props.businessHours);\n        this.renderDateSelectionMem(props.dateSelection);\n        this.renderEventsMem(props.eventStore);\n        this.renderEventSelectionMem(props.eventSelection);\n        this.renderEventDragMem(props.eventDrag);\n        this.renderEventResizeMem(props.eventResize);\n    };\n    View.prototype.beforeUpdate = function () {\n        this.addScroll(this.queryScroll());\n    };\n    View.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.renderDatesMem.unrender(); // should unrender everything else\n    };\n    // Sizing\n    // -----------------------------------------------------------------------------------------------------------------\n    View.prototype.updateSize = function (isResize, viewHeight, isAuto) {\n        var calendar = this.context.calendar;\n        if (isResize) {\n            this.addScroll(this.queryScroll()); // NOTE: same code as in beforeUpdate\n        }\n        if (isResize || // HACKS...\n            calendar.isViewUpdated ||\n            calendar.isDatesUpdated ||\n            calendar.isEventsUpdated) {\n            // sort of the catch-all sizing\n            // anything that might cause dimension changes\n            this.updateBaseSize(isResize, viewHeight, isAuto);\n        }\n        // NOTE: popScroll is called by CalendarComponent\n    };\n    View.prototype.updateBaseSize = function (isResize, viewHeight, isAuto) {\n    };\n    // Date Rendering\n    // -----------------------------------------------------------------------------------------------------------------\n    View.prototype.renderDatesWrap = function (dateProfile) {\n        this.renderDates(dateProfile);\n        this.addScroll({\n            duration: createDuration(this.context.options.scrollTime)\n        });\n    };\n    View.prototype.unrenderDatesWrap = function () {\n        this.stopNowIndicator();\n        this.unrenderDates();\n    };\n    View.prototype.renderDates = function (dateProfile) { };\n    View.prototype.unrenderDates = function () { };\n    // Business Hours\n    // -----------------------------------------------------------------------------------------------------------------\n    View.prototype.renderBusinessHours = function (businessHours) { };\n    View.prototype.unrenderBusinessHours = function () { };\n    // Date Selection\n    // -----------------------------------------------------------------------------------------------------------------\n    View.prototype.renderDateSelectionWrap = function (selection) {\n        if (selection) {\n            this.renderDateSelection(selection);\n        }\n    };\n    View.prototype.unrenderDateSelectionWrap = function (selection) {\n        if (selection) {\n            this.unrenderDateSelection(selection);\n        }\n    };\n    View.prototype.renderDateSelection = function (selection) { };\n    View.prototype.unrenderDateSelection = function (selection) { };\n    // Event Rendering\n    // -----------------------------------------------------------------------------------------------------------------\n    View.prototype.renderEvents = function (eventStore) { };\n    View.prototype.unrenderEvents = function () { };\n    // util for subclasses\n    View.prototype.sliceEvents = function (eventStore, allDay) {\n        var props = this.props;\n        return sliceEventStore(eventStore, props.eventUiBases, props.dateProfile.activeRange, allDay ? this.context.nextDayThreshold : null).fg;\n    };\n    // Event Selection\n    // -----------------------------------------------------------------------------------------------------------------\n    View.prototype.renderEventSelectionWrap = function (instanceId) {\n        if (instanceId) {\n            this.renderEventSelection(instanceId);\n        }\n    };\n    View.prototype.unrenderEventSelectionWrap = function (instanceId) {\n        if (instanceId) {\n            this.unrenderEventSelection(instanceId);\n        }\n    };\n    View.prototype.renderEventSelection = function (instanceId) { };\n    View.prototype.unrenderEventSelection = function (instanceId) { };\n    // Event Drag\n    // -----------------------------------------------------------------------------------------------------------------\n    View.prototype.renderEventDragWrap = function (state) {\n        if (state) {\n            this.renderEventDrag(state);\n        }\n    };\n    View.prototype.unrenderEventDragWrap = function (state) {\n        if (state) {\n            this.unrenderEventDrag(state);\n        }\n    };\n    View.prototype.renderEventDrag = function (state) { };\n    View.prototype.unrenderEventDrag = function (state) { };\n    // Event Resize\n    // -----------------------------------------------------------------------------------------------------------------\n    View.prototype.renderEventResizeWrap = function (state) {\n        if (state) {\n            this.renderEventResize(state);\n        }\n    };\n    View.prototype.unrenderEventResizeWrap = function (state) {\n        if (state) {\n            this.unrenderEventResize(state);\n        }\n    };\n    View.prototype.renderEventResize = function (state) { };\n    View.prototype.unrenderEventResize = function (state) { };\n    /* Now Indicator\n    ------------------------------------------------------------------------------------------------------------------*/\n    // Immediately render the current time indicator and begins re-rendering it at an interval,\n    // which is defined by this.getNowIndicatorUnit().\n    // TODO: somehow do this for the current whole day's background too\n    // USAGE: must be called manually from subclasses' render methods! don't need to call stopNowIndicator tho\n    View.prototype.startNowIndicator = function (dateProfile, dateProfileGenerator) {\n        var _this = this;\n        var _a = this.context, calendar = _a.calendar, dateEnv = _a.dateEnv, options = _a.options;\n        var unit;\n        var update;\n        var delay; // ms wait value\n        if (options.nowIndicator && !this.initialNowDate) {\n            unit = this.getNowIndicatorUnit(dateProfile, dateProfileGenerator);\n            if (unit) {\n                update = this.updateNowIndicator.bind(this);\n                this.initialNowDate = calendar.getNow();\n                this.initialNowQueriedMs = new Date().valueOf();\n                // wait until the beginning of the next interval\n                delay = dateEnv.add(dateEnv.startOf(this.initialNowDate, unit), createDuration(1, unit)).valueOf() - this.initialNowDate.valueOf();\n                // TODO: maybe always use setTimeout, waiting until start of next unit\n                this.nowIndicatorTimeoutID = setTimeout(function () {\n                    _this.nowIndicatorTimeoutID = null;\n                    update();\n                    if (unit === 'second') {\n                        delay = 1000; // every second\n                    }\n                    else {\n                        delay = 1000 * 60; // otherwise, every minute\n                    }\n                    _this.nowIndicatorIntervalID = setInterval(update, delay); // update every interval\n                }, delay);\n            }\n            // rendering will be initiated in updateSize\n        }\n    };\n    // rerenders the now indicator, computing the new current time from the amount of time that has passed\n    // since the initial getNow call.\n    View.prototype.updateNowIndicator = function () {\n        if (this.props.dateProfile && // a way to determine if dates were rendered yet\n            this.initialNowDate // activated before?\n        ) {\n            this.unrenderNowIndicator(); // won't unrender if unnecessary\n            this.renderNowIndicator(addMs(this.initialNowDate, new Date().valueOf() - this.initialNowQueriedMs));\n            this.isNowIndicatorRendered = true;\n        }\n    };\n    // Immediately unrenders the view's current time indicator and stops any re-rendering timers.\n    // Won't cause side effects if indicator isn't rendered.\n    View.prototype.stopNowIndicator = function () {\n        if (this.nowIndicatorTimeoutID) {\n            clearTimeout(this.nowIndicatorTimeoutID);\n            this.nowIndicatorTimeoutID = null;\n        }\n        if (this.nowIndicatorIntervalID) {\n            clearInterval(this.nowIndicatorIntervalID);\n            this.nowIndicatorIntervalID = null;\n        }\n        if (this.isNowIndicatorRendered) {\n            this.unrenderNowIndicator();\n            this.isNowIndicatorRendered = false;\n        }\n    };\n    View.prototype.getNowIndicatorUnit = function (dateProfile, dateProfileGenerator) {\n        // subclasses should implement\n    };\n    // Renders a current time indicator at the given datetime\n    View.prototype.renderNowIndicator = function (date) {\n        // SUBCLASSES MUST PASS TO CHILDREN!\n    };\n    // Undoes the rendering actions from renderNowIndicator\n    View.prototype.unrenderNowIndicator = function () {\n        // SUBCLASSES MUST PASS TO CHILDREN!\n    };\n    /* Scroller\n    ------------------------------------------------------------------------------------------------------------------*/\n    View.prototype.addScroll = function (scroll, isForced) {\n        if (isForced) {\n            scroll.isForced = isForced;\n        }\n        __assign(this.queuedScroll || (this.queuedScroll = {}), scroll);\n    };\n    View.prototype.popScroll = function (isResize) {\n        this.applyQueuedScroll(isResize);\n        this.queuedScroll = null;\n    };\n    View.prototype.applyQueuedScroll = function (isResize) {\n        if (this.queuedScroll) {\n            this.applyScroll(this.queuedScroll, isResize);\n        }\n    };\n    View.prototype.queryScroll = function () {\n        var scroll = {};\n        if (this.props.dateProfile) { // dates rendered yet?\n            __assign(scroll, this.queryDateScroll());\n        }\n        return scroll;\n    };\n    View.prototype.applyScroll = function (scroll, isResize) {\n        var duration = scroll.duration, isForced = scroll.isForced;\n        if (duration != null && !isForced) {\n            delete scroll.duration;\n            if (this.props.dateProfile) { // dates rendered yet?\n                __assign(scroll, this.computeDateScroll(duration));\n            }\n        }\n        if (this.props.dateProfile) { // dates rendered yet?\n            this.applyDateScroll(scroll);\n        }\n    };\n    View.prototype.computeDateScroll = function (duration) {\n        return {}; // subclasses must implement\n    };\n    View.prototype.queryDateScroll = function () {\n        return {}; // subclasses must implement\n    };\n    View.prototype.applyDateScroll = function (scroll) {\n        // subclasses must implement\n    };\n    // for API\n    View.prototype.scrollToDuration = function (duration) {\n        this.applyScroll({ duration: duration }, false);\n    };\n    return View;\n}(DateComponent));\nEmitterMixin.mixInto(View);\nView.prototype.usesMinMaxTime = false;\nView.prototype.dateProfileGeneratorClass = DateProfileGenerator;\n\nvar FgEventRenderer = /** @class */ (function () {\n    function FgEventRenderer() {\n        this.segs = [];\n        this.isSizeDirty = false;\n    }\n    FgEventRenderer.prototype.renderSegs = function (context, segs, mirrorInfo) {\n        this.context = context;\n        this.rangeUpdated(); // called too frequently :(\n        // render an `.el` on each seg\n        // returns a subset of the segs. segs that were actually rendered\n        segs = this.renderSegEls(segs, mirrorInfo);\n        this.segs = segs;\n        this.attachSegs(segs, mirrorInfo);\n        this.isSizeDirty = true;\n        triggerRenderedSegs(this.context, this.segs, Boolean(mirrorInfo));\n    };\n    FgEventRenderer.prototype.unrender = function (context, _segs, mirrorInfo) {\n        triggerWillRemoveSegs(this.context, this.segs, Boolean(mirrorInfo));\n        this.detachSegs(this.segs);\n        this.segs = [];\n    };\n    // Updates values that rely on options and also relate to range\n    FgEventRenderer.prototype.rangeUpdated = function () {\n        var options = this.context.options;\n        var displayEventTime;\n        var displayEventEnd;\n        this.eventTimeFormat = createFormatter(options.eventTimeFormat || this.computeEventTimeFormat(), options.defaultRangeSeparator);\n        displayEventTime = options.displayEventTime;\n        if (displayEventTime == null) {\n            displayEventTime = this.computeDisplayEventTime(); // might be based off of range\n        }\n        displayEventEnd = options.displayEventEnd;\n        if (displayEventEnd == null) {\n            displayEventEnd = this.computeDisplayEventEnd(); // might be based off of range\n        }\n        this.displayEventTime = displayEventTime;\n        this.displayEventEnd = displayEventEnd;\n    };\n    // Renders and assigns an `el` property for each foreground event segment.\n    // Only returns segments that successfully rendered.\n    FgEventRenderer.prototype.renderSegEls = function (segs, mirrorInfo) {\n        var html = '';\n        var i;\n        if (segs.length) { // don't build an empty html string\n            // build a large concatenation of event segment HTML\n            for (i = 0; i < segs.length; i++) {\n                html += this.renderSegHtml(segs[i], mirrorInfo);\n            }\n            // Grab individual elements from the combined HTML string. Use each as the default rendering.\n            // Then, compute the 'el' for each segment. An el might be null if the eventRender callback returned false.\n            htmlToElements(html).forEach(function (el, i) {\n                var seg = segs[i];\n                if (el) {\n                    seg.el = el;\n                }\n            });\n            segs = filterSegsViaEls(this.context, segs, Boolean(mirrorInfo));\n        }\n        return segs;\n    };\n    // Generic utility for generating the HTML classNames for an event segment's element\n    FgEventRenderer.prototype.getSegClasses = function (seg, isDraggable, isResizable, mirrorInfo) {\n        var classes = [\n            'fc-event',\n            seg.isStart ? 'fc-start' : 'fc-not-start',\n            seg.isEnd ? 'fc-end' : 'fc-not-end'\n        ].concat(seg.eventRange.ui.classNames);\n        if (isDraggable) {\n            classes.push('fc-draggable');\n        }\n        if (isResizable) {\n            classes.push('fc-resizable');\n        }\n        if (mirrorInfo) {\n            classes.push('fc-mirror');\n            if (mirrorInfo.isDragging) {\n                classes.push('fc-dragging');\n            }\n            if (mirrorInfo.isResizing) {\n                classes.push('fc-resizing');\n            }\n        }\n        return classes;\n    };\n    // Compute the text that should be displayed on an event's element.\n    // `range` can be the Event object itself, or something range-like, with at least a `start`.\n    // If event times are disabled, or the event has no time, will return a blank string.\n    // If not specified, formatter will default to the eventTimeFormat setting,\n    // and displayEnd will default to the displayEventEnd setting.\n    FgEventRenderer.prototype.getTimeText = function (eventRange, formatter, displayEnd) {\n        var def = eventRange.def, instance = eventRange.instance;\n        return this._getTimeText(instance.range.start, def.hasEnd ? instance.range.end : null, def.allDay, formatter, displayEnd, instance.forcedStartTzo, instance.forcedEndTzo);\n    };\n    FgEventRenderer.prototype._getTimeText = function (start, end, allDay, formatter, displayEnd, forcedStartTzo, forcedEndTzo) {\n        var dateEnv = this.context.dateEnv;\n        if (formatter == null) {\n            formatter = this.eventTimeFormat;\n        }\n        if (displayEnd == null) {\n            displayEnd = this.displayEventEnd;\n        }\n        if (this.displayEventTime && !allDay) {\n            if (displayEnd && end) {\n                return dateEnv.formatRange(start, end, formatter, {\n                    forcedStartTzo: forcedStartTzo,\n                    forcedEndTzo: forcedEndTzo\n                });\n            }\n            else {\n                return dateEnv.format(start, formatter, {\n                    forcedTzo: forcedStartTzo\n                });\n            }\n        }\n        return '';\n    };\n    FgEventRenderer.prototype.computeEventTimeFormat = function () {\n        return {\n            hour: 'numeric',\n            minute: '2-digit',\n            omitZeroMinute: true\n        };\n    };\n    FgEventRenderer.prototype.computeDisplayEventTime = function () {\n        return true;\n    };\n    FgEventRenderer.prototype.computeDisplayEventEnd = function () {\n        return true;\n    };\n    // Utility for generating event skin-related CSS properties\n    FgEventRenderer.prototype.getSkinCss = function (ui) {\n        return {\n            'background-color': ui.backgroundColor,\n            'border-color': ui.borderColor,\n            color: ui.textColor\n        };\n    };\n    FgEventRenderer.prototype.sortEventSegs = function (segs) {\n        var specs = this.context.eventOrderSpecs;\n        var objs = segs.map(buildSegCompareObj);\n        objs.sort(function (obj0, obj1) {\n            return compareByFieldSpecs(obj0, obj1, specs);\n        });\n        return objs.map(function (c) {\n            return c._seg;\n        });\n    };\n    FgEventRenderer.prototype.computeSizes = function (force) {\n        if (force || this.isSizeDirty) {\n            this.computeSegSizes(this.segs);\n        }\n    };\n    FgEventRenderer.prototype.assignSizes = function (force) {\n        if (force || this.isSizeDirty) {\n            this.assignSegSizes(this.segs);\n            this.isSizeDirty = false;\n        }\n    };\n    FgEventRenderer.prototype.computeSegSizes = function (segs) {\n    };\n    FgEventRenderer.prototype.assignSegSizes = function (segs) {\n    };\n    // Manipulation on rendered segs\n    FgEventRenderer.prototype.hideByHash = function (hash) {\n        if (hash) {\n            for (var _i = 0, _a = this.segs; _i < _a.length; _i++) {\n                var seg = _a[_i];\n                if (hash[seg.eventRange.instance.instanceId]) {\n                    seg.el.style.visibility = 'hidden';\n                }\n            }\n        }\n    };\n    FgEventRenderer.prototype.showByHash = function (hash) {\n        if (hash) {\n            for (var _i = 0, _a = this.segs; _i < _a.length; _i++) {\n                var seg = _a[_i];\n                if (hash[seg.eventRange.instance.instanceId]) {\n                    seg.el.style.visibility = '';\n                }\n            }\n        }\n    };\n    FgEventRenderer.prototype.selectByInstanceId = function (instanceId) {\n        if (instanceId) {\n            for (var _i = 0, _a = this.segs; _i < _a.length; _i++) {\n                var seg = _a[_i];\n                var eventInstance = seg.eventRange.instance;\n                if (eventInstance && eventInstance.instanceId === instanceId &&\n                    seg.el // necessary?\n                ) {\n                    seg.el.classList.add('fc-selected');\n                }\n            }\n        }\n    };\n    FgEventRenderer.prototype.unselectByInstanceId = function (instanceId) {\n        if (instanceId) {\n            for (var _i = 0, _a = this.segs; _i < _a.length; _i++) {\n                var seg = _a[_i];\n                if (seg.el) { // necessary?\n                    seg.el.classList.remove('fc-selected');\n                }\n            }\n        }\n    };\n    return FgEventRenderer;\n}());\n// returns a object with all primitive props that can be compared\nfunction buildSegCompareObj(seg) {\n    var eventDef = seg.eventRange.def;\n    var range = seg.eventRange.instance.range;\n    var start = range.start ? range.start.valueOf() : 0; // TODO: better support for open-range events\n    var end = range.end ? range.end.valueOf() : 0; // \"\n    return __assign({}, eventDef.extendedProps, eventDef, { id: eventDef.publicId, start: start,\n        end: end, duration: end - start, allDay: Number(eventDef.allDay), _seg: seg // for later retrieval\n     });\n}\n\n/*\nTODO: when refactoring this class, make a new FillRenderer instance for each `type`\n*/\nvar FillRenderer = /** @class */ (function () {\n    function FillRenderer() {\n        this.fillSegTag = 'div';\n        this.dirtySizeFlags = {};\n        this.containerElsByType = {};\n        this.segsByType = {};\n    }\n    FillRenderer.prototype.getSegsByType = function (type) {\n        return this.segsByType[type] || [];\n    };\n    FillRenderer.prototype.renderSegs = function (type, context, segs) {\n        var _a;\n        this.context = context;\n        var renderedSegs = this.renderSegEls(type, segs); // assignes `.el` to each seg. returns successfully rendered segs\n        var containerEls = this.attachSegs(type, renderedSegs);\n        if (containerEls) {\n            (_a = (this.containerElsByType[type] || (this.containerElsByType[type] = []))).push.apply(_a, containerEls);\n        }\n        this.segsByType[type] = renderedSegs;\n        if (type === 'bgEvent') {\n            triggerRenderedSegs(context, renderedSegs, false); // isMirror=false\n        }\n        this.dirtySizeFlags[type] = true;\n    };\n    // Unrenders a specific type of fill that is currently rendered on the grid\n    FillRenderer.prototype.unrender = function (type, context) {\n        var segs = this.segsByType[type];\n        if (segs) {\n            if (type === 'bgEvent') {\n                triggerWillRemoveSegs(context, segs, false); // isMirror=false\n            }\n            this.detachSegs(type, segs);\n        }\n    };\n    // Renders and assigns an `el` property for each fill segment. Generic enough to work with different types.\n    // Only returns segments that successfully rendered.\n    FillRenderer.prototype.renderSegEls = function (type, segs) {\n        var _this = this;\n        var html = '';\n        var i;\n        if (segs.length) {\n            // build a large concatenation of segment HTML\n            for (i = 0; i < segs.length; i++) {\n                html += this.renderSegHtml(type, segs[i]);\n            }\n            // Grab individual elements from the combined HTML string. Use each as the default rendering.\n            // Then, compute the 'el' for each segment.\n            htmlToElements(html).forEach(function (el, i) {\n                var seg = segs[i];\n                if (el) {\n                    seg.el = el;\n                }\n            });\n            if (type === 'bgEvent') {\n                segs = filterSegsViaEls(this.context, segs, false // isMirror. background events can never be mirror elements\n                );\n            }\n            // correct element type? (would be bad if a non-TD were inserted into a table for example)\n            segs = segs.filter(function (seg) {\n                return elementMatches(seg.el, _this.fillSegTag);\n            });\n        }\n        return segs;\n    };\n    // Builds the HTML needed for one fill segment. Generic enough to work with different types.\n    FillRenderer.prototype.renderSegHtml = function (type, seg) {\n        var css = null;\n        var classNames = [];\n        if (type !== 'highlight' && type !== 'businessHours') {\n            css = {\n                'background-color': seg.eventRange.ui.backgroundColor\n            };\n        }\n        if (type !== 'highlight') {\n            classNames = classNames.concat(seg.eventRange.ui.classNames);\n        }\n        if (type === 'businessHours') {\n            classNames.push('fc-bgevent');\n        }\n        else {\n            classNames.push('fc-' + type.toLowerCase());\n        }\n        return '<' + this.fillSegTag +\n            (classNames.length ? ' class=\"' + classNames.join(' ') + '\"' : '') +\n            (css ? ' style=\"' + cssToStr(css) + '\"' : '') +\n            '></' + this.fillSegTag + '>';\n    };\n    FillRenderer.prototype.detachSegs = function (type, segs) {\n        var containerEls = this.containerElsByType[type];\n        if (containerEls) {\n            containerEls.forEach(removeElement);\n            delete this.containerElsByType[type];\n        }\n    };\n    FillRenderer.prototype.computeSizes = function (force) {\n        for (var type in this.segsByType) {\n            if (force || this.dirtySizeFlags[type]) {\n                this.computeSegSizes(this.segsByType[type]);\n            }\n        }\n    };\n    FillRenderer.prototype.assignSizes = function (force) {\n        for (var type in this.segsByType) {\n            if (force || this.dirtySizeFlags[type]) {\n                this.assignSegSizes(this.segsByType[type]);\n            }\n        }\n        this.dirtySizeFlags = {};\n    };\n    FillRenderer.prototype.computeSegSizes = function (segs) {\n    };\n    FillRenderer.prototype.assignSegSizes = function (segs) {\n    };\n    return FillRenderer;\n}());\n\nvar NamedTimeZoneImpl = /** @class */ (function () {\n    function NamedTimeZoneImpl(timeZoneName) {\n        this.timeZoneName = timeZoneName;\n    }\n    return NamedTimeZoneImpl;\n}());\n\n/*\nAn abstraction for a dragging interaction originating on an event.\nDoes higher-level things than PointerDragger, such as possibly:\n- a \"mirror\" that moves with the pointer\n- a minimum number of pixels or other criteria for a true drag to begin\n\nsubclasses must emit:\n- pointerdown\n- dragstart\n- dragmove\n- pointerup\n- dragend\n*/\nvar ElementDragging = /** @class */ (function () {\n    function ElementDragging(el) {\n        this.emitter = new EmitterMixin();\n    }\n    ElementDragging.prototype.destroy = function () {\n    };\n    ElementDragging.prototype.setMirrorIsVisible = function (bool) {\n        // optional if subclass doesn't want to support a mirror\n    };\n    ElementDragging.prototype.setMirrorNeedsRevert = function (bool) {\n        // optional if subclass doesn't want to support a mirror\n    };\n    ElementDragging.prototype.setAutoScrollEnabled = function (bool) {\n        // optional\n    };\n    return ElementDragging;\n}());\n\nfunction formatDate(dateInput, settings) {\n    if (settings === void 0) { settings = {}; }\n    var dateEnv = buildDateEnv$1(settings);\n    var formatter = createFormatter(settings);\n    var dateMeta = dateEnv.createMarkerMeta(dateInput);\n    if (!dateMeta) { // TODO: warning?\n        return '';\n    }\n    return dateEnv.format(dateMeta.marker, formatter, {\n        forcedTzo: dateMeta.forcedTzo\n    });\n}\nfunction formatRange(startInput, endInput, settings // mixture of env and formatter settings\n) {\n    var dateEnv = buildDateEnv$1(typeof settings === 'object' && settings ? settings : {}); // pass in if non-null object\n    var formatter = createFormatter(settings, globalDefaults.defaultRangeSeparator);\n    var startMeta = dateEnv.createMarkerMeta(startInput);\n    var endMeta = dateEnv.createMarkerMeta(endInput);\n    if (!startMeta || !endMeta) { // TODO: warning?\n        return '';\n    }\n    return dateEnv.formatRange(startMeta.marker, endMeta.marker, formatter, {\n        forcedStartTzo: startMeta.forcedTzo,\n        forcedEndTzo: endMeta.forcedTzo,\n        isEndExclusive: settings.isEndExclusive\n    });\n}\n// TODO: more DRY and optimized\nfunction buildDateEnv$1(settings) {\n    var locale = buildLocale(settings.locale || 'en', parseRawLocales([]).map); // TODO: don't hardcode 'en' everywhere\n    // ensure required settings\n    settings = __assign({ timeZone: globalDefaults.timeZone, calendarSystem: 'gregory' }, settings, { locale: locale });\n    return new DateEnv(settings);\n}\n\nvar DRAG_META_PROPS = {\n    startTime: createDuration,\n    duration: createDuration,\n    create: Boolean,\n    sourceId: String\n};\nvar DRAG_META_DEFAULTS = {\n    create: true\n};\nfunction parseDragMeta(raw) {\n    var leftoverProps = {};\n    var refined = refineProps(raw, DRAG_META_PROPS, DRAG_META_DEFAULTS, leftoverProps);\n    refined.leftoverProps = leftoverProps;\n    return refined;\n}\n\n// Computes a default column header formatting string if `colFormat` is not explicitly defined\nfunction computeFallbackHeaderFormat(datesRepDistinctDays, dayCnt) {\n    // if more than one week row, or if there are a lot of columns with not much space,\n    // put just the day numbers will be in each cell\n    if (!datesRepDistinctDays || dayCnt > 10) {\n        return { weekday: 'short' }; // \"Sat\"\n    }\n    else if (dayCnt > 1) {\n        return { weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true }; // \"Sat 11/12\"\n    }\n    else {\n        return { weekday: 'long' }; // \"Saturday\"\n    }\n}\nfunction renderDateCell(dateMarker, dateProfile, datesRepDistinctDays, colCnt, colHeadFormat, context, colspan, otherAttrs) {\n    var dateEnv = context.dateEnv, theme = context.theme, options = context.options;\n    var isDateValid = rangeContainsMarker(dateProfile.activeRange, dateMarker); // TODO: called too frequently. cache somehow.\n    var classNames = [\n        'fc-day-header',\n        theme.getClass('widgetHeader')\n    ];\n    var innerHtml;\n    if (typeof options.columnHeaderHtml === 'function') {\n        innerHtml = options.columnHeaderHtml(dateEnv.toDate(dateMarker));\n    }\n    else if (typeof options.columnHeaderText === 'function') {\n        innerHtml = htmlEscape(options.columnHeaderText(dateEnv.toDate(dateMarker)));\n    }\n    else {\n        innerHtml = htmlEscape(dateEnv.format(dateMarker, colHeadFormat));\n    }\n    // if only one row of days, the classNames on the header can represent the specific days beneath\n    if (datesRepDistinctDays) {\n        classNames = classNames.concat(\n        // includes the day-of-week class\n        // noThemeHighlight=true (don't highlight the header)\n        getDayClasses(dateMarker, dateProfile, context, true));\n    }\n    else {\n        classNames.push('fc-' + DAY_IDS[dateMarker.getUTCDay()]); // only add the day-of-week class\n    }\n    return '' +\n        '<th class=\"' + classNames.join(' ') + '\"' +\n        ((isDateValid && datesRepDistinctDays) ?\n            ' data-date=\"' + dateEnv.formatIso(dateMarker, { omitTime: true }) + '\"' :\n            '') +\n        (colspan > 1 ?\n            ' colspan=\"' + colspan + '\"' :\n            '') +\n        (otherAttrs ?\n            ' ' + otherAttrs :\n            '') +\n        '>' +\n        (isDateValid ?\n            // don't make a link if the heading could represent multiple days, or if there's only one day (forceOff)\n            buildGotoAnchorHtml(options, dateEnv, { date: dateMarker, forceOff: !datesRepDistinctDays || colCnt === 1 }, innerHtml) :\n            // if not valid, display text, but no link\n            innerHtml) +\n        '</th>';\n}\n\nvar DayHeader = /** @class */ (function (_super) {\n    __extends(DayHeader, _super);\n    function DayHeader(parentEl) {\n        var _this = _super.call(this) || this;\n        _this.renderSkeleton = memoizeRendering(_this._renderSkeleton, _this._unrenderSkeleton);\n        _this.parentEl = parentEl;\n        return _this;\n    }\n    DayHeader.prototype.render = function (props, context) {\n        var dates = props.dates, datesRepDistinctDays = props.datesRepDistinctDays;\n        var parts = [];\n        this.renderSkeleton(context);\n        if (props.renderIntroHtml) {\n            parts.push(props.renderIntroHtml());\n        }\n        var colHeadFormat = createFormatter(context.options.columnHeaderFormat ||\n            computeFallbackHeaderFormat(datesRepDistinctDays, dates.length));\n        for (var _i = 0, dates_1 = dates; _i < dates_1.length; _i++) {\n            var date = dates_1[_i];\n            parts.push(renderDateCell(date, props.dateProfile, datesRepDistinctDays, dates.length, colHeadFormat, context));\n        }\n        if (context.isRtl) {\n            parts.reverse();\n        }\n        this.thead.innerHTML = '<tr>' + parts.join('') + '</tr>';\n    };\n    DayHeader.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.renderSkeleton.unrender();\n    };\n    DayHeader.prototype._renderSkeleton = function (context) {\n        var theme = context.theme;\n        var parentEl = this.parentEl;\n        parentEl.innerHTML = ''; // because might be nbsp\n        parentEl.appendChild(this.el = htmlToElement('<div class=\"fc-row ' + theme.getClass('headerRow') + '\">' +\n            '<table class=\"' + theme.getClass('tableGrid') + '\">' +\n            '<thead></thead>' +\n            '</table>' +\n            '</div>'));\n        this.thead = this.el.querySelector('thead');\n    };\n    DayHeader.prototype._unrenderSkeleton = function () {\n        removeElement(this.el);\n    };\n    return DayHeader;\n}(Component));\n\nvar DaySeries = /** @class */ (function () {\n    function DaySeries(range, dateProfileGenerator) {\n        var date = range.start;\n        var end = range.end;\n        var indices = [];\n        var dates = [];\n        var dayIndex = -1;\n        while (date < end) { // loop each day from start to end\n            if (dateProfileGenerator.isHiddenDay(date)) {\n                indices.push(dayIndex + 0.5); // mark that it's between indices\n            }\n            else {\n                dayIndex++;\n                indices.push(dayIndex);\n                dates.push(date);\n            }\n            date = addDays(date, 1);\n        }\n        this.dates = dates;\n        this.indices = indices;\n        this.cnt = dates.length;\n    }\n    DaySeries.prototype.sliceRange = function (range) {\n        var firstIndex = this.getDateDayIndex(range.start); // inclusive first index\n        var lastIndex = this.getDateDayIndex(addDays(range.end, -1)); // inclusive last index\n        var clippedFirstIndex = Math.max(0, firstIndex);\n        var clippedLastIndex = Math.min(this.cnt - 1, lastIndex);\n        // deal with in-between indices\n        clippedFirstIndex = Math.ceil(clippedFirstIndex); // in-between starts round to next cell\n        clippedLastIndex = Math.floor(clippedLastIndex); // in-between ends round to prev cell\n        if (clippedFirstIndex <= clippedLastIndex) {\n            return {\n                firstIndex: clippedFirstIndex,\n                lastIndex: clippedLastIndex,\n                isStart: firstIndex === clippedFirstIndex,\n                isEnd: lastIndex === clippedLastIndex\n            };\n        }\n        else {\n            return null;\n        }\n    };\n    // Given a date, returns its chronolocial cell-index from the first cell of the grid.\n    // If the date lies between cells (because of hiddenDays), returns a floating-point value between offsets.\n    // If before the first offset, returns a negative number.\n    // If after the last offset, returns an offset past the last cell offset.\n    // Only works for *start* dates of cells. Will not work for exclusive end dates for cells.\n    DaySeries.prototype.getDateDayIndex = function (date) {\n        var indices = this.indices;\n        var dayOffset = Math.floor(diffDays(this.dates[0], date));\n        if (dayOffset < 0) {\n            return indices[0] - 1;\n        }\n        else if (dayOffset >= indices.length) {\n            return indices[indices.length - 1] + 1;\n        }\n        else {\n            return indices[dayOffset];\n        }\n    };\n    return DaySeries;\n}());\n\nvar DayTable = /** @class */ (function () {\n    function DayTable(daySeries, breakOnWeeks) {\n        var dates = daySeries.dates;\n        var daysPerRow;\n        var firstDay;\n        var rowCnt;\n        if (breakOnWeeks) {\n            // count columns until the day-of-week repeats\n            firstDay = dates[0].getUTCDay();\n            for (daysPerRow = 1; daysPerRow < dates.length; daysPerRow++) {\n                if (dates[daysPerRow].getUTCDay() === firstDay) {\n                    break;\n                }\n            }\n            rowCnt = Math.ceil(dates.length / daysPerRow);\n        }\n        else {\n            rowCnt = 1;\n            daysPerRow = dates.length;\n        }\n        this.rowCnt = rowCnt;\n        this.colCnt = daysPerRow;\n        this.daySeries = daySeries;\n        this.cells = this.buildCells();\n        this.headerDates = this.buildHeaderDates();\n    }\n    DayTable.prototype.buildCells = function () {\n        var rows = [];\n        for (var row = 0; row < this.rowCnt; row++) {\n            var cells = [];\n            for (var col = 0; col < this.colCnt; col++) {\n                cells.push(this.buildCell(row, col));\n            }\n            rows.push(cells);\n        }\n        return rows;\n    };\n    DayTable.prototype.buildCell = function (row, col) {\n        return {\n            date: this.daySeries.dates[row * this.colCnt + col]\n        };\n    };\n    DayTable.prototype.buildHeaderDates = function () {\n        var dates = [];\n        for (var col = 0; col < this.colCnt; col++) {\n            dates.push(this.cells[0][col].date);\n        }\n        return dates;\n    };\n    DayTable.prototype.sliceRange = function (range) {\n        var colCnt = this.colCnt;\n        var seriesSeg = this.daySeries.sliceRange(range);\n        var segs = [];\n        if (seriesSeg) {\n            var firstIndex = seriesSeg.firstIndex, lastIndex = seriesSeg.lastIndex;\n            var index = firstIndex;\n            while (index <= lastIndex) {\n                var row = Math.floor(index / colCnt);\n                var nextIndex = Math.min((row + 1) * colCnt, lastIndex + 1);\n                segs.push({\n                    row: row,\n                    firstCol: index % colCnt,\n                    lastCol: (nextIndex - 1) % colCnt,\n                    isStart: seriesSeg.isStart && index === firstIndex,\n                    isEnd: seriesSeg.isEnd && (nextIndex - 1) === lastIndex\n                });\n                index = nextIndex;\n            }\n        }\n        return segs;\n    };\n    return DayTable;\n}());\n\nvar Slicer = /** @class */ (function () {\n    function Slicer() {\n        this.sliceBusinessHours = memoize(this._sliceBusinessHours);\n        this.sliceDateSelection = memoize(this._sliceDateSpan);\n        this.sliceEventStore = memoize(this._sliceEventStore);\n        this.sliceEventDrag = memoize(this._sliceInteraction);\n        this.sliceEventResize = memoize(this._sliceInteraction);\n    }\n    Slicer.prototype.sliceProps = function (props, dateProfile, nextDayThreshold, calendar, component) {\n        var extraArgs = [];\n        for (var _i = 5; _i < arguments.length; _i++) {\n            extraArgs[_i - 5] = arguments[_i];\n        }\n        var eventUiBases = props.eventUiBases;\n        var eventSegs = this.sliceEventStore.apply(this, [props.eventStore, eventUiBases, dateProfile, nextDayThreshold, component].concat(extraArgs));\n        return {\n            dateSelectionSegs: this.sliceDateSelection.apply(this, [props.dateSelection, eventUiBases, component].concat(extraArgs)),\n            businessHourSegs: this.sliceBusinessHours.apply(this, [props.businessHours, dateProfile, nextDayThreshold, calendar, component].concat(extraArgs)),\n            fgEventSegs: eventSegs.fg,\n            bgEventSegs: eventSegs.bg,\n            eventDrag: this.sliceEventDrag.apply(this, [props.eventDrag, eventUiBases, dateProfile, nextDayThreshold, component].concat(extraArgs)),\n            eventResize: this.sliceEventResize.apply(this, [props.eventResize, eventUiBases, dateProfile, nextDayThreshold, component].concat(extraArgs)),\n            eventSelection: props.eventSelection\n        }; // TODO: give interactionSegs?\n    };\n    Slicer.prototype.sliceNowDate = function (// does not memoize\n    date, component) {\n        var extraArgs = [];\n        for (var _i = 2; _i < arguments.length; _i++) {\n            extraArgs[_i - 2] = arguments[_i];\n        }\n        return this._sliceDateSpan.apply(this, [{ range: { start: date, end: addMs(date, 1) }, allDay: false },\n            {},\n            component].concat(extraArgs));\n    };\n    Slicer.prototype._sliceBusinessHours = function (businessHours, dateProfile, nextDayThreshold, calendar, component) {\n        var extraArgs = [];\n        for (var _i = 5; _i < arguments.length; _i++) {\n            extraArgs[_i - 5] = arguments[_i];\n        }\n        if (!businessHours) {\n            return [];\n        }\n        return this._sliceEventStore.apply(this, [expandRecurring(businessHours, computeActiveRange(dateProfile, Boolean(nextDayThreshold)), calendar),\n            {},\n            dateProfile,\n            nextDayThreshold,\n            component].concat(extraArgs)).bg;\n    };\n    Slicer.prototype._sliceEventStore = function (eventStore, eventUiBases, dateProfile, nextDayThreshold, component) {\n        var extraArgs = [];\n        for (var _i = 5; _i < arguments.length; _i++) {\n            extraArgs[_i - 5] = arguments[_i];\n        }\n        if (eventStore) {\n            var rangeRes = sliceEventStore(eventStore, eventUiBases, computeActiveRange(dateProfile, Boolean(nextDayThreshold)), nextDayThreshold);\n            return {\n                bg: this.sliceEventRanges(rangeRes.bg, component, extraArgs),\n                fg: this.sliceEventRanges(rangeRes.fg, component, extraArgs)\n            };\n        }\n        else {\n            return { bg: [], fg: [] };\n        }\n    };\n    Slicer.prototype._sliceInteraction = function (interaction, eventUiBases, dateProfile, nextDayThreshold, component) {\n        var extraArgs = [];\n        for (var _i = 5; _i < arguments.length; _i++) {\n            extraArgs[_i - 5] = arguments[_i];\n        }\n        if (!interaction) {\n            return null;\n        }\n        var rangeRes = sliceEventStore(interaction.mutatedEvents, eventUiBases, computeActiveRange(dateProfile, Boolean(nextDayThreshold)), nextDayThreshold);\n        return {\n            segs: this.sliceEventRanges(rangeRes.fg, component, extraArgs),\n            affectedInstances: interaction.affectedEvents.instances,\n            isEvent: interaction.isEvent,\n            sourceSeg: interaction.origSeg\n        };\n    };\n    Slicer.prototype._sliceDateSpan = function (dateSpan, eventUiBases, component) {\n        var extraArgs = [];\n        for (var _i = 3; _i < arguments.length; _i++) {\n            extraArgs[_i - 3] = arguments[_i];\n        }\n        if (!dateSpan) {\n            return [];\n        }\n        var eventRange = fabricateEventRange(dateSpan, eventUiBases, component.context.calendar);\n        var segs = this.sliceRange.apply(this, [dateSpan.range].concat(extraArgs));\n        for (var _a = 0, segs_1 = segs; _a < segs_1.length; _a++) {\n            var seg = segs_1[_a];\n            seg.component = component;\n            seg.eventRange = eventRange;\n        }\n        return segs;\n    };\n    /*\n    \"complete\" seg means it has component and eventRange\n    */\n    Slicer.prototype.sliceEventRanges = function (eventRanges, component, // TODO: kill\n    extraArgs) {\n        var segs = [];\n        for (var _i = 0, eventRanges_1 = eventRanges; _i < eventRanges_1.length; _i++) {\n            var eventRange = eventRanges_1[_i];\n            segs.push.apply(segs, this.sliceEventRange(eventRange, component, extraArgs));\n        }\n        return segs;\n    };\n    /*\n    \"complete\" seg means it has component and eventRange\n    */\n    Slicer.prototype.sliceEventRange = function (eventRange, component, // TODO: kill\n    extraArgs) {\n        var segs = this.sliceRange.apply(this, [eventRange.range].concat(extraArgs));\n        for (var _i = 0, segs_2 = segs; _i < segs_2.length; _i++) {\n            var seg = segs_2[_i];\n            seg.component = component;\n            seg.eventRange = eventRange;\n            seg.isStart = eventRange.isStart && seg.isStart;\n            seg.isEnd = eventRange.isEnd && seg.isEnd;\n        }\n        return segs;\n    };\n    return Slicer;\n}());\n/*\nfor incorporating minTime/maxTime if appropriate\nTODO: should be part of DateProfile!\nTimelineDateProfile already does this btw\n*/\nfunction computeActiveRange(dateProfile, isComponentAllDay) {\n    var range = dateProfile.activeRange;\n    if (isComponentAllDay) {\n        return range;\n    }\n    return {\n        start: addMs(range.start, dateProfile.minTime.milliseconds),\n        end: addMs(range.end, dateProfile.maxTime.milliseconds - 864e5) // 864e5 = ms in a day\n    };\n}\n\n// exports\n// --------------------------------------------------------------------------------------------------\nvar version = '4.4.2';\n\nexport { Calendar, Component, ComponentContext, DateComponent, DateEnv, DateProfileGenerator, DayHeader, DaySeries, DayTable, ElementDragging, ElementScrollController, EmitterMixin, EventApi, FgEventRenderer, FillRenderer, Interaction, Mixin, NamedTimeZoneImpl, PositionCache, ScrollComponent, ScrollController, Slicer, Splitter, Theme, View, WindowScrollController, addDays, addDurations, addMs, addWeeks, allowContextMenu, allowSelection, appendToElement, applyAll, applyMutationToEventStore, applyStyle, applyStyleProp, asRoughMinutes, asRoughMs, asRoughSeconds, buildGotoAnchorHtml, buildSegCompareObj, capitaliseFirstLetter, combineEventUis, compareByFieldSpec, compareByFieldSpecs, compareNumbers, compensateScroll, computeClippingRect, computeEdges, computeEventDraggable, computeEventEndResizable, computeEventStartResizable, computeFallbackHeaderFormat, computeHeightAndMargins, computeInnerRect, computeRect, computeVisibleDayRange, config, constrainPoint, createDuration, createElement, createEmptyEventStore, createEventInstance, createFormatter, createPlugin, cssToStr, debounce, diffDates, diffDayAndTime, diffDays, diffPoints, diffWeeks, diffWholeDays, diffWholeWeeks, disableCursor, distributeHeight, elementClosest, elementMatches, enableCursor, eventTupleToStore, filterEventStoreDefs, filterHash, findChildren, findElements, flexibleCompare, forceClassName, formatDate, formatIsoTimeString, formatRange, getAllDayHtml, getClippingParents, getDayClasses, getElSeg, getRectCenter, getRelevantEvents, globalDefaults, greatestDurationDenominator, hasBgRendering, htmlEscape, htmlToElement, insertAfterElement, interactionSettingsStore, interactionSettingsToStore, intersectRanges, intersectRects, isArraysEqual, isDateSpansEqual, isInt, isInteractionValid, isMultiDayRange, isPropsEqual, isPropsValid, isSingleDay, isValidDate, listenBySelector, mapHash, matchCellWidths, memoize, memoizeOutput, memoizeRendering, mergeEventStores, multiplyDuration, padStart, parseBusinessHours, parseDragMeta, parseEventDef, parseFieldSpecs, parse as parseMarker, pointInsideRect, prependToElement, preventContextMenu, preventDefault, preventSelection, processScopedUiProps, rangeContainsMarker, rangeContainsRange, rangesEqual, rangesIntersect, refineProps, removeElement, removeExact, renderDateCell, requestJson, sliceEventStore, startOfDay, subtractInnerElHeight, translateRect, uncompensateScroll, undistributeHeight, unpromisify, version, whenTransitionDone, wholeDivideDurations };\n", "/*!\nFullCalendar Day Grid Plugin v4.4.2\nDocs & License: https://fullcalendar.io/\n(c) 2019 Adam Shaw\n*/\n\nimport { addWeeks, diffWeeks, DateProfileGenerator, createElement, listenBySelector, removeElement, computeRect, computeClippingRect, applyStyle, computeEventDraggable, computeEventStartResizable, computeEventEndResizable, cssToStr, htmlEscape, FgEventRenderer, appendToElement, prependToElement, htmlToElement, FillRenderer, memoizeRendering, createFormatter, addDays, DateComponent, rangeContainsMarker, getDayClasses, findElements, PositionCache, buildGotoAnchorHtml, findChildren, insertAfterElement, intersectRanges, memoize, ScrollComponent, matchCellWidths, uncompensateScroll, compensateScroll, subtractInnerElHeight, distributeHeight, undistributeHeight, View, Slicer, DayHeader, DaySeries, DayTable, createPlugin } from '@fullcalendar/core';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nfunction __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nvar __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\n\nvar DayGridDateProfileGenerator = /** @class */ (function (_super) {\n    __extends(DayGridDateProfileGenerator, _super);\n    function DayGridDateProfileGenerator() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    // Computes the date range that will be rendered.\n    DayGridDateProfileGenerator.prototype.buildRenderRange = function (currentRange, currentRangeUnit, isRangeAllDay) {\n        var dateEnv = this.dateEnv;\n        var renderRange = _super.prototype.buildRenderRange.call(this, currentRange, currentRangeUnit, isRangeAllDay);\n        var start = renderRange.start;\n        var end = renderRange.end;\n        var endOfWeek;\n        // year and month views should be aligned with weeks. this is already done for week\n        if (/^(year|month)$/.test(currentRangeUnit)) {\n            start = dateEnv.startOfWeek(start);\n            // make end-of-week if not already\n            endOfWeek = dateEnv.startOfWeek(end);\n            if (endOfWeek.valueOf() !== end.valueOf()) {\n                end = addWeeks(endOfWeek, 1);\n            }\n        }\n        // ensure 6 weeks\n        if (this.options.monthMode &&\n            this.options.fixedWeekCount) {\n            var rowCnt = Math.ceil(// could be partial weeks due to hiddenDays\n            diffWeeks(start, end));\n            end = addWeeks(end, 6 - rowCnt);\n        }\n        return { start: start, end: end };\n    };\n    return DayGridDateProfileGenerator;\n}(DateProfileGenerator));\n\n/* A rectangular panel that is absolutely positioned over other content\n------------------------------------------------------------------------------------------------------------------------\nOptions:\n  - className (string)\n  - content (HTML string, element, or element array)\n  - parentEl\n  - top\n  - left\n  - right (the x coord of where the right edge should be. not a \"CSS\" right)\n  - autoHide (boolean)\n  - show (callback)\n  - hide (callback)\n*/\nvar Popover = /** @class */ (function () {\n    function Popover(options) {\n        var _this = this;\n        this.isHidden = true;\n        this.margin = 10; // the space required between the popover and the edges of the scroll container\n        // Triggered when the user clicks *anywhere* in the document, for the autoHide feature\n        this.documentMousedown = function (ev) {\n            // only hide the popover if the click happened outside the popover\n            if (_this.el && !_this.el.contains(ev.target)) {\n                _this.hide();\n            }\n        };\n        this.options = options;\n    }\n    // Shows the popover on the specified position. Renders it if not already\n    Popover.prototype.show = function () {\n        if (this.isHidden) {\n            if (!this.el) {\n                this.render();\n            }\n            this.el.style.display = '';\n            this.position();\n            this.isHidden = false;\n            this.trigger('show');\n        }\n    };\n    // Hides the popover, through CSS, but does not remove it from the DOM\n    Popover.prototype.hide = function () {\n        if (!this.isHidden) {\n            this.el.style.display = 'none';\n            this.isHidden = true;\n            this.trigger('hide');\n        }\n    };\n    // Creates `this.el` and renders content inside of it\n    Popover.prototype.render = function () {\n        var _this = this;\n        var options = this.options;\n        var el = this.el = createElement('div', {\n            className: 'fc-popover ' + (options.className || ''),\n            style: {\n                top: '0',\n                left: '0'\n            }\n        });\n        if (typeof options.content === 'function') {\n            options.content(el);\n        }\n        options.parentEl.appendChild(el);\n        // when a click happens on anything inside with a 'fc-close' className, hide the popover\n        listenBySelector(el, 'click', '.fc-close', function (ev) {\n            _this.hide();\n        });\n        if (options.autoHide) {\n            document.addEventListener('mousedown', this.documentMousedown);\n        }\n    };\n    // Hides and unregisters any handlers\n    Popover.prototype.destroy = function () {\n        this.hide();\n        if (this.el) {\n            removeElement(this.el);\n            this.el = null;\n        }\n        document.removeEventListener('mousedown', this.documentMousedown);\n    };\n    // Positions the popover optimally, using the top/left/right options\n    Popover.prototype.position = function () {\n        var options = this.options;\n        var el = this.el;\n        var elDims = el.getBoundingClientRect(); // only used for width,height\n        var origin = computeRect(el.offsetParent);\n        var clippingRect = computeClippingRect(options.parentEl);\n        var top; // the \"position\" (not \"offset\") values for the popover\n        var left; //\n        // compute top and left\n        top = options.top || 0;\n        if (options.left !== undefined) {\n            left = options.left;\n        }\n        else if (options.right !== undefined) {\n            left = options.right - elDims.width; // derive the left value from the right value\n        }\n        else {\n            left = 0;\n        }\n        // constrain to the view port. if constrained by two edges, give precedence to top/left\n        top = Math.min(top, clippingRect.bottom - elDims.height - this.margin);\n        top = Math.max(top, clippingRect.top + this.margin);\n        left = Math.min(left, clippingRect.right - elDims.width - this.margin);\n        left = Math.max(left, clippingRect.left + this.margin);\n        applyStyle(el, {\n            top: top - origin.top,\n            left: left - origin.left\n        });\n    };\n    // Triggers a callback. Calls a function in the option hash of the same name.\n    // Arguments beyond the first `name` are forwarded on.\n    // TODO: better code reuse for this. Repeat code\n    // can kill this???\n    Popover.prototype.trigger = function (name) {\n        if (this.options[name]) {\n            this.options[name].apply(this, Array.prototype.slice.call(arguments, 1));\n        }\n    };\n    return Popover;\n}());\n\n/* Event-rendering methods for the DayGrid class\n----------------------------------------------------------------------------------------------------------------------*/\n// \"Simple\" is bad a name. has nothing to do with SimpleDayGrid\nvar SimpleDayGridEventRenderer = /** @class */ (function (_super) {\n    __extends(SimpleDayGridEventRenderer, _super);\n    function SimpleDayGridEventRenderer() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    // Builds the HTML to be used for the default element for an individual segment\n    SimpleDayGridEventRenderer.prototype.renderSegHtml = function (seg, mirrorInfo) {\n        var context = this.context;\n        var eventRange = seg.eventRange;\n        var eventDef = eventRange.def;\n        var eventUi = eventRange.ui;\n        var allDay = eventDef.allDay;\n        var isDraggable = computeEventDraggable(context, eventDef, eventUi);\n        var isResizableFromStart = allDay && seg.isStart && computeEventStartResizable(context, eventDef, eventUi);\n        var isResizableFromEnd = allDay && seg.isEnd && computeEventEndResizable(context, eventDef, eventUi);\n        var classes = this.getSegClasses(seg, isDraggable, isResizableFromStart || isResizableFromEnd, mirrorInfo);\n        var skinCss = cssToStr(this.getSkinCss(eventUi));\n        var timeHtml = '';\n        var timeText;\n        var titleHtml;\n        classes.unshift('fc-day-grid-event', 'fc-h-event');\n        // Only display a timed events time if it is the starting segment\n        if (seg.isStart) {\n            timeText = this.getTimeText(eventRange);\n            if (timeText) {\n                timeHtml = '<span class=\"fc-time\">' + htmlEscape(timeText) + '</span>';\n            }\n        }\n        titleHtml =\n            '<span class=\"fc-title\">' +\n                (htmlEscape(eventDef.title || '') || '&nbsp;') + // we always want one line of height\n                '</span>';\n        return '<a class=\"' + classes.join(' ') + '\"' +\n            (eventDef.url ?\n                ' href=\"' + htmlEscape(eventDef.url) + '\"' :\n                '') +\n            (skinCss ?\n                ' style=\"' + skinCss + '\"' :\n                '') +\n            '>' +\n            '<div class=\"fc-content\">' +\n            (context.options.dir === 'rtl' ?\n                titleHtml + ' ' + timeHtml : // put a natural space in between\n                timeHtml + ' ' + titleHtml //\n            ) +\n            '</div>' +\n            (isResizableFromStart ?\n                '<div class=\"fc-resizer fc-start-resizer\"></div>' :\n                '') +\n            (isResizableFromEnd ?\n                '<div class=\"fc-resizer fc-end-resizer\"></div>' :\n                '') +\n            '</a>';\n    };\n    // Computes a default event time formatting string if `eventTimeFormat` is not explicitly defined\n    SimpleDayGridEventRenderer.prototype.computeEventTimeFormat = function () {\n        return {\n            hour: 'numeric',\n            minute: '2-digit',\n            omitZeroMinute: true,\n            meridiem: 'narrow'\n        };\n    };\n    SimpleDayGridEventRenderer.prototype.computeDisplayEventEnd = function () {\n        return false; // TODO: somehow consider the originating DayGrid's column count\n    };\n    return SimpleDayGridEventRenderer;\n}(FgEventRenderer));\n\n/* Event-rendering methods for the DayGrid class\n----------------------------------------------------------------------------------------------------------------------*/\nvar DayGridEventRenderer = /** @class */ (function (_super) {\n    __extends(DayGridEventRenderer, _super);\n    function DayGridEventRenderer(dayGrid) {\n        var _this = _super.call(this) || this;\n        _this.dayGrid = dayGrid;\n        return _this;\n    }\n    // Renders the given foreground event segments onto the grid\n    DayGridEventRenderer.prototype.attachSegs = function (segs, mirrorInfo) {\n        var rowStructs = this.rowStructs = this.renderSegRows(segs);\n        // append to each row's content skeleton\n        this.dayGrid.rowEls.forEach(function (rowNode, i) {\n            rowNode.querySelector('.fc-content-skeleton > table').appendChild(rowStructs[i].tbodyEl);\n        });\n        // removes the \"more..\" events popover\n        if (!mirrorInfo) {\n            this.dayGrid.removeSegPopover();\n        }\n    };\n    // Unrenders all currently rendered foreground event segments\n    DayGridEventRenderer.prototype.detachSegs = function () {\n        var rowStructs = this.rowStructs || [];\n        var rowStruct;\n        while ((rowStruct = rowStructs.pop())) {\n            removeElement(rowStruct.tbodyEl);\n        }\n        this.rowStructs = null;\n    };\n    // Uses the given events array to generate <tbody> elements that should be appended to each row's content skeleton.\n    // Returns an array of rowStruct objects (see the bottom of `renderSegRow`).\n    // PRECONDITION: each segment shoud already have a rendered and assigned `.el`\n    DayGridEventRenderer.prototype.renderSegRows = function (segs) {\n        var rowStructs = [];\n        var segRows;\n        var row;\n        segRows = this.groupSegRows(segs); // group into nested arrays\n        // iterate each row of segment groupings\n        for (row = 0; row < segRows.length; row++) {\n            rowStructs.push(this.renderSegRow(row, segRows[row]));\n        }\n        return rowStructs;\n    };\n    // Given a row # and an array of segments all in the same row, render a <tbody> element, a skeleton that contains\n    // the segments. Returns object with a bunch of internal data about how the render was calculated.\n    // NOTE: modifies rowSegs\n    DayGridEventRenderer.prototype.renderSegRow = function (row, rowSegs) {\n        var isRtl = this.context.isRtl;\n        var dayGrid = this.dayGrid;\n        var colCnt = dayGrid.colCnt;\n        var segLevels = this.buildSegLevels(rowSegs); // group into sub-arrays of levels\n        var levelCnt = Math.max(1, segLevels.length); // ensure at least one level\n        var tbody = document.createElement('tbody');\n        var segMatrix = []; // lookup for which segments are rendered into which level+col cells\n        var cellMatrix = []; // lookup for all <td> elements of the level+col matrix\n        var loneCellMatrix = []; // lookup for <td> elements that only take up a single column\n        var i;\n        var levelSegs;\n        var col;\n        var tr;\n        var j;\n        var seg;\n        var td;\n        // populates empty cells from the current column (`col`) to `endCol`\n        function emptyCellsUntil(endCol) {\n            while (col < endCol) {\n                // try to grab a cell from the level above and extend its rowspan. otherwise, create a fresh cell\n                td = (loneCellMatrix[i - 1] || [])[col];\n                if (td) {\n                    td.rowSpan = (td.rowSpan || 1) + 1;\n                }\n                else {\n                    td = document.createElement('td');\n                    tr.appendChild(td);\n                }\n                cellMatrix[i][col] = td;\n                loneCellMatrix[i][col] = td;\n                col++;\n            }\n        }\n        for (i = 0; i < levelCnt; i++) { // iterate through all levels\n            levelSegs = segLevels[i];\n            col = 0;\n            tr = document.createElement('tr');\n            segMatrix.push([]);\n            cellMatrix.push([]);\n            loneCellMatrix.push([]);\n            // levelCnt might be 1 even though there are no actual levels. protect against this.\n            // this single empty row is useful for styling.\n            if (levelSegs) {\n                for (j = 0; j < levelSegs.length; j++) { // iterate through segments in level\n                    seg = levelSegs[j];\n                    var leftCol = isRtl ? (colCnt - 1 - seg.lastCol) : seg.firstCol;\n                    var rightCol = isRtl ? (colCnt - 1 - seg.firstCol) : seg.lastCol;\n                    emptyCellsUntil(leftCol);\n                    // create a container that occupies or more columns. append the event element.\n                    td = createElement('td', { className: 'fc-event-container' }, seg.el);\n                    if (leftCol !== rightCol) {\n                        td.colSpan = rightCol - leftCol + 1;\n                    }\n                    else { // a single-column segment\n                        loneCellMatrix[i][col] = td;\n                    }\n                    while (col <= rightCol) {\n                        cellMatrix[i][col] = td;\n                        segMatrix[i][col] = seg;\n                        col++;\n                    }\n                    tr.appendChild(td);\n                }\n            }\n            emptyCellsUntil(colCnt); // finish off the row\n            var introHtml = dayGrid.renderProps.renderIntroHtml();\n            if (introHtml) {\n                if (isRtl) {\n                    appendToElement(tr, introHtml);\n                }\n                else {\n                    prependToElement(tr, introHtml);\n                }\n            }\n            tbody.appendChild(tr);\n        }\n        return {\n            row: row,\n            tbodyEl: tbody,\n            cellMatrix: cellMatrix,\n            segMatrix: segMatrix,\n            segLevels: segLevels,\n            segs: rowSegs\n        };\n    };\n    // Stacks a flat array of segments, which are all assumed to be in the same row, into subarrays of vertical levels.\n    // NOTE: modifies segs\n    DayGridEventRenderer.prototype.buildSegLevels = function (segs) {\n        var isRtl = this.context.isRtl;\n        var colCnt = this.dayGrid.colCnt;\n        var levels = [];\n        var i;\n        var seg;\n        var j;\n        // Give preference to elements with certain criteria, so they have\n        // a chance to be closer to the top.\n        segs = this.sortEventSegs(segs);\n        for (i = 0; i < segs.length; i++) {\n            seg = segs[i];\n            // loop through levels, starting with the topmost, until the segment doesn't collide with other segments\n            for (j = 0; j < levels.length; j++) {\n                if (!isDaySegCollision(seg, levels[j])) {\n                    break;\n                }\n            }\n            // `j` now holds the desired subrow index\n            seg.level = j;\n            seg.leftCol = isRtl ? (colCnt - 1 - seg.lastCol) : seg.firstCol; // for sorting only\n            seg.rightCol = isRtl ? (colCnt - 1 - seg.firstCol) : seg.lastCol // for sorting only\n            ;\n            (levels[j] || (levels[j] = [])).push(seg);\n        }\n        // order segments left-to-right. very important if calendar is RTL\n        for (j = 0; j < levels.length; j++) {\n            levels[j].sort(compareDaySegCols);\n        }\n        return levels;\n    };\n    // Given a flat array of segments, return an array of sub-arrays, grouped by each segment's row\n    DayGridEventRenderer.prototype.groupSegRows = function (segs) {\n        var segRows = [];\n        var i;\n        for (i = 0; i < this.dayGrid.rowCnt; i++) {\n            segRows.push([]);\n        }\n        for (i = 0; i < segs.length; i++) {\n            segRows[segs[i].row].push(segs[i]);\n        }\n        return segRows;\n    };\n    // Computes a default `displayEventEnd` value if one is not expliclty defined\n    DayGridEventRenderer.prototype.computeDisplayEventEnd = function () {\n        return this.dayGrid.colCnt === 1; // we'll likely have space if there's only one day\n    };\n    return DayGridEventRenderer;\n}(SimpleDayGridEventRenderer));\n// Computes whether two segments' columns collide. They are assumed to be in the same row.\nfunction isDaySegCollision(seg, otherSegs) {\n    var i;\n    var otherSeg;\n    for (i = 0; i < otherSegs.length; i++) {\n        otherSeg = otherSegs[i];\n        if (otherSeg.firstCol <= seg.lastCol &&\n            otherSeg.lastCol >= seg.firstCol) {\n            return true;\n        }\n    }\n    return false;\n}\n// A cmp function for determining the leftmost event\nfunction compareDaySegCols(a, b) {\n    return a.leftCol - b.leftCol;\n}\n\nvar DayGridMirrorRenderer = /** @class */ (function (_super) {\n    __extends(DayGridMirrorRenderer, _super);\n    function DayGridMirrorRenderer() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    DayGridMirrorRenderer.prototype.attachSegs = function (segs, mirrorInfo) {\n        var sourceSeg = mirrorInfo.sourceSeg;\n        var rowStructs = this.rowStructs = this.renderSegRows(segs);\n        // inject each new event skeleton into each associated row\n        this.dayGrid.rowEls.forEach(function (rowNode, row) {\n            var skeletonEl = htmlToElement('<div class=\"fc-mirror-skeleton\"><table></table></div>'); // will be absolutely positioned\n            var skeletonTopEl;\n            var skeletonTop;\n            // If there is an original segment, match the top position. Otherwise, put it at the row's top level\n            if (sourceSeg && sourceSeg.row === row) {\n                skeletonTopEl = sourceSeg.el;\n            }\n            else {\n                skeletonTopEl = rowNode.querySelector('.fc-content-skeleton tbody');\n                if (!skeletonTopEl) { // when no events\n                    skeletonTopEl = rowNode.querySelector('.fc-content-skeleton table');\n                }\n            }\n            skeletonTop = skeletonTopEl.getBoundingClientRect().top -\n                rowNode.getBoundingClientRect().top; // the offsetParent origin\n            skeletonEl.style.top = skeletonTop + 'px';\n            skeletonEl.querySelector('table').appendChild(rowStructs[row].tbodyEl);\n            rowNode.appendChild(skeletonEl);\n        });\n    };\n    return DayGridMirrorRenderer;\n}(DayGridEventRenderer));\n\nvar EMPTY_CELL_HTML = '<td style=\"pointer-events:none\"></td>';\nvar DayGridFillRenderer = /** @class */ (function (_super) {\n    __extends(DayGridFillRenderer, _super);\n    function DayGridFillRenderer(dayGrid) {\n        var _this = _super.call(this) || this;\n        _this.fillSegTag = 'td'; // override the default tag name\n        _this.dayGrid = dayGrid;\n        return _this;\n    }\n    DayGridFillRenderer.prototype.renderSegs = function (type, context, segs) {\n        // don't render timed background events\n        if (type === 'bgEvent') {\n            segs = segs.filter(function (seg) {\n                return seg.eventRange.def.allDay;\n            });\n        }\n        _super.prototype.renderSegs.call(this, type, context, segs);\n    };\n    DayGridFillRenderer.prototype.attachSegs = function (type, segs) {\n        var els = [];\n        var i;\n        var seg;\n        var skeletonEl;\n        for (i = 0; i < segs.length; i++) {\n            seg = segs[i];\n            skeletonEl = this.renderFillRow(type, seg);\n            this.dayGrid.rowEls[seg.row].appendChild(skeletonEl);\n            els.push(skeletonEl);\n        }\n        return els;\n    };\n    // Generates the HTML needed for one row of a fill. Requires the seg's el to be rendered.\n    DayGridFillRenderer.prototype.renderFillRow = function (type, seg) {\n        var dayGrid = this.dayGrid;\n        var isRtl = this.context.isRtl;\n        var colCnt = dayGrid.colCnt;\n        var leftCol = isRtl ? (colCnt - 1 - seg.lastCol) : seg.firstCol;\n        var rightCol = isRtl ? (colCnt - 1 - seg.firstCol) : seg.lastCol;\n        var startCol = leftCol;\n        var endCol = rightCol + 1;\n        var className;\n        var skeletonEl;\n        var trEl;\n        if (type === 'businessHours') {\n            className = 'bgevent';\n        }\n        else {\n            className = type.toLowerCase();\n        }\n        skeletonEl = htmlToElement('<div class=\"fc-' + className + '-skeleton\">' +\n            '<table><tr></tr></table>' +\n            '</div>');\n        trEl = skeletonEl.getElementsByTagName('tr')[0];\n        if (startCol > 0) {\n            appendToElement(trEl, \n            // will create (startCol + 1) td's\n            new Array(startCol + 1).join(EMPTY_CELL_HTML));\n        }\n        seg.el.colSpan = endCol - startCol;\n        trEl.appendChild(seg.el);\n        if (endCol < colCnt) {\n            appendToElement(trEl, \n            // will create (colCnt - endCol) td's\n            new Array(colCnt - endCol + 1).join(EMPTY_CELL_HTML));\n        }\n        var introHtml = dayGrid.renderProps.renderIntroHtml();\n        if (introHtml) {\n            if (isRtl) {\n                appendToElement(trEl, introHtml);\n            }\n            else {\n                prependToElement(trEl, introHtml);\n            }\n        }\n        return skeletonEl;\n    };\n    return DayGridFillRenderer;\n}(FillRenderer));\n\nvar DayTile = /** @class */ (function (_super) {\n    __extends(DayTile, _super);\n    function DayTile(el) {\n        var _this = _super.call(this, el) || this;\n        var eventRenderer = _this.eventRenderer = new DayTileEventRenderer(_this);\n        var renderFrame = _this.renderFrame = memoizeRendering(_this._renderFrame);\n        _this.renderFgEvents = memoizeRendering(eventRenderer.renderSegs.bind(eventRenderer), eventRenderer.unrender.bind(eventRenderer), [renderFrame]);\n        _this.renderEventSelection = memoizeRendering(eventRenderer.selectByInstanceId.bind(eventRenderer), eventRenderer.unselectByInstanceId.bind(eventRenderer), [_this.renderFgEvents]);\n        _this.renderEventDrag = memoizeRendering(eventRenderer.hideByHash.bind(eventRenderer), eventRenderer.showByHash.bind(eventRenderer), [renderFrame]);\n        _this.renderEventResize = memoizeRendering(eventRenderer.hideByHash.bind(eventRenderer), eventRenderer.showByHash.bind(eventRenderer), [renderFrame]);\n        return _this;\n    }\n    DayTile.prototype.firstContext = function (context) {\n        context.calendar.registerInteractiveComponent(this, {\n            el: this.el,\n            useEventCenter: false\n        });\n    };\n    DayTile.prototype.render = function (props, context) {\n        this.renderFrame(props.date);\n        this.renderFgEvents(context, props.fgSegs);\n        this.renderEventSelection(props.eventSelection);\n        this.renderEventDrag(props.eventDragInstances);\n        this.renderEventResize(props.eventResizeInstances);\n    };\n    DayTile.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.renderFrame.unrender(); // should unrender everything else\n        this.context.calendar.unregisterInteractiveComponent(this);\n    };\n    DayTile.prototype._renderFrame = function (date) {\n        var _a = this.context, theme = _a.theme, dateEnv = _a.dateEnv, options = _a.options;\n        var title = dateEnv.format(date, createFormatter(options.dayPopoverFormat) // TODO: cache\n        );\n        this.el.innerHTML =\n            '<div class=\"fc-header ' + theme.getClass('popoverHeader') + '\">' +\n                '<span class=\"fc-title\">' +\n                htmlEscape(title) +\n                '</span>' +\n                '<span class=\"fc-close ' + theme.getIconClass('close') + '\"></span>' +\n                '</div>' +\n                '<div class=\"fc-body ' + theme.getClass('popoverContent') + '\">' +\n                '<div class=\"fc-event-container\"></div>' +\n                '</div>';\n        this.segContainerEl = this.el.querySelector('.fc-event-container');\n    };\n    DayTile.prototype.queryHit = function (positionLeft, positionTop, elWidth, elHeight) {\n        var date = this.props.date; // HACK\n        if (positionLeft < elWidth && positionTop < elHeight) {\n            return {\n                component: this,\n                dateSpan: {\n                    allDay: true,\n                    range: { start: date, end: addDays(date, 1) }\n                },\n                dayEl: this.el,\n                rect: {\n                    left: 0,\n                    top: 0,\n                    right: elWidth,\n                    bottom: elHeight\n                },\n                layer: 1\n            };\n        }\n    };\n    return DayTile;\n}(DateComponent));\nvar DayTileEventRenderer = /** @class */ (function (_super) {\n    __extends(DayTileEventRenderer, _super);\n    function DayTileEventRenderer(dayTile) {\n        var _this = _super.call(this) || this;\n        _this.dayTile = dayTile;\n        return _this;\n    }\n    DayTileEventRenderer.prototype.attachSegs = function (segs) {\n        for (var _i = 0, segs_1 = segs; _i < segs_1.length; _i++) {\n            var seg = segs_1[_i];\n            this.dayTile.segContainerEl.appendChild(seg.el);\n        }\n    };\n    DayTileEventRenderer.prototype.detachSegs = function (segs) {\n        for (var _i = 0, segs_2 = segs; _i < segs_2.length; _i++) {\n            var seg = segs_2[_i];\n            removeElement(seg.el);\n        }\n    };\n    return DayTileEventRenderer;\n}(SimpleDayGridEventRenderer));\n\nvar DayBgRow = /** @class */ (function () {\n    function DayBgRow(context) {\n        this.context = context;\n    }\n    DayBgRow.prototype.renderHtml = function (props) {\n        var parts = [];\n        if (props.renderIntroHtml) {\n            parts.push(props.renderIntroHtml());\n        }\n        for (var _i = 0, _a = props.cells; _i < _a.length; _i++) {\n            var cell = _a[_i];\n            parts.push(renderCellHtml(cell.date, props.dateProfile, this.context, cell.htmlAttrs));\n        }\n        if (!props.cells.length) {\n            parts.push('<td class=\"fc-day ' + this.context.theme.getClass('widgetContent') + '\"></td>');\n        }\n        if (this.context.options.dir === 'rtl') {\n            parts.reverse();\n        }\n        return '<tr>' + parts.join('') + '</tr>';\n    };\n    return DayBgRow;\n}());\nfunction renderCellHtml(date, dateProfile, context, otherAttrs) {\n    var dateEnv = context.dateEnv, theme = context.theme;\n    var isDateValid = rangeContainsMarker(dateProfile.activeRange, date); // TODO: called too frequently. cache somehow.\n    var classes = getDayClasses(date, dateProfile, context);\n    classes.unshift('fc-day', theme.getClass('widgetContent'));\n    return '<td class=\"' + classes.join(' ') + '\"' +\n        (isDateValid ?\n            ' data-date=\"' + dateEnv.formatIso(date, { omitTime: true }) + '\"' :\n            '') +\n        (otherAttrs ?\n            ' ' + otherAttrs :\n            '') +\n        '></td>';\n}\n\nvar DAY_NUM_FORMAT = createFormatter({ day: 'numeric' });\nvar WEEK_NUM_FORMAT = createFormatter({ week: 'numeric' });\nvar DayGrid = /** @class */ (function (_super) {\n    __extends(DayGrid, _super);\n    function DayGrid(el, renderProps) {\n        var _this = _super.call(this, el) || this;\n        _this.bottomCoordPadding = 0; // hack for extending the hit area for the last row of the coordinate grid\n        _this.isCellSizesDirty = false;\n        _this.renderProps = renderProps;\n        var eventRenderer = _this.eventRenderer = new DayGridEventRenderer(_this);\n        var fillRenderer = _this.fillRenderer = new DayGridFillRenderer(_this);\n        _this.mirrorRenderer = new DayGridMirrorRenderer(_this);\n        var renderCells = _this.renderCells = memoizeRendering(_this._renderCells, _this._unrenderCells);\n        _this.renderBusinessHours = memoizeRendering(fillRenderer.renderSegs.bind(fillRenderer, 'businessHours'), fillRenderer.unrender.bind(fillRenderer, 'businessHours'), [renderCells]);\n        _this.renderDateSelection = memoizeRendering(fillRenderer.renderSegs.bind(fillRenderer, 'highlight'), fillRenderer.unrender.bind(fillRenderer, 'highlight'), [renderCells]);\n        _this.renderBgEvents = memoizeRendering(fillRenderer.renderSegs.bind(fillRenderer, 'bgEvent'), fillRenderer.unrender.bind(fillRenderer, 'bgEvent'), [renderCells]);\n        _this.renderFgEvents = memoizeRendering(eventRenderer.renderSegs.bind(eventRenderer), eventRenderer.unrender.bind(eventRenderer), [renderCells]);\n        _this.renderEventSelection = memoizeRendering(eventRenderer.selectByInstanceId.bind(eventRenderer), eventRenderer.unselectByInstanceId.bind(eventRenderer), [_this.renderFgEvents]);\n        _this.renderEventDrag = memoizeRendering(_this._renderEventDrag, _this._unrenderEventDrag, [renderCells]);\n        _this.renderEventResize = memoizeRendering(_this._renderEventResize, _this._unrenderEventResize, [renderCells]);\n        return _this;\n    }\n    DayGrid.prototype.render = function (props, context) {\n        var cells = props.cells;\n        this.rowCnt = cells.length;\n        this.colCnt = cells[0].length;\n        this.renderCells(cells, props.isRigid);\n        this.renderBusinessHours(context, props.businessHourSegs);\n        this.renderDateSelection(context, props.dateSelectionSegs);\n        this.renderBgEvents(context, props.bgEventSegs);\n        this.renderFgEvents(context, props.fgEventSegs);\n        this.renderEventSelection(props.eventSelection);\n        this.renderEventDrag(props.eventDrag);\n        this.renderEventResize(props.eventResize);\n        if (this.segPopoverTile) {\n            this.updateSegPopoverTile();\n        }\n    };\n    DayGrid.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.renderCells.unrender(); // will unrender everything else\n    };\n    DayGrid.prototype.getCellRange = function (row, col) {\n        var start = this.props.cells[row][col].date;\n        var end = addDays(start, 1);\n        return { start: start, end: end };\n    };\n    DayGrid.prototype.updateSegPopoverTile = function (date, segs) {\n        var ownProps = this.props;\n        this.segPopoverTile.receiveProps({\n            date: date || this.segPopoverTile.props.date,\n            fgSegs: segs || this.segPopoverTile.props.fgSegs,\n            eventSelection: ownProps.eventSelection,\n            eventDragInstances: ownProps.eventDrag ? ownProps.eventDrag.affectedInstances : null,\n            eventResizeInstances: ownProps.eventResize ? ownProps.eventResize.affectedInstances : null\n        }, this.context);\n    };\n    /* Date Rendering\n    ------------------------------------------------------------------------------------------------------------------*/\n    DayGrid.prototype._renderCells = function (cells, isRigid) {\n        var _a = this.context, calendar = _a.calendar, view = _a.view, isRtl = _a.isRtl, dateEnv = _a.dateEnv;\n        var _b = this, rowCnt = _b.rowCnt, colCnt = _b.colCnt;\n        var html = '';\n        var row;\n        var col;\n        for (row = 0; row < rowCnt; row++) {\n            html += this.renderDayRowHtml(row, isRigid);\n        }\n        this.el.innerHTML = html;\n        this.rowEls = findElements(this.el, '.fc-row');\n        this.cellEls = findElements(this.el, '.fc-day, .fc-disabled-day');\n        if (isRtl) {\n            this.cellEls.reverse();\n        }\n        this.rowPositions = new PositionCache(this.el, this.rowEls, false, true // vertical\n        );\n        this.colPositions = new PositionCache(this.el, this.cellEls.slice(0, colCnt), // only the first row\n        true, false // horizontal\n        );\n        // trigger dayRender with each cell's element\n        for (row = 0; row < rowCnt; row++) {\n            for (col = 0; col < colCnt; col++) {\n                calendar.publiclyTrigger('dayRender', [\n                    {\n                        date: dateEnv.toDate(cells[row][col].date),\n                        el: this.getCellEl(row, col),\n                        view: view\n                    }\n                ]);\n            }\n        }\n        this.isCellSizesDirty = true;\n    };\n    DayGrid.prototype._unrenderCells = function () {\n        this.removeSegPopover();\n    };\n    // Generates the HTML for a single row, which is a div that wraps a table.\n    // `row` is the row number.\n    DayGrid.prototype.renderDayRowHtml = function (row, isRigid) {\n        var theme = this.context.theme;\n        var classes = ['fc-row', 'fc-week', theme.getClass('dayRow')];\n        if (isRigid) {\n            classes.push('fc-rigid');\n        }\n        var bgRow = new DayBgRow(this.context);\n        return '' +\n            '<div class=\"' + classes.join(' ') + '\">' +\n            '<div class=\"fc-bg\">' +\n            '<table class=\"' + theme.getClass('tableGrid') + '\">' +\n            bgRow.renderHtml({\n                cells: this.props.cells[row],\n                dateProfile: this.props.dateProfile,\n                renderIntroHtml: this.renderProps.renderBgIntroHtml\n            }) +\n            '</table>' +\n            '</div>' +\n            '<div class=\"fc-content-skeleton\">' +\n            '<table>' +\n            (this.getIsNumbersVisible() ?\n                '<thead>' +\n                    this.renderNumberTrHtml(row) +\n                    '</thead>' :\n                '') +\n            '</table>' +\n            '</div>' +\n            '</div>';\n    };\n    DayGrid.prototype.getIsNumbersVisible = function () {\n        return this.getIsDayNumbersVisible() ||\n            this.renderProps.cellWeekNumbersVisible ||\n            this.renderProps.colWeekNumbersVisible;\n    };\n    DayGrid.prototype.getIsDayNumbersVisible = function () {\n        return this.rowCnt > 1;\n    };\n    /* Grid Number Rendering\n    ------------------------------------------------------------------------------------------------------------------*/\n    DayGrid.prototype.renderNumberTrHtml = function (row) {\n        var isRtl = this.context.isRtl;\n        var intro = this.renderProps.renderNumberIntroHtml(row, this);\n        return '' +\n            '<tr>' +\n            (isRtl ? '' : intro) +\n            this.renderNumberCellsHtml(row) +\n            (isRtl ? intro : '') +\n            '</tr>';\n    };\n    DayGrid.prototype.renderNumberCellsHtml = function (row) {\n        var htmls = [];\n        var col;\n        var date;\n        for (col = 0; col < this.colCnt; col++) {\n            date = this.props.cells[row][col].date;\n            htmls.push(this.renderNumberCellHtml(date));\n        }\n        if (this.context.isRtl) {\n            htmls.reverse();\n        }\n        return htmls.join('');\n    };\n    // Generates the HTML for the <td>s of the \"number\" row in the DayGrid's content skeleton.\n    // The number row will only exist if either day numbers or week numbers are turned on.\n    DayGrid.prototype.renderNumberCellHtml = function (date) {\n        var _a = this.context, dateEnv = _a.dateEnv, options = _a.options;\n        var html = '';\n        var isDateValid = rangeContainsMarker(this.props.dateProfile.activeRange, date); // TODO: called too frequently. cache somehow.\n        var isDayNumberVisible = this.getIsDayNumbersVisible() && isDateValid;\n        var classes;\n        var weekCalcFirstDow;\n        if (!isDayNumberVisible && !this.renderProps.cellWeekNumbersVisible) {\n            // no numbers in day cell (week number must be along the side)\n            return '<td></td>'; //  will create an empty space above events :(\n        }\n        classes = getDayClasses(date, this.props.dateProfile, this.context);\n        classes.unshift('fc-day-top');\n        if (this.renderProps.cellWeekNumbersVisible) {\n            weekCalcFirstDow = dateEnv.weekDow;\n        }\n        html += '<td class=\"' + classes.join(' ') + '\"' +\n            (isDateValid ?\n                ' data-date=\"' + dateEnv.formatIso(date, { omitTime: true }) + '\"' :\n                '') +\n            '>';\n        if (this.renderProps.cellWeekNumbersVisible && (date.getUTCDay() === weekCalcFirstDow)) {\n            html += buildGotoAnchorHtml(options, dateEnv, { date: date, type: 'week' }, { 'class': 'fc-week-number' }, dateEnv.format(date, WEEK_NUM_FORMAT) // inner HTML\n            );\n        }\n        if (isDayNumberVisible) {\n            html += buildGotoAnchorHtml(options, dateEnv, date, { 'class': 'fc-day-number' }, dateEnv.format(date, DAY_NUM_FORMAT) // inner HTML\n            );\n        }\n        html += '</td>';\n        return html;\n    };\n    /* Sizing\n    ------------------------------------------------------------------------------------------------------------------*/\n    DayGrid.prototype.updateSize = function (isResize) {\n        var calendar = this.context.calendar;\n        var _a = this, fillRenderer = _a.fillRenderer, eventRenderer = _a.eventRenderer, mirrorRenderer = _a.mirrorRenderer;\n        if (isResize ||\n            this.isCellSizesDirty ||\n            calendar.isEventsUpdated // hack\n        ) {\n            this.buildPositionCaches();\n            this.isCellSizesDirty = false;\n        }\n        fillRenderer.computeSizes(isResize);\n        eventRenderer.computeSizes(isResize);\n        mirrorRenderer.computeSizes(isResize);\n        fillRenderer.assignSizes(isResize);\n        eventRenderer.assignSizes(isResize);\n        mirrorRenderer.assignSizes(isResize);\n    };\n    DayGrid.prototype.buildPositionCaches = function () {\n        this.buildColPositions();\n        this.buildRowPositions();\n    };\n    DayGrid.prototype.buildColPositions = function () {\n        this.colPositions.build();\n    };\n    DayGrid.prototype.buildRowPositions = function () {\n        this.rowPositions.build();\n        this.rowPositions.bottoms[this.rowCnt - 1] += this.bottomCoordPadding; // hack\n    };\n    /* Hit System\n    ------------------------------------------------------------------------------------------------------------------*/\n    DayGrid.prototype.positionToHit = function (leftPosition, topPosition) {\n        var _a = this, colPositions = _a.colPositions, rowPositions = _a.rowPositions;\n        var col = colPositions.leftToIndex(leftPosition);\n        var row = rowPositions.topToIndex(topPosition);\n        if (row != null && col != null) {\n            return {\n                row: row,\n                col: col,\n                dateSpan: {\n                    range: this.getCellRange(row, col),\n                    allDay: true\n                },\n                dayEl: this.getCellEl(row, col),\n                relativeRect: {\n                    left: colPositions.lefts[col],\n                    right: colPositions.rights[col],\n                    top: rowPositions.tops[row],\n                    bottom: rowPositions.bottoms[row]\n                }\n            };\n        }\n    };\n    /* Cell System\n    ------------------------------------------------------------------------------------------------------------------*/\n    // FYI: the first column is the leftmost column, regardless of date\n    DayGrid.prototype.getCellEl = function (row, col) {\n        return this.cellEls[row * this.colCnt + col];\n    };\n    /* Event Drag Visualization\n    ------------------------------------------------------------------------------------------------------------------*/\n    DayGrid.prototype._renderEventDrag = function (state) {\n        if (state) {\n            this.eventRenderer.hideByHash(state.affectedInstances);\n            this.fillRenderer.renderSegs('highlight', this.context, state.segs);\n        }\n    };\n    DayGrid.prototype._unrenderEventDrag = function (state) {\n        if (state) {\n            this.eventRenderer.showByHash(state.affectedInstances);\n            this.fillRenderer.unrender('highlight', this.context);\n        }\n    };\n    /* Event Resize Visualization\n    ------------------------------------------------------------------------------------------------------------------*/\n    DayGrid.prototype._renderEventResize = function (state) {\n        if (state) {\n            this.eventRenderer.hideByHash(state.affectedInstances);\n            this.fillRenderer.renderSegs('highlight', this.context, state.segs);\n            this.mirrorRenderer.renderSegs(this.context, state.segs, { isResizing: true, sourceSeg: state.sourceSeg });\n        }\n    };\n    DayGrid.prototype._unrenderEventResize = function (state) {\n        if (state) {\n            this.eventRenderer.showByHash(state.affectedInstances);\n            this.fillRenderer.unrender('highlight', this.context);\n            this.mirrorRenderer.unrender(this.context, state.segs, { isResizing: true, sourceSeg: state.sourceSeg });\n        }\n    };\n    /* More+ Link Popover\n    ------------------------------------------------------------------------------------------------------------------*/\n    DayGrid.prototype.removeSegPopover = function () {\n        if (this.segPopover) {\n            this.segPopover.hide(); // in handler, will call segPopover's removeElement\n        }\n    };\n    // Limits the number of \"levels\" (vertically stacking layers of events) for each row of the grid.\n    // `levelLimit` can be false (don't limit), a number, or true (should be computed).\n    DayGrid.prototype.limitRows = function (levelLimit) {\n        var rowStructs = this.eventRenderer.rowStructs || [];\n        var row; // row #\n        var rowLevelLimit;\n        for (row = 0; row < rowStructs.length; row++) {\n            this.unlimitRow(row);\n            if (!levelLimit) {\n                rowLevelLimit = false;\n            }\n            else if (typeof levelLimit === 'number') {\n                rowLevelLimit = levelLimit;\n            }\n            else {\n                rowLevelLimit = this.computeRowLevelLimit(row);\n            }\n            if (rowLevelLimit !== false) {\n                this.limitRow(row, rowLevelLimit);\n            }\n        }\n    };\n    // Computes the number of levels a row will accomodate without going outside its bounds.\n    // Assumes the row is \"rigid\" (maintains a constant height regardless of what is inside).\n    // `row` is the row number.\n    DayGrid.prototype.computeRowLevelLimit = function (row) {\n        var rowEl = this.rowEls[row]; // the containing \"fake\" row div\n        var rowBottom = rowEl.getBoundingClientRect().bottom; // relative to viewport!\n        var trEls = findChildren(this.eventRenderer.rowStructs[row].tbodyEl);\n        var i;\n        var trEl;\n        // Reveal one level <tr> at a time and stop when we find one out of bounds\n        for (i = 0; i < trEls.length; i++) {\n            trEl = trEls[i];\n            trEl.classList.remove('fc-limited'); // reset to original state (reveal)\n            if (trEl.getBoundingClientRect().bottom > rowBottom) {\n                return i;\n            }\n        }\n        return false; // should not limit at all\n    };\n    // Limits the given grid row to the maximum number of levels and injects \"more\" links if necessary.\n    // `row` is the row number.\n    // `levelLimit` is a number for the maximum (inclusive) number of levels allowed.\n    DayGrid.prototype.limitRow = function (row, levelLimit) {\n        var _this = this;\n        var colCnt = this.colCnt;\n        var isRtl = this.context.isRtl;\n        var rowStruct = this.eventRenderer.rowStructs[row];\n        var moreNodes = []; // array of \"more\" <a> links and <td> DOM nodes\n        var col = 0; // col #, left-to-right (not chronologically)\n        var levelSegs; // array of segment objects in the last allowable level, ordered left-to-right\n        var cellMatrix; // a matrix (by level, then column) of all <td> elements in the row\n        var limitedNodes; // array of temporarily hidden level <tr> and segment <td> DOM nodes\n        var i;\n        var seg;\n        var segsBelow; // array of segment objects below `seg` in the current `col`\n        var totalSegsBelow; // total number of segments below `seg` in any of the columns `seg` occupies\n        var colSegsBelow; // array of segment arrays, below seg, one for each column (offset from segs's first column)\n        var td;\n        var rowSpan;\n        var segMoreNodes; // array of \"more\" <td> cells that will stand-in for the current seg's cell\n        var j;\n        var moreTd;\n        var moreWrap;\n        var moreLink;\n        // Iterates through empty level cells and places \"more\" links inside if need be\n        var emptyCellsUntil = function (endCol) {\n            while (col < endCol) {\n                segsBelow = _this.getCellSegs(row, col, levelLimit);\n                if (segsBelow.length) {\n                    td = cellMatrix[levelLimit - 1][col];\n                    moreLink = _this.renderMoreLink(row, col, segsBelow);\n                    moreWrap = createElement('div', null, moreLink);\n                    td.appendChild(moreWrap);\n                    moreNodes.push(moreWrap);\n                }\n                col++;\n            }\n        };\n        if (levelLimit && levelLimit < rowStruct.segLevels.length) { // is it actually over the limit?\n            levelSegs = rowStruct.segLevels[levelLimit - 1];\n            cellMatrix = rowStruct.cellMatrix;\n            limitedNodes = findChildren(rowStruct.tbodyEl).slice(levelLimit); // get level <tr> elements past the limit\n            limitedNodes.forEach(function (node) {\n                node.classList.add('fc-limited'); // hide elements and get a simple DOM-nodes array\n            });\n            // iterate though segments in the last allowable level\n            for (i = 0; i < levelSegs.length; i++) {\n                seg = levelSegs[i];\n                var leftCol = isRtl ? (colCnt - 1 - seg.lastCol) : seg.firstCol;\n                var rightCol = isRtl ? (colCnt - 1 - seg.firstCol) : seg.lastCol;\n                emptyCellsUntil(leftCol); // process empty cells before the segment\n                // determine *all* segments below `seg` that occupy the same columns\n                colSegsBelow = [];\n                totalSegsBelow = 0;\n                while (col <= rightCol) {\n                    segsBelow = this.getCellSegs(row, col, levelLimit);\n                    colSegsBelow.push(segsBelow);\n                    totalSegsBelow += segsBelow.length;\n                    col++;\n                }\n                if (totalSegsBelow) { // do we need to replace this segment with one or many \"more\" links?\n                    td = cellMatrix[levelLimit - 1][leftCol]; // the segment's parent cell\n                    rowSpan = td.rowSpan || 1;\n                    segMoreNodes = [];\n                    // make a replacement <td> for each column the segment occupies. will be one for each colspan\n                    for (j = 0; j < colSegsBelow.length; j++) {\n                        moreTd = createElement('td', { className: 'fc-more-cell', rowSpan: rowSpan });\n                        segsBelow = colSegsBelow[j];\n                        moreLink = this.renderMoreLink(row, leftCol + j, [seg].concat(segsBelow) // count seg as hidden too\n                        );\n                        moreWrap = createElement('div', null, moreLink);\n                        moreTd.appendChild(moreWrap);\n                        segMoreNodes.push(moreTd);\n                        moreNodes.push(moreTd);\n                    }\n                    td.classList.add('fc-limited');\n                    insertAfterElement(td, segMoreNodes);\n                    limitedNodes.push(td);\n                }\n            }\n            emptyCellsUntil(this.colCnt); // finish off the level\n            rowStruct.moreEls = moreNodes; // for easy undoing later\n            rowStruct.limitedEls = limitedNodes; // for easy undoing later\n        }\n    };\n    // Reveals all levels and removes all \"more\"-related elements for a grid's row.\n    // `row` is a row number.\n    DayGrid.prototype.unlimitRow = function (row) {\n        var rowStruct = this.eventRenderer.rowStructs[row];\n        if (rowStruct.moreEls) {\n            rowStruct.moreEls.forEach(removeElement);\n            rowStruct.moreEls = null;\n        }\n        if (rowStruct.limitedEls) {\n            rowStruct.limitedEls.forEach(function (limitedEl) {\n                limitedEl.classList.remove('fc-limited');\n            });\n            rowStruct.limitedEls = null;\n        }\n    };\n    // Renders an <a> element that represents hidden event element for a cell.\n    // Responsible for attaching click handler as well.\n    DayGrid.prototype.renderMoreLink = function (row, col, hiddenSegs) {\n        var _this = this;\n        var _a = this.context, calendar = _a.calendar, view = _a.view, dateEnv = _a.dateEnv, options = _a.options, isRtl = _a.isRtl;\n        var a = createElement('a', { className: 'fc-more' });\n        a.innerText = this.getMoreLinkText(hiddenSegs.length);\n        a.addEventListener('click', function (ev) {\n            var clickOption = options.eventLimitClick;\n            var _col = isRtl ? _this.colCnt - col - 1 : col; // HACK: props.cells has different dir system?\n            var date = _this.props.cells[row][_col].date;\n            var moreEl = ev.currentTarget;\n            var dayEl = _this.getCellEl(row, col);\n            var allSegs = _this.getCellSegs(row, col);\n            // rescope the segments to be within the cell's date\n            var reslicedAllSegs = _this.resliceDaySegs(allSegs, date);\n            var reslicedHiddenSegs = _this.resliceDaySegs(hiddenSegs, date);\n            if (typeof clickOption === 'function') {\n                // the returned value can be an atomic option\n                clickOption = calendar.publiclyTrigger('eventLimitClick', [\n                    {\n                        date: dateEnv.toDate(date),\n                        allDay: true,\n                        dayEl: dayEl,\n                        moreEl: moreEl,\n                        segs: reslicedAllSegs,\n                        hiddenSegs: reslicedHiddenSegs,\n                        jsEvent: ev,\n                        view: view\n                    }\n                ]);\n            }\n            if (clickOption === 'popover') {\n                _this.showSegPopover(row, col, moreEl, reslicedAllSegs);\n            }\n            else if (typeof clickOption === 'string') { // a view name\n                calendar.zoomTo(date, clickOption);\n            }\n        });\n        return a;\n    };\n    // Reveals the popover that displays all events within a cell\n    DayGrid.prototype.showSegPopover = function (row, col, moreLink, segs) {\n        var _this = this;\n        var _a = this.context, calendar = _a.calendar, view = _a.view, theme = _a.theme, isRtl = _a.isRtl;\n        var _col = isRtl ? this.colCnt - col - 1 : col; // HACK: props.cells has different dir system?\n        var moreWrap = moreLink.parentNode; // the <div> wrapper around the <a>\n        var topEl; // the element we want to match the top coordinate of\n        var options;\n        if (this.rowCnt === 1) {\n            topEl = view.el; // will cause the popover to cover any sort of header\n        }\n        else {\n            topEl = this.rowEls[row]; // will align with top of row\n        }\n        options = {\n            className: 'fc-more-popover ' + theme.getClass('popover'),\n            parentEl: view.el,\n            top: computeRect(topEl).top,\n            autoHide: true,\n            content: function (el) {\n                _this.segPopoverTile = new DayTile(el);\n                _this.updateSegPopoverTile(_this.props.cells[row][_col].date, segs);\n            },\n            hide: function () {\n                _this.segPopoverTile.destroy();\n                _this.segPopoverTile = null;\n                _this.segPopover.destroy();\n                _this.segPopover = null;\n            }\n        };\n        // Determine horizontal coordinate.\n        // We use the moreWrap instead of the <td> to avoid border confusion.\n        if (isRtl) {\n            options.right = computeRect(moreWrap).right + 1; // +1 to be over cell border\n        }\n        else {\n            options.left = computeRect(moreWrap).left - 1; // -1 to be over cell border\n        }\n        this.segPopover = new Popover(options);\n        this.segPopover.show();\n        calendar.releaseAfterSizingTriggers(); // hack for eventPositioned\n    };\n    // Given the events within an array of segment objects, reslice them to be in a single day\n    DayGrid.prototype.resliceDaySegs = function (segs, dayDate) {\n        var dayStart = dayDate;\n        var dayEnd = addDays(dayStart, 1);\n        var dayRange = { start: dayStart, end: dayEnd };\n        var newSegs = [];\n        for (var _i = 0, segs_1 = segs; _i < segs_1.length; _i++) {\n            var seg = segs_1[_i];\n            var eventRange = seg.eventRange;\n            var origRange = eventRange.range;\n            var slicedRange = intersectRanges(origRange, dayRange);\n            if (slicedRange) {\n                newSegs.push(__assign({}, seg, { eventRange: {\n                        def: eventRange.def,\n                        ui: __assign({}, eventRange.ui, { durationEditable: false }),\n                        instance: eventRange.instance,\n                        range: slicedRange\n                    }, isStart: seg.isStart && slicedRange.start.valueOf() === origRange.start.valueOf(), isEnd: seg.isEnd && slicedRange.end.valueOf() === origRange.end.valueOf() }));\n            }\n        }\n        return newSegs;\n    };\n    // Generates the text that should be inside a \"more\" link, given the number of events it represents\n    DayGrid.prototype.getMoreLinkText = function (num) {\n        var opt = this.context.options.eventLimitText;\n        if (typeof opt === 'function') {\n            return opt(num);\n        }\n        else {\n            return '+' + num + ' ' + opt;\n        }\n    };\n    // Returns segments within a given cell.\n    // If `startLevel` is specified, returns only events including and below that level. Otherwise returns all segs.\n    DayGrid.prototype.getCellSegs = function (row, col, startLevel) {\n        var segMatrix = this.eventRenderer.rowStructs[row].segMatrix;\n        var level = startLevel || 0;\n        var segs = [];\n        var seg;\n        while (level < segMatrix.length) {\n            seg = segMatrix[level][col];\n            if (seg) {\n                segs.push(seg);\n            }\n            level++;\n        }\n        return segs;\n    };\n    return DayGrid;\n}(DateComponent));\n\nvar WEEK_NUM_FORMAT$1 = createFormatter({ week: 'numeric' });\n/* An abstract class for the daygrid views, as well as month view. Renders one or more rows of day cells.\n----------------------------------------------------------------------------------------------------------------------*/\n// It is a manager for a DayGrid subcomponent, which does most of the heavy lifting.\n// It is responsible for managing width/height.\nvar AbstractDayGridView = /** @class */ (function (_super) {\n    __extends(AbstractDayGridView, _super);\n    function AbstractDayGridView() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.processOptions = memoize(_this._processOptions);\n        _this.renderSkeleton = memoizeRendering(_this._renderSkeleton, _this._unrenderSkeleton);\n        /* Header Rendering\n        ------------------------------------------------------------------------------------------------------------------*/\n        // Generates the HTML that will go before the day-of week header cells\n        _this.renderHeadIntroHtml = function () {\n            var _a = _this.context, theme = _a.theme, options = _a.options;\n            if (_this.colWeekNumbersVisible) {\n                return '' +\n                    '<th class=\"fc-week-number ' + theme.getClass('widgetHeader') + '\" ' + _this.weekNumberStyleAttr() + '>' +\n                    '<span>' + // needed for matchCellWidths\n                    htmlEscape(options.weekLabel) +\n                    '</span>' +\n                    '</th>';\n            }\n            return '';\n        };\n        /* Day Grid Rendering\n        ------------------------------------------------------------------------------------------------------------------*/\n        // Generates the HTML that will go before content-skeleton cells that display the day/week numbers\n        _this.renderDayGridNumberIntroHtml = function (row, dayGrid) {\n            var _a = _this.context, options = _a.options, dateEnv = _a.dateEnv;\n            var weekStart = dayGrid.props.cells[row][0].date;\n            if (_this.colWeekNumbersVisible) {\n                return '' +\n                    '<td class=\"fc-week-number\" ' + _this.weekNumberStyleAttr() + '>' +\n                    buildGotoAnchorHtml(// aside from link, important for matchCellWidths\n                    options, dateEnv, { date: weekStart, type: 'week', forceOff: dayGrid.colCnt === 1 }, dateEnv.format(weekStart, WEEK_NUM_FORMAT$1) // inner HTML\n                    ) +\n                    '</td>';\n            }\n            return '';\n        };\n        // Generates the HTML that goes before the day bg cells for each day-row\n        _this.renderDayGridBgIntroHtml = function () {\n            var theme = _this.context.theme;\n            if (_this.colWeekNumbersVisible) {\n                return '<td class=\"fc-week-number ' + theme.getClass('widgetContent') + '\" ' + _this.weekNumberStyleAttr() + '></td>';\n            }\n            return '';\n        };\n        // Generates the HTML that goes before every other type of row generated by DayGrid.\n        // Affects mirror-skeleton and highlight-skeleton rows.\n        _this.renderDayGridIntroHtml = function () {\n            if (_this.colWeekNumbersVisible) {\n                return '<td class=\"fc-week-number\" ' + _this.weekNumberStyleAttr() + '></td>';\n            }\n            return '';\n        };\n        return _this;\n    }\n    AbstractDayGridView.prototype._processOptions = function (options) {\n        if (options.weekNumbers) {\n            if (options.weekNumbersWithinDays) {\n                this.cellWeekNumbersVisible = true;\n                this.colWeekNumbersVisible = false;\n            }\n            else {\n                this.cellWeekNumbersVisible = false;\n                this.colWeekNumbersVisible = true;\n            }\n        }\n        else {\n            this.colWeekNumbersVisible = false;\n            this.cellWeekNumbersVisible = false;\n        }\n    };\n    AbstractDayGridView.prototype.render = function (props, context) {\n        _super.prototype.render.call(this, props, context);\n        this.processOptions(context.options);\n        this.renderSkeleton(context);\n    };\n    AbstractDayGridView.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.renderSkeleton.unrender();\n    };\n    AbstractDayGridView.prototype._renderSkeleton = function (context) {\n        this.el.classList.add('fc-dayGrid-view');\n        this.el.innerHTML = this.renderSkeletonHtml();\n        this.scroller = new ScrollComponent('hidden', // overflow x\n        'auto' // overflow y\n        );\n        var dayGridContainerEl = this.scroller.el;\n        this.el.querySelector('.fc-body > tr > td').appendChild(dayGridContainerEl);\n        dayGridContainerEl.classList.add('fc-day-grid-container');\n        var dayGridEl = createElement('div', { className: 'fc-day-grid' });\n        dayGridContainerEl.appendChild(dayGridEl);\n        this.dayGrid = new DayGrid(dayGridEl, {\n            renderNumberIntroHtml: this.renderDayGridNumberIntroHtml,\n            renderBgIntroHtml: this.renderDayGridBgIntroHtml,\n            renderIntroHtml: this.renderDayGridIntroHtml,\n            colWeekNumbersVisible: this.colWeekNumbersVisible,\n            cellWeekNumbersVisible: this.cellWeekNumbersVisible\n        });\n    };\n    AbstractDayGridView.prototype._unrenderSkeleton = function () {\n        this.el.classList.remove('fc-dayGrid-view');\n        this.dayGrid.destroy();\n        this.scroller.destroy();\n    };\n    // Builds the HTML skeleton for the view.\n    // The day-grid component will render inside of a container defined by this HTML.\n    AbstractDayGridView.prototype.renderSkeletonHtml = function () {\n        var _a = this.context, theme = _a.theme, options = _a.options;\n        return '' +\n            '<table class=\"' + theme.getClass('tableGrid') + '\">' +\n            (options.columnHeader ?\n                '<thead class=\"fc-head\">' +\n                    '<tr>' +\n                    '<td class=\"fc-head-container ' + theme.getClass('widgetHeader') + '\">&nbsp;</td>' +\n                    '</tr>' +\n                    '</thead>' :\n                '') +\n            '<tbody class=\"fc-body\">' +\n            '<tr>' +\n            '<td class=\"' + theme.getClass('widgetContent') + '\"></td>' +\n            '</tr>' +\n            '</tbody>' +\n            '</table>';\n    };\n    // Generates an HTML attribute string for setting the width of the week number column, if it is known\n    AbstractDayGridView.prototype.weekNumberStyleAttr = function () {\n        if (this.weekNumberWidth != null) {\n            return 'style=\"width:' + this.weekNumberWidth + 'px\"';\n        }\n        return '';\n    };\n    // Determines whether each row should have a constant height\n    AbstractDayGridView.prototype.hasRigidRows = function () {\n        var eventLimit = this.context.options.eventLimit;\n        return eventLimit && typeof eventLimit !== 'number';\n    };\n    /* Dimensions\n    ------------------------------------------------------------------------------------------------------------------*/\n    AbstractDayGridView.prototype.updateSize = function (isResize, viewHeight, isAuto) {\n        _super.prototype.updateSize.call(this, isResize, viewHeight, isAuto); // will call updateBaseSize. important that executes first\n        this.dayGrid.updateSize(isResize);\n    };\n    // Refreshes the horizontal dimensions of the view\n    AbstractDayGridView.prototype.updateBaseSize = function (isResize, viewHeight, isAuto) {\n        var dayGrid = this.dayGrid;\n        var eventLimit = this.context.options.eventLimit;\n        var headRowEl = this.header ? this.header.el : null; // HACK\n        var scrollerHeight;\n        var scrollbarWidths;\n        // hack to give the view some height prior to dayGrid's columns being rendered\n        // TODO: separate setting height from scroller VS dayGrid.\n        if (!dayGrid.rowEls) {\n            if (!isAuto) {\n                scrollerHeight = this.computeScrollerHeight(viewHeight);\n                this.scroller.setHeight(scrollerHeight);\n            }\n            return;\n        }\n        if (this.colWeekNumbersVisible) {\n            // Make sure all week number cells running down the side have the same width.\n            this.weekNumberWidth = matchCellWidths(findElements(this.el, '.fc-week-number'));\n        }\n        // reset all heights to be natural\n        this.scroller.clear();\n        if (headRowEl) {\n            uncompensateScroll(headRowEl);\n        }\n        dayGrid.removeSegPopover(); // kill the \"more\" popover if displayed\n        // is the event limit a constant level number?\n        if (eventLimit && typeof eventLimit === 'number') {\n            dayGrid.limitRows(eventLimit); // limit the levels first so the height can redistribute after\n        }\n        // distribute the height to the rows\n        // (viewHeight is a \"recommended\" value if isAuto)\n        scrollerHeight = this.computeScrollerHeight(viewHeight);\n        this.setGridHeight(scrollerHeight, isAuto);\n        // is the event limit dynamically calculated?\n        if (eventLimit && typeof eventLimit !== 'number') {\n            dayGrid.limitRows(eventLimit); // limit the levels after the grid's row heights have been set\n        }\n        if (!isAuto) { // should we force dimensions of the scroll container?\n            this.scroller.setHeight(scrollerHeight);\n            scrollbarWidths = this.scroller.getScrollbarWidths();\n            if (scrollbarWidths.left || scrollbarWidths.right) { // using scrollbars?\n                if (headRowEl) {\n                    compensateScroll(headRowEl, scrollbarWidths);\n                }\n                // doing the scrollbar compensation might have created text overflow which created more height. redo\n                scrollerHeight = this.computeScrollerHeight(viewHeight);\n                this.scroller.setHeight(scrollerHeight);\n            }\n            // guarantees the same scrollbar widths\n            this.scroller.lockOverflow(scrollbarWidths);\n        }\n    };\n    // given a desired total height of the view, returns what the height of the scroller should be\n    AbstractDayGridView.prototype.computeScrollerHeight = function (viewHeight) {\n        return viewHeight -\n            subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller\n    };\n    // Sets the height of just the DayGrid component in this view\n    AbstractDayGridView.prototype.setGridHeight = function (height, isAuto) {\n        if (this.context.options.monthMode) {\n            // if auto, make the height of each row the height that it would be if there were 6 weeks\n            if (isAuto) {\n                height *= this.dayGrid.rowCnt / 6;\n            }\n            distributeHeight(this.dayGrid.rowEls, height, !isAuto); // if auto, don't compensate for height-hogging rows\n        }\n        else {\n            if (isAuto) {\n                undistributeHeight(this.dayGrid.rowEls); // let the rows be their natural height with no expanding\n            }\n            else {\n                distributeHeight(this.dayGrid.rowEls, height, true); // true = compensate for height-hogging rows\n            }\n        }\n    };\n    /* Scroll\n    ------------------------------------------------------------------------------------------------------------------*/\n    AbstractDayGridView.prototype.computeDateScroll = function (duration) {\n        return { top: 0 };\n    };\n    AbstractDayGridView.prototype.queryDateScroll = function () {\n        return { top: this.scroller.getScrollTop() };\n    };\n    AbstractDayGridView.prototype.applyDateScroll = function (scroll) {\n        if (scroll.top !== undefined) {\n            this.scroller.setScrollTop(scroll.top);\n        }\n    };\n    return AbstractDayGridView;\n}(View));\nAbstractDayGridView.prototype.dateProfileGeneratorClass = DayGridDateProfileGenerator;\n\nvar SimpleDayGrid = /** @class */ (function (_super) {\n    __extends(SimpleDayGrid, _super);\n    function SimpleDayGrid(dayGrid) {\n        var _this = _super.call(this, dayGrid.el) || this;\n        _this.slicer = new DayGridSlicer();\n        _this.dayGrid = dayGrid;\n        return _this;\n    }\n    SimpleDayGrid.prototype.firstContext = function (context) {\n        context.calendar.registerInteractiveComponent(this, { el: this.dayGrid.el });\n    };\n    SimpleDayGrid.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.context.calendar.unregisterInteractiveComponent(this);\n    };\n    SimpleDayGrid.prototype.render = function (props, context) {\n        var dayGrid = this.dayGrid;\n        var dateProfile = props.dateProfile, dayTable = props.dayTable;\n        dayGrid.receiveContext(context); // hack because context is used in sliceProps\n        dayGrid.receiveProps(__assign({}, this.slicer.sliceProps(props, dateProfile, props.nextDayThreshold, context.calendar, dayGrid, dayTable), { dateProfile: dateProfile, cells: dayTable.cells, isRigid: props.isRigid }), context);\n    };\n    SimpleDayGrid.prototype.buildPositionCaches = function () {\n        this.dayGrid.buildPositionCaches();\n    };\n    SimpleDayGrid.prototype.queryHit = function (positionLeft, positionTop) {\n        var rawHit = this.dayGrid.positionToHit(positionLeft, positionTop);\n        if (rawHit) {\n            return {\n                component: this.dayGrid,\n                dateSpan: rawHit.dateSpan,\n                dayEl: rawHit.dayEl,\n                rect: {\n                    left: rawHit.relativeRect.left,\n                    right: rawHit.relativeRect.right,\n                    top: rawHit.relativeRect.top,\n                    bottom: rawHit.relativeRect.bottom\n                },\n                layer: 0\n            };\n        }\n    };\n    return SimpleDayGrid;\n}(DateComponent));\nvar DayGridSlicer = /** @class */ (function (_super) {\n    __extends(DayGridSlicer, _super);\n    function DayGridSlicer() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    DayGridSlicer.prototype.sliceRange = function (dateRange, dayTable) {\n        return dayTable.sliceRange(dateRange);\n    };\n    return DayGridSlicer;\n}(Slicer));\n\nvar DayGridView = /** @class */ (function (_super) {\n    __extends(DayGridView, _super);\n    function DayGridView() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.buildDayTable = memoize(buildDayTable);\n        return _this;\n    }\n    DayGridView.prototype.render = function (props, context) {\n        _super.prototype.render.call(this, props, context); // will call _renderSkeleton/_unrenderSkeleton\n        var dateProfile = this.props.dateProfile;\n        var dayTable = this.dayTable =\n            this.buildDayTable(dateProfile, props.dateProfileGenerator);\n        if (this.header) {\n            this.header.receiveProps({\n                dateProfile: dateProfile,\n                dates: dayTable.headerDates,\n                datesRepDistinctDays: dayTable.rowCnt === 1,\n                renderIntroHtml: this.renderHeadIntroHtml\n            }, context);\n        }\n        this.simpleDayGrid.receiveProps({\n            dateProfile: dateProfile,\n            dayTable: dayTable,\n            businessHours: props.businessHours,\n            dateSelection: props.dateSelection,\n            eventStore: props.eventStore,\n            eventUiBases: props.eventUiBases,\n            eventSelection: props.eventSelection,\n            eventDrag: props.eventDrag,\n            eventResize: props.eventResize,\n            isRigid: this.hasRigidRows(),\n            nextDayThreshold: this.context.nextDayThreshold\n        }, context);\n    };\n    DayGridView.prototype._renderSkeleton = function (context) {\n        _super.prototype._renderSkeleton.call(this, context);\n        if (context.options.columnHeader) {\n            this.header = new DayHeader(this.el.querySelector('.fc-head-container'));\n        }\n        this.simpleDayGrid = new SimpleDayGrid(this.dayGrid);\n    };\n    DayGridView.prototype._unrenderSkeleton = function () {\n        _super.prototype._unrenderSkeleton.call(this);\n        if (this.header) {\n            this.header.destroy();\n        }\n        this.simpleDayGrid.destroy();\n    };\n    return DayGridView;\n}(AbstractDayGridView));\nfunction buildDayTable(dateProfile, dateProfileGenerator) {\n    var daySeries = new DaySeries(dateProfile.renderRange, dateProfileGenerator);\n    return new DayTable(daySeries, /year|month|week/.test(dateProfile.currentRangeUnit));\n}\n\nvar main = createPlugin({\n    defaultView: 'dayGridMonth',\n    views: {\n        dayGrid: DayGridView,\n        dayGridDay: {\n            type: 'dayGrid',\n            duration: { days: 1 }\n        },\n        dayGridWeek: {\n            type: 'dayGrid',\n            duration: { weeks: 1 }\n        },\n        dayGridMonth: {\n            type: 'dayGrid',\n            duration: { months: 1 },\n            monthMode: true,\n            fixedWeekCount: true\n        }\n    }\n});\n\nexport default main;\nexport { AbstractDayGridView, DayBgRow, DayGrid, DayGridSlicer, DayGridView, SimpleDayGrid, buildDayTable as buildBasicDayTable };\n", "/*!\nFullCalendar Time Grid Plugin v4.4.2\nDocs & License: https://fullcalendar.io/\n(c) 2019 Adam Shaw\n*/\n\nimport { createFormatter, removeElement, computeEventDraggable, computeEventStartResizable, computeEventEndResizable, cssToStr, isMultiDayRange, htmlEscape, compareByFieldSpecs, applyStyle, FgEventRenderer, buildSegCompareObj, FillRenderer, memoize, memoizeRendering, createDuration, wholeDivideDurations, findElements, PositionCache, startOfDay, asRoughMs, formatIsoTimeString, addDurations, htmlToElement, createElement, multiplyDuration, DateComponent, hasBgRendering, Splitter, diffDays, buildGotoAnchorHtml, getAllDayHtml, ScrollComponent, matchCellWidths, uncompensateScroll, compensateScroll, subtractInnerElHeight, View, intersectRanges, Slicer, DayHeader, DaySeries, DayTable, createPlugin } from '@fullcalendar/core';\nimport { DayBgRow, DayGrid, SimpleDayGrid } from '@fullcalendar/daygrid';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nfunction __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nvar __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\n\n/*\nOnly handles foreground segs.\nDoes not own rendering. Use for low-level util methods by TimeGrid.\n*/\nvar TimeGridEventRenderer = /** @class */ (function (_super) {\n    __extends(TimeGridEventRenderer, _super);\n    function TimeGridEventRenderer(timeGrid) {\n        var _this = _super.call(this) || this;\n        _this.timeGrid = timeGrid;\n        return _this;\n    }\n    TimeGridEventRenderer.prototype.renderSegs = function (context, segs, mirrorInfo) {\n        _super.prototype.renderSegs.call(this, context, segs, mirrorInfo);\n        // TODO: dont do every time. memoize\n        this.fullTimeFormat = createFormatter({\n            hour: 'numeric',\n            minute: '2-digit',\n            separator: this.context.options.defaultRangeSeparator\n        });\n    };\n    // Given an array of foreground segments, render a DOM element for each, computes position,\n    // and attaches to the column inner-container elements.\n    TimeGridEventRenderer.prototype.attachSegs = function (segs, mirrorInfo) {\n        var segsByCol = this.timeGrid.groupSegsByCol(segs);\n        // order the segs within each column\n        // TODO: have groupSegsByCol do this?\n        for (var col = 0; col < segsByCol.length; col++) {\n            segsByCol[col] = this.sortEventSegs(segsByCol[col]);\n        }\n        this.segsByCol = segsByCol;\n        this.timeGrid.attachSegsByCol(segsByCol, this.timeGrid.fgContainerEls);\n    };\n    TimeGridEventRenderer.prototype.detachSegs = function (segs) {\n        segs.forEach(function (seg) {\n            removeElement(seg.el);\n        });\n        this.segsByCol = null;\n    };\n    TimeGridEventRenderer.prototype.computeSegSizes = function (allSegs) {\n        var _a = this, timeGrid = _a.timeGrid, segsByCol = _a.segsByCol;\n        var colCnt = timeGrid.colCnt;\n        timeGrid.computeSegVerticals(allSegs); // horizontals relies on this\n        if (segsByCol) {\n            for (var col = 0; col < colCnt; col++) {\n                this.computeSegHorizontals(segsByCol[col]); // compute horizontal coordinates, z-index's, and reorder the array\n            }\n        }\n    };\n    TimeGridEventRenderer.prototype.assignSegSizes = function (allSegs) {\n        var _a = this, timeGrid = _a.timeGrid, segsByCol = _a.segsByCol;\n        var colCnt = timeGrid.colCnt;\n        timeGrid.assignSegVerticals(allSegs); // horizontals relies on this\n        if (segsByCol) {\n            for (var col = 0; col < colCnt; col++) {\n                this.assignSegCss(segsByCol[col]);\n            }\n        }\n    };\n    // Computes a default event time formatting string if `eventTimeFormat` is not explicitly defined\n    TimeGridEventRenderer.prototype.computeEventTimeFormat = function () {\n        return {\n            hour: 'numeric',\n            minute: '2-digit',\n            meridiem: false\n        };\n    };\n    // Computes a default `displayEventEnd` value if one is not expliclty defined\n    TimeGridEventRenderer.prototype.computeDisplayEventEnd = function () {\n        return true;\n    };\n    // Renders the HTML for a single event segment's default rendering\n    TimeGridEventRenderer.prototype.renderSegHtml = function (seg, mirrorInfo) {\n        var eventRange = seg.eventRange;\n        var eventDef = eventRange.def;\n        var eventUi = eventRange.ui;\n        var allDay = eventDef.allDay;\n        var isDraggable = computeEventDraggable(this.context, eventDef, eventUi);\n        var isResizableFromStart = seg.isStart && computeEventStartResizable(this.context, eventDef, eventUi);\n        var isResizableFromEnd = seg.isEnd && computeEventEndResizable(this.context, eventDef, eventUi);\n        var classes = this.getSegClasses(seg, isDraggable, isResizableFromStart || isResizableFromEnd, mirrorInfo);\n        var skinCss = cssToStr(this.getSkinCss(eventUi));\n        var timeText;\n        var fullTimeText; // more verbose time text. for the print stylesheet\n        var startTimeText; // just the start time text\n        classes.unshift('fc-time-grid-event');\n        // if the event appears to span more than one day...\n        if (isMultiDayRange(eventRange.range)) {\n            // Don't display time text on segments that run entirely through a day.\n            // That would appear as midnight-midnight and would look dumb.\n            // Otherwise, display the time text for the *segment's* times (like 6pm-midnight or midnight-10am)\n            if (seg.isStart || seg.isEnd) {\n                var unzonedStart = seg.start;\n                var unzonedEnd = seg.end;\n                timeText = this._getTimeText(unzonedStart, unzonedEnd, allDay); // TODO: give the timezones\n                fullTimeText = this._getTimeText(unzonedStart, unzonedEnd, allDay, this.fullTimeFormat);\n                startTimeText = this._getTimeText(unzonedStart, unzonedEnd, allDay, null, false); // displayEnd=false\n            }\n        }\n        else {\n            // Display the normal time text for the *event's* times\n            timeText = this.getTimeText(eventRange);\n            fullTimeText = this.getTimeText(eventRange, this.fullTimeFormat);\n            startTimeText = this.getTimeText(eventRange, null, false); // displayEnd=false\n        }\n        return '<a class=\"' + classes.join(' ') + '\"' +\n            (eventDef.url ?\n                ' href=\"' + htmlEscape(eventDef.url) + '\"' :\n                '') +\n            (skinCss ?\n                ' style=\"' + skinCss + '\"' :\n                '') +\n            '>' +\n            '<div class=\"fc-content\">' +\n            (timeText ?\n                '<div class=\"fc-time\"' +\n                    ' data-start=\"' + htmlEscape(startTimeText) + '\"' +\n                    ' data-full=\"' + htmlEscape(fullTimeText) + '\"' +\n                    '>' +\n                    '<span>' + htmlEscape(timeText) + '</span>' +\n                    '</div>' :\n                '') +\n            (eventDef.title ?\n                '<div class=\"fc-title\">' +\n                    htmlEscape(eventDef.title) +\n                    '</div>' :\n                '') +\n            '</div>' +\n            /* TODO: write CSS for this\n            (isResizableFromStart ?\n              '<div class=\"fc-resizer fc-start-resizer\"></div>' :\n              ''\n              ) +\n            */\n            (isResizableFromEnd ?\n                '<div class=\"fc-resizer fc-end-resizer\"></div>' :\n                '') +\n            '</a>';\n    };\n    // Given an array of segments that are all in the same column, sets the backwardCoord and forwardCoord on each.\n    // Assumed the segs are already ordered.\n    // NOTE: Also reorders the given array by date!\n    TimeGridEventRenderer.prototype.computeSegHorizontals = function (segs) {\n        var levels;\n        var level0;\n        var i;\n        levels = buildSlotSegLevels(segs);\n        computeForwardSlotSegs(levels);\n        if ((level0 = levels[0])) {\n            for (i = 0; i < level0.length; i++) {\n                computeSlotSegPressures(level0[i]);\n            }\n            for (i = 0; i < level0.length; i++) {\n                this.computeSegForwardBack(level0[i], 0, 0);\n            }\n        }\n    };\n    // Calculate seg.forwardCoord and seg.backwardCoord for the segment, where both values range\n    // from 0 to 1. If the calendar is left-to-right, the seg.backwardCoord maps to \"left\" and\n    // seg.forwardCoord maps to \"right\" (via percentage). Vice-versa if the calendar is right-to-left.\n    //\n    // The segment might be part of a \"series\", which means consecutive segments with the same pressure\n    // who's width is unknown until an edge has been hit. `seriesBackwardPressure` is the number of\n    // segments behind this one in the current series, and `seriesBackwardCoord` is the starting\n    // coordinate of the first segment in the series.\n    TimeGridEventRenderer.prototype.computeSegForwardBack = function (seg, seriesBackwardPressure, seriesBackwardCoord) {\n        var forwardSegs = seg.forwardSegs;\n        var i;\n        if (seg.forwardCoord === undefined) { // not already computed\n            if (!forwardSegs.length) {\n                // if there are no forward segments, this segment should butt up against the edge\n                seg.forwardCoord = 1;\n            }\n            else {\n                // sort highest pressure first\n                this.sortForwardSegs(forwardSegs);\n                // this segment's forwardCoord will be calculated from the backwardCoord of the\n                // highest-pressure forward segment.\n                this.computeSegForwardBack(forwardSegs[0], seriesBackwardPressure + 1, seriesBackwardCoord);\n                seg.forwardCoord = forwardSegs[0].backwardCoord;\n            }\n            // calculate the backwardCoord from the forwardCoord. consider the series\n            seg.backwardCoord = seg.forwardCoord -\n                (seg.forwardCoord - seriesBackwardCoord) / // available width for series\n                    (seriesBackwardPressure + 1); // # of segments in the series\n            // use this segment's coordinates to computed the coordinates of the less-pressurized\n            // forward segments\n            for (i = 0; i < forwardSegs.length; i++) {\n                this.computeSegForwardBack(forwardSegs[i], 0, seg.forwardCoord);\n            }\n        }\n    };\n    TimeGridEventRenderer.prototype.sortForwardSegs = function (forwardSegs) {\n        var objs = forwardSegs.map(buildTimeGridSegCompareObj);\n        var specs = [\n            // put higher-pressure first\n            { field: 'forwardPressure', order: -1 },\n            // put segments that are closer to initial edge first (and favor ones with no coords yet)\n            { field: 'backwardCoord', order: 1 }\n        ].concat(this.context.eventOrderSpecs);\n        objs.sort(function (obj0, obj1) {\n            return compareByFieldSpecs(obj0, obj1, specs);\n        });\n        return objs.map(function (c) {\n            return c._seg;\n        });\n    };\n    // Given foreground event segments that have already had their position coordinates computed,\n    // assigns position-related CSS values to their elements.\n    TimeGridEventRenderer.prototype.assignSegCss = function (segs) {\n        for (var _i = 0, segs_1 = segs; _i < segs_1.length; _i++) {\n            var seg = segs_1[_i];\n            applyStyle(seg.el, this.generateSegCss(seg));\n            if (seg.level > 0) {\n                seg.el.classList.add('fc-time-grid-event-inset');\n            }\n            // if the event is short that the title will be cut off,\n            // attach a className that condenses the title into the time area.\n            if (seg.eventRange.def.title && seg.bottom - seg.top < 30) {\n                seg.el.classList.add('fc-short'); // TODO: \"condensed\" is a better name\n            }\n        }\n    };\n    // Generates an object with CSS properties/values that should be applied to an event segment element.\n    // Contains important positioning-related properties that should be applied to any event element, customized or not.\n    TimeGridEventRenderer.prototype.generateSegCss = function (seg) {\n        var shouldOverlap = this.context.options.slotEventOverlap;\n        var backwardCoord = seg.backwardCoord; // the left side if LTR. the right side if RTL. floating-point\n        var forwardCoord = seg.forwardCoord; // the right side if LTR. the left side if RTL. floating-point\n        var props = this.timeGrid.generateSegVerticalCss(seg); // get top/bottom first\n        var isRtl = this.context.isRtl;\n        var left; // amount of space from left edge, a fraction of the total width\n        var right; // amount of space from right edge, a fraction of the total width\n        if (shouldOverlap) {\n            // double the width, but don't go beyond the maximum forward coordinate (1.0)\n            forwardCoord = Math.min(1, backwardCoord + (forwardCoord - backwardCoord) * 2);\n        }\n        if (isRtl) {\n            left = 1 - forwardCoord;\n            right = backwardCoord;\n        }\n        else {\n            left = backwardCoord;\n            right = 1 - forwardCoord;\n        }\n        props.zIndex = seg.level + 1; // convert from 0-base to 1-based\n        props.left = left * 100 + '%';\n        props.right = right * 100 + '%';\n        if (shouldOverlap && seg.forwardPressure) {\n            // add padding to the edge so that forward stacked events don't cover the resizer's icon\n            props[isRtl ? 'marginLeft' : 'marginRight'] = 10 * 2; // 10 is a guesstimate of the icon's width\n        }\n        return props;\n    };\n    return TimeGridEventRenderer;\n}(FgEventRenderer));\n// Builds an array of segments \"levels\". The first level will be the leftmost tier of segments if the calendar is\n// left-to-right, or the rightmost if the calendar is right-to-left. Assumes the segments are already ordered by date.\nfunction buildSlotSegLevels(segs) {\n    var levels = [];\n    var i;\n    var seg;\n    var j;\n    for (i = 0; i < segs.length; i++) {\n        seg = segs[i];\n        // go through all the levels and stop on the first level where there are no collisions\n        for (j = 0; j < levels.length; j++) {\n            if (!computeSlotSegCollisions(seg, levels[j]).length) {\n                break;\n            }\n        }\n        seg.level = j;\n        (levels[j] || (levels[j] = [])).push(seg);\n    }\n    return levels;\n}\n// For every segment, figure out the other segments that are in subsequent\n// levels that also occupy the same vertical space. Accumulate in seg.forwardSegs\nfunction computeForwardSlotSegs(levels) {\n    var i;\n    var level;\n    var j;\n    var seg;\n    var k;\n    for (i = 0; i < levels.length; i++) {\n        level = levels[i];\n        for (j = 0; j < level.length; j++) {\n            seg = level[j];\n            seg.forwardSegs = [];\n            for (k = i + 1; k < levels.length; k++) {\n                computeSlotSegCollisions(seg, levels[k], seg.forwardSegs);\n            }\n        }\n    }\n}\n// Figure out which path forward (via seg.forwardSegs) results in the longest path until\n// the furthest edge is reached. The number of segments in this path will be seg.forwardPressure\nfunction computeSlotSegPressures(seg) {\n    var forwardSegs = seg.forwardSegs;\n    var forwardPressure = 0;\n    var i;\n    var forwardSeg;\n    if (seg.forwardPressure === undefined) { // not already computed\n        for (i = 0; i < forwardSegs.length; i++) {\n            forwardSeg = forwardSegs[i];\n            // figure out the child's maximum forward path\n            computeSlotSegPressures(forwardSeg);\n            // either use the existing maximum, or use the child's forward pressure\n            // plus one (for the forwardSeg itself)\n            forwardPressure = Math.max(forwardPressure, 1 + forwardSeg.forwardPressure);\n        }\n        seg.forwardPressure = forwardPressure;\n    }\n}\n// Find all the segments in `otherSegs` that vertically collide with `seg`.\n// Append into an optionally-supplied `results` array and return.\nfunction computeSlotSegCollisions(seg, otherSegs, results) {\n    if (results === void 0) { results = []; }\n    for (var i = 0; i < otherSegs.length; i++) {\n        if (isSlotSegCollision(seg, otherSegs[i])) {\n            results.push(otherSegs[i]);\n        }\n    }\n    return results;\n}\n// Do these segments occupy the same vertical space?\nfunction isSlotSegCollision(seg1, seg2) {\n    return seg1.bottom > seg2.top && seg1.top < seg2.bottom;\n}\nfunction buildTimeGridSegCompareObj(seg) {\n    var obj = buildSegCompareObj(seg);\n    obj.forwardPressure = seg.forwardPressure;\n    obj.backwardCoord = seg.backwardCoord;\n    return obj;\n}\n\nvar TimeGridMirrorRenderer = /** @class */ (function (_super) {\n    __extends(TimeGridMirrorRenderer, _super);\n    function TimeGridMirrorRenderer() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    TimeGridMirrorRenderer.prototype.attachSegs = function (segs, mirrorInfo) {\n        this.segsByCol = this.timeGrid.groupSegsByCol(segs);\n        this.timeGrid.attachSegsByCol(this.segsByCol, this.timeGrid.mirrorContainerEls);\n        this.sourceSeg = mirrorInfo.sourceSeg;\n    };\n    TimeGridMirrorRenderer.prototype.generateSegCss = function (seg) {\n        var props = _super.prototype.generateSegCss.call(this, seg);\n        var sourceSeg = this.sourceSeg;\n        if (sourceSeg && sourceSeg.col === seg.col) {\n            var sourceSegProps = _super.prototype.generateSegCss.call(this, sourceSeg);\n            props.left = sourceSegProps.left;\n            props.right = sourceSegProps.right;\n            props.marginLeft = sourceSegProps.marginLeft;\n            props.marginRight = sourceSegProps.marginRight;\n        }\n        return props;\n    };\n    return TimeGridMirrorRenderer;\n}(TimeGridEventRenderer));\n\nvar TimeGridFillRenderer = /** @class */ (function (_super) {\n    __extends(TimeGridFillRenderer, _super);\n    function TimeGridFillRenderer(timeGrid) {\n        var _this = _super.call(this) || this;\n        _this.timeGrid = timeGrid;\n        return _this;\n    }\n    TimeGridFillRenderer.prototype.attachSegs = function (type, segs) {\n        var timeGrid = this.timeGrid;\n        var containerEls;\n        // TODO: more efficient lookup\n        if (type === 'bgEvent') {\n            containerEls = timeGrid.bgContainerEls;\n        }\n        else if (type === 'businessHours') {\n            containerEls = timeGrid.businessContainerEls;\n        }\n        else if (type === 'highlight') {\n            containerEls = timeGrid.highlightContainerEls;\n        }\n        timeGrid.attachSegsByCol(timeGrid.groupSegsByCol(segs), containerEls);\n        return segs.map(function (seg) {\n            return seg.el;\n        });\n    };\n    TimeGridFillRenderer.prototype.computeSegSizes = function (segs) {\n        this.timeGrid.computeSegVerticals(segs);\n    };\n    TimeGridFillRenderer.prototype.assignSegSizes = function (segs) {\n        this.timeGrid.assignSegVerticals(segs);\n    };\n    return TimeGridFillRenderer;\n}(FillRenderer));\n\n/* A component that renders one or more columns of vertical time slots\n----------------------------------------------------------------------------------------------------------------------*/\n// potential nice values for the slot-duration and interval-duration\n// from largest to smallest\nvar AGENDA_STOCK_SUB_DURATIONS = [\n    { hours: 1 },\n    { minutes: 30 },\n    { minutes: 15 },\n    { seconds: 30 },\n    { seconds: 15 }\n];\nvar TimeGrid = /** @class */ (function (_super) {\n    __extends(TimeGrid, _super);\n    function TimeGrid(el, renderProps) {\n        var _this = _super.call(this, el) || this;\n        _this.isSlatSizesDirty = false;\n        _this.isColSizesDirty = false;\n        _this.processOptions = memoize(_this._processOptions);\n        _this.renderSkeleton = memoizeRendering(_this._renderSkeleton);\n        _this.renderSlats = memoizeRendering(_this._renderSlats, null, [_this.renderSkeleton]);\n        _this.renderColumns = memoizeRendering(_this._renderColumns, _this._unrenderColumns, [_this.renderSkeleton]);\n        _this.renderProps = renderProps;\n        var renderColumns = _this.renderColumns;\n        var eventRenderer = _this.eventRenderer = new TimeGridEventRenderer(_this);\n        var fillRenderer = _this.fillRenderer = new TimeGridFillRenderer(_this);\n        _this.mirrorRenderer = new TimeGridMirrorRenderer(_this);\n        _this.renderBusinessHours = memoizeRendering(fillRenderer.renderSegs.bind(fillRenderer, 'businessHours'), fillRenderer.unrender.bind(fillRenderer, 'businessHours'), [renderColumns]);\n        _this.renderDateSelection = memoizeRendering(_this._renderDateSelection, _this._unrenderDateSelection, [renderColumns]);\n        _this.renderFgEvents = memoizeRendering(eventRenderer.renderSegs.bind(eventRenderer), eventRenderer.unrender.bind(eventRenderer), [renderColumns]);\n        _this.renderBgEvents = memoizeRendering(fillRenderer.renderSegs.bind(fillRenderer, 'bgEvent'), fillRenderer.unrender.bind(fillRenderer, 'bgEvent'), [renderColumns]);\n        _this.renderEventSelection = memoizeRendering(eventRenderer.selectByInstanceId.bind(eventRenderer), eventRenderer.unselectByInstanceId.bind(eventRenderer), [_this.renderFgEvents]);\n        _this.renderEventDrag = memoizeRendering(_this._renderEventDrag, _this._unrenderEventDrag, [renderColumns]);\n        _this.renderEventResize = memoizeRendering(_this._renderEventResize, _this._unrenderEventResize, [renderColumns]);\n        return _this;\n    }\n    /* Options\n    ------------------------------------------------------------------------------------------------------------------*/\n    // Parses various options into properties of this object\n    // MUST have context already set\n    TimeGrid.prototype._processOptions = function (options) {\n        var slotDuration = options.slotDuration, snapDuration = options.snapDuration;\n        var snapsPerSlot;\n        var input;\n        slotDuration = createDuration(slotDuration);\n        snapDuration = snapDuration ? createDuration(snapDuration) : slotDuration;\n        snapsPerSlot = wholeDivideDurations(slotDuration, snapDuration);\n        if (snapsPerSlot === null) {\n            snapDuration = slotDuration;\n            snapsPerSlot = 1;\n            // TODO: say warning?\n        }\n        this.slotDuration = slotDuration;\n        this.snapDuration = snapDuration;\n        this.snapsPerSlot = snapsPerSlot;\n        // might be an array value (for TimelineView).\n        // if so, getting the most granular entry (the last one probably).\n        input = options.slotLabelFormat;\n        if (Array.isArray(input)) {\n            input = input[input.length - 1];\n        }\n        this.labelFormat = createFormatter(input || {\n            hour: 'numeric',\n            minute: '2-digit',\n            omitZeroMinute: true,\n            meridiem: 'short'\n        });\n        input = options.slotLabelInterval;\n        this.labelInterval = input ?\n            createDuration(input) :\n            this.computeLabelInterval(slotDuration);\n    };\n    // Computes an automatic value for slotLabelInterval\n    TimeGrid.prototype.computeLabelInterval = function (slotDuration) {\n        var i;\n        var labelInterval;\n        var slotsPerLabel;\n        // find the smallest stock label interval that results in more than one slots-per-label\n        for (i = AGENDA_STOCK_SUB_DURATIONS.length - 1; i >= 0; i--) {\n            labelInterval = createDuration(AGENDA_STOCK_SUB_DURATIONS[i]);\n            slotsPerLabel = wholeDivideDurations(labelInterval, slotDuration);\n            if (slotsPerLabel !== null && slotsPerLabel > 1) {\n                return labelInterval;\n            }\n        }\n        return slotDuration; // fall back\n    };\n    /* Rendering\n    ------------------------------------------------------------------------------------------------------------------*/\n    TimeGrid.prototype.render = function (props, context) {\n        this.processOptions(context.options);\n        var cells = props.cells;\n        this.colCnt = cells.length;\n        this.renderSkeleton(context.theme);\n        this.renderSlats(props.dateProfile);\n        this.renderColumns(props.cells, props.dateProfile);\n        this.renderBusinessHours(context, props.businessHourSegs);\n        this.renderDateSelection(props.dateSelectionSegs);\n        this.renderFgEvents(context, props.fgEventSegs);\n        this.renderBgEvents(context, props.bgEventSegs);\n        this.renderEventSelection(props.eventSelection);\n        this.renderEventDrag(props.eventDrag);\n        this.renderEventResize(props.eventResize);\n    };\n    TimeGrid.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        // should unrender everything else too\n        this.renderSlats.unrender();\n        this.renderColumns.unrender();\n        this.renderSkeleton.unrender();\n    };\n    TimeGrid.prototype.updateSize = function (isResize) {\n        var _a = this, fillRenderer = _a.fillRenderer, eventRenderer = _a.eventRenderer, mirrorRenderer = _a.mirrorRenderer;\n        if (isResize || this.isSlatSizesDirty) {\n            this.buildSlatPositions();\n            this.isSlatSizesDirty = false;\n        }\n        if (isResize || this.isColSizesDirty) {\n            this.buildColPositions();\n            this.isColSizesDirty = false;\n        }\n        fillRenderer.computeSizes(isResize);\n        eventRenderer.computeSizes(isResize);\n        mirrorRenderer.computeSizes(isResize);\n        fillRenderer.assignSizes(isResize);\n        eventRenderer.assignSizes(isResize);\n        mirrorRenderer.assignSizes(isResize);\n    };\n    TimeGrid.prototype._renderSkeleton = function (theme) {\n        var el = this.el;\n        el.innerHTML =\n            '<div class=\"fc-bg\"></div>' +\n                '<div class=\"fc-slats\"></div>' +\n                '<hr class=\"fc-divider ' + theme.getClass('widgetHeader') + '\" style=\"display:none\" />';\n        this.rootBgContainerEl = el.querySelector('.fc-bg');\n        this.slatContainerEl = el.querySelector('.fc-slats');\n        this.bottomRuleEl = el.querySelector('.fc-divider');\n    };\n    TimeGrid.prototype._renderSlats = function (dateProfile) {\n        var theme = this.context.theme;\n        this.slatContainerEl.innerHTML =\n            '<table class=\"' + theme.getClass('tableGrid') + '\">' +\n                this.renderSlatRowHtml(dateProfile) +\n                '</table>';\n        this.slatEls = findElements(this.slatContainerEl, 'tr');\n        this.slatPositions = new PositionCache(this.el, this.slatEls, false, true // vertical\n        );\n        this.isSlatSizesDirty = true;\n    };\n    // Generates the HTML for the horizontal \"slats\" that run width-wise. Has a time axis on a side. Depends on RTL.\n    TimeGrid.prototype.renderSlatRowHtml = function (dateProfile) {\n        var _a = this.context, dateEnv = _a.dateEnv, theme = _a.theme, isRtl = _a.isRtl;\n        var html = '';\n        var dayStart = startOfDay(dateProfile.renderRange.start);\n        var slotTime = dateProfile.minTime;\n        var slotIterator = createDuration(0);\n        var slotDate; // will be on the view's first day, but we only care about its time\n        var isLabeled;\n        var axisHtml;\n        // Calculate the time for each slot\n        while (asRoughMs(slotTime) < asRoughMs(dateProfile.maxTime)) {\n            slotDate = dateEnv.add(dayStart, slotTime);\n            isLabeled = wholeDivideDurations(slotIterator, this.labelInterval) !== null;\n            axisHtml =\n                '<td class=\"fc-axis fc-time ' + theme.getClass('widgetContent') + '\">' +\n                    (isLabeled ?\n                        '<span>' + // for matchCellWidths\n                            htmlEscape(dateEnv.format(slotDate, this.labelFormat)) +\n                            '</span>' :\n                        '') +\n                    '</td>';\n            html +=\n                '<tr data-time=\"' + formatIsoTimeString(slotDate) + '\"' +\n                    (isLabeled ? '' : ' class=\"fc-minor\"') +\n                    '>' +\n                    (!isRtl ? axisHtml : '') +\n                    '<td class=\"' + theme.getClass('widgetContent') + '\"></td>' +\n                    (isRtl ? axisHtml : '') +\n                    '</tr>';\n            slotTime = addDurations(slotTime, this.slotDuration);\n            slotIterator = addDurations(slotIterator, this.slotDuration);\n        }\n        return html;\n    };\n    TimeGrid.prototype._renderColumns = function (cells, dateProfile) {\n        var _a = this.context, calendar = _a.calendar, view = _a.view, isRtl = _a.isRtl, theme = _a.theme, dateEnv = _a.dateEnv;\n        var bgRow = new DayBgRow(this.context);\n        this.rootBgContainerEl.innerHTML =\n            '<table class=\"' + theme.getClass('tableGrid') + '\">' +\n                bgRow.renderHtml({\n                    cells: cells,\n                    dateProfile: dateProfile,\n                    renderIntroHtml: this.renderProps.renderBgIntroHtml\n                }) +\n                '</table>';\n        this.colEls = findElements(this.el, '.fc-day, .fc-disabled-day');\n        for (var col = 0; col < this.colCnt; col++) {\n            calendar.publiclyTrigger('dayRender', [\n                {\n                    date: dateEnv.toDate(cells[col].date),\n                    el: this.colEls[col],\n                    view: view\n                }\n            ]);\n        }\n        if (isRtl) {\n            this.colEls.reverse();\n        }\n        this.colPositions = new PositionCache(this.el, this.colEls, true, // horizontal\n        false);\n        this.renderContentSkeleton();\n        this.isColSizesDirty = true;\n    };\n    TimeGrid.prototype._unrenderColumns = function () {\n        this.unrenderContentSkeleton();\n    };\n    /* Content Skeleton\n    ------------------------------------------------------------------------------------------------------------------*/\n    // Renders the DOM that the view's content will live in\n    TimeGrid.prototype.renderContentSkeleton = function () {\n        var isRtl = this.context.isRtl;\n        var parts = [];\n        var skeletonEl;\n        parts.push(this.renderProps.renderIntroHtml());\n        for (var i = 0; i < this.colCnt; i++) {\n            parts.push('<td>' +\n                '<div class=\"fc-content-col\">' +\n                '<div class=\"fc-event-container fc-mirror-container\"></div>' +\n                '<div class=\"fc-event-container\"></div>' +\n                '<div class=\"fc-highlight-container\"></div>' +\n                '<div class=\"fc-bgevent-container\"></div>' +\n                '<div class=\"fc-business-container\"></div>' +\n                '</div>' +\n                '</td>');\n        }\n        if (isRtl) {\n            parts.reverse();\n        }\n        skeletonEl = this.contentSkeletonEl = htmlToElement('<div class=\"fc-content-skeleton\">' +\n            '<table>' +\n            '<tr>' + parts.join('') + '</tr>' +\n            '</table>' +\n            '</div>');\n        this.colContainerEls = findElements(skeletonEl, '.fc-content-col');\n        this.mirrorContainerEls = findElements(skeletonEl, '.fc-mirror-container');\n        this.fgContainerEls = findElements(skeletonEl, '.fc-event-container:not(.fc-mirror-container)');\n        this.bgContainerEls = findElements(skeletonEl, '.fc-bgevent-container');\n        this.highlightContainerEls = findElements(skeletonEl, '.fc-highlight-container');\n        this.businessContainerEls = findElements(skeletonEl, '.fc-business-container');\n        if (isRtl) {\n            this.colContainerEls.reverse();\n            this.mirrorContainerEls.reverse();\n            this.fgContainerEls.reverse();\n            this.bgContainerEls.reverse();\n            this.highlightContainerEls.reverse();\n            this.businessContainerEls.reverse();\n        }\n        this.el.appendChild(skeletonEl);\n    };\n    TimeGrid.prototype.unrenderContentSkeleton = function () {\n        removeElement(this.contentSkeletonEl);\n    };\n    // Given a flat array of segments, return an array of sub-arrays, grouped by each segment's col\n    TimeGrid.prototype.groupSegsByCol = function (segs) {\n        var segsByCol = [];\n        var i;\n        for (i = 0; i < this.colCnt; i++) {\n            segsByCol.push([]);\n        }\n        for (i = 0; i < segs.length; i++) {\n            segsByCol[segs[i].col].push(segs[i]);\n        }\n        return segsByCol;\n    };\n    // Given segments grouped by column, insert the segments' elements into a parallel array of container\n    // elements, each living within a column.\n    TimeGrid.prototype.attachSegsByCol = function (segsByCol, containerEls) {\n        var col;\n        var segs;\n        var i;\n        for (col = 0; col < this.colCnt; col++) { // iterate each column grouping\n            segs = segsByCol[col];\n            for (i = 0; i < segs.length; i++) {\n                containerEls[col].appendChild(segs[i].el);\n            }\n        }\n    };\n    /* Now Indicator\n    ------------------------------------------------------------------------------------------------------------------*/\n    TimeGrid.prototype.getNowIndicatorUnit = function () {\n        return 'minute'; // will refresh on the minute\n    };\n    TimeGrid.prototype.renderNowIndicator = function (segs, date) {\n        // HACK: if date columns not ready for some reason (scheduler)\n        if (!this.colContainerEls) {\n            return;\n        }\n        var top = this.computeDateTop(date);\n        var nodes = [];\n        var i;\n        // render lines within the columns\n        for (i = 0; i < segs.length; i++) {\n            var lineEl = createElement('div', { className: 'fc-now-indicator fc-now-indicator-line' });\n            lineEl.style.top = top + 'px';\n            this.colContainerEls[segs[i].col].appendChild(lineEl);\n            nodes.push(lineEl);\n        }\n        // render an arrow over the axis\n        if (segs.length > 0) { // is the current time in view?\n            var arrowEl = createElement('div', { className: 'fc-now-indicator fc-now-indicator-arrow' });\n            arrowEl.style.top = top + 'px';\n            this.contentSkeletonEl.appendChild(arrowEl);\n            nodes.push(arrowEl);\n        }\n        this.nowIndicatorEls = nodes;\n    };\n    TimeGrid.prototype.unrenderNowIndicator = function () {\n        if (this.nowIndicatorEls) {\n            this.nowIndicatorEls.forEach(removeElement);\n            this.nowIndicatorEls = null;\n        }\n    };\n    /* Coordinates\n    ------------------------------------------------------------------------------------------------------------------*/\n    TimeGrid.prototype.getTotalSlatHeight = function () {\n        return this.slatContainerEl.getBoundingClientRect().height;\n    };\n    // Computes the top coordinate, relative to the bounds of the grid, of the given date.\n    // A `startOfDayDate` must be given for avoiding ambiguity over how to treat midnight.\n    TimeGrid.prototype.computeDateTop = function (when, startOfDayDate) {\n        if (!startOfDayDate) {\n            startOfDayDate = startOfDay(when);\n        }\n        return this.computeTimeTop(createDuration(when.valueOf() - startOfDayDate.valueOf()));\n    };\n    // Computes the top coordinate, relative to the bounds of the grid, of the given time (a Duration).\n    TimeGrid.prototype.computeTimeTop = function (duration) {\n        var len = this.slatEls.length;\n        var dateProfile = this.props.dateProfile;\n        var slatCoverage = (duration.milliseconds - asRoughMs(dateProfile.minTime)) / asRoughMs(this.slotDuration); // floating-point value of # of slots covered\n        var slatIndex;\n        var slatRemainder;\n        // compute a floating-point number for how many slats should be progressed through.\n        // from 0 to number of slats (inclusive)\n        // constrained because minTime/maxTime might be customized.\n        slatCoverage = Math.max(0, slatCoverage);\n        slatCoverage = Math.min(len, slatCoverage);\n        // an integer index of the furthest whole slat\n        // from 0 to number slats (*exclusive*, so len-1)\n        slatIndex = Math.floor(slatCoverage);\n        slatIndex = Math.min(slatIndex, len - 1);\n        // how much further through the slatIndex slat (from 0.0-1.0) must be covered in addition.\n        // could be 1.0 if slatCoverage is covering *all* the slots\n        slatRemainder = slatCoverage - slatIndex;\n        return this.slatPositions.tops[slatIndex] +\n            this.slatPositions.getHeight(slatIndex) * slatRemainder;\n    };\n    // For each segment in an array, computes and assigns its top and bottom properties\n    TimeGrid.prototype.computeSegVerticals = function (segs) {\n        var options = this.context.options;\n        var eventMinHeight = options.timeGridEventMinHeight;\n        var i;\n        var seg;\n        var dayDate;\n        for (i = 0; i < segs.length; i++) {\n            seg = segs[i];\n            dayDate = this.props.cells[seg.col].date;\n            seg.top = this.computeDateTop(seg.start, dayDate);\n            seg.bottom = Math.max(seg.top + eventMinHeight, this.computeDateTop(seg.end, dayDate));\n        }\n    };\n    // Given segments that already have their top/bottom properties computed, applies those values to\n    // the segments' elements.\n    TimeGrid.prototype.assignSegVerticals = function (segs) {\n        var i;\n        var seg;\n        for (i = 0; i < segs.length; i++) {\n            seg = segs[i];\n            applyStyle(seg.el, this.generateSegVerticalCss(seg));\n        }\n    };\n    // Generates an object with CSS properties for the top/bottom coordinates of a segment element\n    TimeGrid.prototype.generateSegVerticalCss = function (seg) {\n        return {\n            top: seg.top,\n            bottom: -seg.bottom // flipped because needs to be space beyond bottom edge of event container\n        };\n    };\n    /* Sizing\n    ------------------------------------------------------------------------------------------------------------------*/\n    TimeGrid.prototype.buildPositionCaches = function () {\n        this.buildColPositions();\n        this.buildSlatPositions();\n    };\n    TimeGrid.prototype.buildColPositions = function () {\n        this.colPositions.build();\n    };\n    TimeGrid.prototype.buildSlatPositions = function () {\n        this.slatPositions.build();\n    };\n    /* Hit System\n    ------------------------------------------------------------------------------------------------------------------*/\n    TimeGrid.prototype.positionToHit = function (positionLeft, positionTop) {\n        var dateEnv = this.context.dateEnv;\n        var _a = this, snapsPerSlot = _a.snapsPerSlot, slatPositions = _a.slatPositions, colPositions = _a.colPositions;\n        var colIndex = colPositions.leftToIndex(positionLeft);\n        var slatIndex = slatPositions.topToIndex(positionTop);\n        if (colIndex != null && slatIndex != null) {\n            var slatTop = slatPositions.tops[slatIndex];\n            var slatHeight = slatPositions.getHeight(slatIndex);\n            var partial = (positionTop - slatTop) / slatHeight; // floating point number between 0 and 1\n            var localSnapIndex = Math.floor(partial * snapsPerSlot); // the snap # relative to start of slat\n            var snapIndex = slatIndex * snapsPerSlot + localSnapIndex;\n            var dayDate = this.props.cells[colIndex].date;\n            var time = addDurations(this.props.dateProfile.minTime, multiplyDuration(this.snapDuration, snapIndex));\n            var start = dateEnv.add(dayDate, time);\n            var end = dateEnv.add(start, this.snapDuration);\n            return {\n                col: colIndex,\n                dateSpan: {\n                    range: { start: start, end: end },\n                    allDay: false\n                },\n                dayEl: this.colEls[colIndex],\n                relativeRect: {\n                    left: colPositions.lefts[colIndex],\n                    right: colPositions.rights[colIndex],\n                    top: slatTop,\n                    bottom: slatTop + slatHeight\n                }\n            };\n        }\n    };\n    /* Event Drag Visualization\n    ------------------------------------------------------------------------------------------------------------------*/\n    TimeGrid.prototype._renderEventDrag = function (state) {\n        if (state) {\n            this.eventRenderer.hideByHash(state.affectedInstances);\n            if (state.isEvent) {\n                this.mirrorRenderer.renderSegs(this.context, state.segs, { isDragging: true, sourceSeg: state.sourceSeg });\n            }\n            else {\n                this.fillRenderer.renderSegs('highlight', this.context, state.segs);\n            }\n        }\n    };\n    TimeGrid.prototype._unrenderEventDrag = function (state) {\n        if (state) {\n            this.eventRenderer.showByHash(state.affectedInstances);\n            if (state.isEvent) {\n                this.mirrorRenderer.unrender(this.context, state.segs, { isDragging: true, sourceSeg: state.sourceSeg });\n            }\n            else {\n                this.fillRenderer.unrender('highlight', this.context);\n            }\n        }\n    };\n    /* Event Resize Visualization\n    ------------------------------------------------------------------------------------------------------------------*/\n    TimeGrid.prototype._renderEventResize = function (state) {\n        if (state) {\n            this.eventRenderer.hideByHash(state.affectedInstances);\n            this.mirrorRenderer.renderSegs(this.context, state.segs, { isResizing: true, sourceSeg: state.sourceSeg });\n        }\n    };\n    TimeGrid.prototype._unrenderEventResize = function (state) {\n        if (state) {\n            this.eventRenderer.showByHash(state.affectedInstances);\n            this.mirrorRenderer.unrender(this.context, state.segs, { isResizing: true, sourceSeg: state.sourceSeg });\n        }\n    };\n    /* Selection\n    ------------------------------------------------------------------------------------------------------------------*/\n    // Renders a visual indication of a selection. Overrides the default, which was to simply render a highlight.\n    TimeGrid.prototype._renderDateSelection = function (segs) {\n        if (segs) {\n            if (this.context.options.selectMirror) {\n                this.mirrorRenderer.renderSegs(this.context, segs, { isSelecting: true });\n            }\n            else {\n                this.fillRenderer.renderSegs('highlight', this.context, segs);\n            }\n        }\n    };\n    TimeGrid.prototype._unrenderDateSelection = function (segs) {\n        if (segs) {\n            if (this.context.options.selectMirror) {\n                this.mirrorRenderer.unrender(this.context, segs, { isSelecting: true });\n            }\n            else {\n                this.fillRenderer.unrender('highlight', this.context);\n            }\n        }\n    };\n    return TimeGrid;\n}(DateComponent));\n\nvar AllDaySplitter = /** @class */ (function (_super) {\n    __extends(AllDaySplitter, _super);\n    function AllDaySplitter() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    AllDaySplitter.prototype.getKeyInfo = function () {\n        return {\n            allDay: {},\n            timed: {}\n        };\n    };\n    AllDaySplitter.prototype.getKeysForDateSpan = function (dateSpan) {\n        if (dateSpan.allDay) {\n            return ['allDay'];\n        }\n        else {\n            return ['timed'];\n        }\n    };\n    AllDaySplitter.prototype.getKeysForEventDef = function (eventDef) {\n        if (!eventDef.allDay) {\n            return ['timed'];\n        }\n        else if (hasBgRendering(eventDef)) {\n            return ['timed', 'allDay'];\n        }\n        else {\n            return ['allDay'];\n        }\n    };\n    return AllDaySplitter;\n}(Splitter));\n\nvar TIMEGRID_ALL_DAY_EVENT_LIMIT = 5;\nvar WEEK_HEADER_FORMAT = createFormatter({ week: 'short' });\n/* An abstract class for all timegrid-related views. Displays one more columns with time slots running vertically.\n----------------------------------------------------------------------------------------------------------------------*/\n// Is a manager for the TimeGrid subcomponent and possibly the DayGrid subcomponent (if allDaySlot is on).\n// Responsible for managing width/height.\nvar AbstractTimeGridView = /** @class */ (function (_super) {\n    __extends(AbstractTimeGridView, _super);\n    function AbstractTimeGridView() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.splitter = new AllDaySplitter();\n        _this.renderSkeleton = memoizeRendering(_this._renderSkeleton, _this._unrenderSkeleton);\n        /* Header Render Methods\n        ------------------------------------------------------------------------------------------------------------------*/\n        // Generates the HTML that will go before the day-of week header cells\n        _this.renderHeadIntroHtml = function () {\n            var _a = _this.context, theme = _a.theme, dateEnv = _a.dateEnv, options = _a.options;\n            var range = _this.props.dateProfile.renderRange;\n            var dayCnt = diffDays(range.start, range.end);\n            var weekText;\n            if (options.weekNumbers) {\n                weekText = dateEnv.format(range.start, WEEK_HEADER_FORMAT);\n                return '' +\n                    '<th class=\"fc-axis fc-week-number ' + theme.getClass('widgetHeader') + '\" ' + _this.axisStyleAttr() + '>' +\n                    buildGotoAnchorHtml(// aside from link, important for matchCellWidths\n                    options, dateEnv, { date: range.start, type: 'week', forceOff: dayCnt > 1 }, htmlEscape(weekText) // inner HTML\n                    ) +\n                    '</th>';\n            }\n            else {\n                return '<th class=\"fc-axis ' + theme.getClass('widgetHeader') + '\" ' + _this.axisStyleAttr() + '></th>';\n            }\n        };\n        /* Time Grid Render Methods\n        ------------------------------------------------------------------------------------------------------------------*/\n        // Generates the HTML that goes before the bg of the TimeGrid slot area. Long vertical column.\n        _this.renderTimeGridBgIntroHtml = function () {\n            var theme = _this.context.theme;\n            return '<td class=\"fc-axis ' + theme.getClass('widgetContent') + '\" ' + _this.axisStyleAttr() + '></td>';\n        };\n        // Generates the HTML that goes before all other types of cells.\n        // Affects content-skeleton, mirror-skeleton, highlight-skeleton for both the time-grid and day-grid.\n        _this.renderTimeGridIntroHtml = function () {\n            return '<td class=\"fc-axis\" ' + _this.axisStyleAttr() + '></td>';\n        };\n        /* Day Grid Render Methods\n        ------------------------------------------------------------------------------------------------------------------*/\n        // Generates the HTML that goes before the all-day cells\n        _this.renderDayGridBgIntroHtml = function () {\n            var _a = _this.context, theme = _a.theme, options = _a.options;\n            return '' +\n                '<td class=\"fc-axis ' + theme.getClass('widgetContent') + '\" ' + _this.axisStyleAttr() + '>' +\n                '<span>' + // needed for matchCellWidths\n                getAllDayHtml(options) +\n                '</span>' +\n                '</td>';\n        };\n        // Generates the HTML that goes before all other types of cells.\n        // Affects content-skeleton, mirror-skeleton, highlight-skeleton for both the time-grid and day-grid.\n        _this.renderDayGridIntroHtml = function () {\n            return '<td class=\"fc-axis\" ' + _this.axisStyleAttr() + '></td>';\n        };\n        return _this;\n    }\n    AbstractTimeGridView.prototype.render = function (props, context) {\n        _super.prototype.render.call(this, props, context);\n        this.renderSkeleton(context);\n    };\n    AbstractTimeGridView.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.renderSkeleton.unrender();\n    };\n    AbstractTimeGridView.prototype._renderSkeleton = function (context) {\n        this.el.classList.add('fc-timeGrid-view');\n        this.el.innerHTML = this.renderSkeletonHtml();\n        this.scroller = new ScrollComponent('hidden', // overflow x\n        'auto' // overflow y\n        );\n        var timeGridWrapEl = this.scroller.el;\n        this.el.querySelector('.fc-body > tr > td').appendChild(timeGridWrapEl);\n        timeGridWrapEl.classList.add('fc-time-grid-container');\n        var timeGridEl = createElement('div', { className: 'fc-time-grid' });\n        timeGridWrapEl.appendChild(timeGridEl);\n        this.timeGrid = new TimeGrid(timeGridEl, {\n            renderBgIntroHtml: this.renderTimeGridBgIntroHtml,\n            renderIntroHtml: this.renderTimeGridIntroHtml\n        });\n        if (context.options.allDaySlot) { // should we display the \"all-day\" area?\n            this.dayGrid = new DayGrid(// the all-day subcomponent of this view\n            this.el.querySelector('.fc-day-grid'), {\n                renderNumberIntroHtml: this.renderDayGridIntroHtml,\n                renderBgIntroHtml: this.renderDayGridBgIntroHtml,\n                renderIntroHtml: this.renderDayGridIntroHtml,\n                colWeekNumbersVisible: false,\n                cellWeekNumbersVisible: false\n            });\n            // have the day-grid extend it's coordinate area over the <hr> dividing the two grids\n            var dividerEl = this.el.querySelector('.fc-divider');\n            this.dayGrid.bottomCoordPadding = dividerEl.getBoundingClientRect().height;\n        }\n    };\n    AbstractTimeGridView.prototype._unrenderSkeleton = function () {\n        this.el.classList.remove('fc-timeGrid-view');\n        this.timeGrid.destroy();\n        if (this.dayGrid) {\n            this.dayGrid.destroy();\n        }\n        this.scroller.destroy();\n    };\n    /* Rendering\n    ------------------------------------------------------------------------------------------------------------------*/\n    // Builds the HTML skeleton for the view.\n    // The day-grid and time-grid components will render inside containers defined by this HTML.\n    AbstractTimeGridView.prototype.renderSkeletonHtml = function () {\n        var _a = this.context, theme = _a.theme, options = _a.options;\n        return '' +\n            '<table class=\"' + theme.getClass('tableGrid') + '\">' +\n            (options.columnHeader ?\n                '<thead class=\"fc-head\">' +\n                    '<tr>' +\n                    '<td class=\"fc-head-container ' + theme.getClass('widgetHeader') + '\">&nbsp;</td>' +\n                    '</tr>' +\n                    '</thead>' :\n                '') +\n            '<tbody class=\"fc-body\">' +\n            '<tr>' +\n            '<td class=\"' + theme.getClass('widgetContent') + '\">' +\n            (options.allDaySlot ?\n                '<div class=\"fc-day-grid\"></div>' +\n                    '<hr class=\"fc-divider ' + theme.getClass('widgetHeader') + '\" />' :\n                '') +\n            '</td>' +\n            '</tr>' +\n            '</tbody>' +\n            '</table>';\n    };\n    /* Now Indicator\n    ------------------------------------------------------------------------------------------------------------------*/\n    AbstractTimeGridView.prototype.getNowIndicatorUnit = function () {\n        return this.timeGrid.getNowIndicatorUnit();\n    };\n    // subclasses should implement\n    // renderNowIndicator(date: DateMarker) {\n    // }\n    AbstractTimeGridView.prototype.unrenderNowIndicator = function () {\n        this.timeGrid.unrenderNowIndicator();\n    };\n    /* Dimensions\n    ------------------------------------------------------------------------------------------------------------------*/\n    AbstractTimeGridView.prototype.updateSize = function (isResize, viewHeight, isAuto) {\n        _super.prototype.updateSize.call(this, isResize, viewHeight, isAuto); // will call updateBaseSize. important that executes first\n        this.timeGrid.updateSize(isResize);\n        if (this.dayGrid) {\n            this.dayGrid.updateSize(isResize);\n        }\n    };\n    // Adjusts the vertical dimensions of the view to the specified values\n    AbstractTimeGridView.prototype.updateBaseSize = function (isResize, viewHeight, isAuto) {\n        var _this = this;\n        var eventLimit;\n        var scrollerHeight;\n        var scrollbarWidths;\n        // make all axis cells line up\n        this.axisWidth = matchCellWidths(findElements(this.el, '.fc-axis'));\n        // hack to give the view some height prior to timeGrid's columns being rendered\n        // TODO: separate setting height from scroller VS timeGrid.\n        if (!this.timeGrid.colEls) {\n            if (!isAuto) {\n                scrollerHeight = this.computeScrollerHeight(viewHeight);\n                this.scroller.setHeight(scrollerHeight);\n            }\n            return;\n        }\n        // set of fake row elements that must compensate when scroller has scrollbars\n        var noScrollRowEls = findElements(this.el, '.fc-row').filter(function (node) {\n            return !_this.scroller.el.contains(node);\n        });\n        // reset all dimensions back to the original state\n        this.timeGrid.bottomRuleEl.style.display = 'none'; // will be shown later if this <hr> is necessary\n        this.scroller.clear(); // sets height to 'auto' and clears overflow\n        noScrollRowEls.forEach(uncompensateScroll);\n        // limit number of events in the all-day area\n        if (this.dayGrid) {\n            this.dayGrid.removeSegPopover(); // kill the \"more\" popover if displayed\n            eventLimit = this.context.options.eventLimit;\n            if (eventLimit && typeof eventLimit !== 'number') {\n                eventLimit = TIMEGRID_ALL_DAY_EVENT_LIMIT; // make sure \"auto\" goes to a real number\n            }\n            if (eventLimit) {\n                this.dayGrid.limitRows(eventLimit);\n            }\n        }\n        if (!isAuto) { // should we force dimensions of the scroll container?\n            scrollerHeight = this.computeScrollerHeight(viewHeight);\n            this.scroller.setHeight(scrollerHeight);\n            scrollbarWidths = this.scroller.getScrollbarWidths();\n            if (scrollbarWidths.left || scrollbarWidths.right) { // using scrollbars?\n                // make the all-day and header rows lines up\n                noScrollRowEls.forEach(function (rowEl) {\n                    compensateScroll(rowEl, scrollbarWidths);\n                });\n                // the scrollbar compensation might have changed text flow, which might affect height, so recalculate\n                // and reapply the desired height to the scroller.\n                scrollerHeight = this.computeScrollerHeight(viewHeight);\n                this.scroller.setHeight(scrollerHeight);\n            }\n            // guarantees the same scrollbar widths\n            this.scroller.lockOverflow(scrollbarWidths);\n            // if there's any space below the slats, show the horizontal rule.\n            // this won't cause any new overflow, because lockOverflow already called.\n            if (this.timeGrid.getTotalSlatHeight() < scrollerHeight) {\n                this.timeGrid.bottomRuleEl.style.display = '';\n            }\n        }\n    };\n    // given a desired total height of the view, returns what the height of the scroller should be\n    AbstractTimeGridView.prototype.computeScrollerHeight = function (viewHeight) {\n        return viewHeight -\n            subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller\n    };\n    /* Scroll\n    ------------------------------------------------------------------------------------------------------------------*/\n    // Computes the initial pre-configured scroll state prior to allowing the user to change it\n    AbstractTimeGridView.prototype.computeDateScroll = function (duration) {\n        var top = this.timeGrid.computeTimeTop(duration);\n        // zoom can give weird floating-point values. rather scroll a little bit further\n        top = Math.ceil(top);\n        if (top) {\n            top++; // to overcome top border that slots beyond the first have. looks better\n        }\n        return { top: top };\n    };\n    AbstractTimeGridView.prototype.queryDateScroll = function () {\n        return { top: this.scroller.getScrollTop() };\n    };\n    AbstractTimeGridView.prototype.applyDateScroll = function (scroll) {\n        if (scroll.top !== undefined) {\n            this.scroller.setScrollTop(scroll.top);\n        }\n    };\n    // Generates an HTML attribute string for setting the width of the axis, if it is known\n    AbstractTimeGridView.prototype.axisStyleAttr = function () {\n        if (this.axisWidth != null) {\n            return 'style=\"width:' + this.axisWidth + 'px\"';\n        }\n        return '';\n    };\n    return AbstractTimeGridView;\n}(View));\nAbstractTimeGridView.prototype.usesMinMaxTime = true; // indicates that minTime/maxTime affects rendering\n\nvar SimpleTimeGrid = /** @class */ (function (_super) {\n    __extends(SimpleTimeGrid, _super);\n    function SimpleTimeGrid(timeGrid) {\n        var _this = _super.call(this, timeGrid.el) || this;\n        _this.buildDayRanges = memoize(buildDayRanges);\n        _this.slicer = new TimeGridSlicer();\n        _this.timeGrid = timeGrid;\n        return _this;\n    }\n    SimpleTimeGrid.prototype.firstContext = function (context) {\n        context.calendar.registerInteractiveComponent(this, {\n            el: this.timeGrid.el\n        });\n    };\n    SimpleTimeGrid.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.context.calendar.unregisterInteractiveComponent(this);\n    };\n    SimpleTimeGrid.prototype.render = function (props, context) {\n        var dateEnv = this.context.dateEnv;\n        var dateProfile = props.dateProfile, dayTable = props.dayTable;\n        var dayRanges = this.dayRanges = this.buildDayRanges(dayTable, dateProfile, dateEnv);\n        var timeGrid = this.timeGrid;\n        timeGrid.receiveContext(context); // hack because context is used in sliceProps\n        timeGrid.receiveProps(__assign({}, this.slicer.sliceProps(props, dateProfile, null, context.calendar, timeGrid, dayRanges), { dateProfile: dateProfile, cells: dayTable.cells[0] }), context);\n    };\n    SimpleTimeGrid.prototype.renderNowIndicator = function (date) {\n        this.timeGrid.renderNowIndicator(this.slicer.sliceNowDate(date, this.timeGrid, this.dayRanges), date);\n    };\n    SimpleTimeGrid.prototype.buildPositionCaches = function () {\n        this.timeGrid.buildPositionCaches();\n    };\n    SimpleTimeGrid.prototype.queryHit = function (positionLeft, positionTop) {\n        var rawHit = this.timeGrid.positionToHit(positionLeft, positionTop);\n        if (rawHit) {\n            return {\n                component: this.timeGrid,\n                dateSpan: rawHit.dateSpan,\n                dayEl: rawHit.dayEl,\n                rect: {\n                    left: rawHit.relativeRect.left,\n                    right: rawHit.relativeRect.right,\n                    top: rawHit.relativeRect.top,\n                    bottom: rawHit.relativeRect.bottom\n                },\n                layer: 0\n            };\n        }\n    };\n    return SimpleTimeGrid;\n}(DateComponent));\nfunction buildDayRanges(dayTable, dateProfile, dateEnv) {\n    var ranges = [];\n    for (var _i = 0, _a = dayTable.headerDates; _i < _a.length; _i++) {\n        var date = _a[_i];\n        ranges.push({\n            start: dateEnv.add(date, dateProfile.minTime),\n            end: dateEnv.add(date, dateProfile.maxTime)\n        });\n    }\n    return ranges;\n}\nvar TimeGridSlicer = /** @class */ (function (_super) {\n    __extends(TimeGridSlicer, _super);\n    function TimeGridSlicer() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    TimeGridSlicer.prototype.sliceRange = function (range, dayRanges) {\n        var segs = [];\n        for (var col = 0; col < dayRanges.length; col++) {\n            var segRange = intersectRanges(range, dayRanges[col]);\n            if (segRange) {\n                segs.push({\n                    start: segRange.start,\n                    end: segRange.end,\n                    isStart: segRange.start.valueOf() === range.start.valueOf(),\n                    isEnd: segRange.end.valueOf() === range.end.valueOf(),\n                    col: col\n                });\n            }\n        }\n        return segs;\n    };\n    return TimeGridSlicer;\n}(Slicer));\n\nvar TimeGridView = /** @class */ (function (_super) {\n    __extends(TimeGridView, _super);\n    function TimeGridView() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.buildDayTable = memoize(buildDayTable);\n        return _this;\n    }\n    TimeGridView.prototype.render = function (props, context) {\n        _super.prototype.render.call(this, props, context); // for flags for updateSize. also _renderSkeleton/_unrenderSkeleton\n        var _a = this.props, dateProfile = _a.dateProfile, dateProfileGenerator = _a.dateProfileGenerator;\n        var nextDayThreshold = context.nextDayThreshold;\n        var dayTable = this.buildDayTable(dateProfile, dateProfileGenerator);\n        var splitProps = this.splitter.splitProps(props);\n        if (this.header) {\n            this.header.receiveProps({\n                dateProfile: dateProfile,\n                dates: dayTable.headerDates,\n                datesRepDistinctDays: true,\n                renderIntroHtml: this.renderHeadIntroHtml\n            }, context);\n        }\n        this.simpleTimeGrid.receiveProps(__assign({}, splitProps['timed'], { dateProfile: dateProfile,\n            dayTable: dayTable }), context);\n        if (this.simpleDayGrid) {\n            this.simpleDayGrid.receiveProps(__assign({}, splitProps['allDay'], { dateProfile: dateProfile,\n                dayTable: dayTable,\n                nextDayThreshold: nextDayThreshold, isRigid: false }), context);\n        }\n        this.startNowIndicator(dateProfile, dateProfileGenerator);\n    };\n    TimeGridView.prototype._renderSkeleton = function (context) {\n        _super.prototype._renderSkeleton.call(this, context);\n        if (context.options.columnHeader) {\n            this.header = new DayHeader(this.el.querySelector('.fc-head-container'));\n        }\n        this.simpleTimeGrid = new SimpleTimeGrid(this.timeGrid);\n        if (this.dayGrid) {\n            this.simpleDayGrid = new SimpleDayGrid(this.dayGrid);\n        }\n    };\n    TimeGridView.prototype._unrenderSkeleton = function () {\n        _super.prototype._unrenderSkeleton.call(this);\n        if (this.header) {\n            this.header.destroy();\n        }\n        this.simpleTimeGrid.destroy();\n        if (this.simpleDayGrid) {\n            this.simpleDayGrid.destroy();\n        }\n    };\n    TimeGridView.prototype.renderNowIndicator = function (date) {\n        this.simpleTimeGrid.renderNowIndicator(date);\n    };\n    return TimeGridView;\n}(AbstractTimeGridView));\nfunction buildDayTable(dateProfile, dateProfileGenerator) {\n    var daySeries = new DaySeries(dateProfile.renderRange, dateProfileGenerator);\n    return new DayTable(daySeries, false);\n}\n\nvar main = createPlugin({\n    defaultView: 'timeGridWeek',\n    views: {\n        timeGrid: {\n            class: TimeGridView,\n            allDaySlot: true,\n            slotDuration: '00:30:00',\n            slotEventOverlap: true // a bad name. confused with overlap/constraint system\n        },\n        timeGridDay: {\n            type: 'timeGrid',\n            duration: { days: 1 }\n        },\n        timeGridWeek: {\n            type: 'timeGrid',\n            duration: { weeks: 1 }\n        }\n    }\n});\n\nexport default main;\nexport { AbstractTimeGridView, TimeGrid, TimeGridSlicer, TimeGridView, buildDayRanges, buildDayTable };\n", "@charset \"UTF-8\";\n.fc {\n  direction: ltr;\n  text-align: left;\n}\n\n.fc-rtl {\n  text-align: right;\n}\n\nbody .fc {\n  /* extra precedence to overcome jqui */\n  font-size: 1em;\n}\n\n/* Colors\n--------------------------------------------------------------------------------------------------*/\n.fc-highlight {\n  /* when user is selecting cells */\n  background: #bce8f1;\n  opacity: 0.3;\n}\n\n.fc-bgevent {\n  /* default look for background events */\n  background: #8fdf82;\n  opacity: 0.3;\n}\n\n.fc-nonbusiness {\n  /* default look for non-business-hours areas */\n  /* will inherit .fc-bgevent's styles */\n  background: #d7d7d7;\n}\n\n/* Popover\n--------------------------------------------------------------------------------------------------*/\n.fc-popover {\n  position: absolute;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n}\n\n.fc-popover .fc-header {\n  /* TODO: be more consistent with fc-head/fc-body */\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 2px 4px;\n}\n\n.fc-rtl .fc-popover .fc-header {\n  flex-direction: row-reverse;\n}\n\n.fc-popover .fc-header .fc-title {\n  margin: 0 2px;\n}\n\n.fc-popover .fc-header .fc-close {\n  cursor: pointer;\n  opacity: 0.65;\n  font-size: 1.1em;\n}\n\n/* Misc Reusable Components\n--------------------------------------------------------------------------------------------------*/\n.fc-divider {\n  border-style: solid;\n  border-width: 1px;\n}\n\nhr.fc-divider {\n  height: 0;\n  margin: 0;\n  padding: 0 0 2px;\n  /* height is unreliable across browsers, so use padding */\n  border-width: 1px 0;\n}\n\n.fc-bg,\n.fc-bgevent-skeleton,\n.fc-highlight-skeleton,\n.fc-mirror-skeleton {\n  /* these element should always cling to top-left/right corners */\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n\n.fc-bg {\n  bottom: 0;\n  /* strech bg to bottom edge */\n}\n\n.fc-bg table {\n  height: 100%;\n  /* strech bg to bottom edge */\n}\n\n/* Tables\n--------------------------------------------------------------------------------------------------*/\n.fc table {\n  width: 100%;\n  box-sizing: border-box;\n  /* fix scrollbar issue in firefox */\n  table-layout: fixed;\n  border-collapse: collapse;\n  border-spacing: 0;\n  font-size: 1em;\n  /* normalize cross-browser */\n}\n\n.fc th {\n  text-align: center;\n}\n\n.fc th,\n.fc td {\n  border-style: solid;\n  border-width: 1px;\n  padding: 0;\n  vertical-align: top;\n}\n\n.fc td.fc-today {\n  border-style: double;\n  /* overcome neighboring borders */\n}\n\n/* Internal Nav Links\n--------------------------------------------------------------------------------------------------*/\na[data-goto] {\n  cursor: pointer;\n}\n\na[data-goto]:hover {\n  text-decoration: underline;\n}\n\n/* Fake Table Rows\n--------------------------------------------------------------------------------------------------*/\n.fc .fc-row {\n  /* extra precedence to overcome themes forcing a 1px border */\n  /* no visible border by default. but make available if need be (scrollbar width compensation) */\n  border-style: solid;\n  border-width: 0;\n}\n\n.fc-row table {\n  /* don't put left/right border on anything within a fake row.\n     the outer tbody will worry about this */\n  border-left: 0 hidden transparent;\n  border-right: 0 hidden transparent;\n  /* no bottom borders on rows */\n  border-bottom: 0 hidden transparent;\n}\n\n.fc-row:first-child table {\n  border-top: 0 hidden transparent;\n  /* no top border on first row */\n}\n\n/* Day Row (used within the header and the DayGrid)\n--------------------------------------------------------------------------------------------------*/\n.fc-row {\n  position: relative;\n}\n\n.fc-row .fc-bg {\n  z-index: 1;\n}\n\n/* highlighting cells & background event skeleton */\n.fc-row .fc-bgevent-skeleton,\n.fc-row .fc-highlight-skeleton {\n  bottom: 0;\n  /* stretch skeleton to bottom of row */\n}\n\n.fc-row .fc-bgevent-skeleton table,\n.fc-row .fc-highlight-skeleton table {\n  height: 100%;\n  /* stretch skeleton to bottom of row */\n}\n\n.fc-row .fc-highlight-skeleton td,\n.fc-row .fc-bgevent-skeleton td {\n  border-color: transparent;\n}\n\n.fc-row .fc-bgevent-skeleton {\n  z-index: 2;\n}\n\n.fc-row .fc-highlight-skeleton {\n  z-index: 3;\n}\n\n/*\nrow content (which contains day/week numbers and events) as well as \"mirror\" (which contains\ntemporary rendered events).\n*/\n.fc-row .fc-content-skeleton {\n  position: relative;\n  z-index: 4;\n  padding-bottom: 2px;\n  /* matches the space above the events */\n}\n\n.fc-row .fc-mirror-skeleton {\n  z-index: 5;\n}\n\n.fc .fc-row .fc-content-skeleton table,\n.fc .fc-row .fc-content-skeleton td,\n.fc .fc-row .fc-mirror-skeleton td {\n  /* see-through to the background below */\n  /* extra precedence to prevent theme-provided backgrounds */\n  background: none;\n  /* in case <td>s are globally styled */\n  border-color: transparent;\n}\n\n.fc-row .fc-content-skeleton td,\n.fc-row .fc-mirror-skeleton td {\n  /* don't put a border between events and/or the day number */\n  border-bottom: 0;\n}\n\n.fc-row .fc-content-skeleton tbody td,\n.fc-row .fc-mirror-skeleton tbody td {\n  /* don't put a border between event cells */\n  border-top: 0;\n}\n\n/* Scrolling Container\n--------------------------------------------------------------------------------------------------*/\n.fc-scroller {\n  -webkit-overflow-scrolling: touch;\n}\n\n/* TODO: move to timegrid/daygrid */\n.fc-scroller > .fc-day-grid,\n.fc-scroller > .fc-time-grid {\n  position: relative;\n  /* re-scope all positions */\n  width: 100%;\n  /* hack to force re-sizing this inner element when scrollbars appear/disappear */\n}\n\n/* Global Event Styles\n--------------------------------------------------------------------------------------------------*/\n.fc-event {\n  position: relative;\n  /* for resize handle and other inner positioning */\n  display: block;\n  /* make the <a> tag block */\n  font-size: 0.85em;\n  line-height: 1.4;\n  border-radius: 3px;\n  border: 1px solid #3788d8;\n}\n\n.fc-event,\n.fc-event-dot {\n  background-color: #3788d8;\n  /* default BACKGROUND color */\n}\n\n.fc-event,\n.fc-event:hover {\n  color: #fff;\n  /* default TEXT color */\n  text-decoration: none;\n  /* if <a> has an href */\n}\n\n.fc-event[href],\n.fc-event.fc-draggable {\n  cursor: pointer;\n  /* give events with links and draggable events a hand mouse pointer */\n}\n\n.fc-not-allowed,\n.fc-not-allowed .fc-event {\n  /* to override an event's custom cursor */\n  cursor: not-allowed;\n}\n\n.fc-event .fc-content {\n  position: relative;\n  z-index: 2;\n}\n\n/* resizer (cursor AND touch devices) */\n.fc-event .fc-resizer {\n  position: absolute;\n  z-index: 4;\n}\n\n/* resizer (touch devices) */\n.fc-event .fc-resizer {\n  display: none;\n}\n\n.fc-event.fc-allow-mouse-resize .fc-resizer,\n.fc-event.fc-selected .fc-resizer {\n  /* only show when hovering or selected (with touch) */\n  display: block;\n}\n\n/* hit area */\n.fc-event.fc-selected .fc-resizer:before {\n  /* 40x40 touch area */\n  content: \"\";\n  position: absolute;\n  z-index: 9999;\n  /* user of this util can scope within a lower z-index */\n  top: 50%;\n  left: 50%;\n  width: 40px;\n  height: 40px;\n  margin-left: -20px;\n  margin-top: -20px;\n}\n\n/* Event Selection (only for touch devices)\n--------------------------------------------------------------------------------------------------*/\n.fc-event.fc-selected {\n  z-index: 9999 !important;\n  /* overcomes inline z-index */\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n}\n\n.fc-event.fc-selected:after {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  /* same z-index as fc-bg, behind text */\n  /* overcome the borders */\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  /* darkening effect */\n  background: #000;\n  opacity: 0.25;\n}\n\n/* Event Dragging\n--------------------------------------------------------------------------------------------------*/\n.fc-event.fc-dragging.fc-selected {\n  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);\n}\n\n.fc-event.fc-dragging:not(.fc-selected) {\n  opacity: 0.75;\n}\n\n/* Horizontal Events\n--------------------------------------------------------------------------------------------------*/\n/* bigger touch area when selected */\n.fc-h-event.fc-selected:before {\n  content: \"\";\n  position: absolute;\n  z-index: 3;\n  /* below resizers */\n  top: -10px;\n  bottom: -10px;\n  left: 0;\n  right: 0;\n}\n\n/* events that are continuing to/from another week. kill rounded corners and butt up against edge */\n.fc-ltr .fc-h-event.fc-not-start,\n.fc-rtl .fc-h-event.fc-not-end {\n  margin-left: 0;\n  border-left-width: 0;\n  padding-left: 1px;\n  /* replace the border with padding */\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.fc-ltr .fc-h-event.fc-not-end,\n.fc-rtl .fc-h-event.fc-not-start {\n  margin-right: 0;\n  border-right-width: 0;\n  padding-right: 1px;\n  /* replace the border with padding */\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n/* resizer (cursor AND touch devices) */\n/* left resizer  */\n.fc-ltr .fc-h-event .fc-start-resizer,\n.fc-rtl .fc-h-event .fc-end-resizer {\n  cursor: w-resize;\n  left: -1px;\n  /* overcome border */\n}\n\n/* right resizer */\n.fc-ltr .fc-h-event .fc-end-resizer,\n.fc-rtl .fc-h-event .fc-start-resizer {\n  cursor: e-resize;\n  right: -1px;\n  /* overcome border */\n}\n\n/* resizer (mouse devices) */\n.fc-h-event.fc-allow-mouse-resize .fc-resizer {\n  width: 7px;\n  top: -1px;\n  /* overcome top border */\n  bottom: -1px;\n  /* overcome bottom border */\n}\n\n/* resizer (touch devices) */\n.fc-h-event.fc-selected .fc-resizer {\n  /* 8x8 little dot */\n  border-radius: 4px;\n  border-width: 1px;\n  width: 6px;\n  height: 6px;\n  border-style: solid;\n  border-color: inherit;\n  background: #fff;\n  /* vertically center */\n  top: 50%;\n  margin-top: -4px;\n}\n\n/* left resizer  */\n.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,\n.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {\n  margin-left: -4px;\n  /* centers the 8x8 dot on the left edge */\n}\n\n/* right resizer */\n.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,\n.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {\n  margin-right: -4px;\n  /* centers the 8x8 dot on the right edge */\n}\n\n/* DayGrid events\n----------------------------------------------------------------------------------------------------\nWe use the full \"fc-day-grid-event\" class instead of using descendants because the event won't\nbe a descendant of the grid when it is being dragged.\n*/\n.fc-day-grid-event {\n  margin: 1px 2px 0;\n  /* spacing between events and edges */\n  padding: 0 1px;\n}\n\ntr:first-child > td > .fc-day-grid-event {\n  margin-top: 2px;\n  /* a little bit more space before the first event */\n}\n\n.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {\n  margin-top: 0;\n  /* except for mirror skeleton */\n}\n\n.fc-day-grid-event .fc-content {\n  /* force events to be one-line tall */\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.fc-day-grid-event .fc-time {\n  font-weight: bold;\n}\n\n/* resizer (cursor devices) */\n/* left resizer  */\n.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,\n.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {\n  margin-left: -2px;\n  /* to the day cell's edge */\n}\n\n/* right resizer */\n.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,\n.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {\n  margin-right: -2px;\n  /* to the day cell's edge */\n}\n\n/* Event Limiting\n--------------------------------------------------------------------------------------------------*/\n/* \"more\" link that represents hidden events */\na.fc-more {\n  margin: 1px 3px;\n  font-size: 0.85em;\n  cursor: pointer;\n  text-decoration: none;\n}\n\na.fc-more:hover {\n  text-decoration: underline;\n}\n\n.fc-limited {\n  /* rows and cells that are hidden because of a \"more\" link */\n  display: none;\n}\n\n/* popover that appears when \"more\" link is clicked */\n.fc-day-grid .fc-row {\n  z-index: 1;\n  /* make the \"more\" popover one higher than this */\n}\n\n.fc-more-popover {\n  z-index: 2;\n  width: 220px;\n}\n\n.fc-more-popover .fc-event-container {\n  padding: 10px;\n}\n\n/* Now Indicator\n--------------------------------------------------------------------------------------------------*/\n.fc-now-indicator {\n  position: absolute;\n  border: 0 solid red;\n}\n\n/* Utilities\n--------------------------------------------------------------------------------------------------*/\n.fc-unselectable {\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n/*\nTODO: more distinction between this file and common.css\n*/\n/* Colors\n--------------------------------------------------------------------------------------------------*/\n.fc-unthemed th,\n.fc-unthemed td,\n.fc-unthemed thead,\n.fc-unthemed tbody,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-row,\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-list-heading td {\n  border-color: #ddd;\n}\n\n.fc-unthemed .fc-popover {\n  background-color: #fff;\n}\n\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-popover .fc-header,\n.fc-unthemed .fc-list-heading td {\n  background: #eee;\n}\n\n.fc-unthemed td.fc-today {\n  background: #fcf8e3;\n}\n\n.fc-unthemed .fc-disabled-day {\n  background: #d7d7d7;\n  opacity: 0.3;\n}\n\n/* Icons\n--------------------------------------------------------------------------------------------------\nfrom https://feathericons.com/ and built with IcoMoon\n*/\n@font-face {\n  font-family: \"fcicons\";\n  src: url(\"data:application/x-font-ttf;charset=utf-8;base64,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\") format(\"truetype\");\n  font-weight: normal;\n  font-style: normal;\n}\n.fc-icon {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: \"fcicons\" !important;\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.fc-icon-chevron-left:before {\n  content: \"\uE900\";\n}\n\n.fc-icon-chevron-right:before {\n  content: \"\uE901\";\n}\n\n.fc-icon-chevrons-left:before {\n  content: \"\uE902\";\n}\n\n.fc-icon-chevrons-right:before {\n  content: \"\uE903\";\n}\n\n.fc-icon-minus-square:before {\n  content: \"\uE904\";\n}\n\n.fc-icon-plus-square:before {\n  content: \"\uE905\";\n}\n\n.fc-icon-x:before {\n  content: \"\uE906\";\n}\n\n.fc-icon {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  text-align: center;\n}\n\n/* Buttons\n--------------------------------------------------------------------------------------------------\nLots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css\n*/\n/* reset */\n.fc-button {\n  border-radius: 0;\n  overflow: visible;\n  text-transform: none;\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.fc-button:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\n.fc-button {\n  -webkit-appearance: button;\n}\n\n.fc-button:not(:disabled) {\n  cursor: pointer;\n}\n\n.fc-button::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n/* theme */\n.fc-button {\n  display: inline-block;\n  font-weight: 400;\n  color: #212529;\n  text-align: center;\n  vertical-align: middle;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 0.4em 0.65em;\n  font-size: 1em;\n  line-height: 1.5;\n  border-radius: 0.25em;\n}\n\n.fc-button:hover {\n  color: #212529;\n  text-decoration: none;\n}\n\n.fc-button:focus {\n  outline: 0;\n  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);\n  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);\n}\n\n.fc-button:disabled {\n  opacity: 0.65;\n}\n\n/* \"primary\" coloring */\n.fc-button-primary {\n  color: #fff;\n  background-color: #2C3E50;\n  border-color: #2C3E50;\n}\n\n.fc-button-primary:hover {\n  color: #fff;\n  background-color: #1e2b37;\n  border-color: #1a252f;\n}\n\n.fc-button-primary:focus {\n  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);\n  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);\n}\n\n.fc-button-primary:disabled {\n  color: #fff;\n  background-color: #2C3E50;\n  border-color: #2C3E50;\n}\n\n.fc-button-primary:not(:disabled):active,\n.fc-button-primary:not(:disabled).fc-button-active {\n  color: #fff;\n  background-color: #1a252f;\n  border-color: #151e27;\n}\n\n.fc-button-primary:not(:disabled):active:focus,\n.fc-button-primary:not(:disabled).fc-button-active:focus {\n  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);\n  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);\n}\n\n/* icons within buttons */\n.fc-button .fc-icon {\n  vertical-align: middle;\n  font-size: 1.5em;\n}\n\n/* Buttons Groups\n--------------------------------------------------------------------------------------------------*/\n.fc-button-group {\n  position: relative;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n.fc-button-group > .fc-button {\n  position: relative;\n  -webkit-box-flex: 1;\n  -ms-flex: 1 1 auto;\n  flex: 1 1 auto;\n}\n\n.fc-button-group > .fc-button:hover {\n  z-index: 1;\n}\n\n.fc-button-group > .fc-button:focus,\n.fc-button-group > .fc-button:active,\n.fc-button-group > .fc-button.fc-button-active {\n  z-index: 1;\n}\n\n.fc-button-group > .fc-button:not(:first-child) {\n  margin-left: -1px;\n}\n\n.fc-button-group > .fc-button:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.fc-button-group > .fc-button:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n/* Popover\n--------------------------------------------------------------------------------------------------*/\n.fc-unthemed .fc-popover {\n  border-width: 1px;\n  border-style: solid;\n}\n\n/* List View\n--------------------------------------------------------------------------------------------------*/\n.fc-unthemed .fc-list-item:hover td {\n  background-color: #f5f5f5;\n}\n\n/* Toolbar\n--------------------------------------------------------------------------------------------------*/\n.fc-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.fc-toolbar.fc-header-toolbar {\n  margin-bottom: 1.5em;\n}\n\n.fc-toolbar.fc-footer-toolbar {\n  margin-top: 1.5em;\n}\n\n/* inner content */\n.fc-toolbar > * > :not(:first-child) {\n  margin-left: 0.75em;\n}\n\n.fc-toolbar h2 {\n  font-size: 1.75em;\n  margin: 0;\n}\n\n/* View Structure\n--------------------------------------------------------------------------------------------------*/\n.fc-view-container {\n  position: relative;\n}\n\n/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */\n/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */\n.fc-view-container *,\n.fc-view-container *:before,\n.fc-view-container *:after {\n  -webkit-box-sizing: content-box;\n  -moz-box-sizing: content-box;\n  box-sizing: content-box;\n}\n\n.fc-view,\n.fc-view > table {\n  /* so dragged elements can be above the view's main element */\n  position: relative;\n  z-index: 1;\n}\n\n@media print {\n  .fc {\n    max-width: 100% !important;\n  }\n\n  /* Global Event Restyling\n  --------------------------------------------------------------------------------------------------*/\n  .fc-event {\n    background: #fff !important;\n    color: #000 !important;\n    page-break-inside: avoid;\n  }\n\n  .fc-event .fc-resizer {\n    display: none;\n  }\n\n  /* Table & Day-Row Restyling\n  --------------------------------------------------------------------------------------------------*/\n  .fc th,\n.fc td,\n.fc hr,\n.fc thead,\n.fc tbody,\n.fc-row {\n    border-color: #ccc !important;\n    background: #fff !important;\n  }\n\n  /* kill the overlaid, absolutely-positioned components */\n  /* common... */\n  .fc-bg,\n.fc-bgevent-skeleton,\n.fc-highlight-skeleton,\n.fc-mirror-skeleton,\n.fc-bgevent-container,\n.fc-business-container,\n.fc-highlight-container,\n.fc-mirror-container {\n    display: none;\n  }\n\n  /* don't force a min-height on rows (for DayGrid) */\n  .fc tbody .fc-row {\n    height: auto !important;\n    /* undo height that JS set in distributeHeight */\n    min-height: 0 !important;\n    /* undo the min-height from each view's specific stylesheet */\n  }\n\n  .fc tbody .fc-row .fc-content-skeleton {\n    position: static;\n    /* undo .fc-rigid */\n    padding-bottom: 0 !important;\n    /* use a more border-friendly method for this... */\n  }\n\n  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {\n    /* only works in newer browsers */\n    padding-bottom: 1em;\n    /* ...gives space within the skeleton. also ensures min height in a way */\n  }\n\n  .fc tbody .fc-row .fc-content-skeleton table {\n    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,\n       making it look more like 3em. for other browers, it will already be this tall */\n    height: 1em;\n  }\n\n  /* Undo month-view event limiting. Display all events and hide the \"more\" links\n  --------------------------------------------------------------------------------------------------*/\n  .fc-more-cell,\n.fc-more {\n    display: none !important;\n  }\n\n  .fc tr.fc-limited {\n    display: table-row !important;\n  }\n\n  .fc td.fc-limited {\n    display: table-cell !important;\n  }\n\n  .fc-popover {\n    display: none;\n    /* never display the \"more..\" popover in print mode */\n  }\n\n  /* TimeGrid Restyling\n  --------------------------------------------------------------------------------------------------*/\n  /* undo the min-height 100% trick used to fill the container's height */\n  .fc-time-grid {\n    min-height: 0 !important;\n  }\n\n  /* don't display the side axis at all (\"all-day\" and time cells) */\n  .fc-timeGrid-view .fc-axis {\n    display: none;\n  }\n\n  /* don't display the horizontal lines */\n  .fc-slats,\n.fc-time-grid hr {\n    /* this hr is used when height is underused and needs to be filled */\n    display: none !important;\n    /* important overrides inline declaration */\n  }\n\n  /* let the container that holds the events be naturally positioned and create real height */\n  .fc-time-grid .fc-content-skeleton {\n    position: static;\n  }\n\n  /* in case there are no events, we still want some height */\n  .fc-time-grid .fc-content-skeleton table {\n    height: 4em;\n  }\n\n  /* kill the horizontal spacing made by the event container. event margins will be done below */\n  .fc-time-grid .fc-event-container {\n    margin: 0 !important;\n  }\n\n  /* TimeGrid *Event* Restyling\n  --------------------------------------------------------------------------------------------------*/\n  /* naturally position events, vertically stacking them */\n  .fc-time-grid .fc-event {\n    position: static !important;\n    margin: 3px 2px !important;\n  }\n\n  /* for events that continue to a future day, give the bottom border back */\n  .fc-time-grid .fc-event.fc-not-end {\n    border-bottom-width: 1px !important;\n  }\n\n  /* indicate the event continues via \"...\" text */\n  .fc-time-grid .fc-event.fc-not-end:after {\n    content: \"...\";\n  }\n\n  /* for events that are continuations from previous days, give the top border back */\n  .fc-time-grid .fc-event.fc-not-start {\n    border-top-width: 1px !important;\n  }\n\n  /* indicate the event is a continuation via \"...\" text */\n  .fc-time-grid .fc-event.fc-not-start:before {\n    content: \"...\";\n  }\n\n  /* time */\n  /* undo a previous declaration and let the time text span to a second line */\n  .fc-time-grid .fc-event .fc-time {\n    white-space: normal !important;\n  }\n\n  /* hide the the time that is normally displayed... */\n  .fc-time-grid .fc-event .fc-time span {\n    display: none;\n  }\n\n  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */\n  .fc-time-grid .fc-event .fc-time:after {\n    content: attr(data-full);\n  }\n\n  /* Vertical Scroller & Containers\n  --------------------------------------------------------------------------------------------------*/\n  /* kill the scrollbars and allow natural height */\n  .fc-scroller,\n.fc-day-grid-container,\n.fc-time-grid-container {\n    /* */\n    overflow: visible !important;\n    height: auto !important;\n  }\n\n  /* kill the horizontal border/padding used to compensate for scrollbars */\n  .fc-row {\n    border: 0 !important;\n    margin: 0 !important;\n  }\n\n  /* Button Controls\n  --------------------------------------------------------------------------------------------------*/\n  .fc-button-group,\n.fc button {\n    display: none;\n    /* don't display any button-related controls */\n  }\n}\n", "/* DayGridView\n--------------------------------------------------------------------------------------------------*/\n/* day row structure */\n.fc-dayGridWeek-view .fc-content-skeleton,\n.fc-dayGridDay-view .fc-content-skeleton {\n  /* there may be week numbers in these views, so no padding-top */\n  padding-bottom: 1em;\n  /* ensure a space at bottom of cell for user selecting/clicking */\n}\n\n.fc-dayGrid-view .fc-body .fc-row {\n  min-height: 4em;\n  /* ensure that all rows are at least this tall */\n}\n\n/* a \"rigid\" row will take up a constant amount of height because content-skeleton is absolute */\n.fc-row.fc-rigid {\n  overflow: hidden;\n}\n\n.fc-row.fc-rigid .fc-content-skeleton {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n\n/* week and day number styling */\n.fc-day-top.fc-other-month {\n  opacity: 0.3;\n}\n\n.fc-dayGrid-view .fc-week-number,\n.fc-dayGrid-view .fc-day-number {\n  padding: 2px;\n}\n\n.fc-dayGrid-view th.fc-week-number,\n.fc-dayGrid-view th.fc-day-number {\n  padding: 0 2px;\n  /* column headers can't have as much v space */\n}\n\n.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {\n  float: right;\n}\n\n.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {\n  float: left;\n}\n\n.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {\n  float: left;\n  border-radius: 0 0 3px 0;\n}\n\n.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {\n  float: right;\n  border-radius: 0 0 0 3px;\n}\n\n.fc-dayGrid-view .fc-day-top .fc-week-number {\n  min-width: 1.5em;\n  text-align: center;\n  background-color: #f2f2f2;\n  color: #808080;\n}\n\n/* when week/day number have own column */\n.fc-dayGrid-view td.fc-week-number {\n  text-align: center;\n}\n\n.fc-dayGrid-view td.fc-week-number > * {\n  /* work around the way we do column resizing and ensure a minimum width */\n  display: inline-block;\n  min-width: 1.25em;\n}\n", "@charset \"UTF-8\";\n/* TimeGridView all-day area\n--------------------------------------------------------------------------------------------------*/\n.fc-timeGrid-view .fc-day-grid {\n  position: relative;\n  z-index: 2;\n  /* so the \"more..\" popover will be over the time grid */\n}\n\n.fc-timeGrid-view .fc-day-grid .fc-row {\n  min-height: 3em;\n  /* all-day section will never get shorter than this */\n}\n\n.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {\n  padding-bottom: 1em;\n  /* give space underneath events for clicking/selecting days */\n}\n\n/* TimeGrid axis running down the side (for both the all-day area and the slot area)\n--------------------------------------------------------------------------------------------------*/\n.fc .fc-axis {\n  /* .fc to overcome default cell styles */\n  vertical-align: middle;\n  padding: 0 4px;\n  white-space: nowrap;\n}\n\n.fc-ltr .fc-axis {\n  text-align: right;\n}\n\n.fc-rtl .fc-axis {\n  text-align: left;\n}\n\n/* TimeGrid Structure\n--------------------------------------------------------------------------------------------------*/\n.fc-time-grid-container,\n.fc-time-grid {\n  /* so slats/bg/content/etc positions get scoped within here */\n  position: relative;\n  z-index: 1;\n}\n\n.fc-time-grid {\n  min-height: 100%;\n  /* so if height setting is 'auto', .fc-bg stretches to fill height */\n}\n\n.fc-time-grid table {\n  /* don't put outer borders on slats/bg/content/etc */\n  border: 0 hidden transparent;\n}\n\n.fc-time-grid > .fc-bg {\n  z-index: 1;\n}\n\n.fc-time-grid .fc-slats,\n.fc-time-grid > hr {\n  /* the <hr> TimeGridView injects when grid is shorter than scroller */\n  position: relative;\n  z-index: 2;\n}\n\n.fc-time-grid .fc-content-col {\n  position: relative;\n  /* because now-indicator lives directly inside */\n}\n\n.fc-time-grid .fc-content-skeleton {\n  position: absolute;\n  z-index: 3;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n\n/* divs within a cell within the fc-content-skeleton */\n.fc-time-grid .fc-business-container {\n  position: relative;\n  z-index: 1;\n}\n\n.fc-time-grid .fc-bgevent-container {\n  position: relative;\n  z-index: 2;\n}\n\n.fc-time-grid .fc-highlight-container {\n  position: relative;\n  z-index: 3;\n}\n\n.fc-time-grid .fc-event-container {\n  position: relative;\n  z-index: 4;\n}\n\n.fc-time-grid .fc-now-indicator-line {\n  z-index: 5;\n}\n\n.fc-time-grid .fc-mirror-container {\n  /* also is fc-event-container */\n  position: relative;\n  z-index: 6;\n}\n\n/* TimeGrid Slats (lines that run horizontally)\n--------------------------------------------------------------------------------------------------*/\n.fc-time-grid .fc-slats td {\n  height: 1.5em;\n  border-bottom: 0;\n  /* each cell is responsible for its top border */\n}\n\n.fc-time-grid .fc-slats .fc-minor td {\n  border-top-style: dotted;\n}\n\n/* TimeGrid Highlighting Slots\n--------------------------------------------------------------------------------------------------*/\n.fc-time-grid .fc-highlight-container {\n  /* a div within a cell within the fc-highlight-skeleton */\n  position: relative;\n  /* scopes the left/right of the fc-highlight to be in the column */\n}\n\n.fc-time-grid .fc-highlight {\n  position: absolute;\n  left: 0;\n  right: 0;\n  /* top and bottom will be in by JS */\n}\n\n/* TimeGrid Event Containment\n--------------------------------------------------------------------------------------------------*/\n.fc-ltr .fc-time-grid .fc-event-container {\n  /* space on the sides of events for LTR (default) */\n  margin: 0 2.5% 0 2px;\n}\n\n.fc-rtl .fc-time-grid .fc-event-container {\n  /* space on the sides of events for RTL */\n  margin: 0 2px 0 2.5%;\n}\n\n.fc-time-grid .fc-event,\n.fc-time-grid .fc-bgevent {\n  position: absolute;\n  z-index: 1;\n  /* scope inner z-index's */\n}\n\n.fc-time-grid .fc-bgevent {\n  /* background events always span full width */\n  left: 0;\n  right: 0;\n}\n\n/* TimeGrid Event Styling\n----------------------------------------------------------------------------------------------------\nWe use the full \"fc-time-grid-event\" class instead of using descendants because the event won't\nbe a descendant of the grid when it is being dragged.\n*/\n.fc-time-grid-event {\n  margin-bottom: 1px;\n}\n\n.fc-time-grid-event-inset {\n  -webkit-box-shadow: 0px 0px 0px 1px #fff;\n  box-shadow: 0px 0px 0px 1px #fff;\n}\n\n.fc-time-grid-event.fc-not-start {\n  /* events that are continuing from another day */\n  /* replace space made by the top border with padding */\n  border-top-width: 0;\n  padding-top: 1px;\n  /* remove top rounded corners */\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.fc-time-grid-event.fc-not-end {\n  /* replace space made by the top border with padding */\n  border-bottom-width: 0;\n  padding-bottom: 1px;\n  /* remove bottom rounded corners */\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.fc-time-grid-event .fc-content {\n  overflow: hidden;\n  max-height: 100%;\n}\n\n.fc-time-grid-event .fc-time,\n.fc-time-grid-event .fc-title {\n  padding: 0 1px;\n}\n\n.fc-time-grid-event .fc-time {\n  font-size: 0.85em;\n  white-space: nowrap;\n}\n\n/* short mode, where time and title are on the same line */\n.fc-time-grid-event.fc-short .fc-content {\n  /* don't wrap to second line (now that contents will be inline) */\n  white-space: nowrap;\n}\n\n.fc-time-grid-event.fc-short .fc-time,\n.fc-time-grid-event.fc-short .fc-title {\n  /* put the time and title on the same line */\n  display: inline-block;\n  vertical-align: top;\n}\n\n.fc-time-grid-event.fc-short .fc-time span {\n  display: none;\n  /* don't display the full time text... */\n}\n\n.fc-time-grid-event.fc-short .fc-time:before {\n  content: attr(data-start);\n  /* ...instead, display only the start time */\n}\n\n.fc-time-grid-event.fc-short .fc-time:after {\n  content: \"\u00A0-\u00A0\";\n  /* seperate with a dash, wrapped in nbsp's */\n}\n\n.fc-time-grid-event.fc-short .fc-title {\n  font-size: 0.85em;\n  /* make the title text the same size as the time */\n  padding: 0;\n  /* undo padding from above */\n}\n\n/* resizer (cursor device) */\n.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 8px;\n  overflow: hidden;\n  line-height: 8px;\n  font-size: 11px;\n  font-family: monospace;\n  text-align: center;\n  cursor: s-resize;\n}\n\n.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {\n  content: \"=\";\n}\n\n/* resizer (touch device) */\n.fc-time-grid-event.fc-selected .fc-resizer {\n  /* 10x10 dot */\n  border-radius: 5px;\n  border-width: 1px;\n  width: 8px;\n  height: 8px;\n  border-style: solid;\n  border-color: inherit;\n  background: #fff;\n  /* horizontally center */\n  left: 50%;\n  margin-left: -5px;\n  /* center on the bottom edge */\n  bottom: -5px;\n}\n\n/* Now Indicator\n--------------------------------------------------------------------------------------------------*/\n.fc-time-grid .fc-now-indicator-line {\n  border-top-width: 1px;\n  left: 0;\n  right: 0;\n}\n\n/* arrow on axis */\n.fc-time-grid .fc-now-indicator-arrow {\n  margin-top: -5px;\n  /* vertically center on top coordinate */\n}\n\n.fc-ltr .fc-time-grid .fc-now-indicator-arrow {\n  left: 0;\n  /* triangle pointing right... */\n  border-width: 5px 0 5px 6px;\n  border-top-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.fc-rtl .fc-time-grid .fc-now-indicator-arrow {\n  right: 0;\n  /* triangle pointing left... */\n  border-width: 5px 6px 5px 0;\n  border-top-color: transparent;\n  border-bottom-color: transparent;\n}\n", "/* List View\n--------------------------------------------------------------------------------------------------*/\n/* possibly reusable */\n.fc-event-dot {\n  display: inline-block;\n  width: 10px;\n  height: 10px;\n  border-radius: 5px;\n}\n\n/* view wrapper */\n.fc-rtl .fc-list-view {\n  direction: rtl;\n  /* unlike core views, leverage browser RTL */\n}\n\n.fc-list-view {\n  border-width: 1px;\n  border-style: solid;\n}\n\n/* table resets */\n.fc .fc-list-table {\n  table-layout: auto;\n  /* for shrinkwrapping cell content */\n}\n\n.fc-list-table td {\n  border-width: 1px 0 0;\n  padding: 8px 14px;\n}\n\n.fc-list-table tr:first-child td {\n  border-top-width: 0;\n}\n\n/* day headings with the list */\n.fc-list-heading {\n  border-bottom-width: 1px;\n}\n\n.fc-list-heading td {\n  font-weight: bold;\n}\n\n.fc-ltr .fc-list-heading-main {\n  float: left;\n}\n\n.fc-ltr .fc-list-heading-alt {\n  float: right;\n}\n\n.fc-rtl .fc-list-heading-main {\n  float: right;\n}\n\n.fc-rtl .fc-list-heading-alt {\n  float: left;\n}\n\n/* event list items */\n.fc-list-item.fc-has-url {\n  cursor: pointer;\n  /* whole row will be clickable */\n}\n\n.fc-list-item-marker,\n.fc-list-item-time {\n  white-space: nowrap;\n  width: 1px;\n}\n\n/* make the dot closer to the event title */\n.fc-ltr .fc-list-item-marker {\n  padding-right: 0;\n}\n\n.fc-rtl .fc-list-item-marker {\n  padding-left: 0;\n}\n\n.fc-list-item-title a {\n  /* every event title cell has an <a> tag */\n  text-decoration: none;\n  color: inherit;\n}\n\n.fc-list-item-title a[href]:hover {\n  /* hover effect only on titles with hrefs */\n  text-decoration: underline;\n}\n\n/* message when no events */\n.fc-list-empty-wrap2 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.fc-list-empty-wrap1 {\n  width: 100%;\n  height: 100%;\n  display: table;\n}\n\n.fc-list-empty {\n  display: table-cell;\n  vertical-align: middle;\n  text-align: center;\n}\n\n.fc-unthemed .fc-list-empty {\n  /* theme will provide own background */\n  background-color: #eee;\n}\n", "/* Scroller\n--------------------------------------------------------------------------------------------------*/\n.fc-scroller-clip {\n  overflow: hidden;\n  /* for clipping scrollbars */\n  position: relative;\n  /* so things like scrollfollowers can attach to this */\n}\n\n/* supresses rendering of native scrollbars */\n/* on .fc-scroller */\n.fc-no-scrollbars {\n  background: rgba(255, 255, 255, 0);\n  /* hack for dynamic DOM nodes (in Chrome OSX at least) */\n}\n\n.fc-no-scrollbars::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n}\n\n.fc-scroller-canvas {\n  position: relative;\n  /* origin for bg */\n  box-sizing: border-box;\n  /* so that padding (for gutter) will be part of height */\n  min-height: 100%;\n}\n\n.fc-scroller-canvas > .fc-bg {\n  z-index: 1;\n  /* make default? */\n}\n\n.fc-scroller-canvas > .fc-content {\n  z-index: 2;\n  /* make default? */\n  position: relative;\n  /* origin for inner content */\n  border-style: solid;\n  border-width: 0;\n}\n\n.fc-scroller-canvas.fc-gutter-left > .fc-content {\n  border-left-width: 1px;\n  margin-left: -1px;\n}\n\n.fc-scroller-canvas.fc-gutter-right > .fc-content {\n  border-right-width: 1px;\n  margin-right: -1px;\n}\n\n.fc-scroller-canvas.fc-gutter-top > .fc-content {\n  border-top-width: 1px;\n  margin-top: -1px;\n}\n\n/* content is responsible for bottom border */\n/* View Structure\n--------------------------------------------------------------------------------------------------*/\n.fc-rtl .fc-timeline {\n  direction: rtl;\n}\n\n.fc-scrolled .fc-head .fc-scroller {\n  z-index: 2;\n  /* so drop shadow will go above body panes */\n}\n\n.fc-timeline.fc-scrolled .fc-head .fc-scroller {\n  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.075);\n}\n\n.fc-timeline .fc-body .fc-scroller {\n  z-index: 1;\n}\n\n/*\non most tables that expand to the edges, kill the outer border,\nbecause the container elements take care of it.\nexample tables:\n.fc-scroller-canvas .fc-content table\n.fc-scroller-canvas .fc-bg .fc-slats table\n*/\n.fc-timeline .fc-scroller-canvas > div > table,\n.fc-timeline .fc-scroller-canvas > div > div > table {\n  border-style: hidden;\n}\n\n/*\nfor resource rows (in both the spreadsheet and timeline areas),\nundo previous rule in order to always show last border.\n*/\n.fc-timeline .fc-scroller-canvas > .fc-content > .fc-rows > table {\n  border-bottom-style: none;\n}\n\n/* Table Cell Common\n--------------------------------------------------------------------------------------------------*/\n.fc-timeline th,\n.fc-timeline td {\n  white-space: nowrap;\n}\n\n.fc-timeline .fc-cell-content {\n  overflow: hidden;\n}\n\n.fc-timeline .fc-cell-text {\n  display: inline-block;\n  padding-left: 4px;\n  padding-right: 4px;\n}\n\n/*\nCells at the start of a week\nTODO: figure out better styling\n\n.fc-ltr .fc-timeline .fc-em-cell div {\n  border-left: 3px solid #eee;\n  height: 100%;\n}\n.fc-rtl .fc-timeline .fc-em-cell {\n  border-right-width: 3px;\n}\n*/\n/* head */\n.fc-timeline th {\n  vertical-align: middle;\n}\n\n.fc-timeline .fc-head .fc-cell-content {\n  padding-top: 3px;\n  padding-bottom: 3px;\n}\n\n.fc-timeline .fc-head .fc-time-area .fc-cell-content {\n  overflow: visible;\n}\n\n/* Time Area\n--------------------------------------------------------------------------------------------------*/\n.fc-time-area col {\n  min-width: 2.2em;\n  /* detected by JS */\n}\n\n/* head */\n.fc-ltr .fc-time-area .fc-chrono th {\n  text-align: left;\n}\n\n.fc-rtl .fc-time-area .fc-chrono th {\n  text-align: right;\n}\n\n/* body slats (vertical lines) */\n.fc-time-area .fc-slats {\n  /* fc-bg is responsible for a lot of this now! */\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.fc-time-area .fc-slats table {\n  height: 100%;\n}\n\n.fc-time-area .fc-slats .fc-minor {\n  border-style: dotted;\n}\n\n.fc-time-area .fc-slats td {\n  border-width: 0 1px;\n  /* need to do this. sometimes -1 margin wouldn't hide the dotted */\n}\n\n.fc-ltr .fc-time-area .fc-slats td {\n  border-right-width: 0;\n}\n\n.fc-rtl .fc-time-area .fc-slats td {\n  border-left-width: 0;\n}\n\n/* body content containers\n   can be within rows or directly within the pane's content\n*/\n.fc-time-area .fc-bgevent-container,\n.fc-time-area .fc-highlight-container {\n  position: absolute;\n  z-index: 2;\n  /* only for directly within pane. not for row. overridden later */\n  top: 0;\n  bottom: 0;\n  width: 0;\n}\n\n.fc-ltr .fc-time-area .fc-mirror-container,\n.fc-ltr .fc-time-area .fc-bgevent-container,\n.fc-ltr .fc-time-area .fc-highlight-container {\n  left: 0;\n}\n\n.fc-rtl .fc-time-area .fc-mirror-container,\n.fc-rtl .fc-time-area .fc-bgevent-container,\n.fc-rtl .fc-time-area .fc-highlight-container {\n  right: 0;\n}\n\n.fc-time-area .fc-bgevent,\n.fc-time-area .fc-highlight {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n/* Now Indicator\n--------------------------------------------------------------------------------------------------*/\n.fc-timeline .fc-now-indicator {\n  /* both the arrow and the line */\n  z-index: 3;\n  /* one above scroller's fc-content */\n  top: 0;\n}\n\n.fc-time-area .fc-now-indicator-arrow {\n  margin: 0 -6px;\n  /* 5, then one more to counteract scroller's negative margins */\n  /* triangle pointing down... */\n  border-width: 6px 5px 0 5px;\n  border-left-color: transparent;\n  border-right-color: transparent;\n}\n\n.fc-time-area .fc-now-indicator-line {\n  margin: 0 -1px;\n  /* counteract scroller's negative margins */\n  bottom: 0;\n  border-left-width: 1px;\n}\n\n/* Event Container\n--------------------------------------------------------------------------------------------------*/\n.fc-time-area .fc-event-container {\n  position: relative;\n  z-index: 2;\n  /* above bgevent and highlight */\n  width: 0;\n  /* for event positioning. will end up on correct side based on dir */\n}\n\n.fc-time-area .fc-mirror-container {\n  /* also an fc-event-container */\n  position: absolute;\n  z-index: 3;\n  top: 0;\n}\n\n.fc-time-area .fc-event-container {\n  padding-bottom: 8px;\n  top: -1px;\n}\n\n.fc-time-area tr:first-child .fc-event-container {\n  top: 0;\n}\n\n.fc-no-overlap .fc-time-area .fc-event-container {\n  padding-bottom: 0;\n  top: 0;\n}\n\n/* Time Grid Events\n--------------------------------------------------------------------------------------------------*/\n.fc-timeline-event {\n  position: absolute;\n  display: flex;\n  border-radius: 0;\n  padding: 2px 1px;\n  margin-bottom: 1px;\n}\n\n.fc-no-overlap .fc-timeline-event {\n  padding-top: 5px;\n  padding-bottom: 5px;\n  margin-bottom: 0;\n}\n\n.fc-ltr .fc-timeline-event {\n  flex-direction: row;\n  margin-right: 1px;\n}\n\n.fc-rtl .fc-timeline-event {\n  margin-left: 1px;\n}\n\n.fc-timeline-event .fc-time-wrap {\n  flex-shrink: 0;\n  min-width: 0;\n}\n\n.fc-timeline-event .fc-title-wrap {\n  flex-grow: 1;\n  min-width: 0;\n}\n\n.fc-timeline-event .fc-time,\n.fc-timeline-event .fc-title {\n  display: inline-block;\n  vertical-align: top;\n  max-width: 100%;\n  padding: 0 2px;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.fc-timeline-event .fc-time {\n  font-weight: bold;\n}\n\n.fc-timeline-event.fc-not-start:before,\n.fc-timeline-event.fc-not-end:after {\n  content: \"\";\n  align-self: center;\n  width: 0;\n  height: 0;\n  margin: 0 1px;\n  border: 5px solid #000;\n  border-top-color: transparent;\n  border-bottom-color: transparent;\n  opacity: 0.5;\n}\n\n.fc-ltr .fc-timeline-event.fc-not-start:before,\n.fc-rtl .fc-timeline-event.fc-not-end:after {\n  border-left: 0;\n}\n\n.fc-ltr .fc-timeline-event.fc-not-end:after,\n.fc-rtl .fc-timeline-event.fc-not-start:before {\n  border-right: 0;\n}", "/*!\n *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome\n *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)\n */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:\"\\f000\"}.fa-music:before{content:\"\\f001\"}.fa-search:before{content:\"\\f002\"}.fa-envelope-o:before{content:\"\\f003\"}.fa-heart:before{content:\"\\f004\"}.fa-star:before{content:\"\\f005\"}.fa-star-o:before{content:\"\\f006\"}.fa-user:before{content:\"\\f007\"}.fa-film:before{content:\"\\f008\"}.fa-th-large:before{content:\"\\f009\"}.fa-th:before{content:\"\\f00a\"}.fa-th-list:before{content:\"\\f00b\"}.fa-check:before{content:\"\\f00c\"}.fa-remove:before,.fa-close:before,.fa-times:before{content:\"\\f00d\"}.fa-search-plus:before{content:\"\\f00e\"}.fa-search-minus:before{content:\"\\f010\"}.fa-power-off:before{content:\"\\f011\"}.fa-signal:before{content:\"\\f012\"}.fa-gear:before,.fa-cog:before{content:\"\\f013\"}.fa-trash-o:before{content:\"\\f014\"}.fa-home:before{content:\"\\f015\"}.fa-file-o:before{content:\"\\f016\"}.fa-clock-o:before{content:\"\\f017\"}.fa-road:before{content:\"\\f018\"}.fa-download:before{content:\"\\f019\"}.fa-arrow-circle-o-down:before{content:\"\\f01a\"}.fa-arrow-circle-o-up:before{content:\"\\f01b\"}.fa-inbox:before{content:\"\\f01c\"}.fa-play-circle-o:before{content:\"\\f01d\"}.fa-rotate-right:before,.fa-repeat:before{content:\"\\f01e\"}.fa-refresh:before{content:\"\\f021\"}.fa-list-alt:before{content:\"\\f022\"}.fa-lock:before{content:\"\\f023\"}.fa-flag:before{content:\"\\f024\"}.fa-headphones:before{content:\"\\f025\"}.fa-volume-off:before{content:\"\\f026\"}.fa-volume-down:before{content:\"\\f027\"}.fa-volume-up:before{content:\"\\f028\"}.fa-qrcode:before{content:\"\\f029\"}.fa-barcode:before{content:\"\\f02a\"}.fa-tag:before{content:\"\\f02b\"}.fa-tags:before{content:\"\\f02c\"}.fa-book:before{content:\"\\f02d\"}.fa-bookmark:before{content:\"\\f02e\"}.fa-print:before{content:\"\\f02f\"}.fa-camera:before{content:\"\\f030\"}.fa-font:before{content:\"\\f031\"}.fa-bold:before{content:\"\\f032\"}.fa-italic:before{content:\"\\f033\"}.fa-text-height:before{content:\"\\f034\"}.fa-text-width:before{content:\"\\f035\"}.fa-align-left:before{content:\"\\f036\"}.fa-align-center:before{content:\"\\f037\"}.fa-align-right:before{content:\"\\f038\"}.fa-align-justify:before{content:\"\\f039\"}.fa-list:before{content:\"\\f03a\"}.fa-dedent:before,.fa-outdent:before{content:\"\\f03b\"}.fa-indent:before{content:\"\\f03c\"}.fa-video-camera:before{content:\"\\f03d\"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:\"\\f03e\"}.fa-pencil:before{content:\"\\f040\"}.fa-map-marker:before{content:\"\\f041\"}.fa-adjust:before{content:\"\\f042\"}.fa-tint:before{content:\"\\f043\"}.fa-edit:before,.fa-pencil-square-o:before{content:\"\\f044\"}.fa-share-square-o:before{content:\"\\f045\"}.fa-check-square-o:before{content:\"\\f046\"}.fa-arrows:before{content:\"\\f047\"}.fa-step-backward:before{content:\"\\f048\"}.fa-fast-backward:before{content:\"\\f049\"}.fa-backward:before{content:\"\\f04a\"}.fa-play:before{content:\"\\f04b\"}.fa-pause:before{content:\"\\f04c\"}.fa-stop:before{content:\"\\f04d\"}.fa-forward:before{content:\"\\f04e\"}.fa-fast-forward:before{content:\"\\f050\"}.fa-step-forward:before{content:\"\\f051\"}.fa-eject:before{content:\"\\f052\"}.fa-chevron-left:before{content:\"\\f053\"}.fa-chevron-right:before{content:\"\\f054\"}.fa-plus-circle:before{content:\"\\f055\"}.fa-minus-circle:before{content:\"\\f056\"}.fa-times-circle:before{content:\"\\f057\"}.fa-check-circle:before{content:\"\\f058\"}.fa-question-circle:before{content:\"\\f059\"}.fa-info-circle:before{content:\"\\f05a\"}.fa-crosshairs:before{content:\"\\f05b\"}.fa-times-circle-o:before{content:\"\\f05c\"}.fa-check-circle-o:before{content:\"\\f05d\"}.fa-ban:before{content:\"\\f05e\"}.fa-arrow-left:before{content:\"\\f060\"}.fa-arrow-right:before{content:\"\\f061\"}.fa-arrow-up:before{content:\"\\f062\"}.fa-arrow-down:before{content:\"\\f063\"}.fa-mail-forward:before,.fa-share:before{content:\"\\f064\"}.fa-expand:before{content:\"\\f065\"}.fa-compress:before{content:\"\\f066\"}.fa-plus:before{content:\"\\f067\"}.fa-minus:before{content:\"\\f068\"}.fa-asterisk:before{content:\"\\f069\"}.fa-exclamation-circle:before{content:\"\\f06a\"}.fa-gift:before{content:\"\\f06b\"}.fa-leaf:before{content:\"\\f06c\"}.fa-fire:before{content:\"\\f06d\"}.fa-eye:before{content:\"\\f06e\"}.fa-eye-slash:before{content:\"\\f070\"}.fa-warning:before,.fa-exclamation-triangle:before{content:\"\\f071\"}.fa-plane:before{content:\"\\f072\"}.fa-calendar:before{content:\"\\f073\"}.fa-random:before{content:\"\\f074\"}.fa-comment:before{content:\"\\f075\"}.fa-magnet:before{content:\"\\f076\"}.fa-chevron-up:before{content:\"\\f077\"}.fa-chevron-down:before{content:\"\\f078\"}.fa-retweet:before{content:\"\\f079\"}.fa-shopping-cart:before{content:\"\\f07a\"}.fa-folder:before{content:\"\\f07b\"}.fa-folder-open:before{content:\"\\f07c\"}.fa-arrows-v:before{content:\"\\f07d\"}.fa-arrows-h:before{content:\"\\f07e\"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:\"\\f080\"}.fa-twitter-square:before{content:\"\\f081\"}.fa-facebook-square:before{content:\"\\f082\"}.fa-camera-retro:before{content:\"\\f083\"}.fa-key:before{content:\"\\f084\"}.fa-gears:before,.fa-cogs:before{content:\"\\f085\"}.fa-comments:before{content:\"\\f086\"}.fa-thumbs-o-up:before{content:\"\\f087\"}.fa-thumbs-o-down:before{content:\"\\f088\"}.fa-star-half:before{content:\"\\f089\"}.fa-heart-o:before{content:\"\\f08a\"}.fa-sign-out:before{content:\"\\f08b\"}.fa-linkedin-square:before{content:\"\\f08c\"}.fa-thumb-tack:before{content:\"\\f08d\"}.fa-external-link:before{content:\"\\f08e\"}.fa-sign-in:before{content:\"\\f090\"}.fa-trophy:before{content:\"\\f091\"}.fa-github-square:before{content:\"\\f092\"}.fa-upload:before{content:\"\\f093\"}.fa-lemon-o:before{content:\"\\f094\"}.fa-phone:before{content:\"\\f095\"}.fa-square-o:before{content:\"\\f096\"}.fa-bookmark-o:before{content:\"\\f097\"}.fa-phone-square:before{content:\"\\f098\"}.fa-twitter:before{content:\"\\f099\"}.fa-facebook-f:before,.fa-facebook:before{content:\"\\f09a\"}.fa-github:before{content:\"\\f09b\"}.fa-unlock:before{content:\"\\f09c\"}.fa-credit-card:before{content:\"\\f09d\"}.fa-feed:before,.fa-rss:before{content:\"\\f09e\"}.fa-hdd-o:before{content:\"\\f0a0\"}.fa-bullhorn:before{content:\"\\f0a1\"}.fa-bell:before{content:\"\\f0f3\"}.fa-certificate:before{content:\"\\f0a3\"}.fa-hand-o-right:before{content:\"\\f0a4\"}.fa-hand-o-left:before{content:\"\\f0a5\"}.fa-hand-o-up:before{content:\"\\f0a6\"}.fa-hand-o-down:before{content:\"\\f0a7\"}.fa-arrow-circle-left:before{content:\"\\f0a8\"}.fa-arrow-circle-right:before{content:\"\\f0a9\"}.fa-arrow-circle-up:before{content:\"\\f0aa\"}.fa-arrow-circle-down:before{content:\"\\f0ab\"}.fa-globe:before{content:\"\\f0ac\"}.fa-wrench:before{content:\"\\f0ad\"}.fa-tasks:before{content:\"\\f0ae\"}.fa-filter:before{content:\"\\f0b0\"}.fa-briefcase:before{content:\"\\f0b1\"}.fa-arrows-alt:before{content:\"\\f0b2\"}.fa-group:before,.fa-users:before{content:\"\\f0c0\"}.fa-chain:before,.fa-link:before{content:\"\\f0c1\"}.fa-cloud:before{content:\"\\f0c2\"}.fa-flask:before{content:\"\\f0c3\"}.fa-cut:before,.fa-scissors:before{content:\"\\f0c4\"}.fa-copy:before,.fa-files-o:before{content:\"\\f0c5\"}.fa-paperclip:before{content:\"\\f0c6\"}.fa-save:before,.fa-floppy-o:before{content:\"\\f0c7\"}.fa-square:before{content:\"\\f0c8\"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:\"\\f0c9\"}.fa-list-ul:before{content:\"\\f0ca\"}.fa-list-ol:before{content:\"\\f0cb\"}.fa-strikethrough:before{content:\"\\f0cc\"}.fa-underline:before{content:\"\\f0cd\"}.fa-table:before{content:\"\\f0ce\"}.fa-magic:before{content:\"\\f0d0\"}.fa-truck:before{content:\"\\f0d1\"}.fa-pinterest:before{content:\"\\f0d2\"}.fa-pinterest-square:before{content:\"\\f0d3\"}.fa-google-plus-square:before{content:\"\\f0d4\"}.fa-google-plus:before{content:\"\\f0d5\"}.fa-money:before{content:\"\\f0d6\"}.fa-caret-down:before{content:\"\\f0d7\"}.fa-caret-up:before{content:\"\\f0d8\"}.fa-caret-left:before{content:\"\\f0d9\"}.fa-caret-right:before{content:\"\\f0da\"}.fa-columns:before{content:\"\\f0db\"}.fa-unsorted:before,.fa-sort:before{content:\"\\f0dc\"}.fa-sort-down:before,.fa-sort-desc:before{content:\"\\f0dd\"}.fa-sort-up:before,.fa-sort-asc:before{content:\"\\f0de\"}.fa-envelope:before{content:\"\\f0e0\"}.fa-linkedin:before{content:\"\\f0e1\"}.fa-rotate-left:before,.fa-undo:before{content:\"\\f0e2\"}.fa-legal:before,.fa-gavel:before{content:\"\\f0e3\"}.fa-dashboard:before,.fa-tachometer:before{content:\"\\f0e4\"}.fa-comment-o:before{content:\"\\f0e5\"}.fa-comments-o:before{content:\"\\f0e6\"}.fa-flash:before,.fa-bolt:before{content:\"\\f0e7\"}.fa-sitemap:before{content:\"\\f0e8\"}.fa-umbrella:before{content:\"\\f0e9\"}.fa-paste:before,.fa-clipboard:before{content:\"\\f0ea\"}.fa-lightbulb-o:before{content:\"\\f0eb\"}.fa-exchange:before{content:\"\\f0ec\"}.fa-cloud-download:before{content:\"\\f0ed\"}.fa-cloud-upload:before{content:\"\\f0ee\"}.fa-user-md:before{content:\"\\f0f0\"}.fa-stethoscope:before{content:\"\\f0f1\"}.fa-suitcase:before{content:\"\\f0f2\"}.fa-bell-o:before{content:\"\\f0a2\"}.fa-coffee:before{content:\"\\f0f4\"}.fa-cutlery:before{content:\"\\f0f5\"}.fa-file-text-o:before{content:\"\\f0f6\"}.fa-building-o:before{content:\"\\f0f7\"}.fa-hospital-o:before{content:\"\\f0f8\"}.fa-ambulance:before{content:\"\\f0f9\"}.fa-medkit:before{content:\"\\f0fa\"}.fa-fighter-jet:before{content:\"\\f0fb\"}.fa-beer:before{content:\"\\f0fc\"}.fa-h-square:before{content:\"\\f0fd\"}.fa-plus-square:before{content:\"\\f0fe\"}.fa-angle-double-left:before{content:\"\\f100\"}.fa-angle-double-right:before{content:\"\\f101\"}.fa-angle-double-up:before{content:\"\\f102\"}.fa-angle-double-down:before{content:\"\\f103\"}.fa-angle-left:before{content:\"\\f104\"}.fa-angle-right:before{content:\"\\f105\"}.fa-angle-up:before{content:\"\\f106\"}.fa-angle-down:before{content:\"\\f107\"}.fa-desktop:before{content:\"\\f108\"}.fa-laptop:before{content:\"\\f109\"}.fa-tablet:before{content:\"\\f10a\"}.fa-mobile-phone:before,.fa-mobile:before{content:\"\\f10b\"}.fa-circle-o:before{content:\"\\f10c\"}.fa-quote-left:before{content:\"\\f10d\"}.fa-quote-right:before{content:\"\\f10e\"}.fa-spinner:before{content:\"\\f110\"}.fa-circle:before{content:\"\\f111\"}.fa-mail-reply:before,.fa-reply:before{content:\"\\f112\"}.fa-github-alt:before{content:\"\\f113\"}.fa-folder-o:before{content:\"\\f114\"}.fa-folder-open-o:before{content:\"\\f115\"}.fa-smile-o:before{content:\"\\f118\"}.fa-frown-o:before{content:\"\\f119\"}.fa-meh-o:before{content:\"\\f11a\"}.fa-gamepad:before{content:\"\\f11b\"}.fa-keyboard-o:before{content:\"\\f11c\"}.fa-flag-o:before{content:\"\\f11d\"}.fa-flag-checkered:before{content:\"\\f11e\"}.fa-terminal:before{content:\"\\f120\"}.fa-code:before{content:\"\\f121\"}.fa-mail-reply-all:before,.fa-reply-all:before{content:\"\\f122\"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:\"\\f123\"}.fa-location-arrow:before{content:\"\\f124\"}.fa-crop:before{content:\"\\f125\"}.fa-code-fork:before{content:\"\\f126\"}.fa-unlink:before,.fa-chain-broken:before{content:\"\\f127\"}.fa-question:before{content:\"\\f128\"}.fa-info:before{content:\"\\f129\"}.fa-exclamation:before{content:\"\\f12a\"}.fa-superscript:before{content:\"\\f12b\"}.fa-subscript:before{content:\"\\f12c\"}.fa-eraser:before{content:\"\\f12d\"}.fa-puzzle-piece:before{content:\"\\f12e\"}.fa-microphone:before{content:\"\\f130\"}.fa-microphone-slash:before{content:\"\\f131\"}.fa-shield:before{content:\"\\f132\"}.fa-calendar-o:before{content:\"\\f133\"}.fa-fire-extinguisher:before{content:\"\\f134\"}.fa-rocket:before{content:\"\\f135\"}.fa-maxcdn:before{content:\"\\f136\"}.fa-chevron-circle-left:before{content:\"\\f137\"}.fa-chevron-circle-right:before{content:\"\\f138\"}.fa-chevron-circle-up:before{content:\"\\f139\"}.fa-chevron-circle-down:before{content:\"\\f13a\"}.fa-html5:before{content:\"\\f13b\"}.fa-css3:before{content:\"\\f13c\"}.fa-anchor:before{content:\"\\f13d\"}.fa-unlock-alt:before{content:\"\\f13e\"}.fa-bullseye:before{content:\"\\f140\"}.fa-ellipsis-h:before{content:\"\\f141\"}.fa-ellipsis-v:before{content:\"\\f142\"}.fa-rss-square:before{content:\"\\f143\"}.fa-play-circle:before{content:\"\\f144\"}.fa-ticket:before{content:\"\\f145\"}.fa-minus-square:before{content:\"\\f146\"}.fa-minus-square-o:before{content:\"\\f147\"}.fa-level-up:before{content:\"\\f148\"}.fa-level-down:before{content:\"\\f149\"}.fa-check-square:before{content:\"\\f14a\"}.fa-pencil-square:before{content:\"\\f14b\"}.fa-external-link-square:before{content:\"\\f14c\"}.fa-share-square:before{content:\"\\f14d\"}.fa-compass:before{content:\"\\f14e\"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:\"\\f150\"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:\"\\f151\"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:\"\\f152\"}.fa-euro:before,.fa-eur:before{content:\"\\f153\"}.fa-gbp:before{content:\"\\f154\"}.fa-dollar:before,.fa-usd:before{content:\"\\f155\"}.fa-rupee:before,.fa-inr:before{content:\"\\f156\"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:\"\\f157\"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:\"\\f158\"}.fa-won:before,.fa-krw:before{content:\"\\f159\"}.fa-bitcoin:before,.fa-btc:before{content:\"\\f15a\"}.fa-file:before{content:\"\\f15b\"}.fa-file-text:before{content:\"\\f15c\"}.fa-sort-alpha-asc:before{content:\"\\f15d\"}.fa-sort-alpha-desc:before{content:\"\\f15e\"}.fa-sort-amount-asc:before{content:\"\\f160\"}.fa-sort-amount-desc:before{content:\"\\f161\"}.fa-sort-numeric-asc:before{content:\"\\f162\"}.fa-sort-numeric-desc:before{content:\"\\f163\"}.fa-thumbs-up:before{content:\"\\f164\"}.fa-thumbs-down:before{content:\"\\f165\"}.fa-youtube-square:before{content:\"\\f166\"}.fa-youtube:before{content:\"\\f167\"}.fa-xing:before{content:\"\\f168\"}.fa-xing-square:before{content:\"\\f169\"}.fa-youtube-play:before{content:\"\\f16a\"}.fa-dropbox:before{content:\"\\f16b\"}.fa-stack-overflow:before{content:\"\\f16c\"}.fa-instagram:before{content:\"\\f16d\"}.fa-flickr:before{content:\"\\f16e\"}.fa-adn:before{content:\"\\f170\"}.fa-bitbucket:before{content:\"\\f171\"}.fa-bitbucket-square:before{content:\"\\f172\"}.fa-tumblr:before{content:\"\\f173\"}.fa-tumblr-square:before{content:\"\\f174\"}.fa-long-arrow-down:before{content:\"\\f175\"}.fa-long-arrow-up:before{content:\"\\f176\"}.fa-long-arrow-left:before{content:\"\\f177\"}.fa-long-arrow-right:before{content:\"\\f178\"}.fa-apple:before{content:\"\\f179\"}.fa-windows:before{content:\"\\f17a\"}.fa-android:before{content:\"\\f17b\"}.fa-linux:before{content:\"\\f17c\"}.fa-dribbble:before{content:\"\\f17d\"}.fa-skype:before{content:\"\\f17e\"}.fa-foursquare:before{content:\"\\f180\"}.fa-trello:before{content:\"\\f181\"}.fa-female:before{content:\"\\f182\"}.fa-male:before{content:\"\\f183\"}.fa-gittip:before,.fa-gratipay:before{content:\"\\f184\"}.fa-sun-o:before{content:\"\\f185\"}.fa-moon-o:before{content:\"\\f186\"}.fa-archive:before{content:\"\\f187\"}.fa-bug:before{content:\"\\f188\"}.fa-vk:before{content:\"\\f189\"}.fa-weibo:before{content:\"\\f18a\"}.fa-renren:before{content:\"\\f18b\"}.fa-pagelines:before{content:\"\\f18c\"}.fa-stack-exchange:before{content:\"\\f18d\"}.fa-arrow-circle-o-right:before{content:\"\\f18e\"}.fa-arrow-circle-o-left:before{content:\"\\f190\"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:\"\\f191\"}.fa-dot-circle-o:before{content:\"\\f192\"}.fa-wheelchair:before{content:\"\\f193\"}.fa-vimeo-square:before{content:\"\\f194\"}.fa-turkish-lira:before,.fa-try:before{content:\"\\f195\"}.fa-plus-square-o:before{content:\"\\f196\"}.fa-space-shuttle:before{content:\"\\f197\"}.fa-slack:before{content:\"\\f198\"}.fa-envelope-square:before{content:\"\\f199\"}.fa-wordpress:before{content:\"\\f19a\"}.fa-openid:before{content:\"\\f19b\"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:\"\\f19c\"}.fa-mortar-board:before,.fa-graduation-cap:before{content:\"\\f19d\"}.fa-yahoo:before{content:\"\\f19e\"}.fa-google:before{content:\"\\f1a0\"}.fa-reddit:before{content:\"\\f1a1\"}.fa-reddit-square:before{content:\"\\f1a2\"}.fa-stumbleupon-circle:before{content:\"\\f1a3\"}.fa-stumbleupon:before{content:\"\\f1a4\"}.fa-delicious:before{content:\"\\f1a5\"}.fa-digg:before{content:\"\\f1a6\"}.fa-pied-piper-pp:before{content:\"\\f1a7\"}.fa-pied-piper-alt:before{content:\"\\f1a8\"}.fa-drupal:before{content:\"\\f1a9\"}.fa-joomla:before{content:\"\\f1aa\"}.fa-language:before{content:\"\\f1ab\"}.fa-fax:before{content:\"\\f1ac\"}.fa-building:before{content:\"\\f1ad\"}.fa-child:before{content:\"\\f1ae\"}.fa-paw:before{content:\"\\f1b0\"}.fa-spoon:before{content:\"\\f1b1\"}.fa-cube:before{content:\"\\f1b2\"}.fa-cubes:before{content:\"\\f1b3\"}.fa-behance:before{content:\"\\f1b4\"}.fa-behance-square:before{content:\"\\f1b5\"}.fa-steam:before{content:\"\\f1b6\"}.fa-steam-square:before{content:\"\\f1b7\"}.fa-recycle:before{content:\"\\f1b8\"}.fa-automobile:before,.fa-car:before{content:\"\\f1b9\"}.fa-cab:before,.fa-taxi:before{content:\"\\f1ba\"}.fa-tree:before{content:\"\\f1bb\"}.fa-spotify:before{content:\"\\f1bc\"}.fa-deviantart:before{content:\"\\f1bd\"}.fa-soundcloud:before{content:\"\\f1be\"}.fa-database:before{content:\"\\f1c0\"}.fa-file-pdf-o:before{content:\"\\f1c1\"}.fa-file-word-o:before{content:\"\\f1c2\"}.fa-file-excel-o:before{content:\"\\f1c3\"}.fa-file-powerpoint-o:before{content:\"\\f1c4\"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:\"\\f1c5\"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:\"\\f1c6\"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:\"\\f1c7\"}.fa-file-movie-o:before,.fa-file-video-o:before{content:\"\\f1c8\"}.fa-file-code-o:before{content:\"\\f1c9\"}.fa-vine:before{content:\"\\f1ca\"}.fa-codepen:before{content:\"\\f1cb\"}.fa-jsfiddle:before{content:\"\\f1cc\"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:\"\\f1cd\"}.fa-circle-o-notch:before{content:\"\\f1ce\"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:\"\\f1d0\"}.fa-ge:before,.fa-empire:before{content:\"\\f1d1\"}.fa-git-square:before{content:\"\\f1d2\"}.fa-git:before{content:\"\\f1d3\"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:\"\\f1d4\"}.fa-tencent-weibo:before{content:\"\\f1d5\"}.fa-qq:before{content:\"\\f1d6\"}.fa-wechat:before,.fa-weixin:before{content:\"\\f1d7\"}.fa-send:before,.fa-paper-plane:before{content:\"\\f1d8\"}.fa-send-o:before,.fa-paper-plane-o:before{content:\"\\f1d9\"}.fa-history:before{content:\"\\f1da\"}.fa-circle-thin:before{content:\"\\f1db\"}.fa-header:before{content:\"\\f1dc\"}.fa-paragraph:before{content:\"\\f1dd\"}.fa-sliders:before{content:\"\\f1de\"}.fa-share-alt:before{content:\"\\f1e0\"}.fa-share-alt-square:before{content:\"\\f1e1\"}.fa-bomb:before{content:\"\\f1e2\"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:\"\\f1e3\"}.fa-tty:before{content:\"\\f1e4\"}.fa-binoculars:before{content:\"\\f1e5\"}.fa-plug:before{content:\"\\f1e6\"}.fa-slideshare:before{content:\"\\f1e7\"}.fa-twitch:before{content:\"\\f1e8\"}.fa-yelp:before{content:\"\\f1e9\"}.fa-newspaper-o:before{content:\"\\f1ea\"}.fa-wifi:before{content:\"\\f1eb\"}.fa-calculator:before{content:\"\\f1ec\"}.fa-paypal:before{content:\"\\f1ed\"}.fa-google-wallet:before{content:\"\\f1ee\"}.fa-cc-visa:before{content:\"\\f1f0\"}.fa-cc-mastercard:before{content:\"\\f1f1\"}.fa-cc-discover:before{content:\"\\f1f2\"}.fa-cc-amex:before{content:\"\\f1f3\"}.fa-cc-paypal:before{content:\"\\f1f4\"}.fa-cc-stripe:before{content:\"\\f1f5\"}.fa-bell-slash:before{content:\"\\f1f6\"}.fa-bell-slash-o:before{content:\"\\f1f7\"}.fa-trash:before{content:\"\\f1f8\"}.fa-copyright:before{content:\"\\f1f9\"}.fa-at:before{content:\"\\f1fa\"}.fa-eyedropper:before{content:\"\\f1fb\"}.fa-paint-brush:before{content:\"\\f1fc\"}.fa-birthday-cake:before{content:\"\\f1fd\"}.fa-area-chart:before{content:\"\\f1fe\"}.fa-pie-chart:before{content:\"\\f200\"}.fa-line-chart:before{content:\"\\f201\"}.fa-lastfm:before{content:\"\\f202\"}.fa-lastfm-square:before{content:\"\\f203\"}.fa-toggle-off:before{content:\"\\f204\"}.fa-toggle-on:before{content:\"\\f205\"}.fa-bicycle:before{content:\"\\f206\"}.fa-bus:before{content:\"\\f207\"}.fa-ioxhost:before{content:\"\\f208\"}.fa-angellist:before{content:\"\\f209\"}.fa-cc:before{content:\"\\f20a\"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:\"\\f20b\"}.fa-meanpath:before{content:\"\\f20c\"}.fa-buysellads:before{content:\"\\f20d\"}.fa-connectdevelop:before{content:\"\\f20e\"}.fa-dashcube:before{content:\"\\f210\"}.fa-forumbee:before{content:\"\\f211\"}.fa-leanpub:before{content:\"\\f212\"}.fa-sellsy:before{content:\"\\f213\"}.fa-shirtsinbulk:before{content:\"\\f214\"}.fa-simplybuilt:before{content:\"\\f215\"}.fa-skyatlas:before{content:\"\\f216\"}.fa-cart-plus:before{content:\"\\f217\"}.fa-cart-arrow-down:before{content:\"\\f218\"}.fa-diamond:before{content:\"\\f219\"}.fa-ship:before{content:\"\\f21a\"}.fa-user-secret:before{content:\"\\f21b\"}.fa-motorcycle:before{content:\"\\f21c\"}.fa-street-view:before{content:\"\\f21d\"}.fa-heartbeat:before{content:\"\\f21e\"}.fa-venus:before{content:\"\\f221\"}.fa-mars:before{content:\"\\f222\"}.fa-mercury:before{content:\"\\f223\"}.fa-intersex:before,.fa-transgender:before{content:\"\\f224\"}.fa-transgender-alt:before{content:\"\\f225\"}.fa-venus-double:before{content:\"\\f226\"}.fa-mars-double:before{content:\"\\f227\"}.fa-venus-mars:before{content:\"\\f228\"}.fa-mars-stroke:before{content:\"\\f229\"}.fa-mars-stroke-v:before{content:\"\\f22a\"}.fa-mars-stroke-h:before{content:\"\\f22b\"}.fa-neuter:before{content:\"\\f22c\"}.fa-genderless:before{content:\"\\f22d\"}.fa-facebook-official:before{content:\"\\f230\"}.fa-pinterest-p:before{content:\"\\f231\"}.fa-whatsapp:before{content:\"\\f232\"}.fa-server:before{content:\"\\f233\"}.fa-user-plus:before{content:\"\\f234\"}.fa-user-times:before{content:\"\\f235\"}.fa-hotel:before,.fa-bed:before{content:\"\\f236\"}.fa-viacoin:before{content:\"\\f237\"}.fa-train:before{content:\"\\f238\"}.fa-subway:before{content:\"\\f239\"}.fa-medium:before{content:\"\\f23a\"}.fa-yc:before,.fa-y-combinator:before{content:\"\\f23b\"}.fa-optin-monster:before{content:\"\\f23c\"}.fa-opencart:before{content:\"\\f23d\"}.fa-expeditedssl:before{content:\"\\f23e\"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:\"\\f240\"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:\"\\f241\"}.fa-battery-2:before,.fa-battery-half:before{content:\"\\f242\"}.fa-battery-1:before,.fa-battery-quarter:before{content:\"\\f243\"}.fa-battery-0:before,.fa-battery-empty:before{content:\"\\f244\"}.fa-mouse-pointer:before{content:\"\\f245\"}.fa-i-cursor:before{content:\"\\f246\"}.fa-object-group:before{content:\"\\f247\"}.fa-object-ungroup:before{content:\"\\f248\"}.fa-sticky-note:before{content:\"\\f249\"}.fa-sticky-note-o:before{content:\"\\f24a\"}.fa-cc-jcb:before{content:\"\\f24b\"}.fa-cc-diners-club:before{content:\"\\f24c\"}.fa-clone:before{content:\"\\f24d\"}.fa-balance-scale:before{content:\"\\f24e\"}.fa-hourglass-o:before{content:\"\\f250\"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:\"\\f251\"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:\"\\f252\"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:\"\\f253\"}.fa-hourglass:before{content:\"\\f254\"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:\"\\f255\"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:\"\\f256\"}.fa-hand-scissors-o:before{content:\"\\f257\"}.fa-hand-lizard-o:before{content:\"\\f258\"}.fa-hand-spock-o:before{content:\"\\f259\"}.fa-hand-pointer-o:before{content:\"\\f25a\"}.fa-hand-peace-o:before{content:\"\\f25b\"}.fa-trademark:before{content:\"\\f25c\"}.fa-registered:before{content:\"\\f25d\"}.fa-creative-commons:before{content:\"\\f25e\"}.fa-gg:before{content:\"\\f260\"}.fa-gg-circle:before{content:\"\\f261\"}.fa-tripadvisor:before{content:\"\\f262\"}.fa-odnoklassniki:before{content:\"\\f263\"}.fa-odnoklassniki-square:before{content:\"\\f264\"}.fa-get-pocket:before{content:\"\\f265\"}.fa-wikipedia-w:before{content:\"\\f266\"}.fa-safari:before{content:\"\\f267\"}.fa-chrome:before{content:\"\\f268\"}.fa-firefox:before{content:\"\\f269\"}.fa-opera:before{content:\"\\f26a\"}.fa-internet-explorer:before{content:\"\\f26b\"}.fa-tv:before,.fa-television:before{content:\"\\f26c\"}.fa-contao:before{content:\"\\f26d\"}.fa-500px:before{content:\"\\f26e\"}.fa-amazon:before{content:\"\\f270\"}.fa-calendar-plus-o:before{content:\"\\f271\"}.fa-calendar-minus-o:before{content:\"\\f272\"}.fa-calendar-times-o:before{content:\"\\f273\"}.fa-calendar-check-o:before{content:\"\\f274\"}.fa-industry:before{content:\"\\f275\"}.fa-map-pin:before{content:\"\\f276\"}.fa-map-signs:before{content:\"\\f277\"}.fa-map-o:before{content:\"\\f278\"}.fa-map:before{content:\"\\f279\"}.fa-commenting:before{content:\"\\f27a\"}.fa-commenting-o:before{content:\"\\f27b\"}.fa-houzz:before{content:\"\\f27c\"}.fa-vimeo:before{content:\"\\f27d\"}.fa-black-tie:before{content:\"\\f27e\"}.fa-fonticons:before{content:\"\\f280\"}.fa-reddit-alien:before{content:\"\\f281\"}.fa-edge:before{content:\"\\f282\"}.fa-credit-card-alt:before{content:\"\\f283\"}.fa-codiepie:before{content:\"\\f284\"}.fa-modx:before{content:\"\\f285\"}.fa-fort-awesome:before{content:\"\\f286\"}.fa-usb:before{content:\"\\f287\"}.fa-product-hunt:before{content:\"\\f288\"}.fa-mixcloud:before{content:\"\\f289\"}.fa-scribd:before{content:\"\\f28a\"}.fa-pause-circle:before{content:\"\\f28b\"}.fa-pause-circle-o:before{content:\"\\f28c\"}.fa-stop-circle:before{content:\"\\f28d\"}.fa-stop-circle-o:before{content:\"\\f28e\"}.fa-shopping-bag:before{content:\"\\f290\"}.fa-shopping-basket:before{content:\"\\f291\"}.fa-hashtag:before{content:\"\\f292\"}.fa-bluetooth:before{content:\"\\f293\"}.fa-bluetooth-b:before{content:\"\\f294\"}.fa-percent:before{content:\"\\f295\"}.fa-gitlab:before{content:\"\\f296\"}.fa-wpbeginner:before{content:\"\\f297\"}.fa-wpforms:before{content:\"\\f298\"}.fa-envira:before{content:\"\\f299\"}.fa-universal-access:before{content:\"\\f29a\"}.fa-wheelchair-alt:before{content:\"\\f29b\"}.fa-question-circle-o:before{content:\"\\f29c\"}.fa-blind:before{content:\"\\f29d\"}.fa-audio-description:before{content:\"\\f29e\"}.fa-volume-control-phone:before{content:\"\\f2a0\"}.fa-braille:before{content:\"\\f2a1\"}.fa-assistive-listening-systems:before{content:\"\\f2a2\"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:\"\\f2a3\"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:\"\\f2a4\"}.fa-glide:before{content:\"\\f2a5\"}.fa-glide-g:before{content:\"\\f2a6\"}.fa-signing:before,.fa-sign-language:before{content:\"\\f2a7\"}.fa-low-vision:before{content:\"\\f2a8\"}.fa-viadeo:before{content:\"\\f2a9\"}.fa-viadeo-square:before{content:\"\\f2aa\"}.fa-snapchat:before{content:\"\\f2ab\"}.fa-snapchat-ghost:before{content:\"\\f2ac\"}.fa-snapchat-square:before{content:\"\\f2ad\"}.fa-pied-piper:before{content:\"\\f2ae\"}.fa-first-order:before{content:\"\\f2b0\"}.fa-yoast:before{content:\"\\f2b1\"}.fa-themeisle:before{content:\"\\f2b2\"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:\"\\f2b3\"}.fa-fa:before,.fa-font-awesome:before{content:\"\\f2b4\"}.fa-handshake-o:before{content:\"\\f2b5\"}.fa-envelope-open:before{content:\"\\f2b6\"}.fa-envelope-open-o:before{content:\"\\f2b7\"}.fa-linode:before{content:\"\\f2b8\"}.fa-address-book:before{content:\"\\f2b9\"}.fa-address-book-o:before{content:\"\\f2ba\"}.fa-vcard:before,.fa-address-card:before{content:\"\\f2bb\"}.fa-vcard-o:before,.fa-address-card-o:before{content:\"\\f2bc\"}.fa-user-circle:before{content:\"\\f2bd\"}.fa-user-circle-o:before{content:\"\\f2be\"}.fa-user-o:before{content:\"\\f2c0\"}.fa-id-badge:before{content:\"\\f2c1\"}.fa-drivers-license:before,.fa-id-card:before{content:\"\\f2c2\"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:\"\\f2c3\"}.fa-quora:before{content:\"\\f2c4\"}.fa-free-code-camp:before{content:\"\\f2c5\"}.fa-telegram:before{content:\"\\f2c6\"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:\"\\f2c7\"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:\"\\f2c8\"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:\"\\f2c9\"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:\"\\f2ca\"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:\"\\f2cb\"}.fa-shower:before{content:\"\\f2cc\"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:\"\\f2cd\"}.fa-podcast:before{content:\"\\f2ce\"}.fa-window-maximize:before{content:\"\\f2d0\"}.fa-window-minimize:before{content:\"\\f2d1\"}.fa-window-restore:before{content:\"\\f2d2\"}.fa-times-rectangle:before,.fa-window-close:before{content:\"\\f2d3\"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:\"\\f2d4\"}.fa-bandcamp:before{content:\"\\f2d5\"}.fa-grav:before{content:\"\\f2d6\"}.fa-etsy:before{content:\"\\f2d7\"}.fa-imdb:before{content:\"\\f2d8\"}.fa-ravelry:before{content:\"\\f2d9\"}.fa-eercast:before{content:\"\\f2da\"}.fa-microchip:before{content:\"\\f2db\"}.fa-snowflake-o:before{content:\"\\f2dc\"}.fa-superpowers:before{content:\"\\f2dd\"}.fa-wpexplorer:before{content:\"\\f2de\"}.fa-meetup:before{content:\"\\f2e0\"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}\n", "/* roboto-100normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100;\n  src:\n    local('Roboto Thin '),\n    local('Roboto-Thin'),\n    url('./files/roboto-latin-100.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-100.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-100italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 100;\n  src:\n    local('Roboto Thin italic'),\n    local('Roboto-Thinitalic'),\n    url('./files/roboto-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-100italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-300normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src:\n    local('Roboto Light '),\n    local('Roboto-Light'),\n    url('./files/roboto-latin-300.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-300.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-300italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 300;\n  src:\n    local('Roboto Light italic'),\n    local('Roboto-Lightitalic'),\n    url('./files/roboto-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-300italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-400normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src:\n    local('Roboto Regular '),\n    local('Roboto-Regular'),\n    url('./files/roboto-latin-400.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-400.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-400italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 400;\n  src:\n    local('Roboto Regular italic'),\n    local('Roboto-Regularitalic'),\n    url('./files/roboto-latin-400italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-400italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-500normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 500;\n  src:\n    local('Roboto Medium '),\n    local('Roboto-Medium'),\n    url('./files/roboto-latin-500.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-500.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-500italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 500;\n  src:\n    local('Roboto Medium italic'),\n    local('Roboto-Mediumitalic'),\n    url('./files/roboto-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-500italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-700normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src:\n    local('Roboto Bold '),\n    local('Roboto-Bold'),\n    url('./files/roboto-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-700.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-700italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 700;\n  src:\n    local('Roboto Bold italic'),\n    local('Roboto-Bolditalic'),\n    url('./files/roboto-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-700italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-900normal - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 900;\n  src:\n    local('Roboto Black '),\n    local('Roboto-Black'),\n    url('./files/roboto-latin-900.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-900.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-900italic - latin */\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 900;\n  src:\n    local('Roboto Black italic'),\n    local('Roboto-Blackitalic'),\n    url('./files/roboto-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-latin-900italic.woff') format('woff'); /* Modern Browsers */\n}\n\n", "/* roboto-condensed-300normal - latin */\n@font-face {\n  font-family: 'Roboto Condensed';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 300;\n  src:\n    local('Roboto Condensed Light '),\n    local('Roboto Condensed-Light'),\n    url('./files/roboto-condensed-latin-300.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-condensed-latin-300.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-condensed-300italic - latin */\n@font-face {\n  font-family: 'Roboto Condensed';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 300;\n  src:\n    local('Roboto Condensed Light italic'),\n    local('Roboto Condensed-Lightitalic'),\n    url('./files/roboto-condensed-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-condensed-latin-300italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-condensed-400normal - latin */\n@font-face {\n  font-family: 'Roboto Condensed';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src:\n    local('Roboto Condensed Regular '),\n    local('Roboto Condensed-Regular'),\n    url('./files/roboto-condensed-latin-400.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-condensed-latin-400.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-condensed-400italic - latin */\n@font-face {\n  font-family: 'Roboto Condensed';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 400;\n  src:\n    local('Roboto Condensed Regular italic'),\n    local('Roboto Condensed-Regularitalic'),\n    url('./files/roboto-condensed-latin-400italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-condensed-latin-400italic.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-condensed-700normal - latin */\n@font-face {\n  font-family: 'Roboto Condensed';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 700;\n  src:\n    local('Roboto Condensed Bold '),\n    local('Roboto Condensed-Bold'),\n    url('./files/roboto-condensed-latin-700.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-condensed-latin-700.woff') format('woff'); /* Modern Browsers */\n}\n\n/* roboto-condensed-700italic - latin */\n@font-face {\n  font-family: 'Roboto Condensed';\n  font-style: italic;\n  font-display: swap;\n  font-weight: 700;\n  src:\n    local('Roboto Condensed Bold italic'),\n    local('Roboto Condensed-Bolditalic'),\n    url('./files/roboto-condensed-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */\n    url('./files/roboto-condensed-latin-700italic.woff') format('woff'); /* Modern Browsers */\n}\n\n", "/*\nUnobtrusive JavaScript\nhttps://github.com/rails/rails/blob/main/actionview/app/javascript\nReleased under the MIT license\n */\nconst linkClickSelector = \"a[data-confirm], a[data-method], a[data-remote]:not([disabled]), a[data-disable-with], a[data-disable]\";\n\nconst buttonClickSelector = {\n  selector: \"button[data-remote]:not([form]), button[data-confirm]:not([form])\",\n  exclude: \"form button\"\n};\n\nconst inputChangeSelector = \"select[data-remote], input[data-remote], textarea[data-remote]\";\n\nconst formSubmitSelector = \"form:not([data-turbo=true])\";\n\nconst formInputClickSelector = \"form:not([data-turbo=true]) input[type=submit], form:not([data-turbo=true]) input[type=image], form:not([data-turbo=true]) button[type=submit], form:not([data-turbo=true]) button:not([type]), input[type=submit][form], input[type=image][form], button[type=submit][form], button[form]:not([type])\";\n\nconst formDisableSelector = \"input[data-disable-with]:enabled, button[data-disable-with]:enabled, textarea[data-disable-with]:enabled, input[data-disable]:enabled, button[data-disable]:enabled, textarea[data-disable]:enabled\";\n\nconst formEnableSelector = \"input[data-disable-with]:disabled, button[data-disable-with]:disabled, textarea[data-disable-with]:disabled, input[data-disable]:disabled, button[data-disable]:disabled, textarea[data-disable]:disabled\";\n\nconst fileInputSelector = \"input[name][type=file]:not([disabled])\";\n\nconst linkDisableSelector = \"a[data-disable-with], a[data-disable]\";\n\nconst buttonDisableSelector = \"button[data-remote][data-disable-with], button[data-remote][data-disable]\";\n\nlet nonce = null;\n\nconst loadCSPNonce = () => {\n  const metaTag = document.querySelector(\"meta[name=csp-nonce]\");\n  return nonce = metaTag && metaTag.content;\n};\n\nconst cspNonce = () => nonce || loadCSPNonce();\n\nconst m = Element.prototype.matches || Element.prototype.matchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector;\n\nconst matches = function(element, selector) {\n  if (selector.exclude) {\n    return m.call(element, selector.selector) && !m.call(element, selector.exclude);\n  } else {\n    return m.call(element, selector);\n  }\n};\n\nconst EXPANDO = \"_ujsData\";\n\nconst getData = (element, key) => element[EXPANDO] ? element[EXPANDO][key] : undefined;\n\nconst setData = function(element, key, value) {\n  if (!element[EXPANDO]) {\n    element[EXPANDO] = {};\n  }\n  return element[EXPANDO][key] = value;\n};\n\nconst $ = selector => Array.prototype.slice.call(document.querySelectorAll(selector));\n\nconst isContentEditable = function(element) {\n  var isEditable = false;\n  do {\n    if (element.isContentEditable) {\n      isEditable = true;\n      break;\n    }\n    element = element.parentElement;\n  } while (element);\n  return isEditable;\n};\n\nconst csrfToken = () => {\n  const meta = document.querySelector(\"meta[name=csrf-token]\");\n  return meta && meta.content;\n};\n\nconst csrfParam = () => {\n  const meta = document.querySelector(\"meta[name=csrf-param]\");\n  return meta && meta.content;\n};\n\nconst CSRFProtection = xhr => {\n  const token = csrfToken();\n  if (token) {\n    return xhr.setRequestHeader(\"X-CSRF-Token\", token);\n  }\n};\n\nconst refreshCSRFTokens = () => {\n  const token = csrfToken();\n  const param = csrfParam();\n  if (token && param) {\n    return $('form input[name=\"' + param + '\"]').forEach((input => input.value = token));\n  }\n};\n\nconst AcceptHeaders = {\n  \"*\": \"*/*\",\n  text: \"text/plain\",\n  html: \"text/html\",\n  xml: \"application/xml, text/xml\",\n  json: \"application/json, text/javascript\",\n  script: \"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript\"\n};\n\nconst ajax = options => {\n  options = prepareOptions(options);\n  var xhr = createXHR(options, (function() {\n    const response = processResponse(xhr.response != null ? xhr.response : xhr.responseText, xhr.getResponseHeader(\"Content-Type\"));\n    if (Math.floor(xhr.status / 100) === 2) {\n      if (typeof options.success === \"function\") {\n        options.success(response, xhr.statusText, xhr);\n      }\n    } else {\n      if (typeof options.error === \"function\") {\n        options.error(response, xhr.statusText, xhr);\n      }\n    }\n    return typeof options.complete === \"function\" ? options.complete(xhr, xhr.statusText) : undefined;\n  }));\n  if (options.beforeSend && !options.beforeSend(xhr, options)) {\n    return false;\n  }\n  if (xhr.readyState === XMLHttpRequest.OPENED) {\n    return xhr.send(options.data);\n  }\n};\n\nvar prepareOptions = function(options) {\n  options.url = options.url || location.href;\n  options.type = options.type.toUpperCase();\n  if (options.type === \"GET\" && options.data) {\n    if (options.url.indexOf(\"?\") < 0) {\n      options.url += \"?\" + options.data;\n    } else {\n      options.url += \"&\" + options.data;\n    }\n  }\n  if (!(options.dataType in AcceptHeaders)) {\n    options.dataType = \"*\";\n  }\n  options.accept = AcceptHeaders[options.dataType];\n  if (options.dataType !== \"*\") {\n    options.accept += \", */*; q=0.01\";\n  }\n  return options;\n};\n\nvar createXHR = function(options, done) {\n  const xhr = new XMLHttpRequest;\n  xhr.open(options.type, options.url, true);\n  xhr.setRequestHeader(\"Accept\", options.accept);\n  if (typeof options.data === \"string\") {\n    xhr.setRequestHeader(\"Content-Type\", \"application/x-www-form-urlencoded; charset=UTF-8\");\n  }\n  if (!options.crossDomain) {\n    xhr.setRequestHeader(\"X-Requested-With\", \"XMLHttpRequest\");\n    CSRFProtection(xhr);\n  }\n  xhr.withCredentials = !!options.withCredentials;\n  xhr.onreadystatechange = function() {\n    if (xhr.readyState === XMLHttpRequest.DONE) {\n      return done(xhr);\n    }\n  };\n  return xhr;\n};\n\nvar processResponse = function(response, type) {\n  if (typeof response === \"string\" && typeof type === \"string\") {\n    if (type.match(/\\bjson\\b/)) {\n      try {\n        response = JSON.parse(response);\n      } catch (error) {}\n    } else if (type.match(/\\b(?:java|ecma)script\\b/)) {\n      const script = document.createElement(\"script\");\n      script.setAttribute(\"nonce\", cspNonce());\n      script.text = response;\n      document.head.appendChild(script).parentNode.removeChild(script);\n    } else if (type.match(/\\b(xml|html|svg)\\b/)) {\n      const parser = new DOMParser;\n      type = type.replace(/;.+/, \"\");\n      try {\n        response = parser.parseFromString(response, type);\n      } catch (error1) {}\n    }\n  }\n  return response;\n};\n\nconst href = element => element.href;\n\nconst isCrossDomain = function(url) {\n  const originAnchor = document.createElement(\"a\");\n  originAnchor.href = location.href;\n  const urlAnchor = document.createElement(\"a\");\n  try {\n    urlAnchor.href = url;\n    return !((!urlAnchor.protocol || urlAnchor.protocol === \":\") && !urlAnchor.host || originAnchor.protocol + \"//\" + originAnchor.host === urlAnchor.protocol + \"//\" + urlAnchor.host);\n  } catch (e) {\n    return true;\n  }\n};\n\nlet preventDefault;\n\nlet {CustomEvent: CustomEvent} = window;\n\nif (typeof CustomEvent !== \"function\") {\n  CustomEvent = function(event, params) {\n    const evt = document.createEvent(\"CustomEvent\");\n    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\n    return evt;\n  };\n  CustomEvent.prototype = window.Event.prototype;\n  ({preventDefault: preventDefault} = CustomEvent.prototype);\n  CustomEvent.prototype.preventDefault = function() {\n    const result = preventDefault.call(this);\n    if (this.cancelable && !this.defaultPrevented) {\n      Object.defineProperty(this, \"defaultPrevented\", {\n        get() {\n          return true;\n        }\n      });\n    }\n    return result;\n  };\n}\n\nconst fire = (obj, name, data) => {\n  const event = new CustomEvent(name, {\n    bubbles: true,\n    cancelable: true,\n    detail: data\n  });\n  obj.dispatchEvent(event);\n  return !event.defaultPrevented;\n};\n\nconst stopEverything = e => {\n  fire(e.target, \"ujs:everythingStopped\");\n  e.preventDefault();\n  e.stopPropagation();\n  e.stopImmediatePropagation();\n};\n\nconst delegate = (element, selector, eventType, handler) => element.addEventListener(eventType, (function(e) {\n  let {target: target} = e;\n  while (!!(target instanceof Element) && !matches(target, selector)) {\n    target = target.parentNode;\n  }\n  if (target instanceof Element && handler.call(target, e) === false) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n}));\n\nconst toArray = e => Array.prototype.slice.call(e);\n\nconst serializeElement = (element, additionalParam) => {\n  let inputs = [ element ];\n  if (matches(element, \"form\")) {\n    inputs = toArray(element.elements);\n  }\n  const params = [];\n  inputs.forEach((function(input) {\n    if (!input.name || input.disabled) {\n      return;\n    }\n    if (matches(input, \"fieldset[disabled] *\")) {\n      return;\n    }\n    if (matches(input, \"select\")) {\n      toArray(input.options).forEach((function(option) {\n        if (option.selected) {\n          params.push({\n            name: input.name,\n            value: option.value\n          });\n        }\n      }));\n    } else if (input.checked || [ \"radio\", \"checkbox\", \"submit\" ].indexOf(input.type) === -1) {\n      params.push({\n        name: input.name,\n        value: input.value\n      });\n    }\n  }));\n  if (additionalParam) {\n    params.push(additionalParam);\n  }\n  return params.map((function(param) {\n    if (param.name) {\n      return `${encodeURIComponent(param.name)}=${encodeURIComponent(param.value)}`;\n    } else {\n      return param;\n    }\n  })).join(\"&\");\n};\n\nconst formElements = (form, selector) => {\n  if (matches(form, \"form\")) {\n    return toArray(form.elements).filter((el => matches(el, selector)));\n  } else {\n    return toArray(form.querySelectorAll(selector));\n  }\n};\n\nconst handleConfirmWithRails = rails => function(e) {\n  if (!allowAction(this, rails)) {\n    stopEverything(e);\n  }\n};\n\nconst confirm = (message, element) => window.confirm(message);\n\nvar allowAction = function(element, rails) {\n  let callback;\n  const message = element.getAttribute(\"data-confirm\");\n  if (!message) {\n    return true;\n  }\n  let answer = false;\n  if (fire(element, \"confirm\")) {\n    try {\n      answer = rails.confirm(message, element);\n    } catch (error) {}\n    callback = fire(element, \"confirm:complete\", [ answer ]);\n  }\n  return answer && callback;\n};\n\nconst handleDisabledElement = function(e) {\n  const element = this;\n  if (element.disabled) {\n    stopEverything(e);\n  }\n};\n\nconst enableElement = e => {\n  let element;\n  if (e instanceof Event) {\n    if (isXhrRedirect(e)) {\n      return;\n    }\n    element = e.target;\n  } else {\n    element = e;\n  }\n  if (isContentEditable(element)) {\n    return;\n  }\n  if (matches(element, linkDisableSelector)) {\n    return enableLinkElement(element);\n  } else if (matches(element, buttonDisableSelector) || matches(element, formEnableSelector)) {\n    return enableFormElement(element);\n  } else if (matches(element, formSubmitSelector)) {\n    return enableFormElements(element);\n  }\n};\n\nconst disableElement = e => {\n  const element = e instanceof Event ? e.target : e;\n  if (isContentEditable(element)) {\n    return;\n  }\n  if (matches(element, linkDisableSelector)) {\n    return disableLinkElement(element);\n  } else if (matches(element, buttonDisableSelector) || matches(element, formDisableSelector)) {\n    return disableFormElement(element);\n  } else if (matches(element, formSubmitSelector)) {\n    return disableFormElements(element);\n  }\n};\n\nvar disableLinkElement = function(element) {\n  if (getData(element, \"ujs:disabled\")) {\n    return;\n  }\n  const replacement = element.getAttribute(\"data-disable-with\");\n  if (replacement != null) {\n    setData(element, \"ujs:enable-with\", element.innerHTML);\n    element.innerHTML = replacement;\n  }\n  element.addEventListener(\"click\", stopEverything);\n  return setData(element, \"ujs:disabled\", true);\n};\n\nvar enableLinkElement = function(element) {\n  const originalText = getData(element, \"ujs:enable-with\");\n  if (originalText != null) {\n    element.innerHTML = originalText;\n    setData(element, \"ujs:enable-with\", null);\n  }\n  element.removeEventListener(\"click\", stopEverything);\n  return setData(element, \"ujs:disabled\", null);\n};\n\nvar disableFormElements = form => formElements(form, formDisableSelector).forEach(disableFormElement);\n\nvar disableFormElement = function(element) {\n  if (getData(element, \"ujs:disabled\")) {\n    return;\n  }\n  const replacement = element.getAttribute(\"data-disable-with\");\n  if (replacement != null) {\n    if (matches(element, \"button\")) {\n      setData(element, \"ujs:enable-with\", element.innerHTML);\n      element.innerHTML = replacement;\n    } else {\n      setData(element, \"ujs:enable-with\", element.value);\n      element.value = replacement;\n    }\n  }\n  element.disabled = true;\n  return setData(element, \"ujs:disabled\", true);\n};\n\nvar enableFormElements = form => formElements(form, formEnableSelector).forEach((element => enableFormElement(element)));\n\nvar enableFormElement = function(element) {\n  const originalText = getData(element, \"ujs:enable-with\");\n  if (originalText != null) {\n    if (matches(element, \"button\")) {\n      element.innerHTML = originalText;\n    } else {\n      element.value = originalText;\n    }\n    setData(element, \"ujs:enable-with\", null);\n  }\n  element.disabled = false;\n  return setData(element, \"ujs:disabled\", null);\n};\n\nvar isXhrRedirect = function(event) {\n  const xhr = event.detail ? event.detail[0] : undefined;\n  return xhr && xhr.getResponseHeader(\"X-Xhr-Redirect\");\n};\n\nconst handleMethodWithRails = rails => function(e) {\n  const link = this;\n  const method = link.getAttribute(\"data-method\");\n  if (!method) {\n    return;\n  }\n  if (isContentEditable(this)) {\n    return;\n  }\n  const href = rails.href(link);\n  const csrfToken$1 = csrfToken();\n  const csrfParam$1 = csrfParam();\n  const form = document.createElement(\"form\");\n  let formContent = `<input name='_method' value='${method}' type='hidden' />`;\n  if (csrfParam$1 && csrfToken$1 && !isCrossDomain(href)) {\n    formContent += `<input name='${csrfParam$1}' value='${csrfToken$1}' type='hidden' />`;\n  }\n  formContent += '<input type=\"submit\" />';\n  form.method = \"post\";\n  form.action = href;\n  form.target = link.target;\n  form.innerHTML = formContent;\n  form.style.display = \"none\";\n  document.body.appendChild(form);\n  form.querySelector('[type=\"submit\"]').click();\n  stopEverything(e);\n};\n\nconst isRemote = function(element) {\n  const value = element.getAttribute(\"data-remote\");\n  return value != null && value !== \"false\";\n};\n\nconst handleRemoteWithRails = rails => function(e) {\n  let data, method, url;\n  const element = this;\n  if (!isRemote(element)) {\n    return true;\n  }\n  if (!fire(element, \"ajax:before\")) {\n    fire(element, \"ajax:stopped\");\n    return false;\n  }\n  if (isContentEditable(element)) {\n    fire(element, \"ajax:stopped\");\n    return false;\n  }\n  const withCredentials = element.getAttribute(\"data-with-credentials\");\n  const dataType = element.getAttribute(\"data-type\") || \"script\";\n  if (matches(element, formSubmitSelector)) {\n    const button = getData(element, \"ujs:submit-button\");\n    method = getData(element, \"ujs:submit-button-formmethod\") || element.getAttribute(\"method\") || \"get\";\n    url = getData(element, \"ujs:submit-button-formaction\") || element.getAttribute(\"action\") || location.href;\n    if (method.toUpperCase() === \"GET\") {\n      url = url.replace(/\\?.*$/, \"\");\n    }\n    if (element.enctype === \"multipart/form-data\") {\n      data = new FormData(element);\n      if (button != null) {\n        data.append(button.name, button.value);\n      }\n    } else {\n      data = serializeElement(element, button);\n    }\n    setData(element, \"ujs:submit-button\", null);\n    setData(element, \"ujs:submit-button-formmethod\", null);\n    setData(element, \"ujs:submit-button-formaction\", null);\n  } else if (matches(element, buttonClickSelector) || matches(element, inputChangeSelector)) {\n    method = element.getAttribute(\"data-method\");\n    url = element.getAttribute(\"data-url\");\n    data = serializeElement(element, element.getAttribute(\"data-params\"));\n  } else {\n    method = element.getAttribute(\"data-method\");\n    url = rails.href(element);\n    data = element.getAttribute(\"data-params\");\n  }\n  ajax({\n    type: method || \"GET\",\n    url: url,\n    data: data,\n    dataType: dataType,\n    beforeSend(xhr, options) {\n      if (fire(element, \"ajax:beforeSend\", [ xhr, options ])) {\n        return fire(element, \"ajax:send\", [ xhr ]);\n      } else {\n        fire(element, \"ajax:stopped\");\n        return false;\n      }\n    },\n    success(...args) {\n      return fire(element, \"ajax:success\", args);\n    },\n    error(...args) {\n      return fire(element, \"ajax:error\", args);\n    },\n    complete(...args) {\n      return fire(element, \"ajax:complete\", args);\n    },\n    crossDomain: isCrossDomain(url),\n    withCredentials: withCredentials != null && withCredentials !== \"false\"\n  });\n  stopEverything(e);\n};\n\nconst formSubmitButtonClick = function(e) {\n  const button = this;\n  const {form: form} = button;\n  if (!form) {\n    return;\n  }\n  if (button.name) {\n    setData(form, \"ujs:submit-button\", {\n      name: button.name,\n      value: button.value\n    });\n  }\n  setData(form, \"ujs:formnovalidate-button\", button.formNoValidate);\n  setData(form, \"ujs:submit-button-formaction\", button.getAttribute(\"formaction\"));\n  return setData(form, \"ujs:submit-button-formmethod\", button.getAttribute(\"formmethod\"));\n};\n\nconst preventInsignificantClick = function(e) {\n  const link = this;\n  const method = (link.getAttribute(\"data-method\") || \"GET\").toUpperCase();\n  const data = link.getAttribute(\"data-params\");\n  const metaClick = e.metaKey || e.ctrlKey;\n  const insignificantMetaClick = metaClick && method === \"GET\" && !data;\n  const nonPrimaryMouseClick = e.button != null && e.button !== 0;\n  if (nonPrimaryMouseClick || insignificantMetaClick) {\n    e.stopImmediatePropagation();\n  }\n};\n\nconst Rails = {\n  $: $,\n  ajax: ajax,\n  buttonClickSelector: buttonClickSelector,\n  buttonDisableSelector: buttonDisableSelector,\n  confirm: confirm,\n  cspNonce: cspNonce,\n  csrfToken: csrfToken,\n  csrfParam: csrfParam,\n  CSRFProtection: CSRFProtection,\n  delegate: delegate,\n  disableElement: disableElement,\n  enableElement: enableElement,\n  fileInputSelector: fileInputSelector,\n  fire: fire,\n  formElements: formElements,\n  formEnableSelector: formEnableSelector,\n  formDisableSelector: formDisableSelector,\n  formInputClickSelector: formInputClickSelector,\n  formSubmitButtonClick: formSubmitButtonClick,\n  formSubmitSelector: formSubmitSelector,\n  getData: getData,\n  handleDisabledElement: handleDisabledElement,\n  href: href,\n  inputChangeSelector: inputChangeSelector,\n  isCrossDomain: isCrossDomain,\n  linkClickSelector: linkClickSelector,\n  linkDisableSelector: linkDisableSelector,\n  loadCSPNonce: loadCSPNonce,\n  matches: matches,\n  preventInsignificantClick: preventInsignificantClick,\n  refreshCSRFTokens: refreshCSRFTokens,\n  serializeElement: serializeElement,\n  setData: setData,\n  stopEverything: stopEverything\n};\n\nconst handleConfirm = handleConfirmWithRails(Rails);\n\nRails.handleConfirm = handleConfirm;\n\nconst handleMethod = handleMethodWithRails(Rails);\n\nRails.handleMethod = handleMethod;\n\nconst handleRemote = handleRemoteWithRails(Rails);\n\nRails.handleRemote = handleRemote;\n\nconst start = function() {\n  if (window._rails_loaded) {\n    throw new Error(\"rails-ujs has already been loaded!\");\n  }\n  window.addEventListener(\"pageshow\", (function() {\n    $(formEnableSelector).forEach((function(el) {\n      if (getData(el, \"ujs:disabled\")) {\n        enableElement(el);\n      }\n    }));\n    $(linkDisableSelector).forEach((function(el) {\n      if (getData(el, \"ujs:disabled\")) {\n        enableElement(el);\n      }\n    }));\n  }));\n  delegate(document, linkDisableSelector, \"ajax:complete\", enableElement);\n  delegate(document, linkDisableSelector, \"ajax:stopped\", enableElement);\n  delegate(document, buttonDisableSelector, \"ajax:complete\", enableElement);\n  delegate(document, buttonDisableSelector, \"ajax:stopped\", enableElement);\n  delegate(document, linkClickSelector, \"click\", preventInsignificantClick);\n  delegate(document, linkClickSelector, \"click\", handleDisabledElement);\n  delegate(document, linkClickSelector, \"click\", handleConfirm);\n  delegate(document, linkClickSelector, \"click\", disableElement);\n  delegate(document, linkClickSelector, \"click\", handleRemote);\n  delegate(document, linkClickSelector, \"click\", handleMethod);\n  delegate(document, buttonClickSelector, \"click\", preventInsignificantClick);\n  delegate(document, buttonClickSelector, \"click\", handleDisabledElement);\n  delegate(document, buttonClickSelector, \"click\", handleConfirm);\n  delegate(document, buttonClickSelector, \"click\", disableElement);\n  delegate(document, buttonClickSelector, \"click\", handleRemote);\n  delegate(document, inputChangeSelector, \"change\", handleDisabledElement);\n  delegate(document, inputChangeSelector, \"change\", handleConfirm);\n  delegate(document, inputChangeSelector, \"change\", handleRemote);\n  delegate(document, formSubmitSelector, \"submit\", handleDisabledElement);\n  delegate(document, formSubmitSelector, \"submit\", handleConfirm);\n  delegate(document, formSubmitSelector, \"submit\", handleRemote);\n  delegate(document, formSubmitSelector, \"submit\", (e => setTimeout((() => disableElement(e)), 13)));\n  delegate(document, formSubmitSelector, \"ajax:send\", disableElement);\n  delegate(document, formSubmitSelector, \"ajax:complete\", enableElement);\n  delegate(document, formInputClickSelector, \"click\", preventInsignificantClick);\n  delegate(document, formInputClickSelector, \"click\", handleDisabledElement);\n  delegate(document, formInputClickSelector, \"click\", handleConfirm);\n  delegate(document, formInputClickSelector, \"click\", formSubmitButtonClick);\n  document.addEventListener(\"DOMContentLoaded\", refreshCSRFTokens);\n  document.addEventListener(\"DOMContentLoaded\", loadCSPNonce);\n  return window._rails_loaded = true;\n};\n\nRails.start = start;\n\nif (typeof jQuery !== \"undefined\" && jQuery && jQuery.ajax) {\n  if (jQuery.rails) {\n    throw new Error(\"If you load both jquery_ujs and rails-ujs, use rails-ujs only.\");\n  }\n  jQuery.rails = Rails;\n  jQuery.ajaxPrefilter((function(options, originalOptions, xhr) {\n    if (!options.crossDomain) {\n      return CSRFProtection(xhr);\n    }\n  }));\n}\n\nexport { Rails as default };\n", "// Shim to make CDN-loaded jQuery available to CommonJS modules\nmodule.exports = window.jQuery;\n", "/*\n     _ _      _       _\n ___| (_) ___| | __  (_)___\n/ __| | |/ __| |/ /  | / __|\n\\__ \\ | | (__|   < _ | \\__ \\\n|___/_|_|\\___|_|\\_(_)/ |___/\n                   |__/\n\n Version: 1.8.1\n  Author: Ken Wheeler\n Website: http://kenwheeler.github.io\n    Docs: http://kenwheeler.github.io/slick\n    Repo: http://github.com/kenwheeler/slick\n  Issues: http://github.com/kenwheeler/slick/issues\n\n */\n/* global window, document, define, jQuery, setInterval, clearInterval */\n;(function(factory) {\n    'use strict';\n    if (typeof define === 'function' && define.amd) {\n        define(['jquery'], factory);\n    } else if (typeof exports !== 'undefined') {\n        module.exports = factory(require('jquery'));\n    } else {\n        factory(jQuery);\n    }\n\n}(function($) {\n    'use strict';\n    var Slick = window.Slick || {};\n\n    Slick = (function() {\n\n        var instanceUid = 0;\n\n        function Slick(element, settings) {\n\n            var _ = this, dataSettings;\n\n            _.defaults = {\n                accessibility: true,\n                adaptiveHeight: false,\n                appendArrows: $(element),\n                appendDots: $(element),\n                arrows: true,\n                asNavFor: null,\n                prevArrow: '<button class=\"slick-prev\" aria-label=\"Previous\" type=\"button\">Previous</button>',\n                nextArrow: '<button class=\"slick-next\" aria-label=\"Next\" type=\"button\">Next</button>',\n                autoplay: false,\n                autoplaySpeed: 3000,\n                centerMode: false,\n                centerPadding: '50px',\n                cssEase: 'ease',\n                customPaging: function(slider, i) {\n                    return $('<button type=\"button\" />').text(i + 1);\n                },\n                dots: false,\n                dotsClass: 'slick-dots',\n                draggable: true,\n                easing: 'linear',\n                edgeFriction: 0.35,\n                fade: false,\n                focusOnSelect: false,\n                focusOnChange: false,\n                infinite: true,\n                initialSlide: 0,\n                lazyLoad: 'ondemand',\n                mobileFirst: false,\n                pauseOnHover: true,\n                pauseOnFocus: true,\n                pauseOnDotsHover: false,\n                respondTo: 'window',\n                responsive: null,\n                rows: 1,\n                rtl: false,\n                slide: '',\n                slidesPerRow: 1,\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                speed: 500,\n                swipe: true,\n                swipeToSlide: false,\n                touchMove: true,\n                touchThreshold: 5,\n                useCSS: true,\n                useTransform: true,\n                variableWidth: false,\n                vertical: false,\n                verticalSwiping: false,\n                waitForAnimate: true,\n                zIndex: 1000\n            };\n\n            _.initials = {\n                animating: false,\n                dragging: false,\n                autoPlayTimer: null,\n                currentDirection: 0,\n                currentLeft: null,\n                currentSlide: 0,\n                direction: 1,\n                $dots: null,\n                listWidth: null,\n                listHeight: null,\n                loadIndex: 0,\n                $nextArrow: null,\n                $prevArrow: null,\n                scrolling: false,\n                slideCount: null,\n                slideWidth: null,\n                $slideTrack: null,\n                $slides: null,\n                sliding: false,\n                slideOffset: 0,\n                swipeLeft: null,\n                swiping: false,\n                $list: null,\n                touchObject: {},\n                transformsEnabled: false,\n                unslicked: false\n            };\n\n            $.extend(_, _.initials);\n\n            _.activeBreakpoint = null;\n            _.animType = null;\n            _.animProp = null;\n            _.breakpoints = [];\n            _.breakpointSettings = [];\n            _.cssTransitions = false;\n            _.focussed = false;\n            _.interrupted = false;\n            _.hidden = 'hidden';\n            _.paused = true;\n            _.positionProp = null;\n            _.respondTo = null;\n            _.rowCount = 1;\n            _.shouldClick = true;\n            _.$slider = $(element);\n            _.$slidesCache = null;\n            _.transformType = null;\n            _.transitionType = null;\n            _.visibilityChange = 'visibilitychange';\n            _.windowWidth = 0;\n            _.windowTimer = null;\n\n            dataSettings = $(element).data('slick') || {};\n\n            _.options = $.extend({}, _.defaults, settings, dataSettings);\n\n            _.currentSlide = _.options.initialSlide;\n\n            _.originalSettings = _.options;\n\n            if (typeof document.mozHidden !== 'undefined') {\n                _.hidden = 'mozHidden';\n                _.visibilityChange = 'mozvisibilitychange';\n            } else if (typeof document.webkitHidden !== 'undefined') {\n                _.hidden = 'webkitHidden';\n                _.visibilityChange = 'webkitvisibilitychange';\n            }\n\n            _.autoPlay = $.proxy(_.autoPlay, _);\n            _.autoPlayClear = $.proxy(_.autoPlayClear, _);\n            _.autoPlayIterator = $.proxy(_.autoPlayIterator, _);\n            _.changeSlide = $.proxy(_.changeSlide, _);\n            _.clickHandler = $.proxy(_.clickHandler, _);\n            _.selectHandler = $.proxy(_.selectHandler, _);\n            _.setPosition = $.proxy(_.setPosition, _);\n            _.swipeHandler = $.proxy(_.swipeHandler, _);\n            _.dragHandler = $.proxy(_.dragHandler, _);\n            _.keyHandler = $.proxy(_.keyHandler, _);\n\n            _.instanceUid = instanceUid++;\n\n            // A simple way to check for HTML strings\n            // Strict HTML recognition (must start with <)\n            // Extracted from jQuery v1.11 source\n            _.htmlExpr = /^(?:\\s*(<[\\w\\W]+>)[^>]*)$/;\n\n\n            _.registerBreakpoints();\n            _.init(true);\n\n        }\n\n        return Slick;\n\n    }());\n\n    Slick.prototype.activateADA = function() {\n        var _ = this;\n\n        _.$slideTrack.find('.slick-active').attr({\n            'aria-hidden': 'false'\n        }).find('a, input, button, select').attr({\n            'tabindex': '0'\n        });\n\n    };\n\n    Slick.prototype.addSlide = Slick.prototype.slickAdd = function(markup, index, addBefore) {\n\n        var _ = this;\n\n        if (typeof(index) === 'boolean') {\n            addBefore = index;\n            index = null;\n        } else if (index < 0 || (index >= _.slideCount)) {\n            return false;\n        }\n\n        _.unload();\n\n        if (typeof(index) === 'number') {\n            if (index === 0 && _.$slides.length === 0) {\n                $(markup).appendTo(_.$slideTrack);\n            } else if (addBefore) {\n                $(markup).insertBefore(_.$slides.eq(index));\n            } else {\n                $(markup).insertAfter(_.$slides.eq(index));\n            }\n        } else {\n            if (addBefore === true) {\n                $(markup).prependTo(_.$slideTrack);\n            } else {\n                $(markup).appendTo(_.$slideTrack);\n            }\n        }\n\n        _.$slides = _.$slideTrack.children(this.options.slide);\n\n        _.$slideTrack.children(this.options.slide).detach();\n\n        _.$slideTrack.append(_.$slides);\n\n        _.$slides.each(function(index, element) {\n            $(element).attr('data-slick-index', index);\n        });\n\n        _.$slidesCache = _.$slides;\n\n        _.reinit();\n\n    };\n\n    Slick.prototype.animateHeight = function() {\n        var _ = this;\n        if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n            var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n            _.$list.animate({\n                height: targetHeight\n            }, _.options.speed);\n        }\n    };\n\n    Slick.prototype.animateSlide = function(targetLeft, callback) {\n\n        var animProps = {},\n            _ = this;\n\n        _.animateHeight();\n\n        if (_.options.rtl === true && _.options.vertical === false) {\n            targetLeft = -targetLeft;\n        }\n        if (_.transformsEnabled === false) {\n            if (_.options.vertical === false) {\n                _.$slideTrack.animate({\n                    left: targetLeft\n                }, _.options.speed, _.options.easing, callback);\n            } else {\n                _.$slideTrack.animate({\n                    top: targetLeft\n                }, _.options.speed, _.options.easing, callback);\n            }\n\n        } else {\n\n            if (_.cssTransitions === false) {\n                if (_.options.rtl === true) {\n                    _.currentLeft = -(_.currentLeft);\n                }\n                $({\n                    animStart: _.currentLeft\n                }).animate({\n                    animStart: targetLeft\n                }, {\n                    duration: _.options.speed,\n                    easing: _.options.easing,\n                    step: function(now) {\n                        now = Math.ceil(now);\n                        if (_.options.vertical === false) {\n                            animProps[_.animType] = 'translate(' +\n                                now + 'px, 0px)';\n                            _.$slideTrack.css(animProps);\n                        } else {\n                            animProps[_.animType] = 'translate(0px,' +\n                                now + 'px)';\n                            _.$slideTrack.css(animProps);\n                        }\n                    },\n                    complete: function() {\n                        if (callback) {\n                            callback.call();\n                        }\n                    }\n                });\n\n            } else {\n\n                _.applyTransition();\n                targetLeft = Math.ceil(targetLeft);\n\n                if (_.options.vertical === false) {\n                    animProps[_.animType] = 'translate3d(' + targetLeft + 'px, 0px, 0px)';\n                } else {\n                    animProps[_.animType] = 'translate3d(0px,' + targetLeft + 'px, 0px)';\n                }\n                _.$slideTrack.css(animProps);\n\n                if (callback) {\n                    setTimeout(function() {\n\n                        _.disableTransition();\n\n                        callback.call();\n                    }, _.options.speed);\n                }\n\n            }\n\n        }\n\n    };\n\n    Slick.prototype.getNavTarget = function() {\n\n        var _ = this,\n            asNavFor = _.options.asNavFor;\n\n        if ( asNavFor && asNavFor !== null ) {\n            asNavFor = $(asNavFor).not(_.$slider);\n        }\n\n        return asNavFor;\n\n    };\n\n    Slick.prototype.asNavFor = function(index) {\n\n        var _ = this,\n            asNavFor = _.getNavTarget();\n\n        if ( asNavFor !== null && typeof asNavFor === 'object' ) {\n            asNavFor.each(function() {\n                var target = $(this).slick('getSlick');\n                if(!target.unslicked) {\n                    target.slideHandler(index, true);\n                }\n            });\n        }\n\n    };\n\n    Slick.prototype.applyTransition = function(slide) {\n\n        var _ = this,\n            transition = {};\n\n        if (_.options.fade === false) {\n            transition[_.transitionType] = _.transformType + ' ' + _.options.speed + 'ms ' + _.options.cssEase;\n        } else {\n            transition[_.transitionType] = 'opacity ' + _.options.speed + 'ms ' + _.options.cssEase;\n        }\n\n        if (_.options.fade === false) {\n            _.$slideTrack.css(transition);\n        } else {\n            _.$slides.eq(slide).css(transition);\n        }\n\n    };\n\n    Slick.prototype.autoPlay = function() {\n\n        var _ = this;\n\n        _.autoPlayClear();\n\n        if ( _.slideCount > _.options.slidesToShow ) {\n            _.autoPlayTimer = setInterval( _.autoPlayIterator, _.options.autoplaySpeed );\n        }\n\n    };\n\n    Slick.prototype.autoPlayClear = function() {\n\n        var _ = this;\n\n        if (_.autoPlayTimer) {\n            clearInterval(_.autoPlayTimer);\n        }\n\n    };\n\n    Slick.prototype.autoPlayIterator = function() {\n\n        var _ = this,\n            slideTo = _.currentSlide + _.options.slidesToScroll;\n\n        if ( !_.paused && !_.interrupted && !_.focussed ) {\n\n            if ( _.options.infinite === false ) {\n\n                if ( _.direction === 1 && ( _.currentSlide + 1 ) === ( _.slideCount - 1 )) {\n                    _.direction = 0;\n                }\n\n                else if ( _.direction === 0 ) {\n\n                    slideTo = _.currentSlide - _.options.slidesToScroll;\n\n                    if ( _.currentSlide - 1 === 0 ) {\n                        _.direction = 1;\n                    }\n\n                }\n\n            }\n\n            _.slideHandler( slideTo );\n\n        }\n\n    };\n\n    Slick.prototype.buildArrows = function() {\n\n        var _ = this;\n\n        if (_.options.arrows === true ) {\n\n            _.$prevArrow = $(_.options.prevArrow).addClass('slick-arrow');\n            _.$nextArrow = $(_.options.nextArrow).addClass('slick-arrow');\n\n            if( _.slideCount > _.options.slidesToShow ) {\n\n                _.$prevArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');\n                _.$nextArrow.removeClass('slick-hidden').removeAttr('aria-hidden tabindex');\n\n                if (_.htmlExpr.test(_.options.prevArrow)) {\n                    _.$prevArrow.prependTo(_.options.appendArrows);\n                }\n\n                if (_.htmlExpr.test(_.options.nextArrow)) {\n                    _.$nextArrow.appendTo(_.options.appendArrows);\n                }\n\n                if (_.options.infinite !== true) {\n                    _.$prevArrow\n                        .addClass('slick-disabled')\n                        .attr('aria-disabled', 'true');\n                }\n\n            } else {\n\n                _.$prevArrow.add( _.$nextArrow )\n\n                    .addClass('slick-hidden')\n                    .attr({\n                        'aria-disabled': 'true',\n                        'tabindex': '-1'\n                    });\n\n            }\n\n        }\n\n    };\n\n    Slick.prototype.buildDots = function() {\n\n        var _ = this,\n            i, dot;\n\n        if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n            _.$slider.addClass('slick-dotted');\n\n            dot = $('<ul />').addClass(_.options.dotsClass);\n\n            for (i = 0; i <= _.getDotCount(); i += 1) {\n                dot.append($('<li />').append(_.options.customPaging.call(this, _, i)));\n            }\n\n            _.$dots = dot.appendTo(_.options.appendDots);\n\n            _.$dots.find('li').first().addClass('slick-active');\n\n        }\n\n    };\n\n    Slick.prototype.buildOut = function() {\n\n        var _ = this;\n\n        _.$slides =\n            _.$slider\n                .children( _.options.slide + ':not(.slick-cloned)')\n                .addClass('slick-slide');\n\n        _.slideCount = _.$slides.length;\n\n        _.$slides.each(function(index, element) {\n            $(element)\n                .attr('data-slick-index', index)\n                .data('originalStyling', $(element).attr('style') || '');\n        });\n\n        _.$slider.addClass('slick-slider');\n\n        _.$slideTrack = (_.slideCount === 0) ?\n            $('<div class=\"slick-track\"/>').appendTo(_.$slider) :\n            _.$slides.wrapAll('<div class=\"slick-track\"/>').parent();\n\n        _.$list = _.$slideTrack.wrap(\n            '<div class=\"slick-list\"/>').parent();\n        _.$slideTrack.css('opacity', 0);\n\n        if (_.options.centerMode === true || _.options.swipeToSlide === true) {\n            _.options.slidesToScroll = 1;\n        }\n\n        $('img[data-lazy]', _.$slider).not('[src]').addClass('slick-loading');\n\n        _.setupInfinite();\n\n        _.buildArrows();\n\n        _.buildDots();\n\n        _.updateDots();\n\n\n        _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n        if (_.options.draggable === true) {\n            _.$list.addClass('draggable');\n        }\n\n    };\n\n    Slick.prototype.buildRows = function() {\n\n        var _ = this, a, b, c, newSlides, numOfSlides, originalSlides,slidesPerSection;\n\n        newSlides = document.createDocumentFragment();\n        originalSlides = _.$slider.children();\n\n        if(_.options.rows > 0) {\n\n            slidesPerSection = _.options.slidesPerRow * _.options.rows;\n            numOfSlides = Math.ceil(\n                originalSlides.length / slidesPerSection\n            );\n\n            for(a = 0; a < numOfSlides; a++){\n                var slide = document.createElement('div');\n                for(b = 0; b < _.options.rows; b++) {\n                    var row = document.createElement('div');\n                    for(c = 0; c < _.options.slidesPerRow; c++) {\n                        var target = (a * slidesPerSection + ((b * _.options.slidesPerRow) + c));\n                        if (originalSlides.get(target)) {\n                            row.appendChild(originalSlides.get(target));\n                        }\n                    }\n                    slide.appendChild(row);\n                }\n                newSlides.appendChild(slide);\n            }\n\n            _.$slider.empty().append(newSlides);\n            _.$slider.children().children().children()\n                .css({\n                    'width':(100 / _.options.slidesPerRow) + '%',\n                    'display': 'inline-block'\n                });\n\n        }\n\n    };\n\n    Slick.prototype.checkResponsive = function(initial, forceUpdate) {\n\n        var _ = this,\n            breakpoint, targetBreakpoint, respondToWidth, triggerBreakpoint = false;\n        var sliderWidth = _.$slider.width();\n        var windowWidth = window.innerWidth || $(window).width();\n\n        if (_.respondTo === 'window') {\n            respondToWidth = windowWidth;\n        } else if (_.respondTo === 'slider') {\n            respondToWidth = sliderWidth;\n        } else if (_.respondTo === 'min') {\n            respondToWidth = Math.min(windowWidth, sliderWidth);\n        }\n\n        if ( _.options.responsive &&\n            _.options.responsive.length &&\n            _.options.responsive !== null) {\n\n            targetBreakpoint = null;\n\n            for (breakpoint in _.breakpoints) {\n                if (_.breakpoints.hasOwnProperty(breakpoint)) {\n                    if (_.originalSettings.mobileFirst === false) {\n                        if (respondToWidth < _.breakpoints[breakpoint]) {\n                            targetBreakpoint = _.breakpoints[breakpoint];\n                        }\n                    } else {\n                        if (respondToWidth > _.breakpoints[breakpoint]) {\n                            targetBreakpoint = _.breakpoints[breakpoint];\n                        }\n                    }\n                }\n            }\n\n            if (targetBreakpoint !== null) {\n                if (_.activeBreakpoint !== null) {\n                    if (targetBreakpoint !== _.activeBreakpoint || forceUpdate) {\n                        _.activeBreakpoint =\n                            targetBreakpoint;\n                        if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n                            _.unslick(targetBreakpoint);\n                        } else {\n                            _.options = $.extend({}, _.originalSettings,\n                                _.breakpointSettings[\n                                    targetBreakpoint]);\n                            if (initial === true) {\n                                _.currentSlide = _.options.initialSlide;\n                            }\n                            _.refresh(initial);\n                        }\n                        triggerBreakpoint = targetBreakpoint;\n                    }\n                } else {\n                    _.activeBreakpoint = targetBreakpoint;\n                    if (_.breakpointSettings[targetBreakpoint] === 'unslick') {\n                        _.unslick(targetBreakpoint);\n                    } else {\n                        _.options = $.extend({}, _.originalSettings,\n                            _.breakpointSettings[\n                                targetBreakpoint]);\n                        if (initial === true) {\n                            _.currentSlide = _.options.initialSlide;\n                        }\n                        _.refresh(initial);\n                    }\n                    triggerBreakpoint = targetBreakpoint;\n                }\n            } else {\n                if (_.activeBreakpoint !== null) {\n                    _.activeBreakpoint = null;\n                    _.options = _.originalSettings;\n                    if (initial === true) {\n                        _.currentSlide = _.options.initialSlide;\n                    }\n                    _.refresh(initial);\n                    triggerBreakpoint = targetBreakpoint;\n                }\n            }\n\n            // only trigger breakpoints during an actual break. not on initialize.\n            if( !initial && triggerBreakpoint !== false ) {\n                _.$slider.trigger('breakpoint', [_, triggerBreakpoint]);\n            }\n        }\n\n    };\n\n    Slick.prototype.changeSlide = function(event, dontAnimate) {\n\n        var _ = this,\n            $target = $(event.currentTarget),\n            indexOffset, slideOffset, unevenOffset;\n\n        // If target is a link, prevent default action.\n        if($target.is('a')) {\n            event.preventDefault();\n        }\n\n        // If target is not the <li> element (ie: a child), find the <li>.\n        if(!$target.is('li')) {\n            $target = $target.closest('li');\n        }\n\n        unevenOffset = (_.slideCount % _.options.slidesToScroll !== 0);\n        indexOffset = unevenOffset ? 0 : (_.slideCount - _.currentSlide) % _.options.slidesToScroll;\n\n        switch (event.data.message) {\n\n            case 'previous':\n                slideOffset = indexOffset === 0 ? _.options.slidesToScroll : _.options.slidesToShow - indexOffset;\n                if (_.slideCount > _.options.slidesToShow) {\n                    _.slideHandler(_.currentSlide - slideOffset, false, dontAnimate);\n                }\n                break;\n\n            case 'next':\n                slideOffset = indexOffset === 0 ? _.options.slidesToScroll : indexOffset;\n                if (_.slideCount > _.options.slidesToShow) {\n                    _.slideHandler(_.currentSlide + slideOffset, false, dontAnimate);\n                }\n                break;\n\n            case 'index':\n                var index = event.data.index === 0 ? 0 :\n                    event.data.index || $target.index() * _.options.slidesToScroll;\n\n                _.slideHandler(_.checkNavigable(index), false, dontAnimate);\n                $target.children().trigger('focus');\n                break;\n\n            default:\n                return;\n        }\n\n    };\n\n    Slick.prototype.checkNavigable = function(index) {\n\n        var _ = this,\n            navigables, prevNavigable;\n\n        navigables = _.getNavigableIndexes();\n        prevNavigable = 0;\n        if (index > navigables[navigables.length - 1]) {\n            index = navigables[navigables.length - 1];\n        } else {\n            for (var n in navigables) {\n                if (index < navigables[n]) {\n                    index = prevNavigable;\n                    break;\n                }\n                prevNavigable = navigables[n];\n            }\n        }\n\n        return index;\n    };\n\n    Slick.prototype.cleanUpEvents = function() {\n\n        var _ = this;\n\n        if (_.options.dots && _.$dots !== null) {\n\n            $('li', _.$dots)\n                .off('click.slick', _.changeSlide)\n                .off('mouseenter.slick', $.proxy(_.interrupt, _, true))\n                .off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n            if (_.options.accessibility === true) {\n                _.$dots.off('keydown.slick', _.keyHandler);\n            }\n        }\n\n        _.$slider.off('focus.slick blur.slick');\n\n        if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n            _.$prevArrow && _.$prevArrow.off('click.slick', _.changeSlide);\n            _.$nextArrow && _.$nextArrow.off('click.slick', _.changeSlide);\n\n            if (_.options.accessibility === true) {\n                _.$prevArrow && _.$prevArrow.off('keydown.slick', _.keyHandler);\n                _.$nextArrow && _.$nextArrow.off('keydown.slick', _.keyHandler);\n            }\n        }\n\n        _.$list.off('touchstart.slick mousedown.slick', _.swipeHandler);\n        _.$list.off('touchmove.slick mousemove.slick', _.swipeHandler);\n        _.$list.off('touchend.slick mouseup.slick', _.swipeHandler);\n        _.$list.off('touchcancel.slick mouseleave.slick', _.swipeHandler);\n\n        _.$list.off('click.slick', _.clickHandler);\n\n        $(document).off(_.visibilityChange, _.visibility);\n\n        _.cleanUpSlideEvents();\n\n        if (_.options.accessibility === true) {\n            _.$list.off('keydown.slick', _.keyHandler);\n        }\n\n        if (_.options.focusOnSelect === true) {\n            $(_.$slideTrack).children().off('click.slick', _.selectHandler);\n        }\n\n        $(window).off('orientationchange.slick.slick-' + _.instanceUid, _.orientationChange);\n\n        $(window).off('resize.slick.slick-' + _.instanceUid, _.resize);\n\n        $('[draggable!=true]', _.$slideTrack).off('dragstart', _.preventDefault);\n\n        $(window).off('load.slick.slick-' + _.instanceUid, _.setPosition);\n\n    };\n\n    Slick.prototype.cleanUpSlideEvents = function() {\n\n        var _ = this;\n\n        _.$list.off('mouseenter.slick', $.proxy(_.interrupt, _, true));\n        _.$list.off('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n    };\n\n    Slick.prototype.cleanUpRows = function() {\n\n        var _ = this, originalSlides;\n\n        if(_.options.rows > 0) {\n            originalSlides = _.$slides.children().children();\n            originalSlides.removeAttr('style');\n            _.$slider.empty().append(originalSlides);\n        }\n\n    };\n\n    Slick.prototype.clickHandler = function(event) {\n\n        var _ = this;\n\n        if (_.shouldClick === false) {\n            event.stopImmediatePropagation();\n            event.stopPropagation();\n            event.preventDefault();\n        }\n\n    };\n\n    Slick.prototype.destroy = function(refresh) {\n\n        var _ = this;\n\n        _.autoPlayClear();\n\n        _.touchObject = {};\n\n        _.cleanUpEvents();\n\n        $('.slick-cloned', _.$slider).detach();\n\n        if (_.$dots) {\n            _.$dots.remove();\n        }\n\n        if ( _.$prevArrow && _.$prevArrow.length ) {\n\n            _.$prevArrow\n                .removeClass('slick-disabled slick-arrow slick-hidden')\n                .removeAttr('aria-hidden aria-disabled tabindex')\n                .css('display','');\n\n            if ( _.htmlExpr.test( _.options.prevArrow )) {\n                _.$prevArrow.remove();\n            }\n        }\n\n        if ( _.$nextArrow && _.$nextArrow.length ) {\n\n            _.$nextArrow\n                .removeClass('slick-disabled slick-arrow slick-hidden')\n                .removeAttr('aria-hidden aria-disabled tabindex')\n                .css('display','');\n\n            if ( _.htmlExpr.test( _.options.nextArrow )) {\n                _.$nextArrow.remove();\n            }\n        }\n\n\n        if (_.$slides) {\n\n            _.$slides\n                .removeClass('slick-slide slick-active slick-center slick-visible slick-current')\n                .removeAttr('aria-hidden')\n                .removeAttr('data-slick-index')\n                .each(function(){\n                    $(this).attr('style', $(this).data('originalStyling'));\n                });\n\n            _.$slideTrack.children(this.options.slide).detach();\n\n            _.$slideTrack.detach();\n\n            _.$list.detach();\n\n            _.$slider.append(_.$slides);\n        }\n\n        _.cleanUpRows();\n\n        _.$slider.removeClass('slick-slider');\n        _.$slider.removeClass('slick-initialized');\n        _.$slider.removeClass('slick-dotted');\n\n        _.unslicked = true;\n\n        if(!refresh) {\n            _.$slider.trigger('destroy', [_]);\n        }\n\n    };\n\n    Slick.prototype.disableTransition = function(slide) {\n\n        var _ = this,\n            transition = {};\n\n        transition[_.transitionType] = '';\n\n        if (_.options.fade === false) {\n            _.$slideTrack.css(transition);\n        } else {\n            _.$slides.eq(slide).css(transition);\n        }\n\n    };\n\n    Slick.prototype.fadeSlide = function(slideIndex, callback) {\n\n        var _ = this;\n\n        if (_.cssTransitions === false) {\n\n            _.$slides.eq(slideIndex).css({\n                zIndex: _.options.zIndex\n            });\n\n            _.$slides.eq(slideIndex).animate({\n                opacity: 1\n            }, _.options.speed, _.options.easing, callback);\n\n        } else {\n\n            _.applyTransition(slideIndex);\n\n            _.$slides.eq(slideIndex).css({\n                opacity: 1,\n                zIndex: _.options.zIndex\n            });\n\n            if (callback) {\n                setTimeout(function() {\n\n                    _.disableTransition(slideIndex);\n\n                    callback.call();\n                }, _.options.speed);\n            }\n\n        }\n\n    };\n\n    Slick.prototype.fadeSlideOut = function(slideIndex) {\n\n        var _ = this;\n\n        if (_.cssTransitions === false) {\n\n            _.$slides.eq(slideIndex).animate({\n                opacity: 0,\n                zIndex: _.options.zIndex - 2\n            }, _.options.speed, _.options.easing);\n\n        } else {\n\n            _.applyTransition(slideIndex);\n\n            _.$slides.eq(slideIndex).css({\n                opacity: 0,\n                zIndex: _.options.zIndex - 2\n            });\n\n        }\n\n    };\n\n    Slick.prototype.filterSlides = Slick.prototype.slickFilter = function(filter) {\n\n        var _ = this;\n\n        if (filter !== null) {\n\n            _.$slidesCache = _.$slides;\n\n            _.unload();\n\n            _.$slideTrack.children(this.options.slide).detach();\n\n            _.$slidesCache.filter(filter).appendTo(_.$slideTrack);\n\n            _.reinit();\n\n        }\n\n    };\n\n    Slick.prototype.focusHandler = function() {\n\n        var _ = this;\n\n        _.$slider\n            .off('focus.slick blur.slick')\n            .on('focus.slick blur.slick', '*', function(event) {\n\n            event.stopImmediatePropagation();\n            var $sf = $(this);\n\n            setTimeout(function() {\n\n                if( _.options.pauseOnFocus ) {\n                    _.focussed = $sf.is(':focus');\n                    _.autoPlay();\n                }\n\n            }, 0);\n\n        });\n    };\n\n    Slick.prototype.getCurrent = Slick.prototype.slickCurrentSlide = function() {\n\n        var _ = this;\n        return _.currentSlide;\n\n    };\n\n    Slick.prototype.getDotCount = function() {\n\n        var _ = this;\n\n        var breakPoint = 0;\n        var counter = 0;\n        var pagerQty = 0;\n\n        if (_.options.infinite === true) {\n            if (_.slideCount <= _.options.slidesToShow) {\n                 ++pagerQty;\n            } else {\n                while (breakPoint < _.slideCount) {\n                    ++pagerQty;\n                    breakPoint = counter + _.options.slidesToScroll;\n                    counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n                }\n            }\n        } else if (_.options.centerMode === true) {\n            pagerQty = _.slideCount;\n        } else if(!_.options.asNavFor) {\n            pagerQty = 1 + Math.ceil((_.slideCount - _.options.slidesToShow) / _.options.slidesToScroll);\n        }else {\n            while (breakPoint < _.slideCount) {\n                ++pagerQty;\n                breakPoint = counter + _.options.slidesToScroll;\n                counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n            }\n        }\n\n        return pagerQty - 1;\n\n    };\n\n    Slick.prototype.getLeft = function(slideIndex) {\n\n        var _ = this,\n            targetLeft,\n            verticalHeight,\n            verticalOffset = 0,\n            targetSlide,\n            coef;\n\n        _.slideOffset = 0;\n        verticalHeight = _.$slides.first().outerHeight(true);\n\n        if (_.options.infinite === true) {\n            if (_.slideCount > _.options.slidesToShow) {\n                _.slideOffset = (_.slideWidth * _.options.slidesToShow) * -1;\n                coef = -1\n\n                if (_.options.vertical === true && _.options.centerMode === true) {\n                    if (_.options.slidesToShow === 2) {\n                        coef = -1.5;\n                    } else if (_.options.slidesToShow === 1) {\n                        coef = -2\n                    }\n                }\n                verticalOffset = (verticalHeight * _.options.slidesToShow) * coef;\n            }\n            if (_.slideCount % _.options.slidesToScroll !== 0) {\n                if (slideIndex + _.options.slidesToScroll > _.slideCount && _.slideCount > _.options.slidesToShow) {\n                    if (slideIndex > _.slideCount) {\n                        _.slideOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * _.slideWidth) * -1;\n                        verticalOffset = ((_.options.slidesToShow - (slideIndex - _.slideCount)) * verticalHeight) * -1;\n                    } else {\n                        _.slideOffset = ((_.slideCount % _.options.slidesToScroll) * _.slideWidth) * -1;\n                        verticalOffset = ((_.slideCount % _.options.slidesToScroll) * verticalHeight) * -1;\n                    }\n                }\n            }\n        } else {\n            if (slideIndex + _.options.slidesToShow > _.slideCount) {\n                _.slideOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * _.slideWidth;\n                verticalOffset = ((slideIndex + _.options.slidesToShow) - _.slideCount) * verticalHeight;\n            }\n        }\n\n        if (_.slideCount <= _.options.slidesToShow) {\n            _.slideOffset = 0;\n            verticalOffset = 0;\n        }\n\n        if (_.options.centerMode === true && _.slideCount <= _.options.slidesToShow) {\n            _.slideOffset = ((_.slideWidth * Math.floor(_.options.slidesToShow)) / 2) - ((_.slideWidth * _.slideCount) / 2);\n        } else if (_.options.centerMode === true && _.options.infinite === true) {\n            _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2) - _.slideWidth;\n        } else if (_.options.centerMode === true) {\n            _.slideOffset = 0;\n            _.slideOffset += _.slideWidth * Math.floor(_.options.slidesToShow / 2);\n        }\n\n        if (_.options.vertical === false) {\n            targetLeft = ((slideIndex * _.slideWidth) * -1) + _.slideOffset;\n        } else {\n            targetLeft = ((slideIndex * verticalHeight) * -1) + verticalOffset;\n        }\n\n        if (_.options.variableWidth === true) {\n\n            if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n                targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n            } else {\n                targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow);\n            }\n\n            if (_.options.rtl === true) {\n                if (targetSlide[0]) {\n                    targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n                } else {\n                    targetLeft =  0;\n                }\n            } else {\n                targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n            }\n\n            if (_.options.centerMode === true) {\n                if (_.slideCount <= _.options.slidesToShow || _.options.infinite === false) {\n                    targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex);\n                } else {\n                    targetSlide = _.$slideTrack.children('.slick-slide').eq(slideIndex + _.options.slidesToShow + 1);\n                }\n\n                if (_.options.rtl === true) {\n                    if (targetSlide[0]) {\n                        targetLeft = (_.$slideTrack.width() - targetSlide[0].offsetLeft - targetSlide.width()) * -1;\n                    } else {\n                        targetLeft =  0;\n                    }\n                } else {\n                    targetLeft = targetSlide[0] ? targetSlide[0].offsetLeft * -1 : 0;\n                }\n\n                targetLeft += (_.$list.width() - targetSlide.outerWidth()) / 2;\n            }\n        }\n\n        return targetLeft;\n\n    };\n\n    Slick.prototype.getOption = Slick.prototype.slickGetOption = function(option) {\n\n        var _ = this;\n\n        return _.options[option];\n\n    };\n\n    Slick.prototype.getNavigableIndexes = function() {\n\n        var _ = this,\n            breakPoint = 0,\n            counter = 0,\n            indexes = [],\n            max;\n\n        if (_.options.infinite === false) {\n            max = _.slideCount;\n        } else {\n            breakPoint = _.options.slidesToScroll * -1;\n            counter = _.options.slidesToScroll * -1;\n            max = _.slideCount * 2;\n        }\n\n        while (breakPoint < max) {\n            indexes.push(breakPoint);\n            breakPoint = counter + _.options.slidesToScroll;\n            counter += _.options.slidesToScroll <= _.options.slidesToShow ? _.options.slidesToScroll : _.options.slidesToShow;\n        }\n\n        return indexes;\n\n    };\n\n    Slick.prototype.getSlick = function() {\n\n        return this;\n\n    };\n\n    Slick.prototype.getSlideCount = function() {\n\n        var _ = this,\n            slidesTraversed, swipedSlide, centerOffset;\n\n        centerOffset = _.options.centerMode === true ? _.slideWidth * Math.floor(_.options.slidesToShow / 2) : 0;\n\n        if (_.options.swipeToSlide === true) {\n            _.$slideTrack.find('.slick-slide').each(function(index, slide) {\n                if (slide.offsetLeft - centerOffset + ($(slide).outerWidth() / 2) > (_.swipeLeft * -1)) {\n                    swipedSlide = slide;\n                    return false;\n                }\n            });\n\n            slidesTraversed = Math.abs($(swipedSlide).attr('data-slick-index') - _.currentSlide) || 1;\n\n            return slidesTraversed;\n\n        } else {\n            return _.options.slidesToScroll;\n        }\n\n    };\n\n    Slick.prototype.goTo = Slick.prototype.slickGoTo = function(slide, dontAnimate) {\n\n        var _ = this;\n\n        _.changeSlide({\n            data: {\n                message: 'index',\n                index: parseInt(slide)\n            }\n        }, dontAnimate);\n\n    };\n\n    Slick.prototype.init = function(creation) {\n\n        var _ = this;\n\n        if (!$(_.$slider).hasClass('slick-initialized')) {\n\n            $(_.$slider).addClass('slick-initialized');\n\n            _.buildRows();\n            _.buildOut();\n            _.setProps();\n            _.startLoad();\n            _.loadSlider();\n            _.initializeEvents();\n            _.updateArrows();\n            _.updateDots();\n            _.checkResponsive(true);\n            _.focusHandler();\n\n        }\n\n        if (creation) {\n            _.$slider.trigger('init', [_]);\n        }\n\n        if (_.options.accessibility === true) {\n            _.initADA();\n        }\n\n        if ( _.options.autoplay ) {\n\n            _.paused = false;\n            _.autoPlay();\n\n        }\n\n    };\n\n    Slick.prototype.initADA = function() {\n        var _ = this,\n                numDotGroups = Math.ceil(_.slideCount / _.options.slidesToShow),\n                tabControlIndexes = _.getNavigableIndexes().filter(function(val) {\n                    return (val >= 0) && (val < _.slideCount);\n                });\n\n        _.$slides.add(_.$slideTrack.find('.slick-cloned')).attr({\n            'aria-hidden': 'true',\n            'tabindex': '-1'\n        }).find('a, input, button, select').attr({\n            'tabindex': '-1'\n        });\n\n        if (_.$dots !== null) {\n            _.$slides.not(_.$slideTrack.find('.slick-cloned')).each(function(i) {\n                var slideControlIndex = tabControlIndexes.indexOf(i);\n\n                $(this).attr({\n                    'role': 'tabpanel',\n                    'id': 'slick-slide' + _.instanceUid + i,\n                    'tabindex': -1\n                });\n\n                if (slideControlIndex !== -1) {\n                   var ariaButtonControl = 'slick-slide-control' + _.instanceUid + slideControlIndex\n                   if ($('#' + ariaButtonControl).length) {\n                     $(this).attr({\n                         'aria-describedby': ariaButtonControl\n                     });\n                   }\n                }\n            });\n\n            _.$dots.attr('role', 'tablist').find('li').each(function(i) {\n                var mappedSlideIndex = tabControlIndexes[i];\n\n                $(this).attr({\n                    'role': 'presentation'\n                });\n\n                $(this).find('button').first().attr({\n                    'role': 'tab',\n                    'id': 'slick-slide-control' + _.instanceUid + i,\n                    'aria-controls': 'slick-slide' + _.instanceUid + mappedSlideIndex,\n                    'aria-label': (i + 1) + ' of ' + numDotGroups,\n                    'aria-selected': null,\n                    'tabindex': '-1'\n                });\n\n            }).eq(_.currentSlide).find('button').attr({\n                'aria-selected': 'true',\n                'tabindex': '0'\n            }).end();\n        }\n\n        for (var i=_.currentSlide, max=i+_.options.slidesToShow; i < max; i++) {\n          if (_.options.focusOnChange) {\n            _.$slides.eq(i).attr({'tabindex': '0'});\n          } else {\n            _.$slides.eq(i).removeAttr('tabindex');\n          }\n        }\n\n        _.activateADA();\n\n    };\n\n    Slick.prototype.initArrowEvents = function() {\n\n        var _ = this;\n\n        if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n            _.$prevArrow\n               .off('click.slick')\n               .on('click.slick', {\n                    message: 'previous'\n               }, _.changeSlide);\n            _.$nextArrow\n               .off('click.slick')\n               .on('click.slick', {\n                    message: 'next'\n               }, _.changeSlide);\n\n            if (_.options.accessibility === true) {\n                _.$prevArrow.on('keydown.slick', _.keyHandler);\n                _.$nextArrow.on('keydown.slick', _.keyHandler);\n            }\n        }\n\n    };\n\n    Slick.prototype.initDotEvents = function() {\n\n        var _ = this;\n\n        if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n            $('li', _.$dots).on('click.slick', {\n                message: 'index'\n            }, _.changeSlide);\n\n            if (_.options.accessibility === true) {\n                _.$dots.on('keydown.slick', _.keyHandler);\n            }\n        }\n\n        if (_.options.dots === true && _.options.pauseOnDotsHover === true && _.slideCount > _.options.slidesToShow) {\n\n            $('li', _.$dots)\n                .on('mouseenter.slick', $.proxy(_.interrupt, _, true))\n                .on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n        }\n\n    };\n\n    Slick.prototype.initSlideEvents = function() {\n\n        var _ = this;\n\n        if ( _.options.pauseOnHover ) {\n\n            _.$list.on('mouseenter.slick', $.proxy(_.interrupt, _, true));\n            _.$list.on('mouseleave.slick', $.proxy(_.interrupt, _, false));\n\n        }\n\n    };\n\n    Slick.prototype.initializeEvents = function() {\n\n        var _ = this;\n\n        _.initArrowEvents();\n\n        _.initDotEvents();\n        _.initSlideEvents();\n\n        _.$list.on('touchstart.slick mousedown.slick', {\n            action: 'start'\n        }, _.swipeHandler);\n        _.$list.on('touchmove.slick mousemove.slick', {\n            action: 'move'\n        }, _.swipeHandler);\n        _.$list.on('touchend.slick mouseup.slick', {\n            action: 'end'\n        }, _.swipeHandler);\n        _.$list.on('touchcancel.slick mouseleave.slick', {\n            action: 'end'\n        }, _.swipeHandler);\n\n        _.$list.on('click.slick', _.clickHandler);\n\n        $(document).on(_.visibilityChange, $.proxy(_.visibility, _));\n\n        if (_.options.accessibility === true) {\n            _.$list.on('keydown.slick', _.keyHandler);\n        }\n\n        if (_.options.focusOnSelect === true) {\n            $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n        }\n\n        $(window).on('orientationchange.slick.slick-' + _.instanceUid, $.proxy(_.orientationChange, _));\n\n        $(window).on('resize.slick.slick-' + _.instanceUid, $.proxy(_.resize, _));\n\n        $('[draggable!=true]', _.$slideTrack).on('dragstart', _.preventDefault);\n\n        $(window).on('load.slick.slick-' + _.instanceUid, _.setPosition);\n        $(_.setPosition);\n\n    };\n\n    Slick.prototype.initUI = function() {\n\n        var _ = this;\n\n        if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n            _.$prevArrow.show();\n            _.$nextArrow.show();\n\n        }\n\n        if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n            _.$dots.show();\n\n        }\n\n    };\n\n    Slick.prototype.keyHandler = function(event) {\n\n        var _ = this;\n         //Dont slide if the cursor is inside the form fields and arrow keys are pressed\n        if(!event.target.tagName.match('TEXTAREA|INPUT|SELECT')) {\n            if (event.keyCode === 37 && _.options.accessibility === true) {\n                _.changeSlide({\n                    data: {\n                        message: _.options.rtl === true ? 'next' :  'previous'\n                    }\n                });\n            } else if (event.keyCode === 39 && _.options.accessibility === true) {\n                _.changeSlide({\n                    data: {\n                        message: _.options.rtl === true ? 'previous' : 'next'\n                    }\n                });\n            }\n        }\n\n    };\n\n    Slick.prototype.lazyLoad = function() {\n\n        var _ = this,\n            loadRange, cloneRange, rangeStart, rangeEnd;\n\n        function loadImages(imagesScope) {\n\n            $('img[data-lazy]', imagesScope).each(function() {\n\n                var image = $(this),\n                    imageSource = $(this).attr('data-lazy'),\n                    imageSrcSet = $(this).attr('data-srcset'),\n                    imageSizes  = $(this).attr('data-sizes') || _.$slider.attr('data-sizes'),\n                    imageToLoad = document.createElement('img');\n\n                imageToLoad.onload = function() {\n\n                    image\n                        .animate({ opacity: 0 }, 100, function() {\n\n                            if (imageSrcSet) {\n                                image\n                                    .attr('srcset', imageSrcSet );\n\n                                if (imageSizes) {\n                                    image\n                                        .attr('sizes', imageSizes );\n                                }\n                            }\n\n                            image\n                                .attr('src', imageSource)\n                                .animate({ opacity: 1 }, 200, function() {\n                                    image\n                                        .removeAttr('data-lazy data-srcset data-sizes')\n                                        .removeClass('slick-loading');\n                                });\n                            _.$slider.trigger('lazyLoaded', [_, image, imageSource]);\n                        });\n\n                };\n\n                imageToLoad.onerror = function() {\n\n                    image\n                        .removeAttr( 'data-lazy' )\n                        .removeClass( 'slick-loading' )\n                        .addClass( 'slick-lazyload-error' );\n\n                    _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n                };\n\n                imageToLoad.src = imageSource;\n\n            });\n\n        }\n\n        if (_.options.centerMode === true) {\n            if (_.options.infinite === true) {\n                rangeStart = _.currentSlide + (_.options.slidesToShow / 2 + 1);\n                rangeEnd = rangeStart + _.options.slidesToShow + 2;\n            } else {\n                rangeStart = Math.max(0, _.currentSlide - (_.options.slidesToShow / 2 + 1));\n                rangeEnd = 2 + (_.options.slidesToShow / 2 + 1) + _.currentSlide;\n            }\n        } else {\n            rangeStart = _.options.infinite ? _.options.slidesToShow + _.currentSlide : _.currentSlide;\n            rangeEnd = Math.ceil(rangeStart + _.options.slidesToShow);\n            if (_.options.fade === true) {\n                if (rangeStart > 0) rangeStart--;\n                if (rangeEnd <= _.slideCount) rangeEnd++;\n            }\n        }\n\n        loadRange = _.$slider.find('.slick-slide').slice(rangeStart, rangeEnd);\n\n        if (_.options.lazyLoad === 'anticipated') {\n            var prevSlide = rangeStart - 1,\n                nextSlide = rangeEnd,\n                $slides = _.$slider.find('.slick-slide');\n\n            for (var i = 0; i < _.options.slidesToScroll; i++) {\n                if (prevSlide < 0) prevSlide = _.slideCount - 1;\n                loadRange = loadRange.add($slides.eq(prevSlide));\n                loadRange = loadRange.add($slides.eq(nextSlide));\n                prevSlide--;\n                nextSlide++;\n            }\n        }\n\n        loadImages(loadRange);\n\n        if (_.slideCount <= _.options.slidesToShow) {\n            cloneRange = _.$slider.find('.slick-slide');\n            loadImages(cloneRange);\n        } else\n        if (_.currentSlide >= _.slideCount - _.options.slidesToShow) {\n            cloneRange = _.$slider.find('.slick-cloned').slice(0, _.options.slidesToShow);\n            loadImages(cloneRange);\n        } else if (_.currentSlide === 0) {\n            cloneRange = _.$slider.find('.slick-cloned').slice(_.options.slidesToShow * -1);\n            loadImages(cloneRange);\n        }\n\n    };\n\n    Slick.prototype.loadSlider = function() {\n\n        var _ = this;\n\n        _.setPosition();\n\n        _.$slideTrack.css({\n            opacity: 1\n        });\n\n        _.$slider.removeClass('slick-loading');\n\n        _.initUI();\n\n        if (_.options.lazyLoad === 'progressive') {\n            _.progressiveLazyLoad();\n        }\n\n    };\n\n    Slick.prototype.next = Slick.prototype.slickNext = function() {\n\n        var _ = this;\n\n        _.changeSlide({\n            data: {\n                message: 'next'\n            }\n        });\n\n    };\n\n    Slick.prototype.orientationChange = function() {\n\n        var _ = this;\n\n        _.checkResponsive();\n        _.setPosition();\n\n    };\n\n    Slick.prototype.pause = Slick.prototype.slickPause = function() {\n\n        var _ = this;\n\n        _.autoPlayClear();\n        _.paused = true;\n\n    };\n\n    Slick.prototype.play = Slick.prototype.slickPlay = function() {\n\n        var _ = this;\n\n        _.autoPlay();\n        _.options.autoplay = true;\n        _.paused = false;\n        _.focussed = false;\n        _.interrupted = false;\n\n    };\n\n    Slick.prototype.postSlide = function(index) {\n\n        var _ = this;\n\n        if( !_.unslicked ) {\n\n            _.$slider.trigger('afterChange', [_, index]);\n\n            _.animating = false;\n\n            if (_.slideCount > _.options.slidesToShow) {\n                _.setPosition();\n            }\n\n            _.swipeLeft = null;\n\n            if ( _.options.autoplay ) {\n                _.autoPlay();\n            }\n\n            if (_.options.accessibility === true) {\n                _.initADA();\n\n                if (_.options.focusOnChange) {\n                    var $currentSlide = $(_.$slides.get(_.currentSlide));\n                    $currentSlide.attr('tabindex', 0).focus();\n                }\n            }\n\n        }\n\n    };\n\n    Slick.prototype.prev = Slick.prototype.slickPrev = function() {\n\n        var _ = this;\n\n        _.changeSlide({\n            data: {\n                message: 'previous'\n            }\n        });\n\n    };\n\n    Slick.prototype.preventDefault = function(event) {\n\n        event.preventDefault();\n\n    };\n\n    Slick.prototype.progressiveLazyLoad = function( tryCount ) {\n\n        tryCount = tryCount || 1;\n\n        var _ = this,\n            $imgsToLoad = $( 'img[data-lazy]', _.$slider ),\n            image,\n            imageSource,\n            imageSrcSet,\n            imageSizes,\n            imageToLoad;\n\n        if ( $imgsToLoad.length ) {\n\n            image = $imgsToLoad.first();\n            imageSource = image.attr('data-lazy');\n            imageSrcSet = image.attr('data-srcset');\n            imageSizes  = image.attr('data-sizes') || _.$slider.attr('data-sizes');\n            imageToLoad = document.createElement('img');\n\n            imageToLoad.onload = function() {\n\n                if (imageSrcSet) {\n                    image\n                        .attr('srcset', imageSrcSet );\n\n                    if (imageSizes) {\n                        image\n                            .attr('sizes', imageSizes );\n                    }\n                }\n\n                image\n                    .attr( 'src', imageSource )\n                    .removeAttr('data-lazy data-srcset data-sizes')\n                    .removeClass('slick-loading');\n\n                if ( _.options.adaptiveHeight === true ) {\n                    _.setPosition();\n                }\n\n                _.$slider.trigger('lazyLoaded', [ _, image, imageSource ]);\n                _.progressiveLazyLoad();\n\n            };\n\n            imageToLoad.onerror = function() {\n\n                if ( tryCount < 3 ) {\n\n                    /**\n                     * try to load the image 3 times,\n                     * leave a slight delay so we don't get\n                     * servers blocking the request.\n                     */\n                    setTimeout( function() {\n                        _.progressiveLazyLoad( tryCount + 1 );\n                    }, 500 );\n\n                } else {\n\n                    image\n                        .removeAttr( 'data-lazy' )\n                        .removeClass( 'slick-loading' )\n                        .addClass( 'slick-lazyload-error' );\n\n                    _.$slider.trigger('lazyLoadError', [ _, image, imageSource ]);\n\n                    _.progressiveLazyLoad();\n\n                }\n\n            };\n\n            imageToLoad.src = imageSource;\n\n        } else {\n\n            _.$slider.trigger('allImagesLoaded', [ _ ]);\n\n        }\n\n    };\n\n    Slick.prototype.refresh = function( initializing ) {\n\n        var _ = this, currentSlide, lastVisibleIndex;\n\n        lastVisibleIndex = _.slideCount - _.options.slidesToShow;\n\n        // in non-infinite sliders, we don't want to go past the\n        // last visible index.\n        if( !_.options.infinite && ( _.currentSlide > lastVisibleIndex )) {\n            _.currentSlide = lastVisibleIndex;\n        }\n\n        // if less slides than to show, go to start.\n        if ( _.slideCount <= _.options.slidesToShow ) {\n            _.currentSlide = 0;\n\n        }\n\n        currentSlide = _.currentSlide;\n\n        _.destroy(true);\n\n        $.extend(_, _.initials, { currentSlide: currentSlide });\n\n        _.init();\n\n        if( !initializing ) {\n\n            _.changeSlide({\n                data: {\n                    message: 'index',\n                    index: currentSlide\n                }\n            }, false);\n\n        }\n\n    };\n\n    Slick.prototype.registerBreakpoints = function() {\n\n        var _ = this, breakpoint, currentBreakpoint, l,\n            responsiveSettings = _.options.responsive || null;\n\n        if ( $.type(responsiveSettings) === 'array' && responsiveSettings.length ) {\n\n            _.respondTo = _.options.respondTo || 'window';\n\n            for ( breakpoint in responsiveSettings ) {\n\n                l = _.breakpoints.length-1;\n\n                if (responsiveSettings.hasOwnProperty(breakpoint)) {\n                    currentBreakpoint = responsiveSettings[breakpoint].breakpoint;\n\n                    // loop through the breakpoints and cut out any existing\n                    // ones with the same breakpoint number, we don't want dupes.\n                    while( l >= 0 ) {\n                        if( _.breakpoints[l] && _.breakpoints[l] === currentBreakpoint ) {\n                            _.breakpoints.splice(l,1);\n                        }\n                        l--;\n                    }\n\n                    _.breakpoints.push(currentBreakpoint);\n                    _.breakpointSettings[currentBreakpoint] = responsiveSettings[breakpoint].settings;\n\n                }\n\n            }\n\n            _.breakpoints.sort(function(a, b) {\n                return ( _.options.mobileFirst ) ? a-b : b-a;\n            });\n\n        }\n\n    };\n\n    Slick.prototype.reinit = function() {\n\n        var _ = this;\n\n        _.$slides =\n            _.$slideTrack\n                .children(_.options.slide)\n                .addClass('slick-slide');\n\n        _.slideCount = _.$slides.length;\n\n        if (_.currentSlide >= _.slideCount && _.currentSlide !== 0) {\n            _.currentSlide = _.currentSlide - _.options.slidesToScroll;\n        }\n\n        if (_.slideCount <= _.options.slidesToShow) {\n            _.currentSlide = 0;\n        }\n\n        _.registerBreakpoints();\n\n        _.setProps();\n        _.setupInfinite();\n        _.buildArrows();\n        _.updateArrows();\n        _.initArrowEvents();\n        _.buildDots();\n        _.updateDots();\n        _.initDotEvents();\n        _.cleanUpSlideEvents();\n        _.initSlideEvents();\n\n        _.checkResponsive(false, true);\n\n        if (_.options.focusOnSelect === true) {\n            $(_.$slideTrack).children().on('click.slick', _.selectHandler);\n        }\n\n        _.setSlideClasses(typeof _.currentSlide === 'number' ? _.currentSlide : 0);\n\n        _.setPosition();\n        _.focusHandler();\n\n        _.paused = !_.options.autoplay;\n        _.autoPlay();\n\n        _.$slider.trigger('reInit', [_]);\n\n    };\n\n    Slick.prototype.resize = function() {\n\n        var _ = this;\n\n        if ($(window).width() !== _.windowWidth) {\n            clearTimeout(_.windowDelay);\n            _.windowDelay = window.setTimeout(function() {\n                _.windowWidth = $(window).width();\n                _.checkResponsive();\n                if( !_.unslicked ) { _.setPosition(); }\n            }, 50);\n        }\n    };\n\n    Slick.prototype.removeSlide = Slick.prototype.slickRemove = function(index, removeBefore, removeAll) {\n\n        var _ = this;\n\n        if (typeof(index) === 'boolean') {\n            removeBefore = index;\n            index = removeBefore === true ? 0 : _.slideCount - 1;\n        } else {\n            index = removeBefore === true ? --index : index;\n        }\n\n        if (_.slideCount < 1 || index < 0 || index > _.slideCount - 1) {\n            return false;\n        }\n\n        _.unload();\n\n        if (removeAll === true) {\n            _.$slideTrack.children().remove();\n        } else {\n            _.$slideTrack.children(this.options.slide).eq(index).remove();\n        }\n\n        _.$slides = _.$slideTrack.children(this.options.slide);\n\n        _.$slideTrack.children(this.options.slide).detach();\n\n        _.$slideTrack.append(_.$slides);\n\n        _.$slidesCache = _.$slides;\n\n        _.reinit();\n\n    };\n\n    Slick.prototype.setCSS = function(position) {\n\n        var _ = this,\n            positionProps = {},\n            x, y;\n\n        if (_.options.rtl === true) {\n            position = -position;\n        }\n        x = _.positionProp == 'left' ? Math.ceil(position) + 'px' : '0px';\n        y = _.positionProp == 'top' ? Math.ceil(position) + 'px' : '0px';\n\n        positionProps[_.positionProp] = position;\n\n        if (_.transformsEnabled === false) {\n            _.$slideTrack.css(positionProps);\n        } else {\n            positionProps = {};\n            if (_.cssTransitions === false) {\n                positionProps[_.animType] = 'translate(' + x + ', ' + y + ')';\n                _.$slideTrack.css(positionProps);\n            } else {\n                positionProps[_.animType] = 'translate3d(' + x + ', ' + y + ', 0px)';\n                _.$slideTrack.css(positionProps);\n            }\n        }\n\n    };\n\n    Slick.prototype.setDimensions = function() {\n\n        var _ = this;\n\n        if (_.options.vertical === false) {\n            if (_.options.centerMode === true) {\n                _.$list.css({\n                    padding: ('0px ' + _.options.centerPadding)\n                });\n            }\n        } else {\n            _.$list.height(_.$slides.first().outerHeight(true) * _.options.slidesToShow);\n            if (_.options.centerMode === true) {\n                _.$list.css({\n                    padding: (_.options.centerPadding + ' 0px')\n                });\n            }\n        }\n\n        _.listWidth = _.$list.width();\n        _.listHeight = _.$list.height();\n\n\n        if (_.options.vertical === false && _.options.variableWidth === false) {\n            _.slideWidth = Math.ceil(_.listWidth / _.options.slidesToShow);\n            _.$slideTrack.width(Math.ceil((_.slideWidth * _.$slideTrack.children('.slick-slide').length)));\n\n        } else if (_.options.variableWidth === true) {\n            _.$slideTrack.width(5000 * _.slideCount);\n        } else {\n            _.slideWidth = Math.ceil(_.listWidth);\n            _.$slideTrack.height(Math.ceil((_.$slides.first().outerHeight(true) * _.$slideTrack.children('.slick-slide').length)));\n        }\n\n        var offset = _.$slides.first().outerWidth(true) - _.$slides.first().width();\n        if (_.options.variableWidth === false) _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);\n\n    };\n\n    Slick.prototype.setFade = function() {\n\n        var _ = this,\n            targetLeft;\n\n        _.$slides.each(function(index, element) {\n            targetLeft = (_.slideWidth * index) * -1;\n            if (_.options.rtl === true) {\n                $(element).css({\n                    position: 'relative',\n                    right: targetLeft,\n                    top: 0,\n                    zIndex: _.options.zIndex - 2,\n                    opacity: 0\n                });\n            } else {\n                $(element).css({\n                    position: 'relative',\n                    left: targetLeft,\n                    top: 0,\n                    zIndex: _.options.zIndex - 2,\n                    opacity: 0\n                });\n            }\n        });\n\n        _.$slides.eq(_.currentSlide).css({\n            zIndex: _.options.zIndex - 1,\n            opacity: 1\n        });\n\n    };\n\n    Slick.prototype.setHeight = function() {\n\n        var _ = this;\n\n        if (_.options.slidesToShow === 1 && _.options.adaptiveHeight === true && _.options.vertical === false) {\n            var targetHeight = _.$slides.eq(_.currentSlide).outerHeight(true);\n            _.$list.css('height', targetHeight);\n        }\n\n    };\n\n    Slick.prototype.setOption =\n    Slick.prototype.slickSetOption = function() {\n\n        /**\n         * accepts arguments in format of:\n         *\n         *  - for changing a single option's value:\n         *     .slick(\"setOption\", option, value, refresh )\n         *\n         *  - for changing a set of responsive options:\n         *     .slick(\"setOption\", 'responsive', [{}, ...], refresh )\n         *\n         *  - for updating multiple values at once (not responsive)\n         *     .slick(\"setOption\", { 'option': value, ... }, refresh )\n         */\n\n        var _ = this, l, item, option, value, refresh = false, type;\n\n        if( $.type( arguments[0] ) === 'object' ) {\n\n            option =  arguments[0];\n            refresh = arguments[1];\n            type = 'multiple';\n\n        } else if ( $.type( arguments[0] ) === 'string' ) {\n\n            option =  arguments[0];\n            value = arguments[1];\n            refresh = arguments[2];\n\n            if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) {\n\n                type = 'responsive';\n\n            } else if ( typeof arguments[1] !== 'undefined' ) {\n\n                type = 'single';\n\n            }\n\n        }\n\n        if ( type === 'single' ) {\n\n            _.options[option] = value;\n\n\n        } else if ( type === 'multiple' ) {\n\n            $.each( option , function( opt, val ) {\n\n                _.options[opt] = val;\n\n            });\n\n\n        } else if ( type === 'responsive' ) {\n\n            for ( item in value ) {\n\n                if( $.type( _.options.responsive ) !== 'array' ) {\n\n                    _.options.responsive = [ value[item] ];\n\n                } else {\n\n                    l = _.options.responsive.length-1;\n\n                    // loop through the responsive object and splice out duplicates.\n                    while( l >= 0 ) {\n\n                        if( _.options.responsive[l].breakpoint === value[item].breakpoint ) {\n\n                            _.options.responsive.splice(l,1);\n\n                        }\n\n                        l--;\n\n                    }\n\n                    _.options.responsive.push( value[item] );\n\n                }\n\n            }\n\n        }\n\n        if ( refresh ) {\n\n            _.unload();\n            _.reinit();\n\n        }\n\n    };\n\n    Slick.prototype.setPosition = function() {\n\n        var _ = this;\n\n        _.setDimensions();\n\n        _.setHeight();\n\n        if (_.options.fade === false) {\n            _.setCSS(_.getLeft(_.currentSlide));\n        } else {\n            _.setFade();\n        }\n\n        _.$slider.trigger('setPosition', [_]);\n\n    };\n\n    Slick.prototype.setProps = function() {\n\n        var _ = this,\n            bodyStyle = document.body.style;\n\n        _.positionProp = _.options.vertical === true ? 'top' : 'left';\n\n        if (_.positionProp === 'top') {\n            _.$slider.addClass('slick-vertical');\n        } else {\n            _.$slider.removeClass('slick-vertical');\n        }\n\n        if (bodyStyle.WebkitTransition !== undefined ||\n            bodyStyle.MozTransition !== undefined ||\n            bodyStyle.msTransition !== undefined) {\n            if (_.options.useCSS === true) {\n                _.cssTransitions = true;\n            }\n        }\n\n        if ( _.options.fade ) {\n            if ( typeof _.options.zIndex === 'number' ) {\n                if( _.options.zIndex < 3 ) {\n                    _.options.zIndex = 3;\n                }\n            } else {\n                _.options.zIndex = _.defaults.zIndex;\n            }\n        }\n\n        if (bodyStyle.OTransform !== undefined) {\n            _.animType = 'OTransform';\n            _.transformType = '-o-transform';\n            _.transitionType = 'OTransition';\n            if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n        }\n        if (bodyStyle.MozTransform !== undefined) {\n            _.animType = 'MozTransform';\n            _.transformType = '-moz-transform';\n            _.transitionType = 'MozTransition';\n            if (bodyStyle.perspectiveProperty === undefined && bodyStyle.MozPerspective === undefined) _.animType = false;\n        }\n        if (bodyStyle.webkitTransform !== undefined) {\n            _.animType = 'webkitTransform';\n            _.transformType = '-webkit-transform';\n            _.transitionType = 'webkitTransition';\n            if (bodyStyle.perspectiveProperty === undefined && bodyStyle.webkitPerspective === undefined) _.animType = false;\n        }\n        if (bodyStyle.msTransform !== undefined) {\n            _.animType = 'msTransform';\n            _.transformType = '-ms-transform';\n            _.transitionType = 'msTransition';\n            if (bodyStyle.msTransform === undefined) _.animType = false;\n        }\n        if (bodyStyle.transform !== undefined && _.animType !== false) {\n            _.animType = 'transform';\n            _.transformType = 'transform';\n            _.transitionType = 'transition';\n        }\n        _.transformsEnabled = _.options.useTransform && (_.animType !== null && _.animType !== false);\n    };\n\n\n    Slick.prototype.setSlideClasses = function(index) {\n\n        var _ = this,\n            centerOffset, allSlides, indexOffset, remainder;\n\n        allSlides = _.$slider\n            .find('.slick-slide')\n            .removeClass('slick-active slick-center slick-current')\n            .attr('aria-hidden', 'true');\n\n        _.$slides\n            .eq(index)\n            .addClass('slick-current');\n\n        if (_.options.centerMode === true) {\n\n            var evenCoef = _.options.slidesToShow % 2 === 0 ? 1 : 0;\n\n            centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n            if (_.options.infinite === true) {\n\n                if (index >= centerOffset && index <= (_.slideCount - 1) - centerOffset) {\n                    _.$slides\n                        .slice(index - centerOffset + evenCoef, index + centerOffset + 1)\n                        .addClass('slick-active')\n                        .attr('aria-hidden', 'false');\n\n                } else {\n\n                    indexOffset = _.options.slidesToShow + index;\n                    allSlides\n                        .slice(indexOffset - centerOffset + 1 + evenCoef, indexOffset + centerOffset + 2)\n                        .addClass('slick-active')\n                        .attr('aria-hidden', 'false');\n\n                }\n\n                if (index === 0) {\n\n                    allSlides\n                        .eq(allSlides.length - 1 - _.options.slidesToShow)\n                        .addClass('slick-center');\n\n                } else if (index === _.slideCount - 1) {\n\n                    allSlides\n                        .eq(_.options.slidesToShow)\n                        .addClass('slick-center');\n\n                }\n\n            }\n\n            _.$slides\n                .eq(index)\n                .addClass('slick-center');\n\n        } else {\n\n            if (index >= 0 && index <= (_.slideCount - _.options.slidesToShow)) {\n\n                _.$slides\n                    .slice(index, index + _.options.slidesToShow)\n                    .addClass('slick-active')\n                    .attr('aria-hidden', 'false');\n\n            } else if (allSlides.length <= _.options.slidesToShow) {\n\n                allSlides\n                    .addClass('slick-active')\n                    .attr('aria-hidden', 'false');\n\n            } else {\n\n                remainder = _.slideCount % _.options.slidesToShow;\n                indexOffset = _.options.infinite === true ? _.options.slidesToShow + index : index;\n\n                if (_.options.slidesToShow == _.options.slidesToScroll && (_.slideCount - index) < _.options.slidesToShow) {\n\n                    allSlides\n                        .slice(indexOffset - (_.options.slidesToShow - remainder), indexOffset + remainder)\n                        .addClass('slick-active')\n                        .attr('aria-hidden', 'false');\n\n                } else {\n\n                    allSlides\n                        .slice(indexOffset, indexOffset + _.options.slidesToShow)\n                        .addClass('slick-active')\n                        .attr('aria-hidden', 'false');\n\n                }\n\n            }\n\n        }\n\n        if (_.options.lazyLoad === 'ondemand' || _.options.lazyLoad === 'anticipated') {\n            _.lazyLoad();\n        }\n    };\n\n    Slick.prototype.setupInfinite = function() {\n\n        var _ = this,\n            i, slideIndex, infiniteCount;\n\n        if (_.options.fade === true) {\n            _.options.centerMode = false;\n        }\n\n        if (_.options.infinite === true && _.options.fade === false) {\n\n            slideIndex = null;\n\n            if (_.slideCount > _.options.slidesToShow) {\n\n                if (_.options.centerMode === true) {\n                    infiniteCount = _.options.slidesToShow + 1;\n                } else {\n                    infiniteCount = _.options.slidesToShow;\n                }\n\n                for (i = _.slideCount; i > (_.slideCount -\n                        infiniteCount); i -= 1) {\n                    slideIndex = i - 1;\n                    $(_.$slides[slideIndex]).clone(true).attr('id', '')\n                        .attr('data-slick-index', slideIndex - _.slideCount)\n                        .prependTo(_.$slideTrack).addClass('slick-cloned');\n                }\n                for (i = 0; i < infiniteCount  + _.slideCount; i += 1) {\n                    slideIndex = i;\n                    $(_.$slides[slideIndex]).clone(true).attr('id', '')\n                        .attr('data-slick-index', slideIndex + _.slideCount)\n                        .appendTo(_.$slideTrack).addClass('slick-cloned');\n                }\n                _.$slideTrack.find('.slick-cloned').find('[id]').each(function() {\n                    $(this).attr('id', '');\n                });\n\n            }\n\n        }\n\n    };\n\n    Slick.prototype.interrupt = function( toggle ) {\n\n        var _ = this;\n\n        if( !toggle ) {\n            _.autoPlay();\n        }\n        _.interrupted = toggle;\n\n    };\n\n    Slick.prototype.selectHandler = function(event) {\n\n        var _ = this;\n\n        var targetElement =\n            $(event.target).is('.slick-slide') ?\n                $(event.target) :\n                $(event.target).parents('.slick-slide');\n\n        var index = parseInt(targetElement.attr('data-slick-index'));\n\n        if (!index) index = 0;\n\n        if (_.slideCount <= _.options.slidesToShow) {\n\n            _.slideHandler(index, false, true);\n            return;\n\n        }\n\n        _.slideHandler(index);\n\n    };\n\n    Slick.prototype.slideHandler = function(index, sync, dontAnimate) {\n\n        var targetSlide, animSlide, oldSlide, slideLeft, targetLeft = null,\n            _ = this, navTarget;\n\n        sync = sync || false;\n\n        if (_.animating === true && _.options.waitForAnimate === true) {\n            return;\n        }\n\n        if (_.options.fade === true && _.currentSlide === index) {\n            return;\n        }\n\n        if (sync === false) {\n            _.asNavFor(index);\n        }\n\n        targetSlide = index;\n        targetLeft = _.getLeft(targetSlide);\n        slideLeft = _.getLeft(_.currentSlide);\n\n        _.currentLeft = _.swipeLeft === null ? slideLeft : _.swipeLeft;\n\n        if (_.options.infinite === false && _.options.centerMode === false && (index < 0 || index > _.getDotCount() * _.options.slidesToScroll)) {\n            if (_.options.fade === false) {\n                targetSlide = _.currentSlide;\n                if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n                    _.animateSlide(slideLeft, function() {\n                        _.postSlide(targetSlide);\n                    });\n                } else {\n                    _.postSlide(targetSlide);\n                }\n            }\n            return;\n        } else if (_.options.infinite === false && _.options.centerMode === true && (index < 0 || index > (_.slideCount - _.options.slidesToScroll))) {\n            if (_.options.fade === false) {\n                targetSlide = _.currentSlide;\n                if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n                    _.animateSlide(slideLeft, function() {\n                        _.postSlide(targetSlide);\n                    });\n                } else {\n                    _.postSlide(targetSlide);\n                }\n            }\n            return;\n        }\n\n        if ( _.options.autoplay ) {\n            clearInterval(_.autoPlayTimer);\n        }\n\n        if (targetSlide < 0) {\n            if (_.slideCount % _.options.slidesToScroll !== 0) {\n                animSlide = _.slideCount - (_.slideCount % _.options.slidesToScroll);\n            } else {\n                animSlide = _.slideCount + targetSlide;\n            }\n        } else if (targetSlide >= _.slideCount) {\n            if (_.slideCount % _.options.slidesToScroll !== 0) {\n                animSlide = 0;\n            } else {\n                animSlide = targetSlide - _.slideCount;\n            }\n        } else {\n            animSlide = targetSlide;\n        }\n\n        _.animating = true;\n\n        _.$slider.trigger('beforeChange', [_, _.currentSlide, animSlide]);\n\n        oldSlide = _.currentSlide;\n        _.currentSlide = animSlide;\n\n        _.setSlideClasses(_.currentSlide);\n\n        if ( _.options.asNavFor ) {\n\n            navTarget = _.getNavTarget();\n            navTarget = navTarget.slick('getSlick');\n\n            if ( navTarget.slideCount <= navTarget.options.slidesToShow ) {\n                navTarget.setSlideClasses(_.currentSlide);\n            }\n\n        }\n\n        _.updateDots();\n        _.updateArrows();\n\n        if (_.options.fade === true) {\n            if (dontAnimate !== true) {\n\n                _.fadeSlideOut(oldSlide);\n\n                _.fadeSlide(animSlide, function() {\n                    _.postSlide(animSlide);\n                });\n\n            } else {\n                _.postSlide(animSlide);\n            }\n            _.animateHeight();\n            return;\n        }\n\n        if (dontAnimate !== true && _.slideCount > _.options.slidesToShow) {\n            _.animateSlide(targetLeft, function() {\n                _.postSlide(animSlide);\n            });\n        } else {\n            _.postSlide(animSlide);\n        }\n\n    };\n\n    Slick.prototype.startLoad = function() {\n\n        var _ = this;\n\n        if (_.options.arrows === true && _.slideCount > _.options.slidesToShow) {\n\n            _.$prevArrow.hide();\n            _.$nextArrow.hide();\n\n        }\n\n        if (_.options.dots === true && _.slideCount > _.options.slidesToShow) {\n\n            _.$dots.hide();\n\n        }\n\n        _.$slider.addClass('slick-loading');\n\n    };\n\n    Slick.prototype.swipeDirection = function() {\n\n        var xDist, yDist, r, swipeAngle, _ = this;\n\n        xDist = _.touchObject.startX - _.touchObject.curX;\n        yDist = _.touchObject.startY - _.touchObject.curY;\n        r = Math.atan2(yDist, xDist);\n\n        swipeAngle = Math.round(r * 180 / Math.PI);\n        if (swipeAngle < 0) {\n            swipeAngle = 360 - Math.abs(swipeAngle);\n        }\n\n        if ((swipeAngle <= 45) && (swipeAngle >= 0)) {\n            return (_.options.rtl === false ? 'left' : 'right');\n        }\n        if ((swipeAngle <= 360) && (swipeAngle >= 315)) {\n            return (_.options.rtl === false ? 'left' : 'right');\n        }\n        if ((swipeAngle >= 135) && (swipeAngle <= 225)) {\n            return (_.options.rtl === false ? 'right' : 'left');\n        }\n        if (_.options.verticalSwiping === true) {\n            if ((swipeAngle >= 35) && (swipeAngle <= 135)) {\n                return 'down';\n            } else {\n                return 'up';\n            }\n        }\n\n        return 'vertical';\n\n    };\n\n    Slick.prototype.swipeEnd = function(event) {\n\n        var _ = this,\n            slideCount,\n            direction;\n\n        _.dragging = false;\n        _.swiping = false;\n\n        if (_.scrolling) {\n            _.scrolling = false;\n            return false;\n        }\n\n        _.interrupted = false;\n        _.shouldClick = ( _.touchObject.swipeLength > 10 ) ? false : true;\n\n        if ( _.touchObject.curX === undefined ) {\n            return false;\n        }\n\n        if ( _.touchObject.edgeHit === true ) {\n            _.$slider.trigger('edge', [_, _.swipeDirection() ]);\n        }\n\n        if ( _.touchObject.swipeLength >= _.touchObject.minSwipe ) {\n\n            direction = _.swipeDirection();\n\n            switch ( direction ) {\n\n                case 'left':\n                case 'down':\n\n                    slideCount =\n                        _.options.swipeToSlide ?\n                            _.checkNavigable( _.currentSlide + _.getSlideCount() ) :\n                            _.currentSlide + _.getSlideCount();\n\n                    _.currentDirection = 0;\n\n                    break;\n\n                case 'right':\n                case 'up':\n\n                    slideCount =\n                        _.options.swipeToSlide ?\n                            _.checkNavigable( _.currentSlide - _.getSlideCount() ) :\n                            _.currentSlide - _.getSlideCount();\n\n                    _.currentDirection = 1;\n\n                    break;\n\n                default:\n\n\n            }\n\n            if( direction != 'vertical' ) {\n\n                _.slideHandler( slideCount );\n                _.touchObject = {};\n                _.$slider.trigger('swipe', [_, direction ]);\n\n            }\n\n        } else {\n\n            if ( _.touchObject.startX !== _.touchObject.curX ) {\n\n                _.slideHandler( _.currentSlide );\n                _.touchObject = {};\n\n            }\n\n        }\n\n    };\n\n    Slick.prototype.swipeHandler = function(event) {\n\n        var _ = this;\n\n        if ((_.options.swipe === false) || ('ontouchend' in document && _.options.swipe === false)) {\n            return;\n        } else if (_.options.draggable === false && event.type.indexOf('mouse') !== -1) {\n            return;\n        }\n\n        _.touchObject.fingerCount = event.originalEvent && event.originalEvent.touches !== undefined ?\n            event.originalEvent.touches.length : 1;\n\n        _.touchObject.minSwipe = _.listWidth / _.options\n            .touchThreshold;\n\n        if (_.options.verticalSwiping === true) {\n            _.touchObject.minSwipe = _.listHeight / _.options\n                .touchThreshold;\n        }\n\n        switch (event.data.action) {\n\n            case 'start':\n                _.swipeStart(event);\n                break;\n\n            case 'move':\n                _.swipeMove(event);\n                break;\n\n            case 'end':\n                _.swipeEnd(event);\n                break;\n\n        }\n\n    };\n\n    Slick.prototype.swipeMove = function(event) {\n\n        var _ = this,\n            edgeWasHit = false,\n            curLeft, swipeDirection, swipeLength, positionOffset, touches, verticalSwipeLength;\n\n        touches = event.originalEvent !== undefined ? event.originalEvent.touches : null;\n\n        if (!_.dragging || _.scrolling || touches && touches.length !== 1) {\n            return false;\n        }\n\n        curLeft = _.getLeft(_.currentSlide);\n\n        _.touchObject.curX = touches !== undefined ? touches[0].pageX : event.clientX;\n        _.touchObject.curY = touches !== undefined ? touches[0].pageY : event.clientY;\n\n        _.touchObject.swipeLength = Math.round(Math.sqrt(\n            Math.pow(_.touchObject.curX - _.touchObject.startX, 2)));\n\n        verticalSwipeLength = Math.round(Math.sqrt(\n            Math.pow(_.touchObject.curY - _.touchObject.startY, 2)));\n\n        if (!_.options.verticalSwiping && !_.swiping && verticalSwipeLength > 4) {\n            _.scrolling = true;\n            return false;\n        }\n\n        if (_.options.verticalSwiping === true) {\n            _.touchObject.swipeLength = verticalSwipeLength;\n        }\n\n        swipeDirection = _.swipeDirection();\n\n        if (event.originalEvent !== undefined && _.touchObject.swipeLength > 4) {\n            _.swiping = true;\n            event.preventDefault();\n        }\n\n        positionOffset = (_.options.rtl === false ? 1 : -1) * (_.touchObject.curX > _.touchObject.startX ? 1 : -1);\n        if (_.options.verticalSwiping === true) {\n            positionOffset = _.touchObject.curY > _.touchObject.startY ? 1 : -1;\n        }\n\n\n        swipeLength = _.touchObject.swipeLength;\n\n        _.touchObject.edgeHit = false;\n\n        if (_.options.infinite === false) {\n            if ((_.currentSlide === 0 && swipeDirection === 'right') || (_.currentSlide >= _.getDotCount() && swipeDirection === 'left')) {\n                swipeLength = _.touchObject.swipeLength * _.options.edgeFriction;\n                _.touchObject.edgeHit = true;\n            }\n        }\n\n        if (_.options.vertical === false) {\n            _.swipeLeft = curLeft + swipeLength * positionOffset;\n        } else {\n            _.swipeLeft = curLeft + (swipeLength * (_.$list.height() / _.listWidth)) * positionOffset;\n        }\n        if (_.options.verticalSwiping === true) {\n            _.swipeLeft = curLeft + swipeLength * positionOffset;\n        }\n\n        if (_.options.fade === true || _.options.touchMove === false) {\n            return false;\n        }\n\n        if (_.animating === true) {\n            _.swipeLeft = null;\n            return false;\n        }\n\n        _.setCSS(_.swipeLeft);\n\n    };\n\n    Slick.prototype.swipeStart = function(event) {\n\n        var _ = this,\n            touches;\n\n        _.interrupted = true;\n\n        if (_.touchObject.fingerCount !== 1 || _.slideCount <= _.options.slidesToShow) {\n            _.touchObject = {};\n            return false;\n        }\n\n        if (event.originalEvent !== undefined && event.originalEvent.touches !== undefined) {\n            touches = event.originalEvent.touches[0];\n        }\n\n        _.touchObject.startX = _.touchObject.curX = touches !== undefined ? touches.pageX : event.clientX;\n        _.touchObject.startY = _.touchObject.curY = touches !== undefined ? touches.pageY : event.clientY;\n\n        _.dragging = true;\n\n    };\n\n    Slick.prototype.unfilterSlides = Slick.prototype.slickUnfilter = function() {\n\n        var _ = this;\n\n        if (_.$slidesCache !== null) {\n\n            _.unload();\n\n            _.$slideTrack.children(this.options.slide).detach();\n\n            _.$slidesCache.appendTo(_.$slideTrack);\n\n            _.reinit();\n\n        }\n\n    };\n\n    Slick.prototype.unload = function() {\n\n        var _ = this;\n\n        $('.slick-cloned', _.$slider).remove();\n\n        if (_.$dots) {\n            _.$dots.remove();\n        }\n\n        if (_.$prevArrow && _.htmlExpr.test(_.options.prevArrow)) {\n            _.$prevArrow.remove();\n        }\n\n        if (_.$nextArrow && _.htmlExpr.test(_.options.nextArrow)) {\n            _.$nextArrow.remove();\n        }\n\n        _.$slides\n            .removeClass('slick-slide slick-active slick-visible slick-current')\n            .attr('aria-hidden', 'true')\n            .css('width', '');\n\n    };\n\n    Slick.prototype.unslick = function(fromBreakpoint) {\n\n        var _ = this;\n        _.$slider.trigger('unslick', [_, fromBreakpoint]);\n        _.destroy();\n\n    };\n\n    Slick.prototype.updateArrows = function() {\n\n        var _ = this,\n            centerOffset;\n\n        centerOffset = Math.floor(_.options.slidesToShow / 2);\n\n        if ( _.options.arrows === true &&\n            _.slideCount > _.options.slidesToShow &&\n            !_.options.infinite ) {\n\n            _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n            _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n            if (_.currentSlide === 0) {\n\n                _.$prevArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n                _.$nextArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n            } else if (_.currentSlide >= _.slideCount - _.options.slidesToShow && _.options.centerMode === false) {\n\n                _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n                _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n            } else if (_.currentSlide >= _.slideCount - 1 && _.options.centerMode === true) {\n\n                _.$nextArrow.addClass('slick-disabled').attr('aria-disabled', 'true');\n                _.$prevArrow.removeClass('slick-disabled').attr('aria-disabled', 'false');\n\n            }\n\n        }\n\n    };\n\n    Slick.prototype.updateDots = function() {\n\n        var _ = this;\n\n        if (_.$dots !== null) {\n\n            _.$dots\n                .find('li')\n                    .removeClass('slick-active')\n                    .end();\n\n            _.$dots\n                .find('li')\n                .eq(Math.floor(_.currentSlide / _.options.slidesToScroll))\n                .addClass('slick-active');\n\n        }\n\n    };\n\n    Slick.prototype.visibility = function() {\n\n        var _ = this;\n\n        if ( _.options.autoplay ) {\n\n            if ( document[_.hidden] ) {\n\n                _.interrupted = true;\n\n            } else {\n\n                _.interrupted = false;\n\n            }\n\n        }\n\n    };\n\n    $.fn.slick = function() {\n        var _ = this,\n            opt = arguments[0],\n            args = Array.prototype.slice.call(arguments, 1),\n            l = _.length,\n            i,\n            ret;\n        for (i = 0; i < l; i++) {\n            if (typeof opt == 'object' || typeof opt == 'undefined')\n                _[i].slick = new Slick(_[i], opt);\n            else\n                ret = _[i].slick[opt].apply(_[i].slick, args);\n            if (typeof ret != 'undefined') return ret;\n        }\n        return _;\n    };\n\n}));\n", "/* Slider */\n.slick-slider\n{\n    position: relative;\n\n    display: block;\n    box-sizing: border-box;\n\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n        touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n}\n\n.slick-list\n{\n    position: relative;\n\n    display: block;\n    overflow: hidden;\n\n    margin: 0;\n    padding: 0;\n}\n.slick-list:focus\n{\n    outline: none;\n}\n.slick-list.dragging\n{\n    cursor: pointer;\n    cursor: hand;\n}\n\n.slick-slider .slick-track,\n.slick-slider .slick-list\n{\n    -webkit-transform: translate3d(0, 0, 0);\n       -moz-transform: translate3d(0, 0, 0);\n        -ms-transform: translate3d(0, 0, 0);\n         -o-transform: translate3d(0, 0, 0);\n            transform: translate3d(0, 0, 0);\n}\n\n.slick-track\n{\n    position: relative;\n    top: 0;\n    left: 0;\n\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n}\n.slick-track:before,\n.slick-track:after\n{\n    display: table;\n\n    content: '';\n}\n.slick-track:after\n{\n    clear: both;\n}\n.slick-loading .slick-track\n{\n    visibility: hidden;\n}\n\n.slick-slide\n{\n    display: none;\n    float: left;\n\n    height: 100%;\n    min-height: 1px;\n}\n[dir='rtl'] .slick-slide\n{\n    float: right;\n}\n.slick-slide img\n{\n    display: block;\n}\n.slick-slide.slick-loading img\n{\n    display: none;\n}\n.slick-slide.dragging img\n{\n    pointer-events: none;\n}\n.slick-initialized .slick-slide\n{\n    display: block;\n}\n.slick-loading .slick-slide\n{\n    visibility: hidden;\n}\n.slick-vertical .slick-slide\n{\n    display: block;\n\n    height: auto;\n\n    border: 1px solid transparent;\n}\n.slick-arrow.slick-hidden {\n    display: none;\n}\n", "@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n    background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n    font-family: 'slick';\n    font-weight: normal;\n    font-style: normal;\n\n    src: url('./fonts/slick.eot');\n    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n    font-size: 0;\n    line-height: 0;\n\n    position: absolute;\n    top: 50%;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    -webkit-transform: translate(0, -50%);\n    -ms-transform: translate(0, -50%);\n    transform: translate(0, -50%);\n\n    cursor: pointer;\n\n    color: transparent;\n    border: none;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n    color: transparent;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n    opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n    opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n    font-family: 'slick';\n    font-size: 20px;\n    line-height: 1;\n\n    opacity: .75;\n    color: white;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev\n{\n    left: -25px;\n}\n[dir='rtl'] .slick-prev\n{\n    right: -25px;\n    left: auto;\n}\n.slick-prev:before\n{\n    content: '\u2190';\n}\n[dir='rtl'] .slick-prev:before\n{\n    content: '\u2192';\n}\n\n.slick-next\n{\n    right: -25px;\n}\n[dir='rtl'] .slick-next\n{\n    right: auto;\n    left: -25px;\n}\n.slick-next:before\n{\n    content: '\u2192';\n}\n[dir='rtl'] .slick-next:before\n{\n    content: '\u2190';\n}\n\n/* Dots */\n.slick-dotted.slick-slider\n{\n    margin-bottom: 30px;\n}\n\n.slick-dots\n{\n    position: absolute;\n    bottom: -25px;\n\n    display: block;\n\n    width: 100%;\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    text-align: center;\n}\n.slick-dots li\n{\n    position: relative;\n\n    display: inline-block;\n\n    width: 20px;\n    height: 20px;\n    margin: 0 5px;\n    padding: 0;\n\n    cursor: pointer;\n}\n.slick-dots li button\n{\n    font-size: 0;\n    line-height: 0;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 5px;\n\n    cursor: pointer;\n\n    color: transparent;\n    border: 0;\n    outline: none;\n    background: transparent;\n}\n.slick-dots li button:hover,\n.slick-dots li button:focus\n{\n    outline: none;\n}\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before\n{\n    opacity: 1;\n}\n.slick-dots li button:before\n{\n    font-family: 'slick';\n    font-size: 6px;\n    line-height: 20px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 20px;\n    height: 20px;\n\n    content: '\u2022';\n    text-align: center;\n\n    opacity: .25;\n    color: black;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.slick-dots li.slick-active button:before\n{\n    opacity: .75;\n    color: black;\n}\n", "function isLength(value) {\n    return Number.isSafeInteger(value) && value >= 0;\n}\n\nexport { isLength };\n", "import { isLength } from '../../predicate/isLength.mjs';\n\nfunction isArrayLike(value) {\n    return value != null && typeof value !== 'function' && isLength(value.length);\n}\n\nexport { isArrayLike };\n", "function identity(x) {\n    return x;\n}\n\nexport { identity };\n", "function isUnsafeProperty(key) {\n    return key === '__proto__';\n}\n\nexport { isUnsafeProperty };\n", "function isDeepKey(key) {\n    switch (typeof key) {\n        case 'number':\n        case 'symbol': {\n            return false;\n        }\n        case 'string': {\n            return key.includes('.') || key.includes('[') || key.includes(']');\n        }\n    }\n}\n\nexport { isDeepKey };\n", "function toKey(value) {\n    if (typeof value === 'string' || typeof value === 'symbol') {\n        return value;\n    }\n    if (Object.is(value?.valueOf?.(), -0)) {\n        return '-0';\n    }\n    return String(value);\n}\n\nexport { toKey };\n", "function toPath(deepKey) {\n    const result = [];\n    const length = deepKey.length;\n    if (length === 0) {\n        return result;\n    }\n    let index = 0;\n    let key = '';\n    let quoteChar = '';\n    let bracket = false;\n    if (deepKey.charCodeAt(0) === 46) {\n        result.push('');\n        index++;\n    }\n    while (index < length) {\n        const char = deepKey[index];\n        if (quoteChar) {\n            if (char === '\\\\' && index + 1 < length) {\n                index++;\n                key += deepKey[index];\n            }\n            else if (char === quoteChar) {\n                quoteChar = '';\n            }\n            else {\n                key += char;\n            }\n        }\n        else if (bracket) {\n            if (char === '\"' || char === \"'\") {\n                quoteChar = char;\n            }\n            else if (char === ']') {\n                bracket = false;\n                result.push(key);\n                key = '';\n            }\n            else {\n                key += char;\n            }\n        }\n        else {\n            if (char === '[') {\n                bracket = true;\n                if (key) {\n                    result.push(key);\n                    key = '';\n                }\n            }\n            else if (char === '.') {\n                if (key) {\n                    result.push(key);\n                    key = '';\n                }\n            }\n            else {\n                key += char;\n            }\n        }\n        index++;\n    }\n    if (key) {\n        result.push(key);\n    }\n    return result;\n}\n\nexport { toPath };\n", "import { isUnsafeProperty } from '../../_internal/isUnsafeProperty.mjs';\nimport { isDeepKey } from '../_internal/isDeepKey.mjs';\nimport { toKey } from '../_internal/toKey.mjs';\nimport { toPath } from '../util/toPath.mjs';\n\nfunction get(object, path, defaultValue) {\n    if (object == null) {\n        return defaultValue;\n    }\n    switch (typeof path) {\n        case 'string': {\n            if (isUnsafeProperty(path)) {\n                return defaultValue;\n            }\n            const result = object[path];\n            if (result === undefined) {\n                if (isDeepKey(path)) {\n                    return get(object, toPath(path), defaultValue);\n                }\n                else {\n                    return defaultValue;\n                }\n            }\n            return result;\n        }\n        case 'number':\n        case 'symbol': {\n            if (typeof path === 'number') {\n                path = toKey(path);\n            }\n            const result = object[path];\n            if (result === undefined) {\n                return defaultValue;\n            }\n            return result;\n        }\n        default: {\n            if (Array.isArray(path)) {\n                return getWithPath(object, path, defaultValue);\n            }\n            if (Object.is(path?.valueOf(), -0)) {\n                path = '-0';\n            }\n            else {\n                path = String(path);\n            }\n            if (isUnsafeProperty(path)) {\n                return defaultValue;\n            }\n            const result = object[path];\n            if (result === undefined) {\n                return defaultValue;\n            }\n            return result;\n        }\n    }\n}\nfunction getWithPath(object, path, defaultValue) {\n    if (path.length === 0) {\n        return defaultValue;\n    }\n    let current = object;\n    for (let index = 0; index < path.length; index++) {\n        if (current == null) {\n            return defaultValue;\n        }\n        if (isUnsafeProperty(path[index])) {\n            return defaultValue;\n        }\n        current = current[path[index]];\n    }\n    if (current === undefined) {\n        return defaultValue;\n    }\n    return current;\n}\n\nexport { get };\n", "import { get } from './get.mjs';\n\nfunction property(path) {\n    return function (object) {\n        return get(object, path);\n    };\n}\n\nexport { property };\n", "function isObject(value) {\n    return value !== null && (typeof value === 'object' || typeof value === 'function');\n}\n\nexport { isObject };\n", "function isPrimitive(value) {\n    return value == null || (typeof value !== 'object' && typeof value !== 'function');\n}\n\nexport { isPrimitive };\n", "function eq(value, other) {\n    return value === other || (Number.isNaN(value) && Number.isNaN(other));\n}\n\nexport { eq };\n", "import { isMatch } from './isMatch.mjs';\nimport { isObject } from './isObject.mjs';\nimport { isPrimitive } from '../../predicate/isPrimitive.mjs';\nimport { eq } from '../util/eq.mjs';\n\nfunction isMatchWith(target, source, compare) {\n    if (typeof compare !== 'function') {\n        return isMatch(target, source);\n    }\n    return isMatchWithInternal(target, source, function doesMatch(objValue, srcValue, key, object, source, stack) {\n        const isEqual = compare(objValue, srcValue, key, object, source, stack);\n        if (isEqual !== undefined) {\n            return Boolean(isEqual);\n        }\n        return isMatchWithInternal(objValue, srcValue, doesMatch, stack);\n    }, new Map());\n}\nfunction isMatchWithInternal(target, source, compare, stack) {\n    if (source === target) {\n        return true;\n    }\n    switch (typeof source) {\n        case 'object': {\n            return isObjectMatch(target, source, compare, stack);\n        }\n        case 'function': {\n            const sourceKeys = Object.keys(source);\n            if (sourceKeys.length > 0) {\n                return isMatchWithInternal(target, { ...source }, compare, stack);\n            }\n            return eq(target, source);\n        }\n        default: {\n            if (!isObject(target)) {\n                return eq(target, source);\n            }\n            if (typeof source === 'string') {\n                return source === '';\n            }\n            return true;\n        }\n    }\n}\nfunction isObjectMatch(target, source, compare, stack) {\n    if (source == null) {\n        return true;\n    }\n    if (Array.isArray(source)) {\n        return isArrayMatch(target, source, compare, stack);\n    }\n    if (source instanceof Map) {\n        return isMapMatch(target, source, compare, stack);\n    }\n    if (source instanceof Set) {\n        return isSetMatch(target, source, compare, stack);\n    }\n    const keys = Object.keys(source);\n    if (target == null) {\n        return keys.length === 0;\n    }\n    if (keys.length === 0) {\n        return true;\n    }\n    if (stack && stack.has(source)) {\n        return stack.get(source) === target;\n    }\n    if (stack) {\n        stack.set(source, target);\n    }\n    try {\n        for (let i = 0; i < keys.length; i++) {\n            const key = keys[i];\n            if (!isPrimitive(target) && !(key in target)) {\n                return false;\n            }\n            if (source[key] === undefined && target[key] !== undefined) {\n                return false;\n            }\n            if (source[key] === null && target[key] !== null) {\n                return false;\n            }\n            const isEqual = compare(target[key], source[key], key, target, source, stack);\n            if (!isEqual) {\n                return false;\n            }\n        }\n        return true;\n    }\n    finally {\n        if (stack) {\n            stack.delete(source);\n        }\n    }\n}\nfunction isMapMatch(target, source, compare, stack) {\n    if (source.size === 0) {\n        return true;\n    }\n    if (!(target instanceof Map)) {\n        return false;\n    }\n    for (const [key, sourceValue] of source.entries()) {\n        const targetValue = target.get(key);\n        const isEqual = compare(targetValue, sourceValue, key, target, source, stack);\n        if (isEqual === false) {\n            return false;\n        }\n    }\n    return true;\n}\nfunction isArrayMatch(target, source, compare, stack) {\n    if (source.length === 0) {\n        return true;\n    }\n    if (!Array.isArray(target)) {\n        return false;\n    }\n    const countedIndex = new Set();\n    for (let i = 0; i < source.length; i++) {\n        const sourceItem = source[i];\n        let found = false;\n        for (let j = 0; j < target.length; j++) {\n            if (countedIndex.has(j)) {\n                continue;\n            }\n            const targetItem = target[j];\n            let matches = false;\n            const isEqual = compare(targetItem, sourceItem, i, target, source, stack);\n            if (isEqual) {\n                matches = true;\n            }\n            if (matches) {\n                countedIndex.add(j);\n                found = true;\n                break;\n            }\n        }\n        if (!found) {\n            return false;\n        }\n    }\n    return true;\n}\nfunction isSetMatch(target, source, compare, stack) {\n    if (source.size === 0) {\n        return true;\n    }\n    if (!(target instanceof Set)) {\n        return false;\n    }\n    return isArrayMatch([...target], [...source], compare, stack);\n}\n\nexport { isMatchWith, isSetMatch };\n", "import { isMatchWith } from './isMatchWith.mjs';\n\nfunction isMatch(target, source) {\n    return isMatchWith(target, source, () => undefined);\n}\n\nexport { isMatch };\n", "function getSymbols(object) {\n    return Object.getOwnPropertySymbols(object).filter(symbol => Object.prototype.propertyIsEnumerable.call(object, symbol));\n}\n\nexport { getSymbols };\n", "function getTag(value) {\n    if (value == null) {\n        return value === undefined ? '[object Undefined]' : '[object Null]';\n    }\n    return Object.prototype.toString.call(value);\n}\n\nexport { getTag };\n", "const regexpTag = '[object RegExp]';\nconst stringTag = '[object String]';\nconst numberTag = '[object Number]';\nconst booleanTag = '[object Boolean]';\nconst argumentsTag = '[object Arguments]';\nconst symbolTag = '[object Symbol]';\nconst dateTag = '[object Date]';\nconst mapTag = '[object Map]';\nconst setTag = '[object Set]';\nconst arrayTag = '[object Array]';\nconst functionTag = '[object Function]';\nconst arrayBufferTag = '[object ArrayBuffer]';\nconst objectTag = '[object Object]';\nconst errorTag = '[object Error]';\nconst dataViewTag = '[object DataView]';\nconst uint8ArrayTag = '[object Uint8Array]';\nconst uint8ClampedArrayTag = '[object Uint8ClampedArray]';\nconst uint16ArrayTag = '[object Uint16Array]';\nconst uint32ArrayTag = '[object Uint32Array]';\nconst bigUint64ArrayTag = '[object BigUint64Array]';\nconst int8ArrayTag = '[object Int8Array]';\nconst int16ArrayTag = '[object Int16Array]';\nconst int32ArrayTag = '[object Int32Array]';\nconst bigInt64ArrayTag = '[object BigInt64Array]';\nconst float32ArrayTag = '[object Float32Array]';\nconst float64ArrayTag = '[object Float64Array]';\n\nexport { argumentsTag, arrayBufferTag, arrayTag, bigInt64ArrayTag, bigUint64ArrayTag, booleanTag, dataViewTag, dateTag, errorTag, float32ArrayTag, float64ArrayTag, functionTag, int16ArrayTag, int32ArrayTag, int8ArrayTag, mapTag, numberTag, objectTag, regexpTag, setTag, stringTag, symbolTag, uint16ArrayTag, uint32ArrayTag, uint8ArrayTag, uint8ClampedArrayTag };\n", "function isTypedArray(x) {\n    return ArrayBuffer.isView(x) && !(x instanceof DataView);\n}\n\nexport { isTypedArray };\n", "import { getSymbols } from '../compat/_internal/getSymbols.mjs';\nimport { getTag } from '../compat/_internal/getTag.mjs';\nimport { uint32ArrayTag, uint16ArrayTag, uint8ClampedArrayTag, uint8ArrayTag, symbolTag, stringTag, setTag, regexpTag, objectTag, numberTag, mapTag, int32ArrayTag, int16ArrayTag, int8ArrayTag, float64ArrayTag, float32ArrayTag, dateTag, booleanTag, dataViewTag, arrayBufferTag, arrayTag, argumentsTag } from '../compat/_internal/tags.mjs';\nimport { isPrimitive } from '../predicate/isPrimitive.mjs';\nimport { isTypedArray } from '../predicate/isTypedArray.mjs';\n\nfunction cloneDeepWith(obj, cloneValue) {\n    return cloneDeepWithImpl(obj, undefined, obj, new Map(), cloneValue);\n}\nfunction cloneDeepWithImpl(valueToClone, keyToClone, objectToClone, stack = new Map(), cloneValue = undefined) {\n    const cloned = cloneValue?.(valueToClone, keyToClone, objectToClone, stack);\n    if (cloned != null) {\n        return cloned;\n    }\n    if (isPrimitive(valueToClone)) {\n        return valueToClone;\n    }\n    if (stack.has(valueToClone)) {\n        return stack.get(valueToClone);\n    }\n    if (Array.isArray(valueToClone)) {\n        const result = new Array(valueToClone.length);\n        stack.set(valueToClone, result);\n        for (let i = 0; i < valueToClone.length; i++) {\n            result[i] = cloneDeepWithImpl(valueToClone[i], i, objectToClone, stack, cloneValue);\n        }\n        if (Object.hasOwn(valueToClone, 'index')) {\n            result.index = valueToClone.index;\n        }\n        if (Object.hasOwn(valueToClone, 'input')) {\n            result.input = valueToClone.input;\n        }\n        return result;\n    }\n    if (valueToClone instanceof Date) {\n        return new Date(valueToClone.getTime());\n    }\n    if (valueToClone instanceof RegExp) {\n        const result = new RegExp(valueToClone.source, valueToClone.flags);\n        result.lastIndex = valueToClone.lastIndex;\n        return result;\n    }\n    if (valueToClone instanceof Map) {\n        const result = new Map();\n        stack.set(valueToClone, result);\n        for (const [key, value] of valueToClone) {\n            result.set(key, cloneDeepWithImpl(value, key, objectToClone, stack, cloneValue));\n        }\n        return result;\n    }\n    if (valueToClone instanceof Set) {\n        const result = new Set();\n        stack.set(valueToClone, result);\n        for (const value of valueToClone) {\n            result.add(cloneDeepWithImpl(value, undefined, objectToClone, stack, cloneValue));\n        }\n        return result;\n    }\n    if (typeof Buffer !== 'undefined' && Buffer.isBuffer(valueToClone)) {\n        return valueToClone.subarray();\n    }\n    if (isTypedArray(valueToClone)) {\n        const result = new (Object.getPrototypeOf(valueToClone).constructor)(valueToClone.length);\n        stack.set(valueToClone, result);\n        for (let i = 0; i < valueToClone.length; i++) {\n            result[i] = cloneDeepWithImpl(valueToClone[i], i, objectToClone, stack, cloneValue);\n        }\n        return result;\n    }\n    if (valueToClone instanceof ArrayBuffer ||\n        (typeof SharedArrayBuffer !== 'undefined' && valueToClone instanceof SharedArrayBuffer)) {\n        return valueToClone.slice(0);\n    }\n    if (valueToClone instanceof DataView) {\n        const result = new DataView(valueToClone.buffer.slice(0), valueToClone.byteOffset, valueToClone.byteLength);\n        stack.set(valueToClone, result);\n        copyProperties(result, valueToClone, objectToClone, stack, cloneValue);\n        return result;\n    }\n    if (typeof File !== 'undefined' && valueToClone instanceof File) {\n        const result = new File([valueToClone], valueToClone.name, {\n            type: valueToClone.type,\n        });\n        stack.set(valueToClone, result);\n        copyProperties(result, valueToClone, objectToClone, stack, cloneValue);\n        return result;\n    }\n    if (valueToClone instanceof Blob) {\n        const result = new Blob([valueToClone], { type: valueToClone.type });\n        stack.set(valueToClone, result);\n        copyProperties(result, valueToClone, objectToClone, stack, cloneValue);\n        return result;\n    }\n    if (valueToClone instanceof Error) {\n        const result = new valueToClone.constructor();\n        stack.set(valueToClone, result);\n        result.message = valueToClone.message;\n        result.name = valueToClone.name;\n        result.stack = valueToClone.stack;\n        result.cause = valueToClone.cause;\n        copyProperties(result, valueToClone, objectToClone, stack, cloneValue);\n        return result;\n    }\n    if (typeof valueToClone === 'object' && isCloneableObject(valueToClone)) {\n        const result = Object.create(Object.getPrototypeOf(valueToClone));\n        stack.set(valueToClone, result);\n        copyProperties(result, valueToClone, objectToClone, stack, cloneValue);\n        return result;\n    }\n    return valueToClone;\n}\nfunction copyProperties(target, source, objectToClone = target, stack, cloneValue) {\n    const keys = [...Object.keys(source), ...getSymbols(source)];\n    for (let i = 0; i < keys.length; i++) {\n        const key = keys[i];\n        const descriptor = Object.getOwnPropertyDescriptor(target, key);\n        if (descriptor == null || descriptor.writable) {\n            target[key] = cloneDeepWithImpl(source[key], key, objectToClone, stack, cloneValue);\n        }\n    }\n}\nfunction isCloneableObject(object) {\n    switch (getTag(object)) {\n        case argumentsTag:\n        case arrayTag:\n        case arrayBufferTag:\n        case dataViewTag:\n        case booleanTag:\n        case dateTag:\n        case float32ArrayTag:\n        case float64ArrayTag:\n        case int8ArrayTag:\n        case int16ArrayTag:\n        case int32ArrayTag:\n        case mapTag:\n        case numberTag:\n        case objectTag:\n        case regexpTag:\n        case setTag:\n        case stringTag:\n        case symbolTag:\n        case uint8ArrayTag:\n        case uint8ClampedArrayTag:\n        case uint16ArrayTag:\n        case uint32ArrayTag: {\n            return true;\n        }\n        default: {\n            return false;\n        }\n    }\n}\n\nexport { cloneDeepWith, cloneDeepWithImpl, copyProperties };\n", "import { cloneDeepWithImpl } from './cloneDeepWith.mjs';\n\nfunction cloneDeep(obj) {\n    return cloneDeepWithImpl(obj, undefined, obj, new Map(), undefined);\n}\n\nexport { cloneDeep };\n", "import { isMatch } from './isMatch.mjs';\nimport { cloneDeep } from '../../object/cloneDeep.mjs';\n\nfunction matches(source) {\n    source = cloneDeep(source);\n    return (target) => {\n        return isMatch(target, source);\n    };\n}\n\nexport { matches };\n", "import { cloneDeepWith as cloneDeepWith$1, copyProperties } from '../../object/cloneDeepWith.mjs';\nimport { argumentsTag, booleanTag, stringTag, numberTag } from '../_internal/tags.mjs';\n\nfunction cloneDeepWith(obj, customizer) {\n    return cloneDeepWith$1(obj, (value, key, object, stack) => {\n        const cloned = customizer?.(value, key, object, stack);\n        if (cloned != null) {\n            return cloned;\n        }\n        if (typeof obj !== 'object') {\n            return undefined;\n        }\n        switch (Object.prototype.toString.call(obj)) {\n            case numberTag:\n            case stringTag:\n            case booleanTag: {\n                const result = new obj.constructor(obj?.valueOf());\n                copyProperties(result, obj);\n                return result;\n            }\n            case argumentsTag: {\n                const result = {};\n                copyProperties(result, obj);\n                result.length = obj.length;\n                result[Symbol.iterator] = obj[Symbol.iterator];\n                return result;\n            }\n            default: {\n                return undefined;\n            }\n        }\n    });\n}\n\nexport { cloneDeepWith };\n", "import { cloneDeepWith } from './cloneDeepWith.mjs';\n\nfunction cloneDeep(obj) {\n    return cloneDeepWith(obj);\n}\n\nexport { cloneDeep };\n", "const IS_UNSIGNED_INTEGER = /^(?:0|[1-9]\\d*)$/;\nfunction isIndex(value, length = Number.MAX_SAFE_INTEGER) {\n    switch (typeof value) {\n        case 'number': {\n            return Number.isInteger(value) && value >= 0 && value < length;\n        }\n        case 'symbol': {\n            return false;\n        }\n        case 'string': {\n            return IS_UNSIGNED_INTEGER.test(value);\n        }\n    }\n}\n\nexport { isIndex };\n", "import { getTag } from '../_internal/getTag.mjs';\n\nfunction isArguments(value) {\n    return value !== null && typeof value === 'object' && getTag(value) === '[object Arguments]';\n}\n\nexport { isArguments };\n", "import { isDeepKey } from '../_internal/isDeepKey.mjs';\nimport { isIndex } from '../_internal/isIndex.mjs';\nimport { isArguments } from '../predicate/isArguments.mjs';\nimport { toPath } from '../util/toPath.mjs';\n\nfunction has(object, path) {\n    let resolvedPath;\n    if (Array.isArray(path)) {\n        resolvedPath = path;\n    }\n    else if (typeof path === 'string' && isDeepKey(path) && object?.[path] == null) {\n        resolvedPath = toPath(path);\n    }\n    else {\n        resolvedPath = [path];\n    }\n    if (resolvedPath.length === 0) {\n        return false;\n    }\n    let current = object;\n    for (let i = 0; i < resolvedPath.length; i++) {\n        const key = resolvedPath[i];\n        if (current == null || !Object.hasOwn(current, key)) {\n            const isSparseIndex = (Array.isArray(current) || isArguments(current)) && isIndex(key) && key < current.length;\n            if (!isSparseIndex) {\n                return false;\n            }\n        }\n        current = current[key];\n    }\n    return true;\n}\n\nexport { has };\n", "import { isMatch } from './isMatch.mjs';\nimport { toKey } from '../_internal/toKey.mjs';\nimport { cloneDeep } from '../object/cloneDeep.mjs';\nimport { get } from '../object/get.mjs';\nimport { has } from '../object/has.mjs';\n\nfunction matchesProperty(property, source) {\n    switch (typeof property) {\n        case 'object': {\n            if (Object.is(property?.valueOf(), -0)) {\n                property = '-0';\n            }\n            break;\n        }\n        case 'number': {\n            property = toKey(property);\n            break;\n        }\n    }\n    source = cloneDeep(source);\n    return function (target) {\n        const result = get(target, property);\n        if (result === undefined) {\n            return has(target, property);\n        }\n        if (source === undefined) {\n            return result === undefined;\n        }\n        return isMatch(result, source);\n    };\n}\n\nexport { matchesProperty };\n", "import { identity } from '../../function/identity.mjs';\nimport { property } from '../object/property.mjs';\nimport { matches } from '../predicate/matches.mjs';\nimport { matchesProperty } from '../predicate/matchesProperty.mjs';\n\nfunction iteratee(value) {\n    if (value == null) {\n        return identity;\n    }\n    switch (typeof value) {\n        case 'function': {\n            return value;\n        }\n        case 'object': {\n            if (Array.isArray(value) && value.length === 2) {\n                return matchesProperty(value[0], value[1]);\n            }\n            return matches(value);\n        }\n        case 'string':\n        case 'symbol':\n        case 'number': {\n            return property(value);\n        }\n    }\n}\n\nexport { iteratee };\n", "function isObjectLike(value) {\n    return typeof value === 'object' && value !== null;\n}\n\nexport { isObjectLike };\n", "function isSymbol(value) {\n    return typeof value === 'symbol' || value instanceof Symbol;\n}\n\nexport { isSymbol };\n", "import { isSymbol } from '../predicate/isSymbol.mjs';\n\nfunction toNumber(value) {\n    if (isSymbol(value)) {\n        return NaN;\n    }\n    return Number(value);\n}\n\nexport { toNumber };\n", "import { toNumber } from './toNumber.mjs';\n\nfunction toFinite(value) {\n    if (!value) {\n        return value === 0 ? value : 0;\n    }\n    value = toNumber(value);\n    if (value === Infinity || value === -Infinity) {\n        const sign = value < 0 ? -1 : 1;\n        return sign * Number.MAX_VALUE;\n    }\n    return value === value ? value : 0;\n}\n\nexport { toFinite };\n", "import { toFinite } from './toFinite.mjs';\n\nfunction toInteger(value) {\n    const finite = toFinite(value);\n    const remainder = finite % 1;\n    return remainder ? finite - remainder : finite;\n}\n\nexport { toInteger };\n", "function isString(value) {\n    return typeof value === 'string' || value instanceof String;\n}\n\nexport { isString };\n", "import { isSymbol } from '../predicate/isSymbol.mjs';\n\nconst regexIsDeepProp = /\\.|\\[(?:[^[\\]]*|([\"'])(?:(?!\\1)[^\\\\]|\\\\.)*?\\1)\\]/;\nconst regexIsPlainProp = /^\\w*$/;\nfunction isKey(value, object) {\n    if (Array.isArray(value)) {\n        return false;\n    }\n    if (typeof value === 'number' || typeof value === 'boolean' || value == null || isSymbol(value)) {\n        return true;\n    }\n    return ((typeof value === 'string' && (regexIsPlainProp.test(value) || !regexIsDeepProp.test(value))) ||\n        (object != null && Object.hasOwn(object, value)));\n}\n\nexport { isKey };\n", "function isArray(value) {\n    return Array.isArray(value);\n}\n\nexport { isArray };\n", "import { eq } from '../util/eq.mjs';\n\nconst assignValue = (object, key, value) => {\n    const objValue = object[key];\n    if (!(Object.hasOwn(object, key) && eq(objValue, value)) || (value === undefined && !(key in object))) {\n        object[key] = value;\n    }\n};\n\nexport { assignValue };\n", "import { isUnsafeProperty } from '../../_internal/isUnsafeProperty.mjs';\nimport { assignValue } from '../_internal/assignValue.mjs';\nimport { isIndex } from '../_internal/isIndex.mjs';\nimport { isKey } from '../_internal/isKey.mjs';\nimport { toKey } from '../_internal/toKey.mjs';\nimport { isObject } from '../predicate/isObject.mjs';\nimport { toPath } from '../util/toPath.mjs';\n\nfunction updateWith(obj, path, updater, customizer) {\n    if (obj == null && !isObject(obj)) {\n        return obj;\n    }\n    const resolvedPath = isKey(path, obj)\n        ? [path]\n        : Array.isArray(path)\n            ? path\n            : typeof path === 'string'\n                ? toPath(path)\n                : [path];\n    let current = obj;\n    for (let i = 0; i < resolvedPath.length && current != null; i++) {\n        const key = toKey(resolvedPath[i]);\n        if (isUnsafeProperty(key)) {\n            continue;\n        }\n        let newValue;\n        if (i === resolvedPath.length - 1) {\n            newValue = updater(current[key]);\n        }\n        else {\n            const objValue = current[key];\n            const customizerResult = customizer?.(objValue, key, obj);\n            newValue =\n                customizerResult !== undefined\n                    ? customizerResult\n                    : isObject(objValue)\n                        ? objValue\n                        : isIndex(resolvedPath[i + 1])\n                            ? []\n                            : {};\n        }\n        assignValue(current, key, newValue);\n        current = current[key];\n    }\n    return obj;\n}\n\nexport { updateWith };\n", "import { updateWith } from './updateWith.mjs';\n\nfunction set(obj, path, value) {\n    return updateWith(obj, path, () => value, () => undefined);\n}\n\nexport { set };\n", "function debounce(func, debounceMs, { signal, edges } = {}) {\n    let pendingThis = undefined;\n    let pendingArgs = null;\n    const leading = edges != null && edges.includes('leading');\n    const trailing = edges == null || edges.includes('trailing');\n    const invoke = () => {\n        if (pendingArgs !== null) {\n            func.apply(pendingThis, pendingArgs);\n            pendingThis = undefined;\n            pendingArgs = null;\n        }\n    };\n    const onTimerEnd = () => {\n        if (trailing) {\n            invoke();\n        }\n        cancel();\n    };\n    let timeoutId = null;\n    const schedule = () => {\n        if (timeoutId != null) {\n            clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n            timeoutId = null;\n            onTimerEnd();\n        }, debounceMs);\n    };\n    const cancelTimer = () => {\n        if (timeoutId !== null) {\n            clearTimeout(timeoutId);\n            timeoutId = null;\n        }\n    };\n    const cancel = () => {\n        cancelTimer();\n        pendingThis = undefined;\n        pendingArgs = null;\n    };\n    const flush = () => {\n        cancelTimer();\n        invoke();\n    };\n    const debounced = function (...args) {\n        if (signal?.aborted) {\n            return;\n        }\n        pendingThis = this;\n        pendingArgs = args;\n        const isFirstCall = timeoutId == null;\n        schedule();\n        if (leading && isFirstCall) {\n            invoke();\n        }\n    };\n    debounced.schedule = schedule;\n    debounced.cancel = cancel;\n    debounced.flush = flush;\n    signal?.addEventListener('abort', cancel, { once: true });\n    return debounced;\n}\n\nexport { debounce };\n", "import { debounce as debounce$1 } from '../../function/debounce.mjs';\n\nfunction debounce(func, debounceMs = 0, options = {}) {\n    if (typeof options !== 'object') {\n        options = {};\n    }\n    const { leading = false, trailing = true, maxWait } = options;\n    const edges = Array(2);\n    if (leading) {\n        edges[0] = 'leading';\n    }\n    if (trailing) {\n        edges[1] = 'trailing';\n    }\n    let result = undefined;\n    let pendingAt = null;\n    const _debounced = debounce$1(function (...args) {\n        result = func.apply(this, args);\n        pendingAt = null;\n    }, debounceMs, { edges });\n    const debounced = function (...args) {\n        if (maxWait != null) {\n            if (pendingAt === null) {\n                pendingAt = Date.now();\n            }\n            if (Date.now() - pendingAt >= maxWait) {\n                result = func.apply(this, args);\n                pendingAt = Date.now();\n                _debounced.cancel();\n                _debounced.schedule();\n                return result;\n            }\n        }\n        _debounced.apply(this, args);\n        return result;\n    };\n    const flush = () => {\n        _debounced.flush();\n        return result;\n    };\n    debounced.cancel = _debounced.cancel;\n    debounced.flush = flush;\n    return debounced;\n}\n\nexport { debounce };\n", "import { debounce } from './debounce.mjs';\n\nfunction throttle(func, throttleMs = 0, options = {}) {\n    if (typeof options !== 'object') {\n        options = {};\n    }\n    const { leading = true, trailing = true } = options;\n    return debounce(func, throttleMs, {\n        leading,\n        trailing,\n        maxWait: throttleMs,\n    });\n}\n\nexport { throttle };\n", "function toString(value) {\n    if (value == null) {\n        return '';\n    }\n    if (typeof value === 'string') {\n        return value;\n    }\n    if (Array.isArray(value)) {\n        return value.map(toString).join(',');\n    }\n    const result = String(value);\n    if (result === '0' && Object.is(Number(value), -0)) {\n        return '-0';\n    }\n    return result;\n}\n\nexport { toString };\n", "function isPlainObject(value) {\n    if (!value || typeof value !== 'object') {\n        return false;\n    }\n    const proto = Object.getPrototypeOf(value);\n    const hasObjectPrototype = proto === null ||\n        proto === Object.prototype ||\n        Object.getPrototypeOf(proto) === null;\n    if (!hasObjectPrototype) {\n        return false;\n    }\n    return Object.prototype.toString.call(value) === '[object Object]';\n}\n\nexport { isPlainObject };\n", "import { isPlainObject } from './isPlainObject.mjs';\nimport { getSymbols } from '../compat/_internal/getSymbols.mjs';\nimport { getTag } from '../compat/_internal/getTag.mjs';\nimport { functionTag, regexpTag, symbolTag, dateTag, booleanTag, numberTag, stringTag, objectTag, errorTag, dataViewTag, arrayBufferTag, float64ArrayTag, float32ArrayTag, bigInt64ArrayTag, int32ArrayTag, int16ArrayTag, int8ArrayTag, bigUint64ArrayTag, uint32ArrayTag, uint16ArrayTag, uint8ClampedArrayTag, uint8ArrayTag, arrayTag, setTag, mapTag, argumentsTag } from '../compat/_internal/tags.mjs';\nimport { eq } from '../compat/util/eq.mjs';\n\nfunction isEqualWith(a, b, areValuesEqual) {\n    return isEqualWithImpl(a, b, undefined, undefined, undefined, undefined, areValuesEqual);\n}\nfunction isEqualWithImpl(a, b, property, aParent, bParent, stack, areValuesEqual) {\n    const result = areValuesEqual(a, b, property, aParent, bParent, stack);\n    if (result !== undefined) {\n        return result;\n    }\n    if (typeof a === typeof b) {\n        switch (typeof a) {\n            case 'bigint':\n            case 'string':\n            case 'boolean':\n            case 'symbol':\n            case 'undefined': {\n                return a === b;\n            }\n            case 'number': {\n                return a === b || Object.is(a, b);\n            }\n            case 'function': {\n                return a === b;\n            }\n            case 'object': {\n                return areObjectsEqual(a, b, stack, areValuesEqual);\n            }\n        }\n    }\n    return areObjectsEqual(a, b, stack, areValuesEqual);\n}\nfunction areObjectsEqual(a, b, stack, areValuesEqual) {\n    if (Object.is(a, b)) {\n        return true;\n    }\n    let aTag = getTag(a);\n    let bTag = getTag(b);\n    if (aTag === argumentsTag) {\n        aTag = objectTag;\n    }\n    if (bTag === argumentsTag) {\n        bTag = objectTag;\n    }\n    if (aTag !== bTag) {\n        return false;\n    }\n    switch (aTag) {\n        case stringTag:\n            return a.toString() === b.toString();\n        case numberTag: {\n            const x = a.valueOf();\n            const y = b.valueOf();\n            return eq(x, y);\n        }\n        case booleanTag:\n        case dateTag:\n        case symbolTag:\n            return Object.is(a.valueOf(), b.valueOf());\n        case regexpTag: {\n            return a.source === b.source && a.flags === b.flags;\n        }\n        case functionTag: {\n            return a === b;\n        }\n    }\n    stack = stack ?? new Map();\n    const aStack = stack.get(a);\n    const bStack = stack.get(b);\n    if (aStack != null && bStack != null) {\n        return aStack === b;\n    }\n    stack.set(a, b);\n    stack.set(b, a);\n    try {\n        switch (aTag) {\n            case mapTag: {\n                if (a.size !== b.size) {\n                    return false;\n                }\n                for (const [key, value] of a.entries()) {\n                    if (!b.has(key) || !isEqualWithImpl(value, b.get(key), key, a, b, stack, areValuesEqual)) {\n                        return false;\n                    }\n                }\n                return true;\n            }\n            case setTag: {\n                if (a.size !== b.size) {\n                    return false;\n                }\n                const aValues = Array.from(a.values());\n                const bValues = Array.from(b.values());\n                for (let i = 0; i < aValues.length; i++) {\n                    const aValue = aValues[i];\n                    const index = bValues.findIndex(bValue => {\n                        return isEqualWithImpl(aValue, bValue, undefined, a, b, stack, areValuesEqual);\n                    });\n                    if (index === -1) {\n                        return false;\n                    }\n                    bValues.splice(index, 1);\n                }\n                return true;\n            }\n            case arrayTag:\n            case uint8ArrayTag:\n            case uint8ClampedArrayTag:\n            case uint16ArrayTag:\n            case uint32ArrayTag:\n            case bigUint64ArrayTag:\n            case int8ArrayTag:\n            case int16ArrayTag:\n            case int32ArrayTag:\n            case bigInt64ArrayTag:\n            case float32ArrayTag:\n            case float64ArrayTag: {\n                if (typeof Buffer !== 'undefined' && Buffer.isBuffer(a) !== Buffer.isBuffer(b)) {\n                    return false;\n                }\n                if (a.length !== b.length) {\n                    return false;\n                }\n                for (let i = 0; i < a.length; i++) {\n                    if (!isEqualWithImpl(a[i], b[i], i, a, b, stack, areValuesEqual)) {\n                        return false;\n                    }\n                }\n                return true;\n            }\n            case arrayBufferTag: {\n                if (a.byteLength !== b.byteLength) {\n                    return false;\n                }\n                return areObjectsEqual(new Uint8Array(a), new Uint8Array(b), stack, areValuesEqual);\n            }\n            case dataViewTag: {\n                if (a.byteLength !== b.byteLength || a.byteOffset !== b.byteOffset) {\n                    return false;\n                }\n                return areObjectsEqual(new Uint8Array(a), new Uint8Array(b), stack, areValuesEqual);\n            }\n            case errorTag: {\n                return a.name === b.name && a.message === b.message;\n            }\n            case objectTag: {\n                const areEqualInstances = areObjectsEqual(a.constructor, b.constructor, stack, areValuesEqual) ||\n                    (isPlainObject(a) && isPlainObject(b));\n                if (!areEqualInstances) {\n                    return false;\n                }\n                const aKeys = [...Object.keys(a), ...getSymbols(a)];\n                const bKeys = [...Object.keys(b), ...getSymbols(b)];\n                if (aKeys.length !== bKeys.length) {\n                    return false;\n                }\n                for (let i = 0; i < aKeys.length; i++) {\n                    const propKey = aKeys[i];\n                    const aProp = a[propKey];\n                    if (!Object.hasOwn(b, propKey)) {\n                        return false;\n                    }\n                    const bProp = b[propKey];\n                    if (!isEqualWithImpl(aProp, bProp, propKey, a, b, stack, areValuesEqual)) {\n                        return false;\n                    }\n                }\n                return true;\n            }\n            default: {\n                return false;\n            }\n        }\n    }\n    finally {\n        stack.delete(a);\n        stack.delete(b);\n    }\n}\n\nexport { isEqualWith };\n", "function noop() { }\n\nexport { noop };\n", "import { isEqualWith } from './isEqualWith.mjs';\nimport { noop } from '../function/noop.mjs';\n\nfunction isEqual(a, b) {\n    return isEqualWith(a, b, noop);\n}\n\nexport { isEqual };\n", "function isBuffer(x) {\n    return typeof Buffer !== 'undefined' && Buffer.isBuffer(x);\n}\n\nexport { isBuffer };\n", "function isPrototype(value) {\n    const constructor = value?.constructor;\n    const prototype = typeof constructor === 'function' ? constructor.prototype : Object.prototype;\n    return value === prototype;\n}\n\nexport { isPrototype };\n", "import { isTypedArray as isTypedArray$1 } from '../../predicate/isTypedArray.mjs';\n\nfunction isTypedArray(x) {\n    return isTypedArray$1(x);\n}\n\nexport { isTypedArray };\n", "import { toInteger } from './toInteger.mjs';\n\nfunction times(n, getValue) {\n    n = toInteger(n);\n    if (n < 1 || !Number.isSafeInteger(n)) {\n        return [];\n    }\n    const result = new Array(n);\n    for (let i = 0; i < n; i++) {\n        result[i] = typeof getValue === 'function' ? getValue(i) : i;\n    }\n    return result;\n}\n\nexport { times };\n", "import { isBuffer } from '../../predicate/isBuffer.mjs';\nimport { isPrototype } from '../_internal/isPrototype.mjs';\nimport { isArrayLike } from '../predicate/isArrayLike.mjs';\nimport { isTypedArray } from '../predicate/isTypedArray.mjs';\nimport { times } from '../util/times.mjs';\n\nfunction keysIn(object) {\n    if (object == null) {\n        return [];\n    }\n    switch (typeof object) {\n        case 'object':\n        case 'function': {\n            if (isArrayLike(object)) {\n                return arrayLikeKeysIn(object);\n            }\n            if (isPrototype(object)) {\n                return prototypeKeysIn(object);\n            }\n            return keysInImpl(object);\n        }\n        default: {\n            return keysInImpl(Object(object));\n        }\n    }\n}\nfunction keysInImpl(object) {\n    const result = [];\n    for (const key in object) {\n        result.push(key);\n    }\n    return result;\n}\nfunction prototypeKeysIn(object) {\n    const keys = keysInImpl(object);\n    return keys.filter(key => key !== 'constructor');\n}\nfunction arrayLikeKeysIn(object) {\n    const indices = times(object.length, index => `${index}`);\n    const filteredKeys = new Set(indices);\n    if (isBuffer(object)) {\n        filteredKeys.add('offset');\n        filteredKeys.add('parent');\n    }\n    if (isTypedArray(object)) {\n        filteredKeys.add('buffer');\n        filteredKeys.add('byteLength');\n        filteredKeys.add('byteOffset');\n    }\n    return [...indices, ...keysInImpl(object).filter(key => !filteredKeys.has(key))];\n}\n\nexport { keysIn };\n", "import { keysIn } from './keysIn.mjs';\nimport { eq } from '../util/eq.mjs';\n\nfunction assignIn(object, ...sources) {\n    for (let i = 0; i < sources.length; i++) {\n        assignInImpl(object, sources[i]);\n    }\n    return object;\n}\nfunction assignInImpl(object, source) {\n    const keys = keysIn(source);\n    for (let i = 0; i < keys.length; i++) {\n        const key = keys[i];\n        if (!(key in object) || !eq(object[key], source[key])) {\n            object[key] = source[key];\n        }\n    }\n}\n\nexport { assignIn };\n", "import { isPrimitive } from '../../predicate/isPrimitive.mjs';\nimport { getTag } from '../_internal/getTag.mjs';\nimport { arrayBufferTag, dataViewTag, booleanTag, numberTag, stringTag, dateTag, regexpTag, symbolTag, mapTag, setTag, argumentsTag, uint32ArrayTag, uint16ArrayTag, uint8ClampedArrayTag, uint8ArrayTag, objectTag, int32ArrayTag, int16ArrayTag, int8ArrayTag, float64ArrayTag, float32ArrayTag, arrayTag } from '../_internal/tags.mjs';\nimport { isArray } from '../predicate/isArray.mjs';\nimport { isTypedArray } from '../predicate/isTypedArray.mjs';\n\nfunction clone(obj) {\n    if (isPrimitive(obj)) {\n        return obj;\n    }\n    const tag = getTag(obj);\n    if (!isCloneableObject(obj)) {\n        return {};\n    }\n    if (isArray(obj)) {\n        const result = Array.from(obj);\n        if (obj.length > 0 && typeof obj[0] === 'string' && Object.hasOwn(obj, 'index')) {\n            result.index = obj.index;\n            result.input = obj.input;\n        }\n        return result;\n    }\n    if (isTypedArray(obj)) {\n        const typedArray = obj;\n        const Ctor = typedArray.constructor;\n        return new Ctor(typedArray.buffer, typedArray.byteOffset, typedArray.length);\n    }\n    if (tag === arrayBufferTag) {\n        return new ArrayBuffer(obj.byteLength);\n    }\n    if (tag === dataViewTag) {\n        const dataView = obj;\n        const buffer = dataView.buffer;\n        const byteOffset = dataView.byteOffset;\n        const byteLength = dataView.byteLength;\n        const clonedBuffer = new ArrayBuffer(byteLength);\n        const srcView = new Uint8Array(buffer, byteOffset, byteLength);\n        const destView = new Uint8Array(clonedBuffer);\n        destView.set(srcView);\n        return new DataView(clonedBuffer);\n    }\n    if (tag === booleanTag || tag === numberTag || tag === stringTag) {\n        const Ctor = obj.constructor;\n        const clone = new Ctor(obj.valueOf());\n        if (tag === stringTag) {\n            cloneStringObjectProperties(clone, obj);\n        }\n        else {\n            copyOwnProperties(clone, obj);\n        }\n        return clone;\n    }\n    if (tag === dateTag) {\n        return new Date(Number(obj));\n    }\n    if (tag === regexpTag) {\n        const regExp = obj;\n        const clone = new RegExp(regExp.source, regExp.flags);\n        clone.lastIndex = regExp.lastIndex;\n        return clone;\n    }\n    if (tag === symbolTag) {\n        return Object(Symbol.prototype.valueOf.call(obj));\n    }\n    if (tag === mapTag) {\n        const map = obj;\n        const result = new Map();\n        map.forEach((obj, key) => {\n            result.set(key, obj);\n        });\n        return result;\n    }\n    if (tag === setTag) {\n        const set = obj;\n        const result = new Set();\n        set.forEach(obj => {\n            result.add(obj);\n        });\n        return result;\n    }\n    if (tag === argumentsTag) {\n        const args = obj;\n        const result = {};\n        copyOwnProperties(result, args);\n        result.length = args.length;\n        result[Symbol.iterator] = args[Symbol.iterator];\n        return result;\n    }\n    const result = {};\n    copyPrototype(result, obj);\n    copyOwnProperties(result, obj);\n    copySymbolProperties(result, obj);\n    return result;\n}\nfunction isCloneableObject(object) {\n    switch (getTag(object)) {\n        case argumentsTag:\n        case arrayTag:\n        case arrayBufferTag:\n        case dataViewTag:\n        case booleanTag:\n        case dateTag:\n        case float32ArrayTag:\n        case float64ArrayTag:\n        case int8ArrayTag:\n        case int16ArrayTag:\n        case int32ArrayTag:\n        case mapTag:\n        case numberTag:\n        case objectTag:\n        case regexpTag:\n        case setTag:\n        case stringTag:\n        case symbolTag:\n        case uint8ArrayTag:\n        case uint8ClampedArrayTag:\n        case uint16ArrayTag:\n        case uint32ArrayTag: {\n            return true;\n        }\n        default: {\n            return false;\n        }\n    }\n}\nfunction copyOwnProperties(target, source) {\n    for (const key in source) {\n        if (Object.hasOwn(source, key)) {\n            target[key] = source[key];\n        }\n    }\n}\nfunction copySymbolProperties(target, source) {\n    const symbols = Object.getOwnPropertySymbols(source);\n    for (let i = 0; i < symbols.length; i++) {\n        const symbol = symbols[i];\n        if (Object.prototype.propertyIsEnumerable.call(source, symbol)) {\n            target[symbol] = source[symbol];\n        }\n    }\n}\nfunction cloneStringObjectProperties(target, source) {\n    const stringLength = source.valueOf().length;\n    for (const key in source) {\n        if (Object.hasOwn(source, key) && (Number.isNaN(Number(key)) || Number(key) >= stringLength)) {\n            target[key] = source[key];\n        }\n    }\n}\nfunction copyPrototype(target, source) {\n    const proto = Object.getPrototypeOf(source);\n    if (proto !== null) {\n        const Ctor = source.constructor;\n        if (typeof Ctor === 'function') {\n            Object.setPrototypeOf(target, proto);\n        }\n    }\n}\n\nexport { clone };\n", "function isPlainObject(object) {\n    if (typeof object !== 'object') {\n        return false;\n    }\n    if (object == null) {\n        return false;\n    }\n    if (Object.getPrototypeOf(object) === null) {\n        return true;\n    }\n    if (Object.prototype.toString.call(object) !== '[object Object]') {\n        const tag = object[Symbol.toStringTag];\n        if (tag == null) {\n            return false;\n        }\n        const isTagReadonly = !Object.getOwnPropertyDescriptor(object, Symbol.toStringTag)?.writable;\n        if (isTagReadonly) {\n            return false;\n        }\n        return object.toString() === `[object ${tag}]`;\n    }\n    let proto = object;\n    while (Object.getPrototypeOf(proto) !== null) {\n        proto = Object.getPrototypeOf(proto);\n    }\n    return Object.getPrototypeOf(object) === proto;\n}\n\nexport { isPlainObject };\n", "function mapValues(object, getNewValue) {\n    const result = {};\n    const keys = Object.keys(object);\n    for (let i = 0; i < keys.length; i++) {\n        const key = keys[i];\n        const value = object[key];\n        result[key] = getNewValue(value, key, object);\n    }\n    return result;\n}\n\nexport { mapValues };\n", "import { identity } from '../../function/identity.mjs';\nimport { mapValues as mapValues$1 } from '../../object/mapValues.mjs';\nimport { iteratee } from '../util/iteratee.mjs';\n\nfunction mapValues(object, getNewValue = identity) {\n    if (object == null) {\n        return {};\n    }\n    return mapValues$1(object, iteratee(getNewValue));\n}\n\nexport { mapValues };\n", "import { isPrimitive } from '../predicate/isPrimitive.mjs';\nimport { isTypedArray } from '../predicate/isTypedArray.mjs';\n\nfunction clone(obj) {\n    if (isPrimitive(obj)) {\n        return obj;\n    }\n    if (Array.isArray(obj) ||\n        isTypedArray(obj) ||\n        obj instanceof ArrayBuffer ||\n        (typeof SharedArrayBuffer !== 'undefined' && obj instanceof SharedArrayBuffer)) {\n        return obj.slice(0);\n    }\n    const prototype = Object.getPrototypeOf(obj);\n    const Constructor = prototype.constructor;\n    if (obj instanceof Date || obj instanceof Map || obj instanceof Set) {\n        return new Constructor(obj);\n    }\n    if (obj instanceof RegExp) {\n        const newRegExp = new Constructor(obj);\n        newRegExp.lastIndex = obj.lastIndex;\n        return newRegExp;\n    }\n    if (obj instanceof DataView) {\n        return new Constructor(obj.buffer.slice(0));\n    }\n    if (obj instanceof Error) {\n        const newError = new Constructor(obj.message);\n        newError.stack = obj.stack;\n        newError.name = obj.name;\n        newError.cause = obj.cause;\n        return newError;\n    }\n    if (typeof File !== 'undefined' && obj instanceof File) {\n        const newFile = new Constructor([obj], obj.name, { type: obj.type, lastModified: obj.lastModified });\n        return newFile;\n    }\n    if (typeof obj === 'object') {\n        const newObject = Object.create(prototype);\n        return Object.assign(newObject, obj);\n    }\n    return obj;\n}\n\nexport { clone };\n", "import { cloneDeep } from './cloneDeep.mjs';\nimport { isUnsafeProperty } from '../../_internal/isUnsafeProperty.mjs';\nimport { clone } from '../../object/clone.mjs';\nimport { isPrimitive } from '../../predicate/isPrimitive.mjs';\nimport { getSymbols } from '../_internal/getSymbols.mjs';\nimport { isArguments } from '../predicate/isArguments.mjs';\nimport { isObjectLike } from '../predicate/isObjectLike.mjs';\nimport { isPlainObject } from '../predicate/isPlainObject.mjs';\nimport { isTypedArray } from '../predicate/isTypedArray.mjs';\n\nfunction mergeWith(object, ...otherArgs) {\n    const sources = otherArgs.slice(0, -1);\n    const merge = otherArgs[otherArgs.length - 1];\n    let result = object;\n    for (let i = 0; i < sources.length; i++) {\n        const source = sources[i];\n        result = mergeWithDeep(result, source, merge, new Map());\n    }\n    return result;\n}\nfunction mergeWithDeep(target, source, merge, stack) {\n    if (isPrimitive(target)) {\n        target = Object(target);\n    }\n    if (source == null || typeof source !== 'object') {\n        return target;\n    }\n    if (stack.has(source)) {\n        return clone(stack.get(source));\n    }\n    stack.set(source, target);\n    if (Array.isArray(source)) {\n        source = source.slice();\n        for (let i = 0; i < source.length; i++) {\n            source[i] = source[i] ?? undefined;\n        }\n    }\n    const sourceKeys = [...Object.keys(source), ...getSymbols(source)];\n    for (let i = 0; i < sourceKeys.length; i++) {\n        const key = sourceKeys[i];\n        if (isUnsafeProperty(key)) {\n            continue;\n        }\n        let sourceValue = source[key];\n        let targetValue = target[key];\n        if (isArguments(sourceValue)) {\n            sourceValue = { ...sourceValue };\n        }\n        if (isArguments(targetValue)) {\n            targetValue = { ...targetValue };\n        }\n        if (typeof Buffer !== 'undefined' && Buffer.isBuffer(sourceValue)) {\n            sourceValue = cloneDeep(sourceValue);\n        }\n        if (Array.isArray(sourceValue)) {\n            if (typeof targetValue === 'object' && targetValue != null) {\n                const cloned = [];\n                const targetKeys = Reflect.ownKeys(targetValue);\n                for (let i = 0; i < targetKeys.length; i++) {\n                    const targetKey = targetKeys[i];\n                    cloned[targetKey] = targetValue[targetKey];\n                }\n                targetValue = cloned;\n            }\n            else {\n                targetValue = [];\n            }\n        }\n        const merged = merge(targetValue, sourceValue, key, target, source, stack);\n        if (merged != null) {\n            target[key] = merged;\n        }\n        else if (Array.isArray(sourceValue)) {\n            target[key] = mergeWithDeep(targetValue, sourceValue, merge, stack);\n        }\n        else if (isObjectLike(targetValue) && isObjectLike(sourceValue)) {\n            target[key] = mergeWithDeep(targetValue, sourceValue, merge, stack);\n        }\n        else if (targetValue == null && isPlainObject(sourceValue)) {\n            target[key] = mergeWithDeep({}, sourceValue, merge, stack);\n        }\n        else if (targetValue == null && isTypedArray(sourceValue)) {\n            target[key] = cloneDeep(sourceValue);\n        }\n        else if (targetValue === undefined || sourceValue !== undefined) {\n            target[key] = sourceValue;\n        }\n    }\n    return target;\n}\n\nexport { mergeWith };\n", "import { mergeWith } from './mergeWith.mjs';\nimport { noop } from '../../function/noop.mjs';\n\nfunction merge(object, ...sources) {\n    return mergeWith(object, ...sources, noop);\n}\n\nexport { merge };\n", "function isFunction(value) {\n    return typeof value === 'function';\n}\n\nexport { isFunction };\n", "import { isObjectLike } from './isObjectLike.mjs';\nimport { isPlainObject } from './isPlainObject.mjs';\n\nfunction isElement(value) {\n    return isObjectLike(value) && value.nodeType === 1 && !isPlainObject(value);\n}\n\nexport { isElement };\n", "function after(n, func) {\n    if (!Number.isInteger(n) || n < 0) {\n        throw new Error(`n must be a non-negative integer.`);\n    }\n    let counter = 0;\n    return (...args) => {\n        if (++counter >= n) {\n            return func(...args);\n        }\n        return undefined;\n    };\n}\n\nexport { after };\n", "import { after } from '../../function/after.mjs';\nimport { isEqualWith as isEqualWith$1 } from '../../predicate/isEqualWith.mjs';\n\nfunction isEqualWith(a, b, areValuesEqual) {\n    if (typeof areValuesEqual !== 'function') {\n        areValuesEqual = () => undefined;\n    }\n    return isEqualWith$1(a, b, (...args) => {\n        const result = areValuesEqual(...args);\n        if (result !== undefined) {\n            return Boolean(result);\n        }\n        if (a instanceof Map && b instanceof Map) {\n            return isEqualWith(Array.from(a), Array.from(b), after(2, areValuesEqual));\n        }\n        if (a instanceof Set && b instanceof Set) {\n            return isEqualWith(Array.from(a), Array.from(b), after(2, areValuesEqual));\n        }\n    });\n}\n\nexport { isEqualWith };\n", "function upperFirst(str) {\n    return str.substring(0, 1).toUpperCase() + str.substring(1);\n}\n\nexport { upperFirst };\n", "import { upperFirst as upperFirst$1 } from '../../string/upperFirst.mjs';\nimport { toString } from '../util/toString.mjs';\n\nfunction upperFirst(str) {\n    return upperFirst$1(toString(str));\n}\n\nexport { upperFirst };\n", "export { castArray } from './array/castArray.mjs';\nexport { chunk } from './array/chunk.mjs';\nexport { compact } from './array/compact.mjs';\nexport { concat } from './array/concat.mjs';\nexport { countBy } from './array/countBy.mjs';\nexport { difference } from './array/difference.mjs';\nexport { differenceBy } from './array/differenceBy.mjs';\nexport { differenceWith } from './array/differenceWith.mjs';\nexport { drop } from './array/drop.mjs';\nexport { dropRight } from './array/dropRight.mjs';\nexport { dropRightWhile } from './array/dropRightWhile.mjs';\nexport { dropWhile } from './array/dropWhile.mjs';\nexport { forEach as each, forEach } from './array/forEach.mjs';\nexport { forEachRight as eachRight, forEachRight } from './array/forEachRight.mjs';\nexport { every } from './array/every.mjs';\nexport { fill } from './array/fill.mjs';\nexport { filter } from './array/filter.mjs';\nexport { find } from './array/find.mjs';\nexport { findIndex } from './array/findIndex.mjs';\nexport { findLast } from './array/findLast.mjs';\nexport { findLastIndex } from './array/findLastIndex.mjs';\nexport { head as first, head } from './array/head.mjs';\nexport { flatMap } from './array/flatMap.mjs';\nexport { flatMapDeep } from './array/flatMapDeep.mjs';\nexport { flatMapDepth } from './array/flatMapDepth.mjs';\nexport { flatten } from './array/flatten.mjs';\nexport { flattenDeep } from './array/flattenDeep.mjs';\nexport { flattenDepth } from './array/flattenDepth.mjs';\nexport { groupBy } from './array/groupBy.mjs';\nexport { includes } from './array/includes.mjs';\nexport { indexOf } from './array/indexOf.mjs';\nexport { initial } from './array/initial.mjs';\nexport { intersection } from './array/intersection.mjs';\nexport { intersectionBy } from './array/intersectionBy.mjs';\nexport { intersectionWith } from './array/intersectionWith.mjs';\nexport { invokeMap } from './array/invokeMap.mjs';\nexport { join } from './array/join.mjs';\nexport { keyBy } from './array/keyBy.mjs';\nexport { last } from './array/last.mjs';\nexport { lastIndexOf } from './array/lastIndexOf.mjs';\nexport { map } from './array/map.mjs';\nexport { nth } from './array/nth.mjs';\nexport { orderBy } from './array/orderBy.mjs';\nexport { partition } from './array/partition.mjs';\nexport { pull } from './array/pull.mjs';\nexport { pullAll } from './array/pullAll.mjs';\nexport { pullAllBy } from './array/pullAllBy.mjs';\nexport { pullAllWith } from './array/pullAllWith.mjs';\nexport { pullAt } from './array/pullAt.mjs';\nexport { reduce } from './array/reduce.mjs';\nexport { reduceRight } from './array/reduceRight.mjs';\nexport { reject } from './array/reject.mjs';\nexport { remove } from './array/remove.mjs';\nexport { reverse } from './array/reverse.mjs';\nexport { sample } from './array/sample.mjs';\nexport { sampleSize } from './array/sampleSize.mjs';\nexport { shuffle } from './array/shuffle.mjs';\nexport { size } from './array/size.mjs';\nexport { slice } from './array/slice.mjs';\nexport { some } from './array/some.mjs';\nexport { sortBy } from './array/sortBy.mjs';\nexport { sortedIndex } from './array/sortedIndex.mjs';\nexport { sortedIndexBy } from './array/sortedIndexBy.mjs';\nexport { sortedIndexOf } from './array/sortedIndexOf.mjs';\nexport { sortedLastIndex } from './array/sortedLastIndex.mjs';\nexport { sortedLastIndexBy } from './array/sortedLastIndexBy.mjs';\nexport { sortedLastIndexOf } from './array/sortedLastIndexOf.mjs';\nexport { tail } from './array/tail.mjs';\nexport { take } from './array/take.mjs';\nexport { takeRight } from './array/takeRight.mjs';\nexport { takeRightWhile } from './array/takeRightWhile.mjs';\nexport { takeWhile } from './array/takeWhile.mjs';\nexport { union } from './array/union.mjs';\nexport { unionBy } from './array/unionBy.mjs';\nexport { unionWith } from './array/unionWith.mjs';\nexport { uniq } from './array/uniq.mjs';\nexport { uniqBy } from './array/uniqBy.mjs';\nexport { uniqWith } from './array/uniqWith.mjs';\nexport { unzip } from './array/unzip.mjs';\nexport { unzipWith } from './array/unzipWith.mjs';\nexport { without } from './array/without.mjs';\nexport { xor } from './array/xor.mjs';\nexport { xorBy } from './array/xorBy.mjs';\nexport { xorWith } from './array/xorWith.mjs';\nexport { zip } from './array/zip.mjs';\nexport { zipObject } from './array/zipObject.mjs';\nexport { zipObjectDeep } from './array/zipObjectDeep.mjs';\nexport { zipWith } from './array/zipWith.mjs';\nexport { after } from './function/after.mjs';\nexport { ary } from './function/ary.mjs';\nexport { attempt } from './function/attempt.mjs';\nexport { before } from './function/before.mjs';\nexport { bind } from './function/bind.mjs';\nexport { bindKey } from './function/bindKey.mjs';\nexport { curry } from './function/curry.mjs';\nexport { curryRight } from './function/curryRight.mjs';\nexport { debounce } from './function/debounce.mjs';\nexport { defer } from './function/defer.mjs';\nexport { delay } from './function/delay.mjs';\nexport { flip } from './function/flip.mjs';\nexport { flow } from './function/flow.mjs';\nexport { flowRight } from './function/flowRight.mjs';\nexport { memoize } from './function/memoize.mjs';\nexport { negate } from './function/negate.mjs';\nexport { nthArg } from './function/nthArg.mjs';\nexport { once } from './function/once.mjs';\nexport { overArgs } from './function/overArgs.mjs';\nexport { partial } from './function/partial.mjs';\nexport { partialRight } from './function/partialRight.mjs';\nexport { rearg } from './function/rearg.mjs';\nexport { rest } from './function/rest.mjs';\nexport { spread } from './function/spread.mjs';\nexport { throttle } from './function/throttle.mjs';\nexport { unary } from './function/unary.mjs';\nexport { wrap } from './function/wrap.mjs';\nexport { add } from './math/add.mjs';\nexport { ceil } from './math/ceil.mjs';\nexport { clamp } from './math/clamp.mjs';\nexport { divide } from './math/divide.mjs';\nexport { floor } from './math/floor.mjs';\nexport { inRange } from './math/inRange.mjs';\nexport { max } from './math/max.mjs';\nexport { maxBy } from './math/maxBy.mjs';\nexport { mean } from './math/mean.mjs';\nexport { meanBy } from './math/meanBy.mjs';\nexport { min } from './math/min.mjs';\nexport { minBy } from './math/minBy.mjs';\nexport { multiply } from './math/multiply.mjs';\nexport { parseInt } from './math/parseInt.mjs';\nexport { random } from './math/random.mjs';\nexport { range } from './math/range.mjs';\nexport { rangeRight } from './math/rangeRight.mjs';\nexport { round } from './math/round.mjs';\nexport { subtract } from './math/subtract.mjs';\nexport { sum } from './math/sum.mjs';\nexport { sumBy } from './math/sumBy.mjs';\nexport { isEqual } from '../predicate/isEqual.mjs';\nexport { identity } from './function/identity.mjs';\nexport { noop } from './function/noop.mjs';\nexport { assign } from './object/assign.mjs';\nexport { assignIn, assignIn as extend } from './object/assignIn.mjs';\nexport { assignInWith, assignInWith as extendWith } from './object/assignInWith.mjs';\nexport { assignWith } from './object/assignWith.mjs';\nexport { at } from './object/at.mjs';\nexport { clone } from './object/clone.mjs';\nexport { cloneDeep } from './object/cloneDeep.mjs';\nexport { cloneDeepWith } from './object/cloneDeepWith.mjs';\nexport { cloneWith } from './object/cloneWith.mjs';\nexport { create } from './object/create.mjs';\nexport { defaults } from './object/defaults.mjs';\nexport { defaultsDeep } from './object/defaultsDeep.mjs';\nexport { findKey } from './object/findKey.mjs';\nexport { findLastKey } from './object/findLastKey.mjs';\nexport { forIn } from './object/forIn.mjs';\nexport { forInRight } from './object/forInRight.mjs';\nexport { forOwn } from './object/forOwn.mjs';\nexport { forOwnRight } from './object/forOwnRight.mjs';\nexport { fromPairs } from './object/fromPairs.mjs';\nexport { functions } from './object/functions.mjs';\nexport { functionsIn } from './object/functionsIn.mjs';\nexport { get } from './object/get.mjs';\nexport { has } from './object/has.mjs';\nexport { hasIn } from './object/hasIn.mjs';\nexport { invert } from './object/invert.mjs';\nexport { invertBy } from './object/invertBy.mjs';\nexport { keys } from './object/keys.mjs';\nexport { keysIn } from './object/keysIn.mjs';\nexport { mapKeys } from './object/mapKeys.mjs';\nexport { mapValues } from './object/mapValues.mjs';\nexport { merge } from './object/merge.mjs';\nexport { mergeWith } from './object/mergeWith.mjs';\nexport { omit } from './object/omit.mjs';\nexport { omitBy } from './object/omitBy.mjs';\nexport { pick } from './object/pick.mjs';\nexport { pickBy } from './object/pickBy.mjs';\nexport { property } from './object/property.mjs';\nexport { propertyOf } from './object/propertyOf.mjs';\nexport { result } from './object/result.mjs';\nexport { set } from './object/set.mjs';\nexport { setWith } from './object/setWith.mjs';\nexport { toDefaulted } from './object/toDefaulted.mjs';\nexport { toPairs } from './object/toPairs.mjs';\nexport { toPairsIn } from './object/toPairsIn.mjs';\nexport { transform } from './object/transform.mjs';\nexport { unset } from './object/unset.mjs';\nexport { update } from './object/update.mjs';\nexport { updateWith } from './object/updateWith.mjs';\nexport { values } from './object/values.mjs';\nexport { valuesIn } from './object/valuesIn.mjs';\nexport { isFunction } from './predicate/isFunction.mjs';\nexport { isLength } from './predicate/isLength.mjs';\nexport { isMatchWith } from './predicate/isMatchWith.mjs';\nexport { isNative } from './predicate/isNative.mjs';\nexport { isNull } from './predicate/isNull.mjs';\nexport { isUndefined } from './predicate/isUndefined.mjs';\nexport { conforms } from './predicate/conforms.mjs';\nexport { conformsTo } from './predicate/conformsTo.mjs';\nexport { isArguments } from './predicate/isArguments.mjs';\nexport { isArray } from './predicate/isArray.mjs';\nexport { isArrayBuffer } from './predicate/isArrayBuffer.mjs';\nexport { isArrayLike } from './predicate/isArrayLike.mjs';\nexport { isArrayLikeObject } from './predicate/isArrayLikeObject.mjs';\nexport { isBoolean } from './predicate/isBoolean.mjs';\nexport { isBuffer } from './predicate/isBuffer.mjs';\nexport { isDate } from './predicate/isDate.mjs';\nexport { isElement } from './predicate/isElement.mjs';\nexport { isEmpty } from './predicate/isEmpty.mjs';\nexport { isEqualWith } from './predicate/isEqualWith.mjs';\nexport { isError } from './predicate/isError.mjs';\nexport { isFinite } from './predicate/isFinite.mjs';\nexport { isInteger } from './predicate/isInteger.mjs';\nexport { isMap } from './predicate/isMap.mjs';\nexport { isMatch } from './predicate/isMatch.mjs';\nexport { isNaN } from './predicate/isNaN.mjs';\nexport { isNil } from './predicate/isNil.mjs';\nexport { isNumber } from './predicate/isNumber.mjs';\nexport { isObject } from './predicate/isObject.mjs';\nexport { isObjectLike } from './predicate/isObjectLike.mjs';\nexport { isPlainObject } from './predicate/isPlainObject.mjs';\nexport { isRegExp } from './predicate/isRegExp.mjs';\nexport { isSafeInteger } from './predicate/isSafeInteger.mjs';\nexport { isSet } from './predicate/isSet.mjs';\nexport { isString } from './predicate/isString.mjs';\nexport { isSymbol } from './predicate/isSymbol.mjs';\nexport { isTypedArray } from './predicate/isTypedArray.mjs';\nexport { isWeakMap } from './predicate/isWeakMap.mjs';\nexport { isWeakSet } from './predicate/isWeakSet.mjs';\nexport { matches } from './predicate/matches.mjs';\nexport { matchesProperty } from './predicate/matchesProperty.mjs';\nexport { capitalize } from './string/capitalize.mjs';\nexport { bindAll } from './util/bindAll.mjs';\nexport { camelCase } from './string/camelCase.mjs';\nexport { deburr } from './string/deburr.mjs';\nexport { endsWith } from './string/endsWith.mjs';\nexport { escape } from './string/escape.mjs';\nexport { escapeRegExp } from './string/escapeRegExp.mjs';\nexport { kebabCase } from './string/kebabCase.mjs';\nexport { lowerCase } from './string/lowerCase.mjs';\nexport { lowerFirst } from './string/lowerFirst.mjs';\nexport { pad } from './string/pad.mjs';\nexport { padEnd } from './string/padEnd.mjs';\nexport { padStart } from './string/padStart.mjs';\nexport { repeat } from './string/repeat.mjs';\nexport { replace } from './string/replace.mjs';\nexport { snakeCase } from './string/snakeCase.mjs';\nexport { split } from './string/split.mjs';\nexport { startCase } from './string/startCase.mjs';\nexport { startsWith } from './string/startsWith.mjs';\nexport { template, templateSettings } from './string/template.mjs';\nexport { toLower } from './string/toLower.mjs';\nexport { toUpper } from './string/toUpper.mjs';\nexport { trim } from './string/trim.mjs';\nexport { trimEnd } from './string/trimEnd.mjs';\nexport { trimStart } from './string/trimStart.mjs';\nexport { truncate } from './string/truncate.mjs';\nexport { unescape } from './string/unescape.mjs';\nexport { upperCase } from './string/upperCase.mjs';\nexport { upperFirst } from './string/upperFirst.mjs';\nexport { words } from './string/words.mjs';\nexport { cond } from './util/cond.mjs';\nexport { constant } from './util/constant.mjs';\nexport { defaultTo } from './util/defaultTo.mjs';\nexport { eq } from './util/eq.mjs';\nexport { gt } from './util/gt.mjs';\nexport { gte } from './util/gte.mjs';\nexport { invoke } from './util/invoke.mjs';\nexport { iteratee } from './util/iteratee.mjs';\nexport { lt } from './util/lt.mjs';\nexport { lte } from './util/lte.mjs';\nexport { method } from './util/method.mjs';\nexport { methodOf } from './util/methodOf.mjs';\nexport { now } from './util/now.mjs';\nexport { over } from './util/over.mjs';\nexport { overEvery } from './util/overEvery.mjs';\nexport { overSome } from './util/overSome.mjs';\nexport { stubArray } from './util/stubArray.mjs';\nexport { stubFalse } from './util/stubFalse.mjs';\nexport { stubObject } from './util/stubObject.mjs';\nexport { stubString } from './util/stubString.mjs';\nexport { stubTrue } from './util/stubTrue.mjs';\nexport { times } from './util/times.mjs';\nexport { toArray } from './util/toArray.mjs';\nexport { toFinite } from './util/toFinite.mjs';\nexport { toInteger } from './util/toInteger.mjs';\nexport { toLength } from './util/toLength.mjs';\nexport { toNumber } from './util/toNumber.mjs';\nexport { toPath } from './util/toPath.mjs';\nexport { toPlainObject } from './util/toPlainObject.mjs';\nexport { toSafeInteger } from './util/toSafeInteger.mjs';\nexport { toString } from './util/toString.mjs';\nexport { uniqueId } from './util/uniqueId.mjs';\nexport { toolkit as default } from './toolkit.mjs';\n", "import { isObject as isObject$1, isString, isPlainObject, cloneDeepWith, isElement as isElement$1, isFunction, merge } from 'es-toolkit/compat';\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/global\n */ // This interface exists to make our API pages more readable.\n/**\n * A helper (module) giving an access to the global DOM objects such as `window` and `document`.\n */ /**\n * A helper (module) giving an access to the global DOM objects such as `window` and\n * `document`. Accessing these objects using this helper allows easy and bulletproof\n * testing, i.e. stubbing native properties:\n *\n * ```ts\n * import { global } from 'ckeditor5/utils';\n *\n * // This stub will work for any code using global module.\n * testUtils.sinon.stub( global, 'window', {\n * \tinnerWidth: 10000\n * } );\n *\n * console.log( global.window.innerWidth );\n * ```\n */ let globalVar; // named globalVar instead of global: https://github.com/ckeditor/ckeditor5/issues/12971\n// In some environments window and document API might not be available.\ntry {\n    globalVar = {\n        window,\n        document\n    };\n} catch  {\n    // It's not possible to mock a window object to simulate lack of a window object without writing extremely convoluted code.\n    /* istanbul ignore next -- @preserve */ // Let's cast it to not change module's API.\n    // We only handle this so loading editor in environments without window and document doesn't fail.\n    // For better DX we shouldn't introduce mixed types and require developers to check the type manually.\n    // This module should not be used on purpose in any environment outside browser.\n    globalVar = {\n        window: {},\n        document: {}\n    };\n}\n\n/**\n * Safely returns `userAgent` from browser's navigator API in a lower case.\n * If navigator API is not available it will return an empty string.\n *\n * @internal\n */ function getUserAgent() {\n    // In some environments navigator API might not be available.\n    try {\n        return navigator.userAgent.toLowerCase();\n    } catch  {\n        return '';\n    }\n}\nconst userAgent = /* #__PURE__ */ getUserAgent();\n/**\n * A namespace containing environment and browser information.\n */ const env = {\n    isMac: /* #__PURE__ */ isMac(userAgent),\n    isWindows: /* #__PURE__ */ isWindows(userAgent),\n    isGecko: /* #__PURE__ */ isGecko(userAgent),\n    isSafari: /* #__PURE__ */ isSafari(userAgent),\n    isiOS: /* #__PURE__ */ isiOS(userAgent),\n    isAndroid: /* #__PURE__ */ isAndroid(userAgent),\n    isBlink: /* #__PURE__ */ isBlink(userAgent),\n    get isMediaForcedColors () {\n        return isMediaForcedColors();\n    },\n    get isMotionReduced () {\n        return isMotionReduced();\n    },\n    features: {\n        isRegExpUnicodePropertySupported: /* #__PURE__ */ isRegExpUnicodePropertySupported()\n    }\n};\n/**\n * Checks if User Agent represented by the string is running on Macintosh.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is running on Macintosh or not.\n */ function isMac(userAgent) {\n    return userAgent.indexOf('macintosh') > -1;\n}\n/**\n * Checks if User Agent represented by the string is running on Windows.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is running on Windows or not.\n */ function isWindows(userAgent) {\n    return userAgent.indexOf('windows') > -1;\n}\n/**\n * Checks if User Agent represented by the string is Firefox (Gecko).\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is Firefox or not.\n */ function isGecko(userAgent) {\n    return !!userAgent.match(/gecko\\/\\d+/);\n}\n/**\n * Checks if User Agent represented by the string is Safari.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is Safari or not.\n */ function isSafari(userAgent) {\n    return userAgent.indexOf(' applewebkit/') > -1 && userAgent.indexOf('chrome') === -1;\n}\n/**\n * Checks if User Agent represented by the string is running in iOS.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is running in iOS or not.\n */ function isiOS(userAgent) {\n    // \"Request mobile site\" || \"Request desktop site\".\n    return !!userAgent.match(/iphone|ipad/i) || isMac(userAgent) && navigator.maxTouchPoints > 0;\n}\n/**\n * Checks if User Agent represented by the string is Android mobile device.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is Safari or not.\n */ function isAndroid(userAgent) {\n    return userAgent.indexOf('android') > -1;\n}\n/**\n * Checks if User Agent represented by the string is Blink engine.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is Blink engine or not.\n */ function isBlink(userAgent) {\n    // The Edge browser before switching to the Blink engine used to report itself as Chrome (and \"Edge/\")\n    // but after switching to the Blink it replaced \"Edge/\" with \"Edg/\".\n    return userAgent.indexOf('chrome/') > -1 && userAgent.indexOf('edge/') < 0;\n}\n/**\n * Checks if the current environment supports ES2018 Unicode properties like `\\p{P}` or `\\p{L}`.\n * More information about unicode properties might be found\n * [in Unicode Standard Annex #44](https://www.unicode.org/reports/tr44/#GC_Values_Table).\n *\n * @internal\n */ function isRegExpUnicodePropertySupported() {\n    let isSupported = false;\n    // Feature detection for Unicode properties. Added in ES2018. Currently Firefox does not support it.\n    // See https://github.com/ckeditor/ckeditor5-mention/issues/44#issuecomment-487002174.\n    try {\n        // Usage of regular expression literal cause error during build (ckeditor/ckeditor5-dev#534).\n        isSupported = 'ć'.search(new RegExp('[\\\\p{L}]', 'u')) === 0;\n    } catch  {\n    // Firefox throws a SyntaxError when the group is unsupported.\n    }\n    return isSupported;\n}\n/**\n * Checks if the user agent has enabled a forced colors mode (e.g. Windows High Contrast mode).\n *\n * Returns `false` in environments where `window` global object is not available.\n *\n * @internal\n */ function isMediaForcedColors() {\n    return globalVar.window.matchMedia ? globalVar.window.matchMedia('(forced-colors: active)').matches : false;\n}\n/**\n * Checks if the user enabled \"prefers reduced motion\" setting in browser.\n *\n * Returns `false` in environments where `window` global object is not available.\n *\n * @internal\n */ function isMotionReduced() {\n    return globalVar.window.matchMedia ? globalVar.window.matchMedia('(prefers-reduced-motion)').matches : false;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/fastdiff\n */ /**\n * Finds positions of the first and last change in the given string/array and generates a set of changes:\n *\n * ```ts\n * fastDiff( '12a', '12xyza' );\n * // [ { index: 2, type: 'insert', values: [ 'x', 'y', 'z' ] } ]\n *\n * fastDiff( '12a', '12aa' );\n * // [ { index: 3, type: 'insert', values: [ 'a' ] } ]\n *\n * fastDiff( '12xyza', '12a' );\n * // [ { index: 2, type: 'delete', howMany: 3 } ]\n *\n * fastDiff( [ '1', '2', 'a', 'a' ], [ '1', '2', 'a' ] );\n * // [ { index: 3, type: 'delete', howMany: 1 } ]\n *\n * fastDiff( [ '1', '2', 'a', 'b', 'c', '3' ], [ '2', 'a', 'b' ] );\n * // [ { index: 0, type: 'insert', values: [ '2', 'a', 'b' ] }, { index: 3, type: 'delete', howMany: 6 } ]\n * ```\n *\n * Passed arrays can contain any type of data, however to compare them correctly custom comparator function\n * should be passed as a third parameter:\n *\n * ```ts\n * fastDiff( [ { value: 1 }, { value: 2 } ], [ { value: 1 }, { value: 3 } ], ( a, b ) => {\n * \treturn a.value === b.value;\n * } );\n * // [ { index: 1, type: 'insert', values: [ { value: 3 } ] }, { index: 2, type: 'delete', howMany: 1 } ]\n * ```\n *\n * The resulted set of changes can be applied to the input in order to transform it into the output, for example:\n *\n * ```ts\n * let input = '12abc3';\n * const output = '2ab';\n * const changes = fastDiff( input, output );\n *\n * changes.forEach( change => {\n * \tif ( change.type == 'insert' ) {\n * \t\tinput = input.substring( 0, change.index ) + change.values.join( '' ) + input.substring( change.index );\n * \t} else if ( change.type == 'delete' ) {\n * \t\tinput = input.substring( 0, change.index ) + input.substring( change.index + change.howMany );\n * \t}\n * } );\n *\n * // input equals output now\n * ```\n *\n * or in case of arrays:\n *\n * ```ts\n * let input = [ '1', '2', 'a', 'b', 'c', '3' ];\n * const output = [ '2', 'a', 'b' ];\n * const changes = fastDiff( input, output );\n *\n * changes.forEach( change => {\n * \tif ( change.type == 'insert' ) {\n * \t\tinput = input.slice( 0, change.index ).concat( change.values, input.slice( change.index ) );\n * \t} else if ( change.type == 'delete' ) {\n * \t\tinput = input.slice( 0, change.index ).concat( input.slice( change.index + change.howMany ) );\n * \t}\n * } );\n *\n * // input equals output now\n * ```\n *\n * By passing `true` as the fourth parameter (`atomicChanges`) the output of this function will become compatible with\n * the {@link module:utils/diff~diff `diff()`} function:\n *\n * ```ts\n * fastDiff( '12a', '12xyza', undefined, true );\n * // [ 'equal', 'equal', 'insert', 'insert', 'insert', 'equal' ]\n * ```\n *\n * The default output format of this function is compatible with the output format of\n * {@link module:utils/difftochanges~diffToChanges `diffToChanges()`}. The `diffToChanges()` input format is, in turn,\n * compatible with the output of {@link module:utils/diff~diff `diff()`}:\n *\n * ```ts\n * const a = '1234';\n * const b = '12xyz34';\n *\n * // Both calls will return the same results (grouped changes format).\n * fastDiff( a, b );\n * diffToChanges( diff( a, b ) );\n *\n * // Again, both calls will return the same results (atomic changes format).\n * fastDiff( a, b, undefined, true );\n * diff( a, b );\n * ```\n *\n * @typeParam T The type of array elements.\n * @typeParam AtomicChanges The type of `atomicChanges` parameter (selects the result type).\n * @param a Input array or string.\n * @param b Input array or string.\n * @param cmp Optional function used to compare array values, by default `===` (strict equal operator) is used.\n * @param atomicChanges Whether an array of `inset|delete|equal` operations should\n * be returned instead of changes set. This makes this function compatible with {@link module:utils/diff~diff `diff()`}.\n * Defaults to `false`.\n * @returns Array of changes. The elements are either {@link module:utils/diff~DiffResult} or {@link module:utils/difftochanges~Change},\n * depending on `atomicChanges` parameter.\n */ function fastDiff(a, b, cmp, atomicChanges) {\n    // Set the comparator function.\n    cmp = cmp || function(a, b) {\n        return a === b;\n    };\n    // Convert the string (or any array-like object - eg. NodeList) to an array by using the slice() method because,\n    // unlike Array.from(), it returns array of UTF-16 code units instead of the code points of a string.\n    // One code point might be a surrogate pair of two code units. All text offsets are expected to be in code units.\n    // See ckeditor/ckeditor5#3147.\n    //\n    // We need to make sure here that fastDiff() works identical to diff().\n    const arrayA = Array.isArray(a) ? a : Array.prototype.slice.call(a);\n    const arrayB = Array.isArray(b) ? b : Array.prototype.slice.call(b);\n    // Find first and last change.\n    const changeIndexes = findChangeBoundaryIndexes(arrayA, arrayB, cmp);\n    // Transform into changes array.\n    const result = atomicChanges ? changeIndexesToAtomicChanges(changeIndexes, arrayB.length) : changeIndexesToChanges(arrayB, changeIndexes);\n    return result;\n}\n/**\n * Finds position of the first and last change in the given arrays. For example:\n *\n * ```ts\n * const indexes = findChangeBoundaryIndexes( [ '1', '2', '3', '4' ], [ '1', '3', '4', '2', '4' ] );\n * console.log( indexes ); // { firstIndex: 1, lastIndexOld: 3, lastIndexNew: 4 }\n * ```\n *\n * The above indexes means that in the first array the modified part is `1[23]4` and in the second array it is `1[342]4`.\n * Based on such indexes, array with `insert`/`delete` operations which allows transforming first value into the second one\n * can be generated.\n */ function findChangeBoundaryIndexes(arr1, arr2, cmp) {\n    // Find the first difference between passed values.\n    const firstIndex = findFirstDifferenceIndex(arr1, arr2, cmp);\n    // If arrays are equal return -1 indexes object.\n    if (firstIndex === -1) {\n        return {\n            firstIndex: -1,\n            lastIndexOld: -1,\n            lastIndexNew: -1\n        };\n    }\n    // Remove the common part of each value and reverse them to make it simpler to find the last difference between them.\n    const oldArrayReversed = cutAndReverse(arr1, firstIndex);\n    const newArrayReversed = cutAndReverse(arr2, firstIndex);\n    // Find the first difference between reversed values.\n    // It should be treated as \"how many elements from the end the last difference occurred\".\n    //\n    // For example:\n    //\n    // \t\t\t\tinitial\t->\tafter cut\t-> reversed:\n    // oldValue:\t'321ba'\t->\t'21ba'\t\t-> 'ab12'\n    // newValue:\t'31xba'\t->\t'1xba'\t\t-> 'abx1'\n    // lastIndex:\t\t\t\t\t\t\t-> 2\n    //\n    // So the last change occurred two characters from the end of the arrays.\n    const lastIndex = findFirstDifferenceIndex(oldArrayReversed, newArrayReversed, cmp);\n    // Use `lastIndex` to calculate proper offset, starting from the beginning (`lastIndex` kind of starts from the end).\n    const lastIndexOld = arr1.length - lastIndex;\n    const lastIndexNew = arr2.length - lastIndex;\n    return {\n        firstIndex,\n        lastIndexOld,\n        lastIndexNew\n    };\n}\n/**\n * Returns a first index on which given arrays differ. If both arrays are the same, -1 is returned.\n */ function findFirstDifferenceIndex(arr1, arr2, cmp) {\n    for(let i = 0; i < Math.max(arr1.length, arr2.length); i++){\n        if (arr1[i] === undefined || arr2[i] === undefined || !cmp(arr1[i], arr2[i])) {\n            return i;\n        }\n    }\n    return -1; // Return -1 if arrays are equal.\n}\n/**\n * Returns a copy of the given array with `howMany` elements removed starting from the beginning and in reversed order.\n *\n * @param arr Array to be processed.\n * @param howMany How many elements from array beginning to remove.\n * @returns Shortened and reversed array.\n */ function cutAndReverse(arr, howMany) {\n    return arr.slice(howMany).reverse();\n}\n/**\n * Generates changes array based on change indexes from `findChangeBoundaryIndexes` function. This function will\n * generate array with 0 (no changes), 1 (deletion or insertion) or 2 records (insertion and deletion).\n *\n * @param newArray New array for which change indexes were calculated.\n * @param changeIndexes Change indexes object from `findChangeBoundaryIndexes` function.\n * @returns Array of changes compatible with {@link module:utils/difftochanges~diffToChanges} format.\n */ function changeIndexesToChanges(newArray, changeIndexes) {\n    const result = [];\n    const { firstIndex, lastIndexOld, lastIndexNew } = changeIndexes;\n    // Order operations as 'insert', 'delete' array to keep compatibility with {@link module:utils/difftochanges~diffToChanges}\n    // in most cases. However, 'diffToChanges' does not stick to any order so in some cases\n    // (for example replacing '12345' with 'abcd') it will generate 'delete', 'insert' order.\n    if (lastIndexNew - firstIndex > 0) {\n        result.push({\n            index: firstIndex,\n            type: 'insert',\n            values: newArray.slice(firstIndex, lastIndexNew)\n        });\n    }\n    if (lastIndexOld - firstIndex > 0) {\n        result.push({\n            index: firstIndex + (lastIndexNew - firstIndex),\n            type: 'delete',\n            howMany: lastIndexOld - firstIndex\n        });\n    }\n    return result;\n}\n/**\n * Generates array with set `equal|insert|delete` operations based on change indexes from `findChangeBoundaryIndexes` function.\n *\n * @param changeIndexes Change indexes object from `findChangeBoundaryIndexes` function.\n * @param newLength Length of the new array on which `findChangeBoundaryIndexes` calculated change indexes.\n * @returns Array of changes compatible with {@link module:utils/diff~diff} format.\n */ function changeIndexesToAtomicChanges(changeIndexes, newLength) {\n    const { firstIndex, lastIndexOld, lastIndexNew } = changeIndexes;\n    // No changes.\n    if (firstIndex === -1) {\n        return Array(newLength).fill('equal');\n    }\n    let result = [];\n    if (firstIndex > 0) {\n        result = result.concat(Array(firstIndex).fill('equal'));\n    }\n    if (lastIndexNew - firstIndex > 0) {\n        result = result.concat(Array(lastIndexNew - firstIndex).fill('insert'));\n    }\n    if (lastIndexOld - firstIndex > 0) {\n        result = result.concat(Array(lastIndexOld - firstIndex).fill('delete'));\n    }\n    if (lastIndexNew < newLength) {\n        result = result.concat(Array(newLength - lastIndexNew).fill('equal'));\n    }\n    return result;\n}\n\n// The following code is based on the \"O(NP) Sequence Comparison Algorithm\"\n// by Sun Wu, Udi Manber, Gene Myers, Webb Miller.\n/**\n * Calculates the difference between two arrays or strings producing an array containing a list of changes\n * necessary to transform input into output.\n *\n * ```ts\n * diff( 'aba', 'acca' ); // [ 'equal', 'insert', 'insert', 'delete', 'equal' ]\n * ```\n *\n * This function is based on the \"O(NP) Sequence Comparison Algorithm\" by Sun Wu, Udi Manber, Gene Myers, Webb Miller.\n * Unfortunately, while it gives the most precise results, its to complex for longer strings/arrow (above 200 items).\n * Therefore, `diff()` automatically switches to {@link module:utils/fastdiff~fastDiff `fastDiff()`} when detecting\n * such a scenario. The return formats of both functions are identical.\n *\n * @param a Input array or string.\n * @param b Output array or string.\n * @param cmp Optional function used to compare array values, by default === is used.\n * @returns Array of changes.\n */ function diff(a, b, cmp) {\n    // Set the comparator function.\n    cmp = cmp || function(a, b) {\n        return a === b;\n    };\n    const aLength = a.length;\n    const bLength = b.length;\n    // Perform `fastDiff` for longer strings/arrays (see #269).\n    if (aLength > 200 || bLength > 200 || aLength + bLength > 300) {\n        return diff.fastDiff(a, b, cmp, true);\n    }\n    // Temporary action type statics.\n    let _insert, _delete;\n    // Swapped the arrays to use the shorter one as the first one.\n    if (bLength < aLength) {\n        const tmp = a;\n        a = b;\n        b = tmp;\n        // We swap the action types as well.\n        _insert = 'delete';\n        _delete = 'insert';\n    } else {\n        _insert = 'insert';\n        _delete = 'delete';\n    }\n    const m = a.length;\n    const n = b.length;\n    const delta = n - m;\n    // Edit scripts, for each diagonal.\n    const es = {};\n    // Furthest points, the furthest y we can get on each diagonal.\n    const fp = {};\n    function snake(k) {\n        // We use -1 as an alternative below to handle initial values ( instead of filling the fp with -1 first ).\n        // Furthest points (y) on the diagonal below k.\n        const y1 = (fp[k - 1] !== undefined ? fp[k - 1] : -1) + 1;\n        // Furthest points (y) on the diagonal above k.\n        const y2 = fp[k + 1] !== undefined ? fp[k + 1] : -1;\n        // The way we should go to get further.\n        const dir = y1 > y2 ? -1 : 1;\n        // Clone previous changes array (if any).\n        if (es[k + dir]) {\n            es[k] = es[k + dir].slice(0);\n        }\n        // Create changes array.\n        if (!es[k]) {\n            es[k] = [];\n        }\n        // Push the action.\n        es[k].push(y1 > y2 ? _insert : _delete);\n        // Set the beginning coordinates.\n        let y = Math.max(y1, y2);\n        let x = y - k;\n        // Traverse the diagonal as long as the values match.\n        while(x < m && y < n && cmp(a[x], b[y])){\n            x++;\n            y++;\n            // Push no change action.\n            es[k].push('equal');\n        }\n        return y;\n    }\n    let p = 0;\n    let k;\n    // Traverse the graph until we reach the end of the longer string.\n    do {\n        // Updates furthest points and edit scripts for diagonals below delta.\n        for(k = -p; k < delta; k++){\n            fp[k] = snake(k);\n        }\n        // Updates furthest points and edit scripts for diagonals above delta.\n        for(k = delta + p; k > delta; k--){\n            fp[k] = snake(k);\n        }\n        // Updates furthest point and edit script for the delta diagonal.\n        // note that the delta diagonal is the one which goes through the sink (m, n).\n        fp[delta] = snake(delta);\n        p++;\n    }while (fp[delta] !== n)\n    // Return the final list of edit changes.\n    // We remove the first item that represents the action for the injected nulls.\n    return es[delta].slice(1);\n}\n// Store the API in static property to easily overwrite it in tests.\n// Too bad dependency injection does not work in Webpack + ES 6 (const) + Babel.\ndiff.fastDiff = fastDiff;\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/difftochanges\n */ /**\n * Creates a set of changes which need to be applied to the input in order to transform\n * it into the output. This function can be used with strings or arrays.\n *\n * ```ts\n * const input = Array.from( 'abc' );\n * const output = Array.from( 'xaby' );\n * const changes = diffToChanges( diff( input, output ), output );\n *\n * changes.forEach( change => {\n * \tif ( change.type == 'insert' ) {\n * \t\tinput.splice( change.index, 0, ...change.values );\n * \t} else if ( change.type == 'delete' ) {\n * \t\tinput.splice( change.index, change.howMany );\n * \t}\n * } );\n *\n * input.join( '' ) == output.join( '' ); // -> true\n * ```\n *\n * @typeParam T The type of output array element.\n * @param diff Result of {@link module:utils/diff~diff}.\n * @param output The string or array which was passed as diff's output.\n * @returns Set of changes (insert or delete) which need to be applied to the input\n * in order to transform it into the output.\n */ function diffToChanges(diff, output) {\n    const changes = [];\n    let index = 0;\n    let lastOperation = null;\n    diff.forEach((change)=>{\n        if (change == 'equal') {\n            pushLast();\n            index++;\n        } else if (change == 'insert') {\n            if (lastOperation && lastOperation.type == 'insert') {\n                lastOperation.values.push(output[index]);\n            } else {\n                pushLast();\n                lastOperation = {\n                    type: 'insert',\n                    index,\n                    values: [\n                        output[index]\n                    ]\n                };\n            }\n            index++;\n        } else /* if ( change == 'delete' ) */ {\n            if (lastOperation && lastOperation.type == 'delete') {\n                lastOperation.howMany++;\n            } else {\n                pushLast();\n                lastOperation = {\n                    type: 'delete',\n                    index,\n                    howMany: 1\n                };\n            }\n        }\n    });\n    pushLast();\n    return changes;\n    function pushLast() {\n        if (lastOperation) {\n            changes.push(lastOperation);\n            lastOperation = null;\n        }\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/areconnectedthroughproperties\n */ /**\n * Traverses both structures to find out whether there is a reference that is shared between both structures.\n */ function areConnectedThroughProperties(obj1, obj2) {\n    if (obj1 === obj2 && isObject(obj1)) {\n        return true;\n    }\n    const subNodes1 = getSubNodes(obj1);\n    const subNodes2 = getSubNodes(obj2);\n    for (const node of subNodes1){\n        if (subNodes2.has(node)) {\n            return true;\n        }\n    }\n    return false;\n}\n/**\n * Traverses JS structure and stores all sub-nodes, including the head node.\n * It walks into each iterable structures with the `try catch` block to omit errors that might be thrown during\n * tree walking. All primitives, functions and built-ins are skipped.\n */ function getSubNodes(head) {\n    const nodes = [\n        head\n    ];\n    // Nodes are stored to prevent infinite looping.\n    const subNodes = new Set();\n    while(nodes.length > 0){\n        const node = nodes.shift();\n        if (subNodes.has(node) || shouldNodeBeSkipped(node)) {\n            continue;\n        }\n        subNodes.add(node);\n        // Handle arrays, maps, sets, custom collections that implements `[ Symbol.iterator ]()`, etc.\n        if (node[Symbol.iterator]) {\n            // The custom editor iterators might cause some problems if the editor is crashed.\n            try {\n                nodes.push(...node);\n            } // eslint-disable-next-line no-empty\n            catch  {}\n        } else {\n            nodes.push(...Object.values(node));\n        }\n    }\n    return subNodes;\n}\nfunction shouldNodeBeSkipped(node) {\n    const type = Object.prototype.toString.call(node);\n    return type === '[object Number]' || type === '[object Boolean]' || type === '[object String]' || type === '[object Symbol]' || type === '[object Function]' || type === '[object Date]' || type === '[object RegExp]' || node === undefined || node === null || // Skip native DOM objects, e.g. Window, nodes, events, etc.\n    node instanceof EventTarget || node instanceof Event;\n}\nfunction isObject(structure) {\n    return typeof structure === 'object' && structure !== null;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/spy\n */ /**\n * Creates a spy function (ala Sinon.js) that can be used to inspect call to it.\n *\n * The following are the present features:\n *\n * * spy.called: property set to `true` if the function has been called at least once.\n *\n * @returns The spy function.\n */ function spy() {\n    return function spy() {\n        spy.called = true;\n    };\n}\n\n/**\n * The event object passed to event callbacks. It is used to provide information about the event as well as a tool to\n * manipulate it.\n */ class EventInfo {\n    /**\n\t * The object that fired the event.\n\t */ source;\n    /**\n\t * The event name.\n\t */ name;\n    /**\n\t * Path this event has followed. See {@link module:utils/emittermixin~Emitter#delegate}.\n\t */ path;\n    /**\n\t * Stops the event emitter to call further callbacks for this event interaction.\n\t */ stop;\n    /**\n\t * Removes the current callback from future interactions of this event.\n\t */ off;\n    /**\n\t * The value which will be returned by {@link module:utils/emittermixin~Emitter#fire}.\n\t *\n\t * It's `undefined` by default and can be changed by an event listener:\n\t *\n\t * ```ts\n\t * dataController.fire( 'getSelectedContent', ( evt ) => {\n\t * \t// This listener will make `dataController.fire( 'getSelectedContent' )`\n\t * \t// always return an empty DocumentFragment.\n\t * \tevt.return = new DocumentFragment();\n\t *\n\t * \t// Make sure no other listeners are executed.\n\t * \tevt.stop();\n\t * } );\n\t * ```\n\t */ return;\n    /**\n\t * @param source The emitter.\n\t * @param name The event name.\n\t */ constructor(source, name){\n        this.source = source;\n        this.name = name;\n        this.path = [];\n        // The following methods are defined in the constructor because they must be re-created per instance.\n        this.stop = spy();\n        this.off = spy();\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/uid\n */ /**\n * A hash table of hex numbers to avoid using toString() in uid() which is costly.\n * [ '00', '01', '02', ..., 'fe', 'ff' ]\n */ const HEX_NUMBERS = new Array(256).fill('').map((_, index)=>('0' + index.toString(16)).slice(-2));\n/**\n * Returns a unique id. The id starts with an \"e\" character and a randomly generated string of\n * 32 alphanumeric characters.\n *\n * **Note**: The characters the unique id is built from correspond to the hex number notation\n * (from \"0\" to \"9\", from \"a\" to \"f\"). In other words, each id corresponds to an \"e\" followed\n * by 16 8-bit numbers next to each other.\n *\n * @returns An unique id string.\n */ function uid() {\n    // Let's create some positive random 32bit integers first.\n    const [r1, r2, r3, r4] = crypto.getRandomValues(new Uint32Array(4));\n    // Make sure that id does not start with number.\n    return 'e' + HEX_NUMBERS[r1 >> 0 & 0xFF] + HEX_NUMBERS[r1 >> 8 & 0xFF] + HEX_NUMBERS[r1 >> 16 & 0xFF] + HEX_NUMBERS[r1 >> 24 & 0xFF] + HEX_NUMBERS[r2 >> 0 & 0xFF] + HEX_NUMBERS[r2 >> 8 & 0xFF] + HEX_NUMBERS[r2 >> 16 & 0xFF] + HEX_NUMBERS[r2 >> 24 & 0xFF] + HEX_NUMBERS[r3 >> 0 & 0xFF] + HEX_NUMBERS[r3 >> 8 & 0xFF] + HEX_NUMBERS[r3 >> 16 & 0xFF] + HEX_NUMBERS[r3 >> 24 & 0xFF] + HEX_NUMBERS[r4 >> 0 & 0xFF] + HEX_NUMBERS[r4 >> 8 & 0xFF] + HEX_NUMBERS[r4 >> 16 & 0xFF] + HEX_NUMBERS[r4 >> 24 & 0xFF];\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/priorities\n */ /**\n * String representing a priority value.\n */ /**\n * Provides group of constants to use instead of hardcoding numeric priority values.\n */ const priorities = {\n    get (priority = 'normal') {\n        if (typeof priority != 'number') {\n            return this[priority] || this.normal;\n        } else {\n            return priority;\n        }\n    },\n    highest: 100000,\n    high: 1000,\n    normal: 0,\n    low: -1e3,\n    lowest: -1e5\n};\n\n/**\n * Inserts any object with priority at correct index by priority so registered objects are always sorted from highest to lowest priority.\n *\n * @param objects Array of objects with priority to insert object to.\n * @param objectToInsert Object with `priority` property.\n */ function insertToPriorityArray(objects, objectToInsert) {\n    const priority = priorities.get(objectToInsert.priority);\n    // Binary search for better performance in large tables.\n    let left = 0;\n    let right = objects.length;\n    while(left < right){\n        const mid = left + right >> 1; // Use bitwise operator for faster floor division by 2.\n        const midPriority = priorities.get(objects[mid].priority);\n        if (midPriority < priority) {\n            right = mid;\n        } else {\n            left = mid + 1;\n        }\n    }\n    objects.splice(left, 0, objectToInsert);\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/ckeditorerror\n */ /**\n * URL to the documentation with error codes.\n */ const DOCUMENTATION_URL = 'https://ckeditor.com/docs/ckeditor5/latest/support/error-codes.html';\n/**\n * The CKEditor error class.\n *\n * You should throw `CKEditorError` when:\n *\n * * An unexpected situation occurred and the editor (most probably) will not work properly. Such exception will be handled\n * by the {@link module:watchdog/watchdog~Watchdog watchdog} (if it is integrated),\n * * If the editor is incorrectly integrated or the editor API is used in the wrong way. This way you will give\n * feedback to the developer as soon as possible. Keep in mind that for common integration issues which should not\n * stop editor initialization (like missing upload adapter, wrong name of a toolbar component) we use\n * {@link module:utils/ckeditorerror~logWarning `logWarning()`} and\n * {@link module:utils/ckeditorerror~logError `logError()`}\n * to improve developers experience and let them see the a working editor as soon as possible.\n *\n * ```ts\n * /**\n *  * Error thrown when a plugin cannot be loaded due to JavaScript errors, lack of plugins with a given name, etc.\n *  *\n *  * @error plugin-load\n *  * @param pluginName The name of the plugin that could not be loaded.\n *  * @param moduleName The name of the module which tried to load this plugin.\n *  *\\/\n * throw new CKEditorError( 'plugin-load', {\n * \tpluginName: 'foo',\n * \tmoduleName: 'bar'\n * } );\n * ```\n */ class CKEditorError extends Error {\n    /**\n\t * A context of the error by which the Watchdog is able to determine which editor crashed.\n\t */ context;\n    /**\n\t * The additional error data passed to the constructor. Undefined if none was passed.\n\t */ data;\n    /**\n\t * Creates an instance of the CKEditorError class.\n\t *\n\t * @param errorName The error id in an `error-name` format. A link to this error documentation page will be added\n\t * to the thrown error's `message`.\n\t * @param context A context of the error by which the {@link module:watchdog/watchdog~Watchdog watchdog}\n\t * is able to determine which editor crashed. It should be an editor instance or a property connected to it. It can be also\n\t * a `null` value if the editor should not be restarted in case of the error (e.g. during the editor initialization).\n\t * The error context should be checked using the `areConnectedThroughProperties( editor, context )` utility\n\t * to check if the object works as the context.\n\t * @param data Additional data describing the error. A stringified version of this object\n\t * will be appended to the error message, so the data are quickly visible in the console. The original\n\t * data object will also be later available under the {@link #data} property.\n\t * @param originalError An optional original error that is being wrapped in the `CKEditorError` instance.\n\t */ constructor(errorName, context, data, originalError){\n        super(getErrorMessage(errorName, data, originalError));\n        this.name = 'CKEditorError';\n        this.context = context;\n        this.data = data;\n        // Wrapping an original error in a CKEditorError instance.\n        if (originalError) {\n            // Restore the original stack trace to make the error look like the original one.\n            // See https://github.com/ckeditor/ckeditor5/issues/5595 for more details.\n            this.stack = originalError.stack;\n        }\n    }\n    /**\n\t * Checks if the error is of the `CKEditorError` type.\n\t */ is(type) {\n        return type === 'CKEditorError';\n    }\n    /**\n\t * A utility that ensures that the thrown error is a {@link module:utils/ckeditorerror~CKEditorError} one.\n\t * It is useful when combined with the {@link module:watchdog/watchdog~Watchdog} feature, which can restart the editor in case\n\t * of a {@link module:utils/ckeditorerror~CKEditorError} error.\n\t *\n\t * @param error The error to rethrow.\n\t * @param context An object connected through properties with the editor instance. This context will be used\n\t * by the watchdog to verify which editor should be restarted.\n\t */ static rethrowUnexpectedError(error, context) {\n        if (error.is && error.is('CKEditorError')) {\n            throw error;\n        }\n        /**\n\t\t * An unexpected error occurred inside the CKEditor 5 codebase. This error will look like the original one\n\t\t * to make the debugging easier.\n\t\t *\n\t\t * This error is only useful when the editor is initialized using the {@link module:watchdog/watchdog~Watchdog} feature.\n\t\t * In case of such error (or any {@link module:utils/ckeditorerror~CKEditorError} error) the watchdog should restart the editor.\n\t\t *\n\t\t * @error unexpected-error\n\t\t */ throw new CKEditorError('unexpected-error', context, undefined, error);\n    }\n}\n/**\n * Logs a warning to the console with a properly formatted message and adds a link to the documentation.\n * Use whenever you want to log a warning to the console.\n *\n * ```ts\n * /**\n *  * There was a problem processing the configuration of the toolbar. The item with the given\n *  * name does not exist, so it was omitted when rendering the toolbar.\n *  *\n *  * @error toolbarview-item-unavailable\n *  * @param {String} name The name of the component.\n *  *\\/\n * logWarning( 'toolbarview-item-unavailable', { name } );\n * ```\n *\n * See also {@link module:utils/ckeditorerror~CKEditorError} for an explanation when to throw an error and when to log\n * a warning or an error to the console.\n *\n * @param errorName The error name to be logged.\n * @param data Additional data to be logged.\n */ function logWarning(errorName, data) {\n    console.warn(...formatConsoleArguments(errorName, data));\n}\n/**\n * Logs an error to the console with a properly formatted message and adds a link to the documentation.\n * Use whenever you want to log an error to the console.\n *\n * ```ts\n * /**\n *  * There was a problem processing the configuration of the toolbar. The item with the given\n *  * name does not exist, so it was omitted when rendering the toolbar.\n *  *\n *  * @error toolbarview-item-unavailable\n *  * @param {String} name The name of the component.\n *  *\\/\n *  logError( 'toolbarview-item-unavailable', { name } );\n * ```\n *\n * **Note**: In most cases logging a warning using {@link module:utils/ckeditorerror~logWarning} is enough.\n *\n * See also {@link module:utils/ckeditorerror~CKEditorError} for an explanation when to use each method.\n *\n * @param errorName The error name to be logged.\n * @param data Additional data to be logged.\n */ function logError(errorName, data) {\n    console.error(...formatConsoleArguments(errorName, data));\n}\n/**\n * Returns formatted link to documentation message.\n */ function getLinkToDocumentationMessage(errorName) {\n    return `\\nRead more: ${DOCUMENTATION_URL}#error-${errorName}`;\n}\n/**\n * Returns formatted error message.\n */ function getErrorMessage(errorName, data, originalError) {\n    const processedObjects = new WeakSet();\n    const circularReferencesReplacer = (key, value)=>{\n        if (typeof value === 'object' && value !== null) {\n            if (processedObjects.has(value)) {\n                return `[object ${value.constructor.name}]`;\n            }\n            processedObjects.add(value);\n        }\n        return value;\n    };\n    const stringifiedData = data ? ` ${JSON.stringify(data, circularReferencesReplacer)}` : '';\n    const documentationLink = getLinkToDocumentationMessage(errorName);\n    const originalErrorMessage = originalError ? `\\nOriginal error: ${originalError.name}: ${originalError.message}` : '';\n    return errorName + stringifiedData + documentationLink + originalErrorMessage;\n}\n/**\n * Returns formatted console error arguments.\n */ function formatConsoleArguments(errorName, data) {\n    const documentationMessage = getLinkToDocumentationMessage(errorName);\n    return data ? [\n        errorName,\n        data,\n        documentationMessage\n    ] : [\n        errorName,\n        documentationMessage\n    ];\n}\n\nconst version = '47.3.0';\n// The second argument is not a month. It is `monthIndex` and starts from `0`.\nconst releaseDate = new Date(2025, 11, 3);\n/* istanbul ignore next -- @preserve */ if (globalThis.CKEDITOR_VERSION) {\n    /**\n\t * This error is thrown when, due to a mistake in the way CKEditor&nbsp;5 was installed,\n\t * imported, or initialized, some of its modules were evaluated and executed twice.\n\t * Duplicate modules inevitably lead to runtime errors and increased bundle size.\n\t *\n\t * # Check dependency versions\n\t *\n\t * First, make sure that you use the latest version of all CKEditor&nbsp;5 dependencies.\n\t * Depending on the installation method, you should check the versions of the `ckeditor5`,\n\t * `ckeditor5-premium-features`, or `@ckeditor/ckeditor5-<NAME>` packages. If you cannot update\n\t * to the latest version, ensure that all the CKEditor&nbsp;5 packages are\n\t * in the same version.\n\t *\n\t * If you use third-party plugins, make sure to update them, too. If they are incompatible\n\t * with the version of CKEditor&nbsp;5 you use, you may need to downgrade the CKEditor&nbsp;5 packages\n\t * (which we do not recommend). Ask the plugin's author to upgrade the dependencies,\n\t * or fork their project and update it yourself.\n\t *\n\t * # Check imports\n\t *\n\t * The next step is to look at how you import CKEditor&nbsp;5 into your project.\n\t *\n\t * **The {@glink updating/nim-migration/migration-to-new-installation-methods new installation methods}\n\t * are designed to prevent module duplication, so if you are not using them yet, you should consider\n\t * updating your project**. However, several legacy installation methods are still supported for backward\n\t * compatibility, and mixing them may result in module duplication.\n\t *\n\t * These are the most common import methods of the CKEditor&nbsp;5 packages.\n\t *\n\t * - **New installation methods (NIM)** &ndash; Imports from the `ckeditor5` and `ckeditor5-premium-features` packages.\n\t * - **Optimized build** for the new installation methods &ndash; Imports from the `@ckeditor/ckeditor5-<NAME>/dist/index.js`.\n\t * - **Predefined builds** (no longer supported) &ndash; Imports from the `@ckeditor/ckeditor5-build-<NAME>` packages.\n\t * - **Default imports** (legacy) &ndash; Imports from the `@ckeditor/ckeditor5-<NAME>` packages (default export).\n\t * - **`src`** (legacy) &ndash; Imports from the `@ckeditor/ckeditor5-<NAME>/src/*`.\n\t * - **DLL builds** (legacy) &ndash; Imports from the `ckeditor5/build/<NAME>` and `@ckeditor/ckeditor5-<NAME>/build/*`.\n\t *\n\t * The best way to avoid duplicate modules is to avoid mixing these installation methods. For example, if you use imports\n\t * specific to the optimized build, you should use them for all CKEditor&nbsp;5 packages. In addition, since\n\t * the DLL builds already include the core of the editor, they cannot be used with other types of imports.\n\t *\n\t * Here is a matrix showing which installation methods are compatible with each other:\n\t *\n\t * |                  | NIM | Optimized build | Predefined builds | Default imports | `src` | DLL builds |\n\t * |------------------|-----|-----------------|-------------------|-----------------|-------|------------|\n\t * | NIM              | ✅  | ✅              | ❌                | ❌              | ❌    | ❌         |\n\t * | Optimized builds | ✅  | ✅              | ❌                | ❌              | ❌    | ❌         |\n\t * | Predefined build | ❌  | ❌              | ✅                | ❌              | ❌    | ❌         |\n\t * | Default imports  | ❌  | ❌              | ❌                | ✅              | ✅    | ❌         |\n\t * | `src`            | ❌  | ❌              | ❌                | ✅              | ✅    | ❌         |\n\t * | DLL builds       | ❌  | ❌              | ❌                | ❌              | ❌    | ✅         |\n\t *\n\t * If you use any third-party plugins, make sure the way you import them is compatible with\n\t * the way you import CKEditor&nbsp;5.\n\t *\n\t * <details>\n\t * <summary>New installation methods and optimized builds</summary>\n\t *\n\t * If you use the {@glink updating/nim-migration/migration-to-new-installation-methods new installation methods},\n\t * you should only import { code } from the `ckeditor5` and `ckeditor5-premium-features` packages.\n\t * Do not import { code } from the `@ckeditor/ckeditor5-<NAME>` packages unless you follow\n\t * the {@glink getting-started/setup/optimizing-build-size Optimizing build size} guide and the imports from\n\t * the `@ckeditor/ckeditor5-<NAME>` packages end with `/dist/index.js`.\n\t *\n\t * If you use a CDN, ensure that some files are not included twice in your project.\n\t *\n\t * Examples of valid and invalid import paths:\n\t *\n\t * ```js\n\t * import { ClassicEditor, Highlight } from 'ckeditor5'; // ✅\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/dist/index.js'; // ✅\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/src/highlight.js'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight'; // ❌\n\t * import '@ckeditor/ckeditor5-highlight/build/highlight.js'; // ❌\n\t * ```\n\t * </details>\n\t *\n\t * <details>\n\t * <summary>(Deprecated) Predefined builds</summary>\n\t *\n\t * **As of April, 2025 predefined build are no longer supported. Please refer to the\n\t * {@glink getting-started/index Quick Start} guide\n\t * to choose one of the modern installation and integration methods available**.\n\t *\n\t * If you use the predefined builds, you cannot import any additional plugins.\n\t * These builds already include the editor's core and selected plugins and importing additional\n\t * ones will cause some modules to be bundled and loaded twice.\n\t *\n\t * Examples of valid and invalid import paths:\n\t *\n\t * ```js\n\t * import { ClassicEditor } from '@ckeditor/ckeditor5-build-classic'; // ✅\n\t * import { Highlight } from 'ckeditor5'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/dist/index.js'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/src/highlight'; // ❌\n\t * import '@ckeditor/ckeditor5-highlight/build/highlight'; // ❌\n\t * ```\n\t *\n\t * If you are missing some features from the list of plugins, you should switch to the\n\t * {@glink updating/nim-migration/migration-to-new-installation-methods new installation methods}\n\t * which do not have this limitation.\n\t * </details>\n\t *\n\t * <details>\n\t * <summary>(Legacy) Default imports and `src` imports</summary>\n\t *\n\t * If you use the {@glink getting-started/legacy/installation-methods/quick-start-other legacy customized installation}\n\t * method, you should only import { code from the `@ckeditor/ckeditor5-<NAME>` packages. While you can import code } from\n\t * the `@ckeditor/ckeditor5-<NAME>/src/*` files, it is not recommended as it can make migration to the new installation\n\t * methods more difficult.\n\t *\n\t * If you use this installation method, you should not import { code } from the `ckeditor5` or `ckeditor5-premium-features` packages.\n\t *\n\t * Examples of valid and invalid import paths:\n\t *\n\t * ```js\n\t * import { ClassicEditor } from '@ckeditor/ckeditor5-editor-classic'; // ✅\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight'; // ✅\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/src/highlight.js'; // ✅ (not recommended)\n\t * import { Highlight } from 'ckeditor5'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/dist/index.js'; // ❌\n\t * import '@ckeditor/ckeditor5-highlight/build/highlight'; // ❌\n\t * ```\n\t * </details>\n\t *\n\t * <details>\n\t * <summary>(Legacy) DLL builds</summary>\n\t *\n\t * If you are using the {@glink getting-started/legacy/advanced/alternative-setups/dll-builds legacy DLL builds},\n\t * you should not import any non-DLL modules.\n\t *\n\t * Examples of valid and invalid import paths:\n\t *\n\t * ```js\n\t * import 'ckeditor5/build/ckeditor5-dll.js';// ✅\n\t * import '@ckeditor/ckeditor5-editor-classic/build/editor-classic.js';// ✅\n\t * import '@ckeditor/ckeditor5-highlight/build/highlight.js';// ✅\n\t * import { Highlight } from 'ckeditor5'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/dist/index.js'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/src/highlight.js'; // ❌\n\t * ```\n\t * </details>\n\t *\n\t * # Reinstall `node_modules`\n\t *\n\t * Usually, npm and other package managers deduplicate all packages - for example, `ckeditor5` is only installed once\n\t * in `node_modules/`. However, it is known to fail to do so occasionally.\n\t *\n\t * To rule out this possibility, you can try the following:\n\t *\n\t * 1. Remove the `node_modules` directory.\n\t * 2. Remove the `package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml` files (depending on the package manager used).\n\t * 3. Run `npm install` to reinstall all packages.\n\t * 4. Run `npm ls` to check how many times packages like `@ckeditor/ckeditor5-core` are installed.\n\t * If they are installed more than once, verify which package causes that.\n\t *\n\t * @error ckeditor-duplicated-modules\n\t */ throw new CKEditorError('ckeditor-duplicated-modules', null);\n} else {\n    globalThis.CKEDITOR_VERSION = version;\n}\n\nconst _listeningTo = Symbol('listeningTo');\nconst _emitterId = Symbol('emitterId');\nconst _delegations = Symbol('delegations');\nconst defaultEmitterClass$1 = /* #__PURE__ */ EmitterMixin(Object);\nfunction EmitterMixin(base) {\n    if (!base) {\n        return defaultEmitterClass$1;\n    }\n    class Mixin extends base {\n        on(event, callback, options) {\n            this.listenTo(this, event, callback, options);\n        }\n        once(event, callback, options) {\n            let wasFired = false;\n            const onceCallback = (event, ...args)=>{\n                // Ensure the callback is called only once even if the callback itself leads to re-firing the event\n                // (which would call the callback again).\n                if (!wasFired) {\n                    wasFired = true;\n                    // Go off() at the first call.\n                    event.off();\n                    // Go with the original callback.\n                    callback.call(this, event, ...args);\n                }\n            };\n            // Make a similar on() call, simply replacing the callback.\n            this.listenTo(this, event, onceCallback, options);\n        }\n        off(event, callback) {\n            this.stopListening(this, event, callback);\n        }\n        listenTo(emitter, event, callback, options = {}) {\n            let emitterInfo, eventCallbacks;\n            // _listeningTo contains a list of emitters that this object is listening to.\n            // This list has the following format:\n            //\n            // _listeningTo: {\n            //     emitterId: {\n            //         emitter: emitter,\n            //         callbacks: {\n            //             event1: [ callback1, callback2, ... ]\n            //             ....\n            //         }\n            //     },\n            //     ...\n            // }\n            if (!this[_listeningTo]) {\n                this[_listeningTo] = {};\n            }\n            const emitters = this[_listeningTo];\n            if (!_getEmitterId(emitter)) {\n                _setEmitterId(emitter);\n            }\n            const emitterId = _getEmitterId(emitter);\n            if (!(emitterInfo = emitters[emitterId])) {\n                emitterInfo = emitters[emitterId] = {\n                    emitter,\n                    callbacks: {}\n                };\n            }\n            if (!(eventCallbacks = emitterInfo.callbacks[event])) {\n                eventCallbacks = emitterInfo.callbacks[event] = [];\n            }\n            eventCallbacks.push(callback);\n            // Finally register the callback to the event.\n            addEventListener(this, emitter, event, callback, options);\n        }\n        stopListening(emitter, event, callback) {\n            const emitters = this[_listeningTo];\n            let emitterId = emitter && _getEmitterId(emitter);\n            const emitterInfo = emitters && emitterId ? emitters[emitterId] : undefined;\n            const eventCallbacks = emitterInfo && event ? emitterInfo.callbacks[event] : undefined;\n            // Stop if nothing has been listened.\n            if (!emitters || emitter && !emitterInfo || event && !eventCallbacks) {\n                return;\n            }\n            // All params provided. off() that single callback.\n            if (callback) {\n                removeEventListener(this, emitter, event, callback);\n                // We must remove callbacks as well in order to prevent memory leaks.\n                // See https://github.com/ckeditor/ckeditor5/pull/8480\n                const index = eventCallbacks.indexOf(callback);\n                if (index !== -1) {\n                    if (eventCallbacks.length === 1) {\n                        delete emitterInfo.callbacks[event];\n                    } else {\n                        removeEventListener(this, emitter, event, callback);\n                    }\n                }\n            } else if (eventCallbacks) {\n                while(callback = eventCallbacks.pop()){\n                    removeEventListener(this, emitter, event, callback);\n                }\n                delete emitterInfo.callbacks[event];\n            } else if (emitterInfo) {\n                for(event in emitterInfo.callbacks){\n                    this.stopListening(emitter, event);\n                }\n                delete emitters[emitterId];\n            } else {\n                for(emitterId in emitters){\n                    this.stopListening(emitters[emitterId].emitter);\n                }\n                delete this[_listeningTo];\n            }\n        }\n        fire(eventOrInfo, ...args) {\n            try {\n                const eventInfo = eventOrInfo instanceof EventInfo ? eventOrInfo : new EventInfo(this, eventOrInfo);\n                const event = eventInfo.name;\n                let callbacks = getCallbacksForEvent(this, event);\n                // Record that the event passed this emitter on its path.\n                eventInfo.path.push(this);\n                // Handle event listener callbacks first.\n                if (callbacks) {\n                    // Copying callbacks array is the easiest and most secure way of preventing infinite loops, when event callbacks\n                    // are added while processing other callbacks. Previous solution involved adding counters (unique ids) but\n                    // failed if callbacks were added to the queue before currently processed callback.\n                    // If this proves to be too inefficient, another method is to change `.on()` so callbacks are stored if same\n                    // event is currently processed. Then, `.fire()` at the end, would have to add all stored events.\n                    callbacks = callbacks.slice();\n                    for(let i = 0; i < callbacks.length; i++){\n                        const fn = callbacks[i].callback;\n                        fn.call(this, eventInfo, ...args);\n                        // Remove the callback from future requests if off() has been called.\n                        if (eventInfo.off.called) {\n                            // Remove the called mark for the next calls.\n                            delete eventInfo.off.called;\n                            this._removeEventListener(event, fn);\n                        }\n                        // Do not execute next callbacks if stop() was called.\n                        if (eventInfo.stop.called) {\n                            break;\n                        }\n                    }\n                }\n                // Delegate event to other emitters if needed.\n                const delegations = this[_delegations];\n                if (delegations) {\n                    const destinations = delegations.get(event);\n                    const passAllDestinations = delegations.get('*');\n                    if (destinations) {\n                        fireDelegatedEvents(destinations, eventInfo, args);\n                    }\n                    if (passAllDestinations) {\n                        fireDelegatedEvents(passAllDestinations, eventInfo, args);\n                    }\n                }\n                return eventInfo.return;\n            } catch (err) {\n                // @if CK_DEBUG // throw err;\n                /* istanbul ignore next -- @preserve */ CKEditorError.rethrowUnexpectedError(err, this);\n            }\n        }\n        delegate(...events) {\n            return {\n                to: (emitter, nameOrFunction)=>{\n                    if (!this[_delegations]) {\n                        this[_delegations] = new Map();\n                    }\n                    // Originally there was a for..of loop which unfortunately caused an error in Babel that didn't allow\n                    // build an application. See: https://github.com/ckeditor/ckeditor5-react/issues/40.\n                    events.forEach((eventName)=>{\n                        const destinations = this[_delegations].get(eventName);\n                        if (!destinations) {\n                            this[_delegations].set(eventName, new Map([\n                                [\n                                    emitter,\n                                    nameOrFunction\n                                ]\n                            ]));\n                        } else {\n                            destinations.set(emitter, nameOrFunction);\n                        }\n                    });\n                }\n            };\n        }\n        stopDelegating(event, emitter) {\n            if (!this[_delegations]) {\n                return;\n            }\n            if (!event) {\n                this[_delegations].clear();\n            } else if (!emitter) {\n                this[_delegations].delete(event);\n            } else {\n                const destinations = this[_delegations].get(event);\n                if (destinations) {\n                    destinations.delete(emitter);\n                }\n            }\n        }\n        _addEventListener(event, callback, options) {\n            createEventNamespace(this, event);\n            const lists = getCallbacksListsForNamespace(this, event);\n            const priority = priorities.get(options.priority);\n            const callbackDefinition = {\n                callback,\n                priority\n            };\n            // Add the callback to all callbacks list.\n            for (const callbacks of lists){\n                // Add the callback to the list in the right priority position.\n                insertToPriorityArray(callbacks, callbackDefinition);\n            }\n        }\n        _removeEventListener(event, callback) {\n            const lists = getCallbacksListsForNamespace(this, event);\n            for (const callbacks of lists){\n                for(let i = 0; i < callbacks.length; i++){\n                    if (callbacks[i].callback == callback) {\n                        // Remove the callback from the list (fixing the next index).\n                        callbacks.splice(i, 1);\n                        i--;\n                    }\n                }\n            }\n        }\n    }\n    return Mixin;\n}\n/**\n * Checks if `listeningEmitter` listens to an emitter with given `listenedToEmitterId` and if so, returns that emitter.\n * If not, returns `null`.\n *\n * @internal\n * @param listeningEmitter An emitter that listens.\n * @param listenedToEmitterId Unique emitter id of emitter listened to.\n */ function _getEmitterListenedTo(listeningEmitter, listenedToEmitterId) {\n    const listeningTo = listeningEmitter[_listeningTo];\n    if (listeningTo && listeningTo[listenedToEmitterId]) {\n        return listeningTo[listenedToEmitterId].emitter;\n    }\n    return null;\n}\n/**\n * Sets emitter's unique id.\n *\n * **Note:** `_emitterId` can be set only once.\n *\n * @internal\n * @param emitter An emitter for which id will be set.\n * @param id Unique id to set. If not passed, random unique id will be set.\n */ function _setEmitterId(emitter, id) {\n    if (!emitter[_emitterId]) {\n        emitter[_emitterId] = id || uid();\n    }\n}\n/**\n * Returns emitter's unique id.\n *\n * @internal\n * @param emitter An emitter which id will be returned.\n */ function _getEmitterId(emitter) {\n    return emitter[_emitterId];\n}\n/**\n * Gets the internal `_events` property of the given object.\n * `_events` property store all lists with callbacks for registered event names.\n * If there were no events registered on the object, empty `_events` object is created.\n */ function getEvents(source) {\n    if (!source._events) {\n        Object.defineProperty(source, '_events', {\n            value: {}\n        });\n    }\n    return source._events;\n}\n/**\n * Creates event node for generic-specific events relation architecture.\n */ function makeEventNode() {\n    return {\n        callbacks: [],\n        childEvents: []\n    };\n}\n/**\n * Creates an architecture for generic-specific events relation.\n * If needed, creates all events for given eventName, i.e. if the first registered event\n * is foo:bar:abc, it will create foo:bar:abc, foo:bar and foo event and tie them together.\n * It also copies callbacks from more generic events to more specific events when\n * specific events are created.\n */ function createEventNamespace(source, eventName) {\n    const events = getEvents(source);\n    // First, check if the event we want to add to the structure already exists.\n    if (events[eventName]) {\n        // If it exists, we don't have to do anything.\n        return;\n    }\n    // In other case, we have to create the structure for the event.\n    // Note, that we might need to create intermediate events too.\n    // I.e. if foo:bar:abc is being registered and we only have foo in the structure,\n    // we need to also register foo:bar.\n    // Currently processed event name.\n    let name = eventName;\n    // Name of the event that is a child event for currently processed event.\n    let childEventName = null;\n    // Array containing all newly created specific events.\n    const newEventNodes = [];\n    // While loop can't check for ':' index because we have to handle generic events too.\n    // In each loop, we truncate event name, going from the most specific name to the generic one.\n    // I.e. foo:bar:abc -> foo:bar -> foo.\n    while(name !== ''){\n        if (events[name]) {\n            break;\n        }\n        // If this event is not yet registered, create a new object for it.\n        events[name] = makeEventNode();\n        // Add it to the array with newly created events.\n        newEventNodes.push(events[name]);\n        // Add previously processed event name as a child of this event.\n        if (childEventName) {\n            events[name].childEvents.push(childEventName);\n        }\n        childEventName = name;\n        // If `.lastIndexOf()` returns -1, `.substr()` will return '' which will break the loop.\n        name = name.substr(0, name.lastIndexOf(':'));\n    }\n    if (name !== '') {\n        // If name is not empty, we found an already registered event that was a parent of the\n        // event we wanted to register.\n        // Copy that event's callbacks to newly registered events.\n        for (const node of newEventNodes){\n            node.callbacks = events[name].callbacks.slice();\n        }\n        // Add last newly created event to the already registered event.\n        events[name].childEvents.push(childEventName);\n    }\n}\n/**\n * Gets an array containing callbacks list for a given event and it's more specific events.\n * I.e. if given event is foo:bar and there is also foo:bar:abc event registered, this will\n * return callback list of foo:bar and foo:bar:abc (but not foo).\n */ function getCallbacksListsForNamespace(source, eventName) {\n    const eventNode = getEvents(source)[eventName];\n    if (!eventNode) {\n        return [];\n    }\n    let callbacksLists = [\n        eventNode.callbacks\n    ];\n    for(let i = 0; i < eventNode.childEvents.length; i++){\n        const childCallbacksLists = getCallbacksListsForNamespace(source, eventNode.childEvents[i]);\n        callbacksLists = callbacksLists.concat(childCallbacksLists);\n    }\n    return callbacksLists;\n}\n/**\n * Get the list of callbacks for a given event, but only if there any callbacks have been registered.\n * If there are no callbacks registered for given event, it checks if this is a specific event and looks\n * for callbacks for it's more generic version.\n */ function getCallbacksForEvent(source, eventName) {\n    if (!source._events) {\n        return null;\n    }\n    let currentEventName = eventName;\n    do {\n        const event = source._events[currentEventName];\n        if (event && event.callbacks && event.callbacks.length) {\n            return event.callbacks;\n        }\n        const colonIndex = currentEventName.lastIndexOf(':');\n        currentEventName = colonIndex > -1 ? currentEventName.substring(0, colonIndex) : '';\n    }while (currentEventName)\n    return null;\n}\n/**\n * Fires delegated events for given map of destinations.\n *\n * @param destinations A map containing `[ {@link module:utils/emittermixin~Emitter}, \"event name\" ]` pair destinations.\n * @param eventInfo The original event info object.\n * @param fireArgs Arguments the original event was fired with.\n */ function fireDelegatedEvents(destinations, eventInfo, fireArgs) {\n    for (let [emitter, name] of destinations){\n        if (!name) {\n            name = eventInfo.name;\n        } else if (typeof name == 'function') {\n            name = name(eventInfo.name);\n        }\n        const delegatedInfo = new EventInfo(eventInfo.source, name);\n        delegatedInfo.path = [\n            ...eventInfo.path\n        ];\n        emitter.fire(delegatedInfo, ...fireArgs);\n    }\n}\n/**\n * Helper for registering event callback on the emitter.\n */ function addEventListener(listener, emitter, event, callback, options) {\n    if (emitter._addEventListener) {\n        emitter._addEventListener(event, callback, options);\n    } else {\n        // Allow listening on objects that do not implement Emitter interface.\n        // This is needed in some tests that are using mocks instead of the real objects with EmitterMixin mixed.\n        listener._addEventListener.call(emitter, event, callback, options);\n    }\n}\n/**\n * Helper for removing event callback from the emitter.\n */ function removeEventListener(listener, emitter, event, callback) {\n    if (emitter._removeEventListener) {\n        emitter._removeEventListener(event, callback);\n    } else {\n        // Allow listening on objects that do not implement Emitter interface.\n        // This is needed in some tests that are using mocks instead of the real objects with EmitterMixin mixed.\n        listener._removeEventListener.call(emitter, event, callback);\n    }\n}\n\nconst observablePropertiesSymbol = Symbol('observableProperties');\nconst boundObservablesSymbol = Symbol('boundObservables');\nconst boundPropertiesSymbol = Symbol('boundProperties');\nconst decoratedMethods = Symbol('decoratedMethods');\nconst decoratedOriginal = Symbol('decoratedOriginal');\nconst defaultObservableClass = /* #__PURE__ */ ObservableMixin(/* #__PURE__ */ EmitterMixin());\nfunction ObservableMixin(base) {\n    if (!base) {\n        return defaultObservableClass;\n    }\n    class Mixin extends base {\n        set(name, value) {\n            // If the first parameter is an Object, iterate over its properties.\n            if (isObject$1(name)) {\n                Object.keys(name).forEach((property)=>{\n                    this.set(property, name[property]);\n                }, this);\n                return;\n            }\n            initObservable(this);\n            const properties = this[observablePropertiesSymbol];\n            if (name in this && !properties.has(name)) {\n                /**\n\t\t\t\t * Cannot override an existing property.\n\t\t\t\t *\n\t\t\t\t * This error is thrown when trying to {@link module:utils/observablemixin~Observable#set set} a property with\n\t\t\t\t * a name of an already existing property. For example:\n\t\t\t\t *\n\t\t\t\t * ```ts\n\t\t\t\t * let observable = new Model();\n\t\t\t\t * observable.property = 1;\n\t\t\t\t * observable.set( 'property', 2 );\t\t\t// throws\n\t\t\t\t *\n\t\t\t\t * observable.set( 'property', 1 );\n\t\t\t\t * observable.set( 'property', 2 );\t\t\t// ok, because this is an existing property.\n\t\t\t\t * ```\n\t\t\t\t *\n\t\t\t\t * @error observable-set-cannot-override\n\t\t\t\t */ throw new CKEditorError('observable-set-cannot-override', this);\n            }\n            Object.defineProperty(this, name, {\n                enumerable: true,\n                configurable: true,\n                get () {\n                    return properties.get(name);\n                },\n                set (value) {\n                    const oldValue = properties.get(name);\n                    // Fire `set` event before the new value will be set to make it possible\n                    // to override observable property without affecting `change` event.\n                    // See https://github.com/ckeditor/ckeditor5-utils/issues/171.\n                    let newValue = this.fire(`set:${name}`, name, value, oldValue);\n                    if (newValue === undefined) {\n                        newValue = value;\n                    }\n                    // Allow undefined as an initial value like A.define( 'x', undefined ) (#132).\n                    // Note: When properties map has no such own property, then its value is undefined.\n                    if (oldValue !== newValue || !properties.has(name)) {\n                        properties.set(name, newValue);\n                        this.fire(`change:${name}`, name, newValue, oldValue);\n                    }\n                }\n            });\n            this[name] = value;\n        }\n        bind(...bindProperties) {\n            if (!bindProperties.length || !isStringArray(bindProperties)) {\n                /**\n\t\t\t\t * All properties must be strings.\n\t\t\t\t *\n\t\t\t\t * @error observable-bind-wrong-properties\n\t\t\t\t */ throw new CKEditorError('observable-bind-wrong-properties', this);\n            }\n            if (new Set(bindProperties).size !== bindProperties.length) {\n                /**\n\t\t\t\t * Properties must be unique.\n\t\t\t\t *\n\t\t\t\t * @error observable-bind-duplicate-properties\n\t\t\t\t */ throw new CKEditorError('observable-bind-duplicate-properties', this);\n            }\n            initObservable(this);\n            const boundProperties = this[boundPropertiesSymbol];\n            bindProperties.forEach((propertyName)=>{\n                if (boundProperties.has(propertyName)) {\n                    /**\n\t\t\t\t\t * Cannot bind the same property more than once.\n\t\t\t\t\t *\n\t\t\t\t\t * @error observable-bind-rebind\n\t\t\t\t\t */ throw new CKEditorError('observable-bind-rebind', this);\n                }\n            });\n            const bindings = new Map();\n            bindProperties.forEach((a)=>{\n                const binding = {\n                    property: a,\n                    to: []\n                };\n                boundProperties.set(a, binding);\n                bindings.set(a, binding);\n            });\n            return {\n                to: bindTo,\n                toMany: bindToMany,\n                _observable: this,\n                _bindProperties: bindProperties,\n                _to: [],\n                _bindings: bindings\n            };\n        }\n        unbind(...unbindProperties) {\n            // Nothing to do here if not inited yet.\n            if (!this[observablePropertiesSymbol]) {\n                return;\n            }\n            const boundProperties = this[boundPropertiesSymbol];\n            const boundObservables = this[boundObservablesSymbol];\n            if (unbindProperties.length) {\n                if (!isStringArray(unbindProperties)) {\n                    /**\n\t\t\t\t\t * Properties must be strings.\n\t\t\t\t\t *\n\t\t\t\t\t * @error observable-unbind-wrong-properties\n\t\t\t\t\t */ throw new CKEditorError('observable-unbind-wrong-properties', this);\n                }\n                unbindProperties.forEach((propertyName)=>{\n                    const binding = boundProperties.get(propertyName);\n                    // Nothing to do if the binding is not defined\n                    if (!binding) {\n                        return;\n                    }\n                    binding.to.forEach(([toObservable, toProperty])=>{\n                        const toProperties = boundObservables.get(toObservable);\n                        const toPropertyBindings = toProperties[toProperty];\n                        toPropertyBindings.delete(binding);\n                        if (!toPropertyBindings.size) {\n                            delete toProperties[toProperty];\n                        }\n                        if (!Object.keys(toProperties).length) {\n                            boundObservables.delete(toObservable);\n                            this.stopListening(toObservable, 'change');\n                        }\n                    });\n                    boundProperties.delete(propertyName);\n                });\n            } else {\n                boundObservables.forEach((bindings, boundObservable)=>{\n                    this.stopListening(boundObservable, 'change');\n                });\n                boundObservables.clear();\n                boundProperties.clear();\n            }\n        }\n        decorate(methodName) {\n            initObservable(this);\n            const originalMethod = this[methodName];\n            if (!originalMethod) {\n                /**\n\t\t\t\t * Cannot decorate an undefined method.\n\t\t\t\t *\n\t\t\t\t * @error observablemixin-cannot-decorate-undefined\n\t\t\t\t * @param {object} object The object which method should be decorated.\n\t\t\t\t * @param {string} methodName Name of the method which does not exist.\n\t\t\t\t */ throw new CKEditorError('observablemixin-cannot-decorate-undefined', this, {\n                    object: this,\n                    methodName\n                });\n            }\n            this.on(methodName, (evt, args)=>{\n                evt.return = originalMethod.apply(this, args);\n            });\n            this[methodName] = function(...args) {\n                return this.fire(methodName, args);\n            };\n            this[methodName][decoratedOriginal] = originalMethod;\n            if (!this[decoratedMethods]) {\n                this[decoratedMethods] = [];\n            }\n            this[decoratedMethods].push(methodName);\n        }\n        // Override the EmitterMixin stopListening method to be able to clean (and restore) decorated methods.\n        // This is needed in case of:\n        //  1. Have x.foo() decorated.\n        //  2. Call x.stopListening()\n        //  3. Call x.foo(). Problem: nothing happens (the original foo() method is not executed)\n        stopListening(emitter, event, callback) {\n            // Removing all listeners so let's clean the decorated methods to the original state.\n            if (!emitter && this[decoratedMethods]) {\n                for (const methodName of this[decoratedMethods]){\n                    this[methodName] = this[methodName][decoratedOriginal];\n                }\n                delete this[decoratedMethods];\n            }\n            super.stopListening(emitter, event, callback);\n        }\n        [observablePropertiesSymbol];\n        [decoratedMethods];\n        [boundPropertiesSymbol];\n        [boundObservablesSymbol];\n    }\n    return Mixin;\n}\n// Init symbol properties needed for the observable mechanism to work.\nfunction initObservable(observable) {\n    // Do nothing if already inited.\n    if (observable[observablePropertiesSymbol]) {\n        return;\n    }\n    // The internal hash containing the observable's state.\n    Object.defineProperty(observable, observablePropertiesSymbol, {\n        value: new Map()\n    });\n    // Map containing bindings to external observables. It shares the binding objects\n    // (`{ observable: A, property: 'a', to: ... }`) with {@link module:utils/observablemixin~Observable#_boundProperties} and\n    // it is used to observe external observables to update own properties accordingly.\n    // See {@link module:utils/observablemixin~Observable#bind}.\n    //\n    //\t\tA.bind( 'a', 'b', 'c' ).to( B, 'x', 'y', 'x' );\n    //\t\tconsole.log( A._boundObservables );\n    //\n    //\t\t\tMap( {\n    //\t\t\t\tB: {\n    //\t\t\t\t\tx: Set( [\n    //\t\t\t\t\t\t{ observable: A, property: 'a', to: [ [ B, 'x' ] ] },\n    //\t\t\t\t\t\t{ observable: A, property: 'c', to: [ [ B, 'x' ] ] }\n    //\t\t\t\t\t] ),\n    //\t\t\t\t\ty: Set( [\n    //\t\t\t\t\t\t{ observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n    //\t\t\t\t\t] )\n    //\t\t\t\t}\n    //\t\t\t} )\n    //\n    //\t\tA.bind( 'd' ).to( B, 'z' ).to( C, 'w' ).as( callback );\n    //\t\tconsole.log( A._boundObservables );\n    //\n    //\t\t\tMap( {\n    //\t\t\t\tB: {\n    //\t\t\t\t\tx: Set( [\n    //\t\t\t\t\t\t{ observable: A, property: 'a', to: [ [ B, 'x' ] ] },\n    //\t\t\t\t\t\t{ observable: A, property: 'c', to: [ [ B, 'x' ] ] }\n    //\t\t\t\t\t] ),\n    //\t\t\t\t\ty: Set( [\n    //\t\t\t\t\t\t{ observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n    //\t\t\t\t\t] ),\n    //\t\t\t\t\tz: Set( [\n    //\t\t\t\t\t\t{ observable: A, property: 'd', to: [ [ B, 'z' ], [ C, 'w' ] ], callback: callback }\n    //\t\t\t\t\t] )\n    //\t\t\t\t},\n    //\t\t\t\tC: {\n    //\t\t\t\t\tw: Set( [\n    //\t\t\t\t\t\t{ observable: A, property: 'd', to: [ [ B, 'z' ], [ C, 'w' ] ], callback: callback }\n    //\t\t\t\t\t] )\n    //\t\t\t\t}\n    //\t\t\t} )\n    //\n    Object.defineProperty(observable, boundObservablesSymbol, {\n        value: new Map()\n    });\n    // Object that stores which properties of this observable are bound and how. It shares\n    // the binding objects (`{ observable: A, property: 'a', to: ... }`) with\n    // {@link module:utils/observablemixin~Observable#_boundObservables}. This data structure is\n    // a reverse of {@link module:utils/observablemixin~Observable#_boundObservables} and it is helpful for\n    // {@link module:utils/observablemixin~Observable#unbind}.\n    //\n    // See {@link module:utils/observablemixin~Observable#bind}.\n    //\n    //\t\tA.bind( 'a', 'b', 'c' ).to( B, 'x', 'y', 'x' );\n    //\t\tconsole.log( A._boundProperties );\n    //\n    //\t\t\tMap( {\n    //\t\t\t\ta: { observable: A, property: 'a', to: [ [ B, 'x' ] ] },\n    //\t\t\t\tb: { observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n    //\t\t\t\tc: { observable: A, property: 'c', to: [ [ B, 'x' ] ] }\n    //\t\t\t} )\n    //\n    //\t\tA.bind( 'd' ).to( B, 'z' ).to( C, 'w' ).as( callback );\n    //\t\tconsole.log( A._boundProperties );\n    //\n    //\t\t\tMap( {\n    //\t\t\t\ta: { observable: A, property: 'a', to: [ [ B, 'x' ] ] },\n    //\t\t\t\tb: { observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n    //\t\t\t\tc: { observable: A, property: 'c', to: [ [ B, 'x' ] ] },\n    //\t\t\t\td: { observable: A, property: 'd', to: [ [ B, 'z' ], [ C, 'w' ] ], callback: callback }\n    //\t\t\t} )\n    Object.defineProperty(observable, boundPropertiesSymbol, {\n        value: new Map()\n    });\n}\n/**\n * A chaining for {@link module:utils/observablemixin~Observable#bind} providing `.to()` interface.\n *\n * @param args Arguments of the `.to( args )` binding.\n */ function bindTo(...args) {\n    const parsedArgs = parseBindToArgs(...args);\n    const bindingsKeys = Array.from(this._bindings.keys());\n    const numberOfBindings = bindingsKeys.length;\n    // Eliminate A.bind( 'x' ).to( B, C )\n    if (!parsedArgs.callback && parsedArgs.to.length > 1) {\n        /**\n\t\t * Binding multiple observables only possible with callback.\n\t\t *\n\t\t * @error observable-bind-to-no-callback\n\t\t */ throw new CKEditorError('observable-bind-to-no-callback', this);\n    }\n    // Eliminate A.bind( 'x', 'y' ).to( B, callback )\n    if (numberOfBindings > 1 && parsedArgs.callback) {\n        /**\n\t\t * Cannot bind multiple properties and use a callback in one binding.\n\t\t *\n\t\t * @error observable-bind-to-extra-callback\n\t\t */ throw new CKEditorError('observable-bind-to-extra-callback', this);\n    }\n    parsedArgs.to.forEach((to)=>{\n        // Eliminate A.bind( 'x', 'y' ).to( B, 'a' )\n        if (to.properties.length && to.properties.length !== numberOfBindings) {\n            /**\n\t\t\t * The number of properties must match.\n\t\t\t *\n\t\t\t * @error observable-bind-to-properties-length\n\t\t\t */ throw new CKEditorError('observable-bind-to-properties-length', this);\n        }\n        // When no to.properties specified, observing source properties instead i.e.\n        // A.bind( 'x', 'y' ).to( B ) -> Observe B.x and B.y\n        if (!to.properties.length) {\n            to.properties = this._bindProperties;\n        }\n    });\n    this._to = parsedArgs.to;\n    // Fill {@link BindChain#_bindings} with callback. When the callback is set there's only one binding.\n    if (parsedArgs.callback) {\n        this._bindings.get(bindingsKeys[0]).callback = parsedArgs.callback;\n    }\n    attachBindToListeners(this._observable, this._to);\n    // Update observable._boundProperties and observable._boundObservables.\n    updateBindToBound(this);\n    // Set initial values of bound properties.\n    this._bindProperties.forEach((propertyName)=>{\n        updateBoundObservableProperty(this._observable, propertyName);\n    });\n}\n/**\n * Binds to an attribute in a set of iterable observables.\n */ function bindToMany(observables, attribute, callback) {\n    if (this._bindings.size > 1) {\n        /**\n\t\t * Binding one attribute to many observables only possible with one attribute.\n\t\t *\n\t\t * @error observable-bind-to-many-not-one-binding\n\t\t */ throw new CKEditorError('observable-bind-to-many-not-one-binding', this);\n    }\n    this.to(// Bind to #attribute of each observable...\n    ...getBindingTargets(observables, attribute), // ...using given callback to parse attribute values.\n    callback);\n}\n/**\n * Returns an array of binding components for\n * {@link Observable#bind} from a set of iterable observables.\n */ function getBindingTargets(observables, attribute) {\n    const observableAndAttributePairs = observables.map((observable)=>[\n            observable,\n            attribute\n        ]);\n    // Merge pairs to one-dimension array of observables and attributes.\n    return Array.prototype.concat.apply([], observableAndAttributePairs);\n}\n/**\n * Check if all entries of the array are of `String` type.\n */ function isStringArray(arr) {\n    return arr.every((a)=>typeof a == 'string');\n}\n/**\n * Parses and validates {@link Observable#bind}`.to( args )` arguments and returns\n * an object with a parsed structure. For example\n *\n * ```ts\n * A.bind( 'x' ).to( B, 'a', C, 'b', call );\n * ```\n *\n * becomes\n *\n * ```ts\n * {\n * \tto: [\n * \t\t{ observable: B, properties: [ 'a' ] },\n * \t\t{ observable: C, properties: [ 'b' ] },\n * \t],\n * \tcallback: call\n * }\n *\n * @param args Arguments of {@link Observable#bind}`.to( args )`.\n */ function parseBindToArgs(...args) {\n    // Eliminate A.bind( 'x' ).to()\n    if (!args.length) {\n        /**\n\t\t * Invalid argument syntax in `to()`.\n\t\t *\n\t\t * @error observable-bind-to-parse-error\n\t\t */ throw new CKEditorError('observable-bind-to-parse-error', null);\n    }\n    const parsed = {\n        to: []\n    };\n    let lastObservable;\n    if (typeof args[args.length - 1] == 'function') {\n        parsed.callback = args.pop();\n    }\n    args.forEach((a)=>{\n        if (typeof a == 'string') {\n            lastObservable.properties.push(a);\n        } else if (typeof a == 'object') {\n            lastObservable = {\n                observable: a,\n                properties: []\n            };\n            parsed.to.push(lastObservable);\n        } else {\n            throw new CKEditorError('observable-bind-to-parse-error', null);\n        }\n    });\n    return parsed;\n}\n/**\n * Synchronizes {@link module:utils/observable#_boundObservables} with {@link Binding}.\n *\n * @param binding A binding to store in {@link Observable#_boundObservables}.\n * @param toObservable A observable, which is a new component of `binding`.\n * @param toPropertyName A name of `toObservable`'s property, a new component of the `binding`.\n */ function updateBoundObservables(observable, binding, toObservable, toPropertyName) {\n    const boundObservables = observable[boundObservablesSymbol];\n    const bindingsToObservable = boundObservables.get(toObservable);\n    const bindings = bindingsToObservable || {};\n    if (!bindings[toPropertyName]) {\n        bindings[toPropertyName] = new Set();\n    }\n    // Pass the binding to a corresponding Set in `observable._boundObservables`.\n    bindings[toPropertyName].add(binding);\n    if (!bindingsToObservable) {\n        boundObservables.set(toObservable, bindings);\n    }\n}\n/**\n * Synchronizes {@link Observable#_boundProperties} and {@link Observable#_boundObservables}\n * with {@link BindChain}.\n *\n * Assuming the following binding being created\n *\n * ```ts\n * A.bind( 'a', 'b' ).to( B, 'x', 'y' );\n * ```\n *\n * the following bindings were initialized by {@link Observable#bind} in {@link BindChain#_bindings}:\n *\n * ```ts\n * {\n * \ta: { observable: A, property: 'a', to: [] },\n * \tb: { observable: A, property: 'b', to: [] },\n * }\n * ```\n *\n * Iterate over all bindings in this chain and fill their `to` properties with\n * corresponding to( ... ) arguments (components of the binding), so\n *\n * ```ts\n * {\n * \ta: { observable: A, property: 'a', to: [ B, 'x' ] },\n * \tb: { observable: A, property: 'b', to: [ B, 'y' ] },\n * }\n * ```\n *\n * Then update the structure of {@link Observable#_boundObservables} with updated\n * binding, so it becomes:\n *\n * ```ts\n * Map( {\n * \tB: {\n * \t\tx: Set( [\n * \t\t\t{ observable: A, property: 'a', to: [ [ B, 'x' ] ] }\n * \t\t] ),\n * \t\ty: Set( [\n * \t\t\t{ observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n * \t\t] )\n * \t}\n * } )\n * ```\n *\n * @param chain The binding initialized by {@link Observable#bind}.\n */ function updateBindToBound(chain) {\n    let toProperty;\n    chain._bindings.forEach((binding, propertyName)=>{\n        // Note: For a binding without a callback, this will run only once\n        // like in A.bind( 'x', 'y' ).to( B, 'a', 'b' )\n        // TODO: ES6 destructuring.\n        chain._to.forEach((to)=>{\n            toProperty = to.properties[binding.callback ? 0 : chain._bindProperties.indexOf(propertyName)];\n            binding.to.push([\n                to.observable,\n                toProperty\n            ]);\n            updateBoundObservables(chain._observable, binding, to.observable, toProperty);\n        });\n    });\n}\n/**\n * Updates an property of a {@link Observable} with a value\n * determined by an entry in {@link Observable#_boundProperties}.\n *\n * @param observable A observable which property is to be updated.\n * @param propertyName An property to be updated.\n */ function updateBoundObservableProperty(observable, propertyName) {\n    const boundProperties = observable[boundPropertiesSymbol];\n    const binding = boundProperties.get(propertyName);\n    let propertyValue;\n    // When a binding with callback is created like\n    //\n    // \t\tA.bind( 'a' ).to( B, 'b', C, 'c', callback );\n    //\n    // collect B.b and C.c, then pass them to callback to set A.a.\n    if (binding.callback) {\n        propertyValue = binding.callback.apply(observable, binding.to.map((to)=>to[0][to[1]]));\n    } else {\n        propertyValue = binding.to[0];\n        propertyValue = propertyValue[0][propertyValue[1]];\n    }\n    if (Object.prototype.hasOwnProperty.call(observable, propertyName)) {\n        observable[propertyName] = propertyValue;\n    } else {\n        observable.set(propertyName, propertyValue);\n    }\n}\n/**\n * Starts listening to changes in {@link BindChain._to} observables to update\n * {@link BindChain._observable} {@link BindChain._bindProperties}. Also sets the\n * initial state of {@link BindChain._observable}.\n *\n * @param chain The chain initialized by {@link Observable#bind}.\n */ function attachBindToListeners(observable, toBindings) {\n    toBindings.forEach((to)=>{\n        const boundObservables = observable[boundObservablesSymbol];\n        let bindings;\n        // If there's already a chain between the observables (`observable` listens to\n        // `to.observable`), there's no need to create another `change` event listener.\n        if (!boundObservables.get(to.observable)) {\n            observable.listenTo(to.observable, 'change', (evt, propertyName)=>{\n                bindings = boundObservables.get(to.observable)[propertyName];\n                // Note: to.observable will fire for any property change, react\n                // to changes of properties which are bound only.\n                if (bindings) {\n                    bindings.forEach((binding)=>{\n                        updateBoundObservableProperty(observable, binding.property);\n                    });\n                }\n            });\n        }\n    });\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/elementreplacer\n */ /**\n * Utility class allowing to hide existing HTML elements or replace them with given ones in a way that doesn't remove\n * the original elements from the DOM.\n */ class ElementReplacer {\n    /**\n\t * The elements replaced by {@link #replace} and their replacements.\n\t */ _replacedElements;\n    constructor(){\n        this._replacedElements = [];\n    }\n    /**\n\t * Hides the `element` and, if specified, inserts the the given element next to it.\n\t *\n\t * The effect of this method can be reverted by {@link #restore}.\n\t *\n\t * @param element The element to replace.\n\t * @param newElement The replacement element. If not passed, then the `element` will just be hidden.\n\t */ replace(element, newElement) {\n        this._replacedElements.push({\n            element,\n            newElement\n        });\n        element.style.display = 'none';\n        if (newElement) {\n            element.parentNode.insertBefore(newElement, element.nextSibling);\n        }\n    }\n    /**\n\t * Restores what {@link #replace} did.\n\t */ restore() {\n        this._replacedElements.forEach(({ element, newElement })=>{\n            element.style.display = '';\n            if (newElement) {\n                newElement.remove();\n            }\n        });\n        this._replacedElements = [];\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/abortabledebounce\n */ /**\n * Returns a function wrapper that will execute the provided function and abort any previous call that is still in progress.\n *\n * @param func The function to be called. It will be provided with `AbortSignal` as the first parameter.\n */ function abortableDebounce(func) {\n    let controller = new AbortController();\n    function abortable(...args) {\n        controller.abort();\n        controller = new AbortController();\n        return func(controller.signal, ...args);\n    }\n    abortable.abort = ()=>controller.abort();\n    return abortable;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/count\n */ /**\n * Returns the number of items return by the iterator.\n *\n * ```ts\n * count( [ 1, 2, 3, 4, 5 ] ); // 5;\n * ```\n *\n * @param iterable Any iterable.\n * @returns Number of items returned by that iterable.\n */ function count(iterable) {\n    let count = 0;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    for (const _ of iterable){\n        count++;\n    }\n    return count;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/comparearrays\n */ /**\n * Compares how given arrays relate to each other. One array can be: same as another array, prefix of another array\n * or completely different. If arrays are different, first index at which they differ is returned. Otherwise,\n * a flag specifying the relation is returned. Flags are negative numbers, so whenever a number >= 0 is returned\n * it means that arrays differ.\n *\n * ```ts\n * compareArrays( [ 0, 2 ], [ 0, 2 ] );\t\t// 'same'\n * compareArrays( [ 0, 2 ], [ 0, 2, 1 ] );\t\t// 'prefix'\n * compareArrays( [ 0, 2 ], [ 0 ] );\t\t\t// 'extension'\n * compareArrays( [ 0, 2 ], [ 1, 2 ] );\t\t// 0\n * compareArrays( [ 0, 2 ], [ 0, 1 ] );\t\t// 1\n * ```\n *\n * @param a Array that is compared.\n * @param b Array to compare with.\n * @returns How array `a` is related to `b`.\n */ function compareArrays(a, b) {\n    const minLen = Math.min(a.length, b.length);\n    for(let i = 0; i < minLen; i++){\n        if (a[i] != b[i]) {\n            // The arrays are different.\n            return i;\n        }\n    }\n    // Both arrays were same at all points.\n    if (a.length == b.length) {\n        // If their length is also same, they are the same.\n        return 'same';\n    } else if (a.length < b.length) {\n        // Compared array is shorter so it is a prefix of the other array.\n        return 'prefix';\n    } else {\n        // Compared array is longer so it is an extension of the other array.\n        return 'extension';\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/isiterable\n */ /**\n * Checks if value implements iterator interface.\n *\n * @param value The value to check.\n * @returns True if value implements iterator interface.\n */ function isIterable(value) {\n    return !!(value && value[Symbol.iterator]);\n}\n\n/**\n * Creates an HTML or SVG element with attributes and children elements.\n *\n * ```ts\n * createElement( document, 'p' ); // <p>\n * createElement( document, 'mask', { xmlns: 'http://www.w3.org/2000/svg' } ); // <mask>\n * ```\n *\n * @param doc Document used to create the element.\n * @param name Name of the element.\n * @param attributes Object where keys represent attribute keys and values represent attribute values.\n * @param children Child or any iterable of children. Strings will be automatically turned into Text nodes.\n * @returns HTML or SVG element.\n */ function createElement(doc, name, attributes = {}, children = []) {\n    const namespace = attributes && attributes.xmlns;\n    const element = namespace ? doc.createElementNS(namespace, name) : doc.createElement(name);\n    for(const key in attributes){\n        element.setAttribute(key, attributes[key]);\n    }\n    if (isString(children) || !isIterable(children)) {\n        children = [\n            children\n        ];\n    }\n    for (let child of children){\n        if (isString(child)) {\n            child = doc.createTextNode(child);\n        }\n        element.appendChild(child);\n    }\n    return element;\n}\n\n/**\n * Handles a configuration dictionary.\n *\n * @typeParam Cfg A type of the configuration dictionary.\n */ class Config {\n    /**\n\t * Store for the whole configuration.\n\t */ _config;\n    /**\n\t * Creates an instance of the {@link ~Config} class.\n\t *\n\t * @param configurations The initial configurations to be set. Usually, provided by the user.\n\t * @param defaultConfigurations The default configurations. Usually, provided by the system.\n\t */ constructor(configurations, defaultConfigurations){\n        this._config = Object.create(null);\n        // Set default configuration.\n        if (defaultConfigurations) {\n            // Clone the configuration to make sure that the properties will not be shared\n            // between editors and make the watchdog feature work correctly.\n            this.define(cloneConfig(defaultConfigurations));\n        }\n        // Set initial configuration.\n        if (configurations) {\n            this._setObjectToTarget(this._config, configurations);\n        }\n    }\n    set(name, value) {\n        this._setToTarget(this._config, name, value);\n    }\n    define(name, value) {\n        const isDefine = true;\n        this._setToTarget(this._config, name, value, isDefine);\n    }\n    /**\n\t * Gets the value for a configuration entry.\n\t *\n\t * ```ts\n\t * config.get( 'name' );\n\t * ```\n\t *\n\t * Deep configurations can be retrieved by separating each part with a dot.\n\t *\n\t * ```ts\n\t * config.get( 'toolbar.collapsed' );\n\t * ```\n\t *\n\t * @param name The configuration name. Configuration names are case-sensitive.\n\t * @returns The configuration value or `undefined` if the configuration entry was not found.\n\t */ get(name) {\n        return this._getFromSource(this._config, name);\n    }\n    /**\n\t * Iterates over all top level configuration names.\n\t */ *names() {\n        for (const name of Object.keys(this._config)){\n            yield name;\n        }\n    }\n    /**\n\t * Saves passed configuration to the specified target (nested object).\n\t *\n\t * @param target Nested config object.\n\t * @param name The configuration name or an object from which take properties as\n\t * configuration entries. Configuration names are case-sensitive.\n\t * @param value The configuration value. Used if a name is passed.\n\t * @param isDefine Define if passed configuration should overwrite existing one.\n\t */ _setToTarget(target, name, value, isDefine = false) {\n        // In case of an object, iterate through it and call `_setToTarget` again for each property.\n        if (isPlainObject(name)) {\n            this._setObjectToTarget(target, name, isDefine);\n            return;\n        }\n        // The configuration name should be split into parts if it has dots. E.g. `resize.width` -> [`resize`, `width`].\n        const parts = name.split('.');\n        // Take the name of the configuration out of the parts. E.g. `resize.width` -> `width`.\n        name = parts.pop();\n        // Iterate over parts to check if currently stored configuration has proper structure.\n        for (const part of parts){\n            // If there is no object for specified part then create one.\n            if (!isPlainObject(target[part])) {\n                target[part] = Object.create(null);\n            }\n            // Nested object becomes a target.\n            target = target[part];\n        }\n        // In case of value is an object.\n        if (isPlainObject(value)) {\n            // We take care of proper config structure.\n            if (!isPlainObject(target[name])) {\n                target[name] = Object.create(null);\n            }\n            target = target[name];\n            // And iterate through this object calling `_setToTarget` again for each property.\n            this._setObjectToTarget(target, value, isDefine);\n            return;\n        }\n        // Do nothing if we are defining configuration for non empty name.\n        if (isDefine && typeof target[name] != 'undefined') {\n            return;\n        }\n        target[name] = value;\n    }\n    /**\n\t * Get specified configuration from specified source (nested object).\n\t *\n\t * @param source level of nested object.\n\t * @param name The configuration name. Configuration names are case-sensitive.\n\t * @returns The configuration value or `undefined` if the configuration entry was not found.\n\t */ _getFromSource(source, name) {\n        // The configuration name should be split into parts if it has dots. E.g. `resize.width` -> [`resize`, `width`].\n        const parts = name.split('.');\n        // Take the name of the configuration out of the parts. E.g. `resize.width` -> `width`.\n        name = parts.pop();\n        // Iterate over parts to check if currently stored configuration has proper structure.\n        for (const part of parts){\n            if (!isPlainObject(source[part])) {\n                source = null;\n                break;\n            }\n            // Nested object becomes a source.\n            source = source[part];\n        }\n        // Always returns undefined for non existing configuration.\n        return source ? cloneConfig(source[name]) : undefined;\n    }\n    /**\n\t * Iterates through passed object and calls {@link #_setToTarget} method with object key and value for each property.\n\t *\n\t * @param target Nested config object.\n\t * @param configuration Configuration data set\n\t * @param isDefine Defines if passed configuration is default configuration or not.\n\t */ _setObjectToTarget(target, configuration, isDefine) {\n        Object.keys(configuration).forEach((key)=>{\n            this._setToTarget(target, key, configuration[key], isDefine);\n        });\n    }\n}\n/**\n * Clones configuration object or value.\n */ function cloneConfig(source) {\n    return cloneDeepWith(source, leaveItemReferences);\n}\n/**\n * A customized function for cloneDeepWith.\n * In case if it's a DOM Element it will leave references to DOM Elements instead of cloning them.\n * If it's a function it will leave reference to actuall function.\n */ function leaveItemReferences(value) {\n    return isElement$1(value) || typeof value === 'function' ? value : undefined;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/isnode\n */ /**\n * Checks if the object is a native DOM Node.\n */ function isNode(obj) {\n    if (obj) {\n        if (obj.defaultView) {\n            return obj instanceof obj.defaultView.Document;\n        } else if (obj.ownerDocument && obj.ownerDocument.defaultView) {\n            return obj instanceof obj.ownerDocument.defaultView.Node;\n        }\n    }\n    return false;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/iswindow\n */ /**\n * Checks if the object is a native DOM Window.\n */ function isWindow(obj) {\n    const stringifiedObject = Object.prototype.toString.apply(obj);\n    // Returns `true` for the `window` object in browser environments.\n    if (stringifiedObject == '[object Window]') {\n        return true;\n    }\n    // Returns `true` for the `window` object in the Electron environment.\n    if (stringifiedObject == '[object global]') {\n        return true;\n    }\n    return false;\n}\n\nconst defaultEmitterClass = /* #__PURE__ */ DomEmitterMixin(/* #__PURE__ */ EmitterMixin());\nfunction DomEmitterMixin(base) {\n    if (!base) {\n        return defaultEmitterClass;\n    }\n    class Mixin extends base {\n        listenTo(emitter, event, callback, options = {}) {\n            // Check if emitter is an instance of DOM Node. If so, use corresponding ProxyEmitter (or create one if not existing).\n            if (isNode(emitter) || isWindow(emitter) || emitter instanceof globalVar.window.EventTarget) {\n                const proxyOptions = {\n                    capture: !!options.useCapture,\n                    passive: !!options.usePassive\n                };\n                const proxyEmitter = this._getProxyEmitter(emitter, proxyOptions) || new ProxyEmitter(emitter, proxyOptions);\n                this.listenTo(proxyEmitter, event, callback, options);\n            } else {\n                // Execute parent class method with Emitter (or ProxyEmitter) instance.\n                super.listenTo(emitter, event, callback, options);\n            }\n        }\n        stopListening(emitter, event, callback) {\n            // Check if the emitter is an instance of DOM Node. If so, forward the call to the corresponding ProxyEmitters.\n            if (isNode(emitter) || isWindow(emitter) || emitter instanceof globalVar.window.EventTarget) {\n                const proxyEmitters = this._getAllProxyEmitters(emitter);\n                for (const proxy of proxyEmitters){\n                    this.stopListening(proxy, event, callback);\n                }\n            } else {\n                // Execute parent class method with Emitter (or ProxyEmitter) instance.\n                super.stopListening(emitter, event, callback);\n            }\n        }\n        /**\n\t\t * Retrieves ProxyEmitter instance for given DOM Node residing in this Host and given options.\n\t\t *\n\t\t * @param node DOM Node of the ProxyEmitter.\n\t\t * @param options Additional options.\n\t\t * @param options.useCapture Indicates that events of this type will be dispatched to the registered\n\t\t * listener before being dispatched to any EventTarget beneath it in the DOM tree.\n\t\t * @param options.usePassive Indicates that the function specified by listener will never call preventDefault()\n\t\t * and prevents blocking browser's main thread by this event handler.\n\t\t * @returns ProxyEmitter instance bound to the DOM Node.\n\t\t */ _getProxyEmitter(node, options) {\n            return _getEmitterListenedTo(this, getProxyEmitterId(node, options));\n        }\n        /**\n\t\t * Retrieves all the ProxyEmitter instances for given DOM Node residing in this Host.\n\t\t *\n\t\t * @param node DOM Node of the ProxyEmitter.\n\t\t */ _getAllProxyEmitters(node) {\n            return [\n                {\n                    capture: false,\n                    passive: false\n                },\n                {\n                    capture: false,\n                    passive: true\n                },\n                {\n                    capture: true,\n                    passive: false\n                },\n                {\n                    capture: true,\n                    passive: true\n                }\n            ].map((options)=>this._getProxyEmitter(node, options)).filter((proxy)=>!!proxy);\n        }\n    }\n    return Mixin;\n}\n/**\n * Creates a ProxyEmitter instance. Such an instance is a bridge between a DOM Node firing events\n * and any Host listening to them. It is backwards compatible with {@link module:utils/emittermixin~Emitter#on}.\n * There is a separate instance for each combination of modes (useCapture & usePassive). The mode is concatenated with\n * UID stored in HTMLElement to give each instance unique identifier.\n *\n *                                  listenTo( click, ... )\n *                    +-----------------------------------------+\n *                    |              stopListening( ... )       |\n *     +----------------------------+                           |             addEventListener( click, ... )\n *     | Host                       |                           |   +---------------------------------------------+\n *     +----------------------------+                           |   |       removeEventListener( click, ... )     |\n *     | _listeningTo: {            |                +----------v-------------+                                   |\n *     |   UID+mode: {              |                | ProxyEmitter           |                                   |\n *     |     emitter: ProxyEmitter, |                +------------------------+                      +------------v----------+\n *     |     callbacks: {           |                | events: {              |                      | Node (HTMLElement)    |\n *     |       click: [ callbacks ] |                |   click: [ callbacks ] |                      +-----------------------+\n *     |     }                      |                | },                     |                      | data-ck-expando: UID  |\n *     |   }                        |                | _domNode: Node,        |                      +-----------------------+\n *     | }                          |                | _domListeners: {},     |                                   |\n *     | +------------------------+ |                | _emitterId: UID+mode   |                                   |\n *     | | DomEmitterMixin        | |                +--------------^---------+                                   |\n *     | +------------------------+ |                           |   |                                             |\n *     +--------------^-------------+                           |   +---------------------------------------------+\n *                    |                                         |                  click (DOM Event)\n *                    +-----------------------------------------+\n *                                fire( click, DOM Event )\n */ class ProxyEmitter extends /* #__PURE__ */ EmitterMixin() {\n    _domNode;\n    _options;\n    /**\n\t * @param node DOM Node that fires events.\n\t * @param options Additional options.\n\t * @param options.useCapture Indicates that events of this type will be dispatched to the registered\n\t * listener before being dispatched to any EventTarget beneath it in the DOM tree.\n\t * @param options.usePassive Indicates that the function specified by listener will never call preventDefault()\n\t * and prevents blocking browser's main thread by this event handler.\n\t */ constructor(node, options){\n        super();\n        // Set emitter ID to match DOM Node \"expando\" property.\n        _setEmitterId(this, getProxyEmitterId(node, options));\n        // Remember the DOM Node this ProxyEmitter is bound to.\n        this._domNode = node;\n        // And given options.\n        this._options = options;\n    }\n    /**\n\t * Collection of native DOM listeners.\n\t */ _domListeners;\n    /**\n\t * Registers a callback function to be executed when an event is fired.\n\t *\n\t * It attaches a native DOM listener to the DOM Node. When fired,\n\t * a corresponding Emitter event will also fire with DOM Event object as an argument.\n\t *\n\t * **Note**: This is automatically called by the\n\t * {@link module:utils/emittermixin~Emitter#listenTo `Emitter#listenTo()`}.\n\t *\n\t * @param event The name of the event.\n\t */ attach(event) {\n        // If the DOM Listener for given event already exist it is pointless\n        // to attach another one.\n        if (this._domListeners && this._domListeners[event]) {\n            return;\n        }\n        const domListener = this._createDomListener(event);\n        // Attach the native DOM listener to DOM Node.\n        this._domNode.addEventListener(event, domListener, this._options);\n        if (!this._domListeners) {\n            this._domListeners = {};\n        }\n        // Store the native DOM listener in this ProxyEmitter. It will be helpful\n        // when stopping listening to the event.\n        this._domListeners[event] = domListener;\n    }\n    /**\n\t * Stops executing the callback on the given event.\n\t *\n\t * **Note**: This is automatically called by the\n\t * {@link module:utils/emittermixin~Emitter#stopListening `Emitter#stopListening()`}.\n\t *\n\t * @param event The name of the event.\n\t */ detach(event) {\n        let events;\n        // Remove native DOM listeners which are orphans. If no callbacks\n        // are awaiting given event, detach native DOM listener from DOM Node.\n        // See: {@link attach}.\n        if (this._domListeners[event] && (!(events = this._events[event]) || !events.callbacks.length)) {\n            this._domListeners[event].removeListener();\n        }\n    }\n    /**\n\t * Adds callback to emitter for given event.\n\t *\n\t * @internal\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t */ _addEventListener(event, callback, options) {\n        this.attach(event);\n        EmitterMixin().prototype._addEventListener.call(this, event, callback, options);\n    }\n    /**\n\t * Removes callback from emitter for given event.\n\t *\n\t * @internal\n\t * @param event The name of the event.\n\t * @param callback The function to stop being called.\n\t */ _removeEventListener(event, callback) {\n        EmitterMixin().prototype._removeEventListener.call(this, event, callback);\n        this.detach(event);\n    }\n    /**\n\t * Creates a native DOM listener callback. When the native DOM event\n\t * is fired it will fire corresponding event on this ProxyEmitter.\n\t * Note: A native DOM Event is passed as an argument.\n\t *\n\t * @param event The name of the event.\n\t * @returns The DOM listener callback.\n\t */ _createDomListener(event) {\n        const domListener = (domEvt)=>{\n            this.fire(event, domEvt);\n        };\n        // Supply the DOM listener callback with a function that will help\n        // detach it from the DOM Node, when it is no longer necessary.\n        // See: {@link detach}.\n        domListener.removeListener = ()=>{\n            this._domNode.removeEventListener(event, domListener, this._options);\n            delete this._domListeners[event];\n        };\n        return domListener;\n    }\n}\n/**\n * Gets an unique DOM Node identifier. The identifier will be set if not defined.\n *\n * @returns UID for given DOM Node.\n */ function getNodeUID(node) {\n    return node['data-ck-expando'] || (node['data-ck-expando'] = uid());\n}\n/**\n * Gets id of the ProxyEmitter for the given node.\n */ function getProxyEmitterId(node, options) {\n    let id = getNodeUID(node);\n    for (const option of Object.keys(options).sort()){\n        if (options[option]) {\n            id += '-' + option;\n        }\n    }\n    return id;\n}\n\n/**\n * Returns the closest scrollable ancestor of a DOM element.\n *\n * @param domElement DOM element.\n * @returns First ancestor of `domElement` that is scrollable or null if such ancestor doesn't exist.\n */ function findClosestScrollableAncestor(domElement) {\n    let element = domElement.parentElement;\n    if (!element) {\n        return null;\n    }\n    while(element.tagName != 'BODY'){\n        const overflow = element.style.overflowY || globalVar.window.getComputedStyle(element).overflowY;\n        if (overflow === 'auto' || overflow === 'scroll') {\n            break;\n        }\n        element = element.parentElement;\n        if (!element) {\n            return null;\n        }\n    }\n    return element;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/getancestors\n */ /**\n * Returns all ancestors of given DOM node, starting from the top-most (root). Includes the given node itself. If the\n * node is a part of `DocumentFragment` that `DocumentFragment` will be returned. In contrary, if the node is\n * appended to a `Document`, that `Document` will not be returned (algorithms operating on DOM tree care for `Document#documentElement`\n * at most, which will be returned).\n *\n * @param node DOM node.\n * @returns Array of given `node` parents.\n */ function getAncestors(node) {\n    const nodes = [];\n    let currentNode = node;\n    // We are interested in `Node`s `DocumentFragment`s only.\n    while(currentNode && currentNode.nodeType != Node.DOCUMENT_NODE){\n        nodes.unshift(currentNode);\n        currentNode = currentNode.parentNode;\n    }\n    return nodes;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/getdatafromelement\n */ /**\n * Gets data from a given source element.\n *\n * @param el The element from which the data will be retrieved.\n * @returns The data string.\n */ function getDataFromElement(el) {\n    if (el instanceof HTMLTextAreaElement) {\n        return el.value;\n    }\n    return el.innerHTML;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/getborderwidths\n */ /**\n * Returns an object containing CSS border widths of a specified HTML element.\n *\n * @param element An element which has CSS borders.\n * @returns An object containing `top`, `left`, `right` and `bottom` properties\n * with numerical values of the `border-[top,left,right,bottom]-width` CSS styles.\n */ function getBorderWidths(element) {\n    // Call getComputedStyle on the window the element document belongs to.\n    const style = element.ownerDocument.defaultView.getComputedStyle(element);\n    return {\n        top: parseInt(style.borderTopWidth, 10),\n        right: parseInt(style.borderRightWidth, 10),\n        bottom: parseInt(style.borderBottomWidth, 10),\n        left: parseInt(style.borderLeftWidth, 10)\n    };\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/getrangefrommouseevent\n */ /**\n * Returns a DOM range from a given point specified by a mouse event.\n *\n * @param domEvent The mouse event.\n * @returns The DOM range.\n */ function getRangeFromMouseEvent(domEvent) {\n    if (!domEvent.target) {\n        return null;\n    }\n    const domDoc = domEvent.target.ownerDocument;\n    const x = domEvent.clientX;\n    const y = domEvent.clientY;\n    let domRange = null;\n    // Webkit & Blink.\n    if (domDoc.caretRangeFromPoint && domDoc.caretRangeFromPoint(x, y)) {\n        domRange = domDoc.caretRangeFromPoint(x, y);\n    } else if (domEvent.rangeParent) {\n        domRange = domDoc.createRange();\n        domRange.setStart(domEvent.rangeParent, domEvent.rangeOffset);\n        domRange.collapse(true);\n    }\n    return domRange;\n}\n\n/**\n * Searches and returns the lowest common ancestor of two given nodes.\n *\n * @param nodeA First node.\n * @param nodeB Second node.\n * @returns Lowest common ancestor of both nodes or `null` if nodes do not have a common ancestor.\n */ function getCommonAncestor(nodeA, nodeB) {\n    const ancestorsA = getAncestors(nodeA);\n    const ancestorsB = getAncestors(nodeB);\n    let i = 0;\n    // It does not matter which array is shorter.\n    while(ancestorsA[i] == ancestorsB[i] && ancestorsA[i]){\n        i++;\n    }\n    return i === 0 ? null : ancestorsA[i - 1];\n}\n\n/**\n * For a given element, returns the nearest ancestor element which CSS position is not \"static\".\n *\n * @param element The native DOM element to be checked.\n */ function getPositionedAncestor(element) {\n    if (!element || !element.parentNode) {\n        return null;\n    }\n    if (element.offsetParent === globalVar.document.body) {\n        return null;\n    }\n    return element.offsetParent;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/istext\n */ /**\n * Checks if the object is a native DOM Text node.\n */ function isText(obj) {\n    return Object.prototype.toString.call(obj) == '[object Text]';\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/isrange\n */ /**\n * Checks if the object is a native DOM Range.\n */ function isRange(obj) {\n    return Object.prototype.toString.apply(obj) == '[object Range]';\n}\n\nconst rectProperties = [\n    'top',\n    'right',\n    'bottom',\n    'left',\n    'width',\n    'height'\n];\n/**\n * A helper class representing a `ClientRect` object, e.g. value returned by\n * the native `object.getBoundingClientRect()` method. Provides a set of methods\n * to manipulate the rect and compare it against other rect instances.\n */ class Rect {\n    /**\n\t * The \"top\" value of the rect.\n\t *\n\t * @readonly\n\t */ top;\n    /**\n\t * The \"right\" value of the rect.\n\t *\n\t * @readonly\n\t */ right;\n    /**\n\t * The \"bottom\" value of the rect.\n\t *\n\t * @readonly\n\t */ bottom;\n    /**\n\t * The \"left\" value of the rect.\n\t *\n\t * @readonly\n\t */ left;\n    /**\n\t * The \"width\" value of the rect.\n\t *\n\t * @readonly\n\t */ width;\n    /**\n\t * The \"height\" value of the rect.\n\t *\n\t * @readonly\n\t */ height;\n    /**\n\t * The object this rect is for.\n\t *\n\t * @readonly\n\t */ _source;\n    /**\n\t * Creates an instance of rect.\n\t *\n\t * ```ts\n\t * // Rect of an HTMLElement.\n\t * const rectA = new Rect( document.body );\n\t *\n\t * // Rect of a DOM Range.\n\t * const rectB = new Rect( document.getSelection().getRangeAt( 0 ) );\n\t *\n\t * // Rect of a window (web browser viewport).\n\t * const rectC = new Rect( window );\n\t *\n\t * // Rect out of an object.\n\t * const rectD = new Rect( { top: 0, right: 10, bottom: 10, left: 0, width: 10, height: 10 } );\n\t *\n\t * // Rect out of another Rect instance.\n\t * const rectE = new Rect( rectD );\n\t *\n\t * // Rect out of a ClientRect.\n\t * const rectF = new Rect( document.body.getClientRects().item( 0 ) );\n\t * ```\n\t *\n\t * **Note**: By default a rect of an HTML element includes its CSS borders and scrollbars (if any)\n\t * ant the rect of a `window` includes scrollbars too. Use {@link #excludeScrollbarsAndBorders}\n\t * to get the inner part of the rect.\n\t *\n\t * @param source A source object to create the rect.\n\t */ constructor(source){\n        const isSourceRange = isRange(source);\n        Object.defineProperty(this, '_source', {\n            // If the source is a Rect instance, copy it's #_source.\n            value: source._source || source,\n            writable: true,\n            enumerable: false\n        });\n        if (isDomElement(source) || isSourceRange) {\n            // The `Rect` class depends on `getBoundingClientRect` and `getClientRects` DOM methods. If the source\n            // of a rect in an HTML element or a DOM range but it does not belong to any rendered DOM tree, these methods\n            // will fail to obtain the geometry and the rect instance makes little sense to the features using it.\n            // To get rid of this warning make sure the source passed to the constructor is a descendant of `window.document.body`.\n            // @if CK_DEBUG // const sourceNode = isSourceRange ? source.startContainer : source;\n            // @if CK_DEBUG // if ( !sourceNode.ownerDocument || !sourceNode.ownerDocument.body.contains( sourceNode ) ) {\n            // @if CK_DEBUG // \tconsole.warn(\n            // @if CK_DEBUG // \t\t'rect-source-not-in-dom: The source of this rect does not belong to any rendered DOM tree.',\n            // @if CK_DEBUG // \t\t{ source } );\n            // @if CK_DEBUG // }\n            if (isSourceRange) {\n                const rangeRects = Rect.getDomRangeRects(source);\n                copyRectProperties(this, Rect.getBoundingRect(rangeRects));\n            } else {\n                copyRectProperties(this, source.getBoundingClientRect());\n            }\n        } else if (isWindow(source)) {\n            const { innerWidth, innerHeight } = source;\n            copyRectProperties(this, {\n                top: 0,\n                right: innerWidth,\n                bottom: innerHeight,\n                left: 0,\n                width: innerWidth,\n                height: innerHeight\n            });\n        } else {\n            copyRectProperties(this, source);\n        }\n    }\n    /**\n\t * Returns a clone of the rect.\n\t *\n\t * @returns A cloned rect.\n\t */ clone() {\n        return new Rect(this);\n    }\n    /**\n\t * Moves the rect so that its upper–left corner lands in desired `[ x, y ]` location.\n\t *\n\t * @param x Desired horizontal location.\n\t * @param y Desired vertical location.\n\t * @returns A rect which has been moved.\n\t */ moveTo(x, y) {\n        this.top = y;\n        this.right = x + this.width;\n        this.bottom = y + this.height;\n        this.left = x;\n        return this;\n    }\n    /**\n\t * Moves the rect in–place by a dedicated offset.\n\t *\n\t * @param x A horizontal offset.\n\t * @param y A vertical offset\n\t * @returns A rect which has been moved.\n\t */ moveBy(x, y) {\n        this.top += y;\n        this.right += x;\n        this.left += x;\n        this.bottom += y;\n        return this;\n    }\n    /**\n\t * Returns a new rect a a result of intersection with another rect.\n\t */ getIntersection(anotherRect) {\n        const rect = {\n            top: Math.max(this.top, anotherRect.top),\n            right: Math.min(this.right, anotherRect.right),\n            bottom: Math.min(this.bottom, anotherRect.bottom),\n            left: Math.max(this.left, anotherRect.left),\n            width: 0,\n            height: 0\n        };\n        rect.width = rect.right - rect.left;\n        rect.height = rect.bottom - rect.top;\n        if (rect.width < 0 || rect.height < 0) {\n            return null;\n        } else {\n            const newRect = new Rect(rect);\n            newRect._source = this._source;\n            return newRect;\n        }\n    }\n    /**\n\t * Returns the area of intersection with another rect.\n\t *\n\t * @returns Area of intersection.\n\t */ getIntersectionArea(anotherRect) {\n        const rect = this.getIntersection(anotherRect);\n        if (rect) {\n            return rect.getArea();\n        } else {\n            return 0;\n        }\n    }\n    /**\n\t * Returns the area of the rect.\n\t */ getArea() {\n        return this.width * this.height;\n    }\n    /**\n\t * Returns a new rect, a part of the original rect, which is actually visible to the user and is relative to the,`body`,\n\t * e.g. an original rect cropped by parent element rects which have `overflow` set in CSS\n\t * other than `\"visible\"`.\n\t *\n\t * If there's no such visible rect, which is when the rect is limited by one or many of\n\t * the ancestors, `null` is returned.\n\t *\n\t * **Note**: This method does not consider the boundaries of the viewport (window).\n\t * To get a rect cropped by all ancestors and the viewport, use an intersection such as:\n\t *\n\t * ```ts\n\t * const visibleInViewportRect = new Rect( window ).getIntersection( new Rect( source ).getVisible() );\n\t * ```\n\t *\n\t * @returns A visible rect instance or `null`, if there's none.\n\t */ getVisible() {\n        const source = this._source;\n        let visibleRect = this.clone();\n        // There's no ancestor to crop <body> with the overflow.\n        if (isBody(source)) {\n            return visibleRect;\n        }\n        let child = source;\n        let parent = source.parentNode || source.commonAncestorContainer;\n        let absolutelyPositionedChildElement;\n        // Check the ancestors all the way up to the <body>.\n        while(parent && !isBody(parent)){\n            const isParentOverflowVisible = getElementOverflow(parent) === 'visible';\n            if (child instanceof HTMLElement && getElementPosition(child) === 'absolute') {\n                absolutelyPositionedChildElement = child;\n            }\n            const parentElementPosition = getElementPosition(parent);\n            // The child will be cropped only if it has `position: absolute` and the parent has `position: relative` + some overflow.\n            // Otherwise there's no chance of visual clipping and the parent can be skipped\n            // https://github.com/ckeditor/ckeditor5/issues/14107.\n            //\n            // condition: isParentOverflowVisible\n            // \t\t+---------------------------+\n            //\t\t| #parent\t\t\t\t\t|\n            //\t\t| (overflow: visible)\t\t|\n            //\t\t|\t\t\t\t+-----------+---------------+\n            //\t\t|\t\t\t\t| child\t\t\t\t\t\t|\n            //\t\t|\t\t\t\t+-----------+---------------+\n            //\t\t+---------------------------+\n            //\n            // condition: absolutelyPositionedChildElement && parentElementPosition === 'relative' && isParentOverflowVisible\n            // \t\t+---------------------------+\n            //\t\t| parent\t\t\t\t\t|\n            //\t\t| (position: relative;)\t\t|\n            //\t\t| (overflow: visible;)\t\t|\n            //\t\t|\t\t\t\t+-----------+---------------+\n            //\t\t|\t\t\t\t| child  \t\t\t\t\t|\n            //\t\t|\t\t\t\t| (position: absolute;)\t\t|\n            //\t\t|\t\t\t\t+-----------+---------------+\n            //\t\t+---------------------------+\n            //\n            // condition: absolutelyPositionedChildElement && parentElementPosition !== 'relative'\n            // \t\t+---------------------------+\n            //\t\t| parent\t\t\t\t\t|\n            //\t\t| (position: static;)\t\t|\n            //\t\t|\t\t\t\t+-----------+---------------+\n            //\t\t|\t\t\t\t| child  \t\t\t\t\t|\n            //\t\t|\t\t\t\t| (position: absolute;)\t\t|\n            //\t\t|\t\t\t\t+-----------+---------------+\n            //\t\t+---------------------------+\n            if (isParentOverflowVisible || absolutelyPositionedChildElement && (parentElementPosition === 'relative' && isParentOverflowVisible || parentElementPosition !== 'relative')) {\n                child = parent;\n                parent = parent.parentNode;\n                continue;\n            }\n            const parentRect = new Rect(parent);\n            const intersectionRect = visibleRect.getIntersection(parentRect);\n            if (intersectionRect) {\n                if (intersectionRect.getArea() < visibleRect.getArea()) {\n                    // Reduce the visible rect to the intersection.\n                    visibleRect = intersectionRect;\n                }\n            } else {\n                // There's no intersection, the rect is completely invisible.\n                return null;\n            }\n            child = parent;\n            parent = parent.parentNode;\n        }\n        return visibleRect;\n    }\n    /**\n\t * Checks if all property values ({@link #top}, {@link #left}, {@link #right},\n\t * {@link #bottom}, {@link #width} and {@link #height}) are the equal in both rect\n\t * instances.\n\t *\n\t * @param anotherRect A rect instance to compare with.\n\t * @returns `true` when Rects are equal. `false` otherwise.\n\t */ isEqual(anotherRect) {\n        for (const prop of rectProperties){\n            if (this[prop] !== anotherRect[prop]) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Checks whether a rect fully contains another rect instance.\n\t *\n\t * @param anotherRect\n\t * @returns `true` if contains, `false` otherwise.\n\t */ contains(anotherRect) {\n        const intersectRect = this.getIntersection(anotherRect);\n        return !!(intersectRect && intersectRect.isEqual(anotherRect));\n    }\n    /**\n\t * Recalculates screen coordinates to coordinates relative to the positioned ancestor offset.\n\t */ toAbsoluteRect() {\n        const { scrollX, scrollY } = globalVar.window;\n        const absoluteRect = this.clone().moveBy(scrollX, scrollY);\n        if (isDomElement(absoluteRect._source)) {\n            const positionedAncestor = getPositionedAncestor(absoluteRect._source);\n            if (positionedAncestor) {\n                shiftRectToCompensatePositionedAncestor(absoluteRect, positionedAncestor);\n            }\n        }\n        return absoluteRect;\n    }\n    /**\n\t * Excludes scrollbars and CSS borders from the rect.\n\t *\n\t * * Borders are removed when {@link #_source} is an HTML element.\n\t * * Scrollbars are excluded from HTML elements and the `window`.\n\t *\n\t * @returns A rect which has been updated.\n\t */ excludeScrollbarsAndBorders() {\n        const source = this._source;\n        let scrollBarWidth, scrollBarHeight, direction;\n        if (isWindow(source)) {\n            scrollBarWidth = source.innerWidth - source.document.documentElement.clientWidth;\n            scrollBarHeight = source.innerHeight - source.document.documentElement.clientHeight;\n            direction = source.getComputedStyle(source.document.documentElement).direction;\n        } else {\n            const borderWidths = getBorderWidths(source);\n            scrollBarWidth = source.offsetWidth - source.clientWidth - borderWidths.left - borderWidths.right;\n            scrollBarHeight = source.offsetHeight - source.clientHeight - borderWidths.top - borderWidths.bottom;\n            direction = source.ownerDocument.defaultView.getComputedStyle(source).direction;\n            this.left += borderWidths.left;\n            this.top += borderWidths.top;\n            this.right -= borderWidths.right;\n            this.bottom -= borderWidths.bottom;\n            this.width = this.right - this.left;\n            this.height = this.bottom - this.top;\n        }\n        this.width -= scrollBarWidth;\n        if (direction === 'ltr') {\n            this.right -= scrollBarWidth;\n        } else {\n            this.left += scrollBarWidth;\n        }\n        this.height -= scrollBarHeight;\n        this.bottom -= scrollBarHeight;\n        return this;\n    }\n    /**\n\t * Returns an array of rects of the given native DOM Range.\n\t *\n\t * @param range A native DOM range.\n\t * @returns DOM Range rects.\n\t */ static getDomRangeRects(range) {\n        const rects = [];\n        // Safari does not iterate over ClientRectList using for...of loop.\n        const clientRects = Array.from(range.getClientRects());\n        if (clientRects.length) {\n            for (const rect of clientRects){\n                rects.push(new Rect(rect));\n            }\n        } else {\n            let startContainer = range.startContainer;\n            if (isText(startContainer)) {\n                startContainer = startContainer.parentNode;\n            }\n            const rect = new Rect(startContainer.getBoundingClientRect());\n            rect.right = rect.left;\n            rect.width = 0;\n            rects.push(rect);\n        }\n        return rects;\n    }\n    /**\n\t * Returns a bounding rectangle that contains all the given `rects`.\n\t *\n\t * @param rects A list of rectangles that should be contained in the result rectangle.\n\t * @returns Bounding rectangle or `null` if no `rects` were given.\n\t */ static getBoundingRect(rects) {\n        const boundingRectData = {\n            left: Number.POSITIVE_INFINITY,\n            top: Number.POSITIVE_INFINITY,\n            right: Number.NEGATIVE_INFINITY,\n            bottom: Number.NEGATIVE_INFINITY,\n            width: 0,\n            height: 0\n        };\n        let rectangleCount = 0;\n        for (const rect of rects){\n            rectangleCount++;\n            boundingRectData.left = Math.min(boundingRectData.left, rect.left);\n            boundingRectData.top = Math.min(boundingRectData.top, rect.top);\n            boundingRectData.right = Math.max(boundingRectData.right, rect.right);\n            boundingRectData.bottom = Math.max(boundingRectData.bottom, rect.bottom);\n        }\n        if (rectangleCount == 0) {\n            return null;\n        }\n        boundingRectData.width = boundingRectData.right - boundingRectData.left;\n        boundingRectData.height = boundingRectData.bottom - boundingRectData.top;\n        return new Rect(boundingRectData);\n    }\n}\n/**\n * Acquires all the rect properties from the passed source.\n */ function copyRectProperties(rect, source) {\n    for (const p of rectProperties){\n        rect[p] = source[p];\n    }\n}\n/**\n * Checks if provided object is a <body> HTML element.\n */ function isBody(value) {\n    if (!isDomElement(value)) {\n        return false;\n    }\n    return value === value.ownerDocument.body;\n}\n/**\n * Checks if provided object \"looks like\" a DOM Element and has API required by `Rect` class.\n */ function isDomElement(value) {\n    // Note: earlier we used `isElement()` from lodash library, however that function is less performant because\n    // it makes complicated checks to make sure that given value is a DOM element.\n    return value !== null && typeof value === 'object' && value.nodeType === 1 && typeof value.getBoundingClientRect === 'function';\n}\n/**\n * Returns the value of the `position` style of an `HTMLElement`.\n */ function getElementPosition(element) {\n    return element instanceof HTMLElement ? element.ownerDocument.defaultView.getComputedStyle(element).position : 'static';\n}\n/**\n * Returns the value of the `overflow` style of an `HTMLElement` or a `Range`.\n */ function getElementOverflow(element) {\n    return element instanceof HTMLElement ? element.ownerDocument.defaultView.getComputedStyle(element).overflow : 'visible';\n}\n/**\n * For a given absolute Rect coordinates object and a positioned element ancestor, it updates its\n * coordinates that make up for the position and the scroll of the ancestor.\n *\n * This is necessary because while Rects (and DOMRects) are relative to the browser's viewport, their coordinates\n * are used in real–life to position elements with `position: absolute`, which are scoped by any positioned\n * (and scrollable) ancestors.\n */ function shiftRectToCompensatePositionedAncestor(rect, positionedElementAncestor) {\n    const ancestorPosition = new Rect(positionedElementAncestor);\n    const ancestorBorderWidths = getBorderWidths(positionedElementAncestor);\n    let moveX = 0;\n    let moveY = 0;\n    // (https://github.com/ckeditor/ckeditor5-ui-default/issues/126)\n    // If there's some positioned ancestor of the panel, then its `Rect` must be taken into\n    // consideration. `Rect` is always relative to the viewport while `position: absolute` works\n    // with respect to that positioned ancestor.\n    moveX -= ancestorPosition.left;\n    moveY -= ancestorPosition.top;\n    // (https://github.com/ckeditor/ckeditor5-utils/issues/139)\n    // If there's some positioned ancestor of the panel, not only its position must be taken into\n    // consideration (see above) but also its internal scrolls. Scroll have an impact here because `Rect`\n    // is relative to the viewport (it doesn't care about scrolling), while `position: absolute`\n    // must compensate that scrolling.\n    moveX += positionedElementAncestor.scrollLeft;\n    moveY += positionedElementAncestor.scrollTop;\n    // (https://github.com/ckeditor/ckeditor5-utils/issues/139)\n    // If there's some positioned ancestor of the panel, then its `Rect` includes its CSS `borderWidth`\n    // while `position: absolute` positioning does not consider it.\n    // E.g. `{ position: absolute, top: 0, left: 0 }` means upper left corner of the element,\n    // not upper-left corner of its border.\n    moveX -= ancestorBorderWidths.left;\n    moveY -= ancestorBorderWidths.top;\n    rect.moveBy(moveX, moveY);\n}\n\n/**\n * A helper class which instances allow performing custom actions when native DOM elements are resized.\n *\n * ```ts\n * const editableElement = editor.editing.view.getDomRoot();\n *\n * const observer = new ResizeObserver( editableElement, entry => {\n * \tconsole.log( 'The editable element has been resized in DOM.' );\n * \tconsole.log( entry.target ); // -> editableElement\n * \tconsole.log( entry.contentRect.width ); // -> e.g. '423px'\n * } );\n * ```\n *\n * It uses the [native DOM resize observer](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)\n * under the hood.\n */ class ResizeObserver {\n    /**\n\t * The element observed by this observer.\n\t */ _element;\n    /**\n\t * The callback executed each time {@link #_element} is resized.\n\t */ _callback;\n    /**\n\t * The single native observer instance shared across all {@link module:utils/dom/resizeobserver~ResizeObserver} instances.\n\t */ static _observerInstance = null;\n    /**\n\t * A mapping of native DOM elements and their callbacks shared across all\n\t * {@link module:utils/dom/resizeobserver~ResizeObserver} instances.\n\t */ static _elementCallbacks = null;\n    /**\n\t * Creates an instance of the `ResizeObserver` class.\n\t *\n\t * @param element A DOM element that is to be observed for resizing. Note that\n\t * the element must be visible (i.e. not detached from DOM) for the observer to work.\n\t * @param callback A function called when the observed element was resized. It passes\n\t * the [`ResizeObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)\n\t * object with information about the resize event.\n\t */ constructor(element, callback){\n        // **Note**: For the maximum performance, this class ensures only a single instance of the native\n        // observer is used no matter how many instances of this class were created.\n        if (!ResizeObserver._observerInstance) {\n            ResizeObserver._createObserver();\n        }\n        this._element = element;\n        this._callback = callback;\n        ResizeObserver._addElementCallback(element, callback);\n        ResizeObserver._observerInstance.observe(element);\n    }\n    /**\n\t * The element observed by this observer.\n\t */ get element() {\n        return this._element;\n    }\n    /**\n\t * Destroys the observer which disables the `callback` passed to the {@link #constructor}.\n\t */ destroy() {\n        ResizeObserver._deleteElementCallback(this._element, this._callback);\n    }\n    /**\n\t * Registers a new resize callback for the DOM element.\n\t */ static _addElementCallback(element, callback) {\n        if (!ResizeObserver._elementCallbacks) {\n            ResizeObserver._elementCallbacks = new Map();\n        }\n        let callbacks = ResizeObserver._elementCallbacks.get(element);\n        if (!callbacks) {\n            callbacks = new Set();\n            ResizeObserver._elementCallbacks.set(element, callbacks);\n        }\n        callbacks.add(callback);\n    }\n    /**\n\t * Removes a resize callback from the DOM element. If no callbacks are left\n\t * for the element, it removes the element from the native observer.\n\t */ static _deleteElementCallback(element, callback) {\n        const callbacks = ResizeObserver._getElementCallbacks(element);\n        // Remove the element callback. Check if exist first in case someone\n        // called destroy() twice.\n        if (callbacks) {\n            callbacks.delete(callback);\n            // If no callbacks left for the element, also remove the element.\n            if (!callbacks.size) {\n                ResizeObserver._elementCallbacks.delete(element);\n                ResizeObserver._observerInstance.unobserve(element);\n            }\n        }\n        if (ResizeObserver._elementCallbacks && !ResizeObserver._elementCallbacks.size) {\n            ResizeObserver._observerInstance = null;\n            ResizeObserver._elementCallbacks = null;\n        }\n    }\n    /**\n\t * Returns are registered resize callbacks for the DOM element.\n\t */ static _getElementCallbacks(element) {\n        if (!ResizeObserver._elementCallbacks) {\n            return null;\n        }\n        return ResizeObserver._elementCallbacks.get(element);\n    }\n    /**\n\t * Creates the single native observer shared across all `ResizeObserver` instances.\n\t */ static _createObserver() {\n        ResizeObserver._observerInstance = new globalVar.window.ResizeObserver((entries)=>{\n            for (const entry of entries){\n                const callbacks = ResizeObserver._getElementCallbacks(entry.target);\n                if (callbacks) {\n                    for (const callback of callbacks){\n                        callback(entry);\n                    }\n                }\n            }\n        });\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/setdatainelement\n */ /**\n * Sets data in a given element.\n *\n * @param el The element in which the data will be set.\n * @param data The data string.\n */ function setDataInElement(el, data) {\n    if (el instanceof HTMLTextAreaElement) {\n        el.value = data;\n    }\n    el.innerHTML = data;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/tounit\n */ /**\n * Returns a helper function, which adds a desired trailing\n * `unit` to the passed value.\n *\n * @param unit An unit like \"px\" or \"em\".\n */ function toUnit(unit) {\n    return (value)=>value + unit;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/indexof\n */ /**\n * Returns index of the node in the parent element.\n *\n * @param node Node which index is tested.\n * @returns Index of the node in the parent element. Returns 0 if node has no parent.\n */ function indexOf(node) {\n    let index = 0;\n    while(node.previousSibling){\n        node = node.previousSibling;\n        index++;\n    }\n    return index;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/insertat\n */ /**\n * Inserts node to the parent at given index.\n *\n * @param parentElement Parent element.\n * @param index Insertions index.\n * @param nodeToInsert Node to insert.\n */ function insertAt(parentElement, index, nodeToInsert) {\n    parentElement.insertBefore(nodeToInsert, parentElement.childNodes[index] || null);\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/iscomment\n */ /**\n * Checks whether the object is a native DOM Comment node.\n */ function isComment(obj) {\n    return obj && obj.nodeType === Node.COMMENT_NODE;\n}\n\n/**\n * Checks if the given attribute name is valid in terms of HTML.\n *\n * @param name Attribute name.\n */ function isValidAttributeName(name) {\n    try {\n        globalVar.document.createAttribute(name);\n    } catch  {\n        return false;\n    }\n    return true;\n}\n\n/**\n * Checks whether the element is visible to the user in DOM:\n *\n * * connected to the root of the document,\n * * has no `display: none`,\n * * has no ancestors with `display: none`.\n *\n * **Note**: This helper does not check whether the element is hidden by cropping, overflow, etc..\n * To check that, use {@link module:utils/dom/rect~Rect} instead.\n */ function isVisible(element) {\n    if (!element) {\n        return false;\n    }\n    if (isText(element)) {\n        return isVisible(element.parentElement);\n    }\n    if (element.getClientRects) {\n        return !!element.getClientRects().length;\n    }\n    return false;\n}\n\n// @if CK_DEBUG_POSITION // const {\n// @if CK_DEBUG_POSITION // \tdefault: RectDrawer,\n// @if CK_DEBUG_POSITION // \tdiagonalStylesBlack,\n// @if CK_DEBUG_POSITION // \tdiagonalStylesGreen,\n// @if CK_DEBUG_POSITION // \tdiagonalStylesRed\n// @if CK_DEBUG_POSITION // } = require( '@ckeditor/ckeditor5-utils/tests/_utils/rectdrawer' );\n// @if CK_DEBUG_POSITION // const TARGET_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \toutlineWidth: '2px', outlineStyle: 'dashed', outlineColor: 'blue', outlineOffset: '2px'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const VISIBLE_TARGET_RECT_STYLE = {\n// @if CK_DEBUG_POSITION //\t\t...diagonalStylesBlack,\n// @if CK_DEBUG_POSITION //\t\topacity: '1',\n// @if CK_DEBUG_POSITION //\t\tbackgroundColor: '#00000033',\n// @if CK_DEBUG_POSITION //\t\toutlineWidth: '2px'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const VIEWPORT_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \toutlineWidth: '2px',\n// @if CK_DEBUG_POSITION // \toutlineOffset: '-2px',\n// @if CK_DEBUG_POSITION // \toutlineStyle: 'solid',\n// @if CK_DEBUG_POSITION // \toutlineColor: 'red'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const VISIBLE_LIMITER_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \t...diagonalStylesGreen,\n// @if CK_DEBUG_POSITION // \toutlineWidth: '2px',\n// @if CK_DEBUG_POSITION // \toutlineOffset: '-2px'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const ELEMENT_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \toutlineWidth: '2px', outlineColor: 'orange', outlineOffset: '-2px'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const CHOSEN_POSITION_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \topacity: .5, outlineColor: 'magenta', backgroundColor: 'magenta'\n// @if CK_DEBUG_POSITION // };\n/**\n * Calculates the `position: absolute` coordinates of a given element so it can be positioned with respect to the\n * target in the visually most efficient way, taking various restrictions like viewport or limiter geometry\n * into consideration.\n *\n * **Note**: If there are no position coordinates found that meet the requirements (arguments of this helper),\n * `null` is returned.\n *\n * ```ts\n * // The element which is to be positioned.\n * const element = document.body.querySelector( '#toolbar' );\n *\n * // A target to which the element is positioned relatively.\n * const target = document.body.querySelector( '#container' );\n *\n * // Finding the optimal coordinates for the positioning.\n * const { left, top, name } = getOptimalPosition( {\n * \telement: element,\n * \ttarget: target,\n *\n * \t// The algorithm will chose among these positions to meet the requirements such\n * \t// as \"limiter\" element or \"fitInViewport\", set below. The positions are considered\n * \t// in the order of the array.\n * \tpositions: [\n * \t\t//\n * \t \t//\t[ Target ]\n * \t\t//\t+-----------------+\n * \t\t//\t|     Element     |\n * \t\t//\t+-----------------+\n * \t\t//\n * \t\ttargetRect => ( {\n * \t\t\ttop: targetRect.bottom,\n * \t\t\tleft: targetRect.left,\n * \t\t\tname: 'mySouthEastPosition'\n * \t\t} ),\n *\n * \t\t//\n * \t\t//\t+-----------------+\n * \t\t//\t|     Element     |\n * \t\t//\t+-----------------+\n * \t\t//\t[ Target ]\n * \t\t//\n * \t\t( targetRect, elementRect ) => ( {\n * \t\t\ttop: targetRect.top - elementRect.height,\n * \t\t\tleft: targetRect.left,\n * \t\t\tname: 'myNorthEastPosition'\n * \t\t} )\n * \t],\n *\n * \t// Find a position such guarantees the element remains within visible boundaries of <body>.\n * \tlimiter: document.body,\n *\n * \t// Find a position such guarantees the element remains within visible boundaries of the browser viewport.\n * \tfitInViewport: true\n * } );\n *\n * // The best position which fits into document.body and the viewport. May be useful\n * // to set proper class on the `element`.\n * console.log( name ); // -> \"myNorthEastPosition\"\n *\n * // Using the absolute coordinates which has been found to position the element\n * // as in the diagram depicting the \"myNorthEastPosition\" position.\n * element.style.top = top;\n * element.style.left = left;\n * ```\n *\n * @param options The input data and configuration of the helper.\n */ function getOptimalPosition({ element, target, positions, limiter, fitInViewport, viewportOffsetConfig }) {\n    // If the {@link module:utils/dom/position~Options#target} is a function, use what it returns.\n    // https://github.com/ckeditor/ckeditor5-utils/issues/157\n    if (isFunction(target)) {\n        target = target();\n    }\n    // If the {@link module:utils/dom/position~Options#limiter} is a function, use what it returns.\n    // https://github.com/ckeditor/ckeditor5-ui/issues/260\n    if (isFunction(limiter)) {\n        limiter = limiter();\n    }\n    const positionedElementAncestor = getPositionedAncestor(element);\n    const constrainedViewportRect = getConstrainedViewportRect(viewportOffsetConfig);\n    const elementRect = new Rect(element);\n    const visibleTargetRect = getVisibleViewportIntersectionRect(target, constrainedViewportRect);\n    let bestPosition;\n    // @if CK_DEBUG_POSITION // const targetRect = new Rect( target );\n    // @if CK_DEBUG_POSITION // RectDrawer.clear();\n    // @if CK_DEBUG_POSITION // RectDrawer.draw( targetRect, TARGET_RECT_STYLE, 'Target' );\n    // @if CK_DEBUG_POSITION // if ( constrainedViewportRect ) {\n    // @if CK_DEBUG_POSITION //\t\tRectDrawer.draw( constrainedViewportRect, VIEWPORT_RECT_STYLE, 'Viewport' );\n    // @if CK_DEBUG_POSITION // }\n    // If the target got cropped by ancestors or went off the screen, positioning does not make any sense.\n    if (!visibleTargetRect || !constrainedViewportRect.getIntersection(visibleTargetRect)) {\n        return null;\n    }\n    // @if CK_DEBUG_POSITION //\tRectDrawer.draw( visibleTargetRect, VISIBLE_TARGET_RECT_STYLE, 'VisTgt' );\n    const positionOptions = {\n        targetRect: visibleTargetRect,\n        elementRect,\n        positionedElementAncestor,\n        viewportRect: constrainedViewportRect\n    };\n    // If there are no limits, just grab the very first position and be done with that drama.\n    if (!limiter && !fitInViewport) {\n        bestPosition = new PositionObject(positions[0], positionOptions);\n    } else {\n        if (limiter) {\n            const visibleLimiterRect = getVisibleViewportIntersectionRect(limiter, constrainedViewportRect);\n            if (visibleLimiterRect) {\n                positionOptions.limiterRect = visibleLimiterRect;\n            // @if CK_DEBUG_POSITION // RectDrawer.draw( visibleLimiterRect, VISIBLE_LIMITER_RECT_STYLE, 'VisLim' );\n            }\n        }\n        // If there's no best position found, i.e. when all intersections have no area because\n        // rects have no width or height, then just return `null`\n        bestPosition = getBestPosition(positions, positionOptions);\n    }\n    return bestPosition;\n}\n/**\n * Returns intersection of visible source `Rect` with Viewport `Rect`. In case when source `Rect` is not visible\n * or there is no intersection between source `Rect` and Viewport `Rect`, `null` will be returned.\n */ function getVisibleViewportIntersectionRect(source, viewportRect) {\n    const visibleSourceRect = new Rect(source).getVisible();\n    if (!visibleSourceRect) {\n        return null;\n    }\n    return visibleSourceRect.getIntersection(viewportRect);\n}\n/**\n * Returns a viewport `Rect` shrunk by the viewport offset config from all sides.\n */ function getConstrainedViewportRect(viewportOffsetConfig) {\n    viewportOffsetConfig = Object.assign({\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0\n    }, viewportOffsetConfig);\n    const viewportRect = new Rect(globalVar.window);\n    viewportRect.top += viewportOffsetConfig.top;\n    viewportRect.height -= viewportOffsetConfig.top;\n    viewportRect.bottom -= viewportOffsetConfig.bottom;\n    viewportRect.height -= viewportOffsetConfig.bottom;\n    viewportRect.left += viewportOffsetConfig.left;\n    viewportRect.right -= viewportOffsetConfig.right;\n    viewportRect.width -= viewportOffsetConfig.left + viewportOffsetConfig.right;\n    return viewportRect;\n}\n/**\n * For a given array of positioning functions, returns such that provides the best\n * fit of the `elementRect` into the `limiterRect` and `viewportRect`.\n */ function getBestPosition(positions, options) {\n    const { elementRect } = options;\n    // This is when element is fully visible.\n    const elementRectArea = elementRect.getArea();\n    const positionInstances = positions.map((positioningFunction)=>new PositionObject(positioningFunction, options))// Some positioning functions may return `null` if they don't want to participate.\n    .filter((position)=>!!position.name);\n    let maxFitFactor = 0;\n    let bestPosition = null;\n    for (const position of positionInstances){\n        const { limiterIntersectionArea, viewportIntersectionArea } = position;\n        // If a such position is found that element is fully contained by the limiter then, obviously,\n        // there will be no better one, so finishing.\n        if (limiterIntersectionArea === elementRectArea) {\n            // @if CK_DEBUG_POSITION //\tRectDrawer.draw( position._rect, CHOSEN_POSITION_RECT_STYLE, [\n            // @if CK_DEBUG_POSITION //\t\tposition.name,\n            // @if CK_DEBUG_POSITION //\t\t'100% fit',\n            // @if CK_DEBUG_POSITION //\t].join( '\\n' ) );\n            return position;\n        }\n        // To maximize both viewport and limiter intersection areas we use distance on _viewportIntersectionArea\n        // and _limiterIntersectionArea plane (without sqrt because we are looking for max value).\n        const fitFactor = viewportIntersectionArea ** 2 + limiterIntersectionArea ** 2;\n        // @if CK_DEBUG_POSITION //\tRectDrawer.draw( position._rect, { opacity: .4 }, [\n        // @if CK_DEBUG_POSITION //\t\tposition.name,\n        // @if CK_DEBUG_POSITION //\t\t'Vi=' +  Math.round( viewportIntersectionArea ),\n        // @if CK_DEBUG_POSITION //\t\t'Li=' + Math.round( limiterIntersectionArea )\n        // @if CK_DEBUG_POSITION //\t].join( '\\n' ) );\n        if (fitFactor > maxFitFactor) {\n            maxFitFactor = fitFactor;\n            bestPosition = position;\n        }\n    }\n    // @if CK_DEBUG_POSITION // if ( bestPosition ) {\n    // @if CK_DEBUG_POSITION // \tRectDrawer.draw( bestPosition._rect, CHOSEN_POSITION_RECT_STYLE );\n    // @if CK_DEBUG_POSITION // }\n    return bestPosition;\n}\n/**\n * A position class which instances are created and used by the {@link module:utils/dom/position~getOptimalPosition} helper.\n *\n * {@link module:utils/dom/position~Position#top} and {@link module:utils/dom/position~Position#left} properties of the position instance\n * translate directly to the `top` and `left` properties in CSS \"`position: absolute` coordinate system\". If set on the positioned element\n * in DOM, they will make it display it in the right place in the viewport.\n */ class PositionObject {\n    name;\n    config;\n    _positioningFunctionCoordinates;\n    _options;\n    _cachedRect;\n    _cachedAbsoluteRect;\n    /**\n\t * Creates an instance of the {@link module:utils/dom/position~PositionObject} class.\n\t *\n\t * @param positioningFunction function The function that defines the expected\n\t * coordinates the positioned element should move to.\n\t * @param options options object.\n\t * @param options.elementRect The positioned element rect.\n\t * @param options.targetRect The target element rect.\n\t * @param options.viewportRect The viewport rect.\n\t * @param options.limiterRect The limiter rect.\n\t * @param options.positionedElementAncestor Nearest element ancestor element which CSS position is not \"static\".\n\t */ constructor(positioningFunction, options){\n        const positioningFunctionOutput = positioningFunction(options.targetRect, options.elementRect, options.viewportRect, options.limiterRect);\n        // Nameless position for a function that didn't participate.\n        if (!positioningFunctionOutput) {\n            return;\n        }\n        const { left, top, name, config } = positioningFunctionOutput;\n        this.name = name;\n        this.config = config;\n        this._positioningFunctionCoordinates = {\n            left,\n            top\n        };\n        this._options = options;\n    }\n    /**\n\t * The left value in pixels in the CSS `position: absolute` coordinate system.\n\t * Set it on the positioned element in DOM to move it to the position.\n\t */ get left() {\n        return this._absoluteRect.left;\n    }\n    /**\n\t * The top value in pixels in the CSS `position: absolute` coordinate system.\n\t * Set it on the positioned element in DOM to move it to the position.\n\t */ get top() {\n        return this._absoluteRect.top;\n    }\n    /**\n\t * An intersection area between positioned element and limiter within viewport constraints.\n\t */ get limiterIntersectionArea() {\n        const limiterRect = this._options.limiterRect;\n        if (limiterRect) {\n            return limiterRect.getIntersectionArea(this._rect);\n        }\n        return 0;\n    }\n    /**\n\t * An intersection area between positioned element and viewport.\n\t */ get viewportIntersectionArea() {\n        const viewportRect = this._options.viewportRect;\n        return viewportRect.getIntersectionArea(this._rect);\n    }\n    /**\n\t * An already positioned element rect. A clone of the element rect passed to the constructor\n\t * but placed in the viewport according to the positioning function.\n\t */ get _rect() {\n        if (this._cachedRect) {\n            return this._cachedRect;\n        }\n        this._cachedRect = this._options.elementRect.clone().moveTo(this._positioningFunctionCoordinates.left, this._positioningFunctionCoordinates.top);\n        return this._cachedRect;\n    }\n    /**\n\t * An already absolutely positioned element rect. See ({@link #_rect}).\n\t */ get _absoluteRect() {\n        if (this._cachedAbsoluteRect) {\n            return this._cachedAbsoluteRect;\n        }\n        this._cachedAbsoluteRect = this._rect.toAbsoluteRect();\n        return this._cachedAbsoluteRect;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/dom/remove\n */ /**\n * Removes given node from parent.\n *\n * @param node Node to remove.\n */ function remove(node) {\n    const parent = node.parentNode;\n    if (parent) {\n        parent.removeChild(node);\n    }\n}\n\n/**\n * Returns the visual viewport offsets to adjust elements with `position: fixed` style.\n */ function getVisualViewportOffset() {\n    const visualViewport = globalVar.window.visualViewport;\n    if (!visualViewport || !(env.isiOS || env.isSafari)) {\n        return {\n            left: 0,\n            top: 0\n        };\n    }\n    const left = Math.max(Math.round(visualViewport.offsetLeft), 0);\n    const top = Math.max(Math.round(visualViewport.offsetTop), 0);\n    return {\n        left,\n        top\n    };\n}\n\n/**\n * Makes any page `HTMLElement` or `Range` (`target`) visible inside the browser viewport.\n * This helper will scroll all `target` ancestors and the web browser viewport to reveal the target to\n * the user. If the `target` is already visible, nothing will happen.\n *\n * @param options Additional configuration of the scrolling behavior.\n * @param options.target A target, which supposed to become visible to the user.\n * @param options.viewportOffset An offset from the edge of the viewport (in pixels)\n * the `target` will be moved by if the viewport is scrolled. It enhances the user experience\n * by keeping the `target` some distance from the edge of the viewport and thus making it easier to\n * read or edit by the user.\n * @param options.ancestorOffset An offset from the boundary of scrollable ancestors (if any)\n * the `target` will be moved by if the viewport is scrolled. It enhances the user experience\n * by keeping the `target` some distance from the edge of the ancestors and thus making it easier to\n * read or edit by the user.\n * @param options.alignToTop When set `true`, the helper will make sure the `target` is scrolled up\n * to the top boundary of the viewport and/or scrollable ancestors if scrolled up. When not set\n * (default), the `target` will be revealed by scrolling as little as possible. This option will\n * not affect `targets` that must be scrolled down because they will appear at the top of the boundary\n * anyway.\n *\n * ```\n *                                             scrollViewportToShowTarget() with            scrollViewportToShowTarget() with\n *          Initial state                        alignToTop unset (default)                        alignToTop = true\n *\n * ┌────────────────────────────────┬─┐       ┌────────────────────────────────┬─┐        ┌────────────────────────────────┬─┐\n * │                                │▲│       │                                │▲│        │   [ Target to be revealed ]    │▲│\n * │                                │ │       │                                │ │        │                                │ │\n * │                                │█│       │                                │ │        │                                │ │\n * │                                │█│       │                                │ │        │                                │ │\n * │                                │ │       │                                │█│        │                                │ │\n * │                                │ │       │                                │█│        │                                │█│\n * │                                │ │       │                                │ │        │                                │█│\n * │                                │▼│       │   [ Target to be revealed ]    │▼│        │                                │▼│\n * └────────────────────────────────┴─┘       └────────────────────────────────┴─┘        └────────────────────────────────┴─┘\n *\n *\n *     [ Target to be revealed ]\n *```\n *\n * @param options.forceScroll When set `true`, the `target` will be aligned to the top of the viewport\n * and scrollable ancestors whether it is already visible or not. This option will only work when `alignToTop`\n * is `true`\n */ function scrollViewportToShowTarget({ target, viewportOffset = 0, ancestorOffset = 0, alignToTop, forceScroll }) {\n    const targetWindow = getWindow(target);\n    let currentWindow = targetWindow;\n    let currentFrame = null;\n    viewportOffset = normalizeViewportOffset(viewportOffset);\n    // Iterate over all windows, starting from target's parent window up to window#top.\n    while(currentWindow){\n        let firstAncestorToScroll;\n        // Let's scroll target's ancestors first to reveal it. Then, once the ancestor scrolls\n        // settled down, the algorithm can eventually scroll the viewport of the current window.\n        //\n        // Note: If the current window is target's **original** window (e.g. the first one),\n        // start scrolling the closest parent of the target. If not, scroll the closest parent\n        // of an iframe that resides in the current window.\n        if (currentWindow == targetWindow) {\n            firstAncestorToScroll = getParentElement(target);\n        } else {\n            firstAncestorToScroll = getParentElement(currentFrame);\n        }\n        // Scroll the target's ancestors first. Once done, scrolling the viewport is easy.\n        scrollAncestorsToShowRect({\n            parent: firstAncestorToScroll,\n            getRect: ()=>{\n                // Note: If the target does not belong to the current window **directly**,\n                // i.e. it resides in an iframe belonging to the window, obtain the target's rect\n                // in the coordinates of the current window. By default, a Rect returns geometry\n                // relative to the current window's viewport. To make it work in a parent window,\n                // it must be shifted.\n                return getRectRelativeToWindow(target, currentWindow);\n            },\n            alignToTop,\n            ancestorOffset,\n            forceScroll\n        });\n        // Obtain the rect of the target after it has been scrolled within its ancestors.\n        // It's time to scroll the viewport.\n        let targetRect = getRectRelativeToWindow(target, currentWindow);\n        // Detect situation where the target is higher than the first scrollable ancestor.\n        // In such case scrolling the viewport to reveal the target might be malfunctioning because\n        // the target `.top` position is lower than the ancestor's `.top` position. If it's large enough it can be negative.\n        // It causes the `scrollWindowToShowRect` to scroll the viewport to the negative top position which is not possible\n        // and leads to the viewport being scrolled to the absolute top of the document. To prevent this, the target's rect\n        // must be shifted to the ancestor's top position. It should not affect the target's visibility because the ancestor\n        // is already scrolled to reveal the target.\n        // See more: https://github.com/ckeditor/ckeditor5/issues/17079\n        const ancestorWindowRelativeRect = getRectRelativeToWindow(firstAncestorToScroll, currentWindow);\n        if (targetRect.height > ancestorWindowRelativeRect.height) {\n            const ancestorTargetIntersection = targetRect.getIntersection(ancestorWindowRelativeRect);\n            if (ancestorTargetIntersection) {\n                targetRect = ancestorTargetIntersection;\n            }\n        }\n        scrollWindowToShowRect({\n            window: currentWindow,\n            rect: targetRect,\n            viewportOffset,\n            alignToTop,\n            forceScroll\n        });\n        if (currentWindow.parent != currentWindow) {\n            // Keep the reference to the <iframe> element the \"previous current window\" was\n            // rendered within. It will be useful to re–calculate the rect of the target\n            // in the parent window's relative geometry. The target's rect must be shifted\n            // by it's iframe's position.\n            currentFrame = currentWindow.frameElement;\n            currentWindow = currentWindow.parent;\n            // If the current window has some parent but frameElement is inaccessible, then they have\n            // different domains/ports and, due to security reasons, accessing and scrolling\n            // the parent window won't be possible.\n            // See https://github.com/ckeditor/ckeditor5/issues/930.\n            if (!currentFrame) {\n                return;\n            }\n        } else {\n            currentWindow = null;\n        }\n    }\n}\n/**\n * Makes any page `HTMLElement` or `Range` (target) visible within its scrollable ancestors,\n * e.g. if they have `overflow: scroll` CSS style.\n *\n * @param target A target, which supposed to become visible to the user.\n * @param ancestorOffset An offset between the target and the boundary of scrollable ancestors\n * to be maintained while scrolling.\n * @param limiterElement The outermost ancestor that should be scrolled. If specified, it can prevent\n * scrolling the whole page.\n */ function scrollAncestorsToShowTarget(target, ancestorOffset, limiterElement) {\n    const targetParent = getParentElement(target);\n    scrollAncestorsToShowRect({\n        parent: targetParent,\n        getRect: ()=>new Rect(target),\n        ancestorOffset,\n        limiterElement\n    });\n}\n/**\n * Makes a given rect visible within its parent window.\n *\n * Note: Avoid the situation where the caret is still in the viewport, but totally\n * at the edge of it. In such situation, if it moved beyond the viewport in the next\n * action e.g. after paste, the scrolling would move it to the viewportOffset level\n * and it all would look like the caret visually moved up/down:\n *\n * 1.\n * ```\n * | foo[]\n * |                                    <--- N px of space below the caret\n * +---------------------------------...\n * ```\n *\n * 2. *paste*\n * 3.\n * ```\n * |\n * |\n * +-foo-----------------------------...\n *   bar[]                              <--- caret below viewport, scrolling...\n * ```\n *\n * 4. *scrolling*\n * 5.\n * ```\n * |\n * | foo\n * | bar[]                              <--- caret precisely at the edge\n * +---------------------------------...\n * ```\n *\n * To prevent this, this method checks the rects moved by the viewportOffset to cover\n * the upper/lower edge of the viewport. It makes sure if the action repeats, there's\n * no twitching – it's a purely visual improvement:\n *\n * 5. (after fix)\n * ```\n * |\n * | foo\n * | bar[]\n * |                                    <--- N px of space below the caret\n * +---------------------------------...\n * ```\n *\n * @param options Additional configuration of the scrolling behavior.\n * @param options.window A window which is scrolled to reveal the rect.\n * @param options.rect A rect which is to be revealed.\n * @param options.viewportOffset An offset from the edge of the viewport (in pixels) the `rect` will be\n * moved by if the viewport is scrolled.\n * @param options.alignToTop When set `true`, the helper will make sure the `rect` is scrolled up\n * to the top boundary of the viewport if scrolled up. When not set (default), the `rect` will be\n * revealed by scrolling as little as possible. This option will not affect rects that must be scrolled\n * down because they will appear at the top of the boundary anyway.\n * @param options.forceScroll When set `true`, the `rect` will be aligned to the top of the viewport\n * whether it is already visible or not. This option will only work when `alignToTop` is `true`\n */ function scrollWindowToShowRect({ window, rect, alignToTop, forceScroll, viewportOffset }) {\n    const targetShiftedDownRect = rect.clone().moveBy(0, viewportOffset.bottom);\n    const targetShiftedUpRect = rect.clone().moveBy(0, -viewportOffset.top);\n    const viewportRect = new Rect(window).excludeScrollbarsAndBorders();\n    const rects = [\n        targetShiftedUpRect,\n        targetShiftedDownRect\n    ];\n    const forceScrollToTop = alignToTop && forceScroll;\n    const allRectsFitInViewport = rects.every((rect)=>viewportRect.contains(rect));\n    let { scrollX, scrollY } = window;\n    const initialScrollX = scrollX;\n    const initialScrollY = scrollY;\n    if (forceScrollToTop) {\n        scrollY -= viewportRect.top - rect.top + viewportOffset.top;\n    } else if (!allRectsFitInViewport) {\n        if (isAbove(targetShiftedUpRect, viewportRect)) {\n            scrollY -= viewportRect.top - rect.top + viewportOffset.top;\n        } else if (isBelow(targetShiftedDownRect, viewportRect)) {\n            if (alignToTop) {\n                scrollY += rect.top - viewportRect.top - viewportOffset.top;\n            } else {\n                scrollY += rect.bottom - viewportRect.bottom + viewportOffset.bottom;\n            }\n        }\n    }\n    if (!allRectsFitInViewport) {\n        // TODO: Web browsers scroll natively to place the target in the middle\n        // of the viewport. It's not a very popular case, though.\n        if (isLeftOf(rect, viewportRect)) {\n            scrollX -= viewportRect.left - rect.left + viewportOffset.left;\n        } else if (isRightOf(rect, viewportRect)) {\n            scrollX += rect.right - viewportRect.right + viewportOffset.right;\n        }\n    }\n    if (scrollX != initialScrollX || scrollY !== initialScrollY) {\n        window.scrollTo(scrollX, scrollY);\n    }\n}\n/**\n * Recursively scrolls element ancestors to visually reveal a rect.\n *\n * @param options Additional configuration of the scrolling behavior.\n * @param options.parent The first parent ancestor to start scrolling.\n * @param options.getRect A function which returns the Rect, which is to be revealed.\n * @param options.ancestorOffset An offset from the boundary of scrollable ancestors (if any)\n * the `Rect` instance will be moved by if the viewport is scrolled.\n * @param options.alignToTop When set `true`, the helper will make sure the `Rect` instance is scrolled up\n * to the top boundary of the scrollable ancestors if scrolled up. When not set (default), the `rect`\n * will be revealed by scrolling as little as possible. This option will not affect rects that must be\n * scrolled down because they will appear at the top of the boundary\n * anyway.\n * @param options.forceScroll When set `true`, the `rect` will be aligned to the top of scrollable ancestors\n * whether it is already visible or not. This option will only work when `alignToTop` is `true`\n * @param options.limiterElement The outermost ancestor that should be scrolled. Defaults to the `<body>` element.\n */ function scrollAncestorsToShowRect({ parent, getRect, alignToTop, forceScroll, ancestorOffset = 0, limiterElement }) {\n    const parentWindow = getWindow(parent);\n    const forceScrollToTop = alignToTop && forceScroll;\n    let parentRect, targetRect, targetFitsInTarget;\n    const limiter = limiterElement || parentWindow.document.body;\n    while(parent != limiter){\n        targetRect = getRect();\n        parentRect = new Rect(parent).excludeScrollbarsAndBorders();\n        targetFitsInTarget = parentRect.contains(targetRect);\n        if (forceScrollToTop) {\n            parent.scrollTop -= parentRect.top - targetRect.top + ancestorOffset;\n        } else if (!targetFitsInTarget) {\n            if (isAbove(targetRect, parentRect)) {\n                parent.scrollTop -= parentRect.top - targetRect.top + ancestorOffset;\n            } else if (isBelow(targetRect, parentRect)) {\n                if (alignToTop) {\n                    parent.scrollTop += targetRect.top - parentRect.top - ancestorOffset;\n                } else {\n                    parent.scrollTop += targetRect.bottom - parentRect.bottom + ancestorOffset;\n                }\n            }\n        }\n        if (!targetFitsInTarget) {\n            if (isLeftOf(targetRect, parentRect)) {\n                parent.scrollLeft -= parentRect.left - targetRect.left + ancestorOffset;\n            } else if (isRightOf(targetRect, parentRect)) {\n                parent.scrollLeft += targetRect.right - parentRect.right + ancestorOffset;\n            }\n        }\n        parent = parent.parentNode;\n    }\n}\n/**\n * Determines if a given `Rect` extends beyond the bottom edge of the second `Rect`.\n */ function isBelow(firstRect, secondRect) {\n    return firstRect.bottom > secondRect.bottom;\n}\n/**\n * Determines if a given `Rect` extends beyond the top edge of the second `Rect`.\n */ function isAbove(firstRect, secondRect) {\n    return firstRect.top < secondRect.top;\n}\n/**\n * Determines if a given `Rect` extends beyond the left edge of the second `Rect`.\n */ function isLeftOf(firstRect, secondRect) {\n    return firstRect.left < secondRect.left;\n}\n/**\n * Determines if a given `Rect` extends beyond the right edge of the second `Rect`.\n */ function isRightOf(firstRect, secondRect) {\n    return firstRect.right > secondRect.right;\n}\n/**\n * Returns the closest window of an element or range.\n */ function getWindow(elementOrRange) {\n    if (isRange(elementOrRange)) {\n        return elementOrRange.startContainer.ownerDocument.defaultView;\n    } else {\n        return elementOrRange.ownerDocument.defaultView;\n    }\n}\n/**\n * Returns the closest parent of an element or DOM range.\n */ function getParentElement(elementOrRange) {\n    if (isRange(elementOrRange)) {\n        let parent = elementOrRange.commonAncestorContainer;\n        // If a Range is attached to the Text, use the closest element ancestor.\n        if (isText(parent)) {\n            parent = parent.parentNode;\n        }\n        return parent;\n    } else {\n        return elementOrRange.parentNode;\n    }\n}\n/**\n * Returns the rect of an element or range residing in an iframe.\n * The result rect is relative to the geometry of the passed window instance.\n *\n * @param target Element or range which rect should be returned.\n * @param relativeWindow A window the rect should be relative to.\n */ function getRectRelativeToWindow(target, relativeWindow) {\n    const targetWindow = getWindow(target);\n    const rect = new Rect(target);\n    if (targetWindow === relativeWindow) {\n        return rect;\n    } else {\n        let currentWindow = targetWindow;\n        while(currentWindow != relativeWindow){\n            const frame = currentWindow.frameElement;\n            const frameRect = new Rect(frame).excludeScrollbarsAndBorders();\n            rect.moveBy(frameRect.left, frameRect.top);\n            currentWindow = currentWindow.parent;\n        }\n    }\n    return rect;\n}\n/**\n * A helper that explodes the `viewportOffset` configuration if defined as a plain number into an object\n * with `top`, `bottom`, `left`, and `right` properties.\n *\n * If an object value is passed, this helper will pass it through.\n *\n * @param viewportOffset Viewport offset to be normalized.\n */ function normalizeViewportOffset(viewportOffset) {\n    if (typeof viewportOffset === 'number') {\n        return {\n            top: viewportOffset,\n            bottom: viewportOffset,\n            left: viewportOffset,\n            right: viewportOffset\n        };\n    }\n    return viewportOffset;\n}\n\nconst modifiersToGlyphsMac = {\n    ctrl: '⌃',\n    cmd: '⌘',\n    alt: '⌥',\n    shift: '⇧'\n};\nconst modifiersToGlyphsNonMac = {\n    ctrl: 'Ctrl+',\n    alt: 'Alt+',\n    shift: 'Shift+'\n};\nconst keyCodesToGlyphs = {\n    37: '←',\n    38: '↑',\n    39: '→',\n    40: '↓',\n    9: '⇥',\n    33: 'Page Up',\n    34: 'Page Down'\n};\n/**\n * An object with `keyName => keyCode` pairs for a set of known keys.\n *\n * Contains:\n *\n * * `a-z`,\n * * `0-9`,\n * * `f1-f12`,\n * * `` ` ``, `-`, `=`, `[`, `]`, `;`, `'`, `,`, `.`, `/`, `\\`,\n * * `arrow(left|up|right|bottom)`,\n * * `backspace`, `delete`, `end`, `enter`, `esc`, `home`, `tab`,\n * * `ctrl`, `cmd`, `shift`, `alt`.\n */ const keyCodes = /* #__PURE__ */ generateKnownKeyCodes();\nconst keyCodeNames = /* #__PURE__ */ Object.fromEntries(/* #__PURE__ */ Object.entries(keyCodes).map(([name, code])=>{\n    let prettyKeyName;\n    if (code in keyCodesToGlyphs) {\n        prettyKeyName = keyCodesToGlyphs[code];\n    } else {\n        prettyKeyName = name.charAt(0).toUpperCase() + name.slice(1);\n    }\n    return [\n        code,\n        prettyKeyName\n    ];\n}));\n/**\n * Converts a key name or {@link module:utils/keyboard~KeystrokeInfo keystroke info} into a key code.\n *\n * Note: Key names are matched with {@link module:utils/keyboard#keyCodes} in a case-insensitive way.\n *\n * @param key A key name (see {@link module:utils/keyboard#keyCodes}) or a keystroke data object.\n * @returns Key or keystroke code.\n */ function getCode(key) {\n    let keyCode;\n    if (typeof key == 'string') {\n        keyCode = keyCodes[key.toLowerCase()];\n        if (!keyCode) {\n            /**\n\t\t\t * Unknown key name. Only key names included in the {@link module:utils/keyboard#keyCodes} can be used.\n\t\t\t *\n\t\t\t * @error keyboard-unknown-key\n\t\t\t * @param {string} key Ths specified key name.\n\t\t\t */ throw new CKEditorError('keyboard-unknown-key', null, {\n                key\n            });\n        }\n    } else {\n        keyCode = key.keyCode + (key.altKey ? keyCodes.alt : 0) + (key.ctrlKey ? keyCodes.ctrl : 0) + (key.shiftKey ? keyCodes.shift : 0) + (key.metaKey ? keyCodes.cmd : 0);\n    }\n    return keyCode;\n}\n/**\n * Parses the keystroke and returns a keystroke code that will match the code returned by\n * {@link module:utils/keyboard~getCode} for the corresponding {@link module:utils/keyboard~KeystrokeInfo keystroke info}.\n *\n * The keystroke can be passed in two formats:\n *\n * * as a single string – e.g. `ctrl + A`,\n * * as an array of {@link module:utils/keyboard~keyCodes known key names} and key codes – e.g.:\n *   * `[ 'ctrl', 32 ]` (ctrl + space),\n *   * `[ 'ctrl', 'a' ]` (ctrl + A).\n *\n * Note: Key names are matched with {@link module:utils/keyboard#keyCodes} in a case-insensitive way.\n *\n * Note: Only keystrokes with a single non-modifier key are supported (e.g. `ctrl+A` is OK, but `ctrl+A+B` is not).\n *\n * Note: On macOS, keystroke handling is translating the `Ctrl` key to the `Cmd` key and handling only that keystroke.\n * For example, a registered keystroke `Ctrl+A` will be translated to `Cmd+A` on macOS. To disable the translation of some keystroke,\n * use the forced modifier: `Ctrl!+A` (note the exclamation mark).\n *\n * @param keystroke The keystroke definition.\n * @returns Keystroke code.\n */ function parseKeystroke(keystroke) {\n    if (typeof keystroke == 'string') {\n        keystroke = splitKeystrokeText(keystroke);\n    }\n    return keystroke.map((key)=>typeof key == 'string' ? getEnvKeyCode(key) : key).reduce((key, sum)=>sum + key, 0);\n}\n/**\n * Translates any keystroke string text like `\"Ctrl+A\"` to an\n * environment–specific keystroke, i.e. `\"⌘A\"` on macOS.\n *\n * @param keystroke The keystroke text.\n * @param [forcedEnv] The environment to force the key translation to. If not provided, the current environment is used.\n * @returns The keystroke text specific for the environment.\n */ function getEnvKeystrokeText(keystroke, forcedEnv) {\n    let keystrokeCode = parseKeystroke(keystroke);\n    const isMac = forcedEnv ? forcedEnv === 'Mac' : env.isMac || env.isiOS;\n    const modifiersToGlyphs = Object.entries(isMac ? modifiersToGlyphsMac : modifiersToGlyphsNonMac);\n    const modifiers = modifiersToGlyphs.reduce((modifiers, [name, glyph])=>{\n        // Modifier keys are stored as a bit mask so extract those from the keystroke code.\n        if ((keystrokeCode & keyCodes[name]) != 0) {\n            keystrokeCode &= ~keyCodes[name];\n            modifiers += glyph;\n        }\n        return modifiers;\n    }, '');\n    return modifiers + (keystrokeCode ? keyCodeNames[keystrokeCode] : '');\n}\n/**\n * Returns `true` if the provided key code represents one of the arrow keys.\n *\n * @param keyCode A key code as in {@link module:utils/keyboard~KeystrokeInfo#keyCode}.\n */ function isArrowKeyCode(keyCode) {\n    return keyCode == keyCodes.arrowright || keyCode == keyCodes.arrowleft || keyCode == keyCodes.arrowup || keyCode == keyCodes.arrowdown;\n}\n/**\n * Returns the direction in which the {@link module:engine/model/documentselection~ModelDocumentSelection selection}\n * will move when the provided arrow key code is pressed considering the language direction of the editor content.\n *\n * For instance, in right–to–left (RTL) content languages, pressing the left arrow means moving the selection right (forward)\n * in the model structure. Similarly, pressing the right arrow moves the selection left (backward).\n *\n * @param keyCode A key code as in {@link module:utils/keyboard~KeystrokeInfo#keyCode}.\n * @param contentLanguageDirection The content language direction, corresponding to\n * {@link module:utils/locale~Locale#contentLanguageDirection}.\n * @returns Localized arrow direction or `undefined` for non-arrow key codes.\n */ function getLocalizedArrowKeyCodeDirection(keyCode, contentLanguageDirection) {\n    const isLtrContent = contentLanguageDirection === 'ltr';\n    switch(keyCode){\n        case keyCodes.arrowleft:\n            return isLtrContent ? 'left' : 'right';\n        case keyCodes.arrowright:\n            return isLtrContent ? 'right' : 'left';\n        case keyCodes.arrowup:\n            return 'up';\n        case keyCodes.arrowdown:\n            return 'down';\n    }\n}\n/**\n * Converts a key name to the key code with mapping based on the env.\n *\n * See: {@link module:utils/keyboard~getCode}.\n *\n * @param key The key name (see {@link module:utils/keyboard#keyCodes}).\n * @returns Key code.\n */ function getEnvKeyCode(key) {\n    // Don't remap modifier key for forced modifiers.\n    if (key.endsWith('!')) {\n        return getCode(key.slice(0, -1));\n    }\n    const code = getCode(key);\n    return (env.isMac || env.isiOS) && code == keyCodes.ctrl ? keyCodes.cmd : code;\n}\n/**\n * Determines if the provided key code moves the {@link module:engine/model/documentselection~ModelDocumentSelection selection}\n * forward or backward considering the language direction of the editor content.\n *\n * For instance, in right–to–left (RTL) languages, pressing the left arrow means moving forward\n * in the model structure. Similarly, pressing the right arrow moves the selection backward.\n *\n * @param keyCode A key code as in {@link module:utils/keyboard~KeystrokeInfo#keyCode}.\n * @param contentLanguageDirection The content language direction, corresponding to\n * {@link module:utils/locale~Locale#contentLanguageDirection}.\n */ function isForwardArrowKeyCode(keyCode, contentLanguageDirection) {\n    const localizedKeyCodeDirection = getLocalizedArrowKeyCodeDirection(keyCode, contentLanguageDirection);\n    return localizedKeyCodeDirection === 'down' || localizedKeyCodeDirection === 'right';\n}\nfunction generateKnownKeyCodes() {\n    const keyCodes = {\n        pageup: 33,\n        pagedown: 34,\n        end: 35,\n        home: 36,\n        arrowleft: 37,\n        arrowup: 38,\n        arrowright: 39,\n        arrowdown: 40,\n        backspace: 8,\n        delete: 46,\n        enter: 13,\n        space: 32,\n        esc: 27,\n        tab: 9,\n        // The idea about these numbers is that they do not collide with any real key codes, so we can use them\n        // like bit masks.\n        ctrl: 0x110000,\n        shift: 0x220000,\n        alt: 0x440000,\n        cmd: 0x880000\n    };\n    // a-z\n    for(let code = 65; code <= 90; code++){\n        const letter = String.fromCharCode(code);\n        keyCodes[letter.toLowerCase()] = code;\n    }\n    // 0-9\n    for(let code = 48; code <= 57; code++){\n        keyCodes[code - 48] = code;\n    }\n    // F1-F12\n    for(let code = 112; code <= 123; code++){\n        keyCodes['f' + (code - 111)] = code;\n    }\n    // other characters\n    Object.assign(keyCodes, {\n        '\\'': 222,\n        ',': 108,\n        '-': 109,\n        '.': 110,\n        '/': 111,\n        ';': 186,\n        '=': 187,\n        '[': 219,\n        '\\\\': 220,\n        ']': 221,\n        '`': 223\n    });\n    return keyCodes;\n}\nfunction splitKeystrokeText(keystroke) {\n    return keystroke.split('+').map((key)=>key.trim());\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/language\n */ /**\n * String representing a language direction.\n */ const RTL_LANGUAGE_CODES = [\n    'ar',\n    'ara',\n    'dv',\n    'div',\n    'fa',\n    'per',\n    'fas',\n    'he',\n    'heb',\n    'ku',\n    'kur',\n    'ug',\n    'uig',\n    'ur',\n    'urd' // Urdu\n];\n/**\n * Helps determine whether a language text direction is LTR or RTL.\n *\n * @param languageCode The ISO 639-1 or ISO 639-2 language code.\n */ function getLanguageDirection(languageCode) {\n    return RTL_LANGUAGE_CODES.includes(languageCode) ? 'rtl' : 'ltr';\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/toarray\n */ /**\n * Transforms any value to an array. If the provided value is already an array, it is returned unchanged.\n *\n * @label MUTABLE\n * @param data The value to transform to an array.\n * @returns An array created from data.\n */ function toArray(data) {\n    return Array.isArray(data) ? data : [\n        data\n    ];\n}\n\n/* istanbul ignore else -- @preserve */ if (!globalVar.window.CKEDITOR_TRANSLATIONS) {\n    globalVar.window.CKEDITOR_TRANSLATIONS = {};\n}\n/**\n * Adds translations to existing ones or overrides the existing translations. These translations will later\n * be available for the {@link module:utils/locale~Locale#t `t()`} function.\n *\n * The `translations` is an object which consists of `messageId: translation` pairs. Note that the message ID can be\n * either constructed from the message string or from the message ID if it was passed\n * (this happens rarely and mostly for short messages or messages with placeholders).\n * Since the editor displays only the message string, the message ID can be found either in the source code or in the\n * built translations for another language.\n *\n * ```ts\n * add( 'pl', {\n * \t'Cancel': 'Anuluj',\n * \t'IMAGE': 'obraz', // Note that the `IMAGE` comes from the message ID, while the string can be `image`.\n * } );\n * ```\n *\n * If the message is supposed to support various plural forms, make sure to provide an array with the singular form and all plural forms:\n *\n * ```ts\n * add( 'pl', {\n * \t'Add space': [ 'Dodaj spację', 'Dodaj %0 spacje', 'Dodaj %0 spacji' ]\n * } );\n * ```\n *\n * You should also specify the third argument (the `getPluralForm()` function) that will be used to determine the plural form if no\n * language file was loaded for that language. All language files coming from CKEditor 5 sources will have this option set, so\n * these plural form rules will be reused by other translations added to the registered languages. The `getPluralForm()` function\n * can return either a Boolean or a number.\n *\n * ```ts\n * add( 'en', {\n * \t// ... Translations.\n * }, n => n !== 1 );\n * add( 'pl', {\n * \t// ... Translations.\n * }, n => n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && ( n % 100 < 10 || n % 100 >= 20 ) ? 1 : 2 );\n * ```\n *\n * All translations extend the global `window.CKEDITOR_TRANSLATIONS` object. An example of this object can be found below:\n *\n * ```ts\n * {\n * \tpl: {\n * \t\tdictionary: {\n * \t\t\t'Cancel': 'Anuluj',\n * \t\t\t'Add space': [ 'Dodaj spację', 'Dodaj %0 spacje', 'Dodaj %0 spacji' ]\n * \t\t},\n * \t\t// A function that returns the plural form index.\n * \t\tgetPluralForm: n => n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && ( n % 100 < 10 || n % 100 >= 20 ) ? 1 : 2 );\n * \t}\n * \t// Other languages.\n * \t}\n * ```\n *\n * If you cannot import { this function } from this module (e.g. because you use a CKEditor 5 build), you can\n * still add translations by extending the global `window.CKEDITOR_TRANSLATIONS` object by using a function like\n * the one below:\n *\n * ```ts\n * function addTranslations( language, translations, getPluralForm ) {\n * \tif ( !global.window.CKEDITOR_TRANSLATIONS ) {\n * \t\tglobal.window.CKEDITOR_TRANSLATIONS = {};\n * \t}\n\n * \tif ( !global.window.CKEDITOR_TRANSLATIONS[ language ] ) {\n * \t\tglobal.window.CKEDITOR_TRANSLATIONS[ language ] = {};\n * \t}\n *\n * \tconst languageTranslations = global.window.CKEDITOR_TRANSLATIONS[ language ];\n *\n * \tlanguageTranslations.dictionary = languageTranslations.dictionary || {};\n * \tlanguageTranslations.getPluralForm = getPluralForm || languageTranslations.getPluralForm;\n *\n * \t// Extend the dictionary for the given language.\n * \tObject.assign( languageTranslations.dictionary, translations );\n * }\n * ```\n *\n * @param language Target language.\n * @param translations An object with translations which will be added to the dictionary.\n * For each message ID the value should be either a translation or an array of translations if the message\n * should support plural forms.\n * @param getPluralForm A function that returns the plural form index (a number).\n */ function add(language, translations, getPluralForm) {\n    if (!globalVar.window.CKEDITOR_TRANSLATIONS[language]) {\n        globalVar.window.CKEDITOR_TRANSLATIONS[language] = {};\n    }\n    const languageTranslations = globalVar.window.CKEDITOR_TRANSLATIONS[language];\n    languageTranslations.dictionary = languageTranslations.dictionary || {};\n    languageTranslations.getPluralForm = getPluralForm || languageTranslations.getPluralForm;\n    Object.assign(languageTranslations.dictionary, translations);\n}\n/**\n * **Note:** This method is internal, use {@link module:utils/locale~Locale#t the `t()` function} instead to translate\n * the editor UI parts.\n *\n * This function is responsible for translating messages to the specified language. It uses translations added perviously\n * by {@link module:utils/translation-service~add} (a translations dictionary and the `getPluralForm()` function\n * to provide accurate translations of plural forms).\n *\n * When no translation is defined in the dictionary or the dictionary does not exist, this function returns\n * the original message string or the message plural depending on the number of elements.\n *\n * ```ts\n * translate( 'pl', { string: 'Cancel' } ); // 'Cancel'\n * ```\n *\n * The third optional argument is the number of elements, based on which the single form or one of the plural forms\n * should be picked when the message is supposed to support various plural forms.\n *\n * ```ts\n * translate( 'en', { string: 'Add a space', plural: 'Add %0 spaces' }, 1 ); // 'Add a space'\n * translate( 'en', { string: 'Add a space', plural: 'Add %0 spaces' }, 3 ); // 'Add %0 spaces'\n * ```\n *\n * The message should provide an ID using the `id` property when the message strings are not unique and their\n * translations should be different.\n *\n * ```ts\n * translate( 'en', { string: 'image', id: 'ADD_IMAGE' } );\n * translate( 'en', { string: 'image', id: 'AN_IMAGE' } );\n * ```\n *\n * @internal\n * @param language Target language.\n * @param message A message that will be translated.\n * @param quantity The number of elements for which a plural form should be picked from the target language dictionary.\n * @param translations Translations passed in editor config, if not provided use the global `window.CKEDITOR_TRANSLATIONS`.\n * @returns Translated sentence.\n */ function _translate(language, message, quantity = 1, translations) {\n    if (typeof quantity !== 'number') {\n        /**\n\t\t * An incorrect value was passed to the translation function. This was probably caused\n\t\t * by an incorrect message interpolation of a plural form. Note that for messages supporting plural forms\n\t\t * the second argument of the `t()` function should always be a number or an array with a number as the first element.\n\t\t *\n\t\t * @error translation-service-quantity-not-a-number\n\t\t */ throw new CKEditorError('translation-service-quantity-not-a-number', null, {\n            quantity\n        });\n    }\n    const normalizedTranslations = translations || globalVar.window.CKEDITOR_TRANSLATIONS;\n    const numberOfLanguages = getNumberOfLanguages(normalizedTranslations);\n    if (numberOfLanguages === 1) {\n        // Override the language to the only supported one.\n        // This can't be done in the `Locale` class, because the translations comes after the `Locale` class initialization.\n        language = Object.keys(normalizedTranslations)[0];\n    }\n    const messageId = message.id || message.string;\n    if (numberOfLanguages === 0 || !hasTranslation(language, messageId, normalizedTranslations)) {\n        if (quantity !== 1) {\n            // Return the default plural form that was passed in the `message.plural` parameter.\n            return message.plural;\n        }\n        return message.string;\n    }\n    const dictionary = normalizedTranslations[language].dictionary;\n    const getPluralForm = normalizedTranslations[language].getPluralForm || ((n)=>n === 1 ? 0 : 1);\n    const translation = dictionary[messageId];\n    if (typeof translation === 'string') {\n        return translation;\n    }\n    const pluralFormIndex = Number(getPluralForm(quantity));\n    // Note: The `translate` function is not responsible for replacing `%0, %1, ...` with values.\n    return translation[pluralFormIndex];\n}\n/**\n * Clears dictionaries for test purposes.\n *\n * @internal\n */ function _clear() {\n    if (globalVar.window.CKEDITOR_TRANSLATIONS) {\n        globalVar.window.CKEDITOR_TRANSLATIONS = {};\n    }\n}\n/**\n * If array then merge objects which are inside otherwise return given object.\n *\n * @internal\n * @param translations Translations passed in editor config.\n */ function _unifyTranslations(translations) {\n    return Array.isArray(translations) ? translations.reduce((acc, translation)=>merge(acc, translation)) : translations;\n}\n/**\n * Checks whether the dictionary exists and translation in that dictionary exists.\n */ function hasTranslation(language, messageId, translations) {\n    return !!translations[language] && !!translations[language].dictionary[messageId];\n}\nfunction getNumberOfLanguages(translations) {\n    return Object.keys(translations).length;\n}\n\n/**\n * Represents the localization services.\n */ class Locale {\n    /**\n\t * The editor UI language code in the [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format.\n\t *\n\t * If the {@link #contentLanguage content language} was not specified in the `Locale` constructor,\n\t * it also defines the language of the content.\n\t */ uiLanguage;\n    /**\n\t * Text direction of the {@link #uiLanguage editor UI language}. Either `'ltr'` or `'rtl'`.\n\t */ uiLanguageDirection;\n    /**\n\t * The editor content language code in the [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format.\n\t *\n\t * Usually the same as the {@link #uiLanguage editor language}, it can be customized by passing an optional\n\t * argument to the `Locale` constructor.\n\t */ contentLanguage;\n    /**\n\t * Text direction of the {@link #contentLanguage editor content language}.\n\t *\n\t * If the content language was passed directly to the `Locale` constructor, this property represents the\n\t * direction of that language.\n\t *\n\t * If the {@link #contentLanguage editor content language} was derived from the {@link #uiLanguage editor language},\n\t * the content language direction is the same as the {@link #uiLanguageDirection UI language direction}.\n\t *\n\t * The value is either `'ltr'` or `'rtl'`.\n\t */ contentLanguageDirection;\n    /**\n\t * Translates the given message to the {@link #uiLanguage}. This method is also available in\n\t * {@link module:core/editor/editor~Editor#t `Editor`} and {@link module:ui/view~View#t `View`}.\n\t *\n\t * This method's context is statically bound to the `Locale` instance and **should always be called as a function**:\n\t *\n\t * ```ts\n\t * const t = locale.t;\n\t * t( 'Label' );\n\t * ```\n\t *\n\t * The message can be either a string or an object implementing the {@link module:utils/translation-service~Message} interface.\n\t *\n\t * The message may contain placeholders (`%<index>`) for value(s) that are passed as a `values` parameter.\n\t * For an array of values, the `%<index>` will be changed to an element of that array at the given index.\n\t * For a single value passed as the second argument, only the `%0` placeholders will be changed to the provided value.\n\t *\n\t * ```ts\n\t * t( 'Created file \"%0\" in %1ms.', [ fileName, timeTaken ] );\n\t * t( 'Created file \"%0\", fileName );\n\t * ```\n\t *\n\t * The message supports plural forms. To specify the plural form, use the `plural` property. Singular or plural form\n\t * will be chosen depending on the first value from the passed `values`. The value of the `plural` property is used\n\t * as a default plural translation when the translation for the target language is missing.\n\t *\n\t * ```ts\n\t * t( { string: 'Add a space', plural: 'Add %0 spaces' }, 1 ); // 'Add a space' for the English language.\n\t * t( { string: 'Add a space', plural: 'Add %0 spaces' }, 5 ); // 'Add 5 spaces' for the English language.\n\t * t( { string: '%1 a space', plural: '%1 %0 spaces' }, [ 2, 'Add' ] ); // 'Add 2 spaces' for the English language.\n\t *\n\t * t( { string: 'Add a space', plural: 'Add %0 spaces' }, 1 ); // 'Dodaj spację' for the Polish language.\n\t * t( { string: 'Add a space', plural: 'Add %0 spaces' }, 5 ); // 'Dodaj 5 spacji' for the Polish language.\n\t * t( { string: '%1 a space', plural: '%1 %0 spaces' }, [ 2, 'Add' ] ); // 'Dodaj 2 spacje' for the Polish language.\n\t * ```\n\t *\n\t *  * The message should provide an ID using the `id` property when the message strings are not unique and their\n\t * translations should be different.\n\t *\n\t * ```ts\n\t * translate( 'en', { string: 'image', id: 'ADD_IMAGE' } );\n\t * translate( 'en', { string: 'image', id: 'AN_IMAGE' } );\n\t * ```\n\t */ t;\n    /**\n\t * Object that contains translations.\n\t */ translations;\n    /**\n\t * Creates a new instance of the locale class. Learn more about\n\t * {@glink getting-started/setup/ui-language configuring the language of the editor}.\n\t *\n\t * @param options Locale configuration.\n\t * @param options.uiLanguage The editor UI language code in the\n\t * [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format. See {@link #uiLanguage}.\n\t * @param options.contentLanguage The editor content language code in the\n\t * [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format. If not specified, the same as `options.language`.\n\t * See {@link #contentLanguage}.\n\t * @param options.translations Translations passed as a editor config parameter.\n\t */ constructor({ uiLanguage = 'en', contentLanguage, translations } = {}){\n        this.uiLanguage = uiLanguage;\n        this.contentLanguage = contentLanguage || this.uiLanguage;\n        this.uiLanguageDirection = getLanguageDirection(this.uiLanguage);\n        this.contentLanguageDirection = getLanguageDirection(this.contentLanguage);\n        this.translations = _unifyTranslations(translations);\n        this.t = (message, values)=>this._t(message, values);\n    }\n    /**\n\t * An unbound version of the {@link #t} method.\n\t */ _t(message, values = []) {\n        values = toArray(values);\n        if (typeof message === 'string') {\n            message = {\n                string: message\n            };\n        }\n        const hasPluralForm = !!message.plural;\n        const quantity = hasPluralForm ? values[0] : 1;\n        const translatedString = _translate(this.uiLanguage, message, quantity, this.translations);\n        return interpolateString(translatedString, values);\n    }\n}\n/**\n * Fills the `%0, %1, ...` string placeholders with values.\n */ function interpolateString(string, values) {\n    return string.replace(/%(\\d+)/g, (match, index)=>{\n        return index < values.length ? values[index] : match;\n    });\n}\n\n/**\n * Collections are ordered sets of objects. Items in the collection can be retrieved by their indexes\n * in the collection (like in an array) or by their ids.\n *\n * If an object without an `id` property is being added to the collection, the `id` property will be generated\n * automatically. Note that the automatically generated id is unique only within this single collection instance.\n *\n * By default an item in the collection is identified by its `id` property. The name of the identifier can be\n * configured through the constructor of the collection.\n *\n * @typeParam T The type of the collection element.\n */ class Collection extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * The internal list of items in the collection.\n\t */ _items;\n    /**\n\t * The internal map of items in the collection.\n\t */ _itemMap;\n    /**\n\t * The name of the property which is considered to identify an item.\n\t */ _idProperty;\n    /**\n\t * A collection instance this collection is bound to as a result\n\t * of calling {@link #bindTo} method.\n\t */ _bindToCollection;\n    /**\n\t * A helper mapping external items of a bound collection ({@link #bindTo})\n\t * and actual items of this collection. It provides information\n\t * necessary to properly remove items bound to another collection.\n\t *\n\t * See {@link #_bindToInternalToExternalMap}.\n\t */ _bindToExternalToInternalMap;\n    /**\n\t * A helper mapping items of this collection to external items of a bound collection\n\t * ({@link #bindTo}). It provides information necessary to manage the bindings, e.g.\n\t * to avoid loops in two–way bindings.\n\t *\n\t * See {@link #_bindToExternalToInternalMap}.\n\t */ _bindToInternalToExternalMap;\n    /**\n\t * Stores indexes of skipped items from bound external collection.\n\t */ _skippedIndexesFromExternal;\n    constructor(initialItemsOrOptions = {}, options = {}){\n        super();\n        const hasInitialItems = isIterable(initialItemsOrOptions);\n        if (!hasInitialItems) {\n            options = initialItemsOrOptions;\n        }\n        this._items = [];\n        this._itemMap = new Map();\n        this._idProperty = options.idProperty || 'id';\n        this._bindToExternalToInternalMap = new WeakMap();\n        this._bindToInternalToExternalMap = new WeakMap();\n        this._skippedIndexesFromExternal = [];\n        // Set the initial content of the collection (if provided in the constructor).\n        if (hasInitialItems) {\n            for (const item of initialItemsOrOptions){\n                this._items.push(item);\n                this._itemMap.set(this._getItemIdBeforeAdding(item), item);\n            }\n        }\n    }\n    /**\n\t * The number of items available in the collection.\n\t */ get length() {\n        return this._items.length;\n    }\n    /**\n\t * Returns the first item from the collection or null when collection is empty.\n\t */ get first() {\n        return this._items[0] || null;\n    }\n    /**\n\t * Returns the last item from the collection or null when collection is empty.\n\t */ get last() {\n        return this._items[this.length - 1] || null;\n    }\n    /**\n\t * Adds an item into the collection.\n\t *\n\t * If the item does not have an id, then it will be automatically generated and set on the item.\n\t *\n\t * @param item\n\t * @param index The position of the item in the collection. The item\n\t * is pushed to the collection when `index` not specified.\n\t * @fires add\n\t * @fires change\n\t */ add(item, index) {\n        return this.addMany([\n            item\n        ], index);\n    }\n    /**\n\t * Adds multiple items into the collection.\n\t *\n\t * Any item not containing an id will get an automatically generated one.\n\t *\n\t * @param items\n\t * @param index The position of the insertion. Items will be appended if no `index` is specified.\n\t * @fires add\n\t * @fires change\n\t */ addMany(items, index) {\n        if (index === undefined) {\n            index = this._items.length;\n        } else if (index > this._items.length || index < 0) {\n            /**\n\t\t\t * The `index` passed to {@link module:utils/collection~Collection#addMany `Collection#addMany()`}\n\t\t\t * is invalid. It must be a number between 0 and the collection's length.\n\t\t\t *\n\t\t\t * @error collection-add-item-invalid-index\n\t\t\t */ throw new CKEditorError('collection-add-item-invalid-index', this);\n        }\n        let offset = 0;\n        for (const item of items){\n            const itemId = this._getItemIdBeforeAdding(item);\n            const currentItemIndex = index + offset;\n            this._items.splice(currentItemIndex, 0, item);\n            this._itemMap.set(itemId, item);\n            this.fire('add', item, currentItemIndex);\n            offset++;\n        }\n        this.fire('change', {\n            added: items,\n            removed: [],\n            index\n        });\n        return this;\n    }\n    /**\n\t * Gets an item by its ID or index.\n\t *\n\t * @param idOrIndex The item ID or index in the collection.\n\t * @returns The requested item or `null` if such item does not exist.\n\t */ get(idOrIndex) {\n        let item;\n        if (typeof idOrIndex == 'string') {\n            item = this._itemMap.get(idOrIndex);\n        } else if (typeof idOrIndex == 'number') {\n            item = this._items[idOrIndex];\n        } else {\n            /**\n\t\t\t * An index or ID must be given.\n\t\t\t *\n\t\t\t * @error collection-get-invalid-arg\n\t\t\t */ throw new CKEditorError('collection-get-invalid-arg', this);\n        }\n        return item || null;\n    }\n    /**\n\t * Returns a Boolean indicating whether the collection contains an item.\n\t *\n\t * @param itemOrId The item or its ID in the collection.\n\t * @returns `true` if the collection contains the item, `false` otherwise.\n\t */ has(itemOrId) {\n        if (typeof itemOrId == 'string') {\n            return this._itemMap.has(itemOrId);\n        } else {\n            const idProperty = this._idProperty;\n            const id = itemOrId[idProperty];\n            return id && this._itemMap.has(id);\n        }\n    }\n    /**\n\t * Gets an index of an item in the collection.\n\t * When an item is not defined in the collection, the index will equal -1.\n\t *\n\t * @param itemOrId The item or its ID in the collection.\n\t * @returns The index of a given item.\n\t */ getIndex(itemOrId) {\n        let item;\n        if (typeof itemOrId == 'string') {\n            item = this._itemMap.get(itemOrId);\n        } else {\n            item = itemOrId;\n        }\n        return item ? this._items.indexOf(item) : -1;\n    }\n    /**\n\t * Removes an item from the collection.\n\t *\n\t * @param subject The item to remove, its ID or index in the collection.\n\t * @returns The removed item.\n\t * @fires remove\n\t * @fires change\n\t */ remove(subject) {\n        const [item, index] = this._remove(subject);\n        this.fire('change', {\n            added: [],\n            removed: [\n                item\n            ],\n            index\n        });\n        return item;\n    }\n    /**\n\t * Executes the callback for each item in the collection and composes an array or values returned by this callback.\n\t *\n\t * @typeParam U The result type of the callback.\n\t * @param callback\n\t * @param ctx Context in which the `callback` will be called.\n\t * @returns The result of mapping.\n\t */ map(callback, ctx) {\n        return this._items.map(callback, ctx);\n    }\n    /**\n\t * Performs the specified action for each item in the collection.\n\t *\n\t * @param ctx Context in which the `callback` will be called.\n\t */ forEach(callback, ctx) {\n        this._items.forEach(callback, ctx);\n    }\n    /**\n\t * Finds the first item in the collection for which the `callback` returns a true value.\n\t *\n\t * @param callback\n\t * @param ctx Context in which the `callback` will be called.\n\t * @returns The item for which `callback` returned a true value.\n\t */ find(callback, ctx) {\n        return this._items.find(callback, ctx);\n    }\n    /**\n\t * Returns an array with items for which the `callback` returned a true value.\n\t *\n\t * @param callback\n\t * @param ctx Context in which the `callback` will be called.\n\t * @returns The array with matching items.\n\t */ filter(callback, ctx) {\n        return this._items.filter(callback, ctx);\n    }\n    /**\n\t * Removes all items from the collection and destroys the binding created using\n\t * {@link #bindTo}.\n\t *\n\t * @fires remove\n\t * @fires change\n\t */ clear() {\n        if (this._bindToCollection) {\n            this.stopListening(this._bindToCollection);\n            this._bindToCollection = null;\n        }\n        const removedItems = Array.from(this._items);\n        while(this.length){\n            this._remove(0);\n        }\n        this.fire('change', {\n            added: [],\n            removed: removedItems,\n            index: 0\n        });\n    }\n    /**\n\t * Binds and synchronizes the collection with another one.\n\t *\n\t * The binding can be a simple factory:\n\t *\n\t * ```ts\n\t * class FactoryClass {\n\t * \tpublic label: string;\n\t *\n\t * \tconstructor( data: { label: string } ) {\n\t * \t\tthis.label = data.label;\n\t * \t}\n\t * }\n\t *\n\t * const source = new Collection<{ label: string }>( { idProperty: 'label' } );\n\t * const target = new Collection<FactoryClass>();\n\t *\n\t * target.bindTo( source ).as( FactoryClass );\n\t *\n\t * source.add( { label: 'foo' } );\n\t * source.add( { label: 'bar' } );\n\t *\n\t * console.log( target.length ); // 2\n\t * console.log( target.get( 1 ).label ); // 'bar'\n\t *\n\t * source.remove( 0 );\n\t * console.log( target.length ); // 1\n\t * console.log( target.get( 0 ).label ); // 'bar'\n\t * ```\n\t *\n\t * or the factory driven by a custom callback:\n\t *\n\t * ```ts\n\t * class FooClass {\n\t * \tpublic label: string;\n\t *\n\t * \tconstructor( data: { label: string } ) {\n\t * \t\tthis.label = data.label;\n\t * \t}\n\t * }\n\t *\n\t * class BarClass {\n\t * \tpublic label: string;\n\t *\n\t * \tconstructor( data: { label: string } ) {\n\t * \t\tthis.label = data.label;\n\t * \t}\n\t * }\n\t *\n\t * const source = new Collection<{ label: string }>( { idProperty: 'label' } );\n\t * const target = new Collection<FooClass | BarClass>();\n\t *\n\t * target.bindTo( source ).using( ( item ) => {\n\t * \tif ( item.label == 'foo' ) {\n\t * \t\treturn new FooClass( item );\n\t * \t} else {\n\t * \t\treturn new BarClass( item );\n\t * \t}\n\t * } );\n\t *\n\t * source.add( { label: 'foo' } );\n\t * source.add( { label: 'bar' } );\n\t *\n\t * console.log( target.length ); // 2\n\t * console.log( target.get( 0 ) instanceof FooClass ); // true\n\t * console.log( target.get( 1 ) instanceof BarClass ); // true\n\t * ```\n\t *\n\t * or the factory out of property name:\n\t *\n\t * ```ts\n\t * const source = new Collection<{ nested: { value: string } }>();\n\t * const target = new Collection<{ value: string }>();\n\t *\n\t * target.bindTo( source ).using( 'nested' );\n\t *\n\t * source.add( { nested: { value: 'foo' } } );\n\t * source.add( { nested: { value: 'bar' } } );\n\t *\n\t * console.log( target.length ); // 2\n\t * console.log( target.get( 0 ).value ); // 'foo'\n\t * console.log( target.get( 1 ).value ); // 'bar'\n\t * ```\n\t *\n\t * It's possible to skip specified items by returning null value:\n\t *\n\t * ```ts\n\t * const source = new Collection<{ hidden: boolean }>();\n\t * const target = new Collection<{ hidden: boolean }>();\n\t *\n\t * target.bindTo( source ).using( item => {\n\t * \tif ( item.hidden ) {\n\t * \t\treturn null;\n\t * \t}\n\t *\n\t * \treturn item;\n\t * } );\n\t *\n\t * source.add( { hidden: true } );\n\t * source.add( { hidden: false } );\n\t *\n\t * console.log( source.length ); // 2\n\t * console.log( target.length ); // 1\n\t * ```\n\t *\n\t * **Note**: {@link #clear} can be used to break the binding.\n\t *\n\t * @typeParam S The type of `externalCollection` element.\n\t * @param externalCollection A collection to be bound.\n\t * @returns The binding chain object.\n\t */ bindTo(externalCollection) {\n        if (this._bindToCollection) {\n            /**\n\t\t\t * The collection cannot be bound more than once.\n\t\t\t *\n\t\t\t * @error collection-bind-to-rebind\n\t\t\t */ throw new CKEditorError('collection-bind-to-rebind', this);\n        }\n        this._bindToCollection = externalCollection;\n        return {\n            as: (Class)=>{\n                this._setUpBindToBinding((item)=>new Class(item));\n            },\n            using: (callbackOrProperty)=>{\n                if (typeof callbackOrProperty == 'function') {\n                    this._setUpBindToBinding(callbackOrProperty);\n                } else {\n                    this._setUpBindToBinding((item)=>item[callbackOrProperty]);\n                }\n            }\n        };\n    }\n    /**\n\t * Finalizes and activates a binding initiated by {@link #bindTo}.\n\t *\n\t * @param factory A function which produces collection items.\n\t */ _setUpBindToBinding(factory) {\n        const externalCollection = this._bindToCollection;\n        // Adds the item to the collection once a change has been done to the external collection.\n        const addItem = (evt, externalItem, index)=>{\n            const isExternalBoundToThis = externalCollection._bindToCollection == this;\n            const externalItemBound = externalCollection._bindToInternalToExternalMap.get(externalItem);\n            // If an external collection is bound to this collection, which makes it a 2–way binding,\n            // and the particular external collection item is already bound, don't add it here.\n            // The external item has been created **out of this collection's item** and (re)adding it will\n            // cause a loop.\n            if (isExternalBoundToThis && externalItemBound) {\n                this._bindToExternalToInternalMap.set(externalItem, externalItemBound);\n                this._bindToInternalToExternalMap.set(externalItemBound, externalItem);\n            } else {\n                const item = factory(externalItem);\n                // When there is no item we need to remember skipped index first and then we can skip this item.\n                if (!item) {\n                    this._skippedIndexesFromExternal.push(index);\n                    return;\n                }\n                // Lets try to put item at the same index as index in external collection\n                // but when there are a skipped items in one or both collections we need to recalculate this index.\n                let finalIndex = index;\n                // When we try to insert item after some skipped items from external collection we need\n                // to include this skipped items and decrease index.\n                //\n                // For the following example:\n                // external -> [ 'A', 'B - skipped for internal', 'C - skipped for internal' ]\n                // internal -> [ A ]\n                //\n                // Another item is been added at the end of external collection:\n                // external.add( 'D' )\n                // external -> [ 'A', 'B - skipped for internal', 'C - skipped for internal', 'D' ]\n                //\n                // We can't just add 'D' to internal at the same index as index in external because\n                // this will produce empty indexes what is invalid:\n                // internal -> [ 'A', empty, empty, 'D' ]\n                //\n                // So we need to include skipped items and decrease index\n                // internal -> [ 'A', 'D' ]\n                for (const skipped of this._skippedIndexesFromExternal){\n                    if (index > skipped) {\n                        finalIndex--;\n                    }\n                }\n                // We need to take into consideration that external collection could skip some items from\n                // internal collection.\n                //\n                // For the following example:\n                // internal -> [ 'A', 'B - skipped for external', 'C - skipped for external' ]\n                // external -> [ A ]\n                //\n                // Another item is been added at the end of external collection:\n                // external.add( 'D' )\n                // external -> [ 'A', 'D' ]\n                //\n                // We need to include skipped items and place new item after them:\n                // internal -> [ 'A', 'B - skipped for external', 'C - skipped for external', 'D' ]\n                for (const skipped of externalCollection._skippedIndexesFromExternal){\n                    if (finalIndex >= skipped) {\n                        finalIndex++;\n                    }\n                }\n                this._bindToExternalToInternalMap.set(externalItem, item);\n                this._bindToInternalToExternalMap.set(item, externalItem);\n                this.add(item, finalIndex);\n                // After adding new element to internal collection we need update indexes\n                // of skipped items in external collection.\n                for(let i = 0; i < externalCollection._skippedIndexesFromExternal.length; i++){\n                    if (finalIndex <= externalCollection._skippedIndexesFromExternal[i]) {\n                        externalCollection._skippedIndexesFromExternal[i]++;\n                    }\n                }\n            }\n        };\n        // Load the initial content of the collection.\n        for (const externalItem of externalCollection){\n            addItem(null, externalItem, externalCollection.getIndex(externalItem));\n        }\n        // Synchronize the with collection as new items are added.\n        this.listenTo(externalCollection, 'add', addItem);\n        // Synchronize the with collection as new items are removed.\n        this.listenTo(externalCollection, 'remove', (evt, externalItem, index)=>{\n            const item = this._bindToExternalToInternalMap.get(externalItem);\n            if (item) {\n                this.remove(item);\n            }\n            // After removing element from external collection we need update/remove indexes\n            // of skipped items in internal collection.\n            this._skippedIndexesFromExternal = this._skippedIndexesFromExternal.reduce((result, skipped)=>{\n                if (index < skipped) {\n                    result.push(skipped - 1);\n                }\n                if (index > skipped) {\n                    result.push(skipped);\n                }\n                return result;\n            }, []);\n        });\n    }\n    /**\n\t * Returns an unique id property for a given `item`.\n\t *\n\t * The method will generate new id and assign it to the `item` if it doesn't have any.\n\t *\n\t * @param item Item to be added.\n\t */ _getItemIdBeforeAdding(item) {\n        const idProperty = this._idProperty;\n        let itemId;\n        if (idProperty in item) {\n            itemId = item[idProperty];\n            if (typeof itemId != 'string') {\n                /**\n\t\t\t\t * This item's ID should be a string.\n\t\t\t\t *\n\t\t\t\t * @error collection-add-invalid-id\n\t\t\t\t */ throw new CKEditorError('collection-add-invalid-id', this);\n            }\n            if (this.get(itemId)) {\n                /**\n\t\t\t\t * This item already exists in the collection.\n\t\t\t\t *\n\t\t\t\t * @error collection-add-item-already-exists\n\t\t\t\t */ throw new CKEditorError('collection-add-item-already-exists', this);\n            }\n        } else {\n            item[idProperty] = itemId = uid();\n        }\n        return itemId;\n    }\n    /**\n\t * Core {@link #remove} method implementation shared in other functions.\n\t *\n\t * In contrast this method **does not** fire the {@link #event:change} event.\n\t *\n\t * @param subject The item to remove, its id or index in the collection.\n\t * @returns Returns an array with the removed item and its index.\n\t * @fires remove\n\t */ _remove(subject) {\n        let index, id, item;\n        let itemDoesNotExist = false;\n        const idProperty = this._idProperty;\n        if (typeof subject == 'string') {\n            id = subject;\n            item = this._itemMap.get(id);\n            itemDoesNotExist = !item;\n            if (item) {\n                index = this._items.indexOf(item);\n            }\n        } else if (typeof subject == 'number') {\n            index = subject;\n            item = this._items[index];\n            itemDoesNotExist = !item;\n            if (item) {\n                id = item[idProperty];\n            }\n        } else {\n            item = subject;\n            id = item[idProperty];\n            index = this._items.indexOf(item);\n            itemDoesNotExist = index == -1 || !this._itemMap.get(id);\n        }\n        if (itemDoesNotExist) {\n            /**\n\t\t\t * Item not found.\n\t\t\t *\n\t\t\t * @error collection-remove-404\n\t\t\t */ throw new CKEditorError('collection-remove-404', this);\n        }\n        this._items.splice(index, 1);\n        this._itemMap.delete(id);\n        const externalItem = this._bindToInternalToExternalMap.get(item);\n        this._bindToInternalToExternalMap.delete(item);\n        this._bindToExternalToInternalMap.delete(externalItem);\n        this.fire('remove', item, index);\n        return [\n            item,\n            index\n        ];\n    }\n    /**\n\t * Iterable interface.\n\t */ [Symbol.iterator]() {\n        return this._items[Symbol.iterator]();\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/first\n */ /**\n * Returns first item of the given `iterator`.\n */ function first(iterator) {\n    const iteratorItem = iterator.next();\n    if (iteratorItem.done) {\n        return null;\n    }\n    return iteratorItem.value;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/nth\n */ /**\n * Returns `nth` (starts from `0` of course) item of the given `iterable`.\n *\n * If the iterable is a generator, then it consumes **all its items**.\n * If it's a normal iterator, then it consumes **all items up to the given index**.\n * Refer to the [Iterators and Generators](https://developer.mozilla.org/en/docs/Web/JavaScript/Guide/Iterators_and_Generators)\n * guide to learn differences between these interfaces.\n */ function nth(index, iterable) {\n    for (const item of iterable){\n        if (index === 0) {\n            return item;\n        }\n        index -= 1;\n    }\n    return null;\n}\n\n/**\n * Allows observing a group of DOM `Element`s or {@link module:ui/view~View view instances} whether at least one of them (or their child)\n * is focused.\n *\n * Used by the {@link module:core/editor/editor~Editor} in order to track whether the focus is still within the application,\n * or were used outside of its UI.\n *\n * **Note** `focus` and `blur` listeners use event capturing, so it is only needed to register wrapper `Element`\n * which contain other `focusable` elements. But note that this wrapper element has to be focusable too\n * (have e.g. `tabindex=\"-1\"`).\n *\n * Check out the {@glink framework/deep-dive/ui/focus-tracking \"Deep dive into focus tracking\"} guide to learn more.\n */ class FocusTracker extends /* #__PURE__ */ DomEmitterMixin(/* #__PURE__ */ ObservableMixin()) {\n    /**\n\t * List of registered DOM elements.\n\t *\n\t * @internal\n\t */ _elements = new Set();\n    /**\n\t * List of views with external focus trackers that contribute to the state of this focus tracker.\n\t *\n\t * @internal\n\t */ _externalViews = new Set();\n    /**\n\t * Asynchronous blur event timeout.\n\t */ _blurTimeout = null;\n    // @if CK_DEBUG_FOCUSTRACKER // public _label?: string;\n    constructor(){\n        super();\n        this.set('isFocused', false);\n        this.set('focusedElement', null);\n    // @if CK_DEBUG_FOCUSTRACKER // FocusTracker._instances.push( this );\n    }\n    /**\n\t * List of registered DOM elements.\n\t *\n\t * **Note**: The list does do not include elements from {@link #externalViews}.\n\t */ get elements() {\n        return Array.from(this._elements.values());\n    }\n    /**\n\t * List of external focusable views that contribute to the state of this focus tracker. See {@link #add} to learn more.\n\t */ get externalViews() {\n        return Array.from(this._externalViews.values());\n    }\n    /**\n\t * Starts tracking a specified DOM element or a {@link module:ui/view~View} instance.\n\t *\n\t * * If a DOM element is passed, the focus tracker listens to the `focus` and `blur` events on this element.\n\t * Tracked elements are listed in {@link #elements}.\n\t * * If a {@link module:ui/view~View} instance is passed that has a `FocusTracker` instance ({@link ~ViewWithFocusTracker}),\n\t * the external focus tracker's state ({@link #isFocused}, {@link #focusedElement}) starts contributing to the current tracker instance.\n\t * This allows for increasing the \"reach\" of a focus tracker instance, by connecting two or more focus trackers together when DOM\n\t * elements they track are located in different subtrees in DOM. External focus trackers are listed in {@link #externalViews}.\n\t * * If a {@link module:ui/view~View} instance is passed that has no `FocusTracker` (**not** a {@link ~ViewWithFocusTracker}),\n\t * its {@link module:ui/view~View#element} is used to track focus like any other DOM element.\n\t */ add(elementOrView) {\n        if (isElement(elementOrView)) {\n            this._addElement(elementOrView);\n        } else {\n            if (isViewWithFocusTracker(elementOrView)) {\n                this._addView(elementOrView);\n            } else {\n                if (!elementOrView.element) {\n                    /**\n\t\t\t\t\t * The {@link module:ui/view~View} added to the {@link module:utils/focustracker~FocusTracker} does not have an\n\t\t\t\t\t * {@link module:ui/view~View#element}. Make sure the view is {@link module:ui/view~View#render} before adding\n\t\t\t\t\t * it to the focus tracker.\n\t\t\t\t\t *\n\t\t\t\t\t * @error focustracker-add-view-missing-element\n\t\t\t\t\t */ throw new CKEditorError('focustracker-add-view-missing-element', {\n                        focusTracker: this,\n                        view: elementOrView\n                    });\n                }\n                this._addElement(elementOrView.element);\n            }\n        }\n    }\n    /**\n\t * Stops tracking focus in the specified DOM element or a {@link module:ui/view~View view instance}. See {@link #add} to learn more.\n\t */ remove(elementOrView) {\n        if (isElement(elementOrView)) {\n            this._removeElement(elementOrView);\n        } else {\n            if (isViewWithFocusTracker(elementOrView)) {\n                this._removeView(elementOrView);\n            } else {\n                // Assuming that if the view was successfully added, it must have come with an existing #element.\n                this._removeElement(elementOrView.element);\n            }\n        }\n    }\n    /**\n\t * Adds a DOM element to the focus tracker and starts listening to the `focus` and `blur` events on it.\n\t */ _addElement(element) {\n        if (this._elements.has(element)) {\n            /**\n\t\t\t * This element is already tracked by {@link module:utils/focustracker~FocusTracker}.\n\t\t\t *\n\t\t\t * @error focustracker-add-element-already-exist\n\t\t\t */ throw new CKEditorError('focustracker-add-element-already-exist', this);\n        }\n        this.listenTo(element, 'focus', ()=>{\n            // @if CK_DEBUG_FOCUSTRACKER // console.log( `\"${ getName( this ) }\": Focus with useCapture on DOM element` );\n            const externalFocusedViewInSubtree = this.externalViews.find((view)=>isExternalViewSubtreeFocused(element, view));\n            if (externalFocusedViewInSubtree) {\n                this._focus(externalFocusedViewInSubtree.element);\n            } else {\n                this._focus(element);\n            }\n        }, {\n            useCapture: true\n        });\n        this.listenTo(element, 'blur', ()=>{\n            // @if CK_DEBUG_FOCUSTRACKER // console.log( `\"${ getName( this ) }\": Blur with useCapture on DOM element` );\n            this._blur();\n        }, {\n            useCapture: true\n        });\n        this._elements.add(element);\n    }\n    /**\n\t * Removes a DOM element from the focus tracker.\n\t */ _removeElement(element) {\n        if (this._elements.has(element)) {\n            this.stopListening(element);\n            this._elements.delete(element);\n        }\n        if (element === this.focusedElement) {\n            this._blur();\n        }\n    }\n    /**\n\t * Adds an external {@link module:ui/view~View view instance} to this focus tracker and makes it contribute to this focus tracker's\n\t * state either by its `View#element` or by its `View#focusTracker` instance.\n\t */ _addView(view) {\n        if (view.element) {\n            this._addElement(view.element);\n        }\n        this.listenTo(view.focusTracker, 'change:focusedElement', ()=>{\n            // @if CK_DEBUG_FOCUSTRACKER // console.log(\n            // @if CK_DEBUG_FOCUSTRACKER // \t`\"${ getName( this ) }\": Related \"${ getName( view.focusTracker ) }\"#focusedElement = `,\n            // @if CK_DEBUG_FOCUSTRACKER // \tview.focusTracker.focusedElement\n            // @if CK_DEBUG_FOCUSTRACKER // );\n            if (view.focusTracker.focusedElement) {\n                if (view.element) {\n                    this._focus(view.element);\n                }\n            } else {\n                this._blur();\n            }\n        });\n        this._externalViews.add(view);\n    }\n    /**\n\t * Removes an external {@link module:ui/view~View view instance} from this focus tracker.\n\t */ _removeView(view) {\n        if (view.element) {\n            this._removeElement(view.element);\n        }\n        this.stopListening(view.focusTracker);\n        this._externalViews.delete(view);\n    }\n    /**\n\t * Destroys the focus tracker by:\n\t * - Disabling all event listeners attached to tracked elements or external views.\n\t * - Removing all tracked elements and views that were previously added.\n\t */ destroy() {\n        this.stopListening();\n        this._elements.clear();\n        this._externalViews.clear();\n        this.isFocused = false;\n        this.focusedElement = null;\n    }\n    /**\n\t * Stores currently focused element as {@link #focusedElement} and sets {@link #isFocused} `true`.\n\t */ _focus(element) {\n        // @if CK_DEBUG_FOCUSTRACKER // console.log( `\"${ getName( this ) }\": _focus() on element`, element );\n        this._clearBlurTimeout();\n        this.focusedElement = element;\n        this.isFocused = true;\n    }\n    /**\n\t * Clears currently {@link #focusedElement} and sets {@link #isFocused} `false`.\n\t *\n\t * This method uses `setTimeout()` to change order of `blur` and `focus` events calls, ensuring that moving focus between\n\t * two elements within a single focus tracker's scope, will not cause `[ blurA, focusB ]` sequence but just `[ focusB ]`.\n\t * The former would cause a momentary change of `#isFocused` to `false` which is not desired because any logic listening to\n\t * a focus tracker state would experience UI flashes and glitches as the user focus travels across the UI.\n\t */ _blur() {\n        const isAnyElementFocused = this.elements.find((element)=>element.contains(document.activeElement));\n        // Avoid blurs originating from external FTs when the focus still remains in one of the #elements.\n        if (isAnyElementFocused) {\n            return;\n        }\n        const isAnyExternalViewFocused = this.externalViews.find((view)=>{\n            // Do not consider external views's focus trackers as focused if there's a blur timeout pending.\n            return view.focusTracker.isFocused && !view.focusTracker._blurTimeout;\n        });\n        // Avoid unnecessary DOM blurs coming from #elements when the focus still remains in one of #externalViews.\n        if (isAnyExternalViewFocused) {\n            return;\n        }\n        this._clearBlurTimeout();\n        this._blurTimeout = setTimeout(()=>{\n            // @if CK_DEBUG_FOCUSTRACKER // console.log( `\"${ getName( this ) }\": Blur.` );\n            this.focusedElement = null;\n            this.isFocused = false;\n        }, 0);\n    }\n    /**\n\t * Clears the asynchronous blur event timeout on demand. See {@link #_blur} to learn more.\n\t */ _clearBlurTimeout() {\n        clearTimeout(this._blurTimeout);\n        this._blurTimeout = null;\n    }\n}\n/**\n * Checks whether a view is an instance of {@link ~ViewWithFocusTracker}.\n */ function isViewWithFocusTracker(view) {\n    return 'focusTracker' in view && view.focusTracker instanceof FocusTracker;\n}\nfunction isElement(value) {\n    return isElement$1(value);\n}\nfunction isExternalViewSubtreeFocused(subTreeRoot, view) {\n    if (isFocusedView(subTreeRoot, view)) {\n        return true;\n    }\n    return !!view.focusTracker.externalViews.find((view)=>isFocusedView(subTreeRoot, view));\n}\nfunction isFocusedView(subTreeRoot, view) {\n    // Note: You cannot depend on externalView.focusTracker.focusedElement because blurs are asynchronous and the value may\n    // be outdated when moving focus between two elements. Using document.activeElement instead.\n    return !!view.element && view.element.contains(document.activeElement) && subTreeRoot.contains(view.element);\n} // @if CK_DEBUG_FOCUSTRACKER // declare global {\n // @if CK_DEBUG_FOCUSTRACKER // \tinterface Window {\n // @if CK_DEBUG_FOCUSTRACKER // \t\tlogFocusTrackers: Function;\n // @if CK_DEBUG_FOCUSTRACKER // \t}\n // @if CK_DEBUG_FOCUSTRACKER // }\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // function getName( focusTracker: FocusTracker ): string {\n // @if CK_DEBUG_FOCUSTRACKER // \treturn focusTracker._label || 'Unknown';\n // @if CK_DEBUG_FOCUSTRACKER // }\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // function logState(\n // @if CK_DEBUG_FOCUSTRACKER // \tfocusTracker: FocusTracker,\n // @if CK_DEBUG_FOCUSTRACKER // \tkeysToLog: Array<string> = [ 'isFocused', 'focusedElement' ]\n // @if CK_DEBUG_FOCUSTRACKER // ): string {\n // @if CK_DEBUG_FOCUSTRACKER // \tkeysToLog.forEach( key => { console.log( `${ key }=`, focusTracker[ key ] ) } );\n // @if CK_DEBUG_FOCUSTRACKER // \tconsole.log( 'elements', focusTracker.elements );\n // @if CK_DEBUG_FOCUSTRACKER // \tconsole.log( 'externalViews', focusTracker.externalViews );\n // @if CK_DEBUG_FOCUSTRACKER // }\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // window.logFocusTrackers = (\n // @if CK_DEBUG_FOCUSTRACKER // \tfilter = () => true,\n // @if CK_DEBUG_FOCUSTRACKER // \tkeysToLog: Array<string>\n // @if CK_DEBUG_FOCUSTRACKER // ): void => {\n // @if CK_DEBUG_FOCUSTRACKER // \tconsole.group( 'FocusTrackers' );\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // \tfor ( const focusTracker of FocusTracker._instances ) {\n // @if CK_DEBUG_FOCUSTRACKER // \t\tif ( filter( focusTracker ) ) {\n // @if CK_DEBUG_FOCUSTRACKER // \t\t\tconsole.group( `\"${ getName( focusTracker ) }\"` );\n // @if CK_DEBUG_FOCUSTRACKER // \t\t\tlogState( focusTracker, keysToLog );\n // @if CK_DEBUG_FOCUSTRACKER // \t\t\tconsole.groupEnd();\n // @if CK_DEBUG_FOCUSTRACKER // \t\t}\n // @if CK_DEBUG_FOCUSTRACKER // \t}\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // \tconsole.groupEnd();\n // @if CK_DEBUG_FOCUSTRACKER // };\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // window.logFocusTrackerTree = (\n // @if CK_DEBUG_FOCUSTRACKER // \trootFocusTracker: FocusTracker,\n // @if CK_DEBUG_FOCUSTRACKER // \tfilter = () => true,\n // @if CK_DEBUG_FOCUSTRACKER // \tkeysToLog: Array<string>\n // @if CK_DEBUG_FOCUSTRACKER // ): void => {\n // @if CK_DEBUG_FOCUSTRACKER // \tconsole.group( 'FocusTrackers tree' );\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // \tlogBranch( rootFocusTracker, filter );\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // \tfunction logBranch( focusTracker, filter ) {\n // @if CK_DEBUG_FOCUSTRACKER // \t\tconsole.group( `\"${ getName( focusTracker ) }\"` );\n // @if CK_DEBUG_FOCUSTRACKER // \t\tlogState( focusTracker, keysToLog );\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // \t\tfor ( const externalView of focusTracker.externalViews ) {\n // @if CK_DEBUG_FOCUSTRACKER // \t\t\tif ( filter( externalView.focusTracker ) ) {\n // @if CK_DEBUG_FOCUSTRACKER // \t\t\t\tlogBranch( externalView.focusTracker, filter );\n // @if CK_DEBUG_FOCUSTRACKER // \t\t\t}\n // @if CK_DEBUG_FOCUSTRACKER // \t\t}\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // \t\tconsole.groupEnd();\n // @if CK_DEBUG_FOCUSTRACKER // \t}\n // @if CK_DEBUG_FOCUSTRACKER //\n // @if CK_DEBUG_FOCUSTRACKER // \tconsole.groupEnd();\n // @if CK_DEBUG_FOCUSTRACKER // };\n\n/**\n * Keystroke handler allows registering callbacks for given keystrokes.\n *\n * The most frequent use of this class is through the {@link module:core/editor/editor~Editor#keystrokes `editor.keystrokes`}\n * property. It allows listening to keystrokes executed in the editing view:\n *\n * ```ts\n * editor.keystrokes.set( 'Ctrl+A', ( keyEvtData, cancel ) => {\n * \tconsole.log( 'Ctrl+A has been pressed' );\n * \tcancel();\n * } );\n * ```\n *\n * However, this utility class can be used in various part of the UI. For instance, a certain {@link module:ui/view~View}\n * can use it like this:\n *\n * ```ts\n * class MyView extends View {\n * \tconstructor() {\n * \t\tthis.keystrokes = new KeystrokeHandler();\n *\n * \t\tthis.keystrokes.set( 'tab', handleTabKey );\n * \t}\n *\n * \trender() {\n * \t\tsuper.render();\n *\n * \t\tthis.keystrokes.listenTo( this.element );\n * \t}\n * }\n * ```\n *\n * That keystroke handler will listen to `keydown` events fired in this view's main element.\n *\n */ class KeystrokeHandler {\n    /**\n\t * Listener used to listen to events for easier keystroke handler destruction.\n\t */ _listener;\n    /**\n\t * Creates an instance of the keystroke handler.\n\t */ constructor(){\n        this._listener = new (DomEmitterMixin())();\n    }\n    /**\n\t * Starts listening for `keydown` events from a given emitter.\n\t */ listenTo(emitter) {\n        // The #_listener works here as a kind of dispatcher. It groups the events coming from the same\n        // keystroke so the listeners can be attached to them with different priorities.\n        //\n        // E.g. all the keystrokes with the `keyCode` of 42 coming from the `emitter` are propagated\n        // as a `_keydown:42` event by the `_listener`. If there's a callback created by the `set`\n        // method for this 42 keystroke, it listens to the `_listener#_keydown:42` event only and interacts\n        // only with other listeners of this particular event, thus making it possible to prioritize\n        // the listeners and safely cancel execution, when needed. Instead of duplicating the Emitter logic,\n        // the KeystrokeHandler re–uses it to do its job.\n        this._listener.listenTo(emitter, 'keydown', (evt, keyEvtData)=>{\n            this._listener.fire('_keydown:' + getCode(keyEvtData), keyEvtData);\n        });\n    }\n    /**\n\t * Registers a handler for the specified keystroke.\n\t *\n\t * @param keystroke Keystroke defined in a format accepted by\n\t * the {@link module:utils/keyboard~parseKeystroke} function.\n\t * @param callback A function called with the\n\t * {@link module:engine/view/observer/keyobserver~ViewDocumentKeyEventData key event data} object and\n\t * a helper function to call both `preventDefault()` and `stopPropagation()` on the underlying event.\n\t * @param options Additional options.\n\t */ set(keystroke, callback, options = {}) {\n        const keyCode = parseKeystroke(keystroke);\n        const priority = options.priority;\n        // Execute the passed callback on KeystrokeHandler#_keydown.\n        // TODO: https://github.com/ckeditor/ckeditor5-utils/issues/144\n        this._listener.listenTo(this._listener, '_keydown:' + keyCode, (evt, keyEvtData)=>{\n            if (options.filter && !options.filter(keyEvtData)) {\n                return;\n            }\n            callback(keyEvtData, ()=>{\n                // Stop the event in the DOM: no listener in the web page\n                // will be triggered by this event.\n                keyEvtData.preventDefault();\n                keyEvtData.stopPropagation();\n                // Stop the event in the KeystrokeHandler: no more callbacks\n                // will be executed for this keystroke.\n                evt.stop();\n            });\n            // Mark this keystroke as handled by the callback. See: #press.\n            evt.return = true;\n        }, {\n            priority\n        });\n    }\n    /**\n\t * Triggers a keystroke handler for a specified key combination, if such a keystroke was {@link #set defined}.\n\t *\n\t * @param keyEvtData Key event data.\n\t * @returns Whether the keystroke was handled.\n\t */ press(keyEvtData) {\n        return !!this._listener.fire('_keydown:' + getCode(keyEvtData), keyEvtData);\n    }\n    /**\n\t * Stops listening to `keydown` events from the given emitter.\n\t */ stopListening(emitter) {\n        this._listener.stopListening(emitter);\n    }\n    /**\n\t * Destroys the keystroke handler.\n\t */ destroy() {\n        this.stopListening();\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/objecttomap\n */ /**\n * Transforms object to map.\n *\n * ```ts\n * const map = objectToMap( { 'foo': 1, 'bar': 2 } );\n * map.get( 'foo' ); // 1\n * ```\n *\n * **Note**: For mixed data (`Object` or `Iterable`) there's a dedicated {@link module:utils/tomap~toMap} function.\n *\n * @param obj Object to transform.\n * @returns Map created from object.\n */ function objectToMap(obj) {\n    const map = new Map();\n    for(const key in obj){\n        map.set(key, obj[key]);\n    }\n    return map;\n}\n\n/**\n * Transforms object or iterable to map. Iterable needs to be in the format acceptable by the `Map` constructor.\n *\n * ```ts\n * map = toMap( { 'foo': 1, 'bar': 2 } );\n * map = toMap( [ [ 'foo', 1 ], [ 'bar', 2 ] ] );\n * map = toMap( anotherMap );\n * ```\n *\n * @param data Object or iterable to transform.\n * @returns Map created from data.\n */ function toMap(data) {\n    if (isIterable(data)) {\n        return new Map(data);\n    } else {\n        return objectToMap(data);\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/mapsequal\n */ /**\n * Checks whether given `Map`s are equal, that is has same size and same key-value pairs.\n *\n * @param mapA The first map to compare.\n * @param mapB The second map to compare.\n * @returns `true` if given maps are equal, `false` otherwise.\n */ function mapsEqual(mapA, mapB) {\n    if (mapA.size != mapB.size) {\n        return false;\n    }\n    for (const attr of mapA.entries()){\n        const valA = JSON.stringify(attr[1]);\n        const valB = JSON.stringify(mapB.get(attr[0]));\n        if (valA !== valB) {\n            return false;\n        }\n    }\n    return true;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/wait\n */ /**\n * Returns a promise that is resolved after the specified time.\n *\n * @param timeout The time in milliseconds to wait.\n * @param options.signal A signal to abort the waiting.\n */ function wait(timeout, options = {}) {\n    return new Promise((resolve, reject)=>{\n        const signal = options.signal || new AbortController().signal;\n        signal.throwIfAborted();\n        const timer = setTimeout(timeoutHandler, timeout);\n        signal.addEventListener('abort', abortHandler, {\n            once: true\n        });\n        function timeoutHandler() {\n            signal.removeEventListener('abort', abortHandler);\n            resolve();\n        }\n        function abortHandler() {\n            clearTimeout(timer);\n            reject(signal.reason);\n        }\n    });\n}\n\n/**\n * Tries calling the given callback until it sucessfully resolves.\n *\n * If the callback fails `maxAttempts` times, the returned promise is rejected with the last error.\n *\n * @typeParam TResult The result of a successful callback invocation.\n * @param callback The function to call until it succeeds.\n * @param options Configuration options.\n * @param options.maxAttempts Maximum number of attempts.\n * @param options.retryDelay The time in milliseconds between attempts. By default it implements exponential back-off policy.\n * @param options.signal The signal to abort further retries. The callback itself is not aborted automatically.\n */ async function retry(callback, options = {}) {\n    const { maxAttempts = 4, retryDelay = exponentialDelay(), signal = new AbortController().signal } = options;\n    signal.throwIfAborted();\n    for(let attempt = 0;; attempt++){\n        try {\n            return await callback();\n        } catch (err) {\n            const isLast = attempt + 1 >= maxAttempts;\n            if (isLast) {\n                throw err;\n            }\n        }\n        await wait(retryDelay(attempt), {\n            signal\n        });\n    }\n}\n/**\n * Creates a function that calculates exponential back-off delay. Pass it as `options.retryDelay` to {@link ~retry}.\n *\n * @param options.delay Base delay between invocations. Defaults to 1s.\n * @param options.factor How much to increase the delay. Defaults to 2x.\n * @param options.maxDelay Maximum timeout. Even if higher timeout is calculated, it cannot get higher than this value. Default to 10s.\n * @returns The function calculating the delay.\n */ function exponentialDelay(options = {}) {\n    const { delay = 1000, factor = 2, maxDelay = 10000 } = options;\n    return (attempt)=>Math.min(factor ** attempt * delay, maxDelay);\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/splicearray\n */ /**\n * Splices one array into another. To be used instead of `Array.prototype.splice` for better\n * performance and because the latter may throw \"Maximum call stack size exceeded\" error when\n * passing huge number of items to insert.\n *\n * ```ts\n * spliceArray( [ 1, 2 ], [ 3, 4 ], 0 );\t// [ 3, 4, 1, 2 ]\n * spliceArray( [ 1, 2 ], [ 3, 4 ], 1 );\t// [ 1, 3, 4, 2 ]\n * spliceArray( [ 1, 2 ], [ 3, 4 ], 2 );\t// [ 1, 2, 3, 4 ]\n * spliceArray( [ 1, 2 ], [],       0 );\t// [ 1, 2 ]\n * ```\n *\n * @param targetArray Array to be spliced.\n * @param insertArray Array of elements to be inserted to target.\n * @param index Index at which nodes should be inserted.\n *\n * @returns New spliced array.\n */ function spliceArray(targetArray, insertArray, index) {\n    const originalLength = targetArray.length;\n    const insertLength = insertArray.length;\n    // Shift elements in the target array to make space for insertArray\n    for(let i = originalLength - 1; i >= index; i--){\n        targetArray[i + insertLength] = targetArray[i];\n    }\n    // Copy elements from insertArray into the target array\n    for(let i = 0; i < insertLength; i++){\n        targetArray[index + i] = insertArray[i];\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/delay\n */ /**\n * Returns a function wrapper that will trigger a function after a specified wait time.\n * The timeout can be canceled by calling the cancel function on the returned wrapped function.\n *\n * @param func The function to wrap.\n * @param wait The timeout in ms.\n */ function delay(func, wait) {\n    let timer;\n    function delayed(...args) {\n        delayed.cancel();\n        timer = setTimeout(()=>func(...args), wait);\n    }\n    delayed.cancel = ()=>{\n        clearTimeout(timer);\n    };\n    return delayed;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/parsebase64encodedobject\n */ /**\n * Parses a base64-encoded object and returns the decoded object, or null if the decoding was unsuccessful.\n */ function parseBase64EncodedObject(encoded) {\n    try {\n        if (!encoded.startsWith('ey')) {\n            return null;\n        }\n        const decoded = atob(encoded.replace(/-/g, '+').replace(/_/g, '/'));\n        return JSON.parse(decoded);\n    } catch  {\n        return null;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/crc32\n */ /**\n * Generates a CRC lookup table.\n * This function creates and returns a 256-element array of pre-computed CRC values for quick CRC calculation.\n * It uses the polynomial 0xEDB88320 to compute each value in the loop, optimizing future CRC calculations.\n */ function makeCrcTable() {\n    const crcTable = [];\n    for(let n = 0; n < 256; n++){\n        let c = n;\n        for(let k = 0; k < 8; k++){\n            if (c & 1) {\n                c = 0xEDB88320 ^ c >>> 1;\n            } else {\n                c = c >>> 1;\n            }\n        }\n        crcTable[n] = c;\n    }\n    return crcTable;\n}\n/**\n * Calculates CRC-32 checksum for a given inputData to verify the integrity of data.\n *\n * @param inputData Accepts a single value (string, number, boolean), an array of strings, or an array of all of the above types.\n * Non-string values are converted to strings before calculating the checksum.\n * The checksum calculation is based on the concatenated string representation of the input values:\n * * `crc32('foo')` is equivalent to `crc32(['foo'])`\n * * `crc32(123)` is equivalent to `crc32(['123'])`\n * * `crc32(true)` is equivalent to `crc32(['true'])`\n * * `crc32(['foo', 123, true])` produces the same result as `crc32('foo123true')`\n * * Nested arrays of strings are flattened, so `crc32([['foo', 'bar'], 'baz'])` is equivalent to `crc32(['foobar', 'baz'])`\n *\n * @returns The CRC-32 checksum, returned as a hexadecimal string.\n */ function crc32(inputData) {\n    const dataArray = Array.isArray(inputData) ? inputData : [\n        inputData\n    ];\n    const crcTable = makeCrcTable();\n    let crc = 0 ^ -1;\n    // Convert data to a single string.\n    const dataString = dataArray.map((item)=>{\n        if (Array.isArray(item)) {\n            return item.join('');\n        }\n        return String(item);\n    }).join('');\n    // Calculate the CRC for the resulting string.\n    for(let i = 0; i < dataString.length; i++){\n        const byte = dataString.charCodeAt(i);\n        crc = crc >>> 8 ^ crcTable[(crc ^ byte) & 0xFF];\n    }\n    crc = (crc ^ -1) >>> 0; // Force unsigned integer.\n    return crc.toString(16).padStart(8, '0');\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/collectstylesheets\n */ /**\n * A helper function for getting concatenated CSS rules from external stylesheets.\n *\n * @param stylesheets An array of stylesheet paths delivered by the user through the plugin configuration.\n */ async function collectStylesheets(stylesheets) {\n    if (!stylesheets) {\n        return '';\n    }\n    const results = await Promise.all(stylesheets.map(async (stylesheet)=>{\n        if (stylesheet === 'EDITOR_STYLES') {\n            return getEditorStyles();\n        }\n        const response = await window.fetch(stylesheet);\n        return response.text();\n    }));\n    return results.join(' ').trim();\n}\n/**\n * A helper function for getting the basic editor content styles for the `.ck-content` class\n * and all CSS variables defined in the document.\n */ function getEditorStyles() {\n    const editorStyles = [];\n    const editorCSSVariables = [];\n    for (const styleSheet of Array.from(document.styleSheets)){\n        const ownerNode = styleSheet.ownerNode;\n        if (ownerNode.hasAttribute('data-cke')) {\n            for (const rule of Array.from(styleSheet.cssRules)){\n                if (rule.cssText.indexOf('.ck-content') !== -1) {\n                    editorStyles.push(rule.cssText);\n                } else if (rule.cssText.indexOf(':root') !== -1) {\n                    editorCSSVariables.push(rule.cssText);\n                }\n            }\n        }\n    }\n    if (!editorStyles.length) {\n        console.warn('The editor stylesheet could not be found in the document. ' + 'Check your webpack config - style-loader should use data-cke=true attribute for the editor stylesheet.');\n    }\n    // We want to trim the returned value in case of `[ \"\", \"\", ... ]`.\n    return [\n        ...editorCSSVariables,\n        ...editorStyles\n    ].join(' ').trim();\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/formathtml\n */ /**\n * A simple (and naive) HTML code formatter that returns a formatted HTML markup that can be easily\n * parsed by human eyes. It beautifies the HTML code by adding new lines between elements that behave like block elements\n * (https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements\n * and a few more like `tr`, `td`, and similar ones) and inserting indents for nested content.\n *\n * WARNING: This function works only on a text that does not contain any indentations or new lines.\n * Calling this function on the already formatted text will damage the formatting.\n *\n * @param input An HTML string to format.\n */ function formatHtml(input) {\n    // A list of block-like elements around which the new lines should be inserted, and within which\n    // the indentation of their children should be increased.\n    // The list is partially based on https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements that contains\n    // a full list of HTML block-level elements.\n    // A void element is an element that cannot have any child - https://html.spec.whatwg.org/multipage/syntax.html#void-elements.\n    // Note that <pre> element is not listed on this list to avoid breaking whitespace formatting.\n    // Note that <br> element is not listed and handled separately so no additional white spaces are injected.\n    const elementsToFormat = [\n        {\n            name: 'address',\n            isVoid: false\n        },\n        {\n            name: 'article',\n            isVoid: false\n        },\n        {\n            name: 'aside',\n            isVoid: false\n        },\n        {\n            name: 'blockquote',\n            isVoid: false\n        },\n        {\n            name: 'details',\n            isVoid: false\n        },\n        {\n            name: 'dialog',\n            isVoid: false\n        },\n        {\n            name: 'dd',\n            isVoid: false\n        },\n        {\n            name: 'div',\n            isVoid: false\n        },\n        {\n            name: 'dl',\n            isVoid: false\n        },\n        {\n            name: 'dt',\n            isVoid: false\n        },\n        {\n            name: 'fieldset',\n            isVoid: false\n        },\n        {\n            name: 'figcaption',\n            isVoid: false\n        },\n        {\n            name: 'figure',\n            isVoid: false\n        },\n        {\n            name: 'footer',\n            isVoid: false\n        },\n        {\n            name: 'form',\n            isVoid: false\n        },\n        {\n            name: 'h1',\n            isVoid: false\n        },\n        {\n            name: 'h2',\n            isVoid: false\n        },\n        {\n            name: 'h3',\n            isVoid: false\n        },\n        {\n            name: 'h4',\n            isVoid: false\n        },\n        {\n            name: 'h5',\n            isVoid: false\n        },\n        {\n            name: 'h6',\n            isVoid: false\n        },\n        {\n            name: 'header',\n            isVoid: false\n        },\n        {\n            name: 'hgroup',\n            isVoid: false\n        },\n        {\n            name: 'hr',\n            isVoid: true\n        },\n        {\n            name: 'li',\n            isVoid: false\n        },\n        {\n            name: 'main',\n            isVoid: false\n        },\n        {\n            name: 'nav',\n            isVoid: false\n        },\n        {\n            name: 'ol',\n            isVoid: false\n        },\n        {\n            name: 'p',\n            isVoid: false\n        },\n        {\n            name: 'section',\n            isVoid: false\n        },\n        {\n            name: 'table',\n            isVoid: false\n        },\n        {\n            name: 'tbody',\n            isVoid: false\n        },\n        {\n            name: 'td',\n            isVoid: false\n        },\n        {\n            name: 'th',\n            isVoid: false\n        },\n        {\n            name: 'thead',\n            isVoid: false\n        },\n        {\n            name: 'tr',\n            isVoid: false\n        },\n        {\n            name: 'ul',\n            isVoid: false\n        }\n    ];\n    const elementNamesToFormat = elementsToFormat.map((element)=>element.name).join('|');\n    // It is not the fastest way to format the HTML markup but the performance should be good enough.\n    const lines = input// Add new line before and after `<tag>` and `</tag>`.\n    // It may separate individual elements with two new lines, but this will be fixed below.\n    .replace(new RegExp(`</?(${elementNamesToFormat})( .*?)?>`, 'g'), '\\n$&\\n')// Keep `<br>`s at the end of line to avoid adding additional whitespaces before `<br>`.\n    .replace(/<br[^>]*>/g, '$&\\n')// Divide input string into lines, which start with either an opening tag, a closing tag, or just a text.\n    .split('\\n');\n    let indentCount = 0;\n    let isPreformattedLine = false;\n    return lines.map((line)=>{\n        isPreformattedLine = isPreformattedBlockLine(line, isPreformattedLine);\n        // Ignore empty lines outside a <pre> block.\n        if (!line.length && !isPreformattedLine) {\n            return '';\n        }\n        if (isNonVoidOpeningTag(line, elementsToFormat)) {\n            return indentLine(line, indentCount++);\n        }\n        if (isClosingTag(line, elementsToFormat)) {\n            return indentLine(line, --indentCount);\n        }\n        if (isPreformattedLine === 'middle' || isPreformattedLine === 'last') {\n            return indentLine(line, 0);\n        }\n        return indentLine(line, indentCount);\n    }).join('').trimEnd();\n}\n/**\n * Checks, if an argument is an opening tag of a non-void element to be formatted.\n *\n * @param line String to check.\n * @param elementsToFormat Elements to be formatted.\n */ function isNonVoidOpeningTag(line, elementsToFormat) {\n    return elementsToFormat.some((element)=>{\n        if (element.isVoid) {\n            return false;\n        }\n        if (!new RegExp(`<${element.name}( .*?)?>`).test(line)) {\n            return false;\n        }\n        return true;\n    });\n}\n/**\n * Checks, if an argument is a closing tag.\n *\n * @param line String to check.\n * @param elementsToFormat Elements to be formatted.\n */ function isClosingTag(line, elementsToFormat) {\n    return elementsToFormat.some((element)=>{\n        return new RegExp(`</${element.name}>`).test(line);\n    });\n}\n/**\n * Indents a line by a specified number of characters.\n *\n * @param line Line to indent.\n * @param indentCount Number of characters to use for indentation.\n * @param indentChar Indentation character(s). 4 spaces by default.\n */ function indentLine(line, indentCount, indentChar = '    ') {\n    // More about Math.max() here in https://github.com/ckeditor/ckeditor5/issues/10698.\n    return `${indentChar.repeat(Math.max(0, indentCount))}${line}\\n`;\n}\n/**\n * Checks whether a line belongs to a preformatted (`<pre>`) block.\n *\n * @param line Line to check.\n * @param isPreviousLinePreFormatted Information on whether the previous line was preformatted (and how).\n */ function isPreformattedBlockLine(line, isPreviousLinePreFormatted) {\n    const isPreOpen = /<pre( .*?)?>/.test(line);\n    const isPreClose = /<\\/pre>/.test(line);\n    if (isPreOpen && isPreClose) {\n        // If both an opening and closing a <pre> tag, no special treatment needed.\n        return false;\n    } else if (isPreOpen) {\n        return 'first';\n    } else if (isPreClose) {\n        return 'last';\n    } else if (isPreviousLinePreFormatted === 'first' || isPreviousLinePreFormatted === 'middle') {\n        // This line is just after a 'first' or 'middle' line of a multi-line pre-block.\n        return 'middle';\n    } else {\n        return false;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * Set of utils to handle unicode characters.\n *\n * @module utils/unicode\n */ /**\n * Checks whether given `character` is a combining mark.\n *\n * @param character Character to check.\n */ function isCombiningMark(character) {\n    // eslint-disable-next-line no-misleading-character-class\n    return !!character && character.length == 1 && /[\\u0300-\\u036f\\u1ab0-\\u1aff\\u1dc0-\\u1dff\\u20d0-\\u20ff\\ufe20-\\ufe2f]/.test(character);\n}\n/**\n * Checks whether given `character` is a high half of surrogate pair.\n *\n * Using UTF-16 terminology, a surrogate pair denotes UTF-16 character using two UTF-8 characters. The surrogate pair\n * consist of high surrogate pair character followed by low surrogate pair character.\n *\n * @param character Character to check.\n */ function isHighSurrogateHalf(character) {\n    return !!character && character.length == 1 && /[\\ud800-\\udbff]/.test(character);\n}\n/**\n * Checks whether given `character` is a low half of surrogate pair.\n *\n * Using UTF-16 terminology, a surrogate pair denotes UTF-16 character using two UTF-8 characters. The surrogate pair\n * consist of high surrogate pair character followed by low surrogate pair character.\n *\n * @param character Character to check.\n */ function isLowSurrogateHalf(character) {\n    return !!character && character.length == 1 && /[\\udc00-\\udfff]/.test(character);\n}\n/**\n * Checks whether given offset in a string is inside a surrogate pair (between two surrogate halves).\n *\n * @param string String to check.\n * @param offset Offset to check.\n */ function isInsideSurrogatePair(string, offset) {\n    return isHighSurrogateHalf(string.charAt(offset - 1)) && isLowSurrogateHalf(string.charAt(offset));\n}\n/**\n * Checks whether given offset in a string is between base character and combining mark or between two combining marks.\n *\n * @param string String to check.\n * @param offset Offset to check.\n */ function isInsideCombinedSymbol(string, offset) {\n    return isCombiningMark(string.charAt(offset));\n}\nconst EMOJI_PATTERN = /* #__PURE__ */ buildEmojiRegexp();\n/**\n * Checks whether given offset in a string is inside multi-character emoji sequence.\n *\n * @param string String to check.\n * @param offset Offset to check.\n */ function isInsideEmojiSequence(string, offset) {\n    const matches = String(string).matchAll(EMOJI_PATTERN);\n    return Array.from(matches).some((match)=>match.index < offset && offset < match.index + match[0].length);\n}\nfunction buildEmojiRegexp() {\n    const parts = [\n        // Emoji Tag Sequence (ETS)\n        /\\p{Emoji}[\\u{E0020}-\\u{E007E}]+\\u{E007F}/u,\n        // Emoji Keycap Sequence\n        /\\p{Emoji}\\u{FE0F}?\\u{20E3}/u,\n        // Emoji Presentation Sequence\n        /\\p{Emoji}\\u{FE0F}/u,\n        // Single-Character Emoji / Emoji Modifier Sequence\n        /(?=\\p{General_Category=Other_Symbol})\\p{Emoji}\\p{Emoji_Modifier}*/u\n    ];\n    const flagSequence = /\\p{Regional_Indicator}{2}/u.source;\n    const emoji = '(?:' + parts.map((part)=>part.source).join('|') + ')';\n    const sequence = `${flagSequence}|${emoji}(?:\\u{200D}${emoji})*`;\n    return new RegExp(sequence, 'ug');\n}\n\n/**\n * Parses the provided license key and returns the decoded object, or null if the decoding was unsuccessful.\n *\n * @param licenseKey The license key to decode.\n */ function decodeLicenseKey(licenseKey) {\n    if (!licenseKey) {\n        return null;\n    }\n    const encodedPayload = getLicenseKeyPayload(licenseKey);\n    if (!encodedPayload) {\n        return null;\n    }\n    return parseBase64EncodedObject(encodedPayload);\n}\nfunction getLicenseKeyPayload(licenseKey) {\n    const parts = licenseKey.split('.');\n    if (parts.length != 3) {\n        return null;\n    }\n    return parts[1];\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module utils/isfeatureblockedbylicensekey\n */ /**\n * Checks whether a feature (represented by an unique id) is blocked by the provided license key.\n *\n * @param licensePayload Decoded license key.\n * @param licenseFeatureCode An unique feature id to check.\n */ function isFeatureBlockedByLicenseKey(licensePayload, licenseFeatureCode) {\n    const blockedFeatures = licensePayload.removeFeatures || [];\n    return blockedFeatures.includes(licenseFeatureCode);\n}\n\nexport { CKEditorError, Collection, Config, DOCUMENTATION_URL, DomEmitterMixin, ElementReplacer, EmitterMixin, EventInfo, FocusTracker, KeystrokeHandler, Locale, ObservableMixin, Rect, ResizeObserver, _clear as _clearTranslations, _getEmitterId, _getEmitterListenedTo, getUserAgent as _getUserAgent, isAndroid as _isAndroid, isBlink as _isBlink, isGecko as _isGecko, isMac as _isMac, isMediaForcedColors as _isMediaForcedColors, isMotionReduced as _isMotionReduced, isRegExpUnicodePropertySupported as _isRegExpUnicodePropertySupported, isSafari as _isSafari, isWindows as _isWindows, isiOS as _isiOS, _setEmitterId, _translate, _unifyTranslations, abortableDebounce, add, areConnectedThroughProperties, collectStylesheets, compareArrays, count, crc32, createElement, decodeLicenseKey, delay, diff, diffToChanges, env, exponentialDelay, fastDiff, findClosestScrollableAncestor, first, formatHtml, getAncestors, getBorderWidths, getCode, getCommonAncestor, getConstrainedViewportRect, getDataFromElement, getEnvKeystrokeText, getLanguageDirection, getLocalizedArrowKeyCodeDirection, getOptimalPosition, getPositionedAncestor, getRangeFromMouseEvent, getVisualViewportOffset, globalVar as global, indexOf, insertAt, insertToPriorityArray, isArrowKeyCode, isCombiningMark, isComment, isFeatureBlockedByLicenseKey, isForwardArrowKeyCode, isHighSurrogateHalf, isInsideCombinedSymbol, isInsideEmojiSequence, isInsideSurrogatePair, isIterable, isLowSurrogateHalf, isNode, isRange, isText, isValidAttributeName, isViewWithFocusTracker, isVisible, isWindow, keyCodes, logError, logWarning, mapsEqual, nth, objectToMap, parseBase64EncodedObject, parseKeystroke, priorities, releaseDate, remove, retry, scrollAncestorsToShowTarget, scrollViewportToShowTarget, setDataInElement, spliceArray, spy, toArray, toMap, toUnit, uid, version, wait };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/global\n */\n\n// This interface exists to make our API pages more readable.\n/**\n * A helper (module) giving an access to the global DOM objects such as `window` and `document`.\n */\nexport interface GlobalType {\n\treadonly window: Window & typeof globalThis;\n\treadonly document: Document;\n}\n\n/**\n * A helper (module) giving an access to the global DOM objects such as `window` and\n * `document`. Accessing these objects using this helper allows easy and bulletproof\n * testing, i.e. stubbing native properties:\n *\n * ```ts\n * import { global } from 'ckeditor5/utils';\n *\n * // This stub will work for any code using global module.\n * testUtils.sinon.stub( global, 'window', {\n * \tinnerWidth: 10000\n * } );\n *\n * console.log( global.window.innerWidth );\n * ```\n */\nlet globalVar: GlobalType; // named globalVar instead of global: https://github.com/ckeditor/ckeditor5/issues/12971\n\n// In some environments window and document API might not be available.\ntry {\n\tglobalVar = { window, document };\n} catch {\n\t// It's not possible to mock a window object to simulate lack of a window object without writing extremely convoluted code.\n\t/* istanbul ignore next -- @preserve */\n\n\t// Let's cast it to not change module's API.\n\t// We only handle this so loading editor in environments without window and document doesn't fail.\n\t// For better DX we shouldn't introduce mixed types and require developers to check the type manually.\n\t// This module should not be used on purpose in any environment outside browser.\n\tglobalVar = { window: {} as any, document: {} as any };\n}\n\nexport { globalVar as global };\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/env\n */\n\nimport { global } from './dom/global.js';\n\n/**\n * Safely returns `userAgent` from browser's navigator API in a lower case.\n * If navigator API is not available it will return an empty string.\n *\n * @internal\n */\nexport function getUserAgent(): string {\n\t// In some environments navigator API might not be available.\n\ttry {\n\t\treturn navigator.userAgent.toLowerCase();\n\t} catch {\n\t\treturn '';\n\t}\n}\n\nconst userAgent = /* #__PURE__ */ getUserAgent();\n\n// This interface exists to make our API pages more readable.\n/**\n * A namespace containing environment and browser information.\n */\nexport interface EnvType {\n\n\t/**\n\t * Indicates that the application is running on Macintosh.\n\t */\n\treadonly isMac: boolean;\n\n\t/**\n\t * Indicates that the application is running on Windows.\n\t */\n\treadonly isWindows: boolean;\n\n\t/**\n\t * Indicates that the application is running in Firefox (Gecko).\n\t */\n\treadonly isGecko: boolean;\n\n\t/**\n\t * Indicates that the application is running in Safari.\n\t */\n\treadonly isSafari: boolean;\n\n\t/**\n\t * Indicates that the application is running in iOS.\n\t */\n\treadonly isiOS: boolean;\n\n\t/**\n\t * Indicates that the application is running on Android mobile device.\n\t */\n\treadonly isAndroid: boolean;\n\n\t/**\n\t * Indicates that the application is running in a browser using the Blink engine.\n\t */\n\treadonly isBlink: boolean;\n\n\t/**\n\t * Indicates that the user agent has enabled a forced colors mode (e.g. Windows High Contrast mode).\n\t *\n\t * Note that the value of this property is evaluated each time it is accessed, and it may change over time, if the environment\n\t * settings have changed.\n\t */\n\treadonly isMediaForcedColors: boolean;\n\n\t/**\n\t * Indicates that \"prefer reduced motion\" browser setting is active.\n\t *\n\t * Note that the value of this property is evaluated each time it is accessed, and it may change over time, if the environment\n\t * settings have changed.\n\t */\n\treadonly isMotionReduced: boolean;\n\n\t/**\n\t * Environment features information.\n\t */\n\treadonly features: EnvFeaturesType;\n}\n\nexport interface EnvFeaturesType {\n\n\t/**\n\t * Indicates that the environment supports ES2018 Unicode property escapes — like `\\p{P}` or `\\p{L}`.\n\t * More information about unicode properties might be found\n\t * [in Unicode Standard Annex #44](https://www.unicode.org/reports/tr44/#GC_Values_Table).\n\t */\n\treadonly isRegExpUnicodePropertySupported: boolean;\n}\n\n/**\n * A namespace containing environment and browser information.\n */\nexport const env: EnvType = {\n\tisMac: /* #__PURE__ */ isMac( userAgent ),\n\n\tisWindows: /* #__PURE__ */ isWindows( userAgent ),\n\n\tisGecko: /* #__PURE__ */ isGecko( userAgent ),\n\n\tisSafari: /* #__PURE__ */ isSafari( userAgent ),\n\n\tisiOS: /* #__PURE__ */ isiOS( userAgent ),\n\n\tisAndroid: /* #__PURE__ */ isAndroid( userAgent ),\n\n\tisBlink: /* #__PURE__ */ isBlink( userAgent ),\n\n\tget isMediaForcedColors() {\n\t\treturn isMediaForcedColors();\n\t},\n\n\tget isMotionReduced() {\n\t\treturn isMotionReduced();\n\t},\n\n\tfeatures: {\n\t\tisRegExpUnicodePropertySupported: /* #__PURE__ */ isRegExpUnicodePropertySupported()\n\t}\n};\n\n/**\n * Checks if User Agent represented by the string is running on Macintosh.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is running on Macintosh or not.\n */\nexport function isMac( userAgent: string ): boolean {\n\treturn userAgent.indexOf( 'macintosh' ) > -1;\n}\n\n/**\n * Checks if User Agent represented by the string is running on Windows.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is running on Windows or not.\n */\nexport function isWindows( userAgent: string ): boolean {\n\treturn userAgent.indexOf( 'windows' ) > -1;\n}\n\n/**\n * Checks if User Agent represented by the string is Firefox (Gecko).\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is Firefox or not.\n */\nexport function isGecko( userAgent: string ): boolean {\n\treturn !!userAgent.match( /gecko\\/\\d+/ );\n}\n\n/**\n * Checks if User Agent represented by the string is Safari.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is Safari or not.\n */\nexport function isSafari( userAgent: string ): boolean {\n\treturn userAgent.indexOf( ' applewebkit/' ) > -1 && userAgent.indexOf( 'chrome' ) === -1;\n}\n\n/**\n * Checks if User Agent represented by the string is running in iOS.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is running in iOS or not.\n */\nexport function isiOS( userAgent: string ): boolean {\n\t// \"Request mobile site\" || \"Request desktop site\".\n\treturn !!userAgent.match( /iphone|ipad/i ) || ( isMac( userAgent ) && navigator.maxTouchPoints > 0 );\n}\n\n/**\n * Checks if User Agent represented by the string is Android mobile device.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is Safari or not.\n */\nexport function isAndroid( userAgent: string ): boolean {\n\treturn userAgent.indexOf( 'android' ) > -1;\n}\n\n/**\n * Checks if User Agent represented by the string is Blink engine.\n *\n * @internal\n * @param userAgent **Lowercase** `navigator.userAgent` string.\n * @returns Whether User Agent is Blink engine or not.\n */\nexport function isBlink( userAgent: string ): boolean {\n\t// The Edge browser before switching to the Blink engine used to report itself as Chrome (and \"Edge/\")\n\t// but after switching to the Blink it replaced \"Edge/\" with \"Edg/\".\n\treturn userAgent.indexOf( 'chrome/' ) > -1 && userAgent.indexOf( 'edge/' ) < 0;\n}\n\n/**\n * Checks if the current environment supports ES2018 Unicode properties like `\\p{P}` or `\\p{L}`.\n * More information about unicode properties might be found\n * [in Unicode Standard Annex #44](https://www.unicode.org/reports/tr44/#GC_Values_Table).\n *\n * @internal\n */\nexport function isRegExpUnicodePropertySupported(): boolean {\n\tlet isSupported = false;\n\n\t// Feature detection for Unicode properties. Added in ES2018. Currently Firefox does not support it.\n\t// See https://github.com/ckeditor/ckeditor5-mention/issues/44#issuecomment-487002174.\n\n\ttry {\n\t\t// Usage of regular expression literal cause error during build (ckeditor/ckeditor5-dev#534).\n\t\tisSupported = 'ć'.search( new RegExp( '[\\\\p{L}]', 'u' ) ) === 0;\n\t} catch {\n\t\t// Firefox throws a SyntaxError when the group is unsupported.\n\t}\n\n\treturn isSupported;\n}\n\n/**\n * Checks if the user agent has enabled a forced colors mode (e.g. Windows High Contrast mode).\n *\n * Returns `false` in environments where `window` global object is not available.\n *\n * @internal\n */\nexport function isMediaForcedColors(): boolean {\n\treturn global.window.matchMedia ? global.window.matchMedia( '(forced-colors: active)' ).matches : false;\n}\n\n/**\n * Checks if the user enabled \"prefers reduced motion\" setting in browser.\n *\n * Returns `false` in environments where `window` global object is not available.\n *\n * @internal\n */\nexport function isMotionReduced(): boolean {\n\treturn global.window.matchMedia ? global.window.matchMedia( '(prefers-reduced-motion)' ).matches : false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport type { DiffResult } from './diff.js';\nimport type { Change } from './difftochanges.js';\n\n/**\n * @module utils/fastdiff\n */\n\n/**\n * Finds positions of the first and last change in the given string/array and generates a set of changes:\n *\n * ```ts\n * fastDiff( '12a', '12xyza' );\n * // [ { index: 2, type: 'insert', values: [ 'x', 'y', 'z' ] } ]\n *\n * fastDiff( '12a', '12aa' );\n * // [ { index: 3, type: 'insert', values: [ 'a' ] } ]\n *\n * fastDiff( '12xyza', '12a' );\n * // [ { index: 2, type: 'delete', howMany: 3 } ]\n *\n * fastDiff( [ '1', '2', 'a', 'a' ], [ '1', '2', 'a' ] );\n * // [ { index: 3, type: 'delete', howMany: 1 } ]\n *\n * fastDiff( [ '1', '2', 'a', 'b', 'c', '3' ], [ '2', 'a', 'b' ] );\n * // [ { index: 0, type: 'insert', values: [ '2', 'a', 'b' ] }, { index: 3, type: 'delete', howMany: 6 } ]\n * ```\n *\n * Passed arrays can contain any type of data, however to compare them correctly custom comparator function\n * should be passed as a third parameter:\n *\n * ```ts\n * fastDiff( [ { value: 1 }, { value: 2 } ], [ { value: 1 }, { value: 3 } ], ( a, b ) => {\n * \treturn a.value === b.value;\n * } );\n * // [ { index: 1, type: 'insert', values: [ { value: 3 } ] }, { index: 2, type: 'delete', howMany: 1 } ]\n * ```\n *\n * The resulted set of changes can be applied to the input in order to transform it into the output, for example:\n *\n * ```ts\n * let input = '12abc3';\n * const output = '2ab';\n * const changes = fastDiff( input, output );\n *\n * changes.forEach( change => {\n * \tif ( change.type == 'insert' ) {\n * \t\tinput = input.substring( 0, change.index ) + change.values.join( '' ) + input.substring( change.index );\n * \t} else if ( change.type == 'delete' ) {\n * \t\tinput = input.substring( 0, change.index ) + input.substring( change.index + change.howMany );\n * \t}\n * } );\n *\n * // input equals output now\n * ```\n *\n * or in case of arrays:\n *\n * ```ts\n * let input = [ '1', '2', 'a', 'b', 'c', '3' ];\n * const output = [ '2', 'a', 'b' ];\n * const changes = fastDiff( input, output );\n *\n * changes.forEach( change => {\n * \tif ( change.type == 'insert' ) {\n * \t\tinput = input.slice( 0, change.index ).concat( change.values, input.slice( change.index ) );\n * \t} else if ( change.type == 'delete' ) {\n * \t\tinput = input.slice( 0, change.index ).concat( input.slice( change.index + change.howMany ) );\n * \t}\n * } );\n *\n * // input equals output now\n * ```\n *\n * By passing `true` as the fourth parameter (`atomicChanges`) the output of this function will become compatible with\n * the {@link module:utils/diff~diff `diff()`} function:\n *\n * ```ts\n * fastDiff( '12a', '12xyza', undefined, true );\n * // [ 'equal', 'equal', 'insert', 'insert', 'insert', 'equal' ]\n * ```\n *\n * The default output format of this function is compatible with the output format of\n * {@link module:utils/difftochanges~diffToChanges `diffToChanges()`}. The `diffToChanges()` input format is, in turn,\n * compatible with the output of {@link module:utils/diff~diff `diff()`}:\n *\n * ```ts\n * const a = '1234';\n * const b = '12xyz34';\n *\n * // Both calls will return the same results (grouped changes format).\n * fastDiff( a, b );\n * diffToChanges( diff( a, b ) );\n *\n * // Again, both calls will return the same results (atomic changes format).\n * fastDiff( a, b, undefined, true );\n * diff( a, b );\n * ```\n *\n * @typeParam T The type of array elements.\n * @typeParam AtomicChanges The type of `atomicChanges` parameter (selects the result type).\n * @param a Input array or string.\n * @param b Input array or string.\n * @param cmp Optional function used to compare array values, by default `===` (strict equal operator) is used.\n * @param atomicChanges Whether an array of `inset|delete|equal` operations should\n * be returned instead of changes set. This makes this function compatible with {@link module:utils/diff~diff `diff()`}.\n * Defaults to `false`.\n * @returns Array of changes. The elements are either {@link module:utils/diff~DiffResult} or {@link module:utils/difftochanges~Change},\n * depending on `atomicChanges` parameter.\n */\nexport function fastDiff<T, AtomicChanges extends boolean = false>(\n\ta: ArrayLike<T>,\n\tb: ArrayLike<T>,\n\tcmp?: ( a: T, b: T ) => boolean,\n\tatomicChanges?: AtomicChanges\n): Array<AtomicChanges extends true ? DiffResult : Change<T>> {\n\t// Set the comparator function.\n\tcmp = cmp || function( a, b ) {\n\t\treturn a === b;\n\t};\n\n\t// Convert the string (or any array-like object - eg. NodeList) to an array by using the slice() method because,\n\t// unlike Array.from(), it returns array of UTF-16 code units instead of the code points of a string.\n\t// One code point might be a surrogate pair of two code units. All text offsets are expected to be in code units.\n\t// See ckeditor/ckeditor5#3147.\n\t//\n\t// We need to make sure here that fastDiff() works identical to diff().\n\tconst arrayA: Array<T> = Array.isArray( a ) ? a : Array.prototype.slice.call( a );\n\tconst arrayB: Array<T> = Array.isArray( b ) ? b : Array.prototype.slice.call( b );\n\n\t// Find first and last change.\n\tconst changeIndexes = findChangeBoundaryIndexes( arrayA, arrayB, cmp );\n\n\t// Transform into changes array.\n\tconst result = atomicChanges ?\n\t\tchangeIndexesToAtomicChanges( changeIndexes, arrayB.length ) :\n\t\tchangeIndexesToChanges( arrayB, changeIndexes );\n\n\treturn result as any;\n}\n\n/**\n * Finds position of the first and last change in the given arrays. For example:\n *\n * ```ts\n * const indexes = findChangeBoundaryIndexes( [ '1', '2', '3', '4' ], [ '1', '3', '4', '2', '4' ] );\n * console.log( indexes ); // { firstIndex: 1, lastIndexOld: 3, lastIndexNew: 4 }\n * ```\n *\n * The above indexes means that in the first array the modified part is `1[23]4` and in the second array it is `1[342]4`.\n * Based on such indexes, array with `insert`/`delete` operations which allows transforming first value into the second one\n * can be generated.\n */\nfunction findChangeBoundaryIndexes<T>( arr1: ReadonlyArray<T>, arr2: ReadonlyArray<T>, cmp: ( a: T, b: T ) => boolean ): ChangeIndexes {\n\t// Find the first difference between passed values.\n\tconst firstIndex = findFirstDifferenceIndex( arr1, arr2, cmp );\n\n\t// If arrays are equal return -1 indexes object.\n\tif ( firstIndex === -1 ) {\n\t\treturn { firstIndex: -1, lastIndexOld: -1, lastIndexNew: -1 };\n\t}\n\n\t// Remove the common part of each value and reverse them to make it simpler to find the last difference between them.\n\tconst oldArrayReversed = cutAndReverse( arr1, firstIndex );\n\tconst newArrayReversed = cutAndReverse( arr2, firstIndex );\n\n\t// Find the first difference between reversed values.\n\t// It should be treated as \"how many elements from the end the last difference occurred\".\n\t//\n\t// For example:\n\t//\n\t// \t\t\t\tinitial\t->\tafter cut\t-> reversed:\n\t// oldValue:\t'321ba'\t->\t'21ba'\t\t-> 'ab12'\n\t// newValue:\t'31xba'\t->\t'1xba'\t\t-> 'abx1'\n\t// lastIndex:\t\t\t\t\t\t\t-> 2\n\t//\n\t// So the last change occurred two characters from the end of the arrays.\n\tconst lastIndex = findFirstDifferenceIndex( oldArrayReversed, newArrayReversed, cmp );\n\n\t// Use `lastIndex` to calculate proper offset, starting from the beginning (`lastIndex` kind of starts from the end).\n\tconst lastIndexOld = arr1.length - lastIndex;\n\tconst lastIndexNew = arr2.length - lastIndex;\n\n\treturn { firstIndex, lastIndexOld, lastIndexNew };\n}\n\n/**\n * Returns a first index on which given arrays differ. If both arrays are the same, -1 is returned.\n */\nfunction findFirstDifferenceIndex<T>( arr1: ReadonlyArray<T>, arr2: ReadonlyArray<T>, cmp: ( a: T, b: T ) => boolean ): number {\n\tfor ( let i = 0; i < Math.max( arr1.length, arr2.length ); i++ ) {\n\t\tif ( arr1[ i ] === undefined || arr2[ i ] === undefined || !cmp( arr1[ i ], arr2[ i ] ) ) {\n\t\t\treturn i;\n\t\t}\n\t}\n\n\treturn -1; // Return -1 if arrays are equal.\n}\n\n/**\n * Returns a copy of the given array with `howMany` elements removed starting from the beginning and in reversed order.\n *\n * @param arr Array to be processed.\n * @param howMany How many elements from array beginning to remove.\n * @returns Shortened and reversed array.\n */\nfunction cutAndReverse<T>( arr: ReadonlyArray<T>, howMany: number ): Array<T> {\n\treturn arr.slice( howMany ).reverse();\n}\n\n/**\n * Generates changes array based on change indexes from `findChangeBoundaryIndexes` function. This function will\n * generate array with 0 (no changes), 1 (deletion or insertion) or 2 records (insertion and deletion).\n *\n * @param newArray New array for which change indexes were calculated.\n * @param changeIndexes Change indexes object from `findChangeBoundaryIndexes` function.\n * @returns Array of changes compatible with {@link module:utils/difftochanges~diffToChanges} format.\n */\nfunction changeIndexesToChanges<T>( newArray: ReadonlyArray<T>, changeIndexes: ChangeIndexes ): Array<Change<T>> {\n\tconst result: Array<Change<T>> = [];\n\tconst { firstIndex, lastIndexOld, lastIndexNew } = changeIndexes;\n\n\t// Order operations as 'insert', 'delete' array to keep compatibility with {@link module:utils/difftochanges~diffToChanges}\n\t// in most cases. However, 'diffToChanges' does not stick to any order so in some cases\n\t// (for example replacing '12345' with 'abcd') it will generate 'delete', 'insert' order.\n\tif ( lastIndexNew - firstIndex > 0 ) {\n\t\tresult.push( {\n\t\t\tindex: firstIndex,\n\t\t\ttype: 'insert',\n\t\t\tvalues: newArray.slice( firstIndex, lastIndexNew )\n\t\t} );\n\t}\n\n\tif ( lastIndexOld - firstIndex > 0 ) {\n\t\tresult.push( {\n\t\t\tindex: firstIndex + ( lastIndexNew - firstIndex ), // Increase index of what was inserted.\n\t\t\ttype: 'delete',\n\t\t\thowMany: lastIndexOld - firstIndex\n\t\t} );\n\t}\n\n\treturn result;\n}\n\n/**\n * Generates array with set `equal|insert|delete` operations based on change indexes from `findChangeBoundaryIndexes` function.\n *\n * @param changeIndexes Change indexes object from `findChangeBoundaryIndexes` function.\n * @param newLength Length of the new array on which `findChangeBoundaryIndexes` calculated change indexes.\n * @returns Array of changes compatible with {@link module:utils/diff~diff} format.\n */\nfunction changeIndexesToAtomicChanges( changeIndexes: ChangeIndexes, newLength: number ): Array<DiffResult> {\n\tconst { firstIndex, lastIndexOld, lastIndexNew } = changeIndexes;\n\n\t// No changes.\n\tif ( firstIndex === -1 ) {\n\t\treturn Array( newLength ).fill( 'equal' );\n\t}\n\n\tlet result: Array<DiffResult> = [];\n\n\tif ( firstIndex > 0 ) {\n\t\tresult = result.concat( Array( firstIndex ).fill( 'equal' ) );\n\t}\n\n\tif ( lastIndexNew - firstIndex > 0 ) {\n\t\tresult = result.concat( Array( lastIndexNew - firstIndex ).fill( 'insert' ) );\n\t}\n\n\tif ( lastIndexOld - firstIndex > 0 ) {\n\t\tresult = result.concat( Array( lastIndexOld - firstIndex ).fill( 'delete' ) );\n\t}\n\n\tif ( lastIndexNew < newLength ) {\n\t\tresult = result.concat( Array( newLength - lastIndexNew ).fill( 'equal' ) );\n\t}\n\n\treturn result;\n}\n\n/**\n * Indexes of the first and the last change in the given arrays.\n */\ninterface ChangeIndexes {\n\n\t/**\n\t * Index of the first change in both values (always the same for both).\n\t */\n\tfirstIndex: number;\n\n\t/**\n\t * Index of the last common value in `arr1`.\n\t */\n\tlastIndexOld: number;\n\n\t/**\n\t * Index of the last common value in `arr2`.\n\t */\n\tlastIndexNew: number;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/diff\n */\n\nimport { fastDiff } from './fastdiff.js';\n\n// The following code is based on the \"O(NP) Sequence Comparison Algorithm\"\n// by Sun Wu, Udi Manber, Gene Myers, Webb Miller.\n\n/**\n * Calculates the difference between two arrays or strings producing an array containing a list of changes\n * necessary to transform input into output.\n *\n * ```ts\n * diff( 'aba', 'acca' ); // [ 'equal', 'insert', 'insert', 'delete', 'equal' ]\n * ```\n *\n * This function is based on the \"O(NP) Sequence Comparison Algorithm\" by Sun Wu, Udi Manber, Gene Myers, Webb Miller.\n * Unfortunately, while it gives the most precise results, its to complex for longer strings/arrow (above 200 items).\n * Therefore, `diff()` automatically switches to {@link module:utils/fastdiff~fastDiff `fastDiff()`} when detecting\n * such a scenario. The return formats of both functions are identical.\n *\n * @param a Input array or string.\n * @param b Output array or string.\n * @param cmp Optional function used to compare array values, by default === is used.\n * @returns Array of changes.\n */\nexport function diff<T>(\n\ta: ArrayLike<T>,\n\tb: ArrayLike<T>,\n\tcmp?: ( a: T, b: T ) => boolean\n): Array<DiffResult> {\n\t// Set the comparator function.\n\tcmp = cmp || function( a, b ) {\n\t\treturn a === b;\n\t};\n\n\tconst aLength = a.length;\n\tconst bLength = b.length;\n\n\t// Perform `fastDiff` for longer strings/arrays (see #269).\n\tif ( aLength > 200 || bLength > 200 || aLength + bLength > 300 ) {\n\t\treturn diff.fastDiff( a, b, cmp, true );\n\t}\n\n\t// Temporary action type statics.\n\tlet _insert: DiffResult, _delete: DiffResult;\n\n\t// Swapped the arrays to use the shorter one as the first one.\n\tif ( bLength < aLength ) {\n\t\tconst tmp = a;\n\n\t\ta = b;\n\t\tb = tmp;\n\n\t\t// We swap the action types as well.\n\t\t_insert = 'delete';\n\t\t_delete = 'insert';\n\t} else {\n\t\t_insert = 'insert';\n\t\t_delete = 'delete';\n\t}\n\n\tconst m = a.length;\n\tconst n = b.length;\n\tconst delta = n - m;\n\n\t// Edit scripts, for each diagonal.\n\tconst es: { [ k: number ]: Array<DiffResult> } = {};\n\t// Furthest points, the furthest y we can get on each diagonal.\n\tconst fp: { [ k: number]: number } = {};\n\n\tfunction snake( k: number ): number {\n\t\t// We use -1 as an alternative below to handle initial values ( instead of filling the fp with -1 first ).\n\t\t// Furthest points (y) on the diagonal below k.\n\t\tconst y1 = ( fp[ k - 1 ] !== undefined ? fp[ k - 1 ] : -1 ) + 1;\n\t\t// Furthest points (y) on the diagonal above k.\n\t\tconst y2 = fp[ k + 1 ] !== undefined ? fp[ k + 1 ] : -1;\n\t\t// The way we should go to get further.\n\t\tconst dir = y1 > y2 ? -1 : 1;\n\n\t\t// Clone previous changes array (if any).\n\t\tif ( es[ k + dir ] ) {\n\t\t\tes[ k ] = es[ k + dir ].slice( 0 );\n\t\t}\n\n\t\t// Create changes array.\n\t\tif ( !es[ k ] ) {\n\t\t\tes[ k ] = [];\n\t\t}\n\n\t\t// Push the action.\n\t\tes[ k ].push( y1 > y2 ? _insert : _delete );\n\n\t\t// Set the beginning coordinates.\n\t\tlet y = Math.max( y1, y2 );\n\t\tlet x = y - k;\n\n\t\t// Traverse the diagonal as long as the values match.\n\t\twhile ( x < m && y < n && cmp!( a[ x ], b[ y ] ) ) {\n\t\t\tx++;\n\t\t\ty++;\n\t\t\t// Push no change action.\n\t\t\tes[ k ].push( 'equal' );\n\t\t}\n\n\t\treturn y;\n\t}\n\n\tlet p = 0;\n\tlet k;\n\n\t// Traverse the graph until we reach the end of the longer string.\n\tdo {\n\t\t// Updates furthest points and edit scripts for diagonals below delta.\n\t\tfor ( k = -p; k < delta; k++ ) {\n\t\t\tfp[ k ] = snake( k );\n\t\t}\n\n\t\t// Updates furthest points and edit scripts for diagonals above delta.\n\t\tfor ( k = delta + p; k > delta; k-- ) {\n\t\t\tfp[ k ] = snake( k );\n\t\t}\n\n\t\t// Updates furthest point and edit script for the delta diagonal.\n\t\t// note that the delta diagonal is the one which goes through the sink (m, n).\n\t\tfp[ delta ] = snake( delta );\n\n\t\tp++;\n\t} while ( fp[ delta ] !== n );\n\n\t// Return the final list of edit changes.\n\t// We remove the first item that represents the action for the injected nulls.\n\treturn es[ delta ].slice( 1 );\n}\n\n// Store the API in static property to easily overwrite it in tests.\n// Too bad dependency injection does not work in Webpack + ES 6 (const) + Babel.\ndiff.fastDiff = fastDiff;\n\n/**\n * The element of the result of {@link module:utils/diff~diff} function.\n */\nexport type DiffResult = 'equal' | 'insert' | 'delete';\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport type { DiffResult } from './diff.js';\n\n/**\n * @module utils/difftochanges\n */\n\n/**\n * Creates a set of changes which need to be applied to the input in order to transform\n * it into the output. This function can be used with strings or arrays.\n *\n * ```ts\n * const input = Array.from( 'abc' );\n * const output = Array.from( 'xaby' );\n * const changes = diffToChanges( diff( input, output ), output );\n *\n * changes.forEach( change => {\n * \tif ( change.type == 'insert' ) {\n * \t\tinput.splice( change.index, 0, ...change.values );\n * \t} else if ( change.type == 'delete' ) {\n * \t\tinput.splice( change.index, change.howMany );\n * \t}\n * } );\n *\n * input.join( '' ) == output.join( '' ); // -> true\n * ```\n *\n * @typeParam T The type of output array element.\n * @param diff Result of {@link module:utils/diff~diff}.\n * @param output The string or array which was passed as diff's output.\n * @returns Set of changes (insert or delete) which need to be applied to the input\n * in order to transform it into the output.\n */\nexport function diffToChanges<T>( diff: ReadonlyArray<DiffResult>, output: ArrayLike<T> ): Array<Change<T>> {\n\tconst changes: Array<Change<T>> = [];\n\tlet index = 0;\n\tlet lastOperation: Change<T> | null = null;\n\n\tdiff.forEach( change => {\n\t\tif ( change == 'equal' ) {\n\t\t\tpushLast();\n\n\t\t\tindex++;\n\t\t} else if ( change == 'insert' ) {\n\t\t\tif ( lastOperation && lastOperation.type == 'insert' ) {\n\t\t\t\tlastOperation.values.push( output[ index ] );\n\t\t\t} else {\n\t\t\t\tpushLast();\n\n\t\t\t\tlastOperation = {\n\t\t\t\t\ttype: 'insert',\n\t\t\t\t\tindex,\n\t\t\t\t\tvalues: [ output[ index ] ]\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tindex++;\n\t\t} else /* if ( change == 'delete' ) */ {\n\t\t\tif ( lastOperation && lastOperation.type == 'delete' ) {\n\t\t\t\tlastOperation.howMany++;\n\t\t\t} else {\n\t\t\t\tpushLast();\n\n\t\t\t\tlastOperation = {\n\t\t\t\t\ttype: 'delete',\n\t\t\t\t\tindex,\n\t\t\t\t\thowMany: 1\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t} );\n\n\tpushLast();\n\n\treturn changes;\n\n\tfunction pushLast() {\n\t\tif ( lastOperation ) {\n\t\t\tchanges.push( lastOperation );\n\t\t\tlastOperation = null;\n\t\t}\n\t}\n}\n\n/**\n * An object describing insertion change.\n *\n * @typeParam T The type of output array element.\n */\nexport interface InsertChange<T> {\n\ttype: 'insert';\n\tindex: number;\n\tvalues: Array<T>;\n}\n\n/**\n * An object describing deletion change.\n */\nexport interface DeleteChange {\n\ttype: 'delete';\n\tindex: number;\n\thowMany: number;\n}\n\n/**\n * The element of the result of {@link module:utils/difftochanges~diffToChanges} function.\n *\n * @typeParam T The type of output array element.\n */\nexport type Change<T> = InsertChange<T> | DeleteChange;\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/areconnectedthroughproperties\n */\n\n/**\n * Traverses both structures to find out whether there is a reference that is shared between both structures.\n */\nexport function areConnectedThroughProperties( obj1: object, obj2: object ): boolean {\n\tif ( obj1 === obj2 && isObject( obj1 ) ) {\n\t\treturn true;\n\t}\n\n\tconst subNodes1 = getSubNodes( obj1 );\n\tconst subNodes2 = getSubNodes( obj2 );\n\n\tfor ( const node of subNodes1 ) {\n\t\tif ( subNodes2.has( node ) ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/**\n * Traverses JS structure and stores all sub-nodes, including the head node.\n * It walks into each iterable structures with the `try catch` block to omit errors that might be thrown during\n * tree walking. All primitives, functions and built-ins are skipped.\n */\nfunction getSubNodes( head: unknown ): Set<unknown> {\n\tconst nodes = [ head ];\n\n\t// Nodes are stored to prevent infinite looping.\n\tconst subNodes = new Set();\n\n\twhile ( nodes.length > 0 ) {\n\t\tconst node = nodes.shift();\n\n\t\tif ( subNodes.has( node ) || shouldNodeBeSkipped( node ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tsubNodes.add( node );\n\n\t\t// Handle arrays, maps, sets, custom collections that implements `[ Symbol.iterator ]()`, etc.\n\t\tif ( ( node as Iterable<unknown> )[ Symbol.iterator ] ) {\n\t\t\t// The custom editor iterators might cause some problems if the editor is crashed.\n\t\t\ttry {\n\t\t\t\tnodes.push( ...( node as Iterable<unknown> ) );\n\t\t\t}\n\t\t\t// eslint-disable-next-line no-empty\n\t\t\tcatch {}\n\t\t} else {\n\t\t\tnodes.push( ...Object.values( node as any ) );\n\t\t}\n\t}\n\n\treturn subNodes;\n}\n\nfunction shouldNodeBeSkipped( node: unknown ): boolean {\n\tconst type = Object.prototype.toString.call( node );\n\n\treturn (\n\t\ttype === '[object Number]' ||\n\t\ttype === '[object Boolean]' ||\n\t\ttype === '[object String]' ||\n\t\ttype === '[object Symbol]' ||\n\t\ttype === '[object Function]' ||\n\t\ttype === '[object Date]' ||\n\t\ttype === '[object RegExp]' ||\n\n\t\tnode === undefined ||\n\t\tnode === null ||\n\n\t\t// Skip native DOM objects, e.g. Window, nodes, events, etc.\n\t\tnode instanceof EventTarget ||\n\t\tnode instanceof Event\n\t);\n}\n\nfunction isObject( structure: unknown ): boolean {\n\treturn typeof structure === 'object' && structure !== null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/spy\n */\n\n/**\n * Creates a spy function (ala Sinon.js) that can be used to inspect call to it.\n *\n * The following are the present features:\n *\n * * spy.called: property set to `true` if the function has been called at least once.\n *\n * @returns The spy function.\n */\nexport function spy(): { (): void; called?: boolean } {\n\treturn function spy() {\n\t\t( spy as any ).called = true;\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/eventinfo\n */\n\nimport { spy } from './spy.js';\n\n/**\n * The event object passed to event callbacks. It is used to provide information about the event as well as a tool to\n * manipulate it.\n */\nexport class EventInfo<TName extends string = string, TReturn = unknown> {\n\t/**\n\t * The object that fired the event.\n\t */\n\tpublic readonly source: object;\n\n\t/**\n\t * The event name.\n\t */\n\tpublic readonly name: TName;\n\n\t/**\n\t * Path this event has followed. See {@link module:utils/emittermixin~Emitter#delegate}.\n\t */\n\tpublic path: Array<object>;\n\n\t/**\n\t * Stops the event emitter to call further callbacks for this event interaction.\n\t */\n\tpublic readonly stop: { (): void; called?: boolean };\n\n\t/**\n\t * Removes the current callback from future interactions of this event.\n\t */\n\tpublic readonly off: { (): void; called?: boolean };\n\n\t/**\n\t * The value which will be returned by {@link module:utils/emittermixin~Emitter#fire}.\n\t *\n\t * It's `undefined` by default and can be changed by an event listener:\n\t *\n\t * ```ts\n\t * dataController.fire( 'getSelectedContent', ( evt ) => {\n\t * \t// This listener will make `dataController.fire( 'getSelectedContent' )`\n\t * \t// always return an empty DocumentFragment.\n\t * \tevt.return = new DocumentFragment();\n\t *\n\t * \t// Make sure no other listeners are executed.\n\t * \tevt.stop();\n\t * } );\n\t * ```\n\t */\n\tpublic return: TReturn | undefined;\n\n\t/**\n\t * @param source The emitter.\n\t * @param name The event name.\n\t */\n\tconstructor( source: object, name: TName ) {\n\t\tthis.source = source;\n\t\tthis.name = name;\n\t\tthis.path = [];\n\n\t\t// The following methods are defined in the constructor because they must be re-created per instance.\n\t\tthis.stop = spy();\n\t\tthis.off = spy();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/uid\n */\n\n/**\n * A hash table of hex numbers to avoid using toString() in uid() which is costly.\n * [ '00', '01', '02', ..., 'fe', 'ff' ]\n */\nconst HEX_NUMBERS = new Array( 256 ).fill( '' )\n\t.map( ( _, index ) => ( '0' + ( index ).toString( 16 ) ).slice( -2 ) );\n\n/**\n * Returns a unique id. The id starts with an \"e\" character and a randomly generated string of\n * 32 alphanumeric characters.\n *\n * **Note**: The characters the unique id is built from correspond to the hex number notation\n * (from \"0\" to \"9\", from \"a\" to \"f\"). In other words, each id corresponds to an \"e\" followed\n * by 16 8-bit numbers next to each other.\n *\n * @returns An unique id string.\n */\nexport function uid(): string {\n\t// Let's create some positive random 32bit integers first.\n\tconst [ r1, r2, r3, r4 ] = crypto.getRandomValues( new Uint32Array( 4 ) );\n\n\t// Make sure that id does not start with number.\n\treturn 'e' +\n\t\tHEX_NUMBERS[ r1 >> 0 & 0xFF ] +\n\t\tHEX_NUMBERS[ r1 >> 8 & 0xFF ] +\n\t\tHEX_NUMBERS[ r1 >> 16 & 0xFF ] +\n\t\tHEX_NUMBERS[ r1 >> 24 & 0xFF ] +\n\t\tHEX_NUMBERS[ r2 >> 0 & 0xFF ] +\n\t\tHEX_NUMBERS[ r2 >> 8 & 0xFF ] +\n\t\tHEX_NUMBERS[ r2 >> 16 & 0xFF ] +\n\t\tHEX_NUMBERS[ r2 >> 24 & 0xFF ] +\n\t\tHEX_NUMBERS[ r3 >> 0 & 0xFF ] +\n\t\tHEX_NUMBERS[ r3 >> 8 & 0xFF ] +\n\t\tHEX_NUMBERS[ r3 >> 16 & 0xFF ] +\n\t\tHEX_NUMBERS[ r3 >> 24 & 0xFF ] +\n\t\tHEX_NUMBERS[ r4 >> 0 & 0xFF ] +\n\t\tHEX_NUMBERS[ r4 >> 8 & 0xFF ] +\n\t\tHEX_NUMBERS[ r4 >> 16 & 0xFF ] +\n\t\tHEX_NUMBERS[ r4 >> 24 & 0xFF ];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/priorities\n */\n\n/**\n * String representing a priority value.\n */\nexport type PriorityString = 'highest' | 'high' | 'normal' | 'low' | 'lowest' | number;\n\n// This interface exists to make our API pages more readable.\n/**\n * Provides group of constants to use instead of hardcoding numeric priority values.\n */\nexport interface PrioritiesType {\n\n\t/**\n\t * Converts a string with priority name to it's numeric value. If `Number` is given, it just returns it.\n\t *\n\t * @param priority Priority to convert.\n\t * @returns Converted priority.\n\t */\n\tget( priority?: PriorityString ): number;\n\n\treadonly highest: number;\n\treadonly high: number;\n\treadonly normal: number;\n\treadonly low: number;\n\treadonly lowest: number;\n}\n\n/**\n * Provides group of constants to use instead of hardcoding numeric priority values.\n */\nexport const priorities: PrioritiesType = {\n\tget( priority: PriorityString = 'normal' ): number {\n\t\tif ( typeof priority != 'number' ) {\n\t\t\treturn this[ priority ] || this.normal;\n\t\t} else {\n\t\t\treturn priority;\n\t\t}\n\t},\n\n\thighest: 100000,\n\thigh: 1000,\n\tnormal: 0,\n\tlow: -1000,\n\tlowest: -100000\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { priorities, type PriorityString } from './priorities.js';\n\n/**\n * @module utils/inserttopriorityarray\n */\n\n/**\n * The priority object descriptor.\n *\n * ```ts\n * const objectWithPriority = {\n * \tpriority: 'high'\n * }\n * ```\n */\nexport interface ObjectWithPriority {\n\n\t/**\n\t * Priority of the object.\n\t */\n\tpriority: PriorityString;\n}\n\n/**\n * Inserts any object with priority at correct index by priority so registered objects are always sorted from highest to lowest priority.\n *\n * @param objects Array of objects with priority to insert object to.\n * @param objectToInsert Object with `priority` property.\n */\nexport function insertToPriorityArray<T extends ObjectWithPriority>( objects: Array<T>, objectToInsert: T ): void {\n\tconst priority = priorities.get( objectToInsert.priority );\n\n\t// Binary search for better performance in large tables.\n\tlet left = 0;\n\tlet right = objects.length;\n\n\twhile ( left < right ) {\n\t\tconst mid = ( left + right ) >> 1; // Use bitwise operator for faster floor division by 2.\n\t\tconst midPriority = priorities.get( objects[ mid ].priority );\n\n\t\tif ( midPriority < priority ) {\n\t\t\tright = mid;\n\t\t} else {\n\t\t\tleft = mid + 1;\n\t\t}\n\t}\n\n\tobjects.splice( left, 0, objectToInsert );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/ckeditorerror\n */\n\n/**\n * URL to the documentation with error codes.\n */\nexport const DOCUMENTATION_URL = 'https://ckeditor.com/docs/ckeditor5/latest/support/error-codes.html';\n\n/**\n * The CKEditor error class.\n *\n * You should throw `CKEditorError` when:\n *\n * * An unexpected situation occurred and the editor (most probably) will not work properly. Such exception will be handled\n * by the {@link module:watchdog/watchdog~Watchdog watchdog} (if it is integrated),\n * * If the editor is incorrectly integrated or the editor API is used in the wrong way. This way you will give\n * feedback to the developer as soon as possible. Keep in mind that for common integration issues which should not\n * stop editor initialization (like missing upload adapter, wrong name of a toolbar component) we use\n * {@link module:utils/ckeditorerror~logWarning `logWarning()`} and\n * {@link module:utils/ckeditorerror~logError `logError()`}\n * to improve developers experience and let them see the a working editor as soon as possible.\n *\n * ```ts\n * /**\n *  * Error thrown when a plugin cannot be loaded due to JavaScript errors, lack of plugins with a given name, etc.\n *  *\n *  * @error plugin-load\n *  * @param pluginName The name of the plugin that could not be loaded.\n *  * @param moduleName The name of the module which tried to load this plugin.\n *  *\\/\n * throw new CKEditorError( 'plugin-load', {\n * \tpluginName: 'foo',\n * \tmoduleName: 'bar'\n * } );\n * ```\n */\nexport class CKEditorError extends Error {\n\t/**\n\t * A context of the error by which the Watchdog is able to determine which editor crashed.\n\t */\n\tpublic readonly context: object | null | undefined;\n\n\t/**\n\t * The additional error data passed to the constructor. Undefined if none was passed.\n\t */\n\tpublic readonly data?: object;\n\n\t/**\n\t * Creates an instance of the CKEditorError class.\n\t *\n\t * @param errorName The error id in an `error-name` format. A link to this error documentation page will be added\n\t * to the thrown error's `message`.\n\t * @param context A context of the error by which the {@link module:watchdog/watchdog~Watchdog watchdog}\n\t * is able to determine which editor crashed. It should be an editor instance or a property connected to it. It can be also\n\t * a `null` value if the editor should not be restarted in case of the error (e.g. during the editor initialization).\n\t * The error context should be checked using the `areConnectedThroughProperties( editor, context )` utility\n\t * to check if the object works as the context.\n\t * @param data Additional data describing the error. A stringified version of this object\n\t * will be appended to the error message, so the data are quickly visible in the console. The original\n\t * data object will also be later available under the {@link #data} property.\n\t * @param originalError An optional original error that is being wrapped in the `CKEditorError` instance.\n\t */\n\tconstructor( errorName: string, context?: object | null, data?: object, originalError?: Error ) {\n\t\tsuper( getErrorMessage( errorName, data, originalError ) );\n\n\t\tthis.name = 'CKEditorError';\n\t\tthis.context = context;\n\t\tthis.data = data;\n\n\t\t// Wrapping an original error in a CKEditorError instance.\n\t\tif ( originalError ) {\n\t\t\t// Restore the original stack trace to make the error look like the original one.\n\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/5595 for more details.\n\t\t\tthis.stack = originalError.stack;\n\t\t}\n\t}\n\n\t/**\n\t * Checks if the error is of the `CKEditorError` type.\n\t */\n\tpublic is( type: string ): boolean {\n\t\treturn type === 'CKEditorError';\n\t}\n\n\t/**\n\t * A utility that ensures that the thrown error is a {@link module:utils/ckeditorerror~CKEditorError} one.\n\t * It is useful when combined with the {@link module:watchdog/watchdog~Watchdog} feature, which can restart the editor in case\n\t * of a {@link module:utils/ckeditorerror~CKEditorError} error.\n\t *\n\t * @param error The error to rethrow.\n\t * @param context An object connected through properties with the editor instance. This context will be used\n\t * by the watchdog to verify which editor should be restarted.\n\t */\n\tpublic static rethrowUnexpectedError( error: Error, context: object ): never {\n\t\tif ( ( error as any ).is && ( error as any ).is( 'CKEditorError' ) ) {\n\t\t\tthrow error;\n\t\t}\n\n\t\t/**\n\t\t * An unexpected error occurred inside the CKEditor 5 codebase. This error will look like the original one\n\t\t * to make the debugging easier.\n\t\t *\n\t\t * This error is only useful when the editor is initialized using the {@link module:watchdog/watchdog~Watchdog} feature.\n\t\t * In case of such error (or any {@link module:utils/ckeditorerror~CKEditorError} error) the watchdog should restart the editor.\n\t\t *\n\t\t * @error unexpected-error\n\t\t */\n\t\tthrow new CKEditorError( 'unexpected-error', context, undefined, error );\n\t}\n}\n\n/**\n * Logs a warning to the console with a properly formatted message and adds a link to the documentation.\n * Use whenever you want to log a warning to the console.\n *\n * ```ts\n * /**\n *  * There was a problem processing the configuration of the toolbar. The item with the given\n *  * name does not exist, so it was omitted when rendering the toolbar.\n *  *\n *  * @error toolbarview-item-unavailable\n *  * @param {String} name The name of the component.\n *  *\\/\n * logWarning( 'toolbarview-item-unavailable', { name } );\n * ```\n *\n * See also {@link module:utils/ckeditorerror~CKEditorError} for an explanation when to throw an error and when to log\n * a warning or an error to the console.\n *\n * @param errorName The error name to be logged.\n * @param data Additional data to be logged.\n */\nexport function logWarning( errorName: string, data?: object ): void {\n\tconsole.warn( ...formatConsoleArguments( errorName, data ) );\n}\n\n/**\n * Logs an error to the console with a properly formatted message and adds a link to the documentation.\n * Use whenever you want to log an error to the console.\n *\n * ```ts\n * /**\n *  * There was a problem processing the configuration of the toolbar. The item with the given\n *  * name does not exist, so it was omitted when rendering the toolbar.\n *  *\n *  * @error toolbarview-item-unavailable\n *  * @param {String} name The name of the component.\n *  *\\/\n *  logError( 'toolbarview-item-unavailable', { name } );\n * ```\n *\n * **Note**: In most cases logging a warning using {@link module:utils/ckeditorerror~logWarning} is enough.\n *\n * See also {@link module:utils/ckeditorerror~CKEditorError} for an explanation when to use each method.\n *\n * @param errorName The error name to be logged.\n * @param data Additional data to be logged.\n */\nexport function logError( errorName: string, data?: object ): void {\n\tconsole.error( ...formatConsoleArguments( errorName, data ) );\n}\n\n/**\n * Returns formatted link to documentation message.\n */\nfunction getLinkToDocumentationMessage( errorName: string ): string {\n\treturn `\\nRead more: ${ DOCUMENTATION_URL }#error-${ errorName }`;\n}\n\n/**\n * Returns formatted error message.\n */\nfunction getErrorMessage( errorName: string, data?: object, originalError?: Error ): string {\n\tconst processedObjects = new WeakSet();\n\tconst circularReferencesReplacer = ( key: string, value: unknown ) => {\n\t\tif ( typeof value === 'object' && value !== null ) {\n\t\t\tif ( processedObjects.has( value ) ) {\n\t\t\t\treturn `[object ${ value.constructor.name }]`;\n\t\t\t}\n\n\t\t\tprocessedObjects.add( value );\n\t\t}\n\n\t\treturn value;\n\t};\n\n\tconst stringifiedData = data ? ` ${ JSON.stringify( data, circularReferencesReplacer ) }` : '';\n\tconst documentationLink = getLinkToDocumentationMessage( errorName );\n\tconst originalErrorMessage = originalError ? `\\nOriginal error: ${ originalError.name }: ${ originalError.message }` : '';\n\n\treturn errorName + stringifiedData + documentationLink + originalErrorMessage;\n}\n\n/**\n * Returns formatted console error arguments.\n */\nfunction formatConsoleArguments( errorName: string, data?: object ): Array<unknown> {\n\tconst documentationMessage = getLinkToDocumentationMessage( errorName );\n\n\treturn data ? [ errorName, data, documentationMessage ] : [ errorName, documentationMessage ];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/version\n */\n\nimport { CKEditorError } from './ckeditorerror.js';\n\nexport const version = '47.3.0';\n\n// The second argument is not a month. It is `monthIndex` and starts from `0`.\nexport const releaseDate = new Date( 2025, 11, 3 );\n\ndeclare global {\n\tvar CKEDITOR_VERSION: string;\n}\n\n/* istanbul ignore next -- @preserve */\nif ( globalThis.CKEDITOR_VERSION ) {\n\t/**\n\t * This error is thrown when, due to a mistake in the way CKEditor&nbsp;5 was installed,\n\t * imported, or initialized, some of its modules were evaluated and executed twice.\n\t * Duplicate modules inevitably lead to runtime errors and increased bundle size.\n\t *\n\t * # Check dependency versions\n\t *\n\t * First, make sure that you use the latest version of all CKEditor&nbsp;5 dependencies.\n\t * Depending on the installation method, you should check the versions of the `ckeditor5`,\n\t * `ckeditor5-premium-features`, or `@ckeditor/ckeditor5-<NAME>` packages. If you cannot update\n\t * to the latest version, ensure that all the CKEditor&nbsp;5 packages are\n\t * in the same version.\n\t *\n\t * If you use third-party plugins, make sure to update them, too. If they are incompatible\n\t * with the version of CKEditor&nbsp;5 you use, you may need to downgrade the CKEditor&nbsp;5 packages\n\t * (which we do not recommend). Ask the plugin's author to upgrade the dependencies,\n\t * or fork their project and update it yourself.\n\t *\n\t * # Check imports\n\t *\n\t * The next step is to look at how you import CKEditor&nbsp;5 into your project.\n\t *\n\t * **The {@glink updating/nim-migration/migration-to-new-installation-methods new installation methods}\n\t * are designed to prevent module duplication, so if you are not using them yet, you should consider\n\t * updating your project**. However, several legacy installation methods are still supported for backward\n\t * compatibility, and mixing them may result in module duplication.\n\t *\n\t * These are the most common import methods of the CKEditor&nbsp;5 packages.\n\t *\n\t * - **New installation methods (NIM)** &ndash; Imports from the `ckeditor5` and `ckeditor5-premium-features` packages.\n\t * - **Optimized build** for the new installation methods &ndash; Imports from the `@ckeditor/ckeditor5-<NAME>/dist/index.js`.\n\t * - **Predefined builds** (no longer supported) &ndash; Imports from the `@ckeditor/ckeditor5-build-<NAME>` packages.\n\t * - **Default imports** (legacy) &ndash; Imports from the `@ckeditor/ckeditor5-<NAME>` packages (default export).\n\t * - **`src`** (legacy) &ndash; Imports from the `@ckeditor/ckeditor5-<NAME>/src/*`.\n\t * - **DLL builds** (legacy) &ndash; Imports from the `ckeditor5/build/<NAME>` and `@ckeditor/ckeditor5-<NAME>/build/*`.\n\t *\n\t * The best way to avoid duplicate modules is to avoid mixing these installation methods. For example, if you use imports\n\t * specific to the optimized build, you should use them for all CKEditor&nbsp;5 packages. In addition, since\n\t * the DLL builds already include the core of the editor, they cannot be used with other types of imports.\n\t *\n\t * Here is a matrix showing which installation methods are compatible with each other:\n\t *\n\t * |                  | NIM | Optimized build | Predefined builds | Default imports | `src` | DLL builds |\n\t * |------------------|-----|-----------------|-------------------|-----------------|-------|------------|\n\t * | NIM              | ✅  | ✅              | ❌                | ❌              | ❌    | ❌         |\n\t * | Optimized builds | ✅  | ✅              | ❌                | ❌              | ❌    | ❌         |\n\t * | Predefined build | ❌  | ❌              | ✅                | ❌              | ❌    | ❌         |\n\t * | Default imports  | ❌  | ❌              | ❌                | ✅              | ✅    | ❌         |\n\t * | `src`            | ❌  | ❌              | ❌                | ✅              | ✅    | ❌         |\n\t * | DLL builds       | ❌  | ❌              | ❌                | ❌              | ❌    | ✅         |\n\t *\n\t * If you use any third-party plugins, make sure the way you import them is compatible with\n\t * the way you import CKEditor&nbsp;5.\n\t *\n\t * <details>\n\t * <summary>New installation methods and optimized builds</summary>\n\t *\n\t * If you use the {@glink updating/nim-migration/migration-to-new-installation-methods new installation methods},\n\t * you should only import { code } from the `ckeditor5` and `ckeditor5-premium-features` packages.\n\t * Do not import { code } from the `@ckeditor/ckeditor5-<NAME>` packages unless you follow\n\t * the {@glink getting-started/setup/optimizing-build-size Optimizing build size} guide and the imports from\n\t * the `@ckeditor/ckeditor5-<NAME>` packages end with `/dist/index.js`.\n\t *\n\t * If you use a CDN, ensure that some files are not included twice in your project.\n\t *\n\t * Examples of valid and invalid import paths:\n\t *\n\t * ```js\n\t * import { ClassicEditor, Highlight } from 'ckeditor5'; // ✅\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/dist/index.js'; // ✅\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/src/highlight.js'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight'; // ❌\n\t * import '@ckeditor/ckeditor5-highlight/build/highlight.js'; // ❌\n\t * ```\n\t * </details>\n\t *\n\t * <details>\n\t * <summary>(Deprecated) Predefined builds</summary>\n\t *\n\t * **As of April, 2025 predefined build are no longer supported. Please refer to the\n\t * {@glink getting-started/index Quick Start} guide\n\t * to choose one of the modern installation and integration methods available**.\n\t *\n\t * If you use the predefined builds, you cannot import any additional plugins.\n\t * These builds already include the editor's core and selected plugins and importing additional\n\t * ones will cause some modules to be bundled and loaded twice.\n\t *\n\t * Examples of valid and invalid import paths:\n\t *\n\t * ```js\n\t * import { ClassicEditor } from '@ckeditor/ckeditor5-build-classic'; // ✅\n\t * import { Highlight } from 'ckeditor5'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/dist/index.js'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/src/highlight'; // ❌\n\t * import '@ckeditor/ckeditor5-highlight/build/highlight'; // ❌\n\t * ```\n\t *\n\t * If you are missing some features from the list of plugins, you should switch to the\n\t * {@glink updating/nim-migration/migration-to-new-installation-methods new installation methods}\n\t * which do not have this limitation.\n\t * </details>\n\t *\n\t * <details>\n\t * <summary>(Legacy) Default imports and `src` imports</summary>\n\t *\n\t * If you use the {@glink getting-started/legacy/installation-methods/quick-start-other legacy customized installation}\n\t * method, you should only import { code from the `@ckeditor/ckeditor5-<NAME>` packages. While you can import code } from\n\t * the `@ckeditor/ckeditor5-<NAME>/src/*` files, it is not recommended as it can make migration to the new installation\n\t * methods more difficult.\n\t *\n\t * If you use this installation method, you should not import { code } from the `ckeditor5` or `ckeditor5-premium-features` packages.\n\t *\n\t * Examples of valid and invalid import paths:\n\t *\n\t * ```js\n\t * import { ClassicEditor } from '@ckeditor/ckeditor5-editor-classic'; // ✅\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight'; // ✅\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/src/highlight.js'; // ✅ (not recommended)\n\t * import { Highlight } from 'ckeditor5'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/dist/index.js'; // ❌\n\t * import '@ckeditor/ckeditor5-highlight/build/highlight'; // ❌\n\t * ```\n\t * </details>\n\t *\n\t * <details>\n\t * <summary>(Legacy) DLL builds</summary>\n\t *\n\t * If you are using the {@glink getting-started/legacy/advanced/alternative-setups/dll-builds legacy DLL builds},\n\t * you should not import any non-DLL modules.\n\t *\n\t * Examples of valid and invalid import paths:\n\t *\n\t * ```js\n\t * import 'ckeditor5/build/ckeditor5-dll.js';// ✅\n\t * import '@ckeditor/ckeditor5-editor-classic/build/editor-classic.js';// ✅\n\t * import '@ckeditor/ckeditor5-highlight/build/highlight.js';// ✅\n\t * import { Highlight } from 'ckeditor5'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/dist/index.js'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight'; // ❌\n\t * import { Highlight } from '@ckeditor/ckeditor5-highlight/src/highlight.js'; // ❌\n\t * ```\n\t * </details>\n\t *\n\t * # Reinstall `node_modules`\n\t *\n\t * Usually, npm and other package managers deduplicate all packages - for example, `ckeditor5` is only installed once\n\t * in `node_modules/`. However, it is known to fail to do so occasionally.\n\t *\n\t * To rule out this possibility, you can try the following:\n\t *\n\t * 1. Remove the `node_modules` directory.\n\t * 2. Remove the `package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml` files (depending on the package manager used).\n\t * 3. Run `npm install` to reinstall all packages.\n\t * 4. Run `npm ls` to check how many times packages like `@ckeditor/ckeditor5-core` are installed.\n\t * If they are installed more than once, verify which package causes that.\n\t *\n\t * @error ckeditor-duplicated-modules\n\t */\n\tthrow new CKEditorError(\n\t\t'ckeditor-duplicated-modules',\n\t\tnull\n\t);\n} else {\n\tglobalThis.CKEDITOR_VERSION = version;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/emittermixin\n */\n\nimport { EventInfo } from './eventinfo.js';\nimport { uid } from './uid.js';\nimport { priorities, type PriorityString } from './priorities.js';\nimport { insertToPriorityArray } from './inserttopriorityarray.js';\nimport type { Constructor, Mixed } from './mix.js';\n\n// To check if component is loaded more than once.\nimport './version.js';\nimport { CKEditorError } from './ckeditorerror.js';\n\nconst _listeningTo = Symbol( 'listeningTo' );\nconst _emitterId = Symbol( 'emitterId' );\nconst _delegations = Symbol( 'delegations' );\n\nconst defaultEmitterClass = /* #__PURE__ */ EmitterMixin( Object );\n\n/**\n * Mixin that injects the {@link ~Emitter events API} into its host.\n *\n * This function creates a class that inherits from the provided `base` and implements `Emitter` interface.\n *\n * ```ts\n * class BaseClass { ... }\n *\n * class MyClass extends EmitterMixin( BaseClass ) {\n * \t// This class derives from `BaseClass` and implements the `Emitter` interface.\n * }\n * ```\n *\n * Read more about the concept of emitters in the:\n * * {@glink framework/architecture/core-editor-architecture#event-system-and-observables Event system and observables}\n * section of the {@glink framework/architecture/core-editor-architecture Core editor architecture} guide.\n * * {@glink framework/deep-dive/event-system Event system} deep-dive guide.\n *\n * @label EXTENDS\n */\nexport function EmitterMixin<Base extends Constructor>( base: Base ): Mixed<Base, Emitter>;\n\n/**\n * Mixin that injects the {@link ~Emitter events API} into its host.\n *\n * This function creates a class that implements `Emitter` interface.\n *\n * ```ts\n * class MyClass extends EmitterMixin() {\n * \t// This class implements the `Emitter` interface.\n * }\n * ```\n *\n * Read more about the concept of emitters in the:\n * * {@glink framework/architecture/core-editor-architecture#event-system-and-observables Event system and observables}\n * section of the {@glink framework/architecture/core-editor-architecture Core editor architecture} guide.\n * * {@glink framework/deep-dive/event-system Event system} deep dive guide.\n *\n * @label NO_ARGUMENTS\n */\nexport function EmitterMixin(): {\n\tnew (): Emitter;\n\tprototype: Emitter;\n};\n\nexport function EmitterMixin( base?: Constructor ): unknown {\n\tif ( !base ) {\n\t\treturn defaultEmitterClass;\n\t}\n\n\tabstract class Mixin extends base implements EmitterInternal {\n\t\tpublic on<TEvent extends BaseEvent>(\n\t\t\tevent: TEvent[ 'name' ],\n\t\t\tcallback: GetCallback<TEvent>,\n\t\t\toptions?: CallbackOptions\n\t\t): void {\n\t\t\tthis.listenTo( this, event, callback, options );\n\t\t}\n\n\t\tpublic once<TEvent extends BaseEvent>(\n\t\t\tevent: TEvent[ 'name' ],\n\t\t\tcallback: GetCallback<TEvent>,\n\t\t\toptions?: CallbackOptions\n\t\t): void {\n\t\t\tlet wasFired = false;\n\n\t\t\tconst onceCallback: typeof callback = ( event, ...args ) => {\n\t\t\t\t// Ensure the callback is called only once even if the callback itself leads to re-firing the event\n\t\t\t\t// (which would call the callback again).\n\t\t\t\tif ( !wasFired ) {\n\t\t\t\t\twasFired = true;\n\n\t\t\t\t\t// Go off() at the first call.\n\t\t\t\t\tevent.off();\n\n\t\t\t\t\t// Go with the original callback.\n\t\t\t\t\tcallback.call( this, event, ...args );\n\t\t\t\t}\n\t\t\t};\n\n\t\t\t// Make a similar on() call, simply replacing the callback.\n\t\t\tthis.listenTo( this, event, onceCallback, options );\n\t\t}\n\n\t\tpublic off( event: string, callback: Function ): void {\n\t\t\tthis.stopListening( this, event, callback );\n\t\t}\n\n\t\tpublic listenTo<TEvent extends BaseEvent>(\n\t\t\temitter: Emitter,\n\t\t\tevent: TEvent[ 'name' ],\n\t\t\tcallback: GetCallback<TEvent>,\n\t\t\toptions: CallbackOptions = {}\n\t\t): void {\n\t\t\tlet emitterInfo, eventCallbacks;\n\n\t\t\t// _listeningTo contains a list of emitters that this object is listening to.\n\t\t\t// This list has the following format:\n\t\t\t//\n\t\t\t// _listeningTo: {\n\t\t\t//     emitterId: {\n\t\t\t//         emitter: emitter,\n\t\t\t//         callbacks: {\n\t\t\t//             event1: [ callback1, callback2, ... ]\n\t\t\t//             ....\n\t\t\t//         }\n\t\t\t//     },\n\t\t\t//     ...\n\t\t\t// }\n\n\t\t\tif ( !this[ _listeningTo ] ) {\n\t\t\t\tthis[ _listeningTo ] = {};\n\t\t\t}\n\n\t\t\tconst emitters = this[ _listeningTo ]!;\n\n\t\t\tif ( !_getEmitterId( emitter ) ) {\n\t\t\t\t_setEmitterId( emitter );\n\t\t\t}\n\n\t\t\tconst emitterId = _getEmitterId( emitter )!;\n\n\t\t\tif ( !( emitterInfo = emitters[ emitterId ] ) ) {\n\t\t\t\temitterInfo = emitters[ emitterId ] = {\n\t\t\t\t\temitter,\n\t\t\t\t\tcallbacks: {}\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif ( !( eventCallbacks = emitterInfo.callbacks[ event ] ) ) {\n\t\t\t\teventCallbacks = emitterInfo.callbacks[ event ] = [];\n\t\t\t}\n\n\t\t\teventCallbacks.push( callback );\n\n\t\t\t// Finally register the callback to the event.\n\t\t\taddEventListener( this, emitter, event, callback, options );\n\t\t}\n\n\t\tpublic stopListening( emitter?: Emitter, event?: string, callback?: Function ): void {\n\t\t\tconst emitters = this[ _listeningTo ];\n\t\t\tlet emitterId = emitter && _getEmitterId( emitter );\n\t\t\tconst emitterInfo = ( emitters && emitterId ) ? emitters[ emitterId ] : undefined;\n\t\t\tconst eventCallbacks = ( emitterInfo && event ) ? emitterInfo.callbacks[ event ] : undefined;\n\n\t\t\t// Stop if nothing has been listened.\n\t\t\tif ( !emitters || ( emitter && !emitterInfo ) || ( event && !eventCallbacks ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// All params provided. off() that single callback.\n\t\t\tif ( callback ) {\n\t\t\t\tremoveEventListener( this, emitter!, event!, callback );\n\n\t\t\t\t// We must remove callbacks as well in order to prevent memory leaks.\n\t\t\t\t// See https://github.com/ckeditor/ckeditor5/pull/8480\n\t\t\t\tconst index = eventCallbacks!.indexOf( callback );\n\n\t\t\t\tif ( index !== -1 ) {\n\t\t\t\t\tif ( eventCallbacks!.length === 1 ) {\n\t\t\t\t\t\tdelete emitterInfo!.callbacks[ event! ];\n\t\t\t\t\t} else {\n\t\t\t\t\t\tremoveEventListener( this, emitter!, event!, callback );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Only `emitter` and `event` provided. off() all callbacks for that event.\n\t\t\telse if ( eventCallbacks ) {\n\t\t\t\twhile ( ( callback = eventCallbacks.pop() ) ) {\n\t\t\t\t\tremoveEventListener( this, emitter!, event!, callback );\n\t\t\t\t}\n\n\t\t\t\tdelete emitterInfo!.callbacks[ event! ];\n\t\t\t}\n\t\t\t// Only `emitter` provided. off() all events for that emitter.\n\t\t\telse if ( emitterInfo ) {\n\t\t\t\tfor ( event in emitterInfo.callbacks ) {\n\t\t\t\t\tthis.stopListening( emitter!, event );\n\t\t\t\t}\n\t\t\t\tdelete emitters[ emitterId! ];\n\t\t\t}\n\t\t\t// No params provided. off() all emitters.\n\t\t\telse {\n\t\t\t\tfor ( emitterId in emitters ) {\n\t\t\t\t\tthis.stopListening( emitters[ emitterId ].emitter );\n\t\t\t\t}\n\t\t\t\tdelete this[ _listeningTo ];\n\t\t\t}\n\t\t}\n\n\t\tpublic fire<TEvent extends BaseEvent>(\n\t\t\teventOrInfo: GetNameOrEventInfo<TEvent>,\n\t\t\t...args: TEvent[ 'args' ]\n\t\t): GetEventInfo<TEvent>[ 'return' ] {\n\t\t\ttry {\n\t\t\t\tconst eventInfo = eventOrInfo instanceof EventInfo ? eventOrInfo : new EventInfo( this, eventOrInfo );\n\t\t\t\tconst event = eventInfo.name;\n\t\t\t\tlet callbacks = getCallbacksForEvent( this, event );\n\n\t\t\t\t// Record that the event passed this emitter on its path.\n\t\t\t\teventInfo.path.push( this );\n\n\t\t\t\t// Handle event listener callbacks first.\n\t\t\t\tif ( callbacks ) {\n\t\t\t\t\t// Copying callbacks array is the easiest and most secure way of preventing infinite loops, when event callbacks\n\t\t\t\t\t// are added while processing other callbacks. Previous solution involved adding counters (unique ids) but\n\t\t\t\t\t// failed if callbacks were added to the queue before currently processed callback.\n\t\t\t\t\t// If this proves to be too inefficient, another method is to change `.on()` so callbacks are stored if same\n\t\t\t\t\t// event is currently processed. Then, `.fire()` at the end, would have to add all stored events.\n\t\t\t\t\tcallbacks = callbacks.slice();\n\n\t\t\t\t\tfor ( let i = 0; i < callbacks.length; i++ ) {\n\t\t\t\t\t\tconst fn = callbacks[ i ].callback;\n\n\t\t\t\t\t\tfn.call( this, eventInfo, ...args );\n\n\t\t\t\t\t\t// Remove the callback from future requests if off() has been called.\n\t\t\t\t\t\tif ( eventInfo.off.called ) {\n\t\t\t\t\t\t\t// Remove the called mark for the next calls.\n\t\t\t\t\t\t\tdelete eventInfo.off.called;\n\n\t\t\t\t\t\t\tthis._removeEventListener( event, fn );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Do not execute next callbacks if stop() was called.\n\t\t\t\t\t\tif ( eventInfo.stop.called ) {\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Delegate event to other emitters if needed.\n\t\t\t\tconst delegations = this[ _delegations ];\n\n\t\t\t\tif ( delegations ) {\n\t\t\t\t\tconst destinations = delegations.get( event );\n\t\t\t\t\tconst passAllDestinations = delegations.get( '*' );\n\n\t\t\t\t\tif ( destinations ) {\n\t\t\t\t\t\tfireDelegatedEvents( destinations, eventInfo, args );\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( passAllDestinations ) {\n\t\t\t\t\t\tfireDelegatedEvents( passAllDestinations, eventInfo, args );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn eventInfo.return;\n\t\t\t} catch ( err ) {\n\t\t\t\t// @if CK_DEBUG // throw err;\n\t\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\t\tCKEditorError.rethrowUnexpectedError( err as Error, this );\n\t\t\t}\n\t\t}\n\n\t\tpublic delegate( ...events: Array<string> ): EmitterMixinDelegateChain {\n\t\t\treturn {\n\t\t\t\tto: ( emitter, nameOrFunction ) => {\n\t\t\t\t\tif ( !this[ _delegations ] ) {\n\t\t\t\t\t\tthis[ _delegations ] = new Map();\n\t\t\t\t\t}\n\n\t\t\t\t\t// Originally there was a for..of loop which unfortunately caused an error in Babel that didn't allow\n\t\t\t\t\t// build an application. See: https://github.com/ckeditor/ckeditor5-react/issues/40.\n\t\t\t\t\tevents.forEach( eventName => {\n\t\t\t\t\t\tconst destinations = this[ _delegations ]!.get( eventName );\n\n\t\t\t\t\t\tif ( !destinations ) {\n\t\t\t\t\t\t\tthis[ _delegations ]!.set( eventName, new Map( [ [ emitter, nameOrFunction ] ] ) );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdestinations.set( emitter, nameOrFunction );\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\n\t\tpublic stopDelegating( event?: string, emitter?: Emitter ): void {\n\t\t\tif ( !this[ _delegations ] ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !event ) {\n\t\t\t\tthis[ _delegations ]!.clear();\n\t\t\t} else if ( !emitter ) {\n\t\t\t\tthis[ _delegations ]!.delete( event );\n\t\t\t} else {\n\t\t\t\tconst destinations = this[ _delegations ]!.get( event );\n\n\t\t\t\tif ( destinations ) {\n\t\t\t\t\tdestinations.delete( emitter );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tpublic _addEventListener<TEvent extends BaseEvent>(\n\t\t\tevent: TEvent[ 'name' ],\n\t\t\tcallback: GetCallback<TEvent>,\n\t\t\toptions: CallbackOptions\n\t\t): void {\n\t\t\tcreateEventNamespace( this, event );\n\n\t\t\tconst lists = getCallbacksListsForNamespace( this, event );\n\t\t\tconst priority = priorities.get( options.priority );\n\n\t\t\tconst callbackDefinition = {\n\t\t\t\tcallback,\n\t\t\t\tpriority\n\t\t\t};\n\n\t\t\t// Add the callback to all callbacks list.\n\t\t\tfor ( const callbacks of lists ) {\n\t\t\t\t// Add the callback to the list in the right priority position.\n\t\t\t\tinsertToPriorityArray( callbacks, callbackDefinition );\n\t\t\t}\n\t\t}\n\n\t\tpublic _removeEventListener( event: string, callback: Function ): void {\n\t\t\tconst lists = getCallbacksListsForNamespace( this, event );\n\n\t\t\tfor ( const callbacks of lists ) {\n\t\t\t\tfor ( let i = 0; i < callbacks.length; i++ ) {\n\t\t\t\t\tif ( callbacks[ i ].callback == callback ) {\n\t\t\t\t\t\t// Remove the callback from the list (fixing the next index).\n\t\t\t\t\t\tcallbacks.splice( i, 1 );\n\t\t\t\t\t\ti--;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tpublic declare _events?: { [ eventName: string ]: EventNode };\n\n\t\tpublic declare [ _emitterId ]?: string;\n\n\t\tpublic declare [ _listeningTo ]?: {\n\t\t\t[ emitterId: string ]: {\n\t\t\t\temitter: Emitter;\n\t\t\t\tcallbacks: { [ event: string]: Array<Function> };\n\t\t\t};\n\t\t};\n\n\t\tpublic declare [ _delegations ]?: Map<string, Map<Emitter, string | ( ( name: string ) => string ) | undefined>>;\n\t}\n\n\treturn Mixin;\n}\n\n/**\n * Emitter/listener interface.\n *\n * Can be easily implemented by a class by mixing the {@link module:utils/emittermixin~Emitter} mixin.\n *\n * ```ts\n * class MyClass extends EmitterMixin() {\n * \t// This class now implements the `Emitter` interface.\n * }\n * ```\n *\n * Read more about the usage of this interface in the:\n * * {@glink framework/architecture/core-editor-architecture#event-system-and-observables Event system and observables}\n * section of the {@glink framework/architecture/core-editor-architecture Core editor architecture} guide.\n * * {@glink framework/deep-dive/event-system Event system} deep-dive guide.\n */\nexport interface Emitter {\n\n\t/**\n\t * Registers a callback function to be executed when an event is fired.\n\t *\n\t * Shorthand for {@link #listenTo `this.listenTo( this, event, callback, options )`} (it makes the emitter\n\t * listen on itself).\n\t *\n\t * @typeParam TEvent The type descibing the event. See {@link module:utils/emittermixin~BaseEvent}.\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t */\n\ton<TEvent extends BaseEvent>(\n\t\tevent: TEvent[ 'name' ],\n\t\tcallback: GetCallback<TEvent>,\n\t\toptions?: GetCallbackOptions<TEvent>\n\t): void;\n\n\t/**\n\t * Registers a callback function to be executed on the next time the event is fired only. This is similar to\n\t * calling {@link #on} followed by {@link #off} in the callback.\n\t *\n\t * @typeParam TEvent The type descibing the event. See {@link module:utils/emittermixin~BaseEvent}.\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t */\n\tonce<TEvent extends BaseEvent>(\n\t\tevent: TEvent[ 'name' ],\n\t\tcallback: GetCallback<TEvent>,\n\t\toptions?: GetCallbackOptions<TEvent>\n\t): void;\n\n\t/**\n\t * Stops executing the callback on the given event.\n\t * Shorthand for {@link #stopListening `this.stopListening( this, event, callback )`}.\n\t *\n\t * @param event The name of the event.\n\t * @param callback The function to stop being called.\n\t */\n\toff( event: string, callback: Function ): void;\n\n\t/**\n\t * Registers a callback function to be executed when an event is fired in a specific (emitter) object.\n\t *\n\t * Events can be grouped in namespaces using `:`.\n\t * When namespaced event is fired, it additionally fires all callbacks for that namespace.\n\t *\n\t * ```ts\n\t * // myEmitter.on( ... ) is a shorthand for myEmitter.listenTo( myEmitter, ... ).\n\t * myEmitter.on( 'myGroup', genericCallback );\n\t * myEmitter.on( 'myGroup:myEvent', specificCallback );\n\t *\n\t * // genericCallback is fired.\n\t * myEmitter.fire( 'myGroup' );\n\t * // both genericCallback and specificCallback are fired.\n\t * myEmitter.fire( 'myGroup:myEvent' );\n\t * // genericCallback is fired even though there are no callbacks for \"foo\".\n\t * myEmitter.fire( 'myGroup:foo' );\n\t * ```\n\t *\n\t * An event callback can {@link module:utils/eventinfo~EventInfo#stop stop the event} and\n\t * set the {@link module:utils/eventinfo~EventInfo#return return value} of the {@link #fire} method.\n\t *\n\t * @label BASE_EMITTER\n\t * @typeParam TEvent The type describing the event. See {@link module:utils/emittermixin~BaseEvent}.\n\t * @param emitter The object that fires the event.\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t */\n\tlistenTo<TEvent extends BaseEvent>(\n\t\temitter: Emitter,\n\t\tevent: TEvent[ 'name' ],\n\t\tcallback: GetCallback<TEvent>,\n\t\toptions?: GetCallbackOptions<TEvent>\n\t): void;\n\n\t/**\n\t * Stops listening for events. It can be used at different levels:\n\t *\n\t * * To stop listening to a specific callback.\n\t * * To stop listening to a specific event.\n\t * * To stop listening to all events fired by a specific object.\n\t * * To stop listening to all events fired by all objects.\n\t *\n\t * @label BASE_STOP\n\t * @param emitter The object to stop listening to. If omitted, stops it for all objects.\n\t * @param event (Requires the `emitter`) The name of the event to stop listening to. If omitted, stops it\n\t * for all events from `emitter`.\n\t * @param callback (Requires the `event`) The function to be removed from the call list for the given\n\t * `event`.\n\t */\n\tstopListening( emitter?: Emitter, event?: string, callback?: Function ): void;\n\n\t/**\n\t * Fires an event, executing all callbacks registered for it.\n\t *\n\t * The first parameter passed to callbacks is an {@link module:utils/eventinfo~EventInfo} object,\n\t * followed by the optional `args` provided in the `fire()` method call.\n\t *\n\t * @typeParam TEvent The type describing the event. See {@link module:utils/emittermixin~BaseEvent}.\n\t * @param eventOrInfo The name of the event or `EventInfo` object if event is delegated.\n\t * @param args Additional arguments to be passed to the callbacks.\n\t * @returns By default the method returns `undefined`. However, the return value can be changed by listeners\n\t * through modification of the {@link module:utils/eventinfo~EventInfo#return `evt.return`}'s property (the event info\n\t * is the first param of every callback).\n\t */\n\tfire<TEvent extends BaseEvent>(\n\t\teventOrInfo: GetNameOrEventInfo<TEvent>,\n\t\t...args: TEvent[ 'args' ]\n\t): GetEventInfo<TEvent>[ 'return' ];\n\n\t/**\n\t * Delegates selected events to another {@link module:utils/emittermixin~Emitter}. For instance:\n\t *\n\t * ```ts\n\t * emitterA.delegate( 'eventX' ).to( emitterB );\n\t * emitterA.delegate( 'eventX', 'eventY' ).to( emitterC );\n\t * ```\n\t *\n\t * then `eventX` is delegated (fired by) `emitterB` and `emitterC` along with `data`:\n\t *\n\t * ```ts\n\t * emitterA.fire( 'eventX', data );\n\t * ```\n\t *\n\t * and `eventY` is delegated (fired by) `emitterC` along with `data`:\n\t *\n\t * ```ts\n\t * emitterA.fire( 'eventY', data );\n\t * ```\n\t *\n\t * @param events Event names that will be delegated to another emitter.\n\t */\n\tdelegate( ...events: Array<string> ): EmitterMixinDelegateChain;\n\n\t/**\n\t * Stops delegating events. It can be used at different levels:\n\t *\n\t * * To stop delegating all events.\n\t * * To stop delegating a specific event to all emitters.\n\t * * To stop delegating a specific event to a specific emitter.\n\t *\n\t * @param event The name of the event to stop delegating. If omitted, stops it all delegations.\n\t * @param emitter (requires `event`) The object to stop delegating a particular event to.\n\t * If omitted, stops delegation of `event` to all emitters.\n\t */\n\tstopDelegating( event?: string, emitter?: Emitter ): void;\n}\n\ninterface EmitterInternal extends Emitter {\n\n\t/**\n\t * Adds callback to emitter for given event.\n\t *\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t */\n\t_addEventListener?: <TEvent extends BaseEvent>(\n\t\tevent: TEvent[ 'name' ],\n\t\tcallback: GetCallback<TEvent>,\n\t\toptions: CallbackOptions\n\t) => void;\n\n\t/**\n\t * Removes callback from emitter for given event.\n\t *\n\t * @param event The name of the event.\n\t * @param callback The function to stop being called.\n\t */\n\t_removeEventListener?: ( event: string, callback: Function ) => void;\n\n\t_events?: { [ eventName: string ]: EventNode };\n\n\t[ _emitterId ]?: string;\n\n\t[ _listeningTo ]?: {\n\t\t[ emitterId: string ]: {\n\t\t\temitter: Emitter;\n\t\t\tcallbacks: { [ event: string]: Array<Function> };\n\t\t};\n\t};\n\n\t[ _delegations ]?: Map<string, Map<Emitter, string | ( ( name: string ) => string ) | undefined>>;\n}\n\n/**\n * Default type describing any event.\n *\n * Every custom event has to be compatible with `BaseEvent`.\n *\n * ```ts\n * type MyEvent = {\n * \t// In `fire<MyEvent>( name )`, `on<MyEvent>( name )`, `once<MyEvent>( name )` and `listenTo<MyEvent>( name )` calls\n * \t// the `name` argument will be type-checked to ensure it's `'myEvent'` or have `'myEvent:'` prefix.\n * \t// Required.\n * \tname: 'myEvent' | `myEvent:${ string }`;\n *\n * \t// In `fire<MyEvent>( name, a, b )` call, `a` and `b` parameters will be type-checked against `number` and `string`.\n * \t// In `on<MyEvent>`, `once<MyEvent>` and `listenTo<MyEvent>` calls, the parameters of provided callback function\n * \t// will be automatically inferred as `EventInfo`, `number` and `string`.\n * \t// Required.\n * \targs: [ number, string ];\n *\n * \t// `fire<MyEvent>` will have return type `boolean | undefined`.\n * \t// Optional, unknown by default.\n * \treturn: boolean;\n *\n * \t// `fire<MyEvent>( eventInfo )` will type-check that `eventInfo` is `MyEventInfo`, not a base `EventInfo` or string.\n * \t// In `on<MyEvent>`, `once<MyEvent>` and `listenTo<MyEvent>` calls, the first callback parameter will be of this type.\n * \t// Optional.\n * \teventInfo: MyEventInfo;\n *\n * \t// In `on<MyEvent>`, `once<MyEvent>` and `listenTo<MyEvent>` calls, the `options` parameter will be of type\n * \t// `{ myOption?: boolean; priority?: PriorityString }\n * \t// Optional.\n * \tcallbackOptions: { myOption?: boolean };\n * };\n * ```\n */\nexport type BaseEvent = {\n\tname: string;\n\targs: Array<any>;\n};\n\n/**\n * Utility type that gets the `EventInfo` subclass for the given event.\n */\nexport type GetEventInfo<TEvent extends BaseEvent> = TEvent extends { eventInfo: EventInfo } ?\n\tTEvent[ 'eventInfo' ] :\n\tEventInfo<TEvent[ 'name' ], ( TEvent extends { return: infer TReturn } ? TReturn : unknown )>;\n\n/**\n * Utility type that gets the `EventInfo` subclass or event name type for the given event.\n */\nexport type GetNameOrEventInfo<TEvent extends BaseEvent> = TEvent extends { eventInfo: EventInfo } ?\n\tTEvent[ 'eventInfo' ] :\n\tTEvent[ 'name' ] | EventInfo<TEvent[ 'name' ], ( TEvent extends { return: infer TReturn } ? TReturn : unknown )>;\n\n/**\n * Utility type that gets the callback type for the given event.\n */\nexport type GetCallback<TEvent extends BaseEvent> = ( this: Emitter, ev: GetEventInfo<TEvent>, ...args: TEvent[ 'args' ] ) => void;\n\n/**\n * Utility type that gets the callback options for the given event.\n */\nexport type GetCallbackOptions<TEvent extends BaseEvent> = TEvent extends { callbackOptions: infer TOptions } ?\n\tTOptions & CallbackOptions :\n\tCallbackOptions;\n\n/**\n * Additional options for registering a callback.\n */\nexport interface CallbackOptions {\n\n\t/**\n\t * The priority of this event callback. The higher\n\t * the priority value the sooner the callback will be fired. Events having the same priority are called in the\n\t * order they were added.\n\t *\n\t * @defaultValue `'normal'`\n\t */\n\treadonly priority?: PriorityString;\n}\n\n/**\n * Checks if `listeningEmitter` listens to an emitter with given `listenedToEmitterId` and if so, returns that emitter.\n * If not, returns `null`.\n *\n * @internal\n * @param listeningEmitter An emitter that listens.\n * @param listenedToEmitterId Unique emitter id of emitter listened to.\n */\nexport function _getEmitterListenedTo( listeningEmitter: Emitter, listenedToEmitterId: string ): Emitter | null {\n\tconst listeningTo = ( listeningEmitter as EmitterInternal )[ _listeningTo ];\n\tif ( listeningTo && listeningTo[ listenedToEmitterId ] ) {\n\t\treturn listeningTo[ listenedToEmitterId ].emitter;\n\t}\n\n\treturn null;\n}\n\n/**\n * Sets emitter's unique id.\n *\n * **Note:** `_emitterId` can be set only once.\n *\n * @internal\n * @param emitter An emitter for which id will be set.\n * @param id Unique id to set. If not passed, random unique id will be set.\n */\nexport function _setEmitterId( emitter: Emitter, id?: string ): void {\n\tif ( !( emitter as EmitterInternal )[ _emitterId ] ) {\n\t\t( emitter as EmitterInternal )[ _emitterId ] = id || uid();\n\t}\n}\n\n/**\n * Returns emitter's unique id.\n *\n * @internal\n * @param emitter An emitter which id will be returned.\n */\nexport function _getEmitterId( emitter: Emitter ): string | undefined {\n\treturn ( emitter as EmitterInternal )[ _emitterId ];\n}\n\ninterface EventNode {\n\tcallbacks: Array<{ callback: Function; priority: number }>;\n\tchildEvents: Array<string>;\n}\n\n/**\n * Gets the internal `_events` property of the given object.\n * `_events` property store all lists with callbacks for registered event names.\n * If there were no events registered on the object, empty `_events` object is created.\n */\nfunction getEvents( source: EmitterInternal ): { [ eventName: string ]: EventNode } {\n\tif ( !source._events ) {\n\t\tObject.defineProperty( source, '_events', {\n\t\t\tvalue: {}\n\t\t} );\n\t}\n\n\treturn source._events!;\n}\n\n/**\n * Creates event node for generic-specific events relation architecture.\n */\nfunction makeEventNode(): EventNode {\n\treturn {\n\t\tcallbacks: [],\n\t\tchildEvents: []\n\t};\n}\n\n/**\n * Creates an architecture for generic-specific events relation.\n * If needed, creates all events for given eventName, i.e. if the first registered event\n * is foo:bar:abc, it will create foo:bar:abc, foo:bar and foo event and tie them together.\n * It also copies callbacks from more generic events to more specific events when\n * specific events are created.\n */\nfunction createEventNamespace( source: EmitterInternal, eventName: string ): void {\n\tconst events = getEvents( source );\n\n\t// First, check if the event we want to add to the structure already exists.\n\tif ( events[ eventName ] ) {\n\t\t// If it exists, we don't have to do anything.\n\t\treturn;\n\t}\n\n\t// In other case, we have to create the structure for the event.\n\t// Note, that we might need to create intermediate events too.\n\t// I.e. if foo:bar:abc is being registered and we only have foo in the structure,\n\t// we need to also register foo:bar.\n\n\t// Currently processed event name.\n\tlet name = eventName;\n\t// Name of the event that is a child event for currently processed event.\n\tlet childEventName = null;\n\n\t// Array containing all newly created specific events.\n\tconst newEventNodes = [];\n\n\t// While loop can't check for ':' index because we have to handle generic events too.\n\t// In each loop, we truncate event name, going from the most specific name to the generic one.\n\t// I.e. foo:bar:abc -> foo:bar -> foo.\n\twhile ( name !== '' ) {\n\t\tif ( events[ name ] ) {\n\t\t\t// If the currently processed event name is already registered, we can be sure\n\t\t\t// that it already has all the structure created, so we can break the loop here\n\t\t\t// as no more events need to be registered.\n\t\t\tbreak;\n\t\t}\n\n\t\t// If this event is not yet registered, create a new object for it.\n\t\tevents[ name ] = makeEventNode();\n\t\t// Add it to the array with newly created events.\n\t\tnewEventNodes.push( events[ name ] );\n\n\t\t// Add previously processed event name as a child of this event.\n\t\tif ( childEventName ) {\n\t\t\tevents[ name ].childEvents.push( childEventName );\n\t\t}\n\n\t\tchildEventName = name;\n\t\t// If `.lastIndexOf()` returns -1, `.substr()` will return '' which will break the loop.\n\t\tname = name.substr( 0, name.lastIndexOf( ':' ) );\n\t}\n\n\tif ( name !== '' ) {\n\t\t// If name is not empty, we found an already registered event that was a parent of the\n\t\t// event we wanted to register.\n\n\t\t// Copy that event's callbacks to newly registered events.\n\t\tfor ( const node of newEventNodes ) {\n\t\t\tnode.callbacks = events[ name ].callbacks.slice();\n\t\t}\n\n\t\t// Add last newly created event to the already registered event.\n\t\tevents[ name ].childEvents.push( childEventName! );\n\t}\n}\n\n/**\n * Gets an array containing callbacks list for a given event and it's more specific events.\n * I.e. if given event is foo:bar and there is also foo:bar:abc event registered, this will\n * return callback list of foo:bar and foo:bar:abc (but not foo).\n */\nfunction getCallbacksListsForNamespace( source: EmitterInternal, eventName: string ): Array<EventNode[ 'callbacks' ]> {\n\tconst eventNode = getEvents( source )[ eventName ];\n\n\tif ( !eventNode ) {\n\t\treturn [];\n\t}\n\n\tlet callbacksLists = [ eventNode.callbacks ];\n\n\tfor ( let i = 0; i < eventNode.childEvents.length; i++ ) {\n\t\tconst childCallbacksLists = getCallbacksListsForNamespace( source, eventNode.childEvents[ i ] );\n\n\t\tcallbacksLists = callbacksLists.concat( childCallbacksLists );\n\t}\n\n\treturn callbacksLists;\n}\n\n/**\n * Get the list of callbacks for a given event, but only if there any callbacks have been registered.\n * If there are no callbacks registered for given event, it checks if this is a specific event and looks\n * for callbacks for it's more generic version.\n */\nfunction getCallbacksForEvent( source: EmitterInternal, eventName: string ): EventNode[ 'callbacks' ] | null {\n\tif ( !source._events ) {\n\t\treturn null;\n\t}\n\n\tlet currentEventName = eventName;\n\n\tdo {\n\t\tconst event = source._events[ currentEventName ];\n\n\t\tif ( event && event.callbacks && event.callbacks.length ) {\n\t\t\treturn event.callbacks;\n\t\t}\n\n\t\tconst colonIndex = currentEventName.lastIndexOf( ':' );\n\n\t\tcurrentEventName = colonIndex > -1 ? currentEventName.substring( 0, colonIndex ) : '';\n\t} while ( currentEventName );\n\n\treturn null;\n}\n\n/**\n * Fires delegated events for given map of destinations.\n *\n * @param destinations A map containing `[ {@link module:utils/emittermixin~Emitter}, \"event name\" ]` pair destinations.\n * @param eventInfo The original event info object.\n * @param fireArgs Arguments the original event was fired with.\n */\nfunction fireDelegatedEvents(\n\tdestinations: Map<Emitter, string | ( ( name: string ) => string ) | undefined>,\n\teventInfo: EventInfo,\n\tfireArgs: Array<any>\n) {\n\tfor ( let [ emitter, name ] of destinations ) {\n\t\tif ( !name ) {\n\t\t\tname = eventInfo.name;\n\t\t} else if ( typeof name == 'function' ) {\n\t\t\tname = name( eventInfo.name );\n\t\t}\n\n\t\tconst delegatedInfo = new EventInfo( eventInfo.source, name );\n\n\t\tdelegatedInfo.path = [ ...eventInfo.path ];\n\n\t\temitter.fire( delegatedInfo, ...fireArgs );\n\t}\n}\n\n/**\n * Helper for registering event callback on the emitter.\n */\nfunction addEventListener<TEvent extends BaseEvent>(\n\tlistener: EmitterInternal,\n\temitter: EmitterInternal,\n\tevent: TEvent[ 'name' ],\n\tcallback: GetCallback<TEvent>,\n\toptions: CallbackOptions\n) {\n\tif ( emitter._addEventListener ) {\n\t\temitter._addEventListener( event, callback, options );\n\t} else {\n\t\t// Allow listening on objects that do not implement Emitter interface.\n\t\t// This is needed in some tests that are using mocks instead of the real objects with EmitterMixin mixed.\n\t\t( listener._addEventListener!<TEvent> ).call( emitter, event, callback, options );\n\t}\n}\n\n/**\n * Helper for removing event callback from the emitter.\n */\nfunction removeEventListener( listener: EmitterInternal, emitter: EmitterInternal, event: string, callback: Function ): void {\n\tif ( emitter._removeEventListener ) {\n\t\temitter._removeEventListener( event, callback );\n\t} else {\n\t\t// Allow listening on objects that do not implement Emitter interface.\n\t\t// This is needed in some tests that are using mocks instead of the real objects with EmitterMixin mixed.\n\t\tlistener._removeEventListener!.call( emitter, event, callback );\n\t}\n}\n\n/**\n * The return value of {@link ~Emitter#delegate}.\n */\nexport interface EmitterMixinDelegateChain {\n\n\t/**\n\t * Selects destination for {@link module:utils/emittermixin~Emitter#delegate} events.\n\t *\n\t * @param emitter An `EmitterMixin` instance which is the destination for delegated events.\n\t * @param nameOrFunction A custom event name or function which converts the original name string.\n\t */\n\tto( emitter: Emitter, nameOrFunction?: string | ( ( name: string ) => string ) ): void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/* eslint-disable @typescript-eslint/unified-signatures */\n\n/**\n * @module utils/observablemixin\n */\n\nimport { EmitterMixin, type Emitter } from './emittermixin.js';\nimport { CKEditorError } from './ckeditorerror.js';\nimport type { Constructor, Mixed } from './mix.js';\n\nimport { isObject } from 'es-toolkit/compat';\n\nconst observablePropertiesSymbol = Symbol( 'observableProperties' );\nconst boundObservablesSymbol = Symbol( 'boundObservables' );\nconst boundPropertiesSymbol = Symbol( 'boundProperties' );\n\nconst decoratedMethods = Symbol( 'decoratedMethods' );\nconst decoratedOriginal = Symbol( 'decoratedOriginal' );\n\nconst defaultObservableClass = /* #__PURE__ */ ObservableMixin( /* #__PURE__ */ EmitterMixin() );\n\n/**\n * A mixin that injects the \"observable properties\" and data binding functionality described in the\n * {@link ~Observable} interface.\n *\n * This function creates a class that inherits from the provided `base` and implements `Observable` interface.\n *\n * ```ts\n * class BaseClass { ... }\n *\n * class MyClass extends ObservableMixin( BaseClass ) {\n * \t// This class derives from `BaseClass` and implements the `Observable` interface.\n * }\n * ```\n *\n * Read more about the concept of observables in the:\n * * {@glink framework/architecture/core-editor-architecture#event-system-and-observables Event system and observables}\n * section of the {@glink framework/architecture/core-editor-architecture Core editor architecture} guide,\n * * {@glink framework/deep-dive/observables Observables deep-dive} guide.\n *\n * @label EXTENDS\n */\nexport function ObservableMixin<Base extends Constructor<Emitter>>( base: Base ): Mixed<Base, Observable>;\n\n/**\n * A mixin that injects the \"observable properties\" and data binding functionality described in the\n * {@link ~Observable} interface.\n *\n * This function creates a class that implements `Observable` interface.\n *\n * ```ts\n * class MyClass extends ObservableMixin() {\n * \t// This class implements the `Observable` interface.\n * }\n * ```\n *\n * Read more about the concept of observables in the:\n * * {@glink framework/architecture/core-editor-architecture#event-system-and-observables Event system and observables}\n * section of the {@glink framework/architecture/core-editor-architecture Core editor architecture} guide,\n * * {@glink framework/deep-dive/observables Observables deep dive} guide.\n *\n * @label NO_ARGUMENTS\n */\nexport function ObservableMixin(): {\n\tnew (): Observable;\n\tprototype: Observable;\n};\n\nexport function ObservableMixin( base?: Constructor<Emitter> ): unknown {\n\tif ( !base ) {\n\t\treturn defaultObservableClass;\n\t}\n\n\tabstract class Mixin extends base implements ObservableInternal {\n\t\tpublic set( name: string | { [ name: string ]: unknown }, value?: unknown ): void {\n\t\t\t// If the first parameter is an Object, iterate over its properties.\n\t\t\tif ( isObject( name ) ) {\n\t\t\t\tObject.keys( name ).forEach( property => {\n\t\t\t\t\tthis.set( property, name[ property ] );\n\t\t\t\t}, this );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tinitObservable( this );\n\n\t\t\tconst properties = this[ observablePropertiesSymbol ];\n\n\t\t\tif ( ( name in this ) && !properties!.has( name ) ) {\n\t\t\t\t/**\n\t\t\t\t * Cannot override an existing property.\n\t\t\t\t *\n\t\t\t\t * This error is thrown when trying to {@link module:utils/observablemixin~Observable#set set} a property with\n\t\t\t\t * a name of an already existing property. For example:\n\t\t\t\t *\n\t\t\t\t * ```ts\n\t\t\t\t * let observable = new Model();\n\t\t\t\t * observable.property = 1;\n\t\t\t\t * observable.set( 'property', 2 );\t\t\t// throws\n\t\t\t\t *\n\t\t\t\t * observable.set( 'property', 1 );\n\t\t\t\t * observable.set( 'property', 2 );\t\t\t// ok, because this is an existing property.\n\t\t\t\t * ```\n\t\t\t\t *\n\t\t\t\t * @error observable-set-cannot-override\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'observable-set-cannot-override', this );\n\t\t\t}\n\n\t\t\tObject.defineProperty( this, name, {\n\t\t\t\tenumerable: true,\n\t\t\t\tconfigurable: true,\n\n\t\t\t\tget() {\n\t\t\t\t\treturn properties!.get( name );\n\t\t\t\t},\n\n\t\t\t\tset( this: Observable, value ) {\n\t\t\t\t\tconst oldValue = properties!.get( name );\n\n\t\t\t\t\t// Fire `set` event before the new value will be set to make it possible\n\t\t\t\t\t// to override observable property without affecting `change` event.\n\t\t\t\t\t// See https://github.com/ckeditor/ckeditor5-utils/issues/171.\n\t\t\t\t\tlet newValue = this.fire<ObservableSetEvent>( `set:${ name }`, name, value, oldValue );\n\n\t\t\t\t\tif ( newValue === undefined ) {\n\t\t\t\t\t\tnewValue = value;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Allow undefined as an initial value like A.define( 'x', undefined ) (#132).\n\t\t\t\t\t// Note: When properties map has no such own property, then its value is undefined.\n\t\t\t\t\tif ( oldValue !== newValue || !properties!.has( name ) ) {\n\t\t\t\t\t\tproperties!.set( name, newValue );\n\t\t\t\t\t\tthis.fire<ObservableChangeEvent>( `change:${ name }`, name, newValue, oldValue );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t( this as any )[ name ] = value;\n\t\t}\n\n\t\tpublic bind( ...bindProperties: Array<string> ): any {\n\t\t\tif ( !bindProperties.length || !isStringArray( bindProperties ) ) {\n\t\t\t\t/**\n\t\t\t\t * All properties must be strings.\n\t\t\t\t *\n\t\t\t\t * @error observable-bind-wrong-properties\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'observable-bind-wrong-properties', this );\n\t\t\t}\n\n\t\t\tif ( ( new Set( bindProperties ) ).size !== bindProperties.length ) {\n\t\t\t\t/**\n\t\t\t\t * Properties must be unique.\n\t\t\t\t *\n\t\t\t\t * @error observable-bind-duplicate-properties\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'observable-bind-duplicate-properties', this );\n\t\t\t}\n\n\t\t\tinitObservable( this );\n\n\t\t\tconst boundProperties = this[ boundPropertiesSymbol ];\n\n\t\t\tbindProperties.forEach( propertyName => {\n\t\t\t\tif ( boundProperties!.has( propertyName ) ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * Cannot bind the same property more than once.\n\t\t\t\t\t *\n\t\t\t\t\t * @error observable-bind-rebind\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'observable-bind-rebind', this );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tconst bindings = new Map<string, Binding>();\n\n\t\t\tbindProperties.forEach( a => {\n\t\t\t\tconst binding = { property: a, to: [] };\n\n\t\t\t\tboundProperties!.set( a, binding );\n\t\t\t\tbindings.set( a, binding );\n\t\t\t} );\n\n\t\t\treturn {\n\t\t\t\tto: bindTo,\n\t\t\t\ttoMany: bindToMany,\n\n\t\t\t\t_observable: this,\n\t\t\t\t_bindProperties: bindProperties,\n\t\t\t\t_to: [],\n\t\t\t\t_bindings: bindings\n\t\t\t};\n\t\t}\n\n\t\tpublic unbind( ...unbindProperties: Array<keyof this & string> ): void {\n\t\t\t// Nothing to do here if not inited yet.\n\t\t\tif ( !( this[ observablePropertiesSymbol ] ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst boundProperties = this[ boundPropertiesSymbol ]!;\n\t\t\tconst boundObservables = this[ boundObservablesSymbol ]!;\n\n\t\t\tif ( unbindProperties.length ) {\n\t\t\t\tif ( !isStringArray( unbindProperties ) ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * Properties must be strings.\n\t\t\t\t\t *\n\t\t\t\t\t * @error observable-unbind-wrong-properties\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'observable-unbind-wrong-properties', this );\n\t\t\t\t}\n\n\t\t\t\tunbindProperties.forEach( propertyName => {\n\t\t\t\t\tconst binding = boundProperties.get( propertyName );\n\n\t\t\t\t\t// Nothing to do if the binding is not defined\n\t\t\t\t\tif ( !binding ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tbinding.to.forEach( ( [ toObservable, toProperty ] ) => {\n\t\t\t\t\t\tconst toProperties = boundObservables.get( toObservable )!;\n\t\t\t\t\t\tconst toPropertyBindings = toProperties[ toProperty ];\n\n\t\t\t\t\t\ttoPropertyBindings.delete( binding );\n\n\t\t\t\t\t\tif ( !toPropertyBindings.size ) {\n\t\t\t\t\t\t\tdelete toProperties[ toProperty ];\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( !Object.keys( toProperties ).length ) {\n\t\t\t\t\t\t\tboundObservables.delete( toObservable );\n\t\t\t\t\t\t\tthis.stopListening( toObservable, 'change' );\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\n\t\t\t\t\tboundProperties.delete( propertyName );\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tboundObservables.forEach( ( bindings, boundObservable ) => {\n\t\t\t\t\tthis.stopListening( boundObservable, 'change' );\n\t\t\t\t} );\n\n\t\t\t\tboundObservables.clear();\n\t\t\t\tboundProperties.clear();\n\t\t\t}\n\t\t}\n\n\t\tpublic decorate( this: this & { [ x: string ]: any }, methodName: keyof this & string ): void {\n\t\t\tinitObservable( this );\n\n\t\t\tconst originalMethod = this[ methodName ];\n\n\t\t\tif ( !originalMethod ) {\n\t\t\t\t/**\n\t\t\t\t * Cannot decorate an undefined method.\n\t\t\t\t *\n\t\t\t\t * @error observablemixin-cannot-decorate-undefined\n\t\t\t\t * @param {object} object The object which method should be decorated.\n\t\t\t\t * @param {string} methodName Name of the method which does not exist.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'observablemixin-cannot-decorate-undefined',\n\t\t\t\t\tthis,\n\t\t\t\t\t{ object: this, methodName }\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.on( methodName, ( evt, args ) => {\n\t\t\t\tevt.return = originalMethod.apply( this, args );\n\t\t\t} );\n\n\t\t\tthis[ methodName ] = function( ...args: Array<unknown> ) {\n\t\t\t\treturn this.fire( methodName, args );\n\t\t\t};\n\n\t\t\tthis[ methodName ][ decoratedOriginal ] = originalMethod;\n\n\t\t\tif ( !this[ decoratedMethods ] ) {\n\t\t\t\tthis[ decoratedMethods ] = [];\n\t\t\t}\n\n\t\t\tthis[ decoratedMethods ]!.push( methodName );\n\t\t}\n\n\t\t// Override the EmitterMixin stopListening method to be able to clean (and restore) decorated methods.\n\t\t// This is needed in case of:\n\t\t//  1. Have x.foo() decorated.\n\t\t//  2. Call x.stopListening()\n\t\t//  3. Call x.foo(). Problem: nothing happens (the original foo() method is not executed)\n\t\tpublic override stopListening(\n\t\t\tthis: ObservableInternal & { [ x: string ]: any },\n\t\t\temitter?: Emitter,\n\t\t\tevent?: string,\n\t\t\tcallback?: Function\n\t\t): void {\n\t\t\t// Removing all listeners so let's clean the decorated methods to the original state.\n\t\t\tif ( !emitter && this[ decoratedMethods ] ) {\n\t\t\t\tfor ( const methodName of this[ decoratedMethods ]! ) {\n\t\t\t\t\tthis[ methodName ] = this[ methodName ][ decoratedOriginal ];\n\t\t\t\t}\n\n\t\t\t\tdelete this[ decoratedMethods ];\n\t\t\t}\n\n\t\t\tsuper.stopListening( emitter, event, callback );\n\t\t}\n\n\t\tpublic [ observablePropertiesSymbol ]?: Map<string, unknown>;\n\n\t\tpublic [ decoratedMethods ]?: Array<string>;\n\n\t\tpublic [ boundPropertiesSymbol ]?: Map<string, Binding>;\n\n\t\tpublic [ boundObservablesSymbol ]?: Map<Observable, Record<string, Set<Binding>>>;\n\t}\n\n\treturn Mixin;\n}\n\ninterface Binding {\n\n\t/**\n\t * Property which is bound.\n\t */\n\tproperty: string;\n\n\t/**\n\t * Array of observable–property components of the binding (`{ observable: ..., property: .. }`).\n\t */\n\tto: Array<[ Observable, string ]>;\n\n\t/**\n\t * A function which processes `to` components.\n\t */\n\tcallback?: Function;\n}\n\ninterface BindChainInternal {\n\tto: Function;\n\t_observable: Observable;\n\t_bindings: Map<string, Binding>;\n\t_bindProperties: Array<string>;\n\t_to: Array<{\n\t\tobservable: Observable;\n\t\tproperties: Array<string>;\n\t}>;\n}\n\n// Init symbol properties needed for the observable mechanism to work.\nfunction initObservable( observable: ObservableInternal ): void {\n\t// Do nothing if already inited.\n\tif ( observable[ observablePropertiesSymbol ] ) {\n\t\treturn;\n\t}\n\n\t// The internal hash containing the observable's state.\n\tObject.defineProperty( observable, observablePropertiesSymbol, {\n\t\tvalue: new Map()\n\t} );\n\n\t// Map containing bindings to external observables. It shares the binding objects\n\t// (`{ observable: A, property: 'a', to: ... }`) with {@link module:utils/observablemixin~Observable#_boundProperties} and\n\t// it is used to observe external observables to update own properties accordingly.\n\t// See {@link module:utils/observablemixin~Observable#bind}.\n\t//\n\t//\t\tA.bind( 'a', 'b', 'c' ).to( B, 'x', 'y', 'x' );\n\t//\t\tconsole.log( A._boundObservables );\n\t//\n\t//\t\t\tMap( {\n\t//\t\t\t\tB: {\n\t//\t\t\t\t\tx: Set( [\n\t//\t\t\t\t\t\t{ observable: A, property: 'a', to: [ [ B, 'x' ] ] },\n\t//\t\t\t\t\t\t{ observable: A, property: 'c', to: [ [ B, 'x' ] ] }\n\t//\t\t\t\t\t] ),\n\t//\t\t\t\t\ty: Set( [\n\t//\t\t\t\t\t\t{ observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n\t//\t\t\t\t\t] )\n\t//\t\t\t\t}\n\t//\t\t\t} )\n\t//\n\t//\t\tA.bind( 'd' ).to( B, 'z' ).to( C, 'w' ).as( callback );\n\t//\t\tconsole.log( A._boundObservables );\n\t//\n\t//\t\t\tMap( {\n\t//\t\t\t\tB: {\n\t//\t\t\t\t\tx: Set( [\n\t//\t\t\t\t\t\t{ observable: A, property: 'a', to: [ [ B, 'x' ] ] },\n\t//\t\t\t\t\t\t{ observable: A, property: 'c', to: [ [ B, 'x' ] ] }\n\t//\t\t\t\t\t] ),\n\t//\t\t\t\t\ty: Set( [\n\t//\t\t\t\t\t\t{ observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n\t//\t\t\t\t\t] ),\n\t//\t\t\t\t\tz: Set( [\n\t//\t\t\t\t\t\t{ observable: A, property: 'd', to: [ [ B, 'z' ], [ C, 'w' ] ], callback: callback }\n\t//\t\t\t\t\t] )\n\t//\t\t\t\t},\n\t//\t\t\t\tC: {\n\t//\t\t\t\t\tw: Set( [\n\t//\t\t\t\t\t\t{ observable: A, property: 'd', to: [ [ B, 'z' ], [ C, 'w' ] ], callback: callback }\n\t//\t\t\t\t\t] )\n\t//\t\t\t\t}\n\t//\t\t\t} )\n\t//\n\tObject.defineProperty( observable, boundObservablesSymbol, {\n\t\tvalue: new Map()\n\t} );\n\n\t// Object that stores which properties of this observable are bound and how. It shares\n\t// the binding objects (`{ observable: A, property: 'a', to: ... }`) with\n\t// {@link module:utils/observablemixin~Observable#_boundObservables}. This data structure is\n\t// a reverse of {@link module:utils/observablemixin~Observable#_boundObservables} and it is helpful for\n\t// {@link module:utils/observablemixin~Observable#unbind}.\n\t//\n\t// See {@link module:utils/observablemixin~Observable#bind}.\n\t//\n\t//\t\tA.bind( 'a', 'b', 'c' ).to( B, 'x', 'y', 'x' );\n\t//\t\tconsole.log( A._boundProperties );\n\t//\n\t//\t\t\tMap( {\n\t//\t\t\t\ta: { observable: A, property: 'a', to: [ [ B, 'x' ] ] },\n\t//\t\t\t\tb: { observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n\t//\t\t\t\tc: { observable: A, property: 'c', to: [ [ B, 'x' ] ] }\n\t//\t\t\t} )\n\t//\n\t//\t\tA.bind( 'd' ).to( B, 'z' ).to( C, 'w' ).as( callback );\n\t//\t\tconsole.log( A._boundProperties );\n\t//\n\t//\t\t\tMap( {\n\t//\t\t\t\ta: { observable: A, property: 'a', to: [ [ B, 'x' ] ] },\n\t//\t\t\t\tb: { observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n\t//\t\t\t\tc: { observable: A, property: 'c', to: [ [ B, 'x' ] ] },\n\t//\t\t\t\td: { observable: A, property: 'd', to: [ [ B, 'z' ], [ C, 'w' ] ], callback: callback }\n\t//\t\t\t} )\n\tObject.defineProperty( observable, boundPropertiesSymbol, {\n\t\tvalue: new Map()\n\t} );\n}\n\n/**\n * A chaining for {@link module:utils/observablemixin~Observable#bind} providing `.to()` interface.\n *\n * @param args Arguments of the `.to( args )` binding.\n */\nfunction bindTo( this: BindChainInternal, ...args: Array<Observable | string | Function> ): void {\n\tconst parsedArgs = parseBindToArgs( ...args );\n\tconst bindingsKeys = Array.from( this._bindings.keys() );\n\tconst numberOfBindings = bindingsKeys.length;\n\n\t// Eliminate A.bind( 'x' ).to( B, C )\n\tif ( !parsedArgs.callback && parsedArgs.to.length > 1 ) {\n\t\t/**\n\t\t * Binding multiple observables only possible with callback.\n\t\t *\n\t\t * @error observable-bind-to-no-callback\n\t\t */\n\t\tthrow new CKEditorError( 'observable-bind-to-no-callback', this );\n\t}\n\n\t// Eliminate A.bind( 'x', 'y' ).to( B, callback )\n\tif ( numberOfBindings > 1 && parsedArgs.callback ) {\n\t\t/**\n\t\t * Cannot bind multiple properties and use a callback in one binding.\n\t\t *\n\t\t * @error observable-bind-to-extra-callback\n\t\t */\n\t\tthrow new CKEditorError(\n\t\t\t'observable-bind-to-extra-callback',\n\t\t\tthis\n\t\t);\n\t}\n\n\tparsedArgs.to.forEach( to => {\n\t\t// Eliminate A.bind( 'x', 'y' ).to( B, 'a' )\n\t\tif ( to.properties.length && to.properties.length !== numberOfBindings ) {\n\t\t\t/**\n\t\t\t * The number of properties must match.\n\t\t\t *\n\t\t\t * @error observable-bind-to-properties-length\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'observable-bind-to-properties-length', this );\n\t\t}\n\n\t\t// When no to.properties specified, observing source properties instead i.e.\n\t\t// A.bind( 'x', 'y' ).to( B ) -> Observe B.x and B.y\n\t\tif ( !to.properties.length ) {\n\t\t\tto.properties = this._bindProperties;\n\t\t}\n\t} );\n\n\tthis._to = parsedArgs.to;\n\n\t// Fill {@link BindChain#_bindings} with callback. When the callback is set there's only one binding.\n\tif ( parsedArgs.callback ) {\n\t\tthis._bindings.get( bindingsKeys[ 0 ] )!.callback = parsedArgs.callback;\n\t}\n\n\tattachBindToListeners( this._observable, this._to );\n\n\t// Update observable._boundProperties and observable._boundObservables.\n\tupdateBindToBound( this );\n\n\t// Set initial values of bound properties.\n\tthis._bindProperties.forEach( propertyName => {\n\t\tupdateBoundObservableProperty( this._observable, propertyName );\n\t} );\n}\n\n/**\n * Binds to an attribute in a set of iterable observables.\n */\nfunction bindToMany( this: BindChainInternal, observables: Array<Observable>, attribute: string, callback: Function ): void {\n\tif ( this._bindings.size > 1 ) {\n\t\t/**\n\t\t * Binding one attribute to many observables only possible with one attribute.\n\t\t *\n\t\t * @error observable-bind-to-many-not-one-binding\n\t\t */\n\t\tthrow new CKEditorError( 'observable-bind-to-many-not-one-binding', this );\n\t}\n\n\tthis.to(\n\t\t// Bind to #attribute of each observable...\n\t\t...getBindingTargets( observables, attribute ),\n\t\t// ...using given callback to parse attribute values.\n\t\tcallback\n\t);\n}\n\n/**\n * Returns an array of binding components for\n * {@link Observable#bind} from a set of iterable observables.\n */\nfunction getBindingTargets( observables: Array<Observable>, attribute: string ): Array<Observable | string> {\n\tconst observableAndAttributePairs = observables.map( observable => [ observable, attribute ] );\n\n\t// Merge pairs to one-dimension array of observables and attributes.\n\treturn Array.prototype.concat.apply( [], observableAndAttributePairs );\n}\n\n/**\n * Check if all entries of the array are of `String` type.\n */\nfunction isStringArray( arr: Array<unknown> ): arr is Array<string> {\n\treturn arr.every( a => typeof a == 'string' );\n}\n\n/**\n * Parses and validates {@link Observable#bind}`.to( args )` arguments and returns\n * an object with a parsed structure. For example\n *\n * ```ts\n * A.bind( 'x' ).to( B, 'a', C, 'b', call );\n * ```\n *\n * becomes\n *\n * ```ts\n * {\n * \tto: [\n * \t\t{ observable: B, properties: [ 'a' ] },\n * \t\t{ observable: C, properties: [ 'b' ] },\n * \t],\n * \tcallback: call\n * }\n *\n * @param args Arguments of {@link Observable#bind}`.to( args )`.\n */\nfunction parseBindToArgs( ...args: Array<Observable | string | Function> ) {\n\t// Eliminate A.bind( 'x' ).to()\n\tif ( !args.length ) {\n\t\t/**\n\t\t * Invalid argument syntax in `to()`.\n\t\t *\n\t\t * @error observable-bind-to-parse-error\n\t\t */\n\t\tthrow new CKEditorError( 'observable-bind-to-parse-error', null );\n\t}\n\n\tconst parsed: { to: BindChainInternal[ '_to' ]; callback?: Function } = { to: [] };\n\tlet lastObservable: { observable: Observable; properties: Array<string> };\n\n\tif ( typeof args[ args.length - 1 ] == 'function' ) {\n\t\tparsed.callback = args.pop() as Function;\n\t}\n\n\targs.forEach( a => {\n\t\tif ( typeof a == 'string' ) {\n\t\t\tlastObservable.properties.push( a );\n\t\t} else if ( typeof a == 'object' ) {\n\t\t\tlastObservable = { observable: a, properties: [] };\n\t\t\tparsed.to.push( lastObservable );\n\t\t} else {\n\t\t\tthrow new CKEditorError( 'observable-bind-to-parse-error', null );\n\t\t}\n\t} );\n\n\treturn parsed;\n}\n\n/**\n * Synchronizes {@link module:utils/observable#_boundObservables} with {@link Binding}.\n *\n * @param binding A binding to store in {@link Observable#_boundObservables}.\n * @param toObservable A observable, which is a new component of `binding`.\n * @param toPropertyName A name of `toObservable`'s property, a new component of the `binding`.\n */\nfunction updateBoundObservables(\n\tobservable: ObservableInternal,\n\tbinding: Binding,\n\ttoObservable: Observable,\n\ttoPropertyName: string\n): void {\n\tconst boundObservables = observable[ boundObservablesSymbol ]!;\n\tconst bindingsToObservable = boundObservables.get( toObservable );\n\tconst bindings = bindingsToObservable || {};\n\n\tif ( !bindings[ toPropertyName ] ) {\n\t\tbindings[ toPropertyName ] = new Set();\n\t}\n\n\t// Pass the binding to a corresponding Set in `observable._boundObservables`.\n\tbindings[ toPropertyName ].add( binding );\n\n\tif ( !bindingsToObservable ) {\n\t\tboundObservables.set( toObservable, bindings );\n\t}\n}\n\n/**\n * Synchronizes {@link Observable#_boundProperties} and {@link Observable#_boundObservables}\n * with {@link BindChain}.\n *\n * Assuming the following binding being created\n *\n * ```ts\n * A.bind( 'a', 'b' ).to( B, 'x', 'y' );\n * ```\n *\n * the following bindings were initialized by {@link Observable#bind} in {@link BindChain#_bindings}:\n *\n * ```ts\n * {\n * \ta: { observable: A, property: 'a', to: [] },\n * \tb: { observable: A, property: 'b', to: [] },\n * }\n * ```\n *\n * Iterate over all bindings in this chain and fill their `to` properties with\n * corresponding to( ... ) arguments (components of the binding), so\n *\n * ```ts\n * {\n * \ta: { observable: A, property: 'a', to: [ B, 'x' ] },\n * \tb: { observable: A, property: 'b', to: [ B, 'y' ] },\n * }\n * ```\n *\n * Then update the structure of {@link Observable#_boundObservables} with updated\n * binding, so it becomes:\n *\n * ```ts\n * Map( {\n * \tB: {\n * \t\tx: Set( [\n * \t\t\t{ observable: A, property: 'a', to: [ [ B, 'x' ] ] }\n * \t\t] ),\n * \t\ty: Set( [\n * \t\t\t{ observable: A, property: 'b', to: [ [ B, 'y' ] ] },\n * \t\t] )\n * \t}\n * } )\n * ```\n *\n * @param chain The binding initialized by {@link Observable#bind}.\n */\nfunction updateBindToBound( chain: BindChainInternal ): void {\n\tlet toProperty;\n\n\tchain._bindings.forEach( ( binding, propertyName ) => {\n\t\t// Note: For a binding without a callback, this will run only once\n\t\t// like in A.bind( 'x', 'y' ).to( B, 'a', 'b' )\n\t\t// TODO: ES6 destructuring.\n\t\tchain._to.forEach( to => {\n\t\t\ttoProperty = to.properties[ binding.callback ? 0 : chain._bindProperties.indexOf( propertyName ) ];\n\n\t\t\tbinding.to.push( [ to.observable, toProperty ] );\n\t\t\tupdateBoundObservables( chain._observable, binding, to.observable, toProperty );\n\t\t} );\n\t} );\n}\n\n/**\n * Updates an property of a {@link Observable} with a value\n * determined by an entry in {@link Observable#_boundProperties}.\n *\n * @param observable A observable which property is to be updated.\n * @param propertyName An property to be updated.\n */\nfunction updateBoundObservableProperty( observable: ObservableInternal, propertyName: string ): void {\n\tconst boundProperties = observable[ boundPropertiesSymbol ]!;\n\tconst binding = boundProperties.get( propertyName )!;\n\tlet propertyValue;\n\n\t// When a binding with callback is created like\n\t//\n\t// \t\tA.bind( 'a' ).to( B, 'b', C, 'c', callback );\n\t//\n\t// collect B.b and C.c, then pass them to callback to set A.a.\n\tif ( binding.callback ) {\n\t\tpropertyValue = binding.callback.apply( observable, binding.to.map( to => ( to[ 0 ] as any )[ to[ 1 ] ] ) );\n\t} else {\n\t\tpropertyValue = binding.to[ 0 ];\n\t\tpropertyValue = ( propertyValue[ 0 ] as any )[ propertyValue[ 1 ] ];\n\t}\n\n\tif ( Object.prototype.hasOwnProperty.call( observable, propertyName ) ) {\n\t\t( observable as any )[ propertyName ] = propertyValue;\n\t} else {\n\t\tobservable.set( propertyName as any, propertyValue );\n\t}\n}\n\n/**\n * Starts listening to changes in {@link BindChain._to} observables to update\n * {@link BindChain._observable} {@link BindChain._bindProperties}. Also sets the\n * initial state of {@link BindChain._observable}.\n *\n * @param chain The chain initialized by {@link Observable#bind}.\n */\nfunction attachBindToListeners( observable: ObservableInternal, toBindings: BindChainInternal[ '_to' ] ): void {\n\ttoBindings.forEach( to => {\n\t\tconst boundObservables = observable[ boundObservablesSymbol ]!;\n\t\tlet bindings;\n\n\t\t// If there's already a chain between the observables (`observable` listens to\n\t\t// `to.observable`), there's no need to create another `change` event listener.\n\t\tif ( !boundObservables.get( to.observable ) ) {\n\t\t\tobservable.listenTo<ObservableChangeEvent>( to.observable, 'change', ( evt, propertyName ) => {\n\t\t\t\tbindings = boundObservables.get( to.observable )![ propertyName ];\n\n\t\t\t\t// Note: to.observable will fire for any property change, react\n\t\t\t\t// to changes of properties which are bound only.\n\t\t\t\tif ( bindings ) {\n\t\t\t\t\tbindings.forEach( binding => {\n\t\t\t\t\t\tupdateBoundObservableProperty( observable, binding.property );\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t} );\n}\n\n/**\n * An interface which adds \"observable properties\" and data binding functionality.\n *\n * Can be easily implemented by a class by mixing the {@link module:utils/observablemixin~Observable} mixin.\n *\n * ```ts\n * class MyClass extends ObservableMixin( OtherBaseClass ) {\n * \t// This class now implements the `Observable` interface.\n * }\n * ```\n *\n * Read more about the usage of this interface in the:\n * * {@glink framework/architecture/core-editor-architecture#event-system-and-observables Event system and observables}\n * section of the {@glink framework/architecture/core-editor-architecture Core editor architecture} guide,\n * * {@glink framework/deep-dive/observables Observables deep-dive} guide.\n */\nexport interface Observable extends Emitter {\n\n\t/**\n\t * Creates and sets the value of an observable property of this object. Such a property becomes a part\n\t * of the state and is observable.\n\t *\n\t * This method throws the `observable-set-cannot-override` error if the observable instance already\n\t * has a property with the given property name. This prevents from mistakenly overriding existing\n\t * properties and methods, but means that `foo.set( 'bar', 1 )` may be slightly slower than `foo.bar = 1`.\n\t *\n\t * In TypeScript, those properties should be declared in class using `declare` keyword. In example:\n\t *\n\t * ```ts\n\t * public declare myProp: number;\n\t *\n\t * constructor() {\n\t * \tthis.set( 'myProp', 2 );\n\t * }\n\t * ```\n\t *\n\t * @label KEY_VALUE\n\t * @param name The property's name.\n\t * @param value The property's value.\n\t */\n\tset<K extends keyof this & string>( name: K, value: this[ K ] ): void;\n\n\t/**\n\t * Creates and sets the value of an observable properties of this object. Such a property becomes a part\n\t * of the state and is observable.\n\t *\n\t * It accepts a single object literal containing key/value pairs with properties to be set.\n\t *\n\t * This method throws the `observable-set-cannot-override` error if the observable instance already\n\t * has a property with the given property name. This prevents from mistakenly overriding existing\n\t * properties and methods, but means that `foo.set( 'bar', 1 )` may be slightly slower than `foo.bar = 1`.\n\t *\n\t * In TypeScript, those properties should be declared in class using `declare` keyword. In example:\n\t *\n\t * ```ts\n\t * public declare myProp1: number;\n\t * public declare myProp2: string;\n\t *\n\t * constructor() {\n\t * \tthis.set( {\n\t * \t\t'myProp1: 2,\n\t * \t\t'myProp2: 'foo'\n\t * \t} );\n\t * }\n\t * ```\n\t * @label OBJECT\n\t * @param values An object with `name=>value` pairs.\n\t */\n\tset( values: object & { readonly [ K in keyof this ]?: unknown } ): void;\n\n\t/**\n\t * Binds {@link #set observable properties} to other objects implementing the\n\t * {@link module:utils/observablemixin~Observable} interface.\n\t *\n\t * Read more in the {@glink framework/deep-dive/observables#property-bindings dedicated} guide\n\t * covering the topic of property bindings with some additional examples.\n\t *\n\t * Consider two objects: a `button` and an associated `command` (both `Observable`).\n\t *\n\t * A simple property binding could be as follows:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t * ```\n\t *\n\t * or even shorter:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command );\n\t * ```\n\t *\n\t * which works in the following way:\n\t *\n\t * * `button.isEnabled` **instantly equals** `command.isEnabled`,\n\t * * whenever `command.isEnabled` changes, `button.isEnabled` will immediately reflect its value.\n\t *\n\t * **Note**: To release the binding, use {@link module:utils/observablemixin~Observable#unbind}.\n\t *\n\t * You can also \"rename\" the property in the binding by specifying the new name in the `to()` chain:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'isWorking' );\n\t * ```\n\t *\n\t * It is possible to bind more than one property at a time to shorten the code:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled', 'value' ).to( command );\n\t * ```\n\t *\n\t * which corresponds to:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command );\n\t * button.bind( 'value' ).to( command );\n\t * ```\n\t *\n\t * The binding can include more than one observable, combining multiple data sources in a custom callback:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'isEnabled', ui, 'isVisible',\n\t * \t( isCommandEnabled, isUIVisible ) => isCommandEnabled && isUIVisible );\n\t * ```\n\t *\n\t * Using a custom callback allows processing the value before passing it to the target property:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'value', value => value === 'heading1' );\n\t * ```\n\t *\n\t * It is also possible to bind to the same property in an array of observables.\n\t * To bind a `button` to multiple commands (also `Observables`) so that each and every one of them\n\t * must be enabled for the button to become enabled, use the following code:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).toMany( [ commandA, commandB, commandC ], 'isEnabled',\n\t * \t( isAEnabled, isBEnabled, isCEnabled ) => isAEnabled && isBEnabled && isCEnabled );\n\t * ```\n\t *\n\t * @label SINGLE_BIND\n\t * @param bindProperty Observable property that will be bound to other observable(s).\n\t * @returns The bind chain with the `to()` and `toMany()` methods.\n\t */\n\tbind<K extends keyof this & string>(\n\t\tbindProperty: K\n\t): ObservableSingleBindChain<K, this[ K ]>;\n\n\t/**\n\t * Binds {@link #set observable properties} to other objects implementing the\n\t * {@link module:utils/observablemixin~Observable} interface.\n\t *\n\t * Read more in the {@glink framework/deep-dive/observables#property-bindings dedicated} guide\n\t * covering the topic of property bindings with some additional examples.\n\t *\n\t * Consider two objects: a `button` and an associated `command` (both `Observable`).\n\t *\n\t * A simple property binding could be as follows:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t * ```\n\t *\n\t * or even shorter:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command );\n\t * ```\n\t *\n\t * which works in the following way:\n\t *\n\t * * `button.isEnabled` **instantly equals** `command.isEnabled`,\n\t * * whenever `command.isEnabled` changes, `button.isEnabled` will immediately reflect its value.\n\t *\n\t * **Note**: To release the binding, use {@link module:utils/observablemixin~Observable#unbind}.\n\t *\n\t * You can also \"rename\" the property in the binding by specifying the new name in the `to()` chain:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'isWorking' );\n\t * ```\n\t *\n\t * It is possible to bind more than one property at a time to shorten the code:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled', 'value' ).to( command );\n\t * ```\n\t *\n\t * which corresponds to:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command );\n\t * button.bind( 'value' ).to( command );\n\t * ```\n\t *\n\t * The binding can include more than one observable, combining multiple data sources in a custom callback:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'isEnabled', ui, 'isVisible',\n\t * \t( isCommandEnabled, isUIVisible ) => isCommandEnabled && isUIVisible );\n\t * ```\n\t *\n\t * Using a custom callback allows processing the value before passing it to the target property:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'value', value => value === 'heading1' );\n\t * ```\n\t *\n\t * It is also possible to bind to the same property in an array of observables.\n\t * To bind a `button` to multiple commands (also `Observables`) so that each and every one of them\n\t * must be enabled for the button to become enabled, use the following code:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).toMany( [ commandA, commandB, commandC ], 'isEnabled',\n\t * \t( isAEnabled, isBEnabled, isCEnabled ) => isAEnabled && isBEnabled && isCEnabled );\n\t * ```\n\t *\n\t * @label DUAL_BIND\n\t * @param bindProperty1 Observable property that will be bound to other observable(s).\n\t * @param bindProperty2 Observable property that will be bound to other observable(s).\n\t * @returns The bind chain with the `to()` and `toMany()` methods.\n\t */\n\tbind<K1 extends keyof this & string, K2 extends keyof this & string>(\n\t\tbindProperty1: K1,\n\t\tbindProperty2: K2\n\t): ObservableDualBindChain<K1, this[ K1 ], K2, this[ K2 ]>;\n\n\t/**\n\t * Binds {@link #set observable properties} to other objects implementing the\n\t * {@link module:utils/observablemixin~Observable} interface.\n\t *\n\t * Read more in the {@glink framework/deep-dive/observables#property-bindings dedicated} guide\n\t * covering the topic of property bindings with some additional examples.\n\t *\n\t * Consider two objects: a `button` and an associated `command` (both `Observable`).\n\t *\n\t * A simple property binding could be as follows:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t * ```\n\t *\n\t * or even shorter:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command );\n\t * ```\n\t *\n\t * which works in the following way:\n\t *\n\t * * `button.isEnabled` **instantly equals** `command.isEnabled`,\n\t * * whenever `command.isEnabled` changes, `button.isEnabled` will immediately reflect its value.\n\t *\n\t * **Note**: To release the binding, use {@link module:utils/observablemixin~Observable#unbind}.\n\t *\n\t * You can also \"rename\" the property in the binding by specifying the new name in the `to()` chain:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'isWorking' );\n\t * ```\n\t *\n\t * It is possible to bind more than one property at a time to shorten the code:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled', 'value' ).to( command );\n\t * ```\n\t *\n\t * which corresponds to:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command );\n\t * button.bind( 'value' ).to( command );\n\t * ```\n\t *\n\t * The binding can include more than one observable, combining multiple data sources in a custom callback:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'isEnabled', ui, 'isVisible',\n\t * \t( isCommandEnabled, isUIVisible ) => isCommandEnabled && isUIVisible );\n\t * ```\n\t *\n\t * Using a custom callback allows processing the value before passing it to the target property:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).to( command, 'value', value => value === 'heading1' );\n\t * ```\n\t *\n\t * It is also possible to bind to the same property in an array of observables.\n\t * To bind a `button` to multiple commands (also `Observables`) so that each and every one of them\n\t * must be enabled for the button to become enabled, use the following code:\n\t *\n\t * ```ts\n\t * button.bind( 'isEnabled' ).toMany( [ commandA, commandB, commandC ], 'isEnabled',\n\t * \t( isAEnabled, isBEnabled, isCEnabled ) => isAEnabled && isBEnabled && isCEnabled );\n\t * ```\n\t *\n\t * @label MANY_BIND\n\t * @param bindProperties Observable properties that will be bound to other observable(s).\n\t * @returns The bind chain with the `to()` and `toMany()` methods.\n\t */\n\tbind( ...bindProperties: Array<keyof this & string> ): ObservableMultiBindChain;\n\n\t/**\n\t * Removes the binding created with {@link #bind}.\n\t *\n\t * ```ts\n\t * // Removes the binding for the 'a' property.\n\t * A.unbind( 'a' );\n\t *\n\t * // Removes bindings for all properties.\n\t * A.unbind();\n\t * ```\n\t *\n\t * @param unbindProperties Observable properties to be unbound. All the bindings will\n\t * be released if no properties are provided.\n\t */\n\tunbind( ...unbindProperties: Array<keyof this & string> ): void;\n\n\t/**\n\t * Turns the given methods of this object into event-based ones. This means that the new method will fire an event\n\t * (named after the method) and the original action will be plugged as a listener to that event.\n\t *\n\t * Read more in the {@glink framework/deep-dive/observables#decorating-object-methods dedicated} guide\n\t * covering the topic of decorating methods with some additional examples.\n\t *\n\t * Decorating the method does not change its behavior (it only adds an event),\n\t * but it allows to modify it later on by listening to the method's event.\n\t *\n\t * For example, to cancel the method execution the event can be {@link module:utils/eventinfo~EventInfo#stop stopped}:\n\t *\n\t * ```ts\n\t * class Foo extends ObservableMixin() {\n\t * \tconstructor() {\n\t * \t\tsuper();\n\t * \t\tthis.decorate( 'method' );\n\t * \t}\n\t *\n\t * \tmethod() {\n\t * \t\tconsole.log( 'called!' );\n\t * \t}\n\t * }\n\t *\n\t * const foo = new Foo();\n\t * foo.on( 'method', ( evt ) => {\n\t * \tevt.stop();\n\t * }, { priority: 'high' } );\n\t *\n\t * foo.method(); // Nothing is logged.\n\t * ```\n\t *\n\t *\n\t * **Note**: The high {@link module:utils/priorities~PriorityString priority} listener\n\t * has been used to execute this particular callback before the one which calls the original method\n\t * (which uses the \"normal\" priority).\n\t *\n\t * It is also possible to change the returned value:\n\t *\n\t * ```ts\n\t * foo.on( 'method', ( evt ) => {\n\t * \tevt.return = 'Foo!';\n\t * } );\n\t *\n\t * foo.method(); // -> 'Foo'\n\t * ```\n\t *\n\t * Finally, it is possible to access and modify the arguments the method is called with:\n\t *\n\t * ```ts\n\t * method( a, b ) {\n\t * \tconsole.log( `${ a }, ${ b }`  );\n\t * }\n\t *\n\t * // ...\n\t *\n\t * foo.on( 'method', ( evt, args ) => {\n\t * \targs[ 0 ] = 3;\n\t *\n\t * \tconsole.log( args[ 1 ] ); // -> 2\n\t * }, { priority: 'high' } );\n\t *\n\t * foo.method( 1, 2 ); // -> '3, 2'\n\t * ```\n\t *\n\t * @param methodName Name of the method to decorate.\n\t */\n\tdecorate( methodName: keyof this & string ): void;\n}\n\ninterface ObservableInternal extends Observable {\n\t[ observablePropertiesSymbol ]?: Map<string, unknown>;\n\n\t[ decoratedMethods ]?: Array<string>;\n\n\t[ boundPropertiesSymbol ]?: Map<string, Binding>;\n\n\t[ boundObservablesSymbol]?: Map<Observable, Record<string, Set<Binding>>>;\n}\n\n/**\n * Fired when a property changed value.\n *\n * ```ts\n * observable.set( 'prop', 1 );\n *\n * observable.on<ObservableChangeEvent<number>>( 'change:prop', ( evt, propertyName, newValue, oldValue ) => {\n * \tconsole.log( `${ propertyName } has changed from ${ oldValue } to ${ newValue }` );\n * } );\n *\n * observable.prop = 2; // -> 'prop has changed from 1 to 2'\n * ```\n *\n * @eventName ~Observable#change:\\{property\\}\n * @param {String} name The property name.\n * @param {*} value The new property value.\n * @param {*} oldValue The previous property value.\n */\nexport type ObservableChangeEvent<TValue = any> = {\n\tname: 'change' | `change:${ string }`;\n\targs: [ name: string, value: TValue, oldValue: TValue ];\n};\n\n/**\n * Fired when a property value is going to be set but is not set yet (before the `change` event is fired).\n *\n * You can control the final value of the property by using\n * the {@link module:utils/eventinfo~EventInfo#return event's `return` property}.\n *\n * ```ts\n * observable.set( 'prop', 1 );\n *\n * observable.on<ObservableSetEvent<number>>( 'set:prop', ( evt, propertyName, newValue, oldValue ) => {\n * \tconsole.log( `Value is going to be changed from ${ oldValue } to ${ newValue }` );\n * \tconsole.log( `Current property value is ${ observable[ propertyName ] }` );\n *\n * \t// Let's override the value.\n * \tevt.return = 3;\n * } );\n *\n * observable.on<ObservableChangeEvent<number>>( 'change:prop', ( evt, propertyName, newValue, oldValue ) => {\n * \tconsole.log( `Value has changed from ${ oldValue } to ${ newValue }` );\n * } );\n *\n * observable.prop = 2; // -> 'Value is going to be changed from 1 to 2'\n *                      // -> 'Current property value is 1'\n *                      // -> 'Value has changed from 1 to 3'\n * ```\n *\n * **Note:** The event is fired even when the new value is the same as the old value.\n *\n * @eventName ~Observable#set:\\{property\\}\n * @param {String} name The property name.\n * @param {*} value The new property value.\n * @param {*} oldValue The previous property value.\n */\nexport type ObservableSetEvent<TValue = any> = {\n\tname: 'set' | `set:${ string }`;\n\targs: [ name: string, value: TValue, oldValue: TValue ];\n\treturn: TValue;\n};\n\n/**\n * Utility type that creates an event describing type from decorated method.\n *\n * ```ts\n * class Foo extends ObservableMixin() {\n * \tconstructor() {\n * \t\tsuper();\n * \t\tthis.decorate( 'method' );\n * \t}\n *\n * \tmethod( a: number, b: number ): number {\n * \t\treturn a + b;\n * \t}\n * }\n *\n * type FooMethodEvent = DecoratedMethodEvent<Foo, 'method'>;\n *\n * const foo = new Foo();\n *\n * foo.on<FooMethodEvent>( 'method', ( evt, [ a, b ] ) => {\n * \t// `a` and `b` are inferred as numbers.\n * } )\n * ```\n */\nexport type DecoratedMethodEvent<\n\tTObservable extends Observable & { [ N in TName ]: ( ...args: Array<any> ) => any },\n\tTName extends keyof TObservable & string\n> = {\n\tname: TName;\n\targs: [ Parameters<TObservable[ TName ]> ];\n\treturn: ReturnType<TObservable[ TName ]>;\n};\n\nexport interface ObservableSingleBindChain<TKey extends string, TVal> {\n\ttoMany<O extends Observable, K extends keyof O>(\n\t\tobservables: ReadonlyArray<O>,\n\t\tkey: K,\n\t\tcallback: ( ...values: Array<O[ K ]> ) => TVal\n\t): void;\n\n\tto<O extends ObservableWithProperty<TKey, TVal>>(\n\t\tobservable: O\n\t): void;\n\tto<O extends ObservableWithProperty<TKey>>(\n\t\tobservable: O,\n\t\tcallback: ( value: O[ TKey ] ) => TVal\n\t): void;\n\tto<O extends ObservableWithProperty<K, TVal>, K extends keyof O>(\n\t\tobservable: O,\n\t\tkey: K\n\t): void;\n\tto<O extends Observable, K extends keyof O>(\n\t\tobservable: O,\n\t\tkey: K,\n\t\tcallback: ( value: O[ K ] ) => TVal,\n\t): void;\n\tto<\n\t\tO1 extends ObservableWithProperty<TKey>,\n\t\tO2 extends ObservableWithProperty<TKey>\n\t>(\n\t\tobservable1: O1,\n\t\tobservable2: O2,\n\t\tcallback: ( value1: O1[ TKey ], value2: O2[ TKey ] ) => TVal\n\t): void;\n\tto<\n\t\tO1 extends Observable,\n\t\tK1 extends keyof O1,\n\t\tO2 extends Observable,\n\t\tK2 extends keyof O2\n\t>(\n\t\tobservable1: O1,\n\t\tkey1: K1,\n\t\tobservable2: O2,\n\t\tkey2: K2,\n\t\tcallback: ( value1: O1[ K1 ], value2: O2[ K2 ] ) => TVal\n\t): void;\n\tto<\n\t\tO1 extends ObservableWithProperty<TKey>,\n\t\tO2 extends ObservableWithProperty<TKey>,\n\t\tO3 extends ObservableWithProperty<TKey>\n\t>(\n\t\tobservable1: O1,\n\t\tobservable2: O2,\n\t\tobservable3: O3,\n\t\tcallback: ( value1: O1[ TKey ], value2: O2[ TKey ], value3: O3[ TKey ] ) => TVal\n\t): void;\n\tto<\n\t\tO1 extends Observable,\n\t\tK1 extends keyof O1,\n\t\tO2 extends Observable,\n\t\tK2 extends keyof O2,\n\t\tO3 extends Observable,\n\t\tK3 extends keyof O3\n\t>(\n\t\tobservable1: O1,\n\t\tkey1: K1,\n\t\tobservable2: O2,\n\t\tkey2: K2,\n\t\tobservable3: O3,\n\t\tkey3: K3,\n\t\tcallback: ( value1: O1[ K1 ], value2: O2[ K2 ], value3: O3[ K3 ] ) => TVal\n\t): void;\n\tto<\n\t\tO1 extends ObservableWithProperty<TKey>,\n\t\tO2 extends ObservableWithProperty<TKey>,\n\t\tO3 extends ObservableWithProperty<TKey>,\n\t\tO4 extends ObservableWithProperty<TKey>\n\t>(\n\t\tobservable1: O1,\n\t\tobservable2: O2,\n\t\tobservable3: O3,\n\t\tobservable4: O4,\n\t\tcallback: ( value1: O1[ TKey ], value2: O2[ TKey ], value3: O3[ TKey ], value4: O4[ TKey ] ) => TVal\n\t): void;\n\tto<\n\t\tO1 extends Observable,\n\t\tK1 extends keyof O1,\n\t\tO2 extends Observable,\n\t\tK2 extends keyof O2,\n\t\tO3 extends Observable,\n\t\tK3 extends keyof O3,\n\t\tO4 extends Observable,\n\t\tK4 extends keyof O4\n\t>(\n\t\tobservable1: O1,\n\t\tkey1: K1,\n\t\tobservable2: O2,\n\t\tkey2: K2,\n\t\tobservable3: O3,\n\t\tkey3: K3,\n\t\tobservable4: O4,\n\t\tkey4: K4,\n\t\tcallback: ( value1: O1[ K1 ], value2: O2[ K2 ], value3: O3[ K3 ], value4: O4[ K4 ] ) => TVal\n\t): void;\n\tto<\n\t\tO1 extends ObservableWithProperty<TKey>,\n\t\tO2 extends ObservableWithProperty<TKey>,\n\t\tO3 extends ObservableWithProperty<TKey>,\n\t\tO4 extends ObservableWithProperty<TKey>,\n\t\tO5 extends ObservableWithProperty<TKey>\n\t>(\n\t\tobservable1: O1,\n\t\tobservable2: O2,\n\t\tobservable3: O3,\n\t\tobservable4: O4,\n\t\tobservable5: O5,\n\t\tcallback: ( value1: O1[ TKey ], value2: O2[ TKey ], value3: O3[ TKey ], value4: O4[ TKey ], value5: O5[ TKey ] ) => TVal\n\t): void;\n\tto<\n\t\tO1 extends Observable,\n\t\tK1 extends keyof O1,\n\t\tO2 extends Observable,\n\t\tK2 extends keyof O2,\n\t\tO3 extends Observable,\n\t\tK3 extends keyof O3,\n\t\tO4 extends Observable,\n\t\tK4 extends keyof O4,\n\t\tO5 extends Observable,\n\t\tK5 extends keyof O5\n\t>(\n\t\tobservable1: O1,\n\t\tkey1: K1,\n\t\tobservable2: O2,\n\t\tkey2: K2,\n\t\tobservable3: O3,\n\t\tkey3: K3,\n\t\tobservable4: O4,\n\t\tkey4: K4,\n\t\tobservable5: O5,\n\t\tkey5: K5,\n\t\tcallback: ( value1: O1[ K1 ], value2: O2[ K2 ], value3: O3[ K3 ], value4: O4[ K4 ], value5: O5[ K5 ] ) => TVal\n\t): void;\n}\n\n/**\n * A helper type that can be used as a constraint, ensuring the type is both observable and have the given property.\n *\n * ```ts\n * // Ensures that `obj` is `Observable` and have property named 'abc'.\n * function f<O extends ObservableWithProperty<'abc'>>( obj: O ) {}\n *\n * // Ensures that `obj` is `Observable` and have property named 'abc' with value `number`.\n * function f<O extends ObservableWithProperty<'abc', number>>( obj: O ) {}\n * ```\n */\nexport type ObservableWithProperty<TKey extends PropertyKey, TVal = any> = undefined extends TVal ?\n\tObservable & { [ P in TKey ]?: TVal } :\n\tObservable & { [ P in TKey ]: TVal };\n\nexport interface ObservableDualBindChain<TKey1 extends string, TVal1, TKey2 extends string, TVal2> {\n\tto<\n\t\tO extends ObservableWithProperty<K1, TVal1> & ObservableWithProperty<K2, TVal2>,\n\t\tK1 extends keyof O,\n\t\tK2 extends keyof O\n\t>(\n\t\tobservable: O,\n\t\tkey1: K1,\n\t\tkey2: K2\n\t): void;\n\n\tto<\n\t\tO extends ObservableWithProperty<TKey1, TVal1> & ObservableWithProperty<TKey2, TVal2>\n\t>(\n\t\tobservable: O\n\t): void;\n}\n\nexport interface ObservableMultiBindChain {\n\tto<O extends Observable>( observable: O, ...properties: Array<keyof O> ): void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/elementreplacer\n */\n\n/**\n * Utility class allowing to hide existing HTML elements or replace them with given ones in a way that doesn't remove\n * the original elements from the DOM.\n */\nexport class ElementReplacer {\n\t/**\n\t * The elements replaced by {@link #replace} and their replacements.\n\t */\n\tprivate _replacedElements: Array<{ element: HTMLElement; newElement?: HTMLElement }>;\n\n\tconstructor() {\n\t\tthis._replacedElements = [];\n\t}\n\n\t/**\n\t * Hides the `element` and, if specified, inserts the the given element next to it.\n\t *\n\t * The effect of this method can be reverted by {@link #restore}.\n\t *\n\t * @param element The element to replace.\n\t * @param newElement The replacement element. If not passed, then the `element` will just be hidden.\n\t */\n\tpublic replace( element: HTMLElement, newElement?: HTMLElement ): void {\n\t\tthis._replacedElements.push( { element, newElement } );\n\n\t\telement.style.display = 'none';\n\n\t\tif ( newElement ) {\n\t\t\telement.parentNode!.insertBefore( newElement, element.nextSibling );\n\t\t}\n\t}\n\n\t/**\n\t * Restores what {@link #replace} did.\n\t */\n\tpublic restore(): void {\n\t\tthis._replacedElements.forEach( ( { element, newElement } ) => {\n\t\t\telement.style.display = '';\n\n\t\t\tif ( newElement ) {\n\t\t\t\tnewElement.remove();\n\t\t\t}\n\t\t} );\n\n\t\tthis._replacedElements = [];\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/abortabledebounce\n */\n\n/**\n * Returns a function wrapper that will execute the provided function and abort any previous call that is still in progress.\n *\n * @param func The function to be called. It will be provided with `AbortSignal` as the first parameter.\n */\nexport function abortableDebounce<Args extends Array<any>, Ret>(\n\tfunc: ( signal: AbortSignal, ...args: Args ) => Ret\n): AbortableFunc<Args, Ret> {\n\tlet controller = new AbortController();\n\n\tfunction abortable( ...args: Args ) {\n\t\tcontroller.abort();\n\t\tcontroller = new AbortController();\n\n\t\treturn func( controller.signal, ...args );\n\t}\n\n\tabortable.abort = () => controller.abort();\n\n\treturn abortable;\n}\n\nexport interface AbortableFunc<Args extends Array<any>, Ret> {\n\t( ...args: Args ): Ret;\n\tabort(): void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/count\n */\n\n/**\n * Returns the number of items return by the iterator.\n *\n * ```ts\n * count( [ 1, 2, 3, 4, 5 ] ); // 5;\n * ```\n *\n * @param iterable Any iterable.\n * @returns Number of items returned by that iterable.\n */\nexport function count( iterable: Iterable<unknown> ): number {\n\tlet count = 0;\n\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tfor ( const _ of iterable ) {\n\t\tcount++;\n\t}\n\n\treturn count;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/comparearrays\n */\n\n/**\n * Compares how given arrays relate to each other. One array can be: same as another array, prefix of another array\n * or completely different. If arrays are different, first index at which they differ is returned. Otherwise,\n * a flag specifying the relation is returned. Flags are negative numbers, so whenever a number >= 0 is returned\n * it means that arrays differ.\n *\n * ```ts\n * compareArrays( [ 0, 2 ], [ 0, 2 ] );\t\t// 'same'\n * compareArrays( [ 0, 2 ], [ 0, 2, 1 ] );\t\t// 'prefix'\n * compareArrays( [ 0, 2 ], [ 0 ] );\t\t\t// 'extension'\n * compareArrays( [ 0, 2 ], [ 1, 2 ] );\t\t// 0\n * compareArrays( [ 0, 2 ], [ 0, 1 ] );\t\t// 1\n * ```\n *\n * @param a Array that is compared.\n * @param b Array to compare with.\n * @returns How array `a` is related to `b`.\n */\nexport function compareArrays( a: ReadonlyArray<unknown>, b: ReadonlyArray<unknown> ): ArrayRelation | number {\n\tconst minLen = Math.min( a.length, b.length );\n\n\tfor ( let i = 0; i < minLen; i++ ) {\n\t\tif ( a[ i ] != b[ i ] ) {\n\t\t\t// The arrays are different.\n\t\t\treturn i;\n\t\t}\n\t}\n\n\t// Both arrays were same at all points.\n\tif ( a.length == b.length ) {\n\t\t// If their length is also same, they are the same.\n\t\treturn 'same';\n\t} else if ( a.length < b.length ) {\n\t\t// Compared array is shorter so it is a prefix of the other array.\n\t\treturn 'prefix';\n\t} else {\n\t\t// Compared array is longer so it is an extension of the other array.\n\t\treturn 'extension';\n\t}\n}\n\n/**\n * Array relation.\n */\nexport type ArrayRelation = 'extension' | 'same' | 'prefix';\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/isiterable\n */\n\n/**\n * Checks if value implements iterator interface.\n *\n * @param value The value to check.\n * @returns True if value implements iterator interface.\n */\nexport function isIterable( value: any ): value is Iterable<any> {\n\treturn !!( value && value[ Symbol.iterator ] );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/createelement\n */\n\nimport { isIterable } from '../isiterable.js';\nimport { isString } from 'es-toolkit/compat';\n\n/**\n * Attributes to be applied to the HTML element.\n */\nexport type HTMLElementAttributes = { readonly [ key: string ]: string };\n\n/**\n * Attributes to be applied to the SVG element.\n */\nexport type SVGElementAttributes = HTMLElementAttributes & { xmlns: string };\n\n/**\n * Element or elements that will be added to the created element as children. Strings will be automatically turned into Text nodes.\n */\nexport type ChildrenElements = Node | string | Iterable<Node | string>;\n\n/**\n * Creates an SVG element with attributes and children elements.\n *\n * ```ts\n * createElement( document, 'mask', { xmlns: 'http://www.w3.org/2000/svg' } ); // <mask>\n * createElement( document, 'mask', { xmlns: 'http://www.w3.org/2000/svg', id: 'foo' } ); // <mask id=\"foo\">\n * createElement( document, 'mask', { xmlns: 'http://www.w3.org/2000/svg' }, 'foo' ); // <mask>foo</mask>\n * createElement( document, 'mask', { xmlns: 'http://www.w3.org/2000/svg' }, [ createElement(...) ] ); // <mask><...></mask>\n * ```\n *\n * @label SVG_ELEMENT\n * @param doc Document used to create the element.\n * @param name Name of the SVG element.\n * @param attributes Object where keys represent attribute keys and values represent attribute values.\n * @param children Child or any iterable of children. Strings will be automatically turned into Text nodes.\n * @returns SVG element.\n */\nexport function createElement<T extends keyof SVGElementTagNameMap>(\n\tdoc: Document,\n\tname: T,\n\tattributes: SVGElementAttributes,\n\tchildren?: ChildrenElements\n): SVGElementTagNameMap[T];\n\n/**\n * Creates an HTML element with attributes and children elements.\n *\n * ```ts\n * createElement( document, 'p' ); // <p>\n * createElement( document, 'p', { class: 'foo' } ); // <p class=\"foo\">\n * createElement( document, 'p', null, 'foo' ); // <p>foo</p>\n * createElement( document, 'p', null, [ createElement(...) ] ); // <p><...></p>\n * ```\n *\n * @label HTML_ELEMENT\n * @param doc Document used to create the element.\n * @param name Name of the HTML element.\n * @param attributes Object where keys represent attribute keys and values represent attribute values.\n * @param children Child or any iterable of children. Strings will be automatically turned into Text nodes.\n * @returns HTML element.\n */\nexport function createElement<T extends keyof HTMLElementTagNameMap>(\n\tdoc: Document,\n\tname: T,\n\tattributes?: HTMLElementAttributes,\n\tchildren?: ChildrenElements\n): HTMLElementTagNameMap[T];\n\n/**\n * Creates an HTML or SVG element with attributes and children elements.\n *\n * ```ts\n * createElement( document, 'p' ); // <p>\n * createElement( document, 'mask', { xmlns: 'http://www.w3.org/2000/svg' } ); // <mask>\n * ```\n *\n * @param doc Document used to create the element.\n * @param name Name of the element.\n * @param attributes Object where keys represent attribute keys and values represent attribute values.\n * @param children Child or any iterable of children. Strings will be automatically turned into Text nodes.\n * @returns HTML or SVG element.\n */\nexport function createElement(\n\tdoc: Document,\n\tname: string,\n\tattributes: SVGElementAttributes | HTMLElementAttributes = {},\n\tchildren: ChildrenElements = []\n): Element {\n\tconst namespace = attributes && attributes.xmlns;\n\tconst element = namespace ? doc.createElementNS( namespace, name ) : doc.createElement( name );\n\n\tfor ( const key in attributes ) {\n\t\telement.setAttribute( key, attributes[ key ] );\n\t}\n\n\tif ( isString( children ) || !isIterable( children ) ) {\n\t\tchildren = [ children ];\n\t}\n\n\tfor ( let child of children ) {\n\t\tif ( isString( child ) ) {\n\t\t\tchild = doc.createTextNode( child );\n\t\t}\n\n\t\telement.appendChild( child );\n\t}\n\n\treturn element;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/config\n */\n\nimport { isPlainObject, isElement, cloneDeepWith } from 'es-toolkit/compat';\n\n/**\n * Handles a configuration dictionary.\n *\n * @typeParam Cfg A type of the configuration dictionary.\n */\nexport class Config<Cfg> {\n\t/**\n\t * Store for the whole configuration.\n\t */\n\tprivate readonly _config: Record<string, any>;\n\n\t/**\n\t * Creates an instance of the {@link ~Config} class.\n\t *\n\t * @param configurations The initial configurations to be set. Usually, provided by the user.\n\t * @param defaultConfigurations The default configurations. Usually, provided by the system.\n\t */\n\tconstructor( configurations?: Partial<Cfg>, defaultConfigurations?: Partial<Cfg> ) {\n\t\tthis._config = Object.create( null );\n\n\t\t// Set default configuration.\n\t\tif ( defaultConfigurations ) {\n\t\t\t// Clone the configuration to make sure that the properties will not be shared\n\t\t\t// between editors and make the watchdog feature work correctly.\n\t\t\tthis.define( cloneConfig( defaultConfigurations ) );\n\t\t}\n\n\t\t// Set initial configuration.\n\t\tif ( configurations ) {\n\t\t\tthis._setObjectToTarget( this._config, configurations );\n\t\t}\n\t}\n\n\t/**\n\t * Set configuration values.\n\t *\n\t * It also accepts setting a \"deep configuration\" by using dots in the name. For example, `'resize.width'` sets\n\t * the value for the `width` configuration in the `resize` subset.\n\t *\n\t * ```ts\n\t * config.set( 'resize.width', 500 );\n\t * ```\n\t *\n\t * It accepts both a name/value pair or an object, which properties and values will be used to set\n\t * configurations. See {@link #set:CONFIG_OBJECT}.\n\t *\n\t * @label KEY_VALUE\n\t * @param name The configuration name. Configuration names are case-sensitive.\n\t * @param value The configuration value.\n\t */\n\tpublic set<K extends string>( name: K, value: GetSubConfig<Cfg, K> ): void;\n\n\t/**\n\t * Set configuration values.\n\t *\n\t * It accepts an object, which properties and values will be used to set configurations.\n\t *\n\t * ```ts\n\t * config.set( {\n\t * \twidth: 500\n\t * \ttoolbar: {\n\t * \t\tcollapsed: true\n\t * \t}\n\t * } );\n\t *\n\t * // Equivalent to:\n\t * config.set( 'width', 500 );\n\t * config.set( 'toolbar.collapsed', true );\n\t * ```\n\t *\n\t * Passing an object as the value will amend the configuration, not replace it.\n\t *\n\t * ```ts\n\t * config.set( 'toolbar', {\n\t * \tcollapsed: true,\n\t * } );\n\t *\n\t * config.set( 'toolbar', {\n\t * \tcolor: 'red',\n\t * } );\n\t *\n\t * config.get( 'toolbar.collapsed' ); // true\n\t * config.get( 'toolbar.color' ); // 'red'\n\t * ```\n\t *\n\t * It accepts both a name/value pair or an object, which properties and values will be used to set\n\t * configurations. See {@link #set:KEY_VALUE}.\n\t *\n\t * @label CONFIG_OBJECT\n\t * @param config The configuration object from which take properties as\n\t * configuration entries. Configuration names are case-sensitive.\n\t */\n\tpublic set( config: Partial<Cfg> ): void;\n\n\tpublic set( name: string | Record<string, any>, value?: any ): void {\n\t\tthis._setToTarget( this._config, name, value );\n\t}\n\n\t/**\n\t * Does exactly the same as {@link #set:KEY_VALUE} with one exception – passed configuration extends\n\t * existing one, but does not overwrite already defined values.\n\t *\n\t * This method is supposed to be called by plugin developers to setup plugin's configurations. It would be\n\t * rarely used for other needs.\n\t *\n\t * @label KEY_VALUE\n\t * @param name The configuration name. Configuration names are case-sensitive.\n\t * @param value The configuration value.\n\t */\n\tpublic define<K extends string>( name: K, value: GetSubConfig<Cfg, K> ): void;\n\n\t/**\n\t * Does exactly the same as {@link #set:CONFIG_OBJECT} with one exception – passed configuration extends\n\t * existing one, but does not overwrite already defined values.\n\t *\n\t * This method is supposed to be called by plugin developers to setup plugin's configurations. It would be\n\t * rarely used for other needs.\n\t *\n\t * @label CONFIG_OBJECT\n\t * @param config The configuration object from which take properties as\n\t * configuration entries. Configuration names are case-sensitive.\n\t */\n\tpublic define( config: Partial<Cfg> ): void;\n\n\tpublic define( name: string | Record<string, any>, value?: any ): void {\n\t\tconst isDefine = true;\n\n\t\tthis._setToTarget( this._config, name, value, isDefine );\n\t}\n\n\t/**\n\t * Gets the value for a configuration entry.\n\t *\n\t * ```ts\n\t * config.get( 'name' );\n\t * ```\n\t *\n\t * Deep configurations can be retrieved by separating each part with a dot.\n\t *\n\t * ```ts\n\t * config.get( 'toolbar.collapsed' );\n\t * ```\n\t *\n\t * @param name The configuration name. Configuration names are case-sensitive.\n\t * @returns The configuration value or `undefined` if the configuration entry was not found.\n\t */\n\tpublic get<K extends string>( name: K ): GetSubConfig<Cfg, K> | undefined {\n\t\treturn this._getFromSource( this._config, name );\n\t}\n\n\t/**\n\t * Iterates over all top level configuration names.\n\t */\n\tpublic* names(): Iterable<string> {\n\t\tfor ( const name of Object.keys( this._config ) ) {\n\t\t\tyield name;\n\t\t}\n\t}\n\n\t/**\n\t * Saves passed configuration to the specified target (nested object).\n\t *\n\t * @param target Nested config object.\n\t * @param name The configuration name or an object from which take properties as\n\t * configuration entries. Configuration names are case-sensitive.\n\t * @param value The configuration value. Used if a name is passed.\n\t * @param isDefine Define if passed configuration should overwrite existing one.\n\t */\n\tprivate _setToTarget( target: any, name: any, value: any, isDefine: boolean = false ): void {\n\t\t// In case of an object, iterate through it and call `_setToTarget` again for each property.\n\t\tif ( isPlainObject( name ) ) {\n\t\t\tthis._setObjectToTarget( target, name, isDefine );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// The configuration name should be split into parts if it has dots. E.g. `resize.width` -> [`resize`, `width`].\n\t\tconst parts = name.split( '.' );\n\n\t\t// Take the name of the configuration out of the parts. E.g. `resize.width` -> `width`.\n\t\tname = parts.pop();\n\n\t\t// Iterate over parts to check if currently stored configuration has proper structure.\n\t\tfor ( const part of parts ) {\n\t\t\t// If there is no object for specified part then create one.\n\t\t\tif ( !isPlainObject( target[ part ] ) ) {\n\t\t\t\ttarget[ part ] = Object.create( null );\n\t\t\t}\n\n\t\t\t// Nested object becomes a target.\n\t\t\ttarget = target[ part ];\n\t\t}\n\n\t\t// In case of value is an object.\n\t\tif ( isPlainObject( value ) ) {\n\t\t\t// We take care of proper config structure.\n\t\t\tif ( !isPlainObject( target[ name ] ) ) {\n\t\t\t\ttarget[ name ] = Object.create( null );\n\t\t\t}\n\n\t\t\ttarget = target[ name ];\n\n\t\t\t// And iterate through this object calling `_setToTarget` again for each property.\n\t\t\tthis._setObjectToTarget( target, value, isDefine );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Do nothing if we are defining configuration for non empty name.\n\t\tif ( isDefine && typeof target[ name ] != 'undefined' ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttarget[ name ] = value;\n\t}\n\n\t/**\n\t * Get specified configuration from specified source (nested object).\n\t *\n\t * @param source level of nested object.\n\t * @param name The configuration name. Configuration names are case-sensitive.\n\t * @returns The configuration value or `undefined` if the configuration entry was not found.\n\t */\n\tprivate _getFromSource( source: any, name: string ): any {\n\t\t// The configuration name should be split into parts if it has dots. E.g. `resize.width` -> [`resize`, `width`].\n\t\tconst parts = name.split( '.' );\n\n\t\t// Take the name of the configuration out of the parts. E.g. `resize.width` -> `width`.\n\t\tname = parts.pop()!;\n\n\t\t// Iterate over parts to check if currently stored configuration has proper structure.\n\t\tfor ( const part of parts ) {\n\t\t\tif ( !isPlainObject( source[ part ] ) ) {\n\t\t\t\tsource = null;\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\t// Nested object becomes a source.\n\t\t\tsource = source[ part ];\n\t\t}\n\n\t\t// Always returns undefined for non existing configuration.\n\t\treturn source ? cloneConfig( source[ name ] ) : undefined;\n\t}\n\n\t/**\n\t * Iterates through passed object and calls {@link #_setToTarget} method with object key and value for each property.\n\t *\n\t * @param target Nested config object.\n\t * @param configuration Configuration data set\n\t * @param isDefine Defines if passed configuration is default configuration or not.\n\t */\n\tprivate _setObjectToTarget( target: any, configuration: any, isDefine?: boolean ): void {\n\t\tObject.keys( configuration ).forEach( key => {\n\t\t\tthis._setToTarget( target, key, configuration[ key ], isDefine );\n\t\t} );\n\t}\n}\n\n/**\n * Clones configuration object or value.\n */\nfunction cloneConfig<T>( source: T ): T {\n\treturn cloneDeepWith( source, leaveItemReferences );\n}\n\n/**\n * A customized function for cloneDeepWith.\n * In case if it's a DOM Element it will leave references to DOM Elements instead of cloning them.\n * If it's a function it will leave reference to actuall function.\n */\nfunction leaveItemReferences( value: unknown ): unknown {\n\treturn isElement( value ) || typeof value === 'function' ? value : undefined;\n}\n\n/**\n * An utility type excluding primitive values and arrays from the union.\n */\nexport type OnlyObject<T> = Exclude<T, undefined | null | string | number | boolean | Array<any>>;\n\n/**\n * An utility type extracting configuration value from the given name.\n *\n * @typeParam T The type of a configuration dictionary.\n * @typeParam K The literal type of configuration name (dot-separated path).\n */\nexport type GetSubConfig<T, K> = K extends keyof T ?\n\tT[ K ] :\n\tK extends `${ infer K1 }.${ infer K2 }` ?\n\t\tK1 extends keyof T ?\n\t\t\tGetSubConfig<OnlyObject<T[ K1 ]>, K2> :\n\t\t\tunknown :\n\t\tunknown;\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/isnode\n */\n\n/**\n * Checks if the object is a native DOM Node.\n */\nexport function isNode( obj: any ): obj is Node {\n\tif ( obj ) {\n\t\tif ( obj.defaultView ) {\n\t\t\treturn obj instanceof obj.defaultView.Document;\n\t\t} else if ( obj.ownerDocument && obj.ownerDocument.defaultView ) {\n\t\t\treturn obj instanceof obj.ownerDocument.defaultView.Node;\n\t\t}\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/iswindow\n */\n\n/**\n * Checks if the object is a native DOM Window.\n */\nexport function isWindow( obj: unknown ): obj is Window {\n\tconst stringifiedObject = Object.prototype.toString.apply( obj );\n\n\t// Returns `true` for the `window` object in browser environments.\n\tif ( stringifiedObject == '[object Window]' ) {\n\t\treturn true;\n\t}\n\n\t// Returns `true` for the `window` object in the Electron environment.\n\tif ( stringifiedObject == '[object global]' ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/emittermixin\n */\n\nimport {\n\tEmitterMixin,\n\t_getEmitterListenedTo,\n\t_setEmitterId,\n\ttype Emitter,\n\ttype CallbackOptions,\n\ttype BaseEvent,\n\ttype GetCallback\n} from '../emittermixin.js';\nimport { uid } from '../uid.js';\nimport { isNode } from './isnode.js';\nimport { isWindow } from './iswindow.js';\nimport { type EventInfo } from '../eventinfo.js';\nimport type { Constructor, Mixed } from '../mix.js';\nimport { global } from './global.js';\n\nconst defaultEmitterClass = /* #__PURE__ */ DomEmitterMixin( /* #__PURE__ */ EmitterMixin() );\n\n/**\n * Mixin that injects the DOM events API into its host. It provides the API\n * compatible with {@link module:utils/emittermixin~Emitter}.\n *\n * This function creates a class that inherits from the provided `base` and implements `Emitter` interface.\n *\n * DOM emitter mixin is by default available in the {@link module:ui/view~View} class,\n * but it can also be mixed into any other class:\n *\n * ```ts\n * import { DomEmitterMixin } from '../utils/dom/emittermixin.js';\n *\n * class BaseClass { ... }\n *\n * class SomeView extends DomEmitterMixin( BaseClass ) {}\n *\n * const view = new SomeView();\n * view.listenTo( domElement, ( evt, domEvt ) => {\n * \tconsole.log( evt, domEvt );\n * } );\n * ```\n *\n * @label EXTENDS\n */\nexport function DomEmitterMixin<Base extends Constructor<Emitter>>( base: Base ): Mixed<Base, DomEmitter>;\n\n/**\n * Mixin that injects the DOM events API into its host. It provides the API\n * compatible with {@link module:utils/emittermixin~Emitter}.\n *\n * This function creates a class that implements `Emitter` interface.\n *\n * DOM emitter mixin is by default available in the {@link module:ui/view~View} class,\n * but it can also be mixed into any other class:\n *\n * ```ts\n * import { DomEmitterMixin } from '../utils/dom/emittermixin.js';\n *\n * class SomeView extends DomEmitterMixin() {}\n *\n * const view = new SomeView();\n * view.listenTo( domElement, ( evt, domEvt ) => {\n * \tconsole.log( evt, domEvt );\n * } );\n * ```\n *\n * @label NO_ARGUMENTS\n */\nexport function DomEmitterMixin(): {\n\tnew (): DomEmitter;\n\tprototype: DomEmitter;\n};\n\nexport function DomEmitterMixin( base?: Constructor<Emitter> ): unknown {\n\tif ( !base ) {\n\t\treturn defaultEmitterClass;\n\t}\n\n\tabstract class Mixin extends base implements DomEmitter {\n\t\tpublic override listenTo<K extends keyof HTMLElementEventMap>(\n\t\t\temitter: Node | Window | EventTarget,\n\t\t\tevent: K,\n\t\t\tcallback: ( this: this, ev: EventInfo, event: HTMLElementEventMap[ K ] ) => void,\n\t\t\toptions?: CallbackOptions & { readonly useCapture?: boolean; readonly usePassive?: boolean }\n\t\t): void;\n\t\tpublic override listenTo<TEvent extends BaseEvent>(\n\t\t\temitter: Emitter,\n\t\t\tevent: TEvent[ 'name' ],\n\t\t\tcallback: GetCallback<TEvent>,\n\t\t\toptions?: CallbackOptions\n\t\t): void;\n\t\tpublic override listenTo(\n\t\t\temitter: Emitter | Node | Window | EventTarget,\n\t\t\tevent: string,\n\t\t\tcallback: ( ev: EventInfo, ...args: Array<any> ) => void,\n\t\t\toptions: CallbackOptions & { readonly useCapture?: boolean; readonly usePassive?: boolean } = {}\n\t\t): void {\n\t\t\t// Check if emitter is an instance of DOM Node. If so, use corresponding ProxyEmitter (or create one if not existing).\n\t\t\tif ( isNode( emitter ) || isWindow( emitter ) || emitter instanceof global.window.EventTarget ) {\n\t\t\t\tconst proxyOptions = {\n\t\t\t\t\tcapture: !!options.useCapture,\n\t\t\t\t\tpassive: !!options.usePassive\n\t\t\t\t};\n\n\t\t\t\tconst proxyEmitter = this._getProxyEmitter( emitter, proxyOptions ) || new ProxyEmitter( emitter, proxyOptions );\n\n\t\t\t\tthis.listenTo( proxyEmitter, event, callback, options );\n\t\t\t} else {\n\t\t\t\t// Execute parent class method with Emitter (or ProxyEmitter) instance.\n\t\t\t\tsuper.listenTo( emitter, event, callback, options );\n\t\t\t}\n\t\t}\n\n\t\tpublic override stopListening(\n\t\t\temitter?: Emitter | Node | Window | EventTarget,\n\t\t\tevent?: string,\n\t\t\tcallback?: Function\n\t\t): void {\n\t\t\t// Check if the emitter is an instance of DOM Node. If so, forward the call to the corresponding ProxyEmitters.\n\t\t\tif ( isNode( emitter ) || isWindow( emitter ) || emitter instanceof global.window.EventTarget ) {\n\t\t\t\tconst proxyEmitters = this._getAllProxyEmitters( emitter );\n\n\t\t\t\tfor ( const proxy of proxyEmitters ) {\n\t\t\t\t\tthis.stopListening( proxy, event, callback );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Execute parent class method with Emitter (or ProxyEmitter) instance.\n\t\t\t\tsuper.stopListening( emitter, event, callback );\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Retrieves ProxyEmitter instance for given DOM Node residing in this Host and given options.\n\t\t *\n\t\t * @param node DOM Node of the ProxyEmitter.\n\t\t * @param options Additional options.\n\t\t * @param options.useCapture Indicates that events of this type will be dispatched to the registered\n\t\t * listener before being dispatched to any EventTarget beneath it in the DOM tree.\n\t\t * @param options.usePassive Indicates that the function specified by listener will never call preventDefault()\n\t\t * and prevents blocking browser's main thread by this event handler.\n\t\t * @returns ProxyEmitter instance bound to the DOM Node.\n\t\t */\n\t\tprivate _getProxyEmitter(\n\t\t\tnode: Node | Window | EventTarget,\n\t\t\toptions: { capture: boolean; passive: boolean }\n\t\t): Emitter | null {\n\t\t\treturn _getEmitterListenedTo( this, getProxyEmitterId( node, options ) );\n\t\t}\n\n\t\t/**\n\t\t * Retrieves all the ProxyEmitter instances for given DOM Node residing in this Host.\n\t\t *\n\t\t * @param node DOM Node of the ProxyEmitter.\n\t\t */\n\t\tprivate _getAllProxyEmitters( node: Node | Window | EventTarget ): Array<ProxyEmitter> {\n\t\t\treturn [\n\t\t\t\t{ capture: false, passive: false },\n\t\t\t\t{ capture: false, passive: true },\n\t\t\t\t{ capture: true, passive: false },\n\t\t\t\t{ capture: true, passive: true }\n\t\t\t].map( options => this._getProxyEmitter( node, options ) ).filter( proxy => !!proxy ) as any;\n\t\t}\n\t}\n\n\treturn Mixin;\n}\n\n/**\n * Creates a ProxyEmitter instance. Such an instance is a bridge between a DOM Node firing events\n * and any Host listening to them. It is backwards compatible with {@link module:utils/emittermixin~Emitter#on}.\n * There is a separate instance for each combination of modes (useCapture & usePassive). The mode is concatenated with\n * UID stored in HTMLElement to give each instance unique identifier.\n *\n *                                  listenTo( click, ... )\n *                    +-----------------------------------------+\n *                    |              stopListening( ... )       |\n *     +----------------------------+                           |             addEventListener( click, ... )\n *     | Host                       |                           |   +---------------------------------------------+\n *     +----------------------------+                           |   |       removeEventListener( click, ... )     |\n *     | _listeningTo: {            |                +----------v-------------+                                   |\n *     |   UID+mode: {              |                | ProxyEmitter           |                                   |\n *     |     emitter: ProxyEmitter, |                +------------------------+                      +------------v----------+\n *     |     callbacks: {           |                | events: {              |                      | Node (HTMLElement)    |\n *     |       click: [ callbacks ] |                |   click: [ callbacks ] |                      +-----------------------+\n *     |     }                      |                | },                     |                      | data-ck-expando: UID  |\n *     |   }                        |                | _domNode: Node,        |                      +-----------------------+\n *     | }                          |                | _domListeners: {},     |                                   |\n *     | +------------------------+ |                | _emitterId: UID+mode   |                                   |\n *     | | DomEmitterMixin        | |                +--------------^---------+                                   |\n *     | +------------------------+ |                           |   |                                             |\n *     +--------------^-------------+                           |   +---------------------------------------------+\n *                    |                                         |                  click (DOM Event)\n *                    +-----------------------------------------+\n *                                fire( click, DOM Event )\n */\nclass ProxyEmitter extends /* #__PURE__ */ EmitterMixin() {\n\tprivate readonly _domNode: Node | Window | EventTarget;\n\tprivate readonly _options: { capture: boolean; passive: boolean };\n\n\t/**\n\t * @param node DOM Node that fires events.\n\t * @param options Additional options.\n\t * @param options.useCapture Indicates that events of this type will be dispatched to the registered\n\t * listener before being dispatched to any EventTarget beneath it in the DOM tree.\n\t * @param options.usePassive Indicates that the function specified by listener will never call preventDefault()\n\t * and prevents blocking browser's main thread by this event handler.\n\t */\n\tconstructor(\n\t\tnode: Node | Window | EventTarget,\n\t\toptions: { capture: boolean; passive: boolean }\n\t) {\n\t\tsuper();\n\n\t\t// Set emitter ID to match DOM Node \"expando\" property.\n\t\t_setEmitterId( this, getProxyEmitterId( node, options ) );\n\n\t\t// Remember the DOM Node this ProxyEmitter is bound to.\n\t\tthis._domNode = node;\n\n\t\t// And given options.\n\t\tthis._options = options;\n\t}\n\n\t/**\n\t * Collection of native DOM listeners.\n\t */\n\tprivate _domListeners?: {\n\t\t[ event: string ]: {\n\t\t\t( domEvent: unknown ): void;\n\t\t\tremoveListener(): void;\n\t\t};\n\t};\n\n\t/**\n\t * Registers a callback function to be executed when an event is fired.\n\t *\n\t * It attaches a native DOM listener to the DOM Node. When fired,\n\t * a corresponding Emitter event will also fire with DOM Event object as an argument.\n\t *\n\t * **Note**: This is automatically called by the\n\t * {@link module:utils/emittermixin~Emitter#listenTo `Emitter#listenTo()`}.\n\t *\n\t * @param event The name of the event.\n\t */\n\tpublic attach( event: string ): void {\n\t\t// If the DOM Listener for given event already exist it is pointless\n\t\t// to attach another one.\n\t\tif ( this._domListeners && this._domListeners[ event ] ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst domListener = this._createDomListener( event );\n\n\t\t// Attach the native DOM listener to DOM Node.\n\t\tthis._domNode.addEventListener( event, domListener, this._options );\n\n\t\tif ( !this._domListeners ) {\n\t\t\tthis._domListeners = {};\n\t\t}\n\n\t\t// Store the native DOM listener in this ProxyEmitter. It will be helpful\n\t\t// when stopping listening to the event.\n\t\tthis._domListeners[ event ] = domListener;\n\t}\n\n\t/**\n\t * Stops executing the callback on the given event.\n\t *\n\t * **Note**: This is automatically called by the\n\t * {@link module:utils/emittermixin~Emitter#stopListening `Emitter#stopListening()`}.\n\t *\n\t * @param event The name of the event.\n\t */\n\tpublic detach( event: string ): void {\n\t\tlet events;\n\n\t\t// Remove native DOM listeners which are orphans. If no callbacks\n\t\t// are awaiting given event, detach native DOM listener from DOM Node.\n\t\t// See: {@link attach}.\n\n\t\tif ( this._domListeners![ event ] && ( !( events = ( this as any )._events![ event ] ) || !events.callbacks.length ) ) {\n\t\t\tthis._domListeners![ event ].removeListener();\n\t\t}\n\t}\n\n\t/**\n\t * Adds callback to emitter for given event.\n\t *\n\t * @internal\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t */\n\tpublic _addEventListener<TEvent extends BaseEvent>(\n\t\tevent: TEvent[ 'name' ],\n\t\tcallback: GetCallback<TEvent>,\n\t\toptions: CallbackOptions\n\t): void {\n\t\tthis.attach( event );\n\t\t( EmitterMixin().prototype as any )._addEventListener.call( this, event, callback, options );\n\t}\n\n\t/**\n\t * Removes callback from emitter for given event.\n\t *\n\t * @internal\n\t * @param event The name of the event.\n\t * @param callback The function to stop being called.\n\t */\n\tpublic _removeEventListener( event: string, callback: Function ) {\n\t\t( EmitterMixin().prototype as any )._removeEventListener.call( this, event, callback );\n\t\tthis.detach( event );\n\t}\n\n\t/**\n\t * Creates a native DOM listener callback. When the native DOM event\n\t * is fired it will fire corresponding event on this ProxyEmitter.\n\t * Note: A native DOM Event is passed as an argument.\n\t *\n\t * @param event The name of the event.\n\t * @returns The DOM listener callback.\n\t */\n\tprivate _createDomListener( event: string ) {\n\t\tconst domListener = ( domEvt: unknown ) => {\n\t\t\tthis.fire( event, domEvt );\n\t\t};\n\n\t\t// Supply the DOM listener callback with a function that will help\n\t\t// detach it from the DOM Node, when it is no longer necessary.\n\t\t// See: {@link detach}.\n\t\tdomListener.removeListener = () => {\n\t\t\tthis._domNode.removeEventListener( event, domListener, this._options );\n\t\t\tdelete this._domListeners![ event ];\n\t\t};\n\n\t\treturn domListener;\n\t}\n}\n\n/**\n * Gets an unique DOM Node identifier. The identifier will be set if not defined.\n *\n * @returns UID for given DOM Node.\n */\nfunction getNodeUID( node: any ): string {\n\treturn node[ 'data-ck-expando' ] || ( node[ 'data-ck-expando' ] = uid() );\n}\n\n/**\n * Gets id of the ProxyEmitter for the given node.\n */\nfunction getProxyEmitterId( node: Node | Window | EventTarget, options: { [ option: string ]: any } ): string {\n\tlet id = getNodeUID( node );\n\n\tfor ( const option of Object.keys( options ).sort() ) {\n\t\tif ( options[ option ] ) {\n\t\t\tid += '-' + option;\n\t\t}\n\t}\n\n\treturn id;\n}\n\nexport interface DomEventMap extends HTMLElementEventMap, WindowEventMap {\n}\n\n/**\n * Interface representing classes which mix in {@link module:utils/dom/emittermixin~DomEmitterMixin}.\n *\n * Can be easily implemented by a class by mixing the {@link module:utils/dom/emittermixin~DomEmitterMixin} mixin.\n *\n * ```ts\n * class MyClass extends DomEmitterMixin( OtherBaseClass ) {\n * \t// This class now implements the `Emitter` interface.\n * }\n * ```\n */\nexport interface DomEmitter extends Emitter {\n\n\t/**\n\t * Registers a callback function to be executed when an event is fired in a specific Emitter or DOM Node.\n\t * It is backwards compatible with {@link module:utils/emittermixin~Emitter#listenTo}.\n\t *\n\t * @label HTML_EMITTER\n\t * @param emitter The object that fires the event.\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t * @param options.useCapture Indicates that events of this type will be dispatched to the registered\n\t * listener before being dispatched to any EventTarget beneath it in the DOM tree.\n\t * @param options.usePassive Indicates that the function specified by listener will never call preventDefault()\n\t * and prevents blocking browser's main thread by this event handler.\n\t */\n\tlistenTo<K extends keyof DomEventMap>(\n\t\temitter: Node | Window | EventTarget,\n\t\tevent: K,\n\t\tcallback: ( this: this, ev: EventInfo, event: DomEventMap[ K ] ) => void,\n\t\toptions?: CallbackOptions & { readonly useCapture?: boolean; readonly usePassive?: boolean }\n\t): void;\n\n\t/**\n\t * Registers a callback function to be executed when an event is fired in a specific (emitter) object.\n\t *\n\t * Events can be grouped in namespaces using `:`.\n\t * When namespaced event is fired, it additionally fires all callbacks for that namespace.\n\t *\n\t * ```ts\n\t * // myEmitter.on( ... ) is a shorthand for myEmitter.listenTo( myEmitter, ... ).\n\t * myEmitter.on( 'myGroup', genericCallback );\n\t * myEmitter.on( 'myGroup:myEvent', specificCallback );\n\t *\n\t * // genericCallback is fired.\n\t * myEmitter.fire( 'myGroup' );\n\t * // both genericCallback and specificCallback are fired.\n\t * myEmitter.fire( 'myGroup:myEvent' );\n\t * // genericCallback is fired even though there are no callbacks for \"foo\".\n\t * myEmitter.fire( 'myGroup:foo' );\n\t * ```\n\t *\n\t * An event callback can {@link module:utils/eventinfo~EventInfo#stop stop the event} and\n\t * set the {@link module:utils/eventinfo~EventInfo#return return value} of the {@link #fire} method.\n\t *\n\t * @label DOM_EMITTER\n\t * @typeParam TEvent The type describing the event. See {@link module:utils/emittermixin~BaseEvent}.\n\t * @param emitter The object that fires the event.\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t */\n\tlistenTo<TEvent extends BaseEvent>(\n\t\temitter: Emitter,\n\t\tevent: TEvent[ 'name' ],\n\t\tcallback: GetCallback<TEvent>,\n\t\toptions?: CallbackOptions\n\t): void;\n\n\t/**\n\t * Stops listening for events. It can be used at different levels:\n\t * It is backwards compatible with {@link module:utils/emittermixin~Emitter#listenTo}.\n\t *\n\t * * To stop listening to a specific callback.\n\t * * To stop listening to a specific event.\n\t * * To stop listening to all events fired by a specific object.\n\t * * To stop listening to all events fired by all objects.\n\t *\n\t * @label DOM_STOP\n\t * @param emitter The object to stop listening to.\n\t * If omitted, stops it for all objects.\n\t * @param event (Requires the `emitter`) The name of the event to stop listening to. If omitted, stops it\n\t * for all events from `emitter`.\n\t * @param callback (Requires the `event`) The function to be removed from the call list for the given\n\t * `event`.\n\t */\n\tstopListening( emitter?: Emitter | Node | Window | EventTarget, event?: string, callback?: Function ): void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/findclosestscrollableancestor\n */\n\nimport { global } from './global.js';\n\n/**\n * Returns the closest scrollable ancestor of a DOM element.\n *\n * @param domElement DOM element.\n * @returns First ancestor of `domElement` that is scrollable or null if such ancestor doesn't exist.\n */\nexport function findClosestScrollableAncestor( domElement: HTMLElement ): HTMLElement | null {\n\tlet element = domElement.parentElement;\n\tif ( !element ) {\n\t\treturn null;\n\t}\n\n\twhile ( element.tagName != 'BODY' ) {\n\t\tconst overflow = element.style.overflowY || global.window.getComputedStyle( element ).overflowY;\n\n\t\tif ( overflow === 'auto' || overflow === 'scroll' ) {\n\t\t\tbreak;\n\t\t}\n\n\t\telement = element.parentElement;\n\n\t\tif ( !element ) {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\treturn element;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/getancestors\n */\n\n/**\n * Returns all ancestors of given DOM node, starting from the top-most (root). Includes the given node itself. If the\n * node is a part of `DocumentFragment` that `DocumentFragment` will be returned. In contrary, if the node is\n * appended to a `Document`, that `Document` will not be returned (algorithms operating on DOM tree care for `Document#documentElement`\n * at most, which will be returned).\n *\n * @param node DOM node.\n * @returns Array of given `node` parents.\n */\nexport function getAncestors( node: Node ): Array<Node> {\n\tconst nodes: Array<Node> = [];\n\tlet currentNode: Node | null = node;\n\n\t// We are interested in `Node`s `DocumentFragment`s only.\n\twhile ( currentNode && currentNode.nodeType != Node.DOCUMENT_NODE ) {\n\t\tnodes.unshift( currentNode );\n\t\tcurrentNode = currentNode.parentNode;\n\t}\n\n\treturn nodes;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/getdatafromelement\n */\n\n/**\n * Gets data from a given source element.\n *\n * @param el The element from which the data will be retrieved.\n * @returns The data string.\n */\nexport function getDataFromElement( el: HTMLElement ): string {\n\tif ( el instanceof HTMLTextAreaElement ) {\n\t\treturn el.value;\n\t}\n\n\treturn el.innerHTML;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/getborderwidths\n */\n\n/**\n * Returns an object containing CSS border widths of a specified HTML element.\n *\n * @param element An element which has CSS borders.\n * @returns An object containing `top`, `left`, `right` and `bottom` properties\n * with numerical values of the `border-[top,left,right,bottom]-width` CSS styles.\n */\nexport function getBorderWidths( element: HTMLElement ): BorderWidths {\n\t// Call getComputedStyle on the window the element document belongs to.\n\tconst style = element.ownerDocument.defaultView!.getComputedStyle( element );\n\n\treturn {\n\t\ttop: parseInt( style.borderTopWidth, 10 ),\n\t\tright: parseInt( style.borderRightWidth, 10 ),\n\t\tbottom: parseInt( style.borderBottomWidth, 10 ),\n\t\tleft: parseInt( style.borderLeftWidth, 10 )\n\t};\n}\n\n/**\n * An object describing widths of `HTMLElement` borders.\n*/\nexport interface BorderWidths {\n\ttop: number;\n\tright: number;\n\tbottom: number;\n\tleft: number;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/getrangefrommouseevent\n */\n\n/**\n * Returns a DOM range from a given point specified by a mouse event.\n *\n * @param domEvent The mouse event.\n * @returns The DOM range.\n */\nexport function getRangeFromMouseEvent(\n\tdomEvent: MouseEvent & {\n\t\trangeParent?: HTMLElement;\n\t\trangeOffset?: number;\n\t}\n): Range | null {\n\tif ( !domEvent.target ) {\n\t\treturn null;\n\t}\n\n\tconst domDoc = ( domEvent.target as HTMLElement ).ownerDocument;\n\tconst x = domEvent.clientX;\n\tconst y = domEvent.clientY;\n\tlet domRange = null;\n\n\t// Webkit & Blink.\n\tif ( domDoc.caretRangeFromPoint && domDoc.caretRangeFromPoint( x, y ) ) {\n\t\tdomRange = domDoc.caretRangeFromPoint( x, y );\n\t}\n\n\t// FF.\n\telse if ( domEvent.rangeParent ) {\n\t\tdomRange = domDoc.createRange();\n\t\tdomRange.setStart( domEvent.rangeParent, domEvent.rangeOffset! );\n\t\tdomRange.collapse( true );\n\t}\n\n\treturn domRange;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/getcommonancestor\n */\n\nimport { getAncestors } from './getancestors.js';\n\n/**\n * Searches and returns the lowest common ancestor of two given nodes.\n *\n * @param nodeA First node.\n * @param nodeB Second node.\n * @returns Lowest common ancestor of both nodes or `null` if nodes do not have a common ancestor.\n */\nexport function getCommonAncestor( nodeA: Node, nodeB: Node ): Node | null {\n\tconst ancestorsA = getAncestors( nodeA );\n\tconst ancestorsB = getAncestors( nodeB );\n\n\tlet i = 0;\n\n\t// It does not matter which array is shorter.\n\twhile ( ancestorsA[ i ] == ancestorsB[ i ] && ancestorsA[ i ] ) {\n\t\ti++;\n\t}\n\n\treturn i === 0 ? null : ancestorsA[ i - 1 ];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/getpositionedancestor\n */\n\nimport { global } from './global.js';\n\n/**\n * For a given element, returns the nearest ancestor element which CSS position is not \"static\".\n *\n * @param element The native DOM element to be checked.\n */\nexport function getPositionedAncestor( element?: HTMLElement ): HTMLElement | null {\n\tif ( !element || !element.parentNode ) {\n\t\treturn null;\n\t}\n\n\tif ( element.offsetParent === global.document.body ) {\n\t\treturn null;\n\t}\n\n\treturn element.offsetParent as HTMLElement;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/istext\n */\n\n/**\n * Checks if the object is a native DOM Text node.\n */\nexport function isText( obj: unknown ): obj is Text {\n\treturn Object.prototype.toString.call( obj ) == '[object Text]';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/isrange\n */\n\n/**\n * Checks if the object is a native DOM Range.\n */\nexport function isRange( obj: unknown ): obj is Range {\n\treturn Object.prototype.toString.apply( obj ) == '[object Range]';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/rect\n */\n\nimport { isRange } from './isrange.js';\nimport { isWindow } from './iswindow.js';\nimport { getBorderWidths } from './getborderwidths.js';\nimport { isText } from './istext.js';\nimport { getPositionedAncestor } from './getpositionedancestor.js';\nimport { global } from './global.js';\n\nconst rectProperties: Array<keyof DomRectLike> = [ 'top', 'right', 'bottom', 'left', 'width', 'height' ];\n\n/**\n * A helper class representing a `ClientRect` object, e.g. value returned by\n * the native `object.getBoundingClientRect()` method. Provides a set of methods\n * to manipulate the rect and compare it against other rect instances.\n */\nexport class Rect {\n\t/**\n\t * The \"top\" value of the rect.\n\t *\n\t * @readonly\n\t */\n\tpublic top!: number;\n\n\t/**\n\t * The \"right\" value of the rect.\n\t *\n\t * @readonly\n\t */\n\tpublic right!: number;\n\n\t/**\n\t * The \"bottom\" value of the rect.\n\t *\n\t * @readonly\n\t */\n\tpublic bottom!: number;\n\n\t/**\n\t * The \"left\" value of the rect.\n\t *\n\t * @readonly\n\t */\n\tpublic left!: number;\n\n\t/**\n\t * The \"width\" value of the rect.\n\t *\n\t * @readonly\n\t */\n\tpublic width!: number;\n\n\t/**\n\t * The \"height\" value of the rect.\n\t *\n\t * @readonly\n\t */\n\tpublic height!: number;\n\n\t/**\n\t * The object this rect is for.\n\t *\n\t * @readonly\n\t */\n\tprivate _source!: RectSource;\n\n\t/**\n\t * Creates an instance of rect.\n\t *\n\t * ```ts\n\t * // Rect of an HTMLElement.\n\t * const rectA = new Rect( document.body );\n\t *\n\t * // Rect of a DOM Range.\n\t * const rectB = new Rect( document.getSelection().getRangeAt( 0 ) );\n\t *\n\t * // Rect of a window (web browser viewport).\n\t * const rectC = new Rect( window );\n\t *\n\t * // Rect out of an object.\n\t * const rectD = new Rect( { top: 0, right: 10, bottom: 10, left: 0, width: 10, height: 10 } );\n\t *\n\t * // Rect out of another Rect instance.\n\t * const rectE = new Rect( rectD );\n\t *\n\t * // Rect out of a ClientRect.\n\t * const rectF = new Rect( document.body.getClientRects().item( 0 ) );\n\t * ```\n\t *\n\t * **Note**: By default a rect of an HTML element includes its CSS borders and scrollbars (if any)\n\t * ant the rect of a `window` includes scrollbars too. Use {@link #excludeScrollbarsAndBorders}\n\t * to get the inner part of the rect.\n\t *\n\t * @param source A source object to create the rect.\n\t */\n\tconstructor( source: RectSource ) {\n\t\tconst isSourceRange = isRange( source );\n\n\t\tObject.defineProperty( this, '_source', {\n\t\t\t// If the source is a Rect instance, copy it's #_source.\n\t\t\tvalue: ( source as any )._source || source,\n\t\t\twritable: true,\n\t\t\tenumerable: false\n\t\t} );\n\n\t\tif ( isDomElement( source ) || isSourceRange ) {\n\t\t\t// The `Rect` class depends on `getBoundingClientRect` and `getClientRects` DOM methods. If the source\n\t\t\t// of a rect in an HTML element or a DOM range but it does not belong to any rendered DOM tree, these methods\n\t\t\t// will fail to obtain the geometry and the rect instance makes little sense to the features using it.\n\t\t\t// To get rid of this warning make sure the source passed to the constructor is a descendant of `window.document.body`.\n\t\t\t// @if CK_DEBUG // const sourceNode = isSourceRange ? source.startContainer : source;\n\t\t\t// @if CK_DEBUG // if ( !sourceNode.ownerDocument || !sourceNode.ownerDocument.body.contains( sourceNode ) ) {\n\t\t\t// @if CK_DEBUG // \tconsole.warn(\n\t\t\t// @if CK_DEBUG // \t\t'rect-source-not-in-dom: The source of this rect does not belong to any rendered DOM tree.',\n\t\t\t// @if CK_DEBUG // \t\t{ source } );\n\t\t\t// @if CK_DEBUG // }\n\n\t\t\tif ( isSourceRange ) {\n\t\t\t\tconst rangeRects = Rect.getDomRangeRects( source );\n\t\t\t\tcopyRectProperties( this, Rect.getBoundingRect( rangeRects )! );\n\t\t\t} else {\n\t\t\t\tcopyRectProperties( this, source.getBoundingClientRect() );\n\t\t\t}\n\t\t} else if ( isWindow( source ) ) {\n\t\t\tconst { innerWidth, innerHeight } = source;\n\n\t\t\tcopyRectProperties( this, {\n\t\t\t\ttop: 0,\n\t\t\t\tright: innerWidth,\n\t\t\t\tbottom: innerHeight,\n\t\t\t\tleft: 0,\n\t\t\t\twidth: innerWidth,\n\t\t\t\theight: innerHeight\n\t\t\t} );\n\t\t} else {\n\t\t\tcopyRectProperties( this, source );\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clone of the rect.\n\t *\n\t * @returns A cloned rect.\n\t */\n\tpublic clone(): Rect {\n\t\treturn new Rect( this );\n\t}\n\n\t/**\n\t * Moves the rect so that its upper–left corner lands in desired `[ x, y ]` location.\n\t *\n\t * @param x Desired horizontal location.\n\t * @param y Desired vertical location.\n\t * @returns A rect which has been moved.\n\t */\n\tpublic moveTo( x: number, y: number ): this {\n\t\tthis.top = y;\n\t\tthis.right = x + this.width;\n\t\tthis.bottom = y + this.height;\n\t\tthis.left = x;\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Moves the rect in–place by a dedicated offset.\n\t *\n\t * @param x A horizontal offset.\n\t * @param y A vertical offset\n\t * @returns A rect which has been moved.\n\t */\n\tpublic moveBy( x: number, y: number ): this {\n\t\tthis.top += y;\n\t\tthis.right += x;\n\t\tthis.left += x;\n\t\tthis.bottom += y;\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Returns a new rect a a result of intersection with another rect.\n\t */\n\tpublic getIntersection( anotherRect: Rect ): Rect | null {\n\t\tconst rect = {\n\t\t\ttop: Math.max( this.top, anotherRect.top ),\n\t\t\tright: Math.min( this.right, anotherRect.right ),\n\t\t\tbottom: Math.min( this.bottom, anotherRect.bottom ),\n\t\t\tleft: Math.max( this.left, anotherRect.left ),\n\t\t\twidth: 0,\n\t\t\theight: 0\n\t\t};\n\n\t\trect.width = rect.right - rect.left;\n\t\trect.height = rect.bottom - rect.top;\n\n\t\tif ( rect.width < 0 || rect.height < 0 ) {\n\t\t\treturn null;\n\t\t} else {\n\t\t\tconst newRect = new Rect( rect );\n\n\t\t\tnewRect._source = this._source;\n\n\t\t\treturn newRect;\n\t\t}\n\t}\n\n\t/**\n\t * Returns the area of intersection with another rect.\n\t *\n\t * @returns Area of intersection.\n\t */\n\tpublic getIntersectionArea( anotherRect: Rect ): number {\n\t\tconst rect = this.getIntersection( anotherRect );\n\n\t\tif ( rect ) {\n\t\t\treturn rect.getArea();\n\t\t} else {\n\t\t\treturn 0;\n\t\t}\n\t}\n\n\t/**\n\t * Returns the area of the rect.\n\t */\n\tpublic getArea(): number {\n\t\treturn this.width * this.height;\n\t}\n\n\t/**\n\t * Returns a new rect, a part of the original rect, which is actually visible to the user and is relative to the,`body`,\n\t * e.g. an original rect cropped by parent element rects which have `overflow` set in CSS\n\t * other than `\"visible\"`.\n\t *\n\t * If there's no such visible rect, which is when the rect is limited by one or many of\n\t * the ancestors, `null` is returned.\n\t *\n\t * **Note**: This method does not consider the boundaries of the viewport (window).\n\t * To get a rect cropped by all ancestors and the viewport, use an intersection such as:\n\t *\n\t * ```ts\n\t * const visibleInViewportRect = new Rect( window ).getIntersection( new Rect( source ).getVisible() );\n\t * ```\n\t *\n\t * @returns A visible rect instance or `null`, if there's none.\n\t */\n\tpublic getVisible(): Rect | null {\n\t\tconst source: RectSource & { parentNode?: Node | null; commonAncestorContainer?: Node | null } = this._source;\n\n\t\tlet visibleRect = this.clone();\n\n\t\t// There's no ancestor to crop <body> with the overflow.\n\t\tif ( isBody( source ) ) {\n\t\t\treturn visibleRect;\n\t\t}\n\n\t\tlet child: any = source;\n\t\tlet parent = source.parentNode || source.commonAncestorContainer;\n\t\tlet absolutelyPositionedChildElement;\n\n\t\t// Check the ancestors all the way up to the <body>.\n\t\twhile ( parent && !isBody( parent ) ) {\n\t\t\tconst isParentOverflowVisible = getElementOverflow( parent as HTMLElement ) === 'visible';\n\n\t\t\tif ( child instanceof HTMLElement && getElementPosition( child ) === 'absolute' ) {\n\t\t\t\tabsolutelyPositionedChildElement = child;\n\t\t\t}\n\n\t\t\tconst parentElementPosition = getElementPosition( parent );\n\n\t\t\t// The child will be cropped only if it has `position: absolute` and the parent has `position: relative` + some overflow.\n\t\t\t// Otherwise there's no chance of visual clipping and the parent can be skipped\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/14107.\n\t\t\t//\n\t\t\t// condition: isParentOverflowVisible\n\t\t\t// \t\t+---------------------------+\n\t\t\t//\t\t| #parent\t\t\t\t\t|\n\t\t\t//\t\t| (overflow: visible)\t\t|\n\t\t\t//\t\t|\t\t\t\t+-----------+---------------+\n\t\t\t//\t\t|\t\t\t\t| child\t\t\t\t\t\t|\n\t\t\t//\t\t|\t\t\t\t+-----------+---------------+\n\t\t\t//\t\t+---------------------------+\n\t\t\t//\n\t\t\t// condition: absolutelyPositionedChildElement && parentElementPosition === 'relative' && isParentOverflowVisible\n\t\t\t// \t\t+---------------------------+\n\t\t\t//\t\t| parent\t\t\t\t\t|\n\t\t\t//\t\t| (position: relative;)\t\t|\n\t\t\t//\t\t| (overflow: visible;)\t\t|\n\t\t\t//\t\t|\t\t\t\t+-----------+---------------+\n\t\t\t//\t\t|\t\t\t\t| child  \t\t\t\t\t|\n\t\t\t//\t\t|\t\t\t\t| (position: absolute;)\t\t|\n\t\t\t//\t\t|\t\t\t\t+-----------+---------------+\n\t\t\t//\t\t+---------------------------+\n\t\t\t//\n\t\t\t// condition: absolutelyPositionedChildElement && parentElementPosition !== 'relative'\n\t\t\t// \t\t+---------------------------+\n\t\t\t//\t\t| parent\t\t\t\t\t|\n\t\t\t//\t\t| (position: static;)\t\t|\n\t\t\t//\t\t|\t\t\t\t+-----------+---------------+\n\t\t\t//\t\t|\t\t\t\t| child  \t\t\t\t\t|\n\t\t\t//\t\t|\t\t\t\t| (position: absolute;)\t\t|\n\t\t\t//\t\t|\t\t\t\t+-----------+---------------+\n\t\t\t//\t\t+---------------------------+\n\t\t\tif (\n\t\t\t\tisParentOverflowVisible ||\n\t\t\t\tabsolutelyPositionedChildElement && (\n\t\t\t\t\t( parentElementPosition === 'relative' && isParentOverflowVisible ) ||\n\t\t\t\t\tparentElementPosition !== 'relative'\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tchild = parent;\n\t\t\t\tparent = parent.parentNode;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst parentRect = new Rect( parent as HTMLElement );\n\t\t\tconst intersectionRect = visibleRect.getIntersection( parentRect );\n\n\t\t\tif ( intersectionRect ) {\n\t\t\t\tif ( intersectionRect.getArea() < visibleRect.getArea() ) {\n\t\t\t\t\t// Reduce the visible rect to the intersection.\n\t\t\t\t\tvisibleRect = intersectionRect;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// There's no intersection, the rect is completely invisible.\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tchild = parent;\n\t\t\tparent = parent.parentNode;\n\t\t}\n\n\t\treturn visibleRect;\n\t}\n\n\t/**\n\t * Checks if all property values ({@link #top}, {@link #left}, {@link #right},\n\t * {@link #bottom}, {@link #width} and {@link #height}) are the equal in both rect\n\t * instances.\n\t *\n\t * @param anotherRect A rect instance to compare with.\n\t * @returns `true` when Rects are equal. `false` otherwise.\n\t */\n\tpublic isEqual( anotherRect: Rect ): boolean {\n\t\tfor ( const prop of rectProperties ) {\n\t\t\tif ( this[ prop ] !== anotherRect[ prop ] ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Checks whether a rect fully contains another rect instance.\n\t *\n\t * @param anotherRect\n\t * @returns `true` if contains, `false` otherwise.\n\t */\n\tpublic contains( anotherRect: Rect ): boolean {\n\t\tconst intersectRect = this.getIntersection( anotherRect );\n\n\t\treturn !!( intersectRect && intersectRect.isEqual( anotherRect ) );\n\t}\n\n\t/**\n\t * Recalculates screen coordinates to coordinates relative to the positioned ancestor offset.\n\t */\n\tpublic toAbsoluteRect(): Rect {\n\t\tconst { scrollX, scrollY } = global.window;\n\t\tconst absoluteRect = this.clone().moveBy( scrollX, scrollY );\n\n\t\tif ( isDomElement( absoluteRect._source ) ) {\n\t\t\tconst positionedAncestor = getPositionedAncestor( absoluteRect._source );\n\n\t\t\tif ( positionedAncestor ) {\n\t\t\t\tshiftRectToCompensatePositionedAncestor( absoluteRect, positionedAncestor );\n\t\t\t}\n\t\t}\n\n\t\treturn absoluteRect;\n\t}\n\n\t/**\n\t * Excludes scrollbars and CSS borders from the rect.\n\t *\n\t * * Borders are removed when {@link #_source} is an HTML element.\n\t * * Scrollbars are excluded from HTML elements and the `window`.\n\t *\n\t * @returns A rect which has been updated.\n\t */\n\tpublic excludeScrollbarsAndBorders(): this {\n\t\tconst source = this._source as ( HTMLElement | Window );\n\t\tlet scrollBarWidth, scrollBarHeight, direction;\n\n\t\tif ( isWindow( source ) ) {\n\t\t\tscrollBarWidth = source.innerWidth - source.document.documentElement.clientWidth;\n\t\t\tscrollBarHeight = source.innerHeight - source.document.documentElement.clientHeight;\n\t\t\tdirection = source.getComputedStyle( source.document.documentElement ).direction;\n\t\t} else {\n\t\t\tconst borderWidths = getBorderWidths( source );\n\n\t\t\tscrollBarWidth = source.offsetWidth - source.clientWidth - borderWidths.left - borderWidths.right;\n\t\t\tscrollBarHeight = source.offsetHeight - source.clientHeight - borderWidths.top - borderWidths.bottom;\n\t\t\tdirection = source.ownerDocument.defaultView!.getComputedStyle( source ).direction;\n\n\t\t\tthis.left += borderWidths.left;\n\t\t\tthis.top += borderWidths.top;\n\t\t\tthis.right -= borderWidths.right;\n\t\t\tthis.bottom -= borderWidths.bottom;\n\t\t\tthis.width = this.right - this.left;\n\t\t\tthis.height = this.bottom - this.top;\n\t\t}\n\n\t\tthis.width -= scrollBarWidth;\n\n\t\tif ( direction === 'ltr' ) {\n\t\t\tthis.right -= scrollBarWidth;\n\t\t} else {\n\t\t\tthis.left += scrollBarWidth;\n\t\t}\n\n\t\tthis.height -= scrollBarHeight;\n\t\tthis.bottom -= scrollBarHeight;\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Returns an array of rects of the given native DOM Range.\n\t *\n\t * @param range A native DOM range.\n\t * @returns DOM Range rects.\n\t */\n\tpublic static getDomRangeRects( range: Range ): Array<Rect> {\n\t\tconst rects: Array<Rect> = [];\n\t\t// Safari does not iterate over ClientRectList using for...of loop.\n\t\tconst clientRects = Array.from( range.getClientRects() );\n\n\t\tif ( clientRects.length ) {\n\t\t\tfor ( const rect of clientRects ) {\n\t\t\t\trects.push( new Rect( rect ) );\n\t\t\t}\n\t\t}\n\t\t// If there's no client rects for the Range, use parent container's bounding rect\n\t\t// instead and adjust rect's width to simulate the actual geometry of such range.\n\t\t// https://github.com/ckeditor/ckeditor5-utils/issues/153\n\t\t// https://github.com/ckeditor/ckeditor5-ui/issues/317\n\t\telse {\n\t\t\tlet startContainer = range.startContainer;\n\n\t\t\tif ( isText( startContainer ) ) {\n\t\t\t\tstartContainer = startContainer.parentNode!;\n\t\t\t}\n\n\t\t\tconst rect = new Rect( ( startContainer as Element ).getBoundingClientRect() );\n\t\t\trect.right = rect.left;\n\t\t\trect.width = 0;\n\n\t\t\trects.push( rect );\n\t\t}\n\n\t\treturn rects;\n\t}\n\n\t/**\n\t * Returns a bounding rectangle that contains all the given `rects`.\n\t *\n\t * @param rects A list of rectangles that should be contained in the result rectangle.\n\t * @returns Bounding rectangle or `null` if no `rects` were given.\n\t */\n\tpublic static getBoundingRect( rects: Iterable<Rect> ): Rect | null {\n\t\tconst boundingRectData = {\n\t\t\tleft: Number.POSITIVE_INFINITY,\n\t\t\ttop: Number.POSITIVE_INFINITY,\n\t\t\tright: Number.NEGATIVE_INFINITY,\n\t\t\tbottom: Number.NEGATIVE_INFINITY,\n\t\t\twidth: 0,\n\t\t\theight: 0\n\t\t};\n\t\tlet rectangleCount = 0;\n\n\t\tfor ( const rect of rects ) {\n\t\t\trectangleCount++;\n\n\t\t\tboundingRectData.left = Math.min( boundingRectData.left, rect.left );\n\t\t\tboundingRectData.top = Math.min( boundingRectData.top, rect.top );\n\t\t\tboundingRectData.right = Math.max( boundingRectData.right, rect.right );\n\t\t\tboundingRectData.bottom = Math.max( boundingRectData.bottom, rect.bottom );\n\t\t}\n\n\t\tif ( rectangleCount == 0 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tboundingRectData.width = boundingRectData.right - boundingRectData.left;\n\t\tboundingRectData.height = boundingRectData.bottom - boundingRectData.top;\n\n\t\treturn new Rect( boundingRectData );\n\t}\n}\n\n/**\n * A source of {@link module:utils/dom/rect~Rect}.\n */\nexport type RectSource = HTMLElement | Range | Window | DomRectLike;\n\n/**\n * An object that describes properties of `ClientRect` object.\n */\nexport interface DomRectLike {\n\treadonly top: number;\n\treadonly right: number;\n\treadonly bottom: number;\n\treadonly left: number;\n\treadonly width: number;\n\treadonly height: number;\n}\n\n/**\n * Acquires all the rect properties from the passed source.\n */\nfunction copyRectProperties( rect: Rect, source: DomRectLike ): void {\n\tfor ( const p of rectProperties ) {\n\t\trect[ p ] = source[ p ];\n\t}\n}\n\n/**\n * Checks if provided object is a <body> HTML element.\n */\nfunction isBody( value: unknown ): value is HTMLBodyElement {\n\tif ( !isDomElement( value ) ) {\n\t\treturn false;\n\t}\n\n\treturn value === value.ownerDocument.body;\n}\n\n/**\n * Checks if provided object \"looks like\" a DOM Element and has API required by `Rect` class.\n */\nfunction isDomElement( value: any ): value is Element {\n\t// Note: earlier we used `isElement()` from lodash library, however that function is less performant because\n\t// it makes complicated checks to make sure that given value is a DOM element.\n\treturn value !== null && typeof value === 'object' && value.nodeType === 1 && typeof value.getBoundingClientRect === 'function';\n}\n\n/**\n * Returns the value of the `position` style of an `HTMLElement`.\n */\nfunction getElementPosition( element: HTMLElement | Node ): string {\n\treturn element instanceof HTMLElement ? element.ownerDocument.defaultView!.getComputedStyle( element ).position : 'static';\n}\n\n/**\n * Returns the value of the `overflow` style of an `HTMLElement` or a `Range`.\n */\nfunction getElementOverflow( element: HTMLElement | Range ): string {\n\treturn element instanceof HTMLElement ? element.ownerDocument.defaultView!.getComputedStyle( element ).overflow : 'visible';\n}\n\n/**\n * For a given absolute Rect coordinates object and a positioned element ancestor, it updates its\n * coordinates that make up for the position and the scroll of the ancestor.\n *\n * This is necessary because while Rects (and DOMRects) are relative to the browser's viewport, their coordinates\n * are used in real–life to position elements with `position: absolute`, which are scoped by any positioned\n * (and scrollable) ancestors.\n */\nfunction shiftRectToCompensatePositionedAncestor( rect: Rect, positionedElementAncestor: HTMLElement ): void {\n\tconst ancestorPosition = new Rect( positionedElementAncestor );\n\tconst ancestorBorderWidths = getBorderWidths( positionedElementAncestor );\n\n\tlet moveX = 0;\n\tlet moveY = 0;\n\n\t// (https://github.com/ckeditor/ckeditor5-ui-default/issues/126)\n\t// If there's some positioned ancestor of the panel, then its `Rect` must be taken into\n\t// consideration. `Rect` is always relative to the viewport while `position: absolute` works\n\t// with respect to that positioned ancestor.\n\tmoveX -= ancestorPosition.left;\n\tmoveY -= ancestorPosition.top;\n\n\t// (https://github.com/ckeditor/ckeditor5-utils/issues/139)\n\t// If there's some positioned ancestor of the panel, not only its position must be taken into\n\t// consideration (see above) but also its internal scrolls. Scroll have an impact here because `Rect`\n\t// is relative to the viewport (it doesn't care about scrolling), while `position: absolute`\n\t// must compensate that scrolling.\n\tmoveX += positionedElementAncestor.scrollLeft;\n\tmoveY += positionedElementAncestor.scrollTop;\n\n\t// (https://github.com/ckeditor/ckeditor5-utils/issues/139)\n\t// If there's some positioned ancestor of the panel, then its `Rect` includes its CSS `borderWidth`\n\t// while `position: absolute` positioning does not consider it.\n\t// E.g. `{ position: absolute, top: 0, left: 0 }` means upper left corner of the element,\n\t// not upper-left corner of its border.\n\tmoveX -= ancestorBorderWidths.left;\n\tmoveY -= ancestorBorderWidths.top;\n\n\trect.moveBy( moveX, moveY );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/resizeobserver\n */\n\nimport { global } from './global.js';\n\n/**\n * A helper class which instances allow performing custom actions when native DOM elements are resized.\n *\n * ```ts\n * const editableElement = editor.editing.view.getDomRoot();\n *\n * const observer = new ResizeObserver( editableElement, entry => {\n * \tconsole.log( 'The editable element has been resized in DOM.' );\n * \tconsole.log( entry.target ); // -> editableElement\n * \tconsole.log( entry.contentRect.width ); // -> e.g. '423px'\n * } );\n * ```\n *\n * It uses the [native DOM resize observer](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)\n * under the hood.\n */\nexport class ResizeObserver {\n\t/**\n\t * The element observed by this observer.\n\t */\n\tprivate readonly _element: Element;\n\n\t/**\n\t * The callback executed each time {@link #_element} is resized.\n\t */\n\tprivate readonly _callback: ( entry: ResizeObserverEntry ) => void;\n\n\t/**\n\t * The single native observer instance shared across all {@link module:utils/dom/resizeobserver~ResizeObserver} instances.\n\t */\n\tprivate static _observerInstance: InstanceType<typeof global.window.ResizeObserver> | null = null;\n\n\t/**\n\t * A mapping of native DOM elements and their callbacks shared across all\n\t * {@link module:utils/dom/resizeobserver~ResizeObserver} instances.\n\t */\n\tprivate static _elementCallbacks: Map<Element, Set<( entry: ResizeObserverEntry ) => void>> | null = null;\n\n\t/**\n\t * Creates an instance of the `ResizeObserver` class.\n\t *\n\t * @param element A DOM element that is to be observed for resizing. Note that\n\t * the element must be visible (i.e. not detached from DOM) for the observer to work.\n\t * @param callback A function called when the observed element was resized. It passes\n\t * the [`ResizeObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserverEntry)\n\t * object with information about the resize event.\n\t */\n\tconstructor( element: Element, callback: ( entry: ResizeObserverEntry ) => void ) {\n\t\t// **Note**: For the maximum performance, this class ensures only a single instance of the native\n\t\t// observer is used no matter how many instances of this class were created.\n\t\tif ( !ResizeObserver._observerInstance ) {\n\t\t\tResizeObserver._createObserver();\n\t\t}\n\n\t\tthis._element = element;\n\t\tthis._callback = callback;\n\n\t\tResizeObserver._addElementCallback( element, callback );\n\t\tResizeObserver._observerInstance!.observe( element );\n\t}\n\n\t/**\n\t * The element observed by this observer.\n\t */\n\tpublic get element(): Element {\n\t\treturn this._element;\n\t}\n\n\t/**\n\t * Destroys the observer which disables the `callback` passed to the {@link #constructor}.\n\t */\n\tpublic destroy(): void {\n\t\tResizeObserver._deleteElementCallback( this._element, this._callback );\n\t}\n\n\t/**\n\t * Registers a new resize callback for the DOM element.\n\t */\n\tprivate static _addElementCallback( element: Element, callback: ( entry: ResizeObserverEntry ) => void ): void {\n\t\tif ( !ResizeObserver._elementCallbacks ) {\n\t\t\tResizeObserver._elementCallbacks = new Map();\n\t\t}\n\n\t\tlet callbacks = ResizeObserver._elementCallbacks.get( element );\n\n\t\tif ( !callbacks ) {\n\t\t\tcallbacks = new Set();\n\t\t\tResizeObserver._elementCallbacks.set( element, callbacks );\n\t\t}\n\n\t\tcallbacks.add( callback );\n\t}\n\n\t/**\n\t * Removes a resize callback from the DOM element. If no callbacks are left\n\t * for the element, it removes the element from the native observer.\n\t */\n\tprivate static _deleteElementCallback( element: Element, callback: ( entry: ResizeObserverEntry ) => void ): void {\n\t\tconst callbacks = ResizeObserver._getElementCallbacks( element );\n\n\t\t// Remove the element callback. Check if exist first in case someone\n\t\t// called destroy() twice.\n\t\tif ( callbacks ) {\n\t\t\tcallbacks.delete( callback );\n\n\t\t\t// If no callbacks left for the element, also remove the element.\n\t\t\tif ( !callbacks.size ) {\n\t\t\t\tResizeObserver._elementCallbacks!.delete( element );\n\t\t\t\tResizeObserver._observerInstance!.unobserve( element );\n\t\t\t}\n\t\t}\n\n\t\tif ( ResizeObserver._elementCallbacks && !ResizeObserver._elementCallbacks.size ) {\n\t\t\tResizeObserver._observerInstance = null;\n\t\t\tResizeObserver._elementCallbacks = null;\n\t\t}\n\t}\n\n\t/**\n\t * Returns are registered resize callbacks for the DOM element.\n\t */\n\tprivate static _getElementCallbacks( element: Element ): Set<( entry: ResizeObserverEntry ) => void> | null | undefined {\n\t\tif ( !ResizeObserver._elementCallbacks ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn ResizeObserver._elementCallbacks.get( element );\n\t}\n\n\t/**\n\t * Creates the single native observer shared across all `ResizeObserver` instances.\n\t */\n\tprivate static _createObserver(): void {\n\t\tResizeObserver._observerInstance = new global.window.ResizeObserver( entries => {\n\t\t\tfor ( const entry of entries ) {\n\t\t\t\tconst callbacks = ResizeObserver._getElementCallbacks( entry.target );\n\n\t\t\t\tif ( callbacks ) {\n\t\t\t\t\tfor ( const callback of callbacks ) {\n\t\t\t\t\t\tcallback( entry );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/setdatainelement\n */\n\n/**\n * Sets data in a given element.\n *\n * @param el The element in which the data will be set.\n * @param data The data string.\n */\nexport function setDataInElement( el: HTMLElement, data: string ): void {\n\tif ( el instanceof HTMLTextAreaElement ) {\n\t\tel.value = data;\n\t}\n\n\tel.innerHTML = data;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/tounit\n */\n\n/**\n * Returns a helper function, which adds a desired trailing\n * `unit` to the passed value.\n *\n * @param unit An unit like \"px\" or \"em\".\n */\nexport function toUnit( unit: string ): ToUnitHelper {\n\treturn value => value + unit;\n}\n\n/**\n * A function, which adds a pre–defined trailing `unit`\n * to the passed `value`.\n *\n * @param value A value to be given the unit.\n * @returns A value with the trailing unit.\n */\nexport type ToUnitHelper = ( value: string | number ) => string;\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/indexof\n */\n\n/**\n * Returns index of the node in the parent element.\n *\n * @param node Node which index is tested.\n * @returns Index of the node in the parent element. Returns 0 if node has no parent.\n */\nexport function indexOf( node: Node ): number {\n\tlet index = 0;\n\n\twhile ( node.previousSibling ) {\n\t\tnode = node.previousSibling;\n\t\tindex++;\n\t}\n\n\treturn index;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/insertat\n */\n\n/**\n * Inserts node to the parent at given index.\n *\n * @param parentElement Parent element.\n * @param index Insertions index.\n * @param nodeToInsert Node to insert.\n */\nexport function insertAt(\n\tparentElement: Element,\n\tindex: number,\n\tnodeToInsert: Node\n): void {\n\tparentElement.insertBefore( nodeToInsert, parentElement.childNodes[ index ] || null );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/iscomment\n */\n\n/**\n * Checks whether the object is a native DOM Comment node.\n */\nexport function isComment( obj: any ): obj is Comment {\n\treturn obj && obj.nodeType === Node.COMMENT_NODE;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/isvalidattributename\n */\n\nimport { global } from './global.js';\n\n/**\n * Checks if the given attribute name is valid in terms of HTML.\n *\n * @param name Attribute name.\n */\nexport function isValidAttributeName( name: string ): boolean {\n\ttry {\n\t\tglobal.document.createAttribute( name );\n\t} catch {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/isvisible\n */\n\nimport { isText } from './istext.js';\n\n/**\n * Checks whether the element is visible to the user in DOM:\n *\n * * connected to the root of the document,\n * * has no `display: none`,\n * * has no ancestors with `display: none`.\n *\n * **Note**: This helper does not check whether the element is hidden by cropping, overflow, etc..\n * To check that, use {@link module:utils/dom/rect~Rect} instead.\n */\nexport function isVisible( element: Text | HTMLElement | null | undefined ): boolean {\n\tif ( !element ) {\n\t\treturn false;\n\t}\n\n\tif ( isText( element ) ) {\n\t\treturn isVisible( element.parentElement );\n\t}\n\n\tif ( element.getClientRects ) {\n\t\treturn !!( element.getClientRects().length );\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/position\n */\n\nimport { global } from './global.js';\nimport { Rect, type RectSource } from './rect.js';\nimport { getPositionedAncestor } from './getpositionedancestor.js';\nimport { isFunction } from 'es-toolkit/compat';\n\n// @if CK_DEBUG_POSITION // const {\n// @if CK_DEBUG_POSITION // \tdefault: RectDrawer,\n// @if CK_DEBUG_POSITION // \tdiagonalStylesBlack,\n// @if CK_DEBUG_POSITION // \tdiagonalStylesGreen,\n// @if CK_DEBUG_POSITION // \tdiagonalStylesRed\n// @if CK_DEBUG_POSITION // } = require( '@ckeditor/ckeditor5-utils/tests/_utils/rectdrawer' );\n// @if CK_DEBUG_POSITION // const TARGET_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \toutlineWidth: '2px', outlineStyle: 'dashed', outlineColor: 'blue', outlineOffset: '2px'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const VISIBLE_TARGET_RECT_STYLE = {\n// @if CK_DEBUG_POSITION //\t\t...diagonalStylesBlack,\n// @if CK_DEBUG_POSITION //\t\topacity: '1',\n// @if CK_DEBUG_POSITION //\t\tbackgroundColor: '#00000033',\n// @if CK_DEBUG_POSITION //\t\toutlineWidth: '2px'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const VIEWPORT_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \toutlineWidth: '2px',\n// @if CK_DEBUG_POSITION // \toutlineOffset: '-2px',\n// @if CK_DEBUG_POSITION // \toutlineStyle: 'solid',\n// @if CK_DEBUG_POSITION // \toutlineColor: 'red'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const VISIBLE_LIMITER_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \t...diagonalStylesGreen,\n// @if CK_DEBUG_POSITION // \toutlineWidth: '2px',\n// @if CK_DEBUG_POSITION // \toutlineOffset: '-2px'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const ELEMENT_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \toutlineWidth: '2px', outlineColor: 'orange', outlineOffset: '-2px'\n// @if CK_DEBUG_POSITION // };\n// @if CK_DEBUG_POSITION // const CHOSEN_POSITION_RECT_STYLE = {\n// @if CK_DEBUG_POSITION // \topacity: .5, outlineColor: 'magenta', backgroundColor: 'magenta'\n// @if CK_DEBUG_POSITION // };\n\n/**\n * Calculates the `position: absolute` coordinates of a given element so it can be positioned with respect to the\n * target in the visually most efficient way, taking various restrictions like viewport or limiter geometry\n * into consideration.\n *\n * **Note**: If there are no position coordinates found that meet the requirements (arguments of this helper),\n * `null` is returned.\n *\n * ```ts\n * // The element which is to be positioned.\n * const element = document.body.querySelector( '#toolbar' );\n *\n * // A target to which the element is positioned relatively.\n * const target = document.body.querySelector( '#container' );\n *\n * // Finding the optimal coordinates for the positioning.\n * const { left, top, name } = getOptimalPosition( {\n * \telement: element,\n * \ttarget: target,\n *\n * \t// The algorithm will chose among these positions to meet the requirements such\n * \t// as \"limiter\" element or \"fitInViewport\", set below. The positions are considered\n * \t// in the order of the array.\n * \tpositions: [\n * \t\t//\n * \t \t//\t[ Target ]\n * \t\t//\t+-----------------+\n * \t\t//\t|     Element     |\n * \t\t//\t+-----------------+\n * \t\t//\n * \t\ttargetRect => ( {\n * \t\t\ttop: targetRect.bottom,\n * \t\t\tleft: targetRect.left,\n * \t\t\tname: 'mySouthEastPosition'\n * \t\t} ),\n *\n * \t\t//\n * \t\t//\t+-----------------+\n * \t\t//\t|     Element     |\n * \t\t//\t+-----------------+\n * \t\t//\t[ Target ]\n * \t\t//\n * \t\t( targetRect, elementRect ) => ( {\n * \t\t\ttop: targetRect.top - elementRect.height,\n * \t\t\tleft: targetRect.left,\n * \t\t\tname: 'myNorthEastPosition'\n * \t\t} )\n * \t],\n *\n * \t// Find a position such guarantees the element remains within visible boundaries of <body>.\n * \tlimiter: document.body,\n *\n * \t// Find a position such guarantees the element remains within visible boundaries of the browser viewport.\n * \tfitInViewport: true\n * } );\n *\n * // The best position which fits into document.body and the viewport. May be useful\n * // to set proper class on the `element`.\n * console.log( name ); // -> \"myNorthEastPosition\"\n *\n * // Using the absolute coordinates which has been found to position the element\n * // as in the diagram depicting the \"myNorthEastPosition\" position.\n * element.style.top = top;\n * element.style.left = left;\n * ```\n *\n * @param options The input data and configuration of the helper.\n */\nexport function getOptimalPosition( {\n\telement, target, positions, limiter, fitInViewport, viewportOffsetConfig\n}: DomOptimalPositionOptions ): DomPoint | null {\n\t// If the {@link module:utils/dom/position~Options#target} is a function, use what it returns.\n\t// https://github.com/ckeditor/ckeditor5-utils/issues/157\n\tif ( isFunction( target ) ) {\n\t\ttarget = target();\n\t}\n\n\t// If the {@link module:utils/dom/position~Options#limiter} is a function, use what it returns.\n\t// https://github.com/ckeditor/ckeditor5-ui/issues/260\n\tif ( isFunction( limiter ) ) {\n\t\tlimiter = limiter();\n\t}\n\n\tconst positionedElementAncestor = getPositionedAncestor( element );\n\tconst constrainedViewportRect = getConstrainedViewportRect( viewportOffsetConfig );\n\tconst elementRect = new Rect( element );\n\tconst visibleTargetRect = getVisibleViewportIntersectionRect( target, constrainedViewportRect );\n\n\tlet bestPosition: DomPoint | null;\n\n\t// @if CK_DEBUG_POSITION // const targetRect = new Rect( target );\n\t// @if CK_DEBUG_POSITION // RectDrawer.clear();\n\t// @if CK_DEBUG_POSITION // RectDrawer.draw( targetRect, TARGET_RECT_STYLE, 'Target' );\n\t// @if CK_DEBUG_POSITION // if ( constrainedViewportRect ) {\n\t// @if CK_DEBUG_POSITION //\t\tRectDrawer.draw( constrainedViewportRect, VIEWPORT_RECT_STYLE, 'Viewport' );\n\t// @if CK_DEBUG_POSITION // }\n\n\t// If the target got cropped by ancestors or went off the screen, positioning does not make any sense.\n\tif ( !visibleTargetRect || !constrainedViewportRect.getIntersection( visibleTargetRect ) ) {\n\t\treturn null;\n\t}\n\n\t// @if CK_DEBUG_POSITION //\tRectDrawer.draw( visibleTargetRect, VISIBLE_TARGET_RECT_STYLE, 'VisTgt' );\n\n\tconst positionOptions: PositionObjectOptions = {\n\t\ttargetRect: visibleTargetRect,\n\t\telementRect,\n\t\tpositionedElementAncestor,\n\t\tviewportRect: constrainedViewportRect\n\t};\n\n\t// If there are no limits, just grab the very first position and be done with that drama.\n\tif ( !limiter && !fitInViewport ) {\n\t\tbestPosition = new PositionObject( positions[ 0 ], positionOptions );\n\t} else {\n\t\tif ( limiter ) {\n\t\t\tconst visibleLimiterRect = getVisibleViewportIntersectionRect( limiter, constrainedViewportRect );\n\n\t\t\tif ( visibleLimiterRect ) {\n\t\t\t\tpositionOptions.limiterRect = visibleLimiterRect;\n\t\t\t\t// @if CK_DEBUG_POSITION // RectDrawer.draw( visibleLimiterRect, VISIBLE_LIMITER_RECT_STYLE, 'VisLim' );\n\t\t\t}\n\t\t}\n\n\t\t// If there's no best position found, i.e. when all intersections have no area because\n\t\t// rects have no width or height, then just return `null`\n\t\tbestPosition = getBestPosition( positions, positionOptions );\n\t}\n\n\treturn bestPosition;\n}\n\n/**\n * Returns intersection of visible source `Rect` with Viewport `Rect`. In case when source `Rect` is not visible\n * or there is no intersection between source `Rect` and Viewport `Rect`, `null` will be returned.\n */\nfunction getVisibleViewportIntersectionRect( source: RectSource, viewportRect: Rect ): Rect | null {\n\tconst visibleSourceRect = new Rect( source ).getVisible();\n\n\tif ( !visibleSourceRect ) {\n\t\treturn null;\n\t}\n\n\treturn visibleSourceRect.getIntersection( viewportRect );\n}\n\n/**\n * Returns a viewport `Rect` shrunk by the viewport offset config from all sides.\n */\nexport function getConstrainedViewportRect( viewportOffsetConfig: DomOptimalPositionOptions[ 'viewportOffsetConfig' ] ): Rect {\n\tviewportOffsetConfig = Object.assign( { top: 0, bottom: 0, left: 0, right: 0 }, viewportOffsetConfig );\n\n\tconst viewportRect = new Rect( global.window );\n\n\tviewportRect.top += viewportOffsetConfig.top!;\n\tviewportRect.height -= viewportOffsetConfig.top!;\n\tviewportRect.bottom -= viewportOffsetConfig.bottom!;\n\tviewportRect.height -= viewportOffsetConfig.bottom!;\n\tviewportRect.left += viewportOffsetConfig.left!;\n\tviewportRect.right -= viewportOffsetConfig.right!;\n\tviewportRect.width -= viewportOffsetConfig.left! + viewportOffsetConfig.right!;\n\n\treturn viewportRect;\n}\n\n/**\n * For a given array of positioning functions, returns such that provides the best\n * fit of the `elementRect` into the `limiterRect` and `viewportRect`.\n */\nfunction getBestPosition(\n\tpositions: ReadonlyArray<PositioningFunction>,\n\toptions: ConstructorParameters<typeof PositionObject>[ 1 ]\n): DomPoint | null {\n\tconst { elementRect } = options;\n\n\t// This is when element is fully visible.\n\tconst elementRectArea = elementRect.getArea();\n\n\tconst positionInstances = positions\n\t\t.map( positioningFunction => new PositionObject( positioningFunction, options ) )\n\t\t// Some positioning functions may return `null` if they don't want to participate.\n\t\t.filter( position => !!position.name );\n\n\tlet maxFitFactor = 0;\n\tlet bestPosition = null;\n\n\tfor ( const position of positionInstances ) {\n\t\tconst { limiterIntersectionArea, viewportIntersectionArea } = position;\n\n\t\t// If a such position is found that element is fully contained by the limiter then, obviously,\n\t\t// there will be no better one, so finishing.\n\t\tif ( limiterIntersectionArea === elementRectArea ) {\n\t\t\t// @if CK_DEBUG_POSITION //\tRectDrawer.draw( position._rect, CHOSEN_POSITION_RECT_STYLE, [\n\t\t\t// @if CK_DEBUG_POSITION //\t\tposition.name,\n\t\t\t// @if CK_DEBUG_POSITION //\t\t'100% fit',\n\t\t\t// @if CK_DEBUG_POSITION //\t].join( '\\n' ) );\n\n\t\t\treturn position;\n\t\t}\n\n\t\t// To maximize both viewport and limiter intersection areas we use distance on _viewportIntersectionArea\n\t\t// and _limiterIntersectionArea plane (without sqrt because we are looking for max value).\n\t\tconst fitFactor = viewportIntersectionArea ** 2 + limiterIntersectionArea ** 2;\n\n\t\t// @if CK_DEBUG_POSITION //\tRectDrawer.draw( position._rect, { opacity: .4 }, [\n\t\t// @if CK_DEBUG_POSITION //\t\tposition.name,\n\t\t// @if CK_DEBUG_POSITION //\t\t'Vi=' +  Math.round( viewportIntersectionArea ),\n\t\t// @if CK_DEBUG_POSITION //\t\t'Li=' + Math.round( limiterIntersectionArea )\n\t\t// @if CK_DEBUG_POSITION //\t].join( '\\n' ) );\n\n\t\tif ( fitFactor > maxFitFactor ) {\n\t\t\tmaxFitFactor = fitFactor;\n\t\t\tbestPosition = position;\n\t\t}\n\t}\n\n\t// @if CK_DEBUG_POSITION // if ( bestPosition ) {\n\t// @if CK_DEBUG_POSITION // \tRectDrawer.draw( bestPosition._rect, CHOSEN_POSITION_RECT_STYLE );\n\t// @if CK_DEBUG_POSITION // }\n\n\treturn bestPosition;\n}\n\n/**\n * A position object which instances are created and used by the {@link module:utils/dom/position~getOptimalPosition} helper.\n *\n * {@link module:utils/dom/position~DomPoint#top} and {@link module:utils/dom/position~DomPoint#left} properties of the position instance\n * translate directly to the `top` and `left` properties in CSS \"`position: absolute` coordinate system\". If set on the positioned element\n * in DOM, they will make it display it in the right place in the viewport.\n */\nexport interface DomPoint {\n\n\t/**\n\t * Position name.\n\t */\n\treadonly name?: string;\n\n\t/**\n\t * Additional position configuration, as passed from the {@link module:utils/dom/position~PositioningFunction positioning function}.\n\t *\n\t * This object can be use, for instance, to pass through presentation options used by the consumer of the\n\t * {@link module:utils/dom/position~getOptimalPosition} helper.\n\t */\n\treadonly config?: object;\n\n\t/**\n\t * The left value in pixels in the CSS `position: absolute` coordinate system.\n\t * Set it on the positioned element in DOM to move it to the position.\n\t */\n\treadonly left: number;\n\n\t/**\n\t * The top value in pixels in the CSS `position: absolute` coordinate system.\n\t * Set it on the positioned element in DOM to move it to the position.\n\t */\n\treadonly top: number;\n}\n\n/**\n * A position options object which options are passed in the {@link module:utils/dom/position~PositionObject Class constructor},\n * to be used by {@link module:utils/dom/position~PositioningFunction positioning function}.\n */\ntype PositionObjectOptions = {\n\telementRect: Rect;\n\ttargetRect: Rect;\n\tviewportRect: Rect;\n\tpositionedElementAncestor?: HTMLElement | null;\n\tlimiterRect?: Rect;\n};\n\n/**\n * A position class which instances are created and used by the {@link module:utils/dom/position~getOptimalPosition} helper.\n *\n * {@link module:utils/dom/position~Position#top} and {@link module:utils/dom/position~Position#left} properties of the position instance\n * translate directly to the `top` and `left` properties in CSS \"`position: absolute` coordinate system\". If set on the positioned element\n * in DOM, they will make it display it in the right place in the viewport.\n */\nclass PositionObject implements DomPoint {\n\tpublic name?: string;\n\tpublic config?: object;\n\n\tprivate _positioningFunctionCoordinates!: { left: number; top: number };\n\tprivate _options!: ConstructorParameters<typeof PositionObject>[ 1 ];\n\tprivate _cachedRect?: Rect;\n\tprivate _cachedAbsoluteRect?: Rect;\n\n\t/**\n\t * Creates an instance of the {@link module:utils/dom/position~PositionObject} class.\n\t *\n\t * @param positioningFunction function The function that defines the expected\n\t * coordinates the positioned element should move to.\n\t * @param options options object.\n\t * @param options.elementRect The positioned element rect.\n\t * @param options.targetRect The target element rect.\n\t * @param options.viewportRect The viewport rect.\n\t * @param options.limiterRect The limiter rect.\n\t * @param options.positionedElementAncestor Nearest element ancestor element which CSS position is not \"static\".\n\t */\n\tconstructor(\n\t\tpositioningFunction: PositioningFunction,\n\t\toptions: Readonly<PositionObjectOptions>\n\t) {\n\t\tconst positioningFunctionOutput = positioningFunction(\n\t\t\toptions.targetRect,\n\t\t\toptions.elementRect,\n\t\t\toptions.viewportRect,\n\t\t\toptions.limiterRect\n\t\t);\n\n\t\t// Nameless position for a function that didn't participate.\n\t\tif ( !positioningFunctionOutput ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { left, top, name, config } = positioningFunctionOutput;\n\n\t\tthis.name = name;\n\t\tthis.config = config;\n\n\t\tthis._positioningFunctionCoordinates = { left, top };\n\t\tthis._options = options;\n\t}\n\n\t/**\n\t * The left value in pixels in the CSS `position: absolute` coordinate system.\n\t * Set it on the positioned element in DOM to move it to the position.\n\t */\n\tpublic get left(): number {\n\t\treturn this._absoluteRect.left;\n\t}\n\n\t/**\n\t * The top value in pixels in the CSS `position: absolute` coordinate system.\n\t * Set it on the positioned element in DOM to move it to the position.\n\t */\n\tpublic get top(): number {\n\t\treturn this._absoluteRect.top;\n\t}\n\n\t/**\n\t * An intersection area between positioned element and limiter within viewport constraints.\n\t */\n\tpublic get limiterIntersectionArea(): number {\n\t\tconst limiterRect = this._options.limiterRect;\n\n\t\tif ( limiterRect ) {\n\t\t\treturn limiterRect.getIntersectionArea( this._rect );\n\t\t}\n\n\t\treturn 0;\n\t}\n\n\t/**\n\t * An intersection area between positioned element and viewport.\n\t */\n\tpublic get viewportIntersectionArea(): number {\n\t\tconst viewportRect = this._options.viewportRect!;\n\n\t\treturn viewportRect.getIntersectionArea( this._rect );\n\t}\n\n\t/**\n\t * An already positioned element rect. A clone of the element rect passed to the constructor\n\t * but placed in the viewport according to the positioning function.\n\t */\n\tprivate get _rect(): Rect {\n\t\tif ( this._cachedRect ) {\n\t\t\treturn this._cachedRect;\n\t\t}\n\n\t\tthis._cachedRect = this._options.elementRect.clone().moveTo(\n\t\t\tthis._positioningFunctionCoordinates.left,\n\t\t\tthis._positioningFunctionCoordinates.top\n\t\t);\n\n\t\treturn this._cachedRect;\n\t}\n\n\t/**\n\t * An already absolutely positioned element rect. See ({@link #_rect}).\n\t */\n\tprivate get _absoluteRect(): Rect {\n\t\tif ( this._cachedAbsoluteRect ) {\n\t\t\treturn this._cachedAbsoluteRect;\n\t\t}\n\n\t\tthis._cachedAbsoluteRect = this._rect.toAbsoluteRect();\n\n\t\treturn this._cachedAbsoluteRect;\n\t}\n}\n\n/**\n * The `getOptimalPosition()` helper options.\n */\nexport interface DomOptimalPositionOptions {\n\n\t/**\n\t * Element that is to be positioned.\n\t */\n\treadonly element: HTMLElement;\n\n\t/**\n\t * Target with respect to which the `element` is to be positioned.\n\t */\n\treadonly target: RectSource | ( () => RectSource );\n\n\t/**\n\t * An array of positioning functions.\n\t *\n\t * **Note**: Positioning functions are processed in the order of preference. The first function that works\n\t * in the current environment (e.g. offers the complete fit in the viewport geometry) will be picked by\n\t * `getOptimalPosition()`.\n\t *\n\t * **Note**: Any positioning function returning `null` is ignored.\n\t */\n\treadonly positions: ReadonlyArray<PositioningFunction>;\n\n\t/**\n\t * When set, the algorithm will chose position which fits the most in the\n\t * limiter's bounding rect.\n\t */\n\treadonly limiter?: RectSource | ( () => ( RectSource | null ) ) | null;\n\n\t/**\n\t * When set, the algorithm will chose such a position which fits `element`\n\t * the most inside visible viewport.\n\t */\n\treadonly fitInViewport?: boolean;\n\n\t/**\n\t * Viewport offset config object. It restricts the visible viewport available to the `getOptimalPosition()` from each side.\n\t *\n\t * ```ts\n\t * {\n\t * \ttop: 50,\n\t * \tright: 50,\n\t * \tbottom: 50,\n\t * \tleft: 50\n\t * }\n\t * ```\n\t */\n\treadonly viewportOffsetConfig?: {\n\t\treadonly top?: number;\n\t\treadonly right?: number;\n\t\treadonly bottom?: number;\n\t\treadonly left?: number;\n\t};\n}\n\n/**\n * A positioning function which, based on positioned element and target {@link module:utils/dom/rect~Rect Rects}, returns rect coordinates\n * representing the geometrical relation between them. Used by the {@link module:utils/dom/position~getOptimalPosition} helper.\n *\n * ```ts\n * // This simple position will place the element directly under the target, in the middle:\n * //\n * //\t    [ Target ]\n * //\t+-----------------+\n * //\t|     Element     |\n * //\t+-----------------+\n * //\n * const position = ( targetRect, elementRect, [ viewportRect ] ) => ( {\n * \ttop: targetRect.bottom,\n * \tleft: targetRect.left + targetRect.width / 2 - elementRect.width / 2,\n * \tname: 'bottomMiddle',\n *\n * \t// Note: The config is optional.\n * \tconfig: {\n * \t\tzIndex: '999'\n * \t}\n * } );\n * ```\n *\n * @param elementRect The rect of the element to be positioned.\n * @param targetRect The rect of the target the element (its rect) is relatively positioned to.\n * @param viewportRect The rect of the visual browser viewport.\n * @returns When the function returns `null`, it will not be considered by {@link module:utils/dom/position~getOptimalPosition}.\n */\nexport type PositioningFunction = (\n\telementRect: Rect,\n\ttargetRect: Rect,\n\tviewportRect: Rect,\n\tlimiterRect?: Rect\n) => DomPositioningFunctionResult | null;\n\n/**\n * The result of {@link module:utils/dom/position~PositioningFunction}.\n */\nexport interface DomPositioningFunctionResult {\n\n\t/**\n\t * The `top` value of the element rect that would represent the position.\n\t */\n\ttop: number;\n\n\t/**\n\t * The `left` value of the element rect that would represent the position.\n\t */\n\tleft: number;\n\n\t/**\n\t * The name of the position. It helps the user of the {@link module:utils/dom/position~getOptimalPosition}\n\t * helper to recognize different positioning function results. It will pass through to the {@link module:utils/dom/position~DomPoint}\n\t * returned by the helper.\n\t */\n\tname?: string;\n\n\t/**\n\t * An optional configuration that will pass-through the {@link module:utils/dom/position~getOptimalPosition} helper\n\t * to the {@link module:utils/dom/position~DomPoint} returned by this helper.\n\t * This configuration may, for instance, let the user of {@link module:utils/dom/position~getOptimalPosition} know that this particular\n\t * position comes with a certain presentation.\n\t */\n\tconfig?: object;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/remove\n */\n\n/**\n * Removes given node from parent.\n *\n * @param node Node to remove.\n */\nexport function remove( node: Node ): void {\n\tconst parent = node.parentNode;\n\n\tif ( parent ) {\n\t\tparent.removeChild( node );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/getvisualviewportoffset\n */\n\nimport { global } from './global.js';\nimport { env } from '../env.js';\n\n/**\n * Returns the visual viewport offsets to adjust elements with `position: fixed` style.\n */\nexport function getVisualViewportOffset(): { left: number; top: number } {\n\tconst visualViewport = global.window.visualViewport;\n\n\tif ( !visualViewport || !( env.isiOS || env.isSafari ) ) {\n\t\treturn { left: 0, top: 0 };\n\t}\n\n\tconst left = Math.max( Math.round( visualViewport.offsetLeft ), 0 );\n\tconst top = Math.max( Math.round( visualViewport.offsetTop ), 0 );\n\n\treturn { left, top };\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/dom/scroll\n */\n\nimport { isRange } from './isrange.js';\nimport { Rect } from './rect.js';\nimport { isText } from './istext.js';\n\nexport type IfTrue<T> = T extends true ? true : never;\n\n/**\n * Makes any page `HTMLElement` or `Range` (`target`) visible inside the browser viewport.\n * This helper will scroll all `target` ancestors and the web browser viewport to reveal the target to\n * the user. If the `target` is already visible, nothing will happen.\n *\n * @param options Additional configuration of the scrolling behavior.\n * @param options.target A target, which supposed to become visible to the user.\n * @param options.viewportOffset An offset from the edge of the viewport (in pixels)\n * the `target` will be moved by if the viewport is scrolled. It enhances the user experience\n * by keeping the `target` some distance from the edge of the viewport and thus making it easier to\n * read or edit by the user.\n * @param options.ancestorOffset An offset from the boundary of scrollable ancestors (if any)\n * the `target` will be moved by if the viewport is scrolled. It enhances the user experience\n * by keeping the `target` some distance from the edge of the ancestors and thus making it easier to\n * read or edit by the user.\n * @param options.alignToTop When set `true`, the helper will make sure the `target` is scrolled up\n * to the top boundary of the viewport and/or scrollable ancestors if scrolled up. When not set\n * (default), the `target` will be revealed by scrolling as little as possible. This option will\n * not affect `targets` that must be scrolled down because they will appear at the top of the boundary\n * anyway.\n *\n * ```\n *                                             scrollViewportToShowTarget() with            scrollViewportToShowTarget() with\n *          Initial state                        alignToTop unset (default)                        alignToTop = true\n *\n * ┌────────────────────────────────┬─┐       ┌────────────────────────────────┬─┐        ┌────────────────────────────────┬─┐\n * │                                │▲│       │                                │▲│        │   [ Target to be revealed ]    │▲│\n * │                                │ │       │                                │ │        │                                │ │\n * │                                │█│       │                                │ │        │                                │ │\n * │                                │█│       │                                │ │        │                                │ │\n * │                                │ │       │                                │█│        │                                │ │\n * │                                │ │       │                                │█│        │                                │█│\n * │                                │ │       │                                │ │        │                                │█│\n * │                                │▼│       │   [ Target to be revealed ]    │▼│        │                                │▼│\n * └────────────────────────────────┴─┘       └────────────────────────────────┴─┘        └────────────────────────────────┴─┘\n *\n *\n *     [ Target to be revealed ]\n *```\n *\n * @param options.forceScroll When set `true`, the `target` will be aligned to the top of the viewport\n * and scrollable ancestors whether it is already visible or not. This option will only work when `alignToTop`\n * is `true`\n */\nexport function scrollViewportToShowTarget<T extends boolean, U extends IfTrue<T>>(\n\t{\n\t\ttarget,\n\t\tviewportOffset = 0,\n\t\tancestorOffset = 0,\n\t\talignToTop,\n\t\tforceScroll\n\t}:\n\t{\n\t\treadonly target: HTMLElement | Range;\n\t\treadonly viewportOffset?: number | { top: number; bottom: number; left: number; right: number };\n\t\treadonly ancestorOffset?: number;\n\t\treadonly alignToTop?: T;\n\t\treadonly forceScroll?: U;\n\t}\n): void {\n\tconst targetWindow = getWindow( target );\n\tlet currentWindow: Window | null = targetWindow;\n\tlet currentFrame: HTMLElement | null = null;\n\n\tviewportOffset = normalizeViewportOffset( viewportOffset );\n\n\t// Iterate over all windows, starting from target's parent window up to window#top.\n\twhile ( currentWindow ) {\n\t\tlet firstAncestorToScroll: HTMLElement;\n\n\t\t// Let's scroll target's ancestors first to reveal it. Then, once the ancestor scrolls\n\t\t// settled down, the algorithm can eventually scroll the viewport of the current window.\n\t\t//\n\t\t// Note: If the current window is target's **original** window (e.g. the first one),\n\t\t// start scrolling the closest parent of the target. If not, scroll the closest parent\n\t\t// of an iframe that resides in the current window.\n\t\tif ( currentWindow == targetWindow ) {\n\t\t\tfirstAncestorToScroll = getParentElement( target );\n\t\t} else {\n\t\t\tfirstAncestorToScroll = getParentElement( currentFrame! );\n\t\t}\n\n\t\t// Scroll the target's ancestors first. Once done, scrolling the viewport is easy.\n\t\tscrollAncestorsToShowRect( {\n\t\t\tparent: firstAncestorToScroll,\n\t\t\tgetRect: () => {\n\t\t\t\t// Note: If the target does not belong to the current window **directly**,\n\t\t\t\t// i.e. it resides in an iframe belonging to the window, obtain the target's rect\n\t\t\t\t// in the coordinates of the current window. By default, a Rect returns geometry\n\t\t\t\t// relative to the current window's viewport. To make it work in a parent window,\n\t\t\t\t// it must be shifted.\n\t\t\t\treturn getRectRelativeToWindow( target, currentWindow! );\n\t\t\t},\n\t\t\talignToTop,\n\t\t\tancestorOffset,\n\t\t\tforceScroll\n\t\t} );\n\n\t\t// Obtain the rect of the target after it has been scrolled within its ancestors.\n\t\t// It's time to scroll the viewport.\n\t\tlet targetRect = getRectRelativeToWindow( target, currentWindow );\n\n\t\t// Detect situation where the target is higher than the first scrollable ancestor.\n\t\t// In such case scrolling the viewport to reveal the target might be malfunctioning because\n\t\t// the target `.top` position is lower than the ancestor's `.top` position. If it's large enough it can be negative.\n\t\t// It causes the `scrollWindowToShowRect` to scroll the viewport to the negative top position which is not possible\n\t\t// and leads to the viewport being scrolled to the absolute top of the document. To prevent this, the target's rect\n\t\t// must be shifted to the ancestor's top position. It should not affect the target's visibility because the ancestor\n\t\t// is already scrolled to reveal the target.\n\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/17079\n\t\tconst ancestorWindowRelativeRect = getRectRelativeToWindow( firstAncestorToScroll, currentWindow );\n\n\t\tif ( targetRect.height > ancestorWindowRelativeRect.height ) {\n\t\t\tconst ancestorTargetIntersection = targetRect.getIntersection( ancestorWindowRelativeRect );\n\n\t\t\tif ( ancestorTargetIntersection ) {\n\t\t\t\ttargetRect = ancestorTargetIntersection;\n\t\t\t}\n\t\t}\n\n\t\tscrollWindowToShowRect( {\n\t\t\twindow: currentWindow,\n\t\t\trect: targetRect,\n\t\t\tviewportOffset,\n\t\t\talignToTop,\n\t\t\tforceScroll\n\t\t} );\n\n\t\tif ( currentWindow.parent != currentWindow ) {\n\t\t\t// Keep the reference to the <iframe> element the \"previous current window\" was\n\t\t\t// rendered within. It will be useful to re–calculate the rect of the target\n\t\t\t// in the parent window's relative geometry. The target's rect must be shifted\n\t\t\t// by it's iframe's position.\n\t\t\tcurrentFrame = currentWindow.frameElement as HTMLElement | null;\n\t\t\tcurrentWindow = currentWindow.parent;\n\n\t\t\t// If the current window has some parent but frameElement is inaccessible, then they have\n\t\t\t// different domains/ports and, due to security reasons, accessing and scrolling\n\t\t\t// the parent window won't be possible.\n\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/930.\n\t\t\tif ( !currentFrame ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t} else {\n\t\t\tcurrentWindow = null;\n\t\t}\n\t}\n}\n\n/**\n * Makes any page `HTMLElement` or `Range` (target) visible within its scrollable ancestors,\n * e.g. if they have `overflow: scroll` CSS style.\n *\n * @param target A target, which supposed to become visible to the user.\n * @param ancestorOffset An offset between the target and the boundary of scrollable ancestors\n * to be maintained while scrolling.\n * @param limiterElement The outermost ancestor that should be scrolled. If specified, it can prevent\n * scrolling the whole page.\n */\nexport function scrollAncestorsToShowTarget( target: HTMLElement | Range, ancestorOffset?: number, limiterElement?: HTMLElement ): void {\n\tconst targetParent = getParentElement( target );\n\n\tscrollAncestorsToShowRect( {\n\t\tparent: targetParent,\n\t\tgetRect: () => new Rect( target ),\n\t\tancestorOffset,\n\t\tlimiterElement\n\t} );\n}\n\n/**\n * Makes a given rect visible within its parent window.\n *\n * Note: Avoid the situation where the caret is still in the viewport, but totally\n * at the edge of it. In such situation, if it moved beyond the viewport in the next\n * action e.g. after paste, the scrolling would move it to the viewportOffset level\n * and it all would look like the caret visually moved up/down:\n *\n * 1.\n * ```\n * | foo[]\n * |                                    <--- N px of space below the caret\n * +---------------------------------...\n * ```\n *\n * 2. *paste*\n * 3.\n * ```\n * |\n * |\n * +-foo-----------------------------...\n *   bar[]                              <--- caret below viewport, scrolling...\n * ```\n *\n * 4. *scrolling*\n * 5.\n * ```\n * |\n * | foo\n * | bar[]                              <--- caret precisely at the edge\n * +---------------------------------...\n * ```\n *\n * To prevent this, this method checks the rects moved by the viewportOffset to cover\n * the upper/lower edge of the viewport. It makes sure if the action repeats, there's\n * no twitching – it's a purely visual improvement:\n *\n * 5. (after fix)\n * ```\n * |\n * | foo\n * | bar[]\n * |                                    <--- N px of space below the caret\n * +---------------------------------...\n * ```\n *\n * @param options Additional configuration of the scrolling behavior.\n * @param options.window A window which is scrolled to reveal the rect.\n * @param options.rect A rect which is to be revealed.\n * @param options.viewportOffset An offset from the edge of the viewport (in pixels) the `rect` will be\n * moved by if the viewport is scrolled.\n * @param options.alignToTop When set `true`, the helper will make sure the `rect` is scrolled up\n * to the top boundary of the viewport if scrolled up. When not set (default), the `rect` will be\n * revealed by scrolling as little as possible. This option will not affect rects that must be scrolled\n * down because they will appear at the top of the boundary anyway.\n * @param options.forceScroll When set `true`, the `rect` will be aligned to the top of the viewport\n * whether it is already visible or not. This option will only work when `alignToTop` is `true`\n */\nfunction scrollWindowToShowRect<T extends boolean, U extends IfTrue<T>>(\n\t{\n\t\twindow,\n\t\trect,\n\t\talignToTop,\n\t\tforceScroll,\n\t\tviewportOffset\n\t}: {\n\t\treadonly window: Window;\n\t\treadonly rect: Rect;\n\t\treadonly viewportOffset: { top: number; bottom: number; left: number; right: number };\n\t\treadonly alignToTop?: T;\n\t\treadonly forceScroll?: U;\n\t}\n): void {\n\tconst targetShiftedDownRect = rect.clone().moveBy( 0, viewportOffset.bottom );\n\tconst targetShiftedUpRect = rect.clone().moveBy( 0, -viewportOffset.top );\n\tconst viewportRect = new Rect( window ).excludeScrollbarsAndBorders();\n\n\tconst rects = [ targetShiftedUpRect, targetShiftedDownRect ];\n\tconst forceScrollToTop = alignToTop && forceScroll;\n\tconst allRectsFitInViewport = rects.every( rect => viewportRect.contains( rect ) );\n\n\tlet { scrollX, scrollY } = window;\n\tconst initialScrollX = scrollX;\n\tconst initialScrollY = scrollY;\n\n\tif ( forceScrollToTop ) {\n\t\tscrollY -= ( viewportRect.top - rect.top ) + viewportOffset.top;\n\t} else if ( !allRectsFitInViewport ) {\n\t\tif ( isAbove( targetShiftedUpRect, viewportRect ) ) {\n\t\t\tscrollY -= viewportRect.top - rect.top + viewportOffset.top;\n\t\t} else if ( isBelow( targetShiftedDownRect, viewportRect ) ) {\n\t\t\tif ( alignToTop ) {\n\t\t\t\tscrollY += rect.top - viewportRect.top - viewportOffset.top;\n\t\t\t} else {\n\t\t\t\tscrollY += rect.bottom - viewportRect.bottom + viewportOffset.bottom;\n\t\t\t}\n\t\t}\n\t}\n\n\tif ( !allRectsFitInViewport ) {\n\t\t// TODO: Web browsers scroll natively to place the target in the middle\n\t\t// of the viewport. It's not a very popular case, though.\n\t\tif ( isLeftOf( rect, viewportRect ) ) {\n\t\t\tscrollX -= viewportRect.left - rect.left + viewportOffset.left;\n\t\t} else if ( isRightOf( rect, viewportRect ) ) {\n\t\t\tscrollX += rect.right - viewportRect.right + viewportOffset.right;\n\t\t}\n\t}\n\n\tif ( scrollX != initialScrollX || scrollY !== initialScrollY ) {\n\t\twindow.scrollTo( scrollX, scrollY );\n\t}\n}\n\n/**\n * Recursively scrolls element ancestors to visually reveal a rect.\n *\n * @param options Additional configuration of the scrolling behavior.\n * @param options.parent The first parent ancestor to start scrolling.\n * @param options.getRect A function which returns the Rect, which is to be revealed.\n * @param options.ancestorOffset An offset from the boundary of scrollable ancestors (if any)\n * the `Rect` instance will be moved by if the viewport is scrolled.\n * @param options.alignToTop When set `true`, the helper will make sure the `Rect` instance is scrolled up\n * to the top boundary of the scrollable ancestors if scrolled up. When not set (default), the `rect`\n * will be revealed by scrolling as little as possible. This option will not affect rects that must be\n * scrolled down because they will appear at the top of the boundary\n * anyway.\n * @param options.forceScroll When set `true`, the `rect` will be aligned to the top of scrollable ancestors\n * whether it is already visible or not. This option will only work when `alignToTop` is `true`\n * @param options.limiterElement The outermost ancestor that should be scrolled. Defaults to the `<body>` element.\n */\nfunction scrollAncestorsToShowRect<T extends boolean, U extends IfTrue<T>>(\n\t{\n\t\tparent,\n\t\tgetRect,\n\t\talignToTop,\n\t\tforceScroll,\n\t\tancestorOffset = 0,\n\t\tlimiterElement\n\t}: {\n\t\treadonly parent: HTMLElement;\n\t\treadonly getRect: () => Rect;\n\t\treadonly alignToTop?: T;\n\t\treadonly forceScroll?: U;\n\t\treadonly ancestorOffset?: number;\n\t\treadonly limiterElement?: HTMLElement;\n\t}\n): void {\n\tconst parentWindow = getWindow( parent );\n\tconst forceScrollToTop = alignToTop && forceScroll;\n\tlet parentRect: Rect, targetRect: Rect, targetFitsInTarget: boolean;\n\n\tconst limiter = limiterElement || parentWindow.document.body;\n\n\twhile ( parent != limiter ) {\n\t\ttargetRect = getRect();\n\t\tparentRect = new Rect( parent ).excludeScrollbarsAndBorders();\n\t\ttargetFitsInTarget = parentRect.contains( targetRect );\n\n\t\tif ( forceScrollToTop ) {\n\t\t\tparent.scrollTop -= ( parentRect.top - targetRect.top ) + ancestorOffset;\n\t\t} else if ( !targetFitsInTarget ) {\n\t\t\tif ( isAbove( targetRect, parentRect ) ) {\n\t\t\t\tparent.scrollTop -= parentRect.top - targetRect.top + ancestorOffset;\n\t\t\t} else if ( isBelow( targetRect, parentRect ) ) {\n\t\t\t\tif ( alignToTop ) {\n\t\t\t\t\tparent.scrollTop += targetRect.top - parentRect.top - ancestorOffset;\n\t\t\t\t} else {\n\t\t\t\t\tparent.scrollTop += targetRect.bottom - parentRect.bottom + ancestorOffset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( !targetFitsInTarget ) {\n\t\t\tif ( isLeftOf( targetRect, parentRect ) ) {\n\t\t\t\tparent.scrollLeft -= parentRect.left - targetRect.left + ancestorOffset;\n\t\t\t} else if ( isRightOf( targetRect, parentRect ) ) {\n\t\t\t\tparent.scrollLeft += targetRect.right - parentRect.right + ancestorOffset;\n\t\t\t}\n\t\t}\n\n\t\tparent = parent.parentNode as HTMLElement;\n\t}\n}\n\n/**\n * Determines if a given `Rect` extends beyond the bottom edge of the second `Rect`.\n */\nfunction isBelow( firstRect: Rect, secondRect: Rect ): boolean {\n\treturn firstRect.bottom > secondRect.bottom;\n}\n\n/**\n * Determines if a given `Rect` extends beyond the top edge of the second `Rect`.\n */\nfunction isAbove( firstRect: Rect, secondRect: Rect ): boolean {\n\treturn firstRect.top < secondRect.top;\n}\n\n/**\n * Determines if a given `Rect` extends beyond the left edge of the second `Rect`.\n */\nfunction isLeftOf( firstRect: Rect, secondRect: Rect ): boolean {\n\treturn firstRect.left < secondRect.left;\n}\n\n/**\n * Determines if a given `Rect` extends beyond the right edge of the second `Rect`.\n */\nfunction isRightOf( firstRect: Rect, secondRect: Rect ): boolean {\n\treturn firstRect.right > secondRect.right;\n}\n\n/**\n * Returns the closest window of an element or range.\n */\nfunction getWindow( elementOrRange: HTMLElement | Range ): Window {\n\tif ( isRange( elementOrRange ) ) {\n\t\treturn elementOrRange.startContainer.ownerDocument!.defaultView!;\n\t} else {\n\t\treturn elementOrRange.ownerDocument.defaultView!;\n\t}\n}\n\n/**\n * Returns the closest parent of an element or DOM range.\n */\nfunction getParentElement( elementOrRange: HTMLElement | Range ): HTMLElement {\n\tif ( isRange( elementOrRange ) ) {\n\t\tlet parent = elementOrRange.commonAncestorContainer as HTMLElement;\n\n\t\t// If a Range is attached to the Text, use the closest element ancestor.\n\t\tif ( isText( parent ) ) {\n\t\t\tparent = parent.parentNode as HTMLElement;\n\t\t}\n\n\t\treturn parent;\n\t} else {\n\t\treturn elementOrRange.parentNode as HTMLElement;\n\t}\n}\n\n/**\n * Returns the rect of an element or range residing in an iframe.\n * The result rect is relative to the geometry of the passed window instance.\n *\n * @param target Element or range which rect should be returned.\n * @param relativeWindow A window the rect should be relative to.\n */\nfunction getRectRelativeToWindow( target: HTMLElement | Range, relativeWindow: Window ): Rect {\n\tconst targetWindow = getWindow( target );\n\tconst rect = new Rect( target );\n\n\tif ( targetWindow === relativeWindow ) {\n\t\treturn rect;\n\t} else {\n\t\tlet currentWindow = targetWindow;\n\n\t\twhile ( currentWindow != relativeWindow ) {\n\t\t\tconst frame = currentWindow.frameElement as HTMLElement;\n\t\t\tconst frameRect = new Rect( frame ).excludeScrollbarsAndBorders();\n\n\t\t\trect.moveBy( frameRect.left, frameRect.top );\n\n\t\t\tcurrentWindow = currentWindow.parent;\n\t\t}\n\t}\n\n\treturn rect;\n}\n\n/**\n * A helper that explodes the `viewportOffset` configuration if defined as a plain number into an object\n * with `top`, `bottom`, `left`, and `right` properties.\n *\n * If an object value is passed, this helper will pass it through.\n *\n * @param viewportOffset Viewport offset to be normalized.\n */\nfunction normalizeViewportOffset( viewportOffset: number | { top: number; bottom: number; left: number; right: number } ) {\n\tif ( typeof viewportOffset === 'number' ) {\n\t\treturn {\n\t\t\ttop: viewportOffset,\n\t\t\tbottom: viewportOffset,\n\t\t\tleft: viewportOffset,\n\t\t\tright: viewportOffset\n\t\t};\n\t}\n\n\treturn viewportOffset;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 * A set of utilities related to keyboard support.\n *\n * @module utils/keyboard\n */\n\nimport type { LanguageDirection } from './language.js';\nimport { CKEditorError } from './ckeditorerror.js';\nimport { env } from './env.js';\n\nconst modifiersToGlyphsMac = {\n\tctrl: '⌃',\n\tcmd: '⌘',\n\talt: '⌥',\n\tshift: '⇧'\n} as const;\n\nconst modifiersToGlyphsNonMac = {\n\tctrl: 'Ctrl+',\n\talt: 'Alt+',\n\tshift: 'Shift+'\n} as const;\n\nconst keyCodesToGlyphs: { [key: number]: string } = {\n\t37: '←',\n\t38: '↑',\n\t39: '→',\n\t40: '↓',\n\t9: '⇥',\n\t33: 'Page Up',\n\t34: 'Page Down'\n} as const;\n\n/**\n * An object with `keyName => keyCode` pairs for a set of known keys.\n *\n * Contains:\n *\n * * `a-z`,\n * * `0-9`,\n * * `f1-f12`,\n * * `` ` ``, `-`, `=`, `[`, `]`, `;`, `'`, `,`, `.`, `/`, `\\`,\n * * `arrow(left|up|right|bottom)`,\n * * `backspace`, `delete`, `end`, `enter`, `esc`, `home`, `tab`,\n * * `ctrl`, `cmd`, `shift`, `alt`.\n */\nexport const keyCodes = /* #__PURE__ */ generateKnownKeyCodes();\n\nconst keyCodeNames: { readonly [ keyCode: number ]: string } = /* #__PURE__ */ Object.fromEntries(\n\t/* #__PURE__ */ Object.entries( keyCodes ).map( ( [ name, code ] ) => {\n\t\tlet prettyKeyName;\n\n\t\tif ( code in keyCodesToGlyphs ) {\n\t\t\tprettyKeyName = keyCodesToGlyphs[ code ];\n\t\t} else {\n\t\t\tprettyKeyName = name.charAt( 0 ).toUpperCase() + name.slice( 1 );\n\t\t}\n\n\t\treturn [ code, prettyKeyName ];\n\t} )\n);\n\n/**\n * Converts a key name or {@link module:utils/keyboard~KeystrokeInfo keystroke info} into a key code.\n *\n * Note: Key names are matched with {@link module:utils/keyboard#keyCodes} in a case-insensitive way.\n *\n * @param key A key name (see {@link module:utils/keyboard#keyCodes}) or a keystroke data object.\n * @returns Key or keystroke code.\n */\nexport function getCode( key: string | Readonly<KeystrokeInfo> ): number {\n\tlet keyCode: number | undefined;\n\n\tif ( typeof key == 'string' ) {\n\t\tkeyCode = keyCodes[ key.toLowerCase() ];\n\n\t\tif ( !keyCode ) {\n\t\t\t/**\n\t\t\t * Unknown key name. Only key names included in the {@link module:utils/keyboard#keyCodes} can be used.\n\t\t\t *\n\t\t\t * @error keyboard-unknown-key\n\t\t\t * @param {string} key Ths specified key name.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'keyboard-unknown-key', null, { key } );\n\t\t}\n\t} else {\n\t\tkeyCode = key.keyCode +\n\t\t\t( key.altKey ? keyCodes.alt : 0 ) +\n\t\t\t( key.ctrlKey ? keyCodes.ctrl : 0 ) +\n\t\t\t( key.shiftKey ? keyCodes.shift : 0 ) +\n\t\t\t( key.metaKey ? keyCodes.cmd : 0 );\n\t}\n\n\treturn keyCode;\n}\n\n/**\n * Parses the keystroke and returns a keystroke code that will match the code returned by\n * {@link module:utils/keyboard~getCode} for the corresponding {@link module:utils/keyboard~KeystrokeInfo keystroke info}.\n *\n * The keystroke can be passed in two formats:\n *\n * * as a single string – e.g. `ctrl + A`,\n * * as an array of {@link module:utils/keyboard~keyCodes known key names} and key codes – e.g.:\n *   * `[ 'ctrl', 32 ]` (ctrl + space),\n *   * `[ 'ctrl', 'a' ]` (ctrl + A).\n *\n * Note: Key names are matched with {@link module:utils/keyboard#keyCodes} in a case-insensitive way.\n *\n * Note: Only keystrokes with a single non-modifier key are supported (e.g. `ctrl+A` is OK, but `ctrl+A+B` is not).\n *\n * Note: On macOS, keystroke handling is translating the `Ctrl` key to the `Cmd` key and handling only that keystroke.\n * For example, a registered keystroke `Ctrl+A` will be translated to `Cmd+A` on macOS. To disable the translation of some keystroke,\n * use the forced modifier: `Ctrl!+A` (note the exclamation mark).\n *\n * @param keystroke The keystroke definition.\n * @returns Keystroke code.\n */\nexport function parseKeystroke( keystroke: string | ReadonlyArray<number | string> ): number {\n\tif ( typeof keystroke == 'string' ) {\n\t\tkeystroke = splitKeystrokeText( keystroke );\n\t}\n\n\treturn keystroke\n\t\t.map( key => ( typeof key == 'string' ) ? getEnvKeyCode( key ) : key )\n\t\t.reduce( ( key, sum ) => sum + key, 0 );\n}\n\n/**\n * Translates any keystroke string text like `\"Ctrl+A\"` to an\n * environment–specific keystroke, i.e. `\"⌘A\"` on macOS.\n *\n * @param keystroke The keystroke text.\n * @param [forcedEnv] The environment to force the key translation to. If not provided, the current environment is used.\n * @returns The keystroke text specific for the environment.\n */\nexport function getEnvKeystrokeText( keystroke: string, forcedEnv?: 'PC' | 'Mac' ): string {\n\tlet keystrokeCode = parseKeystroke( keystroke );\n\n\tconst isMac = forcedEnv ? forcedEnv === 'Mac' : env.isMac || env.isiOS;\n\n\tconst modifiersToGlyphs = Object.entries( isMac ? modifiersToGlyphsMac : modifiersToGlyphsNonMac );\n\n\tconst modifiers = modifiersToGlyphs.reduce( ( modifiers, [ name, glyph ] ) => {\n\t\t// Modifier keys are stored as a bit mask so extract those from the keystroke code.\n\t\tif ( ( keystrokeCode & keyCodes[ name ] ) != 0 ) {\n\t\t\tkeystrokeCode &= ~keyCodes[ name ];\n\t\t\tmodifiers += glyph;\n\t\t}\n\n\t\treturn modifiers;\n\t}, '' );\n\n\treturn modifiers + ( keystrokeCode ? keyCodeNames[ keystrokeCode ] : '' );\n}\n\n/**\n * Returns `true` if the provided key code represents one of the arrow keys.\n *\n * @param keyCode A key code as in {@link module:utils/keyboard~KeystrokeInfo#keyCode}.\n */\nexport function isArrowKeyCode( keyCode: number ): boolean {\n\treturn keyCode == keyCodes.arrowright ||\n\t\tkeyCode == keyCodes.arrowleft ||\n\t\tkeyCode == keyCodes.arrowup ||\n\t\tkeyCode == keyCodes.arrowdown;\n}\n\n/**\n * String representing a direction of an arrow key kode.\n */\nexport type ArrowKeyCodeDirection = 'left' | 'up' | 'right' | 'down';\n\n/**\n * Returns the direction in which the {@link module:engine/model/documentselection~ModelDocumentSelection selection}\n * will move when the provided arrow key code is pressed considering the language direction of the editor content.\n *\n * For instance, in right–to–left (RTL) content languages, pressing the left arrow means moving the selection right (forward)\n * in the model structure. Similarly, pressing the right arrow moves the selection left (backward).\n *\n * @param keyCode A key code as in {@link module:utils/keyboard~KeystrokeInfo#keyCode}.\n * @param contentLanguageDirection The content language direction, corresponding to\n * {@link module:utils/locale~Locale#contentLanguageDirection}.\n * @returns Localized arrow direction or `undefined` for non-arrow key codes.\n */\nexport function getLocalizedArrowKeyCodeDirection(\n\tkeyCode: number,\n\tcontentLanguageDirection: LanguageDirection\n): ArrowKeyCodeDirection | undefined {\n\tconst isLtrContent = contentLanguageDirection === 'ltr';\n\n\tswitch ( keyCode ) {\n\t\tcase keyCodes.arrowleft:\n\t\t\treturn isLtrContent ? 'left' : 'right';\n\n\t\tcase keyCodes.arrowright:\n\t\t\treturn isLtrContent ? 'right' : 'left';\n\n\t\tcase keyCodes.arrowup:\n\t\t\treturn 'up';\n\n\t\tcase keyCodes.arrowdown:\n\t\t\treturn 'down';\n\t}\n}\n\n/**\n * Converts a key name to the key code with mapping based on the env.\n *\n * See: {@link module:utils/keyboard~getCode}.\n *\n * @param key The key name (see {@link module:utils/keyboard#keyCodes}).\n * @returns Key code.\n */\nfunction getEnvKeyCode( key: string ): number {\n\t// Don't remap modifier key for forced modifiers.\n\tif ( key.endsWith( '!' ) ) {\n\t\treturn getCode( key.slice( 0, -1 ) );\n\t}\n\n\tconst code = getCode( key );\n\n\treturn ( env.isMac || env.isiOS ) && code == keyCodes.ctrl ? keyCodes.cmd : code;\n}\n\n/**\n * Determines if the provided key code moves the {@link module:engine/model/documentselection~ModelDocumentSelection selection}\n * forward or backward considering the language direction of the editor content.\n *\n * For instance, in right–to–left (RTL) languages, pressing the left arrow means moving forward\n * in the model structure. Similarly, pressing the right arrow moves the selection backward.\n *\n * @param keyCode A key code as in {@link module:utils/keyboard~KeystrokeInfo#keyCode}.\n * @param contentLanguageDirection The content language direction, corresponding to\n * {@link module:utils/locale~Locale#contentLanguageDirection}.\n */\nexport function isForwardArrowKeyCode(\n\tkeyCode: number,\n\tcontentLanguageDirection: LanguageDirection\n): boolean {\n\tconst localizedKeyCodeDirection = getLocalizedArrowKeyCodeDirection( keyCode, contentLanguageDirection );\n\n\treturn localizedKeyCodeDirection === 'down' || localizedKeyCodeDirection === 'right';\n}\n\nfunction generateKnownKeyCodes(): { readonly [ keyCode: string ]: number } {\n\tconst keyCodes: { [keyCode: string]: number } = {\n\t\tpageup: 33,\n\t\tpagedown: 34,\n\t\tend: 35,\n\t\thome: 36,\n\t\tarrowleft: 37,\n\t\tarrowup: 38,\n\t\tarrowright: 39,\n\t\tarrowdown: 40,\n\t\tbackspace: 8,\n\t\tdelete: 46,\n\t\tenter: 13,\n\t\tspace: 32,\n\t\tesc: 27,\n\t\ttab: 9,\n\n\t\t// The idea about these numbers is that they do not collide with any real key codes, so we can use them\n\t\t// like bit masks.\n\t\tctrl: 0x110000,\n\t\tshift: 0x220000,\n\t\talt: 0x440000,\n\t\tcmd: 0x880000\n\t};\n\n\t// a-z\n\tfor ( let code = 65; code <= 90; code++ ) {\n\t\tconst letter = String.fromCharCode( code );\n\n\t\tkeyCodes[ letter.toLowerCase() ] = code;\n\t}\n\n\t// 0-9\n\tfor ( let code = 48; code <= 57; code++ ) {\n\t\tkeyCodes[ code - 48 ] = code;\n\t}\n\n\t// F1-F12\n\tfor ( let code = 112; code <= 123; code++ ) {\n\t\tkeyCodes[ 'f' + ( code - 111 ) ] = code;\n\t}\n\n\t// other characters\n\tObject.assign( keyCodes, {\n\t\t'\\'': 222,\n\t\t',': 108,\n\t\t'-': 109,\n\t\t'.': 110,\n\t\t'/': 111,\n\t\t';': 186,\n\t\t'=': 187,\n\t\t'[': 219,\n\t\t'\\\\': 220,\n\t\t']': 221,\n\t\t'`': 223\n\t} );\n\n\treturn keyCodes;\n}\n\nfunction splitKeystrokeText( keystroke: string ): Array<string> {\n\treturn keystroke.split( '+' ).map( key => key.trim() );\n}\n\n/**\n * Information about the keystroke.\n */\nexport interface KeystrokeInfo {\n\n\t/**\n\t * The [key code](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode).\n\t */\n\tkeyCode: number;\n\n\t/**\n\t * Whether the <kbd>Alt</kbd> modifier was pressed.\n\t */\n\taltKey: boolean;\n\n\t/**\n\t * Whether the <kbd>Cmd</kbd> modifier was pressed.\n\t */\n\tmetaKey: boolean;\n\n\t/**\n\t * Whether the <kbd>Ctrl</kbd> modifier was pressed.\n\t */\n\tctrlKey: boolean;\n\n\t/**\n\t * Whether the <kbd>Shift</kbd> modifier was pressed.\n\t */\n\tshiftKey: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/language\n */\n\n/**\n * String representing a language direction.\n */\nexport type LanguageDirection = 'ltr' | 'rtl';\n\nconst RTL_LANGUAGE_CODES = [\n\t'ar', 'ara', // Arabic\n\t'dv', 'div', // Dhivehi\n\t'fa', 'per', 'fas', // Persian\n\t'he', 'heb', // Hebrew\n\t'ku', 'kur', // Kurdish\n\t'ug', 'uig', // Uighur, Uyghur\n\t'ur', 'urd' // Urdu\n];\n\n/**\n * Helps determine whether a language text direction is LTR or RTL.\n *\n * @param languageCode The ISO 639-1 or ISO 639-2 language code.\n */\nexport function getLanguageDirection( languageCode: string ): LanguageDirection {\n\treturn RTL_LANGUAGE_CODES.includes( languageCode ) ? 'rtl' : 'ltr';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/toarray\n */\n\n/**\n * Transforms any value to an array. If the provided value is already an array, it is returned unchanged.\n *\n * @label MUTABLE\n * @param data The value to transform to an array.\n * @returns An array created from data.\n */\nexport function toArray<T>( data: ArrayOrItem<T> ): Array<T>;\n\n/**\n * Transforms any value to an array. If the provided value is already an array, it is returned unchanged.\n *\n * @label IMMUTABLE\n * @param data The value to transform to an array.\n * @returns An array created from data.\n */\nexport function toArray<T>( data: ReadonlyArrayOrItem<T> ): ReadonlyArray<T>;\n\nexport function toArray<T>( data: ArrayOrItem<T> ): Array<T> {\n\treturn Array.isArray( data ) ? data : [ data ];\n}\n\nexport type ArrayOrItem<T> = T | Array<T>;\nexport type ReadonlyArrayOrItem<T> = T | ReadonlyArray<T>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/translation-service\n */\n\nimport type { Translations } from './locale.js';\nimport { CKEditorError } from './ckeditorerror.js';\nimport { global } from './dom/global.js';\nimport { merge } from 'es-toolkit/compat';\nimport { type ArrayOrItem } from './toarray.js';\n\ndeclare global {\n\tvar CKEDITOR_TRANSLATIONS: Translations;\n}\n\n/* istanbul ignore else -- @preserve */\nif ( !global.window.CKEDITOR_TRANSLATIONS ) {\n\tglobal.window.CKEDITOR_TRANSLATIONS = {};\n}\n\n/**\n * Adds translations to existing ones or overrides the existing translations. These translations will later\n * be available for the {@link module:utils/locale~Locale#t `t()`} function.\n *\n * The `translations` is an object which consists of `messageId: translation` pairs. Note that the message ID can be\n * either constructed from the message string or from the message ID if it was passed\n * (this happens rarely and mostly for short messages or messages with placeholders).\n * Since the editor displays only the message string, the message ID can be found either in the source code or in the\n * built translations for another language.\n *\n * ```ts\n * add( 'pl', {\n * \t'Cancel': 'Anuluj',\n * \t'IMAGE': 'obraz', // Note that the `IMAGE` comes from the message ID, while the string can be `image`.\n * } );\n * ```\n *\n * If the message is supposed to support various plural forms, make sure to provide an array with the singular form and all plural forms:\n *\n * ```ts\n * add( 'pl', {\n * \t'Add space': [ 'Dodaj spację', 'Dodaj %0 spacje', 'Dodaj %0 spacji' ]\n * } );\n * ```\n *\n * You should also specify the third argument (the `getPluralForm()` function) that will be used to determine the plural form if no\n * language file was loaded for that language. All language files coming from CKEditor 5 sources will have this option set, so\n * these plural form rules will be reused by other translations added to the registered languages. The `getPluralForm()` function\n * can return either a Boolean or a number.\n *\n * ```ts\n * add( 'en', {\n * \t// ... Translations.\n * }, n => n !== 1 );\n * add( 'pl', {\n * \t// ... Translations.\n * }, n => n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && ( n % 100 < 10 || n % 100 >= 20 ) ? 1 : 2 );\n * ```\n *\n * All translations extend the global `window.CKEDITOR_TRANSLATIONS` object. An example of this object can be found below:\n *\n * ```ts\n * {\n * \tpl: {\n * \t\tdictionary: {\n * \t\t\t'Cancel': 'Anuluj',\n * \t\t\t'Add space': [ 'Dodaj spację', 'Dodaj %0 spacje', 'Dodaj %0 spacji' ]\n * \t\t},\n * \t\t// A function that returns the plural form index.\n * \t\tgetPluralForm: n => n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && ( n % 100 < 10 || n % 100 >= 20 ) ? 1 : 2 );\n * \t}\n * \t// Other languages.\n * \t}\n * ```\n *\n * If you cannot import { this function } from this module (e.g. because you use a CKEditor 5 build), you can\n * still add translations by extending the global `window.CKEDITOR_TRANSLATIONS` object by using a function like\n * the one below:\n *\n * ```ts\n * function addTranslations( language, translations, getPluralForm ) {\n * \tif ( !global.window.CKEDITOR_TRANSLATIONS ) {\n * \t\tglobal.window.CKEDITOR_TRANSLATIONS = {};\n * \t}\n\n * \tif ( !global.window.CKEDITOR_TRANSLATIONS[ language ] ) {\n * \t\tglobal.window.CKEDITOR_TRANSLATIONS[ language ] = {};\n * \t}\n *\n * \tconst languageTranslations = global.window.CKEDITOR_TRANSLATIONS[ language ];\n *\n * \tlanguageTranslations.dictionary = languageTranslations.dictionary || {};\n * \tlanguageTranslations.getPluralForm = getPluralForm || languageTranslations.getPluralForm;\n *\n * \t// Extend the dictionary for the given language.\n * \tObject.assign( languageTranslations.dictionary, translations );\n * }\n * ```\n *\n * @param language Target language.\n * @param translations An object with translations which will be added to the dictionary.\n * For each message ID the value should be either a translation or an array of translations if the message\n * should support plural forms.\n * @param getPluralForm A function that returns the plural form index (a number).\n */\nexport function add(\n\tlanguage: string,\n\ttranslations: { readonly [ messageId: string ]: string | ReadonlyArray<string> },\n\tgetPluralForm?: ( n: number ) => number\n): void {\n\tif ( !global.window.CKEDITOR_TRANSLATIONS[ language ] ) {\n\t\tglobal.window.CKEDITOR_TRANSLATIONS[ language ] = {} as any;\n\t}\n\n\tconst languageTranslations = global.window.CKEDITOR_TRANSLATIONS[ language ];\n\n\tlanguageTranslations.dictionary = languageTranslations.dictionary || {};\n\tlanguageTranslations.getPluralForm = getPluralForm || languageTranslations.getPluralForm;\n\n\tObject.assign( languageTranslations.dictionary, translations );\n}\n\n/**\n * **Note:** This method is internal, use {@link module:utils/locale~Locale#t the `t()` function} instead to translate\n * the editor UI parts.\n *\n * This function is responsible for translating messages to the specified language. It uses translations added perviously\n * by {@link module:utils/translation-service~add} (a translations dictionary and the `getPluralForm()` function\n * to provide accurate translations of plural forms).\n *\n * When no translation is defined in the dictionary or the dictionary does not exist, this function returns\n * the original message string or the message plural depending on the number of elements.\n *\n * ```ts\n * translate( 'pl', { string: 'Cancel' } ); // 'Cancel'\n * ```\n *\n * The third optional argument is the number of elements, based on which the single form or one of the plural forms\n * should be picked when the message is supposed to support various plural forms.\n *\n * ```ts\n * translate( 'en', { string: 'Add a space', plural: 'Add %0 spaces' }, 1 ); // 'Add a space'\n * translate( 'en', { string: 'Add a space', plural: 'Add %0 spaces' }, 3 ); // 'Add %0 spaces'\n * ```\n *\n * The message should provide an ID using the `id` property when the message strings are not unique and their\n * translations should be different.\n *\n * ```ts\n * translate( 'en', { string: 'image', id: 'ADD_IMAGE' } );\n * translate( 'en', { string: 'image', id: 'AN_IMAGE' } );\n * ```\n *\n * @internal\n * @param language Target language.\n * @param message A message that will be translated.\n * @param quantity The number of elements for which a plural form should be picked from the target language dictionary.\n * @param translations Translations passed in editor config, if not provided use the global `window.CKEDITOR_TRANSLATIONS`.\n * @returns Translated sentence.\n */\nexport function _translate(\n\tlanguage: string,\n\tmessage: Message,\n\tquantity: number = 1,\n\ttranslations?: Translations\n): string {\n\tif ( typeof quantity !== 'number' ) {\n\t\t/**\n\t\t * An incorrect value was passed to the translation function. This was probably caused\n\t\t * by an incorrect message interpolation of a plural form. Note that for messages supporting plural forms\n\t\t * the second argument of the `t()` function should always be a number or an array with a number as the first element.\n\t\t *\n\t\t * @error translation-service-quantity-not-a-number\n\t\t */\n\t\tthrow new CKEditorError( 'translation-service-quantity-not-a-number', null, { quantity } );\n\t}\n\n\tconst normalizedTranslations: Translations = translations || global.window.CKEDITOR_TRANSLATIONS;\n\tconst numberOfLanguages = getNumberOfLanguages( normalizedTranslations );\n\n\tif ( numberOfLanguages === 1 ) {\n\t\t// Override the language to the only supported one.\n\t\t// This can't be done in the `Locale` class, because the translations comes after the `Locale` class initialization.\n\t\tlanguage = Object.keys( normalizedTranslations )[ 0 ];\n\t}\n\n\tconst messageId = message.id || message.string;\n\n\tif ( numberOfLanguages === 0 || !hasTranslation( language, messageId, normalizedTranslations ) ) {\n\t\tif ( quantity !== 1 ) {\n\t\t\t// Return the default plural form that was passed in the `message.plural` parameter.\n\t\t\treturn message.plural!;\n\t\t}\n\n\t\treturn message.string;\n\t}\n\n\tconst dictionary = normalizedTranslations[ language ].dictionary;\n\tconst getPluralForm = normalizedTranslations[ language ].getPluralForm || ( n => n === 1 ? 0 : 1 );\n\tconst translation = dictionary[ messageId ];\n\n\tif ( typeof translation === 'string' ) {\n\t\treturn translation;\n\t}\n\n\tconst pluralFormIndex = Number( getPluralForm( quantity ) );\n\n\t// Note: The `translate` function is not responsible for replacing `%0, %1, ...` with values.\n\treturn translation[ pluralFormIndex ];\n}\n\n/**\n * Clears dictionaries for test purposes.\n *\n * @internal\n */\nexport function _clear(): void {\n\tif ( global.window.CKEDITOR_TRANSLATIONS ) {\n\t\tglobal.window.CKEDITOR_TRANSLATIONS = {};\n\t}\n}\n\n/**\n * If array then merge objects which are inside otherwise return given object.\n *\n * @internal\n * @param translations Translations passed in editor config.\n */\nexport function _unifyTranslations(\n\ttranslations?: ArrayOrItem<Translations>\n): Translations | undefined {\n\treturn Array.isArray( translations ) ?\n\t\ttranslations.reduce( ( acc, translation ) => merge( acc, translation ) ) :\n\t\ttranslations;\n}\n\n/**\n * Checks whether the dictionary exists and translation in that dictionary exists.\n */\nfunction hasTranslation( language: string, messageId: string, translations: Translations ): boolean {\n\treturn !!translations[ language ] && !!translations[ language ].dictionary[ messageId ];\n}\n\nfunction getNumberOfLanguages( translations: Translations ): number {\n\treturn Object.keys( translations ).length;\n}\n\n/**\n * The internationalization message interface. A message that implements this interface can be passed to the `t()` function\n * to be translated to the target UI language.\n */\nexport interface Message {\n\n\t/**\n\t * The message string to translate. Acts as a default translation if the translation for a given language\n\t * is not defined. When the message is supposed to support plural forms, the string should be the English singular form of the message.\n\t */\n\treadonly string: string;\n\n\t/**\n\t * The message ID. If passed, the message ID is taken from this property instead of the `message.string`.\n\t * This property is useful when various messages share the same message string, for example, the `editor` string in `in the editor`\n\t * and `my editor` sentences.\n\t */\n\treadonly id?: string;\n\n\t/**\n\t * The plural form of the message. This property should be skipped when a message is not supposed\n\t * to support plural forms. Otherwise it should always be set to a string with the English plural form of the message.\n\t */\n\treadonly plural?: string;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/locale\n */\n\nimport { toArray, type ArrayOrItem } from './toarray.js';\nimport { _translate, _unifyTranslations, type Message } from './translation-service.js';\nimport { getLanguageDirection, type LanguageDirection } from './language.js';\n\n/**\n * Represents the localization services.\n */\nexport class Locale {\n\t/**\n\t * The editor UI language code in the [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format.\n\t *\n\t * If the {@link #contentLanguage content language} was not specified in the `Locale` constructor,\n\t * it also defines the language of the content.\n\t */\n\tpublic readonly uiLanguage: string;\n\n\t/**\n\t * Text direction of the {@link #uiLanguage editor UI language}. Either `'ltr'` or `'rtl'`.\n\t */\n\tpublic readonly uiLanguageDirection: LanguageDirection;\n\n\t/**\n\t * The editor content language code in the [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format.\n\t *\n\t * Usually the same as the {@link #uiLanguage editor language}, it can be customized by passing an optional\n\t * argument to the `Locale` constructor.\n\t */\n\tpublic readonly contentLanguage: string;\n\n\t/**\n\t * Text direction of the {@link #contentLanguage editor content language}.\n\t *\n\t * If the content language was passed directly to the `Locale` constructor, this property represents the\n\t * direction of that language.\n\t *\n\t * If the {@link #contentLanguage editor content language} was derived from the {@link #uiLanguage editor language},\n\t * the content language direction is the same as the {@link #uiLanguageDirection UI language direction}.\n\t *\n\t * The value is either `'ltr'` or `'rtl'`.\n\t */\n\tpublic readonly contentLanguageDirection: LanguageDirection;\n\n\t/**\n\t * Translates the given message to the {@link #uiLanguage}. This method is also available in\n\t * {@link module:core/editor/editor~Editor#t `Editor`} and {@link module:ui/view~View#t `View`}.\n\t *\n\t * This method's context is statically bound to the `Locale` instance and **should always be called as a function**:\n\t *\n\t * ```ts\n\t * const t = locale.t;\n\t * t( 'Label' );\n\t * ```\n\t *\n\t * The message can be either a string or an object implementing the {@link module:utils/translation-service~Message} interface.\n\t *\n\t * The message may contain placeholders (`%<index>`) for value(s) that are passed as a `values` parameter.\n\t * For an array of values, the `%<index>` will be changed to an element of that array at the given index.\n\t * For a single value passed as the second argument, only the `%0` placeholders will be changed to the provided value.\n\t *\n\t * ```ts\n\t * t( 'Created file \"%0\" in %1ms.', [ fileName, timeTaken ] );\n\t * t( 'Created file \"%0\", fileName );\n\t * ```\n\t *\n\t * The message supports plural forms. To specify the plural form, use the `plural` property. Singular or plural form\n\t * will be chosen depending on the first value from the passed `values`. The value of the `plural` property is used\n\t * as a default plural translation when the translation for the target language is missing.\n\t *\n\t * ```ts\n\t * t( { string: 'Add a space', plural: 'Add %0 spaces' }, 1 ); // 'Add a space' for the English language.\n\t * t( { string: 'Add a space', plural: 'Add %0 spaces' }, 5 ); // 'Add 5 spaces' for the English language.\n\t * t( { string: '%1 a space', plural: '%1 %0 spaces' }, [ 2, 'Add' ] ); // 'Add 2 spaces' for the English language.\n\t *\n\t * t( { string: 'Add a space', plural: 'Add %0 spaces' }, 1 ); // 'Dodaj spację' for the Polish language.\n\t * t( { string: 'Add a space', plural: 'Add %0 spaces' }, 5 ); // 'Dodaj 5 spacji' for the Polish language.\n\t * t( { string: '%1 a space', plural: '%1 %0 spaces' }, [ 2, 'Add' ] ); // 'Dodaj 2 spacje' for the Polish language.\n\t * ```\n\t *\n\t *  * The message should provide an ID using the `id` property when the message strings are not unique and their\n\t * translations should be different.\n\t *\n\t * ```ts\n\t * translate( 'en', { string: 'image', id: 'ADD_IMAGE' } );\n\t * translate( 'en', { string: 'image', id: 'AN_IMAGE' } );\n\t * ```\n\t */\n\tpublic readonly t: LocaleTranslate;\n\n\t/**\n\t * Object that contains translations.\n\t */\n\tpublic translations?: Translations;\n\n\t/**\n\t * Creates a new instance of the locale class. Learn more about\n\t * {@glink getting-started/setup/ui-language configuring the language of the editor}.\n\t *\n\t * @param options Locale configuration.\n\t * @param options.uiLanguage The editor UI language code in the\n\t * [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format. See {@link #uiLanguage}.\n\t * @param options.contentLanguage The editor content language code in the\n\t * [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format. If not specified, the same as `options.language`.\n\t * See {@link #contentLanguage}.\n\t * @param options.translations Translations passed as a editor config parameter.\n\t */\n\tconstructor(\n\t\t{\n\t\t\tuiLanguage = 'en',\n\t\t\tcontentLanguage,\n\t\t\ttranslations\n\t\t}: {\n\t\t\treadonly uiLanguage?: string;\n\t\t\treadonly contentLanguage?: string;\n\t\t\treadonly translations?: ArrayOrItem<Translations>;\n\t\t} = {}\n\t) {\n\t\tthis.uiLanguage = uiLanguage;\n\t\tthis.contentLanguage = contentLanguage || this.uiLanguage;\n\t\tthis.uiLanguageDirection = getLanguageDirection( this.uiLanguage );\n\t\tthis.contentLanguageDirection = getLanguageDirection( this.contentLanguage );\n\t\tthis.translations = _unifyTranslations( translations );\n\t\tthis.t = ( message, values ) => this._t( message, values );\n\t}\n\n\t/**\n\t * An unbound version of the {@link #t} method.\n\t */\n\tprivate _t( message: string | Message, values: number | string | ReadonlyArray<number | string> = [] ): string {\n\t\tvalues = toArray( values );\n\n\t\tif ( typeof message === 'string' ) {\n\t\t\tmessage = { string: message };\n\t\t}\n\n\t\tconst hasPluralForm = !!message.plural;\n\t\tconst quantity = hasPluralForm ? values[ 0 ] as number : 1;\n\n\t\tconst translatedString = _translate( this.uiLanguage, message, quantity, this.translations );\n\n\t\treturn interpolateString( translatedString, values );\n\t}\n}\n\n/**\n * @param message A message that will be localized (translated).\n * @param values A value or an array of values that will fill message placeholders.\n * For messages supporting plural forms the first value will determine the plural form.\n */\nexport type LocaleTranslate = (\n\tmessage: string | Message,\n\tvalues?: number | string | ReadonlyArray<number | string>\n) => string;\n\n/**\n * Fills the `%0, %1, ...` string placeholders with values.\n */\nfunction interpolateString( string: string, values: ReadonlyArray<any> ): string {\n\treturn string.replace( /%(\\d+)/g, ( match, index ) => {\n\t\treturn ( index < values.length ) ? values[ index ] : match;\n\t} );\n}\n\n/**\n * Translations object definition.\n */\nexport type Translations = {\n\t[ language: string ]: {\n\t\tdictionary: { [ messageId: string ]: string | ReadonlyArray<string> };\n\t\tgetPluralForm?: ( ( n: number ) => number | boolean ) | null;\n\t};\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/collection\n */\n\nimport { EmitterMixin } from './emittermixin.js';\nimport { CKEditorError } from './ckeditorerror.js';\nimport { uid } from './uid.js';\nimport { isIterable } from './isiterable.js';\n\n/**\n * Collections are ordered sets of objects. Items in the collection can be retrieved by their indexes\n * in the collection (like in an array) or by their ids.\n *\n * If an object without an `id` property is being added to the collection, the `id` property will be generated\n * automatically. Note that the automatically generated id is unique only within this single collection instance.\n *\n * By default an item in the collection is identified by its `id` property. The name of the identifier can be\n * configured through the constructor of the collection.\n *\n * @typeParam T The type of the collection element.\n */\nexport class Collection<T extends Record<string, any>> extends /* #__PURE__ */ EmitterMixin() implements Iterable<T> {\n\t/**\n\t * The internal list of items in the collection.\n\t */\n\tprivate readonly _items: Array<T>;\n\n\t/**\n\t * The internal map of items in the collection.\n\t */\n\tprivate readonly _itemMap: Map<string, T>;\n\n\t/**\n\t * The name of the property which is considered to identify an item.\n\t */\n\tprivate readonly _idProperty: string;\n\n\t/**\n\t * A collection instance this collection is bound to as a result\n\t * of calling {@link #bindTo} method.\n\t */\n\tprivate _bindToCollection?: Collection<any> | null;\n\n\t/**\n\t * A helper mapping external items of a bound collection ({@link #bindTo})\n\t * and actual items of this collection. It provides information\n\t * necessary to properly remove items bound to another collection.\n\t *\n\t * See {@link #_bindToInternalToExternalMap}.\n\t */\n\tprivate readonly _bindToExternalToInternalMap: WeakMap<any, T>;\n\n\t/**\n\t * A helper mapping items of this collection to external items of a bound collection\n\t * ({@link #bindTo}). It provides information necessary to manage the bindings, e.g.\n\t * to avoid loops in two–way bindings.\n\t *\n\t * See {@link #_bindToExternalToInternalMap}.\n\t */\n\tprivate readonly _bindToInternalToExternalMap: WeakMap<T, any>;\n\n\t/**\n\t * Stores indexes of skipped items from bound external collection.\n\t */\n\tprivate _skippedIndexesFromExternal: Array<number>;\n\n\t/**\n\t * Creates a new Collection instance.\n\t *\n\t * You can pass a configuration object as the argument of the constructor:\n\t *\n\t * ```ts\n\t * const emptyCollection = new Collection<{ name: string }>( { idProperty: 'name' } );\n\t * emptyCollection.add( { name: 'John' } );\n\t * console.log( collection.get( 'John' ) ); // -> { name: 'John' }\n\t * ```\n\t *\n\t * The collection is empty by default. You can add new items using the {@link #add} method:\n\t *\n\t * ```ts\n\t * const collection = new Collection<{ id: string }>();\n\t *\n\t * collection.add( { id: 'John' } );\n\t * console.log( collection.get( 0 ) ); // -> { id: 'John' }\n\t * ```\n\t *\n\t * @label NO_ITEMS\n\t * @param options The options object.\n\t * @param options.idProperty The name of the property which is used to identify an item.\n\t * Items that do not have such a property will be assigned one when added to the collection.\n\t */\n\tconstructor( options?: { readonly idProperty?: string } );\n\n\t/**\n\t * Creates a new Collection instance with specified initial items.\n\t *\n\t * ```ts\n\t * const collection = new Collection<{ id: string }>( [ { id: 'John' }, { id: 'Mike' } ] );\n\t *\n\t * console.log( collection.get( 0 ) ); // -> { id: 'John' }\n\t * console.log( collection.get( 1 ) ); // -> { id: 'Mike' }\n\t * console.log( collection.get( 'Mike' ) ); // -> { id: 'Mike' }\n\t * ```\n\t *\n\t * You can always pass a configuration object as the last argument of the constructor:\n\t *\n\t * ```ts\n\t * const nonEmptyCollection = new Collection<{ name: string }>( [ { name: 'John' } ], { idProperty: 'name' } );\n\t * nonEmptyCollection.add( { name: 'George' } );\n\t * console.log( collection.get( 'George' ) ); // -> { name: 'George' }\n\t * console.log( collection.get( 'John' ) ); // -> { name: 'John' }\n\t * ```\n\t *\n\t * @label INITIAL_ITEMS\n\t * @param initialItems The initial items of the collection.\n\t * @param options The options object.\n\t * @param options.idProperty The name of the property which is used to identify an item.\n\t * Items that do not have such a property will be assigned one when added to the collection.\n\t */\n\tconstructor( initialItems: Iterable<T>, options?: { readonly idProperty?: string } );\n\n\tconstructor(\n\t\tinitialItemsOrOptions: Iterable<T> | { readonly idProperty?: string } = {},\n\t\toptions: { readonly idProperty?: string } = {}\n\t) {\n\t\tsuper();\n\n\t\tconst hasInitialItems = isIterable( initialItemsOrOptions );\n\n\t\tif ( !hasInitialItems ) {\n\t\t\toptions = initialItemsOrOptions;\n\t\t}\n\n\t\tthis._items = [];\n\t\tthis._itemMap = new Map();\n\t\tthis._idProperty = options.idProperty || 'id';\n\t\tthis._bindToExternalToInternalMap = new WeakMap();\n\t\tthis._bindToInternalToExternalMap = new WeakMap();\n\t\tthis._skippedIndexesFromExternal = [];\n\n\t\t// Set the initial content of the collection (if provided in the constructor).\n\t\tif ( hasInitialItems ) {\n\t\t\tfor ( const item of initialItemsOrOptions ) {\n\t\t\t\tthis._items.push( item );\n\t\t\t\tthis._itemMap.set( this._getItemIdBeforeAdding( item ), item );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * The number of items available in the collection.\n\t */\n\tpublic get length(): number {\n\t\treturn this._items.length;\n\t}\n\n\t/**\n\t * Returns the first item from the collection or null when collection is empty.\n\t */\n\tpublic get first(): T | null {\n\t\treturn this._items[ 0 ] || null;\n\t}\n\n\t/**\n\t * Returns the last item from the collection or null when collection is empty.\n\t */\n\tpublic get last(): T | null {\n\t\treturn this._items[ this.length - 1 ] || null;\n\t}\n\n\t/**\n\t * Adds an item into the collection.\n\t *\n\t * If the item does not have an id, then it will be automatically generated and set on the item.\n\t *\n\t * @param item\n\t * @param index The position of the item in the collection. The item\n\t * is pushed to the collection when `index` not specified.\n\t * @fires add\n\t * @fires change\n\t */\n\tpublic add( item: T, index?: number ): this {\n\t\treturn this.addMany( [ item ], index );\n\t}\n\n\t/**\n\t * Adds multiple items into the collection.\n\t *\n\t * Any item not containing an id will get an automatically generated one.\n\t *\n\t * @param items\n\t * @param index The position of the insertion. Items will be appended if no `index` is specified.\n\t * @fires add\n\t * @fires change\n\t */\n\tpublic addMany( items: Iterable<T>, index?: number ): this {\n\t\tif ( index === undefined ) {\n\t\t\tindex = this._items.length;\n\t\t} else if ( index > this._items.length || index < 0 ) {\n\t\t\t/**\n\t\t\t * The `index` passed to {@link module:utils/collection~Collection#addMany `Collection#addMany()`}\n\t\t\t * is invalid. It must be a number between 0 and the collection's length.\n\t\t\t *\n\t\t\t * @error collection-add-item-invalid-index\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'collection-add-item-invalid-index', this );\n\t\t}\n\n\t\tlet offset = 0;\n\n\t\tfor ( const item of items ) {\n\t\t\tconst itemId = this._getItemIdBeforeAdding( item );\n\t\t\tconst currentItemIndex = index + offset;\n\n\t\t\tthis._items.splice( currentItemIndex, 0, item );\n\t\t\tthis._itemMap.set( itemId, item );\n\n\t\t\tthis.fire<CollectionAddEvent<T>>( 'add', item, currentItemIndex );\n\n\t\t\toffset++;\n\t\t}\n\n\t\tthis.fire<CollectionChangeEvent<T>>( 'change', {\n\t\t\tadded: items,\n\t\t\tremoved: [],\n\t\t\tindex\n\t\t} );\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Gets an item by its ID or index.\n\t *\n\t * @param idOrIndex The item ID or index in the collection.\n\t * @returns The requested item or `null` if such item does not exist.\n\t */\n\tpublic get( idOrIndex: string | number ): T | null {\n\t\tlet item: T | undefined;\n\n\t\tif ( typeof idOrIndex == 'string' ) {\n\t\t\titem = this._itemMap.get( idOrIndex );\n\t\t} else if ( typeof idOrIndex == 'number' ) {\n\t\t\titem = this._items[ idOrIndex ];\n\t\t} else {\n\t\t\t/**\n\t\t\t * An index or ID must be given.\n\t\t\t *\n\t\t\t * @error collection-get-invalid-arg\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'collection-get-invalid-arg', this );\n\t\t}\n\n\t\treturn item || null;\n\t}\n\n\t/**\n\t * Returns a Boolean indicating whether the collection contains an item.\n\t *\n\t * @param itemOrId The item or its ID in the collection.\n\t * @returns `true` if the collection contains the item, `false` otherwise.\n\t */\n\tpublic has( itemOrId: T | string ): boolean {\n\t\tif ( typeof itemOrId == 'string' ) {\n\t\t\treturn this._itemMap.has( itemOrId );\n\t\t} else { // Object\n\t\t\tconst idProperty = this._idProperty;\n\t\t\tconst id = itemOrId[ idProperty ];\n\n\t\t\treturn id && this._itemMap.has( id );\n\t\t}\n\t}\n\n\t/**\n\t * Gets an index of an item in the collection.\n\t * When an item is not defined in the collection, the index will equal -1.\n\t *\n\t * @param itemOrId The item or its ID in the collection.\n\t * @returns The index of a given item.\n\t */\n\tpublic getIndex( itemOrId: T | string ): number {\n\t\tlet item: T | undefined;\n\n\t\tif ( typeof itemOrId == 'string' ) {\n\t\t\titem = this._itemMap.get( itemOrId );\n\t\t} else {\n\t\t\titem = itemOrId;\n\t\t}\n\n\t\treturn item ? this._items.indexOf( item ) : -1;\n\t}\n\n\t/**\n\t * Removes an item from the collection.\n\t *\n\t * @param subject The item to remove, its ID or index in the collection.\n\t * @returns The removed item.\n\t * @fires remove\n\t * @fires change\n\t */\n\tpublic remove( subject: T | number | string ): T {\n\t\tconst [ item, index ] = this._remove( subject );\n\n\t\tthis.fire<CollectionChangeEvent<T>>( 'change', {\n\t\t\tadded: [],\n\t\t\tremoved: [ item ],\n\t\t\tindex\n\t\t} );\n\n\t\treturn item;\n\t}\n\n\t/**\n\t * Executes the callback for each item in the collection and composes an array or values returned by this callback.\n\t *\n\t * @typeParam U The result type of the callback.\n\t * @param callback\n\t * @param ctx Context in which the `callback` will be called.\n\t * @returns The result of mapping.\n\t */\n\tpublic map<U>(\n\t\tcallback: ( item: T, index: number ) => U,\n\t\tctx?: any\n\t): Array<U> {\n\t\treturn this._items.map( callback, ctx );\n\t}\n\n\t/**\n\t * Performs the specified action for each item in the collection.\n\t *\n\t * @param ctx Context in which the `callback` will be called.\n\t */\n\tpublic forEach(\n\t\tcallback: ( item: T, index: number ) => unknown,\n\t\tctx?: any\n\t): void {\n\t\tthis._items.forEach( callback, ctx );\n\t}\n\n\t/**\n\t * Finds the first item in the collection for which the `callback` returns a true value.\n\t *\n\t * @param callback\n\t * @param ctx Context in which the `callback` will be called.\n\t * @returns The item for which `callback` returned a true value.\n\t */\n\tpublic find(\n\t\tcallback: ( item: T, index: number ) => boolean,\n\t\tctx?: any\n\t): T | undefined {\n\t\treturn this._items.find( callback, ctx );\n\t}\n\n\t/**\n\t * Returns an array with items for which the `callback` returned a true value.\n\t *\n\t * @param callback\n\t * @param ctx Context in which the `callback` will be called.\n\t * @returns The array with matching items.\n\t */\n\tpublic filter(\n\t\tcallback: ( item: T, index: number ) => boolean,\n\t\tctx?: any\n\t): Array<T> {\n\t\treturn this._items.filter( callback, ctx );\n\t}\n\n\t/**\n\t * Removes all items from the collection and destroys the binding created using\n\t * {@link #bindTo}.\n\t *\n\t * @fires remove\n\t * @fires change\n\t */\n\tpublic clear(): void {\n\t\tif ( this._bindToCollection ) {\n\t\t\tthis.stopListening( this._bindToCollection );\n\t\t\tthis._bindToCollection = null;\n\t\t}\n\n\t\tconst removedItems = Array.from( this._items );\n\n\t\twhile ( this.length ) {\n\t\t\tthis._remove( 0 );\n\t\t}\n\n\t\tthis.fire<CollectionChangeEvent<T>>( 'change', {\n\t\t\tadded: [],\n\t\t\tremoved: removedItems,\n\t\t\tindex: 0\n\t\t} );\n\t}\n\n\t/**\n\t * Binds and synchronizes the collection with another one.\n\t *\n\t * The binding can be a simple factory:\n\t *\n\t * ```ts\n\t * class FactoryClass {\n\t * \tpublic label: string;\n\t *\n\t * \tconstructor( data: { label: string } ) {\n\t * \t\tthis.label = data.label;\n\t * \t}\n\t * }\n\t *\n\t * const source = new Collection<{ label: string }>( { idProperty: 'label' } );\n\t * const target = new Collection<FactoryClass>();\n\t *\n\t * target.bindTo( source ).as( FactoryClass );\n\t *\n\t * source.add( { label: 'foo' } );\n\t * source.add( { label: 'bar' } );\n\t *\n\t * console.log( target.length ); // 2\n\t * console.log( target.get( 1 ).label ); // 'bar'\n\t *\n\t * source.remove( 0 );\n\t * console.log( target.length ); // 1\n\t * console.log( target.get( 0 ).label ); // 'bar'\n\t * ```\n\t *\n\t * or the factory driven by a custom callback:\n\t *\n\t * ```ts\n\t * class FooClass {\n\t * \tpublic label: string;\n\t *\n\t * \tconstructor( data: { label: string } ) {\n\t * \t\tthis.label = data.label;\n\t * \t}\n\t * }\n\t *\n\t * class BarClass {\n\t * \tpublic label: string;\n\t *\n\t * \tconstructor( data: { label: string } ) {\n\t * \t\tthis.label = data.label;\n\t * \t}\n\t * }\n\t *\n\t * const source = new Collection<{ label: string }>( { idProperty: 'label' } );\n\t * const target = new Collection<FooClass | BarClass>();\n\t *\n\t * target.bindTo( source ).using( ( item ) => {\n\t * \tif ( item.label == 'foo' ) {\n\t * \t\treturn new FooClass( item );\n\t * \t} else {\n\t * \t\treturn new BarClass( item );\n\t * \t}\n\t * } );\n\t *\n\t * source.add( { label: 'foo' } );\n\t * source.add( { label: 'bar' } );\n\t *\n\t * console.log( target.length ); // 2\n\t * console.log( target.get( 0 ) instanceof FooClass ); // true\n\t * console.log( target.get( 1 ) instanceof BarClass ); // true\n\t * ```\n\t *\n\t * or the factory out of property name:\n\t *\n\t * ```ts\n\t * const source = new Collection<{ nested: { value: string } }>();\n\t * const target = new Collection<{ value: string }>();\n\t *\n\t * target.bindTo( source ).using( 'nested' );\n\t *\n\t * source.add( { nested: { value: 'foo' } } );\n\t * source.add( { nested: { value: 'bar' } } );\n\t *\n\t * console.log( target.length ); // 2\n\t * console.log( target.get( 0 ).value ); // 'foo'\n\t * console.log( target.get( 1 ).value ); // 'bar'\n\t * ```\n\t *\n\t * It's possible to skip specified items by returning null value:\n\t *\n\t * ```ts\n\t * const source = new Collection<{ hidden: boolean }>();\n\t * const target = new Collection<{ hidden: boolean }>();\n\t *\n\t * target.bindTo( source ).using( item => {\n\t * \tif ( item.hidden ) {\n\t * \t\treturn null;\n\t * \t}\n\t *\n\t * \treturn item;\n\t * } );\n\t *\n\t * source.add( { hidden: true } );\n\t * source.add( { hidden: false } );\n\t *\n\t * console.log( source.length ); // 2\n\t * console.log( target.length ); // 1\n\t * ```\n\t *\n\t * **Note**: {@link #clear} can be used to break the binding.\n\t *\n\t * @typeParam S The type of `externalCollection` element.\n\t * @param externalCollection A collection to be bound.\n\t * @returns The binding chain object.\n\t */\n\tpublic bindTo<S extends Record<string, any>>(\n\t\texternalCollection: Collection<S>\n\t): CollectionBindToChain<S, T> {\n\t\tif ( this._bindToCollection ) {\n\t\t\t/**\n\t\t\t * The collection cannot be bound more than once.\n\t\t\t *\n\t\t\t * @error collection-bind-to-rebind\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'collection-bind-to-rebind', this );\n\t\t}\n\n\t\tthis._bindToCollection = externalCollection;\n\n\t\treturn {\n\t\t\tas: Class => {\n\t\t\t\tthis._setUpBindToBinding<S>( item => new Class( item ) );\n\t\t\t},\n\n\t\t\tusing: callbackOrProperty => {\n\t\t\t\tif ( typeof callbackOrProperty == 'function' ) {\n\t\t\t\t\tthis._setUpBindToBinding<S>( callbackOrProperty );\n\t\t\t\t} else {\n\t\t\t\t\tthis._setUpBindToBinding<S>( item => item[ callbackOrProperty ] );\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t}\n\n\t/**\n\t * Finalizes and activates a binding initiated by {@link #bindTo}.\n\t *\n\t * @param factory A function which produces collection items.\n\t */\n\tprivate _setUpBindToBinding<S>( factory: ( item: S ) => T | null ): void {\n\t\tconst externalCollection = this._bindToCollection!;\n\n\t\t// Adds the item to the collection once a change has been done to the external collection.\n\t\tconst addItem = ( evt: unknown, externalItem: S, index: number ) => {\n\t\t\tconst isExternalBoundToThis = externalCollection._bindToCollection == this;\n\t\t\tconst externalItemBound = externalCollection._bindToInternalToExternalMap.get( externalItem );\n\n\t\t\t// If an external collection is bound to this collection, which makes it a 2–way binding,\n\t\t\t// and the particular external collection item is already bound, don't add it here.\n\t\t\t// The external item has been created **out of this collection's item** and (re)adding it will\n\t\t\t// cause a loop.\n\t\t\tif ( isExternalBoundToThis && externalItemBound ) {\n\t\t\t\tthis._bindToExternalToInternalMap.set( externalItem, externalItemBound );\n\t\t\t\tthis._bindToInternalToExternalMap.set( externalItemBound, externalItem );\n\t\t\t} else {\n\t\t\t\tconst item = factory( externalItem );\n\n\t\t\t\t// When there is no item we need to remember skipped index first and then we can skip this item.\n\t\t\t\tif ( !item ) {\n\t\t\t\t\tthis._skippedIndexesFromExternal.push( index );\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Lets try to put item at the same index as index in external collection\n\t\t\t\t// but when there are a skipped items in one or both collections we need to recalculate this index.\n\t\t\t\tlet finalIndex = index;\n\n\t\t\t\t// When we try to insert item after some skipped items from external collection we need\n\t\t\t\t// to include this skipped items and decrease index.\n\t\t\t\t//\n\t\t\t\t// For the following example:\n\t\t\t\t// external -> [ 'A', 'B - skipped for internal', 'C - skipped for internal' ]\n\t\t\t\t// internal -> [ A ]\n\t\t\t\t//\n\t\t\t\t// Another item is been added at the end of external collection:\n\t\t\t\t// external.add( 'D' )\n\t\t\t\t// external -> [ 'A', 'B - skipped for internal', 'C - skipped for internal', 'D' ]\n\t\t\t\t//\n\t\t\t\t// We can't just add 'D' to internal at the same index as index in external because\n\t\t\t\t// this will produce empty indexes what is invalid:\n\t\t\t\t// internal -> [ 'A', empty, empty, 'D' ]\n\t\t\t\t//\n\t\t\t\t// So we need to include skipped items and decrease index\n\t\t\t\t// internal -> [ 'A', 'D' ]\n\t\t\t\tfor ( const skipped of this._skippedIndexesFromExternal ) {\n\t\t\t\t\tif ( index > skipped ) {\n\t\t\t\t\t\tfinalIndex--;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// We need to take into consideration that external collection could skip some items from\n\t\t\t\t// internal collection.\n\t\t\t\t//\n\t\t\t\t// For the following example:\n\t\t\t\t// internal -> [ 'A', 'B - skipped for external', 'C - skipped for external' ]\n\t\t\t\t// external -> [ A ]\n\t\t\t\t//\n\t\t\t\t// Another item is been added at the end of external collection:\n\t\t\t\t// external.add( 'D' )\n\t\t\t\t// external -> [ 'A', 'D' ]\n\t\t\t\t//\n\t\t\t\t// We need to include skipped items and place new item after them:\n\t\t\t\t// internal -> [ 'A', 'B - skipped for external', 'C - skipped for external', 'D' ]\n\t\t\t\tfor ( const skipped of externalCollection._skippedIndexesFromExternal ) {\n\t\t\t\t\tif ( finalIndex >= skipped ) {\n\t\t\t\t\t\tfinalIndex++;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis._bindToExternalToInternalMap.set( externalItem, item );\n\t\t\t\tthis._bindToInternalToExternalMap.set( item, externalItem );\n\t\t\t\tthis.add( item, finalIndex );\n\n\t\t\t\t// After adding new element to internal collection we need update indexes\n\t\t\t\t// of skipped items in external collection.\n\t\t\t\tfor ( let i = 0; i < externalCollection._skippedIndexesFromExternal.length; i++ ) {\n\t\t\t\t\tif ( finalIndex <= externalCollection._skippedIndexesFromExternal[ i ] ) {\n\t\t\t\t\t\texternalCollection._skippedIndexesFromExternal[ i ]++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t// Load the initial content of the collection.\n\t\tfor ( const externalItem of externalCollection ) {\n\t\t\taddItem( null, externalItem, externalCollection.getIndex( externalItem ) );\n\t\t}\n\n\t\t// Synchronize the with collection as new items are added.\n\t\tthis.listenTo<CollectionAddEvent<S>>( externalCollection, 'add', addItem );\n\n\t\t// Synchronize the with collection as new items are removed.\n\t\tthis.listenTo<CollectionRemoveEvent<S>>( externalCollection, 'remove', ( evt, externalItem, index ) => {\n\t\t\tconst item = this._bindToExternalToInternalMap.get( externalItem );\n\n\t\t\tif ( item ) {\n\t\t\t\tthis.remove( item );\n\t\t\t}\n\n\t\t\t// After removing element from external collection we need update/remove indexes\n\t\t\t// of skipped items in internal collection.\n\t\t\tthis._skippedIndexesFromExternal = this._skippedIndexesFromExternal.reduce( ( result, skipped ) => {\n\t\t\t\tif ( index < skipped ) {\n\t\t\t\t\tresult.push( skipped - 1 );\n\t\t\t\t}\n\n\t\t\t\tif ( index > skipped ) {\n\t\t\t\t\tresult.push( skipped );\n\t\t\t\t}\n\n\t\t\t\treturn result;\n\t\t\t}, [] as Array<number> );\n\t\t} );\n\t}\n\n\t/**\n\t * Returns an unique id property for a given `item`.\n\t *\n\t * The method will generate new id and assign it to the `item` if it doesn't have any.\n\t *\n\t * @param item Item to be added.\n\t */\n\tprivate _getItemIdBeforeAdding( item: any ): string {\n\t\tconst idProperty = this._idProperty;\n\t\tlet itemId: string | undefined;\n\n\t\tif ( ( idProperty in item ) ) {\n\t\t\titemId = item[ idProperty ];\n\n\t\t\tif ( typeof itemId != 'string' ) {\n\t\t\t\t/**\n\t\t\t\t * This item's ID should be a string.\n\t\t\t\t *\n\t\t\t\t * @error collection-add-invalid-id\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'collection-add-invalid-id', this );\n\t\t\t}\n\n\t\t\tif ( this.get( itemId ) ) {\n\t\t\t\t/**\n\t\t\t\t * This item already exists in the collection.\n\t\t\t\t *\n\t\t\t\t * @error collection-add-item-already-exists\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'collection-add-item-already-exists', this );\n\t\t\t}\n\t\t} else {\n\t\t\titem[ idProperty ] = itemId = uid();\n\t\t}\n\n\t\treturn itemId;\n\t}\n\n\t/**\n\t * Core {@link #remove} method implementation shared in other functions.\n\t *\n\t * In contrast this method **does not** fire the {@link #event:change} event.\n\t *\n\t * @param subject The item to remove, its id or index in the collection.\n\t * @returns Returns an array with the removed item and its index.\n\t * @fires remove\n\t */\n\tprivate _remove( subject: T | number | string ): [ item: T, index: number ] {\n\t\tlet index: number, id: string, item: T;\n\t\tlet itemDoesNotExist = false;\n\t\tconst idProperty = this._idProperty;\n\n\t\tif ( typeof subject == 'string' ) {\n\t\t\tid = subject;\n\t\t\titem = this._itemMap.get( id )!;\n\t\t\titemDoesNotExist = !item;\n\n\t\t\tif ( item ) {\n\t\t\t\tindex = this._items.indexOf( item );\n\t\t\t}\n\t\t} else if ( typeof subject == 'number' ) {\n\t\t\tindex = subject;\n\t\t\titem = this._items[ index ];\n\t\t\titemDoesNotExist = !item;\n\n\t\t\tif ( item ) {\n\t\t\t\tid = item[ idProperty ]!;\n\t\t\t}\n\t\t} else {\n\t\t\titem = subject;\n\t\t\tid = item[ idProperty ]!;\n\t\t\tindex = this._items.indexOf( item );\n\t\t\titemDoesNotExist = ( index == -1 || !this._itemMap.get( id ) );\n\t\t}\n\n\t\tif ( itemDoesNotExist ) {\n\t\t\t/**\n\t\t\t * Item not found.\n\t\t\t *\n\t\t\t * @error collection-remove-404\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'collection-remove-404', this );\n\t\t}\n\n\t\tthis._items.splice( index!, 1 );\n\t\tthis._itemMap.delete( id! );\n\n\t\tconst externalItem = this._bindToInternalToExternalMap.get( item );\n\t\tthis._bindToInternalToExternalMap.delete( item );\n\t\tthis._bindToExternalToInternalMap.delete( externalItem );\n\n\t\tthis.fire<CollectionRemoveEvent<T>>( 'remove', item, index! );\n\n\t\treturn [ item, index! ];\n\t}\n\n\t/**\n\t * Iterable interface.\n\t */\n\tpublic [ Symbol.iterator ](): Iterator<T> {\n\t\treturn this._items[ Symbol.iterator ]();\n\t}\n}\n\n/**\n * Fired when an item is added to the collection.\n *\n * @eventName ~Collection#add\n * @param item The added item.\n * @param index An index where the addition occurred.\n */\nexport type CollectionAddEvent<T = any> = {\n\tname: 'add';\n\targs: [ item: T, index: number ];\n};\n\n/**\n * Fired when the collection was changed due to adding or removing items.\n *\n * @eventName ~Collection#change\n * @param data Changed items.\n */\nexport type CollectionChangeEvent<T = any> = {\n\tname: 'change';\n\targs: [ data: CollectionChangeEventData<T> ];\n};\n\n/**\n * A structure describing the {@link ~Collection#event:change `Collection#change`} event.\n */\nexport type CollectionChangeEventData<T = any> = {\n\n\t/**\n\t * A list of added items.\n\t */\n\tadded: Iterable<T>;\n\n\t/**\n\t * A list of removed items.\n\t */\n\tremoved: Iterable<T>;\n\n\t/**\n\t * An index where the addition or removal occurred.\n\t */\n\tindex: number;\n};\n\n/**\n * Fired when an item is removed from the collection.\n *\n * @eventName ~Collection#remove\n * @param item The removed item.\n * @param index Index from which item was removed.\n */\nexport type CollectionRemoveEvent<T = any> = {\n\tname: 'remove';\n\targs: [ item: T, index: number ];\n};\n\n/**\n * An object returned by the {@link module:utils/collection~Collection#bindTo `bindTo()`} method\n * providing functions that specify the type of the binding.\n *\n * See the {@link module:utils/collection~Collection#bindTo `bindTo()`} documentation for examples.\n */\nexport interface CollectionBindToChain<S, T> {\n\n\t/**\n\t * Creates the class factory binding in which items of the source collection are passed to\n\t * the constructor of the specified class.\n\t *\n\t * @param Class The class constructor used to create instances in the factory.\n\t */\n\tas( Class: new ( item: S ) => T ): void;\n\n\t/**\n\t * Creates a callback or a property binding.\n\t *\n\t * @param callbackOrProperty When the function is passed, it should return\n\t * the collection items. When the string is provided, the property value is used to create the bound collection items.\n\t */\n\tusing( callbackOrProperty: keyof S | ( ( item: S ) => T | null ) ): void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/first\n */\n\n/**\n * Returns first item of the given `iterator`.\n */\nexport function first<T>( iterator: Iterator<T> ): T | null {\n\tconst iteratorItem = iterator.next();\n\n\tif ( iteratorItem.done ) {\n\t\treturn null;\n\t}\n\n\treturn iteratorItem.value;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/nth\n */\n\n/**\n * Returns `nth` (starts from `0` of course) item of the given `iterable`.\n *\n * If the iterable is a generator, then it consumes **all its items**.\n * If it's a normal iterator, then it consumes **all items up to the given index**.\n * Refer to the [Iterators and Generators](https://developer.mozilla.org/en/docs/Web/JavaScript/Guide/Iterators_and_Generators)\n * guide to learn differences between these interfaces.\n */\nexport function nth<T>( index: number, iterable: Iterable<T> ): T | null {\n\tfor ( const item of iterable ) {\n\t\tif ( index === 0 ) {\n\t\t\treturn item;\n\t\t}\n\t\tindex -= 1;\n\t}\n\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/focustracker\n */\n\nimport { DomEmitterMixin } from './dom/emittermixin.js';\nimport { ObservableMixin } from './observablemixin.js';\nimport { CKEditorError } from './ckeditorerror.js';\nimport type { View } from '@ckeditor/ckeditor5-ui';\nimport { isElement as _isElement } from 'es-toolkit/compat';\n\n/**\n * Allows observing a group of DOM `Element`s or {@link module:ui/view~View view instances} whether at least one of them (or their child)\n * is focused.\n *\n * Used by the {@link module:core/editor/editor~Editor} in order to track whether the focus is still within the application,\n * or were used outside of its UI.\n *\n * **Note** `focus` and `blur` listeners use event capturing, so it is only needed to register wrapper `Element`\n * which contain other `focusable` elements. But note that this wrapper element has to be focusable too\n * (have e.g. `tabindex=\"-1\"`).\n *\n * Check out the {@glink framework/deep-dive/ui/focus-tracking \"Deep dive into focus tracking\"} guide to learn more.\n */\nexport class FocusTracker extends /* #__PURE__ */ DomEmitterMixin( /* #__PURE__ */ ObservableMixin() ) {\n\t/**\n\t * True when one of the registered {@link #elements} or {@link #externalViews} is focused.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public isFocused: boolean;\n\n\t/**\n\t * The currently focused element.\n\t *\n\t * While {@link #isFocused `isFocused`} remains `true`, the focus can move between different UI elements. This property tracks those\n\t * elements and tells which one is currently focused.\n\t *\n\t * **Note**: The values of this property are restricted to {@link #elements} or {@link module:ui/view~View#element elements}\n\t * registered in {@link #externalViews}.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public focusedElement: Element | null;\n\n\t/**\n\t * List of registered DOM elements.\n\t *\n\t * @internal\n\t */\n\tpublic _elements: Set<Element> = new Set();\n\n\t/**\n\t * List of views with external focus trackers that contribute to the state of this focus tracker.\n\t *\n\t * @internal\n\t */\n\tpublic _externalViews: Set<ViewWithFocusTracker> = new Set();\n\n\t/**\n\t * Asynchronous blur event timeout.\n\t */\n\tprivate _blurTimeout: ReturnType<typeof setTimeout> | null = null;\n\n\t// @if CK_DEBUG_FOCUSTRACKER // public _label?: string;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.set( 'isFocused', false );\n\t\tthis.set( 'focusedElement', null );\n\n\t\t// @if CK_DEBUG_FOCUSTRACKER // FocusTracker._instances.push( this );\n\t}\n\n\t/**\n\t * List of registered DOM elements.\n\t *\n\t * **Note**: The list does do not include elements from {@link #externalViews}.\n\t */\n\tpublic get elements(): Array<Element> {\n\t\treturn Array.from( this._elements.values() );\n\t}\n\n\t/**\n\t * List of external focusable views that contribute to the state of this focus tracker. See {@link #add} to learn more.\n\t */\n\tpublic get externalViews(): Array<ViewWithFocusTracker> {\n\t\treturn Array.from( this._externalViews.values() );\n\t}\n\n\t/**\n\t * Starts tracking a specified DOM element or a {@link module:ui/view~View} instance.\n\t *\n\t * * If a DOM element is passed, the focus tracker listens to the `focus` and `blur` events on this element.\n\t * Tracked elements are listed in {@link #elements}.\n\t * * If a {@link module:ui/view~View} instance is passed that has a `FocusTracker` instance ({@link ~ViewWithFocusTracker}),\n\t * the external focus tracker's state ({@link #isFocused}, {@link #focusedElement}) starts contributing to the current tracker instance.\n\t * This allows for increasing the \"reach\" of a focus tracker instance, by connecting two or more focus trackers together when DOM\n\t * elements they track are located in different subtrees in DOM. External focus trackers are listed in {@link #externalViews}.\n\t * * If a {@link module:ui/view~View} instance is passed that has no `FocusTracker` (**not** a {@link ~ViewWithFocusTracker}),\n\t * its {@link module:ui/view~View#element} is used to track focus like any other DOM element.\n\t */\n\tpublic add( elementOrView: Element | View ): void {\n\t\tif ( isElement( elementOrView ) ) {\n\t\t\tthis._addElement( elementOrView );\n\t\t} else {\n\t\t\tif ( isViewWithFocusTracker( elementOrView ) ) {\n\t\t\t\tthis._addView( elementOrView );\n\t\t\t} else {\n\t\t\t\tif ( !elementOrView.element ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * The {@link module:ui/view~View} added to the {@link module:utils/focustracker~FocusTracker} does not have an\n\t\t\t\t\t * {@link module:ui/view~View#element}. Make sure the view is {@link module:ui/view~View#render} before adding\n\t\t\t\t\t * it to the focus tracker.\n\t\t\t\t\t *\n\t\t\t\t\t * @error focustracker-add-view-missing-element\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'focustracker-add-view-missing-element', {\n\t\t\t\t\t\tfocusTracker: this,\n\t\t\t\t\t\tview: elementOrView\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\tthis._addElement( elementOrView.element );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Stops tracking focus in the specified DOM element or a {@link module:ui/view~View view instance}. See {@link #add} to learn more.\n\t */\n\tpublic remove( elementOrView: Element | View ): void {\n\t\tif ( isElement( elementOrView ) ) {\n\t\t\tthis._removeElement( elementOrView );\n\t\t} else {\n\t\t\tif ( isViewWithFocusTracker( elementOrView ) ) {\n\t\t\t\tthis._removeView( elementOrView );\n\t\t\t} else {\n\t\t\t\t// Assuming that if the view was successfully added, it must have come with an existing #element.\n\t\t\t\tthis._removeElement( elementOrView.element! );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Adds a DOM element to the focus tracker and starts listening to the `focus` and `blur` events on it.\n\t */\n\tprivate _addElement( element: Element ): void {\n\t\tif ( this._elements.has( element ) ) {\n\t\t\t/**\n\t\t\t * This element is already tracked by {@link module:utils/focustracker~FocusTracker}.\n\t\t\t *\n\t\t\t * @error focustracker-add-element-already-exist\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'focustracker-add-element-already-exist', this );\n\t\t}\n\n\t\tthis.listenTo( element, 'focus', () => {\n\t\t\t// @if CK_DEBUG_FOCUSTRACKER // console.log( `\"${ getName( this ) }\": Focus with useCapture on DOM element` );\n\n\t\t\tconst externalFocusedViewInSubtree = this.externalViews.find( view => isExternalViewSubtreeFocused( element, view ) );\n\n\t\t\tif ( externalFocusedViewInSubtree ) {\n\t\t\t\tthis._focus( externalFocusedViewInSubtree.element! );\n\t\t\t} else {\n\t\t\t\tthis._focus( element );\n\t\t\t}\n\t\t}, { useCapture: true } );\n\n\t\tthis.listenTo( element, 'blur', () => {\n\t\t\t// @if CK_DEBUG_FOCUSTRACKER // console.log( `\"${ getName( this ) }\": Blur with useCapture on DOM element` );\n\n\t\t\tthis._blur();\n\t\t}, { useCapture: true } );\n\n\t\tthis._elements.add( element );\n\t}\n\n\t/**\n\t * Removes a DOM element from the focus tracker.\n\t */\n\tprivate _removeElement( element: Element ): void {\n\t\tif ( this._elements.has( element ) ) {\n\t\t\tthis.stopListening( element );\n\t\t\tthis._elements.delete( element );\n\t\t}\n\n\t\tif ( element === this.focusedElement ) {\n\t\t\tthis._blur();\n\t\t}\n\t}\n\n\t/**\n\t * Adds an external {@link module:ui/view~View view instance} to this focus tracker and makes it contribute to this focus tracker's\n\t * state either by its `View#element` or by its `View#focusTracker` instance.\n\t */\n\tprivate _addView( view: ViewWithFocusTracker ): void {\n\t\tif ( view.element ) {\n\t\t\tthis._addElement( view.element );\n\t\t}\n\n\t\tthis.listenTo( view.focusTracker, 'change:focusedElement', () => {\n\t\t\t// @if CK_DEBUG_FOCUSTRACKER // console.log(\n\t\t\t// @if CK_DEBUG_FOCUSTRACKER // \t`\"${ getName( this ) }\": Related \"${ getName( view.focusTracker ) }\"#focusedElement = `,\n\t\t\t// @if CK_DEBUG_FOCUSTRACKER // \tview.focusTracker.focusedElement\n\t\t\t// @if CK_DEBUG_FOCUSTRACKER // );\n\n\t\t\tif ( view.focusTracker.focusedElement ) {\n\t\t\t\tif ( view.element ) {\n\t\t\t\t\tthis._focus( view.element );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis._blur();\n\t\t\t}\n\t\t} );\n\n\t\tthis._externalViews.add( view );\n\t}\n\n\t/**\n\t * Removes an external {@link module:ui/view~View view instance} from this focus tracker.\n\t */\n\tprivate _removeView( view: ViewWithFocusTracker ): void {\n\t\tif ( view.element ) {\n\t\t\tthis._removeElement( view.element );\n\t\t}\n\n\t\tthis.stopListening( view.focusTracker );\n\t\tthis._externalViews.delete( view );\n\t}\n\n\t/**\n\t * Destroys the focus tracker by:\n\t * - Disabling all event listeners attached to tracked elements or external views.\n\t * - Removing all tracked elements and views that were previously added.\n\t */\n\tpublic destroy(): void {\n\t\tthis.stopListening();\n\n\t\tthis._elements.clear();\n\t\tthis._externalViews.clear();\n\n\t\tthis.isFocused = false;\n\t\tthis.focusedElement = null;\n\t}\n\n\t/**\n\t * Stores currently focused element as {@link #focusedElement} and sets {@link #isFocused} `true`.\n\t */\n\tprivate _focus( element: Element ): void {\n\t\t// @if CK_DEBUG_FOCUSTRACKER // console.log( `\"${ getName( this ) }\": _focus() on element`, element );\n\n\t\tthis._clearBlurTimeout();\n\n\t\tthis.focusedElement = element;\n\t\tthis.isFocused = true;\n\t}\n\n\t/**\n\t * Clears currently {@link #focusedElement} and sets {@link #isFocused} `false`.\n\t *\n\t * This method uses `setTimeout()` to change order of `blur` and `focus` events calls, ensuring that moving focus between\n\t * two elements within a single focus tracker's scope, will not cause `[ blurA, focusB ]` sequence but just `[ focusB ]`.\n\t * The former would cause a momentary change of `#isFocused` to `false` which is not desired because any logic listening to\n\t * a focus tracker state would experience UI flashes and glitches as the user focus travels across the UI.\n\t */\n\tprivate _blur(): void {\n\t\tconst isAnyElementFocused = this.elements.find( element => element.contains( document.activeElement ) );\n\n\t\t// Avoid blurs originating from external FTs when the focus still remains in one of the #elements.\n\t\tif ( isAnyElementFocused ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isAnyExternalViewFocused = this.externalViews.find( view => {\n\t\t\t// Do not consider external views's focus trackers as focused if there's a blur timeout pending.\n\t\t\treturn view.focusTracker.isFocused && !view.focusTracker._blurTimeout;\n\t\t} );\n\n\t\t// Avoid unnecessary DOM blurs coming from #elements when the focus still remains in one of #externalViews.\n\t\tif ( isAnyExternalViewFocused ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._clearBlurTimeout();\n\n\t\tthis._blurTimeout = setTimeout( () => {\n\t\t\t// @if CK_DEBUG_FOCUSTRACKER // console.log( `\"${ getName( this ) }\": Blur.` );\n\n\t\t\tthis.focusedElement = null;\n\t\t\tthis.isFocused = false;\n\t\t}, 0 );\n\t}\n\n\t/**\n\t * Clears the asynchronous blur event timeout on demand. See {@link #_blur} to learn more.\n\t */\n\tprivate _clearBlurTimeout(): void {\n\t\tclearTimeout( this._blurTimeout! );\n\t\tthis._blurTimeout = null;\n\t}\n\n\t// @if CK_DEBUG_FOCUSTRACKER // public static _instances: Array<FocusTracker> = [];\n}\n\n/**\n * A {@link module:ui/view~View} instance with a {@link module:utils/focustracker~FocusTracker} instance exposed\n * at the `#focusTracker` property.\n */\nexport type ViewWithFocusTracker = View & { focusTracker: FocusTracker };\n\n/**\n * Checks whether a view is an instance of {@link ~ViewWithFocusTracker}.\n */\nexport function isViewWithFocusTracker( view: any ): view is ViewWithFocusTracker {\n\treturn 'focusTracker' in view && view.focusTracker instanceof FocusTracker;\n}\n\nfunction isElement( value: any ): value is Element {\n\treturn _isElement( value );\n}\n\nfunction isExternalViewSubtreeFocused( subTreeRoot: Element, view: ViewWithFocusTracker ): boolean {\n\tif ( isFocusedView( subTreeRoot, view ) ) {\n\t\treturn true;\n\t}\n\n\treturn !!view.focusTracker.externalViews.find( view => isFocusedView( subTreeRoot, view ) );\n}\n\nfunction isFocusedView( subTreeRoot: Element, view: View ): boolean {\n\t// Note: You cannot depend on externalView.focusTracker.focusedElement because blurs are asynchronous and the value may\n\t// be outdated when moving focus between two elements. Using document.activeElement instead.\n\treturn !!view.element && view.element.contains( document.activeElement ) && subTreeRoot.contains( view.element );\n}\n\n// @if CK_DEBUG_FOCUSTRACKER // declare global {\n// @if CK_DEBUG_FOCUSTRACKER // \tinterface Window {\n// @if CK_DEBUG_FOCUSTRACKER // \t\tlogFocusTrackers: Function;\n// @if CK_DEBUG_FOCUSTRACKER // \t}\n// @if CK_DEBUG_FOCUSTRACKER // }\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // function getName( focusTracker: FocusTracker ): string {\n// @if CK_DEBUG_FOCUSTRACKER // \treturn focusTracker._label || 'Unknown';\n// @if CK_DEBUG_FOCUSTRACKER // }\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // function logState(\n// @if CK_DEBUG_FOCUSTRACKER // \tfocusTracker: FocusTracker,\n// @if CK_DEBUG_FOCUSTRACKER // \tkeysToLog: Array<string> = [ 'isFocused', 'focusedElement' ]\n// @if CK_DEBUG_FOCUSTRACKER // ): string {\n// @if CK_DEBUG_FOCUSTRACKER // \tkeysToLog.forEach( key => { console.log( `${ key }=`, focusTracker[ key ] ) } );\n// @if CK_DEBUG_FOCUSTRACKER // \tconsole.log( 'elements', focusTracker.elements );\n// @if CK_DEBUG_FOCUSTRACKER // \tconsole.log( 'externalViews', focusTracker.externalViews );\n// @if CK_DEBUG_FOCUSTRACKER // }\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // window.logFocusTrackers = (\n// @if CK_DEBUG_FOCUSTRACKER // \tfilter = () => true,\n// @if CK_DEBUG_FOCUSTRACKER // \tkeysToLog: Array<string>\n// @if CK_DEBUG_FOCUSTRACKER // ): void => {\n// @if CK_DEBUG_FOCUSTRACKER // \tconsole.group( 'FocusTrackers' );\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // \tfor ( const focusTracker of FocusTracker._instances ) {\n// @if CK_DEBUG_FOCUSTRACKER // \t\tif ( filter( focusTracker ) ) {\n// @if CK_DEBUG_FOCUSTRACKER // \t\t\tconsole.group( `\"${ getName( focusTracker ) }\"` );\n// @if CK_DEBUG_FOCUSTRACKER // \t\t\tlogState( focusTracker, keysToLog );\n// @if CK_DEBUG_FOCUSTRACKER // \t\t\tconsole.groupEnd();\n// @if CK_DEBUG_FOCUSTRACKER // \t\t}\n// @if CK_DEBUG_FOCUSTRACKER // \t}\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // \tconsole.groupEnd();\n// @if CK_DEBUG_FOCUSTRACKER // };\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // window.logFocusTrackerTree = (\n// @if CK_DEBUG_FOCUSTRACKER // \trootFocusTracker: FocusTracker,\n// @if CK_DEBUG_FOCUSTRACKER // \tfilter = () => true,\n// @if CK_DEBUG_FOCUSTRACKER // \tkeysToLog: Array<string>\n// @if CK_DEBUG_FOCUSTRACKER // ): void => {\n// @if CK_DEBUG_FOCUSTRACKER // \tconsole.group( 'FocusTrackers tree' );\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // \tlogBranch( rootFocusTracker, filter );\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // \tfunction logBranch( focusTracker, filter ) {\n// @if CK_DEBUG_FOCUSTRACKER // \t\tconsole.group( `\"${ getName( focusTracker ) }\"` );\n// @if CK_DEBUG_FOCUSTRACKER // \t\tlogState( focusTracker, keysToLog );\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // \t\tfor ( const externalView of focusTracker.externalViews ) {\n// @if CK_DEBUG_FOCUSTRACKER // \t\t\tif ( filter( externalView.focusTracker ) ) {\n// @if CK_DEBUG_FOCUSTRACKER // \t\t\t\tlogBranch( externalView.focusTracker, filter );\n// @if CK_DEBUG_FOCUSTRACKER // \t\t\t}\n// @if CK_DEBUG_FOCUSTRACKER // \t\t}\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // \t\tconsole.groupEnd();\n// @if CK_DEBUG_FOCUSTRACKER // \t}\n// @if CK_DEBUG_FOCUSTRACKER //\n// @if CK_DEBUG_FOCUSTRACKER // \tconsole.groupEnd();\n// @if CK_DEBUG_FOCUSTRACKER // };\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/keystrokehandler\n */\n\nimport { DomEmitterMixin, type DomEmitter } from './dom/emittermixin.js';\nimport type { Emitter } from './emittermixin.js';\nimport { getCode, parseKeystroke, type KeystrokeInfo } from './keyboard.js';\nimport type { PriorityString } from './priorities.js';\n\n/**\n * Keystroke handler allows registering callbacks for given keystrokes.\n *\n * The most frequent use of this class is through the {@link module:core/editor/editor~Editor#keystrokes `editor.keystrokes`}\n * property. It allows listening to keystrokes executed in the editing view:\n *\n * ```ts\n * editor.keystrokes.set( 'Ctrl+A', ( keyEvtData, cancel ) => {\n * \tconsole.log( 'Ctrl+A has been pressed' );\n * \tcancel();\n * } );\n * ```\n *\n * However, this utility class can be used in various part of the UI. For instance, a certain {@link module:ui/view~View}\n * can use it like this:\n *\n * ```ts\n * class MyView extends View {\n * \tconstructor() {\n * \t\tthis.keystrokes = new KeystrokeHandler();\n *\n * \t\tthis.keystrokes.set( 'tab', handleTabKey );\n * \t}\n *\n * \trender() {\n * \t\tsuper.render();\n *\n * \t\tthis.keystrokes.listenTo( this.element );\n * \t}\n * }\n * ```\n *\n * That keystroke handler will listen to `keydown` events fired in this view's main element.\n *\n */\nexport class KeystrokeHandler {\n\t/**\n\t * Listener used to listen to events for easier keystroke handler destruction.\n\t */\n\tprivate readonly _listener: DomEmitter;\n\n\t/**\n\t * Creates an instance of the keystroke handler.\n\t */\n\tconstructor() {\n\t\tthis._listener = new ( DomEmitterMixin() )();\n\t}\n\n\t/**\n\t * Starts listening for `keydown` events from a given emitter.\n\t */\n\tpublic listenTo( emitter: Emitter | HTMLElement | Window ): void {\n\t\t// The #_listener works here as a kind of dispatcher. It groups the events coming from the same\n\t\t// keystroke so the listeners can be attached to them with different priorities.\n\t\t//\n\t\t// E.g. all the keystrokes with the `keyCode` of 42 coming from the `emitter` are propagated\n\t\t// as a `_keydown:42` event by the `_listener`. If there's a callback created by the `set`\n\t\t// method for this 42 keystroke, it listens to the `_listener#_keydown:42` event only and interacts\n\t\t// only with other listeners of this particular event, thus making it possible to prioritize\n\t\t// the listeners and safely cancel execution, when needed. Instead of duplicating the Emitter logic,\n\t\t// the KeystrokeHandler re–uses it to do its job.\n\t\tthis._listener.listenTo( emitter as HTMLElement | Window, 'keydown', ( evt, keyEvtData ) => {\n\t\t\tthis._listener.fire( '_keydown:' + getCode( keyEvtData ), keyEvtData );\n\t\t} );\n\t}\n\n\t/**\n\t * Registers a handler for the specified keystroke.\n\t *\n\t * @param keystroke Keystroke defined in a format accepted by\n\t * the {@link module:utils/keyboard~parseKeystroke} function.\n\t * @param callback A function called with the\n\t * {@link module:engine/view/observer/keyobserver~ViewDocumentKeyEventData key event data} object and\n\t * a helper function to call both `preventDefault()` and `stopPropagation()` on the underlying event.\n\t * @param options Additional options.\n\t */\n\tpublic set(\n\t\tkeystroke: string | ReadonlyArray<string | number>,\n\t\tcallback: ( ev: KeyboardEvent, cancel: () => void ) => void,\n\t\toptions: KeystrokeHandlerOptions = {}\n\t): void {\n\t\tconst keyCode = parseKeystroke( keystroke );\n\t\tconst priority = options.priority;\n\n\t\t// Execute the passed callback on KeystrokeHandler#_keydown.\n\t\t// TODO: https://github.com/ckeditor/ckeditor5-utils/issues/144\n\t\tthis._listener.listenTo( this._listener, '_keydown:' + keyCode, ( evt, keyEvtData: KeyboardEvent ) => {\n\t\t\tif ( options.filter && !options.filter( keyEvtData ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcallback( keyEvtData, () => {\n\t\t\t\t// Stop the event in the DOM: no listener in the web page\n\t\t\t\t// will be triggered by this event.\n\t\t\t\tkeyEvtData.preventDefault();\n\t\t\t\tkeyEvtData.stopPropagation();\n\n\t\t\t\t// Stop the event in the KeystrokeHandler: no more callbacks\n\t\t\t\t// will be executed for this keystroke.\n\t\t\t\tevt.stop();\n\t\t\t} );\n\n\t\t\t// Mark this keystroke as handled by the callback. See: #press.\n\t\t\tevt.return = true;\n\t\t}, { priority } );\n\t}\n\n\t/**\n\t * Triggers a keystroke handler for a specified key combination, if such a keystroke was {@link #set defined}.\n\t *\n\t * @param keyEvtData Key event data.\n\t * @returns Whether the keystroke was handled.\n\t */\n\tpublic press( keyEvtData: Readonly<KeystrokeInfo> ): boolean {\n\t\treturn !!this._listener.fire( '_keydown:' + getCode( keyEvtData ), keyEvtData );\n\t}\n\n\t/**\n\t * Stops listening to `keydown` events from the given emitter.\n\t */\n\tpublic stopListening( emitter?: Emitter | HTMLElement | Window ): void {\n\t\tthis._listener.stopListening( emitter );\n\t}\n\n\t/**\n\t * Destroys the keystroke handler.\n\t */\n\tpublic destroy(): void {\n\t\tthis.stopListening();\n\t}\n}\n\n/**\n * {@link module:utils/keystrokehandler~KeystrokeHandler#set} method options.\n */\nexport interface KeystrokeHandlerOptions {\n\n\t/**\n\t * The priority of the keystroke callback. The higher the priority value the sooner the callback will be executed.\n\t * Keystrokes having the same priority are called in the order they were added.\n\t */\n\treadonly priority?: PriorityString;\n\n\t/**\n\t * An optional callback function allowing for filtering keystrokes based on arbitrary criteria.\n\t * The callback function receives `keydown` DOM event as a parameter.\n\t */\n\treadonly filter?: ( keyEvtData: KeyboardEvent ) => boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/objecttomap\n */\n\n/**\n * Transforms object to map.\n *\n * ```ts\n * const map = objectToMap( { 'foo': 1, 'bar': 2 } );\n * map.get( 'foo' ); // 1\n * ```\n *\n * **Note**: For mixed data (`Object` or `Iterable`) there's a dedicated {@link module:utils/tomap~toMap} function.\n *\n * @param obj Object to transform.\n * @returns Map created from object.\n */\nexport function objectToMap<T>( obj: { readonly [ key: string ]: T } | null | undefined ): Map<string, T> {\n\tconst map = new Map<string, T>();\n\n\tfor ( const key in obj ) {\n\t\tmap.set( key, obj[ key ] );\n\t}\n\n\treturn map;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/tomap\n */\n\nimport { objectToMap } from './objecttomap.js';\nimport { isIterable } from './isiterable.js';\n\n/**\n * Transforms object or iterable to map. Iterable needs to be in the format acceptable by the `Map` constructor.\n *\n * ```ts\n * map = toMap( { 'foo': 1, 'bar': 2 } );\n * map = toMap( [ [ 'foo', 1 ], [ 'bar', 2 ] ] );\n * map = toMap( anotherMap );\n * ```\n *\n * @param data Object or iterable to transform.\n * @returns Map created from data.\n */\nexport function toMap<T>( data: { readonly [ key: string ]: T } | Iterable<readonly [ string, T ]> | null | undefined ):\nMap<string, T>\n{\n\tif ( isIterable( data ) ) {\n\t\treturn new Map( data );\n\t} else {\n\t\treturn objectToMap( data );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/mapsequal\n */\n\n/**\n * Checks whether given `Map`s are equal, that is has same size and same key-value pairs.\n *\n * @param mapA The first map to compare.\n * @param mapB The second map to compare.\n * @returns `true` if given maps are equal, `false` otherwise.\n */\nexport function mapsEqual<Key>( mapA: Map<Key, unknown>, mapB: Map<Key, unknown> ): boolean {\n\tif ( mapA.size != mapB.size ) {\n\t\treturn false;\n\t}\n\n\tfor ( const attr of mapA.entries() ) {\n\t\tconst valA = JSON.stringify( attr[ 1 ] );\n\t\tconst valB = JSON.stringify( mapB.get( attr[ 0 ] ) );\n\n\t\tif ( valA !== valB ) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\treturn true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/wait\n */\n\n/**\n * Returns a promise that is resolved after the specified time.\n *\n * @param timeout The time in milliseconds to wait.\n * @param options.signal A signal to abort the waiting.\n */\nexport function wait( timeout: number, options: { signal?: AbortSignal } = {} ): Promise<void> {\n\treturn new Promise( ( resolve, reject ) => {\n\t\tconst signal = options.signal || ( new AbortController() ).signal;\n\n\t\tsignal.throwIfAborted();\n\n\t\tconst timer = setTimeout( timeoutHandler, timeout );\n\n\t\tsignal.addEventListener( 'abort', abortHandler, { once: true } );\n\n\t\tfunction timeoutHandler() {\n\t\t\tsignal.removeEventListener( 'abort', abortHandler );\n\t\t\tresolve();\n\t\t}\n\n\t\tfunction abortHandler() {\n\t\t\tclearTimeout( timer );\n\t\t\treject( signal.reason );\n\t\t}\n\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/retry\n */\n\nimport { wait } from './wait.js';\n\n/**\n * Tries calling the given callback until it sucessfully resolves.\n *\n * If the callback fails `maxAttempts` times, the returned promise is rejected with the last error.\n *\n * @typeParam TResult The result of a successful callback invocation.\n * @param callback The function to call until it succeeds.\n * @param options Configuration options.\n * @param options.maxAttempts Maximum number of attempts.\n * @param options.retryDelay The time in milliseconds between attempts. By default it implements exponential back-off policy.\n * @param options.signal The signal to abort further retries. The callback itself is not aborted automatically.\n */\nexport async function retry<TResult>(\n\tcallback: () => Promise<TResult>,\n\toptions: {\n\t\tmaxAttempts?: number;\n\t\tretryDelay?: ( attempt: number ) => number;\n\t\tsignal?: AbortSignal;\n\t} = {}\n): Promise<TResult> {\n\tconst {\n\t\tmaxAttempts = 4,\n\t\tretryDelay = exponentialDelay(),\n\t\tsignal = ( new AbortController() ).signal\n\t} = options;\n\n\tsignal.throwIfAborted();\n\n\tfor ( let attempt = 0; ; attempt++ ) {\n\t\ttry {\n\t\t\treturn await callback();\n\t\t} catch ( err ) {\n\t\t\tconst isLast = attempt + 1 >= maxAttempts;\n\n\t\t\tif ( isLast ) {\n\t\t\t\tthrow err;\n\t\t\t}\n\t\t}\n\n\t\tawait wait( retryDelay( attempt ), { signal } );\n\t}\n}\n\n/**\n * Creates a function that calculates exponential back-off delay. Pass it as `options.retryDelay` to {@link ~retry}.\n *\n * @param options.delay Base delay between invocations. Defaults to 1s.\n * @param options.factor How much to increase the delay. Defaults to 2x.\n * @param options.maxDelay Maximum timeout. Even if higher timeout is calculated, it cannot get higher than this value. Default to 10s.\n * @returns The function calculating the delay.\n */\nexport function exponentialDelay(\n\toptions: {\n\t\tdelay?: number;\n\t\tfactor?: number;\n\t\tmaxDelay?: number;\n\t} = {}\n): ( attempt: number ) => number {\n\tconst {\n\t\tdelay = 1000,\n\t\tfactor = 2,\n\t\tmaxDelay = 10000\n\t} = options;\n\n\treturn attempt => Math.min( factor ** attempt * delay, maxDelay );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/splicearray\n */\n\n/**\n * Splices one array into another. To be used instead of `Array.prototype.splice` for better\n * performance and because the latter may throw \"Maximum call stack size exceeded\" error when\n * passing huge number of items to insert.\n *\n * ```ts\n * spliceArray( [ 1, 2 ], [ 3, 4 ], 0 );\t// [ 3, 4, 1, 2 ]\n * spliceArray( [ 1, 2 ], [ 3, 4 ], 1 );\t// [ 1, 3, 4, 2 ]\n * spliceArray( [ 1, 2 ], [ 3, 4 ], 2 );\t// [ 1, 2, 3, 4 ]\n * spliceArray( [ 1, 2 ], [],       0 );\t// [ 1, 2 ]\n * ```\n *\n * @param targetArray Array to be spliced.\n * @param insertArray Array of elements to be inserted to target.\n * @param index Index at which nodes should be inserted.\n *\n * @returns New spliced array.\n */\nexport function spliceArray<T>(\n\ttargetArray: Array<T>,\n\tinsertArray: Array<T>,\n\tindex: number\n): void {\n\tconst originalLength = targetArray.length;\n\tconst insertLength = insertArray.length;\n\n\t// Shift elements in the target array to make space for insertArray\n\tfor ( let i = originalLength - 1; i >= index; i-- ) {\n\t\ttargetArray[ i + insertLength ] = targetArray[ i ];\n\t}\n\n\t// Copy elements from insertArray into the target array\n\tfor ( let i = 0; i < insertLength; i++ ) {\n\t\ttargetArray[ index + i ] = insertArray[ i ];\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/delay\n */\n\n/**\n * Returns a function wrapper that will trigger a function after a specified wait time.\n * The timeout can be canceled by calling the cancel function on the returned wrapped function.\n *\n * @param func The function to wrap.\n * @param wait The timeout in ms.\n */\nexport function delay<T extends ( ...args: Array<any> ) => any>( func: T, wait: number ): DelayedFunc<T> {\n\tlet timer: ReturnType<typeof setTimeout>;\n\n\tfunction delayed( ...args: Parameters<T> ) {\n\t\tdelayed.cancel();\n\t\ttimer = setTimeout( () => func( ...args ), wait );\n\t}\n\n\tdelayed.cancel = () => {\n\t\tclearTimeout( timer );\n\t};\n\n\treturn delayed;\n}\n\nexport interface DelayedFunc<T extends ( ...args: Array<any> ) => any> {\n\t( ...args: Parameters<T> ): void;\n\tcancel(): void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/parsebase64encodedobject\n */\n\n/**\n * Parses a base64-encoded object and returns the decoded object, or null if the decoding was unsuccessful.\n */\nexport function parseBase64EncodedObject( encoded: string ): Record<string, any> | null {\n\ttry {\n\t\tif ( !encoded.startsWith( 'ey' ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst decoded = atob( encoded.replace( /-/g, '+' ).replace( /_/g, '/' ) );\n\n\t\treturn JSON.parse( decoded );\n\t} catch {\n\t\treturn null;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/crc32\n */\n\n/**\n * Generates a CRC lookup table.\n * This function creates and returns a 256-element array of pre-computed CRC values for quick CRC calculation.\n * It uses the polynomial 0xEDB88320 to compute each value in the loop, optimizing future CRC calculations.\n */\nfunction makeCrcTable(): Array<number> {\n\tconst crcTable: Array<number> = [];\n\n\tfor ( let n = 0; n < 256; n++ ) {\n\t\tlet c: number = n;\n\n\t\tfor ( let k = 0; k < 8; k++ ) {\n\t\t\tif ( c & 1 ) {\n\t\t\t\tc = 0xEDB88320 ^ ( c >>> 1 );\n\t\t\t} else {\n\t\t\t\tc = c >>> 1;\n\t\t\t}\n\t\t}\n\n\t\tcrcTable[ n ] = c;\n\t}\n\n\treturn crcTable;\n}\n\n/**\n * Calculates CRC-32 checksum for a given inputData to verify the integrity of data.\n *\n * @param inputData Accepts a single value (string, number, boolean), an array of strings, or an array of all of the above types.\n * Non-string values are converted to strings before calculating the checksum.\n * The checksum calculation is based on the concatenated string representation of the input values:\n * * `crc32('foo')` is equivalent to `crc32(['foo'])`\n * * `crc32(123)` is equivalent to `crc32(['123'])`\n * * `crc32(true)` is equivalent to `crc32(['true'])`\n * * `crc32(['foo', 123, true])` produces the same result as `crc32('foo123true')`\n * * Nested arrays of strings are flattened, so `crc32([['foo', 'bar'], 'baz'])` is equivalent to `crc32(['foobar', 'baz'])`\n *\n * @returns The CRC-32 checksum, returned as a hexadecimal string.\n */\nexport function crc32( inputData: CRCData ): string {\n\tconst dataArray = Array.isArray( inputData ) ? inputData : [ inputData ];\n\tconst crcTable: Array<number> = makeCrcTable();\n\tlet crc: number = 0 ^ ( -1 );\n\n\t// Convert data to a single string.\n\tconst dataString: string = dataArray.map( item => {\n\t\tif ( Array.isArray( item ) ) {\n\t\t\treturn item.join( '' );\n\t\t}\n\n\t\treturn String( item );\n\t} ).join( '' );\n\n\t// Calculate the CRC for the resulting string.\n\tfor ( let i = 0; i < dataString.length; i++ ) {\n\t\tconst byte: number = dataString.charCodeAt( i );\n\t\tcrc = ( crc >>> 8 ) ^ crcTable[ ( crc ^ byte ) & 0xFF ];\n\t}\n\n\tcrc = ( crc ^ ( -1 ) ) >>> 0; // Force unsigned integer.\n\n\treturn crc.toString( 16 ).padStart( 8, '0' );\n}\n\n/**\n * The input data for the CRC-32 checksum calculation.\n * Can be a single value (string, number, boolean), an array of strings, or an array of all of the above types.\n */\nexport type CRCData = CRCValue | Array<CRCValue>;\n\nexport type CRCValue = string | number | boolean | Array<string>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/collectstylesheets\n */\n\n/**\n * A helper function for getting concatenated CSS rules from external stylesheets.\n *\n * @param stylesheets An array of stylesheet paths delivered by the user through the plugin configuration.\n */\nexport async function collectStylesheets( stylesheets?: Array<string> ): Promise<string> {\n\tif ( !stylesheets ) {\n\t\treturn '';\n\t}\n\n\tconst results = await Promise.all(\n\t\tstylesheets.map( async stylesheet => {\n\t\t\tif ( stylesheet === 'EDITOR_STYLES' ) {\n\t\t\t\treturn getEditorStyles();\n\t\t\t}\n\n\t\t\tconst response = await window.fetch( stylesheet );\n\n\t\t\treturn response.text();\n\t\t} )\n\t);\n\n\treturn results.join( ' ' ).trim();\n}\n\n/**\n * A helper function for getting the basic editor content styles for the `.ck-content` class\n * and all CSS variables defined in the document.\n */\nfunction getEditorStyles(): string {\n\tconst editorStyles = [];\n\tconst editorCSSVariables = [];\n\n\tfor ( const styleSheet of Array.from( document.styleSheets ) ) {\n\t\tconst ownerNode = styleSheet.ownerNode as Element;\n\n\t\tif ( ownerNode.hasAttribute( 'data-cke' ) ) {\n\t\t\tfor ( const rule of Array.from( styleSheet.cssRules ) ) {\n\t\t\t\tif ( rule.cssText.indexOf( '.ck-content' ) !== -1 ) {\n\t\t\t\t\teditorStyles.push( rule.cssText );\n\t\t\t\t} else if ( rule.cssText.indexOf( ':root' ) !== -1 ) {\n\t\t\t\t\teditorCSSVariables.push( rule.cssText );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tif ( !editorStyles.length ) {\n\t\tconsole.warn(\n\t\t\t'The editor stylesheet could not be found in the document. ' +\n\t\t\t'Check your webpack config - style-loader should use data-cke=true attribute for the editor stylesheet.'\n\t\t);\n\t}\n\n\t// We want to trim the returned value in case of `[ \"\", \"\", ... ]`.\n\treturn [ ...editorCSSVariables, ...editorStyles ].join( ' ' ).trim();\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/formathtml\n */\n\n/**\n * A simple (and naive) HTML code formatter that returns a formatted HTML markup that can be easily\n * parsed by human eyes. It beautifies the HTML code by adding new lines between elements that behave like block elements\n * (https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements\n * and a few more like `tr`, `td`, and similar ones) and inserting indents for nested content.\n *\n * WARNING: This function works only on a text that does not contain any indentations or new lines.\n * Calling this function on the already formatted text will damage the formatting.\n *\n * @param input An HTML string to format.\n */\nexport function formatHtml( input: string ): string {\n\t// A list of block-like elements around which the new lines should be inserted, and within which\n\t// the indentation of their children should be increased.\n\t// The list is partially based on https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements that contains\n\t// a full list of HTML block-level elements.\n\t// A void element is an element that cannot have any child - https://html.spec.whatwg.org/multipage/syntax.html#void-elements.\n\t// Note that <pre> element is not listed on this list to avoid breaking whitespace formatting.\n\t// Note that <br> element is not listed and handled separately so no additional white spaces are injected.\n\tconst elementsToFormat: Array<FormattedElementDefinition> = [\n\t\t{ name: 'address', isVoid: false },\n\t\t{ name: 'article', isVoid: false },\n\t\t{ name: 'aside', isVoid: false },\n\t\t{ name: 'blockquote', isVoid: false },\n\t\t{ name: 'details', isVoid: false },\n\t\t{ name: 'dialog', isVoid: false },\n\t\t{ name: 'dd', isVoid: false },\n\t\t{ name: 'div', isVoid: false },\n\t\t{ name: 'dl', isVoid: false },\n\t\t{ name: 'dt', isVoid: false },\n\t\t{ name: 'fieldset', isVoid: false },\n\t\t{ name: 'figcaption', isVoid: false },\n\t\t{ name: 'figure', isVoid: false },\n\t\t{ name: 'footer', isVoid: false },\n\t\t{ name: 'form', isVoid: false },\n\t\t{ name: 'h1', isVoid: false },\n\t\t{ name: 'h2', isVoid: false },\n\t\t{ name: 'h3', isVoid: false },\n\t\t{ name: 'h4', isVoid: false },\n\t\t{ name: 'h5', isVoid: false },\n\t\t{ name: 'h6', isVoid: false },\n\t\t{ name: 'header', isVoid: false },\n\t\t{ name: 'hgroup', isVoid: false },\n\t\t{ name: 'hr', isVoid: true },\n\t\t{ name: 'li', isVoid: false },\n\t\t{ name: 'main', isVoid: false },\n\t\t{ name: 'nav', isVoid: false },\n\t\t{ name: 'ol', isVoid: false },\n\t\t{ name: 'p', isVoid: false },\n\t\t{ name: 'section', isVoid: false },\n\t\t{ name: 'table', isVoid: false },\n\t\t{ name: 'tbody', isVoid: false },\n\t\t{ name: 'td', isVoid: false },\n\t\t{ name: 'th', isVoid: false },\n\t\t{ name: 'thead', isVoid: false },\n\t\t{ name: 'tr', isVoid: false },\n\t\t{ name: 'ul', isVoid: false }\n\t];\n\n\tconst elementNamesToFormat = elementsToFormat.map( element => element.name ).join( '|' );\n\n\t// It is not the fastest way to format the HTML markup but the performance should be good enough.\n\tconst lines = input\n\t\t// Add new line before and after `<tag>` and `</tag>`.\n\t\t// It may separate individual elements with two new lines, but this will be fixed below.\n\t\t.replace( new RegExp( `</?(${ elementNamesToFormat })( .*?)?>`, 'g' ), '\\n$&\\n' )\n\t\t// Keep `<br>`s at the end of line to avoid adding additional whitespaces before `<br>`.\n\t\t.replace( /<br[^>]*>/g, '$&\\n' )\n\t\t// Divide input string into lines, which start with either an opening tag, a closing tag, or just a text.\n\t\t.split( '\\n' );\n\n\tlet indentCount = 0;\n\tlet isPreformattedLine: ReturnType<typeof isPreformattedBlockLine> = false;\n\n\treturn lines\n\t\t.map( line => {\n\t\t\tisPreformattedLine = isPreformattedBlockLine( line, isPreformattedLine );\n\n\t\t\t// Ignore empty lines outside a <pre> block.\n\t\t\tif ( !line.length && !isPreformattedLine ) {\n\t\t\t\treturn '';\n\t\t\t}\n\n\t\t\tif ( isNonVoidOpeningTag( line, elementsToFormat ) ) {\n\t\t\t\treturn indentLine( line, indentCount++ );\n\t\t\t}\n\n\t\t\tif ( isClosingTag( line, elementsToFormat ) ) {\n\t\t\t\treturn indentLine( line, --indentCount );\n\t\t\t}\n\n\t\t\tif ( isPreformattedLine === 'middle' || isPreformattedLine === 'last' ) {\n\t\t\t\treturn indentLine( line, 0 );\n\t\t\t}\n\n\t\t\treturn indentLine( line, indentCount );\n\t\t} )\n\t\t.join( '' )\n\t\t.trimEnd();\n}\n\n/**\n * Checks, if an argument is an opening tag of a non-void element to be formatted.\n *\n * @param line String to check.\n * @param elementsToFormat Elements to be formatted.\n */\nfunction isNonVoidOpeningTag( line: string, elementsToFormat: Array<FormattedElementDefinition> ): boolean {\n\treturn elementsToFormat.some( element => {\n\t\tif ( element.isVoid ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( !new RegExp( `<${ element.name }( .*?)?>` ).test( line ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} );\n}\n\n/**\n * Checks, if an argument is a closing tag.\n *\n * @param line String to check.\n * @param elementsToFormat Elements to be formatted.\n */\nfunction isClosingTag( line: string, elementsToFormat: Array<FormattedElementDefinition> ): boolean {\n\treturn elementsToFormat.some( element => {\n\t\treturn new RegExp( `</${ element.name }>` ).test( line );\n\t} );\n}\n\n/**\n * Indents a line by a specified number of characters.\n *\n * @param line Line to indent.\n * @param indentCount Number of characters to use for indentation.\n * @param indentChar Indentation character(s). 4 spaces by default.\n */\nfunction indentLine( line: string, indentCount: number, indentChar: string = '    ' ): string {\n\t// More about Math.max() here in https://github.com/ckeditor/ckeditor5/issues/10698.\n\treturn `${ indentChar.repeat( Math.max( 0, indentCount ) ) }${ line }\\n`;\n}\n\n/**\n * Checks whether a line belongs to a preformatted (`<pre>`) block.\n *\n * @param line Line to check.\n * @param isPreviousLinePreFormatted Information on whether the previous line was preformatted (and how).\n */\nfunction isPreformattedBlockLine( line: string, isPreviousLinePreFormatted: 'first' | 'last' | 'middle' | false ) {\n\tconst isPreOpen = /<pre( .*?)?>/.test( line );\n\tconst isPreClose = /<\\/pre>/.test( line );\n\n\tif ( isPreOpen && isPreClose ) {\n\t\t// If both an opening and closing a <pre> tag, no special treatment needed.\n\t\treturn false;\n\t} else if ( isPreOpen ) {\n\t\treturn 'first';\n\t} else if ( isPreClose ) {\n\t\treturn 'last';\n\t} else if ( isPreviousLinePreFormatted === 'first' || isPreviousLinePreFormatted === 'middle' ) {\n\t\t// This line is just after a 'first' or 'middle' line of a multi-line pre-block.\n\t\treturn 'middle';\n\t} else {\n\t\treturn false;\n\t}\n}\n\n/**\n * Element to be formatted.\n */\ninterface FormattedElementDefinition {\n\n\t/**\n\t *  Element name.\n\t */\n\tname: string;\n\n\t/**\n\t *  Flag indicating whether element is a void one.\n\t */\n\tisVoid: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 * Set of utils to handle unicode characters.\n *\n * @module utils/unicode\n */\n\n/**\n * Checks whether given `character` is a combining mark.\n *\n * @param character Character to check.\n */\nexport function isCombiningMark( character: string ): boolean {\n\t// eslint-disable-next-line no-misleading-character-class\n\treturn !!character && character.length == 1 && /[\\u0300-\\u036f\\u1ab0-\\u1aff\\u1dc0-\\u1dff\\u20d0-\\u20ff\\ufe20-\\ufe2f]/.test( character );\n}\n\n/**\n * Checks whether given `character` is a high half of surrogate pair.\n *\n * Using UTF-16 terminology, a surrogate pair denotes UTF-16 character using two UTF-8 characters. The surrogate pair\n * consist of high surrogate pair character followed by low surrogate pair character.\n *\n * @param character Character to check.\n */\nexport function isHighSurrogateHalf( character: string ): boolean {\n\treturn !!character && character.length == 1 && /[\\ud800-\\udbff]/.test( character );\n}\n\n/**\n * Checks whether given `character` is a low half of surrogate pair.\n *\n * Using UTF-16 terminology, a surrogate pair denotes UTF-16 character using two UTF-8 characters. The surrogate pair\n * consist of high surrogate pair character followed by low surrogate pair character.\n *\n * @param character Character to check.\n */\nexport function isLowSurrogateHalf( character: string ): boolean {\n\treturn !!character && character.length == 1 && /[\\udc00-\\udfff]/.test( character );\n}\n\n/**\n * Checks whether given offset in a string is inside a surrogate pair (between two surrogate halves).\n *\n * @param string String to check.\n * @param offset Offset to check.\n */\nexport function isInsideSurrogatePair( string: string, offset: number ): boolean {\n\treturn isHighSurrogateHalf( string.charAt( offset - 1 ) ) && isLowSurrogateHalf( string.charAt( offset ) );\n}\n\n/**\n * Checks whether given offset in a string is between base character and combining mark or between two combining marks.\n *\n * @param string String to check.\n * @param offset Offset to check.\n */\nexport function isInsideCombinedSymbol( string: string, offset: number ): boolean {\n\treturn isCombiningMark( string.charAt( offset ) );\n}\n\nconst EMOJI_PATTERN = /* #__PURE__ */ buildEmojiRegexp();\n\n/**\n * Checks whether given offset in a string is inside multi-character emoji sequence.\n *\n * @param string String to check.\n * @param offset Offset to check.\n */\nexport function isInsideEmojiSequence( string: string, offset: number ): boolean {\n\tconst matches = String( string ).matchAll( EMOJI_PATTERN );\n\n\treturn Array.from( matches ).some( match => match.index! < offset && offset < match.index! + match[ 0 ].length );\n}\n\nfunction buildEmojiRegexp(): RegExp {\n\tconst parts = [\n\t\t// Emoji Tag Sequence (ETS)\n\t\t/\\p{Emoji}[\\u{E0020}-\\u{E007E}]+\\u{E007F}/u,\n\n\t\t// Emoji Keycap Sequence\n\t\t/\\p{Emoji}\\u{FE0F}?\\u{20E3}/u,\n\n\t\t// Emoji Presentation Sequence\n\t\t/\\p{Emoji}\\u{FE0F}/u,\n\n\t\t// Single-Character Emoji / Emoji Modifier Sequence\n\t\t/(?=\\p{General_Category=Other_Symbol})\\p{Emoji}\\p{Emoji_Modifier}*/u\n\t];\n\n\tconst flagSequence = /\\p{Regional_Indicator}{2}/u.source;\n\tconst emoji = '(?:' + parts.map( part => part.source ).join( '|' ) + ')';\n\tconst sequence = `${ flagSequence }|${ emoji }(?:\\u{200D}${ emoji })*`;\n\n\treturn new RegExp( sequence, 'ug' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/decodelicensekey\n*/\n\nimport { parseBase64EncodedObject } from './parsebase64encodedobject.js';\n\n/**\n * Parses the provided license key and returns the decoded object, or null if the decoding was unsuccessful.\n *\n * @param licenseKey The license key to decode.\n */\nexport function decodeLicenseKey( licenseKey?: string ): Record<string, any> | null {\n\tif ( !licenseKey ) {\n\t\treturn null;\n\t}\n\n\tconst encodedPayload = getLicenseKeyPayload( licenseKey );\n\n\tif ( !encodedPayload ) {\n\t\treturn null;\n\t}\n\n\treturn parseBase64EncodedObject( encodedPayload );\n}\n\nfunction getLicenseKeyPayload( licenseKey: string ): string | null {\n\tconst parts = licenseKey.split( '.' );\n\n\tif ( parts.length != 3 ) {\n\t\treturn null;\n\t}\n\n\treturn parts[ 1 ];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 utils/isfeatureblockedbylicensekey\n */\n\n/**\n * Checks whether a feature (represented by an unique id) is blocked by the provided license key.\n *\n * @param licensePayload Decoded license key.\n * @param licenseFeatureCode An unique feature id to check.\n */\nexport function isFeatureBlockedByLicenseKey( licensePayload: Record<string, any>, licenseFeatureCode: string ): boolean {\n\tconst blockedFeatures = licensePayload.removeFeatures || [];\n\n\treturn blockedFeatures.includes( licenseFeatureCode );\n}\n", "import { logWarning, EmitterMixin, CKEditorError, compareArrays, toArray, toMap, isIterable, ObservableMixin, count, EventInfo, Collection, keyCodes, isText, env, remove as remove$1, insertAt, diff, fastDiff, isNode, isComment, indexOf, global, isValidAttributeName, first, getAncestors, DomEmitterMixin, getCode, isArrowKeyCode, scrollViewportToShowTarget, uid, spliceArray, priorities, isInsideSurrogatePair, isInsideCombinedSymbol, isInsideEmojiSequence } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { isObject, get, merge, set, isPlainObject, extend, debounce, isEqualWith, cloneDeep, isEqual, clone } from 'es-toolkit/compat';\n\n// Each document stores information about its placeholder elements and check functions.\nconst documentPlaceholders = new WeakMap();\nlet hasDisplayedPlaceholderDeprecationWarning = false;\n/**\n * A helper that enables a placeholder on the provided view element (also updates its visibility).\n * The placeholder is a CSS pseudo–element (with a text content) attached to the element.\n *\n * To change the placeholder text, change value of the `placeholder` property in the provided `element`.\n *\n * To disable the placeholder, use {@link module:engine/view/placeholder~disableViewPlaceholder `disableViewPlaceholder()`} helper.\n *\n * @param options Configuration options of the placeholder.\n * @param options.view Editing view instance.\n * @param options.element Element that will gain a placeholder. See `options.isDirectHost` to learn more.\n * @param options.isDirectHost If set `false`, the placeholder will not be enabled directly\n * in the passed `element` but in one of its children (selected automatically, i.e. a first empty child element).\n * Useful when attaching placeholders to elements that can host other elements (not just text), for instance,\n * editable root elements.\n * @param options.text Placeholder text. It's **deprecated** and will be removed soon. Use\n * {@link module:engine/view/placeholder~PlaceholderableViewElement#placeholder `options.element.placeholder`} instead.\n * @param options.keepOnFocus If set `true`, the placeholder stay visible when the host element is focused.\n */ function enableViewPlaceholder({ view, element, text, isDirectHost = true, keepOnFocus = false }) {\n    const doc = view.document;\n    // Use a single post fixer per—document to update all placeholders.\n    if (!documentPlaceholders.has(doc)) {\n        documentPlaceholders.set(doc, new Map());\n        // If a post-fixer callback makes a change, it should return `true` so other post–fixers\n        // can re–evaluate the document again.\n        doc.registerPostFixer((writer)=>updateDocumentPlaceholders(documentPlaceholders.get(doc), writer));\n        // Update placeholders on isComposing state change since rendering is disabled while in composition mode.\n        doc.on('change:isComposing', ()=>{\n            view.change((writer)=>updateDocumentPlaceholders(documentPlaceholders.get(doc), writer));\n        }, {\n            priority: 'high'\n        });\n    }\n    if (element.is('editableElement')) {\n        element.on('change:placeholder', (evtInfo, evt, text)=>setPlaceholder(text));\n    }\n    if (element.placeholder) {\n        setPlaceholder(element.placeholder);\n    } else if (text) {\n        setPlaceholder(text);\n    }\n    if (text) {\n        showViewPlaceholderTextDeprecationWarning();\n    }\n    function setPlaceholder(text) {\n        const config = {\n            text,\n            isDirectHost,\n            keepOnFocus,\n            hostElement: isDirectHost ? element : null\n        };\n        // Store information about the element placeholder under its document.\n        documentPlaceholders.get(doc).set(element, config);\n        // Update the placeholders right away.\n        view.change((writer)=>updateDocumentPlaceholders([\n                [\n                    element,\n                    config\n                ]\n            ], writer));\n    }\n}\n/**\n * Disables the placeholder functionality from a given element.\n *\n * See {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`} to learn more.\n */ function disableViewPlaceholder(view, element) {\n    const doc = element.document;\n    if (!documentPlaceholders.has(doc)) {\n        return;\n    }\n    view.change((writer)=>{\n        const placeholders = documentPlaceholders.get(doc);\n        const config = placeholders.get(element);\n        writer.removeAttribute('data-placeholder', config.hostElement);\n        hideViewPlaceholder(writer, config.hostElement);\n        placeholders.delete(element);\n    });\n}\n/**\n * Shows a placeholder in the provided element by changing related attributes and CSS classes.\n *\n * **Note**: This helper will not update the placeholder visibility nor manage the\n * it in any way in the future. What it does is a one–time state change of an element. Use\n * {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`} and\n * {@link module:engine/view/placeholder~disableViewPlaceholder `disableViewPlaceholder()`} for full\n * placeholder functionality.\n *\n * **Note**: This helper will blindly show the placeholder directly in the root editable element if\n * one is passed, which could result in a visual clash if the editable element has some children\n * (for instance, an empty paragraph). Use {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`}\n * in that case or make sure the correct element is passed to the helper.\n *\n * @returns `true`, if any changes were made to the `element`.\n */ function showViewPlaceholder(writer, element) {\n    if (!element.hasClass('ck-placeholder')) {\n        writer.addClass('ck-placeholder', element);\n        return true;\n    }\n    return false;\n}\n/**\n * Hides a placeholder in the element by changing related attributes and CSS classes.\n *\n * **Note**: This helper will not update the placeholder visibility nor manage the\n * it in any way in the future. What it does is a one–time state change of an element. Use\n * {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`} and\n * {@link module:engine/view/placeholder~disableViewPlaceholder `disableViewPlaceholder()`} for full\n * placeholder functionality.\n *\n * @returns `true`, if any changes were made to the `element`.\n */ function hideViewPlaceholder(writer, element) {\n    if (element.hasClass('ck-placeholder')) {\n        writer.removeClass('ck-placeholder', element);\n        return true;\n    }\n    return false;\n}\n/**\n * Checks if a placeholder should be displayed in the element.\n *\n * **Note**: This helper will blindly check the possibility of showing a placeholder directly in the\n * root editable element if one is passed, which may not be the expected result. If an element can\n * host other elements (not just text), most likely one of its children should be checked instead\n * because it will be the final host for the placeholder. Use\n * {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`} in that case or make\n * sure the correct element is passed to the helper.\n *\n * @param element Element that holds the placeholder.\n * @param keepOnFocus Focusing the element will keep the placeholder visible.\n */ function needsViewPlaceholder(element, keepOnFocus) {\n    if (!element.isAttached()) {\n        return false;\n    }\n    if (hasContent(element)) {\n        return false;\n    }\n    const doc = element.document;\n    const viewSelection = doc.selection;\n    const selectionAnchor = viewSelection.anchor;\n    if (doc.isComposing && selectionAnchor && selectionAnchor.parent === element) {\n        return false;\n    }\n    // Skip the focus check and make the placeholder visible already regardless of document focus state.\n    if (keepOnFocus) {\n        return true;\n    }\n    // If the document is blurred.\n    if (!doc.isFocused) {\n        return true;\n    }\n    // If document is focused and the element is empty but the selection is not anchored inside it.\n    return !!selectionAnchor && selectionAnchor.parent !== element;\n}\n/**\n * Anything but uiElement(s) counts as content.\n */ function hasContent(element) {\n    for (const child of element.getChildren()){\n        if (!child.is('uiElement')) {\n            return true;\n        }\n    }\n    return false;\n}\n/**\n * Updates all placeholders associated with a document in a post–fixer callback.\n *\n * @returns True if any changes were made to the view document.\n */ function updateDocumentPlaceholders(placeholders, writer) {\n    const directHostElements = [];\n    let wasViewModified = false;\n    // First set placeholders on the direct hosts.\n    for (const [element, config] of placeholders){\n        if (config.isDirectHost) {\n            directHostElements.push(element);\n            if (updatePlaceholder(writer, element, config)) {\n                wasViewModified = true;\n            }\n        }\n    }\n    // Then set placeholders on the indirect hosts but only on those that does not already have an direct host placeholder.\n    for (const [element, config] of placeholders){\n        if (config.isDirectHost) {\n            continue;\n        }\n        const hostElement = getChildPlaceholderHostSubstitute(element);\n        // If host element changed, remove the placeholder from the previous one.\n        // This can happen when user replaces the first child element of the parent element\n        // with new one, but the previous one is still in the view tree.\n        // See:\n        // https://github.com/ckeditor/ckeditor5/issues/14354\n        // https://github.com/ckeditor/ckeditor5/issues/18149\n        if (hostElement !== config.hostElement && config.hostElement) {\n            writer.removeAttribute('data-placeholder', config.hostElement);\n            hideViewPlaceholder(writer, config.hostElement);\n            config.hostElement = null;\n            wasViewModified = true;\n        }\n        // When not a direct host, it could happen that there is no child element\n        // capable of displaying a placeholder.\n        if (!hostElement) {\n            continue;\n        }\n        // Don't override placeholder if the host element already has some direct placeholder.\n        if (directHostElements.includes(hostElement)) {\n            continue;\n        }\n        // Update the host element (used for setting and removing the placeholder).\n        config.hostElement = hostElement;\n        if (updatePlaceholder(writer, element, config)) {\n            wasViewModified = true;\n        }\n    }\n    return wasViewModified;\n}\n/**\n * Updates a single placeholder in a post–fixer callback.\n *\n * @returns True if any changes were made to the view document.\n */ function updatePlaceholder(writer, element, config) {\n    const { text, isDirectHost, hostElement } = config;\n    let wasViewModified = false;\n    // This may be necessary when updating the placeholder text to something else.\n    if (hostElement.getAttribute('data-placeholder') !== text) {\n        writer.setAttribute('data-placeholder', text, hostElement);\n        wasViewModified = true;\n    }\n    // If the host element is not a direct host then placeholder is needed only when there is only one element.\n    const isOnlyChild = isDirectHost || element.childCount == 1;\n    if (isOnlyChild && needsViewPlaceholder(hostElement, config.keepOnFocus)) {\n        if (showViewPlaceholder(writer, hostElement)) {\n            wasViewModified = true;\n        }\n    } else if (hideViewPlaceholder(writer, hostElement)) {\n        wasViewModified = true;\n    }\n    return wasViewModified;\n}\n/**\n * Gets a child element capable of displaying a placeholder if a parent element can host more\n * than just text (for instance, when it is a root editable element). The child element\n * can then be used in other placeholder helpers as a substitute of its parent.\n */ function getChildPlaceholderHostSubstitute(parent) {\n    if (parent.childCount) {\n        const firstChild = parent.getChild(0);\n        if (firstChild.is('element') && !firstChild.is('uiElement') && !firstChild.is('attributeElement')) {\n            return firstChild;\n        }\n    }\n    return null;\n}\n/**\n * Displays a deprecation warning message in the console, but only once per page load.\n */ function showViewPlaceholderTextDeprecationWarning() {\n    if (!hasDisplayedPlaceholderDeprecationWarning) {\n        /**\n\t\t * The \"text\" option in the {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`}\n\t\t * function is deprecated and will be removed soon.\n\t\t *\n\t\t * See the {@glink updating/guides/update-to-39#view-element-placeholder Migration to v39} guide for\n\t\t * more information on how to apply this change.\n\t\t *\n\t\t * @error enableViewPlaceholder-deprecated-text-option\n\t\t */ logWarning('enableViewPlaceholder-deprecated-text-option');\n    }\n    hasDisplayedPlaceholderDeprecationWarning = true;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module engine/view/typecheckable\n */ class ViewTypeCheckable {\n    /* istanbul ignore next -- @preserve */ is() {\n        // There are a lot of overloads above.\n        // Overriding method in derived classes remove them and only `is( type: string ): boolean` is visible which we don't want.\n        // One option would be to copy them all to all classes, but that's ugly.\n        // It's best when TypeScript compiler doesn't see those overloads, except the one in the top base class.\n        // To overload a method, but not let the compiler see it, do after class definition:\n        // `MyClass.prototype.is = function( type: string ) {...}`\n        throw new Error('is() method is abstract');\n    }\n}\n\n/**\n * Abstract view node class.\n *\n * This is an abstract class. Its constructor should not be used directly.\n * Use the {@link module:engine/view/downcastwriter~ViewDowncastWriter} or {@link module:engine/view/upcastwriter~ViewUpcastWriter}\n * to create new instances of view nodes.\n */ class ViewNode extends /* #__PURE__ */ EmitterMixin(ViewTypeCheckable) {\n    /**\n\t * The document instance to which this node belongs.\n\t */ document;\n    /**\n\t * Parent element. Null by default. Set by {@link module:engine/view/element~ViewElement#_insertChild}.\n\t */ parent;\n    /**\n\t * Creates a tree view node.\n\t *\n\t * @param document The document instance to which this node belongs.\n\t */ constructor(document){\n        super();\n        this.document = document;\n        this.parent = null;\n    }\n    /**\n\t * Index of the node in the parent element or null if the node has no parent.\n\t *\n\t * Accessing this property throws an error if this node's parent element does not contain it.\n\t * This means that view tree got broken.\n\t */ get index() {\n        let pos;\n        if (!this.parent) {\n            return null;\n        }\n        // No parent or child doesn't exist in parent's children.\n        if ((pos = this.parent.getChildIndex(this)) == -1) {\n            /**\n\t\t\t * The node's parent does not contain this node. It means that the document tree is corrupted.\n\t\t\t *\n\t\t\t * @error view-node-not-found-in-parent\n\t\t\t */ throw new CKEditorError('view-node-not-found-in-parent', this);\n        }\n        return pos;\n    }\n    /**\n\t * Node's next sibling, or `null` if it is the last child.\n\t */ get nextSibling() {\n        const index = this.index;\n        return index !== null && this.parent.getChild(index + 1) || null;\n    }\n    /**\n\t * Node's previous sibling, or `null` if it is the first child.\n\t */ get previousSibling() {\n        const index = this.index;\n        return index !== null && this.parent.getChild(index - 1) || null;\n    }\n    /**\n\t * Top-most ancestor of the node. If the node has no parent it is the root itself.\n\t */ get root() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n        let root = this;\n        while(root.parent){\n            root = root.parent;\n        }\n        return root;\n    }\n    /**\n\t * Returns true if the node is in a tree rooted in the document (is a descendant of one of its roots).\n\t */ isAttached() {\n        return this.root.is('rootElement');\n    }\n    /**\n\t * Gets a path to the node. The path is an array containing indices of consecutive ancestors of this node,\n\t * beginning from {@link module:engine/view/node~ViewNode#root root}, down to this node's index.\n\t *\n\t * ```ts\n\t * const abc = downcastWriter.createText( 'abc' );\n\t * const foo = downcastWriter.createText( 'foo' );\n\t * const h1 = downcastWriter.createElement( 'h1', null, downcastWriter.createText( 'header' ) );\n\t * const p = downcastWriter.createElement( 'p', null, [ abc, foo ] );\n\t * const div = downcastWriter.createElement( 'div', null, [ h1, p ] );\n\t * foo.getPath(); // Returns [ 1, 3 ]. `foo` is in `p` which is in `div`. `p` starts at offset 1, while `foo` at 3.\n\t * h1.getPath(); // Returns [ 0 ].\n\t * div.getPath(); // Returns [].\n\t * ```\n\t *\n\t * @returns The path.\n\t */ getPath() {\n        const path = [];\n        // eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n        let node = this;\n        while(node.parent){\n            path.unshift(node.index);\n            node = node.parent;\n        }\n        return path;\n    }\n    /**\n\t * Returns ancestors array of this node.\n\t *\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` this node will be also included in parent's array.\n\t * @param options.parentFirst When set to `true`, array will be sorted from node's parent to root element,\n\t * otherwise root element will be the first item in the array.\n\t * @returns Array with ancestors.\n\t */ getAncestors(options = {}) {\n        const ancestors = [];\n        let parent = options.includeSelf ? this : this.parent;\n        while(parent){\n            ancestors[options.parentFirst ? 'push' : 'unshift'](parent);\n            parent = parent.parent;\n        }\n        return ancestors;\n    }\n    /**\n\t * Returns a {@link module:engine/view/element~ViewElement} or {@link module:engine/view/documentfragment~ViewDocumentFragment}\n\t * which is a common ancestor of both nodes.\n\t *\n\t * @param node The second node.\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` both nodes will be considered \"ancestors\" too.\n\t * Which means that if e.g. node A is inside B, then their common ancestor will be B.\n\t */ getCommonAncestor(node, options = {}) {\n        const ancestorsA = this.getAncestors(options);\n        const ancestorsB = node.getAncestors(options);\n        let i = 0;\n        while(ancestorsA[i] == ancestorsB[i] && ancestorsA[i]){\n            i++;\n        }\n        return i === 0 ? null : ancestorsA[i - 1];\n    }\n    /**\n\t * Returns whether this node is before given node. `false` is returned if nodes are in different trees (for example,\n\t * in different {@link module:engine/view/documentfragment~ViewDocumentFragment}s).\n\t *\n\t * @param node Node to compare with.\n\t */ isBefore(node) {\n        // Given node is not before this node if they are same.\n        if (this == node) {\n            return false;\n        }\n        // Return `false` if it is impossible to compare nodes.\n        if (this.root !== node.root) {\n            return false;\n        }\n        const thisPath = this.getPath();\n        const nodePath = node.getPath();\n        const result = compareArrays(thisPath, nodePath);\n        switch(result){\n            case 'prefix':\n                return true;\n            case 'extension':\n                return false;\n            default:\n                return thisPath[result] < nodePath[result];\n        }\n    }\n    /**\n\t * Returns whether this node is after given node. `false` is returned if nodes are in different trees (for example,\n\t * in different {@link module:engine/view/documentfragment~ViewDocumentFragment}s).\n\t *\n\t * @param node Node to compare with.\n\t */ isAfter(node) {\n        // Given node is not before this node if they are same.\n        if (this == node) {\n            return false;\n        }\n        // Return `false` if it is impossible to compare nodes.\n        if (this.root !== node.root) {\n            return false;\n        }\n        // In other cases, just check if the `node` is before, and return the opposite.\n        return !this.isBefore(node);\n    }\n    /**\n\t * Removes node from parent.\n\t *\n\t * @internal\n\t */ _remove() {\n        this.parent._removeChildren(this.index);\n    }\n    /**\n\t * @internal\n\t * @param type Type of the change.\n\t * @param node Changed node.\n\t * @param data Additional data.\n\t * @fires change\n\t */ _fireChange(type, node, data) {\n        this.fire(`change:${type}`, node, data);\n        if (this.parent) {\n            this.parent._fireChange(type, node, data);\n        }\n    }\n    /**\n\t * Converts `ViewNode` to plain object and returns it.\n\t *\n\t * @returns `ViewNode` converted to plain object.\n\t */ toJSON() {\n        const json = {\n            path: this.getPath(),\n            type: 'Node'\n        };\n        if (this !== this.root && this.root.is('rootElement')) {\n            json.root = this.root.toJSON();\n        }\n        return json;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewNode.prototype.is = function(type) {\n    return type === 'node' || type === 'view:node';\n};\n\n/**\n * Tree view text node.\n *\n * The constructor of this class should not be used directly. To create a new text node instance\n * use the {@link module:engine/view/downcastwriter~ViewDowncastWriter#createText `ViewDowncastWriter#createText()`}\n * method when working on data downcasted from the model or the\n * {@link module:engine/view/upcastwriter~ViewUpcastWriter#createText `ViewUpcastWriter#createText()`}\n * method when working on non-semantic views.\n */ class ViewText extends ViewNode {\n    /**\n\t * The text content.\n\t *\n\t * Setting the data fires the {@link module:engine/view/node~ViewNode#event:change:text change event}.\n\t */ _textData;\n    /**\n\t * Creates a tree view text node.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createText\n\t * @internal\n\t * @param document The document instance to which this text node belongs.\n\t * @param data The text's data.\n\t */ constructor(document, data){\n        super(document);\n        this._textData = data;\n    }\n    /**\n\t * The text content.\n\t */ get data() {\n        return this._textData;\n    }\n    /**\n\t * The `_data` property is controlled by a getter and a setter.\n\t *\n\t * The getter is required when using the addition assignment operator on protected property:\n\t *\n\t * ```ts\n\t * const foo = downcastWriter.createText( 'foo' );\n\t * const bar = downcastWriter.createText( 'bar' );\n\t *\n\t * foo._data += bar.data;   // executes: `foo._data = foo._data + bar.data`\n\t * console.log( foo.data ); // prints: 'foobar'\n\t * ```\n\t *\n\t * If the protected getter didn't exist, `foo._data` will return `undefined` and result of the merge will be invalid.\n\t *\n\t * The setter sets data and fires the {@link module:engine/view/node~ViewNode#event:change:text change event}.\n\t *\n\t * @internal\n\t */ get _data() {\n        return this.data;\n    }\n    set _data(data) {\n        this._fireChange('text', this);\n        this._textData = data;\n    }\n    /**\n\t * Checks if this text node is similar to other text node.\n\t * Both nodes should have the same data to be considered as similar.\n\t *\n\t * @param otherNode Node to check if it is same as this node.\n\t */ isSimilar(otherNode) {\n        if (!(otherNode instanceof ViewText)) {\n            return false;\n        }\n        return this === otherNode || this.data === otherNode.data;\n    }\n    /**\n\t * Converts `ViewText` instance to plain object and returns it.\n\t *\n\t * @returns `ViewText` instance converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.type = 'Text';\n        json.data = this.data;\n        return json;\n    }\n    /**\n\t * Clones this node.\n\t *\n\t * @internal\n\t * @returns Text node that is a clone of this node.\n\t */ _clone() {\n        return new ViewText(this.document, this.data);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewText.prototype.is = function(type) {\n    return type === '$text' || type === 'view:$text' || // This are legacy values kept for backward compatibility.\n    type === 'text' || type === 'view:text' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n    type === 'node' || type === 'view:node';\n};\n\n/**\n * ViewTextProxy is a wrapper for substring of {@link module:engine/view/text~ViewText}. Instance of this class is created by\n * {@link module:engine/view/treewalker~ViewTreeWalker} when only a part of {@link module:engine/view/text~ViewText} needs to be returned.\n *\n * `ViewTextProxy` has an API similar to {@link module:engine/view/text~ViewText Text} and allows to do most of the common tasks performed\n * on view nodes.\n *\n * **Note:** Some `ViewTextProxy` instances may represent whole text node, not just a part of it.\n * See {@link module:engine/view/textproxy~ViewTextProxy#isPartial}.\n *\n * **Note:** `ViewTextProxy` is a readonly interface.\n *\n * **Note:** `ViewTextProxy` instances are created on the fly basing\n * on the current state of parent {@link module:engine/view/text~ViewText}.\n * Because of this it is highly unrecommended to store references to `TextProxy instances because they might get\n * invalidated due to operations on Document. Also ViewTextProxy is not a {@link module:engine/view/node~ViewNode} so it cannot be\n * inserted as a child of {@link module:engine/view/element~ViewElement}.\n *\n * `ViewTextProxy` instances are created by {@link module:engine/view/treewalker~ViewTreeWalker view tree walker}.\n * You should not need to create an instance of this class by your own.\n */ class ViewTextProxy extends ViewTypeCheckable {\n    /**\n\t * Reference to the {@link module:engine/view/text~ViewText} element which ViewTextProxy is a substring.\n\t */ textNode;\n    /**\n\t * Text data represented by this text proxy.\n\t */ data;\n    /**\n\t * Offset in the `textNode` where this `ViewTextProxy` instance starts.\n\t */ offsetInText;\n    /**\n\t * Creates a text proxy.\n\t *\n\t * @internal\n\t * @param textNode Text node which part is represented by this text proxy.\n\t * @param offsetInText Offset in {@link module:engine/view/textproxy~ViewTextProxy#textNode text node}\n\t * from which the text proxy starts.\n\t * @param length Text proxy length, that is how many text node's characters, starting from `offsetInText` it represents.\n\t */ constructor(textNode, offsetInText, length){\n        super();\n        this.textNode = textNode;\n        if (offsetInText < 0 || offsetInText > textNode.data.length) {\n            /**\n\t\t\t * Given offsetInText value is incorrect.\n\t\t\t *\n\t\t\t * @error view-textproxy-wrong-offsetintext\n\t\t\t */ throw new CKEditorError('view-textproxy-wrong-offsetintext', this);\n        }\n        if (length < 0 || offsetInText + length > textNode.data.length) {\n            /**\n\t\t\t * Given length value is incorrect.\n\t\t\t *\n\t\t\t * @error view-textproxy-wrong-length\n\t\t\t */ throw new CKEditorError('view-textproxy-wrong-length', this);\n        }\n        this.data = textNode.data.substring(offsetInText, offsetInText + length);\n        this.offsetInText = offsetInText;\n    }\n    /**\n\t * Offset size of this node.\n\t */ get offsetSize() {\n        return this.data.length;\n    }\n    /**\n\t * Flag indicating whether `ViewTextProxy` instance covers only part of the original {@link module:engine/view/text~ViewText text node}\n\t * (`true`) or the whole text node (`false`).\n\t *\n\t * This is `false` when text proxy starts at the very beginning of {@link module:engine/view/textproxy~ViewTextProxy#textNode textNode}\n\t * ({@link module:engine/view/textproxy~ViewTextProxy#offsetInText offsetInText} equals `0`) and text proxy sizes is equal to\n\t * text node size.\n\t */ get isPartial() {\n        return this.data.length !== this.textNode.data.length;\n    }\n    /**\n\t * Parent of this text proxy, which is same as parent of text node represented by this text proxy.\n\t */ get parent() {\n        return this.textNode.parent;\n    }\n    /**\n\t * Root of this text proxy, which is same as root of text node represented by this text proxy.\n\t */ get root() {\n        return this.textNode.root;\n    }\n    /**\n\t * {@link module:engine/view/document~ViewDocument View document} that owns this text proxy, or `null` if the text proxy is inside\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}.\n\t */ get document() {\n        return this.textNode.document;\n    }\n    /**\n\t * Returns ancestors array of this text proxy.\n\t *\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true`, textNode will be also included in parent's array.\n\t * @param options.parentFirst When set to `true`, array will be sorted from text proxy parent to\n\t * root element, otherwise root element will be the first item in the array.\n\t * @returns Array with ancestors.\n\t */ getAncestors(options = {}) {\n        const ancestors = [];\n        let parent = options.includeSelf ? this.textNode : this.parent;\n        while(parent !== null){\n            ancestors[options.parentFirst ? 'push' : 'unshift'](parent);\n            parent = parent.parent;\n        }\n        return ancestors;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewTextProxy.prototype.is = function(type) {\n    return type === '$textProxy' || type === 'view:$textProxy' || // This are legacy values kept for backward compatibility.\n    type === 'textProxy' || type === 'view:textProxy';\n};\n\n/**\n * Class used for handling consumption of view {@link module:engine/view/element~ViewElement elements},\n * {@link module:engine/view/text~ViewText text nodes} and\n * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragments}.\n * Element's name and its parts (attributes, classes and styles) can be consumed separately. Consuming an element's name\n * does not consume its attributes, classes and styles.\n * To add items for consumption use {@link module:engine/conversion/viewconsumable~ViewConsumable#add add method}.\n * To test items use {@link module:engine/conversion/viewconsumable~ViewConsumable#test test method}.\n * To consume items use {@link module:engine/conversion/viewconsumable~ViewConsumable#consume consume method}.\n * To revert already consumed items use {@link module:engine/conversion/viewconsumable~ViewConsumable#revert revert method}.\n *\n * ```ts\n * viewConsumable.add( element, { name: true } ); // Adds element's name as ready to be consumed.\n * viewConsumable.add( textNode ); // Adds text node for consumption.\n * viewConsumable.add( docFragment ); // Adds document fragment for consumption.\n * viewConsumable.test( element, { name: true }  ); // Tests if element's name can be consumed.\n * viewConsumable.test( textNode ); // Tests if text node can be consumed.\n * viewConsumable.test( docFragment ); // Tests if document fragment can be consumed.\n * viewConsumable.consume( element, { name: true }  ); // Consume element's name.\n * viewConsumable.consume( textNode ); // Consume text node.\n * viewConsumable.consume( docFragment ); // Consume document fragment.\n * viewConsumable.revert( element, { name: true }  ); // Revert already consumed element's name.\n * viewConsumable.revert( textNode ); // Revert already consumed text node.\n * viewConsumable.revert( docFragment ); // Revert already consumed document fragment.\n * ```\n */ class ViewConsumable {\n    /**\n\t * Map of consumable elements. If {@link module:engine/view/element~ViewElement element} is used as a key,\n\t * {@link module:engine/conversion/viewconsumable~ViewElementConsumables ViewElementConsumables} instance is stored as value.\n\t * For {@link module:engine/view/text~ViewText text nodes} and\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragments} boolean value is stored as value.\n\t */ _consumables = new Map();\n    /**\n\t * Adds view {@link module:engine/view/element~ViewElement element}, {@link module:engine/view/text~ViewText text node} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment} as ready to be consumed.\n\t *\n\t * ```ts\n\t * viewConsumable.add( p, { name: true } ); // Adds element's name to consume.\n\t * viewConsumable.add( p, { attributes: 'name' } ); // Adds element's attribute.\n\t * viewConsumable.add( p, { classes: 'foobar' } ); // Adds element's class.\n\t * viewConsumable.add( p, { styles: 'color' } ); // Adds element's style\n\t * viewConsumable.add( p, { attributes: 'name', styles: 'color' } ); // Adds attribute and style.\n\t * viewConsumable.add( p, { classes: [ 'baz', 'bar' ] } ); // Multiple consumables can be provided.\n\t * viewConsumable.add( textNode ); // Adds text node to consume.\n\t * viewConsumable.add( docFragment ); // Adds document fragment to consume.\n\t * ```\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `viewconsumable-invalid-attribute` when `class` or `style`\n\t * attribute is provided - it should be handled separately by providing actual style/class.\n\t *\n\t * ```ts\n\t * viewConsumable.add( p, { attributes: 'style' } ); // This call will throw an exception.\n\t * viewConsumable.add( p, { styles: 'color' } ); // This is properly handled style.\n\t * ```\n\t *\n\t * @param consumables Used only if first parameter is {@link module:engine/view/element~ViewElement view element} instance.\n\t * @param consumables.name If set to true element's name will be included.\n\t * @param consumables.attributes Attribute name or array of attribute names.\n\t * @param consumables.classes Class name or array of class names.\n\t * @param consumables.styles Style name or array of style names.\n\t */ add(element, consumables) {\n        let elementConsumables;\n        // For text nodes and document fragments just mark them as consumable.\n        if (element.is('$text') || element.is('documentFragment')) {\n            this._consumables.set(element, true);\n            return;\n        }\n        // For elements create new ViewElementConsumables or update already existing one.\n        if (!this._consumables.has(element)) {\n            elementConsumables = new ViewElementConsumables(element);\n            this._consumables.set(element, elementConsumables);\n        } else {\n            elementConsumables = this._consumables.get(element);\n        }\n        elementConsumables.add(consumables ? normalizeConsumables(consumables) : element._getConsumables());\n    }\n    /**\n\t * Tests if {@link module:engine/view/element~ViewElement view element}, {@link module:engine/view/text~ViewText text node} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment} can be consumed.\n\t * It returns `true` when all items included in method's call can be consumed. Returns `false` when\n\t * first already consumed item is found and `null` when first non-consumable item is found.\n\t *\n\t * ```ts\n\t * viewConsumable.test( p, { name: true } ); // Tests element's name.\n\t * viewConsumable.test( p, { attributes: 'name' } ); // Tests attribute.\n\t * viewConsumable.test( p, { classes: 'foobar' } ); // Tests class.\n\t * viewConsumable.test( p, { styles: 'color' } ); // Tests style.\n\t * viewConsumable.test( p, { attributes: 'name', styles: 'color' } ); // Tests attribute and style.\n\t * viewConsumable.test( p, { classes: [ 'baz', 'bar' ] } ); // Multiple consumables can be tested.\n\t * viewConsumable.test( textNode ); // Tests text node.\n\t * viewConsumable.test( docFragment ); // Tests document fragment.\n\t * ```\n\t *\n\t * Testing classes and styles as attribute will test if all added classes/styles can be consumed.\n\t *\n\t * ```ts\n\t * viewConsumable.test( p, { attributes: 'class' } ); // Tests if all added classes can be consumed.\n\t * viewConsumable.test( p, { attributes: 'style' } ); // Tests if all added styles can be consumed.\n\t * ```\n\t *\n\t * @param consumables Used only if first parameter is {@link module:engine/view/element~ViewElement view element} instance.\n\t * @param consumables.name If set to true element's name will be included.\n\t * @param consumables.attributes Attribute name or array of attribute names.\n\t * @param consumables.classes Class name or array of class names.\n\t * @param consumables.styles Style name or array of style names.\n\t * @returns Returns `true` when all items included in method's call can be consumed. Returns `false`\n\t * when first already consumed item is found and `null` when first non-consumable item is found.\n\t */ test(element, consumables) {\n        const elementConsumables = this._consumables.get(element);\n        if (elementConsumables === undefined) {\n            return null;\n        }\n        // For text nodes and document fragments return stored boolean value.\n        if (element.is('$text') || element.is('documentFragment')) {\n            return elementConsumables;\n        }\n        // For elements test consumables object.\n        return elementConsumables.test(normalizeConsumables(consumables));\n    }\n    /**\n\t * Consumes {@link module:engine/view/element~ViewElement view element}, {@link module:engine/view/text~ViewText text node} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}.\n\t * It returns `true` when all items included in method's call can be consumed, otherwise returns `false`.\n\t *\n\t * ```ts\n\t * viewConsumable.consume( p, { name: true } ); // Consumes element's name.\n\t * viewConsumable.consume( p, { attributes: 'name' } ); // Consumes element's attribute.\n\t * viewConsumable.consume( p, { classes: 'foobar' } ); // Consumes element's class.\n\t * viewConsumable.consume( p, { styles: 'color' } ); // Consumes element's style.\n\t * viewConsumable.consume( p, { attributes: 'name', styles: 'color' } ); // Consumes attribute and style.\n\t * viewConsumable.consume( p, { classes: [ 'baz', 'bar' ] } ); // Multiple consumables can be consumed.\n\t * viewConsumable.consume( textNode ); // Consumes text node.\n\t * viewConsumable.consume( docFragment ); // Consumes document fragment.\n\t * ```\n\t *\n\t * Consuming classes and styles as attribute will test if all added classes/styles can be consumed.\n\t *\n\t * ```ts\n\t * viewConsumable.consume( p, { attributes: 'class' } ); // Consume only if all added classes can be consumed.\n\t * viewConsumable.consume( p, { attributes: 'style' } ); // Consume only if all added styles can be consumed.\n\t * ```\n\t *\n\t * @param consumables Used only if first parameter is {@link module:engine/view/element~ViewElement view element} instance.\n\t * @param consumables.name If set to true element's name will be included.\n\t * @param consumables.attributes Attribute name or array of attribute names.\n\t * @param consumables.classes Class name or array of class names.\n\t * @param consumables.styles Style name or array of style names.\n\t * @returns Returns `true` when all items included in method's call can be consumed,\n\t * otherwise returns `false`.\n\t */ consume(element, consumables) {\n        if (element.is('$text') || element.is('documentFragment')) {\n            if (!this.test(element, consumables)) {\n                return false;\n            }\n            // For text nodes and document fragments set value to false.\n            this._consumables.set(element, false);\n            return true;\n        }\n        // For elements - consume consumables object.\n        const elementConsumables = this._consumables.get(element);\n        if (elementConsumables === undefined) {\n            return false;\n        }\n        return elementConsumables.consume(normalizeConsumables(consumables));\n    }\n    /**\n\t * Reverts {@link module:engine/view/element~ViewElement view element}, {@link module:engine/view/text~ViewText text node} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment} so they can be consumed once again.\n\t * Method does not revert items that were never previously added for consumption, even if they are included in\n\t * method's call.\n\t *\n\t * ```ts\n\t * viewConsumable.revert( p, { name: true } ); // Reverts element's name.\n\t * viewConsumable.revert( p, { attributes: 'name' } ); // Reverts element's attribute.\n\t * viewConsumable.revert( p, { classes: 'foobar' } ); // Reverts element's class.\n\t * viewConsumable.revert( p, { styles: 'color' } ); // Reverts element's style.\n\t * viewConsumable.revert( p, { attributes: 'name', styles: 'color' } ); // Reverts attribute and style.\n\t * viewConsumable.revert( p, { classes: [ 'baz', 'bar' ] } ); // Multiple names can be reverted.\n\t * viewConsumable.revert( textNode ); // Reverts text node.\n\t * viewConsumable.revert( docFragment ); // Reverts document fragment.\n\t * ```\n\t *\n\t * Reverting classes and styles as attribute will revert all classes/styles that were previously added for\n\t * consumption.\n\t *\n\t * ```ts\n\t * viewConsumable.revert( p, { attributes: 'class' } ); // Reverts all classes added for consumption.\n\t * viewConsumable.revert( p, { attributes: 'style' } ); // Reverts all styles added for consumption.\n\t * ```\n\t *\n\t * @param consumables Used only if first parameter is {@link module:engine/view/element~ViewElement view element} instance.\n\t * @param consumables.name If set to true element's name will be included.\n\t * @param consumables.attributes Attribute name or array of attribute names.\n\t * @param consumables.classes Class name or array of class names.\n\t * @param consumables.styles Style name or array of style names.\n\t */ revert(element, consumables) {\n        const elementConsumables = this._consumables.get(element);\n        if (elementConsumables !== undefined) {\n            if (element.is('$text') || element.is('documentFragment')) {\n                // For text nodes and document fragments - set consumable to true.\n                this._consumables.set(element, true);\n            } else {\n                // For elements - revert items from consumables object.\n                elementConsumables.revert(normalizeConsumables(consumables));\n            }\n        }\n    }\n    /**\n\t * Creates {@link module:engine/conversion/viewconsumable~ViewConsumable ViewConsumable} instance from\n\t * {@link module:engine/view/node~ViewNode node} or {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}.\n\t * Instance will contain all elements, child nodes, attributes, styles and classes added for consumption.\n\t *\n\t * @param from View node or document fragment from which `ViewConsumable` will be created.\n\t * @param instance If provided, given `ViewConsumable` instance will be used\n\t * to add all consumables. It will be returned instead of a new instance.\n\t */ static createFrom(from, instance) {\n        if (!instance) {\n            instance = new ViewConsumable();\n        }\n        if (from.is('$text')) {\n            instance.add(from);\n        } else if (from.is('element') || from.is('documentFragment')) {\n            instance.add(from);\n            for (const child of from.getChildren()){\n                ViewConsumable.createFrom(child, instance);\n            }\n        }\n        return instance;\n    }\n}\n/**\n * This is a private helper-class for {@link module:engine/conversion/viewconsumable~ViewConsumable}.\n * It represents and manipulates consumable parts of a single {@link module:engine/view/element~ViewElement}.\n *\n * @internal\n */ class ViewElementConsumables {\n    element;\n    /**\n\t * Flag indicating if name of the element can be consumed.\n\t */ _canConsumeName = null;\n    /**\n\t * A map of element's consumables.\n\t * * For plain attributes the value is a boolean indicating whether the attribute is available to consume.\n\t * * For token based attributes (like class list and style) the value is a map of tokens to booleans\n\t * indicating whether the token is available to consume on the given attribute.\n\t */ _attributes = new Map();\n    /**\n\t * Creates ViewElementConsumables instance.\n\t *\n\t * @param from View element from which `ViewElementConsumables` is being created.\n\t */ constructor(from){\n        this.element = from;\n    }\n    /**\n\t * Adds consumable parts of the {@link module:engine/view/element~ViewElement view element}.\n\t * Element's name itself can be marked to be consumed (when element's name is consumed its attributes, classes and\n\t * styles still could be consumed):\n\t *\n\t * ```ts\n\t * consumables.add( { name: true } );\n\t * ```\n\t *\n\t * Attributes classes and styles:\n\t *\n\t * ```ts\n\t * consumables.add( { attributes: [ [ 'title' ], [ 'class', 'foo' ], [ 'style', 'color'] ] } );\n\t * consumables.add( { attributes: [ [ 'title' ], [ 'name' ], [ 'class', 'foo' ], [ 'class', 'bar' ] ] } );\n\t * ```\n\t *\n\t * Note: This method accepts only {@link module:engine/view/element~ViewNormalizedConsumables}.\n\t * You can use {@link module:engine/conversion/viewconsumable~normalizeConsumables} helper to convert from\n\t * {@link module:engine/conversion/viewconsumable~Consumables} to `ViewNormalizedConsumables`.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `viewconsumable-invalid-attribute` when `class` or `style`\n\t * attribute is provided - it should be handled separately by providing `style` and `class` in consumables object.\n\t *\n\t * @param consumables Object describing which parts of the element can be consumed.\n\t */ add(consumables) {\n        if (consumables.name) {\n            this._canConsumeName = true;\n        }\n        for (const [name, token] of consumables.attributes){\n            if (token) {\n                let attributeTokens = this._attributes.get(name);\n                if (!attributeTokens || typeof attributeTokens == 'boolean') {\n                    attributeTokens = new Map();\n                    this._attributes.set(name, attributeTokens);\n                }\n                attributeTokens.set(token, true);\n            } else if (name == 'style' || name == 'class') {\n                /**\n\t\t\t\t * Class and style attributes should be handled separately in\n\t\t\t\t * {@link module:engine/conversion/viewconsumable~ViewConsumable#add `ViewConsumable#add()`}.\n\t\t\t\t *\n\t\t\t\t * What you have done is trying to use:\n\t\t\t\t *\n\t\t\t\t * ```ts\n\t\t\t\t * consumables.add( { attributes: [ 'class', 'style' ] } );\n\t\t\t\t * ```\n\t\t\t\t *\n\t\t\t\t * While each class and style should be registered separately:\n\t\t\t\t *\n\t\t\t\t * ```ts\n\t\t\t\t * consumables.add( { classes: 'some-class', styles: 'font-weight' } );\n\t\t\t\t * ```\n\t\t\t\t *\n\t\t\t\t * @error viewconsumable-invalid-attribute\n\t\t\t\t */ throw new CKEditorError('viewconsumable-invalid-attribute', this);\n            } else {\n                this._attributes.set(name, true);\n            }\n        }\n    }\n    /**\n\t * Tests if parts of the {@link module:engine/view/element~ViewElement view element} can be consumed.\n\t *\n\t * Element's name can be tested:\n\t *\n\t * ```ts\n\t * consumables.test( { name: true } );\n\t * ```\n\t *\n\t * Attributes classes and styles:\n\t *\n\t * ```ts\n\t * consumables.test( { attributes: [ [ 'title' ], [ 'class', 'foo' ], [ 'style', 'color' ] ] } );\n\t * consumables.test( { attributes: [ [ 'title' ], [ 'name' ], [ 'class', 'foo' ], [ 'class', 'bar' ] ] } );\n\t * ```\n\t *\n\t * @param consumables Object describing which parts of the element should be tested.\n\t * @returns `true` when all tested items can be consumed, `null` when even one of the items\n\t * was never marked for consumption and `false` when even one of the items was already consumed.\n\t */ test(consumables) {\n        // Check if name can be consumed.\n        if (consumables.name && !this._canConsumeName) {\n            return this._canConsumeName;\n        }\n        for (const [name, token] of consumables.attributes){\n            const value = this._attributes.get(name);\n            // Return null if attribute is not found.\n            if (value === undefined) {\n                return null;\n            }\n            // Already consumed.\n            if (value === false) {\n                return false;\n            }\n            // Simple attribute is not consumed so continue to next attribute.\n            if (value === true) {\n                continue;\n            }\n            if (!token) {\n                // Tokenized attribute but token is not specified so check if all tokens are not consumed.\n                for (const tokenValue of value.values()){\n                    // Already consumed token.\n                    if (!tokenValue) {\n                        return false;\n                    }\n                }\n            } else {\n                const tokenValue = value.get(token);\n                // Return null if token is not found.\n                if (tokenValue === undefined) {\n                    return null;\n                }\n                // Already consumed.\n                if (!tokenValue) {\n                    return false;\n                }\n            }\n        }\n        // Return true only if all can be consumed.\n        return true;\n    }\n    /**\n\t * Tests if parts of the {@link module:engine/view/element~ViewElement view element} can be consumed and consumes them if available.\n\t * It returns `true` when all items included in method's call can be consumed, otherwise returns `false`.\n\t *\n\t * Element's name can be consumed:\n\t *\n\t * ```ts\n\t * consumables.consume( { name: true } );\n\t * ```\n\t *\n\t * Attributes classes and styles:\n\t *\n\t * ```ts\n\t * consumables.consume( { attributes: [ [ 'title' ], [ 'class', 'foo' ], [ 'style', 'color' ] ] } );\n\t * consumables.consume( { attributes: [ [ 'title' ], [ 'name' ], [ 'class', 'foo' ], [ 'class', 'bar' ] ] } );\n\t * ```\n\t *\n\t * @param consumables Object describing which parts of the element should be consumed.\n\t * @returns `true` when all tested items can be consumed and `false` when even one of the items could not be consumed.\n\t */ consume(consumables) {\n        if (!this.test(consumables)) {\n            return false;\n        }\n        if (consumables.name) {\n            this._canConsumeName = false;\n        }\n        for (const [name, token] of consumables.attributes){\n            // `value` must be set, because `this.test()` returned `true`.\n            const value = this._attributes.get(name);\n            // Plain (not tokenized) not-consumed attribute.\n            if (typeof value == 'boolean') {\n                // Use Element API to collect related attributes.\n                for (const [toConsume] of this.element._getConsumables(name, token).attributes){\n                    this._attributes.set(toConsume, false);\n                }\n            } else if (!token) {\n                // Tokenized attribute but token is not specified so consume all tokens.\n                for (const token of value.keys()){\n                    value.set(token, false);\n                }\n            } else {\n                // Use Element API to collect related attribute tokens.\n                for (const [, toConsume] of this.element._getConsumables(name, token).attributes){\n                    value.set(toConsume, false);\n                }\n            }\n        }\n        return true;\n    }\n    /**\n\t * Revert already consumed parts of {@link module:engine/view/element~ViewElement view Element}, so they can be consumed once again.\n\t * Element's name can be reverted:\n\t *\n\t * ```ts\n\t * consumables.revert( { name: true } );\n\t * ```\n\t *\n\t * Attributes classes and styles:\n\t *\n\t * ```ts\n\t * consumables.revert( { attributes: [ [ 'title' ], [ 'class', 'foo' ], [ 'style', 'color' ] ] } );\n\t * consumables.revert( { attributes: [ [ 'title' ], [ 'name' ], [ 'class', 'foo' ], [ 'class', 'bar' ] ] } );\n\t * ```\n\t *\n\t * @param consumables Object describing which parts of the element should be reverted.\n\t */ revert(consumables) {\n        if (consumables.name) {\n            this._canConsumeName = true;\n        }\n        for (const [name, token] of consumables.attributes){\n            const value = this._attributes.get(name);\n            // Plain consumed attribute.\n            if (value === false) {\n                this._attributes.set(name, true);\n                continue;\n            }\n            // Unknown attribute or not consumed.\n            if (value === undefined || value === true) {\n                continue;\n            }\n            if (!token) {\n                // Tokenized attribute but token is not specified so revert all tokens.\n                for (const token of value.keys()){\n                    value.set(token, true);\n                }\n            } else {\n                const tokenValue = value.get(token);\n                if (tokenValue === false) {\n                    value.set(token, true);\n                }\n            // Note that revert of consumed related styles is not handled.\n            }\n        }\n    }\n}\n/**\n * Normalizes a {@link module:engine/conversion/viewconsumable~Consumables} or {@link module:engine/view/matcher~Match}\n * to a {@link module:engine/view/element~ViewNormalizedConsumables}.\n *\n * @internal\n */ function normalizeConsumables(consumables) {\n    const attributes = [];\n    if ('attributes' in consumables && consumables.attributes) {\n        normalizeConsumablePart(attributes, consumables.attributes);\n    }\n    if ('classes' in consumables && consumables.classes) {\n        normalizeConsumablePart(attributes, consumables.classes, 'class');\n    }\n    if ('styles' in consumables && consumables.styles) {\n        normalizeConsumablePart(attributes, consumables.styles, 'style');\n    }\n    return {\n        name: consumables.name || false,\n        attributes\n    };\n}\n/**\n * Normalizes a list of consumable attributes to a common tuple format.\n */ function normalizeConsumablePart(attributes, items, prefix) {\n    if (typeof items == 'string') {\n        attributes.push(prefix ? [\n            prefix,\n            items\n        ] : [\n            items\n        ]);\n        return;\n    }\n    for (const item of items){\n        if (Array.isArray(item)) {\n            attributes.push(item);\n        } else {\n            attributes.push(prefix ? [\n                prefix,\n                item\n            ] : [\n                item\n            ]);\n        }\n    }\n}\n\n/**\n * View matcher class.\n * Instance of this class can be used to find {@link module:engine/view/element~ViewElement elements} that match given pattern.\n */ class Matcher {\n    _patterns = [];\n    /**\n\t * Creates new instance of Matcher.\n\t *\n\t * @param pattern Match patterns. See {@link module:engine/view/matcher~Matcher#add add method} for more information.\n\t */ constructor(...pattern){\n        this.add(...pattern);\n    }\n    /**\n\t * Adds pattern or patterns to matcher instance.\n\t *\n\t * ```ts\n\t * // String.\n\t * matcher.add( 'div' );\n\t *\n\t * // Regular expression.\n\t * matcher.add( /^\\w/ );\n\t *\n\t * // Single class.\n\t * matcher.add( {\n\t * \tclasses: 'foobar'\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/view/matcher~MatcherPattern} for more examples.\n\t *\n\t * Multiple patterns can be added in one call:\n\t *\n\t * ```ts\n\t * matcher.add( 'div', { classes: 'foobar' } );\n\t * ```\n\t *\n\t * @param pattern Object describing pattern details. If string or regular expression\n\t * is provided it will be used to match element's name. Pattern can be also provided in a form\n\t * of a function - then this function will be called with each {@link module:engine/view/element~ViewElement element} as a parameter.\n\t * Function's return value will be stored under `match` key of the object returned from\n\t * {@link module:engine/view/matcher~Matcher#match match} or {@link module:engine/view/matcher~Matcher#matchAll matchAll} methods.\n\t */ add(...pattern) {\n        for (let item of pattern){\n            // String or RegExp pattern is used as element's name.\n            if (typeof item == 'string' || item instanceof RegExp) {\n                item = {\n                    name: item\n                };\n            }\n            this._patterns.push(item);\n        }\n    }\n    /**\n\t * Matches elements for currently stored patterns. Returns match information about first found\n\t * {@link module:engine/view/element~ViewElement element}, otherwise returns `null`.\n\t *\n\t * Example of returned object:\n\t *\n\t * ```ts\n\t * {\n\t * \telement: <instance of found element>,\n\t * \tpattern: <pattern used to match found element>,\n\t * \tmatch: {\n\t * \t\tname: true,\n\t * \t\tattributes: [\n\t * \t\t\t[ 'title' ],\n\t * \t\t\t[ 'href' ],\n\t * \t\t\t[ 'class', 'foo' ],\n\t * \t\t\t[ 'style', 'color' ],\n\t * \t\t\t[ 'style', 'position' ]\n\t * \t\t]\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * You could use the `match` field from the above returned object as an input for the\n\t * {@link module:engine/conversion/viewconsumable~ViewConsumable#test `ViewConsumable#test()`} and\n\t * {@link module:engine/conversion/viewconsumable~ViewConsumable#consume `ViewConsumable#consume()`} methods.\n\t *\n\t * @see module:engine/view/matcher~Matcher#add\n\t * @see module:engine/view/matcher~Matcher#matchAll\n\t * @param element View element to match against stored patterns.\n\t * @returns The match information about found element or `null`.\n\t */ match(...element) {\n        for (const singleElement of element){\n            for (const pattern of this._patterns){\n                const match = this._isElementMatching(singleElement, pattern);\n                if (match) {\n                    return {\n                        element: singleElement,\n                        pattern,\n                        match\n                    };\n                }\n            }\n        }\n        return null;\n    }\n    /**\n\t * Matches elements for currently stored patterns. Returns array of match information with all found\n\t * {@link module:engine/view/element~ViewElement elements}. If no element is found - returns `null`.\n\t *\n\t * @see module:engine/view/matcher~Matcher#add\n\t * @see module:engine/view/matcher~Matcher#match\n\t * @param element View element to match against stored patterns.\n\t * @returns Array with match information about found elements or `null`. For more information\n\t * see {@link module:engine/view/matcher~Matcher#match match method} description.\n\t */ matchAll(...element) {\n        const results = [];\n        for (const singleElement of element){\n            for (const pattern of this._patterns){\n                const match = this._isElementMatching(singleElement, pattern);\n                if (match) {\n                    results.push({\n                        element: singleElement,\n                        pattern,\n                        match\n                    });\n                }\n            }\n        }\n        return results.length > 0 ? results : null;\n    }\n    /**\n\t * Returns the name of the element to match if there is exactly one pattern added to the matcher instance\n\t * and it matches element name defined by `string` (not `RegExp`). Otherwise, returns `null`.\n\t *\n\t * @returns Element name trying to match.\n\t */ getElementName() {\n        if (this._patterns.length !== 1) {\n            return null;\n        }\n        const pattern = this._patterns[0];\n        const name = pattern.name;\n        return typeof pattern != 'function' && name && !(name instanceof RegExp) ? name : null;\n    }\n    /**\n\t * Returns match information if {@link module:engine/view/element~ViewElement element} is matching provided pattern.\n\t * If element cannot be matched to provided pattern - returns `null`.\n\t *\n\t * @returns Returns object with match information or null if element is not matching.\n\t */ _isElementMatching(element, pattern) {\n        // If pattern is provided as function - return result of that function;\n        if (typeof pattern == 'function') {\n            const match = pattern(element);\n            // In some places we use Matcher with callback pattern that returns boolean.\n            if (!match || typeof match != 'object') {\n                return match;\n            }\n            return normalizeConsumables(match);\n        }\n        const match = {};\n        // Check element's name.\n        if (pattern.name) {\n            match.name = matchName(pattern.name, element.name);\n            if (!match.name) {\n                return null;\n            }\n        }\n        const attributesMatch = [];\n        // Check element's attributes.\n        if (pattern.attributes && !matchAttributes(pattern.attributes, element, attributesMatch)) {\n            return null;\n        }\n        // Check element's classes.\n        if (pattern.classes && !matchClasses(pattern.classes, element, attributesMatch)) {\n            return null;\n        }\n        // Check element's styles.\n        if (pattern.styles && !matchStyles(pattern.styles, element, attributesMatch)) {\n            return null;\n        }\n        // Note the `attributesMatch` array is populated by the above calls.\n        if (attributesMatch.length) {\n            match.attributes = attributesMatch;\n        }\n        return match;\n    }\n}\n/**\n * Returns true if the given `item` matches the pattern.\n *\n * @internal\n * @param pattern A pattern representing a key/value we want to match.\n * @param item An actual item key/value (e.g. `'src'`, `'background-color'`, `'ck-widget'`) we're testing against pattern.\n */ function isPatternMatched(pattern, item) {\n    return pattern === true || pattern === item || pattern instanceof RegExp && !!String(item).match(pattern);\n}\n/**\n * Checks if name can be matched by provided pattern.\n *\n * @returns Returns `true` if name can be matched, `false` otherwise.\n */ function matchName(pattern, name) {\n    // If pattern is provided as RegExp - test against this regexp.\n    if (pattern instanceof RegExp) {\n        return !!name.match(pattern);\n    }\n    return pattern === name;\n}\n/**\n * Bring all the possible pattern forms to an array of tuples where first item is a key, second is a value,\n * and third optional is a token value.\n *\n * Examples:\n *\n * Boolean pattern value:\n *\n * ```ts\n * true\n * ```\n *\n * to\n *\n * ```ts\n * [ [ true, true ] ]\n * ```\n *\n * Textual pattern value:\n *\n * ```ts\n * 'attribute-name-or-class-or-style'\n * ```\n *\n * to\n *\n * ```ts\n * [ [ 'attribute-name-or-class-or-style', true ] ]\n * ```\n *\n * Regular expression:\n *\n * ```ts\n * /^data-.*$/\n * ```\n *\n * to\n *\n * ```ts\n * [ [ /^data-.*$/, true ] ]\n * ```\n *\n * Objects (plain or with `key` and `value` specified explicitly):\n *\n * ```ts\n * {\n * \tsrc: /^https:.*$/\n * }\n * ```\n *\n * or\n *\n * ```ts\n * [ {\n * \tkey: 'src',\n * \tvalue: /^https:.*$/\n * } ]\n * ```\n *\n * to:\n *\n * ```ts\n * [ [ 'src', /^https:.*$/ ] ]\n * ```\n *\n * @returns Returns an array of objects or null if provided patterns were not in an expected form.\n */ function normalizePatterns(patterns, prefix) {\n    if (Array.isArray(patterns)) {\n        return patterns.map((pattern)=>{\n            if (typeof pattern !== 'object' || pattern instanceof RegExp) {\n                return prefix ? [\n                    prefix,\n                    pattern,\n                    true\n                ] : [\n                    pattern,\n                    true\n                ];\n            }\n            if (pattern.key === undefined || pattern.value === undefined) {\n                // Documented at the end of matcher.js.\n                logWarning('matcher-pattern-missing-key-or-value', pattern);\n            }\n            return prefix ? [\n                prefix,\n                pattern.key,\n                pattern.value\n            ] : [\n                pattern.key,\n                pattern.value\n            ];\n        });\n    }\n    if (typeof patterns !== 'object' || patterns instanceof RegExp) {\n        return [\n            prefix ? [\n                prefix,\n                patterns,\n                true\n            ] : [\n                patterns,\n                true\n            ]\n        ];\n    }\n    // Below we do what Object.entries() does, but faster\n    const normalizedPatterns = [];\n    for(const key in patterns){\n        // Replace with Object.hasOwn() when we upgrade to es2022.\n        if (Object.prototype.hasOwnProperty.call(patterns, key)) {\n            normalizedPatterns.push(prefix ? [\n                prefix,\n                key,\n                patterns[key]\n            ] : [\n                key,\n                patterns[key]\n            ]);\n        }\n    }\n    return normalizedPatterns;\n}\n/**\n * Checks if attributes of provided element can be matched against provided patterns.\n *\n * @param patterns Object with information about attributes to match. Each key of the object will be\n * used as attribute name. Value of each key can be a string or regular expression to match against attribute value.\n * @param  element Element which attributes will be tested.\n * @param match An array to populate with matching tuples.\n * @returns Returns array with matched attribute names or `null` if no attributes were matched.\n */ function matchAttributes(patterns, element, match) {\n    let excludeAttributes;\n    // `style` and `class` attribute keys are deprecated. Only allow them in object pattern\n    // for backward compatibility.\n    if (typeof patterns === 'object' && !(patterns instanceof RegExp) && !Array.isArray(patterns)) {\n        if (patterns.style !== undefined) {\n            // Documented at the end of matcher.js.\n            logWarning('matcher-pattern-deprecated-attributes-style-key', patterns);\n        }\n        if (patterns.class !== undefined) {\n            // Documented at the end of matcher.js.\n            logWarning('matcher-pattern-deprecated-attributes-class-key', patterns);\n        }\n    } else {\n        excludeAttributes = [\n            'class',\n            'style'\n        ];\n    }\n    return element._collectAttributesMatch(normalizePatterns(patterns), match, excludeAttributes);\n}\n/**\n * Checks if classes of provided element can be matched against provided patterns.\n *\n * @param patterns Array of strings or regular expressions to match against element's classes.\n * @param element Element which classes will be tested.\n * @param match An array to populate with matching tuples.\n * @returns Returns array with matched class names or `null` if no classes were matched.\n */ function matchClasses(patterns, element, match) {\n    return element._collectAttributesMatch(normalizePatterns(patterns, 'class'), match);\n}\n/**\n * Checks if styles of provided element can be matched against provided patterns.\n *\n * @param patterns Object with information about styles to match. Each key of the object will be\n * used as style name. Value of each key can be a string or regular expression to match against style value.\n * @param element Element which styles will be tested.\n * @param match An array to populate with matching tuples.\n * @returns Returns array with matched style names or `null` if no styles were matched.\n */ function matchStyles(patterns, element, match) {\n    return element._collectAttributesMatch(normalizePatterns(patterns, 'style'), match);\n}\n /**\n * The key-value matcher pattern is missing key or value. Both must be present.\n * Refer the documentation: {@link module:engine/view/matcher~MatcherPattern}.\n *\n * @param pattern Pattern with missing properties.\n * @error matcher-pattern-missing-key-or-value\n */  /**\n * The key-value matcher pattern for `attributes` option is using deprecated `style` key.\n *\n * Use `styles` matcher pattern option instead:\n *\n * ```ts\n * // Instead of:\n * const pattern = {\n * \tattributes: {\n * \t\tkey1: 'value1',\n * \t\tkey2: 'value2',\n * \t\tstyle: /^border.*$/\n * \t}\n * }\n *\n * // Use:\n * const pattern = {\n * \tattributes: {\n * \t\tkey1: 'value1',\n * \t\tkey2: 'value2'\n * \t},\n * \tstyles: /^border.*$/\n * }\n * ```\n *\n * Refer to the {@glink updating/guides/update-to-29##update-to-ckeditor-5-v2910 Migration to v29.1.0} guide\n * and {@link module:engine/view/matcher~MatcherPattern} documentation.\n *\n * @param pattern Pattern with missing properties.\n * @error matcher-pattern-deprecated-attributes-style-key\n */  /**\n * The key-value matcher pattern for `attributes` option is using deprecated `class` key.\n *\n * Use `classes` matcher pattern option instead:\n *\n * ```ts\n * // Instead of:\n * const pattern = {\n * \tattributes: {\n * \t\tkey1: 'value1',\n * \t\tkey2: 'value2',\n * \t\tclass: 'foobar'\n * \t}\n * }\n *\n * // Use:\n * const pattern = {\n * \tattributes: {\n * \t\tkey1: 'value1',\n * \t\tkey2: 'value2'\n * \t},\n * \tclasses: 'foobar'\n * }\n * ```\n *\n * Refer to the {@glink updating/guides/update-to-29##update-to-ckeditor-5-v2910 Migration to v29.1.0} guide\n * and the {@link module:engine/view/matcher~MatcherPattern} documentation.\n *\n * @param pattern Pattern with missing properties.\n * @error matcher-pattern-deprecated-attributes-class-key\n */\n\n/**\n * Styles map. Allows handling (adding, removing, retrieving) a set of style rules (usually, of an element).\n */ class StylesMap {\n    /**\n\t * Keeps an internal representation of styles map. Normalized styles are kept as object tree to allow unified modification and\n\t * value access model using lodash's get, set, unset, etc methods.\n\t *\n\t * When no style processor rules are defined it acts as simple key-value storage.\n\t */ _styles;\n    /**\n\t * Cached list of style names for faster access.\n\t */ _cachedStyleNames = null;\n    /**\n\t * Cached list of expanded style names for faster access.\n\t */ _cachedExpandedStyleNames = null;\n    /**\n\t * An instance of the {@link module:engine/view/stylesmap~StylesProcessor}.\n\t */ _styleProcessor;\n    /**\n\t * Creates Styles instance.\n\t */ constructor(styleProcessor){\n        this._styles = {};\n        this._styleProcessor = styleProcessor;\n    }\n    /**\n\t * Returns true if style map has no styles set.\n\t */ get isEmpty() {\n        const entries = Object.entries(this._styles);\n        return !entries.length;\n    }\n    /**\n\t * Number of styles defined.\n\t */ get size() {\n        if (this.isEmpty) {\n            return 0;\n        }\n        return this.getStyleNames().length;\n    }\n    /**\n\t * Set styles map to a new value.\n\t *\n\t * ```ts\n\t * styles.setTo( 'border:1px solid blue;margin-top:1px;' );\n\t * ```\n\t */ setTo(inlineStyle) {\n        this.clear();\n        const parsedStyles = parseInlineStyles(inlineStyle);\n        for (const [key, value] of parsedStyles){\n            this._styleProcessor.toNormalizedForm(key, value, this._styles);\n        }\n        return this;\n    }\n    /**\n\t * Checks if a given style is set.\n\t *\n\t * ```ts\n\t * styles.setTo( 'margin-left:1px;' );\n\t *\n\t * styles.has( 'margin-left' );    // -> true\n\t * styles.has( 'padding' );        // -> false\n\t * ```\n\t *\n\t * **Note**: This check supports normalized style names.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * styles.setTo( 'margin:2px;' );\n\t *\n\t * styles.has( 'margin' );         // -> true\n\t * styles.has( 'margin-top' );     // -> true\n\t * styles.has( 'margin-left' );    // -> true\n\t *\n\t * styles.remove( 'margin-top' );\n\t *\n\t * styles.has( 'margin' );         // -> false\n\t * styles.has( 'margin-top' );     // -> false\n\t * styles.has( 'margin-left' );    // -> true\n\t * ```\n\t *\n\t * @param name Style name.\n\t */ has(name) {\n        if (this.isEmpty) {\n            return false;\n        }\n        const styles = this._styleProcessor.getReducedForm(name, this._styles);\n        const propertyDescriptor = styles.find(([property])=>property === name);\n        // Only return a value if it is set;\n        return Array.isArray(propertyDescriptor);\n    }\n    set(nameOrObject, valueOrObject) {\n        this._cachedStyleNames = null;\n        this._cachedExpandedStyleNames = null;\n        if (isObject(nameOrObject)) {\n            for (const [key, value] of Object.entries(nameOrObject)){\n                this._styleProcessor.toNormalizedForm(key, value, this._styles);\n            }\n        } else {\n            this._styleProcessor.toNormalizedForm(nameOrObject, valueOrObject, this._styles);\n        }\n    }\n    /**\n\t * Removes given style.\n\t *\n\t * ```ts\n\t * styles.setTo( 'background:#f00;margin-right:2px;' );\n\t *\n\t * styles.remove( 'background' );\n\t *\n\t * styles.toString();   // -> 'margin-right:2px;'\n\t * ```\n\t *\n\t * ***Note**:* This method uses {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules\n\t * enabled style processor rules} to normalize passed values.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * styles.setTo( 'margin:1px' );\n\t *\n\t * styles.remove( 'margin-top' );\n\t * styles.remove( 'margin-right' );\n\t *\n\t * styles.toString(); // -> 'margin-bottom:1px;margin-left:1px;'\n\t * ```\n\t *\n\t * @param names Style name or an array of names.\n\t */ remove(names) {\n        const normalizedStylesToRemove = {};\n        for (const name of toArray(names)){\n            // First, try the easy path, when the path reflects normalized styles structure.\n            const path = toPath(name);\n            const pathValue = get(this._styles, path);\n            if (pathValue) {\n                appendStyleValue(normalizedStylesToRemove, path, pathValue);\n            } else {\n                // Easy path did not work, so try to get the value from the styles map.\n                const value = this.getAsString(name);\n                if (value !== undefined) {\n                    this._styleProcessor.toNormalizedForm(name, value, normalizedStylesToRemove);\n                }\n            }\n        }\n        if (Object.keys(normalizedStylesToRemove).length) {\n            removeStyles(this._styles, normalizedStylesToRemove);\n            this._cachedStyleNames = null;\n            this._cachedExpandedStyleNames = null;\n        }\n    }\n    /**\n\t * Returns a normalized style object or a single value.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px 2px 3em;' );\n\t *\n\t * styles.getNormalized( 'margin' );\n\t * // will log:\n\t * // {\n\t * //     top: '1px',\n\t * //     right: '2px',\n\t * //     bottom: '3em',\n\t * //     left: '2px'     // normalized value from margin shorthand\n\t * // }\n\t *\n\t * styles.getNormalized( 'margin-left' ); // -> '2px'\n\t * ```\n\t *\n\t * **Note**: This method will only return normalized styles if a style processor was defined.\n\t *\n\t * @param name Style name.\n\t */ getNormalized(name) {\n        return this._styleProcessor.getNormalized(name, this._styles);\n    }\n    /**\n\t * Returns a normalized style string. Styles are sorted by name.\n\t *\n\t * ```ts\n\t * styles.set( 'margin' , '1px' );\n\t * styles.set( 'background', '#f00' );\n\t *\n\t * styles.toString(); // -> 'background:#f00;margin:1px;'\n\t * ```\n\t *\n\t * **Note**: This method supports normalized styles if defined.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * styles.set( 'margin' , '1px' );\n\t * styles.set( 'background', '#f00' );\n\t * styles.remove( 'margin-top' );\n\t * styles.remove( 'margin-right' );\n\t *\n\t * styles.toString(); // -> 'background:#f00;margin-bottom:1px;margin-left:1px;'\n\t * ```\n\t */ toString() {\n        if (this.isEmpty) {\n            return '';\n        }\n        return this.getStylesEntries().map((arr)=>arr.join(':')).sort().join(';') + ';';\n    }\n    /**\n\t * Returns property as a value string or undefined if property is not set.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px;' );\n\t * styles.set( 'margin-bottom', '3em' );\n\t *\n\t * styles.getAsString( 'margin' ); // -> 'margin: 1px 1px 3em;'\n\t * ```\n\t *\n\t * Note, however, that all sub-values must be set for the longhand property name to return a value:\n\t *\n\t * ```ts\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px;' );\n\t * styles.remove( 'margin-bottom' );\n\t *\n\t * styles.getAsString( 'margin' ); // -> undefined\n\t * ```\n\t *\n\t * In the above scenario, it is not possible to return a `margin` value, so `undefined` is returned.\n\t * Instead, you should use:\n\t *\n\t * ```ts\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px;' );\n\t * styles.remove( 'margin-bottom' );\n\t *\n\t * for ( const styleName of styles.getStyleNames() ) {\n\t * \tconsole.log( styleName, styles.getAsString( styleName ) );\n\t * }\n\t * // 'margin-top', '1px'\n\t * // 'margin-right', '1px'\n\t * // 'margin-left', '1px'\n\t * ```\n\t *\n\t * In general, it is recommend to iterate over style names like in the example above. This way, you will always get all\n\t * the currently set style values. So, if all the 4 margin values would be set\n\t * the for-of loop above would yield only `'margin'`, `'1px'`:\n\t *\n\t * ```ts\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px;' );\n\t *\n\t * for ( const styleName of styles.getStyleNames() ) {\n\t * \tconsole.log( styleName, styles.getAsString( styleName ) );\n\t * }\n\t * // 'margin', '1px'\n\t * ```\n\t *\n\t * **Note**: To get a normalized version of a longhand property use the {@link #getNormalized `#getNormalized()`} method.\n\t */ getAsString(propertyName) {\n        if (this.isEmpty) {\n            return;\n        }\n        if (this._styles[propertyName] && !isObject(this._styles[propertyName])) {\n            // Try return styles set directly - values that are not parsed.\n            return this._styles[propertyName];\n        }\n        const styles = this._styleProcessor.getReducedForm(propertyName, this._styles);\n        const propertyDescriptor = styles.find(([property])=>property === propertyName);\n        // Only return a value if it is set;\n        if (Array.isArray(propertyDescriptor)) {\n            return propertyDescriptor[1];\n        }\n    }\n    /**\n\t * Returns all style properties names as they would appear when using {@link #toString `#toString()`}.\n\t *\n\t * When `expand` is set to true and there's a shorthand style property set, it will also return all equivalent styles:\n\t *\n\t * ```ts\n\t * stylesMap.setTo( 'margin: 1em' )\n\t * ```\n\t *\n\t * will be expanded to:\n\t *\n\t * ```ts\n\t * [ 'margin', 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' ]\n\t * ```\n\t *\n\t * @param expand Expand shorthand style properties and all return equivalent style representations.\n\t */ getStyleNames(expand = false) {\n        if (this.isEmpty) {\n            return [];\n        }\n        if (expand) {\n            this._cachedExpandedStyleNames ||= this._styleProcessor.getStyleNames(this._styles);\n            return this._cachedExpandedStyleNames;\n        }\n        this._cachedStyleNames ||= this.getStylesEntries().map(([key])=>key);\n        return this._cachedStyleNames;\n    }\n    /**\n\t * Alias for {@link #getStyleNames}.\n\t */ keys() {\n        return this.getStyleNames();\n    }\n    /**\n\t * Removes all styles.\n\t */ clear() {\n        this._styles = {};\n        this._cachedStyleNames = null;\n        this._cachedExpandedStyleNames = null;\n    }\n    /**\n\t * Returns `true` if both attributes have the same styles.\n\t */ isSimilar(other) {\n        if (this.size !== other.size) {\n            return false;\n        }\n        for (const property of this.getStyleNames()){\n            if (!other.has(property) || other.getAsString(property) !== this.getAsString(property)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Returns normalized styles entries for further processing.\n\t */ getStylesEntries() {\n        const parsed = [];\n        const keys = Object.keys(this._styles);\n        for (const key of keys){\n            parsed.push(...this._styleProcessor.getReducedForm(key, this._styles));\n        }\n        return parsed;\n    }\n    /**\n\t * Clones the attribute value.\n\t *\n\t * @internal\n\t */ _clone() {\n        const clone = new this.constructor(this._styleProcessor);\n        clone.set(this.getNormalized());\n        return clone;\n    }\n    /**\n\t * Used by the {@link module:engine/view/matcher~Matcher Matcher} to collect matching styles.\n\t *\n\t * @internal\n\t * @param tokenPattern The matched style name pattern.\n\t * @param valuePattern The matched style value pattern.\n\t * @returns An array of matching tokens (style names).\n\t */ _getTokensMatch(tokenPattern, valuePattern) {\n        const match = [];\n        for (const styleName of this.getStyleNames(true)){\n            if (isPatternMatched(tokenPattern, styleName)) {\n                if (valuePattern === true) {\n                    match.push(styleName);\n                    continue;\n                }\n                // For now, the reducers are not returning the full tree of properties.\n                // Casting to string preserves the old behavior until the root cause is fixed.\n                // More can be found in https://github.com/ckeditor/ckeditor5/issues/10399.\n                const value = this.getAsString(styleName);\n                if (isPatternMatched(valuePattern, value)) {\n                    match.push(styleName);\n                }\n            }\n        }\n        return match.length ? match : undefined;\n    }\n    /**\n\t * Returns a list of consumables for the attribute. This includes related styles.\n\t *\n\t * Could be filtered by the given style name.\n\t *\n\t * @internal\n\t */ _getConsumables(name) {\n        const result = [];\n        if (name) {\n            result.push(name);\n            for (const relatedName of this._styleProcessor.getRelatedStyles(name)){\n                result.push(relatedName);\n            }\n        } else {\n            for (const name of this.getStyleNames()){\n                for (const relatedName of this._styleProcessor.getRelatedStyles(name)){\n                    result.push(relatedName);\n                }\n                result.push(name);\n            }\n        }\n        return result;\n    }\n    /**\n\t * Used by {@link module:engine/view/element~ViewElement#_canMergeAttributesFrom} to verify if the given attribute can be merged without\n\t * conflicts into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t */ _canMergeFrom(other) {\n        for (const key of other.getStyleNames()){\n            if (this.has(key) && this.getAsString(key) !== other.getAsString(key)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Used by {@link module:engine/view/element~ViewElement#_mergeAttributesFrom} to merge a given attribute into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t */ _mergeFrom(other) {\n        for (const prop of other.getStyleNames()){\n            if (!this.has(prop)) {\n                this.set(prop, other.getAsString(prop));\n            }\n        }\n    }\n    /**\n\t * Used by {@link module:engine/view/element~ViewElement#_canSubtractAttributesOf} to verify if the given attribute can be fully\n\t * subtracted from the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to unwrap the ViewAttributeElement.\n\t *\n\t * @internal\n\t */ _isMatching(other) {\n        for (const key of other.getStyleNames()){\n            if (!this.has(key) || this.getAsString(key) !== other.getAsString(key)) {\n                return false;\n            }\n        }\n        return true;\n    }\n}\n/**\n * Style processor is responsible for writing and reading a normalized styles object.\n */ class StylesProcessor {\n    _normalizers;\n    _extractors;\n    _reducers;\n    _consumables;\n    /**\n\t * Creates StylesProcessor instance.\n\t *\n\t * @internal\n\t */ constructor(){\n        this._normalizers = new Map();\n        this._extractors = new Map();\n        this._reducers = new Map();\n        this._consumables = new Map();\n    }\n    /**\n\t * Parse style string value to a normalized object and appends it to styles object.\n\t *\n\t * ```ts\n\t * const styles = {};\n\t *\n\t * stylesProcessor.toNormalizedForm( 'margin', '1px', styles );\n\t *\n\t * // styles will consist: { margin: { top: '1px', right: '1px', bottom: '1px', left: '1px; } }\n\t * ```\n\t *\n\t * **Note**: To define normalizer callbacks use {@link #setNormalizer}.\n\t *\n\t * @param name Name of style property.\n\t * @param propertyValue Value of style property.\n\t * @param styles Object holding normalized styles.\n\t */ toNormalizedForm(name, propertyValue, styles) {\n        if (isObject(propertyValue)) {\n            appendStyleValue(styles, toPath(name), propertyValue);\n            return;\n        }\n        if (this._normalizers.has(name)) {\n            const normalizer = this._normalizers.get(name);\n            const { path, value } = normalizer(propertyValue);\n            appendStyleValue(styles, path, value);\n        } else {\n            appendStyleValue(styles, name, propertyValue);\n        }\n    }\n    /**\n\t * Returns a normalized version of a style property.\n\t *\n\t * ```ts\n\t * const styles = {\n\t * \tmargin: { top: '1px', right: '1px', bottom: '1px', left: '1px; },\n\t * \tbackground: { color: '#f00' }\n\t * };\n\t *\n\t * stylesProcessor.getNormalized( 'background' );\n\t * // will return: { color: '#f00' }\n\t *\n\t * stylesProcessor.getNormalized( 'margin-top' );\n\t * // will return: '1px'\n\t * ```\n\t *\n\t * **Note**: In some cases extracting single value requires defining an extractor callback {@link #setExtractor}.\n\t *\n\t * @param name Name of style property.\n\t * @param styles Object holding normalized styles.\n\t */ getNormalized(name, styles) {\n        if (!name) {\n            return merge({}, styles);\n        }\n        // Might be empty string.\n        if (styles[name] !== undefined) {\n            return styles[name];\n        }\n        if (this._extractors.has(name)) {\n            const extractor = this._extractors.get(name);\n            if (typeof extractor === 'string') {\n                return get(styles, extractor);\n            }\n            const value = extractor(name, styles);\n            if (value) {\n                return value;\n            }\n        }\n        return get(styles, toPath(name));\n    }\n    /**\n\t * Returns a reduced form of style property form normalized object.\n\t *\n\t * For default margin reducer, the below code:\n\t *\n\t * ```ts\n\t * stylesProcessor.getReducedForm( 'margin', {\n\t * \tmargin: { top: '1px', right: '1px', bottom: '2px', left: '1px; }\n\t * } );\n\t * ```\n\t *\n\t * will return:\n\t *\n\t * ```ts\n\t * [\n\t * \t[ 'margin', '1px 1px 2px' ]\n\t * ]\n\t * ```\n\t *\n\t * because it might be represented as a shorthand 'margin' value. However if one of margin long hand values is missing it should return:\n\t *\n\t * ```ts\n\t * [\n\t * \t[ 'margin-top', '1px' ],\n\t * \t[ 'margin-right', '1px' ],\n\t * \t[ 'margin-bottom', '2px' ]\n\t * \t// the 'left' value is missing - cannot use 'margin' shorthand.\n\t * ]\n\t * ```\n\t *\n\t * **Note**: To define reducer callbacks use {@link #setReducer}.\n\t *\n\t * @param name Name of style property.\n\t */ getReducedForm(name, styles) {\n        const normalizedValue = this.getNormalized(name, styles);\n        // Might be empty string.\n        if (normalizedValue === undefined) {\n            return [];\n        }\n        if (this._reducers.has(name)) {\n            const reducer = this._reducers.get(name);\n            return reducer(normalizedValue);\n        }\n        return [\n            [\n                name,\n                normalizedValue\n            ]\n        ];\n    }\n    /**\n\t * Return all style properties. Also expand shorthand properties (e.g. `margin`, `background`) if respective extractor is available.\n\t *\n\t * @param styles Object holding normalized styles.\n\t */ getStyleNames(styles) {\n        const styleNamesKeysSet = new Set();\n        // Find all extractable styles that have a value.\n        for (const name of this._consumables.keys()){\n            const style = this.getNormalized(name, styles);\n            if (style && (typeof style != 'object' || Object.keys(style).length)) {\n                styleNamesKeysSet.add(name);\n            }\n        }\n        // For simple styles (for example `color`) we don't have a map of those styles\n        // but they are 1 to 1 with normalized object keys.\n        for (const name of Object.keys(styles)){\n            styleNamesKeysSet.add(name);\n        }\n        return Array.from(styleNamesKeysSet);\n    }\n    /**\n\t * Returns related style names.\n\t *\n\t * ```ts\n\t * stylesProcessor.getRelatedStyles( 'margin' );\n\t * // will return: [ 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' ];\n\t *\n\t * stylesProcessor.getRelatedStyles( 'margin-top' );\n\t * // will return: [ 'margin' ];\n\t * ```\n\t *\n\t * **Note**: To define new style relations load an existing style processor or use\n\t * {@link module:engine/view/stylesmap~StylesProcessor#setStyleRelation `StylesProcessor.setStyleRelation()`}.\n\t */ getRelatedStyles(name) {\n        return this._consumables.get(name) || [];\n    }\n    /**\n\t * Adds a normalizer method for a style property.\n\t *\n\t * A normalizer returns describing how the value should be normalized.\n\t *\n\t * For instance 'margin' style is a shorthand for four margin values:\n\t *\n\t * - 'margin-top'\n\t * - 'margin-right'\n\t * - 'margin-bottom'\n\t * - 'margin-left'\n\t *\n\t * and can be written in various ways if some values are equal to others. For instance `'margin: 1px 2em;'` is a shorthand for\n\t * `'margin-top: 1px;margin-right: 2em;margin-bottom: 1px;margin-left: 2em'`.\n\t *\n\t * A normalizer should parse various margin notations as a single object:\n\t *\n\t * ```ts\n\t * const styles = {\n\t * \tmargin: {\n\t * \t\ttop: '1px',\n\t * \t\tright: '2em',\n\t * \t\tbottom: '1px',\n\t * \t\tleft: '2em'\n\t * \t}\n\t * };\n\t * ```\n\t *\n\t * Thus a normalizer for 'margin' style should return an object defining style path and value to store:\n\t *\n\t * ```ts\n\t * const returnValue = {\n\t * \tpath: 'margin',\n\t * \tvalue: {\n\t * \t\ttop: '1px',\n\t * \t\tright: '2em',\n\t * \t\tbottom: '1px',\n\t * \t\tleft: '2em'\n\t * \t}\n\t * };\n\t * ```\n\t *\n\t * Additionally to fully support all margin notations there should be also defined 4 normalizers for longhand margin notations. Below\n\t * is an example for 'margin-top' style property normalizer:\n\t *\n\t * ```ts\n\t * stylesProcessor.setNormalizer( 'margin-top', valueString => {\n\t * \treturn {\n\t * \t\tpath: 'margin.top',\n\t * \t\tvalue: valueString\n\t * \t}\n\t * } );\n\t * ```\n\t */ setNormalizer(name, callback) {\n        this._normalizers.set(name, callback);\n    }\n    /**\n\t * Adds a extractor callback for a style property.\n\t *\n\t * Most normalized style values are stored as one level objects. It is assumed that `'margin-top'` style will be stored as:\n\t *\n\t * ```ts\n\t * const styles = {\n\t * \tmargin: {\n\t * \t\ttop: 'value'\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * However, some styles can have conflicting notations and thus it might be harder to extract a style value from shorthand. For instance\n\t * the 'border-top-style' can be defined using `'border-top:solid'`, `'border-style:solid none none none'` or by `'border:solid'`\n\t * shorthands. The default border styles processors stores styles as:\n\t *\n\t * ```ts\n\t * const styles = {\n\t * \tborder: {\n\t * \t\tstyle: {\n\t * \t\t\ttop: 'solid'\n\t * \t\t}\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * as it is better to modify border style independently from other values. On the other part the output of the border might be\n\t * desired as `border-top`, `border-left`, etc notation.\n\t *\n\t * In the above example an extractor should return a side border value that combines style, color and width:\n\t *\n\t * ```ts\n\t * styleProcessor.setExtractor( 'border-top', styles => {\n\t * \treturn {\n\t * \t\tcolor: styles.border.color.top,\n\t * \t\tstyle: styles.border.style.top,\n\t * \t\twidth: styles.border.width.top\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * @param callbackOrPath Callback that return a requested value or path string for single values.\n\t */ setExtractor(name, callbackOrPath) {\n        this._extractors.set(name, callbackOrPath);\n    }\n    /**\n\t * Adds a reducer callback for a style property.\n\t *\n\t * Reducer returns a minimal notation for given style name. For longhand properties it is not required to write a reducer as\n\t * by default the direct value from style path is taken.\n\t *\n\t * For shorthand styles a reducer should return minimal style notation either by returning single name-value tuple or multiple tuples\n\t * if a shorthand cannot be used. For instance for a margin shorthand a reducer might return:\n\t *\n\t * ```ts\n\t * const marginShortHandTuple = [\n\t * \t[ 'margin', '1px 1px 2px' ]\n\t * ];\n\t * ```\n\t *\n\t * or a longhand tuples for defined values:\n\t *\n\t * ```ts\n\t * // Considering margin.bottom and margin.left are undefined.\n\t * const marginLonghandsTuples = [\n\t * \t[ 'margin-top', '1px' ],\n\t * \t[ 'margin-right', '1px' ]\n\t * ];\n\t * ```\n\t *\n\t * A reducer obtains a normalized style value:\n\t *\n\t * ```ts\n\t * // Simplified reducer that always outputs 4 values which are always present:\n\t * stylesProcessor.setReducer( 'margin', margin => {\n\t * \treturn [\n\t * \t\t[ 'margin', `${ margin.top } ${ margin.right } ${ margin.bottom } ${ margin.left }` ]\n\t * \t]\n\t * } );\n\t * ```\n\t */ setReducer(name, callback) {\n        this._reducers.set(name, callback);\n    }\n    /**\n\t * Defines a style shorthand relation to other style notations.\n\t *\n\t * ```ts\n\t * stylesProcessor.setStyleRelation( 'margin', [\n\t * \t'margin-top',\n\t * \t'margin-right',\n\t * \t'margin-bottom',\n\t * \t'margin-left'\n\t * ] );\n\t * ```\n\t *\n\t * This enables expanding of style names for shorthands. For instance, if defined,\n\t * {@link module:engine/conversion/viewconsumable~ViewConsumable view consumable} items are automatically created\n\t * for long-hand margin style notation alongside the `'margin'` item.\n\t *\n\t * This means that when an element being converted has a style `margin`, a converter for `margin-left` will work just\n\t * fine since the view consumable will contain a consumable `margin-left` item (thanks to the relation) and\n\t * `element.getStyle( 'margin-left' )` will work as well assuming that the style processor was correctly configured.\n\t * However, once `margin-left` is consumed, `margin` will not be consumable anymore.\n\t */ setStyleRelation(shorthandName, styleNames) {\n        this._mapStyleNames(shorthandName, styleNames);\n        for (const alsoName of styleNames){\n            this._mapStyleNames(alsoName, [\n                shorthandName\n            ]);\n        }\n    }\n    /**\n\t * Set two-way binding of style names.\n\t */ _mapStyleNames(name, styleNames) {\n        if (!this._consumables.has(name)) {\n            this._consumables.set(name, []);\n        }\n        this._consumables.get(name).push(...styleNames);\n    }\n}\n/**\n * Parses inline styles and puts property - value pairs into styles map.\n *\n * @param stylesString Styles to parse.\n * @returns Map of parsed properties and values.\n */ function parseInlineStyles(stylesString) {\n    // `null` if no quote was found in input string or last found quote was a closing quote. See below.\n    let quoteType = null;\n    let propertyNameStart = 0;\n    let propertyValueStart = 0;\n    let propertyName = null;\n    const stylesMap = new Map();\n    // Do not set anything if input string is empty.\n    if (stylesString === '') {\n        return stylesMap;\n    }\n    // Fix inline styles that do not end with `;` so they are compatible with algorithm below.\n    if (stylesString.charAt(stylesString.length - 1) != ';') {\n        stylesString = stylesString + ';';\n    }\n    // Seek the whole string for \"special characters\".\n    for(let i = 0; i < stylesString.length; i++){\n        const char = stylesString.charAt(i);\n        if (quoteType === null) {\n            // No quote found yet or last found quote was a closing quote.\n            switch(char){\n                case ':':\n                    // Most of time colon means that property name just ended.\n                    // Sometimes however `:` is found inside property value (for example in background image url).\n                    if (!propertyName) {\n                        // Treat this as end of property only if property name is not already saved.\n                        // Save property name.\n                        propertyName = stylesString.substr(propertyNameStart, i - propertyNameStart);\n                        // Save this point as the start of property value.\n                        propertyValueStart = i + 1;\n                    }\n                    break;\n                case '\"':\n                case '\\'':\n                    // Opening quote found (this is an opening quote, because `quoteType` is `null`).\n                    quoteType = char;\n                    break;\n                case ';':\n                    {\n                        // Property value just ended.\n                        // Use previously stored property value start to obtain property value.\n                        const propertyValue = stylesString.substr(propertyValueStart, i - propertyValueStart);\n                        if (propertyName) {\n                            // Save parsed part.\n                            stylesMap.set(propertyName.trim(), propertyValue.trim());\n                        }\n                        propertyName = null;\n                        // Save this point as property name start. Property name starts immediately after previous property value ends.\n                        propertyNameStart = i + 1;\n                        break;\n                    }\n            }\n        } else if (char === quoteType) {\n            // If a quote char is found and it is a closing quote, mark this fact by `null`-ing `quoteType`.\n            quoteType = null;\n        }\n    }\n    return stylesMap;\n}\n/**\n * Return lodash compatible path from style name.\n */ function toPath(name) {\n    return name.replace('-', '.');\n}\n/**\n * Appends style definition to the styles object.\n */ function appendStyleValue(stylesObject, nameOrPath, valueOrObject) {\n    let valueToSet = valueOrObject;\n    if (isObject(valueOrObject)) {\n        valueToSet = merge({}, get(stylesObject, nameOrPath), valueOrObject);\n    }\n    set(stylesObject, nameOrPath, valueToSet);\n}\n/**\n * Modifies the `styles` deeply nested object by removing properties defined in `toRemove`.\n */ function removeStyles(styles, toRemove) {\n    for (const key of Object.keys(toRemove)){\n        if (styles[key] !== null && !Array.isArray(styles[key]) && typeof styles[key] == 'object' && typeof toRemove[key] == 'object') {\n            removeStyles(styles[key], toRemove[key]);\n            if (!Object.keys(styles[key]).length) {\n                delete styles[key];\n            }\n        } else {\n            delete styles[key];\n        }\n    }\n}\n\n/**\n * Token list. Allows handling (adding, removing, retrieving) a set of tokens (for example class names).\n */ class ViewTokenList {\n    /**\n\t * The set of tokens.\n\t */ _set = new Set();\n    /**\n\t * Returns true if token list has no tokens set.\n\t */ get isEmpty() {\n        return this._set.size == 0;\n    }\n    /**\n\t * Number of tokens.\n\t */ get size() {\n        return this._set.size;\n    }\n    /**\n\t * Checks if a given token is set.\n\t */ has(name) {\n        return this._set.has(name);\n    }\n    /**\n\t * Returns all tokens.\n\t */ keys() {\n        return Array.from(this._set.keys());\n    }\n    /**\n\t * Resets the value to the given one.\n\t */ setTo(value) {\n        this.clear();\n        for (const token of value.split(/\\s+/)){\n            if (token) {\n                this._set.add(token);\n            }\n        }\n        return this;\n    }\n    /**\n\t * Sets a given token without affecting other tokens.\n\t */ set(tokens) {\n        for (const token of toArray(tokens)){\n            if (token) {\n                this._set.add(token);\n            }\n        }\n    }\n    /**\n\t * Removes given token.\n\t */ remove(tokens) {\n        for (const token of toArray(tokens)){\n            this._set.delete(token);\n        }\n    }\n    /**\n\t * Removes all tokens.\n\t */ clear() {\n        this._set.clear();\n    }\n    /**\n\t * Returns a normalized tokens string.\n\t */ toString() {\n        return Array.from(this._set).join(' ');\n    }\n    /**\n\t * Returns `true` if both attributes have the same tokens.\n\t */ isSimilar(other) {\n        if (this.size !== other.size) {\n            return false;\n        }\n        for (const token of this.keys()){\n            if (!other.has(token)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Clones the attribute value.\n\t *\n\t * @internal\n\t */ _clone() {\n        const clone = new this.constructor();\n        clone._set = new Set(this._set);\n        return clone;\n    }\n    /**\n\t * Used by the {@link module:engine/view/matcher~Matcher Matcher} to collect matching attribute tokens.\n\t *\n\t * @internal\n\t * @param tokenPattern The matched token name pattern.\n\t * @returns An array of matching tokens.\n\t */ _getTokensMatch(tokenPattern) {\n        const match = [];\n        if (tokenPattern === true) {\n            for (const token of this._set.keys()){\n                match.push(token);\n            }\n            return match;\n        }\n        if (typeof tokenPattern == 'string') {\n            for (const token of tokenPattern.split(/\\s+/)){\n                if (this._set.has(token)) {\n                    match.push(token);\n                } else {\n                    return undefined;\n                }\n            }\n            return match;\n        }\n        for (const token of this._set.keys()){\n            if (token.match(tokenPattern)) {\n                match.push(token);\n            }\n        }\n        return match.length ? match : undefined;\n    }\n    /**\n\t * Returns a list of consumables for the attribute.\n\t *\n\t * Could be filtered by the given token name.\n\t *\n\t * @internal\n\t */ _getConsumables(name) {\n        return name ? [\n            name\n        ] : this.keys();\n    }\n    /**\n\t * Used by {@link module:engine/view/element~ViewElement#_canMergeAttributesFrom} to verify if the given attribute\n\t * can be merged without conflicts into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while downcasting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other `AttributeElement`.\n\t *\n\t * @internal\n\t */ _canMergeFrom() {\n        return true;\n    }\n    /**\n\t * Used by {@link module:engine/view/element~ViewElement#_mergeAttributesFrom} to merge a given attribute into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t */ _mergeFrom(other) {\n        for (const token of other._set.keys()){\n            if (!this._set.has(token)) {\n                this._set.add(token);\n            }\n        }\n    }\n    /**\n\t * Used by {@link module:engine/view/element~ViewElement#_canSubtractAttributesOf} to verify if the given attribute\n\t * can be fully subtracted from the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to unwrap the ViewAttributeElement.\n\t *\n\t * @internal\n\t */ _isMatching(other) {\n        for (const name of other._set.keys()){\n            if (!this._set.has(name)) {\n                return false;\n            }\n        }\n        return true;\n    }\n}\n\n// @if CK_DEBUG_ENGINE // const { convertMapToTags } = require( '../dev-utils/utils' );\n/**\n * View element.\n *\n * The editing engine does not define a fixed semantics of its elements (it is \"DTD-free\").\n * This is why the type of the {@link module:engine/view/element~ViewElement} need to\n * be defined by the feature developer. When creating an element you should use one of the following methods:\n *\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createContainerElement `downcastWriter#createContainerElement()`}\n * in order to create a {@link module:engine/view/containerelement~ViewContainerElement},\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createAttributeElement `downcastWriter#createAttributeElement()`}\n * in order to create a {@link module:engine/view/attributeelement~ViewAttributeElement},\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEmptyElement `downcastWriter#createEmptyElement()`}\n * in order to create a {@link module:engine/view/emptyelement~ViewEmptyElement}.\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement `downcastWriter#createUIElement()`}\n * in order to create a {@link module:engine/view/uielement~ViewUIElement}.\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEditableElement `downcastWriter#createEditableElement()`}\n * in order to create a {@link module:engine/view/editableelement~ViewEditableElement}.\n *\n * Note that for view elements which are not created from the model, like elements from mutations, paste or\n * {@link module:engine/controller/datacontroller~DataController#set data.set} it is not possible to define the type of the element.\n * In such cases the {@link module:engine/view/upcastwriter~ViewUpcastWriter#createElement `UpcastWriter#createElement()`} method\n * should be used to create generic view elements.\n */ class ViewElement extends ViewNode {\n    /**\n\t * Name of the element.\n\t */ name;\n    /**\n\t * A list of attribute names that should be rendered in the editing pipeline even though filtering mechanisms\n\t * implemented in the {@link module:engine/view/domconverter~ViewDomConverter} (for instance,\n\t * {@link module:engine/view/domconverter~ViewDomConverter#shouldRenderAttribute}) would filter them out.\n\t *\n\t * These attributes can be specified as an option when the element is created by\n\t * the {@link module:engine/view/downcastwriter~ViewDowncastWriter}. To check whether an unsafe an attribute should\n\t * be permitted, use the {@link #shouldRenderUnsafeAttribute} method.\n\t *\n\t * @internal\n\t */ _unsafeAttributesToRender = [];\n    /**\n\t * Map of attributes, where attributes names are keys and attributes values are values.\n\t */ _attrs;\n    /**\n\t * Array of child nodes.\n\t */ _children;\n    /**\n\t * Map of custom properties.\n\t * Custom properties can be added to element instance, will be cloned but not rendered into DOM.\n\t */ _customProperties = new Map();\n    /**\n\t * Set of classes associated with element instance.\n\t *\n\t * Note that this is just an alias for `this._attrs.get( 'class' );`\n\t */ get _classes() {\n        return this._attrs.get('class');\n    }\n    /**\n\t * Normalized styles.\n\t *\n\t * Note that this is just an alias for `this._attrs.get( 'style' );`\n\t */ get _styles() {\n        return this._attrs.get('style');\n    }\n    /**\n\t * Creates a view element.\n\t *\n\t * Attributes can be passed in various formats:\n\t *\n\t * ```ts\n\t * new Element( viewDocument, 'div', { class: 'editor', contentEditable: 'true' } ); // object\n\t * new Element( viewDocument, 'div', [ [ 'class', 'editor' ], [ 'contentEditable', 'true' ] ] ); // map-like iterator\n\t * new Element( viewDocument, 'div', mapOfAttributes ); // map\n\t * ```\n\t *\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */ constructor(document, name, attrs, children){\n        super(document);\n        this.name = name;\n        this._attrs = this._parseAttributes(attrs);\n        this._children = [];\n        if (children) {\n            this._insertChild(0, children);\n        }\n    }\n    /**\n\t * Number of element's children.\n\t */ get childCount() {\n        return this._children.length;\n    }\n    /**\n\t * Is `true` if there are no nodes inside this element, `false` otherwise.\n\t */ get isEmpty() {\n        return this._children.length === 0;\n    }\n    /**\n\t * Gets child at the given index.\n\t *\n\t * @param index Index of child.\n\t * @returns Child node.\n\t */ getChild(index) {\n        return this._children[index];\n    }\n    /**\n\t * Gets index of the given child node. Returns `-1` if child node is not found.\n\t *\n\t * @param node Child node.\n\t * @returns Index of the child node.\n\t */ getChildIndex(node) {\n        return this._children.indexOf(node);\n    }\n    /**\n\t * Gets child nodes iterator.\n\t *\n\t * @returns Child nodes iterator.\n\t */ getChildren() {\n        return this._children[Symbol.iterator]();\n    }\n    /**\n\t * Returns an iterator that contains the keys for attributes. Order of inserting attributes is not preserved.\n\t *\n\t * @returns Keys for attributes.\n\t */ *getAttributeKeys() {\n        // This is yielded in this specific order to maintain backward compatibility of data.\n        // Otherwise, we could simply just have the `for` loop only inside this method.\n        if (this._classes) {\n            yield 'class';\n        }\n        if (this._styles) {\n            yield 'style';\n        }\n        for (const key of this._attrs.keys()){\n            if (key != 'class' && key != 'style') {\n                yield key;\n            }\n        }\n    }\n    /**\n\t * Returns iterator that iterates over this element's attributes.\n\t *\n\t * Attributes are returned as arrays containing two items. First one is attribute key and second is attribute value.\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */ *getAttributes() {\n        for (const [name, value] of this._attrs.entries()){\n            yield [\n                name,\n                String(value)\n            ];\n        }\n    }\n    /**\n\t * Gets attribute by key. If attribute is not present - returns undefined.\n\t *\n\t * @param key Attribute key.\n\t * @returns Attribute value.\n\t */ getAttribute(key) {\n        return this._attrs.has(key) ? String(this._attrs.get(key)) : undefined;\n    }\n    /**\n\t * Returns a boolean indicating whether an attribute with the specified key exists in the element.\n\t *\n\t * @param key Attribute key.\n\t * @returns `true` if attribute with the specified key exists in the element, `false` otherwise.\n\t */ hasAttribute(key, token) {\n        if (!this._attrs.has(key)) {\n            return false;\n        }\n        if (token !== undefined) {\n            if (usesStylesMap(this.name, key) || usesTokenList(this.name, key)) {\n                return this._attrs.get(key).has(token);\n            } else {\n                return this._attrs.get(key) === token;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Checks if this element is similar to other element.\n\t * Both elements should have the same name and attributes to be considered as similar. Two similar elements\n\t * can contain different set of children nodes.\n\t */ isSimilar(otherElement) {\n        if (!(otherElement instanceof ViewElement)) {\n            return false;\n        }\n        // If exactly the same Element is provided - return true immediately.\n        if (this === otherElement) {\n            return true;\n        }\n        // Check element name.\n        if (this.name != otherElement.name) {\n            return false;\n        }\n        // Check number of attributes, classes and styles.\n        if (this._attrs.size !== otherElement._attrs.size) {\n            return false;\n        }\n        // Check if attributes are the same.\n        for (const [key, value] of this._attrs){\n            const otherValue = otherElement._attrs.get(key);\n            if (otherValue === undefined) {\n                return false;\n            }\n            if (typeof value == 'string' || typeof otherValue == 'string') {\n                if (otherValue !== value) {\n                    return false;\n                }\n            } else if (!value.isSimilar(otherValue)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Returns true if class is present.\n\t * If more then one class is provided - returns true only when all classes are present.\n\t *\n\t * ```ts\n\t * element.hasClass( 'foo' ); // Returns true if 'foo' class is present.\n\t * element.hasClass( 'foo', 'bar' ); // Returns true if 'foo' and 'bar' classes are both present.\n\t * ```\n\t */ hasClass(...className) {\n        for (const name of className){\n            if (!this._classes || !this._classes.has(name)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Returns iterator that contains all class names.\n\t */ getClassNames() {\n        const array = this._classes ? this._classes.keys() : [];\n        // This is overcomplicated because we need to be backward compatible for use cases when iterator is expected.\n        const iterator = array[Symbol.iterator]();\n        return Object.assign(array, {\n            next: iterator.next.bind(iterator)\n        });\n    }\n    /**\n\t * Returns style value for the given property name.\n\t * If the style does not exist `undefined` is returned.\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#getAsString `StylesMap#getAsString()`} for details.\n\t *\n\t * For an element with style set to `'margin:1px'`:\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * const element = view.change( writer => {\n\t * \tconst element = writer.createElement();\n\t * \twriter.setStyle( 'margin', '1px' );\n\t * \twriter.setStyle( 'margin-bottom', '3em' );\n\t *\n\t * \treturn element;\n\t * } );\n\t *\n\t * element.getStyle( 'margin' ); // -> 'margin: 1px 1px 3em;'\n\t * ```\n\t */ getStyle(property) {\n        return this._styles && this._styles.getAsString(property);\n    }\n    /**\n\t * Returns a normalized style object or single style value.\n\t *\n\t * For an element with style set to: margin:1px 2px 3em;\n\t *\n\t * ```ts\n\t * element.getNormalizedStyle( 'margin' ) );\n\t * ```\n\t *\n\t * will return:\n\t *\n\t * ```ts\n\t * {\n\t * \ttop: '1px',\n\t * \tright: '2px',\n\t * \tbottom: '3em',\n\t * \tleft: '2px'    // a normalized value from margin shorthand\n\t * }\n\t * ```\n\t *\n\t * and reading for single style value:\n\t *\n\t * ```ts\n\t * styles.getNormalizedStyle( 'margin-left' );\n\t * ```\n\t *\n\t * Will return a `2px` string.\n\t *\n\t * **Note**: This method will return normalized values only if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#getNormalized `StylesMap#getNormalized()`} for details.\n\t *\n\t * @param property Name of CSS property\n\t */ getNormalizedStyle(property) {\n        return this._styles && this._styles.getNormalized(property);\n    }\n    /**\n\t * Returns an array that contains all style names.\n\t *\n\t * @param expand Expand shorthand style properties and return all equivalent style representations.\n\t */ getStyleNames(expand) {\n        return this._styles ? this._styles.getStyleNames(expand) : [];\n    }\n    /**\n\t * Returns true if style keys are present.\n\t * If more then one style property is provided - returns true only when all properties are present.\n\t *\n\t * ```ts\n\t * element.hasStyle( 'color' ); // Returns true if 'border-top' style is present.\n\t * element.hasStyle( 'color', 'border-top' ); // Returns true if 'color' and 'border-top' styles are both present.\n\t * ```\n\t */ hasStyle(...property) {\n        for (const name of property){\n            if (!this._styles || !this._styles.has(name)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Returns ancestor element that match specified pattern.\n\t * Provided patterns should be compatible with {@link module:engine/view/matcher~Matcher Matcher} as it is used internally.\n\t *\n\t * @see module:engine/view/matcher~Matcher\n\t * @param patterns Patterns used to match correct ancestor. See {@link module:engine/view/matcher~Matcher}.\n\t * @returns Found element or `null` if no matching ancestor was found.\n\t */ findAncestor(...patterns) {\n        const matcher = new Matcher(...patterns);\n        let parent = this.parent;\n        while(parent && !parent.is('documentFragment')){\n            if (matcher.match(parent)) {\n                return parent;\n            }\n            parent = parent.parent;\n        }\n        return null;\n    }\n    /**\n\t * Returns the custom property value for the given key.\n\t */ getCustomProperty(key) {\n        return this._customProperties.get(key);\n    }\n    /**\n\t * Returns an iterator which iterates over this element's custom properties.\n\t * Iterator provides `[ key, value ]` pairs for each stored property.\n\t */ *getCustomProperties() {\n        yield* this._customProperties.entries();\n    }\n    /**\n\t * Returns identity string based on element's name, styles, classes and other attributes.\n\t * Two elements that {@link #isSimilar are similar} will have same identity string.\n\t * It has the following format:\n\t *\n\t * ```ts\n\t * 'name class=\"class1,class2\" style=\"style1:value1;style2:value2\" attr1=\"val1\" attr2=\"val2\"'\n\t * ```\n \t *\n\t * For example:\n\t *\n\t * ```ts\n\t * const element = writer.createContainerElement( 'foo', {\n\t * \tbanana: '10',\n\t * \tapple: '20',\n\t * \tstyle: 'color: red; border-color: white;',\n\t * \tclass: 'baz'\n\t * } );\n\t *\n\t * // returns 'foo class=\"baz\" style=\"border-color:white;color:red\" apple=\"20\" banana=\"10\"'\n\t * element.getIdentity();\n\t * ```\n\t *\n\t * **Note**: Classes, styles and other attributes are sorted alphabetically.\n\t */ getIdentity() {\n        const classes = this._classes ? this._classes.keys().sort().join(',') : '';\n        const styles = this._styles && String(this._styles);\n        const attributes = Array.from(this._attrs).filter(([key])=>key != 'style' && key != 'class').map((i)=>`${i[0]}=\"${i[1]}\"`).sort().join(' ');\n        return this.name + (classes == '' ? '' : ` class=\"${classes}\"`) + (!styles ? '' : ` style=\"${styles}\"`) + (attributes == '' ? '' : ` ${attributes}`);\n    }\n    /**\n\t * Decides whether an unsafe attribute is whitelisted and should be rendered in the editing pipeline even though filtering mechanisms\n\t * like {@link module:engine/view/domconverter~ViewDomConverter#shouldRenderAttribute} say it should not.\n\t *\n\t * Unsafe attribute names can be specified when creating an element via {@link module:engine/view/downcastwriter~ViewDowncastWriter}.\n\t *\n\t * @param attributeName The name of the attribute to be checked.\n\t */ shouldRenderUnsafeAttribute(attributeName) {\n        return this._unsafeAttributesToRender.includes(attributeName);\n    }\n    /**\n\t * Converts `ViewElement` to plain object and returns it.\n\t *\n\t * @returns `ViewElement` converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.name = this.name;\n        json.type = 'Element';\n        if (this._attrs.size) {\n            json.attributes = Object.fromEntries(this.getAttributes());\n        }\n        if (this._children.length > 0) {\n            json.children = [];\n            for (const node of this._children){\n                json.children.push(node.toJSON());\n            }\n        }\n        return json;\n    }\n    /**\n\t * Clones provided element.\n\t *\n\t * @internal\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any children.\n\t * @returns Clone of this element.\n\t */ _clone(deep = false) {\n        const childrenClone = [];\n        if (deep) {\n            for (const child of this.getChildren()){\n                childrenClone.push(child._clone(deep));\n            }\n        }\n        // ViewContainerElement and ViewAttributeElement should be also cloned properly.\n        const cloned = new this.constructor(this.document, this.name, this._attrs, childrenClone);\n        // Clone custom properties.\n        cloned._customProperties = new Map(this._customProperties);\n        // Clone filler offset method.\n        // We can't define this method in a prototype because it's behavior which\n        // is changed by e.g. toWidget() function from ckeditor5-widget. Perhaps this should be one of custom props.\n        cloned.getFillerOffset = this.getFillerOffset;\n        // Clone unsafe attributes list.\n        cloned._unsafeAttributesToRender = this._unsafeAttributesToRender;\n        return cloned;\n    }\n    /**\n\t * {@link module:engine/view/element~ViewElement#_insertChild Insert} a child node or a list of child nodes at the end of this node\n\t * and sets the parent of these nodes to this element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#insert\n\t * @internal\n\t * @param items Items to be inserted.\n\t * @fires change\n\t * @returns Number of appended nodes.\n\t */ _appendChild(items) {\n        return this._insertChild(this.childCount, items);\n    }\n    /**\n\t * Inserts a child node or a list of child nodes on the given index and sets the parent of these nodes to\n\t * this element.\n\t *\n\t * @internal\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#insert\n\t * @param index Position where nodes should be inserted.\n\t * @param items Items to be inserted.\n\t * @fires change\n\t * @returns Number of inserted nodes.\n\t */ _insertChild(index, items) {\n        this._fireChange('children', this, {\n            index\n        });\n        let count = 0;\n        const nodes = normalize$3(this.document, items);\n        for (const node of nodes){\n            // If node that is being added to this element is already inside another element, first remove it from the old parent.\n            if (node.parent !== null) {\n                node._remove();\n            }\n            node.parent = this;\n            node.document = this.document;\n            this._children.splice(index, 0, node);\n            index++;\n            count++;\n        }\n        return count;\n    }\n    /**\n\t * Removes number of child nodes starting at the given index and set the parent of these nodes to `null`.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#remove\n\t * @internal\n\t * @param index Number of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @fires change\n\t * @returns The array of removed nodes.\n\t */ _removeChildren(index, howMany = 1) {\n        this._fireChange('children', this, {\n            index\n        });\n        for(let i = index; i < index + howMany; i++){\n            this._children[i].parent = null;\n        }\n        return this._children.splice(index, howMany);\n    }\n    /**\n\t * Adds or overwrite attribute with a specified key and value.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#setAttribute\n\t * @internal\n\t * @param key Attribute key.\n\t * @param value Attribute value.\n\t * @param overwrite Whether tokenized attribute should override the attribute value or just add a token.\n\t * @fires change\n\t */ _setAttribute(key, value, overwrite = true) {\n        this._fireChange('attributes', this);\n        if (usesStylesMap(this.name, key) || usesTokenList(this.name, key)) {\n            let currentValue = this._attrs.get(key);\n            if (!currentValue) {\n                currentValue = usesStylesMap(this.name, key) ? new StylesMap(this.document.stylesProcessor) : new ViewTokenList();\n                this._attrs.set(key, currentValue);\n            }\n            if (overwrite) {\n                // If reset is set then value have to be a string to tokenize.\n                currentValue.setTo(String(value));\n            } else if (usesStylesMap(this.name, key)) {\n                if (Array.isArray(value)) {\n                    currentValue.set(value[0], value[1]);\n                } else {\n                    currentValue.set(value);\n                }\n            } else {\n                currentValue.set(typeof value == 'string' ? value.split(/\\s+/) : value);\n            }\n        } else {\n            this._attrs.set(key, String(value));\n        }\n    }\n    /**\n\t * Removes attribute from the element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeAttribute\n\t * @internal\n\t * @param key Attribute key.\n\t * @param tokens Attribute value tokens to remove. The whole attribute is removed if not specified.\n\t * @returns Returns true if an attribute existed and has been removed.\n\t * @fires change\n\t */ _removeAttribute(key, tokens) {\n        this._fireChange('attributes', this);\n        if (tokens !== undefined && (usesStylesMap(this.name, key) || usesTokenList(this.name, key))) {\n            const currentValue = this._attrs.get(key);\n            if (!currentValue) {\n                return false;\n            }\n            if (usesTokenList(this.name, key) && typeof tokens == 'string') {\n                tokens = tokens.split(/\\s+/);\n            }\n            currentValue.remove(tokens);\n            if (currentValue.isEmpty) {\n                return this._attrs.delete(key);\n            }\n            return false;\n        }\n        return this._attrs.delete(key);\n    }\n    /**\n\t * Adds specified class.\n\t *\n\t * ```ts\n\t * element._addClass( 'foo' ); // Adds 'foo' class.\n\t * element._addClass( [ 'foo', 'bar' ] ); // Adds 'foo' and 'bar' classes.\n\t * ```\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#addClass\n\t * @internal\n\t * @fires change\n\t */ _addClass(className) {\n        this._setAttribute('class', className, false);\n    }\n    /**\n\t * Removes specified class.\n\t *\n\t * ```ts\n\t * element._removeClass( 'foo' );  // Removes 'foo' class.\n\t * element._removeClass( [ 'foo', 'bar' ] ); // Removes both 'foo' and 'bar' classes.\n\t * ```\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeClass\n\t * @internal\n\t * @fires change\n\t */ _removeClass(className) {\n        this._removeAttribute('class', className);\n    }\n    _setStyle(property, value) {\n        if (typeof property != 'string') {\n            this._setAttribute('style', property, false);\n        } else {\n            this._setAttribute('style', [\n                property,\n                value\n            ], false);\n        }\n    }\n    /**\n\t * Removes specified style.\n\t *\n\t * ```ts\n\t * element._removeStyle( 'color' );  // Removes 'color' style.\n\t * element._removeStyle( [ 'color', 'border-top' ] ); // Removes both 'color' and 'border-top' styles.\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#remove `StylesMap#remove()`} for details.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeStyle\n\t * @internal\n\t * @fires change\n\t */ _removeStyle(property) {\n        this._removeAttribute('style', property);\n    }\n    /**\n\t * Used by the {@link module:engine/view/matcher~Matcher Matcher} to collect matching attribute tuples\n\t * (attribute name and optional token).\n\t *\n\t * Normalized patterns can be used in following ways:\n\t * - to match any attribute name with any or no value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ true, true ]\n\t * ]\n\t * ```\n\t *\n\t * - to match a specific attribute with any value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'required', true ]\n\t * ]\n\t * ```\n\t *\n\t * - to match an attribute name with a RegExp with any value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ /h[1-6]/, true ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match a specific attribute with the exact value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'rel', 'nofollow' ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match a specific attribute with a value matching a RegExp:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'src', /^https/ ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match an attribute name with a RegExp and the exact value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ /^data-property-/, 'foobar' ],\n\t * ]\n\t * ```\n\t *\n\t * \t- to match an attribute name with a RegExp and match a value with another RegExp:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ /^data-property-/, /^foo/ ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match a specific style property with the value matching a RegExp:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'style', 'font-size', /px$/ ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match a specific class (class attribute is tokenized so it matches tokens individually):\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'class', 'foo' ]\n\t * ]\n\t * ```\n\t *\n\t * @internal\n\t * @param patterns An array of normalized patterns (tuples of 2 or 3 items depending on if tokenized attribute value match is needed).\n\t * @param match An array to populate with matching tuples.\n\t * @param exclude Array of attribute names to exclude from match.\n\t * @returns `true` if element matches all patterns. The matching tuples are pushed to the `match` array.\n\t */ _collectAttributesMatch(patterns, match, exclude) {\n        for (const [keyPattern, tokenPattern, valuePattern] of patterns){\n            let hasKey = false;\n            let hasValue = false;\n            for (const [key, value] of this._attrs){\n                if (exclude && exclude.includes(key) || !isPatternMatched(keyPattern, key)) {\n                    continue;\n                }\n                hasKey = true;\n                if (typeof value == 'string') {\n                    if (isPatternMatched(tokenPattern, value)) {\n                        match.push([\n                            key\n                        ]);\n                        hasValue = true;\n                    } else if (!(keyPattern instanceof RegExp)) {\n                        return false;\n                    }\n                } else {\n                    const tokenMatch = value._getTokensMatch(tokenPattern, valuePattern || true);\n                    if (tokenMatch) {\n                        hasValue = true;\n                        for (const tokenMatchItem of tokenMatch){\n                            match.push([\n                                key,\n                                tokenMatchItem\n                            ]);\n                        }\n                    } else if (!(keyPattern instanceof RegExp)) {\n                        return false;\n                    }\n                }\n            }\n            if (!hasKey || !hasValue) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Used by the {@link module:engine/conversion/viewconsumable~ViewConsumable} to collect the\n\t * {@link module:engine/view/element~ViewNormalizedConsumables} for the element.\n\t *\n\t * When `key` and `token` parameters are provided the output is filtered for the specified attribute and it's tokens and related tokens.\n\t *\n\t * @internal\n\t * @param key Attribute name.\n\t * @param token Reference token to collect all related tokens.\n\t */ _getConsumables(key, token) {\n        const attributes = [];\n        if (key) {\n            const value = this._attrs.get(key);\n            if (value !== undefined) {\n                if (typeof value == 'string') {\n                    attributes.push([\n                        key\n                    ]);\n                } else {\n                    for (const prop of value._getConsumables(token)){\n                        attributes.push([\n                            key,\n                            prop\n                        ]);\n                    }\n                }\n            }\n        } else {\n            for (const [key, value] of this._attrs){\n                if (typeof value == 'string') {\n                    attributes.push([\n                        key\n                    ]);\n                } else {\n                    for (const prop of value._getConsumables()){\n                        attributes.push([\n                            key,\n                            prop\n                        ]);\n                    }\n                }\n            }\n        }\n        return {\n            name: !key,\n            attributes\n        };\n    }\n    /**\n\t * Verify if the given element can be merged without conflicts into the element.\n\t *\n\t * Note that this method is extended by the {@link module:engine/view/attributeelement~ViewAttributeElement} implementation.\n\t *\n\t * This method is used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t * @returns Returns `true` if elements can be merged.\n\t */ _canMergeAttributesFrom(otherElement) {\n        if (this.name != otherElement.name) {\n            return false;\n        }\n        for (const [key, otherValue] of otherElement._attrs){\n            const value = this._attrs.get(key);\n            if (value === undefined) {\n                continue;\n            }\n            if (typeof value == 'string' || typeof otherValue == 'string') {\n                if (value !== otherValue) {\n                    return false;\n                }\n            } else if (!value._canMergeFrom(otherValue)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Merges attributes of a given element into the element.\n\t * This includes also tokenized attributes like style and class.\n\t *\n\t * Note that you should make sure there are no conflicts before merging (see {@link #_canMergeAttributesFrom}).\n\t *\n\t * This method is used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t */ _mergeAttributesFrom(otherElement) {\n        this._fireChange('attributes', this);\n        // Move all attributes/classes/styles from wrapper to wrapped ViewAttributeElement.\n        for (const [key, otherValue] of otherElement._attrs){\n            const value = this._attrs.get(key);\n            if (value === undefined || typeof value == 'string' || typeof otherValue == 'string') {\n                this._setAttribute(key, otherValue);\n            } else {\n                value._mergeFrom(otherValue);\n            }\n        }\n    }\n    /**\n\t * Verify if the given element attributes can be fully subtracted from the element.\n\t *\n\t * Note that this method is extended by the {@link module:engine/view/attributeelement~ViewAttributeElement} implementation.\n\t *\n\t * This method is used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to unwrap the ViewAttributeElement.\n\t *\n\t * @internal\n\t * @returns Returns `true` if elements attributes can be fully subtracted.\n\t */ _canSubtractAttributesOf(otherElement) {\n        if (this.name != otherElement.name) {\n            return false;\n        }\n        for (const [key, otherValue] of otherElement._attrs){\n            const value = this._attrs.get(key);\n            if (value === undefined) {\n                return false;\n            }\n            if (typeof value == 'string' || typeof otherValue == 'string') {\n                if (value !== otherValue) {\n                    return false;\n                }\n            } else if (!value._isMatching(otherValue)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Removes (subtracts) corresponding attributes of the given element from the element.\n\t * This includes also tokenized attributes like style and class.\n\t * All attributes, classes and styles from given element should be present inside the element being unwrapped.\n\t *\n\t * Note that you should make sure all attributes could be subtracted before subtracting them (see {@link #_canSubtractAttributesOf}).\n\t *\n\t * This method is used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to unwrap the ViewAttributeElement.\n\t *\n\t * @internal\n\t */ _subtractAttributesOf(otherElement) {\n        this._fireChange('attributes', this);\n        for (const [key, otherValue] of otherElement._attrs){\n            const value = this._attrs.get(key);\n            if (typeof value == 'string' || typeof otherValue == 'string') {\n                this._attrs.delete(key);\n            } else {\n                value.remove(otherValue.keys());\n                if (value.isEmpty) {\n                    this._attrs.delete(key);\n                }\n            }\n        }\n    }\n    /**\n\t * Sets a custom property. Unlike attributes, custom properties are not rendered to the DOM,\n\t * so they can be used to add special data to elements.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#setCustomProperty\n\t * @internal\n\t */ _setCustomProperty(key, value) {\n        this._customProperties.set(key, value);\n    }\n    /**\n\t * Removes the custom property stored under the given key.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeCustomProperty\n\t * @internal\n\t * @returns Returns true if property was removed.\n\t */ _removeCustomProperty(key) {\n        return this._customProperties.delete(key);\n    }\n    /**\n\t * Parses attributes provided to the element constructor before they are applied to an element. If attributes are passed\n\t * as an object (instead of `Iterable`), the object is transformed to the map. Attributes with `null` value are removed.\n\t * Attributes with non-`String` value are converted to `String`.\n\t *\n\t * @param attrs Attributes to parse.\n\t * @returns Parsed attributes.\n\t */ _parseAttributes(attrs) {\n        const attrsMap = toMap(attrs);\n        for (const [key, value] of attrsMap){\n            if (value === null) {\n                attrsMap.delete(key);\n            } else if (usesStylesMap(this.name, key)) {\n                // This is either an element clone so we need to clone styles map, or a new instance which requires value to be parsed.\n                const newValue = value instanceof StylesMap ? value._clone() : new StylesMap(this.document.stylesProcessor).setTo(String(value));\n                attrsMap.set(key, newValue);\n            } else if (usesTokenList(this.name, key)) {\n                // This is either an element clone so we need to clone token list, or a new instance which requires value to be parsed.\n                const newValue = value instanceof ViewTokenList ? value._clone() : new ViewTokenList().setTo(String(value));\n                attrsMap.set(key, newValue);\n            } else if (typeof value != 'string') {\n                attrsMap.set(key, String(value));\n            }\n        }\n        return attrsMap;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'element' || type === 'view:element' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'node' || type === 'view:node';\n    } else {\n        return name === this.name && (type === 'element' || type === 'view:element');\n    }\n};\n/**\n * Converts strings to Text and non-iterables to arrays.\n */ function normalize$3(document, nodes) {\n    // Separate condition because string is iterable.\n    if (typeof nodes == 'string') {\n        return [\n            new ViewText(document, nodes)\n        ];\n    }\n    if (!isIterable(nodes)) {\n        nodes = [\n            nodes\n        ];\n    }\n    const normalizedNodes = [];\n    for (const node of nodes){\n        if (typeof node == 'string') {\n            normalizedNodes.push(new ViewText(document, node));\n        } else if (node instanceof ViewTextProxy) {\n            normalizedNodes.push(new ViewText(document, node.data));\n        } else {\n            normalizedNodes.push(node);\n        }\n    }\n    return normalizedNodes;\n}\n/**\n * Returns `true` if an attribute on a given element should be handled as a TokenList.\n */ function usesTokenList(elementName, key) {\n    return key == 'class' || elementName == 'a' && key == 'rel';\n}\n/**\n * Returns `true` if an attribute on a given element should be handled as a StylesMap.\n */ function usesStylesMap(elementName, key) {\n    return key == 'style';\n}\n\n/**\n * Containers are elements which define document structure. They define boundaries for\n * {@link module:engine/view/attributeelement~ViewAttributeElement attributes}.\n * They are mostly used for block elements like `<p>` or `<div>`.\n *\n * Editing engine does not define a fixed HTML DTD. This is why a feature developer needs to choose between various\n * types (container element, {@link module:engine/view/attributeelement~ViewAttributeElement attribute element},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty element}, etc) when developing a feature.\n *\n * The container element should be your default choice when writing a converter, unless:\n *\n * * this element represents a model text attribute (then use {@link module:engine/view/attributeelement~ViewAttributeElement}),\n * * this is an empty element like `<img>` (then use {@link module:engine/view/emptyelement~ViewEmptyElement}),\n * * this is a root element,\n * * this is a nested editable element (then use  {@link module:engine/view/editableelement~ViewEditableElement}).\n *\n * To create a new container element instance use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createContainerElement `ViewDowncastWriter#createContainerElement()`}\n * method.\n */ class ViewContainerElement extends ViewElement {\n    /**\n\t * Creates a container element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createContainerElement\n\t * @see module:engine/view/element~ViewElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */ constructor(document, name, attrs, children){\n        super(document, name, attrs, children);\n        this.getFillerOffset = getViewFillerOffset;\n    }\n    /**\n\t * Converts `ViewContainerElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewContainerElement` instance converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.type = 'ContainerElement';\n        return json;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewContainerElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'containerElement' || type === 'view:containerElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'element' || type === 'view:element' || type === 'node' || type === 'view:node';\n    } else {\n        return name === this.name && (type === 'containerElement' || type === 'view:containerElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'element' || type === 'view:element');\n    }\n};\n/**\n * Returns block {@link module:engine/view/filler filler} offset or `null` if block filler is not needed.\n *\n * @returns Block filler offset or `null` if block filler is not needed.\n */ function getViewFillerOffset() {\n    const children = [\n        ...this.getChildren()\n    ];\n    const lastChild = children[this.childCount - 1];\n    // Block filler is required after a `<br>` if it's the last element in its container. See #1422.\n    if (lastChild && lastChild.is('element', 'br')) {\n        return this.childCount;\n    }\n    for (const child of children){\n        // If there's any non-UI element – don't render the bogus.\n        if (!child.is('uiElement')) {\n            return null;\n        }\n    }\n    // If there are only UI elements – render the bogus at the end of the element.\n    return this.childCount;\n}\n\n/**\n * Editable element which can be a {@link module:engine/view/rooteditableelement~ViewRootEditableElement root}\n * or nested editable area in the editor.\n *\n * Editable is automatically read-only when its {@link module:engine/view/document~ViewDocument Document} is read-only.\n *\n * The constructor of this class shouldn't be used directly. To create new `ViewEditableElement` use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEditableElement `downcastWriter#createEditableElement()`} method.\n */ class ViewEditableElement extends /* #__PURE__ */ ObservableMixin(ViewContainerElement) {\n    /**\n\t * Creates an editable element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createEditableElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attributes Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */ constructor(document, name, attributes, children){\n        super(document, name, attributes, children);\n        this.set('isReadOnly', false);\n        this.set('isFocused', false);\n        this.set('placeholder', undefined);\n        this.bind('isReadOnly').to(document);\n        this.bind('isFocused').to(document, 'isFocused', (isFocused)=>isFocused && document.selection.editableElement == this);\n        // Update focus state based on selection changes.\n        this.listenTo(document.selection, 'change', ()=>{\n            this.isFocused = document.isFocused && document.selection.editableElement == this;\n        });\n    }\n    destroy() {\n        this.stopListening();\n    }\n    /**\n\t * Converts `ViewEditableElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewEditableElement` instance converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.type = 'EditableElement';\n        json.isReadOnly = this.isReadOnly;\n        json.isFocused = this.isFocused;\n        return json;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewEditableElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'editableElement' || type === 'view:editableElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'containerElement' || type === 'view:containerElement' || type === 'element' || type === 'view:element' || type === 'node' || type === 'view:node';\n    } else {\n        return name === this.name && (type === 'editableElement' || type === 'view:editableElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'containerElement' || type === 'view:containerElement' || type === 'element' || type === 'view:element');\n    }\n};\n\nconst rootNameSymbol = Symbol('rootName');\n/**\n * Class representing a single root in the data view. A root can be either\n * {@link ~ViewRootEditableElement#isReadOnly editable or read-only},\n * but in both cases it is called \"an editable\". Roots can contain other {@link module:engine/view/editableelement~ViewEditableElement\n * editable elements} making them \"nested editables\".\n */ class ViewRootEditableElement extends ViewEditableElement {\n    /**\n\t * Creates root editable element.\n\t *\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t */ constructor(document, name){\n        super(document, name);\n        this.rootName = 'main';\n    }\n    /**\n\t * Name of this root inside {@link module:engine/view/document~ViewDocument} that is an owner of this root. If no\n\t * other name is set, `main` name is used.\n\t *\n\t * @readonly\n\t */ get rootName() {\n        return this.getCustomProperty(rootNameSymbol);\n    }\n    set rootName(rootName) {\n        this._setCustomProperty(rootNameSymbol, rootName);\n    }\n    /**\n\t * Converts `ViewRootEditableElement` instance to string and returns it.\n\t *\n\t * @returns `ViewRootEditableElement` instance converted to string.\n\t */ toJSON() {\n        return this.rootName;\n    }\n    /**\n\t * Overrides old element name and sets new one.\n\t * This is needed because view roots are created before they are attached to the DOM.\n\t * The name of the root element is temporary at this stage. It has to be changed when the\n\t * view root element is attached to the DOM element.\n\t *\n\t * @internal\n\t * @param name The new name of element.\n\t */ set _name(name) {\n        this.name = name;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewRootEditableElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'rootElement' || type === 'view:rootElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'editableElement' || type === 'view:editableElement' || type === 'containerElement' || type === 'view:containerElement' || type === 'element' || type === 'view:element' || type === 'node' || type === 'view:node';\n    } else {\n        return name === this.name && (type === 'rootElement' || type === 'view:rootElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'editableElement' || type === 'view:editableElement' || type === 'containerElement' || type === 'view:containerElement' || type === 'element' || type === 'view:element');\n    }\n};\n\n/**\n * Position iterator class. It allows to iterate forward and backward over the document.\n */ class ViewTreeWalker {\n    /**\n\t * Walking direction. Defaults `'forward'`.\n\t */ direction;\n    /**\n\t * Iterator boundaries.\n\t *\n\t * When the iterator is walking `'forward'` on the end of boundary or is walking `'backward'`\n\t * on the start of boundary, then `{ done: true }` is returned.\n\t *\n\t * If boundaries are not defined they are set before first and after last child of the root node.\n\t */ boundaries;\n    /**\n\t * Flag indicating whether all characters from {@link module:engine/view/text~ViewText} should be returned as one\n\t * {@link module:engine/view/text~ViewText} or one by one as {@link module:engine/view/textproxy~ViewTextProxy}.\n\t */ singleCharacters;\n    /**\n\t * Flag indicating whether iterator should enter elements or not. If the iterator is shallow child nodes of any\n\t * iterated node will not be returned along with `elementEnd` tag.\n\t */ shallow;\n    /**\n\t * Flag indicating whether iterator should ignore `elementEnd` tags. If set to `true`, walker will not\n\t * return a parent node of the start position. Each {@link module:engine/view/element~ViewElement} will be returned once.\n\t * When set to `false` each element might be returned twice: for `'elementStart'` and `'elementEnd'`.\n\t */ ignoreElementEnd;\n    /**\n\t * Iterator position. If start position is not defined then position depends on {@link #direction}. If direction is\n\t * `'forward'` position starts form the beginning, when direction is `'backward'` position starts from the end.\n\t */ _position;\n    /**\n\t * Start boundary parent.\n\t */ _boundaryStartParent;\n    /**\n\t * End boundary parent.\n\t */ _boundaryEndParent;\n    /**\n\t * Creates a range iterator. All parameters are optional, but you have to specify either `boundaries` or `startPosition`.\n\t *\n\t * @param options Object with configuration.\n\t */ constructor(options = {}){\n        if (!options.boundaries && !options.startPosition) {\n            /**\n\t\t\t * Neither boundaries nor starting position have been defined.\n\t\t\t *\n\t\t\t * @error view-tree-walker-no-start-position\n\t\t\t */ throw new CKEditorError('view-tree-walker-no-start-position', null);\n        }\n        if (options.direction && options.direction != 'forward' && options.direction != 'backward') {\n            /**\n\t\t\t * Only `backward` and `forward` direction allowed.\n\t\t\t *\n\t\t\t * @error view-tree-walker-unknown-direction\n\t\t\t */ throw new CKEditorError('view-tree-walker-unknown-direction', options.startPosition, {\n                direction: options.direction\n            });\n        }\n        this.boundaries = options.boundaries || null;\n        if (options.startPosition) {\n            this._position = ViewPosition._createAt(options.startPosition);\n        } else {\n            this._position = ViewPosition._createAt(options.boundaries[options.direction == 'backward' ? 'end' : 'start']);\n        }\n        this.direction = options.direction || 'forward';\n        this.singleCharacters = !!options.singleCharacters;\n        this.shallow = !!options.shallow;\n        this.ignoreElementEnd = !!options.ignoreElementEnd;\n        this._boundaryStartParent = this.boundaries ? this.boundaries.start.parent : null;\n        this._boundaryEndParent = this.boundaries ? this.boundaries.end.parent : null;\n    }\n    /**\n\t * Iterable interface.\n\t */ [Symbol.iterator]() {\n        return this;\n    }\n    /**\n\t * Iterator position. If start position is not defined then position depends on {@link #direction}. If direction is\n\t * `'forward'` position starts form the beginning, when direction is `'backward'` position starts from the end.\n\t */ get position() {\n        return this._position;\n    }\n    /**\n\t * Moves {@link #position} in the {@link #direction} skipping values as long as the callback function returns `true`.\n\t *\n\t * For example:\n\t *\n\t * ```ts\n\t * walker.skip( value => value.type == 'text' ); // <p>{}foo</p> -> <p>foo[]</p>\n\t * walker.skip( value => true ); // Move the position to the end: <p>{}foo</p> -> <p>foo</p>[]\n\t * walker.skip( value => false ); // Do not move the position.\n\t * ```\n\t *\n\t * @param skip Callback function. Gets {@link module:engine/view/treewalker~ViewTreeWalkerValue} and should\n\t * return `true` if the value should be skipped or `false` if not.\n\t */ skip(skip) {\n        let nextResult;\n        let prevPosition;\n        do {\n            prevPosition = this.position;\n            nextResult = this.next();\n        }while (!nextResult.done && skip(nextResult.value))\n        if (!nextResult.done) {\n            this._position = prevPosition;\n        }\n    }\n    /**\n\t * Moves tree walker {@link #position} to provided `position`. Tree walker will\n\t * continue traversing from that position.\n\t *\n\t * Note: in contrary to {@link ~ViewTreeWalker#skip}, this method does not iterate over the nodes along the way.\n\t * It simply sets the current tree walker position to a new one.\n\t * From the performance standpoint, it is better to use {@link ~ViewTreeWalker#jumpTo} rather than {@link ~ViewTreeWalker#skip}.\n\t *\n\t * If the provided position is before the start boundary, the position will be\n\t * set to the start boundary. If the provided position is after the end boundary,\n\t * the position will be set to the end boundary.\n\t * This is done to prevent the treewalker from traversing outside the boundaries.\n\t *\n\t * @param position Position to jump to.\n\t */ jumpTo(position) {\n        if (this._boundaryStartParent && position.isBefore(this.boundaries.start)) {\n            position = this.boundaries.start;\n        } else if (this._boundaryEndParent && position.isAfter(this.boundaries.end)) {\n            position = this.boundaries.end;\n        }\n        this._position = position.clone();\n    }\n    /**\n\t * Gets the next tree walker's value.\n\t *\n\t * @returns Object implementing iterator interface, returning\n\t * information about taken step.\n\t */ next() {\n        if (this.direction == 'forward') {\n            return this._next();\n        } else {\n            return this._previous();\n        }\n    }\n    /**\n\t * Makes a step forward in view. Moves the {@link #position} to the next position and returns the encountered value.\n\t */ _next() {\n        let position = this.position.clone();\n        const previousPosition = this.position;\n        const parent = position.parent;\n        // We are at the end of the root.\n        if (parent.parent === null && position.offset === parent.childCount) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        // We reached the walker boundary.\n        if (parent === this._boundaryEndParent && position.offset == this.boundaries.end.offset) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        // Get node just after current position.\n        let node;\n        // Text is a specific parent because it contains string instead of child nodes.\n        if (parent && parent.is('view:$text')) {\n            if (position.isAtEnd) {\n                // Prevent returning \"elementEnd\" for Text node. Skip that value and return the next walker step.\n                this._position = ViewPosition._createAfter(parent);\n                return this._next();\n            }\n            node = parent.data[position.offset];\n        } else {\n            node = parent.getChild(position.offset);\n        }\n        if (typeof node == 'string') {\n            let textLength;\n            if (this.singleCharacters) {\n                textLength = 1;\n            } else {\n                // Check if text stick out of walker range.\n                const endOffset = parent === this._boundaryEndParent ? this.boundaries.end.offset : parent.data.length;\n                textLength = endOffset - position.offset;\n            }\n            const textProxy = new ViewTextProxy(parent, position.offset, textLength);\n            position.offset += textLength;\n            this._position = position;\n            return this._formatReturnValue('text', textProxy, previousPosition, position, textLength);\n        }\n        if (node && node.is('view:element')) {\n            if (!this.shallow) {\n                position = new ViewPosition(node, 0);\n            } else {\n                // We are past the walker boundaries.\n                if (this.boundaries && this.boundaries.end.isBefore(position)) {\n                    return {\n                        done: true,\n                        value: undefined\n                    };\n                }\n                position.offset++;\n            }\n            this._position = position;\n            return this._formatReturnValue('elementStart', node, previousPosition, position, 1);\n        }\n        if (node && node.is('view:$text')) {\n            if (this.singleCharacters) {\n                position = new ViewPosition(node, 0);\n                this._position = position;\n                return this._next();\n            }\n            let charactersCount = node.data.length;\n            let item;\n            // If text stick out of walker range, we need to cut it and wrap in ViewTextProxy.\n            if (node == this._boundaryEndParent) {\n                charactersCount = this.boundaries.end.offset;\n                item = new ViewTextProxy(node, 0, charactersCount);\n                position = ViewPosition._createAfter(item);\n            } else {\n                item = new ViewTextProxy(node, 0, node.data.length);\n                // If not just keep moving forward.\n                position.offset++;\n            }\n            this._position = position;\n            return this._formatReturnValue('text', item, previousPosition, position, charactersCount);\n        }\n        // `node` is not set, we reached the end of current `parent`.\n        position = ViewPosition._createAfter(parent);\n        this._position = position;\n        if (this.ignoreElementEnd) {\n            return this._next();\n        }\n        return this._formatReturnValue('elementEnd', parent, previousPosition, position);\n    }\n    /**\n\t * Makes a step backward in view. Moves the {@link #position} to the previous position and returns the encountered value.\n\t */ _previous() {\n        let position = this.position.clone();\n        const previousPosition = this.position;\n        const parent = position.parent;\n        // We are at the beginning of the root.\n        if (parent.parent === null && position.offset === 0) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        // We reached the walker boundary.\n        if (parent == this._boundaryStartParent && position.offset == this.boundaries.start.offset) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        // Get node just before current position.\n        let node;\n        // Text {@link module:engine/view/text~ViewText} element is a specific parent because contains string instead of child nodes.\n        if (parent.is('view:$text')) {\n            if (position.isAtStart) {\n                // Prevent returning \"elementStart\" for Text node. Skip that value and return the next walker step.\n                this._position = ViewPosition._createBefore(parent);\n                return this._previous();\n            }\n            node = parent.data[position.offset - 1];\n        } else {\n            node = parent.getChild(position.offset - 1);\n        }\n        if (typeof node == 'string') {\n            let textLength;\n            if (!this.singleCharacters) {\n                // Check if text stick out of walker range.\n                const startOffset = parent === this._boundaryStartParent ? this.boundaries.start.offset : 0;\n                textLength = position.offset - startOffset;\n            } else {\n                textLength = 1;\n            }\n            position.offset -= textLength;\n            const textProxy = new ViewTextProxy(parent, position.offset, textLength);\n            this._position = position;\n            return this._formatReturnValue('text', textProxy, previousPosition, position, textLength);\n        }\n        if (node && node.is('view:element')) {\n            if (this.shallow) {\n                position.offset--;\n                this._position = position;\n                return this._formatReturnValue('elementStart', node, previousPosition, position, 1);\n            }\n            position = new ViewPosition(node, node.childCount);\n            this._position = position;\n            if (this.ignoreElementEnd) {\n                return this._previous();\n            }\n            return this._formatReturnValue('elementEnd', node, previousPosition, position);\n        }\n        if (node && node.is('view:$text')) {\n            if (this.singleCharacters) {\n                position = new ViewPosition(node, node.data.length);\n                this._position = position;\n                return this._previous();\n            }\n            let charactersCount = node.data.length;\n            let item;\n            // If text stick out of walker range, we need to cut it and wrap in ViewTextProxy.\n            if (node == this._boundaryStartParent) {\n                const offset = this.boundaries.start.offset;\n                item = new ViewTextProxy(node, offset, node.data.length - offset);\n                charactersCount = item.data.length;\n                position = ViewPosition._createBefore(item);\n            } else {\n                item = new ViewTextProxy(node, 0, node.data.length);\n                // If not just keep moving backward.\n                position.offset--;\n            }\n            this._position = position;\n            return this._formatReturnValue('text', item, previousPosition, position, charactersCount);\n        }\n        // `node` is not set, we reached the beginning of current `parent`.\n        position = ViewPosition._createBefore(parent);\n        this._position = position;\n        return this._formatReturnValue('elementStart', parent, previousPosition, position, 1);\n    }\n    /**\n\t * Format returned data and adjust `previousPosition` and `nextPosition` if\n\t * reach the bound of the {@link module:engine/view/text~ViewText}.\n\t *\n\t * @param type Type of step.\n\t * @param item Item between old and new position.\n\t * @param previousPosition Previous position of iterator.\n\t * @param nextPosition Next position of iterator.\n\t * @param length Length of the item.\n\t */ _formatReturnValue(type, item, previousPosition, nextPosition, length) {\n        // Text is a specific parent, because contains string instead of children.\n        // Walker doesn't enter to the Text except situations when walker is iterating over every single character,\n        // or the bound starts/ends inside the Text. So when the position is at the beginning or at the end of the Text\n        // we move it just before or just after Text.\n        if (item.is('view:$textProxy')) {\n            // Position is at the end of Text.\n            if (item.offsetInText + item.data.length == item.textNode.data.length) {\n                if (this.direction == 'forward' && !(this.boundaries && this.boundaries.end.isEqual(this.position))) {\n                    nextPosition = ViewPosition._createAfter(item.textNode);\n                    // When we change nextPosition of returned value we need also update walker current position.\n                    this._position = nextPosition;\n                } else {\n                    previousPosition = ViewPosition._createAfter(item.textNode);\n                }\n            }\n            // Position is at the begining ot the text.\n            if (item.offsetInText === 0) {\n                if (this.direction == 'backward' && !(this.boundaries && this.boundaries.start.isEqual(this.position))) {\n                    nextPosition = ViewPosition._createBefore(item.textNode);\n                    // When we change nextPosition of returned value we need also update walker current position.\n                    this._position = nextPosition;\n                } else {\n                    previousPosition = ViewPosition._createBefore(item.textNode);\n                }\n            }\n        }\n        return {\n            done: false,\n            value: {\n                type,\n                item,\n                previousPosition,\n                nextPosition,\n                length\n            }\n        };\n    }\n}\n\n/**\n * Position in the view tree. Position is represented by its parent node and an offset in this parent.\n *\n * In order to create a new position instance use the `createPosition*()` factory methods available in:\n *\n * * {@link module:engine/view/view~EditingView}\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter}\n * * {@link module:engine/view/upcastwriter~ViewUpcastWriter}\n */ class ViewPosition extends ViewTypeCheckable {\n    /**\n\t * Position parent.\n\t */ parent;\n    /**\n\t * Position offset.\n\t */ offset;\n    /**\n\t * Creates a position.\n\t *\n\t * @param parent Position parent.\n\t * @param offset Position offset.\n\t */ constructor(parent, offset){\n        super();\n        this.parent = parent;\n        this.offset = offset;\n    }\n    /**\n\t * Node directly after the position. Equals `null` when there is no node after position or position is located\n\t * inside text node.\n\t */ get nodeAfter() {\n        if (this.parent.is('$text')) {\n            return null;\n        }\n        return this.parent.getChild(this.offset) || null;\n    }\n    /**\n\t * Node directly before the position. Equals `null` when there is no node before position or position is located\n\t * inside text node.\n\t */ get nodeBefore() {\n        if (this.parent.is('$text')) {\n            return null;\n        }\n        return this.parent.getChild(this.offset - 1) || null;\n    }\n    /**\n\t * Is `true` if position is at the beginning of its {@link module:engine/view/position~ViewPosition#parent parent}, `false` otherwise.\n\t */ get isAtStart() {\n        return this.offset === 0;\n    }\n    /**\n\t * Is `true` if position is at the end of its {@link module:engine/view/position~ViewPosition#parent parent}, `false` otherwise.\n\t */ get isAtEnd() {\n        const endOffset = this.parent.is('$text') ? this.parent.data.length : this.parent.childCount;\n        return this.offset === endOffset;\n    }\n    /**\n\t * Position's root, that is the root of the position's parent element.\n\t */ get root() {\n        return this.parent.root;\n    }\n    /**\n\t * {@link module:engine/view/editableelement~ViewEditableElement ViewEditableElement} instance that contains this position, or `null` if\n\t * position is not inside an editable element.\n\t */ get editableElement() {\n        let editable = this.parent;\n        while(!(editable instanceof ViewEditableElement)){\n            if (editable.parent) {\n                editable = editable.parent;\n            } else {\n                return null;\n            }\n        }\n        return editable;\n    }\n    /**\n\t * Returns a new instance of Position with offset incremented by `shift` value.\n\t *\n\t * @param shift How position offset should get changed. Accepts negative values.\n\t * @returns Shifted position.\n\t */ getShiftedBy(shift) {\n        const shifted = ViewPosition._createAt(this);\n        const offset = shifted.offset + shift;\n        shifted.offset = offset < 0 ? 0 : offset;\n        return shifted;\n    }\n    /**\n\t * Gets the farthest position which matches the callback using\n\t * {@link module:engine/view/treewalker~ViewTreeWalker TreeWalker}.\n\t *\n\t * For example:\n\t *\n\t * ```ts\n\t * getLastMatchingPosition( value => value.type == 'text' ); // <p>{}foo</p> -> <p>foo[]</p>\n\t * getLastMatchingPosition( value => value.type == 'text', { direction: 'backward' } ); // <p>foo[]</p> -> <p>{}foo</p>\n\t * getLastMatchingPosition( value => false ); // Do not move the position.\n\t * ```\n\t *\n\t * @param skip Callback function. Gets {@link module:engine/view/treewalker~ViewTreeWalkerValue} and should\n\t * return `true` if the value should be skipped or `false` if not.\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}.\n\t * @returns The position after the last item which matches the `skip` callback test.\n\t */ getLastMatchingPosition(skip, options = {}) {\n        options.startPosition = this;\n        const treeWalker = new ViewTreeWalker(options);\n        treeWalker.skip(skip);\n        return treeWalker.position;\n    }\n    /**\n\t * Returns ancestors array of this position, that is this position's parent and it's ancestors.\n\t *\n\t * @returns Array with ancestors.\n\t */ getAncestors() {\n        if (this.parent.is('documentFragment')) {\n            return [\n                this.parent\n            ];\n        } else {\n            return this.parent.getAncestors({\n                includeSelf: true\n            });\n        }\n    }\n    /**\n\t * Returns a {@link module:engine/view/node~ViewNode} or {@link module:engine/view/documentfragment~ViewDocumentFragment}\n\t * which is a common ancestor of both positions.\n\t */ getCommonAncestor(position) {\n        const ancestorsA = this.getAncestors();\n        const ancestorsB = position.getAncestors();\n        let i = 0;\n        while(ancestorsA[i] == ancestorsB[i] && ancestorsA[i]){\n            i++;\n        }\n        return i === 0 ? null : ancestorsA[i - 1];\n    }\n    /**\n\t * Checks whether this position equals given position.\n\t *\n\t * @param otherPosition Position to compare with.\n\t * @returns True if positions are same.\n\t */ isEqual(otherPosition) {\n        return this.parent == otherPosition.parent && this.offset == otherPosition.offset;\n    }\n    /**\n\t * Checks whether this position is located before given position. When method returns `false` it does not mean that\n\t * this position is after give one. Two positions may be located inside separate roots and in that situation this\n\t * method will still return `false`.\n\t *\n\t * @see module:engine/view/position~ViewPosition#isAfter\n\t * @see module:engine/view/position~ViewPosition#compareWith\n\t * @param otherPosition Position to compare with.\n\t * @returns Returns `true` if this position is before given position.\n\t */ isBefore(otherPosition) {\n        return this.compareWith(otherPosition) == 'before';\n    }\n    /**\n\t * Checks whether this position is located after given position. When method returns `false` it does not mean that\n\t * this position is before give one. Two positions may be located inside separate roots and in that situation this\n\t * method will still return `false`.\n\t *\n\t * @see module:engine/view/position~ViewPosition#isBefore\n\t * @see module:engine/view/position~ViewPosition#compareWith\n\t * @param otherPosition Position to compare with.\n\t * @returns Returns `true` if this position is after given position.\n\t */ isAfter(otherPosition) {\n        return this.compareWith(otherPosition) == 'after';\n    }\n    /**\n\t * Checks whether this position is before, after or in same position that other position. Two positions may be also\n\t * different when they are located in separate roots.\n\t *\n\t * @param otherPosition Position to compare with.\n\t */ compareWith(otherPosition) {\n        if (this.root !== otherPosition.root) {\n            return 'different';\n        }\n        if (this.isEqual(otherPosition)) {\n            return 'same';\n        }\n        // Get path from root to position's parent element.\n        const thisPath = this.parent.is('node') ? this.parent.getPath() : [];\n        const otherPath = otherPosition.parent.is('node') ? otherPosition.parent.getPath() : [];\n        // Add the positions' offsets to the parents offsets.\n        thisPath.push(this.offset);\n        otherPath.push(otherPosition.offset);\n        // Compare both path arrays to find common ancestor.\n        const result = compareArrays(thisPath, otherPath);\n        switch(result){\n            case 'prefix':\n                return 'before';\n            case 'extension':\n                return 'after';\n            default:\n                // Cast to number to avoid having 'same' as a type of `result`.\n                return thisPath[result] < otherPath[result] ? 'before' : 'after';\n        }\n    }\n    /**\n\t * Creates a {@link module:engine/view/treewalker~ViewTreeWalker TreeWalker} instance with this positions as a start position.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}\n\t */ getWalker(options = {}) {\n        options.startPosition = this;\n        return new ViewTreeWalker(options);\n    }\n    /**\n\t * Clones this position.\n\t */ clone() {\n        return new ViewPosition(this.parent, this.offset);\n    }\n    /**\n\t * Converts `ViewPosition` instance to plain object and returns it.\n\t *\n\t * @returns `ViewPosition` instance converted to plain object.\n\t */ toJSON() {\n        return {\n            parent: this.parent.toJSON(),\n            offset: this.offset\n        };\n    }\n    /**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/view/position~ViewPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/view/item~ViewItem view item} and `'before'` or `'after'` (sets position before or after given view item).\n\t *\n\t * This method is a shortcut to other constructors such as:\n\t *\n\t * * {@link module:engine/view/position~ViewPosition._createBefore},\n\t * * {@link module:engine/view/position~ViewPosition._createAfter}.\n\t *\n\t * @internal\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */ static _createAt(itemOrPosition, offset) {\n        if (itemOrPosition instanceof ViewPosition) {\n            return new this(itemOrPosition.parent, itemOrPosition.offset);\n        } else {\n            const node = itemOrPosition;\n            if (offset == 'end') {\n                offset = node.is('$text') ? node.data.length : node.childCount;\n            } else if (offset == 'before') {\n                return this._createBefore(node);\n            } else if (offset == 'after') {\n                return this._createAfter(node);\n            } else if (offset !== 0 && !offset) {\n                /**\n\t\t\t\t * {@link module:engine/view/view~EditingView#createPositionAt `View#createPositionAt()`}\n\t\t\t\t * requires the offset to be specified when the first parameter is a view item.\n\t\t\t\t *\n\t\t\t\t * @error view-createpositionat-offset-required\n\t\t\t\t */ throw new CKEditorError('view-createpositionat-offset-required', node);\n            }\n            return new ViewPosition(node, offset);\n        }\n    }\n    /**\n\t * Creates a new position after given view item.\n\t *\n\t * @internal\n\t * @param item View item after which the position should be located.\n\t */ static _createAfter(item) {\n        // ViewTextProxy is not a instance of Node so we need do handle it in specific way.\n        if (item.is('$textProxy')) {\n            return new ViewPosition(item.textNode, item.offsetInText + item.data.length);\n        }\n        if (!item.parent) {\n            /**\n\t\t\t * You cannot make a position after a root.\n\t\t\t *\n\t\t\t * @error view-position-after-root\n\t\t\t * @param {module:engine/view/node~ViewNode} root A root item.\n\t\t\t */ throw new CKEditorError('view-position-after-root', item, {\n                root: item\n            });\n        }\n        return new ViewPosition(item.parent, item.index + 1);\n    }\n    /**\n\t * Creates a new position before given view item.\n\t *\n\t * @internal\n\t * @param item View item before which the position should be located.\n\t */ static _createBefore(item) {\n        // ViewTextProxy is not a instance of Node so we need do handle it in specific way.\n        if (item.is('$textProxy')) {\n            return new ViewPosition(item.textNode, item.offsetInText);\n        }\n        if (!item.parent) {\n            /**\n\t\t\t * You cannot make a position before a root.\n\t\t\t *\n\t\t\t * @error view-position-before-root\n\t\t\t * @param {module:engine/view/node~ViewNode} root A root item.\n\t\t\t */ throw new CKEditorError('view-position-before-root', item, {\n                root: item\n            });\n        }\n        return new ViewPosition(item.parent, item.index);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewPosition.prototype.is = function(type) {\n    return type === 'position' || type === 'view:position';\n};\n\n/**\n * Range in the view tree. A range is represented by its start and end {@link module:engine/view/position~ViewPosition positions}.\n *\n * In order to create a new position instance use the `createPosition*()` factory methods available in:\n *\n * * {@link module:engine/view/view~EditingView}\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter}\n * * {@link module:engine/view/upcastwriter~ViewUpcastWriter}\n */ class ViewRange extends ViewTypeCheckable {\n    /**\n\t * Start position.\n\t */ start;\n    /**\n\t * End position.\n\t */ end;\n    /**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * **Note:** Constructor creates it's own {@link module:engine/view/position~ViewPosition} instances basing on passed values.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at the `start` position.\n\t */ constructor(start, end = null){\n        super();\n        this.start = start.clone();\n        this.end = end ? end.clone() : start.clone();\n    }\n    /**\n\t * Iterable interface.\n\t *\n\t * Iterates over all {@link module:engine/view/item~ViewItem view items} that are in this range and returns\n\t * them together with additional information like length or {@link module:engine/view/position~ViewPosition positions},\n\t * grouped as {@link module:engine/view/treewalker~ViewTreeWalkerValue}.\n\t *\n\t * This iterator uses {@link module:engine/view/treewalker~ViewTreeWalker TreeWalker} with `boundaries` set to this range and\n\t * `ignoreElementEnd` option\n\t * set to `true`.\n\t */ *[Symbol.iterator]() {\n        yield* new ViewTreeWalker({\n            boundaries: this,\n            ignoreElementEnd: true\n        });\n    }\n    /**\n\t * Returns whether the range is collapsed, that is it start and end positions are equal.\n\t */ get isCollapsed() {\n        return this.start.isEqual(this.end);\n    }\n    /**\n\t * Returns whether this range is flat, that is if {@link module:engine/view/range~ViewRange#start start} position and\n\t * {@link module:engine/view/range~ViewRange#end end} position are in the same\n\t * {@link module:engine/view/position~ViewPosition#parent parent}.\n\t */ get isFlat() {\n        return this.start.parent === this.end.parent;\n    }\n    /**\n\t * Range root element.\n\t */ get root() {\n        return this.start.root;\n    }\n    /**\n\t * Creates a maximal range that has the same content as this range but is expanded in both ways (at the beginning\n\t * and at the end).\n\t *\n\t * For example:\n\t *\n\t * ```html\n\t * <p>Foo</p><p><b>{Bar}</b></p> -> <p>Foo</p>[<p><b>Bar</b>]</p>\n\t * <p><b>foo</b>{bar}<span></span></p> -> <p><b>foo[</b>bar<span></span>]</p>\n\t * ```\n\t *\n\t * Note that in the sample above:\n\t *\n\t * - `<p>` have type of {@link module:engine/view/containerelement~ViewContainerElement},\n\t * - `<b>` have type of {@link module:engine/view/attributeelement~ViewAttributeElement},\n\t * - `<span>` have type of {@link module:engine/view/uielement~ViewUIElement}.\n\t *\n\t * @returns Enlarged range.\n\t */ getEnlarged() {\n        let start = this.start.getLastMatchingPosition(enlargeTrimSkip, {\n            direction: 'backward'\n        });\n        let end = this.end.getLastMatchingPosition(enlargeTrimSkip);\n        // Fix positions, in case if they are in Text node.\n        if (start.parent.is('$text') && start.isAtStart) {\n            start = ViewPosition._createBefore(start.parent);\n        }\n        if (end.parent.is('$text') && end.isAtEnd) {\n            end = ViewPosition._createAfter(end.parent);\n        }\n        return new ViewRange(start, end);\n    }\n    /**\n\t * Creates a minimum range that has the same content as this range but is trimmed in both ways (at the beginning\n\t * and at the end).\n\t *\n\t * For example:\n\t *\n\t * ```html\n\t * <p>Foo</p>[<p><b>Bar</b>]</p> -> <p>Foo</p><p><b>{Bar}</b></p>\n\t * <p><b>foo[</b>bar<span></span>]</p> -> <p><b>foo</b>{bar}<span></span></p>\n\t * ```\n\t *\n\t * Note that in the sample above:\n\t *\n\t * - `<p>` have type of {@link module:engine/view/containerelement~ViewContainerElement},\n\t * - `<b>` have type of {@link module:engine/view/attributeelement~ViewAttributeElement},\n\t * - `<span>` have type of {@link module:engine/view/uielement~ViewUIElement}.\n\t *\n\t * @returns Shrunk range.\n\t */ getTrimmed() {\n        let start = this.start.getLastMatchingPosition(enlargeTrimSkip);\n        if (start.isAfter(this.end) || start.isEqual(this.end)) {\n            return new ViewRange(start, start);\n        }\n        let end = this.end.getLastMatchingPosition(enlargeTrimSkip, {\n            direction: 'backward'\n        });\n        const nodeAfterStart = start.nodeAfter;\n        const nodeBeforeEnd = end.nodeBefore;\n        // Because TreeWalker prefers positions next to text node, we need to move them manually into these text nodes.\n        if (nodeAfterStart && nodeAfterStart.is('$text')) {\n            start = new ViewPosition(nodeAfterStart, 0);\n        }\n        if (nodeBeforeEnd && nodeBeforeEnd.is('$text')) {\n            end = new ViewPosition(nodeBeforeEnd, nodeBeforeEnd.data.length);\n        }\n        return new ViewRange(start, end);\n    }\n    /**\n\t * Two ranges are equal if their start and end positions are equal.\n\t *\n\t * @param otherRange Range to compare with.\n\t * @returns `true` if ranges are equal, `false` otherwise\n\t */ isEqual(otherRange) {\n        return this == otherRange || this.start.isEqual(otherRange.start) && this.end.isEqual(otherRange.end);\n    }\n    /**\n\t * Checks whether this range contains given {@link module:engine/view/position~ViewPosition position}.\n\t *\n\t * @param position Position to check.\n\t * @returns `true` if given {@link module:engine/view/position~ViewPosition position} is contained in this range, `false` otherwise.\n\t */ containsPosition(position) {\n        return position.isAfter(this.start) && position.isBefore(this.end);\n    }\n    /**\n\t * Checks whether this range contains given {@link module:engine/view/range~ViewRange range}.\n\t *\n\t * @param otherRange Range to check.\n\t * @param loose Whether the check is loose or strict. If the check is strict (`false`), compared range cannot\n\t * start or end at the same position as this range boundaries. If the check is loose (`true`), compared range can start, end or\n\t * even be equal to this range. Note that collapsed ranges are always compared in strict mode.\n\t * @returns `true` if given {@link module:engine/view/range~ViewRange range} boundaries are contained by this range, `false`\n\t * otherwise.\n\t */ containsRange(otherRange, loose = false) {\n        if (otherRange.isCollapsed) {\n            loose = false;\n        }\n        const containsStart = this.containsPosition(otherRange.start) || loose && this.start.isEqual(otherRange.start);\n        const containsEnd = this.containsPosition(otherRange.end) || loose && this.end.isEqual(otherRange.end);\n        return containsStart && containsEnd;\n    }\n    /**\n\t * Computes which part(s) of this {@link module:engine/view/range~ViewRange range} is not a part of given\n\t * {@link module:engine/view/range~ViewRange range}.\n\t * Returned array contains zero, one or two {@link module:engine/view/range~ViewRange ranges}.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let foo = downcastWriter.createText( 'foo' );\n\t * let img = downcastWriter.createContainerElement( 'img' );\n\t * let bar = downcastWriter.createText( 'bar' );\n\t * let p = downcastWriter.createContainerElement( 'p', null, [ foo, img, bar ] );\n\t *\n\t * let range = view.createRange( view.createPositionAt( foo, 2 ), view.createPositionAt( bar, 1 ); // \"o\", img, \"b\" are in range.\n\t * let otherRange = view.createRange( // \"oo\", img, \"ba\" are in range.\n\t * \tview.createPositionAt( foo, 1 ),\n\t * \tview.createPositionAt( bar, 2 )\n\t * );\n\t * let transformed = range.getDifference( otherRange );\n\t * // transformed array has no ranges because `otherRange` contains `range`\n\t *\n\t * otherRange = view.createRange( view.createPositionAt( foo, 1 ), view.createPositionAt( p, 2 ); // \"oo\", img are in range.\n\t * transformed = range.getDifference( otherRange );\n\t * // transformed array has one range: from ( p, 2 ) to ( bar, 1 )\n\t *\n\t * otherRange = view.createRange( view.createPositionAt( p, 1 ), view.createPositionAt( p, 2 ) ); // img is in range.\n\t * transformed = range.getDifference( otherRange );\n\t * // transformed array has two ranges: from ( foo, 1 ) to ( p, 1 ) and from ( p, 2 ) to ( bar, 1 )\n\t * ```\n\t *\n\t * @param otherRange Range to differentiate against.\n\t * @returns The difference between ranges.\n\t */ getDifference(otherRange) {\n        const ranges = [];\n        if (this.isIntersecting(otherRange)) {\n            // Ranges intersect.\n            if (this.containsPosition(otherRange.start)) {\n                // Given range start is inside this range. This means that we have to\n                // add shrunken range - from the start to the middle of this range.\n                ranges.push(new ViewRange(this.start, otherRange.start));\n            }\n            if (this.containsPosition(otherRange.end)) {\n                // Given range end is inside this range. This means that we have to\n                // add shrunken range - from the middle of this range to the end.\n                ranges.push(new ViewRange(otherRange.end, this.end));\n            }\n        } else {\n            // Ranges do not intersect, return the original range.\n            ranges.push(this.clone());\n        }\n        return ranges;\n    }\n    /**\n\t * Returns an intersection of this {@link module:engine/view/range~ViewRange range}\n\t * and given {@link module:engine/view/range~ViewRange range}.\n\t * Intersection is a common part of both of those ranges. If ranges has no common part, returns `null`.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let foo = downcastWriter.createText( 'foo' );\n\t * let img = downcastWriter.createContainerElement( 'img' );\n\t * let bar = downcastWriter.createText( 'bar' );\n\t * let p = downcastWriter.createContainerElement( 'p', null, [ foo, img, bar ] );\n\t *\n\t * let range = view.createRange( view.createPositionAt( foo, 2 ), view.createPositionAt( bar, 1 ); // \"o\", img, \"b\" are in range.\n\t * let otherRange = view.createRange( view.createPositionAt( foo, 1 ), view.createPositionAt( p, 2 ); // \"oo\", img are in range.\n\t * let transformed = range.getIntersection( otherRange ); // range from ( foo, 1 ) to ( p, 2 ).\n\t *\n\t * otherRange = view.createRange( view.createPositionAt( bar, 1 ), view.createPositionAt( bar, 3 ); \"ar\" is in range.\n\t * transformed = range.getIntersection( otherRange ); // null - no common part.\n\t * ```\n\t *\n\t * @param otherRange Range to check for intersection.\n\t * @returns A common part of given ranges or `null` if ranges have no common part.\n\t */ getIntersection(otherRange) {\n        if (this.isIntersecting(otherRange)) {\n            // Ranges intersect, so a common range will be returned.\n            // At most, it will be same as this range.\n            let commonRangeStart = this.start;\n            let commonRangeEnd = this.end;\n            if (this.containsPosition(otherRange.start)) {\n                // Given range start is inside this range. This means thaNt we have to\n                // shrink common range to the given range start.\n                commonRangeStart = otherRange.start;\n            }\n            if (this.containsPosition(otherRange.end)) {\n                // Given range end is inside this range. This means that we have to\n                // shrink common range to the given range end.\n                commonRangeEnd = otherRange.end;\n            }\n            return new ViewRange(commonRangeStart, commonRangeEnd);\n        }\n        // Ranges do not intersect, so they do not have common part.\n        return null;\n    }\n    /**\n\t * Creates a {@link module:engine/view/treewalker~ViewTreeWalker TreeWalker} instance with this range as a boundary.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}.\n\t */ getWalker(options = {}) {\n        options.boundaries = this;\n        return new ViewTreeWalker(options);\n    }\n    /**\n\t * Returns a {@link module:engine/view/node~ViewNode} or {@link module:engine/view/documentfragment~ViewDocumentFragment}\n\t * which is a common ancestor of range's both ends (in which the entire range is contained).\n\t */ getCommonAncestor() {\n        return this.start.getCommonAncestor(this.end);\n    }\n    /**\n\t * Returns an {@link module:engine/view/element~ViewElement Element} contained by the range.\n\t * The element will be returned when it is the **only** node within the range and **fully–contained**\n\t * at the same time.\n\t */ getContainedElement() {\n        if (this.isCollapsed) {\n            return null;\n        }\n        let nodeAfterStart = this.start.nodeAfter;\n        let nodeBeforeEnd = this.end.nodeBefore;\n        // Handle the situation when the range position is at the beginning / at the end of a text node.\n        // In such situation `.nodeAfter` and `.nodeBefore` are `null` but the range still might be spanning\n        // over one element.\n        //\n        // <p>Foo{<span class=\"widget\"></span>}bar</p> vs <p>Foo[<span class=\"widget\"></span>]bar</p>\n        //\n        // These are basically the same range, only the difference is if the range position is at\n        // at the end/at the beginning of a text node or just before/just after the text node.\n        //\n        if (this.start.parent.is('$text') && this.start.isAtEnd && this.start.parent.nextSibling) {\n            nodeAfterStart = this.start.parent.nextSibling;\n        }\n        if (this.end.parent.is('$text') && this.end.isAtStart && this.end.parent.previousSibling) {\n            nodeBeforeEnd = this.end.parent.previousSibling;\n        }\n        if (nodeAfterStart && nodeAfterStart.is('element') && nodeAfterStart === nodeBeforeEnd) {\n            return nodeAfterStart;\n        }\n        return null;\n    }\n    /**\n\t * Clones this range.\n\t */ clone() {\n        return new ViewRange(this.start, this.end);\n    }\n    /**\n\t * Returns an iterator that iterates over all {@link module:engine/view/item~ViewItem view items} that are in this range and returns\n\t * them.\n\t *\n\t * This method uses {@link module:engine/view/treewalker~ViewTreeWalker} with `boundaries` set to this range\n\t * and `ignoreElementEnd` option set to `true`. However it returns only {@link module:engine/view/item~ViewItem items},\n\t * not {@link module:engine/view/treewalker~ViewTreeWalkerValue}.\n\t *\n\t * You may specify additional options for the tree walker. See {@link module:engine/view/treewalker~ViewTreeWalker} for\n\t * a full list of available options.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}.\n\t */ *getItems(options = {}) {\n        options.boundaries = this;\n        options.ignoreElementEnd = true;\n        const treeWalker = new ViewTreeWalker(options);\n        for (const value of treeWalker){\n            yield value.item;\n        }\n    }\n    /**\n\t * Returns an iterator that iterates over all {@link module:engine/view/position~ViewPosition positions} that are boundaries or\n\t * contained in this range.\n\t *\n\t * This method uses {@link module:engine/view/treewalker~ViewTreeWalker} with `boundaries` set to this range. However it returns only\n\t * {@link module:engine/view/position~ViewPosition positions}, not {@link module:engine/view/treewalker~ViewTreeWalkerValue}.\n\t *\n\t * You may specify additional options for the tree walker. See {@link module:engine/view/treewalker~ViewTreeWalker} for\n\t * a full list of available options.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}.\n\t */ *getPositions(options = {}) {\n        options.boundaries = this;\n        const treeWalker = new ViewTreeWalker(options);\n        yield treeWalker.position;\n        for (const value of treeWalker){\n            yield value.nextPosition;\n        }\n    }\n    /**\n\t * Checks and returns whether this range intersects with the given range.\n\t *\n\t * @param otherRange Range to compare with.\n\t * @returns True if ranges intersect.\n\t */ isIntersecting(otherRange) {\n        return this.start.isBefore(otherRange.end) && this.end.isAfter(otherRange.start);\n    }\n    /**\n\t * Converts `ViewRange` instance to plain object and returns it.\n\t *\n\t * @returns `ViewRange` instance converted to plain object.\n\t */ toJSON() {\n        return {\n            start: this.start.toJSON(),\n            end: this.end.toJSON()\n        };\n    }\n    /**\n\t * Creates a range from the given parents and offsets.\n\t *\n\t * @internal\n\t * @param startElement Start position parent element.\n\t * @param startOffset Start position offset.\n\t * @param endElement End position parent element.\n\t * @param endOffset End position offset.\n\t * @returns Created range.\n\t */ static _createFromParentsAndOffsets(startElement, startOffset, endElement, endOffset) {\n        return new this(new ViewPosition(startElement, startOffset), new ViewPosition(endElement, endOffset));\n    }\n    /**\n\t * Creates a new range, spreading from specified {@link module:engine/view/position~ViewPosition position} to a position moved by\n\t * given `shift`. If `shift` is a negative value, shifted position is treated as the beginning of the range.\n\t *\n\t * @internal\n\t * @param position Beginning of the range.\n\t * @param shift How long the range should be.\n\t */ static _createFromPositionAndShift(position, shift) {\n        const start = position;\n        const end = position.getShiftedBy(shift);\n        return shift > 0 ? new this(start, end) : new this(end, start);\n    }\n    /**\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @internal\n\t * @param element Element which is a parent for the range.\n\t */ static _createIn(element) {\n        return this._createFromParentsAndOffsets(element, 0, element, element.childCount);\n    }\n    /**\n\t * Creates a range that starts before given {@link module:engine/view/item~ViewItem view item} and ends after it.\n\t *\n\t * @internal\n\t */ static _createOn(item) {\n        const size = item.is('$textProxy') ? item.offsetSize : 1;\n        return this._createFromPositionAndShift(ViewPosition._createBefore(item), size);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewRange.prototype.is = function(type) {\n    return type === 'range' || type === 'view:range';\n};\n/**\n * Function used by getEnlarged and getTrimmed methods.\n */ function enlargeTrimSkip(value) {\n    if (value.item.is('attributeElement') || value.item.is('uiElement')) {\n        return true;\n    }\n    return false;\n}\n\n/**\n * Class representing an arbirtary selection in the view.\n * See also {@link module:engine/view/documentselection~ViewDocumentSelection}.\n *\n * New selection instances can be created via the constructor or one these methods:\n *\n * * {@link module:engine/view/view~EditingView#createSelection `View#createSelection()`},\n * * {@link module:engine/view/upcastwriter~ViewUpcastWriter#createSelection `UpcastWriter#createSelection()`}.\n *\n * A selection can consist of {@link module:engine/view/range~ViewRange ranges} that can be set by using\n * the {@link module:engine/view/selection~ViewSelection#setTo `Selection#setTo()`} method.\n */ class ViewSelection extends /* #__PURE__ */ EmitterMixin(ViewTypeCheckable) {\n    /**\n\t * Stores all ranges that are selected.\n\t */ _ranges;\n    /**\n\t * Specifies whether the last added range was added as a backward or forward range.\n\t */ _lastRangeBackward;\n    /**\n\t * Specifies whether selection instance is fake.\n\t */ _isFake;\n    /**\n\t * Fake selection's label.\n\t */ _fakeSelectionLabel;\n    /**\n\t * Creates new selection instance.\n\t *\n\t * **Note**: The selection constructor is available as a factory method:\n\t *\n\t * * {@link module:engine/view/view~EditingView#createSelection `View#createSelection()`},\n\t * * {@link module:engine/view/upcastwriter~ViewUpcastWriter#createSelection `UpcastWriter#createSelection()`}.\n\t *\n\t * ```ts\n\t * // Creates empty selection without ranges.\n\t * const selection = writer.createSelection();\n\t *\n\t * // Creates selection at the given range.\n\t * const range = writer.createRange( start, end );\n\t * const selection = writer.createSelection( range );\n\t *\n\t * // Creates selection at the given ranges\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * const selection = writer.createSelection( ranges );\n\t *\n\t * // Creates selection from the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * const selection = writer.createSelection( otherSelection );\n\t *\n\t * // Creates selection from the document selection.\n\t * const selection = writer.createSelection( editor.editing.view.document.selection );\n\t *\n\t * // Creates selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * const selection = writer.createSelection( position );\n\t *\n\t * // Creates collapsed selection at the position of given item and offset.\n\t * const paragraph = writer.createContainerElement( 'paragraph' );\n\t * const selection = writer.createSelection( paragraph, offset );\n\t *\n\t * // Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the\n\t * // first child of that element and ends after the last child of that element.\n\t * const selection = writer.createSelection( paragraph, 'in' );\n\t *\n\t * // Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends\n\t * // just after the item.\n\t * const selection = writer.createSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = writer.createSelection( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * @internal\n\t */ constructor(...args){\n        super();\n        this._ranges = [];\n        this._lastRangeBackward = false;\n        this._isFake = false;\n        this._fakeSelectionLabel = '';\n        if (args.length) {\n            this.setTo(...args);\n        }\n    }\n    /**\n\t * Returns true if selection instance is marked as `fake`.\n\t *\n\t * @see #setTo\n\t */ get isFake() {\n        return this._isFake;\n    }\n    /**\n\t * Returns fake selection label.\n\t *\n\t * @see #setTo\n\t */ get fakeSelectionLabel() {\n        return this._fakeSelectionLabel;\n    }\n    /**\n\t * Selection anchor. Anchor may be described as a position where the selection starts. Together with\n\t * {@link #focus focus} they define the direction of selection, which is important\n\t * when expanding/shrinking selection. Anchor is always the start or end of the most recent added range.\n\t * It may be a bit unintuitive when there are multiple ranges in selection.\n\t *\n\t * @see #focus\n\t */ get anchor() {\n        if (!this._ranges.length) {\n            return null;\n        }\n        const range = this._ranges[this._ranges.length - 1];\n        const anchor = this._lastRangeBackward ? range.end : range.start;\n        return anchor.clone();\n    }\n    /**\n\t * Selection focus. Focus is a position where the selection ends.\n\t *\n\t * @see #anchor\n\t */ get focus() {\n        if (!this._ranges.length) {\n            return null;\n        }\n        const range = this._ranges[this._ranges.length - 1];\n        const focus = this._lastRangeBackward ? range.start : range.end;\n        return focus.clone();\n    }\n    /**\n\t * Returns whether the selection is collapsed. Selection is collapsed when there is exactly one range which is\n\t * collapsed.\n\t */ get isCollapsed() {\n        return this.rangeCount === 1 && this._ranges[0].isCollapsed;\n    }\n    /**\n\t * Returns number of ranges in selection.\n\t */ get rangeCount() {\n        return this._ranges.length;\n    }\n    /**\n\t * Specifies whether the {@link #focus} precedes {@link #anchor}.\n\t */ get isBackward() {\n        return !this.isCollapsed && this._lastRangeBackward;\n    }\n    /**\n\t * {@link module:engine/view/editableelement~ViewEditableElement ViewEditableElement} instance that contains this selection, or `null`\n\t * if the selection is not inside an editable element.\n\t */ get editableElement() {\n        if (this.anchor) {\n            return this.anchor.editableElement;\n        }\n        return null;\n    }\n    /**\n\t * Returns an iterable that contains copies of all ranges added to the selection.\n\t */ *getRanges() {\n        for (const range of this._ranges){\n            yield range.clone();\n        }\n    }\n    /**\n\t * Returns copy of the first range in the selection. First range is the one which\n\t * {@link module:engine/view/range~ViewRange#start start} position\n\t * {@link module:engine/view/position~ViewPosition#isBefore is before} start\n\t * position of all other ranges (not to confuse with the first range added to the selection).\n\t * Returns `null` if no ranges are added to selection.\n\t */ getFirstRange() {\n        let first = null;\n        for (const range of this._ranges){\n            if (!first || range.start.isBefore(first.start)) {\n                first = range;\n            }\n        }\n        return first ? first.clone() : null;\n    }\n    /**\n\t * Returns copy of the last range in the selection. Last range is the one which {@link module:engine/view/range~ViewRange#end end}\n\t * position {@link module:engine/view/position~ViewPosition#isAfter is after} end position of all other ranges (not to confuse\n\t * with the last range added to the selection). Returns `null` if no ranges are added to selection.\n\t */ getLastRange() {\n        let last = null;\n        for (const range of this._ranges){\n            if (!last || range.end.isAfter(last.end)) {\n                last = range;\n            }\n        }\n        return last ? last.clone() : null;\n    }\n    /**\n\t * Returns copy of the first position in the selection. First position is the position that\n\t * {@link module:engine/view/position~ViewPosition#isBefore is before} any other position in the selection ranges.\n\t * Returns `null` if no ranges are added to selection.\n\t */ getFirstPosition() {\n        const firstRange = this.getFirstRange();\n        return firstRange ? firstRange.start.clone() : null;\n    }\n    /**\n\t * Returns copy of the last position in the selection. Last position is the position that\n\t * {@link module:engine/view/position~ViewPosition#isAfter is after} any other position in the selection ranges.\n\t * Returns `null` if no ranges are added to selection.\n\t */ getLastPosition() {\n        const lastRange = this.getLastRange();\n        return lastRange ? lastRange.end.clone() : null;\n    }\n    /**\n\t * Checks whether, this selection is equal to given selection. Selections are equal if they have same directions,\n\t * same number of ranges and all ranges from one selection equal to a range from other selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are equal, `false` otherwise.\n\t */ isEqual(otherSelection) {\n        if (this.isFake != otherSelection.isFake) {\n            return false;\n        }\n        if (this.isFake && this.fakeSelectionLabel != otherSelection.fakeSelectionLabel) {\n            return false;\n        }\n        if (this.rangeCount != otherSelection.rangeCount) {\n            return false;\n        } else if (this.rangeCount === 0) {\n            return true;\n        }\n        if (!this.anchor.isEqual(otherSelection.anchor) || !this.focus.isEqual(otherSelection.focus)) {\n            return false;\n        }\n        for (const thisRange of this._ranges){\n            let found = false;\n            for (const otherRange of otherSelection._ranges){\n                if (thisRange.isEqual(otherRange)) {\n                    found = true;\n                    break;\n                }\n            }\n            if (!found) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Checks whether this selection is similar to given selection. Selections are similar if they have same directions, same\n\t * number of ranges, and all {@link module:engine/view/range~ViewRange#getTrimmed trimmed} ranges from one selection are\n\t * equal to any trimmed range from other selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are similar, `false` otherwise.\n\t */ isSimilar(otherSelection) {\n        if (this.isBackward != otherSelection.isBackward) {\n            return false;\n        }\n        const numOfRangesA = count(this.getRanges());\n        const numOfRangesB = count(otherSelection.getRanges());\n        // If selections have different number of ranges, they cannot be similar.\n        if (numOfRangesA != numOfRangesB) {\n            return false;\n        }\n        // If both selections have no ranges, they are similar.\n        if (numOfRangesA == 0) {\n            return true;\n        }\n        // Check if each range in one selection has a similar range in other selection.\n        for (let rangeA of this.getRanges()){\n            rangeA = rangeA.getTrimmed();\n            let found = false;\n            for (let rangeB of otherSelection.getRanges()){\n                rangeB = rangeB.getTrimmed();\n                if (rangeA.start.isEqual(rangeB.start) && rangeA.end.isEqual(rangeB.end)) {\n                    found = true;\n                    break;\n                }\n            }\n            // For `rangeA`, neither range in `otherSelection` was similar. So selections are not similar.\n            if (!found) {\n                return false;\n            }\n        }\n        // There were no ranges that weren't matched. Selections are similar.\n        return true;\n    }\n    /**\n\t * Returns the selected element. {@link module:engine/view/element~ViewElement Element} is considered as selected if there is only\n\t * one range in the selection, and that range contains exactly one element.\n\t * Returns `null` if there is no selected element.\n\t */ getSelectedElement() {\n        if (this.rangeCount !== 1) {\n            return null;\n        }\n        return this.getFirstRange().getContainedElement();\n    }\n    /**\n\t * Sets this selection's ranges and direction to the specified location based on the given\n\t * {@link module:engine/view/selection~ViewSelectable selectable}.\n\t *\n\t * ```ts\n\t * // Sets selection to the given range.\n\t * const range = writer.createRange( start, end );\n\t * selection.setTo( range );\n\t *\n\t * // Sets selection to given ranges.\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * selection.setTo( range );\n\t *\n\t * // Sets selection to the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * selection.setTo( otherSelection );\n\t *\n\t * // Sets selection to contents of ViewDocumentSelection.\n\t * selection.setTo( editor.editing.view.document.selection );\n\t *\n\t * // Sets collapsed selection at the given position.\n\t * const position = writer.createPositionAt( root, path );\n\t * selection.setTo( position );\n\t *\n\t * // Sets collapsed selection at the position of given item and offset.\n\t * selection.setTo( paragraph, offset );\n\t * ```\n\t *\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * ```ts\n\t * selection.setTo( paragraph, 'in' );\n\t * ```\n\t *\n\t * Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends just after the item.\n\t *\n\t * ```ts\n\t * selection.setTo( paragraph, 'on' );\n\t *\n\t * // Clears selection. Removes all ranges.\n\t * selection.setTo( null );\n\t * ```\n\t *\n\t * `Selection#setTo()` method allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets selection as backward.\n\t * selection.setTo( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * selection.setTo( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * @fires change\n\t */ setTo(...args) {\n        let [selectable, placeOrOffset, options] = args;\n        if (typeof placeOrOffset == 'object') {\n            options = placeOrOffset;\n            placeOrOffset = undefined;\n        }\n        if (selectable === null) {\n            this._setRanges([]);\n            this._setFakeOptions(options);\n        } else if (selectable instanceof ViewSelection || selectable instanceof ViewDocumentSelection) {\n            this._setRanges(selectable.getRanges(), selectable.isBackward);\n            this._setFakeOptions({\n                fake: selectable.isFake,\n                label: selectable.fakeSelectionLabel\n            });\n        } else if (selectable instanceof ViewRange) {\n            this._setRanges([\n                selectable\n            ], options && options.backward);\n            this._setFakeOptions(options);\n        } else if (selectable instanceof ViewPosition) {\n            this._setRanges([\n                new ViewRange(selectable)\n            ]);\n            this._setFakeOptions(options);\n        } else if (selectable instanceof ViewNode) {\n            const backward = !!options && !!options.backward;\n            let range;\n            if (placeOrOffset === undefined) {\n                /**\n\t\t\t\t * selection.setTo requires the second parameter when the first parameter is a node.\n\t\t\t\t *\n\t\t\t\t * @error view-selection-setto-required-second-parameter\n\t\t\t\t */ throw new CKEditorError('view-selection-setto-required-second-parameter', this);\n            } else if (placeOrOffset == 'in') {\n                range = ViewRange._createIn(selectable);\n            } else if (placeOrOffset == 'on') {\n                range = ViewRange._createOn(selectable);\n            } else {\n                range = new ViewRange(ViewPosition._createAt(selectable, placeOrOffset));\n            }\n            this._setRanges([\n                range\n            ], backward);\n            this._setFakeOptions(options);\n        } else if (isIterable(selectable)) {\n            // We assume that the selectable is an iterable of ranges.\n            // Array.from() is used to prevent setting ranges to the old iterable\n            this._setRanges(selectable, options && options.backward);\n            this._setFakeOptions(options);\n        } else {\n            /**\n\t\t\t * Cannot set selection to given place.\n\t\t\t *\n\t\t\t * @error view-selection-setto-not-selectable\n\t\t\t */ throw new CKEditorError('view-selection-setto-not-selectable', this);\n        }\n        this.fire('change');\n    }\n    /**\n\t * Moves {@link #focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/view/view~EditingView#createPositionAt view.createPositionAt()}\n\t * parameters.\n\t *\n\t * @fires change\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */ setFocus(itemOrPosition, offset) {\n        if (this.anchor === null) {\n            /**\n\t\t\t * Cannot set selection focus if there are no ranges in selection.\n\t\t\t *\n\t\t\t * @error view-selection-setfocus-no-ranges\n\t\t\t */ throw new CKEditorError('view-selection-setfocus-no-ranges', this);\n        }\n        const newFocus = ViewPosition._createAt(itemOrPosition, offset);\n        if (newFocus.compareWith(this.focus) == 'same') {\n            return;\n        }\n        const anchor = this.anchor;\n        this._ranges.pop();\n        if (newFocus.compareWith(anchor) == 'before') {\n            this._addRange(new ViewRange(newFocus, anchor), true);\n        } else {\n            this._addRange(new ViewRange(anchor, newFocus));\n        }\n        this.fire('change');\n    }\n    /**\n\t * Converts `ViewSelection` instance to plain object and returns it.\n\t *\n\t * @returns `ViewSelection` instance converted to plain object.\n\t */ toJSON() {\n        const json = {\n            ranges: Array.from(this.getRanges()).map((range)=>range.toJSON())\n        };\n        if (this.isBackward) {\n            json.isBackward = true;\n        }\n        if (this.isFake) {\n            json.isFake = true;\n        }\n        return json;\n    }\n    /**\n\t * Replaces all ranges that were added to the selection with given array of ranges. Last range of the array\n\t * is treated like the last added range and is used to set {@link #anchor anchor} and {@link #focus focus}.\n\t * Accepts a flag describing in which way the selection is made.\n\t *\n\t * @param newRanges Iterable object of ranges to set.\n\t * @param isLastBackward Flag describing if last added range was selected forward - from start to end\n\t * (`false`) or backward - from end to start (`true`). Defaults to `false`.\n\t */ _setRanges(newRanges, isLastBackward = false) {\n        // New ranges should be copied to prevent removing them by setting them to `[]` first.\n        // Only applies to situations when selection is set to the same selection or same selection's ranges.\n        newRanges = Array.from(newRanges);\n        this._ranges = [];\n        for (const range of newRanges){\n            this._addRange(range);\n        }\n        this._lastRangeBackward = !!isLastBackward;\n    }\n    /**\n\t * Sets this selection instance to be marked as `fake`. A fake selection does not render as browser native selection\n\t * over selected elements and is hidden to the user. This way, no native selection UI artifacts are displayed to\n\t * the user and selection over elements can be represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM (and be\n\t * properly handled by screen readers).\n\t */ _setFakeOptions(options = {}) {\n        this._isFake = !!options.fake;\n        this._fakeSelectionLabel = options.fake ? options.label || '' : '';\n    }\n    /**\n\t * Adds a range to the selection. Added range is copied. This means that passed range is not saved in the\n\t * selection instance and you can safely operate on it.\n\t *\n\t * Accepts a flag describing in which way the selection is made - passed range might be selected from\n\t * {@link module:engine/view/range~ViewRange#start start} to {@link module:engine/view/range~ViewRange#end end}\n\t * or from {@link module:engine/view/range~ViewRange#end end} to {@link module:engine/view/range~ViewRange#start start}.\n\t * The flag is used to set {@link #anchor anchor} and {@link #focus focus} properties.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-selection-range-intersects` if added range intersects\n\t * with ranges already stored in Selection instance.\n\t */ _addRange(range, isBackward = false) {\n        if (!(range instanceof ViewRange)) {\n            /**\n\t\t\t * Selection range set to an object that is not an instance of {@link module:engine/view/range~ViewRange}.\n\t\t\t *\n\t\t\t * @error view-selection-add-range-not-range\n\t\t\t */ throw new CKEditorError('view-selection-add-range-not-range', this);\n        }\n        this._pushRange(range);\n        this._lastRangeBackward = !!isBackward;\n    }\n    /**\n\t * Adds range to selection - creates copy of given range so it can be safely used and modified.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-selection-range-intersects` if added range intersects\n\t * with ranges already stored in selection instance.\n\t */ _pushRange(range) {\n        for (const storedRange of this._ranges){\n            if (range.isIntersecting(storedRange)) {\n                /**\n\t\t\t\t * Trying to add a range that intersects with another range from selection.\n\t\t\t\t *\n\t\t\t\t * @error view-selection-range-intersects\n\t\t\t\t * @param {module:engine/view/range~ViewRange} addedRange Range that was added to the selection.\n\t\t\t\t * @param {module:engine/view/range~ViewRange} intersectingRange Range from selection that intersects with `addedRange`.\n\t\t\t\t */ throw new CKEditorError('view-selection-range-intersects', this, {\n                    addedRange: range,\n                    intersectingRange: storedRange\n                });\n            }\n        }\n        this._ranges.push(new ViewRange(range.start, range.end));\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewSelection.prototype.is = function(type) {\n    return type === 'selection' || type === 'view:selection';\n};\n\n/**\n * Class representing the document selection in the view.\n *\n * Its instance is available in {@link module:engine/view/document~ViewDocument#selection `Document#selection`}.\n *\n * It is similar to {@link module:engine/view/selection~ViewSelection} but\n * it has a read-only API and can be modified only by the writer available in\n * the {@link module:engine/view/view~EditingView#change `View#change()`} block\n * (so via {@link module:engine/view/downcastwriter~ViewDowncastWriter#setSelection `ViewDowncastWriter#setSelection()`}).\n */ class ViewDocumentSelection extends /* #__PURE__ */ EmitterMixin(ViewTypeCheckable) {\n    /**\n\t * Selection is used internally (`ViewDocumentSelection` is a proxy to that selection).\n\t */ _selection;\n    constructor(...args){\n        super();\n        this._selection = new ViewSelection();\n        // Delegate change event to be fired on ViewDocumentSelection instance.\n        this._selection.delegate('change').to(this);\n        // Set selection data.\n        if (args.length) {\n            this._selection.setTo(...args);\n        }\n    }\n    /**\n\t * Returns true if selection instance is marked as `fake`.\n\t *\n\t * @see #_setTo\n\t */ get isFake() {\n        return this._selection.isFake;\n    }\n    /**\n\t * Returns fake selection label.\n\t *\n\t * @see #_setTo\n\t */ get fakeSelectionLabel() {\n        return this._selection.fakeSelectionLabel;\n    }\n    /**\n\t * Selection anchor. Anchor may be described as a position where the selection starts. Together with\n\t * {@link #focus focus} they define the direction of selection, which is important\n\t * when expanding/shrinking selection. Anchor is always the start or end of the most recent added range.\n\t * It may be a bit unintuitive when there are multiple ranges in selection.\n\t *\n\t * @see #focus\n\t */ get anchor() {\n        return this._selection.anchor;\n    }\n    /**\n\t * Selection focus. Focus is a position where the selection ends.\n\t *\n\t * @see #anchor\n\t */ get focus() {\n        return this._selection.focus;\n    }\n    /**\n\t * Returns whether the selection is collapsed. Selection is collapsed when there is exactly one range which is\n\t * collapsed.\n\t */ get isCollapsed() {\n        return this._selection.isCollapsed;\n    }\n    /**\n\t * Returns number of ranges in selection.\n\t */ get rangeCount() {\n        return this._selection.rangeCount;\n    }\n    /**\n\t * Specifies whether the {@link #focus} precedes {@link #anchor}.\n\t */ get isBackward() {\n        return this._selection.isBackward;\n    }\n    /**\n\t * {@link module:engine/view/editableelement~ViewEditableElement ViewEditableElement} instance that contains this selection, or `null`\n\t * if the selection is not inside an editable element.\n\t */ get editableElement() {\n        return this._selection.editableElement;\n    }\n    /**\n\t * Used for the compatibility with the {@link module:engine/view/selection~ViewSelection#isEqual} method.\n\t *\n\t * @internal\n\t */ get _ranges() {\n        return this._selection._ranges;\n    }\n    /**\n\t * Returns an iterable that contains copies of all ranges added to the selection.\n\t */ *getRanges() {\n        yield* this._selection.getRanges();\n    }\n    /**\n\t * Returns copy of the first range in the selection. First range is the one which\n\t * {@link module:engine/view/range~ViewRange#start start} position\n\t * {@link module:engine/view/position~ViewPosition#isBefore is before} start\n\t * position of all other ranges (not to confuse with the first range added to the selection).\n\t * Returns `null` if no ranges are added to selection.\n\t */ getFirstRange() {\n        return this._selection.getFirstRange();\n    }\n    /**\n\t * Returns copy of the last range in the selection. Last range is the one which {@link module:engine/view/range~ViewRange#end end}\n\t * position {@link module:engine/view/position~ViewPosition#isAfter is after} end position of all other ranges (not to confuse\n\t * with the last range added to the selection). Returns `null` if no ranges are added to selection.\n\t */ getLastRange() {\n        return this._selection.getLastRange();\n    }\n    /**\n\t * Returns copy of the first position in the selection. First position is the position that\n\t * {@link module:engine/view/position~ViewPosition#isBefore is before} any other position in the selection ranges.\n\t * Returns `null` if no ranges are added to selection.\n\t */ getFirstPosition() {\n        return this._selection.getFirstPosition();\n    }\n    /**\n\t * Returns copy of the last position in the selection. Last position is the position that\n\t * {@link module:engine/view/position~ViewPosition#isAfter is after} any other position in the selection ranges.\n\t * Returns `null` if no ranges are added to selection.\n\t */ getLastPosition() {\n        return this._selection.getLastPosition();\n    }\n    /**\n\t * Returns the selected element. {@link module:engine/view/element~ViewElement Element} is considered as selected if there is only\n\t * one range in the selection, and that range contains exactly one element.\n\t * Returns `null` if there is no selected element.\n\t */ getSelectedElement() {\n        return this._selection.getSelectedElement();\n    }\n    /**\n\t * Checks whether, this selection is equal to given selection. Selections are equal if they have same directions,\n\t * same number of ranges and all ranges from one selection equal to a range from other selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are equal, `false` otherwise.\n\t */ isEqual(otherSelection) {\n        return this._selection.isEqual(otherSelection);\n    }\n    /**\n\t * Checks whether this selection is similar to given selection. Selections are similar if they have same directions, same\n\t * number of ranges, and all {@link module:engine/view/range~ViewRange#getTrimmed trimmed} ranges from one selection are\n\t * equal to any trimmed range from other selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are similar, `false` otherwise.\n\t */ isSimilar(otherSelection) {\n        return this._selection.isSimilar(otherSelection);\n    }\n    /**\n\t * Converts `ViewDocumentSelection` instance to plain object and returns it.\n\t *\n\t * @returns `ViewDocumentSelection` instance converted to plain object.\n\t */ toJSON() {\n        return this._selection.toJSON();\n    }\n    /**\n\t * Sets this selection's ranges and direction to the specified location based on the given\n\t * {@link module:engine/view/selection~ViewSelectable selectable}.\n\t *\n\t * ```ts\n\t * // Sets selection to the given range.\n\t * const range = writer.createRange( start, end );\n\t * documentSelection._setTo( range );\n\t *\n\t * // Sets selection to given ranges.\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( start2, end2 ) ];\n\t * documentSelection._setTo( range );\n\t *\n\t * // Sets selection to the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * documentSelection._setTo( otherSelection );\n\t *\n\t * // Sets collapsed selection at the given position.\n\t * const position = writer.createPositionAt( root, offset );\n\t * documentSelection._setTo( position );\n\t *\n\t * // Sets collapsed selection at the position of given item and offset.\n\t * documentSelection._setTo( paragraph, offset );\n\t * ```\n\t *\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * ```ts\n\t * documentSelection._setTo( paragraph, 'in' );\n\t * ```\n\t *\n\t * Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends just after the item.\n\t *\n\t * ```ts\n\t * documentSelection._setTo( paragraph, 'on' );\n\t *\n\t * // Clears selection. Removes all ranges.\n\t * documentSelection._setTo( null );\n\t * ```\n\t *\n\t * `Selection#_setTo()` method allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets selection as backward.\n\t * documentSelection._setTo( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to des cribe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * documentSelection._setTo( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * @internal\n\t * @fires change\n\t */ _setTo(...args) {\n        this._selection.setTo(...args);\n    }\n    /**\n\t * Moves {@link #focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/view/view~EditingView#createPositionAt view.createPositionAt()}\n\t * parameters.\n\t *\n\t * @internal\n\t * @fires change\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */ _setFocus(itemOrPosition, offset) {\n        this._selection.setFocus(itemOrPosition, offset);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewDocumentSelection.prototype.is = function(type) {\n    return type === 'selection' || type == 'documentSelection' || type == 'view:selection' || type == 'view:documentSelection';\n};\n\n/**\n * The event object passed to bubbling event callbacks. It is used to provide information about the event as well as a tool to\n * manipulate it.\n */ class BubblingEventInfo extends EventInfo {\n    /**\n\t * The view range that the bubbling should start from.\n\t */ startRange;\n    /**\n\t * The current event phase.\n\t */ _eventPhase;\n    /**\n\t * The current bubbling target.\n\t */ _currentTarget;\n    /**\n\t * @param source The emitter.\n\t * @param name The event name.\n\t * @param startRange The view range that the bubbling should start from.\n\t */ constructor(source, name, startRange){\n        super(source, name);\n        this.startRange = startRange;\n        this._eventPhase = 'none';\n        this._currentTarget = null;\n    }\n    /**\n\t * The current event phase.\n\t */ get eventPhase() {\n        return this._eventPhase;\n    }\n    /**\n\t * The current bubbling target.\n\t */ get currentTarget() {\n        return this._currentTarget;\n    }\n}\n\nconst bubblingEmitterSymbol = Symbol('bubblingEmitter');\nconst callbackMapSymbol = Symbol('bubblingCallbacks');\nconst contextsSymbol = Symbol('bubblingContexts');\n/**\n * Bubbling emitter mixin for the view document as described in the {@link ~BubblingEmitter} interface.\n *\n * This function creates a class that inherits from the provided `base` and implements `Emitter` interface.\n * The base class must implement {@link module:utils/emittermixin~Emitter} interface.\n *\n * ```ts\n * class BaseClass extends EmitterMixin() {\n * \t// ...\n * }\n *\n * class MyClass extends BubblingEmitterMixin( BaseClass ) {\n * \t// This class derives from `BaseClass` and implements the `BubblingEmitter` interface.\n * }\n * ```\n */ function BubblingEmitterMixin(base) {\n    class Mixin extends base {\n        fire(eventOrInfo, ...eventArgs) {\n            try {\n                const eventInfo = eventOrInfo instanceof EventInfo ? eventOrInfo : new EventInfo(this, eventOrInfo);\n                const bubblingEmitter = getBubblingEmitter(this);\n                const customContexts = getCustomContexts(this);\n                updateEventInfo(eventInfo, 'capturing', this);\n                // The capture phase of the event.\n                if (fireListenerFor(bubblingEmitter, '$capture', eventInfo, ...eventArgs)) {\n                    return eventInfo.return;\n                }\n                const startRange = eventInfo.startRange || this.selection.getFirstRange();\n                const selectedElement = startRange ? startRange.getContainedElement() : null;\n                const isCustomContext = selectedElement ? hasMatchingCustomContext(customContexts, selectedElement) : false;\n                let node = selectedElement || getDeeperRangeParent(startRange);\n                updateEventInfo(eventInfo, 'atTarget', node);\n                // For the not yet bubbling event trigger for $text node if selection can be there and it's not a custom context selected.\n                if (!isCustomContext) {\n                    if (fireListenerFor(bubblingEmitter, '$text', eventInfo, ...eventArgs)) {\n                        return eventInfo.return;\n                    }\n                    updateEventInfo(eventInfo, 'bubbling', node);\n                }\n                while(node){\n                    if (node.is('element') && fireListenerFor(bubblingEmitter, node, eventInfo, ...eventArgs)) {\n                        return eventInfo.return;\n                    }\n                    node = node.parent;\n                    updateEventInfo(eventInfo, 'bubbling', node);\n                }\n                updateEventInfo(eventInfo, 'bubbling', this);\n                // Document context.\n                fireListenerFor(bubblingEmitter, '$document', eventInfo, ...eventArgs);\n                return eventInfo.return;\n            } catch (err) {\n                // @if CK_DEBUG // throw err;\n                /* istanbul ignore next -- @preserve */ CKEditorError.rethrowUnexpectedError(err, this);\n            }\n        }\n        _addEventListener(event, callback, options) {\n            const contexts = toArray(options.context || '$document');\n            const bubblingEmitter = getBubblingEmitter(this);\n            const callbacksMap = getCallbackMap(this);\n            for (const context of contexts){\n                if (typeof context == 'function') {\n                    getCustomContexts(this).add(context);\n                }\n            }\n            // Wrap callback with current target match.\n            const wrappedCallback = wrapCallback(this, contexts, callback);\n            // Store for later removing of listeners.\n            callbacksMap.set(callback, wrappedCallback);\n            // Listen for the event.\n            this.listenTo(bubblingEmitter, event, wrappedCallback, options);\n        }\n        _removeEventListener(event, callback) {\n            const bubblingEmitter = getBubblingEmitter(this);\n            const callbacksMap = getCallbackMap(this);\n            const wrappedCallback = callbacksMap.get(callback);\n            if (wrappedCallback) {\n                callbacksMap.delete(callback);\n                this.stopListening(bubblingEmitter, event, wrappedCallback);\n            }\n        }\n    }\n    return Mixin;\n}\n/**\n * Update the event info bubbling fields.\n *\n * @param eventInfo The event info object to update.\n * @param eventPhase The current event phase.\n * @param currentTarget The current bubbling target.\n */ function updateEventInfo(eventInfo, eventPhase, currentTarget) {\n    if (eventInfo instanceof BubblingEventInfo) {\n        eventInfo._eventPhase = eventPhase;\n        eventInfo._currentTarget = currentTarget;\n    }\n}\n/**\n * Fires the listener for the specified context. Returns `true` if event was stopped.\n *\n * @param eventInfo The `EventInfo` object.\n * @param eventArgs Additional arguments to be passed to the callbacks.\n * @returns True if event stop was called.\n */ function fireListenerFor(emitter, currentTarget, eventInfo, ...eventArgs) {\n    emitter.fire(eventInfo, {\n        currentTarget,\n        eventArgs\n    });\n    // Similar to DOM Event#stopImmediatePropagation() this does not fire events\n    // for other contexts on the same node.\n    if (eventInfo.stop.called) {\n        return true;\n    }\n    return false;\n}\n/**\n * Returns an event callback wrapped with context check condition.\n */ function wrapCallback(emitter, contexts, callback) {\n    return function(event, data) {\n        const { currentTarget, eventArgs } = data;\n        // Quick path for string based context ($capture, $text, $document).\n        if (typeof currentTarget == 'string') {\n            if (contexts.includes(currentTarget)) {\n                callback.call(emitter, event, ...eventArgs);\n            }\n            return;\n        }\n        // The current target is a view element.\n        // Special case for the root element as it could be handled ac $root context.\n        // Note that it could also be matched later by custom context.\n        if (currentTarget.is('rootElement') && contexts.includes('$root')) {\n            callback.call(emitter, event, ...eventArgs);\n            return;\n        }\n        // Check if it is a context for this element name.\n        if (contexts.includes(currentTarget.name)) {\n            callback.call(emitter, event, ...eventArgs);\n            return;\n        }\n        // Check if dynamic context matches.\n        for (const context of contexts){\n            if (typeof context == 'function' && context(currentTarget)) {\n                callback.call(emitter, event, ...eventArgs);\n                return;\n            }\n        }\n    };\n}\n/**\n * Returns bubbling emitter for the source (emitter).\n */ function getBubblingEmitter(source) {\n    if (!source[bubblingEmitterSymbol]) {\n        source[bubblingEmitterSymbol] = new (EmitterMixin())();\n    }\n    return source[bubblingEmitterSymbol];\n}\n/**\n * Returns map of callbacks (original to wrapped one).\n */ function getCallbackMap(source) {\n    if (!source[callbackMapSymbol]) {\n        source[callbackMapSymbol] = new Map();\n    }\n    return source[callbackMapSymbol];\n}\n/**\n * Returns the set of registered custom contexts.\n */ function getCustomContexts(source) {\n    if (!source[contextsSymbol]) {\n        source[contextsSymbol] = new Set();\n    }\n    return source[contextsSymbol];\n}\n/**\n * Returns true if any of custom context match the given element.\n */ function hasMatchingCustomContext(customContexts, element) {\n    for (const context of customContexts){\n        if (context(element)) {\n            return true;\n        }\n    }\n    return false;\n}\n/**\n * Returns the deeper parent element for the range.\n */ function getDeeperRangeParent(range) {\n    if (!range) {\n        return null;\n    }\n    const startParent = range.start.parent;\n    const endParent = range.end.parent;\n    const startPath = startParent.getPath();\n    const endPath = endParent.getPath();\n    return startPath.length > endPath.length ? startParent : endParent;\n}\n\n// @if CK_DEBUG_ENGINE // const { logDocument } = require( '../dev-utils/utils' );\n/**\n * Document class creates an abstract layer over the content editable area, contains a tree of view elements and\n * {@link module:engine/view/documentselection~ViewDocumentSelection view selection} associated with this document.\n */ class ViewDocument extends /* #__PURE__ */ BubblingEmitterMixin(/* #__PURE__ */ ObservableMixin()) {\n    /**\n\t * Selection done on this document.\n\t */ selection;\n    /**\n\t * Roots of the view tree. Collection of the {@link module:engine/view/element~ViewElement view elements}.\n\t *\n\t * View roots are created as a result of binding between {@link module:engine/view/document~ViewDocument#roots} and\n\t * {@link module:engine/model/document~ModelDocument#roots} and this is handled by\n\t * {@link module:engine/controller/editingcontroller~EditingController}, so to create view root we need to create\n\t * model root using {@link module:engine/model/document~ModelDocument#createRoot}.\n\t */ roots;\n    /**\n\t * The styles processor instance used by this document when normalizing styles.\n\t */ stylesProcessor;\n    /**\n\t * Post-fixer callbacks registered to the view document.\n\t */ _postFixers = new Set();\n    /**\n\t * Creates a Document instance.\n\t *\n\t * @param stylesProcessor The styles processor instance.\n\t */ constructor(stylesProcessor){\n        super();\n        this.selection = new ViewDocumentSelection();\n        this.roots = new Collection({\n            idProperty: 'rootName'\n        });\n        this.stylesProcessor = stylesProcessor;\n        this.set('isReadOnly', false);\n        this.set('isFocused', false);\n        this.set('isSelecting', false);\n        this.set('isComposing', false);\n    }\n    /**\n\t * Gets a {@link module:engine/view/document~ViewDocument#roots view root element} with the specified name. If the name is not\n\t * specific \"main\" root is returned.\n\t *\n\t * @param name Name of the root.\n\t * @returns The view root element with the specified name or null when there is no root of given name.\n\t */ getRoot(name = 'main') {\n        return this.roots.get(name);\n    }\n    /**\n\t * Allows registering post-fixer callbacks. A post-fixers mechanism allows to update the view tree just before it is rendered\n\t * to the DOM.\n\t *\n\t * Post-fixers are executed right after all changes from the outermost change block were applied but\n\t * before the {@link module:engine/view/view~EditingView#event:render render event} is fired. If a post-fixer callback made\n\t * a change, it should return `true`. When this happens, all post-fixers are fired again to check if something else should\n\t * not be fixed in the new document tree state.\n\t *\n\t * View post-fixers are useful when you want to apply some fixes whenever the view structure changes. Keep in mind that\n\t * changes executed in a view post-fixer should not break model-view mapping.\n\t *\n\t * The types of changes which should be safe:\n\t *\n\t * * adding or removing attribute from elements,\n\t * * changes inside of {@link module:engine/view/uielement~ViewUIElement UI elements},\n\t * * {@link module:engine/controller/editingcontroller~EditingController#reconvertItem marking some of the model elements to be\n\t * re-converted}.\n\t *\n\t * Try to avoid changes which touch view structure:\n\t *\n\t * * you should not add or remove nor wrap or unwrap any view elements,\n\t * * you should not change the editor data model in a view post-fixer.\n\t *\n\t * As a parameter, a post-fixer callback receives a {@link module:engine/view/downcastwriter~ViewDowncastWriter downcast writer}.\n\t *\n\t * Typically, a post-fixer will look like this:\n\t *\n\t * ```ts\n\t * editor.editing.view.document.registerPostFixer( writer => {\n\t * \tif ( checkSomeCondition() ) {\n\t * \t\twriter.doSomething();\n\t *\n\t * \t\t// Let other post-fixers know that something changed.\n\t * \t\treturn true;\n\t * \t}\n\t *\n\t * \treturn false;\n\t * } );\n\t * ```\n\t *\n\t * Note that nothing happens right after you register a post-fixer (e.g. execute such a code in the console).\n\t * That is because adding a post-fixer does not execute it.\n\t * The post-fixer will be executed as soon as any change in the document needs to cause its rendering.\n\t * If you want to re-render the editor's view after registering the post-fixer then you should do it manually by calling\n\t * {@link module:engine/view/view~EditingView#forceRender `view.forceRender()`}.\n\t *\n\t * If you need to register a callback which is executed when DOM elements are already updated,\n\t * use {@link module:engine/view/view~EditingView#event:render render event}.\n\t */ registerPostFixer(postFixer) {\n        this._postFixers.add(postFixer);\n    }\n    /**\n\t * Destroys this instance. Makes sure that all observers are destroyed and listeners removed.\n\t */ destroy() {\n        this.roots.forEach((root)=>root.destroy());\n        this.stopListening();\n    }\n    /**\n\t * Performs post-fixer loops. Executes post-fixer callbacks as long as none of them has done any changes to the model.\n\t *\n\t * @internal\n\t */ _callPostFixers(writer) {\n        let wasFixed = false;\n        do {\n            for (const callback of this._postFixers){\n                wasFixed = callback(writer);\n                if (wasFixed) {\n                    break;\n                }\n            }\n        }while (wasFixed)\n    }\n}\n\n// Default attribute priority.\nconst DEFAULT_PRIORITY = 10;\n/**\n * Attribute elements are used to represent formatting elements in the view (think – `<b>`, `<span style=\"font-size: 2em\">`, etc.).\n * Most often they are created when downcasting model text attributes.\n *\n * Editing engine does not define a fixed HTML DTD. This is why a feature developer needs to choose between various\n * types (container element, {@link module:engine/view/attributeelement~ViewAttributeElement attribute element},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty element}, etc) when developing a feature.\n *\n * To create a new attribute element instance use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createAttributeElement `ViewDowncastWriter#createAttributeElement()`} method.\n */ class ViewAttributeElement extends ViewElement {\n    static DEFAULT_PRIORITY = DEFAULT_PRIORITY;\n    /**\n\t * Element priority. Decides in what order elements are wrapped by {@link module:engine/view/downcastwriter~ViewDowncastWriter}.\n\t *\n\t * @internal\n\t * @readonly\n\t */ _priority = DEFAULT_PRIORITY;\n    /**\n\t * Element identifier. If set, it is used by {@link module:engine/view/element~ViewElement#isSimilar},\n\t * and then two elements are considered similar if, and only if they have the same `_id`.\n\t *\n\t * @internal\n\t * @readonly\n\t */ _id = null;\n    /**\n\t * Keeps all the attribute elements that have the same {@link module:engine/view/attributeelement~ViewAttributeElement#id ids}\n\t * and still exist in the view tree.\n\t *\n\t * This property is managed by {@link module:engine/view/downcastwriter~ViewDowncastWriter}.\n\t */ _clonesGroup = null;\n    /**\n\t * Creates an attribute element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createAttributeElement\n\t * @see module:engine/view/element~ViewElement\n\t * @protected\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */ constructor(document, name, attrs, children){\n        super(document, name, attrs, children);\n        this.getFillerOffset = getFillerOffset$3;\n    }\n    /**\n\t * Element priority. Decides in what order elements are wrapped by {@link module:engine/view/downcastwriter~ViewDowncastWriter}.\n\t */ get priority() {\n        return this._priority;\n    }\n    /**\n\t * Element identifier. If set, it is used by {@link module:engine/view/element~ViewElement#isSimilar},\n\t * and then two elements are considered similar if, and only if they have the same `id`.\n\t */ get id() {\n        return this._id;\n    }\n    /**\n\t * Returns all {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that has the\n\t * same {@link module:engine/view/attributeelement~ViewAttributeElement#id id} and are in the view tree (were not removed).\n\t *\n\t * Note: If this element has been removed from the tree, returned set will not include it.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError attribute-element-get-elements-with-same-id-no-id}\n\t * if this element has no `id`.\n\t *\n\t * @returns Set containing all the attribute elements\n\t * with the same `id` that were added and not removed from the view tree.\n\t */ getElementsWithSameId() {\n        if (this.id === null) {\n            /**\n\t\t\t * Cannot get elements with the same id for an attribute element without id.\n\t\t\t *\n\t\t\t * @error attribute-element-get-elements-with-same-id-no-id\n\t\t\t */ throw new CKEditorError('attribute-element-get-elements-with-same-id-no-id', this);\n        }\n        return new Set(this._clonesGroup);\n    }\n    /**\n\t * Checks if this element is similar to other element.\n\t *\n\t * If none of elements has set {@link module:engine/view/attributeelement~ViewAttributeElement#id}, then both elements\n\t * should have the same name, attributes and priority to be considered as similar. Two similar elements can contain\n\t * different set of children nodes.\n\t *\n\t * If at least one element has {@link module:engine/view/attributeelement~ViewAttributeElement#id} set, then both\n\t * elements have to have the same {@link module:engine/view/attributeelement~ViewAttributeElement#id} value to be\n\t * considered similar.\n\t *\n\t * Similarity is important for {@link module:engine/view/downcastwriter~ViewDowncastWriter}. For example:\n\t *\n\t * * two following similar elements can be merged together into one, longer element,\n\t * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#unwrap} checks similarity of passed element and processed element to\n\t * decide whether processed element should be unwrapped,\n\t * * etc.\n\t */ isSimilar(otherElement) {\n        // If any element has an `id` set, just compare the ids.\n        if (this.id !== null || otherElement.id !== null) {\n            return this.id === otherElement.id;\n        }\n        return super.isSimilar(otherElement) && this.priority == otherElement.priority;\n    }\n    /**\n\t * Converts `ViewAttributeElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewAttributeElement` instance converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.type = 'AttributeElement';\n        return json;\n    }\n    /**\n\t * Clones provided element with priority.\n\t *\n\t * @internal\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any children.\n\t * @returns Clone of this element.\n\t */ _clone(deep = false) {\n        const cloned = super._clone(deep);\n        // Clone priority too.\n        cloned._priority = this._priority;\n        // And id too.\n        cloned._id = this._id;\n        return cloned;\n    }\n    /**\n\t * Used by {@link module:engine/view/element~ViewElement#_mergeAttributesFrom} to verify if the given element can be merged without\n\t * conflicts into this element.\n\t *\n\t * @internal\n\t */ _canMergeAttributesFrom(otherElement) {\n        // Can't merge if any of elements have an id or a difference of priority.\n        if (this.id !== null || otherElement.id !== null || this.priority !== otherElement.priority) {\n            return false;\n        }\n        return super._canMergeAttributesFrom(otherElement);\n    }\n    /**\n\t * Used by {@link module:engine/view/element~ViewElement#_subtractAttributesOf} to verify if the given element attributes\n\t * can be fully subtracted from this element.\n\t *\n\t * @internal\n\t */ _canSubtractAttributesOf(otherElement) {\n        // Can't subtract if any of elements have an id or a difference of priority.\n        if (this.id !== null || otherElement.id !== null || this.priority !== otherElement.priority) {\n            return false;\n        }\n        return super._canSubtractAttributesOf(otherElement);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewAttributeElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'attributeElement' || type === 'view:attributeElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'element' || type === 'view:element' || type === 'node' || type === 'view:node';\n    } else {\n        return name === this.name && (type === 'attributeElement' || type === 'view:attributeElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'element' || type === 'view:element');\n    }\n};\n/**\n * Returns block {@link module:engine/view/filler~Filler filler} offset or `null` if block filler is not needed.\n *\n * @returns Block filler offset or `null` if block filler is not needed.\n */ function getFillerOffset$3() {\n    // <b>foo</b> does not need filler.\n    if (nonUiChildrenCount(this)) {\n        return null;\n    }\n    let element = this.parent;\n    // <p><b></b></p> needs filler -> <p><b><br></b></p>\n    while(element && element.is('attributeElement')){\n        if (nonUiChildrenCount(element) > 1) {\n            return null;\n        }\n        element = element.parent;\n    }\n    if (!element || nonUiChildrenCount(element) > 1) {\n        return null;\n    }\n    // Render block filler at the end of element (after all ui elements).\n    return this.childCount;\n}\n/**\n * Returns total count of children that are not {@link module:engine/view/uielement~ViewUIElement UIElements}.\n */ function nonUiChildrenCount(element) {\n    return Array.from(element.getChildren()).filter((element)=>!element.is('uiElement')).length;\n}\n\n/**\n * Empty element class. It is used to represent elements that cannot contain any child nodes (for example `<img>` elements).\n *\n * To create a new empty element use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEmptyElement `downcastWriter#createEmptyElement()`} method.\n */ class ViewEmptyElement extends ViewElement {\n    /**\n\t * Creates new instance of ViewEmptyElement.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-emptyelement-cannot-add` when third parameter is passed,\n\t * to inform that usage of ViewEmptyElement is incorrect (adding child nodes to ViewEmptyElement is forbidden).\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createEmptyElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attributes Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */ constructor(document, name, attributes, children){\n        super(document, name, attributes, children);\n        this.getFillerOffset = getFillerOffset$2;\n    }\n    /**\n\t * Converts `ViewEmptyElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewEmptyElement` instance converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.type = 'EmptyElement';\n        return json;\n    }\n    /**\n\t * Overrides {@link module:engine/view/element~ViewElement#_insertChild} method.\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-emptyelement-cannot-add` to prevent\n\t * adding any child nodes to ViewEmptyElement.\n\t *\n\t * @internal\n\t */ _insertChild(index, items) {\n        if (items && (items instanceof ViewNode || Array.from(items).length > 0)) {\n            /**\n\t\t\t * Cannot add children to {@link module:engine/view/emptyelement~ViewEmptyElement}.\n\t\t\t *\n\t\t\t * @error view-emptyelement-cannot-add\n\t\t\t */ throw new CKEditorError('view-emptyelement-cannot-add', [\n                this,\n                items\n            ]);\n        }\n        return 0;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewEmptyElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'emptyElement' || type === 'view:emptyElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'element' || type === 'view:element' || type === 'node' || type === 'view:node';\n    } else {\n        return name === this.name && (type === 'emptyElement' || type === 'view:emptyElement' || type === 'element' || type === 'view:element');\n    }\n};\n/**\n * Returns `null` because block filler is not needed for ViewEmptyElements.\n */ function getFillerOffset$2() {\n    return null;\n}\n\n/**\n * UI element class. It should be used to represent editing UI which needs to be injected into the editing view\n * If possible, you should keep your UI outside the editing view. However, if that is not possible,\n * UI elements can be used.\n *\n * How a UI element is rendered is in your control (you pass a callback to\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement `downcastWriter#createUIElement()`}).\n * The editor will ignore your UI element – the selection cannot be placed in it, it is skipped (invisible) when\n * the user modifies the selection by using arrow keys and the editor does not listen to any mutations which\n * happen inside your UI elements.\n *\n * The limitation is that you cannot convert a model element to a UI element. UI elements need to be\n * created for {@link module:engine/model/markercollection~Marker markers} or as additinal elements\n * inside normal {@link module:engine/view/containerelement~ViewContainerElement container elements}.\n *\n * To create a new UI element use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement `downcastWriter#createUIElement()`} method.\n */ class ViewUIElement extends ViewElement {\n    /**\n\t * Creates new instance of UIElement.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-uielement-cannot-add` when third parameter is passed,\n\t * to inform that usage of UIElement is incorrect (adding child nodes to UIElement is forbidden).\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */ constructor(document, name, attrs, children){\n        super(document, name, attrs, children);\n        this.getFillerOffset = getFillerOffset$1;\n    }\n    /**\n\t * Overrides {@link module:engine/view/element~ViewElement#_insertChild} method.\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-uielement-cannot-add` to prevent adding any child nodes\n\t * to UIElement.\n\t *\n\t * @internal\n\t */ _insertChild(index, items) {\n        if (items && (items instanceof ViewNode || Array.from(items).length > 0)) {\n            /**\n\t\t\t * Cannot add children to {@link module:engine/view/uielement~ViewUIElement}.\n\t\t\t *\n\t\t\t * @error view-uielement-cannot-add\n\t\t\t */ throw new CKEditorError('view-uielement-cannot-add', [\n                this,\n                items\n            ]);\n        }\n        return 0;\n    }\n    /**\n\t * Renders this {@link module:engine/view/uielement~ViewUIElement} to DOM. This method is called by\n\t * {@link module:engine/view/domconverter~ViewDomConverter}.\n\t * Do not use inheritance to create custom rendering method, replace `render()` method instead:\n\t *\n\t * ```ts\n\t * const myUIElement = downcastWriter.createUIElement( 'span' );\n\t * myUIElement.render = function( domDocument, domConverter ) {\n\t * \tconst domElement = this.toDomElement( domDocument );\n\t *\n\t * \tdomConverter.setContentOf( domElement, '<b>this is ui element</b>' );\n\t *\n\t * \treturn domElement;\n\t * };\n\t * ```\n\t *\n\t * If changes in your UI element should trigger some editor UI update you should call\n\t * the {@link module:ui/editorui/editorui~EditorUI#update `editor.ui.update()`} method\n\t * after rendering your UI element.\n\t *\n\t * @param domConverter Instance of the ViewDomConverter used to optimize the output.\n\t */ render(domDocument, domConverter// eslint-disable-line @typescript-eslint/no-unused-vars\n    ) {\n        // Provide basic, default output.\n        return this.toDomElement(domDocument);\n    }\n    /**\n\t * Creates DOM element based on this view UIElement.\n\t * Note that each time this method is called new DOM element is created.\n\t */ toDomElement(domDocument) {\n        const domElement = domDocument.createElement(this.name);\n        for (const key of this.getAttributeKeys()){\n            domElement.setAttribute(key, this.getAttribute(key));\n        }\n        return domElement;\n    }\n    /**\n\t * Converts `ViewUIElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewUIElement` instance converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.type = 'UIElement';\n        return json;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewUIElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'uiElement' || type === 'view:uiElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'element' || type === 'view:element' || type === 'node' || type === 'view:node';\n    } else {\n        return name === this.name && (type === 'uiElement' || type === 'view:uiElement' || type === 'element' || type === 'view:element');\n    }\n};\n/**\n * This function injects UI element handling to the given {@link module:engine/view/document~ViewDocument document}.\n *\n * A callback is added to {@link module:engine/view/document~ViewDocument#event:keydown document keydown event}.\n * The callback handles the situation when right arrow key is pressed and selection is collapsed before a UI element.\n * Without this handler, it would be impossible to \"jump over\" UI element using right arrow key.\n *\n * @param view View controller to which the quirks handling will be injected.\n * @internal\n */ function injectUiElementHandling(view) {\n    view.document.on('arrowKey', (evt, data)=>jumpOverUiElement(evt, data, view.domConverter), {\n        priority: 'low'\n    });\n}\n/**\n * Returns `null` because block filler is not needed for UIElements.\n */ function getFillerOffset$1() {\n    return null;\n}\n/**\n * Selection cannot be placed in a `UIElement`. Whenever it is placed there, it is moved before it. This\n * causes a situation when it is impossible to jump over `UIElement` using right arrow key, because the selection\n * ends up in ui element (in DOM) and is moved back to the left. This handler fixes this situation.\n */ function jumpOverUiElement(evt, data, domConverter) {\n    if (data.keyCode == keyCodes.arrowright) {\n        const domSelection = data.domTarget.ownerDocument.defaultView.getSelection();\n        const domSelectionCollapsed = domSelection.rangeCount == 1 && domSelection.getRangeAt(0).collapsed;\n        // Jump over UI element if selection is collapsed or shift key is pressed. These are the cases when selection would extend.\n        if (domSelectionCollapsed || data.shiftKey) {\n            const domParent = domSelection.focusNode;\n            const domOffset = domSelection.focusOffset;\n            const viewPosition = domConverter.domPositionToView(domParent, domOffset);\n            // In case if dom element is not converted to view or is not mapped or something. Happens for example in some tests.\n            if (viewPosition === null) {\n                return;\n            }\n            // Skip all following ui elements.\n            let jumpedOverAnyUiElement = false;\n            const nextViewPosition = viewPosition.getLastMatchingPosition((value)=>{\n                if (value.item.is('uiElement')) {\n                    // Remember that there was at least one ui element.\n                    jumpedOverAnyUiElement = true;\n                }\n                // Jump over ui elements, jump over empty attribute elements, move up from inside of attribute element.\n                if (value.item.is('uiElement') || value.item.is('attributeElement')) {\n                    return true;\n                }\n                // Don't jump over text or don't get out of container element.\n                return false;\n            });\n            // If anything has been skipped, fix position.\n            // This `if` could be possibly omitted but maybe it is better not to mess with DOM selection if not needed.\n            if (jumpedOverAnyUiElement) {\n                const newDomPosition = domConverter.viewPositionToDom(nextViewPosition);\n                if (domSelectionCollapsed) {\n                    // Selection was collapsed, so collapse it at further position.\n                    domSelection.collapse(newDomPosition.parent, newDomPosition.offset);\n                } else {\n                    // Selection was not collapse, so extend it instead of collapsing.\n                    domSelection.extend(newDomPosition.parent, newDomPosition.offset);\n                }\n            }\n        }\n    }\n}\n\n/**\n * The raw element class.\n *\n * The raw elements work as data containers (\"wrappers\", \"sandboxes\") but their children are not managed or\n * even recognized by the editor. This encapsulation allows integrations to maintain custom DOM structures\n * in the editor content without, for instance, worrying about compatibility with other editor features.\n * Raw elements are a perfect tool for integration with external frameworks and data sources.\n *\n * Unlike {@link module:engine/view/uielement~ViewUIElement UI elements}, raw elements act like real editor\n * content (similar to {@link module:engine/view/containerelement~ViewContainerElement} or\n * {@link module:engine/view/emptyelement~ViewEmptyElement}), they are considered by the editor selection and\n * {@link module:widget/utils~toWidget they can work as widgets}.\n *\n * To create a new raw element, use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createRawElement `downcastWriter#createRawElement()`} method.\n */ class ViewRawElement extends ViewElement {\n    /**\n\t * Creates a new instance of a raw element.\n\t *\n\t * Throws the `view-rawelement-cannot-add` {@link module:utils/ckeditorerror~CKEditorError CKEditorError} when the `children`\n\t * parameter is passed to inform that the usage of `ViewRawElement` is incorrect (adding child nodes to `ViewRawElement` is forbidden).\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createRawElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */ constructor(document, name, attrs, children){\n        super(document, name, attrs, children);\n        // Returns `null` because filler is not needed for raw elements.\n        this.getFillerOffset = getFillerOffset;\n    }\n    /**\n\t * Converts `ViewRawElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewRawElement` instance converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.type = 'RawElement';\n        return json;\n    }\n    /**\n\t * Overrides the {@link module:engine/view/element~ViewElement#_insertChild} method.\n\t * Throws the `view-rawelement-cannot-add` {@link module:utils/ckeditorerror~CKEditorError CKEditorError} to prevent\n\t * adding any child nodes to a raw element.\n\t *\n\t * @internal\n\t */ _insertChild(index, items) {\n        if (items && (items instanceof ViewNode || Array.from(items).length > 0)) {\n            /**\n\t\t\t * Cannot add children to a {@link module:engine/view/rawelement~ViewRawElement} instance.\n\t\t\t *\n\t\t\t * @error view-rawelement-cannot-add\n\t\t\t */ throw new CKEditorError('view-rawelement-cannot-add', [\n                this,\n                items\n            ]);\n        }\n        return 0;\n    }\n    /**\n\t * This allows rendering the children of a {@link module:engine/view/rawelement~ViewRawElement} on the DOM level.\n\t * This method is called by the {@link module:engine/view/domconverter~ViewDomConverter} with the raw DOM element\n\t * passed as an argument, leaving the number and shape of the children up to the integrator.\n\t *\n\t * This method **must be defined** for the raw element to work:\n\t *\n\t * ```ts\n\t * const myRawElement = downcastWriter.createRawElement( 'div' );\n\t *\n\t * myRawElement.render = function( domElement, domConverter ) {\n\t * \tdomConverter.setContentOf( domElement, '<b>This is the raw content of myRawElement.</b>' );\n\t * };\n\t * ```\n\t *\n\t * @param domElement The native DOM element representing the raw view element.\n\t * @param domConverter Instance of the ViewDomConverter used to optimize the output.\n\t */ render(domElement, domConverter) {}\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewRawElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'rawElement' || type === 'view:rawElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === this.name || type === 'view:' + this.name || type === 'element' || type === 'view:element' || type === 'node' || type === 'view:node';\n    } else {\n        return name === this.name && (type === 'rawElement' || type === 'view:rawElement' || type === 'element' || type === 'view:element');\n    }\n};\n/**\n * Returns `null` because block filler is not needed for raw elements.\n */ function getFillerOffset() {\n    return null;\n}\n\n/**\n * Document fragment.\n *\n * To create a new document fragment instance use the\n * {@link module:engine/view/upcastwriter~ViewUpcastWriter#createDocumentFragment `ViewUpcastWriter#createDocumentFragment()`}\n * method.\n */ class ViewDocumentFragment extends /* #__PURE__ */ EmitterMixin(ViewTypeCheckable) {\n    /**\n\t * The document to which this document fragment belongs.\n\t */ document;\n    /**\n\t * Array of child nodes.\n\t */ _children = [];\n    /**\n\t * Map of custom properties.\n\t * Custom properties can be added to document fragment instance.\n\t */ _customProperties = new Map();\n    /**\n\t * Creates new DocumentFragment instance.\n\t *\n\t * @internal\n\t * @param document The document to which this document fragment belongs.\n\t * @param children A list of nodes to be inserted into the created document fragment.\n\t */ constructor(document, children){\n        super();\n        this.document = document;\n        if (children) {\n            this._insertChild(0, children);\n        }\n    }\n    /**\n\t * Iterable interface.\n\t *\n\t * Iterates over nodes added to this document fragment.\n\t */ [Symbol.iterator]() {\n        return this._children[Symbol.iterator]();\n    }\n    /**\n\t * Number of child nodes in this document fragment.\n\t */ get childCount() {\n        return this._children.length;\n    }\n    /**\n\t * Is `true` if there are no nodes inside this document fragment, `false` otherwise.\n\t */ get isEmpty() {\n        return this.childCount === 0;\n    }\n    /**\n\t * Artificial root of `DocumentFragment`. Returns itself. Added for compatibility reasons.\n\t */ get root() {\n        return this;\n    }\n    /**\n\t * Artificial parent of `DocumentFragment`. Returns `null`. Added for compatibility reasons.\n\t */ get parent() {\n        return null;\n    }\n    /**\n\t * Artificial element name. Returns `undefined`. Added for compatibility reasons.\n\t */ get name() {\n        return undefined;\n    }\n    /**\n\t * Artificial element getFillerOffset. Returns `undefined`. Added for compatibility reasons.\n\t */ get getFillerOffset() {\n        return undefined;\n    }\n    /**\n\t * Returns the custom property value for the given key.\n\t */ getCustomProperty(key) {\n        return this._customProperties.get(key);\n    }\n    /**\n\t * Returns an iterator which iterates over this document fragment's custom properties.\n\t * Iterator provides `[ key, value ]` pairs for each stored property.\n\t */ *getCustomProperties() {\n        yield* this._customProperties.entries();\n    }\n    /**\n\t * Converts `ViewDocumentFragment` instance to plain object and returns it.\n\t * Takes care of converting all of this document fragment's children.\n\t *\n\t * @returns `ViewDocumentFragment` instance converted to plain object.\n\t */ toJSON() {\n        const json = [];\n        for (const node of this._children){\n            json.push(node.toJSON());\n        }\n        return json;\n    }\n    /**\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment#_insertChild Insert} a child node or a list of child nodes at the end\n\t * and sets the parent of these nodes to this fragment.\n\t *\n\t * @internal\n\t * @param items Items to be inserted.\n\t * @returns Number of appended nodes.\n\t */ _appendChild(items) {\n        return this._insertChild(this.childCount, items);\n    }\n    /**\n\t * Gets child at the given index.\n\t *\n\t * @param index Index of child.\n\t * @returns Child node.\n\t */ getChild(index) {\n        return this._children[index];\n    }\n    /**\n\t * Gets index of the given child node. Returns `-1` if child node is not found.\n\t *\n\t * @param node Child node.\n\t * @returns Index of the child node.\n\t */ getChildIndex(node) {\n        return this._children.indexOf(node);\n    }\n    /**\n\t * Gets child nodes iterator.\n\t *\n\t * @returns Child nodes iterator.\n\t */ getChildren() {\n        return this._children[Symbol.iterator]();\n    }\n    /**\n\t * Inserts a child node or a list of child nodes on the given index and sets the parent of these nodes to\n\t * this fragment.\n\t *\n\t * @internal\n\t * @param index Position where nodes should be inserted.\n\t * @param items Items to be inserted.\n\t * @returns Number of inserted nodes.\n\t */ _insertChild(index, items) {\n        this._fireChange('children', this, {\n            index\n        });\n        let count = 0;\n        const nodes = normalize$2(this.document, items);\n        for (const node of nodes){\n            // If node that is being added to this element is already inside another element, first remove it from the old parent.\n            if (node.parent !== null) {\n                node._remove();\n            }\n            node.parent = this;\n            this._children.splice(index, 0, node);\n            index++;\n            count++;\n        }\n        return count;\n    }\n    /**\n\t * Removes number of child nodes starting at the given index and set the parent of these nodes to `null`.\n\t *\n\t * @internal\n\t * @param index Number of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @returns The array of removed nodes.\n\t */ _removeChildren(index, howMany = 1) {\n        this._fireChange('children', this, {\n            index\n        });\n        for(let i = index; i < index + howMany; i++){\n            this._children[i].parent = null;\n        }\n        return this._children.splice(index, howMany);\n    }\n    /**\n\t * @internal\n\t * @param type Type of the change.\n\t * @param node Changed node.\n\t * @param data Additional data.\n\t * @fires module:engine/view/node~ViewNode#event:change\n\t */ _fireChange(type, node, data) {\n        this.fire(`change:${type}`, node, data);\n    }\n    /**\n\t * Sets a custom property. They can be used to add special data to elements.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#setCustomProperty\n\t * @internal\n\t */ _setCustomProperty(key, value) {\n        this._customProperties.set(key, value);\n    }\n    /**\n\t * Removes the custom property stored under the given key.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeCustomProperty\n\t * @internal\n\t * @returns Returns true if property was removed.\n\t */ _removeCustomProperty(key) {\n        return this._customProperties.delete(key);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewDocumentFragment.prototype.is = function(type) {\n    return type === 'documentFragment' || type === 'view:documentFragment';\n};\n/**\n * Converts strings to Text and non-iterables to arrays.\n */ function normalize$2(document, nodes) {\n    // Separate condition because string is iterable.\n    if (typeof nodes == 'string') {\n        return [\n            new ViewText(document, nodes)\n        ];\n    }\n    if (!isIterable(nodes)) {\n        nodes = [\n            nodes\n        ];\n    }\n    // Array.from to enable .map() on non-arrays.\n    return Array.from(nodes).map((node)=>{\n        if (typeof node == 'string') {\n            return new ViewText(document, node);\n        }\n        if (node instanceof ViewTextProxy) {\n            return new ViewText(document, node.data);\n        }\n        return node;\n    });\n}\n\n/**\n * View downcast writer.\n *\n * It provides a set of methods used to manipulate view nodes.\n *\n * Do not create an instance of this writer manually. To modify a view structure, use\n * the {@link module:engine/view/view~EditingView#change `View#change()`} block.\n *\n * The `ViewDowncastWriter` is designed to work with semantic views which are the views that were/are being downcasted from the model.\n * To work with ordinary views (e.g. parsed from a pasted content) use the\n * {@link module:engine/view/upcastwriter~ViewUpcastWriter upcast writer}.\n *\n * Read more about changing the view in the {@glink framework/architecture/editing-engine#changing-the-view Changing the view}\n * section of the {@glink framework/architecture/editing-engine Editing engine architecture} guide.\n */ class ViewDowncastWriter {\n    /**\n\t * The view document instance in which this writer operates.\n\t */ document;\n    /**\n\t * Holds references to the attribute groups that share the same {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.\n\t * The keys are `id`s, the values are `Set`s holding {@link module:engine/view/attributeelement~ViewAttributeElement}s.\n\t */ _cloneGroups = new Map();\n    /**\n\t * The slot factory used by the `elementToStructure` downcast helper.\n\t */ _slotFactory = null;\n    /**\n\t * @param document The view document instance.\n\t */ constructor(document){\n        this.document = document;\n    }\n    setSelection(...args) {\n        this.document.selection._setTo(...args);\n    }\n    /**\n\t * Moves {@link module:engine/view/documentselection~ViewDocumentSelection#focus selection's focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/view/view~EditingView#createPositionAt view.createPositionAt()}\n\t * parameters.\n\t *\n\t * @param itemOrPosition\n\t * @param offset Offset or one of the flags. Used only when the first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */ setSelectionFocus(itemOrPosition, offset) {\n        this.document.selection._setFocus(itemOrPosition, offset);\n    }\n    /**\n\t * Creates a new {@link module:engine/view/documentfragment~ViewDocumentFragment} instance.\n\t *\n\t * @param children A list of nodes to be inserted into the created document fragment.\n\t * @returns The created document fragment.\n\t */ createDocumentFragment(children) {\n        return new ViewDocumentFragment(this.document, children);\n    }\n    /**\n\t * Creates a new {@link module:engine/view/text~ViewText text node}.\n\t *\n\t * ```ts\n\t * writer.createText( 'foo' );\n\t * ```\n\t *\n\t * @param data The text's data.\n\t * @returns The created text node.\n\t */ createText(data) {\n        return new ViewText(this.document, data);\n    }\n    /**\n\t * Creates a new {@link module:engine/view/attributeelement~ViewAttributeElement}.\n\t *\n\t * ```ts\n\t * writer.createAttributeElement( 'strong' );\n\t * writer.createAttributeElement( 'a', { href: 'foo.bar' } );\n\t *\n\t * // Make `<a>` element contain other attributes element so the `<a>` element is not broken.\n\t * writer.createAttributeElement( 'a', { href: 'foo.bar' }, { priority: 5 } );\n\t *\n\t * // Set `id` of a marker element so it is not joined or merged with \"normal\" elements.\n\t * writer.createAttributeElement( 'span', { class: 'my-marker' }, { id: 'marker:my' } );\n\t * ```\n\t *\n\t * @param name Name of the element.\n\t * @param attributes Element's attributes.\n\t * @param options Element's options.\n\t * @param options.priority Element's {@link module:engine/view/attributeelement~ViewAttributeElement#priority priority}.\n\t * @param options.id Element's {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns Created element.\n\t */ createAttributeElement(name, attributes, options = {}) {\n        const attributeElement = new ViewAttributeElement(this.document, name, attributes);\n        if (typeof options.priority === 'number') {\n            attributeElement._priority = options.priority;\n        }\n        if (options.id) {\n            attributeElement._id = options.id;\n        }\n        if (options.renderUnsafeAttributes) {\n            attributeElement._unsafeAttributesToRender.push(...options.renderUnsafeAttributes);\n        }\n        return attributeElement;\n    }\n    createContainerElement(name, attributes, childrenOrOptions = {}, options = {}) {\n        let children = undefined;\n        if (isContainerOptions(childrenOrOptions)) {\n            options = childrenOrOptions;\n        } else {\n            children = childrenOrOptions;\n        }\n        const containerElement = new ViewContainerElement(this.document, name, attributes, children);\n        if (options.renderUnsafeAttributes) {\n            containerElement._unsafeAttributesToRender.push(...options.renderUnsafeAttributes);\n        }\n        return containerElement;\n    }\n    /**\n\t * Creates a new {@link module:engine/view/editableelement~ViewEditableElement}.\n\t *\n\t * ```ts\n\t * writer.createEditableElement( 'div' );\n\t * writer.createEditableElement( 'div', { id: 'foo-1234' } );\n\t * ```\n\t *\n\t * Note: The editable element is to be used in the editing pipeline. Usually, together with\n\t * {@link module:widget/utils~toWidgetEditable `toWidgetEditable()`}.\n\t *\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t * @param options Element's options.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns Created element.\n\t */ createEditableElement(name, attributes, options = {}) {\n        const editableElement = new ViewEditableElement(this.document, name, attributes);\n        if (options.renderUnsafeAttributes) {\n            editableElement._unsafeAttributesToRender.push(...options.renderUnsafeAttributes);\n        }\n        return editableElement;\n    }\n    /**\n\t * Creates a new {@link module:engine/view/emptyelement~ViewEmptyElement}.\n\t *\n\t * ```ts\n\t * writer.createEmptyElement( 'img' );\n\t * writer.createEmptyElement( 'img', { id: 'foo-1234' } );\n\t * ```\n\t *\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t * @param options Element's options.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns Created element.\n\t */ createEmptyElement(name, attributes, options = {}) {\n        const emptyElement = new ViewEmptyElement(this.document, name, attributes);\n        if (options.renderUnsafeAttributes) {\n            emptyElement._unsafeAttributesToRender.push(...options.renderUnsafeAttributes);\n        }\n        return emptyElement;\n    }\n    /**\n\t * Creates a new {@link module:engine/view/uielement~ViewUIElement}.\n\t *\n\t * ```ts\n\t * writer.createUIElement( 'span' );\n\t * writer.createUIElement( 'span', { id: 'foo-1234' } );\n\t * ```\n\t *\n\t * A custom render function can be provided as the third parameter:\n\t *\n\t * ```ts\n\t * writer.createUIElement( 'span', null, function( domDocument ) {\n\t * \tconst domElement = this.toDomElement( domDocument );\n\t * \tdomElement.innerHTML = '<b>this is ui element</b>';\n\t *\n\t * \treturn domElement;\n\t * } );\n\t * ```\n\t *\n\t * Unlike {@link #createRawElement raw elements}, UI elements are by no means editor content, for instance,\n\t * they are ignored by the editor selection system.\n\t *\n\t * You should not use UI elements as data containers. Check out {@link #createRawElement} instead.\n\t *\n\t * @param name The name of the element.\n\t * @param attributes Element attributes.\n\t * @param renderFunction A custom render function.\n\t * @returns The created element.\n\t */ createUIElement(name, attributes, renderFunction) {\n        const uiElement = new ViewUIElement(this.document, name, attributes);\n        if (renderFunction) {\n            uiElement.render = renderFunction;\n        }\n        return uiElement;\n    }\n    /**\n\t * Creates a new {@link module:engine/view/rawelement~ViewRawElement}.\n\t *\n\t * ```ts\n\t * writer.createRawElement( 'span', { id: 'foo-1234' }, function( domElement ) {\n\t * \tdomElement.innerHTML = '<b>This is the raw content of the raw element.</b>';\n\t * } );\n\t * ```\n\t *\n\t * Raw elements work as data containers (\"wrappers\", \"sandboxes\") but their children are not managed or\n\t * even recognized by the editor. This encapsulation allows integrations to maintain custom DOM structures\n\t * in the editor content without, for instance, worrying about compatibility with other editor features.\n\t * Raw elements are a perfect tool for integration with external frameworks and data sources.\n\t *\n\t * Unlike {@link #createUIElement UI elements}, raw elements act like \"real\" editor content (similar to\n\t * {@link module:engine/view/containerelement~ViewContainerElement} or {@link module:engine/view/emptyelement~ViewEmptyElement}),\n\t * and they are considered by the editor selection.\n\t *\n\t * You should not use raw elements to render the UI in the editor content. Check out {@link #createUIElement `#createUIElement()`}\n\t * instead.\n\t *\n\t * @param name The name of the element.\n\t * @param attributes Element attributes.\n\t * @param renderFunction A custom render function.\n\t * @param options Element's options.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns The created element.\n\t */ createRawElement(name, attributes, renderFunction, options = {}) {\n        const rawElement = new ViewRawElement(this.document, name, attributes);\n        if (renderFunction) {\n            rawElement.render = renderFunction;\n        }\n        if (options.renderUnsafeAttributes) {\n            rawElement._unsafeAttributesToRender.push(...options.renderUnsafeAttributes);\n        }\n        return rawElement;\n    }\n    setAttribute(key, value, elementOrOverwrite, element) {\n        if (element !== undefined) {\n            element._setAttribute(key, value, elementOrOverwrite);\n        } else {\n            elementOrOverwrite._setAttribute(key, value);\n        }\n    }\n    removeAttribute(key, elementOrTokens, element) {\n        if (element !== undefined) {\n            element._removeAttribute(key, elementOrTokens);\n        } else {\n            elementOrTokens._removeAttribute(key);\n        }\n    }\n    /**\n\t * Adds specified class to the element.\n\t *\n\t * ```ts\n\t * writer.addClass( 'foo', linkElement );\n\t * writer.addClass( [ 'foo', 'bar' ], linkElement );\n\t * ```\n\t */ addClass(className, element) {\n        element._addClass(className);\n    }\n    /**\n\t * Removes specified class from the element.\n\t *\n\t * ```ts\n\t * writer.removeClass( 'foo', linkElement );\n\t * writer.removeClass( [ 'foo', 'bar' ], linkElement );\n\t * ```\n\t */ removeClass(className, element) {\n        element._removeClass(className);\n    }\n    setStyle(property, value, element) {\n        if (isPlainObject(property) && element === undefined) {\n            value._setStyle(property);\n        } else {\n            element._setStyle(property, value);\n        }\n    }\n    /**\n\t * Removes specified style from the element.\n\t *\n\t * ```ts\n\t * writer.removeStyle( 'color', element ); // Removes 'color' style.\n\t * writer.removeStyle( [ 'color', 'border-top' ], element ); // Removes both 'color' and 'border-top' styles.\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#remove `StylesMap#remove()`} for details.\n\t */ removeStyle(property, element) {\n        element._removeStyle(property);\n    }\n    /**\n\t * Sets a custom property on element. Unlike attributes, custom properties are not rendered to the DOM,\n\t * so they can be used to add special data to elements.\n\t */ setCustomProperty(key, value, element) {\n        element._setCustomProperty(key, value);\n    }\n    /**\n\t * Removes a custom property stored under the given key.\n\t *\n\t * @returns Returns true if property was removed.\n\t */ removeCustomProperty(key, element) {\n        return element._removeCustomProperty(key);\n    }\n    /**\n\t * Breaks attribute elements at the provided position or at the boundaries of a provided range. It breaks attribute elements\n\t * up to their first ancestor that is a container element.\n\t *\n\t * In following examples `<p>` is a container, `<b>` and `<u>` are attribute elements:\n\t *\n\t * ```html\n\t * <p>foo<b><u>bar{}</u></b></p> -> <p>foo<b><u>bar</u></b>[]</p>\n\t * <p>foo<b><u>{}bar</u></b></p> -> <p>foo{}<b><u>bar</u></b></p>\n\t * <p>foo<b><u>b{}ar</u></b></p> -> <p>foo<b><u>b</u></b>[]<b><u>ar</u></b></p>\n\t * <p><b>fo{o</b><u>ba}r</u></p> -> <p><b>fo</b><b>o</b><u>ba</u><u>r</u></b></p>\n\t * ```\n\t *\n\t * **Note:** {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment} is treated like a container.\n\t *\n\t * **Note:** The difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes breakAttributes()} and\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakContainer breakContainer()} is that `breakAttributes()` breaks all\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that are ancestors of a given `position`,\n\t * up to the first encountered {@link module:engine/view/containerelement~ViewContainerElement container element}.\n\t * `breakContainer()` assumes that a given `position` is directly in the container element and breaks that container element.\n\t *\n\t * Throws the `view-writer-invalid-range-container` {@link module:utils/ckeditorerror~CKEditorError CKEditorError}\n\t * when the {@link module:engine/view/range~ViewRange#start start}\n\t * and {@link module:engine/view/range~ViewRange#end end} positions of a passed range are not placed inside same parent container.\n\t *\n\t * Throws the `view-writer-cannot-break-empty-element` {@link module:utils/ckeditorerror~CKEditorError CKEditorError}\n\t * when trying to break attributes inside an {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElement}.\n\t *\n\t * Throws the `view-writer-cannot-break-ui-element` {@link module:utils/ckeditorerror~CKEditorError CKEditorError}\n\t * when trying to break attributes inside a {@link module:engine/view/uielement~ViewUIElement UIElement}.\n\t *\n\t * @see module:engine/view/attributeelement~ViewAttributeElement\n\t * @see module:engine/view/containerelement~ViewContainerElement\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#breakContainer\n\t * @param positionOrRange The position where to break attribute elements.\n\t * @returns The new position or range, after breaking the attribute elements.\n\t */ breakAttributes(positionOrRange) {\n        if (positionOrRange instanceof ViewPosition) {\n            return this._breakAttributes(positionOrRange);\n        } else {\n            return this._breakAttributesRange(positionOrRange);\n        }\n    }\n    /**\n\t * Breaks a {@link module:engine/view/containerelement~ViewContainerElement container view element} into two, at the given position.\n\t * The position has to be directly inside the container element and cannot be in the root. It does not break the conrainer view element\n\t * if the position is at the beginning or at the end of its parent element.\n\t *\n\t * ```html\n\t * <p>foo^bar</p> -> <p>foo</p><p>bar</p>\n\t * <div><p>foo</p>^<p>bar</p></div> -> <div><p>foo</p></div><div><p>bar</p></div>\n\t * <p>^foobar</p> -> ^<p>foobar</p>\n\t * <p>foobar^</p> -> <p>foobar</p>^\n\t * ```\n\t *\n\t * **Note:** The difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes breakAttributes()} and\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakContainer breakContainer()} is that `breakAttributes()` breaks all\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that are ancestors of a given `position`,\n\t * up to the first encountered {@link module:engine/view/containerelement~ViewContainerElement container element}.\n\t * `breakContainer()` assumes that the given `position` is directly in the container element and breaks that container element.\n\t *\n\t * @see module:engine/view/attributeelement~ViewAttributeElement\n\t * @see module:engine/view/containerelement~ViewContainerElement\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes\n\t * @param position The position where to break the element.\n\t * @returns The position between broken elements. If an element has not been broken,\n\t * the returned position is placed either before or after it.\n\t */ breakContainer(position) {\n        const element = position.parent;\n        if (!element.is('containerElement')) {\n            /**\n\t\t\t * Trying to break an element which is not a container element.\n\t\t\t *\n\t\t\t * @error view-writer-break-non-container-element\n\t\t\t */ throw new CKEditorError('view-writer-break-non-container-element', this.document);\n        }\n        if (!element.parent) {\n            /**\n\t\t\t * Trying to break root element.\n\t\t\t *\n\t\t\t * @error view-writer-break-root\n\t\t\t */ throw new CKEditorError('view-writer-break-root', this.document);\n        }\n        if (position.isAtStart) {\n            return ViewPosition._createBefore(element);\n        } else if (!position.isAtEnd) {\n            const newElement = element._clone(false);\n            this.insert(ViewPosition._createAfter(element), newElement);\n            const sourceRange = new ViewRange(position, ViewPosition._createAt(element, 'end'));\n            const targetPosition = new ViewPosition(newElement, 0);\n            this.move(sourceRange, targetPosition);\n        }\n        return ViewPosition._createAfter(element);\n    }\n    /**\n\t * Merges {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements}. It also merges text nodes if needed.\n\t * Only {@link module:engine/view/attributeelement~ViewAttributeElement#isSimilar similar} attribute elements can be merged.\n\t *\n\t * In following examples `<p>` is a container and `<b>` is an attribute element:\n\t *\n\t * ```html\n\t * <p>foo[]bar</p> -> <p>foo{}bar</p>\n\t * <p><b>foo</b>[]<b>bar</b></p> -> <p><b>foo{}bar</b></p>\n\t * <p><b foo=\"bar\">a</b>[]<b foo=\"baz\">b</b></p> -> <p><b foo=\"bar\">a</b>[]<b foo=\"baz\">b</b></p>\n\t * ```\n\t *\n\t * It will also take care about empty attributes when merging:\n\t *\n\t * ```html\n\t * <p><b>[]</b></p> -> <p>[]</p>\n\t * <p><b>foo</b><i>[]</i><b>bar</b></p> -> <p><b>foo{}bar</b></p>\n\t * ```\n\t *\n\t * **Note:** Difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeAttributes mergeAttributes} and\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeContainers mergeContainers} is that `mergeAttributes` merges two\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} or\n\t * {@link module:engine/view/text~ViewText text nodes} while `mergeContainer` merges two\n\t * {@link module:engine/view/containerelement~ViewContainerElement container elements}.\n\t *\n\t * @see module:engine/view/attributeelement~ViewAttributeElement\n\t * @see module:engine/view/containerelement~ViewContainerElement\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#mergeContainers\n\t * @param position Merge position.\n\t * @returns Position after merge.\n\t */ mergeAttributes(position) {\n        const positionOffset = position.offset;\n        const positionParent = position.parent;\n        // When inside text node - nothing to merge.\n        if (positionParent.is('$text')) {\n            return position;\n        }\n        // When inside empty attribute - remove it.\n        if (positionParent.is('attributeElement') && positionParent.childCount === 0) {\n            const parent = positionParent.parent;\n            const offset = positionParent.index;\n            positionParent._remove();\n            this._removeFromClonedElementsGroup(positionParent);\n            return this.mergeAttributes(new ViewPosition(parent, offset));\n        }\n        const nodeBefore = positionParent.getChild(positionOffset - 1);\n        const nodeAfter = positionParent.getChild(positionOffset);\n        // Position should be placed between two nodes.\n        if (!nodeBefore || !nodeAfter) {\n            return position;\n        }\n        // When position is between two text nodes.\n        if (nodeBefore.is('$text') && nodeAfter.is('$text')) {\n            return mergeTextNodes(nodeBefore, nodeAfter);\n        } else if (nodeBefore.is('attributeElement') && nodeAfter.is('attributeElement') && nodeBefore.isSimilar(nodeAfter)) {\n            // Move all children nodes from node placed after selection and remove that node.\n            const count = nodeBefore.childCount;\n            nodeBefore._appendChild(nodeAfter.getChildren());\n            nodeAfter._remove();\n            this._removeFromClonedElementsGroup(nodeAfter);\n            // New position is located inside the first node, before new nodes.\n            // Call this method recursively to merge again if needed.\n            return this.mergeAttributes(new ViewPosition(nodeBefore, count));\n        }\n        return position;\n    }\n    /**\n\t * Merges two {@link module:engine/view/containerelement~ViewContainerElement container elements} that are\n\t * before and after given position. Precisely, the element after the position is removed and it's contents are\n\t * moved to element before the position.\n\t *\n\t * ```html\n\t * <p>foo</p>^<p>bar</p> -> <p>foo^bar</p>\n\t * <div>foo</div>^<p>bar</p> -> <div>foo^bar</div>\n\t * ```\n\t *\n\t * **Note:** Difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeAttributes mergeAttributes} and\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeContainers mergeContainers} is that `mergeAttributes` merges two\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} or\n\t * {@link module:engine/view/text~ViewText text nodes} while `mergeContainer` merges two\n\t * {@link module:engine/view/containerelement~ViewContainerElement container elements}.\n\t *\n\t * @see module:engine/view/attributeelement~ViewAttributeElement\n\t * @see module:engine/view/containerelement~ViewContainerElement\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#mergeAttributes\n\t * @param position Merge position.\n\t * @returns Position after merge.\n\t */ mergeContainers(position) {\n        const prev = position.nodeBefore;\n        const next = position.nodeAfter;\n        if (!prev || !next || !prev.is('containerElement') || !next.is('containerElement')) {\n            /**\n\t\t\t * Element before and after given position cannot be merged.\n\t\t\t *\n\t\t\t * @error view-writer-merge-containers-invalid-position\n\t\t\t */ throw new CKEditorError('view-writer-merge-containers-invalid-position', this.document);\n        }\n        const lastChild = prev.getChild(prev.childCount - 1);\n        const newPosition = lastChild instanceof ViewText ? ViewPosition._createAt(lastChild, 'end') : ViewPosition._createAt(prev, 'end');\n        this.move(ViewRange._createIn(next), ViewPosition._createAt(prev, 'end'));\n        this.remove(ViewRange._createOn(next));\n        return newPosition;\n    }\n    /**\n\t * Inserts a node or nodes at specified position. Takes care about breaking attributes before insertion\n\t * and merging them afterwards.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-insert-invalid-node` when nodes to insert\n\t * contains instances that are not {@link module:engine/view/text~ViewText Texts},\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElements},\n\t * {@link module:engine/view/containerelement~ViewContainerElement ViewContainerElements},\n\t * {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElements},\n\t * {@link module:engine/view/rawelement~ViewRawElement RawElements} or\n\t * {@link module:engine/view/uielement~ViewUIElement UIElements}.\n\t *\n\t * @param position Insertion position.\n\t * @param nodes Node or nodes to insert.\n\t * @returns Range around inserted nodes.\n\t */ insert(position, nodes) {\n        nodes = isIterable(nodes) ? [\n            ...nodes\n        ] : [\n            nodes\n        ];\n        // Check if nodes to insert are instances of ViewAttributeElements, ViewContainerElements, ViewEmptyElements, UIElements or Text.\n        validateNodesToInsert(nodes, this.document);\n        // Group nodes in batches of nodes that require or do not require breaking an ViewAttributeElements.\n        const nodeGroups = nodes.reduce((groups, node)=>{\n            const lastGroup = groups[groups.length - 1];\n            // Break attributes on nodes that do exist in the model tree so they can have attributes, other elements\n            // can't have an attribute in model and won't get wrapped with an ViewAttributeElement while down-casted.\n            const breakAttributes = !node.is('uiElement');\n            if (!lastGroup || lastGroup.breakAttributes != breakAttributes) {\n                groups.push({\n                    breakAttributes,\n                    nodes: [\n                        node\n                    ]\n                });\n            } else {\n                lastGroup.nodes.push(node);\n            }\n            return groups;\n        }, []);\n        // Insert nodes in batches.\n        let start = null;\n        let end = position;\n        for (const { nodes, breakAttributes } of nodeGroups){\n            const range = this._insertNodes(end, nodes, breakAttributes);\n            if (!start) {\n                start = range.start;\n            }\n            end = range.end;\n        }\n        // When no nodes were inserted - return collapsed range.\n        if (!start) {\n            return new ViewRange(position);\n        }\n        return new ViewRange(start, end);\n    }\n    /**\n\t * Removes provided range from the container.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}\n\t * positions are not placed inside same parent container.\n\t *\n\t * @param rangeOrItem Range to remove from container\n\t * or an {@link module:engine/view/item~ViewItem item} to remove. If range is provided, after removing, it will be updated\n\t * to a collapsed range showing the new position.\n\t * @returns Document fragment containing removed nodes.\n\t */ remove(rangeOrItem) {\n        const range = rangeOrItem instanceof ViewRange ? rangeOrItem : ViewRange._createOn(rangeOrItem);\n        validateRangeContainer(range, this.document);\n        // If range is collapsed - nothing to remove.\n        if (range.isCollapsed) {\n            return new ViewDocumentFragment(this.document);\n        }\n        // Break attributes at range start and end.\n        const { start: breakStart, end: breakEnd } = this._breakAttributesRange(range, true);\n        const parentContainer = breakStart.parent;\n        const count = breakEnd.offset - breakStart.offset;\n        // Remove nodes in range.\n        const removed = parentContainer._removeChildren(breakStart.offset, count);\n        for (const node of removed){\n            this._removeFromClonedElementsGroup(node);\n        }\n        // Merge after removing.\n        const mergePosition = this.mergeAttributes(breakStart);\n        range.start = mergePosition;\n        range.end = mergePosition.clone();\n        // Return removed nodes.\n        return new ViewDocumentFragment(this.document, removed);\n    }\n    /**\n\t * Removes matching elements from given range.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}\n\t * positions are not placed inside same parent container.\n\t *\n\t * @param range Range to clear.\n\t * @param element Element to remove.\n\t */ clear(range, element) {\n        validateRangeContainer(range, this.document);\n        // Create walker on given range.\n        // We walk backward because when we remove element during walk it modifies range end position.\n        const walker = range.getWalker({\n            direction: 'backward',\n            ignoreElementEnd: true\n        });\n        // Let's walk.\n        for (const current of walker){\n            const item = current.item;\n            let rangeToRemove;\n            // When current item matches to the given element.\n            if (item.is('element') && element.isSimilar(item)) {\n                // Create range on this element.\n                rangeToRemove = ViewRange._createOn(item);\n            // When range starts inside Text or TextProxy element.\n            } else if (!current.nextPosition.isAfter(range.start) && item.is('$textProxy')) {\n                // We need to check if parent of this text matches to given element.\n                const parentElement = item.getAncestors().find((ancestor)=>{\n                    return ancestor.is('element') && element.isSimilar(ancestor);\n                });\n                // If it is then create range inside this element.\n                if (parentElement) {\n                    rangeToRemove = ViewRange._createIn(parentElement);\n                }\n            }\n            // If we have found element to remove.\n            if (rangeToRemove) {\n                // We need to check if element range stick out of the given range and truncate if it is.\n                if (rangeToRemove.end.isAfter(range.end)) {\n                    rangeToRemove.end = range.end;\n                }\n                if (rangeToRemove.start.isBefore(range.start)) {\n                    rangeToRemove.start = range.start;\n                }\n                // At the end we remove range with found element.\n                this.remove(rangeToRemove);\n            }\n        }\n    }\n    /**\n\t * Moves nodes from provided range to target position.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}\n\t * positions are not placed inside same parent container.\n\t *\n\t * @param sourceRange Range containing nodes to move.\n\t * @param targetPosition Position to insert.\n\t * @returns Range in target container. Inserted nodes are placed between\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end} positions.\n\t */ move(sourceRange, targetPosition) {\n        let nodes;\n        if (targetPosition.isAfter(sourceRange.end)) {\n            targetPosition = this._breakAttributes(targetPosition, true);\n            const parent = targetPosition.parent;\n            const countBefore = parent.childCount;\n            sourceRange = this._breakAttributesRange(sourceRange, true);\n            nodes = this.remove(sourceRange);\n            targetPosition.offset += parent.childCount - countBefore;\n        } else {\n            nodes = this.remove(sourceRange);\n        }\n        return this.insert(targetPosition, nodes);\n    }\n    /**\n\t * Wraps elements within range with provided {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.\n\t * If a collapsed range is provided, it will be wrapped only if it is equal to view selection.\n\t *\n\t * If a collapsed range was passed and is same as selection, the selection\n\t * will be moved to the inside of the wrapped attribute element.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-invalid-range-container`\n\t * when {@link module:engine/view/range~ViewRange#start}\n\t * and {@link module:engine/view/range~ViewRange#end} positions are not placed inside same parent container.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-invalid-attribute` when passed attribute element is not\n\t * an instance of {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-nonselection-collapsed-range` when passed range\n\t * is collapsed and different than view selection.\n\t *\n\t * @param range Range to wrap.\n\t * @param attribute Attribute element to use as wrapper.\n\t * @returns range Range after wrapping, spanning over wrapping attribute element.\n\t */ wrap(range, attribute) {\n        if (!(attribute instanceof ViewAttributeElement)) {\n            throw new CKEditorError('view-writer-wrap-invalid-attribute', this.document);\n        }\n        validateRangeContainer(range, this.document);\n        if (!range.isCollapsed) {\n            // Non-collapsed range. Wrap it with the attribute element.\n            return this._wrapRange(range, attribute);\n        } else {\n            // Collapsed range. Wrap position.\n            let position = range.start;\n            if (position.parent.is('element') && !_hasNonUiChildren(position.parent)) {\n                position = position.getLastMatchingPosition((value)=>value.item.is('uiElement'));\n            }\n            position = this._wrapPosition(position, attribute);\n            const viewSelection = this.document.selection;\n            // If wrapping position is equal to view selection, move view selection inside wrapping attribute element.\n            if (viewSelection.isCollapsed && viewSelection.getFirstPosition().isEqual(range.start)) {\n                this.setSelection(position);\n            }\n            return new ViewRange(position);\n        }\n    }\n    /**\n\t * Unwraps nodes within provided range from attribute element.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}\n\t * positions are not placed inside same parent container.\n\t */ unwrap(range, attribute) {\n        if (!(attribute instanceof ViewAttributeElement)) {\n            /**\n\t\t\t * The `attribute` passed to {@link module:engine/view/downcastwriter~ViewDowncastWriter#unwrap `ViewDowncastWriter#unwrap()`}\n\t\t\t * must be an instance of {@link module:engine/view/attributeelement~ViewAttributeElement `AttributeElement`}.\n\t\t\t *\n\t\t\t * @error view-writer-unwrap-invalid-attribute\n\t\t\t */ throw new CKEditorError('view-writer-unwrap-invalid-attribute', this.document);\n        }\n        validateRangeContainer(range, this.document);\n        // If range is collapsed - nothing to unwrap.\n        if (range.isCollapsed) {\n            return range;\n        }\n        // Break attributes at range start and end.\n        const { start: breakStart, end: breakEnd } = this._breakAttributesRange(range, true);\n        const parentContainer = breakStart.parent;\n        // Unwrap children located between break points.\n        const newRange = this._unwrapChildren(parentContainer, breakStart.offset, breakEnd.offset, attribute);\n        // Merge attributes at the both ends and return a new range.\n        const start = this.mergeAttributes(newRange.start);\n        // If start position was merged - move end position back.\n        if (!start.isEqual(newRange.start)) {\n            newRange.end.offset--;\n        }\n        const end = this.mergeAttributes(newRange.end);\n        return new ViewRange(start, end);\n    }\n    /**\n\t * Renames element by creating a copy of renamed element but with changed name and then moving contents of the\n\t * old element to the new one. Keep in mind that this will invalidate all {@link module:engine/view/position~ViewPosition positions}\n\t * which has renamed element as {@link module:engine/view/position~ViewPosition#parent a parent}.\n\t *\n\t * New element has to be created because `Element#tagName` property in DOM is readonly.\n\t *\n\t * Since this function creates a new element and removes the given one, the new element is returned to keep reference.\n\t *\n\t * @param newName New name for element.\n\t * @param viewElement Element to be renamed.\n\t * @returns Element created due to rename.\n\t */ rename(newName, viewElement) {\n        const newElement = new ViewContainerElement(this.document, newName, viewElement.getAttributes());\n        this.insert(ViewPosition._createAfter(viewElement), newElement);\n        this.move(ViewRange._createIn(viewElement), ViewPosition._createAt(newElement, 0));\n        this.remove(ViewRange._createOn(viewElement));\n        return newElement;\n    }\n    /**\n\t * Cleans up memory by removing obsolete cloned elements group from the writer.\n\t *\n\t * Should be used whenever all {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements}\n\t * with the same {@link module:engine/view/attributeelement~ViewAttributeElement#id id} are going to be removed from the view and\n\t * the group will no longer be needed.\n\t *\n\t * Cloned elements group are not removed automatically in case if the group is still needed after all its elements\n\t * were removed from the view.\n\t *\n\t * Keep in mind that group names are equal to the `id` property of the attribute element.\n\t *\n\t * @param groupName Name of the group to clear.\n\t */ clearClonedElementsGroup(groupName) {\n        this._cloneGroups.delete(groupName);\n    }\n    /**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/view/position~ViewPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/view/item~ViewItem view item} and `'before'` or `'after'` (sets position before or after given view item).\n\t *\n\t * This method is a shortcut to other constructors such as:\n\t *\n\t * * {@link #createPositionBefore},\n\t * * {@link #createPositionAfter},\n\t *\n\t * @param offset Offset or one of the flags. Used only when the first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */ createPositionAt(itemOrPosition, offset) {\n        return ViewPosition._createAt(itemOrPosition, offset);\n    }\n    /**\n\t * Creates a new position after given view item.\n\t *\n\t * @param item View item after which the position should be located.\n\t */ createPositionAfter(item) {\n        return ViewPosition._createAfter(item);\n    }\n    /**\n\t * Creates a new position before given view item.\n\t *\n\t * @param item View item before which the position should be located.\n\t */ createPositionBefore(item) {\n        return ViewPosition._createBefore(item);\n    }\n    /**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * **Note:** This factory method creates its own {@link module:engine/view/position~ViewPosition} instances basing on passed values.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at `start` position.\n\t */ createRange(start, end) {\n        return new ViewRange(start, end);\n    }\n    /**\n\t * Creates a range that starts before given {@link module:engine/view/item~ViewItem view item} and ends after it.\n\t */ createRangeOn(item) {\n        return ViewRange._createOn(item);\n    }\n    /**\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */ createRangeIn(element) {\n        return ViewRange._createIn(element);\n    }\n    createSelection(...args) {\n        return new ViewSelection(...args);\n    }\n    /**\n\t * Creates placeholders for child elements of the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure\n\t * `elementToStructure()`} conversion helper.\n\t *\n\t * ```ts\n\t * const viewSlot = conversionApi.writer.createSlot();\n\t * const viewPosition = conversionApi.writer.createPositionAt( viewElement, 0 );\n\t *\n\t * conversionApi.writer.insert( viewPosition, viewSlot );\n\t * ```\n\t *\n\t * It could be filtered down to a specific subset of children (only `<foo>` model elements in this case):\n\t *\n\t * ```ts\n\t * const viewSlot = conversionApi.writer.createSlot( node => node.is( 'element', 'foo' ) );\n\t * const viewPosition = conversionApi.writer.createPositionAt( viewElement, 0 );\n\t *\n\t * conversionApi.writer.insert( viewPosition, viewSlot );\n\t * ```\n\t *\n\t * While providing a filtered slot, make sure to provide slots for all child nodes. A single node cannot be downcasted into\n\t * multiple slots.\n\t *\n\t * **Note**: You should not change the order of nodes. View elements should be in the same order as model nodes.\n\t *\n\t * @param modeOrFilter The filter for child nodes.\n\t * @returns The slot element to be placed in to the view structure while processing\n\t * {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure `elementToStructure()`}.\n\t */ createSlot(modeOrFilter = 'children') {\n        if (!this._slotFactory) {\n            /**\n\t\t\t * The `createSlot()` method is only allowed inside the `elementToStructure` downcast helper callback.\n\t\t\t *\n\t\t\t * @error view-writer-invalid-create-slot-context\n\t\t\t */ throw new CKEditorError('view-writer-invalid-create-slot-context', this.document);\n        }\n        return this._slotFactory(this, modeOrFilter);\n    }\n    /**\n\t * Registers a slot factory.\n\t *\n\t * @internal\n\t * @param slotFactory The slot factory.\n\t */ _registerSlotFactory(slotFactory) {\n        this._slotFactory = slotFactory;\n    }\n    /**\n\t * Clears the registered slot factory.\n\t *\n\t * @internal\n\t */ _clearSlotFactory() {\n        this._slotFactory = null;\n    }\n    /**\n\t * Inserts a node or nodes at the specified position. Takes care of breaking attributes before insertion\n\t * and merging them afterwards if requested by the breakAttributes param.\n\t *\n\t * @param position Insertion position.\n\t * @param nodes Node or nodes to insert.\n\t * @param breakAttributes Whether attributes should be broken.\n\t * @returns Range around inserted nodes.\n\t */ _insertNodes(position, nodes, breakAttributes) {\n        let parentElement;\n        // Break attributes on nodes that do exist in the model tree so they can have attributes, other elements\n        // can't have an attribute in model and won't get wrapped with an ViewAttributeElement while down-casted.\n        if (breakAttributes) {\n            parentElement = getParentContainer(position);\n        } else {\n            parentElement = position.parent.is('$text') ? position.parent.parent : position.parent;\n        }\n        if (!parentElement) {\n            /**\n\t\t\t * Position's parent container cannot be found.\n\t\t\t *\n\t\t\t * @error view-writer-invalid-position-container\n\t\t\t */ throw new CKEditorError('view-writer-invalid-position-container', this.document);\n        }\n        let insertionPosition;\n        if (breakAttributes) {\n            insertionPosition = this._breakAttributes(position, true);\n        } else {\n            insertionPosition = position.parent.is('$text') ? breakTextNode(position) : position;\n        }\n        const length = parentElement._insertChild(insertionPosition.offset, nodes);\n        for (const node of nodes){\n            this._addToClonedElementsGroup(node);\n        }\n        const endPosition = insertionPosition.getShiftedBy(length);\n        const start = this.mergeAttributes(insertionPosition);\n        // If start position was merged - move end position.\n        if (!start.isEqual(insertionPosition)) {\n            endPosition.offset--;\n        }\n        const end = this.mergeAttributes(endPosition);\n        return new ViewRange(start, end);\n    }\n    /**\n\t * Wraps children with provided `wrapElement`. Only children contained in `parent` element between\n\t * `startOffset` and `endOffset` will be wrapped.\n\t */ _wrapChildren(parent, startOffset, endOffset, wrapElement) {\n        let i = startOffset;\n        const wrapPositions = [];\n        while(i < endOffset){\n            const child = parent.getChild(i);\n            const isText = child.is('$text');\n            const isAttribute = child.is('attributeElement');\n            //\n            // (In all examples, assume that `wrapElement` is `<span class=\"foo\">` element.)\n            //\n            // Check if `wrapElement` can be joined with the wrapped element. One of requirements is having same name.\n            // If possible, join elements.\n            //\n            // <p><span class=\"bar\">abc</span></p>  -->  <p><span class=\"foo bar\">abc</span></p>\n            //\n            if (isAttribute && child._canMergeAttributesFrom(wrapElement)) {\n                child._mergeAttributesFrom(wrapElement);\n                wrapPositions.push(new ViewPosition(parent, i));\n            } else if (isText || !isAttribute || shouldABeOutsideB(wrapElement, child)) {\n                // Clone attribute.\n                const newAttribute = wrapElement._clone();\n                // Wrap current node with new attribute.\n                child._remove();\n                newAttribute._appendChild(child);\n                parent._insertChild(i, newAttribute);\n                this._addToClonedElementsGroup(newAttribute);\n                wrapPositions.push(new ViewPosition(parent, i));\n            } else /* if ( isAttribute ) */ {\n                this._wrapChildren(child, 0, child.childCount, wrapElement);\n            }\n            i++;\n        }\n        // Merge at each wrap.\n        let offsetChange = 0;\n        for (const position of wrapPositions){\n            position.offset -= offsetChange;\n            // Do not merge with elements outside selected children.\n            if (position.offset == startOffset) {\n                continue;\n            }\n            const newPosition = this.mergeAttributes(position);\n            // If nodes were merged - other merge offsets will change.\n            if (!newPosition.isEqual(position)) {\n                offsetChange++;\n                endOffset--;\n            }\n        }\n        return ViewRange._createFromParentsAndOffsets(parent, startOffset, parent, endOffset);\n    }\n    /**\n\t * Unwraps children from provided `unwrapElement`. Only children contained in `parent` element between\n\t * `startOffset` and `endOffset` will be unwrapped.\n\t */ _unwrapChildren(parent, startOffset, endOffset, unwrapElement) {\n        let i = startOffset;\n        const unwrapPositions = [];\n        // Iterate over each element between provided offsets inside parent.\n        // We don't use tree walker or range iterator because we will be removing and merging potentially multiple nodes,\n        // so it could get messy. It is safer to it manually in this case.\n        while(i < endOffset){\n            const child = parent.getChild(i);\n            // Skip all text nodes. There should be no container element's here either.\n            if (!child.is('attributeElement')) {\n                i++;\n                continue;\n            }\n            //\n            // (In all examples, assume that `unwrapElement` is `<span class=\"foo\">` element.)\n            //\n            // If the child is similar to the given attribute element, unwrap it - it will be completely removed.\n            //\n            // <p><span class=\"foo\">abc</span>xyz</p>  -->  <p>abcxyz</p>\n            //\n            if (child.isSimilar(unwrapElement)) {\n                const unwrapped = child.getChildren();\n                const count = child.childCount;\n                // Replace wrapper element with its children\n                child._remove();\n                parent._insertChild(i, unwrapped);\n                this._removeFromClonedElementsGroup(child);\n                // Save start and end position of moved items.\n                unwrapPositions.push(new ViewPosition(parent, i), new ViewPosition(parent, i + count));\n                // Skip elements that were unwrapped. Assuming there won't be another element to unwrap in child elements.\n                i += count;\n                endOffset += count - 1;\n                continue;\n            }\n            //\n            // If the child is not similar but is an attribute element, try partial unwrapping - remove the same attributes/styles/classes.\n            // Partial unwrapping will happen only if the elements have the same name.\n            //\n            // <p><span class=\"foo bar\">abc</span>xyz</p>  -->  <p><span class=\"bar\">abc</span>xyz</p>\n            // <p><i class=\"foo\">abc</i>xyz</p>            -->  <p><i class=\"foo\">abc</i>xyz</p>\n            //\n            if (child._canSubtractAttributesOf(unwrapElement)) {\n                child._subtractAttributesOf(unwrapElement);\n                unwrapPositions.push(new ViewPosition(parent, i), new ViewPosition(parent, i + 1));\n                i++;\n                continue;\n            }\n            //\n            // If other nested attribute is found, look through it's children for elements to unwrap.\n            //\n            // <p><i><span class=\"foo\">abc</span></i><p>  -->  <p><i>abc</i><p>\n            //\n            this._unwrapChildren(child, 0, child.childCount, unwrapElement);\n            i++;\n        }\n        // Merge at each unwrap.\n        let offsetChange = 0;\n        for (const position of unwrapPositions){\n            position.offset -= offsetChange;\n            // Do not merge with elements outside selected children.\n            if (position.offset == startOffset || position.offset == endOffset) {\n                continue;\n            }\n            const newPosition = this.mergeAttributes(position);\n            // If nodes were merged - other merge offsets will change.\n            if (!newPosition.isEqual(position)) {\n                offsetChange++;\n                endOffset--;\n            }\n        }\n        return ViewRange._createFromParentsAndOffsets(parent, startOffset, parent, endOffset);\n    }\n    /**\n\t * Helper function for `view.writer.wrap`. Wraps range with provided attribute element.\n\t * This method will also merge newly added attribute element with its siblings whenever possible.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-invalid-attribute` when passed attribute element is not\n\t * an instance of {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.\n\t *\n\t * @returns New range after wrapping, spanning over wrapping attribute element.\n\t */ _wrapRange(range, attribute) {\n        // Break attributes at range start and end.\n        const { start: breakStart, end: breakEnd } = this._breakAttributesRange(range, true);\n        const parentContainer = breakStart.parent;\n        // Wrap all children with attribute.\n        const newRange = this._wrapChildren(parentContainer, breakStart.offset, breakEnd.offset, attribute);\n        // Merge attributes at the both ends and return a new range.\n        const start = this.mergeAttributes(newRange.start);\n        // If start position was merged - move end position back.\n        if (!start.isEqual(newRange.start)) {\n            newRange.end.offset--;\n        }\n        const end = this.mergeAttributes(newRange.end);\n        return new ViewRange(start, end);\n    }\n    /**\n\t * Helper function for {@link #wrap}. Wraps position with provided attribute element.\n\t * This method will also merge newly added attribute element with its siblings whenever possible.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-invalid-attribute` when passed attribute element is not\n\t * an instance of {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.\n\t *\n\t * @returns New position after wrapping.\n\t */ _wrapPosition(position, attribute) {\n        // Return same position when trying to wrap with attribute similar to position parent.\n        if (attribute.isSimilar(position.parent)) {\n            return movePositionToTextNode(position.clone());\n        }\n        // When position is inside text node - break it and place new position between two text nodes.\n        if (position.parent.is('$text')) {\n            position = breakTextNode(position);\n        }\n        // Create fake element that will represent position, and will not be merged with other attributes.\n        const fakeElement = this.createAttributeElement('_wrapPosition-fake-element');\n        fakeElement._priority = Number.POSITIVE_INFINITY;\n        fakeElement.isSimilar = ()=>false;\n        // Insert fake element in position location.\n        position.parent._insertChild(position.offset, fakeElement);\n        // Range around inserted fake attribute element.\n        const wrapRange = new ViewRange(position, position.getShiftedBy(1));\n        // Wrap fake element with attribute (it will also merge if possible).\n        this.wrap(wrapRange, attribute);\n        // Remove fake element and place new position there.\n        const newPosition = new ViewPosition(fakeElement.parent, fakeElement.index);\n        fakeElement._remove();\n        // If position is placed between text nodes - merge them and return position inside.\n        const nodeBefore = newPosition.nodeBefore;\n        const nodeAfter = newPosition.nodeAfter;\n        if (nodeBefore && nodeBefore.is('view:$text') && nodeAfter && nodeAfter.is('view:$text')) {\n            return mergeTextNodes(nodeBefore, nodeAfter);\n        }\n        // If position is next to text node - move position inside.\n        return movePositionToTextNode(newPosition);\n    }\n    /**\n\t * Helper function used by other `ViewDowncastWriter` methods. Breaks attribute elements at the boundaries of given range.\n\t *\n\t * @param range Range which `start` and `end` positions will be used to break attributes.\n\t * @param forceSplitText If set to `true`, will break text nodes even if they are directly in container element.\n\t * This behavior will result in incorrect view state, but is needed by other view writing methods which then fixes view state.\n\t * @returns New range with located at break positions.\n\t */ _breakAttributesRange(range, forceSplitText = false) {\n        const rangeStart = range.start;\n        const rangeEnd = range.end;\n        validateRangeContainer(range, this.document);\n        // Break at the collapsed position. Return new collapsed range.\n        if (range.isCollapsed) {\n            const position = this._breakAttributes(range.start, forceSplitText);\n            return new ViewRange(position, position);\n        }\n        const breakEnd = this._breakAttributes(rangeEnd, forceSplitText);\n        const count = breakEnd.parent.childCount;\n        const breakStart = this._breakAttributes(rangeStart, forceSplitText);\n        // Calculate new break end offset.\n        breakEnd.offset += breakEnd.parent.childCount - count;\n        return new ViewRange(breakStart, breakEnd);\n    }\n    /**\n\t * Helper function used by other `ViewDowncastWriter` methods. Breaks attribute elements at given position.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-cannot-break-empty-element` when break position\n\t * is placed inside {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElement}.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-cannot-break-ui-element` when break position\n\t * is placed inside {@link module:engine/view/uielement~ViewUIElement UIElement}.\n\t *\n\t * @param position Position where to break attributes.\n\t * @param forceSplitText If set to `true`, will break text nodes even if they are directly in container element.\n\t * This behavior will result in incorrect view state, but is needed by other view writing methods which then fixes view state.\n\t * @returns New position after breaking the attributes.\n\t */ _breakAttributes(position, forceSplitText = false) {\n        const positionOffset = position.offset;\n        const positionParent = position.parent;\n        // If position is placed inside ViewEmptyElement - throw an exception as we cannot break inside.\n        if (position.parent.is('emptyElement')) {\n            /**\n\t\t\t * Cannot break an `EmptyElement` instance.\n\t\t\t *\n\t\t\t * This error is thrown if\n\t\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes `ViewDowncastWriter#breakAttributes()`}\n\t\t\t * was executed in an incorrect position.\n\t\t\t *\n\t\t\t * @error view-writer-cannot-break-empty-element\n\t\t\t */ throw new CKEditorError('view-writer-cannot-break-empty-element', this.document);\n        }\n        // If position is placed inside UIElement - throw an exception as we cannot break inside.\n        if (position.parent.is('uiElement')) {\n            /**\n\t\t\t * Cannot break a `UIElement` instance.\n\t\t\t *\n\t\t\t * This error is thrown if\n\t\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes `ViewDowncastWriter#breakAttributes()`}\n\t\t\t * was executed in an incorrect position.\n\t\t\t *\n\t\t\t * @error view-writer-cannot-break-ui-element\n\t\t\t */ throw new CKEditorError('view-writer-cannot-break-ui-element', this.document);\n        }\n        // If position is placed inside RawElement - throw an exception as we cannot break inside.\n        if (position.parent.is('rawElement')) {\n            /**\n\t\t\t * Cannot break a `RawElement` instance.\n\t\t\t *\n\t\t\t * This error is thrown if\n\t\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes `ViewDowncastWriter#breakAttributes()`}\n\t\t\t * was executed in an incorrect position.\n\t\t\t *\n\t\t\t * @error view-writer-cannot-break-raw-element\n\t\t\t */ throw new CKEditorError('view-writer-cannot-break-raw-element', this.document);\n        }\n        // There are no attributes to break and text nodes breaking is not forced.\n        if (!forceSplitText && positionParent.is('$text') && isContainerOrFragment(positionParent.parent)) {\n            return position.clone();\n        }\n        // Position's parent is container, so no attributes to break.\n        if (isContainerOrFragment(positionParent)) {\n            return position.clone();\n        }\n        // Break text and start again in new position.\n        if (positionParent.is('$text')) {\n            return this._breakAttributes(breakTextNode(position), forceSplitText);\n        }\n        const length = positionParent.childCount;\n        // <p>foo<b><u>bar{}</u></b></p>\n        // <p>foo<b><u>bar</u>[]</b></p>\n        // <p>foo<b><u>bar</u></b>[]</p>\n        if (positionOffset == length) {\n            const newPosition = new ViewPosition(positionParent.parent, positionParent.index + 1);\n            return this._breakAttributes(newPosition, forceSplitText);\n        } else {\n            // <p>foo<b><u>{}bar</u></b></p>\n            // <p>foo<b>[]<u>bar</u></b></p>\n            // <p>foo{}<b><u>bar</u></b></p>\n            if (positionOffset === 0) {\n                const newPosition = new ViewPosition(positionParent.parent, positionParent.index);\n                return this._breakAttributes(newPosition, forceSplitText);\n            } else {\n                const offsetAfter = positionParent.index + 1;\n                // Break element.\n                const clonedNode = positionParent._clone();\n                // Insert cloned node to position's parent node.\n                positionParent.parent._insertChild(offsetAfter, clonedNode);\n                this._addToClonedElementsGroup(clonedNode);\n                // Get nodes to move.\n                const count = positionParent.childCount - positionOffset;\n                const nodesToMove = positionParent._removeChildren(positionOffset, count);\n                // Move nodes to cloned node.\n                clonedNode._appendChild(nodesToMove);\n                // Create new position to work on.\n                const newPosition = new ViewPosition(positionParent.parent, offsetAfter);\n                return this._breakAttributes(newPosition, forceSplitText);\n            }\n        }\n    }\n    /**\n\t * Stores the information that an {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} was\n\t * added to the tree. Saves the reference to the group in the given element and updates the group, so other elements\n\t * from the group now keep a reference to the given attribute element.\n\t *\n\t * The clones group can be obtained using {@link module:engine/view/attributeelement~ViewAttributeElement#getElementsWithSameId}.\n\t *\n\t * Does nothing if added element has no {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.\n\t *\n\t * @param element Attribute element to save.\n\t */ _addToClonedElementsGroup(element) {\n        // Add only if the element is in document tree.\n        if (!element.root.is('rootElement')) {\n            return;\n        }\n        // Traverse the element's children recursively to find other attribute elements that also might got inserted.\n        // The loop is at the beginning so we can make fast returns later in the code.\n        if (element.is('element')) {\n            for (const child of element.getChildren()){\n                this._addToClonedElementsGroup(child);\n            }\n        }\n        const id = element.id;\n        if (!id) {\n            return;\n        }\n        let group = this._cloneGroups.get(id);\n        if (!group) {\n            group = new Set();\n            this._cloneGroups.set(id, group);\n        }\n        group.add(element);\n        element._clonesGroup = group;\n    }\n    /**\n\t * Removes all the information about the given {@link module:engine/view/attributeelement~ViewAttributeElement attribute element}\n\t * from its clones group.\n\t *\n\t * Keep in mind, that the element will still keep a reference to the group (but the group will not keep a reference to it).\n\t * This allows to reference the whole group even if the element was already removed from the tree.\n\t *\n\t * Does nothing if the element has no {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.\n\t *\n\t * @param element Attribute element to remove.\n\t */ _removeFromClonedElementsGroup(element) {\n        // Traverse the element's children recursively to find other attribute elements that also got removed.\n        // The loop is at the beginning so we can make fast returns later in the code.\n        if (element.is('element')) {\n            for (const child of element.getChildren()){\n                this._removeFromClonedElementsGroup(child);\n            }\n        }\n        const id = element.id;\n        if (!id) {\n            return;\n        }\n        const group = this._cloneGroups.get(id);\n        if (!group) {\n            return;\n        }\n        group.delete(element);\n    // Not removing group from element on purpose!\n    // If other parts of code have reference to this element, they will be able to get references to other elements from the group.\n    }\n}\n// Helper function for `view.writer.wrap`. Checks if given element has any children that are not ui elements.\nfunction _hasNonUiChildren(parent) {\n    return Array.from(parent.getChildren()).some((child)=>!child.is('uiElement'));\n}\n/**\n * The `attribute` passed to {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#wrap()`}\n * must be an instance of {@link module:engine/view/attributeelement~ViewAttributeElement `AttributeElement`}.\n *\n * @error view-writer-wrap-invalid-attribute\n */ /**\n * Returns first parent container of specified {@link module:engine/view/position~ViewPosition Position}.\n * Position's parent node is checked as first, then next parents are checked.\n * Note that {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment} is treated like a container.\n *\n * @param position Position used as a start point to locate parent container.\n * @returns Parent container element or `undefined` if container is not found.\n */ function getParentContainer(position) {\n    let parent = position.parent;\n    while(!isContainerOrFragment(parent)){\n        if (!parent) {\n            return undefined;\n        }\n        parent = parent.parent;\n    }\n    return parent;\n}\n/**\n * Checks if first {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement} provided to the function\n * can be wrapped outside second element. It is done by comparing elements'\n * {@link module:engine/view/attributeelement~ViewAttributeElement#priority priorities}, if both have same priority\n * {@link module:engine/view/element~ViewElement#getIdentity identities} are compared.\n */ function shouldABeOutsideB(a, b) {\n    if (a.priority < b.priority) {\n        return true;\n    } else if (a.priority > b.priority) {\n        return false;\n    }\n    // When priorities are equal and names are different - use identities.\n    return a.getIdentity() < b.getIdentity();\n}\n/**\n * Returns new position that is moved to near text node. Returns same position if there is no text node before of after\n * specified position.\n *\n * ```html\n * <p>foo[]</p>  ->  <p>foo{}</p>\n * <p>[]foo</p>  ->  <p>{}foo</p>\n * ```\n *\n * @returns Position located inside text node or same position if there is no text nodes\n * before or after position location.\n */ function movePositionToTextNode(position) {\n    const nodeBefore = position.nodeBefore;\n    if (nodeBefore && nodeBefore.is('$text')) {\n        return new ViewPosition(nodeBefore, nodeBefore.data.length);\n    }\n    const nodeAfter = position.nodeAfter;\n    if (nodeAfter && nodeAfter.is('$text')) {\n        return new ViewPosition(nodeAfter, 0);\n    }\n    return position;\n}\n/**\n * Breaks text node into two text nodes when possible.\n *\n * ```html\n * <p>foo{}bar</p> -> <p>foo[]bar</p>\n * <p>{}foobar</p> -> <p>[]foobar</p>\n * <p>foobar{}</p> -> <p>foobar[]</p>\n * ```\n *\n * @param position Position that need to be placed inside text node.\n * @returns New position after breaking text node.\n */ function breakTextNode(position) {\n    if (position.offset == position.parent.data.length) {\n        return new ViewPosition(position.parent.parent, position.parent.index + 1);\n    }\n    if (position.offset === 0) {\n        return new ViewPosition(position.parent.parent, position.parent.index);\n    }\n    // Get part of the text that need to be moved.\n    const textToMove = position.parent.data.slice(position.offset);\n    // Leave rest of the text in position's parent.\n    position.parent._data = position.parent.data.slice(0, position.offset);\n    // Insert new text node after position's parent text node.\n    position.parent.parent._insertChild(position.parent.index + 1, new ViewText(position.root.document, textToMove));\n    // Return new position between two newly created text nodes.\n    return new ViewPosition(position.parent.parent, position.parent.index + 1);\n}\n/**\n * Merges two text nodes into first node. Removes second node and returns merge position.\n *\n * @param t1 First text node to merge. Data from second text node will be moved at the end of this text node.\n * @param t2 Second text node to merge. This node will be removed after merging.\n * @returns Position after merging text nodes.\n */ function mergeTextNodes(t1, t2) {\n    // Merge text data into first text node and remove second one.\n    const nodeBeforeLength = t1.data.length;\n    t1._data += t2.data;\n    t2._remove();\n    return new ViewPosition(t1, nodeBeforeLength);\n}\nconst validNodesToInsert = [\n    ViewText,\n    ViewAttributeElement,\n    ViewContainerElement,\n    ViewEmptyElement,\n    ViewRawElement,\n    ViewUIElement\n];\n/**\n * Checks if provided nodes are valid to insert.\n *\n * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-insert-invalid-node` when nodes to insert\n * contains instances that are not supported ones (see error description for valid ones.\n */ function validateNodesToInsert(nodes, errorContext) {\n    for (const node of nodes){\n        if (!validNodesToInsert.some((validNode)=>node instanceof validNode)) {\n            /**\n\t\t\t * One of the nodes to be inserted is of an invalid type.\n\t\t\t *\n\t\t\t * Nodes to be inserted with {@link module:engine/view/downcastwriter~ViewDowncastWriter#insert `ViewDowncastWriter#insert()`}\n\t\t\t * should be of the following types:\n\t\t\t *\n\t\t\t * * {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement},\n\t\t\t * * {@link module:engine/view/containerelement~ViewContainerElement ViewContainerElement},\n\t\t\t * * {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElement},\n\t\t\t * * {@link module:engine/view/uielement~ViewUIElement UIElement},\n\t\t\t * * {@link module:engine/view/rawelement~ViewRawElement RawElement},\n\t\t\t * * {@link module:engine/view/text~ViewText Text}.\n\t\t\t *\n\t\t\t * @error view-writer-insert-invalid-node-type\n\t\t\t */ throw new CKEditorError('view-writer-insert-invalid-node-type', errorContext);\n        }\n        if (!node.is('$text')) {\n            validateNodesToInsert(node.getChildren(), errorContext);\n        }\n    }\n}\n/**\n * Checks if node is ViewContainerElement or DocumentFragment, because in most cases they should be treated the same way.\n *\n * @returns Returns `true` if node is instance of ViewContainerElement or DocumentFragment.\n */ function isContainerOrFragment(node) {\n    return node && (node.is('containerElement') || node.is('documentFragment'));\n}\n/**\n * Checks if {@link module:engine/view/range~ViewRange#start range start} and {@link module:engine/view/range~ViewRange#end range end}\n * are placed inside same {@link module:engine/view/containerelement~ViewContainerElement container element}.\n * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when validation fails.\n */ function validateRangeContainer(range, errorContext) {\n    const startContainer = getParentContainer(range.start);\n    const endContainer = getParentContainer(range.end);\n    if (!startContainer || !endContainer || startContainer !== endContainer) {\n        /**\n\t\t * The container of the given range is invalid.\n\t\t *\n\t\t * This may happen if {@link module:engine/view/range~ViewRange#start range start} and\n\t\t * {@link module:engine/view/range~ViewRange#end range end} positions are not placed inside the same container element or\n\t\t * a parent container for these positions cannot be found.\n\t\t *\n\t\t * Methods like {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#remove()`},\n\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#clean()`},\n\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#wrap()`},\n\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#unwrap()`} need to be called\n\t\t * on a range that has its start and end positions located in the same container element. Both positions can be\n\t\t * nested within other elements (e.g. an attribute element) but the closest container ancestor must be the same.\n\t\t *\n\t\t * @error view-writer-invalid-range-container\n\t\t */ throw new CKEditorError('view-writer-invalid-range-container', errorContext);\n    }\n}\n/**\n * Checks if the provided argument is a plain object that can be used as options for container element.\n */ function isContainerOptions(childrenOrOptions) {\n    return isPlainObject(childrenOrOptions);\n}\n\n/**\n * Set of utilities related to handling block and inline fillers.\n *\n * Browsers do not allow to put caret in elements which does not have height. Because of it, we need to fill all\n * empty elements which should be selectable with elements or characters called \"fillers\". Unfortunately there is no one\n * universal filler, this is why two types are uses:\n *\n * * Block filler is an element which fill block elements, like `<p>`. CKEditor uses `<br>` as a block filler during the editing,\n * as browsers do natively. So instead of an empty `<p>` there will be `<p><br></p>`. The advantage of block filler is that\n * it is transparent for the selection, so when the caret is before the `<br>` and user presses right arrow he will be\n * moved to the next paragraph, not after the `<br>`. The disadvantage is that it breaks a block, so it cannot be used\n * in the middle of a line of text. The {@link module:engine/view/filler~BR_FILLER `<br>` filler} can be replaced with any other\n * character in the data output, for instance {@link module:engine/view/filler~NBSP_FILLER non-breaking space} or\n * {@link module:engine/view/filler~MARKED_NBSP_FILLER marked non-breaking space}.\n *\n * * Inline filler is a filler which does not break a line of text, so it can be used inside the text, for instance in the empty\n * `<b>` surrendered by text: `foo<b></b>bar`, if we want to put the caret there. CKEditor uses a sequence of the zero-width\n * spaces as an {@link module:engine/view/filler~INLINE_FILLER inline filler} having the predetermined\n * {@link module:engine/view/filler~INLINE_FILLER_LENGTH length}. A sequence is used, instead of a single character to\n * avoid treating random zero-width spaces as the inline filler. Disadvantage of the inline filler is that it is not\n * transparent for the selection. The arrow key moves the caret between zero-width spaces characters, so the additional\n * code is needed to handle the caret.\n *\n * Both inline and block fillers are handled by the {@link module:engine/view/renderer~ViewRenderer renderer} and are not present in the\n * view.\n *\n * @module engine/view/filler\n */ /**\n * Non-breaking space filler creator. This function creates the `&nbsp;` text node.\n * It defines how the filler is created.\n *\n * @see module:engine/view/filler~MARKED_NBSP_FILLER\n * @see module:engine/view/filler~BR_FILLER\n * @internal\n */ const NBSP_FILLER = (domDocument)=>domDocument.createTextNode('\\u00A0');\n/**\n * Marked non-breaking space filler creator. This function creates the `<span data-cke-filler=\"true\">&nbsp;</span>` element.\n * It defines how the filler is created.\n *\n * @see module:engine/view/filler~NBSP_FILLER\n * @see module:engine/view/filler~BR_FILLER\n * @internal\n */ const MARKED_NBSP_FILLER = (domDocument)=>{\n    const span = domDocument.createElement('span');\n    span.dataset.ckeFiller = 'true';\n    span.innerText = '\\u00A0';\n    return span;\n};\n/**\n * `<br>` filler creator. This function creates the `<br data-cke-filler=\"true\">` element.\n * It defines how the filler is created.\n *\n * @see module:engine/view/filler~NBSP_FILLER\n * @see module:engine/view/filler~MARKED_NBSP_FILLER\n * @internal\n */ const BR_FILLER = (domDocument)=>{\n    const fillerBr = domDocument.createElement('br');\n    fillerBr.dataset.ckeFiller = 'true';\n    return fillerBr;\n};\n/**\n * Length of the {@link module:engine/view/filler~INLINE_FILLER INLINE_FILLER}.\n *\n * @internal\n */ const INLINE_FILLER_LENGTH = 7;\n/**\n * Inline filler which is a sequence of the word joiners.\n *\n * @internal\n */ const INLINE_FILLER = '\\u2060'.repeat(INLINE_FILLER_LENGTH);\n/**\n * Checks if the node is a text node which starts with the {@link module:engine/view/filler~INLINE_FILLER inline filler}.\n *\n * ```ts\n * startsWithFiller( document.createTextNode( INLINE_FILLER ) ); // true\n * startsWithFiller( document.createTextNode( INLINE_FILLER + 'foo' ) ); // true\n * startsWithFiller( document.createTextNode( 'foo' ) ); // false\n * startsWithFiller( document.createElement( 'p' ) ); // false\n * ```\n *\n * @param domNode DOM node.\n * @returns True if the text node starts with the {@link module:engine/view/filler~INLINE_FILLER inline filler}.\n * @internal\n */ function startsWithFiller(domNode) {\n    if (typeof domNode == 'string') {\n        return domNode.substr(0, INLINE_FILLER_LENGTH) === INLINE_FILLER;\n    }\n    return isText(domNode) && domNode.data.substr(0, INLINE_FILLER_LENGTH) === INLINE_FILLER;\n}\n/**\n * Checks if the text node contains only the {@link module:engine/view/filler~INLINE_FILLER inline filler}.\n *\n * ```ts\n * isInlineFiller( document.createTextNode( INLINE_FILLER ) ); // true\n * isInlineFiller( document.createTextNode( INLINE_FILLER + 'foo' ) ); // false\n * ```\n *\n * @param domText DOM text node.\n * @returns True if the text node contains only the {@link module:engine/view/filler~INLINE_FILLER inline filler}.\n * @internal\n */ function isInlineFiller(domText) {\n    return domText.data.length == INLINE_FILLER_LENGTH && startsWithFiller(domText);\n}\n/**\n * Get string data from the text node, removing an {@link module:engine/view/filler~INLINE_FILLER inline filler} from it,\n * if text node contains it.\n *\n * ```ts\n * getDataWithoutFiller( document.createTextNode( INLINE_FILLER + 'foo' ) ) == 'foo' // true\n * getDataWithoutFiller( document.createTextNode( 'foo' ) ) == 'foo' // true\n * ```\n *\n * @param domText DOM text node, possible with inline filler.\n * @returns Data without filler.\n * @internal\n */ function getDataWithoutFiller(domText) {\n    const data = typeof domText == 'string' ? domText : domText.data;\n    if (startsWithFiller(domText)) {\n        return data.slice(INLINE_FILLER_LENGTH);\n    }\n    return data;\n}\n/**\n * Assign key observer which move cursor from the end of the inline filler to the beginning of it when\n * the left arrow is pressed, so the filler does not break navigation.\n *\n * @param view View controller instance we should inject quirks handling on.\n * @internal\n */ function injectQuirksHandling(view) {\n    view.document.on('arrowKey', jumpOverInlineFiller, {\n        priority: 'low'\n    });\n}\n/**\n * Move cursor from the end of the inline filler to the beginning of it when, so the filler does not break navigation.\n */ function jumpOverInlineFiller(evt, data) {\n    if (data.keyCode == keyCodes.arrowleft) {\n        const domSelection = data.domTarget.ownerDocument.defaultView.getSelection();\n        if (domSelection.rangeCount == 1 && domSelection.getRangeAt(0).collapsed) {\n            const domParent = domSelection.getRangeAt(0).startContainer;\n            const domOffset = domSelection.getRangeAt(0).startOffset;\n            if (startsWithFiller(domParent) && domOffset <= INLINE_FILLER_LENGTH) {\n                domSelection.collapse(domParent, 0);\n            }\n        }\n    }\n}\n\n/**\n * Renderer is responsible for updating the DOM structure and the DOM selection based on\n * the {@link module:engine/view/renderer~ViewRenderer#markToSync information about updated view nodes}.\n * In other words, it renders the view to the DOM.\n *\n * Its main responsibility is to make only the necessary, minimal changes to the DOM. However, unlike in many\n * virtual DOM implementations, the primary reason for doing minimal changes is not the performance but ensuring\n * that native editing features such as text composition, autocompletion, spell checking, selection's x-index are\n * affected as little as possible.\n *\n * Renderer uses {@link module:engine/view/domconverter~ViewDomConverter} to transform view nodes and positions\n * to and from the DOM.\n */ class ViewRenderer extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * Set of DOM Documents instances.\n\t */ domDocuments = new Set();\n    /**\n\t * Converter instance.\n\t */ domConverter;\n    /**\n\t * Set of nodes which attributes changed and may need to be rendered.\n\t */ markedAttributes = new Set();\n    /**\n\t * Set of elements which child lists changed and may need to be rendered.\n\t */ markedChildren = new Set();\n    /**\n\t * Set of text nodes which text data changed and may need to be rendered.\n\t */ markedTexts = new Set();\n    /**\n\t * View selection. Renderer updates DOM selection based on the view selection.\n\t */ selection;\n    /**\n\t * The text node in which the inline filler was rendered.\n\t */ _inlineFiller = null;\n    /**\n\t * DOM element containing fake selection.\n\t */ _fakeSelectionContainer = null;\n    /**\n\t * Creates a renderer instance.\n\t *\n\t * @param domConverter Converter instance.\n\t * @param selection View selection.\n\t */ constructor(domConverter, selection){\n        super();\n        this.domConverter = domConverter;\n        this.selection = selection;\n        this.set('isFocused', false);\n        this.set('isSelecting', false);\n        this.set('isComposing', false);\n        // Rendering the selection and inline filler manipulation should be postponed in (non-Android) Blink until the user finishes\n        // creating the selection in DOM to avoid accidental selection collapsing\n        // (https://github.com/ckeditor/ckeditor5/issues/10562, https://github.com/ckeditor/ckeditor5/issues/10723).\n        // When the user stops selecting, all pending changes should be rendered ASAP, though.\n        if (env.isBlink && !env.isAndroid) {\n            this.on('change:isSelecting', ()=>{\n                if (!this.isSelecting) {\n                    this.render();\n                }\n            });\n        }\n    }\n    /**\n\t * Marks a view node to be updated in the DOM by {@link #render `render()`}.\n\t *\n\t * Note that only view nodes whose parents have corresponding DOM elements need to be marked to be synchronized.\n\t *\n\t * @see #markedAttributes\n\t * @see #markedChildren\n\t * @see #markedTexts\n\t *\n\t * @param type Type of the change.\n\t * @param node ViewNode to be marked.\n\t */ markToSync(type, node) {\n        if (type === 'text') {\n            if (this.domConverter.mapViewToDom(node.parent)) {\n                this.markedTexts.add(node);\n            }\n        } else {\n            // If the node has no DOM element it is not rendered yet,\n            // its children/attributes do not need to be marked to be sync.\n            if (!this.domConverter.mapViewToDom(node)) {\n                return;\n            }\n            if (type === 'attributes') {\n                this.markedAttributes.add(node);\n            } else if (type === 'children') {\n                this.markedChildren.add(node);\n            } else {\n                /**\n\t\t\t\t * Unknown type passed to Renderer.markToSync.\n\t\t\t\t *\n\t\t\t\t * @error view-renderer-unknown-type\n\t\t\t\t */ throw new CKEditorError('view-renderer-unknown-type', this);\n            }\n        }\n    }\n    /**\n\t * Renders all buffered changes ({@link #markedAttributes}, {@link #markedChildren} and {@link #markedTexts}) and\n\t * the current view selection (if needed) to the DOM by applying a minimal set of changes to it.\n\t *\n\t * Renderer tries not to break the text composition (e.g. IME) and x-index of the selection,\n\t * so it does as little as it is needed to update the DOM.\n\t *\n\t * Renderer also handles {@link module:engine/view/filler fillers}. Especially, it checks if the inline filler is needed\n\t * at the selection position and adds or removes it. To prevent breaking text composition inline filler will not be\n\t * removed as long as the selection is in the text node which needed it at first.\n\t */ render() {\n        // Ignore rendering while in the composition mode. Composition events are not cancellable and browser will modify the DOM tree.\n        // All marked elements, attributes, etc. will wait until next render after the composition ends.\n        // On Android composition events are immediately applied to the model, so we don't need to skip rendering,\n        // and we should not do it because the difference between view and DOM could lead to position mapping problems.\n        if (this.isComposing && !env.isAndroid) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n            // @if CK_DEBUG_TYPING // \t\t'%cRendering aborted while isComposing.',\n            // @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            return;\n        }\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Renderer',\n        // @if CK_DEBUG_TYPING // \t\t'%cRendering',\n        // @if CK_DEBUG_TYPING // \t\t'font-weight: bold'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        let inlineFillerPosition = null;\n        const isInlineFillerRenderingPossible = env.isBlink && !env.isAndroid ? !this.isSelecting : true;\n        // Refresh mappings.\n        for (const element of this.markedChildren){\n            this._updateChildrenMappings(element);\n        }\n        // Don't manipulate inline fillers while the selection is being made in (non-Android) Blink to prevent accidental\n        // DOM selection collapsing\n        // (https://github.com/ckeditor/ckeditor5/issues/10562, https://github.com/ckeditor/ckeditor5/issues/10723).\n        if (isInlineFillerRenderingPossible) {\n            // There was inline filler rendered in the DOM but it's not\n            // at the selection position any more, so we can remove it\n            // (cause even if it's needed, it must be placed in another location).\n            if (this._inlineFiller && !this._isSelectionInInlineFiller()) {\n                this._removeInlineFiller();\n            }\n            // If we've got the filler, let's try to guess its position in the view.\n            if (this._inlineFiller) {\n                inlineFillerPosition = this._getInlineFillerPosition();\n            } else if (this._needsInlineFillerAtSelection()) {\n                inlineFillerPosition = this.selection.getFirstPosition();\n                // Do not use `markToSync` so it will be added even if the parent is already added.\n                this.markedChildren.add(inlineFillerPosition.parent);\n            }\n        } else if (this._inlineFiller && this._inlineFiller.parentNode) {\n            // While the user is making selection, preserve the inline filler at its original position.\n            inlineFillerPosition = this.domConverter.domPositionToView(this._inlineFiller);\n            // While down-casting the document selection attributes, all existing empty\n            // attribute elements (for selection position) are removed from the view and DOM,\n            // so make sure that we were able to map filler position.\n            // https://github.com/ckeditor/ckeditor5/issues/12026\n            if (inlineFillerPosition && inlineFillerPosition.parent.is('$text')) {\n                // The inline filler position is expected to be before the text node.\n                inlineFillerPosition = ViewPosition._createBefore(inlineFillerPosition.parent);\n            }\n        }\n        for (const element of this.markedAttributes){\n            this._updateAttrs(element);\n        }\n        for (const element of this.markedChildren){\n            this._updateChildren(element, {\n                inlineFillerPosition\n            });\n        }\n        for (const node of this.markedTexts){\n            if (!this.markedChildren.has(node.parent) && this.domConverter.mapViewToDom(node.parent)) {\n                this._updateText(node, {\n                    inlineFillerPosition\n                });\n            }\n        }\n        // * Check whether the inline filler is required and where it really is in the DOM.\n        //   At this point in most cases it will be in the DOM, but there are exceptions.\n        //   For example, if the inline filler was deep in the created DOM structure, it will not be created.\n        //   Similarly, if it was removed at the beginning of this function and then neither text nor children were updated,\n        //   it will not be present. Fix those and similar scenarios.\n        // * Don't manipulate inline fillers while the selection is being made in (non-Android) Blink to prevent accidental\n        //   DOM selection collapsing\n        //   (https://github.com/ckeditor/ckeditor5/issues/10562, https://github.com/ckeditor/ckeditor5/issues/10723).\n        if (isInlineFillerRenderingPossible) {\n            if (inlineFillerPosition) {\n                const fillerDomPosition = this.domConverter.viewPositionToDom(inlineFillerPosition);\n                const domDocument = fillerDomPosition.parent.ownerDocument;\n                if (!startsWithFiller(fillerDomPosition.parent)) {\n                    // Filler has not been created at filler position. Create it now.\n                    this._inlineFiller = addInlineFiller(domDocument, fillerDomPosition.parent, fillerDomPosition.offset);\n                } else {\n                    // Filler has been found, save it.\n                    this._inlineFiller = fillerDomPosition.parent;\n                }\n            } else {\n                // There is no filler needed.\n                this._inlineFiller = null;\n            }\n        }\n        // First focus the new editing host, then update the selection.\n        // Otherwise, FF may throw an error (https://github.com/ckeditor/ckeditor5/issues/721).\n        this._updateFocus();\n        this._updateSelection();\n        this.domConverter._clearTemporaryCustomProperties();\n        this.markedTexts.clear();\n        this.markedAttributes.clear();\n        this.markedChildren.clear();\n    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n    // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n    // @if CK_DEBUG_TYPING // }\n    }\n    /**\n\t * Updates mappings of view element's children.\n\t *\n\t * Children that were replaced in the view structure by similar elements (same tag name) are treated as 'replaced'.\n\t * This means that their mappings can be updated so the new view elements are mapped to the existing DOM elements.\n\t * Thanks to that these elements do not need to be re-rendered completely.\n\t *\n\t * @param viewElement The view element whose children mappings will be updated.\n\t */ _updateChildrenMappings(viewElement) {\n        const domElement = this.domConverter.mapViewToDom(viewElement);\n        if (!domElement) {\n            // If there is no `domElement` it means that it was already removed from DOM and there is no need to process it.\n            return;\n        }\n        // Removing nodes from the DOM as we iterate can cause `actualDomChildren`\n        // (which is a live-updating `NodeList`) to get out of sync with the\n        // indices that we compute as we iterate over `actions`.\n        // This would produce incorrect element mappings.\n        //\n        // Converting live list to an array to make the list static.\n        const actualDomChildren = Array.from(domElement.childNodes);\n        const expectedDomChildren = Array.from(this.domConverter.viewChildrenToDom(viewElement, {\n            withChildren: false\n        }));\n        const diff = this._diffNodeLists(actualDomChildren, expectedDomChildren);\n        const actions = this._findUpdateActions(diff, actualDomChildren, expectedDomChildren, areSimilarElements);\n        if (actions.indexOf('update') !== -1) {\n            const counter = {\n                equal: 0,\n                insert: 0,\n                delete: 0\n            };\n            for (const action of actions){\n                if (action === 'update') {\n                    const insertIndex = counter.equal + counter.insert;\n                    const deleteIndex = counter.equal + counter.delete;\n                    const viewChild = viewElement.getChild(insertIndex);\n                    // UIElement and RawElement are special cases. Their children are not stored in a view (#799)\n                    // so we cannot use them with replacing flow (since they use view children during rendering\n                    // which will always result in rendering empty elements).\n                    if (viewChild && !viewChild.is('uiElement') && !viewChild.is('rawElement')) {\n                        this._updateElementMappings(viewChild, actualDomChildren[deleteIndex]);\n                    }\n                    remove$1(expectedDomChildren[insertIndex]);\n                    counter.equal++;\n                } else {\n                    counter[action]++;\n                }\n            }\n        }\n    }\n    /**\n\t * Updates mappings of a given view element.\n\t *\n\t * @param viewElement The view element whose mappings will be updated.\n\t * @param domElement The DOM element representing the given view element.\n\t */ _updateElementMappings(viewElement, domElement) {\n        // Remap 'DomConverter' bindings.\n        this.domConverter.unbindDomElement(domElement);\n        this.domConverter.bindElements(domElement, viewElement);\n        // View element may have children which needs to be updated, but are not marked, mark them to update.\n        this.markedChildren.add(viewElement);\n        // Because we replace new view element mapping with the existing one, the corresponding DOM element\n        // will not be rerendered. The new view element may have different attributes than the previous one.\n        // Since its corresponding DOM element will not be rerendered, new attributes will not be added\n        // to the DOM, so we need to mark it here to make sure its attributes gets updated. See #1427 for more\n        // detailed case study.\n        // Also there are cases where replaced element is removed from the view structure and then has\n        // its attributes changed or removed. In such cases the element will not be present in `markedAttributes`\n        // and also may be the same (`element.isSimilar()`) as the reused element not having its attributes updated.\n        // To prevent such situations we always mark reused element to have its attributes rerenderd (#1560).\n        this.markedAttributes.add(viewElement);\n    }\n    /**\n\t * Gets the position of the inline filler based on the current selection.\n\t * Here, we assume that we know that the filler is needed and\n\t * {@link #_isSelectionInInlineFiller is at the selection position}, and, since it is needed,\n\t * it is somewhere at the selection position.\n\t *\n\t * Note: The filler position cannot be restored based on the filler's DOM text node, because\n\t * when this method is called (before rendering), the bindings will often be broken. View-to-DOM\n\t * bindings are only dependable after rendering.\n\t */ _getInlineFillerPosition() {\n        const firstPos = this.selection.getFirstPosition();\n        if (firstPos.parent.is('$text')) {\n            return ViewPosition._createBefore(firstPos.parent);\n        } else {\n            return firstPos;\n        }\n    }\n    /**\n\t * Returns `true` if the selection has not left the inline filler's text node.\n\t * If it is `true`, it means that the filler had been added for a reason and the selection did not\n\t * leave the filler's text node. For example, the user can be in the middle of a composition so it should not be touched.\n\t *\n\t * @returns `true` if the inline filler and selection are in the same place.\n\t */ _isSelectionInInlineFiller() {\n        if (this.selection.rangeCount != 1 || !this.selection.isCollapsed) {\n            return false;\n        }\n        // Note, we can't check if selection's position equals position of the\n        // this._inlineFiller node, because of #663. We may not be able to calculate\n        // the filler's position in the view at this stage.\n        // Instead, we check it the other way – whether selection is anchored in\n        // that text node or next to it.\n        // Possible options are:\n        // \"FILLER{}\"\n        // \"FILLERadded-text{}\"\n        const selectionPosition = this.selection.getFirstPosition();\n        const position = this.domConverter.viewPositionToDom(selectionPosition);\n        if (position && isText(position.parent) && startsWithFiller(position.parent)) {\n            return true;\n        }\n        return false;\n    }\n    /**\n\t * Removes the inline filler.\n\t */ _removeInlineFiller() {\n        const domFillerNode = this._inlineFiller;\n        // Something weird happened and the stored node doesn't contain the filler's text.\n        if (!startsWithFiller(domFillerNode)) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Renderer',\n            // @if CK_DEBUG_TYPING // \t\t'Inline filler node: ' +\n            // @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( domFillerNode.data ) }%c (${ domFillerNode.data.length })`,\n            // @if CK_DEBUG_TYPING // \t\t'color: blue',\n            // @if CK_DEBUG_TYPING // \t\t''\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            /**\n\t\t\t * The inline filler node was lost. Most likely, something overwrote the filler text node\n\t\t\t * in the DOM.\n\t\t\t *\n\t\t\t * @error view-renderer-filler-was-lost\n\t\t\t */ throw new CKEditorError('view-renderer-filler-was-lost', this);\n        }\n        if (isInlineFiller(domFillerNode)) {\n            domFillerNode.remove();\n        } else {\n            domFillerNode.data = domFillerNode.data.substr(INLINE_FILLER_LENGTH);\n        }\n        this._inlineFiller = null;\n    }\n    /**\n\t * Checks if the inline {@link module:engine/view/filler filler} should be added.\n\t *\n\t * @returns `true` if the inline filler should be added.\n\t */ _needsInlineFillerAtSelection() {\n        if (this.selection.rangeCount != 1 || !this.selection.isCollapsed) {\n            return false;\n        }\n        const selectionPosition = this.selection.getFirstPosition();\n        const selectionParent = selectionPosition.parent;\n        const selectionOffset = selectionPosition.offset;\n        // If there is no DOM root we do not care about fillers.\n        if (!this.domConverter.mapViewToDom(selectionParent.root)) {\n            return false;\n        }\n        if (!selectionParent.is('element')) {\n            return false;\n        }\n        // Prevent adding inline filler inside elements with contenteditable=false.\n        // https://github.com/ckeditor/ckeditor5-engine/issues/1170\n        if (!isEditable(selectionParent)) {\n            return false;\n        }\n        const nodeBefore = selectionPosition.nodeBefore;\n        const nodeAfter = selectionPosition.nodeAfter;\n        if (nodeBefore instanceof ViewText || nodeAfter instanceof ViewText) {\n            return false;\n        }\n        // We have block filler, we do not need inline one.\n        if (selectionOffset === selectionParent.getFillerOffset() && (!nodeBefore || !nodeBefore.is('element', 'br'))) {\n            return false;\n        }\n        // Do not use inline filler while typing outside inline elements on Android.\n        // The deleteContentBackward would remove part of the inline filler instead of removing last letter in a link.\n        if (env.isAndroid && (nodeBefore || nodeAfter)) {\n            return false;\n        }\n        return true;\n    }\n    /**\n\t * Checks if text needs to be updated and possibly updates it.\n\t *\n\t * @param viewText View text to update.\n\t * @param options.inlineFillerPosition The position where the inline filler should be rendered.\n\t */ _updateText(viewText, options) {\n        const domText = this.domConverter.findCorrespondingDomText(viewText);\n        const newDomText = this.domConverter.viewToDom(viewText);\n        let expectedText = newDomText.data;\n        const filler = options.inlineFillerPosition;\n        if (filler && filler.parent == viewText.parent && filler.offset == viewText.index) {\n            expectedText = INLINE_FILLER + expectedText;\n        }\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Renderer',\n        // @if CK_DEBUG_TYPING // \t\t'%cUpdate text',\n        // @if CK_DEBUG_TYPING // \t\t'font-weight: normal'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        this._updateTextNode(domText, expectedText);\n    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n    // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n    // @if CK_DEBUG_TYPING // }\n    }\n    /**\n\t * Checks if attribute list needs to be updated and possibly updates it.\n\t *\n\t * @param viewElement The view element to update.\n\t */ _updateAttrs(viewElement) {\n        const domElement = this.domConverter.mapViewToDom(viewElement);\n        if (!domElement) {\n            // If there is no `domElement` it means that 'viewElement' is outdated as its mapping was updated\n            // in 'this._updateChildrenMappings()'. There is no need to process it as new view element which\n            // replaced old 'viewElement' mapping was also added to 'this.markedAttributes'\n            // in 'this._updateChildrenMappings()' so it will be processed separately.\n            return;\n        }\n        // Remove attributes from DOM elements if they do not exist in the view.\n        //\n        // Note: It is important to first remove DOM attributes and then set new ones, because some view attributes may be renamed\n        // as they are set on DOM (due to unsafe attributes handling). If we set the view attribute first, and then remove\n        // non-existing DOM attributes, then we would remove the attribute that we just set.\n        //\n        // Note: The domElement.attributes is a live collection, so we need to convert it to an array to avoid issues.\n        for (const domAttr of Array.from(domElement.attributes)){\n            const key = domAttr.name;\n            // All other attributes not present in the DOM should be removed.\n            if (!viewElement.hasAttribute(key)) {\n                this.domConverter.removeDomElementAttribute(domElement, key);\n            }\n        }\n        // Add or overwrite attributes.\n        for (const key of viewElement.getAttributeKeys()){\n            this.domConverter.setDomElementAttribute(domElement, key, viewElement.getAttribute(key), viewElement);\n        }\n    }\n    /**\n\t * Checks if elements child list needs to be updated and possibly updates it.\n\t *\n\t * Note that on Android, to reduce the risk of composition breaks, it tries to update data of an existing\n\t * child text nodes instead of replacing them completely.\n\t *\n\t * @param viewElement View element to update.\n\t * @param options.inlineFillerPosition The position where the inline filler should be rendered.\n\t */ _updateChildren(viewElement, options) {\n        const domElement = this.domConverter.mapViewToDom(viewElement);\n        if (!domElement) {\n            // If there is no `domElement` it means that it was already removed from DOM.\n            // There is no need to process it. It will be processed when re-inserted.\n            return;\n        }\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Renderer',\n        // @if CK_DEBUG_TYPING // \t\t'%cUpdate children',\n        // @if CK_DEBUG_TYPING // \t\t'font-weight: normal'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        // IME on Android inserts a new text node while typing after a link\n        // instead of updating an existing text node that follows the link.\n        // We must normalize those text nodes so the diff won't get confused.\n        // https://github.com/ckeditor/ckeditor5/issues/12574.\n        if (env.isAndroid) {\n            let previousDomNode = null;\n            for (const domNode of Array.from(domElement.childNodes)){\n                if (previousDomNode && isText(previousDomNode) && isText(domNode)) {\n                    domElement.normalize();\n                    break;\n                }\n                previousDomNode = domNode;\n            }\n        }\n        const inlineFillerPosition = options.inlineFillerPosition;\n        const actualDomChildren = domElement.childNodes;\n        const expectedDomChildren = Array.from(this.domConverter.viewChildrenToDom(viewElement, {\n            bind: true\n        }));\n        // Inline filler element has to be created as it is present in the DOM, but not in the view. It is required\n        // during diffing so text nodes could be compared correctly and also during rendering to maintain\n        // proper order and indexes while updating the DOM.\n        if (inlineFillerPosition && inlineFillerPosition.parent === viewElement) {\n            addInlineFiller(domElement.ownerDocument, expectedDomChildren, inlineFillerPosition.offset);\n        }\n        const diff = this._diffNodeLists(actualDomChildren, expectedDomChildren);\n        // We need to make sure that we update the existing text node and not replace it with another one.\n        // The composition and different \"language\" browser extensions are fragile to text node being completely replaced.\n        const actions = this._findUpdateActions(diff, actualDomChildren, expectedDomChildren, areTextNodes);\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping && actions.every( a => a == 'equal' ) ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n        // @if CK_DEBUG_TYPING // \t\t'%cNothing to update.',\n        // @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        let i = 0;\n        const nodesToUnbind = new Set();\n        // Handle deletions first.\n        // This is to prevent a situation where an element that already exists in `actualDomChildren` is inserted at a different\n        // index in `actualDomChildren`. Since `actualDomChildren` is a `NodeList`, this works like move, not like an insert,\n        // and it disrupts the whole algorithm. See https://github.com/ckeditor/ckeditor5/issues/6367.\n        //\n        // It doesn't matter in what order we remove or add nodes, as long as we remove and add correct nodes at correct indexes.\n        for (const action of actions){\n            if (action === 'delete') {\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING //\tconst node = actualDomChildren[ i ];\n                // @if CK_DEBUG_TYPING // \tif ( isText( node ) ) {\n                // @if CK_DEBUG_TYPING // \t\tconsole.info( ..._buildLogMessage( this, 'Renderer',\n                // @if CK_DEBUG_TYPING // \t\t\t'%cRemove text node' +\n                // @if CK_DEBUG_TYPING // \t\t\t`${ this.isComposing ? ' while composing (may break composition)' : '' }: ` +\n                // @if CK_DEBUG_TYPING // \t\t\t`%c${ _escapeTextNodeData( node.data ) }%c (${ node.data.length })`,\n                // @if CK_DEBUG_TYPING // \t\t\tthis.isComposing ? 'color: red; font-weight: bold' : '',\n                // @if CK_DEBUG_TYPING // \t\t\t'color: blue', ''\n                // @if CK_DEBUG_TYPING // \t\t) );\n                // @if CK_DEBUG_TYPING // \t} else {\n                // @if CK_DEBUG_TYPING // \t\tconsole.info( ..._buildLogMessage( this, 'Renderer',\n                // @if CK_DEBUG_TYPING // \t\t\t'%cRemove element' +\n                // @if CK_DEBUG_TYPING // \t\t\t`${ this.isComposing ? ' while composing (may break composition)' : '' }: `,\n                // @if CK_DEBUG_TYPING // \t\t\tthis.isComposing ? 'color: red; font-weight: bold' : '',\n                // @if CK_DEBUG_TYPING // \t\t\tnode\n                // @if CK_DEBUG_TYPING // \t\t) );\n                // @if CK_DEBUG_TYPING // \t}\n                // @if CK_DEBUG_TYPING // }\n                nodesToUnbind.add(actualDomChildren[i]);\n                remove$1(actualDomChildren[i]);\n            } else if (action === 'equal' || action === 'update') {\n                i++;\n            }\n        }\n        i = 0;\n        for (const action of actions){\n            if (action === 'insert') {\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING //\tconst node = expectedDomChildren[ i ];\n                // @if CK_DEBUG_TYPING //\tif ( isText( node ) ) {\n                // @if CK_DEBUG_TYPING //\t\tconsole.info( ..._buildLogMessage( this, 'Renderer',\n                // @if CK_DEBUG_TYPING //\t\t\t'%cInsert text node' +\n                // @if CK_DEBUG_TYPING //\t\t\t`${ this.isComposing ? ' while composing (may break composition)' : '' }: ` +\n                // @if CK_DEBUG_TYPING //\t\t\t`%c${ _escapeTextNodeData( node.data ) }%c (${ node.data.length })`,\n                // @if CK_DEBUG_TYPING //\t\t\tthis.isComposing ? 'color: red; font-weight: bold' : '',\n                // @if CK_DEBUG_TYPING //\t\t\t'color: blue',\n                // @if CK_DEBUG_TYPING //\t\t\t''\n                // @if CK_DEBUG_TYPING //\t\t) );\n                // @if CK_DEBUG_TYPING //\t} else {\n                // @if CK_DEBUG_TYPING //\t\tconsole.info( ..._buildLogMessage( this, 'Renderer',\n                // @if CK_DEBUG_TYPING //\t\t\t'%cInsert element:',\n                // @if CK_DEBUG_TYPING //\t\t\t'font-weight: normal',\n                // @if CK_DEBUG_TYPING //\t\t\tnode\n                // @if CK_DEBUG_TYPING //\t\t) );\n                // @if CK_DEBUG_TYPING //\t}\n                // @if CK_DEBUG_TYPING // }\n                insertAt(domElement, i, expectedDomChildren[i]);\n                i++;\n            } else if (action === 'update') {\n                this._updateTextNode(actualDomChildren[i], expectedDomChildren[i].data);\n                i++;\n            } else if (action === 'equal') {\n                // Force updating text nodes inside elements which did not change and do not need to be re-rendered (#1125).\n                // Do it here (not in the loop above) because only after insertions the `i` index is correct.\n                this._markDescendantTextToSync(this.domConverter.domToView(expectedDomChildren[i]));\n                i++;\n            }\n        }\n        // Unbind removed nodes. When node does not have a parent it means that it was removed from DOM tree during\n        // comparison with the expected DOM. We don't need to check child nodes, because if child node was reinserted,\n        // it was moved to DOM tree out of the removed node.\n        for (const node of nodesToUnbind){\n            if (!node.parentNode) {\n                this.domConverter.unbindDomElement(node);\n            }\n        }\n    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n    // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n    // @if CK_DEBUG_TYPING // }\n    }\n    /**\n\t * Shorthand for diffing two arrays or node lists of DOM nodes.\n\t *\n\t * @param actualDomChildren Actual DOM children\n\t * @param expectedDomChildren Expected DOM children.\n\t * @returns The list of actions based on the {@link module:utils/diff~diff} function.\n\t */ _diffNodeLists(actualDomChildren, expectedDomChildren) {\n        actualDomChildren = filterOutFakeSelectionContainer(actualDomChildren, this._fakeSelectionContainer);\n        return diff(actualDomChildren, expectedDomChildren, sameNodes$1.bind(null, this.domConverter));\n    }\n    /**\n\t * Finds DOM nodes that were replaced with the similar nodes (same tag name) in the view. All nodes are compared\n\t * within one `insert`/`delete` action group, for example:\n\t *\n\t * ```\n\t * Actual DOM:\t\t<p><b>Foo</b>Bar<i>Baz</i><b>Bax</b></p>\n\t * Expected DOM:\t<p>Bar<b>123</b><i>Baz</i><b>456</b></p>\n\t * Input actions:\t[ insert, insert, delete, delete, equal, insert, delete ]\n\t * Output actions:\t[ insert, replace, delete, equal, replace ]\n\t * ```\n\t *\n\t * @param actions Actions array which is a result of the {@link module:utils/diff~diff} function.\n\t * @param actualDom Actual DOM children\n\t * @param expectedDom Expected DOM children.\n\t * @param comparator A comparator function that should return `true` if the given node should be reused\n\t * (either by the update of a text node data or an element children list for similar elements).\n\t * @returns Actions array modified with the `update` actions.\n\t */ _findUpdateActions(actions, actualDom, expectedDom, comparator) {\n        // If there is no both 'insert' and 'delete' actions, no need to check for replaced elements.\n        if (actions.indexOf('insert') === -1 || actions.indexOf('delete') === -1) {\n            return actions;\n        }\n        let newActions = [];\n        let actualSlice = [];\n        let expectedSlice = [];\n        const counter = {\n            equal: 0,\n            insert: 0,\n            delete: 0\n        };\n        for (const action of actions){\n            if (action === 'insert') {\n                expectedSlice.push(expectedDom[counter.equal + counter.insert]);\n            } else if (action === 'delete') {\n                actualSlice.push(actualDom[counter.equal + counter.delete]);\n            } else {\n                newActions = newActions.concat(diff(actualSlice, expectedSlice, comparator).map((action)=>action === 'equal' ? 'update' : action));\n                newActions.push('equal');\n                // Reset stored elements on 'equal'.\n                actualSlice = [];\n                expectedSlice = [];\n            }\n            counter[action]++;\n        }\n        return newActions.concat(diff(actualSlice, expectedSlice, comparator).map((action)=>action === 'equal' ? 'update' : action));\n    }\n    /**\n\t * Checks if text needs to be updated and possibly updates it by removing and inserting only parts\n\t * of the data from the existing text node to reduce impact on the IME composition.\n\t *\n\t * @param domText DOM text node to update.\n\t * @param expectedText The expected data of a text node.\n\t */ _updateTextNode(domText, expectedText) {\n        const actualText = domText.data;\n        if (actualText == expectedText) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n            // @if CK_DEBUG_TYPING // \t\t'%cText node does not need update:%c ' +\n            // @if CK_DEBUG_TYPING // \t\t`${ _escapeTextNodeData( actualText ) }%c (${ actualText.length })`,\n            // @if CK_DEBUG_TYPING // \t\t'font-style: italic',\n            // @if CK_DEBUG_TYPING // \t\t'color: blue',\n            // @if CK_DEBUG_TYPING // \t\t''\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            return;\n        }\n        // Our approach to interleaving space character with NBSP might differ with the one implemented by the browser.\n        // Avoid modifying the text node in the DOM if only NBSPs and spaces are interchanged.\n        // We should avoid DOM modifications while composing to avoid breakage of composition.\n        // See: https://github.com/ckeditor/ckeditor5/issues/13994.\n        if (env.isAndroid && this.isComposing && actualText.replace(/\\u00A0/g, ' ') == expectedText.replace(/\\u00A0/g, ' ')) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n            // @if CK_DEBUG_TYPING // \t\t'%cText node ignore NBSP changes while composing: ' +\n            // @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( actualText ) }%c (${ actualText.length }) -> ` +\n            // @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( expectedText ) }%c (${ expectedText.length })`,\n            // @if CK_DEBUG_TYPING // \t\t'font-style: italic',\n            // @if CK_DEBUG_TYPING // \t\t'color: blue',\n            // @if CK_DEBUG_TYPING // \t\t'',\n            // @if CK_DEBUG_TYPING // \t\t'color: blue',\n            // @if CK_DEBUG_TYPING // \t\t''\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            return;\n        }\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n        // @if CK_DEBUG_TYPING // \t\t'%cUpdate text node' +\n        // @if CK_DEBUG_TYPING // \t\t`${ this.isComposing ? ' while composing (may break composition)' : '' }: ` +\n        // @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( actualText ) }%c (${ actualText.length }) -> ` +\n        // @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( expectedText ) }%c (${ expectedText.length })`,\n        // @if CK_DEBUG_TYPING // \t\tthis.isComposing ? 'color: red; font-weight: bold' : '',\n        // @if CK_DEBUG_TYPING // \t\t'color: blue',\n        // @if CK_DEBUG_TYPING // \t\t'',\n        // @if CK_DEBUG_TYPING // \t\t'color: blue',\n        // @if CK_DEBUG_TYPING // \t\t''\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        this._updateTextNodeInternal(domText, expectedText);\n    }\n    /**\n\t * Part of the `_updateTextNode` method extracted for easier testing.\n\t */ _updateTextNodeInternal(domText, expectedText) {\n        const actions = fastDiff(domText.data, expectedText);\n        for (const action of actions){\n            if (action.type === 'insert') {\n                domText.insertData(action.index, action.values.join(''));\n            } else {\n                domText.deleteData(action.index, action.howMany);\n            }\n        }\n    }\n    /**\n\t * Marks text nodes to be synchronized.\n\t *\n\t * If a text node is passed, it will be marked. If an element is passed, all descendant text nodes inside it will be marked.\n\t *\n\t * @param viewNode View node to sync.\n\t */ _markDescendantTextToSync(viewNode) {\n        if (!viewNode) {\n            return;\n        }\n        if (viewNode.is('$text')) {\n            this.markedTexts.add(viewNode);\n        } else if (viewNode.is('element')) {\n            for (const child of viewNode.getChildren()){\n                this._markDescendantTextToSync(child);\n            }\n        }\n    }\n    /**\n\t * Checks if the selection needs to be updated and possibly updates it.\n\t */ _updateSelection() {\n        // Block updating DOM selection in (non-Android) Blink while the user is selecting to prevent accidental selection collapsing.\n        // Note: Structural changes in DOM must trigger selection rendering, though. Nodes the selection was anchored\n        // to, may disappear in DOM which would break the selection (e.g. in real-time collaboration scenarios).\n        // https://github.com/ckeditor/ckeditor5/issues/10562, https://github.com/ckeditor/ckeditor5/issues/10723\n        if (env.isBlink && !env.isAndroid && this.isSelecting && !this.markedChildren.size) {\n            return;\n        }\n        // If there is no selection - remove DOM and fake selections.\n        if (this.selection.rangeCount === 0) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n            // @if CK_DEBUG_TYPING // \t\t'Update DOM selection: remove all ranges'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            this._removeDomSelection();\n            this._removeFakeSelection();\n            return;\n        }\n        const domEditable = this.domConverter.mapViewToDom(this.selection.editableElement);\n        // Do not update DOM selection if there is no focus, or there is no DOM element corresponding to selection's editable element.\n        if (!this.isFocused || !domEditable) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n            // @if CK_DEBUG_TYPING // \t\t'Skip updating DOM selection:',\n            // @if CK_DEBUG_TYPING // \t\t`isFocused: ${ this.isFocused }, hasDomEditable: ${ !!domEditable }`\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            // But if there was a fake selection, and it is not fake anymore - remove it as it can map to no longer existing widget.\n            // See https://github.com/ckeditor/ckeditor5/issues/18123.\n            if (!this.selection.isFake && this._fakeSelectionContainer && this._fakeSelectionContainer.isConnected) {\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n                // @if CK_DEBUG_TYPING // \t\t'Remove fake selection (not focused editable)'\n                // @if CK_DEBUG_TYPING // \t) );\n                // @if CK_DEBUG_TYPING // }\n                this._removeFakeSelection();\n            }\n            return;\n        }\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n        // @if CK_DEBUG_TYPING // \t\t'Update DOM selection'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        // Render fake selection - create the fake selection container (if needed) and move DOM selection to it.\n        if (this.selection.isFake) {\n            this._updateFakeSelection(domEditable);\n        } else if (this._fakeSelectionContainer && this._fakeSelectionContainer.isConnected) {\n            this._removeFakeSelection();\n            this._updateDomSelection(domEditable);\n        } else if (!(this.isComposing && env.isAndroid)) {\n            this._updateDomSelection(domEditable);\n        }\n    }\n    /**\n\t * Updates the fake selection.\n\t *\n\t * @param domEditable A valid DOM editable where the fake selection container should be added.\n\t */ _updateFakeSelection(domEditable) {\n        const domDocument = domEditable.ownerDocument;\n        if (!this._fakeSelectionContainer) {\n            this._fakeSelectionContainer = createFakeSelectionContainer(domDocument);\n        }\n        const container = this._fakeSelectionContainer;\n        // Bind fake selection container with the current selection *position*.\n        this.domConverter.bindFakeSelection(container, this.selection);\n        if (!this._fakeSelectionNeedsUpdate(domEditable)) {\n            return;\n        }\n        if (!container.parentElement || container.parentElement != domEditable) {\n            domEditable.appendChild(container);\n        }\n        container.textContent = this.selection.fakeSelectionLabel || '\\u00A0';\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n        // @if CK_DEBUG_TYPING // \t\t'Set DOM fake selection'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        const domSelection = domDocument.getSelection();\n        const domRange = domDocument.createRange();\n        domSelection.removeAllRanges();\n        domRange.selectNodeContents(container);\n        domSelection.addRange(domRange);\n    }\n    /**\n\t * Updates the DOM selection.\n\t *\n\t * @param domEditable A valid DOM editable where the DOM selection should be rendered.\n\t */ _updateDomSelection(domEditable) {\n        const domSelection = domEditable.ownerDocument.defaultView.getSelection();\n        // Let's check whether DOM selection needs updating at all.\n        if (!this._domSelectionNeedsUpdate(domSelection)) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n            // @if CK_DEBUG_TYPING // \t\t'%cDOM selection is already correct',\n            // @if CK_DEBUG_TYPING // \t\t'font-style: italic;'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            return;\n        }\n        // Multi-range selection is not available in most browsers, and, at least in Chrome, trying to\n        // set such selection, that is not continuous, throws an error. Because of that, we will just use anchor\n        // and focus of view selection.\n        // Since we are not supporting multi-range selection, we also do not need to check if proper editable is\n        // selected. If there is any editable selected, it is okay (editable is taken from selection anchor).\n        const anchor = this.domConverter.viewPositionToDom(this.selection.anchor);\n        const focus = this.domConverter.viewPositionToDom(this.selection.focus);\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n        // @if CK_DEBUG_TYPING // \t\t'Update DOM selection:',\n        // @if CK_DEBUG_TYPING // \t\tanchor,\n        // @if CK_DEBUG_TYPING // \t\tfocus\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        domSelection.setBaseAndExtent(anchor.parent, anchor.offset, focus.parent, focus.offset);\n        // Firefox–specific hack (https://github.com/ckeditor/ckeditor5-engine/issues/1439).\n        if (env.isGecko) {\n            fixGeckoSelectionAfterBr(focus, domSelection);\n        }\n    }\n    /**\n\t * Checks whether a given DOM selection needs to be updated.\n\t *\n\t * @param domSelection The DOM selection to check.\n\t */ _domSelectionNeedsUpdate(domSelection) {\n        if (!this.domConverter.isDomSelectionCorrect(domSelection)) {\n            // Current DOM selection is in incorrect position. We need to update it.\n            return true;\n        }\n        const oldViewSelection = domSelection && this.domConverter.domSelectionToView(domSelection);\n        if (oldViewSelection && this.selection.isEqual(oldViewSelection)) {\n            return false;\n        }\n        // If selection is not collapsed, it does not need to be updated if it is similar.\n        if (!this.selection.isCollapsed && this.selection.isSimilar(oldViewSelection)) {\n            // Selection did not changed and is correct, do not update.\n            return false;\n        }\n        // Selections are not similar.\n        return true;\n    }\n    /**\n\t * Checks whether the fake selection needs to be updated.\n\t *\n\t * @param domEditable A valid DOM editable where a new fake selection container should be added.\n\t */ _fakeSelectionNeedsUpdate(domEditable) {\n        const container = this._fakeSelectionContainer;\n        const domSelection = domEditable.ownerDocument.getSelection();\n        // Fake selection needs to be updated if there's no fake selection container, or the container currently sits\n        // in a different root.\n        if (!container || container.parentElement !== domEditable) {\n            return true;\n        }\n        // Make sure that the selection actually is within the fake selection.\n        if (domSelection.anchorNode !== container && !container.contains(domSelection.anchorNode)) {\n            return true;\n        }\n        return container.textContent !== this.selection.fakeSelectionLabel;\n    }\n    /**\n\t * Removes the DOM selection.\n\t */ _removeDomSelection() {\n        for (const doc of this.domDocuments){\n            const domSelection = doc.getSelection();\n            if (domSelection.rangeCount) {\n                const activeDomElement = doc.activeElement;\n                const viewElement = this.domConverter.mapDomToView(activeDomElement);\n                if (activeDomElement && viewElement) {\n                    domSelection.removeAllRanges();\n                }\n            }\n        }\n    }\n    /**\n\t * Removes the fake selection.\n\t */ _removeFakeSelection() {\n        const container = this._fakeSelectionContainer;\n        if (container) {\n            container.remove();\n        }\n    }\n    /**\n\t * Checks if focus needs to be updated and possibly updates it.\n\t */ _updateFocus() {\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Renderer',\n        // @if CK_DEBUG_TYPING // \t\t`update focus: ${ this.isFocused ? 'focused' : 'not focused' }`\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        if (this.isFocused) {\n            const editable = this.selection.editableElement;\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n            // @if CK_DEBUG_TYPING // \t\t'focus editable:',\n            // @if CK_DEBUG_TYPING // \t\t{ editable }\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            if (editable) {\n                this.domConverter.focus(editable);\n            }\n        }\n    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n    // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n    // @if CK_DEBUG_TYPING // }\n    }\n}\n/**\n * Checks if provided element is editable.\n */ function isEditable(element) {\n    if (element.getAttribute('contenteditable') == 'false') {\n        return false;\n    }\n    const parent = element.findAncestor((element)=>element.hasAttribute('contenteditable'));\n    return !parent || parent.getAttribute('contenteditable') == 'true';\n}\n/**\n * Adds inline filler at a given position.\n *\n * The position can be given as an array of DOM nodes and an offset in that array,\n * or a DOM parent element and an offset in that element.\n *\n * @returns The DOM text node that contains an inline filler.\n */ function addInlineFiller(domDocument, domParentOrArray, offset) {\n    const childNodes = domParentOrArray instanceof Array ? domParentOrArray : domParentOrArray.childNodes;\n    const nodeAfterFiller = childNodes[offset];\n    if (isText(nodeAfterFiller)) {\n        nodeAfterFiller.data = INLINE_FILLER + nodeAfterFiller.data;\n        return nodeAfterFiller;\n    } else {\n        const fillerNode = domDocument.createTextNode(INLINE_FILLER);\n        if (Array.isArray(domParentOrArray)) {\n            childNodes.splice(offset, 0, fillerNode);\n        } else {\n            insertAt(domParentOrArray, offset, fillerNode);\n        }\n        return fillerNode;\n    }\n}\n/**\n * Whether two DOM nodes should be considered as similar.\n * Nodes are considered similar if they have the same tag name.\n */ function areSimilarElements(node1, node2) {\n    return isNode(node1) && isNode(node2) && !isText(node1) && !isText(node2) && !isComment(node1) && !isComment(node2) && node1.tagName.toLowerCase() === node2.tagName.toLowerCase();\n}\n/**\n * Whether two DOM nodes are text nodes.\n */ function areTextNodes(node1, node2) {\n    return isNode(node1) && isNode(node2) && isText(node1) && isText(node2);\n}\n/**\n * Whether two dom nodes should be considered as the same.\n * Two nodes which are considered the same are:\n *\n * * Text nodes with the same text.\n * * Element nodes represented by the same object.\n * * Two block filler elements.\n *\n * @param blockFillerMode Block filler mode, see {@link module:engine/view/domconverter~ViewDomConverter#blockFillerMode}.\n */ function sameNodes$1(domConverter, actualDomChild, expectedDomChild) {\n    // Elements.\n    if (actualDomChild === expectedDomChild) {\n        return true;\n    } else if (isText(actualDomChild) && isText(expectedDomChild)) {\n        return actualDomChild.data === expectedDomChild.data;\n    } else if (domConverter.isBlockFiller(actualDomChild) && domConverter.isBlockFiller(expectedDomChild)) {\n        return true;\n    }\n    // Not matching types.\n    return false;\n}\n/**\n * The following is a Firefox–specific hack (https://github.com/ckeditor/ckeditor5-engine/issues/1439).\n * When the native DOM selection is at the end of the block and preceded by <br /> e.g.\n *\n * ```html\n * <p>foo<br/>[]</p>\n * ```\n *\n * which happens a lot when using the soft line break, the browser fails to (visually) move the\n * caret to the new line. A quick fix is as simple as force–refreshing the selection with the same range.\n */ function fixGeckoSelectionAfterBr(focus, domSelection) {\n    let parent = focus.parent;\n    let offset = focus.offset;\n    if (isText(parent) && isInlineFiller(parent)) {\n        offset = indexOf(parent) + 1;\n        parent = parent.parentNode;\n    }\n    // This fix works only when the focus point is at the very end of an element.\n    // There is no point in running it in cases unrelated to the browser bug.\n    if (parent.nodeType != Node.ELEMENT_NODE || offset != parent.childNodes.length - 1) {\n        return;\n    }\n    const childAtOffset = parent.childNodes[offset];\n    // To stay on the safe side, the fix being as specific as possible, it targets only the\n    // selection which is at the very end of the element and preceded by <br />.\n    if (childAtOffset && childAtOffset.tagName == 'BR') {\n        domSelection.addRange(domSelection.getRangeAt(0));\n    }\n}\nfunction filterOutFakeSelectionContainer(domChildList, fakeSelectionContainer) {\n    const childList = Array.from(domChildList);\n    if (childList.length == 0 || !fakeSelectionContainer) {\n        return childList;\n    }\n    const last = childList[childList.length - 1];\n    if (last == fakeSelectionContainer) {\n        childList.pop();\n    }\n    return childList;\n}\n/**\n * Creates a fake selection container for a given document.\n */ function createFakeSelectionContainer(domDocument) {\n    const container = domDocument.createElement('div');\n    container.className = 'ck-fake-selection-container';\n    Object.assign(container.style, {\n        position: 'fixed',\n        top: 0,\n        left: '-9999px',\n        // See https://github.com/ckeditor/ckeditor5/issues/752.\n        width: '42px'\n    });\n    // Fill it with a text node so we can update it later.\n    container.textContent = '\\u00A0';\n    return container;\n} // @if CK_DEBUG_TYPING // function _escapeTextNodeData( text ) {\n // @if CK_DEBUG_TYPING // \tconst escapedText = text\n // @if CK_DEBUG_TYPING // \t\t.replace( /&/g, '&amp;' )\n // @if CK_DEBUG_TYPING // \t\t.replace( /\\u00A0/g, '&nbsp;' )\n // @if CK_DEBUG_TYPING // \t\t.replace( /\\u2060/g, '&NoBreak;' );\n // @if CK_DEBUG_TYPING //\n // @if CK_DEBUG_TYPING // \treturn `\"${ escapedText }\"`;\n // @if CK_DEBUG_TYPING // }\n\nconst BR_FILLER_REF = BR_FILLER(global.document); // eslint-disable-line new-cap\nconst NBSP_FILLER_REF = NBSP_FILLER(global.document); // eslint-disable-line new-cap\nconst MARKED_NBSP_FILLER_REF = MARKED_NBSP_FILLER(global.document); // eslint-disable-line new-cap\nconst UNSAFE_ATTRIBUTE_NAME_PREFIX = 'data-ck-unsafe-attribute-';\nconst UNSAFE_ELEMENT_REPLACEMENT_ATTRIBUTE = 'data-ck-unsafe-element';\n/**\n * `ViewDomConverter` is a set of tools to do transformations between DOM nodes and view nodes. It also handles\n * {@link module:engine/view/domconverter~ViewDomConverter#bindElements bindings} between these nodes.\n *\n * An instance of the DOM converter is available under\n * {@link module:engine/view/view~EditingView#domConverter `editor.editing.view.domConverter`}.\n *\n * The DOM converter does not check which nodes should be rendered (use {@link module:engine/view/renderer~ViewRenderer}), does not keep the\n * state of a tree nor keeps the synchronization between the tree view and\n * the DOM tree (use {@link module:engine/view/document~ViewDocument}).\n *\n * The DOM converter keeps DOM elements to view element bindings, so when the converter gets destroyed, the bindings are lost.\n * Two converters will keep separate binding maps, so one tree view can be bound with two DOM trees.\n */ class ViewDomConverter {\n    document;\n    /**\n\t * Whether to leave the View-to-DOM conversion result unchanged or improve editing experience by filtering out interactive data.\n\t */ renderingMode;\n    /**\n\t * The mode of a block filler used by the DOM converter.\n\t */ blockFillerMode;\n    /**\n\t * Elements which are considered pre-formatted elements.\n\t */ preElements;\n    /**\n\t * Elements which are considered block elements (and hence should be filled with a\n\t * {@link #isBlockFiller block filler}).\n\t *\n\t * Whether an element is considered a block element also affects handling of trailing whitespaces.\n\t *\n\t * You can extend this array if you introduce support for block elements which are not yet recognized here.\n\t */ blockElements;\n    /**\n\t * A list of elements that exist inline (in text) but their inner structure cannot be edited because\n\t * of the way they are rendered by the browser. They are mostly HTML form elements but there are other\n\t * elements such as `<img>` or `<iframe>` that also have non-editable children or no children whatsoever.\n\t *\n\t * Whether an element is considered an inline object has an impact on white space rendering (trimming)\n\t * around (and inside of it). In short, white spaces in text nodes next to inline objects are not trimmed.\n\t *\n\t * You can extend this array if you introduce support for inline object elements which are not yet recognized here.\n\t */ inlineObjectElements;\n    /**\n\t * A list of elements which may affect the editing experience. To avoid this, those elements are replaced with\n\t * `<span data-ck-unsafe-element=\"[element name]\"></span>` while rendering in the editing mode.\n\t */ unsafeElements;\n    /**\n\t * The DOM Document used by `ViewDomConverter` to create DOM nodes.\n\t */ _domDocument;\n    /**\n\t * The DOM-to-view mapping.\n\t */ _domToViewMapping = new WeakMap();\n    /**\n\t * The view-to-DOM mapping.\n\t */ _viewToDomMapping = new WeakMap();\n    /**\n\t * Holds the mapping between fake selection containers and corresponding view selections.\n\t */ _fakeSelectionMapping = new WeakMap();\n    /**\n\t * Matcher for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from DOM nodes to view elements.\n\t */ _rawContentElementMatcher = new Matcher();\n    /**\n\t * Matcher for inline object view elements. This is an extension of a simple {@link #inlineObjectElements} array of element names.\n\t */ _inlineObjectElementMatcher = new Matcher();\n    /**\n\t * Set of elements with temporary custom properties that require clearing after render.\n\t */ _elementsWithTemporaryCustomProperties = new Set();\n    /**\n\t * Creates a DOM converter.\n\t *\n\t * @param document The view document instance.\n\t * @param options An object with configuration options.\n\t * @param options.blockFillerMode The type of the block filler to use.\n\t * Default value depends on the options.renderingMode:\n\t *  'nbsp' when options.renderingMode == 'data',\n\t *  'br' when options.renderingMode == 'editing'.\n\t * @param options.renderingMode Whether to leave the View-to-DOM conversion result unchanged\n\t * or improve editing experience by filtering out interactive data.\n\t */ constructor(document, { blockFillerMode, renderingMode = 'editing' } = {}){\n        this.document = document;\n        this.renderingMode = renderingMode;\n        this.blockFillerMode = blockFillerMode || (renderingMode === 'editing' ? 'br' : 'nbsp');\n        this.preElements = [\n            'pre',\n            'textarea'\n        ];\n        this.blockElements = [\n            'address',\n            'article',\n            'aside',\n            'blockquote',\n            'caption',\n            'center',\n            'dd',\n            'details',\n            'dir',\n            'div',\n            'dl',\n            'dt',\n            'fieldset',\n            'figcaption',\n            'figure',\n            'footer',\n            'form',\n            'h1',\n            'h2',\n            'h3',\n            'h4',\n            'h5',\n            'h6',\n            'header',\n            'hgroup',\n            'legend',\n            'li',\n            'main',\n            'menu',\n            'nav',\n            'ol',\n            'p',\n            'pre',\n            'section',\n            'summary',\n            'table',\n            'tbody',\n            'td',\n            'tfoot',\n            'th',\n            'thead',\n            'tr',\n            'ul'\n        ];\n        this.inlineObjectElements = [\n            'object',\n            'iframe',\n            'input',\n            'button',\n            'textarea',\n            'select',\n            'option',\n            'video',\n            'embed',\n            'audio',\n            'img',\n            'canvas'\n        ];\n        this.unsafeElements = [\n            'script',\n            'style'\n        ];\n        this._domDocument = this.renderingMode === 'editing' ? global.document : global.document.implementation.createHTMLDocument('');\n    }\n    /**\n\t * The DOM Document used by `ViewDomConverter` to create DOM nodes.\n\t */ get domDocument() {\n        return this._domDocument;\n    }\n    /**\n\t * Binds a given DOM element that represents fake selection to a **position** of a\n\t * {@link module:engine/view/documentselection~ViewDocumentSelection document selection}.\n\t * Document selection copy is stored and can be retrieved by the\n\t * {@link module:engine/view/domconverter~ViewDomConverter#fakeSelectionToView} method.\n\t */ bindFakeSelection(domElement, viewDocumentSelection) {\n        this._fakeSelectionMapping.set(domElement, new ViewSelection(viewDocumentSelection));\n    }\n    /**\n\t * Returns a {@link module:engine/view/selection~ViewSelection view selection} instance corresponding to a given\n\t * DOM element that represents fake selection. Returns `undefined` if binding to the given DOM element does not exist.\n\t */ fakeSelectionToView(domElement) {\n        return this._fakeSelectionMapping.get(domElement);\n    }\n    /**\n\t * Binds DOM and view elements, so it will be possible to get corresponding elements using\n\t * {@link module:engine/view/domconverter~ViewDomConverter#mapDomToView} and\n\t * {@link module:engine/view/domconverter~ViewDomConverter#mapViewToDom}.\n\t *\n\t * @param domElement The DOM element to bind.\n\t * @param viewElement The view element to bind.\n\t */ bindElements(domElement, viewElement) {\n        this._domToViewMapping.set(domElement, viewElement);\n        this._viewToDomMapping.set(viewElement, domElement);\n    }\n    /**\n\t * Unbinds a given DOM element from the view element it was bound to. Unbinding is deep, meaning that all children of\n\t * the DOM element will be unbound too.\n\t *\n\t * @param domElement The DOM element to unbind.\n\t */ unbindDomElement(domElement) {\n        const viewElement = this._domToViewMapping.get(domElement);\n        if (viewElement) {\n            this._domToViewMapping.delete(domElement);\n            this._viewToDomMapping.delete(viewElement);\n            for (const child of domElement.children){\n                this.unbindDomElement(child);\n            }\n        }\n    }\n    /**\n\t * Binds DOM and view document fragments, so it will be possible to get corresponding document fragments using\n\t * {@link module:engine/view/domconverter~ViewDomConverter#mapDomToView} and\n\t * {@link module:engine/view/domconverter~ViewDomConverter#mapViewToDom}.\n\t *\n\t * @param domFragment The DOM document fragment to bind.\n\t * @param viewFragment The view document fragment to bind.\n\t */ bindDocumentFragments(domFragment, viewFragment) {\n        this._domToViewMapping.set(domFragment, viewFragment);\n        this._viewToDomMapping.set(viewFragment, domFragment);\n    }\n    /**\n\t * Decides whether a given pair of attribute key and value should be passed further down the pipeline.\n\t *\n\t * @param elementName Element name in lower case.\n\t */ shouldRenderAttribute(attributeKey, attributeValue, elementName) {\n        if (this.renderingMode === 'data') {\n            return true;\n        }\n        attributeKey = attributeKey.toLowerCase();\n        if (attributeKey.startsWith('on')) {\n            return false;\n        }\n        if (attributeKey === 'srcdoc' && attributeValue.match(/\\bon\\S+\\s*=|javascript:|<\\s*\\/*script/i)) {\n            return false;\n        }\n        if (elementName === 'img' && (attributeKey === 'src' || attributeKey === 'srcset')) {\n            return true;\n        }\n        if (elementName === 'source' && attributeKey === 'srcset') {\n            return true;\n        }\n        if (attributeValue.match(/^\\s*(javascript:|data:(image\\/svg|text\\/x?html))/i)) {\n            return false;\n        }\n        return true;\n    }\n    /**\n\t * Set `domElement`'s content using provided `html` argument. Apply necessary filtering for the editing pipeline.\n\t *\n\t * @param domElement DOM element that should have `html` set as its content.\n\t * @param html Textual representation of the HTML that will be set on `domElement`.\n\t */ setContentOf(domElement, html) {\n        // For data pipeline we pass the HTML as-is.\n        if (this.renderingMode === 'data') {\n            domElement.innerHTML = html;\n            return;\n        }\n        const document = new DOMParser().parseFromString(html, 'text/html');\n        const fragment = document.createDocumentFragment();\n        const bodyChildNodes = document.body.childNodes;\n        while(bodyChildNodes.length > 0){\n            fragment.appendChild(bodyChildNodes[0]);\n        }\n        const treeWalker = document.createTreeWalker(fragment, NodeFilter.SHOW_ELEMENT);\n        const nodes = [];\n        let currentNode;\n        // eslint-disable-next-line no-cond-assign\n        while(currentNode = treeWalker.nextNode()){\n            nodes.push(currentNode);\n        }\n        for (const currentNode of nodes){\n            // Go through nodes to remove those that are prohibited in editing pipeline.\n            for (const attributeName of currentNode.getAttributeNames()){\n                this.setDomElementAttribute(currentNode, attributeName, currentNode.getAttribute(attributeName));\n            }\n            const elementName = currentNode.tagName.toLowerCase();\n            // There are certain nodes, that should be renamed to <span> in editing pipeline.\n            if (this._shouldRenameElement(elementName)) {\n                _logUnsafeElement(elementName);\n                currentNode.replaceWith(this._createReplacementDomElement(elementName, currentNode));\n            }\n        }\n        // Empty the target element.\n        while(domElement.firstChild){\n            domElement.firstChild.remove();\n        }\n        domElement.append(fragment);\n    }\n    /**\n\t * Converts the view to the DOM. For all text nodes, not bound elements and document fragments new items will\n\t * be created. For bound elements and document fragments the method will return corresponding items.\n\t *\n\t * @param viewNode View node or document fragment to transform.\n\t * @param options Conversion options.\n\t * @param options.bind Determines whether new elements will be bound.\n\t * @param options.withChildren If `false`, node's and document fragment's children will not be converted.\n\t * @returns Converted node or DocumentFragment.\n\t */ viewToDom(viewNode, options = {}) {\n        if (viewNode.is('$text')) {\n            const textData = this._processDataFromViewText(viewNode);\n            return this._domDocument.createTextNode(textData);\n        } else {\n            const viewElementOrFragment = viewNode;\n            if (this.mapViewToDom(viewElementOrFragment)) {\n                // Do not reuse element that is marked to not reuse (for example an IMG element\n                // so it can immediately display a placeholder background instead of waiting for the new src to load).\n                if (viewElementOrFragment.getCustomProperty('editingPipeline:doNotReuseOnce')) {\n                    this._elementsWithTemporaryCustomProperties.add(viewElementOrFragment);\n                } else {\n                    return this.mapViewToDom(viewElementOrFragment);\n                }\n            }\n            let domElement;\n            if (viewElementOrFragment.is('documentFragment')) {\n                // Create DOM document fragment.\n                domElement = this._domDocument.createDocumentFragment();\n                if (options.bind) {\n                    this.bindDocumentFragments(domElement, viewElementOrFragment);\n                }\n            } else if (viewElementOrFragment.is('uiElement')) {\n                if (viewElementOrFragment.name === '$comment') {\n                    domElement = this._domDocument.createComment(viewElementOrFragment.getCustomProperty('$rawContent'));\n                } else {\n                    // UIElement has its own render() method (see #799).\n                    domElement = viewElementOrFragment.render(this._domDocument, this);\n                }\n                if (options.bind) {\n                    this.bindElements(domElement, viewElementOrFragment);\n                }\n                return domElement;\n            } else {\n                // Create DOM element.\n                if (this._shouldRenameElement(viewElementOrFragment.name)) {\n                    _logUnsafeElement(viewElementOrFragment.name);\n                    domElement = this._createReplacementDomElement(viewElementOrFragment.name);\n                } else if (viewElementOrFragment.hasAttribute('xmlns')) {\n                    domElement = this._domDocument.createElementNS(viewElementOrFragment.getAttribute('xmlns'), viewElementOrFragment.name);\n                } else {\n                    domElement = this._domDocument.createElement(viewElementOrFragment.name);\n                }\n                // RawElement take care of their children in RawElement#render() method which can be customized\n                // (see https://github.com/ckeditor/ckeditor5/issues/4469).\n                if (viewElementOrFragment.is('rawElement')) {\n                    viewElementOrFragment.render(domElement, this);\n                }\n                if (options.bind) {\n                    this.bindElements(domElement, viewElementOrFragment);\n                }\n                // Copy element's attributes.\n                for (const key of viewElementOrFragment.getAttributeKeys()){\n                    this.setDomElementAttribute(domElement, key, viewElementOrFragment.getAttribute(key), viewElementOrFragment);\n                }\n            }\n            if (options.withChildren !== false) {\n                for (const child of this.viewChildrenToDom(viewElementOrFragment, options)){\n                    if (domElement instanceof HTMLTemplateElement) {\n                        domElement.content.appendChild(child);\n                    } else {\n                        domElement.appendChild(child);\n                    }\n                }\n            }\n            return domElement;\n        }\n    }\n    /**\n\t * Sets the attribute on a DOM element.\n\t *\n\t * **Note**: To remove the attribute, use {@link #removeDomElementAttribute}.\n\t *\n\t * @param domElement The DOM element the attribute should be set on.\n\t * @param key The name of the attribute.\n\t * @param value The value of the attribute.\n\t * @param relatedViewElement The view element related to the `domElement` (if there is any).\n\t * It helps decide whether the attribute set is unsafe. For instance, view elements created via the\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter} methods can allow certain attributes\n\t * that would normally be filtered out.\n\t */ setDomElementAttribute(domElement, key, value, relatedViewElement) {\n        const shouldRenderAttribute = this.shouldRenderAttribute(key, value, domElement.tagName.toLowerCase()) || relatedViewElement && relatedViewElement.shouldRenderUnsafeAttribute(key);\n        if (!shouldRenderAttribute) {\n            logWarning('domconverter-unsafe-attribute-detected', {\n                domElement,\n                key,\n                value\n            });\n        }\n        if (!isValidAttributeName(key)) {\n            /**\n\t\t\t * Invalid attribute name was ignored during rendering.\n\t\t\t *\n\t\t\t * @error domconverter-invalid-attribute-detected\n\t\t\t */ logWarning('domconverter-invalid-attribute-detected', {\n                domElement,\n                key,\n                value\n            });\n            return;\n        }\n        // The old value was safe but the new value is unsafe.\n        if (domElement.hasAttribute(key) && !shouldRenderAttribute) {\n            domElement.removeAttribute(key);\n        } else if (domElement.hasAttribute(UNSAFE_ATTRIBUTE_NAME_PREFIX + key) && shouldRenderAttribute) {\n            domElement.removeAttribute(UNSAFE_ATTRIBUTE_NAME_PREFIX + key);\n        }\n        // If the attribute should not be rendered, rename it (instead of removing) to give developers some idea of what\n        // is going on (https://github.com/ckeditor/ckeditor5/issues/10801).\n        domElement.setAttribute(shouldRenderAttribute ? key : UNSAFE_ATTRIBUTE_NAME_PREFIX + key, value);\n    }\n    /**\n\t * Removes an attribute from a DOM element.\n\t *\n\t * **Note**: To set the attribute, use {@link #setDomElementAttribute}.\n\t *\n\t * @param domElement The DOM element the attribute should be removed from.\n\t * @param key The name of the attribute.\n\t */ removeDomElementAttribute(domElement, key) {\n        // See #_createReplacementDomElement() to learn what this is.\n        if (key == UNSAFE_ELEMENT_REPLACEMENT_ATTRIBUTE) {\n            return;\n        }\n        domElement.removeAttribute(key);\n        // See setDomElementAttribute() to learn what this is.\n        domElement.removeAttribute(UNSAFE_ATTRIBUTE_NAME_PREFIX + key);\n    }\n    /**\n\t * Converts children of the view element to DOM using the\n\t * {@link module:engine/view/domconverter~ViewDomConverter#viewToDom} method.\n\t * Additionally, this method adds block {@link module:engine/view/filler filler} to the list of children, if needed.\n\t *\n\t * @param viewElement Parent view element.\n\t * @param options See {@link module:engine/view/domconverter~ViewDomConverter#viewToDom} options parameter.\n\t * @returns DOM nodes.\n\t */ *viewChildrenToDom(viewElement, options = {}) {\n        const fillerPositionOffset = viewElement.getFillerOffset && viewElement.getFillerOffset();\n        let offset = 0;\n        for (const childView of viewElement.getChildren()){\n            if (fillerPositionOffset === offset) {\n                yield this._getBlockFiller();\n            }\n            const transparentRendering = childView.is('element') && !!childView.getCustomProperty('dataPipeline:transparentRendering') && !first(childView.getAttributes());\n            if (transparentRendering && this.renderingMode == 'data') {\n                // `RawElement` doesn't have #children defined, so they need to be temporarily rendered\n                // and extracted directly.\n                if (childView.is('rawElement')) {\n                    const tempElement = this._domDocument.createElement(childView.name);\n                    childView.render(tempElement, this);\n                    yield* [\n                        ...tempElement.childNodes\n                    ];\n                } else {\n                    yield* this.viewChildrenToDom(childView, options);\n                }\n            } else {\n                if (transparentRendering) {\n                    /**\n\t\t\t\t\t * The `dataPipeline:transparentRendering` flag is supported only in the data pipeline.\n\t\t\t\t\t *\n\t\t\t\t\t * @error domconverter-transparent-rendering-unsupported-in-editing-pipeline\n\t\t\t\t\t */ logWarning('domconverter-transparent-rendering-unsupported-in-editing-pipeline', {\n                        viewElement: childView\n                    });\n                }\n                yield this.viewToDom(childView, options);\n            }\n            offset++;\n        }\n        if (fillerPositionOffset === offset) {\n            yield this._getBlockFiller();\n        }\n    }\n    /**\n\t * Converts view {@link module:engine/view/range~ViewRange} to DOM range.\n\t * Inline and block {@link module:engine/view/filler fillers} are handled during the conversion.\n\t *\n\t * @param viewRange View range.\n\t * @returns DOM range.\n\t */ viewRangeToDom(viewRange) {\n        const domStart = this.viewPositionToDom(viewRange.start);\n        const domEnd = this.viewPositionToDom(viewRange.end);\n        const domRange = this._domDocument.createRange();\n        domRange.setStart(domStart.parent, domStart.offset);\n        domRange.setEnd(domEnd.parent, domEnd.offset);\n        return domRange;\n    }\n    /**\n\t * Converts view {@link module:engine/view/position~ViewPosition} to DOM parent and offset.\n\t *\n\t * Inline and block {@link module:engine/view/filler fillers} are handled during the conversion.\n\t * If the converted position is directly before inline filler it is moved inside the filler.\n\t *\n\t * @param viewPosition View position.\n\t * @returns DOM position or `null` if view position could not be converted to DOM.\n\t * DOM position has two properties:\n\t * * `parent` - DOM position parent.\n\t * * `offset` - DOM position offset.\n\t */ viewPositionToDom(viewPosition) {\n        const viewParent = viewPosition.parent;\n        if (viewParent.is('$text')) {\n            const domParent = this.findCorrespondingDomText(viewParent);\n            if (!domParent) {\n                // Position is in a view text node that has not been rendered to DOM yet.\n                return null;\n            }\n            let offset = viewPosition.offset;\n            if (startsWithFiller(domParent)) {\n                offset += INLINE_FILLER_LENGTH;\n            }\n            // In case someone uses outdated view position, but DOM text node was already changed while typing.\n            // See: https://github.com/ckeditor/ckeditor5/issues/18648.\n            // Note that when checking Renderer#_isSelectionInInlineFiller() this might be other element\n            // than a text node as it is triggered before applying view changes to the DOM.\n            if (domParent.data && offset > domParent.data.length) {\n                offset = domParent.data.length;\n            }\n            return {\n                parent: domParent,\n                offset\n            };\n        } else {\n            // viewParent is instance of ViewElement.\n            let domParent, domBefore, domAfter;\n            if (viewPosition.offset === 0) {\n                domParent = this.mapViewToDom(viewParent);\n                if (!domParent) {\n                    // Position is in a view element that has not been rendered to DOM yet.\n                    return null;\n                }\n                domAfter = domParent.childNodes[0];\n            } else {\n                const nodeBefore = viewPosition.nodeBefore;\n                domBefore = nodeBefore.is('$text') ? this.findCorrespondingDomText(nodeBefore) : this.mapViewToDom(nodeBefore);\n                if (!domBefore) {\n                    // Position is after a view element that has not been rendered to DOM yet.\n                    return null;\n                }\n                domParent = domBefore.parentNode;\n                domAfter = domBefore.nextSibling;\n            }\n            // If there is an inline filler at position return position inside the filler. We should never return\n            // the position before the inline filler.\n            if (isText(domAfter) && startsWithFiller(domAfter)) {\n                return {\n                    parent: domAfter,\n                    offset: INLINE_FILLER_LENGTH\n                };\n            }\n            const offset = domBefore ? indexOf(domBefore) + 1 : 0;\n            return {\n                parent: domParent,\n                offset\n            };\n        }\n    }\n    /**\n\t * Converts DOM to view. For all text nodes, not bound elements and document fragments new items will\n\t * be created. For bound elements and document fragments function will return corresponding items. For\n\t * {@link module:engine/view/filler fillers} `null` will be returned.\n\t * For all DOM elements rendered by {@link module:engine/view/uielement~ViewUIElement} that UIElement will be returned.\n\t *\n\t * @param domNode DOM node or document fragment to transform.\n\t * @param options Conversion options.\n\t * @param options.bind Determines whether new elements will be bound. False by default.\n\t * @param options.withChildren If `true`, node's and document fragment's children will be converted too. True by default.\n\t * @param options.keepOriginalCase If `false`, node's tag name will be converted to lower case. False by default.\n\t * @param options.skipComments If `false`, comment nodes will be converted to `$comment`\n\t * {@link module:engine/view/uielement~ViewUIElement view UI elements}. False by default.\n\t * @returns Converted node or document fragment or `null` if DOM node is a {@link module:engine/view/filler filler}\n\t * or the given node is an empty text node.\n\t */ domToView(domNode, options = {}) {\n        const inlineNodes = [];\n        const generator = this._domToView(domNode, options, inlineNodes);\n        // Get the first yielded value or a returned value.\n        const node = generator.next().value;\n        if (!node) {\n            return null;\n        }\n        // Trigger children handling.\n        generator.next();\n        // Whitespace cleaning.\n        this._processDomInlineNodes(null, inlineNodes, options);\n        // This was a single block filler so just remove it.\n        if (this.blockFillerMode == 'br' && isViewBrFiller(node)) {\n            return null;\n        }\n        // Text not got trimmed to an empty string so there is no result node.\n        if (node.is('$text') && node.data.length == 0) {\n            return null;\n        }\n        return node;\n    }\n    /**\n\t * Converts children of the DOM element to view nodes using\n\t * the {@link module:engine/view/domconverter~ViewDomConverter#domToView} method.\n\t * Additionally this method omits block {@link module:engine/view/filler filler}, if it exists in the DOM parent.\n\t *\n\t * @param domElement Parent DOM element.\n\t * @param options See {@link module:engine/view/domconverter~ViewDomConverter#domToView} options parameter.\n\t * @param inlineNodes An array that will be populated with inline nodes. It's used internally for whitespace processing.\n\t * @returns View nodes.\n\t */ *domChildrenToView(domElement, options = {}, inlineNodes = []) {\n        // Get child nodes from content document fragment if element is template\n        let childNodes = [];\n        if (domElement instanceof HTMLTemplateElement) {\n            childNodes = [\n                ...domElement.content.childNodes\n            ];\n        } else {\n            childNodes = [\n                ...domElement.childNodes\n            ];\n        }\n        for(let i = 0; i < childNodes.length; i++){\n            const domChild = childNodes[i];\n            const generator = this._domToView(domChild, options, inlineNodes);\n            // Get the first yielded value or a returned value.\n            const viewChild = generator.next().value;\n            if (viewChild !== null) {\n                // Whitespace cleaning before entering a block element (between block elements).\n                if (this._isBlockViewElement(viewChild)) {\n                    this._processDomInlineNodes(domElement, inlineNodes, options);\n                }\n                // Yield only if this is not a block filler.\n                if (!(this.blockFillerMode == 'br' && isViewBrFiller(viewChild))) {\n                    yield viewChild;\n                }\n                // Trigger children handling.\n                generator.next();\n            }\n        }\n        // Whitespace cleaning before leaving a block element (content of block element).\n        this._processDomInlineNodes(domElement, inlineNodes, options);\n    }\n    /**\n\t * Converts DOM selection to view {@link module:engine/view/selection~ViewSelection}.\n\t * Ranges which cannot be converted will be omitted.\n\t *\n\t * @param domSelection DOM selection.\n\t * @returns View selection.\n\t */ domSelectionToView(domSelection) {\n        // See: https://github.com/ckeditor/ckeditor5/issues/9635.\n        if (isGeckoRestrictedDomSelection(domSelection)) {\n            return new ViewSelection([]);\n        }\n        // DOM selection might be placed in fake selection container.\n        // If container contains fake selection - return corresponding view selection.\n        if (domSelection.rangeCount === 1) {\n            let container = domSelection.getRangeAt(0).startContainer;\n            // The DOM selection might be moved to the text node inside the fake selection container.\n            if (isText(container)) {\n                container = container.parentNode;\n            }\n            const viewSelection = this.fakeSelectionToView(container);\n            if (viewSelection) {\n                return viewSelection;\n            }\n        }\n        const isBackward = this.isDomSelectionBackward(domSelection);\n        const viewRanges = [];\n        for(let i = 0; i < domSelection.rangeCount; i++){\n            // DOM Range have correct start and end, no matter what is the DOM Selection direction. So we don't have to fix anything.\n            const domRange = domSelection.getRangeAt(i);\n            const viewRange = this.domRangeToView(domRange);\n            if (viewRange) {\n                viewRanges.push(viewRange);\n            }\n        }\n        return new ViewSelection(viewRanges, {\n            backward: isBackward\n        });\n    }\n    /**\n\t * Converts DOM Range to view {@link module:engine/view/range~ViewRange}.\n\t * If the start or end position cannot be converted `null` is returned.\n\t *\n\t * @param domRange DOM range.\n\t * @returns View range.\n\t */ domRangeToView(domRange) {\n        const viewStart = this.domPositionToView(domRange.startContainer, domRange.startOffset);\n        const viewEnd = this.domPositionToView(domRange.endContainer, domRange.endOffset);\n        if (viewStart && viewEnd) {\n            return new ViewRange(viewStart, viewEnd);\n        }\n        return null;\n    }\n    /**\n\t * Converts DOM parent and offset to view {@link module:engine/view/position~ViewPosition}.\n\t *\n\t * If the position is inside a {@link module:engine/view/filler filler} which has no corresponding view node,\n\t * position of the filler will be converted and returned.\n\t *\n\t * If the position is inside DOM element rendered by {@link module:engine/view/uielement~ViewUIElement}\n\t * that position will be converted to view position before that UIElement.\n\t *\n\t * If structures are too different and it is not possible to find corresponding position then `null` will be returned.\n\t *\n\t * @param domParent DOM position parent.\n\t * @param domOffset DOM position offset. You can skip it when converting the inline filler node.\n\t * @returns View position.\n\t */ domPositionToView(domParent, domOffset = 0) {\n        if (this.isBlockFiller(domParent)) {\n            return this.domPositionToView(domParent.parentNode, indexOf(domParent));\n        }\n        // If position is somewhere inside UIElement or a RawElement - return position before that element.\n        const viewElement = this.mapDomToView(domParent);\n        if (viewElement && (viewElement.is('uiElement') || viewElement.is('rawElement'))) {\n            return ViewPosition._createBefore(viewElement);\n        }\n        if (isText(domParent)) {\n            if (isInlineFiller(domParent)) {\n                return this.domPositionToView(domParent.parentNode, indexOf(domParent));\n            }\n            const viewParent = this.findCorrespondingViewText(domParent);\n            let offset = domOffset;\n            if (!viewParent) {\n                return null;\n            }\n            if (startsWithFiller(domParent)) {\n                offset -= INLINE_FILLER_LENGTH;\n                offset = offset < 0 ? 0 : offset;\n            }\n            return new ViewPosition(viewParent, offset);\n        } else {\n            if (domOffset === 0) {\n                const viewParent = this.mapDomToView(domParent);\n                if (viewParent) {\n                    return new ViewPosition(viewParent, 0);\n                }\n            } else {\n                const domBefore = domParent.childNodes[domOffset - 1];\n                // Jump over an inline filler (and also on Firefox jump over a block filler while pressing backspace in an empty paragraph).\n                if (isText(domBefore) && isInlineFiller(domBefore) || domBefore && this.isBlockFiller(domBefore)) {\n                    return this.domPositionToView(domBefore.parentNode, indexOf(domBefore));\n                }\n                const viewBefore = isText(domBefore) ? this.findCorrespondingViewText(domBefore) : this.mapDomToView(domBefore);\n                // TODO #663\n                if (viewBefore && viewBefore.parent) {\n                    return new ViewPosition(viewBefore.parent, viewBefore.index + 1);\n                }\n            }\n            return null;\n        }\n    }\n    /**\n\t * Returns corresponding view {@link module:engine/view/element~ViewElement Element} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment} for provided DOM element or\n\t * document fragment. If there is no view item {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound}\n\t * to the given DOM - `undefined` is returned.\n\t *\n\t * For all DOM elements rendered by a {@link module:engine/view/uielement~ViewUIElement} or\n\t * a {@link module:engine/view/rawelement~ViewRawElement}, the parent `UIElement` or `RawElement` will be returned.\n\t *\n\t * @param domElementOrDocumentFragment DOM element or document fragment.\n\t * @returns Corresponding view element, document fragment or `undefined` if no element was bound.\n\t */ mapDomToView(domElementOrDocumentFragment) {\n        const hostElement = this.getHostViewElement(domElementOrDocumentFragment);\n        return hostElement || this._domToViewMapping.get(domElementOrDocumentFragment);\n    }\n    /**\n\t * Finds corresponding text node. Text nodes are not {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound},\n\t * corresponding text node is returned based on the sibling or parent.\n\t *\n\t * If the directly previous sibling is a {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound} element, it is used\n\t * to find the corresponding text node.\n\t *\n\t * If this is a first child in the parent and the parent is a\n\t * {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound}\n\t * element, it is used to find the corresponding text node.\n\t *\n\t * For all text nodes rendered by a {@link module:engine/view/uielement~ViewUIElement} or\n\t * a {@link module:engine/view/rawelement~ViewRawElement}, the parent `UIElement` or `RawElement` will be returned.\n\t *\n\t * Otherwise `null` is returned.\n\t *\n\t * Note that for the block or inline {@link module:engine/view/filler filler} this method returns `null`.\n\t *\n\t * @param domText DOM text node.\n\t * @returns Corresponding view text node or `null`, if it was not possible to find a corresponding node.\n\t */ findCorrespondingViewText(domText) {\n        if (isInlineFiller(domText)) {\n            return null;\n        }\n        // If DOM text was rendered by a UIElement or a RawElement - return this parent element.\n        const hostElement = this.getHostViewElement(domText);\n        if (hostElement) {\n            return hostElement;\n        }\n        const previousSibling = domText.previousSibling;\n        // Try to use previous sibling to find the corresponding text node.\n        if (previousSibling) {\n            if (!this.isElement(previousSibling)) {\n                // The previous is text or comment.\n                return null;\n            }\n            const viewElement = this.mapDomToView(previousSibling);\n            if (viewElement) {\n                const nextSibling = viewElement.nextSibling;\n                // It might be filler which has no corresponding view node.\n                if (nextSibling instanceof ViewText) {\n                    return nextSibling;\n                } else {\n                    return null;\n                }\n            }\n        } else {\n            const viewElement = this.mapDomToView(domText.parentNode);\n            if (viewElement) {\n                const firstChild = viewElement.getChild(0);\n                // It might be filler which has no corresponding view node.\n                if (firstChild instanceof ViewText) {\n                    return firstChild;\n                } else {\n                    return null;\n                }\n            }\n        }\n        return null;\n    }\n    mapViewToDom(documentFragmentOrElement) {\n        return this._viewToDomMapping.get(documentFragmentOrElement);\n    }\n    /**\n\t * Finds corresponding text node. Text nodes are not {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound},\n\t * corresponding text node is returned based on the sibling or parent.\n\t *\n\t * If the directly previous sibling is a {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound} element, it is used\n\t * to find the corresponding text node.\n\t *\n\t * If this is a first child in the parent and the parent is a\n\t * {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound}\n\t * element, it is used to find the corresponding text node.\n\t *\n\t * Otherwise `null` is returned.\n\t *\n\t * @param viewText View text node.\n\t * @returns Corresponding DOM text node or `null`, if it was not possible to find a corresponding node.\n\t */ findCorrespondingDomText(viewText) {\n        const previousSibling = viewText.previousSibling;\n        // Try to use previous sibling to find the corresponding text node.\n        if (previousSibling && this.mapViewToDom(previousSibling)) {\n            return this.mapViewToDom(previousSibling).nextSibling;\n        }\n        // If this is a first node, try to use parent to find the corresponding text node.\n        if (!previousSibling && viewText.parent && this.mapViewToDom(viewText.parent)) {\n            return this.mapViewToDom(viewText.parent).childNodes[0];\n        }\n        return null;\n    }\n    /**\n\t * Focuses DOM editable that is corresponding to provided {@link module:engine/view/editableelement~ViewEditableElement}.\n\t */ focus(viewEditable) {\n        const domEditable = this.mapViewToDom(viewEditable);\n        if (!domEditable || domEditable.ownerDocument.activeElement === domEditable) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'ViewDomConverter',\n            // @if CK_DEBUG_TYPING // \t\t'%cDOM editable is already active or does not exist',\n            // @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            return;\n        }\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'ViewDomConverter',\n        // @if CK_DEBUG_TYPING // \t\t'Focus DOM editable:',\n        // @if CK_DEBUG_TYPING // \t\t{ domEditable }\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        // Save the scrollX and scrollY positions before the focus.\n        const { scrollX, scrollY } = global.window;\n        const scrollPositions = [];\n        // Save all scrollLeft and scrollTop values starting from domEditable up to\n        // document#documentElement.\n        forEachDomElementAncestor(domEditable, (node)=>{\n            const { scrollLeft, scrollTop } = node;\n            scrollPositions.push([\n                scrollLeft,\n                scrollTop\n            ]);\n        });\n        domEditable.focus({\n            preventScroll: true\n        });\n        // Restore scrollLeft and scrollTop values starting from domEditable up to\n        // document#documentElement.\n        // https://github.com/ckeditor/ckeditor5-engine/issues/951\n        // https://github.com/ckeditor/ckeditor5-engine/issues/957\n        forEachDomElementAncestor(domEditable, (node)=>{\n            const [scrollLeft, scrollTop] = scrollPositions.shift();\n            node.scrollLeft = scrollLeft;\n            node.scrollTop = scrollTop;\n        });\n        // Restore the scrollX and scrollY positions after the focus.\n        // https://github.com/ckeditor/ckeditor5-engine/issues/951\n        global.window.scrollTo(scrollX, scrollY);\n    }\n    /**\n\t * Remove DOM selection from blurred editable, so it won't interfere with clicking on dropdowns (especially on iOS).\n\t *\n\t * @internal\n\t */ _clearDomSelection() {\n        const domEditable = this.mapViewToDom(this.document.selection.editableElement);\n        if (!domEditable) {\n            return;\n        }\n        // Check if DOM selection is inside editor editable element.\n        const domSelection = domEditable.ownerDocument.defaultView.getSelection();\n        const newViewSelection = this.domSelectionToView(domSelection);\n        const selectionInEditable = newViewSelection && newViewSelection.rangeCount > 0;\n        if (selectionInEditable) {\n            domSelection.removeAllRanges();\n        }\n    }\n    /**\n\t * Returns `true` when `node.nodeType` equals `Node.ELEMENT_NODE`.\n\t *\n\t * @param node Node to check.\n\t */ isElement(node) {\n        return node && node.nodeType == Node.ELEMENT_NODE;\n    }\n    /**\n\t * Returns `true` when `node.nodeType` equals `Node.DOCUMENT_FRAGMENT_NODE`.\n\t *\n\t * @param node Node to check.\n\t */ isDocumentFragment(node) {\n        return node && node.nodeType == Node.DOCUMENT_FRAGMENT_NODE;\n    }\n    /**\n\t * Checks if the node is an instance of the block filler for this DOM converter.\n\t *\n\t * ```ts\n\t * const converter = new ViewDomConverter( viewDocument, { blockFillerMode: 'br' } );\n\t *\n\t * converter.isBlockFiller( BR_FILLER( document ) ); // true\n\t * converter.isBlockFiller( NBSP_FILLER( document ) ); // false\n\t * ```\n\t *\n\t * **Note:**: For the `'nbsp'` mode the method also checks context of a node so it cannot be a detached node.\n\t *\n\t * **Note:** A special case in the `'nbsp'` mode exists where the `<br>` in `<p><br></p>` is treated as a block filler.\n\t *\n\t * @param domNode DOM node to check.\n\t * @returns True if a node is considered a block filler for given mode.\n\t */ isBlockFiller(domNode) {\n        if (this.blockFillerMode == 'br') {\n            return domNode.isEqualNode(BR_FILLER_REF);\n        }\n        // Special case for <p><br></p> in which <br> should be treated as filler even when we are not in the 'br' mode.\n        // See https://github.com/ckeditor/ckeditor5/issues/5564.\n        if (isOnlyBrInBlock(domNode, this.blockElements)) {\n            return true;\n        }\n        // If not in 'br' mode, try recognizing both marked and regular nbsp block fillers.\n        return domNode.isEqualNode(MARKED_NBSP_FILLER_REF) || isNbspBlockFiller(domNode, this.blockElements);\n    }\n    /**\n\t * Returns `true` if given selection is a backward selection, that is, if it's `focus` is before `anchor`.\n\t *\n\t * @param selection Selection instance to check.\n\t */ isDomSelectionBackward(selection) {\n        if (selection.isCollapsed) {\n            return false;\n        }\n        // Since it takes multiple lines of code to check whether a \"DOM Position\" is before/after another \"DOM Position\",\n        // we will use the fact that range will collapse if it's end is before it's start.\n        const range = this._domDocument.createRange();\n        try {\n            range.setStart(selection.anchorNode, selection.anchorOffset);\n            range.setEnd(selection.focusNode, selection.focusOffset);\n        } catch  {\n            // Safari sometimes gives us a selection that makes Range.set{Start,End} throw.\n            // See https://github.com/ckeditor/ckeditor5/issues/12375.\n            return false;\n        }\n        const backward = range.collapsed;\n        range.detach();\n        return backward;\n    }\n    /**\n\t * Returns a parent {@link module:engine/view/uielement~ViewUIElement} or {@link module:engine/view/rawelement~ViewRawElement}\n\t * that hosts the provided DOM node. Returns `null` if there is no such parent.\n\t */ getHostViewElement(domNode) {\n        const ancestors = getAncestors(domNode);\n        // Remove domNode from the list.\n        ancestors.pop();\n        while(ancestors.length){\n            const domNode = ancestors.pop();\n            const viewNode = this._domToViewMapping.get(domNode);\n            if (viewNode && (viewNode.is('uiElement') || viewNode.is('rawElement'))) {\n                return viewNode;\n            }\n        }\n        return null;\n    }\n    /**\n\t * Checks if the given selection's boundaries are at correct places.\n\t *\n\t * The following places are considered as incorrect for selection boundaries:\n\t *\n\t * * before or in the middle of an inline filler sequence,\n\t * * inside a DOM element which represents {@link module:engine/view/uielement~ViewUIElement a view UI element},\n\t * * inside a DOM element which represents {@link module:engine/view/rawelement~ViewRawElement a view raw element}.\n\t *\n\t * @param domSelection The DOM selection object to be checked.\n\t * @returns `true` if the given selection is at a correct place, `false` otherwise.\n\t */ isDomSelectionCorrect(domSelection) {\n        return this._isDomSelectionPositionCorrect(domSelection.anchorNode, domSelection.anchorOffset) && this._isDomSelectionPositionCorrect(domSelection.focusNode, domSelection.focusOffset);\n    }\n    /**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from DOM nodes to view elements.\n\t *\n\t * This is affecting how {@link module:engine/view/domconverter~ViewDomConverter#domToView} and\n\t * {@link module:engine/view/domconverter~ViewDomConverter#domChildrenToView} process DOM nodes.\n\t *\n\t * The raw data can be later accessed by a\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty custom property of a view element} called `\"$rawContent\"`.\n\t *\n\t * @param pattern Pattern matching a view element whose content should\n\t * be treated as raw data.\n\t */ registerRawContentMatcher(pattern) {\n        this._rawContentElementMatcher.add(pattern);\n    }\n    /**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for inline object view elements.\n\t *\n\t * This is affecting how {@link module:engine/view/domconverter~ViewDomConverter#domToView} and\n\t * {@link module:engine/view/domconverter~ViewDomConverter#domChildrenToView} process DOM nodes.\n\t *\n\t * This is an extension of a simple {@link #inlineObjectElements} array of element names.\n\t *\n\t * @param pattern Pattern matching a view element which should be treated as an inline object.\n\t */ registerInlineObjectMatcher(pattern) {\n        this._inlineObjectElementMatcher.add(pattern);\n    }\n    /**\n\t * Clear temporary custom properties.\n\t *\n\t * @internal\n\t */ _clearTemporaryCustomProperties() {\n        for (const element of this._elementsWithTemporaryCustomProperties){\n            element._removeCustomProperty('editingPipeline:doNotReuseOnce');\n        }\n        this._elementsWithTemporaryCustomProperties.clear();\n    }\n    /**\n\t * Returns the block {@link module:engine/view/filler filler} node based on the current {@link #blockFillerMode} setting.\n\t */ _getBlockFiller() {\n        switch(this.blockFillerMode){\n            case 'nbsp':\n                return NBSP_FILLER(this._domDocument); // eslint-disable-line new-cap\n            case 'markedNbsp':\n                return MARKED_NBSP_FILLER(this._domDocument); // eslint-disable-line new-cap\n            case 'br':\n                return BR_FILLER(this._domDocument); // eslint-disable-line new-cap\n        }\n    }\n    /**\n\t * Checks if the given DOM position is a correct place for selection boundary. See {@link #isDomSelectionCorrect}.\n\t *\n\t * @param domParent Position parent.\n\t * @param offset Position offset.\n\t * @returns `true` if given position is at a correct place for selection boundary, `false` otherwise.\n\t */ _isDomSelectionPositionCorrect(domParent, offset) {\n        // If selection is before or in the middle of inline filler string, it is incorrect.\n        if (isText(domParent) && startsWithFiller(domParent) && offset < INLINE_FILLER_LENGTH) {\n            // Selection in a text node, at wrong position (before or in the middle of filler).\n            return false;\n        }\n        if (this.isElement(domParent) && startsWithFiller(domParent.childNodes[offset])) {\n            // Selection in an element node, before filler text node.\n            return false;\n        }\n        const viewParent = this.mapDomToView(domParent);\n        // The position is incorrect when anchored inside a UIElement or a RawElement.\n        // Note: In case of UIElement and RawElement, mapDomToView() returns a parent element for any DOM child\n        // so there's no need to perform any additional checks.\n        if (viewParent && (viewParent.is('uiElement') || viewParent.is('rawElement'))) {\n            return false;\n        }\n        return true;\n    }\n    /**\n\t * Internal generator for {@link #domToView}. Also used by {@link #domChildrenToView}.\n\t * Separates DOM nodes conversion from whitespaces processing.\n\t *\n\t * @param domNode DOM node or document fragment to transform.\n\t * @param inlineNodes An array of recently encountered inline nodes truncated to the block element boundaries.\n\t * Used later to process whitespaces.\n\t */ *_domToView(domNode, options, inlineNodes) {\n        // Special case for <p><br></p> in which <br> should be treated as filler even when we are not in the 'br' mode.\n        // See https://github.com/ckeditor/ckeditor5/issues/5564.\n        if (this.blockFillerMode != 'br' && isOnlyBrInBlock(domNode, this.blockElements)) {\n            return null;\n        }\n        // When node is inside a UIElement or a RawElement return that parent as it's view representation.\n        const hostElement = this.getHostViewElement(domNode);\n        if (hostElement) {\n            return hostElement;\n        }\n        if (isComment(domNode) && options.skipComments) {\n            return null;\n        }\n        if (isText(domNode)) {\n            if (isInlineFiller(domNode)) {\n                return null;\n            } else {\n                const textData = domNode.data;\n                if (textData === '') {\n                    return null;\n                }\n                const textNode = new ViewText(this.document, textData);\n                inlineNodes.push(textNode);\n                return textNode;\n            }\n        } else {\n            let viewElement = this.mapDomToView(domNode);\n            if (viewElement) {\n                if (this._isInlineObjectElement(viewElement)) {\n                    inlineNodes.push(viewElement);\n                }\n                return viewElement;\n            }\n            if (this.isDocumentFragment(domNode)) {\n                // Create view document fragment.\n                viewElement = new ViewDocumentFragment(this.document);\n                if (options.bind) {\n                    this.bindDocumentFragments(domNode, viewElement);\n                }\n            } else {\n                // Create view element.\n                viewElement = this._createViewElement(domNode, options);\n                if (options.bind) {\n                    this.bindElements(domNode, viewElement);\n                }\n                // Copy element's attributes.\n                const attrs = domNode.attributes;\n                if (attrs) {\n                    for(let l = attrs.length, i = 0; i < l; i++){\n                        viewElement._setAttribute(attrs[i].name, attrs[i].value);\n                    }\n                }\n                // Treat this element's content as a raw data if it was registered as such.\n                if (this._isViewElementWithRawContent(viewElement, options)) {\n                    viewElement._setCustomProperty('$rawContent', domNode.innerHTML);\n                    if (!this._isBlockViewElement(viewElement)) {\n                        inlineNodes.push(viewElement);\n                    }\n                    return viewElement;\n                }\n                // Comment node is also treated as an element with raw data.\n                if (isComment(domNode)) {\n                    viewElement._setCustomProperty('$rawContent', domNode.data);\n                    return viewElement;\n                }\n            }\n            // Yield the element first so the flow of nested inline nodes is not reversed inside elements.\n            yield viewElement;\n            const nestedInlineNodes = [];\n            if (options.withChildren !== false) {\n                for (const child of this.domChildrenToView(domNode, options, nestedInlineNodes)){\n                    viewElement._appendChild(child);\n                }\n            }\n            // Check if this is an inline object after processing child nodes so matcher\n            // for inline objects can verify if the element is empty.\n            if (this._isInlineObjectElement(viewElement)) {\n                inlineNodes.push(viewElement);\n                // Inline object content should be handled as a flow-root.\n                this._processDomInlineNodes(null, nestedInlineNodes, options);\n            } else {\n                // It's an inline element that is not an object (like <b>, <i>) or a block element.\n                for (const inlineNode of nestedInlineNodes){\n                    inlineNodes.push(inlineNode);\n                }\n            }\n        }\n    }\n    /**\n\t * Internal helper that walks the list of inline view nodes already generated from DOM nodes\n\t * and handles whitespaces and NBSPs.\n\t *\n\t * @param domParent The DOM parent of the given inline nodes. This should be a document fragment or\n\t * a block element to whitespace processing start cleaning.\n\t * @param inlineNodes An array of recently encountered inline nodes truncated to the block element boundaries.\n\t */ _processDomInlineNodes(domParent, inlineNodes, options) {\n        if (!inlineNodes.length) {\n            return;\n        }\n        // Process text nodes only after reaching a block or document fragment,\n        // do not alter whitespaces while processing an inline element like <b> or <i>.\n        if (domParent && !this.isDocumentFragment(domParent) && !this._isBlockDomElement(domParent)) {\n            return;\n        }\n        let prevNodeEndsWithSpace = false;\n        for(let i = 0; i < inlineNodes.length; i++){\n            const node = inlineNodes[i];\n            if (!node.is('$text')) {\n                prevNodeEndsWithSpace = false;\n                continue;\n            }\n            let data;\n            let nodeEndsWithSpace = false;\n            if (this._isPreFormatted(node)) {\n                data = getDataWithoutFiller(node.data);\n            } else {\n                // Change all consecutive whitespace characters (from the [ \\n\\t\\r] set –\n                // see https://github.com/ckeditor/ckeditor5-engine/issues/822#issuecomment-311670249) to a single space character.\n                // That's how multiple whitespaces are treated when rendered, so we normalize those whitespaces.\n                // We're replacing 1+ (and not 2+) to also normalize singular \\n\\t\\r characters (#822).\n                data = node.data.replace(/[ \\n\\t\\r]{1,}/g, ' ');\n                nodeEndsWithSpace = /[^\\S\\u00A0]/.test(data.charAt(data.length - 1));\n                const prevNode = i > 0 ? inlineNodes[i - 1] : null;\n                const nextNode = i + 1 < inlineNodes.length ? inlineNodes[i + 1] : null;\n                const shouldLeftTrim = !prevNode || prevNode.is('element') && prevNode.name == 'br' || prevNodeEndsWithSpace;\n                const shouldRightTrim = nextNode ? false : !startsWithFiller(node.data);\n                // Do not try to clear whitespaces if this is flat mapping for the purpose of mutation observer and differ in rendering.\n                if (options.withChildren !== false) {\n                    // If the previous dom text node does not exist or it ends by whitespace character, remove space character from the\n                    // beginning of this text node. Such space character is treated as a whitespace.\n                    if (shouldLeftTrim) {\n                        data = data.replace(/^ /, '');\n                    }\n                    // If the next text node does not exist remove space character from the end of this text node.\n                    if (shouldRightTrim) {\n                        data = data.replace(/ $/, '');\n                    }\n                }\n                // At the beginning and end of a block element, Firefox inserts normal space + <br> instead of non-breaking space.\n                // This means that the text node starts/end with normal space instead of non-breaking space.\n                // This causes a problem because the normal space would be removed in `.replace` calls above. To prevent that,\n                // the inline filler is removed only after the data is initially processed (by the `.replace` above). See ckeditor5#692.\n                data = getDataWithoutFiller(data);\n                // Block filler handling.\n                if (this.blockFillerMode != 'br' && node.parent) {\n                    if (isViewMarkedNbspFiller(node.parent, data)) {\n                        data = '';\n                        // Mark block element as it has a block filler and remove the `<span data-cke-filler=\"true\">` element.\n                        if (node.parent.parent) {\n                            node.parent.parent._setCustomProperty('$hasBlockFiller', true);\n                            node.parent._remove();\n                        }\n                    } else if (isViewNbspFiller(node.parent, data, this.blockElements)) {\n                        data = '';\n                        node.parent._setCustomProperty('$hasBlockFiller', true);\n                    }\n                }\n                // At this point we should have removed all whitespaces from DOM text data.\n                //\n                // Now, We will reverse the process that happens in `_processDataFromViewText`.\n                //\n                // We have to change &nbsp; chars, that were in DOM text data because of rendering reasons, to spaces.\n                // First, change all ` \\u00A0` pairs (space + &nbsp;) to two spaces. DOM converter changes two spaces from model/view to\n                // ` \\u00A0` to ensure proper rendering. Since here we convert back, we recognize those pairs and change them back to `  `.\n                data = data.replace(/ \\u00A0/g, '  ');\n                const isNextNodeInlineObjectElement = nextNode && nextNode.is('element') && nextNode.name != 'br';\n                const isNextNodeStartingWithSpace = nextNode && nextNode.is('$text') && nextNode.data.charAt(0) == ' ';\n                // Then, let's change the last nbsp to a space.\n                if (/[ \\u00A0]\\u00A0$/.test(data) || !nextNode || isNextNodeInlineObjectElement || isNextNodeStartingWithSpace) {\n                    data = data.replace(/\\u00A0$/, ' ');\n                }\n                // Then, change &nbsp; character that is at the beginning of the text node to space character.\n                // We do that replacement only if this is the first node or the previous node ends on whitespace character.\n                if (shouldLeftTrim || prevNode && prevNode.is('element') && prevNode.name != 'br') {\n                    data = data.replace(/^\\u00A0/, ' ');\n                }\n            }\n            // At this point, all whitespaces should be removed and all &nbsp; created for rendering reasons should be\n            // changed to normal space. All left &nbsp; are &nbsp; inserted intentionally.\n            if (data.length == 0 && node.parent) {\n                node._remove();\n                inlineNodes.splice(i, 1);\n                i--;\n            } else {\n                node._data = data;\n                prevNodeEndsWithSpace = nodeEndsWithSpace;\n            }\n        }\n        inlineNodes.length = 0;\n    }\n    /**\n\t * Takes text data from a given {@link module:engine/view/text~ViewText#data} and processes it so\n\t * it is correctly displayed in the DOM.\n\t *\n\t * Following changes are done:\n\t *\n\t * * a space at the beginning is changed to `&nbsp;` if this is the first text node in its container\n\t * element or if a previous text node ends with a space character,\n\t * * space at the end of the text node is changed to `&nbsp;` if there are two spaces at the end of a node or if next node\n\t * starts with a space or if it is the last text node in its container,\n\t * * remaining spaces are replaced to a chain of spaces and `&nbsp;` (e.g. `'x   x'` becomes `'x &nbsp; x'`).\n\t *\n\t * Content of {@link #preElements} is not processed.\n\t *\n\t * @param node View text node to process.\n\t * @returns Processed text data.\n\t */ _processDataFromViewText(node) {\n        let data = node.data;\n        // If the currently processed view text node is preformatted, we should not change whitespaces.\n        if (this._isPreFormatted(node)) {\n            return data;\n        }\n        // 1. Replace the first space with a nbsp if the previous node ends with a space or there is no previous node\n        // (container element boundary).\n        if (data.charAt(0) == ' ') {\n            const prevNode = this._getTouchingInlineViewNode(node, false);\n            const prevEndsWithSpace = prevNode && prevNode.is('$textProxy') && this._nodeEndsWithSpace(prevNode);\n            if (prevEndsWithSpace || !prevNode) {\n                data = '\\u00A0' + data.substr(1);\n            }\n        }\n        // 2. Replace the last space with nbsp if there are two spaces at the end or if the next node starts with space or there is no\n        // next node (container element boundary).\n        //\n        // Keep in mind that Firefox prefers $nbsp; before tag, not inside it:\n        //\n        // Foo <span>&nbsp;bar</span>  <-- bad.\n        // Foo&nbsp;<span> bar</span>  <-- good.\n        //\n        // More here: https://github.com/ckeditor/ckeditor5-engine/issues/1747.\n        if (data.charAt(data.length - 1) == ' ') {\n            const nextNode = this._getTouchingInlineViewNode(node, true);\n            const nextStartsWithSpace = nextNode && nextNode.is('$textProxy') && nextNode.data.charAt(0) == ' ';\n            if (data.charAt(data.length - 2) == ' ' || !nextNode || nextStartsWithSpace) {\n                data = data.substr(0, data.length - 1) + '\\u00A0';\n            }\n        }\n        // 3. Create space+nbsp pairs.\n        return data.replace(/ {2}/g, ' \\u00A0');\n    }\n    /**\n\t * Checks whether given node ends with a space character after changing appropriate space characters to `&nbsp;`s.\n\t *\n\t * @param  node Node to check.\n\t * @returns `true` if given `node` ends with space, `false` otherwise.\n\t */ _nodeEndsWithSpace(node) {\n        if (this._isPreFormatted(node)) {\n            return false;\n        }\n        const data = this._processDataFromViewText(node);\n        return data.charAt(data.length - 1) == ' ';\n    }\n    /**\n\t * Checks whether given text contains preformatted white space. This is the case if\n\t * * any of node ancestors has a name which is in `preElements` array, or\n\t * * the closest ancestor that has the `white-space` CSS property sets it to a value that preserves spaces\n\t *\n\t * @param node Node to check\n\t * @returns `true` if given node contains preformatted white space, `false` otherwise.\n\t */ _isPreFormatted(node) {\n        if (_hasViewParentOfType(node, this.preElements)) {\n            return true;\n        }\n        for (const ancestor of node.getAncestors({\n            parentFirst: true\n        })){\n            if (!ancestor.is('element') || !ancestor.hasStyle('white-space') || ancestor.getStyle('white-space') === 'inherit') {\n                continue;\n            }\n            // If the node contains the `white-space` property with a value that does not preserve spaces, it will take\n            // precedence over any white-space settings its ancestors contain, so no further parent checking needs to\n            // be done.\n            return [\n                'pre',\n                'pre-wrap',\n                'break-spaces'\n            ].includes(ancestor.getStyle('white-space'));\n        }\n        return false;\n    }\n    /**\n\t * Helper function. For given {@link module:engine/view/text~ViewText view text node}, it finds previous or next sibling\n\t * that is contained in the same container element. If there is no such sibling, `null` is returned.\n\t *\n\t * @param node Reference node.\n\t * @returns Touching text node, an inline object\n\t * or `null` if there is no next or previous touching text node.\n\t */ _getTouchingInlineViewNode(node, getNext) {\n        const treeWalker = new ViewTreeWalker({\n            startPosition: getNext ? ViewPosition._createAfter(node) : ViewPosition._createBefore(node),\n            direction: getNext ? 'forward' : 'backward'\n        });\n        for (const { item } of treeWalker){\n            // Found a text node in the same container element.\n            if (item.is('$textProxy')) {\n                return item;\n            } else if (item.is('element') && item.getCustomProperty('dataPipeline:transparentRendering')) {\n                continue;\n            } else if (item.is('element', 'br')) {\n                return null;\n            } else if (this._isInlineObjectElement(item)) {\n                return item;\n            } else if (item.is('containerElement') || this._isBlockViewElement(item)) {\n                return null;\n            }\n        }\n        return null;\n    }\n    /**\n\t * Returns `true` if a DOM node belongs to {@link #blockElements}. `false` otherwise.\n\t */ _isBlockDomElement(node) {\n        return this.isElement(node) && this.blockElements.includes(node.tagName.toLowerCase());\n    }\n    /**\n\t * Returns `true` if a view node belongs to {@link #blockElements}. `false` otherwise.\n\t */ _isBlockViewElement(node) {\n        return node.is('element') && this.blockElements.includes(node.name);\n    }\n    /**\n\t * Returns `true` if a DOM node belongs to {@link #inlineObjectElements}. `false` otherwise.\n\t */ _isInlineObjectElement(node) {\n        if (!node.is('element')) {\n            return false;\n        }\n        return node.name == 'br' || this.inlineObjectElements.includes(node.name) || !!this._inlineObjectElementMatcher.match(node);\n    }\n    /**\n\t * Creates view element basing on the node type.\n\t *\n\t * @param node DOM node to check.\n\t * @param options Conversion options. See {@link module:engine/view/domconverter~ViewDomConverter#domToView} options parameter.\n\t */ _createViewElement(node, options) {\n        if (isComment(node)) {\n            return new ViewUIElement(this.document, '$comment');\n        }\n        const viewName = options.keepOriginalCase ? node.tagName : node.tagName.toLowerCase();\n        return new ViewElement(this.document, viewName);\n    }\n    /**\n\t * Checks if view element's content should be treated as a raw data.\n\t *\n\t * @param viewElement View element to check.\n\t * @param options Conversion options. See {@link module:engine/view/domconverter~ViewDomConverter#domToView} options parameter.\n\t */ _isViewElementWithRawContent(viewElement, options) {\n        return options.withChildren !== false && viewElement.is('element') && !!this._rawContentElementMatcher.match(viewElement);\n    }\n    /**\n\t * Checks whether a given element name should be renamed in a current rendering mode.\n\t *\n\t * @param elementName The name of view element.\n\t */ _shouldRenameElement(elementName) {\n        const name = elementName.toLowerCase();\n        return this.renderingMode === 'editing' && this.unsafeElements.includes(name);\n    }\n    /**\n\t * Return a <span> element with a special attribute holding the name of the original element.\n\t * Optionally, copy all the attributes of the original element if that element is provided.\n\t *\n\t * @param elementName The name of view element.\n\t * @param originalDomElement The original DOM element to copy attributes and content from.\n\t */ _createReplacementDomElement(elementName, originalDomElement) {\n        const newDomElement = this._domDocument.createElement('span');\n        // Mark the span replacing a script as hidden.\n        newDomElement.setAttribute(UNSAFE_ELEMENT_REPLACEMENT_ATTRIBUTE, elementName);\n        if (originalDomElement) {\n            while(originalDomElement.firstChild){\n                newDomElement.appendChild(originalDomElement.firstChild);\n            }\n            for (const attributeName of originalDomElement.getAttributeNames()){\n                newDomElement.setAttribute(attributeName, originalDomElement.getAttribute(attributeName));\n            }\n        }\n        return newDomElement;\n    }\n}\n/**\n * Helper function.\n * Used to check if given native `Element` or `Text` node has parent with tag name from `types` array.\n *\n * @returns`true` if such parent exists or `false` if it does not.\n */ function _hasViewParentOfType(node, types) {\n    return node.getAncestors().some((parent)=>parent.is('element') && types.includes(parent.name));\n}\n/**\n * A helper that executes given callback for each DOM node's ancestor, starting from the given node\n * and ending in document#documentElement.\n *\n * @param callback A callback to be executed for each ancestor.\n */ function forEachDomElementAncestor(element, callback) {\n    let node = element;\n    while(node){\n        callback(node);\n        node = node.parentElement;\n    }\n}\n/**\n * Checks if given DOM node is a nbsp block filler.\n *\n * A &nbsp; is a block filler only if it is a single child of a block element.\n *\n * @param domNode DOM node.\n */ function isNbspBlockFiller(domNode, blockElements) {\n    const isNBSP = domNode.isEqualNode(NBSP_FILLER_REF);\n    return isNBSP && hasBlockParent(domNode, blockElements) && domNode.parentNode.childNodes.length === 1;\n}\n/**\n * Checks if domNode has block parent.\n *\n * @param domNode DOM node.\n */ function hasBlockParent(domNode, blockElements) {\n    const parent = domNode.parentNode;\n    return !!parent && !!parent.tagName && blockElements.includes(parent.tagName.toLowerCase());\n}\n/**\n * Checks if given view node is a nbsp block filler.\n *\n * A &nbsp; is a block filler only if it is a single child of a block element.\n */ function isViewNbspFiller(parent, data, blockElements) {\n    return data == '\\u00A0' && parent && parent.is('element') && parent.childCount == 1 && blockElements.includes(parent.name);\n}\n/**\n * Checks if given view node is a marked-nbsp block filler.\n *\n * A &nbsp; is a block filler only if it is wrapped in `<span data-cke-filler=\"true\">` element.\n */ function isViewMarkedNbspFiller(parent, data) {\n    return data == '\\u00A0' && parent && parent.is('element', 'span') && parent.childCount == 1 && parent.hasAttribute('data-cke-filler');\n}\n/**\n * Checks if given view node is a br block filler.\n *\n * A <br> is a block filler only if it has data-cke-filler attribute set.\n */ function isViewBrFiller(node) {\n    return node.is('element', 'br') && node.hasAttribute('data-cke-filler');\n}\n/**\n * Special case for `<p><br></p>` in which `<br>` should be treated as filler even when we are not in the 'br' mode.\n */ function isOnlyBrInBlock(domNode, blockElements) {\n    // See https://github.com/ckeditor/ckeditor5/issues/5564.\n    return domNode.tagName === 'BR' && hasBlockParent(domNode, blockElements) && domNode.parentNode.childNodes.length === 1;\n}\n/**\n * Log to console the information about element that was replaced.\n * Check UNSAFE_ELEMENTS for all recognized unsafe elements.\n *\n * @param elementName The name of the view element.\n */ function _logUnsafeElement(elementName) {\n    if (elementName === 'script') {\n        logWarning('domconverter-unsafe-script-element-detected');\n    }\n    if (elementName === 'style') {\n        logWarning('domconverter-unsafe-style-element-detected');\n    }\n}\n/**\n * In certain cases, Firefox mysteriously assigns so called \"restricted objects\" to native DOM Range properties.\n * Any attempt at accessing restricted object's properties causes errors.\n * See: https://github.com/ckeditor/ckeditor5/issues/9635.\n */ function isGeckoRestrictedDomSelection(domSelection) {\n    if (!env.isGecko) {\n        return false;\n    }\n    if (!domSelection.rangeCount) {\n        return false;\n    }\n    const container = domSelection.getRangeAt(0).startContainer;\n    try {\n        Object.prototype.toString.call(container);\n    } catch  {\n        return true;\n    }\n    return false;\n}\n /**\n * While rendering the editor content, the {@link module:engine/view/domconverter~ViewDomConverter} detected a `<script>` element that may\n * disrupt the editing experience. To avoid this, the `<script>` element was replaced with `<span data-ck-unsafe-element=\"script\"></span>`.\n *\n * @error domconverter-unsafe-script-element-detected\n */  /**\n * While rendering the editor content, the\n * {@link module:engine/view/domconverter~ViewDomConverter} detected a `<style>` element that may affect\n * the editing experience. To avoid this, the `<style>` element was replaced with `<span data-ck-unsafe-element=\"style\"></span>`.\n *\n * @error domconverter-unsafe-style-element-detected\n */  /**\n * The {@link module:engine/view/domconverter~ViewDomConverter} detected an interactive attribute in the\n * {@glink framework/architecture/editing-engine#editing-pipeline editing pipeline}. For the best\n * editing experience, the attribute was renamed to `data-ck-unsafe-attribute-[original attribute name]`.\n *\n * If you are the author of the plugin that generated this attribute and you want it to be preserved\n * in the editing pipeline, you can configure this when creating the element\n * using {@link module:engine/view/downcastwriter~ViewDowncastWriter} during the\n * {@glink framework/architecture/editing-engine#conversion model–view conversion}. Methods such as\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createContainerElement},\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createAttributeElement}, or\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEmptyElement}\n * accept an option that will disable filtering of specific attributes:\n *\n * ```ts\n * const paragraph = writer.createContainerElement( 'p',\n * \t{\n * \t\tclass: 'clickable-paragraph',\n * \t\tonclick: 'alert( \"Paragraph clicked!\" )'\n * \t},\n * \t{\n * \t\t// Make sure the \"onclick\" attribute will pass through.\n * \t\trenderUnsafeAttributes: [ 'onclick' ]\n * \t}\n * );\n * ```\n *\n * @error domconverter-unsafe-attribute-detected\n * @param {HTMLElement} domElement The DOM element the attribute was set on.\n * @param {string} key The original name of the attribute\n * @param {string} value The value of the original attribute\n */\n\n/**\n * Abstract base observer class. Observers are classes which listen to DOM events, do the preliminary\n * processing and fire events on the {@link module:engine/view/document~ViewDocument} objects.\n * Observers can also add features to the view, for instance by updating its status or marking elements\n * which need a refresh on DOM events.\n */ class Observer extends /* #__PURE__ */ DomEmitterMixin() {\n    /**\n\t * An instance of the view controller.\n\t */ view;\n    /**\n\t * A reference to the {@link module:engine/view/document~ViewDocument} object.\n\t */ document;\n    /**\n\t * The state of the observer. If it is disabled, no events will be fired.\n\t */ _isEnabled = false;\n    /**\n\t * Creates an instance of the observer.\n\t */ constructor(view){\n        super();\n        this.view = view;\n        this.document = view.document;\n    }\n    /**\n\t * The state of the observer. If it is disabled, no events will be fired.\n\t */ get isEnabled() {\n        return this._isEnabled;\n    }\n    /**\n\t * Enables the observer. This method is called when the observer is registered to the\n\t * {@link module:engine/view/view~EditingView} and after {@link module:engine/view/view~EditingView#forceRender rendering}\n\t * (all observers are {@link #disable disabled} before rendering).\n\t *\n\t * A typical use case for disabling observers is that mutation observers need to be disabled for the rendering.\n\t * However, a child class may not need to be disabled, so it can implement an empty method.\n\t *\n\t * @see module:engine/view/observer/observer~Observer#disable\n\t */ enable() {\n        this._isEnabled = true;\n    }\n    /**\n\t * Disables the observer. This method is called before\n\t * {@link module:engine/view/view~EditingView#forceRender rendering} to prevent firing events during rendering.\n\t *\n\t * @see module:engine/view/observer/observer~Observer#enable\n\t */ disable() {\n        this._isEnabled = false;\n    }\n    /**\n\t * Disables and destroys the observer, among others removes event listeners created by the observer.\n\t */ destroy() {\n        this.disable();\n        this.stopListening();\n    }\n    /**\n\t * Checks whether a given DOM event should be ignored (should not be turned into a synthetic view document event).\n\t *\n\t * Currently, an event will be ignored only if its target or any of its ancestors has the `data-cke-ignore-events` attribute.\n\t * This attribute can be used inside the structures generated by\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement `ViewDowncastWriter#createUIElement()`} to ignore events\n\t * fired within a UI that should be excluded from CKEditor 5's realms.\n\t *\n\t * @param domTarget The DOM event target to check (usually an element, sometimes a text node and\n\t * potentially sometimes a document, too).\n\t * @returns Whether this event should be ignored by the observer.\n\t */ checkShouldIgnoreEventFromTarget(domTarget) {\n        if (domTarget && domTarget.nodeType === 3) {\n            domTarget = domTarget.parentNode;\n        }\n        if (!domTarget || domTarget.nodeType !== 1) {\n            return false;\n        }\n        return domTarget.matches('[data-cke-ignore-events], [data-cke-ignore-events] *');\n    }\n}\n\n/**\n * Information about a DOM event in context of the {@link module:engine/view/document~ViewDocument}.\n * It wraps the native event, which usually should not be used as the wrapper contains\n * additional data (like key code for keyboard events).\n *\n * @typeParam TEvent The type of DOM Event that this class represents.\n */ class ViewDocumentDomEventData {\n    /**\n\t * Instance of the view controller.\n\t */ view;\n    /**\n\t * The instance of the document.\n\t */ document;\n    /**\n\t * The DOM event.\n\t */ domEvent;\n    /**\n\t * The DOM target.\n\t */ domTarget;\n    /**\n\t * @param view The instance of the view controller.\n\t * @param domEvent The DOM event.\n\t * @param additionalData Additional properties that the instance should contain.\n\t */ constructor(view, domEvent, additionalData){\n        this.view = view;\n        this.document = view.document;\n        this.domEvent = domEvent;\n        this.domTarget = domEvent.target;\n        extend(this, additionalData);\n    }\n    /**\n\t * The tree view element representing the target.\n\t */ get target() {\n        return this.view.domConverter.mapDomToView(this.domTarget);\n    }\n    /**\n\t * Prevents the native's event default action.\n\t */ preventDefault() {\n        this.domEvent.preventDefault();\n    }\n    /**\n\t * Stops native event propagation.\n\t */ stopPropagation() {\n        this.domEvent.stopPropagation();\n    }\n}\n\n/**\n * Base class for DOM event observers. This class handles\n * {@link module:engine/view/observer/observer~Observer#observe adding} listeners to DOM elements,\n * {@link module:engine/view/observer/observer~Observer#disable disabling} and\n * {@link module:engine/view/observer/observer~Observer#enable re-enabling} events.\n * Child class needs to define\n * {@link module:engine/view/observer/domeventobserver~DomEventObserver#domEventType DOM event type} and\n * {@link module:engine/view/observer/domeventobserver~DomEventObserver#onDomEvent callback}.\n *\n * For instance:\n *\n * ```ts\n * class ClickObserver extends DomEventObserver<'click'> {\n * \t// It can also be defined as a normal property in the constructor.\n * \tget domEventType(): 'click' {\n * \t\treturn 'click';\n * \t}\n *\n * \tonDomEvent( domEvent: MouseEvent ): void {\n * \t\tthis.fire( 'click', domEvent );\n * \t}\n * }\n * ```\n *\n * @typeParam EventType DOM Event type name or an union of those.\n * @typeParam AdditionalData Additional data passed along with the event.\n */ class DomEventObserver extends Observer {\n    /**\n\t * If set to `true` DOM events will be listened on the capturing phase.\n\t * Default value is `false`.\n\t */ useCapture = false;\n    /**\n\t * If set to `true`, indicates that the function specified by listener will never call `preventDefault()`.\n\t * Default value is `false`.\n\t */ usePassive = false;\n    /**\n\t * @inheritDoc\n\t */ observe(domElement) {\n        const types = typeof this.domEventType == 'string' ? [\n            this.domEventType\n        ] : this.domEventType;\n        types.forEach((type)=>{\n            this.listenTo(domElement, type, (eventInfo, domEvent)=>{\n                if (this.isEnabled && !this.checkShouldIgnoreEventFromTarget(domEvent.target)) {\n                    this.onDomEvent(domEvent);\n                }\n            }, {\n                useCapture: this.useCapture,\n                usePassive: this.usePassive\n            });\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ stopObserving(domElement) {\n        this.stopListening(domElement);\n    }\n    /**\n\t * Calls `Document#fire()` if observer {@link #isEnabled is enabled}.\n\t *\n\t * @see module:utils/emittermixin~Emitter#fire\n\t * @param eventType The event type (name).\n\t * @param domEvent The DOM event.\n\t * @param additionalData The additional data which should extend the\n\t * {@link module:engine/view/observer/domeventdata~ViewDocumentDomEventData event data} object.\n\t */ fire(eventType, domEvent, additionalData) {\n        if (this.isEnabled) {\n            this.document.fire(eventType, new ViewDocumentDomEventData(this.view, domEvent, additionalData));\n        }\n    }\n}\n\n/**\n * Observer for events connected with pressing keyboard keys.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */ class KeyObserver extends DomEventObserver {\n    /**\n\t * @inheritDoc\n\t */ domEventType = [\n        'keydown',\n        'keyup'\n    ];\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvt) {\n        const data = {\n            keyCode: domEvt.keyCode,\n            altKey: domEvt.altKey,\n            ctrlKey: domEvt.ctrlKey,\n            shiftKey: domEvt.shiftKey,\n            metaKey: domEvt.metaKey,\n            get keystroke () {\n                return getCode(this);\n            }\n        };\n        this.fire(domEvt.type, domEvt, data);\n    }\n}\n\n/**\n * Fake selection observer class. If view selection is fake it is placed in dummy DOM container. This observer listens\n * on {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and handles moving\n * fake view selection to the correct place if arrow keys are pressed.\n * Fires {@link module:engine/view/document~ViewDocument#event:selectionChange selectionChange event} simulating natural behaviour of\n * {@link module:engine/view/observer/selectionobserver~SelectionObserver SelectionObserver}.\n */ class FakeSelectionObserver extends Observer {\n    /**\n\t * Fires debounced event `selectionChangeDone`. It uses `es-toolkit#debounce` method to delay function call.\n\t */ _fireSelectionChangeDoneDebounced;\n    /**\n\t * Creates new FakeSelectionObserver instance.\n\t */ constructor(view){\n        super(view);\n        this._fireSelectionChangeDoneDebounced = debounce((data)=>{\n            this.document.fire('selectionChangeDone', data);\n        }, 200);\n    }\n    /**\n\t * @inheritDoc\n\t */ observe() {\n        const document = this.document;\n        document.on('arrowKey', (eventInfo, data)=>{\n            const selection = document.selection;\n            if (selection.isFake && this.isEnabled) {\n                // Prevents default key down handling - no selection change will occur.\n                data.preventDefault();\n            }\n        }, {\n            context: '$capture'\n        });\n        document.on('arrowKey', (eventInfo, data)=>{\n            const selection = document.selection;\n            if (selection.isFake && this.isEnabled) {\n                this._handleSelectionMove(data.keyCode);\n            }\n        }, {\n            priority: 'lowest'\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ stopObserving() {}\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this._fireSelectionChangeDoneDebounced.cancel();\n    }\n    /**\n\t * Handles collapsing view selection according to given key code. If left or up key is provided - new selection will be\n\t * collapsed to left. If right or down key is pressed - new selection will be collapsed to right.\n\t *\n\t * This method fires {@link module:engine/view/document~ViewDocument#event:selectionChange} and\n\t * {@link module:engine/view/document~ViewDocument#event:selectionChangeDone} events imitating behaviour of\n\t * {@link module:engine/view/observer/selectionobserver~SelectionObserver}.\n\t */ _handleSelectionMove(keyCode) {\n        const selection = this.document.selection;\n        const newSelection = new ViewSelection(selection.getRanges(), {\n            backward: selection.isBackward,\n            fake: false\n        });\n        // Left or up arrow pressed - move selection to start.\n        if (keyCode == keyCodes.arrowleft || keyCode == keyCodes.arrowup) {\n            newSelection.setTo(newSelection.getFirstPosition());\n        }\n        // Right or down arrow pressed - move selection to end.\n        if (keyCode == keyCodes.arrowright || keyCode == keyCodes.arrowdown) {\n            newSelection.setTo(newSelection.getLastPosition());\n        }\n        const data = {\n            oldSelection: selection,\n            newSelection,\n            domSelection: null\n        };\n        // Fire dummy selection change event.\n        this.document.fire('selectionChange', data);\n        // Call` #_fireSelectionChangeDoneDebounced` every time when `selectionChange` event is fired.\n        // This function is debounced what means that `selectionChangeDone` event will be fired only when\n        // defined int the function time will elapse since the last time the function was called.\n        // So `selectionChangeDone` will be fired when selection will stop changing.\n        this._fireSelectionChangeDoneDebounced(data);\n    }\n}\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '../../dev-utils/utils.js' );\n/**\n * Mutation observer's role is to watch for any DOM changes inside the editor that weren't\n * done by the editor's {@link module:engine/view/renderer~ViewRenderer} itself and reverting these changes.\n *\n * It does this by observing all mutations in the DOM, marking related view elements as changed and calling\n * {@link module:engine/view/renderer~ViewRenderer#render}. Because all mutated nodes are marked as\n * \"to be rendered\" and the {@link module:engine/view/renderer~ViewRenderer#render `render()`} method is called,\n * all changes are reverted in the DOM (the DOM is synced with the editor's view structure).\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */ class MutationObserver extends Observer {\n    /**\n\t * Reference to the {@link module:engine/view/view~EditingView#domConverter}.\n\t */ domConverter;\n    /**\n\t * Native mutation observer config.\n\t */ _config;\n    /**\n\t * Observed DOM elements.\n\t */ _domElements;\n    /**\n\t * Native mutation observer.\n\t */ _mutationObserver;\n    /**\n\t * @inheritDoc\n\t */ constructor(view){\n        super(view);\n        this._config = {\n            childList: true,\n            characterData: true,\n            subtree: true\n        };\n        this.domConverter = view.domConverter;\n        this._domElements = new Set();\n        this._mutationObserver = new window.MutationObserver(this._onMutations.bind(this));\n    }\n    /**\n\t * Synchronously handles mutations and empties the queue.\n\t */ flush() {\n        this._onMutations(this._mutationObserver.takeRecords());\n    }\n    /**\n\t * @inheritDoc\n\t */ observe(domElement) {\n        this._domElements.add(domElement);\n        if (this.isEnabled) {\n            this._mutationObserver.observe(domElement, this._config);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ stopObserving(domElement) {\n        this._domElements.delete(domElement);\n        if (this.isEnabled) {\n            // Unfortunately, it is not possible to stop observing particular DOM element.\n            // In order to stop observing one of multiple DOM elements, we need to re-connect the mutation observer.\n            this._mutationObserver.disconnect();\n            for (const domElement of this._domElements){\n                this._mutationObserver.observe(domElement, this._config);\n            }\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ enable() {\n        super.enable();\n        for (const domElement of this._domElements){\n            this._mutationObserver.observe(domElement, this._config);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ disable() {\n        super.disable();\n        this._mutationObserver.disconnect();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this._mutationObserver.disconnect();\n    }\n    /**\n\t * Handles mutations. Mark view elements to sync and call render.\n\t *\n\t * @param domMutations Array of native mutations.\n\t */ _onMutations(domMutations) {\n        // As a result of this.flush() we can have an empty collection.\n        if (domMutations.length === 0) {\n            return;\n        }\n        const domConverter = this.domConverter;\n        // Use map and set for deduplication.\n        const mutatedTextNodes = new Set();\n        const elementsWithMutatedChildren = new Set();\n        // Handle `childList` mutations first, so we will be able to check if the `characterData` mutation is in the\n        // element with changed structure anyway.\n        for (const mutation of domMutations){\n            const element = domConverter.mapDomToView(mutation.target);\n            if (!element) {\n                continue;\n            }\n            // Do not collect mutations from UIElements and RawElements.\n            if (element.is('uiElement') || element.is('rawElement')) {\n                continue;\n            }\n            if (mutation.type === 'childList' && !this._isBogusBrMutation(mutation)) {\n                elementsWithMutatedChildren.add(element);\n            }\n        }\n        // Handle `characterData` mutations later, when we have the full list of nodes which changed structure.\n        for (const mutation of domMutations){\n            const element = domConverter.mapDomToView(mutation.target);\n            // Do not collect mutations from UIElements and RawElements.\n            if (element && (element.is('uiElement') || element.is('rawElement'))) {\n                continue;\n            }\n            if (mutation.type === 'characterData') {\n                const text = domConverter.findCorrespondingViewText(mutation.target);\n                if (text && !elementsWithMutatedChildren.has(text.parent)) {\n                    mutatedTextNodes.add(text);\n                } else if (!text && startsWithFiller(mutation.target)) {\n                    elementsWithMutatedChildren.add(domConverter.mapDomToView(mutation.target.parentNode));\n                }\n            }\n        }\n        // Now we build the list of mutations to mark elements. We did not do it earlier to avoid marking the\n        // same node multiple times in case of duplication.\n        const mutations = [];\n        for (const textNode of mutatedTextNodes){\n            mutations.push({\n                type: 'text',\n                node: textNode\n            });\n        }\n        for (const viewElement of elementsWithMutatedChildren){\n            const domElement = domConverter.mapViewToDom(viewElement);\n            const viewChildren = Array.from(viewElement.getChildren());\n            const newViewChildren = Array.from(domConverter.domChildrenToView(domElement, {\n                withChildren: false\n            }));\n            // It may happen that as a result of many changes (sth was inserted and then removed),\n            // both elements haven't really changed. #1031\n            if (!isEqualWith(viewChildren, newViewChildren, sameNodes)) {\n                mutations.push({\n                    type: 'children',\n                    node: viewElement\n                });\n            }\n        }\n        // In case only non-relevant mutations were recorded it skips the event and force render (#5600).\n        if (mutations.length) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \t_debouncedLine();\n            // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'MutationObserver',\n            // @if CK_DEBUG_TYPING // \t\t'%cMutations detected',\n            // @if CK_DEBUG_TYPING // \t\t'font-weight: bold'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            this.document.fire('mutations', {\n                mutations\n            });\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n        // @if CK_DEBUG_TYPING // }\n        }\n    }\n    /**\n\t * Checks if mutation was generated by the browser inserting bogus br on the end of the block element.\n\t * Such mutations are generated while pressing space or performing native spellchecker correction\n\t * on the end of the block element in Firefox browser.\n\t *\n\t * @param mutation Native mutation object.\n\t */ _isBogusBrMutation(mutation) {\n        let addedNode = null;\n        // Check if mutation added only one node on the end of its parent.\n        if (mutation.nextSibling === null && mutation.removedNodes.length === 0 && mutation.addedNodes.length == 1) {\n            addedNode = this.domConverter.domToView(mutation.addedNodes[0], {\n                withChildren: false\n            });\n        }\n        return addedNode && addedNode.is('element', 'br');\n    }\n}\nfunction sameNodes(child1, child2) {\n    // First level of comparison (array of children vs array of children) – use the es-toolkit's default behavior.\n    if (Array.isArray(child1)) {\n        return;\n    }\n    // Elements.\n    if (child1 === child2) {\n        return true;\n    } else if (child1.is('$text') && child2.is('$text')) {\n        return child1.data === child2.data;\n    }\n    // Not matching types.\n    return false;\n}\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '../../dev-utils/utils.js' );\n/**\n * {@link module:engine/view/document~ViewDocument#event:focus Focus}\n * and {@link module:engine/view/document~ViewDocument#event:blur blur} events observer.\n * Focus observer handle also {@link module:engine/view/rooteditableelement~ViewRootEditableElement#isFocused isFocused} property of the\n * {@link module:engine/view/rooteditableelement~ViewRootEditableElement root elements}.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */ class FocusObserver extends DomEventObserver {\n    /**\n\t * Identifier of the timeout currently used by focus listener to delay rendering execution.\n\t */ _renderTimeoutId = null;\n    /**\n\t * Set to `true` if the document is in the process of setting the focus.\n\t *\n\t * The flag is used to indicate that setting the focus is in progress.\n\t */ _isFocusChanging = false;\n    /**\n\t * @inheritDoc\n\t */ domEventType = [\n        'focus',\n        'blur'\n    ];\n    /**\n\t * @inheritDoc\n\t */ constructor(view){\n        super(view);\n        this.useCapture = true;\n        const document = this.document;\n        document.on('focus', ()=>this._handleFocus());\n        document.on('blur', (evt, data)=>this._handleBlur(data));\n        // Focus the editor in cases where browser dispatches `beforeinput` event to a not-focused editable element.\n        // This is flushed by the beforeinput listener in the `InsertTextObserver`.\n        // Note that focus is set only if the document is not focused yet.\n        // See https://github.com/ckeditor/ckeditor5/issues/14702.\n        document.on('beforeinput', ()=>{\n            if (!document.isFocused) {\n                this._handleFocus();\n            }\n        }, {\n            priority: 'highest'\n        });\n    }\n    /**\n\t * Finishes setting the document focus state.\n\t */ flush() {\n        if (this._isFocusChanging) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \t_debouncedLine();\n            // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'FocusObserver',\n            // @if CK_DEBUG_TYPING // \t\t'flush focus'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            this._isFocusChanging = false;\n            this.document.isFocused = true;\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n        // @if CK_DEBUG_TYPING // }\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvent) {\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \t_debouncedLine();\n        // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'FocusObserver',\n        // @if CK_DEBUG_TYPING // \t\t`${ domEvent.type } event`\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'FocusObserver',\n        // @if CK_DEBUG_TYPING // \t\t'DOM target:',\n        // @if CK_DEBUG_TYPING // \t\t{ target: domEvent.target, relatedTarget: domEvent.relatedTarget }\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // \tconst domSelection = window.getSelection();\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'FocusObserver',\n        // @if CK_DEBUG_TYPING // \t\t'DOM Selection:',\n        // @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.anchorNode, offset: domSelection!.anchorOffset },\n        // @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.focusNode, offset: domSelection!.focusOffset }\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        this.fire(domEvent.type, domEvent);\n    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n    // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n    // @if CK_DEBUG_TYPING // }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this._clearTimeout();\n        super.destroy();\n    }\n    /**\n\t * The `focus` event handler.\n\t */ _handleFocus() {\n        this._clearTimeout();\n        this._isFocusChanging = true;\n        // Unfortunately native `selectionchange` event is fired asynchronously.\n        // We need to wait until `SelectionObserver` handle the event and then render. Otherwise rendering will\n        // overwrite new DOM selection with selection from the view.\n        // See https://github.com/ckeditor/ckeditor5-engine/issues/795 for more details.\n        // Long timeout is needed to solve #676 and https://github.com/ckeditor/ckeditor5-engine/issues/1157 issues.\n        //\n        // Using `view.change()` instead of `view.forceRender()` to prevent double rendering\n        // in a situation where `selectionchange` already caused selection change.\n        this._renderTimeoutId = setTimeout(()=>{\n            this._renderTimeoutId = null;\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'FocusObserver',\n            // @if CK_DEBUG_TYPING // \t\t'flush on timeout'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            this.flush();\n            this.view.change(()=>{});\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n        // @if CK_DEBUG_TYPING // }\n        }, 50);\n    }\n    /**\n\t * The `blur` event handler.\n\t */ _handleBlur(data) {\n        const selectedEditable = this.document.selection.editableElement;\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'FocusObserver',\n        // @if CK_DEBUG_TYPING // \t\t'selectedEditable:',\n        // @if CK_DEBUG_TYPING // \t\t{ selectedEditable }\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        if (selectedEditable === null || selectedEditable === data.target) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'FocusObserver',\n            // @if CK_DEBUG_TYPING // \t\t'document no longer focused'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            this.document.isFocused = false;\n            this._isFocusChanging = false;\n            // Re-render the document to update view elements\n            // (changing document.isFocused already marked view as changed since last rendering).\n            this.view.change(()=>{});\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n        // @if CK_DEBUG_TYPING // }\n        }\n    }\n    /**\n\t * Clears timeout.\n\t */ _clearTimeout() {\n        if (this._renderTimeoutId) {\n            clearTimeout(this._renderTimeoutId);\n            this._renderTimeoutId = null;\n        }\n    }\n}\n\n/**\n * Selection observer class observes selection changes in the document. If a selection changes on the document this\n * observer checks if the DOM selection is different from the {@link module:engine/view/document~ViewDocument#selection view selection}.\n * The selection observer fires {@link module:engine/view/document~ViewDocument#event:selectionChange} event only if\n * a selection change was the only change in the document and the DOM selection is different from the view selection.\n *\n * This observer also manages the {@link module:engine/view/document~ViewDocument#isSelecting} property of the view document.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */ class SelectionObserver extends Observer {\n    /**\n\t * Instance of the mutation observer. Selection observer calls\n\t * {@link module:engine/view/observer/mutationobserver~MutationObserver#flush} to ensure that the mutations will be handled\n\t * before the {@link module:engine/view/document~ViewDocument#event:selectionChange} event is fired.\n\t */ mutationObserver;\n    /**\n\t * Instance of the focus observer. Focus observer calls\n\t * {@link module:engine/view/observer/focusobserver~FocusObserver#flush} to mark the latest focus change as complete.\n\t */ focusObserver;\n    /**\n\t * Reference to the view {@link module:engine/view/documentselection~ViewDocumentSelection} object used to compare\n\t * new selection with it.\n\t */ selection;\n    /**\n\t * Reference to the {@link module:engine/view/view~EditingView#domConverter}.\n\t */ domConverter;\n    /**\n\t * A set of documents which have added `selectionchange` listener to avoid adding a listener twice to the same\n\t * document.\n\t */ _documents = new WeakSet();\n    /**\n\t * Fires debounced event `selectionChangeDone`. It uses `es-toolkit#debounce` method to delay function call.\n\t */ _fireSelectionChangeDoneDebounced;\n    /**\n\t * When called, starts clearing the {@link #_loopbackCounter} counter in time intervals. When the number of selection\n\t * changes exceeds a certain limit within the interval of time, the observer will not fire `selectionChange` but warn about\n\t * possible infinite selection loop.\n\t */ _clearInfiniteLoopInterval;\n    /**\n\t * Unlocks the `isSelecting` state of the view document in case the selection observer did not record this fact\n\t * correctly (for whatever reason). It is a safeguard (paranoid check), that returns document to the normal state\n\t * after a certain period of time (debounced, postponed by each selectionchange event).\n\t */ _documentIsSelectingInactivityTimeoutDebounced;\n    /**\n\t * Private property to check if the code does not enter infinite loop.\n\t */ _loopbackCounter = 0;\n    /**\n\t * A set of DOM documents that have a pending selection change.\n\t * Pending selection change is recorded while selection change event is detected on non focused editable.\n\t */ _pendingSelectionChange = new Set();\n    constructor(view){\n        super(view);\n        this.mutationObserver = view.getObserver(MutationObserver);\n        this.focusObserver = view.getObserver(FocusObserver);\n        this.selection = this.document.selection;\n        this.domConverter = view.domConverter;\n        this._fireSelectionChangeDoneDebounced = debounce((data)=>{\n            this.document.fire('selectionChangeDone', data);\n        }, 200);\n        this._clearInfiniteLoopInterval = setInterval(()=>this._clearInfiniteLoop(), 1000);\n        this._documentIsSelectingInactivityTimeoutDebounced = debounce(()=>this.document.isSelecting = false, 5000);\n        this.view.document.on('change:isFocused', (evt, name, isFocused)=>{\n            if (isFocused && this._pendingSelectionChange.size) {\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n                // @if CK_DEBUG_TYPING // \t\t'Flush pending selection change'\n                // @if CK_DEBUG_TYPING // \t) );\n                // @if CK_DEBUG_TYPING // }\n                // Iterate over a copy of set because it is modified in selection change handler.\n                for (const domDocument of Array.from(this._pendingSelectionChange)){\n                    this._handleSelectionChange(domDocument);\n                }\n                this._pendingSelectionChange.clear();\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ observe(domElement) {\n        const domDocument = domElement.ownerDocument;\n        const startDocumentIsSelecting = ()=>{\n            this.document.isSelecting = true;\n            // Let's activate the safety timeout each time the document enters the \"is selecting\" state.\n            this._documentIsSelectingInactivityTimeoutDebounced();\n        };\n        const endDocumentIsSelecting = ()=>{\n            if (!this.document.isSelecting) {\n                return;\n            }\n            // Make sure that model selection is up-to-date at the end of selecting process.\n            // Sometimes `selectionchange` events could arrive after the `mouseup` event and that selection could be already outdated.\n            this._handleSelectionChange(domDocument);\n            this.document.isSelecting = false;\n            // The safety timeout can be canceled when the document leaves the \"is selecting\" state.\n            this._documentIsSelectingInactivityTimeoutDebounced.cancel();\n        };\n        // The document has the \"is selecting\" state while the user keeps making (extending) the selection\n        // (e.g. by holding the mouse button and moving the cursor). The state resets when they either released\n        // the mouse button or interrupted the process by pressing or releasing any key.\n        this.listenTo(domElement, 'selectstart', startDocumentIsSelecting, {\n            priority: 'highest'\n        });\n        this.listenTo(domElement, 'keydown', endDocumentIsSelecting, {\n            priority: 'highest',\n            useCapture: true\n        });\n        this.listenTo(domElement, 'keyup', endDocumentIsSelecting, {\n            priority: 'highest',\n            useCapture: true\n        });\n        // Add document-wide listeners only once. This method could be called for multiple editing roots.\n        if (this._documents.has(domDocument)) {\n            return;\n        }\n        // This listener is using capture mode to make sure that selection is upcasted before any other\n        // handler would like to check it and update (for example table multi cell selection).\n        this.listenTo(domDocument, 'mouseup', endDocumentIsSelecting, {\n            priority: 'highest',\n            useCapture: true\n        });\n        this.listenTo(domDocument, 'selectionchange', ()=>{\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \t_debouncedLine();\n            // @if CK_DEBUG_TYPING // \tconst domSelection = domDocument.defaultView!.getSelection();\n            // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'SelectionObserver',\n            // @if CK_DEBUG_TYPING // \t\t'selectionchange'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n            // @if CK_DEBUG_TYPING // \t\t'DOM Selection:',\n            // @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.anchorNode, offset: domSelection!.anchorOffset },\n            // @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.focusNode, offset: domSelection!.focusOffset }\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            // The Renderer is disabled while composing on non-android browsers, so we can't update the view selection\n            // because the DOM and view tree drifted apart. Position mapping could fail because of it.\n            if (this.document.isComposing && !env.isAndroid) {\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n                // @if CK_DEBUG_TYPING //\t\t'Selection change ignored (isComposing)'\n                // @if CK_DEBUG_TYPING //\t) );\n                // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n                // @if CK_DEBUG_TYPING // }\n                return;\n            }\n            this._handleSelectionChange(domDocument);\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n            // @if CK_DEBUG_TYPING // }\n            // Defer the safety timeout when the selection changes (e.g. the user keeps extending the selection\n            // using their mouse).\n            this._documentIsSelectingInactivityTimeoutDebounced();\n        });\n        // Update the model ViewDocumentSelection just after the Renderer and the SelectionObserver are locked.\n        // We do this synchronously (without waiting for the `selectionchange` DOM event) as browser updates\n        // the DOM selection (but not visually) to span the text that is under composition and could be replaced.\n        this.listenTo(this.view.document, 'compositionstart', ()=>{\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconst domSelection = domDocument.defaultView!.getSelection();\n            // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'SelectionObserver',\n            // @if CK_DEBUG_TYPING // \t\t'update selection on compositionstart'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n            // @if CK_DEBUG_TYPING // \t\t'DOM Selection:',\n            // @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.anchorNode, offset: domSelection!.anchorOffset },\n            // @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.focusNode, offset: domSelection!.focusOffset }\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            this._handleSelectionChange(domDocument);\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n        // @if CK_DEBUG_TYPING // }\n        }, {\n            priority: 'lowest'\n        });\n        this._documents.add(domDocument);\n    }\n    /**\n\t * @inheritDoc\n\t */ stopObserving(domElement) {\n        this.stopListening(domElement);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        clearInterval(this._clearInfiniteLoopInterval);\n        this._fireSelectionChangeDoneDebounced.cancel();\n        this._documentIsSelectingInactivityTimeoutDebounced.cancel();\n    }\n    /* istanbul ignore next -- @preserve */ _reportInfiniteLoop() {\n    // @if CK_DEBUG //\t\tthrow new Error(\n    // @if CK_DEBUG //\t\t\t'Selection change observer detected an infinite rendering loop.\\n\\n' +\n    // @if CK_DEBUG //\t \t\t'⚠️⚠️ Report this error on https://github.com/ckeditor/ckeditor5/issues/11658.'\n    // @if CK_DEBUG //\t\t);\n    }\n    /**\n\t * Selection change listener. {@link module:engine/view/observer/mutationobserver~MutationObserver#flush Flush} mutations, check if\n\t * a selection changes and fires {@link module:engine/view/document~ViewDocument#event:selectionChange} event on every change\n\t * and {@link module:engine/view/document~ViewDocument#event:selectionChangeDone} when a selection stop changing.\n\t *\n\t * @param domDocument DOM document.\n\t */ _handleSelectionChange(domDocument) {\n        if (!this.isEnabled) {\n            return;\n        }\n        const domSelection = domDocument.defaultView.getSelection();\n        if (this.checkShouldIgnoreEventFromTarget(domSelection.anchorNode)) {\n            return;\n        }\n        // Ensure the mutation event will be before selection event on all browsers.\n        this.mutationObserver.flush();\n        const newViewSelection = this.domConverter.domSelectionToView(domSelection);\n        // Do not convert selection change if the new view selection has no ranges in it.\n        //\n        // It means that the DOM selection is in some way incorrect. Ranges that were in the DOM selection could not be\n        // converted to the view. This happens when the DOM selection was moved outside of the editable element.\n        if (newViewSelection.rangeCount == 0) {\n            this.view.hasDomSelection = false;\n            return;\n        }\n        this.view.hasDomSelection = true;\n        // Mark the latest focus change as complete (we got new selection after the focus so the selection is in the focused element).\n        this.focusObserver.flush();\n        // Ignore selection change as the editable is not focused. Note that in read-only mode, we have to update\n        // the model selection as there won't be any focus change to flush the pending selection changes.\n        if (!this.view.document.isFocused && !this.view.document.isReadOnly) {\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n            // @if CK_DEBUG_TYPING // \t\t'Ignore selection change while editable is not focused'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            this._pendingSelectionChange.add(domDocument);\n            return;\n        }\n        this._pendingSelectionChange.delete(domDocument);\n        if (this.selection.isEqual(newViewSelection) && this.domConverter.isDomSelectionCorrect(domSelection)) {\n            return;\n        }\n        // Ensure we are not in the infinite loop (#400).\n        // This counter is reset each second. 60 selection changes in 1 second is enough high number\n        // to be very difficult (impossible) to achieve using just keyboard keys (during normal editor use).\n        if (++this._loopbackCounter > 60) {\n            // Selection change observer detected an infinite rendering loop.\n            // Most probably you try to put the selection in the position which is not allowed\n            // by the browser and browser fixes it automatically what causes `selectionchange` event on\n            // which a loopback through a model tries to re-render the wrong selection and again.\n            this._reportInfiniteLoop();\n            return;\n        }\n        if (!isSelectionWithinRootElements(newViewSelection)) {\n            // Occasionally, such as when removing markers during a focus change, the selection may end up inside a view element\n            // whose parent has already been detached from the DOM. In most cases this is harmless, but if the selectionchange\n            // event fires before the view is fully synchronized with the DOM converter, some elements in the selection may become orphans.\n            // This can result in the view being out of sync with the actual DOM structure.\n            // See: https://github.com/ckeditor/ckeditor5/issues/18744\n            this.view.forceRender();\n        } else if (this.selection.isSimilar(newViewSelection)) {\n            // If selection was equal and we are at this point of algorithm, it means that it was incorrect.\n            // Just re-render it, no need to fire any events, etc.\n            this.view.forceRender();\n        } else {\n            const data = {\n                oldSelection: this.selection,\n                newSelection: newViewSelection,\n                domSelection\n            };\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n            // @if CK_DEBUG_TYPING // \t\t'Fire selection change:',\n            // @if CK_DEBUG_TYPING // \t\tnewViewSelection.getFirstRange()\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            // Prepare data for new selection and fire appropriate events.\n            this.document.fire('selectionChange', data);\n            // Call `#_fireSelectionChangeDoneDebounced` every time when `selectionChange` event is fired.\n            // This function is debounced what means that `selectionChangeDone` event will be fired only when\n            // defined int the function time will elapse since the last time the function was called.\n            // So `selectionChangeDone` will be fired when selection will stop changing.\n            this._fireSelectionChangeDoneDebounced(data);\n        }\n    }\n    /**\n\t * Clears `SelectionObserver` internal properties connected with preventing infinite loop.\n\t */ _clearInfiniteLoop() {\n        this._loopbackCounter = 0;\n    }\n}\n/**\n * Checks if all roots of the selection's range boundaries are root elements.\n * Returns true if the selection is fully contained within root elements (not orphaned).\n *\n * @param selection The view selection to check.\n * @returns True if all range boundaries are within root elements, false otherwise.\n */ function isSelectionWithinRootElements(selection) {\n    return Array.from(selection.getRanges()).flatMap((range)=>[\n            range.start.root,\n            range.end.root\n        ]).every((root)=>root && root.is('rootElement'));\n}\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '../../dev-utils/utils.js' );\n/**\n * {@link module:engine/view/document~ViewDocument#event:compositionstart Compositionstart},\n * {@link module:engine/view/document~ViewDocument#event:compositionupdate compositionupdate} and\n * {@link module:engine/view/document~ViewDocument#event:compositionend compositionend} events observer.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */ class CompositionObserver extends DomEventObserver {\n    /**\n\t * @inheritDoc\n\t */ domEventType = [\n        'compositionstart',\n        'compositionupdate',\n        'compositionend'\n    ];\n    /**\n\t * @inheritDoc\n\t */ constructor(view){\n        super(view);\n        const document = this.document;\n        document.on('compositionstart', ()=>{\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'CompositionObserver',\n            // @if CK_DEBUG_TYPING // \t\t'%c┌───────────────────────────── isComposing = true ─────────────────────────────┐',\n            // @if CK_DEBUG_TYPING // \t\t'font-weight: bold; color: green'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            document.isComposing = true;\n        });\n        document.on('compositionend', ()=>{\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'CompositionObserver',\n            // @if CK_DEBUG_TYPING // \t\t'%c└───────────────────────────── isComposing = false ─────────────────────────────┘',\n            // @if CK_DEBUG_TYPING // \t\t'font-weight: bold; color: green'\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            document.isComposing = false;\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvent) {\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \t_debouncedLine();\n        // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'CompositionObserver',\n        // @if CK_DEBUG_TYPING // \t\t`${ domEvent.type }`\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        this.fire(domEvent.type, domEvent, {\n            data: domEvent.data\n        });\n    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n    // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n    // @if CK_DEBUG_TYPING // }\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module engine/view/datatransfer\n */ /**\n * A facade over the native [`DataTransfer`](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer) object.\n */ class ViewDataTransfer {\n    /**\n\t * The array of files created from the native `DataTransfer#files` or `DataTransfer#items`.\n\t */ _files;\n    /**\n\t * The native DataTransfer object.\n\t */ _native;\n    /**\n\t * @param nativeDataTransfer The native [`DataTransfer`](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer) object.\n\t * @param options.cacheFiles Whether `files` list should be initialized in the constructor.\n\t */ constructor(nativeDataTransfer, options = {}){\n        // We should store references to the File instances in case someone would like to process this files\n        // outside the event handler. Files are stored only for `drop` and `paste` events because they are not usable\n        // in other events and are generating a huge delay on Firefox while dragging.\n        // See https://github.com/ckeditor/ckeditor5/issues/13366.\n        this._files = options.cacheFiles ? getFiles(nativeDataTransfer) : null;\n        this._native = nativeDataTransfer;\n    }\n    /**\n\t * The array of files created from the native `DataTransfer#files` or `DataTransfer#items`.\n\t */ get files() {\n        if (!this._files) {\n            this._files = getFiles(this._native);\n        }\n        return this._files;\n    }\n    /**\n\t * Returns an array of available native content types.\n\t */ get types() {\n        return this._native.types;\n    }\n    /**\n\t * Gets the data from the data transfer by its MIME type.\n\t *\n\t * ```ts\n\t * dataTransfer.getData( 'text/plain' );\n\t * ```\n\t *\n\t * @param type The MIME type. E.g. `text/html` or `text/plain`.\n\t */ getData(type) {\n        return this._native.getData(type);\n    }\n    /**\n\t * Sets the data in the data transfer.\n\t *\n\t * @param type The MIME type. E.g. `text/html` or `text/plain`.\n\t */ setData(type, data) {\n        this._native.setData(type, data);\n    }\n    /**\n\t * The effect that is allowed for a drag operation.\n\t */ set effectAllowed(value) {\n        this._native.effectAllowed = value;\n    }\n    get effectAllowed() {\n        return this._native.effectAllowed;\n    }\n    /**\n\t * The actual drop effect.\n\t */ set dropEffect(value) {\n        this._native.dropEffect = value;\n    }\n    get dropEffect() {\n        return this._native.dropEffect;\n    }\n    /**\n\t * Set a preview image of the dragged content.\n\t */ setDragImage(image, x, y) {\n        this._native.setDragImage(image, x, y);\n    }\n    /**\n\t * Whether the dragging operation was canceled.\n\t */ get isCanceled() {\n        return this._native.dropEffect == 'none' || !!this._native.mozUserCancelled;\n    }\n}\nfunction getFiles(nativeDataTransfer) {\n    // DataTransfer.files and items are array-like and might not have an iterable interface.\n    const files = Array.from(nativeDataTransfer.files || []);\n    const items = Array.from(nativeDataTransfer.items || []);\n    if (files.length) {\n        return files;\n    }\n    // Chrome has empty DataTransfer.files, but allows getting files through the items interface.\n    return items.filter((item)=>item.kind === 'file').map((item)=>item.getAsFile());\n}\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '../../dev-utils/utils.js' );\n/**\n * Observer for events connected with data input.\n *\n * **Note**: This observer is attached by {@link module:engine/view/view~EditingView} and available by default in all\n * editor instances.\n */ class InputObserver extends DomEventObserver {\n    /**\n\t * @inheritDoc\n\t */ domEventType = 'beforeinput';\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvent) {\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \t_debouncedLine();\n        // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'InputObserver',\n        // @if CK_DEBUG_TYPING // \t\t`${ domEvent.type }: ${ domEvent.inputType } - ${ domEvent.isComposing ? 'is' : 'not' } composing`,\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        const domTargetRanges = domEvent.getTargetRanges();\n        const view = this.view;\n        const viewDocument = view.document;\n        let dataTransfer = null;\n        let data = null;\n        let targetRanges = [];\n        if (domEvent.dataTransfer) {\n            dataTransfer = new ViewDataTransfer(domEvent.dataTransfer);\n        }\n        if (domEvent.data !== null) {\n            data = domEvent.data;\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n        // @if CK_DEBUG_TYPING // \t\t`%cevent data: %c${ JSON.stringify( data ) }`,\n        // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n        // @if CK_DEBUG_TYPING // \t\t'color: blue;'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        } else if (dataTransfer) {\n            data = dataTransfer.getData('text/plain');\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n        // @if CK_DEBUG_TYPING // \t\t`%cevent data transfer: %c${ JSON.stringify( data ) }`,\n        // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n        // @if CK_DEBUG_TYPING // \t\t'color: blue;'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        }\n        // If the editor selection is fake (an object is selected), the DOM range does not make sense because it is anchored\n        // in the fake selection container.\n        if (viewDocument.selection.isFake) {\n            // Future-proof: in case of multi-range fake selections being possible.\n            targetRanges = Array.from(viewDocument.selection.getRanges());\n            // Do not allow typing inside a fake selection container, we will handle it manually.\n            domEvent.preventDefault();\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n        // @if CK_DEBUG_TYPING // \t\t'%cusing fake selection:',\n        // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n        // @if CK_DEBUG_TYPING // \t\ttargetRanges,\n        // @if CK_DEBUG_TYPING // \t\tviewDocument.selection.isFake ? 'fake view selection' : 'fake DOM parent'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        } else if (domTargetRanges.length) {\n            targetRanges = domTargetRanges.map((domRange)=>{\n                // Sometimes browser provides range that starts before editable node.\n                // We try to fall back to collapsed range at the valid end position.\n                // See https://github.com/ckeditor/ckeditor5/issues/14411.\n                // See https://github.com/ckeditor/ckeditor5/issues/14050.\n                let viewStart = view.domConverter.domPositionToView(domRange.startContainer, domRange.startOffset);\n                const viewEnd = view.domConverter.domPositionToView(domRange.endContainer, domRange.endOffset);\n                // When text replacement is enabled and browser tries to replace double space with dot, and space,\n                // but the first space is no longer where browser put it (it was moved to an attribute element),\n                // then we must extend the target range so it does not include a part of an inline filler.\n                if (viewStart && startsWithFiller(domRange.startContainer) && domRange.startOffset < INLINE_FILLER_LENGTH) {\n                    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                    // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n                    // @if CK_DEBUG_TYPING // \t\t'%cTarget range starts in an inline filler - adjusting it',\n                    // @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n                    // @if CK_DEBUG_TYPING // \t) );\n                    // @if CK_DEBUG_TYPING // }\n                    domEvent.preventDefault();\n                    let count = INLINE_FILLER_LENGTH - domRange.startOffset;\n                    viewStart = viewStart.getLastMatchingPosition((value)=>{\n                        // Ignore attribute and UI elements but stop on container elements.\n                        if (value.item.is('attributeElement') || value.item.is('uiElement')) {\n                            return true;\n                        }\n                        // Skip as many characters as inline filler was overlapped.\n                        if (value.item.is('$textProxy') && count--) {\n                            return true;\n                        }\n                        return false;\n                    }, {\n                        direction: 'backward',\n                        singleCharacters: true\n                    });\n                }\n                // Check if there is no an inline filler just after the target range.\n                if (isFollowedByInlineFiller(domRange.endContainer, domRange.endOffset)) {\n                    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                    // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n                    // @if CK_DEBUG_TYPING // \t\t'%cTarget range ends just before an inline filler - prevent default behavior',\n                    // @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n                    // @if CK_DEBUG_TYPING // \t) );\n                    // @if CK_DEBUG_TYPING // }\n                    domEvent.preventDefault();\n                }\n                if (viewStart) {\n                    return view.createRange(viewStart, viewEnd);\n                } else if (viewEnd) {\n                    return view.createRange(viewEnd);\n                }\n            }).filter((range)=>!!range);\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n        // @if CK_DEBUG_TYPING // \t\t'%cusing target ranges:',\n        // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n        // @if CK_DEBUG_TYPING // \t\ttargetRanges\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        } else if (env.isAndroid) {\n            const domSelection = domEvent.target.ownerDocument.defaultView.getSelection();\n            targetRanges = Array.from(view.domConverter.domSelectionToView(domSelection).getRanges());\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n        // @if CK_DEBUG_TYPING // \t\t'%cusing selection ranges:',\n        // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n        // @if CK_DEBUG_TYPING // \t\ttargetRanges\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        }\n        // Android sometimes fires insertCompositionText with a new-line character at the end of the data\n        // instead of firing insertParagraph beforeInput event.\n        // Fire the correct type of beforeInput event and ignore the replaced fragment of text because\n        // it wants to replace \"test\" with \"test\\n\".\n        // https://github.com/ckeditor/ckeditor5/issues/12368.\n        if (env.isAndroid && domEvent.inputType == 'insertCompositionText' && data && data.endsWith('\\n')) {\n            this.fire(domEvent.type, domEvent, {\n                inputType: 'insertParagraph',\n                targetRanges: [\n                    view.createRange(targetRanges[0].end)\n                ]\n            });\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n            // @if CK_DEBUG_TYPING // }\n            return;\n        }\n        // Normalize the insertText data that includes new-line characters.\n        // https://github.com/ckeditor/ckeditor5/issues/2045.\n        if ([\n            'insertText',\n            'insertReplacementText'\n        ].includes(domEvent.inputType) && data && data.includes('\\n')) {\n            // There might be a single new-line or double for new paragraph, but we translate\n            // it to paragraphs as it is our default action for enter handling.\n            const parts = data.split(/\\n{1,2}/g);\n            let partTargetRanges = targetRanges;\n            // Handle all parts on our side as we rely on paragraph inserting and synchronously updated view selection.\n            domEvent.preventDefault();\n            for(let i = 0; i < parts.length; i++){\n                const dataPart = parts[i];\n                if (dataPart != '') {\n                    this.fire(domEvent.type, domEvent, {\n                        data: dataPart,\n                        dataTransfer,\n                        targetRanges: partTargetRanges,\n                        inputType: domEvent.inputType,\n                        isComposing: domEvent.isComposing\n                    });\n                    // Use the result view selection so following events will be added one after another.\n                    partTargetRanges = [\n                        viewDocument.selection.getFirstRange()\n                    ];\n                }\n                if (i + 1 < parts.length) {\n                    this.fire(domEvent.type, domEvent, {\n                        inputType: 'insertParagraph',\n                        targetRanges: partTargetRanges\n                    });\n                    // Use the result view selection so following events will be added one after another.\n                    partTargetRanges = [\n                        viewDocument.selection.getFirstRange()\n                    ];\n                }\n            }\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n            // @if CK_DEBUG_TYPING // }\n            return;\n        }\n        // Fire the normalized beforeInput event.\n        this.fire(domEvent.type, domEvent, {\n            data,\n            dataTransfer,\n            targetRanges,\n            inputType: domEvent.inputType,\n            isComposing: domEvent.isComposing\n        });\n    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n    // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n    // @if CK_DEBUG_TYPING // }\n    }\n}\n/**\n * Returns `true` if there is an inline filler just after the position in DOM.\n * It walks up the DOM tree if the offset is at the end of the node.\n */ function isFollowedByInlineFiller(node, offset) {\n    while(node.parentNode){\n        if (isText(node)) {\n            if (offset != node.data.length) {\n                return false;\n            }\n        } else {\n            if (offset != node.childNodes.length) {\n                return false;\n            }\n        }\n        offset = indexOf(node) + 1;\n        node = node.parentNode;\n        if (offset < node.childNodes.length && startsWithFiller(node.childNodes[offset])) {\n            return true;\n        }\n    }\n    return false;\n}\n\n/**\n * Arrow keys observer introduces the {@link module:engine/view/document~ViewDocument#event:arrowKey `Document#arrowKey`} event.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */ class ArrowKeysObserver extends Observer {\n    /**\n\t * @inheritDoc\n\t */ constructor(view){\n        super(view);\n        this.document.on('keydown', (event, data)=>{\n            if (this.isEnabled && isArrowKeyCode(data.keyCode)) {\n                const eventInfo = new BubblingEventInfo(this.document, 'arrowKey', this.document.selection.getFirstRange());\n                this.document.fire(eventInfo, data);\n                if (eventInfo.stop.called) {\n                    event.stop();\n                }\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ observe() {}\n    /**\n\t * @inheritDoc\n\t */ stopObserving() {}\n}\n\n/**\n * Tab observer introduces the {@link module:engine/view/document~ViewDocument#event:tab `Document#tab`} event.\n *\n * Note that because {@link module:engine/view/observer/tabobserver~TabObserver} is attached by the\n * {@link module:engine/view/view~EditingView}, this event is available by default.\n */ class TabObserver extends Observer {\n    /**\n\t * @inheritDoc\n\t */ constructor(view){\n        super(view);\n        const doc = this.document;\n        doc.on('keydown', (evt, data)=>{\n            if (!this.isEnabled || data.keyCode != keyCodes.tab || data.ctrlKey) {\n                return;\n            }\n            const event = new BubblingEventInfo(doc, 'tab', doc.selection.getFirstRange());\n            doc.fire(event, data);\n            if (event.stop.called) {\n                evt.stop();\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ observe() {}\n    /**\n\t * @inheritDoc\n\t */ stopObserving() {}\n}\n\n/**\n * Editor's view controller class. Its main responsibility is DOM - View management for editing purposes, to provide\n * abstraction over the DOM structure and events and hide all browsers quirks.\n *\n * View controller renders view document to DOM whenever view structure changes. To determine when view can be rendered,\n * all changes need to be done using the {@link module:engine/view/view~EditingView#change} method, using\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter}:\n *\n * ```ts\n * view.change( writer => {\n * \twriter.insert( position, writer.createText( 'foo' ) );\n * } );\n * ```\n *\n * View controller also register {@link module:engine/view/observer/observer~Observer observers} which observes changes\n * on DOM and fire events on the {@link module:engine/view/document~ViewDocument Document}.\n * Note that the following observers are added by the class constructor and are always available:\n *\n * * {@link module:engine/view/observer/selectionobserver~SelectionObserver},\n * * {@link module:engine/view/observer/focusobserver~FocusObserver},\n * * {@link module:engine/view/observer/keyobserver~KeyObserver},\n * * {@link module:engine/view/observer/fakeselectionobserver~FakeSelectionObserver}.\n * * {@link module:engine/view/observer/compositionobserver~CompositionObserver}.\n * * {@link module:engine/view/observer/inputobserver~InputObserver}.\n * * {@link module:engine/view/observer/arrowkeysobserver~ArrowKeysObserver}.\n * * {@link module:engine/view/observer/tabobserver~TabObserver}.\n *\n * This class also {@link module:engine/view/view~EditingView#attachDomRoot binds the DOM and the view elements}.\n *\n * If you do not need full a DOM - view management, and only want to transform a tree of view elements to a tree of DOM\n * elements you do not need this controller. You can use the {@link module:engine/view/domconverter~ViewDomConverter ViewDomConverter}\n * instead.\n */ class EditingView extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * Instance of the {@link module:engine/view/document~ViewDocument} associated with this view controller.\n\t */ document;\n    /**\n\t * Instance of the {@link module:engine/view/domconverter~ViewDomConverter domConverter} used by\n\t * {@link module:engine/view/view~EditingView#_renderer renderer}\n\t * and {@link module:engine/view/observer/observer~Observer observers}.\n\t */ domConverter;\n    /**\n\t * Roots of the DOM tree. Map on the `HTMLElement`s with roots names as keys.\n\t */ domRoots = new Map();\n    /**\n\t * Instance of the {@link module:engine/view/renderer~ViewRenderer renderer}.\n\t */ _renderer;\n    /**\n\t * A DOM root attributes cache. It saves the initial values of DOM root attributes before the DOM element\n\t * is {@link module:engine/view/view~EditingView#attachDomRoot attached} to the view so later on, when\n\t * the view is destroyed ({@link module:engine/view/view~EditingView#detachDomRoot}), they can be easily restored.\n\t * This way, the DOM element can go back to the (clean) state as if the editing view never used it.\n\t */ _initialDomRootAttributes = new WeakMap();\n    /**\n\t * Map of registered {@link module:engine/view/observer/observer~Observer observers}.\n\t */ _observers = new Map();\n    /**\n\t * ViewDowncastWriter instance used in {@link #change change method} callbacks.\n\t */ _writer;\n    /**\n\t * Is set to `true` when {@link #change view changes} are currently in progress.\n\t */ _ongoingChange = false;\n    /**\n\t * Used to prevent calling {@link #forceRender} and {@link #change} during rendering view to the DOM.\n\t */ _postFixersInProgress = false;\n    /**\n\t * Internal flag to temporary disable rendering. See the usage in the {@link #_disableRendering}.\n\t */ _renderingDisabled = false;\n    /**\n\t * Internal flag that disables rendering when there are no changes since the last rendering.\n\t * It stores information about changed selection and changed elements from attached document roots.\n\t */ _hasChangedSinceTheLastRendering = false;\n    /**\n\t * @param stylesProcessor The styles processor instance.\n\t */ constructor(stylesProcessor){\n        super();\n        this.document = new ViewDocument(stylesProcessor);\n        this.domConverter = new ViewDomConverter(this.document);\n        this.set('isRenderingInProgress', false);\n        this.set('hasDomSelection', false);\n        this._renderer = new ViewRenderer(this.domConverter, this.document.selection);\n        this._renderer.bind('isFocused', 'isSelecting', 'isComposing').to(this.document, 'isFocused', 'isSelecting', 'isComposing');\n        this._writer = new ViewDowncastWriter(this.document);\n        // Add default observers.\n        // Make sure that this list matches AlwaysRegisteredViewObservers type.\n        this.addObserver(MutationObserver);\n        this.addObserver(FocusObserver);\n        this.addObserver(SelectionObserver);\n        this.addObserver(KeyObserver);\n        this.addObserver(FakeSelectionObserver);\n        this.addObserver(CompositionObserver);\n        this.addObserver(ArrowKeysObserver);\n        this.addObserver(InputObserver);\n        this.addObserver(TabObserver);\n        // Inject quirks handlers.\n        injectQuirksHandling(this);\n        injectUiElementHandling(this);\n        // Use 'normal' priority so that rendering is performed as first when using that priority.\n        this.on('render', ()=>{\n            this._render();\n            // Informs that layout has changed after render.\n            this.document.fire('layoutChanged');\n            // Reset the `_hasChangedSinceTheLastRendering` flag after rendering.\n            this._hasChangedSinceTheLastRendering = false;\n        });\n        // Listen to the document selection changes directly.\n        this.listenTo(this.document.selection, 'change', ()=>{\n            this._hasChangedSinceTheLastRendering = true;\n        });\n        // Trigger re-render if only the focus changed.\n        this.listenTo(this.document, 'change:isFocused', ()=>{\n            this._hasChangedSinceTheLastRendering = true;\n        });\n        // Remove ranges from DOM selection if editor is blurred.\n        // See https://github.com/ckeditor/ckeditor5/issues/5753.\n        if (env.isiOS) {\n            this.listenTo(this.document, 'blur', (evt, data)=>{\n                const relatedViewElement = this.domConverter.mapDomToView(data.domEvent.relatedTarget);\n                // Do not modify DOM selection if focus is moved to other editable of the same editor.\n                if (!relatedViewElement) {\n                    this.domConverter._clearDomSelection();\n                }\n            });\n        }\n        // Listen to external content mutations (directly in the DOM) and mark them to get verified by the renderer.\n        this.listenTo(this.document, 'mutations', (evt, { mutations })=>{\n            mutations.forEach((mutation)=>this._renderer.markToSync(mutation.type, mutation.node));\n        }, {\n            priority: 'low'\n        });\n        // After all mutated nodes were marked to sync we can trigger view to DOM synchronization\n        // to make sure the DOM structure matches the view.\n        this.listenTo(this.document, 'mutations', ()=>{\n            this.forceRender();\n        }, {\n            priority: 'lowest'\n        });\n    }\n    /**\n\t * Attaches a DOM root element to the view element and enable all observers on that element.\n\t * Also {@link module:engine/view/renderer~ViewRenderer#markToSync mark element} to be synchronized\n\t * with the view what means that all child nodes will be removed and replaced with content of the view root.\n\t *\n\t * This method also will change view element name as the same as tag name of given dom root.\n\t * Name is always transformed to lower case.\n\t *\n\t * **Note:** Use {@link #detachDomRoot `detachDomRoot()`} to revert this action.\n\t *\n\t * @param domRoot DOM root element.\n\t * @param name Name of the root.\n\t */ attachDomRoot(domRoot, name = 'main') {\n        const viewRoot = this.document.getRoot(name);\n        // Set view root name the same as DOM root tag name.\n        viewRoot._name = domRoot.tagName.toLowerCase();\n        const initialDomRootAttributes = {};\n        // 1. Copy and cache the attributes to remember the state of the element before attaching.\n        //    The cached attributes will be restored in detachDomRoot() so the element goes to the\n        //    clean state as if the editing view never used it.\n        // 2. Apply the attributes using the view writer, so they all go under the control of the engine.\n        //    The editing view takes over the attribute management completely because various\n        //    features (e.g. addPlaceholder()) require dynamic changes of those attributes and they\n        //    cannot be managed by the engine and the UI library at the same time.\n        for (const { name, value } of Array.from(domRoot.attributes)){\n            initialDomRootAttributes[name] = value;\n            // Do not use writer.setAttribute() for the class attribute. The EditableUIView class\n            // and its descendants could have already set some using the writer.addClass() on the view\n            // document root. They haven't been rendered yet so they are not present in the DOM root.\n            // Using writer.setAttribute( 'class', ... ) would override them completely.\n            if (name === 'class') {\n                this._writer.addClass(value.split(' '), viewRoot);\n            } else {\n                // There is a chance that some attributes have already been set on the view root before attaching\n                // the DOM root and should be preserved. This is a similar case to the \"class\" attribute except\n                // this time there is no workaround using a some low-level API.\n                if (!viewRoot.hasAttribute(name)) {\n                    this._writer.setAttribute(name, value, viewRoot);\n                }\n            }\n        }\n        this._initialDomRootAttributes.set(domRoot, initialDomRootAttributes);\n        const updateContenteditableAttribute = ()=>{\n            this._writer.setAttribute('contenteditable', (!viewRoot.isReadOnly).toString(), viewRoot);\n            if (viewRoot.isReadOnly) {\n                this._writer.addClass('ck-read-only', viewRoot);\n            } else {\n                this._writer.removeClass('ck-read-only', viewRoot);\n            }\n        };\n        // Set initial value.\n        updateContenteditableAttribute();\n        this.domRoots.set(name, domRoot);\n        this.domConverter.bindElements(domRoot, viewRoot);\n        this._renderer.markToSync('children', viewRoot);\n        this._renderer.markToSync('attributes', viewRoot);\n        this._renderer.domDocuments.add(domRoot.ownerDocument);\n        viewRoot.on('change:children', (evt, node)=>this._renderer.markToSync('children', node));\n        viewRoot.on('change:attributes', (evt, node)=>this._renderer.markToSync('attributes', node));\n        viewRoot.on('change:text', (evt, node)=>this._renderer.markToSync('text', node));\n        viewRoot.on('change:isReadOnly', ()=>this.change(updateContenteditableAttribute));\n        viewRoot.on('change', ()=>{\n            this._hasChangedSinceTheLastRendering = true;\n        });\n        for (const observer of this._observers.values()){\n            observer.observe(domRoot, name);\n        }\n    }\n    /**\n\t * Detaches a DOM root element from the view element and restores its attributes to the state before\n\t * {@link #attachDomRoot `attachDomRoot()`}.\n\t *\n\t * @param name Name of the root to detach.\n\t */ detachDomRoot(name) {\n        const domRoot = this.domRoots.get(name);\n        // Remove all root attributes so the DOM element is \"bare\".\n        Array.from(domRoot.attributes).forEach(({ name })=>domRoot.removeAttribute(name));\n        const initialDomRootAttributes = this._initialDomRootAttributes.get(domRoot);\n        // Revert all view root attributes back to the state before attachDomRoot was called.\n        for(const attribute in initialDomRootAttributes){\n            domRoot.setAttribute(attribute, initialDomRootAttributes[attribute]);\n        }\n        this.domRoots.delete(name);\n        this.domConverter.unbindDomElement(domRoot);\n        for (const observer of this._observers.values()){\n            observer.stopObserving(domRoot);\n        }\n    }\n    /**\n\t * Gets DOM root element.\n\t *\n\t * @param name  Name of the root.\n\t * @returns DOM root element instance.\n\t */ getDomRoot(name = 'main') {\n        return this.domRoots.get(name);\n    }\n    /**\n\t * Creates observer of the given type if not yet created, {@link module:engine/view/observer/observer~Observer#enable enables} it\n\t * and {@link module:engine/view/observer/observer~Observer#observe attaches} to all existing and future\n\t * {@link #domRoots DOM roots}.\n\t *\n\t * Note: Observers are recognized by their constructor (classes). A single observer will be instantiated and used only\n\t * when registered for the first time. This means that features and other components can register a single observer\n\t * multiple times without caring whether it has been already added or not.\n\t *\n\t * @param ObserverConstructor The constructor of an observer to add.\n\t * Should create an instance inheriting from {@link module:engine/view/observer/observer~Observer}.\n\t * @returns Added observer instance.\n\t */ addObserver(ObserverConstructor) {\n        let observer = this._observers.get(ObserverConstructor);\n        if (observer) {\n            return observer;\n        }\n        observer = new ObserverConstructor(this);\n        this._observers.set(ObserverConstructor, observer);\n        for (const [name, domElement] of this.domRoots){\n            observer.observe(domElement, name);\n        }\n        observer.enable();\n        return observer;\n    }\n    /**\n\t * Returns observer of the given type or `undefined` if such observer has not been added yet.\n\t *\n\t * @param ObserverConstructor The constructor of an observer to get.\n\t * @returns Observer instance or undefined.\n\t */ getObserver(ObserverConstructor) {\n        return this._observers.get(ObserverConstructor);\n    }\n    /**\n\t * Disables all added observers.\n\t */ disableObservers() {\n        for (const observer of this._observers.values()){\n            observer.disable();\n        }\n    }\n    /**\n\t * Enables all added observers.\n\t */ enableObservers() {\n        for (const observer of this._observers.values()){\n            observer.enable();\n        }\n    }\n    /**\n\t * Scrolls the page viewport and {@link #domRoots} with their ancestors to reveal the\n\t * caret, **if not already visible to the user**.\n\t *\n\t * **Note**: Calling this method fires the {@link module:engine/view/view~ViewScrollToTheSelectionEvent} event that\n\t * allows custom behaviors.\n\t *\n\t * @param options Additional configuration of the scrolling behavior.\n\t * @param options.viewportOffset A distance between the DOM selection and the viewport boundary to be maintained\n\t * while scrolling to the selection (default is 20px). Setting this value to `0` will reveal the selection precisely at\n\t * the viewport boundary.\n\t * @param options.ancestorOffset A distance between the DOM selection and scrollable DOM root ancestor(s) to be maintained\n\t * while scrolling to the selection (default is 20px). Setting this value to `0` will reveal the selection precisely at\n\t * the scrollable ancestor(s) boundary.\n\t * @param options.alignToTop When set `true`, the DOM selection will be aligned to the top of the viewport if not already visible\n\t * (see `forceScroll` to learn more).\n\t * @param options.forceScroll When set `true`, the DOM selection will be aligned to the top of the viewport and scrollable ancestors\n\t * whether it is already visible or not. This option will only work when `alignToTop` is `true`.\n\t */ scrollToTheSelection({ alignToTop, forceScroll, viewportOffset = 20, ancestorOffset = 20 } = {}) {\n        const range = this.document.selection.getFirstRange();\n        if (!range) {\n            return;\n        }\n        // Clone to make sure properties like `viewportOffset` are not mutated in the event listeners.\n        const originalArgs = cloneDeep({\n            alignToTop,\n            forceScroll,\n            viewportOffset,\n            ancestorOffset\n        });\n        if (typeof viewportOffset === 'number') {\n            viewportOffset = {\n                top: viewportOffset,\n                bottom: viewportOffset,\n                left: viewportOffset,\n                right: viewportOffset\n            };\n        }\n        const options = {\n            target: this.domConverter.viewRangeToDom(range),\n            viewportOffset,\n            ancestorOffset,\n            alignToTop,\n            forceScroll\n        };\n        this.fire('scrollToTheSelection', options, originalArgs);\n        scrollViewportToShowTarget(options);\n    }\n    /**\n\t * It will focus DOM element representing {@link module:engine/view/editableelement~ViewEditableElement ViewEditableElement}\n\t * that is currently having selection inside.\n\t */ focus() {\n        if (!this.document.isFocused) {\n            const editable = this.document.selection.editableElement;\n            if (editable) {\n                this.domConverter.focus(editable);\n                this.forceRender();\n            }\n        }\n    }\n    /**\n\t * The `change()` method is the primary way of changing the view. You should use it to modify any node in the view tree.\n\t * It makes sure that after all changes are made the view is rendered to the DOM (assuming that the view will be changed\n\t * inside the callback). It prevents situations when the DOM is updated when the view state is not yet correct. It allows\n\t * to nest calls one inside another and still performs a single rendering after all those changes are made.\n\t * It also returns the return value of its callback.\n\t *\n\t * ```ts\n\t * const text = view.change( writer => {\n\t * \tconst newText = writer.createText( 'foo' );\n\t * \twriter.insert( position1, newText );\n\t *\n\t * \tview.change( writer => {\n\t * \t\twriter.insert( position2, writer.createText( 'bar' ) );\n\t * \t} );\n\t *\n\t * \twriter.remove( range );\n\t *\n\t * \treturn newText;\n\t * } );\n\t * ```\n\t *\n\t * When the outermost change block is done and rendering to the DOM is over the\n\t * {@link module:engine/view/view~EditingView#event:render `View#render`} event is fired.\n\t *\n\t * This method throws a `applying-view-changes-on-rendering` error when\n\t * the change block is used after rendering to the DOM has started.\n\t *\n\t * @param callback Callback function which may modify the view.\n\t * @returns Value returned by the callback.\n\t */ change(callback) {\n        if (this.isRenderingInProgress || this._postFixersInProgress) {\n            /**\n\t\t\t * Thrown when there is an attempt to make changes to the view tree when it is in incorrect state. This may\n\t\t\t * cause some unexpected behaviour and inconsistency between the DOM and the view.\n\t\t\t * This may be caused by:\n\t\t\t *\n\t\t\t * * calling {@link module:engine/view/view~EditingView#change} or {@link module:engine/view/view~EditingView#forceRender}\n\t\t\t * during rendering process,\n\t\t\t * * calling {@link module:engine/view/view~EditingView#change} or {@link module:engine/view/view~EditingView#forceRender}\n\t\t\t * inside of {@link module:engine/view/document~ViewDocument#registerPostFixer post-fixer function}.\n\t\t\t *\n\t\t\t * @error cannot-change-view-tree\n\t\t\t */ throw new CKEditorError('cannot-change-view-tree', this);\n        }\n        try {\n            // Recursive call to view.change() method - execute listener immediately.\n            if (this._ongoingChange) {\n                return callback(this._writer);\n            }\n            // This lock will assure that all recursive calls to view.change() will end up in same block - one \"render\"\n            // event for all nested calls.\n            this._ongoingChange = true;\n            const callbackResult = callback(this._writer);\n            this._ongoingChange = false;\n            // This lock is used by editing controller to render changes from outer most model.change() once. As plugins might call\n            // view.change() inside model.change() block - this will ensures that postfixers and rendering are called once after all\n            // changes. Also, we don't need to render anything if there're no changes since last rendering.\n            if (!this._renderingDisabled && this._hasChangedSinceTheLastRendering) {\n                this._postFixersInProgress = true;\n                this.document._callPostFixers(this._writer);\n                this._postFixersInProgress = false;\n                this.fire('render');\n            }\n            return callbackResult;\n        } catch (err) {\n            // @if CK_DEBUG // throw err;\n            /* istanbul ignore next -- @preserve */ CKEditorError.rethrowUnexpectedError(err, this);\n        }\n    }\n    /**\n\t * Forces rendering {@link module:engine/view/document~ViewDocument view document} to DOM. If any view changes are\n\t * currently in progress, rendering will start after all {@link #change change blocks} are processed.\n\t *\n\t * Note that this method is dedicated for special cases. All view changes should be wrapped in the {@link #change}\n\t * block and the view will automatically check whether it needs to render DOM or not.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `applying-view-changes-on-rendering` when\n\t * trying to re-render when rendering to DOM has already started.\n\t */ forceRender() {\n        this._hasChangedSinceTheLastRendering = true;\n        this.getObserver(FocusObserver).flush();\n        this.change(()=>{});\n    }\n    /**\n\t * Destroys this instance. Makes sure that all observers are destroyed and listeners removed.\n\t */ destroy() {\n        for (const observer of this._observers.values()){\n            observer.destroy();\n        }\n        this.document.destroy();\n        this.stopListening();\n    }\n    /**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/view/position~ViewPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/view/item~ViewItem view item} and `'before'` or `'after'` (sets position before or after given view item).\n\t *\n\t * This method is a shortcut to other constructors such as:\n\t *\n\t * * {@link #createPositionBefore},\n\t * * {@link #createPositionAfter},\n\t *\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */ createPositionAt(itemOrPosition, offset) {\n        return ViewPosition._createAt(itemOrPosition, offset);\n    }\n    /**\n\t * Creates a new position after given view item.\n\t *\n\t * @param item View item after which the position should be located.\n\t */ createPositionAfter(item) {\n        return ViewPosition._createAfter(item);\n    }\n    /**\n\t * Creates a new position before given view item.\n\t *\n\t * @param item View item before which the position should be located.\n\t */ createPositionBefore(item) {\n        return ViewPosition._createBefore(item);\n    }\n    /**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * **Note:** This factory method creates it's own {@link module:engine/view/position~ViewPosition} instances basing on passed values.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at `start` position.\n\t */ createRange(start, end) {\n        return new ViewRange(start, end);\n    }\n    /**\n\t * Creates a range that starts before given {@link module:engine/view/item~ViewItem view item} and ends after it.\n\t */ createRangeOn(item) {\n        return ViewRange._createOn(item);\n    }\n    /**\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */ createRangeIn(element) {\n        return ViewRange._createIn(element);\n    }\n    createSelection(...args) {\n        return new ViewSelection(...args);\n    }\n    /**\n\t * Disables or enables rendering. If the flag is set to `true` then the rendering will be disabled.\n\t * If the flag is set to `false` and if there was some change in the meantime, then the rendering action will be performed.\n\t *\n\t * @internal\n\t * @param flag A flag indicates whether the rendering should be disabled.\n\t */ _disableRendering(flag) {\n        this._renderingDisabled = flag;\n        if (flag == false) {\n            // Render when you stop blocking rendering.\n            this.change(()=>{});\n        }\n    }\n    /**\n\t * Renders all changes. In order to avoid triggering the observers (e.g. selection) all observers are disabled\n\t * before rendering and re-enabled after that.\n\t */ _render() {\n        this.isRenderingInProgress = true;\n        this.disableObservers();\n        this._renderer.render();\n        this.enableObservers();\n        this.isRenderingInProgress = false;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module engine/model/typecheckable\n */ class ModelTypeCheckable {\n    /* istanbul ignore next -- @preserve */ is() {\n        // There are a lot of overloads above.\n        // Overriding method in derived classes remove them and only `is( type: string ): boolean` is visible which we don't want.\n        // One option would be to copy them all to all classes, but that's ugly.\n        // It's best when TypeScript compiler doesn't see those overloads, except the one in the top base class.\n        // To overload a method, but not let the compiler see it, do after class definition:\n        // `MyClass.prototype.is = function( type: string ) {...}`\n        throw new Error('is() method is abstract');\n    }\n}\n\n// @if CK_DEBUG_ENGINE // const { convertMapToStringifiedObject } = require( '../dev-utils/utils' );\n/**\n * `ModelTextProxy` represents a part of {@link module:engine/model/text~ModelText text node}.\n *\n * Since {@link module:engine/model/position~ModelPosition positions} can be placed between characters of a text node,\n * {@link module:engine/model/range~ModelRange ranges} may contain only parts of text nodes.\n * When {@link module:engine/model/range~ModelRange#getItems getting items}\n * contained in such range, we need to represent a part of that text node, since returning the whole text node would be incorrect.\n * `ModelTextProxy` solves this issue.\n *\n * `ModelTextProxy` has an API similar to {@link module:engine/model/text~ModelText Text} and allows to do\n * most of the common tasks performed on model nodes.\n *\n * **Note:** Some `ModelTextProxy` instances may represent whole text node, not just a part of it.\n * See {@link module:engine/model/textproxy~ModelTextProxy#isPartial}.\n *\n * **Note:** `ModelTextProxy` is not an instance of {@link module:engine/model/node~ModelNode node}. Keep this in mind when using it as a\n * parameter of methods.\n *\n * **Note:** `ModelTextProxy` is a readonly interface. If you want to perform changes on model data represented by a `ModelTextProxy`\n * use {@link module:engine/model/writer~ModelWriter model writer API}.\n *\n * **Note:** `ModelTextProxy` instances are created on the fly, basing on the current state of model. Because of this, it is\n * highly unrecommended to store references to `ModelTextProxy` instances. `ModelTextProxy` instances are not refreshed when\n * model changes, so they might get invalidated. Instead, consider creating {@link module:engine/model/liveposition~ModelLivePosition live\n * position}.\n *\n * `ModelTextProxy` instances are created by {@link module:engine/model/treewalker~ModelTreeWalker model tree walker}.\n * You should not need to create an instance of this class by your own.\n */ class ModelTextProxy extends ModelTypeCheckable {\n    /**\n\t * Text node which part is represented by this text proxy.\n\t */ textNode;\n    /**\n\t * Text data represented by this text proxy.\n\t */ data;\n    /**\n\t * Offset in {@link module:engine/model/textproxy~ModelTextProxy#textNode text node} from which the text proxy starts.\n\t */ offsetInText;\n    /**\n\t * Creates a text proxy.\n\t *\n\t * @internal\n\t * @param textNode Text node which part is represented by this text proxy.\n\t * @param offsetInText Offset in {@link module:engine/model/textproxy~ModelTextProxy#textNode text node} from which the text proxy\n\t * starts.\n\t * @param length Text proxy length, that is how many text node's characters, starting from `offsetInText` it represents.\n\t */ constructor(textNode, offsetInText, length){\n        super();\n        this.textNode = textNode;\n        if (offsetInText < 0 || offsetInText > textNode.offsetSize) {\n            /**\n\t\t\t * Given `offsetInText` value is incorrect.\n\t\t\t *\n\t\t\t * @error model-textproxy-wrong-offsetintext\n\t\t\t */ throw new CKEditorError('model-textproxy-wrong-offsetintext', this);\n        }\n        if (length < 0 || offsetInText + length > textNode.offsetSize) {\n            /**\n\t\t\t * Given `length` value is incorrect.\n\t\t\t *\n\t\t\t * @error model-textproxy-wrong-length\n\t\t\t */ throw new CKEditorError('model-textproxy-wrong-length', this);\n        }\n        this.data = textNode.data.substring(offsetInText, offsetInText + length);\n        this.offsetInText = offsetInText;\n    }\n    /**\n\t * Offset at which this text proxy starts in it's parent.\n\t *\n\t * @see module:engine/model/node~ModelNode#startOffset\n\t */ get startOffset() {\n        return this.textNode.startOffset !== null ? this.textNode.startOffset + this.offsetInText : null;\n    }\n    /**\n\t * Offset size of this text proxy. Equal to the number of characters represented by the text proxy.\n\t *\n\t * @see module:engine/model/node~ModelNode#offsetSize\n\t */ get offsetSize() {\n        return this.data.length;\n    }\n    /**\n\t * Offset at which this text proxy ends in it's parent.\n\t *\n\t * @see module:engine/model/node~ModelNode#endOffset\n\t */ get endOffset() {\n        return this.startOffset !== null ? this.startOffset + this.offsetSize : null;\n    }\n    /**\n\t * Flag indicating whether `ModelTextProxy` instance covers only part of the original\n\t * {@link module:engine/model/text~ModelText text node} (`true`) or the whole text node (`false`).\n\t *\n\t * This is `false` when text proxy starts at the very beginning of\n\t * {@link module:engine/model/textproxy~ModelTextProxy#textNode textNode}\n\t * ({@link module:engine/model/textproxy~ModelTextProxy#offsetInText offsetInText} equals `0`) and text proxy sizes is equal to\n\t * text node size.\n\t */ get isPartial() {\n        return this.offsetSize !== this.textNode.offsetSize;\n    }\n    /**\n\t * Parent of this text proxy, which is same as parent of text node represented by this text proxy.\n\t */ get parent() {\n        return this.textNode.parent;\n    }\n    /**\n\t * Root of this text proxy, which is same as root of text node represented by this text proxy.\n\t */ get root() {\n        return this.textNode.root;\n    }\n    /**\n\t * Gets path to this text proxy.\n\t *\n\t * @see module:engine/model/node~ModelNode#getPath\n\t */ getPath() {\n        const path = this.textNode.getPath();\n        if (path.length > 0) {\n            path[path.length - 1] += this.offsetInText;\n        }\n        return path;\n    }\n    /**\n\t * Returns ancestors array of this text proxy.\n\t *\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` this text proxy will be also included in parent's array.\n\t * @param options.parentFirst When set to `true`, array will be sorted from text proxy parent to root element,\n\t * otherwise root element will be the first item in the array.\n\t * @returns Array with ancestors.\n\t */ getAncestors(options = {}) {\n        const ancestors = [];\n        let parent = options.includeSelf ? this : this.parent;\n        while(parent){\n            ancestors[options.parentFirst ? 'push' : 'unshift'](parent);\n            parent = parent.parent;\n        }\n        return ancestors;\n    }\n    /**\n\t * Checks if this text proxy has an attribute for given key.\n\t *\n\t * @param key Key of attribute to check.\n\t * @returns `true` if attribute with given key is set on text proxy, `false` otherwise.\n\t */ hasAttribute(key) {\n        return this.textNode.hasAttribute(key);\n    }\n    /**\n\t * Gets an attribute value for given key or `undefined` if that attribute is not set on text proxy.\n\t *\n\t * @param key Key of attribute to look for.\n\t * @returns Attribute value or `undefined`.\n\t */ getAttribute(key) {\n        return this.textNode.getAttribute(key);\n    }\n    /**\n\t * Returns iterator that iterates over this node's attributes. Attributes are returned as arrays containing two\n\t * items. First one is attribute key and second is attribute value.\n\t *\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */ getAttributes() {\n        return this.textNode.getAttributes();\n    }\n    /**\n\t * Returns iterator that iterates over this node's attribute keys.\n\t */ getAttributeKeys() {\n        return this.textNode.getAttributeKeys();\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelTextProxy.prototype.is = function(type) {\n    return type === '$textProxy' || type === 'model:$textProxy' || // This are legacy values kept for backward compatibility.\n    type === 'textProxy' || type === 'model:textProxy';\n};\n\n/**\n * Position iterator class. It allows to iterate forward and backward over the document.\n */ class ModelTreeWalker {\n    /**\n\t * Walking direction. Defaults `'forward'`.\n\t */ direction;\n    /**\n\t * Iterator boundaries.\n\t *\n\t * When the iterator is walking `'forward'` on the end of boundary or is walking `'backward'`\n\t * on the start of boundary, then `{ done: true }` is returned.\n\t *\n\t * If boundaries are not defined they are set before first and after last child of the root node.\n\t */ boundaries;\n    /**\n\t * Flag indicating whether all consecutive characters with the same attributes should be\n\t * returned as one {@link module:engine/model/textproxy~ModelTextProxy} (`true`) or one by one (`false`).\n\t */ singleCharacters;\n    /**\n\t * Flag indicating whether iterator should enter elements or not. If the iterator is shallow child nodes of any\n\t * iterated node will not be returned along with `elementEnd` tag.\n\t */ shallow;\n    /**\n\t * Flag indicating whether iterator should ignore `elementEnd` tags. If the option is true walker will not\n\t * return a parent node of the start position. If this option is `true` each {@link module:engine/model/element~ModelElement} will\n\t * be returned once, while if the option is `false` they might be returned twice:\n\t * for `'elementStart'` and `'elementEnd'`.\n\t */ ignoreElementEnd;\n    /**\n\t * Iterator position. This is always static position, even if the initial position was a\n\t * {@link module:engine/model/liveposition~ModelLivePosition live position}. If start position is not defined then position depends\n\t * on {@link #direction}. If direction is `'forward'` position starts form the beginning, when direction\n\t * is `'backward'` position starts from the end.\n\t */ _position;\n    /**\n\t * Start boundary cached for optimization purposes.\n\t */ _boundaryStartParent;\n    /**\n\t * End boundary cached for optimization purposes.\n\t */ _boundaryEndParent;\n    /**\n\t * Parent of the most recently visited node. Cached for optimization purposes.\n\t */ _visitedParent;\n    /**\n\t * Creates a range iterator. All parameters are optional, but you have to specify either `boundaries` or `startPosition`.\n\t *\n\t * @param options Object with configuration.\n\t */ constructor(options){\n        if (!options || !options.boundaries && !options.startPosition) {\n            /**\n\t\t\t * Neither boundaries nor starting position of a `TreeWalker` have been defined.\n\t\t\t *\n\t\t\t * @error model-tree-walker-no-start-position\n\t\t\t */ throw new CKEditorError('model-tree-walker-no-start-position', null);\n        }\n        const direction = options.direction || 'forward';\n        if (direction != 'forward' && direction != 'backward') {\n            /**\n\t\t\t * Only `backward` and `forward` direction allowed.\n\t\t\t *\n\t\t\t * @error model-tree-walker-unknown-direction\n\t\t\t */ throw new CKEditorError('model-tree-walker-unknown-direction', options, {\n                direction\n            });\n        }\n        this.direction = direction;\n        this.boundaries = options.boundaries || null;\n        if (options.startPosition) {\n            this._position = options.startPosition.clone();\n        } else {\n            this._position = ModelPosition._createAt(this.boundaries[this.direction == 'backward' ? 'end' : 'start']);\n        }\n        // Reset position stickiness in case it was set to other value, as the stickiness is kept after cloning.\n        this.position.stickiness = 'toNone';\n        this.singleCharacters = !!options.singleCharacters;\n        this.shallow = !!options.shallow;\n        this.ignoreElementEnd = !!options.ignoreElementEnd;\n        this._boundaryStartParent = this.boundaries ? this.boundaries.start.parent : null;\n        this._boundaryEndParent = this.boundaries ? this.boundaries.end.parent : null;\n        this._visitedParent = this.position.parent;\n    }\n    /**\n\t * Iterable interface.\n\t *\n\t * @returns {Iterable.<module:engine/model/treewalker~ModelTreeWalkerValue>}\n\t */ [Symbol.iterator]() {\n        return this;\n    }\n    /**\n\t * Iterator position. This is always static position, even if the initial position was a\n\t * {@link module:engine/model/liveposition~ModelLivePosition live position}. If start position is not defined then position depends\n\t * on {@link #direction}. If direction is `'forward'` position starts form the beginning, when direction\n\t * is `'backward'` position starts from the end.\n\t */ get position() {\n        return this._position;\n    }\n    /**\n\t * Moves {@link #position} in the {@link #direction} skipping values as long as the callback function returns `true`.\n\t *\n\t * For example:\n\t *\n\t * ```ts\n\t * walker.skip( value => value.type == 'text' ); // <paragraph>[]foo</paragraph> -> <paragraph>foo[]</paragraph>\n\t * walker.skip( () => true ); // Move the position to the end: <paragraph>[]foo</paragraph> -> <paragraph>foo</paragraph>[]\n\t * walker.skip( () => false ); // Do not move the position.\n\t * ```\n\t *\n\t * @param skip Callback function. Gets {@link module:engine/model/treewalker~ModelTreeWalkerValue} and should\n\t * return `true` if the value should be skipped or `false` if not.\n\t */ skip(skip) {\n        let done, value, prevPosition, prevVisitedParent;\n        do {\n            prevPosition = this.position;\n            prevVisitedParent = this._visitedParent;\n            ({ done, value } = this.next());\n        }while (!done && skip(value))\n        if (!done) {\n            this._position = prevPosition;\n            this._visitedParent = prevVisitedParent;\n        }\n    }\n    /**\n\t * Moves tree walker {@link #position} to provided `position`. Tree walker will\n\t * continue traversing from that position.\n\t *\n\t * Note: in contrary to {@link ~ModelTreeWalker#skip}, this method does not iterate over the nodes along the way.\n\t * It simply sets the current tree walker position to a new one.\n\t * From the performance standpoint, it is better to use {@link ~ModelTreeWalker#jumpTo} rather than {@link ~ModelTreeWalker#skip}.\n\t *\n\t * If the provided position is before the start boundary, the position will be\n\t * set to the start boundary. If the provided position is after the end boundary,\n\t * the position will be set to the end boundary.\n\t * This is done to prevent the treewalker from traversing outside the boundaries.\n\t *\n\t * @param position Position to jump to.\n\t */ jumpTo(position) {\n        if (this._boundaryStartParent && position.isBefore(this.boundaries.start)) {\n            position = this.boundaries.start;\n        } else if (this._boundaryEndParent && position.isAfter(this.boundaries.end)) {\n            position = this.boundaries.end;\n        }\n        this._position = position.clone();\n        this._visitedParent = position.parent;\n    }\n    /**\n\t * Gets the next tree walker's value.\n\t */ next() {\n        if (this.direction == 'forward') {\n            return this._next();\n        } else {\n            return this._previous();\n        }\n    }\n    /**\n\t * Makes a step forward in model. Moves the {@link #position} to the next position and returns the encountered value.\n\t */ _next() {\n        const previousPosition = this.position;\n        const position = this.position.clone();\n        const parent = this._visitedParent;\n        // We are at the end of the root.\n        if (parent.parent === null && position.offset === parent.maxOffset) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        // We reached the walker boundary.\n        if (parent === this._boundaryEndParent && position.offset == this.boundaries.end.offset) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        // Get node just after the current position.\n        // Use a highly optimized version instead of checking the text node first and then getting the node after. See #6582.\n        const textNodeAtPosition = getTextNodeAtPosition(position, parent);\n        const node = textNodeAtPosition || getNodeAfterPosition(position, parent, textNodeAtPosition);\n        if (node && node.is('model:element')) {\n            if (!this.shallow) {\n                // Manual operations on path internals for optimization purposes. Here and in the rest of the method.\n                position.path.push(0);\n                this._visitedParent = node;\n            } else {\n                // We are past the walker boundaries.\n                if (this.boundaries && this.boundaries.end.isBefore(position)) {\n                    return {\n                        done: true,\n                        value: undefined\n                    };\n                }\n                position.offset++;\n            }\n            this._position = position;\n            return formatReturnValue('elementStart', node, previousPosition, position, 1);\n        }\n        if (node && node.is('model:$text')) {\n            let charactersCount;\n            if (this.singleCharacters) {\n                charactersCount = 1;\n            } else {\n                let offset = node.endOffset;\n                if (this._boundaryEndParent == parent && this.boundaries.end.offset < offset) {\n                    offset = this.boundaries.end.offset;\n                }\n                charactersCount = offset - position.offset;\n            }\n            const offsetInTextNode = position.offset - node.startOffset;\n            const item = new ModelTextProxy(node, offsetInTextNode, charactersCount);\n            position.offset += charactersCount;\n            this._position = position;\n            return formatReturnValue('text', item, previousPosition, position, charactersCount);\n        }\n        // `node` is not set, we reached the end of current `parent`.\n        position.path.pop();\n        position.offset++;\n        this._position = position;\n        this._visitedParent = parent.parent;\n        if (this.ignoreElementEnd) {\n            return this._next();\n        }\n        return formatReturnValue('elementEnd', parent, previousPosition, position);\n    }\n    /**\n\t * Makes a step backward in model. Moves the {@link #position} to the previous position and returns the encountered value.\n\t */ _previous() {\n        const previousPosition = this.position;\n        const position = this.position.clone();\n        const parent = this._visitedParent;\n        // We are at the beginning of the root.\n        if (parent.parent === null && position.offset === 0) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        // We reached the walker boundary.\n        if (parent == this._boundaryStartParent && position.offset == this.boundaries.start.offset) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        // Get node just before the current position.\n        // Use a highly optimized version instead of checking the text node first and then getting the node before. See #6582.\n        const positionParent = position.parent;\n        const textNodeAtPosition = getTextNodeAtPosition(position, positionParent);\n        const node = textNodeAtPosition || getNodeBeforePosition(position, positionParent, textNodeAtPosition);\n        if (node && node.is('model:element')) {\n            position.offset--;\n            if (this.shallow) {\n                this._position = position;\n                return formatReturnValue('elementStart', node, previousPosition, position, 1);\n            }\n            position.path.push(node.maxOffset);\n            this._position = position;\n            this._visitedParent = node;\n            if (this.ignoreElementEnd) {\n                return this._previous();\n            }\n            return formatReturnValue('elementEnd', node, previousPosition, position);\n        }\n        if (node && node.is('model:$text')) {\n            let charactersCount;\n            if (this.singleCharacters) {\n                charactersCount = 1;\n            } else {\n                let offset = node.startOffset;\n                if (this._boundaryStartParent == parent && this.boundaries.start.offset > offset) {\n                    offset = this.boundaries.start.offset;\n                }\n                charactersCount = position.offset - offset;\n            }\n            const offsetInTextNode = position.offset - node.startOffset;\n            const item = new ModelTextProxy(node, offsetInTextNode - charactersCount, charactersCount);\n            position.offset -= charactersCount;\n            this._position = position;\n            return formatReturnValue('text', item, previousPosition, position, charactersCount);\n        }\n        // `node` is not set, we reached the beginning of current `parent`.\n        position.path.pop();\n        this._position = position;\n        this._visitedParent = parent.parent;\n        return formatReturnValue('elementStart', parent, previousPosition, position, 1);\n    }\n}\nfunction formatReturnValue(type, item, previousPosition, nextPosition, length) {\n    return {\n        done: false,\n        value: {\n            type,\n            item,\n            previousPosition,\n            nextPosition,\n            length\n        }\n    };\n}\n\n/**\n * Represents a position in the model tree.\n *\n * A position is represented by its {@link module:engine/model/position~ModelPosition#root} and\n * a {@link module:engine/model/position~ModelPosition#path} in that root.\n *\n * You can create position instances via its constructor or the `createPosition*()` factory methods of\n * {@link module:engine/model/model~Model} and {@link module:engine/model/writer~ModelWriter}.\n *\n * **Note:** Position is based on offsets, not indexes. This means that a position between two text nodes\n * `foo` and `bar` has offset `3`, not `1`. See {@link module:engine/model/position~ModelPosition#path} for more information.\n *\n * Since a position in the model is represented by a {@link module:engine/model/position~ModelPosition#root position root} and\n * {@link module:engine/model/position~ModelPosition#path position path} it is possible to create positions placed in non-existing places.\n * This requirement is important for operational transformation algorithms.\n *\n * Also, {@link module:engine/model/operation/operation~Operation operations}\n * kept in the {@link module:engine/model/document~ModelDocument#history document history}\n * are storing positions (and ranges) which were correct when those operations were applied, but may not be correct\n * after the document has changed.\n *\n * When changes are applied to the model, it may also happen that {@link module:engine/model/position~ModelPosition#parent position parent}\n * will change even if position path has not changed. Keep in mind, that if a position leads to non-existing element,\n * {@link module:engine/model/position~ModelPosition#parent} and some other properties and methods will throw errors.\n *\n * In most cases, position with wrong path is caused by an error in code, but it is sometimes needed, as described above.\n */ class ModelPosition extends ModelTypeCheckable {\n    /**\n\t * Root of the position path.\n\t */ root;\n    /**\n\t * Position of the node in the tree. **Path contains offsets, not indexes.**\n\t *\n\t * Position can be placed before, after or in a {@link module:engine/model/node~ModelNode node} if that node has\n\t * {@link module:engine/model/node~ModelNode#offsetSize} greater than `1`. Items in position path are\n\t * {@link module:engine/model/node~ModelNode#startOffset starting offsets} of position ancestors, starting from direct root children,\n\t * down to the position offset in it's parent.\n\t *\n\t * ```\n\t * ROOT\n\t *  |- P            before: [ 0 ]         after: [ 1 ]\n\t *  |- UL           before: [ 1 ]         after: [ 2 ]\n\t *     |- LI        before: [ 1, 0 ]      after: [ 1, 1 ]\n\t *     |  |- foo    before: [ 1, 0, 0 ]   after: [ 1, 0, 3 ]\n\t *     |- LI        before: [ 1, 1 ]      after: [ 1, 2 ]\n\t *        |- bar    before: [ 1, 1, 0 ]   after: [ 1, 1, 3 ]\n\t * ```\n\t *\n\t * `foo` and `bar` are representing {@link module:engine/model/text~ModelText text nodes}. Since text nodes has offset size\n\t * greater than `1` you can place position offset between their start and end:\n\t *\n\t * ```\n\t * ROOT\n\t *  |- P\n\t *  |- UL\n\t *     |- LI\n\t *     |  |- f^o|o  ^ has path: [ 1, 0, 1 ]   | has path: [ 1, 0, 2 ]\n\t *     |- LI\n\t *        |- b^a|r  ^ has path: [ 1, 1, 1 ]   | has path: [ 1, 1, 2 ]\n\t * ```\n\t */ path;\n    /**\n\t * Position stickiness. See {@link module:engine/model/position~ModelPositionStickiness}.\n\t */ stickiness;\n    /**\n\t * Creates a position.\n\t *\n\t * @param root Root of the position.\n\t * @param path Position path. See {@link module:engine/model/position~ModelPosition#path}.\n\t * @param stickiness Position stickiness. See {@link module:engine/model/position~ModelPositionStickiness}.\n\t */ constructor(root, path, stickiness = 'toNone'){\n        super();\n        if (!root.is('element') && !root.is('documentFragment')) {\n            /**\n\t\t\t * Position root is invalid.\n\t\t\t *\n\t\t\t * Positions can only be anchored in elements or document fragments.\n\t\t\t *\n\t\t\t * @error model-position-root-invalid\n\t\t\t */ throw new CKEditorError('model-position-root-invalid', root);\n        }\n        if (!Array.isArray(path) || path.length === 0) {\n            /**\n\t\t\t * Position path must be an array with at least one item.\n\t\t\t *\n\t\t\t * @error model-position-path-incorrect-format\n\t\t\t * @param {Array.<number>} path A path to the position.\n\t\t\t */ throw new CKEditorError('model-position-path-incorrect-format', root, {\n                path\n            });\n        }\n        // Normalize the root and path when element (not root) is passed.\n        if (root.is('rootElement')) {\n            path = path.slice();\n        } else {\n            path = [\n                ...root.getPath(),\n                ...path\n            ];\n            root = root.root;\n        }\n        this.root = root;\n        this.path = path;\n        this.stickiness = stickiness;\n    }\n    /**\n\t * Offset at which this position is located in its {@link module:engine/model/position~ModelPosition#parent parent}. It is equal\n\t * to the last item in position {@link module:engine/model/position~ModelPosition#path path}.\n\t *\n\t * @type {Number}\n\t */ get offset() {\n        return this.path[this.path.length - 1];\n    }\n    set offset(newOffset) {\n        this.path[this.path.length - 1] = newOffset;\n    }\n    /**\n\t * Parent element of this position.\n\t *\n\t * Keep in mind that `parent` value is calculated when the property is accessed.\n\t * If {@link module:engine/model/position~ModelPosition#path position path}\n\t * leads to a non-existing element, `parent` property will throw error.\n\t *\n\t * Also it is a good idea to cache `parent` property if it is used frequently in an algorithm (i.e. in a long loop).\n\t */ get parent() {\n        let parent = this.root;\n        for(let i = 0; i < this.path.length - 1; i++){\n            parent = parent.getChildAtOffset(this.path[i]);\n            if (!parent) {\n                /**\n\t\t\t\t * The position's path is incorrect. This means that a position does not point to\n\t\t\t\t * a correct place in the tree and hence, some of its methods and getters cannot work correctly.\n\t\t\t\t *\n\t\t\t\t * **Note**: Unlike DOM and view positions, in the model, the\n\t\t\t\t * {@link module:engine/model/position~ModelPosition#parent position's parent} is always an element or a document fragment.\n\t\t\t\t * The last offset in the\n\t\t\t\t * {@link module:engine/model/position~ModelPosition#path position's path} is the point in this element\n\t\t\t\t * where this position points.\n\t\t\t\t *\n\t\t\t\t * Read more about model positions and offsets in\n\t\t\t\t * the {@glink framework/architecture/editing-engine#indexes-and-offsets Editing engine architecture} guide.\n\t\t\t\t *\n\t\t\t\t * @error model-position-path-incorrect\n\t\t\t\t * @param {module:engine/model/position~ModelPosition} position The incorrect position.\n\t\t\t\t */ throw new CKEditorError('model-position-path-incorrect', this, {\n                    position: this\n                });\n            }\n        }\n        if (parent.is('$text')) {\n            throw new CKEditorError('model-position-path-incorrect', this, {\n                position: this\n            });\n        }\n        return parent;\n    }\n    /**\n\t * Position {@link module:engine/model/position~ModelPosition#offset offset} converted to an index in position's parent node. It is\n\t * equal to the {@link module:engine/model/node~ModelNode#index index} of a node after this position. If position is placed\n\t * in text node, position index is equal to the index of that text node.\n\t */ get index() {\n        return this.parent.offsetToIndex(this.offset);\n    }\n    /**\n\t * Returns {@link module:engine/model/text~ModelText text node} instance in which this position is placed or `null` if this\n\t * position is not in a text node.\n\t */ get textNode() {\n        return getTextNodeAtPosition(this, this.parent);\n    }\n    /**\n\t * Node directly after this position. Returns `null` if this position is at the end of its parent, or if it is in a text node.\n\t */ get nodeAfter() {\n        // Cache the parent and reuse for performance reasons. See #6579 and #6582.\n        const parent = this.parent;\n        return getNodeAfterPosition(this, parent, getTextNodeAtPosition(this, parent));\n    }\n    /**\n\t * Node directly before this position. Returns `null` if this position is at the start of its parent, or if it is in a text node.\n\t */ get nodeBefore() {\n        // Cache the parent and reuse for performance reasons. See #6579 and #6582.\n        const parent = this.parent;\n        return getNodeBeforePosition(this, parent, getTextNodeAtPosition(this, parent));\n    }\n    /**\n\t * Is `true` if position is at the beginning of its {@link module:engine/model/position~ModelPosition#parent parent}, `false` otherwise.\n\t */ get isAtStart() {\n        return this.offset === 0;\n    }\n    /**\n\t * Is `true` if position is at the end of its {@link module:engine/model/position~ModelPosition#parent parent}, `false` otherwise.\n\t */ get isAtEnd() {\n        return this.offset == this.parent.maxOffset;\n    }\n    /**\n\t * Checks whether the position is valid in current model tree, that is whether it points to an existing place in the model.\n\t */ isValid() {\n        if (this.offset < 0) {\n            return false;\n        }\n        let parent = this.root;\n        for(let i = 0; i < this.path.length - 1; i++){\n            parent = parent.getChildAtOffset(this.path[i]);\n            if (!parent) {\n                return false;\n            }\n        }\n        return this.offset <= parent.maxOffset;\n    }\n    /**\n\t * Checks whether this position is before or after given position.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t */ compareWith(otherPosition) {\n        if (this.root != otherPosition.root) {\n            return 'different';\n        }\n        const result = compareArrays(this.path, otherPosition.path);\n        switch(result){\n            case 'same':\n                return 'same';\n            case 'prefix':\n                return 'before';\n            case 'extension':\n                return 'after';\n            default:\n                return this.path[result] < otherPosition.path[result] ? 'before' : 'after';\n        }\n    }\n    /**\n\t * Gets the farthest position which matches the callback using\n\t * {@link module:engine/model/treewalker~ModelTreeWalker TreeWalker}.\n\t *\n\t * For example:\n\t *\n\t * ```ts\n\t * getLastMatchingPosition( value => value.type == 'text' );\n\t * // <paragraph>[]foo</paragraph> -> <paragraph>foo[]</paragraph>\n\t *\n\t * getLastMatchingPosition( value => value.type == 'text', { direction: 'backward' } );\n\t * // <paragraph>foo[]</paragraph> -> <paragraph>[]foo</paragraph>\n\t *\n\t * getLastMatchingPosition( value => false );\n\t * // Do not move the position.\n\t * ```\n\t *\n\t * @param skip Callback function. Gets {@link module:engine/model/treewalker~ModelTreeWalkerValue} and should\n\t * return `true` if the value should be skipped or `false` if not.\n\t * @param options Object with configuration options. See {@link module:engine/model/treewalker~ModelTreeWalker}.\n\t *\n\t * @returns The position after the last item which matches the `skip` callback test.\n\t */ getLastMatchingPosition(skip, options = {}) {\n        options.startPosition = this;\n        const treeWalker = new ModelTreeWalker(options);\n        treeWalker.skip(skip);\n        return treeWalker.position;\n    }\n    /**\n\t * Returns a path to this position's parent. Parent path is equal to position\n\t * {@link module:engine/model/position~ModelPosition#path path} but without the last item.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @returns Path to the parent.\n\t */ getParentPath() {\n        return this.path.slice(0, -1);\n    }\n    /**\n\t * Returns ancestors array of this position, that is this position's parent and its ancestors.\n\t *\n\t * @returns Array with ancestors.\n\t */ getAncestors() {\n        const parent = this.parent;\n        if (parent.is('documentFragment')) {\n            return [\n                parent\n            ];\n        } else {\n            return parent.getAncestors({\n                includeSelf: true\n            });\n        }\n    }\n    /**\n\t * Returns the parent element of the given name. Returns null if the position is not inside the desired parent.\n\t *\n\t * @param parentName The name of the parent element to find.\n\t */ findAncestor(parentName) {\n        const parent = this.parent;\n        if (parent.is('element')) {\n            return parent.findAncestor(parentName, {\n                includeSelf: true\n            });\n        }\n        return null;\n    }\n    /**\n\t * Returns the slice of two position {@link #path paths} which is identical. The {@link #root roots}\n\t * of these two paths must be identical.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param position The second position.\n\t * @returns The common path.\n\t */ getCommonPath(position) {\n        if (this.root != position.root) {\n            return [];\n        }\n        // We find on which tree-level start and end have the lowest common ancestor\n        const cmp = compareArrays(this.path, position.path);\n        // If comparison returned string it means that arrays are same.\n        const diffAt = typeof cmp == 'string' ? Math.min(this.path.length, position.path.length) : cmp;\n        return this.path.slice(0, diffAt);\n    }\n    /**\n\t * Returns an {@link module:engine/model/element~ModelElement} or {@link module:engine/model/documentfragment~ModelDocumentFragment}\n\t * which is a common ancestor of both positions. The {@link #root roots} of these two positions must be identical.\n\t *\n\t * @param position The second position.\n\t */ getCommonAncestor(position) {\n        const ancestorsA = this.getAncestors();\n        const ancestorsB = position.getAncestors();\n        let i = 0;\n        while(ancestorsA[i] == ancestorsB[i] && ancestorsA[i]){\n            i++;\n        }\n        return i === 0 ? null : ancestorsA[i - 1];\n    }\n    /**\n\t * Returns a new instance of `Position`, that has same {@link #parent parent} but it's offset\n\t * is shifted by `shift` value (can be a negative value).\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param shift Offset shift. Can be a negative value.\n\t * @returns Shifted position.\n\t */ getShiftedBy(shift) {\n        const shifted = this.clone();\n        const offset = shifted.offset + shift;\n        shifted.offset = offset < 0 ? 0 : offset;\n        return shifted;\n    }\n    /**\n\t * Checks whether this position is after given position.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @see module:engine/model/position~ModelPosition#isBefore\n\t * @param  otherPosition Position to compare with.\n\t * @returns True if this position is after given position.\n\t */ isAfter(otherPosition) {\n        return this.compareWith(otherPosition) == 'after';\n    }\n    /**\n\t * Checks whether this position is before given position.\n\t *\n\t * **Note:** watch out when using negation of the value returned by this method, because the negation will also\n\t * be `true` if positions are in different roots and you might not expect this. You should probably use\n\t * `a.isAfter( b ) || a.isEqual( b )` or `!a.isBefore( p ) && a.root == b.root` in most scenarios. If your\n\t * condition uses multiple `isAfter` and `isBefore` checks, build them so they do not use negated values, i.e.:\n\t *\n\t * ```ts\n\t * if ( a.isBefore( b ) && c.isAfter( d ) ) {\n\t * \t// do A.\n\t * } else {\n\t * \t// do B.\n\t * }\n\t * ```\n\t *\n\t * or, if you have only one if-branch:\n\t *\n\t * ```ts\n\t * if ( !( a.isBefore( b ) && c.isAfter( d ) ) {\n\t * \t// do B.\n\t * }\n\t * ```\n\t *\n\t * rather than:\n\t *\n\t * ```ts\n\t * if ( !a.isBefore( b ) || && !c.isAfter( d ) ) {\n\t * \t// do B.\n\t * } else {\n\t * \t// do A.\n\t * }\n\t * ```\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param otherPosition Position to compare with.\n\t * @returns True if this position is before given position.\n\t */ isBefore(otherPosition) {\n        return this.compareWith(otherPosition) == 'before';\n    }\n    /**\n\t * Checks whether this position is equal to given position.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param otherPosition Position to compare with.\n\t * @returns True if positions are same.\n\t */ isEqual(otherPosition) {\n        return this.compareWith(otherPosition) == 'same';\n    }\n    /**\n\t * Checks whether this position is touching given position. Positions touch when there are no text nodes\n\t * or empty nodes in a range between them. Technically, those positions are not equal but in many cases\n\t * they are very similar or even indistinguishable.\n\t *\n\t * @param otherPosition Position to compare with.\n\t * @returns True if positions touch.\n\t */ isTouching(otherPosition) {\n        if (this.root !== otherPosition.root) {\n            return false;\n        }\n        const commonLevel = Math.min(this.path.length, otherPosition.path.length);\n        for(let level = 0; level < commonLevel; level++){\n            const diff = this.path[level] - otherPosition.path[level];\n            // Positions are spread by a node, so they are not touching.\n            if (diff < -1 || diff > 1) {\n                return false;\n            } else if (diff === 1) {\n                // `otherPosition` is on the left.\n                // `this` is on the right.\n                return checkTouchingBranch(otherPosition, this, level);\n            } else if (diff === -1) {\n                // `this` is on the left.\n                // `otherPosition` is on the right.\n                return checkTouchingBranch(this, otherPosition, level);\n            }\n        // `diff === 0`.\n        // Positions are inside the same element on this level, compare deeper.\n        }\n        // If we ended up here, it means that positions paths have the same beginning.\n        // If the paths have the same length, then it means that they are identical, so the positions are same.\n        if (this.path.length === otherPosition.path.length) {\n            return true;\n        } else if (this.path.length > otherPosition.path.length) {\n            return checkOnlyZeroes(this.path, commonLevel);\n        } else {\n            return checkOnlyZeroes(otherPosition.path, commonLevel);\n        }\n    }\n    /**\n\t * Checks if two positions are in the same parent.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param position Position to compare with.\n\t * @returns `true` if positions have the same parent, `false` otherwise.\n\t */ hasSameParentAs(position) {\n        if (this.root !== position.root) {\n            return false;\n        }\n        const thisParentPath = this.getParentPath();\n        const posParentPath = position.getParentPath();\n        return compareArrays(thisParentPath, posParentPath) == 'same';\n    }\n    /**\n\t * Returns a copy of this position that is transformed by given `operation`.\n\t *\n\t * The new position's parameters are updated accordingly to the effect of the `operation`.\n\t *\n\t * For example, if `n` nodes are inserted before the position, the returned position {@link ~ModelPosition#offset} will be\n\t * increased by `n`. If the position was in a merged element, it will be accordingly moved to the new element, etc.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param operation Operation to transform by.\n\t * @returns Transformed position.\n\t */ getTransformedByOperation(operation) {\n        let result;\n        switch(operation.type){\n            case 'insert':\n                result = this._getTransformedByInsertOperation(operation);\n                break;\n            case 'move':\n            case 'remove':\n            case 'reinsert':\n                result = this._getTransformedByMoveOperation(operation);\n                break;\n            case 'split':\n                result = this._getTransformedBySplitOperation(operation);\n                break;\n            case 'merge':\n                result = this._getTransformedByMergeOperation(operation);\n                break;\n            default:\n                result = ModelPosition._createAt(this);\n                break;\n        }\n        return result;\n    }\n    /**\n\t * Returns a copy of this position transformed by an insert operation.\n\t *\n\t * @internal\n\t */ _getTransformedByInsertOperation(operation) {\n        return this._getTransformedByInsertion(operation.position, operation.howMany);\n    }\n    /**\n\t * Returns a copy of this position transformed by a move operation.\n\t *\n\t * @internal\n\t */ _getTransformedByMoveOperation(operation) {\n        return this._getTransformedByMove(operation.sourcePosition, operation.targetPosition, operation.howMany);\n    }\n    /**\n\t * Returns a copy of this position transformed by a split operation.\n\t *\n\t * @internal\n\t */ _getTransformedBySplitOperation(operation) {\n        const movedRange = operation.movedRange;\n        const isContained = movedRange.containsPosition(this) || movedRange.start.isEqual(this) && this.stickiness == 'toNext';\n        if (isContained) {\n            return this._getCombined(operation.splitPosition, operation.moveTargetPosition);\n        } else {\n            if (operation.graveyardPosition) {\n                return this._getTransformedByMove(operation.graveyardPosition, operation.insertionPosition, 1);\n            } else {\n                return this._getTransformedByInsertion(operation.insertionPosition, 1);\n            }\n        }\n    }\n    /**\n\t * Returns a copy of this position transformed by merge operation.\n\t *\n\t * @internal\n\t */ _getTransformedByMergeOperation(operation) {\n        const movedRange = operation.movedRange;\n        const isContained = movedRange.containsPosition(this) || movedRange.start.isEqual(this);\n        let pos;\n        if (isContained) {\n            pos = this._getCombined(operation.sourcePosition, operation.targetPosition);\n            if (operation.sourcePosition.isBefore(operation.targetPosition)) {\n                // Above happens during OT when the merged element is moved before the merged-to element.\n                pos = pos._getTransformedByDeletion(operation.deletionPosition, 1);\n            }\n        } else if (this.isEqual(operation.deletionPosition)) {\n            pos = ModelPosition._createAt(operation.deletionPosition);\n        } else {\n            pos = this._getTransformedByMove(operation.deletionPosition, operation.graveyardPosition, 1);\n        }\n        return pos;\n    }\n    /**\n\t * Returns a copy of this position that is updated by removing `howMany` nodes starting from `deletePosition`.\n\t * It may happen that this position is in a removed node. If that is the case, `null` is returned instead.\n\t *\n\t * @internal\n\t * @param deletePosition Position before the first removed node.\n\t * @param howMany How many nodes are removed.\n\t * @returns Transformed position or `null`.\n\t */ _getTransformedByDeletion(deletePosition, howMany) {\n        const transformed = ModelPosition._createAt(this);\n        // This position can't be affected if deletion was in a different root.\n        if (this.root != deletePosition.root) {\n            return transformed;\n        }\n        if (compareArrays(deletePosition.getParentPath(), this.getParentPath()) == 'same') {\n            // If nodes are removed from the node that is pointed by this position...\n            if (deletePosition.offset < this.offset) {\n                // And are removed from before an offset of that position...\n                if (deletePosition.offset + howMany > this.offset) {\n                    // Position is in removed range, it's no longer in the tree.\n                    return null;\n                } else {\n                    // Decrement the offset accordingly.\n                    transformed.offset -= howMany;\n                }\n            }\n        } else if (compareArrays(deletePosition.getParentPath(), this.getParentPath()) == 'prefix') {\n            // If nodes are removed from a node that is on a path to this position...\n            const i = deletePosition.path.length - 1;\n            if (deletePosition.offset <= this.path[i]) {\n                // And are removed from before next node of that path...\n                if (deletePosition.offset + howMany > this.path[i]) {\n                    // If the next node of that path is removed return null\n                    // because the node containing this position got removed.\n                    return null;\n                } else {\n                    // Otherwise, decrement index on that path.\n                    transformed.path[i] -= howMany;\n                }\n            }\n        }\n        return transformed;\n    }\n    /**\n\t * Returns a copy of this position that is updated by inserting `howMany` nodes at `insertPosition`.\n\t *\n\t * @internal\n\t * @param insertPosition Position where nodes are inserted.\n\t * @param howMany How many nodes are inserted.\n\t * @returns Transformed position.\n\t */ _getTransformedByInsertion(insertPosition, howMany) {\n        const transformed = ModelPosition._createAt(this);\n        // This position can't be affected if insertion was in a different root.\n        if (this.root != insertPosition.root) {\n            return transformed;\n        }\n        if (compareArrays(insertPosition.getParentPath(), this.getParentPath()) == 'same') {\n            // If nodes are inserted in the node that is pointed by this position...\n            if (insertPosition.offset < this.offset || insertPosition.offset == this.offset && this.stickiness != 'toPrevious') {\n                // And are inserted before an offset of that position...\n                // \"Push\" this positions offset.\n                transformed.offset += howMany;\n            }\n        } else if (compareArrays(insertPosition.getParentPath(), this.getParentPath()) == 'prefix') {\n            // If nodes are inserted in a node that is on a path to this position...\n            const i = insertPosition.path.length - 1;\n            if (insertPosition.offset <= this.path[i]) {\n                // And are inserted before next node of that path...\n                // \"Push\" the index on that path.\n                transformed.path[i] += howMany;\n            }\n        }\n        return transformed;\n    }\n    /**\n\t * Returns a copy of this position that is updated by moving `howMany` nodes from `sourcePosition` to `targetPosition`.\n\t *\n\t * @internal\n\t * @param sourcePosition Position before the first element to move.\n\t * @param targetPosition Position where moved elements will be inserted.\n\t * @param howMany How many consecutive nodes to move, starting from `sourcePosition`.\n\t * @returns Transformed position.\n\t */ _getTransformedByMove(sourcePosition, targetPosition, howMany) {\n        // Update target position, as it could be affected by nodes removal.\n        targetPosition = targetPosition._getTransformedByDeletion(sourcePosition, howMany);\n        if (sourcePosition.isEqual(targetPosition)) {\n            // If `targetPosition` is equal to `sourcePosition` this isn't really any move. Just return position as it is.\n            return ModelPosition._createAt(this);\n        }\n        // Moving a range removes nodes from their original position. We acknowledge this by proper transformation.\n        const transformed = this._getTransformedByDeletion(sourcePosition, howMany);\n        const isMoved = transformed === null || sourcePosition.isEqual(this) && this.stickiness == 'toNext' || sourcePosition.getShiftedBy(howMany).isEqual(this) && this.stickiness == 'toPrevious';\n        if (isMoved) {\n            // This position is inside moved range (or sticks to it).\n            // In this case, we calculate a combination of this position, move source position and target position.\n            return this._getCombined(sourcePosition, targetPosition);\n        } else {\n            // This position is not inside a removed range.\n            //\n            // In next step, we simply reflect inserting `howMany` nodes, which might further affect the position.\n            return transformed._getTransformedByInsertion(targetPosition, howMany);\n        }\n    }\n    /**\n\t * Returns a new position that is a combination of this position and given positions.\n\t *\n\t * The combined position is a copy of this position transformed by moving a range starting at `source` position\n\t * to the `target` position. It is expected that this position is inside the moved range.\n\t *\n\t * Example:\n\t *\n\t * ```ts\n\t * let original = model.createPositionFromPath( root, [ 2, 3, 1 ] );\n\t * let source = model.createPositionFromPath( root, [ 2, 2 ] );\n\t * let target = model.createPositionFromPath( otherRoot, [ 1, 1, 3 ] );\n\t * original._getCombined( source, target ); // path is [ 1, 1, 4, 1 ], root is `otherRoot`\n\t * ```\n\t *\n\t * Explanation:\n\t *\n\t * We have a position `[ 2, 3, 1 ]` and move some nodes from `[ 2, 2 ]` to `[ 1, 1, 3 ]`. The original position\n\t * was inside moved nodes and now should point to the new place. The moved nodes will be after\n\t * positions `[ 1, 1, 3 ]`, `[ 1, 1, 4 ]`, `[ 1, 1, 5 ]`. Since our position was in the second moved node,\n\t * the transformed position will be in a sub-tree of a node at `[ 1, 1, 4 ]`. Looking at original path, we\n\t * took care of `[ 2, 3 ]` part of it. Now we have to add the rest of the original path to the transformed path.\n\t * Finally, the transformed position will point to `[ 1, 1, 4, 1 ]`.\n\t *\n\t * @internal\n\t * @param source Beginning of the moved range.\n\t * @param target Position where the range is moved.\n\t * @returns Combined position.\n\t */ _getCombined(source, target) {\n        const i = source.path.length - 1;\n        // The first part of a path to combined position is a path to the place where nodes were moved.\n        const combined = ModelPosition._createAt(target);\n        combined.stickiness = this.stickiness;\n        // Then we have to update the rest of the path.\n        // Fix the offset because this position might be after `from` position and we have to reflect that.\n        combined.offset = combined.offset + this.path[i] - source.offset;\n        // Then, add the rest of the path.\n        // If this position is at the same level as `from` position nothing will get added.\n        combined.path = [\n            ...combined.path,\n            ...this.path.slice(i + 1)\n        ];\n        return combined;\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        return {\n            root: this.root.toJSON(),\n            path: Array.from(this.path),\n            stickiness: this.stickiness\n        };\n    }\n    /**\n\t * Returns a new position that is equal to current position.\n\t */ clone() {\n        return new this.constructor(this.root, this.path, this.stickiness);\n    }\n    /**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/model/position~ModelPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/model/item~ModelItem model item} and `'before'` or `'after'` (sets position before or after given model item).\n\t *\n\t * This method is a shortcut to other factory methods such as:\n\t *\n\t * * {@link module:engine/model/position~ModelPosition._createBefore},\n\t * * {@link module:engine/model/position~ModelPosition._createAfter}.\n\t *\n\t * @internal\n\t * @param offset Offset or one of the flags. Used only when the first parameter\n\t * is a {@link module:engine/model/item~ModelItem model item}.\n\t * @param stickiness Position stickiness. Used only when the first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */ static _createAt(itemOrPosition, offset, stickiness = 'toNone') {\n        if (itemOrPosition.is('model:position')) {\n            return new ModelPosition(itemOrPosition.root, itemOrPosition.path, itemOrPosition.stickiness);\n        } else {\n            const node = itemOrPosition;\n            if (offset == 'end') {\n                offset = node.maxOffset;\n            } else if (offset == 'before') {\n                return this._createBefore(node, stickiness);\n            } else if (offset == 'after') {\n                return this._createAfter(node, stickiness);\n            } else if (offset !== 0 && !offset) {\n                /**\n\t\t\t\t * {@link module:engine/model/model~Model#createPositionAt `Model#createPositionAt()`}\n\t\t\t\t * requires the offset to be specified when the first parameter is a model item.\n\t\t\t\t *\n\t\t\t\t * @error model-createpositionat-offset-required\n\t\t\t\t */ throw new CKEditorError('model-createpositionat-offset-required', [\n                    this,\n                    itemOrPosition\n                ]);\n            }\n            if (!node.is('element') && !node.is('documentFragment')) {\n                /**\n\t\t\t\t * Position parent have to be a model element or model document fragment.\n\t\t\t\t *\n\t\t\t\t * @error model-position-parent-incorrect\n\t\t\t\t */ throw new CKEditorError('model-position-parent-incorrect', [\n                    this,\n                    itemOrPosition\n                ]);\n            }\n            const path = node.getPath();\n            path.push(offset);\n            return new this(node.root, path, stickiness);\n        }\n    }\n    /**\n\t * Creates a new position, after given {@link module:engine/model/item~ModelItem model item}.\n\t *\n\t * @internal\n\t * @param item Item after which the position should be placed.\n\t * @param stickiness Position stickiness.\n\t */ static _createAfter(item, stickiness) {\n        if (!item.parent) {\n            /**\n\t\t\t * You cannot make a position after a root element.\n\t\t\t *\n\t\t\t * @error model-position-after-root\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element..\n\t\t\t */ throw new CKEditorError('model-position-after-root', [\n                this,\n                item\n            ], {\n                root: item\n            });\n        }\n        return this._createAt(item.parent, item.endOffset, stickiness);\n    }\n    /**\n\t * Creates a new position, before the given {@link module:engine/model/item~ModelItem model item}.\n\t *\n\t * @internal\n\t * @param item Item before which the position should be placed.\n\t * @param stickiness Position stickiness.\n\t */ static _createBefore(item, stickiness) {\n        if (!item.parent) {\n            /**\n\t\t\t * You cannot make a position before a root element.\n\t\t\t *\n\t\t\t * @error model-position-before-root\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element..\n\t\t\t */ throw new CKEditorError('model-position-before-root', item, {\n                root: item\n            });\n        }\n        return this._createAt(item.parent, item.startOffset, stickiness);\n    }\n    /**\n\t * Creates a `Position` instance from given plain object (i.e. parsed JSON string).\n\t *\n\t * @param json Plain object to be converted to `Position`.\n\t * @param doc Document object that will be position owner.\n\t * @returns `Position` instance created using given plain object.\n\t */ static fromJSON(json, doc) {\n        if (json.root === '$graveyard') {\n            const pos = new ModelPosition(doc.graveyard, json.path);\n            pos.stickiness = json.stickiness;\n            return pos;\n        }\n        if (!doc.getRoot(json.root)) {\n            /**\n\t\t\t * Cannot create position for document. Root with specified name does not exist.\n\t\t\t *\n\t\t\t * @error model-position-fromjson-no-root\n\t\t\t * @param {string} rootName The root name.\n\t\t\t */ throw new CKEditorError('model-position-fromjson-no-root', doc, {\n                rootName: json.root\n            });\n        }\n        return new ModelPosition(doc.getRoot(json.root), json.path, json.stickiness);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelPosition.prototype.is = function(type) {\n    return type === 'position' || type === 'model:position';\n};\n/**\n * Returns a text node at the given position.\n *\n * This is a helper function optimized to reuse the position parent instance for performance reasons.\n *\n * Normally, you should use {@link module:engine/model/position~ModelPosition#textNode `Position#textNode`}.\n * If you start hitting performance issues with {@link module:engine/model/position~ModelPosition#parent `Position#parent`}\n * check if your algorithm does not access it multiple times (which can happen directly or indirectly via other position properties).\n *\n * See https://github.com/ckeditor/ckeditor5/issues/6579.\n *\n * See also:\n *\n * * {@link module:engine/model/position~getNodeAfterPosition}\n * * {@link module:engine/model/position~getNodeBeforePosition}\n *\n * @param position\n * @param positionParent The parent of the given position.\n * @internal\n */ function getTextNodeAtPosition(position, positionParent) {\n    const node = positionParent.getChildAtOffset(position.offset);\n    if (node && node.is('$text') && node.startOffset < position.offset) {\n        return node;\n    }\n    return null;\n}\n/**\n * Returns the node after the given position.\n *\n * This is a helper function optimized to reuse the position parent instance and the calculation of the text node at the\n * specific position for performance reasons.\n *\n * Normally, you should use {@link module:engine/model/position~ModelPosition#nodeAfter `Position#nodeAfter`}.\n * If you start hitting performance issues with {@link module:engine/model/position~ModelPosition#parent `Position#parent`} and/or\n * {@link module:engine/model/position~ModelPosition#textNode `Position#textNode`}\n * check if your algorithm does not access those properties multiple times\n * (which can happen directly or indirectly via other position properties).\n *\n * See https://github.com/ckeditor/ckeditor5/issues/6579 and https://github.com/ckeditor/ckeditor5/issues/6582.\n *\n * See also:\n *\n * * {@link module:engine/model/position~getTextNodeAtPosition}\n * * {@link module:engine/model/position~getNodeBeforePosition}\n *\n * @param position Position to check.\n * @param positionParent The parent of the given position.\n * @param textNode Text node at the given position.\n * @internal\n */ function getNodeAfterPosition(position, positionParent, textNode) {\n    if (textNode !== null) {\n        return null;\n    }\n    return positionParent.getChildAtOffset(position.offset);\n}\n/**\n * Returns the node before the given position.\n *\n * Refer to {@link module:engine/model/position~getNodeBeforePosition} for documentation on when to use this util method.\n *\n * See also:\n *\n * * {@link module:engine/model/position~getTextNodeAtPosition}\n * * {@link module:engine/model/position~getNodeAfterPosition}\n *\n * @param position Position to check.\n * @param positionParent The parent of the given position.\n * @param textNode Text node at the given position.\n * @internal\n */ function getNodeBeforePosition(position, positionParent, textNode) {\n    if (textNode !== null) {\n        return null;\n    }\n    return positionParent.getChild(positionParent.offsetToIndex(position.offset) - 1);\n}\n/**\n * This is a helper function for `Position#isTouching()`.\n *\n * It checks whether to given positions are touching, considering that they have the same root and paths\n * until given level, and at given level they differ by 1 (so they are branching at `level` point).\n *\n * The exact requirements for touching positions are described in `Position#isTouching()` and also\n * in the body of this function.\n *\n * @param left Position \"on the left\" (it is before `right`).\n * @param right Position \"on the right\" (it is after `left`).\n * @param level Level on which the positions are different.\n */ function checkTouchingBranch(left, right, level) {\n    if (level + 1 === left.path.length) {\n        // Left position does not have any more entries after the point where the positions differ.\n        // [ 2 ] vs [ 3 ]\n        // [ 2 ] vs [ 3, 0, 0 ]\n        // The positions are spread by node at [ 2 ].\n        return false;\n    }\n    if (!checkOnlyZeroes(right.path, level + 1)) {\n        // Right position does not have only zeroes, so we have situation like:\n        // [ 2, maxOffset ] vs [ 3, 1 ]\n        // [ 2, maxOffset ] vs [ 3, 1, 0, 0 ]\n        // The positions are spread by node at [ 3, 0 ].\n        return false;\n    }\n    if (!checkOnlyMaxOffset(left, level + 1)) {\n        // Left position does not have only max offsets, so we have situation like:\n        // [ 2, 4 ] vs [ 3 ]\n        // [ 2, 4 ] vs [ 3, 0, 0 ]\n        // The positions are spread by node at [ 2, 5 ].\n        return false;\n    }\n    // Left position has only max offsets and right position has only zeroes or nothing.\n    // [ 2, maxOffset ] vs [ 3 ]\n    // [ 2, maxOffset, maxOffset ] vs [ 3, 0 ]\n    // There are not elements between positions. The positions are touching.\n    return true;\n}\n/**\n * Checks whether for given array, starting from given index until the end of the array, all items are `0`s.\n *\n * This is a helper function for `Position#isTouching()`.\n */ function checkOnlyZeroes(arr, idx) {\n    while(idx < arr.length){\n        if (arr[idx] !== 0) {\n            return false;\n        }\n        idx++;\n    }\n    return true;\n}\n/**\n * Checks whether for given position, starting from given path level, whether the position is at the end of\n * its parent and whether each element on the path to the position is also at at the end of its parent.\n *\n * This is a helper function for `Position#isTouching()`.\n */ function checkOnlyMaxOffset(pos, level) {\n    let parent = pos.parent;\n    let idx = pos.path.length - 1;\n    let add = 0;\n    while(idx >= level){\n        if (pos.path[idx] + add !== parent.maxOffset) {\n            return false;\n        }\n        // After the first check, we \"go up\", and check whether the position's parent-parent is the last element.\n        // However, we need to add 1 to the value in the path to \"simulate\" moving the path after the parent.\n        // It happens just once.\n        add = 1;\n        idx--;\n        parent = parent.parent;\n    }\n    return true;\n}\n\n/**\n * Represents a range in the model tree.\n *\n * A range is defined by its {@link module:engine/model/range~ModelRange#start} and {@link module:engine/model/range~ModelRange#end}\n * positions.\n *\n * You can create range instances via its constructor or the `createRange*()` factory methods of\n * {@link module:engine/model/model~Model} and {@link module:engine/model/writer~ModelWriter}.\n */ class ModelRange extends ModelTypeCheckable {\n    /**\n\t * Start position.\n\t */ start;\n    /**\n\t * End position.\n\t */ end;\n    /**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * @param start The start position.\n\t * @param end The end position. If not set, the range will be collapsed at the `start` position.\n\t */ constructor(start, end){\n        super();\n        this.start = ModelPosition._createAt(start);\n        this.end = end ? ModelPosition._createAt(end) : ModelPosition._createAt(start);\n        // If the range is collapsed, treat in a similar way as a position and set its boundaries stickiness to 'toNone'.\n        // In other case, make the boundaries stick to the \"inside\" of the range.\n        this.start.stickiness = this.isCollapsed ? 'toNone' : 'toNext';\n        this.end.stickiness = this.isCollapsed ? 'toNone' : 'toPrevious';\n    }\n    /**\n\t * Iterable interface.\n\t *\n\t * Iterates over all {@link module:engine/model/item~ModelItem items} that are in this range and returns\n\t * them together with additional information like length or {@link module:engine/model/position~ModelPosition positions},\n\t * grouped as {@link module:engine/model/treewalker~ModelTreeWalkerValue}.\n\t * It iterates over all {@link module:engine/model/textproxy~ModelTextProxy text contents} that are inside the range\n\t * and all the {@link module:engine/model/element~ModelElement}s that are entered into when iterating over this range.\n\t *\n\t * This iterator uses {@link module:engine/model/treewalker~ModelTreeWalker} with `boundaries` set to this range\n\t * and `ignoreElementEnd` option set to `true`.\n\t */ *[Symbol.iterator]() {\n        yield* new ModelTreeWalker({\n            boundaries: this,\n            ignoreElementEnd: true\n        });\n    }\n    /**\n\t * Describes whether the range is collapsed, that is if {@link #start} and\n\t * {@link #end} positions are equal.\n\t */ get isCollapsed() {\n        return this.start.isEqual(this.end);\n    }\n    /**\n\t * Describes whether this range is flat, that is if {@link #start} position and\n\t * {@link #end} position are in the same {@link module:engine/model/position~ModelPosition#parent}.\n\t */ get isFlat() {\n        const startParentPath = this.start.getParentPath();\n        const endParentPath = this.end.getParentPath();\n        return compareArrays(startParentPath, endParentPath) == 'same';\n    }\n    /**\n\t * Range root element.\n\t */ get root() {\n        return this.start.root;\n    }\n    /**\n\t * Checks whether this range contains given {@link module:engine/model/position~ModelPosition position}.\n\t *\n\t * @param position Position to check.\n\t * @returns `true` if given {@link module:engine/model/position~ModelPosition position} is contained\n\t * in this range,`false` otherwise.\n\t */ containsPosition(position) {\n        return position.isAfter(this.start) && position.isBefore(this.end);\n    }\n    /**\n\t * Checks whether this range contains given {@link ~ModelRange range}.\n\t *\n\t * @param otherRange Range to check.\n\t * @param loose Whether the check is loose or strict. If the check is strict (`false`), compared range cannot\n\t * start or end at the same position as this range boundaries. If the check is loose (`true`), compared range can start, end or\n\t * even be equal to this range. Note that collapsed ranges are always compared in strict mode.\n\t * @returns {Boolean} `true` if given {@link ~ModelRange range} boundaries are contained by this range, `false` otherwise.\n\t */ containsRange(otherRange, loose = false) {\n        if (otherRange.isCollapsed) {\n            loose = false;\n        }\n        const containsStart = this.containsPosition(otherRange.start) || loose && this.start.isEqual(otherRange.start);\n        const containsEnd = this.containsPosition(otherRange.end) || loose && this.end.isEqual(otherRange.end);\n        return containsStart && containsEnd;\n    }\n    /**\n\t * Checks whether given {@link module:engine/model/item~ModelItem} is inside this range.\n\t */ containsItem(item) {\n        const pos = ModelPosition._createBefore(item);\n        return this.containsPosition(pos) || this.start.isEqual(pos);\n    }\n    /**\n\t * Two ranges are equal if their {@link #start} and {@link #end} positions are equal.\n\t *\n\t * @param otherRange Range to compare with.\n\t * @returns `true` if ranges are equal, `false` otherwise.\n\t */ isEqual(otherRange) {\n        return this.start.isEqual(otherRange.start) && this.end.isEqual(otherRange.end);\n    }\n    /**\n\t * Checks and returns whether this range intersects with given range.\n\t *\n\t * @param otherRange Range to compare with.\n\t * @returns `true` if ranges intersect, `false` otherwise.\n\t */ isIntersecting(otherRange) {\n        return this.start.isBefore(otherRange.end) && this.end.isAfter(otherRange.start);\n    }\n    /**\n\t * Computes which part(s) of this {@link ~ModelRange range} is not a part of given {@link ~ModelRange range}.\n\t * Returned array contains zero, one or two {@link ~ModelRange ranges}.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let range = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 2, 7 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 4, 0, 1 ] )\n\t * );\n\t * let otherRange = model.createRange( model.createPositionFromPath( root, [ 1 ] ), model.createPositionFromPath( root, [ 5 ] ) );\n\t * let transformed = range.getDifference( otherRange );\n\t * // transformed array has no ranges because `otherRange` contains `range`\n\t *\n\t * otherRange = model.createRange( model.createPositionFromPath( root, [ 1 ] ), model.createPositionFromPath( root, [ 3 ] ) );\n\t * transformed = range.getDifference( otherRange );\n\t * // transformed array has one range: from [ 3 ] to [ 4, 0, 1 ]\n\t *\n\t * otherRange = model.createRange( model.createPositionFromPath( root, [ 3 ] ), model.createPositionFromPath( root, [ 4 ] ) );\n\t * transformed = range.getDifference( otherRange );\n\t * // transformed array has two ranges: from [ 2, 7 ] to [ 3 ] and from [ 4 ] to [ 4, 0, 1 ]\n\t * ```\n\t *\n\t * @param otherRange Range to differentiate against.\n\t * @returns The difference between ranges.\n\t */ getDifference(otherRange) {\n        const ranges = [];\n        if (this.isIntersecting(otherRange)) {\n            // Ranges intersect.\n            if (this.containsPosition(otherRange.start)) {\n                // Given range start is inside this range. This means that we have to\n                // add shrunken range - from the start to the middle of this range.\n                ranges.push(new ModelRange(this.start, otherRange.start));\n            }\n            if (this.containsPosition(otherRange.end)) {\n                // Given range end is inside this range. This means that we have to\n                // add shrunken range - from the middle of this range to the end.\n                ranges.push(new ModelRange(otherRange.end, this.end));\n            }\n        } else {\n            // Ranges do not intersect, return the original range.\n            ranges.push(new ModelRange(this.start, this.end));\n        }\n        return ranges;\n    }\n    /**\n\t * Returns an intersection of this {@link ~ModelRange range} and given {@link ~ModelRange range}.\n\t * Intersection is a common part of both of those ranges. If ranges has no common part, returns `null`.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let range = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 2, 7 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 4, 0, 1 ] )\n\t * );\n\t * let otherRange = model.createRange( model.createPositionFromPath( root, [ 1 ] ), model.createPositionFromPath( root, [ 2 ] ) );\n\t * let transformed = range.getIntersection( otherRange ); // null - ranges have no common part\n\t *\n\t * otherRange = model.createRange( model.createPositionFromPath( root, [ 3 ] ), model.createPositionFromPath( root, [ 5 ] ) );\n\t * transformed = range.getIntersection( otherRange ); // range from [ 3 ] to [ 4, 0, 1 ]\n\t * ```\n\t *\n\t * @param otherRange Range to check for intersection.\n\t * @returns A common part of given ranges or `null` if ranges have no common part.\n\t */ getIntersection(otherRange) {\n        if (this.isIntersecting(otherRange)) {\n            // Ranges intersect, so a common range will be returned.\n            // At most, it will be same as this range.\n            let commonRangeStart = this.start;\n            let commonRangeEnd = this.end;\n            if (this.containsPosition(otherRange.start)) {\n                // Given range start is inside this range. This means thaNt we have to\n                // shrink common range to the given range start.\n                commonRangeStart = otherRange.start;\n            }\n            if (this.containsPosition(otherRange.end)) {\n                // Given range end is inside this range. This means that we have to\n                // shrink common range to the given range end.\n                commonRangeEnd = otherRange.end;\n            }\n            return new ModelRange(commonRangeStart, commonRangeEnd);\n        }\n        // Ranges do not intersect, so they do not have common part.\n        return null;\n    }\n    /**\n\t * Returns a range created by joining this {@link ~ModelRange range} with the given {@link ~ModelRange range}.\n\t * If ranges have no common part, returns `null`.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let range = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 2, 7 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 4, 0, 1 ] )\n\t * );\n\t * let otherRange = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 1 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 2 ] )\n \t * );\n\t * let transformed = range.getJoined( otherRange ); // null - ranges have no common part\n\t *\n\t * otherRange = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 3 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 5 ] )\n\t * );\n\t * transformed = range.getJoined( otherRange ); // range from [ 2, 7 ] to [ 5 ]\n\t * ```\n\t *\n\t * @param otherRange Range to be joined.\n\t * @param loose Whether the intersection check is loose or strict. If the check is strict (`false`),\n\t * ranges are tested for intersection or whether start/end positions are equal. If the check is loose (`true`),\n\t * compared range is also checked if it's {@link module:engine/model/position~ModelPosition#isTouching touching} current range.\n\t * @returns A sum of given ranges or `null` if ranges have no common part.\n\t */ getJoined(otherRange, loose = false) {\n        let shouldJoin = this.isIntersecting(otherRange);\n        if (!shouldJoin) {\n            if (this.start.isBefore(otherRange.start)) {\n                shouldJoin = loose ? this.end.isTouching(otherRange.start) : this.end.isEqual(otherRange.start);\n            } else {\n                shouldJoin = loose ? otherRange.end.isTouching(this.start) : otherRange.end.isEqual(this.start);\n            }\n        }\n        if (!shouldJoin) {\n            return null;\n        }\n        let startPosition = this.start;\n        let endPosition = this.end;\n        if (otherRange.start.isBefore(startPosition)) {\n            startPosition = otherRange.start;\n        }\n        if (otherRange.end.isAfter(endPosition)) {\n            endPosition = otherRange.end;\n        }\n        return new ModelRange(startPosition, endPosition);\n    }\n    /**\n\t * Computes and returns the smallest set of {@link #isFlat flat} ranges, that covers this range in whole.\n\t *\n\t * See an example of a model structure (`[` and `]` are range boundaries):\n\t *\n\t * ```\n\t * root                                                            root\n\t *  |- element DIV                         DIV             P2              P3             DIV\n\t *  |   |- element H                   H        P1        f o o           b a r       H         P4\n\t *  |   |   |- \"fir[st\"             fir[st     lorem                               se]cond     ipsum\n\t *  |   |- element P1\n\t *  |   |   |- \"lorem\"                                              ||\n\t *  |- element P2                                                   ||\n\t *  |   |- \"foo\"                                                    VV\n\t *  |- element P3\n\t *  |   |- \"bar\"                                                   root\n\t *  |- element DIV                         DIV             [P2             P3]             DIV\n\t *  |   |- element H                   H       [P1]       f o o           b a r        H         P4\n\t *  |   |   |- \"se]cond\"            fir[st]    lorem                               [se]cond     ipsum\n\t *  |   |- element P4\n\t *  |   |   |- \"ipsum\"\n\t * ```\n\t *\n\t * As it can be seen, letters contained in the range are: `stloremfoobarse`, spread across different parents.\n\t * We are looking for minimal set of flat ranges that contains the same nodes.\n\t *\n\t * Minimal flat ranges for above range `( [ 0, 0, 3 ], [ 3, 0, 2 ] )` will be:\n\t *\n\t * ```\n\t * ( [ 0, 0, 3 ], [ 0, 0, 5 ] ) = \"st\"\n\t * ( [ 0, 1 ], [ 0, 2 ] ) = element P1 (\"lorem\")\n\t * ( [ 1 ], [ 3 ] ) = element P2, element P3 (\"foobar\")\n\t * ( [ 3, 0, 0 ], [ 3, 0, 2 ] ) = \"se\"\n\t * ```\n\t *\n\t * **Note:** if an {@link module:engine/model/element~ModelElement element} is not wholly contained in this range, it won't be returned\n\t * in any of the returned flat ranges. See in the example how `H` elements at the beginning and at the end of the range\n\t * were omitted. Only their parts that were wholly in the range were returned.\n\t *\n\t * **Note:** this method is not returning flat ranges that contain no nodes.\n\t *\n\t * @returns Array of flat ranges covering this range.\n\t */ getMinimalFlatRanges() {\n        const ranges = [];\n        const diffAt = this.start.getCommonPath(this.end).length;\n        const pos = ModelPosition._createAt(this.start);\n        let posParent = pos.parent;\n        // Go up.\n        while(pos.path.length > diffAt + 1){\n            const howMany = posParent.maxOffset - pos.offset;\n            if (howMany !== 0) {\n                ranges.push(new ModelRange(pos, pos.getShiftedBy(howMany)));\n            }\n            pos.path = pos.path.slice(0, -1);\n            pos.offset++;\n            posParent = posParent.parent;\n        }\n        // Go down.\n        while(pos.path.length <= this.end.path.length){\n            const offset = this.end.path[pos.path.length - 1];\n            const howMany = offset - pos.offset;\n            if (howMany !== 0) {\n                ranges.push(new ModelRange(pos, pos.getShiftedBy(howMany)));\n            }\n            pos.offset = offset;\n            pos.path.push(0);\n        }\n        return ranges;\n    }\n    /**\n\t * Creates a {@link module:engine/model/treewalker~ModelTreeWalker TreeWalker} instance with this range as a boundary.\n\t *\n\t * For example, to iterate over all items in the entire document root:\n\t *\n\t * ```ts\n\t * // Create a range spanning over the entire root content:\n\t * const range = editor.model.createRangeIn( editor.model.document.getRoot() );\n\t *\n\t * // Iterate over all items in this range:\n\t * for ( const value of range.getWalker() ) {\n\t * \tconsole.log( value.item );\n\t * }\n\t * ```\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/model/treewalker~ModelTreeWalker}.\n\t */ getWalker(options = {}) {\n        options.boundaries = this;\n        return new ModelTreeWalker(options);\n    }\n    /**\n\t * Returns an iterator that iterates over all {@link module:engine/model/item~ModelItem items} that are in this range and returns\n\t * them.\n\t *\n\t * This method uses {@link module:engine/model/treewalker~ModelTreeWalker} with `boundaries` set to this range and\n\t * `ignoreElementEnd` option set to `true`. However it returns only {@link module:engine/model/item~ModelItem model items},\n\t * not {@link module:engine/model/treewalker~ModelTreeWalkerValue}.\n\t *\n\t * You may specify additional options for the tree walker. See {@link module:engine/model/treewalker~ModelTreeWalker} for\n\t * a full list of available options.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/model/treewalker~ModelTreeWalker}.\n\t */ *getItems(options = {}) {\n        options.boundaries = this;\n        options.ignoreElementEnd = true;\n        const treeWalker = new ModelTreeWalker(options);\n        for (const value of treeWalker){\n            yield value.item;\n        }\n    }\n    /**\n\t * Returns an iterator that iterates over all {@link module:engine/model/position~ModelPosition positions} that are boundaries or\n\t * contained in this range.\n\t *\n\t * This method uses {@link module:engine/model/treewalker~ModelTreeWalker} with `boundaries` set to this range. However it returns only\n\t * {@link module:engine/model/position~ModelPosition positions}, not {@link module:engine/model/treewalker~ModelTreeWalkerValue}.\n\t *\n\t * You may specify additional options for the tree walker. See {@link module:engine/model/treewalker~ModelTreeWalker} for\n\t * a full list of available options.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/model/treewalker~ModelTreeWalker}.\n\t */ *getPositions(options = {}) {\n        options.boundaries = this;\n        const treeWalker = new ModelTreeWalker(options);\n        yield treeWalker.position;\n        for (const value of treeWalker){\n            yield value.nextPosition;\n        }\n    }\n    /**\n\t * Returns a range that is a result of transforming this range by given `operation`.\n\t *\n\t * **Note:** transformation may break one range into multiple ranges (for example, when a part of the range is\n\t * moved to a different part of document tree). For this reason, an array is returned by this method and it\n\t * may contain one or more `Range` instances.\n\t *\n\t * @param operation Operation to transform range by.\n\t * @returns Range which is the result of transformation.\n\t */ getTransformedByOperation(operation) {\n        switch(operation.type){\n            case 'insert':\n                return this._getTransformedByInsertOperation(operation);\n            case 'move':\n            case 'remove':\n            case 'reinsert':\n                return this._getTransformedByMoveOperation(operation);\n            case 'split':\n                return [\n                    this._getTransformedBySplitOperation(operation)\n                ];\n            case 'merge':\n                return [\n                    this._getTransformedByMergeOperation(operation)\n                ];\n        }\n        return [\n            new ModelRange(this.start, this.end)\n        ];\n    }\n    /**\n\t * Returns a range that is a result of transforming this range by multiple `operations`.\n\t *\n\t * @see ~ModelRange#getTransformedByOperation\n\t * @param operations Operations to transform the range by.\n\t * @returns Range which is the result of transformation.\n\t */ getTransformedByOperations(operations) {\n        const ranges = [\n            new ModelRange(this.start, this.end)\n        ];\n        for (const operation of operations){\n            for(let i = 0; i < ranges.length; i++){\n                const result = ranges[i].getTransformedByOperation(operation);\n                ranges.splice(i, 1, ...result);\n                i += result.length - 1;\n            }\n        }\n        // It may happen that a range is split into two, and then the part of second \"piece\" is moved into first\n        // \"piece\". In this case we will have incorrect third range, which should not be included in the result --\n        // because it is already included in the first \"piece\". In this loop we are looking for all such ranges that\n        // are inside other ranges and we simply remove them.\n        for(let i = 0; i < ranges.length; i++){\n            const range = ranges[i];\n            for(let j = i + 1; j < ranges.length; j++){\n                const next = ranges[j];\n                if (range.containsRange(next) || next.containsRange(range) || range.isEqual(next)) {\n                    ranges.splice(j, 1);\n                }\n            }\n        }\n        return ranges;\n    }\n    /**\n\t * Returns an {@link module:engine/model/element~ModelElement} or {@link module:engine/model/documentfragment~ModelDocumentFragment}\n\t * which is a common ancestor of the range's both ends (in which the entire range is contained).\n\t */ getCommonAncestor() {\n        return this.start.getCommonAncestor(this.end);\n    }\n    /**\n\t * Returns an {@link module:engine/model/element~ModelElement Element} contained by the range.\n\t * The element will be returned when it is the **only** node within the range and **fully–contained**\n\t * at the same time.\n\t */ getContainedElement() {\n        if (this.isCollapsed) {\n            return null;\n        }\n        const nodeAfterStart = this.start.nodeAfter;\n        const nodeBeforeEnd = this.end.nodeBefore;\n        if (nodeAfterStart && nodeAfterStart.is('element') && nodeAfterStart === nodeBeforeEnd) {\n            return nodeAfterStart;\n        }\n        return null;\n    }\n    /**\n\t * Converts `Range` to plain object and returns it.\n\t *\n\t * @returns `Range` converted to plain object.\n\t */ toJSON() {\n        return {\n            start: this.start.toJSON(),\n            end: this.end.toJSON()\n        };\n    }\n    /**\n\t * Returns a new range that is equal to current range.\n\t */ clone() {\n        return new this.constructor(this.start, this.end);\n    }\n    /**\n\t * Returns a result of transforming a copy of this range by insert operation.\n\t *\n\t * One or more ranges may be returned as a result of this transformation.\n\t *\n\t * @internal\n\t */ _getTransformedByInsertOperation(operation, spread = false) {\n        return this._getTransformedByInsertion(operation.position, operation.howMany, spread);\n    }\n    /**\n\t * Returns a result of transforming a copy of this range by move operation.\n\t *\n\t * One or more ranges may be returned as a result of this transformation.\n\t *\n\t * @internal\n\t */ _getTransformedByMoveOperation(operation, spread = false) {\n        const sourcePosition = operation.sourcePosition;\n        const howMany = operation.howMany;\n        const targetPosition = operation.targetPosition;\n        return this._getTransformedByMove(sourcePosition, targetPosition, howMany, spread);\n    }\n    /**\n\t * Returns a result of transforming a copy of this range by split operation.\n\t *\n\t * Always one range is returned. The transformation is done in a way to not break the range.\n\t *\n\t * @internal\n\t */ _getTransformedBySplitOperation(operation) {\n        const start = this.start._getTransformedBySplitOperation(operation);\n        let end = this.end._getTransformedBySplitOperation(operation);\n        if (this.end.isEqual(operation.insertionPosition)) {\n            end = this.end.getShiftedBy(1);\n        }\n        // Below may happen when range contains graveyard element used by split operation.\n        if (start.root != end.root) {\n            // End position was next to the moved graveyard element and was moved with it.\n            // Fix it by using old `end` which has proper `root`.\n            end = this.end.getShiftedBy(-1);\n        }\n        return new ModelRange(start, end);\n    }\n    /**\n\t * Returns a result of transforming a copy of this range by merge operation.\n\t *\n\t * Always one range is returned. The transformation is done in a way to not break the range.\n\t *\n\t * @internal\n\t */ _getTransformedByMergeOperation(operation) {\n        // Special case when the marker is set on \"the closing tag\" of an element. Marker can be set like that during\n        // transformations, especially when a content of a few block elements were removed. For example:\n        //\n        // {} is the transformed range, [] is the removed range.\n        // <p>F[o{o</p><p>B}ar</p><p>Xy]z</p>\n        //\n        // <p>Fo{o</p><p>B}ar</p><p>z</p>\n        // <p>F{</p><p>B}ar</p><p>z</p>\n        // <p>F{</p>}<p>z</p>\n        // <p>F{}z</p>\n        //\n        if (this.start.isEqual(operation.targetPosition) && this.end.isEqual(operation.deletionPosition)) {\n            return new ModelRange(this.start);\n        }\n        let start = this.start._getTransformedByMergeOperation(operation);\n        let end = this.end._getTransformedByMergeOperation(operation);\n        if (start.root != end.root) {\n            // This happens when the end position was next to the merged (deleted) element.\n            // Then, the end position was moved to the graveyard root. In this case we need to fix\n            // the range cause its boundaries would be in different roots.\n            end = this.end.getShiftedBy(-1);\n        }\n        if (start.isAfter(end)) {\n            // This happens in three following cases:\n            //\n            // Case 1: Merge operation source position is before the target position (due to some transformations, OT, etc.)\n            //         This means that start can be moved before the end of the range.\n            //\n            // Before: <p>a{a</p><p>b}b</p><p>cc</p>\n            // Merge:  <p>b}b</p><p>cca{a</p>\n            // Fix:    <p>{b}b</p><p>ccaa</p>\n            //\n            // Case 2: Range start is before merged node but not directly.\n            //         Result should include all nodes that were in the original range.\n            //\n            // Before: <p>aa</p>{<p>cc</p><p>b}b</p>\n            // Merge:  <p>aab}b</p>{<p>cc</p>\n            // Fix:    <p>aa{bb</p><p>cc</p>}\n            //\n            //         The range is expanded by an additional `b` letter but it is better than dropping the whole `cc` paragraph.\n            //\n            // Case 3: Range start is directly before merged node.\n            //         Resulting range should include only nodes from the merged element:\n            //\n            // Before: <p>aa</p>{<p>b}b</p><p>cc</p>\n            // Merge:  <p>aab}b</p>{<p>cc</p>\n            // Fix:    <p>aa{b}b</p><p>cc</p>\n            //\n            if (operation.sourcePosition.isBefore(operation.targetPosition)) {\n                // Case 1.\n                start = ModelPosition._createAt(end);\n                start.offset = 0;\n            } else {\n                if (!operation.deletionPosition.isEqual(start)) {\n                    // Case 2.\n                    end = operation.deletionPosition;\n                }\n                // In both case 2 and 3 start is at the end of the merge-to element.\n                start = operation.targetPosition;\n            }\n            return new ModelRange(start, end);\n        }\n        return new ModelRange(start, end);\n    }\n    /**\n\t * Returns an array containing one or two {@link ~ModelRange ranges} that are a result of transforming this\n\t * {@link ~ModelRange range} by inserting `howMany` nodes at `insertPosition`. Two {@link ~ModelRange ranges} are\n\t * returned if the insertion was inside this {@link ~ModelRange range} and `spread` is set to `true`.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let range = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 2, 7 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 4, 0, 1 ] )\n\t * );\n\t * let transformed = range._getTransformedByInsertion( model.createPositionFromPath( root, [ 1 ] ), 2 );\n\t * // transformed array has one range from [ 4, 7 ] to [ 6, 0, 1 ]\n\t *\n\t * transformed = range._getTransformedByInsertion( model.createPositionFromPath( root, [ 4, 0, 0 ] ), 4 );\n\t * // transformed array has one range from [ 2, 7 ] to [ 4, 0, 5 ]\n\t *\n\t * transformed = range._getTransformedByInsertion( model.createPositionFromPath( root, [ 3, 2 ] ), 4 );\n\t * // transformed array has one range, which is equal to original range\n\t *\n\t * transformed = range._getTransformedByInsertion( model.createPositionFromPath( root, [ 3, 2 ] ), 4, true );\n\t * // transformed array has two ranges: from [ 2, 7 ] to [ 3, 2 ] and from [ 3, 6 ] to [ 4, 0, 1 ]\n\t * ```\n\t *\n\t * @internal\n\t * @param insertPosition Position where nodes are inserted.\n\t * @param howMany How many nodes are inserted.\n\t * @param spread Flag indicating whether this range should be spread if insertion\n\t * was inside the range. Defaults to `false`.\n\t * @returns Result of the transformation.\n\t */ _getTransformedByInsertion(insertPosition, howMany, spread = false) {\n        if (spread && this.containsPosition(insertPosition)) {\n            // Range has to be spread. The first part is from original start to the spread point.\n            // The other part is from spread point to the original end, but transformed by\n            // insertion to reflect insertion changes.\n            return [\n                new ModelRange(this.start, insertPosition),\n                new ModelRange(insertPosition.getShiftedBy(howMany), this.end._getTransformedByInsertion(insertPosition, howMany))\n            ];\n        } else {\n            const range = new ModelRange(this.start, this.end);\n            range.start = range.start._getTransformedByInsertion(insertPosition, howMany);\n            range.end = range.end._getTransformedByInsertion(insertPosition, howMany);\n            return [\n                range\n            ];\n        }\n    }\n    /**\n\t * Returns an array containing {@link ~ModelRange ranges} that are a result of transforming this\n\t * {@link ~ModelRange range} by moving `howMany` nodes from `sourcePosition` to `targetPosition`.\n\t *\n\t * @internal\n\t * @param sourcePosition Position from which nodes are moved.\n\t * @param targetPosition Position to where nodes are moved.\n\t * @param howMany How many nodes are moved.\n\t * @param spread Whether the range should be spread if the move points inside the range.\n\t * @returns  Result of the transformation.\n\t */ _getTransformedByMove(sourcePosition, targetPosition, howMany, spread = false) {\n        // Special case for transforming a collapsed range. Just transform it like a position.\n        if (this.isCollapsed) {\n            const newPos = this.start._getTransformedByMove(sourcePosition, targetPosition, howMany);\n            return [\n                new ModelRange(newPos)\n            ];\n        }\n        // Special case for transformation when a part of the range is moved towards the range.\n        //\n        // Examples:\n        //\n        // <div><p>ab</p><p>c[d</p></div><p>e]f</p> --> <div><p>ab</p></div><p>c[d</p><p>e]f</p>\n        // <p>e[f</p><div><p>a]b</p><p>cd</p></div> --> <p>e[f</p><p>a]b</p><div><p>cd</p></div>\n        //\n        // Without this special condition, the default algorithm leaves an \"artifact\" range from one of `differenceSet` parts:\n        //\n        // <div><p>ab</p><p>c[d</p></div><p>e]f</p> --> <div><p>ab</p>{</div>}<p>c[d</p><p>e]f</p>\n        //\n        // This special case is applied only if the range is to be kept together (not spread).\n        const moveRange = ModelRange._createFromPositionAndShift(sourcePosition, howMany);\n        const insertPosition = targetPosition._getTransformedByDeletion(sourcePosition, howMany);\n        if (this.containsPosition(targetPosition) && !spread) {\n            if (moveRange.containsPosition(this.start) || moveRange.containsPosition(this.end)) {\n                const start = this.start._getTransformedByMove(sourcePosition, targetPosition, howMany);\n                const end = this.end._getTransformedByMove(sourcePosition, targetPosition, howMany);\n                return [\n                    new ModelRange(start, end)\n                ];\n            }\n        }\n        // Default algorithm.\n        let result;\n        const differenceSet = this.getDifference(moveRange);\n        let difference = null;\n        const common = this.getIntersection(moveRange);\n        if (differenceSet.length == 1) {\n            // `moveRange` and this range may intersect but may be separate.\n            difference = new ModelRange(differenceSet[0].start._getTransformedByDeletion(sourcePosition, howMany), differenceSet[0].end._getTransformedByDeletion(sourcePosition, howMany));\n        } else if (differenceSet.length == 2) {\n            // `moveRange` is inside this range.\n            difference = new ModelRange(this.start, this.end._getTransformedByDeletion(sourcePosition, howMany));\n        } // else, `moveRange` contains this range.\n        if (difference) {\n            result = difference._getTransformedByInsertion(insertPosition, howMany, common !== null || spread);\n        } else {\n            result = [];\n        }\n        if (common) {\n            const transformedCommon = new ModelRange(common.start._getCombined(moveRange.start, insertPosition), common.end._getCombined(moveRange.start, insertPosition));\n            if (result.length == 2) {\n                result.splice(1, 0, transformedCommon);\n            } else {\n                result.push(transformedCommon);\n            }\n        }\n        return result;\n    }\n    /**\n\t * Returns a copy of this range that is transformed by deletion of `howMany` nodes from `deletePosition`.\n\t *\n\t * If the deleted range is intersecting with the transformed range, the transformed range will be shrank.\n\t *\n\t * If the deleted range contains transformed range, `null` will be returned.\n\t *\n\t * @internal\n\t * @param deletePosition Position from which nodes are removed.\n\t * @param howMany How many nodes are removed.\n\t * @returns Result of the transformation.\n\t */ _getTransformedByDeletion(deletePosition, howMany) {\n        let newStart = this.start._getTransformedByDeletion(deletePosition, howMany);\n        let newEnd = this.end._getTransformedByDeletion(deletePosition, howMany);\n        if (newStart == null && newEnd == null) {\n            return null;\n        }\n        if (newStart == null) {\n            newStart = deletePosition;\n        }\n        if (newEnd == null) {\n            newEnd = deletePosition;\n        }\n        return new ModelRange(newStart, newEnd);\n    }\n    /**\n\t * Creates a new range, spreading from specified {@link module:engine/model/position~ModelPosition position} to a position moved by\n\t * given `shift`. If `shift` is a negative value, shifted position is treated as the beginning of the range.\n\t *\n\t * @internal\n\t * @param position Beginning of the range.\n\t * @param shift How long the range should be.\n\t */ static _createFromPositionAndShift(position, shift) {\n        const start = position;\n        const end = position.getShiftedBy(shift);\n        return shift > 0 ? new this(start, end) : new this(end, start);\n    }\n    /**\n\t * Creates a range inside an {@link module:engine/model/element~ModelElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @internal\n\t * @param element Element which is a parent for the range.\n\t */ static _createIn(element) {\n        return new this(ModelPosition._createAt(element, 0), ModelPosition._createAt(element, element.maxOffset));\n    }\n    /**\n\t * Creates a range that starts before given {@link module:engine/model/item~ModelItem model item} and ends after it.\n\t *\n\t * @internal\n\t */ static _createOn(item) {\n        return this._createFromPositionAndShift(ModelPosition._createBefore(item), item.offsetSize);\n    }\n    /**\n\t * Combines all ranges from the passed array into a one range. At least one range has to be passed.\n\t * Passed ranges must not have common parts.\n\t *\n\t * The first range from the array is a reference range. If other ranges start or end on the exactly same position where\n\t * the reference range, they get combined into one range.\n\t *\n\t * ```\n\t * [  ][]  [    ][ ][             ][ ][]  [  ]  // Passed ranges, shown sorted\n\t * [    ]                                       // The result of the function if the first range was a reference range.\n\t *         [                           ]        // The result of the function if the third-to-seventh range was a reference range.\n\t *                                        [  ]  // The result of the function if the last range was a reference range.\n\t * ```\n\t *\n\t * @internal\n\t * @param ranges Ranges to combine.\n\t * @returns Combined range.\n\t */ static _createFromRanges(ranges) {\n        if (ranges.length === 0) {\n            /**\n\t\t\t * At least one range has to be passed to\n\t\t\t * {@link module:engine/model/range~ModelRange._createFromRanges `Range._createFromRanges()`}.\n\t\t\t *\n\t\t\t * @error range-create-from-ranges-empty-array\n\t\t\t */ throw new CKEditorError('range-create-from-ranges-empty-array', null);\n        } else if (ranges.length == 1) {\n            return ranges[0].clone();\n        }\n        // 1. Set the first range in `ranges` array as a reference range.\n        // If we are going to return just a one range, one of the ranges need to be the reference one.\n        // Other ranges will be stuck to that range, if possible.\n        const ref = ranges[0];\n        // 2. Sort all the ranges, so it's easier to process them.\n        ranges.sort((a, b)=>{\n            return a.start.isAfter(b.start) ? 1 : -1;\n        });\n        // 3. Check at which index the reference range is now.\n        const refIndex = ranges.indexOf(ref);\n        // 4. At this moment we don't need the original range.\n        // We are going to modify the result, and we need to return a new instance of Range.\n        // We have to create a copy of the reference range.\n        const result = new this(ref.start, ref.end);\n        // 5. Ranges should be checked and glued starting from the range that is closest to the reference range.\n        // Since ranges are sorted, start with the range with index that is closest to reference range index.\n        for(let i = refIndex - 1; i >= 0; i--){\n            if (ranges[i].end.isEqual(result.start)) {\n                result.start = ModelPosition._createAt(ranges[i].start);\n            } else {\n                break;\n            }\n        }\n        // 6. Ranges should be checked and glued starting from the range that is closest to the reference range.\n        // Since ranges are sorted, start with the range with index that is closest to reference range index.\n        for(let i = refIndex + 1; i < ranges.length; i++){\n            if (ranges[i].start.isEqual(result.end)) {\n                result.end = ModelPosition._createAt(ranges[i].end);\n            } else {\n                break;\n            }\n        }\n        return result;\n    }\n    /**\n\t * Creates a `Range` instance from given plain object (i.e. parsed JSON string).\n\t *\n\t * @param json Plain object to be converted to `Range`.\n\t * @param doc Document object that will be range owner.\n\t * @returns `Range` instance created using given plain object.\n\t */ static fromJSON(json, doc) {\n        return new this(ModelPosition.fromJSON(json.start, doc), ModelPosition.fromJSON(json.end, doc));\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelRange.prototype.is = function(type) {\n    return type === 'range' || type === 'model:range';\n};\n\n/**\n * Maps elements, positions and markers between the {@link module:engine/view/document~ViewDocument view} and\n * the {@link module:engine/model/model model}.\n *\n * The instance of the Mapper used for the editing pipeline is available in\n * {@link module:engine/controller/editingcontroller~EditingController#mapper `editor.editing.mapper`}.\n *\n * Mapper uses bound elements to find corresponding elements and positions, so, to get proper results,\n * all model elements should be {@link module:engine/conversion/mapper~Mapper#bindElements bound}.\n *\n * To map the complex model to/from view relations, you may provide custom callbacks for the\n * {@link module:engine/conversion/mapper~Mapper#event:modelToViewPosition modelToViewPosition event} and\n * {@link module:engine/conversion/mapper~Mapper#event:viewToModelPosition viewToModelPosition event} that are fired whenever\n * a position mapping request occurs.\n * Those events are fired by the {@link module:engine/conversion/mapper~Mapper#toViewPosition toViewPosition}\n * and {@link module:engine/conversion/mapper~Mapper#toModelPosition toModelPosition} methods. `Mapper` adds its own default callbacks\n * with `'lowest'` priority. To override default `Mapper` mapping, add custom callback with higher priority and\n * stop the event.\n */ class Mapper extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * Model element to view element mapping.\n\t */ _modelToViewMapping = new WeakMap();\n    /**\n\t * View element to model element mapping.\n\t */ _viewToModelMapping = new WeakMap();\n    /**\n\t * A map containing callbacks between view element names and functions evaluating length of view elements\n\t * in model.\n\t */ _viewToModelLengthCallbacks = new Map();\n    /**\n\t * Model marker name to view elements mapping.\n\t *\n\t * Keys are `String`s while values are `Set`s with {@link module:engine/view/element~ViewElement view elements}.\n\t * One marker (name) can be mapped to multiple elements.\n\t */ _markerNameToElements = new Map();\n    /**\n\t * View element to model marker names mapping.\n\t *\n\t * This is reverse to {@link ~Mapper#_markerNameToElements} map.\n\t */ _elementToMarkerNames = new Map();\n    /**\n\t * The map of removed view elements with their current root (used for deferred unbinding).\n\t */ _deferredBindingRemovals = new Map();\n    /**\n\t * Stores marker names of markers which have changed due to unbinding a view element (so it is assumed that the view element\n\t * has been removed, moved or renamed).\n\t */ _unboundMarkerNames = new Set();\n    /**\n\t * Manages dynamic cache for the `Mapper` to improve the performance.\n\t */ _cache = new MapperCache();\n    /**\n\t * Creates an instance of the mapper.\n\t */ constructor(){\n        super();\n        // Default mapper algorithm for mapping model position to view position.\n        this.on('modelToViewPosition', (evt, data)=>{\n            if (data.viewPosition) {\n                return;\n            }\n            const viewContainer = this._modelToViewMapping.get(data.modelPosition.parent);\n            if (!viewContainer) {\n                /**\n\t\t\t\t * A model position could not be mapped to the view because the parent of the model position\n\t\t\t\t * does not have a mapped view element (might have not been converted yet or it has no converter).\n\t\t\t\t *\n\t\t\t\t * Make sure that the model element is correctly converted to the view.\n\t\t\t\t *\n\t\t\t\t * @error mapping-model-position-view-parent-not-found\n\t\t\t\t */ throw new CKEditorError('mapping-model-position-view-parent-not-found', this, {\n                    modelPosition: data.modelPosition\n                });\n            }\n            data.viewPosition = this.findPositionIn(viewContainer, data.modelPosition.offset);\n        }, {\n            priority: 'low'\n        });\n        // Default mapper algorithm for mapping view position to model position.\n        this.on('viewToModelPosition', (evt, data)=>{\n            if (data.modelPosition) {\n                return;\n            }\n            const viewBlock = this.findMappedViewAncestor(data.viewPosition);\n            const modelParent = this._viewToModelMapping.get(viewBlock);\n            const modelOffset = this._toModelOffset(data.viewPosition.parent, data.viewPosition.offset, viewBlock);\n            data.modelPosition = ModelPosition._createAt(modelParent, modelOffset);\n        }, {\n            priority: 'low'\n        });\n    }\n    /**\n\t * Marks model and view elements as corresponding. Corresponding elements can be retrieved by using\n\t * the {@link module:engine/conversion/mapper~Mapper#toModelElement toModelElement} and\n\t * {@link module:engine/conversion/mapper~Mapper#toViewElement toViewElement} methods.\n\t * The information that elements are bound is also used to translate positions.\n\t *\n\t * @param modelElement Model element.\n\t * @param viewElement View element.\n\t */ bindElements(modelElement, viewElement) {\n        this._modelToViewMapping.set(modelElement, viewElement);\n        this._viewToModelMapping.set(viewElement, modelElement);\n    }\n    /**\n\t * Unbinds the given {@link module:engine/view/element~ViewElement view element} from the map.\n\t *\n\t * **Note:** view-to-model binding will be removed, if it existed. However, corresponding model-to-view binding\n\t * will be removed only if model element is still bound to the passed `viewElement`.\n\t *\n\t * This behavior allows for re-binding model element to another view element without fear of losing the new binding\n\t * when the previously bound view element is unbound.\n\t *\n\t * @param viewElement View element to unbind.\n\t * @param options The options object.\n\t * @param options.defer Controls whether the binding should be removed immediately or deferred until a\n\t * {@link #flushDeferredBindings `flushDeferredBindings()`} call.\n\t */ unbindViewElement(viewElement, options = {}) {\n        const modelElement = this.toModelElement(viewElement);\n        if (this._elementToMarkerNames.has(viewElement)) {\n            for (const markerName of this._elementToMarkerNames.get(viewElement)){\n                this._unboundMarkerNames.add(markerName);\n            }\n        }\n        if (options.defer) {\n            this._deferredBindingRemovals.set(viewElement, viewElement.root);\n        } else {\n            const wasFound = this._viewToModelMapping.delete(viewElement);\n            if (wasFound) {\n                // Stop tracking after the element is no longer mapped. We want to track all mapped elements and only mapped elements.\n                this._cache.stopTracking(viewElement);\n            }\n            if (this._modelToViewMapping.get(modelElement) == viewElement) {\n                this._modelToViewMapping.delete(modelElement);\n            }\n        }\n    }\n    /**\n\t * Unbinds the given {@link module:engine/model/element~ModelElement model element} from the map.\n\t *\n\t * **Note:** the model-to-view binding will be removed, if it existed. However, the corresponding view-to-model binding\n\t * will be removed only if the view element is still bound to the passed `modelElement`.\n\t *\n\t * This behavior lets for re-binding view element to another model element without fear of losing the new binding\n\t * when the previously bound model element is unbound.\n\t *\n\t * @param modelElement Model element to unbind.\n\t */ unbindModelElement(modelElement) {\n        const viewElement = this.toViewElement(modelElement);\n        this._modelToViewMapping.delete(modelElement);\n        if (this._viewToModelMapping.get(viewElement) == modelElement) {\n            const wasFound = this._viewToModelMapping.delete(viewElement);\n            if (wasFound) {\n                // Stop tracking after the element is no longer mapped. We want to track all mapped elements and only mapped elements.\n                this._cache.stopTracking(viewElement);\n            }\n        }\n    }\n    /**\n\t * Binds the given marker name with the given {@link module:engine/view/element~ViewElement view element}. The element\n\t * will be added to the current set of elements bound with the given marker name.\n\t *\n\t * @param element Element to bind.\n\t * @param name Marker name.\n\t */ bindElementToMarker(element, name) {\n        const elements = this._markerNameToElements.get(name) || new Set();\n        elements.add(element);\n        const names = this._elementToMarkerNames.get(element) || new Set();\n        names.add(name);\n        this._markerNameToElements.set(name, elements);\n        this._elementToMarkerNames.set(element, names);\n    }\n    /**\n\t * Unbinds an element from given marker name.\n\t *\n\t * @param element Element to unbind.\n\t * @param name Marker name.\n\t */ unbindElementFromMarkerName(element, name) {\n        const nameToElements = this._markerNameToElements.get(name);\n        if (nameToElements) {\n            nameToElements.delete(element);\n            if (nameToElements.size == 0) {\n                this._markerNameToElements.delete(name);\n            }\n        }\n        const elementToNames = this._elementToMarkerNames.get(element);\n        if (elementToNames) {\n            elementToNames.delete(name);\n            if (elementToNames.size == 0) {\n                this._elementToMarkerNames.delete(element);\n            }\n        }\n    }\n    /**\n\t * Returns all marker names of markers which have changed due to unbinding a view element (so it is assumed that the view element\n\t * has been removed, moved or renamed) since the last flush. After returning, the marker names list is cleared.\n\t */ flushUnboundMarkerNames() {\n        const markerNames = Array.from(this._unboundMarkerNames);\n        this._unboundMarkerNames.clear();\n        return markerNames;\n    }\n    /**\n\t * Unbinds all deferred binding removals of view elements that in the meantime were not re-attached to some root or document fragment.\n\t *\n\t * See: {@link #unbindViewElement `unbindViewElement()`}.\n\t */ flushDeferredBindings() {\n        for (const [viewElement, root] of this._deferredBindingRemovals){\n            // Unbind it only if it wasn't re-attached to some root or document fragment.\n            if (viewElement.root == root) {\n                this.unbindViewElement(viewElement);\n            }\n        }\n        this._deferredBindingRemovals = new Map();\n    }\n    /**\n\t * Removes all model to view and view to model bindings.\n\t */ clearBindings() {\n        this._modelToViewMapping = new WeakMap();\n        this._viewToModelMapping = new WeakMap();\n        this._markerNameToElements = new Map();\n        this._elementToMarkerNames = new Map();\n        this._unboundMarkerNames = new Set();\n        this._deferredBindingRemovals = new Map();\n    }\n    toModelElement(viewElement) {\n        return this._viewToModelMapping.get(viewElement);\n    }\n    toViewElement(modelElement) {\n        return this._modelToViewMapping.get(modelElement);\n    }\n    /**\n\t * Gets the corresponding model range.\n\t *\n\t * @param viewRange View range.\n\t * @returns Corresponding model range.\n\t */ toModelRange(viewRange) {\n        return new ModelRange(this.toModelPosition(viewRange.start), this.toModelPosition(viewRange.end));\n    }\n    /**\n\t * Gets the corresponding view range.\n\t *\n\t * @param modelRange Model range.\n\t * @returns Corresponding view range.\n\t */ toViewRange(modelRange) {\n        return new ViewRange(this.toViewPosition(modelRange.start), this.toViewPosition(modelRange.end));\n    }\n    /**\n\t * Gets the corresponding model position.\n\t *\n\t * @fires viewToModelPosition\n\t * @param viewPosition View position.\n\t * @returns Corresponding model position.\n\t */ toModelPosition(viewPosition) {\n        const data = {\n            viewPosition,\n            mapper: this\n        };\n        this.fire('viewToModelPosition', data);\n        return data.modelPosition;\n    }\n    /**\n\t * Gets the corresponding view position.\n\t *\n\t * @fires modelToViewPosition\n\t * @param modelPosition Model position.\n\t * @param options Additional options for position mapping process.\n\t * @param options.isPhantom Should be set to `true` if the model position to map is pointing to a place\n\t * in model tree which no longer exists. For example, it could be an end of a removed model range.\n\t * @returns Corresponding view position.\n\t */ toViewPosition(modelPosition, options = {}) {\n        const data = {\n            modelPosition,\n            mapper: this,\n            isPhantom: options.isPhantom\n        };\n        this.fire('modelToViewPosition', data);\n        return data.viewPosition;\n    }\n    /**\n\t * Gets all view elements bound to the given marker name.\n\t *\n\t * @param name Marker name.\n\t * @returns View elements bound with the given marker name or `null`\n\t * if no elements are bound to the given marker name.\n\t */ markerNameToElements(name) {\n        const boundElements = this._markerNameToElements.get(name);\n        if (!boundElements) {\n            return null;\n        }\n        const elements = new Set();\n        for (const element of boundElements){\n            if (element.is('attributeElement')) {\n                for (const clone of element.getElementsWithSameId()){\n                    elements.add(clone);\n                }\n            } else {\n                elements.add(element);\n            }\n        }\n        return elements;\n    }\n    /**\n\t * **This method is deprecated and will be removed in one of the future CKEditor 5 releases.**\n\t *\n\t * **Using this method will turn off `Mapper` caching system and may degrade performance when operating on bigger documents.**\n\t *\n\t * Registers a callback that evaluates the length in the model of a view element with the given name.\n\t *\n\t * The callback is fired with one argument, which is a view element instance. The callback is expected to return\n\t * a number representing the length of the view element in the model.\n\t *\n\t * ```ts\n\t * // List item in view may contain nested list, which have other list items. In model though,\n\t * // the lists are represented by flat structure. Because of those differences, length of list view element\n\t * // may be greater than one. In the callback it's checked how many nested list items are in evaluated list item.\n\t *\n\t * function getViewListItemLength( element ) {\n\t * \tlet length = 1;\n\t *\n\t * \tfor ( let child of element.getChildren() ) {\n\t * \t\tif ( child.name == 'ul' || child.name == 'ol' ) {\n\t * \t\t\tfor ( let item of child.getChildren() ) {\n\t * \t\t\t\tlength += getViewListItemLength( item );\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t *\n\t * \treturn length;\n\t * }\n\t *\n\t * mapper.registerViewToModelLength( 'li', getViewListItemLength );\n\t * ```\n\t *\n\t * @param viewElementName Name of view element for which callback is registered.\n\t * @param lengthCallback Function return a length of view element instance in model.\n\t * @deprecated\n\t */ registerViewToModelLength(viewElementName, lengthCallback) {\n        this._viewToModelLengthCallbacks.set(viewElementName, lengthCallback);\n    }\n    /**\n\t * For the given `viewPosition`, finds and returns the closest ancestor of this position that has a mapping to\n\t * the model.\n\t *\n\t * @param viewPosition Position for which a mapped ancestor should be found.\n\t */ findMappedViewAncestor(viewPosition) {\n        let parent = viewPosition.parent;\n        while(!this._viewToModelMapping.has(parent)){\n            parent = parent.parent;\n        }\n        return parent;\n    }\n    /**\n\t * Calculates model offset based on the view position and the block element.\n\t *\n\t * Example:\n\t *\n\t * ```html\n\t * <p>foo<b>ba|r</b></p> // _toModelOffset( b, 2, p ) -> 5\n\t * ```\n\t *\n\t * Is a sum of:\n\t *\n\t * ```html\n\t * <p>foo|<b>bar</b></p> // _toModelOffset( p, 3, p ) -> 3\n\t * <p>foo<b>ba|r</b></p> // _toModelOffset( b, 2, b ) -> 2\n\t * ```\n\t *\n\t * @param viewParent Position parent.\n\t * @param viewOffset Position offset.\n\t * @param viewBlock Block used as a base to calculate offset.\n\t * @returns Offset in the model.\n\t */ _toModelOffset(viewParent, viewOffset, viewBlock) {\n        if (viewBlock != viewParent) {\n            // See example.\n            const offsetToParentStart = this._toModelOffset(viewParent.parent, viewParent.index, viewBlock);\n            const offsetInParent = this._toModelOffset(viewParent, viewOffset, viewParent);\n            return offsetToParentStart + offsetInParent;\n        }\n        // viewBlock == viewParent, so we need to calculate the offset in the parent element.\n        // If the position is a text it is simple (\"ba|r\" -> 2).\n        if (viewParent.is('$text')) {\n            return viewOffset;\n        }\n        // If the position is in an element we need to sum lengths of siblings ( <b> bar </b> foo | -> 3 + 3 = 6 ).\n        let modelOffset = 0;\n        for(let i = 0; i < viewOffset; i++){\n            modelOffset += this.getModelLength(viewParent.getChild(i));\n        }\n        return modelOffset;\n    }\n    /**\n\t * Gets the length of the view element in the model.\n\t *\n\t * The length is calculated as follows:\n\t * * if a {@link #registerViewToModelLength length mapping callback} is provided for the given `viewNode`, it is used to\n\t * evaluate the model length (`viewNode` is used as first and only parameter passed to the callback),\n\t * * length of a {@link module:engine/view/text~ViewText text node} is equal to the length of its\n\t * {@link module:engine/view/text~ViewText#data data},\n\t * * length of a {@link module:engine/view/uielement~ViewUIElement ui element} is equal to 0,\n\t * * length of a mapped {@link module:engine/view/element~ViewElement element} is equal to 1,\n\t * * length of a non-mapped {@link module:engine/view/element~ViewElement element} is equal to the length of its children.\n\t *\n\t * Examples:\n\t *\n\t * ```\n\t * foo                          -> 3 // Text length is equal to its data length.\n\t * <p>foo</p>                   -> 1 // Length of an element which is mapped is by default equal to 1.\n\t * <b>foo</b>                   -> 3 // Length of an element which is not mapped is a length of its children.\n\t * <div><p>x</p><p>y</p></div>  -> 2 // Assuming that <div> is not mapped and <p> are mapped.\n\t * ```\n\t *\n\t * @param viewNode View node.\n\t * @returns Length of the node in the tree model.\n\t */ getModelLength(viewNode) {\n        const stack = [\n            viewNode\n        ];\n        let len = 0;\n        while(stack.length > 0){\n            const node = stack.pop();\n            const callback = node.name && this._viewToModelLengthCallbacks.size > 0 && this._viewToModelLengthCallbacks.get(node.name);\n            if (callback) {\n                len += callback(node);\n            } else if (this._viewToModelMapping.has(node)) {\n                len += 1;\n            } else if (node.is('$text')) {\n                len += node.data.length;\n            } else if (node.is('uiElement')) {\n                continue;\n            } else {\n                for (const child of node.getChildren()){\n                    stack.push(child);\n                }\n            }\n        }\n        return len;\n    }\n    /**\n\t * Finds the position in a view element or view document fragment node (or in its children) with the expected model offset.\n\t *\n\t * If the passed `viewContainer` is bound to model, `Mapper` will use caching mechanism to improve performance.\n\t *\n\t * @param viewContainer Tree view element in which we are looking for the position.\n\t * @param modelOffset Expected offset.\n\t * @returns Found position.\n\t */ findPositionIn(viewContainer, modelOffset) {\n        if (modelOffset === 0) {\n            // Quickly return if asked for a position at the beginning of the container. No need to fire complex mechanisms to find it.\n            return this._moveViewPositionToTextNode(new ViewPosition(viewContainer, 0));\n        }\n        // Use cache only if there are no custom view-to-model length callbacks and only for bound elements.\n        // View-to-model length callbacks are deprecated and should be removed in one of the following releases.\n        // Then it will be possible to simplify some logic inside `Mapper`.\n        // Note: we could consider requiring `viewContainer` to be a mapped item.\n        const useCache = this._viewToModelLengthCallbacks.size == 0 && this._viewToModelMapping.has(viewContainer);\n        if (useCache) {\n            const cacheItem = this._cache.getClosest(viewContainer, modelOffset);\n            return this._findPositionStartingFrom(cacheItem.viewPosition, cacheItem.modelOffset, modelOffset, viewContainer, true);\n        } else {\n            return this._findPositionStartingFrom(new ViewPosition(viewContainer, 0), 0, modelOffset, viewContainer, false);\n        }\n    }\n    /**\n\t * Performs most of the logic for `Mapper#findPositionIn()`.\n\t *\n\t * It allows to start looking for the requested model offset from a given starting position, to enable caching. Using the cache,\n\t * you can set the starting point and skip all the calculations that were already previously done.\n\t *\n\t * This method uses recursion to find positions inside deep structures. Example:\n\t *\n\t * ```\n\t * <p>fo<b>bar</b>bom</p>  -> target offset: 4\n\t * <p>|fo<b>bar</b>bom</p> -> target offset: 4, traversed offset: 0\n\t * <p>fo|<b>bar</b>bom</p> -> target offset: 4, traversed offset: 2\n\t * <p>fo<b>bar</b>|bom</p> -> target offset: 4, traversed offset: 5 -> we are too far, look recursively in <b>.\n\t *\n\t * <p>fo<b>|bar</b>bom</p> -> target offset: 4, traversed offset: 2\n\t * <p>fo<b>bar|</b>bom</p> -> target offset: 4, traversed offset: 5 -> we are too far, look inside \"bar\".\n\t *\n\t * <p>fo<b>ba|r</b>bom</p> -> target offset: 4, traversed offset: 2 -> position is inside text node at offset 4-2 = 2.\n\t * ```\n\t *\n\t * @param startViewPosition View position to start looking from.\n\t * @param startModelOffset Model offset related to `startViewPosition`.\n\t * @param targetModelOffset Target model offset to find.\n\t * @param viewContainer Mapped ancestor of `startViewPosition`. `startModelOffset` is the offset inside a model element or model\n\t * document fragment mapped to `viewContainer`.\n\t * @param useCache Whether `Mapper` should cache positions while traversing the view tree looking for `expectedModelOffset`.\n\t * @returns View position mapped to `targetModelOffset`.\n\t */ _findPositionStartingFrom(startViewPosition, startModelOffset, targetModelOffset, viewContainer, useCache) {\n        let viewParent = startViewPosition.parent;\n        let viewOffset = startViewPosition.offset;\n        // In the text node it is simple: the offset in the model equals the offset in the text.\n        if (viewParent.is('$text')) {\n            return new ViewPosition(viewParent, targetModelOffset - startModelOffset);\n        }\n        // Last scanned view node.\n        let viewNode;\n        // Total model offset of the view nodes that were visited so far.\n        let traversedModelOffset = startModelOffset;\n        // Model length of the last traversed view node.\n        let lastLength = 0;\n        while(traversedModelOffset < targetModelOffset){\n            viewNode = viewParent.getChild(viewOffset);\n            if (!viewNode) {\n                // If we still haven't reached the model offset, but we reached end of this `viewParent`, then we need to \"leave\" this\n                // element and \"go up\", looking further for the target model offset. This can happen when cached model offset is \"deeper\"\n                // but target model offset is \"higher\" in the view tree.\n                //\n                // Example: `<p>Foo<strong><em>Bar</em>^Baz</strong>Xyz</p>`\n                //\n                // Consider `^` is last cached position, when the `targetModelOffset` is `12`. In such case, we need to \"go up\" from\n                // `<strong>` and continue traversing in `<p>`.\n                //\n                if (viewParent == viewContainer) {\n                    /**\n\t\t\t\t\t * A model position could not be mapped to the view because specified model offset was too big and could not be\n\t\t\t\t\t * found inside the mapped view element or view document fragment.\n\t\t\t\t\t *\n\t\t\t\t\t * @error mapping-model-offset-not-found\n\t\t\t\t\t */ throw new CKEditorError('mapping-model-offset-not-found', this, {\n                        modelOffset: targetModelOffset,\n                        viewContainer\n                    });\n                } else {\n                    viewOffset = viewParent.parent.getChildIndex(viewParent) + 1;\n                    viewParent = viewParent.parent;\n                    // Cache view position after stepping out of the view element to make sure that all visited view positions are cached.\n                    // Otherwise, cache invalidation may work incorrectly.\n                    if (useCache) {\n                        this._cache.save(viewParent, viewOffset, viewContainer, traversedModelOffset);\n                    }\n                    continue;\n                }\n            }\n            if (useCache) {\n                lastLength = this._getModelLengthAndCache(viewNode, viewContainer, traversedModelOffset);\n            } else {\n                lastLength = this.getModelLength(viewNode);\n            }\n            traversedModelOffset += lastLength;\n            viewOffset++;\n        }\n        let viewPosition = new ViewPosition(viewParent, viewOffset);\n        if (useCache) {\n            // Make sure to hoist view position and save cache for all view positions along the way that have the same `modelOffset`.\n            //\n            // Consider example view:\n            //\n            // <p>Foo<strong><i>bar<em>xyz</em></i></strong>abc</p>\n            //\n            // Lets assume that we looked for model offset `9`, starting  from `6` (as it was previously cached value).\n            // In this case we will only traverse over `<em>xyz</em>` and cache view positions after \"xyz\" and after `</em>`.\n            // After stepping over `<em>xyz</em>`, we will stop processing this view, as we will reach target model offset `9`.\n            //\n            // However, position before `</strong>` and before `abc` are also valid positions for model offset `9`.\n            // Additionally, `Mapper` is supposed to return \"hoisted\" view positions, that is, we prefer positions that are closer to\n            // the mapped `viewContainer`. If a position is nested inside attribute elements, it should be \"moved up\" if possible.\n            //\n            // As we hoist the view position, we need to make sure that all view positions valid for model offset `9` are cached.\n            // This is necessary for cache invalidation to work correctly.\n            //\n            // To hoist a view position, we \"go up\" as long as the position is at the end of a non-mapped view element. We also cache\n            // all necessary values. See example:\n            //\n            // <p>Foo<strong><i>bar<em>xyz</em>^</i></strong>abc</p>\n            // <p>Foo<strong><i>bar<em>xyz</em></i>^</strong>abc</p>\n            // <p>Foo<strong><i>bar<em>xyz</em></i></strong>^abc</p>\n            //\n            while(viewPosition.isAtEnd && viewPosition.parent !== viewContainer && viewPosition.parent.parent){\n                const cacheViewParent = viewPosition.parent.parent;\n                const cacheViewOffset = cacheViewParent.getChildIndex(viewPosition.parent) + 1;\n                this._cache.save(cacheViewParent, cacheViewOffset, viewContainer, traversedModelOffset);\n                viewPosition = new ViewPosition(cacheViewParent, cacheViewOffset);\n            }\n        }\n        if (traversedModelOffset == targetModelOffset) {\n            // If it equals we found the position.\n            //\n            // Try moving view position into a text node if possible, as the editor engine prefers positions inside view text nodes.\n            //\n            // <p>Foo<strong><i>bar<em>xyz</em></i></strong>[]abc</p>    -->     <p>Foo<strong><i>bar<em>xyz</em></i></strong>{}abc</p>\n            //\n            return this._moveViewPositionToTextNode(viewPosition);\n        } else {\n            // If it is higher we overstepped with the last traversed view node.\n            // We need to \"enter\" it, and look for the view position / model offset inside the last visited view node.\n            return this._findPositionStartingFrom(new ViewPosition(viewNode, 0), traversedModelOffset - lastLength, targetModelOffset, viewContainer, useCache);\n        }\n    }\n    /**\n\t * Gets the length of the view element in the model and updates cache values after each view item it visits.\n\t *\n\t * See also {@link #getModelLength}.\n\t *\n\t * @param viewNode View node.\n\t * @param viewContainer Ancestor of `viewNode` that is a mapped view element.\n\t * @param modelOffset Model offset at which the `viewNode` starts.\n\t * @returns Length of the node in the tree model.\n\t */ _getModelLengthAndCache(viewNode, viewContainer, modelOffset) {\n        let len = 0;\n        if (this._viewToModelMapping.has(viewNode)) {\n            len = 1;\n        } else if (viewNode.is('$text')) {\n            len = viewNode.data.length;\n        } else if (!viewNode.is('uiElement')) {\n            for (const child of viewNode.getChildren()){\n                len += this._getModelLengthAndCache(child, viewContainer, modelOffset + len);\n            }\n        }\n        this._cache.save(viewNode.parent, viewNode.index + 1, viewContainer, modelOffset + len);\n        return len;\n    }\n    /**\n\t * Because we prefer positions in the text nodes over positions next to text nodes, if the view position was next to a text node,\n\t * it moves it into the text node instead.\n\t *\n\t * ```\n\t * <p>[]<b>foo</b></p> -> <p>[]<b>foo</b></p> // do not touch if position is not directly next to text\n\t * <p>foo[]<b>foo</b></p> -> <p>foo{}<b>foo</b></p> // move to text node\n\t * <p><b>[]foo</b></p> -> <p><b>{}foo</b></p> // move to text node\n\t * ```\n\t *\n\t * @param viewPosition Position potentially next to the text node.\n\t * @returns Position in the text node if possible.\n\t */ _moveViewPositionToTextNode(viewPosition) {\n        // If the position is just after a text node, put it at the end of that text node.\n        // If the position is just before a text node, put it at the beginning of that text node.\n        const nodeBefore = viewPosition.nodeBefore;\n        const nodeAfter = viewPosition.nodeAfter;\n        if (nodeBefore && nodeBefore.is('view:$text')) {\n            return new ViewPosition(nodeBefore, nodeBefore.data.length);\n        } else if (nodeAfter && nodeAfter.is('view:$text')) {\n            return new ViewPosition(nodeAfter, 0);\n        }\n        // Otherwise, just return the given position.\n        return viewPosition;\n    }\n}\n/**\n * Cache mechanism for {@link module:engine/conversion/mapper~Mapper Mapper}.\n *\n * `MapperCache` improves performance for model-to-view position mapping, which is the main `Mapper` task. Asking for a mapping is much\n * more frequent than actually performing changes, and even if the change happens, we can still partially keep the cache. This makes\n * caching a useful strategy for `Mapper`.\n *\n * `MapperCache` will store some data for view elements or view document fragments that are mapped by the `Mapper`. These view items\n * are \"tracked\" by the `MapperCache`. For such view items, we will keep entries of model offsets inside their mapped counterpart. For\n * the cached model offsets, we will keep a view position that is inside the tracked item. This allows us to either get the mapping\n * instantly, or at least in less steps than when calculating it from the beginning.\n *\n * Important problem related to caching is invalidating the cache. The cache must be invalidated each time the tracked view item changes.\n * Additionally, we should invalidate as small part of the cache as possible. Since all the logic is encapsulated inside `MapperCache`,\n * the `MapperCache` listens to view items {@link module:engine/view/node~ViewNodeChangeEvent `change` event} and reacts to it.\n * Then, it invalidates just the part of the cache that is \"after\" the changed part of the view.\n *\n * As mentioned, `MapperCache` currently is used only for model-to-view position mapping as it was much bigger problem than view-to-model\n * mapping. However, it should be possible to use it also for view-to-model.\n *\n * The main assumptions regarding `MapperCache` are:\n *\n * * it is an internal tool, used by `Mapper`, transparent to the outside (no additional effort when developing a plugin or a converter),\n * * it stores all the necessary data internally, which makes it easier to disable or debug,\n * * it is optimized for initial downcast process (long insertions), which is crucial for editor init and data save,\n * * it does not save all possible positions mapping for memory considerations, although it is a possible improvement, which may increase\n *   performance, as well as simplify some parts of the `MapperCache` logic.\n *\n * @internal\n */ class MapperCache extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * For every view element or document fragment tracked by `MapperCache`, it holds currently cached data, or more precisely,\n\t * model offset to view position mappings. See also `MappingCache` and `CacheItem`.\n\t *\n\t * If an item is tracked by `MapperCache` it has an entry in this structure, so this structure can be used to check which items\n\t * are tracked by `MapperCache`. When an item is no longer tracked, it is removed from this structure.\n\t *\n\t * Although `MappingCache` and `CacheItem` structures allows for caching any model offsets and view positions, we only cache\n\t * values for model offsets that are after a view node. So, in essence, positions inside text nodes are not cached. However, it takes\n\t * from one to at most a few steps, to get from a cached position to a position that is inside a view text node.\n\t *\n\t * Additionally, only one item per `modelOffset` is cached. There can be several view positions that map to the same `modelOffset`.\n\t * Only the first save for `modelOffset` is stored.\n\t */ _cachedMapping = new WeakMap();\n    /**\n\t * When `MapperCache` {@link ~MapperCache#save saves} view position -> model offset mapping, a `CacheItem` is inserted into certain\n\t * `MappingCache#cacheList` at some index. Additionally, we store that index with the view node that is before the cached view position.\n\t *\n\t * This allows to quickly get a cache list item related to certain view node, and hence, for fast cache invalidation.\n\t *\n\t * For example, consider view: `<p>Some <strong>bold</strong> text.</p>`, where `<p>` is a view element tracked by `MapperCache`.\n\t * If all `<p>` children were visited by `MapperCache`, then `<p>` cache list would have four items, related to following model offsets:\n\t * `0`, `5`, `9`, `15`. Then, view node `\"Some \"` would have index `1`, `<strong>` index `2`, and `\" text.\" index `3`.\n\t *\n\t * Note that the index related with a node is always greater than `0`. The first item in cache list is always for model offset `0`\n\t * (and view offset `0`), and it is not related to any node.\n\t */ _nodeToCacheListIndex = new WeakMap();\n    /**\n\t * Callback fired whenever there is a direct or indirect children change in tracked view element or tracked view document fragment.\n\t *\n\t * This is specified as a property to make it easier to set as an event callback and to later turn off that event.\n\t */ _invalidateOnChildrenChangeCallback = (evt, viewNode, data)=>{\n        // View element or document fragment changed its children at `data.index`. Clear all cache starting from before that index.\n        this._clearCacheInsideParent(viewNode, data.index);\n    };\n    /**\n\t * Callback fired whenever a view text node directly or indirectly inside a tracked view element or tracked view document fragment\n\t * changes its text data.\n\t *\n\t * This is specified as a property to make it easier to set as an event callback and to later turn off that event.\n\t */ _invalidateOnTextChangeCallback = (evt, viewNode)=>{\n        // It is enough to validate starting from \"after the text node\", because the first cache entry that we might want to invalidate\n        // is the position after this text node.\n        //\n        // For example - assume following view and following view positions cached (marked by `^`): `<p>Foo^<strong>bar^</strong>^abc^</p>`.\n        //\n        // If we change text \"bar\", we only need to invalidate cached positions after it. Cached positions before the text are not changed.\n        //\n        this._clearCacheAfter(viewNode);\n    };\n    /**\n\t * Saves cache for given view position mapping <-> model offset mapping. The view position should be after a node (i.e. it cannot\n\t * be the first position inside its parent, or in other words, `viewOffset` must be greater than `0`).\n\t *\n\t * Note, that if `modelOffset` for given `viewContainer` was already saved, the stored view position (i.e. parent+offset) will not\n\t * be overwritten. However, it is important to still save it, as we still store additional data related to cached view positions.\n\t *\n\t * @param viewParent View position parent.\n\t * @param viewOffset View position offset. Must be greater than `0`.\n\t * @param viewContainer Tracked view position ascendant (it may be the direct parent of the view position).\n\t * @param modelOffset Model offset in the model element or document fragment which is mapped to `viewContainer`.\n\t */ save(viewParent, viewOffset, viewContainer, modelOffset) {\n        // Get current cache for the tracked ancestor.\n        const cache = this._cachedMapping.get(viewContainer);\n        // See if there is already a cache defined for `modelOffset`.\n        const cacheItem = cache.cacheMap.get(modelOffset);\n        if (cacheItem) {\n            // We already cached this offset. Don't overwrite the cache.\n            // However, we still need to set a proper entry in `_nodeToCacheListIndex`. We can figure it out based on existing `cacheItem`.\n            //\n            // We have a `cacheItem` for the `modelOffset`, so we can get a `viewPosition` from there. Before that view position, there\n            // must be a node. That node must have an index set. This will be the index we will want to use.\n            // Since we expect `viewOffset` to be greater than 0, then in almost all cases `modelOffset` will be greater than 0 as well.\n            // As a result, we can expect `cacheItem.viewPosition.nodeBefore` to be set.\n            //\n            // However, in an edge case, were the tracked element contains a 0-model-length view element as the first child (UI element or\n            // an empty attribute element), then `modelOffset` will be 0, and `cacheItem.viewPosition` will be before any view node.\n            // In such edge case, `cacheItem.viewPosition.nodeBefore` is `undefined`, so we set index to `0`.\n            //\n            const viewChild = viewParent.getChild(viewOffset - 1);\n            const index = cacheItem.viewPosition.nodeBefore ? this._nodeToCacheListIndex.get(cacheItem.viewPosition.nodeBefore) : 0;\n            this._nodeToCacheListIndex.set(viewChild, index);\n            return;\n        }\n        const viewPosition = new ViewPosition(viewParent, viewOffset);\n        const newCacheItem = {\n            viewPosition,\n            modelOffset\n        };\n        // Extend the valid cache range.\n        cache.maxModelOffset = modelOffset > cache.maxModelOffset ? modelOffset : cache.maxModelOffset;\n        // Save the new cache item to the `cacheMap`.\n        cache.cacheMap.set(modelOffset, newCacheItem);\n        // Save the new cache item to the `cacheList`.\n        let i = cache.cacheList.length - 1;\n        // Mostly, we cache elements at the end of `cacheList` and the loop does not execute even once. But when we recursively visit nodes\n        // in `Mapper#_findPositionIn()`, then we will first cache the parent, and then it's children, and they will not be added at the\n        // end of `cacheList`. This is why we need to find correct index to insert them.\n        while(i >= 0 && cache.cacheList[i].modelOffset > modelOffset){\n            i--;\n        }\n        cache.cacheList.splice(i + 1, 0, newCacheItem);\n        if (viewOffset > 0) {\n            const viewChild = viewParent.getChild(viewOffset - 1);\n            // There was an idea to also cache `viewContainer` here but, it could lead to wrong results. If we wanted to cache\n            // `viewContainer`, we probably would need to clear `this._nodeToCacheListIndex` when cache is cleared.\n            // Also, there was no gain from caching this value, the results were almost the same (statistical error).\n            this._nodeToCacheListIndex.set(viewChild, i + 1);\n        }\n    }\n    /**\n\t * For given `modelOffset` inside a model element mapped to given `viewContainer`, it returns the closest saved cache item\n\t * (view position and related model offset) to the requested one.\n\t *\n\t * It can be exactly the requested mapping, or it can be mapping that is the closest starting point to look for the requested mapping.\n\t *\n\t * `viewContainer` must be a view element or document fragment that is mapped by the {@link ~Mapper Mapper}.\n\t *\n\t * If `viewContainer` is not yet tracked by the `MapperCache`, it will be automatically tracked after calling this method.\n\t *\n\t * Note: this method will automatically \"hoist\" cached positions, i.e. it will return a position that is closest to the tracked element.\n\t *\n\t * For example, if `<p>` is tracked element, and `^` is cached position:\n\t *\n\t * ```\n\t * <p>This is <strong>some <em>heavily <u>formatted</u>^</em></strong> text.</p>\n\t * ```\n\t *\n\t * If this position would be returned, instead, a position directly in `<p>` would be returned:\n\t *\n\t * ```\n\t * <p>This is <strong>some <em>heavily <u>formatted</u></em></strong>^ text.</p>\n\t * ```\n\t *\n\t * Note, that `modelOffset` for both positions is the same.\n\t *\n\t * @param viewContainer Tracked view element or document fragment, which cache will be used.\n\t * @param modelOffset Model offset in a model element or document fragment, which is mapped to `viewContainer`.\n\t */ getClosest(viewContainer, modelOffset) {\n        const cache = this._cachedMapping.get(viewContainer);\n        let result;\n        if (cache) {\n            if (modelOffset > cache.maxModelOffset) {\n                result = cache.cacheList[cache.cacheList.length - 1];\n            } else {\n                const cacheItem = cache.cacheMap.get(modelOffset);\n                if (cacheItem) {\n                    result = cacheItem;\n                } else {\n                    result = this._findInCacheList(cache.cacheList, modelOffset);\n                }\n            }\n        } else {\n            result = this.startTracking(viewContainer);\n        }\n        return {\n            modelOffset: result.modelOffset,\n            viewPosition: result.viewPosition.clone()\n        };\n    }\n    /**\n\t * Starts tracking given `viewContainer`, which must be mapped to a model element or model document fragment.\n\t *\n\t * Note, that this method is automatically called by\n\t * {@link module:engine/conversion/mapper~MapperCache#getClosest `MapperCache#getClosest()`} and there is no need to call it manually.\n\t *\n\t * This method initializes the cache for `viewContainer` and adds callbacks for\n\t * {@link module:engine/view/node~ViewNodeChangeEvent `change` event} fired by `viewContainer`. `MapperCache` listens to `change` event\n\t * on the tracked elements to invalidate the stored cache.\n\t */ startTracking(viewContainer) {\n        const viewPosition = new ViewPosition(viewContainer, 0);\n        const initialCacheItem = {\n            viewPosition,\n            modelOffset: 0\n        };\n        const initialCache = {\n            maxModelOffset: 0,\n            cacheList: [\n                initialCacheItem\n            ],\n            cacheMap: new Map([\n                [\n                    0,\n                    initialCacheItem\n                ]\n            ])\n        };\n        this._cachedMapping.set(viewContainer, initialCache);\n        // Listen to changes in tracked view containers in order to invalidate the cache.\n        //\n        // Possible performance improvement. This event bubbles, so if there are multiple tracked (mapped) elements that are ancestors\n        // then this will be unnecessarily fired for each ancestor. This could be rewritten to listen only to roots and document fragments.\n        viewContainer.on('change:children', this._invalidateOnChildrenChangeCallback);\n        viewContainer.on('change:text', this._invalidateOnTextChangeCallback);\n        return initialCacheItem;\n    }\n    /**\n\t * Stops tracking given `viewContainer`.\n\t *\n\t * It removes the cached data and stops listening to {@link module:engine/view/node~ViewNodeChangeEvent `change` event} on the\n\t * `viewContainer`.\n\t */ stopTracking(viewContainer) {\n        viewContainer.off('change:children', this._invalidateOnChildrenChangeCallback);\n        viewContainer.off('change:text', this._invalidateOnTextChangeCallback);\n        this._cachedMapping.delete(viewContainer);\n    }\n    /**\n\t * Invalidates cache inside `viewParent`, starting from given `index` in that parent.\n\t *\n\t * This method may clear a bit more cache than just what was saved after given `index`, but it is guaranteed that at least it\n\t * will invalidate everything after `index`.\n\t */ _clearCacheInsideParent(viewParent, index) {\n        if (index == 0) {\n            // Change at the beginning of the parent.\n            if (this._cachedMapping.has(viewParent)) {\n                // If this is a tracked element, clear all cache.\n                this._clearCacheAll(viewParent);\n            } else {\n                // If this is not a tracked element, remove cache starting from before this element.\n                // Since it is not a tracked element, it has to have a parent.\n                this._clearCacheInsideParent(viewParent.parent, viewParent.index);\n            }\n        } else {\n            // Change in the middle of the parent. Get a view node that's before the change.\n            const lastValidNode = viewParent.getChild(index - 1);\n            // Then, clear all cache after this view node.\n            //\n            this._clearCacheAfter(lastValidNode);\n        }\n    }\n    /**\n\t * Clears all the cache for given tracked `viewContainer`.\n\t */ _clearCacheAll(viewContainer) {\n        const cache = this._cachedMapping.get(viewContainer);\n        // TODO: Should clear `_nodeToCacheListIndex` too?\n        if (cache.maxModelOffset > 0) {\n            cache.maxModelOffset = 0;\n            cache.cacheList.length = 1;\n            cache.cacheMap.clear();\n            cache.cacheMap.set(0, cache.cacheList[0]);\n        }\n    }\n    /**\n\t * Clears all the stored cache that is after given `viewNode`. The `viewNode` can be any node that is inside a tracked view element\n\t * or view document fragment.\n\t *\n\t * In reality, this function may clear a bit more cache than just \"starting after\" `viewNode`, but it is guaranteed that at least\n\t * all cache after `viewNode` is invalidated.\n\t */ _clearCacheAfter(viewNode) {\n        // To quickly invalidate the cache, we base on the cache list index stored with the node. See docs for `this._nodeToCacheListIndex`.\n        const cacheListIndex = this._nodeToCacheListIndex.get(viewNode);\n        // If there is no index stored, it means that this `viewNode` has not been cached yet.\n        if (cacheListIndex === undefined) {\n            // If the node is not cached, maybe it's parent is. We will try to invalidate the cache using the parent.\n            const viewParent = viewNode.parent;\n            // If the parent is a non-tracked element, try clearing the cache starting from the position before it.\n            //\n            // For example: `<p>Abc<strong>def<em>ghi</em></strong></p>`.\n            //\n            // If `viewNode` is `<em>` in this case, and it was not cached yet, we will try to clear cache starting from before `<strong>`.\n            //\n            // If the parent is a tracked element, then it means there's no cache to clear (nothing after the element is cached).\n            // In this case, there's nothing to do. We assume that there are no \"holes\" in caching in direct children of tracked element\n            // (that is if some children is cached, then its previous sibling is cached too, and we would not end up inside this `if`).\n            //\n            // TODO: Most probably this `if` could be removed altogether, after recent changes in Mapper.\n            // TODO: Now we cache all items one after another, so there aren't any \"holes\" anywhere, not only on top-level.\n            //\n            if (!this._cachedMapping.has(viewParent)) {\n                this._clearCacheInsideParent(viewParent.parent, viewParent.index);\n            }\n            return;\n        }\n        let viewContainer = viewNode.parent;\n        while(!this._cachedMapping.has(viewContainer)){\n            viewContainer = viewContainer.parent;\n        }\n        this._clearCacheFromCacheIndex(viewContainer, cacheListIndex);\n    }\n    /**\n\t * Clears all the cache in the cache list related to given `viewContainer`, starting from `index` (inclusive).\n\t */ _clearCacheFromCacheIndex(viewContainer, index) {\n        if (index === 0) {\n            // Don't remove the first entry in the cache (this entry is always a mapping between view offset 0 <-> model offset 0,\n            // and it is a default value that is always expected to be in the cache list).\n            //\n            // The cache mechanism may ask to clear from index `0` in a case where a 0-model-length view element (UI element or empty\n            // attribute element) was at the beginning of tracked element. In such scenario, the view element is mapped through\n            // `nodeToCacheListIndex` to index `0`.\n            index = 1;\n        }\n        // Cache is always available here because we initialize it just before adding a listener that fires `_clearCacheFromIndex()`.\n        const cache = this._cachedMapping.get(viewContainer);\n        const cacheItem = cache.cacheList[index - 1];\n        if (!cacheItem) {\n            return;\n        }\n        cache.maxModelOffset = cacheItem.modelOffset;\n        // Remove from cache all `CacheItem`s that are \"after\" the index to clear from.\n        const clearedItems = cache.cacheList.splice(index);\n        // For each removed item, make sure to also remove it from `cacheMap` and clear related entry in `_nodeToCacheListIndex`.\n        for (const item of clearedItems){\n            cache.cacheMap.delete(item.modelOffset);\n            const viewNode = item.viewPosition.nodeBefore;\n            this._nodeToCacheListIndex.delete(viewNode);\n        }\n    }\n    /**\n\t * Finds a cache item in the given cache list, which `modelOffset` is closest (but smaller or equal) to given `offset`.\n\t *\n\t * Since `cacheList` is a sorted array, this uses binary search to retrieve the item quickly.\n\t */ _findInCacheList(cacheList, offset) {\n        let start = 0;\n        let end = cacheList.length - 1;\n        let index = end - start >> 1;\n        let item = cacheList[index];\n        while(start < end){\n            if (item.modelOffset < offset) {\n                start = index + 1;\n            } else {\n                end = index - 1;\n            }\n            index = start + (end - start >> 1);\n            item = cacheList[index];\n        }\n        return item.modelOffset <= offset ? item : cacheList[index - 1];\n    }\n}\n\n/**\n * Manages a list of consumable values for the {@link module:engine/model/item~ModelItem model items}.\n *\n * Consumables are various aspects of the model. A model item can be broken down into separate, single properties that might be\n * taken into consideration when converting that item.\n *\n * `ModelConsumable` is used by {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} while analyzing the changed\n * parts of {@link module:engine/model/document~ModelDocument the document}. The added / changed / removed model items are broken down\n * into singular properties (the item itself and its attributes). All those parts are saved in `ModelConsumable`. Then,\n * during conversion, when the given part of a model item is converted (i.e. the view element has been inserted into the view,\n * but without attributes), the consumable value is removed from `ModelConsumable`.\n *\n * For model items, `ModelConsumable` stores consumable values of one of following types: `insert`, `addattribute:<attributeKey>`,\n * `changeattributes:<attributeKey>`, `removeattributes:<attributeKey>`.\n *\n * In most cases, it is enough to let th {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}\n * gather consumable values, so there is no need to use\n * the {@link module:engine/conversion/modelconsumable~ModelConsumable#add add method} directly.\n * However, it is important to understand how consumable values can be\n * {@link module:engine/conversion/modelconsumable~ModelConsumable#consume consumed}.\n * See {@link module:engine/conversion/downcasthelpers default downcast converters} for more information.\n *\n * Keep in mind that one conversion event may have multiple callbacks (converters) attached to it. Each of those is\n * able to convert one or more parts of the model. However, when one of those callbacks actually converts\n * something, the others should not, because they would duplicate the results. Using `ModelConsumable` helps to avoid\n * this situation, because callbacks should only convert these values that were not yet consumed from `ModelConsumable`.\n *\n * Consuming multiple values in a single callback:\n *\n * ```ts\n * // Converter for custom `imageBlock` element that might have a `caption` element inside which changes\n * // how the image is displayed in the view:\n * //\n * // Model:\n * //\n * // [imageBlock]\n * //   └─ [caption]\n * //       └─ foo\n * //\n * // View:\n * //\n * // <figure>\n * //   ├─ <img />\n * //   └─ <caption>\n * //       └─ foo\n * modelConversionDispatcher.on( 'insert:imageBlock', ( evt, data, conversionApi ) => {\n * \t// First, consume the `imageBlock` element.\n * \tconversionApi.consumable.consume( data.item, 'insert' );\n *\n * \t// Just create normal image element for the view.\n * \t// Maybe it will be \"decorated\" later.\n * \tconst viewImage = new ViewElement( 'img' );\n * \tconst insertPosition = conversionApi.mapper.toViewPosition( data.range.start );\n * \tconst viewWriter = conversionApi.writer;\n *\n * \t// Check if the `imageBlock` element has children.\n * \tif ( data.item.childCount > 0 ) {\n * \t\tconst modelCaption = data.item.getChild( 0 );\n *\n * \t\t// `modelCaption` insertion change is consumed from consumable values.\n * \t\t// It will not be converted by other converters, but it's children (probably some text) will be.\n * \t\t// Through mapping, converters for text will know where to insert contents of `modelCaption`.\n * \t\tif ( conversionApi.consumable.consume( modelCaption, 'insert' ) ) {\n * \t\t\tconst viewCaption = new ViewElement( 'figcaption' );\n *\n * \t\t\tconst viewImageHolder = new ViewElement( 'figure', null, [ viewImage, viewCaption ] );\n *\n * \t\t\tconversionApi.mapper.bindElements( modelCaption, viewCaption );\n * \t\t\tconversionApi.mapper.bindElements( data.item, viewImageHolder );\n * \t\t\tviewWriter.insert( insertPosition, viewImageHolder );\n * \t\t}\n * \t} else {\n * \t\tconversionApi.mapper.bindElements( data.item, viewImage );\n * \t\tviewWriter.insert( insertPosition, viewImage );\n * \t}\n *\n * \tevt.stop();\n * } );\n * ```\n */ class ModelConsumable {\n    /**\n\t * Contains list of consumable values.\n\t */ _consumable = new Map();\n    /**\n\t * For each {@link module:engine/model/textproxy~ModelTextProxy} added to `ModelConsumable`, this registry holds a parent\n\t * of that `ModelTextProxy` and the start and end indices of that `ModelTextProxy`. This allows identification of the `ModelTextProxy`\n\t * instances that point to the same part of the model but are different instances. Each distinct `ModelTextProxy`\n\t * is given a unique `Symbol` which is then registered as consumable. This process is transparent for the `ModelConsumable`\n\t * API user because whenever `ModelTextProxy` is added, tested, consumed or reverted, the internal mechanisms of\n\t * `ModelConsumable` translate `ModelTextProxy` to that unique `Symbol`.\n\t */ _textProxyRegistry = new Map();\n    /**\n\t * Adds a consumable value to the consumables list and links it with a given model item.\n\t *\n\t * ```ts\n\t * modelConsumable.add( modelElement, 'insert' ); // Add `modelElement` insertion change to consumable values.\n\t * modelConsumable.add( modelElement, 'addAttribute:bold' ); // Add `bold` attribute insertion on `modelElement` change.\n\t * modelConsumable.add( modelElement, 'removeAttribute:bold' ); // Add `bold` attribute removal on `modelElement` change.\n\t * modelConsumable.add( modelSelection, 'selection' ); // Add `modelSelection` to consumable values.\n\t * modelConsumable.add( modelRange, 'range' ); // Add `modelRange` to consumable values.\n\t * ```\n\t *\n\t * @param item Model item, range or selection that has the consumable.\n\t * @param type Consumable type. Will be normalized to a proper form, that is either `<word>` or `<part>:<part>`.\n\t * Second colon and everything after will be cut. Passing event name is a safe and good practice.\n\t */ add(item, type) {\n        type = _normalizeConsumableType(type);\n        if (item instanceof ModelTextProxy) {\n            item = this._getSymbolForTextProxy(item);\n        }\n        if (!this._consumable.has(item)) {\n            this._consumable.set(item, new Map());\n        }\n        this._consumable.get(item).set(type, true);\n    }\n    /**\n\t * Removes a given consumable value from a given model item.\n\t *\n\t * ```ts\n\t * modelConsumable.consume( modelElement, 'insert' ); // Remove `modelElement` insertion change from consumable values.\n\t * modelConsumable.consume( modelElement, 'addAttribute:bold' ); // Remove `bold` attribute insertion on `modelElement` change.\n\t * modelConsumable.consume( modelElement, 'removeAttribute:bold' ); // Remove `bold` attribute removal on `modelElement` change.\n\t * modelConsumable.consume( modelSelection, 'selection' ); // Remove `modelSelection` from consumable values.\n\t * modelConsumable.consume( modelRange, 'range' ); // Remove 'modelRange' from consumable values.\n\t * ```\n\t *\n\t * @param item Model item, range or selection from which consumable will be consumed.\n\t * @param type Consumable type. Will be normalized to a proper form, that is either `<word>` or `<part>:<part>`.\n\t * Second colon and everything after will be cut. Passing event name is a safe and good practice.\n\t * @returns `true` if consumable value was available and was consumed, `false` otherwise.\n\t */ consume(item, type) {\n        type = _normalizeConsumableType(type);\n        if (item instanceof ModelTextProxy) {\n            item = this._getSymbolForTextProxy(item);\n        }\n        if (this.test(item, type)) {\n            this._consumable.get(item).set(type, false);\n            return true;\n        } else {\n            return false;\n        }\n    }\n    /**\n\t * Tests whether there is a consumable value of a given type connected with a given model item.\n\t *\n\t * ```ts\n\t * modelConsumable.test( modelElement, 'insert' ); // Check for `modelElement` insertion change.\n\t * modelConsumable.test( modelElement, 'addAttribute:bold' ); // Check for `bold` attribute insertion on `modelElement` change.\n\t * modelConsumable.test( modelElement, 'removeAttribute:bold' ); // Check for `bold` attribute removal on `modelElement` change.\n\t * modelConsumable.test( modelSelection, 'selection' ); // Check if `modelSelection` is consumable.\n\t * modelConsumable.test( modelRange, 'range' ); // Check if `modelRange` is consumable.\n\t * ```\n\t *\n\t * @param item Model item, range or selection to be tested.\n\t * @param type Consumable type. Will be normalized to a proper form, that is either `<word>` or `<part>:<part>`.\n\t * Second colon and everything after will be cut. Passing event name is a safe and good practice.\n\t * @returns `null` if such consumable was never added, `false` if the consumable values was\n\t * already consumed or `true` if it was added and not consumed yet.\n\t */ test(item, type) {\n        type = _normalizeConsumableType(type);\n        if (item instanceof ModelTextProxy) {\n            item = this._getSymbolForTextProxy(item);\n        }\n        const itemConsumables = this._consumable.get(item);\n        if (itemConsumables === undefined) {\n            return null;\n        }\n        const value = itemConsumables.get(type);\n        if (value === undefined) {\n            return null;\n        }\n        return value;\n    }\n    /**\n\t * Reverts consuming of a consumable value.\n\t *\n\t * ```ts\n\t * modelConsumable.revert( modelElement, 'insert' ); // Revert consuming `modelElement` insertion change.\n\t * modelConsumable.revert( modelElement, 'addAttribute:bold' ); // Revert consuming `bold` attribute insert from `modelElement`.\n\t * modelConsumable.revert( modelElement, 'removeAttribute:bold' ); // Revert consuming `bold` attribute remove from `modelElement`.\n\t * modelConsumable.revert( modelSelection, 'selection' ); // Revert consuming `modelSelection`.\n\t * modelConsumable.revert( modelRange, 'range' ); // Revert consuming `modelRange`.\n\t * ```\n\t *\n\t * @param item Model item, range or selection to be reverted.\n\t * @param type Consumable type.\n\t * @returns `true` if consumable has been reversed, `false` otherwise. `null` if the consumable has\n\t * never been added.\n\t */ revert(item, type) {\n        type = _normalizeConsumableType(type);\n        if (item instanceof ModelTextProxy) {\n            item = this._getSymbolForTextProxy(item);\n        }\n        const test = this.test(item, type);\n        if (test === false) {\n            this._consumable.get(item).set(type, true);\n            return true;\n        } else if (test === true) {\n            return false;\n        }\n        return null;\n    }\n    /**\n\t * Verifies if all events from the specified group were consumed.\n\t *\n\t * @param eventGroup The events group to verify.\n\t */ verifyAllConsumed(eventGroup) {\n        const items = [];\n        for (const [item, consumables] of this._consumable){\n            for (const [event, canConsume] of consumables){\n                const eventPrefix = event.split(':')[0];\n                if (canConsume && eventGroup == eventPrefix) {\n                    items.push({\n                        event,\n                        item: item.name || item.description\n                    });\n                }\n            }\n        }\n        if (items.length) {\n            /**\n\t\t\t * Some of the {@link module:engine/model/item~ModelItem model items} were not consumed while downcasting the model to view.\n\t\t\t *\n\t\t\t * This might be the effect of:\n\t\t\t *\n\t\t\t * * A missing converter for some model elements. Make sure that you registered downcast converters for all model elements.\n\t\t\t * * A custom converter that does not consume converted items. Make sure that you\n\t\t\t * {@link module:engine/conversion/modelconsumable~ModelConsumable#consume consumed} all model elements that you converted\n\t\t\t * from the model to the view.\n\t\t\t * * A custom converter that called `event.stop()`. When providing a custom converter, keep in mind that you should not stop\n\t\t\t * the event. If you stop it then the default converter at the `lowest` priority will not trigger the conversion of this node's\n\t\t\t * attributes and child nodes.\n\t\t\t *\n\t\t\t * @error conversion-model-consumable-not-consumed\n\t\t\t * @param {Array.<module:engine/model/item~ModelItem>} items Items that were not consumed.\n\t\t\t */ throw new CKEditorError('conversion-model-consumable-not-consumed', null, {\n                items\n            });\n        }\n    }\n    /**\n\t * Gets a unique symbol for the passed {@link module:engine/model/textproxy~ModelTextProxy} instance.\n\t * All `ModelTextProxy` instances that have same parent, same start index and same end index will get the same symbol.\n\t *\n\t * Used internally to correctly consume `ModelTextProxy` instances.\n\t *\n\t * @internal\n\t * @param textProxy `ModelTextProxy` instance to get a symbol for.\n\t * @returns Symbol representing all equal instances of `ModelTextProxy`.\n\t */ _getSymbolForTextProxy(textProxy) {\n        let symbol = null;\n        const startMap = this._textProxyRegistry.get(textProxy.startOffset);\n        if (startMap) {\n            const endMap = startMap.get(textProxy.endOffset);\n            if (endMap) {\n                symbol = endMap.get(textProxy.parent);\n            }\n        }\n        if (!symbol) {\n            symbol = this._addSymbolForTextProxy(textProxy);\n        }\n        return symbol;\n    }\n    /**\n\t * Adds a symbol for the given {@link module:engine/model/textproxy~ModelTextProxy} instance.\n\t *\n\t * Used internally to correctly consume `ModelTextProxy` instances.\n\t *\n\t * @param textProxy Text proxy instance.\n\t * @returns Symbol generated for given `ModelTextProxy`.\n\t */ _addSymbolForTextProxy(textProxy) {\n        const start = textProxy.startOffset;\n        const end = textProxy.endOffset;\n        const parent = textProxy.parent;\n        const symbol = Symbol('$textProxy:' + textProxy.data);\n        let startMap;\n        let endMap;\n        startMap = this._textProxyRegistry.get(start);\n        if (!startMap) {\n            startMap = new Map();\n            this._textProxyRegistry.set(start, startMap);\n        }\n        endMap = startMap.get(end);\n        if (!endMap) {\n            endMap = new Map();\n            startMap.set(end, endMap);\n        }\n        endMap.set(parent, symbol);\n        return symbol;\n    }\n}\n/**\n * Returns a normalized consumable type name from the given string. A normalized consumable type name is a string that has\n * at most one colon, for example: `insert` or `addMarker:highlight`. If a string to normalize has more \"parts\" (more colons),\n * the further parts are dropped, for example: `addattribute:bold:$text` -> `addattributes:bold`.\n *\n * @param type Consumable type.\n * @returns Normalized consumable type.\n */ function _normalizeConsumableType(type) {\n    const parts = type.split(':');\n    // For inserts allow passing event name, it's stored in the context of a specified element so the element name is not needed.\n    if (parts[0] == 'insert') {\n        return parts[0];\n    }\n    // Markers are identified by the whole name (otherwise we would consume the whole markers group).\n    if (parts[0] == 'addMarker' || parts[0] == 'removeMarker') {\n        return type;\n    }\n    return parts.length > 1 ? parts[0] + ':' + parts[1] : parts[0];\n}\n\n/**\n * The downcast dispatcher is a central point of downcasting (conversion from the model to the view), which is a process of reacting\n * to changes in the model and firing a set of events. The callbacks listening to these events are called converters. The\n * converters' role is to convert the model changes to changes in view (for example, adding view nodes or\n * changing attributes on view elements).\n *\n * During the conversion process, downcast dispatcher fires events basing on the state of the model and prepares\n * data for these events. It is important to understand that the events are connected with the changes done on the model,\n * for example: \"a node has been inserted\" or \"an attribute has changed\". This is in contrary to upcasting (a view-to-model conversion)\n * where you convert the view state (view nodes) to a model tree.\n *\n * The events are prepared basing on a diff created by the {@link module:engine/model/differ~Differ Differ}, which buffers them\n * and then passes to the downcast dispatcher as a diff between the old model state and the new model state.\n *\n * Note that because the changes are converted, there is a need to have a mapping between the model structure and the view structure.\n * To map positions and elements during the downcast (a model-to-view conversion), use {@link module:engine/conversion/mapper~Mapper}.\n *\n * Downcast dispatcher fires the following events for model tree changes:\n *\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert `insert`} &ndash;\n * If a range of nodes was inserted to the model tree.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:remove `remove`} &ndash;\n * If a range of nodes was removed from the model tree.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute`} &ndash;\n * If an attribute was added, changed or removed from a model node.\n *\n * For {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert `insert`}\n * and {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute`},\n * the downcast dispatcher generates {@link module:engine/conversion/modelconsumable~ModelConsumable consumables}.\n * These are used to have control over which changes have already been consumed. It is useful when some converters\n * overwrite others or convert multiple changes (for example, it converts an insertion of an element and also converts that\n * element's attributes during the insertion).\n *\n * Additionally, downcast dispatcher fires events for {@link module:engine/model/markercollection~Marker marker} changes:\n *\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker `addMarker`} &ndash; If a marker was added.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:removeMarker `removeMarker`} &ndash; If a marker was\n * removed.\n *\n * Note that changing a marker is done through removing the marker from the old range and adding it to the new range,\n * so both of these events are fired.\n *\n * Finally, a downcast dispatcher also handles firing events for the {@link module:engine/model/selection model selection}\n * conversion:\n *\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:selection `selection`}\n * &ndash; Converts the selection from the model to the view.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute`}\n * &ndash; Fired for every selection attribute.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker `addMarker`}\n * &ndash; Fired for every marker that contains a selection.\n *\n * Unlike the model tree and the markers, the events for selection are not fired for changes but for a selection state.\n *\n * When providing custom listeners for a downcast dispatcher, remember to check whether a given change has not been\n * {@link module:engine/conversion/modelconsumable~ModelConsumable#consume consumed} yet.\n *\n * When providing custom listeners for a downcast dispatcher, keep in mind that you **should not** stop the event. If you stop it,\n * then the default converter at the `lowest` priority will not trigger the conversion of this node's attributes and child nodes.\n *\n * When providing custom listeners for a downcast dispatcher, remember to use the provided\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter view downcast writer} to apply changes to the view document.\n *\n * You can read more about conversion in the following guide:\n *\n * * {@glink framework/deep-dive/conversion/downcast Downcast conversion}\n *\n * An example of a custom converter for the downcast dispatcher:\n *\n * ```ts\n * // You will convert inserting a \"paragraph\" model element into the model.\n * downcastDispatcher.on( 'insert:paragraph', ( evt, data, conversionApi ) => {\n * \t// Remember to check whether the change has not been consumed yet and consume it.\n * \tif ( !conversionApi.consumable.consume( data.item, 'insert' ) ) {\n * \t\treturn;\n * \t}\n *\n * \t// Translate the position in the model to a position in the view.\n * \tconst viewPosition = conversionApi.mapper.toViewPosition( data.range.start );\n *\n * \t// Create a <p> element that will be inserted into the view at the `viewPosition`.\n * \tconst viewElement = conversionApi.writer.createContainerElement( 'p' );\n *\n * \t// Bind the newly created view element to the model element so positions will map accordingly in the future.\n * \tconversionApi.mapper.bindElements( data.item, viewElement );\n *\n * \t// Add the newly created view element to the view.\n * \tconversionApi.writer.insert( viewPosition, viewElement );\n * } );\n * ```\n */ class DowncastDispatcher extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * A template for an interface passed by the dispatcher to the event callbacks.\n\t *\n\t * @internal\n\t */ _conversionApi;\n    /**\n\t * A map of already fired events for a given `ModelConsumable`.\n\t */ _firedEventsMap;\n    /**\n\t * Creates a downcast dispatcher instance.\n\t *\n\t * @see module:engine/conversion/downcastdispatcher~DowncastConversionApi\n\t *\n\t * @param conversionApi Additional properties for an interface that will be passed to events fired\n\t * by the downcast dispatcher.\n\t */ constructor(conversionApi){\n        super();\n        this._conversionApi = {\n            dispatcher: this,\n            ...conversionApi\n        };\n        this._firedEventsMap = new WeakMap();\n    }\n    /**\n\t * Converts changes buffered in the given {@link module:engine/model/differ~Differ model differ}\n\t * and fires conversion events based on it.\n\t *\n\t * @fires insert\n\t * @fires remove\n\t * @fires attribute\n\t * @fires addMarker\n\t * @fires removeMarker\n\t * @fires reduceChanges\n\t * @param differ The differ object with buffered changes.\n\t * @param markers Markers related to the model fragment to convert.\n\t * @param writer The view writer that should be used to modify the view document.\n\t */ convertChanges(differ, markers, writer) {\n        const refreshedItems = differ.getRefreshedItems();\n        const conversionApi = this._createConversionApi(writer, refreshedItems);\n        // Before the view is updated, remove markers which have changed.\n        for (const change of differ.getMarkersToRemove()){\n            this._convertMarkerRemove(change.name, change.range, conversionApi);\n        }\n        // Let features modify the change list (for example to allow reconversion).\n        const changes = this._reduceChanges(differ.getChanges(), refreshedItems);\n        // Convert changes that happened on model tree.\n        for (const entry of changes){\n            if (entry.type === 'insert') {\n                this._convertInsert(ModelRange._createFromPositionAndShift(entry.position, entry.length), conversionApi);\n            } else if (entry.type === 'reinsert') {\n                this._convertReinsert(ModelRange._createFromPositionAndShift(entry.position, entry.length), conversionApi);\n            } else if (entry.type === 'remove') {\n                this._convertRemove(entry.position, entry.length, entry.name, conversionApi);\n            } else {\n                // Defaults to 'attribute' change.\n                this._convertAttribute(entry.range, entry.attributeKey, entry.attributeOldValue, entry.attributeNewValue, conversionApi);\n            }\n        }\n        // Remove mappings for all removed view elements.\n        // Remove these mappings as soon as they are not needed (https://github.com/ckeditor/ckeditor5/issues/15411).\n        conversionApi.mapper.flushDeferredBindings();\n        for (const markerName of conversionApi.mapper.flushUnboundMarkerNames()){\n            const markerRange = markers.get(markerName).getRange();\n            this._convertMarkerRemove(markerName, markerRange, conversionApi);\n            this._convertMarkerAdd(markerName, markerRange, conversionApi);\n        }\n        // After the view is updated, convert markers which have changed.\n        for (const change of differ.getMarkersToAdd()){\n            this._convertMarkerAdd(change.name, change.range, conversionApi);\n        }\n        // Verify if all insert consumables were consumed.\n        conversionApi.consumable.verifyAllConsumed('insert');\n    }\n    /**\n\t * Starts a conversion of a model range and the provided markers.\n\t *\n\t * @fires insert\n\t * @fires attribute\n\t * @fires addMarker\n\t * @param range The inserted range.\n\t * @param markers The map of markers that should be down-casted.\n\t * @param writer The view writer that should be used to modify the view document.\n\t * @param options Optional options object passed to `convertionApi.options`.\n\t */ convert(range, markers, writer, options = {}) {\n        const conversionApi = this._createConversionApi(writer, undefined, options);\n        this._convertInsert(range, conversionApi);\n        for (const [name, range] of markers){\n            this._convertMarkerAdd(name, range, conversionApi);\n        }\n        // Verify if all insert consumables were consumed.\n        conversionApi.consumable.verifyAllConsumed('insert');\n    }\n    /**\n\t * Starts the model selection conversion.\n\t *\n\t * Fires events for a given {@link module:engine/model/selection~ModelSelection selection} to start the selection conversion.\n\t *\n\t * @fires selection\n\t * @fires addMarker\n\t * @fires attribute\n\t * @param selection The selection to convert.\n\t * @param markers Markers connected with the converted model.\n\t * @param writer View writer that should be used to modify the view document.\n\t */ convertSelection(selection, markers, writer) {\n        const conversionApi = this._createConversionApi(writer);\n        // First perform a clean-up at the current position of the selection.\n        this.fire('cleanSelection', {\n            selection\n        }, conversionApi);\n        // Don't convert selection if it is in a model root that does not have a view root (for now this is only the graveyard root).\n        const modelRoot = selection.getFirstPosition().root;\n        if (!conversionApi.mapper.toViewElement(modelRoot)) {\n            return;\n        }\n        // Now, perform actual selection conversion.\n        const markersAtSelection = Array.from(markers.getMarkersAtPosition(selection.getFirstPosition()));\n        this._addConsumablesForSelection(conversionApi.consumable, selection, markersAtSelection);\n        this.fire('selection', {\n            selection\n        }, conversionApi);\n        if (!selection.isCollapsed) {\n            return;\n        }\n        for (const marker of markersAtSelection){\n            // Do not fire event if the marker has been consumed.\n            if (conversionApi.consumable.test(selection, 'addMarker:' + marker.name)) {\n                const markerRange = marker.getRange();\n                if (!shouldMarkerChangeBeConverted(selection.getFirstPosition(), marker, conversionApi.mapper)) {\n                    continue;\n                }\n                const data = {\n                    item: selection,\n                    markerName: marker.name,\n                    markerRange\n                };\n                this.fire(`addMarker:${marker.name}`, data, conversionApi);\n            }\n        }\n        for (const key of selection.getAttributeKeys()){\n            // Do not fire event if the attribute has been consumed.\n            if (conversionApi.consumable.test(selection, 'attribute:' + key)) {\n                const data = {\n                    item: selection,\n                    range: selection.getFirstRange(),\n                    attributeKey: key,\n                    attributeOldValue: null,\n                    attributeNewValue: selection.getAttribute(key)\n                };\n                this.fire(`attribute:${key}:$text`, data, conversionApi);\n            }\n        }\n    }\n    /**\n\t * Fires insertion conversion of a range of nodes.\n\t *\n\t * For each node in the range, {@link #event:insert `insert` event is fired}. For each attribute on each node,\n\t * {@link #event:attribute `attribute` event is fired}.\n\t *\n\t * @fires insert\n\t * @fires attribute\n\t * @param range The inserted range.\n\t * @param conversionApi The conversion API object.\n\t * @param options.doNotAddConsumables Whether the ModelConsumable should not get populated\n\t * for items in the provided range.\n\t */ _convertInsert(range, conversionApi, options = {}) {\n        if (!options.doNotAddConsumables) {\n            // Collect a list of things that can be consumed, consisting of nodes and their attributes.\n            this._addConsumablesForInsert(conversionApi.consumable, range);\n        }\n        // Fire a separate insert event for each node and text fragment contained in the range.\n        for (const data of range.getWalker({\n            shallow: true\n        })){\n            this._testAndFire('insert', walkerValueToEventData(data), conversionApi);\n        }\n    }\n    /**\n\t * Fires conversion of a single node removal. Fires {@link #event:remove remove event} with provided data.\n\t *\n\t * @param position Position from which node was removed.\n\t * @param length Offset size of removed node.\n\t * @param name Name of removed node.\n\t * @param conversionApi The conversion API object.\n\t */ _convertRemove(position, length, name, conversionApi) {\n        this.fire(`remove:${name}`, {\n            position,\n            length\n        }, conversionApi);\n    }\n    /**\n\t * Starts a conversion of an attribute change on a given `range`.\n\t *\n\t * For each node in the given `range`, {@link #event:attribute attribute event} is fired with the passed data.\n\t *\n\t * @fires attribute\n\t * @param range Changed range.\n\t * @param key Key of the attribute that has changed.\n\t * @param oldValue Attribute value before the change or `null` if the attribute has not been set before.\n\t * @param newValue New attribute value or `null` if the attribute has been removed.\n\t * @param conversionApi The conversion API object.\n\t */ _convertAttribute(range, key, oldValue, newValue, conversionApi) {\n        // Create a list with attributes to consume.\n        this._addConsumablesForRange(conversionApi.consumable, range, `attribute:${key}`);\n        // Create a separate attribute event for each node in the range.\n        for (const value of range){\n            const data = {\n                item: value.item,\n                range: ModelRange._createFromPositionAndShift(value.previousPosition, value.length),\n                attributeKey: key,\n                attributeOldValue: oldValue,\n                attributeNewValue: newValue\n            };\n            this._testAndFire(`attribute:${key}`, data, conversionApi);\n        }\n    }\n    /**\n\t * Fires re-insertion conversion (with a `reconversion` flag passed to `remove` and `insert` events)\n\t * of a range of elements (only elements on the range depth, without children).\n\t *\n\t * For each node in the range on its depth (without children), {@link #event:insert `insert` event} is fired.\n\t * For each attribute on each node, {@link #event:attribute `attribute` event} is fired.\n\t *\n\t * @fires insert\n\t * @fires attribute\n\t * @param range The range to reinsert.\n\t * @param conversionApi The conversion API object.\n\t */ _convertReinsert(range, conversionApi) {\n        // Convert the elements - without converting children.\n        const walkerValues = Array.from(range.getWalker({\n            shallow: true\n        }));\n        // Collect a list of things that can be consumed, consisting of nodes and their attributes.\n        this._addConsumablesForInsert(conversionApi.consumable, walkerValues);\n        // Fire a separate insert event for each node and text fragment contained shallowly in the range.\n        for (const data of walkerValues.map(walkerValueToEventData)){\n            // For backward compatibility and handlers that does not recognize reconversion.\n            this.fire(`remove:${data.item.is('element') ? data.item.name : '$text'}`, {\n                position: data.range.start,\n                length: data.item.offsetSize,\n                reconversion: true\n            }, conversionApi);\n            // Reinsert the view element.\n            this._testAndFire('insert', {\n                ...data,\n                reconversion: true\n            }, conversionApi);\n        }\n    }\n    /**\n\t * Converts the added marker. Fires the {@link #event:addMarker `addMarker`} event for each item\n\t * in the marker's range. If the range is collapsed, a single event is dispatched. See the event description for more details.\n\t *\n\t * @fires addMarker\n\t * @param markerName Marker name.\n\t * @param markerRange The marker range.\n\t * @param conversionApi The conversion API object.\n\t */ _convertMarkerAdd(markerName, markerRange, conversionApi) {\n        // Do not convert if range is in graveyard.\n        if (markerRange.root.rootName == '$graveyard') {\n            return;\n        }\n        // In markers' case, event name == consumable name.\n        const eventName = `addMarker:${markerName}`;\n        //\n        // First, fire an event for the whole marker.\n        //\n        conversionApi.consumable.add(markerRange, eventName);\n        this.fire(eventName, {\n            markerName,\n            markerRange\n        }, conversionApi);\n        //\n        // Do not fire events for each item inside the range if the range got consumed.\n        // Also consume the whole marker consumable if it wasn't consumed.\n        //\n        if (!conversionApi.consumable.consume(markerRange, eventName)) {\n            return;\n        }\n        //\n        // Then, fire an event for each item inside the marker range.\n        //\n        this._addConsumablesForRange(conversionApi.consumable, markerRange, eventName);\n        for (const item of markerRange.getItems()){\n            // Do not fire event for already consumed items.\n            if (!conversionApi.consumable.test(item, eventName)) {\n                continue;\n            }\n            const data = {\n                item,\n                range: ModelRange._createOn(item),\n                markerName,\n                markerRange\n            };\n            this.fire(eventName, data, conversionApi);\n        }\n    }\n    /**\n\t * Fires the conversion of the marker removal. Fires the {@link #event:removeMarker `removeMarker`} event with the provided data.\n\t *\n\t * @fires removeMarker\n\t * @param markerName Marker name.\n\t * @param markerRange The marker range.\n\t * @param conversionApi The conversion API object.\n\t */ _convertMarkerRemove(markerName, markerRange, conversionApi) {\n        // Do not convert if range is in graveyard.\n        if (markerRange.root.rootName == '$graveyard') {\n            return;\n        }\n        this.fire(`removeMarker:${markerName}`, {\n            markerName,\n            markerRange\n        }, conversionApi);\n    }\n    /**\n\t * Fires the reduction of changes buffered in the {@link module:engine/model/differ~Differ `Differ`}.\n\t *\n\t * Features can replace selected {@link module:engine/model/differ~DifferItem `DifferItem`}s with `reinsert` entries to trigger\n\t * reconversion. The {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure\n\t * `DowncastHelpers.elementToStructure()`} is using this event to trigger reconversion.\n\t *\n\t * @fires reduceChanges\n\t */ _reduceChanges(changes, refreshedItems) {\n        const data = {\n            changes,\n            refreshedItems\n        };\n        this.fire('reduceChanges', data);\n        return data.changes;\n    }\n    /**\n\t * Populates provided {@link module:engine/conversion/modelconsumable~ModelConsumable} with values to consume from a given range,\n\t * assuming that the range has just been inserted to the model.\n\t *\n\t * @param consumable The consumable.\n\t * @param walkerValues The walker values for the inserted range.\n\t * @returns The values to consume.\n\t */ _addConsumablesForInsert(consumable, walkerValues) {\n        for (const value of walkerValues){\n            const item = value.item;\n            // Add consumable if it wasn't there yet.\n            if (consumable.test(item, 'insert') === null) {\n                consumable.add(item, 'insert');\n                for (const key of item.getAttributeKeys()){\n                    consumable.add(item, 'attribute:' + key);\n                }\n            }\n        }\n        return consumable;\n    }\n    /**\n\t * Populates provided {@link module:engine/conversion/modelconsumable~ModelConsumable} with values to consume for a given range.\n\t *\n\t * @param consumable The consumable.\n\t * @param range The affected range.\n\t * @param type Consumable type.\n\t * @returns The values to consume.\n\t */ _addConsumablesForRange(consumable, range, type) {\n        for (const item of range.getItems()){\n            consumable.add(item, type);\n        }\n        return consumable;\n    }\n    /**\n\t * Populates provided {@link module:engine/conversion/modelconsumable~ModelConsumable} with selection consumable values.\n\t *\n\t * @param consumable The consumable.\n\t * @param selection The selection to create the consumable from.\n\t * @param markers Markers that contain the selection.\n\t * @returns The values to consume.\n\t */ _addConsumablesForSelection(consumable, selection, markers) {\n        consumable.add(selection, 'selection');\n        for (const marker of markers){\n            consumable.add(selection, 'addMarker:' + marker.name);\n        }\n        for (const key of selection.getAttributeKeys()){\n            consumable.add(selection, 'attribute:' + key);\n        }\n        return consumable;\n    }\n    /**\n\t * Tests whether given event wasn't already fired and if so, fires it.\n\t *\n\t * @fires insert\n\t * @fires attribute\n\t * @param type Event type.\n\t * @param data Event data.\n\t * @param conversionApi The conversion API object.\n\t */ _testAndFire(type, data, conversionApi) {\n        const eventName = getEventName(type, data);\n        const itemKey = data.item.is('$textProxy') ? conversionApi.consumable._getSymbolForTextProxy(data.item) : data.item;\n        const eventsFiredForConversion = this._firedEventsMap.get(conversionApi);\n        const eventsFiredForItem = eventsFiredForConversion.get(itemKey);\n        if (!eventsFiredForItem) {\n            eventsFiredForConversion.set(itemKey, new Set([\n                eventName\n            ]));\n        } else if (!eventsFiredForItem.has(eventName)) {\n            eventsFiredForItem.add(eventName);\n        } else {\n            return;\n        }\n        this.fire(eventName, data, conversionApi);\n    }\n    /**\n\t * Fires not already fired events for setting attributes on just inserted item.\n\t *\n\t * @param item The model item to convert attributes for.\n\t * @param conversionApi The conversion API object.\n\t */ _testAndFireAddAttributes(item, conversionApi) {\n        const data = {\n            item,\n            range: ModelRange._createOn(item)\n        };\n        for (const key of data.item.getAttributeKeys()){\n            data.attributeKey = key;\n            data.attributeOldValue = null;\n            data.attributeNewValue = data.item.getAttribute(key);\n            this._testAndFire(`attribute:${key}`, data, conversionApi);\n        }\n    }\n    /**\n\t * Builds an instance of the {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi} from a template and a given\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter `ViewDowncastWriter`} and options object.\n\t *\n\t * @param writer View writer that should be used to modify the view document.\n\t * @param refreshedItems A set of model elements that should not reuse their\n\t * previous view representations.\n\t * @param options Optional options passed to `convertionApi.options`.\n\t * @return The conversion API object.\n\t */ _createConversionApi(writer, refreshedItems = new Set(), options = {}) {\n        const conversionApi = {\n            ...this._conversionApi,\n            consumable: new ModelConsumable(),\n            writer,\n            options,\n            convertItem: (item)=>this._convertInsert(ModelRange._createOn(item), conversionApi),\n            convertChildren: (element)=>this._convertInsert(ModelRange._createIn(element), conversionApi, {\n                    doNotAddConsumables: true\n                }),\n            convertAttributes: (item)=>this._testAndFireAddAttributes(item, conversionApi),\n            canReuseView: (viewElement)=>!refreshedItems.has(conversionApi.mapper.toModelElement(viewElement))\n        };\n        this._firedEventsMap.set(conversionApi, new Map());\n        return conversionApi;\n    }\n}\n/**\n * Helper function, checks whether change of `marker` at `modelPosition` should be converted. Marker changes are not\n * converted if they happen inside an element with custom conversion method.\n */ function shouldMarkerChangeBeConverted(modelPosition, marker, mapper) {\n    const range = marker.getRange();\n    const ancestors = Array.from(modelPosition.getAncestors());\n    ancestors.shift(); // Remove root element. It cannot be passed to `model.Range#containsItem`.\n    ancestors.reverse();\n    const hasCustomHandling = ancestors.some((element)=>{\n        if (range.containsItem(element)) {\n            const viewElement = mapper.toViewElement(element);\n            return !!viewElement.getCustomProperty('addHighlight');\n        }\n    });\n    return !hasCustomHandling;\n}\nfunction getEventName(type, data) {\n    const name = data.item.is('element') ? data.item.name : '$text';\n    return `${type}:${name}`;\n}\nfunction walkerValueToEventData(value) {\n    return {\n        item: value.item,\n        range: ModelRange._createFromPositionAndShift(value.previousPosition, value.length)\n    };\n}\n\n/**\n * Model node. Most basic structure of model tree.\n *\n * This is an abstract class that is a base for other classes representing different nodes in model.\n *\n * **Note:** If a node is detached from the model tree, you can manipulate it using it's API.\n * However, it is **very important** that nodes already attached to model tree should be only changed through\n * {@link module:engine/model/writer~ModelWriter Writer API}.\n *\n * Changes done by `Node` methods, like {@link module:engine/model/element~ModelElement#_insertChild _insertChild} or\n * {@link module:engine/model/node~ModelNode#_setAttribute _setAttribute}\n * do not generate {@link module:engine/model/operation/operation~Operation operations}\n * which are essential for correct editor work if you modify nodes in {@link module:engine/model/document~ModelDocument document} root.\n *\n * The flow of working on `Node` (and classes that inherits from it) is as such:\n * 1. You can create a `Node` instance, modify it using it's API.\n * 2. Add `Node` to the model using `Batch` API.\n * 3. Change `Node` that was already added to the model using `Batch` API.\n *\n * Similarly, you cannot use `Batch` API on a node that has not been added to the model tree, with the exception\n * of {@link module:engine/model/writer~ModelWriter#insert inserting} that node to the model tree.\n *\n * Be aware that using {@link module:engine/model/writer~ModelWriter#remove remove from Batch API} does not allow to use `Node` API because\n * the information about `Node` is still kept in model document.\n *\n * In case of {@link module:engine/model/element~ModelElement element node}, adding and removing children also counts as changing a node and\n * follows same rules.\n */ class ModelNode extends ModelTypeCheckable {\n    /**\n\t * Parent of this node. It could be {@link module:engine/model/element~ModelElement}\n\t * or {@link module:engine/model/documentfragment~ModelDocumentFragment}.\n\t * Equals to `null` if the node has no parent.\n\t */ parent = null;\n    /**\n\t * Attributes set on this node.\n\t */ _attrs;\n    /**\n\t * Index of this node in its parent or `null` if the node has no parent.\n\t *\n\t * @internal\n\t */ _index = null;\n    /**\n\t * Offset at which this node starts in its parent or `null` if the node has no parent.\n\t *\n\t * @internal\n\t */ _startOffset = null;\n    /**\n\t * Creates a model node.\n\t *\n\t * This is an abstract class, so this constructor should not be used directly.\n\t *\n\t * @param attrs Node's attributes. See {@link module:utils/tomap~toMap} for a list of accepted values.\n\t */ constructor(attrs){\n        super();\n        this._attrs = toMap(attrs);\n    }\n    /**\n\t * {@link module:engine/model/document~ModelDocument Document} that owns this root element.\n\t */ get document() {\n        return null;\n    }\n    /**\n\t * Index of this node in its parent or `null` if the node has no parent.\n\t */ get index() {\n        return this._index;\n    }\n    /**\n\t * Offset at which this node starts in its parent. It is equal to the sum of {@link #offsetSize offsetSize}\n\t * of all its previous siblings. Equals to `null` if node has no parent.\n\t */ get startOffset() {\n        return this._startOffset;\n    }\n    /**\n\t * Offset size of this node.\n\t *\n\t * Represents how much \"offset space\" is occupied by the node in its parent. It is important for\n\t * {@link module:engine/model/position~ModelPosition position}. When node has `offsetSize` greater\n\t * than `1`, position can be placed between that node start and end. `offsetSize` greater than `1` is for\n\t * nodes that represents more than one entity, i.e. a {@link module:engine/model/text~ModelText text node}.\n\t */ get offsetSize() {\n        return 1;\n    }\n    /**\n\t * Offset at which this node ends in its parent. It is equal to the sum of this node's\n\t * {@link module:engine/model/node~ModelNode#startOffset start offset} and {@link #offsetSize offset size}.\n\t * Equals to `null` if the node has no parent.\n\t */ get endOffset() {\n        if (this.startOffset === null) {\n            return null;\n        }\n        return this.startOffset + this.offsetSize;\n    }\n    /**\n\t * Node's next sibling or `null` if the node is a last child of it's parent or if the node has no parent.\n\t */ get nextSibling() {\n        const index = this.index;\n        return index !== null && this.parent.getChild(index + 1) || null;\n    }\n    /**\n\t * Node's previous sibling or `null` if the node is a first child of it's parent or if the node has no parent.\n\t */ get previousSibling() {\n        const index = this.index;\n        return index !== null && this.parent.getChild(index - 1) || null;\n    }\n    /**\n\t * The top-most ancestor of the node. If node has no parent it is the root itself. If the node is a part\n\t * of {@link module:engine/model/documentfragment~ModelDocumentFragment}, it's `root` is equal to that `DocumentFragment`.\n\t */ get root() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n        let root = this;\n        while(root.parent){\n            root = root.parent;\n        }\n        return root;\n    }\n    /**\n\t * Returns `true` if the node is inside a document root that is attached to the document.\n\t */ isAttached() {\n        // If the node has no parent it means that it is a root.\n        // But this is not a `RootElement`, so it means that it is not attached.\n        //\n        // If this is not the root, check if this element's root is attached.\n        return this.parent === null ? false : this.root.isAttached();\n    }\n    /**\n\t * Gets path to the node. The path is an array containing starting offsets of consecutive ancestors of this node,\n\t * beginning from {@link module:engine/model/node~ModelNode#root root}, down to this node's starting offset. The path can be used to\n\t * create {@link module:engine/model/position~ModelPosition Position} instance.\n\t *\n\t * ```ts\n\t * const abc = new Text( 'abc' );\n\t * const foo = new Text( 'foo' );\n\t * const h1 = new ModelElement( 'h1', null, new Text( 'header' ) );\n\t * const p = new ModelElement( 'p', null, [ abc, foo ] );\n\t * const div = new ModelElement( 'div', null, [ h1, p ] );\n\t * foo.getPath(); // Returns [ 1, 3 ]. `foo` is in `p` which is in `div`. `p` starts at offset 1, while `foo` at 3.\n\t * h1.getPath(); // Returns [ 0 ].\n\t * div.getPath(); // Returns [].\n\t * ```\n\t */ getPath() {\n        const path = [];\n        // eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n        let node = this;\n        while(node.parent){\n            path.unshift(node.startOffset);\n            node = node.parent;\n        }\n        return path;\n    }\n    /**\n\t * Returns ancestors array of this node.\n\t *\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` this node will be also included in parent's array.\n\t * @param options.parentFirst When set to `true`, array will be sorted from node's parent to root element,\n\t * otherwise root element will be the first item in the array.\n\t * @returns Array with ancestors.\n\t */ getAncestors(options = {}) {\n        const ancestors = [];\n        let parent = options.includeSelf ? this : this.parent;\n        while(parent){\n            ancestors[options.parentFirst ? 'push' : 'unshift'](parent);\n            parent = parent.parent;\n        }\n        return ancestors;\n    }\n    /**\n\t * Returns a {@link module:engine/model/element~ModelElement} or {@link module:engine/model/documentfragment~ModelDocumentFragment}\n\t * which is a common ancestor of both nodes.\n\t *\n\t * @param node The second node.\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` both nodes will be considered \"ancestors\" too.\n\t * Which means that if e.g. node A is inside B, then their common ancestor will be B.\n\t */ getCommonAncestor(node, options = {}) {\n        const ancestorsA = this.getAncestors(options);\n        const ancestorsB = node.getAncestors(options);\n        let i = 0;\n        while(ancestorsA[i] == ancestorsB[i] && ancestorsA[i]){\n            i++;\n        }\n        return i === 0 ? null : ancestorsA[i - 1];\n    }\n    /**\n\t * Returns whether this node is before given node. `false` is returned if nodes are in different trees (for example,\n\t * in different {@link module:engine/model/documentfragment~ModelDocumentFragment}s).\n\t *\n\t * @param node Node to compare with.\n\t */ isBefore(node) {\n        // Given node is not before this node if they are same.\n        if (this == node) {\n            return false;\n        }\n        // Return `false` if it is impossible to compare nodes.\n        if (this.root !== node.root) {\n            return false;\n        }\n        const thisPath = this.getPath();\n        const nodePath = node.getPath();\n        const result = compareArrays(thisPath, nodePath);\n        switch(result){\n            case 'prefix':\n                return true;\n            case 'extension':\n                return false;\n            default:\n                return thisPath[result] < nodePath[result];\n        }\n    }\n    /**\n\t * Returns whether this node is after given node. `false` is returned if nodes are in different trees (for example,\n\t * in different {@link module:engine/model/documentfragment~ModelDocumentFragment}s).\n\t *\n\t * @param node Node to compare with.\n\t */ isAfter(node) {\n        // Given node is not before this node if they are same.\n        if (this == node) {\n            return false;\n        }\n        // Return `false` if it is impossible to compare nodes.\n        if (this.root !== node.root) {\n            return false;\n        }\n        // In other cases, just check if the `node` is before, and return the opposite.\n        return !this.isBefore(node);\n    }\n    /**\n\t * Checks if the node has an attribute with given key.\n\t *\n\t * @param key Key of attribute to check.\n\t * @returns `true` if attribute with given key is set on node, `false` otherwise.\n\t */ hasAttribute(key) {\n        return this._attrs.has(key);\n    }\n    /**\n\t * Gets an attribute value for given key or `undefined` if that attribute is not set on node.\n\t *\n\t * @param key Key of attribute to look for.\n\t * @returns Attribute value or `undefined`.\n\t */ getAttribute(key) {\n        return this._attrs.get(key);\n    }\n    /**\n\t * Returns iterator that iterates over this node's attributes.\n\t *\n\t * Attributes are returned as arrays containing two items. First one is attribute key and second is attribute value.\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */ getAttributes() {\n        return this._attrs.entries();\n    }\n    /**\n\t * Returns iterator that iterates over this node's attribute keys.\n\t */ getAttributeKeys() {\n        return this._attrs.keys();\n    }\n    /**\n\t * Converts `Node` to plain object and returns it.\n\t *\n\t * @returns `Node` converted to plain object.\n\t */ toJSON() {\n        const json = {};\n        // Serializes attributes to the object.\n        // attributes = { a: 'foo', b: 1, c: true }.\n        if (this._attrs.size) {\n            json.attributes = Array.from(this._attrs).reduce((result, attr)=>{\n                result[attr[0]] = attr[1];\n                return result;\n            }, {});\n        }\n        return json;\n    }\n    /**\n\t * Creates a copy of this node, that is a node with exactly same attributes, and returns it.\n\t *\n\t * @internal\n\t * @returns Node with same attributes as this node.\n\t */ _clone(_deep) {\n        return new this.constructor(this._attrs);\n    }\n    /**\n\t * Removes this node from its parent.\n\t *\n\t * @internal\n\t * @see module:engine/model/writer~ModelWriter#remove\n\t */ _remove() {\n        this.parent._removeChildren(this.index);\n    }\n    /**\n\t * Sets attribute on the node. If attribute with the same key already is set, it's value is overwritten.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setAttribute\n\t * @internal\n\t * @param key Key of attribute to set.\n\t * @param value Attribute value.\n\t */ _setAttribute(key, value) {\n        this._attrs.set(key, value);\n    }\n    /**\n\t * Removes all attributes from the node and sets given attributes.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setAttributes\n\t * @internal\n\t * @param attrs Attributes to set. See {@link module:utils/tomap~toMap} for a list of accepted values.\n\t */ _setAttributesTo(attrs) {\n        this._attrs = toMap(attrs);\n    }\n    /**\n\t * Removes an attribute with given key from the node.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#removeAttribute\n\t * @internal\n\t * @param key Key of attribute to remove.\n\t * @returns `true` if the attribute was set on the element, `false` otherwise.\n\t */ _removeAttribute(key) {\n        return this._attrs.delete(key);\n    }\n    /**\n\t * Removes all attributes from the node.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#clearAttributes\n\t * @internal\n\t */ _clearAttributes() {\n        this._attrs.clear();\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelNode.prototype.is = function(type) {\n    return type === 'node' || type === 'model:node';\n};\n\n/**\n * Selection is a set of {@link module:engine/model/range~ModelRange ranges}. It has a direction specified by its\n * {@link module:engine/model/selection~ModelSelection#anchor anchor} and {@link module:engine/model/selection~ModelSelection#focus focus}\n * (it can be {@link module:engine/model/selection~ModelSelection#isBackward forward or backward}).\n * Additionally, selection may have its own attributes (think – whether text typed in in this selection\n * should have those attributes – e.g. whether you type a bolded text).\n */ class ModelSelection extends /* #__PURE__ */ EmitterMixin(ModelTypeCheckable) {\n    /**\n\t * Specifies whether the last added range was added as a backward or forward range.\n\t */ _lastRangeBackward = false;\n    /**\n\t * List of attributes set on current selection.\n\t */ _attrs = new Map();\n    /** @internal */ _ranges = [];\n    /**\n\t * Creates a new selection instance based on the given {@link module:engine/model/selection~ModelSelectable selectable}\n\t * or creates an empty selection if no arguments were passed.\n\t *\n\t * ```ts\n\t * // Creates empty selection without ranges.\n\t * const selection = writer.createSelection();\n\t *\n\t * // Creates selection at the given range.\n\t * const range = writer.createRange( start, end );\n\t * const selection = writer.createSelection( range );\n\t *\n\t * // Creates selection at the given ranges\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * const selection = writer.createSelection( ranges );\n\t *\n\t * // Creates selection from the other selection.\n\t * // Note: It doesn't copy selection attributes.\n\t * const otherSelection = writer.createSelection();\n\t * const selection = writer.createSelection( otherSelection );\n\t *\n\t * // Creates selection from the given document selection.\n\t * // Note: It doesn't copy selection attributes.\n\t * const documentSelection = model.document.selection;\n\t * const selection = writer.createSelection( documentSelection );\n\t *\n\t * // Creates selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * const selection = writer.createSelection( position );\n\t *\n\t * // Creates selection at the given offset in the given element.\n\t * const paragraph = writer.createElement( 'paragraph' );\n\t * const selection = writer.createSelection( paragraph, offset );\n\t *\n\t * // Creates a range inside an {@link module:engine/model/element~ModelElement element} which starts before the\n\t * // first child of that element and ends after the last child of that element.\n\t * const selection = writer.createSelection( paragraph, 'in' );\n\t *\n\t * // Creates a range on an {@link module:engine/model/item~ModelItem item} which starts before the item and ends\n\t * // just after the item.\n\t * const selection = writer.createSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * Selection's constructor allow passing additional options (`'backward'`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * @internal\n\t */ constructor(...args){\n        super();\n        if (args.length) {\n            this.setTo(...args);\n        }\n    }\n    /**\n\t * Selection anchor. Anchor is the position from which the selection was started. If a user is making a selection\n\t * by dragging the mouse, the anchor is where the user pressed the mouse button (the beginning of the selection).\n\t *\n\t * Anchor and {@link #focus} define the direction of the selection, which is important\n\t * when expanding/shrinking selection. The focus moves, while the anchor should remain in the same place.\n\t *\n\t * Anchor is always set to the {@link module:engine/model/range~ModelRange#start start} or\n\t * {@link module:engine/model/range~ModelRange#end end} position of the last of selection's ranges. Whether it is\n\t * the `start` or `end` depends on the specified `options.backward`. See the {@link #setTo `setTo()`} method.\n\t *\n\t * May be set to `null` if there are no ranges in the selection.\n\t *\n\t * @see #focus\n\t */ get anchor() {\n        if (this._ranges.length > 0) {\n            const range = this._ranges[this._ranges.length - 1];\n            return this._lastRangeBackward ? range.end : range.start;\n        }\n        return null;\n    }\n    /**\n\t * Selection focus. Focus is the position where the selection ends. If a user is making a selection\n\t * by dragging the mouse, the focus is where the mouse cursor is.\n\t *\n\t * May be set to `null` if there are no ranges in the selection.\n\t *\n\t * @see #anchor\n\t */ get focus() {\n        if (this._ranges.length > 0) {\n            const range = this._ranges[this._ranges.length - 1];\n            return this._lastRangeBackward ? range.start : range.end;\n        }\n        return null;\n    }\n    /**\n\t * Whether the selection is collapsed. Selection is collapsed when there is exactly one range in it\n\t * and it is collapsed.\n\t */ get isCollapsed() {\n        const length = this._ranges.length;\n        if (length === 1) {\n            return this._ranges[0].isCollapsed;\n        } else {\n            return false;\n        }\n    }\n    /**\n\t * Returns the number of ranges in the selection.\n\t */ get rangeCount() {\n        return this._ranges.length;\n    }\n    /**\n\t * Specifies whether the selection's {@link #focus} precedes the selection's {@link #anchor}.\n\t */ get isBackward() {\n        return !this.isCollapsed && this._lastRangeBackward;\n    }\n    /**\n\t * Checks whether this selection is equal to the given selection. Selections are equal if they have the same directions,\n\t * the same number of ranges and all ranges from one selection equal to ranges from the another selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are equal, `false` otherwise.\n\t */ isEqual(otherSelection) {\n        if (this.rangeCount != otherSelection.rangeCount) {\n            return false;\n        } else if (this.rangeCount === 0) {\n            return true;\n        }\n        if (!this.anchor.isEqual(otherSelection.anchor) || !this.focus.isEqual(otherSelection.focus)) {\n            return false;\n        }\n        for (const thisRange of this._ranges){\n            let found = false;\n            for (const otherRange of otherSelection._ranges){\n                if (thisRange.isEqual(otherRange)) {\n                    found = true;\n                    break;\n                }\n            }\n            if (!found) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Returns an iterable object that iterates over copies of selection ranges.\n\t */ *getRanges() {\n        for (const range of this._ranges){\n            yield new ModelRange(range.start, range.end);\n        }\n    }\n    /**\n\t * Returns a copy of the first range in the selection.\n\t * First range is the one which {@link module:engine/model/range~ModelRange#start start} position\n\t * {@link module:engine/model/position~ModelPosition#isBefore is before} start position of all other ranges\n\t * (not to confuse with the first range added to the selection).\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */ getFirstRange() {\n        let first = null;\n        for (const range of this._ranges){\n            if (!first || range.start.isBefore(first.start)) {\n                first = range;\n            }\n        }\n        return first ? new ModelRange(first.start, first.end) : null;\n    }\n    /**\n\t * Returns a copy of the last range in the selection.\n\t * Last range is the one which {@link module:engine/model/range~ModelRange#end end} position\n\t * {@link module:engine/model/position~ModelPosition#isAfter is after} end position of all other\n\t * ranges (not to confuse with the range most recently added to the selection).\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */ getLastRange() {\n        let last = null;\n        for (const range of this._ranges){\n            if (!last || range.end.isAfter(last.end)) {\n                last = range;\n            }\n        }\n        return last ? new ModelRange(last.start, last.end) : null;\n    }\n    /**\n\t * Returns the first position in the selection.\n\t * First position is the position that {@link module:engine/model/position~ModelPosition#isBefore is before}\n\t * any other position in the selection.\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */ getFirstPosition() {\n        const first = this.getFirstRange();\n        return first ? first.start.clone() : null;\n    }\n    /**\n\t * Returns the last position in the selection.\n\t * Last position is the position that {@link module:engine/model/position~ModelPosition#isAfter is after}\n\t * any other position in the selection.\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */ getLastPosition() {\n        const lastRange = this.getLastRange();\n        return lastRange ? lastRange.end.clone() : null;\n    }\n    /**\n\t * Sets this selection's ranges and direction to the specified location based on the given\n\t * {@link module:engine/model/selection~ModelSelectable selectable}.\n\t *\n\t * ```ts\n\t * // Removes all selection's ranges.\n\t * selection.setTo( null );\n\t *\n\t * // Sets selection to the given range.\n\t * const range = writer.createRange( start, end );\n\t * selection.setTo( range );\n\t *\n\t * // Sets selection to given ranges.\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * selection.setTo( ranges );\n\t *\n\t * // Sets selection to other selection.\n\t * // Note: It doesn't copy selection attributes.\n\t * const otherSelection = writer.createSelection();\n\t * selection.setTo( otherSelection );\n\t *\n\t * // Sets selection to the given document selection.\n\t * // Note: It doesn't copy selection attributes.\n\t * const documentSelection = new ModelDocumentSelection( doc );\n\t * selection.setTo( documentSelection );\n\t *\n\t * // Sets collapsed selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * selection.setTo( position );\n\t *\n\t * // Sets collapsed selection at the position of the given node and an offset.\n\t * selection.setTo( paragraph, offset );\n\t * ```\n\t *\n\t * Creates a range inside an {@link module:engine/model/element~ModelElement element} which starts before the first child of\n \t * that element and ends after the last child of that element.\n\t *\n\t * ```ts\n\t * selection.setTo( paragraph, 'in' );\n\t * ```\n\t *\n\t * Creates a range on an {@link module:engine/model/item~ModelItem item} which starts before the item and ends just after the item.\n\t *\n\t * ```ts\n\t * selection.setTo( paragraph, 'on' );\n\t * ```\n\t *\n\t * `Selection#setTo()`' method allow passing additional options (`backward`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets backward selection.\n\t * const selection = writer.createSelection( range, { backward: true } );\n\t * ```\n\t */ setTo(...args) {\n        let [selectable, placeOrOffset, options] = args;\n        if (typeof placeOrOffset == 'object') {\n            options = placeOrOffset;\n            placeOrOffset = undefined;\n        }\n        if (selectable === null) {\n            this._setRanges([]);\n        } else if (selectable instanceof ModelSelection) {\n            this._setRanges(selectable.getRanges(), selectable.isBackward);\n        } else if (selectable && typeof selectable.getRanges == 'function') {\n            // We assume that the selectable is a ModelDocumentSelection.\n            // It can't be imported here, because it would lead to circular imports.\n            this._setRanges(selectable.getRanges(), selectable.isBackward);\n        } else if (selectable instanceof ModelRange) {\n            this._setRanges([\n                selectable\n            ], !!options && !!options.backward);\n        } else if (selectable instanceof ModelPosition) {\n            this._setRanges([\n                new ModelRange(selectable)\n            ]);\n        } else if (selectable instanceof ModelNode) {\n            const backward = !!options && !!options.backward;\n            let range;\n            if (placeOrOffset == 'in') {\n                range = ModelRange._createIn(selectable);\n            } else if (placeOrOffset == 'on') {\n                range = ModelRange._createOn(selectable);\n            } else if (placeOrOffset !== undefined) {\n                range = new ModelRange(ModelPosition._createAt(selectable, placeOrOffset));\n            } else {\n                /**\n\t\t\t\t * selection.setTo requires the second parameter when the first parameter is a node.\n\t\t\t\t *\n\t\t\t\t * @error model-selection-setto-required-second-parameter\n\t\t\t\t */ throw new CKEditorError('model-selection-setto-required-second-parameter', [\n                    this,\n                    selectable\n                ]);\n            }\n            this._setRanges([\n                range\n            ], backward);\n        } else if (isIterable(selectable)) {\n            // We assume that the selectable is an iterable of ranges.\n            this._setRanges(selectable, options && !!options.backward);\n        } else {\n            /**\n\t\t\t * Cannot set the selection to the given place.\n\t\t\t *\n\t\t\t * Invalid parameters were specified when setting the selection. Common issues:\n\t\t\t *\n\t\t\t * * A {@link module:engine/model/textproxy~ModelTextProxy} instance was passed instead of\n\t\t\t * a real {@link module:engine/model/text~ModelText}.\n\t\t\t * * View nodes were passed instead of model nodes.\n\t\t\t * * `null`/`undefined` was passed.\n\t\t\t *\n\t\t\t * @error model-selection-setto-not-selectable\n\t\t\t */ throw new CKEditorError('model-selection-setto-not-selectable', [\n                this,\n                selectable\n            ]);\n        }\n    }\n    /**\n\t * Replaces all ranges that were added to the selection with given array of ranges. Last range of the array\n\t * is treated like the last added range and is used to set {@link module:engine/model/selection~ModelSelection#anchor} and\n\t * {@link module:engine/model/selection~ModelSelection#focus}. Accepts a flag describing in which direction the selection is made.\n\t *\n\t * @fires change:range\n\t * @param newRanges Ranges to set.\n\t * @param isLastBackward Flag describing if last added range was selected forward - from start to end (`false`)\n\t * or backward - from end to start (`true`).\n\t */ _setRanges(newRanges, isLastBackward = false) {\n        const ranges = Array.from(newRanges);\n        // Check whether there is any range in new ranges set that is different than all already added ranges.\n        const anyNewRange = ranges.some((newRange)=>{\n            if (!(newRange instanceof ModelRange)) {\n                /**\n\t\t\t\t * Selection range set to an object that is not an instance of {@link module:engine/model/range~ModelRange}.\n\t\t\t\t *\n\t\t\t\t * Only {@link module:engine/model/range~ModelRange} instances can be used to set a selection.\n\t\t\t\t * Common mistakes leading to this error are:\n\t\t\t\t *\n\t\t\t\t * * using DOM `Range` object,\n\t\t\t\t * * incorrect CKEditor 5 installation with multiple `ckeditor5-engine` packages having different versions.\n\t\t\t\t *\n\t\t\t\t * @error model-selection-set-ranges-not-range\n\t\t\t\t */ throw new CKEditorError('model-selection-set-ranges-not-range', [\n                    this,\n                    newRanges\n                ]);\n            }\n            return this._ranges.every((oldRange)=>{\n                return !oldRange.isEqual(newRange);\n            });\n        });\n        // Don't do anything if nothing changed.\n        if (ranges.length === this._ranges.length && !anyNewRange) {\n            return;\n        }\n        this._replaceAllRanges(ranges);\n        this._lastRangeBackward = !!isLastBackward;\n        this.fire('change:range', {\n            directChange: true\n        });\n    }\n    /**\n\t * Moves {@link module:engine/model/selection~ModelSelection#focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionAt writer.createPositionAt()} parameters.\n\t *\n\t * @fires change:range\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */ setFocus(itemOrPosition, offset) {\n        if (this.anchor === null) {\n            /**\n\t\t\t * Cannot set selection focus if there are no ranges in selection.\n\t\t\t *\n\t\t\t * @error model-selection-setfocus-no-ranges\n\t\t\t */ throw new CKEditorError('model-selection-setfocus-no-ranges', [\n                this,\n                itemOrPosition\n            ]);\n        }\n        const newFocus = ModelPosition._createAt(itemOrPosition, offset);\n        if (newFocus.compareWith(this.focus) == 'same') {\n            return;\n        }\n        const anchor = this.anchor;\n        if (this._ranges.length) {\n            this._popRange();\n        }\n        if (newFocus.compareWith(anchor) == 'before') {\n            this._pushRange(new ModelRange(newFocus, anchor));\n            this._lastRangeBackward = true;\n        } else {\n            this._pushRange(new ModelRange(anchor, newFocus));\n            this._lastRangeBackward = false;\n        }\n        this.fire('change:range', {\n            directChange: true\n        });\n    }\n    /**\n\t * Gets an attribute value for given key or `undefined` if that attribute is not set on the selection.\n\t *\n\t * @param key Key of attribute to look for.\n\t * @returns Attribute value or `undefined`.\n\t */ getAttribute(key) {\n        return this._attrs.get(key);\n    }\n    /**\n\t * Returns iterable that iterates over this selection's attributes.\n\t *\n\t * Attributes are returned as arrays containing two items. First one is attribute key and second is attribute value.\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */ getAttributes() {\n        return this._attrs.entries();\n    }\n    /**\n\t * Returns iterable that iterates over this selection's attribute keys.\n\t */ getAttributeKeys() {\n        return this._attrs.keys();\n    }\n    /**\n\t * Checks if the selection has an attribute for given key.\n\t *\n\t * @param key Key of attribute to check.\n\t * @returns `true` if attribute with given key is set on selection, `false` otherwise.\n\t */ hasAttribute(key) {\n        return this._attrs.has(key);\n    }\n    /**\n\t * Removes an attribute with given key from the selection.\n\t *\n\t * If given attribute was set on the selection, fires the {@link #event:change:range} event with\n\t * removed attribute key.\n\t *\n\t * @fires change:attribute\n\t * @param key Key of attribute to remove.\n\t */ removeAttribute(key) {\n        if (this.hasAttribute(key)) {\n            this._attrs.delete(key);\n            this.fire('change:attribute', {\n                attributeKeys: [\n                    key\n                ],\n                directChange: true\n            });\n        }\n    }\n    /**\n\t * Sets attribute on the selection. If attribute with the same key already is set, it's value is overwritten.\n\t *\n\t * If the attribute value has changed, fires the {@link #event:change:range} event with\n\t * the attribute key.\n\t *\n\t * @fires change:attribute\n\t * @param key Key of attribute to set.\n\t * @param value Attribute value.\n\t */ setAttribute(key, value) {\n        if (this.getAttribute(key) !== value) {\n            this._attrs.set(key, value);\n            this.fire('change:attribute', {\n                attributeKeys: [\n                    key\n                ],\n                directChange: true\n            });\n        }\n    }\n    /**\n\t * Returns the selected element. {@link module:engine/model/element~ModelElement Element} is considered as selected if there is only\n\t * one range in the selection, and that range contains exactly one element.\n\t * Returns `null` if there is no selected element.\n\t */ getSelectedElement() {\n        if (this.rangeCount !== 1) {\n            return null;\n        }\n        return this.getFirstRange().getContainedElement();\n    }\n    /**\n\t * Gets elements of type {@link module:engine/model/schema~ModelSchema#isBlock \"block\"} touched by the selection.\n\t *\n\t * This method's result can be used for example to apply block styling to all blocks covered by this selection.\n\t *\n\t * **Note:** `getSelectedBlocks()` returns blocks that are nested in other non-block elements\n\t * but will not return blocks nested in other blocks.\n\t *\n\t * In this case the function will return exactly all 3 paragraphs (note: `<blockQuote>` is not a block itself):\n\t *\n\t * ```xml\n\t * <paragraph>[a</paragraph>\n\t * <blockQuote>\n\t * \t<paragraph>b</paragraph>\n\t * </blockQuote>\n\t * <paragraph>c]d</paragraph>\n\t * ```\n\t *\n\t * In this case the paragraph will also be returned, despite the collapsed selection:\n\t *\n\t * ```xml\n\t * <paragraph>[]a</paragraph>\n\t * ```\n\t *\n\t * In such a scenario, however, only blocks A, B & E will be returned as blocks C & D are nested in block B:\n\t *\n\t * ```xml\n\t * [<blockA></blockA>\n\t * <blockB>\n\t * \t<blockC></blockC>\n\t * \t<blockD></blockD>\n\t * </blockB>\n\t * <blockE></blockE>]\n\t * ```\n\t *\n\t * If the selection is inside a block all the inner blocks (A & B) are returned:\n\t *\n\t * ```xml\n\t * <block>\n\t * \t<blockA>[a</blockA>\n\t * \t<blockB>b]</blockB>\n\t * </block>\n\t * ```\n\t *\n\t * **Special case**: Selection ignores first and/or last blocks if nothing (from user perspective) is selected in them.\n\t *\n\t * ```xml\n\t * // Selection ends and the beginning of the last block.\n\t * <paragraph>[a</paragraph>\n\t * <paragraph>b</paragraph>\n\t * <paragraph>]c</paragraph> // This block will not be returned\n\t *\n\t * // Selection begins at the end of the first block.\n\t * <paragraph>a[</paragraph> // This block will not be returned\n\t * <paragraph>b</paragraph>\n\t * <paragraph>c]</paragraph>\n\t *\n\t * // Selection begings at the end of the first block and ends at the beginning of the last block.\n\t * <paragraph>a[</paragraph> // This block will not be returned\n\t * <paragraph>b</paragraph>\n\t * <paragraph>]c</paragraph> // This block will not be returned\n\t * ```\n\t */ *getSelectedBlocks() {\n        const visited = new WeakSet();\n        for (const range of this.getRanges()){\n            // Get start block of range in case of a collapsed range.\n            const startBlock = getParentBlock$1(range.start, visited);\n            if (isStartBlockSelected(startBlock, range)) {\n                yield startBlock;\n            }\n            const treewalker = range.getWalker();\n            for (const value of treewalker){\n                const block = value.item;\n                if (value.type == 'elementEnd' && isUnvisitedTopBlock(block, visited, range)) {\n                    yield block;\n                } else if (value.type == 'elementStart' && block.is('model:element') && block.root.document.model.schema.isBlock(block)) {\n                    treewalker.jumpTo(ModelPosition._createAt(block, 'end'));\n                }\n            }\n            const endBlock = getParentBlock$1(range.end, visited);\n            if (isEndBlockSelected(endBlock, range)) {\n                yield endBlock;\n            }\n        }\n    }\n    /**\n\t * Checks whether the selection contains the entire content of the given element. This means that selection must start\n\t * at a position {@link module:engine/model/position~ModelPosition#isTouching touching} the element's start and ends at position\n\t * touching the element's end.\n\t *\n\t * By default, this method will check whether the entire content of the selection's current root is selected.\n\t * Useful to check if e.g. the user has just pressed <kbd>Ctrl</kbd> + <kbd>A</kbd>.\n\t */ containsEntireContent(element = this.anchor.root) {\n        const limitStartPosition = ModelPosition._createAt(element, 0);\n        const limitEndPosition = ModelPosition._createAt(element, 'end');\n        return limitStartPosition.isTouching(this.getFirstPosition()) && limitEndPosition.isTouching(this.getLastPosition());\n    }\n    /**\n\t * Converts `Selection` to plain object and returns it.\n\t *\n\t * @returns `Selection` converted to plain object.\n\t */ toJSON() {\n        const json = {\n            ranges: Array.from(this.getRanges()).map((range)=>range.toJSON())\n        };\n        const attributes = Object.fromEntries(this.getAttributes());\n        if (Object.keys(attributes).length) {\n            json.attributes = attributes;\n        }\n        if (this.isBackward) {\n            json.isBackward = true;\n        }\n        return json;\n    }\n    /**\n\t * Adds given range to internal {@link #_ranges ranges array}. Throws an error\n\t * if given range is intersecting with any range that is already stored in this selection.\n\t */ _pushRange(range) {\n        this._checkRange(range);\n        this._ranges.push(new ModelRange(range.start, range.end));\n    }\n    /**\n\t * Checks if given range intersects with ranges that are already in the selection. Throws an error if it does.\n\t */ _checkRange(range) {\n        for(let i = 0; i < this._ranges.length; i++){\n            if (range.isIntersecting(this._ranges[i])) {\n                /**\n\t\t\t\t * Trying to add a range that intersects with another range in the selection.\n\t\t\t\t *\n\t\t\t\t * @error model-selection-range-intersects\n\t\t\t\t * @param {module:engine/model/range~ModelRange} addedRange Range that was added to the selection.\n\t\t\t\t * @param {module:engine/model/range~ModelRange} intersectingRange Range in the selection that intersects with `addedRange`.\n\t\t\t\t */ throw new CKEditorError('model-selection-range-intersects', [\n                    this,\n                    range\n                ], {\n                    addedRange: range,\n                    intersectingRange: this._ranges[i]\n                });\n            }\n        }\n    }\n    /**\n\t * Replaces all the ranges by the given ones.\n\t * Uses {@link #_popRange _popRange} and {@link #_pushRange _pushRange} to ensure proper ranges removal and addition.\n\t */ _replaceAllRanges(ranges) {\n        this._removeAllRanges();\n        for (const range of ranges){\n            this._pushRange(range);\n        }\n    }\n    /**\n\t * Deletes ranges from internal range array. Uses {@link #_popRange _popRange} to\n\t * ensure proper ranges removal.\n\t */ _removeAllRanges() {\n        while(this._ranges.length > 0){\n            this._popRange();\n        }\n    }\n    /**\n\t * Removes most recently added range from the selection.\n\t */ _popRange() {\n        this._ranges.pop();\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelSelection.prototype.is = function(type) {\n    return type === 'selection' || type === 'model:selection';\n};\n/**\n * Checks whether the given element extends $block in the schema and has a parent (is not a root).\n * Marks it as already visited.\n */ function isUnvisitedBlock(element, visited) {\n    if (visited.has(element)) {\n        return false;\n    }\n    visited.add(element);\n    return element.root.document.model.schema.isBlock(element) && !!element.parent;\n}\n/**\n * Checks if the given element is a $block was not previously visited and is a top block in a range.\n */ function isUnvisitedTopBlock(element, visited, range) {\n    return isUnvisitedBlock(element, visited) && isTopBlockInRange(element, range);\n}\n/**\n * Finds the lowest element in position's ancestors which is a block.\n * It will search until first ancestor that is a limit element.\n * Marks all ancestors as already visited to not include any of them later on.\n */ function getParentBlock$1(position, visited) {\n    const element = position.parent;\n    const schema = element.root.document.model.schema;\n    const ancestors = position.parent.getAncestors({\n        parentFirst: true,\n        includeSelf: true\n    });\n    let hasParentLimit = false;\n    const block = ancestors.find((element)=>{\n        // Stop searching after first parent node that is limit element.\n        if (hasParentLimit) {\n            return false;\n        }\n        hasParentLimit = schema.isLimit(element);\n        return !hasParentLimit && isUnvisitedBlock(element, visited);\n    });\n    // Mark all ancestors of this position's parent, because find() might've stopped early and\n    // the found block may be a child of another block.\n    ancestors.forEach((element)=>visited.add(element));\n    return block;\n}\n/**\n * Checks if the blocks is not nested in other block inside a range.\n */ function isTopBlockInRange(block, range) {\n    const parentBlock = findAncestorBlock(block);\n    if (!parentBlock) {\n        return true;\n    }\n    // Add loose flag to check as parentRange can be equal to range.\n    const isParentInRange = range.containsRange(ModelRange._createOn(parentBlock), true);\n    return !isParentInRange;\n}\n/**\n * If a selection starts at the end of a block, that block is not returned as from the user's perspective this block wasn't selected.\n * See [#11585](https://github.com/ckeditor/ckeditor5/issues/11585) for more details.\n *\n * ```xml\n * <paragraph>a[</paragraph> // This block will not be returned\n * <paragraph>b</paragraph>\n * <paragraph>c]</paragraph>\n * ```\n *\n * Collapsed selection is not affected by it:\n *\n * ```xml\n * <paragraph>a[]</paragraph> // This block will be returned\n * ```\n */ function isStartBlockSelected(startBlock, range) {\n    if (!startBlock) {\n        return false;\n    }\n    if (range.isCollapsed || startBlock.isEmpty) {\n        return true;\n    }\n    if (range.start.isTouching(ModelPosition._createAt(startBlock, startBlock.maxOffset))) {\n        return false;\n    }\n    return isTopBlockInRange(startBlock, range);\n}\n/**\n * If a selection ends at the beginning of a block, that block is not returned as from the user's perspective this block wasn't selected.\n * See [#984](https://github.com/ckeditor/ckeditor5-engine/issues/984) for more details.\n *\n * ```xml\n * <paragraph>[a</paragraph>\n * <paragraph>b</paragraph>\n * <paragraph>]c</paragraph> // this block will not be returned\n * ```\n *\n * Collapsed selection is not affected by it:\n *\n * ```xml\n * <paragraph>[]a</paragraph> // this block will be returned\n * ```\n */ function isEndBlockSelected(endBlock, range) {\n    if (!endBlock) {\n        return false;\n    }\n    if (range.isCollapsed || endBlock.isEmpty) {\n        return true;\n    }\n    if (range.end.isTouching(ModelPosition._createAt(endBlock, 0))) {\n        return false;\n    }\n    return isTopBlockInRange(endBlock, range);\n}\n/**\n * Returns first ancestor block of a node.\n */ function findAncestorBlock(node) {\n    const schema = node.root.document.model.schema;\n    let parent = node.parent;\n    while(parent){\n        if (schema.isBlock(parent)) {\n            return parent;\n        }\n        parent = parent.parent;\n    }\n}\n\n/**\n * `ModelLiveRange` is a type of {@link module:engine/model/range~ModelRange Range}\n * that updates itself as {@link module:engine/model/document~ModelDocument document}\n * is changed through operations. It may be used as a bookmark.\n *\n * **Note:** Be very careful when dealing with `ModelLiveRange`. Each `ModelLiveRange` instance bind events that might\n * have to be unbound. Use {@link module:engine/model/liverange~ModelLiveRange#detach detach} whenever you don't need\n * `ModelLiveRange` anymore.\n */ class ModelLiveRange extends /* #__PURE__ */ EmitterMixin(ModelRange) {\n    /**\n\t * Creates a live range.\n\t *\n\t * @see module:engine/model/range~ModelRange\n\t */ constructor(start, end){\n        super(start, end);\n        bindWithDocument$1.call(this);\n    }\n    /**\n\t * Unbinds all events previously bound by `ModelLiveRange`. Use it whenever you don't need `ModelLiveRange` instance\n\t * anymore (i.e. when leaving scope in which it was declared or before re-assigning variable that was\n\t * referring to it).\n\t */ detach() {\n        this.stopListening();\n    }\n    /**\n\t * Creates a {@link module:engine/model/range~ModelRange range instance} that is equal to this live range.\n\t */ toRange() {\n        return new ModelRange(this.start, this.end);\n    }\n    /**\n\t * Creates a `ModelLiveRange` instance that is equal to the given range.\n\t */ static fromRange(range) {\n        return new ModelLiveRange(range.start, range.end);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelLiveRange.prototype.is = function(type) {\n    return type === 'liveRange' || type === 'model:liveRange' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n    type == 'range' || type === 'model:range';\n};\n/**\n * Binds this `ModelLiveRange` to the {@link module:engine/model/document~ModelDocument document}\n * that owns this range's {@link module:engine/model/range~ModelRange#root root}.\n */ function bindWithDocument$1() {\n    this.listenTo(this.root.document.model, 'applyOperation', (event, args)=>{\n        const operation = args[0];\n        if (!operation.isDocumentOperation) {\n            return;\n        }\n        transform$2.call(this, operation);\n    }, {\n        priority: 'low'\n    });\n}\n/**\n * Updates this range accordingly to the updates applied to the model. Bases on change events.\n */ function transform$2(operation) {\n    // Transform the range by the operation. Join the result ranges if needed.\n    const ranges = this.getTransformedByOperation(operation);\n    const result = ModelRange._createFromRanges(ranges);\n    const boundariesChanged = !result.isEqual(this);\n    const contentChanged = doesOperationChangeRangeContent(this, operation);\n    let deletionPosition = null;\n    if (boundariesChanged) {\n        // If range boundaries have changed, fire `change:range` event.\n        //\n        if (result.root.rootName == '$graveyard') {\n            // If the range was moved to the graveyard root, set `deletionPosition`.\n            if (operation.type == 'remove') {\n                deletionPosition = operation.sourcePosition;\n            } else {\n                // Merge operation.\n                deletionPosition = operation.deletionPosition;\n            }\n        }\n        const oldRange = this.toRange();\n        this.start = result.start;\n        this.end = result.end;\n        this.fire('change:range', oldRange, {\n            deletionPosition\n        });\n    } else if (contentChanged) {\n        // If range boundaries have not changed, but there was change inside the range, fire `change:content` event.\n        this.fire('change:content', this.toRange(), {\n            deletionPosition\n        });\n    }\n}\n/**\n * Checks whether given operation changes something inside the range (even if it does not change boundaries).\n */ function doesOperationChangeRangeContent(range, operation) {\n    switch(operation.type){\n        case 'insert':\n            return range.containsPosition(operation.position);\n        case 'move':\n        case 'remove':\n        case 'reinsert':\n        case 'merge':\n            return range.containsPosition(operation.sourcePosition) || range.start.isEqual(operation.sourcePosition) || range.containsPosition(operation.targetPosition);\n        case 'split':\n            return range.containsPosition(operation.splitPosition) || range.containsPosition(operation.insertionPosition);\n    }\n    return false;\n}\n\n// @if CK_DEBUG_ENGINE // const { convertMapToStringifiedObject } = require( '../dev-utils/utils' );\n/**\n * Model text node. Type of {@link module:engine/model/node~ModelNode node} that\n * contains {@link module:engine/model/text~ModelText#data text data}.\n *\n * **Important:** see {@link module:engine/model/node~ModelNode} to read about restrictions using `Text` and `Node` API.\n *\n * **Note:** keep in mind that `Text` instances might indirectly got removed from model tree when model is changed.\n * This happens when {@link module:engine/model/writer~ModelWriter model writer} is used to change model and the text node is merged with\n * another text node. Then, both text nodes are removed and a new text node is inserted into the model. Because of\n * this behavior, keeping references to `Text` is not recommended. Instead, consider creating\n * {@link module:engine/model/liveposition~ModelLivePosition live position} placed before the text node.\n */ class ModelText extends ModelNode {\n    /**\n\t * Text data contained in this text node.\n\t *\n\t * @internal\n\t */ _data;\n    /**\n\t * Creates a text node.\n\t *\n\t * **Note:** Constructor of this class shouldn't be used directly in the code.\n\t * Use the {@link module:engine/model/writer~ModelWriter#createText} method instead.\n\t *\n\t * @internal\n\t * @param data Node's text.\n\t * @param attrs Node's attributes. See {@link module:utils/tomap~toMap} for a list of accepted values.\n\t */ constructor(data, attrs){\n        super(attrs);\n        this._data = data || '';\n    }\n    /**\n\t * @inheritDoc\n\t */ get offsetSize() {\n        return this.data.length;\n    }\n    /**\n\t * Returns a text data contained in the node.\n\t */ get data() {\n        return this._data;\n    }\n    /**\n\t * Converts `Text` instance to plain object and returns it.\n\t *\n\t * @returns`Text` instance converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.data = this.data;\n        return json;\n    }\n    /**\n\t * Creates a copy of this text node and returns it. Created text node has same text data and attributes as original text node.\n\t *\n\t * @internal\n\t * @returns `Text` instance created using given plain object.\n\t */ _clone() {\n        return new ModelText(this.data, this.getAttributes());\n    }\n    /**\n\t * Creates a `Text` instance from given plain object (i.e. parsed JSON string).\n\t *\n\t * @param json Plain object to be converted to `Text`.\n\t * @returns `Text` instance created using given plain object.\n\t */ static fromJSON(json) {\n        return new ModelText(json.data, json.attributes);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelText.prototype.is = function(type) {\n    return type === '$text' || type === 'model:$text' || // This are legacy values kept for backward compatibility.\n    type === 'text' || type === 'model:text' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n    type === 'node' || type === 'model:node';\n};\n\nconst storePrefix = 'selection:';\n/**\n * `ModelDocumentSelection` is a special selection which is used as the\n * {@link module:engine/model/document~ModelDocument#selection document's selection}.\n * There can be only one instance of `ModelDocumentSelection` per document.\n *\n * Document selection can only be changed by using the {@link module:engine/model/writer~ModelWriter} instance\n * inside the {@link module:engine/model/model~Model#change `change()`} block, as it provides a secure way to modify model.\n *\n * `ModelDocumentSelection` is automatically updated upon changes in the {@link module:engine/model/document~ModelDocument document}\n * to always contain valid ranges. Its attributes are inherited from the text unless set explicitly.\n *\n * Differences between {@link module:engine/model/selection~ModelSelection} and `ModelDocumentSelection` are:\n * * there is always a range in `ModelDocumentSelection` - even if no ranges were added there is a \"default range\"\n * present in the selection,\n * * ranges added to this selection updates automatically when the document changes,\n * * attributes of `ModelDocumentSelection` are updated automatically according to selection ranges.\n *\n * Since `ModelDocumentSelection` uses {@link module:engine/model/liverange~ModelLiveRange live ranges}\n * and is updated when {@link module:engine/model/document~ModelDocument document}\n * changes, it cannot be set on {@link module:engine/model/node~ModelNode nodes}\n * that are inside {@link module:engine/model/documentfragment~ModelDocumentFragment document fragment}.\n * If you need to represent a selection in document fragment,\n * use {@link module:engine/model/selection~ModelSelection Selection class} instead.\n */ class ModelDocumentSelection extends /* #__PURE__ */ EmitterMixin(ModelTypeCheckable) {\n    /**\n\t * Selection used internally by that class (`ModelDocumentSelection` is a proxy to that selection).\n\t */ _selection;\n    /**\n\t * Creates an empty live selection for given {@link module:engine/model/document~ModelDocument}.\n\t *\n\t * @param doc Document which owns this selection.\n\t */ constructor(doc){\n        super();\n        this._selection = new LiveSelection(doc);\n        this._selection.delegate('change:range').to(this);\n        this._selection.delegate('change:attribute').to(this);\n        this._selection.delegate('change:marker').to(this);\n    }\n    /**\n\t * Describes whether the selection is collapsed. Selection is collapsed when there is exactly one range which is\n\t * collapsed.\n\t */ get isCollapsed() {\n        return this._selection.isCollapsed;\n    }\n    /**\n\t * Selection anchor. Anchor may be described as a position where the most recent part of the selection starts.\n\t * Together with {@link #focus} they define the direction of selection, which is important\n\t * when expanding/shrinking selection. Anchor is always {@link module:engine/model/range~ModelRange#start start} or\n\t * {@link module:engine/model/range~ModelRange#end end} position of the most recently added range.\n\t *\n\t * Is set to `null` if there are no ranges in selection.\n\t *\n\t * @see #focus\n\t */ get anchor() {\n        return this._selection.anchor;\n    }\n    /**\n\t * Selection focus. Focus is a position where the selection ends.\n\t *\n\t * Is set to `null` if there are no ranges in selection.\n\t *\n\t * @see #anchor\n\t */ get focus() {\n        return this._selection.focus;\n    }\n    /**\n\t * Number of ranges in selection.\n\t */ get rangeCount() {\n        return this._selection.rangeCount;\n    }\n    /**\n\t * Describes whether `Documentselection` has own range(s) set, or if it is defaulted to\n\t * {@link module:engine/model/document~ModelDocument#_getDefaultRange document's default range}.\n\t */ get hasOwnRange() {\n        return this._selection.hasOwnRange;\n    }\n    /**\n\t * Specifies whether the {@link #focus}\n\t * precedes {@link #anchor}.\n\t *\n\t * @readonly\n\t * @type {Boolean}\n\t */ get isBackward() {\n        return this._selection.isBackward;\n    }\n    /**\n\t * Describes whether the gravity is overridden (using {@link module:engine/model/writer~ModelWriter#overrideSelectionGravity}) or not.\n\t *\n\t * Note that the gravity remains overridden as long as will not be restored the same number of times as it was overridden.\n\t */ get isGravityOverridden() {\n        return this._selection.isGravityOverridden;\n    }\n    /**\n\t * A collection of selection {@link module:engine/model/markercollection~Marker markers}.\n\t * Marker is a selection marker when selection range is inside the marker range.\n\t *\n\t * **Note**: Only markers from {@link ~ModelDocumentSelection#observeMarkers observed markers groups} are collected.\n\t */ get markers() {\n        return this._selection.markers;\n    }\n    /**\n\t * Used for the compatibility with the {@link module:engine/model/selection~ModelSelection#isEqual} method.\n\t *\n\t * @internal\n\t */ get _ranges() {\n        return this._selection._ranges;\n    }\n    /**\n\t * Returns an iterable that iterates over copies of selection ranges.\n\t */ getRanges() {\n        return this._selection.getRanges();\n    }\n    /**\n\t * Returns the first position in the selection.\n\t * First position is the position that {@link module:engine/model/position~ModelPosition#isBefore is before}\n\t * any other position in the selection.\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */ getFirstPosition() {\n        return this._selection.getFirstPosition();\n    }\n    /**\n\t * Returns the last position in the selection.\n\t * Last position is the position that {@link module:engine/model/position~ModelPosition#isAfter is after}\n\t * any other position in the selection.\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */ getLastPosition() {\n        return this._selection.getLastPosition();\n    }\n    /**\n\t * Returns a copy of the first range in the selection.\n\t * First range is the one which {@link module:engine/model/range~ModelRange#start start} position\n\t * {@link module:engine/model/position~ModelPosition#isBefore is before} start position of all other ranges\n\t * (not to confuse with the first range added to the selection).\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */ getFirstRange() {\n        return this._selection.getFirstRange();\n    }\n    /**\n\t * Returns a copy of the last range in the selection.\n\t * Last range is the one which {@link module:engine/model/range~ModelRange#end end} position\n\t * {@link module:engine/model/position~ModelPosition#isAfter is after} end position of all\n\t * other ranges (not to confuse with the range most recently added to the selection).\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */ getLastRange() {\n        return this._selection.getLastRange();\n    }\n    /**\n\t * Gets elements of type {@link module:engine/model/schema~ModelSchema#isBlock \"block\"} touched by the selection.\n\t *\n\t * This method's result can be used for example to apply block styling to all blocks covered by this selection.\n\t *\n\t * **Note:** `getSelectedBlocks()` returns blocks that are nested in other non-block elements\n\t * but will not return blocks nested in other blocks.\n\t *\n\t * In this case the function will return exactly all 3 paragraphs (note: `<blockQuote>` is not a block itself):\n\t *\n\t * ```\n\t * <paragraph>[a</paragraph>\n\t * <blockQuote>\n\t * \t<paragraph>b</paragraph>\n\t * </blockQuote>\n\t * <paragraph>c]d</paragraph>\n\t * ```\n\t *\n\t * In this case the paragraph will also be returned, despite the collapsed selection:\n\t *\n\t * ```\n\t * <paragraph>[]a</paragraph>\n\t * ```\n\t *\n\t * In such a scenario, however, only blocks A, B & E will be returned as blocks C & D are nested in block B:\n\t *\n\t * ```\n\t * [<blockA></blockA>\n\t * <blockB>\n\t * \t<blockC></blockC>\n\t * \t<blockD></blockD>\n\t * </blockB>\n\t * <blockE></blockE>]\n\t * ```\n\t *\n\t * If the selection is inside a block all the inner blocks (A & B) are returned:\n\t *\n\t * ```\n\t * <block>\n\t * \t<blockA>[a</blockA>\n\t * \t<blockB>b]</blockB>\n\t * </block>\n\t * ```\n\t *\n\t * **Special case**: If a selection ends at the beginning of a block, that block is not returned as from user perspective\n\t * this block wasn't selected. See [#984](https://github.com/ckeditor/ckeditor5-engine/issues/984) for more details.\n\t *\n\t * ```\n\t * <paragraph>[a</paragraph>\n\t * <paragraph>b</paragraph>\n\t * <paragraph>]c</paragraph> // this block will not be returned\n\t * ```\n\t */ getSelectedBlocks() {\n        return this._selection.getSelectedBlocks();\n    }\n    /**\n\t * Returns the selected element. {@link module:engine/model/element~ModelElement Element} is considered as selected if there is only\n\t * one range in the selection, and that range contains exactly one element.\n\t * Returns `null` if there is no selected element.\n\t */ getSelectedElement() {\n        return this._selection.getSelectedElement();\n    }\n    /**\n\t * Checks whether the selection contains the entire content of the given element. This means that selection must start\n\t * at a position {@link module:engine/model/position~ModelPosition#isTouching touching} the element's start and ends at position\n\t * touching the element's end.\n\t *\n\t * By default, this method will check whether the entire content of the selection's current root is selected.\n\t * Useful to check if e.g. the user has just pressed <kbd>Ctrl</kbd> + <kbd>A</kbd>.\n\t */ containsEntireContent(element) {\n        return this._selection.containsEntireContent(element);\n    }\n    /**\n\t * Unbinds all events previously bound by document selection.\n\t */ destroy() {\n        this._selection.destroy();\n    }\n    /**\n\t * Returns iterable that iterates over this selection's attribute keys.\n\t */ getAttributeKeys() {\n        return this._selection.getAttributeKeys();\n    }\n    /**\n\t * Returns iterable that iterates over this selection's attributes.\n\t *\n\t * Attributes are returned as arrays containing two items. First one is attribute key and second is attribute value.\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */ getAttributes() {\n        return this._selection.getAttributes();\n    }\n    /**\n\t * Gets an attribute value for given key or `undefined` if that attribute is not set on the selection.\n\t *\n\t * @param key Key of attribute to look for.\n\t * @returns Attribute value or `undefined`.\n\t */ getAttribute(key) {\n        return this._selection.getAttribute(key);\n    }\n    /**\n\t * Checks if the selection has an attribute for given key.\n\t *\n\t * @param key Key of attribute to check.\n\t * @returns `true` if attribute with given key is set on selection, `false` otherwise.\n\t */ hasAttribute(key) {\n        return this._selection.hasAttribute(key);\n    }\n    /**\n\t * Refreshes selection attributes and markers according to the current position in the model.\n\t */ refresh() {\n        this._selection.updateMarkers();\n        this._selection._updateAttributes(false);\n    }\n    /**\n\t * Registers a marker group prefix or a marker name to be collected in the\n\t * {@link ~ModelDocumentSelection#markers selection markers collection}.\n\t *\n\t * See also {@link module:engine/model/markercollection~MarkerCollection#getMarkersGroup `MarkerCollection#getMarkersGroup()`}.\n\t *\n\t * @param prefixOrName The marker group prefix or marker name.\n\t */ observeMarkers(prefixOrName) {\n        this._selection.observeMarkers(prefixOrName);\n    }\n    /**\n\t * Converts `DocumentSelection` to plain object and returns it.\n\t *\n\t * @returns `DocumentSelection` converted to plain object.\n\t */ toJSON() {\n        return this._selection.toJSON();\n    }\n    /**\n\t * Moves {@link module:engine/model/documentselection~ModelDocumentSelection#focus} to the specified location.\n\t * Should be used only within the {@link module:engine/model/writer~ModelWriter#setSelectionFocus} method.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionAt writer.createPositionAt()} parameters.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setSelectionFocus\n\t * @internal\n\t * @param offset Offset or one of the flags. Used only when\n\t * first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */ _setFocus(itemOrPosition, offset) {\n        this._selection.setFocus(itemOrPosition, offset);\n    }\n    /**\n\t * Sets this selection's ranges and direction to the specified location based on the given\n\t * {@link module:engine/model/selection~ModelSelectable selectable}.\n\t * Should be used only within the {@link module:engine/model/writer~ModelWriter#setSelection} method.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setSelection\n\t * @internal\n\t */ _setTo(...args) {\n        this._selection.setTo(...args);\n    }\n    /**\n\t * Sets attribute on the selection. If attribute with the same key already is set, it's value is overwritten.\n\t * Should be used only within the {@link module:engine/model/writer~ModelWriter#setSelectionAttribute} method.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setSelectionAttribute\n\t * @internal\n\t * @param key Key of the attribute to set.\n\t * @param value Attribute value.\n\t */ _setAttribute(key, value) {\n        this._selection.setAttribute(key, value);\n    }\n    /**\n\t * Removes an attribute with given key from the selection.\n\t * If the given attribute was set on the selection, fires the {@link module:engine/model/selection~ModelSelection#event:change:range}\n\t * event with removed attribute key.\n\t * Should be used only within the {@link module:engine/model/writer~ModelWriter#removeSelectionAttribute} method.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#removeSelectionAttribute\n\t * @internal\n\t * @param key Key of the attribute to remove.\n\t */ _removeAttribute(key) {\n        this._selection.removeAttribute(key);\n    }\n    /**\n\t * Returns an iterable that iterates through all selection attributes stored in current selection's parent.\n\t *\n\t * @internal\n\t */ _getStoredAttributes() {\n        return this._selection.getStoredAttributes();\n    }\n    /**\n\t * Temporarily changes the gravity of the selection from the left to the right.\n\t *\n\t * The gravity defines from which direction the selection inherits its attributes. If it's the default left\n\t * gravity, the selection (after being moved by the the user) inherits attributes from its left hand side.\n\t * This method allows to temporarily override this behavior by forcing the gravity to the right.\n\t *\n\t * It returns an unique identifier which is required to restore the gravity. It guarantees the symmetry\n\t * of the process.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#overrideSelectionGravity\n\t * @internal\n\t * @returns The unique id which allows restoring the gravity.\n\t */ _overrideGravity() {\n        return this._selection.overrideGravity();\n    }\n    /**\n\t * Restores the {@link ~ModelDocumentSelection#_overrideGravity overridden gravity}.\n\t *\n\t * Restoring the gravity is only possible using the unique identifier returned by\n\t * {@link ~ModelDocumentSelection#_overrideGravity}. Note that the gravity remains overridden as long as won't be restored\n\t * the same number of times it was overridden.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#restoreSelectionGravity\n\t * @internal\n\t * @param uid The unique id returned by {@link #_overrideGravity}.\n\t */ _restoreGravity(uid) {\n        this._selection.restoreGravity(uid);\n    }\n    /**\n\t * Generates and returns an attribute key for selection attributes store, basing on original attribute key.\n\t *\n\t * @internal\n\t * @param key Attribute key to convert.\n\t * @returns Converted attribute key, applicable for selection store.\n\t */ static _getStoreAttributeKey(key) {\n        return storePrefix + key;\n    }\n    /**\n\t * Checks whether the given attribute key is an attribute stored on an element.\n\t *\n\t * @internal\n\t */ static _isStoreAttributeKey(key) {\n        return key.startsWith(storePrefix);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelDocumentSelection.prototype.is = function(type) {\n    return type === 'selection' || type == 'model:selection' || type == 'documentSelection' || type == 'model:documentSelection';\n};\n/**\n * `LiveSelection` is used internally by {@link module:engine/model/documentselection~ModelDocumentSelection}\n * and shouldn't be used directly.\n *\n * `LiveSelection` is automatically updated upon changes in the {@link module:engine/model/document~ModelDocument document}\n * to always contain valid ranges. Its attributes are inherited from the text unless set explicitly.\n *\n * Differences between {@link module:engine/model/selection~ModelSelection} and `LiveSelection` are:\n * * there is always a range in `LiveSelection` - even if no ranges were added there is a \"default range\"\n * present in the selection,\n * * ranges added to this selection updates automatically when the document changes,\n * * attributes of `LiveSelection` are updated automatically according to selection ranges.\n */ class LiveSelection extends ModelSelection {\n    /**\n\t * List of selection markers.\n\t * Marker is a selection marker when selection range is inside the marker range.\n\t */ markers = new Collection({\n        idProperty: 'name'\n    });\n    /**\n\t * Document which owns this selection.\n\t */ _model;\n    /**\n\t * Document which owns this selection.\n\t */ _document;\n    /**\n\t * Keeps mapping of attribute name to priority with which the attribute got modified (added/changed/removed)\n\t * last time. Possible values of priority are: `'low'` and `'normal'`.\n\t *\n\t * Priorities are used by internal `LiveSelection` mechanisms. All attributes set using `LiveSelection`\n\t * attributes API are set with `'normal'` priority.\n\t */ _attributePriority = new Map();\n    /**\n\t * Position to which the selection should be set if the last selection range was moved to the graveyard.\n\t */ _selectionRestorePosition = null;\n    /**\n\t * Flag that informs whether the selection ranges have changed. It is changed on true when `LiveRange#change:range` event is fired.\n\t */ _hasChangedRange = false;\n    /**\n\t * Each overriding gravity adds an UID to the set and each removal removes it.\n\t * Gravity is overridden when there's at least one UID in the set.\n\t * Gravity is restored when the set is empty.\n\t * This is to prevent conflicts when gravity is overridden by more than one feature at the same time.\n\t */ _overriddenGravityRegister = new Set();\n    /**\n\t * Prefixes of marker names that should affect `LiveSelection#markers` collection.\n\t */ _observedMarkers = new Set();\n    /**\n\t * Creates an empty live selection for given {@link module:engine/model/document~ModelDocument}.\n\t *\n\t * @param doc Document which owns this selection.\n\t */ constructor(doc){\n        super();\n        this._model = doc.model;\n        this._document = doc;\n        // Ensure selection is correct after each operation.\n        this.listenTo(this._model, 'applyOperation', (evt, args)=>{\n            const operation = args[0];\n            if (!operation.isDocumentOperation || operation.type == 'marker' || operation.type == 'rename' || operation.type == 'noop') {\n                return;\n            }\n            // Fix selection if the last range was removed from it and we have a position to which we can restore the selection.\n            if (this._ranges.length == 0 && this._selectionRestorePosition) {\n                this._fixGraveyardSelection(this._selectionRestorePosition);\n            }\n            // \"Forget\" the restore position even if it was not \"used\".\n            this._selectionRestorePosition = null;\n            if (this._hasChangedRange) {\n                this._hasChangedRange = false;\n                this.fire('change:range', {\n                    directChange: false\n                });\n            }\n        }, {\n            priority: 'lowest'\n        });\n        // Ensure selection is correct and up to date after each range change.\n        this.on('change:range', ()=>{\n            this._validateSelectionRanges(this.getRanges());\n        });\n        // Update markers data stored by the selection after each marker change.\n        // This handles only marker changes done through marker operations (not model tree changes).\n        this.listenTo(this._model.markers, 'update', (evt, marker, oldRange, newRange)=>{\n            this._updateMarker(marker, newRange);\n        });\n        // Ensure selection is up to date after each change block.\n        this.listenTo(this._document, 'change', (evt, batch)=>{\n            clearAttributesStoredInElement(this._model, batch);\n        });\n    }\n    get isCollapsed() {\n        const length = this._ranges.length;\n        return length === 0 ? this._document._getDefaultRange().isCollapsed : super.isCollapsed;\n    }\n    get anchor() {\n        return super.anchor || this._document._getDefaultRange().start;\n    }\n    get focus() {\n        return super.focus || this._document._getDefaultRange().end;\n    }\n    get rangeCount() {\n        return this._ranges.length ? this._ranges.length : 1;\n    }\n    /**\n\t * Describes whether `LiveSelection` has own range(s) set, or if it is defaulted to\n\t * {@link module:engine/model/document~ModelDocument#_getDefaultRange document's default range}.\n\t */ get hasOwnRange() {\n        return this._ranges.length > 0;\n    }\n    /**\n\t * When set to `true` then selection attributes on node before the caret won't be taken\n\t * into consideration while updating selection attributes.\n\t */ get isGravityOverridden() {\n        return !!this._overriddenGravityRegister.size;\n    }\n    /**\n\t * Unbinds all events previously bound by live selection.\n\t */ destroy() {\n        for(let i = 0; i < this._ranges.length; i++){\n            this._ranges[i].detach();\n        }\n        this.stopListening();\n    }\n    *getRanges() {\n        if (this._ranges.length) {\n            yield* super.getRanges();\n        } else {\n            yield this._document._getDefaultRange();\n        }\n    }\n    getFirstRange() {\n        return super.getFirstRange() || this._document._getDefaultRange();\n    }\n    getLastRange() {\n        return super.getLastRange() || this._document._getDefaultRange();\n    }\n    setTo(...args) {\n        super.setTo(...args);\n        this._updateAttributes(true);\n        this.updateMarkers();\n    }\n    setFocus(itemOrPosition, offset) {\n        super.setFocus(itemOrPosition, offset);\n        this._updateAttributes(true);\n        this.updateMarkers();\n    }\n    setAttribute(key, value) {\n        if (this._setAttribute(key, value)) {\n            // Fire event with exact data.\n            const attributeKeys = [\n                key\n            ];\n            this.fire('change:attribute', {\n                attributeKeys,\n                directChange: true\n            });\n        }\n    }\n    removeAttribute(key) {\n        if (this._removeAttribute(key)) {\n            // Fire event with exact data.\n            const attributeKeys = [\n                key\n            ];\n            this.fire('change:attribute', {\n                attributeKeys,\n                directChange: true\n            });\n        }\n    }\n    overrideGravity() {\n        const overrideUid = uid();\n        // Remember that another overriding has been requested. It will need to be removed\n        // before the gravity is to be restored.\n        this._overriddenGravityRegister.add(overrideUid);\n        if (this._overriddenGravityRegister.size === 1) {\n            this._updateAttributes(true);\n        }\n        return overrideUid;\n    }\n    restoreGravity(uid) {\n        if (!this._overriddenGravityRegister.has(uid)) {\n            /**\n\t\t\t * Restoring gravity for an unknown UID is not possible. Make sure you are using a correct\n\t\t\t * UID obtained from the {@link module:engine/model/writer~ModelWriter#overrideSelectionGravity} to restore.\n\t\t\t *\n\t\t\t * @error document-selection-gravity-wrong-restore\n\t\t\t * @param {string} uid The unique identifier returned by\n\t\t\t * {@link module:engine/model/documentselection~ModelDocumentSelection#_overrideGravity}.\n\t\t\t */ throw new CKEditorError('document-selection-gravity-wrong-restore', this, {\n                uid\n            });\n        }\n        this._overriddenGravityRegister.delete(uid);\n        // Restore gravity only when all overriding have been restored.\n        if (!this.isGravityOverridden) {\n            this._updateAttributes(true);\n        }\n    }\n    observeMarkers(prefixOrName) {\n        this._observedMarkers.add(prefixOrName);\n        this.updateMarkers();\n    }\n    _replaceAllRanges(ranges) {\n        this._validateSelectionRanges(ranges);\n        super._replaceAllRanges(ranges);\n    }\n    _popRange() {\n        this._ranges.pop().detach();\n    }\n    _pushRange(range) {\n        const liveRange = this._prepareRange(range);\n        // `undefined` is returned when given `range` is in graveyard root.\n        if (liveRange) {\n            this._ranges.push(liveRange);\n        }\n    }\n    /**\n\t * Converts `LiveSelection` to plain object and returns it.\n\t *\n\t * @returns `LiveSelection` converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        if (this.markers.length) {\n            json.markers = this.markers.map((marker)=>marker.toJSON());\n        }\n        return json;\n    }\n    _validateSelectionRanges(ranges) {\n        for (const range of ranges){\n            if (!this._document._validateSelectionRange(range)) {\n                /**\n\t\t\t\t * Range from {@link module:engine/model/documentselection~ModelDocumentSelection document selection}\n\t\t\t\t * starts or ends at incorrect position.\n\t\t\t\t *\n\t\t\t\t * @error document-selection-wrong-position\n\t\t\t\t * @param {module:engine/model/range~ModelRange} range The invalid range.\n\t\t\t\t */ throw new CKEditorError('document-selection-wrong-position', this, {\n                    range\n                });\n            }\n        }\n    }\n    /**\n\t * Prepares given range to be added to selection. Checks if it is correct,\n\t * converts it to {@link module:engine/model/liverange~ModelLiveRange ModelLiveRange}\n\t * and sets listeners listening to the range's change event.\n\t */ _prepareRange(range) {\n        this._checkRange(range);\n        if (range.root == this._document.graveyard) {\n            // @if CK_DEBUG // console.warn( 'Trying to add a Range that is in the graveyard root. Range rejected.' );\n            return;\n        }\n        const liveRange = ModelLiveRange.fromRange(range);\n        // If selection range is moved to the graveyard remove it from the selection object.\n        // Also, save some data that can be used to restore selection later, on `Model#applyOperation` event.\n        liveRange.on('change:range', (evt, oldRange, data)=>{\n            this._hasChangedRange = true;\n            if (liveRange.root == this._document.graveyard) {\n                this._selectionRestorePosition = data.deletionPosition;\n                const index = this._ranges.indexOf(liveRange);\n                this._ranges.splice(index, 1);\n                liveRange.detach();\n            }\n        });\n        return liveRange;\n    }\n    updateMarkers() {\n        if (!this._observedMarkers.size) {\n            return;\n        }\n        const markers = [];\n        let changed = false;\n        for (const marker of this._model.markers){\n            const markerGroup = marker.name.split(':', 1)[0];\n            if (!this._observedMarkers.has(markerGroup)) {\n                continue;\n            }\n            const markerRange = marker.getRange();\n            for (const selectionRange of this.getRanges()){\n                if (markerRange.containsRange(selectionRange, !selectionRange.isCollapsed)) {\n                    markers.push(marker);\n                }\n            }\n        }\n        const oldMarkers = Array.from(this.markers);\n        for (const marker of markers){\n            if (!this.markers.has(marker)) {\n                this.markers.add(marker);\n                changed = true;\n            }\n        }\n        for (const marker of Array.from(this.markers)){\n            if (!markers.includes(marker)) {\n                this.markers.remove(marker);\n                changed = true;\n            }\n        }\n        if (changed) {\n            this.fire('change:marker', {\n                oldMarkers,\n                directChange: false\n            });\n        }\n    }\n    _updateMarker(marker, markerRange) {\n        const markerGroup = marker.name.split(':', 1)[0];\n        if (!this._observedMarkers.has(markerGroup)) {\n            return;\n        }\n        let changed = false;\n        const oldMarkers = Array.from(this.markers);\n        const hasMarker = this.markers.has(marker);\n        if (!markerRange) {\n            if (hasMarker) {\n                this.markers.remove(marker);\n                changed = true;\n            }\n        } else {\n            let contained = false;\n            for (const selectionRange of this.getRanges()){\n                if (markerRange.containsRange(selectionRange, !selectionRange.isCollapsed)) {\n                    contained = true;\n                    break;\n                }\n            }\n            if (contained && !hasMarker) {\n                this.markers.add(marker);\n                changed = true;\n            } else if (!contained && hasMarker) {\n                this.markers.remove(marker);\n                changed = true;\n            }\n        }\n        if (changed) {\n            this.fire('change:marker', {\n                oldMarkers,\n                directChange: false\n            });\n        }\n    }\n    /**\n\t * Updates this selection attributes according to its ranges and the {@link module:engine/model/document~ModelDocument model document}.\n\t */ _updateAttributes(clearAll) {\n        const newAttributes = toMap(this._getSurroundingAttributes());\n        const oldAttributes = toMap(this.getAttributes());\n        if (clearAll) {\n            // If `clearAll` remove all attributes and reset priorities.\n            this._attributePriority = new Map();\n            this._attrs = new Map();\n        } else {\n            // If not, remove only attributes added with `low` priority.\n            for (const [key, priority] of this._attributePriority){\n                if (priority == 'low') {\n                    this._attrs.delete(key);\n                    this._attributePriority.delete(key);\n                }\n            }\n        }\n        this._setAttributesTo(newAttributes);\n        // Let's evaluate which attributes really changed.\n        const changed = [];\n        // First, loop through all attributes that are set on selection right now.\n        // Check which of them are different than old attributes.\n        for (const [newKey, newValue] of this.getAttributes()){\n            if (!oldAttributes.has(newKey) || oldAttributes.get(newKey) !== newValue) {\n                changed.push(newKey);\n            }\n        }\n        // Then, check which of old attributes got removed.\n        for (const [oldKey] of oldAttributes){\n            if (!this.hasAttribute(oldKey)) {\n                changed.push(oldKey);\n            }\n        }\n        // Fire event with exact data (fire only if anything changed).\n        if (changed.length > 0) {\n            this.fire('change:attribute', {\n                attributeKeys: changed,\n                directChange: false\n            });\n        }\n    }\n    /**\n\t * Internal method for setting `LiveSelection` attribute. Supports attribute priorities (through `directChange`\n\t * parameter).\n\t */ _setAttribute(key, value, directChange = true) {\n        const priority = directChange ? 'normal' : 'low';\n        if (priority == 'low' && this._attributePriority.get(key) == 'normal') {\n            // Priority too low.\n            return false;\n        }\n        const oldValue = super.getAttribute(key);\n        // Don't do anything if value has not changed.\n        if (oldValue === value) {\n            return false;\n        }\n        this._attrs.set(key, value);\n        // Update priorities map.\n        this._attributePriority.set(key, priority);\n        return true;\n    }\n    /**\n\t * Internal method for removing `LiveSelection` attribute. Supports attribute priorities (through `directChange`\n\t * parameter).\n\t *\n\t * NOTE: Even if attribute is not present in the selection but is provided to this method, it's priority will\n\t * be changed according to `directChange` parameter.\n\t */ _removeAttribute(key, directChange = true) {\n        const priority = directChange ? 'normal' : 'low';\n        if (priority == 'low' && this._attributePriority.get(key) == 'normal') {\n            // Priority too low.\n            return false;\n        }\n        // Update priorities map.\n        this._attributePriority.set(key, priority);\n        // Don't do anything if value has not changed.\n        if (!super.hasAttribute(key)) {\n            return false;\n        }\n        this._attrs.delete(key);\n        return true;\n    }\n    /**\n\t * Internal method for setting multiple `LiveSelection` attributes. Supports attribute priorities (through\n\t * `directChange` parameter).\n\t */ _setAttributesTo(attrs) {\n        const changed = new Set();\n        for (const [oldKey, oldValue] of this.getAttributes()){\n            // Do not remove attribute if attribute with same key and value is about to be set.\n            if (attrs.get(oldKey) === oldValue) {\n                continue;\n            }\n            // All rest attributes will be removed so changed attributes won't change .\n            this._removeAttribute(oldKey, false);\n        }\n        for (const [key, value] of attrs){\n            // Attribute may not be set because of attributes or because same key/value is already added.\n            const gotAdded = this._setAttribute(key, value, false);\n            if (gotAdded) {\n                changed.add(key);\n            }\n        }\n        return changed;\n    }\n    /**\n\t * Returns an iterable that iterates through all selection attributes stored in current selection's parent.\n\t */ *getStoredAttributes() {\n        const selectionParent = this.getFirstPosition().parent;\n        if (this.isCollapsed && selectionParent.isEmpty) {\n            for (const key of selectionParent.getAttributeKeys()){\n                if (key.startsWith(storePrefix)) {\n                    const realKey = key.substr(storePrefix.length);\n                    yield [\n                        realKey,\n                        selectionParent.getAttribute(key)\n                    ];\n                }\n            }\n        }\n    }\n    /**\n\t * Checks model text nodes that are closest to the selection's first position and returns attributes of first\n\t * found element. If there are no text nodes in selection's first position parent, it returns selection\n\t * attributes stored in that parent.\n\t */ _getSurroundingAttributes() {\n        const position = this.getFirstPosition();\n        const schema = this._model.schema;\n        if (position.root.rootName == '$graveyard') {\n            return null;\n        }\n        let attrs = null;\n        if (!this.isCollapsed) {\n            // 1. If selection is a range...\n            const range = this.getFirstRange();\n            // ...look for a first character node in that range and take attributes from it.\n            for (const value of range){\n                // If the item is an object, we don't want to get attributes from its children...\n                if (value.item.is('element') && schema.isObject(value.item)) {\n                    // ...but collect attributes from inline object.\n                    attrs = getTextAttributes(value.item, schema);\n                    break;\n                }\n                if (value.type == 'text') {\n                    attrs = value.item.getAttributes();\n                    break;\n                }\n            }\n        } else {\n            // 2. If the selection is a caret or the range does not contain a character node...\n            const nodeBefore = position.textNode ? position.textNode : position.nodeBefore;\n            const nodeAfter = position.textNode ? position.textNode : position.nodeAfter;\n            // When gravity is overridden then don't take node before into consideration.\n            if (!this.isGravityOverridden) {\n                // ...look at the node before caret and take attributes from it if it is a character node.\n                attrs = getTextAttributes(nodeBefore, schema);\n            }\n            // 3. If not, look at the node after caret...\n            if (!attrs) {\n                attrs = getTextAttributes(nodeAfter, schema);\n            }\n            // 4. If not, try to find the first character on the left, that is in the same node.\n            // When gravity is overridden then don't take node before into consideration.\n            if (!this.isGravityOverridden && !attrs) {\n                let node = nodeBefore;\n                while(node && !attrs){\n                    node = node.previousSibling;\n                    attrs = getTextAttributes(node, schema);\n                }\n            }\n            // 5. If not found, try to find the first character on the right, that is in the same node.\n            if (!attrs) {\n                let node = nodeAfter;\n                while(node && !attrs){\n                    node = node.nextSibling;\n                    attrs = getTextAttributes(node, schema);\n                }\n            }\n            // 6. If not found, selection should retrieve attributes from parent.\n            if (!attrs) {\n                attrs = this.getStoredAttributes();\n            }\n        }\n        return attrs;\n    }\n    /**\n\t * Fixes the selection after all its ranges got removed.\n\t * @param deletionPosition Position where the deletion happened.\n\t */ _fixGraveyardSelection(deletionPosition) {\n        // Find a range that is a correct selection range and is closest to the position where the deletion happened.\n        const selectionRange = this._model.schema.getNearestSelectionRange(deletionPosition);\n        // If nearest valid selection range has been found - add it in the place of old range.\n        if (selectionRange) {\n            // Check the range, convert it to live range, bind events, etc.\n            this._pushRange(selectionRange);\n        }\n    // If nearest valid selection range cannot be found don't add any range. Selection will be set to the default range.\n    }\n}\n/**\n * Helper function for {@link module:engine/model/liveselection~LiveSelection#_updateAttributes}.\n *\n * It checks if the passed model item is a text node (or text proxy) and, if so, returns it's attributes.\n * If not, it checks if item is an inline object and does the same. Otherwise it returns `null`.\n */ function getTextAttributes(node, schema) {\n    if (!node) {\n        return null;\n    }\n    if (node instanceof ModelTextProxy || node instanceof ModelText) {\n        return node.getAttributes();\n    }\n    if (!schema.isInline(node)) {\n        return null;\n    }\n    // Stop on inline elements (such as `<softBreak>`) that are not objects (such as `<imageInline>` or `<mathml>`).\n    if (!schema.isObject(node)) {\n        return [];\n    }\n    const attributes = [];\n    // Collect all attributes that can be applied to the text node.\n    for (const [key, value] of node.getAttributes()){\n        if (schema.checkAttribute('$text', key) && schema.getAttributeProperties(key).copyFromObject !== false) {\n            attributes.push([\n                key,\n                value\n            ]);\n        }\n    }\n    return attributes;\n}\n/**\n * Removes selection attributes from element which is not empty anymore.\n */ function clearAttributesStoredInElement(model, batch) {\n    const differ = model.document.differ;\n    for (const entry of differ.getChanges()){\n        if (entry.type != 'insert') {\n            continue;\n        }\n        const changeParent = entry.position.parent;\n        const isNoLongerEmpty = entry.length === changeParent.maxOffset;\n        if (isNoLongerEmpty) {\n            model.enqueueChange(batch, (writer)=>{\n                const storedAttributes = Array.from(changeParent.getAttributeKeys()).filter((key)=>key.startsWith(storePrefix));\n                for (const key of storedAttributes){\n                    writer.removeAttribute(key, changeParent);\n                }\n            });\n        }\n    }\n}\n\n/**\n * Provides an interface to operate on a list of {@link module:engine/model/node~ModelNode nodes}. `NodeList` is used internally\n * in classes like {@link module:engine/model/element~ModelElement Element}\n * or {@link module:engine/model/documentfragment~ModelDocumentFragment ModelDocumentFragment}.\n */ class ModelNodeList {\n    /**\n\t * Nodes contained in this node list.\n\t */ _nodes = [];\n    /**\n\t * This array maps numbers (offsets) to node that is placed at that offset.\n\t *\n\t * This array is similar to `_nodes` with the difference that one node may occupy multiple consecutive items in the array.\n\t *\n\t * This array is needed to quickly retrieve a node that is placed at given offset.\n\t */ _offsetToNode = [];\n    /**\n\t * Creates a node list.\n\t *\n\t * @internal\n\t * @param nodes Nodes contained in this node list.\n\t */ constructor(nodes){\n        if (nodes) {\n            this._insertNodes(0, nodes);\n        }\n    }\n    /**\n\t * Iterable interface.\n\t *\n\t * Iterates over all nodes contained inside this node list.\n\t */ [Symbol.iterator]() {\n        return this._nodes[Symbol.iterator]();\n    }\n    /**\n\t * Number of nodes contained inside this node list.\n\t */ get length() {\n        return this._nodes.length;\n    }\n    /**\n\t * Sum of {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all nodes contained inside this node list.\n\t */ get maxOffset() {\n        return this._offsetToNode.length;\n    }\n    /**\n\t * Gets the node at the given index. Returns `null` if incorrect index was passed.\n\t */ getNode(index) {\n        return this._nodes[index] || null;\n    }\n    /**\n\t * Gets the node at the given offset. Returns `null` if incorrect offset was passed.\n\t */ getNodeAtOffset(offset) {\n        return this._offsetToNode[offset] || null;\n    }\n    /**\n\t * Returns an index of the given node or `null` if given node does not have a parent.\n\t *\n\t * This is an alias to {@link module:engine/model/node~ModelNode#index}.\n\t */ getNodeIndex(node) {\n        return node.index;\n    }\n    /**\n\t * Returns the offset at which given node is placed in its parent or `null` if given node does not have a parent.\n\t *\n\t * This is an alias to {@link module:engine/model/node~ModelNode#startOffset}.\n\t */ getNodeStartOffset(node) {\n        return node.startOffset;\n    }\n    /**\n\t * Converts index to offset in node list.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `model-nodelist-index-out-of-bounds` if given index is less\n\t * than `0` or more than {@link #length}.\n\t */ indexToOffset(index) {\n        if (index == this._nodes.length) {\n            return this.maxOffset;\n        }\n        const node = this._nodes[index];\n        if (!node) {\n            /**\n\t\t\t * Given index cannot be found in the node list.\n\t\t\t *\n\t\t\t * @error model-nodelist-index-out-of-bounds\n\t\t\t */ throw new CKEditorError('model-nodelist-index-out-of-bounds', this);\n        }\n        return this.getNodeStartOffset(node);\n    }\n    /**\n\t * Converts offset in node list to index.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `model-nodelist-offset-out-of-bounds` if given offset is less\n\t * than `0` or more than {@link #maxOffset}.\n\t */ offsetToIndex(offset) {\n        if (offset == this._offsetToNode.length) {\n            return this._nodes.length;\n        }\n        const node = this._offsetToNode[offset];\n        if (!node) {\n            /**\n\t\t\t * Given offset cannot be found in the node list.\n\t\t\t *\n\t\t\t * @error model-nodelist-offset-out-of-bounds\n\t\t\t * @param {number} offset The offset value.\n\t\t\t * @param {module:engine/model/nodelist~ModelNodeList} nodeList Stringified node list.\n\t\t\t */ throw new CKEditorError('model-nodelist-offset-out-of-bounds', this, {\n                offset,\n                nodeList: this\n            });\n        }\n        return this.getNodeIndex(node);\n    }\n    /**\n\t * Inserts given nodes at given index.\n\t *\n\t * @internal\n\t * @param index Index at which nodes should be inserted.\n\t * @param nodes Nodes to be inserted.\n\t */ _insertNodes(index, nodes) {\n        const nodesArray = [];\n        // Validation.\n        for (const node of nodes){\n            if (!(node instanceof ModelNode)) {\n                /**\n\t\t\t\t * Trying to insert an object which is not a Node instance.\n\t\t\t\t *\n\t\t\t\t * @error model-nodelist-insertnodes-not-node\n\t\t\t\t */ throw new CKEditorError('model-nodelist-insertnodes-not-node', this);\n            }\n            nodesArray.push(node);\n        }\n        let offset = this.indexToOffset(index);\n        // Splice nodes array and offsets array into the nodelist.\n        spliceArray(this._nodes, nodesArray, index);\n        spliceArray(this._offsetToNode, makeOffsetsArray(nodesArray), offset);\n        // Refresh indexes and offsets for nodes inside this node list. We need to do this for all inserted nodes and all nodes after them.\n        for(let i = index; i < this._nodes.length; i++){\n            this._nodes[i]._index = i;\n            this._nodes[i]._startOffset = offset;\n            offset += this._nodes[i].offsetSize;\n        }\n    }\n    /**\n\t * Removes one or more nodes starting at the given index.\n\t *\n\t * @internal\n\t * @param indexStart Index of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @returns Array containing removed nodes.\n\t */ _removeNodes(indexStart, howMany = 1) {\n        if (howMany == 0) {\n            return [];\n        }\n        // Remove nodes from this nodelist.\n        let offset = this.indexToOffset(indexStart);\n        const nodes = this._nodes.splice(indexStart, howMany);\n        const lastNode = nodes[nodes.length - 1];\n        const removedOffsetSum = lastNode.startOffset + lastNode.offsetSize - offset;\n        this._offsetToNode.splice(offset, removedOffsetSum);\n        // Reset index and start offset properties for the removed nodes -- they do not have a parent anymore.\n        for (const node of nodes){\n            node._index = null;\n            node._startOffset = null;\n        }\n        for(let i = indexStart; i < this._nodes.length; i++){\n            this._nodes[i]._index = i;\n            this._nodes[i]._startOffset = offset;\n            offset += this._nodes[i].offsetSize;\n        }\n        return nodes;\n    }\n    /**\n\t * Removes children nodes provided as an array. These nodes do not need to be direct siblings.\n\t *\n\t * This method is faster than removing nodes one by one, as it recalculates offsets only once.\n\t *\n\t * @internal\n\t * @param nodes Array of nodes.\n\t */ _removeNodesArray(nodes) {\n        if (nodes.length == 0) {\n            return;\n        }\n        for (const node of nodes){\n            node._index = null;\n            node._startOffset = null;\n        }\n        this._nodes = this._nodes.filter((node)=>node.index !== null);\n        this._offsetToNode = this._offsetToNode.filter((node)=>node.index !== null);\n        let offset = 0;\n        for(let i = 0; i < this._nodes.length; i++){\n            this._nodes[i]._index = i;\n            this._nodes[i]._startOffset = offset;\n            offset += this._nodes[i].offsetSize;\n        }\n    }\n    /**\n\t * Converts `NodeList` instance to an array containing nodes that were inserted in the node list. Nodes\n\t * are also converted to their plain object representation.\n\t *\n\t * @returns `NodeList` instance converted to `Array`.\n\t */ toJSON() {\n        return this._nodes.map((node)=>node.toJSON());\n    }\n}\n/**\n * Creates an array of nodes in the format as in {@link module:engine/model/nodelist~ModelNodeList#_offsetToNode}, i.e. one node will\n * occupy multiple items if its offset size is greater than one.\n */ function makeOffsetsArray(nodes) {\n    const offsets = [];\n    let index = 0;\n    for (const node of nodes){\n        for(let i = 0; i < node.offsetSize; i++){\n            offsets[index++] = node;\n        }\n    }\n    return offsets;\n}\n\n// @if CK_DEBUG_ENGINE // const { stringifyMap, convertMapToStringifiedObject, convertMapToTags } = require( '../dev-utils/utils' );\n/**\n * Model element. Type of {@link module:engine/model/node~ModelNode node} that has a\n * {@link module:engine/model/element~ModelElement#name name} and {@link module:engine/model/element~ModelElement#getChildren child nodes}.\n *\n * **Important**: see {@link module:engine/model/node~ModelNode} to read about restrictions using `Element` and `Node` API.\n */ class ModelElement extends ModelNode {\n    /**\n\t * Element name.\n\t */ name;\n    /**\n\t * List of children nodes.\n\t */ _children = new ModelNodeList();\n    /**\n\t * Creates a model element.\n\t *\n\t * **Note:** Constructor of this class shouldn't be used directly in the code.\n\t * Use the {@link module:engine/model/writer~ModelWriter#createElement} method instead.\n\t *\n\t * @internal\n\t * @param name Element's name.\n\t * @param attrs Element's attributes. See {@link module:utils/tomap~toMap} for a list of accepted values.\n\t * @param children One or more nodes to be inserted as children of created element.\n\t */ constructor(name, attrs, children){\n        super(attrs);\n        this.name = name;\n        if (children) {\n            this._insertChild(0, children);\n        }\n    }\n    /**\n\t * Number of this element's children.\n\t */ get childCount() {\n        return this._children.length;\n    }\n    /**\n\t * Sum of {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all of this element's children.\n\t */ get maxOffset() {\n        return this._children.maxOffset;\n    }\n    /**\n\t * Is `true` if there are no nodes inside this element, `false` otherwise.\n\t */ get isEmpty() {\n        return this.childCount === 0;\n    }\n    /**\n\t * Gets the child at the given index. Returns `null` if incorrect index was passed.\n\t *\n\t * @param index Index in this element.\n\t * @returns Child node.\n\t */ getChild(index) {\n        return this._children.getNode(index);\n    }\n    /**\n\t * Gets the child at the given offset. Returns `null` if incorrect index was passed.\n\t *\n\t * @param offset Offset in this element.\n\t * @returns Child node.\n\t */ getChildAtOffset(offset) {\n        return this._children.getNodeAtOffset(offset);\n    }\n    /**\n\t * Returns an iterator that iterates over all of this element's children.\n\t */ getChildren() {\n        return this._children[Symbol.iterator]();\n    }\n    /**\n\t * Returns an index of the given child node. Returns `null` if given node is not a child of this element.\n\t *\n\t * @param node Child node to look for.\n\t * @returns Child node's index in this element.\n\t */ getChildIndex(node) {\n        return this._children.getNodeIndex(node);\n    }\n    /**\n\t * Returns the starting offset of given child. Starting offset is equal to the sum of\n\t * {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all node's siblings that are before it. Returns `null` if\n\t * given node is not a child of this element.\n\t *\n\t * @param node Child node to look for.\n\t * @returns Child node's starting offset.\n\t */ getChildStartOffset(node) {\n        return this._children.getNodeStartOffset(node);\n    }\n    /**\n\t * Returns index of a node that occupies given offset. If given offset is too low, returns `0`. If given offset is\n\t * too high, returns {@link module:engine/model/element~ModelElement#getChildIndex index after last child}.\n\t *\n\t * ```ts\n\t * const textNode = new Text( 'foo' );\n\t * const pElement = new Element( 'p' );\n\t * const divElement = new Element( [ textNode, pElement ] );\n\t * divElement.offsetToIndex( -1 ); // Returns 0, because offset is too low.\n\t * divElement.offsetToIndex( 0 ); // Returns 0, because offset 0 is taken by `textNode` which is at index 0.\n\t * divElement.offsetToIndex( 1 ); // Returns 0, because `textNode` has `offsetSize` equal to 3, so it occupies offset 1 too.\n\t * divElement.offsetToIndex( 2 ); // Returns 0.\n\t * divElement.offsetToIndex( 3 ); // Returns 1.\n\t * divElement.offsetToIndex( 4 ); // Returns 2. There are no nodes at offset 4, so last available index is returned.\n\t * ```\n\t */ offsetToIndex(offset) {\n        return this._children.offsetToIndex(offset);\n    }\n    /**\n\t * Returns a descendant node by its path relative to this element.\n\t *\n\t * ```ts\n\t * // <this>a<b>c</b></this>\n\t * this.getNodeByPath( [ 0 ] );     // -> \"a\"\n\t * this.getNodeByPath( [ 1 ] );     // -> <b>\n\t * this.getNodeByPath( [ 1, 0 ] );  // -> \"c\"\n\t * ```\n\t *\n\t * @param relativePath Path of the node to find, relative to this element.\n\t */ getNodeByPath(relativePath) {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n        let node = this;\n        for (const offset of relativePath){\n            node = node.getChildAtOffset(offset);\n        }\n        return node;\n    }\n    /**\n\t * Returns the parent element of the given name. Returns null if the element is not inside the desired parent.\n\t *\n\t * @param parentName The name of the parent element to find.\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` this node will be also included while searching.\n\t */ findAncestor(parentName, options = {}) {\n        let parent = options.includeSelf ? this : this.parent;\n        while(parent){\n            if (parent.name === parentName) {\n                return parent;\n            }\n            parent = parent.parent;\n        }\n        return null;\n    }\n    /**\n\t * Converts `Element` instance to plain object and returns it. Takes care of converting all of this element's children.\n\t *\n\t * @returns `Element` instance converted to plain object.\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.name = this.name;\n        if (this._children.length > 0) {\n            json.children = [];\n            for (const node of this._children){\n                json.children.push(node.toJSON());\n            }\n        }\n        return json;\n    }\n    /**\n\t * Creates a copy of this element and returns it. Created element has the same name and attributes as the original element.\n\t * If clone is deep, the original element's children are also cloned. If not, then empty element is returned.\n\t *\n\t * @internal\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any child.\n\t */ _clone(deep = false) {\n        const children = deep ? cloneNodes(this._children) : undefined;\n        return new ModelElement(this.name, this.getAttributes(), children);\n    }\n    /**\n\t * {@link module:engine/model/element~ModelElement#_insertChild Inserts} one or more nodes at the end of this element.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#append\n\t * @internal\n\t * @param nodes Nodes to be inserted.\n\t */ _appendChild(nodes) {\n        this._insertChild(this.childCount, nodes);\n    }\n    /**\n\t * Inserts one or more nodes at the given index and sets {@link module:engine/model/node~ModelNode#parent parent} of these nodes\n\t * to this element.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#insert\n\t * @internal\n\t * @param index Index at which nodes should be inserted.\n\t * @param items Items to be inserted.\n\t */ _insertChild(index, items) {\n        const nodes = normalize$1(items);\n        for (const node of nodes){\n            // If node that is being added to this element is already inside another element, first remove it from the old parent.\n            if (node.parent !== null) {\n                node._remove();\n            }\n            node.parent = this;\n        }\n        this._children._insertNodes(index, nodes);\n    }\n    /**\n\t * Removes one or more nodes starting at the given index and sets\n\t * {@link module:engine/model/node~ModelNode#parent parent} of these nodes to `null`.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#remove\n\t * @internal\n\t * @param index Index of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @returns Array containing removed nodes.\n\t */ _removeChildren(index, howMany = 1) {\n        const nodes = this._children._removeNodes(index, howMany);\n        for (const node of nodes){\n            node.parent = null;\n        }\n        return nodes;\n    }\n    /**\n\t * Removes children nodes provided as an array and sets\n\t * the {@link module:engine/model/node~ModelNode#parent parent} of these nodes to `null`.\n\t *\n\t * These nodes do not need to be direct siblings.\n\t *\n\t * This method is faster than removing nodes one by one, as it recalculates offsets only once.\n\t *\n\t * @internal\n\t * @param nodes Array of nodes.\n\t */ _removeChildrenArray(nodes) {\n        this._children._removeNodesArray(nodes);\n        for (const node of nodes){\n            node.parent = null;\n        }\n    }\n    /**\n\t * Creates an `Element` instance from given plain object (i.e. parsed JSON string).\n\t * Converts `Element` children to proper nodes.\n\t *\n\t * @param json Plain object to be converted to `Element`.\n\t * @returns `Element` instance created using given plain object.\n\t */ static fromJSON(json) {\n        let children;\n        if (json.children) {\n            children = [];\n            for (const child of json.children){\n                if (child.name) {\n                    // If child has name property, it is an Element.\n                    children.push(ModelElement.fromJSON(child));\n                } else {\n                    // Otherwise, it is a Text node.\n                    children.push(ModelText.fromJSON(child));\n                }\n            }\n        }\n        return new ModelElement(json.name, json.attributes, children);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'element' || type === 'model:element' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'node' || type === 'model:node';\n    }\n    return name === this.name && (type === 'element' || type === 'model:element');\n};\n/**\n * Converts strings to Text and non-iterables to arrays.\n */ function normalize$1(nodes) {\n    // Separate condition because string is iterable.\n    if (typeof nodes == 'string') {\n        return [\n            new ModelText(nodes)\n        ];\n    }\n    if (!isIterable(nodes)) {\n        nodes = [\n            nodes\n        ];\n    }\n    const normalizedNodes = [];\n    for (const node of nodes){\n        if (typeof node == 'string') {\n            normalizedNodes.push(new ModelText(node));\n        } else if (node instanceof ModelTextProxy) {\n            normalizedNodes.push(new ModelText(node.data, node.getAttributes()));\n        } else {\n            normalizedNodes.push(node);\n        }\n    }\n    return normalizedNodes;\n}\nfunction cloneNodes(nodes) {\n    const clonedNodes = [];\n    for (const node of nodes){\n        clonedNodes.push(node._clone(true));\n    }\n    return clonedNodes;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module engine/conversion/conversionhelpers\n */ /**\n * Base class for conversion helpers.\n */ class ConversionHelpers {\n    _dispatchers;\n    /**\n\t * Creates a conversion helpers instance.\n\t */ constructor(dispatchers){\n        this._dispatchers = dispatchers;\n    }\n    /**\n\t * Registers a conversion helper.\n\t *\n\t * **Note**: See full usage example in the `{@link module:engine/conversion/conversion~Conversion#for conversion.for()}`\n\t * method description.\n\t *\n\t * @param conversionHelper The function to be called on event.\n\t */ add(conversionHelper) {\n        for (const dispatcher of this._dispatchers){\n            conversionHelper(dispatcher);\n        }\n        return this;\n    }\n}\n\n/**\n * Downcast conversion helper functions.\n *\n * Learn more about {@glink framework/deep-dive/conversion/downcast downcast helpers}.\n *\n * @extends module:engine/conversion/conversionhelpers~ConversionHelpers\n */ class DowncastHelpers extends ConversionHelpers {\n    /**\n\t * Model element to view element conversion helper.\n\t *\n\t * This conversion results in creating a view element. For example, model `<paragraph>Foo</paragraph>` becomes `<p>Foo</p>` in the view.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: 'paragraph',\n\t * \tview: 'p'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: 'paragraph',\n\t * \tview: 'div',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: 'fancyParagraph',\n\t * \tview: {\n\t * \t\tname: 'p',\n\t * \t\tclasses: 'fancy'\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: 'heading',\n\t * \tview: ( modelElement, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createContainerElement( 'h' + modelElement.getAttribute( 'level' ) );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * The element-to-element conversion supports the reconversion mechanism. It can be enabled by using either the `attributes` or\n\t * the `children` props on a model description. You will find a couple examples below.\n\t *\n\t * In order to reconvert an element if any of its direct children have been added or removed, use the `children` property on a `model`\n\t * description. For example, this model:\n\t *\n\t * ```xml\n\t * <box>\n\t * \t<paragraph>Some text.</paragraph>\n\t * </box>\n\t * ```\n\t *\n\t * will be converted into this structure in the view:\n\t *\n\t * ```html\n\t * <div class=\"box\" data-type=\"single\">\n\t * \t<p>Some text.</p>\n\t * </div>\n\t * ```\n\t *\n\t * But if more items were inserted in the model:\n\t *\n\t * ```xml\n\t * <box>\n\t * \t<paragraph>Some text.</paragraph>\n\t * \t<paragraph>Other item.</paragraph>\n\t * </box>\n\t * ```\n\t *\n\t * it will be converted into this structure in the view (note the element `data-type` change):\n\t *\n\t * ```html\n\t * <div class=\"box\" data-type=\"multiple\">\n\t * \t<p>Some text.</p>\n\t * \t<p>Other item.</p>\n\t * </div>\n\t * ```\n\t *\n\t * Such a converter would look like this (note that the `paragraph` elements are converted separately):\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: {\n\t * \t\tname: 'box',\n\t * \t\tchildren: true\n\t * \t},\n\t * \tview: ( modelElement, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createContainerElement( 'div', {\n\t * \t\t\tclass: 'box',\n\t * \t\t\t'data-type': modelElement.childCount == 1 ? 'single' : 'multiple'\n\t * \t\t} );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * In order to reconvert element if any of its attributes have been updated, use the `attributes` property on a `model`\n\t * description. For example, this model:\n\t *\n\t * ```xml\n\t * <heading level=\"2\">Some text.</heading>\n\t * ```\n\t *\n\t * will be converted into this structure in the view:\n\t *\n\t * ```html\n\t * <h2>Some text.</h2>\n\t * ```\n\t *\n\t * But if the `heading` element's `level` attribute has been updated to `3` for example, then\n\t * it will be converted into this structure in the view:\n\t *\n\t * ```html\n\t * <h3>Some text.</h3>\n\t * ```\n\t *\n\t * Such a converter would look as follows:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: {\n\t * \t\tname: 'heading',\n\t * \t\tattributes: 'level'\n\t * \t},\n\t * \tview: ( modelElement, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createContainerElement( 'h' + modelElement.getAttribute( 'level' ) );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * You can read more about the element-to-element conversion in the\n\t * {@glink framework/deep-dive/conversion/downcast downcast conversion} guide.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The description or a name of the model element to convert.\n\t * @param config.view A view element definition or a function that takes the model element and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API}\n\t * as parameters and returns a view container element.\n\t * @param config.converterPriority Converter priority.\n\t */ elementToElement(config) {\n        return this.add(downcastElementToElement(config));\n    }\n    /**\n\t * The model element to view structure (several elements) conversion helper.\n\t *\n\t * This conversion results in creating a view structure with one or more slots defined for the child nodes.\n\t * For example, a model `<table>` may become this structure in the view:\n\t *\n\t * ```html\n\t * <figure class=\"table\">\n\t * \t<table>\n\t * \t\t<tbody>${ slot for table rows }</tbody>\n\t * \t</table>\n\t * </figure>\n\t * ```\n\t *\n\t * The children of the model's `<table>` element will be inserted into the `<tbody>` element.\n\t * If the `elementToElement()` helper was used, the children would be inserted into the `<figure>`.\n\t *\n\t * Imagine a table feature where for this model structure:\n\t *\n\t * ```xml\n\t * <table headingRows=\"1\">\n\t * \t<tableRow> ... table cells 1 ... </tableRow>\n\t * \t<tableRow> ... table cells 2 ... </tableRow>\n\t * \t<tableRow> ... table cells 3 ... </tableRow>\n\t * \t<caption>Caption text</caption>\n\t * </table>\n\t * ```\n\t *\n\t * we want to generate this view structure:\n\t *\n\t * ```html\n\t * <figure class=\"table\">\n\t * \t<table>\n\t * \t\t<thead>\n\t * \t\t\t<tr> ... table cells 1 ... </tr>\n\t * \t\t</thead>\n\t * \t\t<tbody>\n\t * \t\t\t<tr> ... table cells 2 ... </tr>\n\t * \t\t\t<tr> ... table cells 3 ... </tr>\n\t * \t\t</tbody>\n\t * \t</table>\n\t * \t<figcaption>Caption text</figcaption>\n\t * </figure>\n\t * ```\n\t *\n\t * The converter has to take the `headingRows` attribute into consideration when allocating the `<tableRow>` elements\n\t * into the `<tbody>` and `<thead>` elements. Hence, we need two slots and need to define proper filter callbacks for them.\n\t *\n\t * Additionally, all elements other than `<tableRow>` should be placed outside the `<table>` tag.\n\t * In the example above, this will handle the table caption.\n\t *\n\t * Such a converter would look like this:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).elementToStructure( {\n\t * \tmodel: {\n\t * \t\tname: 'table',\n\t * \t\tattributes: [ 'headingRows' ]\n\t * \t},\n\t * \tview: ( modelElement, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\tconst figureElement = writer.createContainerElement( 'figure', { class: 'table' } );\n\t * \t\tconst tableElement = writer.createContainerElement( 'table' );\n\t *\n\t * \t\twriter.insert( writer.createPositionAt( figureElement, 0 ), tableElement );\n\t *\n\t * \t\tconst headingRows = modelElement.getAttribute( 'headingRows' ) || 0;\n\t *\n\t * \t\tif ( headingRows > 0 ) {\n\t * \t\t\tconst tableHead = writer.createContainerElement( 'thead' );\n\t *\n\t * \t\t\tconst headSlot = writer.createSlot( node => node.is( 'element', 'tableRow' ) && node.index < headingRows );\n\t *\n\t * \t\t\twriter.insert( writer.createPositionAt( tableElement, 'end' ), tableHead );\n\t * \t\t\twriter.insert( writer.createPositionAt( tableHead, 0 ), headSlot );\n\t * \t\t}\n\t *\n\t * \t\tif ( headingRows < tableUtils.getRows( table ) ) {\n\t * \t\t\tconst tableBody = writer.createContainerElement( 'tbody' );\n\t *\n\t * \t\t\tconst bodySlot = writer.createSlot( node => node.is( 'element', 'tableRow' ) && node.index >= headingRows );\n\t *\n\t * \t\t\twriter.insert( writer.createPositionAt( tableElement, 'end' ), tableBody );\n\t * \t\t\twriter.insert( writer.createPositionAt( tableBody, 0 ), bodySlot );\n\t * \t\t}\n\t *\n\t * \t\tconst restSlot = writer.createSlot( node => !node.is( 'element', 'tableRow' ) );\n\t *\n\t * \t\twriter.insert( writer.createPositionAt( figureElement, 'end' ), restSlot );\n\t *\n\t * \t\treturn figureElement;\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Note: The children of a model element that's being converted must be allocated in the same order in the view\n\t * in which they are placed in the model.\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n \t * @param config.model The description or a name of the model element to convert.\n\t * @param config.view A function that takes the model element and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as parameters\n\t * and returns a view container element with slots for model child nodes to be converted into.\n\t * @param config.converterPriority Converter priority.\n\t */ elementToStructure(config) {\n        return this.add(downcastElementToStructure(config));\n    }\n    /**\n\t * Model attribute to view element conversion helper.\n\t *\n\t * This conversion results in wrapping view nodes with a view attribute element. For example, a model text node with\n\t * `\"Foo\"` as data and the `bold` attribute becomes `<strong>Foo</strong>` in the view.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: 'strong'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: 'b',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: 'invert',\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tclasses: [ 'font-light', 'bg-dark' ]\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: {\n\t * \t\tkey: 'fontSize',\n\t * \t\tvalues: [ 'big', 'small' ]\n\t * \t},\n\t * \tview: {\n\t * \t\tbig: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-size': '1.2em'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tsmall: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-size': '0.8em'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: ( modelAttributeValue, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createAttributeElement( 'span', {\n\t * \t\t\tstyle: 'font-weight:' + modelAttributeValue\n\t * \t\t} );\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: {\n\t * \t\tkey: 'color',\n\t * \t\tname: '$text'\n\t * \t},\n\t * \tview: ( modelAttributeValue, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createAttributeElement( 'span', {\n\t * \t\t\tstyle: 'color:' + modelAttributeValue\n\t * \t\t} );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The key of the attribute to convert from or a `{ key, values }` object. `values` is an array\n\t * of `String`s with possible values if the model attribute is an enumerable.\n\t * @param config.view A view element definition or a function\n\t * that takes the model attribute value and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as parameters and returns a view\n\t * attribute element. If `config.model.values` is given, `config.view` should be an object assigning values from `config.model.values`\n\t * to view element definitions or functions.\n\t * @param config.converterPriority Converter priority.\n\t */ attributeToElement(config) {\n        return this.add(downcastAttributeToElement(config));\n    }\n    /**\n\t * Model attribute to view attribute conversion helper.\n\t *\n\t * This conversion results in adding an attribute to a view node, basing on an attribute from a model node. For example,\n\t * `<imageInline src='foo.jpg'></imageInline>` is converted to `<img src='foo.jpg'></img>`.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: 'source',\n\t * \tview: 'src'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: 'source',\n\t * \tview: 'href',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tname: 'imageInline',\n\t * \t\tkey: 'source'\n\t * \t},\n\t * \tview: 'src'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tname: 'styled',\n\t * \t\tvalues: [ 'dark', 'light' ]\n\t * \t},\n\t * \tview: {\n\t * \t\tdark: {\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: [ 'styled', 'styled-dark' ]\n\t * \t\t},\n\t * \t\tlight: {\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: [ 'styled', 'styled-light' ]\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: 'styled',\n\t * \tview: modelAttributeValue => ( {\n\t * \t\tkey: 'class',\n\t * \t\tvalue: 'styled-' + modelAttributeValue\n\t * \t} )\n\t * } );\n\t * ```\n\t *\n\t * **Note**: Downcasting to a style property requires providing `value` as an object:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: 'lineHeight',\n\t * \tview: modelAttributeValue => ( {\n\t * \t\tkey: 'style',\n\t * \t\tvalue: {\n\t * \t\t\t'line-height': modelAttributeValue,\n\t * \t\t\t'border-bottom': '1px dotted #ba2'\n\t * \t\t}\n\t * \t} )\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The key of the attribute to convert from or a `{ key, values, [ name ] }` object describing\n\t * the attribute key, possible values and, optionally, an element name to convert from.\n\t * @param config.view A view attribute key, or a `{ key, value }` object or a function that takes the model attribute value and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API}\n\t * as parameters and returns a `{ key, value }` object. If the `key` is `'class'`, the `value` can be a `String` or an\n\t * array of `String`s. If the `key` is `'style'`, the `value` is an object with key-value pairs. In other cases, `value` is a `String`.\n\t * If `config.model.values` is set, `config.view` should be an object assigning values from `config.model.values` to\n\t * `{ key, value }` objects or a functions.\n\t * @param config.converterPriority Converter priority.\n\t */ attributeToAttribute(config) {\n        return this.add(downcastAttributeToAttribute(config));\n    }\n    /**\n\t * Model marker to view element conversion helper.\n\t *\n\t * **Note**: This method should be used mainly for editing the downcast and it is recommended\n\t * to use the {@link #markerToData `#markerToData()`} helper instead.\n\t *\n\t * This helper may produce invalid HTML code (e.g. a span between table cells).\n\t * It should only be used when you are sure that the produced HTML will be semantically correct.\n\t *\n\t * This conversion results in creating a view element on the boundaries of the converted marker. If the converted marker\n\t * is collapsed, only one element is created. For example, a model marker set like this: `<paragraph>F[oo b]ar</paragraph>`\n\t * becomes `<p>F<span data-marker=\"search\"></span>oo b<span data-marker=\"search\"></span>ar</p>` in the view.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t * \tmodel: 'search',\n\t * \tview: 'marker-search'\n\t * } );\n\t *\n\t * editor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t * \tmodel: 'search',\n\t * \tview: 'search-result',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t * \tmodel: 'search',\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tattributes: {\n\t * \t\t\t'data-marker': 'search'\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t * \tmodel: 'search',\n\t * \tview: ( markerData, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createUIElement( 'span', {\n\t * \t\t\t'data-marker': 'search',\n\t * \t\t\t'data-start': markerData.isOpening\n\t * \t\t} );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * If a function is passed as the `config.view` parameter, it will be used to generate both boundary elements. The function\n\t * receives the `data` object and {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API}\n\t * as a parameters and should return an instance of the\n\t * {@link module:engine/view/uielement~ViewUIElement view UI element}. The `data` object and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi `conversionApi`} are passed from\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker}. Additionally,\n\t * the `data.isOpening` parameter is passed, which is set to `true` for the marker start boundary element, and `false` for\n\t * the marker end boundary element.\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The name of the model marker (or model marker group) to convert.\n\t * @param config.view A view element definition or a function that takes the model marker data and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as a parameters\n\t * and returns a view UI element.\n\t * @param config.converterPriority Converter priority.\n\t */ markerToElement(config) {\n        return this.add(downcastMarkerToElement(config));\n    }\n    /**\n\t * Model marker to highlight conversion helper.\n\t *\n\t * This conversion results in creating a highlight on view nodes. For this kind of conversion,\n\t * the {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor} should be provided.\n\t *\n\t * For text nodes, a `<span>` {@link module:engine/view/attributeelement~ViewAttributeElement} is created and it wraps all text nodes\n\t * in the converted marker range. For example, a model marker set like this: `<paragraph>F[oo b]ar</paragraph>` becomes\n\t * `<p>F<span class=\"comment\">oo b</span>ar</p>` in the view.\n\t *\n\t * {@link module:engine/view/containerelement~ViewContainerElement} may provide a custom way of handling highlight. Most often,\n\t * the element itself is given classes and attributes described in the highlight descriptor (instead of being wrapped in `<span>`).\n\t * For example, a model marker set like this:\n\t * `[<imageInline src=\"foo.jpg\"></imageInline>]` becomes `<img src=\"foo.jpg\" class=\"comment\"></img>` in the view.\n\t *\n\t * For container elements, the conversion is two-step. While the converter processes the highlight descriptor and passes it\n\t * to a container element, it is the container element instance itself that applies values from the highlight descriptor.\n\t * So, in a sense, the converter takes care of stating what should be applied on what, while the element decides how to apply that.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).markerToHighlight( { model: 'comment', view: { classes: 'comment' } } );\n\t *\n\t * editor.conversion.for( 'downcast' ).markerToHighlight( {\n\t * \tmodel: 'comment',\n\t * \tview: { classes: 'comment' },\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).markerToHighlight( {\n\t * \tmodel: 'comment',\n\t * \tview: ( data, conversionApi ) => {\n\t * \t\t// Assuming that the marker name is in a form of comment:commentType:commentId.\n\t * \t\tconst [ , commentType, commentId ] = data.markerName.split( ':' );\n\t *\n\t * \t\treturn {\n\t * \t\t\tclasses: [ 'comment', 'comment-' + commentType ],\n\t * \t\t\tattributes: { 'data-comment-id': commentId }\n\t * \t\t};\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * If a function is passed as the `config.view` parameter, it will be used to generate the highlight descriptor. The function\n\t * receives the `data` object and {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API}\n\t * as the parameters and should return a\n\t * {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor highlight descriptor}.\n\t * The `data` object properties are passed from {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker}.\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The name of the model marker (or model marker group) to convert.\n\t * @param config.view A highlight descriptor that will be used for highlighting or a function that takes the model marker data and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as a parameters\n\t * and returns a highlight descriptor.\n\t * @param config.converterPriority Converter priority.\n\t */ markerToHighlight(config) {\n        return this.add(downcastMarkerToHighlight(config));\n    }\n    /**\n\t * Model marker converter for data downcast.\n\t *\n\t * This conversion creates a representation for model marker boundaries in the view:\n\t *\n\t * * If the marker boundary is before or after a model element, a view attribute is set on a corresponding view element.\n\t * * In other cases, a view element with the specified tag name is inserted at the corresponding view position.\n\t *\n\t * Typically, the marker names use the `group:uniqueId:otherData` convention. For example: `comment:e34zfk9k2n459df53sjl34:zx32c`.\n\t * The default configuration for this conversion is that the first part is the `group` part and the rest of\n\t * the marker name becomes the `name` part.\n\t *\n\t * Tag and attribute names and values are generated from the marker name:\n\t *\n\t * * The templates for attributes are `data-[group]-start-before=\"[name]\"`, `data-[group]-start-after=\"[name]\"`,\n\t * `data-[group]-end-before=\"[name]\"` and `data-[group]-end-after=\"[name]\"`.\n\t * * The templates for view elements are `<[group]-start name=\"[name]\">` and `<[group]-end name=\"[name]\">`.\n\t *\n\t * Attributes mark whether the given marker's start or end boundary is before or after the given element.\n\t * The `data-[group]-start-before` and `data-[group]-end-after` attributes are favored.\n\t * The other two are used when the former two cannot be used.\n\t *\n\t * The conversion configuration can take a function that will generate different group and name parts.\n\t * If such a function is set as the `config.view` parameter, it is passed a marker name and it is expected to return an object with two\n\t * properties: `group` and `name`. If the function returns a falsy value, the conversion will not take place.\n\t *\n\t * Basic usage:\n\t *\n\t * ```ts\n\t * // Using the default conversion.\n\t * // In this case, all markers with names starting with 'comment:' will be converted.\n\t * // The `group` parameter will be set to `comment`.\n\t * // The `name` parameter will be the rest of the marker name (without the `:`).\n\t * editor.conversion.for( 'dataDowncast' ).markerToData( {\n\t * \tmodel: 'comment'\n\t * } );\n\t * ```\n\t *\n\t * An example of a view that may be generated by this conversion (assuming a marker with the name `comment:commentId:uid` marked\n\t * by `[]`):\n\t *\n\t * ```\n\t * // Model:\n\t * <paragraph>Foo[bar</paragraph>\n\t * <imageBlock src=\"abc.jpg\"></imageBlock>]\n\t *\n\t * // View:\n\t * <p>Foo<comment-start name=\"commentId:uid\"></comment-start>bar</p>\n\t * <figure data-comment-end-after=\"commentId:uid\" class=\"image\"><img src=\"abc.jpg\" /></figure>\n\t * ```\n\t *\n\t * In the example above, the comment starts before \"bar\" and ends after the image.\n\t *\n\t * If the `name` part is empty, the following view may be generated:\n\t *\n\t * ```html\n\t * <p>Foo <myMarker-start></myMarker-start>bar</p>\n\t * <figure data-myMarker-end-after=\"\" class=\"image\"><img src=\"abc.jpg\" /></figure>\n\t * ```\n\t *\n\t * **Note:** A situation where some markers have the `name` part and some do not, is incorrect and should be avoided.\n\t *\n\t * Examples where `data-group-start-after` and `data-group-end-before` are used:\n\t *\n\t * ```\n\t * // Model:\n\t * <blockQuote>[]<paragraph>Foo</paragraph></blockQuote>\n\t *\n\t * // View:\n\t * <blockquote><p data-group-end-before=\"name\" data-group-start-before=\"name\">Foo</p></blockquote>\n\t * ```\n\t *\n\t * Similarly, when a marker is collapsed after the last element:\n\t *\n\t * ```\n\t * // Model:\n\t * <blockQuote><paragraph>Foo</paragraph>[]</blockQuote>\n\t *\n\t * // View:\n\t * <blockquote><p data-group-end-after=\"name\" data-group-start-after=\"name\">Foo</p></blockquote>\n\t * ```\n\t *\n\t * When there are multiple markers from the same group stored in the same attribute of the same element, their\n\t * name parts are put together in the attribute value, for example: `data-group-start-before=\"name1,name2,name3\"`.\n\t *\n\t * Other examples of usage:\n\t *\n\t * ```ts\n\t * // Using a custom function which is the same as the default conversion:\n\t * editor.conversion.for( 'dataDowncast' ).markerToData( {\n\t * \tmodel: 'comment',\n\t * \tview: markerName => ( {\n\t * \t\tgroup: 'comment',\n\t * \t\tname: markerName.substr( 8 ) // Removes 'comment:' part.\n\t * \t} )\n\t * } );\n\t *\n\t * // Using the converter priority:\n\t * editor.conversion.for( 'dataDowncast' ).markerToData( {\n\t * \tmodel: 'comment',\n\t * \tview: markerName => ( {\n\t * \t\tgroup: 'comment',\n\t * \t\tname: markerName.substr( 8 ) // Removes 'comment:' part.\n\t * \t} ),\n\t * \tconverterPriority: 'high'\n\t * } );\n\t * ```\n\t *\n\t * This kind of conversion is useful for saving data into the database, so it should be used in the data conversion pipeline.\n\t *\n\t * See the {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} API guide to learn how to\n\t * add a converter to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The name of the model marker (or the model marker group) to convert.\n\t * @param config.view A function that takes the model marker name and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as the parameters\n\t * and returns an object with the `group` and `name` properties.\n\t * @param config.converterPriority Converter priority.\n\t */ markerToData(config) {\n        return this.add(downcastMarkerToData(config));\n    }\n}\n/**\n * Function factory that creates a default downcast converter for text insertion changes.\n *\n * The converter automatically consumes the corresponding value from the consumables list and stops the event (see\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}).\n *\n * ```ts\n * modelDispatcher.on( 'insert:$text', insertText() );\n * ```\n *\n * @returns Insert text event converter.\n * @internal\n */ function insertText() {\n    return (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.consume(data.item, evt.name)) {\n            return;\n        }\n        const viewWriter = conversionApi.writer;\n        const viewPosition = conversionApi.mapper.toViewPosition(data.range.start);\n        const viewText = viewWriter.createText(data.item.data);\n        viewWriter.insert(viewPosition, viewText);\n    };\n}\n/**\n * Function factory that creates a default downcast converter for triggering attributes and children conversion.\n *\n * @returns The converter.\n * @internal\n */ function insertAttributesAndChildren() {\n    return (evt, data, conversionApi)=>{\n        conversionApi.convertAttributes(data.item);\n        // Start converting children of the current item.\n        // In case of reconversion children were already re-inserted or converted separately.\n        if (!data.reconversion && data.item.is('element') && !data.item.isEmpty) {\n            conversionApi.convertChildren(data.item);\n        }\n    };\n}\n/**\n * Function factory that creates a default downcast converter for node remove changes.\n *\n * ```ts\n * modelDispatcher.on( 'remove', remove() );\n * ```\n *\n * @returns Remove event converter.\n * @internal\n */ function remove() {\n    return (evt, data, conversionApi)=>{\n        // Ignore reconversion related remove as it is handled in the `insert` of reconversion.\n        if (data.reconversion) {\n            return;\n        }\n        // Find the view range start position by mapping the model position at which the remove happened.\n        const viewStart = conversionApi.mapper.toViewPosition(data.position);\n        const modelEnd = data.position.getShiftedBy(data.length);\n        const viewEnd = conversionApi.mapper.toViewPosition(modelEnd, {\n            isPhantom: true\n        });\n        const viewRange = conversionApi.writer.createRange(viewStart, viewEnd);\n        // Trim the range to remove in case some UI elements are on the view range boundaries.\n        removeRangeAndUnbind(viewRange.getTrimmed(), conversionApi);\n    };\n}\n/**\n * Creates a `<span>` {@link module:engine/view/attributeelement~ViewAttributeElement view attribute element} from the information\n * provided by the {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor highlight descriptor} object. If the priority\n * is not provided in the descriptor, the default priority will be used.\n *\n * @internal\n */ function createViewElementFromDowncastHighlightDescriptor(writer, descriptor) {\n    const viewElement = writer.createAttributeElement('span', descriptor.attributes);\n    if (descriptor.classes) {\n        viewElement._addClass(descriptor.classes);\n    }\n    if (typeof descriptor.priority === 'number') {\n        viewElement._priority = descriptor.priority;\n    }\n    viewElement._id = descriptor.id;\n    return viewElement;\n}\n/**\n * Function factory that creates a converter which converts a non-collapsed\n * {@link module:engine/model/selection~ModelSelection model selection}\n * to a {@link module:engine/view/documentselection~ViewDocumentSelection view selection}. The converter consumes appropriate\n * value from the `consumable` object and maps model positions from the selection to view positions.\n *\n * ```ts\n * modelDispatcher.on( 'selection', convertRangeSelection() );\n * ```\n *\n * @returns Selection converter.\n * @internal\n */ function convertRangeSelection() {\n    return (evt, data, conversionApi)=>{\n        const selection = data.selection;\n        if (selection.isCollapsed) {\n            return;\n        }\n        if (!conversionApi.consumable.consume(selection, 'selection')) {\n            return;\n        }\n        const viewRanges = [];\n        for (const range of selection.getRanges()){\n            viewRanges.push(conversionApi.mapper.toViewRange(range));\n        }\n        conversionApi.writer.setSelection(viewRanges, {\n            backward: selection.isBackward\n        });\n    };\n}\n/**\n * Function factory that creates a converter which converts a collapsed\n * {@link module:engine/model/selection~ModelSelection model selection} to\n * a {@link module:engine/view/documentselection~ViewDocumentSelection view selection}. The converter consumes appropriate\n * value from the `consumable` object, maps the model selection position to the view position and breaks\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} at the selection position.\n *\n * ```ts\n * modelDispatcher.on( 'selection', convertCollapsedSelection() );\n * ```\n *\n * An example of the view state before and after converting the collapsed selection:\n *\n * ```\n *    <p><strong>f^oo<strong>bar</p>\n * -> <p><strong>f</strong>^<strong>oo</strong>bar</p>\n * ```\n *\n * By breaking attribute elements like `<strong>`, the selection is in a correct element. Then, when the selection attribute is\n * converted, broken attributes might be merged again, or the position where the selection is may be wrapped\n * with different, appropriate attribute elements.\n *\n * See also {@link module:engine/conversion/downcasthelpers~cleanSelection} which does a clean-up\n * by merging attributes.\n *\n * @returns Selection converter.\n * @internal\n */ function convertCollapsedSelection() {\n    return (evt, data, conversionApi)=>{\n        const selection = data.selection;\n        if (!selection.isCollapsed) {\n            return;\n        }\n        if (!conversionApi.consumable.consume(selection, 'selection')) {\n            return;\n        }\n        const viewWriter = conversionApi.writer;\n        const modelPosition = selection.getFirstPosition();\n        const viewPosition = conversionApi.mapper.toViewPosition(modelPosition);\n        const brokenPosition = viewWriter.breakAttributes(viewPosition);\n        viewWriter.setSelection(brokenPosition);\n    };\n}\n/**\n * Function factory that creates a converter which cleans artifacts after the previous\n * {@link module:engine/model/selection~ModelSelection model selection} conversion. It removes all empty\n * {@link module:engine/view/attributeelement~ViewAttributeElement view attribute elements} and merges\n * sibling attributes at all start and end positions of all ranges.\n *\n * ```\n *    <p><strong>^</strong></p>\n * -> <p>^</p>\n *\n *    <p><strong>foo</strong>^<strong>bar</strong>bar</p>\n * -> <p><strong>foo^bar<strong>bar</p>\n *\n *    <p><strong>foo</strong><em>^</em><strong>bar</strong>bar</p>\n * -> <p><strong>foo^bar<strong>bar</p>\n * ```\n *\n * This listener should be assigned before any converter for the new selection:\n *\n * ```ts\n * modelDispatcher.on( 'cleanSelection', cleanSelection() );\n * ```\n *\n * See {@link module:engine/conversion/downcasthelpers~convertCollapsedSelection}\n * which does the opposite by breaking attributes in the selection position.\n *\n * @returns Selection converter.\n * @internal\n */ function cleanSelection() {\n    return (evt, data, conversionApi)=>{\n        const viewWriter = conversionApi.writer;\n        const viewSelection = viewWriter.document.selection;\n        for (const range of viewSelection.getRanges()){\n            // Not collapsed selection should not have artifacts.\n            if (range.isCollapsed) {\n                // Position might be in the node removed by the view writer.\n                if (range.end.parent.isAttached()) {\n                    conversionApi.writer.mergeAttributes(range.start);\n                }\n            }\n        }\n        viewWriter.setSelection(null);\n    };\n}\n/**\n * Function factory that creates a converter which converts the set/change/remove attribute changes from the model to the view.\n * It can also be used to convert selection attributes. In that case, an empty attribute element will be created and the\n * selection will be put inside it.\n *\n * Attributes from the model are converted to a view element that will be wrapping these view nodes that are bound to\n * model elements having the given attribute. This is useful for attributes like `bold` that may be set on text nodes in the model\n * but are represented as an element in the view:\n *\n * ```\n * [paragraph]              MODEL ====> VIEW        <p>\n * \t|- a {bold: true}                             |- <b>\n * \t|- b {bold: true}                             |   |- ab\n * \t|- c                                          |- c\n * \t```\n *\n * Passed `Function` will be provided with the attribute value and then all the parameters of the\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute` event}.\n * It is expected that the function returns an {@link module:engine/view/element~ViewElement}.\n * The result of the function will be the wrapping element.\n * When the provided `Function` does not return any element, no conversion will take place.\n *\n * The converter automatically consumes the corresponding value from the consumables list and stops the event (see\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}).\n *\n * ```ts\n * modelDispatcher.on( 'attribute:bold', wrap( ( modelAttributeValue, { writer } ) => {\n * \treturn writer.createAttributeElement( 'strong' );\n * } );\n * ```\n *\n * @internal\n * @param elementCreator Function returning a view element that will be used for wrapping.\n * @returns Set/change attribute converter.\n */ function wrap(elementCreator) {\n    return (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.test(data.item, evt.name)) {\n            return;\n        }\n        // Recreate current wrapping node. It will be used to unwrap view range if the attribute value has changed\n        // or the attribute was removed.\n        const oldViewElement = elementCreator(data.attributeOldValue, conversionApi, data);\n        // Create node to wrap with.\n        const newViewElement = elementCreator(data.attributeNewValue, conversionApi, data);\n        if (!oldViewElement && !newViewElement) {\n            return;\n        }\n        conversionApi.consumable.consume(data.item, evt.name);\n        const viewWriter = conversionApi.writer;\n        const viewSelection = viewWriter.document.selection;\n        if (data.item instanceof ModelSelection || data.item instanceof ModelDocumentSelection) {\n            // Selection attribute conversion.\n            viewWriter.wrap(viewSelection.getFirstRange(), newViewElement);\n        } else {\n            // Node attribute conversion.\n            let viewRange = conversionApi.mapper.toViewRange(data.range);\n            // First, unwrap the range from current wrapper.\n            if (data.attributeOldValue !== null && oldViewElement) {\n                viewRange = viewWriter.unwrap(viewRange, oldViewElement);\n            }\n            if (data.attributeNewValue !== null && newViewElement) {\n                viewWriter.wrap(viewRange, newViewElement);\n            }\n        }\n    };\n}\n/**\n * Function factory that creates a converter which converts node insertion changes from the model to the view.\n * The function passed will be provided with all the parameters of the dispatcher's\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert `insert` event}.\n * It is expected that the function returns an {@link module:engine/view/element~ViewElement}.\n * The result of the function will be inserted into the view.\n *\n * The converter automatically consumes the corresponding value from the consumables list and binds the model and view elements.\n *\n * ```ts\n * downcastDispatcher.on(\n * \t'insert:myElem',\n * \tinsertElement( ( modelItem, { writer } ) => {\n * \t\tconst text = writer.createText( 'myText' );\n * \t\tconst myElem = writer.createElement( 'myElem', { myAttr: 'my-' + modelItem.getAttribute( 'myAttr' ) }, text );\n *\n * \t\t// Do something fancy with `myElem` using `modelItem` or other parameters.\n *\n * \t\treturn myElem;\n * \t}\n * ) );\n * ```\n *\n * @internal\n * @param  elementCreator Function returning a view element, which will be inserted.\n * @param consumer Function defining element consumption process.\n * By default this function just consume passed item insertion.\n * @returns Insert element event converter.\n */ function insertElement(elementCreator, consumer = defaultConsumer) {\n    return (evt, data, conversionApi)=>{\n        if (!consumer(data.item, conversionApi.consumable, {\n            preflight: true\n        })) {\n            return;\n        }\n        const viewElement = elementCreator(data.item, conversionApi, data);\n        if (!viewElement) {\n            return;\n        }\n        // Consume an element insertion and all present attributes that are specified as a reconversion triggers.\n        consumer(data.item, conversionApi.consumable);\n        const viewPosition = data.reconversion && removeElementAndUnbind(data.item, conversionApi) || conversionApi.mapper.toViewPosition(data.range.start);\n        conversionApi.mapper.bindElements(data.item, viewElement);\n        conversionApi.writer.insert(viewPosition, viewElement);\n        // Convert attributes before converting children.\n        conversionApi.convertAttributes(data.item);\n        // Convert children or reinsert previous view elements.\n        reinsertOrConvertNodes(viewElement, data.item.getChildren(), conversionApi, {\n            reconversion: data.reconversion\n        });\n    };\n}\n/**\n * Function factory that creates a converter which converts a single model node insertion to a view structure.\n *\n * It is expected that the passed element creator function returns an {@link module:engine/view/element~ViewElement} with attached slots\n * created with `writer.createSlot()` to indicate where child nodes should be converted.\n *\n * @see module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure\n *\n * @internal\n * @param elementCreator Function returning a view structure, which will be inserted.\n * @param consumer A callback that is expected to consume all the consumables\n * that were used by the element creator.\n * @returns Insert element event converter.\n*/ function insertStructure(elementCreator, consumer) {\n    return (evt, data, conversionApi)=>{\n        if (!consumer(data.item, conversionApi.consumable, {\n            preflight: true\n        })) {\n            return;\n        }\n        const slotsMap = new Map();\n        conversionApi.writer._registerSlotFactory(createSlotFactory(data.item, slotsMap, conversionApi));\n        // View creation.\n        const viewElement = elementCreator(data.item, conversionApi, data);\n        conversionApi.writer._clearSlotFactory();\n        if (!viewElement) {\n            return;\n        }\n        // Check if all children are covered by slots and there is no child that landed in multiple slots.\n        validateSlotsChildren(data.item, slotsMap, conversionApi);\n        // Consume an element insertion and all present attributes that are specified as a reconversion triggers.\n        consumer(data.item, conversionApi.consumable);\n        const viewPosition = data.reconversion && removeElementAndUnbind(data.item, conversionApi) || conversionApi.mapper.toViewPosition(data.range.start);\n        conversionApi.mapper.bindElements(data.item, viewElement);\n        conversionApi.writer.insert(viewPosition, viewElement);\n        // Convert attributes before converting children.\n        conversionApi.convertAttributes(data.item);\n        // Fill view slots with previous view elements or create new ones.\n        fillSlots(viewElement, slotsMap, conversionApi, {\n            reconversion: data.reconversion\n        });\n    };\n}\n/**\n * Function factory that creates a converter which converts marker adding change to the\n * {@link module:engine/view/uielement~ViewUIElement view UI element}.\n *\n * The view UI element that will be added to the view depends on the passed parameter. See {@link ~insertElement}.\n * In case of a non-collapsed range, the UI element will not wrap nodes but separate elements will be placed at the beginning\n * and at the end of the range.\n *\n * This converter binds created UI elements with the marker name using {@link module:engine/conversion/mapper~Mapper#bindElementToMarker}.\n *\n * @internal\n * @param elementCreator A view UI element or a function returning the view element that will be inserted.\n * @returns Insert element event converter.\n */ function insertUIElement(elementCreator) {\n    return (evt, data, conversionApi)=>{\n        // Create two view elements. One will be inserted at the beginning of marker, one at the end.\n        // If marker is collapsed, only \"opening\" element will be inserted.\n        data.isOpening = true;\n        const viewStartElement = elementCreator(data, conversionApi);\n        data.isOpening = false;\n        const viewEndElement = elementCreator(data, conversionApi);\n        if (!viewStartElement || !viewEndElement) {\n            return;\n        }\n        const markerRange = data.markerRange;\n        // Marker that is collapsed has consumable build differently that non-collapsed one.\n        // For more information see `addMarker` event description.\n        // If marker's range is collapsed - check if it can be consumed.\n        if (markerRange.isCollapsed && !conversionApi.consumable.consume(markerRange, evt.name)) {\n            return;\n        }\n        // If marker's range is not collapsed - consume all items inside.\n        for (const value of markerRange){\n            if (!conversionApi.consumable.consume(value.item, evt.name)) {\n                return;\n            }\n        }\n        const mapper = conversionApi.mapper;\n        const viewWriter = conversionApi.writer;\n        // Add \"opening\" element.\n        viewWriter.insert(mapper.toViewPosition(markerRange.start), viewStartElement);\n        conversionApi.mapper.bindElementToMarker(viewStartElement, data.markerName);\n        // Add \"closing\" element only if range is not collapsed.\n        if (!markerRange.isCollapsed) {\n            viewWriter.insert(mapper.toViewPosition(markerRange.end), viewEndElement);\n            conversionApi.mapper.bindElementToMarker(viewEndElement, data.markerName);\n        }\n        evt.stop();\n    };\n}\n/**\n * Removes given view range content and unbinds removed elements.\n */ function removeRangeAndUnbind(viewRange, conversionApi) {\n    const removed = conversionApi.writer.remove(viewRange);\n    // After the range is removed, unbind all view elements from the model.\n    // Range inside view document fragment is used to unbind deeply.\n    for (const child of conversionApi.writer.createRangeIn(removed).getItems()){\n        conversionApi.mapper.unbindViewElement(child, {\n            defer: true\n        });\n    }\n    return viewRange.start;\n}\n/**\n * Removes view element for given model element and unbinds removed view elements.\n */ function removeElementAndUnbind(modelElement, conversionApi) {\n    const viewElement = conversionApi.mapper.toViewElement(modelElement);\n    return viewElement && removeRangeAndUnbind(conversionApi.writer.createRangeOn(viewElement), conversionApi);\n}\n/**\n * Function factory that returns a default downcast converter for removing a {@link module:engine/view/uielement~ViewUIElement UI element}\n * based on marker remove change.\n *\n * This converter unbinds elements from the marker name.\n *\n * @returns Removed UI element converter.\n */ function removeUIElement() {\n    return (evt, data, conversionApi)=>{\n        const elements = conversionApi.mapper.markerNameToElements(data.markerName);\n        if (!elements) {\n            return;\n        }\n        for (const element of elements){\n            conversionApi.mapper.unbindElementFromMarkerName(element, data.markerName);\n            conversionApi.writer.clear(conversionApi.writer.createRangeOn(element), element);\n        }\n        conversionApi.writer.clearClonedElementsGroup(data.markerName);\n        evt.stop();\n    };\n}\n/**\n * Function factory that creates a default converter for model markers.\n *\n * See {@link DowncastHelpers#markerToData} for more information what type of view is generated.\n *\n * This converter binds created UI elements and affected view elements with the marker name\n * using {@link module:engine/conversion/mapper~Mapper#bindElementToMarker}.\n *\n * @returns Add marker converter.\n */ function insertMarkerData(viewCreator) {\n    return (evt, data, conversionApi)=>{\n        const viewMarkerData = viewCreator(data.markerName, conversionApi);\n        if (!viewMarkerData) {\n            return;\n        }\n        const markerRange = data.markerRange;\n        if (!conversionApi.consumable.consume(markerRange, evt.name)) {\n            return;\n        }\n        // Adding closing data first to keep the proper order in the view.\n        handleMarkerBoundary(markerRange, false, conversionApi, data, viewMarkerData);\n        handleMarkerBoundary(markerRange, true, conversionApi, data, viewMarkerData);\n        evt.stop();\n    };\n}\n/**\n * Helper function for `insertMarkerData()` that marks a marker boundary at the beginning or end of given `range`.\n */ function handleMarkerBoundary(range, isStart, conversionApi, data, viewMarkerData) {\n    const modelPosition = isStart ? range.start : range.end;\n    const elementAfter = modelPosition.nodeAfter && modelPosition.nodeAfter.is('element') ? modelPosition.nodeAfter : null;\n    const elementBefore = modelPosition.nodeBefore && modelPosition.nodeBefore.is('element') ? modelPosition.nodeBefore : null;\n    if (elementAfter || elementBefore) {\n        let modelElement;\n        let isBefore;\n        // If possible, we want to add `data-group-start-before` and `data-group-end-after` attributes.\n        if (isStart && elementAfter || !isStart && !elementBefore) {\n            // [<elementAfter>...</elementAfter> -> <elementAfter data-group-start-before=\"...\">...</elementAfter>\n            // <parent>]<elementAfter> -> <parent><elementAfter data-group-end-before=\"...\">\n            modelElement = elementAfter;\n            isBefore = true;\n        } else {\n            // <elementBefore>...</elementBefore>] -> <elementBefore data-group-end-after=\"...\">...</elementBefore>\n            // </elementBefore>[</parent> -> </elementBefore data-group-start-after=\"...\"></parent>\n            modelElement = elementBefore;\n            isBefore = false;\n        }\n        const viewElement = conversionApi.mapper.toViewElement(modelElement);\n        // In rare circumstances, the model element may be not mapped to any view element and that would cause an error.\n        // One of those situations is a soft break inside code block.\n        if (viewElement) {\n            insertMarkerAsAttribute(viewElement, isStart, isBefore, conversionApi, data, viewMarkerData);\n            return;\n        }\n    }\n    const viewPosition = conversionApi.mapper.toViewPosition(modelPosition);\n    insertMarkerAsElement(viewPosition, isStart, conversionApi, data, viewMarkerData);\n}\n/**\n * Helper function for `insertMarkerData()` that marks a marker boundary in the view as an attribute on a view element.\n */ function insertMarkerAsAttribute(viewElement, isStart, isBefore, conversionApi, data, viewMarkerData) {\n    const attributeName = `data-${viewMarkerData.group}-${isStart ? 'start' : 'end'}-${isBefore ? 'before' : 'after'}`;\n    const markerNames = viewElement.hasAttribute(attributeName) ? viewElement.getAttribute(attributeName).split(',') : [];\n    // Adding marker name at the beginning to have the same order in the attribute as there is with marker elements.\n    markerNames.unshift(viewMarkerData.name);\n    conversionApi.writer.setAttribute(attributeName, markerNames.join(','), viewElement);\n    conversionApi.mapper.bindElementToMarker(viewElement, data.markerName);\n}\n/**\n * Helper function for `insertMarkerData()` that marks a marker boundary in the view as a separate view ui element.\n */ function insertMarkerAsElement(position, isStart, conversionApi, data, viewMarkerData) {\n    const viewElementName = `${viewMarkerData.group}-${isStart ? 'start' : 'end'}`;\n    const attrs = viewMarkerData.name ? {\n        'name': viewMarkerData.name\n    } : null;\n    const viewElement = conversionApi.writer.createUIElement(viewElementName, attrs);\n    conversionApi.writer.insert(position, viewElement);\n    conversionApi.mapper.bindElementToMarker(viewElement, data.markerName);\n}\n/**\n * Function factory that creates a converter for removing a model marker data added by the {@link #insertMarkerData} converter.\n *\n * @returns Remove marker converter.\n */ function removeMarkerData(viewCreator) {\n    return (evt, data, conversionApi)=>{\n        const viewData = viewCreator(data.markerName, conversionApi);\n        if (!viewData) {\n            return;\n        }\n        const elements = conversionApi.mapper.markerNameToElements(data.markerName);\n        if (!elements) {\n            return;\n        }\n        for (const element of elements){\n            conversionApi.mapper.unbindElementFromMarkerName(element, data.markerName);\n            if (element.is('containerElement')) {\n                removeMarkerFromAttribute(`data-${viewData.group}-start-before`, element);\n                removeMarkerFromAttribute(`data-${viewData.group}-start-after`, element);\n                removeMarkerFromAttribute(`data-${viewData.group}-end-before`, element);\n                removeMarkerFromAttribute(`data-${viewData.group}-end-after`, element);\n            } else {\n                conversionApi.writer.clear(conversionApi.writer.createRangeOn(element), element);\n            }\n        }\n        conversionApi.writer.clearClonedElementsGroup(data.markerName);\n        evt.stop();\n        function removeMarkerFromAttribute(attributeName, element) {\n            if (element.hasAttribute(attributeName)) {\n                const markerNames = new Set(element.getAttribute(attributeName).split(','));\n                markerNames.delete(viewData.name);\n                if (markerNames.size == 0) {\n                    conversionApi.writer.removeAttribute(attributeName, element);\n                } else {\n                    conversionApi.writer.setAttribute(attributeName, Array.from(markerNames).join(','), element);\n                }\n            }\n        }\n    };\n}\n/**\n * Function factory that creates a converter which converts the set/change/remove attribute changes from the model to the view.\n *\n * Attributes from the model are converted to the view element attributes in the view. You may provide a custom function to generate\n * a key-value attribute pair to add/change/remove. If not provided, model attributes will be converted to view element\n * attributes on a one-to-one basis.\n *\n * *Note:** The provided attribute creator should always return the same `key` for a given attribute from the model.\n *\n * The converter automatically consumes the corresponding value from the consumables list and stops the event (see\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}).\n *\n * ```ts\n * modelDispatcher.on( 'attribute:customAttr:myElem', changeAttribute( ( value, data ) => {\n * \t// Change attribute key from `customAttr` to `class` in the view.\n * \tconst key = 'class';\n * \tlet value = data.attributeNewValue;\n *\n * \t// Force attribute value to 'empty' if the model element is empty.\n * \tif ( data.item.childCount === 0 ) {\n * \t\tvalue = 'empty';\n * \t}\n *\n * \t// Return the key-value pair.\n * \treturn { key, value };\n * } ) );\n * ```\n *\n * @param attributeCreator Function returning an object with two properties: `key` and `value`, which\n * represent the attribute key and attribute value to be set on a {@link module:engine/view/element~ViewElement view element}.\n * The function is passed the model attribute value as the first parameter and additional data about the change as the second parameter.\n * @returns Set/change attribute converter.\n */ function changeAttribute(attributeCreator) {\n    return (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.test(data.item, evt.name)) {\n            return;\n        }\n        const oldAttribute = attributeCreator(data.attributeOldValue, conversionApi, data);\n        const newAttribute = attributeCreator(data.attributeNewValue, conversionApi, data);\n        if (!oldAttribute && !newAttribute) {\n            return;\n        }\n        conversionApi.consumable.consume(data.item, evt.name);\n        const viewElement = conversionApi.mapper.toViewElement(data.item);\n        const viewWriter = conversionApi.writer;\n        // If model item cannot be mapped to a view element, it means item is not an `Element` instance but a `ModelTextProxy` node.\n        // Only elements can have attributes in a view so do not proceed for anything else (#1587).\n        if (!viewElement) {\n            /**\n\t\t\t * This error occurs when a {@link module:engine/model/textproxy~ModelTextProxy text node's} attribute is to be downcasted\n\t\t\t * by an {@link module:engine/conversion/conversion~Conversion#attributeToAttribute `Attribute to Attribute converter`}.\n\t\t\t * In most cases it is caused by converters misconfiguration when only \"generic\" converter is defined:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t\t\t * \tmodel: 'attribute-name',\n\t\t\t * \tview: 'attribute-name'\n\t\t\t * } ) );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * and given attribute is used on text node, for example:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * model.change( writer => {\n\t\t\t * \twriter.insertText( 'Foo', { 'attribute-name': 'bar' }, parent, 0 );\n\t\t\t * } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * In such cases, to convert the same attribute for both {@link module:engine/model/element~ModelElement}\n\t\t\t * and {@link module:engine/model/textproxy~ModelTextProxy `Text`} nodes, text specific\n\t\t\t * {@link module:engine/conversion/conversion~Conversion#attributeToElement `Attribute to Element converter`}\n\t\t\t * with higher {@link module:utils/priorities~PriorityString priority} must also be defined:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t\t\t * \tmodel: {\n\t\t\t * \t\tkey: 'attribute-name',\n\t\t\t * \t\tname: '$text'\n\t\t\t * \t},\n\t\t\t * \tview: ( value, { writer } ) => {\n\t\t\t * \t\treturn writer.createAttributeElement( 'span', { 'attribute-name': value } );\n\t\t\t * \t},\n\t\t\t * \tconverterPriority: 'high'\n\t\t\t * } ) );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * @error conversion-attribute-to-attribute-on-text\n\t\t\t * @param {object} data The conversion data.\n\t\t\t */ throw new CKEditorError('conversion-attribute-to-attribute-on-text', conversionApi.dispatcher, data);\n        }\n        // First remove the old attribute if there was one.\n        if (data.attributeOldValue !== null && oldAttribute) {\n            let value = oldAttribute.value;\n            if (oldAttribute.key == 'style') {\n                if (typeof oldAttribute.value == 'string') {\n                    value = new StylesMap(viewWriter.document.stylesProcessor).setTo(oldAttribute.value).getStylesEntries().map(([key])=>key);\n                } else {\n                    value = Object.keys(oldAttribute.value);\n                }\n            }\n            viewWriter.removeAttribute(oldAttribute.key, value, viewElement);\n        }\n        // Then set the new attribute.\n        if (data.attributeNewValue !== null && newAttribute) {\n            let value = newAttribute.value;\n            if (newAttribute.key == 'style' && typeof newAttribute.value == 'string') {\n                value = Object.fromEntries(new StylesMap(viewWriter.document.stylesProcessor).setTo(newAttribute.value).getStylesEntries());\n            }\n            viewWriter.setAttribute(newAttribute.key, value, false, viewElement);\n        }\n    };\n}\n/**\n * Function factory that creates a converter which converts the text inside marker's range. The converter wraps the text with\n * {@link module:engine/view/attributeelement~ViewAttributeElement} created from the provided descriptor.\n * See {link module:engine/conversion/downcasthelpers~createViewElementFromDowncastHighlightDescriptor}.\n *\n * It can also be used to convert the selection that is inside a marker. In that case, an empty attribute element will be\n * created and the selection will be put inside it.\n *\n * If the highlight descriptor does not provide the `priority` property, `10` will be used.\n *\n * If the highlight descriptor does not provide the `id` property, the name of the marker will be used.\n *\n * This converter binds the created {@link module:engine/view/attributeelement~ViewAttributeElement attribute elemens} with the marker name\n * using the {@link module:engine/conversion/mapper~Mapper#bindElementToMarker} method.\n */ function highlightText(highlightDescriptor) {\n    return (evt, data, conversionApi)=>{\n        if (!data.item) {\n            return;\n        }\n        if (!(data.item instanceof ModelSelection || data.item instanceof ModelDocumentSelection) && !data.item.is('$textProxy')) {\n            return;\n        }\n        const descriptor = prepareDescriptor(highlightDescriptor, data, conversionApi);\n        if (!descriptor) {\n            return;\n        }\n        if (!conversionApi.consumable.consume(data.item, evt.name)) {\n            return;\n        }\n        const viewWriter = conversionApi.writer;\n        const viewElement = createViewElementFromDowncastHighlightDescriptor(viewWriter, descriptor);\n        const viewSelection = viewWriter.document.selection;\n        if (data.item instanceof ModelSelection || data.item instanceof ModelDocumentSelection) {\n            viewWriter.wrap(viewSelection.getFirstRange(), viewElement);\n        } else {\n            const viewRange = conversionApi.mapper.toViewRange(data.range);\n            const rangeAfterWrap = viewWriter.wrap(viewRange, viewElement);\n            for (const element of rangeAfterWrap.getItems()){\n                if (element.is('attributeElement') && element.isSimilar(viewElement)) {\n                    conversionApi.mapper.bindElementToMarker(element, data.markerName);\n                    break;\n                }\n            }\n        }\n    };\n}\n/**\n * Converter function factory. It creates a function which applies the marker's highlight to an element inside the marker's range.\n *\n * The converter checks if an element has the `addHighlight` function stored as a\n * {@link module:engine/view/element~ViewElement#_setCustomProperty custom property} and, if so, uses it to apply the highlight.\n * In such case the converter will consume all element's children, assuming that they were handled by the element itself.\n *\n * When the `addHighlight` custom property is not present, the element is not converted in any special way.\n * This means that converters will proceed to convert the element's child nodes.\n *\n * If the highlight descriptor does not provide the `priority` property, `10` will be used.\n *\n * If the highlight descriptor does not provide the `id` property, the name of the marker will be used.\n *\n * This converter binds altered {@link module:engine/view/containerelement~ViewContainerElement container elements}\n * with the marker name using the {@link module:engine/conversion/mapper~Mapper#bindElementToMarker} method.\n */ function highlightElement(highlightDescriptor) {\n    return (evt, data, conversionApi)=>{\n        if (!data.item) {\n            return;\n        }\n        if (!(data.item instanceof ModelElement)) {\n            return;\n        }\n        const descriptor = prepareDescriptor(highlightDescriptor, data, conversionApi);\n        if (!descriptor) {\n            return;\n        }\n        if (!conversionApi.consumable.test(data.item, evt.name)) {\n            return;\n        }\n        const viewElement = conversionApi.mapper.toViewElement(data.item);\n        if (viewElement && viewElement.getCustomProperty('addHighlight')) {\n            // Consume element itself.\n            conversionApi.consumable.consume(data.item, evt.name);\n            // Consume all children nodes.\n            for (const value of ModelRange._createIn(data.item)){\n                conversionApi.consumable.consume(value.item, evt.name);\n            }\n            const addHighlightCallback = viewElement.getCustomProperty('addHighlight');\n            addHighlightCallback(viewElement, descriptor, conversionApi.writer);\n            conversionApi.mapper.bindElementToMarker(viewElement, data.markerName);\n        }\n    };\n}\n/**\n * Function factory that creates a converter which converts the removing model marker to the view.\n *\n * Both text nodes and elements are handled by this converter but they are handled a bit differently.\n *\n * Text nodes are unwrapped using the {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} created from the\n * provided highlight descriptor. See {link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor}.\n *\n * For elements, the converter checks if an element has the `removeHighlight` function stored as a\n * {@link module:engine/view/element~ViewElement#_setCustomProperty custom property}. If so, it uses it to remove the highlight.\n * In such case, the children of that element will not be converted.\n *\n * When `removeHighlight` is not present, the element is not converted in any special way.\n * The converter will proceed to convert the element's child nodes instead.\n *\n * If the highlight descriptor does not provide the `priority` property, `10` will be used.\n *\n * If the highlight descriptor does not provide the `id` property, the name of the marker will be used.\n *\n * This converter unbinds elements from the marker name.\n */ function removeHighlight(highlightDescriptor) {\n    return (evt, data, conversionApi)=>{\n        // This conversion makes sense only for non-collapsed range.\n        if (data.markerRange.isCollapsed) {\n            return;\n        }\n        const descriptor = prepareDescriptor(highlightDescriptor, data, conversionApi);\n        if (!descriptor) {\n            return;\n        }\n        // View element that will be used to unwrap `AttributeElement`s.\n        const viewHighlightElement = createViewElementFromDowncastHighlightDescriptor(conversionApi.writer, descriptor);\n        // Get all elements bound with given marker name.\n        const elements = conversionApi.mapper.markerNameToElements(data.markerName);\n        if (!elements) {\n            return;\n        }\n        for (const element of elements){\n            conversionApi.mapper.unbindElementFromMarkerName(element, data.markerName);\n            if (element.is('attributeElement')) {\n                conversionApi.writer.unwrap(conversionApi.writer.createRangeOn(element), viewHighlightElement);\n            } else {\n                // if element.is( 'containerElement' ).\n                const removeHighlightCallback = element.getCustomProperty('removeHighlight');\n                removeHighlightCallback(element, descriptor.id, conversionApi.writer);\n            }\n        }\n        conversionApi.writer.clearClonedElementsGroup(data.markerName);\n        evt.stop();\n    };\n}\n/**\n * Model element to view element conversion helper.\n *\n * See {@link ~DowncastHelpers#elementToElement `.elementToElement()` downcast helper} for examples and config params description.\n *\n * @param config Conversion configuration.\n * @param config.model The description or a name of the model element to convert.\n * @param config.model.attributes List of attributes triggering element reconversion.\n * @param config.model.children Should reconvert element if the list of model child nodes changed.\n * @returns Conversion helper.\n */ function downcastElementToElement(config) {\n    const model = normalizeModelElementConfig(config.model);\n    const view = normalizeToElementConfig(config.view, 'container');\n    // Trigger reconversion on children list change if element is a subject to any reconversion.\n    // This is required to be able to trigger Differ#refreshItem() on a direct child of the reconverted element.\n    if (model.attributes.length) {\n        model.children = true;\n    }\n    return (dispatcher)=>{\n        dispatcher.on(`insert:${model.name}`, insertElement(view, createConsumer(model)), {\n            priority: config.converterPriority || 'normal'\n        });\n        if (model.children || model.attributes.length) {\n            dispatcher.on('reduceChanges', createChangeReducer(model), {\n                priority: 'low'\n            });\n        }\n    };\n}\n/**\n * Model element to view structure conversion helper.\n *\n * See {@link ~DowncastHelpers#elementToStructure `.elementToStructure()` downcast helper} for examples and config params description.\n *\n * @param config Conversion configuration.\n * @returns Conversion helper.\n */ function downcastElementToStructure(config) {\n    const model = normalizeModelElementConfig(config.model);\n    const view = normalizeToElementConfig(config.view, 'container');\n    // Trigger reconversion on children list change because it always needs to use slots to put children in proper places.\n    // This is required to be able to trigger Differ#refreshItem() on a direct child of the reconverted element.\n    model.children = true;\n    return (dispatcher)=>{\n        if (dispatcher._conversionApi.schema.checkChild(model.name, '$text')) {\n            /**\n\t\t\t * This error occurs when a {@link module:engine/model/element~ModelElement model element} is downcasted\n\t\t\t * via {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure} helper but the element was\n\t\t\t * allowed to host `$text` by the {@link module:engine/model/schema~ModelSchema model schema}.\n\t\t\t *\n\t\t\t * For instance, this may be the result of `myElement` allowing the content of\n\t\t\t * {@glink framework/deep-dive/schema#generic-items `$block`} in its schema definition:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * // Element definition in schema.\n\t\t\t * schema.register( 'myElement', {\n\t\t\t * \tallowContentOf: '$block',\n\t\t\t *\n\t\t\t * \t// ...\n\t\t\t * } );\n\t\t\t *\n\t\t\t * // ...\n\t\t\t *\n\t\t\t * // Conversion of myElement with the use of elementToStructure().\n\t\t\t * editor.conversion.for( 'downcast' ).elementToStructure( {\n\t\t\t * \tmodel: 'myElement',\n\t\t\t * \tview: ( modelElement, { writer } ) => {\n\t\t\t * \t\t// ...\n\t\t\t * \t}\n\t\t\t * } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * In such case, {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`} helper\n\t\t\t * can be used instead to get around this problem:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t\t\t * \tmodel: 'myElement',\n\t\t\t * \tview: ( modelElement, { writer } ) => {\n\t\t\t * \t\t// ...\n\t\t\t * \t}\n\t\t\t * } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * @error conversion-element-to-structure-disallowed-text\n\t\t\t * @param {string} elementName The name of the element the structure is to be created for.\n\t\t\t */ throw new CKEditorError('conversion-element-to-structure-disallowed-text', dispatcher, {\n                elementName: model.name\n            });\n        }\n        dispatcher.on(`insert:${model.name}`, insertStructure(view, createConsumer(model)), {\n            priority: config.converterPriority || 'normal'\n        });\n        dispatcher.on('reduceChanges', createChangeReducer(model), {\n            priority: 'low'\n        });\n    };\n}\n/**\n * Model attribute to view element conversion helper.\n *\n * See {@link ~DowncastHelpers#attributeToElement `.attributeToElement()` downcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.model The key of the attribute to convert from or a `{ key, values }` object. `values` is an array\n * of `String`s with possible values if the model attribute is an enumerable.\n * @param config.view A view element definition or a function that takes the model attribute value and\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter view downcast writer} as parameters and returns a view attribute element.\n * If `config.model.values` is given, `config.view` should be an object assigning values from `config.model.values` to view element\n * definitions or functions.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */ function downcastAttributeToElement(config) {\n    config = cloneDeep(config);\n    let model = config.model;\n    if (typeof model == 'string') {\n        model = {\n            key: model\n        };\n    }\n    let eventName = `attribute:${model.key}`;\n    if (model.name) {\n        eventName += ':' + model.name;\n    }\n    if (model.values) {\n        for (const modelValue of model.values){\n            config.view[modelValue] = normalizeToElementConfig(config.view[modelValue], 'attribute');\n        }\n    } else {\n        config.view = normalizeToElementConfig(config.view, 'attribute');\n    }\n    const elementCreator = getFromAttributeCreator(config);\n    return (dispatcher)=>{\n        dispatcher.on(eventName, wrap(elementCreator), {\n            priority: config.converterPriority || 'normal'\n        });\n    };\n}\n/**\n * Model attribute to view attribute conversion helper.\n *\n * See {@link ~DowncastHelpers#attributeToAttribute `.attributeToAttribute()` downcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.model The key of the attribute to convert from or a `{ key, values, [ name ] }` object describing\n * the attribute key, possible values and, optionally, an element name to convert from.\n * @param config.view A view attribute key, or a `{ key, value }` object or a function that takes the model attribute value and returns\n * a `{ key, value }` object.\n * If `key` is `'class'`, `value` can be a `String` or an array of `String`s. If `key` is `'style'`, `value` is an object with\n * key-value pairs. In other cases, `value` is a `String`.\n * If `config.model.values` is set, `config.view` should be an object assigning values from `config.model.values` to\n * `{ key, value }` objects or a functions.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */ function downcastAttributeToAttribute(config) {\n    config = cloneDeep(config);\n    let model = config.model;\n    if (typeof model == 'string') {\n        model = {\n            key: model\n        };\n    }\n    let eventName = `attribute:${model.key}`;\n    if (model.name) {\n        eventName += ':' + model.name;\n    }\n    if (model.values) {\n        for (const modelValue of model.values){\n            config.view[modelValue] = normalizeToAttributeConfig(config.view[modelValue]);\n        }\n    } else {\n        config.view = normalizeToAttributeConfig(config.view);\n    }\n    const elementCreator = getFromAttributeCreator(config);\n    return (dispatcher)=>{\n        dispatcher.on(eventName, changeAttribute(elementCreator), {\n            priority: config.converterPriority || 'normal'\n        });\n    };\n}\n/**\n * Model marker to view element conversion helper.\n *\n * See {@link ~DowncastHelpers#markerToElement `.markerToElement()` downcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.model The name of the model marker (or model marker group) to convert.\n * @param config.view A view element definition or a function that takes the model marker data as a parameter and returns a view UI element.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */ function downcastMarkerToElement(config) {\n    const view = normalizeToElementConfig(config.view, 'ui');\n    return (dispatcher)=>{\n        dispatcher.on(`addMarker:${config.model}`, insertUIElement(view), {\n            priority: config.converterPriority || 'normal'\n        });\n        dispatcher.on(`removeMarker:${config.model}`, removeUIElement(), {\n            priority: config.converterPriority || 'normal'\n        });\n    };\n}\n/**\n * Model marker to view data conversion helper.\n *\n * See {@link ~DowncastHelpers#markerToData `markerToData()` downcast helper} to learn more.\n *\n * @returns Conversion helper.\n */ function downcastMarkerToData(config) {\n    config = cloneDeep(config);\n    const group = config.model;\n    let view = config.view;\n    // Default conversion.\n    if (!view) {\n        view = (markerName)=>({\n                group,\n                name: markerName.substr(config.model.length + 1)\n            });\n    }\n    return (dispatcher)=>{\n        dispatcher.on(`addMarker:${group}`, insertMarkerData(view), {\n            priority: config.converterPriority || 'normal'\n        });\n        dispatcher.on(`removeMarker:${group}`, removeMarkerData(view), {\n            priority: config.converterPriority || 'normal'\n        });\n    };\n}\n/**\n * Model marker to highlight conversion helper.\n *\n * See {@link ~DowncastHelpers#markerToElement `.markerToElement()` downcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.model The name of the model marker (or model marker group) to convert.\n * @param config.view A highlight descriptor that will be used for highlighting or a function that takes\n * the model marker data as a parameter and returns a highlight descriptor.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */ function downcastMarkerToHighlight(config) {\n    return (dispatcher)=>{\n        dispatcher.on(`addMarker:${config.model}`, highlightText(config.view), {\n            priority: config.converterPriority || 'normal'\n        });\n        dispatcher.on(`addMarker:${config.model}`, highlightElement(config.view), {\n            priority: config.converterPriority || 'normal'\n        });\n        dispatcher.on(`removeMarker:${config.model}`, removeHighlight(config.view), {\n            priority: config.converterPriority || 'normal'\n        });\n    };\n}\n/**\n * Takes `config.model`, and converts it to an object with normalized structure.\n *\n * @param model Model configuration or element name.\n */ function normalizeModelElementConfig(model) {\n    if (typeof model == 'string') {\n        model = {\n            name: model\n        };\n    }\n    return {\n        name: model.name,\n        attributes: model.attributes ? toArray(model.attributes) : [],\n        children: !!model.children\n    };\n}\n/**\n * Takes `config.view`, and if it is an {@link module:engine/view/elementdefinition~ViewElementDefinition}, converts it\n * to a function (because lower level converters accept only element creator functions).\n *\n * @param view View configuration.\n * @param viewElementType View element type to create.\n * @returns Element creator function to use in lower level converters.\n */ function normalizeToElementConfig(view, viewElementType) {\n    if (typeof view == 'function') {\n        // If `view` is already a function, don't do anything.\n        return view;\n    }\n    return (modelData, conversionApi)=>createViewElementFromDefinition(view, conversionApi, viewElementType);\n}\n/**\n * Creates a view element instance from the provided {@link module:engine/view/elementdefinition~ViewElementDefinition} and class.\n */ function createViewElementFromDefinition(viewElementDefinition, conversionApi, viewElementType) {\n    if (typeof viewElementDefinition == 'string') {\n        // If `viewElementDefinition` is given as a `String`, normalize it to an object with `name` property.\n        viewElementDefinition = {\n            name: viewElementDefinition\n        };\n    }\n    let element;\n    const viewWriter = conversionApi.writer;\n    const attributes = Object.assign({}, viewElementDefinition.attributes);\n    if (viewElementType == 'container') {\n        element = viewWriter.createContainerElement(viewElementDefinition.name, attributes);\n    } else if (viewElementType == 'attribute') {\n        const options = {\n            priority: viewElementDefinition.priority || ViewAttributeElement.DEFAULT_PRIORITY\n        };\n        element = viewWriter.createAttributeElement(viewElementDefinition.name, attributes, options);\n    } else {\n        // 'ui'.\n        element = viewWriter.createUIElement(viewElementDefinition.name, attributes);\n    }\n    if (viewElementDefinition.styles) {\n        const keys = Object.keys(viewElementDefinition.styles);\n        for (const key of keys){\n            viewWriter.setStyle(key, viewElementDefinition.styles[key], element);\n        }\n    }\n    if (viewElementDefinition.classes) {\n        const classes = viewElementDefinition.classes;\n        if (typeof classes == 'string') {\n            viewWriter.addClass(classes, element);\n        } else {\n            for (const className of classes){\n                viewWriter.addClass(className, element);\n            }\n        }\n    }\n    return element;\n}\nfunction getFromAttributeCreator(config) {\n    if (config.model.values) {\n        return (modelAttributeValue, conversionApi, data)=>{\n            const view = config.view[modelAttributeValue];\n            if (view) {\n                return view(modelAttributeValue, conversionApi, data);\n            }\n            return null;\n        };\n    } else {\n        return config.view;\n    }\n}\n/**\n * Takes the configuration, adds default parameters if they do not exist and normalizes other parameters to be used in downcast converters\n * for generating a view attribute.\n *\n * @param view View configuration.\n */ function normalizeToAttributeConfig(view) {\n    if (typeof view == 'string') {\n        return (modelAttributeValue)=>({\n                key: view,\n                value: modelAttributeValue\n            });\n    } else if (typeof view == 'object') {\n        // { key, value, ... }\n        if (view.value) {\n            return ()=>view;\n        } else {\n            return (modelAttributeValue)=>({\n                    key: view.key,\n                    value: modelAttributeValue\n                });\n        }\n    } else {\n        // function.\n        return view;\n    }\n}\n/**\n * Helper function for `highlight`. Prepares the actual descriptor object using value passed to the converter.\n */ function prepareDescriptor(highlightDescriptor, data, conversionApi) {\n    // If passed descriptor is a creator function, call it. If not, just use passed value.\n    const descriptor = typeof highlightDescriptor == 'function' ? highlightDescriptor(data, conversionApi) : {\n        ...highlightDescriptor\n    };\n    if (!descriptor) {\n        return null;\n    }\n    // Apply default descriptor priority.\n    if (!descriptor.priority) {\n        descriptor.priority = 10;\n    }\n    // Default descriptor id is marker name.\n    if (!descriptor.id) {\n        descriptor.id = data.markerName;\n    }\n    return descriptor;\n}\n/**\n * Creates a function that checks a single differ diff item whether it should trigger reconversion.\n *\n * @param model A normalized `config.model` converter configuration.\n * @param model.name The name of element.\n * @param model.attributes The list of attribute names that should trigger reconversion.\n * @param model.children Whether the child list change should trigger reconversion.\n */ function createChangeReducerCallback(model) {\n    return (node, change)=>{\n        if (!node.is('element', model.name)) {\n            return false;\n        }\n        if (change.type == 'attribute') {\n            if (model.attributes.includes(change.attributeKey)) {\n                return true;\n            }\n        } else {\n            /* istanbul ignore else: This is always true because otherwise it would not register a reducer callback. -- @preserve */ if (model.children) {\n                return true;\n            }\n        }\n        return false;\n    };\n}\n/**\n * Creates a `reduceChanges` event handler for reconversion.\n *\n * @param model A normalized `config.model` converter configuration.\n * @param model.name The name of element.\n * @param model.attributes The list of attribute names that should trigger reconversion.\n * @param model.children Whether the child list change should trigger reconversion.\n */ function createChangeReducer(model) {\n    const shouldReplace = createChangeReducerCallback(model);\n    return (evt, data)=>{\n        const reducedChanges = [];\n        if (!data.reconvertedElements) {\n            data.reconvertedElements = new Set();\n        }\n        for (const change of data.changes){\n            // For attribute use node affected by the change.\n            // For insert or remove use parent element because we need to check if it's added/removed child.\n            const node = change.type == 'attribute' ? change.range.start.nodeAfter : change.position.parent;\n            if (!node || !shouldReplace(node, change) || change.type == 'reinsert') {\n                reducedChanges.push(change);\n                continue;\n            }\n            // Force to not-reuse view elements renamed in model.\n            if (change.type == 'insert' && change.action == 'rename') {\n                data.refreshedItems.add(change.position.nodeAfter);\n            }\n            // If it's already marked for reconversion, so skip this change, otherwise add the diff items.\n            if (!data.reconvertedElements.has(node)) {\n                data.reconvertedElements.add(node);\n                const position = ModelPosition._createBefore(node);\n                let changeIndex = reducedChanges.length;\n                // We need to insert remove+reinsert before any other change on and inside the re-converted element.\n                // This is important because otherwise we would remove element that had already been modified by the previous change.\n                // Note that there could be some element removed before the re-converted element, so we must not break this behavior.\n                for(let i = reducedChanges.length - 1; i >= 0; i--){\n                    const change = reducedChanges[i];\n                    const changePosition = change.type == 'attribute' ? change.range.start : change.position;\n                    const positionRelation = changePosition.compareWith(position);\n                    if (positionRelation == 'before' || change.type == 'remove' && positionRelation == 'same') {\n                        break;\n                    }\n                    changeIndex = i;\n                }\n                reducedChanges.splice(changeIndex, 0, {\n                    type: 'reinsert',\n                    name: node.name,\n                    position,\n                    length: 1\n                });\n            }\n        }\n        data.changes = reducedChanges;\n    };\n}\n/**\n * Creates a function that checks if an element and its watched attributes can be consumed and consumes them.\n *\n * @param model A normalized `config.model` converter configuration.\n * @param model.name The name of element.\n * @param model.attributes The list of attribute names that should trigger reconversion.\n * @param model.children Whether the child list change should trigger reconversion.\n */ function createConsumer(model) {\n    return (node, consumable, options = {})=>{\n        const events = [\n            'insert'\n        ];\n        // Collect all set attributes that are triggering conversion.\n        for (const attributeName of model.attributes){\n            if (node.hasAttribute(attributeName)) {\n                events.push(`attribute:${attributeName}`);\n            }\n        }\n        if (!events.every((event)=>consumable.test(node, event))) {\n            return false;\n        }\n        if (!options.preflight) {\n            events.forEach((event)=>consumable.consume(node, event));\n        }\n        return true;\n    };\n}\n/**\n * Creates a function that creates view slots.\n *\n * @returns Function exposed by the writer as `createSlot()`.\n */ function createSlotFactory(element, slotsMap, conversionApi) {\n    return (writer, modeOrFilter)=>{\n        const slot = writer.createContainerElement('$slot');\n        let children = null;\n        if (modeOrFilter === 'children') {\n            children = Array.from(element.getChildren());\n        } else if (typeof modeOrFilter == 'function') {\n            children = Array.from(element.getChildren()).filter((element)=>modeOrFilter(element));\n        } else {\n            /**\n\t\t\t * Unknown slot mode was provided to `writer.createSlot()` in the downcast converter.\n\t\t\t *\n\t\t\t * @error conversion-slot-mode-unknown\n\t\t\t * @param {never} modeOrFilter The specified mode or filter.\n\t\t\t */ throw new CKEditorError('conversion-slot-mode-unknown', conversionApi.dispatcher, {\n                modeOrFilter\n            });\n        }\n        slotsMap.set(slot, children);\n        return slot;\n    };\n}\n/**\n * Checks if all children are covered by slots and there is no child that landed in multiple slots.\n */ function validateSlotsChildren(element, slotsMap, conversionApi) {\n    const childrenInSlots = Array.from(slotsMap.values()).flat();\n    const uniqueChildrenInSlots = new Set(childrenInSlots);\n    if (uniqueChildrenInSlots.size != childrenInSlots.length) {\n        /**\n\t\t * Filters provided to `writer.createSlot()` overlap (at least two filters accept the same child element).\n\t\t *\n\t\t * @error conversion-slot-filter-overlap\n\t\t * @param {module:engine/model/element~ModelElement} element The element of which children would not be properly\n\t\t * allocated to multiple slots.\n\t\t */ throw new CKEditorError('conversion-slot-filter-overlap', conversionApi.dispatcher, {\n            element\n        });\n    }\n    if (uniqueChildrenInSlots.size != element.childCount) {\n        /**\n\t\t * Filters provided to `writer.createSlot()` are incomplete and exclude at least one children element (one of\n\t\t * the children elements would not be assigned to any of the slots).\n\t\t *\n\t\t * @error conversion-slot-filter-incomplete\n\t\t * @param {module:engine/model/element~ModelElement} element The element of which children would not be properly\n\t\t * allocated to multiple slots.\n\t\t */ throw new CKEditorError('conversion-slot-filter-incomplete', conversionApi.dispatcher, {\n            element\n        });\n    }\n}\n/**\n * Fill slots with appropriate view elements.\n */ function fillSlots(viewElement, slotsMap, conversionApi, options) {\n    // Set temporary position mapping to redirect child view elements into a proper slots.\n    conversionApi.mapper.on('modelToViewPosition', toViewPositionMapping, {\n        priority: 'highest'\n    });\n    let currentSlot = null;\n    let currentSlotNodes = null;\n    // Fill slots with nested view nodes.\n    for ([currentSlot, currentSlotNodes] of slotsMap){\n        reinsertOrConvertNodes(viewElement, currentSlotNodes, conversionApi, options);\n        conversionApi.writer.setCustomProperty('$structureSlotParent', true, currentSlot.parent);\n        conversionApi.writer.move(conversionApi.writer.createRangeIn(currentSlot), conversionApi.writer.createPositionBefore(currentSlot));\n        conversionApi.writer.remove(currentSlot);\n    }\n    conversionApi.mapper.off('modelToViewPosition', toViewPositionMapping);\n    function toViewPositionMapping(evt, data) {\n        const element = data.modelPosition.nodeAfter;\n        // Find the proper offset within the slot.\n        const index = currentSlotNodes.indexOf(element);\n        if (index < 0) {\n            return;\n        }\n        data.viewPosition = data.mapper.findPositionIn(currentSlot, index);\n    }\n}\n/**\n * Inserts view representation of `nodes` into the `viewElement` either by bringing back just removed view nodes\n * or by triggering conversion for them.\n */ function reinsertOrConvertNodes(viewElement, modelNodes, conversionApi, options) {\n    // Fill with nested view nodes.\n    for (const modelChildNode of modelNodes){\n        // Try reinserting the view node for the specified model node...\n        if (!reinsertNode(viewElement.root, modelChildNode, conversionApi, options)) {\n            // ...or else convert the model element to the view.\n            conversionApi.convertItem(modelChildNode);\n        }\n    }\n}\n/**\n * Checks if the view for the given model element could be reused and reinserts it to the view.\n *\n * @returns `false` if view element can't be reused.\n */ function reinsertNode(viewRoot, modelNode, conversionApi, options) {\n    const { writer, mapper } = conversionApi;\n    // Don't reinsert if this is not a reconversion...\n    if (!options.reconversion) {\n        return false;\n    }\n    const viewChildNode = mapper.toViewElement(modelNode);\n    // ...or there is no view to reinsert or it was already inserted to the view structure...\n    if (!viewChildNode || viewChildNode.root == viewRoot) {\n        return false;\n    }\n    // ...or it was strictly marked as not to be reused.\n    if (!conversionApi.canReuseView(viewChildNode)) {\n        return false;\n    }\n    // Otherwise reinsert the view node.\n    writer.move(writer.createRangeOn(viewChildNode), mapper.toViewPosition(ModelPosition._createBefore(modelNode)));\n    return true;\n}\n/**\n * The default consumer for insert events.\n *\n * @param item Model item.\n * @param consumable The model consumable.\n * @param options.preflight Whether should consume or just check if can be consumed.\n */ function defaultConsumer(item, consumable, { preflight } = {}) {\n    if (preflight) {\n        return consumable.test(item, 'insert');\n    } else {\n        return consumable.consume(item, 'insert');\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module engine/model/utils/autoparagraphing\n */ /**\n * Fixes all empty roots.\n *\n * @internal\n * @param writer The model writer.\n * @returns `true` if any change has been applied, `false` otherwise.\n */ function autoParagraphEmptyRoots(writer) {\n    const { schema, document } = writer.model;\n    for (const root of document.getRoots()){\n        if (root.isEmpty && !schema.checkChild(root, '$text')) {\n            // If paragraph element is allowed in the root, create paragraph element.\n            if (schema.checkChild(root, 'paragraph')) {\n                writer.insertElement('paragraph', root);\n                // Other roots will get fixed in the next post-fixer round. Those will be triggered\n                // in the same batch no matter if this method was triggered by the post-fixing or not\n                // (the above insertElement call will trigger the post-fixers).\n                return true;\n            }\n        }\n    }\n    return false;\n}\n/**\n * Checks if the given node wrapped with a paragraph would be accepted by the schema in the given position.\n *\n * @internal\n * @param position The position at which to check.\n * @param nodeOrType The child node or child type to check.\n * @param schema A schema instance used for element validation.\n */ function isParagraphable(position, nodeOrType, schema) {\n    const context = schema.createContext(position);\n    // When paragraph is allowed in this context...\n    if (!schema.checkChild(context, 'paragraph')) {\n        return false;\n    }\n    // And a node would be allowed in this paragraph...\n    if (!schema.checkChild(context.push('paragraph'), nodeOrType)) {\n        return false;\n    }\n    return true;\n}\n/**\n * Inserts a new paragraph at the given position and returns a position inside that paragraph.\n *\n * @internal\n * @param position The position where a paragraph should be inserted.\n * @param writer The model writer.\n * @returns  Position inside the created paragraph.\n */ function wrapInParagraph(position, writer) {\n    const paragraph = writer.createElement('paragraph');\n    writer.insert(paragraph, position);\n    return writer.createPositionAt(paragraph, 0);\n}\n\n/**\n * Contains the {@link module:engine/view/view view} to {@link module:engine/model/model model} converters for\n * {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher}.\n *\n * @module engine/conversion/upcasthelpers\n */ /**\n * Upcast conversion helper functions.\n *\n * Learn more about {@glink framework/deep-dive/conversion/upcast upcast helpers}.\n *\n * @extends module:engine/conversion/conversionhelpers~ConversionHelpers\n */ class UpcastHelpers extends ConversionHelpers {\n    /**\n\t * View element to model element conversion helper.\n\t *\n\t * This conversion results in creating a model element. For example,\n\t * view `<p>Foo</p>` becomes `<paragraph>Foo</paragraph>` in the model.\n\t *\n\t * Keep in mind that the element will be inserted only if it is allowed\n\t * by {@link module:engine/model/schema~ModelSchema schema} configuration.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).elementToElement( {\n\t * \tview: 'p',\n\t * \tmodel: 'paragraph'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToElement( {\n\t * \tview: 'p',\n\t * \tmodel: 'paragraph',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToElement( {\n\t * \tview: {\n\t * \t\tname: 'p',\n\t * \t\tclasses: 'fancy'\n\t * \t},\n\t * \tmodel: 'fancyParagraph'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToElement( {\n\t * \tview: {\n\t * \t\tname: 'p',\n\t * \t\tclasses: 'heading'\n\t * \t},\n\t * \tmodel: ( viewElement, conversionApi ) => {\n\t * \t\tconst modelWriter = conversionApi.writer;\n\t *\n\t * \t\treturn modelWriter.createElement( 'heading', { level: viewElement.getAttribute( 'data-level' ) } );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view Pattern matching all view elements which should be converted. If not set, the converter\n\t * will fire for every view element.\n\t * @param config.model Name of the model element, a model element instance or a function that takes a view element\n\t * and {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi upcast conversion API}\n\t * and returns a model element. The model element will be inserted in the model.\n\t * @param config.converterPriority Converter priority.\n\t */ elementToElement(config) {\n        return this.add(upcastElementToElement(config));\n    }\n    /**\n\t * View element to model attribute conversion helper.\n\t *\n\t * This conversion results in setting an attribute on a model node. For example, view `<strong>Foo</strong>` becomes\n\t * `Foo` {@link module:engine/model/text~ModelText model text node} with `bold` attribute set to `true`.\n\t *\n\t * This helper is meant to set a model attribute on all the elements that are inside the converted element:\n\t *\n\t * ```\n\t * <strong>Foo</strong>   -->   <strong><p>Foo</p></strong>   -->   <paragraph><$text bold=\"true\">Foo</$text></paragraph>\n\t * ```\n\t *\n\t * Above is a sample of HTML code, that goes through autoparagraphing (first step) and then is converted (second step).\n\t * Even though `<strong>` is over `<p>` element, `bold=\"true\"` was added to the text. See\n\t * {@link module:engine/conversion/upcasthelpers~UpcastHelpers#attributeToAttribute} for comparison.\n\t *\n\t * Keep in mind that the attribute will be set only if it is allowed by\n\t * {@link module:engine/model/schema~ModelSchema schema} configuration.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: 'strong',\n\t * \tmodel: 'bold'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: 'strong',\n\t * \tmodel: 'bold',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tclasses: 'bold'\n\t * \t},\n\t * \tmodel: 'bold'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tclasses: [ 'styled', 'styled-dark' ]\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'styled',\n\t * \t\tvalue: 'dark'\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tstyles: {\n\t * \t\t\t'font-size': /[\\s\\S]+/\n\t * \t\t}\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'fontSize',\n\t * \t\tvalue: ( viewElement, conversionApi ) => {\n\t * \t\t\tconst fontSize = viewElement.getStyle( 'font-size' );\n\t * \t\t\tconst value = fontSize.substr( 0, fontSize.length - 2 );\n\t *\n\t * \t\t\tif ( value <= 10 ) {\n\t * \t\t\t\treturn 'small';\n\t * \t\t\t} else if ( value > 12 ) {\n\t * \t\t\t\treturn 'big';\n\t * \t\t\t}\n\t *\n\t * \t\t\treturn null;\n\t * \t\t}\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view Pattern matching all view elements which should be converted.\n\t * @param config.model Model attribute key or an object with `key` and `value` properties, describing\n\t * the model attribute. `value` property may be set as a function that takes a view element and\n\t * {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi upcast conversion API} and returns the value.\n\t * If `String` is given, the model attribute value will be set to `true`.\n\t * @param config.converterPriority Converter priority. Defaults to `low`.\n\t */ elementToAttribute(config) {\n        return this.add(upcastElementToAttribute(config));\n    }\n    /**\n\t * View attribute to model attribute conversion helper.\n\t *\n\t * This conversion results in setting an attribute on a model node. For example, view `<img src=\"foo.jpg\"></img>` becomes\n\t * `<imageBlock source=\"foo.jpg\"></imageBlock>` in the model.\n\t *\n\t * This helper is meant to convert view attributes from view elements which got converted to the model, so the view attribute\n\t * is set only on the corresponding model node:\n\t *\n\t * ```\n\t * <div class=\"dark\"><div>foo</div></div>    -->    <div dark=\"true\"><div>foo</div></div>\n\t * ```\n\t *\n\t * Above, `class=\"dark\"` attribute is added only to the `<div>` elements that has it. This is in contrast to\n\t * {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToAttribute} which sets attributes for\n\t * all the children in the model:\n\t *\n\t * ```\n\t * <strong>Foo</strong>   -->   <strong><p>Foo</p></strong>   -->   <paragraph><$text bold=\"true\">Foo</$text></paragraph>\n\t * ```\n\t *\n\t * Above is a sample of HTML code, that goes through autoparagraphing (first step) and then is converted (second step).\n\t * Even though `<strong>` is over `<p>` element, `bold=\"true\"` was added to the text.\n\t *\n\t * Keep in mind that the attribute will be set only if it is allowed by\n\t * {@link module:engine/model/schema~ModelSchema schema} configuration.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: 'src',\n\t * \tmodel: 'source'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: { key: 'src' },\n\t * \tmodel: 'source'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: { key: 'src' },\n\t * \tmodel: 'source',\n\t * \tconverterPriority: 'normal'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tkey: 'data-style',\n\t * \t\tvalue: /[\\s\\S]+/\n\t * \t},\n\t * \tmodel: 'styled'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tname: 'img',\n\t * \t\tkey: 'class',\n\t * \t\tvalue: 'styled-dark'\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'styled',\n\t * \t\tvalue: 'dark'\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tkey: 'class',\n\t * \t\tvalue: /styled-[\\S]+/\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'styled'\n\t * \t\tvalue: ( viewElement, conversionApi ) => {\n\t * \t\t\tconst regexp = /styled-([\\S]+)/;\n\t * \t\t\tconst match = viewElement.getAttribute( 'class' ).match( regexp );\n\t *\n\t * \t\t\treturn match[ 1 ];\n\t * \t\t}\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Converting styles works a bit differently as it requires `view.styles` to be an object and by default\n\t * a model attribute will be set to `true` by such a converter. You can set the model attribute to any value by providing the `value`\n\t * callback that returns the desired value.\n\t *\n\t * ```ts\n\t * // Default conversion of font-weight style will result in setting bold attribute to true.\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tstyles: {\n\t * \t\t\t'font-weight': 'bold'\n\t * \t\t}\n\t * \t},\n\t * \tmodel: 'bold'\n\t * } );\n\t *\n\t * // This converter will pass any style value to the `lineHeight` model attribute.\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tstyles: {\n\t * \t\t\t'line-height': /[\\s\\S]+/\n\t * \t\t}\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'lineHeight',\n\t * \t\tvalue: ( viewElement, conversionApi ) => viewElement.getStyle( 'line-height' )\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view Specifies which view attribute will be converted. If a `String` is passed,\n\t * attributes with given key will be converted. If an `Object` is passed, it must have a required `key` property,\n\t * specifying view attribute key, and may have an optional `value` property, specifying view attribute value and optional `name`\n\t * property specifying a view element name from/on which the attribute should be converted. `value` can be given as a `String`,\n\t * a `RegExp` or a function callback, that takes view attribute value as the only parameter and returns `Boolean`.\n\t * @param config.model Model attribute key or an object with `key` and `value` properties, describing\n\t * the model attribute. `value` property may be set as a function that takes a view element and\n\t * {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi upcast conversion API} and returns the value.\n\t * If `String` is given, the model attribute value will be same as view attribute value.\n\t * @param config.converterPriority Converter priority. Defaults to `low`.\n\t */ attributeToAttribute(config) {\n        return this.add(upcastAttributeToAttribute(config));\n    }\n    /**\n\t * View element to model marker conversion helper.\n\t *\n\t * This conversion results in creating a model marker. For example, if the marker was stored in a view as an element:\n\t * `<p>Fo<span data-marker=\"comment\" data-comment-id=\"7\"></span>o</p><p>B<span data-marker=\"comment\" data-comment-id=\"7\"></span>ar</p>`,\n\t * after the conversion is done, the marker will be available in\n\t * {@link module:engine/model/model~Model#markers model document markers}.\n\t *\n\t * **Note**: When this helper is used in the data upcast in combination with\n\t * {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToData `#markerToData()`} in the data downcast,\n\t * then invalid HTML code (e.g. a span between table cells) may be produced by the latter converter.\n\t *\n\t * In most of the cases, the {@link #dataToMarker} should be used instead.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).elementToMarker( {\n\t * \tview: 'marker-search',\n\t * \tmodel: 'search'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToMarker( {\n\t * \tview: 'marker-search',\n\t * \tmodel: 'search',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToMarker( {\n\t * \tview: 'marker-search',\n\t * \tmodel: ( viewElement, conversionApi ) => 'comment:' + viewElement.getAttribute( 'data-comment-id' )\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToMarker( {\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tattributes: {\n\t * \t\t\t'data-marker': 'search'\n\t * \t\t}\n\t * \t},\n\t * \tmodel: 'search'\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view Pattern matching all view elements which should be converted.\n\t * @param config.model Name of the model marker, or a function that takes a view element and returns\n\t * a model marker name.\n\t * @param config.converterPriority Converter priority.\n\t */ elementToMarker(config) {\n        return this.add(upcastElementToMarker(config));\n    }\n    /**\n\t * View-to-model marker conversion helper.\n\t *\n\t * Converts view data created by {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToData `#markerToData()`}\n\t * back to a model marker.\n\t *\n\t * This converter looks for specific view elements and view attributes that mark marker boundaries. See\n\t * {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToData `#markerToData()`} to learn what view data\n\t * is expected by this converter.\n\t *\n\t * The `config.view` property is equal to the marker group name to convert.\n\t *\n\t * By default, this converter creates markers with the `group:name` name convention (to match the default `markerToData` conversion).\n\t *\n\t * The conversion configuration can take a function that will generate a marker name.\n\t * If such function is set as the `config.model` parameter, it is passed the `name` part from the view element or attribute and it is\n\t * expected to return a string with the marker name.\n\t *\n\t * Basic usage:\n\t *\n\t * ```ts\n\t * // Using the default conversion.\n\t * // In this case, all markers from the `comment` group will be converted.\n\t * // The conversion will look for `<comment-start>` and `<comment-end>` tags and\n\t * // `data-comment-start-before`, `data-comment-start-after`,\n\t * // `data-comment-end-before` and `data-comment-end-after` attributes.\n\t * editor.conversion.for( 'upcast' ).dataToMarker( {\n\t * \tview: 'comment'\n\t * } );\n\t * ```\n\t *\n\t * An example of a model that may be generated by this conversion:\n\t *\n\t * ```\n\t * // View:\n\t * <p>Foo<comment-start name=\"commentId:uid\"></comment-start>bar</p>\n\t * <figure data-comment-end-after=\"commentId:uid\" class=\"image\"><img src=\"abc.jpg\" /></figure>\n\t *\n\t * // Model:\n\t * <paragraph>Foo[bar</paragraph>\n\t * <imageBlock src=\"abc.jpg\"></imageBlock>]\n\t * ```\n\t *\n\t * Where `[]` are boundaries of a marker that will receive the `comment:commentId:uid` name.\n\t *\n\t * Other examples of usage:\n\t *\n\t * ```ts\n\t * // Using a custom function which is the same as the default conversion:\n\t * editor.conversion.for( 'upcast' ).dataToMarker( {\n\t * \tview: 'comment',\n\t * \tmodel: ( name, conversionApi ) => 'comment:' + name,\n\t * } );\n\t *\n\t * // Using the converter priority:\n\t * editor.conversion.for( 'upcast' ).dataToMarker( {\n\t * \tview: 'comment',\n\t * \tmodel: ( name, conversionApi ) => 'comment:' + name,\n\t * \tconverterPriority: 'high'\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view The marker group name to convert.\n\t * @param config.model A function that takes the `name` part from the view element or attribute and\n\t * {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi upcast conversion API} and returns the marker name.\n\t * @param config.converterPriority Converter priority.\n\t */ dataToMarker(config) {\n        return this.add(upcastDataToMarker(config));\n    }\n}\n/**\n * Function factory, creates a converter that converts\n * {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment}\n * or all children of {@link module:engine/view/element~ViewElement} into\n * {@link module:engine/model/documentfragment~ModelDocumentFragment model document fragment}.\n * This is the \"entry-point\" converter for upcast (view to model conversion). This converter starts the conversion of all children\n * of passed view document fragment. Those children {@link module:engine/view/node~ViewNode view nodes} are then\n * handled by other converters.\n *\n * This also a \"default\", last resort converter for all view elements that has not been converted by other converters.\n * When a view element is being converted to the model but it does not have converter specified, that view element\n * will be converted to {@link module:engine/model/documentfragment~ModelDocumentFragment model document fragment} and returned.\n *\n * @returns Universal converter for view {@link module:engine/view/documentfragment~ViewDocumentFragment fragments} and\n * {@link module:engine/view/element~ViewElement elements} that returns\n * {@link module:engine/model/documentfragment~ModelDocumentFragment model fragment} with children of converted view item.\n *\n * @internal\n */ function convertToModelFragment$1() {\n    return (evt, data, conversionApi)=>{\n        // Second argument in `consumable.consume` is discarded for ViewDocumentFragment but is needed for ViewElement.\n        if (!data.modelRange && conversionApi.consumable.consume(data.viewItem, {\n            name: true\n        })) {\n            const { modelRange, modelCursor } = conversionApi.convertChildren(data.viewItem, data.modelCursor);\n            data.modelRange = modelRange;\n            data.modelCursor = modelCursor;\n        }\n    };\n}\n/**\n * Function factory, creates a converter that converts\n * {@link module:engine/view/text~ViewText} to {@link module:engine/model/text~ModelText}.\n *\n * @returns {@link module:engine/view/text~ViewText View text} converter.\n * @internal\n */ function convertText() {\n    return (evt, data, { schema, consumable, writer })=>{\n        let position = data.modelCursor;\n        // When node is already converted then do nothing.\n        if (!consumable.test(data.viewItem)) {\n            return;\n        }\n        if (!schema.checkChild(position, '$text')) {\n            if (!isParagraphable(position, '$text', schema)) {\n                return;\n            }\n            // Do not auto-paragraph whitespaces.\n            if (data.viewItem.data.trim().length == 0) {\n                return;\n            }\n            position = wrapInParagraph(position, writer);\n        }\n        consumable.consume(data.viewItem);\n        const text = writer.createText(data.viewItem.data);\n        writer.insert(text, position);\n        data.modelRange = writer.createRange(position, position.getShiftedBy(text.offsetSize));\n        data.modelCursor = data.modelRange.end;\n    };\n}\n/**\n * Function factory, creates a callback function which converts a {@link module:engine/view/selection~ViewSelection\n * view selection} taken from the {@link module:engine/view/document~ViewDocument#event:selectionChange} event\n * and sets in on the {@link module:engine/model/document~ModelDocument#selection model}.\n *\n * **Note**: because there is no view selection change dispatcher nor any other advanced view selection to model\n * conversion mechanism, the callback should be set directly on view document.\n *\n * ```ts\n * view.document.on( 'selectionChange', convertSelectionChange( modelDocument, mapper ) );\n * ```\n *\n * @param model Data model.\n * @param mapper Conversion mapper.\n * @returns {@link module:engine/view/document~ViewDocument#event:selectionChange} callback function.\n * @internal\n */ function convertSelectionChange(model, mapper) {\n    return (evt, data)=>{\n        const viewSelection = data.newSelection;\n        const ranges = [];\n        for (const viewRange of viewSelection.getRanges()){\n            ranges.push(mapper.toModelRange(viewRange));\n        }\n        const modelSelection = model.createSelection(ranges, {\n            backward: viewSelection.isBackward\n        });\n        if (!modelSelection.isEqual(model.document.selection)) {\n            model.change((writer)=>{\n                writer.setSelection(modelSelection);\n            });\n        }\n    };\n}\n/**\n * View element to model element conversion helper.\n *\n * See {@link ~UpcastHelpers#elementToElement `.elementToElement()` upcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.view Pattern matching all view elements which should be converted. If not\n * set, the converter will fire for every view element.\n * @param config.model Name of the model element, a model element\n * instance or a function that takes a view element and returns a model element. The model element will be inserted in the model.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */ function upcastElementToElement(config) {\n    config = cloneDeep(config);\n    const converter = prepareToElementConverter(config);\n    const elementName = getViewElementNameFromConfig(config.view);\n    const eventName = elementName ? `element:${elementName}` : 'element';\n    return (dispatcher)=>{\n        dispatcher.on(eventName, converter, {\n            priority: config.converterPriority || 'normal'\n        });\n    };\n}\n/**\n * View element to model attribute conversion helper.\n *\n * See {@link ~UpcastHelpers#elementToAttribute `.elementToAttribute()` upcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.view Pattern matching all view elements which should be converted.\n * @param config.model Model attribute key or an object with `key` and `value` properties, describing\n * the model attribute. `value` property may be set as a function that takes a view element and returns the value.\n * If `String` is given, the model attribute value will be set to `true`.\n * @param config.converterPriority Converter priority. Defaults to `low`.\n * @returns Conversion helper.\n */ function upcastElementToAttribute(config) {\n    config = cloneDeep(config);\n    normalizeModelAttributeConfig(config);\n    const converter = prepareToAttributeConverter(config, false);\n    const elementName = getViewElementNameFromConfig(config.view);\n    const eventName = elementName ? `element:${elementName}` : 'element';\n    return (dispatcher)=>{\n        dispatcher.on(eventName, converter, {\n            priority: config.converterPriority || 'low'\n        });\n    };\n}\n/**\n * View attribute to model attribute conversion helper.\n *\n * See {@link ~UpcastHelpers#attributeToAttribute `.attributeToAttribute()` upcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.view Specifies which view attribute will be converted. If a `String` is passed,\n * attributes with given key will be converted. If an `Object` is passed, it must have a required `key` property,\n * specifying view attribute key, and may have an optional `value` property, specifying view attribute value and optional `name`\n * property specifying a view element name from/on which the attribute should be converted. `value` can be given as a `String`,\n * a `RegExp` or a function callback, that takes view attribute value as the only parameter and returns `Boolean`.\n * @param config.model Model attribute key or an object with `key` and `value` properties, describing\n * the model attribute. `value` property may be set as a function that takes a view element and returns the value.\n * If `String` is given, the model attribute value will be same as view attribute value.\n * @param config.converterPriority Converter priority. Defaults to `low`.\n * @returns Conversion helper.\n */ function upcastAttributeToAttribute(config) {\n    config = cloneDeep(config);\n    let viewKey = null;\n    if (typeof config.view == 'string' || config.view.key) {\n        viewKey = normalizeViewAttributeKeyValueConfig(config);\n    }\n    normalizeModelAttributeConfig(config, viewKey);\n    const converter = prepareToAttributeConverter(config, true);\n    return (dispatcher)=>{\n        dispatcher.on('element', converter, {\n            priority: config.converterPriority || 'low'\n        });\n    };\n}\n/**\n * View element to model marker conversion helper.\n *\n * See {@link ~UpcastHelpers#elementToMarker `.elementToMarker()` upcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.view Pattern matching all view elements which should be converted.\n * @param config.model Name of the model marker, or a function that takes a view element and returns\n * a model marker name.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */ function upcastElementToMarker(config) {\n    const model = normalizeElementToMarkerModelConfig(config.model);\n    return upcastElementToElement({\n        ...config,\n        model\n    });\n}\n/**\n * View data to model marker conversion helper.\n *\n * See {@link ~UpcastHelpers#dataToMarker} to learn more.\n *\n * @returns Conversion helper.\n */ function upcastDataToMarker(config) {\n    config = cloneDeep(config);\n    // Default conversion.\n    if (!config.model) {\n        config.model = (name)=>{\n            return name ? config.view + ':' + name : config.view;\n        };\n    }\n    const normalizedConfig = {\n        view: config.view,\n        model: config.model\n    };\n    const converterStart = prepareToElementConverter(normalizeDataToMarkerConfig(normalizedConfig, 'start'));\n    const converterEnd = prepareToElementConverter(normalizeDataToMarkerConfig(normalizedConfig, 'end'));\n    return (dispatcher)=>{\n        dispatcher.on(`element:${config.view}-start`, converterStart, {\n            priority: config.converterPriority || 'normal'\n        });\n        dispatcher.on(`element:${config.view}-end`, converterEnd, {\n            priority: config.converterPriority || 'normal'\n        });\n        // Below is a hack that is needed to properly handle `converterPriority` for both elements and attributes.\n        // Attribute conversion needs to be performed *after* element conversion.\n        // This converter handles both element conversion and attribute conversion, which means that if a single\n        // `config.converterPriority` is used, it will lead to problems. For example, if the `'high'` priority is used,\n        // the attribute conversion will be performed before a lot of element upcast converters.\n        // On the other hand, we want to support `config.converterPriority` and converter overwriting.\n        //\n        // To make it work, we need to do some extra processing for priority for attribute converter.\n        // Priority `'low'` value should be the base value and then we will change it depending on `config.converterPriority` value.\n        //\n        // This hack probably would not be needed if attributes are upcasted separately.\n        //\n        const basePriority = priorities.low;\n        const maxPriority = priorities.highest;\n        const priorityFactor = priorities.get(config.converterPriority) / maxPriority; // Number in range [ -1, 1 ].\n        dispatcher.on('element', upcastAttributeToMarker(normalizedConfig), {\n            priority: basePriority + priorityFactor\n        });\n    };\n}\n/**\n * Function factory, returns a callback function which converts view attributes to a model marker.\n *\n * The converter looks for elements with `data-group-start-before`, `data-group-start-after`, `data-group-end-before`\n * and `data-group-end-after` attributes and inserts `$marker` model elements before/after those elements.\n * `group` part is specified in `config.view`.\n *\n * @returns Marker converter.\n */ function upcastAttributeToMarker(config) {\n    return (evt, data, conversionApi)=>{\n        const attrName = `data-${config.view}`;\n        // Check if any attribute for the given view item can be consumed before changing the conversion data\n        // and consuming view items with these attributes.\n        if (!conversionApi.consumable.test(data.viewItem, {\n            attributes: attrName + '-end-after'\n        }) && !conversionApi.consumable.test(data.viewItem, {\n            attributes: attrName + '-start-after'\n        }) && !conversionApi.consumable.test(data.viewItem, {\n            attributes: attrName + '-end-before'\n        }) && !conversionApi.consumable.test(data.viewItem, {\n            attributes: attrName + '-start-before'\n        })) {\n            return;\n        }\n        // This converter wants to add a model element, marking a marker, before/after an element (or maybe even group of elements).\n        // To do that, we can use `data.modelRange` which is set on an element (or a group of elements) that has been upcasted.\n        // But, if the processed view element has not been upcasted yet (it does not have been converted), we need to\n        // fire conversion for its children first, then we will have `data.modelRange` available.\n        if (!data.modelRange) {\n            Object.assign(data, conversionApi.convertChildren(data.viewItem, data.modelCursor));\n        }\n        if (conversionApi.consumable.consume(data.viewItem, {\n            attributes: attrName + '-end-after'\n        })) {\n            addMarkerElements(data.modelRange.end, data.viewItem.getAttribute(attrName + '-end-after').split(','));\n        }\n        if (conversionApi.consumable.consume(data.viewItem, {\n            attributes: attrName + '-start-after'\n        })) {\n            addMarkerElements(data.modelRange.end, data.viewItem.getAttribute(attrName + '-start-after').split(','));\n        }\n        if (conversionApi.consumable.consume(data.viewItem, {\n            attributes: attrName + '-end-before'\n        })) {\n            addMarkerElements(data.modelRange.start, data.viewItem.getAttribute(attrName + '-end-before').split(','));\n        }\n        if (conversionApi.consumable.consume(data.viewItem, {\n            attributes: attrName + '-start-before'\n        })) {\n            addMarkerElements(data.modelRange.start, data.viewItem.getAttribute(attrName + '-start-before').split(','));\n        }\n        function addMarkerElements(position, markerViewNames) {\n            for (const markerViewName of markerViewNames){\n                const markerName = config.model(markerViewName, conversionApi);\n                const element = conversionApi.writer.createElement('$marker', {\n                    'data-name': markerName\n                });\n                conversionApi.writer.insert(element, position);\n                if (data.modelCursor.isEqual(position)) {\n                    data.modelCursor = data.modelCursor.getShiftedBy(1);\n                } else {\n                    data.modelCursor = data.modelCursor._getTransformedByInsertion(position, 1);\n                }\n                data.modelRange = data.modelRange._getTransformedByInsertion(position, 1)[0];\n            }\n        }\n    };\n}\n/**\n * Helper function for from-view-element conversion. Checks if `config.view` directly specifies converted view element's name\n * and if so, returns it.\n *\n * @param config Conversion view config.\n * @returns View element name or `null` if name is not directly set.\n */ function getViewElementNameFromConfig(viewConfig) {\n    if (typeof viewConfig == 'string') {\n        return viewConfig;\n    }\n    if (typeof viewConfig == 'object' && typeof viewConfig.name == 'string') {\n        return viewConfig.name;\n    }\n    return null;\n}\n/**\n * Helper for to-model-element conversion. Takes a config object and returns a proper converter function.\n *\n * @param config Conversion configuration.\n * @returns View to model converter.\n */ function prepareToElementConverter(config) {\n    const matcher = new Matcher(config.view);\n    return (evt, data, conversionApi)=>{\n        const matcherResult = matcher.match(data.viewItem);\n        if (!matcherResult) {\n            return;\n        }\n        const match = matcherResult.match;\n        // Force consuming element's name.\n        match.name = true;\n        if (!conversionApi.consumable.test(data.viewItem, match)) {\n            return;\n        }\n        const modelElement = getModelElement(config.model, data.viewItem, conversionApi);\n        if (!modelElement) {\n            return;\n        }\n        if (!conversionApi.safeInsert(modelElement, data.modelCursor)) {\n            return;\n        }\n        conversionApi.consumable.consume(data.viewItem, match);\n        conversionApi.convertChildren(data.viewItem, modelElement);\n        conversionApi.updateConversionResult(modelElement, data);\n    };\n}\n/**\n * Helper function for upcasting-to-element converter. Takes the model configuration, the converted view element\n * and a writer instance and returns a model element instance to be inserted in the model.\n *\n * @param model Model conversion configuration.\n * @param input The converted view node.\n * @param conversionApi The upcast conversion API.\n */ function getModelElement(model, input, conversionApi) {\n    if (model instanceof Function) {\n        return model(input, conversionApi);\n    } else {\n        return conversionApi.writer.createElement(model);\n    }\n}\n/**\n * Helper function view-attribute-to-model-attribute helper. Normalizes `config.view` which was set as `String` or\n * as an `Object` with `key`, `value` and `name` properties. Normalized `config.view` has is compatible with\n * {@link module:engine/view/matcher~MatcherPattern}.\n *\n * @param config Conversion config.\n * @returns Key of the converted view attribute.\n */ function normalizeViewAttributeKeyValueConfig(config) {\n    if (typeof config.view == 'string') {\n        config.view = {\n            key: config.view\n        };\n    }\n    const key = config.view.key;\n    const value = typeof config.view.value == 'undefined' ? /[\\s\\S]*/ : config.view.value;\n    let normalized;\n    if (key == 'class' || key == 'style') {\n        const keyName = key == 'class' ? 'classes' : 'styles';\n        normalized = {\n            [keyName]: value\n        };\n    } else {\n        normalized = {\n            attributes: {\n                [key]: value\n            }\n        };\n    }\n    if (config.view.name) {\n        normalized.name = config.view.name;\n    }\n    config.view = normalized;\n    return key;\n}\n/**\n * Helper function that normalizes `config.model` in from-model-attribute conversion. `config.model` can be set\n * as a `String`, an `Object` with only `key` property or an `Object` with `key` and `value` properties. Normalized\n * `config.model` is an `Object` with `key` and `value` properties.\n *\n * @param config Conversion config.\n * @param viewAttributeKeyToCopy Key of the converted view attribute. If it is set, model attribute value\n * will be equal to view attribute value.\n */ function normalizeModelAttributeConfig(config, viewAttributeKeyToCopy = null) {\n    const defaultModelValue = viewAttributeKeyToCopy === null ? true : (viewElement)=>viewElement.getAttribute(viewAttributeKeyToCopy);\n    const key = typeof config.model != 'object' ? config.model : config.model.key;\n    const value = typeof config.model != 'object' || typeof config.model.value == 'undefined' ? defaultModelValue : config.model.value;\n    config.model = {\n        key,\n        value\n    };\n}\n/**\n * Helper for to-model-attribute conversion. Takes the model attribute name and conversion configuration and returns\n * a proper converter function.\n *\n * @param config Conversion configuration. It is possible to provide multiple configurations in an array.\n * @param shallow If set to `true` the attribute will be set only on top-level nodes. Otherwise, it will be set\n * on all elements in the range.\n */ function prepareToAttributeConverter(config, shallow) {\n    const matcher = new Matcher(config.view);\n    return (evt, data, conversionApi)=>{\n        // Converting an attribute of an element that has not been converted to anything does not make sense\n        // because there will be nowhere to set that attribute on. At this stage, the element should've already\n        // been converted (https://github.com/ckeditor/ckeditor5/issues/11000).\n        if (!data.modelRange && shallow) {\n            return;\n        }\n        const match = matcher.match(data.viewItem);\n        // If there is no match, this callback should not do anything.\n        if (!match) {\n            return;\n        }\n        if (onlyViewNameIsDefined(config.view, data.viewItem)) {\n            match.match.name = true;\n        } else {\n            // Do not test `name` consumable because it could get consumed already while upcasting some other attribute\n            // on the same element (for example <span class=\"big\" style=\"color: red\">foo</span>).\n            delete match.match.name;\n        }\n        // Try to consume appropriate values from consumable values list.\n        if (!conversionApi.consumable.test(data.viewItem, match.match)) {\n            return;\n        }\n        const modelKey = config.model.key;\n        const modelValue = typeof config.model.value == 'function' ? config.model.value(data.viewItem, conversionApi, data) : config.model.value;\n        // Do not convert if attribute building function returned falsy value.\n        if (modelValue === null || modelValue === undefined) {\n            return;\n        }\n        // Since we are converting to attribute we need a range on which we will set the attribute.\n        // If the range is not created yet, let's create it by converting children of the current node first.\n        if (!data.modelRange) {\n            // Convert children and set conversion result as a current data.\n            Object.assign(data, conversionApi.convertChildren(data.viewItem, data.modelCursor));\n        }\n        // Set attribute on current `output`. `Schema` is checked inside this helper function.\n        const attributeWasSet = setAttributeOn(data.modelRange, {\n            key: modelKey,\n            value: modelValue\n        }, shallow, conversionApi);\n        // It may happen that a converter will try to set an attribute that is not allowed in the given context.\n        // In such a situation we cannot consume the attribute. See: https://github.com/ckeditor/ckeditor5/pull/9249#issuecomment-815658459.\n        if (attributeWasSet) {\n            // Verify if the element itself wasn't consumed yet. It could be consumed already while upcasting some other attribute\n            // on the same element (for example <span class=\"big\" style=\"color: red\">foo</span>).\n            // We need to consume it so other features (especially GHS) won't try to convert it.\n            // Note that it's not tested by the other element-to-attribute converters whether an element was consumed before\n            // (in case of converters that the element itself is just a context and not the primary information to convert).\n            if (conversionApi.consumable.test(data.viewItem, {\n                name: true\n            })) {\n                match.match.name = true;\n            }\n            conversionApi.consumable.consume(data.viewItem, match.match);\n        }\n    };\n}\n/**\n * Helper function that checks if element name should be consumed in attribute converters.\n *\n * @param viewConfig Conversion view config.\n */ function onlyViewNameIsDefined(viewConfig, viewItem) {\n    // https://github.com/ckeditor/ckeditor5-engine/issues/1786\n    const configToTest = typeof viewConfig == 'function' ? viewConfig(viewItem) : viewConfig;\n    if (typeof configToTest == 'object' && !getViewElementNameFromConfig(configToTest)) {\n        return false;\n    }\n    return !configToTest.classes && !configToTest.attributes && !configToTest.styles;\n}\n/**\n * Helper function for to-model-attribute converter. Sets model attribute on given range.\n * Checks {@link module:engine/model/schema~ModelSchema} to ensure proper model structure.\n *\n * If any node on the given range has already defined an attribute with the same name, its value will not be updated.\n *\n * @param modelRange Model range on which attribute should be set.\n * @param modelAttribute Model attribute to set.\n * @param conversionApi Conversion API.\n * @param shallow If set to `true` the attribute will be set only on top-level nodes. Otherwise, it will be set\n * on all elements in the range.\n * @returns `true` if attribute was set on at least one node from given `modelRange`.\n */ function setAttributeOn(modelRange, modelAttribute, shallow, conversionApi) {\n    let result = false;\n    // Set attribute on each item in range according to Schema.\n    for (const node of Array.from(modelRange.getItems({\n        shallow\n    }))){\n        // Skip if not allowed.\n        if (!conversionApi.schema.checkAttribute(node, modelAttribute.key)) {\n            continue;\n        }\n        // Mark the node as consumed even if the attribute will not be updated because it's in a valid context (schema)\n        // and would be converted if the attribute wouldn't be present. See #8921.\n        result = true;\n        // Do not override the attribute if it's already present.\n        if (node.hasAttribute(modelAttribute.key)) {\n            continue;\n        }\n        conversionApi.writer.setAttribute(modelAttribute.key, modelAttribute.value, node);\n    }\n    return result;\n}\n/**\n * Helper function for upcasting-to-marker conversion. Takes the config in a format requested by `upcastElementToMarker()`\n * function and converts it to a format that is supported by `upcastElementToElement()` function.\n */ function normalizeElementToMarkerModelConfig(model) {\n    return (viewElement, conversionApi)=>{\n        const markerName = typeof model == 'string' ? model : model(viewElement, conversionApi);\n        return conversionApi.writer.createElement('$marker', {\n            'data-name': markerName\n        });\n    };\n}\n/**\n * Helper function for upcasting-to-marker conversion. Takes the config in a format requested by `upcastDataToMarker()`\n * function and converts it to a format that is supported by `upcastElementToElement()` function.\n */ function normalizeDataToMarkerConfig(config, type) {\n    const elementCreatorFunction = (viewElement, conversionApi)=>{\n        const viewName = viewElement.getAttribute('name');\n        const markerName = config.model(viewName, conversionApi);\n        return conversionApi.writer.createElement('$marker', {\n            'data-name': markerName\n        });\n    };\n    return {\n        // Upcast <markerGroup-start> and <markerGroup-end> elements.\n        view: `${config.view}-${type}`,\n        model: elementCreatorFunction\n    };\n}\n\n// @if CK_DEBUG_ENGINE // const { dumpTrees, initDocumentDumping } = require( '../dev-utils/utils' );\n/**\n * A controller for the editing pipeline. The editing pipeline controls the {@link ~EditingController#model model} rendering,\n * including selection handling. It also creates the {@link ~EditingController#view view} which builds a\n * browser-independent virtualization over the DOM elements. The editing controller also attaches default converters.\n */ class EditingController extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * Editor model.\n\t */ model;\n    /**\n\t * Editing view controller.\n\t */ view;\n    /**\n\t * A mapper that describes the model-view binding.\n\t */ mapper;\n    /**\n\t * Downcast dispatcher that converts changes from the model to the {@link #view editing view}.\n\t */ downcastDispatcher;\n    /**\n\t * Creates an editing controller instance.\n\t *\n\t * @param model Editing model.\n\t * @param stylesProcessor The styles processor instance.\n\t */ constructor(model, stylesProcessor){\n        super();\n        this.model = model;\n        this.view = new EditingView(stylesProcessor);\n        this.mapper = new Mapper();\n        this.downcastDispatcher = new DowncastDispatcher({\n            mapper: this.mapper,\n            schema: model.schema\n        });\n        const doc = this.model.document;\n        const selection = doc.selection;\n        const markers = this.model.markers;\n        // When plugins listen on model changes (on selection change, post fixers, etc.) and change the view as a result of\n        // the model's change, they might trigger view rendering before the conversion is completed (e.g. before the selection\n        // is converted). We disable rendering for the length of the outermost model change() block to prevent that.\n        //\n        // See https://github.com/ckeditor/ckeditor5-engine/issues/1528\n        this.listenTo(this.model, '_beforeChanges', ()=>{\n            this.view._disableRendering(true);\n        }, {\n            priority: 'highest'\n        });\n        this.listenTo(this.model, '_afterChanges', ()=>{\n            this.view._disableRendering(false);\n        }, {\n            priority: 'lowest'\n        });\n        // Whenever model document is changed, convert those changes to the view (using model.Document#differ).\n        // Do it on 'low' priority, so changes are converted after other listeners did their job.\n        // Also convert model selection.\n        this.listenTo(doc, 'change', ()=>{\n            this.view.change((writer)=>{\n                this.downcastDispatcher.convertChanges(doc.differ, markers, writer);\n                this.downcastDispatcher.convertSelection(selection, markers, writer);\n            });\n        }, {\n            priority: 'low'\n        });\n        // Convert selection from the view to the model when it changes in the view.\n        this.listenTo(this.view.document, 'selectionChange', convertSelectionChange(this.model, this.mapper));\n        // Attach default model converters.\n        this.downcastDispatcher.on('insert:$text', insertText(), {\n            priority: 'lowest'\n        });\n        this.downcastDispatcher.on('insert', insertAttributesAndChildren(), {\n            priority: 'lowest'\n        });\n        this.downcastDispatcher.on('remove', remove(), {\n            priority: 'low'\n        });\n        // Attach default model selection converters.\n        this.downcastDispatcher.on('cleanSelection', cleanSelection());\n        this.downcastDispatcher.on('selection', convertRangeSelection(), {\n            priority: 'low'\n        });\n        this.downcastDispatcher.on('selection', convertCollapsedSelection(), {\n            priority: 'low'\n        });\n        // Binds {@link module:engine/view/document~ViewDocument#roots view roots collection} to\n        // {@link module:engine/model/document~ModelDocument#roots model roots collection} so creating\n        // model root automatically creates corresponding view root.\n        this.view.document.roots.bindTo(this.model.document.roots).using((root)=>{\n            // $graveyard is a special root that has no reflection in the view.\n            if (root.rootName == '$graveyard') {\n                return null;\n            }\n            const viewRoot = new ViewRootEditableElement(this.view.document, root.name);\n            viewRoot.rootName = root.rootName;\n            this.mapper.bindElements(root, viewRoot);\n            return viewRoot;\n        });\n    // @if CK_DEBUG_ENGINE // initDocumentDumping( this.model.document );\n    // @if CK_DEBUG_ENGINE // initDocumentDumping( this.view.document );\n    // @if CK_DEBUG_ENGINE // dumpTrees( this.model.document, this.model.document.version );\n    // @if CK_DEBUG_ENGINE // dumpTrees( this.view.document, this.model.document.version );\n    // @if CK_DEBUG_ENGINE // this.model.document.on( 'change', () => {\n    // @if CK_DEBUG_ENGINE //\tdumpTrees( this.view.document, this.model.document.version );\n    // @if CK_DEBUG_ENGINE // }, { priority: 'lowest' } );\n    }\n    /**\n\t * Removes all event listeners attached to the `EditingController`. Destroys all objects created\n\t * by `EditingController` that need to be destroyed.\n\t */ destroy() {\n        this.view.destroy();\n        this.stopListening();\n    }\n    /**\n\t * Calling this method will refresh the marker by triggering the downcast conversion for it.\n\t *\n\t * Reconverting the marker is useful when you want to change its {@link module:engine/view/element~ViewElement view element}\n\t * without changing any marker data. For instance:\n\t *\n\t * ```ts\n\t * let isCommentActive = false;\n\t *\n\t * model.conversion.markerToHighlight( {\n\t * \tmodel: 'comment',\n\t * \tview: data => {\n\t * \t\tconst classes = [ 'comment-marker' ];\n\t *\n\t * \t\tif ( isCommentActive ) {\n\t * \t\t\tclasses.push( 'comment-marker--active' );\n\t * \t\t}\n\t *\n\t * \t\treturn { classes };\n\t * \t}\n\t * } );\n\t *\n\t * // ...\n\t *\n\t * // Change the property that indicates if marker is displayed as active or not.\n\t * isCommentActive = true;\n\t *\n\t * // Reconverting will downcast and synchronize the marker with the new isCommentActive state value.\n\t * editor.editing.reconvertMarker( 'comment' );\n\t * ```\n\t *\n\t * **Note**: If you want to reconvert a model item, use {@link #reconvertItem} instead.\n\t *\n\t * @param markerOrName Name of a marker to update, or a marker instance.\n\t */ reconvertMarker(markerOrName) {\n        const markerName = typeof markerOrName == 'string' ? markerOrName : markerOrName.name;\n        const currentMarker = this.model.markers.get(markerName);\n        if (!currentMarker) {\n            /**\n\t\t\t * The marker with the provided name does not exist and cannot be reconverted.\n\t\t\t *\n\t\t\t * @error editingcontroller-reconvertmarker-marker-not-exist\n\t\t\t * @param {string} markerName The name of the reconverted marker.\n\t\t\t */ throw new CKEditorError('editingcontroller-reconvertmarker-marker-not-exist', this, {\n                markerName\n            });\n        }\n        this.model.change(()=>{\n            this.model.markers._refresh(currentMarker);\n        });\n    }\n    /**\n\t * Calling this method will downcast a model item on demand (by requesting a refresh in the {@link module:engine/model/differ~Differ}).\n\t *\n\t * You can use it if you want the view representation of a specific item updated as a response to external modifications. For instance,\n\t * when the view structure depends not only on the associated model data but also on some external state.\n\t *\n\t * **Note**: If you want to reconvert a model marker, use {@link #reconvertMarker} instead.\n\t *\n\t * @param item Item to refresh.\n\t */ reconvertItem(item) {\n        this.model.change(()=>{\n            this.model.document.differ._refreshItem(item);\n        });\n    }\n}\n\n/**\n * The model's schema. It defines the allowed and disallowed structures of nodes as well as nodes' attributes.\n * The schema is usually defined by the features and based on them, the editing framework and features\n * make decisions on how to change and process the model.\n *\n * The instance of schema is available in {@link module:engine/model/model~Model#schema `editor.model.schema`}.\n *\n * Read more about the schema in:\n *\n * * The {@glink framework/architecture/editing-engine#schema schema section} of the\n * {@glink framework/architecture/editing-engine Introduction to the Editing engine architecture} guide.\n * * The {@glink framework/deep-dive/schema Schema deep-dive} guide.\n */ class ModelSchema extends /* #__PURE__ */ ObservableMixin() {\n    _sourceDefinitions = {};\n    /**\n\t * A dictionary containing attribute properties.\n\t */ _attributeProperties = Object.create(null);\n    /**\n\t * Stores additional callbacks registered for schema items, which are evaluated when {@link ~ModelSchema#checkChild} is called.\n\t *\n\t * Keys are schema item names for which the callbacks are registered. Values are arrays with the callbacks.\n\t *\n\t * Some checks are added under {@link ~ModelSchema#_genericCheckSymbol} key, these are\n\t * evaluated for every {@link ~ModelSchema#checkChild} call.\n\t */ _customChildChecks = new Map();\n    /**\n\t * Stores additional callbacks registered for attribute names, which are evaluated when {@link ~ModelSchema#checkAttribute} is called.\n\t *\n\t * Keys are schema attribute names for which the callbacks are registered. Values are arrays with the callbacks.\n\t *\n\t * Some checks are added under {@link ~ModelSchema#_genericCheckSymbol} key, these are evaluated for every\n\t * {@link ~ModelSchema#checkAttribute} call.\n\t */ _customAttributeChecks = new Map();\n    _genericCheckSymbol = Symbol('$generic');\n    _compiledDefinitions;\n    /**\n\t * Creates a schema instance.\n\t */ constructor(){\n        super();\n        this.decorate('checkChild');\n        this.decorate('checkAttribute');\n        this.on('checkAttribute', (evt, args)=>{\n            args[0] = new ModelSchemaContext(args[0]);\n        }, {\n            priority: 'highest'\n        });\n        this.on('checkChild', (evt, args)=>{\n            args[0] = new ModelSchemaContext(args[0]);\n            args[1] = this.getDefinition(args[1]);\n        }, {\n            priority: 'highest'\n        });\n    }\n    /**\n\t * Registers a schema item. Can only be called once for every item name.\n\t *\n\t * ```ts\n\t * schema.register( 'paragraph', {\n\t * \tinheritAllFrom: '$block'\n\t * } );\n\t * ```\n\t */ register(itemName, definition) {\n        if (this._sourceDefinitions[itemName]) {\n            /**\n\t\t\t * A single item cannot be registered twice in the schema.\n\t\t\t *\n\t\t\t * This situation may happen when:\n\t\t\t *\n\t\t\t * * Two or more plugins called {@link module:engine/model/schema~ModelSchema#register `register()`} with the same name.\n\t\t\t * This will usually mean that there is a collision between plugins which try to use the same element in the model.\n\t\t\t * Unfortunately, the only way to solve this is by modifying one of these plugins to use a unique model element name.\n\t\t\t * * A single plugin was loaded twice. This happens when it is installed by npm/yarn in two versions\n\t\t\t * and usually means one or more of the following issues:\n\t\t\t *     * a version mismatch (two of your dependencies require two different versions of this plugin),\n\t\t\t *     * incorrect imports (this plugin is somehow imported twice in a way which confuses webpack),\n\t\t\t *     * mess in `node_modules/` (`rm -rf node_modules/` may help).\n\t\t\t *\n\t\t\t * **Note:** Check the logged `itemName` to better understand which plugin was duplicated/conflicting.\n\t\t\t *\n\t\t\t * @param itemName The name of the model element that is being registered twice.\n\t\t\t * @error schema-cannot-register-item-twice\n\t\t\t */ throw new CKEditorError('schema-cannot-register-item-twice', this, {\n                itemName\n            });\n        }\n        this._sourceDefinitions[itemName] = [\n            Object.assign({}, definition)\n        ];\n        this._clearCache();\n    }\n    /**\n\t * Extends a {@link #register registered} item's definition.\n\t *\n\t * Extending properties such as `allowIn` will add more items to the existing properties,\n\t * while redefining properties such as `isBlock` will override the previously defined ones.\n\t *\n\t * ```ts\n\t * schema.register( 'foo', {\n\t * \tallowIn: '$root',\n\t * \tisBlock: true;\n\t * } );\n\t * schema.extend( 'foo', {\n\t * \tallowIn: 'blockQuote',\n\t * \tisBlock: false\n\t * } );\n\t *\n\t * schema.getDefinition( 'foo' );\n\t * //\t{\n\t * //\t\tallowIn: [ '$root', 'blockQuote' ],\n\t * // \t\tisBlock: false\n\t * //\t}\n\t * ```\n\t */ extend(itemName, definition) {\n        if (!this._sourceDefinitions[itemName]) {\n            /**\n\t\t\t * Cannot extend an item which was not registered yet.\n\t\t\t *\n\t\t\t * This error happens when a plugin tries to extend the schema definition of an item which was not\n\t\t\t * {@link module:engine/model/schema~ModelSchema#register registered} yet.\n\t\t\t *\n\t\t\t * @param itemName The name of the model element which is being extended.\n\t\t\t * @error schema-cannot-extend-missing-item\n\t\t\t */ throw new CKEditorError('schema-cannot-extend-missing-item', this, {\n                itemName\n            });\n        }\n        this._sourceDefinitions[itemName].push(Object.assign({}, definition));\n        this._clearCache();\n    }\n    /**\n\t * Returns data of all registered items.\n\t *\n\t * This method should normally be used for reflection purposes (e.g. defining a clone of a certain element,\n\t * checking a list of all block elements, etc).\n\t * Use specific methods (such as {@link #checkChild `checkChild()`} or {@link #isLimit `isLimit()`})\n\t * in other cases.\n\t */ getDefinitions() {\n        if (!this._compiledDefinitions) {\n            this._compile();\n        }\n        return this._compiledDefinitions;\n    }\n    /**\n\t * Returns a definition of the given item or `undefined` if an item is not registered.\n\t *\n\t * This method should normally be used for reflection purposes (e.g. defining a clone of a certain element,\n\t * checking a list of all block elements, etc).\n\t * Use specific methods (such as {@link #checkChild `checkChild()`} or {@link #isLimit `isLimit()`})\n\t * in other cases.\n\t */ getDefinition(item) {\n        let itemName;\n        if (typeof item == 'string') {\n            itemName = item;\n        } else if ('is' in item && (item.is('$text') || item.is('$textProxy'))) {\n            itemName = '$text';\n        } else {\n            itemName = item.name;\n        }\n        return this.getDefinitions()[itemName];\n    }\n    /**\n\t * Returns `true` if the given item is registered in the schema.\n\t *\n\t * ```ts\n\t * schema.isRegistered( 'paragraph' ); // -> true\n\t * schema.isRegistered( editor.model.document.getRoot() ); // -> true\n\t * schema.isRegistered( 'foo' ); // -> false\n\t * ```\n\t */ isRegistered(item) {\n        return !!this.getDefinition(item);\n    }\n    /**\n\t * Returns `true` if the given item is defined to be\n\t * a block by the {@link module:engine/model/schema~ModelSchemaItemDefinition}'s `isBlock` property.\n\t *\n\t * ```ts\n\t * schema.isBlock( 'paragraph' ); // -> true\n\t * schema.isBlock( '$root' ); // -> false\n\t *\n\t * const paragraphElement = writer.createElement( 'paragraph' );\n\t * schema.isBlock( paragraphElement ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#block-elements Block elements} section of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */ isBlock(item) {\n        const def = this.getDefinition(item);\n        return !!(def && def.isBlock);\n    }\n    /**\n\t * Returns `true` if the given item should be treated as a limit element.\n\t *\n\t * It considers an item to be a limit element if its\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition}'s\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition#isLimit `isLimit`} or\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition#isObject `isObject`} property\n\t * was set to `true`.\n\t *\n\t * ```ts\n\t * schema.isLimit( 'paragraph' ); // -> false\n\t * schema.isLimit( '$root' ); // -> true\n\t * schema.isLimit( editor.model.document.getRoot() ); // -> true\n\t * schema.isLimit( 'imageBlock' ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#limit-elements Limit elements} section of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */ isLimit(item) {\n        const def = this.getDefinition(item);\n        if (!def) {\n            return false;\n        }\n        return !!(def.isLimit || def.isObject);\n    }\n    /**\n\t * Returns `true` if the given item should be treated as an object element.\n\t *\n\t * It considers an item to be an object element if its\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition}'s\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition#isObject `isObject`} property\n\t * was set to `true`.\n\t *\n\t * ```ts\n\t * schema.isObject( 'paragraph' ); // -> false\n\t * schema.isObject( 'imageBlock' ); // -> true\n\t *\n\t * const imageElement = writer.createElement( 'imageBlock' );\n\t * schema.isObject( imageElement ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#object-elements Object elements} section of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */ isObject(item) {\n        const def = this.getDefinition(item);\n        if (!def) {\n            return false;\n        }\n        // Note: Check out the implementation of #isLimit(), #isSelectable(), and #isContent()\n        // to understand why these three constitute an object.\n        return !!(def.isObject || def.isLimit && def.isSelectable && def.isContent);\n    }\n    /**\n\t * Returns `true` if the given item is defined to be\n\t * an inline element by the {@link module:engine/model/schema~ModelSchemaItemDefinition}'s `isInline` property.\n\t *\n\t * ```ts\n\t * schema.isInline( 'paragraph' ); // -> false\n\t * schema.isInline( 'softBreak' ); // -> true\n\t *\n\t * const text = writer.createText( 'foo' );\n\t * schema.isInline( text ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#inline-elements Inline elements} section of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */ isInline(item) {\n        const def = this.getDefinition(item);\n        return !!(def && def.isInline);\n    }\n    /**\n\t * Returns `true` if the given item is defined to be\n\t * a selectable element by the {@link module:engine/model/schema~ModelSchemaItemDefinition}'s `isSelectable` property.\n\t *\n\t * ```ts\n\t * schema.isSelectable( 'paragraph' ); // -> false\n\t * schema.isSelectable( 'heading1' ); // -> false\n\t * schema.isSelectable( 'imageBlock' ); // -> true\n\t * schema.isSelectable( 'tableCell' ); // -> true\n\t *\n\t * const text = writer.createText( 'foo' );\n\t * schema.isSelectable( text ); // -> false\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#selectable-elements Selectable elements section} of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */ isSelectable(item) {\n        const def = this.getDefinition(item);\n        if (!def) {\n            return false;\n        }\n        return !!(def.isSelectable || def.isObject);\n    }\n    /**\n\t * Returns `true` if the given item is defined to be\n\t * a content by the {@link module:engine/model/schema~ModelSchemaItemDefinition}'s `isContent` property.\n\t *\n\t * ```ts\n\t * schema.isContent( 'paragraph' ); // -> false\n\t * schema.isContent( 'heading1' ); // -> false\n\t * schema.isContent( 'imageBlock' ); // -> true\n\t * schema.isContent( 'horizontalLine' ); // -> true\n\t *\n\t * const text = writer.createText( 'foo' );\n\t * schema.isContent( text ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#content-elements Content elements section} of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */ isContent(item) {\n        const def = this.getDefinition(item);\n        if (!def) {\n            return false;\n        }\n        return !!(def.isContent || def.isObject);\n    }\n    /**\n\t * Checks whether the given node can be a child of the given context.\n\t *\n\t * ```ts\n\t * schema.checkChild( model.document.getRoot(), paragraph ); // -> false\n\t *\n\t * schema.register( 'paragraph', {\n\t * \tallowIn: '$root'\n\t * } );\n\t *\n\t * schema.checkChild( model.document.getRoot(), paragraph ); // -> true\n\t * ```\n\t *\n\t * Both {@link module:engine/model/schema~ModelSchema#addChildCheck callback checks} and declarative rules (added when\n\t * {@link module:engine/model/schema~ModelSchema#register registering} and\n\t * {@link module:engine/model/schema~ModelSchema#extend extending} items)\n\t * are evaluated when this method is called.\n\t *\n\t * Note that callback checks have bigger priority than declarative rules checks and may overwrite them.\n\t *\n\t * Note that when verifying whether the given node can be a child of the given context, the schema also verifies the entire\n\t * context &ndash; from its root to its last element. Therefore, it is possible for `checkChild()` to return `false` even though\n\t * the `context` last element can contain the checked child. It happens if one of the `context` elements does not allow its child.\n\t * When `context` is verified, {@link module:engine/model/schema~ModelSchema#addChildCheck custom checks} are considered as well.\n\t *\n\t * @fires checkChild\n\t * @param context The context in which the child will be checked.\n\t * @param def The child to check.\n\t */ checkChild(context, def) {\n        // Note: `context` and `def` are already normalized here to `ModelSchemaContext` and `ModelSchemaCompiledItemDefinition`.\n        if (!def) {\n            return false;\n        }\n        return this._checkContextMatch(context, def);\n    }\n    /**\n\t * Checks whether the given attribute can be applied in the given context (on the last item of the context).\n\t *\n\t * ```ts\n\t * schema.checkAttribute( textNode, 'bold' ); // -> false\n\t *\n\t * schema.extend( '$text', {\n\t * \tallowAttributes: 'bold'\n\t * } );\n\t *\n\t * schema.checkAttribute( textNode, 'bold' ); // -> true\n\t * ```\n\t *\n\t * Both {@link module:engine/model/schema~ModelSchema#addAttributeCheck callback checks} and declarative rules (added when\n\t * {@link module:engine/model/schema~ModelSchema#register registering} and\n\t * {@link module:engine/model/schema~ModelSchema#extend extending} items)\n\t * are evaluated when this method is called.\n\t *\n\t * Note that callback checks have bigger priority than declarative rules checks and may overwrite them.\n\t *\n\t * @fires checkAttribute\n\t * @param context The context in which the attribute will be checked.\n\t * @param attributeName Name of attribute to check in the given context.\n\t */ checkAttribute(context, attributeName) {\n        // Note: `context` is already normalized here to `ModelSchemaContext`.\n        const def = this.getDefinition(context.last);\n        if (!def) {\n            return false;\n        }\n        // First, check all attribute checks declared as callbacks.\n        // Note that `_evaluateAttributeChecks()` will return `undefined` if neither child check was applicable (no decision was made).\n        const isAllowed = this._evaluateAttributeChecks(context, attributeName);\n        // If the decision was not made inside attribute check callbacks, then use declarative rules.\n        return isAllowed !== undefined ? isAllowed : def.allowAttributes.includes(attributeName);\n    }\n    /**\n\t * Checks whether the given element (`elementToMerge`) can be merged with the specified base element (`positionOrBaseElement`).\n\t *\n\t * In other words &ndash; both elements are not a limit elements and whether `elementToMerge`'s children\n\t * {@link #checkChild are allowed} in the `positionOrBaseElement`.\n\t *\n\t * This check ensures that elements merged with {@link module:engine/model/writer~ModelWriter#merge `Writer#merge()`}\n\t * will be valid.\n\t *\n\t * Instead of elements, you can pass the instance of the {@link module:engine/model/position~ModelPosition} class as the\n\t * `positionOrBaseElement`. It means that the elements before and after the position will be checked whether they can be merged.\n\t *\n\t * @param positionOrBaseElement The position or base element to which the `elementToMerge` will be merged.\n\t * @param elementToMerge The element to merge. Required if `positionOrBaseElement` is an element.\n\t */ checkMerge(positionOrBaseElement, elementToMerge) {\n        if (positionOrBaseElement instanceof ModelPosition) {\n            const nodeBefore = positionOrBaseElement.nodeBefore;\n            const nodeAfter = positionOrBaseElement.nodeAfter;\n            if (!(nodeBefore instanceof ModelElement)) {\n                /**\n\t\t\t\t * The node before the merge position must be an element.\n\t\t\t\t *\n\t\t\t\t * @error schema-check-merge-no-element-before\n\t\t\t\t */ throw new CKEditorError('schema-check-merge-no-element-before', this);\n            }\n            if (!(nodeAfter instanceof ModelElement)) {\n                /**\n\t\t\t\t * The node after the merge position must be an element.\n\t\t\t\t *\n\t\t\t\t * @error schema-check-merge-no-element-after\n\t\t\t\t */ throw new CKEditorError('schema-check-merge-no-element-after', this);\n            }\n            return this.checkMerge(nodeBefore, nodeAfter);\n        }\n        if (this.isLimit(positionOrBaseElement) || this.isLimit(elementToMerge)) {\n            return false;\n        }\n        for (const child of elementToMerge.getChildren()){\n            if (!this.checkChild(positionOrBaseElement, child)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Allows registering a callback to the {@link #checkChild} method calls.\n\t *\n\t * Callbacks allow you to implement rules which are not otherwise possible to achieve\n\t * by using the declarative API of {@link module:engine/model/schema~ModelSchemaItemDefinition}.\n\t *\n\t * Note that callback checks have bigger priority than declarative rules checks and may overwrite them.\n\t *\n\t * For example, by using this method you can disallow elements in specific contexts:\n\t *\n\t * ```ts\n\t * // Disallow `heading1` inside a `blockQuote` that is inside a table.\n\t * schema.addChildCheck( ( context, childDefinition ) => {\n\t * \tif ( context.endsWith( 'tableCell blockQuote' ) ) {\n\t * \t\treturn false;\n\t * \t}\n\t * }, 'heading1' );\n\t * ```\n\t *\n\t * You can skip the optional `itemName` parameter to evaluate the callback for every `checkChild()` call.\n\t *\n\t * ```ts\n\t * // Inside specific custom element, allow only children, which allows for a specific attribute.\n\t * schema.addChildCheck( ( context, childDefinition ) => {\n\t * \tif ( context.endsWith( 'myElement' ) ) {\n\t * \t\treturn childDefinition.allowAttributes.includes( 'myAttribute' );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Please note that the generic callbacks may affect the editor performance and should be avoided if possible.\n\t *\n\t * When one of the callbacks makes a decision (returns `true` or `false`) the processing is finished and other callbacks are not fired.\n\t * Callbacks are fired in the order they were added, however generic callbacks are fired before callbacks added for a specified item.\n\t *\n\t * You can also use `checkChild` event, if you need even better control. The result from the example above could also be\n\t * achieved with following event callback:\n\t *\n\t * ```ts\n\t * schema.on( 'checkChild', ( evt, args ) => {\n\t * \tconst context = args[ 0 ];\n\t * \tconst childDefinition = args[ 1 ];\n\t *\n\t * \tif ( context.endsWith( 'myElement' ) ) {\n\t * \t\t// Prevent next listeners from being called.\n\t * \t\tevt.stop();\n\t * \t\t// Set the `checkChild()` return value.\n\t * \t\tevt.return = childDefinition.allowAttributes.includes( 'myAttribute' );\n\t * \t}\n\t * }, { priority: 'high' } );\n\t * ```\n\t *\n\t * Note that the callback checks and declarative rules checks are processed on `normal` priority.\n\t *\n\t * Adding callbacks this way can also negatively impact editor performance.\n\t *\n\t * @param callback The callback to be called. It is called with two parameters:\n\t * {@link module:engine/model/schema~ModelSchemaContext} (context) instance and\n\t * {@link module:engine/model/schema~ModelSchemaCompiledItemDefinition} (definition). The callback may return `true/false` to\n\t * override `checkChild()`'s return value. If it does not return a boolean value, the default algorithm (or other callbacks) will define\n\t * `checkChild()`'s return value.\n\t * @param itemName Name of the schema item for which the callback is registered. If specified, the callback will be run only for\n\t * `checkChild()` calls which `def` parameter matches the `itemName`. Otherwise, the callback will run for every `checkChild` call.\n\t */ addChildCheck(callback, itemName) {\n        const key = itemName !== undefined ? itemName : this._genericCheckSymbol;\n        const checks = this._customChildChecks.get(key) || [];\n        checks.push(callback);\n        this._customChildChecks.set(key, checks);\n    }\n    /**\n\t * Allows registering a callback to the {@link #checkAttribute} method calls.\n\t *\n\t * Callbacks allow you to implement rules which are not otherwise possible to achieve\n\t * by using the declarative API of {@link module:engine/model/schema~ModelSchemaItemDefinition}.\n\t *\n\t * Note that callback checks have bigger priority than declarative rules checks and may overwrite them.\n\t *\n\t * For example, by using this method you can disallow setting attributes on nodes in specific contexts:\n\t *\n\t * ```ts\n\t * // Disallow setting `bold` on text inside `heading1` element:\n\t * schema.addAttributeCheck( context => {\n\t * \tif ( context.endsWith( 'heading1 $text' ) ) {\n\t * \t\treturn false;\n\t * \t}\n\t * }, 'bold' );\n\t * ```\n\t *\n\t * You can skip the optional `attributeName` parameter to evaluate the callback for every `checkAttribute()` call.\n\t *\n\t * ```ts\n\t * // Disallow formatting attributes on text inside custom `myTitle` element:\n\t * schema.addAttributeCheck( ( context, attributeName ) => {\n\t * \tif ( context.endsWith( 'myTitle $text' ) && schema.getAttributeProperties( attributeName ).isFormatting ) {\n\t * \t\treturn false;\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Please note that the generic callbacks may affect the editor performance and should be avoided if possible.\n\t *\n\t * When one of the callbacks makes a decision (returns `true` or `false`) the processing is finished and other callbacks are not fired.\n\t * Callbacks are fired in the order they were added, however generic callbacks are fired before callbacks added for a specified item.\n\t *\n\t * You can also use {@link #event:checkAttribute} event, if you need even better control. The result from the example above could also\n\t * be achieved with following event callback:\n\t *\n\t * ```ts\n\t * schema.on( 'checkAttribute', ( evt, args ) => {\n\t * \tconst context = args[ 0 ];\n\t * \tconst attributeName = args[ 1 ];\n\t *\n\t * \tif ( context.endsWith( 'myTitle $text' ) && schema.getAttributeProperties( attributeName ).isFormatting ) {\n\t * \t\t// Prevent next listeners from being called.\n\t * \t\tevt.stop();\n\t * \t\t// Set the `checkAttribute()` return value.\n\t * \t\tevt.return = false;\n\t * \t}\n\t * }, { priority: 'high' } );\n\t * ```\n\t *\n\t * Note that the callback checks and declarative rules checks are processed on `normal` priority.\n\t *\n\t * Adding callbacks this way can also negatively impact editor performance.\n\t *\n\t * @param callback The callback to be called. It is called with two parameters:\n\t * {@link module:engine/model/schema~ModelSchemaContext `context`} and attribute name. The callback may return `true` or `false`, to\n\t * override `checkAttribute()`'s return value. If it does not return a boolean value, the default algorithm (or other callbacks)\n\t * will define `checkAttribute()`'s return value.\n\t * @param attributeName Name of the attribute for which the callback is registered. If specified, the callback will be run only for\n\t * `checkAttribute()` calls with matching `attributeName`. Otherwise, the callback will run for every `checkAttribute()` call.\n\t */ addAttributeCheck(callback, attributeName) {\n        const key = attributeName !== undefined ? attributeName : this._genericCheckSymbol;\n        const checks = this._customAttributeChecks.get(key) || [];\n        checks.push(callback);\n        this._customAttributeChecks.set(key, checks);\n    }\n    /**\n\t * This method allows assigning additional metadata to the model attributes. For example,\n\t * {@link module:engine/model/schema~ModelAttributeProperties `AttributeProperties#isFormatting` property} is\n\t * used to mark formatting attributes (like `bold` or `italic`).\n\t *\n\t * ```ts\n\t * // Mark bold as a formatting attribute.\n\t * schema.setAttributeProperties( 'bold', {\n\t * \tisFormatting: true\n\t * } );\n\t *\n\t * // Override code not to be considered a formatting markup.\n\t * schema.setAttributeProperties( 'code', {\n\t * \tisFormatting: false\n\t * } );\n\t * ```\n\t *\n\t * Properties are not limited to members defined in the\n\t * {@link module:engine/model/schema~ModelAttributeProperties `AttributeProperties` type} and you can also use custom properties:\n\t *\n\t * ```ts\n\t * schema.setAttributeProperties( 'blockQuote', {\n\t * \tcustomProperty: 'value'\n\t * } );\n\t * ```\n\t *\n\t * Subsequent calls with the same attribute will extend its custom properties:\n\t *\n\t * ```ts\n\t * schema.setAttributeProperties( 'blockQuote', {\n\t * \tone: 1\n\t * } );\n\t *\n\t * schema.setAttributeProperties( 'blockQuote', {\n\t * \ttwo: 2\n\t * } );\n\t *\n\t * console.log( schema.getAttributeProperties( 'blockQuote' ) );\n\t * // Logs: { one: 1, two: 2 }\n\t * ```\n\t *\n\t * @param attributeName A name of the attribute to receive the properties.\n\t * @param properties A dictionary of properties.\n\t */ setAttributeProperties(attributeName, properties) {\n        this._attributeProperties[attributeName] = Object.assign(this.getAttributeProperties(attributeName), properties);\n    }\n    /**\n\t * Returns properties associated with a given model attribute. See {@link #setAttributeProperties `setAttributeProperties()`}.\n\t *\n\t * @param attributeName A name of the attribute.\n\t */ getAttributeProperties(attributeName) {\n        return this._attributeProperties[attributeName] || Object.create(null);\n    }\n    /**\n\t * Returns the lowest {@link module:engine/model/schema~ModelSchema#isLimit limit element} containing the entire\n\t * selection/range/position or the root otherwise.\n\t *\n\t * @param selectionOrRangeOrPosition The selection/range/position to check.\n\t * @returns The lowest limit element containing the entire `selectionOrRangeOrPosition`.\n\t */ getLimitElement(selectionOrRangeOrPosition) {\n        let element;\n        if (selectionOrRangeOrPosition instanceof ModelPosition) {\n            element = selectionOrRangeOrPosition.parent;\n        } else {\n            const ranges = selectionOrRangeOrPosition instanceof ModelRange ? [\n                selectionOrRangeOrPosition\n            ] : Array.from(selectionOrRangeOrPosition.getRanges());\n            // Find the common ancestor for all selection's ranges.\n            element = ranges.reduce((element, range)=>{\n                const rangeCommonAncestor = range.getCommonAncestor();\n                if (!element) {\n                    return rangeCommonAncestor;\n                }\n                return element.getCommonAncestor(rangeCommonAncestor, {\n                    includeSelf: true\n                });\n            }, null);\n        }\n        while(!this.isLimit(element)){\n            if (element.parent) {\n                element = element.parent;\n            } else {\n                break;\n            }\n        }\n        return element;\n    }\n    /**\n\t * Checks whether the attribute is allowed in selection:\n\t *\n\t * * if the selection is not collapsed, then checks if the attribute is allowed on any of nodes in that range,\n\t * * if the selection is collapsed, then checks if on the selection position there's a text with the\n\t * specified attribute allowed.\n\t *\n\t * @param selection Selection which will be checked.\n\t * @param attribute The name of the attribute to check.\n\t */ checkAttributeInSelection(selection, attribute) {\n        if (selection.isCollapsed) {\n            const firstPosition = selection.getFirstPosition();\n            const context = [\n                ...firstPosition.getAncestors(),\n                new ModelText('', selection.getAttributes())\n            ];\n            // Check whether schema allows for a text with the attribute in the selection.\n            return this.checkAttribute(context, attribute);\n        } else {\n            const ranges = selection.getRanges();\n            // For all ranges, check nodes in them until you find a node that is allowed to have the attribute.\n            for (const range of ranges){\n                for (const value of range){\n                    if (this.checkAttribute(value.item, attribute)) {\n                        // If we found a node that is allowed to have the attribute, return true.\n                        return true;\n                    }\n                }\n            }\n        }\n        // If we haven't found such node, return false.\n        return false;\n    }\n    /**\n\t * Transforms the given set of ranges into a set of ranges where the given attribute is allowed (and can be applied).\n\t *\n\t * @param ranges Ranges to be validated.\n\t * @param attribute The name of the attribute to check.\n\t * @returns Ranges in which the attribute is allowed.\n\t */ *getValidRanges(ranges, attribute) {\n        ranges = convertToMinimalFlatRanges(ranges);\n        for (const range of ranges){\n            yield* this._getValidRangesForRange(range, attribute);\n        }\n    }\n    /**\n\t * Basing on given `position`, finds and returns a {@link module:engine/model/range~ModelRange range} which is\n\t * nearest to that `position` and is a correct range for selection.\n\t *\n\t * The correct selection range might be collapsed when it is located in a position where the text node can be placed.\n\t * Non-collapsed range is returned when selection can be placed around element marked as an \"object\" in\n\t * the {@link module:engine/model/schema~ModelSchema schema}.\n\t *\n\t * Direction of searching for the nearest correct selection range can be specified as:\n\t *\n\t * * `both` - searching will be performed in both ways,\n\t * * `forward` - searching will be performed only forward,\n\t * * `backward` - searching will be performed only backward.\n\t *\n\t * When valid selection range cannot be found, `null` is returned.\n\t *\n\t * @param position Reference position where new selection range should be looked for.\n\t * @param direction Search direction.\n\t * @returns Nearest selection range or `null` if one cannot be found.\n\t */ getNearestSelectionRange(position, direction = 'both') {\n        if (position.root.rootName == '$graveyard') {\n            // No valid selection range in the graveyard.\n            // This is important when getting the document selection default range.\n            return null;\n        }\n        // Return collapsed range if provided position is valid.\n        if (this.checkChild(position, '$text')) {\n            return new ModelRange(position);\n        }\n        let backwardWalker, forwardWalker;\n        // Never leave a limit element.\n        const limitElement = position.getAncestors().reverse().find((item)=>this.isLimit(item)) || position.root;\n        if (direction == 'both' || direction == 'backward') {\n            backwardWalker = new ModelTreeWalker({\n                boundaries: ModelRange._createIn(limitElement),\n                startPosition: position,\n                direction: 'backward'\n            });\n        }\n        if (direction == 'both' || direction == 'forward') {\n            forwardWalker = new ModelTreeWalker({\n                boundaries: ModelRange._createIn(limitElement),\n                startPosition: position\n            });\n        }\n        for (const data of combineWalkers(backwardWalker, forwardWalker)){\n            const type = data.walker == backwardWalker ? 'elementEnd' : 'elementStart';\n            const value = data.value;\n            if (value.type == type && this.isObject(value.item)) {\n                return ModelRange._createOn(value.item);\n            }\n            if (this.checkChild(value.nextPosition, '$text')) {\n                return new ModelRange(value.nextPosition);\n            }\n        }\n        return null;\n    }\n    /**\n\t * Tries to find position ancestors that allow to insert a given node.\n\t * It starts searching from the given position and goes node by node to the top of the model tree\n\t * as long as a {@link module:engine/model/schema~ModelSchema#isLimit limit element}, an\n\t * {@link module:engine/model/schema~ModelSchema#isObject object element} or a topmost ancestor is not reached.\n\t *\n\t * @param position The position that the search will start from.\n\t * @param node The node for which an allowed parent should be found or its name.\n\t * @returns Allowed parent or null if nothing was found.\n\t */ findAllowedParent(position, node) {\n        let parent = position.parent;\n        while(parent){\n            if (this.checkChild(parent, node)) {\n                return parent;\n            }\n            // Do not split limit elements.\n            if (this.isLimit(parent)) {\n                return null;\n            }\n            parent = parent.parent;\n        }\n        return null;\n    }\n    /**\n\t * Sets attributes allowed by the schema on a given node.\n\t *\n\t * @param node A node to set attributes on.\n\t * @param attributes Attributes keys and values.\n\t * @param writer An instance of the model writer.\n\t */ setAllowedAttributes(node, attributes, writer) {\n        const model = writer.model;\n        for (const [attributeName, attributeValue] of Object.entries(attributes)){\n            if (model.schema.checkAttribute(node, attributeName)) {\n                writer.setAttribute(attributeName, attributeValue, node);\n            }\n        }\n    }\n    /**\n\t * Removes attributes disallowed by the schema.\n\t *\n\t * @param nodes Nodes that will be filtered.\n\t */ removeDisallowedAttributes(nodes, writer) {\n        for (const node of nodes){\n            // When node is a `Text` it has no children, so just filter it out.\n            if (node.is('$text')) {\n                removeDisallowedAttributeFromNode(this, node, writer);\n            } else {\n                const rangeInNode = ModelRange._createIn(node);\n                const positionsInRange = rangeInNode.getPositions();\n                for (const position of positionsInRange){\n                    const item = position.nodeBefore || position.parent;\n                    removeDisallowedAttributeFromNode(this, item, writer);\n                }\n            }\n        }\n    }\n    /**\n\t * Gets attributes of a node that have a given property.\n\t *\n\t * @param node Node to get attributes from.\n\t * @param propertyName Name of the property that attribute must have to return it.\n\t * @param propertyValue Desired value of the property that we want to check.\n\t * When `undefined` attributes will be returned if they have set a given property no matter what the value is. If specified it will\n\t * return attributes which given property's value is equal to this parameter.\n\t * @returns Object with attributes' names as key and attributes' values as value.\n\t */ getAttributesWithProperty(node, propertyName, propertyValue) {\n        const attributes = {};\n        for (const [attributeName, attributeValue] of node.getAttributes()){\n            const attributeProperties = this.getAttributeProperties(attributeName);\n            if (attributeProperties[propertyName] === undefined) {\n                continue;\n            }\n            if (propertyValue === undefined || propertyValue === attributeProperties[propertyName]) {\n                attributes[attributeName] = attributeValue;\n            }\n        }\n        return attributes;\n    }\n    /**\n\t * Creates an instance of the schema context.\n\t */ createContext(context) {\n        return new ModelSchemaContext(context);\n    }\n    _clearCache() {\n        this._compiledDefinitions = null;\n    }\n    _compile() {\n        const definitions = {};\n        const sourceRules = this._sourceDefinitions;\n        const itemNames = Object.keys(sourceRules);\n        for (const itemName of itemNames){\n            definitions[itemName] = compileBaseItemRule(sourceRules[itemName], itemName);\n        }\n        const items = Object.values(definitions);\n        // Sometimes features add rules (allows, disallows) for items that has not been registered yet. We allow that, to make it easier\n        // to put the schema together. However, sometimes these items are never registered. To prevent operating\n        // removeUnregisteredEntries( definitions, items );\n        // 1. Propagate `childItem.allowIn` to `parentItem.allowChildren` and vice versa, so that these properties are completely mirrored\n        // for all children and parents. Do the same for `disallowIn` and `disallowChildren`.\n        for (const item of items){\n            propagateAllowIn(definitions, item);\n            propagateAllowChildren(definitions, item);\n            propagateDisallowIn(definitions, item);\n            propagateDisallowChildren(definitions, item);\n        }\n        // 2. Remove from `allowIn` and `allowChildren` these items which where disallowed by `disallowIn` and `disallowChildren`.\n        // Do the same for attributes. Now we have a clear situation where which item/attribute is allowed. Inheritance is in next steps.\n        for (const item of items){\n            resolveDisallows(definitions, item);\n        }\n        // 3. Compile `item.allowContentOf` property. For each entry in `allowContentOf`, we want to take `allowChildren` and rewrite\n        // them into `item.allowChildren`. `item.disallowChildren` is used to filter out some entries. This way \"own rules\" have higher\n        // priority than \"inherited rules\". Mirroring from step 1. is maintained.\n        for (const item of items){\n            compileAllowContentOf(definitions, item);\n        }\n        // 4. Compile `item.allowWhere` property. For each entry in `allowWhere`, we want to take `allowIn` and rewrite them into\n        // `item.allowIn`. `item.disallowIn` is used to filter out some entries. This way \"own rules\" have higher priority than\n        // \"inherited rules\". Mirroring from step 1. is maintained.\n        for (const item of items){\n            compileAllowWhere(definitions, item);\n        }\n        // 5. Compile `item.allowAttributesOf`. For each entry in `allowAttributesOf`, we want to take `allowAttributes` and rewrite them\n        // into `item.allowAttributes`. `item.disallowAttributes` is used to filter out some entries. This way \"own rules\" have higher\n        // priority than \"inherited rules\".\n        for (const item of items){\n            compileAllowAttributesOf(definitions, item);\n        }\n        // 6. Compile `item.inheritTypesFrom` property. For each entry in `inheritTypesFrom`, we want to take `is*` properties and\n        // set them on `item` (if they are not set yet).\n        for (const item of items){\n            compileInheritPropertiesFrom(definitions, item);\n        }\n        // Compile final definitions. Unnecessary properties are removed and some additional cleaning is applied.\n        this._compiledDefinitions = compileDefinitions(definitions);\n    }\n    _checkContextMatch(context, def) {\n        const parentItem = context.last;\n        // First, check all child checks declared as callbacks.\n        // Note that `_evaluateChildChecks()` will return `undefined` if neither child check was applicable (no decision was made).\n        let isAllowed = this._evaluateChildChecks(context, def);\n        // If the decision was not made inside child check callbacks, then use declarative rules.\n        isAllowed = isAllowed !== undefined ? isAllowed : def.allowIn.includes(parentItem.name);\n        // If the item is not allowed in the `context`, return `false`.\n        if (!isAllowed) {\n            return false;\n        }\n        // If the item is allowed, recursively verify the rest of the `context`.\n        const parentItemDefinition = this.getDefinition(parentItem);\n        const parentContext = context.trimLast();\n        // One of the items in the original `context` did not have a definition specified. In this case, the whole context is disallowed.\n        if (!parentItemDefinition) {\n            return false;\n        }\n        // Whole `context` was verified and passed checks.\n        if (parentContext.length == 0) {\n            return true;\n        }\n        // Verify \"truncated\" parent context. The last item of the original context is now the definition to check.\n        return this._checkContextMatch(parentContext, parentItemDefinition);\n    }\n    /**\n\t * Calls child check callbacks to decide whether `def` is allowed in `context`. It uses both generic and specific (defined for `def`\n\t * item) callbacks. If neither callback makes a decision, `undefined` is returned.\n\t *\n\t * Note that the first callback that makes a decision \"wins\", i.e., if any callback returns `true` or `false`, then the processing\n\t * is over and that result is returned.\n\t */ _evaluateChildChecks(context, def) {\n        const genericChecks = this._customChildChecks.get(this._genericCheckSymbol) || [];\n        const childChecks = this._customChildChecks.get(def.name) || [];\n        for (const check of [\n            ...genericChecks,\n            ...childChecks\n        ]){\n            const result = check(context, def);\n            if (result !== undefined) {\n                return result;\n            }\n        }\n    }\n    /**\n\t * Calls attribute check callbacks to decide whether `attributeName` can be set on the last element of `context`. It uses both\n\t * generic and specific (defined for `attributeName`) callbacks. If neither callback makes a decision, `undefined` is returned.\n\t *\n\t * Note that the first callback that makes a decision \"wins\", i.e., if any callback returns `true` or `false`, then the processing\n\t * is over and that result is returned.\n\t */ _evaluateAttributeChecks(context, attributeName) {\n        const genericChecks = this._customAttributeChecks.get(this._genericCheckSymbol) || [];\n        const childChecks = this._customAttributeChecks.get(attributeName) || [];\n        for (const check of [\n            ...genericChecks,\n            ...childChecks\n        ]){\n            const result = check(context, attributeName);\n            if (result !== undefined) {\n                return result;\n            }\n        }\n    }\n    /**\n\t * Takes a flat range and an attribute name. Traverses the range recursively and deeply to find and return all ranges\n\t * inside the given range on which the attribute can be applied.\n\t *\n\t * This is a helper function for {@link ~ModelSchema#getValidRanges}.\n\t *\n\t * @param range The range to process.\n\t * @param attribute The name of the attribute to check.\n\t * @returns Ranges in which the attribute is allowed.\n\t */ *_getValidRangesForRange(range, attribute) {\n        let start = range.start;\n        let end = range.start;\n        for (const item of range.getItems({\n            shallow: true\n        })){\n            if (item.is('element')) {\n                yield* this._getValidRangesForRange(ModelRange._createIn(item), attribute);\n            }\n            if (!this.checkAttribute(item, attribute)) {\n                if (!start.isEqual(end)) {\n                    yield new ModelRange(start, end);\n                }\n                start = ModelPosition._createAfter(item);\n            }\n            end = ModelPosition._createAfter(item);\n        }\n        if (!start.isEqual(end)) {\n            yield new ModelRange(start, end);\n        }\n    }\n    /**\n\t * Returns a model range which is optimal (in terms of UX) for inserting a widget block.\n\t *\n\t * For instance, if a selection is in the middle of a paragraph, the collapsed range before this paragraph\n\t * will be returned so that it is not split. If the selection is at the end of a paragraph,\n\t * the collapsed range after this paragraph will be returned.\n\t *\n\t * Note: If the selection is placed in an empty block, the range in that block will be returned. If that range\n\t * is then passed to {@link module:engine/model/model~Model#insertContent}, the block will be fully replaced\n\t * by the inserted widget block.\n\t *\n\t * @internal\n\t * @param selection The selection based on which the insertion position should be calculated.\n\t * @param place The place where to look for optimal insertion range.\n\t * The `auto` value will determine itself the best position for insertion.\n\t * The `before` value will try to find a position before selection.\n\t * The `after` value will try to find a position after selection.\n\t * @returns The optimal range.\n\t */ findOptimalInsertionRange(selection, place) {\n        const selectedElement = selection.getSelectedElement();\n        if (selectedElement && this.isObject(selectedElement) && !this.isInline(selectedElement)) {\n            if (place == 'before' || place == 'after') {\n                return new ModelRange(ModelPosition._createAt(selectedElement, place));\n            }\n            return ModelRange._createOn(selectedElement);\n        }\n        const firstBlock = first(selection.getSelectedBlocks());\n        // There are no block elements within ancestors (in the current limit element).\n        if (!firstBlock) {\n            return new ModelRange(selection.focus);\n        }\n        // If inserting into an empty block – return position in that block. It will get\n        // replaced with the image by insertContent(). #42.\n        if (firstBlock.isEmpty) {\n            return new ModelRange(ModelPosition._createAt(firstBlock, 0));\n        }\n        const positionAfter = ModelPosition._createAfter(firstBlock);\n        // If selection is at the end of the block - return position after the block.\n        if (selection.focus.isTouching(positionAfter)) {\n            return new ModelRange(positionAfter);\n        }\n        // Otherwise, return position before the block.\n        return new ModelRange(ModelPosition._createBefore(firstBlock));\n    }\n}\n/**\n * A schema context &ndash; a list of ancestors of a given position in the document.\n *\n * Considering such position:\n *\n * ```xml\n * <$root>\n * \t<blockQuote>\n * \t\t<paragraph>\n * \t\t\t^\n * \t\t</paragraph>\n * \t</blockQuote>\n * </$root>\n * ```\n *\n * The context of this position is its {@link module:engine/model/position~ModelPosition#getAncestors lists of ancestors}:\n *\n *\t\t[ rootElement, blockQuoteElement, paragraphElement ]\n *\n * Contexts are used in the {@link module:engine/model/schema~ModelSchema#event:checkChild `Schema#checkChild`} and\n * {@link module:engine/model/schema~ModelSchema#event:checkAttribute `Schema#checkAttribute`} events as a definition\n * of a place in the document where the check occurs. The context instances are created based on the first arguments\n * of the {@link module:engine/model/schema~ModelSchema#checkChild `Schema#checkChild()`} and\n * {@link module:engine/model/schema~ModelSchema#checkAttribute `Schema#checkAttribute()`} methods so when\n * using these methods you need to use {@link module:engine/model/schema~ModelSchemaContextDefinition}s.\n */ class ModelSchemaContext {\n    _items;\n    /**\n\t * Creates an instance of the context.\n\t */ constructor(context){\n        if (context instanceof ModelSchemaContext) {\n            return context;\n        }\n        let items;\n        if (typeof context == 'string') {\n            items = [\n                context\n            ];\n        } else if (!Array.isArray(context)) {\n            // `context` is item or position.\n            // Position#getAncestors() doesn't accept any parameters but it works just fine here.\n            items = context.getAncestors({\n                includeSelf: true\n            });\n        } else {\n            items = context;\n        }\n        this._items = items.map(mapContextItem);\n    }\n    /**\n\t * The number of items.\n\t */ get length() {\n        return this._items.length;\n    }\n    /**\n\t * The last item (the lowest node).\n\t */ get last() {\n        return this._items[this._items.length - 1];\n    }\n    /**\n\t * Iterable interface.\n\t *\n\t * Iterates over all context items.\n\t */ [Symbol.iterator]() {\n        return this._items[Symbol.iterator]();\n    }\n    /**\n\t * Returns a new schema context instance with an additional item.\n\t *\n\t * Item can be added as:\n\t *\n\t * ```ts\n\t * const context = new ModelSchemaContext( [ '$root' ] );\n\t *\n\t * // An element.\n\t * const fooElement = writer.createElement( 'fooElement' );\n\t * const newContext = context.push( fooElement ); // [ '$root', 'fooElement' ]\n\t *\n\t * // A text node.\n\t * const text = writer.createText( 'foobar' );\n\t * const newContext = context.push( text ); // [ '$root', '$text' ]\n\t *\n\t * // A string (element name).\n\t * const newContext = context.push( 'barElement' ); // [ '$root', 'barElement' ]\n\t * ```\n\t *\n\t * **Note** {@link module:engine/model/node~ModelNode} that is already in the model tree will be added as the only item\n\t * (without ancestors).\n\t *\n\t * @param item An item that will be added to the current context.\n\t * @returns A new schema context instance with an additional item.\n\t */ push(item) {\n        const ctx = new ModelSchemaContext([\n            item\n        ]);\n        ctx._items = [\n            ...this._items,\n            ...ctx._items\n        ];\n        return ctx;\n    }\n    /**\n\t * Returns a new schema context that is based on this context but has the last item removed.\n\t *\n\t * ```ts\n\t * const ctxParagraph = new ModelSchemaContext( [ '$root', 'blockQuote', 'paragraph' ] );\n\t * const ctxBlockQuote = ctxParagraph.trimLast(); // Items in `ctxBlockQuote` are: `$root` an `blockQuote`.\n\t * const ctxRoot = ctxBlockQuote.trimLast(); // Items in `ctxRoot` are: `$root`.\n\t * ```\n\t *\n\t * @returns A new reduced schema context instance.\n\t */ trimLast() {\n        const ctx = new ModelSchemaContext([]);\n        ctx._items = this._items.slice(0, -1);\n        return ctx;\n    }\n    /**\n\t * Gets an item on the given index.\n\t */ getItem(index) {\n        return this._items[index];\n    }\n    /**\n\t * Returns the names of items.\n\t */ *getNames() {\n        yield* this._items.map((item)=>item.name);\n    }\n    /**\n\t * Checks whether the context ends with the given nodes.\n\t *\n\t * ```ts\n\t * const ctx = new ModelSchemaContext( [ rootElement, paragraphElement, textNode ] );\n\t *\n\t * ctx.endsWith( '$text' ); // -> true\n\t * ctx.endsWith( 'paragraph $text' ); // -> true\n\t * ctx.endsWith( '$root' ); // -> false\n\t * ctx.endsWith( 'paragraph' ); // -> false\n\t * ```\n\t */ endsWith(query) {\n        return Array.from(this.getNames()).join(' ').endsWith(query);\n    }\n    /**\n\t * Checks whether the context starts with the given nodes.\n\t *\n\t * ```ts\n\t * const ctx = new ModelSchemaContext( [ rootElement, paragraphElement, textNode ] );\n\t *\n\t * ctx.endsWith( '$root' ); // -> true\n\t * ctx.endsWith( '$root paragraph' ); // -> true\n\t * ctx.endsWith( '$text' ); // -> false\n\t * ctx.endsWith( 'paragraph' ); // -> false\n\t * ```\n\t */ startsWith(query) {\n        return Array.from(this.getNames()).join(' ').startsWith(query);\n    }\n}\nfunction compileBaseItemRule(sourceItemRules, itemName) {\n    const itemRule = {\n        name: itemName,\n        allowIn: new Set(),\n        allowChildren: new Set(),\n        disallowIn: new Set(),\n        disallowChildren: new Set(),\n        allowContentOf: new Set(),\n        allowWhere: new Set(),\n        allowAttributes: new Set(),\n        disallowAttributes: new Set(),\n        allowAttributesOf: new Set(),\n        inheritTypesFrom: new Set()\n    };\n    copyTypes(sourceItemRules, itemRule);\n    copyProperty(sourceItemRules, itemRule, 'allowIn');\n    copyProperty(sourceItemRules, itemRule, 'allowChildren');\n    copyProperty(sourceItemRules, itemRule, 'disallowIn');\n    copyProperty(sourceItemRules, itemRule, 'disallowChildren');\n    copyProperty(sourceItemRules, itemRule, 'allowContentOf');\n    copyProperty(sourceItemRules, itemRule, 'allowWhere');\n    copyProperty(sourceItemRules, itemRule, 'allowAttributes');\n    copyProperty(sourceItemRules, itemRule, 'disallowAttributes');\n    copyProperty(sourceItemRules, itemRule, 'allowAttributesOf');\n    copyProperty(sourceItemRules, itemRule, 'inheritTypesFrom');\n    resolveInheritAll(sourceItemRules, itemRule);\n    return itemRule;\n}\nfunction propagateAllowIn(definitions, item) {\n    for (const parentName of item.allowIn){\n        const parentItem = definitions[parentName];\n        if (parentItem) {\n            parentItem.allowChildren.add(item.name);\n        } else {\n            item.allowIn.delete(parentName);\n        }\n    }\n}\nfunction propagateAllowChildren(definitions, item) {\n    for (const childName of item.allowChildren){\n        const childItem = definitions[childName];\n        if (childItem) {\n            childItem.allowIn.add(item.name);\n        } else {\n            item.allowChildren.delete(childName);\n        }\n    }\n}\nfunction propagateDisallowIn(definitions, item) {\n    for (const parentName of item.disallowIn){\n        const parentItem = definitions[parentName];\n        if (parentItem) {\n            parentItem.disallowChildren.add(item.name);\n        } else {\n            item.disallowIn.delete(parentName);\n        }\n    }\n}\nfunction propagateDisallowChildren(definitions, item) {\n    for (const childName of item.disallowChildren){\n        const childItem = definitions[childName];\n        if (childItem) {\n            childItem.disallowIn.add(item.name);\n        } else {\n            item.disallowChildren.delete(childName);\n        }\n    }\n}\nfunction resolveDisallows(definitions, item) {\n    for (const childName of item.disallowChildren){\n        item.allowChildren.delete(childName);\n    }\n    for (const parentName of item.disallowIn){\n        item.allowIn.delete(parentName);\n    }\n    for (const attributeName of item.disallowAttributes){\n        item.allowAttributes.delete(attributeName);\n    }\n}\nfunction compileAllowContentOf(definitions, item) {\n    for (const allowContentOfItemName of item.allowContentOf){\n        const baseItem = definitions[allowContentOfItemName];\n        if (!baseItem) {\n            continue;\n        }\n        // Copy `disallowChildren` to propagate this \"knowledge\" down the inheritance chain. The inheritance may involve multiple items and\n        // if this is not propagated, then items down the chain may start to allow for items that were disallowed by previous base items.\n        //\n        // The scenarios were it is important involves multiple inherits both on parent items side and on the child items side.\n        baseItem.disallowChildren.forEach((childName)=>{\n            // Own item's rules takes precedence before inherited.\n            // If the item directly allows for given child, ignore that base item disallowed that child.\n            if (item.allowChildren.has(childName)) {\n                return;\n            }\n            item.disallowChildren.add(childName);\n            definitions[childName].disallowIn.add(item.name);\n        });\n        // Copy `allowChildren` from the base item to allow for the same items.\n        baseItem.allowChildren.forEach((childName)=>{\n            // Own item's rules takes precedence before inherited.\n            // Also, `item.disallowChildren` might get some new items during inheritance process.\n            if (item.disallowChildren.has(childName)) {\n                return;\n            }\n            item.allowChildren.add(childName);\n            definitions[childName].allowIn.add(item.name);\n        });\n    }\n}\nfunction compileAllowWhere(definitions, item) {\n    for (const allowWhereItemName of item.allowWhere){\n        const baseItem = definitions[allowWhereItemName];\n        if (!baseItem) {\n            continue;\n        }\n        // Copy `disallowIn` to propagate this \"knowledge\" down the inheritance chain. The inheritance may involve multiple items and\n        // if this is not propagated, then items down the chain may start to be allowed in items in which they were disallowed previously.\n        //\n        // The scenarios were it is important involves multiple inherits both on parent items side and on the child items side.\n        baseItem.disallowIn.forEach((parentName)=>{\n            // Own item's rules takes precedence before inherited.\n            // If the item is directly allowed in given parent, ignore that base item was disallowed in it.\n            if (item.allowIn.has(parentName)) {\n                return;\n            }\n            item.disallowIn.add(parentName);\n            definitions[parentName].disallowChildren.add(item.name);\n        });\n        // Copy `allowIn` from the base item to allow item in same parents.\n        baseItem.allowIn.forEach((parentName)=>{\n            // Own item's rules takes precedence before inherited.\n            // Also, `item.disallowIn` might get some new items during inheritance process.\n            if (item.disallowIn.has(parentName)) {\n                return;\n            }\n            item.allowIn.add(parentName);\n            definitions[parentName].allowChildren.add(item.name);\n        });\n    }\n}\nfunction compileDefinitions(definitions) {\n    const finalDefinitions = {};\n    for (const item of Object.values(definitions)){\n        finalDefinitions[item.name] = {\n            name: item.name,\n            // `is*` properties may not be set - convert `undefined` to `false`.\n            isBlock: !!item.isBlock,\n            isContent: !!item.isContent,\n            isInline: !!item.isInline,\n            isLimit: !!item.isLimit,\n            isObject: !!item.isObject,\n            isSelectable: !!item.isSelectable,\n            // Filter out non-existing items.\n            allowIn: Array.from(item.allowIn).filter((name)=>!!definitions[name]),\n            allowChildren: Array.from(item.allowChildren).filter((name)=>!!definitions[name]),\n            allowAttributes: Array.from(item.allowAttributes)\n        };\n    }\n    return finalDefinitions;\n}\nfunction compileAllowAttributesOf(definitions, item) {\n    for (const allowAttributeOfItemName of item.allowAttributesOf){\n        const baseItem = definitions[allowAttributeOfItemName];\n        if (!baseItem) {\n            return;\n        }\n        baseItem.allowAttributes.forEach((attributeName)=>{\n            if (item.disallowAttributes.has(attributeName)) {\n                return;\n            }\n            item.allowAttributes.add(attributeName);\n        });\n    }\n}\nfunction compileInheritPropertiesFrom(definitions, item) {\n    for (const inheritPropertiesOfItemName of item.inheritTypesFrom){\n        const inheritFrom = definitions[inheritPropertiesOfItemName];\n        if (inheritFrom) {\n            const typeNames = Object.keys(inheritFrom).filter((name)=>name.startsWith('is'));\n            for (const name of typeNames){\n                if (!(name in item)) {\n                    item[name] = inheritFrom[name];\n                }\n            }\n        }\n    }\n}\nfunction copyTypes(sourceItemRules, itemRule) {\n    for (const sourceItemRule of sourceItemRules){\n        const typeNames = Object.keys(sourceItemRule).filter((name)=>name.startsWith('is'));\n        for (const name of typeNames){\n            itemRule[name] = !!sourceItemRule[name];\n        }\n    }\n}\nfunction copyProperty(sourceItemRules, itemRule, propertyName) {\n    for (const sourceItemRule of sourceItemRules){\n        let value = sourceItemRule[propertyName];\n        // `value` can be a string, an array or undefined.\n        // Convert a string to an array with one item, then handle an array. Skip undefined this way.\n        if (typeof value == 'string') {\n            value = [\n                value\n            ];\n        }\n        if (Array.isArray(value)) {\n            value.forEach((singleValue)=>itemRule[propertyName].add(singleValue));\n        }\n    }\n}\nfunction resolveInheritAll(sourceItemRules, itemRule) {\n    for (const sourceItemRule of sourceItemRules){\n        const inheritFrom = sourceItemRule.inheritAllFrom;\n        if (inheritFrom) {\n            itemRule.allowContentOf.add(inheritFrom);\n            itemRule.allowWhere.add(inheritFrom);\n            itemRule.allowAttributesOf.add(inheritFrom);\n            itemRule.inheritTypesFrom.add(inheritFrom);\n        }\n    }\n}\nfunction mapContextItem(ctxItem) {\n    if (typeof ctxItem == 'string' || ctxItem.is('documentFragment')) {\n        return {\n            name: typeof ctxItem == 'string' ? ctxItem : '$documentFragment',\n            *getAttributeKeys () {},\n            getAttribute () {}\n        };\n    } else {\n        return {\n            // '$text' means text nodes and text proxies.\n            name: ctxItem.is('element') ? ctxItem.name : '$text',\n            *getAttributeKeys () {\n                yield* ctxItem.getAttributeKeys();\n            },\n            getAttribute (key) {\n                return ctxItem.getAttribute(key);\n            }\n        };\n    }\n}\n/**\n * Generator function returning values from provided walkers, switching between them at each iteration. If only one walker\n * is provided it will return data only from that walker.\n *\n * @param backward Walker iterating in backward direction.\n * @param forward Walker iterating in forward direction.\n * @returns Object returned at each iteration contains `value` and `walker` (informing which walker returned\n * given value) fields.\n */ function* combineWalkers(backward, forward) {\n    let done = false;\n    while(!done){\n        done = true;\n        if (backward) {\n            const step = backward.next();\n            if (!step.done) {\n                done = false;\n                yield {\n                    walker: backward,\n                    value: step.value\n                };\n            }\n        }\n        if (forward) {\n            const step = forward.next();\n            if (!step.done) {\n                done = false;\n                yield {\n                    walker: forward,\n                    value: step.value\n                };\n            }\n        }\n    }\n}\n/**\n * Takes an array of non-intersecting ranges. For each of them gets minimal flat ranges covering that range and returns\n * all those minimal flat ranges.\n *\n * @param ranges Ranges to process.\n * @returns Minimal flat ranges of given `ranges`.\n */ function* convertToMinimalFlatRanges(ranges) {\n    for (const range of ranges){\n        yield* range.getMinimalFlatRanges();\n    }\n}\nfunction removeDisallowedAttributeFromNode(schema, node, writer) {\n    for (const attribute of node.getAttributeKeys()){\n        if (!schema.checkAttribute(node, attribute)) {\n            writer.removeAttribute(attribute, node);\n        }\n    }\n}\n\n/**\n * Upcast dispatcher is a central point of the view-to-model conversion, which is a process of\n * converting a given {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment} or\n * {@link module:engine/view/element~ViewElement view element} into a correct model structure.\n *\n * During the conversion process, the dispatcher fires events for all {@link module:engine/view/node~ViewNode view nodes}\n * from the converted view document fragment.\n * Special callbacks called \"converters\" should listen to these events in order to convert the view nodes.\n *\n * The second parameter of the callback is the `data` object with the following properties:\n *\n * * `data.viewItem` contains a {@link module:engine/view/node~ViewNode view node} or a\n * {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment}\n * that is converted at the moment and might be handled by the callback.\n * * `data.modelRange` is used to point to the result\n * of the current conversion (e.g. the element that is being inserted)\n * and is always a {@link module:engine/model/range~ModelRange} when the conversion succeeds.\n * * `data.modelCursor` is a {@link module:engine/model/position~ModelPosition position} on which the converter should insert\n * the newly created items.\n *\n * The third parameter of the callback is an instance of {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi}\n * which provides additional tools for converters.\n *\n * You can read more about conversion in the {@glink framework/deep-dive/conversion/upcast Upcast conversion} guide.\n *\n * Examples of event-based converters:\n *\n * ```ts\n * // A converter for links (<a>).\n * editor.data.upcastDispatcher.on( 'element:a', ( evt, data, conversionApi ) => {\n * \tif ( conversionApi.consumable.consume( data.viewItem, { name: true, attributes: [ 'href' ] } ) ) {\n * \t\t// The <a> element is inline and is represented by an attribute in the model.\n * \t\t// This is why you need to convert only children.\n * \t\tconst { modelRange } = conversionApi.convertChildren( data.viewItem, data.modelCursor );\n *\n * \t\tfor ( let item of modelRange.getItems() ) {\n * \t\t\tif ( conversionApi.schema.checkAttribute( item, 'linkHref' ) ) {\n * \t\t\t\tconversionApi.writer.setAttribute( 'linkHref', data.viewItem.getAttribute( 'href' ), item );\n * \t\t\t}\n * \t\t}\n * \t}\n * } );\n *\n * // Convert <p> element's font-size style.\n * // Note: You should use a low-priority observer in order to ensure that\n * // it is executed after the element-to-element converter.\n * editor.data.upcastDispatcher.on( 'element:p', ( evt, data, conversionApi ) => {\n * \tconst { consumable, schema, writer } = conversionApi;\n *\n * \tif ( !consumable.consume( data.viewItem, { style: 'font-size' } ) ) {\n * \t\treturn;\n * \t}\n *\n * \tconst fontSize = data.viewItem.getStyle( 'font-size' );\n *\n * \t// Do not go for the model element after data.modelCursor because it might happen\n * \t// that a single view element was converted to multiple model elements. Get all of them.\n * \tfor ( const item of data.modelRange.getItems( { shallow: true } ) ) {\n * \t\tif ( schema.checkAttribute( item, 'fontSize' ) ) {\n * \t\t\twriter.setAttribute( 'fontSize', fontSize, item );\n * \t\t}\n * \t}\n * }, { priority: 'low' } );\n *\n * // Convert all elements which have no custom converter into a paragraph (autoparagraphing).\n * editor.data.upcastDispatcher.on( 'element', ( evt, data, conversionApi ) => {\n * \t// Check if an element can be converted.\n * \tif ( !conversionApi.consumable.test( data.viewItem, { name: data.viewItem.name } ) ) {\n * \t\t// When an element is already consumed by higher priority converters, do nothing.\n * \t\treturn;\n * \t}\n *\n * \tconst paragraph = conversionApi.writer.createElement( 'paragraph' );\n *\n * \t// Try to safely insert a paragraph at the model cursor - it will find an allowed parent for the current element.\n * \tif ( !conversionApi.safeInsert( paragraph, data.modelCursor ) ) {\n * \t\t// When an element was not inserted, it means that you cannot insert a paragraph at this position.\n * \t\treturn;\n * \t}\n *\n * \t// Consume the inserted element.\n * \tconversionApi.consumable.consume( data.viewItem, { name: data.viewItem.name } ) );\n *\n * \t// Convert the children to a paragraph.\n * \tconst { modelRange } = conversionApi.convertChildren( data.viewItem,  paragraph ) );\n *\n * \t// Update `modelRange` and `modelCursor` in the `data` as a conversion result.\n * \tconversionApi.updateConversionResult( paragraph, data );\n * }, { priority: 'low' } );\n * ```\n *\n * @fires viewCleanup\n * @fires element\n * @fires text\n * @fires documentFragment\n */ class UpcastDispatcher extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * An interface passed by the dispatcher to the event callbacks.\n\t */ conversionApi;\n    /**\n\t * The list of elements that were created during splitting.\n\t *\n\t * After the conversion process, the list is cleared.\n\t */ _splitParts = new Map();\n    /**\n\t * The list of cursor parent elements that were created during splitting.\n\t *\n\t * After the conversion process the list is cleared.\n\t */ _cursorParents = new Map();\n    /**\n\t * The position in the temporary structure where the converted content is inserted. The structure reflects the context of\n\t * the target position where the content will be inserted. This property is built based on the context parameter of the\n\t * convert method.\n\t */ _modelCursor = null;\n    /**\n\t * The list of elements that were created during the splitting but should not get removed on conversion end even if they are empty.\n\t *\n\t * The list is cleared after the conversion process.\n\t */ _emptyElementsToKeep = new Set();\n    /**\n\t * Creates an upcast dispatcher that operates using the passed API.\n\t *\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi\n\t * @param conversionApi Additional properties for an interface that will be passed to events fired\n\t * by the upcast dispatcher.\n\t */ constructor(conversionApi){\n        super();\n        this.conversionApi = {\n            ...conversionApi,\n            consumable: null,\n            writer: null,\n            store: null,\n            convertItem: (viewItem, modelCursor)=>this._convertItem(viewItem, modelCursor),\n            convertChildren: (viewElement, positionOrElement)=>this._convertChildren(viewElement, positionOrElement),\n            safeInsert: (modelNode, position)=>this._safeInsert(modelNode, position),\n            updateConversionResult: (modelElement, data)=>this._updateConversionResult(modelElement, data),\n            // Advanced API - use only if custom position handling is needed.\n            splitToAllowedParent: (modelNode, modelCursor)=>this._splitToAllowedParent(modelNode, modelCursor),\n            getSplitParts: (modelElement)=>this._getSplitParts(modelElement),\n            keepEmptyElement: (modelElement)=>this._keepEmptyElement(modelElement)\n        };\n    }\n    /**\n\t * Starts the conversion process. The entry point for the conversion.\n\t *\n\t * @fires element\n\t * @fires text\n\t * @fires documentFragment\n\t * @param viewElement The part of the view to be converted.\n\t * @param writer An instance of the model writer.\n\t * @param context Elements will be converted according to this context.\n\t * @returns Model data that is the result of the conversion process\n\t * wrapped in `DocumentFragment`. Converted marker elements will be set as the document fragment's\n\t * {@link module:engine/model/documentfragment~ModelDocumentFragment#markers static markers map}.\n\t */ convert(viewElement, writer, context = [\n        '$root'\n    ]) {\n        this.fire('viewCleanup', viewElement);\n        // Create context tree and set position in the top element.\n        // Items will be converted according to this position.\n        this._modelCursor = createContextTree(context, writer);\n        // Store writer in conversion as a conversion API\n        // to be sure that conversion process will use the same batch.\n        this.conversionApi.writer = writer;\n        // Create consumable values list for conversion process.\n        this.conversionApi.consumable = ViewConsumable.createFrom(viewElement);\n        // Custom data stored by converter for conversion process.\n        this.conversionApi.store = {};\n        // Do the conversion.\n        const { modelRange } = this._convertItem(viewElement, this._modelCursor);\n        // Conversion result is always a document fragment so let's create it.\n        const documentFragment = writer.createDocumentFragment();\n        // When there is a conversion result.\n        if (modelRange) {\n            // Remove all empty elements that were created while splitting.\n            this._removeEmptyElements();\n            // Move all items that were converted in context tree to the document fragment.\n            const parent = this._modelCursor.parent;\n            const children = parent._removeChildren(0, parent.childCount);\n            documentFragment._insertChild(0, children);\n            // Extract temporary markers elements from model and set as static markers collection.\n            documentFragment.markers = extractMarkersFromModelFragment(documentFragment, writer);\n        }\n        // Clear context position.\n        this._modelCursor = null;\n        // Clear split elements & parents lists.\n        this._splitParts.clear();\n        this._cursorParents.clear();\n        this._emptyElementsToKeep.clear();\n        // Clear conversion API.\n        this.conversionApi.writer = null;\n        this.conversionApi.store = null;\n        // Return fragment as conversion result.\n        return documentFragment;\n    }\n    /**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#convertItem\n\t */ _convertItem(viewItem, modelCursor) {\n        const data = {\n            viewItem,\n            modelCursor,\n            modelRange: null\n        };\n        if (viewItem.is('element')) {\n            this.fire(`element:${viewItem.name}`, data, this.conversionApi);\n        } else if (viewItem.is('$text')) {\n            this.fire('text', data, this.conversionApi);\n        } else {\n            this.fire('documentFragment', data, this.conversionApi);\n        }\n        // Handle incorrect conversion result.\n        if (data.modelRange && !(data.modelRange instanceof ModelRange)) {\n            /**\n\t\t\t * Incorrect conversion result was dropped.\n\t\t\t *\n\t\t\t * {@link module:engine/model/range~ModelRange Model range} should be a conversion result.\n\t\t\t *\n\t\t\t * @error view-conversion-dispatcher-incorrect-result\n\t\t\t */ throw new CKEditorError('view-conversion-dispatcher-incorrect-result', this);\n        }\n        return {\n            modelRange: data.modelRange,\n            modelCursor: data.modelCursor\n        };\n    }\n    /**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#convertChildren\n\t */ _convertChildren(viewItem, elementOrModelCursor) {\n        let nextModelCursor = elementOrModelCursor.is('position') ? elementOrModelCursor : ModelPosition._createAt(elementOrModelCursor, 0);\n        const modelRange = new ModelRange(nextModelCursor);\n        for (const viewChild of Array.from(viewItem.getChildren())){\n            const result = this._convertItem(viewChild, nextModelCursor);\n            if (result.modelRange instanceof ModelRange) {\n                modelRange.end = result.modelRange.end;\n                nextModelCursor = result.modelCursor;\n            }\n        }\n        return {\n            modelRange,\n            modelCursor: nextModelCursor\n        };\n    }\n    /**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#safeInsert\n\t */ _safeInsert(modelNode, position) {\n        // Find allowed parent for element that we are going to insert.\n        // If current parent does not allow to insert element but one of the ancestors does\n        // then split nodes to allowed parent.\n        const splitResult = this._splitToAllowedParent(modelNode, position);\n        // When there is no split result it means that we can't insert element to model tree, so let's skip it.\n        if (!splitResult) {\n            return false;\n        }\n        // Insert element on allowed position.\n        this.conversionApi.writer.insert(modelNode, splitResult.position);\n        return true;\n    }\n    /**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#updateConversionResult\n\t */ _updateConversionResult(modelElement, data) {\n        const parts = this._getSplitParts(modelElement);\n        const writer = this.conversionApi.writer;\n        // Set conversion result range - only if not set already.\n        if (!data.modelRange) {\n            data.modelRange = writer.createRange(writer.createPositionBefore(modelElement), writer.createPositionAfter(parts[parts.length - 1]));\n        }\n        const savedCursorParent = this._cursorParents.get(modelElement);\n        // Now we need to check where the `modelCursor` should be.\n        if (savedCursorParent) {\n            // If we split parent to insert our element then we want to continue conversion in the new part of the split parent.\n            //\n            // before: <allowed><notAllowed>foo[]</notAllowed></allowed>\n            // after:  <allowed><notAllowed>foo</notAllowed> <converted></converted> <notAllowed>[]</notAllowed></allowed>\n            data.modelCursor = writer.createPositionAt(savedCursorParent, 0);\n        } else {\n            // Otherwise just continue after inserted element.\n            data.modelCursor = data.modelRange.end;\n        }\n    }\n    /**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#splitToAllowedParent\n\t */ _splitToAllowedParent(node, modelCursor) {\n        const { schema, writer } = this.conversionApi;\n        // Try to find allowed parent.\n        let allowedParent = schema.findAllowedParent(modelCursor, node);\n        if (allowedParent) {\n            // When current position parent allows to insert node then return this position.\n            if (allowedParent === modelCursor.parent) {\n                return {\n                    position: modelCursor\n                };\n            }\n            // When allowed parent is in context tree (it's outside the converted tree).\n            if (this._modelCursor.parent.getAncestors().includes(allowedParent)) {\n                allowedParent = null;\n            }\n        }\n        if (!allowedParent) {\n            // Check if the node wrapped with a paragraph would be accepted by the schema.\n            if (!isParagraphable(modelCursor, node, schema)) {\n                return null;\n            }\n            return {\n                position: wrapInParagraph(modelCursor, writer)\n            };\n        }\n        // Split element to allowed parent.\n        const splitResult = this.conversionApi.writer.split(modelCursor, allowedParent);\n        // Using the range returned by `model.Writer#split`, we will pair original elements with their split parts.\n        //\n        // The range returned from the writer spans \"over the split\" or, precisely saying, from the end of the original element (the one\n        // that got split) to the beginning of the other part of that element:\n        //\n        // <limit><a><b><c>X[]Y</c></b><a></limit> ->\n        // <limit><a><b><c>X[</c></b></a><a><b><c>]Y</c></b></a>\n        //\n        // After the split there cannot be any full node between the positions in `splitRange`. The positions are touching.\n        // Also, because of how splitting works, it is easy to notice, that \"closing tags\" are in the reverse order than \"opening tags\".\n        // Also, since we split all those elements, each of them has to have the other part.\n        //\n        // With those observations in mind, we will pair the original elements with their split parts by saving \"closing tags\" and matching\n        // them with \"opening tags\" in the reverse order. For that we can use a stack.\n        const stack = [];\n        for (const treeWalkerValue of splitResult.range.getWalker()){\n            if (treeWalkerValue.type == 'elementEnd') {\n                stack.push(treeWalkerValue.item);\n            } else {\n                // There should not be any text nodes after the element is split, so the only other value is `elementStart`.\n                const originalPart = stack.pop();\n                const splitPart = treeWalkerValue.item;\n                this._registerSplitPair(originalPart, splitPart);\n            }\n        }\n        const cursorParent = splitResult.range.end.parent;\n        this._cursorParents.set(node, cursorParent);\n        return {\n            position: splitResult.position,\n            cursorParent\n        };\n    }\n    /**\n\t * Registers that a `splitPart` element is a split part of the `originalPart` element.\n\t *\n\t * The data set by this method is used by {@link #_getSplitParts} and {@link #_removeEmptyElements}.\n\t */ _registerSplitPair(originalPart, splitPart) {\n        if (!this._splitParts.has(originalPart)) {\n            this._splitParts.set(originalPart, [\n                originalPart\n            ]);\n        }\n        const list = this._splitParts.get(originalPart);\n        this._splitParts.set(splitPart, list);\n        list.push(splitPart);\n    }\n    /**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#getSplitParts\n\t */ _getSplitParts(element) {\n        let parts;\n        if (!this._splitParts.has(element)) {\n            parts = [\n                element\n            ];\n        } else {\n            parts = this._splitParts.get(element);\n        }\n        return parts;\n    }\n    /**\n\t * Mark an element that were created during the splitting to not get removed on conversion end even if it is empty.\n\t */ _keepEmptyElement(element) {\n        this._emptyElementsToKeep.add(element);\n    }\n    /**\n\t * Checks if there are any empty elements created while splitting and removes them.\n\t *\n\t * This method works recursively to re-check empty elements again after at least one element was removed in the initial call,\n\t * as some elements might have become empty after other empty elements were removed from them.\n\t */ _removeEmptyElements() {\n        // For every parent, prepare an array of children (empty elements) to remove from it.\n        // Then, in next step, we will remove all children together, which is faster than removing them one by one.\n        const toRemove = new Map();\n        for (const element of this._splitParts.keys()){\n            if (element.isEmpty && !this._emptyElementsToKeep.has(element)) {\n                const children = toRemove.get(element.parent) || [];\n                children.push(element);\n                this._splitParts.delete(element);\n                toRemove.set(element.parent, children);\n            }\n        }\n        for (const [parent, children] of toRemove){\n            parent._removeChildrenArray(children);\n        }\n        if (toRemove.size) {\n            this._removeEmptyElements();\n        }\n    }\n}\n/**\n * Traverses given model item and searches elements which marks marker range. Found element is removed from\n * ModelDocumentFragment but path of this element is stored in a Map which is then returned.\n *\n * @param modelItem Fragment of model.\n * @returns List of static markers.\n */ function extractMarkersFromModelFragment(modelItem, writer) {\n    const markerElements = new Set();\n    const markers = new Map();\n    // Create ModelTreeWalker.\n    const range = ModelRange._createIn(modelItem).getItems();\n    // Walk through ModelDocumentFragment and collect marker elements.\n    for (const item of range){\n        // Check if current element is a marker.\n        if (item.is('element', '$marker')) {\n            markerElements.add(item);\n        }\n    }\n    // Walk through collected marker elements store its path and remove its from the ModelDocumentFragment.\n    for (const markerElement of markerElements){\n        const markerName = markerElement.getAttribute('data-name');\n        const currentPosition = writer.createPositionBefore(markerElement);\n        // When marker of given name is not stored it means that we have found the beginning of the range.\n        if (!markers.has(markerName)) {\n            markers.set(markerName, new ModelRange(currentPosition.clone()));\n        // Otherwise is means that we have found end of the marker range.\n        } else {\n            markers.get(markerName).end = currentPosition.clone();\n        }\n        // Remove marker element from ModelDocumentFragment.\n        writer.remove(markerElement);\n    }\n    return markers;\n}\n/**\n * Creates model fragment according to given context and returns position in the bottom (the deepest) element.\n */ function createContextTree(contextDefinition, writer) {\n    let position;\n    for (const item of new ModelSchemaContext(contextDefinition)){\n        const attributes = {};\n        for (const key of item.getAttributeKeys()){\n            attributes[key] = item.getAttribute(key);\n        }\n        const current = writer.createElement(item.name, attributes);\n        if (position) {\n            writer.insert(current, position);\n        }\n        position = ModelPosition._createAt(current, 0);\n    }\n    return position;\n}\n\n/**\n * Basic HTML writer. It uses the native `innerHTML` property for basic conversion\n * from a document fragment to an HTML string.\n *\n * @internal\n */ class BasicHtmlWriter {\n    /**\n\t * Returns an HTML string created from the document fragment.\n\t */ getHtml(fragment) {\n        const doc = global.document.implementation.createHTMLDocument('');\n        const container = doc.createElement('div');\n        container.appendChild(fragment);\n        return container.innerHTML;\n    }\n}\n\n/**\n * The HTML data processor class.\n * This data processor implementation uses HTML as input and output data.\n */ class HtmlDataProcessor {\n    /**\n\t * A DOM parser instance used to parse an HTML string to an HTML document.\n\t */ domParser;\n    /**\n\t * A DOM converter used to convert DOM elements to view elements.\n\t */ domConverter;\n    /**\n\t * A basic HTML writer instance used to convert DOM elements to an HTML string.\n\t */ htmlWriter;\n    skipComments = true;\n    /**\n\t * Creates a new instance of the HTML data processor class.\n\t *\n\t * @param document The view document instance.\n\t */ constructor(document){\n        this.domParser = new DOMParser();\n        this.domConverter = new ViewDomConverter(document, {\n            renderingMode: 'data'\n        });\n        this.htmlWriter = new BasicHtmlWriter();\n    }\n    /**\n\t * Converts a provided {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}\n\t * to data format &ndash; in this case to an HTML string.\n\t *\n\t * @returns HTML string.\n\t */ toData(viewFragment) {\n        // Convert view DocumentFragment to DOM DocumentFragment.\n        const domFragment = this.domConverter.viewToDom(viewFragment);\n        // Convert DOM DocumentFragment to HTML output.\n        return this.htmlWriter.getHtml(domFragment);\n    }\n    /**\n\t * Converts the provided HTML string to a view tree.\n\t *\n\t * @param data An HTML string.\n\t * @returns A converted view element.\n\t */ toView(data) {\n        // Convert input HTML data to DOM DocumentFragment.\n        const domFragment = this._toDom(data);\n        // Convert DOM DocumentFragment to view DocumentFragment.\n        return this.domConverter.domToView(domFragment, {\n            skipComments: this.skipComments\n        });\n    }\n    /**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from the DOM to the view elements.\n\t *\n\t * The raw data can be later accessed by a\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty custom property of a view element} called `\"$rawContent\"`.\n\t *\n\t * @param pattern Pattern matching all view elements whose content should be treated as raw data.\n\t */ registerRawContentMatcher(pattern) {\n        this.domConverter.registerRawContentMatcher(pattern);\n    }\n    /**\n\t * If the processor is set to use marked fillers, it will insert `&nbsp;` fillers wrapped in `<span>` elements\n\t * (`<span data-cke-filler=\"true\">&nbsp;</span>`) instead of regular `&nbsp;` characters.\n\t *\n\t * This mode allows for a more precise handling of the block fillers (so they do not leak into the editor content) but\n\t * bloats the editor data with additional markup.\n\t *\n\t * This mode may be required by some features and will be turned on by them automatically.\n\t *\n\t * @param type Whether to use the default or the marked `&nbsp;` block fillers.\n\t */ useFillerType(type) {\n        this.domConverter.blockFillerMode = type == 'marked' ? 'markedNbsp' : 'nbsp';\n    }\n    /**\n\t * Converts an HTML string to its DOM representation. Returns a document fragment containing nodes parsed from\n\t * the provided data.\n\t */ _toDom(data) {\n        // Wrap data with a <body> tag so leading non-layout nodes (like <script>, <style>, HTML comment)\n        // will be preserved in the body collection.\n        // Do it only for data that is not a full HTML document.\n        if (!/<(?:html|body|head|meta)(?:\\s[^>]*)?>/i.test(data.trim().slice(0, 10_000))) {\n            data = `<body>${data}</body>`;\n        }\n        const document = this.domParser.parseFromString(data, 'text/html');\n        const fragment = document.createDocumentFragment();\n        const bodyChildNodes = document.body.childNodes;\n        while(bodyChildNodes.length > 0){\n            fragment.appendChild(bodyChildNodes[0]);\n        }\n        return fragment;\n    }\n}\n\n/**\n * Controller for the data pipeline. The data pipeline controls how data is retrieved from the document\n * and set inside it. Hence, the controller features two methods which allow to {@link ~DataController#get get}\n * and {@link ~DataController#set set} data of the {@link ~DataController#model model}\n * using the given:\n *\n * * {@link module:engine/dataprocessor/dataprocessor~DataProcessor data processor},\n * * downcast converters,\n * * upcast converters.\n *\n * An instance of the data controller is always available in the {@link module:core/editor/editor~Editor#data `editor.data`}\n * property:\n *\n * ```ts\n * editor.data.get( { rootName: 'customRoot' } ); // -> '<p>Hello!</p>'\n * ```\n */ class DataController extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * Data model.\n\t */ model;\n    /**\n\t * Mapper used for the conversion. It has no permanent bindings, because these are created while getting data and\n\t * are cleared directly after the data are converted. However, the mapper is defined as a class property, because\n\t * it needs to be passed to the `DowncastDispatcher` as a conversion API.\n\t */ mapper;\n    /**\n\t * Downcast dispatcher used by the {@link #get get method}. Downcast converters should be attached to it.\n\t */ downcastDispatcher;\n    /**\n\t * Upcast dispatcher used by the {@link #set set method}. Upcast converters should be attached to it.\n\t */ upcastDispatcher;\n    /**\n\t * The view document used by the data controller.\n\t */ viewDocument;\n    /**\n\t * Styles processor used during the conversion.\n\t */ stylesProcessor;\n    /**\n\t * Data processor used specifically for HTML conversion.\n\t */ htmlProcessor;\n    /**\n\t * Data processor used during the conversion.\n\t * Same instance as {@link #htmlProcessor} by default. Can be replaced at run time to handle different format, e.g. XML or Markdown.\n\t */ processor;\n    /**\n\t * The view downcast writer just for data conversion purposes, i.e. to modify\n\t * the {@link #viewDocument}.\n\t */ _viewWriter;\n    /**\n\t * Creates a data controller instance.\n\t *\n\t * @param model Data model.\n\t * @param stylesProcessor The styles processor instance.\n\t */ constructor(model, stylesProcessor){\n        super();\n        this.model = model;\n        this.mapper = new Mapper();\n        this.downcastDispatcher = new DowncastDispatcher({\n            mapper: this.mapper,\n            schema: model.schema\n        });\n        this.downcastDispatcher.on('insert:$text', insertText(), {\n            priority: 'lowest'\n        });\n        this.downcastDispatcher.on('insert', insertAttributesAndChildren(), {\n            priority: 'lowest'\n        });\n        this.upcastDispatcher = new UpcastDispatcher({\n            schema: model.schema\n        });\n        this.viewDocument = new ViewDocument(stylesProcessor);\n        this.stylesProcessor = stylesProcessor;\n        this.htmlProcessor = new HtmlDataProcessor(this.viewDocument);\n        this.processor = this.htmlProcessor;\n        this._viewWriter = new ViewDowncastWriter(this.viewDocument);\n        // Define default converters for text and elements.\n        //\n        // Note that if there is no default converter for the element it will be skipped, for instance `<b>foo</b>` will be\n        // converted to nothing. We therefore add `convertToModelFragment` as a last converter so it converts children of that\n        // element to the document fragment so `<b>foo</b>` will still be converted to `foo` even if there is no converter for `<b>`.\n        this.upcastDispatcher.on('text', convertText(), {\n            priority: 'lowest'\n        });\n        this.upcastDispatcher.on('element', convertToModelFragment$1(), {\n            priority: 'lowest'\n        });\n        this.upcastDispatcher.on('documentFragment', convertToModelFragment$1(), {\n            priority: 'lowest'\n        });\n        ObservableMixin().prototype.decorate.call(this, 'init');\n        ObservableMixin().prototype.decorate.call(this, 'set');\n        ObservableMixin().prototype.decorate.call(this, 'get');\n        ObservableMixin().prototype.decorate.call(this, 'toView');\n        ObservableMixin().prototype.decorate.call(this, 'toModel');\n        // Fire the `ready` event when the initialization has completed. Such low-level listener offers the possibility\n        // to plug into the initialization pipeline without interrupting the initialization flow.\n        this.on('init', ()=>{\n            this.fire('ready');\n        }, {\n            priority: 'lowest'\n        });\n        // Fix empty roots after DataController is 'ready' (note that the init method could be decorated and stopped).\n        // We need to handle this event because initial data could be empty and the post-fixer would not get triggered.\n        this.on('ready', ()=>{\n            this.model.enqueueChange({\n                isUndoable: false\n            }, autoParagraphEmptyRoots);\n        }, {\n            priority: 'lowest'\n        });\n    }\n    /**\n\t * Returns the model's data converted by downcast dispatchers attached to {@link #downcastDispatcher} and\n\t * formatted by the {@link #processor data processor}.\n\t *\n\t * A warning is logged when you try to retrieve data for a detached root, as most probably this is a mistake. A detached root should\n\t * be treated like it is removed, and you should not save its data. Note, that the detached root data is always an empty string.\n\t *\n\t * @fires get\n\t * @param options Additional configuration for the retrieved data. `DataController` provides two optional\n\t * properties: `rootName` and `trim`. Other properties of this object are specified by various editor features.\n\t * @param options.rootName Root name. Default 'main'.\n\t * @param options.trim Whether returned data should be trimmed. This option is set to `empty` by default,\n\t * which means whenever editor content is considered empty, an empty string will be returned. To turn off trimming completely\n\t * use `'none'`. In such cases the exact content will be returned (for example a `<p>&nbsp;</p>` for an empty editor).\n\t * @returns Output data.\n\t */ get(options = {}) {\n        const { rootName = 'main', trim = 'empty' } = options;\n        if (!this._checkIfRootsExists([\n            rootName\n        ])) {\n            /**\n\t\t\t * Cannot get data from a non-existing root. This error is thrown when\n\t\t\t * {@link module:engine/controller/datacontroller~DataController#get `DataController#get()` method}\n\t\t\t * is called with a non-existent root name. For example, if there is an editor instance with only `main` root,\n\t\t\t * calling {@link module:engine/controller/datacontroller~DataController#get} like:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * data.get( { rootName: 'root2' } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * will throw this error.\n\t\t\t *\n\t\t\t * @error datacontroller-get-non-existent-root\n\t\t\t */ throw new CKEditorError('datacontroller-get-non-existent-root', this);\n        }\n        const root = this.model.document.getRoot(rootName);\n        if (!root.isAttached()) {\n            /**\n\t\t\t * Retrieving document data for a detached root.\n\t\t\t *\n\t\t\t * This usually indicates an error as a detached root should be considered \"removed\" and should not be included in the\n\t\t\t * document data.\n\t\t\t *\n\t\t\t * @error datacontroller-get-detached-root\n\t\t\t */ logWarning('datacontroller-get-detached-root', this);\n        }\n        if (trim === 'empty' && !this.model.hasContent(root, {\n            ignoreWhitespaces: true\n        })) {\n            return '';\n        }\n        return this.stringify(root, options);\n    }\n    /**\n\t * Returns the content of the given {@link module:engine/model/element~ModelElement model's element} or\n\t * {@link module:engine/model/documentfragment~ModelDocumentFragment model document fragment} converted by the downcast converters\n\t * attached to the {@link #downcastDispatcher} and formatted by the {@link #processor data processor}.\n\t *\n\t * @param modelElementOrFragment The element whose content will be stringified.\n\t * @param options Additional configuration passed to the conversion process.\n\t * @returns Output data.\n\t */ stringify(modelElementOrFragment, options = {}) {\n        // Model -> view.\n        const viewDocumentFragment = this.toView(modelElementOrFragment, options);\n        // View -> data.\n        return this.processor.toData(viewDocumentFragment);\n    }\n    /**\n\t * Returns the content of the given {@link module:engine/model/element~ModelElement model element} or\n\t * {@link module:engine/model/documentfragment~ModelDocumentFragment model document fragment} converted by the downcast\n\t * converters attached to {@link #downcastDispatcher} into a\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment}.\n\t *\n\t * @fires toView\n\t * @param modelElementOrFragment Element or document fragment whose content will be converted.\n\t * @param options Additional configuration that will be available through the\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi#options} during the conversion process.\n\t * @returns Output view ModelDocumentFragment.\n\t */ toView(modelElementOrFragment, options = {}) {\n        const viewDocument = this.viewDocument;\n        const viewWriter = this._viewWriter;\n        // Clear bindings so the call to this method returns correct results.\n        this.mapper.clearBindings();\n        // First, convert elements.\n        const modelRange = ModelRange._createIn(modelElementOrFragment);\n        const viewDocumentFragment = new ViewDocumentFragment(viewDocument);\n        this.mapper.bindElements(modelElementOrFragment, viewDocumentFragment);\n        // Prepare list of markers.\n        // For document fragment, simply take the markers assigned to this document fragment.\n        // For model root, all markers in that root will be taken.\n        // For model element, we need to check which markers are intersecting with this element and relatively modify the markers' ranges.\n        // Collapsed markers at element boundary, although considered as not intersecting with the element, will also be returned.\n        const markers = modelElementOrFragment.is('documentFragment') ? modelElementOrFragment.markers : _getMarkersRelativeToElement(modelElementOrFragment);\n        this.downcastDispatcher.convert(modelRange, markers, viewWriter, options);\n        return viewDocumentFragment;\n    }\n    /**\n\t * Sets the initial input data parsed by the {@link #processor data processor} and\n\t * converted by the {@link #upcastDispatcher view-to-model converters}.\n\t * Initial data can be only set to a document whose {@link module:engine/model/document~ModelDocument#version} is equal 0.\n\t *\n\t * **Note** This method is {@link module:utils/observablemixin~Observable#decorate decorated} which is\n\t * used by e.g. collaborative editing plugin that syncs remote data on init.\n\t *\n\t * When data is passed as a string, it is initialized on the default `main` root:\n\t *\n\t * ```ts\n\t * dataController.init( '<p>Foo</p>' ); // Initializes data on the `main` root only, as no other is specified.\n\t * ```\n\t *\n\t * To initialize data on a different root or multiple roots at once, an object containing `rootName` - `data` pairs should be passed:\n\t *\n\t * ```ts\n\t * dataController.init( { main: '<p>Foo</p>', title: '<h1>Bar</h1>' } ); // Initializes data on both the `main` and `title` roots.\n\t * ```\n\t *\n\t * @fires init\n\t * @param data Input data as a string or an object containing the `rootName` - `data`\n\t * pairs to initialize data on multiple roots at once.\n\t * @returns Promise that is resolved after the data is set on the editor.\n\t */ init(data) {\n        if (this.model.document.version) {\n            /**\n\t\t\t * Cannot set initial data to a non-empty {@link module:engine/model/document~ModelDocument}.\n\t\t\t * Initial data should be set once, during the {@link module:core/editor/editor~Editor} initialization,\n\t\t\t * when the {@link module:engine/model/document~ModelDocument#version} is equal 0.\n\t\t\t *\n\t\t\t * @error datacontroller-init-document-not-empty\n\t\t\t */ throw new CKEditorError('datacontroller-init-document-not-empty', this);\n        }\n        let initialData = {};\n        if (typeof data === 'string') {\n            initialData.main = data; // Default root is 'main'. To initiate data on a different root, object should be passed.\n        } else {\n            initialData = data;\n        }\n        if (!this._checkIfRootsExists(Object.keys(initialData))) {\n            /**\n\t\t\t * Cannot init data on a non-existent root. This error is thrown when\n\t\t\t * {@link module:engine/controller/datacontroller~DataController#init DataController#init() method}\n\t\t\t * is called with non-existent root name. For example, if there is an editor instance with only `main` root,\n\t\t\t * calling {@link module:engine/controller/datacontroller~DataController#init} like:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * data.init( { main: '<p>Foo</p>', root2: '<p>Bar</p>' } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * will throw this error.\n\t\t\t *\n\t\t\t * @error datacontroller-init-non-existent-root\n\t\t\t */ throw new CKEditorError('datacontroller-init-non-existent-root', this);\n        }\n        this.model.enqueueChange({\n            isUndoable: false\n        }, (writer)=>{\n            for (const rootName of Object.keys(initialData)){\n                const modelRoot = this.model.document.getRoot(rootName);\n                writer.insert(this.parse(initialData[rootName], modelRoot), modelRoot, 0);\n            }\n        });\n        return Promise.resolve();\n    }\n    /**\n\t * Sets the input data parsed by the {@link #processor data processor} and\n\t * converted by the {@link #upcastDispatcher view-to-model converters}.\n\t * This method can be used any time to replace existing editor data with the new one without clearing the\n\t * {@link module:engine/model/document~ModelDocument#history document history}.\n\t *\n\t * This method also creates a batch with all the changes applied. If all you need is to parse data, use\n\t * the {@link #parse} method.\n\t *\n\t * When data is passed as a string it is set on the default `main` root:\n\t *\n\t * ```ts\n\t * dataController.set( '<p>Foo</p>' ); // Sets data on the `main` root, as no other is specified.\n\t * ```\n\t *\n\t * To set data on a different root or multiple roots at once, an object containing `rootName` - `data` pairs should be passed:\n\t *\n\t * ```ts\n\t * dataController.set( { main: '<p>Foo</p>', title: '<h1>Bar</h1>' } ); // Sets data on the `main` and `title` roots as specified.\n\t * ```\n\t *\n\t * To set the data with a preserved undo stack and add the change to the undo stack, set `{ isUndoable: true }` as a `batchType` option.\n\t *\n\t * ```ts\n\t * dataController.set( '<p>Foo</p>', { batchType: { isUndoable: true } } );\n\t * ```\n\t *\n\t * @fires set\n\t * @param data Input data as a string or an object containing the `rootName` - `data`\n\t * pairs to set data on multiple roots at once.\n\t * @param options Options for setting data.\n\t * @param options.batchType The batch type that will be used to create a batch for the changes applied by this method.\n\t * By default, the batch will be set as {@link module:engine/model/batch~Batch#isUndoable not undoable} and the undo stack will be\n\t * cleared after the new data is applied (all undo steps will be removed). If the batch type `isUndoable` flag is be set to `true`,\n\t * the undo stack will be preserved instead and not cleared when new data is applied.\n\t */ set(data, options = {}) {\n        let newData = {};\n        if (typeof data === 'string') {\n            newData.main = data; // The default root is 'main'. To set data on a different root, an object should be passed.\n        } else {\n            newData = data;\n        }\n        if (!this._checkIfRootsExists(Object.keys(newData))) {\n            /**\n\t\t\t * Cannot set data on a non-existent root. This error is thrown when the\n\t\t\t * {@link module:engine/controller/datacontroller~DataController#set DataController#set() method}\n\t\t\t * is called with non-existent root name. For example, if there is an editor instance with only the default `main` root,\n\t\t\t * calling {@link module:engine/controller/datacontroller~DataController#set} like:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * data.set( { main: '<p>Foo</p>', root2: '<p>Bar</p>' } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * will throw this error.\n\t\t\t *\n\t\t\t * @error datacontroller-set-non-existent-root\n\t\t\t */ throw new CKEditorError('datacontroller-set-non-existent-root', this);\n        }\n        this.model.enqueueChange(options.batchType || {}, (writer)=>{\n            writer.setSelection(null);\n            writer.removeSelectionAttribute(this.model.document.selection.getAttributeKeys());\n            for (const rootName of Object.keys(newData)){\n                // Save to model.\n                const modelRoot = this.model.document.getRoot(rootName);\n                writer.remove(writer.createRangeIn(modelRoot));\n                writer.insert(this.parse(newData[rootName], modelRoot), modelRoot, 0);\n            }\n        });\n    }\n    /**\n\t * Returns the data parsed by the {@link #processor data processor} and then converted by upcast converters\n\t * attached to the {@link #upcastDispatcher}.\n\t *\n\t * @see #set\n\t * @param data Data to parse.\n\t * @param context Base context in which the view will be converted to the model.\n\t * See: {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher#convert}.\n\t * @returns Parsed data.\n\t */ parse(data, context = '$root') {\n        // data -> view\n        const viewDocumentFragment = this.processor.toView(data);\n        // view -> model\n        return this.toModel(viewDocumentFragment, context);\n    }\n    /**\n\t * Returns the result of the given {@link module:engine/view/element~ViewElement view element} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment} converted by the\n\t * {@link #upcastDispatcher view-to-model converters}, wrapped by {@link module:engine/model/documentfragment~ModelDocumentFragment}.\n\t *\n\t * When marker elements were converted during the conversion process, it will be set as a document fragment's\n\t * {@link module:engine/model/documentfragment~ModelDocumentFragment#markers static markers map}.\n\t *\n\t * @fires toModel\n\t * @param viewElementOrFragment The element or document fragment whose content will be converted.\n\t * @param context Base context in which the view will be converted to the model.\n\t * See: {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher#convert}.\n\t * @returns Output document fragment.\n\t */ toModel(viewElementOrFragment, context = '$root') {\n        return this.model.change((writer)=>{\n            return this.upcastDispatcher.convert(viewElementOrFragment, writer, context);\n        });\n    }\n    /**\n\t * Adds the style processor normalization rules.\n\t *\n\t * You can implement your own rules as well as use one of the available processor rules:\n\t *\n\t * * background: {@link module:engine/view/styles/background~addBackgroundStylesRules}\n\t * * border: {@link module:engine/view/styles/border~addBorderStylesRules}\n\t * * margin: {@link module:engine/view/styles/margin~addMarginStylesRules}\n\t * * padding: {@link module:engine/view/styles/padding~addPaddingStylesRules}\n\t */ addStyleProcessorRules(callback) {\n        callback(this.stylesProcessor);\n    }\n    /**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} on an {@link #htmlProcessor htmlProcessor}\n\t * and a {@link #processor processor} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from DOM to view elements.\n\t *\n\t * The raw data can be later accessed by the\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty view element custom property}\n\t * `\"$rawContent\"`.\n\t *\n\t * @param pattern Pattern matching all view elements whose content should be treated as a raw data.\n\t */ registerRawContentMatcher(pattern) {\n        // No need to register the pattern if both the `htmlProcessor` and `processor` are the same instances.\n        if (this.processor && this.processor !== this.htmlProcessor) {\n            this.processor.registerRawContentMatcher(pattern);\n        }\n        this.htmlProcessor.registerRawContentMatcher(pattern);\n    }\n    /**\n\t * Removes all event listeners set by the DataController.\n\t */ destroy() {\n        this.stopListening();\n    }\n    /**\n\t * Checks whether all provided root names are actually existing editor roots.\n\t *\n\t * @param rootNames Root names to check.\n\t * @returns Whether all provided root names are existing editor roots.\n\t */ _checkIfRootsExists(rootNames) {\n        for (const rootName of rootNames){\n            if (!this.model.document.getRoot(rootName)) {\n                return false;\n            }\n        }\n        return true;\n    }\n}\n/**\n * Helper function for downcast conversion.\n *\n * Takes a document element (element that is added to a model document) and checks which markers are inside it. If the marker is collapsed\n * at element boundary, it is considered as contained inside the element and marker range is returned. Otherwise, if the marker is\n * intersecting with the element, the intersection is returned.\n */ function _getMarkersRelativeToElement(element) {\n    const result = [];\n    const doc = element.root.document;\n    if (!doc) {\n        return new Map();\n    }\n    const elementRange = ModelRange._createIn(element);\n    for (const marker of doc.model.markers){\n        const markerRange = marker.getRange();\n        const isMarkerCollapsed = markerRange.isCollapsed;\n        const isMarkerAtElementBoundary = markerRange.start.isEqual(elementRange.start) || markerRange.end.isEqual(elementRange.end);\n        if (isMarkerCollapsed && isMarkerAtElementBoundary) {\n            result.push([\n                marker.name,\n                markerRange\n            ]);\n        } else {\n            const updatedMarkerRange = elementRange.getIntersection(markerRange);\n            if (updatedMarkerRange) {\n                result.push([\n                    marker.name,\n                    updatedMarkerRange\n                ]);\n            }\n        }\n    }\n    // Sort the markers in a stable fashion to ensure that the order in which they are\n    // added to the model's marker collection does not affect how they are\n    // downcast. One particular use case that we are targeting here, is one where\n    // two markers are adjacent but not overlapping, such as an insertion/deletion\n    // suggestion pair representing the replacement of a range of text. In this\n    // case, putting the markers in DOM order causes the first marker's end to be\n    // serialized right after the second marker's start, while putting the markers\n    // in reverse DOM order causes it to be right before the second marker's\n    // start. So, we sort these in a way that ensures non-intersecting ranges are in\n    // reverse DOM order, and intersecting ranges are in something approximating\n    // reverse DOM order (since reverse DOM order doesn't have a precise meaning\n    // when working with intersecting ranges).\n    result.sort(([n1, r1], [n2, r2])=>{\n        if (r1.end.compareWith(r2.start) !== 'after') {\n            // m1.end <= m2.start -- m1 is entirely <= m2\n            return 1;\n        } else if (r1.start.compareWith(r2.end) !== 'before') {\n            // m1.start >= m2.end -- m1 is entirely >= m2\n            return -1;\n        } else {\n            // they overlap, so use their start positions as the primary sort key and\n            // end positions as the secondary sort key\n            switch(r1.start.compareWith(r2.start)){\n                case 'before':\n                    return 1;\n                case 'after':\n                    return -1;\n                default:\n                    switch(r1.end.compareWith(r2.end)){\n                        case 'before':\n                            return 1;\n                        case 'after':\n                            return -1;\n                        default:\n                            return n2.localeCompare(n1);\n                    }\n            }\n        }\n    });\n    return new Map(result);\n}\n\n/**\n * A utility class that helps add converters to upcast and downcast dispatchers.\n *\n * We recommend reading the {@glink framework/deep-dive/conversion/intro editor conversion} guide first to\n * understand the core concepts of the conversion mechanisms.\n *\n * An instance of the conversion manager is available in the\n * {@link module:core/editor/editor~Editor#conversion `editor.conversion`} property\n * and by default has the following groups of dispatchers (i.e. directions of conversion):\n *\n * * `downcast` (editing and data downcasts)\n * * `editingDowncast`\n * * `dataDowncast`\n * * `upcast`\n *\n * # One-way converters\n *\n * To add a converter to a specific group, use the {@link module:engine/conversion/conversion~Conversion#for `for()`}\n * method:\n *\n * ```ts\n * // Add a converter to editing downcast and data downcast.\n * editor.conversion.for( 'downcast' ).elementToElement( config ) );\n *\n * // Add a converter to the data pipepline only:\n * editor.conversion.for( 'dataDowncast' ).elementToElement( dataConversionConfig ) );\n *\n * // And a slightly different one for the editing pipeline:\n * editor.conversion.for( 'editingDowncast' ).elementToElement( editingConversionConfig ) );\n * ```\n *\n * See {@link module:engine/conversion/conversion~Conversion#for `for()`} method documentation to learn more about\n * available conversion helpers and how to use your custom ones.\n *\n * # Two-way converters\n *\n * Besides using one-way converters via the `for()` method, you can also use other methods available in this\n * class to add two-way converters (upcast and downcast):\n *\n * * {@link module:engine/conversion/conversion~Conversion#elementToElement `elementToElement()`} &ndash;\n * Model element to view element and vice versa.\n * * {@link module:engine/conversion/conversion~Conversion#attributeToElement `attributeToElement()`} &ndash;\n * Model attribute to view element and vice versa.\n * * {@link module:engine/conversion/conversion~Conversion#attributeToAttribute `attributeToAttribute()`} &ndash;\n * Model attribute to view attribute and vice versa.\n */ class Conversion {\n    /**\n\t * Maps dispatchers group name to ConversionHelpers instances.\n\t */ _helpers = new Map();\n    _downcast;\n    _upcast;\n    /**\n\t * Creates a new conversion instance.\n\t */ constructor(downcastDispatchers, upcastDispatchers){\n        // Define default 'downcast' & 'upcast' dispatchers groups. Those groups are always available as two-way converters needs them.\n        this._downcast = toArray(downcastDispatchers);\n        this._createConversionHelpers({\n            name: 'downcast',\n            dispatchers: this._downcast,\n            isDowncast: true\n        });\n        this._upcast = toArray(upcastDispatchers);\n        this._createConversionHelpers({\n            name: 'upcast',\n            dispatchers: this._upcast,\n            isDowncast: false\n        });\n    }\n    /**\n\t * Define an alias for registered dispatcher.\n\t *\n\t * ```ts\n\t * const conversion = new Conversion(\n\t * \t[ dataDowncastDispatcher, editingDowncastDispatcher ],\n\t * \tupcastDispatcher\n\t * );\n\t *\n\t * conversion.addAlias( 'dataDowncast', dataDowncastDispatcher );\n\t * ```\n\t *\n\t * @param alias An alias of a dispatcher.\n\t * @param dispatcher Dispatcher which should have an alias.\n\t */ addAlias(alias, dispatcher) {\n        const isDowncast = this._downcast.includes(dispatcher);\n        const isUpcast = this._upcast.includes(dispatcher);\n        if (!isUpcast && !isDowncast) {\n            /**\n\t\t\t * Trying to register an alias for a dispatcher that nas not been registered.\n\t\t\t *\n\t\t\t * @error conversion-add-alias-dispatcher-not-registered\n\t\t\t */ throw new CKEditorError('conversion-add-alias-dispatcher-not-registered', this);\n        }\n        this._createConversionHelpers({\n            name: alias,\n            dispatchers: [\n                dispatcher\n            ],\n            isDowncast\n        });\n    }\n    /**\n\t * Provides a chainable API to assign converters to a conversion dispatchers group.\n\t *\n\t * If the given group name has not been registered, the\n\t * {@link module:utils/ckeditorerror~CKEditorError `conversion-for-unknown-group` error} is thrown.\n\t *\n\t * You can use conversion helpers available directly in the `for()` chain or your custom ones via\n\t * the {@link module:engine/conversion/conversionhelpers~ConversionHelpers#add `add()`} method.\n\t *\n\t * # Using built-in conversion helpers\n\t *\n\t * The `for()` chain comes with a set of conversion helpers which you can use like this:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' )\n\t * \t.elementToElement( config1 )        // Adds an element-to-element downcast converter.\n\t * \t.attributeToElement( config2 );     // Adds an attribute-to-element downcast converter.\n\t *\n\t * editor.conversion.for( 'upcast' )\n\t * \t.elementToAttribute( config3 );     // Adds an element-to-attribute upcast converter.\n\t * ```\n\t *\n\t * Refer to the documentation of built-in conversion helpers to learn about their configuration options.\n\t *\n\t * * downcast (model-to-view) conversion helpers:\n\t *\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`},\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement `attributeToElement()`},\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToAttribute `attributeToAttribute()`}.\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToElement `markerToElement()`}.\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToHighlight `markerToHighlight()`}.\n\t *\n\t * * upcast (view-to-model) conversion helpers:\n\t *\n\t *\t* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToElement `elementToElement()`},\n\t *\t* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToAttribute `elementToAttribute()`},\n\t *\t* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#attributeToAttribute `attributeToAttribute()`}.\n\t *\t* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToMarker `elementToMarker()`}.\n\t *\n\t * # Using custom conversion helpers\n\t *\n\t * If you need to implement an atypical converter, you can do so by calling:\n\t *\n\t * ```ts\n\t * editor.conversion.for( direction ).add( customHelper );\n\t * ```\n\t *\n\t * The `.add()` method takes exactly one parameter, which is a function. This function should accept one parameter that\n\t * is a dispatcher instance. The function should add an actual converter to the passed dispatcher instance.\n\t *\n\t * Example:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).add( dispatcher => {\n\t * \tdispatcher.on( 'element:a',  ( evt, data, conversionApi ) => {\n\t * \t\t// Do something with a view <a> element.\n\t * \t} );\n\t * } );\n\t * ```\n\t *\n\t * Refer to the documentation of {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher}\n\t * and {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} to learn how to write\n\t * custom converters.\n\t *\n\t * @param groupName The name of dispatchers group to add the converters to.\n\t */ for(groupName) {\n        if (!this._helpers.has(groupName)) {\n            /**\n\t\t\t * Trying to add a converter to an unknown dispatchers group.\n\t\t\t *\n\t\t\t * @error conversion-for-unknown-group\n\t\t\t */ throw new CKEditorError('conversion-for-unknown-group', this);\n        }\n        return this._helpers.get(groupName);\n    }\n    /**\n\t * Sets up converters between the model and the view that convert a model element to a view element (and vice versa).\n\t * For example, the model `<paragraph>Foo</paragraph>` is turned into `<p>Foo</p>` in the view.\n\t *\n\t * ```ts\n\t * // A simple conversion from the `paragraph` model element to the `<p>` view element (and vice versa).\n\t * editor.conversion.elementToElement( { model: 'paragraph', view: 'p' } );\n\t *\n\t * // Override other converters by specifying a converter definition with a higher priority.\n\t * editor.conversion.elementToElement( { model: 'paragraph', view: 'div', converterPriority: 'high' } );\n\t *\n\t * // View specified as an object instead of a string.\n\t * editor.conversion.elementToElement( {\n\t * \tmodel: 'fancyParagraph',\n\t * \tview: {\n\t * \t\tname: 'p',\n\t * \t\tclasses: 'fancy'\n\t * \t}\n\t * } );\n\t *\n\t * // Use `upcastAlso` to define other view elements that should also be converted to a `paragraph` element.\n\t * editor.conversion.elementToElement( {\n\t * \tmodel: 'paragraph',\n\t * \tview: 'p',\n\t * \tupcastAlso: [\n\t * \t\t'div',\n\t * \t\t{\n\t * \t\t\t// Any element with the `display: block` style.\n\t * \t\t\tstyles: {\n\t * \t\t\t\tdisplay: 'block'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t]\n\t * } );\n\t *\n\t * // `upcastAlso` set as callback enables a conversion of a wide range of different view elements.\n\t * editor.conversion.elementToElement( {\n\t * \tmodel: 'heading',\n\t * \tview: 'h2',\n\t * \t// Convert \"heading-like\" paragraphs to headings.\n\t * \tupcastAlso: viewElement => {\n\t * \t\tconst fontSize = viewElement.getStyle( 'font-size' );\n\t *\n\t * \t\tif ( !fontSize ) {\n\t * \t\t\treturn null;\n\t * \t\t}\n\t *\n\t * \t\tconst match = fontSize.match( /(\\d+)\\s*px/ );\n\t *\n\t * \t\tif ( !match ) {\n\t * \t\t\treturn null;\n\t * \t\t}\n\t *\n\t * \t\tconst size = Number( match[ 1 ] );\n\t *\n\t * \t\tif ( size > 26 ) {\n\t * \t\t\t// Returned value can be an object with the matched properties.\n\t * \t\t\t// These properties will be \"consumed\" during the conversion.\n\t * \t\t\t// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.\n\t *\n\t * \t\t\treturn { name: true, styles: [ 'font-size' ] };\n\t * \t\t}\n\t *\n\t * \t\treturn null;\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * `definition.model` is a `String` with a model element name to convert from or to.\n\t *\n\t * @param definition The converter definition.\n\t */ elementToElement(definition) {\n        // Set up downcast converter.\n        this.for('downcast').elementToElement(definition);\n        // Set up upcast converter.\n        for (const { model, view } of _getAllUpcastDefinitions(definition)){\n            this.for('upcast').elementToElement({\n                model,\n                view,\n                converterPriority: definition.converterPriority\n            });\n        }\n    }\n    /**\n\t * Sets up converters between the model and the view that convert a model attribute to a view element (and vice versa).\n\t * For example, a model text node with `\"Foo\"` as data and the `bold` attribute will be turned to `<strong>Foo</strong>` in the view.\n\t *\n\t * ```ts\n\t * // A simple conversion from the `bold=true` attribute to the `<strong>` view element (and vice versa).\n\t * editor.conversion.attributeToElement( { model: 'bold', view: 'strong' } );\n\t *\n\t * // Override other converters by specifying a converter definition with a higher priority.\n\t * editor.conversion.attributeToElement( { model: 'bold', view: 'b', converterPriority: 'high' } );\n\t *\n\t * // View specified as an object instead of a string.\n\t * editor.conversion.attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tclasses: 'bold'\n\t * \t}\n\t * } );\n\t *\n\t * // Use `config.model.name` to define the conversion only from a given node type, `$text` in this case.\n\t * // The same attribute on different elements may then be handled by a different converter.\n\t * editor.conversion.attributeToElement( {\n\t * \tmodel: {\n\t * \t\tkey: 'textDecoration',\n\t * \t\tvalues: [ 'underline', 'lineThrough' ],\n\t * \t\tname: '$text'\n\t * \t},\n\t * \tview: {\n\t * \t\tunderline: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'text-decoration': 'underline'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tlineThrough: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'text-decoration': 'line-through'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * // Use `upcastAlso` to define other view elements that should also be converted to the `bold` attribute.\n\t * editor.conversion.attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: 'strong',\n\t * \tupcastAlso: [\n\t * \t\t'b',\n\t * \t\t{\n\t * \t\t\tname: 'span',\n\t * \t\t\tclasses: 'bold'\n\t * \t\t},\n\t * \t\t{\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-weight': 'bold'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tviewElement => {\n\t * \t\t\tconst fontWeight = viewElement.getStyle( 'font-weight' );\n\t *\n\t * \t\t\tif ( viewElement.is( 'element', 'span' ) && fontWeight && /\\d+/.test() && Number( fontWeight ) > 500 ) {\n\t * \t\t\t\t// Returned value can be an object with the matched properties.\n\t * \t\t\t\t// These properties will be \"consumed\" during the conversion.\n\t * \t\t\t\t// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.\n\t *\n\t * \t\t\t\treturn {\n\t * \t\t\t\t\tname: true,\n\t * \t\t\t\t\tstyles: [ 'font-weight' ]\n\t * \t\t\t\t};\n\t * \t\t\t}\n\t * \t\t}\n\t * \t]\n\t * } );\n\t *\n\t * // Conversion from and to a model attribute key whose value is an enum (`fontSize=big|small`).\n\t * // `upcastAlso` set as callback enables a conversion of a wide range of different view elements.\n\t * editor.conversion.attributeToElement( {\n\t * \tmodel: {\n\t * \t\tkey: 'fontSize',\n\t * \t\tvalues: [ 'big', 'small' ]\n\t * \t},\n\t * \tview: {\n\t * \t\tbig: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-size': '1.2em'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tsmall: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-size': '0.8em'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t},\n\t * \tupcastAlso: {\n\t * \t\tbig: viewElement => {\n\t * \t\t\tconst fontSize = viewElement.getStyle( 'font-size' );\n\t *\n\t * \t\t\tif ( !fontSize ) {\n\t * \t\t\t\treturn null;\n\t * \t\t\t}\n\t *\n\t * \t\t\tconst match = fontSize.match( /(\\d+)\\s*px/ );\n\t *\n\t * \t\t\tif ( !match ) {\n\t * \t\t\t\treturn null;\n\t * \t\t\t}\n\t *\n\t * \t\t\tconst size = Number( match[ 1 ] );\n\t *\n\t * \t\t\tif ( viewElement.is( 'element', 'span' ) && size > 10 ) {\n\t * \t\t\t\t// Returned value can be an object with the matched properties.\n\t * \t\t\t\t// These properties will be \"consumed\" during the conversion.\n\t * \t\t\t\t// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.\n\t *\n\t * \t\t\t\treturn { name: true, styles: [ 'font-size' ] };\n\t * \t\t\t}\n\t *\n\t * \t\t\treturn null;\n\t * \t\t},\n\t * \t\tsmall: viewElement => {\n\t * \t\t\tconst fontSize = viewElement.getStyle( 'font-size' );\n\t *\n\t * \t\t\tif ( !fontSize ) {\n\t * \t\t\t\treturn null;\n\t * \t\t\t}\n\t *\n\t * \t\t\tconst match = fontSize.match( /(\\d+)\\s*px/ );\n\t *\n\t * \t\t\tif ( !match ) {\n\t * \t\t\t\treturn null;\n\t * \t\t\t}\n\t *\n\t * \t\t\tconst size = Number( match[ 1 ] );\n\t *\n\t * \t\t\tif ( viewElement.is( 'element', 'span' ) && size < 10 ) {\n\t * \t\t\t\t// Returned value can be an object with the matched properties.\n\t * \t\t\t\t// These properties will be \"consumed\" during the conversion.\n\t * \t\t\t\t// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.\n\t *\n\t * \t\t\t\treturn { name: true, styles: [ 'font-size' ] };\n\t * \t\t\t}\n\t *\n\t * \t\t\treturn null;\n\t * \t\t}\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * The `definition.model` parameter specifies which model attribute should be converted from or to. It can be a `{ key, value }` object\n\t * describing the attribute key and value to convert or a `String` specifying just the attribute key (in such a case\n\t * `value` is set to `true`).\n\t *\n\t * @param definition The converter definition.\n\t */ attributeToElement(definition) {\n        // Set up downcast converter.\n        this.for('downcast').attributeToElement(definition);\n        // Set up upcast converter.\n        for (const { model, view } of _getAllUpcastDefinitions(definition)){\n            this.for('upcast').elementToAttribute({\n                view,\n                model,\n                converterPriority: definition.converterPriority\n            });\n        }\n    }\n    /**\n\t * Sets up converters between the model and the view that convert a model attribute to a view attribute (and vice versa). For example,\n\t * `<imageBlock src='foo.jpg'></imageBlock>` is converted to `<img src='foo.jpg'></img>` (the same attribute key and value).\n\t * This type of converters is intended to be used with {@link module:engine/model/element~ModelElement model element} nodes.\n\t * To convert the text attributes,\n\t * the {@link module:engine/conversion/conversion~Conversion#attributeToElement `attributeToElement converter`}should be set up.\n\t *\n\t * ```ts\n\t * // A simple conversion from the `source` model attribute to the `src` view attribute (and vice versa).\n\t * editor.conversion.attributeToAttribute( { model: 'source', view: 'src' } );\n\t *\n\t * // Attribute values are strictly specified.\n\t * editor.conversion.attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tname: 'imageInline',\n\t * \t\tkey: 'aside',\n\t * \t\tvalues: [ 'aside' ]\n\t * \t},\n\t * \tview: {\n\t * \t\taside: {\n\t * \t\t\tname: 'img',\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: [ 'aside', 'half-size' ]\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * // Set the style attribute.\n\t * editor.conversion.attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tname: 'imageInline',\n\t * \t\tkey: 'aside',\n\t * \t\tvalues: [ 'aside' ]\n\t * \t},\n\t * \tview: {\n\t * \t\taside: {\n\t * \t\t\tname: 'img',\n\t * \t\t\tkey: 'style',\n\t * \t\t\tvalue: {\n\t * \t\t\t\tfloat: 'right',\n\t * \t\t\t\twidth: '50%',\n\t * \t\t\t\tmargin: '5px'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * // Conversion from and to a model attribute key whose value is an enum (`align=right|center`).\n\t * // Use `upcastAlso` to define other view elements that should also be converted to the `align=right` attribute.\n\t * editor.conversion.attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tkey: 'align',\n\t * \t\tvalues: [ 'right', 'center' ]\n\t * \t},\n\t * \tview: {\n\t * \t\tright: {\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: 'align-right'\n\t * \t\t},\n\t * \t\tcenter: {\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: 'align-center'\n\t * \t\t}\n\t * \t},\n\t * \tupcastAlso: {\n\t * \t\tright: {\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'text-align': 'right'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tcenter: {\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'text-align': 'center'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * The `definition.model` parameter specifies which model attribute should be converted from and to.\n\t * It can be a `{ key, [ values ], [ name ] }` object or a `String`, which will be treated like `{ key: definition.model }`.\n\t * The `key` property is the model attribute key to convert from and to.\n\t * The `values` are the possible model attribute values. If the `values` parameter is not set, the model attribute value\n\t * will be the same as the view attribute value.\n\t * If `name` is set, the conversion will be set up only for model elements with the given name.\n\t *\n\t * The `definition.view` parameter specifies which view attribute should be converted from and to.\n\t * It can be a `{ key, value, [ name ] }` object or a `String`, which will be treated like `{ key: definition.view }`.\n\t * The `key` property is the view attribute key to convert from and to.\n\t * The `value` is the view attribute value to convert from and to. If `definition.value` is not set, the view attribute value will be\n\t * the same as the model attribute value.\n\t * If `key` is `'class'`, `value` can be a `String` or an array of `String`s.\n\t * If `key` is `'style'`, `value` is an object with key-value pairs.\n\t * In other cases, `value` is a `String`.\n\t * If `name` is set, the conversion will be set up only for model elements with the given name.\n\t * If `definition.model.values` is set, `definition.view` is an object that assigns values from `definition.model.values`\n\t * to `{ key, value, [ name ] }` objects.\n\t *\n\t * `definition.upcastAlso` specifies which other matching view elements should also be upcast to the given model configuration.\n\t * If `definition.model.values` is set, `definition.upcastAlso` should be an object assigning values from `definition.model.values`\n\t * to {@link module:engine/view/matcher~MatcherPattern}s or arrays of {@link module:engine/view/matcher~MatcherPattern}s.\n\t *\n\t * **Note:** `definition.model` and `definition.view` form should be mirrored, so the same types of parameters should\n\t * be given in both parameters.\n\t *\n\t * @param definition The converter definition.\n\t * @param definition.model The model attribute to convert from and to.\n\t * @param definition.view The view attribute to convert from and to.\n\t * @param definition.upcastAlso Any view element matching `definition.upcastAlso` will also be converted to the given model attribute.\n\t * `definition.upcastAlso` is used only if `config.model.values` is specified.\n\t */ attributeToAttribute(definition) {\n        // Set up downcast converter.\n        this.for('downcast').attributeToAttribute(definition);\n        // Set up upcast converter.\n        for (const { model, view } of _getAllUpcastDefinitions(definition)){\n            this.for('upcast').attributeToAttribute({\n                view,\n                model\n            });\n        }\n    }\n    /**\n\t * Creates and caches conversion helpers for given dispatchers group.\n\t *\n\t * @param options Group name.\n\t * @param options.name Group name.\n\t * @param options.dispatchers Dispatchers to register.\n\t * @param options.isDowncast Whether downcast group.\n\t */ _createConversionHelpers({ name, dispatchers, isDowncast }) {\n        if (this._helpers.has(name)) {\n            /**\n\t\t\t * Trying to register a group name that has already been registered.\n\t\t\t *\n\t\t\t * @error conversion-group-exists\n\t\t\t */ throw new CKEditorError('conversion-group-exists', this);\n        }\n        const helpers = isDowncast ? new DowncastHelpers(dispatchers) : new UpcastHelpers(dispatchers);\n        this._helpers.set(name, helpers);\n    }\n}\n/**\n * Helper function that creates a joint array out of an item passed in `definition.view` and items passed in\n * `definition.upcastAlso`.\n */ function* _getAllUpcastDefinitions(definition) {\n    if (definition.model.values) {\n        for (const value of definition.model.values){\n            const model = {\n                key: definition.model.key,\n                value\n            };\n            const view = definition.view[value];\n            const upcastAlso = definition.upcastAlso ? definition.upcastAlso[value] : undefined;\n            yield* _getUpcastDefinition(model, view, upcastAlso);\n        }\n    } else {\n        yield* _getUpcastDefinition(definition.model, definition.view, definition.upcastAlso);\n    }\n}\nfunction* _getUpcastDefinition(model, view, upcastAlso) {\n    yield {\n        model,\n        view\n    };\n    if (upcastAlso) {\n        for (const upcastAlsoItem of toArray(upcastAlso)){\n            yield {\n                model,\n                view: upcastAlsoItem\n            };\n        }\n    }\n}\n\n/**\n * The XML data processor class.\n * This data processor implementation uses XML as input and output data.\n * This class is needed because unlike HTML, XML allows to use any tag with any value.\n * For example, `<link>Text</link>` is a valid XML but invalid HTML.\n */ class XmlDataProcessor {\n    /**\n\t * A list of namespaces allowed to use in the XML input.\n\t *\n\t * For example, registering namespaces [ 'attribute', 'container' ] allows to use `<attirbute:tagName></attribute:tagName>`\n\t * and `<container:tagName></container:tagName>` input. It is mainly for debugging.\n\t */ namespaces;\n    /**\n\t * DOM parser instance used to parse an XML string to an XML document.\n\t */ domParser;\n    /**\n\t * DOM converter used to convert DOM elements to view elements.\n\t */ domConverter;\n    /**\n\t * A basic HTML writer instance used to convert DOM elements to an XML string.\n\t * There is no need to use a dedicated XML writer because the basic HTML writer works well in this case.\n\t */ htmlWriter;\n    skipComments = true;\n    /**\n\t * Creates a new instance of the XML data processor class.\n\t *\n\t * @param document The view document instance.\n\t * @param options Configuration options.\n\t * @param options.namespaces A list of namespaces allowed to use in the XML input.\n\t */ constructor(document, options = {}){\n        this.namespaces = options.namespaces || [];\n        this.domParser = new DOMParser();\n        this.domConverter = new ViewDomConverter(document, {\n            renderingMode: 'data'\n        });\n        this.htmlWriter = new BasicHtmlWriter();\n    }\n    /**\n\t * Converts the provided {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}\n\t * to data format &ndash; in this case an XML string.\n\t *\n\t * @returns An XML string.\n\t */ toData(viewFragment) {\n        // Convert view DocumentFragment to DOM DocumentFragment.\n        const domFragment = this.domConverter.viewToDom(viewFragment);\n        // Convert DOM DocumentFragment to XML output.\n        // There is no need to use dedicated for XML serializing method because BasicHtmlWriter works well in this case.\n        return this.htmlWriter.getHtml(domFragment);\n    }\n    /**\n\t * Converts the provided XML string to a view tree.\n\t *\n\t * @param data An XML string.\n\t * @returns A converted view element.\n\t */ toView(data) {\n        // Convert input XML data to DOM DocumentFragment.\n        const domFragment = this._toDom(data);\n        // Convert DOM DocumentFragment to view DocumentFragment.\n        return this.domConverter.domToView(domFragment, {\n            keepOriginalCase: true,\n            skipComments: this.skipComments\n        });\n    }\n    /**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from XML to view elements.\n\t *\n\t * The raw data can be later accessed by a\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty custom property of a view element} called `\"$rawContent\"`.\n\t *\n\t * @param pattern Pattern matching all view elements whose content should be treated as raw data.\n\t */ registerRawContentMatcher(pattern) {\n        this.domConverter.registerRawContentMatcher(pattern);\n    }\n    /**\n\t * If the processor is set to use marked fillers, it will insert `&nbsp;` fillers wrapped in `<span>` elements\n\t * (`<span data-cke-filler=\"true\">&nbsp;</span>`) instead of regular `&nbsp;` characters.\n\t *\n\t * This mode allows for a more precise handling of block fillers (so they do not leak into editor content) but\n\t * bloats the editor data with additional markup.\n\t *\n\t * This mode may be required by some features and will be turned on by them automatically.\n\t *\n\t * @param type Whether to use the default or the marked `&nbsp;` block fillers.\n\t */ useFillerType(type) {\n        this.domConverter.blockFillerMode = type == 'marked' ? 'markedNbsp' : 'nbsp';\n    }\n    /**\n\t * Converts an XML string to its DOM representation. Returns a document fragment containing nodes parsed from\n\t * the provided data.\n\t */ _toDom(data) {\n        // Stringify namespaces.\n        const namespaces = this.namespaces.map((nsp)=>`xmlns:${nsp}=\"nsp\"`).join(' ');\n        // Wrap data into root element with optional namespace definitions.\n        data = `<xml ${namespaces}>${data}</xml>`;\n        const parsedDocument = this.domParser.parseFromString(data, 'text/xml');\n        // Parse validation.\n        const parserError = parsedDocument.querySelector('parsererror');\n        if (parserError) {\n            throw new Error('Parse error - ' + parserError.textContent);\n        }\n        const fragment = parsedDocument.createDocumentFragment();\n        const nodes = parsedDocument.documentElement.childNodes;\n        while(nodes.length > 0){\n            fragment.appendChild(nodes[0]);\n        }\n        return fragment;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */ /* eslint-disable @typescript-eslint/no-unused-vars */ /**\n * @module engine/model/operation/operation\n */ /**\n * Abstract base operation class.\n */ class Operation {\n    /**\n\t * {@link module:engine/model/document~ModelDocument#version} on which operation can be applied. If you try to\n\t * {@link module:engine/model/model~Model#applyOperation apply} operation with different base version than the\n\t * {@link module:engine/model/document~ModelDocument#version document version} the\n\t * {@link module:utils/ckeditorerror~CKEditorError model-document-applyOperation-wrong-version} error is thrown.\n\t */ baseVersion;\n    /**\n\t * Defines whether operation is executed on attached or detached {@link module:engine/model/item~ModelItem items}.\n\t */ isDocumentOperation;\n    /**\n\t * {@link module:engine/model/batch~Batch Batch} to which the operation is added or `null` if the operation is not\n\t * added to any batch yet.\n\t *\n\t * Note, that a {@link #isDocumentOperation non-document operation} has this property always set to `null`, and is never added\n\t * to any batch.\n\t */ batch;\n    /**\n\t * Base operation constructor.\n\t *\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */ constructor(baseVersion){\n        this.baseVersion = baseVersion;\n        this.isDocumentOperation = this.baseVersion !== null;\n        this.batch = null;\n    }\n    /**\n\t * Checks whether the operation's parameters are correct and the operation can be correctly executed. Throws\n\t * an error if operation is not valid.\n\t *\n\t * @internal\n\t */ _validate() {}\n    /**\n\t * Custom toJSON method to solve child-parent circular dependencies.\n\t *\n\t * @returns Clone of this object with the operation property replaced with string.\n\t */ toJSON() {\n        // This method creates only a shallow copy, all nested objects should be defined separately.\n        // See https://github.com/ckeditor/ckeditor5-engine/issues/1477.\n        const json = Object.assign({}, this);\n        json.__className = this.constructor.className;\n        // Remove reference to the parent `Batch` to avoid circular dependencies.\n        delete json.batch;\n        // This can be derived from `baseVersion` so we can remove it.\n        delete json.isDocumentOperation;\n        return json;\n    }\n    /**\n\t * Name of the operation class used for serialization.\n\t */ static get className() {\n        return 'Operation';\n    }\n    /**\n\t * Creates `Operation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        return new this(json.baseVersion);\n    }\n}\n\n/**\n * Inserts given nodes at given position.\n *\n * @internal\n * @param position Position at which nodes should be inserted.\n * @param nodes Nodes to insert.\n * @returns Range spanning over inserted elements.\n */ function _insert(position, nodes) {\n    const normalizedNodes = _normalizeNodes(nodes);\n    // We have to count offset before inserting nodes because they can get merged and we would get wrong offsets.\n    const offset = normalizedNodes.reduce((sum, node)=>sum + node.offsetSize, 0);\n    const parent = position.parent;\n    // Insertion might be in a text node, we should split it if that's the case.\n    _splitNodeAtPosition(position);\n    const index = position.index;\n    // Insert nodes at given index. After splitting we have a proper index and insertion is between nodes,\n    // using basic `Element` API.\n    parent._insertChild(index, normalizedNodes);\n    // Merge text nodes, if possible. Merging is needed only at points where inserted nodes \"touch\" \"old\" nodes.\n    _mergeNodesAtIndex(parent, index + normalizedNodes.length);\n    _mergeNodesAtIndex(parent, index);\n    return new ModelRange(position, position.getShiftedBy(offset));\n}\n/**\n * Removed nodes in given range. Only {@link module:engine/model/range~ModelRange#isFlat flat} ranges are accepted.\n *\n * @internal\n * @param range Range containing nodes to remove.\n */ function _remove(range) {\n    if (!range.isFlat) {\n        /**\n\t\t * Trying to remove a range which starts and ends in different element.\n\t\t *\n\t\t * @error operation-utils-remove-range-not-flat\n\t\t */ throw new CKEditorError('operation-utils-remove-range-not-flat', this);\n    }\n    const parent = range.start.parent;\n    // Range may be inside text nodes, we have to split them if that's the case.\n    _splitNodeAtPosition(range.start);\n    _splitNodeAtPosition(range.end);\n    // Remove the text nodes using basic `Element` API.\n    const removed = parent._removeChildren(range.start.index, range.end.index - range.start.index);\n    // Merge text nodes, if possible. After some nodes were removed, node before and after removed range will be\n    // touching at the position equal to the removed range beginning. We check merging possibility there.\n    _mergeNodesAtIndex(parent, range.start.index);\n    return removed;\n}\n/**\n * Moves nodes in given range to given target position. Only {@link module:engine/model/range~ModelRange#isFlat flat} ranges are accepted.\n *\n * @internal\n * @param sourceRange Range containing nodes to move.\n * @param targetPosition Position to which nodes should be moved.\n * @returns Range containing moved nodes.\n */ function _move(sourceRange, targetPosition) {\n    if (!sourceRange.isFlat) {\n        /**\n\t\t * Trying to move a range which starts and ends in different element.\n\t\t *\n\t\t * @error operation-utils-move-range-not-flat\n\t\t */ throw new CKEditorError('operation-utils-move-range-not-flat', this);\n    }\n    const nodes = _remove(sourceRange);\n    // We have to fix `targetPosition` because model changed after nodes from `sourceRange` got removed and\n    // that change might have an impact on `targetPosition`.\n    targetPosition = targetPosition._getTransformedByDeletion(sourceRange.start, sourceRange.end.offset - sourceRange.start.offset);\n    return _insert(targetPosition, nodes);\n}\n/**\n * Sets given attribute on nodes in given range. The attributes are only set on top-level nodes of the range, not on its children.\n *\n * @internal\n * @param range Range containing nodes that should have the attribute set. Must be a flat range.\n * @param key Key of attribute to set.\n * @param value Attribute value.\n */ function _setAttribute(range, key, value) {\n    // Range might start or end in text nodes, so we have to split them.\n    _splitNodeAtPosition(range.start);\n    _splitNodeAtPosition(range.end);\n    // Iterate over all items in the range.\n    for (const item of range.getItems({\n        shallow: true\n    })){\n        // Iterator will return `ModelTextProxy` instances but we know that those text proxies will\n        // always represent full text nodes (this is guaranteed thanks to splitting we did before).\n        // So, we can operate on those text proxies' text nodes.\n        const node = item.is('$textProxy') ? item.textNode : item;\n        if (value !== null) {\n            node._setAttribute(key, value);\n        } else {\n            node._removeAttribute(key);\n        }\n        // After attributes changing it may happen that some text nodes can be merged. Try to merge with previous node.\n        _mergeNodesAtIndex(node.parent, node.index);\n    }\n    // Try to merge last changed node with it's previous sibling (not covered by the loop above).\n    _mergeNodesAtIndex(range.end.parent, range.end.index);\n}\n/**\n * Normalizes given object or an array of objects to an array of {@link module:engine/model/node~ModelNode nodes}. See\n * {@link ~ModelNodeSet NodeSet} for details on how normalization is performed.\n *\n * @internal\n * @param nodes Objects to normalize.\n * @returns Normalized nodes.\n */ function _normalizeNodes(nodes) {\n    const normalized = [];\n    function convert(nodes) {\n        if (typeof nodes == 'string') {\n            normalized.push(new ModelText(nodes));\n        } else if (nodes instanceof ModelTextProxy) {\n            normalized.push(new ModelText(nodes.data, nodes.getAttributes()));\n        } else if (nodes instanceof ModelNode) {\n            normalized.push(nodes);\n        } else if (isIterable(nodes)) {\n            for (const node of nodes){\n                convert(node);\n            }\n        } else ;\n    }\n    convert(nodes);\n    // Merge text nodes.\n    for(let i = 1; i < normalized.length; i++){\n        const node = normalized[i];\n        const prev = normalized[i - 1];\n        if (node instanceof ModelText && prev instanceof ModelText && _haveSameAttributes(node, prev)) {\n            // Doing this instead changing `prev.data` because `data` is readonly.\n            normalized.splice(i - 1, 2, new ModelText(prev.data + node.data, prev.getAttributes()));\n            i--;\n        }\n    }\n    return normalized;\n}\n/**\n * Checks if nodes before and after given index in given element are {@link module:engine/model/text~ModelText text nodes} and\n * merges them into one node if they have same attributes.\n *\n * Merging is done by removing two text nodes and inserting a new text node containing data from both merged text nodes.\n *\n * @param element Parent element of nodes to merge.\n * @param index Index between nodes to merge.\n */ function _mergeNodesAtIndex(element, index) {\n    const nodeBefore = element.getChild(index - 1);\n    const nodeAfter = element.getChild(index);\n    // Check if both of those nodes are text objects with same attributes.\n    if (nodeBefore && nodeAfter && nodeBefore.is('$text') && nodeAfter.is('$text') && _haveSameAttributes(nodeBefore, nodeAfter)) {\n        // Append text of text node after index to the before one.\n        const mergedNode = new ModelText(nodeBefore.data + nodeAfter.data, nodeBefore.getAttributes());\n        // Remove separate text nodes.\n        element._removeChildren(index - 1, 2);\n        // Insert merged text node.\n        element._insertChild(index - 1, mergedNode);\n    }\n}\n/**\n * Checks if given position is in a text node, and if so, splits the text node in two text nodes, each of them\n * containing a part of original text node.\n *\n * @param position Position at which node should be split.\n */ function _splitNodeAtPosition(position) {\n    const textNode = position.textNode;\n    const element = position.parent;\n    if (textNode) {\n        const offsetDiff = position.offset - textNode.startOffset;\n        const index = textNode.index;\n        element._removeChildren(index, 1);\n        const firstPart = new ModelText(textNode.data.substr(0, offsetDiff), textNode.getAttributes());\n        const secondPart = new ModelText(textNode.data.substr(offsetDiff), textNode.getAttributes());\n        element._insertChild(index, [\n            firstPart,\n            secondPart\n        ]);\n    }\n}\n/**\n * Checks whether two given nodes have same attributes.\n *\n * @param nodeA Node to check.\n * @param nodeB Node to check.\n * @returns `true` if nodes have same attributes, `false` otherwise.\n */ function _haveSameAttributes(nodeA, nodeB) {\n    const iteratorA = nodeA.getAttributes();\n    const iteratorB = nodeB.getAttributes();\n    for (const attr of iteratorA){\n        if (attr[1] !== nodeB.getAttribute(attr[0])) {\n            return false;\n        }\n        iteratorB.next();\n    }\n    return iteratorB.next().done;\n}\n\n// @if CK_DEBUG_ENGINE // const ModelRange = require( '../range' ).default;\n/**\n * Operation to move a range of {@link module:engine/model/item~ModelItem model items}\n * to given {@link module:engine/model/position~ModelPosition target position}.\n */ class MoveOperation extends Operation {\n    /**\n\t * Position before the first {@link module:engine/model/item~ModelItem model item} to move.\n\t */ sourcePosition;\n    /**\n\t * Offset size of moved range.\n\t */ howMany;\n    /**\n\t * Position at which moved nodes will be inserted.\n\t */ targetPosition;\n    /**\n\t * Creates a move operation.\n\t *\n\t * @param sourcePosition Position before the first {@link module:engine/model/item~ModelItem model item} to move.\n\t * @param howMany Offset size of moved range. Moved range will start from `sourcePosition` and end at\n\t * `sourcePosition` with offset shifted by `howMany`.\n\t * @param targetPosition Position at which moved nodes will be inserted.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */ constructor(sourcePosition, howMany, targetPosition, baseVersion){\n        super(baseVersion);\n        this.sourcePosition = sourcePosition.clone();\n        // `'toNext'` because `sourcePosition` is a bit like a start of the moved range.\n        this.sourcePosition.stickiness = 'toNext';\n        this.howMany = howMany;\n        this.targetPosition = targetPosition.clone();\n        this.targetPosition.stickiness = 'toNone';\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        if (this.targetPosition.root.rootName == this.sourcePosition.root.rootName) {\n            return 'move';\n        } else if (this.targetPosition.root.rootName == '$graveyard') {\n            return 'remove';\n        } else if (this.sourcePosition.root.rootName == '$graveyard') {\n            return 'reinsert';\n        }\n        return 'move';\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        return [\n            ModelRange._createFromPositionAndShift(this.sourcePosition, this.howMany),\n            ModelRange._createFromPositionAndShift(this.targetPosition, 0)\n        ];\n    }\n    /**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */ clone() {\n        return new MoveOperation(this.sourcePosition, this.howMany, this.targetPosition, this.baseVersion);\n    }\n    /**\n\t * Returns the start position of the moved range after it got moved. This may be different than\n\t * {@link module:engine/model/operation/moveoperation~MoveOperation#targetPosition} in some cases, i.e. when a range is moved\n\t * inside the same parent but {@link module:engine/model/operation/moveoperation~MoveOperation#targetPosition targetPosition}\n\t * is after {@link module:engine/model/operation/moveoperation~MoveOperation#sourcePosition sourcePosition}.\n\t *\n\t * ```\n\t *  vv              vv\n\t * abcdefg ===> adefbcg\n\t *      ^          ^\n\t *      targetPos  movedRangeStart\n\t *      offset 6   offset 4\n\t *```\n\t */ getMovedRangeStart() {\n        return this.targetPosition._getTransformedByDeletion(this.sourcePosition, this.howMany);\n    }\n    /**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */ getReversed() {\n        const newTargetPosition = this.sourcePosition._getTransformedByInsertion(this.targetPosition, this.howMany);\n        return new MoveOperation(this.getMovedRangeStart(), this.howMany, newTargetPosition, this.baseVersion + 1);\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _validate() {\n        const sourceElement = this.sourcePosition.parent;\n        const targetElement = this.targetPosition.parent;\n        const sourceOffset = this.sourcePosition.offset;\n        const targetOffset = this.targetPosition.offset;\n        // Validate whether move operation has correct parameters.\n        // Validation is pretty complex but move operation is one of the core ways to manipulate the document state.\n        // We expect that many errors might be connected with one of scenarios described below.\n        if (sourceOffset + this.howMany > sourceElement.maxOffset) {\n            /**\n\t\t\t * The nodes which should be moved do not exist.\n\t\t\t *\n\t\t\t * @error move-operation-nodes-do-not-exist\n\t\t\t */ throw new CKEditorError('move-operation-nodes-do-not-exist', this);\n        } else if (sourceElement === targetElement && sourceOffset < targetOffset && targetOffset < sourceOffset + this.howMany) {\n            /**\n\t\t\t * Trying to move a range of nodes into the middle of that range.\n\t\t\t *\n\t\t\t * @error move-operation-range-into-itself\n\t\t\t */ throw new CKEditorError('move-operation-range-into-itself', this);\n        } else if (this.sourcePosition.root == this.targetPosition.root) {\n            if (compareArrays(this.sourcePosition.getParentPath(), this.targetPosition.getParentPath()) == 'prefix') {\n                const i = this.sourcePosition.path.length - 1;\n                if (this.targetPosition.path[i] >= sourceOffset && this.targetPosition.path[i] < sourceOffset + this.howMany) {\n                    /**\n\t\t\t\t\t * Trying to move a range of nodes into one of nodes from that range.\n\t\t\t\t\t *\n\t\t\t\t\t * @error move-operation-node-into-itself\n\t\t\t\t\t */ throw new CKEditorError('move-operation-node-into-itself', this);\n                }\n            }\n        }\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _execute() {\n        _move(ModelRange._createFromPositionAndShift(this.sourcePosition, this.howMany), this.targetPosition);\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.sourcePosition = this.sourcePosition.toJSON();\n        json.targetPosition = this.targetPosition.toJSON();\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'MoveOperation';\n    }\n    /**\n\t * Creates `MoveOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        const sourcePosition = ModelPosition.fromJSON(json.sourcePosition, document);\n        const targetPosition = ModelPosition.fromJSON(json.targetPosition, document);\n        return new this(sourcePosition, json.howMany, targetPosition, json.baseVersion);\n    }\n}\n\n/**\n * Operation to insert one or more nodes at given position in the model.\n */ class InsertOperation extends Operation {\n    /**\n\t * Position of insertion.\n\t *\n\t * @readonly\n\t */ position;\n    /**\n\t * List of nodes to insert.\n\t *\n\t * @readonly\n\t */ nodes;\n    /**\n\t * Flag deciding how the operation should be transformed. If set to `true`, nodes might get additional attributes\n\t * during operational transformation. This happens when the operation insertion position is inside of a range\n\t * where attributes have changed.\n\t */ shouldReceiveAttributes;\n    /**\n\t * Creates an insert operation.\n\t *\n\t * @param position Position of insertion.\n\t * @param nodes The list of nodes to be inserted.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */ constructor(position, nodes, baseVersion){\n        super(baseVersion);\n        this.position = position.clone();\n        this.position.stickiness = 'toNone';\n        this.nodes = new ModelNodeList(_normalizeNodes(nodes));\n        this.shouldReceiveAttributes = false;\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        return 'insert';\n    }\n    /**\n\t * Total offset size of inserted nodes.\n\t */ get howMany() {\n        return this.nodes.maxOffset;\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        return this.position.clone();\n    }\n    /**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */ clone() {\n        const nodes = new ModelNodeList([\n            ...this.nodes\n        ].map((node)=>node._clone(true)));\n        const insert = new InsertOperation(this.position, nodes, this.baseVersion);\n        insert.shouldReceiveAttributes = this.shouldReceiveAttributes;\n        return insert;\n    }\n    /**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */ getReversed() {\n        const graveyard = this.position.root.document.graveyard;\n        const gyPosition = new ModelPosition(graveyard, [\n            0\n        ]);\n        return new MoveOperation(this.position, this.nodes.maxOffset, gyPosition, this.baseVersion + 1);\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _validate() {\n        const targetElement = this.position.parent;\n        if (!targetElement || targetElement.maxOffset < this.position.offset) {\n            /**\n\t\t\t * Insertion position is invalid.\n\t\t\t *\n\t\t\t * @error insert-operation-position-invalid\n\t\t\t */ throw new CKEditorError('insert-operation-position-invalid', this);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _execute() {\n        // What happens here is that we want original nodes be passed to writer because we want original nodes\n        // to be inserted to the model. But in InsertOperation, we want to keep those nodes as they were added\n        // to the operation, not modified. For example, text nodes can get merged or cropped while Elements can\n        // get children. It is important that InsertOperation has the copy of original nodes in intact state.\n        const originalNodes = this.nodes;\n        this.nodes = new ModelNodeList([\n            ...originalNodes\n        ].map((node)=>node._clone(true)));\n        _insert(this.position, originalNodes);\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.position = this.position.toJSON();\n        json.nodes = this.nodes.toJSON();\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'InsertOperation';\n    }\n    /**\n\t * Creates `InsertOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        const children = [];\n        for (const child of json.nodes){\n            if (child.name) {\n                // If child has name property, it is an Element.\n                children.push(ModelElement.fromJSON(child));\n            } else {\n                // Otherwise, it is a Text node.\n                children.push(ModelText.fromJSON(child));\n            }\n        }\n        const insert = new InsertOperation(ModelPosition.fromJSON(json.position, document), children, json.baseVersion);\n        insert.shouldReceiveAttributes = json.shouldReceiveAttributes;\n        return insert;\n    }\n}\n\n/**\n * Operation to split {@link module:engine/model/element~ModelElement an element} at given\n * {@link module:engine/model/operation/splitoperation~SplitOperation#splitPosition split position} into two elements,\n * both containing a part of the element's original content.\n */ class SplitOperation extends Operation {\n    /**\n\t * Position at which an element should be split.\n\t */ splitPosition;\n    /**\n\t * Total offset size of elements that are in the split element after `position`.\n\t */ howMany;\n    /**\n\t * Position at which the clone of split element (or element from graveyard) will be inserted.\n\t */ insertionPosition;\n    /**\n\t * Position in the graveyard root before the element which should be used as a parent of the nodes after `position`.\n\t * If it is not set, a copy of the the `position` parent will be used.\n\t *\n\t * The default behavior is to clone the split element. Element from graveyard is used during undo.\n\t */ graveyardPosition;\n    /**\n\t * Creates a split operation.\n\t *\n\t * @param splitPosition Position at which an element should be split.\n\t * @param howMany Total offset size of elements that are in the split element after `position`.\n\t * @param insertionPosition Position at which the clone of split element (or element from graveyard) will be inserted.\n\t * @param graveyardPosition Position in the graveyard root before the element which\n\t * should be used as a parent of the nodes after `position`. If it is not set, a copy of the the `position` parent will be used.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */ constructor(splitPosition, howMany, insertionPosition, graveyardPosition, baseVersion){\n        super(baseVersion);\n        this.splitPosition = splitPosition.clone();\n        // Keep position sticking to the next node. This way any new content added at the place where the element is split\n        // will be left in the original element.\n        this.splitPosition.stickiness = 'toNext';\n        this.howMany = howMany;\n        this.insertionPosition = insertionPosition;\n        this.graveyardPosition = graveyardPosition ? graveyardPosition.clone() : null;\n        if (this.graveyardPosition) {\n            this.graveyardPosition.stickiness = 'toNext';\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        return 'split';\n    }\n    /**\n\t * Position inside the new clone of a split element.\n\t *\n\t * This is a position where nodes that are after the split position will be moved to.\n\t */ get moveTargetPosition() {\n        const path = this.insertionPosition.path.slice();\n        path.push(0);\n        return new ModelPosition(this.insertionPosition.root, path);\n    }\n    /**\n\t * Artificial range that contains all the nodes from the split element that will be moved to the new element.\n\t * The range starts at {@link #splitPosition} and ends in the same parent, at `POSITIVE_INFINITY` offset.\n\t */ get movedRange() {\n        const end = this.splitPosition.getShiftedBy(Number.POSITIVE_INFINITY);\n        return new ModelRange(this.splitPosition, end);\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        // These could be positions but `Selectable` type only supports `Iterable<Range>`.\n        const ranges = [\n            ModelRange._createFromPositionAndShift(this.splitPosition, 0),\n            ModelRange._createFromPositionAndShift(this.insertionPosition, 0)\n        ];\n        if (this.graveyardPosition) {\n            ranges.push(ModelRange._createFromPositionAndShift(this.graveyardPosition, 0));\n        }\n        return ranges;\n    }\n    /**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t *\n\t * @returns Clone of this operation.\n\t */ clone() {\n        return new SplitOperation(this.splitPosition, this.howMany, this.insertionPosition, this.graveyardPosition, this.baseVersion);\n    }\n    /**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */ getReversed() {\n        const graveyard = this.splitPosition.root.document.graveyard;\n        const graveyardPosition = new ModelPosition(graveyard, [\n            0\n        ]);\n        return new MergeOperation(this.moveTargetPosition, this.howMany, this.splitPosition, graveyardPosition, this.baseVersion + 1);\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _validate() {\n        const element = this.splitPosition.parent;\n        const offset = this.splitPosition.offset;\n        // Validate whether split operation has correct parameters.\n        if (!element || element.maxOffset < offset) {\n            /**\n\t\t\t * Split position is invalid.\n\t\t\t *\n\t\t\t * @error split-operation-position-invalid\n\t\t\t */ throw new CKEditorError('split-operation-position-invalid', this);\n        } else if (!element.parent) {\n            /**\n\t\t\t * Cannot split root element.\n\t\t\t *\n\t\t\t * @error split-operation-split-in-root\n\t\t\t */ throw new CKEditorError('split-operation-split-in-root', this);\n        } else if (this.howMany !== Number.NEGATIVE_INFINITY && this.howMany != element.maxOffset - this.splitPosition.offset) {\n            /**\n\t\t\t * Split operation specifies wrong number of nodes to move.\n\t\t\t *\n\t\t\t * @error split-operation-how-many-invalid\n\t\t\t */ throw new CKEditorError('split-operation-how-many-invalid', this);\n        } else if (this.graveyardPosition && !this.graveyardPosition.nodeAfter) {\n            /**\n\t\t\t * Graveyard position invalid.\n\t\t\t *\n\t\t\t * @error split-operation-graveyard-position-invalid\n\t\t\t */ throw new CKEditorError('split-operation-graveyard-position-invalid', this);\n        }\n        this.howMany = this.splitPosition.parent.maxOffset - this.splitPosition.offset;\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _execute() {\n        const splitElement = this.splitPosition.parent;\n        if (this.graveyardPosition) {\n            _move(ModelRange._createFromPositionAndShift(this.graveyardPosition, 1), this.insertionPosition);\n        } else {\n            const newElement = splitElement._clone();\n            _insert(this.insertionPosition, newElement);\n        }\n        const sourceRange = new ModelRange(ModelPosition._createAt(splitElement, this.splitPosition.offset), ModelPosition._createAt(splitElement, splitElement.maxOffset));\n        _move(sourceRange, this.moveTargetPosition);\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.splitPosition = this.splitPosition.toJSON();\n        json.insertionPosition = this.insertionPosition.toJSON();\n        if (this.graveyardPosition) {\n            json.graveyardPosition = this.graveyardPosition.toJSON();\n        }\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'SplitOperation';\n    }\n    /**\n\t * Helper function that returns a default insertion position basing on given `splitPosition`. The default insertion\n\t * position is after the split element.\n\t */ static getInsertionPosition(splitPosition) {\n        const path = splitPosition.path.slice(0, -1);\n        path[path.length - 1]++;\n        return new ModelPosition(splitPosition.root, path, 'toPrevious');\n    }\n    /**\n\t * Creates `SplitOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        const splitPosition = ModelPosition.fromJSON(json.splitPosition, document);\n        const insertionPosition = ModelPosition.fromJSON(json.insertionPosition, document);\n        const graveyardPosition = json.graveyardPosition ? ModelPosition.fromJSON(json.graveyardPosition, document) : null;\n        return new this(splitPosition, json.howMany, insertionPosition, graveyardPosition, json.baseVersion);\n    }\n}\n\n/**\n * Operation to merge two {@link module:engine/model/element~ModelElement elements}.\n *\n * The merged element is the parent of {@link ~MergeOperation#sourcePosition} and it is merged into the parent of\n * {@link ~MergeOperation#targetPosition}. All nodes from the merged element are moved to {@link ~MergeOperation#targetPosition}.\n *\n * The merged element is moved to the graveyard at {@link ~MergeOperation#graveyardPosition}.\n */ class MergeOperation extends Operation {\n    /**\n\t * Position inside the merged element. All nodes from that element after that position will be moved to {@link #targetPosition}.\n\t */ sourcePosition;\n    /**\n\t * Summary offset size of nodes which will be moved from the merged element to the new parent.\n\t */ howMany;\n    /**\n\t * Position which the nodes from the merged elements will be moved to.\n\t */ targetPosition;\n    /**\n\t * Position in graveyard to which the merged element will be moved.\n\t */ graveyardPosition;\n    /**\n\t * Creates a merge operation.\n\t *\n\t * @param sourcePosition Position inside the merged element. All nodes from that\n\t * element after that position will be moved to {@link #targetPosition}.\n\t * @param howMany Summary offset size of nodes which will be moved from the merged element to the new parent.\n\t * @param targetPosition Position which the nodes from the merged elements will be moved to.\n\t * @param graveyardPosition Position in graveyard to which the merged element will be moved.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */ constructor(sourcePosition, howMany, targetPosition, graveyardPosition, baseVersion){\n        super(baseVersion);\n        this.sourcePosition = sourcePosition.clone();\n        // This is, and should always remain, the first position in its parent.\n        this.sourcePosition.stickiness = 'toPrevious';\n        this.howMany = howMany;\n        this.targetPosition = targetPosition.clone();\n        // Except of a rare scenario in `MergeOperation` x `MergeOperation` transformation,\n        // this is, and should always remain, the last position in its parent.\n        this.targetPosition.stickiness = 'toNext';\n        this.graveyardPosition = graveyardPosition.clone();\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        return 'merge';\n    }\n    /**\n\t * Position before the merged element (which will be deleted).\n\t */ get deletionPosition() {\n        return new ModelPosition(this.sourcePosition.root, this.sourcePosition.path.slice(0, -1));\n    }\n    /**\n\t * Artificial range that contains all the nodes from the merged element that will be moved to {@link ~MergeOperation#sourcePosition}.\n\t * The range starts at {@link ~MergeOperation#sourcePosition} and ends in the same parent, at `POSITIVE_INFINITY` offset.\n\t */ get movedRange() {\n        const end = this.sourcePosition.getShiftedBy(Number.POSITIVE_INFINITY);\n        return new ModelRange(this.sourcePosition, end);\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        const mergedElement = this.sourcePosition.parent;\n        return [\n            ModelRange._createOn(mergedElement),\n            // These could be positions but `Selectable` type only supports `Iterable<Range>`.\n            ModelRange._createFromPositionAndShift(this.targetPosition, 0),\n            ModelRange._createFromPositionAndShift(this.graveyardPosition, 0)\n        ];\n    }\n    /**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */ clone() {\n        return new MergeOperation(this.sourcePosition, this.howMany, this.targetPosition, this.graveyardPosition, this.baseVersion);\n    }\n    /**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */ getReversed() {\n        // Positions in this method are transformed by this merge operation because the split operation bases on\n        // the context after this merge operation happened (because split operation reverses it).\n        // So we need to acknowledge that the merge operation happened and those positions changed a little.\n        const targetPosition = this.targetPosition._getTransformedByMergeOperation(this);\n        const path = this.sourcePosition.path.slice(0, -1);\n        const insertionPosition = new ModelPosition(this.sourcePosition.root, path)._getTransformedByMergeOperation(this);\n        return new SplitOperation(targetPosition, this.howMany, insertionPosition, this.graveyardPosition, this.baseVersion + 1);\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _validate() {\n        const sourceElement = this.sourcePosition.parent;\n        const targetElement = this.targetPosition.parent;\n        // Validate whether merge operation has correct parameters.\n        if (!sourceElement.parent) {\n            /**\n\t\t\t * Merge source position is invalid. The element to be merged must have a parent node.\n\t\t\t *\n\t\t\t * @error merge-operation-source-position-invalid\n\t\t\t */ throw new CKEditorError('merge-operation-source-position-invalid', this);\n        } else if (!targetElement.parent) {\n            /**\n\t\t\t * Merge target position is invalid. The element to be merged must have a parent node.\n\t\t\t *\n\t\t\t * @error merge-operation-target-position-invalid\n\t\t\t */ throw new CKEditorError('merge-operation-target-position-invalid', this);\n        } else if (this.howMany !== Number.NEGATIVE_INFINITY && this.howMany != sourceElement.maxOffset) {\n            /**\n\t\t\t * Merge operation specifies wrong number of nodes to move.\n\t\t\t *\n\t\t\t * @error merge-operation-how-many-invalid\n\t\t\t */ throw new CKEditorError('merge-operation-how-many-invalid', this);\n        }\n        this.howMany = this.sourcePosition.parent.maxOffset;\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _execute() {\n        const mergedElement = this.sourcePosition.parent;\n        const sourceRange = ModelRange._createIn(mergedElement);\n        _move(sourceRange, this.targetPosition);\n        _move(ModelRange._createOn(mergedElement), this.graveyardPosition);\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.sourcePosition = json.sourcePosition.toJSON();\n        json.targetPosition = json.targetPosition.toJSON();\n        json.graveyardPosition = json.graveyardPosition.toJSON();\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'MergeOperation';\n    }\n    /**\n\t * Creates `MergeOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        const sourcePosition = ModelPosition.fromJSON(json.sourcePosition, document);\n        const targetPosition = ModelPosition.fromJSON(json.targetPosition, document);\n        const graveyardPosition = ModelPosition.fromJSON(json.graveyardPosition, document);\n        return new this(sourcePosition, json.howMany, targetPosition, graveyardPosition, json.baseVersion);\n    }\n}\n\nclass MarkerOperation extends Operation {\n    /**\n\t * Marker name.\n\t *\n\t * @readonly\n\t */ name;\n    /**\n\t * Marker range before the change.\n\t *\n\t * @readonly\n\t */ oldRange;\n    /**\n\t * Marker range after the change.\n\t *\n\t * @readonly\n\t */ newRange;\n    /**\n\t * Specifies whether the marker operation affects the data produced by the data pipeline\n\t * (is persisted in the editor's data).\n\t *\n\t * @readonly\n\t */ affectsData;\n    /**\n\t * Marker collection on which change should be executed.\n\t */ _markers;\n    /**\n\t * @param name Marker name.\n\t * @param oldRange Marker range before the change.\n\t * @param newRange Marker range after the change.\n\t * @param markers Marker collection on which change should be executed.\n\t * @param affectsData Specifies whether the marker operation affects the data produced by the data pipeline\n\t * (is persisted in the editor's data).\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */ constructor(name, oldRange, newRange, markers, affectsData, baseVersion){\n        super(baseVersion);\n        this.name = name;\n        this.oldRange = oldRange ? oldRange.clone() : null;\n        this.newRange = newRange ? newRange.clone() : null;\n        this.affectsData = affectsData;\n        this._markers = markers;\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        return 'marker';\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        const ranges = [];\n        if (this.oldRange) {\n            ranges.push(this.oldRange.clone());\n        }\n        if (this.newRange) {\n            if (this.oldRange) {\n                ranges.push(...this.newRange.getDifference(this.oldRange));\n            } else {\n                ranges.push(this.newRange.clone());\n            }\n        }\n        return ranges;\n    }\n    /**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */ clone() {\n        return new MarkerOperation(this.name, this.oldRange, this.newRange, this._markers, this.affectsData, this.baseVersion);\n    }\n    /**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */ getReversed() {\n        return new MarkerOperation(this.name, this.newRange, this.oldRange, this._markers, this.affectsData, this.baseVersion + 1);\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _execute() {\n        if (this.newRange) {\n            this._markers._set(this.name, this.newRange, true, this.affectsData);\n        } else {\n            this._markers._remove(this.name);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ toJSON() {\n        const json = super.toJSON();\n        if (this.oldRange) {\n            json.oldRange = this.oldRange.toJSON();\n        }\n        if (this.newRange) {\n            json.newRange = this.newRange.toJSON();\n        }\n        delete json._markers;\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'MarkerOperation';\n    }\n    /**\n\t * Creates `MarkerOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        return new MarkerOperation(json.name, json.oldRange ? ModelRange.fromJSON(json.oldRange, document) : null, json.newRange ? ModelRange.fromJSON(json.newRange, document) : null, document.model.markers, json.affectsData, json.baseVersion);\n    }\n}\n\n/**\n * Operation to change nodes' attribute.\n *\n * Using this class you can add, remove or change value of the attribute.\n */ class AttributeOperation extends Operation {\n    /**\n\t * Range on which operation should be applied.\n\t *\n\t * @readonly\n\t */ range;\n    /**\n\t * Key of an attribute to change or remove.\n\t *\n\t * @readonly\n\t */ key;\n    /**\n\t * Old value of the attribute with given key or `null`, if attribute was not set before.\n\t *\n\t * @readonly\n\t */ oldValue;\n    /**\n\t * New value of the attribute with given key or `null`, if operation should remove attribute.\n\t *\n\t * @readonly\n\t */ newValue;\n    /**\n\t * Creates an operation that changes, removes or adds attributes.\n\t *\n\t * If only `newValue` is set, attribute will be added on a node. Note that all nodes in operation's range must not\n\t * have an attribute with the same key as the added attribute.\n\t *\n\t * If only `oldValue` is set, then attribute with given key will be removed. Note that all nodes in operation's range\n\t * must have an attribute with that key added.\n\t *\n\t * If both `newValue` and `oldValue` are set, then the operation will change the attribute value. Note that all nodes in\n\t * operation's ranges must already have an attribute with given key and `oldValue` as value\n\t *\n\t * @param range Range on which the operation should be applied. Must be a flat range.\n\t * @param key Key of an attribute to change or remove.\n\t * @param oldValue Old value of the attribute with given key or `null`, if attribute was not set before.\n\t * @param newValue New value of the attribute with given key or `null`, if operation should remove attribute.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */ constructor(range, key, oldValue, newValue, baseVersion){\n        super(baseVersion);\n        this.range = range.clone();\n        this.key = key;\n        this.oldValue = oldValue === undefined ? null : oldValue;\n        this.newValue = newValue === undefined ? null : newValue;\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        if (this.oldValue === null) {\n            return 'addAttribute';\n        } else if (this.newValue === null) {\n            return 'removeAttribute';\n        } else {\n            return 'changeAttribute';\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        return this.range.clone();\n    }\n    /**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */ clone() {\n        return new AttributeOperation(this.range, this.key, this.oldValue, this.newValue, this.baseVersion);\n    }\n    /**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */ getReversed() {\n        return new AttributeOperation(this.range, this.key, this.newValue, this.oldValue, this.baseVersion + 1);\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.range = this.range.toJSON();\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _validate() {\n        if (!this.range.isFlat) {\n            /**\n\t\t\t * The range to change is not flat.\n\t\t\t *\n\t\t\t * @error attribute-operation-range-not-flat\n\t\t\t */ throw new CKEditorError('attribute-operation-range-not-flat', this);\n        }\n        for (const item of this.range.getItems({\n            shallow: true\n        })){\n            if (this.oldValue !== null && !isEqual(item.getAttribute(this.key), this.oldValue)) {\n                /**\n\t\t\t\t * Changed node has different attribute value than operation's old attribute value.\n\t\t\t\t *\n\t\t\t\t * @error attribute-operation-wrong-old-value\n\t\t\t\t * @param {module:engine/model/item~ModelItem} root The item element.\n\t\t\t\t * @param {string} key The key of the attribute.\n\t\t\t\t * @param {never} value The value.\n\t\t\t\t */ throw new CKEditorError('attribute-operation-wrong-old-value', this, {\n                    item,\n                    key: this.key,\n                    value: this.oldValue\n                });\n            }\n            if (this.oldValue === null && this.newValue !== null && item.hasAttribute(this.key)) {\n                /**\n\t\t\t\t * The attribute with given key already exists for the given node.\n\t\t\t\t *\n\t\t\t\t * @error attribute-operation-attribute-exists\n\t\t\t\t * @param {module:engine/model/item~ModelItem} root The item element.\n\t\t\t\t * @param {string} key The key of the attribute.\n\t\t\t\t */ throw new CKEditorError('attribute-operation-attribute-exists', this, {\n                    node: item,\n                    key: this.key\n                });\n            }\n        }\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _execute() {\n        // If value to set is same as old value, don't do anything.\n        if (!isEqual(this.oldValue, this.newValue)) {\n            // Execution.\n            _setAttribute(this.range, this.key, this.newValue);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'AttributeOperation';\n    }\n    /**\n\t * Creates `AttributeOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        return new AttributeOperation(ModelRange.fromJSON(json.range, document), json.key, json.oldValue, json.newValue, json.baseVersion);\n    }\n}\n\n/**\n * Operation which is doing nothing (\"empty operation\", \"do-nothing operation\", \"noop\"). This is an operation,\n * which when executed does not change the tree model. It still has some parameters defined for transformation purposes.\n *\n * In most cases this operation is a result of transforming operations. When transformation returns\n * {@link module:engine/model/operation/nooperation~NoOperation} it means that changes done by the transformed operation\n * have already been applied.\n */ class NoOperation extends Operation {\n    get type() {\n        return 'noop';\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        return null;\n    }\n    /**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */ clone() {\n        return new NoOperation(this.baseVersion);\n    }\n    /**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */ getReversed() {\n        return new NoOperation(this.baseVersion + 1);\n    }\n    /** @internal */ _execute() {}\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'NoOperation';\n    }\n}\n\n/**\n * Operation to change element's name.\n *\n * Using this class you can change element's name.\n */ class RenameOperation extends Operation {\n    /**\n\t * Position before an element to change.\n\t */ position;\n    /**\n\t * Current name of the element.\n\t */ oldName;\n    /**\n\t * New name for the element.\n\t */ newName;\n    /**\n\t * Creates an operation that changes element's name.\n\t *\n\t * @param position Position before an element to change.\n\t * @param oldName Current name of the element.\n\t * @param newName New name for the element.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */ constructor(position, oldName, newName, baseVersion){\n        super(baseVersion);\n        this.position = position;\n        // This position sticks to the next node because it is a position before the node that we want to change.\n        this.position.stickiness = 'toNext';\n        this.oldName = oldName;\n        this.newName = newName;\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        return 'rename';\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        return this.position.nodeAfter;\n    }\n    /**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t *\n\t * @returns Clone of this operation.\n\t */ clone() {\n        return new RenameOperation(this.position.clone(), this.oldName, this.newName, this.baseVersion);\n    }\n    /**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */ getReversed() {\n        return new RenameOperation(this.position.clone(), this.newName, this.oldName, this.baseVersion + 1);\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _validate() {\n        const element = this.position.nodeAfter;\n        if (!(element instanceof ModelElement)) {\n            /**\n\t\t\t * Given position is invalid or node after it is not instance of Element.\n\t\t\t *\n\t\t\t * @error rename-operation-wrong-position\n\t\t\t */ throw new CKEditorError('rename-operation-wrong-position', this);\n        } else if (this.oldName !== '' && element.name !== this.oldName) {\n            /**\n\t\t\t * Element to change has different name than operation's old name.\n\t\t\t *\n\t\t\t * @error rename-operation-wrong-name\n\t\t\t */ throw new CKEditorError('rename-operation-wrong-name', this);\n        }\n        this.oldName = element.name;\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _execute() {\n        const element = this.position.nodeAfter;\n        element.name = this.newName;\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.position = this.position.toJSON();\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'RenameOperation';\n    }\n    /**\n\t * Creates `RenameOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        return new RenameOperation(ModelPosition.fromJSON(json.position, document), json.oldName, json.newName, json.baseVersion);\n    }\n}\n\n/**\n * Operation to change root element's attribute. Using this class you can add, remove or change value of the attribute.\n *\n * This operation is needed, because root elements can't be changed through\n * {@link module:engine/model/operation/attributeoperation~AttributeOperation}.\n * It is because {@link module:engine/model/operation/attributeoperation~AttributeOperation}\n * requires a range to change and root element can't\n * be a part of range because every {@link module:engine/model/position~ModelPosition} has to be inside a root.\n * {@link module:engine/model/position~ModelPosition} can't be created before a root element.\n */ class RootAttributeOperation extends Operation {\n    /**\n\t * Root element to change.\n\t */ root;\n    /**\n\t * Key of an attribute to change or remove.\n\t */ key;\n    /**\n\t * Old value of the attribute with given key or `null`, if attribute was not set before.\n\t *\n\t * @readonly\n\t */ oldValue;\n    /**\n\t * New value of the attribute with given key or `null`, if operation should remove attribute.\n\t *\n\t * @readonly\n\t */ newValue;\n    /**\n\t * Creates an operation that changes, removes or adds attributes on root element.\n\t *\n\t * @see module:engine/model/operation/attributeoperation~AttributeOperation\n\t * @param root Root element to change.\n\t * @param key Key of an attribute to change or remove.\n\t * @param oldValue Old value of the attribute with given key or `null`, if attribute was not set before.\n\t * @param newValue New value of the attribute with given key or `null`, if operation should remove attribute.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */ constructor(root, key, oldValue, newValue, baseVersion){\n        super(baseVersion);\n        this.root = root;\n        this.key = key;\n        this.oldValue = oldValue === undefined ? null : oldValue;\n        this.newValue = newValue === undefined ? null : newValue;\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        if (this.oldValue === null) {\n            return 'addRootAttribute';\n        } else if (this.newValue === null) {\n            return 'removeRootAttribute';\n        } else {\n            return 'changeRootAttribute';\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        return this.root;\n    }\n    /**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t *\n\t * @returns Clone of this operation.\n\t */ clone() {\n        return new RootAttributeOperation(this.root, this.key, this.oldValue, this.newValue, this.baseVersion);\n    }\n    /**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */ getReversed() {\n        return new RootAttributeOperation(this.root, this.key, this.newValue, this.oldValue, this.baseVersion + 1);\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _validate() {\n        if (this.root != this.root.root || this.root.is('documentFragment')) {\n            /**\n\t\t\t * The element to change is not a root element.\n\t\t\t *\n\t\t\t * @error rootattribute-operation-not-a-root\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element.\n\t\t\t * @param {string} key The key of the attribute.\n\t\t\t */ throw new CKEditorError('rootattribute-operation-not-a-root', this, {\n                root: this.root,\n                key: this.key\n            });\n        }\n        if (this.oldValue !== null && this.root.getAttribute(this.key) !== this.oldValue) {\n            /**\n\t\t\t * The attribute which should be removed does not exist for the given node.\n\t\t\t *\n\t\t\t * @error rootattribute-operation-wrong-old-value\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element.\n\t\t\t * @param {string} key The key of the attribute.\n\t\t\t */ throw new CKEditorError('rootattribute-operation-wrong-old-value', this, {\n                root: this.root,\n                key: this.key\n            });\n        }\n        if (this.oldValue === null && this.newValue !== null && this.root.hasAttribute(this.key)) {\n            /**\n\t\t\t * The attribute with given key already exists for the given node.\n\t\t\t *\n\t\t\t * @error rootattribute-operation-attribute-exists\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element.\n\t\t\t * @param {string} key The key of the attribute.\n\t\t\t */ throw new CKEditorError('rootattribute-operation-attribute-exists', this, {\n                root: this.root,\n                key: this.key\n            });\n        }\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _execute() {\n        if (this.newValue !== null) {\n            this.root._setAttribute(this.key, this.newValue);\n        } else {\n            this.root._removeAttribute(this.key);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.root = this.root.toJSON();\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'RootAttributeOperation';\n    }\n    /**\n\t * Creates `RootAttributeOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        if (!document.getRoot(json.root)) {\n            /**\n\t\t\t * Cannot create RootAttributeOperation for document. Root with the specified name does not exist.\n\t\t\t *\n\t\t\t * @error rootattribute-operation-fromjson-no-root\n\t\t\t * @param {string} rootName The root name.\n\t\t\t */ throw new CKEditorError('rootattribute-operation-fromjson-no-root', this, {\n                rootName: json.root\n            });\n        }\n        return new RootAttributeOperation(document.getRoot(json.root), json.key, json.oldValue, json.newValue, json.baseVersion);\n    }\n}\n\n/**\n * Operation that creates (or attaches) or detaches a root element.\n */ class RootOperation extends Operation {\n    /**\n\t * Root name to create or detach.\n\t */ rootName;\n    /**\n\t * Root element name.\n\t */ elementName;\n    /**\n\t * Specifies whether the operation adds (`true`) or detaches the root (`false`).\n\t */ isAdd;\n    /**\n\t * Document which owns the root.\n\t */ _document;\n    /**\n\t * Creates an operation that creates or removes a root element.\n\t *\n\t * @param rootName Root name to create or detach.\n\t * @param elementName Root element name.\n\t * @param isAdd Specifies whether the operation adds (`true`) or detaches the root (`false`).\n\t * @param document Document which owns the root.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation can be applied.\n\t */ constructor(rootName, elementName, isAdd, document, baseVersion){\n        super(baseVersion);\n        this.rootName = rootName;\n        this.elementName = elementName;\n        this.isAdd = isAdd;\n        this._document = document;\n        // Make sure that the root exists ASAP, this is important for RTC.\n        // If the root was dynamically added, there will be more operations that operate on/in this root.\n        // These operations will require root element instance (in operation property or in position instance).\n        // If the root is not created ahead of time, instantiating such operations may fail.\n        if (!this._document.getRoot(this.rootName)) {\n            const root = this._document.createRoot(this.elementName, this.rootName);\n            root._isAttached = false;\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        return this.isAdd ? 'addRoot' : 'detachRoot';\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        return this._document.getRoot(this.rootName);\n    }\n    /**\n\t * @inheritDoc\n\t */ clone() {\n        return new RootOperation(this.rootName, this.elementName, this.isAdd, this._document, this.baseVersion);\n    }\n    /**\n\t * @inheritDoc\n\t */ getReversed() {\n        return new RootOperation(this.rootName, this.elementName, !this.isAdd, this._document, this.baseVersion + 1);\n    }\n    /**\n\t * @inheritDoc\n\t */ _execute() {\n        this._document.getRoot(this.rootName)._isAttached = this.isAdd;\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        const json = super.toJSON();\n        delete json._document;\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'RootOperation';\n    }\n    /**\n\t * Creates `RootOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        return new RootOperation(json.rootName, json.elementName, json.isAdd, document, json.baseVersion);\n    }\n}\n\nconst operations = {};\noperations[AttributeOperation.className] = AttributeOperation;\noperations[InsertOperation.className] = InsertOperation;\noperations[MarkerOperation.className] = MarkerOperation;\noperations[MoveOperation.className] = MoveOperation;\noperations[NoOperation.className] = NoOperation;\noperations[Operation.className] = Operation;\noperations[RenameOperation.className] = RenameOperation;\noperations[RootAttributeOperation.className] = RootAttributeOperation;\noperations[RootOperation.className] = RootOperation;\noperations[SplitOperation.className] = SplitOperation;\noperations[MergeOperation.className] = MergeOperation;\n/**\n * A factory class for creating operations.\n */ class OperationFactory {\n    /**\n\t * Creates an operation instance from a JSON object (parsed JSON string).\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */ static fromJSON(json, document) {\n        return operations[json.__className].fromJSON(json, document);\n    }\n}\n\nconst transformations = new Map();\n/**\n * Sets a transformation function to be be used to transform instances of class `OperationA` by instances of class `OperationB`.\n *\n * The `transformationFunction` is passed three parameters:\n *\n * * `a` - operation to be transformed, an instance of `OperationA`,\n * * `b` - operation to be transformed by, an instance of `OperationB`,\n * * {@link module:engine/model/operation/transform~TransformationContext `context`} - object with additional information about\n * transformation context.\n *\n * The `transformationFunction` should return transformation result, which is an array with one or multiple\n * {@link module:engine/model/operation/operation~Operation operation} instances.\n *\n * @param transformationFunction Function to use for transforming.\n */ function setTransformation(OperationA, OperationB, transformationFunction) {\n    let aGroup = transformations.get(OperationA);\n    if (!aGroup) {\n        aGroup = new Map();\n        transformations.set(OperationA, aGroup);\n    }\n    aGroup.set(OperationB, transformationFunction);\n}\n/**\n * Returns a previously set transformation function for transforming an instance of `OperationA` by an instance of `OperationB`.\n *\n * If no transformation was set for given pair of operations, {@link module:engine/model/operation/transform~noUpdateTransformation}\n * is returned. This means that if no transformation was set, the `OperationA` instance will not change when transformed\n * by the `OperationB` instance.\n *\n * @returns Function set to transform an instance of `OperationA` by an instance of `OperationB`.\n */ function getTransformation(OperationA, OperationB) {\n    const aGroup = transformations.get(OperationA);\n    if (aGroup && aGroup.has(OperationB)) {\n        return aGroup.get(OperationB);\n    }\n    return noUpdateTransformation;\n}\n/**\n * A transformation function that only clones operation to transform, without changing it.\n */ function noUpdateTransformation(a) {\n    return [\n        a\n    ];\n}\n/**\n * Transforms operation `a` by operation `b`.\n *\n * @param a Operation to be transformed.\n * @param b Operation to transform by.\n * @param context Transformation context for this transformation.\n * @returns Transformation result.\n * @internal\n */ function transform$1(a, b, context = {}) {\n    const transformationFunction = getTransformation(a.constructor, b.constructor);\n    /* eslint-disable no-useless-catch */ try {\n        a = a.clone();\n        return transformationFunction(a, b, context);\n    } catch (e) {\n        // @if CK_DEBUG // console.warn( 'Error during operation transformation!', e.message );\n        // @if CK_DEBUG // console.warn( 'Transformed operation', a );\n        // @if CK_DEBUG // console.warn( 'Operation transformed by', b );\n        // @if CK_DEBUG // console.warn( 'context.aIsStrong', context.aIsStrong );\n        // @if CK_DEBUG // console.warn( 'context.aWasUndone', context.aWasUndone );\n        // @if CK_DEBUG // console.warn( 'context.bWasUndone', context.bWasUndone );\n        // @if CK_DEBUG // console.warn( 'context.abRelation', context.abRelation );\n        // @if CK_DEBUG // console.warn( 'context.baRelation', context.baRelation );\n        throw e;\n    }\n/* eslint-enable no-useless-catch */ }\n/**\n * Performs a transformation of two sets of operations - `operationsA` and `operationsB`. The transformation is two-way -\n * both transformed `operationsA` and transformed `operationsB` are returned.\n *\n * Note, that the first operation in each set should base on the same document state (\n * {@link module:engine/model/document~ModelDocument#version document version}).\n *\n * It is assumed that `operationsA` are \"more important\" during conflict resolution between two operations.\n *\n * New copies of both passed arrays and operations inside them are returned. Passed arguments are not altered.\n *\n * Base versions of the transformed operations sets are updated accordingly. For example, assume that base versions are `4`\n * and there are `3` operations in `operationsA` and `5` operations in `operationsB`. Then:\n *\n * * transformed `operationsA` will start from base version `9` (`4` base version + `5` operations B),\n * * transformed `operationsB` will start from base version `7` (`4` base version + `3` operations A).\n *\n * If no operation was broken into two during transformation, then both sets will end up with an operation that bases on version `11`:\n *\n * * transformed `operationsA` start from `9` and there are `3` of them, so the last will have `baseVersion` equal to `11`,\n * * transformed `operationsB` start from `7` and there are `5` of them, so the last will have `baseVersion` equal to `11`.\n *\n * @param operationsA\n * @param operationsB\n * @param options Additional transformation options.\n * @param options.document Document which the operations change.\n * @param options.useRelations Whether during transformation relations should be used (used during undo for better conflict resolution).\n * @param options.padWithNoOps Whether additional {@link module:engine/model/operation/nooperation~NoOperation}s\n * should be added to the transformation results to force the same last base version for both transformed sets (in case\n * if some operations got broken into multiple operations during transformation).\n * @param options.forceWeakRemove If set to `false`, remove operation will be always stronger than move operation,\n * so the removed nodes won't end up back in the document root. When set to `true`, context data will be used.\n * @returns Transformation result.\n */ function transformOperationSets(operationsA, operationsB, options) {\n    // Create new arrays so the originally passed arguments are not changed.\n    // No need to clone operations, they are cloned as they are transformed.\n    operationsA = operationsA.slice();\n    operationsB = operationsB.slice();\n    const contextFactory = new ContextFactory(options.document, options.useRelations, options.forceWeakRemove);\n    contextFactory.setOriginalOperations(operationsA);\n    contextFactory.setOriginalOperations(operationsB);\n    const originalOperations = contextFactory.originalOperations;\n    // If one of sets is empty there is simply nothing to transform, so return sets as they are.\n    if (operationsA.length == 0 || operationsB.length == 0) {\n        return {\n            operationsA,\n            operationsB,\n            originalOperations\n        };\n    }\n    //\n    // Following is a description of transformation process:\n    //\n    // There are `operationsA` and `operationsB` to be transformed, both by both.\n    //\n    // So, suppose we have sets of two operations each: `operationsA` = `[ a1, a2 ]`, `operationsB` = `[ b1, b2 ]`.\n    //\n    // Remember, that we can only transform operations that base on the same context. We assert that `a1` and `b1` base on\n    // the same context and we transform them. Then, we get `a1'` and `b1'`. `a2` bases on a context with `a1` -- `a2`\n    // is an operation that followed `a1`. Similarly, `b2` bases on a context with `b1`.\n    //\n    // However, since `a1'` is a result of transformation by `b1`, `a1'` now also has a context with `b1`. This means that\n    // we can safely transform `a1'` by `b2`. As we finish transforming `a1`, we also transformed all `operationsB`.\n    // All `operationsB` also have context including `a1`. Now, we can properly transform `a2` by those operations.\n    //\n    // The transformation process can be visualized on a transformation diagram (\"diamond diagram\"):\n    //\n    //          [the initial state]\n    //         [common for a1 and b1]\n    //\n    //                   *\n    //                  / \\\n    //                 /   \\\n    //               b1     a1\n    //               /       \\\n    //              /         \\\n    //             *           *\n    //            / \\         / \\\n    //           /   \\       /   \\\n    //         b2    a1'   b1'    a2\n    //         /       \\   /       \\\n    //        /         \\ /         \\\n    //       *           *           *\n    //        \\         / \\         /\n    //         \\       /   \\       /\n    //        a1''   b2'   a2'   b1''\n    //           \\   /       \\   /\n    //            \\ /         \\ /\n    //             *           *\n    //              \\         /\n    //               \\       /\n    //              a2''   b2''\n    //                 \\   /\n    //                  \\ /\n    //                   *\n    //\n    //           [the final state]\n    //\n    // The final state can be reached from the initial state by applying `a1`, `a2`, `b1''` and `b2''`, as well as by\n    // applying `b1`, `b2`, `a1''`, `a2''`. Note how the operations get to a proper common state before each pair is\n    // transformed.\n    //\n    // Another thing to consider is that an operation during transformation can be broken into multiple operations.\n    // Suppose that `a1` * `b1` = `[ a11', a12' ]` (instead of `a1'` that we considered previously).\n    //\n    // In that case, we leave `a12'` for later and we continue transforming `a11'` until it is transformed by all `operationsB`\n    // (in our case it is just `b2`). At this point, `b1` is transformed by \"whole\" `a1`, while `b2` is only transformed\n    // by `a11'`. Similarly, `a12'` is only transformed by `b1`. This leads to a conclusion that we need to start transforming `a12'`\n    // from the moment just after it was broken. So, `a12'` is transformed by `b2`. Now, \"the whole\" `a1` is transformed\n    // by `operationsB`, while all `operationsB` are transformed by \"the whole\" `a1`. This means that we can continue with\n    // following `operationsA` (in our case it is just `a2`).\n    //\n    // Of course, also `operationsB` can be broken. However, since we focus on transforming operation `a` to the end,\n    // the only thing to do is to store both pieces of operation `b`, so that the next transformed operation `a` will\n    // be transformed by both of them.\n    //\n    //                       *\n    //                      / \\\n    //                     /   \\\n    //                    /     \\\n    //                  b1       a1\n    //                  /         \\\n    //                 /           \\\n    //                /             \\\n    //               *               *\n    //              / \\             / \\\n    //             /  a11'         /   \\\n    //            /     \\         /     \\\n    //          b2       *      b1'      a2\n    //          /       / \\     /         \\\n    //         /       /  a12' /           \\\n    //        /       /     \\ /             \\\n    //       *       b2'     *               *\n    //        \\     /       / \\             /\n    //       a11'' /     b21'' \\           /\n    //          \\ /       /     \\         /\n    //           *       *      a2'     b1''\n    //            \\     / \\       \\     /\n    //          a12'' b22''\\       \\   /\n    //              \\ /     \\       \\ /\n    //               *      a2''     *\n    //                \\       \\     /\n    //                 \\       \\  b21'''\n    //                  \\       \\ /\n    //                a2'''      *\n    //                    \\     /\n    //                     \\  b22'''\n    //                      \\ /\n    //                       *\n    //\n    // Note, how `a1` is broken and transformed into `a11'` and `a12'`, while `b2'` got broken and transformed into `b21''` and `b22''`.\n    //\n    // Having all that on mind, here is an outline for the transformation process algorithm:\n    //\n    // 1. We have `operationsA` and `operationsB` array, which we dynamically update as the transformation process goes.\n    //\n    // 2. We take next (or first) operation from `operationsA` and check from which operation `b` we need to start transforming it.\n    // All original `operationsA` are set to be transformed starting from the first operation `b`.\n    //\n    // 3. We take operations from `operationsB`, one by one, starting from the correct one, and transform operation `a`\n    // by operation `b` (and vice versa). We update `operationsA` and `operationsB` by replacing the original operations\n    // with the transformation results.\n    //\n    // 4. If operation is broken into multiple operations, we save all the new operations in the place of the\n    // original operation.\n    //\n    // 5. Additionally, if operation `a` was broken, for the \"new\" operation, we remember from which operation `b` it should\n    // be transformed by.\n    //\n    // 6. We continue transforming \"current\" operation `a` until it is transformed by all `operationsB`. Then, go to 2.\n    // unless the last operation `a` was transformed.\n    //\n    // The actual implementation of the above algorithm is slightly different, as only one loop (while) is used.\n    // The difference is that we have \"current\" `a` operation to transform and we store the index of the next `b` operation\n    // to transform by. Each loop operates on two indexes then: index pointing to currently processed `a` operation and\n    // index pointing to next `b` operation. Each loop is just one `a * b` + `b * a` transformation. After each loop\n    // operation `b` index is updated. If all `b` operations were visited for the current `a` operation, we change\n    // current `a` operation index to the next one.\n    //\n    // For each operation `a`, keeps information what is the index in `operationsB` from which the transformation should start.\n    const nextTransformIndex = new WeakMap();\n    // For all the original `operationsA`, set that they should be transformed starting from the first of `operationsB`.\n    for (const op of operationsA){\n        nextTransformIndex.set(op, 0);\n    }\n    // Additional data that is used for some postprocessing after the main transformation process is done.\n    const data = {\n        nextBaseVersionA: operationsA[operationsA.length - 1].baseVersion + 1,\n        nextBaseVersionB: operationsB[operationsB.length - 1].baseVersion + 1,\n        originalOperationsACount: operationsA.length,\n        originalOperationsBCount: operationsB.length\n    };\n    // Index of currently transformed operation `a`.\n    let i = 0;\n    // While not all `operationsA` are transformed...\n    while(i < operationsA.length){\n        // Get \"current\" operation `a`.\n        const opA = operationsA[i];\n        // For the \"current\" operation `a`, get the index of the next operation `b` to transform by.\n        const indexB = nextTransformIndex.get(opA);\n        // If operation `a` was already transformed by every operation `b`, change \"current\" operation `a` to the next one.\n        if (indexB == operationsB.length) {\n            i++;\n            continue;\n        }\n        const opB = operationsB[indexB];\n        // Transform `a` by `b` and `b` by `a`.\n        const newOpsA = transform$1(opA, opB, contextFactory.getContext(opA, opB, true));\n        const newOpsB = transform$1(opB, opA, contextFactory.getContext(opB, opA, false));\n        // As a result we get one or more `newOpsA` and one or more `newOpsB` operations.\n        // Update contextual information about operations.\n        contextFactory.updateRelation(opA, opB);\n        contextFactory.setOriginalOperations(newOpsA, opA);\n        contextFactory.setOriginalOperations(newOpsB, opB);\n        // For new `a` operations, update their index of the next operation `b` to transform them by.\n        //\n        // This is needed even if there was only one result (`a` was not broken) because that information is used\n        // at the beginning of this loop every time.\n        for (const newOpA of newOpsA){\n            // Acknowledge, that operation `b` also might be broken into multiple operations.\n            //\n            // This is why we raise `indexB` not just by 1. If `newOpsB` are multiple operations, they will be\n            // spliced in the place of `opB`. So we need to change `transformBy` accordingly, so that an operation won't\n            // be transformed by the same operation (part of it) again.\n            nextTransformIndex.set(newOpA, indexB + newOpsB.length);\n        }\n        // Update `operationsA` and `operationsB` with the transformed versions.\n        operationsA.splice(i, 1, ...newOpsA);\n        operationsB.splice(indexB, 1, ...newOpsB);\n    }\n    handlePartialMarkerOperations(operationsA);\n    handlePartialMarkerOperations(operationsB);\n    if (options.padWithNoOps) {\n        // If no-operations padding is enabled, count how many extra `a` and `b` operations were generated.\n        const brokenOperationsACount = operationsA.length - data.originalOperationsACount;\n        const brokenOperationsBCount = operationsB.length - data.originalOperationsBCount;\n        // Then, if that number is not the same, pad `operationsA` or `operationsB` with correct number of no-ops so\n        // that the base versions are equalled.\n        //\n        // Note that only one array will be updated, as only one of those subtractions can be greater than zero.\n        padWithNoOps(operationsA, brokenOperationsBCount - brokenOperationsACount);\n        padWithNoOps(operationsB, brokenOperationsACount - brokenOperationsBCount);\n    }\n    // Finally, update base versions of transformed operations.\n    updateBaseVersions(operationsA, data.nextBaseVersionB);\n    updateBaseVersions(operationsB, data.nextBaseVersionA);\n    return {\n        operationsA,\n        operationsB,\n        originalOperations\n    };\n}\n/**\n * Gathers additional data about operations processed during transformation. Can be used to obtain contextual information\n * about two operations that are about to be transformed. This contextual information can be used for better conflict resolution.\n */ class ContextFactory {\n    originalOperations;\n    _history;\n    _useRelations;\n    _forceWeakRemove;\n    _relations;\n    /**\n\t * Creates `ContextFactory` instance.\n\t *\n\t * @param document Document which the operations change.\n\t * @param useRelations Whether during transformation relations should be used (used during undo for\n\t * better conflict resolution).\n\t * @param forceWeakRemove If set to `false`, remove operation will be always stronger than move operation,\n\t * so the removed nodes won't end up back in the document root. When set to `true`, context data will be used.\n\t */ constructor(document, useRelations, forceWeakRemove = false){\n        // For each operation that is created during transformation process, we keep a reference to the original operation\n        // which it comes from. The original operation works as a kind of \"identifier\". Every contextual information\n        // gathered during transformation that we want to save for given operation, is actually saved for the original operation.\n        // This way no matter if operation `a` is cloned, then transformed, even breaks, we still have access to the previously\n        // gathered data through original operation reference.\n        this.originalOperations = new Map();\n        // `model.History` instance which information about undone operations will be taken from.\n        this._history = document.history;\n        // Whether additional context should be used.\n        this._useRelations = useRelations;\n        this._forceWeakRemove = !!forceWeakRemove;\n        // Relations is a double-map structure (maps in map) where for two operations we store how those operations were related\n        // to each other. Those relations are evaluated during transformation process. For every transformated pair of operations\n        // we keep relations between them.\n        this._relations = new Map();\n    }\n    /**\n\t * Sets \"original operation\" for given operations.\n\t *\n\t * During transformation process, operations are cloned, then changed, then processed again, sometimes broken into two\n\t * or multiple operations. When gathering additional data it is important that all operations can be somehow linked\n\t * so a cloned and transformed \"version\" still kept track of the data assigned earlier to it.\n\t *\n\t * The original operation object will be used as such an universal linking id. Throughout the transformation process\n\t * all cloned operations will refer to \"the original operation\" when storing and reading additional data.\n\t *\n\t * If `takeFrom` is not set, each operation from `operations` array will be assigned itself as \"the original operation\".\n\t * This should be used as an initialization step.\n\t *\n\t * If `takeFrom` is set, each operation from `operations` will be assigned the same original operation as assigned\n\t * for `takeFrom` operation. This should be used to update original operations. It should be used in a way that\n\t * `operations` are the result of `takeFrom` transformation to ensure proper \"original operation propagation\".\n\t */ setOriginalOperations(operations, takeFrom = null) {\n        const originalOperation = takeFrom ? this.originalOperations.get(takeFrom) : null;\n        for (const operation of operations){\n            this.originalOperations.set(operation, originalOperation || operation);\n        }\n    }\n    /**\n\t * Saves a relation between operations `opA` and `opB`.\n\t *\n\t * Relations are then later used to help solve conflicts when operations are transformed.\n\t */ updateRelation(opA, opB) {\n        // The use of relations is described in a bigger detail in transformation functions.\n        //\n        // In brief, this function, for specified pairs of operation types, checks how positions defined in those operations relate.\n        // Then those relations are saved. For example, for two move operations, it is saved if one of those operations target\n        // position is before the other operation source position. This kind of information gives contextual information when\n        // transformation is used during undo. Similar checks are done for other pairs of operations.\n        //\n        if (opA instanceof MoveOperation) {\n            if (opB instanceof MergeOperation) {\n                if (opA.targetPosition.isEqual(opB.sourcePosition) || opB.movedRange.containsPosition(opA.targetPosition)) {\n                    this._setRelation(opA, opB, 'insertAtSource');\n                } else if (opA.targetPosition.isEqual(opB.deletionPosition)) {\n                    this._setRelation(opA, opB, 'insertBetween');\n                } else if (opA.targetPosition.isAfter(opB.sourcePosition)) {\n                    this._setRelation(opA, opB, 'moveTargetAfter');\n                } else if (opA.howMany > 1 && opA.sourcePosition.isEqual(opB.deletionPosition)) {\n                    this._setRelation(opA, opB, 'firstToMoveMerged');\n                } else if (opA.howMany > 1 && opA.sourcePosition.getShiftedBy(opA.howMany - 1).isEqual(opB.deletionPosition)) {\n                    this._setRelation(opA, opB, 'lastToMoveMerged');\n                }\n            } else if (opB instanceof MoveOperation) {\n                if (opA.targetPosition.isEqual(opB.sourcePosition) || opA.targetPosition.isBefore(opB.sourcePosition)) {\n                    this._setRelation(opA, opB, 'insertBefore');\n                } else {\n                    this._setRelation(opA, opB, 'insertAfter');\n                }\n            }\n        } else if (opA instanceof SplitOperation) {\n            if (opB instanceof MergeOperation) {\n                if (opA.splitPosition.isBefore(opB.sourcePosition)) {\n                    this._setRelation(opA, opB, 'splitBefore');\n                }\n            } else if (opB instanceof MoveOperation) {\n                if (opA.splitPosition.isEqual(opB.sourcePosition) || opA.splitPosition.isBefore(opB.sourcePosition)) {\n                    this._setRelation(opA, opB, 'splitBefore');\n                } else {\n                    const range = ModelRange._createFromPositionAndShift(opB.sourcePosition, opB.howMany);\n                    if (opA.splitPosition.hasSameParentAs(opB.sourcePosition) && range.containsPosition(opA.splitPosition)) {\n                        // TODO: Potential bug -- we are saving offset value directly and it is not later updated during OT.\n                        // TODO: This may cause a bug it here was an non-undone operation that may have impacted this offset.\n                        // TODO: Similar error was with MarkerOperation relations, where full path was saved and never updated.\n                        const howMany = range.end.offset - opA.splitPosition.offset;\n                        const offset = opA.splitPosition.offset - range.start.offset;\n                        this._setRelation(opA, opB, {\n                            howMany,\n                            offset\n                        });\n                    }\n                }\n            }\n        } else if (opA instanceof MergeOperation) {\n            if (opB instanceof MergeOperation) {\n                if (!opA.targetPosition.isEqual(opB.sourcePosition)) {\n                    this._setRelation(opA, opB, 'mergeTargetNotMoved');\n                }\n                if (opA.sourcePosition.isEqual(opB.targetPosition)) {\n                    this._setRelation(opA, opB, 'mergeSourceNotMoved');\n                }\n                if (opA.sourcePosition.isEqual(opB.sourcePosition)) {\n                    this._setRelation(opA, opB, 'mergeSameElement');\n                }\n            } else if (opB instanceof SplitOperation) {\n                if (opA.sourcePosition.isEqual(opB.splitPosition)) {\n                    this._setRelation(opA, opB, 'splitAtSource');\n                }\n            } else if (opB instanceof MoveOperation && opB.howMany > 0) {\n                if (opA.sourcePosition.isEqual(opB.sourcePosition.getShiftedBy(opB.howMany))) {\n                    this._setRelation(opA, opB, 'mergeSourceAffected');\n                }\n                if (opA.targetPosition.isEqual(opB.sourcePosition)) {\n                    this._setRelation(opA, opB, 'mergeTargetWasBefore');\n                }\n            }\n        } else if (opA instanceof MarkerOperation) {\n            const markerRange = opA.newRange;\n            if (!markerRange) {\n                return;\n            }\n            if (opB instanceof MergeOperation) {\n                const wasInLeftElement = markerRange.start.isEqual(opB.targetPosition);\n                const wasStartBeforeMergedElement = markerRange.start.isEqual(opB.deletionPosition);\n                const wasEndBeforeMergedElement = markerRange.end.isEqual(opB.deletionPosition);\n                const wasInRightElement = markerRange.end.isEqual(opB.sourcePosition);\n                if (wasInLeftElement || wasStartBeforeMergedElement || wasEndBeforeMergedElement || wasInRightElement) {\n                    this._setRelation(opA, opB, {\n                        wasInLeftElement,\n                        wasStartBeforeMergedElement,\n                        wasEndBeforeMergedElement,\n                        wasInRightElement\n                    });\n                }\n            }\n        }\n    }\n    /**\n\t * Evaluates and returns contextual information about two given operations `opA` and `opB` which are about to be transformed.\n\t */ getContext(opA, opB, aIsStrong) {\n        return {\n            aIsStrong,\n            aWasUndone: this._wasUndone(opA),\n            bWasUndone: this._wasUndone(opB),\n            abRelation: this._useRelations ? this._getRelation(opA, opB) : null,\n            baRelation: this._useRelations ? this._getRelation(opB, opA) : null,\n            forceWeakRemove: this._forceWeakRemove\n        };\n    }\n    /**\n\t * Returns whether given operation `op` has already been undone.\n\t *\n\t * Information whether an operation was undone gives more context when making a decision when two operations are in conflict.\n\t */ _wasUndone(op) {\n        // For `op`, get its original operation. After all, if `op` is a clone (or even transformed clone) of another\n        // operation, literally `op` couldn't be undone. It was just generated. If anything, it was the operation it origins\n        // from which was undone. So get that original operation.\n        const originalOp = this.originalOperations.get(op);\n        // And check with the document if the original operation was undone.\n        return originalOp.wasUndone || this._history.isUndoneOperation(originalOp);\n    }\n    /**\n\t * Returns a relation between `opA` and an operation which is undone by `opB`. This can be `String` value if a relation\n\t * was set earlier or `null` if there was no relation between those operations.\n\t *\n\t * This is a little tricky to understand, so let's compare it to `ContextFactory#_wasUndone`.\n\t *\n\t * When `wasUndone( opB )` is used, we check if the `opB` has already been undone. It is obvious, that the\n\t * undoing operation must happen after the undone operation. So, essentially, we have `opB`, we take document history,\n\t * we look forward in the future and ask if in that future `opB` was undone.\n\t *\n\t * Relations is a backward process to `wasUndone()`.\n\t *\n\t * Long story short - using relations is asking what happened in the past. Looking back. This time we have an undoing\n\t * operation `opB` which has undone some other operation. When there is a transformation `opA` x `opB` and there is\n\t * a conflict to solve and `opB` is an undoing operation, we can look back in the history and see what was a relation\n\t * between `opA` and the operation which `opB` undone. Basing on that relation from the past, we can now make\n\t * a better decision when resolving a conflict between two operations, because we know more about the context of\n\t * those two operations.\n\t *\n\t * This is why this function does not return a relation directly between `opA` and `opB` because we need to look\n\t * back to search for a meaningful contextual information.\n\t */ _getRelation(opA, opB) {\n        // Get the original operation. Similarly as in `wasUndone()` it is used as an universal identifier for stored data.\n        const origB = this.originalOperations.get(opB);\n        const undoneB = this._history.getUndoneOperation(origB);\n        // If `opB` is not undoing any operation, there is no relation.\n        if (!undoneB) {\n            return null;\n        }\n        const origA = this.originalOperations.get(opA);\n        const relationsA = this._relations.get(origA);\n        // Get all relations for `opA`, and check if there is a relation with `opB`-undone-counterpart. If so, return it.\n        if (relationsA) {\n            return relationsA.get(undoneB) || null;\n        }\n        return null;\n    }\n    /**\n\t * Helper function for `ContextFactory#updateRelations`.\n\t */ _setRelation(opA, opB, relation) {\n        // As always, setting is for original operations, not the clones/transformed operations.\n        const origA = this.originalOperations.get(opA);\n        const origB = this.originalOperations.get(opB);\n        let relationsA = this._relations.get(origA);\n        if (!relationsA) {\n            relationsA = new Map();\n            this._relations.set(origA, relationsA);\n        }\n        relationsA.set(origB, relation);\n    }\n}\n/**\n * An utility function that updates {@link module:engine/model/operation/operation~Operation#baseVersion base versions}\n * of passed operations.\n *\n * The function simply sets `baseVersion` as a base version of the first passed operation and then increments it for\n * each following operation in `operations`.\n *\n * @param operations Operations to update.\n * @param baseVersion Base version to set for the first operation in `operations`.\n */ function updateBaseVersions(operations, baseVersion) {\n    for (const operation of operations){\n        operation.baseVersion = baseVersion++;\n    }\n}\n/**\n * Adds `howMany` instances of {@link module:engine/model/operation/nooperation~NoOperation} to `operations` set.\n */ function padWithNoOps(operations, howMany) {\n    for(let i = 0; i < howMany; i++){\n        operations.push(new NoOperation(0));\n    }\n}\n/**\n * Transformed operations set may include marker operations which were broken into multiple marker operations during transformation.\n * It represents marker range being broken into multiple pieces as the transformation was processed. Each partial marker operation is\n * a piece of the original marker range.\n *\n * These partial marker operations (\"marker range pieces\") should be \"glued\" together if, after transformations, the ranges ended up\n * next to each other.\n *\n * If the ranges did not end up next to each other, then partial marker operations should be discarded, as the marker range cannot\n * be broken into two pieces.\n *\n * There is always one \"reference\" marker operation (the original operation) and there may be some partial marker operations. Partial\n * marker operations have base version set to `-1`. If the `operations` set includes partial marker operations, then they are always\n * after the original marker operation.\n *\n * See also `MarkerOperation` x `MoveOperation` transformation.\n * See also https://github.com/ckeditor/ckeditor5/pull/17071.\n */ function handlePartialMarkerOperations(operations) {\n    const markerOps = new Map();\n    for(let i = 0; i < operations.length; i++){\n        const op = operations[i];\n        if (!(op instanceof MarkerOperation)) {\n            continue;\n        }\n        if (op.baseVersion !== -1) {\n            markerOps.set(op.name, {\n                op,\n                ranges: op.newRange ? [\n                    op.newRange\n                ] : []\n            });\n        } else {\n            if (op.newRange) {\n                // `markerOps.get( op.name )` must exist because original marker operation is always before partial marker operations.\n                // If the original marker operation was changed to `NoOperation`, then the partial marker operations would be changed\n                // to `NoOperation` as well, so this is not a case.\n                markerOps.get(op.name).ranges.push(op.newRange);\n            }\n            operations.splice(i, 1);\n            i--;\n        }\n    }\n    for (const { op, ranges } of markerOps.values()){\n        if (ranges.length) {\n            op.newRange = ModelRange._createFromRanges(ranges);\n        } else {\n            op.newRange = null;\n        }\n    }\n}\n// -----------------------\nsetTransformation(AttributeOperation, AttributeOperation, (a, b, context)=>{\n    // If operations in conflict, check if their ranges intersect and manage them properly.\n    //\n    // Operations can be in conflict only if:\n    //\n    // * their key is the same (they change the same attribute), and\n    // * they are in the same parent (operations for ranges [ 1 ] - [ 3 ] and [ 2, 0 ] - [ 2, 5 ] change different\n    // elements and can't be in conflict).\n    if (a.key === b.key && a.range.start.hasSameParentAs(b.range.start)) {\n        // First, we want to apply change to the part of a range that has not been changed by the other operation.\n        const operations = a.range.getDifference(b.range).map((range)=>{\n            return new AttributeOperation(range, a.key, a.oldValue, a.newValue, 0);\n        });\n        // Then we take care of the common part of ranges.\n        const common = a.range.getIntersection(b.range);\n        if (common) {\n            // If this operation is more important, we also want to apply change to the part of the\n            // original range that has already been changed by the other operation. Since that range\n            // got changed we also have to update `oldValue`.\n            if (context.aIsStrong) {\n                operations.push(new AttributeOperation(common, b.key, b.newValue, a.newValue, 0));\n            }\n        }\n        if (operations.length == 0) {\n            return [\n                new NoOperation(0)\n            ];\n        }\n        return operations;\n    } else {\n        // If operations don't conflict, simply return an array containing just a clone of this operation.\n        return [\n            a\n        ];\n    }\n});\nsetTransformation(AttributeOperation, InsertOperation, (a, b)=>{\n    // Case 1:\n    //\n    // The attribute operation range includes the position where nodes were inserted.\n    // There are two possible scenarios: the inserted nodes were text and they should receive attributes or\n    // the inserted nodes were elements and they should not receive attributes.\n    //\n    if (a.range.start.hasSameParentAs(b.position) && a.range.containsPosition(b.position)) {\n        // If new nodes should not receive attributes, two separated ranges will be returned.\n        // Otherwise, one expanded range will be returned.\n        const range = a.range._getTransformedByInsertion(b.position, b.howMany, !b.shouldReceiveAttributes);\n        const result = range.map((r)=>{\n            return new AttributeOperation(r, a.key, a.oldValue, a.newValue, a.baseVersion);\n        });\n        if (b.shouldReceiveAttributes) {\n            // `AttributeOperation#range` includes some newly inserted text.\n            // The operation should also change the attribute of that text. An example:\n            //\n            // Bold should be applied on the following range:\n            // <p>Fo[zb]ar</p>\n            //\n            // In meantime, new text is typed:\n            // <p>Fozxxbar</p>\n            //\n            // Bold should be applied also on the new text:\n            // <p>Fo[zxxb]ar</p>\n            // <p>Fo<$text bold=\"true\">zxxb</$text>ar</p>\n            //\n            // There is a special case to consider here to consider.\n            //\n            // Consider setting an attribute with multiple possible values, for example `highlight`. The inserted text might\n            // have already an attribute value applied and the `oldValue` property of the attribute operation might be wrong:\n            //\n            // Attribute `highlight=\"yellow\"` should be applied on the following range:\n            // <p>Fo[zb]ar<p>\n            //\n            // In meantime, character `x` with `highlight=\"red\"` is typed:\n            // <p>Fo[z<$text highlight=\"red\">x</$text>b]ar</p>\n            //\n            // In this case we cannot simply apply operation changing the attribute value from `null` to `\"yellow\"` for the whole range\n            // because that would lead to an exception (`oldValue` is incorrect for `x`).\n            //\n            // We also cannot break the original range as this would mess up a scenario when there are multiple following\n            // insert operations, because then only the first inserted character is included in those ranges:\n            // <p>Fo[z][x][b]ar</p>   -->   <p>Fo[z][x]x[b]ar</p>   -->   <p>Fo[z][x]xx[b]ar</p>\n            //\n            // So, the attribute range needs be expanded, no matter what attributes are set on the inserted nodes:\n            //\n            // <p>Fo[z<$text highlight=\"red\">x</$text>b]ar</p>      <--- Change from `null` to `yellow`, throwing an exception.\n            //\n            // But before that operation would be applied, we will add an additional attribute operation that will change\n            // attributes on the inserted nodes in a way which would make the original operation correct:\n            //\n            // <p>Fo[z{<$text highlight=\"red\">}x</$text>b]ar</p>    <--- Change range `{}` from `red` to `null`.\n            // <p>Fo[zxb]ar</p>                                     <--- Now change from `null` to `yellow` is completely fine.\n            //\n            // Generate complementary attribute operation. Be sure to add it before the original operation.\n            const op = _getComplementaryAttributeOperations(b, a.key, a.oldValue);\n            if (op) {\n                result.unshift(op);\n            }\n        }\n        // If nodes should not receive new attribute, we are done here.\n        return result;\n    }\n    // If insert operation is not expanding the attribute operation range, simply transform the range.\n    a.range = a.range._getTransformedByInsertion(b.position, b.howMany, false)[0];\n    return [\n        a\n    ];\n});\n/**\n * Helper function for `AttributeOperation` x `InsertOperation` (and reverse) transformation.\n *\n * For given `insertOperation` it checks the inserted node if it has an attribute `key` set to a value different\n * than `newValue`. If so, it generates an `AttributeOperation` which changes the value of `key` attribute to `newValue`.\n */ function _getComplementaryAttributeOperations(insertOperation, key, newValue) {\n    const nodes = insertOperation.nodes;\n    // At the beginning we store the attribute value from the first node.\n    const insertValue = nodes.getNode(0).getAttribute(key);\n    if (insertValue == newValue) {\n        return null;\n    }\n    const range = new ModelRange(insertOperation.position, insertOperation.position.getShiftedBy(insertOperation.howMany));\n    return new AttributeOperation(range, key, insertValue, newValue, 0);\n}\nsetTransformation(AttributeOperation, MergeOperation, (a, b)=>{\n    const ranges = [];\n    // Case 1:\n    //\n    // Attribute change on the merged element. In this case, the merged element was moved to the graveyard.\n    // An additional attribute operation that will change the (re)moved element needs to be generated.\n    //\n    if (a.range.start.hasSameParentAs(b.deletionPosition)) {\n        if (a.range.containsPosition(b.deletionPosition) || a.range.start.isEqual(b.deletionPosition)) {\n            ranges.push(ModelRange._createFromPositionAndShift(b.graveyardPosition, 1));\n        }\n    }\n    const range = a.range._getTransformedByMergeOperation(b);\n    // Do not add empty (collapsed) ranges to the result. `range` may be collapsed if it contained only the merged element.\n    if (!range.isCollapsed) {\n        ranges.push(range);\n    }\n    // Create `AttributeOperation`s out of the ranges.\n    return ranges.map((range)=>{\n        return new AttributeOperation(range, a.key, a.oldValue, a.newValue, a.baseVersion);\n    });\n});\nsetTransformation(AttributeOperation, MoveOperation, (a, b)=>{\n    const ranges = _breakRangeByMoveOperation(a.range, b);\n    // Create `AttributeOperation`s out of the ranges.\n    return ranges.map((range)=>new AttributeOperation(range, a.key, a.oldValue, a.newValue, a.baseVersion));\n});\n/**\n * Helper function for `AttributeOperation` x `MoveOperation` transformation.\n *\n * Takes the passed `range` and transforms it by move operation `moveOp` in a specific way. Only top-level nodes of `range`\n * are considered to be in the range. If move operation moves nodes deep from inside of the range, those nodes won't\n * be included in the result. In other words, top-level nodes of the ranges from the result are exactly the same as\n * top-level nodes of the original `range`.\n *\n * This is important for `AttributeOperation` because, for its range, it changes only the top-level nodes. So we need to\n * track only how those nodes have been affected by `MoveOperation`.\n */ function _breakRangeByMoveOperation(range, moveOp) {\n    const moveRange = ModelRange._createFromPositionAndShift(moveOp.sourcePosition, moveOp.howMany);\n    // We are transforming `range` (original range) by `moveRange` (range moved by move operation). As usual when it comes to\n    // transforming a ranges, we may have a common part of the ranges and we may have a difference part (zero to two ranges).\n    let common = null;\n    let difference = [];\n    // Let's compare the ranges.\n    if (moveRange.containsRange(range, true)) {\n        // If the whole original range is moved, treat it whole as a common part. There's also no difference part.\n        common = range;\n    } else if (range.start.hasSameParentAs(moveRange.start)) {\n        // If the ranges are \"on the same level\" (in the same parent) then move operation may move exactly those nodes\n        // that are changed by the attribute operation. In this case we get common part and difference part in the usual way.\n        difference = range.getDifference(moveRange);\n        common = range.getIntersection(moveRange);\n    } else {\n        // In any other situation we assume that original range is different than move range, that is that move operation\n        // moves other nodes that attribute operation change. Even if the moved range is deep inside in the original range.\n        //\n        // Note that this is different than in `.getIntersection` (we would get a common part in that case) and different\n        // than `.getDifference` (we would get two ranges).\n        difference = [\n            range\n        ];\n    }\n    const result = [];\n    // The default behaviour of `_getTransformedByMove` might get wrong results for difference part, though, so\n    // we do it by hand.\n    for (let diff of difference){\n        // First, transform the range by removing moved nodes. Since this is a difference, this is safe, `null` won't be returned\n        // as the range is different than the moved range.\n        diff = diff._getTransformedByDeletion(moveOp.sourcePosition, moveOp.howMany);\n        // Transform also `targetPosition`.\n        const targetPosition = moveOp.getMovedRangeStart();\n        // Spread the range only if moved nodes are inserted only between the top-level nodes of the `diff` range.\n        const spread = diff.start.hasSameParentAs(targetPosition);\n        // Transform by insertion of moved nodes.\n        const diffs = diff._getTransformedByInsertion(targetPosition, moveOp.howMany, spread);\n        result.push(...diffs);\n    }\n    // Common part can be simply transformed by the move operation. This is because move operation will not target to\n    // that common part (the operation would have to target inside its own moved range).\n    if (common) {\n        result.push(common._getTransformedByMove(moveOp.sourcePosition, moveOp.targetPosition, moveOp.howMany, false)[0]);\n    }\n    return result;\n}\nsetTransformation(AttributeOperation, SplitOperation, (a, b)=>{\n    // Case 1:\n    //\n    // Split node is the last node in `AttributeOperation#range`.\n    // `AttributeOperation#range` needs to be expanded to include the new (split) node.\n    //\n    // Attribute `type` to be changed to `numbered` but the `listItem` is split.\n    // <listItem type=\"bulleted\">foobar</listItem>\n    //\n    // After split:\n    // <listItem type=\"bulleted\">foo</listItem><listItem type=\"bulleted\">bar</listItem>\n    //\n    // After attribute change:\n    // <listItem type=\"numbered\">foo</listItem><listItem type=\"numbered\">foo</listItem>\n    //\n    if (a.range.end.isEqual(b.insertionPosition)) {\n        if (!b.graveyardPosition) {\n            a.range.end.offset++;\n        }\n        return [\n            a\n        ];\n    }\n    // Case 2:\n    //\n    // Split position is inside `AttributeOperation#range`, at the same level, so the nodes to change are\n    // not going to make a flat range.\n    //\n    // Content with range-to-change and split position:\n    // <p>Fo[zb^a]r</p>\n    //\n    // After split:\n    // <p>Fozb</p><p>ar</p>\n    //\n    // Make two separate ranges containing all nodes to change:\n    // <p>Fo[zb]</p><p>[a]r</p>\n    //\n    if (a.range.start.hasSameParentAs(b.splitPosition) && a.range.containsPosition(b.splitPosition)) {\n        const secondPart = a.clone();\n        secondPart.range = new ModelRange(b.moveTargetPosition.clone(), a.range.end._getCombined(b.splitPosition, b.moveTargetPosition));\n        a.range.end = b.splitPosition.clone();\n        a.range.end.stickiness = 'toPrevious';\n        return [\n            a,\n            secondPart\n        ];\n    }\n    // The default case.\n    //\n    a.range = a.range._getTransformedBySplitOperation(b);\n    return [\n        a\n    ];\n});\nsetTransformation(InsertOperation, AttributeOperation, (a, b)=>{\n    const result = [\n        a\n    ];\n    // Case 1:\n    //\n    // The attribute operation range includes the position where nodes were inserted.\n    // There are two possible scenarios: the inserted nodes were text and they should receive attributes or\n    // the inserted nodes were elements and they should not receive attributes.\n    //\n    // This is a mirror scenario to the one described in `AttributeOperation` x `InsertOperation` transformation,\n    // although this case is a little less complicated. In this case we simply need to change attributes of the\n    // inserted nodes and that's it.\n    //\n    if (a.shouldReceiveAttributes && a.position.hasSameParentAs(b.range.start) && b.range.containsPosition(a.position)) {\n        const op = _getComplementaryAttributeOperations(a, b.key, b.newValue);\n        if (op) {\n            result.push(op);\n        }\n    }\n    // The default case is: do nothing.\n    // `AttributeOperation` does not change the model tree structure so `InsertOperation` does not need to be changed.\n    //\n    return result;\n});\nsetTransformation(InsertOperation, InsertOperation, (a, b, context)=>{\n    // Case 1:\n    //\n    // Two insert operations insert nodes at the same position. Since they are the same, it needs to be decided\n    // what will be the order of inserted nodes. However, there is no additional information to help in that\n    // decision. Also, when `b` will be transformed by `a`, the same order must be maintained.\n    //\n    // To achieve that, we will check if the operation is strong.\n    // If it is, it won't get transformed. If it is not, it will be moved.\n    //\n    if (a.position.isEqual(b.position) && context.aIsStrong) {\n        return [\n            a\n        ];\n    }\n    // The default case.\n    //\n    a.position = a.position._getTransformedByInsertOperation(b);\n    return [\n        a\n    ];\n});\nsetTransformation(InsertOperation, MoveOperation, (a, b)=>{\n    // The default case.\n    //\n    a.position = a.position._getTransformedByMoveOperation(b);\n    return [\n        a\n    ];\n});\nsetTransformation(InsertOperation, SplitOperation, (a, b)=>{\n    // The default case.\n    //\n    a.position = a.position._getTransformedBySplitOperation(b);\n    return [\n        a\n    ];\n});\nsetTransformation(InsertOperation, MergeOperation, (a, b)=>{\n    a.position = a.position._getTransformedByMergeOperation(b);\n    return [\n        a\n    ];\n});\n// -----------------------\nsetTransformation(MarkerOperation, InsertOperation, (a, b)=>{\n    if (a.oldRange) {\n        a.oldRange = a.oldRange._getTransformedByInsertOperation(b)[0];\n    }\n    if (a.newRange) {\n        a.newRange = a.newRange._getTransformedByInsertOperation(b)[0];\n    }\n    return [\n        a\n    ];\n});\nsetTransformation(MarkerOperation, MarkerOperation, (a, b, context)=>{\n    if (a.name == b.name) {\n        if (context.aIsStrong) {\n            a.oldRange = b.newRange ? b.newRange.clone() : null;\n        } else {\n            return [\n                new NoOperation(0)\n            ];\n        }\n    }\n    return [\n        a\n    ];\n});\nsetTransformation(MarkerOperation, MergeOperation, (a, b)=>{\n    if (a.oldRange) {\n        a.oldRange = a.oldRange._getTransformedByMergeOperation(b);\n    }\n    if (a.newRange) {\n        a.newRange = a.newRange._getTransformedByMergeOperation(b);\n    }\n    return [\n        a\n    ];\n});\nsetTransformation(MarkerOperation, MoveOperation, (a, b)=>{\n    const result = [\n        a\n    ];\n    if (a.oldRange) {\n        a.oldRange = ModelRange._createFromRanges(a.oldRange._getTransformedByMoveOperation(b));\n    }\n    if (a.newRange) {\n        // In many simple cases the marker range will be kept integral after the transformation. For example, if some nodes\n        // were inserted before the range, or into the range, then the marker range is not broken into two.\n        //\n        // However, if some nodes are taken out of the range and moved somewhere else, or are moved into the range, then the marker\n        // range is \"broken\" into two or three pieces, and these pieces must be transformed and updated separately.\n        //\n        // When the marker range is transformed by move operation, as a result we get an array with one (simple case) or multiple\n        // (\"broken range\" case) ranges.\n        const ranges = a.newRange._getTransformedByMoveOperation(b);\n        a.newRange = ranges[0];\n        // If there are multiple ranges, we will create separate marker operations for each piece of the original marker range.\n        // Since they will be marker operations, they will be processed through the transformation process.\n        //\n        // However, we cannot create multiple ranges for the same marker (for the same marker name). A marker has only one range.\n        // So, we cannot really have multiple marker operations for the same marker. We will keep the track of the separate marker\n        // operations to see, if after all transformations, the marker pieces are next to each other or not. If so, we will glue\n        // them together to the original marker operation (`a`). If not, we will discard them. These extra operations will never\n        // be executed, as they will only exist temporarily during the transformation process.\n        //\n        // We will call these additional marker operations \"partial marker operations\" and we will mark them with negative base version.\n        //\n        // See also `handlePartialMarkerOperations()`.\n        // See also https://github.com/ckeditor/ckeditor5/pull/17071.\n        //\n        for(let i = 1; i < ranges.length; i++){\n            const op = a.clone();\n            op.oldRange = null;\n            op.newRange = ranges[i];\n            op.baseVersion = -1;\n            result.push(op);\n        }\n    }\n    return result;\n});\nsetTransformation(MarkerOperation, SplitOperation, (a, b, context)=>{\n    if (a.oldRange) {\n        a.oldRange = a.oldRange._getTransformedBySplitOperation(b);\n    }\n    if (a.newRange) {\n        if (context.abRelation) {\n            // If we have context, it means that there was previously a merge operation which transformed this marker operation, and that\n            // merge operation was then undone, and this split operation should reverse the marker to state before the merge operation.\n            const aNewRange = a.newRange._getTransformedBySplitOperation(b);\n            if (a.newRange.start.isEqual(b.splitPosition)) {\n                // If marker range start is same as split position, we need to decide where marker start should be placed, as there\n                // are three possible options.\n                //\n                if (context.abRelation.wasStartBeforeMergedElement) {\n                    // If the marker start was initially before the merged element, move it back to that place.\n                    //\n                    // <p>Foo</p>[<p>Bar]</p>  -- merge ->  <p>Foo[Bar]</p>  -- default split ->  <p>Foo</p><p>[Bar]</p>\n                    // <p>Foo</p>[<p>Bar]</p>  -- merge ->  <p>Foo[Bar]</p>  --- fixed split -->  <p>Foo</p>[<p>Bar]</p>\n                    //\n                    a.newRange.start = ModelPosition._createAt(b.insertionPosition);\n                } else if (context.abRelation.wasInLeftElement) {\n                    // If the marker start was initially in the \"left\" element, keep the start position there.\n                    //\n                    // <p>Foo[</p><p>Bar]</p>  -- merge ->  <p>Foo[Bar]</p>  -- default split ->  <p>Foo</p><p>[Bar]</p>\n                    // <p>Foo[</p><p>Bar]</p>  -- merge ->  <p>Foo[Bar]</p>  --- fixed split -->  <p>Foo[</p><p>Bar]</p>\n                    //\n                    a.newRange.start = ModelPosition._createAt(a.newRange.start);\n                } else {\n                    // Finally, the start position must have been at the beginning of the \"right\" (merged) element.\n                    // In this case, move it back to the \"right\" element.\n                    //\n                    // Note, that this what the default transformation (`_getTransformedBySplitOperation()`) does, BUT ONLY for\n                    // a non-collapsed marker. For a collapsed marker, by default, the whole marker is kept at the split position,\n                    // which would be incorrect. This is why this case is needed, and why we don't use `aNewRange.start` here.\n                    //\n                    // <p>Foo</p><p>[]Bar</p>  -- merge ->  <p>Foo[]Bar</p>  -- default split ->  <p>Foo[]</p><p>Bar</p>\n                    // <p>Foo</p><p>[]Bar</p>  -- merge ->  <p>Foo[]Bar</p>  --- fixed split -->  <p>Foo</p><p>[]Bar</p>\n                    //\n                    a.newRange.start = ModelPosition._createAt(b.moveTargetPosition);\n                }\n            } else {\n                // If marker range start is not the same as split position, simply use the default transformation, as there is no\n                // ambiguity in this case.\n                a.newRange.start = aNewRange.start;\n            }\n            if (a.newRange.end.isEqual(b.splitPosition)) {\n                // If marker range end is same as split position, we need to decide where marker end should be placed, as there\n                // are three possible options.\n                //\n                if (a.newRange.end.isEqual(b.splitPosition) && context.abRelation.wasEndBeforeMergedElement) {\n                    // If the marker end was initially before the merged element, move it back to that place.\n                    //\n                    // <p>[Foo</p>]<p>Bar</p>  -- merge ->  <p>[Foo]Bar</p>  -- default split ->  <p>[Foo]</p><p>Bar</p>\n                    // <p>[Foo</p>]<p>Bar</p>  -- merge ->  <p>[Foo]Bar</p>  --- fixed split -->  <p>[Foo</p>]<p>Bar</p>\n                    //\n                    a.newRange.end = ModelPosition._createAt(b.insertionPosition);\n                } else if (context.abRelation.wasInRightElement) {\n                    // If the marker was initially in the \"right\" element, keep the end position there.\n                    //\n                    // <p>[Foo</p><p>]Bar</p>  -- merge ->  <p>[Foo]Bar</p>  -- default split ->  <p>[Foo]</p><p>Bar</p>\n                    // <p>[Foo</p><p>]Bar</p>  -- merge ->  <p>[Foo]Bar</p>  --- fixed split -->  <p>[Foo</p><p>]Bar</p>\n                    //\n                    a.newRange.end = ModelPosition._createAt(b.moveTargetPosition);\n                } else {\n                    // Finally, the end position must have been at the end of the \"left\" (merged) element.\n                    // In this case, keep it where it is.\n                    //\n                    // Note, that this is what the default transformation does, so we could use `aNewRange.end`, but this is more clear.\n                    //\n                    a.newRange.end = ModelPosition._createAt(a.newRange.end);\n                }\n            } else {\n                // If marker range end is not the same as split position, simply use the default transformation, as there is no\n                // ambiguity in this case.\n                a.newRange.end = aNewRange.end;\n            }\n            return [\n                a\n            ];\n        }\n        a.newRange = a.newRange._getTransformedBySplitOperation(b);\n    }\n    return [\n        a\n    ];\n});\n// -----------------------\nsetTransformation(MergeOperation, InsertOperation, (a, b)=>{\n    if (a.sourcePosition.hasSameParentAs(b.position)) {\n        a.howMany += b.howMany;\n    }\n    a.sourcePosition = a.sourcePosition._getTransformedByInsertOperation(b);\n    a.targetPosition = a.targetPosition._getTransformedByInsertOperation(b);\n    return [\n        a\n    ];\n});\nsetTransformation(MergeOperation, MergeOperation, (a, b, context)=>{\n    // Case 1:\n    //\n    // Same merge operations.\n    //\n    // Both operations have same source and target positions. So the element already got merged and there is\n    // theoretically nothing to do.\n    //\n    if (a.sourcePosition.isEqual(b.sourcePosition) && a.targetPosition.isEqual(b.targetPosition)) {\n        // There are two ways that we can provide a do-nothing operation.\n        //\n        // First is simply a NoOperation instance. We will use it if `b` operation was not undone.\n        //\n        // Second is a merge operation that has the source operation in the merged element - in the graveyard -\n        // same target position and `howMany` equal to `0`. So it is basically merging an empty element from graveyard\n        // which is almost the same as NoOperation.\n        //\n        // This way the merge operation can be later transformed by split operation\n        // to provide correct undo. This will be used if `b` operation was undone (only then it is correct).\n        //\n        if (!context.bWasUndone) {\n            return [\n                new NoOperation(0)\n            ];\n        } else {\n            const path = b.graveyardPosition.path.slice();\n            path.push(0);\n            a.sourcePosition = new ModelPosition(b.graveyardPosition.root, path);\n            a.howMany = 0;\n            return [\n                a\n            ];\n        }\n    }\n    // Case 2:\n    //\n    // Same merge source position but different target position.\n    //\n    // This can happen during collaboration. For example, if one client merged a paragraph to the previous paragraph\n    // and the other person removed that paragraph and merged the same paragraph to something before:\n    //\n    // Client A:\n    // <p>Foo</p><p>Bar</p><p>[]Xyz</p>\n    // <p>Foo</p><p>BarXyz</p>\n    //\n    // Client B:\n    // <p>Foo</p>[<p>Bar</p>]<p>Xyz</p>\n    // <p>Foo</p><p>[]Xyz</p>\n    // <p>FooXyz</p>\n    //\n    // In this case we need to decide where finally \"Xyz\" will land:\n    //\n    // <p>FooXyz</p>               graveyard: <p>Bar</p>\n    // <p>Foo</p>                  graveyard: <p>BarXyz</p>\n    //\n    // Let's move it in a way so that a merge operation that does not target to graveyard is more important so that\n    // nodes does not end up in the graveyard. It makes sense. Both for Client A and for Client B \"Xyz\" finally did not\n    // end up in the graveyard (see above).\n    //\n    // If neither or both operations point to graveyard, then let `aIsStrong` decide.\n    //\n    if (a.sourcePosition.isEqual(b.sourcePosition) && !a.targetPosition.isEqual(b.targetPosition) && !context.bWasUndone && context.abRelation != 'splitAtSource') {\n        const aToGraveyard = a.targetPosition.root.rootName == '$graveyard';\n        const bToGraveyard = b.targetPosition.root.rootName == '$graveyard';\n        // If `aIsWeak` it means that `a` points to graveyard while `b` doesn't. Don't move nodes then.\n        const aIsWeak = aToGraveyard && !bToGraveyard;\n        // If `bIsWeak` it means that `b` points to graveyard while `a` doesn't. Force moving nodes then.\n        const bIsWeak = bToGraveyard && !aToGraveyard;\n        // Force move if `b` is weak or neither operation is weak but `a` is stronger through `context.aIsStrong`.\n        const forceMove = bIsWeak || !aIsWeak && context.aIsStrong;\n        if (forceMove) {\n            const sourcePosition = b.targetPosition._getTransformedByMergeOperation(b);\n            const targetPosition = a.targetPosition._getTransformedByMergeOperation(b);\n            return [\n                new MoveOperation(sourcePosition, a.howMany, targetPosition, 0)\n            ];\n        } else {\n            return [\n                new NoOperation(0)\n            ];\n        }\n    }\n    // The default case.\n    // TODO: Possibly, there's a missing case for same `targetPosition` but different `sourcePosition`.\n    //\n    if (a.sourcePosition.hasSameParentAs(b.targetPosition)) {\n        a.howMany += b.howMany;\n    }\n    a.sourcePosition = a.sourcePosition._getTransformedByMergeOperation(b);\n    a.targetPosition = a.targetPosition._getTransformedByMergeOperation(b);\n    // Handle positions in graveyard.\n    // If graveyard positions are same and `a` operation is strong - do not transform.\n    if (!a.graveyardPosition.isEqual(b.graveyardPosition) || !context.aIsStrong) {\n        a.graveyardPosition = a.graveyardPosition._getTransformedByMergeOperation(b);\n    }\n    return [\n        a\n    ];\n});\nsetTransformation(MergeOperation, MoveOperation, (a, b, context)=>{\n    // Case 1:\n    //\n    // The element to merge got removed.\n    //\n    // Merge operation does support merging elements which are not siblings. So it would not be a problem\n    // from technical point of view. However, if the element was removed, the intention of the user deleting it\n    // was to have it all deleted, together with its children. From user experience point of view, moving back the\n    // removed nodes might be unexpected. This means that in this scenario we will block the merging.\n    //\n    // The exception to this rule would be if the remove operation was later undone.\n    //\n    const removedRange = ModelRange._createFromPositionAndShift(b.sourcePosition, b.howMany);\n    if (b.type == 'remove' && !context.bWasUndone) {\n        if (a.deletionPosition.hasSameParentAs(b.sourcePosition) && removedRange.containsPosition(a.sourcePosition)) {\n            return [\n                new NoOperation(0)\n            ];\n        }\n    }\n    // In most cases we want `sourcePosition` to stick to previous and `targetPosition` to stick to next.\n    // Usually, `sourcePosition` is at the beginning of the merged element and `targetPosition` is at the end of the merge-target element.\n    //\n    // However, `sourcePosition` and `targetPosition` may end up in the middle of an element due to some OT magic that happens during undo.\n    // It is expected and used in `MergeOperation` x `SplitOperation` transformation.\n    //\n    // But when these positions are in the middle, it messes up the regular `MergeOperation` x `MoveOperation` transformation because\n    // these positions may \"follow\" some moved elements. And we want them stick in the original elements.\n    //\n    // This is why we add two extra cases: (1) and (2).\n    //\n    // But after this `MergeOperation` is transformed by \"this\" move (which is undone), we also need to define extra cases for\n    // the operation undoing previous move. These are (3) and (4).\n    //\n    // (1). Note that this case is also added to `updateRelations()` and sets `mergeSourceAffected` relation.\n    //\n    // [] is move operation, } is merge source position (sticks to previous by default):\n    // <p>A[b]}c</p>  ->  <p>A}c</p>\n    //\n    if (b.sourcePosition.getShiftedBy(b.howMany).isEqual(a.sourcePosition)) {\n        a.sourcePosition.stickiness = 'toNone';\n    } else if (b.targetPosition.isEqual(a.sourcePosition) && context.abRelation == 'mergeSourceAffected') {\n        a.sourcePosition.stickiness = 'toNext';\n    } else if (b.sourcePosition.isEqual(a.targetPosition)) {\n        a.targetPosition.stickiness = 'toNone';\n        a.howMany -= b.howMany;\n    } else if (b.targetPosition.isEqual(a.targetPosition) && context.abRelation == 'mergeTargetWasBefore') {\n        a.targetPosition.stickiness = 'toPrevious';\n        a.howMany += b.howMany;\n    } else {\n        if (a.sourcePosition.hasSameParentAs(b.targetPosition)) {\n            a.howMany += b.howMany;\n        }\n        if (a.sourcePosition.hasSameParentAs(b.sourcePosition)) {\n            a.howMany -= b.howMany;\n        }\n    }\n    a.sourcePosition = a.sourcePosition._getTransformedByMoveOperation(b);\n    a.targetPosition = a.targetPosition._getTransformedByMoveOperation(b);\n    // After transformations are done, make sure to revert stickiness in case if (1) - (4) scenario happened.\n    a.sourcePosition.stickiness = 'toPrevious';\n    a.targetPosition.stickiness = 'toNext';\n    // `MergeOperation` graveyard position is like `MoveOperation` target position. It is a position where element(s) will\n    // be moved. Like in other similar cases, we need to consider the scenario when those positions are same.\n    // Here, we will treat `MergeOperation` like it is always strong (see `InsertOperation` x `InsertOperation` for comparison).\n    // This means that we won't transform graveyard position if it is equal to move operation target position.\n    if (!a.graveyardPosition.isEqual(b.targetPosition)) {\n        a.graveyardPosition = a.graveyardPosition._getTransformedByMoveOperation(b);\n    }\n    return [\n        a\n    ];\n});\nsetTransformation(MergeOperation, SplitOperation, (a, b, context)=>{\n    if (b.graveyardPosition) {\n        // If `b` operation defines graveyard position, a node from graveyard will be moved. This means that we need to\n        // transform `a.graveyardPosition` accordingly.\n        a.graveyardPosition = a.graveyardPosition._getTransformedByDeletion(b.graveyardPosition, 1);\n        // This is a scenario foreseen in `MergeOperation` x `MergeOperation`, with two identical merge operations.\n        //\n        // So, there was `MergeOperation` x `MergeOperation` transformation earlier. Now, `a` is a merge operation which\n        // source position is in graveyard. Interestingly, split operation wants to use the node to be merged by `a`. This\n        // means that `b` is undoing that merge operation from earlier, which caused `a` to be in graveyard.\n        //\n        // If that's the case, at this point, we will only \"fix\" `a.howMany`. It was earlier set to `0` in\n        // `MergeOperation` x `MergeOperation` transformation. Later transformations in this function will change other\n        // properties.\n        //\n        if (a.deletionPosition.isEqual(b.graveyardPosition)) {\n            a.howMany = b.howMany;\n        }\n    }\n    // Case 1:\n    //\n    // Merge operation moves nodes to the place where split happens.\n    //\n    // This is a classic situation when there are two paragraphs, and there is a split (enter) at the end of the first\n    // paragraph and there is a merge (delete) at the beginning of the second paragraph:\n    //\n    // <p>Foo{}</p><p>[]Bar</p>.\n    //\n    // User A presses enter after `Foo`, while User B presses backspace before `Bar`. It is intuitive that after both operations, the\n    // editor state should stay the same.\n    //\n    // State after split:\n    // <p>Foo</p><p></p><p>[]Bar</p>\n    //\n    // When this happens, `Bar` should be merged to the newly created paragraph, to maintain the editor state:\n    // <p>Foo</p><p>Bar</p>\n    //\n    // Another option is to merge into the original paragraph `Foo`, according to the `targetPosition`. This results in an incorrect state:\n    // <p>FooBar</p><p></p>\n    //\n    // Also, consider an example where User A also writes something in the new paragraph:\n    // <p>Foo</p><p>Xyz</p><p>[]Bar</p>\n    //\n    // In this case it is clear that merge should happen into `[ 1, 3 ]` not into `[ 0, 3 ]`. It first has to be transformed to `[ 1, 0 ]`,\n    // and then transformed be insertion into `[ 1, 3 ]`.\n    //\n    // So, usually we want to move `targetPosition` to the new paragraph when it is same as split position. This is how it is handled\n    // in the default transformation (`_getTransformedBySplitOperation()`). We don't need a special case for this.\n    //\n    // However, there are two exceptions, when we **do not** want to transform `targetPosition`, and we need a special case then.\n    //\n    // These exceptions happen only if undo is involved. During OT, above presented case (`<p>Foo{}</p><p>[]Bar</p>`) is the only way\n    // how `SplitOperation#splitPosition` and `MergeOperation#targetPosition` can be the same.\n    //\n    // First exception is when the element to merge is in the graveyard and split operation uses it. In that case\n    // if target position would be transformed, the merge operation would target at the source position:\n    //\n    // root: <p>Foo[]</p>\t\t\t\tgraveyard: <p></p>\n    //\n    // SplitOperation: root [ 0, 3 ] using graveyard [ 0 ] (howMany = 0)\n    // MergeOperation: graveyard [ 0, 0 ] -> root [ 0, 3 ] (howMany = 0)\n    //\n    // Since split operation moves the graveyard element back to the root (to path `[ 1 ]`), the merge operation `sourcePosition` changes.\n    // After split we have: `<p>Foo</p><p></p>`, so `sourcePosition` is `[ 1, 0 ]`. But if `targetPosition` is transformed, then it\n    // also becomes `[ 1, 0 ]`. In this case, we want to keep the `targetPosition` as it was.\n    //\n    // Second exception is connected strictly with undo relations. If this `MergeOperation` was earlier transformed by\n    // `MergeOperation` and we stored an information that earlier the target position was not affected, then here, when transforming by\n    // `SplitOperation` we are not going to change it as well.\n    //\n    // For these two cases we will only transform `sourcePosition` and return early.\n    //\n    // Note, that earlier there was also third special case here. `targetPosition` was not transformed, if it pointed into the middle of\n    // target element, not into its end (as usual). This can also happen only with undo involved. However, it wasn't always a correct\n    // solution, as in some cases we actually wanted to transform `targetPosition`. Also, this case usually happens together with the second\n    // case described above. There is only one scenario that we have in our unit tests, where this third case happened without second case.\n    // However, this scenario went fine no matter if we transformed `targetPosition` or not. That's because this happened in the middle\n    // of transformation process and the operation was correctly transformed later on.\n    //\n    if (a.targetPosition.isEqual(b.splitPosition)) {\n        const mergeSplittingElement = b.graveyardPosition && a.deletionPosition.isEqual(b.graveyardPosition);\n        if (mergeSplittingElement || context.abRelation == 'mergeTargetNotMoved') {\n            a.sourcePosition = a.sourcePosition._getTransformedBySplitOperation(b);\n            return [\n                a\n            ];\n        }\n    }\n    // Case 2:\n    //\n    // Merge source is at the same position as split position. This sometimes happen, mostly during undo.\n    // The decision here is mostly to choose whether merge source position should stay where it is (so it will be at the end of the\n    // split element) or should be move to the beginning of the new element.\n    //\n    if (a.sourcePosition.isEqual(b.splitPosition)) {\n        // Use context to check if `SplitOperation` is not undoing a merge operation, that didn't change the `a` operation.\n        // This scenario happens the undone merge operation moved nodes at the source position of `a` operation.\n        // In that case `a` operation source position should stay where it is.\n        if (context.abRelation == 'mergeSourceNotMoved') {\n            a.howMany = 0;\n            a.targetPosition = a.targetPosition._getTransformedBySplitOperation(b);\n            return [\n                a\n            ];\n        }\n        // This merge operation might have been earlier transformed by a merge operation which both merged the same element.\n        // See that case in `MergeOperation` x `MergeOperation` transformation. In that scenario, if the merge operation has been undone,\n        // the special case is not applied.\n        //\n        // Now, the merge operation is transformed by the split which has undone that previous merge operation.\n        // So now we are fixing situation which was skipped in `MergeOperation` x `MergeOperation` case.\n        //\n        if (context.abRelation == 'mergeSameElement' || a.sourcePosition.offset > 0) {\n            a.sourcePosition = b.moveTargetPosition.clone();\n            a.targetPosition = a.targetPosition._getTransformedBySplitOperation(b);\n            return [\n                a\n            ];\n        }\n    }\n    // The default case.\n    //\n    if (a.sourcePosition.hasSameParentAs(b.splitPosition)) {\n        a.howMany = b.splitPosition.offset;\n    }\n    a.sourcePosition = a.sourcePosition._getTransformedBySplitOperation(b);\n    a.targetPosition = a.targetPosition._getTransformedBySplitOperation(b);\n    return [\n        a\n    ];\n});\n// -----------------------\nsetTransformation(MoveOperation, InsertOperation, (a, b)=>{\n    const moveRange = ModelRange._createFromPositionAndShift(a.sourcePosition, a.howMany);\n    const transformed = moveRange._getTransformedByInsertOperation(b, false)[0];\n    a.sourcePosition = transformed.start;\n    a.howMany = transformed.end.offset - transformed.start.offset;\n    // See `InsertOperation` x `MoveOperation` transformation for details on this case.\n    //\n    // In summary, both operations point to the same place, so the order of nodes needs to be decided.\n    // `MoveOperation` is considered weaker, so it is always transformed, unless there was a certain relation\n    // between operations.\n    //\n    if (!a.targetPosition.isEqual(b.position)) {\n        a.targetPosition = a.targetPosition._getTransformedByInsertOperation(b);\n    }\n    return [\n        a\n    ];\n});\nsetTransformation(MoveOperation, MoveOperation, (a, b, context)=>{\n    //\n    // Setting and evaluating some variables that will be used in special cases and default algorithm.\n    //\n    // Create ranges from `MoveOperations` properties.\n    const rangeA = ModelRange._createFromPositionAndShift(a.sourcePosition, a.howMany);\n    const rangeB = ModelRange._createFromPositionAndShift(b.sourcePosition, b.howMany);\n    // Assign `context.aIsStrong` to a different variable, because the value may change during execution of\n    // this algorithm and we do not want to override original `context.aIsStrong` that will be used in later transformations.\n    let aIsStrong = context.aIsStrong;\n    // This will be used to decide the order of nodes if both operations target at the same position.\n    // By default, use strong/weak operation mechanism.\n    let insertBefore = !context.aIsStrong;\n    // If the relation is set, then use it to decide nodes order.\n    if (context.abRelation == 'insertBefore' || context.baRelation == 'insertAfter') {\n        insertBefore = true;\n    } else if (context.abRelation == 'insertAfter' || context.baRelation == 'insertBefore') {\n        insertBefore = false;\n    }\n    // `a.targetPosition` could be affected by the `b` operation. We will transform it.\n    let newTargetPosition;\n    if (a.targetPosition.isEqual(b.targetPosition) && insertBefore) {\n        newTargetPosition = a.targetPosition._getTransformedByDeletion(b.sourcePosition, b.howMany);\n    } else {\n        newTargetPosition = a.targetPosition._getTransformedByMove(b.sourcePosition, b.targetPosition, b.howMany);\n    }\n    //\n    // Special case #1 + mirror.\n    //\n    // Special case when both move operations' target positions are inside nodes that are\n    // being moved by the other move operation. So in other words, we move ranges into inside of each other.\n    // This case can't be solved reasonably (on the other hand, it should not happen often).\n    if (_moveTargetIntoMovedRange(a, b) && _moveTargetIntoMovedRange(b, a)) {\n        // Instead of transforming operation, we return a reverse of the operation that we transform by.\n        // So when the results of this \"transformation\" will be applied, `b` MoveOperation will get reversed.\n        return [\n            b.getReversed()\n        ];\n    }\n    //\n    // End of special case #1.\n    //\n    //\n    // Special case #2.\n    //\n    // Check if `b` operation targets inside `rangeA`.\n    const bTargetsToA = rangeA.containsPosition(b.targetPosition);\n    // If `b` targets to `rangeA` and `rangeA` contains `rangeB`, `b` operation has no influence on `a` operation.\n    // You might say that operation `b` is captured inside operation `a`.\n    if (bTargetsToA && rangeA.containsRange(rangeB, true)) {\n        // There is a mini-special case here, where `rangeB` is on other level than `rangeA`. That's why\n        // we need to transform `a` operation anyway.\n        rangeA.start = rangeA.start._getTransformedByMove(b.sourcePosition, b.targetPosition, b.howMany);\n        rangeA.end = rangeA.end._getTransformedByMove(b.sourcePosition, b.targetPosition, b.howMany);\n        return _makeMoveOperationsFromRanges([\n            rangeA\n        ], newTargetPosition);\n    }\n    //\n    // Special case #2 mirror.\n    //\n    const aTargetsToB = rangeB.containsPosition(a.targetPosition);\n    if (aTargetsToB && rangeB.containsRange(rangeA, true)) {\n        // `a` operation is \"moved together\" with `b` operation.\n        // Here, just move `rangeA` \"inside\" `rangeB`.\n        rangeA.start = rangeA.start._getCombined(b.sourcePosition, b.getMovedRangeStart());\n        rangeA.end = rangeA.end._getCombined(b.sourcePosition, b.getMovedRangeStart());\n        return _makeMoveOperationsFromRanges([\n            rangeA\n        ], newTargetPosition);\n    }\n    //\n    // End of special case #2.\n    //\n    //\n    // Special case #3 + mirror.\n    //\n    // `rangeA` has a node which is an ancestor of `rangeB`. In other words, `rangeB` is inside `rangeA`\n    // but not on the same tree level. In such case ranges have common part but we have to treat it\n    // differently, because in such case those ranges are not really conflicting and should be treated like\n    // two separate ranges. Also we have to discard two difference parts.\n    const aCompB = compareArrays(a.sourcePosition.getParentPath(), b.sourcePosition.getParentPath());\n    if (aCompB == 'prefix' || aCompB == 'extension') {\n        // Transform `rangeA` by `b` operation and make operation out of it, and that's all.\n        // Note that this is a simplified version of default case, but here we treat the common part (whole `rangeA`)\n        // like a one difference part.\n        rangeA.start = rangeA.start._getTransformedByMove(b.sourcePosition, b.targetPosition, b.howMany);\n        rangeA.end = rangeA.end._getTransformedByMove(b.sourcePosition, b.targetPosition, b.howMany);\n        return _makeMoveOperationsFromRanges([\n            rangeA\n        ], newTargetPosition);\n    }\n    //\n    // End of special case #3.\n    //\n    //\n    // Default case - ranges are on the same level or are not connected with each other.\n    //\n    // Modifier for default case.\n    // Modifies `aIsStrong` flag in certain conditions.\n    //\n    // If only one of operations is a remove operation, we force remove operation to be the \"stronger\" one\n    // to provide more expected results.\n    if (a.type == 'remove' && b.type != 'remove' && !context.aWasUndone && !context.forceWeakRemove) {\n        aIsStrong = true;\n    } else if (a.type != 'remove' && b.type == 'remove' && !context.bWasUndone && !context.forceWeakRemove) {\n        aIsStrong = false;\n    }\n    // Handle operation's source ranges - check how `rangeA` is affected by `b` operation.\n    // This will aggregate transformed ranges.\n    const ranges = [];\n    // Get the \"difference part\" of `a` operation source range.\n    // This is an array with one or two ranges. Two ranges if `rangeB` is inside `rangeA`.\n    const difference = rangeA.getDifference(rangeB);\n    for (const range of difference){\n        // Transform those ranges by `b` operation. For example if `b` moved range from before those ranges, fix those ranges.\n        range.start = range.start._getTransformedByDeletion(b.sourcePosition, b.howMany);\n        range.end = range.end._getTransformedByDeletion(b.sourcePosition, b.howMany);\n        // If `b` operation targets into `rangeA` on the same level, spread `rangeA` into two ranges.\n        const shouldSpread = compareArrays(range.start.getParentPath(), b.getMovedRangeStart().getParentPath()) == 'same';\n        const newRanges = range._getTransformedByInsertion(b.getMovedRangeStart(), b.howMany, shouldSpread);\n        ranges.push(...newRanges);\n    }\n    // Then, we have to manage the \"common part\" of both move ranges.\n    const common = rangeA.getIntersection(rangeB);\n    if (common !== null && aIsStrong) {\n        // Calculate the new position of that part of original range.\n        common.start = common.start._getCombined(b.sourcePosition, b.getMovedRangeStart());\n        common.end = common.end._getCombined(b.sourcePosition, b.getMovedRangeStart());\n        // Take care of proper range order.\n        //\n        // Put `common` at appropriate place. Keep in mind that we are interested in original order.\n        // Basically there are only three cases: there is zero, one or two difference ranges.\n        //\n        // If there is zero difference ranges, just push `common` in the array.\n        if (ranges.length === 0) {\n            ranges.push(common);\n        } else if (ranges.length == 1) {\n            if (rangeB.start.isBefore(rangeA.start) || rangeB.start.isEqual(rangeA.start)) {\n                ranges.unshift(common);\n            } else {\n                ranges.push(common);\n            }\n        } else {\n            ranges.splice(1, 0, common);\n        }\n    }\n    if (ranges.length === 0) {\n        // If there are no \"source ranges\", nothing should be changed.\n        // Note that this can happen only if `aIsStrong == false` and `rangeA.isEqual( rangeB )`.\n        return [\n            new NoOperation(a.baseVersion)\n        ];\n    }\n    return _makeMoveOperationsFromRanges(ranges, newTargetPosition);\n});\nsetTransformation(MoveOperation, SplitOperation, (a, b, context)=>{\n    let newTargetPosition = a.targetPosition.clone();\n    // Do not transform if target position is same as split insertion position and this split comes from undo.\n    // This should be done on relations but it is too much work for now as it would require relations working in collaboration.\n    // We need to make a decision how we will resolve such conflict and this is less harmful way.\n    if (!a.targetPosition.isEqual(b.insertionPosition) || !b.graveyardPosition || context.abRelation == 'moveTargetAfter') {\n        newTargetPosition = a.targetPosition._getTransformedBySplitOperation(b);\n    }\n    // Case 1:\n    //\n    // Split operation brings back an element that was earlier a part of the move operation (first element of the original move operation).\n    //\n    if (a.sourcePosition.isEqual(b.insertionPosition) && context.abRelation == 'firstToMoveMerged') {\n        a.howMany++;\n        a.targetPosition = newTargetPosition;\n        return [\n            a\n        ];\n    }\n    // Case 2:\n    //\n    // Last element in the moved range got split.\n    //\n    // In this case the default range transformation will not work correctly as the element created by\n    // split operation would be outside the range. The range to move needs to be fixed manually.\n    //\n    const moveRange = ModelRange._createFromPositionAndShift(a.sourcePosition, a.howMany);\n    if (moveRange.end.isEqual(b.insertionPosition)) {\n        // Do it only if this is a \"natural\" split, not a one that comes from undo.\n        // If this is undo split, only `targetPosition` needs to be changed (if the move is a remove).\n        if (!b.graveyardPosition || context.abRelation == 'lastToMoveMerged') {\n            a.howMany++;\n        }\n        a.targetPosition = newTargetPosition;\n        return [\n            a\n        ];\n    }\n    // Case 3:\n    //\n    // Split happened between the moved nodes. In this case two ranges to move need to be generated.\n    //\n    // Characters `ozba` are moved to the end of paragraph `Xyz` but split happened.\n    // <p>F[oz|ba]r</p><p>Xyz</p>\n    //\n    // After split:\n    // <p>F[oz</p><p>ba]r</p><p>Xyz</p>\n    //\n    // Correct ranges:\n    // <p>F[oz]</p><p>[ba]r</p><p>Xyz</p>\n    //\n    // After move:\n    // <p>F</p><p>r</p><p>Xyzozba</p>\n    //\n    if (moveRange.start.hasSameParentAs(b.splitPosition) && moveRange.containsPosition(b.splitPosition)) {\n        let rightRange = new ModelRange(b.splitPosition, moveRange.end);\n        rightRange = rightRange._getTransformedBySplitOperation(b);\n        const ranges = [\n            new ModelRange(moveRange.start, b.splitPosition),\n            rightRange\n        ];\n        return _makeMoveOperationsFromRanges(ranges, newTargetPosition);\n    }\n    // Case 4:\n    //\n    // Move operation targets at the split position. We need to decide if the nodes should be inserted\n    // at the end of the split element or at the beginning of the new element.\n    //\n    if (a.targetPosition.isEqual(b.splitPosition) && context.abRelation == 'insertAtSource') {\n        newTargetPosition = b.moveTargetPosition;\n    }\n    // Case 5:\n    //\n    // Move operation targets just after the split element. We need to decide if the nodes should be inserted\n    // between two parts of split element, or after the new element.\n    //\n    // Split at `|`, while move operation moves `<p>Xyz</p>` and targets at `^`:\n    // <p>Foo|bar</p>^<p>baz</p>\n    // <p>Foo</p>^<p>bar</p><p>baz</p> or <p>Foo</p><p>bar</p>^<p>baz</p>?\n    //\n    // If there is no contextual information between operations (for example, they come from collaborative\n    // editing), we don't want to put some unrelated content (move) between parts of related content (split parts).\n    // However, if the split is from undo, in the past, the moved content might be targeting between the\n    // split parts, meaning that was exactly user's intention:\n    //\n    // <p>Foo</p>^<p>bar</p>\t\t<--- original situation, in \"past\".\n    // <p>Foobar</p>^\t\t\t\t<--- after merge target position is transformed.\n    // <p>Foo|bar</p>^\t\t\t\t<--- then the merge is undone, and split happens, which leads us to current situation.\n    //\n    // In this case it is pretty clear that the intention was to put new paragraph between those nodes,\n    // so we need to transform accordingly. We can detect this scenario thanks to relations.\n    //\n    if (a.targetPosition.isEqual(b.insertionPosition) && context.abRelation == 'insertBetween') {\n        newTargetPosition = a.targetPosition;\n    }\n    // The default case.\n    //\n    const transformed = moveRange._getTransformedBySplitOperation(b);\n    const ranges = [\n        transformed\n    ];\n    // Case 6:\n    //\n    // Moved range contains graveyard element used by split operation. Add extra move operation to the result.\n    //\n    if (b.graveyardPosition) {\n        const movesGraveyardElement = moveRange.start.isEqual(b.graveyardPosition) || moveRange.containsPosition(b.graveyardPosition);\n        if (a.howMany > 1 && movesGraveyardElement && !context.aWasUndone) {\n            ranges.push(ModelRange._createFromPositionAndShift(b.insertionPosition, 1));\n        }\n    }\n    return _makeMoveOperationsFromRanges(ranges, newTargetPosition);\n});\nsetTransformation(MoveOperation, MergeOperation, (a, b, context)=>{\n    const movedRange = ModelRange._createFromPositionAndShift(a.sourcePosition, a.howMany);\n    if (b.deletionPosition.hasSameParentAs(a.sourcePosition) && movedRange.containsPosition(b.sourcePosition)) {\n        if (a.type == 'remove' && !context.forceWeakRemove) {\n            // Case 1:\n            //\n            // The element to remove got merged.\n            //\n            // Merge operation does support merging elements which are not siblings. So it would not be a problem\n            // from technical point of view. However, if the element was removed, the intention of the user\n            // deleting it was to have it all deleted. From user experience point of view, moving back the\n            // removed nodes might be unexpected. This means that in this scenario we will reverse merging and remove the element.\n            //\n            if (!context.aWasUndone) {\n                const results = [];\n                let gyMoveSource = b.graveyardPosition.clone();\n                let splitNodesMoveSource = b.targetPosition._getTransformedByMergeOperation(b);\n                // `a.targetPosition` points to graveyard, so it was probably affected by `b` (which moved merged element to the graveyard).\n                const aTarget = a.targetPosition.getTransformedByOperation(b);\n                if (a.howMany > 1) {\n                    results.push(new MoveOperation(a.sourcePosition, a.howMany - 1, aTarget, 0));\n                    gyMoveSource = gyMoveSource._getTransformedByMove(a.sourcePosition, aTarget, a.howMany - 1);\n                    splitNodesMoveSource = splitNodesMoveSource._getTransformedByMove(a.sourcePosition, aTarget, a.howMany - 1);\n                }\n                const gyMoveTarget = b.deletionPosition._getCombined(a.sourcePosition, aTarget);\n                const gyMove = new MoveOperation(gyMoveSource, 1, gyMoveTarget, 0);\n                const splitNodesMoveTargetPath = gyMove.getMovedRangeStart().path.slice();\n                splitNodesMoveTargetPath.push(0);\n                const splitNodesMoveTarget = new ModelPosition(gyMove.targetPosition.root, splitNodesMoveTargetPath);\n                splitNodesMoveSource = splitNodesMoveSource._getTransformedByMove(gyMoveSource, gyMoveTarget, 1);\n                const splitNodesMove = new MoveOperation(splitNodesMoveSource, b.howMany, splitNodesMoveTarget, 0);\n                results.push(gyMove);\n                results.push(splitNodesMove);\n                return results;\n            }\n        } else {\n            // Case 2:\n            //\n            // The element to move got merged and it was the only element to move.\n            // In this case just don't do anything, leave the node in the graveyard. Without special case\n            // it would be a move operation that moves 0 nodes, so maybe it is better just to return no-op.\n            //\n            if (a.howMany == 1) {\n                if (!context.bWasUndone) {\n                    return [\n                        new NoOperation(0)\n                    ];\n                } else {\n                    a.sourcePosition = b.graveyardPosition.clone();\n                    a.targetPosition = a.targetPosition._getTransformedByMergeOperation(b);\n                    return [\n                        a\n                    ];\n                }\n            }\n        }\n    }\n    // The default case.\n    //\n    const moveRange = ModelRange._createFromPositionAndShift(a.sourcePosition, a.howMany);\n    const transformed = moveRange._getTransformedByMergeOperation(b);\n    a.sourcePosition = transformed.start;\n    a.howMany = transformed.end.offset - transformed.start.offset;\n    a.targetPosition = a.targetPosition._getTransformedByMergeOperation(b);\n    return [\n        a\n    ];\n});\n// -----------------------\nsetTransformation(RenameOperation, InsertOperation, (a, b)=>{\n    a.position = a.position._getTransformedByInsertOperation(b);\n    return [\n        a\n    ];\n});\nsetTransformation(RenameOperation, MergeOperation, (a, b)=>{\n    // Case 1:\n    //\n    // Element to rename got merged, so it was moved to `b.graveyardPosition`.\n    //\n    if (a.position.isEqual(b.deletionPosition)) {\n        a.position = b.graveyardPosition.clone();\n        a.position.stickiness = 'toNext';\n        return [\n            a\n        ];\n    }\n    a.position = a.position._getTransformedByMergeOperation(b);\n    return [\n        a\n    ];\n});\nsetTransformation(RenameOperation, MoveOperation, (a, b)=>{\n    a.position = a.position._getTransformedByMoveOperation(b);\n    return [\n        a\n    ];\n});\nsetTransformation(RenameOperation, RenameOperation, (a, b, context)=>{\n    if (a.position.isEqual(b.position)) {\n        if (context.aIsStrong) {\n            a.oldName = b.newName;\n        } else {\n            return [\n                new NoOperation(0)\n            ];\n        }\n    }\n    return [\n        a\n    ];\n});\nsetTransformation(RenameOperation, SplitOperation, (a, b)=>{\n    // Case 1:\n    //\n    // The element to rename has been split. In this case, the new element should be also renamed.\n    //\n    // User decides to change the paragraph to a list item:\n    // <paragraph>Foobar</paragraph>\n    //\n    // However, in meantime, split happens:\n    // <paragraph>Foo</paragraph><paragraph>bar</paragraph>\n    //\n    // As a result, rename both elements:\n    // <listItem>Foo</listItem><listItem>bar</listItem>\n    //\n    const renamePath = a.position.path;\n    const splitPath = b.splitPosition.getParentPath();\n    if (compareArrays(renamePath, splitPath) == 'same' && !b.graveyardPosition) {\n        const extraRename = new RenameOperation(a.position.getShiftedBy(1), a.oldName, a.newName, 0);\n        return [\n            a,\n            extraRename\n        ];\n    }\n    // The default case.\n    //\n    a.position = a.position._getTransformedBySplitOperation(b);\n    return [\n        a\n    ];\n});\n// -----------------------\nsetTransformation(RootAttributeOperation, RootAttributeOperation, (a, b, context)=>{\n    if (a.root === b.root && a.key === b.key) {\n        if (!context.aIsStrong || a.newValue === b.newValue) {\n            return [\n                new NoOperation(0)\n            ];\n        } else {\n            a.oldValue = b.newValue;\n        }\n    }\n    return [\n        a\n    ];\n});\n// -----------------------\nsetTransformation(RootOperation, RootOperation, (a, b)=>{\n    if (a.rootName === b.rootName && a.isAdd === b.isAdd) {\n        return [\n            new NoOperation(0)\n        ];\n    }\n    return [\n        a\n    ];\n});\n// -----------------------\nsetTransformation(SplitOperation, InsertOperation, (a, b)=>{\n    // The default case.\n    //\n    if (a.splitPosition.hasSameParentAs(b.position) && a.splitPosition.offset < b.position.offset) {\n        a.howMany += b.howMany;\n    }\n    a.splitPosition = a.splitPosition._getTransformedByInsertOperation(b);\n    a.insertionPosition = a.insertionPosition._getTransformedByInsertOperation(b);\n    return [\n        a\n    ];\n});\nsetTransformation(SplitOperation, MergeOperation, (a, b, context)=>{\n    // Case 1:\n    //\n    // Split element got merged. If two different elements were merged, clients will have different content.\n    //\n    // Example. Merge at `{}`, split at `[]`:\n    // <heading>Foo</heading>{}<paragraph>B[]ar</paragraph>\n    //\n    // On merge side it will look like this:\n    // <heading>FooB[]ar</heading>\n    // <heading>FooB</heading><heading>ar</heading>\n    //\n    // On split side it will look like this:\n    // <heading>Foo</heading>{}<paragraph>B</paragraph><paragraph>ar</paragraph>\n    // <heading>FooB</heading><paragraph>ar</paragraph>\n    //\n    // Clearly, the second element is different for both clients.\n    //\n    // We could use the removed merge element from graveyard as a split element but then clients would have a different\n    // model state (in graveyard), because the split side client would still have an element in graveyard (removed by merge).\n    //\n    // To overcome this, in `SplitOperation` x `MergeOperation` transformation we will add additional `SplitOperation`\n    // in the graveyard, which will actually clone the merged-and-deleted element. Then, that cloned element will be\n    // used for splitting. Example below.\n    //\n    // Original state:\n    // <heading>Foo</heading>{}<paragraph>B[]ar</paragraph>\n    //\n    // Merge side client:\n    //\n    // After merge:\n    // <heading>FooB[]ar</heading>                                 graveyard: <paragraph></paragraph>\n    //\n    // Extra split:\n    // <heading>FooB[]ar</heading>                                 graveyard: <paragraph></paragraph><paragraph></paragraph>\n    //\n    // Use the \"cloned\" element from graveyard:\n    // <heading>FooB</heading><paragraph>ar</paragraph>            graveyard: <paragraph></paragraph>\n    //\n    // Split side client:\n    //\n    // After split:\n    // <heading>Foo</heading>{}<paragraph>B</paragraph><paragraph>ar</paragraph>\n    //\n    // After merge:\n    // <heading>FooB</heading><paragraph>ar</paragraph>            graveyard: <paragraph></paragraph>\n    //\n    // This special case scenario only applies if the original split operation clones the split element.\n    // If the original split operation has `graveyardPosition` set, it all doesn't have sense because split operation\n    // knows exactly which element it should use. So there would be no original problem with different contents.\n    //\n    // Additionally, the special case applies only if the merge wasn't already undone.\n    //\n    if (!a.graveyardPosition && !context.bWasUndone && a.splitPosition.hasSameParentAs(b.sourcePosition)) {\n        const splitPath = b.graveyardPosition.path.slice();\n        splitPath.push(0);\n        const splitPosition = new ModelPosition(b.graveyardPosition.root, splitPath);\n        const insertionPosition = SplitOperation.getInsertionPosition(new ModelPosition(b.graveyardPosition.root, splitPath));\n        const additionalSplit = new SplitOperation(splitPosition, 0, insertionPosition, null, 0);\n        a.splitPosition = a.splitPosition._getTransformedByMergeOperation(b);\n        a.insertionPosition = SplitOperation.getInsertionPosition(a.splitPosition);\n        a.graveyardPosition = additionalSplit.insertionPosition.clone();\n        a.graveyardPosition.stickiness = 'toNext';\n        return [\n            additionalSplit,\n            a\n        ];\n    }\n    // The default case.\n    //\n    if (a.splitPosition.hasSameParentAs(b.deletionPosition) && !a.splitPosition.isAfter(b.deletionPosition)) {\n        a.howMany--;\n    }\n    if (a.splitPosition.hasSameParentAs(b.targetPosition)) {\n        a.howMany += b.howMany;\n    }\n    a.splitPosition = a.splitPosition._getTransformedByMergeOperation(b);\n    a.insertionPosition = SplitOperation.getInsertionPosition(a.splitPosition);\n    if (a.graveyardPosition) {\n        a.graveyardPosition = a.graveyardPosition._getTransformedByMergeOperation(b);\n    }\n    return [\n        a\n    ];\n});\nsetTransformation(SplitOperation, MoveOperation, (a, b, context)=>{\n    const rangeToMove = ModelRange._createFromPositionAndShift(b.sourcePosition, b.howMany);\n    if (a.graveyardPosition) {\n        // Case 1:\n        //\n        // Split operation graveyard node was moved. In this case move operation is stronger. Since graveyard element\n        // is already moved to the correct position, we need to only move the nodes after the split position.\n        // This will be done by `MoveOperation` instead of `SplitOperation`.\n        //\n        const gyElementMoved = rangeToMove.start.isEqual(a.graveyardPosition) || rangeToMove.containsPosition(a.graveyardPosition);\n        if (!context.bWasUndone && gyElementMoved) {\n            const sourcePosition = a.splitPosition._getTransformedByMoveOperation(b);\n            const newParentPosition = a.graveyardPosition._getTransformedByMoveOperation(b);\n            const newTargetPath = newParentPosition.path.slice();\n            newTargetPath.push(0);\n            const newTargetPosition = new ModelPosition(newParentPosition.root, newTargetPath);\n            const moveOp = new MoveOperation(sourcePosition, a.howMany, newTargetPosition, 0);\n            return [\n                moveOp\n            ];\n        }\n        a.graveyardPosition = a.graveyardPosition._getTransformedByMoveOperation(b);\n    }\n    // Case 2:\n    //\n    // Split is at a position where nodes were moved.\n    //\n    // This is a scenario described in `MoveOperation` x `SplitOperation` transformation but from the\n    // \"split operation point of view\".\n    //\n    const splitAtTarget = a.splitPosition.isEqual(b.targetPosition);\n    if (splitAtTarget && (context.baRelation == 'insertAtSource' || context.abRelation == 'splitBefore')) {\n        a.howMany += b.howMany;\n        a.splitPosition = a.splitPosition._getTransformedByDeletion(b.sourcePosition, b.howMany);\n        a.insertionPosition = SplitOperation.getInsertionPosition(a.splitPosition);\n        return [\n            a\n        ];\n    }\n    if (splitAtTarget && context.abRelation && context.abRelation.howMany) {\n        const { howMany, offset } = context.abRelation;\n        a.howMany += howMany;\n        a.splitPosition = a.splitPosition.getShiftedBy(offset);\n        // TODO: `insertionPosition` change missing?\n        return [\n            a\n        ];\n    }\n    // Case 3:\n    //\n    // If the split position is inside the moved range, we need to shift the split position to a proper place.\n    // The position cannot be moved together with moved range because that would result in splitting of an incorrect element.\n    //\n    // Characters `bc` should be moved to the second paragraph while split position is between them:\n    // <paragraph>A[b|c]d</paragraph><paragraph>Xyz</paragraph>\n    //\n    // After move, new split position is incorrect:\n    // <paragraph>Ad</paragraph><paragraph>Xb|cyz</paragraph>\n    //\n    // Correct split position:\n    // <paragraph>A|d</paragraph><paragraph>Xbcyz</paragraph>\n    //\n    // After split:\n    // <paragraph>A</paragraph><paragraph>d</paragraph><paragraph>Xbcyz</paragraph>\n    //\n    if (a.splitPosition.hasSameParentAs(b.sourcePosition) && rangeToMove.containsPosition(a.splitPosition)) {\n        const howManyRemoved = b.howMany - (a.splitPosition.offset - b.sourcePosition.offset);\n        a.howMany -= howManyRemoved;\n        if (a.splitPosition.hasSameParentAs(b.targetPosition) && a.splitPosition.offset < b.targetPosition.offset) {\n            a.howMany += b.howMany;\n        }\n        a.splitPosition = b.sourcePosition.clone();\n        a.insertionPosition = SplitOperation.getInsertionPosition(a.splitPosition);\n        return [\n            a\n        ];\n    }\n    // The default case.\n    // Don't change `howMany` if move operation does not really move anything.\n    //\n    if (!b.sourcePosition.isEqual(b.targetPosition)) {\n        if (a.splitPosition.hasSameParentAs(b.sourcePosition) && a.splitPosition.offset <= b.sourcePosition.offset) {\n            a.howMany -= b.howMany;\n        }\n        if (a.splitPosition.hasSameParentAs(b.targetPosition) && a.splitPosition.offset < b.targetPosition.offset) {\n            a.howMany += b.howMany;\n        }\n    }\n    // Change position stickiness to force a correct transformation.\n    a.splitPosition.stickiness = 'toNone';\n    a.splitPosition = a.splitPosition._getTransformedByMoveOperation(b);\n    a.splitPosition.stickiness = 'toNext';\n    if (a.graveyardPosition) {\n        a.insertionPosition = a.insertionPosition._getTransformedByMoveOperation(b);\n    } else {\n        a.insertionPosition = SplitOperation.getInsertionPosition(a.splitPosition);\n    }\n    return [\n        a\n    ];\n});\nsetTransformation(SplitOperation, SplitOperation, (a, b, context)=>{\n    // Case 1:\n    //\n    // Split at the same position.\n    //\n    // If there already was a split at the same position as in `a` operation, it means that the intention\n    // conveyed by `a` operation has already been fulfilled and `a` should not do anything (to avoid double split).\n    //\n    // However, there is a difference if these are new splits or splits created by undo. These have different\n    // intentions. Also splits moving back different elements from graveyard have different intentions. They\n    // are just different operations.\n    //\n    // So we cancel split operation only if it was really identical.\n    //\n    // Also, there is additional case, where split operations aren't identical and should not be cancelled, however the\n    // default transformation is incorrect too.\n    //\n    if (a.splitPosition.isEqual(b.splitPosition)) {\n        if (!a.graveyardPosition && !b.graveyardPosition) {\n            return [\n                new NoOperation(0)\n            ];\n        }\n        if (a.graveyardPosition && b.graveyardPosition && a.graveyardPosition.isEqual(b.graveyardPosition)) {\n            return [\n                new NoOperation(0)\n            ];\n        }\n        // Use context to know that the `a.splitPosition` should stay where it is.\n        // This happens during undo when first a merge operation moved nodes to `a.splitPosition` and now `b` operation undoes that merge.\n        if (context.abRelation == 'splitBefore') {\n            // Since split is at the same position, there are no nodes left to split.\n            a.howMany = 0;\n            // Note: there was `if ( a.graveyardPosition )` here but it was uncovered in tests and I couldn't find any scenarios for now.\n            // That would have to be a `SplitOperation` that didn't come from undo but is transformed by operations that were undone.\n            // It could happen if `context` is enabled in collaboration.\n            a.graveyardPosition = a.graveyardPosition._getTransformedBySplitOperation(b);\n            return [\n                a\n            ];\n        }\n    }\n    // Case 2:\n    //\n    // Same node is using to split different elements. This happens in undo when previously same element was merged to\n    // two different elements. This is described in `MergeOperation` x `MergeOperation` transformation.\n    //\n    // In this case we will follow the same logic. We will assume that `insertionPosition` is same for both\n    // split operations. This might not always be true but in the real cases that were experienced it was. After all,\n    // if these splits are reverses of merge operations that were merging the same element, then the `insertionPosition`\n    // should be same for both of those splits.\n    //\n    // Again, we will decide which operation is stronger by checking if split happens in graveyard or in non-graveyard root.\n    //\n    if (a.graveyardPosition && b.graveyardPosition && a.graveyardPosition.isEqual(b.graveyardPosition)) {\n        const aInGraveyard = a.splitPosition.root.rootName == '$graveyard';\n        const bInGraveyard = b.splitPosition.root.rootName == '$graveyard';\n        // If `aIsWeak` it means that `a` points to graveyard while `b` doesn't. Don't move nodes then.\n        const aIsWeak = aInGraveyard && !bInGraveyard;\n        // If `bIsWeak` it means that `b` points to graveyard while `a` doesn't. Force moving nodes then.\n        const bIsWeak = bInGraveyard && !aInGraveyard;\n        // Force move if `b` is weak or neither operation is weak but `a` is stronger through `context.aIsStrong`.\n        const forceMove = bIsWeak || !aIsWeak && context.aIsStrong;\n        if (forceMove) {\n            const result = [];\n            // First we need to move any nodes split by `b` back to where they were.\n            // Do it only if `b` actually moved something.\n            if (b.howMany) {\n                result.push(new MoveOperation(b.moveTargetPosition, b.howMany, b.splitPosition, 0));\n            }\n            // Then we need to move nodes from `a` split position to their new element.\n            // Do it only if `a` actually should move something.\n            if (a.howMany) {\n                result.push(new MoveOperation(a.splitPosition, a.howMany, a.moveTargetPosition, 0));\n            }\n            return result;\n        } else {\n            return [\n                new NoOperation(0)\n            ];\n        }\n    }\n    if (a.graveyardPosition) {\n        a.graveyardPosition = a.graveyardPosition._getTransformedBySplitOperation(b);\n    }\n    // Case 3:\n    //\n    // Position where operation `b` inserted a new node after split is the same as the operation `a` split position.\n    // As in similar cases, there is ambiguity if the split should be before the new node (created by `b`) or after.\n    //\n    if (a.splitPosition.isEqual(b.insertionPosition) && context.abRelation == 'splitBefore') {\n        a.howMany++;\n        return [\n            a\n        ];\n    }\n    // Case 4:\n    //\n    // This is a mirror to the case 2. above.\n    //\n    if (b.splitPosition.isEqual(a.insertionPosition) && context.baRelation == 'splitBefore') {\n        const newPositionPath = b.insertionPosition.path.slice();\n        newPositionPath.push(0);\n        const newPosition = new ModelPosition(b.insertionPosition.root, newPositionPath);\n        const moveOp = new MoveOperation(a.insertionPosition, 1, newPosition, 0);\n        return [\n            a,\n            moveOp\n        ];\n    }\n    // The default case.\n    //\n    if (a.splitPosition.hasSameParentAs(b.splitPosition) && a.splitPosition.offset < b.splitPosition.offset) {\n        a.howMany -= b.howMany;\n    }\n    a.splitPosition = a.splitPosition._getTransformedBySplitOperation(b);\n    a.insertionPosition = SplitOperation.getInsertionPosition(a.splitPosition);\n    return [\n        a\n    ];\n});\n/**\n * Checks whether `MoveOperation` `targetPosition` is inside a node from the moved range of the other `MoveOperation`.\n */ function _moveTargetIntoMovedRange(a, b) {\n    return a.targetPosition._getTransformedByDeletion(b.sourcePosition, b.howMany) === null;\n}\n/**\n * Helper function for `MoveOperation` x `MoveOperation` transformation. Converts given ranges and target position to\n * move operations and returns them.\n *\n * Ranges and target position will be transformed on-the-fly when generating operations.\n *\n * Given `ranges` should be in the order of how they were in the original transformed operation.\n *\n * Given `targetPosition` is the target position of the first range from `ranges`.\n */ function _makeMoveOperationsFromRanges(ranges, targetPosition) {\n    // At this moment we have some ranges and a target position, to which those ranges should be moved.\n    // Order in `ranges` array is the go-to order of after transformation.\n    //\n    // We are almost done. We have `ranges` and `targetPosition` to make operations from.\n    // Unfortunately, those operations may affect each other. Precisely, first operation after move\n    // may affect source range and target position of second and third operation. Same with second\n    // operation affecting third.\n    //\n    // We need to fix those source ranges and target positions once again, before converting `ranges` to operations.\n    const operations = [];\n    // Keep in mind that nothing will be transformed if there is just one range in `ranges`.\n    for(let i = 0; i < ranges.length; i++){\n        // Create new operation out of a range and target position.\n        const range = ranges[i];\n        const op = new MoveOperation(range.start, range.end.offset - range.start.offset, targetPosition, 0);\n        operations.push(op);\n        // Transform other ranges by the generated operation.\n        for(let j = i + 1; j < ranges.length; j++){\n            // All ranges in `ranges` array should be:\n            //\n            // * non-intersecting (these are part of original operation source range), and\n            // * `targetPosition` does not target into them (opposite would mean that transformed operation targets \"inside itself\").\n            //\n            // This means that the transformation will be \"clean\" and always return one result.\n            ranges[j] = ranges[j]._getTransformedByMove(op.sourcePosition, op.targetPosition, op.howMany)[0];\n        }\n        targetPosition = targetPosition._getTransformedByMove(op.sourcePosition, op.targetPosition, op.howMany);\n    }\n    return operations;\n}\n\n/**\n * `ModelLivePosition` is a type of {@link module:engine/model/position~ModelPosition Position}\n * that updates itself as {@link module:engine/model/document~ModelDocument document}\n * is changed through operations. It may be used as a bookmark.\n *\n * **Note:** Contrary to {@link module:engine/model/position~ModelPosition}, `ModelLivePosition` works only in roots that are\n * {@link module:engine/model/rootelement~ModelRootElement}.\n * If {@link module:engine/model/documentfragment~ModelDocumentFragment} is passed, error will be thrown.\n *\n * **Note:** Be very careful when dealing with `ModelLivePosition`. Each `ModelLivePosition` instance bind events that might\n * have to be unbound.\n * Use {@link module:engine/model/liveposition~ModelLivePosition#detach} whenever you don't need `ModelLivePosition` anymore.\n */ class ModelLivePosition extends /* #__PURE__ */ EmitterMixin(ModelPosition) {\n    /**\n\t * Creates a live position.\n\t *\n\t * @see module:engine/model/position~ModelPosition\n\t */ constructor(root, path, stickiness = 'toNone'){\n        super(root, path, stickiness);\n        if (!this.root.is('rootElement')) {\n            /**\n\t\t\t * LivePosition's root has to be an instance of ModelRootElement.\n\t\t\t *\n\t\t\t * @error model-liveposition-root-not-rootelement\n\t\t\t */ throw new CKEditorError('model-liveposition-root-not-rootelement', root);\n        }\n        bindWithDocument.call(this);\n    }\n    /**\n\t * Unbinds all events previously bound by `ModelLivePosition`. Use it whenever you don't need `ModelLivePosition` instance\n\t * anymore (i.e. when leaving scope in which it was declared or before re-assigning variable that was\n\t * referring to it).\n\t */ detach() {\n        this.stopListening();\n    }\n    /**\n\t * Creates a {@link module:engine/model/position~ModelPosition position instance}, which is equal to this live position.\n\t */ toPosition() {\n        return new ModelPosition(this.root, this.path.slice(), this.stickiness);\n    }\n    /**\n\t * Creates a `ModelLivePosition` instance that is equal to position.\n\t */ static fromPosition(position, stickiness) {\n        return new this(position.root, position.path.slice(), stickiness ? stickiness : position.stickiness);\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelLivePosition.prototype.is = function(type) {\n    return type === 'livePosition' || type === 'model:livePosition' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n    type == 'position' || type === 'model:position';\n};\n/**\n * Binds this `ModelLivePosition` to the {@link module:engine/model/document~ModelDocument document} that owns\n * this position's {@link module:engine/model/position~ModelPosition#root root}.\n */ function bindWithDocument() {\n    this.listenTo(this.root.document.model, 'applyOperation', (event, args)=>{\n        const operation = args[0];\n        if (!operation.isDocumentOperation) {\n            return;\n        }\n        transform.call(this, operation);\n    }, {\n        priority: 'low'\n    });\n}\n/**\n * Updates this position accordingly to the updates applied to the model. Bases on change events.\n */ function transform(operation) {\n    const result = this.getTransformedByOperation(operation);\n    if (!this.isEqual(result)) {\n        const oldPosition = this.toPosition();\n        this.path = result.path;\n        this.root = result.root;\n        this.fire('change', oldPosition);\n    }\n}\n\n/**\n * A batch instance groups model changes ({@link module:engine/model/operation/operation~Operation operations}). All operations\n * grouped in a single batch can be reverted together, so you can also think about a batch as of a single undo step. If you want\n * to extend a given undo step, you can add more changes to the batch using {@link module:engine/model/model~Model#enqueueChange}:\n *\n * ```ts\n * model.enqueueChange( batch, writer => {\n * \twriter.insertText( 'foo', paragraph, 'end' );\n * } );\n * ```\n *\n * @see module:engine/model/model~Model#enqueueChange\n * @see module:engine/model/model~Model#change\n */ class Batch {\n    /**\n\t * An array of operations that compose this batch.\n\t */ operations;\n    /**\n\t * Whether the batch can be undone through the undo feature.\n\t */ isUndoable;\n    /**\n\t * Whether the batch includes operations created locally (`true`) or operations created on other, remote editors (`false`).\n\t */ isLocal;\n    /**\n\t * Whether the batch was created by the undo feature and undoes other operations.\n\t */ isUndo;\n    /**\n\t * Whether the batch includes operations connected with typing.\n\t */ isTyping;\n    /**\n\t * Creates a batch instance.\n\t *\n\t * @see module:engine/model/model~Model#enqueueChange\n\t * @see module:engine/model/model~Model#change\n\t * @param type A set of flags that specify the type of the batch. Batch type can alter how some of the features work\n\t * when encountering a given `Batch` instance (for example, when a feature listens to applied operations).\n\t */ constructor(type = {}){\n        if (typeof type === 'string') {\n            type = type === 'transparent' ? {\n                isUndoable: false\n            } : {};\n            /**\n\t\t\t * The string value for a `type` property of the `Batch` constructor has been deprecated and will be removed in the near future.\n\t\t\t * Please refer to the {@link module:engine/model/batch~Batch#constructor `Batch` constructor API documentation} for more\n\t\t\t * information.\n\t\t\t *\n\t\t\t * @error batch-constructor-deprecated-string-type\n\t\t\t */ logWarning('batch-constructor-deprecated-string-type');\n        }\n        const { isUndoable = true, isLocal = true, isUndo = false, isTyping = false } = type;\n        this.operations = [];\n        this.isUndoable = isUndoable;\n        this.isLocal = isLocal;\n        this.isUndo = isUndo;\n        this.isTyping = isTyping;\n    }\n    /**\n\t * Returns the base version of this batch, which is equal to the base version of the first operation in the batch.\n\t * If there are no operations in the batch or neither operation has the base version set, it returns `null`.\n\t */ get baseVersion() {\n        for (const op of this.operations){\n            if (op.baseVersion !== null) {\n                return op.baseVersion;\n            }\n        }\n        return null;\n    }\n    /**\n\t * Adds an operation to the batch instance.\n\t *\n\t * @param operation An operation to add.\n\t * @returns The added operation.\n\t */ addOperation(operation) {\n        if (operation.isDocumentOperation) {\n            // Store only document operations in the batch.\n            // Non-document operations are temporary and should be discarded after they are applied.\n            operation.batch = this;\n            this.operations.push(operation);\n        }\n        return operation;\n    }\n}\n\n/**\n * Calculates the difference between two model states.\n *\n * Receives operations that are to be applied on the model document. Marks parts of the model document tree which\n * are changed and saves the state of these elements before the change. Then, it compares saved elements with the\n * changed elements, after all changes are applied on the model document. Calculates the diff between saved\n * elements and new ones and returns a change set.\n */ class Differ {\n    /**\n\t * Priority of the {@link ~Differ#_elementState element states}. States on higher indexes of the array can overwrite states on the lower\n\t * indexes.\n\t */ static _statesPriority = [\n        undefined,\n        'refresh',\n        'rename',\n        'move'\n    ];\n    /**\n\t * Reference to the model's marker collection.\n\t */ _markerCollection;\n    /**\n\t * A map that stores changes that happened in a given element.\n\t *\n\t * The keys of the map are references to the model elements.\n\t * The values of the map are arrays with changes that were done on this element.\n\t */ _changesInElement = new Map();\n    /**\n\t * Stores a snapshot for these model nodes that might have changed.\n\t *\n\t * This complements {@link ~Differ#_elementChildrenSnapshots `_elementChildrenSnapshots`}.\n\t *\n\t * See also {@link ~DifferSnapshot}.\n\t */ _elementsSnapshots = new Map();\n    /**\n\t * For each element or document fragment inside which there was a change, it stores a snapshot of the child nodes list (an array\n\t * of children snapshots that represent the state in the element / fragment before any change has happened).\n\t *\n\t * This complements {@link ~Differ#_elementsSnapshots `_elementsSnapshots`}.\n\t *\n\t * See also {@link ~DifferSnapshot}.\n\t */ _elementChildrenSnapshots = new Map();\n    /**\n\t * Keeps the state for a given element, describing how the element was changed so far. It is used to evaluate the `action` property\n\t * of diff items returned by {@link ~Differ#getChanges}.\n\t *\n\t * Possible values, in the order from the lowest priority to the highest priority:\n\t *\n\t * * `'refresh'` - element was refreshed,\n\t * * `'rename'` - element was renamed,\n\t * * `'move'` - element was moved (or, usually, removed, that is moved to the graveyard).\n\t *\n\t * Element that was refreshed, may change its state to `'rename'` if it was later renamed, or to `'move'` if it was removed.\n\t * But the element cannot change its state from `'move'` to `'rename'`, or from `'rename'` to `'refresh'`.\n\t *\n\t * Only already existing elements are registered in `_elementState`. If a new element was inserted as a result of a buffered operation,\n\t * it is not be registered in `_elementState`.\n\t */ _elementState = new Map();\n    /**\n\t * A map that stores all changed markers.\n\t *\n\t * The keys of the map are marker names.\n\t *\n\t * The values of the map are objects with the following properties:\n\t *\n\t * * `oldMarkerData`,\n\t * * `newMarkerData`.\n\t */ _changedMarkers = new Map();\n    /**\n\t * A map that stores all roots that have been changed.\n\t *\n\t * The keys are the names of the roots while value represents the changes.\n\t */ _changedRoots = new Map();\n    /**\n\t * Stores the number of changes that were processed. Used to order the changes chronologically. It is important\n\t * when changes are sorted.\n\t */ _changeCount = 0;\n    /**\n\t * For efficiency purposes, `Differ` stores the change set returned by the differ after {@link #getChanges} call.\n\t * Cache is reset each time a new operation is buffered. If the cache has not been reset, {@link #getChanges} will\n\t * return the cached value instead of calculating it again.\n\t *\n\t * This property stores those changes that did not take place in graveyard root.\n\t */ _cachedChanges = null;\n    /**\n\t * For efficiency purposes, `Differ` stores the change set returned by the differ after the {@link #getChanges} call.\n\t * The cache is reset each time a new operation is buffered. If the cache has not been reset, {@link #getChanges} will\n\t * return the cached value instead of calculating it again.\n\t *\n\t * This property stores all changes evaluated by `Differ`, including those that took place in the graveyard.\n\t */ _cachedChangesWithGraveyard = null;\n    /**\n\t * Set of model items that were marked to get refreshed in {@link #_refreshItem}.\n\t */ _refreshedItems = new Set();\n    /**\n\t * Creates a `Differ` instance.\n\t *\n\t * @param markerCollection Model's marker collection.\n\t */ constructor(markerCollection){\n        this._markerCollection = markerCollection;\n    }\n    /**\n\t * Informs whether there are any changes buffered in `Differ`.\n\t */ get isEmpty() {\n        return this._changesInElement.size == 0 && this._changedMarkers.size == 0 && this._changedRoots.size == 0;\n    }\n    /**\n\t * Buffers the given operation. **An operation has to be buffered before it is executed.**\n\t *\n\t * @param operationToBuffer An operation to buffer.\n\t */ bufferOperation(operationToBuffer) {\n        // Below we take an operation, check its type, then use its parameters in marking (private) methods.\n        // The general rule is to not mark elements inside inserted element. All inserted elements are re-rendered.\n        // Marking changes in them would cause a \"double\" changing then.\n        //\n        const operation = operationToBuffer;\n        // Note: an operation that happens inside a non-loaded root will be ignored. If the operation happens partially inside\n        // a non-loaded root, that part will be ignored (this may happen for move or marker operations).\n        //\n        switch(operation.type){\n            case 'insert':\n                {\n                    if (this._isInInsertedElement(operation.position.parent)) {\n                        return;\n                    }\n                    this._markInsert(operation.position.parent, operation.position.offset, operation.nodes.maxOffset);\n                    break;\n                }\n            case 'addAttribute':\n            case 'removeAttribute':\n            case 'changeAttribute':\n                {\n                    for (const item of operation.range.getItems({\n                        shallow: true\n                    })){\n                        if (this._isInInsertedElement(item.parent)) {\n                            continue;\n                        }\n                        this._markAttribute(item);\n                    }\n                    break;\n                }\n            case 'remove':\n            case 'move':\n            case 'reinsert':\n                {\n                    // When range is moved to the same position then not mark it as a change.\n                    // See: https://github.com/ckeditor/ckeditor5-engine/issues/1664.\n                    if (operation.sourcePosition.isEqual(operation.targetPosition) || operation.sourcePosition.getShiftedBy(operation.howMany).isEqual(operation.targetPosition)) {\n                        return;\n                    }\n                    const sourceParentInserted = this._isInInsertedElement(operation.sourcePosition.parent);\n                    const targetParentInserted = this._isInInsertedElement(operation.targetPosition.parent);\n                    if (!sourceParentInserted) {\n                        this._markRemove(operation.sourcePosition.parent, operation.sourcePosition.offset, operation.howMany);\n                    }\n                    if (!targetParentInserted) {\n                        this._markInsert(operation.targetPosition.parent, operation.getMovedRangeStart().offset, operation.howMany);\n                    }\n                    // Remember -- operation is buffered before it is executed. So, it was not executed yet.\n                    const range = ModelRange._createFromPositionAndShift(operation.sourcePosition, operation.howMany);\n                    for (const node of range.getItems({\n                        shallow: true\n                    })){\n                        this._setElementState(node, 'move');\n                    }\n                    break;\n                }\n            case 'rename':\n                {\n                    if (this._isInInsertedElement(operation.position.parent)) {\n                        return;\n                    }\n                    this._markRemove(operation.position.parent, operation.position.offset, 1);\n                    this._markInsert(operation.position.parent, operation.position.offset, 1);\n                    const range = ModelRange._createFromPositionAndShift(operation.position, 1);\n                    for (const marker of this._markerCollection.getMarkersIntersectingRange(range)){\n                        const markerData = marker.getData();\n                        this.bufferMarkerChange(marker.name, markerData, markerData);\n                    }\n                    this._setElementState(operation.position.nodeAfter, 'rename');\n                    break;\n                }\n            case 'split':\n                {\n                    const splitElement = operation.splitPosition.parent;\n                    // Mark that children of the split element were removed.\n                    if (!this._isInInsertedElement(splitElement)) {\n                        this._markRemove(splitElement, operation.splitPosition.offset, operation.howMany);\n                        // Remember -- operation is buffered before it is executed. So, it was not executed yet.\n                        const range = ModelRange._createFromPositionAndShift(operation.splitPosition, operation.howMany);\n                        for (const node of range.getItems({\n                            shallow: true\n                        })){\n                            this._setElementState(node, 'move');\n                        }\n                    }\n                    // Mark that the new element (split copy) was inserted.\n                    if (!this._isInInsertedElement(operation.insertionPosition.parent)) {\n                        this._markInsert(operation.insertionPosition.parent, operation.insertionPosition.offset, 1);\n                    }\n                    // If the split took the element from the graveyard, mark that the element from the graveyard was removed.\n                    if (operation.graveyardPosition) {\n                        this._markRemove(operation.graveyardPosition.parent, operation.graveyardPosition.offset, 1);\n                        this._setElementState(operation.graveyardPosition.nodeAfter, 'move');\n                    }\n                    break;\n                }\n            case 'merge':\n                {\n                    // Mark that the merged element was removed.\n                    const mergedElement = operation.sourcePosition.parent;\n                    if (!this._isInInsertedElement(mergedElement.parent)) {\n                        this._markRemove(mergedElement.parent, mergedElement.startOffset, 1);\n                    }\n                    // Mark that the merged element was inserted into graveyard.\n                    const graveyardParent = operation.graveyardPosition.parent;\n                    this._markInsert(graveyardParent, operation.graveyardPosition.offset, 1);\n                    this._setElementState(mergedElement, 'move');\n                    // Mark that children of merged element were inserted at new parent.\n                    const mergedIntoElement = operation.targetPosition.parent;\n                    if (!this._isInInsertedElement(mergedIntoElement)) {\n                        this._markInsert(mergedIntoElement, operation.targetPosition.offset, mergedElement.maxOffset);\n                        // Remember -- operation is buffered before it is executed. So, it was not executed yet.\n                        const range = ModelRange._createFromPositionAndShift(operation.sourcePosition, operation.howMany);\n                        for (const node of range.getItems({\n                            shallow: true\n                        })){\n                            this._setElementState(node, 'move');\n                        }\n                    }\n                    break;\n                }\n            case 'detachRoot':\n            case 'addRoot':\n                {\n                    const root = operation.affectedSelectable;\n                    if (!root._isLoaded) {\n                        return;\n                    }\n                    // Don't buffer if the root state does not change.\n                    if (root.isAttached() == operation.isAdd) {\n                        return;\n                    }\n                    this._bufferRootStateChange(operation.rootName, operation.isAdd);\n                    break;\n                }\n            case 'addRootAttribute':\n            case 'removeRootAttribute':\n            case 'changeRootAttribute':\n                {\n                    if (!operation.root._isLoaded) {\n                        return;\n                    }\n                    const rootName = operation.root.rootName;\n                    this._bufferRootAttributeChange(rootName, operation.key, operation.oldValue, operation.newValue);\n                    break;\n                }\n        }\n        // Clear cache after each buffered operation as it is no longer valid.\n        this._cachedChanges = null;\n    }\n    /**\n\t * Buffers a marker change.\n\t *\n\t * @param markerName The name of the marker that changed.\n\t * @param oldMarkerData Marker data before the change.\n\t * @param newMarkerData Marker data after the change.\n\t */ bufferMarkerChange(markerName, oldMarkerData, newMarkerData) {\n        if (oldMarkerData.range && oldMarkerData.range.root.is('rootElement') && !oldMarkerData.range.root._isLoaded) {\n            oldMarkerData.range = null;\n        }\n        if (newMarkerData.range && newMarkerData.range.root.is('rootElement') && !newMarkerData.range.root._isLoaded) {\n            newMarkerData.range = null;\n        }\n        let buffered = this._changedMarkers.get(markerName);\n        if (!buffered) {\n            buffered = {\n                newMarkerData,\n                oldMarkerData\n            };\n            this._changedMarkers.set(markerName, buffered);\n        } else {\n            buffered.newMarkerData = newMarkerData;\n        }\n        if (buffered.oldMarkerData.range == null && newMarkerData.range == null) {\n            // The marker is going to be removed (`newMarkerData.range == null`) but it did not exist before the first buffered change\n            // (`buffered.oldMarkerData.range == null`). In this case, do not keep the marker in buffer at all.\n            this._changedMarkers.delete(markerName);\n        }\n    }\n    /**\n\t * Returns all markers that should be removed as a result of buffered changes.\n\t *\n\t * @returns Markers to remove. Each array item is an object containing the `name` and `range` properties.\n\t */ getMarkersToRemove() {\n        const result = [];\n        for (const [name, change] of this._changedMarkers){\n            if (change.oldMarkerData.range != null) {\n                result.push({\n                    name,\n                    range: change.oldMarkerData.range\n                });\n            }\n        }\n        return result;\n    }\n    /**\n\t * Returns all markers which should be added as a result of buffered changes.\n\t *\n\t * @returns Markers to add. Each array item is an object containing the `name` and `range` properties.\n\t */ getMarkersToAdd() {\n        const result = [];\n        for (const [name, change] of this._changedMarkers){\n            if (change.newMarkerData.range != null) {\n                result.push({\n                    name,\n                    range: change.newMarkerData.range\n                });\n            }\n        }\n        return result;\n    }\n    /**\n\t * Returns all markers which changed.\n\t */ getChangedMarkers() {\n        return Array.from(this._changedMarkers).map(([name, change])=>({\n                name,\n                data: {\n                    oldRange: change.oldMarkerData.range,\n                    newRange: change.newMarkerData.range\n                }\n            }));\n    }\n    /**\n\t * Checks whether some of the buffered changes affect the editor data.\n\t *\n\t * Types of changes which affect the editor data:\n\t *\n\t * * model structure changes,\n\t * * attribute changes,\n\t * * a root is added or detached,\n\t * * changes of markers which were defined as `affectsData`,\n\t * * changes of markers' `affectsData` property.\n\t */ hasDataChanges() {\n        if (this.getChanges().length) {\n            return true;\n        }\n        if (this._changedRoots.size > 0) {\n            return true;\n        }\n        for (const { newMarkerData, oldMarkerData } of this._changedMarkers.values()){\n            if (newMarkerData.affectsData !== oldMarkerData.affectsData) {\n                return true;\n            }\n            if (newMarkerData.affectsData) {\n                const markerAdded = newMarkerData.range && !oldMarkerData.range;\n                const markerRemoved = !newMarkerData.range && oldMarkerData.range;\n                const markerChanged = newMarkerData.range && oldMarkerData.range && !newMarkerData.range.isEqual(oldMarkerData.range);\n                if (markerAdded || markerRemoved || markerChanged) {\n                    return true;\n                }\n            }\n        }\n        return false;\n    }\n    /**\n\t * Calculates the diff between the old model tree state (the state before the first buffered operations since the last {@link #reset}\n\t * call) and the new model tree state (actual one). It should be called after all buffered operations are executed.\n\t *\n\t * The diff set is returned as an array of {@link module:engine/model/differ~DifferItem diff items}, each describing a change done\n\t * on the model. The items are sorted by the position on which the change happened. If a position\n\t * {@link module:engine/model/position~ModelPosition#isBefore is before} another one, it will be on an earlier index in the diff set.\n\t *\n\t * **Note**: Elements inside inserted element will not have a separate diff item, only the top most element change will be reported.\n\t *\n\t * Because calculating the diff is a costly operation, the result is cached. If no new operation was buffered since the\n\t * previous {@link #getChanges} call, the next call will return the cached value.\n\t *\n\t * @param options Additional options.\n\t * @param options.includeChangesInGraveyard If set to `true`, also changes that happened\n\t * in the graveyard root will be returned. By default, changes in the graveyard root are not returned.\n\t * @returns Diff between the old and the new model tree state.\n\t */ getChanges(options = {}) {\n        // If there are cached changes, just return them instead of calculating changes again.\n        if (this._cachedChanges) {\n            if (options.includeChangesInGraveyard) {\n                return this._cachedChangesWithGraveyard.slice();\n            } else {\n                return this._cachedChanges.slice();\n            }\n        }\n        // Will contain returned results.\n        let diffSet = [];\n        // Check all changed elements/roots.\n        for (const element of this._changesInElement.keys()){\n            // Get changes inside this element/root and sort them.\n            const changes = this._changesInElement.get(element).sort((a, b)=>{\n                if (a.offset === b.offset) {\n                    if (a.type != b.type) {\n                        // If there are multiple changes at the same position, \"remove\" change should be first.\n                        // If the order is different, for example, we would first add some nodes and then removed them\n                        // (instead of the nodes that we should remove).\n                        return a.type == 'remove' ? -1 : 1;\n                    }\n                    return 0;\n                }\n                return a.offset < b.offset ? -1 : 1;\n            });\n            // Get children of this element before any change was applied on it.\n            const childrenBefore = this._elementChildrenSnapshots.get(element);\n            // Get snapshot of current element's children.\n            const childrenAfter = _getChildrenSnapshots(element.getChildren());\n            // Generate diff instructions based on changes done in the element/root.\n            const diffInstructions = _generateDiffInstructionsFromChanges(childrenBefore.length, changes);\n            let i = 0; // Iterator in `childrenAfter` array -- iterates through current children of element.\n            let j = 0; // Iterator in `childrenBefore` array -- iterates through old children of element.\n            // Process every action.\n            for (const instruction of diffInstructions){\n                if (instruction === 'i') {\n                    const action = this._getDiffActionForNode(childrenAfter[i].node, 'insert');\n                    const childSnapshotBefore = this._elementsSnapshots.get(childrenAfter[i].node);\n                    const diffItem = this._getInsertDiff(element, i, action, childrenAfter[i], childSnapshotBefore);\n                    diffSet.push(diffItem);\n                    i++;\n                } else if (instruction === 'r') {\n                    const action = this._getDiffActionForNode(childrenBefore[j].node, 'remove');\n                    const diffItem = this._getRemoveDiff(element, i, action, childrenBefore[j]);\n                    diffSet.push(diffItem);\n                    j++;\n                } else if (instruction === 'a') {\n                    // Take attributes from saved and current children.\n                    const beforeAttributes = childrenBefore[j].attributes;\n                    const afterAttributes = childrenAfter[i].attributes;\n                    let range;\n                    if (childrenAfter[i].name == '$text') {\n                        range = new ModelRange(ModelPosition._createAt(element, i), ModelPosition._createAt(element, i + 1));\n                    } else {\n                        const index = element.offsetToIndex(i);\n                        range = new ModelRange(ModelPosition._createAt(element, i), ModelPosition._createAt(element.getChild(index), 0));\n                    }\n                    // Generate diff items for this change (there might be multiple attributes changed and\n                    // there is a single diff for each of them) and insert them into the diff set.\n                    const diffItems = this._getAttributesDiff(range, beforeAttributes, afterAttributes);\n                    diffSet.push(...diffItems);\n                    i++;\n                    j++;\n                } else {\n                    // `action` is 'equal'. Child not changed.\n                    i++;\n                    j++;\n                }\n            }\n        }\n        // Then, sort the changes by the position (change at position before other changes is first).\n        diffSet.sort((a, b)=>{\n            // If the change is in different root, we don't care much, but we'd like to have all changes in given\n            // root \"together\" in the array. So let's just sort them by the root name. It does not matter which root\n            // will be processed first.\n            if (a.position.root != b.position.root) {\n                return a.position.root.rootName < b.position.root.rootName ? -1 : 1;\n            }\n            // If change happens at the same position...\n            if (a.position.isEqual(b.position)) {\n                // Keep chronological order of operations.\n                return a.changeCount - b.changeCount;\n            }\n            // If positions differ, position \"on the left\" should be earlier in the result.\n            return a.position.isBefore(b.position) ? -1 : 1;\n        });\n        // Glue together multiple changes (mostly on text nodes).\n        for(let i = 1, prevIndex = 0; i < diffSet.length; i++){\n            const prevDiff = diffSet[prevIndex];\n            const thisDiff = diffSet[i];\n            // Glue remove changes if they happen on text on same position.\n            const isConsecutiveTextRemove = prevDiff.type == 'remove' && thisDiff.type == 'remove' && prevDiff.name == '$text' && thisDiff.name == '$text' && prevDiff.position.isEqual(thisDiff.position);\n            // Glue insert changes if they happen on text on consecutive fragments.\n            const isConsecutiveTextAdd = prevDiff.type == 'insert' && thisDiff.type == 'insert' && prevDiff.name == '$text' && thisDiff.name == '$text' && prevDiff.position.parent == thisDiff.position.parent && prevDiff.position.offset + prevDiff.length == thisDiff.position.offset;\n            // Glue attribute changes if they happen on consecutive fragments and have same key, old value and new value.\n            const isConsecutiveAttributeChange = prevDiff.type == 'attribute' && thisDiff.type == 'attribute' && prevDiff.position.parent == thisDiff.position.parent && prevDiff.range.isFlat && thisDiff.range.isFlat && prevDiff.position.offset + prevDiff.length == thisDiff.position.offset && prevDiff.attributeKey == thisDiff.attributeKey && prevDiff.attributeOldValue == thisDiff.attributeOldValue && prevDiff.attributeNewValue == thisDiff.attributeNewValue;\n            if (isConsecutiveTextRemove || isConsecutiveTextAdd || isConsecutiveAttributeChange) {\n                prevDiff.length++;\n                if (isConsecutiveAttributeChange) {\n                    prevDiff.range.end = prevDiff.range.end.getShiftedBy(1);\n                }\n                diffSet[i] = null;\n            } else {\n                prevIndex = i;\n            }\n        }\n        diffSet = diffSet.filter((v)=>v);\n        // Remove `changeCount` property from diff items. It is used only for sorting and is internal thing.\n        for (const item of diffSet){\n            delete item.changeCount;\n            if (item.type == 'attribute') {\n                delete item.position;\n                delete item.length;\n            }\n        }\n        this._changeCount = 0;\n        // Cache changes.\n        this._cachedChangesWithGraveyard = diffSet;\n        this._cachedChanges = diffSet.filter(_changesInGraveyardFilter);\n        if (options.includeChangesInGraveyard) {\n            return this._cachedChangesWithGraveyard.slice();\n        } else {\n            return this._cachedChanges.slice();\n        }\n    }\n    /**\n\t * Returns all roots that have changed (either were attached, or detached, or their attributes changed).\n\t *\n\t * @returns Diff between the old and the new roots state.\n\t */ getChangedRoots() {\n        return Array.from(this._changedRoots.values()).map((diffItem)=>{\n            const entry = {\n                ...diffItem\n            };\n            if (entry.state !== undefined) {\n                // The root was attached or detached -- do not return its attributes changes.\n                // If the root was attached, it should be handled as a whole, together with its attributes, the same way as model nodes.\n                // If the root was detached, its attributes should be discarded anyway.\n                //\n                // Keep in mind that filtering must happen on this stage (when retrieving changes). If filtering happens on-the-fly as\n                // the attributes change, it may lead to incorrect situation, e.g.: detach root, change attribute, re-attach root.\n                // In this case, attribute change cannot be filtered. After the root is re-attached, the attribute change must be kept.\n                delete entry.attributes;\n            }\n            return entry;\n        });\n    }\n    /**\n\t * Returns a set of model items that were marked to get refreshed.\n\t */ getRefreshedItems() {\n        return new Set(this._refreshedItems);\n    }\n    /**\n\t * Resets `Differ`. Removes all buffered changes.\n\t */ reset() {\n        this._changesInElement.clear();\n        this._elementChildrenSnapshots.clear();\n        this._elementsSnapshots.clear();\n        this._elementState.clear();\n        this._changedMarkers.clear();\n        this._changedRoots.clear();\n        this._refreshedItems.clear();\n        this._cachedChanges = null;\n    }\n    /**\n\t * Marks the given `item` in differ to be \"refreshed\". It means that the item will be marked as removed and inserted\n\t * in the differ changes set, so it will be effectively re-converted when the differ changes are handled by a dispatcher.\n\t *\n\t * @internal\n\t * @param item Item to refresh.\n\t */ _refreshItem(item) {\n        if (this._isInInsertedElement(item.parent)) {\n            return;\n        }\n        this._markRemove(item.parent, item.startOffset, item.offsetSize);\n        this._markInsert(item.parent, item.startOffset, item.offsetSize);\n        this._refreshedItems.add(item);\n        this._setElementState(item, 'refresh');\n        const range = ModelRange._createOn(item);\n        for (const marker of this._markerCollection.getMarkersIntersectingRange(range)){\n            const markerData = marker.getData();\n            this.bufferMarkerChange(marker.name, markerData, markerData);\n        }\n        // Clear cache after each buffered operation as it is no longer valid.\n        this._cachedChanges = null;\n    }\n    /**\n\t * Buffers all the data related to given root like it was all just added to the editor.\n\t *\n\t * Following changes are buffered:\n\t *\n\t * * root is attached,\n\t * * all root content is inserted,\n\t * * all root attributes are added,\n\t * * all markers inside the root are added.\n\t *\n\t * @internal\n\t */ _bufferRootLoad(root) {\n        if (!root.isAttached()) {\n            return;\n        }\n        this._bufferRootStateChange(root.rootName, true);\n        this._markInsert(root, 0, root.maxOffset);\n        // Buffering root attribute changes makes sense and is actually needed, even though we buffer root state change above.\n        // Because the root state change is buffered, the root attributes changes are not returned by the differ.\n        // But, if the root attribute is removed in the same change block, or the root is detached, then the differ results would be wrong.\n        //\n        for (const key of root.getAttributeKeys()){\n            this._bufferRootAttributeChange(root.rootName, key, null, root.getAttribute(key));\n        }\n        for (const marker of this._markerCollection){\n            if (marker.getRange().root == root) {\n                const markerData = marker.getData();\n                this.bufferMarkerChange(marker.name, {\n                    ...markerData,\n                    range: null\n                }, markerData);\n            }\n        }\n    }\n    /**\n\t * Buffers the root state change after the root was attached or detached\n\t */ _bufferRootStateChange(rootName, isAttached) {\n        if (!this._changedRoots.has(rootName)) {\n            this._changedRoots.set(rootName, {\n                name: rootName,\n                state: isAttached ? 'attached' : 'detached'\n            });\n            return;\n        }\n        const diffItem = this._changedRoots.get(rootName);\n        if (diffItem.state !== undefined) {\n            // Root `state` can only toggle between one of the values and no value. It cannot be any other way,\n            // because if the root was originally attached it can only become detached. Then, if it is re-attached in the same batch of\n            // changes, it gets back to \"no change\" (which means no value). Same if the root was originally detached.\n            delete diffItem.state;\n            if (diffItem.attributes === undefined) {\n                // If there is no `state` change and no `attributes` change, remove the entry.\n                this._changedRoots.delete(rootName);\n            }\n        } else {\n            diffItem.state = isAttached ? 'attached' : 'detached';\n        }\n    }\n    /**\n\t * Buffers a root attribute change.\n\t */ _bufferRootAttributeChange(rootName, key, oldValue, newValue) {\n        const diffItem = this._changedRoots.get(rootName) || {\n            name: rootName\n        };\n        const attrs = diffItem.attributes || {};\n        if (attrs[key]) {\n            // If this attribute or metadata was already changed earlier and is changed again, check to what value it is changed.\n            const attrEntry = attrs[key];\n            if (newValue === attrEntry.oldValue) {\n                // If it was changed back to the old value, remove the entry.\n                delete attrs[key];\n            } else {\n                // If it was changed to a different value, update the entry.\n                attrEntry.newValue = newValue;\n            }\n        } else {\n            // If this attribute or metadata was not set earlier, add an entry.\n            attrs[key] = {\n                oldValue,\n                newValue\n            };\n        }\n        if (Object.entries(attrs).length === 0) {\n            // If attributes or metadata changes set became empty, remove it from the diff item.\n            delete diffItem.attributes;\n            if (diffItem.state === undefined) {\n                // If there is no `state` change and no `attributes` change, remove the entry.\n                this._changedRoots.delete(rootName);\n            }\n        } else {\n            // Make sure that, if a new object in the structure was created, it gets set.\n            diffItem.attributes = attrs;\n            this._changedRoots.set(rootName, diffItem);\n        }\n    }\n    /**\n\t * Saves and handles an insert change.\n\t */ _markInsert(parent, offset, howMany) {\n        if (parent.root.is('rootElement') && !parent.root._isLoaded) {\n            return;\n        }\n        const changeItem = {\n            type: 'insert',\n            offset,\n            howMany,\n            count: this._changeCount++\n        };\n        this._markChange(parent, changeItem);\n    }\n    /**\n\t * Saves and handles a remove change.\n\t */ _markRemove(parent, offset, howMany) {\n        if (parent.root.is('rootElement') && !parent.root._isLoaded) {\n            return;\n        }\n        const changeItem = {\n            type: 'remove',\n            offset,\n            howMany,\n            count: this._changeCount++\n        };\n        this._markChange(parent, changeItem);\n        this._removeAllNestedChanges(parent, offset, howMany);\n    }\n    /**\n\t * Saves and handles an attribute change.\n\t */ _markAttribute(item) {\n        if (item.root.is('rootElement') && !item.root._isLoaded) {\n            return;\n        }\n        const changeItem = {\n            type: 'attribute',\n            offset: item.startOffset,\n            howMany: item.offsetSize,\n            count: this._changeCount++\n        };\n        this._markChange(item.parent, changeItem);\n    }\n    /**\n\t * Saves and handles a model change.\n\t */ _markChange(parent, changeItem) {\n        // First, make a snapshot of the parent and its children (it will be made only if it was not made before).\n        this._makeSnapshots(parent);\n        // Then, get all changes that already were done on the element (empty array if this is the first change).\n        const changes = this._getChangesForElement(parent);\n        // Then, look through all the changes, and transform them or the new change.\n        this._handleChange(changeItem, changes);\n        // Add the new change.\n        changes.push(changeItem);\n        // Remove incorrect changes. During transformation some change might be, for example, included in another.\n        // In that case, the change will have `howMany` property set to `0` or less. We need to remove those changes.\n        for(let i = 0; i < changes.length; i++){\n            if (changes[i].howMany < 1) {\n                changes.splice(i, 1);\n                i--;\n            }\n        }\n    }\n    /**\n\t * Tries to set given state for given item.\n\t *\n\t * This method does simple validation (it sets the state only for model elements, not for text proxy nodes). It also follows state\n\t * setting rules, that is, `'refresh'` cannot overwrite `'rename'`, and `'rename'` cannot overwrite `'move'`.\n\t */ _setElementState(node, state) {\n        if (!node.is('element')) {\n            return;\n        }\n        const currentStatePriority = Differ._statesPriority.indexOf(this._elementState.get(node));\n        const newStatePriority = Differ._statesPriority.indexOf(state);\n        if (newStatePriority > currentStatePriority) {\n            this._elementState.set(node, state);\n        }\n    }\n    /**\n\t * Returns a value for {@link ~DifferItemAction `action`} property for diff items returned by {@link ~Differ#getChanges}.\n\t * This method aims to return `'rename'` or `'refresh'` when it should, and `diffItemType` (\"default action\") in all other cases.\n\t *\n\t * It bases on a few factors:\n\t *\n\t * * for text nodes, the method always returns `diffItemType`,\n\t * * for newly inserted element, the method returns `diffItemType`,\n\t * * if {@link ~Differ#_elementState element state} was not recorded, the method returns `diffItemType`,\n\t * * if state was recorded, and it was `'move'` (default action), the method returns `diffItemType`,\n\t * * finally, if state was `'refresh'` or `'rename'`, the method returns the state value.\n\t */ _getDiffActionForNode(node, diffItemType) {\n        if (!node.is('element')) {\n            // Text node.\n            return diffItemType;\n        }\n        if (!this._elementsSnapshots.has(node)) {\n            // Newly inserted element.\n            return diffItemType;\n        }\n        const state = this._elementState.get(node);\n        if (!state || state == 'move') {\n            return diffItemType;\n        }\n        return state;\n    }\n    /**\n\t * Gets an array of changes that have already been saved for a given element.\n\t */ _getChangesForElement(element) {\n        let changes;\n        if (this._changesInElement.has(element)) {\n            changes = this._changesInElement.get(element);\n        } else {\n            changes = [];\n            this._changesInElement.set(element, changes);\n        }\n        return changes;\n    }\n    /**\n\t * Creates and saves a snapshot for all children of the given element.\n\t */ _makeSnapshots(element) {\n        if (this._elementChildrenSnapshots.has(element)) {\n            return;\n        }\n        const childrenSnapshots = _getChildrenSnapshots(element.getChildren());\n        this._elementChildrenSnapshots.set(element, childrenSnapshots);\n        for (const snapshot of childrenSnapshots){\n            this._elementsSnapshots.set(snapshot.node, snapshot);\n        }\n    }\n    /**\n\t * For a given newly saved change, compares it with a change already done on the element and modifies the incoming\n\t * change and/or the old change.\n\t *\n\t * @param inc Incoming (new) change.\n\t * @param changes An array containing all the changes done on that element.\n\t */ _handleChange(inc, changes) {\n        // We need a helper variable that will store how many nodes are to be still handled for this change item.\n        // `nodesToHandle` (how many nodes still need to be handled) and `howMany` (how many nodes were affected)\n        // needs to be differentiated.\n        //\n        // This comes up when there are multiple changes that are affected by `inc` change item.\n        //\n        // For example: assume two insert changes: `{ offset: 2, howMany: 1 }` and `{ offset: 5, howMany: 1 }`.\n        // Assume that `inc` change is remove `{ offset: 2, howMany: 2, nodesToHandle: 2 }`.\n        //\n        // Then, we:\n        // - \"forget\" about first insert change (it is \"eaten\" by remove),\n        // - because of that, at the end we will want to remove only one node (`nodesToHandle = 1`),\n        // - but still we have to change offset of the second insert change from `5` to `3`!\n        //\n        // So, `howMany` does not change throughout items transformation and keeps information about how many nodes were affected,\n        // while `nodesToHandle` means how many nodes need to be handled after the change item is transformed by other changes.\n        inc.nodesToHandle = inc.howMany;\n        for (const old of changes){\n            const incEnd = inc.offset + inc.howMany;\n            const oldEnd = old.offset + old.howMany;\n            if (inc.type == 'insert') {\n                if (old.type == 'insert') {\n                    if (inc.offset <= old.offset) {\n                        old.offset += inc.howMany;\n                    } else if (inc.offset < oldEnd) {\n                        old.howMany += inc.nodesToHandle;\n                        inc.nodesToHandle = 0;\n                    }\n                }\n                if (old.type == 'remove') {\n                    if (inc.offset < old.offset) {\n                        old.offset += inc.howMany;\n                    }\n                }\n                if (old.type == 'attribute') {\n                    if (inc.offset <= old.offset) {\n                        old.offset += inc.howMany;\n                    } else if (inc.offset < oldEnd) {\n                        // This case is more complicated, because attribute change has to be split into two.\n                        // Example (assume that uppercase and lowercase letters mean different attributes):\n                        //\n                        // initial state:\t\tabcxyz\n                        // attribute change:\taBCXYz\n                        // incoming insert:\t\taBCfooXYz\n                        //\n                        // Change ranges cannot intersect because each item has to be described exactly (it was either\n                        // not changed, inserted, removed, or its attribute was changed). That's why old attribute\n                        // change has to be split and both parts has to be handled separately from now on.\n                        const howMany = old.howMany;\n                        old.howMany = inc.offset - old.offset;\n                        // Add the second part of attribute change to the beginning of processed array so it won't\n                        // be processed again in this loop.\n                        changes.unshift({\n                            type: 'attribute',\n                            offset: incEnd,\n                            howMany: howMany - old.howMany,\n                            count: this._changeCount++\n                        });\n                    }\n                }\n            }\n            if (inc.type == 'remove') {\n                if (old.type == 'insert') {\n                    if (incEnd <= old.offset) {\n                        old.offset -= inc.howMany;\n                    } else if (incEnd <= oldEnd) {\n                        if (inc.offset < old.offset) {\n                            const intersectionLength = incEnd - old.offset;\n                            old.offset = inc.offset;\n                            old.howMany -= intersectionLength;\n                            inc.nodesToHandle -= intersectionLength;\n                        } else {\n                            old.howMany -= inc.nodesToHandle;\n                            inc.nodesToHandle = 0;\n                        }\n                    } else {\n                        if (inc.offset <= old.offset) {\n                            inc.nodesToHandle -= old.howMany;\n                            old.howMany = 0;\n                        } else if (inc.offset < oldEnd) {\n                            const intersectionLength = oldEnd - inc.offset;\n                            old.howMany -= intersectionLength;\n                            inc.nodesToHandle -= intersectionLength;\n                        }\n                    }\n                }\n                if (old.type == 'remove') {\n                    if (incEnd <= old.offset) {\n                        old.offset -= inc.howMany;\n                    } else if (inc.offset < old.offset) {\n                        inc.nodesToHandle += old.howMany;\n                        old.howMany = 0;\n                    }\n                }\n                if (old.type == 'attribute') {\n                    if (incEnd <= old.offset) {\n                        old.offset -= inc.howMany;\n                    } else if (inc.offset < old.offset) {\n                        const intersectionLength = incEnd - old.offset;\n                        old.offset = inc.offset;\n                        old.howMany -= intersectionLength;\n                    } else if (inc.offset < oldEnd) {\n                        if (incEnd <= oldEnd) {\n                            // On first sight in this case we don't need to split attribute operation into two.\n                            // However the changes set is later converted to actions (see `_generateActionsFromChanges`).\n                            // For that reason, no two changes may intersect.\n                            // So we cannot have an attribute change that \"contains\" remove change.\n                            // Attribute change needs to be split.\n                            const howMany = old.howMany;\n                            old.howMany = inc.offset - old.offset;\n                            const howManyAfter = howMany - old.howMany - inc.nodesToHandle;\n                            // Add the second part of attribute change to the beginning of processed array so it won't\n                            // be processed again in this loop.\n                            changes.unshift({\n                                type: 'attribute',\n                                offset: inc.offset,\n                                howMany: howManyAfter,\n                                count: this._changeCount++\n                            });\n                        } else {\n                            old.howMany -= oldEnd - inc.offset;\n                        }\n                    }\n                }\n            }\n            if (inc.type == 'attribute') {\n                // In case of attribute change, `howMany` should be kept same as `nodesToHandle`. It's not an error.\n                if (old.type == 'insert') {\n                    if (inc.offset < old.offset && incEnd > old.offset) {\n                        if (incEnd > oldEnd) {\n                            // This case is similar to a case described when incoming change was insert and old change was attribute.\n                            // See comment above.\n                            //\n                            // This time incoming change is attribute. We need to split incoming change in this case too.\n                            // However this time, the second part of the attribute change needs to be processed further\n                            // because there might be other changes that it collides with.\n                            const attributePart = {\n                                type: 'attribute',\n                                offset: oldEnd,\n                                howMany: incEnd - oldEnd,\n                                count: this._changeCount++\n                            };\n                            this._handleChange(attributePart, changes);\n                            changes.push(attributePart);\n                        }\n                        inc.nodesToHandle = old.offset - inc.offset;\n                        inc.howMany = inc.nodesToHandle;\n                    } else if (inc.offset >= old.offset && inc.offset < oldEnd) {\n                        if (incEnd > oldEnd) {\n                            inc.nodesToHandle = incEnd - oldEnd;\n                            inc.offset = oldEnd;\n                        } else {\n                            inc.nodesToHandle = 0;\n                        }\n                    }\n                }\n                if (old.type == 'remove') {\n                    // This is a case when attribute change \"contains\" remove change.\n                    // The attribute change needs to be split into two because changes cannot intersect.\n                    if (inc.offset < old.offset && incEnd > old.offset) {\n                        const attributePart = {\n                            type: 'attribute',\n                            offset: old.offset,\n                            howMany: incEnd - old.offset,\n                            count: this._changeCount++\n                        };\n                        this._handleChange(attributePart, changes);\n                        changes.push(attributePart);\n                        inc.nodesToHandle = old.offset - inc.offset;\n                        inc.howMany = inc.nodesToHandle;\n                    }\n                }\n                if (old.type == 'attribute') {\n                    // There are only two conflicting scenarios possible here:\n                    if (inc.offset >= old.offset && incEnd <= oldEnd) {\n                        // `old` change includes `inc` change, or they are the same.\n                        inc.nodesToHandle = 0;\n                        inc.howMany = 0;\n                        inc.offset = 0;\n                    } else if (inc.offset <= old.offset && incEnd >= oldEnd) {\n                        // `inc` change includes `old` change.\n                        old.howMany = 0;\n                    }\n                }\n            }\n        }\n        inc.howMany = inc.nodesToHandle;\n        delete inc.nodesToHandle;\n    }\n    /**\n\t * Returns an object with a single insert change description.\n\t *\n\t * @param parent The element in which the change happened.\n\t * @param offset The offset at which change happened.\n\t * @param action Further specifies what kind of action led to generating this change.\n\t * @param elementSnapshot Snapshot of the inserted node after changes.\n\t * @param elementSnapshotBefore Snapshot of the inserted node before changes.\n\t * @returns The diff item.\n\t */ _getInsertDiff(parent, offset, action, elementSnapshot, elementSnapshotBefore) {\n        const diffItem = {\n            type: 'insert',\n            position: ModelPosition._createAt(parent, offset),\n            name: elementSnapshot.name,\n            attributes: new Map(elementSnapshot.attributes),\n            length: 1,\n            changeCount: this._changeCount++,\n            action\n        };\n        if (action != 'insert' && elementSnapshotBefore) {\n            diffItem.before = {\n                name: elementSnapshotBefore.name,\n                attributes: new Map(elementSnapshotBefore.attributes)\n            };\n        }\n        return diffItem;\n    }\n    /**\n\t * Returns an object with a single remove change description.\n\t *\n\t * @param parent The element in which change happened.\n\t * @param offset The offset at which change happened.\n\t * @param action Further specifies what kind of action led to generating this change.\n\t * @param elementSnapshot The snapshot of the removed node before changes.\n\t * @returns The diff item.\n\t */ _getRemoveDiff(parent, offset, action, elementSnapshot) {\n        return {\n            type: 'remove',\n            action,\n            position: ModelPosition._createAt(parent, offset),\n            name: elementSnapshot.name,\n            attributes: new Map(elementSnapshot.attributes),\n            length: 1,\n            changeCount: this._changeCount++\n        };\n    }\n    /**\n\t * Returns an array of objects where each one is a single attribute change description.\n\t *\n\t * @param range The range where the change happened.\n\t * @param oldAttributes A map, map iterator or compatible object that contains attributes before the change.\n\t * @param newAttributes A map, map iterator or compatible object that contains attributes after the change.\n\t * @returns An array containing one or more diff items.\n\t */ _getAttributesDiff(range, oldAttributes, newAttributes) {\n        // Results holder.\n        const diffs = [];\n        // Clone new attributes as we will be performing changes on this object.\n        newAttributes = new Map(newAttributes);\n        // Look through old attributes.\n        for (const [key, oldValue] of oldAttributes){\n            // Check what is the new value of the attribute (or if it was removed).\n            const newValue = newAttributes.has(key) ? newAttributes.get(key) : null;\n            // If values are different (or attribute was removed)...\n            if (newValue !== oldValue) {\n                // Add diff item.\n                diffs.push({\n                    type: 'attribute',\n                    position: range.start,\n                    range: range.clone(),\n                    length: 1,\n                    attributeKey: key,\n                    attributeOldValue: oldValue,\n                    attributeNewValue: newValue,\n                    changeCount: this._changeCount++\n                });\n            }\n            // Prevent returning two diff items for the same change.\n            newAttributes.delete(key);\n        }\n        // Look through new attributes that weren't handled above.\n        for (const [key, newValue] of newAttributes){\n            // Each of them is a new attribute. Add diff item.\n            diffs.push({\n                type: 'attribute',\n                position: range.start,\n                range: range.clone(),\n                length: 1,\n                attributeKey: key,\n                attributeOldValue: null,\n                attributeNewValue: newValue,\n                changeCount: this._changeCount++\n            });\n        }\n        return diffs;\n    }\n    /**\n\t * Checks whether given element or any of its parents is an element that is buffered as an inserted element.\n\t */ _isInInsertedElement(element) {\n        const parent = element.parent;\n        if (!parent) {\n            return false;\n        }\n        const changes = this._changesInElement.get(parent);\n        const offset = element.startOffset;\n        if (changes) {\n            for (const change of changes){\n                if (change.type == 'insert' && offset >= change.offset && offset < change.offset + change.howMany) {\n                    return true;\n                }\n            }\n        }\n        return this._isInInsertedElement(parent);\n    }\n    /**\n\t * Removes deeply all buffered changes that are registered in elements from range specified by `parent`, `offset`\n\t * and `howMany`.\n\t */ _removeAllNestedChanges(parent, offset, howMany) {\n        const range = new ModelRange(ModelPosition._createAt(parent, offset), ModelPosition._createAt(parent, offset + howMany));\n        for (const item of range.getItems({\n            shallow: true\n        })){\n            if (item.is('element')) {\n                this._changesInElement.delete(item);\n                this._removeAllNestedChanges(item, 0, item.maxOffset);\n            }\n        }\n    }\n}\n/**\n * Returns a snapshot for the specified child node. Text node snapshots have the `name` property set to `$text`.\n */ function _getSingleNodeSnapshot(node) {\n    return {\n        node,\n        name: node.is('$text') ? '$text' : node.name,\n        attributes: new Map(node.getAttributes())\n    };\n}\n/**\n * Returns an array that is a copy of passed child list with the exception that text nodes are split to one or more\n * objects, each representing one character and attributes set on that character.\n */ function _getChildrenSnapshots(children) {\n    const snapshots = [];\n    for (const child of children){\n        if (child.is('$text')) {\n            for(let i = 0; i < child.data.length; ++i){\n                snapshots.push(_getSingleNodeSnapshot(child));\n            }\n        } else {\n            snapshots.push(_getSingleNodeSnapshot(child));\n        }\n    }\n    return snapshots;\n}\n/**\n * Generates array of diff instructions for given changes set.\n *\n * Generated actions are:\n *\n * - 'e' for 'equal' - when item at that position did not change,\n * - 'i' for 'insert' - when item at that position was inserted,\n * - 'r' for 'remove' - when item at that position was removed,\n * - 'a' for 'attribute' - when item at that position has it attributes changed.\n *\n * Example (assume that uppercase letters have bold attribute, compare with function code):\n *\n * children before:\tfooBAR\n * children after:\tfoxybAR\n *\n * changes: type: remove, offset: 1, howMany: 1\n *\t\t\ttype: insert, offset: 2, howMany: 2\n *\t\t\ttype: attribute, offset: 4, howMany: 1\n *\n * Expected actions: equal (f), remove (o), equal (o), insert (x), insert (y), attribute (b), equal (A), equal (R)\n *\n * Steps taken by the script:\n *\n * 1. change = \"type: remove, offset: 1, howMany: 1\"; offset = 0; oldChildrenHandled = 0\n *    1.1 between this change and the beginning is one not-changed node, fill with one equal action, one old child has been handled\n *    1.2 this change removes one node, add one remove action\n *    1.3 change last visited `offset` to 1\n *    1.4 since an old child has been removed, one more old child has been handled\n *    1.5 actions at this point are: equal, remove\n *\n * 2. change = \"type: insert, offset: 2, howMany: 2\"; offset = 1; oldChildrenHandled = 2\n *    2.1 between this change and previous change is one not-changed node, add equal action, another one old children has been handled\n *    2.2 this change inserts two nodes, add two insert actions\n *    2.3 change last visited offset to the end of the inserted range, that is 4\n *    2.4 actions at this point are: equal, remove, equal, insert, insert\n *\n * 3. change = \"type: attribute, offset: 4, howMany: 1\"; offset = 4, oldChildrenHandled = 3\n *    3.1 between this change and previous change are no not-changed nodes\n *    3.2 this change changes one node, add one attribute action\n *    3.3 change last visited `offset` to the end of change range, that is 5\n *    3.4 since an old child has been changed, one more old child has been handled\n *    3.5 actions at this point are: equal, remove, equal, insert, insert, attribute\n *\n * 4. after loop oldChildrenHandled = 4, oldChildrenLength = 6 (fooBAR is 6 characters)\n *    4.1 fill up with two equal actions\n *\n * The result actions are: equal, remove, equal, insert, insert, attribute, equal, equal.\n */ function _generateDiffInstructionsFromChanges(oldChildrenLength, changes) {\n    const diff = [];\n    let offset = 0;\n    let oldChildrenHandled = 0;\n    // Go through all buffered changes.\n    for (const change of changes){\n        // First, fill \"holes\" between changes with \"equal\" actions.\n        if (change.offset > offset) {\n            for(let i = 0; i < change.offset - offset; i++){\n                diff.push('e');\n            }\n            oldChildrenHandled += change.offset - offset;\n        }\n        // Then, fill up actions accordingly to change type.\n        if (change.type == 'insert') {\n            for(let i = 0; i < change.howMany; i++){\n                diff.push('i');\n            }\n            // The last handled offset is after inserted range.\n            offset = change.offset + change.howMany;\n        } else if (change.type == 'remove') {\n            for(let i = 0; i < change.howMany; i++){\n                diff.push('r');\n            }\n            // The last handled offset is at the position where the nodes were removed.\n            offset = change.offset;\n            // We removed `howMany` old nodes, update `oldChildrenHandled`.\n            oldChildrenHandled += change.howMany;\n        } else {\n            // Total maximum amount of arguments that can be passed to `Array.prototype.push` may be limited so we need to\n            // add them manually one by one to avoid this limit. However loop might be a bit slower than `push` method on\n            // smaller changesets so we need to decide which method to use based on the size of the change.\n            // See: https://github.com/ckeditor/ckeditor5/issues/16819\n            if (change.howMany > 1500) {\n                for(let i = 0; i < change.howMany; i++){\n                    diff.push('a');\n                }\n            } else {\n                diff.push(...'a'.repeat(change.howMany).split(''));\n            }\n            // The last handled offset is at the position after the changed range.\n            offset = change.offset + change.howMany;\n            // We changed `howMany` old nodes, update `oldChildrenHandled`.\n            oldChildrenHandled += change.howMany;\n        }\n    }\n    // Fill \"equal\" actions at the end of actions set. Use `oldChildrenHandled` to see how many children\n    // has not been changed / removed at the end of their parent.\n    if (oldChildrenHandled < oldChildrenLength) {\n        for(let i = 0; i < oldChildrenLength - oldChildrenHandled - offset; i++){\n            diff.push('e');\n        }\n    }\n    return diff;\n}\n/**\n * Filter callback for `Array.filter` that filters out change entries that are in graveyard.\n */ function _changesInGraveyardFilter(entry) {\n    const posInGy = 'position' in entry && entry.position.root.rootName == '$graveyard';\n    const rangeInGy = 'range' in entry && entry.range.root.rootName == '$graveyard';\n    return !posInGy && !rangeInGy;\n}\n\n/**\n * @module engine/model/history\n */ /**\n * `History` keeps the track of all the operations applied to the {@link module:engine/model/document~ModelDocument document}.\n */ class History {\n    /**\n\t * Operations added to the history.\n\t */ _operations = [];\n    /**\n\t * Holds an information which {@link module:engine/model/operation/operation~Operation operation} undoes which\n\t * {@link module:engine/model/operation/operation~Operation operation}.\n\t *\n\t * Keys of the map are \"undoing operations\", that is operations that undone some other operations. For each key, the\n\t * value is an operation that has been undone by the \"undoing operation\".\n\t */ _undoPairs = new Map();\n    /**\n\t * Holds all undone operations.\n\t */ _undoneOperations = new Set();\n    /**\n\t * A map that allows retrieving the operations fast based on the given base version.\n\t */ _baseVersionToOperationIndex = new Map();\n    /**\n\t * The history version.\n\t */ _version = 0;\n    /**\n\t * The gap pairs kept in the <from,to> format.\n\t *\n\t * Anytime the `history.version` is set to a version larger than `history.version + 1`,\n\t * a new <lastHistoryVersion, newHistoryVersion> entry is added to the map.\n\t */ _gaps = new Map();\n    /**\n\t * The version of the last operation in the history.\n\t *\n\t * The history version is incremented automatically when a new operation is added to the history.\n\t * Setting the version manually should be done only in rare circumstances when a gap is planned\n\t * between history versions. When doing so, a gap will be created and the history will accept adding\n\t * an operation with base version equal to the new history version.\n\t */ get version() {\n        return this._version;\n    }\n    set version(version) {\n        // Store a gap if there are some operations already in the history and the\n        // new version does not increment the latest one.\n        if (this._operations.length && version > this._version + 1) {\n            this._gaps.set(this._version, version);\n        }\n        this._version = version;\n    }\n    /**\n\t * The last history operation.\n\t */ get lastOperation() {\n        return this._operations[this._operations.length - 1];\n    }\n    /**\n\t * Adds an operation to the history and increments the history version.\n\t *\n\t * The operation's base version should be equal to the history version. Otherwise an error is thrown.\n\t */ addOperation(operation) {\n        if (operation.baseVersion !== this.version) {\n            /**\n\t\t\t * Only operations with matching versions can be added to the history.\n\t\t\t *\n\t\t\t * @error model-document-history-addoperation-incorrect-version\n\t\t\t * @param {module:engine/model/operation/operation~Operation} operation The current operation.\n\t\t\t * @param {number} historyVersion The current document history version.\n\t\t\t */ throw new CKEditorError('model-document-history-addoperation-incorrect-version', this, {\n                operation,\n                historyVersion: this.version\n            });\n        }\n        this._operations.push(operation);\n        this._version++;\n        this._baseVersionToOperationIndex.set(operation.baseVersion, this._operations.length - 1);\n    }\n    /**\n\t * Returns operations from the given range of operation base versions that were added to the history.\n\t *\n\t * Note that there may be gaps in operations base versions.\n\t *\n\t * @param fromBaseVersion Base version from which operations should be returned (inclusive).\n\t * @param toBaseVersion Base version up to which operations should be returned (exclusive).\n     * @returns History operations for the given range, in chronological order.\n\t */ getOperations(fromBaseVersion, toBaseVersion = this.version) {\n        // When there is no operation in the history, return an empty array.\n        // After that we can be sure that `firstOperation`, `lastOperation` are not nullish.\n        if (!this._operations.length) {\n            return [];\n        }\n        const firstOperation = this._operations[0];\n        if (fromBaseVersion === undefined) {\n            fromBaseVersion = firstOperation.baseVersion;\n        }\n        // Change exclusive `toBaseVersion` to inclusive, so it will refer to the actual index.\n        // Thanks to that mapping from base versions to operation indexes are possible.\n        let inclusiveTo = toBaseVersion - 1;\n        // Check if \"from\" or \"to\" point to a gap between versions.\n        // If yes, then change the incorrect position to the proper side of the gap.\n        // Thanks to it, it will be possible to get index of the operation.\n        for (const [gapFrom, gapTo] of this._gaps){\n            if (fromBaseVersion > gapFrom && fromBaseVersion < gapTo) {\n                fromBaseVersion = gapTo;\n            }\n            if (inclusiveTo > gapFrom && inclusiveTo < gapTo) {\n                inclusiveTo = gapFrom - 1;\n            }\n        }\n        // If the whole range is outside of the operation versions, then return an empty array.\n        if (inclusiveTo < firstOperation.baseVersion || fromBaseVersion > this.lastOperation.baseVersion) {\n            return [];\n        }\n        let fromIndex = this._baseVersionToOperationIndex.get(fromBaseVersion);\n        // If the range starts before the first operation, then use the first operation as the range's start.\n        if (fromIndex === undefined) {\n            fromIndex = 0;\n        }\n        let toIndex = this._baseVersionToOperationIndex.get(inclusiveTo);\n        // If the range ends after the last operation, then use the last operation as the range's end.\n        if (toIndex === undefined) {\n            toIndex = this._operations.length - 1;\n        }\n        // Return the part of the history operations based on the calculated start index and end index.\n        return this._operations.slice(fromIndex, // The `toIndex` should be included in the returned operations, so add `1`.\n        toIndex + 1);\n    }\n    /**\n\t * Returns operation from the history that bases on given `baseVersion`.\n\t *\n\t * @param baseVersion Base version of the operation to get.\n\t * @returns Operation with given base version or `undefined` if there is no such operation in history.\n\t */ getOperation(baseVersion) {\n        const operationIndex = this._baseVersionToOperationIndex.get(baseVersion);\n        if (operationIndex === undefined) {\n            return;\n        }\n        return this._operations[operationIndex];\n    }\n    /**\n\t * Marks in history that one operation is an operation that is undoing the other operation. By marking operation this way,\n\t * history is keeping more context information about operations, which helps in operational transformation.\n\t *\n\t * @param undoneOperation Operation which is undone by `undoingOperation`.\n\t * @param undoingOperation Operation which undoes `undoneOperation`.\n\t */ setOperationAsUndone(undoneOperation, undoingOperation) {\n        this._undoPairs.set(undoingOperation, undoneOperation);\n        this._undoneOperations.add(undoneOperation);\n    }\n    /**\n\t * Checks whether given `operation` is undoing any other operation.\n\t *\n\t * @param operation Operation to check.\n\t * @returns `true` if given `operation` is undoing any other operation, `false` otherwise.\n\t */ isUndoingOperation(operation) {\n        return this._undoPairs.has(operation);\n    }\n    /**\n\t * Checks whether given `operation` has been undone by any other operation.\n\t *\n\t * @param operation Operation to check.\n\t * @returns `true` if given `operation` has been undone any other operation, `false` otherwise.\n\t */ isUndoneOperation(operation) {\n        return this._undoneOperations.has(operation);\n    }\n    /**\n\t * For given `undoingOperation`, returns the operation which has been undone by it.\n\t *\n\t * @returns Operation that has been undone by given `undoingOperation` or `undefined`\n\t * if given `undoingOperation` is not undoing any other operation.\n\t */ getUndoneOperation(undoingOperation) {\n        return this._undoPairs.get(undoingOperation);\n    }\n    /**\n\t * Resets the history of operations.\n\t */ reset() {\n        this._version = 0;\n        this._undoPairs = new Map();\n        this._operations = [];\n        this._undoneOperations = new Set();\n        this._gaps = new Map();\n        this._baseVersionToOperationIndex = new Map();\n    }\n}\n\n/**\n * Type of {@link module:engine/model/element~ModelElement} that is a root of a model tree.\n */ class ModelRootElement extends ModelElement {\n    /**\n\t * Unique root name used to identify this root element by {@link module:engine/model/document~ModelDocument}.\n\t */ rootName;\n    /**\n\t * Document that is an owner of this root.\n\t */ _document;\n    /**\n\t * @internal\n\t */ _isAttached = true;\n    /**\n\t * Informs if the root element is loaded (default).\n\t *\n\t * @internal\n\t */ _isLoaded = true;\n    /**\n\t * Creates root element.\n\t *\n\t * @param document Document that is an owner of this root.\n\t * @param name Node name.\n\t * @param rootName Unique root name used to identify this root element by {@link module:engine/model/document~ModelDocument}.\n\t */ constructor(document, name, rootName = 'main'){\n        super(name);\n        this._document = document;\n        this.rootName = rootName;\n    }\n    /**\n\t * {@link module:engine/model/document~ModelDocument Document} that owns this root element.\n\t */ get document() {\n        return this._document;\n    }\n    /**\n\t * Informs if the root element is currently attached to the document, or not.\n\t *\n\t * A detached root is equivalent to being removed and cannot contain any children or markers.\n\t *\n\t * By default, a newly added root is attached. It can be detached using\n\t * {@link module:engine/model/writer~ModelWriter#detachRoot `Writer#detachRoot`}. A detached root can be re-attached again using\n\t * {@link module:engine/model/writer~ModelWriter#addRoot `Writer#addRoot`}.\n\t */ isAttached() {\n        return this._isAttached;\n    }\n    /**\n\t * Converts `RootElement` instance to `string` containing its name.\n\t *\n\t * @returns `RootElement` instance converted to `string`.\n\t */ toJSON() {\n        return this.rootName;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelRootElement.prototype.is = function(type, name) {\n    if (!name) {\n        return type === 'rootElement' || type === 'model:rootElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n        type === 'element' || type === 'model:element' || type === 'node' || type === 'model:node';\n    }\n    return name === this.name && (type === 'rootElement' || type === 'model:rootElement' || // From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n    type === 'element' || type === 'model:element');\n};\n\n// @if CK_DEBUG_ENGINE // const { logDocument } = require( '../dev-utils/utils' );\nconst graveyardName = '$graveyard';\n/**\n * Data model's document. It contains the model's structure, its selection and the history of changes.\n *\n * Read more about working with the model in\n * {@glink framework/architecture/editing-engine#model introduction to the the editing engine's architecture}.\n *\n * Usually, the document contains just one {@link module:engine/model/document~ModelDocument#roots root element}, so\n * you can retrieve it by just calling {@link module:engine/model/document~ModelDocument#getRoot} without specifying its name:\n *\n * ```ts\n * model.document.getRoot(); // -> returns the main root\n * ```\n *\n * However, the document may contain multiple roots – e.g. when the editor has multiple editable areas\n * (e.g. a title and a body of a message).\n */ class ModelDocument extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * The {@link module:engine/model/model~Model model} that the document is a part of.\n\t */ model;\n    /**\n\t * The document's history.\n\t */ history;\n    /**\n\t * The selection in this document.\n\t */ selection;\n    /**\n\t * A list of roots that are owned and managed by this document. Use {@link #createRoot}, {@link #getRoot} and\n\t * {@link #getRootNames} to manipulate it.\n\t */ roots;\n    /**\n\t * The model differ object. Its role is to buffer changes done on the model document and then calculate a diff of those changes.\n\t */ differ;\n    /**\n\t * Defines whether the document is in a read-only mode.\n\t *\n\t * The user should not be able to change the data of a document that is read-only.\n\t *\n\t * @readonly\n\t */ isReadOnly;\n    /**\n\t * Post-fixer callbacks registered to the model document.\n\t */ _postFixers;\n    /**\n\t * A flag that indicates whether the selection has changed since last change block.\n\t */ _hasSelectionChangedFromTheLastChangeBlock;\n    /**\n\t * Creates an empty document instance with no {@link #roots} (other than\n\t * the {@link #graveyard graveyard root}).\n\t */ constructor(model){\n        super();\n        this.model = model;\n        this.history = new History();\n        this.selection = new ModelDocumentSelection(this);\n        this.roots = new Collection({\n            idProperty: 'rootName'\n        });\n        this.differ = new Differ(model.markers);\n        this.isReadOnly = false;\n        this._postFixers = new Set();\n        this._hasSelectionChangedFromTheLastChangeBlock = false;\n        // Graveyard tree root. Document always have a graveyard root, which stores removed nodes.\n        this.createRoot('$root', graveyardName);\n        // Then, still before an operation is applied on model, buffer the change in differ.\n        this.listenTo(model, 'applyOperation', (evt, args)=>{\n            const operation = args[0];\n            if (operation.isDocumentOperation) {\n                this.differ.bufferOperation(operation);\n            }\n        }, {\n            priority: 'high'\n        });\n        // After the operation is applied, bump document's version and add the operation to the history.\n        this.listenTo(model, 'applyOperation', (evt, args)=>{\n            const operation = args[0];\n            if (operation.isDocumentOperation) {\n                this.history.addOperation(operation);\n            }\n        }, {\n            priority: 'low'\n        });\n        // Listen to selection changes. If selection changed, mark it.\n        this.listenTo(this.selection, 'change', ()=>{\n            this._hasSelectionChangedFromTheLastChangeBlock = true;\n        });\n        // Buffer marker changes.\n        // This is not covered in buffering operations because markers may change outside of them (when they\n        // are modified using `model.markers` collection, not through `MarkerOperation`).\n        this.listenTo(model.markers, 'update', (evt, marker, oldRange, newRange, oldMarkerData)=>{\n            // Copy the `newRange` to the new marker data as during the marker removal the range is not updated.\n            const newMarkerData = {\n                ...marker.getData(),\n                range: newRange\n            };\n            // Whenever marker is updated, buffer that change.\n            this.differ.bufferMarkerChange(marker.name, oldMarkerData, newMarkerData);\n            if (oldRange === null) {\n                // If this is a new marker, add a listener that will buffer change whenever marker changes.\n                marker.on('change', (evt, oldRange)=>{\n                    const markerData = marker.getData();\n                    this.differ.bufferMarkerChange(marker.name, {\n                        ...markerData,\n                        range: oldRange\n                    }, markerData);\n                });\n            }\n        });\n        // This is a solution for a problem that may occur during real-time editing. If one client detached a root and another added\n        // something there at the same moment, the OT does not solve this problem currently. In such situation, the added elements would\n        // stay in the detached root.\n        //\n        // This is incorrect, a detached root should be empty and all elements from it should be removed. To solve this, the post-fixer will\n        // remove any element that is left in a detached root.\n        //\n        // Similarly, markers that are created at the beginning or at the end of the detached root will not be removed as well.\n        //\n        // The drawback of this solution over the OT solution is that the elements removed by the post-fixer will never be brought back.\n        // If the root detachment gets undone (and the root is brought back), the removed elements will not be there.\n        this.registerPostFixer((writer)=>{\n            let result = false;\n            for (const root of this.roots){\n                if (!root.isAttached() && !root.isEmpty) {\n                    writer.remove(writer.createRangeIn(root));\n                    result = true;\n                }\n            }\n            for (const marker of this.model.markers){\n                if (!marker.getRange().root.isAttached()) {\n                    writer.removeMarker(marker);\n                    result = true;\n                }\n            }\n            return result;\n        });\n    }\n    /**\n\t * The document version. Every applied operation increases the version number. It is used to\n\t * ensure that operations are applied on a proper document version.\n\t *\n\t * This property is equal to {@link module:engine/model/history~History#version `model.Document#history#version`}.\n\t *\n\t * If the {@link module:engine/model/operation/operation~Operation#baseVersion base version} does not match the document version,\n\t * a {@link module:utils/ckeditorerror~CKEditorError model-document-applyoperation-wrong-version} error is thrown.\n\t */ get version() {\n        return this.history.version;\n    }\n    set version(version) {\n        this.history.version = version;\n    }\n    /**\n\t * The graveyard tree root. A document always has a graveyard root that stores removed nodes.\n\t */ get graveyard() {\n        return this.getRoot(graveyardName);\n    }\n    /**\n\t * Creates a new root.\n\t *\n\t * **Note:** do not use this method after the editor has been initialized! If you want to dynamically add a root, use\n\t * {@link module:engine/model/writer~ModelWriter#addRoot `model.Writer#addRoot`} instead.\n\t *\n\t * @param elementName The element name. Defaults to `'$root'` which also has some basic schema defined\n\t * (e.g. `$block` elements are allowed inside the `$root`). Make sure to define a proper schema if you use a different name.\n\t * @param rootName A unique root name.\n\t * @returns The created root.\n\t */ createRoot(elementName = '$root', rootName = 'main') {\n        if (this.roots.get(rootName)) {\n            /**\n\t\t\t * A root with the specified name already exists.\n\t\t\t *\n\t\t\t * @error model-document-createroot-name-exists\n\t\t\t */ throw new CKEditorError('model-document-createroot-name-exists', this, {\n                name: rootName\n            });\n        }\n        const root = new ModelRootElement(this, elementName, rootName);\n        this.roots.add(root);\n        return root;\n    }\n    /**\n\t * Removes all event listeners set by the document instance.\n\t */ destroy() {\n        this.selection.destroy();\n        this.stopListening();\n    }\n    /**\n\t * Returns a root by its name.\n\t *\n\t * Detached roots are returned by this method. This is to be able to operate on the detached root (for example, to be able to create\n\t * a position inside such a root for undo feature purposes).\n\t *\n\t * @param name The root name of the root to return.\n\t * @returns The root registered under a given name or `null` when there is no root with the given name.\n\t */ getRoot(name = 'main') {\n        return this.roots.get(name);\n    }\n    /**\n\t * Returns an array with names of all roots added to the document (except the {@link #graveyard graveyard root}).\n\t *\n\t * Detached roots **are not** returned by this method by default. This is to make sure that all features or algorithms that operate\n\t * on the document data know which roots are still a part of the document and should be processed.\n\t *\n\t * @param includeDetached Specified whether detached roots should be returned as well.\n\t */ getRootNames(includeDetached = false) {\n        return this.getRoots(includeDetached).map((root)=>root.rootName);\n    }\n    /**\n\t * Returns an array with all roots added to the document (except the {@link #graveyard graveyard root}).\n\t *\n\t * Detached roots **are not** returned by this method by default. This is to make sure that all features or algorithms that operate\n\t * on the document data know which roots are still a part of the document and should be processed.\n\t *\n\t * @param includeDetached Specified whether detached roots should be returned as well.\n\t */ getRoots(includeDetached = false) {\n        return this.roots.filter((root)=>root != this.graveyard && (includeDetached || root.isAttached()) && root._isLoaded);\n    }\n    /**\n\t * Used to register a post-fixer callback. A post-fixer mechanism guarantees that the features\n\t * will operate on a correct model state.\n\t *\n\t * An execution of a feature may lead to an incorrect document tree state. The callbacks are used to fix the document tree after\n\t * it has changed. Post-fixers are fired just after all changes from the outermost change block were applied but\n\t * before the {@link module:engine/model/document~ModelDocument#event:change change event} is fired. If a post-fixer callback made\n\t * a change, it should return `true`. When this happens, all post-fixers are fired again to check if something else should\n\t * not be fixed in the new document tree state.\n\t *\n\t * As a parameter, a post-fixer callback receives a {@link module:engine/model/writer~ModelWriter writer} instance connected with the\n\t * executed changes block. Thanks to that, all changes done by the callback will be added to the same\n\t * {@link module:engine/model/batch~Batch batch} (and undo step) as the original changes. This makes post-fixer changes transparent\n\t * for the user.\n\t *\n\t * An example of a post-fixer is a callback that checks if all the data were removed from the editor. If so, the\n\t * callback should add an empty paragraph so that the editor is never empty:\n\t *\n\t * ```ts\n\t * document.registerPostFixer( writer => {\n\t * \tconst changes = document.differ.getChanges();\n\t *\n\t * \t// Check if the changes lead to an empty root in the editor.\n\t * \tfor ( const entry of changes ) {\n\t * \t\tif ( entry.type == 'remove' && entry.position.root.isEmpty ) {\n\t * \t\t\twriter.insertElement( 'paragraph', entry.position.root, 0 );\n\t *\n\t * \t\t\t// It is fine to return early, even if multiple roots would need to be fixed.\n\t * \t\t\t// All post-fixers will be fired again, so if there are more empty roots, those will be fixed, too.\n\t * \t\t\treturn true;\n\t * \t\t}\n\t * \t}\n\t *\n\t * \treturn false;\n\t * } );\n\t * ```\n\t */ registerPostFixer(postFixer) {\n        this._postFixers.add(postFixer);\n    }\n    /**\n\t * A custom `toJSON()` method to solve child-parent circular dependencies.\n\t *\n\t * @returns A clone of this object with the document property changed to a string.\n\t */ toJSON() {\n        const json = clone(this);\n        // Due to circular references we need to remove parent reference.\n        json.selection = '[engine.model.DocumentSelection]';\n        json.model = '[engine.model.Model]';\n        return json;\n    }\n    /**\n\t * Check if there were any changes done on document, and if so, call post-fixers,\n\t * fire `change` event for features and conversion and then reset the differ.\n\t * Fire `change:data` event when at least one operation or buffered marker changes the data.\n\t *\n\t * @internal\n\t * @fires change\n\t * @fires change:data\n\t * @param writer The writer on which post-fixers will be called.\n\t */ _handleChangeBlock(writer) {\n        if (this._hasDocumentChangedFromTheLastChangeBlock()) {\n            this._callPostFixers(writer);\n            // Refresh selection attributes according to the final position in the model after the change.\n            this.selection.refresh();\n            if (this.differ.hasDataChanges()) {\n                this.fire('change:data', writer.batch);\n            } else {\n                this.fire('change', writer.batch);\n            }\n            // Theoretically, it is not necessary to refresh selection after change event because\n            // post-fixers are the last who should change the model, but just in case...\n            this.selection.refresh();\n            this.differ.reset();\n        }\n        this._hasSelectionChangedFromTheLastChangeBlock = false;\n    }\n    /**\n\t * Returns whether there is a buffered change or if the selection has changed from the last\n\t * {@link module:engine/model/model~Model#enqueueChange `enqueueChange()` block}\n\t * or {@link module:engine/model/model~Model#change `change()` block}.\n\t *\n\t * @returns Returns `true` if document has changed from the last `change()` or `enqueueChange()` block.\n\t */ _hasDocumentChangedFromTheLastChangeBlock() {\n        return !this.differ.isEmpty || this._hasSelectionChangedFromTheLastChangeBlock;\n    }\n    /**\n\t * Returns the default root for this document which is either the first root that was added to the document using\n\t * {@link #createRoot} or the {@link #graveyard graveyard root} if no other roots were created.\n\t *\n\t * @returns The default root for this document.\n\t */ _getDefaultRoot() {\n        const roots = this.getRoots();\n        return roots.length ? roots[0] : this.graveyard;\n    }\n    /**\n\t * Returns the default range for this selection. The default range is a collapsed range that starts and ends\n\t * at the beginning of this selection's document {@link #_getDefaultRoot default root}.\n\t *\n\t * @internal\n\t */ _getDefaultRange() {\n        const defaultRoot = this._getDefaultRoot();\n        const model = this.model;\n        const schema = model.schema;\n        // Find the first position where the selection can be put.\n        const position = model.createPositionFromPath(defaultRoot, [\n            0\n        ]);\n        const nearestRange = schema.getNearestSelectionRange(position);\n        // If valid selection range is not found - return range collapsed at the beginning of the root.\n        return nearestRange || model.createRange(position);\n    }\n    /**\n\t * Checks whether a given {@link module:engine/model/range~ModelRange range} is a valid range for\n\t * the {@link #selection document's selection}.\n\t *\n\t * @internal\n\t * @param range A range to check.\n\t * @returns `true` if `range` is valid, `false` otherwise.\n\t */ _validateSelectionRange(range) {\n        return range.start.isValid() && range.end.isValid() && validateTextNodePosition(range.start) && validateTextNodePosition(range.end);\n    }\n    /**\n\t * Performs post-fixer loops. Executes post-fixer callbacks as long as none of them has done any changes to the model.\n\t *\n\t * @param writer The writer on which post-fixer callbacks will be called.\n\t */ _callPostFixers(writer) {\n        let wasFixed = false;\n        do {\n            for (const callback of this._postFixers){\n                // Ensure selection attributes are up to date before each post-fixer.\n                // https://github.com/ckeditor/ckeditor5-engine/issues/1673.\n                //\n                // It might be good to refresh the selection after each operation but at the moment it leads\n                // to losing attributes for composition or and spell checking\n                // https://github.com/ckeditor/ckeditor5-typing/issues/188\n                this.selection.refresh();\n                wasFixed = callback(writer);\n                if (wasFixed) {\n                    break;\n                }\n            }\n        }while (wasFixed)\n    }\n}\n/**\n * Checks whether given range boundary position is valid for document selection, meaning that is not between\n * unicode surrogate pairs or base character and combining marks.\n */ function validateTextNodePosition(rangeBoundary) {\n    const textNode = rangeBoundary.textNode;\n    if (textNode) {\n        const data = textNode.data;\n        const offset = rangeBoundary.offset - textNode.startOffset;\n        return !isInsideSurrogatePair(data, offset) && !isInsideCombinedSymbol(data, offset);\n    }\n    return true;\n}\n\n/**\n * The collection of all {@link module:engine/model/markercollection~Marker markers} attached to the document.\n * It lets you {@link module:engine/model/markercollection~MarkerCollection#get get} markers or track them using\n * {@link module:engine/model/markercollection~MarkerCollection#event:update} event.\n *\n * To create, change or remove makers use {@link module:engine/model/writer~ModelWriter model writers'} methods:\n * {@link module:engine/model/writer~ModelWriter#addMarker} or {@link module:engine/model/writer~ModelWriter#removeMarker}. Since\n * the writer is the only proper way to change the data model it is not possible to change markers directly using this\n * collection. All markers created by the writer will be automatically added to this collection.\n *\n * By default there is one marker collection available as {@link module:engine/model/model~Model#markers model property}.\n *\n * @see module:engine/model/markercollection~Marker\n */ class MarkerCollection extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * Stores {@link ~Marker markers} added to the collection.\n\t */ _markers = new Map();\n    /**\n\t * Iterable interface.\n\t *\n\t * Iterates over all {@link ~Marker markers} added to the collection.\n\t */ [Symbol.iterator]() {\n        return this._markers.values();\n    }\n    /**\n\t * Checks if given {@link ~Marker marker} or marker name is in the collection.\n\t *\n\t * @param markerOrName Name of marker or marker instance to check.\n\t * @returns `true` if marker is in the collection, `false` otherwise.\n\t */ has(markerOrName) {\n        const markerName = markerOrName instanceof Marker ? markerOrName.name : markerOrName;\n        return this._markers.has(markerName);\n    }\n    /**\n\t * Returns {@link ~Marker marker} with given `markerName`.\n\t *\n\t * @param markerName Name of marker to get.\n\t * @returns Marker with given name or `null` if such marker was\n\t * not added to the collection.\n\t */ get(markerName) {\n        return this._markers.get(markerName) || null;\n    }\n    /**\n\t * Creates and adds a {@link ~Marker marker} to the `MarkerCollection` with given name on given\n\t * {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * If `MarkerCollection` already had a marker with given name (or {@link ~Marker marker} was passed), the marker in\n\t * collection is updated and {@link module:engine/model/markercollection~MarkerCollection#event:update} event is fired\n\t * but only if there was a change (marker range or {@link module:engine/model/markercollection~Marker#managedUsingOperations}\n\t * flag has changed.\n\t *\n\t * @internal\n\t * @fires update\n\t * @param markerOrName Name of marker to set or marker instance to update.\n\t * @param range Marker range.\n\t * @param managedUsingOperations Specifies whether the marker is managed using operations.\n\t * @param affectsData Specifies whether the marker affects the data produced by the data pipeline\n\t * (is persisted in the editor's data).\n\t * @returns `Marker` instance which was added or updated.\n\t */ _set(markerOrName, range, managedUsingOperations = false, affectsData = false) {\n        const markerName = markerOrName instanceof Marker ? markerOrName.name : markerOrName;\n        if (markerName.includes(',')) {\n            /**\n\t\t\t * Marker name cannot contain the \",\" character.\n\t\t\t *\n\t\t\t * @error markercollection-incorrect-marker-name\n\t\t\t */ throw new CKEditorError('markercollection-incorrect-marker-name', this);\n        }\n        const oldMarker = this._markers.get(markerName);\n        if (oldMarker) {\n            const oldMarkerData = oldMarker.getData();\n            const oldRange = oldMarker.getRange();\n            let hasChanged = false;\n            if (!oldRange.isEqual(range)) {\n                oldMarker._attachLiveRange(ModelLiveRange.fromRange(range));\n                hasChanged = true;\n            }\n            if (managedUsingOperations != oldMarker.managedUsingOperations) {\n                oldMarker._managedUsingOperations = managedUsingOperations;\n                hasChanged = true;\n            }\n            if (typeof affectsData === 'boolean' && affectsData != oldMarker.affectsData) {\n                oldMarker._affectsData = affectsData;\n                hasChanged = true;\n            }\n            if (hasChanged) {\n                this.fire(`update:${markerName}`, oldMarker, oldRange, range, oldMarkerData);\n            }\n            return oldMarker;\n        }\n        const liveRange = ModelLiveRange.fromRange(range);\n        const marker = new Marker(markerName, liveRange, managedUsingOperations, affectsData);\n        this._markers.set(markerName, marker);\n        this.fire(`update:${markerName}`, marker, null, range, {\n            ...marker.getData(),\n            range: null\n        });\n        return marker;\n    }\n    /**\n\t * Removes given {@link ~Marker marker} or a marker with given name from the `MarkerCollection`.\n\t *\n\t * @internal\n\t * @fires update\n\t * @param markerOrName Marker or name of a marker to remove.\n\t * @returns `true` if marker was found and removed, `false` otherwise.\n\t */ _remove(markerOrName) {\n        const markerName = markerOrName instanceof Marker ? markerOrName.name : markerOrName;\n        const oldMarker = this._markers.get(markerName);\n        if (oldMarker) {\n            this._markers.delete(markerName);\n            this.fire(`update:${markerName}`, oldMarker, oldMarker.getRange(), null, oldMarker.getData());\n            this._destroyMarker(oldMarker);\n            return true;\n        }\n        return false;\n    }\n    /**\n\t * Fires an {@link module:engine/model/markercollection~MarkerCollection#event:update} event for the given {@link ~Marker marker}\n\t * but does not change the marker. Useful to force {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher downcast\n\t * conversion} for the marker.\n\t *\n\t * @internal\n\t * @fires update\n\t * @param markerOrName Marker or name of a marker to refresh.\n\t */ _refresh(markerOrName) {\n        const markerName = markerOrName instanceof Marker ? markerOrName.name : markerOrName;\n        const marker = this._markers.get(markerName);\n        if (!marker) {\n            /**\n\t\t\t * Marker with provided name does not exists.\n\t\t\t *\n\t\t\t * @error markercollection-refresh-marker-not-exists\n\t\t\t */ throw new CKEditorError('markercollection-refresh-marker-not-exists', this);\n        }\n        const range = marker.getRange();\n        this.fire(`update:${markerName}`, marker, range, range, marker.getData());\n    }\n    /**\n\t * Returns iterator that iterates over all markers, which ranges\n\t * contain given {@link module:engine/model/position~ModelPosition position}.\n\t */ *getMarkersAtPosition(position) {\n        for (const marker of this){\n            if (marker.getRange().containsPosition(position)) {\n                yield marker;\n            }\n        }\n    }\n    /**\n\t * Returns iterator that iterates over all markers, which intersects with given {@link module:engine/model/range~ModelRange range}.\n\t */ *getMarkersIntersectingRange(range) {\n        for (const marker of this){\n            if (marker.getRange().getIntersection(range) !== null) {\n                yield marker;\n            }\n        }\n    }\n    /**\n\t * Destroys marker collection and all markers inside it.\n\t */ destroy() {\n        for (const marker of this._markers.values()){\n            this._destroyMarker(marker);\n        }\n        this._markers = null;\n        this.stopListening();\n    }\n    /**\n\t * Iterates over all markers that starts with given `prefix`.\n\t *\n\t * ```ts\n\t * const markerFooA = markersCollection._set( 'foo:a', rangeFooA );\n\t * const markerFooB = markersCollection._set( 'foo:b', rangeFooB );\n\t * const markerBarA = markersCollection._set( 'bar:a', rangeBarA );\n\t * const markerFooBarA = markersCollection._set( 'foobar:a', rangeFooBarA );\n\t * Array.from( markersCollection.getMarkersGroup( 'foo' ) ); // [ markerFooA, markerFooB ]\n\t * Array.from( markersCollection.getMarkersGroup( 'a' ) ); // []\n\t * ```\n\t */ *getMarkersGroup(prefix) {\n        for (const marker of this._markers.values()){\n            if (marker.name.startsWith(prefix + ':')) {\n                yield marker;\n            }\n        }\n    }\n    /**\n\t * Destroys the marker.\n\t */ _destroyMarker(marker) {\n        marker.stopListening();\n        marker._detachLiveRange();\n    }\n}\n/**\n * `Marker` is a continuous part of the model (like a range), is named and represents some kind of information about the\n * marked part of the model document. In contrary to {@link module:engine/model/node~ModelNode nodes}, which are building blocks of\n * the model document tree, markers are not stored directly in the document tree but in the\n * {@link module:engine/model/model~Model#markers model markers' collection}. Still, they are document data, by giving\n * additional meaning to the part of a model document between marker start and marker end.\n *\n * In this sense, markers are similar to adding and converting attributes on nodes. The difference is that attribute is\n * connected with a given node (e.g. a character is bold no matter if it gets moved or content around it changes).\n * Markers on the other hand are continuous ranges and are characterized by their start and end position. This means that\n * any character in the marker is marked by the marker. For example, if a character is moved outside of marker it stops being\n * \"special\" and the marker is shrunk. Similarly, when a character is moved into the marker from other place in document\n * model, it starts being \"special\" and the marker is enlarged.\n *\n * Another upside of markers is that finding marked part of document is fast and easy. Using attributes to mark some nodes\n * and then trying to find that part of document would require traversing whole document tree. Marker gives instant access\n * to the range which it is marking at the moment.\n *\n * Markers are built from a name and a range.\n *\n * Range of the marker is updated automatically when document changes, using\n * {@link module:engine/model/liverange~ModelLiveRange live range} mechanism.\n *\n * Name is used to group and identify markers. Names have to be unique, but markers can be grouped by\n * using common prefixes, separated with `:`, for example: `user:john` or `search:3`. That's useful in term of creating\n * namespaces for custom elements (e.g. comments, highlights). You can use this prefixes in\n * {@link module:engine/model/markercollection~MarkerCollection#event:update} listeners to listen on changes in a group of markers.\n * For instance: `model.markers.on( 'update:user', callback );` will be called whenever any `user:*` markers changes.\n *\n * There are two types of markers.\n *\n * 1. Markers managed directly, without using operations. They are added directly by {@link module:engine/model/writer~ModelWriter}\n * to the {@link module:engine/model/markercollection~MarkerCollection} without any additional mechanism. They can be used\n * as bookmarks or visual markers. They are great for showing results of the find, or select link when the focus is in the input.\n *\n * 1. Markers managed using operations. These markers are also stored in {@link module:engine/model/markercollection~MarkerCollection}\n * but changes in these markers is managed the same way all other changes in the model structure - using operations.\n * Therefore, they are handled in the undo stack and synchronized between clients if the collaboration plugin is enabled.\n * This type of markers is useful for solutions like spell checking or comments.\n *\n * Both type of them should be added / updated by {@link module:engine/model/writer~ModelWriter#addMarker}\n * and removed by {@link module:engine/model/writer~ModelWriter#removeMarker} methods.\n *\n * ```ts\n * model.change( ( writer ) => {\n * \tconst marker = writer.addMarker( name, { range, usingOperation: true } );\n *\n * \t// ...\n *\n * \twriter.removeMarker( marker );\n * } );\n * ```\n *\n * See {@link module:engine/model/writer~ModelWriter} to find more examples.\n *\n * Since markers need to track change in the document, for efficiency reasons, it is best to create and keep as little\n * markers as possible and remove them as soon as they are not needed anymore.\n *\n * Markers can be downcasted and upcasted.\n *\n * Markers downcast happens on {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker} and\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:removeMarker} events.\n * Use {@link module:engine/conversion/downcasthelpers downcast converters} or attach a custom converter to mentioned events.\n * For {@link module:engine/controller/datacontroller~DataController data pipeline}, marker should be downcasted to an element.\n * Then, it can be upcasted back to a marker. Again, use {@link module:engine/conversion/upcasthelpers upcast converters} or\n * attach a custom converter to {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element}.\n *\n * `Marker` instances are created and destroyed only by {@link ~MarkerCollection MarkerCollection}.\n */ class Marker extends /* #__PURE__ */ EmitterMixin(ModelTypeCheckable) {\n    /**\n\t * Marker's name.\n\t */ name;\n    /**\n\t * Flag indicates if the marker is managed using operations or not.\n\t *\n\t * @internal\n\t */ _managedUsingOperations;\n    /**\n\t * Specifies whether the marker affects the data produced by the data pipeline\n\t * (is persisted in the editor's data).\n\t *\n\t * @internal\n\t */ _affectsData;\n    /**\n\t * Range marked by the marker.\n\t */ _liveRange;\n    /**\n\t * Creates a marker instance.\n\t *\n\t * @param name Marker name.\n\t * @param liveRange Range marked by the marker.\n\t * @param managedUsingOperations Specifies whether the marker is managed using operations.\n\t * @param affectsData Specifies whether the marker affects the data produced by the data pipeline (is persisted in the editor's data).\n\t */ constructor(name, liveRange, managedUsingOperations, affectsData){\n        super();\n        this.name = name;\n        this._liveRange = this._attachLiveRange(liveRange);\n        this._managedUsingOperations = managedUsingOperations;\n        this._affectsData = affectsData;\n    }\n    /**\n\t * A value indicating if the marker is managed using operations.\n\t * See {@link ~Marker marker class description} to learn more about marker types.\n\t * See {@link module:engine/model/writer~ModelWriter#addMarker}.\n\t */ get managedUsingOperations() {\n        if (!this._liveRange) {\n            throw new CKEditorError('marker-destroyed', this);\n        }\n        return this._managedUsingOperations;\n    }\n    /**\n\t * A value indicating if the marker changes the data.\n\t */ get affectsData() {\n        if (!this._liveRange) {\n            throw new CKEditorError('marker-destroyed', this);\n        }\n        return this._affectsData;\n    }\n    /**\n\t * Returns the marker data (properties defining the marker).\n\t */ getData() {\n        return {\n            range: this.getRange(),\n            affectsData: this.affectsData,\n            managedUsingOperations: this.managedUsingOperations\n        };\n    }\n    /**\n\t * Returns current marker start position.\n\t */ getStart() {\n        if (!this._liveRange) {\n            throw new CKEditorError('marker-destroyed', this);\n        }\n        return this._liveRange.start.clone();\n    }\n    /**\n\t * Returns current marker end position.\n\t */ getEnd() {\n        if (!this._liveRange) {\n            throw new CKEditorError('marker-destroyed', this);\n        }\n        return this._liveRange.end.clone();\n    }\n    /**\n\t * Returns a range that represents the current state of the marker.\n\t *\n\t * Keep in mind that returned value is a {@link module:engine/model/range~ModelRange Range}, not a\n\t * {@link module:engine/model/liverange~ModelLiveRange ModelLiveRange}. This means that it is up-to-date and relevant only\n\t * until next model document change. Do not store values returned by this method. Instead, store {@link ~Marker#name}\n\t * and get `Marker` instance from {@link module:engine/model/markercollection~MarkerCollection MarkerCollection} every\n\t * time there is a need to read marker properties. This will guarantee that the marker has not been removed and\n\t * that it's data is up-to-date.\n\t */ getRange() {\n        if (!this._liveRange) {\n            throw new CKEditorError('marker-destroyed', this);\n        }\n        return this._liveRange.toRange();\n    }\n    /**\n\t * Converts `Marker` to plain object and returns it.\n\t *\n\t * @returns `Marker` converted to plain object.\n\t */ toJSON() {\n        return {\n            name: this.name,\n            range: this._liveRange?.toJSON(),\n            usingOperations: this._managedUsingOperations,\n            affectsData: this._affectsData\n        };\n    }\n    /**\n\t * Binds new live range to the marker and detach the old one if is attached.\n\t *\n\t * @internal\n\t * @param liveRange Live range to attach\n\t * @returns Attached live range.\n\t */ _attachLiveRange(liveRange) {\n        if (this._liveRange) {\n            this._detachLiveRange();\n        }\n        // Delegating does not work with namespaces. Alternatively, we could delegate all events (using `*`).\n        liveRange.delegate('change:range').to(this);\n        liveRange.delegate('change:content').to(this);\n        this._liveRange = liveRange;\n        return liveRange;\n    }\n    /**\n\t * Unbinds and destroys currently attached live range.\n\t *\n\t * @internal\n\t */ _detachLiveRange() {\n        this._liveRange.stopDelegating('change:range', this);\n        this._liveRange.stopDelegating('change:content', this);\n        this._liveRange.detach();\n        this._liveRange = null;\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nMarker.prototype.is = function(type) {\n    return type === 'marker' || type === 'model:marker';\n};\n /**\n * Cannot use a {@link module:engine/model/markercollection~MarkerCollection#destroy destroyed marker} instance.\n *\n * @error marker-destroyed\n */\n\n// @if CK_DEBUG_ENGINE // const ModelRange = require( '../range' ).default;\n/**\n * Operation to permanently remove node from detached root.\n * Note this operation is only a local operation and won't be send to the other clients.\n *\n * @internal\n */ class DetachOperation extends Operation {\n    /**\n\t * Position before the first {@link module:engine/model/item~ModelItem model item} to detach.\n\t */ sourcePosition;\n    /**\n\t * Offset size of moved range.\n\t */ howMany;\n    /**\n\t * Creates an insert operation.\n\t *\n\t * @param sourcePosition Position before the first {@link module:engine/model/item~ModelItem model item} to move.\n\t * @param howMany Offset size of moved range. Moved range will start from `sourcePosition` and end at\n\t * `sourcePosition` with offset shifted by `howMany`.\n\t */ constructor(sourcePosition, howMany){\n        super(null);\n        this.sourcePosition = sourcePosition.clone();\n        this.howMany = howMany;\n    }\n    /**\n\t * @inheritDoc\n\t */ get type() {\n        return 'detach';\n    }\n    /**\n\t * @inheritDoc\n\t */ get affectedSelectable() {\n        return null;\n    }\n    /**\n\t * @inheritDoc\n\t */ toJSON() {\n        const json = super.toJSON();\n        json.sourcePosition = this.sourcePosition.toJSON();\n        return json;\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _validate() {\n        if (this.sourcePosition.root.document) {\n            /**\n\t\t\t * Cannot detach document node.\n\t\t\t *\n\t\t\t * @error detach-operation-on-document-node\n\t\t\t */ throw new CKEditorError('detach-operation-on-document-node', this);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ _execute() {\n        _remove(ModelRange._createFromPositionAndShift(this.sourcePosition, this.howMany));\n    }\n    /**\n\t * @inheritDoc\n\t */ static get className() {\n        return 'DetachOperation';\n    }\n}\n\n// @if CK_DEBUG_ENGINE // const { stringifyMap } = require( '../dev-utils/utils' );\n/**\n * ModelDocumentFragment represents a part of model which does not have a common root but its top-level nodes\n * can be seen as siblings. In other words, it is a detached part of model tree, without a root.\n *\n * ModelDocumentFragment has own {@link module:engine/model/markercollection~MarkerCollection}. Markers from this collection\n * will be set to the {@link module:engine/model/model~Model#markers model markers} by a\n * {@link module:engine/model/writer~ModelWriter#insert} function.\n */ class ModelDocumentFragment extends ModelTypeCheckable {\n    /**\n\t * ModelDocumentFragment static markers map. This is a list of names and {@link module:engine/model/range~ModelRange ranges}\n\t * which will be set as Markers to {@link module:engine/model/model~Model#markers model markers collection}\n\t * when ModelDocumentFragment will be inserted to the document.\n\t */ markers = new Map();\n    /**\n\t * List of nodes contained inside the document fragment.\n\t */ _children = new ModelNodeList();\n    /**\n\t * Creates an empty `ModelDocumentFragment`.\n\t *\n\t * **Note:** Constructor of this class shouldn't be used directly in the code.\n\t * Use the {@link module:engine/model/writer~ModelWriter#createDocumentFragment} method instead.\n\t *\n\t * @internal\n\t * @param children Nodes to be contained inside the `ModelDocumentFragment`.\n\t */ constructor(children){\n        super();\n        if (children) {\n            this._insertChild(0, children);\n        }\n    }\n    /**\n\t * Returns an iterator that iterates over all nodes contained inside this document fragment.\n\t */ [Symbol.iterator]() {\n        return this.getChildren();\n    }\n    /**\n\t * Number of this document fragment's children.\n\t */ get childCount() {\n        return this._children.length;\n    }\n    /**\n\t * Sum of {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all of this document fragment's children.\n\t */ get maxOffset() {\n        return this._children.maxOffset;\n    }\n    /**\n\t * Is `true` if there are no nodes inside this document fragment, `false` otherwise.\n\t */ get isEmpty() {\n        return this.childCount === 0;\n    }\n    /**\n\t * Artificial next sibling. Returns `null`. Added for compatibility reasons.\n\t */ get nextSibling() {\n        return null;\n    }\n    /**\n\t * Artificial previous sibling. Returns `null`. Added for compatibility reasons.\n\t */ get previousSibling() {\n        return null;\n    }\n    /**\n\t * Artificial root of `ModelDocumentFragment`. Returns itself. Added for compatibility reasons.\n\t */ get root() {\n        return this;\n    }\n    /**\n\t * Artificial parent of `ModelDocumentFragment`. Returns `null`. Added for compatibility reasons.\n\t */ get parent() {\n        return null;\n    }\n    /**\n\t * Artificial owner of `ModelDocumentFragment`. Returns `null`. Added for compatibility reasons.\n\t */ get document() {\n        return null;\n    }\n    /**\n\t * Returns `false` as `ModelDocumentFragment` by definition is not attached to a document. Added for compatibility reasons.\n\t */ isAttached() {\n        return false;\n    }\n    /**\n\t * Returns empty array. Added for compatibility reasons.\n\t */ getAncestors() {\n        return [];\n    }\n    /**\n\t * Gets the child at the given index. Returns `null` if incorrect index was passed.\n\t *\n\t * @param index Index in this document fragment.\n\t * @returns Child node.\n\t */ getChild(index) {\n        return this._children.getNode(index);\n    }\n    /**\n\t * Gets the child at the given offset. Returns `null` if incorrect index was passed.\n\t *\n\t * @param offset Offset in this document fragment.\n\t * @returns Child node.\n\t */ getChildAtOffset(offset) {\n        return this._children.getNodeAtOffset(offset);\n    }\n    /**\n\t * Returns an iterator that iterates over all of this document fragment's children.\n\t */ getChildren() {\n        return this._children[Symbol.iterator]();\n    }\n    /**\n\t * Returns an index of the given child node. Returns `null` if given node is not a child of this document fragment.\n\t *\n\t * @param node Child node to look for.\n\t * @returns Child node's index.\n\t */ getChildIndex(node) {\n        return this._children.getNodeIndex(node);\n    }\n    /**\n\t * Returns the starting offset of given child. Starting offset is equal to the sum of\n\t * {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all node's siblings that are before it. Returns `null` if\n\t * given node is not a child of this document fragment.\n\t *\n\t * @param node Child node to look for.\n\t * @returns Child node's starting offset.\n\t */ getChildStartOffset(node) {\n        return this._children.getNodeStartOffset(node);\n    }\n    /**\n\t * Returns path to a `ModelDocumentFragment`, which is an empty array. Added for compatibility reasons.\n\t */ getPath() {\n        return [];\n    }\n    /**\n\t * Returns a descendant node by its path relative to this element.\n\t *\n\t * ```ts\n\t * // <this>a<b>c</b></this>\n\t * this.getNodeByPath( [ 0 ] );     // -> \"a\"\n\t * this.getNodeByPath( [ 1 ] );     // -> <b>\n\t * this.getNodeByPath( [ 1, 0 ] );  // -> \"c\"\n\t * ```\n\t *\n\t * @param relativePath Path of the node to find, relative to this element.\n\t */ getNodeByPath(relativePath) {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n        let node = this;\n        for (const offset of relativePath){\n            node = node.getChildAtOffset(offset);\n        }\n        return node;\n    }\n    /**\n\t * Converts offset \"position\" to index \"position\".\n\t *\n\t * Returns index of a node that occupies given offset. If given offset is too low, returns `0`. If given offset is\n\t * too high, returns index after last child.\n\t *\n\t * ```ts\n\t * const textNode = new Text( 'foo' );\n\t * const pElement = new Element( 'p' );\n\t * const docFrag = new ModelDocumentFragment( [ textNode, pElement ] );\n\t * docFrag.offsetToIndex( -1 ); // Returns 0, because offset is too low.\n\t * docFrag.offsetToIndex( 0 ); // Returns 0, because offset 0 is taken by `textNode` which is at index 0.\n\t * docFrag.offsetToIndex( 1 ); // Returns 0, because `textNode` has `offsetSize` equal to 3, so it occupies offset 1 too.\n\t * docFrag.offsetToIndex( 2 ); // Returns 0.\n\t * docFrag.offsetToIndex( 3 ); // Returns 1.\n\t * docFrag.offsetToIndex( 4 ); // Returns 2. There are no nodes at offset 4, so last available index is returned.\n\t * ```\n\t *\n\t * @param offset Offset to look for.\n\t * @returns Index of a node that occupies given offset.\n\t */ offsetToIndex(offset) {\n        return this._children.offsetToIndex(offset);\n    }\n    /**\n\t * Converts `ModelDocumentFragment` instance to plain object and returns it.\n\t * Takes care of converting all of this document fragment's children.\n\t *\n\t * @returns `ModelDocumentFragment` instance converted to plain object.\n\t */ toJSON() {\n        const json = [];\n        for (const node of this._children){\n            json.push(node.toJSON());\n        }\n        return json;\n    }\n    /**\n\t * Creates a `ModelDocumentFragment` instance from given plain object (i.e. parsed JSON string).\n\t * Converts `ModelDocumentFragment` children to proper nodes.\n\t *\n\t * @param json Plain object to be converted to `ModelDocumentFragment`.\n\t * @returns `ModelDocumentFragment` instance created using given plain object.\n\t */ static fromJSON(json) {\n        const children = [];\n        for (const child of json){\n            if (child.name) {\n                // If child has name property, it is an Element.\n                children.push(ModelElement.fromJSON(child));\n            } else {\n                // Otherwise, it is a Text node.\n                children.push(ModelText.fromJSON(child));\n            }\n        }\n        return new ModelDocumentFragment(children);\n    }\n    /**\n\t * {@link #_insertChild Inserts} one or more nodes at the end of this document fragment.\n\t *\n\t * @internal\n\t * @param items Items to be inserted.\n\t */ _appendChild(items) {\n        this._insertChild(this.childCount, items);\n    }\n    /**\n\t * Inserts one or more nodes at the given index and sets {@link module:engine/model/node~ModelNode#parent parent} of these nodes\n\t * to this document fragment.\n\t *\n\t * @internal\n\t * @param index Index at which nodes should be inserted.\n\t * @param items Items to be inserted.\n\t */ _insertChild(index, items) {\n        const nodes = normalize(items);\n        for (const node of nodes){\n            // If node that is being added to this element is already inside another element, first remove it from the old parent.\n            if (node.parent !== null) {\n                node._remove();\n            }\n            node.parent = this;\n        }\n        this._children._insertNodes(index, nodes);\n    }\n    /**\n\t * Removes one or more nodes starting at the given index\n\t * and sets {@link module:engine/model/node~ModelNode#parent parent} of these nodes to `null`.\n\t *\n\t * @internal\n\t * @param index Index of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @returns Array containing removed nodes.\n\t */ _removeChildren(index, howMany = 1) {\n        const nodes = this._children._removeNodes(index, howMany);\n        for (const node of nodes){\n            node.parent = null;\n        }\n        return nodes;\n    }\n    /**\n\t * Removes children nodes provided as an array and sets\n\t * the {@link module:engine/model/node~ModelNode#parent parent} of these nodes to `null`.\n\t *\n\t * These nodes do not need to be direct siblings.\n\t *\n\t * This method is faster than removing nodes one by one, as it recalculates offsets only once.\n\t *\n\t * @internal\n\t * @param nodes Array of nodes.\n\t */ _removeChildrenArray(nodes) {\n        this._children._removeNodesArray(nodes);\n        for (const node of nodes){\n            node.parent = null;\n        }\n    }\n}\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelDocumentFragment.prototype.is = function(type) {\n    return type === 'documentFragment' || type === 'model:documentFragment';\n};\n/**\n * Converts strings to Text and non-iterables to arrays.\n */ function normalize(nodes) {\n    // Separate condition because string is iterable.\n    if (typeof nodes == 'string') {\n        return [\n            new ModelText(nodes)\n        ];\n    }\n    if (!isIterable(nodes)) {\n        nodes = [\n            nodes\n        ];\n    }\n    // Array.from to enable .map() on non-arrays.\n    return Array.from(nodes).map((node)=>{\n        if (typeof node == 'string') {\n            return new ModelText(node);\n        }\n        if (node instanceof ModelTextProxy) {\n            return new ModelText(node.data, node.getAttributes());\n        }\n        return node;\n    });\n}\n\n/**\n * The model can only be modified by using the writer. It should be used whenever you want to create a node, modify\n * child nodes, attributes or text, set the selection's position and its attributes.\n *\n * The instance of the writer is only available in the {@link module:engine/model/model~Model#change `change()`} or\n * {@link module:engine/model/model~Model#enqueueChange `enqueueChange()`}.\n *\n * ```ts\n * model.change( writer => {\n * \twriter.insertText( 'foo', paragraph, 'end' );\n * } );\n * ```\n *\n * Note that the writer should never be stored and used outside of the `change()` and\n * `enqueueChange()` blocks.\n *\n * Note that writer's methods do not check the {@link module:engine/model/schema~ModelSchema}. It is possible\n * to create incorrect model structures by using the writer. Read more about in\n * {@glink framework/deep-dive/schema#who-checks-the-schema \"Who checks the schema?\"}.\n *\n * @see module:engine/model/model~Model#change\n * @see module:engine/model/model~Model#enqueueChange\n */ class ModelWriter {\n    /**\n\t * Instance of the model on which this writer operates.\n\t */ model;\n    /**\n\t * The batch to which this writer will add changes.\n\t */ batch;\n    /**\n\t * Creates a writer instance.\n\t *\n\t * **Note:** It is not recommended to use it directly. Use {@link module:engine/model/model~Model#change `Model#change()`} or\n\t * {@link module:engine/model/model~Model#enqueueChange `Model#enqueueChange()`} instead.\n\t *\n\t * @internal\n\t */ constructor(model, batch){\n        this.model = model;\n        this.batch = batch;\n    }\n    /**\n\t * Creates a new {@link module:engine/model/text~ModelText text node}.\n\t *\n\t * ```ts\n\t * writer.createText( 'foo' );\n\t * writer.createText( 'foo', { bold: true } );\n\t * ```\n\t *\n\t * @param data Text data.\n\t * @param attributes Text attributes.\n\t * @returns {module:engine/model/text~ModelText} Created text node.\n\t */ createText(data, attributes) {\n        return new ModelText(data, attributes);\n    }\n    /**\n\t * Creates a new {@link module:engine/model/element~ModelElement element}.\n\t *\n\t * ```ts\n\t * writer.createElement( 'paragraph' );\n\t * writer.createElement( 'paragraph', { alignment: 'center' } );\n\t * ```\n\t *\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t * @returns Created element.\n\t */ createElement(name, attributes) {\n        return new ModelElement(name, attributes);\n    }\n    /**\n\t * Creates a new {@link module:engine/model/documentfragment~ModelDocumentFragment document fragment}.\n\t *\n\t * @returns Created document fragment.\n\t */ createDocumentFragment() {\n        return new ModelDocumentFragment();\n    }\n    /**\n\t * Creates a copy of the element and returns it. Created element has the same name and attributes as the original element.\n\t * If clone is deep, the original element's children are also cloned. If not, then empty element is returned.\n\t *\n\t * @param element The element to clone.\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any child.\n\t */ cloneElement(element, deep = true) {\n        return element._clone(deep);\n    }\n    /**\n\t * Inserts item on given position.\n\t *\n\t * ```ts\n\t * const paragraph = writer.createElement( 'paragraph' );\n\t * writer.insert( paragraph, position );\n\t * ```\n\t *\n\t * Instead of using position you can use parent and offset:\n\t *\n\t * ```ts\n\t * const text = writer.createText( 'foo' );\n\t * writer.insert( text, paragraph, 5 );\n\t * ```\n\t *\n\t * You can also use `end` instead of the offset to insert at the end:\n\t *\n\t * ```ts\n\t * const text = writer.createText( 'foo' );\n\t * writer.insert( text, paragraph, 'end' );\n\t * ```\n\t *\n\t * Or insert before or after another element:\n\t *\n\t * ```ts\n\t * const paragraph = writer.createElement( 'paragraph' );\n\t * writer.insert( paragraph, anotherParagraph, 'after' );\n\t * ```\n\t *\n\t * These parameters works the same way as {@link #createPositionAt `writer.createPositionAt()`}.\n\t *\n\t * Note that if the item already has parent it will be removed from the previous parent.\n\t *\n\t * Note that you cannot re-insert a node from a document to a different document or a document fragment. In this case,\n\t * `model-writer-insert-forbidden-move` is thrown.\n\t *\n\t * If you want to move {@link module:engine/model/range~ModelRange range} instead of an\n\t * {@link module:engine/model/item~ModelItem item} use {@link module:engine/model/writer~ModelWriter#move `Writer#move()`}.\n\t *\n\t * **Note:** For a paste-like content insertion mechanism see\n\t * {@link module:engine/model/model~Model#insertContent `model.insertContent()`}.\n\t *\n\t * @param item Item or document fragment to insert.\n\t * @param offset Offset or one of the flags. Used only when second parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */ insert(item, itemOrPosition, offset = 0) {\n        this._assertWriterUsedCorrectly();\n        if (item instanceof ModelText && item.data == '') {\n            return;\n        }\n        const position = ModelPosition._createAt(itemOrPosition, offset);\n        // If item has a parent already.\n        if (item.parent) {\n            // We need to check if item is going to be inserted within the same document.\n            if (isSameTree(item.root, position.root)) {\n                // If it's we just need to move it.\n                this.move(ModelRange._createOn(item), position);\n                return;\n            } else {\n                if (item.root.document) {\n                    /**\n\t\t\t\t\t * Cannot move a node from a document to a different tree.\n\t\t\t\t\t * It is forbidden to move a node that was already in a document outside of it.\n\t\t\t\t\t *\n\t\t\t\t\t * @error model-writer-insert-forbidden-move\n\t\t\t\t\t */ throw new CKEditorError('model-writer-insert-forbidden-move', this);\n                } else {\n                    // Move between two different document fragments or from document fragment to a document is possible.\n                    // In that case, remove the item from it's original parent.\n                    this.remove(item);\n                }\n            }\n        }\n        const version = position.root.document ? position.root.document.version : null;\n        const children = item instanceof ModelDocumentFragment ? item._removeChildren(0, item.childCount) : item;\n        const insert = new InsertOperation(position, children, version);\n        if (item instanceof ModelText) {\n            insert.shouldReceiveAttributes = true;\n        }\n        this.batch.addOperation(insert);\n        this.model.applyOperation(insert);\n        // When element is a ModelDocumentFragment we need to move its markers to Document#markers.\n        if (item instanceof ModelDocumentFragment) {\n            for (const [markerName, markerRange] of item.markers){\n                // We need to migrate marker range from ModelDocumentFragment to Document.\n                const rangeRootPosition = ModelPosition._createAt(markerRange.root, 0);\n                const range = new ModelRange(markerRange.start._getCombined(rangeRootPosition, position), markerRange.end._getCombined(rangeRootPosition, position));\n                const options = {\n                    range,\n                    usingOperation: true,\n                    affectsData: true\n                };\n                if (this.model.markers.has(markerName)) {\n                    this.updateMarker(markerName, options);\n                } else {\n                    this.addMarker(markerName, options);\n                }\n            }\n        }\n    }\n    insertText(text, attributes, itemOrPosition, offset// Too complicated when not using `any`.\n    ) {\n        if (attributes instanceof ModelDocumentFragment || attributes instanceof ModelElement || attributes instanceof ModelPosition) {\n            this.insert(this.createText(text), attributes, itemOrPosition);\n        } else {\n            this.insert(this.createText(text, attributes), itemOrPosition, offset);\n        }\n    }\n    insertElement(name, attributes, itemOrPositionOrOffset, offset// Too complicated when not using `any`.\n    ) {\n        if (attributes instanceof ModelDocumentFragment || attributes instanceof ModelElement || attributes instanceof ModelPosition) {\n            this.insert(this.createElement(name), attributes, itemOrPositionOrOffset);\n        } else {\n            this.insert(this.createElement(name, attributes), itemOrPositionOrOffset, offset);\n        }\n    }\n    /**\n\t * Inserts item at the end of the given parent.\n\t *\n\t * ```ts\n\t * const paragraph = writer.createElement( 'paragraph' );\n\t * writer.append( paragraph, root );\n\t * ```\n\t *\n\t * Note that if the item already has parent it will be removed from the previous parent.\n\t *\n\t * If you want to move {@link module:engine/model/range~ModelRange range} instead of an\n\t * {@link module:engine/model/item~ModelItem item} use {@link module:engine/model/writer~ModelWriter#move `Writer#move()`}.\n\t *\n\t * @param item Item or document fragment to insert.\n\t */ append(item, parent) {\n        this.insert(item, parent, 'end');\n    }\n    appendText(text, attributes, parent) {\n        if (attributes instanceof ModelDocumentFragment || attributes instanceof ModelElement) {\n            this.insert(this.createText(text), attributes, 'end');\n        } else {\n            this.insert(this.createText(text, attributes), parent, 'end');\n        }\n    }\n    appendElement(name, attributes, parent) {\n        if (attributes instanceof ModelDocumentFragment || attributes instanceof ModelElement) {\n            this.insert(this.createElement(name), attributes, 'end');\n        } else {\n            this.insert(this.createElement(name, attributes), parent, 'end');\n        }\n    }\n    /**\n\t * Sets value of the attribute with given key on a {@link module:engine/model/item~ModelItem model item}\n\t * or on a {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * @param key Attribute key.\n\t * @param value Attribute new value.\n\t * @param itemOrRange Model item or range on which the attribute will be set.\n\t */ setAttribute(key, value, itemOrRange) {\n        this._assertWriterUsedCorrectly();\n        if (itemOrRange instanceof ModelRange) {\n            const ranges = itemOrRange.getMinimalFlatRanges();\n            for (const range of ranges){\n                setAttributeOnRange(this, key, value, range);\n            }\n        } else {\n            setAttributeOnItem(this, key, value, itemOrRange);\n        }\n    }\n    /**\n\t * Sets values of attributes on a {@link module:engine/model/item~ModelItem model item}\n\t * or on a {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * ```ts\n\t * writer.setAttributes( {\n\t * \tbold: true,\n\t * \titalic: true\n\t * }, range );\n\t * ```\n\t *\n\t * @param attributes Attributes keys and values.\n\t * @param itemOrRange Model item or range on which the attributes will be set.\n\t */ setAttributes(attributes, itemOrRange) {\n        for (const [key, val] of toMap(attributes)){\n            this.setAttribute(key, val, itemOrRange);\n        }\n    }\n    /**\n\t * Removes an attribute with given key from a {@link module:engine/model/item~ModelItem model item}\n\t * or from a {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * @param key Attribute key.\n\t * @param itemOrRange Model item or range from which the attribute will be removed.\n\t */ removeAttribute(key, itemOrRange) {\n        this._assertWriterUsedCorrectly();\n        if (itemOrRange instanceof ModelRange) {\n            const ranges = itemOrRange.getMinimalFlatRanges();\n            for (const range of ranges){\n                setAttributeOnRange(this, key, null, range);\n            }\n        } else {\n            setAttributeOnItem(this, key, null, itemOrRange);\n        }\n    }\n    /**\n\t * Removes all attributes from all elements in the range or from the given item.\n\t *\n\t * @param itemOrRange Model item or range from which all attributes will be removed.\n\t */ clearAttributes(itemOrRange) {\n        this._assertWriterUsedCorrectly();\n        const removeAttributesFromItem = (item)=>{\n            for (const attribute of item.getAttributeKeys()){\n                this.removeAttribute(attribute, item);\n            }\n        };\n        if (!(itemOrRange instanceof ModelRange)) {\n            removeAttributesFromItem(itemOrRange);\n        } else {\n            for (const item of itemOrRange.getItems()){\n                removeAttributesFromItem(item);\n            }\n        }\n    }\n    /**\n\t * Moves all items in the source range to the target position.\n\t *\n\t * ```ts\n\t * writer.move( sourceRange, targetPosition );\n\t * ```\n\t *\n\t * Instead of the target position you can use parent and offset or define that range should be moved to the end\n\t * or before or after chosen item:\n\t *\n\t * ```ts\n\t * // Moves all items in the range to the paragraph at offset 5:\n\t * writer.move( sourceRange, paragraph, 5 );\n\t * // Moves all items in the range to the end of a blockquote:\n\t * writer.move( sourceRange, blockquote, 'end' );\n\t * // Moves all items in the range to a position after an image:\n\t * writer.move( sourceRange, image, 'after' );\n\t * ```\n\t *\n\t * These parameters work the same way as {@link #createPositionAt `writer.createPositionAt()`}.\n\t *\n\t * Note that items can be moved only within the same tree. It means that you can move items within the same root\n\t * (element or document fragment) or between {@link module:engine/model/document~ModelDocument#roots documents roots},\n\t * but you cannot move items from document fragment to the document or from one detached element to another. Use\n\t * {@link module:engine/model/writer~ModelWriter#insert} in such cases.\n\t *\n\t * @param range Source range.\n\t * @param offset Offset or one of the flags. Used only when second parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */ move(range, itemOrPosition, offset) {\n        this._assertWriterUsedCorrectly();\n        if (!(range instanceof ModelRange)) {\n            /**\n\t\t\t * Invalid range to move.\n\t\t\t *\n\t\t\t * @error writer-move-invalid-range\n\t\t\t */ throw new CKEditorError('writer-move-invalid-range', this);\n        }\n        if (!range.isFlat) {\n            /**\n\t\t\t * Range to move is not flat.\n\t\t\t *\n\t\t\t * @error writer-move-range-not-flat\n\t\t\t */ throw new CKEditorError('writer-move-range-not-flat', this);\n        }\n        const position = ModelPosition._createAt(itemOrPosition, offset);\n        // Do not move anything if the move target is same as moved range start.\n        if (position.isEqual(range.start)) {\n            return;\n        }\n        // If part of the marker is removed, create additional marker operation for undo purposes.\n        this._addOperationForAffectedMarkers('move', range);\n        if (!isSameTree(range.root, position.root)) {\n            /**\n\t\t\t * Range is going to be moved within not the same document. Please use\n\t\t\t * {@link module:engine/model/writer~ModelWriter#insert insert} instead.\n\t\t\t *\n\t\t\t * @error writer-move-different-document\n\t\t\t */ throw new CKEditorError('writer-move-different-document', this);\n        }\n        const version = range.root.document ? range.root.document.version : null;\n        const operation = new MoveOperation(range.start, range.end.offset - range.start.offset, position, version);\n        this.batch.addOperation(operation);\n        this.model.applyOperation(operation);\n    }\n    /**\n\t * Removes given model {@link module:engine/model/item~ModelItem item} or {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * @param itemOrRange Model item or range to remove.\n\t */ remove(itemOrRange) {\n        this._assertWriterUsedCorrectly();\n        const rangeToRemove = itemOrRange instanceof ModelRange ? itemOrRange : ModelRange._createOn(itemOrRange);\n        const ranges = rangeToRemove.getMinimalFlatRanges().reverse();\n        for (const flat of ranges){\n            // If part of the marker is removed, create additional marker operation for undo purposes.\n            this._addOperationForAffectedMarkers('move', flat);\n            applyRemoveOperation(flat.start, flat.end.offset - flat.start.offset, this.batch, this.model);\n        }\n    }\n    /**\n\t * Merges two siblings at the given position.\n\t *\n\t * Node before and after the position have to be an element. Otherwise `writer-merge-no-element-before` or\n\t * `writer-merge-no-element-after` error will be thrown.\n\t *\n\t * @param position Position between merged elements.\n\t */ merge(position) {\n        this._assertWriterUsedCorrectly();\n        const nodeBefore = position.nodeBefore;\n        const nodeAfter = position.nodeAfter;\n        // If part of the marker is removed, create additional marker operation for undo purposes.\n        this._addOperationForAffectedMarkers('merge', position);\n        if (!(nodeBefore instanceof ModelElement)) {\n            /**\n\t\t\t * Node before merge position must be an element.\n\t\t\t *\n\t\t\t * @error writer-merge-no-element-before\n\t\t\t */ throw new CKEditorError('writer-merge-no-element-before', this);\n        }\n        if (!(nodeAfter instanceof ModelElement)) {\n            /**\n\t\t\t * Node after merge position must be an element.\n\t\t\t *\n\t\t\t * @error writer-merge-no-element-after\n\t\t\t */ throw new CKEditorError('writer-merge-no-element-after', this);\n        }\n        if (!position.root.document) {\n            this._mergeDetached(position);\n        } else {\n            this._merge(position);\n        }\n    }\n    /**\n\t * Shortcut for {@link module:engine/model/model~Model#createPositionFromPath `Model#createPositionFromPath()`}.\n\t *\n\t * @param root Root of the position.\n\t * @param path Position path. See {@link module:engine/model/position~ModelPosition#path}.\n\t * @param stickiness Position stickiness. See {@link module:engine/model/position~ModelPositionStickiness}.\n\t */ createPositionFromPath(root, path, stickiness) {\n        return this.model.createPositionFromPath(root, path, stickiness);\n    }\n    /**\n\t * Shortcut for {@link module:engine/model/model~Model#createPositionAt `Model#createPositionAt()`}.\n\t *\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */ createPositionAt(itemOrPosition, offset) {\n        return this.model.createPositionAt(itemOrPosition, offset);\n    }\n    /**\n\t * Shortcut for {@link module:engine/model/model~Model#createPositionAfter `Model#createPositionAfter()`}.\n\t *\n\t * @param item Item after which the position should be placed.\n\t */ createPositionAfter(item) {\n        return this.model.createPositionAfter(item);\n    }\n    /**\n\t * Shortcut for {@link module:engine/model/model~Model#createPositionBefore `Model#createPositionBefore()`}.\n\t *\n\t * @param item Item after which the position should be placed.\n\t */ createPositionBefore(item) {\n        return this.model.createPositionBefore(item);\n    }\n    /**\n\t * Shortcut for {@link module:engine/model/model~Model#createRange `Model#createRange()`}.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at `start` position.\n\t */ createRange(start, end) {\n        return this.model.createRange(start, end);\n    }\n    /**\n\t * Shortcut for {@link module:engine/model/model~Model#createRangeIn `Model#createRangeIn()`}.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */ createRangeIn(element) {\n        return this.model.createRangeIn(element);\n    }\n    /**\n\t * Shortcut for {@link module:engine/model/model~Model#createRangeOn `Model#createRangeOn()`}.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */ createRangeOn(element) {\n        return this.model.createRangeOn(element);\n    }\n    createSelection(...args) {\n        return this.model.createSelection(...args);\n    }\n    /**\n\t * Performs merge action in a detached tree.\n\t *\n\t * @param position Position between merged elements.\n\t */ _mergeDetached(position) {\n        const nodeBefore = position.nodeBefore;\n        const nodeAfter = position.nodeAfter;\n        this.move(ModelRange._createIn(nodeAfter), ModelPosition._createAt(nodeBefore, 'end'));\n        this.remove(nodeAfter);\n    }\n    /**\n\t * Performs merge action in a non-detached tree.\n\t *\n\t * @param position Position between merged elements.\n\t */ _merge(position) {\n        const targetPosition = ModelPosition._createAt(position.nodeBefore, 'end');\n        const sourcePosition = ModelPosition._createAt(position.nodeAfter, 0);\n        const graveyard = position.root.document.graveyard;\n        const graveyardPosition = new ModelPosition(graveyard, [\n            0\n        ]);\n        const version = position.root.document.version;\n        const merge = new MergeOperation(sourcePosition, position.nodeAfter.maxOffset, targetPosition, graveyardPosition, version);\n        this.batch.addOperation(merge);\n        this.model.applyOperation(merge);\n    }\n    /**\n\t * Renames the given element.\n\t *\n\t * @param element The element to rename.\n\t * @param newName New element name.\n\t */ rename(element, newName) {\n        this._assertWriterUsedCorrectly();\n        if (!(element instanceof ModelElement)) {\n            /**\n\t\t\t * Trying to rename an object which is not an instance of Element.\n\t\t\t *\n\t\t\t * @error writer-rename-not-element-instance\n\t\t\t */ throw new CKEditorError('writer-rename-not-element-instance', this);\n        }\n        const version = element.root.document ? element.root.document.version : null;\n        const renameOperation = new RenameOperation(ModelPosition._createBefore(element), element.name, newName, version);\n        this.batch.addOperation(renameOperation);\n        this.model.applyOperation(renameOperation);\n    }\n    /**\n\t * Splits elements starting from the given position and going to the top of the model tree as long as given\n\t * `limitElement` is reached. When `limitElement` is not defined then only the parent of the given position will be split.\n\t *\n\t * The element needs to have a parent. It cannot be a root element nor a document fragment.\n\t * The `writer-split-element-no-parent` error will be thrown if you try to split an element with no parent.\n\t *\n\t * @param position Position of split.\n\t * @param limitElement Stop splitting when this element will be reached.\n\t * @returns Split result with properties:\n\t * * `position` - Position between split elements.\n\t * * `range` - Range that stars from the end of the first split element and ends at the beginning of the first copy element.\n\t */ split(position, limitElement) {\n        this._assertWriterUsedCorrectly();\n        let splitElement = position.parent;\n        if (!splitElement.parent) {\n            /**\n\t\t\t * Element with no parent cannot be split.\n\t\t\t *\n\t\t\t * @error writer-split-element-no-parent\n\t\t\t */ throw new CKEditorError('writer-split-element-no-parent', this);\n        }\n        // When limit element is not defined lets set splitElement parent as limit.\n        if (!limitElement) {\n            limitElement = splitElement.parent;\n        }\n        if (!position.parent.getAncestors({\n            includeSelf: true\n        }).includes(limitElement)) {\n            /**\n\t\t\t * Limit element is not a position ancestor.\n\t\t\t *\n\t\t\t * @error writer-split-invalid-limit-element\n\t\t\t */ throw new CKEditorError('writer-split-invalid-limit-element', this);\n        }\n        // We need to cache elements that will be created as a result of the first split because\n        // we need to create a range from the end of the first split element to the beginning of the\n        // first copy element. This should be handled by ModelLiveRange but it doesn't work on detached nodes.\n        let firstSplitElement;\n        let firstCopyElement;\n        do {\n            const version = splitElement.root.document ? splitElement.root.document.version : null;\n            const howMany = splitElement.maxOffset - position.offset;\n            const insertionPosition = SplitOperation.getInsertionPosition(position);\n            const split = new SplitOperation(position, howMany, insertionPosition, null, version);\n            this.batch.addOperation(split);\n            this.model.applyOperation(split);\n            // Cache result of the first split.\n            if (!firstSplitElement && !firstCopyElement) {\n                firstSplitElement = splitElement;\n                firstCopyElement = position.parent.nextSibling;\n            }\n            position = this.createPositionAfter(position.parent);\n            splitElement = position.parent;\n        }while (splitElement !== limitElement)\n        return {\n            position,\n            range: new ModelRange(ModelPosition._createAt(firstSplitElement, 'end'), ModelPosition._createAt(firstCopyElement, 0))\n        };\n    }\n    /**\n\t * Wraps the given range with the given element or with a new element (if a string was passed).\n\t *\n\t * **Note:** range to wrap should be a \"flat range\" (see {@link module:engine/model/range~ModelRange#isFlat `Range#isFlat`}).\n\t * If not, an error will be thrown.\n\t *\n\t * @param range Range to wrap.\n\t * @param elementOrString Element or name of element to wrap the range with.\n\t */ wrap(range, elementOrString) {\n        this._assertWriterUsedCorrectly();\n        if (!range.isFlat) {\n            /**\n\t\t\t * Range to wrap is not flat.\n\t\t\t *\n\t\t\t * @error writer-wrap-range-not-flat\n\t\t\t */ throw new CKEditorError('writer-wrap-range-not-flat', this);\n        }\n        const element = elementOrString instanceof ModelElement ? elementOrString : new ModelElement(elementOrString);\n        if (element.childCount > 0) {\n            /**\n\t\t\t * Element to wrap with is not empty.\n\t\t\t *\n\t\t\t * @error writer-wrap-element-not-empty\n\t\t\t */ throw new CKEditorError('writer-wrap-element-not-empty', this);\n        }\n        if (element.parent !== null) {\n            /**\n\t\t\t * Element to wrap with is already attached to a tree model.\n\t\t\t *\n\t\t\t * @error writer-wrap-element-attached\n\t\t\t */ throw new CKEditorError('writer-wrap-element-attached', this);\n        }\n        this.insert(element, range.start);\n        // Shift the range-to-wrap because we just inserted an element before that range.\n        const shiftedRange = new ModelRange(range.start.getShiftedBy(1), range.end.getShiftedBy(1));\n        this.move(shiftedRange, ModelPosition._createAt(element, 0));\n    }\n    /**\n\t * Unwraps children of the given element – all its children are moved before it and then the element is removed.\n\t * Throws error if you try to unwrap an element which does not have a parent.\n\t *\n\t * @param element Element to unwrap.\n\t */ unwrap(element) {\n        this._assertWriterUsedCorrectly();\n        if (element.parent === null) {\n            /**\n\t\t\t * Trying to unwrap an element which has no parent.\n\t\t\t *\n\t\t\t * @error writer-unwrap-element-no-parent\n\t\t\t */ throw new CKEditorError('writer-unwrap-element-no-parent', this);\n        }\n        this.move(ModelRange._createIn(element), this.createPositionAfter(element));\n        this.remove(element);\n    }\n    /**\n\t * Adds a {@link module:engine/model/markercollection~Marker marker}. Marker is a named range, which tracks\n\t * changes in the document and updates its range automatically, when model tree changes.\n\t *\n\t * As the first parameter you can set marker name.\n\t *\n\t * The required `options.usingOperation` parameter lets you decide if the marker should be managed by operations or not. See\n\t * {@link module:engine/model/markercollection~Marker marker class description} to learn about the difference between\n\t * markers managed by operations and not-managed by operations.\n\t *\n\t * The `options.affectsData` parameter, which defaults to `false`, allows you to define if a marker affects the data. It should be\n\t * `true` when the marker change changes the data returned by the\n\t * {@link module:core/editor/editor~Editor#getData `editor.getData()`} method.\n\t * When set to `true` it fires the {@link module:engine/model/document~ModelDocument#event:change:data `change:data`} event.\n\t * When set to `false` it fires the {@link module:engine/model/document~ModelDocument#event:change `change`} event.\n\t *\n\t * Create marker directly base on marker's name:\n\t *\n\t * ```ts\n\t * addMarker( markerName, { range, usingOperation: false } );\n\t * ```\n\t *\n\t * Create marker using operation:\n\t *\n\t * ```ts\n\t * addMarker( markerName, { range, usingOperation: true } );\n\t * ```\n\t *\n\t * Create marker that affects the editor data:\n\t *\n\t * ```ts\n\t * addMarker( markerName, { range, usingOperation: false, affectsData: true } );\n\t * ```\n\t *\n\t * Note: For efficiency reasons, it's best to create and keep as little markers as possible.\n\t *\n\t * @see module:engine/model/markercollection~Marker\n\t * @param name Name of a marker to create - must be unique.\n\t * @param options.usingOperation Flag indicating that the marker should be added by MarkerOperation.\n\t * See {@link module:engine/model/markercollection~Marker#managedUsingOperations}.\n\t * @param options.range Marker range.\n\t * @param options.affectsData Flag indicating that the marker changes the editor data.\n\t * @returns Marker that was set.\n\t */ addMarker(name, options) {\n        this._assertWriterUsedCorrectly();\n        if (!options || typeof options.usingOperation != 'boolean') {\n            /**\n\t\t\t * The `options.usingOperation` parameter is required when adding a new marker.\n\t\t\t *\n\t\t\t * @error writer-addmarker-no-usingoperation\n\t\t\t */ throw new CKEditorError('writer-addmarker-no-usingoperation', this);\n        }\n        const usingOperation = options.usingOperation;\n        const range = options.range;\n        const affectsData = options.affectsData === undefined ? false : options.affectsData;\n        if (this.model.markers.has(name)) {\n            /**\n\t\t\t * Marker with provided name already exists.\n\t\t\t *\n\t\t\t * @error writer-addmarker-marker-exists\n\t\t\t */ throw new CKEditorError('writer-addmarker-marker-exists', this);\n        }\n        if (!range) {\n            /**\n\t\t\t * Range parameter is required when adding a new marker.\n\t\t\t *\n\t\t\t * @error writer-addmarker-no-range\n\t\t\t */ throw new CKEditorError('writer-addmarker-no-range', this);\n        }\n        if (!usingOperation) {\n            return this.model.markers._set(name, range, usingOperation, affectsData);\n        }\n        applyMarkerOperation(this, name, null, range, affectsData);\n        return this.model.markers.get(name);\n    }\n    /**\n\t * Adds, updates or refreshes a {@link module:engine/model/markercollection~Marker marker}. Marker is a named range, which tracks\n\t * changes in the document and updates its range automatically, when model tree changes. Still, it is possible to change the\n\t * marker's range directly using this method.\n\t *\n\t * As the first parameter you can set marker name or instance. If none of them is provided, new marker, with a unique\n\t * name is created and returned.\n\t *\n\t * **Note**: If you want to change the {@link module:engine/view/element~ViewElement view element}\n\t * of the marker while its data in the model\n\t * remains the same, use the dedicated {@link module:engine/controller/editingcontroller~EditingController#reconvertMarker} method.\n\t *\n\t * The `options.usingOperation` parameter lets you change if the marker should be managed by operations or not. See\n\t * {@link module:engine/model/markercollection~Marker marker class description} to learn about the difference between\n\t * markers managed by operations and not-managed by operations. It is possible to change this option for an existing marker.\n\t *\n\t * The `options.affectsData` parameter, which defaults to `false`, allows you to define if a marker affects the data. It should be\n\t * `true` when the marker change changes the data returned by\n\t * the {@link module:core/editor/editor~Editor#getData `editor.getData()`} method.\n\t * When set to `true` it fires the {@link module:engine/model/document~ModelDocument#event:change:data `change:data`} event.\n\t * When set to `false` it fires the {@link module:engine/model/document~ModelDocument#event:change `change`} event.\n\t *\n\t * Update marker directly base on marker's name:\n\t *\n\t * ```ts\n\t * updateMarker( markerName, { range } );\n\t * ```\n\t *\n\t * Update marker using operation:\n\t *\n\t * ```ts\n\t * updateMarker( marker, { range, usingOperation: true } );\n\t * updateMarker( markerName, { range, usingOperation: true } );\n\t * ```\n\t *\n\t * Change marker's option (start using operations to manage it):\n\t *\n\t * ```ts\n\t * updateMarker( marker, { usingOperation: true } );\n\t * ```\n\t *\n\t * Change marker's option (inform the engine, that the marker does not affect the data anymore):\n\t *\n\t * ```ts\n\t * updateMarker( markerName, { affectsData: false } );\n\t * ```\n\t *\n\t * @see module:engine/model/markercollection~Marker\n\t * @param markerOrName Name of a marker to update, or a marker instance.\n\t * @param options If options object is not defined then marker will be refreshed by triggering\n\t * downcast conversion for this marker with the same data.\n\t * @param options.range Marker range to update.\n\t * @param options.usingOperation Flag indicated whether the marker should be added by MarkerOperation.\n\t * See {@link module:engine/model/markercollection~Marker#managedUsingOperations}.\n\t * @param options.affectsData Flag indicating that the marker changes the editor data.\n\t */ updateMarker(markerOrName, options) {\n        this._assertWriterUsedCorrectly();\n        const markerName = typeof markerOrName == 'string' ? markerOrName : markerOrName.name;\n        const currentMarker = this.model.markers.get(markerName);\n        if (!currentMarker) {\n            /**\n\t\t\t * Marker with provided name does not exist and will not be updated.\n\t\t\t *\n\t\t\t * @error writer-updatemarker-marker-not-exists\n\t\t\t */ throw new CKEditorError('writer-updatemarker-marker-not-exists', this);\n        }\n        if (!options) {\n            /**\n\t\t\t * The usage of `writer.updateMarker()` only to reconvert (refresh) a\n\t\t\t * {@link module:engine/model/markercollection~Marker model marker} was deprecated and may not work in the future.\n\t\t\t * Please update your code to use\n\t\t\t * {@link module:engine/controller/editingcontroller~EditingController#reconvertMarker `editor.editing.reconvertMarker()`}\n\t\t\t * instead.\n\t\t\t *\n\t\t\t * @error writer-updatemarker-reconvert-using-editingcontroller\n\t\t\t * @param markerName The name of the updated marker.\n\t\t\t */ logWarning('writer-updatemarker-reconvert-using-editingcontroller', {\n                markerName\n            });\n            this.model.markers._refresh(currentMarker);\n            return;\n        }\n        const hasUsingOperationDefined = typeof options.usingOperation == 'boolean';\n        const affectsDataDefined = typeof options.affectsData == 'boolean';\n        // Use previously defined marker's affectsData if the property is not provided.\n        const affectsData = affectsDataDefined ? options.affectsData : currentMarker.affectsData;\n        if (!hasUsingOperationDefined && !options.range && !affectsDataDefined) {\n            /**\n\t\t\t * One of the options is required - provide range, usingOperations or affectsData.\n\t\t\t *\n\t\t\t * @error writer-updatemarker-wrong-options\n\t\t\t */ throw new CKEditorError('writer-updatemarker-wrong-options', this);\n        }\n        const currentRange = currentMarker.getRange();\n        const updatedRange = options.range ? options.range : currentRange;\n        if (hasUsingOperationDefined && options.usingOperation !== currentMarker.managedUsingOperations) {\n            // The marker type is changed so it's necessary to create proper operations.\n            if (options.usingOperation) {\n                // If marker changes to a managed one treat this as synchronizing existing marker.\n                // Create `MarkerOperation` with `oldRange` set to `null`, so reverse operation will remove the marker.\n                applyMarkerOperation(this, markerName, null, updatedRange, affectsData);\n            } else {\n                // If marker changes to a marker that do not use operations then we need to create additional operation\n                // that removes that marker first.\n                applyMarkerOperation(this, markerName, currentRange, null, affectsData);\n                // Although not managed the marker itself should stay in model and its range should be preserver or changed to passed range.\n                this.model.markers._set(markerName, updatedRange, undefined, affectsData);\n            }\n            return;\n        }\n        // Marker's type doesn't change so update it accordingly.\n        if (currentMarker.managedUsingOperations) {\n            applyMarkerOperation(this, markerName, currentRange, updatedRange, affectsData);\n        } else {\n            this.model.markers._set(markerName, updatedRange, undefined, affectsData);\n        }\n    }\n    /**\n\t * Removes given {@link module:engine/model/markercollection~Marker marker} or marker with given name.\n\t * The marker is removed accordingly to how it has been created, so if the marker was created using operation,\n\t * it will be destroyed using operation.\n\t *\n\t * @param markerOrName Marker or marker name to remove.\n\t */ removeMarker(markerOrName) {\n        this._assertWriterUsedCorrectly();\n        const name = typeof markerOrName == 'string' ? markerOrName : markerOrName.name;\n        if (!this.model.markers.has(name)) {\n            /**\n\t\t\t * Trying to remove marker which does not exist.\n\t\t\t *\n\t\t\t * @error writer-removemarker-no-marker\n\t\t\t */ throw new CKEditorError('writer-removemarker-no-marker', this);\n        }\n        const marker = this.model.markers.get(name);\n        if (!marker.managedUsingOperations) {\n            this.model.markers._remove(name);\n            return;\n        }\n        const oldRange = marker.getRange();\n        applyMarkerOperation(this, name, oldRange, null, marker.affectsData);\n    }\n    /**\n\t * Adds a new root to the document (or re-attaches a {@link #detachRoot detached root}).\n\t *\n\t * Throws an error, if trying to add a root that is already added and attached.\n\t *\n\t * @param rootName Name of the added root.\n\t * @param elementName The element name. Defaults to `'$root'` which also has some basic schema defined\n\t * (e.g. `$block` elements are allowed inside the `$root`). Make sure to define a proper schema if you use a different name.\n\t * @returns The added root element.\n\t */ addRoot(rootName, elementName = '$root') {\n        this._assertWriterUsedCorrectly();\n        const root = this.model.document.getRoot(rootName);\n        if (root && root.isAttached()) {\n            /**\n\t\t\t * Root with provided name already exists and is attached.\n\t\t\t *\n\t\t\t * @error writer-addroot-root-exists\n\t\t\t */ throw new CKEditorError('writer-addroot-root-exists', this);\n        }\n        const document = this.model.document;\n        const operation = new RootOperation(rootName, elementName, true, document, document.version);\n        this.batch.addOperation(operation);\n        this.model.applyOperation(operation);\n        return this.model.document.getRoot(rootName);\n    }\n    /**\n\t * Detaches the root from the document.\n\t *\n\t * All content and markers are removed from the root upon detaching. New content and new markers cannot be added to the root, as long\n\t * as it is detached.\n\t *\n\t * A root cannot be fully removed from the document, it can be only detached. A root is permanently removed only after you\n\t * re-initialize the editor and do not specify the root in the initial data.\n\t *\n\t * A detached root can be re-attached using {@link #addRoot}.\n\t *\n\t * Throws an error if the root does not exist or the root is already detached.\n\t *\n\t * @param rootOrName Name of the detached root.\n\t */ detachRoot(rootOrName) {\n        this._assertWriterUsedCorrectly();\n        const root = typeof rootOrName == 'string' ? this.model.document.getRoot(rootOrName) : rootOrName;\n        if (!root || !root.isAttached()) {\n            /**\n\t\t\t * Root with provided name does not exist or is already detached.\n\t\t\t *\n\t\t\t * @error writer-detachroot-no-root\n\t\t\t */ throw new CKEditorError('writer-detachroot-no-root', this);\n        }\n        // First, remove all markers from the root. It is better to do it before removing stuff for undo purposes.\n        // However, looking through all the markers may not be the best performance wise. But there's no better solution for now.\n        for (const marker of this.model.markers){\n            if (marker.getRange().root === root) {\n                this.removeMarker(marker);\n            }\n        }\n        // Remove all attributes from the root.\n        for (const key of root.getAttributeKeys()){\n            this.removeAttribute(key, root);\n        }\n        // Remove all contents of the root.\n        this.remove(this.createRangeIn(root));\n        // Finally, detach the root.\n        const document = this.model.document;\n        const operation = new RootOperation(root.rootName, root.name, false, document, document.version);\n        this.batch.addOperation(operation);\n        this.model.applyOperation(operation);\n    }\n    setSelection(...args) {\n        this._assertWriterUsedCorrectly();\n        this.model.document.selection._setTo(...args);\n    }\n    /**\n\t * Moves {@link module:engine/model/documentselection~ModelDocumentSelection#focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link #createPositionAt `writer.createPositionAt()`} parameters.\n\t *\n\t * @param itemOrPosition\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */ setSelectionFocus(itemOrPosition, offset) {\n        this._assertWriterUsedCorrectly();\n        this.model.document.selection._setFocus(itemOrPosition, offset);\n    }\n    setSelectionAttribute(keyOrObjectOrIterable, value) {\n        this._assertWriterUsedCorrectly();\n        if (typeof keyOrObjectOrIterable === 'string') {\n            this._setSelectionAttribute(keyOrObjectOrIterable, value);\n        } else {\n            for (const [key, value] of toMap(keyOrObjectOrIterable)){\n                this._setSelectionAttribute(key, value);\n            }\n        }\n    }\n    /**\n\t * Removes attribute(s) with given key(s) from the selection.\n\t *\n\t * Remove one attribute:\n\t *\n\t * ```ts\n\t * writer.removeSelectionAttribute( 'italic' );\n\t * ```\n\t *\n\t * Remove multiple attributes:\n\t *\n\t * ```ts\n\t * writer.removeSelectionAttribute( [ 'italic', 'bold' ] );\n\t * ```\n\t *\n\t * @param keyOrIterableOfKeys Key of the attribute to remove or an iterable of attribute keys to remove.\n\t */ removeSelectionAttribute(keyOrIterableOfKeys) {\n        this._assertWriterUsedCorrectly();\n        if (typeof keyOrIterableOfKeys === 'string') {\n            this._removeSelectionAttribute(keyOrIterableOfKeys);\n        } else {\n            for (const key of keyOrIterableOfKeys){\n                this._removeSelectionAttribute(key);\n            }\n        }\n    }\n    /**\n\t * Temporarily changes the {@link module:engine/model/documentselection~ModelDocumentSelection#isGravityOverridden gravity}\n\t * of the selection from left to right.\n\t *\n\t * The gravity defines from which direction the selection inherits its attributes. If it's the default left gravity,\n\t * then the selection (after being moved by the user) inherits attributes from its left-hand side.\n\t * This method allows to temporarily override this behavior by forcing the gravity to the right.\n\t *\n\t * For the following model fragment:\n\t *\n\t * ```xml\n\t * <$text bold=\"true\" linkHref=\"url\">bar[]</$text><$text bold=\"true\">biz</$text>\n\t * ```\n\t *\n\t * * Default gravity: selection will have the `bold` and `linkHref` attributes.\n\t * * Overridden gravity: selection will have `bold` attribute.\n\t *\n\t * **Note**: It returns an unique identifier which is required to restore the gravity. It guarantees the symmetry\n\t * of the process.\n\t *\n\t * @returns The unique id which allows restoring the gravity.\n\t */ overrideSelectionGravity() {\n        return this.model.document.selection._overrideGravity();\n    }\n    /**\n\t * Restores {@link ~ModelWriter#overrideSelectionGravity} gravity to default.\n\t *\n\t * Restoring the gravity is only possible using the unique identifier returned by\n\t * {@link ~ModelWriter#overrideSelectionGravity}. Note that the gravity remains overridden as long as won't be restored\n\t * the same number of times it was overridden.\n\t *\n\t * @param uid The unique id returned by {@link ~ModelWriter#overrideSelectionGravity}.\n\t */ restoreSelectionGravity(uid) {\n        this.model.document.selection._restoreGravity(uid);\n    }\n    /**\n\t * @param key Key of the attribute to remove.\n\t * @param value Attribute value.\n\t */ _setSelectionAttribute(key, value) {\n        const selection = this.model.document.selection;\n        // Store attribute in parent element if the selection is collapsed in an empty node.\n        if (selection.isCollapsed && selection.anchor.parent.isEmpty) {\n            const storeKey = ModelDocumentSelection._getStoreAttributeKey(key);\n            this.setAttribute(storeKey, value, selection.anchor.parent);\n        }\n        selection._setAttribute(key, value);\n    }\n    /**\n\t * @param key Key of the attribute to remove.\n\t */ _removeSelectionAttribute(key) {\n        const selection = this.model.document.selection;\n        // Remove stored attribute from parent element if the selection is collapsed in an empty node.\n        if (selection.isCollapsed && selection.anchor.parent.isEmpty) {\n            const storeKey = ModelDocumentSelection._getStoreAttributeKey(key);\n            this.removeAttribute(storeKey, selection.anchor.parent);\n        }\n        selection._removeAttribute(key);\n    }\n    /**\n\t * Throws `writer-detached-writer-tries-to-modify-model` error when the writer is used outside of the `change()` block.\n\t */ _assertWriterUsedCorrectly() {\n        /**\n\t\t * Trying to use a writer outside a {@link module:engine/model/model~Model#change `change()`} or\n\t\t * {@link module:engine/model/model~Model#enqueueChange `enqueueChange()`} blocks.\n\t\t *\n\t\t * The writer can only be used inside these blocks which ensures that the model\n\t\t * can only be changed during such \"sessions\".\n\t\t *\n\t\t * @error writer-incorrect-use\n\t\t */ if (this.model._currentWriter !== this) {\n            throw new CKEditorError('writer-incorrect-use', this);\n        }\n    }\n    /**\n\t * For given action `type` and `positionOrRange` where the action happens, this function finds all affected markers\n\t * and applies a marker operation with the new marker range equal to the current range. Thanks to this, the marker range\n\t * can be later correctly processed during undo.\n\t *\n\t * @param type Writer action type.\n\t * @param positionOrRange Position or range where the writer action happens.\n\t */ _addOperationForAffectedMarkers(type, positionOrRange) {\n        for (const marker of this.model.markers){\n            if (!marker.managedUsingOperations) {\n                continue;\n            }\n            const markerRange = marker.getRange();\n            let isAffected = false;\n            if (type === 'move') {\n                const range = positionOrRange;\n                isAffected = range.containsPosition(markerRange.start) || range.start.isEqual(markerRange.start) || range.containsPosition(markerRange.end) || range.end.isEqual(markerRange.end);\n            } else {\n                // if type === 'merge'.\n                const position = positionOrRange;\n                const elementBefore = position.nodeBefore;\n                const elementAfter = position.nodeAfter;\n                //               Start:  <p>Foo[</p><p>Bar]</p>\n                //         After merge:  <p>Foo[Bar]</p>\n                // After undoing split:  <p>Foo</p><p>[Bar]</p>     <-- incorrect, needs remembering for undo.\n                //\n                const affectedInLeftElement = markerRange.start.parent == elementBefore && markerRange.start.isAtEnd;\n                //               Start:  <p>[Foo</p><p>]Bar</p>\n                //         After merge:  <p>[Foo]Bar</p>\n                // After undoing split:  <p>[Foo]</p><p>Bar</p>     <-- incorrect, needs remembering for undo.\n                //\n                const affectedInRightElement = markerRange.end.parent == elementAfter && markerRange.end.offset == 0;\n                //               Start:  <p>[Foo</p>]<p>Bar</p>\n                //         After merge:  <p>[Foo]Bar</p>\n                // After undoing split:  <p>[Foo]</p><p>Bar</p>     <-- incorrect, needs remembering for undo.\n                //\n                const affectedAfterLeftElement = markerRange.end.nodeAfter == elementAfter;\n                //               Start:  <p>Foo</p>[<p>Bar]</p>\n                //         After merge:  <p>Foo[Bar]</p>\n                // After undoing split:  <p>Foo</p><p>[Bar]</p>     <-- incorrect, needs remembering for undo.\n                //\n                const affectedBeforeRightElement = markerRange.start.nodeAfter == elementAfter;\n                isAffected = affectedInLeftElement || affectedInRightElement || affectedAfterLeftElement || affectedBeforeRightElement;\n            }\n            if (isAffected) {\n                this.updateMarker(marker.name, {\n                    range: markerRange\n                });\n            }\n        }\n    }\n}\n/**\n * Sets given attribute to each node in given range. When attribute value is null then attribute will be removed.\n *\n * Because attribute operation needs to have the same attribute value on the whole range, this function splits\n * the range into smaller parts.\n *\n * Given `range` must be flat.\n */ function setAttributeOnRange(writer, key, value, range) {\n    const model = writer.model;\n    const doc = model.document;\n    // Position of the last split, the beginning of the new range.\n    let lastSplitPosition = range.start;\n    // Currently position in the scanning range. Because we need value after the position, it is not a current\n    // position of the iterator but the previous one (we need to iterate one more time to get the value after).\n    let position;\n    // Value before the currently position.\n    let valueBefore;\n    // Value after the currently position.\n    let valueAfter;\n    for (const val of range.getWalker({\n        shallow: true\n    })){\n        valueAfter = val.item.getAttribute(key);\n        // At the first run of the iterator the position in undefined. We also do not have a valueBefore, but\n        // because valueAfter may be null, valueBefore may be equal valueAfter ( undefined == null ).\n        if (position && valueBefore != valueAfter) {\n            // if valueBefore == value there is nothing to change, so we add operation only if these values are different.\n            if (valueBefore != value) {\n                addOperation();\n            }\n            lastSplitPosition = position;\n        }\n        position = val.nextPosition;\n        valueBefore = valueAfter;\n    }\n    // Because position in the loop is not the iterator position (see let position comment), the last position in\n    // the while loop will be last but one position in the range. We need to check the last position manually.\n    if (position instanceof ModelPosition && position != lastSplitPosition && valueBefore != value) {\n        addOperation();\n    }\n    function addOperation() {\n        const range = new ModelRange(lastSplitPosition, position);\n        const version = range.root.document ? doc.version : null;\n        const operation = new AttributeOperation(range, key, valueBefore, value, version);\n        writer.batch.addOperation(operation);\n        model.applyOperation(operation);\n    }\n}\n/**\n * Sets given attribute to the given node. When attribute value is null then attribute will be removed.\n */ function setAttributeOnItem(writer, key, value, item) {\n    const model = writer.model;\n    const doc = model.document;\n    const previousValue = item.getAttribute(key);\n    let range, operation;\n    if (previousValue != value) {\n        const isRootChanged = item.root === item;\n        if (isRootChanged) {\n            // If we change attributes of root element, we have to use `RootAttributeOperation`.\n            const version = item.document ? doc.version : null;\n            operation = new RootAttributeOperation(item, key, previousValue, value, version);\n        } else {\n            range = new ModelRange(ModelPosition._createBefore(item), writer.createPositionAfter(item));\n            const version = range.root.document ? doc.version : null;\n            operation = new AttributeOperation(range, key, previousValue, value, version);\n        }\n        writer.batch.addOperation(operation);\n        model.applyOperation(operation);\n    }\n}\n/**\n * Creates and applies marker operation to {@link module:engine/model/operation/operation~Operation operation}.\n */ function applyMarkerOperation(writer, name, oldRange, newRange, affectsData) {\n    const model = writer.model;\n    const doc = model.document;\n    const operation = new MarkerOperation(name, oldRange, newRange, model.markers, !!affectsData, doc.version);\n    writer.batch.addOperation(operation);\n    model.applyOperation(operation);\n}\n/**\n * Creates `MoveOperation` or `DetachOperation` that removes `howMany` nodes starting from `position`.\n * The operation will be applied on given model instance and added to given operation instance.\n *\n * @param position Position from which nodes are removed.\n * @param howMany Number of nodes to remove.\n * @param batch Batch to which the operation will be added.\n * @param model Model instance on which operation will be applied.\n */ function applyRemoveOperation(position, howMany, batch, model) {\n    let operation;\n    if (position.root.document) {\n        const doc = model.document;\n        const graveyardPosition = new ModelPosition(doc.graveyard, [\n            0\n        ]);\n        operation = new MoveOperation(position, howMany, graveyardPosition, doc.version);\n    } else {\n        operation = new DetachOperation(position, howMany);\n    }\n    batch.addOperation(operation);\n    model.applyOperation(operation);\n}\n/**\n * Returns `true` if both root elements are the same element or both are documents root elements.\n *\n * Elements in the same tree can be moved (for instance you can move element form one documents root to another, or\n * within the same document fragment), but when element supposed to be moved from document fragment to the document, or\n * to another document it should be removed and inserted to avoid problems with OT. This is because features like undo or\n * collaboration may track changes on the document but ignore changes on detached fragments and should not get\n * unexpected `move` operation.\n */ function isSameTree(rootA, rootB) {\n    // If it is the same root this is the same tree.\n    if (rootA === rootB) {\n        return true;\n    }\n    // If both roots are documents root it is operation within the document what we still treat as the same tree.\n    if (rootA instanceof ModelRootElement && rootB instanceof ModelRootElement) {\n        return true;\n    }\n    return false;\n}\n\n/**\n * Injects selection post-fixer to the model.\n *\n * The role of the selection post-fixer is to ensure that the selection is in a correct place\n * after a {@link module:engine/model/model~Model#change `change()`} block was executed.\n *\n * The correct position means that:\n *\n * * All collapsed selection ranges are in a place where the {@link module:engine/model/schema~ModelSchema}\n * allows a `$text`.\n * * None of the selection's non-collapsed ranges crosses a {@link module:engine/model/schema~ModelSchema#isLimit limit element}\n * boundary (a range must be rooted within one limit element).\n * * Only {@link module:engine/model/schema~ModelSchema#isSelectable selectable elements} can be selected from the outside\n * (e.g. `[<paragraph>foo</paragraph>]` is invalid). This rule applies independently to both selection ends, so this\n * selection is correct: `<paragraph>f[oo</paragraph><imageBlock></imageBlock>]`.\n *\n * If the position is not correct, the post-fixer will automatically correct it.\n *\n * ## Fixing a non-collapsed selection\n *\n * See as an example a selection that starts in a P1 element and ends inside the text of a TD element\n * (`[` and `]` are range boundaries and `(l)` denotes an element defined as `isLimit=true`):\n *\n * ```\n * root\n *  |- element P1\n *  |   |- \"foo\"                                      root\n *  |- element TABLE (l)                   P1         TABLE             P2\n *  |   |- element TR (l)                 f o[o     TR      TR         b a r\n *  |   |   |- element TD (l)                       TD      TD\n *  |   |       |- \"aaa\"                          a]a a    b b b\n *  |   |- element TR (l)\n *  |   |   |- element TD (l)                           ||\n *  |   |       |- \"bbb\"                                ||\n *  |- element P2                                       VV\n *  |   |- \"bar\"\n *                                                    root\n *                                         P1         TABLE]            P2\n *                                        f o[o     TR      TR         b a r\n *                                                  TD      TD\n *                                                a a a    b b b\n * ```\n *\n * In the example above, the TABLE, TR and TD are defined as `isLimit=true` in the schema. The range which is not contained within\n * a single limit element must be expanded to select the outermost limit element. The range end is inside the text node of the TD element.\n * As the TD element is a child of the TR and TABLE elements, where both are defined as `isLimit=true` in the schema, the range must be\n * expanded to select the whole TABLE element.\n *\n * **Note** If the selection contains multiple ranges, the method returns a minimal set of ranges that are not intersecting after expanding\n * them to select `isLimit=true` elements.\n *\n * @internal\n */ function injectSelectionPostFixer(model) {\n    model.document.registerPostFixer((writer)=>selectionPostFixer(writer, model));\n}\n/**\n * The selection post-fixer.\n */ function selectionPostFixer(writer, model) {\n    const selection = model.document.selection;\n    const schema = model.schema;\n    const ranges = [];\n    let wasFixed = false;\n    for (const modelRange of selection.getRanges()){\n        // Go through all ranges in selection and try fixing each of them.\n        // Those ranges might overlap but will be corrected later.\n        const correctedRange = tryFixingRange(modelRange, schema);\n        // \"Selection fixing\" algorithms sometimes get lost. In consequence, it may happen\n        // that a new range is returned but, in fact, it has the same positions as the original\n        // range anyway. If this range is not discarded, a new selection will be set and that,\n        // for instance, would destroy the selection attributes. Let's make sure that the post-fixer\n        // actually worked first before setting a new selection.\n        //\n        // https://github.com/ckeditor/ckeditor5/issues/6693\n        if (correctedRange && !correctedRange.isEqual(modelRange)) {\n            ranges.push(correctedRange);\n            wasFixed = true;\n        } else {\n            ranges.push(modelRange);\n        }\n    }\n    // If any of ranges were corrected update the selection.\n    if (wasFixed) {\n        writer.setSelection(mergeIntersectingRanges(ranges), {\n            backward: selection.isBackward\n        });\n    }\n    return false;\n}\n/**\n * Tries fixing a range if it's incorrect.\n *\n * **Note:** This helper is used by the selection post-fixer and to fix the `beforeinput` target ranges.\n *\n * @returns Returns fixed range or null if range is valid.\n * @internal\n */ function tryFixingRange(range, schema) {\n    if (range.isCollapsed) {\n        return tryFixingCollapsedRange(range, schema);\n    }\n    return tryFixingNonCollapsedRage(range, schema);\n}\n/**\n * Tries to fix collapsed ranges.\n *\n * * Fixes situation when a range is in a place where $text is not allowed\n *\n * @param range Collapsed range to fix.\n * @returns Returns fixed range or null if range is valid.\n */ function tryFixingCollapsedRange(range, schema) {\n    const originalPosition = range.start;\n    const nearestSelectionRange = schema.getNearestSelectionRange(originalPosition);\n    // This might be null, i.e. when the editor data is empty or the selection is inside a limit element\n    // that doesn't allow text inside.\n    // In the first case, there is no need to fix the selection range.\n    // In the second, let's go up to the outer selectable element\n    if (!nearestSelectionRange) {\n        const ancestorObject = originalPosition.getAncestors().reverse().find((item)=>schema.isObject(item));\n        if (ancestorObject) {\n            return ModelRange._createOn(ancestorObject);\n        }\n        return null;\n    }\n    if (!nearestSelectionRange.isCollapsed) {\n        return nearestSelectionRange;\n    }\n    const fixedPosition = nearestSelectionRange.start;\n    // Fixed position is the same as original - no need to return corrected range.\n    if (originalPosition.isEqual(fixedPosition)) {\n        return null;\n    }\n    return new ModelRange(fixedPosition);\n}\n/**\n * Tries to fix an expanded range.\n *\n * @param range Expanded range to fix.\n * @returns Returns fixed range or null if range is valid.\n */ function tryFixingNonCollapsedRage(range, schema) {\n    const { start, end } = range;\n    const isTextAllowedOnStart = schema.checkChild(start, '$text');\n    const isTextAllowedOnEnd = schema.checkChild(end, '$text');\n    const startLimitElement = schema.getLimitElement(start);\n    const endLimitElement = schema.getLimitElement(end);\n    // Ranges which both end are inside the same limit element (or root) might needs only minor fix.\n    if (startLimitElement === endLimitElement) {\n        // Range is valid when both position allows to place a text:\n        // - <block>f[oobarba]z</block>\n        // This would be \"fixed\" by a next check but as it will be the same it's better to return null so the selection stays the same.\n        if (isTextAllowedOnStart && isTextAllowedOnEnd) {\n            return null;\n        }\n        // Range that is on non-limit element (or is partially) must be fixed so it is placed inside the block around $text:\n        // - [<block>foo</block>]    ->    <block>[foo]</block>\n        // - [<block>foo]</block>    ->    <block>[foo]</block>\n        // - <block>f[oo</block>]    ->    <block>f[oo]</block>\n        // - [<block>foo</block><selectable></selectable>]    ->    <block>[foo</block><selectable></selectable>]\n        if (checkSelectionOnNonLimitElements(start, end, schema)) {\n            const isStartBeforeSelectable = start.nodeAfter && schema.isSelectable(start.nodeAfter);\n            const fixedStart = isStartBeforeSelectable ? null : schema.getNearestSelectionRange(start, 'forward');\n            const isEndAfterSelectable = end.nodeBefore && schema.isSelectable(end.nodeBefore);\n            const fixedEnd = isEndAfterSelectable ? null : schema.getNearestSelectionRange(end, 'backward');\n            // The schema.getNearestSelectionRange might return null - if that happens use original position.\n            const rangeStart = fixedStart ? fixedStart.start : start;\n            const rangeEnd = fixedEnd ? fixedEnd.end : end;\n            return new ModelRange(rangeStart, rangeEnd);\n        }\n    }\n    const isStartInLimit = startLimitElement && !startLimitElement.is('rootElement');\n    const isEndInLimit = endLimitElement && !endLimitElement.is('rootElement');\n    // At this point we eliminated valid positions on text nodes so if one of range positions is placed inside a limit element\n    // then the range crossed limit element boundaries and needs to be fixed.\n    if (isStartInLimit || isEndInLimit) {\n        const bothInSameParent = start.nodeAfter && end.nodeBefore && start.nodeAfter.parent === end.nodeBefore.parent;\n        const expandStart = isStartInLimit && (!bothInSameParent || !isSelectable(start.nodeAfter, schema));\n        const expandEnd = isEndInLimit && (!bothInSameParent || !isSelectable(end.nodeBefore, schema));\n        // Although we've already found limit element on start/end positions we must find the outer-most limit element.\n        // as limit elements might be nested directly inside (ie table > tableRow > tableCell).\n        let fixedStart = start;\n        let fixedEnd = end;\n        if (expandStart) {\n            fixedStart = ModelPosition._createBefore(findOutermostLimitAncestor(startLimitElement, schema));\n        }\n        if (expandEnd) {\n            fixedEnd = ModelPosition._createAfter(findOutermostLimitAncestor(endLimitElement, schema));\n        }\n        return new ModelRange(fixedStart, fixedEnd);\n    }\n    // Range was not fixed at this point so it is valid - ie it was placed around limit element already.\n    return null;\n}\n/**\n * Finds the outer-most ancestor.\n */ function findOutermostLimitAncestor(startingNode, schema) {\n    let isLimitNode = startingNode;\n    let parent = isLimitNode;\n    // Find outer most isLimit block as such blocks might be nested (ie. in tables).\n    while(schema.isLimit(parent) && parent.parent){\n        isLimitNode = parent;\n        parent = parent.parent;\n    }\n    return isLimitNode;\n}\n/**\n * Checks whether any of range boundaries is placed around non-limit elements.\n */ function checkSelectionOnNonLimitElements(start, end, schema) {\n    const startIsOnBlock = start.nodeAfter && !schema.isLimit(start.nodeAfter) || schema.checkChild(start, '$text');\n    const endIsOnBlock = end.nodeBefore && !schema.isLimit(end.nodeBefore) || schema.checkChild(end, '$text');\n    // We should fix such selection when one of those nodes needs fixing.\n    return startIsOnBlock || endIsOnBlock;\n}\n/**\n * Returns a minimal non-intersecting array of ranges without duplicates.\n *\n * @param ranges Ranges to merge.\n * @returns Array of unique and non-intersecting ranges.\n * @internal\n */ function mergeIntersectingRanges(ranges) {\n    const rangesToMerge = [\n        ...ranges\n    ];\n    const rangeIndexesToRemove = new Set();\n    let currentRangeIndex = 1;\n    while(currentRangeIndex < rangesToMerge.length){\n        const currentRange = rangesToMerge[currentRangeIndex];\n        const previousRanges = rangesToMerge.slice(0, currentRangeIndex);\n        for (const [previousRangeIndex, previousRange] of previousRanges.entries()){\n            if (rangeIndexesToRemove.has(previousRangeIndex)) {\n                continue;\n            }\n            if (currentRange.isEqual(previousRange)) {\n                rangeIndexesToRemove.add(previousRangeIndex);\n            } else if (currentRange.isIntersecting(previousRange)) {\n                rangeIndexesToRemove.add(previousRangeIndex);\n                rangeIndexesToRemove.add(currentRangeIndex);\n                const mergedRange = currentRange.getJoined(previousRange);\n                rangesToMerge.push(mergedRange);\n            }\n        }\n        currentRangeIndex++;\n    }\n    const nonIntersectingRanges = rangesToMerge.filter((_, index)=>!rangeIndexesToRemove.has(index));\n    return nonIntersectingRanges;\n}\n/**\n * Checks if node exists and if it's a selectable.\n */ function isSelectable(node, schema) {\n    return node && schema.isSelectable(node);\n}\n\n/**\n * Deletes content of the selection and merge siblings. The resulting selection is always collapsed.\n *\n * **Note:** Use {@link module:engine/model/model~Model#deleteContent} instead of this function.\n * This function is only exposed to be reusable in algorithms\n * which change the {@link module:engine/model/model~Model#deleteContent}\n * method's behavior.\n *\n * @param model The model in context of which the insertion should be performed.\n * @param selection Selection of which the content should be deleted.\n * @param options.leaveUnmerged Whether to merge elements after removing the content of the selection.\n *\n * For example `<heading>x[x</heading><paragraph>y]y</paragraph>` will become:\n *\n * * `<heading>x^y</heading>` with the option disabled (`leaveUnmerged == false`)\n * * `<heading>x^</heading><paragraph>y</paragraph>` with enabled (`leaveUnmerged == true`).\n *\n * Note: {@link module:engine/model/schema~ModelSchema#isObject object} and {@link module:engine/model/schema~ModelSchema#isLimit limit}\n * elements will not be merged.\n *\n * @param options.doNotResetEntireContent Whether to skip replacing the entire content with a\n * paragraph when the entire content was selected.\n *\n * For example `<heading>[x</heading><paragraph>y]</paragraph>` will become:\n *\n * * `<paragraph>^</paragraph>` with the option disabled (`doNotResetEntireContent == false`)\n * * `<heading>^</heading>` with enabled (`doNotResetEntireContent == true`).\n *\n * @param options.doNotAutoparagraph Whether to create a paragraph if after content deletion selection is moved\n * to a place where text cannot be inserted.\n *\n * For example `<paragraph>x</paragraph>[<imageBlock src=\"foo.jpg\"></imageBlock>]` will become:\n *\n * * `<paragraph>x</paragraph><paragraph>[]</paragraph>` with the option disabled (`doNotAutoparagraph == false`)\n * * `<paragraph>x</paragraph>[]` with the option enabled (`doNotAutoparagraph == true`).\n *\n * If you use this option you need to make sure to handle invalid selections yourself or leave\n * them to the selection post-fixer (may not always work).\n *\n * **Note:** If there is no valid position for the selection, the paragraph will always be created:\n *\n * `[<imageBlock src=\"foo.jpg\"></imageBlock>]` -> `<paragraph>[]</paragraph>`.\n *\n * @param options.doNotFixSelection Whether given selection-to-remove should be fixed if it ends at the beginning of an element.\n *\n * By default, `deleteContent()` will fix selection before performing a deletion, so that the selection does not end at the beginning of\n * an element. For example, selection `<heading>[Heading</heading><paragraph>]Some text.</paragraph>` will be treated as it was\n * `<heading>[Heading]</heading><paragraph>Some text.</paragraph>`. As a result, the elements will not get merged.\n *\n * If selection is as in example, visually, the next element (paragraph) is not selected and it may be confusing for the user that\n * the elements got merged. Selection is set up like this by browsers when a user triple-clicks on some text.\n *\n * However, in some cases, it is expected to remove content exactly as selected in the selection, without any fixing. In these cases,\n * this flag can be set to `true`, which will prevent fixing the selection.\n *\n * @internal\n */ function deleteContent(model, selection, options = {}) {\n    if (selection.isCollapsed) {\n        return;\n    }\n    const selRange = selection.getFirstRange();\n    // If the selection is already removed, don't do anything.\n    if (selRange.root.rootName == '$graveyard') {\n        return;\n    }\n    const schema = model.schema;\n    model.change((writer)=>{\n        // 1. Replace the entire content with paragraph.\n        // See: https://github.com/ckeditor/ckeditor5-engine/issues/1012#issuecomment-315017594.\n        if (!options.doNotResetEntireContent && shouldEntireContentBeReplacedWithParagraph(schema, selection)) {\n            replaceEntireContentWithParagraph(writer, selection);\n            return;\n        }\n        // Collect attributes to copy in case of autoparagraphing.\n        const attributesForAutoparagraph = {};\n        if (!options.doNotAutoparagraph) {\n            const selectedElement = selection.getSelectedElement();\n            if (selectedElement) {\n                Object.assign(attributesForAutoparagraph, schema.getAttributesWithProperty(selectedElement, 'copyOnReplace', true));\n            }\n        }\n        // Get the live positions for the range adjusted to span only blocks selected from the user perspective.\n        let startPosition, endPosition;\n        if (!options.doNotFixSelection) {\n            [startPosition, endPosition] = getLivePositionsForSelectedBlocks(selRange);\n        } else {\n            startPosition = ModelLivePosition.fromPosition(selRange.start, 'toPrevious');\n            endPosition = ModelLivePosition.fromPosition(selRange.end, 'toNext');\n        }\n        // 2. Remove the content if there is any.\n        if (!startPosition.isTouching(endPosition)) {\n            writer.remove(writer.createRange(startPosition, endPosition));\n        }\n        // 3. Merge elements in the right branch to the elements in the left branch.\n        // The only reasonable (in terms of data and selection correctness) case in which we need to do that is:\n        //\n        // <heading type=1>Fo[</heading><paragraph>]ar</paragraph> => <heading type=1>Fo^ar</heading>\n        //\n        // However, the algorithm supports also merging deeper structures (up to the depth of the shallower branch),\n        // as it's hard to imagine what should actually be the default behavior. Usually, specific features will\n        // want to override that behavior anyway.\n        if (!options.leaveUnmerged) {\n            mergeBranches(writer, startPosition, endPosition);\n            // TMP this will be replaced with a postfixer.\n            // We need to check and strip disallowed attributes in all nested nodes because after merge\n            // some attributes could end up in a path where are disallowed.\n            //\n            // e.g. bold is disallowed for <H1>\n            // <h1>Fo{o</h1><p>b}a<b>r</b><p> -> <h1>Fo{}a<b>r</b><h1> -> <h1>Fo{}ar<h1>.\n            schema.removeDisallowedAttributes(startPosition.parent.getChildren(), writer);\n        }\n        collapseSelectionAt(writer, selection, startPosition);\n        // 4. Add a paragraph to set selection in it.\n        // Check if a text is allowed in the new container. If not, try to create a new paragraph (if it's allowed here).\n        // If autoparagraphing is off, we assume that you know what you do so we leave the selection wherever it was.\n        if (!options.doNotAutoparagraph && shouldAutoparagraph(schema, startPosition)) {\n            insertParagraph(writer, startPosition, selection, attributesForAutoparagraph);\n        }\n        startPosition.detach();\n        endPosition.detach();\n    });\n}\n/**\n * Returns the live positions for the range adjusted to span only blocks selected from the user perspective. Example:\n *\n * ```\n * <heading1>[foo</heading1>\n * <paragraph>bar</paragraph>\n * <heading1>]abc</heading1>  <-- this block is not considered as selected\n * ```\n *\n * This is the same behavior as in Selection#getSelectedBlocks() \"special case\".\n */ function getLivePositionsForSelectedBlocks(range) {\n    const model = range.root.document.model;\n    const startPosition = range.start;\n    let endPosition = range.end;\n    // If the end of selection is at the start position of last block in the selection, then\n    // shrink it to not include that trailing block. Note that this should happen only for not empty selection.\n    if (model.hasContent(range, {\n        ignoreMarkers: true\n    })) {\n        const endBlock = getParentBlock(endPosition);\n        if (endBlock && endPosition.isTouching(model.createPositionAt(endBlock, 0))) {\n            // Create forward selection as a probe to find a valid position after excluding last block from the range.\n            const selection = model.createSelection(range);\n            // Modify the forward selection in backward direction to shrink it and remove first position of following block from it.\n            // This is how modifySelection works and here we are making use of it.\n            model.modifySelection(selection, {\n                direction: 'backward'\n            });\n            const newEndPosition = selection.getLastPosition();\n            // For such a model and selection:\n            //     <paragraph>A[</paragraph><imageBlock></imageBlock><paragraph>]B</paragraph>\n            //\n            // After modifySelection(), we would end up with this:\n            //     <paragraph>A[</paragraph>]<imageBlock></imageBlock><paragraph>B</paragraph>\n            //\n            // So we need to check if there is no content in the skipped range (because we want to include the <imageBlock>).\n            const skippedRange = model.createRange(newEndPosition, endPosition);\n            if (!model.hasContent(skippedRange, {\n                ignoreMarkers: true\n            })) {\n                endPosition = newEndPosition;\n            }\n        }\n    }\n    return [\n        ModelLivePosition.fromPosition(startPosition, 'toPrevious'),\n        ModelLivePosition.fromPosition(endPosition, 'toNext')\n    ];\n}\n/**\n * Finds the lowest element in position's ancestors which is a block.\n * Returns null if a limit element is encountered before reaching a block element.\n */ function getParentBlock(position) {\n    const element = position.parent;\n    const schema = element.root.document.model.schema;\n    const ancestors = element.getAncestors({\n        parentFirst: true,\n        includeSelf: true\n    });\n    for (const element of ancestors){\n        if (schema.isLimit(element)) {\n            return null;\n        }\n        if (schema.isBlock(element)) {\n            return element;\n        }\n    }\n}\n/**\n * This function is a result of reaching the Ballmer's peak for just the right amount of time.\n * Even I had troubles documenting it after a while and after reading it again I couldn't believe that it really works.\n */ function mergeBranches(writer, startPosition, endPosition) {\n    const model = writer.model;\n    // Verify if there is a need and possibility to merge.\n    if (!checkShouldMerge(writer.model.schema, startPosition, endPosition)) {\n        return;\n    }\n    // If the start element on the common ancestor level is empty, and the end element on the same level is not empty\n    // then merge those to the right element so that it's properties are preserved (name, attributes).\n    // Because of OT merging is used instead of removing elements.\n    //\n    // Merge left:\n    //     <heading1>foo[</heading1>    ->  <heading1>foo[]bar</heading1>\n    //     <paragraph>]bar</paragraph>  ->               --^\n    //\n    // Merge right:\n    //     <heading1>[</heading1>       ->\n    //     <paragraph>]bar</paragraph>  ->  <paragraph>[]bar</paragraph>\n    //\n    // Merge left:\n    //     <blockQuote>                     ->  <blockQuote>\n    //         <heading1>foo[</heading1>    ->      <heading1>foo[]bar</heading1>\n    //         <paragraph>]bar</paragraph>  ->                   --^\n    //     </blockQuote>                    ->  </blockQuote>\n    //\n    // Merge right:\n    //     <blockQuote>                     ->  <blockQuote>\n    //         <heading1>[</heading1>       ->\n    //         <paragraph>]bar</paragraph>  ->      <paragraph>[]bar</paragraph>\n    //     </blockQuote>                    ->  </blockQuote>\n    // Merging should not go deeper than common ancestor.\n    const [startAncestor, endAncestor] = getAncestorsJustBelowCommonAncestor(startPosition, endPosition);\n    // Branches can't be merged if one of the positions is directly inside a common ancestor.\n    //\n    // Example:\n    //     <blockQuote>\n    //         <paragraph>[foo</paragraph>]\n    //         <table> ... </table>\n    //     <blockQuote>\n    //\n    if (!startAncestor || !endAncestor) {\n        return;\n    }\n    if (!model.hasContent(startAncestor, {\n        ignoreMarkers: true\n    }) && model.hasContent(endAncestor, {\n        ignoreMarkers: true\n    })) {\n        mergeBranchesRight(writer, startPosition, endPosition, startAncestor.parent);\n    } else {\n        mergeBranchesLeft(writer, startPosition, endPosition, startAncestor.parent);\n    }\n}\n/**\n * Merging blocks to the left (properties of the left block are preserved).\n * Simple example:\n *\n * ```\n * <heading1>foo[</heading1>    ->  <heading1>foo[bar</heading1>]\n * <paragraph>]bar</paragraph>  ->              --^\n * ```\n *\n * Nested example:\n *\n * ```\n * <blockQuote>                     ->  <blockQuote>\n *     <heading1>foo[</heading1>    ->      <heading1>foo[bar</heading1>\n * </blockQuote>                    ->  </blockQuote>]    ^\n * <blockBlock>                     ->                    |\n *     <paragraph>]bar</paragraph>  ->                 ---\n * </blockBlock>                    ->\n * ```\n */ function mergeBranchesLeft(writer, startPosition, endPosition, commonAncestor) {\n    const startElement = startPosition.parent;\n    const endElement = endPosition.parent;\n    // Merging reached the common ancestor element, stop here.\n    if (startElement == commonAncestor || endElement == commonAncestor) {\n        return;\n    }\n    // Remember next positions to merge in next recursive step (also used as modification points pointers).\n    startPosition = writer.createPositionAfter(startElement);\n    endPosition = writer.createPositionBefore(endElement);\n    // Move endElement just after startElement if they aren't siblings.\n    if (!endPosition.isEqual(startPosition)) {\n        //\n        //     <blockQuote>                     ->  <blockQuote>\n        //         <heading1>foo[</heading1>    ->      <heading1>foo</heading1>[<paragraph>bar</paragraph>\n        //     </blockQuote>                    ->  </blockQuote>                ^\n        //     <blockBlock>                     ->  <blockBlock>                 |\n        //         <paragraph>]bar</paragraph>  ->      ]                     ---\n        //     </blockBlock>                    ->  </blockBlock>\n        //\n        writer.insert(endElement, startPosition);\n    }\n    // Merge two siblings (nodes on sides of startPosition):\n    //\n    //     <blockQuote>                                             ->  <blockQuote>\n    //         <heading1>foo</heading1>[<paragraph>bar</paragraph>  ->      <heading1>foo[bar</heading1>\n    //     </blockQuote>                                            ->  </blockQuote>\n    //     <blockBlock>                                             ->  <blockBlock>\n    //         ]                                                    ->      ]\n    //     </blockBlock>                                            ->  </blockBlock>\n    //\n    // Or in simple case (without moving elements in above if):\n    //     <heading1>foo</heading1>[<paragraph>bar</paragraph>]  ->  <heading1>foo[bar</heading1>]\n    //\n    writer.merge(startPosition);\n    // Remove empty end ancestors:\n    //\n    //     <blockQuote>                      ->  <blockQuote>\n    //         <heading1>foo[bar</heading1>  ->      <heading1>foo[bar</heading1>\n    //     </blockQuote>                     ->  </blockQuote>\n    //     <blockBlock>                      ->\n    //         ]                             ->  ]\n    //     </blockBlock>                     ->\n    //\n    while(endPosition.parent.isEmpty){\n        const parentToRemove = endPosition.parent;\n        endPosition = writer.createPositionBefore(parentToRemove);\n        writer.remove(parentToRemove);\n    }\n    // Verify if there is a need and possibility to merge next level.\n    if (!checkShouldMerge(writer.model.schema, startPosition, endPosition)) {\n        return;\n    }\n    // Continue merging next level (blockQuote with blockBlock in the examples above if it would not be empty and got removed).\n    mergeBranchesLeft(writer, startPosition, endPosition, commonAncestor);\n}\n/**\n * Merging blocks to the right (properties of the right block are preserved).\n * Simple example:\n *\n * ```\n * <heading1>foo[</heading1>    ->            --v\n * <paragraph>]bar</paragraph>  ->  [<paragraph>foo]bar</paragraph>\n * ```\n *\n * Nested example:\n *\n * ```\n * <blockQuote>                     ->\n *     <heading1>foo[</heading1>    ->              ---\n * </blockQuote>                    ->                 |\n * <blockBlock>                     ->  [<blockBlock>  v\n *     <paragraph>]bar</paragraph>  ->      <paragraph>foo]bar</paragraph>\n * </blockBlock>                    ->  </blockBlock>\n * ```\n */ function mergeBranchesRight(writer, startPosition, endPosition, commonAncestor) {\n    const startElement = startPosition.parent;\n    const endElement = endPosition.parent;\n    // Merging reached the common ancestor element, stop here.\n    if (startElement == commonAncestor || endElement == commonAncestor) {\n        return;\n    }\n    // Remember next positions to merge in next recursive step (also used as modification points pointers).\n    startPosition = writer.createPositionAfter(startElement);\n    endPosition = writer.createPositionBefore(endElement);\n    // Move startElement just before endElement if they aren't siblings.\n    if (!endPosition.isEqual(startPosition)) {\n        //\n        //     <blockQuote>                     ->  <blockQuote>\n        //         <heading1>foo[</heading1>    ->      [                   ---\n        //     </blockQuote>                    ->  </blockQuote>              |\n        //     <blockBlock>                     ->  <blockBlock>               v\n        //         <paragraph>]bar</paragraph>  ->      <heading1>foo</heading1>]<paragraph>bar</paragraph>\n        //     </blockBlock>                    ->  </blockBlock>\n        //\n        writer.insert(startElement, endPosition);\n    }\n    // Remove empty end ancestors:\n    //\n    //     <blockQuote>                                             ->\n    //         [                                                    ->  [\n    //     </blockQuote>                                            ->\n    //     <blockBlock>                                             ->  <blockBlock>\n    //         <heading1>foo</heading1>]<paragraph>bar</paragraph>  ->      <heading1>foo</heading1>]<paragraph>bar</paragraph>\n    //     </blockBlock>                                            ->  </blockBlock>\n    //\n    while(startPosition.parent.isEmpty){\n        const parentToRemove = startPosition.parent;\n        startPosition = writer.createPositionBefore(parentToRemove);\n        writer.remove(parentToRemove);\n    }\n    // Update endPosition after inserting and removing elements.\n    endPosition = writer.createPositionBefore(endElement);\n    // Merge right two siblings (nodes on sides of endPosition):\n    //                                                              ->\n    //     [                                                        ->  [\n    //                                                              ->\n    //     <blockBlock>                                             ->  <blockBlock>\n    //         <heading1>foo</heading1>]<paragraph>bar</paragraph>  ->      <paragraph>foo]bar</paragraph>\n    //     </blockBlock>                                            ->  </blockBlock>\n    //\n    // Or in simple case (without moving elements in above if):\n    //     [<heading1>foo</heading1>]<paragraph>bar</paragraph>  ->  [<heading1>foo]bar</heading1>\n    //\n    mergeRight(writer, endPosition);\n    // Verify if there is a need and possibility to merge next level.\n    if (!checkShouldMerge(writer.model.schema, startPosition, endPosition)) {\n        return;\n    }\n    // Continue merging next level (blockQuote with blockBlock in the examples above if it would not be empty and got removed).\n    mergeBranchesRight(writer, startPosition, endPosition, commonAncestor);\n}\n/**\n * There is no right merge operation so we need to simulate it.\n */ function mergeRight(writer, position) {\n    const startElement = position.nodeBefore;\n    const endElement = position.nodeAfter;\n    if (startElement.name != endElement.name) {\n        writer.rename(startElement, endElement.name);\n    }\n    writer.clearAttributes(startElement);\n    writer.setAttributes(Object.fromEntries(endElement.getAttributes()), startElement);\n    writer.merge(position);\n}\n/**\n * Verifies if merging is needed and possible. It's not needed if both positions are in the same element\n * and it's not possible if some element is a limit or the range crosses a limit element.\n */ function checkShouldMerge(schema, startPosition, endPosition) {\n    const startElement = startPosition.parent;\n    const endElement = endPosition.parent;\n    // If both positions ended up in the same parent, then there's nothing more to merge:\n    // <$root><p>x[</p><p>]y</p></$root> => <$root><p>xy</p>[]</$root>\n    if (startElement == endElement) {\n        return false;\n    }\n    // If one of the positions is a limit element, then there's nothing to merge because we don't want to cross the limit boundaries.\n    if (schema.isLimit(startElement) || schema.isLimit(endElement)) {\n        return false;\n    }\n    // Check if operations we'll need to do won't need to cross object or limit boundaries.\n    // E.g., we can't merge endElement into startElement in this case:\n    // <limit><startElement>x[</startElement></limit><endElement>]</endElement>\n    return isCrossingLimitElement(startPosition, endPosition, schema);\n}\n/**\n * Returns the elements that are the ancestors of the provided positions that are direct children of the common ancestor.\n */ function getAncestorsJustBelowCommonAncestor(positionA, positionB) {\n    const ancestorsA = positionA.getAncestors();\n    const ancestorsB = positionB.getAncestors();\n    let i = 0;\n    while(ancestorsA[i] && ancestorsA[i] == ancestorsB[i]){\n        i++;\n    }\n    return [\n        ancestorsA[i],\n        ancestorsB[i]\n    ];\n}\nfunction shouldAutoparagraph(schema, position) {\n    const isTextAllowed = schema.checkChild(position, '$text');\n    const isParagraphAllowed = schema.checkChild(position, 'paragraph');\n    return !isTextAllowed && isParagraphAllowed;\n}\n/**\n * Check if parents of two positions can be merged by checking if there are no limit/object\n * boundaries between those two positions.\n *\n * E.g. in <bQ><p>x[]</p></bQ><widget><caption>{}</caption></widget>\n * we'll check <p>, <bQ>, <widget> and <caption>.\n * Usually, widget and caption are marked as objects/limits in the schema, so in this case merging will be blocked.\n */ function isCrossingLimitElement(leftPos, rightPos, schema) {\n    const rangeToCheck = new ModelRange(leftPos, rightPos);\n    for (const value of rangeToCheck.getWalker()){\n        if (schema.isLimit(value.item)) {\n            return false;\n        }\n    }\n    return true;\n}\nfunction insertParagraph(writer, position, selection, attributes = {}) {\n    const paragraph = writer.createElement('paragraph');\n    writer.model.schema.setAllowedAttributes(paragraph, attributes, writer);\n    writer.insert(paragraph, position);\n    collapseSelectionAt(writer, selection, writer.createPositionAt(paragraph, 0));\n}\nfunction replaceEntireContentWithParagraph(writer, selection) {\n    const limitElement = writer.model.schema.getLimitElement(selection);\n    writer.remove(writer.createRangeIn(limitElement));\n    insertParagraph(writer, writer.createPositionAt(limitElement, 0), selection);\n}\n/**\n * We want to replace the entire content with a paragraph when:\n * * the entire content is selected,\n * * selection contains at least two elements,\n * * whether the paragraph is allowed in schema in the common ancestor.\n */ function shouldEntireContentBeReplacedWithParagraph(schema, selection) {\n    const limitElement = schema.getLimitElement(selection);\n    if (!selection.containsEntireContent(limitElement)) {\n        return false;\n    }\n    const range = selection.getFirstRange();\n    if (range.start.parent == range.end.parent) {\n        return false;\n    }\n    return schema.checkChild(limitElement, 'paragraph');\n}\n/**\n * Helper function that sets the selection. Depending whether given `selection` is a document selection or not,\n * uses a different method to set it.\n */ function collapseSelectionAt(writer, selection, positionOrRange) {\n    if (selection instanceof ModelDocumentSelection) {\n        writer.setSelection(positionOrRange);\n    } else {\n        selection.setTo(positionOrRange);\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module engine/model/utils/getselectedcontent\n */ /**\n * Gets a clone of the selected content.\n *\n * For example, for the following selection:\n *\n * ```html\n * <p>x</p><quote><p>y</p><h>fir[st</h></quote><p>se]cond</p><p>z</p>\n * ```\n *\n * It will return a document fragment with such a content:\n *\n * ```html\n * <quote><h>st</h></quote><p>se</p>\n * ```\n *\n * @param model The model in context of which the selection modification should be performed.\n * @param selection The selection of which content will be returned.\n * @internal\n */ function getSelectedContent(model, selection) {\n    return model.change((writer)=>{\n        const frag = writer.createDocumentFragment();\n        const range = selection.getFirstRange();\n        if (!range || range.isCollapsed) {\n            return frag;\n        }\n        const root = range.start.root;\n        const commonPath = range.start.getCommonPath(range.end);\n        const commonParent = root.getNodeByPath(commonPath);\n        // ## 1st step\n        //\n        // First, we'll clone a fragment represented by a minimal flat range\n        // containing the original range to be cloned.\n        // E.g. let's consider such a range:\n        //\n        // <p>x</p><quote><p>y</p><h>fir[st</h></quote><p>se]cond</p><p>z</p>\n        //\n        // A minimal flat range containing this one is:\n        //\n        // <p>x</p>[<quote><p>y</p><h>first</h></quote><p>second</p>]<p>z</p>\n        //\n        // We can easily clone this structure, preserving e.g. the <quote> element.\n        let flatSubtreeRange;\n        if (range.start.parent == range.end.parent) {\n            // The original range is flat, so take it.\n            flatSubtreeRange = range;\n        } else {\n            flatSubtreeRange = writer.createRange(writer.createPositionAt(commonParent, range.start.path[commonPath.length]), writer.createPositionAt(commonParent, range.end.path[commonPath.length] + 1));\n        }\n        const howMany = flatSubtreeRange.end.offset - flatSubtreeRange.start.offset;\n        // Clone the whole contents.\n        for (const item of flatSubtreeRange.getItems({\n            shallow: true\n        })){\n            if (item.is('$textProxy')) {\n                writer.appendText(item.data, item.getAttributes(), frag);\n            } else {\n                writer.append(writer.cloneElement(item, true), frag);\n            }\n        }\n        // ## 2nd step\n        //\n        // If the original range wasn't flat, then we need to remove the excess nodes from the both ends of the cloned fragment.\n        //\n        // For example, for the range shown in the 1st step comment, we need to remove these pieces:\n        //\n        // <quote>[<p>y</p>]<h>[fir]st</h></quote><p>se[cond]</p>\n        //\n        // So this will be the final copied content:\n        //\n        // <quote><h>st</h></quote><p>se</p>\n        //\n        // In order to do that, we remove content from these two ranges:\n        //\n        // [<quote><p>y</p><h>fir]st</h></quote><p>se[cond</p>]\n        if (flatSubtreeRange != range) {\n            // Find the position of the original range in the cloned fragment.\n            const newRange = range._getTransformedByMove(flatSubtreeRange.start, writer.createPositionAt(frag, 0), howMany)[0];\n            const leftExcessRange = writer.createRange(writer.createPositionAt(frag, 0), newRange.start);\n            const rightExcessRange = writer.createRange(newRange.end, writer.createPositionAt(frag, 'end'));\n            removeRangeContent(rightExcessRange, writer);\n            removeRangeContent(leftExcessRange, writer);\n        }\n        return frag;\n    });\n}\n// After https://github.com/ckeditor/ckeditor5-engine/issues/690 is fixed,\n// this function will, most likely, be able to rewritten using getMinimalFlatRanges().\nfunction removeRangeContent(range, writer) {\n    const parentsToCheck = [];\n    Array.from(range.getItems({\n        direction: 'backward'\n    }))// We should better store ranges because text proxies will lose integrity\n    // with the text nodes when we'll start removing content.\n    .map((item)=>writer.createRangeOn(item))// Filter only these items which are fully contained in the passed range.\n    //\n    // E.g. for the following range: [<quote><p>y</p><h>fir]st</h>\n    // the walker will return the entire <h> element, when only the \"fir\" item inside it is fully contained.\n    .filter((itemRange)=>{\n        // We should be able to use Range.containsRange, but https://github.com/ckeditor/ckeditor5-engine/issues/691.\n        const contained = (itemRange.start.isAfter(range.start) || itemRange.start.isEqual(range.start)) && (itemRange.end.isBefore(range.end) || itemRange.end.isEqual(range.end));\n        return contained;\n    }).forEach((itemRange)=>{\n        parentsToCheck.push(itemRange.start.parent);\n        writer.remove(itemRange);\n    });\n    // Remove ancestors of the removed items if they turned to be empty now\n    // (their whole content was contained in the range).\n    parentsToCheck.forEach((parentToCheck)=>{\n        let parent = parentToCheck;\n        while(parent.parent && parent.isEmpty){\n            const removeRange = writer.createRangeOn(parent);\n            parent = parent.parent;\n            writer.remove(removeRange);\n        }\n    });\n}\n\n/**\n * Inserts content into the editor (specified selection) as one would expect the paste functionality to work.\n *\n * It takes care of removing the selected content, splitting elements (if needed), inserting elements and merging elements appropriately.\n *\n * Some examples:\n *\n * ```html\n * <p>x^</p> + <p>y</p> => <p>x</p><p>y</p> => <p>xy[]</p>\n * <p>x^y</p> + <p>z</p> => <p>x</p>^<p>y</p> + <p>z</p> => <p>x</p><p>z</p><p>y</p> => <p>xz[]y</p>\n * <p>x^y</p> + <img /> => <p>x</p>^<p>y</p> + <img /> => <p>x</p><img /><p>y</p>\n * <p>x</p><p>^</p><p>z</p> + <p>y</p> => <p>x</p><p>y[]</p><p>z</p> (no merging)\n * <p>x</p>[<img />]<p>z</p> + <p>y</p> => <p>x</p>^<p>z</p> + <p>y</p> => <p>x</p><p>y[]</p><p>z</p>\n * ```\n *\n * If an instance of {@link module:engine/model/selection~ModelSelection} is passed as `selectable` it will be modified\n * to the insertion selection (equal to a range to be selected after insertion).\n *\n * If `selectable` is not passed, the content will be inserted using the current selection of the model document.\n *\n * **Note:** Use {@link module:engine/model/model~Model#insertContent} instead of this function.\n * This function is only exposed to be reusable in algorithms which change the {@link module:engine/model/model~Model#insertContent}\n * method's behavior.\n *\n * @param model The model in context of which the insertion should be performed.\n * @param content The content to insert.\n * @param selectable Selection into which the content should be inserted.\n * @returns Range which contains all the performed changes. This is a range that, if removed,\n * would return the model to the state before the insertion. If no changes were preformed by `insertContent`, returns a range collapsed\n * at the insertion position.\n * @internal\n */ function insertContent(model, content, selectable) {\n    return model.change((writer)=>{\n        const selection = selectable ? selectable : model.document.selection;\n        if (!selection.isCollapsed) {\n            model.deleteContent(selection, {\n                doNotAutoparagraph: true\n            });\n        }\n        const insertion = new Insertion(model, writer, selection.anchor);\n        const fakeMarkerElements = [];\n        let nodesToInsert;\n        if (content.is('documentFragment')) {\n            // If document fragment has any markers, these markers should be inserted into the model as well.\n            if (content.markers.size) {\n                const markersPosition = [];\n                for (const [name, range] of content.markers){\n                    const { start, end } = range;\n                    const isCollapsed = start.isEqual(end);\n                    markersPosition.push({\n                        position: start,\n                        name,\n                        isCollapsed\n                    }, {\n                        position: end,\n                        name,\n                        isCollapsed\n                    });\n                }\n                // Markers position is sorted backwards to ensure that the insertion of fake markers will not change\n                // the position of the next markers.\n                markersPosition.sort(({ position: posA }, { position: posB })=>posA.isBefore(posB) ? 1 : -1);\n                for (const { position, name, isCollapsed } of markersPosition){\n                    let fakeElement = null;\n                    let collapsed = null;\n                    const isAtBeginning = position.parent === content && position.isAtStart;\n                    const isAtEnd = position.parent === content && position.isAtEnd;\n                    // We have two ways of handling markers. In general, we want to add temporary <$marker> model elements to\n                    // represent marker boundaries. These elements will be inserted into content together with the rest\n                    // of the document fragment. After insertion is done, positions for these elements will be read\n                    // and proper, actual markers will be created in the model and fake elements will be removed.\n                    //\n                    // However, if the <$marker> element is at the beginning or at the end of the document fragment,\n                    // it may affect how the inserted content is merged with current model, impacting the insertion\n                    // result. To avoid that, we don't add <$marker> elements at these positions. Instead, we will use\n                    // `Insertion#getAffectedRange()` to figure out new positions for these marker boundaries.\n                    if (!isAtBeginning && !isAtEnd) {\n                        fakeElement = writer.createElement('$marker');\n                        writer.insert(fakeElement, position);\n                    } else if (isCollapsed) {\n                        // Save whether the collapsed marker was at the beginning or at the end of document fragment\n                        // to know where to create it after the insertion is done.\n                        collapsed = isAtBeginning ? 'start' : 'end';\n                    }\n                    fakeMarkerElements.push({\n                        name,\n                        element: fakeElement,\n                        collapsed\n                    });\n                }\n            }\n            nodesToInsert = content.getChildren();\n        } else {\n            nodesToInsert = [\n                content\n            ];\n        }\n        insertion.handleNodes(nodesToInsert);\n        let newRange = insertion.getSelectionRange();\n        if (content.is('documentFragment') && fakeMarkerElements.length) {\n            // After insertion was done, the selection was set but the model contains fake <$marker> elements.\n            // These <$marker> elements will be now removed. Because of that, we will need to fix the selection.\n            // We will create a live range that will automatically be update as <$marker> elements are removed.\n            const selectionLiveRange = newRange ? ModelLiveRange.fromRange(newRange) : null;\n            // Marker name -> [ start position, end position ].\n            const markersData = {};\n            // Note: `fakeMarkerElements` are sorted backwards. However, now, we want to handle the markers\n            // from the beginning, so that existing <$marker> elements do not affect markers positions.\n            // This is why we iterate from the end to the start.\n            for(let i = fakeMarkerElements.length - 1; i >= 0; i--){\n                const { name, element, collapsed } = fakeMarkerElements[i];\n                const isStartBoundary = !markersData[name];\n                if (isStartBoundary) {\n                    markersData[name] = [];\n                }\n                if (element) {\n                    // Read fake marker element position to learn where the marker should be created.\n                    const elementPosition = writer.createPositionAt(element, 'before');\n                    markersData[name].push(elementPosition);\n                    writer.remove(element);\n                } else {\n                    // If the fake marker element does not exist, it means that the marker boundary was at the beginning or at the end.\n                    const rangeOnInsertion = insertion.getAffectedRange();\n                    if (!rangeOnInsertion) {\n                        // If affected range is `null` it means that nothing was in the document fragment or all content was filtered out.\n                        // Some markers that were in the filtered content may be removed (partially or totally).\n                        // Let's handle only those markers that were at the beginning or at the end of the document fragment.\n                        if (collapsed) {\n                            markersData[name].push(insertion.position);\n                        }\n                        continue;\n                    }\n                    if (collapsed) {\n                        // If the marker was collapsed at the beginning or at the end of the document fragment,\n                        // put both boundaries at the beginning or at the end of inserted range (to keep the marker collapsed).\n                        markersData[name].push(rangeOnInsertion[collapsed]);\n                    } else {\n                        markersData[name].push(isStartBoundary ? rangeOnInsertion.start : rangeOnInsertion.end);\n                    }\n                }\n            }\n            for (const [name, [start, end]] of Object.entries(markersData)){\n                // For now, we ignore markers if they are included in the filtered-out content.\n                // In the future implementation we will improve that case to create markers that are not filtered out completely.\n                if (start && end && start.root === end.root && start.root.document && !writer.model.markers.has(name)) {\n                    writer.addMarker(name, {\n                        usingOperation: true,\n                        affectsData: true,\n                        range: new ModelRange(start, end)\n                    });\n                }\n            }\n            if (selectionLiveRange) {\n                newRange = selectionLiveRange.toRange();\n                selectionLiveRange.detach();\n            }\n        }\n        /* istanbul ignore else -- @preserve */ if (newRange) {\n            if (selection instanceof ModelDocumentSelection) {\n                writer.setSelection(newRange);\n            } else {\n                selection.setTo(newRange);\n            }\n        }\n        const affectedRange = insertion.getAffectedRange() || model.createRange(selection.anchor);\n        insertion.destroy();\n        return affectedRange;\n    });\n}\n/**\n * Utility class for performing content insertion.\n */ class Insertion {\n    /**\n\t * The model in context of which the insertion should be performed.\n\t */ model;\n    /**\n\t * Batch to which operations will be added.\n\t */ writer;\n    /**\n\t * The position at which (or near which) the next node will be inserted.\n\t */ position;\n    /**\n\t * Elements with which the inserted elements can be merged.\n\t *\n\t * ```html\n\t * <p>x^</p><p>y</p> + <p>z</p> (can merge to <p>x</p>)\n\t * <p>x</p><p>^y</p> + <p>z</p> (can merge to <p>y</p>)\n\t * <p>x^y</p> + <p>z</p> (can merge to <p>xy</p> which will be split during the action,\n\t * \t\t\t\t\t\tso both its pieces will be added to this set)\n\t * ```\n\t */ canMergeWith;\n    /**\n\t * Schema of the model.\n\t */ schema;\n    /**\n\t * The temporary ModelDocumentFragment used for grouping multiple nodes for single insert operation.\n\t */ _documentFragment;\n    /**\n\t * The current position in the temporary ModelDocumentFragment.\n\t */ _documentFragmentPosition;\n    /**\n\t * The reference to the first inserted node.\n\t */ _firstNode = null;\n    /**\n\t * The reference to the last inserted node.\n\t */ _lastNode = null;\n    /**\n\t * The reference to the last auto paragraph node.\n\t */ _lastAutoParagraph = null;\n    /**\n\t * The array of nodes that should be cleaned of not allowed attributes and sub-nodes.\n\t */ _filterAttributesAndChildrenOf = [];\n    /**\n\t * Beginning of the affected range. See {@link module:engine/model/utils/insertcontent~Insertion#getAffectedRange}.\n\t */ _affectedStart = null;\n    /**\n\t * End of the affected range. See {@link module:engine/model/utils/insertcontent~Insertion#getAffectedRange}.\n\t */ _affectedEnd = null;\n    _nodeToSelect = null;\n    constructor(model, writer, position){\n        this.model = model;\n        this.writer = writer;\n        this.position = position;\n        this.canMergeWith = new Set([\n            this.position.parent\n        ]);\n        this.schema = model.schema;\n        this._documentFragment = writer.createDocumentFragment();\n        this._documentFragmentPosition = writer.createPositionAt(this._documentFragment, 0);\n    }\n    /**\n\t * Handles insertion of a set of nodes.\n\t *\n\t * @param nodes Nodes to insert.\n\t */ handleNodes(nodes) {\n        for (const node of Array.from(nodes)){\n            // Ignore empty nodes, especially empty text nodes.\n            if (node.offsetSize > 0) {\n                this._handleNode(node);\n            }\n        }\n        // Insert nodes collected in temporary ModelDocumentFragment.\n        this._insertPartialFragment();\n        // If there was an auto paragraph then we might need to adjust the end of insertion.\n        if (this._lastAutoParagraph) {\n            this._updateLastNodeFromAutoParagraph(this._lastAutoParagraph);\n        }\n        // After the content was inserted we may try to merge it with its next sibling if the selection was in it initially.\n        // Merging with the previous sibling was performed just after inserting the first node to the document.\n        this._mergeOnRight();\n        // TMP this will become a post-fixer.\n        this.schema.removeDisallowedAttributes(this._filterAttributesAndChildrenOf, this.writer);\n        if (this.model._config?.get('experimentalFlags.modelInsertContentDeepSchemaVerification')) {\n            this._removeDisallowedChildren(this._filterAttributesAndChildrenOf);\n        }\n        this._filterAttributesAndChildrenOf = [];\n    }\n    /**\n\t * Removes disallowed children from nodes that were inserted or modified during insertion.\n\t */ _removeDisallowedChildren(nodes) {\n        // Make sure we do not modify the original iterable.\n        const nodesArray = Array.from(nodes);\n        // Check all sub-nodes of top level inserted nodes.\n        // We do it at this point so node is already in the model tree and schema checks will be correct.\n        for (const node of nodesArray){\n            if (!node.is('element')) {\n                continue;\n            }\n            const remove = [];\n            const unwrap = [];\n            const walker = this.writer.createRangeIn(node).getWalker({\n                ignoreElementEnd: true\n            });\n            for (const { item } of walker){\n                const itemParent = item.parent;\n                if (!this.schema.checkChild(itemParent, item)) {\n                    if (item.is('element') && !this.schema.isObject(item)) {\n                        // Unwrap non-object element.\n                        unwrap.push(item);\n                        // Store the parent for re-checking children after unwrap.\n                        nodesArray.push(itemParent);\n                    } else {\n                        // Remove object with children, or text.\n                        remove.push(item);\n                    }\n                    // Skip the whole subtree as it will be removed or processed later.\n                    walker.jumpTo(this.writer.createPositionAfter(item));\n                }\n            }\n            for (const item of unwrap){\n                this.writer.unwrap(item);\n            }\n            for (const item of remove){\n                this.writer.remove(item);\n            }\n        }\n    }\n    /**\n\t * Updates the last node after the auto paragraphing.\n\t *\n\t * @param node The last auto paragraphing node.\n\t */ _updateLastNodeFromAutoParagraph(node) {\n        const positionAfterLastNode = this.writer.createPositionAfter(this._lastNode);\n        const positionAfterNode = this.writer.createPositionAfter(node);\n        // If the real end was after the last auto paragraph then update relevant properties.\n        if (positionAfterNode.isAfter(positionAfterLastNode)) {\n            this._lastNode = node;\n            /* istanbul ignore if -- @preserve */ if (this.position.parent != node || !this.position.isAtEnd) {\n                // Algorithm's correctness check. We should never end up here but it's good to know that we did.\n                // At this point the insertion position should be at the end of the last auto paragraph.\n                // Note: This error is documented in other place in this file.\n                throw new CKEditorError('insertcontent-invalid-insertion-position', this);\n            }\n            this.position = positionAfterNode;\n            this._setAffectedBoundaries(this.position);\n        }\n    }\n    /**\n\t * Returns range to be selected after insertion.\n\t * Returns `null` if there is no valid range to select after insertion.\n\t */ getSelectionRange() {\n        if (this._nodeToSelect) {\n            return ModelRange._createOn(this._nodeToSelect);\n        }\n        return this.model.schema.getNearestSelectionRange(this.position);\n    }\n    /**\n\t * Returns a range which contains all the performed changes. This is a range that, if removed, would return the model to the state\n\t * before the insertion. Returns `null` if no changes were done.\n\t */ getAffectedRange() {\n        if (!this._affectedStart) {\n            return null;\n        }\n        return new ModelRange(this._affectedStart, this._affectedEnd);\n    }\n    /**\n\t * Destroys `Insertion` instance.\n\t */ destroy() {\n        if (this._affectedStart) {\n            this._affectedStart.detach();\n        }\n        if (this._affectedEnd) {\n            this._affectedEnd.detach();\n        }\n    }\n    /**\n\t * Handles insertion of a single node.\n\t */ _handleNode(node) {\n        // Split the position.parent's branch up to a point where the node can be inserted.\n        // If it isn't allowed in the whole branch, then of course don't split anything.\n        if (!this._checkAndSplitToAllowedPosition(node)) {\n            // Handle element children if it's not an object (strip container).\n            if (!this.schema.isObject(node)) {\n                this._handleDisallowedNode(node);\n            }\n            return;\n        }\n        // Add node to the current temporary ModelDocumentFragment.\n        node = this._appendToFragment(node);\n        // Store the first and last nodes for easy access for merging with sibling nodes.\n        if (!this._firstNode) {\n            this._firstNode = node;\n        }\n        this._lastNode = node;\n    }\n    /**\n\t * Inserts the temporary ModelDocumentFragment into the model.\n\t */ _insertPartialFragment() {\n        if (this._documentFragment.isEmpty) {\n            return;\n        }\n        const livePosition = ModelLivePosition.fromPosition(this.position, 'toNext');\n        this._setAffectedBoundaries(this.position);\n        // If the very first node of the whole insertion process is inserted, insert it separately for OT reasons (undo).\n        // Note: there can be multiple calls to `_insertPartialFragment()` during one insertion process.\n        // Note: only the very first node can be merged so we have to do separate operation only for it.\n        if (this._documentFragment.getChild(0) == this._firstNode) {\n            this.writer.insert(this._firstNode, this.position);\n            // We must merge the first node just after inserting it to avoid problems with OT.\n            // (See: https://github.com/ckeditor/ckeditor5/pull/8773#issuecomment-760945652).\n            this._mergeOnLeft();\n            this.position = livePosition.toPosition();\n        }\n        // Insert the remaining nodes from document fragment.\n        if (!this._documentFragment.isEmpty) {\n            this.writer.insert(this._documentFragment, this.position);\n        }\n        this._documentFragmentPosition = this.writer.createPositionAt(this._documentFragment, 0);\n        this.position = livePosition.toPosition();\n        livePosition.detach();\n    }\n    /**\n\t * @param node The disallowed node which needs to be handled.\n\t */ _handleDisallowedNode(node) {\n        // If the node is an element, try inserting its children (strip the parent).\n        if (node.is('element')) {\n            this.handleNodes(node.getChildren());\n        }\n    }\n    /**\n\t * Append a node to the temporary ModelDocumentFragment.\n\t *\n\t * @param node The node to insert.\n\t */ _appendToFragment(node) {\n        /* istanbul ignore if -- @preserve */ if (!this.schema.checkChild(this.position, node)) {\n            // Algorithm's correctness check. We should never end up here but it's good to know that we did.\n            // Note that it would often be a silent issue if we insert node in a place where it's not allowed.\n            /**\n\t\t\t * Given node cannot be inserted on the given position.\n\t\t\t *\n\t\t\t * @error insertcontent-wrong-position\n\t\t\t * @param {module:engine/model/node~ModelNode} node Node to insert.\n\t\t\t * @param {module:engine/model/position~ModelPosition} position Position to insert the node at.\n\t\t\t */ throw new CKEditorError('insertcontent-wrong-position', this, {\n                node,\n                position: this.position\n            });\n        }\n        this.writer.insert(node, this._documentFragmentPosition);\n        this._documentFragmentPosition = this._documentFragmentPosition.getShiftedBy(node.offsetSize);\n        // In case text node was merged with already inserted text node, we need to get the actual node that is in the document.\n        // This happens when there is a non-allowed object between text nodes.\n        if (!node.parent) {\n            node = this._documentFragmentPosition.nodeBefore;\n        }\n        // The last inserted object should be selected because we can't put a collapsed selection after it.\n        if (this.schema.isObject(node) && !this.schema.checkChild(this.position, '$text')) {\n            this._nodeToSelect = node;\n        } else {\n            this._nodeToSelect = null;\n        }\n        this._filterAttributesAndChildrenOf.push(node);\n        return node;\n    }\n    /**\n\t * Sets `_affectedStart` and `_affectedEnd` to the given `position`. Should be used before a change is done during insertion process to\n\t * mark the affected range.\n\t *\n\t * This method is used before inserting a node or splitting a parent node. `_affectedStart` and `_affectedEnd` are also changed\n\t * during merging, but the logic there is more complicated so it is left out of this function.\n\t */ _setAffectedBoundaries(position) {\n        // Set affected boundaries stickiness so that those position will \"expand\" when something is inserted in between them:\n        // <paragraph>Foo][bar</paragraph> -> <paragraph>Foo]xx[bar</paragraph>\n        // This is why it cannot be a range but two separate positions.\n        if (!this._affectedStart) {\n            this._affectedStart = ModelLivePosition.fromPosition(position, 'toPrevious');\n        }\n        // If `_affectedEnd` is before the new boundary position, expand `_affectedEnd`. This can happen if first inserted node was\n        // inserted into the parent but the next node is moved-out of that parent:\n        // (1) <paragraph>Foo][</paragraph> -> <paragraph>Foo]xx[</paragraph>\n        // (2) <paragraph>Foo]xx[</paragraph> -> <paragraph>Foo]xx</paragraph><widget></widget>[\n        if (!this._affectedEnd || this._affectedEnd.isBefore(position)) {\n            if (this._affectedEnd) {\n                this._affectedEnd.detach();\n            }\n            this._affectedEnd = ModelLivePosition.fromPosition(position, 'toNext');\n        }\n    }\n    /**\n\t * Merges the previous sibling of the first node if it should be merged.\n\t *\n\t * After the content was inserted we may try to merge it with its siblings.\n\t * This should happen only if the selection was in those elements initially.\n\t */ _mergeOnLeft() {\n        const node = this._firstNode;\n        if (!(node instanceof ModelElement)) {\n            return;\n        }\n        if (!this._canMergeLeft(node)) {\n            return;\n        }\n        const mergePosLeft = ModelLivePosition._createBefore(node);\n        mergePosLeft.stickiness = 'toNext';\n        const livePosition = ModelLivePosition.fromPosition(this.position, 'toNext');\n        // If `_affectedStart` is sames as merge position, it means that the element \"marked\" by `_affectedStart` is going to be\n        // removed and its contents will be moved. This won't transform `ModelLivePosition` so `_affectedStart` needs to be moved\n        // by hand to properly reflect affected range. (Due to `_affectedStart` and `_affectedEnd` stickiness, the \"range\" is\n        // shown as `][`).\n        //\n        // Example - insert `<paragraph>Abc</paragraph><paragraph>Xyz</paragraph>` at the end of `<paragraph>Foo^</paragraph>`:\n        //\n        // <paragraph>Foo</paragraph><paragraph>Bar</paragraph>   -->\n        // <paragraph>Foo</paragraph>]<paragraph>Abc</paragraph><paragraph>Xyz</paragraph>[<paragraph>Bar</paragraph>   -->\n        // <paragraph>Foo]Abc</paragraph><paragraph>Xyz</paragraph>[<paragraph>Bar</paragraph>\n        //\n        // Note, that if we are here then something must have been inserted, so `_affectedStart` and `_affectedEnd` have to be set.\n        if (this._affectedStart.isEqual(mergePosLeft)) {\n            this._affectedStart.detach();\n            this._affectedStart = ModelLivePosition._createAt(mergePosLeft.nodeBefore, 'end', 'toPrevious');\n        }\n        // We need to update the references to the first and last nodes if they will be merged into the previous sibling node\n        // because the reference would point to the removed node.\n        //\n        // <p>A^A</p> + <p>X</p>\n        //\n        // <p>A</p>^<p>A</p>\n        // <p>A</p><p>X</p><p>A</p>\n        // <p>AX</p><p>A</p>\n        // <p>AXA</p>\n        if (this._firstNode === this._lastNode) {\n            this._firstNode = mergePosLeft.nodeBefore;\n            this._lastNode = mergePosLeft.nodeBefore;\n        }\n        this.writer.merge(mergePosLeft);\n        // If only one element (the merged one) is in the \"affected range\", also move the affected range end appropriately.\n        //\n        // Example - insert `<paragraph>Abc</paragraph>` at the of `<paragraph>Foo^</paragraph>`:\n        //\n        // <paragraph>Foo</paragraph><paragraph>Bar</paragraph>   -->\n        // <paragraph>Foo</paragraph>]<paragraph>Abc</paragraph>[<paragraph>Bar</paragraph>   -->\n        // <paragraph>Foo]Abc</paragraph>[<paragraph>Bar</paragraph>   -->\n        // <paragraph>Foo]Abc[</paragraph><paragraph>Bar</paragraph>\n        if (mergePosLeft.isEqual(this._affectedEnd) && this._firstNode === this._lastNode) {\n            this._affectedEnd.detach();\n            this._affectedEnd = ModelLivePosition._createAt(mergePosLeft.nodeBefore, 'end', 'toNext');\n        }\n        this.position = livePosition.toPosition();\n        livePosition.detach();\n        // After merge elements that were marked by _insert() to be filtered might be gone so\n        // we need to mark the new container.\n        this._filterAttributesAndChildrenOf.push(this.position.parent);\n        mergePosLeft.detach();\n    }\n    /**\n\t * Merges the next sibling of the last node if it should be merged.\n\t *\n\t * After the content was inserted we may try to merge it with its siblings.\n\t * This should happen only if the selection was in those elements initially.\n\t */ _mergeOnRight() {\n        const node = this._lastNode;\n        if (!(node instanceof ModelElement)) {\n            return;\n        }\n        if (!this._canMergeRight(node)) {\n            return;\n        }\n        const mergePosRight = ModelLivePosition._createAfter(node);\n        mergePosRight.stickiness = 'toNext';\n        /* istanbul ignore if -- @preserve */ if (!this.position.isEqual(mergePosRight)) {\n            // Algorithm's correctness check. We should never end up here but it's good to know that we did.\n            // At this point the insertion position should be after the node we'll merge. If it isn't,\n            // it should need to be secured as in the left merge case.\n            /**\n\t\t\t * An internal error occurred when merging inserted content with its siblings.\n\t\t\t * The insertion position should equal the merge position.\n\t\t\t *\n\t\t\t * If you encountered this error, report it back to the CKEditor 5 team\n\t\t\t * with as many details as possible regarding the content being inserted and the insertion position.\n\t\t\t *\n\t\t\t * @error insertcontent-invalid-insertion-position\n\t\t\t */ throw new CKEditorError('insertcontent-invalid-insertion-position', this);\n        }\n        // Move the position to the previous node, so it isn't moved to the graveyard on merge.\n        // <p>x</p>[]<p>y</p> => <p>x[]</p><p>y</p>\n        this.position = ModelPosition._createAt(mergePosRight.nodeBefore, 'end');\n        // Explanation of setting position stickiness to `'toPrevious'`:\n        // OK:  <p>xx[]</p> + <p>yy</p> => <p>xx[]yy</p> (when sticks to previous)\n        // NOK: <p>xx[]</p> + <p>yy</p> => <p>xxyy[]</p> (when sticks to next)\n        const livePosition = ModelLivePosition.fromPosition(this.position, 'toPrevious');\n        // See comment in `_mergeOnLeft()` on moving `_affectedStart`.\n        if (this._affectedEnd.isEqual(mergePosRight)) {\n            this._affectedEnd.detach();\n            this._affectedEnd = ModelLivePosition._createAt(mergePosRight.nodeBefore, 'end', 'toNext');\n        }\n        // We need to update the references to the first and last nodes if they will be merged into the previous sibling node\n        // because the reference would point to the removed node.\n        //\n        // <p>A^A</p> + <p>X</p>\n        //\n        // <p>A</p>^<p>A</p>\n        // <p>A</p><p>X</p><p>A</p>\n        // <p>AX</p><p>A</p>\n        // <p>AXA</p>\n        if (this._firstNode === this._lastNode) {\n            this._firstNode = mergePosRight.nodeBefore;\n            this._lastNode = mergePosRight.nodeBefore;\n        }\n        this.writer.merge(mergePosRight);\n        // See comment in `_mergeOnLeft()` on moving `_affectedStart`.\n        if (mergePosRight.getShiftedBy(-1).isEqual(this._affectedStart) && this._firstNode === this._lastNode) {\n            this._affectedStart.detach();\n            this._affectedStart = ModelLivePosition._createAt(mergePosRight.nodeBefore, 0, 'toPrevious');\n        }\n        this.position = livePosition.toPosition();\n        livePosition.detach();\n        // After merge elements that were marked by _insert() to be filtered might be gone so\n        // we need to mark the new container.\n        this._filterAttributesAndChildrenOf.push(this.position.parent);\n        mergePosRight.detach();\n    }\n    /**\n\t * Checks whether specified node can be merged with previous sibling element.\n\t *\n\t * @param node The node which could potentially be merged.\n\t */ _canMergeLeft(node) {\n        const previousSibling = node.previousSibling;\n        return previousSibling instanceof ModelElement && this.canMergeWith.has(previousSibling) && this.model.schema.checkMerge(previousSibling, node);\n    }\n    /**\n\t * Checks whether specified node can be merged with next sibling element.\n\t *\n\t * @param node The node which could potentially be merged.\n\t */ _canMergeRight(node) {\n        const nextSibling = node.nextSibling;\n        return nextSibling instanceof ModelElement && this.canMergeWith.has(nextSibling) && this.model.schema.checkMerge(node, nextSibling);\n    }\n    /**\n\t * Inserts a paragraph and moves the insertion position into it.\n\t */ _insertAutoParagraph() {\n        // Insert nodes collected in temporary ModelDocumentFragment if the position parent needs change to process further nodes.\n        this._insertPartialFragment();\n        // Insert a paragraph and move insertion position to it.\n        const paragraph = this.writer.createElement('paragraph');\n        this.writer.insert(paragraph, this.position);\n        this._setAffectedBoundaries(this.position);\n        this._lastAutoParagraph = paragraph;\n        this.position = this.writer.createPositionAt(paragraph, 0);\n    }\n    /**\n\t * @returns Whether an allowed position was found.\n\t * `false` is returned if the node isn't allowed at any position up in the tree, `true` if was.\n\t */ _checkAndSplitToAllowedPosition(node) {\n        const allowedIn = this._getAllowedIn(this.position.parent, node);\n        if (!allowedIn) {\n            return false;\n        }\n        // Insert nodes collected in temporary ModelDocumentFragment if the position parent needs change to process further nodes.\n        if (allowedIn != this.position.parent) {\n            this._insertPartialFragment();\n        }\n        while(allowedIn != this.position.parent){\n            if (this.position.isAtStart) {\n                // If insertion position is at the beginning of the parent, move it out instead of splitting.\n                // <p>^Foo</p> -> ^<p>Foo</p>\n                const parent = this.position.parent;\n                this.position = this.writer.createPositionBefore(parent);\n                // Special case – parent is empty (<p>^</p>).\n                //\n                // 1. parent.isEmpty\n                // We can remove the element after moving insertion position out of it.\n                //\n                // 2. parent.parent === allowedIn\n                // However parent should remain in place when allowed element is above limit element in document tree.\n                // For example there shouldn't be allowed to remove empty paragraph from tableCell, when is pasted\n                // content allowed in $root.\n                if (parent.isEmpty && parent.parent === allowedIn) {\n                    this.writer.remove(parent);\n                }\n            } else if (this.position.isAtEnd) {\n                // If insertion position is at the end of the parent, move it out instead of splitting.\n                // <p>Foo^</p> -> <p>Foo</p>^\n                this.position = this.writer.createPositionAfter(this.position.parent);\n            } else {\n                const tempPos = this.writer.createPositionAfter(this.position.parent);\n                this._setAffectedBoundaries(this.position);\n                this.writer.split(this.position);\n                this.position = tempPos;\n                this.canMergeWith.add(this.position.nodeAfter);\n            }\n        }\n        // At this point, we split elements up to the parent in which `node` is allowed.\n        // Note that `_getAllowedIn()` checks if the `node` is allowed either directly, or when auto-paragraphed.\n        // So, let's check if the `node` is allowed directly. If not, we need to auto-paragraph it.\n        if (!this.schema.checkChild(this.position.parent, node)) {\n            this._insertAutoParagraph();\n        }\n        return true;\n    }\n    /**\n\t * Gets the element in which the given node is allowed. It checks the passed element and all its ancestors.\n\t *\n\t * It also verifies if auto-paragraphing could help.\n\t *\n\t * @param contextElement The element in which context the node should be checked.\n\t * @param childNode The node to check.\n\t */ _getAllowedIn(contextElement, childNode) {\n        const context = this.schema.createContext(contextElement);\n        // Check if a node can be inserted in the given context...\n        if (this.schema.checkChild(context, childNode)) {\n            return contextElement;\n        }\n        // ...or it would be accepted if a paragraph would be inserted.\n        if (this.schema.checkChild(context, 'paragraph') && this.schema.checkChild(context.push('paragraph'), childNode)) {\n            return contextElement;\n        }\n        // If the child wasn't allowed in the context element and the element is a limit there's no point in\n        // checking any further towards the root. This is it: the limit is unsplittable and there's nothing\n        // we can do about it. Without this check, the algorithm will analyze parent of the limit and may create\n        // an illusion of the child being allowed. There's no way to insert it down there, though. It results in\n        // infinite loops.\n        if (this.schema.isLimit(contextElement)) {\n            return null;\n        }\n        return this._getAllowedIn(contextElement.parent, childNode);\n    }\n}\n\n/**\n * Inserts an {@glink framework/deep-dive/schema#object-elements object element} at a specific position in the editor content.\n *\n * **Note:** Use {@link module:engine/model/model~Model#insertObject} instead of this function.\n * This function is only exposed to be reusable in algorithms which change the {@link module:engine/model/model~Model#insertObject}\n * method's behavior.\n *\n * **Note**: For more documentation and examples, see {@link module:engine/model/model~Model#insertObject}.\n *\n * @param model The model in context of which the insertion should be performed.\n * @param object An object to be inserted into the model document.\n * @param selectable A selectable where the content should be inserted. If not specified, the current\n * {@link module:engine/model/document~ModelDocument#selection document selection} will be used instead.\n * @param options Additional options.\n * @param options.findOptimalPosition An option that, when set, adjusts the insertion position (relative to\n * `selectable` and `placeOrOffset`) so that the content of `selectable` is not split upon insertion (a.k.a. non-destructive insertion).\n * * When `'auto'`, the algorithm will decide whether to insert the object before or after `selectable` to avoid content splitting.\n * * When `'before'`, the closest position before `selectable` will be used that will not result in content splitting.\n * * When `'after'`, the closest position after `selectable` will be used that will not result in content splitting.\n *\n * Note that this option works only for block objects. Inline objects are inserted into text and do not split blocks.\n * @param options.setSelection An option that, when set, moves the\n * {@link module:engine/model/document~ModelDocument#selection document selection} after inserting the object.\n * * When `'on'`, the document selection will be set on the inserted object.\n * * When `'after'`, the document selection will move to the closest text node after the inserted object. If there is no\n * such text node, a paragraph will be created and the document selection will be moved inside it.\n * @returns A range which contains all the performed changes. This is a range that, if removed,\n * would return the model to the state before the insertion. If no changes were preformed by `insertObject()`, returns a range collapsed\n * at the insertion position.\n */ function insertObject(model, object, selectable, options = {}) {\n    if (!model.schema.isObject(object)) {\n        /**\n\t\t * Tried to insert an element with {@link module:engine/model/utils/insertobject insertObject()} function\n\t\t * that is not defined as an object in schema.\n\t\t * See {@link module:engine/model/schema~ModelSchemaItemDefinition#isObject `SchemaItemDefinition`}.\n\t\t * If you want to insert content that is not an object you might want to use\n\t\t * {@link module:engine/model/utils/insertcontent insertContent()} function.\n\t\t * @error insertobject-element-not-an-object\n\t\t */ throw new CKEditorError('insertobject-element-not-an-object', model, {\n            object\n        });\n    }\n    // Normalize selectable to a selection instance.\n    const originalSelection = selectable ? selectable : model.document.selection;\n    // Adjust the insertion selection.\n    let insertionSelection = originalSelection;\n    if (options.findOptimalPosition && model.schema.isBlock(object)) {\n        insertionSelection = model.createSelection(model.schema.findOptimalInsertionRange(originalSelection, options.findOptimalPosition));\n    }\n    // Collect attributes to be copied on the inserted object.\n    const firstSelectedBlock = first(originalSelection.getSelectedBlocks());\n    const attributesToCopy = {};\n    if (firstSelectedBlock) {\n        Object.assign(attributesToCopy, model.schema.getAttributesWithProperty(firstSelectedBlock, 'copyOnReplace', true));\n    }\n    return model.change((writer)=>{\n        // Remove the selected content to find out what the parent of the inserted object would be.\n        // It would be removed inside model.insertContent() anyway.\n        if (!insertionSelection.isCollapsed) {\n            model.deleteContent(insertionSelection, {\n                doNotAutoparagraph: true\n            });\n        }\n        let elementToInsert = object;\n        const insertionPositionParent = insertionSelection.anchor.parent;\n        const context = model.schema.createContext(insertionPositionParent);\n        // Auto-paragraphing of an inline objects.\n        if (!model.schema.checkChild(context, object) && model.schema.checkChild(context, 'paragraph') && model.schema.checkChild(context.push('paragraph'), object)) {\n            elementToInsert = writer.createElement('paragraph');\n            writer.insert(object, elementToInsert);\n        }\n        // Apply attributes that are allowed on the inserted object (or paragraph if autoparagraphed).\n        model.schema.setAllowedAttributes(elementToInsert, attributesToCopy, writer);\n        // Insert the prepared content at the optionally adjusted selection.\n        const affectedRange = model.insertContent(elementToInsert, insertionSelection);\n        // Nothing got inserted.\n        if (affectedRange.isCollapsed) {\n            return affectedRange;\n        }\n        if (options.setSelection) {\n            updateSelection(writer, object, options.setSelection, attributesToCopy);\n        }\n        return affectedRange;\n    });\n}\n/**\n * Updates document selection based on given `place` parameter in relation to `contextElement` element.\n *\n * @param writer An instance of the model writer.\n * @param contextElement An element to set the attributes on.\n * @param place The place where selection should be set in relation to the `contextElement` element.\n * Value `on` will set selection on the passed `contextElement`. Value `after` will set selection after `contextElement`.\n * @param attributes Attributes keys and values to set on a paragraph that this function can create when\n * `place` parameter is equal to `after` but there is no element with `$text` node to set selection in.\n */ function updateSelection(writer, contextElement, place, paragraphAttributes) {\n    const model = writer.model;\n    if (place == 'on') {\n        writer.setSelection(contextElement, 'on');\n        return;\n    }\n    if (place != 'after') {\n        /**\n\t\t * The unsupported `options.setSelection` parameter was passed\n\t\t * to the {@link module:engine/model/utils/insertobject insertObject()} function.\n\t\t * Check the {@link module:engine/model/utils/insertobject insertObject()} API documentation for allowed\n\t\t * `options.setSelection` parameter values.\n\t\t *\n\t\t * @error insertobject-invalid-place-parameter-value\n\t\t */ throw new CKEditorError('insertobject-invalid-place-parameter-value', model);\n    }\n    let nextElement = contextElement.nextSibling;\n    if (model.schema.isInline(contextElement)) {\n        writer.setSelection(contextElement, 'after');\n        return;\n    }\n    // Check whether an element next to the inserted element is defined and can contain a text.\n    const canSetSelection = nextElement && model.schema.checkChild(nextElement, '$text');\n    // If the element is missing, but a paragraph could be inserted next to the element, let's add it.\n    if (!canSetSelection && model.schema.checkChild(contextElement.parent, 'paragraph')) {\n        nextElement = writer.createElement('paragraph');\n        model.schema.setAllowedAttributes(nextElement, paragraphAttributes, writer);\n        model.insertContent(nextElement, writer.createPositionAfter(contextElement));\n    }\n    // Put the selection inside the element, at the beginning.\n    if (nextElement) {\n        writer.setSelection(nextElement, 0);\n    }\n}\n\nconst wordBoundaryCharacters = ' ,.?!:;\"-()';\n/**\n * Modifies the selection. Currently, the supported modifications are:\n *\n * * Extending. The selection focus is moved in the specified `options.direction` with a step specified in `options.unit`.\n * Possible values for `unit` are:\n *  * `'character'` (default) - moves selection by one user-perceived character. In most cases this means moving by one\n *  character in `String` sense. However, unicode also defines \"combing marks\". These are special symbols, that combines\n *  with a symbol before it (\"base character\") to create one user-perceived character. For example, `q̣̇` is a normal\n *  letter `q` with two \"combining marks\": upper dot (`Ux0307`) and lower dot (`Ux0323`). For most actions, i.e. extending\n *  selection by one position, it is correct to include both \"base character\" and all of it's \"combining marks\". That is\n *  why `'character'` value is most natural and common method of modifying selection.\n *  * `'codePoint'` - moves selection by one unicode code point. In contrary to, `'character'` unit, this will insert\n *  selection between \"base character\" and \"combining mark\", because \"combining marks\" have their own unicode code points.\n *  However, for technical reasons, unicode code points with values above `UxFFFF` are represented in native `String` by\n *  two characters, called \"surrogate pairs\". Halves of \"surrogate pairs\" have a meaning only when placed next to each other.\n *  For example `𨭎` is represented in `String` by `\\uD862\\uDF4E`. Both `\\uD862` and `\\uDF4E` do not have any meaning\n *  outside the pair (are rendered as ? when alone). Position between them would be incorrect. In this case, selection\n *  extension will include whole \"surrogate pair\".\n *  * `'word'` - moves selection by a whole word.\n *\n * **Note:** if you extend a forward selection in a backward direction you will in fact shrink it.\n *\n * **Note:** Use {@link module:engine/model/model~Model#modifySelection} instead of this function.\n * This function is only exposed to be reusable in algorithms\n * which change the {@link module:engine/model/model~Model#modifySelection}\n * method's behavior.\n *\n * @param model The model in context of which the selection modification should be performed.\n * @param selection The selection to modify.\n * @param options.direction The direction in which the selection should be modified. Default 'forward'.\n * @param options.unit The unit by which selection should be modified. Default 'character'.\n * @param options.treatEmojiAsSingleUnit Whether multi-characer emoji sequences should be handled as single unit.\n * @internal\n */ function modifySelection(model, selection, options = {}) {\n    const schema = model.schema;\n    const isForward = options.direction != 'backward';\n    const unit = options.unit ? options.unit : 'character';\n    const treatEmojiAsSingleUnit = !!options.treatEmojiAsSingleUnit;\n    const focus = selection.focus;\n    const walker = new ModelTreeWalker({\n        boundaries: getSearchRange(focus, isForward),\n        singleCharacters: true,\n        direction: isForward ? 'forward' : 'backward'\n    });\n    const data = {\n        walker,\n        schema,\n        isForward,\n        unit,\n        treatEmojiAsSingleUnit\n    };\n    let next;\n    while(next = walker.next()){\n        if (next.done) {\n            return;\n        }\n        const position = tryExtendingTo(data, next.value);\n        if (position) {\n            if (selection instanceof ModelDocumentSelection) {\n                model.change((writer)=>{\n                    writer.setSelectionFocus(position);\n                });\n            } else {\n                selection.setFocus(position);\n            }\n            return;\n        }\n    }\n}\n/**\n * Checks whether the selection can be extended to the the walker's next value (next position).\n */ function tryExtendingTo(data, value) {\n    const { isForward, walker, unit, schema, treatEmojiAsSingleUnit } = data;\n    const { type, item, nextPosition } = value;\n    // If found text, we can certainly put the focus in it. Let's just find a correct position\n    // based on the unit.\n    if (type == 'text') {\n        if (data.unit === 'word') {\n            return getCorrectWordBreakPosition(walker, isForward);\n        }\n        return getCorrectPosition(walker, unit, treatEmojiAsSingleUnit);\n    }\n    // Entering an element.\n    if (type == (isForward ? 'elementStart' : 'elementEnd')) {\n        // If it's a selectable, we can select it now.\n        if (schema.isSelectable(item)) {\n            return ModelPosition._createAt(item, isForward ? 'after' : 'before');\n        }\n        // If text allowed on this position, extend to this place.\n        if (schema.checkChild(nextPosition, '$text')) {\n            return nextPosition;\n        }\n    } else {\n        // If leaving a limit element, stop.\n        if (schema.isLimit(item)) {\n            // NOTE: Fast-forward the walker until the end.\n            walker.skip(()=>true);\n            return;\n        }\n        // If text allowed on this position, extend to this place.\n        if (schema.checkChild(nextPosition, '$text')) {\n            return nextPosition;\n        }\n    }\n}\n/**\n * Finds a correct position by walking in a text node and checking whether selection can be extended to given position\n * or should be extended further.\n */ function getCorrectPosition(walker, unit, treatEmojiAsSingleUnit) {\n    const textNode = walker.position.textNode;\n    if (textNode) {\n        const data = textNode.data;\n        let offset = walker.position.offset - textNode.startOffset;\n        while(isInsideSurrogatePair(data, offset) || unit == 'character' && isInsideCombinedSymbol(data, offset) || treatEmojiAsSingleUnit && isInsideEmojiSequence(data, offset)){\n            walker.next();\n            offset = walker.position.offset - textNode.startOffset;\n        }\n    }\n    return walker.position;\n}\n/**\n * Finds a correct position of a word break by walking in a text node and checking whether selection can be extended to given position\n * or should be extended further.\n */ function getCorrectWordBreakPosition(walker, isForward) {\n    let textNode = walker.position.textNode;\n    if (!textNode) {\n        textNode = isForward ? walker.position.nodeAfter : walker.position.nodeBefore;\n    }\n    while(textNode && textNode.is('$text')){\n        const offset = walker.position.offset - textNode.startOffset;\n        // Check of adjacent text nodes with different attributes (like BOLD).\n        // Example          : 'foofoo []bar<$text bold=\"true\">bar</$text> bazbaz'\n        // should expand to : 'foofoo [bar<$text bold=\"true\">bar</$text>] bazbaz'.\n        if (isAtNodeBoundary(textNode, offset, isForward)) {\n            textNode = isForward ? walker.position.nodeAfter : walker.position.nodeBefore;\n        } else if (isAtWordBoundary(textNode.data, offset, isForward)) {\n            break;\n        } else {\n            walker.next();\n        }\n    }\n    return walker.position;\n}\nfunction getSearchRange(start, isForward) {\n    const root = start.root;\n    const searchEnd = ModelPosition._createAt(root, isForward ? 'end' : 0);\n    if (isForward) {\n        return new ModelRange(start, searchEnd);\n    } else {\n        return new ModelRange(searchEnd, start);\n    }\n}\n/**\n * Checks if selection is on word boundary.\n */ function isAtWordBoundary(data, offset, isForward) {\n    // The offset to check depends on direction.\n    const offsetToCheck = offset + (isForward ? 0 : -1);\n    return wordBoundaryCharacters.includes(data.charAt(offsetToCheck));\n}\n/**\n * Checks if selection is on node boundary.\n */ function isAtNodeBoundary(textNode, offset, isForward) {\n    return offset === (isForward ? textNode.offsetSize : 0);\n}\n\n// @if CK_DEBUG_ENGINE // const { dumpTrees, initDocumentDumping } = require( '../dev-utils/utils' );\n// @if CK_DEBUG_ENGINE // const { OperationReplayer } = require( '../dev-utils/operationreplayer' ).default;\n/**\n * Editor's data model. Read about the model in the\n * {@glink framework/architecture/editing-engine engine architecture} guide.\n */ class Model extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * Model's marker collection.\n\t */ markers;\n    /**\n\t * Model's document.\n\t */ document;\n    /**\n\t * Model's schema.\n\t */ schema;\n    /**\n\t * Stores all configurations specific to editor instance.\n\t *\n\t * @internal\n\t */ _config;\n    /**\n\t * All callbacks added by {@link module:engine/model/model~Model#change} or\n\t * {@link module:engine/model/model~Model#enqueueChange} methods waiting to be executed.\n\t */ _pendingChanges;\n    /**\n\t * The last created and currently used writer instance.\n\t */ _currentWriter;\n    // @if CK_DEBUG_ENGINE // private _operationLogs: Array<string>;\n    // @if CK_DEBUG_ENGINE // private _appliedOperations: Array<Operation>;\n    constructor(config){\n        super();\n        this.markers = new MarkerCollection();\n        this.document = new ModelDocument(this);\n        this.schema = new ModelSchema();\n        this._config = config;\n        this._pendingChanges = [];\n        this._currentWriter = null;\n        [\n            'deleteContent',\n            'modifySelection',\n            'getSelectedContent',\n            'applyOperation'\n        ].forEach((methodName)=>this.decorate(methodName));\n        // Adding operation validation with `highest` priority, so it is called before any other feature would like\n        // to do anything with the operation. If the operation has incorrect parameters it should throw on the earliest occasion.\n        this.on('applyOperation', (evt, args)=>{\n            const operation = args[0];\n            operation._validate();\n        }, {\n            priority: 'highest'\n        });\n        // Register some default abstract entities.\n        this.schema.register('$root', {\n            isLimit: true\n        });\n        this.schema.register('$container', {\n            allowIn: [\n                '$root',\n                '$container'\n            ]\n        });\n        this.schema.register('$block', {\n            allowIn: [\n                '$root',\n                '$container'\n            ],\n            isBlock: true\n        });\n        this.schema.register('$blockObject', {\n            allowWhere: '$block',\n            isBlock: true,\n            isObject: true\n        });\n        this.schema.register('$inlineObject', {\n            allowWhere: '$text',\n            allowAttributesOf: '$text',\n            isInline: true,\n            isObject: true\n        });\n        this.schema.register('$text', {\n            allowIn: '$block',\n            isInline: true,\n            isContent: true\n        });\n        this.schema.register('$clipboardHolder', {\n            allowContentOf: '$root',\n            allowChildren: '$text',\n            isLimit: true\n        });\n        this.schema.register('$documentFragment', {\n            allowContentOf: '$root',\n            allowChildren: '$text',\n            isLimit: true\n        });\n        // An element needed by the `upcastElementToMarker` converter.\n        // This element temporarily represents a marker boundary during the conversion process and is removed\n        // at the end of the conversion. `UpcastDispatcher` or at least `Conversion` class looks like a\n        // better place for this registration but both know nothing about `Schema`.\n        this.schema.register('$marker');\n        this.schema.addChildCheck(()=>true, '$marker'); // Allow everywhere.\n        injectSelectionPostFixer(this);\n        // Post-fixer which takes care of adding empty paragraph elements to the empty roots.\n        this.document.registerPostFixer(autoParagraphEmptyRoots);\n        // The base implementation for \"decorated\" method with remapped arguments.\n        this.on('insertContent', (evt, [content, selectable])=>{\n            evt.return = insertContent(this, content, selectable);\n        });\n        // The base implementation for \"decorated\" method with remapped arguments.\n        this.on('insertObject', (evt, [element, selection, options])=>{\n            evt.return = insertObject(this, element, selection, options);\n        });\n        // The base implementation for \"decorated\" method with remapped arguments.\n        this.on('canEditAt', (evt)=>{\n            const canEditAt = !this.document.isReadOnly;\n            evt.return = canEditAt;\n            if (!canEditAt) {\n                // Prevent further processing if the selection is at non-editable place.\n                evt.stop();\n            }\n        });\n    // @if CK_DEBUG_ENGINE // initDocumentDumping( this.document );\n    // @if CK_DEBUG_ENGINE // this.on( 'applyOperation', () => {\n    // @if CK_DEBUG_ENGINE // \tdumpTrees( this.document, this.document.version );\n    // @if CK_DEBUG_ENGINE // }, { priority: 'lowest' } );\n    // @if CK_DEBUG_ENGINE // this._operationLogs = [];\n    // @if CK_DEBUG_ENGINE // this._appliedOperations = [];\n    }\n    /**\n\t * The `change()` method is the primary way of changing the model. You should use it to modify all document nodes\n\t * (including detached nodes – i.e. nodes not added to the {@link module:engine/model/model~Model#document model document}),\n\t * the {@link module:engine/model/document~ModelDocument#selection document's selection}, and\n\t * {@link module:engine/model/model~Model#markers model markers}.\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \twriter.insertText( 'foo', paragraph, 'end' );\n\t * } );\n\t * ```\n\t *\n\t * All changes inside the change block use the same {@link module:engine/model/batch~Batch} so they are combined\n\t * into a single undo step.\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \twriter.insertText( 'foo', paragraph, 'end' ); // foo.\n\t *\n\t * \tmodel.change( writer => {\n\t * \t\twriter.insertText( 'bar', paragraph, 'end' ); // foobar.\n\t * \t} );\n\t *\n\t * \twriter.insertText( 'bom', paragraph, 'end' ); // foobarbom.\n\t * } );\n\t * ```\n\t *\n\t * The callback of the `change()` block is executed synchronously.\n\t *\n\t * You can also return a value from the change block.\n\t *\n\t * ```ts\n\t * const img = model.change( writer => {\n\t * \treturn writer.createElement( 'img' );\n\t * } );\n\t * ```\n\t *\n\t * @see #enqueueChange\n\t * @typeParam TReturn The return type of the provided callback.\n\t * @param callback Callback function which may modify the model.\n\t */ change(callback) {\n        try {\n            if (this._pendingChanges.length === 0) {\n                // If this is the outermost block, create a new batch and start `_runPendingChanges` execution flow.\n                this._pendingChanges.push({\n                    batch: new Batch(),\n                    callback\n                });\n                return this._runPendingChanges()[0];\n            } else {\n                // If this is not the outermost block, just execute the callback.\n                return callback(this._currentWriter);\n            }\n        } catch (err) {\n            // @if CK_DEBUG // throw err;\n            /* istanbul ignore next -- @preserve */ CKEditorError.rethrowUnexpectedError(err, this);\n        }\n    }\n    enqueueChange(batchOrType, callback) {\n        try {\n            if (!batchOrType) {\n                batchOrType = new Batch();\n            } else if (typeof batchOrType === 'function') {\n                callback = batchOrType;\n                batchOrType = new Batch();\n            } else if (!(batchOrType instanceof Batch)) {\n                batchOrType = new Batch(batchOrType);\n            }\n            this._pendingChanges.push({\n                batch: batchOrType,\n                callback\n            });\n            if (this._pendingChanges.length == 1) {\n                this._runPendingChanges();\n            }\n        } catch (err) {\n            // @if CK_DEBUG // throw err;\n            /* istanbul ignore next -- @preserve */ CKEditorError.rethrowUnexpectedError(err, this);\n        }\n    }\n    /**\n\t * {@link module:utils/observablemixin~Observable#decorate Decorated} function for applying\n\t * {@link module:engine/model/operation/operation~Operation operations} to the model.\n\t *\n\t * This is a low-level way of changing the model. It is exposed for very specific use cases (like the undo feature).\n\t * Normally, to modify the model, you will want to use {@link module:engine/model/writer~ModelWriter `Writer`}.\n\t * See also {@glink framework/architecture/editing-engine#changing-the-model Changing the model} section\n\t * of the {@glink framework/architecture/editing-engine Editing architecture} guide.\n\t *\n\t * @param operation The operation to apply.\n\t */ applyOperation(operation) {\n        // @if CK_DEBUG_ENGINE // console.log( 'Applying ' + operation );\n        // @if CK_DEBUG_ENGINE // this._operationLogs.push( JSON.stringify( operation ) );\n        // @if CK_DEBUG_ENGINE // this._appliedOperations.push( operation );\n        operation._execute();\n    }\n    // @if CK_DEBUG_ENGINE // public getAppliedOperation(): string {\n    // @if CK_DEBUG_ENGINE // \tif ( !this._appliedOperations ) {\n    // @if CK_DEBUG_ENGINE // \t\treturn '';\n    // @if CK_DEBUG_ENGINE // \t}\n    // @if CK_DEBUG_ENGINE // \treturn this._appliedOperations.map( operation => JSON.stringify( operation ) ).join( '-------' );\n    // @if CK_DEBUG_ENGINE // }\n    // @if CK_DEBUG_ENGINE // public createReplayer( stringifiedOperations: string ): typeof OperationReplayer {\n    // @if CK_DEBUG_ENGINE // \treturn new OperationReplayer( this, '-------', stringifiedOperations );\n    // @if CK_DEBUG_ENGINE // }\n    /**\n\t * Inserts content at the position in the editor specified by the selection, as one would expect the paste\n\t * functionality to work.\n\t *\n\t * **Note**: If you want to insert an {@glink framework/deep-dive/schema#object-elements object element}\n\t * (e.g. a {@link module:widget/utils~toWidget widget}), see {@link #insertObject} instead.\n\t *\n\t * This is a high-level method. It takes the {@link #schema schema} into consideration when inserting\n\t * the content, clears the given selection's content before inserting nodes and moves the selection\n\t * to its target position at the end of the process.\n\t * It can split elements, merge them, wrap bare text nodes with paragraphs, etc. &ndash; just like the\n\t * pasting feature should do.\n\t *\n\t * For lower-level methods see {@link module:engine/model/writer~ModelWriter `Writer`}.\n\t *\n\t * This method, unlike {@link module:engine/model/writer~ModelWriter `Writer`}'s methods, does not have to be used\n\t * inside a {@link #change `change()` block}.\n\t *\n\t * # Conversion and schema\n\t *\n\t * Inserting elements and text nodes into the model is not enough to make CKEditor 5 render that content\n\t * to the user. CKEditor 5 implements a model-view-controller architecture and what `model.insertContent()` does\n\t * is only adding nodes to the model. Additionally, you need to define\n\t * {@glink framework/architecture/editing-engine#conversion converters} between the model and view\n\t * and define those nodes in the {@glink framework/architecture/editing-engine#schema schema}.\n\t *\n\t * So, while this method may seem similar to CKEditor 4 `editor.insertHtml()` (in fact, both methods\n\t * are used for paste-like content insertion), the CKEditor 5 method cannot be use to insert arbitrary HTML\n\t * unless converters are defined for all elements and attributes in that HTML.\n\t *\n\t * # Examples\n\t *\n\t * Using `insertContent()` with a manually created model structure:\n\t *\n\t * ```ts\n\t * // Let's create a document fragment containing such content as:\n\t * //\n\t * // <paragraph>foo</paragraph>\n\t * // <blockQuote>\n\t * //    <paragraph>bar</paragraph>\n\t * // </blockQuote>\n\t * const docFrag = editor.model.change( writer => {\n\t * \tconst p1 = writer.createElement( 'paragraph' );\n\t * \tconst p2 = writer.createElement( 'paragraph' );\n\t * \tconst blockQuote = writer.createElement( 'blockQuote' );\n\t * \tconst docFrag = writer.createDocumentFragment();\n\t *\n\t * \twriter.append( p1, docFrag );\n\t * \twriter.append( blockQuote, docFrag );\n\t * \twriter.append( p2, blockQuote );\n\t * \twriter.insertText( 'foo', p1 );\n\t * \twriter.insertText( 'bar', p2 );\n\t *\n\t * \treturn docFrag;\n\t * } );\n\t *\n\t * // insertContent() does not have to be used in a change() block. It can, though,\n\t * // so this code could be moved to the callback defined above.\n\t * editor.model.insertContent( docFrag );\n\t * ```\n\t *\n\t * Using `insertContent()` with an HTML string converted to a model document fragment (similar to the pasting mechanism):\n\t *\n\t * ```ts\n\t * // You can create your own HtmlDataProcessor instance or use editor.data.processor\n\t * // if you have not overridden the default one (which is the HtmlDataProcessor instance).\n\t * const htmlDP = new HtmlDataProcessor( viewDocument );\n\t *\n\t * // Convert an HTML string to a view document fragment:\n\t * const viewFragment = htmlDP.toView( htmlString );\n\t *\n\t * // Convert the view document fragment to a model document fragment\n\t * // in the context of $root. This conversion takes the schema into\n\t * // account so if, for example, the view document fragment contained a bare text node,\n\t * // this text node cannot be a child of $root, so it will be automatically\n\t * // wrapped with a <paragraph>. You can define the context yourself (in the second parameter),\n\t * // and e.g. convert the content like it would happen in a <paragraph>.\n\t * // Note: The clipboard feature uses a custom context called $clipboardHolder\n\t * // which has a loosened schema.\n\t * const modelFragment = editor.data.toModel( viewFragment );\n\t *\n\t * editor.model.insertContent( modelFragment );\n\t * ```\n\t *\n\t * By default this method will use the document selection but it can also be used with a position, range or selection instance.\n\t *\n\t * ```ts\n\t * // Insert text at the current document selection position.\n\t * editor.model.change( writer => {\n\t * \teditor.model.insertContent( writer.createText( 'x' ) );\n\t * } );\n\t *\n\t * // Insert text at a given position - the document selection will not be modified.\n\t * editor.model.change( writer => {\n\t * \teditor.model.insertContent( writer.createText( 'x' ), doc.getRoot(), 2 );\n\t *\n\t * \t// Which is a shorthand for:\n\t * \teditor.model.insertContent( writer.createText( 'x' ), writer.createPositionAt( doc.getRoot(), 2 ) );\n\t * } );\n\t * ```\n\t *\n\t * If you want the document selection to be moved to the inserted content, use the\n\t * {@link module:engine/model/writer~ModelWriter#setSelection `setSelection()`} method of the writer after inserting\n\t * the content:\n\t *\n\t * ```ts\n\t * editor.model.change( writer => {\n\t * \tconst paragraph = writer.createElement( 'paragraph' );\n\t *\n\t * \t// Insert an empty paragraph at the beginning of the root.\n\t * \teditor.model.insertContent( paragraph, writer.createPositionAt( editor.model.document.getRoot(), 0 ) );\n\t *\n\t * \t// Move the document selection to the inserted paragraph.\n\t * \twriter.setSelection( paragraph, 'in' );\n\t * } );\n\t * ```\n\t *\n\t * If an instance of the {@link module:engine/model/selection~ModelSelection model selection} is passed as `selectable`,\n\t * the new content will be inserted at the passed selection (instead of document selection):\n\t *\n\t * ```ts\n\t * editor.model.change( writer => {\n\t * \t// Create a selection in a paragraph that will be used as a place of insertion.\n\t * \tconst selection = writer.createSelection( paragraph, 'in' );\n\t *\n\t * \t// Insert the new text at the created selection.\n\t * \teditor.model.insertContent( writer.createText( 'x' ), selection );\n\t *\n\t * \t// insertContent() modifies the passed selection instance so it can be used to set the document selection.\n\t * \t// Note: This is not necessary when you passed the document selection to insertContent().\n\t * \twriter.setSelection( selection );\n\t * } );\n\t * ```\n\t *\n\t * @fires insertContent\n\t * @param content The content to insert.\n\t * @param selectable The selection into which the content should be inserted.\n\t * If not provided the current model document selection will be used.\n\t * @param placeOrOffset To be used when a model item was passed as `selectable`.\n\t * This param defines a position in relation to that item.\n\t * at the insertion position.\n\t */ insertContent(content, selectable, placeOrOffset, ...rest) {\n        const selection = normalizeSelectable(selectable, placeOrOffset);\n        // Passing all call arguments so it acts like decorated method.\n        return this.fire('insertContent', [\n            content,\n            selection,\n            placeOrOffset,\n            ...rest\n        ]);\n    }\n    /**\n\t * Inserts an {@glink framework/deep-dive/schema#object-elements object element} at a specific position in the editor content.\n\t *\n\t * This is a high-level API:\n\t * * It takes the {@link #schema schema} into consideration,\n\t * * It clears the content of passed `selectable` before inserting,\n\t * * It can move the selection at the end of the process,\n\t * * It will copy the selected block's attributes to preserve them upon insertion,\n\t * * It can split elements or wrap inline objects with paragraphs if they are not allowed in target position,\n\t * * etc.\n\t *\n\t * # Notes\n\t *\n\t * * If you want to insert a non-object content, see {@link #insertContent} instead.\n\t * * For lower-level API, see {@link module:engine/model/writer~ModelWriter `Writer`}.\n\t * * Unlike {@link module:engine/model/writer~ModelWriter `Writer`}, this method does not have to be used inside\n\t * a {@link #change `change()` block}.\n\t * * Inserting object into the model is not enough to make CKEditor 5 render that content to the user.\n\t * CKEditor 5 implements a model-view-controller architecture and what `model.insertObject()` does\n\t * is only adding nodes to the model. Additionally, you need to define\n\t * {@glink framework/architecture/editing-engine#conversion converters} between the model and view\n\t * and define those nodes in the {@glink framework/architecture/editing-engine#schema schema}.\n\t *\n\t * # Examples\n\t *\n\t * Use the following code to insert an object at the current selection and keep the selection on the inserted element:\n\t *\n\t * ```ts\n\t * const rawHtmlEmbedElement = writer.createElement( 'rawHtml' );\n\t *\n\t * model.insertObject( rawHtmlEmbedElement, null, null, {\n\t * \tsetSelection: 'on'\n\t * } );\n\t * ```\n\t *\n\t * Use the following code to insert an object at the current selection and nudge the selection after the inserted object:\n\t *\n\t * ```ts\n\t * const pageBreakElement = writer.createElement( 'pageBreak' );\n \t *\n\t * model.insertObject( pageBreakElement, null, null, {\n\t * \tsetSelection: 'after'\n\t * } );\n\t * ```\n\t *\n\t * Use the following code to insert an object at the current selection and avoid splitting the content (non-destructive insertion):\n\t *\n\t * ```ts\n\t * const tableElement = writer.createElement( 'table' );\n \t *\n\t * model.insertObject( tableElement, null, null, {\n\t * \tfindOptimalPosition: 'auto'\n\t * } );\n\t * ```\n\t *\n\t * Use the following code to insert an object at the specific range (also: replace the content of the range):\n\t *\n\t * ```ts\n\t * const tableElement = writer.createElement( 'table' );\n\t * const range = model.createRangeOn( model.document.getRoot().getChild( 1 ) );\n \t *\n\t * model.insertObject( tableElement, range );\n\t * ```\n\t *\n\t * @param element An object to be inserted into the model document.\n\t * @param selectable A selectable where the content should be inserted. If not specified, the current\n\t * {@link module:engine/model/document~ModelDocument#selection document selection} will be used instead.\n\t * @param placeOrOffset Specifies the exact place or offset for the insertion to take place, relative to `selectable`.\n\t * @param options Additional options.\n\t * @param options.findOptimalPosition An option that, when set, adjusts the insertion position (relative to\n\t * `selectable` and `placeOrOffset`) so that the content of `selectable` is not split upon insertion (a.k.a. non-destructive insertion).\n\t * * When `'auto'`, the algorithm will decide whether to insert the object before or after `selectable` to avoid content splitting.\n\t * * When `'before'`, the closest position before `selectable` will be used that will not result in content splitting.\n\t * * When `'after'`, the closest position after `selectable` will be used that will not result in content splitting.\n\t *\n\t * Note that this option only works for block objects. Inline objects are inserted into text and do not split blocks.\n\t * @param options.setSelection An option that, when set, moves the\n\t * {@link module:engine/model/document~ModelDocument#selection document selection} after inserting the object.\n\t * * When `'on'`, the document selection will be set on the inserted object.\n\t * * When `'after'`, the document selection will move to the closest text node after the inserted object. If there is no\n\t * such text node, a paragraph will be created and the document selection will be moved inside it.\n\t * at the insertion position.\n\t */ insertObject(element, selectable, placeOrOffset, options, ...rest) {\n        const selection = normalizeSelectable(selectable, placeOrOffset);\n        // Note that options are fired as 2 arguments for backward compatibility with the decorated method.\n        // Passing all call arguments so it acts like decorated method.\n        return this.fire('insertObject', [\n            element,\n            selection,\n            options,\n            options,\n            ...rest\n        ]);\n    }\n    /**\n\t * Deletes content of the selection and merge siblings. The resulting selection is always collapsed.\n\t *\n\t * **Note:** For the sake of predictability, the resulting selection should always be collapsed.\n\t * In cases where a feature wants to modify deleting behavior so selection isn't collapsed\n\t * (e.g. a table feature may want to keep row selection after pressing <kbd>Backspace</kbd>),\n\t * then that behavior should be implemented in the view's listener. At the same time, the table feature\n\t * will need to modify this method's behavior too, e.g. to \"delete contents and then collapse\n\t * the selection inside the last selected cell\" or \"delete the row and collapse selection somewhere near\".\n\t * That needs to be done in order to ensure that other features which use `deleteContent()` will work well with tables.\n\t *\n\t * @fires deleteContent\n\t * @param selection Selection of which the content should be deleted.\n\t * @param options.leaveUnmerged Whether to merge elements after removing the content of the selection.\n\t *\n\t * For example `<heading1>x[x</heading1><paragraph>y]y</paragraph>` will become:\n\t *\n\t * * `<heading1>x^y</heading1>` with the option disabled (`leaveUnmerged == false`)\n\t * * `<heading1>x^</heading1><paragraph>y</paragraph>` with enabled (`leaveUnmerged == true`).\n\t *\n\t * Note: {@link module:engine/model/schema~ModelSchema#isObject object} and {@link module:engine/model/schema~ModelSchema#isLimit limit}\n\t * elements will not be merged.\n\t *\n\t * @param options.doNotResetEntireContent Whether to skip replacing the entire content with a\n\t * paragraph when the entire content was selected.\n\t *\n\t * For example `<heading1>[x</heading1><paragraph>y]</paragraph>` will become:\n\t *\n\t * * `<paragraph>^</paragraph>` with the option disabled (`doNotResetEntireContent == false`)\n\t * * `<heading1>^</heading1>` with enabled (`doNotResetEntireContent == true`)\n\t *\n\t * @param options.doNotAutoparagraph Whether to create a paragraph if after content deletion selection is moved\n\t * to a place where text cannot be inserted.\n\t *\n\t * For example `<paragraph>x</paragraph>[<imageBlock src=\"foo.jpg\"></imageBlock>]` will become:\n\t *\n\t * * `<paragraph>x</paragraph><paragraph>[]</paragraph>` with the option disabled (`doNotAutoparagraph == false`)\n\t * * `<paragraph>x[]</paragraph>` with the option enabled (`doNotAutoparagraph == true`).\n\t *\n\t * **Note:** if there is no valid position for the selection, the paragraph will always be created:\n\t *\n\t * `[<imageBlock src=\"foo.jpg\"></imageBlock>]` -> `<paragraph>[]</paragraph>`.\n\t *\n\t * @param options.direction The direction in which the content is being consumed.\n\t * Deleting backward corresponds to using the <kbd>Backspace</kbd> key, while deleting content forward corresponds to\n\t * the <kbd>Shift</kbd>+<kbd>Backspace</kbd> keystroke.\n\t */ deleteContent(selection, options) {\n        deleteContent(this, selection, options);\n    }\n    /**\n\t * Modifies the selection. Currently, the supported modifications are:\n\t *\n\t * * Extending. The selection focus is moved in the specified `options.direction` with a step specified in `options.unit`.\n\t * Possible values for `unit` are:\n\t *  * `'character'` (default) - moves selection by one user-perceived character. In most cases this means moving by one\n\t *  character in `String` sense. However, unicode also defines \"combing marks\". These are special symbols, that combines\n\t *  with a symbol before it (\"base character\") to create one user-perceived character. For example, `q̣̇` is a normal\n\t *  letter `q` with two \"combining marks\": upper dot (`Ux0307`) and lower dot (`Ux0323`). For most actions, i.e. extending\n\t *  selection by one position, it is correct to include both \"base character\" and all of it's \"combining marks\". That is\n\t *  why `'character'` value is most natural and common method of modifying selection.\n\t *  * `'codePoint'` - moves selection by one unicode code point. In contrary to, `'character'` unit, this will insert\n\t *  selection between \"base character\" and \"combining mark\", because \"combining marks\" have their own unicode code points.\n\t *  However, for technical reasons, unicode code points with values above `UxFFFF` are represented in native `String` by\n\t *  two characters, called \"surrogate pairs\". Halves of \"surrogate pairs\" have a meaning only when placed next to each other.\n\t *  For example `𨭎` is represented in `String` by `\\uD862\\uDF4E`. Both `\\uD862` and `\\uDF4E` do not have any meaning\n\t *  outside the pair (are rendered as ? when alone). Position between them would be incorrect. In this case, selection\n\t *  extension will include whole \"surrogate pair\".\n\t *  * `'word'` - moves selection by a whole word.\n\t *\n\t * **Note:** if you extend a forward selection in a backward direction you will in fact shrink it.\n\t *\n\t * @fires modifySelection\n\t * @param selection The selection to modify.\n\t * @param options.direction The direction in which the selection should be modified.\n\t * @param options.unit The unit by which selection should be modified.\n\t * @param options.treatEmojiAsSingleUnit Whether multi-characer emoji sequences should be handled as single unit.\n\t */ modifySelection(selection, options) {\n        modifySelection(this, selection, options);\n    }\n    /**\n\t * Gets a clone of the selected content.\n\t *\n\t * For example, for the following selection:\n\t *\n\t * ```html\n\t * <paragraph>x</paragraph>\n\t * <blockQuote>\n\t * \t<paragraph>y</paragraph>\n\t * \t<heading1>fir[st</heading1>\n\t * </blockQuote>\n\t * <paragraph>se]cond</paragraph>\n\t * <paragraph>z</paragraph>\n\t * ```\n\t *\n\t * It will return a document fragment with such a content:\n\t *\n\t * ```html\n\t * <blockQuote>\n\t * \t<heading1>st</heading1>\n\t * </blockQuote>\n\t * <paragraph>se</paragraph>\n\t * ```\n\t *\n\t * @fires getSelectedContent\n\t * @param selection The selection of which content will be returned.\n\t */ getSelectedContent(selection) {\n        return getSelectedContent(this, selection);\n    }\n    /**\n\t * Checks whether the given {@link module:engine/model/range~ModelRange range} or\n\t * {@link module:engine/model/element~ModelElement element} has any meaningful content.\n\t *\n\t * Meaningful content is:\n\t *\n\t * * any text node (`options.ignoreWhitespaces` allows controlling whether this text node must also contain\n\t * any non-whitespace characters),\n\t * * or any {@link module:engine/model/schema~ModelSchema#isContent content element},\n\t * * or any {@link module:engine/model/markercollection~Marker marker} which\n\t * {@link module:engine/model/markercollection~Marker#_affectsData affects data}.\n\t *\n\t * This means that a range containing an empty `<paragraph></paragraph>` is not considered to have a meaningful content.\n\t * However, a range containing an `<imageBlock></imageBlock>` (which would normally be marked in the schema as an object element)\n\t * is considered non-empty.\n\t *\n\t * @param rangeOrElement Range or element to check.\n\t * @param options.ignoreWhitespaces Whether text node with whitespaces only should be considered empty.\n\t * @param options.ignoreMarkers Whether markers should be ignored.\n\t */ hasContent(rangeOrElement, options = {}) {\n        const range = rangeOrElement instanceof ModelRange ? rangeOrElement : ModelRange._createIn(rangeOrElement);\n        if (range.isCollapsed) {\n            return false;\n        }\n        const { ignoreWhitespaces = false, ignoreMarkers = false } = options;\n        // Check if there are any markers which affects data in this given range.\n        if (!ignoreMarkers) {\n            for (const intersectingMarker of this.markers.getMarkersIntersectingRange(range)){\n                if (intersectingMarker.affectsData) {\n                    return true;\n                }\n            }\n        }\n        for (const item of range.getItems()){\n            if (this.schema.isContent(item)) {\n                if (item.is('$textProxy')) {\n                    if (!ignoreWhitespaces) {\n                        return true;\n                    } else if (item.data.search(/\\S/) !== -1) {\n                        return true;\n                    }\n                } else {\n                    return true;\n                }\n            }\n        }\n        return false;\n    }\n    /**\n\t * Check whether given selectable is at a place in the model where it can be edited (returns `true`) or not (returns `false`).\n\t *\n\t * Should be used instead of {@link module:core/editor/editor~Editor#isReadOnly} to check whether a user action can happen at\n\t * given selectable. It may be decorated and used differently in different environment (e.g. multi-root editor can disable\n\t * a particular root).\n\t *\n\t * This method is decorated. Although this method accepts any parameter of `Selectable` type, the\n\t * {@link ~Model#event:canEditAt `canEditAt` event} is fired with `selectable` normalized to an instance of\n\t * {@link module:engine/model/selection~ModelSelection} or {@link module:engine/model/documentselection~ModelDocumentSelection}\n\t *\n\t * @fires canEditAt\n\t */ canEditAt(selectable) {\n        const selection = normalizeSelectable(selectable);\n        return this.fire('canEditAt', [\n            selection\n        ]);\n    }\n    /**\n\t * Creates a position from the given root and path in that root.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionFromPath `Writer#createPositionFromPath()`}.\n\t *\n\t * @param root Root of the position.\n\t * @param path Position path. See {@link module:engine/model/position~ModelPosition#path}.\n\t * @param stickiness Position stickiness. See {@link module:engine/model/position~ModelPositionStickiness}.\n\t */ createPositionFromPath(root, path, stickiness) {\n        return new ModelPosition(root, path, stickiness);\n    }\n    /**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/model/position~ModelPosition position},\n\t * * a parent element and offset in that element,\n\t * * a parent element and `'end'` (the position will be set at the end of that element),\n\t * * a {@link module:engine/model/item~ModelItem model item} and `'before'` or `'after'`\n\t * (the position will be set before or after the given model item).\n\t *\n\t * This method is a shortcut to other factory methods such as:\n\t *\n\t * * {@link module:engine/model/model~Model#createPositionBefore `createPositionBefore()`},\n\t * * {@link module:engine/model/model~Model#createPositionAfter `createPositionAfter()`}.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionAt `Writer#createPositionAt()`},\n\t *\n\t * @param itemOrPosition\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */ createPositionAt(itemOrPosition, offset) {\n        return ModelPosition._createAt(itemOrPosition, offset);\n    }\n    /**\n\t * Creates a new position after the given {@link module:engine/model/item~ModelItem model item}.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionAfter `Writer#createPositionAfter()`}.\n\t *\n\t * @param item Item after which the position should be placed.\n\t */ createPositionAfter(item) {\n        return ModelPosition._createAfter(item);\n    }\n    /**\n\t * Creates a new position before the given {@link module:engine/model/item~ModelItem model item}.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionBefore `Writer#createPositionBefore()`}.\n\t *\n\t * @param item Item before which the position should be placed.\n\t */ createPositionBefore(item) {\n        return ModelPosition._createBefore(item);\n    }\n    /**\n\t * Creates a range spanning from the `start` position to the `end` position.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createRange `Writer#createRange()`}:\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \tconst range = writer.createRange( start, end );\n\t * } );\n\t * ```\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, the range will be collapsed to the `start` position.\n\t */ createRange(start, end) {\n        return new ModelRange(start, end);\n    }\n    /**\n\t * Creates a range inside the given element which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createRangeIn `Writer#createRangeIn()`}:\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \tconst range = writer.createRangeIn( paragraph );\n\t * } );\n\t * ```\n\t *\n\t * @param element Element which is a parent for the range.\n\t */ createRangeIn(element) {\n        return ModelRange._createIn(element);\n    }\n    /**\n\t * Creates a range that starts before the given {@link module:engine/model/item~ModelItem model item} and ends after it.\n\t *\n\t * Note: This method is also available on `writer` instance as\n\t * {@link module:engine/model/writer~ModelWriter#createRangeOn `Writer.createRangeOn()`}:\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \tconst range = writer.createRangeOn( paragraph );\n\t * } );\n\t * ```\n\t *\n\t * @param item\n\t */ createRangeOn(item) {\n        return ModelRange._createOn(item);\n    }\n    createSelection(...args) {\n        return new ModelSelection(...args);\n    }\n    /**\n\t * Creates a {@link module:engine/model/batch~Batch} instance.\n\t *\n\t * **Note:** In most cases creating a batch instance is not necessary as they are created when using:\n\t *\n\t * * {@link #change `change()`},\n\t * * {@link #enqueueChange `enqueueChange()`}.\n\t *\n\t * @param type {@link module:engine/model/batch~Batch#constructor The type} of the batch.\n\t */ createBatch(type) {\n        return new Batch(type);\n    }\n    /**\n\t * Creates an operation instance from a JSON object (parsed JSON string).\n\t *\n\t * This is an alias for {@link module:engine/model/operation/operationfactory~OperationFactory.fromJSON `OperationFactory.fromJSON()`}.\n\t *\n\t * @param json Deserialized JSON object.\n\t */ createOperationFromJSON(json) {\n        return OperationFactory.fromJSON(json, this.document);\n    }\n    /**\n\t * Removes all events listeners set by model instance and destroys {@link module:engine/model/document~ModelDocument}.\n\t */ destroy() {\n        this.document.destroy();\n        this.stopListening();\n    }\n    /**\n\t * Common part of {@link module:engine/model/model~Model#change} and {@link module:engine/model/model~Model#enqueueChange}\n\t * which calls callbacks and returns array of values returned by these callbacks.\n\t */ _runPendingChanges() {\n        const ret = [];\n        this.fire('_beforeChanges');\n        try {\n            while(this._pendingChanges.length){\n                // Create a new writer using batch instance created for this chain of changes.\n                const currentBatch = this._pendingChanges[0].batch;\n                this._currentWriter = new ModelWriter(this, currentBatch);\n                // Execute changes callback and gather the returned value.\n                const callbackReturnValue = this._pendingChanges[0].callback(this._currentWriter);\n                ret.push(callbackReturnValue);\n                this.document._handleChangeBlock(this._currentWriter);\n                this._pendingChanges.shift();\n                this._currentWriter = null;\n            }\n        } finally{\n            this._pendingChanges.length = 0;\n            this._currentWriter = null;\n            this.fire('_afterChanges');\n        }\n        return ret;\n    }\n}\n/**\n * Normalizes a selectable to a Selection or ModelDocumentSelection.\n */ function normalizeSelectable(selectable, placeOrOffset) {\n    if (!selectable) {\n        return;\n    }\n    if (selectable instanceof ModelSelection || selectable instanceof ModelDocumentSelection) {\n        return selectable;\n    }\n    if (selectable instanceof ModelNode) {\n        if (placeOrOffset || placeOrOffset === 0) {\n            return new ModelSelection(selectable, placeOrOffset);\n        } else if (selectable.is('rootElement')) {\n            return new ModelSelection(selectable, 'in');\n        } else {\n            return new ModelSelection(selectable, 'on');\n        }\n    }\n    return new ModelSelection(selectable);\n}\n\n/**\n * {@link module:engine/view/document~ViewDocument#event:click Click} event observer.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView view controller} by a {@link module:engine/view/view~EditingView#addObserver} method.\n */ class ClickObserver extends DomEventObserver {\n    /**\n\t * @inheritDoc\n\t */ domEventType = 'click';\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvent) {\n        this.fire(domEvent.type, domEvent);\n    }\n}\n\n/**\n * Mouse events observer.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView} by {@link module:engine/view/view~EditingView#addObserver} method.\n */ class MouseObserver extends DomEventObserver {\n    /**\n\t * @inheritDoc\n\t */ domEventType = [\n        'mousedown',\n        'mouseup',\n        'mouseover',\n        'mouseout'\n    ];\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvent) {\n        this.fire(domEvent.type, domEvent);\n    }\n}\n\n/**\n * Touch events observer.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView} by {@link module:engine/view/view~EditingView#addObserver} method.\n */ class TouchObserver extends DomEventObserver {\n    /**\n\t * @inheritDoc\n\t */ domEventType = [\n        'touchstart',\n        'touchend',\n        'touchmove'\n    ];\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvent) {\n        this.fire(domEvent.type, domEvent);\n    }\n}\n\n/**\n * Pointer events observer.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView} by {@link module:engine/view/view~EditingView#addObserver} method.\n */ class PointerObserver extends DomEventObserver {\n    /**\n\t * @inheritDoc\n\t */ domEventType = [\n        'pointerdown',\n        'pointerup',\n        'pointermove'\n    ];\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvent) {\n        this.fire(domEvent.type, domEvent);\n    }\n}\n\n/**\n * View upcast writer. It provides a set of methods used to manipulate non-semantic view trees.\n *\n * It should be used only while working on a non-semantic view\n * (e.g. a view created from HTML string on paste).\n * To manipulate a view which was or is being downcasted from the the model use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter downcast writer}.\n *\n * Read more about changing the view in the {@glink framework/architecture/editing-engine#changing-the-view Changing the view}\n * section of the {@glink framework/architecture/editing-engine Editing engine architecture} guide.\n *\n * Unlike `ViewDowncastWriter`, which is available in the {@link module:engine/view/view~EditingView#change `View#change()`} block,\n * `ViewUpcastWriter` can be created wherever you need it:\n *\n * ```ts\n * const writer = new ViewUpcastWriter( viewDocument );\n * const text = writer.createText( 'foo!' );\n *\n * writer.appendChild( text, someViewElement );\n * ```\n */ class ViewUpcastWriter {\n    /**\n\t * The view document instance in which this upcast writer operates.\n\t */ document;\n    /**\n\t * @param document The view document instance in which this upcast writer operates.\n\t */ constructor(document){\n        this.document = document;\n    }\n    /**\n\t * Creates a new {@link module:engine/view/documentfragment~ViewDocumentFragment} instance.\n\t *\n\t * @param children A list of nodes to be inserted into the created document fragment.\n\t * @returns The created document fragment.\n\t */ createDocumentFragment(children) {\n        return new ViewDocumentFragment(this.document, children);\n    }\n    /**\n\t * Creates a new {@link module:engine/view/element~ViewElement} instance.\n\t *\n\t * Attributes can be passed in various formats:\n\t *\n\t * ```ts\n\t * upcastWriter.createElement( 'div', { class: 'editor', contentEditable: 'true' } ); // object\n\t * upcastWriter.createElement( 'div', [ [ 'class', 'editor' ], [ 'contentEditable', 'true' ] ] ); // map-like iterator\n\t * upcastWriter.createElement( 'div', mapOfAttributes ); // map\n\t * ```\n\t *\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t * @returns Created element.\n\t */ createElement(name, attrs, children) {\n        return new ViewElement(this.document, name, attrs, children);\n    }\n    /**\n\t * Creates a new {@link module:engine/view/text~ViewText} instance.\n\t *\n\t * @param data The text's data.\n\t * @returns The created text node.\n\t */ createText(data) {\n        return new ViewText(this.document, data);\n    }\n    /**\n\t * Clones the provided element.\n\t *\n\t * @see module:engine/view/element~ViewElement#_clone\n\t * @param element Element to be cloned.\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any children.\n\t * @returns Clone of this element.\n\t */ clone(element, deep = false) {\n        return element._clone(deep);\n    }\n    /**\n\t * Appends a child node or a list of child nodes at the end of this node\n\t * and sets the parent of these nodes to this element.\n\t *\n\t * @see module:engine/view/element~ViewElement#_appendChild\n\t * @param items Items to be inserted.\n\t * @param element Element to which items will be appended.\n\t * @returns Number of appended nodes.\n\t */ appendChild(items, element) {\n        return element._appendChild(items);\n    }\n    /**\n\t * Inserts a child node or a list of child nodes on the given index and sets the parent of these nodes to\n\t * this element.\n\t *\n\t * @see module:engine/view/element~ViewElement#_insertChild\n\t * @param index Offset at which nodes should be inserted.\n\t * @param items Items to be inserted.\n\t * @param element Element to which items will be inserted.\n\t * @returns Number of inserted nodes.\n\t */ insertChild(index, items, element) {\n        return element._insertChild(index, items);\n    }\n    /**\n\t * Removes the given number of child nodes starting at the given index and set the parent of these nodes to `null`.\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeChildren\n\t * @param index Offset from which nodes will be removed.\n\t * @param howMany Number of nodes to remove.\n\t * @param element Element which children will be removed.\n\t * @returns The array containing removed nodes.\n\t */ removeChildren(index, howMany, element) {\n        return element._removeChildren(index, howMany);\n    }\n    /**\n\t * Removes given element from the view structure. Will not have effect on detached elements.\n\t *\n\t * @param element Element which will be removed.\n\t * @returns The array containing removed nodes.\n\t */ remove(element) {\n        const parent = element.parent;\n        if (parent) {\n            return this.removeChildren(parent.getChildIndex(element), 1, parent);\n        }\n        return [];\n    }\n    /**\n\t * Replaces given element with the new one in the view structure. Will not have effect on detached elements.\n\t *\n\t * @param oldElement Element which will be replaced.\n\t * @param newElement Element which will be inserted in the place of the old element.\n\t * @returns Whether old element was successfully replaced.\n\t */ replace(oldElement, newElement) {\n        const parent = oldElement.parent;\n        if (parent) {\n            const index = parent.getChildIndex(oldElement);\n            this.removeChildren(index, 1, parent);\n            this.insertChild(index, newElement, parent);\n            return true;\n        }\n        return false;\n    }\n    /**\n\t * Removes given element from view structure and places its children in its position.\n\t * It does nothing if element has no parent.\n\t *\n\t * @param element Element to unwrap.\n\t */ unwrapElement(element) {\n        const parent = element.parent;\n        if (parent) {\n            const index = parent.getChildIndex(element);\n            this.remove(element);\n            this.insertChild(index, element.getChildren(), parent);\n        }\n    }\n    /**\n\t * Renames element by creating a copy of a given element but with its name changed and then moving contents of the\n\t * old element to the new one.\n\t *\n\t * Since this function creates a new element and removes the given one, the new element is returned to keep reference.\n\t *\n\t * @param newName New element name.\n\t * @param  element Element to be renamed.\n\t * @returns New element or null if the old element was not replaced (happens for detached elements).\n\t */ rename(newName, element) {\n        const newElement = new ViewElement(this.document, newName, element.getAttributes(), element.getChildren());\n        return this.replace(element, newElement) ? newElement : null;\n    }\n    /**\n\t * Adds or overwrites element's attribute with a specified key and value.\n\t *\n\t * ```ts\n\t * writer.setAttribute( 'href', 'http://ckeditor.com', linkElement );\n\t * ```\n\t *\n\t * @see module:engine/view/element~ViewElement#_setAttribute\n\t * @param key Attribute key.\n\t * @param value Attribute value.\n\t * @param element Element for which attribute will be set.\n\t */ setAttribute(key, value, element) {\n        element._setAttribute(key, value);\n    }\n    /**\n\t * Removes attribute from the element.\n\t *\n\t * ```ts\n\t * writer.removeAttribute( 'href', linkElement );\n\t * ```\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeAttribute\n\t * @param key Attribute key.\n\t * @param element Element from which attribute will be removed.\n\t */ removeAttribute(key, element) {\n        element._removeAttribute(key);\n    }\n    /**\n\t * Adds specified class to the element.\n\t *\n\t * ```ts\n\t * writer.addClass( 'foo', linkElement );\n\t * writer.addClass( [ 'foo', 'bar' ], linkElement );\n\t * ```\n\t *\n\t * @see module:engine/view/element~ViewElement#_addClass\n\t * @param className Single class name or array of class names which will be added.\n\t * @param element Element for which class will be added.\n\t */ addClass(className, element) {\n        element._addClass(className);\n    }\n    /**\n\t * Removes specified class from the element.\n\t *\n\t * ```ts\n\t * writer.removeClass( 'foo', linkElement );\n\t * writer.removeClass( [ 'foo', 'bar' ], linkElement );\n\t * ```\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeClass\n\t * @param className Single class name or array of class names which will be removed.\n\t * @param element Element from which class will be removed.\n\t */ removeClass(className, element) {\n        element._removeClass(className);\n    }\n    setStyle(property, valueOrElement, element) {\n        if (isPlainObject(property) && element === undefined) {\n            valueOrElement._setStyle(property);\n        } else {\n            element._setStyle(property, valueOrElement);\n        }\n    }\n    /**\n\t * Removes specified style from the element.\n\t *\n\t * ```ts\n\t * writer.removeStyle( 'color', element );  // Removes 'color' style.\n\t * writer.removeStyle( [ 'color', 'border-top' ], element ); // Removes both 'color' and 'border-top' styles.\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#remove `StylesMap#remove()`} for details.\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeStyle\n\t * @param property Style property name or names to be removed.\n\t * @param element Element from which style will be removed.\n\t */ removeStyle(property, element) {\n        element._removeStyle(property);\n    }\n    /**\n\t * Sets a custom property on element. Unlike attributes, custom properties are not rendered to the DOM,\n\t * so they can be used to add special data to elements.\n\t *\n\t * @see module:engine/view/element~ViewElement#_setCustomProperty\n\t * @param key Custom property name/key.\n\t * @param value Custom property value to be stored.\n\t * @param element Element for which custom property will be set.\n\t */ setCustomProperty(key, value, element) {\n        element._setCustomProperty(key, value);\n    }\n    /**\n\t * Removes a custom property stored under the given key.\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeCustomProperty\n\t * @param key Name/key of the custom property to be removed.\n\t * @param element Element from which the custom property will be removed.\n\t * @returns Returns true if property was removed.\n\t */ removeCustomProperty(key, element) {\n        return element._removeCustomProperty(key);\n    }\n    /**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/view/position~ViewPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/view/item~ViewItem view item} and `'before'` or `'after'` (sets position before or after given view item).\n\t *\n\t * This method is a shortcut to other constructors such as:\n\t *\n\t * * {@link #createPositionBefore},\n\t * * {@link #createPositionAfter},\n\t *\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */ createPositionAt(itemOrPosition, offset) {\n        return ViewPosition._createAt(itemOrPosition, offset);\n    }\n    /**\n\t * Creates a new position after given view item.\n\t *\n\t * @param item View item after which the position should be located.\n\t */ createPositionAfter(item) {\n        return ViewPosition._createAfter(item);\n    }\n    /**\n\t * Creates a new position before given view item.\n\t *\n\t * @param item View item before which the position should be located.\n\t */ createPositionBefore(item) {\n        return ViewPosition._createBefore(item);\n    }\n    /**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * **Note:** This factory method creates it's own {@link module:engine/view/position~ViewPosition} instances basing on passed values.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at `start` position.\n\t */ createRange(start, end) {\n        return new ViewRange(start, end);\n    }\n    /**\n\t * Creates a range that starts before given {@link module:engine/view/item~ViewItem view item} and ends after it.\n\t */ createRangeOn(item) {\n        return ViewRange._createOn(item);\n    }\n    /**\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */ createRangeIn(element) {\n        return ViewRange._createIn(element);\n    }\n    createSelection(...args) {\n        return new ViewSelection(...args);\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module engine/view/styles/utils\n */ const HEX_COLOR_REGEXP = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;\nconst RGB_COLOR_REGEXP = /^rgb\\([ ]?([0-9]{1,3}[ %]?,[ ]?){2,3}[0-9]{1,3}[ %]?\\)$/i;\nconst RGBA_COLOR_REGEXP = /^rgba\\([ ]?([0-9]{1,3}[ %]?,[ ]?){3}(1|[0-9]+%|[0]?\\.?[0-9]+)\\)$/i;\nconst HSL_COLOR_REGEXP = /^hsl\\([ ]?([0-9]{1,3}[ %]?[,]?[ ]*){3}(1|[0-9]+%|[0]?\\.?[0-9]+)?\\)$/i;\nconst HSLA_COLOR_REGEXP = /^hsla\\([ ]?([0-9]{1,3}[ %]?,[ ]?){2,3}(1|[0-9]+%|[0]?\\.?[0-9]+)\\)$/i;\n// Note: This regexp hardcodes a single level of nested () for values such as `calc( var( ...) + ...)`.\n// If this gets more complex, a proper parser should be used instead.\nconst CSS_SHORTHAND_VALUE_REGEXP = /\\w+\\((?:[^()]|\\([^()]*\\))*\\)|\\S+/gi;\nconst COLOR_NAMES = new Set([\n    // CSS Level 1\n    'black',\n    'silver',\n    'gray',\n    'white',\n    'maroon',\n    'red',\n    'purple',\n    'fuchsia',\n    'green',\n    'lime',\n    'olive',\n    'yellow',\n    'navy',\n    'blue',\n    'teal',\n    'aqua',\n    // CSS Level 2 (Revision 1)\n    'orange',\n    // CSS Color Module Level 3\n    'aliceblue',\n    'antiquewhite',\n    'aquamarine',\n    'azure',\n    'beige',\n    'bisque',\n    'blanchedalmond',\n    'blueviolet',\n    'brown',\n    'burlywood',\n    'cadetblue',\n    'chartreuse',\n    'chocolate',\n    'coral',\n    'cornflowerblue',\n    'cornsilk',\n    'crimson',\n    'cyan',\n    'darkblue',\n    'darkcyan',\n    'darkgoldenrod',\n    'darkgray',\n    'darkgreen',\n    'darkgrey',\n    'darkkhaki',\n    'darkmagenta',\n    'darkolivegreen',\n    'darkorange',\n    'darkorchid',\n    'darkred',\n    'darksalmon',\n    'darkseagreen',\n    'darkslateblue',\n    'darkslategray',\n    'darkslategrey',\n    'darkturquoise',\n    'darkviolet',\n    'deeppink',\n    'deepskyblue',\n    'dimgray',\n    'dimgrey',\n    'dodgerblue',\n    'firebrick',\n    'floralwhite',\n    'forestgreen',\n    'gainsboro',\n    'ghostwhite',\n    'gold',\n    'goldenrod',\n    'greenyellow',\n    'grey',\n    'honeydew',\n    'hotpink',\n    'indianred',\n    'indigo',\n    'ivory',\n    'khaki',\n    'lavender',\n    'lavenderblush',\n    'lawngreen',\n    'lemonchiffon',\n    'lightblue',\n    'lightcoral',\n    'lightcyan',\n    'lightgoldenrodyellow',\n    'lightgray',\n    'lightgreen',\n    'lightgrey',\n    'lightpink',\n    'lightsalmon',\n    'lightseagreen',\n    'lightskyblue',\n    'lightslategray',\n    'lightslategrey',\n    'lightsteelblue',\n    'lightyellow',\n    'limegreen',\n    'linen',\n    'magenta',\n    'mediumaquamarine',\n    'mediumblue',\n    'mediumorchid',\n    'mediumpurple',\n    'mediumseagreen',\n    'mediumslateblue',\n    'mediumspringgreen',\n    'mediumturquoise',\n    'mediumvioletred',\n    'midnightblue',\n    'mintcream',\n    'mistyrose',\n    'moccasin',\n    'navajowhite',\n    'oldlace',\n    'olivedrab',\n    'orangered',\n    'orchid',\n    'palegoldenrod',\n    'palegreen',\n    'paleturquoise',\n    'palevioletred',\n    'papayawhip',\n    'peachpuff',\n    'peru',\n    'pink',\n    'plum',\n    'powderblue',\n    'rosybrown',\n    'royalblue',\n    'saddlebrown',\n    'salmon',\n    'sandybrown',\n    'seagreen',\n    'seashell',\n    'sienna',\n    'skyblue',\n    'slateblue',\n    'slategray',\n    'slategrey',\n    'snow',\n    'springgreen',\n    'steelblue',\n    'tan',\n    'thistle',\n    'tomato',\n    'turquoise',\n    'violet',\n    'wheat',\n    'whitesmoke',\n    'yellowgreen',\n    // CSS Color Module Level 3 (System Colors)\n    'activeborder',\n    'activecaption',\n    'appworkspace',\n    'background',\n    'buttonface',\n    'buttonhighlight',\n    'buttonshadow',\n    'buttontext',\n    'captiontext',\n    'graytext',\n    'highlight',\n    'highlighttext',\n    'inactiveborder',\n    'inactivecaption',\n    'inactivecaptiontext',\n    'infobackground',\n    'infotext',\n    'menu',\n    'menutext',\n    'scrollbar',\n    'threeddarkshadow',\n    'threedface',\n    'threedhighlight',\n    'threedlightshadow',\n    'threedshadow',\n    'window',\n    'windowframe',\n    'windowtext',\n    // CSS Color Module Level 4\n    'rebeccapurple',\n    // Keywords\n    'currentcolor',\n    'transparent'\n]);\n/**\n * Checks if string contains [color](https://developer.mozilla.org/en-US/docs/Web/CSS/color) CSS value.\n *\n * ```ts\n * isColorStyleValue( '#f00' );\t\t\t\t\t\t// true\n * isColorStyleValue( '#AA00BB33' );\t\t\t\t// true\n * isColorStyleValue( 'rgb(0, 0, 250)' );\t\t\t// true\n * isColorStyleValue( 'hsla(240, 100%, 50%, .7)' );\t// true\n * isColorStyleValue( 'deepskyblue' );\t\t\t\t// true\n * ```\n *\n * **Note**: It does not support CSS Level 4 whitespace syntax, system colors and radius values for HSL colors.\n */ function isColorStyleValue(string) {\n    // As far as I was able to test checking some pre-conditions is faster than joining each test with ||.\n    if (string.startsWith('#')) {\n        return HEX_COLOR_REGEXP.test(string);\n    }\n    if (string.startsWith('rgb')) {\n        return RGB_COLOR_REGEXP.test(string) || RGBA_COLOR_REGEXP.test(string);\n    }\n    if (string.startsWith('hsl')) {\n        return HSL_COLOR_REGEXP.test(string) || HSLA_COLOR_REGEXP.test(string);\n    }\n    // Array check > RegExp test.\n    return COLOR_NAMES.has(string.toLowerCase());\n}\nconst lineStyleValues = [\n    'none',\n    'hidden',\n    'dotted',\n    'dashed',\n    'solid',\n    'double',\n    'groove',\n    'ridge',\n    'inset',\n    'outset'\n];\n/**\n * Checks if string contains [line style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style) CSS value.\n */ function isLineStyleValue(string) {\n    return lineStyleValues.includes(string);\n}\nconst lengthRegExp = /^([+-]?[0-9]*([.][0-9]+)?(px|cm|mm|in|pc|pt|ch|em|ex|rem|vh|vw|vmin|vmax)|0)$/;\n/**\n * Checks if string contains [length](https://developer.mozilla.org/en-US/docs/Web/CSS/length) CSS value.\n */ function isLengthStyleValue(string) {\n    return lengthRegExp.test(string);\n}\nconst PERCENTAGE_VALUE_REGEXP = /^[+-]?[0-9]*([.][0-9]+)?%$/;\n/**\n * Checks if string contains [percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) CSS value.\n */ function isPercentageStyleValue(string) {\n    return PERCENTAGE_VALUE_REGEXP.test(string);\n}\nconst repeatValues = [\n    'repeat-x',\n    'repeat-y',\n    'repeat',\n    'space',\n    'round',\n    'no-repeat'\n];\n/**\n * Checks if string contains [background repeat](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) CSS value.\n */ function isRepeatStyleValue(string) {\n    return repeatValues.includes(string);\n}\nconst positionValues = [\n    'center',\n    'top',\n    'bottom',\n    'left',\n    'right'\n];\n/**\n * Checks if string contains [background position](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) CSS value.\n */ function isPositionStyleValue(string) {\n    return positionValues.includes(string);\n}\nconst attachmentValues = [\n    'fixed',\n    'scroll',\n    'local'\n];\n/**\n * Checks if string contains [background attachment](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) CSS value.\n */ function isAttachmentStyleValue(string) {\n    return attachmentValues.includes(string);\n}\nconst urlRegExp = /^url\\(/;\n/**\n * Checks if string contains [URL](https://developer.mozilla.org/en-US/docs/Web/CSS/url) CSS value.\n */ function isURLStyleValue(string) {\n    return urlRegExp.test(string);\n}\n/**\n * Parses box sides as individual values.\n */ function getBoxSidesStyleValues(value = '') {\n    if (value === '') {\n        return {\n            top: undefined,\n            right: undefined,\n            bottom: undefined,\n            left: undefined\n        };\n    }\n    const values = getShorthandStylesValues(value);\n    const top = values[0];\n    const bottom = values[2] || top;\n    const right = values[1] || top;\n    const left = values[3] || right;\n    return {\n        top,\n        bottom,\n        right,\n        left\n    };\n}\n/**\n * Default reducer for CSS properties that concerns edges of a box\n * [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) notations:\n *\n * ```ts\n * stylesProcessor.setReducer( 'padding', getBoxSidesStyleValueReducer( 'padding' ) );\n * ```\n */ function getBoxSidesStyleValueReducer(styleShorthand) {\n    return (value)=>{\n        const { top, right, bottom, left } = value;\n        const reduced = [];\n        if (![\n            top,\n            right,\n            left,\n            bottom\n        ].every((value)=>!!value)) {\n            if (top) {\n                reduced.push([\n                    styleShorthand + '-top',\n                    top\n                ]);\n            }\n            if (right) {\n                reduced.push([\n                    styleShorthand + '-right',\n                    right\n                ]);\n            }\n            if (bottom) {\n                reduced.push([\n                    styleShorthand + '-bottom',\n                    bottom\n                ]);\n            }\n            if (left) {\n                reduced.push([\n                    styleShorthand + '-left',\n                    left\n                ]);\n            }\n        } else {\n            reduced.push([\n                styleShorthand,\n                getBoxSidesStyleShorthandValue(value)\n            ]);\n        }\n        return reduced;\n    };\n}\n/**\n * Returns a [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) notation\n * of a CSS property value.\n *\n * ```ts\n * getBoxSidesStyleShorthandValue( { top: '1px', right: '1px', bottom: '2px', left: '1px' } );\n * // will return '1px 1px 2px'\n * ```\n */ function getBoxSidesStyleShorthandValue({ top, right, bottom, left }) {\n    const out = [];\n    if (left !== right) {\n        out.push(top, right, bottom, left);\n    } else if (bottom !== top) {\n        out.push(top, right, bottom);\n    } else if (right !== top) {\n        out.push(top, right);\n    } else {\n        out.push(top);\n    }\n    return out.join(' ');\n}\n/**\n * Creates a normalizer for a [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) 1-to-4 value.\n *\n * ```ts\n * stylesProcessor.setNormalizer( 'margin', getPositionStyleShorthandNormalizer( 'margin' ) );\n * ```\n */ function getPositionStyleShorthandNormalizer(shorthand) {\n    return (value)=>{\n        return {\n            path: shorthand,\n            value: getBoxSidesStyleValues(value)\n        };\n    };\n}\n/**\n * Parses parts of a 1-to-4 value notation - handles some CSS values with spaces (like RGB()).\n *\n * ```ts\n * getShorthandStylesValues( 'red blue RGB(0, 0, 0)');\n * // will return [ 'red', 'blue', 'RGB(0, 0, 0)' ]\n * ```\n */ function getShorthandStylesValues(string) {\n    const matches = string.trim().slice(0, 1500).matchAll(CSS_SHORTHAND_VALUE_REGEXP);\n    return Array.from(matches).map((i)=>i[0]);\n}\n\n/**\n * Adds a background CSS styles processing rules.\n *\n * ```ts\n * editor.data.addStyleProcessorRules( addBackgroundStylesRules );\n * ```\n *\n * The normalized value is stored as:\n *\n * ```ts\n * const styles = {\n * \tbackground: {\n * \t\tcolor,\n * \t\trepeat,\n * \t\tposition,\n * \t\tattachment,\n * \t\timage\n * \t}\n * };\n * ````\n *\n * **Note**: Currently only `'background-color'` longhand value is parsed besides `'background'` shorthand. The reducer also supports only\n * `'background-color'` value.\n */ function addBackgroundStylesRules(stylesProcessor) {\n    stylesProcessor.setNormalizer('background', getBackgroundNormalizer());\n    stylesProcessor.setNormalizer('background-color', getBackgroundColorNormalizer());\n    stylesProcessor.setReducer('background', getBackgroundReducer());\n    stylesProcessor.setStyleRelation('background', [\n        'background-color'\n    ]);\n}\nfunction getBackgroundNormalizer() {\n    return (value)=>{\n        const background = {};\n        const parts = getShorthandStylesValues(value);\n        for (const part of parts){\n            if (isRepeatStyleValue(part)) {\n                background.repeat = background.repeat || [];\n                background.repeat.push(part);\n            } else if (isPositionStyleValue(part)) {\n                background.position = background.position || [];\n                background.position.push(part);\n            } else if (isAttachmentStyleValue(part)) {\n                background.attachment = part;\n            } else if (isColorStyleValue(part)) {\n                background.color = part;\n            } else if (isURLStyleValue(part)) {\n                background.image = part;\n            }\n        }\n        return {\n            path: 'background',\n            value: background\n        };\n    };\n}\nfunction getBackgroundColorNormalizer() {\n    return (value)=>({\n            path: 'background.color',\n            value\n        });\n}\nfunction getBackgroundReducer() {\n    return (value)=>{\n        const ret = [];\n        ret.push([\n            'background-color',\n            value.color\n        ]);\n        return ret;\n    };\n}\n\n/**\n * Adds a border CSS styles processing rules.\n *\n * ```ts\n * editor.data.addStyleProcessorRules( addBorderStylesRules );\n * ```\n *\n * This rules merges all [border](https://developer.mozilla.org/en-US/docs/Web/CSS/border) styles notation shorthands:\n *\n * - border\n * - border-top\n * - border-right\n * - border-bottom\n * - border-left\n * - border-color\n * - border-style\n * - border-width\n *\n * and all corresponding longhand forms (like `border-top-color`, `border-top-style`, etc).\n *\n * It does not handle other shorthands (like `border-radius` or `border-image`).\n *\n * The normalized model stores border values as:\n *\n * ```ts\n * const styles = {\n * \tborder: {\n * \t\tcolor: { top, right, bottom, left },\n * \t\tstyle: { top, right, bottom, left },\n * \t\twidth: { top, right, bottom, left },\n * \t}\n * };\n * ```\n */ function addBorderStylesRules(stylesProcessor) {\n    stylesProcessor.setNormalizer('border', getBorderNormalizer());\n    // Border-position shorthands.\n    stylesProcessor.setNormalizer('border-top', getBorderPositionNormalizer('top'));\n    stylesProcessor.setNormalizer('border-right', getBorderPositionNormalizer('right'));\n    stylesProcessor.setNormalizer('border-bottom', getBorderPositionNormalizer('bottom'));\n    stylesProcessor.setNormalizer('border-left', getBorderPositionNormalizer('left'));\n    // Border-property shorthands.\n    stylesProcessor.setNormalizer('border-color', getBorderPropertyNormalizer('color'));\n    stylesProcessor.setNormalizer('border-width', getBorderPropertyNormalizer('width'));\n    stylesProcessor.setNormalizer('border-style', getBorderPropertyNormalizer('style'));\n    // Border longhands.\n    stylesProcessor.setNormalizer('border-top-color', getBorderPropertyPositionNormalizer('color', 'top'));\n    stylesProcessor.setNormalizer('border-top-style', getBorderPropertyPositionNormalizer('style', 'top'));\n    stylesProcessor.setNormalizer('border-top-width', getBorderPropertyPositionNormalizer('width', 'top'));\n    stylesProcessor.setNormalizer('border-right-color', getBorderPropertyPositionNormalizer('color', 'right'));\n    stylesProcessor.setNormalizer('border-right-style', getBorderPropertyPositionNormalizer('style', 'right'));\n    stylesProcessor.setNormalizer('border-right-width', getBorderPropertyPositionNormalizer('width', 'right'));\n    stylesProcessor.setNormalizer('border-bottom-color', getBorderPropertyPositionNormalizer('color', 'bottom'));\n    stylesProcessor.setNormalizer('border-bottom-style', getBorderPropertyPositionNormalizer('style', 'bottom'));\n    stylesProcessor.setNormalizer('border-bottom-width', getBorderPropertyPositionNormalizer('width', 'bottom'));\n    stylesProcessor.setNormalizer('border-left-color', getBorderPropertyPositionNormalizer('color', 'left'));\n    stylesProcessor.setNormalizer('border-left-style', getBorderPropertyPositionNormalizer('style', 'left'));\n    stylesProcessor.setNormalizer('border-left-width', getBorderPropertyPositionNormalizer('width', 'left'));\n    stylesProcessor.setExtractor('border-top', getBorderPositionExtractor('top'));\n    stylesProcessor.setExtractor('border-right', getBorderPositionExtractor('right'));\n    stylesProcessor.setExtractor('border-bottom', getBorderPositionExtractor('bottom'));\n    stylesProcessor.setExtractor('border-left', getBorderPositionExtractor('left'));\n    stylesProcessor.setExtractor('border-top-color', 'border.color.top');\n    stylesProcessor.setExtractor('border-right-color', 'border.color.right');\n    stylesProcessor.setExtractor('border-bottom-color', 'border.color.bottom');\n    stylesProcessor.setExtractor('border-left-color', 'border.color.left');\n    stylesProcessor.setExtractor('border-top-width', 'border.width.top');\n    stylesProcessor.setExtractor('border-right-width', 'border.width.right');\n    stylesProcessor.setExtractor('border-bottom-width', 'border.width.bottom');\n    stylesProcessor.setExtractor('border-left-width', 'border.width.left');\n    stylesProcessor.setExtractor('border-top-style', 'border.style.top');\n    stylesProcessor.setExtractor('border-right-style', 'border.style.right');\n    stylesProcessor.setExtractor('border-bottom-style', 'border.style.bottom');\n    stylesProcessor.setExtractor('border-left-style', 'border.style.left');\n    stylesProcessor.setReducer('border-color', getBoxSidesStyleValueReducer('border-color'));\n    stylesProcessor.setReducer('border-style', getBoxSidesStyleValueReducer('border-style'));\n    stylesProcessor.setReducer('border-width', getBoxSidesStyleValueReducer('border-width'));\n    stylesProcessor.setReducer('border-top', getBorderPositionReducer('top'));\n    stylesProcessor.setReducer('border-right', getBorderPositionReducer('right'));\n    stylesProcessor.setReducer('border-bottom', getBorderPositionReducer('bottom'));\n    stylesProcessor.setReducer('border-left', getBorderPositionReducer('left'));\n    stylesProcessor.setReducer('border', getBorderReducer());\n    stylesProcessor.setStyleRelation('border', [\n        'border-color',\n        'border-style',\n        'border-width',\n        'border-top',\n        'border-right',\n        'border-bottom',\n        'border-left',\n        'border-top-color',\n        'border-right-color',\n        'border-bottom-color',\n        'border-left-color',\n        'border-top-style',\n        'border-right-style',\n        'border-bottom-style',\n        'border-left-style',\n        'border-top-width',\n        'border-right-width',\n        'border-bottom-width',\n        'border-left-width'\n    ]);\n    stylesProcessor.setStyleRelation('border-color', [\n        'border-top-color',\n        'border-right-color',\n        'border-bottom-color',\n        'border-left-color'\n    ]);\n    stylesProcessor.setStyleRelation('border-style', [\n        'border-top-style',\n        'border-right-style',\n        'border-bottom-style',\n        'border-left-style'\n    ]);\n    stylesProcessor.setStyleRelation('border-width', [\n        'border-top-width',\n        'border-right-width',\n        'border-bottom-width',\n        'border-left-width'\n    ]);\n    stylesProcessor.setStyleRelation('border-top', [\n        'border-top-color',\n        'border-top-style',\n        'border-top-width'\n    ]);\n    stylesProcessor.setStyleRelation('border-right', [\n        'border-right-color',\n        'border-right-style',\n        'border-right-width'\n    ]);\n    stylesProcessor.setStyleRelation('border-bottom', [\n        'border-bottom-color',\n        'border-bottom-style',\n        'border-bottom-width'\n    ]);\n    stylesProcessor.setStyleRelation('border-left', [\n        'border-left-color',\n        'border-left-style',\n        'border-left-width'\n    ]);\n}\nfunction getBorderNormalizer() {\n    return (value)=>{\n        const { color, style, width } = normalizeBorderShorthand(value);\n        return {\n            path: 'border',\n            value: {\n                color: getBoxSidesStyleValues(color),\n                style: getBoxSidesStyleValues(style),\n                width: getBoxSidesStyleValues(width)\n            }\n        };\n    };\n}\nfunction getBorderPositionNormalizer(side) {\n    return (value)=>{\n        const { color, style, width } = normalizeBorderShorthand(value);\n        const border = {};\n        if (color !== undefined) {\n            border.color = {\n                [side]: color\n            };\n        }\n        if (style !== undefined) {\n            border.style = {\n                [side]: style\n            };\n        }\n        if (width !== undefined) {\n            border.width = {\n                [side]: width\n            };\n        }\n        return {\n            path: 'border',\n            value: border\n        };\n    };\n}\nfunction getBorderPropertyNormalizer(propertyName) {\n    return (value)=>{\n        return {\n            path: 'border',\n            value: toBorderPropertyShorthand(value, propertyName)\n        };\n    };\n}\nfunction toBorderPropertyShorthand(value, property) {\n    return {\n        [property]: getBoxSidesStyleValues(value)\n    };\n}\nfunction getBorderPropertyPositionNormalizer(property, side) {\n    return (value)=>{\n        return {\n            path: 'border',\n            value: {\n                [property]: {\n                    [side]: value\n                }\n            }\n        };\n    };\n}\nfunction getBorderPositionExtractor(which) {\n    return (name, styles)=>{\n        if (styles.border) {\n            return extractBorderPosition(styles.border, which);\n        }\n    };\n}\nfunction extractBorderPosition(border, which) {\n    const value = {};\n    if (border.width && border.width[which]) {\n        value.width = border.width[which];\n    }\n    if (border.style && border.style[which]) {\n        value.style = border.style[which];\n    }\n    if (border.color && border.color[which]) {\n        value.color = border.color[which];\n    }\n    return value;\n}\nfunction normalizeBorderShorthand(string) {\n    const result = {};\n    const parts = getShorthandStylesValues(string);\n    for (const part of parts){\n        if (isLengthStyleValue(part) || /thin|medium|thick/.test(part)) {\n            result.width = part;\n        } else if (isLineStyleValue(part)) {\n            result.style = part;\n        } else {\n            result.color = part;\n        }\n    }\n    return result;\n}\n/**\n * The border reducer factory.\n *\n * It tries to produce the most optimal output for the specified styles.\n *\n * For a border style:\n *\n * ```css\n * style: {top: \"solid\", bottom: \"solid\", right: \"solid\", left: \"solid\"}\n * ```\n *\n * It will produce: `border-style: solid`.\n * For a border style and color:\n *\n * ```css\n * color: {top: \"#ff0\", bottom: \"#ff0\", right: \"#ff0\", left: \"#ff0\"}\n * style: {top: \"solid\", bottom: \"solid\", right: \"solid\", left: \"solid\"}\n * ```\n *\n * It will produce: `border-color: #ff0; border-style: solid`.\n * If all border parameters are specified:\n *\n * ```css\n * color: {top: \"#ff0\", bottom: \"#ff0\", right: \"#ff0\", left: \"#ff0\"}\n * style: {top: \"solid\", bottom: \"solid\", right: \"solid\", left: \"solid\"}\n * width: {top: \"2px\", bottom: \"2px\", right: \"2px\", left: \"2px\"}\n * ```\n *\n * It will combine everything into a single property: `border: 2px solid #ff0`.\n *\n * The definitions are merged only if all border selectors have the same values.\n */ function getBorderReducer() {\n    return (value)=>{\n        const topStyles = extractBorderPosition(value, 'top');\n        const rightStyles = extractBorderPosition(value, 'right');\n        const bottomStyles = extractBorderPosition(value, 'bottom');\n        const leftStyles = extractBorderPosition(value, 'left');\n        const borderStyles = [\n            topStyles,\n            rightStyles,\n            bottomStyles,\n            leftStyles\n        ];\n        const borderStylesByType = {\n            width: getReducedStyleValueForType(borderStyles, 'width'),\n            style: getReducedStyleValueForType(borderStyles, 'style'),\n            color: getReducedStyleValueForType(borderStyles, 'color')\n        };\n        // Try reducing to a single `border:` property.\n        const reducedBorderStyle = reduceBorderPosition(borderStylesByType, 'all');\n        if (reducedBorderStyle.length) {\n            return reducedBorderStyle;\n        }\n        // Try reducing to `border-style:`, `border-width:`, `border-color:` properties.\n        const reducedStyleTypes = Object.entries(borderStylesByType).reduce((reducedStyleTypes, [type, value])=>{\n            if (value) {\n                reducedStyleTypes.push([\n                    `border-${type}`,\n                    value\n                ]);\n                // Remove it from the full set to not include it in the most specific properties later.\n                borderStyles.forEach((style)=>delete style[type]);\n            }\n            return reducedStyleTypes;\n        }, []);\n        // The reduced properties (by type) and all that remains that could not be reduced.\n        return [\n            ...reducedStyleTypes,\n            ...reduceBorderPosition(topStyles, 'top'),\n            ...reduceBorderPosition(rightStyles, 'right'),\n            ...reduceBorderPosition(bottomStyles, 'bottom'),\n            ...reduceBorderPosition(leftStyles, 'left')\n        ];\n    };\n    /**\n\t * @param styles The array of objects with `style`, `color`, `width` properties.\n\t */ function getReducedStyleValueForType(styles, type) {\n        return styles.map((style)=>style[type]).reduce((result, style)=>result == style ? result : null);\n    }\n}\nfunction getBorderPositionReducer(which) {\n    return (value)=>reduceBorderPosition(value, which);\n}\n/**\n * Returns an array with reduced border styles depending on the specified values.\n *\n * If all border properties (width, style, color) are specified, the returned selector will be\n * merged into a group: `border-*: [width] [style] [color]`.\n *\n * Otherwise, the specific definitions will be returned: `border-(width|style|color)-*: [value]`.\n *\n * @param value Styles if defined.\n * @param which The border position.\n */ function reduceBorderPosition(value, which) {\n    const borderTypes = [];\n    if (value && value.width) {\n        borderTypes.push('width');\n    }\n    if (value && value.style) {\n        borderTypes.push('style');\n    }\n    if (value && value.color) {\n        borderTypes.push('color');\n    }\n    if (borderTypes.length == 3) {\n        const borderValue = borderTypes.map((item)=>value[item]).join(' ');\n        return [\n            which == 'all' ? [\n                'border',\n                borderValue\n            ] : [\n                `border-${which}`,\n                borderValue\n            ]\n        ];\n    }\n    // We are unable to reduce to a single `border:` property.\n    if (which == 'all') {\n        return [];\n    }\n    return borderTypes.map((type)=>{\n        return [\n            `border-${which}-${type}`,\n            value[type]\n        ];\n    });\n}\n\n/**\n * Adds a margin CSS styles processing rules.\n *\n * ```ts\n * editor.data.addStyleProcessorRules( addMarginStylesRules );\n * ```\n *\n * The normalized value is stored as:\n *\n * ```ts\n * const styles = {\n * \tmargin: {\n * \t\ttop,\n * \t\tright,\n * \t\tbottom,\n * \t\tleft\n * \t}\n * };\n * ```\n */ function addMarginStylesRules(stylesProcessor) {\n    stylesProcessor.setNormalizer('margin', getPositionStyleShorthandNormalizer('margin'));\n    stylesProcessor.setNormalizer('margin-top', (value)=>({\n            path: 'margin.top',\n            value\n        }));\n    stylesProcessor.setNormalizer('margin-right', (value)=>({\n            path: 'margin.right',\n            value\n        }));\n    stylesProcessor.setNormalizer('margin-bottom', (value)=>({\n            path: 'margin.bottom',\n            value\n        }));\n    stylesProcessor.setNormalizer('margin-left', (value)=>({\n            path: 'margin.left',\n            value\n        }));\n    stylesProcessor.setReducer('margin', getBoxSidesStyleValueReducer('margin'));\n    stylesProcessor.setStyleRelation('margin', [\n        'margin-top',\n        'margin-right',\n        'margin-bottom',\n        'margin-left'\n    ]);\n}\n\n/**\n * Adds a padding CSS styles processing rules.\n *\n * ```ts\n * editor.data.addStyleProcessorRules( addPaddingStylesRules );\n * ```\n *\n * The normalized value is stored as:\n *\n * ```ts\n * const styles = {\n * \tpadding: {\n * \t\ttop,\n * \t\tright,\n * \t\tbottom,\n * \t\tleft\n * \t}\n * };\n * ```\n */ function addPaddingStylesRules(stylesProcessor) {\n    stylesProcessor.setNormalizer('padding', getPositionStyleShorthandNormalizer('padding'));\n    stylesProcessor.setNormalizer('padding-top', (value)=>({\n            path: 'padding.top',\n            value\n        }));\n    stylesProcessor.setNormalizer('padding-right', (value)=>({\n            path: 'padding.right',\n            value\n        }));\n    stylesProcessor.setNormalizer('padding-bottom', (value)=>({\n            path: 'padding.bottom',\n            value\n        }));\n    stylesProcessor.setNormalizer('padding-left', (value)=>({\n            path: 'padding.left',\n            value\n        }));\n    stylesProcessor.setReducer('padding', getBoxSidesStyleValueReducer('padding'));\n    stylesProcessor.setStyleRelation('padding', [\n        'padding-top',\n        'padding-right',\n        'padding-bottom',\n        'padding-left'\n    ]);\n}\n\nconst ELEMENT_RANGE_START_TOKEN = '[';\nconst ELEMENT_RANGE_END_TOKEN = ']';\nconst TEXT_RANGE_START_TOKEN = '{';\nconst TEXT_RANGE_END_TOKEN = '}';\nconst allowedTypes = {\n    'container': ViewContainerElement,\n    'attribute': ViewAttributeElement,\n    'empty': ViewEmptyElement,\n    'ui': ViewUIElement,\n    'raw': ViewRawElement\n};\n// Returns simplified implementation of {@link module:engine/view/domconverter~ViewDomConverter#setContentOf ViewDomConverter.setContentOf}\n// method. Used to render UIElement and RawElement.\nconst domConverterStub = {\n    setContentOf: (node, html)=>{\n        node.innerHTML = html;\n    }\n};\n/**\n * Writes the content of the {@link module:engine/view/document~ViewDocument document} to an HTML-like string.\n *\n * @param view The view to stringify.\n * @param options.withoutSelection Whether to write the selection. When set to `true`, the selection will\n * not be included in the returned string.\n * @param options.rootName The name of the root from which the data should be stringified. If not provided,\n * the default `main` name will be used.\n * @param options.showType When set to `true`, the type of elements will be printed (`<container:p>`\n * instead of `<p>`, `<attribute:b>` instead of `<b>` and `<empty:img>` instead of `<img>`).\n * @param options.showPriority When set to `true`, the attribute element's priority will be printed\n * (`<span view-priority=\"12\">`, `<b view-priority=\"10\">`).\n * @param options.renderUIElements When set to `true`, the inner content of each\n * {@link module:engine/view/uielement~ViewUIElement} will be printed.\n * @param options.renderRawElements When set to `true`, the inner content of each\n * {@link module:engine/view/rawelement~ViewRawElement} will be printed.\n * @param options.domConverter When set to an actual {@link module:engine/view/domconverter~ViewDomConverter ViewDomConverter}\n * instance, it lets the conversion go through exactly the same flow the editing view is going through,\n * i.e. with view data filtering. Otherwise the simple stub is used.\n * @returns The stringified data.\n */ function _getViewData(view, options = {}) {\n    if (!(view instanceof EditingView)) {\n        throw new TypeError('View needs to be an instance of module:engine/view/view~EditingView.');\n    }\n    const document1 = view.document;\n    const withoutSelection = !!options.withoutSelection;\n    const rootName = options.rootName || 'main';\n    const root = document1.getRoot(rootName);\n    const stringifyOptions = {\n        showType: options.showType,\n        showPriority: options.showPriority,\n        renderUIElements: options.renderUIElements,\n        renderRawElements: options.renderRawElements,\n        ignoreRoot: true,\n        domConverter: options.domConverter,\n        skipListItemIds: options.skipListItemIds\n    };\n    return withoutSelection ? _getViewData._stringify(root, null, stringifyOptions) : _getViewData._stringify(root, document1.selection, stringifyOptions);\n}\n// Set stringify as getData private method - needed for testing/spying.\n_getViewData._stringify = _stringifyView;\n/**\n * Sets the content of a view {@link module:engine/view/document~ViewDocument document} provided as an HTML-like string.\n *\n * @param data An HTML-like string to write into the document.\n * @param options.rootName The root name where _parseViewd data will be stored. If not provided,\n * the default `main` name will be used.\n */ function _setViewData(view, data, options = {}) {\n    if (!(view instanceof EditingView)) {\n        throw new TypeError('View needs to be an instance of module:engine/view/view~EditingView.');\n    }\n    const document1 = view.document;\n    const rootName = options.rootName || 'main';\n    const root = document1.getRoot(rootName);\n    view.change((writer)=>{\n        const result = _setViewData._parse(data, {\n            rootElement: root\n        });\n        if (result.view && result.selection) {\n            writer.setSelection(result.selection);\n        }\n    });\n}\n// Set _parseView as _setViewData private method - needed for testing/spying.\n_setViewData._parse = _parseView;\n/**\n * Converts view elements to HTML-like string representation.\n *\n * A root element can be provided as {@link module:engine/view/text~ViewText text}:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * stringify( text ); // 'foobar'\n * ```\n *\n * or as an {@link module:engine/view/element~ViewElement element}:\n *\n * ```ts\n * const element = downcastWriter.createElement( 'p', null, downcastWriter.createText( 'foobar' ) );\n * stringify( element ); // '<p>foobar</p>'\n * ```\n *\n * or as a {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const b = downcastWriter.createElement( 'b', { name: 'test' }, text );\n * const p = downcastWriter.createElement( 'p', { style: 'color:red;' } );\n * const fragment = downcastWriter.createDocumentFragment( [ p, b ] );\n *\n * stringify( fragment ); // '<p style=\"color:red;\"></p><b name=\"test\">foobar</b>'\n * ```\n *\n * Additionally, a {@link module:engine/view/documentselection~ViewDocumentSelection selection} instance can be provided.\n * Ranges from the selection will then be included in the output data.\n * If a range position is placed inside the element node, it will be represented with `[` and `]`:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const b = downcastWriter.createElement( 'b', null, text );\n * const p = downcastWriter.createElement( 'p', null, b );\n * const selection = downcastWriter.createSelection(\n * \tdowncastWriter.createRangeIn( p )\n * );\n *\n * stringify( p, selection ); // '<p>[<b>foobar</b>]</p>'\n * ```\n *\n * If a range is placed inside the text node, it will be represented with `{` and `}`:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const b = downcastWriter.createElement( 'b', null, text );\n * const p = downcastWriter.createElement( 'p', null, b );\n * const selection = downcastWriter.createSelection(\n * \tdowncastWriter.createRange( downcastWriter.createPositionAt( text, 1 ), downcastWriter.createPositionAt( text, 5 ) )\n * );\n *\n * stringify( p, selection ); // '<p><b>f{ooba}r</b></p>'\n * ```\n *\n * ** Note: **\n * It is possible to unify selection markers to `[` and `]` for both (inside and outside text)\n * by setting the `sameSelectionCharacters=true` option. It is mainly used when the view stringify option is used by\n * model utilities.\n *\n * Multiple ranges are supported:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const selection = downcastWriter.createSelection( [\n * \tdowncastWriter.createRange( downcastWriter.createPositionAt( text, 0 ), downcastWriter.createPositionAt( text, 1 ) ),\n * \tdowncastWriter.createRange( downcastWriter.createPositionAt( text, 3 ), downcastWriter.createPositionAt( text, 5 ) )\n * ] );\n *\n * stringify( text, selection ); // '{f}oo{ba}r'\n * ```\n *\n * A {@link module:engine/view/range~ViewRange range} or {@link module:engine/view/position~ViewPosition position} instance can be provided\n * instead of the {@link module:engine/view/documentselection~ViewDocumentSelection selection} instance. If a range instance\n * is provided, it will be converted to a selection containing this range. If a position instance is provided, it will\n * be converted to a selection containing one range collapsed at this position.\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const range = downcastWriter.createRange( downcastWriter.createPositionAt( text, 0 ), downcastWriter.createPositionAt( text, 1 ) );\n * const position = downcastWriter.createPositionAt( text, 3 );\n *\n * stringify( text, range ); // '{f}oobar'\n * stringify( text, position ); // 'foo{}bar'\n * ```\n *\n * An additional `options` object can be provided.\n * If `options.showType` is set to `true`, element's types will be\n * presented for {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements},\n * {@link module:engine/view/containerelement~ViewContainerElement container elements}\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty elements}\n * and {@link module:engine/view/uielement~ViewUIElement UI elements}:\n *\n * ```ts\n * const attribute = downcastWriter.createAttributeElement( 'b' );\n * const container = downcastWriter.createContainerElement( 'p' );\n * const empty = downcastWriter.createEmptyElement( 'img' );\n * const ui = downcastWriter.createUIElement( 'span' );\n * getData( attribute, null, { showType: true } ); // '<attribute:b></attribute:b>'\n * getData( container, null, { showType: true } ); // '<container:p></container:p>'\n * getData( empty, null, { showType: true } ); // '<empty:img></empty:img>'\n * getData( ui, null, { showType: true } ); // '<ui:span></ui:span>'\n * ```\n *\n * If `options.showPriority` is set to `true`, a priority will be displayed for all\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements}.\n *\n * ```ts\n * const attribute = downcastWriter.createAttributeElement( 'b' );\n * attribute._priority = 20;\n * getData( attribute, null, { showPriority: true } ); // <b view-priority=\"20\"></b>\n * ```\n *\n * If `options.showAttributeElementId` is set to `true`, the attribute element's id will be displayed for all\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that have it set.\n *\n * ```ts\n * const attribute = downcastWriter.createAttributeElement( 'span' );\n * attribute._id = 'marker:foo';\n * getData( attribute, null, { showAttributeElementId: true } ); // <span view-id=\"marker:foo\"></span>\n * ```\n *\n * @param node The node to stringify.\n * @param selectionOrPositionOrRange A selection instance whose ranges will be included in the returned string data.\n * If a range instance is provided, it will be converted to a selection containing this range. If a position instance\n * is provided, it will be converted to a selection containing one range collapsed at this position.\n * @param options An object with additional options.\n * @param options.showType When set to `true`, the type of elements will be printed (`<container:p>`\n * instead of `<p>`, `<attribute:b>` instead of `<b>` and `<empty:img>` instead of `<img>`).\n * @param options.showPriority When set to `true`,  the attribute element's priority will be printed\n * (`<span view-priority=\"12\">`, `<b view-priority=\"10\">`).\n * @param options.showAttributeElementId When set to `true`, attribute element's id will be printed\n * (`<span id=\"marker:foo\">`).\n * @param options.ignoreRoot When set to `true`, the root's element opening and closing will not be printed.\n * Mainly used by the `getData` function to ignore the {@link module:engine/view/document~ViewDocument document's} root element.\n * @param options.sameSelectionCharacters When set to `true`, the selection inside the text will be marked as\n *  `{` and `}` and the selection outside the text as `[` and `]`. When set to `false`, both will be marked as `[` and `]` only.\n * @param options.renderUIElements When set to `true`, the inner content of each\n * {@link module:engine/view/uielement~ViewUIElement} will be printed.\n * @param options.renderRawElements When set to `true`, the inner content of each\n * {@link module:engine/view/rawelement~ViewRawElement} will be printed.\n * @param options.domConverter When set to an actual {@link module:engine/view/domconverter~ViewDomConverter ViewDomConverter}\n * instance, it lets the conversion go through exactly the same flow the editing view is going through,\n * i.e. with view data filtering. Otherwise the simple stub is used.\n * @returns An HTML-like string representing the view.\n */ function _stringifyView(node, selectionOrPositionOrRange = null, options = {}) {\n    let selection;\n    if (selectionOrPositionOrRange instanceof ViewPosition || selectionOrPositionOrRange instanceof ViewRange) {\n        selection = new ViewDocumentSelection(selectionOrPositionOrRange);\n    } else {\n        selection = selectionOrPositionOrRange;\n    }\n    const viewStringify = new ViewStringify(node, selection, options);\n    return viewStringify.stringify();\n}\n/**\n * Parses an HTML-like string and returns a view tree.\n * A simple string will be converted to a {@link module:engine/view/text~ViewText text} node:\n *\n * ```ts\n * _parseView( 'foobar' ); // Returns an instance of text.\n * ```\n *\n * {@link module:engine/view/element~ViewElement Elements} will be _parseViewd with attributes as children:\n *\n * ```ts\n * _parseView( '<b name=\"baz\">foobar</b>' ); // Returns an instance of element with the `baz` attribute and a text child node.\n * ```\n *\n * Multiple nodes provided on root level will be converted to a\n * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}:\n *\n * ```ts\n * _parseView( '<b>foo</b><i>bar</i>' ); // Returns a document fragment with two child elements.\n * ```\n *\n * The method can _parseView multiple {@link module:engine/view/range~ViewRange ranges} provided in string data and return a\n * {@link module:engine/view/documentselection~ViewDocumentSelection selection} instance containing these ranges. Ranges placed inside\n * {@link module:engine/view/text~ViewText text} nodes should be marked using `{` and `}` brackets:\n *\n * ```ts\n * const { text, selection } = _parseView( 'f{ooba}r' );\n * ```\n *\n * Ranges placed outside text nodes should be marked using `[` and `]` brackets:\n *\n * ```ts\n * const { root, selection } = _parseView( '<p>[<b>foobar</b>]</p>' );\n * ```\n *\n * ** Note: **\n * It is possible to unify selection markers to `[` and `]` for both (inside and outside text)\n * by setting `sameSelectionCharacters=true` option. It is mainly used when the view _parseView option is used by model utilities.\n *\n * Sometimes there is a need for defining the order of ranges inside the created selection. This can be achieved by providing\n * the range order array as an additional parameter:\n *\n * ```ts\n * const { root, selection } = _parseView( '{fo}ob{ar}{ba}z', { order: [ 2, 3, 1 ] } );\n * ```\n *\n * In the example above, the first range (`{fo}`) will be added to the selection as the second one, the second range (`{ar}`) will be\n * added as the third and the third range (`{ba}`) will be added as the first one.\n *\n * If the selection's last range should be added as a backward one\n * (so the {@link module:engine/view/documentselection~ViewDocumentSelection#anchor selection anchor} is represented\n * by the `end` position and {@link module:engine/view/documentselection~ViewDocumentSelection#focus selection focus} is\n * represented by the `start` position), use the `lastRangeBackward` flag:\n *\n * ```ts\n * const { root, selection } = _parseView( `{foo}bar{baz}`, { lastRangeBackward: true } );\n * ```\n *\n * Some more examples and edge cases:\n *\n * ```ts\n * // Returns an empty document fragment.\n * _parseView( '' );\n *\n * // Returns an empty document fragment and a collapsed selection.\n * const { root, selection } = _parseView( '[]' );\n *\n * // Returns an element and a selection that is placed inside the document fragment containing that element.\n * const { root, selection } = _parseView( '[<a></a>]' );\n * ```\n *\n * @param data An HTML-like string to be parsed.\n * @param options.order An array with the order of parsed ranges added to the returned\n * {@link module:engine/view/documentselection~ViewDocumentSelection Selection} instance. Each element should represent the\n * desired position of each range in the selection instance. For example: `[2, 3, 1]` means that the first range will be\n * placed as the second, the second as the third and the third as the first.\n * @param options.lastRangeBackward If set to `true`, the last range will be added as backward to the returned\n * {@link module:engine/view/documentselection~ViewDocumentSelection selection} instance.\n * @param options.rootElement The default root to use when parsing elements.\n * When set to `null`, the root element will be created automatically. If set to\n * {@link module:engine/view/element~ViewElement Element} or\n * {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment},\n * this node will be used as the root for all parsed nodes.\n * @param options.sameSelectionCharacters When set to `false`, the selection inside the text should be marked using\n * `{` and `}` and the selection outside the ext using `[` and `]`. When set to `true`, both should be marked with `[` and `]` only.\n * @returns Returns the parsed view node or an object with two fields: `view` and `selection` when selection ranges were included in the\n * data to parse.\n */ function _parseView(data, options = {}) {\n    const viewDocument = new ViewDocument(new StylesProcessor());\n    options.order = options.order || [];\n    const rangeParser = new RangeParser({\n        sameSelectionCharacters: options.sameSelectionCharacters\n    });\n    const processor = new XmlDataProcessor(viewDocument, {\n        namespaces: Object.keys(allowedTypes)\n    });\n    if (options.inlineObjectElements) {\n        processor.domConverter.inlineObjectElements.push(...options.inlineObjectElements);\n    }\n    // Convert data to view.\n    let view = processor.toView(data);\n    // At this point we have a view tree with Elements that could have names like `attribute:b:1`. In the next step\n    // we need to parse Element's names and convert them to ViewAttributeElements and ViewContainerElements.\n    view = _convertViewElements(view);\n    // If custom root is provided - move all nodes there.\n    if (options.rootElement) {\n        const root = options.rootElement;\n        const nodes = view._removeChildren(0, view.childCount);\n        root._removeChildren(0, root.childCount);\n        root._appendChild(nodes);\n        view = root;\n    }\n    // Parse ranges included in view text nodes.\n    const ranges = rangeParser._parseView(view, options.order);\n    // If only one element is returned inside DocumentFragment - return that element.\n    if (view.is('documentFragment') && view.childCount === 1) {\n        view = view.getChild(0);\n    }\n    // When ranges are present - return object containing view, and selection.\n    if (ranges.length) {\n        const selection = new ViewDocumentSelection(ranges, {\n            backward: !!options.lastRangeBackward\n        });\n        return {\n            view,\n            selection\n        };\n    }\n    // If single element is returned without selection - remove it from parent and return detached element.\n    if (view.parent) {\n        view._remove();\n    }\n    return view;\n}\n/**\n * Private helper class used for converting ranges represented as text inside view {@link module:engine/view/text~ViewText text nodes}.\n */ class RangeParser {\n    sameSelectionCharacters;\n    _positions;\n    /**\n\t * Creates a range parser instance.\n\t *\n\t * @param options The range parser configuration.\n\t * @param options.sameSelectionCharacters When set to `true`, the selection inside the text is marked as\n\t * `{` and `}` and the selection outside the text as `[` and `]`. When set to `false`, both are marked as `[` and `]`.\n\t */ constructor(options){\n        this.sameSelectionCharacters = !!options.sameSelectionCharacters;\n    }\n    /**\n\t * Parses the view and returns ranges represented inside {@link module:engine/view/text~ViewText text nodes}.\n\t * The method will remove all occurrences of `{`, `}`, `[` and `]` from found text nodes. If a text node is empty after\n\t * the process, it will be removed, too.\n\t *\n\t * @param node The starting node.\n\t * @param order The order of ranges. Each element should represent the desired position of the range after\n\t * sorting. For example: `[2, 3, 1]` means that the first range will be placed as the second, the second as the third and the third\n\t * as the first.\n\t * @returns An array with ranges found.\n\t */ _parseView(node, order) {\n        this._positions = [];\n        // Remove all range brackets from view nodes and save their positions.\n        this._getPositions(node);\n        // Create ranges using gathered positions.\n        let ranges = this._createRanges();\n        // Sort ranges if needed.\n        if (order.length) {\n            if (order.length != ranges.length) {\n                throw new Error(`Parse error - there are ${ranges.length} ranges found, but ranges order array contains ${order.length} elements.`);\n            }\n            ranges = this._sortRanges(ranges, order);\n        }\n        return ranges;\n    }\n    /**\n\t * Gathers positions of brackets inside the view tree starting from the provided node. The method will remove all occurrences of\n\t * `{`, `}`, `[` and `]` from found text nodes. If a text node is empty after the process, it will be removed, too.\n\t *\n\t * @param node Staring node.\n\t */ _getPositions(node) {\n        if (node.is('documentFragment') || node.is('element')) {\n            // Copy elements into the array, when nodes will be removed from parent node this array will still have all the\n            // items needed for iteration.\n            const children = [\n                ...node.getChildren()\n            ];\n            for (const child of children){\n                this._getPositions(child);\n            }\n        }\n        if (node.is('$text')) {\n            const regexp = new RegExp(`[${TEXT_RANGE_START_TOKEN}${TEXT_RANGE_END_TOKEN}\\\\${ELEMENT_RANGE_END_TOKEN}\\\\${ELEMENT_RANGE_START_TOKEN}]`, 'g');\n            let text = node.data;\n            let match;\n            let offset = 0;\n            const brackets = [];\n            // Remove brackets from text and store info about offset inside text node.\n            while(match = regexp.exec(text)){\n                const index = match.index;\n                const bracket = match[0];\n                brackets.push({\n                    bracket,\n                    textOffset: index - offset\n                });\n                offset++;\n            }\n            text = text.replace(regexp, '');\n            node._data = text;\n            const index = node.index;\n            const parent = node.parent;\n            // Remove empty text nodes.\n            if (!text) {\n                node._remove();\n            }\n            for (const item of brackets){\n                // Non-empty text node.\n                if (text) {\n                    if (this.sameSelectionCharacters || !this.sameSelectionCharacters && (item.bracket == TEXT_RANGE_START_TOKEN || item.bracket == TEXT_RANGE_END_TOKEN)) {\n                        // Store information about text range delimiter.\n                        this._positions.push({\n                            bracket: item.bracket,\n                            position: new ViewPosition(node, item.textOffset)\n                        });\n                    } else {\n                        // Check if element range delimiter is not placed inside text node.\n                        if (!this.sameSelectionCharacters && item.textOffset !== 0 && item.textOffset !== text.length) {\n                            throw new Error(`Parse error - range delimiter '${item.bracket}' is placed inside text node.`);\n                        }\n                        // If bracket is placed at the end of the text node - it should be positioned after it.\n                        const offset = item.textOffset === 0 ? index : index + 1;\n                        // Store information about element range delimiter.\n                        this._positions.push({\n                            bracket: item.bracket,\n                            position: new ViewPosition(parent, offset)\n                        });\n                    }\n                } else {\n                    if (!this.sameSelectionCharacters && item.bracket == TEXT_RANGE_START_TOKEN || item.bracket == TEXT_RANGE_END_TOKEN) {\n                        throw new Error(`Parse error - text range delimiter '${item.bracket}' is placed inside empty text node. `);\n                    }\n                    // Store information about element range delimiter.\n                    this._positions.push({\n                        bracket: item.bracket,\n                        position: new ViewPosition(parent, index)\n                    });\n                }\n            }\n        }\n    }\n    /**\n\t * Sorts ranges in a given order. Range order should be an array and each element should represent the desired position\n\t * of the range after sorting.\n\t * For example: `[2, 3, 1]` means that the first range will be placed as the second, the second as the third and the third\n\t * as the first.\n\t *\n\t * @param ranges Ranges to sort.\n\t * @param rangesOrder An array with new range order.\n\t * @returns Sorted ranges array.\n\t */ _sortRanges(ranges, rangesOrder) {\n        const sortedRanges = [];\n        let index = 0;\n        for (const newPosition of rangesOrder){\n            if (ranges[newPosition - 1] === undefined) {\n                throw new Error('Parse error - provided ranges order is invalid.');\n            }\n            sortedRanges[newPosition - 1] = ranges[index];\n            index++;\n        }\n        return sortedRanges;\n    }\n    /**\n\t * Uses all found bracket positions to create ranges from them.\n\t */ _createRanges() {\n        const ranges = [];\n        let range = null;\n        for (const item of this._positions){\n            // When end of range is found without opening.\n            if (!range && (item.bracket == ELEMENT_RANGE_END_TOKEN || item.bracket == TEXT_RANGE_END_TOKEN)) {\n                throw new Error(`Parse error - end of range was found '${item.bracket}' but range was not started before.`);\n            }\n            // When second start of range is found when one is already opened - selection does not allow intersecting\n            // ranges.\n            if (range && (item.bracket == ELEMENT_RANGE_START_TOKEN || item.bracket == TEXT_RANGE_START_TOKEN)) {\n                throw new Error(`Parse error - start of range was found '${item.bracket}' but one range is already started.`);\n            }\n            if (item.bracket == ELEMENT_RANGE_START_TOKEN || item.bracket == TEXT_RANGE_START_TOKEN) {\n                range = new ViewRange(item.position, item.position);\n            } else {\n                range.end = item.position;\n                ranges.push(range);\n                range = null;\n            }\n        }\n        // Check if all ranges have proper ending.\n        if (range !== null) {\n            throw new Error('Parse error - range was started but no end delimiter was found.');\n        }\n        return ranges;\n    }\n}\n/**\n * Private helper class used for converting the view tree to a string.\n */ class ViewStringify {\n    root;\n    selection;\n    ranges;\n    showType;\n    showPriority;\n    showAttributeElementId;\n    ignoreRoot;\n    sameSelectionCharacters;\n    renderUIElements;\n    renderRawElements;\n    domConverter;\n    skipListItemIds;\n    /**\n\t * Creates a view stringify instance.\n\t *\n\t * @param selection A selection whose ranges should also be converted to a string.\n\t * @param options An options object.\n\t * @param options.showType When set to `true`, the type of elements will be printed (`<container:p>`\n\t * instead of `<p>`, `<attribute:b>` instead of `<b>` and `<empty:img>` instead of `<img>`).\n\t * @param options.showPriority When set to `true`, the attribute element's priority will be printed.\n\t * @param options.ignoreRoot When set to `true`, the root's element opening and closing tag will not\n\t * be outputted.\n\t * @param options.sameSelectionCharacters When set to `true`, the selection inside the text is marked as\n\t * `{` and `}` and the selection outside the text as `[` and `]`. When set to `false`, both are marked as `[` and `]`.\n\t * @param options.renderUIElements When set to `true`, the inner content of each\n\t * {@link module:engine/view/uielement~ViewUIElement} will be printed.\n\t * @param options.renderRawElements When set to `true`, the inner content of each\n\t * @param options.domConverter When set to an actual {@link module:engine/view/domconverter~ViewDomConverter ViewDomConverter}\n\t * instance, it lets the conversion go through exactly the same flow the editing view is going through,\n\t * i.e. with view data filtering. Otherwise the simple stub is used.\n\t * {@link module:engine/view/rawelement~ViewRawElement} will be printed.\n\t * @param options.skipListItemIds When set to `true`, `<li>` elements will not have `listItemId` attribute. By default it's hidden\n\t * because it's randomly generated and hard to verify properly, while bringing little value.\n\t */ constructor(root, selection, options){\n        this.root = root;\n        this.selection = selection;\n        this.ranges = [];\n        if (selection) {\n            this.ranges = [\n                ...selection.getRanges()\n            ];\n        }\n        this.showType = !!options.showType;\n        this.showPriority = !!options.showPriority;\n        this.showAttributeElementId = !!options.showAttributeElementId;\n        this.ignoreRoot = !!options.ignoreRoot;\n        this.sameSelectionCharacters = !!options.sameSelectionCharacters;\n        this.renderUIElements = !!options.renderUIElements;\n        this.renderRawElements = !!options.renderRawElements;\n        this.domConverter = options.domConverter || domConverterStub;\n        this.skipListItemIds = options.skipListItemIds !== undefined ? !!options.skipListItemIds : true;\n    }\n    /**\n\t * Converts the view to a string.\n\t *\n\t * @returns String representation of the view elements.\n\t */ stringify() {\n        let result = '';\n        this._walkView(this.root, (chunk)=>{\n            result += chunk;\n        });\n        if (this.skipListItemIds) {\n            result = result.replaceAll(/ data-list-item-id=\"[^\"]+\"/g, '');\n        }\n        return result;\n    }\n    /**\n\t * Executes a simple walker that iterates over all elements in the view tree starting from the root element.\n\t * Calls the `callback` with parsed chunks of string data.\n\t */ _walkView(root, callback) {\n        const ignore = this.ignoreRoot && this.root === root;\n        if (root.is('element') || root.is('documentFragment')) {\n            if (root.is('element') && !ignore) {\n                callback(this._stringifyElementOpen(root));\n            }\n            if (this.renderUIElements && root.is('uiElement')) {\n                callback(root.render(document, this.domConverter).innerHTML);\n            } else if (this.renderRawElements && root.is('rawElement')) {\n                // There's no DOM element for \"root\" to pass to render(). Creating\n                // a surrogate container to render the children instead.\n                const rawContentContainer = document.createElement('div');\n                root.render(rawContentContainer, this.domConverter);\n                callback(rawContentContainer.innerHTML);\n            } else {\n                let offset = 0;\n                callback(this._stringifyElementRanges(root, offset));\n                for (const child of root.getChildren()){\n                    this._walkView(child, callback);\n                    offset++;\n                    callback(this._stringifyElementRanges(root, offset));\n                }\n            }\n            if (root.is('element') && !ignore) {\n                callback(this._stringifyElementClose(root));\n            }\n        }\n        if (root.is('$text')) {\n            callback(this._stringifyTextRanges(root));\n        }\n    }\n    /**\n\t * Checks if a given {@link module:engine/view/element~ViewElement element} has\n\t * a {@link module:engine/view/range~ViewRange#start range start}\n\t * or a {@link module:engine/view/range~ViewRange#start range end} placed at a given offset and returns its string representation.\n\t */ _stringifyElementRanges(element, offset) {\n        let start = '';\n        let end = '';\n        let collapsed = '';\n        for (const range of this.ranges){\n            if (range.start.parent == element && range.start.offset === offset) {\n                if (range.isCollapsed) {\n                    collapsed += ELEMENT_RANGE_START_TOKEN + ELEMENT_RANGE_END_TOKEN;\n                } else {\n                    start += ELEMENT_RANGE_START_TOKEN;\n                }\n            }\n            if (range.end.parent === element && range.end.offset === offset && !range.isCollapsed) {\n                end += ELEMENT_RANGE_END_TOKEN;\n            }\n        }\n        return end + collapsed + start;\n    }\n    /**\n\t * Checks if a given {@link module:engine/view/element~ViewElement Text node} has a\n\t * {@link module:engine/view/range~ViewRange#start range start} or a\n\t * {@link module:engine/view/range~ViewRange#start range end} placed somewhere inside. Returns a string representation of text\n\t * with range delimiters placed inside.\n\t */ _stringifyTextRanges(node) {\n        const length = node.data.length;\n        const data = node.data.split('');\n        let rangeStartToken, rangeEndToken;\n        if (this.sameSelectionCharacters) {\n            rangeStartToken = ELEMENT_RANGE_START_TOKEN;\n            rangeEndToken = ELEMENT_RANGE_END_TOKEN;\n        } else {\n            rangeStartToken = TEXT_RANGE_START_TOKEN;\n            rangeEndToken = TEXT_RANGE_END_TOKEN;\n        }\n        // Add one more element for ranges ending after last character in text.\n        data[length] = '';\n        // Represent each letter as object with information about opening/closing ranges at each offset.\n        const result = data.map((letter)=>{\n            return {\n                letter,\n                start: '',\n                end: '',\n                collapsed: ''\n            };\n        });\n        for (const range of this.ranges){\n            const start = range.start;\n            const end = range.end;\n            if (start.parent == node && start.offset >= 0 && start.offset <= length) {\n                if (range.isCollapsed) {\n                    result[end.offset].collapsed += rangeStartToken + rangeEndToken;\n                } else {\n                    result[start.offset].start += rangeStartToken;\n                }\n            }\n            if (end.parent == node && end.offset >= 0 && end.offset <= length && !range.isCollapsed) {\n                result[end.offset].end += rangeEndToken;\n            }\n        }\n        return result.map((item)=>item.end + item.collapsed + item.start + item.letter).join('');\n    }\n    /**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} to an opening tag.\n\t *\n\t * Depending on the current configuration, the opening tag can be simple (`<a>`), contain a type prefix (`<container:p>`,\n\t * `<attribute:a>` or `<empty:img>`), contain priority information ( `<attribute:a view-priority=\"20\">` ),\n\t * or contain element id ( `<attribute:span view-id=\"foo\">` ). Element attributes will also be included\n\t * (`<a href=\"https://ckeditor.com\" name=\"foobar\">`).\n\t */ _stringifyElementOpen(element) {\n        const priority = this._stringifyElementPriority(element);\n        const id = this._stringifyElementId(element);\n        const type = this._stringifyElementType(element);\n        const name = [\n            type,\n            element.name\n        ].filter((i)=>i !== '').join(':');\n        const attributes = this._stringifyElementAttributes(element);\n        const parts = [\n            name,\n            priority,\n            id,\n            attributes\n        ];\n        return `<${parts.filter((i)=>i !== '').join(' ')}>`;\n    }\n    /**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} to a closing tag.\n\t * Depending on the current configuration, the closing tag can be simple (`</a>`) or contain a type prefix (`</container:p>`,\n\t * `</attribute:a>` or `</empty:img>`).\n\t */ _stringifyElementClose(element) {\n        const type = this._stringifyElementType(element);\n        const name = [\n            type,\n            element.name\n        ].filter((i)=>i !== '').join(':');\n        return `</${name}>`;\n    }\n    /**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element's} type to its string representation\n\t *\n\t * Returns:\n\t * * 'attribute' for {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements},\n\t * * 'container' for {@link module:engine/view/containerelement~ViewContainerElement container elements},\n\t * * 'empty' for {@link module:engine/view/emptyelement~ViewEmptyElement empty elements},\n\t * * 'ui' for {@link module:engine/view/uielement~ViewUIElement UI elements},\n\t * * 'raw' for {@link module:engine/view/rawelement~ViewRawElement raw elements},\n\t * * an empty string when the current configuration is preventing showing elements' types.\n\t */ _stringifyElementType(element) {\n        if (this.showType) {\n            for(const type in allowedTypes){\n                if (element instanceof allowedTypes[type]) {\n                    return type;\n                }\n            }\n        }\n        return '';\n    }\n    /**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} to its priority representation.\n\t *\n\t * The priority string representation will be returned when the passed element is an instance of\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} and the current configuration allows to show the\n\t * priority. Otherwise returns an empty string.\n\t */ _stringifyElementPriority(element) {\n        if (this.showPriority && element.is('attributeElement')) {\n            return `view-priority=\"${element.priority}\"`;\n        }\n        return '';\n    }\n    /**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} to its id representation.\n\t *\n\t * The id string representation will be returned when the passed element is an instance of\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute element}, the element has an id\n\t * and the current configuration allows to show the id. Otherwise returns an empty string.\n\t */ _stringifyElementId(element) {\n        if (this.showAttributeElementId && element.is('attributeElement') && element.id) {\n            return `view-id=\"${element.id}\"`;\n        }\n        return '';\n    }\n    /**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} attributes to their string representation.\n\t * If an element has no attributes, an empty string is returned.\n\t */ _stringifyElementAttributes(element) {\n        const attributes = [];\n        const keys = [\n            ...element.getAttributeKeys()\n        ].sort();\n        for (const attribute of keys){\n            let attributeValue;\n            if (attribute === 'class') {\n                attributeValue = [\n                    ...element.getClassNames()\n                ].sort().join(' ');\n            } else if (attribute === 'style') {\n                attributeValue = [\n                    ...element.getStyleNames()\n                ].sort().map((style)=>`${style}:${element.getStyle(style).replace(/\"/g, '&quot;')}`).join(';');\n            } else {\n                attributeValue = element.getAttribute(attribute);\n            }\n            attributes.push(`${attribute}=\"${attributeValue}\"`);\n        }\n        return attributes.join(' ');\n    }\n}\n/**\n * Converts {@link module:engine/view/element~ViewElement elements} to\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements},\n * {@link module:engine/view/containerelement~ViewContainerElement container elements},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty elements} or\n * {@link module:engine/view/uielement~ViewUIElement UI elements}.\n * It converts the whole tree starting from the `rootNode`. The conversion is based on element names.\n * See the `_convertElement` method for more details.\n *\n * @param rootNode The root node to convert.\n * @returns The root node of converted elements.\n */ function _convertViewElements(rootNode) {\n    if (rootNode.is('element') || rootNode.is('documentFragment')) {\n        // Convert element or leave document fragment.\n        const convertedElement = rootNode.is('documentFragment') ? new ViewDocumentFragment(rootNode.document) : _convertElement(rootNode.document, rootNode);\n        // Convert all child nodes.\n        // Cache the nodes in array. Otherwise, we would skip some nodes because during iteration we move nodes\n        // from `rootNode` to `convertedElement`. This would interfere with iteration.\n        for (const child of [\n            ...rootNode.getChildren()\n        ]){\n            if (convertedElement.is('emptyElement')) {\n                throw new Error('Parse error - cannot parse inside ViewEmptyElement.');\n            } else if (convertedElement.is('uiElement')) {\n                throw new Error('Parse error - cannot parse inside UIElement.');\n            } else if (convertedElement.is('rawElement')) {\n                throw new Error('Parse error - cannot parse inside RawElement.');\n            }\n            convertedElement._appendChild(_convertViewElements(child));\n        }\n        return convertedElement;\n    }\n    return rootNode;\n}\n/**\n * Converts an {@link module:engine/view/element~ViewElement element} to\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute element},\n * {@link module:engine/view/containerelement~ViewContainerElement container element},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty element} or\n * {@link module:engine/view/uielement~ViewUIElement UI element}.\n * If the element's name is in the format of `attribute:b`, it will be converted to\n * an {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} with a priority of 11.\n * Additionally, attribute elements may have specified priority (for example `view-priority=\"11\"`) and/or\n * id (for example `view-id=\"foo\"`).\n * If the element's name is in the format of `container:p`, it will be converted to\n * a {@link module:engine/view/containerelement~ViewContainerElement container element}.\n * If the element's name is in the format of `empty:img`, it will be converted to\n * an {@link module:engine/view/emptyelement~ViewEmptyElement empty element}.\n * If the element's name is in the format of `ui:span`, it will be converted to\n * a {@link module:engine/view/uielement~ViewUIElement UI element}.\n * If the element's name does not contain any additional information, a {@link module:engine/view/element~ViewElement view Element} will be\n * returned.\n *\n * @param viewElement A view element to convert.\n * @returns A tree view element converted according to its name.\n */ function _convertElement(viewDocument, viewElement) {\n    const info = _convertElementNameAndInfo(viewElement);\n    const ElementConstructor = allowedTypes[info.type];\n    const newElement = ElementConstructor ? new ElementConstructor(viewDocument, info.name) : new ViewElement(viewDocument, info.name);\n    if (newElement.is('attributeElement')) {\n        if (info.priority !== null) {\n            newElement._priority = info.priority;\n        }\n        if (info.id !== null) {\n            newElement._id = info.id;\n        }\n    }\n    // Move attributes.\n    for (const attributeKey of viewElement.getAttributeKeys()){\n        newElement._setAttribute(attributeKey, viewElement.getAttribute(attributeKey));\n    }\n    return newElement;\n}\n/**\n * Converts the `view-priority` attribute and the {@link module:engine/view/element~ViewElement#name element's name} information needed for\n * creating {@link module:engine/view/attributeelement~ViewAttributeElement attribute element},\n * {@link module:engine/view/containerelement~ViewContainerElement container element},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty element} or\n * {@link module:engine/view/uielement~ViewUIElement UI element}.\n * The name can be provided in two formats: as a simple element's name (`div`), or as a type and name (`container:div`,\n * `attribute:span`, `empty:img`, `ui:span`);\n *\n * @param viewElement The element whose name should be converted.\n * @returns An object with parsed information:\n * * `name` The parsed name of the element.\n * * `type` The parsed type of the element. It can be `attribute`, `container` or `empty`.\n * * `priority` The parsed priority of the element.\n */ function _convertElementNameAndInfo(viewElement) {\n    const parts = viewElement.name.split(':');\n    const priority = _convertPriority(viewElement.getAttribute('view-priority'));\n    const id = viewElement.hasAttribute('view-id') ? viewElement.getAttribute('view-id') : null;\n    viewElement._removeAttribute('view-priority');\n    viewElement._removeAttribute('view-id');\n    if (parts.length == 1) {\n        return {\n            name: parts[0],\n            type: priority !== null ? 'attribute' : null,\n            priority,\n            id\n        };\n    }\n    // Check if type and name: container:div.\n    const type = _convertType(parts[0]);\n    if (type) {\n        return {\n            name: parts[1],\n            type,\n            priority,\n            id\n        };\n    }\n    throw new Error(`Parse error - cannot parse element's name: ${viewElement.name}.`);\n}\n/**\n * Checks if the element's type is allowed. Returns `attribute`, `container`, `empty` or `null`.\n */ function _convertType(type) {\n    return type in allowedTypes ? type : null;\n}\n/**\n * Checks if a given priority is allowed. Returns null if the priority cannot be converted.\n */ function _convertPriority(priorityString) {\n    const priority = parseInt(priorityString, 10);\n    if (!isNaN(priority)) {\n        return priority;\n    }\n    return null;\n}\n\n/**\n * Writes the content of a model {@link module:engine/model/document~ModelDocument document} to an HTML-like string.\n *\n * ```ts\n * getData( editor.model ); // -> '<paragraph>Foo![]</paragraph>'\n * ```\n *\n * **Note:** A {@link module:engine/model/text~ModelText text} node that contains attributes will be represented as:\n *\n * ```xml\n * <$text attribute=\"value\">Text data</$text>\n * ```\n *\n * **Note:** Using this tool in production-grade code is not recommended. It was designed for development, prototyping,\n * debugging and testing.\n *\n * @param options.withoutSelection Whether to write the selection. When set to `true`, the selection will\n * not be included in the returned string.\n * @param options.rootName The name of the root from which the data should be stringified. If not provided,\n * the default `main` name will be used.\n * @param options.convertMarkers Whether to include markers in the returned string.\n * @returns The stringified data.\n */ function _getModelData(model, options = {}) {\n    if (!(model instanceof Model)) {\n        throw new TypeError('Model needs to be an instance of module:engine/model/model~Model.');\n    }\n    const rootName = options.rootName || 'main';\n    const root = model.document.getRoot(rootName);\n    return _getModelData._stringify(root, options.withoutSelection ? null : model.document.selection, options.convertMarkers ? model.markers : null);\n}\n// Set stringify as getData private method - needed for testing/spying.\n_getModelData._stringify = _stringifyModel;\n/**\n * Sets the content of a model {@link module:engine/model/document~ModelDocument document} provided as an HTML-like string.\n *\n * ```ts\n * setData( editor.model, '<paragraph>Foo![]</paragraph>' );\n * ```\n *\n * **Note:** Remember to register elements in the {@link module:engine/model/model~Model#schema model's schema} before\n * trying to use them.\n *\n * **Note:** To create a {@link module:engine/model/text~ModelText text} node that contains attributes use:\n *\n * ```xml\n * <$text attribute=\"value\">Text data</$text>\n * ```\n *\n * **Note:** Using this tool in production-grade code is not recommended. It was designed for development, prototyping,\n * debugging and testing.\n *\n * @param data HTML-like string to write into the document.\n * @param options.rootName Root name where parsed data will be stored. If not provided, the default `main`\n * name will be used.\n * @param options.selectionAttributes A list of attributes which will be passed to the selection.\n * @param options.lastRangeBackward If set to `true`, the last range will be added as backward.\n * @param options.batchType Batch type used for inserting elements. See {@link module:engine/model/batch~Batch#constructor}.\n */ function _setModelData(model, data, options = {}) {\n    if (!(model instanceof Model)) {\n        throw new TypeError('Model needs to be an instance of module:engine/model/model~Model.');\n    }\n    let modelDocumentFragment;\n    let selection = null;\n    const modelRoot = model.document.getRoot(options.rootName || 'main');\n    // Parse data string to model.\n    const parsedResult = _setModelData._parse(data, model.schema, {\n        lastRangeBackward: options.lastRangeBackward,\n        selectionAttributes: options.selectionAttributes,\n        context: [\n            modelRoot.name\n        ],\n        inlineObjectElements: options.inlineObjectElements\n    });\n    // Retrieve DocumentFragment and Selection from parsed model.\n    if ('model' in parsedResult) {\n        modelDocumentFragment = parsedResult.model;\n        selection = parsedResult.selection;\n    } else {\n        modelDocumentFragment = parsedResult;\n    }\n    if (options.batchType !== undefined) {\n        model.enqueueChange(options.batchType, writeToModel);\n    } else {\n        model.change(writeToModel);\n    }\n    function writeToModel(writer) {\n        // Replace existing model in document by new one.\n        writer.remove(writer.createRangeIn(modelRoot));\n        writer.insert(modelDocumentFragment, modelRoot);\n        // Clean up previous document selection.\n        writer.setSelection(null);\n        writer.removeSelectionAttribute(model.document.selection.getAttributeKeys());\n        // Update document selection if specified.\n        if (selection) {\n            const ranges = [];\n            for (const range of selection.getRanges()){\n                const start = new ModelPosition(modelRoot, range.start.path);\n                const end = new ModelPosition(modelRoot, range.end.path);\n                ranges.push(new ModelRange(start, end));\n            }\n            writer.setSelection(ranges, {\n                backward: selection.isBackward\n            });\n            if (options.selectionAttributes) {\n                writer.setSelectionAttribute(selection.getAttributes());\n            }\n        }\n    }\n}\n// Set parse as setData private method - needed for testing/spying.\n_setModelData._parse = _parseModel;\n/**\n * Converts model nodes to HTML-like string representation.\n *\n * **Note:** A {@link module:engine/model/text~ModelText text} node that contains attributes will be represented as:\n *\n * ```xml\n * <$text attribute=\"value\">Text data</$text>\n * ```\n *\n * @param node A node to stringify.\n * @param selectionOrPositionOrRange A selection instance whose ranges will be included in the returned string data.\n * If a range instance is provided, it will be converted to a selection containing this range. If a position instance\n * is provided, it will be converted to a selection containing one range collapsed at this position.\n * @param markers Markers to include.\n * @returns An HTML-like string representing the model.\n */ function _stringifyModel(node, selectionOrPositionOrRange = null, markers = null) {\n    const model = new Model();\n    const mapper = new Mapper();\n    let selection = null;\n    let range;\n    // Create a range witch wraps passed node.\n    if (node instanceof ModelRootElement || node instanceof ModelDocumentFragment) {\n        range = model.createRangeIn(node);\n    } else {\n        // Node is detached - create new document fragment.\n        if (!node.parent) {\n            const fragment = new ModelDocumentFragment(node);\n            range = model.createRangeIn(fragment);\n        } else {\n            range = new ModelRange(model.createPositionBefore(node), model.createPositionAfter(node));\n        }\n    }\n    // Get selection from passed selection or position or range if at least one is specified.\n    if (selectionOrPositionOrRange instanceof ModelSelection) {\n        selection = selectionOrPositionOrRange;\n    } else if (selectionOrPositionOrRange instanceof ModelDocumentSelection) {\n        selection = selectionOrPositionOrRange;\n    } else if (selectionOrPositionOrRange instanceof ModelRange) {\n        selection = new ModelSelection(selectionOrPositionOrRange);\n    } else if (selectionOrPositionOrRange instanceof ModelPosition) {\n        selection = new ModelSelection(selectionOrPositionOrRange);\n    }\n    // Set up conversion.\n    // Create a temporary view controller.\n    const stylesProcessor = new StylesProcessor();\n    const view = new EditingView(stylesProcessor);\n    const viewDocument = view.document;\n    const viewRoot = new ViewRootEditableElement(viewDocument, 'div');\n    // Create a temporary root element in view document.\n    viewRoot.rootName = 'main';\n    viewDocument.roots.add(viewRoot);\n    // Create and setup downcast dispatcher.\n    const downcastDispatcher = new DowncastDispatcher({\n        mapper,\n        schema: model.schema\n    });\n    // Bind root elements.\n    mapper.bindElements(node.root, viewRoot);\n    downcastDispatcher.on('insert:$text', insertText());\n    downcastDispatcher.on('insert', insertAttributesAndChildren(), {\n        priority: 'lowest'\n    });\n    downcastDispatcher.on('attribute', (evt, data, conversionApi)=>{\n        if (data.item instanceof ModelSelection || data.item instanceof ModelDocumentSelection || data.item.is('$textProxy')) {\n            const converter = wrap((modelAttributeValue, { writer })=>{\n                return writer.createAttributeElement('model-text-with-attributes', {\n                    [data.attributeKey]: stringifyAttributeValue(modelAttributeValue)\n                });\n            });\n            converter(evt, data, conversionApi);\n        }\n    });\n    downcastDispatcher.on('insert', insertElement((modelItem)=>{\n        // Stringify object types values for properly display as an output string.\n        const attributes = convertAttributes(modelItem.getAttributes(), stringifyAttributeValue);\n        return new ViewContainerElement(viewDocument, modelItem.name, attributes);\n    }));\n    downcastDispatcher.on('selection', convertRangeSelection());\n    downcastDispatcher.on('selection', convertCollapsedSelection());\n    downcastDispatcher.on('addMarker', insertUIElement((data, { writer })=>{\n        const name = data.markerName + ':' + (data.isOpening ? 'start' : 'end');\n        return writer.createUIElement(name);\n    }));\n    const markersMap = new Map();\n    if (markers) {\n        // To provide stable results, sort markers by name.\n        for (const marker of Array.from(markers).sort((a, b)=>a.name < b.name ? 1 : -1)){\n            markersMap.set(marker.name, marker.getRange());\n        }\n    }\n    // Convert model to view.\n    const writer = view._writer;\n    downcastDispatcher.convert(range, markersMap, writer);\n    // Convert model selection to view selection.\n    if (selection) {\n        downcastDispatcher.convertSelection(selection, markers || model.markers, writer);\n    }\n    // Parse view to data string.\n    let data = _stringifyView(viewRoot, viewDocument.selection, {\n        sameSelectionCharacters: true\n    });\n    // Removing unnecessary <div> and </div> added because `viewRoot` was also stringified alongside input data.\n    data = data.substr(5, data.length - 11);\n    view.destroy();\n    // Replace valid XML `model-text-with-attributes` element name to `$text`.\n    return data.replace(new RegExp('model-text-with-attributes', 'g'), '$text');\n}\n/**\n * Parses an HTML-like string and returns the model {@link module:engine/model/rootelement~ModelRootElement rootElement}.\n *\n * **Note:** To create a {@link module:engine/model/text~ModelText text} node that contains attributes use:\n *\n * ```xml\n * <$text attribute=\"value\">Text data</$text>\n * ```\n *\n * @param data HTML-like string to be parsed.\n * @param schema A schema instance used by converters for element validation.\n * @param options Additional configuration.\n * @param options.selectionAttributes A list of attributes which will be passed to the selection.\n * @param options.lastRangeBackward If set to `true`, the last range will be added as backward.\n * @param options.context The conversion context. If not provided, the default `'$root'` will be used.\n * @returns Returns the parsed model node or an object with two fields: `model` and `selection`,\n * when selection ranges were included in the data to parse.\n */ function _parseModel(data, schema, options = {}) {\n    const mapper = new Mapper();\n    // Replace not accepted by XML `$text` tag name by valid one `model-text-with-attributes`.\n    data = data.replace(new RegExp('\\\\$text', 'g'), 'model-text-with-attributes');\n    // Parse data to view using view utils.\n    const parsedResult = _parseView(data, {\n        sameSelectionCharacters: true,\n        lastRangeBackward: !!options.lastRangeBackward,\n        inlineObjectElements: options.inlineObjectElements\n    });\n    // Retrieve DocumentFragment and Selection from parsed view.\n    let viewDocumentFragment;\n    let viewSelection = null;\n    let selection = null;\n    if ('view' in parsedResult && 'selection' in parsedResult) {\n        viewDocumentFragment = parsedResult.view;\n        viewSelection = parsedResult.selection;\n    } else {\n        viewDocumentFragment = parsedResult;\n    }\n    // Set up upcast dispatcher.\n    const modelController = new Model();\n    const upcastDispatcher = new UpcastDispatcher({\n        schema\n    });\n    upcastDispatcher.on('documentFragment', convertToModelFragment(mapper));\n    upcastDispatcher.on('element:model-text-with-attributes', convertToModelText());\n    upcastDispatcher.on('element', convertToModelElement(mapper));\n    upcastDispatcher.on('text', convertToModelText());\n    // Convert view to model.\n    let model = modelController.change((writer)=>upcastDispatcher.convert(viewDocumentFragment.root, writer, options.context || '$root'));\n    mapper.bindElements(model, viewDocumentFragment.root);\n    // If root DocumentFragment contains only one element - return that element.\n    if (model.childCount == 1) {\n        model = model.getChild(0);\n    }\n    // Convert view selection to model selection.\n    if (viewSelection) {\n        const ranges = [];\n        // Convert ranges.\n        for (const viewRange of viewSelection.getRanges()){\n            ranges.push(mapper.toModelRange(viewRange));\n        }\n        // Create new selection.\n        selection = new ModelSelection(ranges, {\n            backward: viewSelection.isBackward\n        });\n        // Set attributes to selection if specified.\n        for (const [key, value] of toMap(options.selectionAttributes || [])){\n            selection.setAttribute(key, value);\n        }\n    }\n    // Return model end selection when selection was specified.\n    if (selection) {\n        return {\n            model,\n            selection\n        };\n    }\n    // Otherwise return model only.\n    return model;\n}\n// -- Converters view -> model -----------------------------------------------------\nfunction convertToModelFragment(mapper) {\n    return (evt, data, conversionApi)=>{\n        const childrenResult = conversionApi.convertChildren(data.viewItem, data.modelCursor);\n        mapper.bindElements(data.modelCursor.parent, data.viewItem);\n        data = Object.assign(data, childrenResult);\n        evt.stop();\n    };\n}\nfunction convertToModelElement(mapper) {\n    return (evt, data, conversionApi)=>{\n        const elementName = data.viewItem.name;\n        if (!conversionApi.schema.checkChild(data.modelCursor, elementName)) {\n            throw new Error(`Element '${elementName}' was not allowed in given position.`);\n        }\n        // View attribute value is a string so we want to typecast it to the original type.\n        // E.g. `bold=\"true\"` - value will be parsed from string `\"true\"` to boolean `true`.\n        const attributes = convertAttributes(data.viewItem.getAttributes(), parseAttributeValue);\n        const element = conversionApi.writer.createElement(data.viewItem.name, attributes);\n        conversionApi.writer.insert(element, data.modelCursor);\n        mapper.bindElements(element, data.viewItem);\n        conversionApi.convertChildren(data.viewItem, element);\n        data.modelRange = ModelRange._createOn(element);\n        data.modelCursor = data.modelRange.end;\n        evt.stop();\n    };\n}\nfunction convertToModelText() {\n    return (evt, data, conversionApi)=>{\n        if (!conversionApi.schema.checkChild(data.modelCursor, '$text')) {\n            throw new Error('Text was not allowed in given position.');\n        }\n        let node;\n        if (data.viewItem.is('element')) {\n            // View attribute value is a string so we want to typecast it to the original type.\n            // E.g. `bold=\"true\"` - value will be parsed from string `\"true\"` to boolean `true`.\n            const attributes = convertAttributes(data.viewItem.getAttributes(), parseAttributeValue);\n            const viewText = data.viewItem.getChild(0);\n            node = conversionApi.writer.createText(viewText.data, attributes);\n        } else {\n            node = conversionApi.writer.createText(data.viewItem.data);\n        }\n        conversionApi.writer.insert(node, data.modelCursor);\n        data.modelRange = ModelRange._createFromPositionAndShift(data.modelCursor, node.offsetSize);\n        data.modelCursor = data.modelRange.end;\n        evt.stop();\n    };\n}\n// Tries to get original type of attribute value using JSON parsing:\n//\n//\t\t`'true'` => `true`\n//\t\t`'1'` => `1`\n//\t\t`'{\"x\":1,\"y\":2}'` => `{ x: 1, y: 2 }`\n//\n// Parse error means that value should be a string:\n//\n//\t\t`'foobar'` => `'foobar'`\nfunction parseAttributeValue(attribute) {\n    try {\n        return JSON.parse(attribute);\n    } catch  {\n        return attribute;\n    }\n}\n// When value is an Object stringify it.\nfunction stringifyAttributeValue(data) {\n    if (isPlainObject(data)) {\n        return JSON.stringify(data);\n    }\n    return data;\n}\n// Loop trough attributes map and converts each value by passed converter.\nfunction* convertAttributes(attributes, converter) {\n    for (const [key, value] of attributes){\n        yield [\n            key,\n            converter(value)\n        ];\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * Note: This package is used only internally for debugging purposes and should not be used\n * in other environments. It uses a few special methods not existing in the default\n * building process. That is also why there are no tests for this file.\n *\n * @module engine/dev-utils/utils\n */ // @if CK_DEBUG_TYPING // const { debounce } = require( 'es-toolkit/compat' );\n/**\n * Helper function, converts a map to the 'key1=\"value1\" key2=\"value1\"' format.\n *\n * @param map Map to convert.\n * @returns Converted map.\n * @internal\n */ function convertMapToTags(map) {\n    let string = '';\n    for (const entry of map){\n        string += ` ${entry[0]}=${JSON.stringify(entry[1])}`;\n    }\n    return string;\n}\n/**\n * Helper function, converts a map to the `{\"key1\":\"value1\",\"key2\":\"value2\"}` format.\n *\n * @param map Map to convert.\n * @returns Converted map.\n * @internal\n */ function convertMapToStringifiedObject(map) {\n    const obj = {};\n    for (const entry of map){\n        obj[entry[0]] = entry[1];\n    }\n    return JSON.stringify(obj);\n}\nconst treeDump = Symbol('_treeDump');\nconst maxTreeDumpLength = 20;\n/**\n * Helper function that stores the `document` state for a given `version`.\n *\n * @internal\n */ function dumpTrees(document, version) {\n    console.log(document, version);\n    let string = '';\n    for (const root of document.roots){\n        string += root.printTree() + '\\n';\n    }\n    document[treeDump][version] = string.substr(0, string.length - 1); // Remove the last \"\\n\".\n    const overflow = document[treeDump].length - maxTreeDumpLength;\n    if (overflow > 0) {\n        document[treeDump][overflow - 1] = null;\n    }\n}\n/**\n * Helper function that initializes document dumping.\n *\n * @internal\n */ function initDocumentDumping(document) {\n    document[treeDump] = [];\n}\n/**\n * Helper function that logs document for the given version.\n *\n * @internal\n */ function logDocument(document, version) {\n    console.log('--------------------');\n    if (document[treeDump][version]) {\n        console.log(document[treeDump][version]);\n    } else {\n        console.log('Tree log unavailable for given version: ' + version);\n    }\n} // @if CK_DEBUG_TYPING // export const _debouncedLine = debounce( () => {\n // @if CK_DEBUG_TYPING // \tconsole.log(\n // @if CK_DEBUG_TYPING // \t\t'%c───────────────────────────────────────────────────────────────────────────────────────────────────────',\n // @if CK_DEBUG_TYPING // \t\t'font-weight: bold; color: red'\n // @if CK_DEBUG_TYPING // \t);\n // @if CK_DEBUG_TYPING // }, 300 );\n // @if CK_DEBUG_TYPING // export function _buildLogMessage( context, className, message = '', ...rest ) {\n // @if CK_DEBUG_TYPING // \tconst editor = _findAllEditorInstances().find( editor => (\n // @if CK_DEBUG_TYPING // \t\t_getLogNodes( editor ).includes( context )\n // @if CK_DEBUG_TYPING // \t) );\n // @if CK_DEBUG_TYPING // \tconst editorName = editor && Object.getPrototypeOf( editor ).constructor.name;\n // @if CK_DEBUG_TYPING // \tconst editorPrefix = editor ? `${ editorName }-${ editor.id.slice( -4 ) } ` : 'UNKNOWN ';\n // @if CK_DEBUG_TYPING // \treturn [\n // @if CK_DEBUG_TYPING // \t\t`%c${ editorPrefix }%c[${ className }]%c ${ message }`,\n // @if CK_DEBUG_TYPING //\t\t'font-weight: normal;',\n // @if CK_DEBUG_TYPING //\t\t'font-weight: bold; color: green',\n // @if CK_DEBUG_TYPING //\t\t'',\n // @if CK_DEBUG_TYPING // \t\t...rest\n // @if CK_DEBUG_TYPING // \t];\n // @if CK_DEBUG_TYPING // }\n // @if CK_DEBUG_TYPING // function _findAllEditorInstances() {\n // @if CK_DEBUG_TYPING // \tconst editors = new Set();\n // @if CK_DEBUG_TYPING // \tfor ( const domEditable of document.querySelectorAll( '.ck.ck-content.ck-editor__editable' ) ) {\n // @if CK_DEBUG_TYPING // \t\tif ( domEditable.ckeditorInstance ) {\n // @if CK_DEBUG_TYPING // \t\t\teditors.add( domEditable.ckeditorInstance );\n // @if CK_DEBUG_TYPING // \t\t}\n // @if CK_DEBUG_TYPING // \t}\n // @if CK_DEBUG_TYPING // \treturn Array.from( editors );\n // @if CK_DEBUG_TYPING // }\n // @if CK_DEBUG_TYPING // function _getLogNodes( editor ) {\n // @if CK_DEBUG_TYPING // \treturn [\n // @if CK_DEBUG_TYPING // \t\teditor.editing.view._renderer,\n // @if CK_DEBUG_TYPING // \t\teditor.editing.view.domConverter,\n // @if CK_DEBUG_TYPING // \t\t...editor.editing.view._observers.values(),\n // @if CK_DEBUG_TYPING // \t\teditor.plugins.get( 'Input' ),\n // @if CK_DEBUG_TYPING // \t\teditor.plugins.get( 'Input' )._typingQueue,\n // @if CK_DEBUG_TYPING // \t\teditor.plugins.get( 'WidgetTypeAround' ),\n // @if CK_DEBUG_TYPING // \t\teditor.commands.get( 'delete' ),\n // @if CK_DEBUG_TYPING // \t\teditor.commands.get( 'deleteForward' )\n // @if CK_DEBUG_TYPING // \t];\n // @if CK_DEBUG_TYPING // }\n\n/**\n * Operation replayer is a development tool created for easy replaying of operations on the document from stringified operations.\n *\n * @internal\n */ class OperationReplayer {\n    _model;\n    _logSeparator;\n    _operationsToReplay;\n    /**\n\t * @param model Data model.\n\t * @param logSeparator Separator between operations.\n\t * @param stringifiedOperations Operations to replay.\n\t */ constructor(model, logSeparator, stringifiedOperations){\n        this._model = model;\n        this._logSeparator = logSeparator;\n        this.setStringifiedOperations(stringifiedOperations);\n    }\n    /**\n\t * Parses the given string containing stringified operations and sets parsed operations as operations to replay.\n\t *\n\t * @param stringifiedOperations Stringified operations to replay.\n\t */ setStringifiedOperations(stringifiedOperations) {\n        if (stringifiedOperations === '') {\n            this._operationsToReplay = [];\n            return;\n        }\n        this._operationsToReplay = stringifiedOperations.split(this._logSeparator).map((stringifiedOperation)=>JSON.parse(stringifiedOperation));\n    }\n    /**\n\t * Returns operations to replay.\n\t */ getOperationsToReplay() {\n        return this._operationsToReplay;\n    }\n    /**\n\t * Applies all operations with a delay between actions.\n\t *\n\t * @param timeInterval Time between applying operations.\n\t */ play(timeInterval = 1000) {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n        const operationReplayer = this;\n        return new Promise((res, rej)=>{\n            play();\n            function play() {\n                operationReplayer.applyNextOperation().then((isFinished)=>{\n                    if (isFinished) {\n                        return res();\n                    }\n                    setTimeout(play, timeInterval);\n                }).catch((err)=>{\n                    rej(err);\n                });\n            }\n        });\n    }\n    /**\n\t * Applies `numberOfOperations` operations, beginning after the last applied operation (or first, if no operations were applied).\n\t *\n\t * @param numberOfOperations The number of operations to apply.\n\t */ applyOperations(numberOfOperations) {\n        if (numberOfOperations <= 0) {\n            return;\n        }\n        return this.applyNextOperation().then((isFinished)=>{\n            if (!isFinished) {\n                return this.applyOperations(numberOfOperations - 1);\n            }\n        });\n    }\n    /**\n\t * Applies all operations to replay at once.\n\t */ applyAllOperations() {\n        return this.applyNextOperation().then((isFinished)=>{\n            if (!isFinished) {\n                return this.applyAllOperations();\n            }\n        });\n    }\n    /**\n\t * Applies the next operation to replay. Returns a promise with the `isFinished` parameter that is `true` if the last\n\t * operation in the replayer has been applied, `false` otherwise.\n\t */ applyNextOperation() {\n        const model = this._model;\n        return new Promise((res)=>{\n            model.enqueueChange((writer)=>{\n                const operationJson = this._operationsToReplay.shift();\n                if (!operationJson) {\n                    return res(true);\n                }\n                const operation = OperationFactory.fromJSON(operationJson, model.document);\n                writer.batch.addOperation(operation);\n                model.applyOperation(operation);\n                res(false);\n            });\n        });\n    }\n}\n\nexport { AttributeOperation, Batch, BubblingEmitterMixin, BubblingEventInfo, ClickObserver, CompositionObserver, Conversion, ConversionHelpers, DataController, Differ, DomEventObserver, DowncastHelpers, EditingController, EditingView, FakeSelectionObserver, FocusObserver, History, HtmlDataProcessor, InputObserver, InsertOperation, KeyObserver, Mapper, MarkerCollection, MarkerOperation, Matcher, MergeOperation, Model, ModelDocument, ModelDocumentFragment, ModelDocumentSelection, ModelElement, ModelLivePosition, ModelLiveRange, ModelNode, ModelNodeList, ModelPosition, ModelRange, ModelRootElement, ModelSchema, ModelSchemaContext, ModelSelection, ModelText, ModelTextProxy, ModelTreeWalker, ModelTypeCheckable, ModelWriter, MouseObserver, MoveOperation, MutationObserver, NoOperation, Observer, OperationFactory, PointerObserver, RenameOperation, RootAttributeOperation, RootOperation, SelectionObserver, SplitOperation, StylesMap, StylesProcessor, TabObserver, TouchObserver, UpcastHelpers, ViewUpcastWriter as UpcastWriter, ViewAttributeElement, ViewContainerElement, ViewDataTransfer, ViewDocument, ViewDocumentDomEventData, ViewDocumentFragment, ViewDocumentSelection, ViewDomConverter, ViewDowncastWriter, ViewEditableElement, ViewElement, ViewEmptyElement, ViewNode, ViewPosition, ViewRange, ViewRawElement, ViewRenderer, ViewRootEditableElement, ViewSelection, ViewText, ViewTextProxy, ViewTokenList, ViewTreeWalker, ViewTypeCheckable, ViewUIElement, ViewUpcastWriter, XmlDataProcessor, BasicHtmlWriter as _DataProcessorBasicHtmlWriter, DetachOperation as _DetachOperation, MapperCache as _MapperCache, OperationReplayer as _OperationReplayer, BR_FILLER as _VIEW_BR_FILLER, INLINE_FILLER as _VIEW_INLINE_FILLER, INLINE_FILLER_LENGTH as _VIEW_INLINE_FILLER_LENGTH, MARKED_NBSP_FILLER as _VIEW_MARKED_NBSP_FILLER, NBSP_FILLER as _VIEW_NBSP_FILLER, ViewElementConsumables as _ViewElementConversionConsumables, autoParagraphEmptyRoots as _autoParagraphEmptyModelRoots, convertMapToStringifiedObject as _convertMapToStringifiedObject, convertMapToTags as _convertMapToTags, deleteContent as _deleteModelContent, cleanSelection as _downcastCleanSelection, convertCollapsedSelection as _downcastConvertCollapsedSelection, convertRangeSelection as _downcastConvertRangeSelection, createViewElementFromDowncastHighlightDescriptor as _downcastCreateViewElementFromDowncastHighlightDescriptor, insertAttributesAndChildren as _downcastInsertAttributesAndChildren, insertElement as _downcastInsertElement, insertStructure as _downcastInsertStructure, insertText as _downcastInsertText, insertUIElement as _downcastInsertUIElement, remove as _downcastRemove, wrap as _downcastWrap, dumpTrees as _dumpTrees, getDataWithoutFiller as _getDataWithoutViewFiller, _getModelData, getNodeAfterPosition as _getModelNodeAfterPosition, getNodeBeforePosition as _getModelNodeBeforePosition, getTextNodeAtPosition as _getModelTextNodeAtPosition, getSelectedContent as _getSelectedModelContent, _getViewData, initDocumentDumping as _initDocumentDumping, injectSelectionPostFixer as _injectModelSelectionPostFixer, injectQuirksHandling as _injectViewQuirksHandling, injectUiElementHandling as _injectViewUIElementHandling, _insert as _insertIntoModelNodeList, insertContent as _insertModelContent, insertObject as _insertModelObject, isInlineFiller as _isInlineViewFiller, isParagraphable as _isParagraphableModelNode, isPatternMatched as _isViewPatternMatched, logDocument as _logDocument, mergeIntersectingRanges as _mergeIntersectingModelRanges, modifySelection as _modifyModelSelection, _move as _moveInModelNodeList, normalizeConsumables as _normalizeConversionConsumables, _normalizeNodes as _normalizeInModelNodeList, transform$1 as _operationTransform, _parseModel, _parseView, _remove as _removeFromModelNodeList, _setAttribute as _setAttributeInModelNodeList, _setModelData, _setViewData, startsWithFiller as _startsWithViewFiller, _stringifyModel, _stringifyView, tryFixingRange as _tryFixingModelRange, convertSelectionChange as _upcastConvertSelectionChange, convertText as _upcastConvertText, convertToModelFragment$1 as _upcastConvertToModelFragment, wrapInParagraph as _wrapInModelParagraph, addBackgroundStylesRules, addBorderStylesRules, addMarginStylesRules, addPaddingStylesRules, autoParagraphEmptyRoots, disableViewPlaceholder, enableViewPlaceholder, getBoxSidesStyleShorthandValue, getBoxSidesStyleValueReducer, getBoxSidesStyleValues, getPositionStyleShorthandNormalizer, getShorthandStylesValues, getViewFillerOffset, hideViewPlaceholder, isAttachmentStyleValue, isColorStyleValue, isLengthStyleValue, isLineStyleValue, isParagraphable, isPercentageStyleValue, isPositionStyleValue, isRepeatStyleValue, isURLStyleValue, needsViewPlaceholder, showViewPlaceholder, transformOperationSets, wrapInParagraph };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/placeholder\n */\n\nimport '../../theme/placeholder.css';\n\nimport { type ViewDocument } from './document.js';\nimport { type ViewDowncastWriter } from './downcastwriter.js';\nimport { type ViewEditableElement } from './editableelement.js';\nimport { type ViewElement } from './element.js';\nimport { type EditingView } from './view.js';\n\nimport { logWarning, type ObservableChangeEvent } from '@ckeditor/ckeditor5-utils';\n\n// Each document stores information about its placeholder elements and check functions.\nconst documentPlaceholders = new WeakMap<ViewDocument, Map<ViewElement, PlaceholderConfig>>();\n\nlet hasDisplayedPlaceholderDeprecationWarning = false;\n\n/**\n * A helper that enables a placeholder on the provided view element (also updates its visibility).\n * The placeholder is a CSS pseudo–element (with a text content) attached to the element.\n *\n * To change the placeholder text, change value of the `placeholder` property in the provided `element`.\n *\n * To disable the placeholder, use {@link module:engine/view/placeholder~disableViewPlaceholder `disableViewPlaceholder()`} helper.\n *\n * @param options Configuration options of the placeholder.\n * @param options.view Editing view instance.\n * @param options.element Element that will gain a placeholder. See `options.isDirectHost` to learn more.\n * @param options.isDirectHost If set `false`, the placeholder will not be enabled directly\n * in the passed `element` but in one of its children (selected automatically, i.e. a first empty child element).\n * Useful when attaching placeholders to elements that can host other elements (not just text), for instance,\n * editable root elements.\n * @param options.text Placeholder text. It's **deprecated** and will be removed soon. Use\n * {@link module:engine/view/placeholder~PlaceholderableViewElement#placeholder `options.element.placeholder`} instead.\n * @param options.keepOnFocus If set `true`, the placeholder stay visible when the host element is focused.\n */\nexport function enableViewPlaceholder( { view, element, text, isDirectHost = true, keepOnFocus = false }: {\n\tview: EditingView;\n\telement: PlaceholderableViewElement | ViewEditableElement;\n\tisDirectHost?: boolean;\n\ttext?: string;\n\tkeepOnFocus?: boolean;\n} ): void {\n\tconst doc = view.document;\n\n\t// Use a single post fixer per—document to update all placeholders.\n\tif ( !documentPlaceholders.has( doc ) ) {\n\t\tdocumentPlaceholders.set( doc, new Map() );\n\n\t\t// If a post-fixer callback makes a change, it should return `true` so other post–fixers\n\t\t// can re–evaluate the document again.\n\t\tdoc.registerPostFixer( writer => updateDocumentPlaceholders( documentPlaceholders.get( doc )!, writer ) );\n\n\t\t// Update placeholders on isComposing state change since rendering is disabled while in composition mode.\n\t\tdoc.on<ObservableChangeEvent>( 'change:isComposing', () => {\n\t\t\tview.change( writer => updateDocumentPlaceholders( documentPlaceholders.get( doc )!, writer ) );\n\t\t}, { priority: 'high' } );\n\t}\n\n\tif ( element.is( 'editableElement' ) ) {\n\t\telement.on( 'change:placeholder', ( evtInfo, evt, text ) => setPlaceholder( text ) );\n\t}\n\n\tif ( element.placeholder ) {\n\t\tsetPlaceholder( element.placeholder );\n\t} else if ( text ) {\n\t\tsetPlaceholder( text );\n\t}\n\n\tif ( text ) {\n\t\tshowViewPlaceholderTextDeprecationWarning();\n\t}\n\n\tfunction setPlaceholder( text: string ) {\n\t\tconst config = {\n\t\t\ttext,\n\t\t\tisDirectHost,\n\t\t\tkeepOnFocus,\n\t\t\thostElement: isDirectHost ? element : null\n\t\t};\n\n\t\t// Store information about the element placeholder under its document.\n\t\tdocumentPlaceholders.get( doc )!.set( element, config );\n\n\t\t// Update the placeholders right away.\n\t\tview.change( writer => updateDocumentPlaceholders( [ [ element, config ] ], writer ) );\n\t}\n}\n\n/**\n * Disables the placeholder functionality from a given element.\n *\n * See {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`} to learn more.\n */\nexport function disableViewPlaceholder( view: EditingView, element: ViewElement ): void {\n\tconst doc = element.document;\n\n\tif ( !documentPlaceholders.has( doc ) ) {\n\t\treturn;\n\t}\n\n\tview.change( writer => {\n\t\tconst placeholders = documentPlaceholders.get( doc )!;\n\t\tconst config = placeholders.get( element )!;\n\n\t\twriter.removeAttribute( 'data-placeholder', config.hostElement! );\n\t\thideViewPlaceholder( writer, config.hostElement! );\n\n\t\tplaceholders.delete( element );\n\t} );\n}\n\n/**\n * Shows a placeholder in the provided element by changing related attributes and CSS classes.\n *\n * **Note**: This helper will not update the placeholder visibility nor manage the\n * it in any way in the future. What it does is a one–time state change of an element. Use\n * {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`} and\n * {@link module:engine/view/placeholder~disableViewPlaceholder `disableViewPlaceholder()`} for full\n * placeholder functionality.\n *\n * **Note**: This helper will blindly show the placeholder directly in the root editable element if\n * one is passed, which could result in a visual clash if the editable element has some children\n * (for instance, an empty paragraph). Use {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`}\n * in that case or make sure the correct element is passed to the helper.\n *\n * @returns `true`, if any changes were made to the `element`.\n */\nexport function showViewPlaceholder( writer: ViewDowncastWriter, element: ViewElement ): boolean {\n\tif ( !element.hasClass( 'ck-placeholder' ) ) {\n\t\twriter.addClass( 'ck-placeholder', element );\n\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Hides a placeholder in the element by changing related attributes and CSS classes.\n *\n * **Note**: This helper will not update the placeholder visibility nor manage the\n * it in any way in the future. What it does is a one–time state change of an element. Use\n * {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`} and\n * {@link module:engine/view/placeholder~disableViewPlaceholder `disableViewPlaceholder()`} for full\n * placeholder functionality.\n *\n * @returns `true`, if any changes were made to the `element`.\n */\nexport function hideViewPlaceholder( writer: ViewDowncastWriter, element: ViewElement ): boolean {\n\tif ( element.hasClass( 'ck-placeholder' ) ) {\n\t\twriter.removeClass( 'ck-placeholder', element );\n\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Checks if a placeholder should be displayed in the element.\n *\n * **Note**: This helper will blindly check the possibility of showing a placeholder directly in the\n * root editable element if one is passed, which may not be the expected result. If an element can\n * host other elements (not just text), most likely one of its children should be checked instead\n * because it will be the final host for the placeholder. Use\n * {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`} in that case or make\n * sure the correct element is passed to the helper.\n *\n * @param element Element that holds the placeholder.\n * @param keepOnFocus Focusing the element will keep the placeholder visible.\n */\nexport function needsViewPlaceholder( element: ViewElement, keepOnFocus: boolean ): boolean {\n\tif ( !element.isAttached() ) {\n\t\treturn false;\n\t}\n\n\tif ( hasContent( element ) ) {\n\t\treturn false;\n\t}\n\n\tconst doc = element.document;\n\tconst viewSelection = doc.selection;\n\tconst selectionAnchor = viewSelection.anchor;\n\n\tif ( doc.isComposing && selectionAnchor && selectionAnchor.parent === element ) {\n\t\treturn false;\n\t}\n\n\t// Skip the focus check and make the placeholder visible already regardless of document focus state.\n\tif ( keepOnFocus ) {\n\t\treturn true;\n\t}\n\n\t// If the document is blurred.\n\tif ( !doc.isFocused ) {\n\t\treturn true;\n\t}\n\n\t// If document is focused and the element is empty but the selection is not anchored inside it.\n\treturn !!selectionAnchor && selectionAnchor.parent !== element;\n}\n\n/**\n * Anything but uiElement(s) counts as content.\n */\nfunction hasContent( element: ViewElement ): boolean {\n\tfor ( const child of element.getChildren() ) {\n\t\tif ( !child.is( 'uiElement' ) ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/**\n * Updates all placeholders associated with a document in a post–fixer callback.\n *\n * @returns True if any changes were made to the view document.\n */\nfunction updateDocumentPlaceholders(\n\tplaceholders: Iterable<[ ViewElement, PlaceholderConfig ]>,\n\twriter: ViewDowncastWriter\n): boolean {\n\tconst directHostElements: Array<ViewElement> = [];\n\tlet wasViewModified = false;\n\n\t// First set placeholders on the direct hosts.\n\tfor ( const [ element, config ] of placeholders ) {\n\t\tif ( config.isDirectHost ) {\n\t\t\tdirectHostElements.push( element );\n\n\t\t\tif ( updatePlaceholder( writer, element, config ) ) {\n\t\t\t\twasViewModified = true;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Then set placeholders on the indirect hosts but only on those that does not already have an direct host placeholder.\n\tfor ( const [ element, config ] of placeholders ) {\n\t\tif ( config.isDirectHost ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst hostElement = getChildPlaceholderHostSubstitute( element );\n\n\t\t// If host element changed, remove the placeholder from the previous one.\n\t\t// This can happen when user replaces the first child element of the parent element\n\t\t// with new one, but the previous one is still in the view tree.\n\t\t// See:\n\t\t// https://github.com/ckeditor/ckeditor5/issues/14354\n\t\t// https://github.com/ckeditor/ckeditor5/issues/18149\n\t\tif ( hostElement !== config.hostElement && config.hostElement ) {\n\t\t\twriter.removeAttribute( 'data-placeholder', config.hostElement );\n\t\t\thideViewPlaceholder( writer, config.hostElement );\n\n\t\t\tconfig.hostElement = null;\n\t\t\twasViewModified = true;\n\t\t}\n\n\t\t// When not a direct host, it could happen that there is no child element\n\t\t// capable of displaying a placeholder.\n\t\tif ( !hostElement ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Don't override placeholder if the host element already has some direct placeholder.\n\t\tif ( directHostElements.includes( hostElement ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Update the host element (used for setting and removing the placeholder).\n\t\tconfig.hostElement = hostElement;\n\n\t\tif ( updatePlaceholder( writer, element, config ) ) {\n\t\t\twasViewModified = true;\n\t\t}\n\t}\n\n\treturn wasViewModified;\n}\n\n/**\n * Updates a single placeholder in a post–fixer callback.\n *\n * @returns True if any changes were made to the view document.\n */\nfunction updatePlaceholder( writer: ViewDowncastWriter, element: ViewElement, config: PlaceholderConfig ) {\n\tconst { text, isDirectHost, hostElement } = config;\n\n\tlet wasViewModified = false;\n\n\t// This may be necessary when updating the placeholder text to something else.\n\tif ( hostElement!.getAttribute( 'data-placeholder' ) !== text ) {\n\t\twriter.setAttribute( 'data-placeholder', text, hostElement! );\n\t\twasViewModified = true;\n\t}\n\n\t// If the host element is not a direct host then placeholder is needed only when there is only one element.\n\tconst isOnlyChild = isDirectHost || element.childCount == 1;\n\n\tif ( isOnlyChild && needsViewPlaceholder( hostElement!, config.keepOnFocus ) ) {\n\t\tif ( showViewPlaceholder( writer, hostElement! ) ) {\n\t\t\twasViewModified = true;\n\t\t}\n\t} else if ( hideViewPlaceholder( writer, hostElement! ) ) {\n\t\twasViewModified = true;\n\t}\n\n\treturn wasViewModified;\n}\n\n/**\n * Gets a child element capable of displaying a placeholder if a parent element can host more\n * than just text (for instance, when it is a root editable element). The child element\n * can then be used in other placeholder helpers as a substitute of its parent.\n */\nfunction getChildPlaceholderHostSubstitute( parent: ViewElement ): ViewElement | null {\n\tif ( parent.childCount ) {\n\t\tconst firstChild = parent.getChild( 0 )!;\n\n\t\tif ( firstChild.is( 'element' ) && !firstChild.is( 'uiElement' ) && !firstChild.is( 'attributeElement' ) ) {\n\t\t\treturn firstChild;\n\t\t}\n\t}\n\n\treturn null;\n}\n\n/**\n * Displays a deprecation warning message in the console, but only once per page load.\n */\nfunction showViewPlaceholderTextDeprecationWarning() {\n\tif ( !hasDisplayedPlaceholderDeprecationWarning ) {\n\t\t/**\n\t\t * The \"text\" option in the {@link module:engine/view/placeholder~enableViewPlaceholder `enableViewPlaceholder()`}\n\t\t * function is deprecated and will be removed soon.\n\t\t *\n\t\t * See the {@glink updating/guides/update-to-39#view-element-placeholder Migration to v39} guide for\n\t\t * more information on how to apply this change.\n\t\t *\n\t\t * @error enableViewPlaceholder-deprecated-text-option\n\t\t */\n\t\tlogWarning( 'enableViewPlaceholder-deprecated-text-option' );\n\t}\n\n\thasDisplayedPlaceholderDeprecationWarning = true;\n}\n\n/**\n * Configuration of the placeholder.\n */\ninterface PlaceholderConfig {\n\ttext: string;\n\tisDirectHost: boolean;\n\tkeepOnFocus: boolean;\n\thostElement: ViewElement | null;\n}\n\n/**\n * Element that could have a placeholder.\n */\nexport interface PlaceholderableViewElement extends ViewElement {\n\n\t/**\n\t * The text of element's placeholder.\n\t */\n\tplaceholder?: string;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { type ViewAttributeElement } from './attributeelement.js';\nimport { type ViewContainerElement } from './containerelement.js';\nimport { type ViewDocumentFragment } from './documentfragment.js';\nimport { type ViewDocumentSelection } from './documentselection.js';\nimport { type ViewEditableElement } from './editableelement.js';\nimport { type ViewElement } from './element.js';\nimport { type ViewEmptyElement } from './emptyelement.js';\nimport { type ViewNode } from './node.js';\nimport { type ViewPosition } from './position.js';\nimport { type ViewRange } from './range.js';\nimport { type ViewRawElement } from './rawelement.js';\nimport { type ViewRootEditableElement } from './rooteditableelement.js';\nimport { type ViewSelection } from './selection.js';\nimport { type ViewText } from './text.js';\nimport { type ViewTextProxy } from './textproxy.js';\nimport { type ViewUIElement } from './uielement.js';\n\n/**\n * @module engine/view/typecheckable\n */\n\nexport abstract class ViewTypeCheckable {\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/node~ViewNode} or its subclass.\n\t *\n\t * This method is useful when processing view objects that are of unknown type. For example, a function\n\t * may return a {@link module:engine/view/documentfragment~ViewDocumentFragment} or a {@link module:engine/view/node~ViewNode}\n\t * that can be either a text node or an element. This method can be used to check what kind of object is returned.\n\t *\n\t * ```ts\n\t * someObject.is( 'element' ); // -> true if this is an element\n\t * someObject.is( 'node' ); // -> true if this is a node (a text node or an element)\n\t * someObject.is( 'documentFragment' ); // -> true if this is a document fragment\n\t * ```\n\t *\n\t * Since this method is also available on a range of model objects, you can prefix the type of the object with\n\t * `model:` or `view:` to check, for example, if this is the model's or view's element:\n\t *\n\t * ```ts\n\t * viewElement.is( 'view:element' ); // -> true\n\t * viewElement.is( 'model:element' ); // -> false\n\t * ```\n\t *\n\t * By using this method it is also possible to check a name of an element:\n\t *\n\t * ```ts\n\t * imgElement.is( 'element', 'img' ); // -> true\n\t * imgElement.is( 'view:element', 'img' ); // -> same as above, but more precise\n\t * ```\n\t * @label NODE\n\t */\n\tpublic is( type: 'node' | 'view:node' ): this is (\n\t\tViewNode |\n\t\tViewText |\n\t\tViewElement |\n\t\tViewAttributeElement |\n\t\tViewContainerElement |\n\t\tViewEditableElement |\n\t\tViewEmptyElement |\n\t\tViewRawElement |\n\t\tViewRootEditableElement |\n\t\tViewUIElement\n\t);\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/element~ViewElement} or its subclass.\n\t *\n\t * ```ts\n\t * element.is( 'element' ); // -> true\n\t * element.is( 'node' ); // -> true\n\t * element.is( 'view:element' ); // -> true\n\t * element.is( 'view:node' ); // -> true\n\t *\n\t * element.is( 'model:element' ); // -> false\n\t * element.is( 'documentSelection' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is an element, you can also check its\n\t * {@link module:engine/view/element~ViewElement#name name}:\n\t *\n\t * ```ts\n\t * element.is( 'element', 'img' ); // -> true if this is an <img> element\n\t * text.is( 'element', 'img' ); -> false\n\t * ```\n\t *\n\t * @label ELEMENT\n\t */\n\tpublic is( type: 'element' | 'view:element' ): this is (\n\t\tViewElement |\n\t\tViewAttributeElement |\n\t\tViewContainerElement |\n\t\tViewEditableElement |\n\t\tViewEmptyElement |\n\t\tViewRawElement |\n\t\tViewRootEditableElement |\n\t\tViewUIElement\n\t);\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/attributeelement~ViewAttributeElement}.\n\t *\n\t * ```ts\n\t * attributeElement.is( 'attributeElement' ); // -> true\n\t * attributeElement.is( 'element' ); // -> true\n\t * attributeElement.is( 'node' ); // -> true\n\t * attributeElement.is( 'view:attributeElement' ); // -> true\n\t * attributeElement.is( 'view:element' ); // -> true\n\t * attributeElement.is( 'view:node' ); // -> true\n\t *\n\t * attributeElement.is( 'model:element' ); // -> false\n\t * attributeElement.is( 'documentFragment' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is an attribute element, you can also check its\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement#name name}:\n\t *\n\t * ```ts\n\t * attributeElement.is( 'element', 'b' ); // -> true if this is a bold element\n\t * attributeElement.is( 'attributeElement', 'b' ); // -> same as above\n\t * text.is( 'element', 'b' ); -> false\n\t * ```\n\t *\n\t * @label ATTRIBUTE_ELEMENT\n\t */\n\tpublic is( type: 'attributeElement' | 'view:attributeElement' ): this is ViewAttributeElement;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/containerelement~ViewContainerElement} or its subclass.\n\t *\n\t * ```ts\n\t * containerElement.is( 'containerElement' ); // -> true\n\t * containerElement.is( 'element' ); // -> true\n\t * containerElement.is( 'node' ); // -> true\n\t * containerElement.is( 'view:containerElement' ); // -> true\n\t * containerElement.is( 'view:element' ); // -> true\n\t * containerElement.is( 'view:node' ); // -> true\n\t *\n\t * containerElement.is( 'model:element' ); // -> false\n\t * containerElement.is( 'documentFragment' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is a container element, you can also check its\n\t * {@link module:engine/view/containerelement~ViewContainerElement#name name}:\n\t *\n\t * ```ts\n\t * containerElement.is( 'element', 'div' ); // -> true if this is a div container element\n\t * containerElement.is( 'contaienrElement', 'div' ); // -> same as above\n\t * text.is( 'element', 'div' ); -> false\n\t * ```\n\t *\n\t * @label CONTAINER_ELEMENT\n\t */\n\tpublic is( type: 'containerElement' | 'view:containerElement' ):\n\t\tthis is ViewContainerElement | ViewEditableElement | ViewRootEditableElement;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/editableelement~ViewEditableElement} or its subclass.\n\t *\n\t * ```ts\n\t * editableElement.is( 'editableElement' ); // -> true\n\t * editableElement.is( 'element' ); // -> true\n\t * editableElement.is( 'node' ); // -> true\n\t * editableElement.is( 'view:editableElement' ); // -> true\n\t * editableElement.is( 'view:element' ); // -> true\n\t * editableElement.is( 'view:node' ); // -> true\n\t *\n\t * editableElement.is( 'model:element' ); // -> false\n\t * editableElement.is( 'documentFragment' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is an editbale element, you can also check its\n\t * {@link module:engine/view/editableelement~ViewEditableElement#name name}:\n\t *\n\t * ```ts\n\t * editableElement.is( 'element', 'div' ); // -> true if this is a div element\n\t * editableElement.is( 'editableElement', 'div' ); // -> same as above\n\t * text.is( 'element', 'div' ); -> false\n\t * ```\n\t *\n\t * @label EDITABLE_ELEMENT\n\t */\n\tpublic is( type: 'editableElement' | 'view:editableElement' ): this is ViewEditableElement | ViewRootEditableElement;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/emptyelement~ViewEmptyElement}.\n\t *\n\t * ```ts\n\t * emptyElement.is( 'emptyElement' ); // -> true\n\t * emptyElement.is( 'element' ); // -> true\n\t * emptyElement.is( 'node' ); // -> true\n\t * emptyElement.is( 'view:emptyElement' ); // -> true\n\t * emptyElement.is( 'view:element' ); // -> true\n\t * emptyElement.is( 'view:node' ); // -> true\n\t *\n\t * emptyElement.is( 'model:element' ); // -> false\n\t * emptyElement.is( 'documentFragment' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is an empty element, you can also check its\n\t * {@link module:engine/view/emptyelement~ViewEmptyElement#name name}:\n\t *\n\t * ```ts\n\t * emptyElement.is( 'element', 'img' ); // -> true if this is a img element\n\t * emptyElement.is( 'emptyElement', 'img' ); // -> same as above\n\t * text.is( 'element', 'img' ); -> false\n\t * ```\n\t *\n\t * @label EMPTY_ELEMENT\n\t */\n\tpublic is( type: 'emptyElement' | 'view:emptyElement' ): this is ViewEmptyElement;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/rawelement~ViewRawElement}.\n\t *\n\t * ```ts\n\t * rawElement.is( 'rawElement' ); // -> true\n\t * rawElement.is( 'element' ); // -> true\n\t * rawElement.is( 'node' ); // -> true\n\t * rawElement.is( 'view:rawElement' ); // -> true\n\t * rawElement.is( 'view:element' ); // -> true\n\t * rawElement.is( 'view:node' ); // -> true\n\t *\n\t * rawElement.is( 'model:element' ); // -> false\n\t * rawElement.is( 'documentFragment' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is a raw element, you can also check its\n\t * {@link module:engine/view/rawelement~ViewRawElement#name name}:\n\t *\n\t * ```ts\n\t * rawElement.is( 'img' ); // -> true if this is an img element\n\t * rawElement.is( 'rawElement', 'img' ); // -> same as above\n\t * text.is( 'img' ); -> false\n\t * ```\n\t *\n\t * @label RAW_ELEMENT\n\t */\n\tpublic is( type: 'rawElement' | 'view:rawElement' ): this is ViewRawElement;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/rooteditableelement~ViewRootEditableElement}.\n\t *\n\t * ```ts\n\t * rootEditableElement.is( 'rootElement' ); // -> true\n\t * rootEditableElement.is( 'editableElement' ); // -> true\n\t * rootEditableElement.is( 'element' ); // -> true\n\t * rootEditableElement.is( 'node' ); // -> true\n\t * rootEditableElement.is( 'view:editableElement' ); // -> true\n\t * rootEditableElement.is( 'view:element' ); // -> true\n\t * rootEditableElement.is( 'view:node' ); // -> true\n\t *\n\t * rootEditableElement.is( 'model:element' ); // -> false\n\t * rootEditableElement.is( 'documentFragment' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is a root editable element, you can also check its\n\t * {@link module:engine/view/rooteditableelement~ViewRootEditableElement#name name}:\n\t *\n\t * ```ts\n\t * rootEditableElement.is( 'element', 'div' ); // -> true if this is a div root editable element\n\t * rootEditableElement.is( 'rootElement', 'div' ); // -> same as above\n\t * text.is( 'element', 'div' ); -> false\n\t * ```\n\t *\n\t * @label ROOT_ELEMENT\n\t */\n\tpublic is( type: 'rootElement' | 'view:rootElement' ): this is ViewRootEditableElement;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/uielement~ViewUIElement}.\n\t *\n\t * ```ts\n\t * uiElement.is( 'uiElement' ); // -> true\n\t * uiElement.is( 'element' ); // -> true\n\t * uiElement.is( 'node' ); // -> true\n\t * uiElement.is( 'view:uiElement' ); // -> true\n\t * uiElement.is( 'view:element' ); // -> true\n\t * uiElement.is( 'view:node' ); // -> true\n\t *\n\t * uiElement.is( 'model:element' ); // -> false\n\t * uiElement.is( 'documentFragment' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is an ui element, you can also check its\n\t * {@link module:engine/view/uielement~ViewUIElement#name name}:\n\t *\n\t * ```ts\n\t * uiElement.is( 'element', 'span' ); // -> true if this is a span ui element\n\t * uiElement.is( 'uiElement', 'span' ); // -> same as above\n\t * text.is( 'element', 'span' ); -> false\n\t * ```\n\t *\n\t * @label UI_ELEMENT\n\t */\n\tpublic is( type: 'uiElement' | 'view:uiElement' ): this is ViewUIElement;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/text~ViewText}.\n\t *\n\t * ```ts\n\t * text.is( '$text' ); // -> true\n\t * text.is( 'node' ); // -> true\n\t * text.is( 'view:$text' ); // -> true\n\t * text.is( 'view:node' ); // -> true\n\t *\n\t * text.is( 'model:$text' ); // -> false\n\t * text.is( 'element' ); // -> false\n\t * text.is( 'range' ); // -> false\n\t * ```\n\t *\n\t * @label TEXT\n\t */\n\tpublic is( type: '$text' | 'view:$text' ): this is ViewText;\n\n\t/**\n\t * hecks whether this object is of type {@link module:engine/view/documentfragment~ViewDocumentFragment}.\n\t *\n\t * ```ts\n\t * docFrag.is( 'documentFragment' ); // -> true\n\t * docFrag.is( 'view:documentFragment' ); // -> true\n\t *\n\t * docFrag.is( 'model:documentFragment' ); // -> false\n\t * docFrag.is( 'element' ); // -> false\n\t * docFrag.is( 'node' ); // -> false\n\t * ```\n\t *\n\t * @label DOCUMENT_FRAGMENT\n\t */\n\tpublic is( type: 'documentFragment' | 'view:documentFragment' ): this is ViewDocumentFragment;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/textproxy~ViewTextProxy}.\n\t *\n\t * ```ts\n\t * textProxy.is( '$textProxy' ); // -> true\n\t * textProxy.is( 'view:$textProxy' ); // -> true\n\t *\n\t * textProxy.is( 'model:$textProxy' ); // -> false\n\t * textProxy.is( 'element' ); // -> false\n\t * textProxy.is( 'range' ); // -> false\n\t * ```\n\t *\n\t * **Note:** Until version 20.0.0 this method wasn't accepting `'$textProxy'` type. The legacy `'textProxy'` type is still\n\t * accepted for backward compatibility.\n\t *\n\t * @label TEXT_PROXY\n\t */\n\tpublic is( type: '$textProxy' | 'view:$textProxy' ): this is ViewTextProxy;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/position~ViewPosition}.\n\t *\n\t * ```ts\n\t * position.is( 'position' ); // -> true\n\t * position.is( 'view:position' ); // -> true\n\t *\n\t * position.is( 'model:position' ); // -> false\n\t * position.is( 'element' ); // -> false\n\t * position.is( 'range' ); // -> false\n\t * ```\n\t *\n\t * @label POSITION\n\t */\n\tpublic is( type: 'position' | 'view:position' ): this is ViewPosition;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/range~ViewRange}.\n\t *\n\t * ```ts\n\t * range.is( 'range' ); // -> true\n\t * range.is( 'view:range' ); // -> true\n\t *\n\t * range.is( 'model:range' ); // -> false\n\t * range.is( 'element' ); // -> false\n\t * range.is( 'selection' ); // -> false\n\t * ```\n\t *\n\t * @label RANGE\n\t */\n\tpublic is( type: 'range' | 'view:range' ): this is ViewRange;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/selection~ViewSelection} or\n\t * {@link module:engine/view/documentselection~ViewDocumentSelection}.\n\t *\n\t * ```ts\n\t * selection.is( 'selection' ); // -> true\n\t * selection.is( 'view:selection' ); // -> true\n\t *\n\t * selection.is( 'model:selection' ); // -> false\n\t * selection.is( 'element' ); // -> false\n\t * selection.is( 'range' ); // -> false\n\t * ```\n\t *\n\t * @label SELECTION\n\t */\n\tpublic is( type: 'selection' | 'view:selection' ): this is ViewSelection | ViewDocumentSelection;\n\n\t/**\n\t * Checks whether this object is of type {@link module:engine/view/documentselection~ViewDocumentSelection}.\n\t *\n\t * ```ts\n\t * `docSelection.is( 'selection' ); // -> true\n\t * docSelection.is( 'documentSelection' ); // -> true\n\t * docSelection.is( 'view:selection' ); // -> true\n\t * docSelection.is( 'view:documentSelection' ); // -> true\n\t *\n\t * docSelection.is( 'model:documentSelection' ); // -> false\n\t * docSelection.is( 'element' ); // -> false\n\t * docSelection.is( 'node' ); // -> false\n\t * ```\n\t *\n\t * @label DOCUMENT_SELECTION\n\t */\n\tpublic is( type: 'documentSelection' | 'view:documentSelection' ): this is ViewDocumentSelection;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/view/element~ViewElement} or its subclass and has the specified `name`.\n\t *\n\t * @label ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'element' | 'view:element', name: N ): this is (\n\t\tViewElement |\n\t\tViewAttributeElement |\n\t\tViewContainerElement |\n\t\tViewEditableElement |\n\t\tViewEmptyElement |\n\t\tViewRawElement |\n\t\tViewRootEditableElement |\n\t\tViewUIElement\n\t) & { name: N };\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/view/attributeelement~ViewAttributeElement} and has the specified `name`.\n\t *\n\t * @label ATTRIBUTE_ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'attributeElement' | 'view:attributeElement', name: N ): this is ViewAttributeElement & { name: N };\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/view/containerelement~ViewContainerElement}\n\t * or its subclass and has the specified `name`.\n\t *\n\t * @label CONTAINER_ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'containerElement' | 'view:containerElement', name: N ): this is (\n\t\tViewContainerElement |\n\t\tViewEditableElement |\n\t\tViewRootEditableElement\n\t) & { name: N };\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/view/editableelement~ViewEditableElement}\n\t * or its subclass and has the specified `name`.\n\t *\n\t * @label EDITABLE_ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'editableElement' | 'view:editableElement', name: N ): this is (\n\t\tViewEditableElement |\n\t\tViewRootEditableElement\n\t) & { name: N };\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/view/emptyelement~ViewEmptyElement} has the specified `name`.\n\t *\n\t * @label EMPTY_ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'emptyElement' | 'view:emptyElement', name: N ): this is ViewEmptyElement & { name: N };\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/view/rawelement~ViewRawElement} and has the specified `name`.\n\t *\n\t * @label RAW_ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'rawElement' | 'view:rawElement', name: N ): this is ViewRawElement & { name: N };\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/view/rooteditableelement~ViewRootEditableElement}\n\t * and has the specified `name`.\n\t *\n\t * @label ROOT_ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'rootElement' | 'view:rootElement', name: N ): this is ViewRootEditableElement & { name: N };\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/view/uielement~ViewUIElement} and has the specified `name`.\n\t *\n\t * @label UI_ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'uiElement' | 'view:uiElement', name: N ): this is ViewUIElement & { name: N };\n\n\t/* istanbul ignore next -- @preserve */\n\tpublic is(): boolean {\n\t\t// There are a lot of overloads above.\n\t\t// Overriding method in derived classes remove them and only `is( type: string ): boolean` is visible which we don't want.\n\t\t// One option would be to copy them all to all classes, but that's ugly.\n\t\t// It's best when TypeScript compiler doesn't see those overloads, except the one in the top base class.\n\t\t// To overload a method, but not let the compiler see it, do after class definition:\n\t\t// `MyClass.prototype.is = function( type: string ) {...}`\n\t\tthrow new Error( 'is() method is abstract' );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/node\n */\n\nimport { ViewTypeCheckable } from './typecheckable.js';\n\nimport {\n\tCKEditorError,\n\tEmitterMixin,\n\tcompareArrays\n} from '@ckeditor/ckeditor5-utils';\n\nimport type { ViewDocument, ViewDocumentChangeType } from './document.js';\nimport { type ViewDocumentFragment } from './documentfragment.js';\nimport { type ViewElement } from './element.js';\n\n/**\n * Abstract view node class.\n *\n * This is an abstract class. Its constructor should not be used directly.\n * Use the {@link module:engine/view/downcastwriter~ViewDowncastWriter} or {@link module:engine/view/upcastwriter~ViewUpcastWriter}\n * to create new instances of view nodes.\n */\nexport abstract class ViewNode extends /* #__PURE__ */ EmitterMixin( ViewTypeCheckable ) {\n\t/**\n\t * The document instance to which this node belongs.\n\t */\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * Parent element. Null by default. Set by {@link module:engine/view/element~ViewElement#_insertChild}.\n\t */\n\tpublic readonly parent: ViewElement | ViewDocumentFragment | null;\n\n\t/**\n\t * Creates a tree view node.\n\t *\n\t * @param document The document instance to which this node belongs.\n\t */\n\tprotected constructor( document: ViewDocument ) {\n\t\tsuper();\n\n\t\tthis.document = document;\n\t\tthis.parent = null;\n\t}\n\n\t/**\n\t * Index of the node in the parent element or null if the node has no parent.\n\t *\n\t * Accessing this property throws an error if this node's parent element does not contain it.\n\t * This means that view tree got broken.\n\t */\n\tpublic get index(): number | null {\n\t\tlet pos;\n\n\t\tif ( !this.parent ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// No parent or child doesn't exist in parent's children.\n\t\tif ( ( pos = this.parent.getChildIndex( this ) ) == -1 ) {\n\t\t\t/**\n\t\t\t * The node's parent does not contain this node. It means that the document tree is corrupted.\n\t\t\t *\n\t\t\t * @error view-node-not-found-in-parent\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-node-not-found-in-parent', this );\n\t\t}\n\n\t\treturn pos;\n\t}\n\n\t/**\n\t * Node's next sibling, or `null` if it is the last child.\n\t */\n\tpublic get nextSibling(): ViewNode | null {\n\t\tconst index = this.index;\n\n\t\treturn ( index !== null && this.parent!.getChild( index + 1 ) ) || null;\n\t}\n\n\t/**\n\t * Node's previous sibling, or `null` if it is the first child.\n\t */\n\tpublic get previousSibling(): ViewNode | null {\n\t\tconst index = this.index;\n\n\t\treturn ( index !== null && this.parent!.getChild( index - 1 ) ) || null;\n\t}\n\n\t/**\n\t * Top-most ancestor of the node. If the node has no parent it is the root itself.\n\t */\n\tpublic get root(): ViewElement | ViewDocumentFragment {\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n\t\tlet root: ViewNode | ViewDocumentFragment = this;\n\n\t\twhile ( root.parent ) {\n\t\t\troot = root.parent;\n\t\t}\n\n\t\treturn root as any;\n\t}\n\n\t/**\n\t * Returns true if the node is in a tree rooted in the document (is a descendant of one of its roots).\n\t */\n\tpublic isAttached(): boolean {\n\t\treturn this.root.is( 'rootElement' );\n\t}\n\n\t/**\n\t * Gets a path to the node. The path is an array containing indices of consecutive ancestors of this node,\n\t * beginning from {@link module:engine/view/node~ViewNode#root root}, down to this node's index.\n\t *\n\t * ```ts\n\t * const abc = downcastWriter.createText( 'abc' );\n\t * const foo = downcastWriter.createText( 'foo' );\n\t * const h1 = downcastWriter.createElement( 'h1', null, downcastWriter.createText( 'header' ) );\n\t * const p = downcastWriter.createElement( 'p', null, [ abc, foo ] );\n\t * const div = downcastWriter.createElement( 'div', null, [ h1, p ] );\n\t * foo.getPath(); // Returns [ 1, 3 ]. `foo` is in `p` which is in `div`. `p` starts at offset 1, while `foo` at 3.\n\t * h1.getPath(); // Returns [ 0 ].\n\t * div.getPath(); // Returns [].\n\t * ```\n\t *\n\t * @returns The path.\n\t */\n\tpublic getPath(): Array<number> {\n\t\tconst path = [];\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n\t\tlet node: ViewNode | ViewDocumentFragment = this;\n\n\t\twhile ( node.parent ) {\n\t\t\tpath.unshift( node.index! );\n\t\t\tnode = node.parent;\n\t\t}\n\n\t\treturn path;\n\t}\n\n\t/**\n\t * Returns ancestors array of this node.\n\t *\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` this node will be also included in parent's array.\n\t * @param options.parentFirst When set to `true`, array will be sorted from node's parent to root element,\n\t * otherwise root element will be the first item in the array.\n\t * @returns Array with ancestors.\n\t */\n\tpublic getAncestors( options: { includeSelf?: boolean; parentFirst?: boolean } = {} ): Array<ViewNode | ViewDocumentFragment> {\n\t\tconst ancestors: Array<ViewNode | ViewDocumentFragment> = [];\n\t\tlet parent = options.includeSelf ? this : this.parent;\n\n\t\twhile ( parent ) {\n\t\t\tancestors[ options.parentFirst ? 'push' : 'unshift' ]( parent );\n\t\t\tparent = parent.parent;\n\t\t}\n\n\t\treturn ancestors;\n\t}\n\n\t/**\n\t * Returns a {@link module:engine/view/element~ViewElement} or {@link module:engine/view/documentfragment~ViewDocumentFragment}\n\t * which is a common ancestor of both nodes.\n\t *\n\t * @param node The second node.\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` both nodes will be considered \"ancestors\" too.\n\t * Which means that if e.g. node A is inside B, then their common ancestor will be B.\n\t */\n\tpublic getCommonAncestor( node: ViewNode, options: { includeSelf?: boolean } = {} ): ViewElement | ViewDocumentFragment | null {\n\t\tconst ancestorsA = this.getAncestors( options );\n\t\tconst ancestorsB = node.getAncestors( options );\n\n\t\tlet i = 0;\n\n\t\twhile ( ancestorsA[ i ] == ancestorsB[ i ] && ancestorsA[ i ] ) {\n\t\t\ti++;\n\t\t}\n\n\t\treturn i === 0 ? null : ancestorsA[ i - 1 ] as ( ViewElement | ViewDocumentFragment );\n\t}\n\n\t/**\n\t * Returns whether this node is before given node. `false` is returned if nodes are in different trees (for example,\n\t * in different {@link module:engine/view/documentfragment~ViewDocumentFragment}s).\n\t *\n\t * @param node Node to compare with.\n\t */\n\tpublic isBefore( node: ViewNode ): boolean {\n\t\t// Given node is not before this node if they are same.\n\t\tif ( this == node ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Return `false` if it is impossible to compare nodes.\n\t\tif ( this.root !== node.root ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst thisPath = this.getPath();\n\t\tconst nodePath = node.getPath();\n\n\t\tconst result = compareArrays( thisPath, nodePath );\n\n\t\tswitch ( result ) {\n\t\t\tcase 'prefix':\n\t\t\t\treturn true;\n\n\t\t\tcase 'extension':\n\t\t\t\treturn false;\n\n\t\t\tdefault:\n\t\t\t\treturn thisPath[ result as number ] < nodePath[ result as number ];\n\t\t}\n\t}\n\n\t/**\n\t * Returns whether this node is after given node. `false` is returned if nodes are in different trees (for example,\n\t * in different {@link module:engine/view/documentfragment~ViewDocumentFragment}s).\n\t *\n\t * @param node Node to compare with.\n\t */\n\tpublic isAfter( node: ViewNode ): boolean {\n\t\t// Given node is not before this node if they are same.\n\t\tif ( this == node ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Return `false` if it is impossible to compare nodes.\n\t\tif ( this.root !== node.root ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// In other cases, just check if the `node` is before, and return the opposite.\n\t\treturn !this.isBefore( node );\n\t}\n\n\t/**\n\t * Removes node from parent.\n\t *\n\t * @internal\n\t */\n\tpublic _remove(): void {\n\t\tthis.parent!._removeChildren( this.index! );\n\t}\n\n\t/**\n\t * @internal\n\t * @param type Type of the change.\n\t * @param node Changed node.\n\t * @param data Additional data.\n\t * @fires change\n\t */\n\tpublic _fireChange( type: ViewDocumentChangeType, node: ViewNode, data?: { index: number } ): void {\n\t\tthis.fire( `change:${ type }`, node, data );\n\n\t\tif ( this.parent ) {\n\t\t\tthis.parent._fireChange( type, node, data );\n\t\t}\n\t}\n\n\t/**\n\t * Converts `ViewNode` to plain object and returns it.\n\t *\n\t * @returns `ViewNode` converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\tconst json: any = {\n\t\t\tpath: this.getPath(),\n\t\t\ttype: 'Node'\n\t\t};\n\n\t\tif ( this !== this.root as any && this.root.is( 'rootElement' ) ) {\n\t\t\tjson.root = this.root.toJSON();\n\t\t}\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Clones this node.\n\t *\n\t * @internal\n\t * @returns Clone of this node.\n\t */\n\tpublic abstract _clone( deep?: boolean ): ViewNode;\n\n\t/**\n\t * Checks if provided node is similar to this node.\n\t *\n\t * @returns True if nodes are similar.\n\t */\n\tpublic abstract isSimilar( other: ViewNode ): boolean;\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewNode.prototype.is = function( type: string ): boolean {\n\treturn type === 'node' || type === 'view:node';\n};\n\n/**\n * Fired when list of {@link module:engine/view/element~ViewElement elements} children, attributes or text changes.\n *\n * Change event is bubbled – it is fired on all ancestors.\n *\n * All change events as the first parameter receive the node that has changed (the node for which children, attributes or text changed).\n *\n * If `change:children` event is fired, there is an additional second parameter, which is an object with additional data related to change.\n *\n * @eventName ~ViewNode#change\n * @eventName ~ViewNode#change:children\n * @eventName ~ViewNode#change:attributes\n * @eventName ~ViewNode#change:text\n */\nexport type ViewNodeChangeEvent = {\n\tname: 'change' | `change:${ ViewDocumentChangeType }`;\n\targs: [ changedNode: ViewNode, data?: { index: number } ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/text\n */\n\nimport { ViewNode } from './node.js';\n\nimport { type ViewDocument } from './document.js';\n\n/**\n * Tree view text node.\n *\n * The constructor of this class should not be used directly. To create a new text node instance\n * use the {@link module:engine/view/downcastwriter~ViewDowncastWriter#createText `ViewDowncastWriter#createText()`}\n * method when working on data downcasted from the model or the\n * {@link module:engine/view/upcastwriter~ViewUpcastWriter#createText `ViewUpcastWriter#createText()`}\n * method when working on non-semantic views.\n */\nexport class ViewText extends ViewNode {\n\t/**\n\t * The text content.\n\t *\n\t * Setting the data fires the {@link module:engine/view/node~ViewNode#event:change:text change event}.\n\t */\n\tprivate _textData: string;\n\n\t/**\n\t * Creates a tree view text node.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createText\n\t * @internal\n\t * @param document The document instance to which this text node belongs.\n\t * @param data The text's data.\n\t */\n\tconstructor( document: ViewDocument, data: string ) {\n\t\tsuper( document );\n\n\t\tthis._textData = data;\n\t}\n\n\t/**\n\t * The text content.\n\t */\n\tpublic get data(): string {\n\t\treturn this._textData;\n\t}\n\n\t/**\n\t * The `_data` property is controlled by a getter and a setter.\n\t *\n\t * The getter is required when using the addition assignment operator on protected property:\n\t *\n\t * ```ts\n\t * const foo = downcastWriter.createText( 'foo' );\n\t * const bar = downcastWriter.createText( 'bar' );\n\t *\n\t * foo._data += bar.data;   // executes: `foo._data = foo._data + bar.data`\n\t * console.log( foo.data ); // prints: 'foobar'\n\t * ```\n\t *\n\t * If the protected getter didn't exist, `foo._data` will return `undefined` and result of the merge will be invalid.\n\t *\n\t * The setter sets data and fires the {@link module:engine/view/node~ViewNode#event:change:text change event}.\n\t *\n\t * @internal\n\t */\n\tpublic get _data(): string {\n\t\treturn this.data;\n\t}\n\n\tpublic set _data( data: string ) {\n\t\tthis._fireChange( 'text', this );\n\n\t\tthis._textData = data;\n\t}\n\n\t/**\n\t * Checks if this text node is similar to other text node.\n\t * Both nodes should have the same data to be considered as similar.\n\t *\n\t * @param otherNode Node to check if it is same as this node.\n\t */\n\tpublic isSimilar( otherNode: ViewNode ): boolean {\n\t\tif ( !( otherNode instanceof ViewText ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn this === otherNode || this.data === otherNode.data;\n\t}\n\n\t/**\n\t * Converts `ViewText` instance to plain object and returns it.\n\t *\n\t * @returns `ViewText` instance converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.type = 'Text';\n\t\tjson.data = this.data;\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Clones this node.\n\t *\n\t * @internal\n\t * @returns Text node that is a clone of this node.\n\t */\n\tpublic _clone(): ViewText {\n\t\treturn new ViewText( this.document, this.data );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `#${ this.data }`;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public log(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ViewText: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logExtended(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ViewText: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewText.prototype.is = function( type: string ): boolean {\n\treturn type === '$text' || type === 'view:$text' ||\n\t\t// This are legacy values kept for backward compatibility.\n\t\ttype === 'text' || type === 'view:text' ||\n\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\ttype === 'node' || type === 'view:node';\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/textproxy\n */\n\nimport { ViewTypeCheckable } from './typecheckable.js';\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\nimport { type ViewDocument } from './document.js';\nimport { type ViewDocumentFragment } from './documentfragment.js';\nimport { type ViewElement } from './element.js';\nimport { type ViewNode } from './node.js';\nimport { type ViewText } from './text.js';\n\n/**\n * ViewTextProxy is a wrapper for substring of {@link module:engine/view/text~ViewText}. Instance of this class is created by\n * {@link module:engine/view/treewalker~ViewTreeWalker} when only a part of {@link module:engine/view/text~ViewText} needs to be returned.\n *\n * `ViewTextProxy` has an API similar to {@link module:engine/view/text~ViewText Text} and allows to do most of the common tasks performed\n * on view nodes.\n *\n * **Note:** Some `ViewTextProxy` instances may represent whole text node, not just a part of it.\n * See {@link module:engine/view/textproxy~ViewTextProxy#isPartial}.\n *\n * **Note:** `ViewTextProxy` is a readonly interface.\n *\n * **Note:** `ViewTextProxy` instances are created on the fly basing\n * on the current state of parent {@link module:engine/view/text~ViewText}.\n * Because of this it is highly unrecommended to store references to `TextProxy instances because they might get\n * invalidated due to operations on Document. Also ViewTextProxy is not a {@link module:engine/view/node~ViewNode} so it cannot be\n * inserted as a child of {@link module:engine/view/element~ViewElement}.\n *\n * `ViewTextProxy` instances are created by {@link module:engine/view/treewalker~ViewTreeWalker view tree walker}.\n * You should not need to create an instance of this class by your own.\n */\nexport class ViewTextProxy extends ViewTypeCheckable {\n\t/**\n\t * Reference to the {@link module:engine/view/text~ViewText} element which ViewTextProxy is a substring.\n\t */\n\tpublic readonly textNode: ViewText;\n\n\t/**\n\t * Text data represented by this text proxy.\n\t */\n\tpublic readonly data: string;\n\n\t/**\n\t * Offset in the `textNode` where this `ViewTextProxy` instance starts.\n\t */\n\tpublic readonly offsetInText: number;\n\n\t/**\n\t * Creates a text proxy.\n\t *\n\t * @internal\n\t * @param textNode Text node which part is represented by this text proxy.\n\t * @param offsetInText Offset in {@link module:engine/view/textproxy~ViewTextProxy#textNode text node}\n\t * from which the text proxy starts.\n\t * @param length Text proxy length, that is how many text node's characters, starting from `offsetInText` it represents.\n\t */\n\tconstructor( textNode: ViewText, offsetInText: number, length: number ) {\n\t\tsuper();\n\n\t\tthis.textNode = textNode;\n\n\t\tif ( offsetInText < 0 || offsetInText > textNode.data.length ) {\n\t\t\t/**\n\t\t\t * Given offsetInText value is incorrect.\n\t\t\t *\n\t\t\t * @error view-textproxy-wrong-offsetintext\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-textproxy-wrong-offsetintext', this );\n\t\t}\n\n\t\tif ( length < 0 || offsetInText + length > textNode.data.length ) {\n\t\t\t/**\n\t\t\t * Given length value is incorrect.\n\t\t\t *\n\t\t\t * @error view-textproxy-wrong-length\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-textproxy-wrong-length', this );\n\t\t}\n\n\t\tthis.data = textNode.data.substring( offsetInText, offsetInText + length );\n\t\tthis.offsetInText = offsetInText;\n\t}\n\n\t/**\n\t * Offset size of this node.\n\t */\n\tpublic get offsetSize(): number {\n\t\treturn this.data.length;\n\t}\n\n\t/**\n\t * Flag indicating whether `ViewTextProxy` instance covers only part of the original {@link module:engine/view/text~ViewText text node}\n\t * (`true`) or the whole text node (`false`).\n\t *\n\t * This is `false` when text proxy starts at the very beginning of {@link module:engine/view/textproxy~ViewTextProxy#textNode textNode}\n\t * ({@link module:engine/view/textproxy~ViewTextProxy#offsetInText offsetInText} equals `0`) and text proxy sizes is equal to\n\t * text node size.\n\t */\n\tpublic get isPartial(): boolean {\n\t\treturn this.data.length !== this.textNode.data.length;\n\t}\n\n\t/**\n\t * Parent of this text proxy, which is same as parent of text node represented by this text proxy.\n\t */\n\tpublic get parent(): ViewElement | ViewDocumentFragment | null {\n\t\treturn this.textNode.parent;\n\t}\n\n\t/**\n\t * Root of this text proxy, which is same as root of text node represented by this text proxy.\n\t */\n\tpublic get root(): ViewNode | ViewDocumentFragment {\n\t\treturn this.textNode.root;\n\t}\n\n\t/**\n\t * {@link module:engine/view/document~ViewDocument View document} that owns this text proxy, or `null` if the text proxy is inside\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}.\n\t */\n\tpublic get document(): ViewDocument | null {\n\t\treturn this.textNode.document;\n\t}\n\n\t/**\n\t * Returns ancestors array of this text proxy.\n\t *\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true`, textNode will be also included in parent's array.\n\t * @param options.parentFirst When set to `true`, array will be sorted from text proxy parent to\n\t * root element, otherwise root element will be the first item in the array.\n\t * @returns Array with ancestors.\n\t */\n\tpublic getAncestors( options: {\n\t\tincludeSelf?: boolean;\n\t\tparentFirst?: boolean;\n\t} = {} ): Array<ViewText | ViewElement | ViewDocumentFragment> {\n\t\tconst ancestors: Array<ViewText | ViewElement | ViewDocumentFragment> = [];\n\t\tlet parent: ViewText | ViewElement | ViewDocumentFragment | null = options.includeSelf ? this.textNode : this.parent;\n\n\t\twhile ( parent !== null ) {\n\t\t\tancestors[ options.parentFirst ? 'push' : 'unshift' ]( parent );\n\t\t\tparent = parent.parent;\n\t\t}\n\n\t\treturn ancestors;\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `#${ this.data }`;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public log(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ViewTextProxy: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logExtended(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ViewTextProxy: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewTextProxy.prototype.is = function( type: string ): boolean {\n\treturn type === '$textProxy' || type === 'view:$textProxy' ||\n\t\t// This are legacy values kept for backward compatibility.\n\t\ttype === 'textProxy' || type === 'view:textProxy';\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/conversion/viewconsumable\n */\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\nimport type { ViewElement, ViewNormalizedConsumables } from '../view/element.js';\nimport { type ViewNode } from '../view/node.js';\nimport { type ViewText } from '../view/text.js';\nimport { type ViewDocumentFragment } from '../view/documentfragment.js';\nimport type { Match } from '../view/matcher.js';\n\n/**\n * Class used for handling consumption of view {@link module:engine/view/element~ViewElement elements},\n * {@link module:engine/view/text~ViewText text nodes} and\n * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragments}.\n * Element's name and its parts (attributes, classes and styles) can be consumed separately. Consuming an element's name\n * does not consume its attributes, classes and styles.\n * To add items for consumption use {@link module:engine/conversion/viewconsumable~ViewConsumable#add add method}.\n * To test items use {@link module:engine/conversion/viewconsumable~ViewConsumable#test test method}.\n * To consume items use {@link module:engine/conversion/viewconsumable~ViewConsumable#consume consume method}.\n * To revert already consumed items use {@link module:engine/conversion/viewconsumable~ViewConsumable#revert revert method}.\n *\n * ```ts\n * viewConsumable.add( element, { name: true } ); // Adds element's name as ready to be consumed.\n * viewConsumable.add( textNode ); // Adds text node for consumption.\n * viewConsumable.add( docFragment ); // Adds document fragment for consumption.\n * viewConsumable.test( element, { name: true }  ); // Tests if element's name can be consumed.\n * viewConsumable.test( textNode ); // Tests if text node can be consumed.\n * viewConsumable.test( docFragment ); // Tests if document fragment can be consumed.\n * viewConsumable.consume( element, { name: true }  ); // Consume element's name.\n * viewConsumable.consume( textNode ); // Consume text node.\n * viewConsumable.consume( docFragment ); // Consume document fragment.\n * viewConsumable.revert( element, { name: true }  ); // Revert already consumed element's name.\n * viewConsumable.revert( textNode ); // Revert already consumed text node.\n * viewConsumable.revert( docFragment ); // Revert already consumed document fragment.\n * ```\n */\nexport class ViewConsumable {\n\t/**\n\t * Map of consumable elements. If {@link module:engine/view/element~ViewElement element} is used as a key,\n\t * {@link module:engine/conversion/viewconsumable~ViewElementConsumables ViewElementConsumables} instance is stored as value.\n\t * For {@link module:engine/view/text~ViewText text nodes} and\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragments} boolean value is stored as value.\n\t */\n\tprivate _consumables = new Map<ViewNode | ViewDocumentFragment, ViewElementConsumables | boolean>();\n\n\t/**\n\t * Adds view {@link module:engine/view/element~ViewElement element}, {@link module:engine/view/text~ViewText text node} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment} as ready to be consumed.\n\t *\n\t * ```ts\n\t * viewConsumable.add( p, { name: true } ); // Adds element's name to consume.\n\t * viewConsumable.add( p, { attributes: 'name' } ); // Adds element's attribute.\n\t * viewConsumable.add( p, { classes: 'foobar' } ); // Adds element's class.\n\t * viewConsumable.add( p, { styles: 'color' } ); // Adds element's style\n\t * viewConsumable.add( p, { attributes: 'name', styles: 'color' } ); // Adds attribute and style.\n\t * viewConsumable.add( p, { classes: [ 'baz', 'bar' ] } ); // Multiple consumables can be provided.\n\t * viewConsumable.add( textNode ); // Adds text node to consume.\n\t * viewConsumable.add( docFragment ); // Adds document fragment to consume.\n\t * ```\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `viewconsumable-invalid-attribute` when `class` or `style`\n\t * attribute is provided - it should be handled separately by providing actual style/class.\n\t *\n\t * ```ts\n\t * viewConsumable.add( p, { attributes: 'style' } ); // This call will throw an exception.\n\t * viewConsumable.add( p, { styles: 'color' } ); // This is properly handled style.\n\t * ```\n\t *\n\t * @param consumables Used only if first parameter is {@link module:engine/view/element~ViewElement view element} instance.\n\t * @param consumables.name If set to true element's name will be included.\n\t * @param consumables.attributes Attribute name or array of attribute names.\n\t * @param consumables.classes Class name or array of class names.\n\t * @param consumables.styles Style name or array of style names.\n\t */\n\tpublic add(\n\t\telement: ViewText | ViewElement | ViewDocumentFragment,\n\t\tconsumables?: Consumables | ViewNormalizedConsumables\n\t): void {\n\t\tlet elementConsumables: ViewElementConsumables;\n\n\t\t// For text nodes and document fragments just mark them as consumable.\n\t\tif ( element.is( '$text' ) || element.is( 'documentFragment' ) ) {\n\t\t\tthis._consumables.set( element, true );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// For elements create new ViewElementConsumables or update already existing one.\n\t\tif ( !this._consumables.has( element ) ) {\n\t\t\telementConsumables = new ViewElementConsumables( element );\n\t\t\tthis._consumables.set( element, elementConsumables );\n\t\t} else {\n\t\t\telementConsumables = this._consumables.get( element ) as ViewElementConsumables;\n\t\t}\n\n\t\telementConsumables.add( consumables ? normalizeConsumables( consumables ) : element._getConsumables() );\n\t}\n\n\t/**\n\t * Tests if {@link module:engine/view/element~ViewElement view element}, {@link module:engine/view/text~ViewText text node} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment} can be consumed.\n\t * It returns `true` when all items included in method's call can be consumed. Returns `false` when\n\t * first already consumed item is found and `null` when first non-consumable item is found.\n\t *\n\t * ```ts\n\t * viewConsumable.test( p, { name: true } ); // Tests element's name.\n\t * viewConsumable.test( p, { attributes: 'name' } ); // Tests attribute.\n\t * viewConsumable.test( p, { classes: 'foobar' } ); // Tests class.\n\t * viewConsumable.test( p, { styles: 'color' } ); // Tests style.\n\t * viewConsumable.test( p, { attributes: 'name', styles: 'color' } ); // Tests attribute and style.\n\t * viewConsumable.test( p, { classes: [ 'baz', 'bar' ] } ); // Multiple consumables can be tested.\n\t * viewConsumable.test( textNode ); // Tests text node.\n\t * viewConsumable.test( docFragment ); // Tests document fragment.\n\t * ```\n\t *\n\t * Testing classes and styles as attribute will test if all added classes/styles can be consumed.\n\t *\n\t * ```ts\n\t * viewConsumable.test( p, { attributes: 'class' } ); // Tests if all added classes can be consumed.\n\t * viewConsumable.test( p, { attributes: 'style' } ); // Tests if all added styles can be consumed.\n\t * ```\n\t *\n\t * @param consumables Used only if first parameter is {@link module:engine/view/element~ViewElement view element} instance.\n\t * @param consumables.name If set to true element's name will be included.\n\t * @param consumables.attributes Attribute name or array of attribute names.\n\t * @param consumables.classes Class name or array of class names.\n\t * @param consumables.styles Style name or array of style names.\n\t * @returns Returns `true` when all items included in method's call can be consumed. Returns `false`\n\t * when first already consumed item is found and `null` when first non-consumable item is found.\n\t */\n\tpublic test( element: ViewNode | ViewDocumentFragment, consumables?: Consumables | Match ): boolean | null {\n\t\tconst elementConsumables = this._consumables.get( element );\n\n\t\tif ( elementConsumables === undefined ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// For text nodes and document fragments return stored boolean value.\n\t\tif ( element.is( '$text' ) || element.is( 'documentFragment' ) ) {\n\t\t\treturn elementConsumables as boolean;\n\t\t}\n\n\t\t// For elements test consumables object.\n\t\treturn ( elementConsumables as ViewElementConsumables ).test( normalizeConsumables( consumables! ) );\n\t}\n\n\t/**\n\t * Consumes {@link module:engine/view/element~ViewElement view element}, {@link module:engine/view/text~ViewText text node} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}.\n\t * It returns `true` when all items included in method's call can be consumed, otherwise returns `false`.\n\t *\n\t * ```ts\n\t * viewConsumable.consume( p, { name: true } ); // Consumes element's name.\n\t * viewConsumable.consume( p, { attributes: 'name' } ); // Consumes element's attribute.\n\t * viewConsumable.consume( p, { classes: 'foobar' } ); // Consumes element's class.\n\t * viewConsumable.consume( p, { styles: 'color' } ); // Consumes element's style.\n\t * viewConsumable.consume( p, { attributes: 'name', styles: 'color' } ); // Consumes attribute and style.\n\t * viewConsumable.consume( p, { classes: [ 'baz', 'bar' ] } ); // Multiple consumables can be consumed.\n\t * viewConsumable.consume( textNode ); // Consumes text node.\n\t * viewConsumable.consume( docFragment ); // Consumes document fragment.\n\t * ```\n\t *\n\t * Consuming classes and styles as attribute will test if all added classes/styles can be consumed.\n\t *\n\t * ```ts\n\t * viewConsumable.consume( p, { attributes: 'class' } ); // Consume only if all added classes can be consumed.\n\t * viewConsumable.consume( p, { attributes: 'style' } ); // Consume only if all added styles can be consumed.\n\t * ```\n\t *\n\t * @param consumables Used only if first parameter is {@link module:engine/view/element~ViewElement view element} instance.\n\t * @param consumables.name If set to true element's name will be included.\n\t * @param consumables.attributes Attribute name or array of attribute names.\n\t * @param consumables.classes Class name or array of class names.\n\t * @param consumables.styles Style name or array of style names.\n\t * @returns Returns `true` when all items included in method's call can be consumed,\n\t * otherwise returns `false`.\n\t */\n\tpublic consume( element: ViewNode | ViewDocumentFragment, consumables?: Consumables | Match ): boolean {\n\t\tif ( element.is( '$text' ) || element.is( 'documentFragment' ) ) {\n\t\t\tif ( !this.test( element, consumables ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// For text nodes and document fragments set value to false.\n\t\t\tthis._consumables.set( element, false );\n\n\t\t\treturn true;\n\t\t}\n\n\t\t// For elements - consume consumables object.\n\t\tconst elementConsumables = this._consumables.get( element );\n\n\t\tif ( elementConsumables === undefined ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn ( elementConsumables as ViewElementConsumables ).consume( normalizeConsumables( consumables! ) );\n\t}\n\n\t/**\n\t * Reverts {@link module:engine/view/element~ViewElement view element}, {@link module:engine/view/text~ViewText text node} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment} so they can be consumed once again.\n\t * Method does not revert items that were never previously added for consumption, even if they are included in\n\t * method's call.\n\t *\n\t * ```ts\n\t * viewConsumable.revert( p, { name: true } ); // Reverts element's name.\n\t * viewConsumable.revert( p, { attributes: 'name' } ); // Reverts element's attribute.\n\t * viewConsumable.revert( p, { classes: 'foobar' } ); // Reverts element's class.\n\t * viewConsumable.revert( p, { styles: 'color' } ); // Reverts element's style.\n\t * viewConsumable.revert( p, { attributes: 'name', styles: 'color' } ); // Reverts attribute and style.\n\t * viewConsumable.revert( p, { classes: [ 'baz', 'bar' ] } ); // Multiple names can be reverted.\n\t * viewConsumable.revert( textNode ); // Reverts text node.\n\t * viewConsumable.revert( docFragment ); // Reverts document fragment.\n\t * ```\n\t *\n\t * Reverting classes and styles as attribute will revert all classes/styles that were previously added for\n\t * consumption.\n\t *\n\t * ```ts\n\t * viewConsumable.revert( p, { attributes: 'class' } ); // Reverts all classes added for consumption.\n\t * viewConsumable.revert( p, { attributes: 'style' } ); // Reverts all styles added for consumption.\n\t * ```\n\t *\n\t * @param consumables Used only if first parameter is {@link module:engine/view/element~ViewElement view element} instance.\n\t * @param consumables.name If set to true element's name will be included.\n\t * @param consumables.attributes Attribute name or array of attribute names.\n\t * @param consumables.classes Class name or array of class names.\n\t * @param consumables.styles Style name or array of style names.\n\t */\n\tpublic revert( element: ViewNode, consumables: Consumables | Match ): void {\n\t\tconst elementConsumables = this._consumables.get( element );\n\n\t\tif ( elementConsumables !== undefined ) {\n\t\t\tif ( element.is( '$text' ) || element.is( 'documentFragment' ) ) {\n\t\t\t\t// For text nodes and document fragments - set consumable to true.\n\t\t\t\tthis._consumables.set( element, true );\n\t\t\t} else {\n\t\t\t\t// For elements - revert items from consumables object.\n\t\t\t\t( elementConsumables as ViewElementConsumables ).revert( normalizeConsumables( consumables ) );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Creates {@link module:engine/conversion/viewconsumable~ViewConsumable ViewConsumable} instance from\n\t * {@link module:engine/view/node~ViewNode node} or {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}.\n\t * Instance will contain all elements, child nodes, attributes, styles and classes added for consumption.\n\t *\n\t * @param from View node or document fragment from which `ViewConsumable` will be created.\n\t * @param instance If provided, given `ViewConsumable` instance will be used\n\t * to add all consumables. It will be returned instead of a new instance.\n\t */\n\tpublic static createFrom( from: ViewNode | ViewDocumentFragment, instance?: ViewConsumable ): ViewConsumable {\n\t\tif ( !instance ) {\n\t\t\tinstance = new ViewConsumable();\n\t\t}\n\n\t\tif ( from.is( '$text' ) ) {\n\t\t\tinstance.add( from );\n\t\t}\n\t\telse if ( from.is( 'element' ) || from.is( 'documentFragment' ) ) {\n\t\t\tinstance.add( from );\n\n\t\t\tfor ( const child of from.getChildren() ) {\n\t\t\t\tViewConsumable.createFrom( child, instance );\n\t\t\t}\n\t\t}\n\n\t\treturn instance;\n\t}\n}\n\n/**\n * Object describing all features of a view element that could be consumed and converted individually.\n * This is a non-normalized form of {@link module:engine/view/element~ViewNormalizedConsumables} generated from the view Element.\n *\n * Example element:\n *\n * ```html\n * <a class=\"foo bar\" style=\"color: red; margin: 5px\" href=\"https://ckeditor.com\" rel=\"nofollow noreferrer\" target=\"_blank\">\n * ```\n *\n * The `Consumables` would include:\n *\n * ```json\n * {\n * \tname: true,\n * \tclasses: [ \"foo\", \"bar\" ],\n * \tstyles: [ \"color\", \"margin\" ]\n * }\n * ```\n *\n * You could convert a `Consumable` into a {@link module:engine/view/element~ViewNormalizedConsumables}\n * using the {@link module:engine/conversion/viewconsumable~normalizeConsumables} helper.\n */\nexport interface Consumables {\n\n\t/**\n\t * If set to `true` element's name will be included in a consumable.\n\t * Depending on the usage context it would be added as consumable, tested for being available for consume or consumed.\n\t */\n\tname?: boolean;\n\n\t/**\n\t * Attribute name or array of attribute names.\n\t */\n\tattributes?: string | Array<string>;\n\n\t/**\n\t * Class name or array of class names.\n\t */\n\tclasses?: string | Array<string>;\n\n\t/**\n\t * Style name or array of style names.\n\t */\n\tstyles?: string | Array<string>;\n}\n\n/**\n * This is a private helper-class for {@link module:engine/conversion/viewconsumable~ViewConsumable}.\n * It represents and manipulates consumable parts of a single {@link module:engine/view/element~ViewElement}.\n *\n * @internal\n */\nexport class ViewElementConsumables {\n\tpublic readonly element: ViewElement;\n\n\t/**\n\t * Flag indicating if name of the element can be consumed.\n\t */\n\tprivate _canConsumeName: boolean | null = null;\n\n\t/**\n\t * A map of element's consumables.\n\t * * For plain attributes the value is a boolean indicating whether the attribute is available to consume.\n\t * * For token based attributes (like class list and style) the value is a map of tokens to booleans\n\t * indicating whether the token is available to consume on the given attribute.\n\t */\n\tprivate readonly _attributes = new Map<string, boolean | Map<string, boolean>>();\n\n\t/**\n\t * Creates ViewElementConsumables instance.\n\t *\n\t * @param from View element from which `ViewElementConsumables` is being created.\n\t */\n\tconstructor( from: ViewElement ) {\n\t\tthis.element = from;\n\t}\n\n\t/**\n\t * Adds consumable parts of the {@link module:engine/view/element~ViewElement view element}.\n\t * Element's name itself can be marked to be consumed (when element's name is consumed its attributes, classes and\n\t * styles still could be consumed):\n\t *\n\t * ```ts\n\t * consumables.add( { name: true } );\n\t * ```\n\t *\n\t * Attributes classes and styles:\n\t *\n\t * ```ts\n\t * consumables.add( { attributes: [ [ 'title' ], [ 'class', 'foo' ], [ 'style', 'color'] ] } );\n\t * consumables.add( { attributes: [ [ 'title' ], [ 'name' ], [ 'class', 'foo' ], [ 'class', 'bar' ] ] } );\n\t * ```\n\t *\n\t * Note: This method accepts only {@link module:engine/view/element~ViewNormalizedConsumables}.\n\t * You can use {@link module:engine/conversion/viewconsumable~normalizeConsumables} helper to convert from\n\t * {@link module:engine/conversion/viewconsumable~Consumables} to `ViewNormalizedConsumables`.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `viewconsumable-invalid-attribute` when `class` or `style`\n\t * attribute is provided - it should be handled separately by providing `style` and `class` in consumables object.\n\t *\n\t * @param consumables Object describing which parts of the element can be consumed.\n\t */\n\tpublic add( consumables: ViewNormalizedConsumables ): void {\n\t\tif ( consumables.name ) {\n\t\t\tthis._canConsumeName = true;\n\t\t}\n\n\t\tfor ( const [ name, token ] of consumables.attributes ) {\n\t\t\tif ( token ) {\n\t\t\t\tlet attributeTokens = this._attributes.get( name );\n\n\t\t\t\tif ( !attributeTokens || typeof attributeTokens == 'boolean' ) {\n\t\t\t\t\tattributeTokens = new Map<string, boolean>();\n\t\t\t\t\tthis._attributes.set( name, attributeTokens );\n\t\t\t\t}\n\n\t\t\t\tattributeTokens.set( token, true );\n\t\t\t}\n\t\t\telse if ( name == 'style' || name == 'class' ) {\n\t\t\t\t/**\n\t\t\t\t * Class and style attributes should be handled separately in\n\t\t\t\t * {@link module:engine/conversion/viewconsumable~ViewConsumable#add `ViewConsumable#add()`}.\n\t\t\t\t *\n\t\t\t\t * What you have done is trying to use:\n\t\t\t\t *\n\t\t\t\t * ```ts\n\t\t\t\t * consumables.add( { attributes: [ 'class', 'style' ] } );\n\t\t\t\t * ```\n\t\t\t\t *\n\t\t\t\t * While each class and style should be registered separately:\n\t\t\t\t *\n\t\t\t\t * ```ts\n\t\t\t\t * consumables.add( { classes: 'some-class', styles: 'font-weight' } );\n\t\t\t\t * ```\n\t\t\t\t *\n\t\t\t\t * @error viewconsumable-invalid-attribute\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'viewconsumable-invalid-attribute', this );\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis._attributes.set( name, true );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Tests if parts of the {@link module:engine/view/element~ViewElement view element} can be consumed.\n\t *\n\t * Element's name can be tested:\n\t *\n\t * ```ts\n\t * consumables.test( { name: true } );\n\t * ```\n\t *\n\t * Attributes classes and styles:\n\t *\n\t * ```ts\n\t * consumables.test( { attributes: [ [ 'title' ], [ 'class', 'foo' ], [ 'style', 'color' ] ] } );\n\t * consumables.test( { attributes: [ [ 'title' ], [ 'name' ], [ 'class', 'foo' ], [ 'class', 'bar' ] ] } );\n\t * ```\n\t *\n\t * @param consumables Object describing which parts of the element should be tested.\n\t * @returns `true` when all tested items can be consumed, `null` when even one of the items\n\t * was never marked for consumption and `false` when even one of the items was already consumed.\n\t */\n\tpublic test( consumables: ViewNormalizedConsumables ): boolean | null {\n\t\t// Check if name can be consumed.\n\t\tif ( consumables.name && !this._canConsumeName ) {\n\t\t\treturn this._canConsumeName;\n\t\t}\n\n\t\tfor ( const [ name, token ] of consumables.attributes ) {\n\t\t\tconst value = this._attributes.get( name );\n\n\t\t\t// Return null if attribute is not found.\n\t\t\tif ( value === undefined ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\t// Already consumed.\n\t\t\tif ( value === false ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// Simple attribute is not consumed so continue to next attribute.\n\t\t\tif ( value === true ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( !token ) {\n\t\t\t\t// Tokenized attribute but token is not specified so check if all tokens are not consumed.\n\t\t\t\tfor ( const tokenValue of value.values() ) {\n\t\t\t\t\t// Already consumed token.\n\t\t\t\t\tif ( !tokenValue ) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst tokenValue = value.get( token );\n\n\t\t\t\t// Return null if token is not found.\n\t\t\t\tif ( tokenValue === undefined ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// Already consumed.\n\t\t\t\tif ( !tokenValue ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Return true only if all can be consumed.\n\t\treturn true;\n\t}\n\n\t/**\n\t * Tests if parts of the {@link module:engine/view/element~ViewElement view element} can be consumed and consumes them if available.\n\t * It returns `true` when all items included in method's call can be consumed, otherwise returns `false`.\n\t *\n\t * Element's name can be consumed:\n\t *\n\t * ```ts\n\t * consumables.consume( { name: true } );\n\t * ```\n\t *\n\t * Attributes classes and styles:\n\t *\n\t * ```ts\n\t * consumables.consume( { attributes: [ [ 'title' ], [ 'class', 'foo' ], [ 'style', 'color' ] ] } );\n\t * consumables.consume( { attributes: [ [ 'title' ], [ 'name' ], [ 'class', 'foo' ], [ 'class', 'bar' ] ] } );\n\t * ```\n\t *\n\t * @param consumables Object describing which parts of the element should be consumed.\n\t * @returns `true` when all tested items can be consumed and `false` when even one of the items could not be consumed.\n\t */\n\tpublic consume( consumables: ViewNormalizedConsumables ): boolean {\n\t\tif ( !this.test( consumables ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( consumables.name ) {\n\t\t\tthis._canConsumeName = false;\n\t\t}\n\n\t\tfor ( const [ name, token ] of consumables.attributes ) {\n\t\t\t// `value` must be set, because `this.test()` returned `true`.\n\t\t\tconst value = this._attributes.get( name )!;\n\n\t\t\t// Plain (not tokenized) not-consumed attribute.\n\t\t\tif ( typeof value == 'boolean' ) {\n\t\t\t\t// Use Element API to collect related attributes.\n\t\t\t\tfor ( const [ toConsume ] of this.element._getConsumables( name, token ).attributes ) {\n\t\t\t\t\tthis._attributes.set( toConsume, false );\n\t\t\t\t}\n\t\t\t} else if ( !token ) {\n\t\t\t\t// Tokenized attribute but token is not specified so consume all tokens.\n\t\t\t\tfor ( const token of value.keys() ) {\n\t\t\t\t\tvalue.set( token, false );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Use Element API to collect related attribute tokens.\n\t\t\t\tfor ( const [ , toConsume ] of this.element._getConsumables( name, token ).attributes ) {\n\t\t\t\t\tvalue.set( toConsume!, false );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Revert already consumed parts of {@link module:engine/view/element~ViewElement view Element}, so they can be consumed once again.\n\t * Element's name can be reverted:\n\t *\n\t * ```ts\n\t * consumables.revert( { name: true } );\n\t * ```\n\t *\n\t * Attributes classes and styles:\n\t *\n\t * ```ts\n\t * consumables.revert( { attributes: [ [ 'title' ], [ 'class', 'foo' ], [ 'style', 'color' ] ] } );\n\t * consumables.revert( { attributes: [ [ 'title' ], [ 'name' ], [ 'class', 'foo' ], [ 'class', 'bar' ] ] } );\n\t * ```\n\t *\n\t * @param consumables Object describing which parts of the element should be reverted.\n\t */\n\tpublic revert( consumables: ViewNormalizedConsumables ): void {\n\t\tif ( consumables.name ) {\n\t\t\tthis._canConsumeName = true;\n\t\t}\n\n\t\tfor ( const [ name, token ] of consumables.attributes ) {\n\t\t\tconst value = this._attributes.get( name );\n\n\t\t\t// Plain consumed attribute.\n\t\t\tif ( value === false ) {\n\t\t\t\tthis._attributes.set( name, true );\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Unknown attribute or not consumed.\n\t\t\tif ( value === undefined || value === true ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( !token ) {\n\t\t\t\t// Tokenized attribute but token is not specified so revert all tokens.\n\t\t\t\tfor ( const token of value.keys() ) {\n\t\t\t\t\tvalue.set( token, true );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst tokenValue = value.get( token );\n\n\t\t\t\tif ( tokenValue === false ) {\n\t\t\t\t\tvalue.set( token, true );\n\t\t\t\t}\n\n\t\t\t\t// Note that revert of consumed related styles is not handled.\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Normalizes a {@link module:engine/conversion/viewconsumable~Consumables} or {@link module:engine/view/matcher~Match}\n * to a {@link module:engine/view/element~ViewNormalizedConsumables}.\n *\n * @internal\n */\nexport function normalizeConsumables( consumables: Consumables | Match ): ViewNormalizedConsumables {\n\tconst attributes: Array<[string, string?]> = [];\n\n\tif ( 'attributes' in consumables && consumables.attributes ) {\n\t\tnormalizeConsumablePart( attributes, consumables.attributes );\n\t}\n\n\tif ( 'classes' in consumables && consumables.classes ) {\n\t\tnormalizeConsumablePart( attributes, consumables.classes, 'class' );\n\t}\n\n\tif ( 'styles' in consumables && consumables.styles ) {\n\t\tnormalizeConsumablePart( attributes, consumables.styles, 'style' );\n\t}\n\n\treturn {\n\t\tname: consumables.name || false,\n\t\tattributes\n\t};\n}\n\n/**\n * Normalizes a list of consumable attributes to a common tuple format.\n */\nfunction normalizeConsumablePart(\n\tattributes: Array<[string, string?]>,\n\titems: string | Array<string> | Array<[string, string?]>,\n\tprefix?: string\n) {\n\tif ( typeof items == 'string' ) {\n\t\tattributes.push( prefix ? [ prefix, items ] : [ items ] );\n\n\t\treturn;\n\t}\n\n\tfor ( const item of items ) {\n\t\tif ( Array.isArray( item ) ) {\n\t\t\tattributes.push( item );\n\t\t} else {\n\t\t\tattributes.push( prefix ? [ prefix, item ] : [ item ] );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/matcher\n */\n\nimport { type ViewElement } from './element.js';\nimport { logWarning } from '@ckeditor/ckeditor5-utils';\nimport { normalizeConsumables, type Consumables } from '../conversion/viewconsumable.js';\n\n/**\n * View matcher class.\n * Instance of this class can be used to find {@link module:engine/view/element~ViewElement elements} that match given pattern.\n */\nexport class Matcher {\n\tprivate readonly _patterns: Array<MatcherFunctionPattern | MatcherObjectPattern> = [];\n\n\t/**\n\t * Creates new instance of Matcher.\n\t *\n\t * @param pattern Match patterns. See {@link module:engine/view/matcher~Matcher#add add method} for more information.\n\t */\n\tconstructor( ...pattern: Array<MatcherPattern> ) {\n\t\tthis.add( ...pattern );\n\t}\n\n\t/**\n\t * Adds pattern or patterns to matcher instance.\n\t *\n\t * ```ts\n\t * // String.\n\t * matcher.add( 'div' );\n\t *\n\t * // Regular expression.\n\t * matcher.add( /^\\w/ );\n\t *\n\t * // Single class.\n\t * matcher.add( {\n\t * \tclasses: 'foobar'\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/view/matcher~MatcherPattern} for more examples.\n\t *\n\t * Multiple patterns can be added in one call:\n\t *\n\t * ```ts\n\t * matcher.add( 'div', { classes: 'foobar' } );\n\t * ```\n\t *\n\t * @param pattern Object describing pattern details. If string or regular expression\n\t * is provided it will be used to match element's name. Pattern can be also provided in a form\n\t * of a function - then this function will be called with each {@link module:engine/view/element~ViewElement element} as a parameter.\n\t * Function's return value will be stored under `match` key of the object returned from\n\t * {@link module:engine/view/matcher~Matcher#match match} or {@link module:engine/view/matcher~Matcher#matchAll matchAll} methods.\n\t */\n\tpublic add( ...pattern: Array<MatcherPattern> ): void {\n\t\tfor ( let item of pattern ) {\n\t\t\t// String or RegExp pattern is used as element's name.\n\t\t\tif ( typeof item == 'string' || item instanceof RegExp ) {\n\t\t\t\titem = { name: item };\n\t\t\t}\n\n\t\t\tthis._patterns.push( item );\n\t\t}\n\t}\n\n\t/**\n\t * Matches elements for currently stored patterns. Returns match information about first found\n\t * {@link module:engine/view/element~ViewElement element}, otherwise returns `null`.\n\t *\n\t * Example of returned object:\n\t *\n\t * ```ts\n\t * {\n\t * \telement: <instance of found element>,\n\t * \tpattern: <pattern used to match found element>,\n\t * \tmatch: {\n\t * \t\tname: true,\n\t * \t\tattributes: [\n\t * \t\t\t[ 'title' ],\n\t * \t\t\t[ 'href' ],\n\t * \t\t\t[ 'class', 'foo' ],\n\t * \t\t\t[ 'style', 'color' ],\n\t * \t\t\t[ 'style', 'position' ]\n\t * \t\t]\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * You could use the `match` field from the above returned object as an input for the\n\t * {@link module:engine/conversion/viewconsumable~ViewConsumable#test `ViewConsumable#test()`} and\n\t * {@link module:engine/conversion/viewconsumable~ViewConsumable#consume `ViewConsumable#consume()`} methods.\n\t *\n\t * @see module:engine/view/matcher~Matcher#add\n\t * @see module:engine/view/matcher~Matcher#matchAll\n\t * @param element View element to match against stored patterns.\n\t * @returns The match information about found element or `null`.\n\t */\n\tpublic match( ...element: Array<ViewElement> ): MatchResult | null {\n\t\tfor ( const singleElement of element ) {\n\t\t\tfor ( const pattern of this._patterns ) {\n\t\t\t\tconst match = this._isElementMatching( singleElement, pattern );\n\n\t\t\t\tif ( match ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\telement: singleElement,\n\t\t\t\t\t\tpattern,\n\t\t\t\t\t\tmatch\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Matches elements for currently stored patterns. Returns array of match information with all found\n\t * {@link module:engine/view/element~ViewElement elements}. If no element is found - returns `null`.\n\t *\n\t * @see module:engine/view/matcher~Matcher#add\n\t * @see module:engine/view/matcher~Matcher#match\n\t * @param element View element to match against stored patterns.\n\t * @returns Array with match information about found elements or `null`. For more information\n\t * see {@link module:engine/view/matcher~Matcher#match match method} description.\n\t */\n\tpublic matchAll( ...element: Array<ViewElement> ): Array<MatchResult> | null {\n\t\tconst results: Array<MatchResult> = [];\n\n\t\tfor ( const singleElement of element ) {\n\t\t\tfor ( const pattern of this._patterns ) {\n\t\t\t\tconst match = this._isElementMatching( singleElement, pattern );\n\n\t\t\t\tif ( match ) {\n\t\t\t\t\tresults.push( {\n\t\t\t\t\t\telement: singleElement,\n\t\t\t\t\t\tpattern,\n\t\t\t\t\t\tmatch\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn results.length > 0 ? results : null;\n\t}\n\n\t/**\n\t * Returns the name of the element to match if there is exactly one pattern added to the matcher instance\n\t * and it matches element name defined by `string` (not `RegExp`). Otherwise, returns `null`.\n\t *\n\t * @returns Element name trying to match.\n\t */\n\tpublic getElementName(): string | null {\n\t\tif ( this._patterns.length !== 1 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst pattern = this._patterns[ 0 ];\n\t\tconst name = pattern.name;\n\n\t\treturn ( typeof pattern != 'function' && name && !( name instanceof RegExp ) ) ? name : null;\n\t}\n\n\t/**\n\t * Returns match information if {@link module:engine/view/element~ViewElement element} is matching provided pattern.\n\t * If element cannot be matched to provided pattern - returns `null`.\n\t *\n\t * @returns Returns object with match information or null if element is not matching.\n\t */\n\tprivate _isElementMatching( element: ViewElement, pattern: MatcherFunctionPattern | MatcherObjectPattern ): Match | null {\n\t\t// If pattern is provided as function - return result of that function;\n\t\tif ( typeof pattern == 'function' ) {\n\t\t\tconst match = pattern( element );\n\n\t\t\t// In some places we use Matcher with callback pattern that returns boolean.\n\t\t\tif ( !match || typeof match != 'object' ) {\n\t\t\t\treturn match;\n\t\t\t}\n\n\t\t\treturn normalizeConsumables( match );\n\t\t}\n\n\t\tconst match: Match = {};\n\n\t\t// Check element's name.\n\t\tif ( pattern.name ) {\n\t\t\tmatch.name = matchName( pattern.name, element.name );\n\n\t\t\tif ( !match.name ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\tconst attributesMatch: Array<[ string, string? ]> = [];\n\n\t\t// Check element's attributes.\n\t\tif ( pattern.attributes && !matchAttributes( pattern.attributes, element, attributesMatch ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Check element's classes.\n\t\tif ( pattern.classes && !matchClasses( pattern.classes, element, attributesMatch ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Check element's styles.\n\t\tif ( pattern.styles && !matchStyles( pattern.styles, element, attributesMatch ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Note the `attributesMatch` array is populated by the above calls.\n\t\tif ( attributesMatch.length ) {\n\t\t\tmatch.attributes = attributesMatch;\n\t\t}\n\n\t\treturn match;\n\t}\n}\n\n/**\n * Returns true if the given `item` matches the pattern.\n *\n * @internal\n * @param pattern A pattern representing a key/value we want to match.\n * @param item An actual item key/value (e.g. `'src'`, `'background-color'`, `'ck-widget'`) we're testing against pattern.\n */\nexport function isPatternMatched(\n\tpattern: true | string | RegExp,\n\titem: string\n): unknown {\n\treturn pattern === true ||\n\t\tpattern === item ||\n\t\tpattern instanceof RegExp && !!String( item ).match( pattern );\n}\n\n/**\n * Checks if name can be matched by provided pattern.\n *\n * @returns Returns `true` if name can be matched, `false` otherwise.\n */\nfunction matchName( pattern: string | RegExp, name: string ): boolean {\n\t// If pattern is provided as RegExp - test against this regexp.\n\tif ( pattern instanceof RegExp ) {\n\t\treturn !!name.match( pattern );\n\t}\n\n\treturn pattern === name;\n}\n\n/**\n * Bring all the possible pattern forms to an array of tuples where first item is a key, second is a value,\n * and third optional is a token value.\n *\n * Examples:\n *\n * Boolean pattern value:\n *\n * ```ts\n * true\n * ```\n *\n * to\n *\n * ```ts\n * [ [ true, true ] ]\n * ```\n *\n * Textual pattern value:\n *\n * ```ts\n * 'attribute-name-or-class-or-style'\n * ```\n *\n * to\n *\n * ```ts\n * [ [ 'attribute-name-or-class-or-style', true ] ]\n * ```\n *\n * Regular expression:\n *\n * ```ts\n * /^data-.*$/\n * ```\n *\n * to\n *\n * ```ts\n * [ [ /^data-.*$/, true ] ]\n * ```\n *\n * Objects (plain or with `key` and `value` specified explicitly):\n *\n * ```ts\n * {\n * \tsrc: /^https:.*$/\n * }\n * ```\n *\n * or\n *\n * ```ts\n * [ {\n * \tkey: 'src',\n * \tvalue: /^https:.*$/\n * } ]\n * ```\n *\n * to:\n *\n * ```ts\n * [ [ 'src', /^https:.*$/ ] ]\n * ```\n *\n * @returns Returns an array of objects or null if provided patterns were not in an expected form.\n */\nfunction normalizePatterns( patterns: MatchPropertyPatterns, prefix?: string ): Array<NormalizedPropertyPattern> {\n\tif ( Array.isArray( patterns ) ) {\n\t\treturn patterns.map( pattern => {\n\t\t\tif ( typeof pattern !== 'object' || pattern instanceof RegExp ) {\n\t\t\t\treturn prefix ?\n\t\t\t\t\t[ prefix, pattern, true ] :\n\t\t\t\t\t[ pattern, true ];\n\t\t\t}\n\n\t\t\tif ( pattern.key === undefined || pattern.value === undefined ) {\n\t\t\t\t// Documented at the end of matcher.js.\n\t\t\t\tlogWarning( 'matcher-pattern-missing-key-or-value', pattern );\n\t\t\t}\n\n\t\t\treturn prefix ?\n\t\t\t\t[ prefix, pattern.key, pattern.value ] :\n\t\t\t\t[ pattern.key, pattern.value ];\n\t\t} );\n\t}\n\n\tif ( typeof patterns !== 'object' || patterns instanceof RegExp ) {\n\t\treturn [\n\t\t\tprefix ?\n\t\t\t\t[ prefix, patterns, true ] :\n\t\t\t\t[ patterns, true ]\n\t\t];\n\t}\n\n\t// Below we do what Object.entries() does, but faster\n\tconst normalizedPatterns: Array<NormalizedPropertyPattern> = [];\n\n\tfor ( const key in patterns ) {\n\t\t// Replace with Object.hasOwn() when we upgrade to es2022.\n\t\tif ( Object.prototype.hasOwnProperty.call( patterns, key ) ) {\n\t\t\tnormalizedPatterns.push(\n\t\t\t\tprefix ?\n\t\t\t\t\t[ prefix, key, patterns[ key ] ] :\n\t\t\t\t\t[ key, patterns[ key ] ]\n\t\t\t);\n\t\t}\n\t}\n\n\treturn normalizedPatterns;\n}\n\n/**\n * Checks if attributes of provided element can be matched against provided patterns.\n *\n * @param patterns Object with information about attributes to match. Each key of the object will be\n * used as attribute name. Value of each key can be a string or regular expression to match against attribute value.\n * @param  element Element which attributes will be tested.\n * @param match An array to populate with matching tuples.\n * @returns Returns array with matched attribute names or `null` if no attributes were matched.\n */\nfunction matchAttributes(\n\tpatterns: MatchAttributePatterns,\n\telement: ViewElement,\n\tmatch: Array<[ string, string? ]>\n): boolean {\n\tlet excludeAttributes;\n\n\t// `style` and `class` attribute keys are deprecated. Only allow them in object pattern\n\t// for backward compatibility.\n\tif ( typeof patterns === 'object' && !( patterns instanceof RegExp ) && !Array.isArray( patterns ) ) {\n\t\tif ( patterns.style !== undefined ) {\n\t\t\t// Documented at the end of matcher.js.\n\t\t\tlogWarning( 'matcher-pattern-deprecated-attributes-style-key', patterns );\n\t\t}\n\t\tif ( patterns.class !== undefined ) {\n\t\t\t// Documented at the end of matcher.js.\n\t\t\tlogWarning( 'matcher-pattern-deprecated-attributes-class-key', patterns );\n\t\t}\n\t} else {\n\t\texcludeAttributes = [ 'class', 'style' ];\n\t}\n\n\treturn element._collectAttributesMatch( normalizePatterns( patterns ), match, excludeAttributes );\n}\n\n/**\n * Checks if classes of provided element can be matched against provided patterns.\n *\n * @param patterns Array of strings or regular expressions to match against element's classes.\n * @param element Element which classes will be tested.\n * @param match An array to populate with matching tuples.\n * @returns Returns array with matched class names or `null` if no classes were matched.\n */\nfunction matchClasses(\n\tpatterns: MatchClassPatterns,\n\telement: ViewElement,\n\tmatch: Array<[ string, string? ]>\n): boolean {\n\treturn element._collectAttributesMatch( normalizePatterns( patterns, 'class' ), match );\n}\n\n/**\n * Checks if styles of provided element can be matched against provided patterns.\n *\n * @param patterns Object with information about styles to match. Each key of the object will be\n * used as style name. Value of each key can be a string or regular expression to match against style value.\n * @param element Element which styles will be tested.\n * @param match An array to populate with matching tuples.\n * @returns Returns array with matched style names or `null` if no styles were matched.\n */\nfunction matchStyles(\n\tpatterns: MatchStylePatterns,\n\telement: ViewElement,\n\tmatch: Array<[ string, string? ]>\n): boolean {\n\treturn element._collectAttributesMatch( normalizePatterns( patterns, 'style' ), match );\n}\n\n/**\n * An entity that is a valid pattern recognized by a matcher. `MatcherPattern` is used by {@link ~Matcher} to recognize\n * if a view element fits in a group of view elements described by the pattern.\n *\n * `MatcherPattern` can be given as a `String`, a `RegExp`, an `Object` or a `Function`.\n *\n * If `MatcherPattern` is given as a `String` or `RegExp`, it will match any view element that has a matching name:\n *\n * ```ts\n * // Match any element with name equal to 'div'.\n * const pattern = 'div';\n *\n * // Match any element which name starts on 'p'.\n * const pattern = /^p/;\n * ```\n *\n * If `MatcherPattern` is given as an `Object`, all the object's properties will be matched with view element properties.\n * If the view element does not meet all of the object's pattern properties, the match will not happen.\n * Available `Object` matching properties:\n *\n * Matching view element:\n *\n * ```ts\n * // Match view element's name using String:\n * const pattern = { name: 'p' };\n *\n * // or by providing RegExp:\n * const pattern = { name: /^(ul|ol)$/ };\n *\n * // The name can also be skipped to match any view element with matching attributes:\n * const pattern = {\n * \tattributes: {\n * \t\t'title': true\n * \t}\n * };\n * ```\n *\n * Matching view element attributes:\n *\n * ```ts\n * // Match view element with any attribute value.\n * const pattern = {\n * \tname: 'p',\n * \tattributes: true\n * };\n *\n * // Match view element which has matching attributes (String).\n * const pattern = {\n * \tname: 'figure',\n * \tattributes: 'title' // Match title attribute (can be empty).\n * };\n *\n * // Match view element which has matching attributes (RegExp).\n * const pattern = {\n * \tname: 'figure',\n * \tattributes: /^data-.*$/ // Match attributes starting with `data-` e.g. `data-foo` with any value (can be empty).\n * };\n *\n * // Match view element which has matching attributes (Object).\n * const pattern = {\n * \tname: 'figure',\n * \tattributes: {\n * \t\ttitle: 'foobar',           // Match `title` attribute with 'foobar' value.\n * \t\talt: true,                 // Match `alt` attribute with any value (can be empty).\n * \t\t'data-type': /^(jpg|png)$/ // Match `data-type` attribute with `jpg` or `png` value.\n * \t}\n * };\n *\n * // Match view element which has matching attributes (Array).\n * const pattern = {\n * \tname: 'figure',\n * \tattributes: [\n * \t\t'title',    // Match `title` attribute (can be empty).\n * \t\t/^data-*$/ // Match attributes starting with `data-` e.g. `data-foo` with any value (can be empty).\n * \t]\n * };\n *\n * // Match view element which has matching attributes (key-value pairs).\n * const pattern = {\n * \tname: 'input',\n * \tattributes: [\n * \t\t{\n * \t\t\tkey: 'type',                     // Match `type` as an attribute key.\n * \t\t\tvalue: /^(text|number|date)$/\t // Match `text`, `number` or `date` values.\n * \t\t},\n * \t\t{\n * \t\t\tkey: /^data-.*$/,                // Match attributes starting with `data-` e.g. `data-foo`.\n * \t\t\tvalue: true                      // Match any value (can be empty).\n * \t\t}\n * \t]\n * };\n * ```\n *\n * Matching view element styles:\n *\n * ```ts\n * // Match view element with any style.\n * const pattern = {\n * \tname: 'p',\n * \tstyles: true\n * };\n *\n * // Match view element which has matching styles (String).\n * const pattern = {\n * \tname: 'p',\n * \tstyles: 'color' // Match attributes with `color` style.\n * };\n *\n * // Match view element which has matching styles (RegExp).\n * const pattern = {\n * \tname: 'p',\n * \tstyles: /^border.*$/ // Match view element with any border style.\n * };\n *\n * // Match view element which has matching styles (Object).\n * const pattern = {\n * \tname: 'p',\n * \tstyles: {\n * \t\tcolor: /rgb\\((\\d{1,3}), (\\d{1,3}), (\\d{1,3})\\)/, // Match `color` in RGB format only.\n * \t\t'font-weight': 600,                              // Match `font-weight` only if it's `600`.\n * \t\t'text-decoration': true                          // Match any text decoration.\n * \t}\n * };\n *\n * // Match view element which has matching styles (Array).\n * const pattern = {\n * \tname: 'p',\n * \tstyles: [\n * \t\t'color',      // Match `color` with any value.\n * \t\t/^border.*$/ // Match all border properties.\n * \t]\n * };\n *\n * // Match view element which has matching styles (key-value pairs).\n * const pattern = {\n * \tname: 'p',\n * \tstyles: [\n * \t\t{\n * \t\t\tkey: 'color',                                  \t\t// Match `color` as an property key.\n * \t\t\tvalue: /rgb\\((\\d{1,3}), (\\d{1,3}), (\\d{1,3})\\)/\t\t// Match RGB format only.\n * \t\t},\n * \t\t{\n * \t\t\tkey: /^border.*$/, // Match any border style.\n * \t\t\tvalue: true        // Match any value.\n * \t\t}\n * \t]\n * };\n * ```\n *\n * Matching view element classes:\n *\n * ```ts\n * // Match view element with any class.\n * const pattern = {\n * \tname: 'p',\n * \tclasses: true\n * };\n *\n * // Match view element which has matching class (String).\n * const pattern = {\n * \tname: 'p',\n * \tclasses: 'highlighted' // Match `highlighted` class.\n * };\n *\n * // Match view element which has matching classes (RegExp).\n * const pattern = {\n * \tname: 'figure',\n * \tclasses: /^image-side-(left|right)$/ // Match `image-side-left` or `image-side-right` class.\n * };\n *\n * // Match view element which has matching classes (Object).\n * const pattern = {\n * \tname: 'p',\n * \tclasses: {\n * \t\thighlighted: true, // Match `highlighted` class.\n * \t\tmarker: true       // Match `marker` class.\n * \t}\n * };\n *\n * // Match view element which has matching classes (Array).\n * const pattern = {\n * \tname: 'figure',\n * \tclasses: [\n * \t\t'image',                    // Match `image` class.\n * \t\t/^image-side-(left|right)$/ // Match `image-side-left` or `image-side-right` class.\n * \t]\n * };\n *\n * // Match view element which has matching classes (key-value pairs).\n * const pattern = {\n * \tname: 'figure',\n * \tclasses: [\n * \t\t{\n * \t\t\tkey: 'image', // Match `image` class.\n * \t\t\tvalue: true\n * \t\t},\n * \t\t{\n * \t\t\tkey: /^image-side-(left|right)$/, // Match `image-side-left` or `image-side-right` class.\n * \t\t\tvalue: true\n * \t\t}\n * \t]\n * };\n * ```\n *\n * Pattern can combine multiple properties allowing for more complex view element matching:\n *\n * ```ts\n * const pattern = {\n * \tname: 'span',\n * \tattributes: [ 'title' ],\n * \tstyles: {\n * \t\t'font-weight': 'bold'\n * \t},\n * \tclasses: 'highlighted'\n * };\n * ```\n *\n * If `MatcherPattern` is given as a `Function`, the function takes a view element as a first and only parameter and\n * the function should decide whether that element matches. If so, it should return what part of the view element has been matched.\n * Otherwise, the function should return `null`. The returned result will be included in `match` property of the object\n * returned by {@link ~Matcher#match} call.\n *\n * ```ts\n * // Match an empty <div> element.\n * const pattern = element => {\n * \tif ( element.name == 'div' && element.childCount > 0 ) {\n * \t\t// Return which part of the element was matched.\n * \t\treturn { name: true };\n * \t}\n *\n * \treturn null;\n * };\n *\n * // Match a <p> element with big font (\"heading-like\" element).\n * const pattern = element => {\n * \tif ( element.name == 'p' ) {\n * \t\tconst fontSize = element.getStyle( 'font-size' );\n * \t\tconst size = fontSize.match( /(\\d+)/px );\n *\n * \t\tif ( size && Number( size[ 1 ] ) > 26 ) {\n * \t\t\treturn { name: true, styles: [ 'font-size' ] };\n * \t\t}\n * \t}\n *\n * \treturn null;\n * };\n * ```\n *\n * `MatcherPattern` is defined in a way that it is a superset of {@link module:engine/view/elementdefinition~ViewElementDefinition},\n * that is, every `ElementDefinition` also can be used as a `MatcherPattern`.\n */\nexport type MatcherPattern = string | RegExp | MatcherFunctionPattern | MatcherObjectPattern;\n\n/**\n * A function describing `MatcherPattern`. See {@link ~MatcherPattern} for examples and other options.\n */\nexport type MatcherFunctionPattern = ( element: ViewElement ) => Match | Consumables | null;\n\n/**\n * An object describing `MatcherPattern`. See {@link ~MatcherPattern} for examples and other options.\n */\nexport interface MatcherObjectPattern {\n\n\t/**\n\t * View element name to match.\n\t */\n\tname?: string | RegExp;\n\n\t/**\n\t * View element's classes to match.\n\t */\n\tclasses?: MatchClassPatterns;\n\n\t/**\n\t * View element's styles to match.\n\t */\n\tstyles?: MatchStylePatterns;\n\n\t/**\n\t * View element's attributes to match.\n\t */\n\tattributes?: MatchAttributePatterns;\n}\n\n/**\n * An object representing matched element parts.\n */\nexport interface Match {\n\n\t/**\n\t * True if name of the element was matched.\n\t */\n\tname?: boolean;\n\n\t/**\n\t * Array of matching tuples: attribute name, and optional token for tokenized attributes.\n\t * Note that there could be multiple entries for the same attribute with different tokens (class names or style properties).\n\t */\n\tattributes?: Array<[string, string?]>;\n}\n\n/**\n * The result of {@link ~Matcher#match}.\n */\nexport interface MatchResult {\n\n\t/**\n\t * Matched view element.\n\t */\n\telement: ViewElement;\n\n\t/**\n\t * Pattern that was used to find matched element.\n\t */\n\tpattern: MatcherFunctionPattern | MatcherObjectPattern;\n\n\t/**\n\t * An object representing matched element parts.\n\t */\n\tmatch: Match;\n}\n\nexport type MatchPropertyPatterns<ValuePattern = string | RegExp> =\n\ttrue |\n\tstring |\n\tRegExp |\n\tRecord<string, true | ValuePattern> |\n\tArray<string | RegExp | { key: string | RegExp; value: true | ValuePattern }>;\n\nexport type MatchAttributePatterns = MatchPropertyPatterns;\nexport type MatchStylePatterns = MatchPropertyPatterns;\nexport type MatchClassPatterns = MatchPropertyPatterns<never>;\n\n/**\n * @internal\n */\nexport type NormalizedPropertyPattern = [\n\ttrue | string | RegExp,\n\ttrue | string | RegExp,\n\t( true | string | RegExp )?\n];\n\n/**\n * The key-value matcher pattern is missing key or value. Both must be present.\n * Refer the documentation: {@link module:engine/view/matcher~MatcherPattern}.\n *\n * @param pattern Pattern with missing properties.\n * @error matcher-pattern-missing-key-or-value\n */\n\n/**\n * The key-value matcher pattern for `attributes` option is using deprecated `style` key.\n *\n * Use `styles` matcher pattern option instead:\n *\n * ```ts\n * // Instead of:\n * const pattern = {\n * \tattributes: {\n * \t\tkey1: 'value1',\n * \t\tkey2: 'value2',\n * \t\tstyle: /^border.*$/\n * \t}\n * }\n *\n * // Use:\n * const pattern = {\n * \tattributes: {\n * \t\tkey1: 'value1',\n * \t\tkey2: 'value2'\n * \t},\n * \tstyles: /^border.*$/\n * }\n * ```\n *\n * Refer to the {@glink updating/guides/update-to-29##update-to-ckeditor-5-v2910 Migration to v29.1.0} guide\n * and {@link module:engine/view/matcher~MatcherPattern} documentation.\n *\n * @param pattern Pattern with missing properties.\n * @error matcher-pattern-deprecated-attributes-style-key\n */\n\n/**\n * The key-value matcher pattern for `attributes` option is using deprecated `class` key.\n *\n * Use `classes` matcher pattern option instead:\n *\n * ```ts\n * // Instead of:\n * const pattern = {\n * \tattributes: {\n * \t\tkey1: 'value1',\n * \t\tkey2: 'value2',\n * \t\tclass: 'foobar'\n * \t}\n * }\n *\n * // Use:\n * const pattern = {\n * \tattributes: {\n * \t\tkey1: 'value1',\n * \t\tkey2: 'value2'\n * \t},\n * \tclasses: 'foobar'\n * }\n * ```\n *\n * Refer to the {@glink updating/guides/update-to-29##update-to-ckeditor-5-v2910 Migration to v29.1.0} guide\n * and the {@link module:engine/view/matcher~MatcherPattern} documentation.\n *\n * @param pattern Pattern with missing properties.\n * @error matcher-pattern-deprecated-attributes-class-key\n */\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/stylesmap\n */\n\nimport { get, isObject, merge, set } from 'es-toolkit/compat';\nimport type { ViewElementAttributeValue } from './element.js';\nimport { type ArrayOrItem, toArray } from '@ckeditor/ckeditor5-utils';\nimport { isPatternMatched } from './matcher.js';\n\n/**\n * Styles map. Allows handling (adding, removing, retrieving) a set of style rules (usually, of an element).\n */\nexport class StylesMap implements ViewElementAttributeValue {\n\t/**\n\t * Keeps an internal representation of styles map. Normalized styles are kept as object tree to allow unified modification and\n\t * value access model using lodash's get, set, unset, etc methods.\n\t *\n\t * When no style processor rules are defined it acts as simple key-value storage.\n\t */\n\tprivate _styles: Styles;\n\n\t/**\n\t * Cached list of style names for faster access.\n\t */\n\tprivate _cachedStyleNames: Array<string> | null = null;\n\n\t/**\n\t * Cached list of expanded style names for faster access.\n\t */\n\tprivate _cachedExpandedStyleNames: Array<string> | null = null;\n\n\t/**\n\t * An instance of the {@link module:engine/view/stylesmap~StylesProcessor}.\n\t */\n\tprivate readonly _styleProcessor: StylesProcessor;\n\n\t/**\n\t * Creates Styles instance.\n\t */\n\tconstructor( styleProcessor: StylesProcessor ) {\n\t\tthis._styles = {};\n\t\tthis._styleProcessor = styleProcessor;\n\t}\n\n\t/**\n\t * Returns true if style map has no styles set.\n\t */\n\tpublic get isEmpty(): boolean {\n\t\tconst entries = Object.entries( this._styles );\n\n\t\treturn !entries.length;\n\t}\n\n\t/**\n\t * Number of styles defined.\n\t */\n\tpublic get size(): number {\n\t\tif ( this.isEmpty ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\treturn this.getStyleNames().length;\n\t}\n\n\t/**\n\t * Set styles map to a new value.\n\t *\n\t * ```ts\n\t * styles.setTo( 'border:1px solid blue;margin-top:1px;' );\n\t * ```\n\t */\n\tpublic setTo( inlineStyle: string ): this {\n\t\tthis.clear();\n\n\t\tconst parsedStyles = parseInlineStyles( inlineStyle );\n\n\t\tfor ( const [ key, value ] of parsedStyles ) {\n\t\t\tthis._styleProcessor.toNormalizedForm( key, value, this._styles );\n\t\t}\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Checks if a given style is set.\n\t *\n\t * ```ts\n\t * styles.setTo( 'margin-left:1px;' );\n\t *\n\t * styles.has( 'margin-left' );    // -> true\n\t * styles.has( 'padding' );        // -> false\n\t * ```\n\t *\n\t * **Note**: This check supports normalized style names.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * styles.setTo( 'margin:2px;' );\n\t *\n\t * styles.has( 'margin' );         // -> true\n\t * styles.has( 'margin-top' );     // -> true\n\t * styles.has( 'margin-left' );    // -> true\n\t *\n\t * styles.remove( 'margin-top' );\n\t *\n\t * styles.has( 'margin' );         // -> false\n\t * styles.has( 'margin-top' );     // -> false\n\t * styles.has( 'margin-left' );    // -> true\n\t * ```\n\t *\n\t * @param name Style name.\n\t */\n\tpublic has( name: string ): boolean {\n\t\tif ( this.isEmpty ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst styles = this._styleProcessor.getReducedForm( name, this._styles );\n\n\t\tconst propertyDescriptor = styles.find( ( [ property ] ) => property === name );\n\n\t\t// Only return a value if it is set;\n\t\treturn Array.isArray( propertyDescriptor );\n\t}\n\n\t/**\n\t * Sets a given style.\n\t *\n\t * Can insert one by one:\n\t *\n\t * ```ts\n\t * styles.set( 'color', 'blue' );\n\t * styles.set( 'margin-right', '1em' );\n\t * ```\n\t *\n\t * ***Note**:* This method uses {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules\n\t * enabled style processor rules} to normalize passed values.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * styles.set( 'margin', '2px' );\n\t * ```\n\t *\n\t * The above code will set margin to:\n\t *\n\t * ```ts\n\t * styles.getNormalized( 'margin' );\n\t * // -> { top: '2px', right: '2px', bottom: '2px', left: '2px' }\n\t * ```\n\t *\n\t * Which makes it possible to retrieve a \"sub-value\":\n\t *\n\t * ```ts\n\t * styles.get( 'margin-left' );       // -> '2px'\n\t * ```\n\t *\n\t * Or modify it:\n\t *\n\t * ```ts\n\t * styles.remove( 'margin-left' );\n\t *\n\t * styles.getNormalized( 'margin' );  // -> { top: '1px', bottom: '1px', right: '1px' }\n\t * styles.toString();                 // -> 'margin-bottom:1px;margin-right:1px;margin-top:1px;'\n\t * ```\n\t *\n\t * This method also allows to set normalized values directly (if a particular styles processor rule was enabled):\n\t *\n\t * ```ts\n\t * styles.set( 'border-color', { top: 'blue' } );\n\t * styles.set( 'margin', { right: '2em' } );\n\t *\n\t * styles.toString();                 // -> 'border-color-top:blue;margin-right:2em;'\n\t * ```\n\t *\n\t * @label KEY_VALUE\n\t * @param name Style property name.\n\t * @param value Value to set.\n\t */\n\tpublic set( name: string, value: StyleValue ): void;\n\n\t/**\n\t * Sets many styles at once:\n\t *\n\t * ```ts\n\t * styles.set( {\n\t * \tcolor: 'blue',\n\t * \t'margin-right': '1em'\n\t * } );\n\t * ```\n\t *\n\t * It is equivalent to:\n\t *\n\t * ```ts\n\t * styles.set( 'color', 'blue' );\n\t * styles.set( 'margin-right', '1em' );\n\t * ```\n\t *\n\t * See {@link #set:KEY_VALUE}\n\t *\n\t * @label CONFIG_OBJECT\n\t */\n\tpublic set( styles: Styles ): void;\n\n\tpublic set( nameOrObject: string | Styles, valueOrObject?: StyleValue ): void {\n\t\tthis._cachedStyleNames = null;\n\t\tthis._cachedExpandedStyleNames = null;\n\n\t\tif ( isObject( nameOrObject ) ) {\n\t\t\tfor ( const [ key, value ] of Object.entries( nameOrObject ) ) {\n\t\t\t\tthis._styleProcessor.toNormalizedForm( key, value, this._styles );\n\t\t\t}\n\t\t} else {\n\t\t\tthis._styleProcessor.toNormalizedForm( nameOrObject, valueOrObject!, this._styles );\n\t\t}\n\t}\n\n\t/**\n\t * Removes given style.\n\t *\n\t * ```ts\n\t * styles.setTo( 'background:#f00;margin-right:2px;' );\n\t *\n\t * styles.remove( 'background' );\n\t *\n\t * styles.toString();   // -> 'margin-right:2px;'\n\t * ```\n\t *\n\t * ***Note**:* This method uses {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules\n\t * enabled style processor rules} to normalize passed values.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * styles.setTo( 'margin:1px' );\n\t *\n\t * styles.remove( 'margin-top' );\n\t * styles.remove( 'margin-right' );\n\t *\n\t * styles.toString(); // -> 'margin-bottom:1px;margin-left:1px;'\n\t * ```\n\t *\n\t * @param names Style name or an array of names.\n\t */\n\tpublic remove( names: ArrayOrItem<string> ): void {\n\t\tconst normalizedStylesToRemove = {};\n\n\t\tfor ( const name of toArray( names ) ) {\n\t\t\t// First, try the easy path, when the path reflects normalized styles structure.\n\t\t\tconst path = toPath( name );\n\t\t\tconst pathValue = get( this._styles, path );\n\n\t\t\tif ( pathValue ) {\n\t\t\t\tappendStyleValue( normalizedStylesToRemove, path, pathValue );\n\t\t\t} else {\n\t\t\t\t// Easy path did not work, so try to get the value from the styles map.\n\t\t\t\tconst value = this.getAsString( name );\n\n\t\t\t\tif ( value !== undefined ) {\n\t\t\t\t\tthis._styleProcessor.toNormalizedForm( name, value, normalizedStylesToRemove );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( Object.keys( normalizedStylesToRemove ).length ) {\n\t\t\tremoveStyles( this._styles, normalizedStylesToRemove );\n\n\t\t\tthis._cachedStyleNames = null;\n\t\t\tthis._cachedExpandedStyleNames = null;\n\t\t}\n\t}\n\n\t/**\n\t * Returns a normalized style object or a single value.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px 2px 3em;' );\n\t *\n\t * styles.getNormalized( 'margin' );\n\t * // will log:\n\t * // {\n\t * //     top: '1px',\n\t * //     right: '2px',\n\t * //     bottom: '3em',\n\t * //     left: '2px'     // normalized value from margin shorthand\n\t * // }\n\t *\n\t * styles.getNormalized( 'margin-left' ); // -> '2px'\n\t * ```\n\t *\n\t * **Note**: This method will only return normalized styles if a style processor was defined.\n\t *\n\t * @param name Style name.\n\t */\n\tpublic getNormalized( name?: string ): StyleValue | undefined {\n\t\treturn this._styleProcessor.getNormalized( name, this._styles );\n\t}\n\n\t/**\n\t * Returns a normalized style string. Styles are sorted by name.\n\t *\n\t * ```ts\n\t * styles.set( 'margin' , '1px' );\n\t * styles.set( 'background', '#f00' );\n\t *\n\t * styles.toString(); // -> 'background:#f00;margin:1px;'\n\t * ```\n\t *\n\t * **Note**: This method supports normalized styles if defined.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * styles.set( 'margin' , '1px' );\n\t * styles.set( 'background', '#f00' );\n\t * styles.remove( 'margin-top' );\n\t * styles.remove( 'margin-right' );\n\t *\n\t * styles.toString(); // -> 'background:#f00;margin-bottom:1px;margin-left:1px;'\n\t * ```\n\t */\n\tpublic toString(): string {\n\t\tif ( this.isEmpty ) {\n\t\t\treturn '';\n\t\t}\n\n\t\treturn this.getStylesEntries()\n\t\t\t.map( arr => arr.join( ':' ) )\n\t\t\t.sort()\n\t\t\t.join( ';' ) + ';';\n\t}\n\n\t/**\n\t * Returns property as a value string or undefined if property is not set.\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px;' );\n\t * styles.set( 'margin-bottom', '3em' );\n\t *\n\t * styles.getAsString( 'margin' ); // -> 'margin: 1px 1px 3em;'\n\t * ```\n\t *\n\t * Note, however, that all sub-values must be set for the longhand property name to return a value:\n\t *\n\t * ```ts\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px;' );\n\t * styles.remove( 'margin-bottom' );\n\t *\n\t * styles.getAsString( 'margin' ); // -> undefined\n\t * ```\n\t *\n\t * In the above scenario, it is not possible to return a `margin` value, so `undefined` is returned.\n\t * Instead, you should use:\n\t *\n\t * ```ts\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px;' );\n\t * styles.remove( 'margin-bottom' );\n\t *\n\t * for ( const styleName of styles.getStyleNames() ) {\n\t * \tconsole.log( styleName, styles.getAsString( styleName ) );\n\t * }\n\t * // 'margin-top', '1px'\n\t * // 'margin-right', '1px'\n\t * // 'margin-left', '1px'\n\t * ```\n\t *\n\t * In general, it is recommend to iterate over style names like in the example above. This way, you will always get all\n\t * the currently set style values. So, if all the 4 margin values would be set\n\t * the for-of loop above would yield only `'margin'`, `'1px'`:\n\t *\n\t * ```ts\n\t * const styles = new Styles();\n\t * styles.setTo( 'margin:1px;' );\n\t *\n\t * for ( const styleName of styles.getStyleNames() ) {\n\t * \tconsole.log( styleName, styles.getAsString( styleName ) );\n\t * }\n\t * // 'margin', '1px'\n\t * ```\n\t *\n\t * **Note**: To get a normalized version of a longhand property use the {@link #getNormalized `#getNormalized()`} method.\n\t */\n\tpublic getAsString( propertyName: string ): string | undefined {\n\t\tif ( this.isEmpty ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this._styles[ propertyName ] && !isObject( this._styles[ propertyName ] ) ) {\n\t\t\t// Try return styles set directly - values that are not parsed.\n\t\t\treturn this._styles[ propertyName ] as string;\n\t\t}\n\n\t\tconst styles = this._styleProcessor.getReducedForm( propertyName, this._styles );\n\n\t\tconst propertyDescriptor = styles.find( ( [ property ] ) => property === propertyName );\n\n\t\t// Only return a value if it is set;\n\t\tif ( Array.isArray( propertyDescriptor ) ) {\n\t\t\treturn propertyDescriptor[ 1 ];\n\t\t}\n\t}\n\n\t/**\n\t * Returns all style properties names as they would appear when using {@link #toString `#toString()`}.\n\t *\n\t * When `expand` is set to true and there's a shorthand style property set, it will also return all equivalent styles:\n\t *\n\t * ```ts\n\t * stylesMap.setTo( 'margin: 1em' )\n\t * ```\n\t *\n\t * will be expanded to:\n\t *\n\t * ```ts\n\t * [ 'margin', 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' ]\n\t * ```\n\t *\n\t * @param expand Expand shorthand style properties and all return equivalent style representations.\n\t */\n\tpublic getStyleNames( expand = false ): Array<string> {\n\t\tif ( this.isEmpty ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tif ( expand ) {\n\t\t\tthis._cachedExpandedStyleNames ||= this._styleProcessor.getStyleNames( this._styles );\n\n\t\t\treturn this._cachedExpandedStyleNames;\n\t\t}\n\n\t\tthis._cachedStyleNames ||= this.getStylesEntries().map( ( [ key ] ) => key );\n\n\t\treturn this._cachedStyleNames;\n\t}\n\n\t/**\n\t * Alias for {@link #getStyleNames}.\n\t */\n\tpublic keys(): Array<string> {\n\t\treturn this.getStyleNames();\n\t}\n\n\t/**\n\t * Removes all styles.\n\t */\n\tpublic clear(): void {\n\t\tthis._styles = {};\n\t\tthis._cachedStyleNames = null;\n\t\tthis._cachedExpandedStyleNames = null;\n\t}\n\n\t/**\n\t * Returns `true` if both attributes have the same styles.\n\t */\n\tpublic isSimilar( other: StylesMap ): boolean {\n\t\tif ( this.size !== other.size ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const property of this.getStyleNames() ) {\n\t\t\tif ( !other.has( property ) || other.getAsString( property ) !== this.getAsString( property ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Returns normalized styles entries for further processing.\n\t */\n\tpublic getStylesEntries(): Array<StylePropertyDescriptor> {\n\t\tconst parsed: Array<StylePropertyDescriptor> = [];\n\n\t\tconst keys = Object.keys( this._styles );\n\n\t\tfor ( const key of keys ) {\n\t\t\tparsed.push( ...this._styleProcessor.getReducedForm( key, this._styles ) );\n\t\t}\n\n\t\treturn parsed;\n\t}\n\n\t/**\n\t * Clones the attribute value.\n\t *\n\t * @internal\n\t */\n\tpublic _clone(): this {\n\t\tconst clone = new ( this.constructor as any )( this._styleProcessor );\n\n\t\tclone.set( this.getNormalized() );\n\n\t\treturn clone;\n\t}\n\n\t/**\n\t * Used by the {@link module:engine/view/matcher~Matcher Matcher} to collect matching styles.\n\t *\n\t * @internal\n\t * @param tokenPattern The matched style name pattern.\n\t * @param valuePattern The matched style value pattern.\n\t * @returns An array of matching tokens (style names).\n\t */\n\tpublic _getTokensMatch(\n\t\ttokenPattern: true | string | RegExp,\n\t\tvaluePattern: true | string | RegExp\n\t): Array<string> | undefined {\n\t\tconst match: Array<string> = [];\n\n\t\tfor ( const styleName of this.getStyleNames( true ) ) {\n\t\t\tif ( isPatternMatched( tokenPattern, styleName ) ) {\n\t\t\t\tif ( valuePattern === true ) {\n\t\t\t\t\tmatch.push( styleName );\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// For now, the reducers are not returning the full tree of properties.\n\t\t\t\t// Casting to string preserves the old behavior until the root cause is fixed.\n\t\t\t\t// More can be found in https://github.com/ckeditor/ckeditor5/issues/10399.\n\t\t\t\tconst value = this.getAsString( styleName );\n\n\t\t\t\tif ( isPatternMatched( valuePattern, value! ) ) {\n\t\t\t\t\tmatch.push( styleName );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn match.length ? match : undefined;\n\t}\n\n\t/**\n\t * Returns a list of consumables for the attribute. This includes related styles.\n\t *\n\t * Could be filtered by the given style name.\n\t *\n\t * @internal\n\t */\n\tpublic _getConsumables( name?: string ): Array<string> {\n\t\tconst result = [];\n\n\t\tif ( name ) {\n\t\t\tresult.push( name );\n\n\t\t\tfor ( const relatedName of this._styleProcessor.getRelatedStyles( name ) ) {\n\t\t\t\tresult.push( relatedName );\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tfor ( const name of this.getStyleNames() ) {\n\t\t\t\tfor ( const relatedName of this._styleProcessor.getRelatedStyles( name ) ) {\n\t\t\t\t\tresult.push( relatedName );\n\t\t\t\t}\n\n\t\t\t\tresult.push( name );\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}\n\n\t/**\n\t * Used by {@link module:engine/view/element~ViewElement#_canMergeAttributesFrom} to verify if the given attribute can be merged without\n\t * conflicts into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t */\n\tpublic _canMergeFrom( other: StylesMap ): boolean {\n\t\tfor ( const key of other.getStyleNames() ) {\n\t\t\tif ( this.has( key ) && this.getAsString( key ) !== other.getAsString( key ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Used by {@link module:engine/view/element~ViewElement#_mergeAttributesFrom} to merge a given attribute into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t */\n\tpublic _mergeFrom( other: StylesMap ): void {\n\t\tfor ( const prop of other.getStyleNames() ) {\n\t\t\tif ( !this.has( prop ) ) {\n\t\t\t\tthis.set( prop, other.getAsString( prop )! );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Used by {@link module:engine/view/element~ViewElement#_canSubtractAttributesOf} to verify if the given attribute can be fully\n\t * subtracted from the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to unwrap the ViewAttributeElement.\n\t *\n\t * @internal\n\t */\n\tpublic _isMatching( other: StylesMap ): boolean {\n\t\tfor ( const key of other.getStyleNames() ) {\n\t\t\tif ( !this.has( key ) || this.getAsString( key ) !== other.getAsString( key ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\n/**\n * Style processor is responsible for writing and reading a normalized styles object.\n */\nexport class StylesProcessor {\n\tprivate readonly _normalizers: Map<string, StylesNormalizer>;\n\tprivate readonly _extractors: Map<string, StylesExtractor>;\n\tprivate readonly _reducers: Map<string, StylesReducer>;\n\tprivate readonly _consumables: Map<string, Array<string>>;\n\n\t/**\n\t * Creates StylesProcessor instance.\n\t *\n\t * @internal\n\t */\n\tconstructor() {\n\t\tthis._normalizers = new Map();\n\t\tthis._extractors = new Map();\n\t\tthis._reducers = new Map();\n\t\tthis._consumables = new Map();\n\t}\n\n\t/**\n\t * Parse style string value to a normalized object and appends it to styles object.\n\t *\n\t * ```ts\n\t * const styles = {};\n\t *\n\t * stylesProcessor.toNormalizedForm( 'margin', '1px', styles );\n\t *\n\t * // styles will consist: { margin: { top: '1px', right: '1px', bottom: '1px', left: '1px; } }\n\t * ```\n\t *\n\t * **Note**: To define normalizer callbacks use {@link #setNormalizer}.\n\t *\n\t * @param name Name of style property.\n\t * @param propertyValue Value of style property.\n\t * @param styles Object holding normalized styles.\n\t */\n\tpublic toNormalizedForm( name: string, propertyValue: StyleValue, styles: Styles ): void {\n\t\tif ( isObject( propertyValue ) ) {\n\t\t\tappendStyleValue( styles, toPath( name ), propertyValue );\n\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this._normalizers.has( name ) ) {\n\t\t\tconst normalizer = this._normalizers.get( name )!;\n\n\t\t\tconst { path, value } = normalizer( propertyValue );\n\n\t\t\tappendStyleValue( styles, path, value );\n\t\t} else {\n\t\t\tappendStyleValue( styles, name, propertyValue );\n\t\t}\n\t}\n\n\t/**\n\t * Returns a normalized version of a style property.\n\t *\n\t * ```ts\n\t * const styles = {\n\t * \tmargin: { top: '1px', right: '1px', bottom: '1px', left: '1px; },\n\t * \tbackground: { color: '#f00' }\n\t * };\n\t *\n\t * stylesProcessor.getNormalized( 'background' );\n\t * // will return: { color: '#f00' }\n\t *\n\t * stylesProcessor.getNormalized( 'margin-top' );\n\t * // will return: '1px'\n\t * ```\n\t *\n\t * **Note**: In some cases extracting single value requires defining an extractor callback {@link #setExtractor}.\n\t *\n\t * @param name Name of style property.\n\t * @param styles Object holding normalized styles.\n\t */\n\tpublic getNormalized( name: string | undefined, styles: Styles ): StyleValue | undefined {\n\t\tif ( !name ) {\n\t\t\treturn merge( {}, styles );\n\t\t}\n\n\t\t// Might be empty string.\n\t\tif ( styles[ name ] !== undefined ) {\n\t\t\treturn styles[ name ];\n\t\t}\n\n\t\tif ( this._extractors.has( name ) ) {\n\t\t\tconst extractor = this._extractors.get( name )!;\n\n\t\t\tif ( typeof extractor === 'string' ) {\n\t\t\t\treturn get( styles, extractor );\n\t\t\t}\n\n\t\t\tconst value = extractor( name, styles );\n\n\t\t\tif ( value ) {\n\t\t\t\treturn value;\n\t\t\t}\n\t\t}\n\n\t\treturn get( styles, toPath( name ) );\n\t}\n\n\t/**\n\t * Returns a reduced form of style property form normalized object.\n\t *\n\t * For default margin reducer, the below code:\n\t *\n\t * ```ts\n\t * stylesProcessor.getReducedForm( 'margin', {\n\t * \tmargin: { top: '1px', right: '1px', bottom: '2px', left: '1px; }\n\t * } );\n\t * ```\n\t *\n\t * will return:\n\t *\n\t * ```ts\n\t * [\n\t * \t[ 'margin', '1px 1px 2px' ]\n\t * ]\n\t * ```\n\t *\n\t * because it might be represented as a shorthand 'margin' value. However if one of margin long hand values is missing it should return:\n\t *\n\t * ```ts\n\t * [\n\t * \t[ 'margin-top', '1px' ],\n\t * \t[ 'margin-right', '1px' ],\n\t * \t[ 'margin-bottom', '2px' ]\n\t * \t// the 'left' value is missing - cannot use 'margin' shorthand.\n\t * ]\n\t * ```\n\t *\n\t * **Note**: To define reducer callbacks use {@link #setReducer}.\n\t *\n\t * @param name Name of style property.\n\t */\n\tpublic getReducedForm( name: string, styles: Styles ): Array<StylePropertyDescriptor> {\n\t\tconst normalizedValue = this.getNormalized( name, styles );\n\n\t\t// Might be empty string.\n\t\tif ( normalizedValue === undefined ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tif ( this._reducers.has( name ) ) {\n\t\t\tconst reducer = this._reducers.get( name )!;\n\n\t\t\treturn reducer( normalizedValue );\n\t\t}\n\n\t\treturn [ [ name, normalizedValue as string ] ];\n\t}\n\n\t/**\n\t * Return all style properties. Also expand shorthand properties (e.g. `margin`, `background`) if respective extractor is available.\n\t *\n\t * @param styles Object holding normalized styles.\n\t */\n\tpublic getStyleNames( styles: Styles ): Array<string> {\n\t\tconst styleNamesKeysSet = new Set<string>();\n\n\t\t// Find all extractable styles that have a value.\n\t\tfor ( const name of this._consumables.keys() ) {\n\t\t\tconst style = this.getNormalized( name, styles );\n\n\t\t\tif ( style && ( typeof style != 'object' || Object.keys( style ).length ) ) {\n\t\t\t\tstyleNamesKeysSet.add( name );\n\t\t\t}\n\t\t}\n\n\t\t// For simple styles (for example `color`) we don't have a map of those styles\n\t\t// but they are 1 to 1 with normalized object keys.\n\t\tfor ( const name of Object.keys( styles ) ) {\n\t\t\tstyleNamesKeysSet.add( name );\n\t\t}\n\n\t\treturn Array.from( styleNamesKeysSet );\n\t}\n\n\t/**\n\t * Returns related style names.\n\t *\n\t * ```ts\n\t * stylesProcessor.getRelatedStyles( 'margin' );\n\t * // will return: [ 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' ];\n\t *\n\t * stylesProcessor.getRelatedStyles( 'margin-top' );\n\t * // will return: [ 'margin' ];\n\t * ```\n\t *\n\t * **Note**: To define new style relations load an existing style processor or use\n\t * {@link module:engine/view/stylesmap~StylesProcessor#setStyleRelation `StylesProcessor.setStyleRelation()`}.\n\t */\n\tpublic getRelatedStyles( name: string ): Array<string> {\n\t\treturn this._consumables.get( name ) || [];\n\t}\n\n\t/**\n\t * Adds a normalizer method for a style property.\n\t *\n\t * A normalizer returns describing how the value should be normalized.\n\t *\n\t * For instance 'margin' style is a shorthand for four margin values:\n\t *\n\t * - 'margin-top'\n\t * - 'margin-right'\n\t * - 'margin-bottom'\n\t * - 'margin-left'\n\t *\n\t * and can be written in various ways if some values are equal to others. For instance `'margin: 1px 2em;'` is a shorthand for\n\t * `'margin-top: 1px;margin-right: 2em;margin-bottom: 1px;margin-left: 2em'`.\n\t *\n\t * A normalizer should parse various margin notations as a single object:\n\t *\n\t * ```ts\n\t * const styles = {\n\t * \tmargin: {\n\t * \t\ttop: '1px',\n\t * \t\tright: '2em',\n\t * \t\tbottom: '1px',\n\t * \t\tleft: '2em'\n\t * \t}\n\t * };\n\t * ```\n\t *\n\t * Thus a normalizer for 'margin' style should return an object defining style path and value to store:\n\t *\n\t * ```ts\n\t * const returnValue = {\n\t * \tpath: 'margin',\n\t * \tvalue: {\n\t * \t\ttop: '1px',\n\t * \t\tright: '2em',\n\t * \t\tbottom: '1px',\n\t * \t\tleft: '2em'\n\t * \t}\n\t * };\n\t * ```\n\t *\n\t * Additionally to fully support all margin notations there should be also defined 4 normalizers for longhand margin notations. Below\n\t * is an example for 'margin-top' style property normalizer:\n\t *\n\t * ```ts\n\t * stylesProcessor.setNormalizer( 'margin-top', valueString => {\n\t * \treturn {\n\t * \t\tpath: 'margin.top',\n\t * \t\tvalue: valueString\n\t * \t}\n\t * } );\n\t * ```\n\t */\n\tpublic setNormalizer( name: string, callback: StylesNormalizer ): void {\n\t\tthis._normalizers.set( name, callback );\n\t}\n\n\t/**\n\t * Adds a extractor callback for a style property.\n\t *\n\t * Most normalized style values are stored as one level objects. It is assumed that `'margin-top'` style will be stored as:\n\t *\n\t * ```ts\n\t * const styles = {\n\t * \tmargin: {\n\t * \t\ttop: 'value'\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * However, some styles can have conflicting notations and thus it might be harder to extract a style value from shorthand. For instance\n\t * the 'border-top-style' can be defined using `'border-top:solid'`, `'border-style:solid none none none'` or by `'border:solid'`\n\t * shorthands. The default border styles processors stores styles as:\n\t *\n\t * ```ts\n\t * const styles = {\n\t * \tborder: {\n\t * \t\tstyle: {\n\t * \t\t\ttop: 'solid'\n\t * \t\t}\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * as it is better to modify border style independently from other values. On the other part the output of the border might be\n\t * desired as `border-top`, `border-left`, etc notation.\n\t *\n\t * In the above example an extractor should return a side border value that combines style, color and width:\n\t *\n\t * ```ts\n\t * styleProcessor.setExtractor( 'border-top', styles => {\n\t * \treturn {\n\t * \t\tcolor: styles.border.color.top,\n\t * \t\tstyle: styles.border.style.top,\n\t * \t\twidth: styles.border.width.top\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * @param callbackOrPath Callback that return a requested value or path string for single values.\n\t */\n\tpublic setExtractor( name: string, callbackOrPath: StylesExtractor ): void {\n\t\tthis._extractors.set( name, callbackOrPath );\n\t}\n\n\t/**\n\t * Adds a reducer callback for a style property.\n\t *\n\t * Reducer returns a minimal notation for given style name. For longhand properties it is not required to write a reducer as\n\t * by default the direct value from style path is taken.\n\t *\n\t * For shorthand styles a reducer should return minimal style notation either by returning single name-value tuple or multiple tuples\n\t * if a shorthand cannot be used. For instance for a margin shorthand a reducer might return:\n\t *\n\t * ```ts\n\t * const marginShortHandTuple = [\n\t * \t[ 'margin', '1px 1px 2px' ]\n\t * ];\n\t * ```\n\t *\n\t * or a longhand tuples for defined values:\n\t *\n\t * ```ts\n\t * // Considering margin.bottom and margin.left are undefined.\n\t * const marginLonghandsTuples = [\n\t * \t[ 'margin-top', '1px' ],\n\t * \t[ 'margin-right', '1px' ]\n\t * ];\n\t * ```\n\t *\n\t * A reducer obtains a normalized style value:\n\t *\n\t * ```ts\n\t * // Simplified reducer that always outputs 4 values which are always present:\n\t * stylesProcessor.setReducer( 'margin', margin => {\n\t * \treturn [\n\t * \t\t[ 'margin', `${ margin.top } ${ margin.right } ${ margin.bottom } ${ margin.left }` ]\n\t * \t]\n\t * } );\n\t * ```\n\t */\n\tpublic setReducer( name: string, callback: StylesReducer ): void {\n\t\tthis._reducers.set( name, callback );\n\t}\n\n\t/**\n\t * Defines a style shorthand relation to other style notations.\n\t *\n\t * ```ts\n\t * stylesProcessor.setStyleRelation( 'margin', [\n\t * \t'margin-top',\n\t * \t'margin-right',\n\t * \t'margin-bottom',\n\t * \t'margin-left'\n\t * ] );\n\t * ```\n\t *\n\t * This enables expanding of style names for shorthands. For instance, if defined,\n\t * {@link module:engine/conversion/viewconsumable~ViewConsumable view consumable} items are automatically created\n\t * for long-hand margin style notation alongside the `'margin'` item.\n\t *\n\t * This means that when an element being converted has a style `margin`, a converter for `margin-left` will work just\n\t * fine since the view consumable will contain a consumable `margin-left` item (thanks to the relation) and\n\t * `element.getStyle( 'margin-left' )` will work as well assuming that the style processor was correctly configured.\n\t * However, once `margin-left` is consumed, `margin` will not be consumable anymore.\n\t */\n\tpublic setStyleRelation( shorthandName: string, styleNames: Array<string> ): void {\n\t\tthis._mapStyleNames( shorthandName, styleNames );\n\n\t\tfor ( const alsoName of styleNames ) {\n\t\t\tthis._mapStyleNames( alsoName, [ shorthandName ] );\n\t\t}\n\t}\n\n\t/**\n\t * Set two-way binding of style names.\n\t */\n\tprivate _mapStyleNames( name: string, styleNames: Array<string> ) {\n\t\tif ( !this._consumables.has( name ) ) {\n\t\t\tthis._consumables.set( name, [] );\n\t\t}\n\n\t\tthis._consumables.get( name )!.push( ...styleNames );\n\t}\n}\n\n/**\n * Parses inline styles and puts property - value pairs into styles map.\n *\n * @param stylesString Styles to parse.\n * @returns Map of parsed properties and values.\n */\nfunction parseInlineStyles( stylesString: string ): Map<string, string> {\n\t// `null` if no quote was found in input string or last found quote was a closing quote. See below.\n\tlet quoteType = null;\n\tlet propertyNameStart = 0;\n\tlet propertyValueStart = 0;\n\tlet propertyName = null;\n\n\tconst stylesMap = new Map();\n\n\t// Do not set anything if input string is empty.\n\tif ( stylesString === '' ) {\n\t\treturn stylesMap;\n\t}\n\n\t// Fix inline styles that do not end with `;` so they are compatible with algorithm below.\n\tif ( stylesString.charAt( stylesString.length - 1 ) != ';' ) {\n\t\tstylesString = stylesString + ';';\n\t}\n\n\t// Seek the whole string for \"special characters\".\n\tfor ( let i = 0; i < stylesString.length; i++ ) {\n\t\tconst char = stylesString.charAt( i );\n\n\t\tif ( quoteType === null ) {\n\t\t\t// No quote found yet or last found quote was a closing quote.\n\t\t\tswitch ( char ) {\n\t\t\t\tcase ':':\n\t\t\t\t\t// Most of time colon means that property name just ended.\n\t\t\t\t\t// Sometimes however `:` is found inside property value (for example in background image url).\n\t\t\t\t\tif ( !propertyName ) {\n\t\t\t\t\t\t// Treat this as end of property only if property name is not already saved.\n\t\t\t\t\t\t// Save property name.\n\t\t\t\t\t\tpropertyName = stylesString.substr( propertyNameStart, i - propertyNameStart );\n\t\t\t\t\t\t// Save this point as the start of property value.\n\t\t\t\t\t\tpropertyValueStart = i + 1;\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase '\"':\n\t\t\t\tcase '\\'':\n\t\t\t\t\t// Opening quote found (this is an opening quote, because `quoteType` is `null`).\n\t\t\t\t\tquoteType = char;\n\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase ';': {\n\t\t\t\t\t// Property value just ended.\n\t\t\t\t\t// Use previously stored property value start to obtain property value.\n\t\t\t\t\tconst propertyValue = stylesString.substr( propertyValueStart, i - propertyValueStart );\n\n\t\t\t\t\tif ( propertyName ) {\n\t\t\t\t\t\t// Save parsed part.\n\t\t\t\t\t\tstylesMap.set( propertyName.trim(), propertyValue.trim() );\n\t\t\t\t\t}\n\n\t\t\t\t\tpropertyName = null;\n\n\t\t\t\t\t// Save this point as property name start. Property name starts immediately after previous property value ends.\n\t\t\t\t\tpropertyNameStart = i + 1;\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t} else if ( char === quoteType ) {\n\t\t\t// If a quote char is found and it is a closing quote, mark this fact by `null`-ing `quoteType`.\n\t\t\tquoteType = null;\n\t\t}\n\t}\n\n\treturn stylesMap;\n}\n\n/**\n * Return lodash compatible path from style name.\n */\nfunction toPath( name: string ): string {\n\treturn name.replace( '-', '.' );\n}\n\n/**\n * Appends style definition to the styles object.\n */\nfunction appendStyleValue( stylesObject: Styles, nameOrPath: string, valueOrObject: StyleValue ) {\n\tlet valueToSet = valueOrObject;\n\n\tif ( isObject( valueOrObject ) ) {\n\t\tvalueToSet = merge( {}, get( stylesObject, nameOrPath ), valueOrObject );\n\t}\n\n\tset( stylesObject, nameOrPath, valueToSet );\n}\n\n/**\n * Modifies the `styles` deeply nested object by removing properties defined in `toRemove`.\n */\nfunction removeStyles( styles: Styles, toRemove: Styles ) {\n\tfor ( const key of Object.keys( toRemove ) ) {\n\t\tif (\n\t\t\tstyles[ key ] !== null &&\n\t\t\t!Array.isArray( styles[ key ] ) &&\n\t\t\ttypeof styles[ key ] == 'object' &&\n\t\t\ttypeof toRemove[ key ] == 'object'\n\t\t) {\n\t\t\tremoveStyles( styles[ key ] as Styles, toRemove[ key ] as Styles );\n\n\t\t\tif ( !Object.keys( styles[ key ] ).length ) {\n\t\t\t\tdelete styles[ key ];\n\t\t\t}\n\t\t} else {\n\t\t\tdelete styles[ key ];\n\t\t}\n\t}\n}\n\n/**\n * A CSS style property descriptor that contains tuple of two strings:\n *\n * - first string describes property name\n * - second string describes property value\n *\n * ```ts\n * const marginDescriptor = [ 'margin', '2px 3em' ];\n * const marginTopDescriptor = [ 'margin-top', '2px' ];\n * ```\n */\nexport type StylePropertyDescriptor = [ name: string, value: string ];\n\n/**\n * An object describing values associated with the sides of a box, for instance margins, paddings,\n * border widths, border colors, etc.\n *\n * ```ts\n * const margin = {\n * \ttop: '1px',\n * \tright: '3px',\n * \tbottom: '3px',\n * \tleft: '7px'\n * };\n *\n * const borderColor = {\n * \ttop: 'red',\n * \tright: 'blue',\n * \tbottom: 'blue',\n * \tleft: 'red'\n * };\n * ```\n */\nexport type BoxStyleSides = {\n\n\t/**\n\t * Top side value.\n\t */\n\ttop: undefined | string;\n\n\t/**\n\t * Left side value.\n\t */\n\tleft: undefined | string;\n\n\t/**\n\t * Right side value.\n\t */\n\tright: undefined | string;\n\n\t/**\n\t * Bottom side value.\n\t */\n\tbottom: undefined | string;\n};\n\n/**\n * Object holding styles as key-value pairs.\n */\nexport interface Styles {\n\t[ name: string ]: StyleValue;\n}\n\n/**\n * The value of style.\n */\nexport type StyleValue = string | Array<string> | Styles | BoxStyleSides;\n\n/**\n * A normalizer method for a style property.\n *\n * @see ~StylesProcessor#setNormalizer\n */\nexport type StylesNormalizer = ( name: string ) => { path: string; value: StyleValue };\n\n/**\n * An extractor callback for a style property or path string for single values.\n *\n * @see ~StylesProcessor#setExtractor\n */\nexport type StylesExtractor = string | ( ( name: string, styles: Styles ) => StyleValue | undefined );\n\n/**\n * A reducer callback for a style property.\n *\n * @see ~StylesProcessor#setReducer\n */\nexport type StylesReducer = ( value: StyleValue ) => Array<StylePropertyDescriptor>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/tokenlist\n */\n\nimport { type ArrayOrItem, toArray } from '@ckeditor/ckeditor5-utils';\nimport type { ViewElementAttributeValue } from './element.js';\n\n/**\n * Token list. Allows handling (adding, removing, retrieving) a set of tokens (for example class names).\n */\nexport class ViewTokenList implements ViewElementAttributeValue {\n\t/**\n\t * The set of tokens.\n\t */\n\tprivate _set = new Set<string>();\n\n\t/**\n\t * Returns true if token list has no tokens set.\n\t */\n\tpublic get isEmpty(): boolean {\n\t\treturn this._set.size == 0;\n\t}\n\n\t/**\n\t * Number of tokens.\n\t */\n\tpublic get size(): number {\n\t\treturn this._set.size;\n\t}\n\n\t/**\n\t * Checks if a given token is set.\n\t */\n\tpublic has( name: string ): boolean {\n\t\treturn this._set.has( name );\n\t}\n\n\t/**\n\t * Returns all tokens.\n\t */\n\tpublic keys(): Array<string> {\n\t\treturn Array.from( this._set.keys() );\n\t}\n\n\t/**\n\t * Resets the value to the given one.\n\t */\n\tpublic setTo( value: string ): this {\n\t\tthis.clear();\n\n\t\tfor ( const token of value.split( /\\s+/ ) ) {\n\t\t\tif ( token ) {\n\t\t\t\tthis._set.add( token );\n\t\t\t}\n\t\t}\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Sets a given token without affecting other tokens.\n\t */\n\tpublic set( tokens: ArrayOrItem<string> ): void {\n\t\tfor ( const token of toArray( tokens ) ) {\n\t\t\tif ( token ) {\n\t\t\t\tthis._set.add( token );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Removes given token.\n\t */\n\tpublic remove( tokens: ArrayOrItem<string> ): void {\n\t\tfor ( const token of toArray( tokens ) ) {\n\t\t\tthis._set.delete( token );\n\t\t}\n\t}\n\n\t/**\n\t * Removes all tokens.\n\t */\n\tpublic clear(): void {\n\t\tthis._set.clear();\n\t}\n\n\t/**\n\t * Returns a normalized tokens string.\n\t */\n\tpublic toString(): string {\n\t\treturn Array.from( this._set ).join( ' ' );\n\t}\n\n\t/**\n\t * Returns `true` if both attributes have the same tokens.\n\t */\n\tpublic isSimilar( other: ViewTokenList ): boolean {\n\t\tif ( this.size !== other.size ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const token of this.keys() ) {\n\t\t\tif ( !other.has( token ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Clones the attribute value.\n\t *\n\t * @internal\n\t */\n\tpublic _clone(): this {\n\t\tconst clone = new ( this.constructor as any )();\n\n\t\tclone._set = new Set( this._set );\n\n\t\treturn clone;\n\t}\n\n\t/**\n\t * Used by the {@link module:engine/view/matcher~Matcher Matcher} to collect matching attribute tokens.\n\t *\n\t * @internal\n\t * @param tokenPattern The matched token name pattern.\n\t * @returns An array of matching tokens.\n\t */\n\tpublic _getTokensMatch(\n\t\ttokenPattern: true | string | RegExp\n\t): Array<string> | undefined {\n\t\tconst match: Array<string> = [];\n\n\t\tif ( tokenPattern === true ) {\n\t\t\tfor ( const token of this._set.keys() ) {\n\t\t\t\tmatch.push( token );\n\t\t\t}\n\n\t\t\treturn match;\n\t\t}\n\n\t\tif ( typeof tokenPattern == 'string' ) {\n\t\t\tfor ( const token of tokenPattern.split( /\\s+/ ) ) {\n\t\t\t\tif ( this._set.has( token ) ) {\n\t\t\t\t\tmatch.push( token );\n\t\t\t\t} else {\n\t\t\t\t\treturn undefined;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn match;\n\t\t}\n\n\t\tfor ( const token of this._set.keys() ) {\n\t\t\tif ( token.match( tokenPattern ) ) {\n\t\t\t\tmatch.push( token );\n\t\t\t}\n\t\t}\n\n\t\treturn match.length ? match : undefined;\n\t}\n\n\t/**\n\t * Returns a list of consumables for the attribute.\n\t *\n\t * Could be filtered by the given token name.\n\t *\n\t * @internal\n\t */\n\tpublic _getConsumables( name?: string ): Array<string> {\n\t\treturn name ? [ name ] : this.keys();\n\t}\n\n\t/**\n\t * Used by {@link module:engine/view/element~ViewElement#_canMergeAttributesFrom} to verify if the given attribute\n\t * can be merged without conflicts into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while downcasting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other `AttributeElement`.\n\t *\n\t * @internal\n\t */\n\tpublic _canMergeFrom(): boolean {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Used by {@link module:engine/view/element~ViewElement#_mergeAttributesFrom} to merge a given attribute into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t */\n\tpublic _mergeFrom( other: ViewTokenList ): void {\n\t\tfor ( const token of other._set.keys() ) {\n\t\t\tif ( !this._set.has( token ) ) {\n\t\t\t\tthis._set.add( token );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Used by {@link module:engine/view/element~ViewElement#_canSubtractAttributesOf} to verify if the given attribute\n\t * can be fully subtracted from the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to unwrap the ViewAttributeElement.\n\t *\n\t * @internal\n\t */\n\tpublic _isMatching( other: ViewTokenList ): boolean {\n\t\tfor ( const name of other._set.keys() ) {\n\t\t\tif ( !this._set.has( name ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/element\n */\n\nimport { ViewNode } from './node.js';\nimport { ViewText } from './text.js';\nimport { ViewTextProxy } from './textproxy.js';\nimport { type ArrayOrItem, isIterable, toMap } from '@ckeditor/ckeditor5-utils';\nimport { Matcher, isPatternMatched, type MatcherPattern, type NormalizedPropertyPattern } from './matcher.js';\nimport { StylesMap, type Styles, type StyleValue } from './stylesmap.js';\n\nimport { type ViewDocument } from './document.js';\nimport { type ViewItem } from './item.js';\nimport { ViewTokenList } from './tokenlist.js';\n\n// @if CK_DEBUG_ENGINE // const { convertMapToTags } = require( '../dev-utils/utils' );\n\n/**\n * View element.\n *\n * The editing engine does not define a fixed semantics of its elements (it is \"DTD-free\").\n * This is why the type of the {@link module:engine/view/element~ViewElement} need to\n * be defined by the feature developer. When creating an element you should use one of the following methods:\n *\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createContainerElement `downcastWriter#createContainerElement()`}\n * in order to create a {@link module:engine/view/containerelement~ViewContainerElement},\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createAttributeElement `downcastWriter#createAttributeElement()`}\n * in order to create a {@link module:engine/view/attributeelement~ViewAttributeElement},\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEmptyElement `downcastWriter#createEmptyElement()`}\n * in order to create a {@link module:engine/view/emptyelement~ViewEmptyElement}.\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement `downcastWriter#createUIElement()`}\n * in order to create a {@link module:engine/view/uielement~ViewUIElement}.\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEditableElement `downcastWriter#createEditableElement()`}\n * in order to create a {@link module:engine/view/editableelement~ViewEditableElement}.\n *\n * Note that for view elements which are not created from the model, like elements from mutations, paste or\n * {@link module:engine/controller/datacontroller~DataController#set data.set} it is not possible to define the type of the element.\n * In such cases the {@link module:engine/view/upcastwriter~ViewUpcastWriter#createElement `UpcastWriter#createElement()`} method\n * should be used to create generic view elements.\n */\nexport class ViewElement extends ViewNode {\n\t/**\n\t * Name of the element.\n\t */\n\tpublic readonly name: string;\n\n\t/**\n\t * A list of attribute names that should be rendered in the editing pipeline even though filtering mechanisms\n\t * implemented in the {@link module:engine/view/domconverter~ViewDomConverter} (for instance,\n\t * {@link module:engine/view/domconverter~ViewDomConverter#shouldRenderAttribute}) would filter them out.\n\t *\n\t * These attributes can be specified as an option when the element is created by\n\t * the {@link module:engine/view/downcastwriter~ViewDowncastWriter}. To check whether an unsafe an attribute should\n\t * be permitted, use the {@link #shouldRenderUnsafeAttribute} method.\n\t *\n\t * @internal\n\t */\n\tpublic readonly _unsafeAttributesToRender: Array<string> = [];\n\n\t/**\n\t * Map of attributes, where attributes names are keys and attributes values are values.\n\t */\n\tprivate readonly _attrs: Map<string, string | ViewElementAttributeValue>;\n\n\t/**\n\t * Array of child nodes.\n\t */\n\tprivate readonly _children: Array<ViewNode>;\n\n\t/**\n\t * Map of custom properties.\n\t * Custom properties can be added to element instance, will be cloned but not rendered into DOM.\n\t */\n\tprivate readonly _customProperties = new Map<string | symbol, unknown>();\n\n\t/**\n\t * Set of classes associated with element instance.\n\t *\n\t * Note that this is just an alias for `this._attrs.get( 'class' );`\n\t */\n\tprivate get _classes(): ViewTokenList | undefined {\n\t\treturn this._attrs.get( 'class' ) as ViewTokenList | undefined;\n\t}\n\n\t/**\n\t * Normalized styles.\n\t *\n\t * Note that this is just an alias for `this._attrs.get( 'style' );`\n\t */\n\tprivate get _styles(): StylesMap | undefined {\n\t\treturn this._attrs.get( 'style' ) as StylesMap | undefined;\n\t}\n\n\t/**\n\t * Creates a view element.\n\t *\n\t * Attributes can be passed in various formats:\n\t *\n\t * ```ts\n\t * new Element( viewDocument, 'div', { class: 'editor', contentEditable: 'true' } ); // object\n\t * new Element( viewDocument, 'div', [ [ 'class', 'editor' ], [ 'contentEditable', 'true' ] ] ); // map-like iterator\n\t * new Element( viewDocument, 'div', mapOfAttributes ); // map\n\t * ```\n\t *\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\tname: string,\n\t\tattrs?: ViewElementAttributes,\n\t\tchildren?: ViewNode | Iterable<ViewNode>\n\t) {\n\t\tsuper( document );\n\n\t\tthis.name = name;\n\n\t\tthis._attrs = this._parseAttributes( attrs );\n\t\tthis._children = [];\n\n\t\tif ( children ) {\n\t\t\tthis._insertChild( 0, children );\n\t\t}\n\t}\n\n\t/**\n\t * Number of element's children.\n\t */\n\tpublic get childCount(): number {\n\t\treturn this._children.length;\n\t}\n\n\t/**\n\t * Is `true` if there are no nodes inside this element, `false` otherwise.\n\t */\n\tpublic get isEmpty(): boolean {\n\t\treturn this._children.length === 0;\n\t}\n\n\t/**\n\t * Gets child at the given index.\n\t *\n\t * @param index Index of child.\n\t * @returns Child node.\n\t */\n\tpublic getChild( index: number ): ViewNode | undefined {\n\t\treturn this._children[ index ];\n\t}\n\n\t/**\n\t * Gets index of the given child node. Returns `-1` if child node is not found.\n\t *\n\t * @param node Child node.\n\t * @returns Index of the child node.\n\t */\n\tpublic getChildIndex( node: ViewNode ): number {\n\t\treturn this._children.indexOf( node );\n\t}\n\n\t/**\n\t * Gets child nodes iterator.\n\t *\n\t * @returns Child nodes iterator.\n\t */\n\tpublic getChildren(): IterableIterator<ViewNode> {\n\t\treturn this._children[ Symbol.iterator ]();\n\t}\n\n\t/**\n\t * Returns an iterator that contains the keys for attributes. Order of inserting attributes is not preserved.\n\t *\n\t * @returns Keys for attributes.\n\t */\n\tpublic* getAttributeKeys(): IterableIterator<string> {\n\t\t// This is yielded in this specific order to maintain backward compatibility of data.\n\t\t// Otherwise, we could simply just have the `for` loop only inside this method.\n\n\t\tif ( this._classes ) {\n\t\t\tyield 'class';\n\t\t}\n\n\t\tif ( this._styles ) {\n\t\t\tyield 'style';\n\t\t}\n\n\t\tfor ( const key of this._attrs.keys() ) {\n\t\t\tif ( key != 'class' && key != 'style' ) {\n\t\t\t\tyield key;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Returns iterator that iterates over this element's attributes.\n\t *\n\t * Attributes are returned as arrays containing two items. First one is attribute key and second is attribute value.\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */\n\tpublic* getAttributes(): IterableIterator<[ string, string ]> {\n\t\tfor ( const [ name, value ] of this._attrs.entries() ) {\n\t\t\tyield [ name, String( value ) ];\n\t\t}\n\t}\n\n\t/**\n\t * Gets attribute by key. If attribute is not present - returns undefined.\n\t *\n\t * @param key Attribute key.\n\t * @returns Attribute value.\n\t */\n\tpublic getAttribute( key: string ): string | undefined {\n\t\treturn this._attrs.has( key ) ? String( this._attrs.get( key ) ) : undefined;\n\t}\n\n\t/**\n\t * Returns a boolean indicating whether an attribute with the specified key exists in the element.\n\t *\n\t * @param key Attribute key.\n\t * @returns `true` if attribute with the specified key exists in the element, `false` otherwise.\n\t */\n\tpublic hasAttribute( key: string, token?: string ): boolean {\n\t\tif ( !this._attrs.has( key ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( token !== undefined ) {\n\t\t\tif ( usesStylesMap( this.name, key ) || usesTokenList( this.name, key ) ) {\n\t\t\t\treturn ( this._attrs.get( key ) as ViewElementAttributeValue ).has( token );\n\t\t\t} else {\n\t\t\t\treturn this._attrs.get( key ) === token;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Checks if this element is similar to other element.\n\t * Both elements should have the same name and attributes to be considered as similar. Two similar elements\n\t * can contain different set of children nodes.\n\t */\n\tpublic isSimilar( otherElement: ViewItem ): boolean {\n\t\tif ( !( otherElement instanceof ViewElement ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// If exactly the same Element is provided - return true immediately.\n\t\tif ( this === otherElement ) {\n\t\t\treturn true;\n\t\t}\n\n\t\t// Check element name.\n\t\tif ( this.name != otherElement.name ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Check number of attributes, classes and styles.\n\t\tif ( this._attrs.size !== otherElement._attrs.size ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Check if attributes are the same.\n\t\tfor ( const [ key, value ] of this._attrs ) {\n\t\t\tconst otherValue = otherElement._attrs.get( key );\n\n\t\t\tif ( otherValue === undefined ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif ( typeof value == 'string' || typeof otherValue == 'string' ) {\n\t\t\t\tif ( otherValue !== value ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\telse if ( !value.isSimilar( otherValue ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Returns true if class is present.\n\t * If more then one class is provided - returns true only when all classes are present.\n\t *\n\t * ```ts\n\t * element.hasClass( 'foo' ); // Returns true if 'foo' class is present.\n\t * element.hasClass( 'foo', 'bar' ); // Returns true if 'foo' and 'bar' classes are both present.\n\t * ```\n\t */\n\tpublic hasClass( ...className: Array<string> ): boolean {\n\t\tfor ( const name of className ) {\n\t\t\tif ( !this._classes || !this._classes.has( name ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Returns iterator that contains all class names.\n\t */\n\tpublic getClassNames(): IterableIterator<string> {\n\t\tconst array = this._classes ? this._classes.keys() : [];\n\n\t\t// This is overcomplicated because we need to be backward compatible for use cases when iterator is expected.\n\t\tconst iterator = array[ Symbol.iterator ]();\n\n\t\treturn Object.assign( array, {\n\t\t\tnext: iterator.next.bind( iterator )\n\t\t} );\n\t}\n\n\t/**\n\t * Returns style value for the given property name.\n\t * If the style does not exist `undefined` is returned.\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#getAsString `StylesMap#getAsString()`} for details.\n\t *\n\t * For an element with style set to `'margin:1px'`:\n\t *\n\t * ```ts\n\t * // Enable 'margin' shorthand processing:\n\t * editor.data.addStyleProcessorRules( addMarginStylesRules );\n\t *\n\t * const element = view.change( writer => {\n\t * \tconst element = writer.createElement();\n\t * \twriter.setStyle( 'margin', '1px' );\n\t * \twriter.setStyle( 'margin-bottom', '3em' );\n\t *\n\t * \treturn element;\n\t * } );\n\t *\n\t * element.getStyle( 'margin' ); // -> 'margin: 1px 1px 3em;'\n\t * ```\n\t */\n\tpublic getStyle( property: string ): string | undefined {\n\t\treturn this._styles && this._styles.getAsString( property );\n\t}\n\n\t/**\n\t * Returns a normalized style object or single style value.\n\t *\n\t * For an element with style set to: margin:1px 2px 3em;\n\t *\n\t * ```ts\n\t * element.getNormalizedStyle( 'margin' ) );\n\t * ```\n\t *\n\t * will return:\n\t *\n\t * ```ts\n\t * {\n\t * \ttop: '1px',\n\t * \tright: '2px',\n\t * \tbottom: '3em',\n\t * \tleft: '2px'    // a normalized value from margin shorthand\n\t * }\n\t * ```\n\t *\n\t * and reading for single style value:\n\t *\n\t * ```ts\n\t * styles.getNormalizedStyle( 'margin-left' );\n\t * ```\n\t *\n\t * Will return a `2px` string.\n\t *\n\t * **Note**: This method will return normalized values only if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#getNormalized `StylesMap#getNormalized()`} for details.\n\t *\n\t * @param property Name of CSS property\n\t */\n\tpublic getNormalizedStyle( property: string ): StyleValue | undefined {\n\t\treturn this._styles && this._styles.getNormalized( property );\n\t}\n\n\t/**\n\t * Returns an array that contains all style names.\n\t *\n\t * @param expand Expand shorthand style properties and return all equivalent style representations.\n\t */\n\tpublic getStyleNames( expand?: boolean ): Array<string> {\n\t\treturn this._styles ? this._styles.getStyleNames( expand ) : [];\n\t}\n\n\t/**\n\t * Returns true if style keys are present.\n\t * If more then one style property is provided - returns true only when all properties are present.\n\t *\n\t * ```ts\n\t * element.hasStyle( 'color' ); // Returns true if 'border-top' style is present.\n\t * element.hasStyle( 'color', 'border-top' ); // Returns true if 'color' and 'border-top' styles are both present.\n\t * ```\n\t */\n\tpublic hasStyle( ...property: Array<string> ): boolean {\n\t\tfor ( const name of property ) {\n\t\t\tif ( !this._styles || !this._styles.has( name ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Returns ancestor element that match specified pattern.\n\t * Provided patterns should be compatible with {@link module:engine/view/matcher~Matcher Matcher} as it is used internally.\n\t *\n\t * @see module:engine/view/matcher~Matcher\n\t * @param patterns Patterns used to match correct ancestor. See {@link module:engine/view/matcher~Matcher}.\n\t * @returns Found element or `null` if no matching ancestor was found.\n\t */\n\tpublic findAncestor( ...patterns: Array<MatcherPattern | ( ( element: ViewElement ) => boolean )> ): ViewElement | null {\n\t\tconst matcher = new Matcher( ...patterns as any );\n\t\tlet parent = this.parent;\n\n\t\twhile ( parent && !parent.is( 'documentFragment' ) ) {\n\t\t\tif ( matcher.match( parent ) ) {\n\t\t\t\treturn parent;\n\t\t\t}\n\n\t\t\tparent = parent.parent;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns the custom property value for the given key.\n\t */\n\tpublic getCustomProperty( key: string | symbol ): unknown {\n\t\treturn this._customProperties.get( key );\n\t}\n\n\t/**\n\t * Returns an iterator which iterates over this element's custom properties.\n\t * Iterator provides `[ key, value ]` pairs for each stored property.\n\t */\n\tpublic* getCustomProperties(): IterableIterator<[ string | symbol, unknown ]> {\n\t\tyield* this._customProperties.entries();\n\t}\n\n\t/**\n\t * Returns identity string based on element's name, styles, classes and other attributes.\n\t * Two elements that {@link #isSimilar are similar} will have same identity string.\n\t * It has the following format:\n\t *\n\t * ```ts\n\t * 'name class=\"class1,class2\" style=\"style1:value1;style2:value2\" attr1=\"val1\" attr2=\"val2\"'\n\t * ```\n \t *\n\t * For example:\n\t *\n\t * ```ts\n\t * const element = writer.createContainerElement( 'foo', {\n\t * \tbanana: '10',\n\t * \tapple: '20',\n\t * \tstyle: 'color: red; border-color: white;',\n\t * \tclass: 'baz'\n\t * } );\n\t *\n\t * // returns 'foo class=\"baz\" style=\"border-color:white;color:red\" apple=\"20\" banana=\"10\"'\n\t * element.getIdentity();\n\t * ```\n\t *\n\t * **Note**: Classes, styles and other attributes are sorted alphabetically.\n\t */\n\tpublic getIdentity(): string {\n\t\tconst classes = this._classes ? this._classes.keys().sort().join( ',' ) : '';\n\t\tconst styles = this._styles && String( this._styles );\n\t\tconst attributes = Array.from( this._attrs )\n\t\t\t.filter( ( [ key ] ) => key != 'style' && key != 'class' )\n\t\t\t.map( i => `${ i[ 0 ] }=\"${ i[ 1 ] }\"` )\n\t\t\t.sort().join( ' ' );\n\n\t\treturn this.name +\n\t\t\t( classes == '' ? '' : ` class=\"${ classes }\"` ) +\n\t\t\t( !styles ? '' : ` style=\"${ styles }\"` ) +\n\t\t\t( attributes == '' ? '' : ` ${ attributes }` );\n\t}\n\n\t/**\n\t * Decides whether an unsafe attribute is whitelisted and should be rendered in the editing pipeline even though filtering mechanisms\n\t * like {@link module:engine/view/domconverter~ViewDomConverter#shouldRenderAttribute} say it should not.\n\t *\n\t * Unsafe attribute names can be specified when creating an element via {@link module:engine/view/downcastwriter~ViewDowncastWriter}.\n\t *\n\t * @param attributeName The name of the attribute to be checked.\n\t */\n\tpublic shouldRenderUnsafeAttribute( attributeName: string ): boolean {\n\t\treturn this._unsafeAttributesToRender.includes( attributeName );\n\t}\n\n\t/**\n\t * Converts `ViewElement` to plain object and returns it.\n\t *\n\t * @returns `ViewElement` converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.name = this.name;\n\t\tjson.type = 'Element';\n\n\t\tif ( this._attrs.size ) {\n\t\t\tjson.attributes = Object.fromEntries( this.getAttributes() );\n\t\t}\n\n\t\tif ( this._children.length > 0 ) {\n\t\t\tjson.children = [];\n\n\t\t\tfor ( const node of this._children ) {\n\t\t\t\tjson.children.push( node.toJSON() );\n\t\t\t}\n\t\t}\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Clones provided element.\n\t *\n\t * @internal\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any children.\n\t * @returns Clone of this element.\n\t */\n\tpublic _clone( deep = false ): this {\n\t\tconst childrenClone: Array<ViewNode> = [];\n\n\t\tif ( deep ) {\n\t\t\tfor ( const child of this.getChildren() ) {\n\t\t\t\tchildrenClone.push( child._clone( deep ) );\n\t\t\t}\n\t\t}\n\n\t\t// ViewContainerElement and ViewAttributeElement should be also cloned properly.\n\t\tconst cloned = new ( this.constructor as any )( this.document, this.name, this._attrs, childrenClone );\n\n\t\t// Clone custom properties.\n\t\tcloned._customProperties = new Map( this._customProperties );\n\n\t\t// Clone filler offset method.\n\t\t// We can't define this method in a prototype because it's behavior which\n\t\t// is changed by e.g. toWidget() function from ckeditor5-widget. Perhaps this should be one of custom props.\n\t\tcloned.getFillerOffset = this.getFillerOffset;\n\n\t\t// Clone unsafe attributes list.\n\t\tcloned._unsafeAttributesToRender = this._unsafeAttributesToRender;\n\n\t\treturn cloned;\n\t}\n\n\t/**\n\t * {@link module:engine/view/element~ViewElement#_insertChild Insert} a child node or a list of child nodes at the end of this node\n\t * and sets the parent of these nodes to this element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#insert\n\t * @internal\n\t * @param items Items to be inserted.\n\t * @fires change\n\t * @returns Number of appended nodes.\n\t */\n\tpublic _appendChild( items: ViewItem | string | Iterable<ViewItem | string> ): number {\n\t\treturn this._insertChild( this.childCount, items );\n\t}\n\n\t/**\n\t * Inserts a child node or a list of child nodes on the given index and sets the parent of these nodes to\n\t * this element.\n\t *\n\t * @internal\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#insert\n\t * @param index Position where nodes should be inserted.\n\t * @param items Items to be inserted.\n\t * @fires change\n\t * @returns Number of inserted nodes.\n\t */\n\tpublic _insertChild( index: number, items: ViewItem | string | Iterable<ViewItem | string> ): number {\n\t\tthis._fireChange( 'children', this, { index } );\n\t\tlet count = 0;\n\n\t\tconst nodes = normalize( this.document, items );\n\n\t\tfor ( const node of nodes ) {\n\t\t\t// If node that is being added to this element is already inside another element, first remove it from the old parent.\n\t\t\tif ( node.parent !== null ) {\n\t\t\t\tnode._remove();\n\t\t\t}\n\n\t\t\t( node as any ).parent = this;\n\t\t\t( node as any ).document = this.document;\n\n\t\t\tthis._children.splice( index, 0, node );\n\t\t\tindex++;\n\t\t\tcount++;\n\t\t}\n\n\t\treturn count;\n\t}\n\n\t/**\n\t * Removes number of child nodes starting at the given index and set the parent of these nodes to `null`.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#remove\n\t * @internal\n\t * @param index Number of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @fires change\n\t * @returns The array of removed nodes.\n\t */\n\tpublic _removeChildren( index: number, howMany: number = 1 ): Array<ViewNode> {\n\t\tthis._fireChange( 'children', this, { index } );\n\n\t\tfor ( let i = index; i < index + howMany; i++ ) {\n\t\t\t( this._children[ i ] as any ).parent = null;\n\t\t}\n\n\t\treturn this._children.splice( index, howMany );\n\t}\n\n\t/**\n\t * Adds or overwrite attribute with a specified key and value.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#setAttribute\n\t * @internal\n\t * @param key Attribute key.\n\t * @param value Attribute value.\n\t * @param overwrite Whether tokenized attribute should override the attribute value or just add a token.\n\t * @fires change\n\t */\n\tpublic _setAttribute( key: string, value: unknown, overwrite = true ): void {\n\t\tthis._fireChange( 'attributes', this );\n\n\t\tif ( usesStylesMap( this.name, key ) || usesTokenList( this.name, key ) ) {\n\t\t\tlet currentValue = this._attrs.get( key ) as ViewElementAttributeValue | undefined;\n\n\t\t\tif ( !currentValue ) {\n\t\t\t\tcurrentValue = usesStylesMap( this.name, key ) ?\n\t\t\t\t\tnew StylesMap( this.document.stylesProcessor ) :\n\t\t\t\t\tnew ViewTokenList();\n\n\t\t\t\tthis._attrs.set( key, currentValue );\n\t\t\t}\n\n\t\t\tif ( overwrite ) {\n\t\t\t\t// If reset is set then value have to be a string to tokenize.\n\t\t\t\tcurrentValue.setTo( String( value ) );\n\t\t\t}\n\t\t\telse if ( usesStylesMap( this.name, key ) ) {\n\t\t\t\tif ( Array.isArray( value ) ) {\n\t\t\t\t\tcurrentValue.set( value[ 0 ], value[ 1 ] );\n\t\t\t\t} else {\n\t\t\t\t\tcurrentValue.set( value as Styles );\n\t\t\t\t}\n\t\t\t}\n\t\t\telse { // TokenList.\n\t\t\t\tcurrentValue.set( typeof value == 'string' ? value.split( /\\s+/ ) : value as Array<string> );\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tthis._attrs.set( key, String( value ) );\n\t\t}\n\t}\n\n\t/**\n\t * Removes attribute from the element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeAttribute\n\t * @internal\n\t * @param key Attribute key.\n\t * @param tokens Attribute value tokens to remove. The whole attribute is removed if not specified.\n\t * @returns Returns true if an attribute existed and has been removed.\n\t * @fires change\n\t */\n\tpublic _removeAttribute( key: string, tokens?: ArrayOrItem<string> ): boolean {\n\t\tthis._fireChange( 'attributes', this );\n\n\t\tif ( tokens !== undefined && ( usesStylesMap( this.name, key ) || usesTokenList( this.name, key ) ) ) {\n\t\t\tconst currentValue = this._attrs.get( key ) as ViewElementAttributeValue | undefined;\n\n\t\t\tif ( !currentValue ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif ( usesTokenList( this.name, key ) && typeof tokens == 'string' ) {\n\t\t\t\ttokens = tokens.split( /\\s+/ );\n\t\t\t}\n\n\t\t\tcurrentValue.remove( tokens );\n\n\t\t\tif ( currentValue.isEmpty ) {\n\t\t\t\treturn this._attrs.delete( key );\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn this._attrs.delete( key );\n\t}\n\n\t/**\n\t * Adds specified class.\n\t *\n\t * ```ts\n\t * element._addClass( 'foo' ); // Adds 'foo' class.\n\t * element._addClass( [ 'foo', 'bar' ] ); // Adds 'foo' and 'bar' classes.\n\t * ```\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#addClass\n\t * @internal\n\t * @fires change\n\t */\n\tpublic _addClass( className: ArrayOrItem<string> ): void {\n\t\tthis._setAttribute( 'class', className, false );\n\t}\n\n\t/**\n\t * Removes specified class.\n\t *\n\t * ```ts\n\t * element._removeClass( 'foo' );  // Removes 'foo' class.\n\t * element._removeClass( [ 'foo', 'bar' ] ); // Removes both 'foo' and 'bar' classes.\n\t * ```\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeClass\n\t * @internal\n\t * @fires change\n\t */\n\tpublic _removeClass( className: ArrayOrItem<string> ): void {\n\t\tthis._removeAttribute( 'class', className );\n\t}\n\n\t/**\n\t * Adds style to the element.\n\t *\n\t * ```ts\n\t * element._setStyle( 'color', 'red' );\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#set `StylesMap#set()`} for details.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#setStyle\n\t * @label KEY_VALUE\n\t * @internal\n\t * @param property Property name.\n\t * @param value Value to set.\n\t * @fires change\n\t */\n\tpublic _setStyle( property: string, value: string ): void;\n\n\t/**\n\t * Adds style to the element.\n\t *\n\t * ```ts\n\t * element._setStyle( {\n\t * \tcolor: 'red',\n\t * \tposition: 'fixed'\n\t * } );\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#set `StylesMap#set()`} for details.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#setStyle\n\t * @label OBJECT\n\t * @internal\n\t * @param properties Object with key - value pairs.\n\t * @fires change\n\t */\n\tpublic _setStyle( properties: Record<string, string> ): void;\n\n\tpublic _setStyle( property: string | Record<string, string>, value?: string ): void {\n\t\tif ( typeof property != 'string' ) {\n\t\t\tthis._setAttribute( 'style', property, false );\n\t\t} else {\n\t\t\tthis._setAttribute( 'style', [ property, value! ], false );\n\t\t}\n\t}\n\n\t/**\n\t * Removes specified style.\n\t *\n\t * ```ts\n\t * element._removeStyle( 'color' );  // Removes 'color' style.\n\t * element._removeStyle( [ 'color', 'border-top' ] ); // Removes both 'color' and 'border-top' styles.\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#remove `StylesMap#remove()`} for details.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeStyle\n\t * @internal\n\t * @fires change\n\t */\n\tpublic _removeStyle( property: ArrayOrItem<string> ): void {\n\t\tthis._removeAttribute( 'style', property );\n\t}\n\n\t/**\n\t * Used by the {@link module:engine/view/matcher~Matcher Matcher} to collect matching attribute tuples\n\t * (attribute name and optional token).\n\t *\n\t * Normalized patterns can be used in following ways:\n\t * - to match any attribute name with any or no value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ true, true ]\n\t * ]\n\t * ```\n\t *\n\t * - to match a specific attribute with any value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'required', true ]\n\t * ]\n\t * ```\n\t *\n\t * - to match an attribute name with a RegExp with any value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ /h[1-6]/, true ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match a specific attribute with the exact value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'rel', 'nofollow' ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match a specific attribute with a value matching a RegExp:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'src', /^https/ ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match an attribute name with a RegExp and the exact value:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ /^data-property-/, 'foobar' ],\n\t * ]\n\t * ```\n\t *\n\t * \t- to match an attribute name with a RegExp and match a value with another RegExp:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ /^data-property-/, /^foo/ ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match a specific style property with the value matching a RegExp:\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'style', 'font-size', /px$/ ]\n\t * ]\n\t * ```\n\t *\n\t * \t- to match a specific class (class attribute is tokenized so it matches tokens individually):\n\t *\n\t * ```ts\n\t * patterns: [\n\t * \t[ 'class', 'foo' ]\n\t * ]\n\t * ```\n\t *\n\t * @internal\n\t * @param patterns An array of normalized patterns (tuples of 2 or 3 items depending on if tokenized attribute value match is needed).\n\t * @param match An array to populate with matching tuples.\n\t * @param exclude Array of attribute names to exclude from match.\n\t * @returns `true` if element matches all patterns. The matching tuples are pushed to the `match` array.\n\t */\n\tpublic _collectAttributesMatch(\n\t\tpatterns: Array<NormalizedPropertyPattern>,\n\t\tmatch: Array<[ string, string? ]>,\n\t\texclude?: Array<string>\n\t): boolean {\n\t\tfor ( const [ keyPattern, tokenPattern, valuePattern ] of patterns ) {\n\t\t\tlet hasKey = false;\n\t\t\tlet hasValue = false;\n\n\t\t\tfor ( const [ key, value ] of this._attrs ) {\n\t\t\t\tif ( exclude && exclude.includes( key ) || !isPatternMatched( keyPattern, key ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\thasKey = true;\n\n\t\t\t\tif ( typeof value == 'string' ) {\n\t\t\t\t\tif ( isPatternMatched( tokenPattern, value ) ) {\n\t\t\t\t\t\tmatch.push( [ key ] );\n\t\t\t\t\t\thasValue = true;\n\t\t\t\t\t}\n\t\t\t\t\telse if ( !( keyPattern instanceof RegExp ) ) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tconst tokenMatch = value._getTokensMatch( tokenPattern, valuePattern || true );\n\n\t\t\t\t\tif ( tokenMatch ) {\n\t\t\t\t\t\thasValue = true;\n\n\t\t\t\t\t\tfor ( const tokenMatchItem of tokenMatch ) {\n\t\t\t\t\t\t\tmatch.push( [ key, tokenMatchItem ] );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse if ( !( keyPattern instanceof RegExp ) ) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( !hasKey || !hasValue ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Used by the {@link module:engine/conversion/viewconsumable~ViewConsumable} to collect the\n\t * {@link module:engine/view/element~ViewNormalizedConsumables} for the element.\n\t *\n\t * When `key` and `token` parameters are provided the output is filtered for the specified attribute and it's tokens and related tokens.\n\t *\n\t * @internal\n\t * @param key Attribute name.\n\t * @param token Reference token to collect all related tokens.\n\t */\n\tpublic _getConsumables( key?: string, token?: string ): ViewNormalizedConsumables {\n\t\tconst attributes: Array<[string, string?]> = [];\n\n\t\tif ( key ) {\n\t\t\tconst value = this._attrs.get( key );\n\n\t\t\tif ( value !== undefined ) {\n\t\t\t\tif ( typeof value == 'string' ) {\n\t\t\t\t\tattributes.push( [ key ] );\n\t\t\t\t} else {\n\t\t\t\t\tfor ( const prop of value._getConsumables( token ) ) {\n\t\t\t\t\t\tattributes.push( [ key, prop ] );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tfor ( const [ key, value ] of this._attrs ) {\n\t\t\t\tif ( typeof value == 'string' ) {\n\t\t\t\t\tattributes.push( [ key ] );\n\t\t\t\t} else {\n\t\t\t\t\tfor ( const prop of value._getConsumables() ) {\n\t\t\t\t\t\tattributes.push( [ key, prop ] );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tname: !key,\n\t\t\tattributes\n\t\t};\n\t}\n\n\t/**\n\t * Verify if the given element can be merged without conflicts into the element.\n\t *\n\t * Note that this method is extended by the {@link module:engine/view/attributeelement~ViewAttributeElement} implementation.\n\t *\n\t * This method is used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t * @returns Returns `true` if elements can be merged.\n\t */\n\tpublic _canMergeAttributesFrom( otherElement: ViewElement ): boolean {\n\t\tif ( this.name != otherElement.name ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const [ key, otherValue ] of otherElement._attrs ) {\n\t\t\tconst value = this._attrs.get( key );\n\n\t\t\tif ( value === undefined ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( typeof value == 'string' || typeof otherValue == 'string' ) {\n\t\t\t\tif ( value !== otherValue ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\telse if ( !value._canMergeFrom( otherValue ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Merges attributes of a given element into the element.\n\t * This includes also tokenized attributes like style and class.\n\t *\n\t * Note that you should make sure there are no conflicts before merging (see {@link #_canMergeAttributesFrom}).\n\t *\n\t * This method is used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t *\n\t * @internal\n\t */\n\tpublic _mergeAttributesFrom( otherElement: ViewElement ): void {\n\t\tthis._fireChange( 'attributes', this );\n\n\t\t// Move all attributes/classes/styles from wrapper to wrapped ViewAttributeElement.\n\t\tfor ( const [ key, otherValue ] of otherElement._attrs ) {\n\t\t\tconst value = this._attrs.get( key );\n\n\t\t\tif ( value === undefined || typeof value == 'string' || typeof otherValue == 'string' ) {\n\t\t\t\tthis._setAttribute( key, otherValue );\n\t\t\t}\n\t\t\telse {\n\t\t\t\tvalue._mergeFrom( otherValue );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Verify if the given element attributes can be fully subtracted from the element.\n\t *\n\t * Note that this method is extended by the {@link module:engine/view/attributeelement~ViewAttributeElement} implementation.\n\t *\n\t * This method is used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to unwrap the ViewAttributeElement.\n\t *\n\t * @internal\n\t * @returns Returns `true` if elements attributes can be fully subtracted.\n\t */\n\tpublic _canSubtractAttributesOf( otherElement: ViewElement ): boolean {\n\t\tif ( this.name != otherElement.name ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const [ key, otherValue ] of otherElement._attrs ) {\n\t\t\tconst value = this._attrs.get( key );\n\n\t\t\tif ( value === undefined ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif ( typeof value == 'string' || typeof otherValue == 'string' ) {\n\t\t\t\tif ( value !== otherValue ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\telse if ( !value._isMatching( otherValue ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Removes (subtracts) corresponding attributes of the given element from the element.\n\t * This includes also tokenized attributes like style and class.\n\t * All attributes, classes and styles from given element should be present inside the element being unwrapped.\n\t *\n\t * Note that you should make sure all attributes could be subtracted before subtracting them (see {@link #_canSubtractAttributesOf}).\n\t *\n\t * This method is used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to unwrap the ViewAttributeElement.\n\t *\n\t * @internal\n\t */\n\tpublic _subtractAttributesOf( otherElement: ViewElement ): void {\n\t\tthis._fireChange( 'attributes', this );\n\n\t\tfor ( const [ key, otherValue ] of otherElement._attrs ) {\n\t\t\tconst value = this._attrs.get( key )!;\n\n\t\t\tif ( typeof value == 'string' || typeof otherValue == 'string' ) {\n\t\t\t\tthis._attrs.delete( key );\n\t\t\t}\n\t\t\telse {\n\t\t\t\tvalue.remove( otherValue.keys() );\n\n\t\t\t\tif ( value.isEmpty ) {\n\t\t\t\t\tthis._attrs.delete( key );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Sets a custom property. Unlike attributes, custom properties are not rendered to the DOM,\n\t * so they can be used to add special data to elements.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#setCustomProperty\n\t * @internal\n\t */\n\tpublic _setCustomProperty( key: string | symbol, value: unknown ): void {\n\t\tthis._customProperties.set( key, value );\n\t}\n\n\t/**\n\t * Removes the custom property stored under the given key.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeCustomProperty\n\t * @internal\n\t * @returns Returns true if property was removed.\n\t */\n\tpublic _removeCustomProperty( key: string | symbol ): boolean {\n\t\treturn this._customProperties.delete( key );\n\t}\n\n\t/**\n\t * Parses attributes provided to the element constructor before they are applied to an element. If attributes are passed\n\t * as an object (instead of `Iterable`), the object is transformed to the map. Attributes with `null` value are removed.\n\t * Attributes with non-`String` value are converted to `String`.\n\t *\n\t * @param attrs Attributes to parse.\n\t * @returns Parsed attributes.\n\t */\n\tprivate _parseAttributes( attrs?: ViewElementAttributes ) {\n\t\tconst attrsMap = toMap( attrs );\n\n\t\tfor ( const [ key, value ] of attrsMap ) {\n\t\t\tif ( value === null ) {\n\t\t\t\tattrsMap.delete( key );\n\t\t\t}\n\t\t\telse if ( usesStylesMap( this.name, key ) ) {\n\t\t\t\t// This is either an element clone so we need to clone styles map, or a new instance which requires value to be parsed.\n\t\t\t\tconst newValue = value instanceof StylesMap ?\n\t\t\t\t\tvalue._clone() :\n\t\t\t\t\tnew StylesMap( this.document.stylesProcessor ).setTo( String( value ) );\n\n\t\t\t\tattrsMap.set( key, newValue );\n\t\t\t}\n\t\t\telse if ( usesTokenList( this.name, key ) ) {\n\t\t\t\t// This is either an element clone so we need to clone token list, or a new instance which requires value to be parsed.\n\t\t\t\tconst newValue = value instanceof ViewTokenList ?\n\t\t\t\t\tvalue._clone() :\n\t\t\t\t\tnew ViewTokenList().setTo( String( value ) );\n\n\t\t\t\tattrsMap.set( key, newValue );\n\t\t\t}\n\t\t\telse if ( typeof value != 'string' ) {\n\t\t\t\tattrsMap.set( key, String( value ) );\n\t\t\t}\n\t\t}\n\n\t\treturn attrsMap as Map<string, string | ViewElementAttributeValue>;\n\t}\n\n\t/**\n\t * Returns block {@link module:engine/view/filler filler} offset or `null` if block filler is not needed.\n\t */\n\tpublic getFillerOffset?(): number | null;\n\n\t// @if CK_DEBUG_ENGINE // public printTree( level = 0 ): string {\n\t// @if CK_DEBUG_ENGINE // \tlet string = '';\n\n\t// @if CK_DEBUG_ENGINE // \tstring += '\\t'.repeat( level ) + `<${ this.name }${ convertMapToTags( this.getAttributes() ) }>`;\n\n\t// @if CK_DEBUG_ENGINE // \tfor ( const child of this.getChildren() as any ) {\n\t// @if CK_DEBUG_ENGINE // \t\tif ( child.is( '$text' ) ) {\n\t// @if CK_DEBUG_ENGINE // \t\t\tstring += '\\n' + '\\t'.repeat( level + 1 ) + child.data;\n\t// @if CK_DEBUG_ENGINE // \t\t} else {\n\t// @if CK_DEBUG_ENGINE // \t\t\tstring += '\\n' + child.printTree( level + 1 );\n\t// @if CK_DEBUG_ENGINE // \t\t}\n\t// @if CK_DEBUG_ENGINE // \t}\n\n\t// @if CK_DEBUG_ENGINE // \tif ( this.childCount ) {\n\t// @if CK_DEBUG_ENGINE // \t\tstring += '\\n' + '\\t'.repeat( level );\n\t// @if CK_DEBUG_ENGINE // \t}\n\n\t// @if CK_DEBUG_ENGINE // \tstring += `</${ this.name }>`;\n\n\t// @if CK_DEBUG_ENGINE // \treturn string;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logTree(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( this.printTree() );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'element' || type === 'view:element' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'node' || type === 'view:node';\n\t} else {\n\t\treturn name === this.name && ( type === 'element' || type === 'view:element' );\n\t}\n};\n\n/**\n * Common interface for a {@link module:engine/view/tokenlist~ViewTokenList} and {@link module:engine/view/stylesmap~StylesMap}.\n */\nexport interface ViewElementAttributeValue {\n\n\t/**\n\t * Returns `true` if attribute has no value set.\n\t */\n\tget isEmpty(): boolean;\n\n\t/**\n\t * Number of tokens (styles, classes or other tokens) defined.\n\t */\n\tget size(): number;\n\n\t/**\n\t * Checks if a given token (style, class, token) is set.\n\t */\n\thas( name: string ): boolean;\n\n\t/**\n\t * Returns all tokens (styles, classes, other tokens).\n\t */\n\tkeys(): Array<string>;\n\n\t/**\n\t * Resets the value to the given one.\n\t */\n\tsetTo( value: string ): this;\n\n\t/**\n\t * Sets a given style property and value.\n\t */\n\tset( name: string, value: StyleValue ): void;\n\n\t/**\n\t * Sets a given token (for style also a record of properties).\n\t */\n\tset( stylesOrTokens: Styles | ArrayOrItem<string> ): void;\n\n\t/**\n\t * Removes given token (style, class, other token).\n\t */\n\tremove( tokens: ArrayOrItem<string> ): void;\n\n\t/**\n\t * Removes all tokens.\n\t */\n\tclear(): void;\n\n\t/**\n\t * Returns a normalized tokens string (styles, classes, etc.).\n\t */\n\ttoString(): string;\n\n\t/**\n\t * Returns `true` if both attributes have the same content.\n\t */\n\tisSimilar( other: this ): boolean;\n\n\t/**\n\t * Clones the attribute value.\n\t */\n\t_clone(): this;\n\n\t/**\n\t * Used by the {@link module:engine/view/matcher~Matcher Matcher} to collect matching attribute tokens.\n\t *\n\t * @param tokenPattern The matched token name pattern.\n\t * @param valuePattern The matched token value pattern.\n\t * @returns An array of matching tokens.\n\t */\n\t_getTokensMatch(\n\t\ttokenPattern: true | string | RegExp,\n\t\tvaluePattern?: true | string | RegExp\n\t): Array<string> | undefined;\n\n\t/**\n\t * Returns a list of consumables for the attribute. This includes related tokens\n\t * (for example other forms of notation of the same style property).\n\t *\n\t * Could be filtered by the given token name (class name, style property, etc.).\n\t */\n\t_getConsumables( name?: string ): Array<string>;\n\n\t/**\n\t * Used by {@link ~ViewElement#_canMergeAttributesFrom} to verify if the given attribute can be merged without\n\t * conflicts into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t */\n\t_canMergeFrom( other: this ): boolean;\n\n\t/**\n\t * Used by {@link ~ViewElement#_mergeAttributesFrom} to merge a given attribute into the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to merge it with other ViewAttributeElement.\n\t */\n\t_mergeFrom( other: this ): void;\n\n\t/**\n\t * Used by {@link ~ViewElement#_canSubtractAttributesOf} to verify if the given attribute can be fully subtracted from the attribute.\n\t *\n\t * This method is indirectly used by the {@link module:engine/view/downcastwriter~ViewDowncastWriter} while down-casting\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement} to unwrap the ViewAttributeElement.\n\t */\n\t_isMatching( other: this ): boolean;\n}\n\n/**\n * Collection of attributes.\n */\nexport type ViewElementAttributes = Record<string, unknown> | Iterable<[ string, unknown ]> | null;\n\n/**\n * Object describing all features of a view element that could be consumed and converted individually.\n * This is a normalized form of {@link module:engine/conversion/viewconsumable~Consumables} generated from the view Element.\n *\n * Example element:\n *\n * ```html\n * <a class=\"foo bar\" style=\"color: red; margin: 5px\" href=\"https://ckeditor.com\" rel=\"nofollow noreferrer\" target=\"_blank\">\n * ```\n *\n * The `ViewNormalizedConsumables` would include:\n *\n * ```json\n * {\n * \tname: true,\n * \tattributes: [\n * \t\t[ \"class\", \"foo\" ],\n * \t\t[ \"class\", \"bar\" ],\n * \t\t[ \"style\", \"color\" ],\n * \t\t[ \"style\", \"margin-top\" ],\n * \t\t[ \"style\", \"margin-right\" ],\n * \t\t[ \"style\", \"margin-bottom\" ],\n * \t\t[ \"style\", \"margin-left\" ],\n\t\t[ \"style\", \"margin\" ],\n * \t\t[ \"href\" ],\n * \t\t[ \"rel\", \"nofollow\" ],\n * \t\t[ \"rel\", \"noreferrer\" ],\n * \t\t[ \"target\" ]\n * \t]\n * }\n * ```\n */\nexport interface ViewNormalizedConsumables {\n\n\t/**\n\t * If set to `true` element's name will be included in a consumable.\n\t * Depending on the usage context it would be added as consumable, tested for being available for consume or consumed.\n\t */\n\tname: boolean;\n\n\t/**\n\t * Array of tuples - an attribute name, and optional token for tokenized attributes.\n\t * Note that there could be multiple entries for the same attribute with different tokens (class names or style properties).\n\t */\n\tattributes: Array<[string, string?]>;\n}\n\n/**\n * Converts strings to Text and non-iterables to arrays.\n */\nfunction normalize( document: ViewDocument, nodes: string | ViewItem | Iterable<string | ViewItem> ): Array<ViewNode> {\n\t// Separate condition because string is iterable.\n\tif ( typeof nodes == 'string' ) {\n\t\treturn [ new ViewText( document, nodes ) ];\n\t}\n\n\tif ( !isIterable( nodes ) ) {\n\t\tnodes = [ nodes ];\n\t}\n\n\tconst normalizedNodes: Array<ViewNode> = [];\n\n\tfor ( const node of nodes ) {\n\t\tif ( typeof node == 'string' ) {\n\t\t\tnormalizedNodes.push( new ViewText( document, node ) );\n\t\t} else if ( node instanceof ViewTextProxy ) {\n\t\t\tnormalizedNodes.push( new ViewText( document, node.data ) );\n\t\t} else {\n\t\t\tnormalizedNodes.push( node );\n\t\t}\n\t}\n\n\treturn normalizedNodes;\n}\n\n/**\n * Returns `true` if an attribute on a given element should be handled as a TokenList.\n */\nfunction usesTokenList( elementName: string, key: string ): boolean {\n\treturn key == 'class' || elementName == 'a' && key == 'rel';\n}\n\n/**\n * Returns `true` if an attribute on a given element should be handled as a StylesMap.\n */\nfunction usesStylesMap( elementName: string, key: string ): boolean {\n\treturn key == 'style';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/containerelement\n */\n\nimport { ViewElement, type ViewElementAttributes } from './element.js';\nimport { type ViewDocument } from './document.js';\nimport { type ViewNode } from './node.js';\n\n/**\n * Containers are elements which define document structure. They define boundaries for\n * {@link module:engine/view/attributeelement~ViewAttributeElement attributes}.\n * They are mostly used for block elements like `<p>` or `<div>`.\n *\n * Editing engine does not define a fixed HTML DTD. This is why a feature developer needs to choose between various\n * types (container element, {@link module:engine/view/attributeelement~ViewAttributeElement attribute element},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty element}, etc) when developing a feature.\n *\n * The container element should be your default choice when writing a converter, unless:\n *\n * * this element represents a model text attribute (then use {@link module:engine/view/attributeelement~ViewAttributeElement}),\n * * this is an empty element like `<img>` (then use {@link module:engine/view/emptyelement~ViewEmptyElement}),\n * * this is a root element,\n * * this is a nested editable element (then use  {@link module:engine/view/editableelement~ViewEditableElement}).\n *\n * To create a new container element instance use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createContainerElement `ViewDowncastWriter#createContainerElement()`}\n * method.\n */\nexport class ViewContainerElement extends ViewElement {\n\t/**\n\t * Creates a container element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createContainerElement\n\t * @see module:engine/view/element~ViewElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\tname: string,\n\t\tattrs?: ViewElementAttributes,\n\t\tchildren?: ViewNode | Iterable<ViewNode>\n\t) {\n\t\tsuper( document, name, attrs, children );\n\n\t\tthis.getFillerOffset = getViewFillerOffset;\n\t}\n\n\t/**\n\t * Converts `ViewContainerElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewContainerElement` instance converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.type = 'ContainerElement';\n\n\t\treturn json;\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewContainerElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'containerElement' || type === 'view:containerElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'element' || type === 'view:element' ||\n\t\t\ttype === 'node' || type === 'view:node';\n\t} else {\n\t\treturn name === this.name && (\n\t\t\ttype === 'containerElement' || type === 'view:containerElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'element' || type === 'view:element'\n\t\t);\n\t}\n};\n\n/**\n * Returns block {@link module:engine/view/filler filler} offset or `null` if block filler is not needed.\n *\n * @returns Block filler offset or `null` if block filler is not needed.\n */\nexport function getViewFillerOffset( this: ViewContainerElement ): number | null {\n\tconst children = [ ...this.getChildren() ];\n\tconst lastChild = children[ this.childCount - 1 ];\n\n\t// Block filler is required after a `<br>` if it's the last element in its container. See #1422.\n\tif ( lastChild && lastChild.is( 'element', 'br' ) ) {\n\t\treturn this.childCount;\n\t}\n\n\tfor ( const child of children ) {\n\t\t// If there's any non-UI element – don't render the bogus.\n\t\tif ( !child.is( 'uiElement' ) ) {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\t// If there are only UI elements – render the bogus at the end of the element.\n\treturn this.childCount;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/editableelement\n */\n\nimport { ViewContainerElement } from './containerelement.js';\nimport { ObservableMixin } from '@ckeditor/ckeditor5-utils';\nimport type { ViewSelectionChangeEvent } from './selection.js';\nimport type { ViewElementAttributes } from './element.js';\nimport { type ViewDocument } from './document.js';\nimport { type ViewNode } from './node.js';\n\n/**\n * Editable element which can be a {@link module:engine/view/rooteditableelement~ViewRootEditableElement root}\n * or nested editable area in the editor.\n *\n * Editable is automatically read-only when its {@link module:engine/view/document~ViewDocument Document} is read-only.\n *\n * The constructor of this class shouldn't be used directly. To create new `ViewEditableElement` use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEditableElement `downcastWriter#createEditableElement()`} method.\n */\nexport class ViewEditableElement extends /* #__PURE__ */ ObservableMixin( ViewContainerElement ) {\n\t/**\n\t * Whether the editable is in read-write or read-only mode.\n\t *\n\t * @observable\n\t */\n\tdeclare public isReadOnly: boolean;\n\n\t/**\n\t * Whether the editable is focused.\n\t *\n\t * This property updates when {@link module:engine/view/document~ViewDocument#isFocused document.isFocused} or view\n\t * selection is changed.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public isFocused: boolean;\n\n\t/**\n\t * Placeholder of editable element.\n\t *\n\t * ```ts\n\t * editor.editing.view.document.getRoot( 'main' ).placeholder = 'New placeholder';\n\t * ```\n\t *\n\t * @observable\n\t */\n\tdeclare public placeholder?: string;\n\n\t/**\n\t * Creates an editable element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createEditableElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attributes Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\tname: string,\n\t\tattributes?: ViewElementAttributes,\n\t\tchildren?: ViewNode | Iterable<ViewNode>\n\t) {\n\t\tsuper( document, name, attributes, children );\n\n\t\tthis.set( 'isReadOnly', false );\n\t\tthis.set( 'isFocused', false );\n\t\tthis.set( 'placeholder', undefined );\n\n\t\tthis.bind( 'isReadOnly' ).to( document );\n\n\t\tthis.bind( 'isFocused' ).to(\n\t\t\tdocument,\n\t\t\t'isFocused',\n\t\t\tisFocused => isFocused && document.selection.editableElement == this\n\t\t);\n\n\t\t// Update focus state based on selection changes.\n\t\tthis.listenTo<ViewSelectionChangeEvent>( document.selection, 'change', () => {\n\t\t\tthis.isFocused = document.isFocused && document.selection.editableElement == this;\n\t\t} );\n\t}\n\n\tpublic destroy(): void {\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Converts `ViewEditableElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewEditableElement` instance converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.type = 'EditableElement';\n\t\tjson.isReadOnly = this.isReadOnly;\n\t\tjson.isFocused = this.isFocused;\n\n\t\treturn json;\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewEditableElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'editableElement' || type === 'view:editableElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'containerElement' || type === 'view:containerElement' ||\n\t\t\ttype === 'element' || type === 'view:element' ||\n\t\t\ttype === 'node' || type === 'view:node';\n\t} else {\n\t\treturn name === this.name && (\n\t\t\ttype === 'editableElement' || type === 'view:editableElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'containerElement' || type === 'view:containerElement' ||\n\t\t\ttype === 'element' || type === 'view:element'\n\t\t);\n\t}\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/rooteditableelement\n */\n\nimport { ViewEditableElement } from './editableelement.js';\n\nimport { type ViewDocument } from './document.js';\n\nconst rootNameSymbol = Symbol( 'rootName' );\n\n/**\n * Class representing a single root in the data view. A root can be either\n * {@link ~ViewRootEditableElement#isReadOnly editable or read-only},\n * but in both cases it is called \"an editable\". Roots can contain other {@link module:engine/view/editableelement~ViewEditableElement\n * editable elements} making them \"nested editables\".\n */\nexport class ViewRootEditableElement extends ViewEditableElement {\n\t/**\n\t * Creates root editable element.\n\t *\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\tname: string\n\t) {\n\t\tsuper( document, name );\n\n\t\tthis.rootName = 'main';\n\t}\n\n\t/**\n\t * Name of this root inside {@link module:engine/view/document~ViewDocument} that is an owner of this root. If no\n\t * other name is set, `main` name is used.\n\t *\n\t * @readonly\n\t */\n\tpublic get rootName(): string {\n\t\treturn this.getCustomProperty( rootNameSymbol ) as string;\n\t}\n\n\tpublic set rootName( rootName: string ) {\n\t\tthis._setCustomProperty( rootNameSymbol, rootName );\n\t}\n\n\t/**\n\t * Converts `ViewRootEditableElement` instance to string and returns it.\n\t *\n\t * @returns `ViewRootEditableElement` instance converted to string.\n\t */\n\tpublic override toJSON(): unknown {\n\t\treturn this.rootName;\n\t}\n\n\t/**\n\t * Overrides old element name and sets new one.\n\t * This is needed because view roots are created before they are attached to the DOM.\n\t * The name of the root element is temporary at this stage. It has to be changed when the\n\t * view root element is attached to the DOM element.\n\t *\n\t * @internal\n\t * @param name The new name of element.\n\t */\n\tpublic set _name( name: string ) {\n\t\t( this as any ).name = name;\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewRootEditableElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'rootElement' || type === 'view:rootElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'editableElement' || type === 'view:editableElement' ||\n\t\t\ttype === 'containerElement' || type === 'view:containerElement' ||\n\t\t\ttype === 'element' || type === 'view:element' ||\n\t\t\ttype === 'node' || type === 'view:node';\n\t} else {\n\t\treturn name === this.name && (\n\t\t\ttype === 'rootElement' || type === 'view:rootElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'editableElement' || type === 'view:editableElement' ||\n\t\t\ttype === 'containerElement' || type === 'view:containerElement' ||\n\t\t\ttype === 'element' || type === 'view:element'\n\t\t);\n\t}\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/treewalker\n */\n\nimport { type ViewElement } from './element.js';\nimport { type ViewText } from './text.js';\nimport { ViewTextProxy } from './textproxy.js';\nimport { ViewPosition } from './position.js';\nimport { type ViewItem } from './item.js';\nimport { type ViewDocumentFragment } from './documentfragment.js';\nimport { type ViewRange } from './range.js';\nimport { type ViewNode } from './node.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Position iterator class. It allows to iterate forward and backward over the document.\n */\nexport class ViewTreeWalker implements IterableIterator<ViewTreeWalkerValue> {\n\t/**\n\t * Walking direction. Defaults `'forward'`.\n\t */\n\tpublic readonly direction: ViewTreeWalkerDirection;\n\n\t/**\n\t * Iterator boundaries.\n\t *\n\t * When the iterator is walking `'forward'` on the end of boundary or is walking `'backward'`\n\t * on the start of boundary, then `{ done: true }` is returned.\n\t *\n\t * If boundaries are not defined they are set before first and after last child of the root node.\n\t */\n\tpublic readonly boundaries: ViewRange | null;\n\n\t/**\n\t * Flag indicating whether all characters from {@link module:engine/view/text~ViewText} should be returned as one\n\t * {@link module:engine/view/text~ViewText} or one by one as {@link module:engine/view/textproxy~ViewTextProxy}.\n\t */\n\tpublic readonly singleCharacters: boolean;\n\n\t/**\n\t * Flag indicating whether iterator should enter elements or not. If the iterator is shallow child nodes of any\n\t * iterated node will not be returned along with `elementEnd` tag.\n\t */\n\tpublic readonly shallow: boolean;\n\n\t/**\n\t * Flag indicating whether iterator should ignore `elementEnd` tags. If set to `true`, walker will not\n\t * return a parent node of the start position. Each {@link module:engine/view/element~ViewElement} will be returned once.\n\t * When set to `false` each element might be returned twice: for `'elementStart'` and `'elementEnd'`.\n\t */\n\tpublic readonly ignoreElementEnd: boolean;\n\n\t/**\n\t * Iterator position. If start position is not defined then position depends on {@link #direction}. If direction is\n\t * `'forward'` position starts form the beginning, when direction is `'backward'` position starts from the end.\n\t */\n\tprivate _position: ViewPosition;\n\n\t/**\n\t * Start boundary parent.\n\t */\n\tprivate readonly _boundaryStartParent: ViewNode | ViewDocumentFragment | null;\n\n\t/**\n\t * End boundary parent.\n\t */\n\tprivate readonly _boundaryEndParent: ViewNode | ViewDocumentFragment | null;\n\n\t/**\n\t * Creates a range iterator. All parameters are optional, but you have to specify either `boundaries` or `startPosition`.\n\t *\n\t * @param options Object with configuration.\n\t */\n\tconstructor( options: ViewTreeWalkerOptions = {} ) {\n\t\tif ( !options.boundaries && !options.startPosition ) {\n\t\t\t/**\n\t\t\t * Neither boundaries nor starting position have been defined.\n\t\t\t *\n\t\t\t * @error view-tree-walker-no-start-position\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'view-tree-walker-no-start-position',\n\t\t\t\tnull\n\t\t\t);\n\t\t}\n\n\t\tif ( options.direction && options.direction != 'forward' && options.direction != 'backward' ) {\n\t\t\t/**\n\t\t\t * Only `backward` and `forward` direction allowed.\n\t\t\t *\n\t\t\t * @error view-tree-walker-unknown-direction\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-tree-walker-unknown-direction', options.startPosition, { direction: options.direction } );\n\t\t}\n\n\t\tthis.boundaries = options.boundaries || null;\n\n\t\tif ( options.startPosition ) {\n\t\t\tthis._position = ViewPosition._createAt( options.startPosition );\n\t\t} else {\n\t\t\tthis._position = ViewPosition._createAt( options.boundaries![ options.direction == 'backward' ? 'end' : 'start' ] );\n\t\t}\n\n\t\tthis.direction = options.direction || 'forward';\n\t\tthis.singleCharacters = !!options.singleCharacters;\n\t\tthis.shallow = !!options.shallow;\n\t\tthis.ignoreElementEnd = !!options.ignoreElementEnd;\n\n\t\tthis._boundaryStartParent = this.boundaries ? this.boundaries.start.parent : null;\n\t\tthis._boundaryEndParent = this.boundaries ? this.boundaries.end.parent : null;\n\t}\n\n\t/**\n\t * Iterable interface.\n\t */\n\tpublic [ Symbol.iterator ](): IterableIterator<ViewTreeWalkerValue> {\n\t\treturn this;\n\t}\n\n\t/**\n\t * Iterator position. If start position is not defined then position depends on {@link #direction}. If direction is\n\t * `'forward'` position starts form the beginning, when direction is `'backward'` position starts from the end.\n\t */\n\tpublic get position(): ViewPosition {\n\t\treturn this._position;\n\t}\n\n\t/**\n\t * Moves {@link #position} in the {@link #direction} skipping values as long as the callback function returns `true`.\n\t *\n\t * For example:\n\t *\n\t * ```ts\n\t * walker.skip( value => value.type == 'text' ); // <p>{}foo</p> -> <p>foo[]</p>\n\t * walker.skip( value => true ); // Move the position to the end: <p>{}foo</p> -> <p>foo</p>[]\n\t * walker.skip( value => false ); // Do not move the position.\n\t * ```\n\t *\n\t * @param skip Callback function. Gets {@link module:engine/view/treewalker~ViewTreeWalkerValue} and should\n\t * return `true` if the value should be skipped or `false` if not.\n\t */\n\tpublic skip( skip: ( value: ViewTreeWalkerValue ) => boolean ): void {\n\t\tlet nextResult: IteratorResult<ViewTreeWalkerValue>;\n\t\tlet prevPosition: ViewPosition;\n\n\t\tdo {\n\t\t\tprevPosition = this.position;\n\t\t\tnextResult = this.next();\n\t\t} while ( !nextResult.done && skip( nextResult.value ) );\n\n\t\tif ( !nextResult.done ) {\n\t\t\tthis._position = prevPosition;\n\t\t}\n\t}\n\n\t/**\n\t * Moves tree walker {@link #position} to provided `position`. Tree walker will\n\t * continue traversing from that position.\n\t *\n\t * Note: in contrary to {@link ~ViewTreeWalker#skip}, this method does not iterate over the nodes along the way.\n\t * It simply sets the current tree walker position to a new one.\n\t * From the performance standpoint, it is better to use {@link ~ViewTreeWalker#jumpTo} rather than {@link ~ViewTreeWalker#skip}.\n\t *\n\t * If the provided position is before the start boundary, the position will be\n\t * set to the start boundary. If the provided position is after the end boundary,\n\t * the position will be set to the end boundary.\n\t * This is done to prevent the treewalker from traversing outside the boundaries.\n\t *\n\t * @param position Position to jump to.\n\t */\n\tpublic jumpTo( position: ViewPosition ): void {\n\t\tif ( this._boundaryStartParent && position.isBefore( this.boundaries!.start ) ) {\n\t\t\tposition = this.boundaries!.start;\n\t\t} else if ( this._boundaryEndParent && position.isAfter( this.boundaries!.end ) ) {\n\t\t\tposition = this.boundaries!.end;\n\t\t}\n\n\t\tthis._position = position.clone();\n\t}\n\n\t/**\n\t * Gets the next tree walker's value.\n\t *\n\t * @returns Object implementing iterator interface, returning\n\t * information about taken step.\n\t */\n\tpublic next(): IteratorResult<ViewTreeWalkerValue, undefined> {\n\t\tif ( this.direction == 'forward' ) {\n\t\t\treturn this._next();\n\t\t} else {\n\t\t\treturn this._previous();\n\t\t}\n\t}\n\n\t/**\n\t * Makes a step forward in view. Moves the {@link #position} to the next position and returns the encountered value.\n\t */\n\tprivate _next(): IteratorResult<ViewTreeWalkerValue, undefined> {\n\t\tlet position = this.position.clone();\n\t\tconst previousPosition = this.position;\n\t\tconst parent = position.parent;\n\n\t\t// We are at the end of the root.\n\t\tif ( parent.parent === null && position.offset === ( parent as any ).childCount ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\t// We reached the walker boundary.\n\t\tif ( parent === this._boundaryEndParent && position.offset == this.boundaries!.end.offset ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\t// Get node just after current position.\n\t\tlet node;\n\n\t\t// Text is a specific parent because it contains string instead of child nodes.\n\t\tif ( parent && parent.is( 'view:$text' ) ) {\n\t\t\tif ( position.isAtEnd ) {\n\t\t\t\t// Prevent returning \"elementEnd\" for Text node. Skip that value and return the next walker step.\n\t\t\t\tthis._position = ViewPosition._createAfter( parent );\n\n\t\t\t\treturn this._next();\n\t\t\t}\n\n\t\t\tnode = parent.data[ position.offset ];\n\t\t} else {\n\t\t\tnode = ( parent as ViewElement | ViewDocumentFragment ).getChild( position.offset );\n\t\t}\n\n\t\tif ( typeof node == 'string' ) {\n\t\t\tlet textLength;\n\n\t\t\tif ( this.singleCharacters ) {\n\t\t\t\ttextLength = 1;\n\t\t\t} else {\n\t\t\t\t// Check if text stick out of walker range.\n\t\t\t\tconst endOffset = parent === this._boundaryEndParent ? this.boundaries!.end.offset : ( parent as ViewText ).data.length;\n\n\t\t\t\ttextLength = endOffset - position.offset;\n\t\t\t}\n\n\t\t\tconst textProxy = new ViewTextProxy( parent as ViewText, position.offset, textLength );\n\n\t\t\tposition.offset += textLength;\n\t\t\tthis._position = position;\n\n\t\t\treturn this._formatReturnValue( 'text', textProxy, previousPosition, position, textLength );\n\t\t}\n\n\t\tif ( node && node.is( 'view:element' ) ) {\n\t\t\tif ( !this.shallow ) {\n\t\t\t\tposition = new ViewPosition( node, 0 );\n\t\t\t} else {\n\t\t\t\t// We are past the walker boundaries.\n\t\t\t\tif ( this.boundaries && this.boundaries.end.isBefore( position ) ) {\n\t\t\t\t\treturn { done: true, value: undefined };\n\t\t\t\t}\n\n\t\t\t\tposition.offset++;\n\t\t\t}\n\n\t\t\tthis._position = position;\n\n\t\t\treturn this._formatReturnValue( 'elementStart', node, previousPosition, position, 1 );\n\t\t}\n\n\t\tif ( node && node.is( 'view:$text' ) ) {\n\t\t\tif ( this.singleCharacters ) {\n\t\t\t\tposition = new ViewPosition( node, 0 );\n\t\t\t\tthis._position = position;\n\n\t\t\t\treturn this._next();\n\t\t\t}\n\n\t\t\tlet charactersCount = node.data.length;\n\t\t\tlet item;\n\n\t\t\t// If text stick out of walker range, we need to cut it and wrap in ViewTextProxy.\n\t\t\tif ( node == this._boundaryEndParent ) {\n\t\t\t\tcharactersCount = this.boundaries!.end.offset;\n\t\t\t\titem = new ViewTextProxy( node, 0, charactersCount );\n\t\t\t\tposition = ViewPosition._createAfter( item );\n\t\t\t} else {\n\t\t\t\titem = new ViewTextProxy( node, 0, node.data.length );\n\t\t\t\t// If not just keep moving forward.\n\t\t\t\tposition.offset++;\n\t\t\t}\n\n\t\t\tthis._position = position;\n\n\t\t\treturn this._formatReturnValue( 'text', item, previousPosition, position, charactersCount );\n\t\t}\n\n\t\t// `node` is not set, we reached the end of current `parent`.\n\t\tposition = ViewPosition._createAfter( parent as any );\n\t\tthis._position = position;\n\n\t\tif ( this.ignoreElementEnd ) {\n\t\t\treturn this._next();\n\t\t}\n\n\t\treturn this._formatReturnValue( 'elementEnd', parent as any, previousPosition, position );\n\t}\n\n\t/**\n\t * Makes a step backward in view. Moves the {@link #position} to the previous position and returns the encountered value.\n\t */\n\tprivate _previous(): IteratorResult<ViewTreeWalkerValue, undefined> {\n\t\tlet position = this.position.clone();\n\t\tconst previousPosition = this.position;\n\t\tconst parent = position.parent;\n\n\t\t// We are at the beginning of the root.\n\t\tif ( parent.parent === null && position.offset === 0 ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\t// We reached the walker boundary.\n\t\tif ( parent == this._boundaryStartParent && position.offset == this.boundaries!.start.offset ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\t// Get node just before current position.\n\t\tlet node;\n\n\t\t// Text {@link module:engine/view/text~ViewText} element is a specific parent because contains string instead of child nodes.\n\t\tif ( parent.is( 'view:$text' ) ) {\n\t\t\tif ( position.isAtStart ) {\n\t\t\t\t// Prevent returning \"elementStart\" for Text node. Skip that value and return the next walker step.\n\t\t\t\tthis._position = ViewPosition._createBefore( parent );\n\n\t\t\t\treturn this._previous();\n\t\t\t}\n\n\t\t\tnode = parent.data[ position.offset - 1 ];\n\t\t} else {\n\t\t\tnode = ( parent as ViewElement | ViewDocumentFragment ).getChild( position.offset - 1 );\n\t\t}\n\n\t\tif ( typeof node == 'string' ) {\n\t\t\tlet textLength;\n\n\t\t\tif ( !this.singleCharacters ) {\n\t\t\t\t// Check if text stick out of walker range.\n\t\t\t\tconst startOffset = parent === this._boundaryStartParent ? this.boundaries!.start.offset : 0;\n\n\t\t\t\ttextLength = position.offset - startOffset;\n\t\t\t} else {\n\t\t\t\ttextLength = 1;\n\t\t\t}\n\n\t\t\tposition.offset -= textLength;\n\n\t\t\tconst textProxy = new ViewTextProxy( parent as ViewText, position.offset, textLength );\n\n\t\t\tthis._position = position;\n\n\t\t\treturn this._formatReturnValue( 'text', textProxy, previousPosition, position, textLength );\n\t\t}\n\n\t\tif ( node && node.is( 'view:element' ) ) {\n\t\t\tif ( this.shallow ) {\n\t\t\t\tposition.offset--;\n\t\t\t\tthis._position = position;\n\n\t\t\t\treturn this._formatReturnValue( 'elementStart', node, previousPosition, position, 1 );\n\t\t\t}\n\n\t\t\tposition = new ViewPosition( node, node.childCount );\n\t\t\tthis._position = position;\n\n\t\t\tif ( this.ignoreElementEnd ) {\n\t\t\t\treturn this._previous();\n\t\t\t}\n\n\t\t\treturn this._formatReturnValue( 'elementEnd', node, previousPosition, position );\n\t\t}\n\n\t\tif ( node && node.is( 'view:$text' ) ) {\n\t\t\tif ( this.singleCharacters ) {\n\t\t\t\tposition = new ViewPosition( node, node.data.length );\n\t\t\t\tthis._position = position;\n\n\t\t\t\treturn this._previous();\n\t\t\t}\n\n\t\t\tlet charactersCount = node.data.length;\n\t\t\tlet item;\n\n\t\t\t// If text stick out of walker range, we need to cut it and wrap in ViewTextProxy.\n\t\t\tif ( node == this._boundaryStartParent ) {\n\t\t\t\tconst offset = this.boundaries!.start.offset;\n\n\t\t\t\titem = new ViewTextProxy( node, offset, node.data.length - offset );\n\t\t\t\tcharactersCount = item.data.length;\n\t\t\t\tposition = ViewPosition._createBefore( item );\n\t\t\t} else {\n\t\t\t\titem = new ViewTextProxy( node, 0, node.data.length );\n\t\t\t\t// If not just keep moving backward.\n\t\t\t\tposition.offset--;\n\t\t\t}\n\n\t\t\tthis._position = position;\n\n\t\t\treturn this._formatReturnValue( 'text', item, previousPosition, position, charactersCount );\n\t\t}\n\n\t\t// `node` is not set, we reached the beginning of current `parent`.\n\t\tposition = ViewPosition._createBefore( parent as any );\n\t\tthis._position = position;\n\n\t\treturn this._formatReturnValue( 'elementStart', parent as ViewElement, previousPosition, position, 1 );\n\t}\n\n\t/**\n\t * Format returned data and adjust `previousPosition` and `nextPosition` if\n\t * reach the bound of the {@link module:engine/view/text~ViewText}.\n\t *\n\t * @param type Type of step.\n\t * @param item Item between old and new position.\n\t * @param previousPosition Previous position of iterator.\n\t * @param nextPosition Next position of iterator.\n\t * @param length Length of the item.\n\t */\n\tprivate _formatReturnValue(\n\t\ttype: ViewTreeWalkerValueType,\n\t\titem: ViewItem,\n\t\tpreviousPosition: ViewPosition,\n\t\tnextPosition: ViewPosition,\n\t\tlength?: number\n\t): IteratorYieldResult<ViewTreeWalkerValue> {\n\t\t// Text is a specific parent, because contains string instead of children.\n\t\t// Walker doesn't enter to the Text except situations when walker is iterating over every single character,\n\t\t// or the bound starts/ends inside the Text. So when the position is at the beginning or at the end of the Text\n\t\t// we move it just before or just after Text.\n\t\tif ( item.is( 'view:$textProxy' ) ) {\n\t\t\t// Position is at the end of Text.\n\t\t\tif ( item.offsetInText + item.data.length == item.textNode.data.length ) {\n\t\t\t\tif ( this.direction == 'forward' && !( this.boundaries && this.boundaries.end.isEqual( this.position ) ) ) {\n\t\t\t\t\tnextPosition = ViewPosition._createAfter( item.textNode );\n\t\t\t\t\t// When we change nextPosition of returned value we need also update walker current position.\n\t\t\t\t\tthis._position = nextPosition;\n\t\t\t\t} else {\n\t\t\t\t\tpreviousPosition = ViewPosition._createAfter( item.textNode );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Position is at the begining ot the text.\n\t\t\tif ( item.offsetInText === 0 ) {\n\t\t\t\tif ( this.direction == 'backward' && !( this.boundaries && this.boundaries.start.isEqual( this.position ) ) ) {\n\t\t\t\t\tnextPosition = ViewPosition._createBefore( item.textNode );\n\t\t\t\t\t// When we change nextPosition of returned value we need also update walker current position.\n\t\t\t\t\tthis._position = nextPosition;\n\t\t\t\t} else {\n\t\t\t\t\tpreviousPosition = ViewPosition._createBefore( item.textNode );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tdone: false,\n\t\t\tvalue: {\n\t\t\t\ttype,\n\t\t\t\titem,\n\t\t\t\tpreviousPosition,\n\t\t\t\tnextPosition,\n\t\t\t\tlength\n\t\t\t}\n\t\t};\n\t}\n}\n\n/**\n * Type of the step made by {@link module:engine/view/treewalker~ViewTreeWalker}.\n * Possible values: `'elementStart'` if walker is at the beginning of a node, `'elementEnd'` if walker is at the end\n * of node, or `'text'` if walker traversed over single and multiple characters.\n * For {@link module:engine/view/text~ViewText} `elementStart` and `elementEnd` is not returned.\n */\nexport type ViewTreeWalkerValueType = 'elementStart' | 'elementEnd' | 'text';\n\n/**\n * Object returned by {@link module:engine/view/treewalker~ViewTreeWalker} when traversing tree view.\n */\nexport interface ViewTreeWalkerValue {\n\n\t/**\n\t * Type of the step made by {@link module:engine/view/treewalker~ViewTreeWalker}.\n\t */\n\ttype: ViewTreeWalkerValueType;\n\n\t/**\n\t * Item between the old and the new positions of the tree walker.\n\t */\n\titem: ViewItem;\n\n\t/**\n\t * Previous position of the iterator.\n\t * * Forward iteration: For `'elementEnd'` it is the last position inside the element. For all other types it is the\n\t * position before the item.\n\t * * Backward iteration: For `'elementStart'` it is the first position inside the element. For all other types it is\n\t * the position after item.\n\t * * If the position is at the beginning or at the end of the {@link module:engine/view/text~ViewText} it is always moved from the\n\t * inside of the text to its parent just before or just after that text.\n\t */\n\tpreviousPosition: ViewPosition;\n\n\t/**\n\t * Next position of the iterator.\n\t * * Forward iteration: For `'elementStart'` it is the first position inside the element. For all other types it is\n\t * the position after the item.\n\t * * Backward iteration: For `'elementEnd'` it is last position inside element. For all other types it is the position\n\t * before the item.\n\t * * If the position is at the beginning or at the end of the {@link module:engine/view/text~ViewText} it is always moved from the\n\t * inside of the text to its parent just before or just after that text.\n\t */\n\tnextPosition: ViewPosition;\n\n\t/**\n\t * Length of the item. For `'elementStart'` it is `1`. For `'text'` it is\n\t * the length of that text. For `'elementEnd'` it is `undefined`.\n\t */\n\tlength?: number;\n}\n\n/**\n * Tree walking direction.\n */\nexport type ViewTreeWalkerDirection = 'forward' | 'backward';\n\n/**\n * The configuration of {@link ~ViewTreeWalker}.\n */\nexport interface ViewTreeWalkerOptions {\n\n\t/**\n\t * Walking direction.\n\t *\n\t * @default 'forward'\n\t */\n\tdirection?: ViewTreeWalkerDirection;\n\n\t/**\n\t * Range to define boundaries of the iterator.\n\t */\n\tboundaries?: ViewRange | null;\n\n\t/**\n\t * Starting position.\n\t */\n\tstartPosition?: ViewPosition;\n\n\t/**\n\t * Flag indicating whether all characters from\n\t * {@link module:engine/view/text~ViewText} should be returned as one\n\t * {@link module:engine/view/text~ViewText} (`false`) or one by one as\n\t * {@link module:engine/view/textproxy~ViewTextProxy} (`true`).\n\t */\n\tsingleCharacters?: boolean;\n\n\t/**\n\t * Flag indicating whether iterator should enter elements or not. If the\n\t * iterator is shallow child nodes of any iterated node will not be returned along with `elementEnd` tag.\n\t */\n\tshallow?: boolean;\n\n\t/**\n\t * Flag indicating whether iterator should ignore `elementEnd`\n\t * tags. If the option is true walker will not return a parent node of start position. If this option is `true`\n\t * each {@link module:engine/view/element~ViewElement} will be returned once, while if the option is `false` they might be returned\n\t * twice: for `'elementStart'` and `'elementEnd'`.\n\t */\n\tignoreElementEnd?: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/position\n */\n\nimport { ViewTypeCheckable } from './typecheckable.js';\n\nimport { CKEditorError, compareArrays } from '@ckeditor/ckeditor5-utils';\n\nimport { ViewEditableElement } from './editableelement.js';\n\nimport { type ViewDocumentFragment } from './documentfragment.js';\nimport { type ViewElement } from './element.js';\nimport { type ViewItem } from './item.js';\nimport { type ViewNode } from './node.js';\nimport { ViewTreeWalker, type ViewTreeWalkerValue, type ViewTreeWalkerOptions } from './treewalker.js';\n\n/**\n * Position in the view tree. Position is represented by its parent node and an offset in this parent.\n *\n * In order to create a new position instance use the `createPosition*()` factory methods available in:\n *\n * * {@link module:engine/view/view~EditingView}\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter}\n * * {@link module:engine/view/upcastwriter~ViewUpcastWriter}\n */\nexport class ViewPosition extends ViewTypeCheckable {\n\t/**\n\t * Position parent.\n\t */\n\tpublic readonly parent: ViewNode | ViewDocumentFragment;\n\n\t/**\n\t * Position offset.\n\t */\n\tpublic offset: number;\n\n\t/**\n\t * Creates a position.\n\t *\n\t * @param parent Position parent.\n\t * @param offset Position offset.\n\t */\n\tconstructor( parent: ViewNode | ViewDocumentFragment, offset: number ) {\n\t\tsuper();\n\n\t\tthis.parent = parent;\n\t\tthis.offset = offset;\n\t}\n\n\t/**\n\t * Node directly after the position. Equals `null` when there is no node after position or position is located\n\t * inside text node.\n\t */\n\tpublic get nodeAfter(): ViewNode | null {\n\t\tif ( this.parent.is( '$text' ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn ( this.parent as ViewElement ).getChild( this.offset ) || null;\n\t}\n\n\t/**\n\t * Node directly before the position. Equals `null` when there is no node before position or position is located\n\t * inside text node.\n\t */\n\tpublic get nodeBefore(): ViewNode | null {\n\t\tif ( this.parent.is( '$text' ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn ( this.parent as ViewElement ).getChild( this.offset - 1 ) || null;\n\t}\n\n\t/**\n\t * Is `true` if position is at the beginning of its {@link module:engine/view/position~ViewPosition#parent parent}, `false` otherwise.\n\t */\n\tpublic get isAtStart(): boolean {\n\t\treturn this.offset === 0;\n\t}\n\n\t/**\n\t * Is `true` if position is at the end of its {@link module:engine/view/position~ViewPosition#parent parent}, `false` otherwise.\n\t */\n\tpublic get isAtEnd(): boolean {\n\t\tconst endOffset = this.parent.is( '$text' ) ? this.parent.data.length : ( this.parent as any ).childCount;\n\n\t\treturn this.offset === endOffset;\n\t}\n\n\t/**\n\t * Position's root, that is the root of the position's parent element.\n\t */\n\tpublic get root(): ViewNode | ViewDocumentFragment {\n\t\treturn this.parent.root;\n\t}\n\n\t/**\n\t * {@link module:engine/view/editableelement~ViewEditableElement ViewEditableElement} instance that contains this position, or `null` if\n\t * position is not inside an editable element.\n\t */\n\tpublic get editableElement(): ViewEditableElement | null {\n\t\tlet editable = this.parent;\n\n\t\twhile ( !( editable instanceof ViewEditableElement ) ) {\n\t\t\tif ( editable.parent ) {\n\t\t\t\teditable = editable.parent;\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\treturn editable;\n\t}\n\n\t/**\n\t * Returns a new instance of Position with offset incremented by `shift` value.\n\t *\n\t * @param shift How position offset should get changed. Accepts negative values.\n\t * @returns Shifted position.\n\t */\n\tpublic getShiftedBy( shift: number ): ViewPosition {\n\t\tconst shifted = ViewPosition._createAt( this );\n\n\t\tconst offset = shifted.offset + shift;\n\t\tshifted.offset = offset < 0 ? 0 : offset;\n\n\t\treturn shifted;\n\t}\n\n\t/**\n\t * Gets the farthest position which matches the callback using\n\t * {@link module:engine/view/treewalker~ViewTreeWalker TreeWalker}.\n\t *\n\t * For example:\n\t *\n\t * ```ts\n\t * getLastMatchingPosition( value => value.type == 'text' ); // <p>{}foo</p> -> <p>foo[]</p>\n\t * getLastMatchingPosition( value => value.type == 'text', { direction: 'backward' } ); // <p>foo[]</p> -> <p>{}foo</p>\n\t * getLastMatchingPosition( value => false ); // Do not move the position.\n\t * ```\n\t *\n\t * @param skip Callback function. Gets {@link module:engine/view/treewalker~ViewTreeWalkerValue} and should\n\t * return `true` if the value should be skipped or `false` if not.\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}.\n\t * @returns The position after the last item which matches the `skip` callback test.\n\t */\n\tpublic getLastMatchingPosition( skip: ( value: ViewTreeWalkerValue ) => boolean, options: ViewTreeWalkerOptions = {} ): ViewPosition {\n\t\toptions.startPosition = this;\n\n\t\tconst treeWalker = new ViewTreeWalker( options );\n\t\ttreeWalker.skip( skip );\n\n\t\treturn treeWalker.position;\n\t}\n\n\t/**\n\t * Returns ancestors array of this position, that is this position's parent and it's ancestors.\n\t *\n\t * @returns Array with ancestors.\n\t */\n\tpublic getAncestors(): Array<ViewNode | ViewDocumentFragment> {\n\t\tif ( this.parent.is( 'documentFragment' ) ) {\n\t\t\treturn [ this.parent ];\n\t\t} else {\n\t\t\treturn this.parent.getAncestors( { includeSelf: true } );\n\t\t}\n\t}\n\n\t/**\n\t * Returns a {@link module:engine/view/node~ViewNode} or {@link module:engine/view/documentfragment~ViewDocumentFragment}\n\t * which is a common ancestor of both positions.\n\t */\n\tpublic getCommonAncestor( position: ViewPosition ): ViewNode | ViewDocumentFragment | null {\n\t\tconst ancestorsA = this.getAncestors();\n\t\tconst ancestorsB = position.getAncestors();\n\n\t\tlet i = 0;\n\n\t\twhile ( ancestorsA[ i ] == ancestorsB[ i ] && ancestorsA[ i ] ) {\n\t\t\ti++;\n\t\t}\n\n\t\treturn i === 0 ? null : ancestorsA[ i - 1 ];\n\t}\n\n\t/**\n\t * Checks whether this position equals given position.\n\t *\n\t * @param otherPosition Position to compare with.\n\t * @returns True if positions are same.\n\t */\n\tpublic isEqual( otherPosition: ViewPosition ): boolean {\n\t\treturn ( this.parent == otherPosition.parent && this.offset == otherPosition.offset );\n\t}\n\n\t/**\n\t * Checks whether this position is located before given position. When method returns `false` it does not mean that\n\t * this position is after give one. Two positions may be located inside separate roots and in that situation this\n\t * method will still return `false`.\n\t *\n\t * @see module:engine/view/position~ViewPosition#isAfter\n\t * @see module:engine/view/position~ViewPosition#compareWith\n\t * @param otherPosition Position to compare with.\n\t * @returns Returns `true` if this position is before given position.\n\t */\n\tpublic isBefore( otherPosition: ViewPosition ): boolean {\n\t\treturn this.compareWith( otherPosition ) == 'before';\n\t}\n\n\t/**\n\t * Checks whether this position is located after given position. When method returns `false` it does not mean that\n\t * this position is before give one. Two positions may be located inside separate roots and in that situation this\n\t * method will still return `false`.\n\t *\n\t * @see module:engine/view/position~ViewPosition#isBefore\n\t * @see module:engine/view/position~ViewPosition#compareWith\n\t * @param otherPosition Position to compare with.\n\t * @returns Returns `true` if this position is after given position.\n\t */\n\tpublic isAfter( otherPosition: ViewPosition ): boolean {\n\t\treturn this.compareWith( otherPosition ) == 'after';\n\t}\n\n\t/**\n\t * Checks whether this position is before, after or in same position that other position. Two positions may be also\n\t * different when they are located in separate roots.\n\t *\n\t * @param otherPosition Position to compare with.\n\t */\n\tpublic compareWith( otherPosition: ViewPosition ): ViewPositionRelation {\n\t\tif ( this.root !== otherPosition.root ) {\n\t\t\treturn 'different';\n\t\t}\n\n\t\tif ( this.isEqual( otherPosition ) ) {\n\t\t\treturn 'same';\n\t\t}\n\n\t\t// Get path from root to position's parent element.\n\t\tconst thisPath = this.parent.is( 'node' ) ? this.parent.getPath() : [];\n\t\tconst otherPath = otherPosition.parent.is( 'node' ) ? otherPosition.parent.getPath() : [];\n\n\t\t// Add the positions' offsets to the parents offsets.\n\t\tthisPath.push( this.offset );\n\t\totherPath.push( otherPosition.offset );\n\n\t\t// Compare both path arrays to find common ancestor.\n\t\tconst result = compareArrays( thisPath, otherPath );\n\n\t\tswitch ( result ) {\n\t\t\tcase 'prefix':\n\t\t\t\treturn 'before';\n\n\t\t\tcase 'extension':\n\t\t\t\treturn 'after';\n\n\t\t\tdefault:\n\t\t\t\t// Cast to number to avoid having 'same' as a type of `result`.\n\t\t\t\treturn thisPath[ result as number ] < otherPath[ result as number ] ? 'before' : 'after';\n\t\t}\n\t}\n\n\t/**\n\t * Creates a {@link module:engine/view/treewalker~ViewTreeWalker TreeWalker} instance with this positions as a start position.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}\n\t */\n\tpublic getWalker( options: ViewTreeWalkerOptions = {} ): ViewTreeWalker {\n\t\toptions.startPosition = this;\n\n\t\treturn new ViewTreeWalker( options );\n\t}\n\n\t/**\n\t * Clones this position.\n\t */\n\tpublic clone(): ViewPosition {\n\t\treturn new ViewPosition( this.parent, this.offset );\n\t}\n\n\t/**\n\t * Converts `ViewPosition` instance to plain object and returns it.\n\t *\n\t * @returns `ViewPosition` instance converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\treturn {\n\t\t\tparent: this.parent.toJSON(),\n\t\t\toffset: this.offset\n\t\t};\n\t}\n\n\t/**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/view/position~ViewPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/view/item~ViewItem view item} and `'before'` or `'after'` (sets position before or after given view item).\n\t *\n\t * This method is a shortcut to other constructors such as:\n\t *\n\t * * {@link module:engine/view/position~ViewPosition._createBefore},\n\t * * {@link module:engine/view/position~ViewPosition._createAfter}.\n\t *\n\t * @internal\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */\n\tpublic static _createAt( itemOrPosition: ViewItem | ViewPosition, offset?: ViewPositionOffset ): ViewPosition {\n\t\tif ( itemOrPosition instanceof ViewPosition ) {\n\t\t\treturn new this( itemOrPosition.parent, itemOrPosition.offset );\n\t\t} else {\n\t\t\tconst node = itemOrPosition;\n\n\t\t\tif ( offset == 'end' ) {\n\t\t\t\toffset = node.is( '$text' ) ? node.data.length : ( node as any ).childCount;\n\t\t\t} else if ( offset == 'before' ) {\n\t\t\t\treturn this._createBefore( node );\n\t\t\t} else if ( offset == 'after' ) {\n\t\t\t\treturn this._createAfter( node );\n\t\t\t} else if ( offset !== 0 && !offset ) {\n\t\t\t\t/**\n\t\t\t\t * {@link module:engine/view/view~EditingView#createPositionAt `View#createPositionAt()`}\n\t\t\t\t * requires the offset to be specified when the first parameter is a view item.\n\t\t\t\t *\n\t\t\t\t * @error view-createpositionat-offset-required\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'view-createpositionat-offset-required', node );\n\t\t\t}\n\n\t\t\treturn new ViewPosition( node as any, offset as number );\n\t\t}\n\t}\n\n\t/**\n\t * Creates a new position after given view item.\n\t *\n\t * @internal\n\t * @param item View item after which the position should be located.\n\t */\n\tpublic static _createAfter( item: ViewItem ): ViewPosition {\n\t\t// ViewTextProxy is not a instance of Node so we need do handle it in specific way.\n\t\tif ( item.is( '$textProxy' ) ) {\n\t\t\treturn new ViewPosition( item.textNode, item.offsetInText + item.data.length );\n\t\t}\n\n\t\tif ( !item.parent ) {\n\t\t\t/**\n\t\t\t * You cannot make a position after a root.\n\t\t\t *\n\t\t\t * @error view-position-after-root\n\t\t\t * @param {module:engine/view/node~ViewNode} root A root item.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-position-after-root', item, { root: item } );\n\t\t}\n\n\t\treturn new ViewPosition( item.parent, ( item.index as number ) + 1 );\n\t}\n\n\t/**\n\t * Creates a new position before given view item.\n\t *\n\t * @internal\n\t * @param item View item before which the position should be located.\n\t */\n\tpublic static _createBefore( item: ViewItem ): ViewPosition {\n\t\t// ViewTextProxy is not a instance of Node so we need do handle it in specific way.\n\t\tif ( item.is( '$textProxy' ) ) {\n\t\t\treturn new ViewPosition( item.textNode, item.offsetInText );\n\t\t}\n\n\t\tif ( !item.parent ) {\n\t\t\t/**\n\t\t\t * You cannot make a position before a root.\n\t\t\t *\n\t\t\t * @error view-position-before-root\n\t\t\t * @param {module:engine/view/node~ViewNode} root A root item.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-position-before-root', item, { root: item } );\n\t\t}\n\n\t\treturn new ViewPosition( item.parent, item.index as number );\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewPosition.prototype.is = function( type: string ): boolean {\n\treturn type === 'position' || type === 'view:position';\n};\n\n/**\n * A flag indicating whether this position is `'before'` or `'after'` or `'same'` as given position.\n * If positions are in different roots `'different'` flag is returned.\n */\nexport type ViewPositionRelation = 'before' | 'after' | 'same' | 'different';\n\n/**\n * Offset or one of the flags.\n */\nexport type ViewPositionOffset = number | 'before' | 'after' | 'end';\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/range\n */\n\nimport { ViewTypeCheckable } from './typecheckable.js';\nimport { ViewPosition } from './position.js';\n\nimport { type ViewDocumentFragment } from './documentfragment.js';\nimport { type ViewElement } from './element.js';\nimport { type ViewItem } from './item.js';\nimport { type ViewNode } from './node.js';\nimport { ViewTreeWalker, type ViewTreeWalkerValue, type ViewTreeWalkerOptions } from './treewalker.js';\n\n/**\n * Range in the view tree. A range is represented by its start and end {@link module:engine/view/position~ViewPosition positions}.\n *\n * In order to create a new position instance use the `createPosition*()` factory methods available in:\n *\n * * {@link module:engine/view/view~EditingView}\n * * {@link module:engine/view/downcastwriter~ViewDowncastWriter}\n * * {@link module:engine/view/upcastwriter~ViewUpcastWriter}\n */\nexport class ViewRange extends ViewTypeCheckable implements Iterable<ViewTreeWalkerValue> {\n\t/**\n\t * Start position.\n\t */\n\tpublic readonly start: ViewPosition;\n\n\t/**\n\t * End position.\n\t */\n\tpublic readonly end: ViewPosition;\n\n\t/**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * **Note:** Constructor creates it's own {@link module:engine/view/position~ViewPosition} instances basing on passed values.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at the `start` position.\n\t */\n\tconstructor( start: ViewPosition, end: ViewPosition | null = null ) {\n\t\tsuper();\n\n\t\tthis.start = start.clone();\n\t\tthis.end = end ? end.clone() : start.clone();\n\t}\n\n\t/**\n\t * Iterable interface.\n\t *\n\t * Iterates over all {@link module:engine/view/item~ViewItem view items} that are in this range and returns\n\t * them together with additional information like length or {@link module:engine/view/position~ViewPosition positions},\n\t * grouped as {@link module:engine/view/treewalker~ViewTreeWalkerValue}.\n\t *\n\t * This iterator uses {@link module:engine/view/treewalker~ViewTreeWalker TreeWalker} with `boundaries` set to this range and\n\t * `ignoreElementEnd` option\n\t * set to `true`.\n\t */\n\tpublic* [ Symbol.iterator ](): IterableIterator<ViewTreeWalkerValue> {\n\t\tyield* new ViewTreeWalker( { boundaries: this, ignoreElementEnd: true } );\n\t}\n\n\t/**\n\t * Returns whether the range is collapsed, that is it start and end positions are equal.\n\t */\n\tpublic get isCollapsed(): boolean {\n\t\treturn this.start.isEqual( this.end );\n\t}\n\n\t/**\n\t * Returns whether this range is flat, that is if {@link module:engine/view/range~ViewRange#start start} position and\n\t * {@link module:engine/view/range~ViewRange#end end} position are in the same\n\t * {@link module:engine/view/position~ViewPosition#parent parent}.\n\t */\n\tpublic get isFlat(): boolean {\n\t\treturn this.start.parent === this.end.parent;\n\t}\n\n\t/**\n\t * Range root element.\n\t */\n\tpublic get root(): ViewNode | ViewDocumentFragment {\n\t\treturn this.start.root;\n\t}\n\n\t/**\n\t * Creates a maximal range that has the same content as this range but is expanded in both ways (at the beginning\n\t * and at the end).\n\t *\n\t * For example:\n\t *\n\t * ```html\n\t * <p>Foo</p><p><b>{Bar}</b></p> -> <p>Foo</p>[<p><b>Bar</b>]</p>\n\t * <p><b>foo</b>{bar}<span></span></p> -> <p><b>foo[</b>bar<span></span>]</p>\n\t * ```\n\t *\n\t * Note that in the sample above:\n\t *\n\t * - `<p>` have type of {@link module:engine/view/containerelement~ViewContainerElement},\n\t * - `<b>` have type of {@link module:engine/view/attributeelement~ViewAttributeElement},\n\t * - `<span>` have type of {@link module:engine/view/uielement~ViewUIElement}.\n\t *\n\t * @returns Enlarged range.\n\t */\n\tpublic getEnlarged(): ViewRange {\n\t\tlet start = this.start.getLastMatchingPosition( enlargeTrimSkip, { direction: 'backward' } );\n\t\tlet end = this.end.getLastMatchingPosition( enlargeTrimSkip );\n\n\t\t// Fix positions, in case if they are in Text node.\n\t\tif ( start.parent.is( '$text' ) && start.isAtStart ) {\n\t\t\tstart = ViewPosition._createBefore( start.parent );\n\t\t}\n\n\t\tif ( end.parent.is( '$text' ) && end.isAtEnd ) {\n\t\t\tend = ViewPosition._createAfter( end.parent );\n\t\t}\n\n\t\treturn new ViewRange( start, end );\n\t}\n\n\t/**\n\t * Creates a minimum range that has the same content as this range but is trimmed in both ways (at the beginning\n\t * and at the end).\n\t *\n\t * For example:\n\t *\n\t * ```html\n\t * <p>Foo</p>[<p><b>Bar</b>]</p> -> <p>Foo</p><p><b>{Bar}</b></p>\n\t * <p><b>foo[</b>bar<span></span>]</p> -> <p><b>foo</b>{bar}<span></span></p>\n\t * ```\n\t *\n\t * Note that in the sample above:\n\t *\n\t * - `<p>` have type of {@link module:engine/view/containerelement~ViewContainerElement},\n\t * - `<b>` have type of {@link module:engine/view/attributeelement~ViewAttributeElement},\n\t * - `<span>` have type of {@link module:engine/view/uielement~ViewUIElement}.\n\t *\n\t * @returns Shrunk range.\n\t */\n\tpublic getTrimmed(): ViewRange {\n\t\tlet start = this.start.getLastMatchingPosition( enlargeTrimSkip );\n\n\t\tif ( start.isAfter( this.end ) || start.isEqual( this.end ) ) {\n\t\t\treturn new ViewRange( start, start );\n\t\t}\n\n\t\tlet end = this.end.getLastMatchingPosition( enlargeTrimSkip, { direction: 'backward' } );\n\t\tconst nodeAfterStart = start.nodeAfter;\n\t\tconst nodeBeforeEnd = end.nodeBefore;\n\n\t\t// Because TreeWalker prefers positions next to text node, we need to move them manually into these text nodes.\n\t\tif ( nodeAfterStart && nodeAfterStart.is( '$text' ) ) {\n\t\t\tstart = new ViewPosition( nodeAfterStart, 0 );\n\t\t}\n\n\t\tif ( nodeBeforeEnd && nodeBeforeEnd.is( '$text' ) ) {\n\t\t\tend = new ViewPosition( nodeBeforeEnd, nodeBeforeEnd.data.length );\n\t\t}\n\n\t\treturn new ViewRange( start, end );\n\t}\n\n\t/**\n\t * Two ranges are equal if their start and end positions are equal.\n\t *\n\t * @param otherRange Range to compare with.\n\t * @returns `true` if ranges are equal, `false` otherwise\n\t */\n\tpublic isEqual( otherRange: ViewRange ): boolean {\n\t\treturn this == otherRange || ( this.start.isEqual( otherRange.start ) && this.end.isEqual( otherRange.end ) );\n\t}\n\n\t/**\n\t * Checks whether this range contains given {@link module:engine/view/position~ViewPosition position}.\n\t *\n\t * @param position Position to check.\n\t * @returns `true` if given {@link module:engine/view/position~ViewPosition position} is contained in this range, `false` otherwise.\n\t */\n\tpublic containsPosition( position: ViewPosition ): boolean {\n\t\treturn position.isAfter( this.start ) && position.isBefore( this.end );\n\t}\n\n\t/**\n\t * Checks whether this range contains given {@link module:engine/view/range~ViewRange range}.\n\t *\n\t * @param otherRange Range to check.\n\t * @param loose Whether the check is loose or strict. If the check is strict (`false`), compared range cannot\n\t * start or end at the same position as this range boundaries. If the check is loose (`true`), compared range can start, end or\n\t * even be equal to this range. Note that collapsed ranges are always compared in strict mode.\n\t * @returns `true` if given {@link module:engine/view/range~ViewRange range} boundaries are contained by this range, `false`\n\t * otherwise.\n\t */\n\tpublic containsRange( otherRange: ViewRange, loose: boolean = false ): boolean {\n\t\tif ( otherRange.isCollapsed ) {\n\t\t\tloose = false;\n\t\t}\n\n\t\tconst containsStart = this.containsPosition( otherRange.start ) || ( loose && this.start.isEqual( otherRange.start ) );\n\t\tconst containsEnd = this.containsPosition( otherRange.end ) || ( loose && this.end.isEqual( otherRange.end ) );\n\n\t\treturn containsStart && containsEnd;\n\t}\n\n\t/**\n\t * Computes which part(s) of this {@link module:engine/view/range~ViewRange range} is not a part of given\n\t * {@link module:engine/view/range~ViewRange range}.\n\t * Returned array contains zero, one or two {@link module:engine/view/range~ViewRange ranges}.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let foo = downcastWriter.createText( 'foo' );\n\t * let img = downcastWriter.createContainerElement( 'img' );\n\t * let bar = downcastWriter.createText( 'bar' );\n\t * let p = downcastWriter.createContainerElement( 'p', null, [ foo, img, bar ] );\n\t *\n\t * let range = view.createRange( view.createPositionAt( foo, 2 ), view.createPositionAt( bar, 1 ); // \"o\", img, \"b\" are in range.\n\t * let otherRange = view.createRange( // \"oo\", img, \"ba\" are in range.\n\t * \tview.createPositionAt( foo, 1 ),\n\t * \tview.createPositionAt( bar, 2 )\n\t * );\n\t * let transformed = range.getDifference( otherRange );\n\t * // transformed array has no ranges because `otherRange` contains `range`\n\t *\n\t * otherRange = view.createRange( view.createPositionAt( foo, 1 ), view.createPositionAt( p, 2 ); // \"oo\", img are in range.\n\t * transformed = range.getDifference( otherRange );\n\t * // transformed array has one range: from ( p, 2 ) to ( bar, 1 )\n\t *\n\t * otherRange = view.createRange( view.createPositionAt( p, 1 ), view.createPositionAt( p, 2 ) ); // img is in range.\n\t * transformed = range.getDifference( otherRange );\n\t * // transformed array has two ranges: from ( foo, 1 ) to ( p, 1 ) and from ( p, 2 ) to ( bar, 1 )\n\t * ```\n\t *\n\t * @param otherRange Range to differentiate against.\n\t * @returns The difference between ranges.\n\t */\n\tpublic getDifference( otherRange: ViewRange ): Array<ViewRange> {\n\t\tconst ranges: Array<ViewRange> = [];\n\n\t\tif ( this.isIntersecting( otherRange ) ) {\n\t\t\t// Ranges intersect.\n\n\t\t\tif ( this.containsPosition( otherRange.start ) ) {\n\t\t\t\t// Given range start is inside this range. This means that we have to\n\t\t\t\t// add shrunken range - from the start to the middle of this range.\n\t\t\t\tranges.push( new ViewRange( this.start, otherRange.start ) );\n\t\t\t}\n\n\t\t\tif ( this.containsPosition( otherRange.end ) ) {\n\t\t\t\t// Given range end is inside this range. This means that we have to\n\t\t\t\t// add shrunken range - from the middle of this range to the end.\n\t\t\t\tranges.push( new ViewRange( otherRange.end, this.end ) );\n\t\t\t}\n\t\t} else {\n\t\t\t// Ranges do not intersect, return the original range.\n\t\t\tranges.push( this.clone() );\n\t\t}\n\n\t\treturn ranges;\n\t}\n\n\t/**\n\t * Returns an intersection of this {@link module:engine/view/range~ViewRange range}\n\t * and given {@link module:engine/view/range~ViewRange range}.\n\t * Intersection is a common part of both of those ranges. If ranges has no common part, returns `null`.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let foo = downcastWriter.createText( 'foo' );\n\t * let img = downcastWriter.createContainerElement( 'img' );\n\t * let bar = downcastWriter.createText( 'bar' );\n\t * let p = downcastWriter.createContainerElement( 'p', null, [ foo, img, bar ] );\n\t *\n\t * let range = view.createRange( view.createPositionAt( foo, 2 ), view.createPositionAt( bar, 1 ); // \"o\", img, \"b\" are in range.\n\t * let otherRange = view.createRange( view.createPositionAt( foo, 1 ), view.createPositionAt( p, 2 ); // \"oo\", img are in range.\n\t * let transformed = range.getIntersection( otherRange ); // range from ( foo, 1 ) to ( p, 2 ).\n\t *\n\t * otherRange = view.createRange( view.createPositionAt( bar, 1 ), view.createPositionAt( bar, 3 ); \"ar\" is in range.\n\t * transformed = range.getIntersection( otherRange ); // null - no common part.\n\t * ```\n\t *\n\t * @param otherRange Range to check for intersection.\n\t * @returns A common part of given ranges or `null` if ranges have no common part.\n\t */\n\tpublic getIntersection( otherRange: ViewRange ): ViewRange | null {\n\t\tif ( this.isIntersecting( otherRange ) ) {\n\t\t\t// Ranges intersect, so a common range will be returned.\n\t\t\t// At most, it will be same as this range.\n\t\t\tlet commonRangeStart = this.start;\n\t\t\tlet commonRangeEnd = this.end;\n\n\t\t\tif ( this.containsPosition( otherRange.start ) ) {\n\t\t\t\t// Given range start is inside this range. This means thaNt we have to\n\t\t\t\t// shrink common range to the given range start.\n\t\t\t\tcommonRangeStart = otherRange.start;\n\t\t\t}\n\n\t\t\tif ( this.containsPosition( otherRange.end ) ) {\n\t\t\t\t// Given range end is inside this range. This means that we have to\n\t\t\t\t// shrink common range to the given range end.\n\t\t\t\tcommonRangeEnd = otherRange.end;\n\t\t\t}\n\n\t\t\treturn new ViewRange( commonRangeStart, commonRangeEnd );\n\t\t}\n\n\t\t// Ranges do not intersect, so they do not have common part.\n\t\treturn null;\n\t}\n\n\t/**\n\t * Creates a {@link module:engine/view/treewalker~ViewTreeWalker TreeWalker} instance with this range as a boundary.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}.\n\t */\n\tpublic getWalker( options: ViewTreeWalkerOptions = {} ): ViewTreeWalker {\n\t\toptions.boundaries = this;\n\n\t\treturn new ViewTreeWalker( options );\n\t}\n\n\t/**\n\t * Returns a {@link module:engine/view/node~ViewNode} or {@link module:engine/view/documentfragment~ViewDocumentFragment}\n\t * which is a common ancestor of range's both ends (in which the entire range is contained).\n\t */\n\tpublic getCommonAncestor(): ViewNode | ViewDocumentFragment | null {\n\t\treturn this.start.getCommonAncestor( this.end );\n\t}\n\n\t/**\n\t * Returns an {@link module:engine/view/element~ViewElement Element} contained by the range.\n\t * The element will be returned when it is the **only** node within the range and **fully–contained**\n\t * at the same time.\n\t */\n\tpublic getContainedElement(): ViewElement | null {\n\t\tif ( this.isCollapsed ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet nodeAfterStart = this.start.nodeAfter;\n\t\tlet nodeBeforeEnd = this.end.nodeBefore;\n\n\t\t// Handle the situation when the range position is at the beginning / at the end of a text node.\n\t\t// In such situation `.nodeAfter` and `.nodeBefore` are `null` but the range still might be spanning\n\t\t// over one element.\n\t\t//\n\t\t// <p>Foo{<span class=\"widget\"></span>}bar</p> vs <p>Foo[<span class=\"widget\"></span>]bar</p>\n\t\t//\n\t\t// These are basically the same range, only the difference is if the range position is at\n\t\t// at the end/at the beginning of a text node or just before/just after the text node.\n\t\t//\n\t\tif ( this.start.parent.is( '$text' ) && this.start.isAtEnd && this.start.parent.nextSibling ) {\n\t\t\tnodeAfterStart = this.start.parent.nextSibling;\n\t\t}\n\n\t\tif ( this.end.parent.is( '$text' ) && this.end.isAtStart && this.end.parent.previousSibling ) {\n\t\t\tnodeBeforeEnd = this.end.parent.previousSibling;\n\t\t}\n\n\t\tif ( nodeAfterStart && nodeAfterStart.is( 'element' ) && nodeAfterStart === nodeBeforeEnd ) {\n\t\t\treturn nodeAfterStart;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Clones this range.\n\t */\n\tpublic clone(): ViewRange {\n\t\treturn new ViewRange( this.start, this.end );\n\t}\n\n\t/**\n\t * Returns an iterator that iterates over all {@link module:engine/view/item~ViewItem view items} that are in this range and returns\n\t * them.\n\t *\n\t * This method uses {@link module:engine/view/treewalker~ViewTreeWalker} with `boundaries` set to this range\n\t * and `ignoreElementEnd` option set to `true`. However it returns only {@link module:engine/view/item~ViewItem items},\n\t * not {@link module:engine/view/treewalker~ViewTreeWalkerValue}.\n\t *\n\t * You may specify additional options for the tree walker. See {@link module:engine/view/treewalker~ViewTreeWalker} for\n\t * a full list of available options.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}.\n\t */\n\tpublic* getItems( options: ViewTreeWalkerOptions = {} ): IterableIterator<ViewItem> {\n\t\toptions.boundaries = this;\n\t\toptions.ignoreElementEnd = true;\n\n\t\tconst treeWalker = new ViewTreeWalker( options );\n\n\t\tfor ( const value of treeWalker ) {\n\t\t\tyield value.item;\n\t\t}\n\t}\n\n\t/**\n\t * Returns an iterator that iterates over all {@link module:engine/view/position~ViewPosition positions} that are boundaries or\n\t * contained in this range.\n\t *\n\t * This method uses {@link module:engine/view/treewalker~ViewTreeWalker} with `boundaries` set to this range. However it returns only\n\t * {@link module:engine/view/position~ViewPosition positions}, not {@link module:engine/view/treewalker~ViewTreeWalkerValue}.\n\t *\n\t * You may specify additional options for the tree walker. See {@link module:engine/view/treewalker~ViewTreeWalker} for\n\t * a full list of available options.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/view/treewalker~ViewTreeWalker}.\n\t */\n\tpublic* getPositions( options: ViewTreeWalkerOptions = {} ): IterableIterator<ViewPosition> {\n\t\toptions.boundaries = this;\n\n\t\tconst treeWalker = new ViewTreeWalker( options );\n\n\t\tyield treeWalker.position;\n\n\t\tfor ( const value of treeWalker ) {\n\t\t\tyield value.nextPosition;\n\t\t}\n\t}\n\n\t/**\n\t * Checks and returns whether this range intersects with the given range.\n\t *\n\t * @param otherRange Range to compare with.\n\t * @returns True if ranges intersect.\n\t */\n\tpublic isIntersecting( otherRange: ViewRange ): boolean {\n\t\treturn this.start.isBefore( otherRange.end ) && this.end.isAfter( otherRange.start );\n\t}\n\n\t/**\n\t * Converts `ViewRange` instance to plain object and returns it.\n\t *\n\t * @returns `ViewRange` instance converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\treturn {\n\t\t\tstart: this.start.toJSON(),\n\t\t\tend: this.end.toJSON()\n\t\t};\n\t}\n\n\t/**\n\t * Creates a range from the given parents and offsets.\n\t *\n\t * @internal\n\t * @param startElement Start position parent element.\n\t * @param startOffset Start position offset.\n\t * @param endElement End position parent element.\n\t * @param endOffset End position offset.\n\t * @returns Created range.\n\t */\n\tpublic static _createFromParentsAndOffsets(\n\t\tstartElement: ViewElement | ViewDocumentFragment,\n\t\tstartOffset: number,\n\t\tendElement: ViewElement | ViewDocumentFragment,\n\t\tendOffset: number\n\t): ViewRange {\n\t\treturn new this(\n\t\t\tnew ViewPosition( startElement, startOffset ),\n\t\t\tnew ViewPosition( endElement, endOffset )\n\t\t);\n\t}\n\n\t/**\n\t * Creates a new range, spreading from specified {@link module:engine/view/position~ViewPosition position} to a position moved by\n\t * given `shift`. If `shift` is a negative value, shifted position is treated as the beginning of the range.\n\t *\n\t * @internal\n\t * @param position Beginning of the range.\n\t * @param shift How long the range should be.\n\t */\n\tpublic static _createFromPositionAndShift( position: ViewPosition, shift: number ): ViewRange {\n\t\tconst start = position;\n\t\tconst end = position.getShiftedBy( shift );\n\n\t\treturn shift > 0 ? new this( start, end ) : new this( end, start );\n\t}\n\n\t/**\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @internal\n\t * @param element Element which is a parent for the range.\n\t */\n\tpublic static _createIn( element: ViewElement | ViewDocumentFragment ): ViewRange {\n\t\treturn this._createFromParentsAndOffsets( element, 0, element, element.childCount );\n\t}\n\n\t/**\n\t * Creates a range that starts before given {@link module:engine/view/item~ViewItem view item} and ends after it.\n\t *\n\t * @internal\n\t */\n\tpublic static _createOn( item: ViewItem ): ViewRange {\n\t\tconst size = item.is( '$textProxy' ) ? item.offsetSize : 1;\n\n\t\treturn this._createFromPositionAndShift( ViewPosition._createBefore( item ), size );\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewRange.prototype.is = function( type: string ): boolean {\n\treturn type === 'range' || type === 'view:range';\n};\n\n/**\n * Function used by getEnlarged and getTrimmed methods.\n */\nfunction enlargeTrimSkip( value: ViewTreeWalkerValue ): boolean {\n\tif ( value.item.is( 'attributeElement' ) || value.item.is( 'uiElement' ) ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/selection\n */\n\nimport { ViewTypeCheckable } from './typecheckable.js';\nimport { ViewRange } from './range.js';\nimport { ViewPosition, type ViewPositionOffset } from './position.js';\nimport { ViewNode } from './node.js';\nimport { ViewDocumentSelection } from './documentselection.js';\n\nimport {\n\tCKEditorError,\n\tEmitterMixin,\n\tcount,\n\tisIterable\n} from '@ckeditor/ckeditor5-utils';\n\nimport { type ViewElement } from './element.js';\nimport { type ViewItem } from './item.js';\nimport { type ViewEditableElement } from './editableelement.js';\n\n/**\n * Class representing an arbirtary selection in the view.\n * See also {@link module:engine/view/documentselection~ViewDocumentSelection}.\n *\n * New selection instances can be created via the constructor or one these methods:\n *\n * * {@link module:engine/view/view~EditingView#createSelection `View#createSelection()`},\n * * {@link module:engine/view/upcastwriter~ViewUpcastWriter#createSelection `UpcastWriter#createSelection()`}.\n *\n * A selection can consist of {@link module:engine/view/range~ViewRange ranges} that can be set by using\n * the {@link module:engine/view/selection~ViewSelection#setTo `Selection#setTo()`} method.\n */\nexport class ViewSelection extends /* #__PURE__ */ EmitterMixin( ViewTypeCheckable ) {\n\t/**\n\t * Stores all ranges that are selected.\n\t */\n\tprivate _ranges: Array<ViewRange>;\n\n\t/**\n\t * Specifies whether the last added range was added as a backward or forward range.\n\t */\n\tprivate _lastRangeBackward: boolean;\n\n\t/**\n\t * Specifies whether selection instance is fake.\n\t */\n\tprivate _isFake: boolean;\n\n\t/**\n\t * Fake selection's label.\n\t */\n\tprivate _fakeSelectionLabel: string;\n\n\t/**\n\t * Creates new selection instance.\n\t *\n\t * **Note**: The selection constructor is available as a factory method:\n\t *\n\t * * {@link module:engine/view/view~EditingView#createSelection `View#createSelection()`},\n\t * * {@link module:engine/view/upcastwriter~ViewUpcastWriter#createSelection `UpcastWriter#createSelection()`}.\n\t *\n\t * ```ts\n\t * // Creates empty selection without ranges.\n\t * const selection = writer.createSelection();\n\t *\n\t * // Creates selection at the given range.\n\t * const range = writer.createRange( start, end );\n\t * const selection = writer.createSelection( range );\n\t *\n\t * // Creates selection at the given ranges\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * const selection = writer.createSelection( ranges );\n\t *\n\t * // Creates selection from the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * const selection = writer.createSelection( otherSelection );\n\t *\n\t * // Creates selection from the document selection.\n\t * const selection = writer.createSelection( editor.editing.view.document.selection );\n\t *\n\t * // Creates selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * const selection = writer.createSelection( position );\n\t *\n\t * // Creates collapsed selection at the position of given item and offset.\n\t * const paragraph = writer.createContainerElement( 'paragraph' );\n\t * const selection = writer.createSelection( paragraph, offset );\n\t *\n\t * // Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the\n\t * // first child of that element and ends after the last child of that element.\n\t * const selection = writer.createSelection( paragraph, 'in' );\n\t *\n\t * // Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends\n\t * // just after the item.\n\t * const selection = writer.createSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = writer.createSelection( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * @internal\n\t */\n\tconstructor(\n\t\t...args: [] | [\n\t\t\tselectable: ViewNode,\n\t\t\tplaceOrOffset: ViewPlaceOrOffset,\n\t\t\toptions?: ViewSelectionOptions\n\t\t] | [\n\t\t\tselectable?: Exclude<ViewSelectable, ViewNode>,\n\t\t\toptions?: ViewSelectionOptions\n\t\t]\n\t) {\n\t\tsuper();\n\n\t\tthis._ranges = [];\n\t\tthis._lastRangeBackward = false;\n\t\tthis._isFake = false;\n\t\tthis._fakeSelectionLabel = '';\n\n\t\tif ( args.length ) {\n\t\t\tthis.setTo( ...args );\n\t\t}\n\t}\n\n\t/**\n\t * Returns true if selection instance is marked as `fake`.\n\t *\n\t * @see #setTo\n\t */\n\tpublic get isFake(): boolean {\n\t\treturn this._isFake;\n\t}\n\n\t/**\n\t * Returns fake selection label.\n\t *\n\t * @see #setTo\n\t */\n\tpublic get fakeSelectionLabel(): string {\n\t\treturn this._fakeSelectionLabel;\n\t}\n\n\t/**\n\t * Selection anchor. Anchor may be described as a position where the selection starts. Together with\n\t * {@link #focus focus} they define the direction of selection, which is important\n\t * when expanding/shrinking selection. Anchor is always the start or end of the most recent added range.\n\t * It may be a bit unintuitive when there are multiple ranges in selection.\n\t *\n\t * @see #focus\n\t */\n\tpublic get anchor(): ViewPosition | null {\n\t\tif ( !this._ranges.length ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst range = this._ranges[ this._ranges.length - 1 ];\n\t\tconst anchor = this._lastRangeBackward ? range.end : range.start;\n\n\t\treturn anchor.clone();\n\t}\n\n\t/**\n\t * Selection focus. Focus is a position where the selection ends.\n\t *\n\t * @see #anchor\n\t */\n\tpublic get focus(): ViewPosition | null {\n\t\tif ( !this._ranges.length ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst range = this._ranges[ this._ranges.length - 1 ];\n\t\tconst focus = this._lastRangeBackward ? range.start : range.end;\n\n\t\treturn focus.clone();\n\t}\n\n\t/**\n\t * Returns whether the selection is collapsed. Selection is collapsed when there is exactly one range which is\n\t * collapsed.\n\t */\n\tpublic get isCollapsed(): boolean {\n\t\treturn this.rangeCount === 1 && this._ranges[ 0 ].isCollapsed;\n\t}\n\n\t/**\n\t * Returns number of ranges in selection.\n\t */\n\tpublic get rangeCount(): number {\n\t\treturn this._ranges.length;\n\t}\n\n\t/**\n\t * Specifies whether the {@link #focus} precedes {@link #anchor}.\n\t */\n\tpublic get isBackward(): boolean {\n\t\treturn !this.isCollapsed && this._lastRangeBackward;\n\t}\n\n\t/**\n\t * {@link module:engine/view/editableelement~ViewEditableElement ViewEditableElement} instance that contains this selection, or `null`\n\t * if the selection is not inside an editable element.\n\t */\n\tpublic get editableElement(): ViewEditableElement | null {\n\t\tif ( this.anchor ) {\n\t\t\treturn this.anchor.editableElement;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns an iterable that contains copies of all ranges added to the selection.\n\t */\n\tpublic* getRanges(): IterableIterator<ViewRange> {\n\t\tfor ( const range of this._ranges ) {\n\t\t\tyield range.clone();\n\t\t}\n\t}\n\n\t/**\n\t * Returns copy of the first range in the selection. First range is the one which\n\t * {@link module:engine/view/range~ViewRange#start start} position\n\t * {@link module:engine/view/position~ViewPosition#isBefore is before} start\n\t * position of all other ranges (not to confuse with the first range added to the selection).\n\t * Returns `null` if no ranges are added to selection.\n\t */\n\tpublic getFirstRange(): ViewRange | null {\n\t\tlet first = null;\n\n\t\tfor ( const range of this._ranges ) {\n\t\t\tif ( !first || range.start.isBefore( first.start ) ) {\n\t\t\t\tfirst = range;\n\t\t\t}\n\t\t}\n\n\t\treturn first ? first.clone() : null;\n\t}\n\n\t/**\n\t * Returns copy of the last range in the selection. Last range is the one which {@link module:engine/view/range~ViewRange#end end}\n\t * position {@link module:engine/view/position~ViewPosition#isAfter is after} end position of all other ranges (not to confuse\n\t * with the last range added to the selection). Returns `null` if no ranges are added to selection.\n\t */\n\tpublic getLastRange(): ViewRange | null {\n\t\tlet last = null;\n\n\t\tfor ( const range of this._ranges ) {\n\t\t\tif ( !last || range.end.isAfter( last.end ) ) {\n\t\t\t\tlast = range;\n\t\t\t}\n\t\t}\n\n\t\treturn last ? last.clone() : null;\n\t}\n\n\t/**\n\t * Returns copy of the first position in the selection. First position is the position that\n\t * {@link module:engine/view/position~ViewPosition#isBefore is before} any other position in the selection ranges.\n\t * Returns `null` if no ranges are added to selection.\n\t */\n\tpublic getFirstPosition(): ViewPosition | null {\n\t\tconst firstRange = this.getFirstRange();\n\n\t\treturn firstRange ? firstRange.start.clone() : null;\n\t}\n\n\t/**\n\t * Returns copy of the last position in the selection. Last position is the position that\n\t * {@link module:engine/view/position~ViewPosition#isAfter is after} any other position in the selection ranges.\n\t * Returns `null` if no ranges are added to selection.\n\t */\n\tpublic getLastPosition(): ViewPosition | null {\n\t\tconst lastRange = this.getLastRange();\n\n\t\treturn lastRange ? lastRange.end.clone() : null;\n\t}\n\n\t/**\n\t * Checks whether, this selection is equal to given selection. Selections are equal if they have same directions,\n\t * same number of ranges and all ranges from one selection equal to a range from other selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are equal, `false` otherwise.\n\t */\n\tpublic isEqual( otherSelection: ViewSelection | ViewDocumentSelection ): boolean {\n\t\tif ( this.isFake != otherSelection.isFake ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( this.isFake && this.fakeSelectionLabel != otherSelection.fakeSelectionLabel ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( this.rangeCount != otherSelection.rangeCount ) {\n\t\t\treturn false;\n\t\t} else if ( this.rangeCount === 0 ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif ( !this.anchor!.isEqual( otherSelection.anchor! ) || !this.focus!.isEqual( otherSelection.focus! ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const thisRange of this._ranges ) {\n\t\t\tlet found = false;\n\n\t\t\tfor ( const otherRange of ( otherSelection as any )._ranges ) {\n\t\t\t\tif ( thisRange.isEqual( otherRange ) ) {\n\t\t\t\t\tfound = true;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( !found ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Checks whether this selection is similar to given selection. Selections are similar if they have same directions, same\n\t * number of ranges, and all {@link module:engine/view/range~ViewRange#getTrimmed trimmed} ranges from one selection are\n\t * equal to any trimmed range from other selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are similar, `false` otherwise.\n\t */\n\tpublic isSimilar( otherSelection: ViewSelection | ViewDocumentSelection ): boolean {\n\t\tif ( this.isBackward != otherSelection.isBackward ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst numOfRangesA = count( this.getRanges() );\n\t\tconst numOfRangesB = count( otherSelection.getRanges() );\n\n\t\t// If selections have different number of ranges, they cannot be similar.\n\t\tif ( numOfRangesA != numOfRangesB ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// If both selections have no ranges, they are similar.\n\t\tif ( numOfRangesA == 0 ) {\n\t\t\treturn true;\n\t\t}\n\n\t\t// Check if each range in one selection has a similar range in other selection.\n\t\tfor ( let rangeA of this.getRanges() ) {\n\t\t\trangeA = rangeA.getTrimmed();\n\n\t\t\tlet found = false;\n\n\t\t\tfor ( let rangeB of otherSelection.getRanges() ) {\n\t\t\t\trangeB = rangeB.getTrimmed();\n\n\t\t\t\tif ( rangeA.start.isEqual( rangeB.start ) && rangeA.end.isEqual( rangeB.end ) ) {\n\t\t\t\t\tfound = true;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// For `rangeA`, neither range in `otherSelection` was similar. So selections are not similar.\n\t\t\tif ( !found ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\t// There were no ranges that weren't matched. Selections are similar.\n\t\treturn true;\n\t}\n\n\t/**\n\t * Returns the selected element. {@link module:engine/view/element~ViewElement Element} is considered as selected if there is only\n\t * one range in the selection, and that range contains exactly one element.\n\t * Returns `null` if there is no selected element.\n\t */\n\tpublic getSelectedElement(): ViewElement | null {\n\t\tif ( this.rangeCount !== 1 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this.getFirstRange()!.getContainedElement();\n\t}\n\n\t/**\n\t * Sets this selection's ranges and direction to the specified location based on the given\n\t * {@link module:engine/view/selection~ViewSelectable selectable}.\n\t *\n\t * ```ts\n\t * // Sets selection to the given range.\n\t * const range = writer.createRange( start, end );\n\t * selection.setTo( range );\n\t *\n\t * // Sets selection to given ranges.\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * selection.setTo( range );\n\t *\n\t * // Sets selection to the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * selection.setTo( otherSelection );\n\t *\n\t * // Sets selection to contents of ViewDocumentSelection.\n\t * selection.setTo( editor.editing.view.document.selection );\n\t *\n\t * // Sets collapsed selection at the given position.\n\t * const position = writer.createPositionAt( root, path );\n\t * selection.setTo( position );\n\t *\n\t * // Sets collapsed selection at the position of given item and offset.\n\t * selection.setTo( paragraph, offset );\n\t * ```\n\t *\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * ```ts\n\t * selection.setTo( paragraph, 'in' );\n\t * ```\n\t *\n\t * Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends just after the item.\n\t *\n\t * ```ts\n\t * selection.setTo( paragraph, 'on' );\n\t *\n\t * // Clears selection. Removes all ranges.\n\t * selection.setTo( null );\n\t * ```\n\t *\n\t * `Selection#setTo()` method allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets selection as backward.\n\t * selection.setTo( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * selection.setTo( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * @fires change\n\t */\n\tpublic setTo(\n\t\t...args: [\n\t\t\tselectable: ViewNode,\n\t\t\tplaceOrOffset: ViewPlaceOrOffset,\n\t\t\toptions?: ViewSelectionOptions\n\t\t] | [\n\t\t\tselectable?: Exclude<ViewSelectable, ViewNode>,\n\t\t\toptions?: ViewSelectionOptions\n\t\t]\n\t): void {\n\t\tlet [ selectable, placeOrOffset, options ] = args;\n\n\t\tif ( typeof placeOrOffset == 'object' ) {\n\t\t\toptions = placeOrOffset;\n\t\t\tplaceOrOffset = undefined;\n\t\t}\n\n\t\tif ( selectable === null ) {\n\t\t\tthis._setRanges( [] );\n\t\t\tthis._setFakeOptions( options );\n\t\t} else if ( selectable instanceof ViewSelection || selectable instanceof ViewDocumentSelection ) {\n\t\t\tthis._setRanges( selectable.getRanges(), selectable.isBackward );\n\t\t\tthis._setFakeOptions( { fake: selectable.isFake, label: selectable.fakeSelectionLabel } );\n\t\t} else if ( selectable instanceof ViewRange ) {\n\t\t\tthis._setRanges( [ selectable ], options && options.backward );\n\t\t\tthis._setFakeOptions( options );\n\t\t} else if ( selectable instanceof ViewPosition ) {\n\t\t\tthis._setRanges( [ new ViewRange( selectable ) ] );\n\t\t\tthis._setFakeOptions( options );\n\t\t} else if ( selectable instanceof ViewNode ) {\n\t\t\tconst backward = !!options && !!options.backward;\n\t\t\tlet range;\n\n\t\t\tif ( placeOrOffset === undefined ) {\n\t\t\t\t/**\n\t\t\t\t * selection.setTo requires the second parameter when the first parameter is a node.\n\t\t\t\t *\n\t\t\t\t * @error view-selection-setto-required-second-parameter\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'view-selection-setto-required-second-parameter', this );\n\t\t\t} else if ( placeOrOffset == 'in' ) {\n\t\t\t\trange = ViewRange._createIn( selectable as ViewElement );\n\t\t\t} else if ( placeOrOffset == 'on' ) {\n\t\t\t\trange = ViewRange._createOn( selectable );\n\t\t\t} else {\n\t\t\t\trange = new ViewRange( ViewPosition._createAt( selectable, placeOrOffset ) );\n\t\t\t}\n\n\t\t\tthis._setRanges( [ range ], backward );\n\t\t\tthis._setFakeOptions( options );\n\t\t} else if ( isIterable( selectable ) ) {\n\t\t\t// We assume that the selectable is an iterable of ranges.\n\t\t\t// Array.from() is used to prevent setting ranges to the old iterable\n\t\t\tthis._setRanges( selectable, options && options.backward );\n\t\t\tthis._setFakeOptions( options );\n\t\t} else {\n\t\t\t/**\n\t\t\t * Cannot set selection to given place.\n\t\t\t *\n\t\t\t * @error view-selection-setto-not-selectable\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-selection-setto-not-selectable', this );\n\t\t}\n\n\t\tthis.fire<ViewSelectionChangeEvent>( 'change' );\n\t}\n\n\t/**\n\t * Moves {@link #focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/view/view~EditingView#createPositionAt view.createPositionAt()}\n\t * parameters.\n\t *\n\t * @fires change\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */\n\tpublic setFocus( itemOrPosition: ViewItem | ViewPosition, offset?: ViewPositionOffset ): void {\n\t\tif ( this.anchor === null ) {\n\t\t\t/**\n\t\t\t * Cannot set selection focus if there are no ranges in selection.\n\t\t\t *\n\t\t\t * @error view-selection-setfocus-no-ranges\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-selection-setfocus-no-ranges', this );\n\t\t}\n\n\t\tconst newFocus = ViewPosition._createAt( itemOrPosition, offset );\n\n\t\tif ( newFocus.compareWith( this.focus! ) == 'same' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst anchor = this.anchor;\n\n\t\tthis._ranges.pop();\n\n\t\tif ( newFocus.compareWith( anchor ) == 'before' ) {\n\t\t\tthis._addRange( new ViewRange( newFocus, anchor ), true );\n\t\t} else {\n\t\t\tthis._addRange( new ViewRange( anchor, newFocus ) );\n\t\t}\n\n\t\tthis.fire<ViewSelectionChangeEvent>( 'change' );\n\t}\n\n\t/**\n\t * Converts `ViewSelection` instance to plain object and returns it.\n\t *\n\t * @returns `ViewSelection` instance converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\tconst json: any = {\n\t\t\tranges: Array.from( this.getRanges() ).map( range => range.toJSON() )\n\t\t};\n\n\t\tif ( this.isBackward ) {\n\t\t\tjson.isBackward = true;\n\t\t}\n\n\t\tif ( this.isFake ) {\n\t\t\tjson.isFake = true;\n\t\t}\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Replaces all ranges that were added to the selection with given array of ranges. Last range of the array\n\t * is treated like the last added range and is used to set {@link #anchor anchor} and {@link #focus focus}.\n\t * Accepts a flag describing in which way the selection is made.\n\t *\n\t * @param newRanges Iterable object of ranges to set.\n\t * @param isLastBackward Flag describing if last added range was selected forward - from start to end\n\t * (`false`) or backward - from end to start (`true`). Defaults to `false`.\n\t */\n\tprivate _setRanges( newRanges: Iterable<ViewRange>, isLastBackward: boolean = false ) {\n\t\t// New ranges should be copied to prevent removing them by setting them to `[]` first.\n\t\t// Only applies to situations when selection is set to the same selection or same selection's ranges.\n\t\tnewRanges = Array.from( newRanges );\n\n\t\tthis._ranges = [];\n\n\t\tfor ( const range of newRanges ) {\n\t\t\tthis._addRange( range );\n\t\t}\n\n\t\tthis._lastRangeBackward = !!isLastBackward;\n\t}\n\n\t/**\n\t * Sets this selection instance to be marked as `fake`. A fake selection does not render as browser native selection\n\t * over selected elements and is hidden to the user. This way, no native selection UI artifacts are displayed to\n\t * the user and selection over elements can be represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM (and be\n\t * properly handled by screen readers).\n\t */\n\tprivate _setFakeOptions( options: ViewSelectionOptions = {} ) {\n\t\tthis._isFake = !!options.fake;\n\t\tthis._fakeSelectionLabel = options.fake ? options.label || '' : '';\n\t}\n\n\t/**\n\t * Adds a range to the selection. Added range is copied. This means that passed range is not saved in the\n\t * selection instance and you can safely operate on it.\n\t *\n\t * Accepts a flag describing in which way the selection is made - passed range might be selected from\n\t * {@link module:engine/view/range~ViewRange#start start} to {@link module:engine/view/range~ViewRange#end end}\n\t * or from {@link module:engine/view/range~ViewRange#end end} to {@link module:engine/view/range~ViewRange#start start}.\n\t * The flag is used to set {@link #anchor anchor} and {@link #focus focus} properties.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-selection-range-intersects` if added range intersects\n\t * with ranges already stored in Selection instance.\n\t */\n\tprivate _addRange( range: ViewRange, isBackward: boolean = false ): void {\n\t\tif ( !( range instanceof ViewRange ) ) {\n\t\t\t/**\n\t\t\t * Selection range set to an object that is not an instance of {@link module:engine/view/range~ViewRange}.\n\t\t\t *\n\t\t\t * @error view-selection-add-range-not-range\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'view-selection-add-range-not-range',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\tthis._pushRange( range );\n\t\tthis._lastRangeBackward = !!isBackward;\n\t}\n\n\t/**\n\t * Adds range to selection - creates copy of given range so it can be safely used and modified.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-selection-range-intersects` if added range intersects\n\t * with ranges already stored in selection instance.\n\t */\n\tprivate _pushRange( range: ViewRange ): void {\n\t\tfor ( const storedRange of this._ranges ) {\n\t\t\tif ( range.isIntersecting( storedRange ) ) {\n\t\t\t\t/**\n\t\t\t\t * Trying to add a range that intersects with another range from selection.\n\t\t\t\t *\n\t\t\t\t * @error view-selection-range-intersects\n\t\t\t\t * @param {module:engine/view/range~ViewRange} addedRange Range that was added to the selection.\n\t\t\t\t * @param {module:engine/view/range~ViewRange} intersectingRange Range from selection that intersects with `addedRange`.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'view-selection-range-intersects',\n\t\t\t\t\tthis,\n\t\t\t\t\t{ addedRange: range, intersectingRange: storedRange }\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tthis._ranges.push( new ViewRange( range.start, range.end ) );\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewSelection.prototype.is = function( type: string ): boolean {\n\treturn type === 'selection' || type === 'view:selection';\n};\n\n/**\n * Additional options for {@link ~ViewSelection}.\n */\nexport interface ViewSelectionOptions {\n\n\t/**\n\t * Sets this selection instance to be backward.\n\t */\n\tbackward?: boolean;\n\n\t/**\n\t * Sets this selection instance to be marked as `fake`.\n\t */\n\tfake?: boolean;\n\n\t/**\n\t * Label for the fake selection.\n\t */\n\tlabel?: string;\n}\n\n/**\n * The place or offset of the selection.\n */\nexport type ViewPlaceOrOffset = number | 'before' | 'end' | 'after' | 'on' | 'in';\n\n/**\n * Fired whenever selection ranges are changed through {@link ~ViewSelection Selection API}.\n *\n * @eventName ~ViewSelection#change\n */\nexport type ViewSelectionChangeEvent = {\n\tname: 'change';\n\targs: [];\n};\n\n/**\n * An entity that is used to set selection.\n *\n * See also {@link module:engine/view/selection~ViewSelection#setTo}\n */\nexport type ViewSelectable = ViewSelection | ViewDocumentSelection | ViewPosition | Iterable<ViewRange> | ViewRange | ViewNode | null;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/documentselection\n */\n\nimport { ViewTypeCheckable } from './typecheckable.js';\nimport {\n\tViewSelection,\n\ttype ViewPlaceOrOffset,\n\ttype ViewSelectable,\n\ttype ViewSelectionOptions,\n\ttype ViewSelectionChangeEvent\n} from './selection.js';\n\nimport { EmitterMixin } from '@ckeditor/ckeditor5-utils';\n\nimport { type ViewEditableElement } from './editableelement.js';\nimport { type ViewElement } from './element.js';\nimport { type ViewNode } from './node.js';\nimport { type ViewItem } from './item.js';\nimport type { ViewPosition, ViewPositionOffset } from './position.js';\nimport { type ViewRange } from './range.js';\n\n/**\n * Class representing the document selection in the view.\n *\n * Its instance is available in {@link module:engine/view/document~ViewDocument#selection `Document#selection`}.\n *\n * It is similar to {@link module:engine/view/selection~ViewSelection} but\n * it has a read-only API and can be modified only by the writer available in\n * the {@link module:engine/view/view~EditingView#change `View#change()`} block\n * (so via {@link module:engine/view/downcastwriter~ViewDowncastWriter#setSelection `ViewDowncastWriter#setSelection()`}).\n */\nexport class ViewDocumentSelection extends /* #__PURE__ */ EmitterMixin( ViewTypeCheckable ) {\n\t/**\n\t * Selection is used internally (`ViewDocumentSelection` is a proxy to that selection).\n\t */\n\tprivate readonly _selection: ViewSelection;\n\n\t/**\n\t * Creates new ViewDocumentSelection instance.\n\t *\n\t * ```ts\n\t * // Creates collapsed selection at the position of given item and offset.\n\t * const paragraph = writer.createContainerElement( 'paragraph' );\n\t * const selection = new ViewDocumentSelection( paragraph, offset );\n\t *\n\t * // Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the\n\t * // first child of that element and ends after the last child of that element.\n\t * const selection = new ViewDocumentSelection( paragraph, 'in' );\n\t *\n\t * // Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends\n\t * // just after the item.\n\t * const selection = new ViewDocumentSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = new ViewDocumentSelection( element, 'in', { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = new ViewDocumentSelection( element, 'in', { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #constructor:SELECTABLE `constructor( selectable, options )`}.\n\t *\n\t * @label NODE_OFFSET\n\t */\n\tpublic constructor( selectable: ViewNode, placeOrOffset: ViewPlaceOrOffset, options?: ViewSelectionOptions );\n\n\t/**\n\t * Creates new ViewDocumentSelection instance.\n\t *\n\t * ```ts\n\t * // Creates empty selection without ranges.\n\t * const selection = new ViewDocumentSelection();\n\t *\n\t * // Creates selection at the given range.\n\t * const range = writer.createRange( start, end );\n\t * const selection = new ViewDocumentSelection( range );\n\t *\n\t * // Creates selection at the given ranges\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( start2, end2 ) ];\n\t * const selection = new ViewDocumentSelection( ranges );\n\t *\n\t * // Creates selection from the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * const selection = new ViewDocumentSelection( otherSelection );\n\t *\n\t * // Creates selection at the given position.\n\t * const position = writer.createPositionAt( root, offset );\n\t * const selection = new ViewDocumentSelection( position );\n\t * ```\n\t *\n\t * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = new ViewDocumentSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = new ViewDocumentSelection( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #constructor:NODE_OFFSET `constructor( node, placeOrOffset, options )`}.\n\t *\n\t * @label SELECTABLE\n\t */\n\tpublic constructor( selectable?: Exclude<ViewSelectable, ViewNode>, options?: ViewSelectionOptions );\n\n\tconstructor( ...args: ConstructorParameters<typeof ViewSelection> ) {\n\t\tsuper();\n\n\t\tthis._selection = new ViewSelection();\n\n\t\t// Delegate change event to be fired on ViewDocumentSelection instance.\n\t\tthis._selection.delegate( 'change' ).to( this );\n\n\t\t// Set selection data.\n\t\tif ( args.length ) {\n\t\t\tthis._selection.setTo( ...args );\n\t\t}\n\t}\n\n\t/**\n\t * Returns true if selection instance is marked as `fake`.\n\t *\n\t * @see #_setTo\n\t */\n\tpublic get isFake(): boolean {\n\t\treturn this._selection.isFake;\n\t}\n\n\t/**\n\t * Returns fake selection label.\n\t *\n\t * @see #_setTo\n\t */\n\tpublic get fakeSelectionLabel(): string {\n\t\treturn this._selection.fakeSelectionLabel;\n\t}\n\n\t/**\n\t * Selection anchor. Anchor may be described as a position where the selection starts. Together with\n\t * {@link #focus focus} they define the direction of selection, which is important\n\t * when expanding/shrinking selection. Anchor is always the start or end of the most recent added range.\n\t * It may be a bit unintuitive when there are multiple ranges in selection.\n\t *\n\t * @see #focus\n\t */\n\tpublic get anchor(): ViewPosition | null {\n\t\treturn this._selection.anchor;\n\t}\n\n\t/**\n\t * Selection focus. Focus is a position where the selection ends.\n\t *\n\t * @see #anchor\n\t */\n\tpublic get focus(): ViewPosition | null {\n\t\treturn this._selection.focus;\n\t}\n\n\t/**\n\t * Returns whether the selection is collapsed. Selection is collapsed when there is exactly one range which is\n\t * collapsed.\n\t */\n\tpublic get isCollapsed(): boolean {\n\t\treturn this._selection.isCollapsed;\n\t}\n\n\t/**\n\t * Returns number of ranges in selection.\n\t */\n\tpublic get rangeCount(): number {\n\t\treturn this._selection.rangeCount;\n\t}\n\n\t/**\n\t * Specifies whether the {@link #focus} precedes {@link #anchor}.\n\t */\n\tpublic get isBackward(): boolean {\n\t\treturn this._selection.isBackward;\n\t}\n\n\t/**\n\t * {@link module:engine/view/editableelement~ViewEditableElement ViewEditableElement} instance that contains this selection, or `null`\n\t * if the selection is not inside an editable element.\n\t */\n\tpublic get editableElement(): ViewEditableElement | null {\n\t\treturn this._selection.editableElement;\n\t}\n\n\t/**\n\t * Used for the compatibility with the {@link module:engine/view/selection~ViewSelection#isEqual} method.\n\t *\n\t * @internal\n\t */\n\tpublic get _ranges(): Array<ViewRange> {\n\t\treturn ( this._selection as any )._ranges;\n\t}\n\n\t/**\n\t * Returns an iterable that contains copies of all ranges added to the selection.\n\t */\n\tpublic* getRanges(): IterableIterator<ViewRange> {\n\t\tyield* this._selection.getRanges();\n\t}\n\n\t/**\n\t * Returns copy of the first range in the selection. First range is the one which\n\t * {@link module:engine/view/range~ViewRange#start start} position\n\t * {@link module:engine/view/position~ViewPosition#isBefore is before} start\n\t * position of all other ranges (not to confuse with the first range added to the selection).\n\t * Returns `null` if no ranges are added to selection.\n\t */\n\tpublic getFirstRange(): ViewRange | null {\n\t\treturn this._selection.getFirstRange();\n\t}\n\n\t/**\n\t * Returns copy of the last range in the selection. Last range is the one which {@link module:engine/view/range~ViewRange#end end}\n\t * position {@link module:engine/view/position~ViewPosition#isAfter is after} end position of all other ranges (not to confuse\n\t * with the last range added to the selection). Returns `null` if no ranges are added to selection.\n\t */\n\tpublic getLastRange(): ViewRange | null {\n\t\treturn this._selection.getLastRange();\n\t}\n\n\t/**\n\t * Returns copy of the first position in the selection. First position is the position that\n\t * {@link module:engine/view/position~ViewPosition#isBefore is before} any other position in the selection ranges.\n\t * Returns `null` if no ranges are added to selection.\n\t */\n\tpublic getFirstPosition(): ViewPosition | null {\n\t\treturn this._selection.getFirstPosition();\n\t}\n\n\t/**\n\t * Returns copy of the last position in the selection. Last position is the position that\n\t * {@link module:engine/view/position~ViewPosition#isAfter is after} any other position in the selection ranges.\n\t * Returns `null` if no ranges are added to selection.\n\t */\n\tpublic getLastPosition(): ViewPosition | null {\n\t\treturn this._selection.getLastPosition();\n\t}\n\n\t/**\n\t * Returns the selected element. {@link module:engine/view/element~ViewElement Element} is considered as selected if there is only\n\t * one range in the selection, and that range contains exactly one element.\n\t * Returns `null` if there is no selected element.\n\t */\n\tpublic getSelectedElement(): ViewElement | null {\n\t\treturn this._selection.getSelectedElement();\n\t}\n\n\t/**\n\t * Checks whether, this selection is equal to given selection. Selections are equal if they have same directions,\n\t * same number of ranges and all ranges from one selection equal to a range from other selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are equal, `false` otherwise.\n\t */\n\tpublic isEqual( otherSelection: ViewSelection | ViewDocumentSelection ): boolean {\n\t\treturn this._selection.isEqual( otherSelection );\n\t}\n\n\t/**\n\t * Checks whether this selection is similar to given selection. Selections are similar if they have same directions, same\n\t * number of ranges, and all {@link module:engine/view/range~ViewRange#getTrimmed trimmed} ranges from one selection are\n\t * equal to any trimmed range from other selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are similar, `false` otherwise.\n\t */\n\tpublic isSimilar( otherSelection: ViewSelection | ViewDocumentSelection ): boolean {\n\t\treturn this._selection.isSimilar( otherSelection );\n\t}\n\n\t/**\n\t * Converts `ViewDocumentSelection` instance to plain object and returns it.\n\t *\n\t * @returns `ViewDocumentSelection` instance converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\treturn this._selection.toJSON();\n\t}\n\n\t/**\n\t * Sets this selection's ranges and direction to the specified location based on the given\n\t * {@link module:engine/view/selection~ViewSelectable selectable}.\n\t *\n\t * ```ts\n\t * // Sets selection to the given range.\n\t * const range = writer.createRange( start, end );\n\t * documentSelection._setTo( range );\n\t *\n\t * // Sets selection to given ranges.\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( start2, end2 ) ];\n\t * documentSelection._setTo( range );\n\t *\n\t * // Sets selection to the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * documentSelection._setTo( otherSelection );\n\t *\n\t * // Sets collapsed selection at the given position.\n\t * const position = writer.createPositionAt( root, offset );\n\t * documentSelection._setTo( position );\n\t *\n\t * // Sets collapsed selection at the position of given item and offset.\n\t * documentSelection._setTo( paragraph, offset );\n\t * ```\n\t *\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * ```ts\n\t * documentSelection._setTo( paragraph, 'in' );\n\t * ```\n\t *\n\t * Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends just after the item.\n\t *\n\t * ```ts\n\t * documentSelection._setTo( paragraph, 'on' );\n\t *\n\t * // Clears selection. Removes all ranges.\n\t * documentSelection._setTo( null );\n\t * ```\n\t *\n\t * `Selection#_setTo()` method allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets selection as backward.\n\t * documentSelection._setTo( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to des cribe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * documentSelection._setTo( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * @internal\n\t * @fires change\n\t */\n\tpublic _setTo( ...args: Parameters<ViewSelection[ 'setTo' ]> ): void {\n\t\tthis._selection.setTo( ...args );\n\t}\n\n\t/**\n\t * Moves {@link #focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/view/view~EditingView#createPositionAt view.createPositionAt()}\n\t * parameters.\n\t *\n\t * @internal\n\t * @fires change\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */\n\tpublic _setFocus( itemOrPosition: ViewItem | ViewPosition, offset?: ViewPositionOffset ): void {\n\t\tthis._selection.setFocus( itemOrPosition, offset );\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewDocumentSelection.prototype.is = function( type: string ): boolean {\n\treturn type === 'selection' ||\n\t\ttype == 'documentSelection' ||\n\t\ttype == 'view:selection' ||\n\t\ttype == 'view:documentSelection';\n};\n\n/**\n * Fired whenever selection ranges are changed through {@link ~ViewDocumentSelection Selection API}.\n *\n * @eventName ~ViewDocumentSelection#change\n */\nexport type ViewDocumentSelectionChangeEvent = ViewSelectionChangeEvent;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/bubblingeventinfo\n */\n\nimport { EventInfo } from '@ckeditor/ckeditor5-utils';\nimport { type ViewDocument } from '../document.js';\nimport { type ViewNode } from '../node.js';\nimport { type ViewRange } from '../range.js';\n\n/**\n * The event object passed to bubbling event callbacks. It is used to provide information about the event as well as a tool to\n * manipulate it.\n */\nexport class BubblingEventInfo<TName extends string = string, TReturn = unknown> extends EventInfo<TName, TReturn> {\n\t/**\n\t * The view range that the bubbling should start from.\n\t */\n\tpublic readonly startRange: ViewRange;\n\n\t/**\n\t * The current event phase.\n\t */\n\tprivate _eventPhase: BubblingEventPhase;\n\n\t/**\n\t * The current bubbling target.\n\t */\n\tprivate _currentTarget: ViewDocument | ViewNode | null;\n\n\t/**\n\t * @param source The emitter.\n\t * @param name The event name.\n\t * @param startRange The view range that the bubbling should start from.\n\t */\n\tconstructor( source: object, name: TName, startRange: ViewRange ) {\n\t\tsuper( source, name );\n\n\t\tthis.startRange = startRange;\n\t\tthis._eventPhase = 'none';\n\t\tthis._currentTarget = null;\n\t}\n\n\t/**\n\t * The current event phase.\n\t */\n\tpublic get eventPhase(): BubblingEventPhase {\n\t\treturn this._eventPhase;\n\t}\n\n\t/**\n\t * The current bubbling target.\n\t */\n\tpublic get currentTarget(): ViewDocument | ViewNode | null {\n\t\treturn this._currentTarget;\n\t}\n}\n\n/**\n * The phase the event is in.\n */\nexport type BubblingEventPhase = 'none' | 'capturing' | 'atTarget' | 'bubbling';\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/bubblingemittermixin\n */\n\nimport {\n\tCKEditorError,\n\tEmitterMixin,\n\tEventInfo,\n\ttoArray,\n\ttype ArrayOrItem,\n\ttype Emitter,\n\ttype GetEventInfo,\n\ttype GetNameOrEventInfo,\n\ttype BaseEvent,\n\ttype CallbackOptions,\n\ttype Constructor,\n\ttype Mixed\n} from '@ckeditor/ckeditor5-utils';\n\nimport { BubblingEventInfo, type BubblingEventPhase } from './bubblingeventinfo.js';\nimport { type ViewDocument } from '../document.js';\nimport { type ViewNode } from '../node.js';\nimport { type ViewRange } from '../range.js';\nimport { type ViewElement } from '../element.js';\nimport { type ViewDocumentSelection } from '../documentselection.js';\n\nconst bubblingEmitterSymbol = Symbol( 'bubblingEmitter' );\nconst callbackMapSymbol = Symbol( 'bubblingCallbacks' );\nconst contextsSymbol = Symbol( 'bubblingContexts' );\n\n/**\n * Bubbling emitter mixin for the view document as described in the {@link ~BubblingEmitter} interface.\n *\n * This function creates a class that inherits from the provided `base` and implements `Emitter` interface.\n * The base class must implement {@link module:utils/emittermixin~Emitter} interface.\n *\n * ```ts\n * class BaseClass extends EmitterMixin() {\n * \t// ...\n * }\n *\n * class MyClass extends BubblingEmitterMixin( BaseClass ) {\n * \t// This class derives from `BaseClass` and implements the `BubblingEmitter` interface.\n * }\n * ```\n */\nexport function BubblingEmitterMixin<Base extends Constructor<Emitter>>( base: Base ): Mixed<Base, BubblingEmitter> {\n\tabstract class Mixin extends base implements BubblingEmitter {\n\t\tpublic abstract get selection(): ViewDocumentSelection;\n\n\t\tpublic override fire<TEvent extends BaseEvent>(\n\t\t\teventOrInfo: GetNameOrEventInfo<TEvent>,\n\t\t\t...eventArgs: TEvent[ 'args' ]\n\t\t): GetEventInfo<TEvent>[ 'return' ] {\n\t\t\ttry {\n\t\t\t\tconst eventInfo = eventOrInfo instanceof EventInfo ? eventOrInfo : new EventInfo( this, eventOrInfo );\n\t\t\t\tconst bubblingEmitter = getBubblingEmitter( this );\n\t\t\t\tconst customContexts = getCustomContexts( this );\n\n\t\t\t\tupdateEventInfo( eventInfo, 'capturing', this );\n\n\t\t\t\t// The capture phase of the event.\n\t\t\t\tif ( fireListenerFor( bubblingEmitter, '$capture', eventInfo, ...eventArgs ) ) {\n\t\t\t\t\treturn eventInfo.return;\n\t\t\t\t}\n\n\t\t\t\tconst startRange = ( eventInfo as BubblingEventInfo ).startRange || this.selection.getFirstRange();\n\t\t\t\tconst selectedElement = startRange ? startRange.getContainedElement() : null;\n\t\t\t\tconst isCustomContext = selectedElement ? hasMatchingCustomContext( customContexts, selectedElement ) : false;\n\n\t\t\t\tlet node: ViewNode | null = selectedElement || getDeeperRangeParent( startRange );\n\n\t\t\t\tupdateEventInfo( eventInfo, 'atTarget', node );\n\n\t\t\t\t// For the not yet bubbling event trigger for $text node if selection can be there and it's not a custom context selected.\n\t\t\t\tif ( !isCustomContext ) {\n\t\t\t\t\tif ( fireListenerFor( bubblingEmitter, '$text', eventInfo, ...eventArgs ) ) {\n\t\t\t\t\t\treturn eventInfo.return;\n\t\t\t\t\t}\n\n\t\t\t\t\tupdateEventInfo( eventInfo, 'bubbling', node );\n\t\t\t\t}\n\n\t\t\t\twhile ( node ) {\n\t\t\t\t\tif ( node.is( 'element' ) && fireListenerFor( bubblingEmitter, node, eventInfo, ...eventArgs ) ) {\n\t\t\t\t\t\treturn eventInfo.return;\n\t\t\t\t\t}\n\n\t\t\t\t\tnode = node.parent as ViewNode;\n\n\t\t\t\t\tupdateEventInfo( eventInfo, 'bubbling', node );\n\t\t\t\t}\n\n\t\t\t\tupdateEventInfo( eventInfo, 'bubbling', this );\n\n\t\t\t\t// Document context.\n\t\t\t\tfireListenerFor( bubblingEmitter, '$document', eventInfo, ...eventArgs );\n\n\t\t\t\treturn eventInfo.return;\n\t\t\t} catch ( err: any ) {\n\t\t\t\t// @if CK_DEBUG // throw err;\n\t\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\t\tCKEditorError.rethrowUnexpectedError( err, this );\n\t\t\t}\n\t\t}\n\n\t\tpublic _addEventListener(\n\t\t\tthis: ViewDocument,\n\t\t\tevent: string,\n\t\t\tcallback: ( ev: EventInfo, ...args: Array<any> ) => void,\n\t\t\toptions: BubblingCallbackOptions\n\t\t) {\n\t\t\tconst contexts = toArray( options.context || '$document' );\n\t\t\tconst bubblingEmitter = getBubblingEmitter( this );\n\t\t\tconst callbacksMap = getCallbackMap( this );\n\n\t\t\tfor ( const context of contexts ) {\n\t\t\t\tif ( typeof context == 'function' ) {\n\t\t\t\t\tgetCustomContexts( this ).add( context );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Wrap callback with current target match.\n\t\t\tconst wrappedCallback = wrapCallback( this, contexts, callback );\n\n\t\t\t// Store for later removing of listeners.\n\t\t\tcallbacksMap.set( callback, wrappedCallback );\n\n\t\t\t// Listen for the event.\n\t\t\tthis.listenTo<BubblingInternalEvent>( bubblingEmitter, event, wrappedCallback, options );\n\t\t}\n\n\t\tpublic _removeEventListener( this: ViewDocument, event: string, callback: Function ): void {\n\t\t\tconst bubblingEmitter = getBubblingEmitter( this );\n\t\t\tconst callbacksMap = getCallbackMap( this );\n\t\t\tconst wrappedCallback = callbacksMap.get( callback );\n\n\t\t\tif ( wrappedCallback ) {\n\t\t\t\tcallbacksMap.delete( callback );\n\t\t\t\tthis.stopListening( bubblingEmitter, event, wrappedCallback );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn Mixin as any;\n}\n\n/**\n * Update the event info bubbling fields.\n *\n * @param eventInfo The event info object to update.\n * @param eventPhase The current event phase.\n * @param currentTarget The current bubbling target.\n */\nfunction updateEventInfo(\n\teventInfo: EventInfo,\n\teventPhase: BubblingEventPhase,\n\tcurrentTarget: unknown\n) {\n\tif ( eventInfo instanceof BubblingEventInfo ) {\n\t\t( eventInfo as any )._eventPhase = eventPhase;\n\t\t( eventInfo as any )._currentTarget = currentTarget;\n\t}\n}\n\n/**\n * Fires the listener for the specified context. Returns `true` if event was stopped.\n *\n * @param eventInfo The `EventInfo` object.\n * @param eventArgs Additional arguments to be passed to the callbacks.\n * @returns True if event stop was called.\n */\nfunction fireListenerFor(\n\temitter: Emitter,\n\tcurrentTarget: string | ViewElement,\n\teventInfo: EventInfo,\n\t...eventArgs: Array<unknown>\n) {\n\temitter.fire<BubblingInternalEvent>( eventInfo, {\n\t\tcurrentTarget,\n\t\teventArgs\n\t} );\n\n\t// Similar to DOM Event#stopImmediatePropagation() this does not fire events\n\t// for other contexts on the same node.\n\tif ( eventInfo.stop.called ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Returns an event callback wrapped with context check condition.\n */\nfunction wrapCallback(\n\temitter: Emitter,\n\tcontexts: Array<string | BubblingEventContextFunction>,\n\tcallback: ( ev: EventInfo, ...args: Array<any> ) => void\n) {\n\treturn function( event: EventInfo, data: BubblingEventInternalData ) {\n\t\tconst { currentTarget, eventArgs } = data;\n\n\t\t// Quick path for string based context ($capture, $text, $document).\n\t\tif ( typeof currentTarget == 'string' ) {\n\t\t\tif ( contexts.includes( currentTarget ) ) {\n\t\t\t\tcallback.call( emitter, event, ...eventArgs );\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\t// The current target is a view element.\n\n\t\t// Special case for the root element as it could be handled ac $root context.\n\t\t// Note that it could also be matched later by custom context.\n\t\tif ( currentTarget.is( 'rootElement' ) && contexts.includes( '$root' ) ) {\n\t\t\tcallback.call( emitter, event, ...eventArgs );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if it is a context for this element name.\n\t\tif ( contexts.includes( currentTarget.name ) ) {\n\t\t\tcallback.call( emitter, event, ...eventArgs );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if dynamic context matches.\n\t\tfor ( const context of contexts ) {\n\t\t\tif ( typeof context == 'function' && context( currentTarget ) ) {\n\t\t\t\tcallback.call( emitter, event, ...eventArgs );\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Returns bubbling emitter for the source (emitter).\n */\nfunction getBubblingEmitter( source: { [ x: string ]: any; [ bubblingEmitterSymbol ]?: Emitter } ) {\n\tif ( !source[ bubblingEmitterSymbol ] ) {\n\t\tsource[ bubblingEmitterSymbol ] = new ( EmitterMixin() )();\n\t}\n\n\treturn source[ bubblingEmitterSymbol ];\n}\n\n/**\n * Returns map of callbacks (original to wrapped one).\n */\nfunction getCallbackMap( source: { [ x: string ]: any; [ callbackMapSymbol ]?: Map<any, any> } ) {\n\tif ( !source[ callbackMapSymbol ] ) {\n\t\tsource[ callbackMapSymbol ] = new Map();\n\t}\n\n\treturn source[ callbackMapSymbol ];\n}\n\n/**\n * Returns the set of registered custom contexts.\n */\nfunction getCustomContexts( source: { [ x: string ]: any; [ contextsSymbol ]?: Set<any> } ) {\n\tif ( !source[ contextsSymbol ] ) {\n\t\tsource[ contextsSymbol ] = new Set();\n\t}\n\n\treturn source[ contextsSymbol ];\n}\n\n/**\n * Returns true if any of custom context match the given element.\n */\nfunction hasMatchingCustomContext( customContexts: Set<any>, element: ViewElement ) {\n\tfor ( const context of customContexts ) {\n\t\tif ( context( element ) ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/**\n * Returns the deeper parent element for the range.\n */\nfunction getDeeperRangeParent( range: ViewRange ): ViewNode | null {\n\tif ( !range ) {\n\t\treturn null;\n\t}\n\n\tconst startParent = range.start.parent as ViewElement;\n\tconst endParent = range.end.parent as ViewElement;\n\n\tconst startPath = startParent.getPath();\n\tconst endPath = endParent.getPath();\n\n\treturn startPath.length > endPath.length ? startParent : endParent;\n}\n\n/**\n * Bubbling emitter for the view document.\n *\n * Bubbling emitter is triggering events in the context of specified {@link module:engine/view/element~ViewElement view element} name,\n * predefined `'$text'`, `'$root'`, `'$document'` and `'$capture'` contexts, and context matchers provided as a function.\n *\n * Before bubbling starts, listeners for `'$capture'` context are triggered. Then the bubbling starts from the deeper selection\n * position (by firing event on the `'$text'` context) and propagates the view document tree up to the `'$root'` and finally\n * the listeners at `'$document'` context are fired (this is the default context).\n *\n * Examples:\n *\n * ```ts\n * // Listeners registered in the context of the view element names:\n * this.listenTo( viewDocument, 'enter', ( evt, data ) => {\n * \t// ...\n * }, { context: 'blockquote' } );\n *\n * this.listenTo( viewDocument, 'enter', ( evt, data ) => {\n * \t// ...\n * }, { context: 'li' } );\n *\n * // Listeners registered in the context of the '$text' and '$root' nodes.\n * this.listenTo( view.document, 'arrowKey', ( evt, data ) => {\n * \t// ...\n * }, { context: '$text', priority: 'high' } );\n *\n * this.listenTo( view.document, 'arrowKey', ( evt, data ) => {\n * \t// ...\n * }, { context: '$root' } );\n *\n * // Listeners registered in the context of custom callback function.\n * this.listenTo( view.document, 'arrowKey', ( evt, data ) => {\n * \t// ...\n * }, { context: isWidget } );\n *\n * this.listenTo( view.document, 'arrowKey', ( evt, data ) => {\n * \t// ...\n * }, { context: isWidget, priority: 'high' } );\n * ```\n *\n * Example flow for selection in text:\n *\n * ```xml\n * <blockquote><p>Foo[]bar</p></blockquote>\n * ```\n *\n * Fired events on contexts:\n * 1. `'$capture'`\n * 2. `'$text'`\n * 3. `'p'`\n * 4. `'blockquote'`\n * 5. `'$root'`\n * 6. `'$document'`\n *\n * Example flow for selection on element (i.e., Widget):\n *\n * ```xml\n * <blockquote><p>Foo[<widget/>]bar</p></blockquote>\n * ```\n *\n * Fired events on contexts:\n * 1. `'$capture'`\n * 2. *widget* (custom matcher)\n * 3. `'p'`\n * 4. `'blockquote'`\n * 5. `'$root'`\n * 6. `'$document'`\n *\n * There could be multiple listeners registered for the same context and at different priority levels:\n *\n * ```html\n * <p>Foo[]bar</p>\n * ```\n *\n * 1. `'$capture'` at priorities:\n *    1. `'highest'`\n *    2. `'high'`\n *    3. `'normal'`\n *    4. `'low'`\n *    5. `'lowest'`\n * 2. `'$text'` at priorities:\n *    1. `'highest'`\n *    2. `'high'`\n *    3. `'normal'`\n *    4. `'low'`\n *    5. `'lowest'`\n * 3. `'p'` at priorities:\n *    1. `'highest'`\n *    2. `'high'`\n *    3. `'normal'`\n *    4. `'low'`\n *    5. `'lowest'`\n * 4. `'$root'` at priorities:\n *    1. `'highest'`\n *    2. `'high'`\n *    3. `'normal'`\n *    4. `'low'`\n *    5. `'lowest'`\n * 5. `'$document'` at priorities:\n *    1. `'highest'`\n *    2. `'high'`\n *    3. `'normal'`\n *    4. `'low'`\n *    5. `'lowest'`\n */\nexport type BubblingEmitter = Emitter;\n\n/**\n * A context matcher function.\n *\n * Should return true for nodes that that match the custom context.\n */\nexport type BubblingEventContextFunction = ( node: ViewNode ) => boolean;\n\n/**\n * Helper type that allows describing bubbling event. Extends `TEvent` so that:\n *\n * * the event is called with {@link module:engine/view/observer/bubblingeventinfo~BubblingEventInfo}`\n * instead of {@link module:utils/eventinfo~EventInfo}, and\n * * {@link ~BubblingCallbackOptions} can be specified as additional options.\n *\n * @typeParam TEvent The event description to extend.\n */\nexport type BubblingEvent<TEvent extends BaseEvent> = TEvent & {\n\teventInfo: BubblingEventInfo<TEvent[ 'name' ], ( TEvent extends { return: infer TReturn } ? TReturn : unknown )>;\n\tcallbackOptions: BubblingCallbackOptions;\n};\n\n/**\n * Additional options for registering a callback.\n */\nexport interface BubblingCallbackOptions extends CallbackOptions {\n\n\t/**\n\t * Specifies the context in which the event should be triggered to call the callback.\n\t *\n\t * @see ~BubblingEmitter\n\t */\n\tcontext?: ArrayOrItem<string | BubblingEventContextFunction>;\n}\n\n/**\n * Internal emitter event type.\n */\ntype BubblingInternalEvent = {\n\tname: string;\n\targs: [ data: BubblingEventInternalData ];\n};\n\n/**\n * Internal emitter data type.\n */\ntype BubblingEventInternalData = {\n\tcurrentTarget: string | ViewElement;\n\teventArgs: Array<unknown>;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/document\n */\n\nimport { ViewDocumentSelection } from './documentselection.js';\nimport { BubblingEmitterMixin } from './observer/bubblingemittermixin.js';\n\nimport { Collection, ObservableMixin } from '@ckeditor/ckeditor5-utils';\n\nimport type { StylesProcessor } from './stylesmap.js';\nimport { type ViewRootEditableElement } from './rooteditableelement.js';\nimport { type ViewDowncastWriter } from './downcastwriter.js';\n\n// @if CK_DEBUG_ENGINE // const { logDocument } = require( '../dev-utils/utils' );\n\n/**\n * Document class creates an abstract layer over the content editable area, contains a tree of view elements and\n * {@link module:engine/view/documentselection~ViewDocumentSelection view selection} associated with this document.\n */\nexport class ViewDocument extends /* #__PURE__ */ BubblingEmitterMixin( /* #__PURE__ */ ObservableMixin() ) {\n\t/**\n\t * Selection done on this document.\n\t */\n\tpublic readonly selection: ViewDocumentSelection;\n\n\t/**\n\t * Roots of the view tree. Collection of the {@link module:engine/view/element~ViewElement view elements}.\n\t *\n\t * View roots are created as a result of binding between {@link module:engine/view/document~ViewDocument#roots} and\n\t * {@link module:engine/model/document~ModelDocument#roots} and this is handled by\n\t * {@link module:engine/controller/editingcontroller~EditingController}, so to create view root we need to create\n\t * model root using {@link module:engine/model/document~ModelDocument#createRoot}.\n\t */\n\tpublic readonly roots: Collection<ViewRootEditableElement>;\n\n\t/**\n\t * The styles processor instance used by this document when normalizing styles.\n\t */\n\tpublic readonly stylesProcessor: StylesProcessor;\n\n\t/**\n\t * Defines whether document is in read-only mode.\n\t *\n\t * When document is read-ony then all roots are read-only as well and caret placed inside this root is hidden.\n\t *\n\t * @observable\n\t */\n\tdeclare public isReadOnly: boolean;\n\n\t/**\n\t * True if document is focused.\n\t *\n\t * This property is updated by the {@link module:engine/view/observer/focusobserver~FocusObserver}.\n\t * If the {@link module:engine/view/observer/focusobserver~FocusObserver} is disabled this property will not change.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public isFocused: boolean;\n\n\t/**\n\t * `true` while the user is making a selection in the document (e.g. holding the mouse button and moving the cursor).\n\t * When they stop selecting, the property goes back to `false`.\n\t *\n\t * This property is updated by the {@link module:engine/view/observer/selectionobserver~SelectionObserver}.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public isSelecting: boolean;\n\n\t/**\n\t * True if composition is in progress inside the document.\n\t *\n\t * This property is updated by the {@link module:engine/view/observer/compositionobserver~CompositionObserver}.\n\t * If the {@link module:engine/view/observer/compositionobserver~CompositionObserver} is disabled this property will not change.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public isComposing: boolean;\n\n\t/**\n\t * Post-fixer callbacks registered to the view document.\n\t */\n\tprivate readonly _postFixers = new Set<ViewDocumentPostFixer>();\n\n\t/**\n\t * Creates a Document instance.\n\t *\n\t * @param stylesProcessor The styles processor instance.\n\t */\n\tconstructor( stylesProcessor: StylesProcessor ) {\n\t\tsuper();\n\n\t\tthis.selection = new ViewDocumentSelection();\n\t\tthis.roots = new Collection( { idProperty: 'rootName' } );\n\t\tthis.stylesProcessor = stylesProcessor;\n\n\t\tthis.set( 'isReadOnly', false );\n\t\tthis.set( 'isFocused', false );\n\t\tthis.set( 'isSelecting', false );\n\t\tthis.set( 'isComposing', false );\n\t}\n\n\t/**\n\t * Gets a {@link module:engine/view/document~ViewDocument#roots view root element} with the specified name. If the name is not\n\t * specific \"main\" root is returned.\n\t *\n\t * @param name Name of the root.\n\t * @returns The view root element with the specified name or null when there is no root of given name.\n\t */\n\tpublic getRoot( name: string = 'main' ): ViewRootEditableElement | null {\n\t\treturn this.roots.get( name );\n\t}\n\n\t/**\n\t * Allows registering post-fixer callbacks. A post-fixers mechanism allows to update the view tree just before it is rendered\n\t * to the DOM.\n\t *\n\t * Post-fixers are executed right after all changes from the outermost change block were applied but\n\t * before the {@link module:engine/view/view~EditingView#event:render render event} is fired. If a post-fixer callback made\n\t * a change, it should return `true`. When this happens, all post-fixers are fired again to check if something else should\n\t * not be fixed in the new document tree state.\n\t *\n\t * View post-fixers are useful when you want to apply some fixes whenever the view structure changes. Keep in mind that\n\t * changes executed in a view post-fixer should not break model-view mapping.\n\t *\n\t * The types of changes which should be safe:\n\t *\n\t * * adding or removing attribute from elements,\n\t * * changes inside of {@link module:engine/view/uielement~ViewUIElement UI elements},\n\t * * {@link module:engine/controller/editingcontroller~EditingController#reconvertItem marking some of the model elements to be\n\t * re-converted}.\n\t *\n\t * Try to avoid changes which touch view structure:\n\t *\n\t * * you should not add or remove nor wrap or unwrap any view elements,\n\t * * you should not change the editor data model in a view post-fixer.\n\t *\n\t * As a parameter, a post-fixer callback receives a {@link module:engine/view/downcastwriter~ViewDowncastWriter downcast writer}.\n\t *\n\t * Typically, a post-fixer will look like this:\n\t *\n\t * ```ts\n\t * editor.editing.view.document.registerPostFixer( writer => {\n\t * \tif ( checkSomeCondition() ) {\n\t * \t\twriter.doSomething();\n\t *\n\t * \t\t// Let other post-fixers know that something changed.\n\t * \t\treturn true;\n\t * \t}\n\t *\n\t * \treturn false;\n\t * } );\n\t * ```\n\t *\n\t * Note that nothing happens right after you register a post-fixer (e.g. execute such a code in the console).\n\t * That is because adding a post-fixer does not execute it.\n\t * The post-fixer will be executed as soon as any change in the document needs to cause its rendering.\n\t * If you want to re-render the editor's view after registering the post-fixer then you should do it manually by calling\n\t * {@link module:engine/view/view~EditingView#forceRender `view.forceRender()`}.\n\t *\n\t * If you need to register a callback which is executed when DOM elements are already updated,\n\t * use {@link module:engine/view/view~EditingView#event:render render event}.\n\t */\n\tpublic registerPostFixer( postFixer: ViewDocumentPostFixer ): void {\n\t\tthis._postFixers.add( postFixer );\n\t}\n\n\t/**\n\t * Destroys this instance. Makes sure that all observers are destroyed and listeners removed.\n\t */\n\tpublic destroy(): void {\n\t\tthis.roots.forEach( root => root.destroy() );\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Performs post-fixer loops. Executes post-fixer callbacks as long as none of them has done any changes to the model.\n\t *\n\t * @internal\n\t */\n\tpublic _callPostFixers( writer: ViewDowncastWriter ): void {\n\t\tlet wasFixed = false;\n\n\t\tdo {\n\t\t\tfor ( const callback of this._postFixers ) {\n\t\t\t\twasFixed = callback( writer );\n\n\t\t\t\tif ( wasFixed ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t} while ( wasFixed );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public log( version: any ): void {\n\t// @if CK_DEBUG_ENGINE // \tlogDocument( this, version );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n/**\n * Document PostFixer.\n *\n * @see module:engine/view/document~ViewDocument#registerPostFixer\n */\nexport type ViewDocumentPostFixer = ( writer: ViewDowncastWriter ) => boolean;\n\n/**\n * Enum representing type of the change.\n *\n * Possible values:\n *\n * * `children` - for child list changes,\n * * `attributes` - for element attributes changes,\n * * `text` - for text nodes changes.\n */\nexport type ViewDocumentChangeType = 'children' | 'attributes' | 'text';\n\n/**\n * Event fired whenever document content layout changes. It is fired whenever content is\n * {@link module:engine/view/view~EditingView#event:render rendered}, but should be also fired by observers in case of\n * other actions which may change layout, for instance when image loads.\n *\n * @eventName ~ViewDocument#layoutChanged\n */\nexport type ViewDocumentLayoutChangedEvent = {\n\tname: 'layoutChanged';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/attributeelement\n */\n\nimport { ViewElement, type ViewElementAttributes } from './element.js';\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\nimport { type ViewDocumentFragment } from './documentfragment.js';\nimport { type ViewDocument } from './document.js';\nimport { type ViewNode } from './node.js';\n\n// Default attribute priority.\nconst DEFAULT_PRIORITY = 10;\n\n/**\n * Attribute elements are used to represent formatting elements in the view (think – `<b>`, `<span style=\"font-size: 2em\">`, etc.).\n * Most often they are created when downcasting model text attributes.\n *\n * Editing engine does not define a fixed HTML DTD. This is why a feature developer needs to choose between various\n * types (container element, {@link module:engine/view/attributeelement~ViewAttributeElement attribute element},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty element}, etc) when developing a feature.\n *\n * To create a new attribute element instance use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createAttributeElement `ViewDowncastWriter#createAttributeElement()`} method.\n */\nexport class ViewAttributeElement extends ViewElement {\n\tpublic static readonly DEFAULT_PRIORITY: number = DEFAULT_PRIORITY;\n\n\t/**\n\t * Element priority. Decides in what order elements are wrapped by {@link module:engine/view/downcastwriter~ViewDowncastWriter}.\n\t *\n\t * @internal\n\t * @readonly\n\t */\n\tpublic _priority: number = DEFAULT_PRIORITY;\n\n\t/**\n\t * Element identifier. If set, it is used by {@link module:engine/view/element~ViewElement#isSimilar},\n\t * and then two elements are considered similar if, and only if they have the same `_id`.\n\t *\n\t * @internal\n\t * @readonly\n\t */\n\tpublic _id: string | number | null = null;\n\n\t/**\n\t * Keeps all the attribute elements that have the same {@link module:engine/view/attributeelement~ViewAttributeElement#id ids}\n\t * and still exist in the view tree.\n\t *\n\t * This property is managed by {@link module:engine/view/downcastwriter~ViewDowncastWriter}.\n\t */\n\tprivate readonly _clonesGroup: Set<ViewAttributeElement> | null = null;\n\n\t/**\n\t * Creates an attribute element.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createAttributeElement\n\t * @see module:engine/view/element~ViewElement\n\t * @protected\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\tname: string,\n\t\tattrs?: ViewElementAttributes,\n\t\tchildren?: ViewNode | Iterable<ViewNode>\n\t) {\n\t\tsuper( document, name, attrs, children );\n\n\t\tthis.getFillerOffset = getFillerOffset;\n\t}\n\n\t/**\n\t * Element priority. Decides in what order elements are wrapped by {@link module:engine/view/downcastwriter~ViewDowncastWriter}.\n\t */\n\tpublic get priority(): number {\n\t\treturn this._priority;\n\t}\n\n\t/**\n\t * Element identifier. If set, it is used by {@link module:engine/view/element~ViewElement#isSimilar},\n\t * and then two elements are considered similar if, and only if they have the same `id`.\n\t */\n\tpublic get id(): string | number | null {\n\t\treturn this._id;\n\t}\n\n\t/**\n\t * Returns all {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that has the\n\t * same {@link module:engine/view/attributeelement~ViewAttributeElement#id id} and are in the view tree (were not removed).\n\t *\n\t * Note: If this element has been removed from the tree, returned set will not include it.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError attribute-element-get-elements-with-same-id-no-id}\n\t * if this element has no `id`.\n\t *\n\t * @returns Set containing all the attribute elements\n\t * with the same `id` that were added and not removed from the view tree.\n\t */\n\tpublic getElementsWithSameId(): Set<ViewAttributeElement> {\n\t\tif ( this.id === null ) {\n\t\t\t/**\n\t\t\t * Cannot get elements with the same id for an attribute element without id.\n\t\t\t *\n\t\t\t * @error attribute-element-get-elements-with-same-id-no-id\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'attribute-element-get-elements-with-same-id-no-id',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\treturn new Set( this._clonesGroup );\n\t}\n\n\t/**\n\t * Checks if this element is similar to other element.\n\t *\n\t * If none of elements has set {@link module:engine/view/attributeelement~ViewAttributeElement#id}, then both elements\n\t * should have the same name, attributes and priority to be considered as similar. Two similar elements can contain\n\t * different set of children nodes.\n\t *\n\t * If at least one element has {@link module:engine/view/attributeelement~ViewAttributeElement#id} set, then both\n\t * elements have to have the same {@link module:engine/view/attributeelement~ViewAttributeElement#id} value to be\n\t * considered similar.\n\t *\n\t * Similarity is important for {@link module:engine/view/downcastwriter~ViewDowncastWriter}. For example:\n\t *\n\t * * two following similar elements can be merged together into one, longer element,\n\t * * {@link module:engine/view/downcastwriter~ViewDowncastWriter#unwrap} checks similarity of passed element and processed element to\n\t * decide whether processed element should be unwrapped,\n\t * * etc.\n\t */\n\tpublic override isSimilar( otherElement: ViewElement ): boolean {\n\t\t// If any element has an `id` set, just compare the ids.\n\t\tif ( this.id !== null || ( otherElement as any ).id !== null ) {\n\t\t\treturn this.id === ( otherElement as any ).id;\n\t\t}\n\n\t\treturn super.isSimilar( otherElement ) && this.priority == ( otherElement as any ).priority;\n\t}\n\n\t/**\n\t * Converts `ViewAttributeElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewAttributeElement` instance converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.type = 'AttributeElement';\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Clones provided element with priority.\n\t *\n\t * @internal\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any children.\n\t * @returns Clone of this element.\n\t */\n\tpublic override _clone( deep: boolean = false ): this {\n\t\tconst cloned = super._clone( deep );\n\n\t\t// Clone priority too.\n\t\tcloned._priority = this._priority;\n\n\t\t// And id too.\n\t\tcloned._id = this._id;\n\n\t\treturn cloned;\n\t}\n\n\t/**\n\t * Used by {@link module:engine/view/element~ViewElement#_mergeAttributesFrom} to verify if the given element can be merged without\n\t * conflicts into this element.\n\t *\n\t * @internal\n\t */\n\tpublic override _canMergeAttributesFrom( otherElement: ViewAttributeElement ): boolean {\n\t\t// Can't merge if any of elements have an id or a difference of priority.\n\t\tif ( this.id !== null || otherElement.id !== null || this.priority !== otherElement.priority ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn super._canMergeAttributesFrom( otherElement );\n\t}\n\n\t/**\n\t * Used by {@link module:engine/view/element~ViewElement#_subtractAttributesOf} to verify if the given element attributes\n\t * can be fully subtracted from this element.\n\t *\n\t * @internal\n\t */\n\tpublic override _canSubtractAttributesOf( otherElement: ViewAttributeElement ): boolean {\n\t\t// Can't subtract if any of elements have an id or a difference of priority.\n\t\tif ( this.id !== null || otherElement.id !== null || this.priority !== otherElement.priority ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn super._canSubtractAttributesOf( otherElement );\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewAttributeElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'attributeElement' || type === 'view:attributeElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'element' || type === 'view:element' ||\n\t\t\ttype === 'node' || type === 'view:node';\n\t} else {\n\t\treturn name === this.name && (\n\t\t\ttype === 'attributeElement' || type === 'view:attributeElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'element' || type === 'view:element'\n\t\t);\n\t}\n};\n\n/**\n * Returns block {@link module:engine/view/filler~Filler filler} offset or `null` if block filler is not needed.\n *\n * @returns Block filler offset or `null` if block filler is not needed.\n */\nfunction getFillerOffset( this: ViewAttributeElement ): number | null {\n\t// <b>foo</b> does not need filler.\n\tif ( nonUiChildrenCount( this ) ) {\n\t\treturn null;\n\t}\n\n\tlet element = this.parent;\n\n\t// <p><b></b></p> needs filler -> <p><b><br></b></p>\n\twhile ( element && element.is( 'attributeElement' ) ) {\n\t\tif ( nonUiChildrenCount( element ) > 1 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\telement = element.parent;\n\t}\n\n\tif ( !element || nonUiChildrenCount( element ) > 1 ) {\n\t\treturn null;\n\t}\n\n\t// Render block filler at the end of element (after all ui elements).\n\treturn this.childCount;\n}\n\n/**\n * Returns total count of children that are not {@link module:engine/view/uielement~ViewUIElement UIElements}.\n */\nfunction nonUiChildrenCount( element: ViewElement | ViewDocumentFragment ): number {\n\treturn Array.from( element.getChildren() ).filter( element => !element.is( 'uiElement' ) ).length;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/emptyelement\n */\n\nimport { ViewElement, type ViewElementAttributes } from './element.js';\nimport { ViewNode } from './node.js';\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\nimport { type ViewDocument } from './document.js';\nimport { type ViewItem } from './item.js';\n\n/**\n * Empty element class. It is used to represent elements that cannot contain any child nodes (for example `<img>` elements).\n *\n * To create a new empty element use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEmptyElement `downcastWriter#createEmptyElement()`} method.\n */\nexport class ViewEmptyElement extends ViewElement {\n\t/**\n\t * Creates new instance of ViewEmptyElement.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-emptyelement-cannot-add` when third parameter is passed,\n\t * to inform that usage of ViewEmptyElement is incorrect (adding child nodes to ViewEmptyElement is forbidden).\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createEmptyElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attributes Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\tname: string,\n\t\tattributes?: ViewElementAttributes,\n\t\tchildren?: ViewNode | Iterable<ViewNode>\n\t) {\n\t\tsuper( document, name, attributes, children );\n\n\t\tthis.getFillerOffset = getFillerOffset;\n\t}\n\n\t/**\n\t * Converts `ViewEmptyElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewEmptyElement` instance converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.type = 'EmptyElement';\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Overrides {@link module:engine/view/element~ViewElement#_insertChild} method.\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-emptyelement-cannot-add` to prevent\n\t * adding any child nodes to ViewEmptyElement.\n\t *\n\t * @internal\n\t */\n\tpublic override _insertChild( index: number, items: ViewItem | Iterable<ViewItem> ): number {\n\t\tif ( items && ( items instanceof ViewNode || Array.from( items as Iterable<ViewItem> ).length > 0 ) ) {\n\t\t\t/**\n\t\t\t * Cannot add children to {@link module:engine/view/emptyelement~ViewEmptyElement}.\n\t\t\t *\n\t\t\t * @error view-emptyelement-cannot-add\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'view-emptyelement-cannot-add',\n\t\t\t\t[ this, items ]\n\t\t\t);\n\t\t}\n\n\t\treturn 0;\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewEmptyElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'emptyElement' || type === 'view:emptyElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'element' || type === 'view:element' ||\n\t\t\ttype === 'node' || type === 'view:node';\n\t} else {\n\t\treturn name === this.name && (\n\t\t\ttype === 'emptyElement' || type === 'view:emptyElement' ||\n\t\t\ttype === 'element' || type === 'view:element'\n\t\t);\n\t}\n};\n\n/**\n * Returns `null` because block filler is not needed for ViewEmptyElements.\n */\nfunction getFillerOffset() {\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/uielement\n */\n\nimport { ViewElement, type ViewElementAttributes } from './element.js';\nimport { ViewNode } from './node.js';\nimport { CKEditorError, keyCodes } from '@ckeditor/ckeditor5-utils';\n\nimport { type EditingView } from './view.js';\nimport { type ViewDocument } from './document.js';\nimport { type ViewDomConverter } from './domconverter.js';\nimport { type ViewItem } from './item.js';\nimport type { ViewDocumentArrowKeyEvent } from './observer/arrowkeysobserver.js';\nimport type { ViewDocumentKeyEventData } from './observer/keyobserver.js';\n\ntype DomDocument = globalThis.Document;\ntype DomElement = globalThis.HTMLElement;\n\n/**\n * UI element class. It should be used to represent editing UI which needs to be injected into the editing view\n * If possible, you should keep your UI outside the editing view. However, if that is not possible,\n * UI elements can be used.\n *\n * How a UI element is rendered is in your control (you pass a callback to\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement `downcastWriter#createUIElement()`}).\n * The editor will ignore your UI element – the selection cannot be placed in it, it is skipped (invisible) when\n * the user modifies the selection by using arrow keys and the editor does not listen to any mutations which\n * happen inside your UI elements.\n *\n * The limitation is that you cannot convert a model element to a UI element. UI elements need to be\n * created for {@link module:engine/model/markercollection~Marker markers} or as additinal elements\n * inside normal {@link module:engine/view/containerelement~ViewContainerElement container elements}.\n *\n * To create a new UI element use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement `downcastWriter#createUIElement()`} method.\n */\nexport class ViewUIElement extends ViewElement {\n\t/**\n\t * Creates new instance of UIElement.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-uielement-cannot-add` when third parameter is passed,\n\t * to inform that usage of UIElement is incorrect (adding child nodes to UIElement is forbidden).\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\tname: string,\n\t\tattrs?: ViewElementAttributes,\n\t\tchildren?: ViewNode | Iterable<ViewNode>\n\t) {\n\t\tsuper( document, name, attrs, children );\n\n\t\tthis.getFillerOffset = getFillerOffset;\n\t}\n\n\t/**\n\t * Overrides {@link module:engine/view/element~ViewElement#_insertChild} method.\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-uielement-cannot-add` to prevent adding any child nodes\n\t * to UIElement.\n\t *\n\t * @internal\n\t */\n\tpublic override _insertChild( index: number, items: ViewItem | Iterable<ViewItem> ): number {\n\t\tif ( items && ( items instanceof ViewNode || Array.from( items as Iterable<ViewItem> ).length > 0 ) ) {\n\t\t\t/**\n\t\t\t * Cannot add children to {@link module:engine/view/uielement~ViewUIElement}.\n\t\t\t *\n\t\t\t * @error view-uielement-cannot-add\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-uielement-cannot-add', [ this, items ] );\n\t\t}\n\n\t\treturn 0;\n\t}\n\n\t/**\n\t * Renders this {@link module:engine/view/uielement~ViewUIElement} to DOM. This method is called by\n\t * {@link module:engine/view/domconverter~ViewDomConverter}.\n\t * Do not use inheritance to create custom rendering method, replace `render()` method instead:\n\t *\n\t * ```ts\n\t * const myUIElement = downcastWriter.createUIElement( 'span' );\n\t * myUIElement.render = function( domDocument, domConverter ) {\n\t * \tconst domElement = this.toDomElement( domDocument );\n\t *\n\t * \tdomConverter.setContentOf( domElement, '<b>this is ui element</b>' );\n\t *\n\t * \treturn domElement;\n\t * };\n\t * ```\n\t *\n\t * If changes in your UI element should trigger some editor UI update you should call\n\t * the {@link module:ui/editorui/editorui~EditorUI#update `editor.ui.update()`} method\n\t * after rendering your UI element.\n\t *\n\t * @param domConverter Instance of the ViewDomConverter used to optimize the output.\n\t */\n\tpublic render(\n\t\tdomDocument: DomDocument,\n\t\tdomConverter: ViewDomConverter // eslint-disable-line @typescript-eslint/no-unused-vars\n\t): DomElement {\n\t\t// Provide basic, default output.\n\t\treturn this.toDomElement( domDocument );\n\t}\n\n\t/**\n\t * Creates DOM element based on this view UIElement.\n\t * Note that each time this method is called new DOM element is created.\n\t */\n\tpublic toDomElement( domDocument: DomDocument ): DomElement {\n\t\tconst domElement = domDocument.createElement( this.name );\n\n\t\tfor ( const key of this.getAttributeKeys() ) {\n\t\t\tdomElement.setAttribute( key, this.getAttribute( key )! );\n\t\t}\n\n\t\treturn domElement;\n\t}\n\n\t/**\n\t * Converts `ViewUIElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewUIElement` instance converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.type = 'UIElement';\n\n\t\treturn json;\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewUIElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'uiElement' || type === 'view:uiElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'element' || type === 'view:element' ||\n\t\t\ttype === 'node' || type === 'view:node';\n\t} else {\n\t\treturn name === this.name && (\n\t\t\ttype === 'uiElement' || type === 'view:uiElement' ||\n\t\t\ttype === 'element' || type === 'view:element'\n\t\t);\n\t}\n};\n\n/**\n * This function injects UI element handling to the given {@link module:engine/view/document~ViewDocument document}.\n *\n * A callback is added to {@link module:engine/view/document~ViewDocument#event:keydown document keydown event}.\n * The callback handles the situation when right arrow key is pressed and selection is collapsed before a UI element.\n * Without this handler, it would be impossible to \"jump over\" UI element using right arrow key.\n *\n * @param view View controller to which the quirks handling will be injected.\n * @internal\n */\nexport function injectUiElementHandling( view: EditingView ): void {\n\tview.document.on<ViewDocumentArrowKeyEvent>( 'arrowKey', ( evt, data ) =>\n\t\tjumpOverUiElement( evt, data, view.domConverter ), { priority: 'low' } );\n}\n\n/**\n * Returns `null` because block filler is not needed for UIElements.\n */\nfunction getFillerOffset() {\n\treturn null;\n}\n\n/**\n * Selection cannot be placed in a `UIElement`. Whenever it is placed there, it is moved before it. This\n * causes a situation when it is impossible to jump over `UIElement` using right arrow key, because the selection\n * ends up in ui element (in DOM) and is moved back to the left. This handler fixes this situation.\n */\nfunction jumpOverUiElement( evt: unknown, data: ViewDocumentKeyEventData, domConverter: ViewDomConverter ) {\n\tif ( data.keyCode == keyCodes.arrowright ) {\n\t\tconst domSelection = data.domTarget.ownerDocument.defaultView!.getSelection()!;\n\t\tconst domSelectionCollapsed = domSelection.rangeCount == 1 && domSelection.getRangeAt( 0 ).collapsed;\n\n\t\t// Jump over UI element if selection is collapsed or shift key is pressed. These are the cases when selection would extend.\n\t\tif ( domSelectionCollapsed || data.shiftKey ) {\n\t\t\tconst domParent = domSelection.focusNode!;\n\t\t\tconst domOffset = domSelection.focusOffset;\n\n\t\t\tconst viewPosition = domConverter.domPositionToView( domParent, domOffset );\n\n\t\t\t// In case if dom element is not converted to view or is not mapped or something. Happens for example in some tests.\n\t\t\tif ( viewPosition === null ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Skip all following ui elements.\n\t\t\tlet jumpedOverAnyUiElement = false;\n\n\t\t\tconst nextViewPosition = viewPosition.getLastMatchingPosition( value => {\n\t\t\t\tif ( value.item.is( 'uiElement' ) ) {\n\t\t\t\t\t// Remember that there was at least one ui element.\n\t\t\t\t\tjumpedOverAnyUiElement = true;\n\t\t\t\t}\n\n\t\t\t\t// Jump over ui elements, jump over empty attribute elements, move up from inside of attribute element.\n\t\t\t\tif ( value.item.is( 'uiElement' ) || value.item.is( 'attributeElement' ) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\t// Don't jump over text or don't get out of container element.\n\t\t\t\treturn false;\n\t\t\t} );\n\n\t\t\t// If anything has been skipped, fix position.\n\t\t\t// This `if` could be possibly omitted but maybe it is better not to mess with DOM selection if not needed.\n\t\t\tif ( jumpedOverAnyUiElement ) {\n\t\t\t\tconst newDomPosition = domConverter.viewPositionToDom( nextViewPosition )!;\n\n\t\t\t\tif ( domSelectionCollapsed ) {\n\t\t\t\t\t// Selection was collapsed, so collapse it at further position.\n\t\t\t\t\tdomSelection.collapse( newDomPosition.parent, newDomPosition.offset );\n\t\t\t\t} else {\n\t\t\t\t\t// Selection was not collapse, so extend it instead of collapsing.\n\t\t\t\t\tdomSelection.extend( newDomPosition.parent, newDomPosition.offset );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/* eslint-disable @typescript-eslint/no-unused-vars */\n\n/**\n * @module engine/view/rawelement\n */\n\nimport { ViewElement, type ViewElementAttributes } from './element.js';\nimport { ViewNode } from './node.js';\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\nimport { type ViewDocument } from './document.js';\nimport { type ViewDomConverter } from './domconverter.js';\nimport { type ViewItem } from './item.js';\n\ntype DomElement = globalThis.HTMLElement;\n\n/**\n * The raw element class.\n *\n * The raw elements work as data containers (\"wrappers\", \"sandboxes\") but their children are not managed or\n * even recognized by the editor. This encapsulation allows integrations to maintain custom DOM structures\n * in the editor content without, for instance, worrying about compatibility with other editor features.\n * Raw elements are a perfect tool for integration with external frameworks and data sources.\n *\n * Unlike {@link module:engine/view/uielement~ViewUIElement UI elements}, raw elements act like real editor\n * content (similar to {@link module:engine/view/containerelement~ViewContainerElement} or\n * {@link module:engine/view/emptyelement~ViewEmptyElement}), they are considered by the editor selection and\n * {@link module:widget/utils~toWidget they can work as widgets}.\n *\n * To create a new raw element, use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createRawElement `downcastWriter#createRawElement()`} method.\n */\nexport class ViewRawElement extends ViewElement {\n\t/**\n\t * Creates a new instance of a raw element.\n\t *\n\t * Throws the `view-rawelement-cannot-add` {@link module:utils/ckeditorerror~CKEditorError CKEditorError} when the `children`\n\t * parameter is passed to inform that the usage of `ViewRawElement` is incorrect (adding child nodes to `ViewRawElement` is forbidden).\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#createRawElement\n\t * @internal\n\t * @param document The document instance to which this element belongs.\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\tname: string,\n\t\tattrs?: ViewElementAttributes,\n\t\tchildren?: ViewNode | Iterable<ViewNode>\n\t) {\n\t\tsuper( document, name, attrs, children );\n\n\t\t// Returns `null` because filler is not needed for raw elements.\n\t\tthis.getFillerOffset = getFillerOffset;\n\t}\n\n\t/**\n\t * Converts `ViewRawElement` instance to plain object and returns it.\n\t *\n\t * @returns `ViewRawElement` instance converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.type = 'RawElement';\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Overrides the {@link module:engine/view/element~ViewElement#_insertChild} method.\n\t * Throws the `view-rawelement-cannot-add` {@link module:utils/ckeditorerror~CKEditorError CKEditorError} to prevent\n\t * adding any child nodes to a raw element.\n\t *\n\t * @internal\n\t */\n\tpublic override _insertChild( index: number, items: ViewItem | Iterable<ViewItem> ): number {\n\t\tif ( items && ( items instanceof ViewNode || Array.from( items as Iterable<ViewItem> ).length > 0 ) ) {\n\t\t\t/**\n\t\t\t * Cannot add children to a {@link module:engine/view/rawelement~ViewRawElement} instance.\n\t\t\t *\n\t\t\t * @error view-rawelement-cannot-add\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'view-rawelement-cannot-add',\n\t\t\t\t[ this, items ]\n\t\t\t);\n\t\t}\n\n\t\treturn 0;\n\t}\n\n\t/**\n\t * This allows rendering the children of a {@link module:engine/view/rawelement~ViewRawElement} on the DOM level.\n\t * This method is called by the {@link module:engine/view/domconverter~ViewDomConverter} with the raw DOM element\n\t * passed as an argument, leaving the number and shape of the children up to the integrator.\n\t *\n\t * This method **must be defined** for the raw element to work:\n\t *\n\t * ```ts\n\t * const myRawElement = downcastWriter.createRawElement( 'div' );\n\t *\n\t * myRawElement.render = function( domElement, domConverter ) {\n\t * \tdomConverter.setContentOf( domElement, '<b>This is the raw content of myRawElement.</b>' );\n\t * };\n\t * ```\n\t *\n\t * @param domElement The native DOM element representing the raw view element.\n\t * @param domConverter Instance of the ViewDomConverter used to optimize the output.\n\t */\n\tpublic render( domElement: DomElement, domConverter: ViewDomConverter ): void {}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewRawElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'rawElement' || type === 'view:rawElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === this.name || type === 'view:' + this.name ||\n\t\t\ttype === 'element' || type === 'view:element' ||\n\t\t\ttype === 'node' || type === 'view:node';\n\t} else {\n\t\treturn name === this.name && (\n\t\t\ttype === 'rawElement' || type === 'view:rawElement' ||\n\t\t\ttype === 'element' || type === 'view:element'\n\t\t);\n\t}\n};\n\n/**\n * Returns `null` because block filler is not needed for raw elements.\n */\nfunction getFillerOffset() {\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/documentfragment\n */\n\nimport { ViewTypeCheckable } from './typecheckable.js';\nimport { ViewText } from './text.js';\nimport { ViewTextProxy } from './textproxy.js';\n\nimport { EmitterMixin, isIterable } from '@ckeditor/ckeditor5-utils';\n\nimport type { ViewDocument, ViewDocumentChangeType } from './document.js';\n\nimport { type ViewItem } from './item.js';\nimport { type ViewNode } from './node.js';\n\n/**\n * Document fragment.\n *\n * To create a new document fragment instance use the\n * {@link module:engine/view/upcastwriter~ViewUpcastWriter#createDocumentFragment `ViewUpcastWriter#createDocumentFragment()`}\n * method.\n */\nexport class ViewDocumentFragment extends /* #__PURE__ */ EmitterMixin( ViewTypeCheckable ) implements Iterable<ViewNode> {\n\t/**\n\t * The document to which this document fragment belongs.\n\t */\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * Array of child nodes.\n\t */\n\tprivate readonly _children: Array<ViewNode> = [];\n\n\t/**\n\t * Map of custom properties.\n\t * Custom properties can be added to document fragment instance.\n\t */\n\tprivate readonly _customProperties = new Map<string | symbol, unknown>();\n\n\t/**\n\t * Creates new DocumentFragment instance.\n\t *\n\t * @internal\n\t * @param document The document to which this document fragment belongs.\n\t * @param children A list of nodes to be inserted into the created document fragment.\n\t */\n\tconstructor( document: ViewDocument, children?: ViewNode | Iterable<ViewNode> ) {\n\t\tsuper();\n\n\t\tthis.document = document;\n\n\t\tif ( children ) {\n\t\t\tthis._insertChild( 0, children );\n\t\t}\n\t}\n\n\t/**\n\t * Iterable interface.\n\t *\n\t * Iterates over nodes added to this document fragment.\n\t */\n\tpublic [ Symbol.iterator ](): Iterator<ViewNode> {\n\t\treturn this._children[ Symbol.iterator ]();\n\t}\n\n\t/**\n\t * Number of child nodes in this document fragment.\n\t */\n\tpublic get childCount(): number {\n\t\treturn this._children.length;\n\t}\n\n\t/**\n\t * Is `true` if there are no nodes inside this document fragment, `false` otherwise.\n\t */\n\tpublic get isEmpty(): boolean {\n\t\treturn this.childCount === 0;\n\t}\n\n\t/**\n\t * Artificial root of `DocumentFragment`. Returns itself. Added for compatibility reasons.\n\t */\n\tpublic get root(): this {\n\t\treturn this;\n\t}\n\n\t/**\n\t * Artificial parent of `DocumentFragment`. Returns `null`. Added for compatibility reasons.\n\t */\n\tpublic get parent(): null {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Artificial element name. Returns `undefined`. Added for compatibility reasons.\n\t */\n\tpublic get name(): undefined {\n\t\treturn undefined;\n\t}\n\n\t/**\n\t * Artificial element getFillerOffset. Returns `undefined`. Added for compatibility reasons.\n\t */\n\tpublic get getFillerOffset(): undefined {\n\t\treturn undefined;\n\t}\n\n\t/**\n\t * Returns the custom property value for the given key.\n\t */\n\tpublic getCustomProperty( key: string | symbol ): unknown {\n\t\treturn this._customProperties.get( key );\n\t}\n\n\t/**\n\t * Returns an iterator which iterates over this document fragment's custom properties.\n\t * Iterator provides `[ key, value ]` pairs for each stored property.\n\t */\n\tpublic* getCustomProperties(): Iterable<[ string | symbol, unknown ]> {\n\t\tyield* this._customProperties.entries();\n\t}\n\n\t/**\n\t * Converts `ViewDocumentFragment` instance to plain object and returns it.\n\t * Takes care of converting all of this document fragment's children.\n\t *\n\t * @returns `ViewDocumentFragment` instance converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\tconst json = [];\n\n\t\tfor ( const node of this._children ) {\n\t\t\tjson.push( node.toJSON() );\n\t\t}\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment#_insertChild Insert} a child node or a list of child nodes at the end\n\t * and sets the parent of these nodes to this fragment.\n\t *\n\t * @internal\n\t * @param items Items to be inserted.\n\t * @returns Number of appended nodes.\n\t */\n\tpublic _appendChild( items: ViewItem | string | Iterable<ViewItem | string> ): number {\n\t\treturn this._insertChild( this.childCount, items );\n\t}\n\n\t/**\n\t * Gets child at the given index.\n\t *\n\t * @param index Index of child.\n\t * @returns Child node.\n\t */\n\tpublic getChild( index: number ): ViewNode {\n\t\treturn this._children[ index ];\n\t}\n\n\t/**\n\t * Gets index of the given child node. Returns `-1` if child node is not found.\n\t *\n\t * @param node Child node.\n\t * @returns Index of the child node.\n\t */\n\tpublic getChildIndex( node: ViewNode ): number {\n\t\treturn this._children.indexOf( node );\n\t}\n\n\t/**\n\t * Gets child nodes iterator.\n\t *\n\t * @returns Child nodes iterator.\n\t */\n\tpublic getChildren(): IterableIterator<ViewNode> {\n\t\treturn this._children[ Symbol.iterator ]();\n\t}\n\n\t/**\n\t * Inserts a child node or a list of child nodes on the given index and sets the parent of these nodes to\n\t * this fragment.\n\t *\n\t * @internal\n\t * @param index Position where nodes should be inserted.\n\t * @param items Items to be inserted.\n\t * @returns Number of inserted nodes.\n\t */\n\tpublic _insertChild( index: number, items: ViewItem | string | Iterable<ViewItem | string> ): number {\n\t\tthis._fireChange( 'children', this, { index } );\n\t\tlet count = 0;\n\n\t\tconst nodes = normalize( this.document, items );\n\n\t\tfor ( const node of nodes ) {\n\t\t\t// If node that is being added to this element is already inside another element, first remove it from the old parent.\n\t\t\tif ( node.parent !== null ) {\n\t\t\t\tnode._remove();\n\t\t\t}\n\n\t\t\t( node as any ).parent = this;\n\n\t\t\tthis._children.splice( index, 0, node );\n\t\t\tindex++;\n\t\t\tcount++;\n\t\t}\n\n\t\treturn count;\n\t}\n\n\t/**\n\t * Removes number of child nodes starting at the given index and set the parent of these nodes to `null`.\n\t *\n\t * @internal\n\t * @param index Number of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @returns The array of removed nodes.\n\t */\n\tpublic _removeChildren( index: number, howMany: number = 1 ): Array<ViewNode> {\n\t\tthis._fireChange( 'children', this, { index } );\n\n\t\tfor ( let i = index; i < index + howMany; i++ ) {\n\t\t\t( this._children[ i ] as any ).parent = null;\n\t\t}\n\n\t\treturn this._children.splice( index, howMany );\n\t}\n\n\t/**\n\t * @internal\n\t * @param type Type of the change.\n\t * @param node Changed node.\n\t * @param data Additional data.\n\t * @fires module:engine/view/node~ViewNode#event:change\n\t */\n\tpublic _fireChange( type: ViewDocumentChangeType, node: ViewNode | ViewDocumentFragment, data?: { index: number } ): void {\n\t\tthis.fire( `change:${ type }`, node, data );\n\t}\n\n\t/**\n\t * Sets a custom property. They can be used to add special data to elements.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#setCustomProperty\n\t * @internal\n\t */\n\tpublic _setCustomProperty( key: string | symbol, value: unknown ): void {\n\t\tthis._customProperties.set( key, value );\n\t}\n\n\t/**\n\t * Removes the custom property stored under the given key.\n\t *\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#removeCustomProperty\n\t * @internal\n\t * @returns Returns true if property was removed.\n\t */\n\tpublic _removeCustomProperty( key: string | symbol ): boolean {\n\t\treturn this._customProperties.delete( key );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public printTree(): string {\n\t// @if CK_DEBUG_ENGINE // \tlet string = 'ViewDocumentFragment: [';\n\n\t// @if CK_DEBUG_ENGINE // \tfor ( const child of this.getChildren() as any ) {\n\t// @if CK_DEBUG_ENGINE // \t\tif ( child.is( '$text' ) ) {\n\t// @if CK_DEBUG_ENGINE // \t\t\tstring += '\\n' + '\\t'.repeat( 1 ) + child.data;\n\t// @if CK_DEBUG_ENGINE // \t\t} else {\n\t// @if CK_DEBUG_ENGINE // \t\t\tstring += '\\n' + child.printTree( 1 );\n\t// @if CK_DEBUG_ENGINE // \t\t}\n\t// @if CK_DEBUG_ENGINE // \t}\n\n\t// @if CK_DEBUG_ENGINE // \tstring += '\\n]';\n\n\t// @if CK_DEBUG_ENGINE // \treturn string;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logTree(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( this.printTree() );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nViewDocumentFragment.prototype.is = function( type: string ): boolean {\n\treturn type === 'documentFragment' || type === 'view:documentFragment';\n};\n\n/**\n * Converts strings to Text and non-iterables to arrays.\n */\nfunction normalize( document: ViewDocument, nodes: ViewItem | string | Iterable<ViewItem | string> ): Array<ViewNode> {\n\t// Separate condition because string is iterable.\n\tif ( typeof nodes == 'string' ) {\n\t\treturn [ new ViewText( document, nodes ) ];\n\t}\n\n\tif ( !isIterable( nodes ) ) {\n\t\tnodes = [ nodes ];\n\t}\n\n\t// Array.from to enable .map() on non-arrays.\n\treturn Array.from( nodes )\n\t\t.map( node => {\n\t\t\tif ( typeof node == 'string' ) {\n\t\t\t\treturn new ViewText( document, node );\n\t\t\t}\n\n\t\t\tif ( node instanceof ViewTextProxy ) {\n\t\t\t\treturn new ViewText( document, node.data );\n\t\t\t}\n\n\t\t\treturn node;\n\t\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/downcastwriter\n */\n\nimport { ViewPosition, type ViewPositionOffset } from './position.js';\nimport { ViewRange } from './range.js';\nimport {\n\tViewSelection,\n\ttype ViewPlaceOrOffset,\n\ttype ViewSelectable,\n\ttype ViewSelectionOptions\n} from './selection.js';\nimport { ViewContainerElement } from './containerelement.js';\nimport { ViewAttributeElement } from './attributeelement.js';\nimport { ViewEmptyElement } from './emptyelement.js';\nimport { ViewUIElement } from './uielement.js';\nimport { ViewRawElement } from './rawelement.js';\nimport { CKEditorError, isIterable, type ArrayOrItem } from '@ckeditor/ckeditor5-utils';\nimport { ViewDocumentFragment } from './documentfragment.js';\nimport { ViewText } from './text.js';\nimport { ViewEditableElement } from './editableelement.js';\nimport { isPlainObject } from 'es-toolkit/compat';\n\nimport { type ViewDocument } from './document.js';\nimport { type ViewNode } from './node.js';\nimport type { ViewElement, ViewElementAttributes } from './element.js';\nimport { type ViewDomConverter } from './domconverter.js';\nimport { type ViewItem } from './item.js';\nimport type { DowncastSlotFilter } from '../conversion/downcasthelpers.js';\n\ntype DomDocument = globalThis.Document;\ntype DomElement = globalThis.HTMLElement;\n\n/**\n * View downcast writer.\n *\n * It provides a set of methods used to manipulate view nodes.\n *\n * Do not create an instance of this writer manually. To modify a view structure, use\n * the {@link module:engine/view/view~EditingView#change `View#change()`} block.\n *\n * The `ViewDowncastWriter` is designed to work with semantic views which are the views that were/are being downcasted from the model.\n * To work with ordinary views (e.g. parsed from a pasted content) use the\n * {@link module:engine/view/upcastwriter~ViewUpcastWriter upcast writer}.\n *\n * Read more about changing the view in the {@glink framework/architecture/editing-engine#changing-the-view Changing the view}\n * section of the {@glink framework/architecture/editing-engine Editing engine architecture} guide.\n */\nexport class ViewDowncastWriter {\n\t/**\n\t * The view document instance in which this writer operates.\n\t */\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * Holds references to the attribute groups that share the same {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.\n\t * The keys are `id`s, the values are `Set`s holding {@link module:engine/view/attributeelement~ViewAttributeElement}s.\n\t */\n\tprivate readonly _cloneGroups = new Map<string | number, Set<ViewAttributeElement>>();\n\n\t/**\n\t * The slot factory used by the `elementToStructure` downcast helper.\n\t */\n\tprivate _slotFactory: ( ( writer: ViewDowncastWriter, modeOrFilter: 'children' | DowncastSlotFilter ) => ViewElement ) | null = null;\n\n\t/**\n\t * @param document The view document instance.\n\t */\n\tconstructor( document: ViewDocument ) {\n\t\tthis.document = document;\n\t}\n\n\t/**\n\t * Sets {@link module:engine/view/documentselection~ViewDocumentSelection selection's} ranges and direction to the\n\t * specified location based on the given {@link module:engine/view/selection~ViewSelectable selectable}.\n\t *\n\t * Usage:\n\t *\n\t * ```ts\n\t * // Sets collapsed selection at the position of given item and offset.\n\t * const paragraph = writer.createContainerElement( 'p' );\n\t * writer.setSelection( paragraph, offset );\n\t * ```\n\t *\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * ```ts\n\t * writer.setSelection( paragraph, 'in' );\n\t * ```\n\t *\n\t * Creates a range on the {@link module:engine/view/item~ViewItem item} which starts before the item and ends just after the item.\n\t *\n\t * ```ts\n\t * writer.setSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * `ViewDowncastWriter#setSelection()` allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets selection as backward.\n\t * writer.setSelection( element, 'in', { backward: true } );\n\t *\n\t * // Sets selection as fake.\n\t * // Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * // This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * // represented in other way, for example by applying proper CSS class.\n\t * writer.setSelection( element, 'in', { fake: true } );\n\t *\n\t * // Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * // (and be  properly handled by screen readers).\n\t * writer.setSelection( element, 'in', { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #setSelection:SELECTABLE `setSelection( selectable, options )`}.\n\t *\n\t * @label NODE_OFFSET\n\t */\n\tpublic setSelection( selectable: ViewNode, placeOrOffset: ViewPlaceOrOffset, options?: ViewSelectionOptions ): void;\n\n\t/**\n\t * Sets {@link module:engine/view/documentselection~ViewDocumentSelection selection's} ranges and direction to the\n\t * specified location based on the given {@link module:engine/view/selection~ViewSelectable selectable}.\n\t *\n\t * Usage:\n\t *\n\t * ```ts\n\t * // Sets selection to the given range.\n\t * const range = writer.createRange( start, end );\n\t * writer.setSelection( range );\n\t *\n\t * // Sets backward selection to the given range.\n\t * const range = writer.createRange( start, end );\n\t * writer.setSelection( range );\n\t *\n\t * // Sets selection to given ranges.\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( start2, end2 ) ];\n\t * writer.setSelection( range );\n\t *\n\t * // Sets selection to the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * writer.setSelection( otherSelection );\n\t *\n\t * // Sets collapsed selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * writer.setSelection( position );\n\t *\n\t * // Removes all ranges.\n\t * writer.setSelection( null );\n\t * ```\n\t *\n\t * `ViewDowncastWriter#setSelection()` allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets selection as backward.\n\t * writer.setSelection( range, { backward: true } );\n\t *\n\t * // Sets selection as fake.\n\t * // Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * // This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * // represented in other way, for example by applying proper CSS class.\n\t * writer.setSelection( range, { fake: true } );\n\t *\n\t * // Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * // (and be  properly handled by screen readers).\n\t * writer.setSelection( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #setSelection:NODE_OFFSET `setSelection( node, placeOrOffset, options )`}.\n\t *\n\t * @label SELECTABLE\n\t */\n\tpublic setSelection( selectable: Exclude<ViewSelectable, ViewNode>, options?: ViewSelectionOptions ): void;\n\n\tpublic setSelection( ...args: Parameters<ViewSelection[ 'setTo' ]> ): void {\n\t\tthis.document.selection._setTo( ...args );\n\t}\n\n\t/**\n\t * Moves {@link module:engine/view/documentselection~ViewDocumentSelection#focus selection's focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/view/view~EditingView#createPositionAt view.createPositionAt()}\n\t * parameters.\n\t *\n\t * @param itemOrPosition\n\t * @param offset Offset or one of the flags. Used only when the first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */\n\tpublic setSelectionFocus( itemOrPosition: ViewItem | ViewPosition, offset?: ViewPositionOffset ): void {\n\t\tthis.document.selection._setFocus( itemOrPosition, offset );\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/documentfragment~ViewDocumentFragment} instance.\n\t *\n\t * @param children A list of nodes to be inserted into the created document fragment.\n\t * @returns The created document fragment.\n\t */\n\tpublic createDocumentFragment( children?: ViewNode | Iterable<ViewNode> ): ViewDocumentFragment {\n\t\treturn new ViewDocumentFragment( this.document, children );\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/text~ViewText text node}.\n\t *\n\t * ```ts\n\t * writer.createText( 'foo' );\n\t * ```\n\t *\n\t * @param data The text's data.\n\t * @returns The created text node.\n\t */\n\tpublic createText( data: string ): ViewText {\n\t\treturn new ViewText( this.document, data );\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/attributeelement~ViewAttributeElement}.\n\t *\n\t * ```ts\n\t * writer.createAttributeElement( 'strong' );\n\t * writer.createAttributeElement( 'a', { href: 'foo.bar' } );\n\t *\n\t * // Make `<a>` element contain other attributes element so the `<a>` element is not broken.\n\t * writer.createAttributeElement( 'a', { href: 'foo.bar' }, { priority: 5 } );\n\t *\n\t * // Set `id` of a marker element so it is not joined or merged with \"normal\" elements.\n\t * writer.createAttributeElement( 'span', { class: 'my-marker' }, { id: 'marker:my' } );\n\t * ```\n\t *\n\t * @param name Name of the element.\n\t * @param attributes Element's attributes.\n\t * @param options Element's options.\n\t * @param options.priority Element's {@link module:engine/view/attributeelement~ViewAttributeElement#priority priority}.\n\t * @param options.id Element's {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns Created element.\n\t */\n\tpublic createAttributeElement(\n\t\tname: string,\n\t\tattributes?: ViewElementAttributes,\n\t\toptions: {\n\t\t\tpriority?: number;\n\t\t\tid?: number | string;\n\t\t\trenderUnsafeAttributes?: Array<string>;\n\t\t} = {}\n\t): ViewAttributeElement {\n\t\tconst attributeElement = new ViewAttributeElement( this.document, name, attributes );\n\n\t\tif ( typeof options.priority === 'number' ) {\n\t\t\tattributeElement._priority = options.priority;\n\t\t}\n\n\t\tif ( options.id ) {\n\t\t\tattributeElement._id = options.id;\n\t\t}\n\n\t\tif ( options.renderUnsafeAttributes ) {\n\t\t\tattributeElement._unsafeAttributesToRender.push( ...options.renderUnsafeAttributes );\n\t\t}\n\n\t\treturn attributeElement;\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/containerelement~ViewContainerElement}.\n\t *\n\t * ```ts\n\t * writer.createContainerElement( 'p' );\n\t *\n\t * // Create element with custom attributes.\n\t * writer.createContainerElement( 'div', { id: 'foo-bar', 'data-baz': '123' } );\n\t *\n\t * // Create element with custom styles.\n\t * writer.createContainerElement( 'p', { style: 'font-weight: bold; padding-bottom: 10px' } );\n\t *\n\t * // Create element with custom classes.\n\t * writer.createContainerElement( 'p', { class: 'foo bar baz' } );\n\t *\n\t * // Create element with specific options.\n\t * writer.createContainerElement( 'span', { class: 'placeholder' }, { renderUnsafeAttributes: [ 'foo' ] } );\n\t * ```\n\t *\n\t * @label WITHOUT_CHILDREN\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t * @param options Element's options.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns Created element.\n\t */\n\tpublic createContainerElement(\n\t\tname: string,\n\t\tattributes?: ViewElementAttributes,\n\t\toptions?: { renderUnsafeAttributes?: Array<string> }\n\t): ViewContainerElement;\n\n\t/**\n\t * Creates a new {@link module:engine/view/containerelement~ViewContainerElement} with children.\n\t *\n\t * ```ts\n\t * // Create element with children.\n\t * writer.createContainerElement( 'figure', { class: 'image' }, [\n\t * \twriter.createEmptyElement( 'img' ),\n\t * \twriter.createContainerElement( 'figcaption' )\n\t * ] );\n\t *\n\t * // Create element with specific options.\n\t * writer.createContainerElement( 'figure', { class: 'image' }, [\n\t * \twriter.createEmptyElement( 'img' ),\n\t * \twriter.createContainerElement( 'figcaption' )\n\t * ], { renderUnsafeAttributes: [ 'foo' ] } );\n\t * ```\n\t *\n\t * @label WITH_CHILDREN\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t * @param children A node or a list of nodes to be inserted into the created element.\n\t * If no children were specified, element's `options` can be passed in this argument.\n\t * @param options Element's options.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns Created element.\n\t */\n\tpublic createContainerElement(\n\t\tname: string,\n\t\tattributes: ViewElementAttributes,\n\t\tchildren: ViewNode | Iterable<ViewNode>,\n\t\toptions?: { renderUnsafeAttributes?: Array<string> }\n\t): ViewContainerElement;\n\n\tpublic createContainerElement(\n\t\tname: string,\n\t\tattributes?: ViewElementAttributes,\n\t\tchildrenOrOptions: ViewNode | Iterable<ViewNode> | { renderUnsafeAttributes?: Array<string> } = {},\n\t\toptions: { renderUnsafeAttributes?: Array<string> } = {}\n\t): ViewContainerElement {\n\t\tlet children: ViewNode | Iterable<ViewNode> | undefined = undefined;\n\n\t\tif ( isContainerOptions( childrenOrOptions ) ) {\n\t\t\toptions = childrenOrOptions;\n\t\t} else {\n\t\t\tchildren = childrenOrOptions;\n\t\t}\n\n\t\tconst containerElement = new ViewContainerElement( this.document, name, attributes, children );\n\t\tif ( options.renderUnsafeAttributes ) {\n\t\t\tcontainerElement._unsafeAttributesToRender.push( ...options.renderUnsafeAttributes );\n\t\t}\n\n\t\treturn containerElement;\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/editableelement~ViewEditableElement}.\n\t *\n\t * ```ts\n\t * writer.createEditableElement( 'div' );\n\t * writer.createEditableElement( 'div', { id: 'foo-1234' } );\n\t * ```\n\t *\n\t * Note: The editable element is to be used in the editing pipeline. Usually, together with\n\t * {@link module:widget/utils~toWidgetEditable `toWidgetEditable()`}.\n\t *\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t * @param options Element's options.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns Created element.\n\t */\n\tpublic createEditableElement(\n\t\tname: string,\n\t\tattributes?: ViewElementAttributes,\n\t\toptions: {\n\t\t\trenderUnsafeAttributes?: Array<string>;\n\t\t} = {}\n\t): ViewEditableElement {\n\t\tconst editableElement = new ViewEditableElement( this.document, name, attributes );\n\n\t\tif ( options.renderUnsafeAttributes ) {\n\t\t\teditableElement._unsafeAttributesToRender.push( ...options.renderUnsafeAttributes );\n\t\t}\n\n\t\treturn editableElement;\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/emptyelement~ViewEmptyElement}.\n\t *\n\t * ```ts\n\t * writer.createEmptyElement( 'img' );\n\t * writer.createEmptyElement( 'img', { id: 'foo-1234' } );\n\t * ```\n\t *\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t * @param options Element's options.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns Created element.\n\t */\n\tpublic createEmptyElement(\n\t\tname: string,\n\t\tattributes?: ViewElementAttributes,\n\t\toptions: {\n\t\t\trenderUnsafeAttributes?: Array<string>;\n\t\t} = {}\n\t): ViewEmptyElement {\n\t\tconst emptyElement = new ViewEmptyElement( this.document, name, attributes );\n\n\t\tif ( options.renderUnsafeAttributes ) {\n\t\t\temptyElement._unsafeAttributesToRender.push( ...options.renderUnsafeAttributes );\n\t\t}\n\n\t\treturn emptyElement;\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/uielement~ViewUIElement}.\n\t *\n\t * ```ts\n\t * writer.createUIElement( 'span' );\n\t * writer.createUIElement( 'span', { id: 'foo-1234' } );\n\t * ```\n\t *\n\t * A custom render function can be provided as the third parameter:\n\t *\n\t * ```ts\n\t * writer.createUIElement( 'span', null, function( domDocument ) {\n\t * \tconst domElement = this.toDomElement( domDocument );\n\t * \tdomElement.innerHTML = '<b>this is ui element</b>';\n\t *\n\t * \treturn domElement;\n\t * } );\n\t * ```\n\t *\n\t * Unlike {@link #createRawElement raw elements}, UI elements are by no means editor content, for instance,\n\t * they are ignored by the editor selection system.\n\t *\n\t * You should not use UI elements as data containers. Check out {@link #createRawElement} instead.\n\t *\n\t * @param name The name of the element.\n\t * @param attributes Element attributes.\n\t * @param renderFunction A custom render function.\n\t * @returns The created element.\n\t */\n\tpublic createUIElement(\n\t\tname: string,\n\t\tattributes?: ViewElementAttributes,\n\t\trenderFunction?: ( this: ViewUIElement, domDocument: DomDocument, domConverter: ViewDomConverter ) => DomElement\n\t): ViewUIElement {\n\t\tconst uiElement = new ViewUIElement( this.document, name, attributes );\n\n\t\tif ( renderFunction ) {\n\t\t\tuiElement.render = renderFunction;\n\t\t}\n\n\t\treturn uiElement;\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/rawelement~ViewRawElement}.\n\t *\n\t * ```ts\n\t * writer.createRawElement( 'span', { id: 'foo-1234' }, function( domElement ) {\n\t * \tdomElement.innerHTML = '<b>This is the raw content of the raw element.</b>';\n\t * } );\n\t * ```\n\t *\n\t * Raw elements work as data containers (\"wrappers\", \"sandboxes\") but their children are not managed or\n\t * even recognized by the editor. This encapsulation allows integrations to maintain custom DOM structures\n\t * in the editor content without, for instance, worrying about compatibility with other editor features.\n\t * Raw elements are a perfect tool for integration with external frameworks and data sources.\n\t *\n\t * Unlike {@link #createUIElement UI elements}, raw elements act like \"real\" editor content (similar to\n\t * {@link module:engine/view/containerelement~ViewContainerElement} or {@link module:engine/view/emptyelement~ViewEmptyElement}),\n\t * and they are considered by the editor selection.\n\t *\n\t * You should not use raw elements to render the UI in the editor content. Check out {@link #createUIElement `#createUIElement()`}\n\t * instead.\n\t *\n\t * @param name The name of the element.\n\t * @param attributes Element attributes.\n\t * @param renderFunction A custom render function.\n\t * @param options Element's options.\n\t * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing\n\t * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.\n\t * @returns The created element.\n\t */\n\tpublic createRawElement(\n\t\tname: string,\n\t\tattributes?: ViewElementAttributes,\n\t\trenderFunction?: ( domElement: DomElement, domConverter: ViewDomConverter ) => void,\n\t\toptions: {\n\t\t\trenderUnsafeAttributes?: Array<string>;\n\t\t} = {}\n\t): ViewRawElement {\n\t\tconst rawElement = new ViewRawElement( this.document, name, attributes );\n\n\t\tif ( renderFunction ) {\n\t\t\trawElement.render = renderFunction;\n\t\t}\n\n\t\tif ( options.renderUnsafeAttributes ) {\n\t\t\trawElement._unsafeAttributesToRender.push( ...options.renderUnsafeAttributes );\n\t\t}\n\n\t\treturn rawElement;\n\t}\n\n\t/**\n\t * Adds or overwrites the element's attribute with a specified key and value.\n\t *\n\t * ```ts\n\t * writer.setAttribute( 'href', 'http://ckeditor.com', linkElement );\n\t * ```\n\t *\n\t * @param key The attribute key.\n\t * @param value The attribute value.\n\t * @param element The element to set an attribute on.\n\t */\n\tpublic setAttribute( key: string, value: unknown, element: ViewElement ): void;\n\n\t/**\n\t * Adds or overwrites the element's attribute with a specified key and value.\n\t * Note that for tokenized attributes it allows the `reset` parameter to specify if the previous\n\t * attribute value should be overwritten or a new token (class name, style property) should be added.\n\t *\n\t * ```ts\n\t * writer.setAttribute( 'href', 'http://ckeditor.com', linkElement );\n\t * writer.setAttribute( 'class', 'foo', false, element );\n\t * ```\n\t *\n\t * @param key The attribute key.\n\t * @param value The attribute value.\n\t * @param overwrite Whether tokenized attribute should overwrite the attribute value or just add a token.\n\t * @param element The element to set an attribute on.\n\t */\n\tpublic setAttribute( key: string, value: unknown, overwrite: boolean, element: ViewElement ): void;\n\n\tpublic setAttribute(\n\t\tkey: string,\n\t\tvalue: unknown,\n\t\telementOrOverwrite: ViewElement | boolean,\n\t\telement?: ViewElement\n\t): void {\n\t\tif ( element !== undefined ) {\n\t\t\telement._setAttribute( key, value, elementOrOverwrite as boolean );\n\t\t} else {\n\t\t\t( elementOrOverwrite as ViewElement )._setAttribute( key, value );\n\t\t}\n\t}\n\n\t/**\n\t * Removes attribute from the element.\n\t *\n\t * ```ts\n\t * writer.removeAttribute( 'href', linkElement );\n\t * ```\n\t *\n\t * @param key Attribute key.\n\t * @param element The element to remove an attribute of.\n\t */\n\tpublic removeAttribute( key: string, element: ViewElement ): void;\n\n\t/**\n\t * Removes specified tokens from an attribute value (for example class names, style properties).\n\t * If resulting attribute become empty, the whole attribute is removed.\n\t *\n\t * ```ts\n\t * writer.removeAttribute( 'class', 'foo', linkElement );\n\t * ```\n\t *\n\t * @param key Attribute key.\n\t * @param tokens Tokens to partly remove from attribute value. For example class names or style property names.\n\t * @param element The element to remove an attribute of.\n\t */\n\tpublic removeAttribute( key: string, tokens: ArrayOrItem<string>, element: ViewElement ): void;\n\n\tpublic removeAttribute( key: string, elementOrTokens: ViewElement | ArrayOrItem<string>, element?: ViewElement ): void {\n\t\tif ( element !== undefined ) {\n\t\t\telement._removeAttribute( key, elementOrTokens as ArrayOrItem<string> );\n\t\t} else {\n\t\t\t( elementOrTokens as ViewElement )._removeAttribute( key );\n\t\t}\n\t}\n\n\t/**\n\t * Adds specified class to the element.\n\t *\n\t * ```ts\n\t * writer.addClass( 'foo', linkElement );\n\t * writer.addClass( [ 'foo', 'bar' ], linkElement );\n\t * ```\n\t */\n\tpublic addClass( className: string | Array<string>, element: ViewElement ): void {\n\t\telement._addClass( className );\n\t}\n\n\t/**\n\t * Removes specified class from the element.\n\t *\n\t * ```ts\n\t * writer.removeClass( 'foo', linkElement );\n\t * writer.removeClass( [ 'foo', 'bar' ], linkElement );\n\t * ```\n\t */\n\tpublic removeClass( className: string | Array<string>, element: ViewElement ): void {\n\t\telement._removeClass( className );\n\t}\n\n\t/**\n\t * Adds style to the element.\n\t *\n\t * ```ts\n\t * writer.setStyle( 'color', 'red', element );\n\t * ```\n\t *\n\t * **Note**: The passed style can be normalized if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#set `StylesMap#set()`} for details.\n\t *\n\t * @label KEY_VALUE\n\t * @param property Property name.\n\t * @param value Value to set.\n\t * @param element Element to set styles on.\n\t */\n\tpublic setStyle( property: string, value: string, element: ViewElement ): void;\n\n\t/**\n\t * Adds many styles to the element.\n\t *\n\t * ```ts\n\t * writer.setStyle( {\n\t * \tcolor: 'red',\n\t * \tposition: 'fixed'\n\t * }, element );\n\t * ```\n\t *\n\t * **Note**: The passed style can be normalized if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#set `StylesMap#set()`} for details.\n\t *\n\t * @label OBJECT\n\t * @param property Object with key - value pairs.\n\t * @param element Element to set styles on.\n\t */\n\tpublic setStyle( property: Record<string, string>, element: ViewElement ): void;\n\n\tpublic setStyle(\n\t\tproperty: string | Record<string, string>,\n\t\tvalue: string | ViewElement,\n\t\telement?: ViewElement\n\t): void\n\t{\n\t\tif ( isPlainObject( property ) && element === undefined ) {\n\t\t\t( value as ViewElement )._setStyle( property as Record<string, string> );\n\t\t} else {\n\t\t\telement!._setStyle( property as string, value as string );\n\t\t}\n\t}\n\n\t/**\n\t * Removes specified style from the element.\n\t *\n\t * ```ts\n\t * writer.removeStyle( 'color', element ); // Removes 'color' style.\n\t * writer.removeStyle( [ 'color', 'border-top' ], element ); // Removes both 'color' and 'border-top' styles.\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#remove `StylesMap#remove()`} for details.\n\t */\n\tpublic removeStyle( property: string | Array<string>, element: ViewElement ): void {\n\t\telement._removeStyle( property );\n\t}\n\n\t/**\n\t * Sets a custom property on element. Unlike attributes, custom properties are not rendered to the DOM,\n\t * so they can be used to add special data to elements.\n\t */\n\tpublic setCustomProperty( key: string | symbol, value: unknown, element: ViewElement | ViewDocumentFragment ): void {\n\t\telement._setCustomProperty( key, value );\n\t}\n\n\t/**\n\t * Removes a custom property stored under the given key.\n\t *\n\t * @returns Returns true if property was removed.\n\t */\n\tpublic removeCustomProperty( key: string | symbol, element: ViewElement | ViewDocumentFragment ): boolean {\n\t\treturn element._removeCustomProperty( key );\n\t}\n\n\t/**\n\t * Breaks attribute elements at the provided position or at the boundaries of a provided range. It breaks attribute elements\n\t * up to their first ancestor that is a container element.\n\t *\n\t * In following examples `<p>` is a container, `<b>` and `<u>` are attribute elements:\n\t *\n\t * ```html\n\t * <p>foo<b><u>bar{}</u></b></p> -> <p>foo<b><u>bar</u></b>[]</p>\n\t * <p>foo<b><u>{}bar</u></b></p> -> <p>foo{}<b><u>bar</u></b></p>\n\t * <p>foo<b><u>b{}ar</u></b></p> -> <p>foo<b><u>b</u></b>[]<b><u>ar</u></b></p>\n\t * <p><b>fo{o</b><u>ba}r</u></p> -> <p><b>fo</b><b>o</b><u>ba</u><u>r</u></b></p>\n\t * ```\n\t *\n\t * **Note:** {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment} is treated like a container.\n\t *\n\t * **Note:** The difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes breakAttributes()} and\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakContainer breakContainer()} is that `breakAttributes()` breaks all\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that are ancestors of a given `position`,\n\t * up to the first encountered {@link module:engine/view/containerelement~ViewContainerElement container element}.\n\t * `breakContainer()` assumes that a given `position` is directly in the container element and breaks that container element.\n\t *\n\t * Throws the `view-writer-invalid-range-container` {@link module:utils/ckeditorerror~CKEditorError CKEditorError}\n\t * when the {@link module:engine/view/range~ViewRange#start start}\n\t * and {@link module:engine/view/range~ViewRange#end end} positions of a passed range are not placed inside same parent container.\n\t *\n\t * Throws the `view-writer-cannot-break-empty-element` {@link module:utils/ckeditorerror~CKEditorError CKEditorError}\n\t * when trying to break attributes inside an {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElement}.\n\t *\n\t * Throws the `view-writer-cannot-break-ui-element` {@link module:utils/ckeditorerror~CKEditorError CKEditorError}\n\t * when trying to break attributes inside a {@link module:engine/view/uielement~ViewUIElement UIElement}.\n\t *\n\t * @see module:engine/view/attributeelement~ViewAttributeElement\n\t * @see module:engine/view/containerelement~ViewContainerElement\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#breakContainer\n\t * @param positionOrRange The position where to break attribute elements.\n\t * @returns The new position or range, after breaking the attribute elements.\n\t */\n\tpublic breakAttributes( positionOrRange: ViewPosition | ViewRange ): ViewPosition | ViewRange {\n\t\tif ( positionOrRange instanceof ViewPosition ) {\n\t\t\treturn this._breakAttributes( positionOrRange );\n\t\t} else {\n\t\t\treturn this._breakAttributesRange( positionOrRange );\n\t\t}\n\t}\n\n\t/**\n\t * Breaks a {@link module:engine/view/containerelement~ViewContainerElement container view element} into two, at the given position.\n\t * The position has to be directly inside the container element and cannot be in the root. It does not break the conrainer view element\n\t * if the position is at the beginning or at the end of its parent element.\n\t *\n\t * ```html\n\t * <p>foo^bar</p> -> <p>foo</p><p>bar</p>\n\t * <div><p>foo</p>^<p>bar</p></div> -> <div><p>foo</p></div><div><p>bar</p></div>\n\t * <p>^foobar</p> -> ^<p>foobar</p>\n\t * <p>foobar^</p> -> <p>foobar</p>^\n\t * ```\n\t *\n\t * **Note:** The difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes breakAttributes()} and\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakContainer breakContainer()} is that `breakAttributes()` breaks all\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that are ancestors of a given `position`,\n\t * up to the first encountered {@link module:engine/view/containerelement~ViewContainerElement container element}.\n\t * `breakContainer()` assumes that the given `position` is directly in the container element and breaks that container element.\n\t *\n\t * @see module:engine/view/attributeelement~ViewAttributeElement\n\t * @see module:engine/view/containerelement~ViewContainerElement\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes\n\t * @param position The position where to break the element.\n\t * @returns The position between broken elements. If an element has not been broken,\n\t * the returned position is placed either before or after it.\n\t */\n\tpublic breakContainer( position: ViewPosition ): ViewPosition {\n\t\tconst element = position.parent;\n\n\t\tif ( !( element.is( 'containerElement' ) ) ) {\n\t\t\t/**\n\t\t\t * Trying to break an element which is not a container element.\n\t\t\t *\n\t\t\t * @error view-writer-break-non-container-element\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-writer-break-non-container-element', this.document );\n\t\t}\n\n\t\tif ( !element.parent ) {\n\t\t\t/**\n\t\t\t * Trying to break root element.\n\t\t\t *\n\t\t\t * @error view-writer-break-root\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-writer-break-root', this.document );\n\t\t}\n\n\t\tif ( position.isAtStart ) {\n\t\t\treturn ViewPosition._createBefore( element );\n\t\t} else if ( !position.isAtEnd ) {\n\t\t\tconst newElement = element._clone( false );\n\n\t\t\tthis.insert( ViewPosition._createAfter( element ), newElement as any );\n\n\t\t\tconst sourceRange = new ViewRange( position, ViewPosition._createAt( element, 'end' ) );\n\t\t\tconst targetPosition = new ViewPosition( newElement, 0 );\n\n\t\t\tthis.move( sourceRange, targetPosition );\n\t\t}\n\n\t\treturn ViewPosition._createAfter( element );\n\t}\n\n\t/**\n\t * Merges {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements}. It also merges text nodes if needed.\n\t * Only {@link module:engine/view/attributeelement~ViewAttributeElement#isSimilar similar} attribute elements can be merged.\n\t *\n\t * In following examples `<p>` is a container and `<b>` is an attribute element:\n\t *\n\t * ```html\n\t * <p>foo[]bar</p> -> <p>foo{}bar</p>\n\t * <p><b>foo</b>[]<b>bar</b></p> -> <p><b>foo{}bar</b></p>\n\t * <p><b foo=\"bar\">a</b>[]<b foo=\"baz\">b</b></p> -> <p><b foo=\"bar\">a</b>[]<b foo=\"baz\">b</b></p>\n\t * ```\n\t *\n\t * It will also take care about empty attributes when merging:\n\t *\n\t * ```html\n\t * <p><b>[]</b></p> -> <p>[]</p>\n\t * <p><b>foo</b><i>[]</i><b>bar</b></p> -> <p><b>foo{}bar</b></p>\n\t * ```\n\t *\n\t * **Note:** Difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeAttributes mergeAttributes} and\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeContainers mergeContainers} is that `mergeAttributes` merges two\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} or\n\t * {@link module:engine/view/text~ViewText text nodes} while `mergeContainer` merges two\n\t * {@link module:engine/view/containerelement~ViewContainerElement container elements}.\n\t *\n\t * @see module:engine/view/attributeelement~ViewAttributeElement\n\t * @see module:engine/view/containerelement~ViewContainerElement\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#mergeContainers\n\t * @param position Merge position.\n\t * @returns Position after merge.\n\t */\n\tpublic mergeAttributes( position: ViewPosition ): ViewPosition {\n\t\tconst positionOffset = position.offset;\n\t\tconst positionParent = position.parent;\n\n\t\t// When inside text node - nothing to merge.\n\t\tif ( positionParent.is( '$text' ) ) {\n\t\t\treturn position;\n\t\t}\n\n\t\t// When inside empty attribute - remove it.\n\t\tif ( positionParent.is( 'attributeElement' ) && positionParent.childCount === 0 ) {\n\t\t\tconst parent = positionParent.parent;\n\t\t\tconst offset = positionParent.index;\n\n\t\t\tpositionParent._remove();\n\t\t\tthis._removeFromClonedElementsGroup( positionParent );\n\n\t\t\treturn this.mergeAttributes( new ViewPosition( parent!, offset! ) );\n\t\t}\n\n\t\tconst nodeBefore = ( positionParent as ViewElement ).getChild( positionOffset - 1 );\n\t\tconst nodeAfter = ( positionParent as ViewElement ).getChild( positionOffset );\n\n\t\t// Position should be placed between two nodes.\n\t\tif ( !nodeBefore || !nodeAfter ) {\n\t\t\treturn position;\n\t\t}\n\n\t\t// When position is between two text nodes.\n\t\tif ( nodeBefore.is( '$text' ) && nodeAfter.is( '$text' ) ) {\n\t\t\treturn mergeTextNodes( nodeBefore, nodeAfter );\n\t\t}\n\t\t// When position is between two same attribute elements.\n\t\telse if ( nodeBefore.is( 'attributeElement' ) && nodeAfter.is( 'attributeElement' ) && nodeBefore.isSimilar( nodeAfter ) ) {\n\t\t\t// Move all children nodes from node placed after selection and remove that node.\n\t\t\tconst count = nodeBefore.childCount;\n\t\t\tnodeBefore._appendChild( nodeAfter.getChildren() );\n\n\t\t\tnodeAfter._remove();\n\t\t\tthis._removeFromClonedElementsGroup( nodeAfter );\n\n\t\t\t// New position is located inside the first node, before new nodes.\n\t\t\t// Call this method recursively to merge again if needed.\n\t\t\treturn this.mergeAttributes( new ViewPosition( nodeBefore, count ) );\n\t\t}\n\n\t\treturn position;\n\t}\n\n\t/**\n\t * Merges two {@link module:engine/view/containerelement~ViewContainerElement container elements} that are\n\t * before and after given position. Precisely, the element after the position is removed and it's contents are\n\t * moved to element before the position.\n\t *\n\t * ```html\n\t * <p>foo</p>^<p>bar</p> -> <p>foo^bar</p>\n\t * <div>foo</div>^<p>bar</p> -> <div>foo^bar</div>\n\t * ```\n\t *\n\t * **Note:** Difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeAttributes mergeAttributes} and\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeContainers mergeContainers} is that `mergeAttributes` merges two\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} or\n\t * {@link module:engine/view/text~ViewText text nodes} while `mergeContainer` merges two\n\t * {@link module:engine/view/containerelement~ViewContainerElement container elements}.\n\t *\n\t * @see module:engine/view/attributeelement~ViewAttributeElement\n\t * @see module:engine/view/containerelement~ViewContainerElement\n\t * @see module:engine/view/downcastwriter~ViewDowncastWriter#mergeAttributes\n\t * @param position Merge position.\n\t * @returns Position after merge.\n\t */\n\tpublic mergeContainers( position: ViewPosition ): ViewPosition {\n\t\tconst prev = position.nodeBefore;\n\t\tconst next = position.nodeAfter;\n\n\t\tif ( !prev || !next || !prev.is( 'containerElement' ) || !next.is( 'containerElement' ) ) {\n\t\t\t/**\n\t\t\t * Element before and after given position cannot be merged.\n\t\t\t *\n\t\t\t * @error view-writer-merge-containers-invalid-position\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-writer-merge-containers-invalid-position', this.document );\n\t\t}\n\n\t\tconst lastChild = prev.getChild( prev.childCount - 1 );\n\t\tconst newPosition = lastChild instanceof ViewText ?\n\t\t\tViewPosition._createAt( lastChild, 'end' ) :\n\t\t\tViewPosition._createAt( prev, 'end' );\n\n\t\tthis.move( ViewRange._createIn( next ), ViewPosition._createAt( prev, 'end' ) );\n\t\tthis.remove( ViewRange._createOn( next ) );\n\n\t\treturn newPosition;\n\t}\n\n\t/**\n\t * Inserts a node or nodes at specified position. Takes care about breaking attributes before insertion\n\t * and merging them afterwards.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-insert-invalid-node` when nodes to insert\n\t * contains instances that are not {@link module:engine/view/text~ViewText Texts},\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElements},\n\t * {@link module:engine/view/containerelement~ViewContainerElement ViewContainerElements},\n\t * {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElements},\n\t * {@link module:engine/view/rawelement~ViewRawElement RawElements} or\n\t * {@link module:engine/view/uielement~ViewUIElement UIElements}.\n\t *\n\t * @param position Insertion position.\n\t * @param nodes Node or nodes to insert.\n\t * @returns Range around inserted nodes.\n\t */\n\tpublic insert( position: ViewPosition, nodes: ViewNode | Iterable<ViewNode> ): ViewRange {\n\t\tnodes = isIterable( nodes ) ? [ ...nodes ] : [ nodes ];\n\n\t\t// Check if nodes to insert are instances of ViewAttributeElements, ViewContainerElements, ViewEmptyElements, UIElements or Text.\n\t\tvalidateNodesToInsert( nodes, this.document );\n\n\t\t// Group nodes in batches of nodes that require or do not require breaking an ViewAttributeElements.\n\t\tconst nodeGroups = (\n\t\t\tnodes as Array<ViewNode>\n\t\t).reduce( ( groups: Array<{ breakAttributes: boolean; nodes: Array<ViewNode> }>, node ) => {\n\t\t\tconst lastGroup = groups[ groups.length - 1 ];\n\n\t\t\t// Break attributes on nodes that do exist in the model tree so they can have attributes, other elements\n\t\t\t// can't have an attribute in model and won't get wrapped with an ViewAttributeElement while down-casted.\n\t\t\tconst breakAttributes = !node.is( 'uiElement' );\n\n\t\t\tif ( !lastGroup || lastGroup.breakAttributes != breakAttributes ) {\n\t\t\t\tgroups.push( {\n\t\t\t\t\tbreakAttributes,\n\t\t\t\t\tnodes: [ node ]\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tlastGroup.nodes.push( node );\n\t\t\t}\n\n\t\t\treturn groups;\n\t\t}, [] );\n\n\t\t// Insert nodes in batches.\n\t\tlet start = null;\n\t\tlet end = position;\n\n\t\tfor ( const { nodes, breakAttributes } of nodeGroups ) {\n\t\t\tconst range = this._insertNodes( end, nodes, breakAttributes );\n\n\t\t\tif ( !start ) {\n\t\t\t\tstart = range.start;\n\t\t\t}\n\n\t\t\tend = range.end;\n\t\t}\n\n\t\t// When no nodes were inserted - return collapsed range.\n\t\tif ( !start ) {\n\t\t\treturn new ViewRange( position );\n\t\t}\n\n\t\treturn new ViewRange( start, end );\n\t}\n\n\t/**\n\t * Removes provided range from the container.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}\n\t * positions are not placed inside same parent container.\n\t *\n\t * @param rangeOrItem Range to remove from container\n\t * or an {@link module:engine/view/item~ViewItem item} to remove. If range is provided, after removing, it will be updated\n\t * to a collapsed range showing the new position.\n\t * @returns Document fragment containing removed nodes.\n\t */\n\tpublic remove( rangeOrItem: ViewRange | ViewItem ): ViewDocumentFragment {\n\t\tconst range = rangeOrItem instanceof ViewRange ? rangeOrItem : ViewRange._createOn( rangeOrItem );\n\n\t\tvalidateRangeContainer( range, this.document );\n\n\t\t// If range is collapsed - nothing to remove.\n\t\tif ( range.isCollapsed ) {\n\t\t\treturn new ViewDocumentFragment( this.document );\n\t\t}\n\n\t\t// Break attributes at range start and end.\n\t\tconst { start: breakStart, end: breakEnd } = this._breakAttributesRange( range, true );\n\t\tconst parentContainer = breakStart.parent as ViewElement;\n\n\t\tconst count = breakEnd.offset - breakStart.offset;\n\n\t\t// Remove nodes in range.\n\t\tconst removed = parentContainer._removeChildren( breakStart.offset, count );\n\n\t\tfor ( const node of removed ) {\n\t\t\tthis._removeFromClonedElementsGroup( node );\n\t\t}\n\n\t\t// Merge after removing.\n\t\tconst mergePosition = this.mergeAttributes( breakStart );\n\t\t( range as any ).start = mergePosition;\n\t\t( range as any ).end = mergePosition.clone();\n\n\t\t// Return removed nodes.\n\t\treturn new ViewDocumentFragment( this.document, removed );\n\t}\n\n\t/**\n\t * Removes matching elements from given range.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}\n\t * positions are not placed inside same parent container.\n\t *\n\t * @param range Range to clear.\n\t * @param element Element to remove.\n\t */\n\tpublic clear( range: ViewRange, element: ViewElement ): void {\n\t\tvalidateRangeContainer( range, this.document );\n\n\t\t// Create walker on given range.\n\t\t// We walk backward because when we remove element during walk it modifies range end position.\n\t\tconst walker = range.getWalker( {\n\t\t\tdirection: 'backward',\n\t\t\tignoreElementEnd: true\n\t\t} );\n\n\t\t// Let's walk.\n\t\tfor ( const current of walker ) {\n\t\t\tconst item = current.item;\n\t\t\tlet rangeToRemove;\n\n\t\t\t// When current item matches to the given element.\n\t\t\tif ( item.is( 'element' ) && element.isSimilar( item ) ) {\n\t\t\t\t// Create range on this element.\n\t\t\t\trangeToRemove = ViewRange._createOn( item );\n\t\t\t\t// When range starts inside Text or TextProxy element.\n\t\t\t} else if ( !current.nextPosition.isAfter( range.start ) && item.is( '$textProxy' ) ) {\n\t\t\t\t// We need to check if parent of this text matches to given element.\n\t\t\t\tconst parentElement = item.getAncestors().find( ancestor => {\n\t\t\t\t\treturn ancestor.is( 'element' ) && element.isSimilar( ancestor );\n\t\t\t\t} );\n\n\t\t\t\t// If it is then create range inside this element.\n\t\t\t\tif ( parentElement ) {\n\t\t\t\t\trangeToRemove = ViewRange._createIn( parentElement as ViewElement );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// If we have found element to remove.\n\t\t\tif ( rangeToRemove ) {\n\t\t\t\t// We need to check if element range stick out of the given range and truncate if it is.\n\t\t\t\tif ( rangeToRemove.end.isAfter( range.end ) ) {\n\t\t\t\t\t( rangeToRemove as any ).end = range.end;\n\t\t\t\t}\n\n\t\t\t\tif ( rangeToRemove.start.isBefore( range.start ) ) {\n\t\t\t\t\t( rangeToRemove as any ).start = range.start;\n\t\t\t\t}\n\n\t\t\t\t// At the end we remove range with found element.\n\t\t\t\tthis.remove( rangeToRemove );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Moves nodes from provided range to target position.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}\n\t * positions are not placed inside same parent container.\n\t *\n\t * @param sourceRange Range containing nodes to move.\n\t * @param targetPosition Position to insert.\n\t * @returns Range in target container. Inserted nodes are placed between\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end} positions.\n\t */\n\tpublic move( sourceRange: ViewRange, targetPosition: ViewPosition ): ViewRange {\n\t\tlet nodes;\n\n\t\tif ( targetPosition.isAfter( sourceRange.end ) ) {\n\t\t\ttargetPosition = this._breakAttributes( targetPosition, true );\n\n\t\t\tconst parent = targetPosition.parent as ViewElement;\n\t\t\tconst countBefore = parent.childCount;\n\n\t\t\tsourceRange = this._breakAttributesRange( sourceRange, true );\n\n\t\t\tnodes = this.remove( sourceRange );\n\n\t\t\ttargetPosition.offset += ( parent.childCount - countBefore );\n\t\t} else {\n\t\t\tnodes = this.remove( sourceRange );\n\t\t}\n\n\t\treturn this.insert( targetPosition, nodes );\n\t}\n\n\t/**\n\t * Wraps elements within range with provided {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.\n\t * If a collapsed range is provided, it will be wrapped only if it is equal to view selection.\n\t *\n\t * If a collapsed range was passed and is same as selection, the selection\n\t * will be moved to the inside of the wrapped attribute element.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-invalid-range-container`\n\t * when {@link module:engine/view/range~ViewRange#start}\n\t * and {@link module:engine/view/range~ViewRange#end} positions are not placed inside same parent container.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-invalid-attribute` when passed attribute element is not\n\t * an instance of {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-nonselection-collapsed-range` when passed range\n\t * is collapsed and different than view selection.\n\t *\n\t * @param range Range to wrap.\n\t * @param attribute Attribute element to use as wrapper.\n\t * @returns range Range after wrapping, spanning over wrapping attribute element.\n\t */\n\tpublic wrap( range: ViewRange, attribute: ViewAttributeElement ): ViewRange {\n\t\tif ( !( attribute instanceof ViewAttributeElement ) ) {\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'view-writer-wrap-invalid-attribute',\n\t\t\t\tthis.document\n\t\t\t);\n\t\t}\n\n\t\tvalidateRangeContainer( range, this.document );\n\n\t\tif ( !range.isCollapsed ) {\n\t\t\t// Non-collapsed range. Wrap it with the attribute element.\n\t\t\treturn this._wrapRange( range, attribute );\n\t\t} else {\n\t\t\t// Collapsed range. Wrap position.\n\t\t\tlet position = range.start;\n\n\t\t\tif ( position.parent.is( 'element' ) && !_hasNonUiChildren( position.parent ) ) {\n\t\t\t\tposition = position.getLastMatchingPosition( value => value.item.is( 'uiElement' ) );\n\t\t\t}\n\n\t\t\tposition = this._wrapPosition( position, attribute );\n\t\t\tconst viewSelection = this.document.selection;\n\n\t\t\t// If wrapping position is equal to view selection, move view selection inside wrapping attribute element.\n\t\t\tif ( viewSelection.isCollapsed && viewSelection.getFirstPosition()!.isEqual( range.start ) ) {\n\t\t\t\tthis.setSelection( position );\n\t\t\t}\n\n\t\t\treturn new ViewRange( position );\n\t\t}\n\t}\n\n\t/**\n\t * Unwraps nodes within provided range from attribute element.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when\n\t * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}\n\t * positions are not placed inside same parent container.\n\t */\n\tpublic unwrap( range: ViewRange, attribute: ViewAttributeElement ): ViewRange {\n\t\tif ( !( attribute instanceof ViewAttributeElement ) ) {\n\t\t\t/**\n\t\t\t * The `attribute` passed to {@link module:engine/view/downcastwriter~ViewDowncastWriter#unwrap `ViewDowncastWriter#unwrap()`}\n\t\t\t * must be an instance of {@link module:engine/view/attributeelement~ViewAttributeElement `AttributeElement`}.\n\t\t\t *\n\t\t\t * @error view-writer-unwrap-invalid-attribute\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'view-writer-unwrap-invalid-attribute',\n\t\t\t\tthis.document\n\t\t\t);\n\t\t}\n\n\t\tvalidateRangeContainer( range, this.document );\n\n\t\t// If range is collapsed - nothing to unwrap.\n\t\tif ( range.isCollapsed ) {\n\t\t\treturn range;\n\t\t}\n\n\t\t// Break attributes at range start and end.\n\t\tconst { start: breakStart, end: breakEnd } = this._breakAttributesRange( range, true );\n\t\tconst parentContainer = breakStart.parent as ViewElement;\n\n\t\t// Unwrap children located between break points.\n\t\tconst newRange = this._unwrapChildren( parentContainer, breakStart.offset, breakEnd.offset, attribute );\n\n\t\t// Merge attributes at the both ends and return a new range.\n\t\tconst start = this.mergeAttributes( newRange.start );\n\n\t\t// If start position was merged - move end position back.\n\t\tif ( !start.isEqual( newRange.start ) ) {\n\t\t\tnewRange.end.offset--;\n\t\t}\n\n\t\tconst end = this.mergeAttributes( newRange.end );\n\n\t\treturn new ViewRange( start, end );\n\t}\n\n\t/**\n\t * Renames element by creating a copy of renamed element but with changed name and then moving contents of the\n\t * old element to the new one. Keep in mind that this will invalidate all {@link module:engine/view/position~ViewPosition positions}\n\t * which has renamed element as {@link module:engine/view/position~ViewPosition#parent a parent}.\n\t *\n\t * New element has to be created because `Element#tagName` property in DOM is readonly.\n\t *\n\t * Since this function creates a new element and removes the given one, the new element is returned to keep reference.\n\t *\n\t * @param newName New name for element.\n\t * @param viewElement Element to be renamed.\n\t * @returns Element created due to rename.\n\t */\n\tpublic rename( newName: string, viewElement: ViewContainerElement ): ViewContainerElement {\n\t\tconst newElement = new ViewContainerElement( this.document, newName, viewElement.getAttributes() );\n\n\t\tthis.insert( ViewPosition._createAfter( viewElement ), newElement );\n\t\tthis.move( ViewRange._createIn( viewElement ), ViewPosition._createAt( newElement, 0 ) );\n\t\tthis.remove( ViewRange._createOn( viewElement ) );\n\n\t\treturn newElement;\n\t}\n\n\t/**\n\t * Cleans up memory by removing obsolete cloned elements group from the writer.\n\t *\n\t * Should be used whenever all {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements}\n\t * with the same {@link module:engine/view/attributeelement~ViewAttributeElement#id id} are going to be removed from the view and\n\t * the group will no longer be needed.\n\t *\n\t * Cloned elements group are not removed automatically in case if the group is still needed after all its elements\n\t * were removed from the view.\n\t *\n\t * Keep in mind that group names are equal to the `id` property of the attribute element.\n\t *\n\t * @param groupName Name of the group to clear.\n\t */\n\tpublic clearClonedElementsGroup( groupName: string ): void {\n\t\tthis._cloneGroups.delete( groupName );\n\t}\n\n\t/**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/view/position~ViewPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/view/item~ViewItem view item} and `'before'` or `'after'` (sets position before or after given view item).\n\t *\n\t * This method is a shortcut to other constructors such as:\n\t *\n\t * * {@link #createPositionBefore},\n\t * * {@link #createPositionAfter},\n\t *\n\t * @param offset Offset or one of the flags. Used only when the first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */\n\tpublic createPositionAt( itemOrPosition: ViewItem | ViewPosition, offset?: ViewPositionOffset ): ViewPosition {\n\t\treturn ViewPosition._createAt( itemOrPosition, offset );\n\t}\n\n\t/**\n\t * Creates a new position after given view item.\n\t *\n\t * @param item View item after which the position should be located.\n\t */\n\tpublic createPositionAfter( item: ViewItem ): ViewPosition {\n\t\treturn ViewPosition._createAfter( item );\n\t}\n\n\t/**\n\t * Creates a new position before given view item.\n\t *\n\t * @param item View item before which the position should be located.\n\t */\n\tpublic createPositionBefore( item: ViewItem ): ViewPosition {\n\t\treturn ViewPosition._createBefore( item );\n\t}\n\n\t/**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * **Note:** This factory method creates its own {@link module:engine/view/position~ViewPosition} instances basing on passed values.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at `start` position.\n\t */\n\tpublic createRange( start: ViewPosition, end?: ViewPosition | null ): ViewRange {\n\t\treturn new ViewRange( start, end );\n\t}\n\n\t/**\n\t * Creates a range that starts before given {@link module:engine/view/item~ViewItem view item} and ends after it.\n\t */\n\tpublic createRangeOn( item: ViewItem ): ViewRange {\n\t\treturn ViewRange._createOn( item );\n\t}\n\n\t/**\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */\n\tpublic createRangeIn( element: ViewElement | ViewDocumentFragment ): ViewRange {\n\t\treturn ViewRange._createIn( element );\n\t}\n\n\t/**\n\t * Creates new {@link module:engine/view/selection~ViewSelection} instance.\n\t *\n\t * ```ts\n\t * // Creates collapsed selection at the position of given item and offset.\n\t * const paragraph = writer.createContainerElement( 'p' );\n\t * const selection = writer.createSelection( paragraph, offset );\n\t *\n\t * // Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the\n\t * // first child of that element and ends after the last child of that element.\n\t * const selection = writer.createSelection( paragraph, 'in' );\n\t *\n\t * // Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends\n\t * // just after the item.\n\t * const selection = writer.createSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( element, 'in', { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = writer.createSelection( element, 'in', { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #createSelection:SELECTABLE `createSelection( selectable, options )`}.\n\t *\n\t * @label NODE_OFFSET\n\t */\n\tpublic createSelection( selectable: ViewNode, placeOrOffset: ViewPlaceOrOffset, options?: ViewSelectionOptions ): ViewSelection;\n\n\t/**\n\t * Creates new {@link module:engine/view/selection~ViewSelection} instance.\n\t *\n\t * ```ts\n\t * // Creates empty selection without ranges.\n\t * const selection = writer.createSelection();\n\t *\n\t * // Creates selection at the given range.\n\t * const range = writer.createRange( start, end );\n\t * const selection = writer.createSelection( range );\n\t *\n\t * // Creates selection at the given ranges\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * const selection = writer.createSelection( ranges );\n\t *\n\t * // Creates selection from the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * const selection = writer.createSelection( otherSelection );\n\t *\n\t * // Creates selection from the document selection.\n\t * const selection = writer.createSelection( editor.editing.view.document.selection );\n\t *\n\t * // Creates selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * const selection = writer.createSelection( position );\n\t * ```\n\t *\n\t * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = writer.createSelection( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #createSelection:NODE_OFFSET `createSelection( node, placeOrOffset, options )`}.\n\t *\n\t * @label SELECTABLE\n\t */\n\tpublic createSelection( selectable?: Exclude<ViewSelectable, ViewNode>, option?: ViewSelectionOptions ): ViewSelection;\n\n\tpublic createSelection( ...args: ConstructorParameters<typeof ViewSelection> ): ViewSelection {\n\t\treturn new ViewSelection( ...args );\n\t}\n\n\t/**\n\t * Creates placeholders for child elements of the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure\n\t * `elementToStructure()`} conversion helper.\n\t *\n\t * ```ts\n\t * const viewSlot = conversionApi.writer.createSlot();\n\t * const viewPosition = conversionApi.writer.createPositionAt( viewElement, 0 );\n\t *\n\t * conversionApi.writer.insert( viewPosition, viewSlot );\n\t * ```\n\t *\n\t * It could be filtered down to a specific subset of children (only `<foo>` model elements in this case):\n\t *\n\t * ```ts\n\t * const viewSlot = conversionApi.writer.createSlot( node => node.is( 'element', 'foo' ) );\n\t * const viewPosition = conversionApi.writer.createPositionAt( viewElement, 0 );\n\t *\n\t * conversionApi.writer.insert( viewPosition, viewSlot );\n\t * ```\n\t *\n\t * While providing a filtered slot, make sure to provide slots for all child nodes. A single node cannot be downcasted into\n\t * multiple slots.\n\t *\n\t * **Note**: You should not change the order of nodes. View elements should be in the same order as model nodes.\n\t *\n\t * @param modeOrFilter The filter for child nodes.\n\t * @returns The slot element to be placed in to the view structure while processing\n\t * {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure `elementToStructure()`}.\n\t */\n\tpublic createSlot( modeOrFilter: 'children' | DowncastSlotFilter = 'children' ): ViewElement {\n\t\tif ( !this._slotFactory ) {\n\t\t\t/**\n\t\t\t * The `createSlot()` method is only allowed inside the `elementToStructure` downcast helper callback.\n\t\t\t *\n\t\t\t * @error view-writer-invalid-create-slot-context\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-writer-invalid-create-slot-context', this.document );\n\t\t}\n\n\t\treturn this._slotFactory( this, modeOrFilter );\n\t}\n\n\t/**\n\t * Registers a slot factory.\n\t *\n\t * @internal\n\t * @param slotFactory The slot factory.\n\t */\n\tpublic _registerSlotFactory(\n\t\tslotFactory: ( writer: ViewDowncastWriter, modeOrFilter: 'children' | DowncastSlotFilter ) => ViewElement\n\t): void {\n\t\tthis._slotFactory = slotFactory;\n\t}\n\n\t/**\n\t * Clears the registered slot factory.\n\t *\n\t * @internal\n\t */\n\tpublic _clearSlotFactory(): void {\n\t\tthis._slotFactory = null;\n\t}\n\n\t/**\n\t * Inserts a node or nodes at the specified position. Takes care of breaking attributes before insertion\n\t * and merging them afterwards if requested by the breakAttributes param.\n\t *\n\t * @param position Insertion position.\n\t * @param nodes Node or nodes to insert.\n\t * @param breakAttributes Whether attributes should be broken.\n\t * @returns Range around inserted nodes.\n\t */\n\tprivate _insertNodes( position: ViewPosition, nodes: Iterable<ViewNode>, breakAttributes: boolean ): ViewRange {\n\t\tlet parentElement;\n\n\t\t// Break attributes on nodes that do exist in the model tree so they can have attributes, other elements\n\t\t// can't have an attribute in model and won't get wrapped with an ViewAttributeElement while down-casted.\n\t\tif ( breakAttributes ) {\n\t\t\tparentElement = getParentContainer( position );\n\t\t} else {\n\t\t\tparentElement = position.parent.is( '$text' ) ? position.parent.parent : position.parent;\n\t\t}\n\n\t\tif ( !parentElement ) {\n\t\t\t/**\n\t\t\t * Position's parent container cannot be found.\n\t\t\t *\n\t\t\t * @error view-writer-invalid-position-container\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'view-writer-invalid-position-container',\n\t\t\t\tthis.document\n\t\t\t);\n\t\t}\n\n\t\tlet insertionPosition;\n\n\t\tif ( breakAttributes ) {\n\t\t\tinsertionPosition = this._breakAttributes( position, true );\n\t\t} else {\n\t\t\tinsertionPosition = position.parent.is( '$text' ) ? breakTextNode( position ) : position;\n\t\t}\n\n\t\tconst length = ( parentElement as ViewElement | ViewDocumentFragment )._insertChild( insertionPosition.offset, nodes );\n\n\t\tfor ( const node of nodes ) {\n\t\t\tthis._addToClonedElementsGroup( node );\n\t\t}\n\n\t\tconst endPosition = insertionPosition.getShiftedBy( length );\n\t\tconst start = this.mergeAttributes( insertionPosition );\n\n\t\t// If start position was merged - move end position.\n\t\tif ( !start.isEqual( insertionPosition ) ) {\n\t\t\tendPosition.offset--;\n\t\t}\n\n\t\tconst end = this.mergeAttributes( endPosition );\n\n\t\treturn new ViewRange( start, end );\n\t}\n\n\t/**\n\t * Wraps children with provided `wrapElement`. Only children contained in `parent` element between\n\t * `startOffset` and `endOffset` will be wrapped.\n\t */\n\tprivate _wrapChildren( parent: ViewElement, startOffset: number, endOffset: number, wrapElement: ViewAttributeElement ) {\n\t\tlet i = startOffset;\n\t\tconst wrapPositions: Array<ViewPosition> = [];\n\n\t\twhile ( i < endOffset ) {\n\t\t\tconst child = parent.getChild( i )!;\n\t\t\tconst isText = child.is( '$text' );\n\t\t\tconst isAttribute = child.is( 'attributeElement' );\n\n\t\t\t//\n\t\t\t// (In all examples, assume that `wrapElement` is `<span class=\"foo\">` element.)\n\t\t\t//\n\t\t\t// Check if `wrapElement` can be joined with the wrapped element. One of requirements is having same name.\n\t\t\t// If possible, join elements.\n\t\t\t//\n\t\t\t// <p><span class=\"bar\">abc</span></p>  -->  <p><span class=\"foo bar\">abc</span></p>\n\t\t\t//\n\t\t\tif ( isAttribute && child._canMergeAttributesFrom( wrapElement ) ) {\n\t\t\t\tchild._mergeAttributesFrom( wrapElement );\n\t\t\t\twrapPositions.push( new ViewPosition( parent, i ) );\n\t\t\t}\n\t\t\t//\n\t\t\t// Wrap the child if it is not an attribute element or if it is an attribute element that should be inside\n\t\t\t// `wrapElement` (due to priority).\n\t\t\t//\n\t\t\t// <p>abc</p>                   -->  <p><span class=\"foo\">abc</span></p>\n\t\t\t// <p><strong>abc</strong></p>  -->  <p><span class=\"foo\"><strong>abc</strong></span></p>\n\t\t\telse if ( isText || !isAttribute || shouldABeOutsideB( wrapElement, child ) ) {\n\t\t\t\t// Clone attribute.\n\t\t\t\tconst newAttribute = wrapElement._clone();\n\n\t\t\t\t// Wrap current node with new attribute.\n\t\t\t\tchild._remove();\n\t\t\t\tnewAttribute._appendChild( child );\n\n\t\t\t\tparent._insertChild( i, newAttribute );\n\t\t\t\tthis._addToClonedElementsGroup( newAttribute );\n\n\t\t\t\twrapPositions.push( new ViewPosition( parent, i ) );\n\t\t\t}\n\t\t\t//\n\t\t\t// If other nested attribute is found and it wasn't wrapped (see above), continue wrapping inside it.\n\t\t\t//\n\t\t\t// <p><a href=\"foo.html\">abc</a></p>  -->  <p><a href=\"foo.html\"><span class=\"foo\">abc</span></a></p>\n\t\t\t//\n\t\t\telse /* if ( isAttribute ) */ {\n\t\t\t\tthis._wrapChildren( child, 0, child.childCount, wrapElement );\n\t\t\t}\n\n\t\t\ti++;\n\t\t}\n\n\t\t// Merge at each wrap.\n\t\tlet offsetChange = 0;\n\n\t\tfor ( const position of wrapPositions ) {\n\t\t\tposition.offset -= offsetChange;\n\n\t\t\t// Do not merge with elements outside selected children.\n\t\t\tif ( position.offset == startOffset ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst newPosition = this.mergeAttributes( position );\n\n\t\t\t// If nodes were merged - other merge offsets will change.\n\t\t\tif ( !newPosition.isEqual( position ) ) {\n\t\t\t\toffsetChange++;\n\t\t\t\tendOffset--;\n\t\t\t}\n\t\t}\n\n\t\treturn ViewRange._createFromParentsAndOffsets( parent, startOffset, parent, endOffset );\n\t}\n\n\t/**\n\t * Unwraps children from provided `unwrapElement`. Only children contained in `parent` element between\n\t * `startOffset` and `endOffset` will be unwrapped.\n\t */\n\tprivate _unwrapChildren( parent: ViewElement, startOffset: number, endOffset: number, unwrapElement: ViewAttributeElement ) {\n\t\tlet i = startOffset;\n\t\tconst unwrapPositions: Array<ViewPosition> = [];\n\n\t\t// Iterate over each element between provided offsets inside parent.\n\t\t// We don't use tree walker or range iterator because we will be removing and merging potentially multiple nodes,\n\t\t// so it could get messy. It is safer to it manually in this case.\n\t\twhile ( i < endOffset ) {\n\t\t\tconst child = parent.getChild( i )!;\n\n\t\t\t// Skip all text nodes. There should be no container element's here either.\n\t\t\tif ( !child.is( 'attributeElement' ) ) {\n\t\t\t\ti++;\n\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t//\n\t\t\t// (In all examples, assume that `unwrapElement` is `<span class=\"foo\">` element.)\n\t\t\t//\n\t\t\t// If the child is similar to the given attribute element, unwrap it - it will be completely removed.\n\t\t\t//\n\t\t\t// <p><span class=\"foo\">abc</span>xyz</p>  -->  <p>abcxyz</p>\n\t\t\t//\n\t\t\tif ( child.isSimilar( unwrapElement ) ) {\n\t\t\t\tconst unwrapped = child.getChildren();\n\t\t\t\tconst count = child.childCount;\n\n\t\t\t\t// Replace wrapper element with its children\n\t\t\t\tchild._remove();\n\t\t\t\tparent._insertChild( i, unwrapped );\n\n\t\t\t\tthis._removeFromClonedElementsGroup( child );\n\n\t\t\t\t// Save start and end position of moved items.\n\t\t\t\tunwrapPositions.push(\n\t\t\t\t\tnew ViewPosition( parent, i ),\n\t\t\t\t\tnew ViewPosition( parent, i + count )\n\t\t\t\t);\n\n\t\t\t\t// Skip elements that were unwrapped. Assuming there won't be another element to unwrap in child elements.\n\t\t\t\ti += count;\n\t\t\t\tendOffset += count - 1;\n\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t//\n\t\t\t// If the child is not similar but is an attribute element, try partial unwrapping - remove the same attributes/styles/classes.\n\t\t\t// Partial unwrapping will happen only if the elements have the same name.\n\t\t\t//\n\t\t\t// <p><span class=\"foo bar\">abc</span>xyz</p>  -->  <p><span class=\"bar\">abc</span>xyz</p>\n\t\t\t// <p><i class=\"foo\">abc</i>xyz</p>            -->  <p><i class=\"foo\">abc</i>xyz</p>\n\t\t\t//\n\t\t\tif ( child._canSubtractAttributesOf( unwrapElement ) ) {\n\t\t\t\tchild._subtractAttributesOf( unwrapElement );\n\t\t\t\tunwrapPositions.push(\n\t\t\t\t\tnew ViewPosition( parent, i ),\n\t\t\t\t\tnew ViewPosition( parent, i + 1 )\n\t\t\t\t);\n\n\t\t\t\ti++;\n\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t//\n\t\t\t// If other nested attribute is found, look through it's children for elements to unwrap.\n\t\t\t//\n\t\t\t// <p><i><span class=\"foo\">abc</span></i><p>  -->  <p><i>abc</i><p>\n\t\t\t//\n\t\t\tthis._unwrapChildren( child, 0, child.childCount, unwrapElement );\n\n\t\t\ti++;\n\t\t}\n\n\t\t// Merge at each unwrap.\n\t\tlet offsetChange = 0;\n\n\t\tfor ( const position of unwrapPositions ) {\n\t\t\tposition.offset -= offsetChange;\n\n\t\t\t// Do not merge with elements outside selected children.\n\t\t\tif ( position.offset == startOffset || position.offset == endOffset ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst newPosition = this.mergeAttributes( position );\n\n\t\t\t// If nodes were merged - other merge offsets will change.\n\t\t\tif ( !newPosition.isEqual( position ) ) {\n\t\t\t\toffsetChange++;\n\t\t\t\tendOffset--;\n\t\t\t}\n\t\t}\n\n\t\treturn ViewRange._createFromParentsAndOffsets( parent, startOffset, parent, endOffset );\n\t}\n\n\t/**\n\t * Helper function for `view.writer.wrap`. Wraps range with provided attribute element.\n\t * This method will also merge newly added attribute element with its siblings whenever possible.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-invalid-attribute` when passed attribute element is not\n\t * an instance of {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.\n\t *\n\t * @returns New range after wrapping, spanning over wrapping attribute element.\n\t */\n\tprivate _wrapRange( range: ViewRange, attribute: ViewAttributeElement ): ViewRange {\n\t\t// Break attributes at range start and end.\n\t\tconst { start: breakStart, end: breakEnd } = this._breakAttributesRange( range, true );\n\t\tconst parentContainer = breakStart.parent as ViewElement;\n\n\t\t// Wrap all children with attribute.\n\t\tconst newRange = this._wrapChildren( parentContainer, breakStart.offset, breakEnd.offset, attribute );\n\n\t\t// Merge attributes at the both ends and return a new range.\n\t\tconst start = this.mergeAttributes( newRange.start );\n\n\t\t// If start position was merged - move end position back.\n\t\tif ( !start.isEqual( newRange.start ) ) {\n\t\t\tnewRange.end.offset--;\n\t\t}\n\t\tconst end = this.mergeAttributes( newRange.end );\n\n\t\treturn new ViewRange( start, end );\n\t}\n\n\t/**\n\t * Helper function for {@link #wrap}. Wraps position with provided attribute element.\n\t * This method will also merge newly added attribute element with its siblings whenever possible.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-invalid-attribute` when passed attribute element is not\n\t * an instance of {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.\n\t *\n\t * @returns New position after wrapping.\n\t */\n\tprivate _wrapPosition( position: ViewPosition, attribute: ViewAttributeElement ): ViewPosition {\n\t\t// Return same position when trying to wrap with attribute similar to position parent.\n\t\tif ( attribute.isSimilar( position.parent as any ) ) {\n\t\t\treturn movePositionToTextNode( position.clone() );\n\t\t}\n\n\t\t// When position is inside text node - break it and place new position between two text nodes.\n\t\tif ( position.parent.is( '$text' ) ) {\n\t\t\tposition = breakTextNode( position );\n\t\t}\n\n\t\t// Create fake element that will represent position, and will not be merged with other attributes.\n\t\tconst fakeElement = this.createAttributeElement( '_wrapPosition-fake-element' );\n\t\t( fakeElement as any )._priority = Number.POSITIVE_INFINITY;\n\t\tfakeElement.isSimilar = () => false;\n\n\t\t// Insert fake element in position location.\n\t\t( position.parent as ViewElement )._insertChild( position.offset, fakeElement );\n\n\t\t// Range around inserted fake attribute element.\n\t\tconst wrapRange = new ViewRange( position, position.getShiftedBy( 1 ) );\n\n\t\t// Wrap fake element with attribute (it will also merge if possible).\n\t\tthis.wrap( wrapRange, attribute );\n\n\t\t// Remove fake element and place new position there.\n\t\tconst newPosition = new ViewPosition( fakeElement.parent!, fakeElement.index! );\n\t\tfakeElement._remove();\n\n\t\t// If position is placed between text nodes - merge them and return position inside.\n\t\tconst nodeBefore = newPosition.nodeBefore;\n\t\tconst nodeAfter = newPosition.nodeAfter;\n\n\t\tif ( nodeBefore && nodeBefore.is( 'view:$text' ) && nodeAfter && nodeAfter.is( 'view:$text' ) ) {\n\t\t\treturn mergeTextNodes( nodeBefore, nodeAfter );\n\t\t}\n\n\t\t// If position is next to text node - move position inside.\n\t\treturn movePositionToTextNode( newPosition );\n\t}\n\n\t/**\n\t * Helper function used by other `ViewDowncastWriter` methods. Breaks attribute elements at the boundaries of given range.\n\t *\n\t * @param range Range which `start` and `end` positions will be used to break attributes.\n\t * @param forceSplitText If set to `true`, will break text nodes even if they are directly in container element.\n\t * This behavior will result in incorrect view state, but is needed by other view writing methods which then fixes view state.\n\t * @returns New range with located at break positions.\n\t */\n\tprivate _breakAttributesRange( range: ViewRange, forceSplitText: boolean = false ) {\n\t\tconst rangeStart = range.start;\n\t\tconst rangeEnd = range.end;\n\n\t\tvalidateRangeContainer( range, this.document );\n\n\t\t// Break at the collapsed position. Return new collapsed range.\n\t\tif ( range.isCollapsed ) {\n\t\t\tconst position = this._breakAttributes( range.start, forceSplitText );\n\n\t\t\treturn new ViewRange( position, position );\n\t\t}\n\n\t\tconst breakEnd = this._breakAttributes( rangeEnd, forceSplitText );\n\t\tconst count = ( breakEnd.parent as ViewElement ).childCount;\n\t\tconst breakStart = this._breakAttributes( rangeStart, forceSplitText );\n\n\t\t// Calculate new break end offset.\n\t\tbreakEnd.offset += ( breakEnd.parent as ViewElement ).childCount - count;\n\n\t\treturn new ViewRange( breakStart, breakEnd );\n\t}\n\n\t/**\n\t * Helper function used by other `ViewDowncastWriter` methods. Breaks attribute elements at given position.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-cannot-break-empty-element` when break position\n\t * is placed inside {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElement}.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-cannot-break-ui-element` when break position\n\t * is placed inside {@link module:engine/view/uielement~ViewUIElement UIElement}.\n\t *\n\t * @param position Position where to break attributes.\n\t * @param forceSplitText If set to `true`, will break text nodes even if they are directly in container element.\n\t * This behavior will result in incorrect view state, but is needed by other view writing methods which then fixes view state.\n\t * @returns New position after breaking the attributes.\n\t */\n\tprivate _breakAttributes( position: ViewPosition, forceSplitText: boolean = false ): ViewPosition {\n\t\tconst positionOffset = position.offset;\n\t\tconst positionParent = position.parent;\n\n\t\t// If position is placed inside ViewEmptyElement - throw an exception as we cannot break inside.\n\t\tif ( position.parent.is( 'emptyElement' ) ) {\n\t\t\t/**\n\t\t\t * Cannot break an `EmptyElement` instance.\n\t\t\t *\n\t\t\t * This error is thrown if\n\t\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes `ViewDowncastWriter#breakAttributes()`}\n\t\t\t * was executed in an incorrect position.\n\t\t\t *\n\t\t\t * @error view-writer-cannot-break-empty-element\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-writer-cannot-break-empty-element', this.document );\n\t\t}\n\n\t\t// If position is placed inside UIElement - throw an exception as we cannot break inside.\n\t\tif ( position.parent.is( 'uiElement' ) ) {\n\t\t\t/**\n\t\t\t * Cannot break a `UIElement` instance.\n\t\t\t *\n\t\t\t * This error is thrown if\n\t\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes `ViewDowncastWriter#breakAttributes()`}\n\t\t\t * was executed in an incorrect position.\n\t\t\t *\n\t\t\t * @error view-writer-cannot-break-ui-element\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-writer-cannot-break-ui-element', this.document );\n\t\t}\n\n\t\t// If position is placed inside RawElement - throw an exception as we cannot break inside.\n\t\tif ( position.parent.is( 'rawElement' ) ) {\n\t\t\t/**\n\t\t\t * Cannot break a `RawElement` instance.\n\t\t\t *\n\t\t\t * This error is thrown if\n\t\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes `ViewDowncastWriter#breakAttributes()`}\n\t\t\t * was executed in an incorrect position.\n\t\t\t *\n\t\t\t * @error view-writer-cannot-break-raw-element\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-writer-cannot-break-raw-element', this.document );\n\t\t}\n\n\t\t// There are no attributes to break and text nodes breaking is not forced.\n\t\tif ( !forceSplitText && positionParent.is( '$text' ) && isContainerOrFragment( positionParent.parent! ) ) {\n\t\t\treturn position.clone();\n\t\t}\n\n\t\t// Position's parent is container, so no attributes to break.\n\t\tif ( isContainerOrFragment( positionParent ) ) {\n\t\t\treturn position.clone();\n\t\t}\n\n\t\t// Break text and start again in new position.\n\t\tif ( positionParent.is( '$text' ) ) {\n\t\t\treturn this._breakAttributes( breakTextNode( position ), forceSplitText );\n\t\t}\n\n\t\tconst length = ( positionParent as any ).childCount;\n\n\t\t// <p>foo<b><u>bar{}</u></b></p>\n\t\t// <p>foo<b><u>bar</u>[]</b></p>\n\t\t// <p>foo<b><u>bar</u></b>[]</p>\n\t\tif ( positionOffset == length ) {\n\t\t\tconst newPosition = new ViewPosition( positionParent.parent as any, ( positionParent as any ).index + 1 );\n\n\t\t\treturn this._breakAttributes( newPosition, forceSplitText );\n\t\t} else {\n\t\t\t// <p>foo<b><u>{}bar</u></b></p>\n\t\t\t// <p>foo<b>[]<u>bar</u></b></p>\n\t\t\t// <p>foo{}<b><u>bar</u></b></p>\n\t\t\tif ( positionOffset === 0 ) {\n\t\t\t\tconst newPosition = new ViewPosition( positionParent.parent as ViewElement, ( positionParent as any ).index );\n\n\t\t\t\treturn this._breakAttributes( newPosition, forceSplitText );\n\t\t\t}\n\t\t\t// <p>foo<b><u>b{}ar</u></b></p>\n\t\t\t// <p>foo<b><u>b[]ar</u></b></p>\n\t\t\t// <p>foo<b><u>b</u>[]<u>ar</u></b></p>\n\t\t\t// <p>foo<b><u>b</u></b>[]<b><u>ar</u></b></p>\n\t\t\telse {\n\t\t\t\tconst offsetAfter = ( positionParent as any ).index + 1;\n\n\t\t\t\t// Break element.\n\t\t\t\tconst clonedNode = ( positionParent as any )._clone();\n\n\t\t\t\t// Insert cloned node to position's parent node.\n\t\t\t\t( positionParent.parent as any )._insertChild( offsetAfter, clonedNode );\n\t\t\t\tthis._addToClonedElementsGroup( clonedNode );\n\n\t\t\t\t// Get nodes to move.\n\t\t\t\tconst count = ( positionParent as any ).childCount - positionOffset;\n\t\t\t\tconst nodesToMove = ( positionParent as any )._removeChildren( positionOffset, count );\n\n\t\t\t\t// Move nodes to cloned node.\n\t\t\t\tclonedNode._appendChild( nodesToMove );\n\n\t\t\t\t// Create new position to work on.\n\t\t\t\tconst newPosition = new ViewPosition( ( positionParent as any ).parent, offsetAfter );\n\n\t\t\t\treturn this._breakAttributes( newPosition, forceSplitText );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Stores the information that an {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} was\n\t * added to the tree. Saves the reference to the group in the given element and updates the group, so other elements\n\t * from the group now keep a reference to the given attribute element.\n\t *\n\t * The clones group can be obtained using {@link module:engine/view/attributeelement~ViewAttributeElement#getElementsWithSameId}.\n\t *\n\t * Does nothing if added element has no {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.\n\t *\n\t * @param element Attribute element to save.\n\t */\n\tprivate _addToClonedElementsGroup( element: ViewNode ): void {\n\t\t// Add only if the element is in document tree.\n\t\tif ( !element.root.is( 'rootElement' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Traverse the element's children recursively to find other attribute elements that also might got inserted.\n\t\t// The loop is at the beginning so we can make fast returns later in the code.\n\t\tif ( element.is( 'element' ) ) {\n\t\t\tfor ( const child of element.getChildren() ) {\n\t\t\t\tthis._addToClonedElementsGroup( child );\n\t\t\t}\n\t\t}\n\n\t\tconst id = ( element as any ).id;\n\n\t\tif ( !id ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet group = this._cloneGroups.get( id );\n\n\t\tif ( !group ) {\n\t\t\tgroup = new Set();\n\t\t\tthis._cloneGroups.set( id, group );\n\t\t}\n\n\t\tgroup.add( element as ViewAttributeElement );\n\t\t( element as any )._clonesGroup = group;\n\t}\n\n\t/**\n\t * Removes all the information about the given {@link module:engine/view/attributeelement~ViewAttributeElement attribute element}\n\t * from its clones group.\n\t *\n\t * Keep in mind, that the element will still keep a reference to the group (but the group will not keep a reference to it).\n\t * This allows to reference the whole group even if the element was already removed from the tree.\n\t *\n\t * Does nothing if the element has no {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.\n\t *\n\t * @param element Attribute element to remove.\n\t */\n\tprivate _removeFromClonedElementsGroup( element: ViewNode ) {\n\t\t// Traverse the element's children recursively to find other attribute elements that also got removed.\n\t\t// The loop is at the beginning so we can make fast returns later in the code.\n\t\tif ( element.is( 'element' ) ) {\n\t\t\tfor ( const child of element.getChildren() ) {\n\t\t\t\tthis._removeFromClonedElementsGroup( child );\n\t\t\t}\n\t\t}\n\n\t\tconst id = ( element as any ).id;\n\n\t\tif ( !id ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst group = this._cloneGroups.get( id );\n\n\t\tif ( !group ) {\n\t\t\treturn;\n\t\t}\n\n\t\tgroup.delete( element as ViewAttributeElement );\n\t\t// Not removing group from element on purpose!\n\t\t// If other parts of code have reference to this element, they will be able to get references to other elements from the group.\n\t}\n}\n\n// Helper function for `view.writer.wrap`. Checks if given element has any children that are not ui elements.\nfunction _hasNonUiChildren( parent: ViewElement ): boolean {\n\treturn Array.from( parent.getChildren() ).some( child => !child.is( 'uiElement' ) );\n}\n\n/**\n * The `attribute` passed to {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#wrap()`}\n * must be an instance of {@link module:engine/view/attributeelement~ViewAttributeElement `AttributeElement`}.\n *\n * @error view-writer-wrap-invalid-attribute\n */\n\n/**\n * Returns first parent container of specified {@link module:engine/view/position~ViewPosition Position}.\n * Position's parent node is checked as first, then next parents are checked.\n * Note that {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment} is treated like a container.\n *\n * @param position Position used as a start point to locate parent container.\n * @returns Parent container element or `undefined` if container is not found.\n */\nfunction getParentContainer( position: ViewPosition ): ViewContainerElement | ViewDocumentFragment | undefined {\n\tlet parent = position.parent;\n\n\twhile ( !isContainerOrFragment( parent ) ) {\n\t\tif ( !parent ) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tparent = parent.parent as any;\n\t}\n\n\treturn ( parent as ViewContainerElement | ViewDocumentFragment );\n}\n\n/**\n * Checks if first {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement} provided to the function\n * can be wrapped outside second element. It is done by comparing elements'\n * {@link module:engine/view/attributeelement~ViewAttributeElement#priority priorities}, if both have same priority\n * {@link module:engine/view/element~ViewElement#getIdentity identities} are compared.\n */\nfunction shouldABeOutsideB( a: ViewAttributeElement, b: ViewAttributeElement ): boolean {\n\tif ( a.priority < b.priority ) {\n\t\treturn true;\n\t} else if ( a.priority > b.priority ) {\n\t\treturn false;\n\t}\n\n\t// When priorities are equal and names are different - use identities.\n\treturn a.getIdentity() < b.getIdentity();\n}\n\n/**\n * Returns new position that is moved to near text node. Returns same position if there is no text node before of after\n * specified position.\n *\n * ```html\n * <p>foo[]</p>  ->  <p>foo{}</p>\n * <p>[]foo</p>  ->  <p>{}foo</p>\n * ```\n *\n * @returns Position located inside text node or same position if there is no text nodes\n * before or after position location.\n */\nfunction movePositionToTextNode( position: ViewPosition ): ViewPosition {\n\tconst nodeBefore = position.nodeBefore;\n\n\tif ( nodeBefore && nodeBefore.is( '$text' ) ) {\n\t\treturn new ViewPosition( nodeBefore, nodeBefore.data.length );\n\t}\n\n\tconst nodeAfter = position.nodeAfter;\n\n\tif ( nodeAfter && nodeAfter.is( '$text' ) ) {\n\t\treturn new ViewPosition( nodeAfter, 0 );\n\t}\n\n\treturn position;\n}\n\n/**\n * Breaks text node into two text nodes when possible.\n *\n * ```html\n * <p>foo{}bar</p> -> <p>foo[]bar</p>\n * <p>{}foobar</p> -> <p>[]foobar</p>\n * <p>foobar{}</p> -> <p>foobar[]</p>\n * ```\n *\n * @param position Position that need to be placed inside text node.\n * @returns New position after breaking text node.\n */\nfunction breakTextNode( position: ViewPosition ): ViewPosition {\n\tif ( position.offset == ( position.parent as ViewText ).data.length ) {\n\t\treturn new ViewPosition( position.parent.parent as any, ( position.parent as ViewText ).index! + 1 );\n\t}\n\n\tif ( position.offset === 0 ) {\n\t\treturn new ViewPosition( position.parent.parent as any, ( position.parent as ViewText ).index! );\n\t}\n\n\t// Get part of the text that need to be moved.\n\tconst textToMove = ( position.parent as ViewText ).data.slice( position.offset );\n\n\t// Leave rest of the text in position's parent.\n\t( position.parent as ViewText )._data = ( position.parent as ViewText ).data.slice( 0, position.offset );\n\n\t// Insert new text node after position's parent text node.\n\t( position.parent.parent as any )._insertChild(\n\t\t( position.parent as ViewText ).index! + 1,\n\t\tnew ViewText( position.root.document, textToMove )\n\t);\n\n\t// Return new position between two newly created text nodes.\n\treturn new ViewPosition( position.parent.parent as any, ( position.parent as ViewText ).index! + 1 );\n}\n\n/**\n * Merges two text nodes into first node. Removes second node and returns merge position.\n *\n * @param t1 First text node to merge. Data from second text node will be moved at the end of this text node.\n * @param t2 Second text node to merge. This node will be removed after merging.\n * @returns Position after merging text nodes.\n */\nfunction mergeTextNodes( t1: ViewText, t2: ViewText ): ViewPosition {\n\t// Merge text data into first text node and remove second one.\n\tconst nodeBeforeLength = t1.data.length;\n\tt1._data += t2.data;\n\tt2._remove();\n\n\treturn new ViewPosition( t1, nodeBeforeLength );\n}\n\nconst validNodesToInsert = [ ViewText, ViewAttributeElement, ViewContainerElement, ViewEmptyElement, ViewRawElement, ViewUIElement ];\n\n/**\n * Checks if provided nodes are valid to insert.\n *\n * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-insert-invalid-node` when nodes to insert\n * contains instances that are not supported ones (see error description for valid ones.\n */\nfunction validateNodesToInsert( nodes: Iterable<ViewNode>, errorContext: ViewDocument ): void {\n\tfor ( const node of nodes ) {\n\t\tif ( !validNodesToInsert.some( validNode => node instanceof validNode ) ) {\n\t\t\t/**\n\t\t\t * One of the nodes to be inserted is of an invalid type.\n\t\t\t *\n\t\t\t * Nodes to be inserted with {@link module:engine/view/downcastwriter~ViewDowncastWriter#insert `ViewDowncastWriter#insert()`}\n\t\t\t * should be of the following types:\n\t\t\t *\n\t\t\t * * {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement},\n\t\t\t * * {@link module:engine/view/containerelement~ViewContainerElement ViewContainerElement},\n\t\t\t * * {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElement},\n\t\t\t * * {@link module:engine/view/uielement~ViewUIElement UIElement},\n\t\t\t * * {@link module:engine/view/rawelement~ViewRawElement RawElement},\n\t\t\t * * {@link module:engine/view/text~ViewText Text}.\n\t\t\t *\n\t\t\t * @error view-writer-insert-invalid-node-type\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-writer-insert-invalid-node-type', errorContext );\n\t\t}\n\n\t\tif ( !node.is( '$text' ) ) {\n\t\t\tvalidateNodesToInsert( ( node as ViewElement ).getChildren(), errorContext );\n\t\t}\n\t}\n}\n\n/**\n * Checks if node is ViewContainerElement or DocumentFragment, because in most cases they should be treated the same way.\n *\n * @returns Returns `true` if node is instance of ViewContainerElement or DocumentFragment.\n */\nfunction isContainerOrFragment( node: ViewNode | ViewDocumentFragment ): boolean {\n\treturn node && ( node.is( 'containerElement' ) || node.is( 'documentFragment' ) );\n}\n\n/**\n * Checks if {@link module:engine/view/range~ViewRange#start range start} and {@link module:engine/view/range~ViewRange#end range end}\n * are placed inside same {@link module:engine/view/containerelement~ViewContainerElement container element}.\n * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when validation fails.\n */\nfunction validateRangeContainer( range: ViewRange, errorContext: ViewDocument ) {\n\tconst startContainer = getParentContainer( range.start );\n\tconst endContainer = getParentContainer( range.end );\n\n\tif ( !startContainer || !endContainer || startContainer !== endContainer ) {\n\t\t/**\n\t\t * The container of the given range is invalid.\n\t\t *\n\t\t * This may happen if {@link module:engine/view/range~ViewRange#start range start} and\n\t\t * {@link module:engine/view/range~ViewRange#end range end} positions are not placed inside the same container element or\n\t\t * a parent container for these positions cannot be found.\n\t\t *\n\t\t * Methods like {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#remove()`},\n\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#clean()`},\n\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#wrap()`},\n\t\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#unwrap()`} need to be called\n\t\t * on a range that has its start and end positions located in the same container element. Both positions can be\n\t\t * nested within other elements (e.g. an attribute element) but the closest container ancestor must be the same.\n\t\t *\n\t\t * @error view-writer-invalid-range-container\n\t\t */\n\t\tthrow new CKEditorError( 'view-writer-invalid-range-container', errorContext );\n\t}\n}\n\n/**\n * Checks if the provided argument is a plain object that can be used as options for container element.\n */\nfunction isContainerOptions(\n\tchildrenOrOptions: ViewNode | Iterable<ViewNode> | { renderUnsafeAttributes?: Array<string> }\n): childrenOrOptions is { renderUnsafeAttributes?: Array<string> } {\n\treturn isPlainObject( childrenOrOptions );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { keyCodes, isText, type KeystrokeInfo } from '@ckeditor/ckeditor5-utils';\nimport { type EditingView } from './view.js';\nimport { type ViewDocumentDomEventData } from './observer/domeventdata.js';\nimport type { ViewDocumentArrowKeyEvent } from './observer/arrowkeysobserver.js';\n\n/**\n * Set of utilities related to handling block and inline fillers.\n *\n * Browsers do not allow to put caret in elements which does not have height. Because of it, we need to fill all\n * empty elements which should be selectable with elements or characters called \"fillers\". Unfortunately there is no one\n * universal filler, this is why two types are uses:\n *\n * * Block filler is an element which fill block elements, like `<p>`. CKEditor uses `<br>` as a block filler during the editing,\n * as browsers do natively. So instead of an empty `<p>` there will be `<p><br></p>`. The advantage of block filler is that\n * it is transparent for the selection, so when the caret is before the `<br>` and user presses right arrow he will be\n * moved to the next paragraph, not after the `<br>`. The disadvantage is that it breaks a block, so it cannot be used\n * in the middle of a line of text. The {@link module:engine/view/filler~BR_FILLER `<br>` filler} can be replaced with any other\n * character in the data output, for instance {@link module:engine/view/filler~NBSP_FILLER non-breaking space} or\n * {@link module:engine/view/filler~MARKED_NBSP_FILLER marked non-breaking space}.\n *\n * * Inline filler is a filler which does not break a line of text, so it can be used inside the text, for instance in the empty\n * `<b>` surrendered by text: `foo<b></b>bar`, if we want to put the caret there. CKEditor uses a sequence of the zero-width\n * spaces as an {@link module:engine/view/filler~INLINE_FILLER inline filler} having the predetermined\n * {@link module:engine/view/filler~INLINE_FILLER_LENGTH length}. A sequence is used, instead of a single character to\n * avoid treating random zero-width spaces as the inline filler. Disadvantage of the inline filler is that it is not\n * transparent for the selection. The arrow key moves the caret between zero-width spaces characters, so the additional\n * code is needed to handle the caret.\n *\n * Both inline and block fillers are handled by the {@link module:engine/view/renderer~ViewRenderer renderer} and are not present in the\n * view.\n *\n * @module engine/view/filler\n */\n\n/**\n * Non-breaking space filler creator. This function creates the `&nbsp;` text node.\n * It defines how the filler is created.\n *\n * @see module:engine/view/filler~MARKED_NBSP_FILLER\n * @see module:engine/view/filler~BR_FILLER\n * @internal\n */\nexport const NBSP_FILLER = ( domDocument: Document ): Text => domDocument.createTextNode( '\\u00A0' );\n\n/**\n * Marked non-breaking space filler creator. This function creates the `<span data-cke-filler=\"true\">&nbsp;</span>` element.\n * It defines how the filler is created.\n *\n * @see module:engine/view/filler~NBSP_FILLER\n * @see module:engine/view/filler~BR_FILLER\n * @internal\n */\nexport const MARKED_NBSP_FILLER = ( domDocument: Document ): HTMLSpanElement => {\n\tconst span = domDocument.createElement( 'span' );\n\tspan.dataset.ckeFiller = 'true';\n\tspan.innerText = '\\u00A0';\n\n\treturn span;\n};\n\n/**\n * `<br>` filler creator. This function creates the `<br data-cke-filler=\"true\">` element.\n * It defines how the filler is created.\n *\n * @see module:engine/view/filler~NBSP_FILLER\n * @see module:engine/view/filler~MARKED_NBSP_FILLER\n * @internal\n */\nexport const BR_FILLER = ( domDocument: Document ): HTMLBRElement => {\n\tconst fillerBr = domDocument.createElement( 'br' );\n\tfillerBr.dataset.ckeFiller = 'true';\n\n\treturn fillerBr;\n};\n\n/**\n * Length of the {@link module:engine/view/filler~INLINE_FILLER INLINE_FILLER}.\n *\n * @internal\n */\nexport const INLINE_FILLER_LENGTH = 7;\n\n/**\n * Inline filler which is a sequence of the word joiners.\n *\n * @internal\n */\nexport const INLINE_FILLER = '\\u2060'.repeat( INLINE_FILLER_LENGTH );\n\n/**\n * Checks if the node is a text node which starts with the {@link module:engine/view/filler~INLINE_FILLER inline filler}.\n *\n * ```ts\n * startsWithFiller( document.createTextNode( INLINE_FILLER ) ); // true\n * startsWithFiller( document.createTextNode( INLINE_FILLER + 'foo' ) ); // true\n * startsWithFiller( document.createTextNode( 'foo' ) ); // false\n * startsWithFiller( document.createElement( 'p' ) ); // false\n * ```\n *\n * @param domNode DOM node.\n * @returns True if the text node starts with the {@link module:engine/view/filler~INLINE_FILLER inline filler}.\n * @internal\n */\nexport function startsWithFiller( domNode: Node | string ): boolean {\n\tif ( typeof domNode == 'string' ) {\n\t\treturn domNode.substr( 0, INLINE_FILLER_LENGTH ) === INLINE_FILLER;\n\t}\n\n\treturn isText( domNode ) && ( domNode.data.substr( 0, INLINE_FILLER_LENGTH ) === INLINE_FILLER );\n}\n\n/**\n * Checks if the text node contains only the {@link module:engine/view/filler~INLINE_FILLER inline filler}.\n *\n * ```ts\n * isInlineFiller( document.createTextNode( INLINE_FILLER ) ); // true\n * isInlineFiller( document.createTextNode( INLINE_FILLER + 'foo' ) ); // false\n * ```\n *\n * @param domText DOM text node.\n * @returns True if the text node contains only the {@link module:engine/view/filler~INLINE_FILLER inline filler}.\n * @internal\n */\nexport function isInlineFiller( domText: Text ): boolean {\n\treturn domText.data.length == INLINE_FILLER_LENGTH && startsWithFiller( domText );\n}\n\n/**\n * Get string data from the text node, removing an {@link module:engine/view/filler~INLINE_FILLER inline filler} from it,\n * if text node contains it.\n *\n * ```ts\n * getDataWithoutFiller( document.createTextNode( INLINE_FILLER + 'foo' ) ) == 'foo' // true\n * getDataWithoutFiller( document.createTextNode( 'foo' ) ) == 'foo' // true\n * ```\n *\n * @param domText DOM text node, possible with inline filler.\n * @returns Data without filler.\n * @internal\n */\nexport function getDataWithoutFiller( domText: Text | string ): string {\n\tconst data = typeof domText == 'string' ? domText : domText.data;\n\n\tif ( startsWithFiller( domText ) ) {\n\t\treturn data.slice( INLINE_FILLER_LENGTH );\n\t}\n\n\treturn data;\n}\n\n/**\n * Assign key observer which move cursor from the end of the inline filler to the beginning of it when\n * the left arrow is pressed, so the filler does not break navigation.\n *\n * @param view View controller instance we should inject quirks handling on.\n * @internal\n */\nexport function injectQuirksHandling( view: EditingView ): void {\n\tview.document.on<ViewDocumentArrowKeyEvent>( 'arrowKey', jumpOverInlineFiller, { priority: 'low' } );\n}\n\n/**\n * Move cursor from the end of the inline filler to the beginning of it when, so the filler does not break navigation.\n */\nfunction jumpOverInlineFiller( evt: unknown, data: ViewDocumentDomEventData & KeystrokeInfo ) {\n\tif ( data.keyCode == keyCodes.arrowleft ) {\n\t\tconst domSelection = data.domTarget.ownerDocument.defaultView!.getSelection()!;\n\n\t\tif ( domSelection.rangeCount == 1 && domSelection.getRangeAt( 0 ).collapsed ) {\n\t\t\tconst domParent = domSelection.getRangeAt( 0 ).startContainer;\n\t\t\tconst domOffset = domSelection.getRangeAt( 0 ).startOffset;\n\n\t\t\tif ( startsWithFiller( domParent ) && domOffset <= INLINE_FILLER_LENGTH ) {\n\t\t\t\tdomSelection.collapse( domParent, 0 );\n\t\t\t}\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/renderer\n */\n\nimport { ViewText } from './text.js';\nimport { ViewPosition } from './position.js';\nimport { INLINE_FILLER, INLINE_FILLER_LENGTH, startsWithFiller, isInlineFiller } from './filler.js';\n\nimport {\n\tCKEditorError,\n\tObservableMixin,\n\tdiff,\n\tenv,\n\tfastDiff,\n\tinsertAt,\n\tisComment,\n\tisNode,\n\tisText,\n\tremove,\n\tindexOf,\n\ttype DiffResult,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport type { ViewDocumentChangeType } from './document.js';\nimport { type ViewDocumentSelection } from './documentselection.js';\nimport { type ViewDomConverter } from './domconverter.js';\nimport { type ViewElement } from './element.js';\nimport { type ViewNode } from './node.js';\n\n// @if CK_DEBUG_TYPING // const { _buildLogMessage } = require( '../dev-utils/utils.js' );\n\nimport '../../theme/renderer.css';\n\ntype DomText = globalThis.Text;\ntype DomNode = globalThis.Node;\ntype DomDocument = globalThis.Document;\ntype DomElement = globalThis.HTMLElement;\ntype DomSelection = globalThis.Selection;\n\n/**\n * Renderer is responsible for updating the DOM structure and the DOM selection based on\n * the {@link module:engine/view/renderer~ViewRenderer#markToSync information about updated view nodes}.\n * In other words, it renders the view to the DOM.\n *\n * Its main responsibility is to make only the necessary, minimal changes to the DOM. However, unlike in many\n * virtual DOM implementations, the primary reason for doing minimal changes is not the performance but ensuring\n * that native editing features such as text composition, autocompletion, spell checking, selection's x-index are\n * affected as little as possible.\n *\n * Renderer uses {@link module:engine/view/domconverter~ViewDomConverter} to transform view nodes and positions\n * to and from the DOM.\n */\nexport class ViewRenderer extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * Set of DOM Documents instances.\n\t */\n\tpublic readonly domDocuments: Set<DomDocument> = new Set();\n\n\t/**\n\t * Converter instance.\n\t */\n\tpublic readonly domConverter: ViewDomConverter;\n\n\t/**\n\t * Set of nodes which attributes changed and may need to be rendered.\n\t */\n\tpublic readonly markedAttributes: Set<ViewElement> = new Set();\n\n\t/**\n\t * Set of elements which child lists changed and may need to be rendered.\n\t */\n\tpublic readonly markedChildren: Set<ViewElement> = new Set();\n\n\t/**\n\t * Set of text nodes which text data changed and may need to be rendered.\n\t */\n\tpublic readonly markedTexts: Set<ViewNode> = new Set();\n\n\t/**\n\t * View selection. Renderer updates DOM selection based on the view selection.\n\t */\n\tpublic readonly selection: ViewDocumentSelection;\n\n\t/**\n\t * Indicates if the view document is focused and selection can be rendered. Selection will not be rendered if\n\t * this is set to `false`.\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly isFocused: boolean;\n\n\t/**\n\t * Indicates whether the user is making a selection in the document (e.g. holding the mouse button and moving the cursor).\n\t * When they stop selecting, the property goes back to `false`.\n\t *\n\t * Note: In some browsers, the renderer will stop rendering the selection and inline fillers while the user is making\n\t * a selection to avoid glitches in DOM selection\n\t * (https://github.com/ckeditor/ckeditor5/issues/10562, https://github.com/ckeditor/ckeditor5/issues/10723).\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly isSelecting: boolean;\n\n\t/**\n\t * True if composition is in progress inside the document.\n\t *\n\t * This property is bound to the {@link module:engine/view/document~ViewDocument#isComposing `Document#isComposing`} property.\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly isComposing: boolean;\n\n\t/**\n\t * The text node in which the inline filler was rendered.\n\t */\n\tprivate _inlineFiller: DomText | null = null;\n\n\t/**\n\t * DOM element containing fake selection.\n\t */\n\tprivate _fakeSelectionContainer: DomElement | null = null;\n\n\t/**\n\t * Creates a renderer instance.\n\t *\n\t * @param domConverter Converter instance.\n\t * @param selection View selection.\n\t */\n\tconstructor( domConverter: ViewDomConverter, selection: ViewDocumentSelection ) {\n\t\tsuper();\n\n\t\tthis.domConverter = domConverter;\n\t\tthis.selection = selection;\n\n\t\tthis.set( 'isFocused', false );\n\t\tthis.set( 'isSelecting', false );\n\t\tthis.set( 'isComposing', false );\n\n\t\t// Rendering the selection and inline filler manipulation should be postponed in (non-Android) Blink until the user finishes\n\t\t// creating the selection in DOM to avoid accidental selection collapsing\n\t\t// (https://github.com/ckeditor/ckeditor5/issues/10562, https://github.com/ckeditor/ckeditor5/issues/10723).\n\t\t// When the user stops selecting, all pending changes should be rendered ASAP, though.\n\t\tif ( env.isBlink && !env.isAndroid ) {\n\t\t\tthis.on<ObservableChangeEvent>( 'change:isSelecting', () => {\n\t\t\t\tif ( !this.isSelecting ) {\n\t\t\t\t\tthis.render();\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Marks a view node to be updated in the DOM by {@link #render `render()`}.\n\t *\n\t * Note that only view nodes whose parents have corresponding DOM elements need to be marked to be synchronized.\n\t *\n\t * @see #markedAttributes\n\t * @see #markedChildren\n\t * @see #markedTexts\n\t *\n\t * @param type Type of the change.\n\t * @param node ViewNode to be marked.\n\t */\n\tpublic markToSync( type: ViewDocumentChangeType, node: ViewNode ): void {\n\t\tif ( type === 'text' ) {\n\t\t\tif ( this.domConverter.mapViewToDom( node.parent! ) ) {\n\t\t\t\tthis.markedTexts.add( node );\n\t\t\t}\n\t\t} else {\n\t\t\t// If the node has no DOM element it is not rendered yet,\n\t\t\t// its children/attributes do not need to be marked to be sync.\n\t\t\tif ( !this.domConverter.mapViewToDom( node as ViewElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( type === 'attributes' ) {\n\t\t\t\tthis.markedAttributes.add( node as ViewElement );\n\t\t\t} else if ( type === 'children' ) {\n\t\t\t\tthis.markedChildren.add( node as ViewElement );\n\t\t\t} else {\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t\t\t\tconst unreachable: never = type;\n\n\t\t\t\t/**\n\t\t\t\t * Unknown type passed to Renderer.markToSync.\n\t\t\t\t *\n\t\t\t\t * @error view-renderer-unknown-type\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'view-renderer-unknown-type', this );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Renders all buffered changes ({@link #markedAttributes}, {@link #markedChildren} and {@link #markedTexts}) and\n\t * the current view selection (if needed) to the DOM by applying a minimal set of changes to it.\n\t *\n\t * Renderer tries not to break the text composition (e.g. IME) and x-index of the selection,\n\t * so it does as little as it is needed to update the DOM.\n\t *\n\t * Renderer also handles {@link module:engine/view/filler fillers}. Especially, it checks if the inline filler is needed\n\t * at the selection position and adds or removes it. To prevent breaking text composition inline filler will not be\n\t * removed as long as the selection is in the text node which needed it at first.\n\t */\n\tpublic render(): void {\n\t\t// Ignore rendering while in the composition mode. Composition events are not cancellable and browser will modify the DOM tree.\n\t\t// All marked elements, attributes, etc. will wait until next render after the composition ends.\n\t\t// On Android composition events are immediately applied to the model, so we don't need to skip rendering,\n\t\t// and we should not do it because the difference between view and DOM could lead to position mapping problems.\n\t\tif ( this.isComposing && !env.isAndroid ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cRendering aborted while isComposing.',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\treturn;\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Renderer',\n\t\t// @if CK_DEBUG_TYPING // \t\t'%cRendering',\n\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold'\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tlet inlineFillerPosition: ViewPosition | null = null;\n\t\tconst isInlineFillerRenderingPossible = env.isBlink && !env.isAndroid ? !this.isSelecting : true;\n\n\t\t// Refresh mappings.\n\t\tfor ( const element of this.markedChildren ) {\n\t\t\tthis._updateChildrenMappings( element );\n\t\t}\n\n\t\t// Don't manipulate inline fillers while the selection is being made in (non-Android) Blink to prevent accidental\n\t\t// DOM selection collapsing\n\t\t// (https://github.com/ckeditor/ckeditor5/issues/10562, https://github.com/ckeditor/ckeditor5/issues/10723).\n\t\tif ( isInlineFillerRenderingPossible ) {\n\t\t\t// There was inline filler rendered in the DOM but it's not\n\t\t\t// at the selection position any more, so we can remove it\n\t\t\t// (cause even if it's needed, it must be placed in another location).\n\t\t\tif ( this._inlineFiller && !this._isSelectionInInlineFiller() ) {\n\t\t\t\tthis._removeInlineFiller();\n\t\t\t}\n\n\t\t\t// If we've got the filler, let's try to guess its position in the view.\n\t\t\tif ( this._inlineFiller ) {\n\t\t\t\tinlineFillerPosition = this._getInlineFillerPosition();\n\t\t\t}\n\t\t\t// Otherwise, if it's needed, create it at the selection position.\n\t\t\telse if ( this._needsInlineFillerAtSelection() ) {\n\t\t\t\tinlineFillerPosition = this.selection.getFirstPosition()!;\n\n\t\t\t\t// Do not use `markToSync` so it will be added even if the parent is already added.\n\t\t\t\tthis.markedChildren.add( inlineFillerPosition.parent as ViewElement );\n\t\t\t}\n\t\t}\n\t\t// Make sure the inline filler has any parent, so it can be mapped to view position by ViewDomConverter.\n\t\telse if ( this._inlineFiller && this._inlineFiller.parentNode ) {\n\t\t\t// While the user is making selection, preserve the inline filler at its original position.\n\t\t\tinlineFillerPosition = this.domConverter.domPositionToView( this._inlineFiller )!;\n\n\t\t\t// While down-casting the document selection attributes, all existing empty\n\t\t\t// attribute elements (for selection position) are removed from the view and DOM,\n\t\t\t// so make sure that we were able to map filler position.\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/12026\n\t\t\tif ( inlineFillerPosition && inlineFillerPosition.parent.is( '$text' ) ) {\n\t\t\t\t// The inline filler position is expected to be before the text node.\n\t\t\t\tinlineFillerPosition = ViewPosition._createBefore( inlineFillerPosition.parent );\n\t\t\t}\n\t\t}\n\n\t\tfor ( const element of this.markedAttributes ) {\n\t\t\tthis._updateAttrs( element );\n\t\t}\n\n\t\tfor ( const element of this.markedChildren ) {\n\t\t\tthis._updateChildren( element, { inlineFillerPosition } );\n\t\t}\n\n\t\tfor ( const node of this.markedTexts ) {\n\t\t\tif ( !this.markedChildren.has( node.parent as ViewElement ) && this.domConverter.mapViewToDom( node.parent as ViewElement ) ) {\n\t\t\t\tthis._updateText( node as ViewText, { inlineFillerPosition } );\n\t\t\t}\n\t\t}\n\n\t\t// * Check whether the inline filler is required and where it really is in the DOM.\n\t\t//   At this point in most cases it will be in the DOM, but there are exceptions.\n\t\t//   For example, if the inline filler was deep in the created DOM structure, it will not be created.\n\t\t//   Similarly, if it was removed at the beginning of this function and then neither text nor children were updated,\n\t\t//   it will not be present. Fix those and similar scenarios.\n\t\t// * Don't manipulate inline fillers while the selection is being made in (non-Android) Blink to prevent accidental\n\t\t//   DOM selection collapsing\n\t\t//   (https://github.com/ckeditor/ckeditor5/issues/10562, https://github.com/ckeditor/ckeditor5/issues/10723).\n\t\tif ( isInlineFillerRenderingPossible ) {\n\t\t\tif ( inlineFillerPosition ) {\n\t\t\t\tconst fillerDomPosition = this.domConverter.viewPositionToDom( inlineFillerPosition )!;\n\t\t\t\tconst domDocument = fillerDomPosition.parent.ownerDocument!;\n\n\t\t\t\tif ( !startsWithFiller( fillerDomPosition.parent ) ) {\n\t\t\t\t\t// Filler has not been created at filler position. Create it now.\n\t\t\t\t\tthis._inlineFiller = addInlineFiller( domDocument, fillerDomPosition.parent, fillerDomPosition.offset );\n\t\t\t\t} else {\n\t\t\t\t\t// Filler has been found, save it.\n\t\t\t\t\tthis._inlineFiller = fillerDomPosition.parent as DomText;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// There is no filler needed.\n\t\t\t\tthis._inlineFiller = null;\n\t\t\t}\n\t\t}\n\n\t\t// First focus the new editing host, then update the selection.\n\t\t// Otherwise, FF may throw an error (https://github.com/ckeditor/ckeditor5/issues/721).\n\t\tthis._updateFocus();\n\t\tthis._updateSelection();\n\n\t\tthis.domConverter._clearTemporaryCustomProperties();\n\n\t\tthis.markedTexts.clear();\n\t\tthis.markedAttributes.clear();\n\t\tthis.markedChildren.clear();\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t// @if CK_DEBUG_TYPING // }\n\t}\n\n\t/**\n\t * Updates mappings of view element's children.\n\t *\n\t * Children that were replaced in the view structure by similar elements (same tag name) are treated as 'replaced'.\n\t * This means that their mappings can be updated so the new view elements are mapped to the existing DOM elements.\n\t * Thanks to that these elements do not need to be re-rendered completely.\n\t *\n\t * @param viewElement The view element whose children mappings will be updated.\n\t */\n\tprivate _updateChildrenMappings( viewElement: ViewElement ): void {\n\t\tconst domElement = this.domConverter.mapViewToDom( viewElement );\n\n\t\tif ( !domElement ) {\n\t\t\t// If there is no `domElement` it means that it was already removed from DOM and there is no need to process it.\n\t\t\treturn;\n\t\t}\n\n\t\t// Removing nodes from the DOM as we iterate can cause `actualDomChildren`\n\t\t// (which is a live-updating `NodeList`) to get out of sync with the\n\t\t// indices that we compute as we iterate over `actions`.\n\t\t// This would produce incorrect element mappings.\n\t\t//\n\t\t// Converting live list to an array to make the list static.\n\t\tconst actualDomChildren = Array.from(\n\t\t\tdomElement.childNodes\n\t\t);\n\t\tconst expectedDomChildren = Array.from(\n\t\t\tthis.domConverter.viewChildrenToDom( viewElement, { withChildren: false } )\n\t\t);\n\t\tconst diff = this._diffNodeLists( actualDomChildren, expectedDomChildren );\n\t\tconst actions = this._findUpdateActions( diff, actualDomChildren, expectedDomChildren, areSimilarElements );\n\n\t\tif ( actions.indexOf( 'update' ) !== -1 ) {\n\t\t\tconst counter = { equal: 0, insert: 0, delete: 0 };\n\n\t\t\tfor ( const action of actions ) {\n\t\t\t\tif ( action === 'update' ) {\n\t\t\t\t\tconst insertIndex = counter.equal + counter.insert;\n\t\t\t\t\tconst deleteIndex = counter.equal + counter.delete;\n\t\t\t\t\tconst viewChild = viewElement.getChild( insertIndex );\n\n\t\t\t\t\t// UIElement and RawElement are special cases. Their children are not stored in a view (#799)\n\t\t\t\t\t// so we cannot use them with replacing flow (since they use view children during rendering\n\t\t\t\t\t// which will always result in rendering empty elements).\n\t\t\t\t\tif ( viewChild && !viewChild.is( 'uiElement' ) && !viewChild.is( 'rawElement' ) ) {\n\t\t\t\t\t\tthis._updateElementMappings( viewChild as ViewElement, actualDomChildren[ deleteIndex ] as DomElement );\n\t\t\t\t\t}\n\n\t\t\t\t\tremove( expectedDomChildren[ insertIndex ] );\n\t\t\t\t\tcounter.equal++;\n\t\t\t\t} else {\n\t\t\t\t\tcounter[ action ]++;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Updates mappings of a given view element.\n\t *\n\t * @param viewElement The view element whose mappings will be updated.\n\t * @param domElement The DOM element representing the given view element.\n\t */\n\tprivate _updateElementMappings( viewElement: ViewElement, domElement: DomElement ): void {\n\t\t// Remap 'DomConverter' bindings.\n\t\tthis.domConverter.unbindDomElement( domElement );\n\t\tthis.domConverter.bindElements( domElement, viewElement );\n\n\t\t// View element may have children which needs to be updated, but are not marked, mark them to update.\n\t\tthis.markedChildren.add( viewElement );\n\n\t\t// Because we replace new view element mapping with the existing one, the corresponding DOM element\n\t\t// will not be rerendered. The new view element may have different attributes than the previous one.\n\t\t// Since its corresponding DOM element will not be rerendered, new attributes will not be added\n\t\t// to the DOM, so we need to mark it here to make sure its attributes gets updated. See #1427 for more\n\t\t// detailed case study.\n\t\t// Also there are cases where replaced element is removed from the view structure and then has\n\t\t// its attributes changed or removed. In such cases the element will not be present in `markedAttributes`\n\t\t// and also may be the same (`element.isSimilar()`) as the reused element not having its attributes updated.\n\t\t// To prevent such situations we always mark reused element to have its attributes rerenderd (#1560).\n\t\tthis.markedAttributes.add( viewElement );\n\t}\n\n\t/**\n\t * Gets the position of the inline filler based on the current selection.\n\t * Here, we assume that we know that the filler is needed and\n\t * {@link #_isSelectionInInlineFiller is at the selection position}, and, since it is needed,\n\t * it is somewhere at the selection position.\n\t *\n\t * Note: The filler position cannot be restored based on the filler's DOM text node, because\n\t * when this method is called (before rendering), the bindings will often be broken. View-to-DOM\n\t * bindings are only dependable after rendering.\n\t */\n\tprivate _getInlineFillerPosition(): ViewPosition {\n\t\tconst firstPos = this.selection.getFirstPosition()!;\n\n\t\tif ( firstPos.parent.is( '$text' ) ) {\n\t\t\treturn ViewPosition._createBefore( firstPos.parent );\n\t\t} else {\n\t\t\treturn firstPos;\n\t\t}\n\t}\n\n\t/**\n\t * Returns `true` if the selection has not left the inline filler's text node.\n\t * If it is `true`, it means that the filler had been added for a reason and the selection did not\n\t * leave the filler's text node. For example, the user can be in the middle of a composition so it should not be touched.\n\t *\n\t * @returns `true` if the inline filler and selection are in the same place.\n\t */\n\tprivate _isSelectionInInlineFiller(): boolean {\n\t\tif ( this.selection.rangeCount != 1 || !this.selection.isCollapsed ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Note, we can't check if selection's position equals position of the\n\t\t// this._inlineFiller node, because of #663. We may not be able to calculate\n\t\t// the filler's position in the view at this stage.\n\t\t// Instead, we check it the other way – whether selection is anchored in\n\t\t// that text node or next to it.\n\n\t\t// Possible options are:\n\t\t// \"FILLER{}\"\n\t\t// \"FILLERadded-text{}\"\n\t\tconst selectionPosition = this.selection.getFirstPosition()!;\n\t\tconst position = this.domConverter.viewPositionToDom( selectionPosition );\n\n\t\tif ( position && isText( position.parent ) && startsWithFiller( position.parent ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Removes the inline filler.\n\t */\n\tprivate _removeInlineFiller(): void {\n\t\tconst domFillerNode = this._inlineFiller!;\n\n\t\t// Something weird happened and the stored node doesn't contain the filler's text.\n\t\tif ( !startsWithFiller( domFillerNode ) ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Renderer',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'Inline filler node: ' +\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( domFillerNode.data ) }%c (${ domFillerNode.data.length })`,\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t''\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t/**\n\t\t\t * The inline filler node was lost. Most likely, something overwrote the filler text node\n\t\t\t * in the DOM.\n\t\t\t *\n\t\t\t * @error view-renderer-filler-was-lost\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-renderer-filler-was-lost', this );\n\t\t}\n\n\t\tif ( isInlineFiller( domFillerNode ) ) {\n\t\t\tdomFillerNode.remove();\n\t\t} else {\n\t\t\tdomFillerNode.data = domFillerNode.data.substr( INLINE_FILLER_LENGTH );\n\t\t}\n\n\t\tthis._inlineFiller = null;\n\t}\n\n\t/**\n\t * Checks if the inline {@link module:engine/view/filler filler} should be added.\n\t *\n\t * @returns `true` if the inline filler should be added.\n\t */\n\tprivate _needsInlineFillerAtSelection(): boolean {\n\t\tif ( this.selection.rangeCount != 1 || !this.selection.isCollapsed ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst selectionPosition = this.selection.getFirstPosition()!;\n\t\tconst selectionParent = selectionPosition.parent;\n\t\tconst selectionOffset = selectionPosition.offset;\n\n\t\t// If there is no DOM root we do not care about fillers.\n\t\tif ( !this.domConverter.mapViewToDom( selectionParent.root ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( !( selectionParent.is( 'element' ) ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Prevent adding inline filler inside elements with contenteditable=false.\n\t\t// https://github.com/ckeditor/ckeditor5-engine/issues/1170\n\t\tif ( !isEditable( selectionParent ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst nodeBefore = selectionPosition.nodeBefore;\n\t\tconst nodeAfter = selectionPosition.nodeAfter;\n\n\t\tif ( nodeBefore instanceof ViewText || nodeAfter instanceof ViewText ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// We have block filler, we do not need inline one.\n\t\tif ( selectionOffset === selectionParent.getFillerOffset!() && ( !nodeBefore || !nodeBefore.is( 'element', 'br' ) ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Do not use inline filler while typing outside inline elements on Android.\n\t\t// The deleteContentBackward would remove part of the inline filler instead of removing last letter in a link.\n\t\tif ( env.isAndroid && ( nodeBefore || nodeAfter ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Checks if text needs to be updated and possibly updates it.\n\t *\n\t * @param viewText View text to update.\n\t * @param options.inlineFillerPosition The position where the inline filler should be rendered.\n\t */\n\tprivate _updateText( viewText: ViewText, options: { inlineFillerPosition?: ViewPosition | null } ) {\n\t\tconst domText = this.domConverter.findCorrespondingDomText( viewText )!;\n\t\tconst newDomText = this.domConverter.viewToDom( viewText );\n\n\t\tlet expectedText = newDomText.data;\n\t\tconst filler = options.inlineFillerPosition;\n\n\t\tif ( filler && filler.parent == viewText.parent && filler.offset == viewText.index ) {\n\t\t\texpectedText = INLINE_FILLER + expectedText;\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Renderer',\n\t\t// @if CK_DEBUG_TYPING // \t\t'%cUpdate text',\n\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: normal'\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tthis._updateTextNode( domText, expectedText );\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t// @if CK_DEBUG_TYPING // }\n\t}\n\n\t/**\n\t * Checks if attribute list needs to be updated and possibly updates it.\n\t *\n\t * @param viewElement The view element to update.\n\t */\n\tprivate _updateAttrs( viewElement: ViewElement ): void {\n\t\tconst domElement = this.domConverter.mapViewToDom( viewElement );\n\n\t\tif ( !domElement ) {\n\t\t\t// If there is no `domElement` it means that 'viewElement' is outdated as its mapping was updated\n\t\t\t// in 'this._updateChildrenMappings()'. There is no need to process it as new view element which\n\t\t\t// replaced old 'viewElement' mapping was also added to 'this.markedAttributes'\n\t\t\t// in 'this._updateChildrenMappings()' so it will be processed separately.\n\t\t\treturn;\n\t\t}\n\n\t\t// Remove attributes from DOM elements if they do not exist in the view.\n\t\t//\n\t\t// Note: It is important to first remove DOM attributes and then set new ones, because some view attributes may be renamed\n\t\t// as they are set on DOM (due to unsafe attributes handling). If we set the view attribute first, and then remove\n\t\t// non-existing DOM attributes, then we would remove the attribute that we just set.\n\t\t//\n\t\t// Note: The domElement.attributes is a live collection, so we need to convert it to an array to avoid issues.\n\t\tfor ( const domAttr of Array.from( ( domElement as DomElement ).attributes ) ) {\n\t\t\tconst key = domAttr.name;\n\n\t\t\t// All other attributes not present in the DOM should be removed.\n\t\t\tif ( !viewElement.hasAttribute( key ) ) {\n\t\t\t\tthis.domConverter.removeDomElementAttribute( domElement as DomElement, key );\n\t\t\t}\n\t\t}\n\n\t\t// Add or overwrite attributes.\n\t\tfor ( const key of viewElement.getAttributeKeys() ) {\n\t\t\tthis.domConverter.setDomElementAttribute( domElement as DomElement, key, viewElement.getAttribute( key )!, viewElement );\n\t\t}\n\t}\n\n\t/**\n\t * Checks if elements child list needs to be updated and possibly updates it.\n\t *\n\t * Note that on Android, to reduce the risk of composition breaks, it tries to update data of an existing\n\t * child text nodes instead of replacing them completely.\n\t *\n\t * @param viewElement View element to update.\n\t * @param options.inlineFillerPosition The position where the inline filler should be rendered.\n\t */\n\tprivate _updateChildren( viewElement: ViewElement, options: { inlineFillerPosition: ViewPosition | null } ) {\n\t\tconst domElement = this.domConverter.mapViewToDom( viewElement );\n\n\t\tif ( !domElement ) {\n\t\t\t// If there is no `domElement` it means that it was already removed from DOM.\n\t\t\t// There is no need to process it. It will be processed when re-inserted.\n\t\t\treturn;\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Renderer',\n\t\t// @if CK_DEBUG_TYPING // \t\t'%cUpdate children',\n\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: normal'\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t// IME on Android inserts a new text node while typing after a link\n\t\t// instead of updating an existing text node that follows the link.\n\t\t// We must normalize those text nodes so the diff won't get confused.\n\t\t// https://github.com/ckeditor/ckeditor5/issues/12574.\n\t\tif ( env.isAndroid ) {\n\t\t\tlet previousDomNode = null;\n\n\t\t\tfor ( const domNode of Array.from( domElement.childNodes ) ) {\n\t\t\t\tif ( previousDomNode && isText( previousDomNode ) && isText( domNode ) ) {\n\t\t\t\t\tdomElement.normalize();\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tpreviousDomNode = domNode;\n\t\t\t}\n\t\t}\n\n\t\tconst inlineFillerPosition = options.inlineFillerPosition;\n\t\tconst actualDomChildren = domElement.childNodes;\n\t\tconst expectedDomChildren = Array.from(\n\t\t\tthis.domConverter.viewChildrenToDom( viewElement, { bind: true } )\n\t\t);\n\n\t\t// Inline filler element has to be created as it is present in the DOM, but not in the view. It is required\n\t\t// during diffing so text nodes could be compared correctly and also during rendering to maintain\n\t\t// proper order and indexes while updating the DOM.\n\t\tif ( inlineFillerPosition && inlineFillerPosition.parent === viewElement ) {\n\t\t\taddInlineFiller( ( domElement as DomElement ).ownerDocument, expectedDomChildren, inlineFillerPosition.offset );\n\t\t}\n\n\t\tconst diff = this._diffNodeLists( actualDomChildren, expectedDomChildren );\n\n\t\t// We need to make sure that we update the existing text node and not replace it with another one.\n\t\t// The composition and different \"language\" browser extensions are fragile to text node being completely replaced.\n\t\tconst actions = this._findUpdateActions( diff, actualDomChildren, expectedDomChildren, areTextNodes );\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping && actions.every( a => a == 'equal' ) ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t// @if CK_DEBUG_TYPING // \t\t'%cNothing to update.',\n\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tlet i = 0;\n\t\tconst nodesToUnbind: Set<DomNode> = new Set();\n\n\t\t// Handle deletions first.\n\t\t// This is to prevent a situation where an element that already exists in `actualDomChildren` is inserted at a different\n\t\t// index in `actualDomChildren`. Since `actualDomChildren` is a `NodeList`, this works like move, not like an insert,\n\t\t// and it disrupts the whole algorithm. See https://github.com/ckeditor/ckeditor5/issues/6367.\n\t\t//\n\t\t// It doesn't matter in what order we remove or add nodes, as long as we remove and add correct nodes at correct indexes.\n\t\tfor ( const action of actions ) {\n\t\t\tif ( action === 'delete' ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING //\tconst node = actualDomChildren[ i ];\n\t\t\t\t// @if CK_DEBUG_TYPING // \tif ( isText( node ) ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\t'%cRemove text node' +\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\t`${ this.isComposing ? ' while composing (may break composition)' : '' }: ` +\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\t`%c${ _escapeTextNodeData( node.data ) }%c (${ node.data.length })`,\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\tthis.isComposing ? 'color: red; font-weight: bold' : '',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\t'color: blue', ''\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // \t} else {\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\t'%cRemove element' +\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\t`${ this.isComposing ? ' while composing (may break composition)' : '' }: `,\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\tthis.isComposing ? 'color: red; font-weight: bold' : '',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\tnode\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // \t}\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\tnodesToUnbind.add( actualDomChildren[ i ] as DomElement );\n\t\t\t\tremove( actualDomChildren[ i ] );\n\t\t\t} else if ( action === 'equal' || action === 'update' ) {\n\t\t\t\ti++;\n\t\t\t}\n\t\t}\n\n\t\ti = 0;\n\n\t\tfor ( const action of actions ) {\n\t\t\tif ( action === 'insert' ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING //\tconst node = expectedDomChildren[ i ];\n\t\t\t\t// @if CK_DEBUG_TYPING //\tif ( isText( node ) ) {\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t\t'%cInsert text node' +\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t\t`${ this.isComposing ? ' while composing (may break composition)' : '' }: ` +\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t\t`%c${ _escapeTextNodeData( node.data ) }%c (${ node.data.length })`,\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t\tthis.isComposing ? 'color: red; font-weight: bold' : '',\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t\t'color: blue',\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t\t''\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t) );\n\t\t\t\t// @if CK_DEBUG_TYPING //\t} else {\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t\t'%cInsert element:',\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t\t'font-weight: normal',\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t\tnode\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t) );\n\t\t\t\t// @if CK_DEBUG_TYPING //\t}\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\tinsertAt( domElement as DomElement, i, expectedDomChildren[ i ] );\n\t\t\t\ti++;\n\t\t\t}\n\t\t\t// Update the existing text node data.\n\t\t\telse if ( action === 'update' ) {\n\t\t\t\tthis._updateTextNode( actualDomChildren[ i ] as DomText, ( expectedDomChildren[ i ] as DomText ).data );\n\t\t\t\ti++;\n\t\t\t} else if ( action === 'equal' ) {\n\t\t\t\t// Force updating text nodes inside elements which did not change and do not need to be re-rendered (#1125).\n\t\t\t\t// Do it here (not in the loop above) because only after insertions the `i` index is correct.\n\t\t\t\tthis._markDescendantTextToSync( this.domConverter.domToView( expectedDomChildren[ i ] ) as any );\n\t\t\t\ti++;\n\t\t\t}\n\t\t}\n\n\t\t// Unbind removed nodes. When node does not have a parent it means that it was removed from DOM tree during\n\t\t// comparison with the expected DOM. We don't need to check child nodes, because if child node was reinserted,\n\t\t// it was moved to DOM tree out of the removed node.\n\t\tfor ( const node of nodesToUnbind ) {\n\t\t\tif ( !node.parentNode ) {\n\t\t\t\tthis.domConverter.unbindDomElement( node as DomElement );\n\t\t\t}\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t// @if CK_DEBUG_TYPING // }\n\t}\n\n\t/**\n\t * Shorthand for diffing two arrays or node lists of DOM nodes.\n\t *\n\t * @param actualDomChildren Actual DOM children\n\t * @param expectedDomChildren Expected DOM children.\n\t * @returns The list of actions based on the {@link module:utils/diff~diff} function.\n\t */\n\tprivate _diffNodeLists( actualDomChildren: Array<DomNode> | NodeList, expectedDomChildren: Array<DomNode> | NodeList ) {\n\t\tactualDomChildren = filterOutFakeSelectionContainer( actualDomChildren, this._fakeSelectionContainer );\n\n\t\treturn diff( actualDomChildren, expectedDomChildren, sameNodes.bind( null, this.domConverter ) );\n\t}\n\n\t/**\n\t * Finds DOM nodes that were replaced with the similar nodes (same tag name) in the view. All nodes are compared\n\t * within one `insert`/`delete` action group, for example:\n\t *\n\t * ```\n\t * Actual DOM:\t\t<p><b>Foo</b>Bar<i>Baz</i><b>Bax</b></p>\n\t * Expected DOM:\t<p>Bar<b>123</b><i>Baz</i><b>456</b></p>\n\t * Input actions:\t[ insert, insert, delete, delete, equal, insert, delete ]\n\t * Output actions:\t[ insert, replace, delete, equal, replace ]\n\t * ```\n\t *\n\t * @param actions Actions array which is a result of the {@link module:utils/diff~diff} function.\n\t * @param actualDom Actual DOM children\n\t * @param expectedDom Expected DOM children.\n\t * @param comparator A comparator function that should return `true` if the given node should be reused\n\t * (either by the update of a text node data or an element children list for similar elements).\n\t * @returns Actions array modified with the `update` actions.\n\t */\n\tprivate _findUpdateActions(\n\t\tactions: Array<DiffResult>,\n\t\tactualDom: Array<DomNode> | NodeList,\n\t\texpectedDom: Array<DomNode>,\n\t\tcomparator: ( a: DomNode, b: DomNode ) => boolean\n\t): Array<DiffResult | 'update'> {\n\t\t// If there is no both 'insert' and 'delete' actions, no need to check for replaced elements.\n\t\tif ( actions.indexOf( 'insert' ) === -1 || actions.indexOf( 'delete' ) === -1 ) {\n\t\t\treturn actions;\n\t\t}\n\n\t\tlet newActions: Array<DiffResult | 'update'> = [];\n\t\tlet actualSlice = [];\n\t\tlet expectedSlice = [];\n\n\t\tconst counter = { equal: 0, insert: 0, delete: 0 };\n\n\t\tfor ( const action of actions ) {\n\t\t\tif ( action === 'insert' ) {\n\t\t\t\texpectedSlice.push( expectedDom[ counter.equal + counter.insert ] );\n\t\t\t} else if ( action === 'delete' ) {\n\t\t\t\tactualSlice.push( actualDom[ counter.equal + counter.delete ] );\n\t\t\t} else { // equal\n\t\t\t\tnewActions = newActions.concat(\n\t\t\t\t\tdiff( actualSlice, expectedSlice, comparator )\n\t\t\t\t\t\t.map( action => action === 'equal' ? 'update' : action )\n\t\t\t\t);\n\n\t\t\t\tnewActions.push( 'equal' );\n\n\t\t\t\t// Reset stored elements on 'equal'.\n\t\t\t\tactualSlice = [];\n\t\t\t\texpectedSlice = [];\n\t\t\t}\n\t\t\tcounter[ action ]++;\n\t\t}\n\n\t\treturn newActions.concat(\n\t\t\tdiff( actualSlice, expectedSlice, comparator )\n\t\t\t\t.map( action => action === 'equal' ? 'update' : action )\n\t\t);\n\t}\n\n\t/**\n\t * Checks if text needs to be updated and possibly updates it by removing and inserting only parts\n\t * of the data from the existing text node to reduce impact on the IME composition.\n\t *\n\t * @param domText DOM text node to update.\n\t * @param expectedText The expected data of a text node.\n\t */\n\tprivate _updateTextNode( domText: DomText, expectedText: string ): void {\n\t\tconst actualText = domText.data;\n\n\t\tif ( actualText == expectedText ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cText node does not need update:%c ' +\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`${ _escapeTextNodeData( actualText ) }%c (${ actualText.length })`,\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t''\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Our approach to interleaving space character with NBSP might differ with the one implemented by the browser.\n\t\t// Avoid modifying the text node in the DOM if only NBSPs and spaces are interchanged.\n\t\t// We should avoid DOM modifications while composing to avoid breakage of composition.\n\t\t// See: https://github.com/ckeditor/ckeditor5/issues/13994.\n\t\tif ( env.isAndroid && this.isComposing && actualText.replace( /\\u00A0/g, ' ' ) == expectedText.replace( /\\u00A0/g, ' ' ) ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cText node ignore NBSP changes while composing: ' +\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( actualText ) }%c (${ actualText.length }) -> ` +\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( expectedText ) }%c (${ expectedText.length })`,\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t''\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\treturn;\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t// @if CK_DEBUG_TYPING // \t\t'%cUpdate text node' +\n\t\t// @if CK_DEBUG_TYPING // \t\t`${ this.isComposing ? ' while composing (may break composition)' : '' }: ` +\n\t\t// @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( actualText ) }%c (${ actualText.length }) -> ` +\n\t\t// @if CK_DEBUG_TYPING // \t\t`%c${ _escapeTextNodeData( expectedText ) }%c (${ expectedText.length })`,\n\t\t// @if CK_DEBUG_TYPING // \t\tthis.isComposing ? 'color: red; font-weight: bold' : '',\n\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue',\n\t\t// @if CK_DEBUG_TYPING // \t\t'',\n\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue',\n\t\t// @if CK_DEBUG_TYPING // \t\t''\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tthis._updateTextNodeInternal( domText, expectedText );\n\t}\n\n\t/**\n\t * Part of the `_updateTextNode` method extracted for easier testing.\n\t */\n\tprivate _updateTextNodeInternal( domText: DomText, expectedText: string ): void {\n\t\tconst actions = fastDiff( domText.data, expectedText );\n\n\t\tfor ( const action of actions ) {\n\t\t\tif ( action.type === 'insert' ) {\n\t\t\t\tdomText.insertData( action.index, action.values.join( '' ) );\n\t\t\t} else { // 'delete'\n\t\t\t\tdomText.deleteData( action.index, action.howMany );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Marks text nodes to be synchronized.\n\t *\n\t * If a text node is passed, it will be marked. If an element is passed, all descendant text nodes inside it will be marked.\n\t *\n\t * @param viewNode View node to sync.\n\t */\n\tprivate _markDescendantTextToSync( viewNode: ViewNode | undefined ): void {\n\t\tif ( !viewNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( viewNode.is( '$text' ) ) {\n\t\t\tthis.markedTexts.add( viewNode );\n\t\t} else if ( viewNode.is( 'element' ) ) {\n\t\t\tfor ( const child of viewNode.getChildren() ) {\n\t\t\t\tthis._markDescendantTextToSync( child );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Checks if the selection needs to be updated and possibly updates it.\n\t */\n\tprivate _updateSelection(): void {\n\t\t// Block updating DOM selection in (non-Android) Blink while the user is selecting to prevent accidental selection collapsing.\n\t\t// Note: Structural changes in DOM must trigger selection rendering, though. Nodes the selection was anchored\n\t\t// to, may disappear in DOM which would break the selection (e.g. in real-time collaboration scenarios).\n\t\t// https://github.com/ckeditor/ckeditor5/issues/10562, https://github.com/ckeditor/ckeditor5/issues/10723\n\t\tif ( env.isBlink && !env.isAndroid && this.isSelecting && !this.markedChildren.size ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If there is no selection - remove DOM and fake selections.\n\t\tif ( this.selection.rangeCount === 0 ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'Update DOM selection: remove all ranges'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tthis._removeDomSelection();\n\t\t\tthis._removeFakeSelection();\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst domEditable = this.domConverter.mapViewToDom( this.selection.editableElement! );\n\n\t\t// Do not update DOM selection if there is no focus, or there is no DOM element corresponding to selection's editable element.\n\t\tif ( !this.isFocused || !domEditable ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'Skip updating DOM selection:',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`isFocused: ${ this.isFocused }, hasDomEditable: ${ !!domEditable }`\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t// But if there was a fake selection, and it is not fake anymore - remove it as it can map to no longer existing widget.\n\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/18123.\n\t\t\tif ( !this.selection.isFake && this._fakeSelectionContainer && this._fakeSelectionContainer.isConnected ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'Remove fake selection (not focused editable)'\n\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\tthis._removeFakeSelection();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t// @if CK_DEBUG_TYPING // \t\t'Update DOM selection'\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t// Render fake selection - create the fake selection container (if needed) and move DOM selection to it.\n\t\tif ( this.selection.isFake ) {\n\t\t\tthis._updateFakeSelection( domEditable );\n\t\t}\n\t\t// There was a fake selection so remove it and update the DOM selection.\n\t\t// This is especially important on Android because otherwise IME will try to compose over the fake selection container.\n\t\telse if ( this._fakeSelectionContainer && this._fakeSelectionContainer.isConnected ) {\n\t\t\tthis._removeFakeSelection();\n\t\t\tthis._updateDomSelection( domEditable );\n\t\t}\n\t\t// Update the DOM selection in case of a plain selection change (no fake selection is involved).\n\t\t// On non-Android the whole rendering is disabled in composition mode (including DOM selection update),\n\t\t// but updating DOM selection should be also disabled on Android if in the middle of the composition\n\t\t// (to not interrupt it).\n\t\telse if ( !( this.isComposing && env.isAndroid ) ) {\n\t\t\tthis._updateDomSelection( domEditable );\n\t\t}\n\t}\n\n\t/**\n\t * Updates the fake selection.\n\t *\n\t * @param domEditable A valid DOM editable where the fake selection container should be added.\n\t */\n\tprivate _updateFakeSelection( domEditable: DomElement ): void {\n\t\tconst domDocument = domEditable.ownerDocument;\n\n\t\tif ( !this._fakeSelectionContainer ) {\n\t\t\tthis._fakeSelectionContainer = createFakeSelectionContainer( domDocument );\n\t\t}\n\n\t\tconst container = this._fakeSelectionContainer;\n\n\t\t// Bind fake selection container with the current selection *position*.\n\t\tthis.domConverter.bindFakeSelection( container, this.selection );\n\n\t\tif ( !this._fakeSelectionNeedsUpdate( domEditable ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !container.parentElement || container.parentElement != domEditable ) {\n\t\t\tdomEditable.appendChild( container );\n\t\t}\n\n\t\tcontainer.textContent = this.selection.fakeSelectionLabel || '\\u00A0';\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t// @if CK_DEBUG_TYPING // \t\t'Set DOM fake selection'\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tconst domSelection = domDocument.getSelection()!;\n\t\tconst domRange = domDocument.createRange();\n\n\t\tdomSelection.removeAllRanges();\n\t\tdomRange.selectNodeContents( container );\n\t\tdomSelection.addRange( domRange );\n\t}\n\n\t/**\n\t * Updates the DOM selection.\n\t *\n\t * @param domEditable A valid DOM editable where the DOM selection should be rendered.\n\t */\n\tprivate _updateDomSelection( domEditable: DomElement ) {\n\t\tconst domSelection = domEditable.ownerDocument.defaultView!.getSelection()!;\n\n\t\t// Let's check whether DOM selection needs updating at all.\n\t\tif ( !this._domSelectionNeedsUpdate( domSelection ) ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cDOM selection is already correct',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic;'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Multi-range selection is not available in most browsers, and, at least in Chrome, trying to\n\t\t// set such selection, that is not continuous, throws an error. Because of that, we will just use anchor\n\t\t// and focus of view selection.\n\t\t// Since we are not supporting multi-range selection, we also do not need to check if proper editable is\n\t\t// selected. If there is any editable selected, it is okay (editable is taken from selection anchor).\n\t\tconst anchor = this.domConverter.viewPositionToDom( this.selection.anchor! )!;\n\t\tconst focus = this.domConverter.viewPositionToDom( this.selection.focus! )!;\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t// @if CK_DEBUG_TYPING // \t\t'Update DOM selection:',\n\t\t// @if CK_DEBUG_TYPING // \t\tanchor,\n\t\t// @if CK_DEBUG_TYPING // \t\tfocus\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tdomSelection.setBaseAndExtent( anchor.parent, anchor.offset, focus.parent, focus.offset );\n\n\t\t// Firefox–specific hack (https://github.com/ckeditor/ckeditor5-engine/issues/1439).\n\t\tif ( env.isGecko ) {\n\t\t\tfixGeckoSelectionAfterBr( focus, domSelection );\n\t\t}\n\t}\n\n\t/**\n\t * Checks whether a given DOM selection needs to be updated.\n\t *\n\t * @param domSelection The DOM selection to check.\n\t */\n\tprivate _domSelectionNeedsUpdate( domSelection: Selection ): boolean {\n\t\tif ( !this.domConverter.isDomSelectionCorrect( domSelection ) ) {\n\t\t\t// Current DOM selection is in incorrect position. We need to update it.\n\t\t\treturn true;\n\t\t}\n\n\t\tconst oldViewSelection = domSelection && this.domConverter.domSelectionToView( domSelection );\n\n\t\tif ( oldViewSelection && this.selection.isEqual( oldViewSelection ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// If selection is not collapsed, it does not need to be updated if it is similar.\n\t\tif ( !this.selection.isCollapsed && this.selection.isSimilar( oldViewSelection ) ) {\n\t\t\t// Selection did not changed and is correct, do not update.\n\t\t\treturn false;\n\t\t}\n\n\t\t// Selections are not similar.\n\t\treturn true;\n\t}\n\n\t/**\n\t * Checks whether the fake selection needs to be updated.\n\t *\n\t * @param domEditable A valid DOM editable where a new fake selection container should be added.\n\t */\n\tprivate _fakeSelectionNeedsUpdate( domEditable: DomElement ): boolean {\n\t\tconst container = this._fakeSelectionContainer;\n\t\tconst domSelection = domEditable.ownerDocument.getSelection()!;\n\n\t\t// Fake selection needs to be updated if there's no fake selection container, or the container currently sits\n\t\t// in a different root.\n\t\tif ( !container || container.parentElement !== domEditable ) {\n\t\t\treturn true;\n\t\t}\n\n\t\t// Make sure that the selection actually is within the fake selection.\n\t\tif ( domSelection.anchorNode !== container && !container.contains( domSelection.anchorNode ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn container.textContent !== this.selection.fakeSelectionLabel;\n\t}\n\n\t/**\n\t * Removes the DOM selection.\n\t */\n\tprivate _removeDomSelection(): void {\n\t\tfor ( const doc of this.domDocuments ) {\n\t\t\tconst domSelection = doc.getSelection()!;\n\n\t\t\tif ( domSelection.rangeCount ) {\n\t\t\t\tconst activeDomElement = doc.activeElement!;\n\t\t\t\tconst viewElement = this.domConverter.mapDomToView( activeDomElement as DomElement );\n\n\t\t\t\tif ( activeDomElement && viewElement ) {\n\t\t\t\t\tdomSelection.removeAllRanges();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Removes the fake selection.\n\t */\n\tprivate _removeFakeSelection(): void {\n\t\tconst container = this._fakeSelectionContainer;\n\n\t\tif ( container ) {\n\t\t\tcontainer.remove();\n\t\t}\n\t}\n\n\t/**\n\t * Checks if focus needs to be updated and possibly updates it.\n\t */\n\tprivate _updateFocus(): void {\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Renderer',\n\t\t// @if CK_DEBUG_TYPING // \t\t`update focus: ${ this.isFocused ? 'focused' : 'not focused' }`\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tif ( this.isFocused ) {\n\t\t\tconst editable = this.selection.editableElement;\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'Renderer',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'focus editable:',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t{ editable }\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tif ( editable ) {\n\t\t\t\tthis.domConverter.focus( editable );\n\t\t\t}\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t// @if CK_DEBUG_TYPING // }\n\t}\n}\n\n/**\n * Checks if provided element is editable.\n */\nfunction isEditable( element: ViewElement ): boolean {\n\tif ( element.getAttribute( 'contenteditable' ) == 'false' ) {\n\t\treturn false;\n\t}\n\n\tconst parent = element.findAncestor( element => element.hasAttribute( 'contenteditable' ) );\n\n\treturn !parent || parent.getAttribute( 'contenteditable' ) == 'true';\n}\n\n/**\n * Adds inline filler at a given position.\n *\n * The position can be given as an array of DOM nodes and an offset in that array,\n * or a DOM parent element and an offset in that element.\n *\n * @returns The DOM text node that contains an inline filler.\n */\nfunction addInlineFiller( domDocument: DomDocument, domParentOrArray: DomNode | Array<DomNode>, offset: number ): DomText {\n\tconst childNodes = domParentOrArray instanceof Array ? domParentOrArray : domParentOrArray.childNodes;\n\tconst nodeAfterFiller = childNodes[ offset ];\n\n\tif ( isText( nodeAfterFiller ) ) {\n\t\tnodeAfterFiller.data = INLINE_FILLER + nodeAfterFiller.data;\n\n\t\treturn nodeAfterFiller;\n\t} else {\n\t\tconst fillerNode = domDocument.createTextNode( INLINE_FILLER );\n\n\t\tif ( Array.isArray( domParentOrArray ) ) {\n\t\t\t( childNodes as Array<DomNode> ).splice( offset, 0, fillerNode );\n\t\t} else {\n\t\t\tinsertAt( domParentOrArray as DomElement, offset, fillerNode );\n\t\t}\n\n\t\treturn fillerNode;\n\t}\n}\n\n/**\n * Whether two DOM nodes should be considered as similar.\n * Nodes are considered similar if they have the same tag name.\n */\nfunction areSimilarElements( node1: DomNode, node2: DomNode ): boolean {\n\treturn isNode( node1 ) && isNode( node2 ) &&\n\t\t!isText( node1 ) && !isText( node2 ) &&\n\t\t!isComment( node1 ) && !isComment( node2 ) &&\n\t\t( node1 as DomElement ).tagName.toLowerCase() === ( node2 as DomElement ).tagName.toLowerCase();\n}\n\n/**\n * Whether two DOM nodes are text nodes.\n */\nfunction areTextNodes( node1: DomNode, node2: DomNode ): boolean {\n\treturn isNode( node1 ) && isNode( node2 ) &&\n\t\tisText( node1 ) && isText( node2 );\n}\n\n/**\n * Whether two dom nodes should be considered as the same.\n * Two nodes which are considered the same are:\n *\n * * Text nodes with the same text.\n * * Element nodes represented by the same object.\n * * Two block filler elements.\n *\n * @param blockFillerMode Block filler mode, see {@link module:engine/view/domconverter~ViewDomConverter#blockFillerMode}.\n */\nfunction sameNodes( domConverter: ViewDomConverter, actualDomChild: DomNode, expectedDomChild: DomNode ): boolean {\n\t// Elements.\n\tif ( actualDomChild === expectedDomChild ) {\n\t\treturn true;\n\t}\n\t// Texts.\n\telse if ( isText( actualDomChild ) && isText( expectedDomChild ) ) {\n\t\treturn actualDomChild.data === expectedDomChild.data;\n\t}\n\t// Block fillers.\n\telse if ( domConverter.isBlockFiller( actualDomChild ) &&\n\t\tdomConverter.isBlockFiller( expectedDomChild ) ) {\n\t\treturn true;\n\t}\n\n\t// Not matching types.\n\treturn false;\n}\n\n/**\n * The following is a Firefox–specific hack (https://github.com/ckeditor/ckeditor5-engine/issues/1439).\n * When the native DOM selection is at the end of the block and preceded by <br /> e.g.\n *\n * ```html\n * <p>foo<br/>[]</p>\n * ```\n *\n * which happens a lot when using the soft line break, the browser fails to (visually) move the\n * caret to the new line. A quick fix is as simple as force–refreshing the selection with the same range.\n */\nfunction fixGeckoSelectionAfterBr( focus: ReturnType<ViewDomConverter[ 'viewPositionToDom' ]>, domSelection: DomSelection ) {\n\tlet parent = focus!.parent;\n\tlet offset = focus!.offset;\n\n\tif ( isText( parent ) && isInlineFiller( parent ) ) {\n\t\toffset = indexOf( parent ) + 1;\n\t\tparent = parent.parentNode!;\n\t}\n\n\t// This fix works only when the focus point is at the very end of an element.\n\t// There is no point in running it in cases unrelated to the browser bug.\n\tif ( parent.nodeType != Node.ELEMENT_NODE || offset != parent.childNodes.length - 1 ) {\n\t\treturn;\n\t}\n\n\tconst childAtOffset = parent.childNodes[ offset ];\n\n\t// To stay on the safe side, the fix being as specific as possible, it targets only the\n\t// selection which is at the very end of the element and preceded by <br />.\n\tif ( childAtOffset && ( childAtOffset as DomElement ).tagName == 'BR' ) {\n\t\tdomSelection.addRange( domSelection.getRangeAt( 0 ) );\n\t}\n}\n\nfunction filterOutFakeSelectionContainer( domChildList: Array<DomNode> | NodeList, fakeSelectionContainer: DomElement | null ) {\n\tconst childList = Array.from( domChildList );\n\n\tif ( childList.length == 0 || !fakeSelectionContainer ) {\n\t\treturn childList;\n\t}\n\n\tconst last = childList[ childList.length - 1 ];\n\n\tif ( last == fakeSelectionContainer ) {\n\t\tchildList.pop();\n\t}\n\n\treturn childList;\n}\n\n/**\n * Creates a fake selection container for a given document.\n */\nfunction createFakeSelectionContainer( domDocument: DomDocument ): DomElement {\n\tconst container = domDocument.createElement( 'div' );\n\n\tcontainer.className = 'ck-fake-selection-container';\n\n\tObject.assign( container.style, {\n\t\tposition: 'fixed',\n\t\ttop: 0,\n\t\tleft: '-9999px',\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/752.\n\t\twidth: '42px'\n\t} );\n\n\t// Fill it with a text node so we can update it later.\n\tcontainer.textContent = '\\u00A0';\n\n\treturn container;\n}\n\n// @if CK_DEBUG_TYPING // function _escapeTextNodeData( text ) {\n// @if CK_DEBUG_TYPING // \tconst escapedText = text\n// @if CK_DEBUG_TYPING // \t\t.replace( /&/g, '&amp;' )\n// @if CK_DEBUG_TYPING // \t\t.replace( /\\u00A0/g, '&nbsp;' )\n// @if CK_DEBUG_TYPING // \t\t.replace( /\\u2060/g, '&NoBreak;' );\n// @if CK_DEBUG_TYPING //\n// @if CK_DEBUG_TYPING // \treturn `\"${ escapedText }\"`;\n// @if CK_DEBUG_TYPING // }\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/domconverter\n */\n\nimport { ViewText } from './text.js';\nimport { ViewElement } from './element.js';\nimport { ViewUIElement } from './uielement.js';\nimport { ViewPosition } from './position.js';\nimport { ViewRange } from './range.js';\nimport { ViewSelection } from './selection.js';\nimport { ViewDocumentFragment } from './documentfragment.js';\nimport { ViewTreeWalker } from './treewalker.js';\nimport { Matcher, type MatcherPattern } from './matcher.js';\nimport {\n\tBR_FILLER, INLINE_FILLER_LENGTH, NBSP_FILLER, MARKED_NBSP_FILLER,\n\tgetDataWithoutFiller, isInlineFiller, startsWithFiller\n} from './filler.js';\n\nimport {\n\tglobal,\n\tlogWarning,\n\tindexOf,\n\tgetAncestors,\n\tisText,\n\tisComment,\n\tisValidAttributeName,\n\tfirst,\n\tenv\n} from '@ckeditor/ckeditor5-utils';\n\nimport { type ViewNode } from './node.js';\nimport { type ViewDocument } from './document.js';\nimport { type ViewDocumentSelection } from './documentselection.js';\nimport { type ViewEditableElement } from './editableelement.js';\nimport { type ViewTextProxy } from './textproxy.js';\nimport { type ViewRawElement } from './rawelement.js';\n\n// @if CK_DEBUG_TYPING // const { _buildLogMessage } = require( '../dev-utils/utils.js' );\n\ntype DomNode = globalThis.Node;\ntype DomElement = globalThis.HTMLElement;\ntype DomDocument = globalThis.Document;\ntype DomDocumentFragment = globalThis.DocumentFragment;\ntype DomComment = globalThis.Comment;\ntype DomRange = globalThis.Range;\ntype DomText = globalThis.Text;\ntype DomSelection = globalThis.Selection;\n\nconst BR_FILLER_REF = BR_FILLER( global.document ); // eslint-disable-line new-cap\nconst NBSP_FILLER_REF = NBSP_FILLER( global.document ); // eslint-disable-line new-cap\nconst MARKED_NBSP_FILLER_REF = MARKED_NBSP_FILLER( global.document ); // eslint-disable-line new-cap\nconst UNSAFE_ATTRIBUTE_NAME_PREFIX = 'data-ck-unsafe-attribute-';\nconst UNSAFE_ELEMENT_REPLACEMENT_ATTRIBUTE = 'data-ck-unsafe-element';\n\n/**\n * `ViewDomConverter` is a set of tools to do transformations between DOM nodes and view nodes. It also handles\n * {@link module:engine/view/domconverter~ViewDomConverter#bindElements bindings} between these nodes.\n *\n * An instance of the DOM converter is available under\n * {@link module:engine/view/view~EditingView#domConverter `editor.editing.view.domConverter`}.\n *\n * The DOM converter does not check which nodes should be rendered (use {@link module:engine/view/renderer~ViewRenderer}), does not keep the\n * state of a tree nor keeps the synchronization between the tree view and\n * the DOM tree (use {@link module:engine/view/document~ViewDocument}).\n *\n * The DOM converter keeps DOM elements to view element bindings, so when the converter gets destroyed, the bindings are lost.\n * Two converters will keep separate binding maps, so one tree view can be bound with two DOM trees.\n */\nexport class ViewDomConverter {\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * Whether to leave the View-to-DOM conversion result unchanged or improve editing experience by filtering out interactive data.\n\t */\n\tpublic readonly renderingMode: 'data' | 'editing';\n\n\t/**\n\t * The mode of a block filler used by the DOM converter.\n\t */\n\tpublic blockFillerMode: ViewBlockFillerMode;\n\n\t/**\n\t * Elements which are considered pre-formatted elements.\n\t */\n\tpublic readonly preElements: Array<string>;\n\n\t/**\n\t * Elements which are considered block elements (and hence should be filled with a\n\t * {@link #isBlockFiller block filler}).\n\t *\n\t * Whether an element is considered a block element also affects handling of trailing whitespaces.\n\t *\n\t * You can extend this array if you introduce support for block elements which are not yet recognized here.\n\t */\n\tpublic readonly blockElements: Array<string>;\n\n\t/**\n\t * A list of elements that exist inline (in text) but their inner structure cannot be edited because\n\t * of the way they are rendered by the browser. They are mostly HTML form elements but there are other\n\t * elements such as `<img>` or `<iframe>` that also have non-editable children or no children whatsoever.\n\t *\n\t * Whether an element is considered an inline object has an impact on white space rendering (trimming)\n\t * around (and inside of it). In short, white spaces in text nodes next to inline objects are not trimmed.\n\t *\n\t * You can extend this array if you introduce support for inline object elements which are not yet recognized here.\n\t */\n\tpublic readonly inlineObjectElements: Array<string>;\n\n\t/**\n\t * A list of elements which may affect the editing experience. To avoid this, those elements are replaced with\n\t * `<span data-ck-unsafe-element=\"[element name]\"></span>` while rendering in the editing mode.\n\t */\n\tpublic readonly unsafeElements: Array<string>;\n\n\t/**\n\t * The DOM Document used by `ViewDomConverter` to create DOM nodes.\n\t */\n\tprivate readonly _domDocument: DomDocument;\n\n\t/**\n\t * The DOM-to-view mapping.\n\t */\n\tprivate readonly _domToViewMapping = new WeakMap<DomElement | DomDocumentFragment, ViewElement | ViewDocumentFragment>();\n\n\t/**\n\t * The view-to-DOM mapping.\n\t */\n\tprivate readonly _viewToDomMapping = new WeakMap<ViewElement | ViewDocumentFragment, DomElement | DomDocumentFragment>();\n\n\t/**\n\t * Holds the mapping between fake selection containers and corresponding view selections.\n\t */\n\tprivate readonly _fakeSelectionMapping = new WeakMap<DomElement, ViewSelection>();\n\n\t/**\n\t * Matcher for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from DOM nodes to view elements.\n\t */\n\tprivate readonly _rawContentElementMatcher = new Matcher();\n\n\t/**\n\t * Matcher for inline object view elements. This is an extension of a simple {@link #inlineObjectElements} array of element names.\n\t */\n\tprivate readonly _inlineObjectElementMatcher = new Matcher();\n\n\t/**\n\t * Set of elements with temporary custom properties that require clearing after render.\n\t */\n\tprivate readonly _elementsWithTemporaryCustomProperties = new Set<ViewElement | ViewDocumentFragment>();\n\n\t/**\n\t * Creates a DOM converter.\n\t *\n\t * @param document The view document instance.\n\t * @param options An object with configuration options.\n\t * @param options.blockFillerMode The type of the block filler to use.\n\t * Default value depends on the options.renderingMode:\n\t *  'nbsp' when options.renderingMode == 'data',\n\t *  'br' when options.renderingMode == 'editing'.\n\t * @param options.renderingMode Whether to leave the View-to-DOM conversion result unchanged\n\t * or improve editing experience by filtering out interactive data.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\t{ blockFillerMode, renderingMode = 'editing' }: {\n\t\t\tblockFillerMode?: ViewBlockFillerMode;\n\t\t\trenderingMode?: 'data' | 'editing';\n\t\t} = {}\n\t) {\n\t\tthis.document = document;\n\t\tthis.renderingMode = renderingMode;\n\t\tthis.blockFillerMode = blockFillerMode || ( renderingMode === 'editing' ? 'br' : 'nbsp' );\n\t\tthis.preElements = [ 'pre', 'textarea' ];\n\t\tthis.blockElements = [\n\t\t\t'address', 'article', 'aside', 'blockquote', 'caption', 'center', 'dd', 'details', 'dir', 'div',\n\t\t\t'dl', 'dt', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header',\n\t\t\t'hgroup', 'legend', 'li', 'main', 'menu', 'nav', 'ol', 'p', 'pre', 'section', 'summary', 'table', 'tbody',\n\t\t\t'td', 'tfoot', 'th', 'thead', 'tr', 'ul'\n\t\t];\n\t\tthis.inlineObjectElements = [\n\t\t\t'object', 'iframe', 'input', 'button', 'textarea', 'select', 'option', 'video', 'embed', 'audio', 'img', 'canvas'\n\t\t];\n\t\tthis.unsafeElements = [ 'script', 'style' ];\n\n\t\tthis._domDocument = this.renderingMode === 'editing' ? global.document : global.document.implementation.createHTMLDocument( '' );\n\t}\n\n\t/**\n\t * The DOM Document used by `ViewDomConverter` to create DOM nodes.\n\t */\n\tpublic get domDocument(): DomDocument {\n\t\treturn this._domDocument;\n\t}\n\n\t/**\n\t * Binds a given DOM element that represents fake selection to a **position** of a\n\t * {@link module:engine/view/documentselection~ViewDocumentSelection document selection}.\n\t * Document selection copy is stored and can be retrieved by the\n\t * {@link module:engine/view/domconverter~ViewDomConverter#fakeSelectionToView} method.\n\t */\n\tpublic bindFakeSelection( domElement: DomElement, viewDocumentSelection: ViewDocumentSelection ): void {\n\t\tthis._fakeSelectionMapping.set( domElement, new ViewSelection( viewDocumentSelection ) );\n\t}\n\n\t/**\n\t * Returns a {@link module:engine/view/selection~ViewSelection view selection} instance corresponding to a given\n\t * DOM element that represents fake selection. Returns `undefined` if binding to the given DOM element does not exist.\n\t */\n\tpublic fakeSelectionToView( domElement: DomElement ): ViewSelection | undefined {\n\t\treturn this._fakeSelectionMapping.get( domElement );\n\t}\n\n\t/**\n\t * Binds DOM and view elements, so it will be possible to get corresponding elements using\n\t * {@link module:engine/view/domconverter~ViewDomConverter#mapDomToView} and\n\t * {@link module:engine/view/domconverter~ViewDomConverter#mapViewToDom}.\n\t *\n\t * @param domElement The DOM element to bind.\n\t * @param viewElement The view element to bind.\n\t */\n\tpublic bindElements( domElement: DomElement, viewElement: ViewElement ): void {\n\t\tthis._domToViewMapping.set( domElement, viewElement );\n\t\tthis._viewToDomMapping.set( viewElement, domElement );\n\t}\n\n\t/**\n\t * Unbinds a given DOM element from the view element it was bound to. Unbinding is deep, meaning that all children of\n\t * the DOM element will be unbound too.\n\t *\n\t * @param domElement The DOM element to unbind.\n\t */\n\tpublic unbindDomElement( domElement: DomElement ): void {\n\t\tconst viewElement = this._domToViewMapping.get( domElement );\n\n\t\tif ( viewElement ) {\n\t\t\tthis._domToViewMapping.delete( domElement );\n\t\t\tthis._viewToDomMapping.delete( viewElement );\n\n\t\t\tfor ( const child of domElement.children ) {\n\t\t\t\tthis.unbindDomElement( child as DomElement );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Binds DOM and view document fragments, so it will be possible to get corresponding document fragments using\n\t * {@link module:engine/view/domconverter~ViewDomConverter#mapDomToView} and\n\t * {@link module:engine/view/domconverter~ViewDomConverter#mapViewToDom}.\n\t *\n\t * @param domFragment The DOM document fragment to bind.\n\t * @param viewFragment The view document fragment to bind.\n\t */\n\tpublic bindDocumentFragments( domFragment: DomDocumentFragment, viewFragment: ViewDocumentFragment ): void {\n\t\tthis._domToViewMapping.set( domFragment, viewFragment );\n\t\tthis._viewToDomMapping.set( viewFragment, domFragment );\n\t}\n\n\t/**\n\t * Decides whether a given pair of attribute key and value should be passed further down the pipeline.\n\t *\n\t * @param elementName Element name in lower case.\n\t */\n\tpublic shouldRenderAttribute( attributeKey: string, attributeValue: string, elementName: string ): boolean {\n\t\tif ( this.renderingMode === 'data' ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tattributeKey = attributeKey.toLowerCase();\n\n\t\tif ( attributeKey.startsWith( 'on' ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (\n\t\t\tattributeKey === 'srcdoc' &&\n\t\t\tattributeValue.match( /\\bon\\S+\\s*=|javascript:|<\\s*\\/*script/i )\n\t\t) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (\n\t\t\telementName === 'img' &&\n\t\t\t( attributeKey === 'src' || attributeKey === 'srcset' )\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif ( elementName === 'source' && attributeKey === 'srcset' ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif ( attributeValue.match( /^\\s*(javascript:|data:(image\\/svg|text\\/x?html))/i ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Set `domElement`'s content using provided `html` argument. Apply necessary filtering for the editing pipeline.\n\t *\n\t * @param domElement DOM element that should have `html` set as its content.\n\t * @param html Textual representation of the HTML that will be set on `domElement`.\n\t */\n\tpublic setContentOf( domElement: DomElement, html: string ): void {\n\t\t// For data pipeline we pass the HTML as-is.\n\t\tif ( this.renderingMode === 'data' ) {\n\t\t\tdomElement.innerHTML = html;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst document = new DOMParser().parseFromString( html, 'text/html' );\n\t\tconst fragment = document.createDocumentFragment();\n\t\tconst bodyChildNodes = document.body.childNodes;\n\n\t\twhile ( bodyChildNodes.length > 0 ) {\n\t\t\tfragment.appendChild( bodyChildNodes[ 0 ] );\n\t\t}\n\n\t\tconst treeWalker = document.createTreeWalker( fragment, NodeFilter.SHOW_ELEMENT );\n\t\tconst nodes: Array<DomElement> = [];\n\n\t\tlet currentNode;\n\n\t\t// eslint-disable-next-line no-cond-assign\n\t\twhile ( currentNode = treeWalker.nextNode() ) {\n\t\t\tnodes.push( currentNode as DomElement );\n\t\t}\n\n\t\tfor ( const currentNode of nodes ) {\n\t\t\t// Go through nodes to remove those that are prohibited in editing pipeline.\n\t\t\tfor ( const attributeName of currentNode.getAttributeNames() ) {\n\t\t\t\tthis.setDomElementAttribute( currentNode, attributeName, currentNode.getAttribute( attributeName )! );\n\t\t\t}\n\n\t\t\tconst elementName = currentNode.tagName.toLowerCase();\n\n\t\t\t// There are certain nodes, that should be renamed to <span> in editing pipeline.\n\t\t\tif ( this._shouldRenameElement( elementName ) ) {\n\t\t\t\t_logUnsafeElement( elementName );\n\n\t\t\t\tcurrentNode.replaceWith( this._createReplacementDomElement( elementName, currentNode ) );\n\t\t\t}\n\t\t}\n\n\t\t// Empty the target element.\n\t\twhile ( domElement.firstChild ) {\n\t\t\tdomElement.firstChild.remove();\n\t\t}\n\n\t\tdomElement.append( fragment );\n\t}\n\n\tpublic viewToDom(\n\t\tviewNode: ViewText,\n\t\toptions?: { bind?: boolean; withChildren?: boolean }\n\t): DomText;\n\n\tpublic viewToDom(\n\t\tviewNode: ViewElement,\n\t\toptions?: { bind?: boolean; withChildren?: boolean }\n\t): DomElement;\n\n\tpublic viewToDom(\n\t\tviewNode: ViewNode,\n\t\toptions?: { bind?: boolean; withChildren?: boolean }\n\t): DomNode;\n\n\tpublic viewToDom(\n\t\tviewNode: ViewDocumentFragment,\n\t\toptions?: { bind?: boolean; withChildren?: boolean }\n\t): DomDocumentFragment;\n\n\t/**\n\t * Converts the view to the DOM. For all text nodes, not bound elements and document fragments new items will\n\t * be created. For bound elements and document fragments the method will return corresponding items.\n\t *\n\t * @param viewNode View node or document fragment to transform.\n\t * @param options Conversion options.\n\t * @param options.bind Determines whether new elements will be bound.\n\t * @param options.withChildren If `false`, node's and document fragment's children will not be converted.\n\t * @returns Converted node or DocumentFragment.\n\t */\n\tpublic viewToDom(\n\t\tviewNode: ViewNode | ViewDocumentFragment,\n\t\toptions: { bind?: boolean; withChildren?: boolean } = {}\n\t): DomNode | DomDocumentFragment {\n\t\tif ( viewNode.is( '$text' ) ) {\n\t\t\tconst textData = this._processDataFromViewText( viewNode );\n\n\t\t\treturn this._domDocument.createTextNode( textData );\n\t\t} else {\n\t\t\tconst viewElementOrFragment = viewNode as ViewElement | ViewDocumentFragment;\n\n\t\t\tif ( this.mapViewToDom( viewElementOrFragment ) ) {\n\t\t\t\t// Do not reuse element that is marked to not reuse (for example an IMG element\n\t\t\t\t// so it can immediately display a placeholder background instead of waiting for the new src to load).\n\t\t\t\tif ( viewElementOrFragment.getCustomProperty( 'editingPipeline:doNotReuseOnce' ) ) {\n\t\t\t\t\tthis._elementsWithTemporaryCustomProperties.add( viewElementOrFragment );\n\t\t\t\t} else {\n\t\t\t\t\treturn this.mapViewToDom( viewElementOrFragment )!;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlet domElement: DomElement | DomDocumentFragment | DomComment;\n\n\t\t\tif ( viewElementOrFragment.is( 'documentFragment' ) ) {\n\t\t\t\t// Create DOM document fragment.\n\t\t\t\tdomElement = this._domDocument.createDocumentFragment();\n\n\t\t\t\tif ( options.bind ) {\n\t\t\t\t\tthis.bindDocumentFragments( domElement, viewElementOrFragment );\n\t\t\t\t}\n\t\t\t} else if ( viewElementOrFragment.is( 'uiElement' ) ) {\n\t\t\t\tif ( viewElementOrFragment.name === '$comment' ) {\n\t\t\t\t\tdomElement = this._domDocument.createComment( viewElementOrFragment.getCustomProperty( '$rawContent' ) as string );\n\t\t\t\t} else {\n\t\t\t\t\t// UIElement has its own render() method (see #799).\n\t\t\t\t\tdomElement = viewElementOrFragment.render( this._domDocument, this );\n\t\t\t\t}\n\n\t\t\t\tif ( options.bind ) {\n\t\t\t\t\tthis.bindElements( domElement as DomElement, viewElementOrFragment );\n\t\t\t\t}\n\n\t\t\t\treturn domElement;\n\t\t\t} else {\n\t\t\t\t// Create DOM element.\n\t\t\t\tif ( this._shouldRenameElement( viewElementOrFragment.name ) ) {\n\t\t\t\t\t_logUnsafeElement( viewElementOrFragment.name );\n\n\t\t\t\t\tdomElement = this._createReplacementDomElement( viewElementOrFragment.name );\n\t\t\t\t} else if ( viewElementOrFragment.hasAttribute( 'xmlns' ) ) {\n\t\t\t\t\tdomElement = this._domDocument.createElementNS(\n\t\t\t\t\t\tviewElementOrFragment.getAttribute( 'xmlns' )!,\n\t\t\t\t\t\tviewElementOrFragment.name\n\t\t\t\t\t) as HTMLElement;\n\t\t\t\t} else {\n\t\t\t\t\tdomElement = this._domDocument.createElement( viewElementOrFragment.name );\n\t\t\t\t}\n\n\t\t\t\t// RawElement take care of their children in RawElement#render() method which can be customized\n\t\t\t\t// (see https://github.com/ckeditor/ckeditor5/issues/4469).\n\t\t\t\tif ( viewElementOrFragment.is( 'rawElement' ) ) {\n\t\t\t\t\tviewElementOrFragment.render( domElement, this );\n\t\t\t\t}\n\n\t\t\t\tif ( options.bind ) {\n\t\t\t\t\tthis.bindElements( domElement, viewElementOrFragment );\n\t\t\t\t}\n\n\t\t\t\t// Copy element's attributes.\n\t\t\t\tfor ( const key of viewElementOrFragment.getAttributeKeys() ) {\n\t\t\t\t\tthis.setDomElementAttribute(\n\t\t\t\t\t\tdomElement,\n\t\t\t\t\t\tkey,\n\t\t\t\t\t\tviewElementOrFragment.getAttribute( key )!,\n\t\t\t\t\t\tviewElementOrFragment\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( options.withChildren !== false ) {\n\t\t\t\tfor ( const child of this.viewChildrenToDom( viewElementOrFragment, options ) ) {\n\t\t\t\t\tif ( domElement instanceof HTMLTemplateElement ) {\n\t\t\t\t\t\tdomElement.content.appendChild( child );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tdomElement.appendChild( child );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn domElement;\n\t\t}\n\t}\n\n\t/**\n\t * Sets the attribute on a DOM element.\n\t *\n\t * **Note**: To remove the attribute, use {@link #removeDomElementAttribute}.\n\t *\n\t * @param domElement The DOM element the attribute should be set on.\n\t * @param key The name of the attribute.\n\t * @param value The value of the attribute.\n\t * @param relatedViewElement The view element related to the `domElement` (if there is any).\n\t * It helps decide whether the attribute set is unsafe. For instance, view elements created via the\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter} methods can allow certain attributes\n\t * that would normally be filtered out.\n\t */\n\tpublic setDomElementAttribute( domElement: DomElement, key: string, value: string, relatedViewElement?: ViewElement ): void {\n\t\tconst shouldRenderAttribute = this.shouldRenderAttribute( key, value, domElement.tagName.toLowerCase() ) ||\n\t\t\trelatedViewElement && relatedViewElement.shouldRenderUnsafeAttribute( key );\n\n\t\tif ( !shouldRenderAttribute ) {\n\t\t\tlogWarning( 'domconverter-unsafe-attribute-detected', { domElement, key, value } );\n\t\t}\n\n\t\tif ( !isValidAttributeName( key ) ) {\n\t\t\t/**\n\t\t\t * Invalid attribute name was ignored during rendering.\n\t\t\t *\n\t\t\t * @error domconverter-invalid-attribute-detected\n\t\t\t */\n\t\t\tlogWarning( 'domconverter-invalid-attribute-detected', { domElement, key, value } );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// The old value was safe but the new value is unsafe.\n\t\tif ( domElement.hasAttribute( key ) && !shouldRenderAttribute ) {\n\t\t\tdomElement.removeAttribute( key );\n\t\t}\n\t\t// The old value was unsafe (but prefixed) but the new value will be safe (will be unprefixed).\n\t\telse if ( domElement.hasAttribute( UNSAFE_ATTRIBUTE_NAME_PREFIX + key ) && shouldRenderAttribute ) {\n\t\t\tdomElement.removeAttribute( UNSAFE_ATTRIBUTE_NAME_PREFIX + key );\n\t\t}\n\n\t\t// If the attribute should not be rendered, rename it (instead of removing) to give developers some idea of what\n\t\t// is going on (https://github.com/ckeditor/ckeditor5/issues/10801).\n\t\tdomElement.setAttribute( shouldRenderAttribute ? key : UNSAFE_ATTRIBUTE_NAME_PREFIX + key, value );\n\t}\n\n\t/**\n\t * Removes an attribute from a DOM element.\n\t *\n\t * **Note**: To set the attribute, use {@link #setDomElementAttribute}.\n\t *\n\t * @param domElement The DOM element the attribute should be removed from.\n\t * @param key The name of the attribute.\n\t */\n\tpublic removeDomElementAttribute( domElement: DomElement, key: string ): void {\n\t\t// See #_createReplacementDomElement() to learn what this is.\n\t\tif ( key == UNSAFE_ELEMENT_REPLACEMENT_ATTRIBUTE ) {\n\t\t\treturn;\n\t\t}\n\n\t\tdomElement.removeAttribute( key );\n\n\t\t// See setDomElementAttribute() to learn what this is.\n\t\tdomElement.removeAttribute( UNSAFE_ATTRIBUTE_NAME_PREFIX + key );\n\t}\n\n\t/**\n\t * Converts children of the view element to DOM using the\n\t * {@link module:engine/view/domconverter~ViewDomConverter#viewToDom} method.\n\t * Additionally, this method adds block {@link module:engine/view/filler filler} to the list of children, if needed.\n\t *\n\t * @param viewElement Parent view element.\n\t * @param options See {@link module:engine/view/domconverter~ViewDomConverter#viewToDom} options parameter.\n\t * @returns DOM nodes.\n\t */\n\tpublic* viewChildrenToDom(\n\t\tviewElement: ViewElement | ViewDocumentFragment,\n\t\toptions: { bind?: boolean; withChildren?: boolean } = {}\n\t): IterableIterator<Node> {\n\t\tconst fillerPositionOffset = viewElement.getFillerOffset && viewElement.getFillerOffset();\n\t\tlet offset = 0;\n\n\t\tfor ( const childView of viewElement.getChildren() ) {\n\t\t\tif ( fillerPositionOffset === offset ) {\n\t\t\t\tyield this._getBlockFiller();\n\t\t\t}\n\n\t\t\tconst transparentRendering = childView.is( 'element' ) &&\n\t\t\t\t!!childView.getCustomProperty( 'dataPipeline:transparentRendering' ) &&\n\t\t\t\t!first( childView.getAttributes() );\n\n\t\t\tif ( transparentRendering && this.renderingMode == 'data' ) {\n\t\t\t\t// `RawElement` doesn't have #children defined, so they need to be temporarily rendered\n\t\t\t\t// and extracted directly.\n\t\t\t\tif ( childView.is( 'rawElement' ) ) {\n\t\t\t\t\tconst tempElement = this._domDocument.createElement( childView.name );\n\n\t\t\t\t\tchildView.render( tempElement, this );\n\n\t\t\t\t\tyield* [ ...tempElement.childNodes ];\n\t\t\t\t} else {\n\t\t\t\t\tyield* this.viewChildrenToDom( childView, options );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif ( transparentRendering ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * The `dataPipeline:transparentRendering` flag is supported only in the data pipeline.\n\t\t\t\t\t *\n\t\t\t\t\t * @error domconverter-transparent-rendering-unsupported-in-editing-pipeline\n\t\t\t\t\t */\n\t\t\t\t\tlogWarning( 'domconverter-transparent-rendering-unsupported-in-editing-pipeline', { viewElement: childView } );\n\t\t\t\t}\n\n\t\t\t\tyield this.viewToDom( childView, options );\n\t\t\t}\n\n\t\t\toffset++;\n\t\t}\n\n\t\tif ( fillerPositionOffset === offset ) {\n\t\t\tyield this._getBlockFiller();\n\t\t}\n\t}\n\n\t/**\n\t * Converts view {@link module:engine/view/range~ViewRange} to DOM range.\n\t * Inline and block {@link module:engine/view/filler fillers} are handled during the conversion.\n\t *\n\t * @param viewRange View range.\n\t * @returns DOM range.\n\t */\n\tpublic viewRangeToDom( viewRange: ViewRange ): DomRange {\n\t\tconst domStart = this.viewPositionToDom( viewRange.start )!;\n\t\tconst domEnd = this.viewPositionToDom( viewRange.end )!;\n\n\t\tconst domRange = this._domDocument.createRange();\n\t\tdomRange.setStart( domStart.parent, domStart.offset );\n\t\tdomRange.setEnd( domEnd.parent, domEnd.offset );\n\n\t\treturn domRange;\n\t}\n\n\t/**\n\t * Converts view {@link module:engine/view/position~ViewPosition} to DOM parent and offset.\n\t *\n\t * Inline and block {@link module:engine/view/filler fillers} are handled during the conversion.\n\t * If the converted position is directly before inline filler it is moved inside the filler.\n\t *\n\t * @param viewPosition View position.\n\t * @returns DOM position or `null` if view position could not be converted to DOM.\n\t * DOM position has two properties:\n\t * * `parent` - DOM position parent.\n\t * * `offset` - DOM position offset.\n\t */\n\tpublic viewPositionToDom( viewPosition: ViewPosition ): { parent: DomNode; offset: number } | null {\n\t\tconst viewParent = viewPosition.parent;\n\n\t\tif ( viewParent.is( '$text' ) ) {\n\t\t\tconst domParent = this.findCorrespondingDomText( viewParent );\n\n\t\t\tif ( !domParent ) {\n\t\t\t\t// Position is in a view text node that has not been rendered to DOM yet.\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tlet offset = viewPosition.offset;\n\n\t\t\tif ( startsWithFiller( domParent ) ) {\n\t\t\t\toffset += INLINE_FILLER_LENGTH;\n\t\t\t}\n\n\t\t\t// In case someone uses outdated view position, but DOM text node was already changed while typing.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18648.\n\t\t\t// Note that when checking Renderer#_isSelectionInInlineFiller() this might be other element\n\t\t\t// than a text node as it is triggered before applying view changes to the DOM.\n\t\t\tif ( domParent.data && offset > domParent.data.length ) {\n\t\t\t\toffset = domParent.data.length;\n\t\t\t}\n\n\t\t\treturn { parent: domParent, offset };\n\t\t} else {\n\t\t\t// viewParent is instance of ViewElement.\n\t\t\tlet domParent, domBefore, domAfter;\n\n\t\t\tif ( viewPosition.offset === 0 ) {\n\t\t\t\tdomParent = this.mapViewToDom( viewParent as ViewElement );\n\n\t\t\t\tif ( !domParent ) {\n\t\t\t\t\t// Position is in a view element that has not been rendered to DOM yet.\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tdomAfter = domParent.childNodes[ 0 ];\n\t\t\t} else {\n\t\t\t\tconst nodeBefore = viewPosition.nodeBefore!;\n\n\t\t\t\tdomBefore = nodeBefore.is( '$text' ) ?\n\t\t\t\t\tthis.findCorrespondingDomText( nodeBefore ) :\n\t\t\t\t\tthis.mapViewToDom( nodeBefore as ViewElement );\n\n\t\t\t\tif ( !domBefore ) {\n\t\t\t\t\t// Position is after a view element that has not been rendered to DOM yet.\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tdomParent = domBefore.parentNode;\n\t\t\t\tdomAfter = domBefore.nextSibling;\n\t\t\t}\n\n\t\t\t// If there is an inline filler at position return position inside the filler. We should never return\n\t\t\t// the position before the inline filler.\n\t\t\tif ( isText( domAfter ) && startsWithFiller( domAfter ) ) {\n\t\t\t\treturn { parent: domAfter, offset: INLINE_FILLER_LENGTH };\n\t\t\t}\n\n\t\t\tconst offset = domBefore ? indexOf( domBefore ) + 1 : 0;\n\n\t\t\treturn { parent: domParent!, offset };\n\t\t}\n\t}\n\n\t/**\n\t * Converts DOM to view. For all text nodes, not bound elements and document fragments new items will\n\t * be created. For bound elements and document fragments function will return corresponding items. For\n\t * {@link module:engine/view/filler fillers} `null` will be returned.\n\t * For all DOM elements rendered by {@link module:engine/view/uielement~ViewUIElement} that UIElement will be returned.\n\t *\n\t * @param domNode DOM node or document fragment to transform.\n\t * @param options Conversion options.\n\t * @param options.bind Determines whether new elements will be bound. False by default.\n\t * @param options.withChildren If `true`, node's and document fragment's children will be converted too. True by default.\n\t * @param options.keepOriginalCase If `false`, node's tag name will be converted to lower case. False by default.\n\t * @param options.skipComments If `false`, comment nodes will be converted to `$comment`\n\t * {@link module:engine/view/uielement~ViewUIElement view UI elements}. False by default.\n\t * @returns Converted node or document fragment or `null` if DOM node is a {@link module:engine/view/filler filler}\n\t * or the given node is an empty text node.\n\t */\n\tpublic domToView(\n\t\tdomNode: DomNode,\n\t\toptions: {\n\t\t\tbind?: boolean;\n\t\t\twithChildren?: boolean;\n\t\t\tkeepOriginalCase?: boolean;\n\t\t\tskipComments?: boolean;\n\t\t} = {}\n\t): ViewNode | ViewDocumentFragment | null {\n\t\tconst inlineNodes: Array<ViewNode> = [];\n\t\tconst generator = this._domToView( domNode, options, inlineNodes );\n\n\t\t// Get the first yielded value or a returned value.\n\t\tconst node = generator.next().value;\n\n\t\tif ( !node ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Trigger children handling.\n\t\tgenerator.next();\n\n\t\t// Whitespace cleaning.\n\t\tthis._processDomInlineNodes( null, inlineNodes, options );\n\n\t\t// This was a single block filler so just remove it.\n\t\tif ( this.blockFillerMode == 'br' && isViewBrFiller( node ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Text not got trimmed to an empty string so there is no result node.\n\t\tif ( node.is( '$text' ) && node.data.length == 0 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn node;\n\t}\n\n\t/**\n\t * Converts children of the DOM element to view nodes using\n\t * the {@link module:engine/view/domconverter~ViewDomConverter#domToView} method.\n\t * Additionally this method omits block {@link module:engine/view/filler filler}, if it exists in the DOM parent.\n\t *\n\t * @param domElement Parent DOM element.\n\t * @param options See {@link module:engine/view/domconverter~ViewDomConverter#domToView} options parameter.\n\t * @param inlineNodes An array that will be populated with inline nodes. It's used internally for whitespace processing.\n\t * @returns View nodes.\n\t */\n\tpublic* domChildrenToView(\n\t\tdomElement: DomElement,\n\t\toptions: Parameters<ViewDomConverter[ 'domToView' ]>[ 1 ] = {},\n\t\tinlineNodes: Array<ViewNode> = []\n\t): IterableIterator<ViewNode> {\n\t\t// Get child nodes from content document fragment if element is template\n\t\tlet childNodes: Array<ChildNode> = [];\n\n\t\tif ( domElement instanceof HTMLTemplateElement ) {\n\t\t\tchildNodes = [ ...domElement.content.childNodes ];\n\t\t} else {\n\t\t\tchildNodes = [ ...domElement.childNodes ];\n\t\t}\n\n\t\tfor ( let i = 0; i < childNodes.length; i++ ) {\n\t\t\tconst domChild = childNodes[ i ];\n\t\t\tconst generator = this._domToView( domChild, options, inlineNodes );\n\n\t\t\t// Get the first yielded value or a returned value.\n\t\t\tconst viewChild = generator.next().value as ViewNode | null;\n\n\t\t\tif ( viewChild !== null ) {\n\t\t\t\t// Whitespace cleaning before entering a block element (between block elements).\n\t\t\t\tif ( this._isBlockViewElement( viewChild ) ) {\n\t\t\t\t\tthis._processDomInlineNodes( domElement, inlineNodes, options );\n\t\t\t\t}\n\n\t\t\t\t// Yield only if this is not a block filler.\n\t\t\t\tif ( !( this.blockFillerMode == 'br' && isViewBrFiller( viewChild ) ) ) {\n\t\t\t\t\tyield viewChild;\n\t\t\t\t}\n\n\t\t\t\t// Trigger children handling.\n\t\t\t\tgenerator.next();\n\t\t\t}\n\t\t}\n\n\t\t// Whitespace cleaning before leaving a block element (content of block element).\n\t\tthis._processDomInlineNodes( domElement, inlineNodes, options );\n\t}\n\n\t/**\n\t * Converts DOM selection to view {@link module:engine/view/selection~ViewSelection}.\n\t * Ranges which cannot be converted will be omitted.\n\t *\n\t * @param domSelection DOM selection.\n\t * @returns View selection.\n\t */\n\tpublic domSelectionToView( domSelection: DomSelection ): ViewSelection {\n\t\t// See: https://github.com/ckeditor/ckeditor5/issues/9635.\n\t\tif ( isGeckoRestrictedDomSelection( domSelection ) ) {\n\t\t\treturn new ViewSelection( [] );\n\t\t}\n\n\t\t// DOM selection might be placed in fake selection container.\n\t\t// If container contains fake selection - return corresponding view selection.\n\t\tif ( domSelection.rangeCount === 1 ) {\n\t\t\tlet container: Node | null = domSelection.getRangeAt( 0 ).startContainer;\n\n\t\t\t// The DOM selection might be moved to the text node inside the fake selection container.\n\t\t\tif ( isText( container ) ) {\n\t\t\t\tcontainer = container.parentNode;\n\t\t\t}\n\n\t\t\tconst viewSelection = this.fakeSelectionToView( container as DomElement );\n\n\t\t\tif ( viewSelection ) {\n\t\t\t\treturn viewSelection;\n\t\t\t}\n\t\t}\n\n\t\tconst isBackward = this.isDomSelectionBackward( domSelection );\n\n\t\tconst viewRanges: Array<ViewRange> = [];\n\n\t\tfor ( let i = 0; i < domSelection.rangeCount; i++ ) {\n\t\t\t// DOM Range have correct start and end, no matter what is the DOM Selection direction. So we don't have to fix anything.\n\t\t\tconst domRange = domSelection.getRangeAt( i );\n\t\t\tconst viewRange = this.domRangeToView( domRange );\n\n\t\t\tif ( viewRange ) {\n\t\t\t\tviewRanges.push( viewRange );\n\t\t\t}\n\t\t}\n\n\t\treturn new ViewSelection( viewRanges, { backward: isBackward } );\n\t}\n\n\t/**\n\t * Converts DOM Range to view {@link module:engine/view/range~ViewRange}.\n\t * If the start or end position cannot be converted `null` is returned.\n\t *\n\t * @param domRange DOM range.\n\t * @returns View range.\n\t */\n\tpublic domRangeToView( domRange: DomRange | StaticRange ): ViewRange | null {\n\t\tconst viewStart = this.domPositionToView( domRange.startContainer, domRange.startOffset );\n\t\tconst viewEnd = this.domPositionToView( domRange.endContainer, domRange.endOffset );\n\n\t\tif ( viewStart && viewEnd ) {\n\t\t\treturn new ViewRange( viewStart, viewEnd );\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Converts DOM parent and offset to view {@link module:engine/view/position~ViewPosition}.\n\t *\n\t * If the position is inside a {@link module:engine/view/filler filler} which has no corresponding view node,\n\t * position of the filler will be converted and returned.\n\t *\n\t * If the position is inside DOM element rendered by {@link module:engine/view/uielement~ViewUIElement}\n\t * that position will be converted to view position before that UIElement.\n\t *\n\t * If structures are too different and it is not possible to find corresponding position then `null` will be returned.\n\t *\n\t * @param domParent DOM position parent.\n\t * @param domOffset DOM position offset. You can skip it when converting the inline filler node.\n\t * @returns View position.\n\t */\n\tpublic domPositionToView( domParent: DomNode, domOffset: number = 0 ): ViewPosition | null {\n\t\tif ( this.isBlockFiller( domParent ) ) {\n\t\t\treturn this.domPositionToView( domParent.parentNode!, indexOf( domParent ) );\n\t\t}\n\n\t\t// If position is somewhere inside UIElement or a RawElement - return position before that element.\n\t\tconst viewElement = this.mapDomToView( domParent as DomElement );\n\n\t\tif ( viewElement && ( viewElement.is( 'uiElement' ) || viewElement.is( 'rawElement' ) ) ) {\n\t\t\treturn ViewPosition._createBefore( viewElement );\n\t\t}\n\n\t\tif ( isText( domParent ) ) {\n\t\t\tif ( isInlineFiller( domParent ) ) {\n\t\t\t\treturn this.domPositionToView( domParent.parentNode!, indexOf( domParent ) );\n\t\t\t}\n\n\t\t\tconst viewParent = this.findCorrespondingViewText( domParent );\n\t\t\tlet offset = domOffset;\n\n\t\t\tif ( !viewParent ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tif ( startsWithFiller( domParent ) ) {\n\t\t\t\toffset -= INLINE_FILLER_LENGTH;\n\t\t\t\toffset = offset < 0 ? 0 : offset;\n\t\t\t}\n\n\t\t\treturn new ViewPosition( viewParent, offset );\n\t\t}\n\t\t// domParent instanceof HTMLElement.\n\t\telse {\n\t\t\tif ( domOffset === 0 ) {\n\t\t\t\tconst viewParent = this.mapDomToView( domParent as DomElement );\n\n\t\t\t\tif ( viewParent ) {\n\t\t\t\t\treturn new ViewPosition( viewParent, 0 );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst domBefore = domParent.childNodes[ domOffset - 1 ];\n\n\t\t\t\t// Jump over an inline filler (and also on Firefox jump over a block filler while pressing backspace in an empty paragraph).\n\t\t\t\tif ( isText( domBefore ) && isInlineFiller( domBefore ) || domBefore && this.isBlockFiller( domBefore ) ) {\n\t\t\t\t\treturn this.domPositionToView( domBefore.parentNode!, indexOf( domBefore ) );\n\t\t\t\t}\n\n\t\t\t\tconst viewBefore = isText( domBefore ) ?\n\t\t\t\t\tthis.findCorrespondingViewText( domBefore ) :\n\t\t\t\t\tthis.mapDomToView( domBefore as DomElement );\n\n\t\t\t\t// TODO #663\n\t\t\t\tif ( viewBefore && viewBefore.parent ) {\n\t\t\t\t\treturn new ViewPosition( viewBefore.parent, viewBefore.index! + 1 );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn null;\n\t\t}\n\t}\n\n\t/**\n\t * Returns corresponding view {@link module:engine/view/element~ViewElement Element} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment} for provided DOM element or\n\t * document fragment. If there is no view item {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound}\n\t * to the given DOM - `undefined` is returned.\n\t *\n\t * For all DOM elements rendered by a {@link module:engine/view/uielement~ViewUIElement} or\n\t * a {@link module:engine/view/rawelement~ViewRawElement}, the parent `UIElement` or `RawElement` will be returned.\n\t *\n\t * @param domElementOrDocumentFragment DOM element or document fragment.\n\t * @returns Corresponding view element, document fragment or `undefined` if no element was bound.\n\t */\n\tpublic mapDomToView( domElementOrDocumentFragment: DomElement | DomDocumentFragment ): ViewElement | ViewDocumentFragment | undefined {\n\t\tconst hostElement = this.getHostViewElement( domElementOrDocumentFragment );\n\n\t\treturn hostElement || this._domToViewMapping.get( domElementOrDocumentFragment );\n\t}\n\n\t/**\n\t * Finds corresponding text node. Text nodes are not {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound},\n\t * corresponding text node is returned based on the sibling or parent.\n\t *\n\t * If the directly previous sibling is a {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound} element, it is used\n\t * to find the corresponding text node.\n\t *\n\t * If this is a first child in the parent and the parent is a\n\t * {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound}\n\t * element, it is used to find the corresponding text node.\n\t *\n\t * For all text nodes rendered by a {@link module:engine/view/uielement~ViewUIElement} or\n\t * a {@link module:engine/view/rawelement~ViewRawElement}, the parent `UIElement` or `RawElement` will be returned.\n\t *\n\t * Otherwise `null` is returned.\n\t *\n\t * Note that for the block or inline {@link module:engine/view/filler filler} this method returns `null`.\n\t *\n\t * @param domText DOM text node.\n\t * @returns Corresponding view text node or `null`, if it was not possible to find a corresponding node.\n\t */\n\tpublic findCorrespondingViewText( domText: DomText ): ViewText | ViewUIElement | ViewRawElement | null {\n\t\tif ( isInlineFiller( domText ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// If DOM text was rendered by a UIElement or a RawElement - return this parent element.\n\t\tconst hostElement = this.getHostViewElement( domText );\n\n\t\tif ( hostElement ) {\n\t\t\treturn hostElement;\n\t\t}\n\n\t\tconst previousSibling = domText.previousSibling;\n\n\t\t// Try to use previous sibling to find the corresponding text node.\n\t\tif ( previousSibling ) {\n\t\t\tif ( !( this.isElement( previousSibling ) ) ) {\n\t\t\t\t// The previous is text or comment.\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst viewElement = this.mapDomToView( previousSibling );\n\n\t\t\tif ( viewElement ) {\n\t\t\t\tconst nextSibling = ( viewElement as ViewElement ).nextSibling;\n\n\t\t\t\t// It might be filler which has no corresponding view node.\n\t\t\t\tif ( nextSibling instanceof ViewText ) {\n\t\t\t\t\treturn nextSibling;\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t// Try to use parent to find the corresponding text node.\n\t\telse {\n\t\t\tconst viewElement = this.mapDomToView( domText.parentNode as ( DomElement | DomDocumentFragment ) );\n\n\t\t\tif ( viewElement ) {\n\t\t\t\tconst firstChild = ( viewElement as ViewElement ).getChild( 0 );\n\n\t\t\t\t// It might be filler which has no corresponding view node.\n\t\t\t\tif ( firstChild instanceof ViewText ) {\n\t\t\t\t\treturn firstChild;\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns corresponding DOM item for provided {@link module:engine/view/element~ViewElement Element} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment}.\n\t * To find a corresponding text for {@link module:engine/view/text~ViewText view Text instance}\n\t * use {@link #findCorrespondingDomText}.\n\t *\n\t * @label ELEMENT\n\t * @param element View element or document fragment.\n\t * @returns Corresponding DOM node or document fragment.\n\t */\n\tpublic mapViewToDom( element: ViewElement ): DomElement | undefined;\n\n\t/**\n\t * Returns corresponding DOM item for provided {@link module:engine/view/element~ViewElement Element} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment}.\n\t * To find a corresponding text for {@link module:engine/view/text~ViewText view Text instance}\n\t * use {@link #findCorrespondingDomText}.\n\t *\n\t * @label DOCUMENT_FRAGMENT\n\t * @param documentFragment View element or document fragment.\n\t * @returns Corresponding DOM node or document fragment.\n\t */\n\tpublic mapViewToDom( documentFragment: ViewDocumentFragment ): DomDocumentFragment | undefined;\n\n\t/**\n\t * Returns corresponding DOM item for provided {@link module:engine/view/element~ViewElement Element} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment}.\n\t * To find a corresponding text for {@link module:engine/view/text~ViewText view Text instance}\n\t * use {@link #findCorrespondingDomText}.\n\t *\n\t * @label DOCUMENT_FRAGMENT_OR_ELEMENT\n\t * @param documentFragmentOrElement View element or document fragment.\n\t * @returns Corresponding DOM node or document fragment.\n\t */\n\tpublic mapViewToDom( documentFragmentOrElement: ViewElement | ViewDocumentFragment ): DomElement | DomDocumentFragment | undefined;\n\n\tpublic mapViewToDom( documentFragmentOrElement: ViewElement | ViewDocumentFragment ): DomElement | DomDocumentFragment | undefined {\n\t\treturn this._viewToDomMapping.get( documentFragmentOrElement );\n\t}\n\n\t/**\n\t * Finds corresponding text node. Text nodes are not {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound},\n\t * corresponding text node is returned based on the sibling or parent.\n\t *\n\t * If the directly previous sibling is a {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound} element, it is used\n\t * to find the corresponding text node.\n\t *\n\t * If this is a first child in the parent and the parent is a\n\t * {@link module:engine/view/domconverter~ViewDomConverter#bindElements bound}\n\t * element, it is used to find the corresponding text node.\n\t *\n\t * Otherwise `null` is returned.\n\t *\n\t * @param viewText View text node.\n\t * @returns Corresponding DOM text node or `null`, if it was not possible to find a corresponding node.\n\t */\n\tpublic findCorrespondingDomText( viewText: ViewText ): DomText | null {\n\t\tconst previousSibling = viewText.previousSibling;\n\n\t\t// Try to use previous sibling to find the corresponding text node.\n\t\tif ( previousSibling && this.mapViewToDom( previousSibling as ViewElement ) ) {\n\t\t\treturn this.mapViewToDom( previousSibling as ViewElement )!.nextSibling as DomText;\n\t\t}\n\n\t\t// If this is a first node, try to use parent to find the corresponding text node.\n\t\tif ( !previousSibling && viewText.parent && this.mapViewToDom( viewText.parent ) ) {\n\t\t\treturn this.mapViewToDom( viewText.parent )!.childNodes[ 0 ] as DomText;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Focuses DOM editable that is corresponding to provided {@link module:engine/view/editableelement~ViewEditableElement}.\n\t */\n\tpublic focus( viewEditable: ViewEditableElement ): void {\n\t\tconst domEditable = this.mapViewToDom( viewEditable );\n\n\t\tif ( !domEditable || domEditable.ownerDocument.activeElement === domEditable ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'ViewDomConverter',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cDOM editable is already active or does not exist',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\treturn;\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'ViewDomConverter',\n\t\t// @if CK_DEBUG_TYPING // \t\t'Focus DOM editable:',\n\t\t// @if CK_DEBUG_TYPING // \t\t{ domEditable }\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t// Save the scrollX and scrollY positions before the focus.\n\t\tconst { scrollX, scrollY } = global.window;\n\t\tconst scrollPositions: Array<[ number, number ]> = [];\n\n\t\t// Save all scrollLeft and scrollTop values starting from domEditable up to\n\t\t// document#documentElement.\n\t\tforEachDomElementAncestor( domEditable, node => {\n\t\t\tconst { scrollLeft, scrollTop } = ( node as DomElement );\n\n\t\t\tscrollPositions.push( [ scrollLeft, scrollTop ] );\n\t\t} );\n\n\t\tdomEditable.focus( { preventScroll: true } );\n\n\t\t// Restore scrollLeft and scrollTop values starting from domEditable up to\n\t\t// document#documentElement.\n\t\t// https://github.com/ckeditor/ckeditor5-engine/issues/951\n\t\t// https://github.com/ckeditor/ckeditor5-engine/issues/957\n\t\tforEachDomElementAncestor( domEditable, node => {\n\t\t\tconst [ scrollLeft, scrollTop ] = scrollPositions.shift() as [ number, number ];\n\n\t\t\tnode.scrollLeft = scrollLeft;\n\t\t\tnode.scrollTop = scrollTop;\n\t\t} );\n\n\t\t// Restore the scrollX and scrollY positions after the focus.\n\t\t// https://github.com/ckeditor/ckeditor5-engine/issues/951\n\t\tglobal.window.scrollTo( scrollX, scrollY );\n\t}\n\n\t/**\n\t * Remove DOM selection from blurred editable, so it won't interfere with clicking on dropdowns (especially on iOS).\n\t *\n\t * @internal\n\t */\n\tpublic _clearDomSelection(): void {\n\t\tconst domEditable = this.mapViewToDom( this.document.selection.editableElement! );\n\n\t\tif ( !domEditable ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if DOM selection is inside editor editable element.\n\t\tconst domSelection = domEditable.ownerDocument.defaultView!.getSelection()!;\n\t\tconst newViewSelection = this.domSelectionToView( domSelection );\n\t\tconst selectionInEditable = newViewSelection && newViewSelection.rangeCount > 0;\n\n\t\tif ( selectionInEditable ) {\n\t\t\tdomSelection.removeAllRanges();\n\t\t}\n\t}\n\n\t/**\n\t * Returns `true` when `node.nodeType` equals `Node.ELEMENT_NODE`.\n\t *\n\t * @param node Node to check.\n\t */\n\tpublic isElement( node: DomNode ): node is DomElement {\n\t\treturn node && node.nodeType == Node.ELEMENT_NODE;\n\t}\n\n\t/**\n\t * Returns `true` when `node.nodeType` equals `Node.DOCUMENT_FRAGMENT_NODE`.\n\t *\n\t * @param node Node to check.\n\t */\n\tpublic isDocumentFragment( node: DomNode ): node is DomDocumentFragment {\n\t\treturn node && node.nodeType == Node.DOCUMENT_FRAGMENT_NODE;\n\t}\n\n\t/**\n\t * Checks if the node is an instance of the block filler for this DOM converter.\n\t *\n\t * ```ts\n\t * const converter = new ViewDomConverter( viewDocument, { blockFillerMode: 'br' } );\n\t *\n\t * converter.isBlockFiller( BR_FILLER( document ) ); // true\n\t * converter.isBlockFiller( NBSP_FILLER( document ) ); // false\n\t * ```\n\t *\n\t * **Note:**: For the `'nbsp'` mode the method also checks context of a node so it cannot be a detached node.\n\t *\n\t * **Note:** A special case in the `'nbsp'` mode exists where the `<br>` in `<p><br></p>` is treated as a block filler.\n\t *\n\t * @param domNode DOM node to check.\n\t * @returns True if a node is considered a block filler for given mode.\n\t */\n\tpublic isBlockFiller( domNode: DomNode ): boolean {\n\t\tif ( this.blockFillerMode == 'br' ) {\n\t\t\treturn domNode.isEqualNode( BR_FILLER_REF );\n\t\t}\n\n\t\t// Special case for <p><br></p> in which <br> should be treated as filler even when we are not in the 'br' mode.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/5564.\n\t\tif ( isOnlyBrInBlock( domNode as DomElement, this.blockElements ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\t// If not in 'br' mode, try recognizing both marked and regular nbsp block fillers.\n\t\treturn domNode.isEqualNode( MARKED_NBSP_FILLER_REF ) || isNbspBlockFiller( domNode, this.blockElements );\n\t}\n\n\t/**\n\t * Returns `true` if given selection is a backward selection, that is, if it's `focus` is before `anchor`.\n\t *\n\t * @param selection Selection instance to check.\n\t */\n\tpublic isDomSelectionBackward( selection: DomSelection ): boolean {\n\t\tif ( selection.isCollapsed ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Since it takes multiple lines of code to check whether a \"DOM Position\" is before/after another \"DOM Position\",\n\t\t// we will use the fact that range will collapse if it's end is before it's start.\n\t\tconst range = this._domDocument.createRange();\n\n\t\ttry {\n\t\t\trange.setStart( selection.anchorNode!, selection.anchorOffset );\n\t\t\trange.setEnd( selection.focusNode!, selection.focusOffset );\n\t\t} catch {\n\t\t\t// Safari sometimes gives us a selection that makes Range.set{Start,End} throw.\n\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/12375.\n\t\t\treturn false;\n\t\t}\n\n\t\tconst backward = range.collapsed;\n\n\t\trange.detach();\n\n\t\treturn backward;\n\t}\n\n\t/**\n\t * Returns a parent {@link module:engine/view/uielement~ViewUIElement} or {@link module:engine/view/rawelement~ViewRawElement}\n\t * that hosts the provided DOM node. Returns `null` if there is no such parent.\n\t */\n\tpublic getHostViewElement( domNode: DomNode ): ViewUIElement | ViewRawElement | null {\n\t\tconst ancestors = getAncestors( domNode );\n\n\t\t// Remove domNode from the list.\n\t\tancestors.pop();\n\n\t\twhile ( ancestors.length ) {\n\t\t\tconst domNode = ancestors.pop();\n\t\t\tconst viewNode = this._domToViewMapping.get( domNode as DomElement );\n\n\t\t\tif ( viewNode && ( viewNode.is( 'uiElement' ) || viewNode.is( 'rawElement' ) ) ) {\n\t\t\t\treturn viewNode;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Checks if the given selection's boundaries are at correct places.\n\t *\n\t * The following places are considered as incorrect for selection boundaries:\n\t *\n\t * * before or in the middle of an inline filler sequence,\n\t * * inside a DOM element which represents {@link module:engine/view/uielement~ViewUIElement a view UI element},\n\t * * inside a DOM element which represents {@link module:engine/view/rawelement~ViewRawElement a view raw element}.\n\t *\n\t * @param domSelection The DOM selection object to be checked.\n\t * @returns `true` if the given selection is at a correct place, `false` otherwise.\n\t */\n\tpublic isDomSelectionCorrect( domSelection: DomSelection ): boolean {\n\t\treturn this._isDomSelectionPositionCorrect( domSelection.anchorNode!, domSelection.anchorOffset ) &&\n\t\t\tthis._isDomSelectionPositionCorrect( domSelection.focusNode!, domSelection.focusOffset );\n\t}\n\n\t/**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from DOM nodes to view elements.\n\t *\n\t * This is affecting how {@link module:engine/view/domconverter~ViewDomConverter#domToView} and\n\t * {@link module:engine/view/domconverter~ViewDomConverter#domChildrenToView} process DOM nodes.\n\t *\n\t * The raw data can be later accessed by a\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty custom property of a view element} called `\"$rawContent\"`.\n\t *\n\t * @param pattern Pattern matching a view element whose content should\n\t * be treated as raw data.\n\t */\n\tpublic registerRawContentMatcher( pattern: MatcherPattern ): void {\n\t\tthis._rawContentElementMatcher.add( pattern );\n\t}\n\n\t/**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for inline object view elements.\n\t *\n\t * This is affecting how {@link module:engine/view/domconverter~ViewDomConverter#domToView} and\n\t * {@link module:engine/view/domconverter~ViewDomConverter#domChildrenToView} process DOM nodes.\n\t *\n\t * This is an extension of a simple {@link #inlineObjectElements} array of element names.\n\t *\n\t * @param pattern Pattern matching a view element which should be treated as an inline object.\n\t */\n\tpublic registerInlineObjectMatcher( pattern: MatcherPattern ): void {\n\t\tthis._inlineObjectElementMatcher.add( pattern );\n\t}\n\n\t/**\n\t * Clear temporary custom properties.\n\t *\n\t * @internal\n\t */\n\tpublic _clearTemporaryCustomProperties(): void {\n\t\tfor ( const element of this._elementsWithTemporaryCustomProperties ) {\n\t\t\telement._removeCustomProperty( 'editingPipeline:doNotReuseOnce' );\n\t\t}\n\n\t\tthis._elementsWithTemporaryCustomProperties.clear();\n\t}\n\n\t/**\n\t * Returns the block {@link module:engine/view/filler filler} node based on the current {@link #blockFillerMode} setting.\n\t */\n\tprivate _getBlockFiller(): DomNode {\n\t\tswitch ( this.blockFillerMode ) {\n\t\t\tcase 'nbsp':\n\t\t\t\treturn NBSP_FILLER( this._domDocument ); // eslint-disable-line new-cap\n\t\t\tcase 'markedNbsp':\n\t\t\t\treturn MARKED_NBSP_FILLER( this._domDocument ); // eslint-disable-line new-cap\n\t\t\tcase 'br':\n\t\t\t\treturn BR_FILLER( this._domDocument ); // eslint-disable-line new-cap\n\t\t}\n\t}\n\n\t/**\n\t * Checks if the given DOM position is a correct place for selection boundary. See {@link #isDomSelectionCorrect}.\n\t *\n\t * @param domParent Position parent.\n\t * @param offset Position offset.\n\t * @returns `true` if given position is at a correct place for selection boundary, `false` otherwise.\n\t */\n\tprivate _isDomSelectionPositionCorrect( domParent: DomNode, offset: number ): boolean {\n\t\t// If selection is before or in the middle of inline filler string, it is incorrect.\n\t\tif ( isText( domParent ) && startsWithFiller( domParent ) && offset < INLINE_FILLER_LENGTH ) {\n\t\t\t// Selection in a text node, at wrong position (before or in the middle of filler).\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( this.isElement( domParent ) && startsWithFiller( domParent.childNodes[ offset ] ) ) {\n\t\t\t// Selection in an element node, before filler text node.\n\t\t\treturn false;\n\t\t}\n\n\t\tconst viewParent = this.mapDomToView( domParent as DomElement );\n\n\t\t// The position is incorrect when anchored inside a UIElement or a RawElement.\n\t\t// Note: In case of UIElement and RawElement, mapDomToView() returns a parent element for any DOM child\n\t\t// so there's no need to perform any additional checks.\n\t\tif ( viewParent && ( viewParent.is( 'uiElement' ) || viewParent.is( 'rawElement' ) ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Internal generator for {@link #domToView}. Also used by {@link #domChildrenToView}.\n\t * Separates DOM nodes conversion from whitespaces processing.\n\t *\n\t * @param domNode DOM node or document fragment to transform.\n\t * @param inlineNodes An array of recently encountered inline nodes truncated to the block element boundaries.\n\t * Used later to process whitespaces.\n\t */\n\tprivate* _domToView(\n\t\tdomNode: DomNode,\n\t\toptions: {\n\t\t\tbind?: boolean;\n\t\t\twithChildren?: boolean;\n\t\t\tkeepOriginalCase?: boolean;\n\t\t\tskipComments?: boolean;\n\t\t},\n\t\tinlineNodes: Array<ViewNode>\n\t): IterableIterator<ViewNode | ViewDocumentFragment | null> {\n\t\t// Special case for <p><br></p> in which <br> should be treated as filler even when we are not in the 'br' mode.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/5564.\n\t\tif ( this.blockFillerMode != 'br' && isOnlyBrInBlock( domNode as DomElement, this.blockElements ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// When node is inside a UIElement or a RawElement return that parent as it's view representation.\n\t\tconst hostElement = this.getHostViewElement( domNode );\n\n\t\tif ( hostElement ) {\n\t\t\treturn hostElement;\n\t\t}\n\n\t\tif ( isComment( domNode ) && options.skipComments ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( isText( domNode ) ) {\n\t\t\tif ( isInlineFiller( domNode ) ) {\n\t\t\t\treturn null;\n\t\t\t} else {\n\t\t\t\tconst textData = domNode.data;\n\n\t\t\t\tif ( textData === '' ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst textNode = new ViewText( this.document, textData );\n\n\t\t\t\tinlineNodes.push( textNode );\n\n\t\t\t\treturn textNode;\n\t\t\t}\n\t\t} else {\n\t\t\tlet viewElement = this.mapDomToView( domNode as ( DomElement | DomDocumentFragment ) );\n\n\t\t\tif ( viewElement ) {\n\t\t\t\tif ( this._isInlineObjectElement( viewElement ) ) {\n\t\t\t\t\tinlineNodes.push( viewElement );\n\t\t\t\t}\n\n\t\t\t\treturn viewElement;\n\t\t\t}\n\n\t\t\tif ( this.isDocumentFragment( domNode ) ) {\n\t\t\t\t// Create view document fragment.\n\t\t\t\tviewElement = new ViewDocumentFragment( this.document );\n\n\t\t\t\tif ( options.bind ) {\n\t\t\t\t\tthis.bindDocumentFragments( domNode, viewElement );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Create view element.\n\t\t\t\tviewElement = this._createViewElement( domNode, options );\n\n\t\t\t\tif ( options.bind ) {\n\t\t\t\t\tthis.bindElements( domNode as DomElement, viewElement );\n\t\t\t\t}\n\n\t\t\t\t// Copy element's attributes.\n\t\t\t\tconst attrs = ( domNode as DomElement ).attributes;\n\n\t\t\t\tif ( attrs ) {\n\t\t\t\t\tfor ( let l = attrs.length, i = 0; i < l; i++ ) {\n\t\t\t\t\t\tviewElement._setAttribute( attrs[ i ].name, attrs[ i ].value );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Treat this element's content as a raw data if it was registered as such.\n\t\t\t\tif ( this._isViewElementWithRawContent( viewElement, options ) ) {\n\t\t\t\t\tviewElement._setCustomProperty( '$rawContent', ( domNode as DomElement ).innerHTML );\n\n\t\t\t\t\tif ( !this._isBlockViewElement( viewElement ) ) {\n\t\t\t\t\t\tinlineNodes.push( viewElement );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn viewElement;\n\t\t\t\t}\n\n\t\t\t\t// Comment node is also treated as an element with raw data.\n\t\t\t\tif ( isComment( domNode ) ) {\n\t\t\t\t\tviewElement._setCustomProperty( '$rawContent', domNode.data );\n\n\t\t\t\t\treturn viewElement;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Yield the element first so the flow of nested inline nodes is not reversed inside elements.\n\t\t\tyield viewElement;\n\n\t\t\tconst nestedInlineNodes: Array<ViewNode> = [];\n\n\t\t\tif ( options.withChildren !== false ) {\n\t\t\t\tfor ( const child of this.domChildrenToView( domNode as DomElement, options, nestedInlineNodes ) ) {\n\t\t\t\t\tviewElement._appendChild( child );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Check if this is an inline object after processing child nodes so matcher\n\t\t\t// for inline objects can verify if the element is empty.\n\t\t\tif ( this._isInlineObjectElement( viewElement ) ) {\n\t\t\t\tinlineNodes.push( viewElement );\n\n\t\t\t\t// Inline object content should be handled as a flow-root.\n\t\t\t\tthis._processDomInlineNodes( null, nestedInlineNodes, options );\n\t\t\t} else {\n\t\t\t\t// It's an inline element that is not an object (like <b>, <i>) or a block element.\n\t\t\t\tfor ( const inlineNode of nestedInlineNodes ) {\n\t\t\t\t\tinlineNodes.push( inlineNode );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Internal helper that walks the list of inline view nodes already generated from DOM nodes\n\t * and handles whitespaces and NBSPs.\n\t *\n\t * @param domParent The DOM parent of the given inline nodes. This should be a document fragment or\n\t * a block element to whitespace processing start cleaning.\n\t * @param inlineNodes An array of recently encountered inline nodes truncated to the block element boundaries.\n\t */\n\tprivate _processDomInlineNodes(\n\t\tdomParent: DomElement | null,\n\t\tinlineNodes: Array<ViewNode>,\n\t\toptions: { withChildren?: boolean }\n\t): void {\n\t\tif ( !inlineNodes.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Process text nodes only after reaching a block or document fragment,\n\t\t// do not alter whitespaces while processing an inline element like <b> or <i>.\n\t\tif ( domParent && !this.isDocumentFragment( domParent ) && !this._isBlockDomElement( domParent ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet prevNodeEndsWithSpace = false;\n\n\t\tfor ( let i = 0; i < inlineNodes.length; i++ ) {\n\t\t\tconst node = inlineNodes[ i ];\n\n\t\t\tif ( !node.is( '$text' ) ) {\n\t\t\t\tprevNodeEndsWithSpace = false;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tlet data: string;\n\t\t\tlet nodeEndsWithSpace: boolean = false;\n\n\t\t\tif ( this._isPreFormatted( node ) ) {\n\t\t\t\tdata = getDataWithoutFiller( node.data );\n\t\t\t} else {\n\t\t\t\t// Change all consecutive whitespace characters (from the [ \\n\\t\\r] set –\n\t\t\t\t// see https://github.com/ckeditor/ckeditor5-engine/issues/822#issuecomment-311670249) to a single space character.\n\t\t\t\t// That's how multiple whitespaces are treated when rendered, so we normalize those whitespaces.\n\t\t\t\t// We're replacing 1+ (and not 2+) to also normalize singular \\n\\t\\r characters (#822).\n\t\t\t\tdata = node.data.replace( /[ \\n\\t\\r]{1,}/g, ' ' );\n\t\t\t\tnodeEndsWithSpace = /[^\\S\\u00A0]/.test( data.charAt( data.length - 1 ) );\n\n\t\t\t\tconst prevNode = i > 0 ? inlineNodes[ i - 1 ] : null;\n\t\t\t\tconst nextNode = i + 1 < inlineNodes.length ? inlineNodes[ i + 1 ] : null;\n\n\t\t\t\tconst shouldLeftTrim = !prevNode || prevNode.is( 'element' ) && prevNode.name == 'br' || prevNodeEndsWithSpace;\n\t\t\t\tconst shouldRightTrim = nextNode ? false : !startsWithFiller( node.data );\n\n\t\t\t\t// Do not try to clear whitespaces if this is flat mapping for the purpose of mutation observer and differ in rendering.\n\t\t\t\tif ( options.withChildren !== false ) {\n\t\t\t\t\t// If the previous dom text node does not exist or it ends by whitespace character, remove space character from the\n\t\t\t\t\t// beginning of this text node. Such space character is treated as a whitespace.\n\t\t\t\t\tif ( shouldLeftTrim ) {\n\t\t\t\t\t\tdata = data.replace( /^ /, '' );\n\t\t\t\t\t}\n\n\t\t\t\t\t// If the next text node does not exist remove space character from the end of this text node.\n\t\t\t\t\tif ( shouldRightTrim ) {\n\t\t\t\t\t\tdata = data.replace( / $/, '' );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// At the beginning and end of a block element, Firefox inserts normal space + <br> instead of non-breaking space.\n\t\t\t\t// This means that the text node starts/end with normal space instead of non-breaking space.\n\t\t\t\t// This causes a problem because the normal space would be removed in `.replace` calls above. To prevent that,\n\t\t\t\t// the inline filler is removed only after the data is initially processed (by the `.replace` above). See ckeditor5#692.\n\t\t\t\tdata = getDataWithoutFiller( data );\n\n\t\t\t\t// Block filler handling.\n\t\t\t\tif ( this.blockFillerMode != 'br' && node.parent ) {\n\t\t\t\t\tif ( isViewMarkedNbspFiller( node.parent, data ) ) {\n\t\t\t\t\t\tdata = '';\n\n\t\t\t\t\t\t// Mark block element as it has a block filler and remove the `<span data-cke-filler=\"true\">` element.\n\t\t\t\t\t\tif ( node.parent.parent ) {\n\t\t\t\t\t\t\tnode.parent.parent._setCustomProperty( '$hasBlockFiller', true );\n\t\t\t\t\t\t\tnode.parent._remove();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse if ( isViewNbspFiller( node.parent, data, this.blockElements ) ) {\n\t\t\t\t\t\tdata = '';\n\t\t\t\t\t\tnode.parent._setCustomProperty( '$hasBlockFiller', true );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// At this point we should have removed all whitespaces from DOM text data.\n\t\t\t\t//\n\t\t\t\t// Now, We will reverse the process that happens in `_processDataFromViewText`.\n\t\t\t\t//\n\t\t\t\t// We have to change &nbsp; chars, that were in DOM text data because of rendering reasons, to spaces.\n\t\t\t\t// First, change all ` \\u00A0` pairs (space + &nbsp;) to two spaces. DOM converter changes two spaces from model/view to\n\t\t\t\t// ` \\u00A0` to ensure proper rendering. Since here we convert back, we recognize those pairs and change them back to `  `.\n\t\t\t\tdata = data.replace( / \\u00A0/g, '  ' );\n\n\t\t\t\tconst isNextNodeInlineObjectElement = nextNode && nextNode.is( 'element' ) && nextNode.name != 'br';\n\t\t\t\tconst isNextNodeStartingWithSpace = nextNode && nextNode.is( '$text' ) && nextNode.data.charAt( 0 ) == ' ';\n\n\t\t\t\t// Then, let's change the last nbsp to a space.\n\t\t\t\tif ( /[ \\u00A0]\\u00A0$/.test( data ) || !nextNode || isNextNodeInlineObjectElement || isNextNodeStartingWithSpace ) {\n\t\t\t\t\tdata = data.replace( /\\u00A0$/, ' ' );\n\t\t\t\t}\n\n\t\t\t\t// Then, change &nbsp; character that is at the beginning of the text node to space character.\n\t\t\t\t// We do that replacement only if this is the first node or the previous node ends on whitespace character.\n\t\t\t\tif ( shouldLeftTrim || prevNode && prevNode.is( 'element' ) && prevNode.name != 'br' ) {\n\t\t\t\t\tdata = data.replace( /^\\u00A0/, ' ' );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// At this point, all whitespaces should be removed and all &nbsp; created for rendering reasons should be\n\t\t\t// changed to normal space. All left &nbsp; are &nbsp; inserted intentionally.\n\n\t\t\tif ( data.length == 0 && node.parent ) {\n\t\t\t\tnode._remove();\n\t\t\t\tinlineNodes.splice( i, 1 );\n\t\t\t\ti--;\n\t\t\t} else {\n\t\t\t\tnode._data = data;\n\t\t\t\tprevNodeEndsWithSpace = nodeEndsWithSpace;\n\t\t\t}\n\t\t}\n\n\t\tinlineNodes.length = 0;\n\t}\n\n\t/**\n\t * Takes text data from a given {@link module:engine/view/text~ViewText#data} and processes it so\n\t * it is correctly displayed in the DOM.\n\t *\n\t * Following changes are done:\n\t *\n\t * * a space at the beginning is changed to `&nbsp;` if this is the first text node in its container\n\t * element or if a previous text node ends with a space character,\n\t * * space at the end of the text node is changed to `&nbsp;` if there are two spaces at the end of a node or if next node\n\t * starts with a space or if it is the last text node in its container,\n\t * * remaining spaces are replaced to a chain of spaces and `&nbsp;` (e.g. `'x   x'` becomes `'x &nbsp; x'`).\n\t *\n\t * Content of {@link #preElements} is not processed.\n\t *\n\t * @param node View text node to process.\n\t * @returns Processed text data.\n\t */\n\tprivate _processDataFromViewText( node: ViewText | ViewTextProxy ): string {\n\t\tlet data = node.data;\n\n\t\t// If the currently processed view text node is preformatted, we should not change whitespaces.\n\t\tif ( this._isPreFormatted( node ) ) {\n\t\t\treturn data;\n\t\t}\n\n\t\t// 1. Replace the first space with a nbsp if the previous node ends with a space or there is no previous node\n\t\t// (container element boundary).\n\t\tif ( data.charAt( 0 ) == ' ' ) {\n\t\t\tconst prevNode = this._getTouchingInlineViewNode( node as ViewText, false );\n\t\t\tconst prevEndsWithSpace = prevNode && prevNode.is( '$textProxy' ) && this._nodeEndsWithSpace( prevNode as ViewTextProxy );\n\n\t\t\tif ( prevEndsWithSpace || !prevNode ) {\n\t\t\t\tdata = '\\u00A0' + data.substr( 1 );\n\t\t\t}\n\t\t}\n\n\t\t// 2. Replace the last space with nbsp if there are two spaces at the end or if the next node starts with space or there is no\n\t\t// next node (container element boundary).\n\t\t//\n\t\t// Keep in mind that Firefox prefers $nbsp; before tag, not inside it:\n\t\t//\n\t\t// Foo <span>&nbsp;bar</span>  <-- bad.\n\t\t// Foo&nbsp;<span> bar</span>  <-- good.\n\t\t//\n\t\t// More here: https://github.com/ckeditor/ckeditor5-engine/issues/1747.\n\t\tif ( data.charAt( data.length - 1 ) == ' ' ) {\n\t\t\tconst nextNode = this._getTouchingInlineViewNode( node as ViewText, true );\n\t\t\tconst nextStartsWithSpace = nextNode && nextNode.is( '$textProxy' ) && nextNode.data.charAt( 0 ) == ' ';\n\n\t\t\tif ( data.charAt( data.length - 2 ) == ' ' || !nextNode || nextStartsWithSpace ) {\n\t\t\t\tdata = data.substr( 0, data.length - 1 ) + '\\u00A0';\n\t\t\t}\n\t\t}\n\n\t\t// 3. Create space+nbsp pairs.\n\t\treturn data.replace( / {2}/g, ' \\u00A0' );\n\t}\n\n\t/**\n\t * Checks whether given node ends with a space character after changing appropriate space characters to `&nbsp;`s.\n\t *\n\t * @param  node Node to check.\n\t * @returns `true` if given `node` ends with space, `false` otherwise.\n\t */\n\tprivate _nodeEndsWithSpace( node: ViewTextProxy ): boolean {\n\t\tif ( this._isPreFormatted( node ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst data = this._processDataFromViewText( node );\n\n\t\treturn data.charAt( data.length - 1 ) == ' ';\n\t}\n\n\t/**\n\t * Checks whether given text contains preformatted white space. This is the case if\n\t * * any of node ancestors has a name which is in `preElements` array, or\n\t * * the closest ancestor that has the `white-space` CSS property sets it to a value that preserves spaces\n\t *\n\t * @param node Node to check\n\t * @returns `true` if given node contains preformatted white space, `false` otherwise.\n\t */\n\tprivate _isPreFormatted( node: ViewText | ViewTextProxy ): boolean {\n\t\tif ( _hasViewParentOfType( node, this.preElements ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tfor ( const ancestor of node.getAncestors( { parentFirst: true } ) ) {\n\t\t\tif ( !ancestor.is( 'element' ) || !ancestor.hasStyle( 'white-space' ) || ancestor.getStyle( 'white-space' ) === 'inherit' ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// If the node contains the `white-space` property with a value that does not preserve spaces, it will take\n\t\t\t// precedence over any white-space settings its ancestors contain, so no further parent checking needs to\n\t\t\t// be done.\n\t\t\treturn [ 'pre', 'pre-wrap', 'break-spaces' ].includes( ancestor.getStyle( 'white-space' )! );\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Helper function. For given {@link module:engine/view/text~ViewText view text node}, it finds previous or next sibling\n\t * that is contained in the same container element. If there is no such sibling, `null` is returned.\n\t *\n\t * @param node Reference node.\n\t * @returns Touching text node, an inline object\n\t * or `null` if there is no next or previous touching text node.\n\t */\n\tprivate _getTouchingInlineViewNode( node: ViewText, getNext: boolean ): ViewElement | ViewTextProxy | null {\n\t\tconst treeWalker = new ViewTreeWalker( {\n\t\t\tstartPosition: getNext ? ViewPosition._createAfter( node ) : ViewPosition._createBefore( node ),\n\t\t\tdirection: getNext ? 'forward' : 'backward'\n\t\t} );\n\n\t\tfor ( const { item } of treeWalker ) {\n\t\t\t// Found a text node in the same container element.\n\t\t\tif ( item.is( '$textProxy' ) ) {\n\t\t\t\treturn item;\n\t\t\t}\n\t\t\t// Found a transparent element, skip it and continue inside it.\n\t\t\telse if ( item.is( 'element' ) && item.getCustomProperty( 'dataPipeline:transparentRendering' ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\t// <br> found – it works like a block boundary, so do not scan further.\n\t\t\telse if ( item.is( 'element', 'br' ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\t// Found an inline object (for example an image).\n\t\t\telse if ( this._isInlineObjectElement( item ) ) {\n\t\t\t\treturn item;\n\t\t\t}\n\t\t\t// ViewContainerElement is found on a way to next ViewText node, so given `node` was first/last\n\t\t\t// text node in its container element.\n\t\t\t// The ol, ul, and li elements are rendered as an attribute element so we should check list of known block elements.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18960.\n\t\t\telse if ( item.is( 'containerElement' ) || this._isBlockViewElement( item ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns `true` if a DOM node belongs to {@link #blockElements}. `false` otherwise.\n\t */\n\tprivate _isBlockDomElement( node: DomNode ): boolean {\n\t\treturn this.isElement( node ) && this.blockElements.includes( node.tagName.toLowerCase() );\n\t}\n\n\t/**\n\t * Returns `true` if a view node belongs to {@link #blockElements}. `false` otherwise.\n\t */\n\tprivate _isBlockViewElement( node: ViewNode ): boolean {\n\t\treturn node.is( 'element' ) && this.blockElements.includes( node.name );\n\t}\n\n\t/**\n\t * Returns `true` if a DOM node belongs to {@link #inlineObjectElements}. `false` otherwise.\n\t */\n\tprivate _isInlineObjectElement( node: ViewNode | ViewTextProxy | ViewDocumentFragment ): node is ViewElement {\n\t\tif ( !node.is( 'element' ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn node.name == 'br' ||\n\t\t\tthis.inlineObjectElements.includes( node.name ) ||\n\t\t\t!!this._inlineObjectElementMatcher.match( node );\n\t}\n\n\t/**\n\t * Creates view element basing on the node type.\n\t *\n\t * @param node DOM node to check.\n\t * @param options Conversion options. See {@link module:engine/view/domconverter~ViewDomConverter#domToView} options parameter.\n\t */\n\tprivate _createViewElement( node: DomNode, options: { keepOriginalCase?: boolean } ): ViewElement {\n\t\tif ( isComment( node ) ) {\n\t\t\treturn new ViewUIElement( this.document, '$comment' );\n\t\t}\n\n\t\tconst viewName = options.keepOriginalCase ? ( node as DomElement ).tagName : ( node as DomElement ).tagName.toLowerCase();\n\n\t\treturn new ViewElement( this.document, viewName );\n\t}\n\n\t/**\n\t * Checks if view element's content should be treated as a raw data.\n\t *\n\t * @param viewElement View element to check.\n\t * @param options Conversion options. See {@link module:engine/view/domconverter~ViewDomConverter#domToView} options parameter.\n\t */\n\tprivate _isViewElementWithRawContent( viewElement: ViewElement | ViewDocumentFragment, options: { withChildren?: boolean } ): boolean {\n\t\treturn options.withChildren !== false && viewElement.is( 'element' ) && !!this._rawContentElementMatcher.match( viewElement );\n\t}\n\n\t/**\n\t * Checks whether a given element name should be renamed in a current rendering mode.\n\t *\n\t * @param elementName The name of view element.\n\t */\n\tprivate _shouldRenameElement( elementName: string ): boolean {\n\t\tconst name = elementName.toLowerCase();\n\n\t\treturn this.renderingMode === 'editing' && this.unsafeElements.includes( name );\n\t}\n\n\t/**\n\t * Return a <span> element with a special attribute holding the name of the original element.\n\t * Optionally, copy all the attributes of the original element if that element is provided.\n\t *\n\t * @param elementName The name of view element.\n\t * @param originalDomElement The original DOM element to copy attributes and content from.\n\t */\n\tprivate _createReplacementDomElement( elementName: string, originalDomElement?: DomElement ): DomElement {\n\t\tconst newDomElement = this._domDocument.createElement( 'span' );\n\n\t\t// Mark the span replacing a script as hidden.\n\t\tnewDomElement.setAttribute( UNSAFE_ELEMENT_REPLACEMENT_ATTRIBUTE, elementName );\n\n\t\tif ( originalDomElement ) {\n\t\t\twhile ( originalDomElement.firstChild ) {\n\t\t\t\tnewDomElement.appendChild( originalDomElement.firstChild );\n\t\t\t}\n\n\t\t\tfor ( const attributeName of originalDomElement.getAttributeNames() ) {\n\t\t\t\tnewDomElement.setAttribute( attributeName, originalDomElement.getAttribute( attributeName )! );\n\t\t\t}\n\t\t}\n\n\t\treturn newDomElement;\n\t}\n}\n\n/**\n * Helper function.\n * Used to check if given native `Element` or `Text` node has parent with tag name from `types` array.\n *\n * @returns`true` if such parent exists or `false` if it does not.\n */\nfunction _hasViewParentOfType( node: ViewNode | ViewTextProxy, types: ReadonlyArray<string> ) {\n\treturn node.getAncestors().some( parent => parent.is( 'element' ) && types.includes( parent.name ) );\n}\n\n/**\n * A helper that executes given callback for each DOM node's ancestor, starting from the given node\n * and ending in document#documentElement.\n *\n * @param callback A callback to be executed for each ancestor.\n */\nfunction forEachDomElementAncestor( element: DomElement, callback: ( node: DomElement ) => void ) {\n\tlet node: DomElement | null = element;\n\n\twhile ( node ) {\n\t\tcallback( node );\n\t\tnode = node.parentElement;\n\t}\n}\n\n/**\n * Checks if given DOM node is a nbsp block filler.\n *\n * A &nbsp; is a block filler only if it is a single child of a block element.\n *\n * @param domNode DOM node.\n */\nfunction isNbspBlockFiller( domNode: DomNode, blockElements: ReadonlyArray<string> ): boolean {\n\tconst isNBSP = domNode.isEqualNode( NBSP_FILLER_REF );\n\n\treturn isNBSP && hasBlockParent( domNode, blockElements ) && ( domNode as DomElement ).parentNode!.childNodes.length === 1;\n}\n\n/**\n * Checks if domNode has block parent.\n *\n * @param domNode DOM node.\n */\nfunction hasBlockParent( domNode: DomNode, blockElements: ReadonlyArray<string> ): boolean {\n\tconst parent = domNode.parentNode;\n\n\treturn !!parent && !!( parent as DomElement ).tagName && blockElements.includes( ( parent as DomElement ).tagName.toLowerCase() );\n}\n\n/**\n * Checks if given view node is a nbsp block filler.\n *\n * A &nbsp; is a block filler only if it is a single child of a block element.\n */\nfunction isViewNbspFiller( parent: ViewNode | ViewDocumentFragment, data: string, blockElements: Array<string> ): boolean {\n\treturn (\n\t\tdata == '\\u00A0' &&\n\t\tparent &&\n\t\tparent.is( 'element' ) &&\n\t\tparent.childCount == 1 &&\n\t\tblockElements.includes( parent.name )\n\t);\n}\n\n/**\n * Checks if given view node is a marked-nbsp block filler.\n *\n * A &nbsp; is a block filler only if it is wrapped in `<span data-cke-filler=\"true\">` element.\n */\nfunction isViewMarkedNbspFiller( parent: ViewNode | ViewDocumentFragment, data: string ): boolean {\n\treturn (\n\t\tdata == '\\u00A0' &&\n\t\tparent &&\n\t\tparent.is( 'element', 'span' ) &&\n\t\tparent.childCount == 1 &&\n\t\tparent.hasAttribute( 'data-cke-filler' )\n\t);\n}\n\n/**\n * Checks if given view node is a br block filler.\n *\n * A <br> is a block filler only if it has data-cke-filler attribute set.\n */\nfunction isViewBrFiller( node: ViewNode ): boolean {\n\treturn (\n\t\tnode.is( 'element', 'br' ) &&\n\t\tnode.hasAttribute( 'data-cke-filler' )\n\t);\n}\n\n/**\n * Special case for `<p><br></p>` in which `<br>` should be treated as filler even when we are not in the 'br' mode.\n */\nfunction isOnlyBrInBlock( domNode: DomElement, blockElements: Array<string> ): boolean {\n\t// See https://github.com/ckeditor/ckeditor5/issues/5564.\n\treturn (\n\t\tdomNode.tagName === 'BR' &&\n\t\thasBlockParent( domNode, blockElements ) &&\n\t\tdomNode.parentNode!.childNodes.length === 1\n\t);\n}\n\n/**\n * Log to console the information about element that was replaced.\n * Check UNSAFE_ELEMENTS for all recognized unsafe elements.\n *\n * @param elementName The name of the view element.\n */\nfunction _logUnsafeElement( elementName: string ): void {\n\tif ( elementName === 'script' ) {\n\t\tlogWarning( 'domconverter-unsafe-script-element-detected' );\n\t}\n\n\tif ( elementName === 'style' ) {\n\t\tlogWarning( 'domconverter-unsafe-style-element-detected' );\n\t}\n}\n\n/**\n * In certain cases, Firefox mysteriously assigns so called \"restricted objects\" to native DOM Range properties.\n * Any attempt at accessing restricted object's properties causes errors.\n * See: https://github.com/ckeditor/ckeditor5/issues/9635.\n */\nfunction isGeckoRestrictedDomSelection( domSelection: DomSelection ): boolean {\n\tif ( !env.isGecko ) {\n\t\treturn false;\n\t}\n\n\tif ( !domSelection.rangeCount ) {\n\t\treturn false;\n\t}\n\n\tconst container = domSelection.getRangeAt( 0 ).startContainer;\n\n\ttry {\n\t\tObject.prototype.toString.call( container );\n\t} catch {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Enum representing the type of the block filler.\n *\n * Possible values:\n *\n * * `br` &ndash; For the `<br data-cke-filler=\"true\">` block filler used in the editing view.\n * * `nbsp` &ndash; For the `&nbsp;` block fillers used in the data.\n * * `markedNbsp` &ndash; For the `&nbsp;` block fillers wrapped in `<span>` elements: `<span data-cke-filler=\"true\">&nbsp;</span>`\n * used in the data.\n */\nexport type ViewBlockFillerMode = 'br' | 'nbsp' | 'markedNbsp';\n\n/**\n * While rendering the editor content, the {@link module:engine/view/domconverter~ViewDomConverter} detected a `<script>` element that may\n * disrupt the editing experience. To avoid this, the `<script>` element was replaced with `<span data-ck-unsafe-element=\"script\"></span>`.\n *\n * @error domconverter-unsafe-script-element-detected\n */\n\n/**\n * While rendering the editor content, the\n * {@link module:engine/view/domconverter~ViewDomConverter} detected a `<style>` element that may affect\n * the editing experience. To avoid this, the `<style>` element was replaced with `<span data-ck-unsafe-element=\"style\"></span>`.\n *\n * @error domconverter-unsafe-style-element-detected\n */\n\n/**\n * The {@link module:engine/view/domconverter~ViewDomConverter} detected an interactive attribute in the\n * {@glink framework/architecture/editing-engine#editing-pipeline editing pipeline}. For the best\n * editing experience, the attribute was renamed to `data-ck-unsafe-attribute-[original attribute name]`.\n *\n * If you are the author of the plugin that generated this attribute and you want it to be preserved\n * in the editing pipeline, you can configure this when creating the element\n * using {@link module:engine/view/downcastwriter~ViewDowncastWriter} during the\n * {@glink framework/architecture/editing-engine#conversion model–view conversion}. Methods such as\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createContainerElement},\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createAttributeElement}, or\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createEmptyElement}\n * accept an option that will disable filtering of specific attributes:\n *\n * ```ts\n * const paragraph = writer.createContainerElement( 'p',\n * \t{\n * \t\tclass: 'clickable-paragraph',\n * \t\tonclick: 'alert( \"Paragraph clicked!\" )'\n * \t},\n * \t{\n * \t\t// Make sure the \"onclick\" attribute will pass through.\n * \t\trenderUnsafeAttributes: [ 'onclick' ]\n * \t}\n * );\n * ```\n *\n * @error domconverter-unsafe-attribute-detected\n * @param {HTMLElement} domElement The DOM element the attribute was set on.\n * @param {string} key The original name of the attribute\n * @param {string} value The value of the original attribute\n */\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/observer\n */\n\nimport { DomEmitterMixin } from '@ckeditor/ckeditor5-utils';\n\nimport { type ViewDocument } from '../document.js';\nimport { type EditingView } from '../view.js';\n\n/**\n * Abstract base observer class. Observers are classes which listen to DOM events, do the preliminary\n * processing and fire events on the {@link module:engine/view/document~ViewDocument} objects.\n * Observers can also add features to the view, for instance by updating its status or marking elements\n * which need a refresh on DOM events.\n */\nexport abstract class Observer extends /* #__PURE__ */ DomEmitterMixin() {\n\t/**\n\t * An instance of the view controller.\n\t */\n\tpublic readonly view: EditingView;\n\n\t/**\n\t * A reference to the {@link module:engine/view/document~ViewDocument} object.\n\t */\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * The state of the observer. If it is disabled, no events will be fired.\n\t */\n\tprivate _isEnabled: boolean = false;\n\n\t/**\n\t * Creates an instance of the observer.\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper();\n\n\t\tthis.view = view;\n\t\tthis.document = view.document;\n\t}\n\n\t/**\n\t * The state of the observer. If it is disabled, no events will be fired.\n\t */\n\tpublic get isEnabled(): boolean {\n\t\treturn this._isEnabled;\n\t}\n\n\t/**\n\t * Enables the observer. This method is called when the observer is registered to the\n\t * {@link module:engine/view/view~EditingView} and after {@link module:engine/view/view~EditingView#forceRender rendering}\n\t * (all observers are {@link #disable disabled} before rendering).\n\t *\n\t * A typical use case for disabling observers is that mutation observers need to be disabled for the rendering.\n\t * However, a child class may not need to be disabled, so it can implement an empty method.\n\t *\n\t * @see module:engine/view/observer/observer~Observer#disable\n\t */\n\tpublic enable(): void {\n\t\tthis._isEnabled = true;\n\t}\n\n\t/**\n\t * Disables the observer. This method is called before\n\t * {@link module:engine/view/view~EditingView#forceRender rendering} to prevent firing events during rendering.\n\t *\n\t * @see module:engine/view/observer/observer~Observer#enable\n\t */\n\tpublic disable(): void {\n\t\tthis._isEnabled = false;\n\t}\n\n\t/**\n\t * Disables and destroys the observer, among others removes event listeners created by the observer.\n\t */\n\tpublic destroy(): void {\n\t\tthis.disable();\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Checks whether a given DOM event should be ignored (should not be turned into a synthetic view document event).\n\t *\n\t * Currently, an event will be ignored only if its target or any of its ancestors has the `data-cke-ignore-events` attribute.\n\t * This attribute can be used inside the structures generated by\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createUIElement `ViewDowncastWriter#createUIElement()`} to ignore events\n\t * fired within a UI that should be excluded from CKEditor 5's realms.\n\t *\n\t * @param domTarget The DOM event target to check (usually an element, sometimes a text node and\n\t * potentially sometimes a document, too).\n\t * @returns Whether this event should be ignored by the observer.\n\t */\n\tpublic checkShouldIgnoreEventFromTarget( domTarget: Node | null ): boolean {\n\t\tif ( domTarget && domTarget.nodeType === 3 ) {\n\t\t\tdomTarget = domTarget.parentNode as any;\n\t\t}\n\n\t\tif ( !domTarget || domTarget.nodeType !== 1 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn ( domTarget as any ).matches( '[data-cke-ignore-events], [data-cke-ignore-events] *' );\n\t}\n\n\t/**\n\t * Starts observing given DOM element.\n\t *\n\t * @param domElement DOM element to observe.\n\t * @param name The name of the related root element.\n\t */\n\tpublic abstract observe( domElement: HTMLElement, name: string ): void;\n\n\t/**\n\t * Stops observing given DOM element.\n\t */\n\tpublic abstract stopObserving( domElement: HTMLElement ): void;\n}\n\n/**\n * The constructor of {@link ~Observer} subclass.\n */\nexport type ObserverConstructor = new ( view: EditingView ) => Observer;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/domeventdata\n */\n\nimport { extend } from 'es-toolkit/compat';\n\nimport { type ViewDocument } from '../document.js';\nimport { type ViewElement } from '../element.js';\nimport { type EditingView } from '../view.js';\n\n/**\n * Information about a DOM event in context of the {@link module:engine/view/document~ViewDocument}.\n * It wraps the native event, which usually should not be used as the wrapper contains\n * additional data (like key code for keyboard events).\n *\n * @typeParam TEvent The type of DOM Event that this class represents.\n */\nexport class ViewDocumentDomEventData<TEvent extends Event = Event> {\n\t/**\n\t * Instance of the view controller.\n\t */\n\tpublic readonly view: EditingView;\n\n\t/**\n\t * The instance of the document.\n\t */\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * The DOM event.\n\t */\n\tpublic readonly domEvent: TEvent;\n\n\t/**\n\t * The DOM target.\n\t */\n\tpublic readonly domTarget: HTMLElement;\n\n\t/**\n\t * @param view The instance of the view controller.\n\t * @param domEvent The DOM event.\n\t * @param additionalData Additional properties that the instance should contain.\n\t */\n\tconstructor( view: EditingView, domEvent: TEvent, additionalData?: object ) {\n\t\tthis.view = view;\n\t\tthis.document = view.document;\n\t\tthis.domEvent = domEvent;\n\t\tthis.domTarget = domEvent.target as any;\n\n\t\textend( this, additionalData );\n\t}\n\n\t/**\n\t * The tree view element representing the target.\n\t */\n\tpublic get target(): ViewElement {\n\t\treturn this.view.domConverter.mapDomToView( this.domTarget ) as ViewElement;\n\t}\n\n\t/**\n\t * Prevents the native's event default action.\n\t */\n\tpublic preventDefault(): void {\n\t\tthis.domEvent.preventDefault();\n\t}\n\n\t/**\n\t * Stops native event propagation.\n\t */\n\tpublic stopPropagation(): void {\n\t\tthis.domEvent.stopPropagation();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/domeventobserver\n */\n\nimport { Observer } from './observer.js';\nimport { ViewDocumentDomEventData } from './domeventdata.js';\n\nimport type { EventInfo } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Base class for DOM event observers. This class handles\n * {@link module:engine/view/observer/observer~Observer#observe adding} listeners to DOM elements,\n * {@link module:engine/view/observer/observer~Observer#disable disabling} and\n * {@link module:engine/view/observer/observer~Observer#enable re-enabling} events.\n * Child class needs to define\n * {@link module:engine/view/observer/domeventobserver~DomEventObserver#domEventType DOM event type} and\n * {@link module:engine/view/observer/domeventobserver~DomEventObserver#onDomEvent callback}.\n *\n * For instance:\n *\n * ```ts\n * class ClickObserver extends DomEventObserver<'click'> {\n * \t// It can also be defined as a normal property in the constructor.\n * \tget domEventType(): 'click' {\n * \t\treturn 'click';\n * \t}\n *\n * \tonDomEvent( domEvent: MouseEvent ): void {\n * \t\tthis.fire( 'click', domEvent );\n * \t}\n * }\n * ```\n *\n * @typeParam EventType DOM Event type name or an union of those.\n * @typeParam AdditionalData Additional data passed along with the event.\n */\n\nexport abstract class DomEventObserver<\n\tEventType extends keyof HTMLElementEventMap,\n\tAdditionalData extends object = object\n> extends Observer {\n\t/**\n\t * Type of the DOM event the observer should listen to. Array of types can be defined\n\t * if the observer should listen to multiple DOM events.\n\t */\n\tpublic abstract get domEventType(): EventType | ReadonlyArray<EventType>;\n\n\t/**\n\t * If set to `true` DOM events will be listened on the capturing phase.\n\t * Default value is `false`.\n\t */\n\tpublic useCapture: boolean = false;\n\n\t/**\n\t * If set to `true`, indicates that the function specified by listener will never call `preventDefault()`.\n\t * Default value is `false`.\n\t */\n\tpublic usePassive: boolean = false;\n\n\t/**\n\t * Callback which should be called when the DOM event occurred. Note that the callback will not be called if\n\t * observer {@link #isEnabled is not enabled}.\n\t *\n\t * @see #domEventType\n\t */\n\tpublic abstract onDomEvent( event: HTMLElementEventMap[ EventType ] ): void;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override observe( domElement: HTMLElement ): void {\n\t\tconst types = typeof this.domEventType == 'string' ? [ this.domEventType ] : this.domEventType;\n\n\t\ttypes.forEach( type => {\n\t\t\tthis.listenTo( domElement, type, ( eventInfo, domEvent ) => {\n\t\t\t\tif ( this.isEnabled && !this.checkShouldIgnoreEventFromTarget( domEvent.target as any ) ) {\n\t\t\t\t\tthis.onDomEvent( domEvent );\n\t\t\t\t}\n\t\t\t}, { useCapture: this.useCapture, usePassive: this.usePassive } );\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override stopObserving( domElement: HTMLElement ): void {\n\t\tthis.stopListening( domElement );\n\t}\n\n\t/**\n\t * Calls `Document#fire()` if observer {@link #isEnabled is enabled}.\n\t *\n\t * @see module:utils/emittermixin~Emitter#fire\n\t * @param eventType The event type (name).\n\t * @param domEvent The DOM event.\n\t * @param additionalData The additional data which should extend the\n\t * {@link module:engine/view/observer/domeventdata~ViewDocumentDomEventData event data} object.\n\t */\n\tpublic override fire( eventType: string | EventInfo, domEvent: Event, additionalData?: AdditionalData ): void {\n\t\tif ( this.isEnabled ) {\n\t\t\tthis.document.fire( eventType, new ViewDocumentDomEventData( this.view, domEvent, additionalData ) );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/keyobserver\n */\n\nimport { DomEventObserver } from './domeventobserver.js';\nimport { type ViewDocumentDomEventData } from './domeventdata.js';\nimport type { BubblingEvent } from './bubblingemittermixin.js';\nimport { getCode, type KeystrokeInfo } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Observer for events connected with pressing keyboard keys.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */\nexport class KeyObserver extends DomEventObserver<'keydown' | 'keyup', KeystrokeInfo & { keystroke: number }> {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly domEventType = [ 'keydown', 'keyup' ] as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvt: KeyboardEvent ): void {\n\t\tconst data = {\n\t\t\tkeyCode: domEvt.keyCode,\n\n\t\t\taltKey: domEvt.altKey,\n\t\t\tctrlKey: domEvt.ctrlKey,\n\t\t\tshiftKey: domEvt.shiftKey,\n\t\t\tmetaKey: domEvt.metaKey,\n\n\t\t\tget keystroke() {\n\t\t\t\treturn getCode( this );\n\t\t\t}\n\t\t};\n\n\t\tthis.fire( domEvt.type, domEvt, data );\n\t}\n}\n\n/**\n * Fired when a key has been pressed.\n *\n * Introduced by {@link module:engine/view/observer/keyobserver~KeyObserver}.\n *\n * Note that because {@link module:engine/view/observer/keyobserver~KeyObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @see module:engine/view/observer/keyobserver~KeyObserver\n * @eventName module:engine/view/document~ViewDocument#keydown\n */\nexport type ViewDocumentKeyDownEvent = BubblingEvent<{\n\tname: 'keydown';\n\targs: [ data: ViewDocumentKeyEventData ];\n}>;\n\n/**\n * Fired when a key has been released.\n *\n * Introduced by {@link module:engine/view/observer/keyobserver~KeyObserver}.\n *\n * Note that because {@link module:engine/view/observer/keyobserver~KeyObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @see module:engine/view/observer/keyobserver~KeyObserver\n * @eventName module:engine/view/document~ViewDocument#keyup\n */\nexport type ViewDocumentKeyUpEvent = BubblingEvent<{\n\tname: 'keyup';\n\targs: [ data: ViewDocumentKeyEventData ];\n}>;\n\n/**\n * The value of both events - {@link ~ViewDocumentKeyDownEvent} and {@link ~ViewDocumentKeyUpEvent}.\n */\nexport interface ViewDocumentKeyEventData extends ViewDocumentDomEventData<KeyboardEvent>, KeystrokeInfo {\n\n\t/**\n\t * Code of the whole keystroke. See {@link module:utils/keyboard~getCode}.\n\t */\n\tkeystroke: number;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/fakeselectionobserver\n */\n\nimport { Observer } from './observer.js';\nimport type { ViewDocumentArrowKeyEvent } from './arrowkeysobserver.js';\nimport { ViewSelection } from '../selection.js';\nimport { type EditingView } from '../view.js';\nimport type {\n\tViewDocumentObserverSelectionChangeEvent,\n\tViewDocumentObserverSelectionChangeDoneEvent,\n\tViewDocumentObserverSelectionEventData\n} from './selectionobserver.js';\nimport { keyCodes } from '@ckeditor/ckeditor5-utils';\nimport { debounce, type DebouncedFunc } from 'es-toolkit/compat';\n\n/**\n * Fake selection observer class. If view selection is fake it is placed in dummy DOM container. This observer listens\n * on {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and handles moving\n * fake view selection to the correct place if arrow keys are pressed.\n * Fires {@link module:engine/view/document~ViewDocument#event:selectionChange selectionChange event} simulating natural behaviour of\n * {@link module:engine/view/observer/selectionobserver~SelectionObserver SelectionObserver}.\n */\nexport class FakeSelectionObserver extends Observer {\n\t/**\n\t * Fires debounced event `selectionChangeDone`. It uses `es-toolkit#debounce` method to delay function call.\n\t */\n\tprivate readonly _fireSelectionChangeDoneDebounced: DebouncedFunc<( data: ViewDocumentObserverSelectionEventData ) => void>;\n\n\t/**\n\t * Creates new FakeSelectionObserver instance.\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tthis._fireSelectionChangeDoneDebounced = debounce( data => {\n\t\t\tthis.document.fire<ViewDocumentObserverSelectionChangeDoneEvent>( 'selectionChangeDone', data );\n\t\t}, 200 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override observe(): void {\n\t\tconst document = this.document;\n\n\t\tdocument.on<ViewDocumentArrowKeyEvent>( 'arrowKey', ( eventInfo, data ) => {\n\t\t\tconst selection = document.selection;\n\n\t\t\tif ( selection.isFake && this.isEnabled ) {\n\t\t\t\t// Prevents default key down handling - no selection change will occur.\n\t\t\t\tdata.preventDefault();\n\t\t\t}\n\t\t}, { context: '$capture' } );\n\n\t\tdocument.on<ViewDocumentArrowKeyEvent>( 'arrowKey', ( eventInfo, data ) => {\n\t\t\tconst selection = document.selection;\n\n\t\t\tif ( selection.isFake && this.isEnabled ) {\n\t\t\t\tthis._handleSelectionMove( data.keyCode );\n\t\t\t}\n\t\t}, { priority: 'lowest' } );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override stopObserving(): void {}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis._fireSelectionChangeDoneDebounced.cancel();\n\t}\n\n\t/**\n\t * Handles collapsing view selection according to given key code. If left or up key is provided - new selection will be\n\t * collapsed to left. If right or down key is pressed - new selection will be collapsed to right.\n\t *\n\t * This method fires {@link module:engine/view/document~ViewDocument#event:selectionChange} and\n\t * {@link module:engine/view/document~ViewDocument#event:selectionChangeDone} events imitating behaviour of\n\t * {@link module:engine/view/observer/selectionobserver~SelectionObserver}.\n\t */\n\tprivate _handleSelectionMove( keyCode: number ): void {\n\t\tconst selection = this.document.selection;\n\t\tconst newSelection = new ViewSelection( selection.getRanges(), { backward: selection.isBackward, fake: false } );\n\n\t\t// Left or up arrow pressed - move selection to start.\n\t\tif ( keyCode == keyCodes.arrowleft || keyCode == keyCodes.arrowup ) {\n\t\t\tnewSelection.setTo( newSelection.getFirstPosition() );\n\t\t}\n\n\t\t// Right or down arrow pressed - move selection to end.\n\t\tif ( keyCode == keyCodes.arrowright || keyCode == keyCodes.arrowdown ) {\n\t\t\tnewSelection.setTo( newSelection.getLastPosition() );\n\t\t}\n\n\t\tconst data = {\n\t\t\toldSelection: selection,\n\t\t\tnewSelection,\n\t\t\tdomSelection: null\n\t\t};\n\n\t\t// Fire dummy selection change event.\n\t\tthis.document.fire<ViewDocumentObserverSelectionChangeEvent>( 'selectionChange', data );\n\n\t\t// Call` #_fireSelectionChangeDoneDebounced` every time when `selectionChange` event is fired.\n\t\t// This function is debounced what means that `selectionChangeDone` event will be fired only when\n\t\t// defined int the function time will elapse since the last time the function was called.\n\t\t// So `selectionChangeDone` will be fired when selection will stop changing.\n\t\tthis._fireSelectionChangeDoneDebounced( data );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/mutationobserver\n */\n\nimport { Observer } from './observer.js';\nimport { startsWithFiller } from '../filler.js';\nimport { isEqualWith } from 'es-toolkit/compat';\n\nimport { type ViewDomConverter } from '../domconverter.js';\nimport { type EditingView } from '../view.js';\nimport { type ViewElement } from '../element.js';\nimport { type ViewNode } from '../node.js';\nimport { type ViewText } from '../text.js';\nimport type { ViewDocumentChangeType } from '../document.js';\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '../../dev-utils/utils.js' );\n\n/**\n * Mutation observer's role is to watch for any DOM changes inside the editor that weren't\n * done by the editor's {@link module:engine/view/renderer~ViewRenderer} itself and reverting these changes.\n *\n * It does this by observing all mutations in the DOM, marking related view elements as changed and calling\n * {@link module:engine/view/renderer~ViewRenderer#render}. Because all mutated nodes are marked as\n * \"to be rendered\" and the {@link module:engine/view/renderer~ViewRenderer#render `render()`} method is called,\n * all changes are reverted in the DOM (the DOM is synced with the editor's view structure).\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */\nexport class MutationObserver extends Observer {\n\t/**\n\t * Reference to the {@link module:engine/view/view~EditingView#domConverter}.\n\t */\n\tpublic readonly domConverter: ViewDomConverter;\n\n\t/**\n\t * Native mutation observer config.\n\t */\n\tprivate readonly _config: MutationObserverInit;\n\n\t/**\n\t * Observed DOM elements.\n\t */\n\tprivate readonly _domElements: Set<HTMLElement>;\n\n\t/**\n\t * Native mutation observer.\n\t */\n\tprivate _mutationObserver: InstanceType<typeof window.MutationObserver>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tthis._config = {\n\t\t\tchildList: true,\n\t\t\tcharacterData: true,\n\t\t\tsubtree: true\n\t\t};\n\n\t\tthis.domConverter = view.domConverter;\n\n\t\tthis._domElements = new Set();\n\t\tthis._mutationObserver = new window.MutationObserver( this._onMutations.bind( this ) );\n\t}\n\n\t/**\n\t * Synchronously handles mutations and empties the queue.\n\t */\n\tpublic flush(): void {\n\t\tthis._onMutations( this._mutationObserver.takeRecords() );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic observe( domElement: HTMLElement ): void {\n\t\tthis._domElements.add( domElement );\n\n\t\tif ( this.isEnabled ) {\n\t\t\tthis._mutationObserver.observe( domElement, this._config );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override stopObserving( domElement: HTMLElement ): void {\n\t\tthis._domElements.delete( domElement );\n\n\t\tif ( this.isEnabled ) {\n\t\t\t// Unfortunately, it is not possible to stop observing particular DOM element.\n\t\t\t// In order to stop observing one of multiple DOM elements, we need to re-connect the mutation observer.\n\t\t\tthis._mutationObserver.disconnect();\n\n\t\t\tfor ( const domElement of this._domElements ) {\n\t\t\t\tthis._mutationObserver.observe( domElement, this._config );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override enable(): void {\n\t\tsuper.enable();\n\n\t\tfor ( const domElement of this._domElements ) {\n\t\t\tthis._mutationObserver.observe( domElement, this._config );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override disable(): void {\n\t\tsuper.disable();\n\n\t\tthis._mutationObserver.disconnect();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis._mutationObserver.disconnect();\n\t}\n\n\t/**\n\t * Handles mutations. Mark view elements to sync and call render.\n\t *\n\t * @param domMutations Array of native mutations.\n\t */\n\tprivate _onMutations( domMutations: Array<MutationRecord> ) {\n\t\t// As a result of this.flush() we can have an empty collection.\n\t\tif ( domMutations.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst domConverter = this.domConverter;\n\n\t\t// Use map and set for deduplication.\n\t\tconst mutatedTextNodes = new Set<ViewText>();\n\t\tconst elementsWithMutatedChildren = new Set<ViewElement>();\n\n\t\t// Handle `childList` mutations first, so we will be able to check if the `characterData` mutation is in the\n\t\t// element with changed structure anyway.\n\t\tfor ( const mutation of domMutations ) {\n\t\t\tconst element = domConverter.mapDomToView( mutation.target as HTMLElement );\n\n\t\t\tif ( !element ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Do not collect mutations from UIElements and RawElements.\n\t\t\tif ( element.is( 'uiElement' ) || element.is( 'rawElement' ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( mutation.type === 'childList' && !this._isBogusBrMutation( mutation ) ) {\n\t\t\t\telementsWithMutatedChildren.add( element as ViewElement );\n\t\t\t}\n\t\t}\n\n\t\t// Handle `characterData` mutations later, when we have the full list of nodes which changed structure.\n\t\tfor ( const mutation of domMutations ) {\n\t\t\tconst element = domConverter.mapDomToView( mutation.target as HTMLElement );\n\n\t\t\t// Do not collect mutations from UIElements and RawElements.\n\t\t\tif ( element && ( element.is( 'uiElement' ) || element.is( 'rawElement' ) ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( mutation.type === 'characterData' ) {\n\t\t\t\tconst text = domConverter.findCorrespondingViewText( mutation.target as Text ) as ViewText;\n\n\t\t\t\tif ( text && !elementsWithMutatedChildren.has( text.parent as ViewElement ) ) {\n\t\t\t\t\tmutatedTextNodes.add( text );\n\t\t\t\t}\n\t\t\t\t// When we added first letter to the text node which had only inline filler, for the DOM it is mutation\n\t\t\t\t// on text, but for the view, where filler text node did not exist, new text node was created, so we\n\t\t\t\t// need to handle it as a 'children' mutation instead of 'text'.\n\t\t\t\telse if ( !text && startsWithFiller( mutation.target ) ) {\n\t\t\t\t\telementsWithMutatedChildren.add(\n\t\t\t\t\t\tdomConverter.mapDomToView( mutation.target.parentNode as HTMLElement ) as ViewElement\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Now we build the list of mutations to mark elements. We did not do it earlier to avoid marking the\n\t\t// same node multiple times in case of duplication.\n\n\t\tconst mutations: Array<ObserverMutationData> = [];\n\n\t\tfor ( const textNode of mutatedTextNodes ) {\n\t\t\tmutations.push( { type: 'text', node: textNode } );\n\t\t}\n\n\t\tfor ( const viewElement of elementsWithMutatedChildren ) {\n\t\t\tconst domElement = domConverter.mapViewToDom( viewElement )!;\n\t\t\tconst viewChildren = Array.from( viewElement.getChildren() );\n\t\t\tconst newViewChildren = Array.from( domConverter.domChildrenToView( domElement, { withChildren: false } ) );\n\n\t\t\t// It may happen that as a result of many changes (sth was inserted and then removed),\n\t\t\t// both elements haven't really changed. #1031\n\t\t\tif ( !isEqualWith( viewChildren, newViewChildren, sameNodes ) ) {\n\t\t\t\tmutations.push( { type: 'children', node: viewElement } );\n\t\t\t}\n\t\t}\n\n\t\t// In case only non-relevant mutations were recorded it skips the event and force render (#5600).\n\t\tif ( mutations.length ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \t_debouncedLine();\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'MutationObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cMutations detected',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tthis.document.fire<ViewDocumentMutationsEvent>( 'mutations', { mutations } );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t}\n\t}\n\n\t/**\n\t * Checks if mutation was generated by the browser inserting bogus br on the end of the block element.\n\t * Such mutations are generated while pressing space or performing native spellchecker correction\n\t * on the end of the block element in Firefox browser.\n\t *\n\t * @param mutation Native mutation object.\n\t */\n\tprivate _isBogusBrMutation( mutation: MutationRecord ) {\n\t\tlet addedNode = null;\n\n\t\t// Check if mutation added only one node on the end of its parent.\n\t\tif ( mutation.nextSibling === null && mutation.removedNodes.length === 0 && mutation.addedNodes.length == 1 ) {\n\t\t\taddedNode = this.domConverter.domToView( mutation.addedNodes[ 0 ], {\n\t\t\t\twithChildren: false\n\t\t\t} );\n\t\t}\n\n\t\treturn addedNode && addedNode.is( 'element', 'br' );\n\t}\n}\n\nfunction sameNodes( child1: ViewNode, child2: ViewNode ) {\n\t// First level of comparison (array of children vs array of children) – use the es-toolkit's default behavior.\n\tif ( Array.isArray( child1 ) ) {\n\t\treturn;\n\t}\n\n\t// Elements.\n\tif ( child1 === child2 ) {\n\t\treturn true;\n\t}\n\t// Texts.\n\telse if ( child1.is( '$text' ) && child2.is( '$text' ) ) {\n\t\treturn child1.data === child2.data;\n\t}\n\n\t// Not matching types.\n\treturn false;\n}\n\n/**\n * Event fired on DOM mutations detected.\n *\n * This event is introduced by {@link module:engine/view/observer/mutationobserver~MutationObserver} and available\n * by default in all editor instances (attached by {@link module:engine/view/view~EditingView}).\n *\n * @eventName module:engine/view/document~ViewDocument#mutations\n * @param data Event data containing detailed information about the event.\n */\nexport type ViewDocumentMutationsEvent = {\n\tname: 'mutations';\n\targs: [ data: ViewDocumentMutationEventData ];\n};\n\n/**\n * The value of {@link ~ViewDocumentMutationsEvent}.\n */\nexport type ViewDocumentMutationEventData = {\n\tmutations: Array<ObserverMutationData>;\n};\n\n/**\n * A single entry in {@link ~ViewDocumentMutationEventData} mutations array.\n */\nexport type ObserverMutationData = {\n\n\t/**\n\t * Type of mutation detected.\n\t */\n\ttype: ViewDocumentChangeType;\n\n\t/**\n\t * The view node related to the detected mutation.\n\t */\n\tnode: ViewNode;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/focusobserver\n */\n\nimport { DomEventObserver } from './domeventobserver.js';\nimport { type ViewDocumentDomEventData } from './domeventdata.js';\nimport { type EditingView } from '../view.js';\nimport type { ViewDocumentInputEvent } from './inputobserver.js';\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '../../dev-utils/utils.js' );\n\n/**\n * {@link module:engine/view/document~ViewDocument#event:focus Focus}\n * and {@link module:engine/view/document~ViewDocument#event:blur blur} events observer.\n * Focus observer handle also {@link module:engine/view/rooteditableelement~ViewRootEditableElement#isFocused isFocused} property of the\n * {@link module:engine/view/rooteditableelement~ViewRootEditableElement root elements}.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */\nexport class FocusObserver extends DomEventObserver<'focus' | 'blur'> {\n\t/**\n\t * Identifier of the timeout currently used by focus listener to delay rendering execution.\n\t */\n\tprivate _renderTimeoutId: ReturnType<typeof setTimeout> | null = null;\n\n\t/**\n\t * Set to `true` if the document is in the process of setting the focus.\n\t *\n\t * The flag is used to indicate that setting the focus is in progress.\n\t */\n\tprivate _isFocusChanging: boolean = false;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly domEventType = [ 'focus', 'blur' ] as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tthis.useCapture = true;\n\t\tconst document = this.document;\n\n\t\tdocument.on<ViewDocumentFocusEvent>( 'focus', () => this._handleFocus() );\n\t\tdocument.on<ViewDocumentBlurEvent>( 'blur', ( evt, data ) => this._handleBlur( data ) );\n\n\t\t// Focus the editor in cases where browser dispatches `beforeinput` event to a not-focused editable element.\n\t\t// This is flushed by the beforeinput listener in the `InsertTextObserver`.\n\t\t// Note that focus is set only if the document is not focused yet.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/14702.\n\t\tdocument.on<ViewDocumentInputEvent>( 'beforeinput', () => {\n\t\t\tif ( !document.isFocused ) {\n\t\t\t\tthis._handleFocus();\n\t\t\t}\n\t\t}, { priority: 'highest' } );\n\t}\n\n\t/**\n\t * Finishes setting the document focus state.\n\t */\n\tpublic flush(): void {\n\t\tif ( this._isFocusChanging ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \t_debouncedLine();\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'FocusObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'flush focus'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tthis._isFocusChanging = false;\n\t\t\tthis.document.isFocused = true;\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvent: FocusEvent ): void {\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \t_debouncedLine();\n\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'FocusObserver',\n\t\t// @if CK_DEBUG_TYPING // \t\t`${ domEvent.type } event`\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'FocusObserver',\n\t\t// @if CK_DEBUG_TYPING // \t\t'DOM target:',\n\t\t// @if CK_DEBUG_TYPING // \t\t{ target: domEvent.target, relatedTarget: domEvent.relatedTarget }\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // \tconst domSelection = window.getSelection();\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'FocusObserver',\n\t\t// @if CK_DEBUG_TYPING // \t\t'DOM Selection:',\n\t\t// @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.anchorNode, offset: domSelection!.anchorOffset },\n\t\t// @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.focusNode, offset: domSelection!.focusOffset }\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tthis.fire( domEvent.type, domEvent );\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t// @if CK_DEBUG_TYPING // }\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis._clearTimeout();\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * The `focus` event handler.\n\t */\n\tprivate _handleFocus(): void {\n\t\tthis._clearTimeout();\n\t\tthis._isFocusChanging = true;\n\n\t\t// Unfortunately native `selectionchange` event is fired asynchronously.\n\t\t// We need to wait until `SelectionObserver` handle the event and then render. Otherwise rendering will\n\t\t// overwrite new DOM selection with selection from the view.\n\t\t// See https://github.com/ckeditor/ckeditor5-engine/issues/795 for more details.\n\t\t// Long timeout is needed to solve #676 and https://github.com/ckeditor/ckeditor5-engine/issues/1157 issues.\n\t\t//\n\t\t// Using `view.change()` instead of `view.forceRender()` to prevent double rendering\n\t\t// in a situation where `selectionchange` already caused selection change.\n\t\tthis._renderTimeoutId = setTimeout( () => {\n\t\t\tthis._renderTimeoutId = null;\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'FocusObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'flush on timeout'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tthis.flush();\n\t\t\tthis.view.change( () => {} );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t}, 50 );\n\t}\n\n\t/**\n\t * The `blur` event handler.\n\t */\n\tprivate _handleBlur( data: ViewDocumentDomEventData<FocusEvent> ): void {\n\t\tconst selectedEditable = this.document.selection.editableElement;\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'FocusObserver',\n\t\t// @if CK_DEBUG_TYPING // \t\t'selectedEditable:',\n\t\t// @if CK_DEBUG_TYPING // \t\t{ selectedEditable }\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tif ( selectedEditable === null || selectedEditable === data.target ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'FocusObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'document no longer focused'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tthis.document.isFocused = false;\n\t\t\tthis._isFocusChanging = false;\n\n\t\t\t// Re-render the document to update view elements\n\t\t\t// (changing document.isFocused already marked view as changed since last rendering).\n\t\t\tthis.view.change( () => {} );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t}\n\t}\n\n\t/**\n\t * Clears timeout.\n\t */\n\tprivate _clearTimeout(): void {\n\t\tif ( this._renderTimeoutId ) {\n\t\t\tclearTimeout( this._renderTimeoutId );\n\t\t\tthis._renderTimeoutId = null;\n\t\t}\n\t}\n}\n\n/**\n * Fired when one of the editables gets focus.\n *\n * Introduced by {@link module:engine/view/observer/focusobserver~FocusObserver}.\n *\n * Note that because {@link module:engine/view/observer/focusobserver~FocusObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @see module:engine/view/observer/focusobserver~FocusObserver\n * @eventName module:engine/view/document~ViewDocument#focus\n * @param data Event data.\n */\nexport type ViewDocumentFocusEvent = {\n\tname: 'focus';\n\targs: [ data: ViewDocumentDomEventData<FocusEvent> ];\n};\n\n/**\n * Fired when one of the editables loses focus.\n *\n * Introduced by {@link module:engine/view/observer/focusobserver~FocusObserver}.\n *\n * Note that because {@link module:engine/view/observer/focusobserver~FocusObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @see module:engine/view/observer/focusobserver~FocusObserver\n * @eventName module:engine/view/document~ViewDocument#blur\n * @param data Event data.\n */\nexport type ViewDocumentBlurEvent = {\n\tname: 'blur';\n\targs: [ data: ViewDocumentDomEventData<FocusEvent> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/selectionobserver\n */\n\nimport { Observer } from './observer.js';\nimport { MutationObserver } from './mutationobserver.js';\nimport { FocusObserver } from './focusobserver.js';\nimport { env, type ObservableChangeEvent } from '@ckeditor/ckeditor5-utils';\nimport { debounce, type DebouncedFunc } from 'es-toolkit/compat';\n\nimport type { EditingView } from '../view.js';\nimport type { ViewDocumentSelection } from '../documentselection.js';\nimport type { ViewDomConverter } from '../domconverter.js';\nimport type { ViewSelection } from '../selection.js';\nimport type { ViewDocumentCompositionStartEvent } from './compositionobserver.js';\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '../../dev-utils/utils.js' );\n\ntype DomSelection = globalThis.Selection;\n\n/**\n * Selection observer class observes selection changes in the document. If a selection changes on the document this\n * observer checks if the DOM selection is different from the {@link module:engine/view/document~ViewDocument#selection view selection}.\n * The selection observer fires {@link module:engine/view/document~ViewDocument#event:selectionChange} event only if\n * a selection change was the only change in the document and the DOM selection is different from the view selection.\n *\n * This observer also manages the {@link module:engine/view/document~ViewDocument#isSelecting} property of the view document.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */\nexport class SelectionObserver extends Observer {\n\t/**\n\t * Instance of the mutation observer. Selection observer calls\n\t * {@link module:engine/view/observer/mutationobserver~MutationObserver#flush} to ensure that the mutations will be handled\n\t * before the {@link module:engine/view/document~ViewDocument#event:selectionChange} event is fired.\n\t */\n\tpublic readonly mutationObserver: MutationObserver;\n\n\t/**\n\t * Instance of the focus observer. Focus observer calls\n\t * {@link module:engine/view/observer/focusobserver~FocusObserver#flush} to mark the latest focus change as complete.\n\t */\n\tpublic readonly focusObserver: FocusObserver;\n\n\t/**\n\t * Reference to the view {@link module:engine/view/documentselection~ViewDocumentSelection} object used to compare\n\t * new selection with it.\n\t */\n\tpublic readonly selection: ViewDocumentSelection;\n\n\t/**\n\t * Reference to the {@link module:engine/view/view~EditingView#domConverter}.\n\t */\n\tpublic readonly domConverter: ViewDomConverter;\n\n\t/**\n\t * A set of documents which have added `selectionchange` listener to avoid adding a listener twice to the same\n\t * document.\n\t */\n\tprivate readonly _documents = new WeakSet<Document>();\n\n\t/**\n\t * Fires debounced event `selectionChangeDone`. It uses `es-toolkit#debounce` method to delay function call.\n\t */\n\tprivate readonly _fireSelectionChangeDoneDebounced: DebouncedFunc<( data: ViewDocumentObserverSelectionEventData ) => void>;\n\n\t/**\n\t * When called, starts clearing the {@link #_loopbackCounter} counter in time intervals. When the number of selection\n\t * changes exceeds a certain limit within the interval of time, the observer will not fire `selectionChange` but warn about\n\t * possible infinite selection loop.\n\t */\n\tprivate readonly _clearInfiniteLoopInterval: ReturnType<typeof setInterval>;\n\n\t/**\n\t * Unlocks the `isSelecting` state of the view document in case the selection observer did not record this fact\n\t * correctly (for whatever reason). It is a safeguard (paranoid check), that returns document to the normal state\n\t * after a certain period of time (debounced, postponed by each selectionchange event).\n\t */\n\tprivate readonly _documentIsSelectingInactivityTimeoutDebounced: DebouncedFunc<() => boolean>;\n\n\t/**\n\t * Private property to check if the code does not enter infinite loop.\n\t */\n\tprivate _loopbackCounter = 0;\n\n\t/**\n\t * A set of DOM documents that have a pending selection change.\n\t * Pending selection change is recorded while selection change event is detected on non focused editable.\n\t */\n\tprivate _pendingSelectionChange = new Set<Document>();\n\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tthis.mutationObserver = view.getObserver( MutationObserver );\n\t\tthis.focusObserver = view.getObserver( FocusObserver );\n\t\tthis.selection = this.document.selection;\n\t\tthis.domConverter = view.domConverter;\n\n\t\tthis._fireSelectionChangeDoneDebounced = debounce( data => {\n\t\t\tthis.document.fire<ViewDocumentObserverSelectionChangeDoneEvent>( 'selectionChangeDone', data );\n\t\t}, 200 );\n\n\t\tthis._clearInfiniteLoopInterval = setInterval( () => this._clearInfiniteLoop(), 1000 );\n\n\t\tthis._documentIsSelectingInactivityTimeoutDebounced = debounce( () => ( this.document.isSelecting = false ), 5000 );\n\n\t\tthis.view.document.on<ObservableChangeEvent<boolean>>( 'change:isFocused', ( evt, name, isFocused ) => {\n\t\t\tif ( isFocused && this._pendingSelectionChange.size ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'Flush pending selection change'\n\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\t// Iterate over a copy of set because it is modified in selection change handler.\n\t\t\t\tfor ( const domDocument of Array.from( this._pendingSelectionChange ) ) {\n\t\t\t\t\tthis._handleSelectionChange( domDocument );\n\t\t\t\t}\n\n\t\t\t\tthis._pendingSelectionChange.clear();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override observe( domElement: HTMLElement ): void {\n\t\tconst domDocument = domElement.ownerDocument;\n\n\t\tconst startDocumentIsSelecting = () => {\n\t\t\tthis.document.isSelecting = true;\n\n\t\t\t// Let's activate the safety timeout each time the document enters the \"is selecting\" state.\n\t\t\tthis._documentIsSelectingInactivityTimeoutDebounced();\n\t\t};\n\n\t\tconst endDocumentIsSelecting = () => {\n\t\t\tif ( !this.document.isSelecting ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Make sure that model selection is up-to-date at the end of selecting process.\n\t\t\t// Sometimes `selectionchange` events could arrive after the `mouseup` event and that selection could be already outdated.\n\t\t\tthis._handleSelectionChange( domDocument );\n\n\t\t\tthis.document.isSelecting = false;\n\n\t\t\t// The safety timeout can be canceled when the document leaves the \"is selecting\" state.\n\t\t\tthis._documentIsSelectingInactivityTimeoutDebounced.cancel();\n\t\t};\n\n\t\t// The document has the \"is selecting\" state while the user keeps making (extending) the selection\n\t\t// (e.g. by holding the mouse button and moving the cursor). The state resets when they either released\n\t\t// the mouse button or interrupted the process by pressing or releasing any key.\n\t\tthis.listenTo( domElement, 'selectstart', startDocumentIsSelecting, { priority: 'highest' } );\n\n\t\tthis.listenTo( domElement, 'keydown', endDocumentIsSelecting, { priority: 'highest', useCapture: true } );\n\t\tthis.listenTo( domElement, 'keyup', endDocumentIsSelecting, { priority: 'highest', useCapture: true } );\n\n\t\t// Add document-wide listeners only once. This method could be called for multiple editing roots.\n\t\tif ( this._documents.has( domDocument ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// This listener is using capture mode to make sure that selection is upcasted before any other\n\t\t// handler would like to check it and update (for example table multi cell selection).\n\t\tthis.listenTo( domDocument, 'mouseup', endDocumentIsSelecting, { priority: 'highest', useCapture: true } );\n\n\t\tthis.listenTo( domDocument, 'selectionchange', () => {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \t_debouncedLine();\n\t\t\t// @if CK_DEBUG_TYPING // \tconst domSelection = domDocument.defaultView!.getSelection();\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'SelectionObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'selectionchange'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'DOM Selection:',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.anchorNode, offset: domSelection!.anchorOffset },\n\t\t\t// @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.focusNode, offset: domSelection!.focusOffset }\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t// The Renderer is disabled while composing on non-android browsers, so we can't update the view selection\n\t\t\t// because the DOM and view tree drifted apart. Position mapping could fail because of it.\n\t\t\tif ( this.document.isComposing && !env.isAndroid ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n\t\t\t\t// @if CK_DEBUG_TYPING //\t\t'Selection change ignored (isComposing)'\n\t\t\t\t// @if CK_DEBUG_TYPING //\t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._handleSelectionChange( domDocument );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t// Defer the safety timeout when the selection changes (e.g. the user keeps extending the selection\n\t\t\t// using their mouse).\n\t\t\tthis._documentIsSelectingInactivityTimeoutDebounced();\n\t\t} );\n\n\t\t// Update the model ViewDocumentSelection just after the Renderer and the SelectionObserver are locked.\n\t\t// We do this synchronously (without waiting for the `selectionchange` DOM event) as browser updates\n\t\t// the DOM selection (but not visually) to span the text that is under composition and could be replaced.\n\t\tthis.listenTo<ViewDocumentCompositionStartEvent>( this.view.document, 'compositionstart', () => {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconst domSelection = domDocument.defaultView!.getSelection();\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'SelectionObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'update selection on compositionstart'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'DOM Selection:',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.anchorNode, offset: domSelection!.anchorOffset },\n\t\t\t// @if CK_DEBUG_TYPING // \t\t{ node: domSelection!.focusNode, offset: domSelection!.focusOffset }\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tthis._handleSelectionChange( domDocument );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t}, { priority: 'lowest' } );\n\n\t\tthis._documents.add( domDocument );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override stopObserving( domElement: HTMLElement ): void {\n\t\tthis.stopListening( domElement );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tclearInterval( this._clearInfiniteLoopInterval );\n\t\tthis._fireSelectionChangeDoneDebounced.cancel();\n\t\tthis._documentIsSelectingInactivityTimeoutDebounced.cancel();\n\t}\n\n\t/* istanbul ignore next -- @preserve */\n\tprivate _reportInfiniteLoop() {\n\t// @if CK_DEBUG //\t\tthrow new Error(\n\t// @if CK_DEBUG //\t\t\t'Selection change observer detected an infinite rendering loop.\\n\\n' +\n\t// @if CK_DEBUG //\t \t\t'⚠️⚠️ Report this error on https://github.com/ckeditor/ckeditor5/issues/11658.'\n\t// @if CK_DEBUG //\t\t);\n\t}\n\n\t/**\n\t * Selection change listener. {@link module:engine/view/observer/mutationobserver~MutationObserver#flush Flush} mutations, check if\n\t * a selection changes and fires {@link module:engine/view/document~ViewDocument#event:selectionChange} event on every change\n\t * and {@link module:engine/view/document~ViewDocument#event:selectionChangeDone} when a selection stop changing.\n\t *\n\t * @param domDocument DOM document.\n\t */\n\tprivate _handleSelectionChange( domDocument: Document ) {\n\t\tif ( !this.isEnabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst domSelection = domDocument.defaultView!.getSelection()!;\n\n\t\tif ( this.checkShouldIgnoreEventFromTarget( domSelection.anchorNode! ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Ensure the mutation event will be before selection event on all browsers.\n\t\tthis.mutationObserver.flush();\n\n\t\tconst newViewSelection = this.domConverter.domSelectionToView( domSelection );\n\n\t\t// Do not convert selection change if the new view selection has no ranges in it.\n\t\t//\n\t\t// It means that the DOM selection is in some way incorrect. Ranges that were in the DOM selection could not be\n\t\t// converted to the view. This happens when the DOM selection was moved outside of the editable element.\n\t\tif ( newViewSelection.rangeCount == 0 ) {\n\t\t\tthis.view.hasDomSelection = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis.view.hasDomSelection = true;\n\n\t\t// Mark the latest focus change as complete (we got new selection after the focus so the selection is in the focused element).\n\t\tthis.focusObserver.flush();\n\n\t\t// Ignore selection change as the editable is not focused. Note that in read-only mode, we have to update\n\t\t// the model selection as there won't be any focus change to flush the pending selection changes.\n\t\tif ( !this.view.document.isFocused && !this.view.document.isReadOnly ) {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'Ignore selection change while editable is not focused'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tthis._pendingSelectionChange.add( domDocument );\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._pendingSelectionChange.delete( domDocument );\n\n\t\tif ( this.selection.isEqual( newViewSelection ) && this.domConverter.isDomSelectionCorrect( domSelection ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Ensure we are not in the infinite loop (#400).\n\t\t// This counter is reset each second. 60 selection changes in 1 second is enough high number\n\t\t// to be very difficult (impossible) to achieve using just keyboard keys (during normal editor use).\n\t\tif ( ++this._loopbackCounter > 60 ) {\n\t\t\t// Selection change observer detected an infinite rendering loop.\n\t\t\t// Most probably you try to put the selection in the position which is not allowed\n\t\t\t// by the browser and browser fixes it automatically what causes `selectionchange` event on\n\t\t\t// which a loopback through a model tries to re-render the wrong selection and again.\n\t\t\tthis._reportInfiniteLoop();\n\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !isSelectionWithinRootElements( newViewSelection ) ) {\n\t\t\t// Occasionally, such as when removing markers during a focus change, the selection may end up inside a view element\n\t\t\t// whose parent has already been detached from the DOM. In most cases this is harmless, but if the selectionchange\n\t\t\t// event fires before the view is fully synchronized with the DOM converter, some elements in the selection may become orphans.\n\t\t\t// This can result in the view being out of sync with the actual DOM structure.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18744\n\t\t\tthis.view.forceRender();\n\t\t} else if ( this.selection.isSimilar( newViewSelection ) ) {\n\t\t\t// If selection was equal and we are at this point of algorithm, it means that it was incorrect.\n\t\t\t// Just re-render it, no need to fire any events, etc.\n\t\t\tthis.view.forceRender();\n\t\t} else {\n\t\t\tconst data: ViewDocumentObserverSelectionEventData = {\n\t\t\t\toldSelection: this.selection,\n\t\t\t\tnewSelection: newViewSelection,\n\t\t\t\tdomSelection\n\t\t\t};\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'SelectionObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'Fire selection change:',\n\t\t\t// @if CK_DEBUG_TYPING // \t\tnewViewSelection.getFirstRange()\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t// Prepare data for new selection and fire appropriate events.\n\t\t\tthis.document.fire<ViewDocumentObserverSelectionChangeEvent>( 'selectionChange', data );\n\n\t\t\t// Call `#_fireSelectionChangeDoneDebounced` every time when `selectionChange` event is fired.\n\t\t\t// This function is debounced what means that `selectionChangeDone` event will be fired only when\n\t\t\t// defined int the function time will elapse since the last time the function was called.\n\t\t\t// So `selectionChangeDone` will be fired when selection will stop changing.\n\t\t\tthis._fireSelectionChangeDoneDebounced( data );\n\t\t}\n\t}\n\n\t/**\n\t * Clears `SelectionObserver` internal properties connected with preventing infinite loop.\n\t */\n\tprivate _clearInfiniteLoop(): void {\n\t\tthis._loopbackCounter = 0;\n\t}\n}\n\n/**\n * Checks if all roots of the selection's range boundaries are root elements.\n * Returns true if the selection is fully contained within root elements (not orphaned).\n *\n * @param selection The view selection to check.\n * @returns True if all range boundaries are within root elements, false otherwise.\n */\nfunction isSelectionWithinRootElements( selection: ViewSelection ): boolean {\n\treturn Array\n\t\t.from( selection.getRanges() )\n\t\t.flatMap( range => [ range.start.root, range.end.root ] )\n\t\t.every( root => root && root.is( 'rootElement' ) );\n}\n\n/**\n * The value of {@link ~ViewDocumentObserverSelectionChangeEvent} and {@link ~ViewDocumentObserverSelectionChangeDoneEvent} events.\n */\nexport type ViewDocumentObserverSelectionEventData = {\n\n\t/**\n\t * Old View selection which is {@link module:engine/view/document~ViewDocument#selection}.\n\t */\n\toldSelection: ViewDocumentSelection;\n\n\t/**\n\t * New View selection which is converted DOM selection.\n\t */\n\tnewSelection: ViewSelection;\n\n\t/**\n\t * Native DOM selection.\n\t */\n\tdomSelection: DomSelection | null;\n};\n\n/**\n * Fired when a selection has changed. This event is fired only when the selection change was the only change that happened\n * in the document, and the old selection is different then the new selection.\n *\n * Introduced by {@link module:engine/view/observer/selectionobserver~SelectionObserver}.\n *\n * Note that because {@link module:engine/view/observer/selectionobserver~SelectionObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @see module:engine/view/observer/selectionobserver~SelectionObserver\n * @eventName module:engine/view/document~ViewDocument#selectionChange\n */\nexport type ViewDocumentObserverSelectionChangeEvent = {\n\tname: 'selectionChange';\n\targs: [ ViewDocumentObserverSelectionEventData ];\n};\n\n/**\n * Fired when selection stops changing.\n *\n * Introduced by {@link module:engine/view/observer/selectionobserver~SelectionObserver}.\n *\n * Note that because {@link module:engine/view/observer/selectionobserver~SelectionObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @see module:engine/view/observer/selectionobserver~SelectionObserver\n * @eventName module:engine/view/document~ViewDocument#selectionChangeDone\n */\nexport type ViewDocumentObserverSelectionChangeDoneEvent = {\n\tname: 'selectionChangeDone';\n\targs: [ ViewDocumentObserverSelectionEventData ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/compositionobserver\n */\n\nimport { DomEventObserver } from './domeventobserver.js';\nimport { type EditingView } from '../view.js';\nimport { type ViewDocumentDomEventData } from './domeventdata.js';\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '../../dev-utils/utils.js' );\n\n/**\n * {@link module:engine/view/document~ViewDocument#event:compositionstart Compositionstart},\n * {@link module:engine/view/document~ViewDocument#event:compositionupdate compositionupdate} and\n * {@link module:engine/view/document~ViewDocument#event:compositionend compositionend} events observer.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */\nexport class CompositionObserver extends DomEventObserver<'compositionstart' | 'compositionupdate' | 'compositionend'> {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly domEventType = [ 'compositionstart', 'compositionupdate', 'compositionend' ] as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tconst document = this.document;\n\n\t\tdocument.on<ViewDocumentCompositionStartEvent>( 'compositionstart', () => {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'CompositionObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%c┌───────────────────────────── isComposing = true ─────────────────────────────┐',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold; color: green'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t\tdocument.isComposing = true;\n\t\t} );\n\n\t\tdocument.on<ViewDocumentCompositionEndEvent>( 'compositionend', () => {\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'CompositionObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%c└───────────────────────────── isComposing = false ─────────────────────────────┘',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold; color: green'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t\tdocument.isComposing = false;\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvent: CompositionEvent ): void {\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \t_debouncedLine();\n\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'CompositionObserver',\n\t\t// @if CK_DEBUG_TYPING // \t\t`${ domEvent.type }`\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tthis.fire( domEvent.type, domEvent, {\n\t\t\tdata: domEvent.data\n\t\t} );\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t// @if CK_DEBUG_TYPING // }\n\t}\n}\n\nexport interface ViewDocumentCompositionEventData extends ViewDocumentDomEventData<CompositionEvent> {\n\tdata: string | null;\n}\n\n/**\n * Fired when composition starts inside one of the editables.\n *\n * Introduced by {@link module:engine/view/observer/compositionobserver~CompositionObserver}.\n *\n * Note that because {@link module:engine/view/observer/compositionobserver~CompositionObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @see module:engine/view/observer/compositionobserver~CompositionObserver\n * @eventName module:engine/view/document~ViewDocument#compositionstart\n * @param data Event data.\n */\nexport type ViewDocumentCompositionStartEvent = {\n\tname: 'compositionstart';\n\targs: [ data: ViewDocumentCompositionEventData ];\n};\n\n/**\n * Fired when composition is updated inside one of the editables.\n *\n * Introduced by {@link module:engine/view/observer/compositionobserver~CompositionObserver}.\n *\n * Note that because {@link module:engine/view/observer/compositionobserver~CompositionObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @see module:engine/view/observer/compositionobserver~CompositionObserver\n * @eventName module:engine/view/document~ViewDocument#compositionupdate\n * @param data Event data.\n */\nexport type ViewDocumentCompositionUpdateEvent = {\n\tname: 'compositionupdate';\n\targs: [ data: ViewDocumentCompositionEventData ];\n};\n\n/**\n * Fired when composition ends inside one of the editables.\n *\n * Introduced by {@link module:engine/view/observer/compositionobserver~CompositionObserver}.\n *\n * Note that because {@link module:engine/view/observer/compositionobserver~CompositionObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @see module:engine/view/observer/compositionobserver~CompositionObserver\n * @eventName module:engine/view/document~ViewDocument#compositionend\n * @param data Event data.\n */\nexport type ViewDocumentCompositionEndEvent = {\n\tname: 'compositionend';\n\targs: [ data: ViewDocumentCompositionEventData ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/datatransfer\n */\n\ntype DomDataTransfer = globalThis.DataTransfer;\n\n/**\n * A facade over the native [`DataTransfer`](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer) object.\n */\nexport class ViewDataTransfer {\n\t/**\n\t * The array of files created from the native `DataTransfer#files` or `DataTransfer#items`.\n\t */\n\tprivate _files: Array<File> | null;\n\n\t/**\n\t * The native DataTransfer object.\n\t */\n\tprivate _native: DomDataTransfer;\n\n\t/**\n\t * @param nativeDataTransfer The native [`DataTransfer`](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer) object.\n\t * @param options.cacheFiles Whether `files` list should be initialized in the constructor.\n\t */\n\tconstructor( nativeDataTransfer: DomDataTransfer, options: { cacheFiles?: boolean } = {} ) {\n\t\t// We should store references to the File instances in case someone would like to process this files\n\t\t// outside the event handler. Files are stored only for `drop` and `paste` events because they are not usable\n\t\t// in other events and are generating a huge delay on Firefox while dragging.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/13366.\n\t\tthis._files = options.cacheFiles ? getFiles( nativeDataTransfer ) : null;\n\n\t\tthis._native = nativeDataTransfer;\n\t}\n\n\t/**\n\t * The array of files created from the native `DataTransfer#files` or `DataTransfer#items`.\n\t */\n\tpublic get files(): Array<File> {\n\t\tif ( !this._files ) {\n\t\t\tthis._files = getFiles( this._native );\n\t\t}\n\n\t\treturn this._files;\n\t}\n\n\t/**\n\t * Returns an array of available native content types.\n\t */\n\tpublic get types(): ReadonlyArray<string> {\n\t\treturn this._native.types;\n\t}\n\n\t/**\n\t * Gets the data from the data transfer by its MIME type.\n\t *\n\t * ```ts\n\t * dataTransfer.getData( 'text/plain' );\n\t * ```\n\t *\n\t * @param type The MIME type. E.g. `text/html` or `text/plain`.\n\t */\n\tpublic getData( type: string ): string {\n\t\treturn this._native.getData( type );\n\t}\n\n\t/**\n\t * Sets the data in the data transfer.\n\t *\n\t * @param type The MIME type. E.g. `text/html` or `text/plain`.\n\t */\n\tpublic setData( type: string, data: string ): void {\n\t\tthis._native.setData( type, data );\n\t}\n\n\t/**\n\t * The effect that is allowed for a drag operation.\n\t */\n\tpublic set effectAllowed( value: ViewEffectAllowed ) {\n\t\tthis._native.effectAllowed = value;\n\t}\n\n\tpublic get effectAllowed(): ViewEffectAllowed {\n\t\treturn this._native.effectAllowed;\n\t}\n\n\t/**\n\t * The actual drop effect.\n\t */\n\tpublic set dropEffect( value: ViewDropEffect ) {\n\t\tthis._native.dropEffect = value;\n\t}\n\n\tpublic get dropEffect(): ViewDropEffect {\n\t\treturn this._native.dropEffect;\n\t}\n\n\t/**\n\t * Set a preview image of the dragged content.\n\t */\n\tpublic setDragImage( image: Element, x: number, y: number ): void {\n\t\tthis._native.setDragImage( image, x, y );\n\t}\n\n\t/**\n\t * Whether the dragging operation was canceled.\n\t */\n\tpublic get isCanceled(): boolean {\n\t\treturn this._native.dropEffect == 'none' || !!( this._native as any ).mozUserCancelled;\n\t}\n}\n\n/**\n * The effect that is allowed for a drag operation.\n */\nexport type ViewEffectAllowed = DomDataTransfer[ 'effectAllowed' ];\n\n/**\n * The actual drop effect.\n */\nexport type ViewDropEffect = DomDataTransfer[ 'dropEffect' ];\n\nfunction getFiles( nativeDataTransfer: DomDataTransfer ): Array<File> {\n\t// DataTransfer.files and items are array-like and might not have an iterable interface.\n\tconst files = Array.from( nativeDataTransfer.files || [] );\n\tconst items = Array.from( nativeDataTransfer.items || [] );\n\n\tif ( files.length ) {\n\t\treturn files;\n\t}\n\n\t// Chrome has empty DataTransfer.files, but allows getting files through the items interface.\n\treturn items\n\t\t.filter( item => item.kind === 'file' )\n\t\t.map( item => item.getAsFile()! );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/inputobserver\n */\n\nimport { DomEventObserver } from './domeventobserver.js';\nimport { type ViewDocumentDomEventData } from './domeventdata.js';\nimport { type ViewRange } from '../range.js';\nimport { ViewDataTransfer } from '../datatransfer.js';\nimport { env, isText, indexOf } from '@ckeditor/ckeditor5-utils';\nimport { INLINE_FILLER_LENGTH, startsWithFiller } from '../filler.js';\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '../../dev-utils/utils.js' );\n\n/**\n * Observer for events connected with data input.\n *\n * **Note**: This observer is attached by {@link module:engine/view/view~EditingView} and available by default in all\n * editor instances.\n */\nexport class InputObserver extends DomEventObserver<'beforeinput'> {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly domEventType = 'beforeinput' as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvent: InputEvent ): void {\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \t_debouncedLine();\n\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'InputObserver',\n\t\t// @if CK_DEBUG_TYPING // \t\t`${ domEvent.type }: ${ domEvent.inputType } - ${ domEvent.isComposing ? 'is' : 'not' } composing`,\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tconst domTargetRanges = domEvent.getTargetRanges();\n\t\tconst view = this.view;\n\t\tconst viewDocument = view.document;\n\n\t\tlet dataTransfer: ViewDataTransfer | null = null;\n\t\tlet data: string | null = null;\n\t\tlet targetRanges: Array<ViewRange> = [];\n\n\t\tif ( domEvent.dataTransfer ) {\n\t\t\tdataTransfer = new ViewDataTransfer( domEvent.dataTransfer );\n\t\t}\n\n\t\tif ( domEvent.data !== null ) {\n\t\t\tdata = domEvent.data;\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`%cevent data: %c${ JSON.stringify( data ) }`,\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue;'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t} else if ( dataTransfer ) {\n\t\t\tdata = dataTransfer.getData( 'text/plain' );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`%cevent data transfer: %c${ JSON.stringify( data ) }`,\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue;'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t}\n\n\t\t// If the editor selection is fake (an object is selected), the DOM range does not make sense because it is anchored\n\t\t// in the fake selection container.\n\t\tif ( viewDocument.selection.isFake ) {\n\t\t\t// Future-proof: in case of multi-range fake selections being possible.\n\t\t\ttargetRanges = Array.from( viewDocument.selection.getRanges() );\n\n\t\t\t// Do not allow typing inside a fake selection container, we will handle it manually.\n\t\t\tdomEvent.preventDefault();\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cusing fake selection:',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t// @if CK_DEBUG_TYPING // \t\ttargetRanges,\n\t\t\t// @if CK_DEBUG_TYPING // \t\tviewDocument.selection.isFake ? 'fake view selection' : 'fake DOM parent'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t} else if ( domTargetRanges.length ) {\n\t\t\ttargetRanges = domTargetRanges.map( domRange => {\n\t\t\t\t// Sometimes browser provides range that starts before editable node.\n\t\t\t\t// We try to fall back to collapsed range at the valid end position.\n\t\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/14411.\n\t\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/14050.\n\t\t\t\tlet viewStart = view.domConverter.domPositionToView( domRange.startContainer, domRange.startOffset );\n\t\t\t\tconst viewEnd = view.domConverter.domPositionToView( domRange.endContainer, domRange.endOffset );\n\n\t\t\t\t// When text replacement is enabled and browser tries to replace double space with dot, and space,\n\t\t\t\t// but the first space is no longer where browser put it (it was moved to an attribute element),\n\t\t\t\t// then we must extend the target range so it does not include a part of an inline filler.\n\t\t\t\tif ( viewStart && startsWithFiller( domRange.startContainer ) && domRange.startOffset < INLINE_FILLER_LENGTH ) {\n\t\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cTarget range starts in an inline filler - adjusting it',\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\t\tdomEvent.preventDefault();\n\n\t\t\t\t\tlet count = INLINE_FILLER_LENGTH - domRange.startOffset;\n\n\t\t\t\t\tviewStart = viewStart.getLastMatchingPosition( value => {\n\t\t\t\t\t\t// Ignore attribute and UI elements but stop on container elements.\n\t\t\t\t\t\tif ( value.item.is( 'attributeElement' ) || value.item.is( 'uiElement' ) ) {\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Skip as many characters as inline filler was overlapped.\n\t\t\t\t\t\tif ( value.item.is( '$textProxy' ) && count-- ) {\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}, { direction: 'backward', singleCharacters: true } );\n\t\t\t\t}\n\n\t\t\t\t// Check if there is no an inline filler just after the target range.\n\t\t\t\tif ( isFollowedByInlineFiller( domRange.endContainer, domRange.endOffset ) ) {\n\t\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cTarget range ends just before an inline filler - prevent default behavior',\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t\t\t\tdomEvent.preventDefault();\n\t\t\t\t}\n\n\t\t\t\tif ( viewStart ) {\n\t\t\t\t\treturn view.createRange( viewStart, viewEnd );\n\t\t\t\t} else if ( viewEnd ) {\n\t\t\t\t\treturn view.createRange( viewEnd );\n\t\t\t\t}\n\t\t\t} ).filter( ( range ): range is ViewRange => !!range );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cusing target ranges:',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t// @if CK_DEBUG_TYPING // \t\ttargetRanges\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t}\n\t\t// For Android devices we use a fallback to the current DOM selection, Android modifies it according\n\t\t// to the expected target ranges of input event.\n\t\telse if ( env.isAndroid ) {\n\t\t\tconst domSelection = ( domEvent.target as HTMLElement ).ownerDocument.defaultView!.getSelection()!;\n\n\t\t\ttargetRanges = Array.from( view.domConverter.domSelectionToView( domSelection ).getRanges() );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'InputObserver',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cusing selection ranges:',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t// @if CK_DEBUG_TYPING // \t\ttargetRanges\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t}\n\n\t\t// Android sometimes fires insertCompositionText with a new-line character at the end of the data\n\t\t// instead of firing insertParagraph beforeInput event.\n\t\t// Fire the correct type of beforeInput event and ignore the replaced fragment of text because\n\t\t// it wants to replace \"test\" with \"test\\n\".\n\t\t// https://github.com/ckeditor/ckeditor5/issues/12368.\n\t\tif ( env.isAndroid && domEvent.inputType == 'insertCompositionText' && data && data.endsWith( '\\n' ) ) {\n\t\t\tthis.fire( domEvent.type, domEvent, {\n\t\t\t\tinputType: 'insertParagraph',\n\t\t\t\ttargetRanges: [ view.createRange( targetRanges[ 0 ].end ) ]\n\t\t\t} );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Normalize the insertText data that includes new-line characters.\n\t\t// https://github.com/ckeditor/ckeditor5/issues/2045.\n\t\tif ( [ 'insertText', 'insertReplacementText' ].includes( domEvent.inputType ) && data && data.includes( '\\n' ) ) {\n\t\t\t// There might be a single new-line or double for new paragraph, but we translate\n\t\t\t// it to paragraphs as it is our default action for enter handling.\n\t\t\tconst parts = data.split( /\\n{1,2}/g );\n\n\t\t\tlet partTargetRanges = targetRanges;\n\n\t\t\t// Handle all parts on our side as we rely on paragraph inserting and synchronously updated view selection.\n\t\t\tdomEvent.preventDefault();\n\n\t\t\tfor ( let i = 0; i < parts.length; i++ ) {\n\t\t\t\tconst dataPart = parts[ i ];\n\n\t\t\t\tif ( dataPart != '' ) {\n\t\t\t\t\tthis.fire( domEvent.type, domEvent, {\n\t\t\t\t\t\tdata: dataPart,\n\t\t\t\t\t\tdataTransfer,\n\t\t\t\t\t\ttargetRanges: partTargetRanges,\n\t\t\t\t\t\tinputType: domEvent.inputType,\n\t\t\t\t\t\tisComposing: domEvent.isComposing\n\t\t\t\t\t} );\n\n\t\t\t\t\t// Use the result view selection so following events will be added one after another.\n\t\t\t\t\tpartTargetRanges = [ viewDocument.selection.getFirstRange()! ];\n\t\t\t\t}\n\n\t\t\t\tif ( i + 1 < parts.length ) {\n\t\t\t\t\tthis.fire( domEvent.type, domEvent, {\n\t\t\t\t\t\tinputType: 'insertParagraph',\n\t\t\t\t\t\ttargetRanges: partTargetRanges\n\t\t\t\t\t} );\n\n\t\t\t\t\t// Use the result view selection so following events will be added one after another.\n\t\t\t\t\tpartTargetRanges = [ viewDocument.selection.getFirstRange()! ];\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Fire the normalized beforeInput event.\n\t\tthis.fire( domEvent.type, domEvent, {\n\t\t\tdata,\n\t\t\tdataTransfer,\n\t\t\ttargetRanges,\n\t\t\tinputType: domEvent.inputType,\n\t\t\tisComposing: domEvent.isComposing\n\t\t} );\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t// @if CK_DEBUG_TYPING // }\n\t}\n}\n\n/**\n * Returns `true` if there is an inline filler just after the position in DOM.\n * It walks up the DOM tree if the offset is at the end of the node.\n */\nfunction isFollowedByInlineFiller( node: Node, offset: number ): boolean {\n\twhile ( node.parentNode ) {\n\t\tif ( isText( node ) ) {\n\t\t\tif ( offset != node.data.length ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t} else {\n\t\t\tif ( offset != node.childNodes.length ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\toffset = indexOf( node ) + 1;\n\t\tnode = node.parentNode;\n\n\t\tif ( offset < node.childNodes.length && startsWithFiller( node.childNodes[ offset ] ) ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/**\n * Fired before the web browser inputs, deletes, or formats some data.\n *\n * This event is introduced by {@link module:engine/view/observer/inputobserver~InputObserver} and available\n * by default in all editor instances (attached by {@link module:engine/view/view~EditingView}).\n *\n * @see module:engine/view/observer/inputobserver~InputObserver\n * @eventName module:engine/view/document~ViewDocument#beforeinput\n * @param data Event data containing detailed information about the event.\n */\nexport type ViewDocumentInputEvent = {\n\tname: 'beforeinput';\n\targs: [ data: ViewDocumentInputEventData ];\n};\n\n/**\n * The value of the {@link ~ViewDocumentInputEvent} event.\n */\nexport interface ViewDocumentInputEventData extends ViewDocumentDomEventData<InputEvent> {\n\n\t/**\n\t * The type of the input event (e.g. \"insertText\" or \"deleteWordBackward\"). Corresponds to native `InputEvent#inputType`.\n\t */\n\treadonly inputType: string;\n\n\t/**\n\t * A unified text data passed along with the input event. Depending on:\n\t *\n\t * * the web browser and input events implementation (for instance [Level 1](https://www.w3.org/TR/input-events-1/) or\n\t * [Level 2](https://www.w3.org/TR/input-events-2/)),\n\t * * {@link module:engine/view/observer/inputobserver~ViewDocumentInputEventData#inputType input type}\n\t *\n\t * text data is sometimes passed in the `data` and sometimes in the `dataTransfer` property.\n\t *\n\t * * If `InputEvent#data` was set, this property reflects its value.\n\t * * If `InputEvent#data` is unavailable, this property contains the `'text/plain'` data from\n\t * {@link module:engine/view/observer/inputobserver~ViewDocumentInputEventData#dataTransfer}.\n\t * * If the event ({@link module:engine/view/observer/inputobserver~ViewDocumentInputEventData#inputType input type})\n\t * provides no data whatsoever, this property is `null`.\n\t */\n\treadonly data: string | null;\n\n\t/**\n\t * The data transfer instance of the input event. Corresponds to native `InputEvent#dataTransfer`.\n\t *\n\t * The value is `null` when no `dataTransfer` was passed along with the input event.\n\t */\n\treadonly dataTransfer: ViewDataTransfer;\n\n\t/**\n\t * A flag indicating that the `beforeinput` event was fired during composition.\n\t *\n\t * Corresponds to the\n\t * {@link module:engine/view/document~ViewDocument#event:compositionstart},\n\t * {@link module:engine/view/document~ViewDocument#event:compositionupdate},\n\t * and {@link module:engine/view/document~ViewDocument#event:compositionend } trio.\n\t */\n\treadonly isComposing: boolean;\n\n\t/**\n\t * Editing {@link module:engine/view/range~ViewRange view ranges} corresponding to DOM ranges provided by the web browser\n\t * (as returned by `InputEvent#getTargetRanges()`).\n\t */\n\treadonly targetRanges: Array<ViewRange>;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/arrowkeysobserver\n */\n\nimport { Observer } from './observer.js';\nimport { BubblingEventInfo } from './bubblingeventinfo.js';\nimport { type EditingView } from '../view.js';\nimport type { ViewDocumentKeyEventData, ViewDocumentKeyDownEvent } from './keyobserver.js';\nimport type { BubblingEvent } from './bubblingemittermixin.js';\n\nimport { isArrowKeyCode } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Arrow keys observer introduces the {@link module:engine/view/document~ViewDocument#event:arrowKey `Document#arrowKey`} event.\n *\n * Note that this observer is attached by the {@link module:engine/view/view~EditingView} and is available by default.\n */\nexport class ArrowKeysObserver extends Observer {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tthis.document.on<ViewDocumentKeyDownEvent>( 'keydown', ( event, data ) => {\n\t\t\tif ( this.isEnabled && isArrowKeyCode( data.keyCode ) ) {\n\t\t\t\tconst eventInfo = new BubblingEventInfo( this.document, 'arrowKey', this.document.selection.getFirstRange()! );\n\n\t\t\t\tthis.document.fire<ViewDocumentArrowKeyEvent>( eventInfo, data );\n\n\t\t\t\tif ( eventInfo.stop.called ) {\n\t\t\t\t\tevent.stop();\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override observe(): void {}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override stopObserving(): void {}\n}\n\n/**\n * Event fired when the user presses an arrow keys.\n *\n * Introduced by {@link module:engine/view/observer/arrowkeysobserver~ArrowKeysObserver}.\n *\n * Note that because {@link module:engine/view/observer/arrowkeysobserver~ArrowKeysObserver} is attached by the\n * {@link module:engine/view/view~EditingView} this event is available by default.\n *\n * @eventName module:engine/view/document~ViewDocument#arrowKey\n * @param data\n */\n\nexport type ViewDocumentArrowKeyEvent = BubblingEvent<{\n\tname: 'arrowKey';\n\targs: [ data: ViewDocumentKeyEventData ];\n}>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/tabobserver\n */\n\nimport { type EditingView } from '../view.js';\nimport { Observer } from './observer.js';\nimport { BubblingEventInfo } from './bubblingeventinfo.js';\nimport type { ViewDocumentKeyEventData, ViewDocumentKeyDownEvent } from './keyobserver.js';\nimport type { BubblingEvent } from './bubblingemittermixin.js';\n\nimport { keyCodes } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Tab observer introduces the {@link module:engine/view/document~ViewDocument#event:tab `Document#tab`} event.\n *\n * Note that because {@link module:engine/view/observer/tabobserver~TabObserver} is attached by the\n * {@link module:engine/view/view~EditingView}, this event is available by default.\n */\nexport class TabObserver extends Observer {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tconst doc = this.document;\n\n\t\tdoc.on<ViewDocumentKeyDownEvent>( 'keydown', ( evt, data ) => {\n\t\t\tif (\n\t\t\t\t!this.isEnabled ||\n\t\t\t\tdata.keyCode != keyCodes.tab ||\n\t\t\t\tdata.ctrlKey\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst event = new BubblingEventInfo( doc, 'tab', doc.selection.getFirstRange()! );\n\n\t\t\tdoc.fire<ViewDocumentTabEvent>( event, data );\n\n\t\t\tif ( event.stop.called ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override observe(): void {}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override stopObserving(): void {}\n}\n\n/**\n * Event fired when the user presses a tab key.\n *\n * Introduced by {@link module:engine/view/observer/tabobserver~TabObserver}.\n *\n * Note that because {@link module:engine/view/observer/tabobserver~TabObserver} is attached by the\n * {@link module:engine/view/view~EditingView}, this event is available by default.\n *\n * @eventName module:engine/view/document~ViewDocument#tab\n * @param data\n */\nexport type ViewDocumentTabEvent = BubblingEvent<{\n\tname: 'tab';\n\targs: [ data: ViewDocumentKeyEventData ];\n}>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/view\n */\n\nimport { ViewDocument, type ViewDocumentLayoutChangedEvent } from './document.js';\nimport { ViewDowncastWriter } from './downcastwriter.js';\nimport { ViewRenderer } from './renderer.js';\nimport { ViewDomConverter } from './domconverter.js';\nimport { ViewPosition, type ViewPositionOffset } from './position.js';\nimport { ViewRange } from './range.js';\nimport {\n\tViewSelection,\n\ttype ViewPlaceOrOffset,\n\ttype ViewSelectable,\n\ttype ViewSelectionOptions\n} from './selection.js';\n\nimport type { Observer, ObserverConstructor } from './observer/observer.js';\nimport type { ViewDocumentSelectionChangeEvent } from './documentselection.js';\nimport type { StylesProcessor } from './stylesmap.js';\nimport { type ViewElement } from './element.js';\nimport type { ViewNode, ViewNodeChangeEvent } from './node.js';\nimport { type ViewItem } from './item.js';\n\nimport { KeyObserver } from './observer/keyobserver.js';\nimport { FakeSelectionObserver } from './observer/fakeselectionobserver.js';\nimport { MutationObserver, type ViewDocumentMutationsEvent } from './observer/mutationobserver.js';\nimport { SelectionObserver } from './observer/selectionobserver.js';\nimport { FocusObserver, type ViewDocumentBlurEvent } from './observer/focusobserver.js';\nimport { CompositionObserver } from './observer/compositionobserver.js';\nimport { InputObserver } from './observer/inputobserver.js';\nimport { ArrowKeysObserver } from './observer/arrowkeysobserver.js';\nimport { TabObserver } from './observer/tabobserver.js';\n\nimport {\n\tCKEditorError,\n\tenv,\n\tObservableMixin,\n\tscrollViewportToShowTarget,\n\ttype ObservableChangeEvent,\n\ttype IfTrue\n} from '@ckeditor/ckeditor5-utils';\nimport { injectUiElementHandling } from './uielement.js';\nimport { injectQuirksHandling } from './filler.js';\n\nimport { cloneDeep } from 'es-toolkit/compat';\n\n// type IfTrue<T> = T extends true ? true : never;\ntype DomRange = globalThis.Range;\n\n/**\n * Editor's view controller class. Its main responsibility is DOM - View management for editing purposes, to provide\n * abstraction over the DOM structure and events and hide all browsers quirks.\n *\n * View controller renders view document to DOM whenever view structure changes. To determine when view can be rendered,\n * all changes need to be done using the {@link module:engine/view/view~EditingView#change} method, using\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter}:\n *\n * ```ts\n * view.change( writer => {\n * \twriter.insert( position, writer.createText( 'foo' ) );\n * } );\n * ```\n *\n * View controller also register {@link module:engine/view/observer/observer~Observer observers} which observes changes\n * on DOM and fire events on the {@link module:engine/view/document~ViewDocument Document}.\n * Note that the following observers are added by the class constructor and are always available:\n *\n * * {@link module:engine/view/observer/selectionobserver~SelectionObserver},\n * * {@link module:engine/view/observer/focusobserver~FocusObserver},\n * * {@link module:engine/view/observer/keyobserver~KeyObserver},\n * * {@link module:engine/view/observer/fakeselectionobserver~FakeSelectionObserver}.\n * * {@link module:engine/view/observer/compositionobserver~CompositionObserver}.\n * * {@link module:engine/view/observer/inputobserver~InputObserver}.\n * * {@link module:engine/view/observer/arrowkeysobserver~ArrowKeysObserver}.\n * * {@link module:engine/view/observer/tabobserver~TabObserver}.\n *\n * This class also {@link module:engine/view/view~EditingView#attachDomRoot binds the DOM and the view elements}.\n *\n * If you do not need full a DOM - view management, and only want to transform a tree of view elements to a tree of DOM\n * elements you do not need this controller. You can use the {@link module:engine/view/domconverter~ViewDomConverter ViewDomConverter}\n * instead.\n */\nexport class EditingView extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * Instance of the {@link module:engine/view/document~ViewDocument} associated with this view controller.\n\t */\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * Instance of the {@link module:engine/view/domconverter~ViewDomConverter domConverter} used by\n\t * {@link module:engine/view/view~EditingView#_renderer renderer}\n\t * and {@link module:engine/view/observer/observer~Observer observers}.\n\t */\n\tpublic readonly domConverter: ViewDomConverter;\n\n\t/**\n\t * Roots of the DOM tree. Map on the `HTMLElement`s with roots names as keys.\n\t */\n\tpublic readonly domRoots: Map<string, HTMLElement> = new Map();\n\n\t/**\n\t * Used to prevent calling {@link #forceRender} and {@link #change} during rendering view to the DOM.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public isRenderingInProgress: boolean;\n\n\t/**\n\t * Informs whether the DOM selection is inside any of the DOM roots managed by the view.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public hasDomSelection: boolean;\n\n\t/**\n\t * Instance of the {@link module:engine/view/renderer~ViewRenderer renderer}.\n\t */\n\tprivate readonly _renderer: ViewRenderer;\n\n\t/**\n\t * A DOM root attributes cache. It saves the initial values of DOM root attributes before the DOM element\n\t * is {@link module:engine/view/view~EditingView#attachDomRoot attached} to the view so later on, when\n\t * the view is destroyed ({@link module:engine/view/view~EditingView#detachDomRoot}), they can be easily restored.\n\t * This way, the DOM element can go back to the (clean) state as if the editing view never used it.\n\t */\n\tprivate readonly _initialDomRootAttributes: WeakMap<HTMLElement, Record<string, string>> = new WeakMap();\n\n\t/**\n\t * Map of registered {@link module:engine/view/observer/observer~Observer observers}.\n\t */\n\tprivate readonly _observers: Map<ObserverConstructor, Observer> = new Map();\n\n\t/**\n\t * ViewDowncastWriter instance used in {@link #change change method} callbacks.\n\t */\n\tprivate readonly _writer: ViewDowncastWriter;\n\n\t/**\n\t * Is set to `true` when {@link #change view changes} are currently in progress.\n\t */\n\tprivate _ongoingChange: boolean = false;\n\n\t/**\n\t * Used to prevent calling {@link #forceRender} and {@link #change} during rendering view to the DOM.\n\t */\n\tprivate _postFixersInProgress: boolean = false;\n\n\t/**\n\t * Internal flag to temporary disable rendering. See the usage in the {@link #_disableRendering}.\n\t */\n\tprivate _renderingDisabled: boolean = false;\n\n\t/**\n\t * Internal flag that disables rendering when there are no changes since the last rendering.\n\t * It stores information about changed selection and changed elements from attached document roots.\n\t */\n\tprivate _hasChangedSinceTheLastRendering: boolean = false;\n\n\t/**\n\t * @param stylesProcessor The styles processor instance.\n\t */\n\tconstructor( stylesProcessor: StylesProcessor ) {\n\t\tsuper();\n\n\t\tthis.document = new ViewDocument( stylesProcessor );\n\t\tthis.domConverter = new ViewDomConverter( this.document );\n\n\t\tthis.set( 'isRenderingInProgress', false );\n\t\tthis.set( 'hasDomSelection', false );\n\n\t\tthis._renderer = new ViewRenderer( this.domConverter, this.document.selection );\n\t\tthis._renderer.bind( 'isFocused', 'isSelecting', 'isComposing' )\n\t\t\t.to( this.document, 'isFocused', 'isSelecting', 'isComposing' );\n\n\t\tthis._writer = new ViewDowncastWriter( this.document );\n\n\t\t// Add default observers.\n\t\t// Make sure that this list matches AlwaysRegisteredViewObservers type.\n\t\tthis.addObserver( MutationObserver );\n\t\tthis.addObserver( FocusObserver );\n\t\tthis.addObserver( SelectionObserver );\n\t\tthis.addObserver( KeyObserver );\n\t\tthis.addObserver( FakeSelectionObserver );\n\t\tthis.addObserver( CompositionObserver );\n\t\tthis.addObserver( ArrowKeysObserver );\n\t\tthis.addObserver( InputObserver );\n\t\tthis.addObserver( TabObserver );\n\n\t\t// Inject quirks handlers.\n\t\tinjectQuirksHandling( this );\n\t\tinjectUiElementHandling( this );\n\n\t\t// Use 'normal' priority so that rendering is performed as first when using that priority.\n\t\tthis.on<ViewRenderEvent>( 'render', () => {\n\t\t\tthis._render();\n\n\t\t\t// Informs that layout has changed after render.\n\t\t\tthis.document.fire<ViewDocumentLayoutChangedEvent>( 'layoutChanged' );\n\n\t\t\t// Reset the `_hasChangedSinceTheLastRendering` flag after rendering.\n\t\t\tthis._hasChangedSinceTheLastRendering = false;\n\t\t} );\n\n\t\t// Listen to the document selection changes directly.\n\t\tthis.listenTo<ViewDocumentSelectionChangeEvent>( this.document.selection, 'change', () => {\n\t\t\tthis._hasChangedSinceTheLastRendering = true;\n\t\t} );\n\n\t\t// Trigger re-render if only the focus changed.\n\t\tthis.listenTo<ObservableChangeEvent>( this.document, 'change:isFocused', () => {\n\t\t\tthis._hasChangedSinceTheLastRendering = true;\n\t\t} );\n\n\t\t// Remove ranges from DOM selection if editor is blurred.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/5753.\n\t\tif ( env.isiOS ) {\n\t\t\tthis.listenTo<ViewDocumentBlurEvent>( this.document, 'blur', ( evt, data ) => {\n\t\t\t\tconst relatedViewElement = this.domConverter.mapDomToView( data.domEvent.relatedTarget as HTMLElement );\n\n\t\t\t\t// Do not modify DOM selection if focus is moved to other editable of the same editor.\n\t\t\t\tif ( !relatedViewElement ) {\n\t\t\t\t\tthis.domConverter._clearDomSelection();\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\t// Listen to external content mutations (directly in the DOM) and mark them to get verified by the renderer.\n\t\tthis.listenTo<ViewDocumentMutationsEvent>( this.document, 'mutations', ( evt, { mutations } ) => {\n\t\t\tmutations.forEach( mutation => this._renderer.markToSync( mutation.type, mutation.node ) );\n\t\t}, { priority: 'low' } );\n\n\t\t// After all mutated nodes were marked to sync we can trigger view to DOM synchronization\n\t\t// to make sure the DOM structure matches the view.\n\t\tthis.listenTo<ViewDocumentMutationsEvent>( this.document, 'mutations', () => {\n\t\t\tthis.forceRender();\n\t\t}, { priority: 'lowest' } );\n\t}\n\n\t/**\n\t * Attaches a DOM root element to the view element and enable all observers on that element.\n\t * Also {@link module:engine/view/renderer~ViewRenderer#markToSync mark element} to be synchronized\n\t * with the view what means that all child nodes will be removed and replaced with content of the view root.\n\t *\n\t * This method also will change view element name as the same as tag name of given dom root.\n\t * Name is always transformed to lower case.\n\t *\n\t * **Note:** Use {@link #detachDomRoot `detachDomRoot()`} to revert this action.\n\t *\n\t * @param domRoot DOM root element.\n\t * @param name Name of the root.\n\t */\n\tpublic attachDomRoot( domRoot: HTMLElement, name: string = 'main' ): void {\n\t\tconst viewRoot = this.document.getRoot( name )!;\n\n\t\t// Set view root name the same as DOM root tag name.\n\t\tviewRoot._name = domRoot.tagName.toLowerCase();\n\n\t\tconst initialDomRootAttributes: Record<string, string> = {};\n\n\t\t// 1. Copy and cache the attributes to remember the state of the element before attaching.\n\t\t//    The cached attributes will be restored in detachDomRoot() so the element goes to the\n\t\t//    clean state as if the editing view never used it.\n\t\t// 2. Apply the attributes using the view writer, so they all go under the control of the engine.\n\t\t//    The editing view takes over the attribute management completely because various\n\t\t//    features (e.g. addPlaceholder()) require dynamic changes of those attributes and they\n\t\t//    cannot be managed by the engine and the UI library at the same time.\n\t\tfor ( const { name, value } of Array.from( domRoot.attributes ) ) {\n\t\t\tinitialDomRootAttributes[ name ] = value;\n\n\t\t\t// Do not use writer.setAttribute() for the class attribute. The EditableUIView class\n\t\t\t// and its descendants could have already set some using the writer.addClass() on the view\n\t\t\t// document root. They haven't been rendered yet so they are not present in the DOM root.\n\t\t\t// Using writer.setAttribute( 'class', ... ) would override them completely.\n\t\t\tif ( name === 'class' ) {\n\t\t\t\tthis._writer.addClass( value.split( ' ' ), viewRoot );\n\t\t\t} else {\n\t\t\t\t// There is a chance that some attributes have already been set on the view root before attaching\n\t\t\t\t// the DOM root and should be preserved. This is a similar case to the \"class\" attribute except\n\t\t\t\t// this time there is no workaround using a some low-level API.\n\t\t\t\tif ( !viewRoot.hasAttribute( name ) ) {\n\t\t\t\t\tthis._writer.setAttribute( name, value, viewRoot );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis._initialDomRootAttributes.set( domRoot, initialDomRootAttributes );\n\n\t\tconst updateContenteditableAttribute = () => {\n\t\t\tthis._writer.setAttribute( 'contenteditable', ( !viewRoot.isReadOnly ).toString(), viewRoot );\n\n\t\t\tif ( viewRoot.isReadOnly ) {\n\t\t\t\tthis._writer.addClass( 'ck-read-only', viewRoot );\n\t\t\t} else {\n\t\t\t\tthis._writer.removeClass( 'ck-read-only', viewRoot );\n\t\t\t}\n\t\t};\n\n\t\t// Set initial value.\n\t\tupdateContenteditableAttribute();\n\n\t\tthis.domRoots.set( name, domRoot );\n\t\tthis.domConverter.bindElements( domRoot, viewRoot );\n\t\tthis._renderer.markToSync( 'children', viewRoot );\n\t\tthis._renderer.markToSync( 'attributes', viewRoot );\n\t\tthis._renderer.domDocuments.add( domRoot.ownerDocument );\n\n\t\tviewRoot.on<ViewNodeChangeEvent>( 'change:children', ( evt, node ) => this._renderer.markToSync( 'children', node ) );\n\t\tviewRoot.on<ViewNodeChangeEvent>( 'change:attributes', ( evt, node ) => this._renderer.markToSync( 'attributes', node ) );\n\t\tviewRoot.on<ViewNodeChangeEvent>( 'change:text', ( evt, node ) => this._renderer.markToSync( 'text', node ) );\n\t\tviewRoot.on<ObservableChangeEvent>( 'change:isReadOnly', () => this.change( updateContenteditableAttribute ) );\n\n\t\tviewRoot.on( 'change', () => {\n\t\t\tthis._hasChangedSinceTheLastRendering = true;\n\t\t} );\n\n\t\tfor ( const observer of this._observers.values() ) {\n\t\t\tobserver.observe( domRoot, name );\n\t\t}\n\t}\n\n\t/**\n\t * Detaches a DOM root element from the view element and restores its attributes to the state before\n\t * {@link #attachDomRoot `attachDomRoot()`}.\n\t *\n\t * @param name Name of the root to detach.\n\t */\n\tpublic detachDomRoot( name: string ): void {\n\t\tconst domRoot = this.domRoots.get( name )!;\n\n\t\t// Remove all root attributes so the DOM element is \"bare\".\n\t\tArray.from( domRoot.attributes ).forEach( ( { name } ) => domRoot.removeAttribute( name ) );\n\n\t\tconst initialDomRootAttributes = this._initialDomRootAttributes.get( domRoot );\n\n\t\t// Revert all view root attributes back to the state before attachDomRoot was called.\n\t\tfor ( const attribute in initialDomRootAttributes ) {\n\t\t\tdomRoot.setAttribute( attribute, initialDomRootAttributes[ attribute ] );\n\t\t}\n\n\t\tthis.domRoots.delete( name );\n\t\tthis.domConverter.unbindDomElement( domRoot );\n\n\t\tfor ( const observer of this._observers.values() ) {\n\t\t\tobserver.stopObserving( domRoot );\n\t\t}\n\t}\n\n\t/**\n\t * Gets DOM root element.\n\t *\n\t * @param name  Name of the root.\n\t * @returns DOM root element instance.\n\t */\n\tpublic getDomRoot( name: string = 'main' ): HTMLElement | undefined {\n\t\treturn this.domRoots.get( name );\n\t}\n\n\t/**\n\t * Creates observer of the given type if not yet created, {@link module:engine/view/observer/observer~Observer#enable enables} it\n\t * and {@link module:engine/view/observer/observer~Observer#observe attaches} to all existing and future\n\t * {@link #domRoots DOM roots}.\n\t *\n\t * Note: Observers are recognized by their constructor (classes). A single observer will be instantiated and used only\n\t * when registered for the first time. This means that features and other components can register a single observer\n\t * multiple times without caring whether it has been already added or not.\n\t *\n\t * @param ObserverConstructor The constructor of an observer to add.\n\t * Should create an instance inheriting from {@link module:engine/view/observer/observer~Observer}.\n\t * @returns Added observer instance.\n\t */\n\tpublic addObserver( ObserverConstructor: ObserverConstructor ): Observer {\n\t\tlet observer = this._observers.get( ObserverConstructor );\n\n\t\tif ( observer ) {\n\t\t\treturn observer;\n\t\t}\n\n\t\tobserver = new ObserverConstructor( this );\n\n\t\tthis._observers.set( ObserverConstructor, observer );\n\n\t\tfor ( const [ name, domElement ] of this.domRoots ) {\n\t\t\tobserver.observe( domElement, name );\n\t\t}\n\n\t\tobserver.enable();\n\n\t\treturn observer;\n\t}\n\n\tpublic getObserver<T extends ObserverConstructor>( ObserverConstructor: T ):\n\tT extends AlwaysRegisteredViewObservers ? InstanceType<T> : InstanceType<T> | undefined;\n\n\t/**\n\t * Returns observer of the given type or `undefined` if such observer has not been added yet.\n\t *\n\t * @param ObserverConstructor The constructor of an observer to get.\n\t * @returns Observer instance or undefined.\n\t */\n\tpublic getObserver<T extends ObserverConstructor>( ObserverConstructor: T ): InstanceType<T> | undefined {\n\t\treturn this._observers.get( ObserverConstructor ) as ( InstanceType<T> | undefined );\n\t}\n\n\t/**\n\t * Disables all added observers.\n\t */\n\tpublic disableObservers(): void {\n\t\tfor ( const observer of this._observers.values() ) {\n\t\t\tobserver.disable();\n\t\t}\n\t}\n\n\t/**\n\t * Enables all added observers.\n\t */\n\tpublic enableObservers(): void {\n\t\tfor ( const observer of this._observers.values() ) {\n\t\t\tobserver.enable();\n\t\t}\n\t}\n\n\t/**\n\t * Scrolls the page viewport and {@link #domRoots} with their ancestors to reveal the\n\t * caret, **if not already visible to the user**.\n\t *\n\t * **Note**: Calling this method fires the {@link module:engine/view/view~ViewScrollToTheSelectionEvent} event that\n\t * allows custom behaviors.\n\t *\n\t * @param options Additional configuration of the scrolling behavior.\n\t * @param options.viewportOffset A distance between the DOM selection and the viewport boundary to be maintained\n\t * while scrolling to the selection (default is 20px). Setting this value to `0` will reveal the selection precisely at\n\t * the viewport boundary.\n\t * @param options.ancestorOffset A distance between the DOM selection and scrollable DOM root ancestor(s) to be maintained\n\t * while scrolling to the selection (default is 20px). Setting this value to `0` will reveal the selection precisely at\n\t * the scrollable ancestor(s) boundary.\n\t * @param options.alignToTop When set `true`, the DOM selection will be aligned to the top of the viewport if not already visible\n\t * (see `forceScroll` to learn more).\n\t * @param options.forceScroll When set `true`, the DOM selection will be aligned to the top of the viewport and scrollable ancestors\n\t * whether it is already visible or not. This option will only work when `alignToTop` is `true`.\n\t */\n\tpublic scrollToTheSelection<T extends boolean, U extends IfTrue<T>>( {\n\t\talignToTop,\n\t\tforceScroll,\n\t\tviewportOffset = 20,\n\t\tancestorOffset = 20\n\t}: {\n\t\treadonly viewportOffset?: number | { top: number; bottom: number; left: number; right: number };\n\t\treadonly ancestorOffset?: number;\n\t\treadonly alignToTop?: T;\n\t\treadonly forceScroll?: U;\n\t} = {} ): void {\n\t\tconst range = this.document.selection.getFirstRange();\n\n\t\tif ( !range ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Clone to make sure properties like `viewportOffset` are not mutated in the event listeners.\n\t\tconst originalArgs = cloneDeep( { alignToTop, forceScroll, viewportOffset, ancestorOffset } );\n\n\t\tif ( typeof viewportOffset === 'number' ) {\n\t\t\tviewportOffset = {\n\t\t\t\ttop: viewportOffset,\n\t\t\t\tbottom: viewportOffset,\n\t\t\t\tleft: viewportOffset,\n\t\t\t\tright: viewportOffset\n\t\t\t};\n\t\t}\n\n\t\tconst options = {\n\t\t\ttarget: this.domConverter.viewRangeToDom( range ),\n\t\t\tviewportOffset,\n\t\t\tancestorOffset,\n\t\t\talignToTop,\n\t\t\tforceScroll\n\t\t};\n\n\t\tthis.fire<ViewScrollToTheSelectionEvent>( 'scrollToTheSelection', options, originalArgs );\n\n\t\tscrollViewportToShowTarget( options );\n\t}\n\n\t/**\n\t * It will focus DOM element representing {@link module:engine/view/editableelement~ViewEditableElement ViewEditableElement}\n\t * that is currently having selection inside.\n\t */\n\tpublic focus(): void {\n\t\tif ( !this.document.isFocused ) {\n\t\t\tconst editable = this.document.selection.editableElement;\n\n\t\t\tif ( editable ) {\n\t\t\t\tthis.domConverter.focus( editable );\n\t\t\t\tthis.forceRender();\n\t\t\t} else {\n\t\t\t\t// Before focusing view document, selection should be placed inside one of the view's editables.\n\t\t\t\t// Normally its selection will be converted from model document (which have default selection), but\n\t\t\t\t// when using view document on its own, we need to manually place selection before focusing it.\n\t\t\t\t//\n\t\t\t\t// @if CK_DEBUG // console.warn( 'There is no selection in any editable to focus.' );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * The `change()` method is the primary way of changing the view. You should use it to modify any node in the view tree.\n\t * It makes sure that after all changes are made the view is rendered to the DOM (assuming that the view will be changed\n\t * inside the callback). It prevents situations when the DOM is updated when the view state is not yet correct. It allows\n\t * to nest calls one inside another and still performs a single rendering after all those changes are made.\n\t * It also returns the return value of its callback.\n\t *\n\t * ```ts\n\t * const text = view.change( writer => {\n\t * \tconst newText = writer.createText( 'foo' );\n\t * \twriter.insert( position1, newText );\n\t *\n\t * \tview.change( writer => {\n\t * \t\twriter.insert( position2, writer.createText( 'bar' ) );\n\t * \t} );\n\t *\n\t * \twriter.remove( range );\n\t *\n\t * \treturn newText;\n\t * } );\n\t * ```\n\t *\n\t * When the outermost change block is done and rendering to the DOM is over the\n\t * {@link module:engine/view/view~EditingView#event:render `View#render`} event is fired.\n\t *\n\t * This method throws a `applying-view-changes-on-rendering` error when\n\t * the change block is used after rendering to the DOM has started.\n\t *\n\t * @param callback Callback function which may modify the view.\n\t * @returns Value returned by the callback.\n\t */\n\tpublic change<TReturn>( callback: ( writer: ViewDowncastWriter ) => TReturn ): TReturn {\n\t\tif ( this.isRenderingInProgress || this._postFixersInProgress ) {\n\t\t\t/**\n\t\t\t * Thrown when there is an attempt to make changes to the view tree when it is in incorrect state. This may\n\t\t\t * cause some unexpected behaviour and inconsistency between the DOM and the view.\n\t\t\t * This may be caused by:\n\t\t\t *\n\t\t\t * * calling {@link module:engine/view/view~EditingView#change} or {@link module:engine/view/view~EditingView#forceRender}\n\t\t\t * during rendering process,\n\t\t\t * * calling {@link module:engine/view/view~EditingView#change} or {@link module:engine/view/view~EditingView#forceRender}\n\t\t\t * inside of {@link module:engine/view/document~ViewDocument#registerPostFixer post-fixer function}.\n\t\t\t *\n\t\t\t * @error cannot-change-view-tree\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'cannot-change-view-tree',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\ttry {\n\t\t\t// Recursive call to view.change() method - execute listener immediately.\n\t\t\tif ( this._ongoingChange ) {\n\t\t\t\treturn callback( this._writer );\n\t\t\t}\n\n\t\t\t// This lock will assure that all recursive calls to view.change() will end up in same block - one \"render\"\n\t\t\t// event for all nested calls.\n\t\t\tthis._ongoingChange = true;\n\t\t\tconst callbackResult = callback( this._writer );\n\t\t\tthis._ongoingChange = false;\n\n\t\t\t// This lock is used by editing controller to render changes from outer most model.change() once. As plugins might call\n\t\t\t// view.change() inside model.change() block - this will ensures that postfixers and rendering are called once after all\n\t\t\t// changes. Also, we don't need to render anything if there're no changes since last rendering.\n\t\t\tif ( !this._renderingDisabled && this._hasChangedSinceTheLastRendering ) {\n\t\t\t\tthis._postFixersInProgress = true;\n\t\t\t\tthis.document._callPostFixers( this._writer );\n\t\t\t\tthis._postFixersInProgress = false;\n\n\t\t\t\tthis.fire<ViewRenderEvent>( 'render' );\n\t\t\t}\n\n\t\t\treturn callbackResult;\n\t\t} catch ( err: any ) {\n\t\t\t// @if CK_DEBUG // throw err;\n\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\tCKEditorError.rethrowUnexpectedError( err, this );\n\t\t}\n\t}\n\n\t/**\n\t * Forces rendering {@link module:engine/view/document~ViewDocument view document} to DOM. If any view changes are\n\t * currently in progress, rendering will start after all {@link #change change blocks} are processed.\n\t *\n\t * Note that this method is dedicated for special cases. All view changes should be wrapped in the {@link #change}\n\t * block and the view will automatically check whether it needs to render DOM or not.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `applying-view-changes-on-rendering` when\n\t * trying to re-render when rendering to DOM has already started.\n\t */\n\tpublic forceRender(): void {\n\t\tthis._hasChangedSinceTheLastRendering = true;\n\t\tthis.getObserver( FocusObserver ).flush();\n\t\tthis.change( () => {} );\n\t}\n\n\t/**\n\t * Destroys this instance. Makes sure that all observers are destroyed and listeners removed.\n\t */\n\tpublic destroy(): void {\n\t\tfor ( const observer of this._observers.values() ) {\n\t\t\tobserver.destroy();\n\t\t}\n\n\t\tthis.document.destroy();\n\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/view/position~ViewPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/view/item~ViewItem view item} and `'before'` or `'after'` (sets position before or after given view item).\n\t *\n\t * This method is a shortcut to other constructors such as:\n\t *\n\t * * {@link #createPositionBefore},\n\t * * {@link #createPositionAfter},\n\t *\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */\n\tpublic createPositionAt( itemOrPosition: ViewItem | ViewPosition, offset?: ViewPositionOffset ): ViewPosition {\n\t\treturn ViewPosition._createAt( itemOrPosition, offset );\n\t}\n\n\t/**\n\t * Creates a new position after given view item.\n\t *\n\t * @param item View item after which the position should be located.\n\t */\n\tpublic createPositionAfter( item: ViewItem ): ViewPosition {\n\t\treturn ViewPosition._createAfter( item );\n\t}\n\n\t/**\n\t * Creates a new position before given view item.\n\t *\n\t * @param item View item before which the position should be located.\n\t */\n\tpublic createPositionBefore( item: ViewItem ): ViewPosition {\n\t\treturn ViewPosition._createBefore( item );\n\t}\n\n\t/**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * **Note:** This factory method creates it's own {@link module:engine/view/position~ViewPosition} instances basing on passed values.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at `start` position.\n\t */\n\tpublic createRange( start: ViewPosition, end?: ViewPosition | null ): ViewRange {\n\t\treturn new ViewRange( start, end );\n\t}\n\n\t/**\n\t * Creates a range that starts before given {@link module:engine/view/item~ViewItem view item} and ends after it.\n\t */\n\tpublic createRangeOn( item: ViewItem ): ViewRange {\n\t\treturn ViewRange._createOn( item );\n\t}\n\n\t/**\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */\n\tpublic createRangeIn( element: ViewElement ): ViewRange {\n\t\treturn ViewRange._createIn( element );\n\t}\n\n\t/**\n\t * Creates new {@link module:engine/view/selection~ViewSelection} instance.\n\t *\n\t * ```ts\n\t * // Creates collapsed selection at the position of given item and offset.\n\t * const paragraph = view.createContainerElement( 'paragraph' );\n\t * const selection = view.createSelection( paragraph, offset );\n\t *\n\t * // Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the\n\t * // first child of that element and ends after the last child of that element.\n\t * const selection = view.createSelection( paragraph, 'in' );\n\t *\n\t * // Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends\n\t * // just after the item.\n\t * const selection = view.createSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * `Selection`'s factory method allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = view.createSelection( paragraph, 'in', { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = view.createSelection( element, 'in', { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #createSelection:SELECTABLE `createSelection( selectable, options )`}.\n\t *\n\t * @label NODE_OFFSET\n\t */\n\tpublic createSelection( selectable: ViewNode, placeOrOffset: ViewPlaceOrOffset, options?: ViewSelectionOptions ): ViewSelection;\n\n\t/**\n\t * Creates new {@link module:engine/view/selection~ViewSelection} instance.\n\t *\n\t * ```ts\n\t * // Creates empty selection without ranges.\n\t * const selection = view.createSelection();\n\t *\n\t * // Creates selection at the given range.\n\t * const range = view.createRange( start, end );\n\t * const selection = view.createSelection( range );\n\t *\n\t * // Creates selection at the given ranges\n\t * const ranges = [ view.createRange( start1, end2 ), view.createRange( star2, end2 ) ];\n\t * const selection = view.createSelection( ranges );\n\t *\n\t * // Creates selection from the other selection.\n\t * const otherSelection = view.createSelection();\n\t * const selection = view.createSelection( otherSelection );\n\t *\n\t * // Creates selection from the document selection.\n\t * const selection = view.createSelection( editor.editing.view.document.selection );\n\t *\n\t * // Creates selection at the given position.\n\t * const position = view.createPositionFromPath( root, path );\n\t * const selection = view.createSelection( position );\n\t * ```\n\t *\n\t * `Selection`'s factory method allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = view.createSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = view.createSelection( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #createSelection:NODE_OFFSET `createSelection( node, placeOrOffset, options )`}.\n\t *\n\t * @label SELECTABLE\n\t */\n\tpublic createSelection( selectable?: Exclude<ViewSelectable, ViewNode>, options?: ViewSelectionOptions ): ViewSelection;\n\n\tpublic createSelection( ...args: ConstructorParameters<typeof ViewSelection> ): ViewSelection {\n\t\treturn new ViewSelection( ...args );\n\t}\n\n\t/**\n\t * Disables or enables rendering. If the flag is set to `true` then the rendering will be disabled.\n\t * If the flag is set to `false` and if there was some change in the meantime, then the rendering action will be performed.\n\t *\n\t * @internal\n\t * @param flag A flag indicates whether the rendering should be disabled.\n\t */\n\tpublic _disableRendering( flag: boolean ): void {\n\t\tthis._renderingDisabled = flag;\n\n\t\tif ( flag == false ) {\n\t\t\t// Render when you stop blocking rendering.\n\t\t\tthis.change( () => {} );\n\t\t}\n\t}\n\n\t/**\n\t * Renders all changes. In order to avoid triggering the observers (e.g. selection) all observers are disabled\n\t * before rendering and re-enabled after that.\n\t */\n\tprivate _render(): void {\n\t\tthis.isRenderingInProgress = true;\n\t\tthis.disableObservers();\n\t\tthis._renderer.render();\n\t\tthis.enableObservers();\n\t\tthis.isRenderingInProgress = false;\n\t}\n}\n\n/**\n * Fired after a topmost {@link module:engine/view/view~EditingView#change change block} and all\n * {@link module:engine/view/document~ViewDocument#registerPostFixer post-fixers} are executed.\n *\n * Actual rendering is performed as a first listener on 'normal' priority.\n *\n * ```ts\n * view.on( 'render', () => {\n * \t// Rendering to the DOM is complete.\n * } );\n * ```\n *\n * This event is useful when you want to update interface elements after the rendering, e.g. position of the\n * balloon panel. If you wants to change view structure use\n * {@link module:engine/view/document~ViewDocument#registerPostFixer post-fixers}.\n *\n * @eventName ~EditingView#render\n */\nexport type ViewRenderEvent = {\n\tname: 'render';\n\targs: [];\n};\n\n/**\n * An event fired at the moment of {@link module:engine/view/view~EditingView#scrollToTheSelection} being called. It\n * carries two objects in its payload (`args`):\n *\n * * The first argument is the {@link module:engine/view/view~ViewScrollToTheSelectionEventData object containing data} that gets\n *   passed down to the {@link module:utils/dom/scroll~scrollViewportToShowTarget} helper. If some event listener modifies it, it can\n *   adjust the behavior of the scrolling (e.g. include additional `viewportOffset`).\n * * The second argument corresponds to the original arguments passed to {@link module:utils/dom/scroll~scrollViewportToShowTarget}.\n *   It allows listeners to re-execute the `scrollViewportToShowTarget()` method with its original arguments if there is such a need,\n *   for instance, if the integration requires re–scrolling after certain interaction.\n *\n * @eventName ~EditingView#scrollToTheSelection\n */\nexport type ViewScrollToTheSelectionEvent = {\n\tname: 'scrollToTheSelection';\n\targs: [\n\t\tViewScrollToTheSelectionEventData,\n\t\tParameters<EditingView[ 'scrollToTheSelection' ]>[ 0 ]\n\t];\n};\n\n/**\n * An object passed down to the {@link module:utils/dom/scroll~scrollViewportToShowTarget} helper while calling\n * {@link module:engine/view/view~EditingView#scrollToTheSelection}.\n */\nexport type ViewScrollToTheSelectionEventData = {\n\ttarget: DomRange;\n\tviewportOffset: { top: number; bottom: number; left: number; right: number };\n\tancestorOffset: number;\n\talignToTop?: boolean;\n\tforceScroll?: boolean;\n};\n\n/**\n * Observers that are always registered.\n */\nexport type AlwaysRegisteredViewObservers =\n\t| typeof MutationObserver\n\t| typeof FocusObserver\n\t| typeof SelectionObserver\n\t| typeof KeyObserver\n\t| typeof FakeSelectionObserver\n\t| typeof CompositionObserver\n\t| typeof ArrowKeysObserver\n\t| typeof InputObserver\n\t| typeof TabObserver;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/typecheckable\n */\n\nimport type { Marker } from './markercollection.js';\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelDocumentSelection } from './documentselection.js';\nimport { type ModelElement } from './element.js';\nimport { type ModelLivePosition } from './liveposition.js';\nimport { type ModelLiveRange } from './liverange.js';\nimport { type ModelNode } from './node.js';\nimport { type ModelPosition } from './position.js';\nimport { type ModelRange } from './range.js';\nimport { type ModelRootElement } from './rootelement.js';\nimport { type ModelSelection } from './selection.js';\nimport { type ModelText } from './text.js';\nimport { type ModelTextProxy } from './textproxy.js';\n\nexport abstract class ModelTypeCheckable {\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/node~ModelNode} or its subclass.\n\t *\n\t * This method is useful when processing model objects that are of unknown type. For example, a function\n\t * may return a {@link module:engine/model/documentfragment~ModelDocumentFragment} or a {@link module:engine/model/node~ModelNode}\n\t * that can be either a text node or an element. This method can be used to check what kind of object is returned.\n\t *\n\t * ```ts\n\t * someObject.is( 'element' ); // -> true if this is an element\n\t * someObject.is( 'node' ); // -> true if this is a node (a text node or an element)\n\t * someObject.is( 'documentFragment' ); // -> true if this is a document fragment\n\t * ```\n\t *\n\t * Since this method is also available on a range of view objects, you can prefix the type of the object with\n\t * `model:` or `view:` to check, for example, if this is the model's or view's element:\n\t *\n\t * ```ts\n\t * modelElement.is( 'model:element' ); // -> true\n\t * modelElement.is( 'view:element' ); // -> false\n\t * ```\n\t *\n\t * By using this method it is also possible to check a name of an element:\n\t *\n\t * ```ts\n\t * imageElement.is( 'element', 'imageBlock' ); // -> true\n\t * imageElement.is( 'element', 'imageBlock' ); // -> same as above\n\t * imageElement.is( 'model:element', 'imageBlock' ); // -> same as above, but more precise\n\t * ```\n\t *\n\t * @label NODE\n\t */\n\tpublic is( type: 'node' | 'model:node' ): this is ModelNode | ModelElement | ModelText | ModelRootElement;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/element~ModelElement} or its subclass.\n\t *\n\t * ```ts\n\t * element.is( 'element' ); // -> true\n\t * element.is( 'node' ); // -> true\n\t * element.is( 'model:element' ); // -> true\n\t * element.is( 'model:node' ); // -> true\n\t *\n\t * element.is( 'view:element' ); // -> false\n\t * element.is( 'documentSelection' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is an element, you can also check its\n\t * {@link module:engine/model/element~ModelElement#name name}:\n\t *\n\t * ```ts\n\t * element.is( 'element', 'imageBlock' ); // -> true if this is an <imageBlock> element\n\t * text.is( 'element', 'imageBlock' ); -> false\n\t * ```\n\t *\n\t * @label ELEMENT\n\t */\n\tpublic is( type: 'element' | 'model:element' ): this is ModelElement | ModelRootElement;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/rootelement~ModelRootElement}.\n\t *\n\t * ```ts\n\t * rootElement.is( 'rootElement' ); // -> true\n\t * rootElement.is( 'element' ); // -> true\n\t * rootElement.is( 'node' ); // -> true\n\t * rootElement.is( 'model:rootElement' ); // -> true\n\t * rootElement.is( 'model:element' ); // -> true\n\t * rootElement.is( 'model:node' ); // -> true\n\t *\n\t * rootElement.is( 'view:element' ); // -> false\n\t * rootElement.is( 'documentFragment' ); // -> false\n\t * ```\n\t *\n\t * Assuming that the object being checked is an element, you can also check its\n\t * {@link module:engine/model/element~ModelElement#name name}:\n\t *\n\t * ```ts\n\t * rootElement.is( 'rootElement', '$root' ); // -> same as above\n\t * ```\n\t *\n\t * @label ROOT_ELEMENT\n\t */\n\tpublic is( type: 'rootElement' | 'model:rootElement' ): this is ModelRootElement;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/text~ModelText}.\n\t *\n\t * ```ts\n\t * text.is( '$text' ); // -> true\n\t * text.is( 'node' ); // -> true\n\t * text.is( 'model:$text' ); // -> true\n\t * text.is( 'model:node' ); // -> true\n\t *\n\t * text.is( 'view:$text' ); // -> false\n\t * text.is( 'documentSelection' ); // -> false\n\t * ```\n\t *\n\t * **Note:** Until version 20.0.0 this method wasn't accepting `'$text'` type. The legacy `'text'` type is still\n\t * accepted for backward compatibility.\n\t *\n\t * @label TEXT\n\t */\n\tpublic is( type: '$text' | 'model:$text' ): this is ModelText;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/position~ModelPosition} or its subclass.\n\t *\n\t * ```ts\n\t * position.is( 'position' ); // -> true\n\t * position.is( 'model:position' ); // -> true\n\t *\n\t * position.is( 'view:position' ); // -> false\n\t * position.is( 'documentSelection' ); // -> false\n\t * ```\n\t *\n\t * @label POSITION\n\t */\n\tpublic is( type: 'position' | 'model:position' ): this is ModelPosition | ModelLivePosition;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/liveposition~ModelLivePosition}.\n\t *\n\t * ```ts\n\t * livePosition.is( 'position' ); // -> true\n\t * livePosition.is( 'model:position' ); // -> true\n\t * livePosition.is( 'liveposition' ); // -> true\n\t * livePosition.is( 'model:livePosition' ); // -> true\n\t *\n\t * livePosition.is( 'view:position' ); // -> false\n\t * livePosition.is( 'documentSelection' ); // -> false\n\t * ```\n\t *\n\t * @label LIVE_POSITION\n\t */\n\tpublic is( type: 'livePosition' | 'model:livePosition' ): this is ModelLivePosition;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/range~ModelRange} or its subclass.\n\t *\n\t * ```ts\n\t * range.is( 'range' ); // -> true\n\t * range.is( 'model:range' ); // -> true\n\t *\n\t * range.is( 'view:range' ); // -> false\n\t * range.is( 'documentSelection' ); // -> false\n\t * ```\n\t *\n\t * @label RANGE\n\t */\n\tpublic is( type: 'range' | 'model:range' ): this is ModelRange | ModelLiveRange;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/liverange~ModelLiveRange}.\n\t *\n\t * ```ts\n\t * liveRange.is( 'range' ); // -> true\n\t * liveRange.is( 'model:range' ); // -> true\n\t * liveRange.is( 'liveRange' ); // -> true\n\t * liveRange.is( 'model:liveRange' ); // -> true\n\t *\n\t * liveRange.is( 'view:range' ); // -> false\n\t * liveRange.is( 'documentSelection' ); // -> false\n\t * ```\n\t *\n\t * @label LIVE_RANGE\n\t */\n\tpublic is( type: 'liveRange' | 'model:liveRange' ): this is ModelLiveRange;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/documentfragment~ModelDocumentFragment}.\n\t *\n\t * ```ts\n\t * docFrag.is( 'documentFragment' ); // -> true\n\t * docFrag.is( 'model:documentFragment' ); // -> true\n\t *\n\t * docFrag.is( 'view:documentFragment' ); // -> false\n\t * docFrag.is( 'element' ); // -> false\n\t * docFrag.is( 'node' ); // -> false\n\t * ```\n\t *\n\t * @label DOCUMENT_FRAGMENT\n\t */\n\tpublic is( type: 'documentFragment' | 'model:documentFragment' ): this is ModelDocumentFragment;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/selection~ModelSelection}\n\t * or {@link module:engine/model/documentselection~ModelDocumentSelection}.\n\t *\n\t * ```ts\n\t * selection.is( 'selection' ); // -> true\n\t * selection.is( 'model:selection' ); // -> true\n\t *\n\t * selection.is( 'view:selection' ); // -> false\n\t * selection.is( 'range' ); // -> false\n\t * ```\n\t *\n\t * @label SELECTION\n\t */\n\tpublic is( type: 'selection' | 'model:selection' ): this is ModelSelection | ModelDocumentSelection;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/documentselection~ModelDocumentSelection}.\n\t *\n\t * ```ts\n\t * selection.is( 'selection' ); // -> true\n\t * selection.is( 'documentSelection' ); // -> true\n\t * selection.is( 'model:selection' ); // -> true\n\t * selection.is( 'model:documentSelection' ); // -> true\n\t *\n\t * selection.is( 'view:selection' ); // -> false\n\t * selection.is( 'element' ); // -> false\n\t * selection.is( 'node' ); // -> false\n\t * ```\n\t *\n\t * @label DOCUMENT_SELECTION\n\t */\n\tpublic is( type: 'documentSelection' | 'model:documentSelection' ): this is ModelDocumentSelection;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/markercollection~Marker}.\n\t *\n\t * ```ts\n\t * marker.is( 'marker' ); // -> true\n\t * marker.is( 'model:marker' ); // -> true\n\t *\n\t * marker.is( 'view:element' ); // -> false\n\t * marker.is( 'documentSelection' ); // -> false\n\t * ```\n\t *\n\t * @label MARKER\n\t */\n\tpublic is( type: 'marker' | 'model:marker' ): this is Marker;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/textproxy~ModelTextProxy}.\n\t *\n\t * ```ts\n\t * textProxy.is( '$textProxy' ); // -> true\n\t * textProxy.is( 'model:$textProxy' ); // -> true\n\t *\n\t * textProxy.is( 'view:$textProxy' ); // -> false\n\t * textProxy.is( 'range' ); // -> false\n\t * ```\n\t *\n\t * **Note:** Until version 20.0.0 this method wasn't accepting `'$textProxy'` type. The legacy `'textProxt'` type is still\n\t * accepted for backward compatibility.\n\t *\n\t * @label TEXT_PROXY\n\t */\n\tpublic is( type: '$textProxy' | 'model:$textProxy' ): this is ModelTextProxy;\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/element~ModelElement} or its subclass and has the specified `name`.\n\t *\n\t * ```ts\n\t * element.is( 'element', 'imageBlock' ); // -> true if this is an <imageBlock> element\n\t * text.is( 'element', 'imageBlock' ); -> false\n\t * ```\n\t *\n\t * @label ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'element' | 'model:element', name: N ): this is ( ModelElement | ModelRootElement ) & { name: N };\n\n\t/**\n\t * Checks whether the object is of type {@link module:engine/model/rootelement~ModelRootElement} and has the specified `name`.\n\t *\n\t * ```ts\n\t * rootElement.is( 'rootElement', '$root' );\n\t * ```\n\t *\n\t * @label ROOT_ELEMENT_NAME\n\t */\n\tpublic is<N extends string>( type: 'rootElement' | 'model:rootElement', name: N ): this is ModelRootElement & { name: N };\n\n\t/* istanbul ignore next -- @preserve */\n\tpublic is(): boolean {\n\t\t// There are a lot of overloads above.\n\t\t// Overriding method in derived classes remove them and only `is( type: string ): boolean` is visible which we don't want.\n\t\t// One option would be to copy them all to all classes, but that's ugly.\n\t\t// It's best when TypeScript compiler doesn't see those overloads, except the one in the top base class.\n\t\t// To overload a method, but not let the compiler see it, do after class definition:\n\t\t// `MyClass.prototype.is = function( type: string ) {...}`\n\t\tthrow new Error( 'is() method is abstract' );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/textproxy\n */\n\nimport { ModelTypeCheckable } from './typecheckable.js';\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelElement } from './element.js';\nimport { type ModelNode } from './node.js';\nimport { type ModelText } from './text.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\n// @if CK_DEBUG_ENGINE // const { convertMapToStringifiedObject } = require( '../dev-utils/utils' );\n\n/**\n * `ModelTextProxy` represents a part of {@link module:engine/model/text~ModelText text node}.\n *\n * Since {@link module:engine/model/position~ModelPosition positions} can be placed between characters of a text node,\n * {@link module:engine/model/range~ModelRange ranges} may contain only parts of text nodes.\n * When {@link module:engine/model/range~ModelRange#getItems getting items}\n * contained in such range, we need to represent a part of that text node, since returning the whole text node would be incorrect.\n * `ModelTextProxy` solves this issue.\n *\n * `ModelTextProxy` has an API similar to {@link module:engine/model/text~ModelText Text} and allows to do\n * most of the common tasks performed on model nodes.\n *\n * **Note:** Some `ModelTextProxy` instances may represent whole text node, not just a part of it.\n * See {@link module:engine/model/textproxy~ModelTextProxy#isPartial}.\n *\n * **Note:** `ModelTextProxy` is not an instance of {@link module:engine/model/node~ModelNode node}. Keep this in mind when using it as a\n * parameter of methods.\n *\n * **Note:** `ModelTextProxy` is a readonly interface. If you want to perform changes on model data represented by a `ModelTextProxy`\n * use {@link module:engine/model/writer~ModelWriter model writer API}.\n *\n * **Note:** `ModelTextProxy` instances are created on the fly, basing on the current state of model. Because of this, it is\n * highly unrecommended to store references to `ModelTextProxy` instances. `ModelTextProxy` instances are not refreshed when\n * model changes, so they might get invalidated. Instead, consider creating {@link module:engine/model/liveposition~ModelLivePosition live\n * position}.\n *\n * `ModelTextProxy` instances are created by {@link module:engine/model/treewalker~ModelTreeWalker model tree walker}.\n * You should not need to create an instance of this class by your own.\n */\nexport class ModelTextProxy extends ModelTypeCheckable {\n\t/**\n\t * Text node which part is represented by this text proxy.\n\t */\n\tpublic readonly textNode: ModelText;\n\n\t/**\n\t * Text data represented by this text proxy.\n\t */\n\tpublic readonly data: string;\n\n\t/**\n\t * Offset in {@link module:engine/model/textproxy~ModelTextProxy#textNode text node} from which the text proxy starts.\n\t */\n\tpublic readonly offsetInText: number;\n\n\t/**\n\t * Creates a text proxy.\n\t *\n\t * @internal\n\t * @param textNode Text node which part is represented by this text proxy.\n\t * @param offsetInText Offset in {@link module:engine/model/textproxy~ModelTextProxy#textNode text node} from which the text proxy\n\t * starts.\n\t * @param length Text proxy length, that is how many text node's characters, starting from `offsetInText` it represents.\n\t */\n\tconstructor( textNode: ModelText, offsetInText: number, length: number ) {\n\t\tsuper();\n\n\t\tthis.textNode = textNode;\n\n\t\tif ( offsetInText < 0 || offsetInText > textNode.offsetSize ) {\n\t\t\t/**\n\t\t\t * Given `offsetInText` value is incorrect.\n\t\t\t *\n\t\t\t * @error model-textproxy-wrong-offsetintext\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-textproxy-wrong-offsetintext', this );\n\t\t}\n\n\t\tif ( length < 0 || offsetInText + length > textNode.offsetSize ) {\n\t\t\t/**\n\t\t\t * Given `length` value is incorrect.\n\t\t\t *\n\t\t\t * @error model-textproxy-wrong-length\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-textproxy-wrong-length', this );\n\t\t}\n\t\tthis.data = textNode.data.substring( offsetInText, offsetInText + length );\n\n\t\tthis.offsetInText = offsetInText;\n\t}\n\n\t/**\n\t * Offset at which this text proxy starts in it's parent.\n\t *\n\t * @see module:engine/model/node~ModelNode#startOffset\n\t */\n\tpublic get startOffset(): number | null {\n\t\treturn this.textNode.startOffset !== null ? this.textNode.startOffset + this.offsetInText : null;\n\t}\n\n\t/**\n\t * Offset size of this text proxy. Equal to the number of characters represented by the text proxy.\n\t *\n\t * @see module:engine/model/node~ModelNode#offsetSize\n\t */\n\tpublic get offsetSize(): number {\n\t\treturn this.data.length;\n\t}\n\n\t/**\n\t * Offset at which this text proxy ends in it's parent.\n\t *\n\t * @see module:engine/model/node~ModelNode#endOffset\n\t */\n\tpublic get endOffset(): number | null {\n\t\treturn this.startOffset !== null ? this.startOffset + this.offsetSize : null;\n\t}\n\n\t/**\n\t * Flag indicating whether `ModelTextProxy` instance covers only part of the original\n\t * {@link module:engine/model/text~ModelText text node} (`true`) or the whole text node (`false`).\n\t *\n\t * This is `false` when text proxy starts at the very beginning of\n\t * {@link module:engine/model/textproxy~ModelTextProxy#textNode textNode}\n\t * ({@link module:engine/model/textproxy~ModelTextProxy#offsetInText offsetInText} equals `0`) and text proxy sizes is equal to\n\t * text node size.\n\t */\n\tpublic get isPartial(): boolean {\n\t\treturn this.offsetSize !== this.textNode.offsetSize;\n\t}\n\n\t/**\n\t * Parent of this text proxy, which is same as parent of text node represented by this text proxy.\n\t */\n\tpublic get parent(): ModelElement | ModelDocumentFragment | null {\n\t\treturn this.textNode.parent;\n\t}\n\n\t/**\n\t * Root of this text proxy, which is same as root of text node represented by this text proxy.\n\t */\n\tpublic get root(): ModelNode | ModelDocumentFragment {\n\t\treturn this.textNode.root;\n\t}\n\n\t/**\n\t * Gets path to this text proxy.\n\t *\n\t * @see module:engine/model/node~ModelNode#getPath\n\t */\n\tpublic getPath(): Array<number> {\n\t\tconst path = this.textNode.getPath();\n\n\t\tif ( path.length > 0 ) {\n\t\t\tpath[ path.length - 1 ] += this.offsetInText;\n\t\t}\n\n\t\treturn path;\n\t}\n\n\t/**\n\t * Returns ancestors array of this text proxy.\n\t *\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` this text proxy will be also included in parent's array.\n\t * @param options.parentFirst When set to `true`, array will be sorted from text proxy parent to root element,\n\t * otherwise root element will be the first item in the array.\n\t * @returns Array with ancestors.\n\t */\n\tpublic getAncestors( options: {\n\t\tincludeSelf?: boolean;\n\t\tparentFirst?: boolean;\n\t} = {} ): Array<ModelTextProxy | ModelElement | ModelDocumentFragment> {\n\t\tconst ancestors: Array<ModelTextProxy | ModelElement | ModelDocumentFragment> = [];\n\t\tlet parent: ModelTextProxy | ModelElement | ModelDocumentFragment | null = options.includeSelf ? this : this.parent;\n\n\t\twhile ( parent ) {\n\t\t\tancestors[ options.parentFirst ? 'push' : 'unshift' ]( parent );\n\t\t\tparent = parent.parent;\n\t\t}\n\n\t\treturn ancestors;\n\t}\n\n\t/**\n\t * Checks if this text proxy has an attribute for given key.\n\t *\n\t * @param key Key of attribute to check.\n\t * @returns `true` if attribute with given key is set on text proxy, `false` otherwise.\n\t */\n\tpublic hasAttribute( key: string ): boolean {\n\t\treturn this.textNode.hasAttribute( key );\n\t}\n\n\t/**\n\t * Gets an attribute value for given key or `undefined` if that attribute is not set on text proxy.\n\t *\n\t * @param key Key of attribute to look for.\n\t * @returns Attribute value or `undefined`.\n\t */\n\tpublic getAttribute( key: string ): unknown {\n\t\treturn this.textNode.getAttribute( key );\n\t}\n\n\t/**\n\t * Returns iterator that iterates over this node's attributes. Attributes are returned as arrays containing two\n\t * items. First one is attribute key and second is attribute value.\n\t *\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */\n\tpublic getAttributes(): IterableIterator<[ string, unknown ]> {\n\t\treturn this.textNode.getAttributes();\n\t}\n\n\t/**\n\t * Returns iterator that iterates over this node's attribute keys.\n\t */\n\tpublic getAttributeKeys(): IterableIterator<string> {\n\t\treturn this.textNode.getAttributeKeys();\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `#${ this.data }`;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public log(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ModelTextProxy: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logExtended(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( `ModelTextProxy: ${ this }, ` +\n\t// @if CK_DEBUG_ENGINE // \t\t`attrs: ${ convertMapToStringifiedObject( this.getAttributes() ) }` );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelTextProxy.prototype.is = function( type: string ): boolean {\n\treturn type === '$textProxy' || type === 'model:$textProxy' ||\n\t\t// This are legacy values kept for backward compatibility.\n\t\ttype === 'textProxy' || type === 'model:textProxy';\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/treewalker\n */\n\nimport { type ModelElement } from './element.js';\nimport {\n\tModelPosition,\n\tgetTextNodeAtPosition,\n\tgetNodeAfterPosition,\n\tgetNodeBeforePosition\n} from './position.js';\nimport { ModelTextProxy } from './textproxy.js';\n\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelItem } from './item.js';\nimport { type ModelRange } from './range.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Position iterator class. It allows to iterate forward and backward over the document.\n */\nexport class ModelTreeWalker implements Iterable<ModelTreeWalkerValue> {\n\t/**\n\t * Walking direction. Defaults `'forward'`.\n\t */\n\tpublic readonly direction: ModelTreeWalkerDirection;\n\n\t/**\n\t * Iterator boundaries.\n\t *\n\t * When the iterator is walking `'forward'` on the end of boundary or is walking `'backward'`\n\t * on the start of boundary, then `{ done: true }` is returned.\n\t *\n\t * If boundaries are not defined they are set before first and after last child of the root node.\n\t */\n\tpublic readonly boundaries: ModelRange | null;\n\n\t/**\n\t * Flag indicating whether all consecutive characters with the same attributes should be\n\t * returned as one {@link module:engine/model/textproxy~ModelTextProxy} (`true`) or one by one (`false`).\n\t */\n\tpublic readonly singleCharacters: boolean;\n\n\t/**\n\t * Flag indicating whether iterator should enter elements or not. If the iterator is shallow child nodes of any\n\t * iterated node will not be returned along with `elementEnd` tag.\n\t */\n\tpublic readonly shallow: boolean;\n\n\t/**\n\t * Flag indicating whether iterator should ignore `elementEnd` tags. If the option is true walker will not\n\t * return a parent node of the start position. If this option is `true` each {@link module:engine/model/element~ModelElement} will\n\t * be returned once, while if the option is `false` they might be returned twice:\n\t * for `'elementStart'` and `'elementEnd'`.\n\t */\n\tpublic readonly ignoreElementEnd: boolean;\n\n\t/**\n\t * Iterator position. This is always static position, even if the initial position was a\n\t * {@link module:engine/model/liveposition~ModelLivePosition live position}. If start position is not defined then position depends\n\t * on {@link #direction}. If direction is `'forward'` position starts form the beginning, when direction\n\t * is `'backward'` position starts from the end.\n\t */\n\tprivate _position: ModelPosition;\n\n\t/**\n\t * Start boundary cached for optimization purposes.\n\t */\n\tprivate _boundaryStartParent: ModelElement | ModelDocumentFragment | null;\n\n\t/**\n\t * End boundary cached for optimization purposes.\n\t */\n\tprivate _boundaryEndParent: ModelElement | ModelDocumentFragment | null;\n\n\t/**\n\t * Parent of the most recently visited node. Cached for optimization purposes.\n\t */\n\tprivate _visitedParent: ModelElement | ModelDocumentFragment;\n\n\t/**\n\t * Creates a range iterator. All parameters are optional, but you have to specify either `boundaries` or `startPosition`.\n\t *\n\t * @param options Object with configuration.\n\t */\n\tconstructor( options: ModelTreeWalkerOptions ) {\n\t\tif ( !options || ( !options.boundaries && !options.startPosition ) ) {\n\t\t\t/**\n\t\t\t * Neither boundaries nor starting position of a `TreeWalker` have been defined.\n\t\t\t *\n\t\t\t * @error model-tree-walker-no-start-position\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'model-tree-walker-no-start-position',\n\t\t\t\tnull\n\t\t\t);\n\t\t}\n\n\t\tconst direction = options.direction || 'forward';\n\n\t\tif ( direction != 'forward' && direction != 'backward' ) {\n\t\t\t/**\n\t\t\t * Only `backward` and `forward` direction allowed.\n\t\t\t *\n\t\t\t * @error model-tree-walker-unknown-direction\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-tree-walker-unknown-direction', options, { direction } );\n\t\t}\n\n\t\tthis.direction = direction;\n\t\tthis.boundaries = options.boundaries || null;\n\n\t\tif ( options.startPosition ) {\n\t\t\tthis._position = options.startPosition.clone();\n\t\t} else {\n\t\t\tthis._position = ModelPosition._createAt( this.boundaries![ this.direction == 'backward' ? 'end' : 'start' ] );\n\t\t}\n\n\t\t// Reset position stickiness in case it was set to other value, as the stickiness is kept after cloning.\n\t\tthis.position.stickiness = 'toNone';\n\n\t\tthis.singleCharacters = !!options.singleCharacters;\n\t\tthis.shallow = !!options.shallow;\n\t\tthis.ignoreElementEnd = !!options.ignoreElementEnd;\n\n\t\tthis._boundaryStartParent = this.boundaries ? this.boundaries.start.parent : null;\n\t\tthis._boundaryEndParent = this.boundaries ? this.boundaries.end.parent : null;\n\t\tthis._visitedParent = this.position.parent;\n\t}\n\n\t/**\n\t * Iterable interface.\n\t *\n\t * @returns {Iterable.<module:engine/model/treewalker~ModelTreeWalkerValue>}\n\t */\n\tpublic [ Symbol.iterator ](): IterableIterator<ModelTreeWalkerValue> {\n\t\treturn this;\n\t}\n\n\t/**\n\t * Iterator position. This is always static position, even if the initial position was a\n\t * {@link module:engine/model/liveposition~ModelLivePosition live position}. If start position is not defined then position depends\n\t * on {@link #direction}. If direction is `'forward'` position starts form the beginning, when direction\n\t * is `'backward'` position starts from the end.\n\t */\n\tpublic get position(): ModelPosition {\n\t\treturn this._position;\n\t}\n\n\t/**\n\t * Moves {@link #position} in the {@link #direction} skipping values as long as the callback function returns `true`.\n\t *\n\t * For example:\n\t *\n\t * ```ts\n\t * walker.skip( value => value.type == 'text' ); // <paragraph>[]foo</paragraph> -> <paragraph>foo[]</paragraph>\n\t * walker.skip( () => true ); // Move the position to the end: <paragraph>[]foo</paragraph> -> <paragraph>foo</paragraph>[]\n\t * walker.skip( () => false ); // Do not move the position.\n\t * ```\n\t *\n\t * @param skip Callback function. Gets {@link module:engine/model/treewalker~ModelTreeWalkerValue} and should\n\t * return `true` if the value should be skipped or `false` if not.\n\t */\n\tpublic skip( skip: ( value: ModelTreeWalkerValue ) => boolean ): void {\n\t\tlet done, value, prevPosition, prevVisitedParent;\n\n\t\tdo {\n\t\t\tprevPosition = this.position;\n\t\t\tprevVisitedParent = this._visitedParent;\n\n\t\t\t( { done, value } = this.next() );\n\t\t} while ( !done && skip( value ) );\n\n\t\tif ( !done ) {\n\t\t\tthis._position = prevPosition;\n\t\t\tthis._visitedParent = prevVisitedParent;\n\t\t}\n\t}\n\n\t/**\n\t * Moves tree walker {@link #position} to provided `position`. Tree walker will\n\t * continue traversing from that position.\n\t *\n\t * Note: in contrary to {@link ~ModelTreeWalker#skip}, this method does not iterate over the nodes along the way.\n\t * It simply sets the current tree walker position to a new one.\n\t * From the performance standpoint, it is better to use {@link ~ModelTreeWalker#jumpTo} rather than {@link ~ModelTreeWalker#skip}.\n\t *\n\t * If the provided position is before the start boundary, the position will be\n\t * set to the start boundary. If the provided position is after the end boundary,\n\t * the position will be set to the end boundary.\n\t * This is done to prevent the treewalker from traversing outside the boundaries.\n\t *\n\t * @param position Position to jump to.\n\t */\n\tpublic jumpTo( position: ModelPosition ): void {\n\t\tif ( this._boundaryStartParent && position.isBefore( this.boundaries!.start ) ) {\n\t\t\tposition = this.boundaries!.start;\n\t\t} else if ( this._boundaryEndParent && position.isAfter( this.boundaries!.end ) ) {\n\t\t\tposition = this.boundaries!.end;\n\t\t}\n\n\t\tthis._position = position.clone();\n\t\tthis._visitedParent = position.parent;\n\t}\n\n\t/**\n\t * Gets the next tree walker's value.\n\t */\n\tpublic next(): IteratorResult<ModelTreeWalkerValue> {\n\t\tif ( this.direction == 'forward' ) {\n\t\t\treturn this._next();\n\t\t} else {\n\t\t\treturn this._previous();\n\t\t}\n\t}\n\n\t/**\n\t * Makes a step forward in model. Moves the {@link #position} to the next position and returns the encountered value.\n\t */\n\tprivate _next(): IteratorResult<ModelTreeWalkerValue> {\n\t\tconst previousPosition = this.position;\n\t\tconst position = this.position.clone();\n\t\tconst parent = this._visitedParent;\n\n\t\t// We are at the end of the root.\n\t\tif ( parent.parent === null && position.offset === parent.maxOffset ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\t// We reached the walker boundary.\n\t\tif ( parent === this._boundaryEndParent && position.offset == this.boundaries!.end.offset ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\t// Get node just after the current position.\n\t\t// Use a highly optimized version instead of checking the text node first and then getting the node after. See #6582.\n\t\tconst textNodeAtPosition = getTextNodeAtPosition( position, parent );\n\t\tconst node = textNodeAtPosition || getNodeAfterPosition( position, parent, textNodeAtPosition );\n\n\t\tif ( node && node.is( 'model:element' ) ) {\n\t\t\tif ( !this.shallow ) {\n\t\t\t\t// Manual operations on path internals for optimization purposes. Here and in the rest of the method.\n\t\t\t\t( position.path as Array<number> ).push( 0 );\n\t\t\t\tthis._visitedParent = node;\n\t\t\t} else {\n\t\t\t\t// We are past the walker boundaries.\n\t\t\t\tif ( this.boundaries && this.boundaries.end.isBefore( position ) ) {\n\t\t\t\t\treturn { done: true, value: undefined };\n\t\t\t\t}\n\n\t\t\t\tposition.offset++;\n\t\t\t}\n\n\t\t\tthis._position = position;\n\n\t\t\treturn formatReturnValue( 'elementStart', node, previousPosition, position, 1 );\n\t\t}\n\n\t\tif ( node && node.is( 'model:$text' ) ) {\n\t\t\tlet charactersCount;\n\n\t\t\tif ( this.singleCharacters ) {\n\t\t\t\tcharactersCount = 1;\n\t\t\t} else {\n\t\t\t\tlet offset = node.endOffset!;\n\n\t\t\t\tif ( this._boundaryEndParent == parent && this.boundaries!.end.offset < offset ) {\n\t\t\t\t\toffset = this.boundaries!.end.offset;\n\t\t\t\t}\n\n\t\t\t\tcharactersCount = offset - position.offset;\n\t\t\t}\n\n\t\t\tconst offsetInTextNode = position.offset - node.startOffset!;\n\t\t\tconst item = new ModelTextProxy( node, offsetInTextNode, charactersCount );\n\n\t\t\tposition.offset += charactersCount;\n\t\t\tthis._position = position;\n\n\t\t\treturn formatReturnValue( 'text', item, previousPosition, position, charactersCount );\n\t\t}\n\n\t\t// `node` is not set, we reached the end of current `parent`.\n\t\t( position.path as Array<number> ).pop();\n\t\tposition.offset++;\n\t\tthis._position = position;\n\t\tthis._visitedParent = parent.parent!;\n\n\t\tif ( this.ignoreElementEnd ) {\n\t\t\treturn this._next();\n\t\t}\n\n\t\treturn formatReturnValue( 'elementEnd', parent as ModelElement, previousPosition, position );\n\t}\n\n\t/**\n\t * Makes a step backward in model. Moves the {@link #position} to the previous position and returns the encountered value.\n\t */\n\tprivate _previous(): IteratorResult<ModelTreeWalkerValue> {\n\t\tconst previousPosition = this.position;\n\t\tconst position = this.position.clone();\n\t\tconst parent = this._visitedParent;\n\n\t\t// We are at the beginning of the root.\n\t\tif ( parent.parent === null && position.offset === 0 ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\t// We reached the walker boundary.\n\t\tif ( parent == this._boundaryStartParent && position.offset == this.boundaries!.start.offset ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\t// Get node just before the current position.\n\t\t// Use a highly optimized version instead of checking the text node first and then getting the node before. See #6582.\n\t\tconst positionParent = position.parent;\n\t\tconst textNodeAtPosition = getTextNodeAtPosition( position, positionParent );\n\t\tconst node = textNodeAtPosition || getNodeBeforePosition( position, positionParent, textNodeAtPosition );\n\n\t\tif ( node && node.is( 'model:element' ) ) {\n\t\t\tposition.offset--;\n\n\t\t\tif ( this.shallow ) {\n\t\t\t\tthis._position = position;\n\n\t\t\t\treturn formatReturnValue( 'elementStart', node, previousPosition, position, 1 );\n\t\t\t}\n\n\t\t\t( position.path as Array<number> ).push( node.maxOffset );\n\t\t\tthis._position = position;\n\t\t\tthis._visitedParent = node;\n\n\t\t\tif ( this.ignoreElementEnd ) {\n\t\t\t\treturn this._previous();\n\t\t\t}\n\n\t\t\treturn formatReturnValue( 'elementEnd', node, previousPosition, position );\n\t\t}\n\n\t\tif ( node && node.is( 'model:$text' ) ) {\n\t\t\tlet charactersCount;\n\n\t\t\tif ( this.singleCharacters ) {\n\t\t\t\tcharactersCount = 1;\n\t\t\t} else {\n\t\t\t\tlet offset = node.startOffset!;\n\n\t\t\t\tif ( this._boundaryStartParent == parent && this.boundaries!.start.offset > offset ) {\n\t\t\t\t\toffset = this.boundaries!.start.offset;\n\t\t\t\t}\n\n\t\t\t\tcharactersCount = position.offset - offset;\n\t\t\t}\n\n\t\t\tconst offsetInTextNode = position.offset - node.startOffset!;\n\t\t\tconst item = new ModelTextProxy( node, offsetInTextNode - charactersCount, charactersCount );\n\n\t\t\tposition.offset -= charactersCount;\n\t\t\tthis._position = position;\n\n\t\t\treturn formatReturnValue( 'text', item, previousPosition, position, charactersCount );\n\t\t}\n\n\t\t// `node` is not set, we reached the beginning of current `parent`.\n\t\t( position.path as Array<number> ).pop();\n\t\tthis._position = position;\n\t\tthis._visitedParent = parent.parent!;\n\n\t\treturn formatReturnValue( 'elementStart', parent as ModelElement, previousPosition, position, 1 );\n\t}\n}\n\nfunction formatReturnValue(\n\ttype: ModelTreeWalkerValueType,\n\titem: ModelItem,\n\tpreviousPosition: ModelPosition,\n\tnextPosition: ModelPosition,\n\tlength?: number\n): IteratorYieldResult<ModelTreeWalkerValue> {\n\treturn {\n\t\tdone: false,\n\t\tvalue: {\n\t\t\ttype,\n\t\t\titem,\n\t\t\tpreviousPosition,\n\t\t\tnextPosition,\n\t\t\tlength\n\t\t}\n\t};\n}\n\n/**\n * Type of the step made by {@link module:engine/model/treewalker~ModelTreeWalker}.\n * Possible values: `'elementStart'` if walker is at the beginning of a node, `'elementEnd'` if walker is at the end of node,\n * or `'text'` if walker traversed over text.\n */\nexport type ModelTreeWalkerValueType = 'elementStart' | 'elementEnd' | 'text';\n\n/**\n * Object returned by {@link module:engine/model/treewalker~ModelTreeWalker} when traversing tree model.\n */\nexport interface ModelTreeWalkerValue {\n\ttype: ModelTreeWalkerValueType;\n\n\t/**\n\t * Item between old and new positions of {@link module:engine/model/treewalker~ModelTreeWalker}.\n\t */\n\titem: ModelItem;\n\n\t/**\n\t * Previous position of the iterator.\n\t * * Forward iteration: For `'elementEnd'` it is the last position inside the element. For all other types it is the\n\t * position before the item.\n\t * * Backward iteration: For `'elementStart'` it is the first position inside the element. For all other types it is\n\t * the position after item.\n\t */\n\tpreviousPosition: ModelPosition;\n\n\t/**\n\t * Next position of the iterator.\n\t * * Forward iteration: For `'elementStart'` it is the first position inside the element. For all other types it is\n\t * the position after the item.\n\t * * Backward iteration: For `'elementEnd'` it is last position inside element. For all other types it is the position\n\t * before the item.\n\t */\n\tnextPosition: ModelPosition;\n\n\t/**\n\t * Length of the item. For `'elementStart'` it is 1. For `'text'` it is the length of the text. For `'elementEnd'` it is `undefined`.\n\t */\n\tlength?: number;\n}\n\n/**\n * Tree walking direction.\n */\nexport type ModelTreeWalkerDirection = 'forward' | 'backward';\n\n/**\n * The configuration of TreeWalker.\n *\n * All parameters are optional, but you have to specify either `boundaries` or `startPosition`.\n */\nexport interface ModelTreeWalkerOptions {\n\n\t/**\n\t * Walking direction.\n\t *\n\t * @default 'forward'\n\t */\n\tdirection?: ModelTreeWalkerDirection;\n\n\t/**\n\t * Range to define boundaries of the iterator.\n\t */\n\tboundaries?: ModelRange | null;\n\n\t/**\n\t * Starting position.\n\t */\n\tstartPosition?: ModelPosition;\n\n\t/**\n\t * Flag indicating whether all consecutive characters with the same attributes\n\t * should be returned one by one as multiple {@link module:engine/model/textproxy~ModelTextProxy} (`true`) objects or as one\n\t * {@link module:engine/model/textproxy~ModelTextProxy} (`false`).\n\t */\n\tsingleCharacters?: boolean;\n\n\t/**\n\t * Flag indicating whether iterator should enter elements or not. If the\n\t * iterator is shallow child nodes of any iterated node will not be returned along with `elementEnd` tag.\n\t */\n\tshallow?: boolean;\n\n\t/**\n\t * Flag indicating whether iterator should ignore `elementEnd` tags.\n\t * If the option is true walker will not return a parent node of start position. If this option is `true`\n\t * each {@link module:engine/model/element~ModelElement} will be returned once, while if the option is `false` they might be returned\n\t * twice: for `'elementStart'` and `'elementEnd'`.\n\t */\n\tignoreElementEnd?: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/position\n */\n\nimport { ModelTypeCheckable } from './typecheckable.js';\nimport { ModelTreeWalker, type ModelTreeWalkerOptions, type ModelTreeWalkerValue } from './treewalker.js';\n\nimport { type ModelDocument } from './document.js';\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelElement } from './element.js';\nimport { type InsertOperation } from './operation/insertoperation.js';\nimport { type ModelItem } from './item.js';\nimport { type MergeOperation } from './operation/mergeoperation.js';\nimport { type MoveOperation } from './operation/moveoperation.js';\nimport { type ModelNode } from './node.js';\nimport { type Operation } from './operation/operation.js';\nimport { type SplitOperation } from './operation/splitoperation.js';\nimport { type ModelText } from './text.js';\n\nimport { CKEditorError, compareArrays } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Represents a position in the model tree.\n *\n * A position is represented by its {@link module:engine/model/position~ModelPosition#root} and\n * a {@link module:engine/model/position~ModelPosition#path} in that root.\n *\n * You can create position instances via its constructor or the `createPosition*()` factory methods of\n * {@link module:engine/model/model~Model} and {@link module:engine/model/writer~ModelWriter}.\n *\n * **Note:** Position is based on offsets, not indexes. This means that a position between two text nodes\n * `foo` and `bar` has offset `3`, not `1`. See {@link module:engine/model/position~ModelPosition#path} for more information.\n *\n * Since a position in the model is represented by a {@link module:engine/model/position~ModelPosition#root position root} and\n * {@link module:engine/model/position~ModelPosition#path position path} it is possible to create positions placed in non-existing places.\n * This requirement is important for operational transformation algorithms.\n *\n * Also, {@link module:engine/model/operation/operation~Operation operations}\n * kept in the {@link module:engine/model/document~ModelDocument#history document history}\n * are storing positions (and ranges) which were correct when those operations were applied, but may not be correct\n * after the document has changed.\n *\n * When changes are applied to the model, it may also happen that {@link module:engine/model/position~ModelPosition#parent position parent}\n * will change even if position path has not changed. Keep in mind, that if a position leads to non-existing element,\n * {@link module:engine/model/position~ModelPosition#parent} and some other properties and methods will throw errors.\n *\n * In most cases, position with wrong path is caused by an error in code, but it is sometimes needed, as described above.\n */\nexport class ModelPosition extends ModelTypeCheckable {\n\t/**\n\t * Root of the position path.\n\t */\n\tpublic readonly root: ModelElement | ModelDocumentFragment;\n\n\t/**\n\t * Position of the node in the tree. **Path contains offsets, not indexes.**\n\t *\n\t * Position can be placed before, after or in a {@link module:engine/model/node~ModelNode node} if that node has\n\t * {@link module:engine/model/node~ModelNode#offsetSize} greater than `1`. Items in position path are\n\t * {@link module:engine/model/node~ModelNode#startOffset starting offsets} of position ancestors, starting from direct root children,\n\t * down to the position offset in it's parent.\n\t *\n\t * ```\n\t * ROOT\n\t *  |- P            before: [ 0 ]         after: [ 1 ]\n\t *  |- UL           before: [ 1 ]         after: [ 2 ]\n\t *     |- LI        before: [ 1, 0 ]      after: [ 1, 1 ]\n\t *     |  |- foo    before: [ 1, 0, 0 ]   after: [ 1, 0, 3 ]\n\t *     |- LI        before: [ 1, 1 ]      after: [ 1, 2 ]\n\t *        |- bar    before: [ 1, 1, 0 ]   after: [ 1, 1, 3 ]\n\t * ```\n\t *\n\t * `foo` and `bar` are representing {@link module:engine/model/text~ModelText text nodes}. Since text nodes has offset size\n\t * greater than `1` you can place position offset between their start and end:\n\t *\n\t * ```\n\t * ROOT\n\t *  |- P\n\t *  |- UL\n\t *     |- LI\n\t *     |  |- f^o|o  ^ has path: [ 1, 0, 1 ]   | has path: [ 1, 0, 2 ]\n\t *     |- LI\n\t *        |- b^a|r  ^ has path: [ 1, 1, 1 ]   | has path: [ 1, 1, 2 ]\n\t * ```\n\t */\n\tpublic readonly path: ReadonlyArray<number>;\n\n\t/**\n\t * Position stickiness. See {@link module:engine/model/position~ModelPositionStickiness}.\n\t */\n\tpublic stickiness: ModelPositionStickiness;\n\n\t/**\n\t * Creates a position.\n\t *\n\t * @param root Root of the position.\n\t * @param path Position path. See {@link module:engine/model/position~ModelPosition#path}.\n\t * @param stickiness Position stickiness. See {@link module:engine/model/position~ModelPositionStickiness}.\n\t */\n\tconstructor(\n\t\troot: ModelElement | ModelDocumentFragment,\n\t\tpath: ReadonlyArray<number>,\n\t\tstickiness: ModelPositionStickiness = 'toNone'\n\t) {\n\t\tsuper();\n\n\t\tif ( !root.is( 'element' ) && !root.is( 'documentFragment' ) ) {\n\t\t\t/**\n\t\t\t * Position root is invalid.\n\t\t\t *\n\t\t\t * Positions can only be anchored in elements or document fragments.\n\t\t\t *\n\t\t\t * @error model-position-root-invalid\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'model-position-root-invalid',\n\t\t\t\troot\n\t\t\t);\n\t\t}\n\n\t\tif ( !Array.isArray( path ) || path.length === 0 ) {\n\t\t\t/**\n\t\t\t * Position path must be an array with at least one item.\n\t\t\t *\n\t\t\t * @error model-position-path-incorrect-format\n\t\t\t * @param {Array.<number>} path A path to the position.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'model-position-path-incorrect-format',\n\t\t\t\troot,\n\t\t\t\t{ path }\n\t\t\t);\n\t\t}\n\n\t\t// Normalize the root and path when element (not root) is passed.\n\t\tif ( root.is( 'rootElement' ) ) {\n\t\t\tpath = path.slice();\n\t\t} else {\n\t\t\tpath = [ ...root.getPath(), ...path ];\n\t\t\troot = root.root as any;\n\t\t}\n\n\t\tthis.root = root;\n\t\tthis.path = path;\n\t\tthis.stickiness = stickiness;\n\t}\n\n\t/**\n\t * Offset at which this position is located in its {@link module:engine/model/position~ModelPosition#parent parent}. It is equal\n\t * to the last item in position {@link module:engine/model/position~ModelPosition#path path}.\n\t *\n\t * @type {Number}\n\t */\n\tpublic get offset(): number {\n\t\treturn this.path[ this.path.length - 1 ];\n\t}\n\n\tpublic set offset( newOffset: number ) {\n\t\t( this.path as Array<number> )[ this.path.length - 1 ] = newOffset;\n\t}\n\n\t/**\n\t * Parent element of this position.\n\t *\n\t * Keep in mind that `parent` value is calculated when the property is accessed.\n\t * If {@link module:engine/model/position~ModelPosition#path position path}\n\t * leads to a non-existing element, `parent` property will throw error.\n\t *\n\t * Also it is a good idea to cache `parent` property if it is used frequently in an algorithm (i.e. in a long loop).\n\t */\n\tpublic get parent(): ModelElement | ModelDocumentFragment {\n\t\tlet parent: any = this.root;\n\n\t\tfor ( let i = 0; i < this.path.length - 1; i++ ) {\n\t\t\tparent = parent.getChildAtOffset( this.path[ i ] );\n\n\t\t\tif ( !parent ) {\n\t\t\t\t/**\n\t\t\t\t * The position's path is incorrect. This means that a position does not point to\n\t\t\t\t * a correct place in the tree and hence, some of its methods and getters cannot work correctly.\n\t\t\t\t *\n\t\t\t\t * **Note**: Unlike DOM and view positions, in the model, the\n\t\t\t\t * {@link module:engine/model/position~ModelPosition#parent position's parent} is always an element or a document fragment.\n\t\t\t\t * The last offset in the\n\t\t\t\t * {@link module:engine/model/position~ModelPosition#path position's path} is the point in this element\n\t\t\t\t * where this position points.\n\t\t\t\t *\n\t\t\t\t * Read more about model positions and offsets in\n\t\t\t\t * the {@glink framework/architecture/editing-engine#indexes-and-offsets Editing engine architecture} guide.\n\t\t\t\t *\n\t\t\t\t * @error model-position-path-incorrect\n\t\t\t\t * @param {module:engine/model/position~ModelPosition} position The incorrect position.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'model-position-path-incorrect', this, { position: this } );\n\t\t\t}\n\t\t}\n\n\t\tif ( parent.is( '$text' ) ) {\n\t\t\tthrow new CKEditorError( 'model-position-path-incorrect', this, { position: this } );\n\t\t}\n\n\t\treturn parent;\n\t}\n\n\t/**\n\t * Position {@link module:engine/model/position~ModelPosition#offset offset} converted to an index in position's parent node. It is\n\t * equal to the {@link module:engine/model/node~ModelNode#index index} of a node after this position. If position is placed\n\t * in text node, position index is equal to the index of that text node.\n\t */\n\tpublic get index(): number {\n\t\treturn this.parent.offsetToIndex( this.offset );\n\t}\n\n\t/**\n\t * Returns {@link module:engine/model/text~ModelText text node} instance in which this position is placed or `null` if this\n\t * position is not in a text node.\n\t */\n\tpublic get textNode(): ModelText | null {\n\t\treturn getTextNodeAtPosition( this, this.parent );\n\t}\n\n\t/**\n\t * Node directly after this position. Returns `null` if this position is at the end of its parent, or if it is in a text node.\n\t */\n\tpublic get nodeAfter(): ModelNode | null {\n\t\t// Cache the parent and reuse for performance reasons. See #6579 and #6582.\n\t\tconst parent = this.parent;\n\n\t\treturn getNodeAfterPosition( this, parent, getTextNodeAtPosition( this, parent ) );\n\t}\n\n\t/**\n\t * Node directly before this position. Returns `null` if this position is at the start of its parent, or if it is in a text node.\n\t */\n\tpublic get nodeBefore(): ModelNode | null {\n\t\t// Cache the parent and reuse for performance reasons. See #6579 and #6582.\n\t\tconst parent = this.parent;\n\n\t\treturn getNodeBeforePosition( this, parent, getTextNodeAtPosition( this, parent ) );\n\t}\n\n\t/**\n\t * Is `true` if position is at the beginning of its {@link module:engine/model/position~ModelPosition#parent parent}, `false` otherwise.\n\t */\n\tpublic get isAtStart(): boolean {\n\t\treturn this.offset === 0;\n\t}\n\n\t/**\n\t * Is `true` if position is at the end of its {@link module:engine/model/position~ModelPosition#parent parent}, `false` otherwise.\n\t */\n\tpublic get isAtEnd(): boolean {\n\t\treturn this.offset == this.parent.maxOffset;\n\t}\n\n\t/**\n\t * Checks whether the position is valid in current model tree, that is whether it points to an existing place in the model.\n\t */\n\tpublic isValid(): boolean {\n\t\tif ( this.offset < 0 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet parent: any = this.root;\n\n\t\tfor ( let i = 0; i < this.path.length - 1; i++ ) {\n\t\t\tparent = parent.getChildAtOffset( this.path[ i ] );\n\n\t\t\tif ( !parent ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn this.offset <= parent.maxOffset;\n\t}\n\n\t/**\n\t * Checks whether this position is before or after given position.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t */\n\tpublic compareWith( otherPosition: ModelPosition ): ModelPositionRelation {\n\t\tif ( this.root != otherPosition.root ) {\n\t\t\treturn 'different';\n\t\t}\n\n\t\tconst result = compareArrays( this.path, otherPosition.path );\n\n\t\tswitch ( result ) {\n\t\t\tcase 'same':\n\t\t\t\treturn 'same';\n\n\t\t\tcase 'prefix':\n\t\t\t\treturn 'before';\n\n\t\t\tcase 'extension':\n\t\t\t\treturn 'after';\n\n\t\t\tdefault:\n\t\t\t\treturn this.path[ result ] < otherPosition.path[ result ] ? 'before' : 'after';\n\t\t}\n\t}\n\n\t/**\n\t * Gets the farthest position which matches the callback using\n\t * {@link module:engine/model/treewalker~ModelTreeWalker TreeWalker}.\n\t *\n\t * For example:\n\t *\n\t * ```ts\n\t * getLastMatchingPosition( value => value.type == 'text' );\n\t * // <paragraph>[]foo</paragraph> -> <paragraph>foo[]</paragraph>\n\t *\n\t * getLastMatchingPosition( value => value.type == 'text', { direction: 'backward' } );\n\t * // <paragraph>foo[]</paragraph> -> <paragraph>[]foo</paragraph>\n\t *\n\t * getLastMatchingPosition( value => false );\n\t * // Do not move the position.\n\t * ```\n\t *\n\t * @param skip Callback function. Gets {@link module:engine/model/treewalker~ModelTreeWalkerValue} and should\n\t * return `true` if the value should be skipped or `false` if not.\n\t * @param options Object with configuration options. See {@link module:engine/model/treewalker~ModelTreeWalker}.\n\t *\n\t * @returns The position after the last item which matches the `skip` callback test.\n\t */\n\tpublic getLastMatchingPosition(\n\t\tskip: ( value: ModelTreeWalkerValue ) => boolean,\n\t\toptions: ModelTreeWalkerOptions = {}\n\t): ModelPosition {\n\t\toptions.startPosition = this;\n\n\t\tconst treeWalker = new ModelTreeWalker( options );\n\t\ttreeWalker.skip( skip );\n\n\t\treturn treeWalker.position;\n\t}\n\n\t/**\n\t * Returns a path to this position's parent. Parent path is equal to position\n\t * {@link module:engine/model/position~ModelPosition#path path} but without the last item.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @returns Path to the parent.\n\t */\n\tpublic getParentPath(): Array<number> {\n\t\treturn this.path.slice( 0, -1 );\n\t}\n\n\t/**\n\t * Returns ancestors array of this position, that is this position's parent and its ancestors.\n\t *\n\t * @returns Array with ancestors.\n\t */\n\tpublic getAncestors(): Array<ModelElement | ModelDocumentFragment> {\n\t\tconst parent = this.parent;\n\n\t\tif ( parent.is( 'documentFragment' ) ) {\n\t\t\treturn [ parent ];\n\t\t} else {\n\t\t\treturn parent.getAncestors( { includeSelf: true } ) as any;\n\t\t}\n\t}\n\n\t/**\n\t * Returns the parent element of the given name. Returns null if the position is not inside the desired parent.\n\t *\n\t * @param parentName The name of the parent element to find.\n\t */\n\tpublic findAncestor( parentName: string ): ModelElement | null {\n\t\tconst parent = this.parent;\n\n\t\tif ( parent.is( 'element' ) ) {\n\t\t\treturn parent.findAncestor( parentName, { includeSelf: true } );\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns the slice of two position {@link #path paths} which is identical. The {@link #root roots}\n\t * of these two paths must be identical.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param position The second position.\n\t * @returns The common path.\n\t */\n\tpublic getCommonPath( position: ModelPosition ): Array<number> {\n\t\tif ( this.root != position.root ) {\n\t\t\treturn [];\n\t\t}\n\n\t\t// We find on which tree-level start and end have the lowest common ancestor\n\t\tconst cmp = compareArrays( this.path, position.path );\n\t\t// If comparison returned string it means that arrays are same.\n\t\tconst diffAt = ( typeof cmp == 'string' ) ? Math.min( this.path.length, position.path.length ) : cmp;\n\n\t\treturn this.path.slice( 0, diffAt );\n\t}\n\n\t/**\n\t * Returns an {@link module:engine/model/element~ModelElement} or {@link module:engine/model/documentfragment~ModelDocumentFragment}\n\t * which is a common ancestor of both positions. The {@link #root roots} of these two positions must be identical.\n\t *\n\t * @param position The second position.\n\t */\n\tpublic getCommonAncestor( position: ModelPosition ): ModelElement | ModelDocumentFragment | null {\n\t\tconst ancestorsA = this.getAncestors();\n\t\tconst ancestorsB = position.getAncestors();\n\n\t\tlet i = 0;\n\n\t\twhile ( ancestorsA[ i ] == ancestorsB[ i ] && ancestorsA[ i ] ) {\n\t\t\ti++;\n\t\t}\n\n\t\treturn i === 0 ? null : ancestorsA[ i - 1 ];\n\t}\n\n\t/**\n\t * Returns a new instance of `Position`, that has same {@link #parent parent} but it's offset\n\t * is shifted by `shift` value (can be a negative value).\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param shift Offset shift. Can be a negative value.\n\t * @returns Shifted position.\n\t */\n\tpublic getShiftedBy( shift: number ): ModelPosition {\n\t\tconst shifted = this.clone();\n\n\t\tconst offset = shifted.offset + shift;\n\t\tshifted.offset = offset < 0 ? 0 : offset;\n\n\t\treturn shifted;\n\t}\n\n\t/**\n\t * Checks whether this position is after given position.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @see module:engine/model/position~ModelPosition#isBefore\n\t * @param  otherPosition Position to compare with.\n\t * @returns True if this position is after given position.\n\t */\n\tpublic isAfter( otherPosition: ModelPosition ): boolean {\n\t\treturn this.compareWith( otherPosition ) == 'after';\n\t}\n\n\t/**\n\t * Checks whether this position is before given position.\n\t *\n\t * **Note:** watch out when using negation of the value returned by this method, because the negation will also\n\t * be `true` if positions are in different roots and you might not expect this. You should probably use\n\t * `a.isAfter( b ) || a.isEqual( b )` or `!a.isBefore( p ) && a.root == b.root` in most scenarios. If your\n\t * condition uses multiple `isAfter` and `isBefore` checks, build them so they do not use negated values, i.e.:\n\t *\n\t * ```ts\n\t * if ( a.isBefore( b ) && c.isAfter( d ) ) {\n\t * \t// do A.\n\t * } else {\n\t * \t// do B.\n\t * }\n\t * ```\n\t *\n\t * or, if you have only one if-branch:\n\t *\n\t * ```ts\n\t * if ( !( a.isBefore( b ) && c.isAfter( d ) ) {\n\t * \t// do B.\n\t * }\n\t * ```\n\t *\n\t * rather than:\n\t *\n\t * ```ts\n\t * if ( !a.isBefore( b ) || && !c.isAfter( d ) ) {\n\t * \t// do B.\n\t * } else {\n\t * \t// do A.\n\t * }\n\t * ```\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param otherPosition Position to compare with.\n\t * @returns True if this position is before given position.\n\t */\n\tpublic isBefore( otherPosition: ModelPosition ): boolean {\n\t\treturn this.compareWith( otherPosition ) == 'before';\n\t}\n\n\t/**\n\t * Checks whether this position is equal to given position.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param otherPosition Position to compare with.\n\t * @returns True if positions are same.\n\t */\n\tpublic isEqual( otherPosition: ModelPosition ): boolean {\n\t\treturn this.compareWith( otherPosition ) == 'same';\n\t}\n\n\t/**\n\t * Checks whether this position is touching given position. Positions touch when there are no text nodes\n\t * or empty nodes in a range between them. Technically, those positions are not equal but in many cases\n\t * they are very similar or even indistinguishable.\n\t *\n\t * @param otherPosition Position to compare with.\n\t * @returns True if positions touch.\n\t */\n\tpublic isTouching( otherPosition: ModelPosition ): boolean {\n\t\tif ( this.root !== otherPosition.root ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst commonLevel = Math.min( this.path.length, otherPosition.path.length );\n\n\t\tfor ( let level = 0; level < commonLevel; level++ ) {\n\t\t\tconst diff = this.path[ level ] - otherPosition.path[ level ];\n\n\t\t\t// Positions are spread by a node, so they are not touching.\n\t\t\tif ( diff < -1 || diff > 1 ) {\n\t\t\t\treturn false;\n\t\t\t} else if ( diff === 1 ) {\n\t\t\t\t// `otherPosition` is on the left.\n\t\t\t\t// `this` is on the right.\n\t\t\t\treturn checkTouchingBranch( otherPosition, this, level );\n\t\t\t} else if ( diff === -1 ) {\n\t\t\t\t// `this` is on the left.\n\t\t\t\t// `otherPosition` is on the right.\n\t\t\t\treturn checkTouchingBranch( this, otherPosition, level );\n\t\t\t}\n\t\t\t// `diff === 0`.\n\t\t\t// Positions are inside the same element on this level, compare deeper.\n\t\t}\n\n\t\t// If we ended up here, it means that positions paths have the same beginning.\n\t\t// If the paths have the same length, then it means that they are identical, so the positions are same.\n\t\tif ( this.path.length === otherPosition.path.length ) {\n\t\t\treturn true;\n\t\t}\n\t\t// If positions have different length of paths, then the common part is the same.\n\t\t// In this case, the \"shorter\" position is on the left, the \"longer\" position is on the right.\n\t\t//\n\t\t// If the positions are touching, the \"longer\" position must have only zeroes. For example:\n\t\t// [ 1, 2 ] vs [ 1, 2, 0 ]\n\t\t// [ 1, 2 ] vs [ 1, 2, 0, 0, 0 ]\n\t\telse if ( this.path.length > otherPosition.path.length ) {\n\t\t\treturn checkOnlyZeroes( this.path, commonLevel );\n\t\t} else {\n\t\t\treturn checkOnlyZeroes( otherPosition.path, commonLevel );\n\t\t}\n\t}\n\n\t/**\n\t * Checks if two positions are in the same parent.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param position Position to compare with.\n\t * @returns `true` if positions have the same parent, `false` otherwise.\n\t */\n\tpublic hasSameParentAs( position: ModelPosition ): boolean {\n\t\tif ( this.root !== position.root ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst thisParentPath = this.getParentPath();\n\t\tconst posParentPath = position.getParentPath();\n\n\t\treturn compareArrays( thisParentPath, posParentPath ) == 'same';\n\t}\n\n\t/**\n\t * Returns a copy of this position that is transformed by given `operation`.\n\t *\n\t * The new position's parameters are updated accordingly to the effect of the `operation`.\n\t *\n\t * For example, if `n` nodes are inserted before the position, the returned position {@link ~ModelPosition#offset} will be\n\t * increased by `n`. If the position was in a merged element, it will be accordingly moved to the new element, etc.\n\t *\n\t * This method is safe to use it on non-existing positions (for example during operational transformation).\n\t *\n\t * @param operation Operation to transform by.\n\t * @returns Transformed position.\n\t */\n\tpublic getTransformedByOperation( operation: Operation ): ModelPosition {\n\t\tlet result;\n\n\t\tswitch ( operation.type ) {\n\t\t\tcase 'insert':\n\t\t\t\tresult = this._getTransformedByInsertOperation( operation as InsertOperation );\n\t\t\t\tbreak;\n\t\t\tcase 'move':\n\t\t\tcase 'remove':\n\t\t\tcase 'reinsert':\n\t\t\t\tresult = this._getTransformedByMoveOperation( operation as MoveOperation );\n\t\t\t\tbreak;\n\t\t\tcase 'split':\n\t\t\t\tresult = this._getTransformedBySplitOperation( operation as SplitOperation );\n\t\t\t\tbreak;\n\t\t\tcase 'merge':\n\t\t\t\tresult = this._getTransformedByMergeOperation( operation as MergeOperation );\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tresult = ModelPosition._createAt( this );\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn result;\n\t}\n\n\t/**\n\t * Returns a copy of this position transformed by an insert operation.\n\t *\n\t * @internal\n\t */\n\tpublic _getTransformedByInsertOperation( operation: InsertOperation ): ModelPosition {\n\t\treturn this._getTransformedByInsertion( operation.position, operation.howMany );\n\t}\n\n\t/**\n\t * Returns a copy of this position transformed by a move operation.\n\t *\n\t * @internal\n\t */\n\tpublic _getTransformedByMoveOperation( operation: MoveOperation ): ModelPosition {\n\t\treturn this._getTransformedByMove( operation.sourcePosition, operation.targetPosition, operation.howMany );\n\t}\n\n\t/**\n\t * Returns a copy of this position transformed by a split operation.\n\t *\n\t * @internal\n\t */\n\tpublic _getTransformedBySplitOperation( operation: SplitOperation ): ModelPosition {\n\t\tconst movedRange = operation.movedRange;\n\n\t\tconst isContained = movedRange.containsPosition( this ) ||\n\t\t\t( movedRange.start.isEqual( this ) && this.stickiness == 'toNext' );\n\n\t\tif ( isContained ) {\n\t\t\treturn this._getCombined( operation.splitPosition, operation.moveTargetPosition );\n\t\t} else {\n\t\t\tif ( operation.graveyardPosition ) {\n\t\t\t\treturn this._getTransformedByMove( operation.graveyardPosition, operation.insertionPosition, 1 );\n\t\t\t} else {\n\t\t\t\treturn this._getTransformedByInsertion( operation.insertionPosition, 1 );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Returns a copy of this position transformed by merge operation.\n\t *\n\t * @internal\n\t */\n\tpublic _getTransformedByMergeOperation( operation: MergeOperation ): ModelPosition {\n\t\tconst movedRange = operation.movedRange;\n\t\tconst isContained = movedRange.containsPosition( this ) || movedRange.start.isEqual( this );\n\n\t\tlet pos;\n\n\t\tif ( isContained ) {\n\t\t\tpos = this._getCombined( operation.sourcePosition, operation.targetPosition );\n\n\t\t\tif ( operation.sourcePosition.isBefore( operation.targetPosition ) ) {\n\t\t\t\t// Above happens during OT when the merged element is moved before the merged-to element.\n\t\t\t\tpos = pos._getTransformedByDeletion( operation.deletionPosition, 1 )!;\n\t\t\t}\n\t\t} else if ( this.isEqual( operation.deletionPosition ) ) {\n\t\t\tpos = ModelPosition._createAt( operation.deletionPosition );\n\t\t} else {\n\t\t\tpos = this._getTransformedByMove( operation.deletionPosition, operation.graveyardPosition, 1 );\n\t\t}\n\n\t\treturn pos;\n\t}\n\n\t/**\n\t * Returns a copy of this position that is updated by removing `howMany` nodes starting from `deletePosition`.\n\t * It may happen that this position is in a removed node. If that is the case, `null` is returned instead.\n\t *\n\t * @internal\n\t * @param deletePosition Position before the first removed node.\n\t * @param howMany How many nodes are removed.\n\t * @returns Transformed position or `null`.\n\t */\n\tpublic _getTransformedByDeletion( deletePosition: ModelPosition, howMany: number ): ModelPosition | null {\n\t\tconst transformed = ModelPosition._createAt( this );\n\n\t\t// This position can't be affected if deletion was in a different root.\n\t\tif ( this.root != deletePosition.root ) {\n\t\t\treturn transformed;\n\t\t}\n\n\t\tif ( compareArrays( deletePosition.getParentPath(), this.getParentPath() ) == 'same' ) {\n\t\t\t// If nodes are removed from the node that is pointed by this position...\n\t\t\tif ( deletePosition.offset < this.offset ) {\n\t\t\t\t// And are removed from before an offset of that position...\n\t\t\t\tif ( deletePosition.offset + howMany > this.offset ) {\n\t\t\t\t\t// Position is in removed range, it's no longer in the tree.\n\t\t\t\t\treturn null;\n\t\t\t\t} else {\n\t\t\t\t\t// Decrement the offset accordingly.\n\t\t\t\t\ttransformed.offset -= howMany;\n\t\t\t\t}\n\t\t\t}\n\t\t} else if ( compareArrays( deletePosition.getParentPath(), this.getParentPath() ) == 'prefix' ) {\n\t\t\t// If nodes are removed from a node that is on a path to this position...\n\t\t\tconst i = deletePosition.path.length - 1;\n\n\t\t\tif ( deletePosition.offset <= this.path[ i ] ) {\n\t\t\t\t// And are removed from before next node of that path...\n\t\t\t\tif ( deletePosition.offset + howMany > this.path[ i ] ) {\n\t\t\t\t\t// If the next node of that path is removed return null\n\t\t\t\t\t// because the node containing this position got removed.\n\t\t\t\t\treturn null;\n\t\t\t\t} else {\n\t\t\t\t\t// Otherwise, decrement index on that path.\n\t\t\t\t\t( transformed.path as Array<number> )[ i ] -= howMany;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn transformed;\n\t}\n\n\t/**\n\t * Returns a copy of this position that is updated by inserting `howMany` nodes at `insertPosition`.\n\t *\n\t * @internal\n\t * @param insertPosition Position where nodes are inserted.\n\t * @param howMany How many nodes are inserted.\n\t * @returns Transformed position.\n\t */\n\tpublic _getTransformedByInsertion( insertPosition: ModelPosition, howMany: number ): ModelPosition {\n\t\tconst transformed = ModelPosition._createAt( this );\n\n\t\t// This position can't be affected if insertion was in a different root.\n\t\tif ( this.root != insertPosition.root ) {\n\t\t\treturn transformed;\n\t\t}\n\n\t\tif ( compareArrays( insertPosition.getParentPath(), this.getParentPath() ) == 'same' ) {\n\t\t\t// If nodes are inserted in the node that is pointed by this position...\n\t\t\tif ( insertPosition.offset < this.offset || ( insertPosition.offset == this.offset && this.stickiness != 'toPrevious' ) ) {\n\t\t\t\t// And are inserted before an offset of that position...\n\t\t\t\t// \"Push\" this positions offset.\n\t\t\t\ttransformed.offset += howMany;\n\t\t\t}\n\t\t} else if ( compareArrays( insertPosition.getParentPath(), this.getParentPath() ) == 'prefix' ) {\n\t\t\t// If nodes are inserted in a node that is on a path to this position...\n\t\t\tconst i = insertPosition.path.length - 1;\n\n\t\t\tif ( insertPosition.offset <= this.path[ i ] ) {\n\t\t\t\t// And are inserted before next node of that path...\n\t\t\t\t// \"Push\" the index on that path.\n\t\t\t\t( transformed.path as Array<number> )[ i ] += howMany;\n\t\t\t}\n\t\t}\n\n\t\treturn transformed;\n\t}\n\n\t/**\n\t * Returns a copy of this position that is updated by moving `howMany` nodes from `sourcePosition` to `targetPosition`.\n\t *\n\t * @internal\n\t * @param sourcePosition Position before the first element to move.\n\t * @param targetPosition Position where moved elements will be inserted.\n\t * @param howMany How many consecutive nodes to move, starting from `sourcePosition`.\n\t * @returns Transformed position.\n\t */\n\tpublic _getTransformedByMove( sourcePosition: ModelPosition, targetPosition: ModelPosition, howMany: number ): ModelPosition {\n\t\t// Update target position, as it could be affected by nodes removal.\n\t\ttargetPosition = targetPosition._getTransformedByDeletion( sourcePosition, howMany )!;\n\n\t\tif ( sourcePosition.isEqual( targetPosition ) ) {\n\t\t\t// If `targetPosition` is equal to `sourcePosition` this isn't really any move. Just return position as it is.\n\t\t\treturn ModelPosition._createAt( this );\n\t\t}\n\n\t\t// Moving a range removes nodes from their original position. We acknowledge this by proper transformation.\n\t\tconst transformed = this._getTransformedByDeletion( sourcePosition, howMany );\n\n\t\tconst isMoved = transformed === null ||\n\t\t\t( sourcePosition.isEqual( this ) && this.stickiness == 'toNext' ) ||\n\t\t\t( sourcePosition.getShiftedBy( howMany ).isEqual( this ) && this.stickiness == 'toPrevious' );\n\n\t\tif ( isMoved ) {\n\t\t\t// This position is inside moved range (or sticks to it).\n\t\t\t// In this case, we calculate a combination of this position, move source position and target position.\n\t\t\treturn this._getCombined( sourcePosition, targetPosition );\n\t\t} else {\n\t\t\t// This position is not inside a removed range.\n\t\t\t//\n\t\t\t// In next step, we simply reflect inserting `howMany` nodes, which might further affect the position.\n\t\t\treturn transformed._getTransformedByInsertion( targetPosition, howMany );\n\t\t}\n\t}\n\n\t/**\n\t * Returns a new position that is a combination of this position and given positions.\n\t *\n\t * The combined position is a copy of this position transformed by moving a range starting at `source` position\n\t * to the `target` position. It is expected that this position is inside the moved range.\n\t *\n\t * Example:\n\t *\n\t * ```ts\n\t * let original = model.createPositionFromPath( root, [ 2, 3, 1 ] );\n\t * let source = model.createPositionFromPath( root, [ 2, 2 ] );\n\t * let target = model.createPositionFromPath( otherRoot, [ 1, 1, 3 ] );\n\t * original._getCombined( source, target ); // path is [ 1, 1, 4, 1 ], root is `otherRoot`\n\t * ```\n\t *\n\t * Explanation:\n\t *\n\t * We have a position `[ 2, 3, 1 ]` and move some nodes from `[ 2, 2 ]` to `[ 1, 1, 3 ]`. The original position\n\t * was inside moved nodes and now should point to the new place. The moved nodes will be after\n\t * positions `[ 1, 1, 3 ]`, `[ 1, 1, 4 ]`, `[ 1, 1, 5 ]`. Since our position was in the second moved node,\n\t * the transformed position will be in a sub-tree of a node at `[ 1, 1, 4 ]`. Looking at original path, we\n\t * took care of `[ 2, 3 ]` part of it. Now we have to add the rest of the original path to the transformed path.\n\t * Finally, the transformed position will point to `[ 1, 1, 4, 1 ]`.\n\t *\n\t * @internal\n\t * @param source Beginning of the moved range.\n\t * @param target Position where the range is moved.\n\t * @returns Combined position.\n\t */\n\tpublic _getCombined( source: ModelPosition, target: ModelPosition ): ModelPosition {\n\t\tconst i = source.path.length - 1;\n\n\t\t// The first part of a path to combined position is a path to the place where nodes were moved.\n\t\tconst combined = ModelPosition._createAt( target );\n\t\tcombined.stickiness = this.stickiness;\n\n\t\t// Then we have to update the rest of the path.\n\n\t\t// Fix the offset because this position might be after `from` position and we have to reflect that.\n\t\tcombined.offset = combined.offset + this.path[ i ] - source.offset;\n\n\t\t// Then, add the rest of the path.\n\t\t// If this position is at the same level as `from` position nothing will get added.\n\t\t( combined as any ).path = [ ...combined.path, ...this.path.slice( i + 1 ) ];\n\n\t\treturn combined;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic toJSON(): unknown {\n\t\treturn {\n\t\t\troot: this.root.toJSON(),\n\t\t\tpath: Array.from( this.path ),\n\t\t\tstickiness: this.stickiness\n\t\t};\n\t}\n\n\t/**\n\t * Returns a new position that is equal to current position.\n\t */\n\tpublic clone(): this {\n\t\treturn new ( this.constructor as any )( this.root, this.path, this.stickiness );\n\t}\n\n\t/**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/model/position~ModelPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/model/item~ModelItem model item} and `'before'` or `'after'` (sets position before or after given model item).\n\t *\n\t * This method is a shortcut to other factory methods such as:\n\t *\n\t * * {@link module:engine/model/position~ModelPosition._createBefore},\n\t * * {@link module:engine/model/position~ModelPosition._createAfter}.\n\t *\n\t * @internal\n\t * @param offset Offset or one of the flags. Used only when the first parameter\n\t * is a {@link module:engine/model/item~ModelItem model item}.\n\t * @param stickiness Position stickiness. Used only when the first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic static _createAt(\n\t\titemOrPosition: ModelItem | ModelPosition | ModelDocumentFragment,\n\t\toffset?: ModelPositionOffset,\n\t\tstickiness: ModelPositionStickiness = 'toNone'\n\t): ModelPosition {\n\t\tif ( itemOrPosition.is( 'model:position' ) ) {\n\t\t\treturn new ModelPosition( itemOrPosition.root, itemOrPosition.path, itemOrPosition.stickiness );\n\t\t} else {\n\t\t\tconst node = itemOrPosition;\n\n\t\t\tif ( offset == 'end' ) {\n\t\t\t\toffset = ( node as any ).maxOffset;\n\t\t\t} else if ( offset == 'before' ) {\n\t\t\t\treturn this._createBefore( node, stickiness );\n\t\t\t} else if ( offset == 'after' ) {\n\t\t\t\treturn this._createAfter( node, stickiness );\n\t\t\t} else if ( offset !== 0 && !offset ) {\n\t\t\t\t/**\n\t\t\t\t * {@link module:engine/model/model~Model#createPositionAt `Model#createPositionAt()`}\n\t\t\t\t * requires the offset to be specified when the first parameter is a model item.\n\t\t\t\t *\n\t\t\t\t * @error model-createpositionat-offset-required\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'model-createpositionat-offset-required', [ this, itemOrPosition ] );\n\t\t\t}\n\n\t\t\tif ( !node.is( 'element' ) && !node.is( 'documentFragment' ) ) {\n\t\t\t\t/**\n\t\t\t\t * Position parent have to be a model element or model document fragment.\n\t\t\t\t *\n\t\t\t\t * @error model-position-parent-incorrect\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'model-position-parent-incorrect',\n\t\t\t\t\t[ this, itemOrPosition ]\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst path = node.getPath();\n\n\t\t\tpath.push( offset as any );\n\n\t\t\treturn new this( node.root as any, path, stickiness );\n\t\t}\n\t}\n\n\t/**\n\t * Creates a new position, after given {@link module:engine/model/item~ModelItem model item}.\n\t *\n\t * @internal\n\t * @param item Item after which the position should be placed.\n\t * @param stickiness Position stickiness.\n\t */\n\tpublic static _createAfter( item: ModelItem | ModelDocumentFragment, stickiness?: ModelPositionStickiness ): ModelPosition {\n\t\tif ( !item.parent ) {\n\t\t\t/**\n\t\t\t * You cannot make a position after a root element.\n\t\t\t *\n\t\t\t * @error model-position-after-root\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element..\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'model-position-after-root',\n\t\t\t\t[ this, item ],\n\t\t\t\t{ root: item }\n\t\t\t);\n\t\t}\n\n\t\treturn this._createAt( item.parent, item.endOffset!, stickiness );\n\t}\n\n\t/**\n\t * Creates a new position, before the given {@link module:engine/model/item~ModelItem model item}.\n\t *\n\t * @internal\n\t * @param item Item before which the position should be placed.\n\t * @param stickiness Position stickiness.\n\t */\n\tpublic static _createBefore( item: ModelItem | ModelDocumentFragment, stickiness?: ModelPositionStickiness ): ModelPosition {\n\t\tif ( !item.parent ) {\n\t\t\t/**\n\t\t\t * You cannot make a position before a root element.\n\t\t\t *\n\t\t\t * @error model-position-before-root\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element..\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'model-position-before-root',\n\t\t\t\titem,\n\t\t\t\t{ root: item }\n\t\t\t);\n\t\t}\n\n\t\treturn this._createAt( item.parent, item.startOffset!, stickiness );\n\t}\n\n\t/**\n\t * Creates a `Position` instance from given plain object (i.e. parsed JSON string).\n\t *\n\t * @param json Plain object to be converted to `Position`.\n\t * @param doc Document object that will be position owner.\n\t * @returns `Position` instance created using given plain object.\n\t */\n\tpublic static fromJSON( json: any, doc: ModelDocument ): ModelPosition {\n\t\tif ( json.root === '$graveyard' ) {\n\t\t\tconst pos = new ModelPosition( doc.graveyard, json.path );\n\t\t\tpos.stickiness = json.stickiness;\n\n\t\t\treturn pos;\n\t\t}\n\n\t\tif ( !doc.getRoot( json.root ) ) {\n\t\t\t/**\n\t\t\t * Cannot create position for document. Root with specified name does not exist.\n\t\t\t *\n\t\t\t * @error model-position-fromjson-no-root\n\t\t\t * @param {string} rootName The root name.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'model-position-fromjson-no-root',\n\t\t\t\tdoc,\n\t\t\t\t{ rootName: json.root }\n\t\t\t);\n\t\t}\n\n\t\treturn new ModelPosition( doc.getRoot( json.root )!, json.path, json.stickiness );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `${ this.root } [ ${ this.path.join( ', ' ) } ]`;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public log(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ModelPosition: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelPosition.prototype.is = function( type: string ): boolean {\n\treturn type === 'position' || type === 'model:position';\n};\n\n/**\n * A flag indicating whether this position is `'before'` or `'after'` or `'same'` as given position.\n * If positions are in different roots `'different'` flag is returned.\n */\nexport type ModelPositionRelation = 'before' | 'after' | 'same' | 'different';\n\n/**\n * Offset or one of the flags.\n */\nexport type ModelPositionOffset = number | 'before' | 'after' | 'end';\n\n/**\n * Represents how position is \"sticking\" with neighbour nodes. Used to define how position should be transformed (moved)\n * in edge cases. Possible values: `'toNone'`, `'toNext'`, `'toPrevious'`.\n *\n * Examples:\n *\n * ```\n * Insert. Position is at | and nodes are inserted at the same position, marked as ^:\n *\n * - sticks to none:           <p>f^|oo</p>  ->  <p>fbar|oo</p>\n * - sticks to next node:      <p>f^|oo</p>  ->  <p>fbar|oo</p>\n * - sticks to previous node:  <p>f|^oo</p>  ->  <p>f|baroo</p>\n * ```\n *\n *\n * Move. Position is at | and range [oo] is moved to position ^:\n *\n * ```\n * - sticks to none:           <p>f|[oo]</p><p>b^ar</p>  ->  <p>f|</p><p>booar</p>\n * - sticks to none:           <p>f[oo]|</p><p>b^ar</p>  ->  <p>f|</p><p>booar</p>\n *\n * - sticks to next node:      <p>f|[oo]</p><p>b^ar</p>  ->  <p>f</p><p>b|ooar</p>\n * - sticks to next node:      <p>f[oo]|</p><p>b^ar</p>  ->  <p>f|</p><p>booar</p>\n *\n * - sticks to previous node:  <p>f|[oo]</p><p>b^ar</p>  ->  <p>f|</p><p>booar</p>\n * - sticks to previous node:  <p>f[oo]|</p><p>b^ar</p>  ->  <p>f</p><p>boo|ar</p>\n * ```\n */\nexport type ModelPositionStickiness = 'toNone' | 'toNext' | 'toPrevious';\n\n/**\n * Returns a text node at the given position.\n *\n * This is a helper function optimized to reuse the position parent instance for performance reasons.\n *\n * Normally, you should use {@link module:engine/model/position~ModelPosition#textNode `Position#textNode`}.\n * If you start hitting performance issues with {@link module:engine/model/position~ModelPosition#parent `Position#parent`}\n * check if your algorithm does not access it multiple times (which can happen directly or indirectly via other position properties).\n *\n * See https://github.com/ckeditor/ckeditor5/issues/6579.\n *\n * See also:\n *\n * * {@link module:engine/model/position~getNodeAfterPosition}\n * * {@link module:engine/model/position~getNodeBeforePosition}\n *\n * @param position\n * @param positionParent The parent of the given position.\n * @internal\n */\nexport function getTextNodeAtPosition( position: ModelPosition, positionParent: ModelElement | ModelDocumentFragment ): ModelText | null {\n\tconst node = positionParent.getChildAtOffset( position.offset );\n\n\tif ( node && node.is( '$text' ) && node.startOffset! < position.offset ) {\n\t\treturn node;\n\t}\n\n\treturn null;\n}\n\n/**\n * Returns the node after the given position.\n *\n * This is a helper function optimized to reuse the position parent instance and the calculation of the text node at the\n * specific position for performance reasons.\n *\n * Normally, you should use {@link module:engine/model/position~ModelPosition#nodeAfter `Position#nodeAfter`}.\n * If you start hitting performance issues with {@link module:engine/model/position~ModelPosition#parent `Position#parent`} and/or\n * {@link module:engine/model/position~ModelPosition#textNode `Position#textNode`}\n * check if your algorithm does not access those properties multiple times\n * (which can happen directly or indirectly via other position properties).\n *\n * See https://github.com/ckeditor/ckeditor5/issues/6579 and https://github.com/ckeditor/ckeditor5/issues/6582.\n *\n * See also:\n *\n * * {@link module:engine/model/position~getTextNodeAtPosition}\n * * {@link module:engine/model/position~getNodeBeforePosition}\n *\n * @param position Position to check.\n * @param positionParent The parent of the given position.\n * @param textNode Text node at the given position.\n * @internal\n */\nexport function getNodeAfterPosition(\n\tposition: ModelPosition,\n\tpositionParent: ModelElement | ModelDocumentFragment,\n\ttextNode: ModelText | null\n): ModelNode | null {\n\tif ( textNode !== null ) {\n\t\treturn null;\n\t}\n\n\treturn positionParent.getChildAtOffset( position.offset );\n}\n\n/**\n * Returns the node before the given position.\n *\n * Refer to {@link module:engine/model/position~getNodeBeforePosition} for documentation on when to use this util method.\n *\n * See also:\n *\n * * {@link module:engine/model/position~getTextNodeAtPosition}\n * * {@link module:engine/model/position~getNodeAfterPosition}\n *\n * @param position Position to check.\n * @param positionParent The parent of the given position.\n * @param textNode Text node at the given position.\n * @internal\n */\nexport function getNodeBeforePosition(\n\tposition: ModelPosition,\n\tpositionParent: ModelElement | ModelDocumentFragment,\n\ttextNode: ModelText | null\n): ModelNode | null {\n\tif ( textNode !== null ) {\n\t\treturn null;\n\t}\n\n\treturn positionParent.getChild( positionParent.offsetToIndex( position.offset ) - 1 );\n}\n\n/**\n * This is a helper function for `Position#isTouching()`.\n *\n * It checks whether to given positions are touching, considering that they have the same root and paths\n * until given level, and at given level they differ by 1 (so they are branching at `level` point).\n *\n * The exact requirements for touching positions are described in `Position#isTouching()` and also\n * in the body of this function.\n *\n * @param left Position \"on the left\" (it is before `right`).\n * @param right Position \"on the right\" (it is after `left`).\n * @param level Level on which the positions are different.\n */\nfunction checkTouchingBranch( left: ModelPosition, right: ModelPosition, level: number ): boolean {\n\tif ( level + 1 === left.path.length ) {\n\t\t// Left position does not have any more entries after the point where the positions differ.\n\t\t// [ 2 ] vs [ 3 ]\n\t\t// [ 2 ] vs [ 3, 0, 0 ]\n\t\t// The positions are spread by node at [ 2 ].\n\t\treturn false;\n\t}\n\n\tif ( !checkOnlyZeroes( right.path, level + 1 ) ) {\n\t\t// Right position does not have only zeroes, so we have situation like:\n\t\t// [ 2, maxOffset ] vs [ 3, 1 ]\n\t\t// [ 2, maxOffset ] vs [ 3, 1, 0, 0 ]\n\t\t// The positions are spread by node at [ 3, 0 ].\n\t\treturn false;\n\t}\n\n\tif ( !checkOnlyMaxOffset( left, level + 1 ) ) {\n\t\t// Left position does not have only max offsets, so we have situation like:\n\t\t// [ 2, 4 ] vs [ 3 ]\n\t\t// [ 2, 4 ] vs [ 3, 0, 0 ]\n\t\t// The positions are spread by node at [ 2, 5 ].\n\t\treturn false;\n\t}\n\n\t// Left position has only max offsets and right position has only zeroes or nothing.\n\t// [ 2, maxOffset ] vs [ 3 ]\n\t// [ 2, maxOffset, maxOffset ] vs [ 3, 0 ]\n\t// There are not elements between positions. The positions are touching.\n\treturn true;\n}\n\n/**\n * Checks whether for given array, starting from given index until the end of the array, all items are `0`s.\n *\n * This is a helper function for `Position#isTouching()`.\n */\nfunction checkOnlyZeroes( arr: ReadonlyArray<number>, idx: number ): boolean {\n\twhile ( idx < arr.length ) {\n\t\tif ( arr[ idx ] !== 0 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tidx++;\n\t}\n\n\treturn true;\n}\n\n/**\n * Checks whether for given position, starting from given path level, whether the position is at the end of\n * its parent and whether each element on the path to the position is also at at the end of its parent.\n *\n * This is a helper function for `Position#isTouching()`.\n */\nfunction checkOnlyMaxOffset( pos: ModelPosition, level: number ): boolean {\n\tlet parent = pos.parent;\n\tlet idx = pos.path.length - 1;\n\tlet add = 0;\n\n\twhile ( idx >= level ) {\n\t\tif ( pos.path[ idx ] + add !== parent.maxOffset ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// After the first check, we \"go up\", and check whether the position's parent-parent is the last element.\n\t\t// However, we need to add 1 to the value in the path to \"simulate\" moving the path after the parent.\n\t\t// It happens just once.\n\t\tadd = 1;\n\t\tidx--;\n\t\tparent = parent.parent!;\n\t}\n\n\treturn true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/range\n */\n\nimport { ModelTypeCheckable } from './typecheckable.js';\nimport { ModelPosition } from './position.js';\nimport { ModelTreeWalker, type ModelTreeWalkerOptions, type ModelTreeWalkerValue } from './treewalker.js';\n\nimport { type ModelDocument } from './document.js';\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelElement } from './element.js';\nimport { type InsertOperation } from './operation/insertoperation.js';\nimport { type ModelItem } from './item.js';\nimport { type MergeOperation } from './operation/mergeoperation.js';\nimport { type MoveOperation } from './operation/moveoperation.js';\nimport { type Operation } from './operation/operation.js';\nimport { type SplitOperation } from './operation/splitoperation.js';\n\nimport { CKEditorError, compareArrays } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Represents a range in the model tree.\n *\n * A range is defined by its {@link module:engine/model/range~ModelRange#start} and {@link module:engine/model/range~ModelRange#end}\n * positions.\n *\n * You can create range instances via its constructor or the `createRange*()` factory methods of\n * {@link module:engine/model/model~Model} and {@link module:engine/model/writer~ModelWriter}.\n */\nexport class ModelRange extends ModelTypeCheckable implements Iterable<ModelTreeWalkerValue> {\n\t/**\n\t * Start position.\n\t */\n\tpublic readonly start: ModelPosition;\n\n\t/**\n\t * End position.\n\t */\n\tpublic readonly end: ModelPosition;\n\n\t/**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * @param start The start position.\n\t * @param end The end position. If not set, the range will be collapsed at the `start` position.\n\t */\n\tconstructor( start: ModelPosition, end?: ModelPosition | null ) {\n\t\tsuper();\n\n\t\tthis.start = ModelPosition._createAt( start );\n\t\tthis.end = end ? ModelPosition._createAt( end ) : ModelPosition._createAt( start );\n\n\t\t// If the range is collapsed, treat in a similar way as a position and set its boundaries stickiness to 'toNone'.\n\t\t// In other case, make the boundaries stick to the \"inside\" of the range.\n\t\tthis.start.stickiness = this.isCollapsed ? 'toNone' : 'toNext';\n\t\tthis.end.stickiness = this.isCollapsed ? 'toNone' : 'toPrevious';\n\t}\n\n\t/**\n\t * Iterable interface.\n\t *\n\t * Iterates over all {@link module:engine/model/item~ModelItem items} that are in this range and returns\n\t * them together with additional information like length or {@link module:engine/model/position~ModelPosition positions},\n\t * grouped as {@link module:engine/model/treewalker~ModelTreeWalkerValue}.\n\t * It iterates over all {@link module:engine/model/textproxy~ModelTextProxy text contents} that are inside the range\n\t * and all the {@link module:engine/model/element~ModelElement}s that are entered into when iterating over this range.\n\t *\n\t * This iterator uses {@link module:engine/model/treewalker~ModelTreeWalker} with `boundaries` set to this range\n\t * and `ignoreElementEnd` option set to `true`.\n\t */\n\tpublic* [ Symbol.iterator ](): IterableIterator<ModelTreeWalkerValue> {\n\t\tyield* new ModelTreeWalker( { boundaries: this, ignoreElementEnd: true } );\n\t}\n\n\t/**\n\t * Describes whether the range is collapsed, that is if {@link #start} and\n\t * {@link #end} positions are equal.\n\t */\n\tpublic get isCollapsed(): boolean {\n\t\treturn this.start.isEqual( this.end );\n\t}\n\n\t/**\n\t * Describes whether this range is flat, that is if {@link #start} position and\n\t * {@link #end} position are in the same {@link module:engine/model/position~ModelPosition#parent}.\n\t */\n\tpublic get isFlat(): boolean {\n\t\tconst startParentPath = this.start.getParentPath();\n\t\tconst endParentPath = this.end.getParentPath();\n\n\t\treturn compareArrays( startParentPath, endParentPath ) == 'same';\n\t}\n\n\t/**\n\t * Range root element.\n\t */\n\tpublic get root(): ModelElement | ModelDocumentFragment {\n\t\treturn this.start.root;\n\t}\n\n\t/**\n\t * Checks whether this range contains given {@link module:engine/model/position~ModelPosition position}.\n\t *\n\t * @param position Position to check.\n\t * @returns `true` if given {@link module:engine/model/position~ModelPosition position} is contained\n\t * in this range,`false` otherwise.\n\t */\n\tpublic containsPosition( position: ModelPosition ): boolean {\n\t\treturn position.isAfter( this.start ) && position.isBefore( this.end );\n\t}\n\n\t/**\n\t * Checks whether this range contains given {@link ~ModelRange range}.\n\t *\n\t * @param otherRange Range to check.\n\t * @param loose Whether the check is loose or strict. If the check is strict (`false`), compared range cannot\n\t * start or end at the same position as this range boundaries. If the check is loose (`true`), compared range can start, end or\n\t * even be equal to this range. Note that collapsed ranges are always compared in strict mode.\n\t * @returns {Boolean} `true` if given {@link ~ModelRange range} boundaries are contained by this range, `false` otherwise.\n\t */\n\tpublic containsRange( otherRange: ModelRange, loose: boolean = false ): boolean {\n\t\tif ( otherRange.isCollapsed ) {\n\t\t\tloose = false;\n\t\t}\n\n\t\tconst containsStart = this.containsPosition( otherRange.start ) || ( loose && this.start.isEqual( otherRange.start ) );\n\t\tconst containsEnd = this.containsPosition( otherRange.end ) || ( loose && this.end.isEqual( otherRange.end ) );\n\n\t\treturn containsStart && containsEnd;\n\t}\n\n\t/**\n\t * Checks whether given {@link module:engine/model/item~ModelItem} is inside this range.\n\t */\n\tpublic containsItem( item: ModelItem ): boolean {\n\t\tconst pos = ModelPosition._createBefore( item );\n\n\t\treturn this.containsPosition( pos ) || this.start.isEqual( pos );\n\t}\n\n\t/**\n\t * Two ranges are equal if their {@link #start} and {@link #end} positions are equal.\n\t *\n\t * @param otherRange Range to compare with.\n\t * @returns `true` if ranges are equal, `false` otherwise.\n\t */\n\tpublic isEqual( otherRange: ModelRange ): boolean {\n\t\treturn this.start.isEqual( otherRange.start ) && this.end.isEqual( otherRange.end );\n\t}\n\n\t/**\n\t * Checks and returns whether this range intersects with given range.\n\t *\n\t * @param otherRange Range to compare with.\n\t * @returns `true` if ranges intersect, `false` otherwise.\n\t */\n\tpublic isIntersecting( otherRange: ModelRange ): boolean {\n\t\treturn this.start.isBefore( otherRange.end ) && this.end.isAfter( otherRange.start );\n\t}\n\n\t/**\n\t * Computes which part(s) of this {@link ~ModelRange range} is not a part of given {@link ~ModelRange range}.\n\t * Returned array contains zero, one or two {@link ~ModelRange ranges}.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let range = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 2, 7 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 4, 0, 1 ] )\n\t * );\n\t * let otherRange = model.createRange( model.createPositionFromPath( root, [ 1 ] ), model.createPositionFromPath( root, [ 5 ] ) );\n\t * let transformed = range.getDifference( otherRange );\n\t * // transformed array has no ranges because `otherRange` contains `range`\n\t *\n\t * otherRange = model.createRange( model.createPositionFromPath( root, [ 1 ] ), model.createPositionFromPath( root, [ 3 ] ) );\n\t * transformed = range.getDifference( otherRange );\n\t * // transformed array has one range: from [ 3 ] to [ 4, 0, 1 ]\n\t *\n\t * otherRange = model.createRange( model.createPositionFromPath( root, [ 3 ] ), model.createPositionFromPath( root, [ 4 ] ) );\n\t * transformed = range.getDifference( otherRange );\n\t * // transformed array has two ranges: from [ 2, 7 ] to [ 3 ] and from [ 4 ] to [ 4, 0, 1 ]\n\t * ```\n\t *\n\t * @param otherRange Range to differentiate against.\n\t * @returns The difference between ranges.\n\t */\n\tpublic getDifference( otherRange: ModelRange ): Array<ModelRange> {\n\t\tconst ranges = [];\n\n\t\tif ( this.isIntersecting( otherRange ) ) {\n\t\t\t// Ranges intersect.\n\n\t\t\tif ( this.containsPosition( otherRange.start ) ) {\n\t\t\t\t// Given range start is inside this range. This means that we have to\n\t\t\t\t// add shrunken range - from the start to the middle of this range.\n\t\t\t\tranges.push( new ModelRange( this.start, otherRange.start ) );\n\t\t\t}\n\n\t\t\tif ( this.containsPosition( otherRange.end ) ) {\n\t\t\t\t// Given range end is inside this range. This means that we have to\n\t\t\t\t// add shrunken range - from the middle of this range to the end.\n\t\t\t\tranges.push( new ModelRange( otherRange.end, this.end ) );\n\t\t\t}\n\t\t} else {\n\t\t\t// Ranges do not intersect, return the original range.\n\t\t\tranges.push( new ModelRange( this.start, this.end ) );\n\t\t}\n\n\t\treturn ranges;\n\t}\n\n\t/**\n\t * Returns an intersection of this {@link ~ModelRange range} and given {@link ~ModelRange range}.\n\t * Intersection is a common part of both of those ranges. If ranges has no common part, returns `null`.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let range = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 2, 7 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 4, 0, 1 ] )\n\t * );\n\t * let otherRange = model.createRange( model.createPositionFromPath( root, [ 1 ] ), model.createPositionFromPath( root, [ 2 ] ) );\n\t * let transformed = range.getIntersection( otherRange ); // null - ranges have no common part\n\t *\n\t * otherRange = model.createRange( model.createPositionFromPath( root, [ 3 ] ), model.createPositionFromPath( root, [ 5 ] ) );\n\t * transformed = range.getIntersection( otherRange ); // range from [ 3 ] to [ 4, 0, 1 ]\n\t * ```\n\t *\n\t * @param otherRange Range to check for intersection.\n\t * @returns A common part of given ranges or `null` if ranges have no common part.\n\t */\n\tpublic getIntersection( otherRange: ModelRange ): ModelRange | null {\n\t\tif ( this.isIntersecting( otherRange ) ) {\n\t\t\t// Ranges intersect, so a common range will be returned.\n\t\t\t// At most, it will be same as this range.\n\t\t\tlet commonRangeStart = this.start;\n\t\t\tlet commonRangeEnd = this.end;\n\n\t\t\tif ( this.containsPosition( otherRange.start ) ) {\n\t\t\t\t// Given range start is inside this range. This means thaNt we have to\n\t\t\t\t// shrink common range to the given range start.\n\t\t\t\tcommonRangeStart = otherRange.start;\n\t\t\t}\n\n\t\t\tif ( this.containsPosition( otherRange.end ) ) {\n\t\t\t\t// Given range end is inside this range. This means that we have to\n\t\t\t\t// shrink common range to the given range end.\n\t\t\t\tcommonRangeEnd = otherRange.end;\n\t\t\t}\n\n\t\t\treturn new ModelRange( commonRangeStart, commonRangeEnd );\n\t\t}\n\n\t\t// Ranges do not intersect, so they do not have common part.\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns a range created by joining this {@link ~ModelRange range} with the given {@link ~ModelRange range}.\n\t * If ranges have no common part, returns `null`.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let range = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 2, 7 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 4, 0, 1 ] )\n\t * );\n\t * let otherRange = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 1 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 2 ] )\n \t * );\n\t * let transformed = range.getJoined( otherRange ); // null - ranges have no common part\n\t *\n\t * otherRange = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 3 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 5 ] )\n\t * );\n\t * transformed = range.getJoined( otherRange ); // range from [ 2, 7 ] to [ 5 ]\n\t * ```\n\t *\n\t * @param otherRange Range to be joined.\n\t * @param loose Whether the intersection check is loose or strict. If the check is strict (`false`),\n\t * ranges are tested for intersection or whether start/end positions are equal. If the check is loose (`true`),\n\t * compared range is also checked if it's {@link module:engine/model/position~ModelPosition#isTouching touching} current range.\n\t * @returns A sum of given ranges or `null` if ranges have no common part.\n\t */\n\tpublic getJoined( otherRange: ModelRange, loose: boolean = false ): ModelRange | null {\n\t\tlet shouldJoin = this.isIntersecting( otherRange );\n\n\t\tif ( !shouldJoin ) {\n\t\t\tif ( this.start.isBefore( otherRange.start ) ) {\n\t\t\t\tshouldJoin = loose ? this.end.isTouching( otherRange.start ) : this.end.isEqual( otherRange.start );\n\t\t\t} else {\n\t\t\t\tshouldJoin = loose ? otherRange.end.isTouching( this.start ) : otherRange.end.isEqual( this.start );\n\t\t\t}\n\t\t}\n\n\t\tif ( !shouldJoin ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet startPosition = this.start;\n\t\tlet endPosition = this.end;\n\n\t\tif ( otherRange.start.isBefore( startPosition ) ) {\n\t\t\tstartPosition = otherRange.start;\n\t\t}\n\n\t\tif ( otherRange.end.isAfter( endPosition ) ) {\n\t\t\tendPosition = otherRange.end;\n\t\t}\n\n\t\treturn new ModelRange( startPosition, endPosition );\n\t}\n\n\t/**\n\t * Computes and returns the smallest set of {@link #isFlat flat} ranges, that covers this range in whole.\n\t *\n\t * See an example of a model structure (`[` and `]` are range boundaries):\n\t *\n\t * ```\n\t * root                                                            root\n\t *  |- element DIV                         DIV             P2              P3             DIV\n\t *  |   |- element H                   H        P1        f o o           b a r       H         P4\n\t *  |   |   |- \"fir[st\"             fir[st     lorem                               se]cond     ipsum\n\t *  |   |- element P1\n\t *  |   |   |- \"lorem\"                                              ||\n\t *  |- element P2                                                   ||\n\t *  |   |- \"foo\"                                                    VV\n\t *  |- element P3\n\t *  |   |- \"bar\"                                                   root\n\t *  |- element DIV                         DIV             [P2             P3]             DIV\n\t *  |   |- element H                   H       [P1]       f o o           b a r        H         P4\n\t *  |   |   |- \"se]cond\"            fir[st]    lorem                               [se]cond     ipsum\n\t *  |   |- element P4\n\t *  |   |   |- \"ipsum\"\n\t * ```\n\t *\n\t * As it can be seen, letters contained in the range are: `stloremfoobarse`, spread across different parents.\n\t * We are looking for minimal set of flat ranges that contains the same nodes.\n\t *\n\t * Minimal flat ranges for above range `( [ 0, 0, 3 ], [ 3, 0, 2 ] )` will be:\n\t *\n\t * ```\n\t * ( [ 0, 0, 3 ], [ 0, 0, 5 ] ) = \"st\"\n\t * ( [ 0, 1 ], [ 0, 2 ] ) = element P1 (\"lorem\")\n\t * ( [ 1 ], [ 3 ] ) = element P2, element P3 (\"foobar\")\n\t * ( [ 3, 0, 0 ], [ 3, 0, 2 ] ) = \"se\"\n\t * ```\n\t *\n\t * **Note:** if an {@link module:engine/model/element~ModelElement element} is not wholly contained in this range, it won't be returned\n\t * in any of the returned flat ranges. See in the example how `H` elements at the beginning and at the end of the range\n\t * were omitted. Only their parts that were wholly in the range were returned.\n\t *\n\t * **Note:** this method is not returning flat ranges that contain no nodes.\n\t *\n\t * @returns Array of flat ranges covering this range.\n\t */\n\tpublic getMinimalFlatRanges(): Array<ModelRange> {\n\t\tconst ranges = [];\n\t\tconst diffAt = this.start.getCommonPath( this.end ).length;\n\n\t\tconst pos = ModelPosition._createAt( this.start );\n\t\tlet posParent = pos.parent;\n\n\t\t// Go up.\n\t\twhile ( pos.path.length > diffAt + 1 ) {\n\t\t\tconst howMany = posParent.maxOffset - pos.offset;\n\n\t\t\tif ( howMany !== 0 ) {\n\t\t\t\tranges.push( new ModelRange( pos, pos.getShiftedBy( howMany ) ) );\n\t\t\t}\n\n\t\t\t( pos as any ).path = pos.path.slice( 0, -1 );\n\t\t\tpos.offset++;\n\t\t\tposParent = posParent.parent!;\n\t\t}\n\n\t\t// Go down.\n\t\twhile ( pos.path.length <= this.end.path.length ) {\n\t\t\tconst offset = this.end.path[ pos.path.length - 1 ];\n\t\t\tconst howMany = offset - pos.offset;\n\n\t\t\tif ( howMany !== 0 ) {\n\t\t\t\tranges.push( new ModelRange( pos, pos.getShiftedBy( howMany ) ) );\n\t\t\t}\n\n\t\t\tpos.offset = offset;\n\t\t\t( pos.path as Array<number> ).push( 0 );\n\t\t}\n\n\t\treturn ranges;\n\t}\n\n\t/**\n\t * Creates a {@link module:engine/model/treewalker~ModelTreeWalker TreeWalker} instance with this range as a boundary.\n\t *\n\t * For example, to iterate over all items in the entire document root:\n\t *\n\t * ```ts\n\t * // Create a range spanning over the entire root content:\n\t * const range = editor.model.createRangeIn( editor.model.document.getRoot() );\n\t *\n\t * // Iterate over all items in this range:\n\t * for ( const value of range.getWalker() ) {\n\t * \tconsole.log( value.item );\n\t * }\n\t * ```\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/model/treewalker~ModelTreeWalker}.\n\t */\n\tpublic getWalker( options: ModelTreeWalkerOptions = {} ): ModelTreeWalker {\n\t\toptions.boundaries = this;\n\n\t\treturn new ModelTreeWalker( options );\n\t}\n\n\t/**\n\t * Returns an iterator that iterates over all {@link module:engine/model/item~ModelItem items} that are in this range and returns\n\t * them.\n\t *\n\t * This method uses {@link module:engine/model/treewalker~ModelTreeWalker} with `boundaries` set to this range and\n\t * `ignoreElementEnd` option set to `true`. However it returns only {@link module:engine/model/item~ModelItem model items},\n\t * not {@link module:engine/model/treewalker~ModelTreeWalkerValue}.\n\t *\n\t * You may specify additional options for the tree walker. See {@link module:engine/model/treewalker~ModelTreeWalker} for\n\t * a full list of available options.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/model/treewalker~ModelTreeWalker}.\n\t */\n\tpublic* getItems( options: ModelTreeWalkerOptions = {} ): IterableIterator<ModelItem> {\n\t\toptions.boundaries = this;\n\t\toptions.ignoreElementEnd = true;\n\n\t\tconst treeWalker = new ModelTreeWalker( options );\n\n\t\tfor ( const value of treeWalker ) {\n\t\t\tyield value.item;\n\t\t}\n\t}\n\n\t/**\n\t * Returns an iterator that iterates over all {@link module:engine/model/position~ModelPosition positions} that are boundaries or\n\t * contained in this range.\n\t *\n\t * This method uses {@link module:engine/model/treewalker~ModelTreeWalker} with `boundaries` set to this range. However it returns only\n\t * {@link module:engine/model/position~ModelPosition positions}, not {@link module:engine/model/treewalker~ModelTreeWalkerValue}.\n\t *\n\t * You may specify additional options for the tree walker. See {@link module:engine/model/treewalker~ModelTreeWalker} for\n\t * a full list of available options.\n\t *\n\t * @param options Object with configuration options. See {@link module:engine/model/treewalker~ModelTreeWalker}.\n\t */\n\tpublic* getPositions( options: ModelTreeWalkerOptions = {} ): IterableIterator<ModelPosition> {\n\t\toptions.boundaries = this;\n\n\t\tconst treeWalker = new ModelTreeWalker( options );\n\n\t\tyield treeWalker.position;\n\n\t\tfor ( const value of treeWalker ) {\n\t\t\tyield value.nextPosition;\n\t\t}\n\t}\n\n\t/**\n\t * Returns a range that is a result of transforming this range by given `operation`.\n\t *\n\t * **Note:** transformation may break one range into multiple ranges (for example, when a part of the range is\n\t * moved to a different part of document tree). For this reason, an array is returned by this method and it\n\t * may contain one or more `Range` instances.\n\t *\n\t * @param operation Operation to transform range by.\n\t * @returns Range which is the result of transformation.\n\t */\n\tpublic getTransformedByOperation( operation: Operation ): Array<ModelRange> {\n\t\tswitch ( operation.type ) {\n\t\t\tcase 'insert':\n\t\t\t\treturn this._getTransformedByInsertOperation( operation as InsertOperation );\n\t\t\tcase 'move':\n\t\t\tcase 'remove':\n\t\t\tcase 'reinsert':\n\t\t\t\treturn this._getTransformedByMoveOperation( operation as MoveOperation );\n\t\t\tcase 'split':\n\t\t\t\treturn [ this._getTransformedBySplitOperation( operation as SplitOperation ) ];\n\t\t\tcase 'merge':\n\t\t\t\treturn [ this._getTransformedByMergeOperation( operation as MergeOperation ) ];\n\t\t}\n\n\t\treturn [ new ModelRange( this.start, this.end ) ];\n\t}\n\n\t/**\n\t * Returns a range that is a result of transforming this range by multiple `operations`.\n\t *\n\t * @see ~ModelRange#getTransformedByOperation\n\t * @param operations Operations to transform the range by.\n\t * @returns Range which is the result of transformation.\n\t */\n\tpublic getTransformedByOperations( operations: Iterable<Operation> ): Array<ModelRange> {\n\t\tconst ranges = [ new ModelRange( this.start, this.end ) ];\n\n\t\tfor ( const operation of operations ) {\n\t\t\tfor ( let i = 0; i < ranges.length; i++ ) {\n\t\t\t\tconst result = ranges[ i ].getTransformedByOperation( operation );\n\n\t\t\t\tranges.splice( i, 1, ...result );\n\t\t\t\ti += result.length - 1;\n\t\t\t}\n\t\t}\n\n\t\t// It may happen that a range is split into two, and then the part of second \"piece\" is moved into first\n\t\t// \"piece\". In this case we will have incorrect third range, which should not be included in the result --\n\t\t// because it is already included in the first \"piece\". In this loop we are looking for all such ranges that\n\t\t// are inside other ranges and we simply remove them.\n\t\tfor ( let i = 0; i < ranges.length; i++ ) {\n\t\t\tconst range = ranges[ i ];\n\n\t\t\tfor ( let j = i + 1; j < ranges.length; j++ ) {\n\t\t\t\tconst next = ranges[ j ];\n\n\t\t\t\tif ( range.containsRange( next ) || next.containsRange( range ) || range.isEqual( next ) ) {\n\t\t\t\t\tranges.splice( j, 1 );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn ranges;\n\t}\n\n\t/**\n\t * Returns an {@link module:engine/model/element~ModelElement} or {@link module:engine/model/documentfragment~ModelDocumentFragment}\n\t * which is a common ancestor of the range's both ends (in which the entire range is contained).\n\t */\n\tpublic getCommonAncestor(): ModelElement | ModelDocumentFragment | null {\n\t\treturn this.start.getCommonAncestor( this.end );\n\t}\n\n\t/**\n\t * Returns an {@link module:engine/model/element~ModelElement Element} contained by the range.\n\t * The element will be returned when it is the **only** node within the range and **fully–contained**\n\t * at the same time.\n\t */\n\tpublic getContainedElement(): ModelElement | null {\n\t\tif ( this.isCollapsed ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst nodeAfterStart = this.start.nodeAfter;\n\t\tconst nodeBeforeEnd = this.end.nodeBefore;\n\n\t\tif ( nodeAfterStart && nodeAfterStart.is( 'element' ) && nodeAfterStart === nodeBeforeEnd ) {\n\t\t\treturn nodeAfterStart;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Converts `Range` to plain object and returns it.\n\t *\n\t * @returns `Range` converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\treturn {\n\t\t\tstart: this.start.toJSON(),\n\t\t\tend: this.end.toJSON()\n\t\t};\n\t}\n\n\t/**\n\t * Returns a new range that is equal to current range.\n\t */\n\tpublic clone(): this {\n\t\treturn new ( this.constructor as any )( this.start, this.end );\n\t}\n\n\t/**\n\t * Returns a result of transforming a copy of this range by insert operation.\n\t *\n\t * One or more ranges may be returned as a result of this transformation.\n\t *\n\t * @internal\n\t */\n\tpublic _getTransformedByInsertOperation( operation: InsertOperation, spread: boolean = false ): Array<ModelRange> {\n\t\treturn this._getTransformedByInsertion( operation.position, operation.howMany, spread );\n\t}\n\n\t/**\n\t * Returns a result of transforming a copy of this range by move operation.\n\t *\n\t * One or more ranges may be returned as a result of this transformation.\n\t *\n\t * @internal\n\t */\n\tpublic _getTransformedByMoveOperation( operation: MoveOperation, spread: boolean = false ): Array<ModelRange> {\n\t\tconst sourcePosition = operation.sourcePosition;\n\t\tconst howMany = operation.howMany;\n\t\tconst targetPosition = operation.targetPosition;\n\n\t\treturn this._getTransformedByMove( sourcePosition, targetPosition, howMany, spread );\n\t}\n\n\t/**\n\t * Returns a result of transforming a copy of this range by split operation.\n\t *\n\t * Always one range is returned. The transformation is done in a way to not break the range.\n\t *\n\t * @internal\n\t */\n\tpublic _getTransformedBySplitOperation( operation: SplitOperation ): ModelRange {\n\t\tconst start = this.start._getTransformedBySplitOperation( operation );\n\t\tlet end = this.end._getTransformedBySplitOperation( operation );\n\n\t\tif ( this.end.isEqual( operation.insertionPosition ) ) {\n\t\t\tend = this.end.getShiftedBy( 1 );\n\t\t}\n\n\t\t// Below may happen when range contains graveyard element used by split operation.\n\t\tif ( start.root != end.root ) {\n\t\t\t// End position was next to the moved graveyard element and was moved with it.\n\t\t\t// Fix it by using old `end` which has proper `root`.\n\t\t\tend = this.end.getShiftedBy( -1 );\n\t\t}\n\n\t\treturn new ModelRange( start, end );\n\t}\n\n\t/**\n\t * Returns a result of transforming a copy of this range by merge operation.\n\t *\n\t * Always one range is returned. The transformation is done in a way to not break the range.\n\t *\n\t * @internal\n\t */\n\tpublic _getTransformedByMergeOperation( operation: MergeOperation ): ModelRange {\n\t\t// Special case when the marker is set on \"the closing tag\" of an element. Marker can be set like that during\n\t\t// transformations, especially when a content of a few block elements were removed. For example:\n\t\t//\n\t\t// {} is the transformed range, [] is the removed range.\n\t\t// <p>F[o{o</p><p>B}ar</p><p>Xy]z</p>\n\t\t//\n\t\t// <p>Fo{o</p><p>B}ar</p><p>z</p>\n\t\t// <p>F{</p><p>B}ar</p><p>z</p>\n\t\t// <p>F{</p>}<p>z</p>\n\t\t// <p>F{}z</p>\n\t\t//\n\t\tif ( this.start.isEqual( operation.targetPosition ) && this.end.isEqual( operation.deletionPosition ) ) {\n\t\t\treturn new ModelRange( this.start );\n\t\t}\n\n\t\tlet start = this.start._getTransformedByMergeOperation( operation );\n\t\tlet end = this.end._getTransformedByMergeOperation( operation );\n\n\t\tif ( start.root != end.root ) {\n\t\t\t// This happens when the end position was next to the merged (deleted) element.\n\t\t\t// Then, the end position was moved to the graveyard root. In this case we need to fix\n\t\t\t// the range cause its boundaries would be in different roots.\n\t\t\tend = this.end.getShiftedBy( -1 );\n\t\t}\n\n\t\tif ( start.isAfter( end ) ) {\n\t\t\t// This happens in three following cases:\n\t\t\t//\n\t\t\t// Case 1: Merge operation source position is before the target position (due to some transformations, OT, etc.)\n\t\t\t//         This means that start can be moved before the end of the range.\n\t\t\t//\n\t\t\t// Before: <p>a{a</p><p>b}b</p><p>cc</p>\n\t\t\t// Merge:  <p>b}b</p><p>cca{a</p>\n\t\t\t// Fix:    <p>{b}b</p><p>ccaa</p>\n\t\t\t//\n\t\t\t// Case 2: Range start is before merged node but not directly.\n\t\t\t//         Result should include all nodes that were in the original range.\n\t\t\t//\n\t\t\t// Before: <p>aa</p>{<p>cc</p><p>b}b</p>\n\t\t\t// Merge:  <p>aab}b</p>{<p>cc</p>\n\t\t\t// Fix:    <p>aa{bb</p><p>cc</p>}\n\t\t\t//\n\t\t\t//         The range is expanded by an additional `b` letter but it is better than dropping the whole `cc` paragraph.\n\t\t\t//\n\t\t\t// Case 3: Range start is directly before merged node.\n\t\t\t//         Resulting range should include only nodes from the merged element:\n\t\t\t//\n\t\t\t// Before: <p>aa</p>{<p>b}b</p><p>cc</p>\n\t\t\t// Merge:  <p>aab}b</p>{<p>cc</p>\n\t\t\t// Fix:    <p>aa{b}b</p><p>cc</p>\n\t\t\t//\n\n\t\t\tif ( operation.sourcePosition.isBefore( operation.targetPosition ) ) {\n\t\t\t\t// Case 1.\n\t\t\t\tstart = ModelPosition._createAt( end );\n\t\t\t\tstart.offset = 0;\n\t\t\t} else {\n\t\t\t\tif ( !operation.deletionPosition.isEqual( start ) ) {\n\t\t\t\t\t// Case 2.\n\t\t\t\t\tend = operation.deletionPosition;\n\t\t\t\t}\n\n\t\t\t\t// In both case 2 and 3 start is at the end of the merge-to element.\n\t\t\t\tstart = operation.targetPosition;\n\t\t\t}\n\n\t\t\treturn new ModelRange( start, end );\n\t\t}\n\n\t\treturn new ModelRange( start, end );\n\t}\n\n\t/**\n\t * Returns an array containing one or two {@link ~ModelRange ranges} that are a result of transforming this\n\t * {@link ~ModelRange range} by inserting `howMany` nodes at `insertPosition`. Two {@link ~ModelRange ranges} are\n\t * returned if the insertion was inside this {@link ~ModelRange range} and `spread` is set to `true`.\n\t *\n\t * Examples:\n\t *\n\t * ```ts\n\t * let range = model.createRange(\n\t * \tmodel.createPositionFromPath( root, [ 2, 7 ] ),\n\t * \tmodel.createPositionFromPath( root, [ 4, 0, 1 ] )\n\t * );\n\t * let transformed = range._getTransformedByInsertion( model.createPositionFromPath( root, [ 1 ] ), 2 );\n\t * // transformed array has one range from [ 4, 7 ] to [ 6, 0, 1 ]\n\t *\n\t * transformed = range._getTransformedByInsertion( model.createPositionFromPath( root, [ 4, 0, 0 ] ), 4 );\n\t * // transformed array has one range from [ 2, 7 ] to [ 4, 0, 5 ]\n\t *\n\t * transformed = range._getTransformedByInsertion( model.createPositionFromPath( root, [ 3, 2 ] ), 4 );\n\t * // transformed array has one range, which is equal to original range\n\t *\n\t * transformed = range._getTransformedByInsertion( model.createPositionFromPath( root, [ 3, 2 ] ), 4, true );\n\t * // transformed array has two ranges: from [ 2, 7 ] to [ 3, 2 ] and from [ 3, 6 ] to [ 4, 0, 1 ]\n\t * ```\n\t *\n\t * @internal\n\t * @param insertPosition Position where nodes are inserted.\n\t * @param howMany How many nodes are inserted.\n\t * @param spread Flag indicating whether this range should be spread if insertion\n\t * was inside the range. Defaults to `false`.\n\t * @returns Result of the transformation.\n\t */\n\tpublic _getTransformedByInsertion( insertPosition: ModelPosition, howMany: number, spread: boolean = false ): Array<ModelRange> {\n\t\tif ( spread && this.containsPosition( insertPosition ) ) {\n\t\t\t// Range has to be spread. The first part is from original start to the spread point.\n\t\t\t// The other part is from spread point to the original end, but transformed by\n\t\t\t// insertion to reflect insertion changes.\n\n\t\t\treturn [\n\t\t\t\tnew ModelRange( this.start, insertPosition ),\n\t\t\t\tnew ModelRange(\n\t\t\t\t\tinsertPosition.getShiftedBy( howMany ),\n\t\t\t\t\tthis.end._getTransformedByInsertion( insertPosition, howMany )\n\t\t\t\t)\n\t\t\t];\n\t\t} else {\n\t\t\tconst range = new ModelRange( this.start, this.end );\n\n\t\t\t( range as any ).start = range.start._getTransformedByInsertion( insertPosition, howMany );\n\t\t\t( range as any ).end = range.end._getTransformedByInsertion( insertPosition, howMany );\n\n\t\t\treturn [ range ];\n\t\t}\n\t}\n\n\t/**\n\t * Returns an array containing {@link ~ModelRange ranges} that are a result of transforming this\n\t * {@link ~ModelRange range} by moving `howMany` nodes from `sourcePosition` to `targetPosition`.\n\t *\n\t * @internal\n\t * @param sourcePosition Position from which nodes are moved.\n\t * @param targetPosition Position to where nodes are moved.\n\t * @param howMany How many nodes are moved.\n\t * @param spread Whether the range should be spread if the move points inside the range.\n\t * @returns  Result of the transformation.\n\t */\n\tpublic _getTransformedByMove(\n\t\tsourcePosition: ModelPosition,\n\t\ttargetPosition: ModelPosition,\n\t\thowMany: number,\n\t\tspread: boolean = false\n\t): Array<ModelRange> {\n\t\t// Special case for transforming a collapsed range. Just transform it like a position.\n\t\tif ( this.isCollapsed ) {\n\t\t\tconst newPos = this.start._getTransformedByMove( sourcePosition, targetPosition, howMany );\n\n\t\t\treturn [ new ModelRange( newPos ) ];\n\t\t}\n\n\t\t// Special case for transformation when a part of the range is moved towards the range.\n\t\t//\n\t\t// Examples:\n\t\t//\n\t\t// <div><p>ab</p><p>c[d</p></div><p>e]f</p> --> <div><p>ab</p></div><p>c[d</p><p>e]f</p>\n\t\t// <p>e[f</p><div><p>a]b</p><p>cd</p></div> --> <p>e[f</p><p>a]b</p><div><p>cd</p></div>\n\t\t//\n\t\t// Without this special condition, the default algorithm leaves an \"artifact\" range from one of `differenceSet` parts:\n\t\t//\n\t\t// <div><p>ab</p><p>c[d</p></div><p>e]f</p> --> <div><p>ab</p>{</div>}<p>c[d</p><p>e]f</p>\n\t\t//\n\t\t// This special case is applied only if the range is to be kept together (not spread).\n\t\tconst moveRange = ModelRange._createFromPositionAndShift( sourcePosition, howMany );\n\t\tconst insertPosition = targetPosition._getTransformedByDeletion( sourcePosition, howMany );\n\n\t\tif ( this.containsPosition( targetPosition ) && !spread ) {\n\t\t\tif ( moveRange.containsPosition( this.start ) || moveRange.containsPosition( this.end ) ) {\n\t\t\t\tconst start = this.start._getTransformedByMove( sourcePosition, targetPosition, howMany );\n\t\t\t\tconst end = this.end._getTransformedByMove( sourcePosition, targetPosition, howMany );\n\n\t\t\t\treturn [ new ModelRange( start, end ) ];\n\t\t\t}\n\t\t}\n\n\t\t// Default algorithm.\n\t\tlet result: Array<ModelRange>;\n\n\t\tconst differenceSet = this.getDifference( moveRange );\n\t\tlet difference = null;\n\n\t\tconst common = this.getIntersection( moveRange );\n\n\t\tif ( differenceSet.length == 1 ) {\n\t\t\t// `moveRange` and this range may intersect but may be separate.\n\t\t\tdifference = new ModelRange(\n\t\t\t\tdifferenceSet[ 0 ].start._getTransformedByDeletion( sourcePosition, howMany )!,\n\t\t\t\tdifferenceSet[ 0 ].end._getTransformedByDeletion( sourcePosition, howMany )!\n\t\t\t);\n\t\t} else if ( differenceSet.length == 2 ) {\n\t\t\t// `moveRange` is inside this range.\n\t\t\tdifference = new ModelRange(\n\t\t\t\tthis.start,\n\t\t\t\tthis.end._getTransformedByDeletion( sourcePosition, howMany )\n\t\t\t);\n\t\t} // else, `moveRange` contains this range.\n\n\t\tif ( difference ) {\n\t\t\tresult = difference._getTransformedByInsertion( insertPosition!, howMany, common !== null || spread );\n\t\t} else {\n\t\t\tresult = [];\n\t\t}\n\n\t\tif ( common ) {\n\t\t\tconst transformedCommon = new ModelRange(\n\t\t\t\tcommon.start._getCombined( moveRange.start, insertPosition! ),\n\t\t\t\tcommon.end._getCombined( moveRange.start, insertPosition! )\n\t\t\t);\n\n\t\t\tif ( result.length == 2 ) {\n\t\t\t\tresult.splice( 1, 0, transformedCommon );\n\t\t\t} else {\n\t\t\t\tresult.push( transformedCommon );\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}\n\n\t/**\n\t * Returns a copy of this range that is transformed by deletion of `howMany` nodes from `deletePosition`.\n\t *\n\t * If the deleted range is intersecting with the transformed range, the transformed range will be shrank.\n\t *\n\t * If the deleted range contains transformed range, `null` will be returned.\n\t *\n\t * @internal\n\t * @param deletePosition Position from which nodes are removed.\n\t * @param howMany How many nodes are removed.\n\t * @returns Result of the transformation.\n\t */\n\tpublic _getTransformedByDeletion( deletePosition: ModelPosition, howMany: number ): ModelRange | null {\n\t\tlet newStart = this.start._getTransformedByDeletion( deletePosition, howMany );\n\t\tlet newEnd = this.end._getTransformedByDeletion( deletePosition, howMany );\n\n\t\tif ( newStart == null && newEnd == null ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( newStart == null ) {\n\t\t\tnewStart = deletePosition;\n\t\t}\n\n\t\tif ( newEnd == null ) {\n\t\t\tnewEnd = deletePosition;\n\t\t}\n\n\t\treturn new ModelRange( newStart, newEnd );\n\t}\n\n\t/**\n\t * Creates a new range, spreading from specified {@link module:engine/model/position~ModelPosition position} to a position moved by\n\t * given `shift`. If `shift` is a negative value, shifted position is treated as the beginning of the range.\n\t *\n\t * @internal\n\t * @param position Beginning of the range.\n\t * @param shift How long the range should be.\n\t */\n\tpublic static _createFromPositionAndShift( position: ModelPosition, shift: number ): ModelRange {\n\t\tconst start = position;\n\t\tconst end = position.getShiftedBy( shift );\n\n\t\treturn shift > 0 ? new this( start, end ) : new this( end, start );\n\t}\n\n\t/**\n\t * Creates a range inside an {@link module:engine/model/element~ModelElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @internal\n\t * @param element Element which is a parent for the range.\n\t */\n\tpublic static _createIn( element: ModelElement | ModelDocumentFragment ): ModelRange {\n\t\treturn new this( ModelPosition._createAt( element, 0 ), ModelPosition._createAt( element, element.maxOffset ) );\n\t}\n\n\t/**\n\t * Creates a range that starts before given {@link module:engine/model/item~ModelItem model item} and ends after it.\n\t *\n\t * @internal\n\t */\n\tpublic static _createOn( item: ModelItem ): ModelRange {\n\t\treturn this._createFromPositionAndShift( ModelPosition._createBefore( item ), item.offsetSize );\n\t}\n\n\t/**\n\t * Combines all ranges from the passed array into a one range. At least one range has to be passed.\n\t * Passed ranges must not have common parts.\n\t *\n\t * The first range from the array is a reference range. If other ranges start or end on the exactly same position where\n\t * the reference range, they get combined into one range.\n\t *\n\t * ```\n\t * [  ][]  [    ][ ][             ][ ][]  [  ]  // Passed ranges, shown sorted\n\t * [    ]                                       // The result of the function if the first range was a reference range.\n\t *         [                           ]        // The result of the function if the third-to-seventh range was a reference range.\n\t *                                        [  ]  // The result of the function if the last range was a reference range.\n\t * ```\n\t *\n\t * @internal\n\t * @param ranges Ranges to combine.\n\t * @returns Combined range.\n\t */\n\tpublic static _createFromRanges( ranges: Array<ModelRange> ): ModelRange {\n\t\tif ( ranges.length === 0 ) {\n\t\t\t/**\n\t\t\t * At least one range has to be passed to\n\t\t\t * {@link module:engine/model/range~ModelRange._createFromRanges `Range._createFromRanges()`}.\n\t\t\t *\n\t\t\t * @error range-create-from-ranges-empty-array\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'range-create-from-ranges-empty-array',\n\t\t\t\tnull\n\t\t\t);\n\t\t} else if ( ranges.length == 1 ) {\n\t\t\treturn ranges[ 0 ].clone();\n\t\t}\n\n\t\t// 1. Set the first range in `ranges` array as a reference range.\n\t\t// If we are going to return just a one range, one of the ranges need to be the reference one.\n\t\t// Other ranges will be stuck to that range, if possible.\n\t\tconst ref = ranges[ 0 ];\n\n\t\t// 2. Sort all the ranges, so it's easier to process them.\n\t\tranges.sort( ( a, b ) => {\n\t\t\treturn a.start.isAfter( b.start ) ? 1 : -1;\n\t\t} );\n\n\t\t// 3. Check at which index the reference range is now.\n\t\tconst refIndex = ranges.indexOf( ref );\n\n\t\t// 4. At this moment we don't need the original range.\n\t\t// We are going to modify the result, and we need to return a new instance of Range.\n\t\t// We have to create a copy of the reference range.\n\t\tconst result = new this( ref.start, ref.end );\n\n\t\t// 5. Ranges should be checked and glued starting from the range that is closest to the reference range.\n\t\t// Since ranges are sorted, start with the range with index that is closest to reference range index.\n\t\tfor ( let i = refIndex - 1; i >= 0; i-- ) {\n\t\t\tif ( ranges[ i ].end.isEqual( result.start ) ) {\n\t\t\t\t( result as any ).start = ModelPosition._createAt( ranges[ i ].start );\n\t\t\t} else {\n\t\t\t\t// If ranges are not starting/ending at the same position there is no point in looking further.\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// 6. Ranges should be checked and glued starting from the range that is closest to the reference range.\n\t\t// Since ranges are sorted, start with the range with index that is closest to reference range index.\n\t\tfor ( let i = refIndex + 1; i < ranges.length; i++ ) {\n\t\t\tif ( ranges[ i ].start.isEqual( result.end ) ) {\n\t\t\t\t( result as any ).end = ModelPosition._createAt( ranges[ i ].end );\n\t\t\t} else {\n\t\t\t\t// If ranges are not starting/ending at the same position there is no point in looking further.\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}\n\n\t/**\n\t * Creates a `Range` instance from given plain object (i.e. parsed JSON string).\n\t *\n\t * @param json Plain object to be converted to `Range`.\n\t * @param doc Document object that will be range owner.\n\t * @returns `Range` instance created using given plain object.\n\t */\n\tpublic static fromJSON( json: any, doc: ModelDocument ): ModelRange {\n\t\treturn new this( ModelPosition.fromJSON( json.start, doc ), ModelPosition.fromJSON( json.end, doc ) );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `${ this.root } [ ${ this.start.path.join( ', ' ) } ] - [ ${ this.end.path.join( ', ' ) } ]`;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public log(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ModelPosition: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelRange.prototype.is = function( type: string ): boolean {\n\treturn type === 'range' || type === 'model:range';\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/conversion/mapper\n */\n\nimport { ModelPosition } from '../model/position.js';\nimport { ModelRange } from '../model/range.js';\n\nimport { ViewPosition } from '../view/position.js';\nimport { ViewRange } from '../view/range.js';\n\nimport { CKEditorError, EmitterMixin, type GetCallback } from '@ckeditor/ckeditor5-utils';\n\nimport { type ViewDocumentFragment } from '../view/documentfragment.js';\nimport { type ViewElement } from '../view/element.js';\nimport { type ViewText } from '../view/text.js';\nimport { type ModelElement } from '../model/element.js';\nimport { type ModelDocumentFragment } from '../model/documentfragment.js';\nimport type { ViewNode, ViewNodeChangeEvent } from '../view/node.js';\n\n/**\n * Maps elements, positions and markers between the {@link module:engine/view/document~ViewDocument view} and\n * the {@link module:engine/model/model model}.\n *\n * The instance of the Mapper used for the editing pipeline is available in\n * {@link module:engine/controller/editingcontroller~EditingController#mapper `editor.editing.mapper`}.\n *\n * Mapper uses bound elements to find corresponding elements and positions, so, to get proper results,\n * all model elements should be {@link module:engine/conversion/mapper~Mapper#bindElements bound}.\n *\n * To map the complex model to/from view relations, you may provide custom callbacks for the\n * {@link module:engine/conversion/mapper~Mapper#event:modelToViewPosition modelToViewPosition event} and\n * {@link module:engine/conversion/mapper~Mapper#event:viewToModelPosition viewToModelPosition event} that are fired whenever\n * a position mapping request occurs.\n * Those events are fired by the {@link module:engine/conversion/mapper~Mapper#toViewPosition toViewPosition}\n * and {@link module:engine/conversion/mapper~Mapper#toModelPosition toModelPosition} methods. `Mapper` adds its own default callbacks\n * with `'lowest'` priority. To override default `Mapper` mapping, add custom callback with higher priority and\n * stop the event.\n */\nexport class Mapper extends /* #__PURE__ */ EmitterMixin() {\n\t/**\n\t * Model element to view element mapping.\n\t */\n\tprivate _modelToViewMapping = new WeakMap<ModelElement | ModelDocumentFragment, ViewElement | ViewDocumentFragment>();\n\n\t/**\n\t * View element to model element mapping.\n\t */\n\tprivate _viewToModelMapping = new WeakMap<ViewElement | ViewDocumentFragment, ModelElement | ModelDocumentFragment>();\n\n\t/**\n\t * A map containing callbacks between view element names and functions evaluating length of view elements\n\t * in model.\n\t */\n\tprivate _viewToModelLengthCallbacks = new Map<string, ( element: ViewElement ) => number>();\n\n\t/**\n\t * Model marker name to view elements mapping.\n\t *\n\t * Keys are `String`s while values are `Set`s with {@link module:engine/view/element~ViewElement view elements}.\n\t * One marker (name) can be mapped to multiple elements.\n\t */\n\tprivate _markerNameToElements = new Map<string, Set<ViewElement>>();\n\n\t/**\n\t * View element to model marker names mapping.\n\t *\n\t * This is reverse to {@link ~Mapper#_markerNameToElements} map.\n\t */\n\tprivate _elementToMarkerNames = new Map<ViewElement, Set<string>>();\n\n\t/**\n\t * The map of removed view elements with their current root (used for deferred unbinding).\n\t */\n\tprivate _deferredBindingRemovals = new Map<ViewElement, ViewElement | ViewDocumentFragment>();\n\n\t/**\n\t * Stores marker names of markers which have changed due to unbinding a view element (so it is assumed that the view element\n\t * has been removed, moved or renamed).\n\t */\n\tprivate _unboundMarkerNames = new Set<string>();\n\n\t/**\n\t * Manages dynamic cache for the `Mapper` to improve the performance.\n\t */\n\tprivate _cache: MapperCache = new MapperCache();\n\n\t/**\n\t * Creates an instance of the mapper.\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\t// Default mapper algorithm for mapping model position to view position.\n\t\tthis.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', ( evt, data ) => {\n\t\t\tif ( data.viewPosition ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewContainer = this._modelToViewMapping.get( data.modelPosition.parent as ModelElement );\n\n\t\t\tif ( !viewContainer ) {\n\t\t\t\t/**\n\t\t\t\t * A model position could not be mapped to the view because the parent of the model position\n\t\t\t\t * does not have a mapped view element (might have not been converted yet or it has no converter).\n\t\t\t\t *\n\t\t\t\t * Make sure that the model element is correctly converted to the view.\n\t\t\t\t *\n\t\t\t\t * @error mapping-model-position-view-parent-not-found\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'mapping-model-position-view-parent-not-found', this, { modelPosition: data.modelPosition } );\n\t\t\t}\n\n\t\t\tdata.viewPosition = this.findPositionIn( viewContainer, data.modelPosition.offset );\n\t\t}, { priority: 'low' } );\n\n\t\t// Default mapper algorithm for mapping view position to model position.\n\t\tthis.on<MapperViewToModelPositionEvent>( 'viewToModelPosition', ( evt, data ) => {\n\t\t\tif ( data.modelPosition ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewBlock = this.findMappedViewAncestor( data.viewPosition );\n\t\t\tconst modelParent = this._viewToModelMapping.get( viewBlock );\n\t\t\tconst modelOffset = this._toModelOffset( data.viewPosition.parent as ViewElement, data.viewPosition.offset, viewBlock );\n\n\t\t\tdata.modelPosition = ModelPosition._createAt( modelParent!, modelOffset );\n\t\t}, { priority: 'low' } );\n\t}\n\n\t/**\n\t * Marks model and view elements as corresponding. Corresponding elements can be retrieved by using\n\t * the {@link module:engine/conversion/mapper~Mapper#toModelElement toModelElement} and\n\t * {@link module:engine/conversion/mapper~Mapper#toViewElement toViewElement} methods.\n\t * The information that elements are bound is also used to translate positions.\n\t *\n\t * @param modelElement Model element.\n\t * @param viewElement View element.\n\t */\n\tpublic bindElements(\n\t\tmodelElement: ModelElement | ModelDocumentFragment,\n\t\tviewElement: ViewElement | ViewDocumentFragment\n\t): void {\n\t\tthis._modelToViewMapping.set( modelElement, viewElement );\n\t\tthis._viewToModelMapping.set( viewElement, modelElement );\n\t}\n\n\t/**\n\t * Unbinds the given {@link module:engine/view/element~ViewElement view element} from the map.\n\t *\n\t * **Note:** view-to-model binding will be removed, if it existed. However, corresponding model-to-view binding\n\t * will be removed only if model element is still bound to the passed `viewElement`.\n\t *\n\t * This behavior allows for re-binding model element to another view element without fear of losing the new binding\n\t * when the previously bound view element is unbound.\n\t *\n\t * @param viewElement View element to unbind.\n\t * @param options The options object.\n\t * @param options.defer Controls whether the binding should be removed immediately or deferred until a\n\t * {@link #flushDeferredBindings `flushDeferredBindings()`} call.\n\t */\n\tpublic unbindViewElement(\n\t\tviewElement: ViewElement,\n\t\toptions: { defer?: boolean } = {}\n\t): void {\n\t\tconst modelElement = this.toModelElement( viewElement )!;\n\n\t\tif ( this._elementToMarkerNames.has( viewElement ) ) {\n\t\t\tfor ( const markerName of this._elementToMarkerNames.get( viewElement )! ) {\n\t\t\t\tthis._unboundMarkerNames.add( markerName );\n\t\t\t}\n\t\t}\n\n\t\tif ( options.defer ) {\n\t\t\tthis._deferredBindingRemovals.set( viewElement, viewElement.root );\n\t\t} else {\n\t\t\tconst wasFound = this._viewToModelMapping.delete( viewElement );\n\n\t\t\tif ( wasFound ) {\n\t\t\t\t// Stop tracking after the element is no longer mapped. We want to track all mapped elements and only mapped elements.\n\t\t\t\tthis._cache.stopTracking( viewElement );\n\t\t\t}\n\n\t\t\tif ( this._modelToViewMapping.get( modelElement ) == viewElement ) {\n\t\t\t\tthis._modelToViewMapping.delete( modelElement );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Unbinds the given {@link module:engine/model/element~ModelElement model element} from the map.\n\t *\n\t * **Note:** the model-to-view binding will be removed, if it existed. However, the corresponding view-to-model binding\n\t * will be removed only if the view element is still bound to the passed `modelElement`.\n\t *\n\t * This behavior lets for re-binding view element to another model element without fear of losing the new binding\n\t * when the previously bound model element is unbound.\n\t *\n\t * @param modelElement Model element to unbind.\n\t */\n\tpublic unbindModelElement( modelElement: ModelElement ): void {\n\t\tconst viewElement = this.toViewElement( modelElement )!;\n\n\t\tthis._modelToViewMapping.delete( modelElement );\n\n\t\tif ( this._viewToModelMapping.get( viewElement ) == modelElement ) {\n\t\t\tconst wasFound = this._viewToModelMapping.delete( viewElement );\n\n\t\t\tif ( wasFound ) {\n\t\t\t\t// Stop tracking after the element is no longer mapped. We want to track all mapped elements and only mapped elements.\n\t\t\t\tthis._cache.stopTracking( viewElement );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Binds the given marker name with the given {@link module:engine/view/element~ViewElement view element}. The element\n\t * will be added to the current set of elements bound with the given marker name.\n\t *\n\t * @param element Element to bind.\n\t * @param name Marker name.\n\t */\n\tpublic bindElementToMarker( element: ViewElement, name: string ): void {\n\t\tconst elements = this._markerNameToElements.get( name ) || new Set();\n\t\telements.add( element );\n\n\t\tconst names = this._elementToMarkerNames.get( element ) || new Set();\n\t\tnames.add( name );\n\n\t\tthis._markerNameToElements.set( name, elements );\n\t\tthis._elementToMarkerNames.set( element, names );\n\t}\n\n\t/**\n\t * Unbinds an element from given marker name.\n\t *\n\t * @param element Element to unbind.\n\t * @param name Marker name.\n\t */\n\tpublic unbindElementFromMarkerName( element: ViewElement, name: string ): void {\n\t\tconst nameToElements = this._markerNameToElements.get( name );\n\n\t\tif ( nameToElements ) {\n\t\t\tnameToElements.delete( element );\n\n\t\t\tif ( nameToElements.size == 0 ) {\n\t\t\t\tthis._markerNameToElements.delete( name );\n\t\t\t}\n\t\t}\n\n\t\tconst elementToNames = this._elementToMarkerNames.get( element );\n\n\t\tif ( elementToNames ) {\n\t\t\telementToNames.delete( name );\n\n\t\t\tif ( elementToNames.size == 0 ) {\n\t\t\t\tthis._elementToMarkerNames.delete( element );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Returns all marker names of markers which have changed due to unbinding a view element (so it is assumed that the view element\n\t * has been removed, moved or renamed) since the last flush. After returning, the marker names list is cleared.\n\t */\n\tpublic flushUnboundMarkerNames(): Array<string> {\n\t\tconst markerNames = Array.from( this._unboundMarkerNames );\n\n\t\tthis._unboundMarkerNames.clear();\n\n\t\treturn markerNames;\n\t}\n\n\t/**\n\t * Unbinds all deferred binding removals of view elements that in the meantime were not re-attached to some root or document fragment.\n\t *\n\t * See: {@link #unbindViewElement `unbindViewElement()`}.\n\t */\n\tpublic flushDeferredBindings(): void {\n\t\tfor ( const [ viewElement, root ] of this._deferredBindingRemovals ) {\n\t\t\t// Unbind it only if it wasn't re-attached to some root or document fragment.\n\t\t\tif ( viewElement.root == root ) {\n\t\t\t\tthis.unbindViewElement( viewElement );\n\t\t\t}\n\t\t}\n\n\t\tthis._deferredBindingRemovals = new Map();\n\t}\n\n\t/**\n\t * Removes all model to view and view to model bindings.\n\t */\n\tpublic clearBindings(): void {\n\t\tthis._modelToViewMapping = new WeakMap();\n\t\tthis._viewToModelMapping = new WeakMap();\n\t\tthis._markerNameToElements = new Map();\n\t\tthis._elementToMarkerNames = new Map();\n\t\tthis._unboundMarkerNames = new Set();\n\t\tthis._deferredBindingRemovals = new Map();\n\t}\n\n\t/**\n\t * Gets the corresponding model element.\n\t *\n\t * **Note:** {@link module:engine/view/uielement~ViewUIElement} does not have corresponding element in model.\n\t *\n\t * @label ELEMENT\n\t * @param viewElement View element.\n\t * @returns Corresponding model element or `undefined` if not found.\n\t */\n\tpublic toModelElement( viewElement: ViewElement ): ModelElement | undefined;\n\n\t/**\n\t * Gets the corresponding model document fragment.\n\t *\n\t * @label DOCUMENT_FRAGMENT\n\t * @param viewDocumentFragment View document fragment.\n\t * @returns Corresponding model document fragment or `undefined` if not found.\n\t */\n\tpublic toModelElement( viewDocumentFragment: ViewDocumentFragment ): ModelDocumentFragment | undefined;\n\n\tpublic toModelElement( viewElement: ViewElement | ViewDocumentFragment ): ModelElement | ModelDocumentFragment | undefined {\n\t\treturn this._viewToModelMapping.get( viewElement );\n\t}\n\n\t/**\n\t * Gets the corresponding view element.\n\t *\n\t * @label ELEMENT\n\t * @param modelElement Model element.\n\t * @returns Corresponding view element or `undefined` if not found.\n\t */\n\tpublic toViewElement( modelElement: ModelElement ): ViewElement | undefined;\n\n\t/**\n\t * Gets the corresponding view document fragment.\n\t *\n\t * @label DOCUMENT_FRAGMENT\n\t * @param modelDocumentFragment Model document fragment.\n\t * @returns Corresponding view document fragment or `undefined` if not found.\n\t */\n\tpublic toViewElement( modelDocumentFragment: ModelDocumentFragment ): ViewDocumentFragment | undefined;\n\n\tpublic toViewElement( modelElement: ModelElement | ModelDocumentFragment ): ViewElement | ViewDocumentFragment | undefined {\n\t\treturn this._modelToViewMapping.get( modelElement );\n\t}\n\n\t/**\n\t * Gets the corresponding model range.\n\t *\n\t * @param viewRange View range.\n\t * @returns Corresponding model range.\n\t */\n\tpublic toModelRange( viewRange: ViewRange ): ModelRange {\n\t\treturn new ModelRange( this.toModelPosition( viewRange.start ), this.toModelPosition( viewRange.end ) );\n\t}\n\n\t/**\n\t * Gets the corresponding view range.\n\t *\n\t * @param modelRange Model range.\n\t * @returns Corresponding view range.\n\t */\n\tpublic toViewRange( modelRange: ModelRange ): ViewRange {\n\t\treturn new ViewRange( this.toViewPosition( modelRange.start ), this.toViewPosition( modelRange.end ) );\n\t}\n\n\t/**\n\t * Gets the corresponding model position.\n\t *\n\t * @fires viewToModelPosition\n\t * @param viewPosition View position.\n\t * @returns Corresponding model position.\n\t */\n\tpublic toModelPosition( viewPosition: ViewPosition ): ModelPosition {\n\t\tconst data: MapperViewToModelPositionEventData = {\n\t\t\tviewPosition,\n\t\t\tmapper: this\n\t\t};\n\n\t\tthis.fire<MapperViewToModelPositionEvent>( 'viewToModelPosition', data );\n\n\t\treturn data.modelPosition!;\n\t}\n\n\t/**\n\t * Gets the corresponding view position.\n\t *\n\t * @fires modelToViewPosition\n\t * @param modelPosition Model position.\n\t * @param options Additional options for position mapping process.\n\t * @param options.isPhantom Should be set to `true` if the model position to map is pointing to a place\n\t * in model tree which no longer exists. For example, it could be an end of a removed model range.\n\t * @returns Corresponding view position.\n\t */\n\tpublic toViewPosition(\n\t\tmodelPosition: ModelPosition,\n\t\toptions: { isPhantom?: boolean } = {}\n\t): ViewPosition {\n\t\tconst data: MapperModelToViewPositionEventData = {\n\t\t\tmodelPosition,\n\t\t\tmapper: this,\n\t\t\tisPhantom: options.isPhantom\n\t\t};\n\n\t\tthis.fire<MapperModelToViewPositionEvent>( 'modelToViewPosition', data );\n\n\t\treturn data.viewPosition!;\n\t}\n\n\t/**\n\t * Gets all view elements bound to the given marker name.\n\t *\n\t * @param name Marker name.\n\t * @returns View elements bound with the given marker name or `null`\n\t * if no elements are bound to the given marker name.\n\t */\n\tpublic markerNameToElements( name: string ): Set<ViewElement> | null {\n\t\tconst boundElements = this._markerNameToElements.get( name );\n\n\t\tif ( !boundElements ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst elements = new Set<ViewElement>();\n\n\t\tfor ( const element of boundElements ) {\n\t\t\tif ( element.is( 'attributeElement' ) ) {\n\t\t\t\tfor ( const clone of element.getElementsWithSameId() ) {\n\t\t\t\t\telements.add( clone );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\telements.add( element );\n\t\t\t}\n\t\t}\n\n\t\treturn elements;\n\t}\n\n\t/**\n\t * **This method is deprecated and will be removed in one of the future CKEditor 5 releases.**\n\t *\n\t * **Using this method will turn off `Mapper` caching system and may degrade performance when operating on bigger documents.**\n\t *\n\t * Registers a callback that evaluates the length in the model of a view element with the given name.\n\t *\n\t * The callback is fired with one argument, which is a view element instance. The callback is expected to return\n\t * a number representing the length of the view element in the model.\n\t *\n\t * ```ts\n\t * // List item in view may contain nested list, which have other list items. In model though,\n\t * // the lists are represented by flat structure. Because of those differences, length of list view element\n\t * // may be greater than one. In the callback it's checked how many nested list items are in evaluated list item.\n\t *\n\t * function getViewListItemLength( element ) {\n\t * \tlet length = 1;\n\t *\n\t * \tfor ( let child of element.getChildren() ) {\n\t * \t\tif ( child.name == 'ul' || child.name == 'ol' ) {\n\t * \t\t\tfor ( let item of child.getChildren() ) {\n\t * \t\t\t\tlength += getViewListItemLength( item );\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t *\n\t * \treturn length;\n\t * }\n\t *\n\t * mapper.registerViewToModelLength( 'li', getViewListItemLength );\n\t * ```\n\t *\n\t * @param viewElementName Name of view element for which callback is registered.\n\t * @param lengthCallback Function return a length of view element instance in model.\n\t * @deprecated\n\t */\n\tpublic registerViewToModelLength(\n\t\tviewElementName: string,\n\t\tlengthCallback: ( element: ViewElement ) => number\n\t): void {\n\t\tthis._viewToModelLengthCallbacks.set( viewElementName, lengthCallback );\n\t}\n\n\t/**\n\t * For the given `viewPosition`, finds and returns the closest ancestor of this position that has a mapping to\n\t * the model.\n\t *\n\t * @param viewPosition Position for which a mapped ancestor should be found.\n\t */\n\tpublic findMappedViewAncestor( viewPosition: ViewPosition ): ViewElement {\n\t\tlet parent: any = viewPosition.parent;\n\n\t\twhile ( !this._viewToModelMapping.has( parent ) ) {\n\t\t\tparent = parent.parent;\n\t\t}\n\n\t\treturn parent;\n\t}\n\n\t/**\n\t * Calculates model offset based on the view position and the block element.\n\t *\n\t * Example:\n\t *\n\t * ```html\n\t * <p>foo<b>ba|r</b></p> // _toModelOffset( b, 2, p ) -> 5\n\t * ```\n\t *\n\t * Is a sum of:\n\t *\n\t * ```html\n\t * <p>foo|<b>bar</b></p> // _toModelOffset( p, 3, p ) -> 3\n\t * <p>foo<b>ba|r</b></p> // _toModelOffset( b, 2, b ) -> 2\n\t * ```\n\t *\n\t * @param viewParent Position parent.\n\t * @param viewOffset Position offset.\n\t * @param viewBlock Block used as a base to calculate offset.\n\t * @returns Offset in the model.\n\t */\n\tprivate _toModelOffset(\n\t\tviewParent: ViewElement,\n\t\tviewOffset: number,\n\t\tviewBlock: ViewElement | ViewDocumentFragment\n\t): number {\n\t\tif ( viewBlock != viewParent ) {\n\t\t\t// See example.\n\t\t\tconst offsetToParentStart = this._toModelOffset( viewParent.parent as any, viewParent.index!, viewBlock );\n\t\t\tconst offsetInParent = this._toModelOffset( viewParent, viewOffset, viewParent );\n\n\t\t\treturn offsetToParentStart + offsetInParent;\n\t\t}\n\n\t\t// viewBlock == viewParent, so we need to calculate the offset in the parent element.\n\n\t\t// If the position is a text it is simple (\"ba|r\" -> 2).\n\t\tif ( viewParent.is( '$text' ) ) {\n\t\t\treturn viewOffset;\n\t\t}\n\n\t\t// If the position is in an element we need to sum lengths of siblings ( <b> bar </b> foo | -> 3 + 3 = 6 ).\n\t\tlet modelOffset = 0;\n\n\t\tfor ( let i = 0; i < viewOffset; i++ ) {\n\t\t\tmodelOffset += this.getModelLength( viewParent.getChild( i ) as any );\n\t\t}\n\n\t\treturn modelOffset;\n\t}\n\n\t/**\n\t * Gets the length of the view element in the model.\n\t *\n\t * The length is calculated as follows:\n\t * * if a {@link #registerViewToModelLength length mapping callback} is provided for the given `viewNode`, it is used to\n\t * evaluate the model length (`viewNode` is used as first and only parameter passed to the callback),\n\t * * length of a {@link module:engine/view/text~ViewText text node} is equal to the length of its\n\t * {@link module:engine/view/text~ViewText#data data},\n\t * * length of a {@link module:engine/view/uielement~ViewUIElement ui element} is equal to 0,\n\t * * length of a mapped {@link module:engine/view/element~ViewElement element} is equal to 1,\n\t * * length of a non-mapped {@link module:engine/view/element~ViewElement element} is equal to the length of its children.\n\t *\n\t * Examples:\n\t *\n\t * ```\n\t * foo                          -> 3 // Text length is equal to its data length.\n\t * <p>foo</p>                   -> 1 // Length of an element which is mapped is by default equal to 1.\n\t * <b>foo</b>                   -> 3 // Length of an element which is not mapped is a length of its children.\n\t * <div><p>x</p><p>y</p></div>  -> 2 // Assuming that <div> is not mapped and <p> are mapped.\n\t * ```\n\t *\n\t * @param viewNode View node.\n\t * @returns Length of the node in the tree model.\n\t */\n\tpublic getModelLength( viewNode: ViewNode | ViewDocumentFragment ): number {\n\t\tconst stack = [ viewNode ];\n\t\tlet len = 0;\n\n\t\twhile ( stack.length > 0 ) {\n\t\t\tconst node = stack.pop()!;\n\n\t\t\tconst callback = ( node as any ).name &&\n\t\t\t\tthis._viewToModelLengthCallbacks.size > 0 &&\n\t\t\t\tthis._viewToModelLengthCallbacks.get( ( node as any ).name );\n\n\t\t\tif ( callback ) {\n\t\t\t\tlen += callback( node as ViewElement );\n\t\t\t} else if ( this._viewToModelMapping.has( node as ViewElement ) ) {\n\t\t\t\tlen += 1;\n\t\t\t} else if ( node.is( '$text' ) ) {\n\t\t\t\tlen += node.data.length;\n\t\t\t} else if ( node.is( 'uiElement' ) ) {\n\t\t\t\tcontinue;\n\t\t\t} else {\n\t\t\t\tfor ( const child of ( node as ViewElement ).getChildren() ) {\n\t\t\t\t\tstack.push( child );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn len;\n\t}\n\n\t/**\n\t * Finds the position in a view element or view document fragment node (or in its children) with the expected model offset.\n\t *\n\t * If the passed `viewContainer` is bound to model, `Mapper` will use caching mechanism to improve performance.\n\t *\n\t * @param viewContainer Tree view element in which we are looking for the position.\n\t * @param modelOffset Expected offset.\n\t * @returns Found position.\n\t */\n\tpublic findPositionIn( viewContainer: ViewElement | ViewDocumentFragment, modelOffset: number ): ViewPosition {\n\t\tif ( modelOffset === 0 ) {\n\t\t\t// Quickly return if asked for a position at the beginning of the container. No need to fire complex mechanisms to find it.\n\t\t\treturn this._moveViewPositionToTextNode( new ViewPosition( viewContainer, 0 ) );\n\t\t}\n\n\t\t// Use cache only if there are no custom view-to-model length callbacks and only for bound elements.\n\t\t// View-to-model length callbacks are deprecated and should be removed in one of the following releases.\n\t\t// Then it will be possible to simplify some logic inside `Mapper`.\n\t\t// Note: we could consider requiring `viewContainer` to be a mapped item.\n\t\tconst useCache = this._viewToModelLengthCallbacks.size == 0 && this._viewToModelMapping.has( viewContainer );\n\n\t\tif ( useCache ) {\n\t\t\tconst cacheItem = this._cache.getClosest( viewContainer, modelOffset );\n\n\t\t\treturn this._findPositionStartingFrom( cacheItem.viewPosition, cacheItem.modelOffset, modelOffset, viewContainer, true );\n\t\t} else {\n\t\t\treturn this._findPositionStartingFrom( new ViewPosition( viewContainer, 0 ), 0, modelOffset, viewContainer, false );\n\t\t}\n\t}\n\n\t/**\n\t * Performs most of the logic for `Mapper#findPositionIn()`.\n\t *\n\t * It allows to start looking for the requested model offset from a given starting position, to enable caching. Using the cache,\n\t * you can set the starting point and skip all the calculations that were already previously done.\n\t *\n\t * This method uses recursion to find positions inside deep structures. Example:\n\t *\n\t * ```\n\t * <p>fo<b>bar</b>bom</p>  -> target offset: 4\n\t * <p>|fo<b>bar</b>bom</p> -> target offset: 4, traversed offset: 0\n\t * <p>fo|<b>bar</b>bom</p> -> target offset: 4, traversed offset: 2\n\t * <p>fo<b>bar</b>|bom</p> -> target offset: 4, traversed offset: 5 -> we are too far, look recursively in <b>.\n\t *\n\t * <p>fo<b>|bar</b>bom</p> -> target offset: 4, traversed offset: 2\n\t * <p>fo<b>bar|</b>bom</p> -> target offset: 4, traversed offset: 5 -> we are too far, look inside \"bar\".\n\t *\n\t * <p>fo<b>ba|r</b>bom</p> -> target offset: 4, traversed offset: 2 -> position is inside text node at offset 4-2 = 2.\n\t * ```\n\t *\n\t * @param startViewPosition View position to start looking from.\n\t * @param startModelOffset Model offset related to `startViewPosition`.\n\t * @param targetModelOffset Target model offset to find.\n\t * @param viewContainer Mapped ancestor of `startViewPosition`. `startModelOffset` is the offset inside a model element or model\n\t * document fragment mapped to `viewContainer`.\n\t * @param useCache Whether `Mapper` should cache positions while traversing the view tree looking for `expectedModelOffset`.\n\t * @returns View position mapped to `targetModelOffset`.\n\t */\n\tprivate _findPositionStartingFrom(\n\t\tstartViewPosition: ViewPosition,\n\t\tstartModelOffset: number,\n\t\ttargetModelOffset: number,\n\t\tviewContainer: ViewElement | ViewDocumentFragment,\n\t\tuseCache: boolean\n\t): ViewPosition {\n\t\tlet viewParent = startViewPosition.parent as ViewElement | ViewText | ViewDocumentFragment;\n\t\tlet viewOffset = startViewPosition.offset;\n\n\t\t// In the text node it is simple: the offset in the model equals the offset in the text.\n\t\tif ( viewParent.is( '$text' ) ) {\n\t\t\treturn new ViewPosition( viewParent, targetModelOffset - startModelOffset );\n\t\t}\n\n\t\t// Last scanned view node.\n\t\tlet viewNode: ViewNode | undefined;\n\t\t// Total model offset of the view nodes that were visited so far.\n\t\tlet traversedModelOffset = startModelOffset;\n\t\t// Model length of the last traversed view node.\n\t\tlet lastLength = 0;\n\n\t\twhile ( traversedModelOffset < targetModelOffset ) {\n\t\t\tviewNode = viewParent.getChild( viewOffset );\n\n\t\t\tif ( !viewNode ) {\n\t\t\t\t// If we still haven't reached the model offset, but we reached end of this `viewParent`, then we need to \"leave\" this\n\t\t\t\t// element and \"go up\", looking further for the target model offset. This can happen when cached model offset is \"deeper\"\n\t\t\t\t// but target model offset is \"higher\" in the view tree.\n\t\t\t\t//\n\t\t\t\t// Example: `<p>Foo<strong><em>Bar</em>^Baz</strong>Xyz</p>`\n\t\t\t\t//\n\t\t\t\t// Consider `^` is last cached position, when the `targetModelOffset` is `12`. In such case, we need to \"go up\" from\n\t\t\t\t// `<strong>` and continue traversing in `<p>`.\n\t\t\t\t//\n\t\t\t\tif ( viewParent == viewContainer ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * A model position could not be mapped to the view because specified model offset was too big and could not be\n\t\t\t\t\t * found inside the mapped view element or view document fragment.\n\t\t\t\t\t *\n\t\t\t\t\t * @error mapping-model-offset-not-found\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'mapping-model-offset-not-found', this, { modelOffset: targetModelOffset, viewContainer } );\n\t\t\t\t} else {\n\t\t\t\t\tviewOffset = viewParent.parent!.getChildIndex( viewParent as ViewElement ) + 1;\n\t\t\t\t\tviewParent = viewParent.parent!;\n\n\t\t\t\t\t// Cache view position after stepping out of the view element to make sure that all visited view positions are cached.\n\t\t\t\t\t// Otherwise, cache invalidation may work incorrectly.\n\t\t\t\t\tif ( useCache ) {\n\t\t\t\t\t\tthis._cache.save( viewParent, viewOffset, viewContainer, traversedModelOffset );\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( useCache ) {\n\t\t\t\tlastLength = this._getModelLengthAndCache( viewNode, viewContainer, traversedModelOffset );\n\t\t\t} else {\n\t\t\t\tlastLength = this.getModelLength( viewNode );\n\t\t\t}\n\n\t\t\ttraversedModelOffset += lastLength;\n\t\t\tviewOffset++;\n\t\t}\n\n\t\tlet viewPosition = new ViewPosition( viewParent, viewOffset );\n\n\t\tif ( useCache ) {\n\t\t\t// Make sure to hoist view position and save cache for all view positions along the way that have the same `modelOffset`.\n\t\t\t//\n\t\t\t// Consider example view:\n\t\t\t//\n\t\t\t// <p>Foo<strong><i>bar<em>xyz</em></i></strong>abc</p>\n\t\t\t//\n\t\t\t// Lets assume that we looked for model offset `9`, starting  from `6` (as it was previously cached value).\n\t\t\t// In this case we will only traverse over `<em>xyz</em>` and cache view positions after \"xyz\" and after `</em>`.\n\t\t\t// After stepping over `<em>xyz</em>`, we will stop processing this view, as we will reach target model offset `9`.\n\t\t\t//\n\t\t\t// However, position before `</strong>` and before `abc` are also valid positions for model offset `9`.\n\t\t\t// Additionally, `Mapper` is supposed to return \"hoisted\" view positions, that is, we prefer positions that are closer to\n\t\t\t// the mapped `viewContainer`. If a position is nested inside attribute elements, it should be \"moved up\" if possible.\n\t\t\t//\n\t\t\t// As we hoist the view position, we need to make sure that all view positions valid for model offset `9` are cached.\n\t\t\t// This is necessary for cache invalidation to work correctly.\n\t\t\t//\n\t\t\t// To hoist a view position, we \"go up\" as long as the position is at the end of a non-mapped view element. We also cache\n\t\t\t// all necessary values. See example:\n\t\t\t//\n\t\t\t// <p>Foo<strong><i>bar<em>xyz</em>^</i></strong>abc</p>\n\t\t\t// <p>Foo<strong><i>bar<em>xyz</em></i>^</strong>abc</p>\n\t\t\t// <p>Foo<strong><i>bar<em>xyz</em></i></strong>^abc</p>\n\t\t\t//\n\t\t\twhile ( viewPosition.isAtEnd && viewPosition.parent !== viewContainer && viewPosition.parent.parent ) {\n\t\t\t\tconst cacheViewParent: ViewElement | ViewDocumentFragment = viewPosition.parent.parent;\n\t\t\t\tconst cacheViewOffset: number = cacheViewParent.getChildIndex( viewPosition.parent ) + 1;\n\n\t\t\t\tthis._cache.save( cacheViewParent, cacheViewOffset, viewContainer, traversedModelOffset );\n\n\t\t\t\tviewPosition = new ViewPosition( cacheViewParent, cacheViewOffset );\n\t\t\t}\n\t\t}\n\n\t\tif ( traversedModelOffset == targetModelOffset ) {\n\t\t\t// If it equals we found the position.\n\t\t\t//\n\t\t\t// Try moving view position into a text node if possible, as the editor engine prefers positions inside view text nodes.\n\t\t\t//\n\t\t\t// <p>Foo<strong><i>bar<em>xyz</em></i></strong>[]abc</p>    -->     <p>Foo<strong><i>bar<em>xyz</em></i></strong>{}abc</p>\n\t\t\t//\n\t\t\treturn this._moveViewPositionToTextNode( viewPosition );\n\t\t} else {\n\t\t\t// If it is higher we overstepped with the last traversed view node.\n\t\t\t// We need to \"enter\" it, and look for the view position / model offset inside the last visited view node.\n\t\t\treturn this._findPositionStartingFrom(\n\t\t\t\tnew ViewPosition( viewNode!, 0 ),\n\t\t\t\ttraversedModelOffset - lastLength,\n\t\t\t\ttargetModelOffset,\n\t\t\t\tviewContainer,\n\t\t\t\tuseCache\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Gets the length of the view element in the model and updates cache values after each view item it visits.\n\t *\n\t * See also {@link #getModelLength}.\n\t *\n\t * @param viewNode View node.\n\t * @param viewContainer Ancestor of `viewNode` that is a mapped view element.\n\t * @param modelOffset Model offset at which the `viewNode` starts.\n\t * @returns Length of the node in the tree model.\n\t */\n\tprivate _getModelLengthAndCache( viewNode: ViewNode, viewContainer: ViewElement | ViewDocumentFragment, modelOffset: number ): number {\n\t\tlet len = 0;\n\n\t\tif ( this._viewToModelMapping.has( viewNode as ViewElement ) ) {\n\t\t\tlen = 1;\n\t\t} else if ( viewNode.is( '$text' ) ) {\n\t\t\tlen = viewNode.data.length;\n\t\t} else if ( !viewNode.is( 'uiElement' ) ) {\n\t\t\tfor ( const child of ( viewNode as ViewElement ).getChildren() ) {\n\t\t\t\tlen += this._getModelLengthAndCache( child, viewContainer, modelOffset + len );\n\t\t\t}\n\t\t}\n\n\t\tthis._cache.save( viewNode.parent!, viewNode.index! + 1, viewContainer, modelOffset + len );\n\n\t\treturn len;\n\t}\n\n\t/**\n\t * Because we prefer positions in the text nodes over positions next to text nodes, if the view position was next to a text node,\n\t * it moves it into the text node instead.\n\t *\n\t * ```\n\t * <p>[]<b>foo</b></p> -> <p>[]<b>foo</b></p> // do not touch if position is not directly next to text\n\t * <p>foo[]<b>foo</b></p> -> <p>foo{}<b>foo</b></p> // move to text node\n\t * <p><b>[]foo</b></p> -> <p><b>{}foo</b></p> // move to text node\n\t * ```\n\t *\n\t * @param viewPosition Position potentially next to the text node.\n\t * @returns Position in the text node if possible.\n\t */\n\tprivate _moveViewPositionToTextNode( viewPosition: ViewPosition ): ViewPosition {\n\t\t// If the position is just after a text node, put it at the end of that text node.\n\t\t// If the position is just before a text node, put it at the beginning of that text node.\n\t\tconst nodeBefore = viewPosition.nodeBefore;\n\t\tconst nodeAfter = viewPosition.nodeAfter;\n\n\t\tif ( nodeBefore && nodeBefore.is( 'view:$text' ) ) {\n\t\t\treturn new ViewPosition( nodeBefore, nodeBefore.data.length );\n\t\t} else if ( nodeAfter && nodeAfter.is( 'view:$text' ) ) {\n\t\t\treturn new ViewPosition( nodeAfter, 0 );\n\t\t}\n\n\t\t// Otherwise, just return the given position.\n\t\treturn viewPosition;\n\t}\n}\n\n/**\n * Cache mechanism for {@link module:engine/conversion/mapper~Mapper Mapper}.\n *\n * `MapperCache` improves performance for model-to-view position mapping, which is the main `Mapper` task. Asking for a mapping is much\n * more frequent than actually performing changes, and even if the change happens, we can still partially keep the cache. This makes\n * caching a useful strategy for `Mapper`.\n *\n * `MapperCache` will store some data for view elements or view document fragments that are mapped by the `Mapper`. These view items\n * are \"tracked\" by the `MapperCache`. For such view items, we will keep entries of model offsets inside their mapped counterpart. For\n * the cached model offsets, we will keep a view position that is inside the tracked item. This allows us to either get the mapping\n * instantly, or at least in less steps than when calculating it from the beginning.\n *\n * Important problem related to caching is invalidating the cache. The cache must be invalidated each time the tracked view item changes.\n * Additionally, we should invalidate as small part of the cache as possible. Since all the logic is encapsulated inside `MapperCache`,\n * the `MapperCache` listens to view items {@link module:engine/view/node~ViewNodeChangeEvent `change` event} and reacts to it.\n * Then, it invalidates just the part of the cache that is \"after\" the changed part of the view.\n *\n * As mentioned, `MapperCache` currently is used only for model-to-view position mapping as it was much bigger problem than view-to-model\n * mapping. However, it should be possible to use it also for view-to-model.\n *\n * The main assumptions regarding `MapperCache` are:\n *\n * * it is an internal tool, used by `Mapper`, transparent to the outside (no additional effort when developing a plugin or a converter),\n * * it stores all the necessary data internally, which makes it easier to disable or debug,\n * * it is optimized for initial downcast process (long insertions), which is crucial for editor init and data save,\n * * it does not save all possible positions mapping for memory considerations, although it is a possible improvement, which may increase\n *   performance, as well as simplify some parts of the `MapperCache` logic.\n *\n * @internal\n */\nexport class MapperCache extends /* #__PURE__ */ EmitterMixin() {\n\t/**\n\t * For every view element or document fragment tracked by `MapperCache`, it holds currently cached data, or more precisely,\n\t * model offset to view position mappings. See also `MappingCache` and `CacheItem`.\n\t *\n\t * If an item is tracked by `MapperCache` it has an entry in this structure, so this structure can be used to check which items\n\t * are tracked by `MapperCache`. When an item is no longer tracked, it is removed from this structure.\n\t *\n\t * Although `MappingCache` and `CacheItem` structures allows for caching any model offsets and view positions, we only cache\n\t * values for model offsets that are after a view node. So, in essence, positions inside text nodes are not cached. However, it takes\n\t * from one to at most a few steps, to get from a cached position to a position that is inside a view text node.\n\t *\n\t * Additionally, only one item per `modelOffset` is cached. There can be several view positions that map to the same `modelOffset`.\n\t * Only the first save for `modelOffset` is stored.\n\t */\n\tprivate _cachedMapping = new WeakMap<ViewElement | ViewDocumentFragment, MappingCache>();\n\n\t/**\n\t * When `MapperCache` {@link ~MapperCache#save saves} view position -> model offset mapping, a `CacheItem` is inserted into certain\n\t * `MappingCache#cacheList` at some index. Additionally, we store that index with the view node that is before the cached view position.\n\t *\n\t * This allows to quickly get a cache list item related to certain view node, and hence, for fast cache invalidation.\n\t *\n\t * For example, consider view: `<p>Some <strong>bold</strong> text.</p>`, where `<p>` is a view element tracked by `MapperCache`.\n\t * If all `<p>` children were visited by `MapperCache`, then `<p>` cache list would have four items, related to following model offsets:\n\t * `0`, `5`, `9`, `15`. Then, view node `\"Some \"` would have index `1`, `<strong>` index `2`, and `\" text.\" index `3`.\n\t *\n\t * Note that the index related with a node is always greater than `0`. The first item in cache list is always for model offset `0`\n\t * (and view offset `0`), and it is not related to any node.\n\t */\n\tprivate _nodeToCacheListIndex = new WeakMap<ViewNode, number>();\n\n\t/**\n\t * Callback fired whenever there is a direct or indirect children change in tracked view element or tracked view document fragment.\n\t *\n\t * This is specified as a property to make it easier to set as an event callback and to later turn off that event.\n\t */\n\tprivate _invalidateOnChildrenChangeCallback: GetCallback<ViewNodeChangeEvent> = ( evt, viewNode, data ) => {\n\t\t// View element or document fragment changed its children at `data.index`. Clear all cache starting from before that index.\n\t\tthis._clearCacheInsideParent( viewNode as ViewElement | ViewDocumentFragment, data!.index );\n\t};\n\n\t/**\n\t * Callback fired whenever a view text node directly or indirectly inside a tracked view element or tracked view document fragment\n\t * changes its text data.\n\t *\n\t * This is specified as a property to make it easier to set as an event callback and to later turn off that event.\n\t */\n\tprivate _invalidateOnTextChangeCallback: GetCallback<ViewNodeChangeEvent> = ( evt, viewNode ) => {\n\t\t// It is enough to validate starting from \"after the text node\", because the first cache entry that we might want to invalidate\n\t\t// is the position after this text node.\n\t\t//\n\t\t// For example - assume following view and following view positions cached (marked by `^`): `<p>Foo^<strong>bar^</strong>^abc^</p>`.\n\t\t//\n\t\t// If we change text \"bar\", we only need to invalidate cached positions after it. Cached positions before the text are not changed.\n\t\t//\n\t\tthis._clearCacheAfter( viewNode );\n\t};\n\n\t/**\n\t * Saves cache for given view position mapping <-> model offset mapping. The view position should be after a node (i.e. it cannot\n\t * be the first position inside its parent, or in other words, `viewOffset` must be greater than `0`).\n\t *\n\t * Note, that if `modelOffset` for given `viewContainer` was already saved, the stored view position (i.e. parent+offset) will not\n\t * be overwritten. However, it is important to still save it, as we still store additional data related to cached view positions.\n\t *\n\t * @param viewParent View position parent.\n\t * @param viewOffset View position offset. Must be greater than `0`.\n\t * @param viewContainer Tracked view position ascendant (it may be the direct parent of the view position).\n\t * @param modelOffset Model offset in the model element or document fragment which is mapped to `viewContainer`.\n\t */\n\tpublic save(\n\t\tviewParent: ViewElement | ViewDocumentFragment,\n\t\tviewOffset: number,\n\t\tviewContainer: ViewElement | ViewDocumentFragment,\n\t\tmodelOffset: number\n\t): void {\n\t\t// Get current cache for the tracked ancestor.\n\t\tconst cache = this._cachedMapping.get( viewContainer )!;\n\t\t// See if there is already a cache defined for `modelOffset`.\n\t\tconst cacheItem = cache.cacheMap.get( modelOffset );\n\n\t\tif ( cacheItem ) {\n\t\t\t// We already cached this offset. Don't overwrite the cache.\n\t\t\t// However, we still need to set a proper entry in `_nodeToCacheListIndex`. We can figure it out based on existing `cacheItem`.\n\t\t\t//\n\t\t\t// We have a `cacheItem` for the `modelOffset`, so we can get a `viewPosition` from there. Before that view position, there\n\t\t\t// must be a node. That node must have an index set. This will be the index we will want to use.\n\t\t\t// Since we expect `viewOffset` to be greater than 0, then in almost all cases `modelOffset` will be greater than 0 as well.\n\t\t\t// As a result, we can expect `cacheItem.viewPosition.nodeBefore` to be set.\n\t\t\t//\n\t\t\t// However, in an edge case, were the tracked element contains a 0-model-length view element as the first child (UI element or\n\t\t\t// an empty attribute element), then `modelOffset` will be 0, and `cacheItem.viewPosition` will be before any view node.\n\t\t\t// In such edge case, `cacheItem.viewPosition.nodeBefore` is `undefined`, so we set index to `0`.\n\t\t\t//\n\t\t\tconst viewChild = viewParent.getChild( viewOffset - 1 )!;\n\t\t\tconst index = cacheItem.viewPosition.nodeBefore ? this._nodeToCacheListIndex.get( cacheItem.viewPosition.nodeBefore )! : 0;\n\n\t\t\tthis._nodeToCacheListIndex.set( viewChild, index );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewPosition = new ViewPosition( viewParent, viewOffset );\n\t\tconst newCacheItem = { viewPosition, modelOffset };\n\n\t\t// Extend the valid cache range.\n\t\tcache.maxModelOffset = modelOffset > cache.maxModelOffset ? modelOffset : cache.maxModelOffset;\n\n\t\t// Save the new cache item to the `cacheMap`.\n\t\tcache.cacheMap.set( modelOffset, newCacheItem );\n\n\t\t// Save the new cache item to the `cacheList`.\n\t\tlet i = cache.cacheList.length - 1;\n\n\t\t// Mostly, we cache elements at the end of `cacheList` and the loop does not execute even once. But when we recursively visit nodes\n\t\t// in `Mapper#_findPositionIn()`, then we will first cache the parent, and then it's children, and they will not be added at the\n\t\t// end of `cacheList`. This is why we need to find correct index to insert them.\n\t\twhile ( i >= 0 && cache.cacheList[ i ].modelOffset > modelOffset ) {\n\t\t\ti--;\n\t\t}\n\n\t\tcache.cacheList.splice( i + 1, 0, newCacheItem );\n\n\t\tif ( viewOffset > 0 ) {\n\t\t\tconst viewChild = viewParent.getChild( viewOffset - 1 )!;\n\t\t\t// There was an idea to also cache `viewContainer` here but, it could lead to wrong results. If we wanted to cache\n\t\t\t// `viewContainer`, we probably would need to clear `this._nodeToCacheListIndex` when cache is cleared.\n\t\t\t// Also, there was no gain from caching this value, the results were almost the same (statistical error).\n\t\t\tthis._nodeToCacheListIndex.set( viewChild, i + 1 );\n\t\t}\n\t}\n\n\t/**\n\t * For given `modelOffset` inside a model element mapped to given `viewContainer`, it returns the closest saved cache item\n\t * (view position and related model offset) to the requested one.\n\t *\n\t * It can be exactly the requested mapping, or it can be mapping that is the closest starting point to look for the requested mapping.\n\t *\n\t * `viewContainer` must be a view element or document fragment that is mapped by the {@link ~Mapper Mapper}.\n\t *\n\t * If `viewContainer` is not yet tracked by the `MapperCache`, it will be automatically tracked after calling this method.\n\t *\n\t * Note: this method will automatically \"hoist\" cached positions, i.e. it will return a position that is closest to the tracked element.\n\t *\n\t * For example, if `<p>` is tracked element, and `^` is cached position:\n\t *\n\t * ```\n\t * <p>This is <strong>some <em>heavily <u>formatted</u>^</em></strong> text.</p>\n\t * ```\n\t *\n\t * If this position would be returned, instead, a position directly in `<p>` would be returned:\n\t *\n\t * ```\n\t * <p>This is <strong>some <em>heavily <u>formatted</u></em></strong>^ text.</p>\n\t * ```\n\t *\n\t * Note, that `modelOffset` for both positions is the same.\n\t *\n\t * @param viewContainer Tracked view element or document fragment, which cache will be used.\n\t * @param modelOffset Model offset in a model element or document fragment, which is mapped to `viewContainer`.\n\t */\n\tpublic getClosest( viewContainer: ViewElement | ViewDocumentFragment, modelOffset: number ): CacheItem {\n\t\tconst cache = this._cachedMapping.get( viewContainer );\n\t\tlet result: CacheItem;\n\n\t\tif ( cache ) {\n\t\t\tif ( modelOffset > cache.maxModelOffset ) {\n\t\t\t\tresult = cache.cacheList[ cache.cacheList.length - 1 ];\n\t\t\t} else {\n\t\t\t\tconst cacheItem = cache.cacheMap.get( modelOffset );\n\n\t\t\t\tif ( cacheItem ) {\n\t\t\t\t\tresult = cacheItem;\n\t\t\t\t} else {\n\t\t\t\t\tresult = this._findInCacheList( cache.cacheList, modelOffset );\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tresult = this.startTracking( viewContainer );\n\t\t}\n\n\t\treturn {\n\t\t\tmodelOffset: result.modelOffset,\n\t\t\tviewPosition: result.viewPosition.clone()\n\t\t};\n\t}\n\n\t/**\n\t * Starts tracking given `viewContainer`, which must be mapped to a model element or model document fragment.\n\t *\n\t * Note, that this method is automatically called by\n\t * {@link module:engine/conversion/mapper~MapperCache#getClosest `MapperCache#getClosest()`} and there is no need to call it manually.\n\t *\n\t * This method initializes the cache for `viewContainer` and adds callbacks for\n\t * {@link module:engine/view/node~ViewNodeChangeEvent `change` event} fired by `viewContainer`. `MapperCache` listens to `change` event\n\t * on the tracked elements to invalidate the stored cache.\n\t */\n\tpublic startTracking( viewContainer: ViewElement | ViewDocumentFragment ): CacheItem {\n\t\tconst viewPosition = new ViewPosition( viewContainer, 0 );\n\t\tconst initialCacheItem = { viewPosition, modelOffset: 0 };\n\t\tconst initialCache: MappingCache = {\n\t\t\tmaxModelOffset: 0,\n\t\t\tcacheList: [ initialCacheItem ],\n\t\t\tcacheMap: new Map( [ [ 0, initialCacheItem ] ] )\n\t\t};\n\n\t\tthis._cachedMapping.set( viewContainer, initialCache );\n\n\t\t// Listen to changes in tracked view containers in order to invalidate the cache.\n\t\t//\n\t\t// Possible performance improvement. This event bubbles, so if there are multiple tracked (mapped) elements that are ancestors\n\t\t// then this will be unnecessarily fired for each ancestor. This could be rewritten to listen only to roots and document fragments.\n\t\tviewContainer.on<ViewNodeChangeEvent>( 'change:children', this._invalidateOnChildrenChangeCallback );\n\t\tviewContainer.on<ViewNodeChangeEvent>( 'change:text', this._invalidateOnTextChangeCallback );\n\n\t\treturn initialCacheItem;\n\t}\n\n\t/**\n\t * Stops tracking given `viewContainer`.\n\t *\n\t * It removes the cached data and stops listening to {@link module:engine/view/node~ViewNodeChangeEvent `change` event} on the\n\t * `viewContainer`.\n\t */\n\tpublic stopTracking( viewContainer: ViewElement | ViewDocumentFragment ): void {\n\t\tviewContainer.off( 'change:children', this._invalidateOnChildrenChangeCallback );\n\t\tviewContainer.off( 'change:text', this._invalidateOnTextChangeCallback );\n\n\t\tthis._cachedMapping.delete( viewContainer );\n\t}\n\n\t/**\n\t * Invalidates cache inside `viewParent`, starting from given `index` in that parent.\n\t *\n\t * This method may clear a bit more cache than just what was saved after given `index`, but it is guaranteed that at least it\n\t * will invalidate everything after `index`.\n\t */\n\tprivate _clearCacheInsideParent( viewParent: ViewElement | ViewDocumentFragment, index: number ) {\n\t\tif ( index == 0 ) {\n\t\t\t// Change at the beginning of the parent.\n\t\t\tif ( this._cachedMapping.has( viewParent ) ) {\n\t\t\t\t// If this is a tracked element, clear all cache.\n\t\t\t\tthis._clearCacheAll( viewParent );\n\t\t\t} else {\n\t\t\t\t// If this is not a tracked element, remove cache starting from before this element.\n\t\t\t\t// Since it is not a tracked element, it has to have a parent.\n\t\t\t\tthis._clearCacheInsideParent( ( viewParent as ViewElement ).parent!, ( viewParent as ViewElement ).index! );\n\t\t\t}\n\t\t} else {\n\t\t\t// Change in the middle of the parent. Get a view node that's before the change.\n\t\t\tconst lastValidNode = viewParent.getChild( index - 1 )!;\n\n\t\t\t// Then, clear all cache after this view node.\n\t\t\t//\n\t\t\tthis._clearCacheAfter( lastValidNode );\n\t\t}\n\t}\n\n\t/**\n\t * Clears all the cache for given tracked `viewContainer`.\n\t */\n\tprivate _clearCacheAll( viewContainer: ViewElement | ViewDocumentFragment ) {\n\t\tconst cache = this._cachedMapping.get( viewContainer )!;\n\n\t\t// TODO: Should clear `_nodeToCacheListIndex` too?\n\t\tif ( cache.maxModelOffset > 0 ) {\n\t\t\tcache.maxModelOffset = 0;\n\t\t\tcache.cacheList.length = 1;\n\t\t\tcache.cacheMap.clear();\n\t\t\tcache.cacheMap.set( 0, cache.cacheList[ 0 ] );\n\t\t}\n\t}\n\n\t/**\n\t * Clears all the stored cache that is after given `viewNode`. The `viewNode` can be any node that is inside a tracked view element\n\t * or view document fragment.\n\t *\n\t * In reality, this function may clear a bit more cache than just \"starting after\" `viewNode`, but it is guaranteed that at least\n\t * all cache after `viewNode` is invalidated.\n\t */\n\tprivate _clearCacheAfter( viewNode: ViewNode ): void {\n\t\t// To quickly invalidate the cache, we base on the cache list index stored with the node. See docs for `this._nodeToCacheListIndex`.\n\t\tconst cacheListIndex = this._nodeToCacheListIndex.get( viewNode );\n\n\t\t// If there is no index stored, it means that this `viewNode` has not been cached yet.\n\t\tif ( cacheListIndex === undefined ) {\n\t\t\t// If the node is not cached, maybe it's parent is. We will try to invalidate the cache using the parent.\n\t\t\tconst viewParent = viewNode.parent as ViewElement;\n\n\t\t\t// If the parent is a non-tracked element, try clearing the cache starting from the position before it.\n\t\t\t//\n\t\t\t// For example: `<p>Abc<strong>def<em>ghi</em></strong></p>`.\n\t\t\t//\n\t\t\t// If `viewNode` is `<em>` in this case, and it was not cached yet, we will try to clear cache starting from before `<strong>`.\n\t\t\t//\n\t\t\t// If the parent is a tracked element, then it means there's no cache to clear (nothing after the element is cached).\n\t\t\t// In this case, there's nothing to do. We assume that there are no \"holes\" in caching in direct children of tracked element\n\t\t\t// (that is if some children is cached, then its previous sibling is cached too, and we would not end up inside this `if`).\n\t\t\t//\n\t\t\t// TODO: Most probably this `if` could be removed altogether, after recent changes in Mapper.\n\t\t\t// TODO: Now we cache all items one after another, so there aren't any \"holes\" anywhere, not only on top-level.\n\t\t\t//\n\t\t\tif ( !this._cachedMapping.has( viewParent ) ) {\n\t\t\t\tthis._clearCacheInsideParent( viewParent.parent!, viewParent.index! );\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tlet viewContainer = viewNode.parent!;\n\n\t\twhile ( !this._cachedMapping.has( viewContainer ) ) {\n\t\t\tviewContainer = viewContainer.parent!;\n\t\t}\n\n\t\tthis._clearCacheFromCacheIndex( viewContainer, cacheListIndex );\n\t}\n\n\t/**\n\t * Clears all the cache in the cache list related to given `viewContainer`, starting from `index` (inclusive).\n\t */\n\tprivate _clearCacheFromCacheIndex( viewContainer: ViewElement | ViewDocumentFragment, index: number ) {\n\t\tif ( index === 0 ) {\n\t\t\t// Don't remove the first entry in the cache (this entry is always a mapping between view offset 0 <-> model offset 0,\n\t\t\t// and it is a default value that is always expected to be in the cache list).\n\t\t\t//\n\t\t\t// The cache mechanism may ask to clear from index `0` in a case where a 0-model-length view element (UI element or empty\n\t\t\t// attribute element) was at the beginning of tracked element. In such scenario, the view element is mapped through\n\t\t\t// `nodeToCacheListIndex` to index `0`.\n\t\t\tindex = 1;\n\t\t}\n\n\t\t// Cache is always available here because we initialize it just before adding a listener that fires `_clearCacheFromIndex()`.\n\t\tconst cache = this._cachedMapping.get( viewContainer )!;\n\t\tconst cacheItem = cache.cacheList[ index - 1 ];\n\n\t\tif ( !cacheItem ) {\n\t\t\treturn;\n\t\t}\n\n\t\tcache.maxModelOffset = cacheItem.modelOffset;\n\n\t\t// Remove from cache all `CacheItem`s that are \"after\" the index to clear from.\n\t\tconst clearedItems = cache.cacheList.splice( index );\n\n\t\t// For each removed item, make sure to also remove it from `cacheMap` and clear related entry in `_nodeToCacheListIndex`.\n\t\tfor ( const item of clearedItems ) {\n\t\t\tcache.cacheMap.delete( item.modelOffset );\n\n\t\t\tconst viewNode = item.viewPosition.nodeBefore!;\n\t\t\tthis._nodeToCacheListIndex.delete( viewNode );\n\t\t}\n\t}\n\n\t/**\n\t * Finds a cache item in the given cache list, which `modelOffset` is closest (but smaller or equal) to given `offset`.\n\t *\n\t * Since `cacheList` is a sorted array, this uses binary search to retrieve the item quickly.\n\t */\n\tprivate _findInCacheList( cacheList: Array<CacheItem>, offset: number ): CacheItem {\n\t\tlet start = 0;\n\t\tlet end = cacheList.length - 1;\n\t\tlet index = ( end - start ) >> 1;\n\t\tlet item = cacheList[ index ];\n\n\t\twhile ( start < end ) {\n\t\t\tif ( item.modelOffset < offset ) {\n\t\t\t\tstart = index + 1;\n\t\t\t} else {\n\t\t\t\tend = index - 1;\n\t\t\t}\n\n\t\t\tindex = start + ( ( end - start ) >> 1 );\n\t\t\titem = cacheList[ index ];\n\t\t}\n\n\t\treturn item.modelOffset <= offset ? item : cacheList[ index - 1 ];\n\t}\n}\n\n/**\n * Fired for each model-to-view position mapping request. The purpose of this event is to enable custom model-to-view position\n * mapping. Callbacks added to this event take {@link module:engine/model/position~ModelPosition model position} and are expected to\n * calculate the {@link module:engine/view/position~ViewPosition view position}. The calculated view position should be added as\n * a `viewPosition` value in the `data` object that is passed as one of parameters to the event callback.\n *\n * ```ts\n * // Assume that \"captionedImage\" model element is converted to <img> and following <span> elements in view,\n * // and the model element is bound to <img> element. Force mapping model positions inside \"captionedImage\" to that\n * // <span> element.\n * mapper.on( 'modelToViewPosition', ( evt, data ) => {\n * \tconst positionParent = modelPosition.parent;\n *\n * \tif ( positionParent.name == 'captionedImage' ) {\n * \t\tconst viewImg = data.mapper.toViewElement( positionParent );\n * \t\tconst viewCaption = viewImg.nextSibling; // The <span> element.\n *\n * \t\tdata.viewPosition = new ViewPosition( viewCaption, modelPosition.offset );\n *\n * \t\t// Stop the event if other callbacks should not modify calculated value.\n * \t\tevt.stop();\n * \t}\n * } );\n * ```\n *\n * **Note:** keep in mind that sometimes a \"phantom\" model position is being converted. A \"phantom\" model position is\n * a position that points to a nonexistent place in model. Such a position might still be valid for conversion, though\n * (it would point to a correct place in the view when converted). One example of such a situation is when a range is\n * removed from the model, there may be a need to map the range's end (which is no longer a valid model position). To\n * handle such situations, check the `data.isPhantom` flag:\n *\n * ```ts\n * // Assume that there is a \"customElement\" model element and whenever the position is before it,\n * // we want to move it to the inside of the view element bound to \"customElement\".\n * mapper.on( 'modelToViewPosition', ( evt, data ) => {\n * \tif ( data.isPhantom ) {\n * \t\treturn;\n * \t}\n *\n * \t// Below line might crash for phantom position that does not exist in model.\n * \tconst sibling = data.modelPosition.nodeBefore;\n *\n * \t// Check if this is the element we are interested in.\n * \tif ( !sibling.is( 'element', 'customElement' ) ) {\n * \t\treturn;\n * \t}\n *\n * \tconst viewElement = data.mapper.toViewElement( sibling );\n *\n * \tdata.viewPosition = new ViewPosition( sibling, 0 );\n *\n * \tevt.stop();\n * } );\n * ```\n *\n * **Note:** the default mapping callback is provided with a `low` priority setting and does not cancel the event, so it is possible to\n * attach a custom callback after a default callback and also use `data.viewPosition` calculated by the default callback\n * (for example to fix it).\n *\n * **Note:** the default mapping callback will not fire if `data.viewPosition` is already set.\n *\n * **Note:** these callbacks are called **very often**. For efficiency reasons, it is advised to use them only when position\n * mapping between the given model and view elements is unsolvable by using just elements mapping and default algorithm.\n * Also, the condition that checks if a special case scenario happened should be as simple as possible.\n *\n * @eventName ~Mapper#modelToViewPosition\n */\nexport type MapperModelToViewPositionEvent = {\n\tname: 'modelToViewPosition';\n\targs: [ MapperModelToViewPositionEventData ];\n};\n\n/**\n * Data pipeline object that can store and pass data between callbacks. The callback should add\n * the `viewPosition` value to that object with calculated the {@link module:engine/view/position~ViewPosition view position}.\n */\nexport type MapperModelToViewPositionEventData = {\n\n\t/**\n\t * Mapper instance that fired the event.\n\t */\n\tmapper: Mapper;\n\n\t/**\n\t * The model position.\n\t */\n\tmodelPosition: ModelPosition;\n\n\t/**\n\t * The callback should add the `viewPosition` value to that object with calculated the\n\t * {@link module:engine/view/position~ViewPosition view position}.\n\t */\n\tviewPosition?: ViewPosition;\n\n\t/**\n\t * Should be set to `true` if the model position to map is pointing to a place\n\t * in model tree which no longer exists. For example, it could be an end of a removed model range.\n\t */\n\tisPhantom?: boolean;\n};\n\n/**\n * Fired for each view-to-model position mapping request. See {@link module:engine/conversion/mapper~Mapper#event:modelToViewPosition}.\n *\n * ```ts\n * // See example in `modelToViewPosition` event description.\n * // This custom mapping will map positions from <span> element next to <img> to the \"captionedImage\" element.\n * mapper.on( 'viewToModelPosition', ( evt, data ) => {\n * \tconst positionParent = viewPosition.parent;\n *\n * \tif ( positionParent.hasClass( 'image-caption' ) ) {\n * \t\tconst viewImg = positionParent.previousSibling;\n * \t\tconst modelImg = data.mapper.toModelElement( viewImg );\n *\n * \t\tdata.modelPosition = new ModelPosition( modelImg, viewPosition.offset );\n * \t\tevt.stop();\n * \t}\n * } );\n * ```\n *\n * **Note:** the default mapping callback is provided with a `low` priority setting and does not cancel the event, so it is possible to\n * attach a custom callback after the default callback and also use `data.modelPosition` calculated by the default callback\n * (for example to fix it).\n *\n * **Note:** the default mapping callback will not fire if `data.modelPosition` is already set.\n *\n * **Note:** these callbacks are called **very often**. For efficiency reasons, it is advised to use them only when position\n * mapping between the given model and view elements is unsolvable by using just elements mapping and default algorithm.\n * Also, the condition that checks if special case scenario happened should be as simple as possible.\n *\n * @eventName ~Mapper#viewToModelPosition\n */\nexport type MapperViewToModelPositionEvent = {\n\tname: 'viewToModelPosition';\n\targs: [ MapperViewToModelPositionEventData ];\n};\n\n/**\n * Data pipeline object that can store and pass data between callbacks. The callback should add\n * `modelPosition` value to that object with calculated {@link module:engine/model/position~ModelPosition model position}.\n */\nexport type MapperViewToModelPositionEventData = {\n\n\t/**\n\t * Mapper instance that fired the event.\n\t */\n\tmapper: Mapper;\n\n\t/**\n\t * The callback should add `modelPosition` value to that object with calculated\n\t * {@link module:engine/model/position~ModelPosition model position}.\n\t */\n\tmodelPosition?: ModelPosition;\n\n\t/**\n\t * The view position.\n\t */\n\tviewPosition: ViewPosition;\n};\n\n/**\n * Holds cache data for model to view mappings for a view element or view document fragment.\n *\n * {@link ~MapperCache MapperCache} keeps a `MappingCache` item for each tracked view element or document fragment (which essentially means\n * one `MappingCache` for each model element or a model document fragment).\n */\ntype MappingCache = {\n\n\t/**\n\t * Maximum model offset for which this item holds a valid cache.\n\t *\n\t * If there is a request for mapping for a model offset above this value, the view position needs to be calculated.\n\t */\n\tmaxModelOffset: number;\n\n\t/**\n\t * List of cached {@link ~CacheItem cache items} for this mapped view/model element. The list is sorted by\n\t * {@link ~CacheItem#modelOffset `CacheItem#modelOffset`} values. This makes it faster to search for the closest mapped model offset.\n\t *\n\t * For example, if the cache stores values for model offsets: `0`, `20` and `33`, and there is a mapping request for offset `26`,\n\t * we can quickly find cached value for offset `20` and continue calculating offset from there.\n\t *\n\t * Note, that there is only one entry in `cacheList` for given `modelOffset` value.\n\t */\n\tcacheList: Array<CacheItem>;\n\n\t/**\n\t * Map of cached {@link ~CacheItem cache items} for this mapped view/model element. The keys are `modelOffset`s\n\t * (as defined in `CacheItem`) and values are the `CacheItem` objects.\n\t *\n\t * This is a different representation of `cacheList`, and it is used for different purposes. Since it is a map, it is very fast to\n\t * retrieve data for exact `modelOffset`s which were already cached before. But a sorted list is better for finding the closest item\n\t * if exact item is not found. Also, it is faster to clear \"all entries after model offset X\" for `cacheList`.\n\t */\n\tcacheMap: Map<number, CacheItem>;\n};\n\n/**\n * Informs that given `viewPosition` corresponds to given `modelOffset` (with the assumption that the model offset is in a model element\n * mapped to the `viewPosition` parent or its ancestor).\n *\n * For example, for model `<paragraph>Some <$text bold=true>bold</$text> text</paragraph>` and view `<p>Some <strong>bold</strong> text</p>`\n * and assuming `<paragraph>` and `<p>` are mapped, following example `CacheItem`s are possible:\n *\n * * `viewPosition` = `<p>`, 1; `modelOffset` = 5\n * * `viewPosition` = `<strong>, 1; `modelOffset` = 9\n * * `viewPosition` = `<p>`, 2; `modelOffset` = 9\n * * `viewPosition` = `<p>`, 3; `modelOffset` = 14\n */\ntype CacheItem = {\n\tviewPosition: ViewPosition;\n\tmodelOffset: number;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/conversion/modelconsumable\n */\n\nimport { ModelTextProxy } from '../model/textproxy.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\nimport { type ModelItem } from '../model/item.js';\nimport { type ModelSelection } from '../model/selection.js';\nimport { type ModelDocumentSelection } from '../model/documentselection.js';\nimport { type ModelRange } from '../model/range.js';\n\n/**\n * Manages a list of consumable values for the {@link module:engine/model/item~ModelItem model items}.\n *\n * Consumables are various aspects of the model. A model item can be broken down into separate, single properties that might be\n * taken into consideration when converting that item.\n *\n * `ModelConsumable` is used by {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} while analyzing the changed\n * parts of {@link module:engine/model/document~ModelDocument the document}. The added / changed / removed model items are broken down\n * into singular properties (the item itself and its attributes). All those parts are saved in `ModelConsumable`. Then,\n * during conversion, when the given part of a model item is converted (i.e. the view element has been inserted into the view,\n * but without attributes), the consumable value is removed from `ModelConsumable`.\n *\n * For model items, `ModelConsumable` stores consumable values of one of following types: `insert`, `addattribute:<attributeKey>`,\n * `changeattributes:<attributeKey>`, `removeattributes:<attributeKey>`.\n *\n * In most cases, it is enough to let th {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}\n * gather consumable values, so there is no need to use\n * the {@link module:engine/conversion/modelconsumable~ModelConsumable#add add method} directly.\n * However, it is important to understand how consumable values can be\n * {@link module:engine/conversion/modelconsumable~ModelConsumable#consume consumed}.\n * See {@link module:engine/conversion/downcasthelpers default downcast converters} for more information.\n *\n * Keep in mind that one conversion event may have multiple callbacks (converters) attached to it. Each of those is\n * able to convert one or more parts of the model. However, when one of those callbacks actually converts\n * something, the others should not, because they would duplicate the results. Using `ModelConsumable` helps to avoid\n * this situation, because callbacks should only convert these values that were not yet consumed from `ModelConsumable`.\n *\n * Consuming multiple values in a single callback:\n *\n * ```ts\n * // Converter for custom `imageBlock` element that might have a `caption` element inside which changes\n * // how the image is displayed in the view:\n * //\n * // Model:\n * //\n * // [imageBlock]\n * //   └─ [caption]\n * //       └─ foo\n * //\n * // View:\n * //\n * // <figure>\n * //   ├─ <img />\n * //   └─ <caption>\n * //       └─ foo\n * modelConversionDispatcher.on( 'insert:imageBlock', ( evt, data, conversionApi ) => {\n * \t// First, consume the `imageBlock` element.\n * \tconversionApi.consumable.consume( data.item, 'insert' );\n *\n * \t// Just create normal image element for the view.\n * \t// Maybe it will be \"decorated\" later.\n * \tconst viewImage = new ViewElement( 'img' );\n * \tconst insertPosition = conversionApi.mapper.toViewPosition( data.range.start );\n * \tconst viewWriter = conversionApi.writer;\n *\n * \t// Check if the `imageBlock` element has children.\n * \tif ( data.item.childCount > 0 ) {\n * \t\tconst modelCaption = data.item.getChild( 0 );\n *\n * \t\t// `modelCaption` insertion change is consumed from consumable values.\n * \t\t// It will not be converted by other converters, but it's children (probably some text) will be.\n * \t\t// Through mapping, converters for text will know where to insert contents of `modelCaption`.\n * \t\tif ( conversionApi.consumable.consume( modelCaption, 'insert' ) ) {\n * \t\t\tconst viewCaption = new ViewElement( 'figcaption' );\n *\n * \t\t\tconst viewImageHolder = new ViewElement( 'figure', null, [ viewImage, viewCaption ] );\n *\n * \t\t\tconversionApi.mapper.bindElements( modelCaption, viewCaption );\n * \t\t\tconversionApi.mapper.bindElements( data.item, viewImageHolder );\n * \t\t\tviewWriter.insert( insertPosition, viewImageHolder );\n * \t\t}\n * \t} else {\n * \t\tconversionApi.mapper.bindElements( data.item, viewImage );\n * \t\tviewWriter.insert( insertPosition, viewImage );\n * \t}\n *\n * \tevt.stop();\n * } );\n * ```\n */\nexport class ModelConsumable {\n\t/**\n\t * Contains list of consumable values.\n\t */\n\tprivate _consumable = new Map<any, Map<string, boolean>>();\n\n\t/**\n\t * For each {@link module:engine/model/textproxy~ModelTextProxy} added to `ModelConsumable`, this registry holds a parent\n\t * of that `ModelTextProxy` and the start and end indices of that `ModelTextProxy`. This allows identification of the `ModelTextProxy`\n\t * instances that point to the same part of the model but are different instances. Each distinct `ModelTextProxy`\n\t * is given a unique `Symbol` which is then registered as consumable. This process is transparent for the `ModelConsumable`\n\t * API user because whenever `ModelTextProxy` is added, tested, consumed or reverted, the internal mechanisms of\n\t * `ModelConsumable` translate `ModelTextProxy` to that unique `Symbol`.\n\t */\n\tprivate _textProxyRegistry = new Map<number | null, Map<number | null, Map<unknown, symbol>>>();\n\n\t/**\n\t * Adds a consumable value to the consumables list and links it with a given model item.\n\t *\n\t * ```ts\n\t * modelConsumable.add( modelElement, 'insert' ); // Add `modelElement` insertion change to consumable values.\n\t * modelConsumable.add( modelElement, 'addAttribute:bold' ); // Add `bold` attribute insertion on `modelElement` change.\n\t * modelConsumable.add( modelElement, 'removeAttribute:bold' ); // Add `bold` attribute removal on `modelElement` change.\n\t * modelConsumable.add( modelSelection, 'selection' ); // Add `modelSelection` to consumable values.\n\t * modelConsumable.add( modelRange, 'range' ); // Add `modelRange` to consumable values.\n\t * ```\n\t *\n\t * @param item Model item, range or selection that has the consumable.\n\t * @param type Consumable type. Will be normalized to a proper form, that is either `<word>` or `<part>:<part>`.\n\t * Second colon and everything after will be cut. Passing event name is a safe and good practice.\n\t */\n\tpublic add(\n\t\titem: ModelItem | ModelSelection | ModelDocumentSelection | ModelRange,\n\t\ttype: string\n\t): void {\n\t\ttype = _normalizeConsumableType( type );\n\n\t\tif ( item instanceof ModelTextProxy ) {\n\t\t\titem = this._getSymbolForTextProxy( item ) as any;\n\t\t}\n\n\t\tif ( !this._consumable.has( item ) ) {\n\t\t\tthis._consumable.set( item, new Map() );\n\t\t}\n\n\t\tthis._consumable.get( item )!.set( type, true );\n\t}\n\n\t/**\n\t * Removes a given consumable value from a given model item.\n\t *\n\t * ```ts\n\t * modelConsumable.consume( modelElement, 'insert' ); // Remove `modelElement` insertion change from consumable values.\n\t * modelConsumable.consume( modelElement, 'addAttribute:bold' ); // Remove `bold` attribute insertion on `modelElement` change.\n\t * modelConsumable.consume( modelElement, 'removeAttribute:bold' ); // Remove `bold` attribute removal on `modelElement` change.\n\t * modelConsumable.consume( modelSelection, 'selection' ); // Remove `modelSelection` from consumable values.\n\t * modelConsumable.consume( modelRange, 'range' ); // Remove 'modelRange' from consumable values.\n\t * ```\n\t *\n\t * @param item Model item, range or selection from which consumable will be consumed.\n\t * @param type Consumable type. Will be normalized to a proper form, that is either `<word>` or `<part>:<part>`.\n\t * Second colon and everything after will be cut. Passing event name is a safe and good practice.\n\t * @returns `true` if consumable value was available and was consumed, `false` otherwise.\n\t */\n\tpublic consume(\n\t\titem: ModelItem | ModelSelection | ModelDocumentSelection | ModelRange,\n\t\ttype: string\n\t): boolean {\n\t\ttype = _normalizeConsumableType( type );\n\n\t\tif ( item instanceof ModelTextProxy ) {\n\t\t\titem = this._getSymbolForTextProxy( item ) as any;\n\t\t}\n\n\t\tif ( this.test( item, type ) ) {\n\t\t\tthis._consumable.get( item )!.set( type, false );\n\n\t\t\treturn true;\n\t\t} else {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\t/**\n\t * Tests whether there is a consumable value of a given type connected with a given model item.\n\t *\n\t * ```ts\n\t * modelConsumable.test( modelElement, 'insert' ); // Check for `modelElement` insertion change.\n\t * modelConsumable.test( modelElement, 'addAttribute:bold' ); // Check for `bold` attribute insertion on `modelElement` change.\n\t * modelConsumable.test( modelElement, 'removeAttribute:bold' ); // Check for `bold` attribute removal on `modelElement` change.\n\t * modelConsumable.test( modelSelection, 'selection' ); // Check if `modelSelection` is consumable.\n\t * modelConsumable.test( modelRange, 'range' ); // Check if `modelRange` is consumable.\n\t * ```\n\t *\n\t * @param item Model item, range or selection to be tested.\n\t * @param type Consumable type. Will be normalized to a proper form, that is either `<word>` or `<part>:<part>`.\n\t * Second colon and everything after will be cut. Passing event name is a safe and good practice.\n\t * @returns `null` if such consumable was never added, `false` if the consumable values was\n\t * already consumed or `true` if it was added and not consumed yet.\n\t */\n\tpublic test(\n\t\titem: ModelItem | ModelSelection | ModelDocumentSelection | ModelRange,\n\t\ttype: string\n\t): boolean | null {\n\t\ttype = _normalizeConsumableType( type );\n\n\t\tif ( item instanceof ModelTextProxy ) {\n\t\t\titem = this._getSymbolForTextProxy( item ) as any;\n\t\t}\n\n\t\tconst itemConsumables = this._consumable.get( item );\n\n\t\tif ( itemConsumables === undefined ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst value = itemConsumables.get( type );\n\n\t\tif ( value === undefined ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn value;\n\t}\n\n\t/**\n\t * Reverts consuming of a consumable value.\n\t *\n\t * ```ts\n\t * modelConsumable.revert( modelElement, 'insert' ); // Revert consuming `modelElement` insertion change.\n\t * modelConsumable.revert( modelElement, 'addAttribute:bold' ); // Revert consuming `bold` attribute insert from `modelElement`.\n\t * modelConsumable.revert( modelElement, 'removeAttribute:bold' ); // Revert consuming `bold` attribute remove from `modelElement`.\n\t * modelConsumable.revert( modelSelection, 'selection' ); // Revert consuming `modelSelection`.\n\t * modelConsumable.revert( modelRange, 'range' ); // Revert consuming `modelRange`.\n\t * ```\n\t *\n\t * @param item Model item, range or selection to be reverted.\n\t * @param type Consumable type.\n\t * @returns `true` if consumable has been reversed, `false` otherwise. `null` if the consumable has\n\t * never been added.\n\t */\n\tpublic revert(\n\t\titem: ModelItem | ModelSelection | ModelDocumentSelection | ModelRange,\n\t\ttype: string\n\t): boolean | null {\n\t\ttype = _normalizeConsumableType( type );\n\n\t\tif ( item instanceof ModelTextProxy ) {\n\t\t\titem = this._getSymbolForTextProxy( item ) as any;\n\t\t}\n\n\t\tconst test = this.test( item, type );\n\n\t\tif ( test === false ) {\n\t\t\tthis._consumable.get( item )!.set( type, true );\n\n\t\t\treturn true;\n\t\t} else if ( test === true ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Verifies if all events from the specified group were consumed.\n\t *\n\t * @param eventGroup The events group to verify.\n\t */\n\tpublic verifyAllConsumed( eventGroup: string ): void {\n\t\tconst items = [];\n\n\t\tfor ( const [ item, consumables ] of this._consumable ) {\n\t\t\tfor ( const [ event, canConsume ] of consumables ) {\n\t\t\t\tconst eventPrefix = event.split( ':' )[ 0 ];\n\n\t\t\t\tif ( canConsume && eventGroup == eventPrefix ) {\n\t\t\t\t\titems.push( {\n\t\t\t\t\t\tevent,\n\t\t\t\t\t\titem: item.name || item.description\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( items.length ) {\n\t\t\t/**\n\t\t\t * Some of the {@link module:engine/model/item~ModelItem model items} were not consumed while downcasting the model to view.\n\t\t\t *\n\t\t\t * This might be the effect of:\n\t\t\t *\n\t\t\t * * A missing converter for some model elements. Make sure that you registered downcast converters for all model elements.\n\t\t\t * * A custom converter that does not consume converted items. Make sure that you\n\t\t\t * {@link module:engine/conversion/modelconsumable~ModelConsumable#consume consumed} all model elements that you converted\n\t\t\t * from the model to the view.\n\t\t\t * * A custom converter that called `event.stop()`. When providing a custom converter, keep in mind that you should not stop\n\t\t\t * the event. If you stop it then the default converter at the `lowest` priority will not trigger the conversion of this node's\n\t\t\t * attributes and child nodes.\n\t\t\t *\n\t\t\t * @error conversion-model-consumable-not-consumed\n\t\t\t * @param {Array.<module:engine/model/item~ModelItem>} items Items that were not consumed.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'conversion-model-consumable-not-consumed', null, { items } );\n\t\t}\n\t}\n\n\t/**\n\t * Gets a unique symbol for the passed {@link module:engine/model/textproxy~ModelTextProxy} instance.\n\t * All `ModelTextProxy` instances that have same parent, same start index and same end index will get the same symbol.\n\t *\n\t * Used internally to correctly consume `ModelTextProxy` instances.\n\t *\n\t * @internal\n\t * @param textProxy `ModelTextProxy` instance to get a symbol for.\n\t * @returns Symbol representing all equal instances of `ModelTextProxy`.\n\t */\n\tpublic _getSymbolForTextProxy( textProxy: ModelTextProxy ): symbol {\n\t\tlet symbol = null;\n\n\t\tconst startMap = this._textProxyRegistry.get( textProxy.startOffset );\n\n\t\tif ( startMap ) {\n\t\t\tconst endMap = startMap.get( textProxy.endOffset );\n\n\t\t\tif ( endMap ) {\n\t\t\t\tsymbol = endMap.get( textProxy.parent );\n\t\t\t}\n\t\t}\n\n\t\tif ( !symbol ) {\n\t\t\tsymbol = this._addSymbolForTextProxy( textProxy );\n\t\t}\n\n\t\treturn symbol;\n\t}\n\n\t/**\n\t * Adds a symbol for the given {@link module:engine/model/textproxy~ModelTextProxy} instance.\n\t *\n\t * Used internally to correctly consume `ModelTextProxy` instances.\n\t *\n\t * @param textProxy Text proxy instance.\n\t * @returns Symbol generated for given `ModelTextProxy`.\n\t */\n\tprivate _addSymbolForTextProxy( textProxy: ModelTextProxy ): symbol {\n\t\tconst start = textProxy.startOffset;\n\t\tconst end = textProxy.endOffset;\n\t\tconst parent = textProxy.parent;\n\n\t\tconst symbol = Symbol( '$textProxy:' + textProxy.data );\n\t\tlet startMap: Map<number | null, Map<unknown, symbol>> | undefined;\n\t\tlet endMap: Map<unknown, symbol> | undefined;\n\n\t\tstartMap = this._textProxyRegistry.get( start );\n\n\t\tif ( !startMap ) {\n\t\t\tstartMap = new Map();\n\t\t\tthis._textProxyRegistry.set( start, startMap );\n\t\t}\n\n\t\tendMap = startMap.get( end );\n\n\t\tif ( !endMap ) {\n\t\t\tendMap = new Map();\n\t\t\tstartMap.set( end, endMap );\n\t\t}\n\n\t\tendMap.set( parent, symbol );\n\n\t\treturn symbol;\n\t}\n}\n\n/**\n * Returns a normalized consumable type name from the given string. A normalized consumable type name is a string that has\n * at most one colon, for example: `insert` or `addMarker:highlight`. If a string to normalize has more \"parts\" (more colons),\n * the further parts are dropped, for example: `addattribute:bold:$text` -> `addattributes:bold`.\n *\n * @param type Consumable type.\n * @returns Normalized consumable type.\n */\nfunction _normalizeConsumableType( type: string ) {\n\tconst parts = type.split( ':' );\n\n\t// For inserts allow passing event name, it's stored in the context of a specified element so the element name is not needed.\n\tif ( parts[ 0 ] == 'insert' ) {\n\t\treturn parts[ 0 ];\n\t}\n\n\t// Markers are identified by the whole name (otherwise we would consume the whole markers group).\n\tif ( parts[ 0 ] == 'addMarker' || parts[ 0 ] == 'removeMarker' ) {\n\t\treturn type;\n\t}\n\n\treturn parts.length > 1 ? parts[ 0 ] + ':' + parts[ 1 ] : parts[ 0 ];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/conversion/downcastdispatcher\n */\n\nimport { ModelConsumable } from './modelconsumable.js';\nimport { ModelRange } from '../model/range.js';\n\nimport { EmitterMixin } from '@ckeditor/ckeditor5-utils';\n\nimport type { Differ, DifferItem, DifferItemReinsert } from '../model/differ.js';\nimport type { MarkerCollection, Marker } from '../model/markercollection.js';\nimport type { ModelTreeWalkerValue } from '../model/treewalker.js';\nimport { type ModelDocumentSelection } from '../model/documentselection.js';\nimport { type ViewDowncastWriter } from '../view/downcastwriter.js';\nimport { type ModelRootElement } from '../model/rootelement.js';\nimport { type ModelElement } from '../model/element.js';\nimport { type ModelItem } from '../model/item.js';\nimport { type Mapper } from './mapper.js';\nimport { type ModelPosition } from '../model/position.js';\nimport { type ModelSchema } from '../model/schema.js';\nimport { type ModelSelection } from '../model/selection.js';\nimport { type ViewElement } from '../view/element.js';\n\n/**\n * The downcast dispatcher is a central point of downcasting (conversion from the model to the view), which is a process of reacting\n * to changes in the model and firing a set of events. The callbacks listening to these events are called converters. The\n * converters' role is to convert the model changes to changes in view (for example, adding view nodes or\n * changing attributes on view elements).\n *\n * During the conversion process, downcast dispatcher fires events basing on the state of the model and prepares\n * data for these events. It is important to understand that the events are connected with the changes done on the model,\n * for example: \"a node has been inserted\" or \"an attribute has changed\". This is in contrary to upcasting (a view-to-model conversion)\n * where you convert the view state (view nodes) to a model tree.\n *\n * The events are prepared basing on a diff created by the {@link module:engine/model/differ~Differ Differ}, which buffers them\n * and then passes to the downcast dispatcher as a diff between the old model state and the new model state.\n *\n * Note that because the changes are converted, there is a need to have a mapping between the model structure and the view structure.\n * To map positions and elements during the downcast (a model-to-view conversion), use {@link module:engine/conversion/mapper~Mapper}.\n *\n * Downcast dispatcher fires the following events for model tree changes:\n *\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert `insert`} &ndash;\n * If a range of nodes was inserted to the model tree.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:remove `remove`} &ndash;\n * If a range of nodes was removed from the model tree.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute`} &ndash;\n * If an attribute was added, changed or removed from a model node.\n *\n * For {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert `insert`}\n * and {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute`},\n * the downcast dispatcher generates {@link module:engine/conversion/modelconsumable~ModelConsumable consumables}.\n * These are used to have control over which changes have already been consumed. It is useful when some converters\n * overwrite others or convert multiple changes (for example, it converts an insertion of an element and also converts that\n * element's attributes during the insertion).\n *\n * Additionally, downcast dispatcher fires events for {@link module:engine/model/markercollection~Marker marker} changes:\n *\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker `addMarker`} &ndash; If a marker was added.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:removeMarker `removeMarker`} &ndash; If a marker was\n * removed.\n *\n * Note that changing a marker is done through removing the marker from the old range and adding it to the new range,\n * so both of these events are fired.\n *\n * Finally, a downcast dispatcher also handles firing events for the {@link module:engine/model/selection model selection}\n * conversion:\n *\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:selection `selection`}\n * &ndash; Converts the selection from the model to the view.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute`}\n * &ndash; Fired for every selection attribute.\n * * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker `addMarker`}\n * &ndash; Fired for every marker that contains a selection.\n *\n * Unlike the model tree and the markers, the events for selection are not fired for changes but for a selection state.\n *\n * When providing custom listeners for a downcast dispatcher, remember to check whether a given change has not been\n * {@link module:engine/conversion/modelconsumable~ModelConsumable#consume consumed} yet.\n *\n * When providing custom listeners for a downcast dispatcher, keep in mind that you **should not** stop the event. If you stop it,\n * then the default converter at the `lowest` priority will not trigger the conversion of this node's attributes and child nodes.\n *\n * When providing custom listeners for a downcast dispatcher, remember to use the provided\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter view downcast writer} to apply changes to the view document.\n *\n * You can read more about conversion in the following guide:\n *\n * * {@glink framework/deep-dive/conversion/downcast Downcast conversion}\n *\n * An example of a custom converter for the downcast dispatcher:\n *\n * ```ts\n * // You will convert inserting a \"paragraph\" model element into the model.\n * downcastDispatcher.on( 'insert:paragraph', ( evt, data, conversionApi ) => {\n * \t// Remember to check whether the change has not been consumed yet and consume it.\n * \tif ( !conversionApi.consumable.consume( data.item, 'insert' ) ) {\n * \t\treturn;\n * \t}\n *\n * \t// Translate the position in the model to a position in the view.\n * \tconst viewPosition = conversionApi.mapper.toViewPosition( data.range.start );\n *\n * \t// Create a <p> element that will be inserted into the view at the `viewPosition`.\n * \tconst viewElement = conversionApi.writer.createContainerElement( 'p' );\n *\n * \t// Bind the newly created view element to the model element so positions will map accordingly in the future.\n * \tconversionApi.mapper.bindElements( data.item, viewElement );\n *\n * \t// Add the newly created view element to the view.\n * \tconversionApi.writer.insert( viewPosition, viewElement );\n * } );\n * ```\n */\nexport class DowncastDispatcher extends /* #__PURE__ */ EmitterMixin() {\n\t/**\n\t * A template for an interface passed by the dispatcher to the event callbacks.\n\t *\n\t * @internal\n\t */\n\tpublic readonly _conversionApi: Pick<DowncastConversionApi, 'dispatcher' | 'mapper' | 'schema'>;\n\n\t/**\n\t * A map of already fired events for a given `ModelConsumable`.\n\t */\n\tprivate readonly _firedEventsMap: WeakMap<DowncastConversionApi, Map<unknown, Set<string>>>;\n\n\t/**\n\t * Creates a downcast dispatcher instance.\n\t *\n\t * @see module:engine/conversion/downcastdispatcher~DowncastConversionApi\n\t *\n\t * @param conversionApi Additional properties for an interface that will be passed to events fired\n\t * by the downcast dispatcher.\n\t */\n\tconstructor( conversionApi: Pick<DowncastConversionApi, 'mapper' | 'schema'> ) {\n\t\tsuper();\n\n\t\tthis._conversionApi = { dispatcher: this, ...conversionApi };\n\t\tthis._firedEventsMap = new WeakMap();\n\t}\n\n\t/**\n\t * Converts changes buffered in the given {@link module:engine/model/differ~Differ model differ}\n\t * and fires conversion events based on it.\n\t *\n\t * @fires insert\n\t * @fires remove\n\t * @fires attribute\n\t * @fires addMarker\n\t * @fires removeMarker\n\t * @fires reduceChanges\n\t * @param differ The differ object with buffered changes.\n\t * @param markers Markers related to the model fragment to convert.\n\t * @param writer The view writer that should be used to modify the view document.\n\t */\n\tpublic convertChanges(\n\t\tdiffer: Differ,\n\t\tmarkers: MarkerCollection,\n\t\twriter: ViewDowncastWriter\n\t): void {\n\t\tconst refreshedItems = differ.getRefreshedItems();\n\t\tconst conversionApi = this._createConversionApi( writer, refreshedItems );\n\n\t\t// Before the view is updated, remove markers which have changed.\n\t\tfor ( const change of differ.getMarkersToRemove() ) {\n\t\t\tthis._convertMarkerRemove( change.name, change.range, conversionApi );\n\t\t}\n\n\t\t// Let features modify the change list (for example to allow reconversion).\n\t\tconst changes = this._reduceChanges( differ.getChanges(), refreshedItems );\n\n\t\t// Convert changes that happened on model tree.\n\t\tfor ( const entry of changes ) {\n\t\t\tif ( entry.type === 'insert' ) {\n\t\t\t\tthis._convertInsert( ModelRange._createFromPositionAndShift( entry.position, entry.length ), conversionApi );\n\t\t\t} else if ( entry.type === 'reinsert' ) {\n\t\t\t\tthis._convertReinsert( ModelRange._createFromPositionAndShift( entry.position, entry.length ), conversionApi );\n\t\t\t} else if ( entry.type === 'remove' ) {\n\t\t\t\tthis._convertRemove( entry.position, entry.length, entry.name, conversionApi );\n\t\t\t} else {\n\t\t\t\t// Defaults to 'attribute' change.\n\t\t\t\tthis._convertAttribute( entry.range, entry.attributeKey, entry.attributeOldValue, entry.attributeNewValue, conversionApi );\n\t\t\t}\n\t\t}\n\n\t\t// Remove mappings for all removed view elements.\n\t\t// Remove these mappings as soon as they are not needed (https://github.com/ckeditor/ckeditor5/issues/15411).\n\t\tconversionApi.mapper.flushDeferredBindings();\n\n\t\tfor ( const markerName of conversionApi.mapper.flushUnboundMarkerNames() ) {\n\t\t\tconst markerRange = markers.get( markerName )!.getRange();\n\n\t\t\tthis._convertMarkerRemove( markerName, markerRange, conversionApi );\n\t\t\tthis._convertMarkerAdd( markerName, markerRange, conversionApi );\n\t\t}\n\n\t\t// After the view is updated, convert markers which have changed.\n\t\tfor ( const change of differ.getMarkersToAdd() ) {\n\t\t\tthis._convertMarkerAdd( change.name, change.range, conversionApi );\n\t\t}\n\n\t\t// Verify if all insert consumables were consumed.\n\t\tconversionApi.consumable.verifyAllConsumed( 'insert' );\n\t}\n\n\t/**\n\t * Starts a conversion of a model range and the provided markers.\n\t *\n\t * @fires insert\n\t * @fires attribute\n\t * @fires addMarker\n\t * @param range The inserted range.\n\t * @param markers The map of markers that should be down-casted.\n\t * @param writer The view writer that should be used to modify the view document.\n\t * @param options Optional options object passed to `convertionApi.options`.\n\t */\n\tpublic convert(\n\t\trange: ModelRange,\n\t\tmarkers: Map<string, ModelRange>,\n\t\twriter: ViewDowncastWriter,\n\t\toptions: DowncastConversionApi[ 'options' ] = {}\n\t): void {\n\t\tconst conversionApi = this._createConversionApi( writer, undefined, options );\n\n\t\tthis._convertInsert( range, conversionApi );\n\n\t\tfor ( const [ name, range ] of markers ) {\n\t\t\tthis._convertMarkerAdd( name, range, conversionApi );\n\t\t}\n\n\t\t// Verify if all insert consumables were consumed.\n\t\tconversionApi.consumable.verifyAllConsumed( 'insert' );\n\t}\n\n\t/**\n\t * Starts the model selection conversion.\n\t *\n\t * Fires events for a given {@link module:engine/model/selection~ModelSelection selection} to start the selection conversion.\n\t *\n\t * @fires selection\n\t * @fires addMarker\n\t * @fires attribute\n\t * @param selection The selection to convert.\n\t * @param markers Markers connected with the converted model.\n\t * @param writer View writer that should be used to modify the view document.\n\t */\n\tpublic convertSelection(\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\tmarkers: MarkerCollection,\n\t\twriter: ViewDowncastWriter\n\t): void {\n\t\tconst conversionApi = this._createConversionApi( writer );\n\n\t\t// First perform a clean-up at the current position of the selection.\n\t\tthis.fire<DowncastCleanSelectionEvent>( 'cleanSelection', { selection }, conversionApi );\n\n\t\t// Don't convert selection if it is in a model root that does not have a view root (for now this is only the graveyard root).\n\t\tconst modelRoot = selection.getFirstPosition()!.root as ModelRootElement;\n\n\t\tif ( !conversionApi.mapper.toViewElement( modelRoot ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Now, perform actual selection conversion.\n\t\tconst markersAtSelection = Array.from( markers.getMarkersAtPosition( selection.getFirstPosition()! ) );\n\n\t\tthis._addConsumablesForSelection( conversionApi.consumable, selection, markersAtSelection );\n\n\t\tthis.fire<DowncastSelectionEvent>( 'selection', { selection }, conversionApi );\n\n\t\tif ( !selection.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor ( const marker of markersAtSelection ) {\n\t\t\t// Do not fire event if the marker has been consumed.\n\t\t\tif ( conversionApi.consumable.test( selection, 'addMarker:' + marker.name ) ) {\n\t\t\t\tconst markerRange = marker.getRange();\n\n\t\t\t\tif ( !shouldMarkerChangeBeConverted( selection.getFirstPosition()!, marker, conversionApi.mapper ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst data = {\n\t\t\t\t\titem: selection,\n\t\t\t\t\tmarkerName: marker.name,\n\t\t\t\t\tmarkerRange\n\t\t\t\t};\n\n\t\t\t\tthis.fire<DowncastAddMarkerEvent>( `addMarker:${ marker.name }`, data, conversionApi );\n\t\t\t}\n\t\t}\n\n\t\tfor ( const key of selection.getAttributeKeys() ) {\n\t\t\t// Do not fire event if the attribute has been consumed.\n\t\t\tif ( conversionApi.consumable.test( selection, 'attribute:' + key ) ) {\n\t\t\t\tconst data = {\n\t\t\t\t\titem: selection,\n\t\t\t\t\trange: selection.getFirstRange()!,\n\t\t\t\t\tattributeKey: key,\n\t\t\t\t\tattributeOldValue: null,\n\t\t\t\t\tattributeNewValue: selection.getAttribute( key )\n\t\t\t\t};\n\n\t\t\t\tthis.fire<DowncastAttributeEvent>( `attribute:${ key }:$text`, data, conversionApi );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Fires insertion conversion of a range of nodes.\n\t *\n\t * For each node in the range, {@link #event:insert `insert` event is fired}. For each attribute on each node,\n\t * {@link #event:attribute `attribute` event is fired}.\n\t *\n\t * @fires insert\n\t * @fires attribute\n\t * @param range The inserted range.\n\t * @param conversionApi The conversion API object.\n\t * @param options.doNotAddConsumables Whether the ModelConsumable should not get populated\n\t * for items in the provided range.\n\t */\n\tprivate _convertInsert(\n\t\trange: ModelRange,\n\t\tconversionApi: DowncastConversionApi,\n\t\toptions: { doNotAddConsumables?: boolean } = {}\n\t): void {\n\t\tif ( !options.doNotAddConsumables ) {\n\t\t\t// Collect a list of things that can be consumed, consisting of nodes and their attributes.\n\t\t\tthis._addConsumablesForInsert( conversionApi.consumable, range );\n\t\t}\n\n\t\t// Fire a separate insert event for each node and text fragment contained in the range.\n\t\tfor ( const data of range.getWalker( { shallow: true } ) ) {\n\t\t\tthis._testAndFire( 'insert', walkerValueToEventData( data ), conversionApi );\n\t\t}\n\t}\n\n\t/**\n\t * Fires conversion of a single node removal. Fires {@link #event:remove remove event} with provided data.\n\t *\n\t * @param position Position from which node was removed.\n\t * @param length Offset size of removed node.\n\t * @param name Name of removed node.\n\t * @param conversionApi The conversion API object.\n\t */\n\tprivate _convertRemove(\n\t\tposition: ModelPosition,\n\t\tlength: number,\n\t\tname: string,\n\t\tconversionApi: DowncastConversionApi\n\t): void {\n\t\tthis.fire<DowncastRemoveEvent>( `remove:${ name }`, { position, length }, conversionApi );\n\t}\n\n\t/**\n\t * Starts a conversion of an attribute change on a given `range`.\n\t *\n\t * For each node in the given `range`, {@link #event:attribute attribute event} is fired with the passed data.\n\t *\n\t * @fires attribute\n\t * @param range Changed range.\n\t * @param key Key of the attribute that has changed.\n\t * @param oldValue Attribute value before the change or `null` if the attribute has not been set before.\n\t * @param newValue New attribute value or `null` if the attribute has been removed.\n\t * @param conversionApi The conversion API object.\n\t */\n\tprivate _convertAttribute(\n\t\trange: ModelRange,\n\t\tkey: string,\n\t\toldValue: unknown,\n\t\tnewValue: unknown,\n\t\tconversionApi: DowncastConversionApi\n\t): void {\n\t\t// Create a list with attributes to consume.\n\t\tthis._addConsumablesForRange( conversionApi.consumable, range, `attribute:${ key }` );\n\n\t\t// Create a separate attribute event for each node in the range.\n\t\tfor ( const value of range ) {\n\t\t\tconst data = {\n\t\t\t\titem: value.item,\n\t\t\t\trange: ModelRange._createFromPositionAndShift( value.previousPosition, value.length! ),\n\t\t\t\tattributeKey: key,\n\t\t\t\tattributeOldValue: oldValue,\n\t\t\t\tattributeNewValue: newValue\n\t\t\t};\n\n\t\t\tthis._testAndFire( `attribute:${ key }`, data, conversionApi );\n\t\t}\n\t}\n\n\t/**\n\t * Fires re-insertion conversion (with a `reconversion` flag passed to `remove` and `insert` events)\n\t * of a range of elements (only elements on the range depth, without children).\n\t *\n\t * For each node in the range on its depth (without children), {@link #event:insert `insert` event} is fired.\n\t * For each attribute on each node, {@link #event:attribute `attribute` event} is fired.\n\t *\n\t * @fires insert\n\t * @fires attribute\n\t * @param range The range to reinsert.\n\t * @param conversionApi The conversion API object.\n\t */\n\tprivate _convertReinsert( range: ModelRange, conversionApi: DowncastConversionApi ): void {\n\t\t// Convert the elements - without converting children.\n\t\tconst walkerValues = Array.from( range.getWalker( { shallow: true } ) );\n\n\t\t// Collect a list of things that can be consumed, consisting of nodes and their attributes.\n\t\tthis._addConsumablesForInsert( conversionApi.consumable, walkerValues );\n\n\t\t// Fire a separate insert event for each node and text fragment contained shallowly in the range.\n\t\tfor ( const data of walkerValues.map( walkerValueToEventData ) ) {\n\t\t\t// For backward compatibility and handlers that does not recognize reconversion.\n\t\t\tthis.fire<DowncastRemoveEvent>(\n\t\t\t\t`remove:${ data.item.is( 'element' ) ? data.item.name : '$text' }`,\n\t\t\t\t{ position: data.range.start, length: data.item.offsetSize, reconversion: true },\n\t\t\t\tconversionApi\n\t\t\t);\n\n\t\t\t// Reinsert the view element.\n\t\t\tthis._testAndFire( 'insert', { ...data, reconversion: true }, conversionApi );\n\t\t}\n\t}\n\n\t/**\n\t * Converts the added marker. Fires the {@link #event:addMarker `addMarker`} event for each item\n\t * in the marker's range. If the range is collapsed, a single event is dispatched. See the event description for more details.\n\t *\n\t * @fires addMarker\n\t * @param markerName Marker name.\n\t * @param markerRange The marker range.\n\t * @param conversionApi The conversion API object.\n\t */\n\tprivate _convertMarkerAdd(\n\t\tmarkerName: string,\n\t\tmarkerRange: ModelRange,\n\t\tconversionApi: DowncastConversionApi\n\t): void {\n\t\t// Do not convert if range is in graveyard.\n\t\tif ( markerRange.root.rootName == '$graveyard' ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// In markers' case, event name == consumable name.\n\t\tconst eventName = `addMarker:${ markerName }` as const;\n\n\t\t//\n\t\t// First, fire an event for the whole marker.\n\t\t//\n\t\tconversionApi.consumable.add( markerRange, eventName );\n\n\t\tthis.fire<DowncastAddMarkerEvent>( eventName, { markerName, markerRange }, conversionApi );\n\n\t\t//\n\t\t// Do not fire events for each item inside the range if the range got consumed.\n\t\t// Also consume the whole marker consumable if it wasn't consumed.\n\t\t//\n\t\tif ( !conversionApi.consumable.consume( markerRange, eventName ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t//\n\t\t// Then, fire an event for each item inside the marker range.\n\t\t//\n\t\tthis._addConsumablesForRange( conversionApi.consumable, markerRange, eventName );\n\n\t\tfor ( const item of markerRange.getItems() ) {\n\t\t\t// Do not fire event for already consumed items.\n\t\t\tif ( !conversionApi.consumable.test( item, eventName ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst data = { item, range: ModelRange._createOn( item ), markerName, markerRange };\n\n\t\t\tthis.fire<DowncastAddMarkerEvent>( eventName, data, conversionApi );\n\t\t}\n\t}\n\n\t/**\n\t * Fires the conversion of the marker removal. Fires the {@link #event:removeMarker `removeMarker`} event with the provided data.\n\t *\n\t * @fires removeMarker\n\t * @param markerName Marker name.\n\t * @param markerRange The marker range.\n\t * @param conversionApi The conversion API object.\n\t */\n\tprivate _convertMarkerRemove( markerName: string, markerRange: ModelRange, conversionApi: DowncastConversionApi ) {\n\t\t// Do not convert if range is in graveyard.\n\t\tif ( markerRange.root.rootName == '$graveyard' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fire<DowncastRemoveMarkerEvent>( `removeMarker:${ markerName }`, { markerName, markerRange }, conversionApi );\n\t}\n\n\t/**\n\t * Fires the reduction of changes buffered in the {@link module:engine/model/differ~Differ `Differ`}.\n\t *\n\t * Features can replace selected {@link module:engine/model/differ~DifferItem `DifferItem`}s with `reinsert` entries to trigger\n\t * reconversion. The {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure\n\t * `DowncastHelpers.elementToStructure()`} is using this event to trigger reconversion.\n\t *\n\t * @fires reduceChanges\n\t */\n\tprivate _reduceChanges(\n\t\tchanges: Iterable<DifferItem>,\n\t\trefreshedItems: Set<ModelItem>\n\t): Iterable<DifferItem | DifferItemReinsert> {\n\t\tconst data: {\n\t\t\tchanges: Iterable<DifferItem | DifferItemReinsert>;\n\t\t\trefreshedItems: Set<ModelItem>;\n\t\t} = {\n\t\t\tchanges,\n\t\t\trefreshedItems\n\t\t};\n\n\t\tthis.fire<DowncastReduceChangesEvent>( 'reduceChanges', data );\n\n\t\treturn data.changes;\n\t}\n\n\t/**\n\t * Populates provided {@link module:engine/conversion/modelconsumable~ModelConsumable} with values to consume from a given range,\n\t * assuming that the range has just been inserted to the model.\n\t *\n\t * @param consumable The consumable.\n\t * @param walkerValues The walker values for the inserted range.\n\t * @returns The values to consume.\n\t */\n\tprivate _addConsumablesForInsert(\n\t\tconsumable: ModelConsumable,\n\t\twalkerValues: Iterable<ModelTreeWalkerValue>\n\t): ModelConsumable {\n\t\tfor ( const value of walkerValues ) {\n\t\t\tconst item = value.item;\n\n\t\t\t// Add consumable if it wasn't there yet.\n\t\t\tif ( consumable.test( item, 'insert' ) === null ) {\n\t\t\t\tconsumable.add( item, 'insert' );\n\n\t\t\t\tfor ( const key of item.getAttributeKeys() ) {\n\t\t\t\t\tconsumable.add( item, 'attribute:' + key );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn consumable;\n\t}\n\n\t/**\n\t * Populates provided {@link module:engine/conversion/modelconsumable~ModelConsumable} with values to consume for a given range.\n\t *\n\t * @param consumable The consumable.\n\t * @param range The affected range.\n\t * @param type Consumable type.\n\t * @returns The values to consume.\n\t */\n\tprivate _addConsumablesForRange(\n\t\tconsumable: ModelConsumable,\n\t\trange: ModelRange,\n\t\ttype: string\n\t): ModelConsumable {\n\t\tfor ( const item of range.getItems() ) {\n\t\t\tconsumable.add( item, type );\n\t\t}\n\n\t\treturn consumable;\n\t}\n\n\t/**\n\t * Populates provided {@link module:engine/conversion/modelconsumable~ModelConsumable} with selection consumable values.\n\t *\n\t * @param consumable The consumable.\n\t * @param selection The selection to create the consumable from.\n\t * @param markers Markers that contain the selection.\n\t * @returns The values to consume.\n\t */\n\tprivate _addConsumablesForSelection(\n\t\tconsumable: ModelConsumable,\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\tmarkers: Iterable<Marker>\n\t): ModelConsumable {\n\t\tconsumable.add( selection, 'selection' );\n\n\t\tfor ( const marker of markers ) {\n\t\t\tconsumable.add( selection, 'addMarker:' + marker.name );\n\t\t}\n\n\t\tfor ( const key of selection.getAttributeKeys() ) {\n\t\t\tconsumable.add( selection, 'attribute:' + key );\n\t\t}\n\n\t\treturn consumable;\n\t}\n\n\t/**\n\t * Tests whether given event wasn't already fired and if so, fires it.\n\t *\n\t * @fires insert\n\t * @fires attribute\n\t * @param type Event type.\n\t * @param data Event data.\n\t * @param conversionApi The conversion API object.\n\t */\n\tprivate _testAndFire<TType extends 'insert' | 'attribute'>(\n\t\ttype: TType | `${ TType }:${ string }`,\n\t\tdata: DowncastDispatcherEventMap[ TType ],\n\t\tconversionApi: DowncastConversionApi\n\t): void {\n\t\tconst eventName = getEventName( type, data );\n\t\tconst itemKey = data.item.is( '$textProxy' ) ? conversionApi.consumable._getSymbolForTextProxy( data.item ) : data.item;\n\n\t\tconst eventsFiredForConversion = this._firedEventsMap.get( conversionApi )!;\n\t\tconst eventsFiredForItem = eventsFiredForConversion.get( itemKey );\n\n\t\tif ( !eventsFiredForItem ) {\n\t\t\teventsFiredForConversion.set( itemKey, new Set( [ eventName ] ) );\n\t\t} else if ( !eventsFiredForItem.has( eventName ) ) {\n\t\t\teventsFiredForItem.add( eventName );\n\t\t} else {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fire<DowncastEvent<TType>>( eventName, data, conversionApi );\n\t}\n\n\t/**\n\t * Fires not already fired events for setting attributes on just inserted item.\n\t *\n\t * @param item The model item to convert attributes for.\n\t * @param conversionApi The conversion API object.\n\t */\n\tprivate _testAndFireAddAttributes(\n\t\titem: ModelItem,\n\t\tconversionApi: DowncastConversionApi\n\t): void {\n\t\tconst data: DowncastDispatcherEventMap[ 'attribute' ] = {\n\t\t\titem,\n\t\t\trange: ModelRange._createOn( item )\n\t\t} as any;\n\n\t\tfor ( const key of data.item.getAttributeKeys() ) {\n\t\t\tdata.attributeKey = key;\n\t\t\tdata.attributeOldValue = null;\n\t\t\tdata.attributeNewValue = data.item.getAttribute( key );\n\n\t\t\tthis._testAndFire( `attribute:${ key }`, data, conversionApi );\n\t\t}\n\t}\n\n\t/**\n\t * Builds an instance of the {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi} from a template and a given\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter `ViewDowncastWriter`} and options object.\n\t *\n\t * @param writer View writer that should be used to modify the view document.\n\t * @param refreshedItems A set of model elements that should not reuse their\n\t * previous view representations.\n\t * @param options Optional options passed to `convertionApi.options`.\n\t * @return The conversion API object.\n\t */\n\tprivate _createConversionApi(\n\t\twriter: ViewDowncastWriter,\n\t\trefreshedItems: Set<ModelItem> = new Set(),\n\t\toptions: DowncastConversionApi[ 'options' ] = {}\n\t): DowncastConversionApi {\n\t\tconst conversionApi: DowncastConversionApi = {\n\t\t\t...this._conversionApi,\n\t\t\tconsumable: new ModelConsumable(),\n\t\t\twriter,\n\t\t\toptions,\n\t\t\tconvertItem: item => this._convertInsert( ModelRange._createOn( item ), conversionApi ),\n\t\t\tconvertChildren: element => this._convertInsert(\n\t\t\t\tModelRange._createIn( element ),\n\t\t\t\tconversionApi,\n\t\t\t\t{ doNotAddConsumables: true }\n\t\t\t),\n\t\t\tconvertAttributes: item => this._testAndFireAddAttributes( item, conversionApi ),\n\t\t\tcanReuseView: viewElement => !refreshedItems.has( conversionApi.mapper.toModelElement( viewElement )! )\n\t\t};\n\n\t\tthis._firedEventsMap.set( conversionApi, new Map() );\n\n\t\treturn conversionApi;\n\t}\n}\n\n/**\n * Fired to enable reducing (transforming) changes buffered in the {@link module:engine/model/differ~Differ `Differ`} before\n * {@link ~DowncastDispatcher#convertChanges `convertChanges()`} will fire any conversion events.\n *\n * For instance, a feature can replace selected {@link module:engine/model/differ~DifferItem `DifferItem`}s with a `reinsert` entry\n * to trigger reconversion of an element when e.g. its attribute has changes.\n * The {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure\n\t * `DowncastHelpers.elementToStructure()`} helper is using this event to trigger reconversion of an element when the element,\n * its attributes or direct children changed.\n *\n * @eventName ~DowncastDispatcher#reduceChanges\n */\nexport type DowncastReduceChangesEvent = {\n\tname: 'reduceChanges';\n\targs: [ data: DowncastReduceChangesEventData ];\n};\n\nexport type DowncastReduceChangesEventData = {\n\n\t/**\n\t * A buffered changes to get reduced.\n\t */\n\tchanges: Iterable<DifferItem | DifferItemReinsert>;\n\n\t/**\n\t * Set of items marked for rebuild without reusing view nodes.\n\t */\n\trefreshedItems: Set<ModelItem>;\n};\n\nexport type DowncastDispatcherEventMap<TItem = ModelItem> = {\n\tinsert: {\n\t\titem: TItem;\n\t\trange: ModelRange;\n\t\treconversion?: boolean;\n\t};\n\tremove: {\n\t\tposition: ModelPosition;\n\t\tlength: number;\n\t\treconversion?: boolean;\n\t};\n\tattribute: {\n\t\titem: TItem;\n\t\trange: ModelRange;\n\t\tattributeKey: string;\n\t\tattributeOldValue: unknown;\n\t\tattributeNewValue: unknown;\n\t};\n\tcleanSelection: {\n\t\tselection: ModelSelection | ModelDocumentSelection;\n\t};\n\tselection: {\n\t\tselection: ModelSelection | ModelDocumentSelection;\n\t};\n\taddMarker: {\n\t\titem?: ModelItem | ModelSelection | ModelDocumentSelection;\n\t\trange?: ModelRange;\n\t\tmarkerRange: ModelRange;\n\t\tmarkerName: string;\n\t};\n\tremoveMarker: {\n\t\tmarkerRange: ModelRange;\n\t\tmarkerName: string;\n\t};\n};\n\nexport type DowncastEvent<TName extends keyof DowncastDispatcherEventMap<TItem>, TItem = ModelItem> = {\n\tname: TName | `${ TName }:${ string }`;\n\targs: [ data: DowncastDispatcherEventMap<TItem>[ TName ], conversionApi: DowncastConversionApi ];\n};\n\n/**\n * Fired for inserted nodes.\n *\n * `insert` is a namespace for a class of events. Names of actually called events follow this pattern:\n * `insert:name`. `name` is either `'$text'`, when {@link module:engine/model/text~ModelText a text node} has been inserted,\n * or {@link module:engine/model/element~ModelElement#name name} of inserted element.\n *\n * This way, the listeners can either listen to a general `insert` event or specific event (for example `insert:paragraph`).\n *\n * @eventName ~DowncastDispatcher#insert\n * @param {Object} data Additional information about the change.\n * @param {module:engine/model/item~ModelItem} data.item The inserted item.\n * @param {module:engine/model/range~ModelRange} data.range Range spanning over inserted item.\n * @param {module:engine/conversion/downcastdispatcher~DowncastConversionApi} conversionApi Conversion interface\n * to be used by callback, passed in the `DowncastDispatcher` constructor.\n */\nexport type DowncastInsertEvent<TItem extends ModelItem = ModelItem> = DowncastEvent<'insert', TItem>;\n\n/**\n * Fired for removed nodes.\n *\n * `remove` is a namespace for a class of events. Names of actually called events follow this pattern:\n * `remove:name`. `name` is either `'$text'`, when a {@link module:engine/model/text~ModelText a text node} has been removed,\n * or the {@link module:engine/model/element~ModelElement#name name} of removed element.\n *\n * This way, listeners can either listen to a general `remove` event or specific event (for example `remove:paragraph`).\n *\n * @eventName ~DowncastDispatcher#remove\n * @param {Object} data Additional information about the change.\n * @param {module:engine/model/position~ModelPosition} data.position Position from which the node has been removed.\n * @param {Number} data.length Offset size of the removed node.\n * @param {module:engine/conversion/downcastdispatcher~DowncastConversionApi} conversionApi Conversion interface\n * to be used by callback, passed in `DowncastDispatcher` constructor.\n */\nexport type DowncastRemoveEvent = DowncastEvent<'remove'>;\n\n/**\n * Fired in the following cases:\n *\n * * when an attribute has been added, changed, or removed from a node,\n * * when a node with an attribute is inserted,\n * * when a collapsed model selection attribute is converted.\n *\n * `attribute` is a namespace for a class of events. Names of actually called events follow this pattern:\n * `attribute:attributeKey:name`. `attributeKey` is the key of added/changed/removed attribute.\n * `name` is either `'$text'` if change was on {@link module:engine/model/text~ModelText a text node},\n * or the {@link module:engine/model/element~ModelElement#name name} of element which attribute has changed.\n *\n * This way listeners can either listen to a general `attribute:bold` event or specific event (for example `attribute:src:imageBlock`).\n *\n * @eventName ~DowncastDispatcher#attribute\n * @param {Object} data Additional information about the change.\n * @param {module:engine/model/item~ModelItem|module:engine/model/documentselection~ModelDocumentSelection} data.item Changed item\n * or converted selection.\n * @param {module:engine/model/range~ModelRange} data.range Range spanning over changed item or selection range.\n * @param {String} data.attributeKey Attribute key.\n * @param {*} data.attributeOldValue Attribute value before the change. This is `null` when selection attribute is converted.\n * @param {*} data.attributeNewValue New attribute value.\n * @param {module:engine/conversion/downcastdispatcher~DowncastConversionApi} conversionApi Conversion interface\n * to be used by callback, passed in `DowncastDispatcher` constructor.\n */\nexport type DowncastAttributeEvent<TItem = ModelItem | ModelSelection | ModelDocumentSelection> = DowncastEvent<'attribute', TItem>;\n\n/**\n * Fired for {@link module:engine/model/selection~ModelSelection selection} changes.\n *\n * @eventName ~DowncastDispatcher#selection\n * @param {module:engine/model/selection~ModelSelection} selection Selection that is converted.\n * @param {module:engine/conversion/downcastdispatcher~DowncastConversionApi} conversionApi Conversion interface\n * to be used by callback, passed in `DowncastDispatcher` constructor.\n */\nexport type DowncastSelectionEvent = DowncastEvent<'selection'>;\n\n/**\n * Fired at the beginning of selection conversion, before\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:selection selection} events.\n *\n * Should be used to clean up the view state at the current selection position, before the selection is moved to another place.\n *\n * @eventName ~DowncastDispatcher#cleanSelection\n * @param {module:engine/model/selection~ModelSelection} selection Selection that is converted.\n * @param {module:engine/conversion/downcastdispatcher~DowncastConversionApi} conversionApi Conversion interface\n * to be used by callback, passed in `DowncastDispatcher` constructor.\n */\nexport type DowncastCleanSelectionEvent = DowncastEvent<'cleanSelection'>;\n\n/**\n * Fired when a new marker is added to the model. Also fired when a collapsed model selection that is inside a marker is converted.\n *\n * `addMarker` is a namespace for a class of events. Names of actually called events follow this pattern:\n * `addMarker:markerName`. By specifying certain marker names, you can make the events even more gradual. For example,\n * if markers are named `foo:abc`, `foo:bar`, then it is possible to listen to `addMarker:foo` or `addMarker:foo:abc` and\n * `addMarker:foo:bar` events.\n *\n * If the marker range is not collapsed:\n *\n * * the event is fired for each item in the marker range one by one,\n * * `conversionApi.consumable` includes each item of the marker range and the consumable value is same as the event name.\n *\n * If the marker range is collapsed:\n *\n * * there is only one event,\n * * `conversionApi.consumable` includes marker range with the event name.\n *\n * If the selection inside a marker is converted:\n *\n * * there is only one event,\n * * `conversionApi.consumable` includes the selection instance with the event name.\n *\n * @eventName ~DowncastDispatcher#addMarker\n * @param {Object} data Additional information about the change.\n * @param {module:engine/model/item~ModelItem|module:engine/model/selection~ModelSelection} data.item Item inside the new marker or\n * the selection that is being converted.\n * @param {module:engine/model/range~ModelRange} [data.range] Range spanning over converted item. Available only in marker conversion, if\n * the marker range was not collapsed.\n * @param {module:engine/model/range~ModelRange} data.markerRange Marker range.\n * @param {String} data.markerName Marker name.\n * @param {module:engine/conversion/downcastdispatcher~DowncastConversionApi} conversionApi Conversion interface\n * to be used by callback, passed in `DowncastDispatcher` constructor.\n */\nexport type DowncastAddMarkerEvent = DowncastEvent<'addMarker'>;\n\n/**\n * Fired when a marker is removed from the model.\n *\n * `removeMarker` is a namespace for a class of events. Names of actually called events follow this pattern:\n * `removeMarker:markerName`. By specifying certain marker names, you can make the events even more gradual. For example,\n * if markers are named `foo:abc`, `foo:bar`, then it is possible to listen to `removeMarker:foo` or `removeMarker:foo:abc` and\n * `removeMarker:foo:bar` events.\n *\n * @eventName ~DowncastDispatcher#removeMarker\n * @param {Object} data Additional information about the change.\n * @param {module:engine/model/range~ModelRange} data.markerRange Marker range.\n * @param {String} data.markerName Marker name.\n * @param {module:engine/conversion/downcastdispatcher~DowncastConversionApi} conversionApi Conversion interface\n * to be used by callback, passed in `DowncastDispatcher` constructor.\n */\nexport type DowncastRemoveMarkerEvent = DowncastEvent<'removeMarker'>;\n\n/**\n * Helper function, checks whether change of `marker` at `modelPosition` should be converted. Marker changes are not\n * converted if they happen inside an element with custom conversion method.\n */\nfunction shouldMarkerChangeBeConverted(\n\tmodelPosition: ModelPosition,\n\tmarker: Marker,\n\tmapper: Mapper\n): boolean {\n\tconst range = marker.getRange();\n\tconst ancestors = Array.from( modelPosition.getAncestors() );\n\tancestors.shift(); // Remove root element. It cannot be passed to `model.Range#containsItem`.\n\tancestors.reverse();\n\n\tconst hasCustomHandling = ( ancestors as Array<ModelElement> ).some( element => {\n\t\tif ( range.containsItem( element ) ) {\n\t\t\tconst viewElement = mapper.toViewElement( element )!;\n\n\t\t\treturn !!viewElement.getCustomProperty( 'addHighlight' );\n\t\t}\n\t} );\n\n\treturn !hasCustomHandling;\n}\n\nfunction getEventName<TType extends string>( type: TType, data: { item: ModelItem | ModelSelection | ModelDocumentSelection } ) {\n\tconst name = data.item.is( 'element' ) ? data.item.name : '$text';\n\n\treturn `${ type }:${ name }` as const;\n}\n\nfunction walkerValueToEventData( value: ModelTreeWalkerValue ) {\n\treturn {\n\t\titem: value.item,\n\t\trange: ModelRange._createFromPositionAndShift( value.previousPosition, value.length! )\n\t};\n}\n\n/**\n * Conversion interface that is registered for given {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}\n * and is passed as one of parameters when {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher dispatcher}\n * fires its events.\n */\nexport interface DowncastConversionApi {\n\n\t/**\n\t * The {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} instance.\n\t */\n\tdispatcher: DowncastDispatcher;\n\n\t/**\n\t * Stores the information about what parts of a processed model item are still waiting to be handled. After a piece of a model item was\n\t * converted, an appropriate consumable value should be {@link module:engine/conversion/modelconsumable~ModelConsumable#consume\n\t * consumed}.\n\t */\n\tconsumable: ModelConsumable;\n\n\t/**\n\t * The {@link module:engine/conversion/mapper~Mapper} instance.\n\t */\n\tmapper: Mapper;\n\n\t/**\n\t * The {@link module:engine/model/schema~ModelSchema} instance set for the model that is downcast.\n\t */\n\tschema: ModelSchema;\n\n\t/**\n\t * The {@link module:engine/view/downcastwriter~ViewDowncastWriter} instance used to manipulate the data during conversion.\n\t */\n\twriter: ViewDowncastWriter;\n\n\t/**\n\t * An object with an additional configuration which can be used during the conversion process.\n\t * Available only for data downcast conversion.\n\t */\n\toptions: Record<string, unknown>;\n\n\t/**\n\t * Triggers conversion of a specified item.\n\t * This conversion is triggered within (as a separate process of) the parent conversion.\n\t *\n\t * @param item The model item to trigger nested insert conversion on.\n\t */\n\tconvertItem( item: ModelItem ): void;\n\n\t/**\n\t * Triggers conversion of children of a specified element.\n\t *\n\t * @param element The model element to trigger children insert conversion on.\n\t */\n\tconvertChildren( element: ModelElement ): void;\n\n\t/**\n\t * Triggers conversion of attributes of a specified item.\n\t *\n\t * @param item The model item to trigger attribute conversion on.\n\t */\n\tconvertAttributes( item: ModelItem ): void;\n\tcanReuseView( element: ViewElement ): boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/* eslint-disable @typescript-eslint/no-unused-vars */\n\n/**\n * @module engine/model/node\n */\n\nimport { ModelTypeCheckable } from './typecheckable.js';\n\nimport { type ModelDocument } from './document.js';\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelElement } from './element.js';\n\nimport { compareArrays, toMap } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Model node. Most basic structure of model tree.\n *\n * This is an abstract class that is a base for other classes representing different nodes in model.\n *\n * **Note:** If a node is detached from the model tree, you can manipulate it using it's API.\n * However, it is **very important** that nodes already attached to model tree should be only changed through\n * {@link module:engine/model/writer~ModelWriter Writer API}.\n *\n * Changes done by `Node` methods, like {@link module:engine/model/element~ModelElement#_insertChild _insertChild} or\n * {@link module:engine/model/node~ModelNode#_setAttribute _setAttribute}\n * do not generate {@link module:engine/model/operation/operation~Operation operations}\n * which are essential for correct editor work if you modify nodes in {@link module:engine/model/document~ModelDocument document} root.\n *\n * The flow of working on `Node` (and classes that inherits from it) is as such:\n * 1. You can create a `Node` instance, modify it using it's API.\n * 2. Add `Node` to the model using `Batch` API.\n * 3. Change `Node` that was already added to the model using `Batch` API.\n *\n * Similarly, you cannot use `Batch` API on a node that has not been added to the model tree, with the exception\n * of {@link module:engine/model/writer~ModelWriter#insert inserting} that node to the model tree.\n *\n * Be aware that using {@link module:engine/model/writer~ModelWriter#remove remove from Batch API} does not allow to use `Node` API because\n * the information about `Node` is still kept in model document.\n *\n * In case of {@link module:engine/model/element~ModelElement element node}, adding and removing children also counts as changing a node and\n * follows same rules.\n */\nexport abstract class ModelNode extends ModelTypeCheckable {\n\t/**\n\t * Parent of this node. It could be {@link module:engine/model/element~ModelElement}\n\t * or {@link module:engine/model/documentfragment~ModelDocumentFragment}.\n\t * Equals to `null` if the node has no parent.\n\t */\n\tpublic readonly parent: ModelElement | ModelDocumentFragment | null = null;\n\n\t/**\n\t * Unique root name used to identify this root element by {@link module:engine/model/document~ModelDocument}.\n\t */\n\tdeclare public readonly rootName: string | undefined;\n\n\t/**\n\t * Attributes set on this node.\n\t */\n\tprivate _attrs: Map<string, unknown>;\n\n\t/**\n\t * Index of this node in its parent or `null` if the node has no parent.\n\t *\n\t * @internal\n\t */\n\tpublic _index: number | null = null;\n\n\t/**\n\t * Offset at which this node starts in its parent or `null` if the node has no parent.\n\t *\n\t * @internal\n\t */\n\tpublic _startOffset: number | null = null;\n\n\t/**\n\t * Creates a model node.\n\t *\n\t * This is an abstract class, so this constructor should not be used directly.\n\t *\n\t * @param attrs Node's attributes. See {@link module:utils/tomap~toMap} for a list of accepted values.\n\t */\n\tconstructor( attrs?: ModelNodeAttributes ) {\n\t\tsuper();\n\n\t\tthis._attrs = toMap( attrs! );\n\t}\n\n\t/**\n\t * {@link module:engine/model/document~ModelDocument Document} that owns this root element.\n\t */\n\tpublic get document(): ModelDocument | null {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Index of this node in its parent or `null` if the node has no parent.\n\t */\n\tpublic get index(): number | null {\n\t\treturn this._index;\n\t}\n\n\t/**\n\t * Offset at which this node starts in its parent. It is equal to the sum of {@link #offsetSize offsetSize}\n\t * of all its previous siblings. Equals to `null` if node has no parent.\n\t */\n\tpublic get startOffset(): number | null {\n\t\treturn this._startOffset;\n\t}\n\n\t/**\n\t * Offset size of this node.\n\t *\n\t * Represents how much \"offset space\" is occupied by the node in its parent. It is important for\n\t * {@link module:engine/model/position~ModelPosition position}. When node has `offsetSize` greater\n\t * than `1`, position can be placed between that node start and end. `offsetSize` greater than `1` is for\n\t * nodes that represents more than one entity, i.e. a {@link module:engine/model/text~ModelText text node}.\n\t */\n\tpublic get offsetSize(): number {\n\t\treturn 1;\n\t}\n\n\t/**\n\t * Offset at which this node ends in its parent. It is equal to the sum of this node's\n\t * {@link module:engine/model/node~ModelNode#startOffset start offset} and {@link #offsetSize offset size}.\n\t * Equals to `null` if the node has no parent.\n\t */\n\tpublic get endOffset(): number | null {\n\t\tif ( this.startOffset === null ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this.startOffset + this.offsetSize;\n\t}\n\n\t/**\n\t * Node's next sibling or `null` if the node is a last child of it's parent or if the node has no parent.\n\t */\n\tpublic get nextSibling(): ModelNode | null {\n\t\tconst index = this.index;\n\n\t\treturn ( index !== null && this.parent!.getChild( index + 1 ) ) || null;\n\t}\n\n\t/**\n\t * Node's previous sibling or `null` if the node is a first child of it's parent or if the node has no parent.\n\t */\n\tpublic get previousSibling(): ModelNode | null {\n\t\tconst index = this.index;\n\n\t\treturn ( index !== null && this.parent!.getChild( index - 1 ) ) || null;\n\t}\n\n\t/**\n\t * The top-most ancestor of the node. If node has no parent it is the root itself. If the node is a part\n\t * of {@link module:engine/model/documentfragment~ModelDocumentFragment}, it's `root` is equal to that `DocumentFragment`.\n\t */\n\tpublic get root(): ModelNode | ModelDocumentFragment {\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n\t\tlet root: ModelNode | ModelDocumentFragment = this;\n\n\t\twhile ( root.parent ) {\n\t\t\troot = root.parent;\n\t\t}\n\n\t\treturn root;\n\t}\n\n\t/**\n\t * Returns `true` if the node is inside a document root that is attached to the document.\n\t */\n\tpublic isAttached(): boolean {\n\t\t// If the node has no parent it means that it is a root.\n\t\t// But this is not a `RootElement`, so it means that it is not attached.\n\t\t//\n\t\t// If this is not the root, check if this element's root is attached.\n\t\treturn this.parent === null ? false : this.root.isAttached();\n\t}\n\n\t/**\n\t * Gets path to the node. The path is an array containing starting offsets of consecutive ancestors of this node,\n\t * beginning from {@link module:engine/model/node~ModelNode#root root}, down to this node's starting offset. The path can be used to\n\t * create {@link module:engine/model/position~ModelPosition Position} instance.\n\t *\n\t * ```ts\n\t * const abc = new Text( 'abc' );\n\t * const foo = new Text( 'foo' );\n\t * const h1 = new ModelElement( 'h1', null, new Text( 'header' ) );\n\t * const p = new ModelElement( 'p', null, [ abc, foo ] );\n\t * const div = new ModelElement( 'div', null, [ h1, p ] );\n\t * foo.getPath(); // Returns [ 1, 3 ]. `foo` is in `p` which is in `div`. `p` starts at offset 1, while `foo` at 3.\n\t * h1.getPath(); // Returns [ 0 ].\n\t * div.getPath(); // Returns [].\n\t * ```\n\t */\n\tpublic getPath(): Array<number> {\n\t\tconst path = [];\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n\t\tlet node: ModelNode | ModelDocumentFragment = this;\n\n\t\twhile ( node.parent ) {\n\t\t\tpath.unshift( node.startOffset! );\n\t\t\tnode = node.parent;\n\t\t}\n\n\t\treturn path;\n\t}\n\n\t/**\n\t * Returns ancestors array of this node.\n\t *\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` this node will be also included in parent's array.\n\t * @param options.parentFirst When set to `true`, array will be sorted from node's parent to root element,\n\t * otherwise root element will be the first item in the array.\n\t * @returns Array with ancestors.\n\t */\n\tpublic getAncestors( options: { includeSelf?: boolean; parentFirst?: boolean } = {} ): Array<ModelNode | ModelDocumentFragment> {\n\t\tconst ancestors: Array<ModelNode | ModelDocumentFragment> = [];\n\t\tlet parent = options.includeSelf ? this : this.parent;\n\n\t\twhile ( parent ) {\n\t\t\tancestors[ options.parentFirst ? 'push' : 'unshift' ]( parent );\n\t\t\tparent = parent.parent;\n\t\t}\n\n\t\treturn ancestors;\n\t}\n\n\t/**\n\t * Returns a {@link module:engine/model/element~ModelElement} or {@link module:engine/model/documentfragment~ModelDocumentFragment}\n\t * which is a common ancestor of both nodes.\n\t *\n\t * @param node The second node.\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` both nodes will be considered \"ancestors\" too.\n\t * Which means that if e.g. node A is inside B, then their common ancestor will be B.\n\t */\n\tpublic getCommonAncestor( node: ModelNode, options: { includeSelf?: boolean } = {} ): ModelElement | ModelDocumentFragment | null {\n\t\tconst ancestorsA = this.getAncestors( options );\n\t\tconst ancestorsB = node.getAncestors( options );\n\n\t\tlet i = 0;\n\n\t\twhile ( ancestorsA[ i ] == ancestorsB[ i ] && ancestorsA[ i ] ) {\n\t\t\ti++;\n\t\t}\n\n\t\treturn i === 0 ? null : ancestorsA[ i - 1 ] as ( ModelElement | ModelDocumentFragment );\n\t}\n\n\t/**\n\t * Returns whether this node is before given node. `false` is returned if nodes are in different trees (for example,\n\t * in different {@link module:engine/model/documentfragment~ModelDocumentFragment}s).\n\t *\n\t * @param node Node to compare with.\n\t */\n\tpublic isBefore( node: ModelNode ): boolean {\n\t\t// Given node is not before this node if they are same.\n\t\tif ( this == node ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Return `false` if it is impossible to compare nodes.\n\t\tif ( this.root !== node.root ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst thisPath = this.getPath();\n\t\tconst nodePath = node.getPath();\n\n\t\tconst result = compareArrays( thisPath, nodePath );\n\n\t\tswitch ( result ) {\n\t\t\tcase 'prefix':\n\t\t\t\treturn true;\n\n\t\t\tcase 'extension':\n\t\t\t\treturn false;\n\n\t\t\tdefault:\n\t\t\t\treturn thisPath[ result as number ] < nodePath[ result as number ];\n\t\t}\n\t}\n\n\t/**\n\t * Returns whether this node is after given node. `false` is returned if nodes are in different trees (for example,\n\t * in different {@link module:engine/model/documentfragment~ModelDocumentFragment}s).\n\t *\n\t * @param node Node to compare with.\n\t */\n\tpublic isAfter( node: ModelNode ): boolean {\n\t\t// Given node is not before this node if they are same.\n\t\tif ( this == node ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Return `false` if it is impossible to compare nodes.\n\t\tif ( this.root !== node.root ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// In other cases, just check if the `node` is before, and return the opposite.\n\t\treturn !this.isBefore( node );\n\t}\n\n\t/**\n\t * Checks if the node has an attribute with given key.\n\t *\n\t * @param key Key of attribute to check.\n\t * @returns `true` if attribute with given key is set on node, `false` otherwise.\n\t */\n\tpublic hasAttribute( key: string ): boolean {\n\t\treturn this._attrs.has( key );\n\t}\n\n\t/**\n\t * Gets an attribute value for given key or `undefined` if that attribute is not set on node.\n\t *\n\t * @param key Key of attribute to look for.\n\t * @returns Attribute value or `undefined`.\n\t */\n\tpublic getAttribute( key: string ): unknown {\n\t\treturn this._attrs.get( key );\n\t}\n\n\t/**\n\t * Returns iterator that iterates over this node's attributes.\n\t *\n\t * Attributes are returned as arrays containing two items. First one is attribute key and second is attribute value.\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */\n\tpublic getAttributes(): IterableIterator<[ string, unknown ]> {\n\t\treturn this._attrs.entries();\n\t}\n\n\t/**\n\t * Returns iterator that iterates over this node's attribute keys.\n\t */\n\tpublic getAttributeKeys(): IterableIterator<string> {\n\t\treturn this._attrs.keys();\n\t}\n\n\t/**\n\t * Converts `Node` to plain object and returns it.\n\t *\n\t * @returns `Node` converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\tconst json: any = {};\n\n\t\t// Serializes attributes to the object.\n\t\t// attributes = { a: 'foo', b: 1, c: true }.\n\t\tif ( this._attrs.size ) {\n\t\t\tjson.attributes = Array.from( this._attrs ).reduce( ( result, attr ) => {\n\t\t\t\tresult[ attr[ 0 ] ] = attr[ 1 ];\n\n\t\t\t\treturn result;\n\t\t\t}, {} as any );\n\t\t}\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Creates a copy of this node, that is a node with exactly same attributes, and returns it.\n\t *\n\t * @internal\n\t * @returns Node with same attributes as this node.\n\t */\n\tpublic _clone( _deep?: boolean ): ModelNode {\n\t\treturn new ( this.constructor as any )( this._attrs );\n\t}\n\n\t/**\n\t * Removes this node from its parent.\n\t *\n\t * @internal\n\t * @see module:engine/model/writer~ModelWriter#remove\n\t */\n\tpublic _remove(): void {\n\t\tthis.parent!._removeChildren( this.index! );\n\t}\n\n\t/**\n\t * Sets attribute on the node. If attribute with the same key already is set, it's value is overwritten.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setAttribute\n\t * @internal\n\t * @param key Key of attribute to set.\n\t * @param value Attribute value.\n\t */\n\tpublic _setAttribute( key: string, value: unknown ): void {\n\t\tthis._attrs.set( key, value );\n\t}\n\n\t/**\n\t * Removes all attributes from the node and sets given attributes.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setAttributes\n\t * @internal\n\t * @param attrs Attributes to set. See {@link module:utils/tomap~toMap} for a list of accepted values.\n\t */\n\tpublic _setAttributesTo( attrs: ModelNodeAttributes ): void {\n\t\tthis._attrs = toMap( attrs );\n\t}\n\n\t/**\n\t * Removes an attribute with given key from the node.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#removeAttribute\n\t * @internal\n\t * @param key Key of attribute to remove.\n\t * @returns `true` if the attribute was set on the element, `false` otherwise.\n\t */\n\tpublic _removeAttribute( key: string ): boolean {\n\t\treturn this._attrs.delete( key );\n\t}\n\n\t/**\n\t * Removes all attributes from the node.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#clearAttributes\n\t * @internal\n\t */\n\tpublic _clearAttributes(): void {\n\t\tthis._attrs.clear();\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelNode.prototype.is = function( type: string ): boolean {\n\treturn type === 'node' || type === 'model:node';\n};\n\n/**\n * Node's attributes. See {@link module:utils/tomap~toMap} for a list of accepted values.\n */\nexport type ModelNodeAttributes = Record<string, unknown> | Iterable<[ string, unknown ]>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/selection\n */\n\nimport { ModelTypeCheckable } from './typecheckable.js';\nimport { ModelNode } from './node.js';\nimport { ModelPosition, type ModelPositionOffset } from './position.js';\nimport { ModelRange } from './range.js';\n\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelDocumentSelection } from './documentselection.js';\nimport { type ModelElement } from './element.js';\nimport { type ModelItem } from './item.js';\n\nimport { CKEditorError, EmitterMixin, isIterable } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Selection is a set of {@link module:engine/model/range~ModelRange ranges}. It has a direction specified by its\n * {@link module:engine/model/selection~ModelSelection#anchor anchor} and {@link module:engine/model/selection~ModelSelection#focus focus}\n * (it can be {@link module:engine/model/selection~ModelSelection#isBackward forward or backward}).\n * Additionally, selection may have its own attributes (think – whether text typed in in this selection\n * should have those attributes – e.g. whether you type a bolded text).\n */\nexport class ModelSelection extends /* #__PURE__ */ EmitterMixin( ModelTypeCheckable ) {\n\t/**\n\t * Specifies whether the last added range was added as a backward or forward range.\n\t */\n\tprivate _lastRangeBackward: boolean = false;\n\n\t/**\n\t * List of attributes set on current selection.\n\t */\n\tprotected _attrs: Map<string, unknown> = new Map();\n\n\t/** @internal */\n\tpublic _ranges: Array<ModelRange> = [];\n\n\t/**\n\t * Creates a new selection instance based on the given {@link module:engine/model/selection~ModelSelectable selectable}\n\t * or creates an empty selection if no arguments were passed.\n\t *\n\t * ```ts\n\t * // Creates empty selection without ranges.\n\t * const selection = writer.createSelection();\n\t *\n\t * // Creates selection at the given range.\n\t * const range = writer.createRange( start, end );\n\t * const selection = writer.createSelection( range );\n\t *\n\t * // Creates selection at the given ranges\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * const selection = writer.createSelection( ranges );\n\t *\n\t * // Creates selection from the other selection.\n\t * // Note: It doesn't copy selection attributes.\n\t * const otherSelection = writer.createSelection();\n\t * const selection = writer.createSelection( otherSelection );\n\t *\n\t * // Creates selection from the given document selection.\n\t * // Note: It doesn't copy selection attributes.\n\t * const documentSelection = model.document.selection;\n\t * const selection = writer.createSelection( documentSelection );\n\t *\n\t * // Creates selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * const selection = writer.createSelection( position );\n\t *\n\t * // Creates selection at the given offset in the given element.\n\t * const paragraph = writer.createElement( 'paragraph' );\n\t * const selection = writer.createSelection( paragraph, offset );\n\t *\n\t * // Creates a range inside an {@link module:engine/model/element~ModelElement element} which starts before the\n\t * // first child of that element and ends after the last child of that element.\n\t * const selection = writer.createSelection( paragraph, 'in' );\n\t *\n\t * // Creates a range on an {@link module:engine/model/item~ModelItem item} which starts before the item and ends\n\t * // just after the item.\n\t * const selection = writer.createSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * Selection's constructor allow passing additional options (`'backward'`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * @internal\n\t */\n\tconstructor(\n\t\t...args: [] |\n\t\t[\n\t\t\tselectable: ModelNode,\n\t\t\tplaceOrOffset: ModelPlaceOrOffset,\n\t\t\toptions?: { backward?: boolean }\n\t\t] |\n\t\t[\n\t\t\tselectable?: Exclude<ModelSelectable, ModelNode>,\n\t\t\toptions?: { backward?: boolean }\n\t\t]\n\t) {\n\t\tsuper();\n\n\t\tif ( args.length ) {\n\t\t\tthis.setTo( ...args );\n\t\t}\n\t}\n\n\t/**\n\t * Selection anchor. Anchor is the position from which the selection was started. If a user is making a selection\n\t * by dragging the mouse, the anchor is where the user pressed the mouse button (the beginning of the selection).\n\t *\n\t * Anchor and {@link #focus} define the direction of the selection, which is important\n\t * when expanding/shrinking selection. The focus moves, while the anchor should remain in the same place.\n\t *\n\t * Anchor is always set to the {@link module:engine/model/range~ModelRange#start start} or\n\t * {@link module:engine/model/range~ModelRange#end end} position of the last of selection's ranges. Whether it is\n\t * the `start` or `end` depends on the specified `options.backward`. See the {@link #setTo `setTo()`} method.\n\t *\n\t * May be set to `null` if there are no ranges in the selection.\n\t *\n\t * @see #focus\n\t */\n\tpublic get anchor(): ModelPosition | null {\n\t\tif ( this._ranges.length > 0 ) {\n\t\t\tconst range = this._ranges[ this._ranges.length - 1 ];\n\n\t\t\treturn this._lastRangeBackward ? range.end : range.start;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Selection focus. Focus is the position where the selection ends. If a user is making a selection\n\t * by dragging the mouse, the focus is where the mouse cursor is.\n\t *\n\t * May be set to `null` if there are no ranges in the selection.\n\t *\n\t * @see #anchor\n\t */\n\tpublic get focus(): ModelPosition | null {\n\t\tif ( this._ranges.length > 0 ) {\n\t\t\tconst range = this._ranges[ this._ranges.length - 1 ];\n\n\t\t\treturn this._lastRangeBackward ? range.start : range.end;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Whether the selection is collapsed. Selection is collapsed when there is exactly one range in it\n\t * and it is collapsed.\n\t */\n\tpublic get isCollapsed(): boolean {\n\t\tconst length = this._ranges.length;\n\n\t\tif ( length === 1 ) {\n\t\t\treturn this._ranges[ 0 ].isCollapsed;\n\t\t} else {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\t/**\n\t * Returns the number of ranges in the selection.\n\t */\n\tpublic get rangeCount(): number {\n\t\treturn this._ranges.length;\n\t}\n\n\t/**\n\t * Specifies whether the selection's {@link #focus} precedes the selection's {@link #anchor}.\n\t */\n\tpublic get isBackward(): boolean {\n\t\treturn !this.isCollapsed && this._lastRangeBackward;\n\t}\n\n\t/**\n\t * Checks whether this selection is equal to the given selection. Selections are equal if they have the same directions,\n\t * the same number of ranges and all ranges from one selection equal to ranges from the another selection.\n\t *\n\t * @param otherSelection Selection to compare with.\n\t * @returns `true` if selections are equal, `false` otherwise.\n\t */\n\tpublic isEqual( otherSelection: ModelSelection | ModelDocumentSelection ): boolean {\n\t\tif ( this.rangeCount != otherSelection.rangeCount ) {\n\t\t\treturn false;\n\t\t} else if ( this.rangeCount === 0 ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif ( !this.anchor!.isEqual( otherSelection.anchor! ) || !this.focus!.isEqual( otherSelection.focus! ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const thisRange of this._ranges ) {\n\t\t\tlet found = false;\n\n\t\t\tfor ( const otherRange of otherSelection._ranges ) {\n\t\t\t\tif ( thisRange.isEqual( otherRange ) ) {\n\t\t\t\t\tfound = true;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( !found ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Returns an iterable object that iterates over copies of selection ranges.\n\t */\n\tpublic* getRanges(): IterableIterator<ModelRange> {\n\t\tfor ( const range of this._ranges ) {\n\t\t\tyield new ModelRange( range.start, range.end );\n\t\t}\n\t}\n\n\t/**\n\t * Returns a copy of the first range in the selection.\n\t * First range is the one which {@link module:engine/model/range~ModelRange#start start} position\n\t * {@link module:engine/model/position~ModelPosition#isBefore is before} start position of all other ranges\n\t * (not to confuse with the first range added to the selection).\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */\n\tpublic getFirstRange(): ModelRange | null {\n\t\tlet first = null;\n\n\t\tfor ( const range of this._ranges ) {\n\t\t\tif ( !first || range.start.isBefore( first.start ) ) {\n\t\t\t\tfirst = range;\n\t\t\t}\n\t\t}\n\n\t\treturn first ? new ModelRange( first.start, first.end ) : null;\n\t}\n\n\t/**\n\t * Returns a copy of the last range in the selection.\n\t * Last range is the one which {@link module:engine/model/range~ModelRange#end end} position\n\t * {@link module:engine/model/position~ModelPosition#isAfter is after} end position of all other\n\t * ranges (not to confuse with the range most recently added to the selection).\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */\n\tpublic getLastRange(): ModelRange | null {\n\t\tlet last = null;\n\n\t\tfor ( const range of this._ranges ) {\n\t\t\tif ( !last || range.end.isAfter( last.end ) ) {\n\t\t\t\tlast = range;\n\t\t\t}\n\t\t}\n\n\t\treturn last ? new ModelRange( last.start, last.end ) : null;\n\t}\n\n\t/**\n\t * Returns the first position in the selection.\n\t * First position is the position that {@link module:engine/model/position~ModelPosition#isBefore is before}\n\t * any other position in the selection.\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */\n\tpublic getFirstPosition(): ModelPosition | null {\n\t\tconst first = this.getFirstRange();\n\n\t\treturn first ? first.start.clone() : null;\n\t}\n\n\t/**\n\t * Returns the last position in the selection.\n\t * Last position is the position that {@link module:engine/model/position~ModelPosition#isAfter is after}\n\t * any other position in the selection.\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */\n\tpublic getLastPosition(): ModelPosition | null {\n\t\tconst lastRange = this.getLastRange();\n\n\t\treturn lastRange ? lastRange.end.clone() : null;\n\t}\n\n\t/**\n\t * Sets this selection's ranges and direction to the specified location based on the given\n\t * {@link module:engine/model/selection~ModelSelectable selectable}.\n\t *\n\t * ```ts\n\t * // Removes all selection's ranges.\n\t * selection.setTo( null );\n\t *\n\t * // Sets selection to the given range.\n\t * const range = writer.createRange( start, end );\n\t * selection.setTo( range );\n\t *\n\t * // Sets selection to given ranges.\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * selection.setTo( ranges );\n\t *\n\t * // Sets selection to other selection.\n\t * // Note: It doesn't copy selection attributes.\n\t * const otherSelection = writer.createSelection();\n\t * selection.setTo( otherSelection );\n\t *\n\t * // Sets selection to the given document selection.\n\t * // Note: It doesn't copy selection attributes.\n\t * const documentSelection = new ModelDocumentSelection( doc );\n\t * selection.setTo( documentSelection );\n\t *\n\t * // Sets collapsed selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * selection.setTo( position );\n\t *\n\t * // Sets collapsed selection at the position of the given node and an offset.\n\t * selection.setTo( paragraph, offset );\n\t * ```\n\t *\n\t * Creates a range inside an {@link module:engine/model/element~ModelElement element} which starts before the first child of\n \t * that element and ends after the last child of that element.\n\t *\n\t * ```ts\n\t * selection.setTo( paragraph, 'in' );\n\t * ```\n\t *\n\t * Creates a range on an {@link module:engine/model/item~ModelItem item} which starts before the item and ends just after the item.\n\t *\n\t * ```ts\n\t * selection.setTo( paragraph, 'on' );\n\t * ```\n\t *\n\t * `Selection#setTo()`' method allow passing additional options (`backward`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets backward selection.\n\t * const selection = writer.createSelection( range, { backward: true } );\n\t * ```\n\t */\n\tpublic setTo(\n\t\t...args: [\n\t\t\tselectable: ModelNode,\n\t\t\tplaceOrOffset: ModelPlaceOrOffset,\n\t\t\toptions?: { backward?: boolean }\n\t\t] | [\n\t\t\tselectable?: Exclude<ModelSelectable, ModelNode>,\n\t\t\toptions?: { backward?: boolean }\n\t\t]\n\t): void {\n\t\tlet [ selectable, placeOrOffset, options ] = args;\n\n\t\tif ( typeof placeOrOffset == 'object' ) {\n\t\t\toptions = placeOrOffset;\n\t\t\tplaceOrOffset = undefined;\n\t\t}\n\n\t\tif ( selectable === null ) {\n\t\t\tthis._setRanges( [] );\n\t\t} else if ( selectable instanceof ModelSelection ) {\n\t\t\tthis._setRanges( selectable.getRanges(), selectable.isBackward );\n\t\t} else if ( selectable && typeof ( selectable as any ).getRanges == 'function' ) {\n\t\t\t// We assume that the selectable is a ModelDocumentSelection.\n\t\t\t// It can't be imported here, because it would lead to circular imports.\n\t\t\tthis._setRanges( ( selectable as ModelDocumentSelection ).getRanges(), ( selectable as ModelDocumentSelection ).isBackward );\n\t\t} else if ( selectable instanceof ModelRange ) {\n\t\t\tthis._setRanges( [ selectable ], !!options && !!options.backward );\n\t\t} else if ( selectable instanceof ModelPosition ) {\n\t\t\tthis._setRanges( [ new ModelRange( selectable ) ] );\n\t\t} else if ( selectable instanceof ModelNode ) {\n\t\t\tconst backward = !!options && !!options.backward;\n\t\t\tlet range;\n\n\t\t\tif ( placeOrOffset == 'in' ) {\n\t\t\t\trange = ModelRange._createIn( selectable as ModelElement );\n\t\t\t} else if ( placeOrOffset == 'on' ) {\n\t\t\t\trange = ModelRange._createOn( selectable );\n\t\t\t} else if ( placeOrOffset !== undefined ) {\n\t\t\t\trange = new ModelRange( ModelPosition._createAt( selectable, placeOrOffset ) );\n\t\t\t} else {\n\t\t\t\t/**\n\t\t\t\t * selection.setTo requires the second parameter when the first parameter is a node.\n\t\t\t\t *\n\t\t\t\t * @error model-selection-setto-required-second-parameter\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'model-selection-setto-required-second-parameter', [ this, selectable ] );\n\t\t\t}\n\n\t\t\tthis._setRanges( [ range ], backward );\n\t\t} else if ( isIterable( selectable ) ) {\n\t\t\t// We assume that the selectable is an iterable of ranges.\n\t\t\tthis._setRanges( selectable, options && !!options.backward );\n\t\t} else {\n\t\t\t/**\n\t\t\t * Cannot set the selection to the given place.\n\t\t\t *\n\t\t\t * Invalid parameters were specified when setting the selection. Common issues:\n\t\t\t *\n\t\t\t * * A {@link module:engine/model/textproxy~ModelTextProxy} instance was passed instead of\n\t\t\t * a real {@link module:engine/model/text~ModelText}.\n\t\t\t * * View nodes were passed instead of model nodes.\n\t\t\t * * `null`/`undefined` was passed.\n\t\t\t *\n\t\t\t * @error model-selection-setto-not-selectable\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-selection-setto-not-selectable', [ this, selectable ] );\n\t\t}\n\t}\n\n\t/**\n\t * Replaces all ranges that were added to the selection with given array of ranges. Last range of the array\n\t * is treated like the last added range and is used to set {@link module:engine/model/selection~ModelSelection#anchor} and\n\t * {@link module:engine/model/selection~ModelSelection#focus}. Accepts a flag describing in which direction the selection is made.\n\t *\n\t * @fires change:range\n\t * @param newRanges Ranges to set.\n\t * @param isLastBackward Flag describing if last added range was selected forward - from start to end (`false`)\n\t * or backward - from end to start (`true`).\n\t */\n\tprotected _setRanges( newRanges: Iterable<ModelRange>, isLastBackward: boolean = false ): void {\n\t\tconst ranges = Array.from( newRanges );\n\n\t\t// Check whether there is any range in new ranges set that is different than all already added ranges.\n\t\tconst anyNewRange = ranges.some( newRange => {\n\t\t\tif ( !( newRange instanceof ModelRange ) ) {\n\t\t\t\t/**\n\t\t\t\t * Selection range set to an object that is not an instance of {@link module:engine/model/range~ModelRange}.\n\t\t\t\t *\n\t\t\t\t * Only {@link module:engine/model/range~ModelRange} instances can be used to set a selection.\n\t\t\t\t * Common mistakes leading to this error are:\n\t\t\t\t *\n\t\t\t\t * * using DOM `Range` object,\n\t\t\t\t * * incorrect CKEditor 5 installation with multiple `ckeditor5-engine` packages having different versions.\n\t\t\t\t *\n\t\t\t\t * @error model-selection-set-ranges-not-range\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'model-selection-set-ranges-not-range',\n\t\t\t\t\t[ this, newRanges ]\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn this._ranges.every( oldRange => {\n\t\t\t\treturn !oldRange.isEqual( newRange );\n\t\t\t} );\n\t\t} );\n\n\t\t// Don't do anything if nothing changed.\n\t\tif ( ranges.length === this._ranges.length && !anyNewRange ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._replaceAllRanges( ranges );\n\n\t\tthis._lastRangeBackward = !!isLastBackward;\n\n\t\tthis.fire<ModelSelectionChangeRangeEvent>( 'change:range', { directChange: true } );\n\t}\n\n\t/**\n\t * Moves {@link module:engine/model/selection~ModelSelection#focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionAt writer.createPositionAt()} parameters.\n\t *\n\t * @fires change:range\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic setFocus( itemOrPosition: ModelItem | ModelPosition, offset?: ModelPositionOffset ): void {\n\t\tif ( this.anchor === null ) {\n\t\t\t/**\n\t\t\t * Cannot set selection focus if there are no ranges in selection.\n\t\t\t *\n\t\t\t * @error model-selection-setfocus-no-ranges\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-selection-setfocus-no-ranges', [ this, itemOrPosition ] );\n\t\t}\n\n\t\tconst newFocus = ModelPosition._createAt( itemOrPosition, offset );\n\n\t\tif ( newFocus.compareWith( this.focus! ) == 'same' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst anchor = this.anchor;\n\n\t\tif ( this._ranges.length ) {\n\t\t\tthis._popRange();\n\t\t}\n\n\t\tif ( newFocus.compareWith( anchor ) == 'before' ) {\n\t\t\tthis._pushRange( new ModelRange( newFocus, anchor ) );\n\t\t\tthis._lastRangeBackward = true;\n\t\t} else {\n\t\t\tthis._pushRange( new ModelRange( anchor, newFocus ) );\n\t\t\tthis._lastRangeBackward = false;\n\t\t}\n\n\t\tthis.fire<ModelSelectionChangeRangeEvent>( 'change:range', { directChange: true } );\n\t}\n\n\t/**\n\t * Gets an attribute value for given key or `undefined` if that attribute is not set on the selection.\n\t *\n\t * @param key Key of attribute to look for.\n\t * @returns Attribute value or `undefined`.\n\t */\n\tpublic getAttribute( key: string ): unknown {\n\t\treturn this._attrs.get( key );\n\t}\n\n\t/**\n\t * Returns iterable that iterates over this selection's attributes.\n\t *\n\t * Attributes are returned as arrays containing two items. First one is attribute key and second is attribute value.\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */\n\tpublic getAttributes(): IterableIterator<[ string, unknown ]> {\n\t\treturn this._attrs.entries();\n\t}\n\n\t/**\n\t * Returns iterable that iterates over this selection's attribute keys.\n\t */\n\tpublic getAttributeKeys(): IterableIterator<string> {\n\t\treturn this._attrs.keys();\n\t}\n\n\t/**\n\t * Checks if the selection has an attribute for given key.\n\t *\n\t * @param key Key of attribute to check.\n\t * @returns `true` if attribute with given key is set on selection, `false` otherwise.\n\t */\n\tpublic hasAttribute( key: string ): boolean {\n\t\treturn this._attrs.has( key );\n\t}\n\n\t/**\n\t * Removes an attribute with given key from the selection.\n\t *\n\t * If given attribute was set on the selection, fires the {@link #event:change:range} event with\n\t * removed attribute key.\n\t *\n\t * @fires change:attribute\n\t * @param key Key of attribute to remove.\n\t */\n\tpublic removeAttribute( key: string ): void {\n\t\tif ( this.hasAttribute( key ) ) {\n\t\t\tthis._attrs.delete( key );\n\n\t\t\tthis.fire<ModelSelectionChangeAttributeEvent>( 'change:attribute', { attributeKeys: [ key ], directChange: true } );\n\t\t}\n\t}\n\n\t/**\n\t * Sets attribute on the selection. If attribute with the same key already is set, it's value is overwritten.\n\t *\n\t * If the attribute value has changed, fires the {@link #event:change:range} event with\n\t * the attribute key.\n\t *\n\t * @fires change:attribute\n\t * @param key Key of attribute to set.\n\t * @param value Attribute value.\n\t */\n\tpublic setAttribute( key: string, value: unknown ): void {\n\t\tif ( this.getAttribute( key ) !== value ) {\n\t\t\tthis._attrs.set( key, value );\n\n\t\t\tthis.fire<ModelSelectionChangeAttributeEvent>( 'change:attribute', { attributeKeys: [ key ], directChange: true } );\n\t\t}\n\t}\n\n\t/**\n\t * Returns the selected element. {@link module:engine/model/element~ModelElement Element} is considered as selected if there is only\n\t * one range in the selection, and that range contains exactly one element.\n\t * Returns `null` if there is no selected element.\n\t */\n\tpublic getSelectedElement(): ModelElement | null {\n\t\tif ( this.rangeCount !== 1 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this.getFirstRange()!.getContainedElement();\n\t}\n\n\t/**\n\t * Gets elements of type {@link module:engine/model/schema~ModelSchema#isBlock \"block\"} touched by the selection.\n\t *\n\t * This method's result can be used for example to apply block styling to all blocks covered by this selection.\n\t *\n\t * **Note:** `getSelectedBlocks()` returns blocks that are nested in other non-block elements\n\t * but will not return blocks nested in other blocks.\n\t *\n\t * In this case the function will return exactly all 3 paragraphs (note: `<blockQuote>` is not a block itself):\n\t *\n\t * ```xml\n\t * <paragraph>[a</paragraph>\n\t * <blockQuote>\n\t * \t<paragraph>b</paragraph>\n\t * </blockQuote>\n\t * <paragraph>c]d</paragraph>\n\t * ```\n\t *\n\t * In this case the paragraph will also be returned, despite the collapsed selection:\n\t *\n\t * ```xml\n\t * <paragraph>[]a</paragraph>\n\t * ```\n\t *\n\t * In such a scenario, however, only blocks A, B & E will be returned as blocks C & D are nested in block B:\n\t *\n\t * ```xml\n\t * [<blockA></blockA>\n\t * <blockB>\n\t * \t<blockC></blockC>\n\t * \t<blockD></blockD>\n\t * </blockB>\n\t * <blockE></blockE>]\n\t * ```\n\t *\n\t * If the selection is inside a block all the inner blocks (A & B) are returned:\n\t *\n\t * ```xml\n\t * <block>\n\t * \t<blockA>[a</blockA>\n\t * \t<blockB>b]</blockB>\n\t * </block>\n\t * ```\n\t *\n\t * **Special case**: Selection ignores first and/or last blocks if nothing (from user perspective) is selected in them.\n\t *\n\t * ```xml\n\t * // Selection ends and the beginning of the last block.\n\t * <paragraph>[a</paragraph>\n\t * <paragraph>b</paragraph>\n\t * <paragraph>]c</paragraph> // This block will not be returned\n\t *\n\t * // Selection begins at the end of the first block.\n\t * <paragraph>a[</paragraph> // This block will not be returned\n\t * <paragraph>b</paragraph>\n\t * <paragraph>c]</paragraph>\n\t *\n\t * // Selection begings at the end of the first block and ends at the beginning of the last block.\n\t * <paragraph>a[</paragraph> // This block will not be returned\n\t * <paragraph>b</paragraph>\n\t * <paragraph>]c</paragraph> // This block will not be returned\n\t * ```\n\t */\n\tpublic* getSelectedBlocks(): IterableIterator<ModelElement> {\n\t\tconst visited = new WeakSet<ModelNode | ModelDocumentFragment>();\n\n\t\tfor ( const range of this.getRanges() ) {\n\t\t\t// Get start block of range in case of a collapsed range.\n\t\t\tconst startBlock = getParentBlock( range.start, visited );\n\n\t\t\tif ( isStartBlockSelected( startBlock, range ) ) {\n\t\t\t\tyield startBlock as any;\n\t\t\t}\n\n\t\t\tconst treewalker = range.getWalker();\n\n\t\t\tfor ( const value of treewalker ) {\n\t\t\t\tconst block = value.item;\n\n\t\t\t\tif ( value.type == 'elementEnd' && isUnvisitedTopBlock( block as any, visited, range ) ) {\n\t\t\t\t\tyield block as ModelElement;\n\t\t\t\t}\n\t\t\t\t// If element is block, we can skip its children and jump to the end of it.\n\t\t\t\telse if (\n\t\t\t\t\tvalue.type == 'elementStart' &&\n\t\t\t\t\tblock.is( 'model:element' ) &&\n\t\t\t\t\tblock.root.document!.model.schema.isBlock( block )\n\t\t\t\t) {\n\t\t\t\t\ttreewalker.jumpTo( ModelPosition._createAt( block, 'end' ) );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst endBlock = getParentBlock( range.end, visited );\n\n\t\t\tif ( isEndBlockSelected( endBlock, range ) ) {\n\t\t\t\tyield endBlock as any;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Checks whether the selection contains the entire content of the given element. This means that selection must start\n\t * at a position {@link module:engine/model/position~ModelPosition#isTouching touching} the element's start and ends at position\n\t * touching the element's end.\n\t *\n\t * By default, this method will check whether the entire content of the selection's current root is selected.\n\t * Useful to check if e.g. the user has just pressed <kbd>Ctrl</kbd> + <kbd>A</kbd>.\n\t */\n\tpublic containsEntireContent( element: ModelElement = this.anchor!.root as ModelElement ): boolean {\n\t\tconst limitStartPosition = ModelPosition._createAt( element, 0 );\n\t\tconst limitEndPosition = ModelPosition._createAt( element, 'end' );\n\n\t\treturn limitStartPosition.isTouching( this.getFirstPosition()! ) &&\n\t\t\tlimitEndPosition.isTouching( this.getLastPosition()! );\n\t}\n\n\t/**\n\t * Converts `Selection` to plain object and returns it.\n\t *\n\t * @returns `Selection` converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\tconst json: any = {\n\t\t\tranges: Array.from( this.getRanges() ).map( range => range.toJSON() )\n\t\t};\n\n\t\tconst attributes = Object.fromEntries( this.getAttributes() );\n\n\t\tif ( Object.keys( attributes ).length ) {\n\t\t\tjson.attributes = attributes;\n\t\t}\n\n\t\tif ( this.isBackward ) {\n\t\t\tjson.isBackward = true;\n\t\t}\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Adds given range to internal {@link #_ranges ranges array}. Throws an error\n\t * if given range is intersecting with any range that is already stored in this selection.\n\t */\n\tprotected _pushRange( range: ModelRange ): void {\n\t\tthis._checkRange( range );\n\t\tthis._ranges.push( new ModelRange( range.start, range.end ) );\n\t}\n\n\t/**\n\t * Checks if given range intersects with ranges that are already in the selection. Throws an error if it does.\n\t */\n\tprotected _checkRange( range: ModelRange ): void {\n\t\tfor ( let i = 0; i < this._ranges.length; i++ ) {\n\t\t\tif ( range.isIntersecting( this._ranges[ i ] ) ) {\n\t\t\t\t/**\n\t\t\t\t * Trying to add a range that intersects with another range in the selection.\n\t\t\t\t *\n\t\t\t\t * @error model-selection-range-intersects\n\t\t\t\t * @param {module:engine/model/range~ModelRange} addedRange Range that was added to the selection.\n\t\t\t\t * @param {module:engine/model/range~ModelRange} intersectingRange Range in the selection that intersects with `addedRange`.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'model-selection-range-intersects',\n\t\t\t\t\t[ this, range ],\n\t\t\t\t\t{ addedRange: range, intersectingRange: this._ranges[ i ] }\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Replaces all the ranges by the given ones.\n\t * Uses {@link #_popRange _popRange} and {@link #_pushRange _pushRange} to ensure proper ranges removal and addition.\n\t */\n\tprotected _replaceAllRanges( ranges: Array<ModelRange> ): void {\n\t\tthis._removeAllRanges();\n\n\t\tfor ( const range of ranges ) {\n\t\t\tthis._pushRange( range );\n\t\t}\n\t}\n\n\t/**\n\t * Deletes ranges from internal range array. Uses {@link #_popRange _popRange} to\n\t * ensure proper ranges removal.\n\t */\n\tprotected _removeAllRanges(): void {\n\t\twhile ( this._ranges.length > 0 ) {\n\t\t\tthis._popRange();\n\t\t}\n\t}\n\n\t/**\n\t * Removes most recently added range from the selection.\n\t */\n\tprotected _popRange(): void {\n\t\tthis._ranges.pop();\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelSelection.prototype.is = function( type: string ): boolean {\n\treturn type === 'selection' || type === 'model:selection';\n};\n\n/**\n * Describes one of the events: `change:range` or `change:attribute`.\n */\nexport type ModelSelectionChangeEvent = {\n\tname: 'change' | 'change:range' | 'change:attribute';\n\targs: [ {\n\t\tdirectChange: boolean;\n\t\tattributeKeys?: Array<string>;\n\t} ];\n};\n\n/**\n * Fired when selection range(s) changed.\n *\n * @eventName ~ModelSelection#change:range\n * @param directChange In case of {@link module:engine/model/selection~ModelSelection} class it is always set\n * to `true` which indicates that the selection change was caused by a direct use of selection's API.\n * The {@link module:engine/model/documentselection~ModelDocumentSelection}, however, may change because its position\n * was directly changed through the {@link module:engine/model/writer~ModelWriter writer} or because its position was\n * changed because the structure of the model has been changed (which means an indirect change).\n * The indirect change does not occur in case of normal (detached) selections because they are \"static\" (as \"not live\")\n * which mean that they are not updated once the document changes.\n */\nexport type ModelSelectionChangeRangeEvent = {\n\tname: 'change' | 'change:range';\n\targs: [ {\n\t\tdirectChange: boolean;\n\t} ];\n};\n\n/**\n * Fired when selection attribute changed.\n *\n * @eventName ~ModelSelection#change:attribute\n * @param directChange In case of {@link module:engine/model/selection~ModelSelection} class it is always set\n * to `true` which indicates that the selection change was caused by a direct use of selection's API.\n * The {@link module:engine/model/documentselection~ModelDocumentSelection}, however, may change because its attributes\n * were directly changed through the {@link module:engine/model/writer~ModelWriter writer} or because its position was\n * changed in the model and its attributes were refreshed (which means an indirect change).\n * The indirect change does not occur in case of normal (detached) selections because they are \"static\" (as \"not live\")\n * which mean that they are not updated once the document changes.\n * @param attributeKeys Array containing keys of attributes that changed.\n */\nexport type ModelSelectionChangeAttributeEvent = {\n\tname: 'change' | 'change:attribute';\n\targs: [ {\n\t\tdirectChange: boolean;\n\t\tattributeKeys: Array<string>;\n\t} ];\n};\n\n/**\n * Checks whether the given element extends $block in the schema and has a parent (is not a root).\n * Marks it as already visited.\n */\nfunction isUnvisitedBlock( element: ModelNode | ModelDocumentFragment, visited: WeakSet<ModelNode | ModelDocumentFragment> ) {\n\tif ( visited.has( element ) ) {\n\t\treturn false;\n\t}\n\n\tvisited.add( element );\n\n\treturn element.root.document!.model.schema.isBlock( element ) && !!element.parent;\n}\n\n/**\n * Checks if the given element is a $block was not previously visited and is a top block in a range.\n */\nfunction isUnvisitedTopBlock( element: ModelElement, visited: WeakSet<ModelNode | ModelDocumentFragment>, range: ModelRange ) {\n\treturn isUnvisitedBlock( element, visited ) && isTopBlockInRange( element, range );\n}\n\n/**\n * Finds the lowest element in position's ancestors which is a block.\n * It will search until first ancestor that is a limit element.\n * Marks all ancestors as already visited to not include any of them later on.\n */\nfunction getParentBlock( position: ModelPosition, visited: WeakSet<ModelNode | ModelDocumentFragment> ) {\n\tconst element = position.parent;\n\tconst schema = element.root.document!.model.schema;\n\n\tconst ancestors = position.parent.getAncestors( { parentFirst: true, includeSelf: true } );\n\n\tlet hasParentLimit = false;\n\n\tconst block = ancestors.find( ( element ): element is ModelElement => {\n\t\t// Stop searching after first parent node that is limit element.\n\t\tif ( hasParentLimit ) {\n\t\t\treturn false;\n\t\t}\n\n\t\thasParentLimit = schema.isLimit( element );\n\n\t\treturn !hasParentLimit && isUnvisitedBlock( element, visited );\n\t} );\n\n\t// Mark all ancestors of this position's parent, because find() might've stopped early and\n\t// the found block may be a child of another block.\n\tancestors.forEach( element => visited.add( element ) );\n\n\treturn block;\n}\n\n/**\n * Checks if the blocks is not nested in other block inside a range.\n */\nfunction isTopBlockInRange( block: ModelNode, range: ModelRange ) {\n\tconst parentBlock = findAncestorBlock( block );\n\n\tif ( !parentBlock ) {\n\t\treturn true;\n\t}\n\n\t// Add loose flag to check as parentRange can be equal to range.\n\tconst isParentInRange = range.containsRange( ModelRange._createOn( parentBlock ), true );\n\n\treturn !isParentInRange;\n}\n\n/**\n * If a selection starts at the end of a block, that block is not returned as from the user's perspective this block wasn't selected.\n * See [#11585](https://github.com/ckeditor/ckeditor5/issues/11585) for more details.\n *\n * ```xml\n * <paragraph>a[</paragraph> // This block will not be returned\n * <paragraph>b</paragraph>\n * <paragraph>c]</paragraph>\n * ```\n *\n * Collapsed selection is not affected by it:\n *\n * ```xml\n * <paragraph>a[]</paragraph> // This block will be returned\n * ```\n */\nfunction isStartBlockSelected( startBlock: ModelElement | undefined, range: ModelRange ): boolean {\n\tif ( !startBlock ) {\n\t\treturn false;\n\t}\n\n\tif ( range.isCollapsed || startBlock.isEmpty ) {\n\t\treturn true;\n\t}\n\n\tif ( range.start.isTouching( ModelPosition._createAt( startBlock, startBlock.maxOffset ) ) ) {\n\t\treturn false;\n\t}\n\n\treturn isTopBlockInRange( startBlock, range );\n}\n\n/**\n * If a selection ends at the beginning of a block, that block is not returned as from the user's perspective this block wasn't selected.\n * See [#984](https://github.com/ckeditor/ckeditor5-engine/issues/984) for more details.\n *\n * ```xml\n * <paragraph>[a</paragraph>\n * <paragraph>b</paragraph>\n * <paragraph>]c</paragraph> // this block will not be returned\n * ```\n *\n * Collapsed selection is not affected by it:\n *\n * ```xml\n * <paragraph>[]a</paragraph> // this block will be returned\n * ```\n */\nfunction isEndBlockSelected( endBlock: ModelElement | undefined, range: ModelRange ): boolean {\n\tif ( !endBlock ) {\n\t\treturn false;\n\t}\n\n\tif ( range.isCollapsed || endBlock.isEmpty ) {\n\t\treturn true;\n\t}\n\n\tif ( range.end.isTouching( ModelPosition._createAt( endBlock, 0 ) ) ) {\n\t\treturn false;\n\t}\n\n\treturn isTopBlockInRange( endBlock, range );\n}\n\n/**\n * Returns first ancestor block of a node.\n */\nfunction findAncestorBlock( node: ModelNode | ModelDocumentFragment ) {\n\tconst schema = node.root.document!.model.schema;\n\n\tlet parent = node.parent;\n\n\twhile ( parent ) {\n\t\tif ( schema.isBlock( parent ) ) {\n\t\t\treturn parent as ModelElement;\n\t\t}\n\n\t\tparent = parent.parent;\n\t}\n}\n\n/**\n * An entity that is used to set selection.\n *\n * See also {@link module:engine/model/selection~ModelSelection#setTo}.\n */\nexport type ModelSelectable =\n\t| ModelSelection\n\t| ModelDocumentSelection\n\t| ModelPosition\n\t| ModelRange\n\t| ModelNode\n\t| Iterable<ModelRange> | null;\n\n/**\n * The place or offset of the selection.\n */\nexport type ModelPlaceOrOffset = number | 'before' | 'end' | 'after' | 'on' | 'in';\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/liverange\n */\n\nimport { ModelRange } from './range.js';\n\nimport type { ModelApplyOperationEvent } from './model.js';\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelElement } from './element.js';\nimport { type ModelItem } from './item.js';\nimport { type MergeOperation } from './operation/mergeoperation.js';\nimport { type MoveOperation } from './operation/moveoperation.js';\nimport { type Operation } from './operation/operation.js';\nimport { type ModelPosition } from './position.js';\n\nimport { EmitterMixin } from '@ckeditor/ckeditor5-utils';\n\n/**\n * `ModelLiveRange` is a type of {@link module:engine/model/range~ModelRange Range}\n * that updates itself as {@link module:engine/model/document~ModelDocument document}\n * is changed through operations. It may be used as a bookmark.\n *\n * **Note:** Be very careful when dealing with `ModelLiveRange`. Each `ModelLiveRange` instance bind events that might\n * have to be unbound. Use {@link module:engine/model/liverange~ModelLiveRange#detach detach} whenever you don't need\n * `ModelLiveRange` anymore.\n */\nexport class ModelLiveRange extends /* #__PURE__ */ EmitterMixin( ModelRange ) {\n\t/**\n\t * Creates a live range.\n\t *\n\t * @see module:engine/model/range~ModelRange\n\t */\n\tconstructor( start: ModelPosition, end?: ModelPosition | null ) {\n\t\tsuper( start, end );\n\n\t\tbindWithDocument.call( this );\n\t}\n\n\t/**\n\t * Unbinds all events previously bound by `ModelLiveRange`. Use it whenever you don't need `ModelLiveRange` instance\n\t * anymore (i.e. when leaving scope in which it was declared or before re-assigning variable that was\n\t * referring to it).\n\t */\n\tpublic detach(): void {\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Creates a {@link module:engine/model/range~ModelRange range instance} that is equal to this live range.\n\t */\n\tpublic toRange(): ModelRange {\n\t\treturn new ModelRange( this.start, this.end );\n\t}\n\n\t/**\n\t * Creates a `ModelLiveRange` instance that is equal to the given range.\n\t */\n\tpublic static fromRange( range: ModelRange ): ModelLiveRange {\n\t\treturn new ModelLiveRange( range.start, range.end );\n\t}\n\n\t/**\n\t * @see module:engine/model/range~ModelRange._createIn\n\t * @internal\n\t */\n\n\tdeclare public static readonly _createIn: ( element: ModelElement | ModelDocumentFragment ) => ModelLiveRange;\n\n\t/**\n\t * @see module:engine/model/range~ModelRange._createOn\n\t * @internal\n\t */\n\n\tdeclare public static readonly _createOn: ( element: ModelItem | ModelDocumentFragment ) => ModelLiveRange;\n\n\t/**\n\t * @see module:engine/model/range~ModelRange._createFromPositionAndShift\n\t * @internal\n\t */\n\n\tdeclare public static readonly _createFromPositionAndShift: ( position: ModelPosition, shift: number ) => ModelLiveRange;\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelLiveRange.prototype.is = function( type: string ): boolean {\n\treturn type === 'liveRange' || type === 'model:liveRange' ||\n\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\ttype == 'range' || type === 'model:range';\n};\n\n/**\n * Fired when `ModelLiveRange` instance boundaries have changed due to changes in the\n * {@link module:engine/model/document~ModelDocument document}.\n *\n * @eventName ~ModelLiveRange#change:range\n * @param oldRange Range with start and end position equal to start and end position of this live\n * range before it got changed.\n * @param data Object with additional information about the change.\n * @param data.deletionPosition Source position for remove and merge changes.\n * Available if the range was moved to the graveyard root, `null` otherwise.\n */\nexport type ModelLiveRangeChangeRangeEvent = {\n\tname: 'change' | 'change:range';\n\targs: [ range: ModelRange, data: { deletionPosition: ModelPosition | null } ];\n};\n\n/**\n * Fired when `ModelLiveRange` instance boundaries have not changed after\n * a change in {@link module:engine/model/document~ModelDocument document}\n * but the change took place inside the range, effectively changing its content.\n *\n * @eventName ~ModelLiveRange#change:content\n * @param range Range with start and end position equal to start and end position of\n * change range.\n * @param data Object with additional information about the change.\n * @param data.deletionPosition Due to the nature of this event, this property is always set to `null`. It is passed\n * for compatibility with the {@link module:engine/model/liverange~ModelLiveRange#event:change:range} event.\n */\nexport type ModelLiveRangeChangeContentEvent = {\n\tname: 'change' | 'change:content';\n\targs: [ range: ModelRange, data: { deletionPosition: null } ];\n};\n\n/**\n * Describes `change:range` or `change:content` event.\n *\n * @eventName ~ModelLiveRange#change\n */\nexport type ModelLiveRangeChangeEvent = {\n\tname: 'change' | 'change:range' | 'change:content';\n\targs: [ range: ModelRange, data: { deletionPosition: ModelPosition | null } ];\n};\n\n/**\n * Binds this `ModelLiveRange` to the {@link module:engine/model/document~ModelDocument document}\n * that owns this range's {@link module:engine/model/range~ModelRange#root root}.\n */\nfunction bindWithDocument( this: ModelLiveRange ) {\n\tthis.listenTo<ModelApplyOperationEvent>(\n\t\tthis.root.document!.model,\n\t\t'applyOperation',\n\t\t( event, args ) => {\n\t\t\tconst operation = args[ 0 ];\n\n\t\t\tif ( !operation.isDocumentOperation ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\ttransform.call( this, operation );\n\t\t},\n\t\t{ priority: 'low' }\n\t);\n}\n\n/**\n * Updates this range accordingly to the updates applied to the model. Bases on change events.\n */\nfunction transform( this: ModelLiveRange, operation: Operation ) {\n\t// Transform the range by the operation. Join the result ranges if needed.\n\tconst ranges = this.getTransformedByOperation( operation );\n\tconst result = ModelRange._createFromRanges( ranges );\n\n\tconst boundariesChanged = !result.isEqual( this );\n\tconst contentChanged = doesOperationChangeRangeContent( this, operation );\n\n\tlet deletionPosition = null;\n\n\tif ( boundariesChanged ) {\n\t\t// If range boundaries have changed, fire `change:range` event.\n\t\t//\n\t\tif ( result.root.rootName == '$graveyard' ) {\n\t\t\t// If the range was moved to the graveyard root, set `deletionPosition`.\n\t\t\tif ( operation.type == 'remove' ) {\n\t\t\t\tdeletionPosition = ( operation as MoveOperation ).sourcePosition;\n\t\t\t} else {\n\t\t\t\t// Merge operation.\n\t\t\t\tdeletionPosition = ( operation as MergeOperation ).deletionPosition;\n\t\t\t}\n\t\t}\n\n\t\tconst oldRange = this.toRange();\n\n\t\t( this as any ).start = result.start;\n\t\t( this as any ).end = result.end;\n\n\t\tthis.fire<ModelLiveRangeChangeRangeEvent>( 'change:range', oldRange, { deletionPosition } );\n\t} else if ( contentChanged ) {\n\t\t// If range boundaries have not changed, but there was change inside the range, fire `change:content` event.\n\t\tthis.fire<ModelLiveRangeChangeContentEvent>( 'change:content', this.toRange(), { deletionPosition } );\n\t}\n}\n\n/**\n * Checks whether given operation changes something inside the range (even if it does not change boundaries).\n */\nfunction doesOperationChangeRangeContent( range: ModelRange, operation: any ) {\n\tswitch ( operation.type ) {\n\t\tcase 'insert':\n\t\t\treturn range.containsPosition( operation.position );\n\t\tcase 'move':\n\t\tcase 'remove':\n\t\tcase 'reinsert':\n\t\tcase 'merge':\n\t\t\treturn range.containsPosition( operation.sourcePosition ) ||\n\t\t\t\trange.start.isEqual( operation.sourcePosition ) ||\n\t\t\t\trange.containsPosition( operation.targetPosition );\n\t\tcase 'split':\n\t\t\treturn range.containsPosition( operation.splitPosition ) || range.containsPosition( operation.insertionPosition );\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/text\n */\n\nimport { ModelNode, type ModelNodeAttributes } from './node.js';\n\n// @if CK_DEBUG_ENGINE // const { convertMapToStringifiedObject } = require( '../dev-utils/utils' );\n\n/**\n * Model text node. Type of {@link module:engine/model/node~ModelNode node} that\n * contains {@link module:engine/model/text~ModelText#data text data}.\n *\n * **Important:** see {@link module:engine/model/node~ModelNode} to read about restrictions using `Text` and `Node` API.\n *\n * **Note:** keep in mind that `Text` instances might indirectly got removed from model tree when model is changed.\n * This happens when {@link module:engine/model/writer~ModelWriter model writer} is used to change model and the text node is merged with\n * another text node. Then, both text nodes are removed and a new text node is inserted into the model. Because of\n * this behavior, keeping references to `Text` is not recommended. Instead, consider creating\n * {@link module:engine/model/liveposition~ModelLivePosition live position} placed before the text node.\n */\nexport class ModelText extends ModelNode {\n\t/**\n\t * Text data contained in this text node.\n\t *\n\t * @internal\n\t */\n\tpublic _data: string;\n\n\t/**\n\t * Creates a text node.\n\t *\n\t * **Note:** Constructor of this class shouldn't be used directly in the code.\n\t * Use the {@link module:engine/model/writer~ModelWriter#createText} method instead.\n\t *\n\t * @internal\n\t * @param data Node's text.\n\t * @param attrs Node's attributes. See {@link module:utils/tomap~toMap} for a list of accepted values.\n\t */\n\tconstructor( data?: string, attrs?: ModelNodeAttributes ) {\n\t\tsuper( attrs );\n\t\tthis._data = data || '';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override get offsetSize(): number {\n\t\treturn this.data.length;\n\t}\n\n\t/**\n\t * Returns a text data contained in the node.\n\t */\n\tpublic get data(): string {\n\t\treturn this._data;\n\t}\n\n\t/**\n\t * Converts `Text` instance to plain object and returns it.\n\t *\n\t * @returns`Text` instance converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.data = this.data;\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Creates a copy of this text node and returns it. Created text node has same text data and attributes as original text node.\n\t *\n\t * @internal\n\t * @returns `Text` instance created using given plain object.\n\t */\n\tpublic override _clone(): ModelText {\n\t\treturn new ModelText( this.data, this.getAttributes() );\n\t}\n\n\t/**\n\t * Creates a `Text` instance from given plain object (i.e. parsed JSON string).\n\t *\n\t * @param json Plain object to be converted to `Text`.\n\t * @returns `Text` instance created using given plain object.\n\t */\n\tpublic static fromJSON( json: any ): ModelText {\n\t\treturn new ModelText( json.data, json.attributes );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `#${ this.data }`;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logExtended(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( `ModelText: ${ this }, attrs: ${ convertMapToStringifiedObject( this.getAttributes() ) }` );\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public log(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ModelText: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelText.prototype.is = function( type: string ): boolean {\n\treturn type === '$text' || type === 'model:$text' ||\n\t\t// This are legacy values kept for backward compatibility.\n\t\ttype === 'text' || type === 'model:text' ||\n\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\ttype === 'node' || type === 'model:node';\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/documentselection\n */\n\nimport { ModelTypeCheckable } from './typecheckable.js';\nimport { ModelLiveRange } from './liverange.js';\nimport {\n\tModelSelection,\n\ttype ModelSelectionChangeAttributeEvent,\n\ttype ModelSelectionChangeRangeEvent\n} from './selection.js';\nimport { ModelText } from './text.js';\nimport { ModelTextProxy } from './textproxy.js';\n\nimport type { ModelDocumentChangeEvent, ModelDocument } from './document.js';\nimport type { Model, ModelApplyOperationEvent } from './model.js';\nimport type { Marker, MarkerCollectionUpdateEvent } from './markercollection.js';\nimport { type Batch } from './batch.js';\nimport { type ModelElement } from './element.js';\nimport { type ModelItem } from './item.js';\nimport type { ModelPosition, ModelPositionOffset } from './position.js';\nimport { type ModelRange } from './range.js';\nimport { type ModelSchema } from './schema.js';\n\nimport {\n\tCKEditorError,\n\tCollection,\n\tEmitterMixin,\n\ttoMap,\n\tuid\n} from '@ckeditor/ckeditor5-utils';\n\nconst storePrefix = 'selection:';\n\n/**\n * `ModelDocumentSelection` is a special selection which is used as the\n * {@link module:engine/model/document~ModelDocument#selection document's selection}.\n * There can be only one instance of `ModelDocumentSelection` per document.\n *\n * Document selection can only be changed by using the {@link module:engine/model/writer~ModelWriter} instance\n * inside the {@link module:engine/model/model~Model#change `change()`} block, as it provides a secure way to modify model.\n *\n * `ModelDocumentSelection` is automatically updated upon changes in the {@link module:engine/model/document~ModelDocument document}\n * to always contain valid ranges. Its attributes are inherited from the text unless set explicitly.\n *\n * Differences between {@link module:engine/model/selection~ModelSelection} and `ModelDocumentSelection` are:\n * * there is always a range in `ModelDocumentSelection` - even if no ranges were added there is a \"default range\"\n * present in the selection,\n * * ranges added to this selection updates automatically when the document changes,\n * * attributes of `ModelDocumentSelection` are updated automatically according to selection ranges.\n *\n * Since `ModelDocumentSelection` uses {@link module:engine/model/liverange~ModelLiveRange live ranges}\n * and is updated when {@link module:engine/model/document~ModelDocument document}\n * changes, it cannot be set on {@link module:engine/model/node~ModelNode nodes}\n * that are inside {@link module:engine/model/documentfragment~ModelDocumentFragment document fragment}.\n * If you need to represent a selection in document fragment,\n * use {@link module:engine/model/selection~ModelSelection Selection class} instead.\n */\nexport class ModelDocumentSelection extends /* #__PURE__ */ EmitterMixin( ModelTypeCheckable ) {\n\t/**\n\t * Selection used internally by that class (`ModelDocumentSelection` is a proxy to that selection).\n\t */\n\tprivate _selection: LiveSelection;\n\n\t/**\n\t * Creates an empty live selection for given {@link module:engine/model/document~ModelDocument}.\n\t *\n\t * @param doc Document which owns this selection.\n\t */\n\tconstructor( doc: ModelDocument ) {\n\t\tsuper();\n\n\t\tthis._selection = new LiveSelection( doc );\n\n\t\tthis._selection.delegate( 'change:range' ).to( this );\n\t\tthis._selection.delegate( 'change:attribute' ).to( this );\n\t\tthis._selection.delegate( 'change:marker' ).to( this );\n\t}\n\n\t/**\n\t * Describes whether the selection is collapsed. Selection is collapsed when there is exactly one range which is\n\t * collapsed.\n\t */\n\tpublic get isCollapsed(): boolean {\n\t\treturn this._selection.isCollapsed;\n\t}\n\n\t/**\n\t * Selection anchor. Anchor may be described as a position where the most recent part of the selection starts.\n\t * Together with {@link #focus} they define the direction of selection, which is important\n\t * when expanding/shrinking selection. Anchor is always {@link module:engine/model/range~ModelRange#start start} or\n\t * {@link module:engine/model/range~ModelRange#end end} position of the most recently added range.\n\t *\n\t * Is set to `null` if there are no ranges in selection.\n\t *\n\t * @see #focus\n\t */\n\tpublic get anchor(): ModelPosition | null {\n\t\treturn this._selection.anchor;\n\t}\n\n\t/**\n\t * Selection focus. Focus is a position where the selection ends.\n\t *\n\t * Is set to `null` if there are no ranges in selection.\n\t *\n\t * @see #anchor\n\t */\n\tpublic get focus(): ModelPosition | null {\n\t\treturn this._selection.focus;\n\t}\n\n\t/**\n\t * Number of ranges in selection.\n\t */\n\tpublic get rangeCount(): number {\n\t\treturn this._selection.rangeCount;\n\t}\n\n\t/**\n\t * Describes whether `Documentselection` has own range(s) set, or if it is defaulted to\n\t * {@link module:engine/model/document~ModelDocument#_getDefaultRange document's default range}.\n\t */\n\tpublic get hasOwnRange(): boolean {\n\t\treturn this._selection.hasOwnRange;\n\t}\n\n\t/**\n\t * Specifies whether the {@link #focus}\n\t * precedes {@link #anchor}.\n\t *\n\t * @readonly\n\t * @type {Boolean}\n\t */\n\tpublic get isBackward(): boolean {\n\t\treturn this._selection.isBackward;\n\t}\n\n\t/**\n\t * Describes whether the gravity is overridden (using {@link module:engine/model/writer~ModelWriter#overrideSelectionGravity}) or not.\n\t *\n\t * Note that the gravity remains overridden as long as will not be restored the same number of times as it was overridden.\n\t */\n\tpublic get isGravityOverridden(): boolean {\n\t\treturn this._selection.isGravityOverridden;\n\t}\n\n\t/**\n\t * A collection of selection {@link module:engine/model/markercollection~Marker markers}.\n\t * Marker is a selection marker when selection range is inside the marker range.\n\t *\n\t * **Note**: Only markers from {@link ~ModelDocumentSelection#observeMarkers observed markers groups} are collected.\n\t */\n\tpublic get markers(): Collection<Marker> {\n\t\treturn this._selection.markers;\n\t}\n\n\t/**\n\t * Used for the compatibility with the {@link module:engine/model/selection~ModelSelection#isEqual} method.\n\t *\n\t * @internal\n\t */\n\tpublic get _ranges(): Array<ModelRange> {\n\t\treturn this._selection._ranges;\n\t}\n\n\t/**\n\t * Returns an iterable that iterates over copies of selection ranges.\n\t */\n\tpublic getRanges(): IterableIterator<ModelRange> {\n\t\treturn this._selection.getRanges();\n\t}\n\n\t/**\n\t * Returns the first position in the selection.\n\t * First position is the position that {@link module:engine/model/position~ModelPosition#isBefore is before}\n\t * any other position in the selection.\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */\n\tpublic getFirstPosition(): ModelPosition | null {\n\t\treturn this._selection.getFirstPosition();\n\t}\n\n\t/**\n\t * Returns the last position in the selection.\n\t * Last position is the position that {@link module:engine/model/position~ModelPosition#isAfter is after}\n\t * any other position in the selection.\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */\n\tpublic getLastPosition(): ModelPosition | null {\n\t\treturn this._selection.getLastPosition();\n\t}\n\n\t/**\n\t * Returns a copy of the first range in the selection.\n\t * First range is the one which {@link module:engine/model/range~ModelRange#start start} position\n\t * {@link module:engine/model/position~ModelPosition#isBefore is before} start position of all other ranges\n\t * (not to confuse with the first range added to the selection).\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */\n\tpublic getFirstRange(): ModelRange | null {\n\t\treturn this._selection.getFirstRange();\n\t}\n\n\t/**\n\t * Returns a copy of the last range in the selection.\n\t * Last range is the one which {@link module:engine/model/range~ModelRange#end end} position\n\t * {@link module:engine/model/position~ModelPosition#isAfter is after} end position of all\n\t * other ranges (not to confuse with the range most recently added to the selection).\n\t *\n\t * Returns `null` if there are no ranges in selection.\n\t */\n\tpublic getLastRange(): ModelRange | null {\n\t\treturn this._selection.getLastRange();\n\t}\n\n\t/**\n\t * Gets elements of type {@link module:engine/model/schema~ModelSchema#isBlock \"block\"} touched by the selection.\n\t *\n\t * This method's result can be used for example to apply block styling to all blocks covered by this selection.\n\t *\n\t * **Note:** `getSelectedBlocks()` returns blocks that are nested in other non-block elements\n\t * but will not return blocks nested in other blocks.\n\t *\n\t * In this case the function will return exactly all 3 paragraphs (note: `<blockQuote>` is not a block itself):\n\t *\n\t * ```\n\t * <paragraph>[a</paragraph>\n\t * <blockQuote>\n\t * \t<paragraph>b</paragraph>\n\t * </blockQuote>\n\t * <paragraph>c]d</paragraph>\n\t * ```\n\t *\n\t * In this case the paragraph will also be returned, despite the collapsed selection:\n\t *\n\t * ```\n\t * <paragraph>[]a</paragraph>\n\t * ```\n\t *\n\t * In such a scenario, however, only blocks A, B & E will be returned as blocks C & D are nested in block B:\n\t *\n\t * ```\n\t * [<blockA></blockA>\n\t * <blockB>\n\t * \t<blockC></blockC>\n\t * \t<blockD></blockD>\n\t * </blockB>\n\t * <blockE></blockE>]\n\t * ```\n\t *\n\t * If the selection is inside a block all the inner blocks (A & B) are returned:\n\t *\n\t * ```\n\t * <block>\n\t * \t<blockA>[a</blockA>\n\t * \t<blockB>b]</blockB>\n\t * </block>\n\t * ```\n\t *\n\t * **Special case**: If a selection ends at the beginning of a block, that block is not returned as from user perspective\n\t * this block wasn't selected. See [#984](https://github.com/ckeditor/ckeditor5-engine/issues/984) for more details.\n\t *\n\t * ```\n\t * <paragraph>[a</paragraph>\n\t * <paragraph>b</paragraph>\n\t * <paragraph>]c</paragraph> // this block will not be returned\n\t * ```\n\t */\n\tpublic getSelectedBlocks(): IterableIterator<ModelElement> {\n\t\treturn this._selection.getSelectedBlocks();\n\t}\n\n\t/**\n\t * Returns the selected element. {@link module:engine/model/element~ModelElement Element} is considered as selected if there is only\n\t * one range in the selection, and that range contains exactly one element.\n\t * Returns `null` if there is no selected element.\n\t */\n\tpublic getSelectedElement(): ModelElement | null {\n\t\treturn this._selection.getSelectedElement();\n\t}\n\n\t/**\n\t * Checks whether the selection contains the entire content of the given element. This means that selection must start\n\t * at a position {@link module:engine/model/position~ModelPosition#isTouching touching} the element's start and ends at position\n\t * touching the element's end.\n\t *\n\t * By default, this method will check whether the entire content of the selection's current root is selected.\n\t * Useful to check if e.g. the user has just pressed <kbd>Ctrl</kbd> + <kbd>A</kbd>.\n\t */\n\tpublic containsEntireContent( element: ModelElement ): boolean {\n\t\treturn this._selection.containsEntireContent( element );\n\t}\n\n\t/**\n\t * Unbinds all events previously bound by document selection.\n\t */\n\tpublic destroy(): void {\n\t\tthis._selection.destroy();\n\t}\n\n\t/**\n\t * Returns iterable that iterates over this selection's attribute keys.\n\t */\n\tpublic getAttributeKeys(): IterableIterator<string> {\n\t\treturn this._selection.getAttributeKeys();\n\t}\n\n\t/**\n\t * Returns iterable that iterates over this selection's attributes.\n\t *\n\t * Attributes are returned as arrays containing two items. First one is attribute key and second is attribute value.\n\t * This format is accepted by native `Map` object and also can be passed in `Node` constructor.\n\t */\n\tpublic getAttributes(): IterableIterator<[ string, unknown ]> {\n\t\treturn this._selection.getAttributes();\n\t}\n\n\t/**\n\t * Gets an attribute value for given key or `undefined` if that attribute is not set on the selection.\n\t *\n\t * @param key Key of attribute to look for.\n\t * @returns Attribute value or `undefined`.\n\t */\n\tpublic getAttribute( key: string ): unknown {\n\t\treturn this._selection.getAttribute( key );\n\t}\n\n\t/**\n\t * Checks if the selection has an attribute for given key.\n\t *\n\t * @param key Key of attribute to check.\n\t * @returns `true` if attribute with given key is set on selection, `false` otherwise.\n\t */\n\tpublic hasAttribute( key: string ): boolean {\n\t\treturn this._selection.hasAttribute( key );\n\t}\n\n\t/**\n\t * Refreshes selection attributes and markers according to the current position in the model.\n\t */\n\tpublic refresh(): void {\n\t\tthis._selection.updateMarkers();\n\t\tthis._selection._updateAttributes( false );\n\t}\n\n\t/**\n\t * Registers a marker group prefix or a marker name to be collected in the\n\t * {@link ~ModelDocumentSelection#markers selection markers collection}.\n\t *\n\t * See also {@link module:engine/model/markercollection~MarkerCollection#getMarkersGroup `MarkerCollection#getMarkersGroup()`}.\n\t *\n\t * @param prefixOrName The marker group prefix or marker name.\n\t */\n\tpublic observeMarkers( prefixOrName: string ): void {\n\t\tthis._selection.observeMarkers( prefixOrName );\n\t}\n\n\t/**\n\t * Converts `DocumentSelection` to plain object and returns it.\n\t *\n\t * @returns `DocumentSelection` converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\treturn this._selection.toJSON();\n\t}\n\n\t/**\n\t * Moves {@link module:engine/model/documentselection~ModelDocumentSelection#focus} to the specified location.\n\t * Should be used only within the {@link module:engine/model/writer~ModelWriter#setSelectionFocus} method.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionAt writer.createPositionAt()} parameters.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setSelectionFocus\n\t * @internal\n\t * @param offset Offset or one of the flags. Used only when\n\t * first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic _setFocus( itemOrPosition: ModelItem | ModelPosition, offset?: ModelPositionOffset ): void {\n\t\tthis._selection.setFocus( itemOrPosition, offset );\n\t}\n\n\t/**\n\t * Sets this selection's ranges and direction to the specified location based on the given\n\t * {@link module:engine/model/selection~ModelSelectable selectable}.\n\t * Should be used only within the {@link module:engine/model/writer~ModelWriter#setSelection} method.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setSelection\n\t * @internal\n\t */\n\tpublic _setTo( ...args: Parameters<ModelSelection[ 'setTo' ]> ): void {\n\t\tthis._selection.setTo( ...args );\n\t}\n\n\t/**\n\t * Sets attribute on the selection. If attribute with the same key already is set, it's value is overwritten.\n\t * Should be used only within the {@link module:engine/model/writer~ModelWriter#setSelectionAttribute} method.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#setSelectionAttribute\n\t * @internal\n\t * @param key Key of the attribute to set.\n\t * @param value Attribute value.\n\t */\n\tpublic _setAttribute( key: string, value: unknown ): void {\n\t\tthis._selection.setAttribute( key, value );\n\t}\n\n\t/**\n\t * Removes an attribute with given key from the selection.\n\t * If the given attribute was set on the selection, fires the {@link module:engine/model/selection~ModelSelection#event:change:range}\n\t * event with removed attribute key.\n\t * Should be used only within the {@link module:engine/model/writer~ModelWriter#removeSelectionAttribute} method.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#removeSelectionAttribute\n\t * @internal\n\t * @param key Key of the attribute to remove.\n\t */\n\tpublic _removeAttribute( key: string ): void {\n\t\tthis._selection.removeAttribute( key );\n\t}\n\n\t/**\n\t * Returns an iterable that iterates through all selection attributes stored in current selection's parent.\n\t *\n\t * @internal\n\t */\n\tpublic _getStoredAttributes(): Iterable<[ string, unknown ]> {\n\t\treturn this._selection.getStoredAttributes();\n\t}\n\n\t/**\n\t * Temporarily changes the gravity of the selection from the left to the right.\n\t *\n\t * The gravity defines from which direction the selection inherits its attributes. If it's the default left\n\t * gravity, the selection (after being moved by the the user) inherits attributes from its left hand side.\n\t * This method allows to temporarily override this behavior by forcing the gravity to the right.\n\t *\n\t * It returns an unique identifier which is required to restore the gravity. It guarantees the symmetry\n\t * of the process.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#overrideSelectionGravity\n\t * @internal\n\t * @returns The unique id which allows restoring the gravity.\n\t */\n\tpublic _overrideGravity(): string {\n\t\treturn this._selection.overrideGravity();\n\t}\n\n\t/**\n\t * Restores the {@link ~ModelDocumentSelection#_overrideGravity overridden gravity}.\n\t *\n\t * Restoring the gravity is only possible using the unique identifier returned by\n\t * {@link ~ModelDocumentSelection#_overrideGravity}. Note that the gravity remains overridden as long as won't be restored\n\t * the same number of times it was overridden.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#restoreSelectionGravity\n\t * @internal\n\t * @param uid The unique id returned by {@link #_overrideGravity}.\n\t */\n\tpublic _restoreGravity( uid: string ): void {\n\t\tthis._selection.restoreGravity( uid );\n\t}\n\n\t/**\n\t * Generates and returns an attribute key for selection attributes store, basing on original attribute key.\n\t *\n\t * @internal\n\t * @param key Attribute key to convert.\n\t * @returns Converted attribute key, applicable for selection store.\n\t */\n\tpublic static _getStoreAttributeKey( key: string ): string {\n\t\treturn storePrefix + key;\n\t}\n\n\t/**\n\t * Checks whether the given attribute key is an attribute stored on an element.\n\t *\n\t * @internal\n\t */\n\tpublic static _isStoreAttributeKey( key: string ): boolean {\n\t\treturn key.startsWith( storePrefix );\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelDocumentSelection.prototype.is = function( type: string ): boolean {\n\treturn type === 'selection' ||\n\t\ttype == 'model:selection' ||\n\t\ttype == 'documentSelection' ||\n\t\ttype == 'model:documentSelection';\n};\n\n/**\n * Fired when selection range(s) changed.\n *\n * @eventName ~ModelDocumentSelection#change:range\n * @param directChange In case of {@link module:engine/model/selection~ModelSelection} class it is always set\n * to `true` which indicates that the selection change was caused by a direct use of selection's API.\n * The {@link module:engine/model/documentselection~ModelDocumentSelection}, however, may change because its position\n * was directly changed through the {@link module:engine/model/writer~ModelWriter writer} or because its position was\n * changed because the structure of the model has been changed (which means an indirect change).\n * The indirect change does not occur in case of normal (detached) selections because they are \"static\" (as \"not live\")\n * which mean that they are not updated once the document changes.\n */\nexport type ModelDocumentSelectionChangeRangeEvent = ModelSelectionChangeRangeEvent;\n\n/**\n * Fired when selection attribute changed.\n *\n * @eventName ~ModelDocumentSelection#change:attribute\n * @param directChange In case of {@link module:engine/model/selection~ModelSelection} class it is always set\n * to `true` which indicates that the selection change was caused by a direct use of selection's API.\n * The {@link module:engine/model/documentselection~ModelDocumentSelection}, however, may change because its attributes\n * were directly changed through the {@link module:engine/model/writer~ModelWriter writer} or because its position was\n * changed in the model and its attributes were refreshed (which means an indirect change).\n * The indirect change does not occur in case of normal (detached) selections because they are \"static\" (as \"not live\")\n * which mean that they are not updated once the document changes.\n * @param attributeKeys Array containing keys of attributes that changed.\n*/\nexport type ModelDocumentSelectionChangeAttributeEvent = ModelSelectionChangeAttributeEvent;\n\n/**\n * Fired when selection marker(s) changed.\n *\n * @eventName ~ModelDocumentSelection#change:marker\n * @param directChange This is always set to `false` in case of `change:marker` event as there is no possibility\n * to change markers directly through {@link module:engine/model/documentselection~ModelDocumentSelection} API.\n * See also {@link module:engine/model/documentselection~ModelDocumentSelection#event:change:range} and\n * {@link module:engine/model/documentselection~ModelDocumentSelection#event:change:attribute}.\n * @param oldMarkers Markers in which the selection was before the change.\n */\nexport type ModelDocumentSelectionChangeMarkerEvent = {\n\tname: 'change:marker';\n\targs: [ {\n\t\tdirectChange: boolean;\n\t\toldMarkers: Array<Marker>;\n\t} ];\n};\n\n/**\n * Fired when selection range(s), attribute(s) or marker(s) changed.\n *\n * @eventName ~ModelDocumentSelection#change\n * @param directChange This is always set to `false` in case of `change:marker` event as there is no possibility\n * to change markers directly through {@link module:engine/model/documentselection~ModelDocumentSelection} API.\n * See also {@link module:engine/model/documentselection~ModelDocumentSelection#event:change:range} and\n * {@link module:engine/model/documentselection~ModelDocumentSelection#event:change:attribute}.\n * @param attributeKeys Array containing keys of attributes that changed.\n * @param oldMarkers Markers in which the selection was before the change.\n */\nexport type ModelDocumentSelectionChangeEvent = {\n\tname: 'change' | 'change:attribute' | 'change:marker' | 'change:range';\n\targs: [ {\n\t\tdirectChange: boolean;\n\t\tattributeKeys?: Array<string>;\n\t\toldMarkers?: Array<Marker>;\n\t} ];\n};\n\n/**\n * `LiveSelection` is used internally by {@link module:engine/model/documentselection~ModelDocumentSelection}\n * and shouldn't be used directly.\n *\n * `LiveSelection` is automatically updated upon changes in the {@link module:engine/model/document~ModelDocument document}\n * to always contain valid ranges. Its attributes are inherited from the text unless set explicitly.\n *\n * Differences between {@link module:engine/model/selection~ModelSelection} and `LiveSelection` are:\n * * there is always a range in `LiveSelection` - even if no ranges were added there is a \"default range\"\n * present in the selection,\n * * ranges added to this selection updates automatically when the document changes,\n * * attributes of `LiveSelection` are updated automatically according to selection ranges.\n */\nclass LiveSelection extends ModelSelection {\n\t/**\n\t * List of selection markers.\n\t * Marker is a selection marker when selection range is inside the marker range.\n\t */\n\tpublic markers: Collection<Marker> = new Collection( { idProperty: 'name' } );\n\n\t/**\n\t * Document which owns this selection.\n\t */\n\tprivate _model: Model;\n\n\t/**\n\t * Document which owns this selection.\n\t */\n\tprivate _document: ModelDocument;\n\n\t/**\n\t * Stores selection ranges.\n\t *\n\t * @internal\n\t */\n\tpublic declare _ranges: Array<ModelLiveRange>;\n\n\t/**\n\t * Keeps mapping of attribute name to priority with which the attribute got modified (added/changed/removed)\n\t * last time. Possible values of priority are: `'low'` and `'normal'`.\n\t *\n\t * Priorities are used by internal `LiveSelection` mechanisms. All attributes set using `LiveSelection`\n\t * attributes API are set with `'normal'` priority.\n\t */\n\tprivate _attributePriority: Map<string, 'low' | 'normal'> = new Map();\n\n\t/**\n\t * Position to which the selection should be set if the last selection range was moved to the graveyard.\n\t */\n\tprivate _selectionRestorePosition: ModelPosition | null = null;\n\n\t/**\n\t * Flag that informs whether the selection ranges have changed. It is changed on true when `LiveRange#change:range` event is fired.\n\t */\n\tprivate _hasChangedRange: boolean = false;\n\n\t/**\n\t * Each overriding gravity adds an UID to the set and each removal removes it.\n\t * Gravity is overridden when there's at least one UID in the set.\n\t * Gravity is restored when the set is empty.\n\t * This is to prevent conflicts when gravity is overridden by more than one feature at the same time.\n\t */\n\tprivate _overriddenGravityRegister: Set<string> = new Set();\n\n\t/**\n\t * Prefixes of marker names that should affect `LiveSelection#markers` collection.\n\t */\n\tprivate _observedMarkers: Set<string> = new Set();\n\n\t/**\n\t * Creates an empty live selection for given {@link module:engine/model/document~ModelDocument}.\n\t *\n\t * @param doc Document which owns this selection.\n\t */\n\tconstructor( doc: ModelDocument ) {\n\t\tsuper();\n\n\t\tthis._model = doc.model;\n\t\tthis._document = doc;\n\n\t\t// Ensure selection is correct after each operation.\n\t\tthis.listenTo<ModelApplyOperationEvent>( this._model, 'applyOperation', ( evt, args ) => {\n\t\t\tconst operation = args[ 0 ];\n\n\t\t\tif ( !operation.isDocumentOperation || operation.type == 'marker' || operation.type == 'rename' || operation.type == 'noop' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Fix selection if the last range was removed from it and we have a position to which we can restore the selection.\n\t\t\tif ( this._ranges.length == 0 && this._selectionRestorePosition ) {\n\t\t\t\tthis._fixGraveyardSelection( this._selectionRestorePosition );\n\t\t\t}\n\n\t\t\t// \"Forget\" the restore position even if it was not \"used\".\n\t\t\tthis._selectionRestorePosition = null;\n\n\t\t\tif ( this._hasChangedRange ) {\n\t\t\t\tthis._hasChangedRange = false;\n\t\t\t\tthis.fire<ModelDocumentSelectionChangeRangeEvent>( 'change:range', { directChange: false } );\n\t\t\t}\n\t\t}, { priority: 'lowest' } );\n\n\t\t// Ensure selection is correct and up to date after each range change.\n\t\tthis.on<ModelDocumentSelectionChangeRangeEvent>( 'change:range', () => {\n\t\t\tthis._validateSelectionRanges( this.getRanges() );\n\t\t} );\n\n\t\t// Update markers data stored by the selection after each marker change.\n\t\t// This handles only marker changes done through marker operations (not model tree changes).\n\t\tthis.listenTo<MarkerCollectionUpdateEvent>( this._model.markers, 'update', ( evt, marker, oldRange, newRange ) => {\n\t\t\tthis._updateMarker( marker, newRange );\n\t\t} );\n\n\t\t// Ensure selection is up to date after each change block.\n\t\tthis.listenTo<ModelDocumentChangeEvent>( this._document, 'change', ( evt, batch ) => {\n\t\t\tclearAttributesStoredInElement( this._model, batch );\n\t\t} );\n\t}\n\n\tpublic override get isCollapsed(): boolean {\n\t\tconst length = this._ranges.length;\n\n\t\treturn length === 0 ? this._document._getDefaultRange().isCollapsed : super.isCollapsed;\n\t}\n\n\tpublic override get anchor(): ModelPosition {\n\t\treturn super.anchor || this._document._getDefaultRange().start;\n\t}\n\n\tpublic override get focus(): ModelPosition {\n\t\treturn super.focus || this._document._getDefaultRange().end;\n\t}\n\n\tpublic override get rangeCount(): number {\n\t\treturn this._ranges.length ? this._ranges.length : 1;\n\t}\n\n\t/**\n\t * Describes whether `LiveSelection` has own range(s) set, or if it is defaulted to\n\t * {@link module:engine/model/document~ModelDocument#_getDefaultRange document's default range}.\n\t */\n\tpublic get hasOwnRange(): boolean {\n\t\treturn this._ranges.length > 0;\n\t}\n\n\t/**\n\t * When set to `true` then selection attributes on node before the caret won't be taken\n\t * into consideration while updating selection attributes.\n\t */\n\tpublic get isGravityOverridden(): boolean {\n\t\treturn !!this._overriddenGravityRegister.size;\n\t}\n\n\t/**\n\t * Unbinds all events previously bound by live selection.\n\t */\n\tpublic destroy(): void {\n\t\tfor ( let i = 0; i < this._ranges.length; i++ ) {\n\t\t\tthis._ranges[ i ].detach();\n\t\t}\n\n\t\tthis.stopListening();\n\t}\n\n\tpublic override* getRanges(): IterableIterator<ModelRange> {\n\t\tif ( this._ranges.length ) {\n\t\t\tyield* super.getRanges();\n\t\t} else {\n\t\t\tyield this._document._getDefaultRange();\n\t\t}\n\t}\n\n\tpublic override getFirstRange(): ModelRange {\n\t\treturn super.getFirstRange() || this._document._getDefaultRange();\n\t}\n\n\tpublic override getLastRange(): ModelRange {\n\t\treturn super.getLastRange() || this._document._getDefaultRange();\n\t}\n\n\tpublic override setTo( ...args: Parameters<ModelSelection[ 'setTo' ]> ) {\n\t\tsuper.setTo( ...args );\n\t\tthis._updateAttributes( true );\n\t\tthis.updateMarkers();\n\t}\n\n\tpublic override setFocus( itemOrPosition: ModelItem | ModelPosition, offset?: ModelPositionOffset ): void {\n\t\tsuper.setFocus( itemOrPosition, offset );\n\t\tthis._updateAttributes( true );\n\t\tthis.updateMarkers();\n\t}\n\n\tpublic override setAttribute( key: string, value: unknown ): void {\n\t\tif ( this._setAttribute( key, value ) ) {\n\t\t\t// Fire event with exact data.\n\t\t\tconst attributeKeys = [ key ];\n\t\t\tthis.fire<ModelDocumentSelectionChangeAttributeEvent>( 'change:attribute', { attributeKeys, directChange: true } );\n\t\t}\n\t}\n\n\tpublic override removeAttribute( key: string ): void {\n\t\tif ( this._removeAttribute( key ) ) {\n\t\t\t// Fire event with exact data.\n\t\t\tconst attributeKeys = [ key ];\n\t\t\tthis.fire<ModelDocumentSelectionChangeAttributeEvent>( 'change:attribute', { attributeKeys, directChange: true } );\n\t\t}\n\t}\n\n\tpublic overrideGravity(): string {\n\t\tconst overrideUid = uid();\n\n\t\t// Remember that another overriding has been requested. It will need to be removed\n\t\t// before the gravity is to be restored.\n\t\tthis._overriddenGravityRegister.add( overrideUid );\n\n\t\tif ( this._overriddenGravityRegister.size === 1 ) {\n\t\t\tthis._updateAttributes( true );\n\t\t}\n\n\t\treturn overrideUid;\n\t}\n\n\tpublic restoreGravity( uid: string ): void {\n\t\tif ( !this._overriddenGravityRegister.has( uid ) ) {\n\t\t\t/**\n\t\t\t * Restoring gravity for an unknown UID is not possible. Make sure you are using a correct\n\t\t\t * UID obtained from the {@link module:engine/model/writer~ModelWriter#overrideSelectionGravity} to restore.\n\t\t\t *\n\t\t\t * @error document-selection-gravity-wrong-restore\n\t\t\t * @param {string} uid The unique identifier returned by\n\t\t\t * {@link module:engine/model/documentselection~ModelDocumentSelection#_overrideGravity}.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'document-selection-gravity-wrong-restore',\n\t\t\t\tthis,\n\t\t\t\t{ uid }\n\t\t\t);\n\t\t}\n\n\t\tthis._overriddenGravityRegister.delete( uid );\n\n\t\t// Restore gravity only when all overriding have been restored.\n\t\tif ( !this.isGravityOverridden ) {\n\t\t\tthis._updateAttributes( true );\n\t\t}\n\t}\n\n\tpublic observeMarkers( prefixOrName: string ): void {\n\t\tthis._observedMarkers.add( prefixOrName );\n\t\tthis.updateMarkers();\n\t}\n\n\tprotected override _replaceAllRanges( ranges: Array<ModelRange> ): void {\n\t\tthis._validateSelectionRanges( ranges );\n\n\t\tsuper._replaceAllRanges( ranges );\n\t}\n\n\tprotected override _popRange(): void {\n\t\tthis._ranges.pop()!.detach();\n\t}\n\n\tprotected override _pushRange( range: ModelRange ): void {\n\t\tconst liveRange = this._prepareRange( range );\n\n\t\t// `undefined` is returned when given `range` is in graveyard root.\n\t\tif ( liveRange ) {\n\t\t\tthis._ranges.push( liveRange );\n\t\t}\n\t}\n\n\t/**\n\t * Converts `LiveSelection` to plain object and returns it.\n\t *\n\t * @returns `LiveSelection` converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tif ( this.markers.length ) {\n\t\t\tjson.markers = this.markers.map( marker => marker.toJSON() );\n\t\t}\n\n\t\treturn json;\n\t}\n\n\tprivate _validateSelectionRanges( ranges: Iterable<ModelRange> ) {\n\t\tfor ( const range of ranges ) {\n\t\t\tif ( !this._document._validateSelectionRange( range ) ) {\n\t\t\t\t/**\n\t\t\t\t * Range from {@link module:engine/model/documentselection~ModelDocumentSelection document selection}\n\t\t\t\t * starts or ends at incorrect position.\n\t\t\t\t *\n\t\t\t\t * @error document-selection-wrong-position\n\t\t\t\t * @param {module:engine/model/range~ModelRange} range The invalid range.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'document-selection-wrong-position',\n\t\t\t\t\tthis,\n\t\t\t\t\t{ range }\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Prepares given range to be added to selection. Checks if it is correct,\n\t * converts it to {@link module:engine/model/liverange~ModelLiveRange ModelLiveRange}\n\t * and sets listeners listening to the range's change event.\n\t */\n\tprivate _prepareRange( range: ModelRange ): ModelLiveRange | undefined {\n\t\tthis._checkRange( range );\n\n\t\tif ( range.root == this._document.graveyard ) {\n\t\t\t// @if CK_DEBUG // console.warn( 'Trying to add a Range that is in the graveyard root. Range rejected.' );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst liveRange = ModelLiveRange.fromRange( range );\n\n\t\t// If selection range is moved to the graveyard remove it from the selection object.\n\t\t// Also, save some data that can be used to restore selection later, on `Model#applyOperation` event.\n\t\tliveRange.on( 'change:range', ( evt, oldRange, data ) => {\n\t\t\tthis._hasChangedRange = true;\n\n\t\t\tif ( liveRange.root == this._document.graveyard ) {\n\t\t\t\tthis._selectionRestorePosition = data.deletionPosition;\n\n\t\t\t\tconst index = this._ranges.indexOf( liveRange );\n\t\t\t\tthis._ranges.splice( index, 1 );\n\t\t\t\tliveRange.detach();\n\t\t\t}\n\t\t} );\n\n\t\treturn liveRange;\n\t}\n\n\tpublic updateMarkers(): void {\n\t\tif ( !this._observedMarkers.size ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst markers = [];\n\t\tlet changed = false;\n\n\t\tfor ( const marker of this._model.markers ) {\n\t\t\tconst markerGroup = marker.name.split( ':', 1 )[ 0 ];\n\n\t\t\tif ( !this._observedMarkers.has( markerGroup ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst markerRange = marker.getRange();\n\n\t\t\tfor ( const selectionRange of this.getRanges() ) {\n\t\t\t\tif ( markerRange.containsRange( selectionRange, !selectionRange.isCollapsed ) ) {\n\t\t\t\t\tmarkers.push( marker );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst oldMarkers = Array.from( this.markers );\n\n\t\tfor ( const marker of markers ) {\n\t\t\tif ( !this.markers.has( marker ) ) {\n\t\t\t\tthis.markers.add( marker );\n\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t}\n\n\t\tfor ( const marker of Array.from( this.markers ) ) {\n\t\t\tif ( !markers.includes( marker ) ) {\n\t\t\t\tthis.markers.remove( marker );\n\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t}\n\n\t\tif ( changed ) {\n\t\t\tthis.fire<ModelDocumentSelectionChangeMarkerEvent>( 'change:marker', { oldMarkers, directChange: false } );\n\t\t}\n\t}\n\n\tprivate _updateMarker( marker: Marker, markerRange: ModelRange | null ): void {\n\t\tconst markerGroup = marker.name.split( ':', 1 )[ 0 ];\n\n\t\tif ( !this._observedMarkers.has( markerGroup ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet changed = false;\n\n\t\tconst oldMarkers = Array.from( this.markers );\n\t\tconst hasMarker = this.markers.has( marker );\n\n\t\tif ( !markerRange ) {\n\t\t\tif ( hasMarker ) {\n\t\t\t\tthis.markers.remove( marker );\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t} else {\n\t\t\tlet contained = false;\n\n\t\t\tfor ( const selectionRange of this.getRanges() ) {\n\t\t\t\tif ( markerRange.containsRange( selectionRange, !selectionRange.isCollapsed ) ) {\n\t\t\t\t\tcontained = true;\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( contained && !hasMarker ) {\n\t\t\t\tthis.markers.add( marker );\n\n\t\t\t\tchanged = true;\n\t\t\t} else if ( !contained && hasMarker ) {\n\t\t\t\tthis.markers.remove( marker );\n\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t}\n\n\t\tif ( changed ) {\n\t\t\tthis.fire<ModelDocumentSelectionChangeMarkerEvent>( 'change:marker', { oldMarkers, directChange: false } );\n\t\t}\n\t}\n\n\t/**\n\t * Updates this selection attributes according to its ranges and the {@link module:engine/model/document~ModelDocument model document}.\n\t */\n\tpublic _updateAttributes( clearAll: boolean ): void {\n\t\tconst newAttributes = toMap( this._getSurroundingAttributes() );\n\t\tconst oldAttributes = toMap( this.getAttributes() );\n\n\t\tif ( clearAll ) {\n\t\t\t// If `clearAll` remove all attributes and reset priorities.\n\t\t\tthis._attributePriority = new Map();\n\t\t\tthis._attrs = new Map();\n\t\t} else {\n\t\t\t// If not, remove only attributes added with `low` priority.\n\t\t\tfor ( const [ key, priority ] of this._attributePriority ) {\n\t\t\t\tif ( priority == 'low' ) {\n\t\t\t\t\tthis._attrs.delete( key );\n\t\t\t\t\tthis._attributePriority.delete( key );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis._setAttributesTo( newAttributes );\n\n\t\t// Let's evaluate which attributes really changed.\n\t\tconst changed = [];\n\n\t\t// First, loop through all attributes that are set on selection right now.\n\t\t// Check which of them are different than old attributes.\n\t\tfor ( const [ newKey, newValue ] of this.getAttributes() ) {\n\t\t\tif ( !oldAttributes.has( newKey ) || oldAttributes.get( newKey ) !== newValue ) {\n\t\t\t\tchanged.push( newKey );\n\t\t\t}\n\t\t}\n\n\t\t// Then, check which of old attributes got removed.\n\t\tfor ( const [ oldKey ] of oldAttributes ) {\n\t\t\tif ( !this.hasAttribute( oldKey ) ) {\n\t\t\t\tchanged.push( oldKey );\n\t\t\t}\n\t\t}\n\n\t\t// Fire event with exact data (fire only if anything changed).\n\t\tif ( changed.length > 0 ) {\n\t\t\tthis.fire<ModelDocumentSelectionChangeAttributeEvent>( 'change:attribute', { attributeKeys: changed, directChange: false } );\n\t\t}\n\t}\n\n\t/**\n\t * Internal method for setting `LiveSelection` attribute. Supports attribute priorities (through `directChange`\n\t * parameter).\n\t */\n\tprivate _setAttribute( key: string, value: unknown, directChange: boolean = true ): boolean {\n\t\tconst priority = directChange ? 'normal' : 'low';\n\n\t\tif ( priority == 'low' && this._attributePriority.get( key ) == 'normal' ) {\n\t\t\t// Priority too low.\n\t\t\treturn false;\n\t\t}\n\n\t\tconst oldValue = super.getAttribute( key );\n\n\t\t// Don't do anything if value has not changed.\n\t\tif ( oldValue === value ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis._attrs.set( key, value );\n\n\t\t// Update priorities map.\n\t\tthis._attributePriority.set( key, priority );\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Internal method for removing `LiveSelection` attribute. Supports attribute priorities (through `directChange`\n\t * parameter).\n\t *\n\t * NOTE: Even if attribute is not present in the selection but is provided to this method, it's priority will\n\t * be changed according to `directChange` parameter.\n\t */\n\tprivate _removeAttribute( key: string, directChange: boolean = true ): boolean {\n\t\tconst priority = directChange ? 'normal' : 'low';\n\n\t\tif ( priority == 'low' && this._attributePriority.get( key ) == 'normal' ) {\n\t\t\t// Priority too low.\n\t\t\treturn false;\n\t\t}\n\n\t\t// Update priorities map.\n\t\tthis._attributePriority.set( key, priority );\n\n\t\t// Don't do anything if value has not changed.\n\t\tif ( !super.hasAttribute( key ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis._attrs.delete( key );\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Internal method for setting multiple `LiveSelection` attributes. Supports attribute priorities (through\n\t * `directChange` parameter).\n\t */\n\tprivate _setAttributesTo( attrs: Map<string, unknown> ): Set<string> {\n\t\tconst changed = new Set<string>();\n\n\t\tfor ( const [ oldKey, oldValue ] of this.getAttributes() ) {\n\t\t\t// Do not remove attribute if attribute with same key and value is about to be set.\n\t\t\tif ( attrs.get( oldKey ) === oldValue ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// All rest attributes will be removed so changed attributes won't change .\n\t\t\tthis._removeAttribute( oldKey, false );\n\t\t}\n\n\t\tfor ( const [ key, value ] of attrs ) {\n\t\t\t// Attribute may not be set because of attributes or because same key/value is already added.\n\t\t\tconst gotAdded = this._setAttribute( key, value, false );\n\n\t\t\tif ( gotAdded ) {\n\t\t\t\tchanged.add( key );\n\t\t\t}\n\t\t}\n\n\t\treturn changed;\n\t}\n\n\t/**\n\t * Returns an iterable that iterates through all selection attributes stored in current selection's parent.\n\t */\n\tpublic* getStoredAttributes(): IterableIterator<[ string, unknown ]> {\n\t\tconst selectionParent = this.getFirstPosition()!.parent as ModelElement;\n\n\t\tif ( this.isCollapsed && selectionParent.isEmpty ) {\n\t\t\tfor ( const key of selectionParent.getAttributeKeys() ) {\n\t\t\t\tif ( key.startsWith( storePrefix ) ) {\n\t\t\t\t\tconst realKey = key.substr( storePrefix.length );\n\n\t\t\t\t\tyield [ realKey, selectionParent.getAttribute( key ) ];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Checks model text nodes that are closest to the selection's first position and returns attributes of first\n\t * found element. If there are no text nodes in selection's first position parent, it returns selection\n\t * attributes stored in that parent.\n\t */\n\tprivate _getSurroundingAttributes(): Iterable<[ string, unknown ]> | null {\n\t\tconst position = this.getFirstPosition()!;\n\t\tconst schema = this._model.schema;\n\n\t\tif ( position.root.rootName == '$graveyard' ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet attrs = null;\n\n\t\tif ( !this.isCollapsed ) {\n\t\t\t// 1. If selection is a range...\n\t\t\tconst range = this.getFirstRange();\n\n\t\t\t// ...look for a first character node in that range and take attributes from it.\n\t\t\tfor ( const value of range ) {\n\t\t\t\t// If the item is an object, we don't want to get attributes from its children...\n\t\t\t\tif ( value.item.is( 'element' ) && schema.isObject( value.item ) ) {\n\t\t\t\t\t// ...but collect attributes from inline object.\n\t\t\t\t\tattrs = getTextAttributes( value.item, schema );\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tif ( value.type == 'text' ) {\n\t\t\t\t\tattrs = value.item.getAttributes();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// 2. If the selection is a caret or the range does not contain a character node...\n\n\t\t\tconst nodeBefore = position.textNode ? position.textNode : position.nodeBefore;\n\t\t\tconst nodeAfter = position.textNode ? position.textNode : position.nodeAfter;\n\n\t\t\t// When gravity is overridden then don't take node before into consideration.\n\t\t\tif ( !this.isGravityOverridden ) {\n\t\t\t\t// ...look at the node before caret and take attributes from it if it is a character node.\n\t\t\t\tattrs = getTextAttributes( nodeBefore, schema );\n\t\t\t}\n\n\t\t\t// 3. If not, look at the node after caret...\n\t\t\tif ( !attrs ) {\n\t\t\t\tattrs = getTextAttributes( nodeAfter, schema );\n\t\t\t}\n\n\t\t\t// 4. If not, try to find the first character on the left, that is in the same node.\n\t\t\t// When gravity is overridden then don't take node before into consideration.\n\t\t\tif ( !this.isGravityOverridden && !attrs ) {\n\t\t\t\tlet node = nodeBefore;\n\n\t\t\t\twhile ( node && !attrs ) {\n\t\t\t\t\tnode = node.previousSibling;\n\t\t\t\t\tattrs = getTextAttributes( node, schema );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// 5. If not found, try to find the first character on the right, that is in the same node.\n\t\t\tif ( !attrs ) {\n\t\t\t\tlet node = nodeAfter;\n\n\t\t\t\twhile ( node && !attrs ) {\n\t\t\t\t\tnode = node.nextSibling;\n\t\t\t\t\tattrs = getTextAttributes( node, schema );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// 6. If not found, selection should retrieve attributes from parent.\n\t\t\tif ( !attrs ) {\n\t\t\t\tattrs = this.getStoredAttributes();\n\t\t\t}\n\t\t}\n\n\t\treturn attrs;\n\t}\n\n\t/**\n\t * Fixes the selection after all its ranges got removed.\n\t * @param deletionPosition Position where the deletion happened.\n\t */\n\tprivate _fixGraveyardSelection( deletionPosition: ModelPosition ): void {\n\t\t// Find a range that is a correct selection range and is closest to the position where the deletion happened.\n\t\tconst selectionRange = this._model.schema.getNearestSelectionRange( deletionPosition );\n\n\t\t// If nearest valid selection range has been found - add it in the place of old range.\n\t\tif ( selectionRange ) {\n\t\t\t// Check the range, convert it to live range, bind events, etc.\n\t\t\tthis._pushRange( selectionRange );\n\t\t}\n\t\t// If nearest valid selection range cannot be found don't add any range. Selection will be set to the default range.\n\t}\n}\n\n/**\n * Helper function for {@link module:engine/model/liveselection~LiveSelection#_updateAttributes}.\n *\n * It checks if the passed model item is a text node (or text proxy) and, if so, returns it's attributes.\n * If not, it checks if item is an inline object and does the same. Otherwise it returns `null`.\n */\nfunction getTextAttributes( node: ModelItem | null, schema: ModelSchema ): Iterable<[string, unknown]> | null {\n\tif ( !node ) {\n\t\treturn null;\n\t}\n\n\tif ( node instanceof ModelTextProxy || node instanceof ModelText ) {\n\t\treturn node.getAttributes();\n\t}\n\n\tif ( !schema.isInline( node ) ) {\n\t\treturn null;\n\t}\n\n\t// Stop on inline elements (such as `<softBreak>`) that are not objects (such as `<imageInline>` or `<mathml>`).\n\tif ( !schema.isObject( node ) ) {\n\t\treturn [];\n\t}\n\n\tconst attributes: Array<[string, unknown]> = [];\n\n\t// Collect all attributes that can be applied to the text node.\n\tfor ( const [ key, value ] of node.getAttributes() ) {\n\t\tif (\n\t\t\tschema.checkAttribute( '$text', key ) &&\n\t\t\tschema.getAttributeProperties( key ).copyFromObject !== false\n\t\t) {\n\t\t\tattributes.push( [ key, value ] );\n\t\t}\n\t}\n\n\treturn attributes;\n}\n\n/**\n * Removes selection attributes from element which is not empty anymore.\n */\nfunction clearAttributesStoredInElement( model: Model, batch: Batch ) {\n\tconst differ = model.document.differ;\n\n\tfor ( const entry of differ.getChanges() ) {\n\t\tif ( entry.type != 'insert' ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst changeParent = entry.position.parent as ModelElement;\n\t\tconst isNoLongerEmpty = entry.length === changeParent.maxOffset;\n\n\t\tif ( isNoLongerEmpty ) {\n\t\t\tmodel.enqueueChange( batch, writer => {\n\t\t\t\tconst storedAttributes = Array.from( changeParent.getAttributeKeys() )\n\t\t\t\t\t.filter( key => key.startsWith( storePrefix ) );\n\n\t\t\t\tfor ( const key of storedAttributes ) {\n\t\t\t\t\twriter.removeAttribute( key, changeParent );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/nodelist\n */\n\nimport { ModelNode } from './node.js';\n\nimport { CKEditorError, spliceArray } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Provides an interface to operate on a list of {@link module:engine/model/node~ModelNode nodes}. `NodeList` is used internally\n * in classes like {@link module:engine/model/element~ModelElement Element}\n * or {@link module:engine/model/documentfragment~ModelDocumentFragment ModelDocumentFragment}.\n */\nexport class ModelNodeList implements Iterable<ModelNode> {\n\t/**\n\t * Nodes contained in this node list.\n\t */\n\tprivate _nodes: Array<ModelNode> = [];\n\n\t/**\n\t * This array maps numbers (offsets) to node that is placed at that offset.\n\t *\n\t * This array is similar to `_nodes` with the difference that one node may occupy multiple consecutive items in the array.\n\t *\n\t * This array is needed to quickly retrieve a node that is placed at given offset.\n\t */\n\tprivate _offsetToNode: Array<ModelNode> = [];\n\n\t/**\n\t * Creates a node list.\n\t *\n\t * @internal\n\t * @param nodes Nodes contained in this node list.\n\t */\n\tconstructor( nodes?: Iterable<ModelNode> ) {\n\t\tif ( nodes ) {\n\t\t\tthis._insertNodes( 0, nodes );\n\t\t}\n\t}\n\n\t/**\n\t * Iterable interface.\n\t *\n\t * Iterates over all nodes contained inside this node list.\n\t */\n\tpublic [ Symbol.iterator ](): IterableIterator<ModelNode> {\n\t\treturn this._nodes[ Symbol.iterator ]();\n\t}\n\n\t/**\n\t * Number of nodes contained inside this node list.\n\t */\n\tpublic get length(): number {\n\t\treturn this._nodes.length;\n\t}\n\n\t/**\n\t * Sum of {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all nodes contained inside this node list.\n\t */\n\tpublic get maxOffset(): number {\n\t\treturn this._offsetToNode.length;\n\t}\n\n\t/**\n\t * Gets the node at the given index. Returns `null` if incorrect index was passed.\n\t */\n\tpublic getNode( index: number ): ModelNode | null {\n\t\treturn this._nodes[ index ] || null;\n\t}\n\n\t/**\n\t * Gets the node at the given offset. Returns `null` if incorrect offset was passed.\n\t */\n\tpublic getNodeAtOffset( offset: number ): ModelNode | null {\n\t\treturn this._offsetToNode[ offset ] || null;\n\t}\n\n\t/**\n\t * Returns an index of the given node or `null` if given node does not have a parent.\n\t *\n\t * This is an alias to {@link module:engine/model/node~ModelNode#index}.\n\t */\n\tpublic getNodeIndex( node: ModelNode ): number | null {\n\t\treturn node.index;\n\t}\n\n\t/**\n\t * Returns the offset at which given node is placed in its parent or `null` if given node does not have a parent.\n\t *\n\t * This is an alias to {@link module:engine/model/node~ModelNode#startOffset}.\n\t */\n\tpublic getNodeStartOffset( node: ModelNode ): number | null {\n\t\treturn node.startOffset;\n\t}\n\n\t/**\n\t * Converts index to offset in node list.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `model-nodelist-index-out-of-bounds` if given index is less\n\t * than `0` or more than {@link #length}.\n\t */\n\tpublic indexToOffset( index: number ): number {\n\t\tif ( index == this._nodes.length ) {\n\t\t\treturn this.maxOffset;\n\t\t}\n\n\t\tconst node = this._nodes[ index ];\n\n\t\tif ( !node ) {\n\t\t\t/**\n\t\t\t * Given index cannot be found in the node list.\n\t\t\t *\n\t\t\t * @error model-nodelist-index-out-of-bounds\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-nodelist-index-out-of-bounds', this );\n\t\t}\n\n\t\treturn this.getNodeStartOffset( node )!;\n\t}\n\n\t/**\n\t * Converts offset in node list to index.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `model-nodelist-offset-out-of-bounds` if given offset is less\n\t * than `0` or more than {@link #maxOffset}.\n\t */\n\tpublic offsetToIndex( offset: number ): number {\n\t\tif ( offset == this._offsetToNode.length ) {\n\t\t\treturn this._nodes.length;\n\t\t}\n\n\t\tconst node = this._offsetToNode[ offset ];\n\n\t\tif ( !node ) {\n\t\t\t/**\n\t\t\t * Given offset cannot be found in the node list.\n\t\t\t *\n\t\t\t * @error model-nodelist-offset-out-of-bounds\n\t\t\t * @param {number} offset The offset value.\n\t\t\t * @param {module:engine/model/nodelist~ModelNodeList} nodeList Stringified node list.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-nodelist-offset-out-of-bounds',\n\t\t\t\tthis,\n\t\t\t\t{\n\t\t\t\t\toffset,\n\t\t\t\t\tnodeList: this\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\treturn this.getNodeIndex( node )!;\n\t}\n\n\t/**\n\t * Inserts given nodes at given index.\n\t *\n\t * @internal\n\t * @param index Index at which nodes should be inserted.\n\t * @param nodes Nodes to be inserted.\n\t */\n\tpublic _insertNodes( index: number, nodes: Iterable<ModelNode> ): void {\n\t\tconst nodesArray: Array<ModelNode> = [];\n\n\t\t// Validation.\n\t\tfor ( const node of nodes ) {\n\t\t\tif ( !( node instanceof ModelNode ) ) {\n\t\t\t\t/**\n\t\t\t\t * Trying to insert an object which is not a Node instance.\n\t\t\t\t *\n\t\t\t\t * @error model-nodelist-insertnodes-not-node\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'model-nodelist-insertnodes-not-node', this );\n\t\t\t}\n\n\t\t\tnodesArray.push( node );\n\t\t}\n\n\t\tlet offset = this.indexToOffset( index );\n\n\t\t// Splice nodes array and offsets array into the nodelist.\n\t\tspliceArray( this._nodes, nodesArray, index );\n\t\tspliceArray( this._offsetToNode, makeOffsetsArray( nodesArray ), offset );\n\n\t\t// Refresh indexes and offsets for nodes inside this node list. We need to do this for all inserted nodes and all nodes after them.\n\t\tfor ( let i = index; i < this._nodes.length; i++ ) {\n\t\t\tthis._nodes[ i ]._index = i;\n\t\t\tthis._nodes[ i ]._startOffset = offset;\n\n\t\t\toffset += this._nodes[ i ].offsetSize;\n\t\t}\n\t}\n\n\t/**\n\t * Removes one or more nodes starting at the given index.\n\t *\n\t * @internal\n\t * @param indexStart Index of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @returns Array containing removed nodes.\n\t */\n\tpublic _removeNodes( indexStart: number, howMany: number = 1 ): Array<ModelNode> {\n\t\tif ( howMany == 0 ) {\n\t\t\treturn [];\n\t\t}\n\n\t\t// Remove nodes from this nodelist.\n\t\tlet offset = this.indexToOffset( indexStart );\n\t\tconst nodes = this._nodes.splice( indexStart, howMany );\n\t\tconst lastNode = nodes[ nodes.length - 1 ];\n\t\tconst removedOffsetSum = lastNode.startOffset! + lastNode.offsetSize - offset;\n\t\tthis._offsetToNode.splice( offset, removedOffsetSum );\n\n\t\t// Reset index and start offset properties for the removed nodes -- they do not have a parent anymore.\n\t\tfor ( const node of nodes ) {\n\t\t\tnode._index = null;\n\t\t\tnode._startOffset = null;\n\t\t}\n\n\t\tfor ( let i = indexStart; i < this._nodes.length; i++ ) {\n\t\t\tthis._nodes[ i ]._index = i;\n\t\t\tthis._nodes[ i ]._startOffset = offset;\n\n\t\t\toffset += this._nodes[ i ].offsetSize;\n\t\t}\n\n\t\treturn nodes;\n\t}\n\n\t/**\n\t * Removes children nodes provided as an array. These nodes do not need to be direct siblings.\n\t *\n\t * This method is faster than removing nodes one by one, as it recalculates offsets only once.\n\t *\n\t * @internal\n\t * @param nodes Array of nodes.\n\t */\n\tpublic _removeNodesArray( nodes: Array<ModelNode> ): void {\n\t\tif ( nodes.length == 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor ( const node of nodes ) {\n\t\t\tnode._index = null;\n\t\t\tnode._startOffset = null;\n\t\t}\n\n\t\tthis._nodes = this._nodes.filter( node => node.index !== null );\n\t\tthis._offsetToNode = this._offsetToNode.filter( node => node.index !== null );\n\n\t\tlet offset = 0;\n\n\t\tfor ( let i = 0; i < this._nodes.length; i++ ) {\n\t\t\tthis._nodes[ i ]._index = i;\n\t\t\tthis._nodes[ i ]._startOffset = offset;\n\n\t\t\toffset += this._nodes[ i ].offsetSize;\n\t\t}\n\t}\n\n\t/**\n\t * Converts `NodeList` instance to an array containing nodes that were inserted in the node list. Nodes\n\t * are also converted to their plain object representation.\n\t *\n\t * @returns `NodeList` instance converted to `Array`.\n\t */\n\tpublic toJSON(): unknown {\n\t\treturn this._nodes.map( node => node.toJSON() );\n\t}\n}\n\n/**\n * Creates an array of nodes in the format as in {@link module:engine/model/nodelist~ModelNodeList#_offsetToNode}, i.e. one node will\n * occupy multiple items if its offset size is greater than one.\n */\nfunction makeOffsetsArray( nodes: Array<ModelNode> ): Array<ModelNode> {\n\tconst offsets = [];\n\tlet index = 0;\n\n\tfor ( const node of nodes ) {\n\t\tfor ( let i = 0; i < node.offsetSize; i++ ) {\n\t\t\toffsets[ index++ ] = node;\n\t\t}\n\t}\n\n\treturn offsets;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/element\n */\n\nimport { ModelNode, type ModelNodeAttributes } from './node.js';\nimport { ModelNodeList } from './nodelist.js';\nimport { ModelText } from './text.js';\nimport { ModelTextProxy } from './textproxy.js';\n\nimport { type ModelItem } from './item.js';\n\nimport { isIterable } from '@ckeditor/ckeditor5-utils';\n\n// @if CK_DEBUG_ENGINE // const { stringifyMap, convertMapToStringifiedObject, convertMapToTags } = require( '../dev-utils/utils' );\n\n/**\n * Model element. Type of {@link module:engine/model/node~ModelNode node} that has a\n * {@link module:engine/model/element~ModelElement#name name} and {@link module:engine/model/element~ModelElement#getChildren child nodes}.\n *\n * **Important**: see {@link module:engine/model/node~ModelNode} to read about restrictions using `Element` and `Node` API.\n */\nexport class ModelElement extends ModelNode {\n\t/**\n\t * Element name.\n\t */\n\tpublic readonly name: string;\n\n\t/**\n\t * List of children nodes.\n\t */\n\tprivate readonly _children: ModelNodeList = new ModelNodeList();\n\n\t/**\n\t * Creates a model element.\n\t *\n\t * **Note:** Constructor of this class shouldn't be used directly in the code.\n\t * Use the {@link module:engine/model/writer~ModelWriter#createElement} method instead.\n\t *\n\t * @internal\n\t * @param name Element's name.\n\t * @param attrs Element's attributes. See {@link module:utils/tomap~toMap} for a list of accepted values.\n\t * @param children One or more nodes to be inserted as children of created element.\n\t */\n\tconstructor(\n\t\tname: string,\n\t\tattrs?: ModelNodeAttributes,\n\t\tchildren?: string | ModelItem | Iterable<string | ModelItem>\n\t) {\n\t\tsuper( attrs );\n\n\t\tthis.name = name;\n\n\t\tif ( children ) {\n\t\t\tthis._insertChild( 0, children );\n\t\t}\n\t}\n\n\t/**\n\t * Number of this element's children.\n\t */\n\tpublic get childCount(): number {\n\t\treturn this._children.length;\n\t}\n\n\t/**\n\t * Sum of {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all of this element's children.\n\t */\n\tpublic get maxOffset(): number {\n\t\treturn this._children.maxOffset;\n\t}\n\n\t/**\n\t * Is `true` if there are no nodes inside this element, `false` otherwise.\n\t */\n\tpublic get isEmpty(): boolean {\n\t\treturn this.childCount === 0;\n\t}\n\n\t/**\n\t * Gets the child at the given index. Returns `null` if incorrect index was passed.\n\t *\n\t * @param index Index in this element.\n\t * @returns Child node.\n\t */\n\tpublic getChild( index: number ): ModelNode | null {\n\t\treturn this._children.getNode( index );\n\t}\n\n\t/**\n\t * Gets the child at the given offset. Returns `null` if incorrect index was passed.\n\t *\n\t * @param offset Offset in this element.\n\t * @returns Child node.\n\t */\n\tpublic getChildAtOffset( offset: number ): ModelNode | null {\n\t\treturn this._children.getNodeAtOffset( offset );\n\t}\n\n\t/**\n\t * Returns an iterator that iterates over all of this element's children.\n\t */\n\tpublic getChildren(): IterableIterator<ModelNode> {\n\t\treturn this._children[ Symbol.iterator ]();\n\t}\n\n\t/**\n\t * Returns an index of the given child node. Returns `null` if given node is not a child of this element.\n\t *\n\t * @param node Child node to look for.\n\t * @returns Child node's index in this element.\n\t */\n\tpublic getChildIndex( node: ModelNode ): number | null {\n\t\treturn this._children.getNodeIndex( node );\n\t}\n\n\t/**\n\t * Returns the starting offset of given child. Starting offset is equal to the sum of\n\t * {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all node's siblings that are before it. Returns `null` if\n\t * given node is not a child of this element.\n\t *\n\t * @param node Child node to look for.\n\t * @returns Child node's starting offset.\n\t */\n\tpublic getChildStartOffset( node: ModelNode ): number | null {\n\t\treturn this._children.getNodeStartOffset( node );\n\t}\n\n\t/**\n\t * Returns index of a node that occupies given offset. If given offset is too low, returns `0`. If given offset is\n\t * too high, returns {@link module:engine/model/element~ModelElement#getChildIndex index after last child}.\n\t *\n\t * ```ts\n\t * const textNode = new Text( 'foo' );\n\t * const pElement = new Element( 'p' );\n\t * const divElement = new Element( [ textNode, pElement ] );\n\t * divElement.offsetToIndex( -1 ); // Returns 0, because offset is too low.\n\t * divElement.offsetToIndex( 0 ); // Returns 0, because offset 0 is taken by `textNode` which is at index 0.\n\t * divElement.offsetToIndex( 1 ); // Returns 0, because `textNode` has `offsetSize` equal to 3, so it occupies offset 1 too.\n\t * divElement.offsetToIndex( 2 ); // Returns 0.\n\t * divElement.offsetToIndex( 3 ); // Returns 1.\n\t * divElement.offsetToIndex( 4 ); // Returns 2. There are no nodes at offset 4, so last available index is returned.\n\t * ```\n\t */\n\tpublic offsetToIndex( offset: number ): number {\n\t\treturn this._children.offsetToIndex( offset );\n\t}\n\n\t/**\n\t * Returns a descendant node by its path relative to this element.\n\t *\n\t * ```ts\n\t * // <this>a<b>c</b></this>\n\t * this.getNodeByPath( [ 0 ] );     // -> \"a\"\n\t * this.getNodeByPath( [ 1 ] );     // -> <b>\n\t * this.getNodeByPath( [ 1, 0 ] );  // -> \"c\"\n\t * ```\n\t *\n\t * @param relativePath Path of the node to find, relative to this element.\n\t */\n\tpublic getNodeByPath( relativePath: Array<number> ): ModelNode {\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n\t\tlet node: ModelNode = this;\n\n\t\tfor ( const offset of relativePath ) {\n\t\t\tnode = ( node as ModelElement ).getChildAtOffset( offset )!;\n\t\t}\n\n\t\treturn node;\n\t}\n\n\t/**\n\t * Returns the parent element of the given name. Returns null if the element is not inside the desired parent.\n\t *\n\t * @param parentName The name of the parent element to find.\n\t * @param options Options object.\n\t * @param options.includeSelf When set to `true` this node will be also included while searching.\n\t */\n\tpublic findAncestor( parentName: string, options: { includeSelf?: boolean } = {} ): ModelElement | null {\n\t\tlet parent = options.includeSelf ? this : this.parent;\n\n\t\twhile ( parent ) {\n\t\t\tif ( parent.name === parentName ) {\n\t\t\t\treturn parent;\n\t\t\t}\n\n\t\t\tparent = parent.parent;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Converts `Element` instance to plain object and returns it. Takes care of converting all of this element's children.\n\t *\n\t * @returns `Element` instance converted to plain object.\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.name = this.name;\n\n\t\tif ( this._children.length > 0 ) {\n\t\t\tjson.children = [];\n\n\t\t\tfor ( const node of this._children ) {\n\t\t\t\tjson.children.push( node.toJSON() );\n\t\t\t}\n\t\t}\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Creates a copy of this element and returns it. Created element has the same name and attributes as the original element.\n\t * If clone is deep, the original element's children are also cloned. If not, then empty element is returned.\n\t *\n\t * @internal\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any child.\n\t */\n\tpublic override _clone( deep = false ): ModelElement {\n\t\tconst children = deep ? cloneNodes( this._children ) : undefined;\n\n\t\treturn new ModelElement( this.name, this.getAttributes(), children );\n\t}\n\n\t/**\n\t * {@link module:engine/model/element~ModelElement#_insertChild Inserts} one or more nodes at the end of this element.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#append\n\t * @internal\n\t * @param nodes Nodes to be inserted.\n\t */\n\tpublic _appendChild( nodes: string | ModelItem | Iterable<string | ModelItem> ): void {\n\t\tthis._insertChild( this.childCount, nodes );\n\t}\n\n\t/**\n\t * Inserts one or more nodes at the given index and sets {@link module:engine/model/node~ModelNode#parent parent} of these nodes\n\t * to this element.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#insert\n\t * @internal\n\t * @param index Index at which nodes should be inserted.\n\t * @param items Items to be inserted.\n\t */\n\tpublic _insertChild( index: number, items: string | ModelItem | Iterable<string | ModelItem> ): void {\n\t\tconst nodes = normalize( items );\n\n\t\tfor ( const node of nodes ) {\n\t\t\t// If node that is being added to this element is already inside another element, first remove it from the old parent.\n\t\t\tif ( node.parent !== null ) {\n\t\t\t\tnode._remove();\n\t\t\t}\n\n\t\t\t( node as any ).parent = this;\n\t\t}\n\n\t\tthis._children._insertNodes( index, nodes );\n\t}\n\n\t/**\n\t * Removes one or more nodes starting at the given index and sets\n\t * {@link module:engine/model/node~ModelNode#parent parent} of these nodes to `null`.\n\t *\n\t * @see module:engine/model/writer~ModelWriter#remove\n\t * @internal\n\t * @param index Index of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @returns Array containing removed nodes.\n\t */\n\tpublic _removeChildren( index: number, howMany: number = 1 ): Array<ModelNode> {\n\t\tconst nodes = this._children._removeNodes( index, howMany );\n\n\t\tfor ( const node of nodes ) {\n\t\t\t( node as any ).parent = null;\n\t\t}\n\n\t\treturn nodes;\n\t}\n\n\t/**\n\t * Removes children nodes provided as an array and sets\n\t * the {@link module:engine/model/node~ModelNode#parent parent} of these nodes to `null`.\n\t *\n\t * These nodes do not need to be direct siblings.\n\t *\n\t * This method is faster than removing nodes one by one, as it recalculates offsets only once.\n\t *\n\t * @internal\n\t * @param nodes Array of nodes.\n\t */\n\tpublic _removeChildrenArray( nodes: Array<ModelNode> ): void {\n\t\tthis._children._removeNodesArray( nodes );\n\n\t\tfor ( const node of nodes ) {\n\t\t\t( node as any ).parent = null;\n\t\t}\n\t}\n\n\t/**\n\t * Creates an `Element` instance from given plain object (i.e. parsed JSON string).\n\t * Converts `Element` children to proper nodes.\n\t *\n\t * @param json Plain object to be converted to `Element`.\n\t * @returns `Element` instance created using given plain object.\n\t */\n\tpublic static fromJSON( json: any ): ModelElement {\n\t\tlet children: Array<ModelNode> | undefined;\n\n\t\tif ( json.children ) {\n\t\t\tchildren = [];\n\n\t\t\tfor ( const child of json.children ) {\n\t\t\t\tif ( child.name ) {\n\t\t\t\t\t// If child has name property, it is an Element.\n\t\t\t\t\tchildren.push( ModelElement.fromJSON( child ) );\n\t\t\t\t} else {\n\t\t\t\t\t// Otherwise, it is a Text node.\n\t\t\t\t\tchildren.push( ModelText.fromJSON( child ) );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn new ModelElement( json.name, json.attributes, children );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `<${ this.rootName || this.name }>`;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public log(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ModelElement: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logExtended(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( `ModelElement: ${ this }, ${ this.childCount } children,\n\t// @if CK_DEBUG_ENGINE // \tattrs: ${ convertMapToStringifiedObject( this.getAttributes() ) }` );\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logAll(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( '--------------------' );\n\n\t// @if CK_DEBUG_ENGINE // \tthis.logExtended();\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'List of children:' );\n\n\t// @if CK_DEBUG_ENGINE // \tfor ( const child of this.getChildren() as any ) {\n\t// @if CK_DEBUG_ENGINE // \t\tchild.log();\n\t// @if CK_DEBUG_ENGINE // \t}\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public printTree( level = 0 ): string {\n\t// @if CK_DEBUG_ENGINE // \tlet string = '';\n\n\t// @if CK_DEBUG_ENGINE // \tstring += '\\t'.repeat( level );\n\t// @if CK_DEBUG_ENGINE // \tstring += `<${ this.rootName || this.name }${ convertMapToTags( this.getAttributes() ) }>`;\n\n\t// @if CK_DEBUG_ENGINE // \tfor ( const child of this.getChildren() as any ) {\n\t// @if CK_DEBUG_ENGINE // \t\tstring += '\\n';\n\n\t// @if CK_DEBUG_ENGINE // \t\tif ( child.is( '$text' ) ) {\n\t// @if CK_DEBUG_ENGINE // \t\t\tconst textAttrs = convertMapToTags( child._attrs );\n\n\t// @if CK_DEBUG_ENGINE // \t\t\tstring += '\\t'.repeat( level + 1 );\n\n\t// @if CK_DEBUG_ENGINE // \t\t\tif ( textAttrs !== '' ) {\n\t// @if CK_DEBUG_ENGINE // \t\t\t\tstring += `<$text${ textAttrs }>` + child.data + '</$text>';\n\t// @if CK_DEBUG_ENGINE // \t\t\t} else {\n\t// @if CK_DEBUG_ENGINE // \t\t\t\tstring += child.data;\n\t// @if CK_DEBUG_ENGINE // \t\t\t}\n\t// @if CK_DEBUG_ENGINE // \t\t} else {\n\t// @if CK_DEBUG_ENGINE // \t\t\tstring += child.printTree( level + 1 );\n\t// @if CK_DEBUG_ENGINE // \t\t}\n\t// @if CK_DEBUG_ENGINE // \t}\n\n\t// @if CK_DEBUG_ENGINE // \tif ( this.childCount ) {\n\t// @if CK_DEBUG_ENGINE // \t\tstring += '\\n' + '\\t'.repeat( level );\n\t// @if CK_DEBUG_ENGINE // \t}\n\n\t// @if CK_DEBUG_ENGINE // \tstring += `</${ this.rootName || this.name }>`;\n\n\t// @if CK_DEBUG_ENGINE // \treturn string;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logTree(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( this.printTree() );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'element' || type === 'model:element' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'node' || type === 'model:node';\n\t}\n\n\treturn name === this.name && ( type === 'element' || type === 'model:element' );\n};\n\n/**\n * Converts strings to Text and non-iterables to arrays.\n */\nfunction normalize( nodes: string | ModelItem | Iterable<string | ModelItem> ): Array<ModelNode> {\n\t// Separate condition because string is iterable.\n\tif ( typeof nodes == 'string' ) {\n\t\treturn [ new ModelText( nodes ) ];\n\t}\n\n\tif ( !isIterable( nodes ) ) {\n\t\tnodes = [ nodes ];\n\t}\n\n\tconst normalizedNodes: Array<ModelNode> = [];\n\n\tfor ( const node of nodes ) {\n\t\tif ( typeof node == 'string' ) {\n\t\t\tnormalizedNodes.push( new ModelText( node ) );\n\t\t} else if ( node instanceof ModelTextProxy ) {\n\t\t\tnormalizedNodes.push( new ModelText( node.data, node.getAttributes() ) );\n\t\t} else {\n\t\t\tnormalizedNodes.push( node );\n\t\t}\n\t}\n\n\treturn normalizedNodes;\n}\n\nfunction cloneNodes( nodes: ModelNodeList ): Array<ModelNode> {\n\tconst clonedNodes: Array<ModelNode> = [];\n\n\tfor ( const node of nodes ) {\n\t\tclonedNodes.push( node._clone( true ) );\n\t}\n\n\treturn clonedNodes;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/conversion/conversionhelpers\n */\n\n/**\n * Base class for conversion helpers.\n */\nexport class ConversionHelpers<TDispatcher> {\n\tprivate readonly _dispatchers: Array<TDispatcher>;\n\n\t/**\n\t * Creates a conversion helpers instance.\n\t */\n\tconstructor( dispatchers: Array<TDispatcher> ) {\n\t\tthis._dispatchers = dispatchers;\n\t}\n\n\t/**\n\t * Registers a conversion helper.\n\t *\n\t * **Note**: See full usage example in the `{@link module:engine/conversion/conversion~Conversion#for conversion.for()}`\n\t * method description.\n\t *\n\t * @param conversionHelper The function to be called on event.\n\t */\n\tpublic add( conversionHelper: ( dispatcher: TDispatcher ) => void ): this {\n\t\tfor ( const dispatcher of this._dispatchers ) {\n\t\t\tconversionHelper( dispatcher );\n\t\t}\n\n\t\treturn this;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 * Contains downcast (model-to-view) converters for {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}.\n *\n * @module engine/conversion/downcasthelpers\n */\n\nimport { ModelRange } from '../model/range.js';\nimport { ModelSelection } from '../model/selection.js';\nimport { ModelDocumentSelection } from '../model/documentselection.js';\nimport { ModelElement } from '../model/element.js';\nimport { ModelPosition } from '../model/position.js';\n\nimport { ViewAttributeElement } from '../view/attributeelement.js';\nimport { ConversionHelpers } from './conversionhelpers.js';\n\nimport type {\n\tDowncastDispatcher,\n\tDowncastConversionApi,\n\tDowncastInsertEvent,\n\tDowncastAddMarkerEvent,\n\tDowncastAttributeEvent,\n\tDowncastReduceChangesEvent,\n\tDowncastRemoveMarkerEvent\n} from './downcastdispatcher.js';\nimport { type ModelConsumable } from './modelconsumable.js';\nimport type { DifferItem, DifferItemReinsert } from '../model/differ.js';\nimport { type ModelNode } from '../model/node.js';\nimport { type ModelItem } from '../model/item.js';\nimport { type ModelTextProxy } from '../model/textproxy.js';\nimport { type ModelText } from '../model/text.js';\n\nimport { type ViewDowncastWriter } from '../view/downcastwriter.js';\nimport { type ViewElementDefinition } from '../view/elementdefinition.js';\nimport { type ViewDocumentFragment } from '../view/documentfragment.js';\nimport { type ViewUIElement } from '../view/uielement.js';\nimport { type ViewElement } from '../view/element.js';\nimport { type ViewNode } from '../view/node.js';\nimport { type ViewPosition } from '../view/position.js';\nimport { type ViewRange } from '../view/range.js';\nimport { StylesMap } from '../view/stylesmap.js';\nimport type {\n\tMapper,\n\tMapperModelToViewPositionEvent\n} from './mapper.js';\n\nimport {\n\tCKEditorError,\n\ttoArray,\n\ttype ArrayOrItem,\n\ttype EventInfo,\n\ttype PriorityString\n} from '@ckeditor/ckeditor5-utils';\n\nimport { cloneDeep } from 'es-toolkit/compat';\n\n/**\n * Downcast conversion helper functions.\n *\n * Learn more about {@glink framework/deep-dive/conversion/downcast downcast helpers}.\n *\n * @extends module:engine/conversion/conversionhelpers~ConversionHelpers\n */\nexport class DowncastHelpers extends ConversionHelpers<DowncastDispatcher> {\n\t/**\n\t * Model element to view element conversion helper.\n\t *\n\t * This conversion results in creating a view element. For example, model `<paragraph>Foo</paragraph>` becomes `<p>Foo</p>` in the view.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: 'paragraph',\n\t * \tview: 'p'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: 'paragraph',\n\t * \tview: 'div',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: 'fancyParagraph',\n\t * \tview: {\n\t * \t\tname: 'p',\n\t * \t\tclasses: 'fancy'\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: 'heading',\n\t * \tview: ( modelElement, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createContainerElement( 'h' + modelElement.getAttribute( 'level' ) );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * The element-to-element conversion supports the reconversion mechanism. It can be enabled by using either the `attributes` or\n\t * the `children` props on a model description. You will find a couple examples below.\n\t *\n\t * In order to reconvert an element if any of its direct children have been added or removed, use the `children` property on a `model`\n\t * description. For example, this model:\n\t *\n\t * ```xml\n\t * <box>\n\t * \t<paragraph>Some text.</paragraph>\n\t * </box>\n\t * ```\n\t *\n\t * will be converted into this structure in the view:\n\t *\n\t * ```html\n\t * <div class=\"box\" data-type=\"single\">\n\t * \t<p>Some text.</p>\n\t * </div>\n\t * ```\n\t *\n\t * But if more items were inserted in the model:\n\t *\n\t * ```xml\n\t * <box>\n\t * \t<paragraph>Some text.</paragraph>\n\t * \t<paragraph>Other item.</paragraph>\n\t * </box>\n\t * ```\n\t *\n\t * it will be converted into this structure in the view (note the element `data-type` change):\n\t *\n\t * ```html\n\t * <div class=\"box\" data-type=\"multiple\">\n\t * \t<p>Some text.</p>\n\t * \t<p>Other item.</p>\n\t * </div>\n\t * ```\n\t *\n\t * Such a converter would look like this (note that the `paragraph` elements are converted separately):\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: {\n\t * \t\tname: 'box',\n\t * \t\tchildren: true\n\t * \t},\n\t * \tview: ( modelElement, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createContainerElement( 'div', {\n\t * \t\t\tclass: 'box',\n\t * \t\t\t'data-type': modelElement.childCount == 1 ? 'single' : 'multiple'\n\t * \t\t} );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * In order to reconvert element if any of its attributes have been updated, use the `attributes` property on a `model`\n\t * description. For example, this model:\n\t *\n\t * ```xml\n\t * <heading level=\"2\">Some text.</heading>\n\t * ```\n\t *\n\t * will be converted into this structure in the view:\n\t *\n\t * ```html\n\t * <h2>Some text.</h2>\n\t * ```\n\t *\n\t * But if the `heading` element's `level` attribute has been updated to `3` for example, then\n\t * it will be converted into this structure in the view:\n\t *\n\t * ```html\n\t * <h3>Some text.</h3>\n\t * ```\n\t *\n\t * Such a converter would look as follows:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t * \tmodel: {\n\t * \t\tname: 'heading',\n\t * \t\tattributes: 'level'\n\t * \t},\n\t * \tview: ( modelElement, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createContainerElement( 'h' + modelElement.getAttribute( 'level' ) );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * You can read more about the element-to-element conversion in the\n\t * {@glink framework/deep-dive/conversion/downcast downcast conversion} guide.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The description or a name of the model element to convert.\n\t * @param config.view A view element definition or a function that takes the model element and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API}\n\t * as parameters and returns a view container element.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic elementToElement( config: {\n\t\tmodel: string | {\n\t\t\tname: string;\n\t\t\tattributes?: string | Array<string>;\n\t\t\tchildren?: boolean;\n\t\t};\n\t\tview: ViewElementDefinition | DowncastElementCreatorFunction;\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( downcastElementToElement( config ) );\n\t}\n\n\t/**\n\t * The model element to view structure (several elements) conversion helper.\n\t *\n\t * This conversion results in creating a view structure with one or more slots defined for the child nodes.\n\t * For example, a model `<table>` may become this structure in the view:\n\t *\n\t * ```html\n\t * <figure class=\"table\">\n\t * \t<table>\n\t * \t\t<tbody>${ slot for table rows }</tbody>\n\t * \t</table>\n\t * </figure>\n\t * ```\n\t *\n\t * The children of the model's `<table>` element will be inserted into the `<tbody>` element.\n\t * If the `elementToElement()` helper was used, the children would be inserted into the `<figure>`.\n\t *\n\t * Imagine a table feature where for this model structure:\n\t *\n\t * ```xml\n\t * <table headingRows=\"1\">\n\t * \t<tableRow> ... table cells 1 ... </tableRow>\n\t * \t<tableRow> ... table cells 2 ... </tableRow>\n\t * \t<tableRow> ... table cells 3 ... </tableRow>\n\t * \t<caption>Caption text</caption>\n\t * </table>\n\t * ```\n\t *\n\t * we want to generate this view structure:\n\t *\n\t * ```html\n\t * <figure class=\"table\">\n\t * \t<table>\n\t * \t\t<thead>\n\t * \t\t\t<tr> ... table cells 1 ... </tr>\n\t * \t\t</thead>\n\t * \t\t<tbody>\n\t * \t\t\t<tr> ... table cells 2 ... </tr>\n\t * \t\t\t<tr> ... table cells 3 ... </tr>\n\t * \t\t</tbody>\n\t * \t</table>\n\t * \t<figcaption>Caption text</figcaption>\n\t * </figure>\n\t * ```\n\t *\n\t * The converter has to take the `headingRows` attribute into consideration when allocating the `<tableRow>` elements\n\t * into the `<tbody>` and `<thead>` elements. Hence, we need two slots and need to define proper filter callbacks for them.\n\t *\n\t * Additionally, all elements other than `<tableRow>` should be placed outside the `<table>` tag.\n\t * In the example above, this will handle the table caption.\n\t *\n\t * Such a converter would look like this:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).elementToStructure( {\n\t * \tmodel: {\n\t * \t\tname: 'table',\n\t * \t\tattributes: [ 'headingRows' ]\n\t * \t},\n\t * \tview: ( modelElement, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\tconst figureElement = writer.createContainerElement( 'figure', { class: 'table' } );\n\t * \t\tconst tableElement = writer.createContainerElement( 'table' );\n\t *\n\t * \t\twriter.insert( writer.createPositionAt( figureElement, 0 ), tableElement );\n\t *\n\t * \t\tconst headingRows = modelElement.getAttribute( 'headingRows' ) || 0;\n\t *\n\t * \t\tif ( headingRows > 0 ) {\n\t * \t\t\tconst tableHead = writer.createContainerElement( 'thead' );\n\t *\n\t * \t\t\tconst headSlot = writer.createSlot( node => node.is( 'element', 'tableRow' ) && node.index < headingRows );\n\t *\n\t * \t\t\twriter.insert( writer.createPositionAt( tableElement, 'end' ), tableHead );\n\t * \t\t\twriter.insert( writer.createPositionAt( tableHead, 0 ), headSlot );\n\t * \t\t}\n\t *\n\t * \t\tif ( headingRows < tableUtils.getRows( table ) ) {\n\t * \t\t\tconst tableBody = writer.createContainerElement( 'tbody' );\n\t *\n\t * \t\t\tconst bodySlot = writer.createSlot( node => node.is( 'element', 'tableRow' ) && node.index >= headingRows );\n\t *\n\t * \t\t\twriter.insert( writer.createPositionAt( tableElement, 'end' ), tableBody );\n\t * \t\t\twriter.insert( writer.createPositionAt( tableBody, 0 ), bodySlot );\n\t * \t\t}\n\t *\n\t * \t\tconst restSlot = writer.createSlot( node => !node.is( 'element', 'tableRow' ) );\n\t *\n\t * \t\twriter.insert( writer.createPositionAt( figureElement, 'end' ), restSlot );\n\t *\n\t * \t\treturn figureElement;\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Note: The children of a model element that's being converted must be allocated in the same order in the view\n\t * in which they are placed in the model.\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n \t * @param config.model The description or a name of the model element to convert.\n\t * @param config.view A function that takes the model element and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as parameters\n\t * and returns a view container element with slots for model child nodes to be converted into.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic elementToStructure( config: {\n\t\tmodel: string | {\n\t\t\tname: string;\n\t\t\tattributes?: string | Array<string>;\n\t\t};\n\t\tview: DowncastStructureCreatorFunction;\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( downcastElementToStructure( config ) );\n\t}\n\n\t/**\n\t * Model attribute to view element conversion helper.\n\t *\n\t * This conversion results in wrapping view nodes with a view attribute element. For example, a model text node with\n\t * `\"Foo\"` as data and the `bold` attribute becomes `<strong>Foo</strong>` in the view.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: 'strong'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: 'b',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: 'invert',\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tclasses: [ 'font-light', 'bg-dark' ]\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: {\n\t * \t\tkey: 'fontSize',\n\t * \t\tvalues: [ 'big', 'small' ]\n\t * \t},\n\t * \tview: {\n\t * \t\tbig: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-size': '1.2em'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tsmall: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-size': '0.8em'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: ( modelAttributeValue, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createAttributeElement( 'span', {\n\t * \t\t\tstyle: 'font-weight:' + modelAttributeValue\n\t * \t\t} );\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t * \tmodel: {\n\t * \t\tkey: 'color',\n\t * \t\tname: '$text'\n\t * \t},\n\t * \tview: ( modelAttributeValue, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createAttributeElement( 'span', {\n\t * \t\t\tstyle: 'color:' + modelAttributeValue\n\t * \t\t} );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The key of the attribute to convert from or a `{ key, values }` object. `values` is an array\n\t * of `String`s with possible values if the model attribute is an enumerable.\n\t * @param config.view A view element definition or a function\n\t * that takes the model attribute value and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as parameters and returns a view\n\t * attribute element. If `config.model.values` is given, `config.view` should be an object assigning values from `config.model.values`\n\t * to view element definitions or functions.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic attributeToElement<TValues extends string>(\n\t\tconfig: {\n\t\t\tmodel: string | {\n\t\t\t\tkey: string;\n\t\t\t\tname?: string;\n\t\t\t};\n\t\t\tview: ViewElementDefinition | DowncastAttributeElementCreatorFunction;\n\t\t\tconverterPriority?: PriorityString;\n\t\t} | {\n\t\t\tmodel: {\n\t\t\t\tkey: string;\n\t\t\t\tname?: string;\n\t\t\t\tvalues: Array<TValues>;\n\t\t\t};\n\t\t\tview: Record<TValues, ViewElementDefinition | DowncastAttributeElementCreatorFunction>;\n\t\t\tconverterPriority?: PriorityString;\n\t\t}\n\t): this {\n\t\treturn this.add( downcastAttributeToElement( config ) );\n\t}\n\n\t/**\n\t * Model attribute to view attribute conversion helper.\n\t *\n\t * This conversion results in adding an attribute to a view node, basing on an attribute from a model node. For example,\n\t * `<imageInline src='foo.jpg'></imageInline>` is converted to `<img src='foo.jpg'></img>`.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: 'source',\n\t * \tview: 'src'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: 'source',\n\t * \tview: 'href',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tname: 'imageInline',\n\t * \t\tkey: 'source'\n\t * \t},\n\t * \tview: 'src'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tname: 'styled',\n\t * \t\tvalues: [ 'dark', 'light' ]\n\t * \t},\n\t * \tview: {\n\t * \t\tdark: {\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: [ 'styled', 'styled-dark' ]\n\t * \t\t},\n\t * \t\tlight: {\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: [ 'styled', 'styled-light' ]\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: 'styled',\n\t * \tview: modelAttributeValue => ( {\n\t * \t\tkey: 'class',\n\t * \t\tvalue: 'styled-' + modelAttributeValue\n\t * \t} )\n\t * } );\n\t * ```\n\t *\n\t * **Note**: Downcasting to a style property requires providing `value` as an object:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t * \tmodel: 'lineHeight',\n\t * \tview: modelAttributeValue => ( {\n\t * \t\tkey: 'style',\n\t * \t\tvalue: {\n\t * \t\t\t'line-height': modelAttributeValue,\n\t * \t\t\t'border-bottom': '1px dotted #ba2'\n\t * \t\t}\n\t * \t} )\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The key of the attribute to convert from or a `{ key, values, [ name ] }` object describing\n\t * the attribute key, possible values and, optionally, an element name to convert from.\n\t * @param config.view A view attribute key, or a `{ key, value }` object or a function that takes the model attribute value and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API}\n\t * as parameters and returns a `{ key, value }` object. If the `key` is `'class'`, the `value` can be a `String` or an\n\t * array of `String`s. If the `key` is `'style'`, the `value` is an object with key-value pairs. In other cases, `value` is a `String`.\n\t * If `config.model.values` is set, `config.view` should be an object assigning values from `config.model.values` to\n\t * `{ key, value }` objects or a functions.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic attributeToAttribute<TValues extends string>(\n\t\tconfig: {\n\t\t\tmodel: string | {\n\t\t\t\tkey: string;\n\t\t\t\tname?: string;\n\t\t\t};\n\t\t\tview: string | DowncastAttributeDescriptor | DowncastAttributeCreatorFunction;\n\t\t\tconverterPriority?: PriorityString;\n\t\t} | {\n\t\t\tmodel: {\n\t\t\t\tkey: string;\n\t\t\t\tname?: string;\n\t\t\t\tvalues?: Array<TValues>;\n\t\t\t};\n\t\t\tview: Record<TValues, DowncastAttributeDescriptor | DowncastAttributeCreatorFunction>;\n\t\t\tconverterPriority?: PriorityString;\n\t\t}\n\t): this {\n\t\treturn this.add( downcastAttributeToAttribute( config ) );\n\t}\n\n\t/**\n\t * Model marker to view element conversion helper.\n\t *\n\t * **Note**: This method should be used mainly for editing the downcast and it is recommended\n\t * to use the {@link #markerToData `#markerToData()`} helper instead.\n\t *\n\t * This helper may produce invalid HTML code (e.g. a span between table cells).\n\t * It should only be used when you are sure that the produced HTML will be semantically correct.\n\t *\n\t * This conversion results in creating a view element on the boundaries of the converted marker. If the converted marker\n\t * is collapsed, only one element is created. For example, a model marker set like this: `<paragraph>F[oo b]ar</paragraph>`\n\t * becomes `<p>F<span data-marker=\"search\"></span>oo b<span data-marker=\"search\"></span>ar</p>` in the view.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t * \tmodel: 'search',\n\t * \tview: 'marker-search'\n\t * } );\n\t *\n\t * editor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t * \tmodel: 'search',\n\t * \tview: 'search-result',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t * \tmodel: 'search',\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tattributes: {\n\t * \t\t\t'data-marker': 'search'\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t * \tmodel: 'search',\n\t * \tview: ( markerData, conversionApi ) => {\n\t * \t\tconst { writer } = conversionApi;\n\t *\n\t * \t\treturn writer.createUIElement( 'span', {\n\t * \t\t\t'data-marker': 'search',\n\t * \t\t\t'data-start': markerData.isOpening\n\t * \t\t} );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * If a function is passed as the `config.view` parameter, it will be used to generate both boundary elements. The function\n\t * receives the `data` object and {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API}\n\t * as a parameters and should return an instance of the\n\t * {@link module:engine/view/uielement~ViewUIElement view UI element}. The `data` object and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi `conversionApi`} are passed from\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker}. Additionally,\n\t * the `data.isOpening` parameter is passed, which is set to `true` for the marker start boundary element, and `false` for\n\t * the marker end boundary element.\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The name of the model marker (or model marker group) to convert.\n\t * @param config.view A view element definition or a function that takes the model marker data and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as a parameters\n\t * and returns a view UI element.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic markerToElement( config: {\n\t\tmodel: string;\n\t\tview: ViewElementDefinition | DowncastMarkerElementCreatorFunction;\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( downcastMarkerToElement( config ) );\n\t}\n\n\t/**\n\t * Model marker to highlight conversion helper.\n\t *\n\t * This conversion results in creating a highlight on view nodes. For this kind of conversion,\n\t * the {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor} should be provided.\n\t *\n\t * For text nodes, a `<span>` {@link module:engine/view/attributeelement~ViewAttributeElement} is created and it wraps all text nodes\n\t * in the converted marker range. For example, a model marker set like this: `<paragraph>F[oo b]ar</paragraph>` becomes\n\t * `<p>F<span class=\"comment\">oo b</span>ar</p>` in the view.\n\t *\n\t * {@link module:engine/view/containerelement~ViewContainerElement} may provide a custom way of handling highlight. Most often,\n\t * the element itself is given classes and attributes described in the highlight descriptor (instead of being wrapped in `<span>`).\n\t * For example, a model marker set like this:\n\t * `[<imageInline src=\"foo.jpg\"></imageInline>]` becomes `<img src=\"foo.jpg\" class=\"comment\"></img>` in the view.\n\t *\n\t * For container elements, the conversion is two-step. While the converter processes the highlight descriptor and passes it\n\t * to a container element, it is the container element instance itself that applies values from the highlight descriptor.\n\t * So, in a sense, the converter takes care of stating what should be applied on what, while the element decides how to apply that.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' ).markerToHighlight( { model: 'comment', view: { classes: 'comment' } } );\n\t *\n\t * editor.conversion.for( 'downcast' ).markerToHighlight( {\n\t * \tmodel: 'comment',\n\t * \tview: { classes: 'comment' },\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'downcast' ).markerToHighlight( {\n\t * \tmodel: 'comment',\n\t * \tview: ( data, conversionApi ) => {\n\t * \t\t// Assuming that the marker name is in a form of comment:commentType:commentId.\n\t * \t\tconst [ , commentType, commentId ] = data.markerName.split( ':' );\n\t *\n\t * \t\treturn {\n\t * \t\t\tclasses: [ 'comment', 'comment-' + commentType ],\n\t * \t\t\tattributes: { 'data-comment-id': commentId }\n\t * \t\t};\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * If a function is passed as the `config.view` parameter, it will be used to generate the highlight descriptor. The function\n\t * receives the `data` object and {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API}\n\t * as the parameters and should return a\n\t * {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor highlight descriptor}.\n\t * The `data` object properties are passed from {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker}.\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The name of the model marker (or model marker group) to convert.\n\t * @param config.view A highlight descriptor that will be used for highlighting or a function that takes the model marker data and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as a parameters\n\t * and returns a highlight descriptor.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic markerToHighlight( config: {\n\t\tmodel: string;\n\t\tview: DowncastHighlightDescriptor | DowncastHighlightDescriptorCreatorFunction;\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( downcastMarkerToHighlight( config ) );\n\t}\n\n\t/**\n\t * Model marker converter for data downcast.\n\t *\n\t * This conversion creates a representation for model marker boundaries in the view:\n\t *\n\t * * If the marker boundary is before or after a model element, a view attribute is set on a corresponding view element.\n\t * * In other cases, a view element with the specified tag name is inserted at the corresponding view position.\n\t *\n\t * Typically, the marker names use the `group:uniqueId:otherData` convention. For example: `comment:e34zfk9k2n459df53sjl34:zx32c`.\n\t * The default configuration for this conversion is that the first part is the `group` part and the rest of\n\t * the marker name becomes the `name` part.\n\t *\n\t * Tag and attribute names and values are generated from the marker name:\n\t *\n\t * * The templates for attributes are `data-[group]-start-before=\"[name]\"`, `data-[group]-start-after=\"[name]\"`,\n\t * `data-[group]-end-before=\"[name]\"` and `data-[group]-end-after=\"[name]\"`.\n\t * * The templates for view elements are `<[group]-start name=\"[name]\">` and `<[group]-end name=\"[name]\">`.\n\t *\n\t * Attributes mark whether the given marker's start or end boundary is before or after the given element.\n\t * The `data-[group]-start-before` and `data-[group]-end-after` attributes are favored.\n\t * The other two are used when the former two cannot be used.\n\t *\n\t * The conversion configuration can take a function that will generate different group and name parts.\n\t * If such a function is set as the `config.view` parameter, it is passed a marker name and it is expected to return an object with two\n\t * properties: `group` and `name`. If the function returns a falsy value, the conversion will not take place.\n\t *\n\t * Basic usage:\n\t *\n\t * ```ts\n\t * // Using the default conversion.\n\t * // In this case, all markers with names starting with 'comment:' will be converted.\n\t * // The `group` parameter will be set to `comment`.\n\t * // The `name` parameter will be the rest of the marker name (without the `:`).\n\t * editor.conversion.for( 'dataDowncast' ).markerToData( {\n\t * \tmodel: 'comment'\n\t * } );\n\t * ```\n\t *\n\t * An example of a view that may be generated by this conversion (assuming a marker with the name `comment:commentId:uid` marked\n\t * by `[]`):\n\t *\n\t * ```\n\t * // Model:\n\t * <paragraph>Foo[bar</paragraph>\n\t * <imageBlock src=\"abc.jpg\"></imageBlock>]\n\t *\n\t * // View:\n\t * <p>Foo<comment-start name=\"commentId:uid\"></comment-start>bar</p>\n\t * <figure data-comment-end-after=\"commentId:uid\" class=\"image\"><img src=\"abc.jpg\" /></figure>\n\t * ```\n\t *\n\t * In the example above, the comment starts before \"bar\" and ends after the image.\n\t *\n\t * If the `name` part is empty, the following view may be generated:\n\t *\n\t * ```html\n\t * <p>Foo <myMarker-start></myMarker-start>bar</p>\n\t * <figure data-myMarker-end-after=\"\" class=\"image\"><img src=\"abc.jpg\" /></figure>\n\t * ```\n\t *\n\t * **Note:** A situation where some markers have the `name` part and some do not, is incorrect and should be avoided.\n\t *\n\t * Examples where `data-group-start-after` and `data-group-end-before` are used:\n\t *\n\t * ```\n\t * // Model:\n\t * <blockQuote>[]<paragraph>Foo</paragraph></blockQuote>\n\t *\n\t * // View:\n\t * <blockquote><p data-group-end-before=\"name\" data-group-start-before=\"name\">Foo</p></blockquote>\n\t * ```\n\t *\n\t * Similarly, when a marker is collapsed after the last element:\n\t *\n\t * ```\n\t * // Model:\n\t * <blockQuote><paragraph>Foo</paragraph>[]</blockQuote>\n\t *\n\t * // View:\n\t * <blockquote><p data-group-end-after=\"name\" data-group-start-after=\"name\">Foo</p></blockquote>\n\t * ```\n\t *\n\t * When there are multiple markers from the same group stored in the same attribute of the same element, their\n\t * name parts are put together in the attribute value, for example: `data-group-start-before=\"name1,name2,name3\"`.\n\t *\n\t * Other examples of usage:\n\t *\n\t * ```ts\n\t * // Using a custom function which is the same as the default conversion:\n\t * editor.conversion.for( 'dataDowncast' ).markerToData( {\n\t * \tmodel: 'comment',\n\t * \tview: markerName => ( {\n\t * \t\tgroup: 'comment',\n\t * \t\tname: markerName.substr( 8 ) // Removes 'comment:' part.\n\t * \t} )\n\t * } );\n\t *\n\t * // Using the converter priority:\n\t * editor.conversion.for( 'dataDowncast' ).markerToData( {\n\t * \tmodel: 'comment',\n\t * \tview: markerName => ( {\n\t * \t\tgroup: 'comment',\n\t * \t\tname: markerName.substr( 8 ) // Removes 'comment:' part.\n\t * \t} ),\n\t * \tconverterPriority: 'high'\n\t * } );\n\t * ```\n\t *\n\t * This kind of conversion is useful for saving data into the database, so it should be used in the data conversion pipeline.\n\t *\n\t * See the {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} API guide to learn how to\n\t * add a converter to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.model The name of the model marker (or the model marker group) to convert.\n\t * @param config.view A function that takes the model marker name and\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as the parameters\n\t * and returns an object with the `group` and `name` properties.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic markerToData( config: {\n\t\tmodel: string;\n\t\tview?: DowncastMarkerDataCreatorFunction;\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( downcastMarkerToData( config ) );\n\t}\n}\n\n/**\n * Function factory that creates a default downcast converter for text insertion changes.\n *\n * The converter automatically consumes the corresponding value from the consumables list and stops the event (see\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}).\n *\n * ```ts\n * modelDispatcher.on( 'insert:$text', insertText() );\n * ```\n *\n * @returns Insert text event converter.\n * @internal\n */\nexport function insertText() {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: { item: ModelText | ModelTextProxy; range: ModelRange },\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst viewPosition = conversionApi.mapper.toViewPosition( data.range.start );\n\t\tconst viewText = viewWriter.createText( data.item.data );\n\n\t\tviewWriter.insert( viewPosition, viewText );\n\t};\n}\n\n/**\n * Function factory that creates a default downcast converter for triggering attributes and children conversion.\n *\n * @returns The converter.\n * @internal\n */\nexport function insertAttributesAndChildren() {\n\treturn (\n\t\tevt: unknown,\n\t\tdata: { item: ModelItem; reconversion?: boolean },\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tconversionApi.convertAttributes( data.item );\n\n\t\t// Start converting children of the current item.\n\t\t// In case of reconversion children were already re-inserted or converted separately.\n\t\tif ( !data.reconversion && data.item.is( 'element' ) && !data.item.isEmpty ) {\n\t\t\tconversionApi.convertChildren( data.item );\n\t\t}\n\t};\n}\n\n/**\n * Function factory that creates a default downcast converter for node remove changes.\n *\n * ```ts\n * modelDispatcher.on( 'remove', remove() );\n * ```\n *\n * @returns Remove event converter.\n * @internal\n */\nexport function remove() {\n\treturn (\n\t\tevt: unknown,\n\t\tdata: { position: ModelPosition; length: number; reconversion?: boolean },\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\t// Ignore reconversion related remove as it is handled in the `insert` of reconversion.\n\t\tif ( data.reconversion ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Find the view range start position by mapping the model position at which the remove happened.\n\t\tconst viewStart = conversionApi.mapper.toViewPosition( data.position );\n\n\t\tconst modelEnd = data.position.getShiftedBy( data.length );\n\t\tconst viewEnd = conversionApi.mapper.toViewPosition( modelEnd, { isPhantom: true } );\n\n\t\tconst viewRange = conversionApi.writer.createRange( viewStart, viewEnd );\n\n\t\t// Trim the range to remove in case some UI elements are on the view range boundaries.\n\t\tremoveRangeAndUnbind( viewRange.getTrimmed(), conversionApi );\n\t};\n}\n\n/**\n * Creates a `<span>` {@link module:engine/view/attributeelement~ViewAttributeElement view attribute element} from the information\n * provided by the {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor highlight descriptor} object. If the priority\n * is not provided in the descriptor, the default priority will be used.\n *\n * @internal\n */\nexport function createViewElementFromDowncastHighlightDescriptor(\n\twriter: ViewDowncastWriter,\n\tdescriptor: DowncastHighlightDescriptor\n): ViewAttributeElement {\n\tconst viewElement = writer.createAttributeElement( 'span', descriptor.attributes );\n\n\tif ( descriptor.classes ) {\n\t\tviewElement._addClass( descriptor.classes );\n\t}\n\n\tif ( typeof descriptor.priority === 'number' ) {\n\t\t( viewElement as any )._priority = descriptor.priority;\n\t}\n\n\t( viewElement as any )._id = descriptor.id;\n\n\treturn viewElement;\n}\n\n/**\n * Function factory that creates a converter which converts a non-collapsed\n * {@link module:engine/model/selection~ModelSelection model selection}\n * to a {@link module:engine/view/documentselection~ViewDocumentSelection view selection}. The converter consumes appropriate\n * value from the `consumable` object and maps model positions from the selection to view positions.\n *\n * ```ts\n * modelDispatcher.on( 'selection', convertRangeSelection() );\n * ```\n *\n * @returns Selection converter.\n * @internal\n */\nexport function convertRangeSelection() {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: { selection: ModelSelection | ModelDocumentSelection },\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tconst selection = data.selection;\n\n\t\tif ( selection.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !conversionApi.consumable.consume( selection, 'selection' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewRanges: Array<ViewRange> = [];\n\n\t\tfor ( const range of selection.getRanges() ) {\n\t\t\tviewRanges.push( conversionApi.mapper.toViewRange( range ) );\n\t\t}\n\n\t\tconversionApi.writer.setSelection( viewRanges, { backward: selection.isBackward } );\n\t};\n}\n\n/**\n * Function factory that creates a converter which converts a collapsed\n * {@link module:engine/model/selection~ModelSelection model selection} to\n * a {@link module:engine/view/documentselection~ViewDocumentSelection view selection}. The converter consumes appropriate\n * value from the `consumable` object, maps the model selection position to the view position and breaks\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} at the selection position.\n *\n * ```ts\n * modelDispatcher.on( 'selection', convertCollapsedSelection() );\n * ```\n *\n * An example of the view state before and after converting the collapsed selection:\n *\n * ```\n *    <p><strong>f^oo<strong>bar</p>\n * -> <p><strong>f</strong>^<strong>oo</strong>bar</p>\n * ```\n *\n * By breaking attribute elements like `<strong>`, the selection is in a correct element. Then, when the selection attribute is\n * converted, broken attributes might be merged again, or the position where the selection is may be wrapped\n * with different, appropriate attribute elements.\n *\n * See also {@link module:engine/conversion/downcasthelpers~cleanSelection} which does a clean-up\n * by merging attributes.\n *\n * @returns Selection converter.\n * @internal\n */\nexport function convertCollapsedSelection() {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: { selection: ModelSelection | ModelDocumentSelection },\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tconst selection = data.selection;\n\n\t\tif ( !selection.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !conversionApi.consumable.consume( selection, 'selection' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst modelPosition = selection.getFirstPosition()!;\n\t\tconst viewPosition = conversionApi.mapper.toViewPosition( modelPosition );\n\t\tconst brokenPosition = viewWriter.breakAttributes( viewPosition );\n\n\t\tviewWriter.setSelection( brokenPosition );\n\t};\n}\n\n/**\n * Function factory that creates a converter which cleans artifacts after the previous\n * {@link module:engine/model/selection~ModelSelection model selection} conversion. It removes all empty\n * {@link module:engine/view/attributeelement~ViewAttributeElement view attribute elements} and merges\n * sibling attributes at all start and end positions of all ranges.\n *\n * ```\n *    <p><strong>^</strong></p>\n * -> <p>^</p>\n *\n *    <p><strong>foo</strong>^<strong>bar</strong>bar</p>\n * -> <p><strong>foo^bar<strong>bar</p>\n *\n *    <p><strong>foo</strong><em>^</em><strong>bar</strong>bar</p>\n * -> <p><strong>foo^bar<strong>bar</p>\n * ```\n *\n * This listener should be assigned before any converter for the new selection:\n *\n * ```ts\n * modelDispatcher.on( 'cleanSelection', cleanSelection() );\n * ```\n *\n * See {@link module:engine/conversion/downcasthelpers~convertCollapsedSelection}\n * which does the opposite by breaking attributes in the selection position.\n *\n * @returns Selection converter.\n * @internal\n */\nexport function cleanSelection() {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: unknown,\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst viewSelection = viewWriter.document.selection;\n\n\t\tfor ( const range of viewSelection.getRanges() ) {\n\t\t\t// Not collapsed selection should not have artifacts.\n\t\t\tif ( range.isCollapsed ) {\n\t\t\t\t// Position might be in the node removed by the view writer.\n\t\t\t\tif ( ( range.end.parent as ViewNode ).isAttached() ) {\n\t\t\t\t\tconversionApi.writer.mergeAttributes( range.start );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tviewWriter.setSelection( null );\n\t};\n}\n\n/**\n * Function factory that creates a converter which converts the set/change/remove attribute changes from the model to the view.\n * It can also be used to convert selection attributes. In that case, an empty attribute element will be created and the\n * selection will be put inside it.\n *\n * Attributes from the model are converted to a view element that will be wrapping these view nodes that are bound to\n * model elements having the given attribute. This is useful for attributes like `bold` that may be set on text nodes in the model\n * but are represented as an element in the view:\n *\n * ```\n * [paragraph]              MODEL ====> VIEW        <p>\n * \t|- a {bold: true}                             |- <b>\n * \t|- b {bold: true}                             |   |- ab\n * \t|- c                                          |- c\n * \t```\n *\n * Passed `Function` will be provided with the attribute value and then all the parameters of the\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute` event}.\n * It is expected that the function returns an {@link module:engine/view/element~ViewElement}.\n * The result of the function will be the wrapping element.\n * When the provided `Function` does not return any element, no conversion will take place.\n *\n * The converter automatically consumes the corresponding value from the consumables list and stops the event (see\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}).\n *\n * ```ts\n * modelDispatcher.on( 'attribute:bold', wrap( ( modelAttributeValue, { writer } ) => {\n * \treturn writer.createAttributeElement( 'strong' );\n * } );\n * ```\n *\n * @internal\n * @param elementCreator Function returning a view element that will be used for wrapping.\n * @returns Set/change attribute converter.\n */\nexport function wrap( elementCreator: DowncastAttributeElementCreatorFunction ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: {\n\t\t\titem: ModelItem | ModelSelection | ModelDocumentSelection;\n\t\t\trange: ModelRange;\n\t\t\tattributeKey: string;\n\t\t\tattributeOldValue: unknown;\n\t\t\tattributeNewValue: unknown;\n\t\t},\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Recreate current wrapping node. It will be used to unwrap view range if the attribute value has changed\n\t\t// or the attribute was removed.\n\t\tconst oldViewElement = elementCreator( data.attributeOldValue, conversionApi, data );\n\n\t\t// Create node to wrap with.\n\t\tconst newViewElement = elementCreator( data.attributeNewValue, conversionApi, data );\n\n\t\tif ( !oldViewElement && !newViewElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconversionApi.consumable.consume( data.item, evt.name );\n\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst viewSelection = viewWriter.document.selection;\n\n\t\tif ( data.item instanceof ModelSelection || data.item instanceof ModelDocumentSelection ) {\n\t\t\t// Selection attribute conversion.\n\t\t\tviewWriter.wrap( viewSelection.getFirstRange()!, newViewElement! );\n\t\t} else {\n\t\t\t// Node attribute conversion.\n\t\t\tlet viewRange = conversionApi.mapper.toViewRange( data.range );\n\n\t\t\t// First, unwrap the range from current wrapper.\n\t\t\tif ( data.attributeOldValue !== null && oldViewElement ) {\n\t\t\t\tviewRange = viewWriter.unwrap( viewRange, oldViewElement );\n\t\t\t}\n\n\t\t\tif ( data.attributeNewValue !== null && newViewElement ) {\n\t\t\t\tviewWriter.wrap( viewRange, newViewElement );\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Function factory that creates a converter which converts node insertion changes from the model to the view.\n * The function passed will be provided with all the parameters of the dispatcher's\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert `insert` event}.\n * It is expected that the function returns an {@link module:engine/view/element~ViewElement}.\n * The result of the function will be inserted into the view.\n *\n * The converter automatically consumes the corresponding value from the consumables list and binds the model and view elements.\n *\n * ```ts\n * downcastDispatcher.on(\n * \t'insert:myElem',\n * \tinsertElement( ( modelItem, { writer } ) => {\n * \t\tconst text = writer.createText( 'myText' );\n * \t\tconst myElem = writer.createElement( 'myElem', { myAttr: 'my-' + modelItem.getAttribute( 'myAttr' ) }, text );\n *\n * \t\t// Do something fancy with `myElem` using `modelItem` or other parameters.\n *\n * \t\treturn myElem;\n * \t}\n * ) );\n * ```\n *\n * @internal\n * @param  elementCreator Function returning a view element, which will be inserted.\n * @param consumer Function defining element consumption process.\n * By default this function just consume passed item insertion.\n * @returns Insert element event converter.\n */\nexport function insertElement( elementCreator: DowncastElementCreatorFunction, consumer: ConsumerFunction = defaultConsumer ) {\n\treturn (\n\t\tevt: unknown,\n\t\tdata: { item: ModelElement; range: ModelRange; reconversion?: boolean },\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tif ( !consumer( data.item, conversionApi.consumable, { preflight: true } ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewElement = elementCreator( data.item, conversionApi, data );\n\n\t\tif ( !viewElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Consume an element insertion and all present attributes that are specified as a reconversion triggers.\n\t\tconsumer( data.item, conversionApi.consumable );\n\n\t\tconst viewPosition = data.reconversion && removeElementAndUnbind( data.item, conversionApi ) ||\n\t\t\tconversionApi.mapper.toViewPosition( data.range.start );\n\n\t\tconversionApi.mapper.bindElements( data.item, viewElement );\n\t\tconversionApi.writer.insert( viewPosition, viewElement );\n\n\t\t// Convert attributes before converting children.\n\t\tconversionApi.convertAttributes( data.item );\n\n\t\t// Convert children or reinsert previous view elements.\n\t\treinsertOrConvertNodes( viewElement, data.item.getChildren(), conversionApi, { reconversion: data.reconversion } );\n\t};\n}\n\n/**\n * Function factory that creates a converter which converts a single model node insertion to a view structure.\n *\n * It is expected that the passed element creator function returns an {@link module:engine/view/element~ViewElement} with attached slots\n * created with `writer.createSlot()` to indicate where child nodes should be converted.\n *\n * @see module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure\n *\n * @internal\n * @param elementCreator Function returning a view structure, which will be inserted.\n * @param consumer A callback that is expected to consume all the consumables\n * that were used by the element creator.\n * @returns Insert element event converter.\n*/\nexport function insertStructure( elementCreator: DowncastStructureCreatorFunction, consumer: ConsumerFunction ) {\n\treturn (\n\t\tevt: unknown,\n\t\tdata: { item: ModelElement; range: ModelRange; reconversion?: boolean },\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tif ( !consumer( data.item, conversionApi.consumable, { preflight: true } ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst slotsMap = new Map<ViewElement, Array<ModelNode>>();\n\n\t\tconversionApi.writer._registerSlotFactory( createSlotFactory( data.item, slotsMap, conversionApi ) );\n\n\t\t// View creation.\n\t\tconst viewElement = elementCreator( data.item, conversionApi, data );\n\n\t\tconversionApi.writer._clearSlotFactory();\n\n\t\tif ( !viewElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if all children are covered by slots and there is no child that landed in multiple slots.\n\t\tvalidateSlotsChildren( data.item, slotsMap, conversionApi );\n\n\t\t// Consume an element insertion and all present attributes that are specified as a reconversion triggers.\n\t\tconsumer( data.item, conversionApi.consumable );\n\n\t\tconst viewPosition = data.reconversion && removeElementAndUnbind( data.item, conversionApi ) ||\n\t\t\tconversionApi.mapper.toViewPosition( data.range.start );\n\n\t\tconversionApi.mapper.bindElements( data.item, viewElement );\n\t\tconversionApi.writer.insert( viewPosition, viewElement );\n\n\t\t// Convert attributes before converting children.\n\t\tconversionApi.convertAttributes( data.item );\n\n\t\t// Fill view slots with previous view elements or create new ones.\n\t\tfillSlots( viewElement, slotsMap, conversionApi, { reconversion: data.reconversion } );\n\t};\n}\n\n/**\n * Function factory that creates a converter which converts marker adding change to the\n * {@link module:engine/view/uielement~ViewUIElement view UI element}.\n *\n * The view UI element that will be added to the view depends on the passed parameter. See {@link ~insertElement}.\n * In case of a non-collapsed range, the UI element will not wrap nodes but separate elements will be placed at the beginning\n * and at the end of the range.\n *\n * This converter binds created UI elements with the marker name using {@link module:engine/conversion/mapper~Mapper#bindElementToMarker}.\n *\n * @internal\n * @param elementCreator A view UI element or a function returning the view element that will be inserted.\n * @returns Insert element event converter.\n */\nexport function insertUIElement( elementCreator: DowncastMarkerElementCreatorFunction ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: {\n\t\t\tmarkerRange: ModelRange;\n\t\t\tmarkerName: string;\n\t\t\tisOpening?: boolean;\n\t\t},\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\t// Create two view elements. One will be inserted at the beginning of marker, one at the end.\n\t\t// If marker is collapsed, only \"opening\" element will be inserted.\n\t\tdata.isOpening = true;\n\t\tconst viewStartElement = elementCreator( data, conversionApi );\n\n\t\tdata.isOpening = false;\n\t\tconst viewEndElement = elementCreator( data, conversionApi );\n\n\t\tif ( !viewStartElement || !viewEndElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst markerRange = data.markerRange;\n\n\t\t// Marker that is collapsed has consumable build differently that non-collapsed one.\n\t\t// For more information see `addMarker` event description.\n\t\t// If marker's range is collapsed - check if it can be consumed.\n\t\tif ( markerRange.isCollapsed && !conversionApi.consumable.consume( markerRange, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If marker's range is not collapsed - consume all items inside.\n\t\tfor ( const value of markerRange ) {\n\t\t\tif ( !conversionApi.consumable.consume( value.item, evt.name ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst mapper = conversionApi.mapper;\n\t\tconst viewWriter = conversionApi.writer;\n\n\t\t// Add \"opening\" element.\n\t\tviewWriter.insert( mapper.toViewPosition( markerRange.start ), viewStartElement );\n\t\tconversionApi.mapper.bindElementToMarker( viewStartElement, data.markerName );\n\n\t\t// Add \"closing\" element only if range is not collapsed.\n\t\tif ( !markerRange.isCollapsed ) {\n\t\t\tviewWriter.insert( mapper.toViewPosition( markerRange.end ), viewEndElement );\n\t\t\tconversionApi.mapper.bindElementToMarker( viewEndElement, data.markerName );\n\t\t}\n\n\t\tevt.stop();\n\t};\n}\n\n/**\n * Removes given view range content and unbinds removed elements.\n */\nfunction removeRangeAndUnbind( viewRange: ViewRange, conversionApi: DowncastConversionApi ) {\n\tconst removed = conversionApi.writer.remove( viewRange );\n\n\t// After the range is removed, unbind all view elements from the model.\n\t// Range inside view document fragment is used to unbind deeply.\n\tfor ( const child of conversionApi.writer.createRangeIn( removed ).getItems() ) {\n\t\tconversionApi.mapper.unbindViewElement( child as ViewElement, { defer: true } );\n\t}\n\n\treturn viewRange.start;\n}\n\n/**\n * Removes view element for given model element and unbinds removed view elements.\n */\nfunction removeElementAndUnbind( modelElement: ModelElement, conversionApi: DowncastConversionApi ) {\n\tconst viewElement = conversionApi.mapper.toViewElement( modelElement );\n\n\treturn viewElement && removeRangeAndUnbind( conversionApi.writer.createRangeOn( viewElement ), conversionApi );\n}\n\n/**\n * Function factory that returns a default downcast converter for removing a {@link module:engine/view/uielement~ViewUIElement UI element}\n * based on marker remove change.\n *\n * This converter unbinds elements from the marker name.\n *\n * @returns Removed UI element converter.\n */\nfunction removeUIElement() {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: { markerName: string },\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tconst elements = conversionApi.mapper.markerNameToElements( data.markerName );\n\n\t\tif ( !elements ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor ( const element of elements ) {\n\t\t\tconversionApi.mapper.unbindElementFromMarkerName( element, data.markerName );\n\t\t\tconversionApi.writer.clear( conversionApi.writer.createRangeOn( element ), element );\n\t\t}\n\n\t\tconversionApi.writer.clearClonedElementsGroup( data.markerName );\n\n\t\tevt.stop();\n\t};\n}\n\n/**\n * Function factory that creates a default converter for model markers.\n *\n * See {@link DowncastHelpers#markerToData} for more information what type of view is generated.\n *\n * This converter binds created UI elements and affected view elements with the marker name\n * using {@link module:engine/conversion/mapper~Mapper#bindElementToMarker}.\n *\n * @returns Add marker converter.\n */\nfunction insertMarkerData( viewCreator: DowncastMarkerDataCreatorFunction ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: {\n\t\t\tmarkerName: string;\n\t\t\tmarkerRange: ModelRange;\n\t\t},\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tconst viewMarkerData = viewCreator( data.markerName, conversionApi );\n\n\t\tif ( !viewMarkerData ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst markerRange = data.markerRange;\n\n\t\tif ( !conversionApi.consumable.consume( markerRange, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Adding closing data first to keep the proper order in the view.\n\t\thandleMarkerBoundary( markerRange, false, conversionApi, data, viewMarkerData );\n\t\thandleMarkerBoundary( markerRange, true, conversionApi, data, viewMarkerData );\n\n\t\tevt.stop();\n\t};\n}\n\n/**\n * Helper function for `insertMarkerData()` that marks a marker boundary at the beginning or end of given `range`.\n */\nfunction handleMarkerBoundary(\n\trange: ModelRange,\n\tisStart: boolean,\n\tconversionApi: DowncastConversionApi,\n\tdata: { markerName: string },\n\tviewMarkerData: { name: string; group: string }\n): void {\n\tconst modelPosition = isStart ? range.start : range.end;\n\tconst elementAfter = modelPosition.nodeAfter && modelPosition.nodeAfter.is( 'element' ) ? modelPosition.nodeAfter : null;\n\tconst elementBefore = modelPosition.nodeBefore && modelPosition.nodeBefore.is( 'element' ) ? modelPosition.nodeBefore : null;\n\n\tif ( elementAfter || elementBefore ) {\n\t\tlet modelElement;\n\t\tlet isBefore;\n\n\t\t// If possible, we want to add `data-group-start-before` and `data-group-end-after` attributes.\n\t\tif ( isStart && elementAfter || !isStart && !elementBefore ) {\n\t\t\t// [<elementAfter>...</elementAfter> -> <elementAfter data-group-start-before=\"...\">...</elementAfter>\n\t\t\t// <parent>]<elementAfter> -> <parent><elementAfter data-group-end-before=\"...\">\n\t\t\tmodelElement = elementAfter;\n\t\t\tisBefore = true;\n\t\t} else {\n\t\t\t// <elementBefore>...</elementBefore>] -> <elementBefore data-group-end-after=\"...\">...</elementBefore>\n\t\t\t// </elementBefore>[</parent> -> </elementBefore data-group-start-after=\"...\"></parent>\n\t\t\tmodelElement = elementBefore;\n\t\t\tisBefore = false;\n\t\t}\n\n\t\tconst viewElement = conversionApi.mapper.toViewElement( modelElement! );\n\n\t\t// In rare circumstances, the model element may be not mapped to any view element and that would cause an error.\n\t\t// One of those situations is a soft break inside code block.\n\t\tif ( viewElement ) {\n\t\t\tinsertMarkerAsAttribute( viewElement, isStart, isBefore, conversionApi, data, viewMarkerData );\n\n\t\t\treturn;\n\t\t}\n\t}\n\n\tconst viewPosition = conversionApi.mapper.toViewPosition( modelPosition );\n\n\tinsertMarkerAsElement( viewPosition, isStart, conversionApi, data, viewMarkerData );\n}\n\n/**\n * Helper function for `insertMarkerData()` that marks a marker boundary in the view as an attribute on a view element.\n */\nfunction insertMarkerAsAttribute(\n\tviewElement: ViewElement,\n\tisStart: boolean,\n\tisBefore: boolean,\n\tconversionApi: DowncastConversionApi,\n\tdata: { markerName: string },\n\tviewMarkerData: { name: string; group: string }\n) {\n\tconst attributeName = `data-${ viewMarkerData.group }-${ isStart ? 'start' : 'end' }-${ isBefore ? 'before' : 'after' }`;\n\n\tconst markerNames = viewElement.hasAttribute( attributeName ) ? viewElement.getAttribute( attributeName )!.split( ',' ) : [];\n\n\t// Adding marker name at the beginning to have the same order in the attribute as there is with marker elements.\n\tmarkerNames.unshift( viewMarkerData.name );\n\n\tconversionApi.writer.setAttribute( attributeName, markerNames.join( ',' ), viewElement );\n\tconversionApi.mapper.bindElementToMarker( viewElement, data.markerName );\n}\n\n/**\n * Helper function for `insertMarkerData()` that marks a marker boundary in the view as a separate view ui element.\n */\nfunction insertMarkerAsElement(\n\tposition: ViewPosition,\n\tisStart: boolean,\n\tconversionApi: DowncastConversionApi,\n\tdata: { markerName: string },\n\tviewMarkerData: { name: string; group: string }\n) {\n\tconst viewElementName = `${ viewMarkerData.group }-${ isStart ? 'start' : 'end' }`;\n\n\tconst attrs = viewMarkerData.name ? { 'name': viewMarkerData.name } : null;\n\tconst viewElement = conversionApi.writer.createUIElement( viewElementName, attrs );\n\n\tconversionApi.writer.insert( position, viewElement );\n\tconversionApi.mapper.bindElementToMarker( viewElement, data.markerName );\n}\n\n/**\n * Function factory that creates a converter for removing a model marker data added by the {@link #insertMarkerData} converter.\n *\n * @returns Remove marker converter.\n */\nfunction removeMarkerData( viewCreator: DowncastMarkerDataCreatorFunction ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: { markerName: string },\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tconst viewData = viewCreator( data.markerName, conversionApi );\n\n\t\tif ( !viewData ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elements = conversionApi.mapper.markerNameToElements( data.markerName );\n\n\t\tif ( !elements ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor ( const element of elements ) {\n\t\t\tconversionApi.mapper.unbindElementFromMarkerName( element, data.markerName );\n\n\t\t\tif ( element.is( 'containerElement' ) ) {\n\t\t\t\tremoveMarkerFromAttribute( `data-${ viewData.group }-start-before`, element );\n\t\t\t\tremoveMarkerFromAttribute( `data-${ viewData.group }-start-after`, element );\n\t\t\t\tremoveMarkerFromAttribute( `data-${ viewData.group }-end-before`, element );\n\t\t\t\tremoveMarkerFromAttribute( `data-${ viewData.group }-end-after`, element );\n\t\t\t} else {\n\t\t\t\tconversionApi.writer.clear( conversionApi.writer.createRangeOn( element ), element );\n\t\t\t}\n\t\t}\n\n\t\tconversionApi.writer.clearClonedElementsGroup( data.markerName );\n\n\t\tevt.stop();\n\n\t\tfunction removeMarkerFromAttribute( attributeName: string, element: ViewElement ): void {\n\t\t\tif ( element.hasAttribute( attributeName ) ) {\n\t\t\t\tconst markerNames = new Set( element.getAttribute( attributeName )!.split( ',' ) );\n\n\t\t\t\tmarkerNames.delete( viewData!.name );\n\n\t\t\t\tif ( markerNames.size == 0 ) {\n\t\t\t\t\tconversionApi.writer.removeAttribute( attributeName, element );\n\t\t\t\t} else {\n\t\t\t\t\tconversionApi.writer.setAttribute( attributeName, Array.from( markerNames ).join( ',' ), element );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Function factory that creates a converter which converts the set/change/remove attribute changes from the model to the view.\n *\n * Attributes from the model are converted to the view element attributes in the view. You may provide a custom function to generate\n * a key-value attribute pair to add/change/remove. If not provided, model attributes will be converted to view element\n * attributes on a one-to-one basis.\n *\n * *Note:** The provided attribute creator should always return the same `key` for a given attribute from the model.\n *\n * The converter automatically consumes the corresponding value from the consumables list and stops the event (see\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher}).\n *\n * ```ts\n * modelDispatcher.on( 'attribute:customAttr:myElem', changeAttribute( ( value, data ) => {\n * \t// Change attribute key from `customAttr` to `class` in the view.\n * \tconst key = 'class';\n * \tlet value = data.attributeNewValue;\n *\n * \t// Force attribute value to 'empty' if the model element is empty.\n * \tif ( data.item.childCount === 0 ) {\n * \t\tvalue = 'empty';\n * \t}\n *\n * \t// Return the key-value pair.\n * \treturn { key, value };\n * } ) );\n * ```\n *\n * @param attributeCreator Function returning an object with two properties: `key` and `value`, which\n * represent the attribute key and attribute value to be set on a {@link module:engine/view/element~ViewElement view element}.\n * The function is passed the model attribute value as the first parameter and additional data about the change as the second parameter.\n * @returns Set/change attribute converter.\n */\nfunction changeAttribute( attributeCreator: DowncastAttributeCreatorFunction ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: {\n\t\t\titem: ModelElement;\n\t\t\trange: ModelRange;\n\t\t\tattributeKey: string;\n\t\t\tattributeOldValue: unknown;\n\t\t\tattributeNewValue: unknown;\n\t\t},\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst oldAttribute = attributeCreator( data.attributeOldValue, conversionApi, data );\n\t\tconst newAttribute = attributeCreator( data.attributeNewValue, conversionApi, data );\n\n\t\tif ( !oldAttribute && !newAttribute ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconversionApi.consumable.consume( data.item, evt.name );\n\n\t\tconst viewElement = conversionApi.mapper.toViewElement( data.item );\n\t\tconst viewWriter = conversionApi.writer;\n\n\t\t// If model item cannot be mapped to a view element, it means item is not an `Element` instance but a `ModelTextProxy` node.\n\t\t// Only elements can have attributes in a view so do not proceed for anything else (#1587).\n\t\tif ( !viewElement ) {\n\t\t\t/**\n\t\t\t * This error occurs when a {@link module:engine/model/textproxy~ModelTextProxy text node's} attribute is to be downcasted\n\t\t\t * by an {@link module:engine/conversion/conversion~Conversion#attributeToAttribute `Attribute to Attribute converter`}.\n\t\t\t * In most cases it is caused by converters misconfiguration when only \"generic\" converter is defined:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * editor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t\t\t * \tmodel: 'attribute-name',\n\t\t\t * \tview: 'attribute-name'\n\t\t\t * } ) );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * and given attribute is used on text node, for example:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * model.change( writer => {\n\t\t\t * \twriter.insertText( 'Foo', { 'attribute-name': 'bar' }, parent, 0 );\n\t\t\t * } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * In such cases, to convert the same attribute for both {@link module:engine/model/element~ModelElement}\n\t\t\t * and {@link module:engine/model/textproxy~ModelTextProxy `Text`} nodes, text specific\n\t\t\t * {@link module:engine/conversion/conversion~Conversion#attributeToElement `Attribute to Element converter`}\n\t\t\t * with higher {@link module:utils/priorities~PriorityString priority} must also be defined:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * editor.conversion.for( 'downcast' ).attributeToElement( {\n\t\t\t * \tmodel: {\n\t\t\t * \t\tkey: 'attribute-name',\n\t\t\t * \t\tname: '$text'\n\t\t\t * \t},\n\t\t\t * \tview: ( value, { writer } ) => {\n\t\t\t * \t\treturn writer.createAttributeElement( 'span', { 'attribute-name': value } );\n\t\t\t * \t},\n\t\t\t * \tconverterPriority: 'high'\n\t\t\t * } ) );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * @error conversion-attribute-to-attribute-on-text\n\t\t\t * @param {object} data The conversion data.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'conversion-attribute-to-attribute-on-text', conversionApi.dispatcher, data );\n\t\t}\n\n\t\t// First remove the old attribute if there was one.\n\t\tif ( data.attributeOldValue !== null && oldAttribute ) {\n\t\t\tlet value = oldAttribute.value;\n\n\t\t\tif ( oldAttribute.key == 'style' ) {\n\t\t\t\tif ( typeof oldAttribute.value == 'string' ) {\n\t\t\t\t\tvalue = new StylesMap( viewWriter.document.stylesProcessor )\n\t\t\t\t\t\t.setTo( oldAttribute.value )\n\t\t\t\t\t\t.getStylesEntries()\n\t\t\t\t\t\t.map( ( [ key ] ) => key );\n\t\t\t\t} else {\n\t\t\t\t\tvalue = Object.keys( oldAttribute.value );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tviewWriter.removeAttribute( oldAttribute.key, value as ArrayOrItem<string>, viewElement );\n\t\t}\n\n\t\t// Then set the new attribute.\n\t\tif ( data.attributeNewValue !== null && newAttribute ) {\n\t\t\tlet value = newAttribute.value;\n\n\t\t\tif ( newAttribute.key == 'style' && typeof newAttribute.value == 'string' ) {\n\t\t\t\tvalue = Object.fromEntries(\n\t\t\t\t\tnew StylesMap( viewWriter.document.stylesProcessor )\n\t\t\t\t\t\t.setTo( newAttribute.value )\n\t\t\t\t\t\t.getStylesEntries()\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tviewWriter.setAttribute( newAttribute.key, value, false, viewElement );\n\t\t}\n\t};\n}\n\n/**\n * Function factory that creates a converter which converts the text inside marker's range. The converter wraps the text with\n * {@link module:engine/view/attributeelement~ViewAttributeElement} created from the provided descriptor.\n * See {link module:engine/conversion/downcasthelpers~createViewElementFromDowncastHighlightDescriptor}.\n *\n * It can also be used to convert the selection that is inside a marker. In that case, an empty attribute element will be\n * created and the selection will be put inside it.\n *\n * If the highlight descriptor does not provide the `priority` property, `10` will be used.\n *\n * If the highlight descriptor does not provide the `id` property, the name of the marker will be used.\n *\n * This converter binds the created {@link module:engine/view/attributeelement~ViewAttributeElement attribute elemens} with the marker name\n * using the {@link module:engine/conversion/mapper~Mapper#bindElementToMarker} method.\n */\nfunction highlightText( highlightDescriptor: DowncastHighlightDescriptor | DowncastHighlightDescriptorCreatorFunction ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: {\n\t\t\titem?: ModelItem | ModelSelection | ModelDocumentSelection;\n\t\t\trange?: ModelRange;\n\t\t\tmarkerRange: ModelRange;\n\t\t\tmarkerName: string;\n\t\t},\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tif ( !data.item ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !( data.item instanceof ModelSelection || data.item instanceof ModelDocumentSelection ) && !data.item.is( '$textProxy' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst descriptor = prepareDescriptor( highlightDescriptor, data, conversionApi );\n\n\t\tif ( !descriptor ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst viewElement = createViewElementFromDowncastHighlightDescriptor( viewWriter, descriptor );\n\t\tconst viewSelection = viewWriter.document.selection;\n\n\t\tif ( data.item instanceof ModelSelection || data.item instanceof ModelDocumentSelection ) {\n\t\t\tviewWriter.wrap( viewSelection.getFirstRange()!, viewElement );\n\t\t} else {\n\t\t\tconst viewRange = conversionApi.mapper.toViewRange( data.range! );\n\t\t\tconst rangeAfterWrap = viewWriter.wrap( viewRange, viewElement );\n\n\t\t\tfor ( const element of rangeAfterWrap.getItems() ) {\n\t\t\t\tif ( element.is( 'attributeElement' ) && element.isSimilar( viewElement ) ) {\n\t\t\t\t\tconversionApi.mapper.bindElementToMarker( element, data.markerName );\n\n\t\t\t\t\t// One attribute element is enough, because all of them are bound together by the view writer.\n\t\t\t\t\t// Mapper uses this binding to get all the elements no matter how many of them are registered in the mapper.\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Converter function factory. It creates a function which applies the marker's highlight to an element inside the marker's range.\n *\n * The converter checks if an element has the `addHighlight` function stored as a\n * {@link module:engine/view/element~ViewElement#_setCustomProperty custom property} and, if so, uses it to apply the highlight.\n * In such case the converter will consume all element's children, assuming that they were handled by the element itself.\n *\n * When the `addHighlight` custom property is not present, the element is not converted in any special way.\n * This means that converters will proceed to convert the element's child nodes.\n *\n * If the highlight descriptor does not provide the `priority` property, `10` will be used.\n *\n * If the highlight descriptor does not provide the `id` property, the name of the marker will be used.\n *\n * This converter binds altered {@link module:engine/view/containerelement~ViewContainerElement container elements}\n * with the marker name using the {@link module:engine/conversion/mapper~Mapper#bindElementToMarker} method.\n */\nfunction highlightElement( highlightDescriptor: DowncastHighlightDescriptor | DowncastHighlightDescriptorCreatorFunction ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: {\n\t\t\titem?: ModelItem | ModelSelection | ModelDocumentSelection;\n\t\t\tmarkerName: string;\n\t\t\tmarkerRange: ModelRange;\n\t\t},\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\tif ( !data.item ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !( data.item instanceof ModelElement ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst descriptor = prepareDescriptor( highlightDescriptor, data, conversionApi );\n\n\t\tif ( !descriptor ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewElement = conversionApi.mapper.toViewElement( data.item );\n\n\t\tif ( viewElement && viewElement.getCustomProperty( 'addHighlight' ) ) {\n\t\t\t// Consume element itself.\n\t\t\tconversionApi.consumable.consume( data.item, evt.name );\n\n\t\t\t// Consume all children nodes.\n\t\t\tfor ( const value of ModelRange._createIn( data.item ) ) {\n\t\t\t\tconversionApi.consumable.consume( value.item, evt.name );\n\t\t\t}\n\n\t\t\tconst addHighlightCallback = viewElement.getCustomProperty( 'addHighlight' ) as DowncastAddHighlightCallback;\n\n\t\t\taddHighlightCallback( viewElement, descriptor, conversionApi.writer );\n\n\t\t\tconversionApi.mapper.bindElementToMarker( viewElement, data.markerName );\n\t\t}\n\t};\n}\n\n/**\n * Function factory that creates a converter which converts the removing model marker to the view.\n *\n * Both text nodes and elements are handled by this converter but they are handled a bit differently.\n *\n * Text nodes are unwrapped using the {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} created from the\n * provided highlight descriptor. See {link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor}.\n *\n * For elements, the converter checks if an element has the `removeHighlight` function stored as a\n * {@link module:engine/view/element~ViewElement#_setCustomProperty custom property}. If so, it uses it to remove the highlight.\n * In such case, the children of that element will not be converted.\n *\n * When `removeHighlight` is not present, the element is not converted in any special way.\n * The converter will proceed to convert the element's child nodes instead.\n *\n * If the highlight descriptor does not provide the `priority` property, `10` will be used.\n *\n * If the highlight descriptor does not provide the `id` property, the name of the marker will be used.\n *\n * This converter unbinds elements from the marker name.\n */\nfunction removeHighlight( highlightDescriptor: DowncastHighlightDescriptor | DowncastHighlightDescriptorCreatorFunction ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: {\n\t\t\tmarkerName: string;\n\t\t\tmarkerRange: ModelRange;\n\t\t},\n\t\tconversionApi: DowncastConversionApi\n\t): void => {\n\t\t// This conversion makes sense only for non-collapsed range.\n\t\tif ( data.markerRange.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst descriptor = prepareDescriptor( highlightDescriptor, data, conversionApi );\n\n\t\tif ( !descriptor ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// View element that will be used to unwrap `AttributeElement`s.\n\t\tconst viewHighlightElement = createViewElementFromDowncastHighlightDescriptor( conversionApi.writer, descriptor );\n\n\t\t// Get all elements bound with given marker name.\n\t\tconst elements = conversionApi.mapper.markerNameToElements( data.markerName );\n\n\t\tif ( !elements ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor ( const element of elements ) {\n\t\t\tconversionApi.mapper.unbindElementFromMarkerName( element, data.markerName );\n\n\t\t\tif ( element.is( 'attributeElement' ) ) {\n\t\t\t\tconversionApi.writer.unwrap( conversionApi.writer.createRangeOn( element ), viewHighlightElement );\n\t\t\t} else {\n\t\t\t\t// if element.is( 'containerElement' ).\n\t\t\t\tconst removeHighlightCallback = element.getCustomProperty( 'removeHighlight' ) as DowncastRemoveHighlightCallback;\n\n\t\t\t\tremoveHighlightCallback( element, descriptor.id!, conversionApi.writer );\n\t\t\t}\n\t\t}\n\n\t\tconversionApi.writer.clearClonedElementsGroup( data.markerName );\n\n\t\tevt.stop();\n\t};\n}\n\n/**\n * Model element to view element conversion helper.\n *\n * See {@link ~DowncastHelpers#elementToElement `.elementToElement()` downcast helper} for examples and config params description.\n *\n * @param config Conversion configuration.\n * @param config.model The description or a name of the model element to convert.\n * @param config.model.attributes List of attributes triggering element reconversion.\n * @param config.model.children Should reconvert element if the list of model child nodes changed.\n * @returns Conversion helper.\n */\nfunction downcastElementToElement( config: {\n\tmodel: string | {\n\t\tname: string;\n\t\tattributes?: string | Array<string>;\n\t\tchildren?: boolean;\n\t};\n\tview: ViewElementDefinition | DowncastElementCreatorFunction;\n\tconverterPriority?: PriorityString;\n} ) {\n\tconst model = normalizeModelElementConfig( config.model );\n\tconst view = normalizeToElementConfig( config.view, 'container' );\n\n\t// Trigger reconversion on children list change if element is a subject to any reconversion.\n\t// This is required to be able to trigger Differ#refreshItem() on a direct child of the reconverted element.\n\tif ( model.attributes.length ) {\n\t\tmodel.children = true;\n\t}\n\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tdispatcher.on<DowncastInsertEvent<ModelElement>>(\n\t\t\t`insert:${ model.name }`,\n\t\t\tinsertElement( view, createConsumer( model ) ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\n\t\tif ( model.children || model.attributes.length ) {\n\t\t\tdispatcher.on<DowncastReduceChangesEvent>( 'reduceChanges', createChangeReducer( model ), { priority: 'low' } );\n\t\t}\n\t};\n}\n\n/**\n * Model element to view structure conversion helper.\n *\n * See {@link ~DowncastHelpers#elementToStructure `.elementToStructure()` downcast helper} for examples and config params description.\n *\n * @param config Conversion configuration.\n * @returns Conversion helper.\n */\nfunction downcastElementToStructure(\n\tconfig: {\n\t\tmodel: string | {\n\t\t\tname: string;\n\t\t\tattributes?: string | Array<string>;\n\t\t};\n\t\tview: DowncastStructureCreatorFunction;\n\t\tconverterPriority?: PriorityString;\n\t}\n) {\n\tconst model = normalizeModelElementConfig( config.model );\n\tconst view = normalizeToElementConfig( config.view, 'container' );\n\n\t// Trigger reconversion on children list change because it always needs to use slots to put children in proper places.\n\t// This is required to be able to trigger Differ#refreshItem() on a direct child of the reconverted element.\n\tmodel.children = true;\n\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tif ( dispatcher._conversionApi.schema.checkChild( model.name, '$text' ) ) {\n\t\t\t/**\n\t\t\t * This error occurs when a {@link module:engine/model/element~ModelElement model element} is downcasted\n\t\t\t * via {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure} helper but the element was\n\t\t\t * allowed to host `$text` by the {@link module:engine/model/schema~ModelSchema model schema}.\n\t\t\t *\n\t\t\t * For instance, this may be the result of `myElement` allowing the content of\n\t\t\t * {@glink framework/deep-dive/schema#generic-items `$block`} in its schema definition:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * // Element definition in schema.\n\t\t\t * schema.register( 'myElement', {\n\t\t\t * \tallowContentOf: '$block',\n\t\t\t *\n\t\t\t * \t// ...\n\t\t\t * } );\n\t\t\t *\n\t\t\t * // ...\n\t\t\t *\n\t\t\t * // Conversion of myElement with the use of elementToStructure().\n\t\t\t * editor.conversion.for( 'downcast' ).elementToStructure( {\n\t\t\t * \tmodel: 'myElement',\n\t\t\t * \tview: ( modelElement, { writer } ) => {\n\t\t\t * \t\t// ...\n\t\t\t * \t}\n\t\t\t * } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * In such case, {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`} helper\n\t\t\t * can be used instead to get around this problem:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * editor.conversion.for( 'downcast' ).elementToElement( {\n\t\t\t * \tmodel: 'myElement',\n\t\t\t * \tview: ( modelElement, { writer } ) => {\n\t\t\t * \t\t// ...\n\t\t\t * \t}\n\t\t\t * } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * @error conversion-element-to-structure-disallowed-text\n\t\t\t * @param {string} elementName The name of the element the structure is to be created for.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'conversion-element-to-structure-disallowed-text', dispatcher, { elementName: model.name } );\n\t\t}\n\n\t\tdispatcher.on<DowncastInsertEvent<ModelElement>>(\n\t\t\t`insert:${ model.name }`,\n\t\t\tinsertStructure( view, createConsumer( model ) ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\n\t\tdispatcher.on<DowncastReduceChangesEvent>( 'reduceChanges', createChangeReducer( model ), { priority: 'low' } );\n\t};\n}\n\n/**\n * Model attribute to view element conversion helper.\n *\n * See {@link ~DowncastHelpers#attributeToElement `.attributeToElement()` downcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.model The key of the attribute to convert from or a `{ key, values }` object. `values` is an array\n * of `String`s with possible values if the model attribute is an enumerable.\n * @param config.view A view element definition or a function that takes the model attribute value and\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter view downcast writer} as parameters and returns a view attribute element.\n * If `config.model.values` is given, `config.view` should be an object assigning values from `config.model.values` to view element\n * definitions or functions.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */\nfunction downcastAttributeToElement( config: {\n\tmodel: string | {\n\t\tkey: string;\n\t\tname?: string;\n\t\tvalues?: Array<string>;\n\t};\n\tview:\n\t\t| ViewElementDefinition\n\t\t| DowncastAttributeElementCreatorFunction\n\t\t| Record<string, ViewElementDefinition | DowncastAttributeElementCreatorFunction>;\n\tconverterPriority?: PriorityString;\n} ) {\n\tconfig = cloneDeep( config );\n\n\tlet model = config.model;\n\n\tif ( typeof model == 'string' ) {\n\t\tmodel = { key: model };\n\t}\n\n\tlet eventName = `attribute:${ model.key }` as const;\n\n\tif ( model.name ) {\n\t\teventName += ':' + model.name;\n\t}\n\n\tif ( model.values ) {\n\t\tfor ( const modelValue of model.values ) {\n\t\t\t( config.view as any )[ modelValue ] = normalizeToElementConfig( ( config.view as any )[ modelValue ], 'attribute' );\n\t\t}\n\t} else {\n\t\tconfig.view = normalizeToElementConfig( config.view as any, 'attribute' );\n\t}\n\n\tconst elementCreator = getFromAttributeCreator<DowncastAttributeElementCreatorFunction>( config );\n\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tdispatcher.on<DowncastAttributeEvent>(\n\t\t\teventName,\n\t\t\twrap( elementCreator ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t};\n}\n\n/**\n * Model attribute to view attribute conversion helper.\n *\n * See {@link ~DowncastHelpers#attributeToAttribute `.attributeToAttribute()` downcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.model The key of the attribute to convert from or a `{ key, values, [ name ] }` object describing\n * the attribute key, possible values and, optionally, an element name to convert from.\n * @param config.view A view attribute key, or a `{ key, value }` object or a function that takes the model attribute value and returns\n * a `{ key, value }` object.\n * If `key` is `'class'`, `value` can be a `String` or an array of `String`s. If `key` is `'style'`, `value` is an object with\n * key-value pairs. In other cases, `value` is a `String`.\n * If `config.model.values` is set, `config.view` should be an object assigning values from `config.model.values` to\n * `{ key, value }` objects or a functions.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */\nfunction downcastAttributeToAttribute( config: {\n\tmodel: string | {\n\t\tkey: string;\n\t\tname?: string;\n\t\tvalues?: Array<string>;\n\t};\n\tview:\n\t\t| string\n\t\t| DowncastAttributeDescriptor\n\t\t| DowncastAttributeCreatorFunction\n\t\t| Record<string, DowncastAttributeDescriptor | DowncastAttributeCreatorFunction>;\n\tconverterPriority?: PriorityString;\n} ) {\n\tconfig = cloneDeep( config );\n\n\tlet model = config.model;\n\n\tif ( typeof model == 'string' ) {\n\t\tmodel = { key: model };\n\t}\n\n\tlet eventName = `attribute:${ model.key }` as const;\n\n\tif ( model.name ) {\n\t\teventName += ':' + model.name;\n\t}\n\n\tif ( model.values ) {\n\t\tfor ( const modelValue of model.values ) {\n\t\t\t( config.view as any )[ modelValue ] = normalizeToAttributeConfig( ( config.view as any )[ modelValue ] );\n\t\t}\n\t} else {\n\t\tconfig.view = normalizeToAttributeConfig( config.view );\n\t}\n\n\tconst elementCreator = getFromAttributeCreator<DowncastAttributeCreatorFunction>( config );\n\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>(\n\t\t\teventName,\n\t\t\tchangeAttribute( elementCreator ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t};\n}\n\n/**\n * Model marker to view element conversion helper.\n *\n * See {@link ~DowncastHelpers#markerToElement `.markerToElement()` downcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.model The name of the model marker (or model marker group) to convert.\n * @param config.view A view element definition or a function that takes the model marker data as a parameter and returns a view UI element.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */\nfunction downcastMarkerToElement( config: {\n\tmodel: string;\n\tview: ViewElementDefinition | DowncastMarkerElementCreatorFunction;\n\tconverterPriority?: PriorityString;\n} ) {\n\tconst view = normalizeToElementConfig( config.view, 'ui' );\n\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tdispatcher.on<DowncastAddMarkerEvent>(\n\t\t\t`addMarker:${ config.model }`,\n\t\t\tinsertUIElement( view ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t\tdispatcher.on<DowncastRemoveMarkerEvent>(\n\t\t\t`removeMarker:${ config.model }`,\n\t\t\tremoveUIElement(),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t};\n}\n\n/**\n * Model marker to view data conversion helper.\n *\n * See {@link ~DowncastHelpers#markerToData `markerToData()` downcast helper} to learn more.\n *\n * @returns Conversion helper.\n */\nfunction downcastMarkerToData( config: {\n\tmodel: string;\n\tview?: DowncastMarkerDataCreatorFunction;\n\tconverterPriority?: PriorityString;\n} ) {\n\tconfig = cloneDeep( config );\n\n\tconst group = config.model;\n\tlet view = config.view;\n\n\t// Default conversion.\n\tif ( !view ) {\n\t\tview = markerName => ( {\n\t\t\tgroup,\n\t\t\tname: markerName.substr( config.model.length + 1 )\n\t\t} );\n\t}\n\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tdispatcher.on<DowncastAddMarkerEvent>(\n\t\t\t`addMarker:${ group }`,\n\t\t\tinsertMarkerData( view! ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t\tdispatcher.on<DowncastRemoveMarkerEvent>(\n\t\t\t`removeMarker:${ group }`,\n\t\t\tremoveMarkerData( view! ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t};\n}\n\n/**\n * Model marker to highlight conversion helper.\n *\n * See {@link ~DowncastHelpers#markerToElement `.markerToElement()` downcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.model The name of the model marker (or model marker group) to convert.\n * @param config.view A highlight descriptor that will be used for highlighting or a function that takes\n * the model marker data as a parameter and returns a highlight descriptor.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */\nfunction downcastMarkerToHighlight( config: {\n\tmodel: string;\n\tview: DowncastHighlightDescriptor | DowncastHighlightDescriptorCreatorFunction;\n\tconverterPriority?: PriorityString;\n} ) {\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tdispatcher.on<DowncastAddMarkerEvent>(\n\t\t\t`addMarker:${ config.model }`,\n\t\t\thighlightText( config.view ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t\tdispatcher.on<DowncastAddMarkerEvent>(\n\t\t\t`addMarker:${ config.model }`,\n\t\t\thighlightElement( config.view ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t\tdispatcher.on<DowncastRemoveMarkerEvent>(\n\t\t\t`removeMarker:${ config.model }`,\n\t\t\tremoveHighlight( config.view ),\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t};\n}\n\n/**\n * Takes `config.model`, and converts it to an object with normalized structure.\n *\n * @param model Model configuration or element name.\n */\nfunction normalizeModelElementConfig( model: string | {\n\tname: string;\n\tattributes?: ArrayOrItem<string>;\n\tchildren?: boolean;\n} ): NormalizedModelElementConfig {\n\tif ( typeof model == 'string' ) {\n\t\tmodel = { name: model };\n\t}\n\n\treturn {\n\t\tname: model.name,\n\t\tattributes: model.attributes ? toArray( model.attributes ) : [],\n\t\tchildren: !!model.children\n\t};\n}\n\ninterface NormalizedModelElementConfig {\n\tname: string;\n\n\t/**\n\t * List of attributes that should trigger reconversion.\n\t */\n\tattributes: Array<string>;\n\n\t/**\n\t * Whether children insertion/deletion should trigger reconversion.\n\t */\n\tchildren: boolean;\n}\n\n/**\n * Takes `config.view`, and if it is an {@link module:engine/view/elementdefinition~ViewElementDefinition}, converts it\n * to a function (because lower level converters accept only element creator functions).\n *\n * @param view View configuration.\n * @param viewElementType View element type to create.\n * @returns Element creator function to use in lower level converters.\n */\nfunction normalizeToElementConfig<T extends Function>(\n\tview: ViewElementDefinition | T,\n\tviewElementType: 'container' | 'attribute' | 'ui'\n): T {\n\tif ( typeof view == 'function' ) {\n\t\t// If `view` is already a function, don't do anything.\n\t\treturn view as any;\n\t}\n\n\treturn ( ( modelData: unknown, conversionApi: DowncastConversionApi ) =>\n\t\tcreateViewElementFromDefinition( view, conversionApi, viewElementType ) ) as any;\n}\n\n/**\n * Creates a view element instance from the provided {@link module:engine/view/elementdefinition~ViewElementDefinition} and class.\n */\nfunction createViewElementFromDefinition(\n\tviewElementDefinition: ViewElementDefinition,\n\tconversionApi: DowncastConversionApi,\n\tviewElementType: 'container' | 'attribute' | 'ui'\n): ViewElement {\n\tif ( typeof viewElementDefinition == 'string' ) {\n\t\t// If `viewElementDefinition` is given as a `String`, normalize it to an object with `name` property.\n\t\tviewElementDefinition = { name: viewElementDefinition };\n\t}\n\n\tlet element: ViewElement;\n\tconst viewWriter = conversionApi.writer;\n\tconst attributes = Object.assign( {}, viewElementDefinition.attributes );\n\n\tif ( viewElementType == 'container' ) {\n\t\telement = viewWriter.createContainerElement( viewElementDefinition.name, attributes );\n\t} else if ( viewElementType == 'attribute' ) {\n\t\tconst options = {\n\t\t\tpriority: viewElementDefinition.priority || ViewAttributeElement.DEFAULT_PRIORITY\n\t\t};\n\n\t\telement = viewWriter.createAttributeElement( viewElementDefinition.name, attributes, options );\n\t} else {\n\t\t// 'ui'.\n\t\telement = viewWriter.createUIElement( viewElementDefinition.name, attributes );\n\t}\n\n\tif ( viewElementDefinition.styles ) {\n\t\tconst keys = Object.keys( viewElementDefinition.styles );\n\n\t\tfor ( const key of keys ) {\n\t\t\tviewWriter.setStyle( key, viewElementDefinition.styles[ key ], element );\n\t\t}\n\t}\n\n\tif ( viewElementDefinition.classes ) {\n\t\tconst classes = viewElementDefinition.classes;\n\n\t\tif ( typeof classes == 'string' ) {\n\t\t\tviewWriter.addClass( classes, element );\n\t\t} else {\n\t\t\tfor ( const className of classes ) {\n\t\t\t\tviewWriter.addClass( className, element );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction getFromAttributeCreator<T extends DowncastAttributeElementCreatorFunction | DowncastAttributeCreatorFunction>( config: any ): T {\n\tif ( config.model.values ) {\n\t\treturn ( ( modelAttributeValue: any, conversionApi: DowncastConversionApi, data: any ) => {\n\t\t\tconst view = config.view[ modelAttributeValue ];\n\n\t\t\tif ( view ) {\n\t\t\t\treturn view( modelAttributeValue, conversionApi, data );\n\t\t\t}\n\n\t\t\treturn null;\n\t\t} ) as any;\n\t} else {\n\t\treturn config.view;\n\t}\n}\n\n/**\n * Takes the configuration, adds default parameters if they do not exist and normalizes other parameters to be used in downcast converters\n * for generating a view attribute.\n *\n * @param view View configuration.\n */\nfunction normalizeToAttributeConfig( view: any ): DowncastAttributeCreatorFunction {\n\tif ( typeof view == 'string' ) {\n\t\treturn modelAttributeValue => ( { key: view, value: modelAttributeValue as string } );\n\t} else if ( typeof view == 'object' ) {\n\t\t// { key, value, ... }\n\t\tif ( view.value ) {\n\t\t\treturn () => view;\n\t\t}\n\t\t// { key, ... }\n\t\telse {\n\t\t\treturn modelAttributeValue => ( { key: view.key, value: modelAttributeValue as string } );\n\t\t}\n\t} else {\n\t\t// function.\n\t\treturn view;\n\t}\n}\n\n/**\n * Helper function for `highlight`. Prepares the actual descriptor object using value passed to the converter.\n */\nfunction prepareDescriptor(\n\thighlightDescriptor: DowncastHighlightDescriptor | DowncastHighlightDescriptorCreatorFunction,\n\tdata: {\n\t\tmarkerName: string;\n\t\tmarkerRange: ModelRange;\n\t},\n\tconversionApi: DowncastConversionApi\n): DowncastHighlightDescriptor | null {\n\t// If passed descriptor is a creator function, call it. If not, just use passed value.\n\tconst descriptor = typeof highlightDescriptor == 'function' ?\n\t\thighlightDescriptor( data, conversionApi ) :\n\t\t{ ...highlightDescriptor };\n\n\tif ( !descriptor ) {\n\t\treturn null;\n\t}\n\n\t// Apply default descriptor priority.\n\tif ( !descriptor.priority ) {\n\t\tdescriptor.priority = 10;\n\t}\n\n\t// Default descriptor id is marker name.\n\tif ( !descriptor.id ) {\n\t\tdescriptor.id = data.markerName;\n\t}\n\n\treturn descriptor;\n}\n\n/**\n * Creates a function that checks a single differ diff item whether it should trigger reconversion.\n *\n * @param model A normalized `config.model` converter configuration.\n * @param model.name The name of element.\n * @param model.attributes The list of attribute names that should trigger reconversion.\n * @param model.children Whether the child list change should trigger reconversion.\n */\nfunction createChangeReducerCallback( model: NormalizedModelElementConfig ) {\n\treturn ( node: ModelNode, change: DifferItem | DifferItemReinsert ): boolean => {\n\t\tif ( !node.is( 'element', model.name ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( change.type == 'attribute' ) {\n\t\t\tif ( model.attributes.includes( change.attributeKey ) ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t} else {\n\t\t\t/* istanbul ignore else: This is always true because otherwise it would not register a reducer callback. -- @preserve */\n\t\t\tif ( model.children ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n}\n\n/**\n * Creates a `reduceChanges` event handler for reconversion.\n *\n * @param model A normalized `config.model` converter configuration.\n * @param model.name The name of element.\n * @param model.attributes The list of attribute names that should trigger reconversion.\n * @param model.children Whether the child list change should trigger reconversion.\n */\nfunction createChangeReducer( model: NormalizedModelElementConfig ) {\n\tconst shouldReplace = createChangeReducerCallback( model );\n\n\treturn (\n\t\tevt: unknown,\n\t\tdata: {\n\t\t\tchanges: Iterable<DifferItem | DifferItemReinsert>;\n\t\t\treconvertedElements?: Set<ModelNode>;\n\t\t\trefreshedItems: Set<ModelItem>;\n\t\t}\n\t) => {\n\t\tconst reducedChanges: Array<DifferItem | DifferItemReinsert> = [];\n\n\t\tif ( !data.reconvertedElements ) {\n\t\t\tdata.reconvertedElements = new Set();\n\t\t}\n\n\t\tfor ( const change of data.changes ) {\n\t\t\t// For attribute use node affected by the change.\n\t\t\t// For insert or remove use parent element because we need to check if it's added/removed child.\n\t\t\tconst node = change.type == 'attribute' ? change.range.start.nodeAfter : change.position.parent as ModelNode;\n\n\t\t\tif ( !node || !shouldReplace( node, change ) || change.type == 'reinsert' ) {\n\t\t\t\treducedChanges.push( change );\n\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Force to not-reuse view elements renamed in model.\n\t\t\tif ( change.type == 'insert' && change.action == 'rename' ) {\n\t\t\t\tdata.refreshedItems.add( change.position.nodeAfter! );\n\t\t\t}\n\n\t\t\t// If it's already marked for reconversion, so skip this change, otherwise add the diff items.\n\t\t\tif ( !data.reconvertedElements.has( node ) ) {\n\t\t\t\tdata.reconvertedElements.add( node );\n\n\t\t\t\tconst position = ModelPosition._createBefore( node );\n\t\t\t\tlet changeIndex = reducedChanges.length;\n\n\t\t\t\t// We need to insert remove+reinsert before any other change on and inside the re-converted element.\n\t\t\t\t// This is important because otherwise we would remove element that had already been modified by the previous change.\n\t\t\t\t// Note that there could be some element removed before the re-converted element, so we must not break this behavior.\n\t\t\t\tfor ( let i = reducedChanges.length - 1; i >= 0; i-- ) {\n\t\t\t\t\tconst change = reducedChanges[ i ];\n\t\t\t\t\tconst changePosition = change.type == 'attribute' ? change.range.start : change.position;\n\t\t\t\t\tconst positionRelation = changePosition.compareWith( position );\n\n\t\t\t\t\tif ( positionRelation == 'before' || change.type == 'remove' && positionRelation == 'same' ) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tchangeIndex = i;\n\t\t\t\t}\n\n\t\t\t\treducedChanges.splice( changeIndex, 0, {\n\t\t\t\t\ttype: 'reinsert',\n\t\t\t\t\tname: ( node as ModelElement ).name,\n\t\t\t\t\tposition,\n\t\t\t\t\tlength: 1\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\tdata.changes = reducedChanges;\n\t};\n}\n\n/**\n * Creates a function that checks if an element and its watched attributes can be consumed and consumes them.\n *\n * @param model A normalized `config.model` converter configuration.\n * @param model.name The name of element.\n * @param model.attributes The list of attribute names that should trigger reconversion.\n * @param model.children Whether the child list change should trigger reconversion.\n */\nfunction createConsumer( model: NormalizedModelElementConfig ): ConsumerFunction {\n\treturn ( node, consumable, options = {} ) => {\n\t\tconst events = [ 'insert' ];\n\n\t\t// Collect all set attributes that are triggering conversion.\n\t\tfor ( const attributeName of model.attributes ) {\n\t\t\tif ( node.hasAttribute( attributeName ) ) {\n\t\t\t\tevents.push( `attribute:${ attributeName }` );\n\t\t\t}\n\t\t}\n\n\t\tif ( !events.every( event => consumable.test( node, event ) ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( !options.preflight ) {\n\t\t\tevents.forEach( event => consumable.consume( node, event ) );\n\t\t}\n\n\t\treturn true;\n\t};\n}\n\n/**\n * Creates a function that creates view slots.\n *\n * @returns Function exposed by the writer as `createSlot()`.\n */\nfunction createSlotFactory( element: ModelElement, slotsMap: Map<ViewElement, Array<ModelNode>>, conversionApi: DowncastConversionApi ) {\n\treturn ( writer: ViewDowncastWriter, modeOrFilter: 'children' | DowncastSlotFilter ) => {\n\t\tconst slot = writer.createContainerElement( '$slot' );\n\n\t\tlet children: Array<ModelNode> | null = null;\n\n\t\tif ( modeOrFilter === 'children' ) {\n\t\t\tchildren = Array.from( element.getChildren() );\n\t\t} else if ( typeof modeOrFilter == 'function' ) {\n\t\t\tchildren = Array.from( element.getChildren() ).filter( element => modeOrFilter( element ) );\n\t\t} else {\n\t\t\t/**\n\t\t\t * Unknown slot mode was provided to `writer.createSlot()` in the downcast converter.\n\t\t\t *\n\t\t\t * @error conversion-slot-mode-unknown\n\t\t\t * @param {never} modeOrFilter The specified mode or filter.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'conversion-slot-mode-unknown', conversionApi.dispatcher, { modeOrFilter } );\n\t\t}\n\n\t\tslotsMap.set( slot, children );\n\n\t\treturn slot;\n\t};\n}\n\n/**\n * Checks if all children are covered by slots and there is no child that landed in multiple slots.\n */\nfunction validateSlotsChildren(\n\telement: ModelElement,\n\tslotsMap: Map<ViewElement, Array<ModelNode>>,\n\tconversionApi: DowncastConversionApi\n) {\n\tconst childrenInSlots = Array.from( slotsMap.values() ).flat();\n\tconst uniqueChildrenInSlots = new Set( childrenInSlots );\n\n\tif ( uniqueChildrenInSlots.size != childrenInSlots.length ) {\n\t\t/**\n\t\t * Filters provided to `writer.createSlot()` overlap (at least two filters accept the same child element).\n\t\t *\n\t\t * @error conversion-slot-filter-overlap\n\t\t * @param {module:engine/model/element~ModelElement} element The element of which children would not be properly\n\t\t * allocated to multiple slots.\n\t\t */\n\t\tthrow new CKEditorError( 'conversion-slot-filter-overlap', conversionApi.dispatcher, { element } );\n\t}\n\n\tif ( uniqueChildrenInSlots.size != element.childCount ) {\n\t\t/**\n\t\t * Filters provided to `writer.createSlot()` are incomplete and exclude at least one children element (one of\n\t\t * the children elements would not be assigned to any of the slots).\n\t\t *\n\t\t * @error conversion-slot-filter-incomplete\n\t\t * @param {module:engine/model/element~ModelElement} element The element of which children would not be properly\n\t\t * allocated to multiple slots.\n\t\t */\n\t\tthrow new CKEditorError( 'conversion-slot-filter-incomplete', conversionApi.dispatcher, { element } );\n\t}\n}\n\n/**\n * Fill slots with appropriate view elements.\n */\nfunction fillSlots(\n\tviewElement: ViewElement,\n\tslotsMap: Map<ViewElement, Array<ModelNode>>,\n\tconversionApi: DowncastConversionApi,\n\toptions: { reconversion?: boolean }\n): void {\n\t// Set temporary position mapping to redirect child view elements into a proper slots.\n\tconversionApi.mapper.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', toViewPositionMapping, { priority: 'highest' } );\n\n\tlet currentSlot: ViewElement | null = null;\n\tlet currentSlotNodes: Array<ModelNode> | null = null;\n\n\t// Fill slots with nested view nodes.\n\tfor ( [ currentSlot, currentSlotNodes ] of slotsMap ) {\n\t\treinsertOrConvertNodes( viewElement, currentSlotNodes, conversionApi, options );\n\n\t\tconversionApi.writer.setCustomProperty( '$structureSlotParent', true, currentSlot!.parent! );\n\t\tconversionApi.writer.move(\n\t\t\tconversionApi.writer.createRangeIn( currentSlot ),\n\t\t\tconversionApi.writer.createPositionBefore( currentSlot )\n\t\t);\n\t\tconversionApi.writer.remove( currentSlot );\n\t}\n\n\tconversionApi.mapper.off( 'modelToViewPosition', toViewPositionMapping );\n\n\tfunction toViewPositionMapping( evt: unknown, data: {\n\t\tmapper: Mapper;\n\t\tmodelPosition: ModelPosition;\n\t\tviewPosition?: ViewPosition;\n\t\tisPhantom?: boolean;\n\t} ) {\n\t\tconst element = data.modelPosition.nodeAfter!;\n\n\t\t// Find the proper offset within the slot.\n\t\tconst index = currentSlotNodes!.indexOf( element );\n\n\t\tif ( index < 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tdata.viewPosition = data.mapper.findPositionIn( currentSlot!, index );\n\t}\n}\n\n/**\n * Inserts view representation of `nodes` into the `viewElement` either by bringing back just removed view nodes\n * or by triggering conversion for them.\n */\nfunction reinsertOrConvertNodes(\n\tviewElement: ViewElement,\n\tmodelNodes: Iterable<ModelNode>,\n\tconversionApi: DowncastConversionApi,\n\toptions: { reconversion?: boolean }\n) {\n\t// Fill with nested view nodes.\n\tfor ( const modelChildNode of modelNodes ) {\n\t\t// Try reinserting the view node for the specified model node...\n\t\tif ( !reinsertNode( viewElement.root, modelChildNode, conversionApi, options ) ) {\n\t\t\t// ...or else convert the model element to the view.\n\t\t\tconversionApi.convertItem( modelChildNode );\n\t\t}\n\t}\n}\n\n/**\n * Checks if the view for the given model element could be reused and reinserts it to the view.\n *\n * @returns `false` if view element can't be reused.\n */\nfunction reinsertNode(\n\tviewRoot: ViewElement | ViewDocumentFragment,\n\tmodelNode: ModelNode,\n\tconversionApi: DowncastConversionApi,\n\toptions: { reconversion?: boolean }\n): boolean {\n\tconst { writer, mapper } = conversionApi;\n\n\t// Don't reinsert if this is not a reconversion...\n\tif ( !options.reconversion ) {\n\t\treturn false;\n\t}\n\n\tconst viewChildNode = mapper.toViewElement( modelNode as ModelElement );\n\n\t// ...or there is no view to reinsert or it was already inserted to the view structure...\n\tif ( !viewChildNode || viewChildNode.root == viewRoot ) {\n\t\treturn false;\n\t}\n\n\t// ...or it was strictly marked as not to be reused.\n\tif ( !conversionApi.canReuseView( viewChildNode ) ) {\n\t\treturn false;\n\t}\n\n\t// Otherwise reinsert the view node.\n\twriter.move(\n\t\twriter.createRangeOn( viewChildNode ),\n\t\tmapper.toViewPosition( ModelPosition._createBefore( modelNode ) )\n\t);\n\n\treturn true;\n}\n\n/**\n * The default consumer for insert events.\n *\n * @param item Model item.\n * @param consumable The model consumable.\n * @param options.preflight Whether should consume or just check if can be consumed.\n */\nfunction defaultConsumer(\n\titem: ModelItem,\n\tconsumable: ModelConsumable,\n\t{ preflight }: { preflight?: boolean } = {}\n): boolean | null {\n\tif ( preflight ) {\n\t\treturn consumable.test( item, 'insert' );\n\t} else {\n\t\treturn consumable.consume( item, 'insert' );\n\t}\n}\n\n/**\n * An object describing how the marker highlight should be represented in the view.\n *\n * Each text node contained in a highlighted range will be wrapped in a `<span>`\n * {@link module:engine/view/attributeelement~ViewAttributeElement view attribute element} with CSS class(es), attributes and a priority\n * described by this object.\n *\n * Additionally, each {@link module:engine/view/containerelement~ViewContainerElement container element} can handle displaying the highlight\n * separately by providing the `addHighlight` and `removeHighlight` custom properties. In this case:\n *\n *  * The `DowncastHighlightDescriptor` object is passed to the `addHighlight` function upon conversion and\n *  should be used to apply the highlight to the element.\n *  * The descriptor `id` is passed to the `removeHighlight` function upon conversion and should be used to remove the highlight with the\n *  given ID from the element.\n */\nexport interface DowncastHighlightDescriptor {\n\n\t/**\n\t * A CSS class or an array of classes to set. If the descriptor is used to\n\t * create an {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} over text nodes,\n\t * these classes will be set on that attribute element. If the descriptor is applied to an element, usually these\n\t * classes will be set on that element, however, this depends on how the element converts the descriptor.\n\t */\n\tclasses: string | Array<string>;\n\n\t/**\n\t * Descriptor identifier. If not provided, it defaults to the converted marker's name.\n\t */\n\tid?: string;\n\n\t/**\n\t * Descriptor priority. If not provided, it defaults to `10`. If the descriptor is used to create\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement attribute element}, it will be that element's\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement#priority priority}. If the descriptor is applied to an element,\n\t * the priority will be used to determine which descriptor is more important.\n\t */\n\tpriority?: number;\n\n\t/**\n\t * Attributes to set. If the descriptor is used to create\n\t * an {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} over text nodes, these attributes will be set\n\t * on that attribute element. If the descriptor is applied to an element, usually these attributes will be set on that element, however,\n\t * this depends on how the element converts the descriptor.\n\t */\n\tattributes?: Record<string, string>;\n}\n\n/**\n * A filtering function used to choose model child nodes to be downcasted into the specific view\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createSlot \"slot\"} while executing the\n * {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure `elementToStructure()`} converter.\n *\n * @callback module:engine/conversion/downcasthelpers~DowncastSlotFilter\n *\n * @param node A model node.\n * @returns Whether the provided model node should be downcasted into this slot.\n *\n * @see module:engine/view/downcastwriter~ViewDowncastWriter#createSlot\n * @see module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure\n * @see module:engine/conversion/downcasthelpers~insertStructure\n */\nexport type DowncastSlotFilter = ( node: ModelNode ) => boolean;\n\n/**\n * A view element creator function that takes the model element and {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi\n * downcast conversion API} as parameters and returns a view container element.\n *\n * @callback module:engine/conversion/downcasthelpers~DowncastElementCreatorFunction\n *\n * @param element The model element to be converted to the view structure.\n * @param conversionApi The conversion interface.\n * @param data Additional information about the change (same as for\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert `insert`} event).\n * @param data.item Inserted item.\n * @param data.range Range spanning over inserted item.\n * @returns The view element.\n *\n * @see module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement\n * @see module:engine/conversion/downcasthelpers~insertElement\n */\nexport type DowncastElementCreatorFunction = (\n\telement: ModelElement,\n\tconversionApi: DowncastConversionApi,\n\tdata: {\n\t\titem: ModelItem;\n\t\trange: ModelRange;\n\t}\n) => ViewElement | null;\n\n/**\n * A function that takes the model element and {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast\n * conversion API} as parameters and returns a view container element with slots for model child nodes to be converted into.\n *\n * @callback module:engine/conversion/downcasthelpers~DowncastStructureCreatorFunction\n *\n * @param element The model element to be converted to the view structure.\n * @param conversionApi The conversion interface.\n * @param data Additional information about the change (same as for\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert `insert`} event).\n * @param data.item Inserted item.\n * @param data.range Range spanning over inserted item.\n * @returns The view structure with slots for model child nodes.\n *\n * @see module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure\n * @see module:engine/conversion/downcasthelpers~insertStructure\n */\nexport type DowncastStructureCreatorFunction = DowncastElementCreatorFunction;\n\n/**\n * A view element creator function that takes the model attribute value and\n * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API} as parameters and returns a view\n * attribute element.\n *\n * @callback module:engine/conversion/downcasthelpers~DowncastAttributeElementCreatorFunction\n *\n * @param attributeValue The model attribute value to be converted to the view attribute element.\n * @param conversionApi The conversion interface.\n * @param data Additional information about the change (same as for\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute`} event).\n * @param data.item Changed item or converted selection.\n * @param data.range Range spanning over changed item or selection range.\n * @param data.attributeKey Attribute key.\n * @param data.attributeOldValue Attribute value before the change. This is `null` when selection attribute is converted.\n * @param data.attributeNewValue New attribute value.\n * @returns The view attribute element.\n *\n * @see module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement\n * @see module:engine/conversion/downcasthelpers~wrap\n */\nexport type DowncastAttributeElementCreatorFunction = (\n\tattributeValue: any,\n\tconversionApi: DowncastConversionApi,\n\tdata: {\n\t\titem: ModelItem | ModelSelection | ModelDocumentSelection;\n\t\trange: ModelRange;\n\t\tattributeKey: string;\n\t\tattributeOldValue: unknown;\n\t\tattributeNewValue: unknown;\n\t}\n) => ViewAttributeElement | null;\n\n/**\n * A function that takes the model attribute value and\n * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi downcast conversion API}\n * as parameters.\n *\n * @callback module:engine/conversion/downcasthelpers~DowncastAttributeCreatorFunction\n *\n * @param attributeValue The model attribute value to be converted to the view attribute element.\n * @param conversionApi The conversion interface.\n * @param data Additional information about the change (same as for\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute `attribute`} event).\n * @param data.item Changed item or converted selection.\n * @param data.range Range spanning over changed item or selection range.\n * @param data.attributeKey Attribute key.\n * @param data.attributeOldValue Attribute value before the change. This is `null` when selection attribute is converted.\n * @param data.attributeNewValue New attribute value.\n * @returns A `{ key, value }` object. If `key` is `'class'`, `value` can be a `String` or an\n * array of `String`s. If `key` is `'style'`, `value` is an object with key-value pairs. In other cases, `value` is a `String`.\n *\n * @see module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToAttribute\n */\nexport type DowncastAttributeCreatorFunction = (\n\tattributeValue: unknown,\n\tconversionApi: DowncastConversionApi,\n\tdata: {\n\t\titem: ModelItem;\n\t\trange: ModelRange;\n\t\tattributeKey: string;\n\t\tattributeOldValue: unknown;\n\t\tattributeNewValue: unknown;\n\t}\n) => DowncastAttributeDescriptor | null;\n\nexport type DowncastAttributeDescriptor = {\n\tkey: 'class';\n\tvalue: string | Array<string>;\n} | {\n\tkey: 'style';\n\tvalue: Record<string, string>;\n} | {\n\tkey: Exclude<string, 'class' | 'style'>;\n\tvalue: string;\n};\n\nexport type DowncastMarkerElementCreatorFunction = (\n\tdata: {\n\t\tmarkerRange: ModelRange;\n\t\tmarkerName: string;\n\t\tisOpening?: boolean;\n\t},\n\tconversionApi: DowncastConversionApi\n) => ViewUIElement | null;\n\nexport type DowncastHighlightDescriptorCreatorFunction = (\n\tdata: {\n\t\tmarkerRange: ModelRange;\n\t\tmarkerName: string;\n\t},\n\tconversionApi: DowncastConversionApi\n) => DowncastHighlightDescriptor | null;\n\nexport type DowncastAddHighlightCallback = (\n\tviewElement: ViewElement,\n\tdescriptor: DowncastHighlightDescriptor,\n\twriter: ViewDowncastWriter\n) => void;\n\nexport type DowncastRemoveHighlightCallback = (\n\tviewElement: ViewElement,\n\tid: string,\n\twriter: ViewDowncastWriter\n) => void;\n\nexport type DowncastMarkerDataCreatorFunction = (\n\tmarkerName: string,\n\tconversionApi: DowncastConversionApi\n) => { name: string; group: string } | null;\n\n/**\n * A function that is expected to consume all the consumables that were used by the element creator.\n *\n * @callback module:engine/conversion/downcasthelpers~ConsumerFunction\n *\n * @internal\n * @param element The model element to be converted to the view structure.\n * @param consumable The `ModelConsumable` same as in\n * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi#consumable `DowncastConversionApi.consumable`}.\n * @param options.preflight Whether should consume or just check if can be consumed.\n * @returns `true` if all consumable values were available and were consumed, `false` otherwise.\n *\n * @see module:engine/conversion/downcasthelpers~insertStructure\n */\nexport type ConsumerFunction = (\n\telement: ModelElement,\n\tconsumable: ModelConsumable,\n\toptions?: { preflight?: boolean }\n) => boolean | null;\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { type ModelNode } from '../node.js';\nimport { type ModelPosition } from '../position.js';\nimport { type ModelSchema } from '../schema.js';\nimport { type ModelWriter } from '../writer.js';\n\n/**\n * @module engine/model/utils/autoparagraphing\n */\n\n/**\n * Fixes all empty roots.\n *\n * @internal\n * @param writer The model writer.\n * @returns `true` if any change has been applied, `false` otherwise.\n */\nexport function autoParagraphEmptyRoots( writer: ModelWriter ): boolean {\n\tconst { schema, document } = writer.model;\n\n\tfor ( const root of document.getRoots() ) {\n\t\tif ( root.isEmpty && !schema.checkChild( root, '$text' ) ) {\n\t\t\t// If paragraph element is allowed in the root, create paragraph element.\n\t\t\tif ( schema.checkChild( root, 'paragraph' ) ) {\n\t\t\t\twriter.insertElement( 'paragraph', root );\n\n\t\t\t\t// Other roots will get fixed in the next post-fixer round. Those will be triggered\n\t\t\t\t// in the same batch no matter if this method was triggered by the post-fixing or not\n\t\t\t\t// (the above insertElement call will trigger the post-fixers).\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/**\n * Checks if the given node wrapped with a paragraph would be accepted by the schema in the given position.\n *\n * @internal\n * @param position The position at which to check.\n * @param nodeOrType The child node or child type to check.\n * @param schema A schema instance used for element validation.\n */\nexport function isParagraphable(\n\tposition: ModelPosition,\n\tnodeOrType: ModelNode | string,\n\tschema: ModelSchema\n): boolean {\n\tconst context = schema.createContext( position );\n\n\t// When paragraph is allowed in this context...\n\tif ( !schema.checkChild( context, 'paragraph' ) ) {\n\t\treturn false;\n\t}\n\n\t// And a node would be allowed in this paragraph...\n\tif ( !schema.checkChild( context.push( 'paragraph' ), nodeOrType ) ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Inserts a new paragraph at the given position and returns a position inside that paragraph.\n *\n * @internal\n * @param position The position where a paragraph should be inserted.\n * @param writer The model writer.\n * @returns  Position inside the created paragraph.\n */\nexport function wrapInParagraph( position: ModelPosition, writer: ModelWriter ): ModelPosition {\n\tconst paragraph = writer.createElement( 'paragraph' );\n\n\twriter.insert( paragraph, position );\n\n\treturn writer.createPositionAt( paragraph, 0 );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { Matcher, type MatchClassPatterns, type MatcherPattern, type MatchPropertyPatterns } from '../view/matcher.js';\nimport { ConversionHelpers } from './conversionhelpers.js';\n\nimport type { UpcastDispatcher, UpcastElementEvent, UpcastConversionApi, UpcastConversionData } from './upcastdispatcher.js';\nimport { type ModelElement } from '../model/element.js';\nimport { type ModelRange } from '../model/range.js';\nimport { type ModelPosition } from '../model/position.js';\nimport type { ViewDocumentFragment, ViewElement, ViewText } from '../index.js';\nimport { type Mapper } from './mapper.js';\nimport { type Model } from '../model/model.js';\nimport { type ViewSelection } from '../view/selection.js';\nimport { type ViewDocumentSelection } from '../view/documentselection.js';\nimport { isParagraphable, wrapInParagraph } from '../model/utils/autoparagraphing.js';\n\nimport { priorities, type EventInfo, type PriorityString } from '@ckeditor/ckeditor5-utils';\n\nimport { cloneDeep } from 'es-toolkit/compat';\n\n/**\n * Contains the {@link module:engine/view/view view} to {@link module:engine/model/model model} converters for\n * {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher}.\n *\n * @module engine/conversion/upcasthelpers\n */\n\n/**\n * Upcast conversion helper functions.\n *\n * Learn more about {@glink framework/deep-dive/conversion/upcast upcast helpers}.\n *\n * @extends module:engine/conversion/conversionhelpers~ConversionHelpers\n */\nexport class UpcastHelpers extends ConversionHelpers<UpcastDispatcher> {\n\t/**\n\t * View element to model element conversion helper.\n\t *\n\t * This conversion results in creating a model element. For example,\n\t * view `<p>Foo</p>` becomes `<paragraph>Foo</paragraph>` in the model.\n\t *\n\t * Keep in mind that the element will be inserted only if it is allowed\n\t * by {@link module:engine/model/schema~ModelSchema schema} configuration.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).elementToElement( {\n\t * \tview: 'p',\n\t * \tmodel: 'paragraph'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToElement( {\n\t * \tview: 'p',\n\t * \tmodel: 'paragraph',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToElement( {\n\t * \tview: {\n\t * \t\tname: 'p',\n\t * \t\tclasses: 'fancy'\n\t * \t},\n\t * \tmodel: 'fancyParagraph'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToElement( {\n\t * \tview: {\n\t * \t\tname: 'p',\n\t * \t\tclasses: 'heading'\n\t * \t},\n\t * \tmodel: ( viewElement, conversionApi ) => {\n\t * \t\tconst modelWriter = conversionApi.writer;\n\t *\n\t * \t\treturn modelWriter.createElement( 'heading', { level: viewElement.getAttribute( 'data-level' ) } );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view Pattern matching all view elements which should be converted. If not set, the converter\n\t * will fire for every view element.\n\t * @param config.model Name of the model element, a model element instance or a function that takes a view element\n\t * and {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi upcast conversion API}\n\t * and returns a model element. The model element will be inserted in the model.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic elementToElement( config: {\n\t\tview: MatcherPattern;\n\t\tmodel: string | UpcastElementCreatorFunction;\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( upcastElementToElement( config ) );\n\t}\n\n\t/**\n\t * View element to model attribute conversion helper.\n\t *\n\t * This conversion results in setting an attribute on a model node. For example, view `<strong>Foo</strong>` becomes\n\t * `Foo` {@link module:engine/model/text~ModelText model text node} with `bold` attribute set to `true`.\n\t *\n\t * This helper is meant to set a model attribute on all the elements that are inside the converted element:\n\t *\n\t * ```\n\t * <strong>Foo</strong>   -->   <strong><p>Foo</p></strong>   -->   <paragraph><$text bold=\"true\">Foo</$text></paragraph>\n\t * ```\n\t *\n\t * Above is a sample of HTML code, that goes through autoparagraphing (first step) and then is converted (second step).\n\t * Even though `<strong>` is over `<p>` element, `bold=\"true\"` was added to the text. See\n\t * {@link module:engine/conversion/upcasthelpers~UpcastHelpers#attributeToAttribute} for comparison.\n\t *\n\t * Keep in mind that the attribute will be set only if it is allowed by\n\t * {@link module:engine/model/schema~ModelSchema schema} configuration.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: 'strong',\n\t * \tmodel: 'bold'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: 'strong',\n\t * \tmodel: 'bold',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tclasses: 'bold'\n\t * \t},\n\t * \tmodel: 'bold'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tclasses: [ 'styled', 'styled-dark' ]\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'styled',\n\t * \t\tvalue: 'dark'\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToAttribute( {\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tstyles: {\n\t * \t\t\t'font-size': /[\\s\\S]+/\n\t * \t\t}\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'fontSize',\n\t * \t\tvalue: ( viewElement, conversionApi ) => {\n\t * \t\t\tconst fontSize = viewElement.getStyle( 'font-size' );\n\t * \t\t\tconst value = fontSize.substr( 0, fontSize.length - 2 );\n\t *\n\t * \t\t\tif ( value <= 10 ) {\n\t * \t\t\t\treturn 'small';\n\t * \t\t\t} else if ( value > 12 ) {\n\t * \t\t\t\treturn 'big';\n\t * \t\t\t}\n\t *\n\t * \t\t\treturn null;\n\t * \t\t}\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view Pattern matching all view elements which should be converted.\n\t * @param config.model Model attribute key or an object with `key` and `value` properties, describing\n\t * the model attribute. `value` property may be set as a function that takes a view element and\n\t * {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi upcast conversion API} and returns the value.\n\t * If `String` is given, the model attribute value will be set to `true`.\n\t * @param config.converterPriority Converter priority. Defaults to `low`.\n\t */\n\tpublic elementToAttribute( config: {\n\t\tview: MatcherPattern;\n\t\tmodel: string | {\n\t\t\tkey: string;\n\t\t\tvalue?: unknown;\n\t\t};\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( upcastElementToAttribute( config ) );\n\t}\n\n\t/**\n\t * View attribute to model attribute conversion helper.\n\t *\n\t * This conversion results in setting an attribute on a model node. For example, view `<img src=\"foo.jpg\"></img>` becomes\n\t * `<imageBlock source=\"foo.jpg\"></imageBlock>` in the model.\n\t *\n\t * This helper is meant to convert view attributes from view elements which got converted to the model, so the view attribute\n\t * is set only on the corresponding model node:\n\t *\n\t * ```\n\t * <div class=\"dark\"><div>foo</div></div>    -->    <div dark=\"true\"><div>foo</div></div>\n\t * ```\n\t *\n\t * Above, `class=\"dark\"` attribute is added only to the `<div>` elements that has it. This is in contrast to\n\t * {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToAttribute} which sets attributes for\n\t * all the children in the model:\n\t *\n\t * ```\n\t * <strong>Foo</strong>   -->   <strong><p>Foo</p></strong>   -->   <paragraph><$text bold=\"true\">Foo</$text></paragraph>\n\t * ```\n\t *\n\t * Above is a sample of HTML code, that goes through autoparagraphing (first step) and then is converted (second step).\n\t * Even though `<strong>` is over `<p>` element, `bold=\"true\"` was added to the text.\n\t *\n\t * Keep in mind that the attribute will be set only if it is allowed by\n\t * {@link module:engine/model/schema~ModelSchema schema} configuration.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: 'src',\n\t * \tmodel: 'source'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: { key: 'src' },\n\t * \tmodel: 'source'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: { key: 'src' },\n\t * \tmodel: 'source',\n\t * \tconverterPriority: 'normal'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tkey: 'data-style',\n\t * \t\tvalue: /[\\s\\S]+/\n\t * \t},\n\t * \tmodel: 'styled'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tname: 'img',\n\t * \t\tkey: 'class',\n\t * \t\tvalue: 'styled-dark'\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'styled',\n\t * \t\tvalue: 'dark'\n\t * \t}\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tkey: 'class',\n\t * \t\tvalue: /styled-[\\S]+/\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'styled'\n\t * \t\tvalue: ( viewElement, conversionApi ) => {\n\t * \t\t\tconst regexp = /styled-([\\S]+)/;\n\t * \t\t\tconst match = viewElement.getAttribute( 'class' ).match( regexp );\n\t *\n\t * \t\t\treturn match[ 1 ];\n\t * \t\t}\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Converting styles works a bit differently as it requires `view.styles` to be an object and by default\n\t * a model attribute will be set to `true` by such a converter. You can set the model attribute to any value by providing the `value`\n\t * callback that returns the desired value.\n\t *\n\t * ```ts\n\t * // Default conversion of font-weight style will result in setting bold attribute to true.\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tstyles: {\n\t * \t\t\t'font-weight': 'bold'\n\t * \t\t}\n\t * \t},\n\t * \tmodel: 'bold'\n\t * } );\n\t *\n\t * // This converter will pass any style value to the `lineHeight` model attribute.\n\t * editor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t * \tview: {\n\t * \t\tstyles: {\n\t * \t\t\t'line-height': /[\\s\\S]+/\n\t * \t\t}\n\t * \t},\n\t * \tmodel: {\n\t * \t\tkey: 'lineHeight',\n\t * \t\tvalue: ( viewElement, conversionApi ) => viewElement.getStyle( 'line-height' )\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view Specifies which view attribute will be converted. If a `String` is passed,\n\t * attributes with given key will be converted. If an `Object` is passed, it must have a required `key` property,\n\t * specifying view attribute key, and may have an optional `value` property, specifying view attribute value and optional `name`\n\t * property specifying a view element name from/on which the attribute should be converted. `value` can be given as a `String`,\n\t * a `RegExp` or a function callback, that takes view attribute value as the only parameter and returns `Boolean`.\n\t * @param config.model Model attribute key or an object with `key` and `value` properties, describing\n\t * the model attribute. `value` property may be set as a function that takes a view element and\n\t * {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi upcast conversion API} and returns the value.\n\t * If `String` is given, the model attribute value will be same as view attribute value.\n\t * @param config.converterPriority Converter priority. Defaults to `low`.\n\t */\n\tpublic attributeToAttribute( config: {\n\t\tview: string | {\n\t\t\tkey: string;\n\t\t\tvalue?: string | RegExp | Array<string> | Record<string, string> | Record<string, RegExp> | ( ( value: unknown ) => boolean );\n\t\t\tname?: string;\n\t\t} | {\n\t\t\tname?: string | RegExp;\n\t\t\tstyles?: MatchPropertyPatterns;\n\t\t\tclasses?: MatchClassPatterns;\n\t\t\tattributes?: MatchPropertyPatterns;\n\t\t};\n\t\tmodel: string | {\n\t\t\tkey: string;\n\t\t\tvalue: unknown |\n\t\t\t\t( ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => unknown );\n\t\t};\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( upcastAttributeToAttribute( config ) );\n\t}\n\n\t/**\n\t * View element to model marker conversion helper.\n\t *\n\t * This conversion results in creating a model marker. For example, if the marker was stored in a view as an element:\n\t * `<p>Fo<span data-marker=\"comment\" data-comment-id=\"7\"></span>o</p><p>B<span data-marker=\"comment\" data-comment-id=\"7\"></span>ar</p>`,\n\t * after the conversion is done, the marker will be available in\n\t * {@link module:engine/model/model~Model#markers model document markers}.\n\t *\n\t * **Note**: When this helper is used in the data upcast in combination with\n\t * {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToData `#markerToData()`} in the data downcast,\n\t * then invalid HTML code (e.g. a span between table cells) may be produced by the latter converter.\n\t *\n\t * In most of the cases, the {@link #dataToMarker} should be used instead.\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).elementToMarker( {\n\t * \tview: 'marker-search',\n\t * \tmodel: 'search'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToMarker( {\n\t * \tview: 'marker-search',\n\t * \tmodel: 'search',\n\t * \tconverterPriority: 'high'\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToMarker( {\n\t * \tview: 'marker-search',\n\t * \tmodel: ( viewElement, conversionApi ) => 'comment:' + viewElement.getAttribute( 'data-comment-id' )\n\t * } );\n\t *\n\t * editor.conversion.for( 'upcast' ).elementToMarker( {\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tattributes: {\n\t * \t\t\t'data-marker': 'search'\n\t * \t\t}\n\t * \t},\n\t * \tmodel: 'search'\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view Pattern matching all view elements which should be converted.\n\t * @param config.model Name of the model marker, or a function that takes a view element and returns\n\t * a model marker name.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic elementToMarker( config: {\n\t\tview: MatcherPattern;\n\t\tmodel: string | UpcastMarkerFromElementCreatorFunction;\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( upcastElementToMarker( config ) );\n\t}\n\n\t/**\n\t * View-to-model marker conversion helper.\n\t *\n\t * Converts view data created by {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToData `#markerToData()`}\n\t * back to a model marker.\n\t *\n\t * This converter looks for specific view elements and view attributes that mark marker boundaries. See\n\t * {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToData `#markerToData()`} to learn what view data\n\t * is expected by this converter.\n\t *\n\t * The `config.view` property is equal to the marker group name to convert.\n\t *\n\t * By default, this converter creates markers with the `group:name` name convention (to match the default `markerToData` conversion).\n\t *\n\t * The conversion configuration can take a function that will generate a marker name.\n\t * If such function is set as the `config.model` parameter, it is passed the `name` part from the view element or attribute and it is\n\t * expected to return a string with the marker name.\n\t *\n\t * Basic usage:\n\t *\n\t * ```ts\n\t * // Using the default conversion.\n\t * // In this case, all markers from the `comment` group will be converted.\n\t * // The conversion will look for `<comment-start>` and `<comment-end>` tags and\n\t * // `data-comment-start-before`, `data-comment-start-after`,\n\t * // `data-comment-end-before` and `data-comment-end-after` attributes.\n\t * editor.conversion.for( 'upcast' ).dataToMarker( {\n\t * \tview: 'comment'\n\t * } );\n\t * ```\n\t *\n\t * An example of a model that may be generated by this conversion:\n\t *\n\t * ```\n\t * // View:\n\t * <p>Foo<comment-start name=\"commentId:uid\"></comment-start>bar</p>\n\t * <figure data-comment-end-after=\"commentId:uid\" class=\"image\"><img src=\"abc.jpg\" /></figure>\n\t *\n\t * // Model:\n\t * <paragraph>Foo[bar</paragraph>\n\t * <imageBlock src=\"abc.jpg\"></imageBlock>]\n\t * ```\n\t *\n\t * Where `[]` are boundaries of a marker that will receive the `comment:commentId:uid` name.\n\t *\n\t * Other examples of usage:\n\t *\n\t * ```ts\n\t * // Using a custom function which is the same as the default conversion:\n\t * editor.conversion.for( 'upcast' ).dataToMarker( {\n\t * \tview: 'comment',\n\t * \tmodel: ( name, conversionApi ) => 'comment:' + name,\n\t * } );\n\t *\n\t * // Using the converter priority:\n\t * editor.conversion.for( 'upcast' ).dataToMarker( {\n\t * \tview: 'comment',\n\t * \tmodel: ( name, conversionApi ) => 'comment:' + name,\n\t * \tconverterPriority: 'high'\n\t * } );\n\t * ```\n\t *\n\t * See {@link module:engine/conversion/conversion~Conversion#for `conversion.for()`} to learn how to add a converter\n\t * to the conversion process.\n\t *\n\t * @param config Conversion configuration.\n\t * @param config.view The marker group name to convert.\n\t * @param config.model A function that takes the `name` part from the view element or attribute and\n\t * {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi upcast conversion API} and returns the marker name.\n\t * @param config.converterPriority Converter priority.\n\t */\n\tpublic dataToMarker( config: {\n\t\tview: string;\n\t\tmodel?: UpcastMarkerFromAttributeCreatorFunction;\n\t\tconverterPriority?: PriorityString;\n\t} ): this {\n\t\treturn this.add( upcastDataToMarker( config ) );\n\t}\n}\n\n/**\n * Function factory, creates a converter that converts\n * {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment}\n * or all children of {@link module:engine/view/element~ViewElement} into\n * {@link module:engine/model/documentfragment~ModelDocumentFragment model document fragment}.\n * This is the \"entry-point\" converter for upcast (view to model conversion). This converter starts the conversion of all children\n * of passed view document fragment. Those children {@link module:engine/view/node~ViewNode view nodes} are then\n * handled by other converters.\n *\n * This also a \"default\", last resort converter for all view elements that has not been converted by other converters.\n * When a view element is being converted to the model but it does not have converter specified, that view element\n * will be converted to {@link module:engine/model/documentfragment~ModelDocumentFragment model document fragment} and returned.\n *\n * @returns Universal converter for view {@link module:engine/view/documentfragment~ViewDocumentFragment fragments} and\n * {@link module:engine/view/element~ViewElement elements} that returns\n * {@link module:engine/model/documentfragment~ModelDocumentFragment model fragment} with children of converted view item.\n *\n * @internal\n */\nexport function convertToModelFragment() {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: UpcastConversionData<ViewElement | ViewDocumentFragment>,\n\t\tconversionApi: UpcastConversionApi\n\t): void => {\n\t\t// Second argument in `consumable.consume` is discarded for ViewDocumentFragment but is needed for ViewElement.\n\t\tif ( !data.modelRange && conversionApi.consumable.consume( data.viewItem, { name: true } ) ) {\n\t\t\tconst { modelRange, modelCursor } = conversionApi.convertChildren( data.viewItem, data.modelCursor );\n\n\t\t\tdata.modelRange = modelRange;\n\t\t\tdata.modelCursor = modelCursor;\n\t\t}\n\t};\n}\n\n/**\n * Function factory, creates a converter that converts\n * {@link module:engine/view/text~ViewText} to {@link module:engine/model/text~ModelText}.\n *\n * @returns {@link module:engine/view/text~ViewText View text} converter.\n * @internal\n */\nexport function convertText() {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: UpcastConversionData<ViewText>,\n\t\t{ schema, consumable, writer }: UpcastConversionApi\n\t): void => {\n\t\tlet position = data.modelCursor;\n\n\t\t// When node is already converted then do nothing.\n\t\tif ( !consumable.test( data.viewItem ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !schema.checkChild( position, '$text' ) ) {\n\t\t\tif ( !isParagraphable( position, '$text', schema ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Do not auto-paragraph whitespaces.\n\t\t\tif ( data.viewItem.data.trim().length == 0 ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tposition = wrapInParagraph( position, writer );\n\t\t}\n\n\t\tconsumable.consume( data.viewItem );\n\n\t\tconst text = writer.createText( data.viewItem.data );\n\n\t\twriter.insert( text, position );\n\n\t\tdata.modelRange = writer.createRange(\n\t\t\tposition,\n\t\t\tposition.getShiftedBy( text.offsetSize )\n\t\t);\n\t\tdata.modelCursor = data.modelRange.end;\n\t};\n}\n\n/**\n * Function factory, creates a callback function which converts a {@link module:engine/view/selection~ViewSelection\n * view selection} taken from the {@link module:engine/view/document~ViewDocument#event:selectionChange} event\n * and sets in on the {@link module:engine/model/document~ModelDocument#selection model}.\n *\n * **Note**: because there is no view selection change dispatcher nor any other advanced view selection to model\n * conversion mechanism, the callback should be set directly on view document.\n *\n * ```ts\n * view.document.on( 'selectionChange', convertSelectionChange( modelDocument, mapper ) );\n * ```\n *\n * @param model Data model.\n * @param mapper Conversion mapper.\n * @returns {@link module:engine/view/document~ViewDocument#event:selectionChange} callback function.\n * @internal\n */\nexport function convertSelectionChange( model: Model, mapper: Mapper ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: { newSelection: ViewSelection | ViewDocumentSelection }\n\t): void => {\n\t\tconst viewSelection = data.newSelection;\n\n\t\tconst ranges: Array<ModelRange> = [];\n\n\t\tfor ( const viewRange of viewSelection.getRanges() ) {\n\t\t\tranges.push( mapper.toModelRange( viewRange ) );\n\t\t}\n\n\t\tconst modelSelection = model.createSelection( ranges, { backward: viewSelection.isBackward } );\n\n\t\tif ( !modelSelection.isEqual( model.document.selection ) ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setSelection( modelSelection );\n\t\t\t} );\n\t\t}\n\t};\n}\n\n/**\n * View element to model element conversion helper.\n *\n * See {@link ~UpcastHelpers#elementToElement `.elementToElement()` upcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.view Pattern matching all view elements which should be converted. If not\n * set, the converter will fire for every view element.\n * @param config.model Name of the model element, a model element\n * instance or a function that takes a view element and returns a model element. The model element will be inserted in the model.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */\nfunction upcastElementToElement( config: {\n\tview: MatcherPattern;\n\tmodel: string | UpcastElementCreatorFunction;\n\tconverterPriority?: PriorityString;\n} ) {\n\tconfig = cloneDeep( config );\n\n\tconst converter = prepareToElementConverter( config );\n\n\tconst elementName = getViewElementNameFromConfig( config.view );\n\tconst eventName = elementName ? `element:${ elementName }` as const : 'element';\n\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( eventName, converter, { priority: config.converterPriority || 'normal' } );\n\t};\n}\n\n/**\n * View element to model attribute conversion helper.\n *\n * See {@link ~UpcastHelpers#elementToAttribute `.elementToAttribute()` upcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.view Pattern matching all view elements which should be converted.\n * @param config.model Model attribute key or an object with `key` and `value` properties, describing\n * the model attribute. `value` property may be set as a function that takes a view element and returns the value.\n * If `String` is given, the model attribute value will be set to `true`.\n * @param config.converterPriority Converter priority. Defaults to `low`.\n * @returns Conversion helper.\n */\nfunction upcastElementToAttribute( config: {\n\tview: MatcherPattern;\n\tmodel: string | {\n\t\tkey: string;\n\t\tvalue?: unknown | UpcastAttributeCreatorFunction;\n\t};\n\tconverterPriority?: PriorityString;\n} ) {\n\tconfig = cloneDeep( config );\n\n\tnormalizeModelAttributeConfig( config );\n\n\tconst converter = prepareToAttributeConverter( config as any, false );\n\n\tconst elementName = getViewElementNameFromConfig( config.view );\n\tconst eventName = elementName ? `element:${ elementName }` as const : 'element';\n\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( eventName, converter, { priority: config.converterPriority || 'low' } );\n\t};\n}\n\n/**\n * View attribute to model attribute conversion helper.\n *\n * See {@link ~UpcastHelpers#attributeToAttribute `.attributeToAttribute()` upcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.view Specifies which view attribute will be converted. If a `String` is passed,\n * attributes with given key will be converted. If an `Object` is passed, it must have a required `key` property,\n * specifying view attribute key, and may have an optional `value` property, specifying view attribute value and optional `name`\n * property specifying a view element name from/on which the attribute should be converted. `value` can be given as a `String`,\n * a `RegExp` or a function callback, that takes view attribute value as the only parameter and returns `Boolean`.\n * @param config.model Model attribute key or an object with `key` and `value` properties, describing\n * the model attribute. `value` property may be set as a function that takes a view element and returns the value.\n * If `String` is given, the model attribute value will be same as view attribute value.\n * @param config.converterPriority Converter priority. Defaults to `low`.\n * @returns Conversion helper.\n */\nfunction upcastAttributeToAttribute( config: {\n\tview: string | {\n\t\tkey?: string;\n\t\tvalue?: string | RegExp | Array<string> | Record<string, string> | Record<string, RegExp> | ( ( value: unknown ) => boolean );\n\t\tname?: string | RegExp;\n\t\tstyles?: MatchPropertyPatterns;\n\t\tclasses?: MatchClassPatterns;\n\t\tattributes?: MatchPropertyPatterns;\n\t};\n\tmodel: string | {\n\t\tkey: string;\n\t\tvalue: unknown |\n\t\t\t( ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => unknown );\n\t};\n\tconverterPriority?: PriorityString;\n} ) {\n\tconfig = cloneDeep( config );\n\n\tlet viewKey: string | null = null;\n\n\tif ( typeof config.view == 'string' || config.view.key ) {\n\t\tviewKey = normalizeViewAttributeKeyValueConfig( config );\n\t}\n\n\tnormalizeModelAttributeConfig( config, viewKey );\n\n\tconst converter = prepareToAttributeConverter( config as any, true );\n\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element', converter, { priority: config.converterPriority || 'low' } );\n\t};\n}\n\n/**\n * View element to model marker conversion helper.\n *\n * See {@link ~UpcastHelpers#elementToMarker `.elementToMarker()` upcast helper} for examples.\n *\n * @param config Conversion configuration.\n * @param config.view Pattern matching all view elements which should be converted.\n * @param config.model Name of the model marker, or a function that takes a view element and returns\n * a model marker name.\n * @param config.converterPriority Converter priority.\n * @returns Conversion helper.\n */\nfunction upcastElementToMarker( config: {\n\tview: MatcherPattern;\n\tmodel: string | UpcastMarkerFromElementCreatorFunction;\n\tconverterPriority?: PriorityString;\n} ) {\n\tconst model = normalizeElementToMarkerModelConfig( config.model );\n\n\treturn upcastElementToElement( { ...config, model } );\n}\n\n/**\n * View data to model marker conversion helper.\n *\n * See {@link ~UpcastHelpers#dataToMarker} to learn more.\n *\n * @returns Conversion helper.\n */\nfunction upcastDataToMarker( config: {\n\tview: string;\n\tmodel?: UpcastMarkerFromAttributeCreatorFunction;\n\tconverterPriority?: PriorityString;\n} ) {\n\tconfig = cloneDeep( config );\n\n\t// Default conversion.\n\tif ( !config.model ) {\n\t\tconfig.model = name => {\n\t\t\treturn name ? config.view + ':' + name : config.view;\n\t\t};\n\t}\n\n\tconst normalizedConfig = {\n\t\tview: config.view,\n\t\tmodel: config.model!\n\t};\n\n\tconst converterStart = prepareToElementConverter( normalizeDataToMarkerConfig( normalizedConfig, 'start' ) );\n\tconst converterEnd = prepareToElementConverter( normalizeDataToMarkerConfig( normalizedConfig, 'end' ) );\n\n\treturn ( dispatcher: UpcastDispatcher ): void => {\n\t\tdispatcher.on<UpcastElementEvent>(\n\t\t\t`element:${ config.view }-start`,\n\t\t\tconverterStart,\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\t\tdispatcher.on<UpcastElementEvent>(\n\t\t\t`element:${ config.view }-end`,\n\t\t\tconverterEnd,\n\t\t\t{ priority: config.converterPriority || 'normal' }\n\t\t);\n\n\t\t// Below is a hack that is needed to properly handle `converterPriority` for both elements and attributes.\n\t\t// Attribute conversion needs to be performed *after* element conversion.\n\t\t// This converter handles both element conversion and attribute conversion, which means that if a single\n\t\t// `config.converterPriority` is used, it will lead to problems. For example, if the `'high'` priority is used,\n\t\t// the attribute conversion will be performed before a lot of element upcast converters.\n\t\t// On the other hand, we want to support `config.converterPriority` and converter overwriting.\n\t\t//\n\t\t// To make it work, we need to do some extra processing for priority for attribute converter.\n\t\t// Priority `'low'` value should be the base value and then we will change it depending on `config.converterPriority` value.\n\t\t//\n\t\t// This hack probably would not be needed if attributes are upcasted separately.\n\t\t//\n\t\tconst basePriority = priorities.low;\n\t\tconst maxPriority = priorities.highest;\n\t\tconst priorityFactor = priorities.get( config.converterPriority ) / maxPriority; // Number in range [ -1, 1 ].\n\n\t\tdispatcher.on<UpcastElementEvent>(\n\t\t\t'element',\n\t\t\tupcastAttributeToMarker( normalizedConfig ),\n\t\t\t{ priority: basePriority + priorityFactor }\n\t\t);\n\t};\n}\n\n/**\n * Function factory, returns a callback function which converts view attributes to a model marker.\n *\n * The converter looks for elements with `data-group-start-before`, `data-group-start-after`, `data-group-end-before`\n * and `data-group-end-after` attributes and inserts `$marker` model elements before/after those elements.\n * `group` part is specified in `config.view`.\n *\n * @returns Marker converter.\n */\nfunction upcastAttributeToMarker( config: {\n\tview: string;\n\tmodel: UpcastMarkerFromAttributeCreatorFunction;\n} ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: UpcastConversionData<ViewElement>,\n\t\tconversionApi: UpcastConversionApi\n\t) => {\n\t\tconst attrName = `data-${ config.view }`;\n\n\t\t// Check if any attribute for the given view item can be consumed before changing the conversion data\n\t\t// and consuming view items with these attributes.\n\t\tif (\n\t\t\t!conversionApi.consumable.test( data.viewItem, { attributes: attrName + '-end-after' } ) &&\n\t\t\t!conversionApi.consumable.test( data.viewItem, { attributes: attrName + '-start-after' } ) &&\n\t\t\t!conversionApi.consumable.test( data.viewItem, { attributes: attrName + '-end-before' } ) &&\n\t\t\t!conversionApi.consumable.test( data.viewItem, { attributes: attrName + '-start-before' } )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\t// This converter wants to add a model element, marking a marker, before/after an element (or maybe even group of elements).\n\t\t// To do that, we can use `data.modelRange` which is set on an element (or a group of elements) that has been upcasted.\n\t\t// But, if the processed view element has not been upcasted yet (it does not have been converted), we need to\n\t\t// fire conversion for its children first, then we will have `data.modelRange` available.\n\t\tif ( !data.modelRange ) {\n\t\t\tObject.assign( data, conversionApi.convertChildren( data.viewItem, data.modelCursor ) );\n\t\t}\n\n\t\tif ( conversionApi.consumable.consume( data.viewItem, { attributes: attrName + '-end-after' } ) ) {\n\t\t\taddMarkerElements( data.modelRange!.end, data.viewItem.getAttribute( attrName + '-end-after' )!.split( ',' ) );\n\t\t}\n\n\t\tif ( conversionApi.consumable.consume( data.viewItem, { attributes: attrName + '-start-after' } ) ) {\n\t\t\taddMarkerElements( data.modelRange!.end, data.viewItem.getAttribute( attrName + '-start-after' )!.split( ',' ) );\n\t\t}\n\n\t\tif ( conversionApi.consumable.consume( data.viewItem, { attributes: attrName + '-end-before' } ) ) {\n\t\t\taddMarkerElements( data.modelRange!.start, data.viewItem.getAttribute( attrName + '-end-before' )!.split( ',' ) );\n\t\t}\n\n\t\tif ( conversionApi.consumable.consume( data.viewItem, { attributes: attrName + '-start-before' } ) ) {\n\t\t\taddMarkerElements( data.modelRange!.start, data.viewItem.getAttribute( attrName + '-start-before' )!.split( ',' ) );\n\t\t}\n\n\t\tfunction addMarkerElements( position: ModelPosition, markerViewNames: Array<string> ): void {\n\t\t\tfor ( const markerViewName of markerViewNames ) {\n\t\t\t\tconst markerName = config.model( markerViewName, conversionApi );\n\t\t\t\tconst element = conversionApi.writer.createElement( '$marker', { 'data-name': markerName } );\n\n\t\t\t\tconversionApi.writer.insert( element, position );\n\n\t\t\t\tif ( data.modelCursor.isEqual( position ) ) {\n\t\t\t\t\tdata.modelCursor = data.modelCursor.getShiftedBy( 1 );\n\t\t\t\t} else {\n\t\t\t\t\tdata.modelCursor = data.modelCursor._getTransformedByInsertion( position, 1 );\n\t\t\t\t}\n\n\t\t\t\tdata.modelRange = data.modelRange!._getTransformedByInsertion( position, 1 )[ 0 ];\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Helper function for from-view-element conversion. Checks if `config.view` directly specifies converted view element's name\n * and if so, returns it.\n *\n * @param config Conversion view config.\n * @returns View element name or `null` if name is not directly set.\n */\nfunction getViewElementNameFromConfig( viewConfig: any ): string | null {\n\tif ( typeof viewConfig == 'string' ) {\n\t\treturn viewConfig;\n\t}\n\n\tif ( typeof viewConfig == 'object' && typeof viewConfig.name == 'string' ) {\n\t\treturn viewConfig.name;\n\t}\n\n\treturn null;\n}\n\n/**\n * Helper for to-model-element conversion. Takes a config object and returns a proper converter function.\n *\n * @param config Conversion configuration.\n * @returns View to model converter.\n */\nfunction prepareToElementConverter( config: {\n\tview: MatcherPattern;\n\tmodel: string | UpcastElementCreatorFunction;\n} ) {\n\tconst matcher = new Matcher( config.view );\n\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: UpcastConversionData<ViewElement>,\n\t\tconversionApi: UpcastConversionApi\n\t): void => {\n\t\tconst matcherResult = matcher.match( data.viewItem );\n\n\t\tif ( !matcherResult ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst match = matcherResult.match;\n\n\t\t// Force consuming element's name.\n\t\tmatch.name = true;\n\n\t\tif ( !conversionApi.consumable.test( data.viewItem, match ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modelElement = getModelElement( config.model, data.viewItem, conversionApi );\n\n\t\tif ( !modelElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !conversionApi.safeInsert( modelElement, data.modelCursor ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconversionApi.consumable.consume( data.viewItem, match );\n\t\tconversionApi.convertChildren( data.viewItem, modelElement );\n\t\tconversionApi.updateConversionResult( modelElement, data );\n\t};\n}\n\n/**\n * Helper function for upcasting-to-element converter. Takes the model configuration, the converted view element\n * and a writer instance and returns a model element instance to be inserted in the model.\n *\n * @param model Model conversion configuration.\n * @param input The converted view node.\n * @param conversionApi The upcast conversion API.\n */\nfunction getModelElement(\n\tmodel: string | UpcastElementCreatorFunction,\n\tinput: ViewElement,\n\tconversionApi: UpcastConversionApi\n): ModelElement | null {\n\tif ( model instanceof Function ) {\n\t\treturn model( input, conversionApi );\n\t} else {\n\t\treturn conversionApi.writer.createElement( model );\n\t}\n}\n\n/**\n * Helper function view-attribute-to-model-attribute helper. Normalizes `config.view` which was set as `String` or\n * as an `Object` with `key`, `value` and `name` properties. Normalized `config.view` has is compatible with\n * {@link module:engine/view/matcher~MatcherPattern}.\n *\n * @param config Conversion config.\n * @returns Key of the converted view attribute.\n */\nfunction normalizeViewAttributeKeyValueConfig( config: any ) {\n\tif ( typeof config.view == 'string' ) {\n\t\tconfig.view = { key: config.view };\n\t}\n\n\tconst key: string = config.view.key;\n\tconst value = typeof config.view.value == 'undefined' ? /[\\s\\S]*/ : config.view.value;\n\tlet normalized: MatcherPattern;\n\n\tif ( key == 'class' || key == 'style' ) {\n\t\tconst keyName = key == 'class' ? 'classes' : 'styles';\n\n\t\tnormalized = {\n\t\t\t[ keyName ]: value\n\t\t};\n\t} else {\n\t\tnormalized = {\n\t\t\tattributes: {\n\t\t\t\t[ key ]: value\n\t\t\t}\n\t\t};\n\t}\n\n\tif ( config.view.name ) {\n\t\tnormalized.name = config.view.name;\n\t}\n\n\tconfig.view = normalized;\n\n\treturn key;\n}\n\n/**\n * Helper function that normalizes `config.model` in from-model-attribute conversion. `config.model` can be set\n * as a `String`, an `Object` with only `key` property or an `Object` with `key` and `value` properties. Normalized\n * `config.model` is an `Object` with `key` and `value` properties.\n *\n * @param config Conversion config.\n * @param viewAttributeKeyToCopy Key of the converted view attribute. If it is set, model attribute value\n * will be equal to view attribute value.\n */\nfunction normalizeModelAttributeConfig( config: any, viewAttributeKeyToCopy: string | null = null ) {\n\tconst defaultModelValue = viewAttributeKeyToCopy === null ? true :\n\t\t( viewElement: ViewElement ) => viewElement.getAttribute( viewAttributeKeyToCopy );\n\n\tconst key = typeof config.model != 'object' ? config.model : config.model.key;\n\tconst value = typeof config.model != 'object' || typeof config.model.value == 'undefined' ? defaultModelValue : config.model.value;\n\n\tconfig.model = { key, value };\n}\n\n/**\n * Helper for to-model-attribute conversion. Takes the model attribute name and conversion configuration and returns\n * a proper converter function.\n *\n * @param config Conversion configuration. It is possible to provide multiple configurations in an array.\n * @param shallow If set to `true` the attribute will be set only on top-level nodes. Otherwise, it will be set\n * on all elements in the range.\n */\nfunction prepareToAttributeConverter(\n\tconfig: {\n\t\tview: MatcherPattern;\n\t\tmodel: {\n\t\t\tkey: string;\n\t\t\tvalue: UpcastAttributeCreatorFunction | unknown;\n\t\t};\n\t},\n\tshallow: boolean\n) {\n\tconst matcher = new Matcher( config.view );\n\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: UpcastConversionData<ViewElement>,\n\t\tconversionApi: UpcastConversionApi\n\t): void => {\n\t\t// Converting an attribute of an element that has not been converted to anything does not make sense\n\t\t// because there will be nowhere to set that attribute on. At this stage, the element should've already\n\t\t// been converted (https://github.com/ckeditor/ckeditor5/issues/11000).\n\t\tif ( !data.modelRange && shallow ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst match = matcher.match( data.viewItem );\n\n\t\t// If there is no match, this callback should not do anything.\n\t\tif ( !match ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( onlyViewNameIsDefined( config.view, data.viewItem ) ) {\n\t\t\tmatch.match.name = true;\n\t\t} else {\n\t\t\t// Do not test `name` consumable because it could get consumed already while upcasting some other attribute\n\t\t\t// on the same element (for example <span class=\"big\" style=\"color: red\">foo</span>).\n\t\t\tdelete match.match.name;\n\t\t}\n\n\t\t// Try to consume appropriate values from consumable values list.\n\t\tif ( !conversionApi.consumable.test( data.viewItem, match.match ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modelKey = config.model.key;\n\t\tconst modelValue: unknown = typeof config.model.value == 'function' ?\n\t\t\tconfig.model.value( data.viewItem, conversionApi, data ) : config.model.value;\n\n\t\t// Do not convert if attribute building function returned falsy value.\n\t\tif ( modelValue === null || modelValue === undefined ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Since we are converting to attribute we need a range on which we will set the attribute.\n\t\t// If the range is not created yet, let's create it by converting children of the current node first.\n\t\tif ( !data.modelRange ) {\n\t\t\t// Convert children and set conversion result as a current data.\n\t\t\tObject.assign( data, conversionApi.convertChildren( data.viewItem, data.modelCursor ) );\n\t\t}\n\n\t\t// Set attribute on current `output`. `Schema` is checked inside this helper function.\n\t\tconst attributeWasSet = setAttributeOn( data.modelRange!, { key: modelKey, value: modelValue }, shallow, conversionApi );\n\n\t\t// It may happen that a converter will try to set an attribute that is not allowed in the given context.\n\t\t// In such a situation we cannot consume the attribute. See: https://github.com/ckeditor/ckeditor5/pull/9249#issuecomment-815658459.\n\t\tif ( attributeWasSet ) {\n\t\t\t// Verify if the element itself wasn't consumed yet. It could be consumed already while upcasting some other attribute\n\t\t\t// on the same element (for example <span class=\"big\" style=\"color: red\">foo</span>).\n\t\t\t// We need to consume it so other features (especially GHS) won't try to convert it.\n\t\t\t// Note that it's not tested by the other element-to-attribute converters whether an element was consumed before\n\t\t\t// (in case of converters that the element itself is just a context and not the primary information to convert).\n\t\t\tif ( conversionApi.consumable.test( data.viewItem, { name: true } ) ) {\n\t\t\t\tmatch.match.name = true;\n\t\t\t}\n\n\t\t\tconversionApi.consumable.consume( data.viewItem, match.match );\n\t\t}\n\t};\n}\n\n/**\n * Helper function that checks if element name should be consumed in attribute converters.\n *\n * @param viewConfig Conversion view config.\n */\nfunction onlyViewNameIsDefined( viewConfig: any, viewItem: ViewElement ): boolean {\n\t// https://github.com/ckeditor/ckeditor5-engine/issues/1786\n\tconst configToTest = typeof viewConfig == 'function' ? viewConfig( viewItem ) : viewConfig;\n\n\tif ( typeof configToTest == 'object' && !getViewElementNameFromConfig( configToTest ) ) {\n\t\treturn false;\n\t}\n\n\treturn !configToTest.classes && !configToTest.attributes && !configToTest.styles;\n}\n\n/**\n * Helper function for to-model-attribute converter. Sets model attribute on given range.\n * Checks {@link module:engine/model/schema~ModelSchema} to ensure proper model structure.\n *\n * If any node on the given range has already defined an attribute with the same name, its value will not be updated.\n *\n * @param modelRange Model range on which attribute should be set.\n * @param modelAttribute Model attribute to set.\n * @param conversionApi Conversion API.\n * @param shallow If set to `true` the attribute will be set only on top-level nodes. Otherwise, it will be set\n * on all elements in the range.\n * @returns `true` if attribute was set on at least one node from given `modelRange`.\n */\nfunction setAttributeOn(\n\tmodelRange: ModelRange,\n\tmodelAttribute: {\n\t\tkey: string;\n\t\tvalue: unknown;\n\t},\n\tshallow: boolean,\n\tconversionApi: UpcastConversionApi\n): boolean {\n\tlet result = false;\n\n\t// Set attribute on each item in range according to Schema.\n\tfor ( const node of Array.from( modelRange.getItems( { shallow } ) ) ) {\n\t\t// Skip if not allowed.\n\t\tif ( !conversionApi.schema.checkAttribute( node, modelAttribute.key ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Mark the node as consumed even if the attribute will not be updated because it's in a valid context (schema)\n\t\t// and would be converted if the attribute wouldn't be present. See #8921.\n\t\tresult = true;\n\n\t\t// Do not override the attribute if it's already present.\n\t\tif ( node.hasAttribute( modelAttribute.key ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconversionApi.writer.setAttribute( modelAttribute.key, modelAttribute.value, node );\n\t}\n\n\treturn result;\n}\n\n/**\n * Helper function for upcasting-to-marker conversion. Takes the config in a format requested by `upcastElementToMarker()`\n * function and converts it to a format that is supported by `upcastElementToElement()` function.\n */\nfunction normalizeElementToMarkerModelConfig( model: string | UpcastMarkerFromElementCreatorFunction ): UpcastElementCreatorFunction {\n\treturn ( viewElement, conversionApi ) => {\n\t\tconst markerName = typeof model == 'string' ? model : model( viewElement, conversionApi );\n\n\t\treturn conversionApi.writer.createElement( '$marker', { 'data-name': markerName } );\n\t};\n}\n\n/**\n * Helper function for upcasting-to-marker conversion. Takes the config in a format requested by `upcastDataToMarker()`\n * function and converts it to a format that is supported by `upcastElementToElement()` function.\n */\nfunction normalizeDataToMarkerConfig(\n\tconfig: {\n\t\tview: string;\n\t\tmodel: UpcastMarkerFromAttributeCreatorFunction;\n\t},\n\ttype: string\n) {\n\tconst elementCreatorFunction: UpcastElementCreatorFunction = ( viewElement, conversionApi ) => {\n\t\tconst viewName = viewElement.getAttribute( 'name' )!;\n\t\tconst markerName = config.model( viewName, conversionApi );\n\n\t\treturn conversionApi.writer.createElement( '$marker', { 'data-name': markerName } );\n\t};\n\n\treturn {\n\t\t// Upcast <markerGroup-start> and <markerGroup-end> elements.\n\t\tview: `${ config.view }-${ type }`,\n\t\tmodel: elementCreatorFunction\n\t};\n}\n\nexport type UpcastElementCreatorFunction = (\n\tviewElement: ViewElement,\n\tconversionApi: UpcastConversionApi\n) => ModelElement | null;\n\nexport type UpcastAttributeCreatorFunction = (\n\tmodelElement: ModelElement,\n\tconversionApi: UpcastConversionApi\n) => unknown;\n\nexport type UpcastMarkerFromElementCreatorFunction = (\n\tviewElement: ViewElement,\n\tconversionApi: UpcastConversionApi\n) => string;\n\nexport type UpcastMarkerFromAttributeCreatorFunction = (\n\tattributeValue: string,\n\tconversionApi: UpcastConversionApi\n) => string;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/controller/editingcontroller\n */\n\nimport {\n\tCKEditorError,\n\tObservableMixin\n} from '@ckeditor/ckeditor5-utils';\n\nimport { ViewRootEditableElement } from '../view/rooteditableelement.js';\nimport { EditingView } from '../view/view.js';\nimport { Mapper } from '../conversion/mapper.js';\nimport {\n\tDowncastDispatcher,\n\ttype DowncastInsertEvent,\n\ttype DowncastRemoveEvent,\n\ttype DowncastSelectionEvent,\n\ttype DowncastCleanSelectionEvent\n} from '../conversion/downcastdispatcher.js';\nimport {\n\tcleanSelection,\n\tconvertCollapsedSelection,\n\tconvertRangeSelection,\n\tinsertAttributesAndChildren,\n\tinsertText,\n\tremove\n} from '../conversion/downcasthelpers.js';\n\nimport { convertSelectionChange } from '../conversion/upcasthelpers.js';\n\nimport type { Model, AfterChangesEvent, BeforeChangesEvent } from '../model/model.js';\nimport { type ModelItem } from '../model/item.js';\nimport { type ModelText } from '../model/text.js';\nimport { type ModelTextProxy } from '../model/textproxy.js';\nimport type { ModelDocumentChangeEvent } from '../model/document.js';\nimport type { Marker } from '../model/markercollection.js';\nimport type { StylesProcessor } from '../view/stylesmap.js';\nimport type { ViewDocumentObserverSelectionChangeEvent } from '../view/observer/selectionobserver.js';\n\n// @if CK_DEBUG_ENGINE // const { dumpTrees, initDocumentDumping } = require( '../dev-utils/utils' );\n\n/**\n * A controller for the editing pipeline. The editing pipeline controls the {@link ~EditingController#model model} rendering,\n * including selection handling. It also creates the {@link ~EditingController#view view} which builds a\n * browser-independent virtualization over the DOM elements. The editing controller also attaches default converters.\n */\nexport class EditingController extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * Editor model.\n\t */\n\tpublic readonly model: Model;\n\n\t/**\n\t * Editing view controller.\n\t */\n\tpublic readonly view: EditingView;\n\n\t/**\n\t * A mapper that describes the model-view binding.\n\t */\n\tpublic readonly mapper: Mapper;\n\n\t/**\n\t * Downcast dispatcher that converts changes from the model to the {@link #view editing view}.\n\t */\n\tpublic readonly downcastDispatcher: DowncastDispatcher;\n\n\t/**\n\t * Creates an editing controller instance.\n\t *\n\t * @param model Editing model.\n\t * @param stylesProcessor The styles processor instance.\n\t */\n\tconstructor( model: Model, stylesProcessor: StylesProcessor ) {\n\t\tsuper();\n\n\t\tthis.model = model;\n\t\tthis.view = new EditingView( stylesProcessor );\n\t\tthis.mapper = new Mapper();\n\n\t\tthis.downcastDispatcher = new DowncastDispatcher( {\n\t\t\tmapper: this.mapper,\n\t\t\tschema: model.schema\n\t\t} );\n\n\t\tconst doc = this.model.document;\n\t\tconst selection = doc.selection;\n\t\tconst markers = this.model.markers;\n\n\t\t// When plugins listen on model changes (on selection change, post fixers, etc.) and change the view as a result of\n\t\t// the model's change, they might trigger view rendering before the conversion is completed (e.g. before the selection\n\t\t// is converted). We disable rendering for the length of the outermost model change() block to prevent that.\n\t\t//\n\t\t// See https://github.com/ckeditor/ckeditor5-engine/issues/1528\n\t\tthis.listenTo<BeforeChangesEvent>( this.model, '_beforeChanges', () => {\n\t\t\tthis.view._disableRendering( true );\n\t\t}, { priority: 'highest' } );\n\n\t\tthis.listenTo<AfterChangesEvent>( this.model, '_afterChanges', () => {\n\t\t\tthis.view._disableRendering( false );\n\t\t}, { priority: 'lowest' } );\n\n\t\t// Whenever model document is changed, convert those changes to the view (using model.Document#differ).\n\t\t// Do it on 'low' priority, so changes are converted after other listeners did their job.\n\t\t// Also convert model selection.\n\t\tthis.listenTo<ModelDocumentChangeEvent>( doc, 'change', () => {\n\t\t\tthis.view.change( writer => {\n\t\t\t\tthis.downcastDispatcher.convertChanges( doc.differ, markers, writer );\n\t\t\t\tthis.downcastDispatcher.convertSelection( selection, markers, writer );\n\t\t\t} );\n\t\t}, { priority: 'low' } );\n\n\t\t// Convert selection from the view to the model when it changes in the view.\n\t\tthis.listenTo<ViewDocumentObserverSelectionChangeEvent>( this.view.document, 'selectionChange',\n\t\t\tconvertSelectionChange( this.model, this.mapper )\n\t\t);\n\n\t\t// Attach default model converters.\n\t\tthis.downcastDispatcher.on<DowncastInsertEvent<ModelText | ModelTextProxy>>( 'insert:$text', insertText(), { priority: 'lowest' } );\n\t\tthis.downcastDispatcher.on<DowncastInsertEvent>( 'insert', insertAttributesAndChildren(), { priority: 'lowest' } );\n\t\tthis.downcastDispatcher.on<DowncastRemoveEvent>( 'remove', remove(), { priority: 'low' } );\n\n\t\t// Attach default model selection converters.\n\t\tthis.downcastDispatcher.on<DowncastCleanSelectionEvent>( 'cleanSelection', cleanSelection() );\n\t\tthis.downcastDispatcher.on<DowncastSelectionEvent>( 'selection', convertRangeSelection(), { priority: 'low' } );\n\t\tthis.downcastDispatcher.on<DowncastSelectionEvent>( 'selection', convertCollapsedSelection(), { priority: 'low' } );\n\n\t\t// Binds {@link module:engine/view/document~ViewDocument#roots view roots collection} to\n\t\t// {@link module:engine/model/document~ModelDocument#roots model roots collection} so creating\n\t\t// model root automatically creates corresponding view root.\n\t\tthis.view.document.roots.bindTo( this.model.document.roots ).using( root => {\n\t\t\t// $graveyard is a special root that has no reflection in the view.\n\t\t\tif ( root.rootName == '$graveyard' ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst viewRoot = new ViewRootEditableElement( this.view.document, root.name );\n\n\t\t\tviewRoot.rootName = root.rootName;\n\t\t\tthis.mapper.bindElements( root, viewRoot );\n\n\t\t\treturn viewRoot;\n\t\t} );\n\n\t\t// @if CK_DEBUG_ENGINE // initDocumentDumping( this.model.document );\n\t\t// @if CK_DEBUG_ENGINE // initDocumentDumping( this.view.document );\n\n\t\t// @if CK_DEBUG_ENGINE // dumpTrees( this.model.document, this.model.document.version );\n\t\t// @if CK_DEBUG_ENGINE // dumpTrees( this.view.document, this.model.document.version );\n\n\t\t// @if CK_DEBUG_ENGINE // this.model.document.on( 'change', () => {\n\t\t// @if CK_DEBUG_ENGINE //\tdumpTrees( this.view.document, this.model.document.version );\n\t\t// @if CK_DEBUG_ENGINE // }, { priority: 'lowest' } );\n\t}\n\n\t/**\n\t * Removes all event listeners attached to the `EditingController`. Destroys all objects created\n\t * by `EditingController` that need to be destroyed.\n\t */\n\tpublic destroy(): void {\n\t\tthis.view.destroy();\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Calling this method will refresh the marker by triggering the downcast conversion for it.\n\t *\n\t * Reconverting the marker is useful when you want to change its {@link module:engine/view/element~ViewElement view element}\n\t * without changing any marker data. For instance:\n\t *\n\t * ```ts\n\t * let isCommentActive = false;\n\t *\n\t * model.conversion.markerToHighlight( {\n\t * \tmodel: 'comment',\n\t * \tview: data => {\n\t * \t\tconst classes = [ 'comment-marker' ];\n\t *\n\t * \t\tif ( isCommentActive ) {\n\t * \t\t\tclasses.push( 'comment-marker--active' );\n\t * \t\t}\n\t *\n\t * \t\treturn { classes };\n\t * \t}\n\t * } );\n\t *\n\t * // ...\n\t *\n\t * // Change the property that indicates if marker is displayed as active or not.\n\t * isCommentActive = true;\n\t *\n\t * // Reconverting will downcast and synchronize the marker with the new isCommentActive state value.\n\t * editor.editing.reconvertMarker( 'comment' );\n\t * ```\n\t *\n\t * **Note**: If you want to reconvert a model item, use {@link #reconvertItem} instead.\n\t *\n\t * @param markerOrName Name of a marker to update, or a marker instance.\n\t */\n\tpublic reconvertMarker( markerOrName: Marker | string ): void {\n\t\tconst markerName = typeof markerOrName == 'string' ? markerOrName : markerOrName.name;\n\t\tconst currentMarker = this.model.markers.get( markerName );\n\n\t\tif ( !currentMarker ) {\n\t\t\t/**\n\t\t\t * The marker with the provided name does not exist and cannot be reconverted.\n\t\t\t *\n\t\t\t * @error editingcontroller-reconvertmarker-marker-not-exist\n\t\t\t * @param {string} markerName The name of the reconverted marker.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'editingcontroller-reconvertmarker-marker-not-exist', this, { markerName } );\n\t\t}\n\n\t\tthis.model.change( () => {\n\t\t\tthis.model.markers._refresh( currentMarker );\n\t\t} );\n\t}\n\n\t/**\n\t * Calling this method will downcast a model item on demand (by requesting a refresh in the {@link module:engine/model/differ~Differ}).\n\t *\n\t * You can use it if you want the view representation of a specific item updated as a response to external modifications. For instance,\n\t * when the view structure depends not only on the associated model data but also on some external state.\n\t *\n\t * **Note**: If you want to reconvert a model marker, use {@link #reconvertMarker} instead.\n\t *\n\t * @param item Item to refresh.\n\t */\n\tpublic reconvertItem( item: ModelItem ): void {\n\t\tthis.model.change( () => {\n\t\t\tthis.model.document.differ._refreshItem( item );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/schema\n */\n\nimport { ModelElement } from './element.js';\nimport { ModelPosition } from './position.js';\nimport { ModelRange } from './range.js';\nimport { ModelText } from './text.js';\nimport { ModelTreeWalker } from './treewalker.js';\n\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelDocumentSelection } from './documentselection.js';\nimport { type ModelItem } from './item.js';\nimport { type ModelNode } from './node.js';\nimport { type ModelSelection } from './selection.js';\nimport { type ModelWriter } from './writer.js';\n\nimport { CKEditorError, first, ObservableMixin } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The model's schema. It defines the allowed and disallowed structures of nodes as well as nodes' attributes.\n * The schema is usually defined by the features and based on them, the editing framework and features\n * make decisions on how to change and process the model.\n *\n * The instance of schema is available in {@link module:engine/model/model~Model#schema `editor.model.schema`}.\n *\n * Read more about the schema in:\n *\n * * The {@glink framework/architecture/editing-engine#schema schema section} of the\n * {@glink framework/architecture/editing-engine Introduction to the Editing engine architecture} guide.\n * * The {@glink framework/deep-dive/schema Schema deep-dive} guide.\n */\nexport class ModelSchema extends /* #__PURE__ */ ObservableMixin() {\n\tprivate readonly _sourceDefinitions: Record<string, Array<ModelSchemaItemDefinition>> = {};\n\n\t/**\n\t * A dictionary containing attribute properties.\n\t */\n\tprivate readonly _attributeProperties: Record<string, ModelAttributeProperties> = Object.create( null );\n\n\t/**\n\t * Stores additional callbacks registered for schema items, which are evaluated when {@link ~ModelSchema#checkChild} is called.\n\t *\n\t * Keys are schema item names for which the callbacks are registered. Values are arrays with the callbacks.\n\t *\n\t * Some checks are added under {@link ~ModelSchema#_genericCheckSymbol} key, these are\n\t * evaluated for every {@link ~ModelSchema#checkChild} call.\n\t */\n\tprivate readonly _customChildChecks: Map<string | symbol, Array<ModelSchemaChildCheckCallback>> = new Map();\n\n\t/**\n\t * Stores additional callbacks registered for attribute names, which are evaluated when {@link ~ModelSchema#checkAttribute} is called.\n\t *\n\t * Keys are schema attribute names for which the callbacks are registered. Values are arrays with the callbacks.\n\t *\n\t * Some checks are added under {@link ~ModelSchema#_genericCheckSymbol} key, these are evaluated for every\n\t * {@link ~ModelSchema#checkAttribute} call.\n\t */\n\tprivate readonly _customAttributeChecks: Map<string | symbol, Array<ModelSchemaAttributeCheckCallback>> = new Map();\n\n\tprivate readonly _genericCheckSymbol = Symbol( '$generic' );\n\n\tprivate _compiledDefinitions?: Record<string, ModelSchemaCompiledItemDefinition> | null;\n\n\t/**\n\t * Creates a schema instance.\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.decorate( 'checkChild' );\n\t\tthis.decorate( 'checkAttribute' );\n\n\t\tthis.on( 'checkAttribute', ( evt, args ) => {\n\t\t\targs[ 0 ] = new ModelSchemaContext( args[ 0 ] );\n\t\t}, { priority: 'highest' } );\n\n\t\tthis.on( 'checkChild', ( evt, args ) => {\n\t\t\targs[ 0 ] = new ModelSchemaContext( args[ 0 ] );\n\t\t\targs[ 1 ] = this.getDefinition( args[ 1 ] );\n\t\t}, { priority: 'highest' } );\n\t}\n\n\t/**\n\t * Registers a schema item. Can only be called once for every item name.\n\t *\n\t * ```ts\n\t * schema.register( 'paragraph', {\n\t * \tinheritAllFrom: '$block'\n\t * } );\n\t * ```\n\t */\n\tpublic register( itemName: string, definition?: ModelSchemaItemDefinition ): void {\n\t\tif ( this._sourceDefinitions[ itemName ] ) {\n\t\t\t/**\n\t\t\t * A single item cannot be registered twice in the schema.\n\t\t\t *\n\t\t\t * This situation may happen when:\n\t\t\t *\n\t\t\t * * Two or more plugins called {@link module:engine/model/schema~ModelSchema#register `register()`} with the same name.\n\t\t\t * This will usually mean that there is a collision between plugins which try to use the same element in the model.\n\t\t\t * Unfortunately, the only way to solve this is by modifying one of these plugins to use a unique model element name.\n\t\t\t * * A single plugin was loaded twice. This happens when it is installed by npm/yarn in two versions\n\t\t\t * and usually means one or more of the following issues:\n\t\t\t *     * a version mismatch (two of your dependencies require two different versions of this plugin),\n\t\t\t *     * incorrect imports (this plugin is somehow imported twice in a way which confuses webpack),\n\t\t\t *     * mess in `node_modules/` (`rm -rf node_modules/` may help).\n\t\t\t *\n\t\t\t * **Note:** Check the logged `itemName` to better understand which plugin was duplicated/conflicting.\n\t\t\t *\n\t\t\t * @param itemName The name of the model element that is being registered twice.\n\t\t\t * @error schema-cannot-register-item-twice\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'schema-cannot-register-item-twice',\n\t\t\t\tthis,\n\t\t\t\t{\n\t\t\t\t\titemName\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\tthis._sourceDefinitions[ itemName ] = [\n\t\t\tObject.assign( {}, definition )\n\t\t];\n\n\t\tthis._clearCache();\n\t}\n\n\t/**\n\t * Extends a {@link #register registered} item's definition.\n\t *\n\t * Extending properties such as `allowIn` will add more items to the existing properties,\n\t * while redefining properties such as `isBlock` will override the previously defined ones.\n\t *\n\t * ```ts\n\t * schema.register( 'foo', {\n\t * \tallowIn: '$root',\n\t * \tisBlock: true;\n\t * } );\n\t * schema.extend( 'foo', {\n\t * \tallowIn: 'blockQuote',\n\t * \tisBlock: false\n\t * } );\n\t *\n\t * schema.getDefinition( 'foo' );\n\t * //\t{\n\t * //\t\tallowIn: [ '$root', 'blockQuote' ],\n\t * // \t\tisBlock: false\n\t * //\t}\n\t * ```\n\t */\n\tpublic extend( itemName: string, definition: ModelSchemaItemDefinition ): void {\n\t\tif ( !this._sourceDefinitions[ itemName ] ) {\n\t\t\t/**\n\t\t\t * Cannot extend an item which was not registered yet.\n\t\t\t *\n\t\t\t * This error happens when a plugin tries to extend the schema definition of an item which was not\n\t\t\t * {@link module:engine/model/schema~ModelSchema#register registered} yet.\n\t\t\t *\n\t\t\t * @param itemName The name of the model element which is being extended.\n\t\t\t * @error schema-cannot-extend-missing-item\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'schema-cannot-extend-missing-item', this, {\n\t\t\t\titemName\n\t\t\t} );\n\t\t}\n\n\t\tthis._sourceDefinitions[ itemName ].push( Object.assign( {}, definition ) );\n\n\t\tthis._clearCache();\n\t}\n\n\t/**\n\t * Returns data of all registered items.\n\t *\n\t * This method should normally be used for reflection purposes (e.g. defining a clone of a certain element,\n\t * checking a list of all block elements, etc).\n\t * Use specific methods (such as {@link #checkChild `checkChild()`} or {@link #isLimit `isLimit()`})\n\t * in other cases.\n\t */\n\tpublic getDefinitions(): Record<string, ModelSchemaCompiledItemDefinition> {\n\t\tif ( !this._compiledDefinitions ) {\n\t\t\tthis._compile();\n\t\t}\n\n\t\treturn this._compiledDefinitions!;\n\t}\n\n\t/**\n\t * Returns a definition of the given item or `undefined` if an item is not registered.\n\t *\n\t * This method should normally be used for reflection purposes (e.g. defining a clone of a certain element,\n\t * checking a list of all block elements, etc).\n\t * Use specific methods (such as {@link #checkChild `checkChild()`} or {@link #isLimit `isLimit()`})\n\t * in other cases.\n\t */\n\tpublic getDefinition(\n\t\titem: string | ModelItem | ModelDocumentFragment | ModelSchemaContextItem\n\t): ModelSchemaCompiledItemDefinition | undefined {\n\t\tlet itemName: string;\n\n\t\tif ( typeof item == 'string' ) {\n\t\t\titemName = item;\n\t\t} else if ( 'is' in item && ( item.is( '$text' ) || item.is( '$textProxy' ) ) ) {\n\t\t\titemName = '$text';\n\t\t}\n\t\t// Element or module:engine/model/schema~ModelSchemaContextItem.\n\t\telse {\n\t\t\titemName = ( item as any ).name;\n\t\t}\n\n\t\treturn this.getDefinitions()[ itemName ];\n\t}\n\n\t/**\n\t * Returns `true` if the given item is registered in the schema.\n\t *\n\t * ```ts\n\t * schema.isRegistered( 'paragraph' ); // -> true\n\t * schema.isRegistered( editor.model.document.getRoot() ); // -> true\n\t * schema.isRegistered( 'foo' ); // -> false\n\t * ```\n\t */\n\tpublic isRegistered( item: string | ModelItem | ModelDocumentFragment | ModelSchemaContextItem ): boolean {\n\t\treturn !!this.getDefinition( item );\n\t}\n\n\t/**\n\t * Returns `true` if the given item is defined to be\n\t * a block by the {@link module:engine/model/schema~ModelSchemaItemDefinition}'s `isBlock` property.\n\t *\n\t * ```ts\n\t * schema.isBlock( 'paragraph' ); // -> true\n\t * schema.isBlock( '$root' ); // -> false\n\t *\n\t * const paragraphElement = writer.createElement( 'paragraph' );\n\t * schema.isBlock( paragraphElement ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#block-elements Block elements} section of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */\n\tpublic isBlock( item: string | ModelItem | ModelDocumentFragment | ModelSchemaContextItem ): boolean {\n\t\tconst def = this.getDefinition( item );\n\n\t\treturn !!( def && def.isBlock );\n\t}\n\n\t/**\n\t * Returns `true` if the given item should be treated as a limit element.\n\t *\n\t * It considers an item to be a limit element if its\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition}'s\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition#isLimit `isLimit`} or\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition#isObject `isObject`} property\n\t * was set to `true`.\n\t *\n\t * ```ts\n\t * schema.isLimit( 'paragraph' ); // -> false\n\t * schema.isLimit( '$root' ); // -> true\n\t * schema.isLimit( editor.model.document.getRoot() ); // -> true\n\t * schema.isLimit( 'imageBlock' ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#limit-elements Limit elements} section of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */\n\tpublic isLimit( item: string | ModelItem | ModelDocumentFragment | ModelSchemaContextItem ): boolean {\n\t\tconst def = this.getDefinition( item );\n\n\t\tif ( !def ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn !!( def.isLimit || def.isObject );\n\t}\n\n\t/**\n\t * Returns `true` if the given item should be treated as an object element.\n\t *\n\t * It considers an item to be an object element if its\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition}'s\n\t * {@link module:engine/model/schema~ModelSchemaItemDefinition#isObject `isObject`} property\n\t * was set to `true`.\n\t *\n\t * ```ts\n\t * schema.isObject( 'paragraph' ); // -> false\n\t * schema.isObject( 'imageBlock' ); // -> true\n\t *\n\t * const imageElement = writer.createElement( 'imageBlock' );\n\t * schema.isObject( imageElement ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#object-elements Object elements} section of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */\n\tpublic isObject( item: string | ModelItem | ModelDocumentFragment | ModelSchemaContextItem ): boolean {\n\t\tconst def = this.getDefinition( item );\n\n\t\tif ( !def ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Note: Check out the implementation of #isLimit(), #isSelectable(), and #isContent()\n\t\t// to understand why these three constitute an object.\n\t\treturn !!( def.isObject || ( def.isLimit && def.isSelectable && def.isContent ) );\n\t}\n\n\t/**\n\t * Returns `true` if the given item is defined to be\n\t * an inline element by the {@link module:engine/model/schema~ModelSchemaItemDefinition}'s `isInline` property.\n\t *\n\t * ```ts\n\t * schema.isInline( 'paragraph' ); // -> false\n\t * schema.isInline( 'softBreak' ); // -> true\n\t *\n\t * const text = writer.createText( 'foo' );\n\t * schema.isInline( text ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#inline-elements Inline elements} section of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */\n\tpublic isInline( item: string | ModelItem | ModelDocumentFragment | ModelSchemaContextItem ): boolean {\n\t\tconst def = this.getDefinition( item );\n\n\t\treturn !!( def && def.isInline );\n\t}\n\n\t/**\n\t * Returns `true` if the given item is defined to be\n\t * a selectable element by the {@link module:engine/model/schema~ModelSchemaItemDefinition}'s `isSelectable` property.\n\t *\n\t * ```ts\n\t * schema.isSelectable( 'paragraph' ); // -> false\n\t * schema.isSelectable( 'heading1' ); // -> false\n\t * schema.isSelectable( 'imageBlock' ); // -> true\n\t * schema.isSelectable( 'tableCell' ); // -> true\n\t *\n\t * const text = writer.createText( 'foo' );\n\t * schema.isSelectable( text ); // -> false\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#selectable-elements Selectable elements section} of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */\n\tpublic isSelectable( item: string | ModelItem | ModelDocumentFragment | ModelSchemaContextItem ): boolean {\n\t\tconst def = this.getDefinition( item );\n\n\t\tif ( !def ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn !!( def.isSelectable || def.isObject );\n\t}\n\n\t/**\n\t * Returns `true` if the given item is defined to be\n\t * a content by the {@link module:engine/model/schema~ModelSchemaItemDefinition}'s `isContent` property.\n\t *\n\t * ```ts\n\t * schema.isContent( 'paragraph' ); // -> false\n\t * schema.isContent( 'heading1' ); // -> false\n\t * schema.isContent( 'imageBlock' ); // -> true\n\t * schema.isContent( 'horizontalLine' ); // -> true\n\t *\n\t * const text = writer.createText( 'foo' );\n\t * schema.isContent( text ); // -> true\n\t * ```\n\t *\n\t * See the {@glink framework/deep-dive/schema#content-elements Content elements section} of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide for more details.\n\t */\n\tpublic isContent( item: string | ModelItem | ModelDocumentFragment | ModelSchemaContextItem ): boolean {\n\t\tconst def = this.getDefinition( item );\n\n\t\tif ( !def ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn !!( def.isContent || def.isObject );\n\t}\n\n\t/**\n\t * Checks whether the given node can be a child of the given context.\n\t *\n\t * ```ts\n\t * schema.checkChild( model.document.getRoot(), paragraph ); // -> false\n\t *\n\t * schema.register( 'paragraph', {\n\t * \tallowIn: '$root'\n\t * } );\n\t *\n\t * schema.checkChild( model.document.getRoot(), paragraph ); // -> true\n\t * ```\n\t *\n\t * Both {@link module:engine/model/schema~ModelSchema#addChildCheck callback checks} and declarative rules (added when\n\t * {@link module:engine/model/schema~ModelSchema#register registering} and\n\t * {@link module:engine/model/schema~ModelSchema#extend extending} items)\n\t * are evaluated when this method is called.\n\t *\n\t * Note that callback checks have bigger priority than declarative rules checks and may overwrite them.\n\t *\n\t * Note that when verifying whether the given node can be a child of the given context, the schema also verifies the entire\n\t * context &ndash; from its root to its last element. Therefore, it is possible for `checkChild()` to return `false` even though\n\t * the `context` last element can contain the checked child. It happens if one of the `context` elements does not allow its child.\n\t * When `context` is verified, {@link module:engine/model/schema~ModelSchema#addChildCheck custom checks} are considered as well.\n\t *\n\t * @fires checkChild\n\t * @param context The context in which the child will be checked.\n\t * @param def The child to check.\n\t */\n\tpublic checkChild( context: ModelSchemaContextDefinition, def: string | ModelNode | ModelDocumentFragment ): boolean {\n\t\t// Note: `context` and `def` are already normalized here to `ModelSchemaContext` and `ModelSchemaCompiledItemDefinition`.\n\t\tif ( !def ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn this._checkContextMatch( context as ModelSchemaContext, def as unknown as ModelSchemaCompiledItemDefinition );\n\t}\n\n\t/**\n\t * Checks whether the given attribute can be applied in the given context (on the last item of the context).\n\t *\n\t * ```ts\n\t * schema.checkAttribute( textNode, 'bold' ); // -> false\n\t *\n\t * schema.extend( '$text', {\n\t * \tallowAttributes: 'bold'\n\t * } );\n\t *\n\t * schema.checkAttribute( textNode, 'bold' ); // -> true\n\t * ```\n\t *\n\t * Both {@link module:engine/model/schema~ModelSchema#addAttributeCheck callback checks} and declarative rules (added when\n\t * {@link module:engine/model/schema~ModelSchema#register registering} and\n\t * {@link module:engine/model/schema~ModelSchema#extend extending} items)\n\t * are evaluated when this method is called.\n\t *\n\t * Note that callback checks have bigger priority than declarative rules checks and may overwrite them.\n\t *\n\t * @fires checkAttribute\n\t * @param context The context in which the attribute will be checked.\n\t * @param attributeName Name of attribute to check in the given context.\n\t */\n\tpublic checkAttribute( context: ModelSchemaContextDefinition, attributeName: string ): boolean {\n\t\t// Note: `context` is already normalized here to `ModelSchemaContext`.\n\t\tconst def = this.getDefinition( ( context as ModelSchemaContext ).last );\n\n\t\tif ( !def ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// First, check all attribute checks declared as callbacks.\n\t\t// Note that `_evaluateAttributeChecks()` will return `undefined` if neither child check was applicable (no decision was made).\n\t\tconst isAllowed = this._evaluateAttributeChecks( context as ModelSchemaContext, attributeName );\n\n\t\t// If the decision was not made inside attribute check callbacks, then use declarative rules.\n\t\treturn isAllowed !== undefined ? isAllowed : def.allowAttributes.includes( attributeName );\n\t}\n\n\tpublic checkMerge( position: ModelPosition ): boolean;\n\tpublic checkMerge( baseElement: ModelElement, elementToMerge: ModelElement ): boolean;\n\n\t/**\n\t * Checks whether the given element (`elementToMerge`) can be merged with the specified base element (`positionOrBaseElement`).\n\t *\n\t * In other words &ndash; both elements are not a limit elements and whether `elementToMerge`'s children\n\t * {@link #checkChild are allowed} in the `positionOrBaseElement`.\n\t *\n\t * This check ensures that elements merged with {@link module:engine/model/writer~ModelWriter#merge `Writer#merge()`}\n\t * will be valid.\n\t *\n\t * Instead of elements, you can pass the instance of the {@link module:engine/model/position~ModelPosition} class as the\n\t * `positionOrBaseElement`. It means that the elements before and after the position will be checked whether they can be merged.\n\t *\n\t * @param positionOrBaseElement The position or base element to which the `elementToMerge` will be merged.\n\t * @param elementToMerge The element to merge. Required if `positionOrBaseElement` is an element.\n\t */\n\tpublic checkMerge( positionOrBaseElement: ModelPosition | ModelElement, elementToMerge?: ModelElement ): boolean {\n\t\tif ( positionOrBaseElement instanceof ModelPosition ) {\n\t\t\tconst nodeBefore = positionOrBaseElement.nodeBefore;\n\t\t\tconst nodeAfter = positionOrBaseElement.nodeAfter;\n\n\t\t\tif ( !( nodeBefore instanceof ModelElement ) ) {\n\t\t\t\t/**\n\t\t\t\t * The node before the merge position must be an element.\n\t\t\t\t *\n\t\t\t\t * @error schema-check-merge-no-element-before\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'schema-check-merge-no-element-before',\n\t\t\t\t\tthis\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif ( !( nodeAfter instanceof ModelElement ) ) {\n\t\t\t\t/**\n\t\t\t\t * The node after the merge position must be an element.\n\t\t\t\t *\n\t\t\t\t * @error schema-check-merge-no-element-after\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'schema-check-merge-no-element-after',\n\t\t\t\t\tthis\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn this.checkMerge( nodeBefore, nodeAfter );\n\t\t}\n\n\t\tif ( this.isLimit( positionOrBaseElement ) || this.isLimit( elementToMerge! ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const child of elementToMerge!.getChildren() ) {\n\t\t\tif ( !this.checkChild( positionOrBaseElement, child ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Allows registering a callback to the {@link #checkChild} method calls.\n\t *\n\t * Callbacks allow you to implement rules which are not otherwise possible to achieve\n\t * by using the declarative API of {@link module:engine/model/schema~ModelSchemaItemDefinition}.\n\t *\n\t * Note that callback checks have bigger priority than declarative rules checks and may overwrite them.\n\t *\n\t * For example, by using this method you can disallow elements in specific contexts:\n\t *\n\t * ```ts\n\t * // Disallow `heading1` inside a `blockQuote` that is inside a table.\n\t * schema.addChildCheck( ( context, childDefinition ) => {\n\t * \tif ( context.endsWith( 'tableCell blockQuote' ) ) {\n\t * \t\treturn false;\n\t * \t}\n\t * }, 'heading1' );\n\t * ```\n\t *\n\t * You can skip the optional `itemName` parameter to evaluate the callback for every `checkChild()` call.\n\t *\n\t * ```ts\n\t * // Inside specific custom element, allow only children, which allows for a specific attribute.\n\t * schema.addChildCheck( ( context, childDefinition ) => {\n\t * \tif ( context.endsWith( 'myElement' ) ) {\n\t * \t\treturn childDefinition.allowAttributes.includes( 'myAttribute' );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Please note that the generic callbacks may affect the editor performance and should be avoided if possible.\n\t *\n\t * When one of the callbacks makes a decision (returns `true` or `false`) the processing is finished and other callbacks are not fired.\n\t * Callbacks are fired in the order they were added, however generic callbacks are fired before callbacks added for a specified item.\n\t *\n\t * You can also use `checkChild` event, if you need even better control. The result from the example above could also be\n\t * achieved with following event callback:\n\t *\n\t * ```ts\n\t * schema.on( 'checkChild', ( evt, args ) => {\n\t * \tconst context = args[ 0 ];\n\t * \tconst childDefinition = args[ 1 ];\n\t *\n\t * \tif ( context.endsWith( 'myElement' ) ) {\n\t * \t\t// Prevent next listeners from being called.\n\t * \t\tevt.stop();\n\t * \t\t// Set the `checkChild()` return value.\n\t * \t\tevt.return = childDefinition.allowAttributes.includes( 'myAttribute' );\n\t * \t}\n\t * }, { priority: 'high' } );\n\t * ```\n\t *\n\t * Note that the callback checks and declarative rules checks are processed on `normal` priority.\n\t *\n\t * Adding callbacks this way can also negatively impact editor performance.\n\t *\n\t * @param callback The callback to be called. It is called with two parameters:\n\t * {@link module:engine/model/schema~ModelSchemaContext} (context) instance and\n\t * {@link module:engine/model/schema~ModelSchemaCompiledItemDefinition} (definition). The callback may return `true/false` to\n\t * override `checkChild()`'s return value. If it does not return a boolean value, the default algorithm (or other callbacks) will define\n\t * `checkChild()`'s return value.\n\t * @param itemName Name of the schema item for which the callback is registered. If specified, the callback will be run only for\n\t * `checkChild()` calls which `def` parameter matches the `itemName`. Otherwise, the callback will run for every `checkChild` call.\n\t */\n\tpublic addChildCheck( callback: ModelSchemaChildCheckCallback, itemName?: string ): void {\n\t\tconst key = itemName !== undefined ? itemName : this._genericCheckSymbol;\n\n\t\tconst checks = this._customChildChecks.get( key ) || [];\n\t\tchecks.push( callback );\n\n\t\tthis._customChildChecks.set( key, checks );\n\t}\n\n\t/**\n\t * Allows registering a callback to the {@link #checkAttribute} method calls.\n\t *\n\t * Callbacks allow you to implement rules which are not otherwise possible to achieve\n\t * by using the declarative API of {@link module:engine/model/schema~ModelSchemaItemDefinition}.\n\t *\n\t * Note that callback checks have bigger priority than declarative rules checks and may overwrite them.\n\t *\n\t * For example, by using this method you can disallow setting attributes on nodes in specific contexts:\n\t *\n\t * ```ts\n\t * // Disallow setting `bold` on text inside `heading1` element:\n\t * schema.addAttributeCheck( context => {\n\t * \tif ( context.endsWith( 'heading1 $text' ) ) {\n\t * \t\treturn false;\n\t * \t}\n\t * }, 'bold' );\n\t * ```\n\t *\n\t * You can skip the optional `attributeName` parameter to evaluate the callback for every `checkAttribute()` call.\n\t *\n\t * ```ts\n\t * // Disallow formatting attributes on text inside custom `myTitle` element:\n\t * schema.addAttributeCheck( ( context, attributeName ) => {\n\t * \tif ( context.endsWith( 'myTitle $text' ) && schema.getAttributeProperties( attributeName ).isFormatting ) {\n\t * \t\treturn false;\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Please note that the generic callbacks may affect the editor performance and should be avoided if possible.\n\t *\n\t * When one of the callbacks makes a decision (returns `true` or `false`) the processing is finished and other callbacks are not fired.\n\t * Callbacks are fired in the order they were added, however generic callbacks are fired before callbacks added for a specified item.\n\t *\n\t * You can also use {@link #event:checkAttribute} event, if you need even better control. The result from the example above could also\n\t * be achieved with following event callback:\n\t *\n\t * ```ts\n\t * schema.on( 'checkAttribute', ( evt, args ) => {\n\t * \tconst context = args[ 0 ];\n\t * \tconst attributeName = args[ 1 ];\n\t *\n\t * \tif ( context.endsWith( 'myTitle $text' ) && schema.getAttributeProperties( attributeName ).isFormatting ) {\n\t * \t\t// Prevent next listeners from being called.\n\t * \t\tevt.stop();\n\t * \t\t// Set the `checkAttribute()` return value.\n\t * \t\tevt.return = false;\n\t * \t}\n\t * }, { priority: 'high' } );\n\t * ```\n\t *\n\t * Note that the callback checks and declarative rules checks are processed on `normal` priority.\n\t *\n\t * Adding callbacks this way can also negatively impact editor performance.\n\t *\n\t * @param callback The callback to be called. It is called with two parameters:\n\t * {@link module:engine/model/schema~ModelSchemaContext `context`} and attribute name. The callback may return `true` or `false`, to\n\t * override `checkAttribute()`'s return value. If it does not return a boolean value, the default algorithm (or other callbacks)\n\t * will define `checkAttribute()`'s return value.\n\t * @param attributeName Name of the attribute for which the callback is registered. If specified, the callback will be run only for\n\t * `checkAttribute()` calls with matching `attributeName`. Otherwise, the callback will run for every `checkAttribute()` call.\n\t */\n\tpublic addAttributeCheck( callback: ModelSchemaAttributeCheckCallback, attributeName?: string ): void {\n\t\tconst key = attributeName !== undefined ? attributeName : this._genericCheckSymbol;\n\n\t\tconst checks = this._customAttributeChecks.get( key ) || [];\n\t\tchecks.push( callback );\n\n\t\tthis._customAttributeChecks.set( key, checks );\n\t}\n\n\t/**\n\t * This method allows assigning additional metadata to the model attributes. For example,\n\t * {@link module:engine/model/schema~ModelAttributeProperties `AttributeProperties#isFormatting` property} is\n\t * used to mark formatting attributes (like `bold` or `italic`).\n\t *\n\t * ```ts\n\t * // Mark bold as a formatting attribute.\n\t * schema.setAttributeProperties( 'bold', {\n\t * \tisFormatting: true\n\t * } );\n\t *\n\t * // Override code not to be considered a formatting markup.\n\t * schema.setAttributeProperties( 'code', {\n\t * \tisFormatting: false\n\t * } );\n\t * ```\n\t *\n\t * Properties are not limited to members defined in the\n\t * {@link module:engine/model/schema~ModelAttributeProperties `AttributeProperties` type} and you can also use custom properties:\n\t *\n\t * ```ts\n\t * schema.setAttributeProperties( 'blockQuote', {\n\t * \tcustomProperty: 'value'\n\t * } );\n\t * ```\n\t *\n\t * Subsequent calls with the same attribute will extend its custom properties:\n\t *\n\t * ```ts\n\t * schema.setAttributeProperties( 'blockQuote', {\n\t * \tone: 1\n\t * } );\n\t *\n\t * schema.setAttributeProperties( 'blockQuote', {\n\t * \ttwo: 2\n\t * } );\n\t *\n\t * console.log( schema.getAttributeProperties( 'blockQuote' ) );\n\t * // Logs: { one: 1, two: 2 }\n\t * ```\n\t *\n\t * @param attributeName A name of the attribute to receive the properties.\n\t * @param properties A dictionary of properties.\n\t */\n\tpublic setAttributeProperties( attributeName: string, properties: ModelAttributeProperties ): void {\n\t\tthis._attributeProperties[ attributeName ] = Object.assign( this.getAttributeProperties( attributeName ), properties );\n\t}\n\n\t/**\n\t * Returns properties associated with a given model attribute. See {@link #setAttributeProperties `setAttributeProperties()`}.\n\t *\n\t * @param attributeName A name of the attribute.\n\t */\n\tpublic getAttributeProperties( attributeName: string ): ModelAttributeProperties {\n\t\treturn this._attributeProperties[ attributeName ] || Object.create( null );\n\t}\n\n\t/**\n\t * Returns the lowest {@link module:engine/model/schema~ModelSchema#isLimit limit element} containing the entire\n\t * selection/range/position or the root otherwise.\n\t *\n\t * @param selectionOrRangeOrPosition The selection/range/position to check.\n\t * @returns The lowest limit element containing the entire `selectionOrRangeOrPosition`.\n\t */\n\tpublic getLimitElement(\n\t\tselectionOrRangeOrPosition: ModelSelection | ModelDocumentSelection | ModelRange | ModelPosition\n\t): ModelElement {\n\t\tlet element: ModelElement;\n\n\t\tif ( selectionOrRangeOrPosition instanceof ModelPosition ) {\n\t\t\telement = selectionOrRangeOrPosition.parent as ModelElement;\n\t\t} else {\n\t\t\tconst ranges = selectionOrRangeOrPosition instanceof ModelRange ?\n\t\t\t\t[ selectionOrRangeOrPosition ] :\n\t\t\t\tArray.from( selectionOrRangeOrPosition.getRanges() );\n\n\t\t\t// Find the common ancestor for all selection's ranges.\n\t\t\telement = ranges\n\t\t\t\t.reduce<ModelElement | null>( ( element, range ) => {\n\t\t\t\t\tconst rangeCommonAncestor = range.getCommonAncestor() as ( ModelElement | null );\n\n\t\t\t\t\tif ( !element ) {\n\t\t\t\t\t\treturn rangeCommonAncestor;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn element.getCommonAncestor( rangeCommonAncestor as ModelElement, { includeSelf: true } ) as ModelElement;\n\t\t\t\t}, null )!;\n\t\t}\n\n\t\twhile ( !this.isLimit( element ) ) {\n\t\t\tif ( element.parent ) {\n\t\t\t\telement = element.parent as ModelElement;\n\t\t\t} else {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn element;\n\t}\n\n\t/**\n\t * Checks whether the attribute is allowed in selection:\n\t *\n\t * * if the selection is not collapsed, then checks if the attribute is allowed on any of nodes in that range,\n\t * * if the selection is collapsed, then checks if on the selection position there's a text with the\n\t * specified attribute allowed.\n\t *\n\t * @param selection Selection which will be checked.\n\t * @param attribute The name of the attribute to check.\n\t */\n\tpublic checkAttributeInSelection( selection: ModelSelection | ModelDocumentSelection, attribute: string ): boolean {\n\t\tif ( selection.isCollapsed ) {\n\t\t\tconst firstPosition = selection.getFirstPosition()!;\n\t\t\tconst context = [\n\t\t\t\t...firstPosition.getAncestors() as Array<ModelElement>,\n\t\t\t\tnew ModelText( '', selection.getAttributes() )\n\t\t\t];\n\n\t\t\t// Check whether schema allows for a text with the attribute in the selection.\n\t\t\treturn this.checkAttribute( context, attribute );\n\t\t} else {\n\t\t\tconst ranges = selection.getRanges();\n\n\t\t\t// For all ranges, check nodes in them until you find a node that is allowed to have the attribute.\n\t\t\tfor ( const range of ranges ) {\n\t\t\t\tfor ( const value of range ) {\n\t\t\t\t\tif ( this.checkAttribute( value.item, attribute ) ) {\n\t\t\t\t\t\t// If we found a node that is allowed to have the attribute, return true.\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// If we haven't found such node, return false.\n\t\treturn false;\n\t}\n\n\t/**\n\t * Transforms the given set of ranges into a set of ranges where the given attribute is allowed (and can be applied).\n\t *\n\t * @param ranges Ranges to be validated.\n\t * @param attribute The name of the attribute to check.\n\t * @returns Ranges in which the attribute is allowed.\n\t */\n\tpublic* getValidRanges( ranges: Iterable<ModelRange>, attribute: string ): IterableIterator<ModelRange> {\n\t\tranges = convertToMinimalFlatRanges( ranges );\n\n\t\tfor ( const range of ranges ) {\n\t\t\tyield* this._getValidRangesForRange( range, attribute );\n\t\t}\n\t}\n\n\t/**\n\t * Basing on given `position`, finds and returns a {@link module:engine/model/range~ModelRange range} which is\n\t * nearest to that `position` and is a correct range for selection.\n\t *\n\t * The correct selection range might be collapsed when it is located in a position where the text node can be placed.\n\t * Non-collapsed range is returned when selection can be placed around element marked as an \"object\" in\n\t * the {@link module:engine/model/schema~ModelSchema schema}.\n\t *\n\t * Direction of searching for the nearest correct selection range can be specified as:\n\t *\n\t * * `both` - searching will be performed in both ways,\n\t * * `forward` - searching will be performed only forward,\n\t * * `backward` - searching will be performed only backward.\n\t *\n\t * When valid selection range cannot be found, `null` is returned.\n\t *\n\t * @param position Reference position where new selection range should be looked for.\n\t * @param direction Search direction.\n\t * @returns Nearest selection range or `null` if one cannot be found.\n\t */\n\tpublic getNearestSelectionRange( position: ModelPosition, direction: 'both' | 'forward' | 'backward' = 'both' ): ModelRange | null {\n\t\tif ( position.root.rootName == '$graveyard' ) {\n\t\t\t// No valid selection range in the graveyard.\n\t\t\t// This is important when getting the document selection default range.\n\t\t\treturn null;\n\t\t}\n\n\t\t// Return collapsed range if provided position is valid.\n\t\tif ( this.checkChild( position, '$text' ) ) {\n\t\t\treturn new ModelRange( position );\n\t\t}\n\n\t\tlet backwardWalker, forwardWalker;\n\n\t\t// Never leave a limit element.\n\t\tconst limitElement = ( position.getAncestors() as Array<ModelElement> ).reverse().find( item => this.isLimit( item ) ) ||\n\t\t\tposition.root as ModelElement;\n\n\t\tif ( direction == 'both' || direction == 'backward' ) {\n\t\t\tbackwardWalker = new ModelTreeWalker( {\n\t\t\t\tboundaries: ModelRange._createIn( limitElement ),\n\t\t\t\tstartPosition: position,\n\t\t\t\tdirection: 'backward'\n\t\t\t} );\n\t\t}\n\n\t\tif ( direction == 'both' || direction == 'forward' ) {\n\t\t\tforwardWalker = new ModelTreeWalker( {\n\t\t\t\tboundaries: ModelRange._createIn( limitElement ),\n\t\t\t\tstartPosition: position\n\t\t\t} );\n\t\t}\n\n\t\tfor ( const data of combineWalkers( backwardWalker, forwardWalker ) ) {\n\t\t\tconst type = ( data.walker == backwardWalker ? 'elementEnd' : 'elementStart' );\n\t\t\tconst value = data.value;\n\n\t\t\tif ( value.type == type && this.isObject( value.item ) ) {\n\t\t\t\treturn ModelRange._createOn( value.item );\n\t\t\t}\n\n\t\t\tif ( this.checkChild( value.nextPosition, '$text' ) ) {\n\t\t\t\treturn new ModelRange( value.nextPosition );\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Tries to find position ancestors that allow to insert a given node.\n\t * It starts searching from the given position and goes node by node to the top of the model tree\n\t * as long as a {@link module:engine/model/schema~ModelSchema#isLimit limit element}, an\n\t * {@link module:engine/model/schema~ModelSchema#isObject object element} or a topmost ancestor is not reached.\n\t *\n\t * @param position The position that the search will start from.\n\t * @param node The node for which an allowed parent should be found or its name.\n\t * @returns Allowed parent or null if nothing was found.\n\t */\n\tpublic findAllowedParent( position: ModelPosition, node: ModelNode | string ): ModelElement | null {\n\t\tlet parent = position.parent as ( ModelElement | null );\n\n\t\twhile ( parent ) {\n\t\t\tif ( this.checkChild( parent, node ) ) {\n\t\t\t\treturn parent;\n\t\t\t}\n\n\t\t\t// Do not split limit elements.\n\t\t\tif ( this.isLimit( parent ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tparent = parent.parent as ( ModelElement | null );\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Sets attributes allowed by the schema on a given node.\n\t *\n\t * @param node A node to set attributes on.\n\t * @param attributes Attributes keys and values.\n\t * @param writer An instance of the model writer.\n\t */\n\tpublic setAllowedAttributes(\n\t\tnode: ModelNode,\n\t\tattributes: Record<string, unknown>,\n\t\twriter: ModelWriter\n\t): void {\n\t\tconst model = writer.model;\n\n\t\tfor ( const [ attributeName, attributeValue ] of Object.entries( attributes ) ) {\n\t\t\tif ( model.schema.checkAttribute( node, attributeName ) ) {\n\t\t\t\twriter.setAttribute( attributeName, attributeValue, node );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Removes attributes disallowed by the schema.\n\t *\n\t * @param nodes Nodes that will be filtered.\n\t */\n\tpublic removeDisallowedAttributes( nodes: Iterable<ModelNode>, writer: ModelWriter ): void {\n\t\tfor ( const node of nodes ) {\n\t\t\t// When node is a `Text` it has no children, so just filter it out.\n\t\t\tif ( node.is( '$text' ) ) {\n\t\t\t\tremoveDisallowedAttributeFromNode( this, node, writer );\n\t\t\t}\n\t\t\t// In a case of `Element` iterates through positions between nodes inside this element\n\t\t\t// and filter out node before the current position, or position parent when position\n\t\t\t// is at start of an element. Using positions prevent from omitting merged nodes\n\t\t\t// see https://github.com/ckeditor/ckeditor5-engine/issues/1789.\n\t\t\telse {\n\t\t\t\tconst rangeInNode = ModelRange._createIn( node as ModelElement );\n\t\t\t\tconst positionsInRange = rangeInNode.getPositions();\n\n\t\t\t\tfor ( const position of positionsInRange ) {\n\t\t\t\t\tconst item = position.nodeBefore || position.parent;\n\n\t\t\t\t\tremoveDisallowedAttributeFromNode( this, item as any, writer );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Gets attributes of a node that have a given property.\n\t *\n\t * @param node Node to get attributes from.\n\t * @param propertyName Name of the property that attribute must have to return it.\n\t * @param propertyValue Desired value of the property that we want to check.\n\t * When `undefined` attributes will be returned if they have set a given property no matter what the value is. If specified it will\n\t * return attributes which given property's value is equal to this parameter.\n\t * @returns Object with attributes' names as key and attributes' values as value.\n\t */\n\tpublic getAttributesWithProperty( node: ModelNode, propertyName: string, propertyValue: unknown ): Record<string, unknown> {\n\t\tconst attributes: Record<string, unknown> = {};\n\n\t\tfor ( const [ attributeName, attributeValue ] of node.getAttributes() ) {\n\t\t\tconst attributeProperties = this.getAttributeProperties( attributeName );\n\n\t\t\tif ( attributeProperties[ propertyName ] === undefined ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( propertyValue === undefined || propertyValue === attributeProperties[ propertyName ] ) {\n\t\t\t\tattributes[ attributeName ] = attributeValue;\n\t\t\t}\n\t\t}\n\n\t\treturn attributes;\n\t}\n\n\t/**\n\t * Creates an instance of the schema context.\n\t */\n\tpublic createContext( context: ModelSchemaContextDefinition ): ModelSchemaContext {\n\t\treturn new ModelSchemaContext( context );\n\t}\n\n\tprivate _clearCache(): void {\n\t\tthis._compiledDefinitions = null;\n\t}\n\n\tprivate _compile(): void {\n\t\tconst definitions: Record<string, ModelSchemaCompiledItemDefinitionInternal> = {};\n\t\tconst sourceRules = this._sourceDefinitions;\n\t\tconst itemNames = Object.keys( sourceRules );\n\n\t\tfor ( const itemName of itemNames ) {\n\t\t\tdefinitions[ itemName ] = compileBaseItemRule( sourceRules[ itemName ], itemName );\n\t\t}\n\n\t\tconst items = Object.values( definitions );\n\n\t\t// Sometimes features add rules (allows, disallows) for items that has not been registered yet. We allow that, to make it easier\n\t\t// to put the schema together. However, sometimes these items are never registered. To prevent operating\n\t\t// removeUnregisteredEntries( definitions, items );\n\n\t\t// 1. Propagate `childItem.allowIn` to `parentItem.allowChildren` and vice versa, so that these properties are completely mirrored\n\t\t// for all children and parents. Do the same for `disallowIn` and `disallowChildren`.\n\t\tfor ( const item of items ) {\n\t\t\tpropagateAllowIn( definitions, item );\n\t\t\tpropagateAllowChildren( definitions, item );\n\t\t\tpropagateDisallowIn( definitions, item );\n\t\t\tpropagateDisallowChildren( definitions, item );\n\t\t}\n\n\t\t// 2. Remove from `allowIn` and `allowChildren` these items which where disallowed by `disallowIn` and `disallowChildren`.\n\t\t// Do the same for attributes. Now we have a clear situation where which item/attribute is allowed. Inheritance is in next steps.\n\t\tfor ( const item of items ) {\n\t\t\tresolveDisallows( definitions, item );\n\t\t}\n\n\t\t// 3. Compile `item.allowContentOf` property. For each entry in `allowContentOf`, we want to take `allowChildren` and rewrite\n\t\t// them into `item.allowChildren`. `item.disallowChildren` is used to filter out some entries. This way \"own rules\" have higher\n\t\t// priority than \"inherited rules\". Mirroring from step 1. is maintained.\n\t\tfor ( const item of items ) {\n\t\t\tcompileAllowContentOf( definitions, item );\n\t\t}\n\n\t\t// 4. Compile `item.allowWhere` property. For each entry in `allowWhere`, we want to take `allowIn` and rewrite them into\n\t\t// `item.allowIn`. `item.disallowIn` is used to filter out some entries. This way \"own rules\" have higher priority than\n\t\t// \"inherited rules\". Mirroring from step 1. is maintained.\n\t\tfor ( const item of items ) {\n\t\t\tcompileAllowWhere( definitions, item );\n\t\t}\n\n\t\t// 5. Compile `item.allowAttributesOf`. For each entry in `allowAttributesOf`, we want to take `allowAttributes` and rewrite them\n\t\t// into `item.allowAttributes`. `item.disallowAttributes` is used to filter out some entries. This way \"own rules\" have higher\n\t\t// priority than \"inherited rules\".\n\t\tfor ( const item of items ) {\n\t\t\tcompileAllowAttributesOf( definitions, item );\n\t\t}\n\n\t\t// 6. Compile `item.inheritTypesFrom` property. For each entry in `inheritTypesFrom`, we want to take `is*` properties and\n\t\t// set them on `item` (if they are not set yet).\n\t\tfor ( const item of items ) {\n\t\t\tcompileInheritPropertiesFrom( definitions, item );\n\t\t}\n\n\t\t// Compile final definitions. Unnecessary properties are removed and some additional cleaning is applied.\n\t\tthis._compiledDefinitions = compileDefinitions( definitions );\n\t}\n\n\tprivate _checkContextMatch( context: ModelSchemaContext, def: ModelSchemaCompiledItemDefinition ): boolean {\n\t\tconst parentItem = context.last;\n\n\t\t// First, check all child checks declared as callbacks.\n\t\t// Note that `_evaluateChildChecks()` will return `undefined` if neither child check was applicable (no decision was made).\n\t\tlet isAllowed = this._evaluateChildChecks( context, def );\n\n\t\t// If the decision was not made inside child check callbacks, then use declarative rules.\n\t\tisAllowed = isAllowed !== undefined ? isAllowed : def.allowIn.includes( parentItem.name );\n\n\t\t// If the item is not allowed in the `context`, return `false`.\n\t\tif ( !isAllowed ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// If the item is allowed, recursively verify the rest of the `context`.\n\t\tconst parentItemDefinition = this.getDefinition( parentItem );\n\t\tconst parentContext = context.trimLast();\n\n\t\t// One of the items in the original `context` did not have a definition specified. In this case, the whole context is disallowed.\n\t\tif ( !parentItemDefinition ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Whole `context` was verified and passed checks.\n\t\tif ( parentContext.length == 0 ) {\n\t\t\treturn true;\n\t\t}\n\n\t\t// Verify \"truncated\" parent context. The last item of the original context is now the definition to check.\n\t\treturn this._checkContextMatch( parentContext, parentItemDefinition );\n\t}\n\n\t/**\n\t * Calls child check callbacks to decide whether `def` is allowed in `context`. It uses both generic and specific (defined for `def`\n\t * item) callbacks. If neither callback makes a decision, `undefined` is returned.\n\t *\n\t * Note that the first callback that makes a decision \"wins\", i.e., if any callback returns `true` or `false`, then the processing\n\t * is over and that result is returned.\n\t */\n\tprivate _evaluateChildChecks( context: ModelSchemaContext, def: ModelSchemaCompiledItemDefinition ): boolean | undefined {\n\t\tconst genericChecks = this._customChildChecks.get( this._genericCheckSymbol ) || [];\n\t\tconst childChecks = this._customChildChecks.get( def.name ) || [];\n\n\t\tfor ( const check of [ ...genericChecks, ...childChecks ] ) {\n\t\t\tconst result = check( context, def );\n\n\t\t\tif ( result !== undefined ) {\n\t\t\t\treturn result;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Calls attribute check callbacks to decide whether `attributeName` can be set on the last element of `context`. It uses both\n\t * generic and specific (defined for `attributeName`) callbacks. If neither callback makes a decision, `undefined` is returned.\n\t *\n\t * Note that the first callback that makes a decision \"wins\", i.e., if any callback returns `true` or `false`, then the processing\n\t * is over and that result is returned.\n\t */\n\tprivate _evaluateAttributeChecks( context: ModelSchemaContext, attributeName: string ): boolean | undefined {\n\t\tconst genericChecks = this._customAttributeChecks.get( this._genericCheckSymbol ) || [];\n\t\tconst childChecks = this._customAttributeChecks.get( attributeName ) || [];\n\n\t\tfor ( const check of [ ...genericChecks, ...childChecks ] ) {\n\t\t\tconst result = check( context, attributeName );\n\n\t\t\tif ( result !== undefined ) {\n\t\t\t\treturn result;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Takes a flat range and an attribute name. Traverses the range recursively and deeply to find and return all ranges\n\t * inside the given range on which the attribute can be applied.\n\t *\n\t * This is a helper function for {@link ~ModelSchema#getValidRanges}.\n\t *\n\t * @param range The range to process.\n\t * @param attribute The name of the attribute to check.\n\t * @returns Ranges in which the attribute is allowed.\n\t */\n\tprivate* _getValidRangesForRange( range: ModelRange, attribute: string ): Iterable<ModelRange> {\n\t\tlet start = range.start;\n\t\tlet end = range.start;\n\n\t\tfor ( const item of range.getItems( { shallow: true } ) ) {\n\t\t\tif ( item.is( 'element' ) ) {\n\t\t\t\tyield* this._getValidRangesForRange( ModelRange._createIn( item ), attribute );\n\t\t\t}\n\n\t\t\tif ( !this.checkAttribute( item, attribute ) ) {\n\t\t\t\tif ( !start.isEqual( end ) ) {\n\t\t\t\t\tyield new ModelRange( start, end );\n\t\t\t\t}\n\n\t\t\t\tstart = ModelPosition._createAfter( item );\n\t\t\t}\n\n\t\t\tend = ModelPosition._createAfter( item );\n\t\t}\n\n\t\tif ( !start.isEqual( end ) ) {\n\t\t\tyield new ModelRange( start, end );\n\t\t}\n\t}\n\n\t/**\n\t * Returns a model range which is optimal (in terms of UX) for inserting a widget block.\n\t *\n\t * For instance, if a selection is in the middle of a paragraph, the collapsed range before this paragraph\n\t * will be returned so that it is not split. If the selection is at the end of a paragraph,\n\t * the collapsed range after this paragraph will be returned.\n\t *\n\t * Note: If the selection is placed in an empty block, the range in that block will be returned. If that range\n\t * is then passed to {@link module:engine/model/model~Model#insertContent}, the block will be fully replaced\n\t * by the inserted widget block.\n\t *\n\t * @internal\n\t * @param selection The selection based on which the insertion position should be calculated.\n\t * @param place The place where to look for optimal insertion range.\n\t * The `auto` value will determine itself the best position for insertion.\n\t * The `before` value will try to find a position before selection.\n\t * The `after` value will try to find a position after selection.\n\t * @returns The optimal range.\n\t */\n\tpublic findOptimalInsertionRange(\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\tplace?: 'auto' | 'before' | 'after'\n\t): ModelRange {\n\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\tif ( selectedElement && this.isObject( selectedElement ) && !this.isInline( selectedElement ) ) {\n\t\t\tif ( place == 'before' || place == 'after' ) {\n\t\t\t\treturn new ModelRange( ModelPosition._createAt( selectedElement, place ) );\n\t\t\t}\n\n\t\t\treturn ModelRange._createOn( selectedElement );\n\t\t}\n\n\t\tconst firstBlock = first( selection.getSelectedBlocks() );\n\n\t\t// There are no block elements within ancestors (in the current limit element).\n\t\tif ( !firstBlock ) {\n\t\t\treturn new ModelRange( selection.focus! );\n\t\t}\n\n\t\t// If inserting into an empty block – return position in that block. It will get\n\t\t// replaced with the image by insertContent(). #42.\n\t\tif ( firstBlock.isEmpty ) {\n\t\t\treturn new ModelRange( ModelPosition._createAt( firstBlock, 0 ) );\n\t\t}\n\n\t\tconst positionAfter = ModelPosition._createAfter( firstBlock );\n\n\t\t// If selection is at the end of the block - return position after the block.\n\t\tif ( selection.focus!.isTouching( positionAfter ) ) {\n\t\t\treturn new ModelRange( positionAfter );\n\t\t}\n\n\t\t// Otherwise, return position before the block.\n\t\treturn new ModelRange( ModelPosition._createBefore( firstBlock ) );\n\t}\n}\n\n/**\n * Event fired when the {@link ~ModelSchema#checkChild} method is called. It allows plugging in\n * additional behavior, for example implementing rules which cannot be defined using the declarative\n * {@link module:engine/model/schema~ModelSchemaItemDefinition} interface.\n *\n * **Note:** The {@link ~ModelSchema#addChildCheck} method is a more handy way to register callbacks. Internally,\n * it registers a listener to this event but comes with a simpler API and it is the recommended choice\n * in most of the cases.\n *\n * The {@link ~ModelSchema#checkChild} method fires an event because it is\n * {@link module:utils/observablemixin~Observable#decorate decorated} with it. Thanks to that you can\n * use this event in various ways, but the most important use case is overriding standard behavior of the\n * `checkChild()` method. Let's see a typical listener template:\n *\n * ```ts\n * schema.on( 'checkChild', ( evt, args ) => {\n * \tconst context = args[ 0 ];\n * \tconst childDefinition = args[ 1 ];\n * }, { priority: 'high' } );\n * ```\n *\n * The listener is added with a `high` priority to be executed before the default method is really called. The `args` callback\n * parameter contains arguments passed to `checkChild( context, child )`. However, the `context` parameter is already\n * normalized to a {@link module:engine/model/schema~ModelSchemaContext} instance and `child` to a\n * {@link module:engine/model/schema~ModelSchemaCompiledItemDefinition} instance, so you do not have to worry about\n * the various ways how `context` and `child` may be passed to `checkChild()`.\n *\n * **Note:** `childDefinition` may be `undefined` if `checkChild()` was called with a non-registered element.\n *\n * So, in order to implement a rule \"disallow `heading1` in `blockQuote`\", you can add such a listener:\n *\n * ```ts\n * schema.on( 'checkChild', ( evt, args ) => {\n * \tconst context = args[ 0 ];\n * \tconst childDefinition = args[ 1 ];\n *\n * \tif ( context.endsWith( 'blockQuote' ) && childDefinition && childDefinition.name == 'heading1' ) {\n * \t\t// Prevent next listeners from being called.\n * \t\tevt.stop();\n * \t\t// Set the checkChild()'s return value.\n * \t\tevt.return = false;\n * \t}\n * }, { priority: 'high' } );\n * ```\n *\n * Allowing elements in specific contexts will be a far less common use case, because it is normally handled by the\n * `allowIn` rule from {@link module:engine/model/schema~ModelSchemaItemDefinition}. But if you have a complex scenario\n * where `listItem` should be allowed only in element `foo` which must be in element `bar`, then this would be the way:\n *\n * ```ts\n * schema.on( 'checkChild', ( evt, args ) => {\n * \tconst context = args[ 0 ];\n * \tconst childDefinition = args[ 1 ];\n *\n * \tif ( context.endsWith( 'bar foo' ) && childDefinition.name == 'listItem' ) {\n * \t\t// Prevent next listeners from being called.\n * \t\tevt.stop();\n * \t\t// Set the checkChild()'s return value.\n * \t\tevt.return = true;\n * \t}\n * }, { priority: 'high' } );\n * ```\n *\n * @eventName ~ModelSchema#checkChild\n * @param args The `checkChild()`'s arguments.\n */\nexport type ModelSchemaCheckChildEvent = {\n\tname: 'checkChild';\n\targs: [ [ context: ModelSchemaContext, def: ModelSchemaCompiledItemDefinition ] ];\n};\n\n/**\n * Event fired when the {@link ~ModelSchema#checkAttribute} method is called. It allows plugging in\n * additional behavior, for example implementing rules which cannot be defined using the declarative\n * {@link module:engine/model/schema~ModelSchemaItemDefinition} interface.\n *\n * **Note:** The {@link ~ModelSchema#addAttributeCheck} method is a more handy way to register callbacks. Internally,\n * it registers a listener to this event but comes with a simpler API and it is the recommended choice\n * in most of the cases.\n *\n * The {@link ~ModelSchema#checkAttribute} method fires an event because it is\n * {@link module:utils/observablemixin~Observable#decorate decorated} with it. Thanks to that you can\n * use this event in various ways, but the most important use case is overriding the standard behavior of the\n * `checkAttribute()` method. Let's see a typical listener template:\n *\n * ```ts\n * schema.on( 'checkAttribute', ( evt, args ) => {\n * \tconst context = args[ 0 ];\n * \tconst attributeName = args[ 1 ];\n * }, { priority: 'high' } );\n * ```\n *\n * The listener is added with a `high` priority to be executed before the default method is really called. The `args` callback\n * parameter contains arguments passed to `checkAttribute( context, attributeName )`. However, the `context` parameter is already\n * normalized to a {@link module:engine/model/schema~ModelSchemaContext} instance, so you do not have to worry about\n * the various ways how `context` may be passed to `checkAttribute()`.\n *\n * So, in order to implement a rule \"disallow `bold` in a text which is in a `heading1`, you can add such a listener:\n *\n * ```ts\n * schema.on( 'checkAttribute', ( evt, args ) => {\n * \tconst context = args[ 0 ];\n * \tconst attributeName = args[ 1 ];\n *\n * \tif ( context.endsWith( 'heading1 $text' ) && attributeName == 'bold' ) {\n * \t\t// Prevent next listeners from being called.\n * \t\tevt.stop();\n * \t\t// Set the checkAttribute()'s return value.\n * \t\tevt.return = false;\n * \t}\n * }, { priority: 'high' } );\n * ```\n *\n * Allowing attributes in specific contexts will be a far less common use case, because it is normally handled by the\n * `allowAttributes` rule from {@link module:engine/model/schema~ModelSchemaItemDefinition}. But if you have a complex scenario\n * where `bold` should be allowed only in element `foo` which must be in element `bar`, then this would be the way:\n *\n * ```ts\n * schema.on( 'checkAttribute', ( evt, args ) => {\n * \tconst context = args[ 0 ];\n * \tconst attributeName = args[ 1 ];\n *\n * \tif ( context.endsWith( 'bar foo $text' ) && attributeName == 'bold' ) {\n * \t\t// Prevent next listeners from being called.\n * \t\tevt.stop();\n * \t\t// Set the checkAttribute()'s return value.\n * \t\tevt.return = true;\n * \t}\n * }, { priority: 'high' } );\n * ```\n *\n * @eventName ~ModelSchema#checkAttribute\n * @param args The `checkAttribute()`'s arguments.\n */\nexport type ModelSchemaCheckAttributeEvent = {\n\tname: 'checkAttribute';\n\targs: [ [ context: ModelSchemaContext, attributeName: string ] ];\n};\n\n/**\n * A definition of a {@link module:engine/model/schema~ModelSchema schema} item.\n *\n * You can define the following rules:\n *\n * * {@link ~ModelSchemaItemDefinition#allowIn `allowIn`} &ndash; Defines in which other items this item will be allowed.\n * * {@link ~ModelSchemaItemDefinition#allowChildren `allowChildren`} &ndash; Defines which other items are allowed inside this item.\n * * {@link ~ModelSchemaItemDefinition#allowAttributes `allowAttributes`} &ndash; Defines allowed attributes of the given item.\n * * {@link ~ModelSchemaItemDefinition#disallowIn `disallowIn`} &ndash; Defines in which other items this item will be disallowed.\n * * {@link ~ModelSchemaItemDefinition#disallowChildren `disallowChildren`} &ndash; Defines which other items are\n * disallowed inside this item.\n * * {@link ~ModelSchemaItemDefinition#disallowAttributes `disallowAttributes`} &ndash; Defines disallowed attributes of the given item.\n * * {@link ~ModelSchemaItemDefinition#allowContentOf `allowContentOf`} &ndash; Makes this item allow children that are also allowed in the\n * specified items. This acknowledges disallow rules.\n * * {@link ~ModelSchemaItemDefinition#allowWhere `allowWhere`} &ndash; Makes this item allowed where the specified items are allowed. This\n * acknowledges disallow rules.\n * * {@link ~ModelSchemaItemDefinition#allowAttributesOf `allowAttributesOf`} &ndash; Inherits attributes from other items.\n * This acknowledges disallow rules.\n * * {@link ~ModelSchemaItemDefinition#inheritTypesFrom `inheritTypesFrom`} &ndash; Inherits `is*` properties of other items.\n * * {@link ~ModelSchemaItemDefinition#inheritAllFrom `inheritAllFrom`} &ndash;\n * A shorthand for `allowContentOf`, `allowWhere`, `allowAttributesOf`, `inheritTypesFrom`.\n *\n * # The `is*` properties\n *\n * There are a couple commonly used `is*` properties. Their role is to assign additional semantics to schema items.\n *\n * * {@link ~ModelSchemaItemDefinition#isBlock `isBlock`} &ndash; Whether this item is paragraph-like.\n * Generally speaking, content is usually made out of blocks like paragraphs, list items, images, headings, etc.\n * * {@link ~ModelSchemaItemDefinition#isInline `isInline`} &ndash; Whether an item is \"text-like\" and should be treated as an inline node.\n * Examples of inline elements: `$text`, `softBreak` (`<br>`), etc.\n * * {@link ~ModelSchemaItemDefinition#isLimit `isLimit`} &ndash; It can be understood as whether this element\n * should not be split by <kbd>Enter</kbd>. Examples of limit elements: `$root`, table cell, image caption, etc.\n * In other words, all actions that happen inside a limit element are limited to its content.\n * All objects are treated as limit elements, too.\n * * {@link ~ModelSchemaItemDefinition#isObject `isObject`} &ndash; Whether an item is \"self-contained\" and should be treated as a whole.\n * Examples of object elements: `imageBlock`, `table`, `video`, etc. An object is also a limit, so\n * {@link module:engine/model/schema~ModelSchema#isLimit `isLimit()`} returns `true` for object elements automatically.\n *\n * Read more about the meaning of these types in the\n * {@glink framework/deep-dive/schema#defining-additional-semantics dedicated section of the Schema deep-dive} guide.\n *\n * # Generic items\n *\n * There are several generic items (classes of elements) available: `$root`, `$container`, `$block`, `$blockObject`,\n * `$inlineObject`, and `$text`. They are defined as follows:\n *\n * ```ts\n * schema.register( '$root', {\n * \tisLimit: true\n * } );\n *\n * schema.register( '$container', {\n * \tallowIn: [ '$root', '$container' ]\n * } );\n *\n * schema.register( '$block', {\n * \tallowIn: [ '$root', '$container' ],\n * \tisBlock: true\n * } );\n *\n * schema.register( '$blockObject', {\n * \tallowWhere: '$block',\n * \tisBlock: true,\n * \tisObject: true\n * } );\n *\n * schema.register( '$inlineObject', {\n * \tallowWhere: '$text',\n * \tallowAttributesOf: '$text',\n * \tisInline: true,\n * \tisObject: true\n * } );\n *\n * schema.register( '$text', {\n * \tallowIn: '$block',\n * \tisInline: true,\n * \tisContent: true\n * } );\n * ```\n *\n * They reflect typical editor content that is contained within one root, consists of several blocks\n * (paragraphs, lists items, headings, images) which, in turn, may contain text inside.\n *\n * By inheriting from the generic items you can define new items which will get extended by other editor features.\n * Read more about generic types in the {@glink framework/deep-dive/schema Schema deep-dive} guide.\n *\n * # Example definitions\n *\n * Allow `paragraph` in roots and block quotes:\n *\n * ```ts\n * schema.register( 'paragraph', {\n * \tallowIn: [ '$root', 'blockQuote' ],\n * \tisBlock: true\n * } );\n * ```\n *\n * Allow `paragraph` everywhere where `$block` is allowed (i.e. in `$root`):\n *\n * ```ts\n * schema.register( 'paragraph', {\n * \tallowWhere: '$block',\n * \tisBlock: true\n * } );\n * ```\n *\n * Allow `paragraph` inside a `$root` and allow `$text` as a `paragraph` child:\n *\n * ```ts\n * schema.register( 'paragraph', {\n * \tallowIn: '$root',\n * \tallowChildren: '$text',\n * \tisBlock: true\n * } );\n * ```\n *\n * The previous rule can be written in a shorter form using inheritance:\n *\n * ```ts\n * schema.register( 'paragraph', {\n * \tinheritAllFrom: '$block'\n * } );\n * ```\n *\n * Make `imageBlock` a block object, which is allowed everywhere where `$block` is.\n * Also, allow `src` and `alt` attributes in it:\n *\n * ```ts\n * schema.register( 'imageBlock', {\n * \tinheritAllFrom: '$blockObject',\n * \tallowAttributes: [ 'src', 'alt' ],\n * } );\n * ```\n *\n * Make `caption` allowed in `imageBlock` and make it allow all the content of `$block`s (usually, `$text`).\n * Also, mark it as a limit element so it cannot be split:\n *\n * ```ts\n * schema.register( 'caption', {\n * \tallowIn: 'imageBlock',\n * \tallowContentOf: '$block',\n * \tisLimit: true\n * } );\n * ```\n *\n * Register `inlineImage` as a kind of an inline object but disallow it inside captions:\n *\n * ```ts\n * schema.register( 'imageInline', {\n * \tinheritAllFrom: '$inlineObject',\n * \tdisallowIn: [ 'caption' ]\n * } );\n * ```\n *\n * Make `listItem` inherit all from `$block` but also allow additional attributes:\n *\n * ```ts\n * schema.register( 'listItem', {\n * \tinheritAllFrom: '$block',\n * \tallowAttributes: [ 'listType', 'listIndent' ]\n * } );\n * ```\n *\n * Which translates to:\n *\n * ```ts\n * schema.register( 'listItem', {\n * \tallowWhere: '$block',\n * \tallowContentOf: '$block',\n * \tallowAttributesOf: '$block',\n * \tinheritTypesFrom: '$block',\n * \tallowAttributes: [ 'listType', 'listIndent' ]\n * } );\n * ```\n *\n * # Tips\n *\n * * Check schema definitions of existing features to see how they are defined.\n * * If you want to publish your feature so other developers can use it, try to use\n * generic items as much as possible.\n * * Keep your model clean. Limit it to the actual data and store information in a normalized way.\n * * Remember about defining the `is*` properties. They do not affect the allowed structures, but they can\n * affect how the editor features treat your elements.\n */\nexport interface ModelSchemaItemDefinition {\n\n\t/**\n\t * Defines in which other items this item will be allowed.\n\t */\n\tallowIn?: string | Array<string>;\n\n\t/**\n\t * Defines which other items are allowed inside this item.\n\t */\n\tallowChildren?: string | Array<string>;\n\n\t/**\n\t * Defines allowed attributes of the given item.\n\t */\n\tallowAttributes?: string | Array<string>;\n\n\t/**\n\t * Defines in which other items this item will be disallowed. Takes precedence over allow rules.\n\t */\n\tdisallowIn?: string | Array<string>;\n\n\t/**\n\t * Defines which other items are disallowed inside this item. Takes precedence over allow rules.\n\t */\n\tdisallowChildren?: string | Array<string>;\n\n\t/**\n\t * Defines disallowed attributes for this item. Takes precedence over allow rules.\n\t */\n\tdisallowAttributes?: string | Array<string>;\n\n\t/**\n\t * Inherits \"allowed children\" from other items.\n\t *\n\t * Note that the item's \"own\" rules take precedence over \"inherited\" rules and can overwrite them.\n\t */\n\tallowContentOf?: string | Array<string>;\n\n\t/**\n\t * Inherits \"allowed in\" from other items.\n\t *\n\t * Note that the item's \"own\" rules take precedence over \"inherited\" rules and can overwrite them.\n\t */\n\tallowWhere?: string | Array<string>;\n\n\t/**\n\t * Inherits \"allowed attributes\" from other items.\n\t *\n\t * Note that the item's \"own\" rules take precedence over \"inherited\" rules and can overwrite them.\n\t */\n\tallowAttributesOf?: string | Array<string>;\n\n\t/**\n\t * Inherits `is*` properties of other items.\n\t *\n\t * Note that the item's \"own\" rules take precedence over \"inherited\" rules and can overwrite them.\n\t */\n\tinheritTypesFrom?: string | Array<string>;\n\n\t/**\n\t * A shorthand for `allowContentOf`, `allowWhere`, `allowAttributesOf`, `inheritTypesFrom`.\n\t *\n\t * Note that the item's \"own\" rules take precedence over \"inherited\" rules and can overwrite them.\n\t */\n\tinheritAllFrom?: string;\n\n\t/**\n\t * Whether this item is paragraph-like. Generally speaking, content is usually made out of blocks\n\t * like paragraphs, list items, images, headings, etc. All these elements are marked as blocks. A block\n\t * should not allow another block inside. Note: There is also the `$block` generic item which has `isBlock` set to `true`.\n\t * Most block type items will inherit from `$block` (through `inheritAllFrom`).\n\t *\n\t * Read more about the block elements in the\n\t * {@glink framework/deep-dive/schema#block-elements Block elements section} of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide.\n\t */\n\tisBlock?: boolean;\n\n\t/**\n\t * Whether an item is \"text-like\" and should be treated as an inline node. Examples of inline elements:\n\t * `$text`, `softBreak` (`<br>`), etc.\n\t *\n\t * Read more about the inline elements in the\n\t * {@glink framework/deep-dive/schema#inline-elements Inline elements section} of the Schema deep-dive guide.\n\t */\n\tisInline?: boolean;\n\n\t/**\n\t * It can be understood as whether this element should not be split by <kbd>Enter</kbd>.\n\t * Examples of limit elements: `$root`, table cell, image caption, etc. In other words, all actions that happen inside\n\t * a limit element are limited to its content.\n\t *\n\t * Read more about the limit elements in the\n\t * {@glink framework/deep-dive/schema#limit-elements Limit elements section} of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide.\n\t */\n\tisLimit?: boolean;\n\n\t/**\n\t * Whether an item is \"self-contained\" and should be treated as a whole. Examples of object elements:\n\t * `imageBlock`, `table`, `video`, etc.\n\t *\n\t * **Note:** An object is also a limit, so\n\t * {@link module:engine/model/schema~ModelSchema#isLimit `isLimit()`} returns `true` for object elements automatically.\n\t *\n\t * Read more about the object elements in the\n\t * {@glink framework/deep-dive/schema#object-elements Object elements section} of the Schema deep-dive guide.\n\t */\n\tisObject?: boolean;\n\n\t/**\n\t * `true` when an element should be selectable as a whole by the user.\n\t * Examples of selectable elements: `imageBlock`, `table`, `tableCell`, etc.\n\t *\n\t * **Note:** An object is also a selectable element, so\n\t * {@link module:engine/model/schema~ModelSchema#isSelectable `isSelectable()`} returns `true` for object elements automatically.\n\t *\n\t * Read more about selectable elements in the\n\t * {@glink framework/deep-dive/schema#selectable-elements Selectable elements section} of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide.\n\t */\n\tisSelectable?: boolean;\n\n\t/**\n\t * An item is a content when it always finds its way to the editor data output regardless of the number and type of its descendants.\n\t * Examples of content elements: `$text`, `imageBlock`, `table`, etc. (but not `paragraph`, `heading1` or `tableCell`).\n\t *\n\t * **Note:** An object is also a content element, so\n\t * {@link module:engine/model/schema~ModelSchema#isContent `isContent()`} returns `true` for object elements automatically.\n\t *\n\t * Read more about content elements in the\n\t * {@glink framework/deep-dive/schema#content-elements Content elements section} of\n\t * the {@glink framework/deep-dive/schema Schema deep-dive} guide.\n\t */\n\tisContent?: boolean;\n}\n\n/**\n * A simplified version of {@link module:engine/model/schema~ModelSchemaItemDefinition} after\n * compilation by the {@link module:engine/model/schema~ModelSchema schema}.\n * Rules fed to the schema by {@link module:engine/model/schema~ModelSchema#register}\n * and {@link module:engine/model/schema~ModelSchema#extend} methods are defined in the\n * {@link module:engine/model/schema~ModelSchemaItemDefinition} format.\n * Later on, they are compiled to `ModelSchemaCompiledItemDefinition` so when you use e.g.\n * the {@link module:engine/model/schema~ModelSchema#getDefinition} method you get the compiled version.\n *\n * The compiled version contains only the following properties:\n *\n * * The `name` property,\n * * The `is*` properties,\n * * The `allowIn` array,\n * * The `allowChildren` array,\n * * The `allowAttributes` array.\n */\nexport interface ModelSchemaCompiledItemDefinition {\n\tname: string;\n\n\tisBlock: boolean;\n\tisContent: boolean;\n\tisInline: boolean;\n\tisLimit: boolean;\n\tisObject: boolean;\n\tisSelectable: boolean;\n\n\tallowIn: Array<string>;\n\tallowChildren: Array<string>;\n\tallowAttributes: Array<string>;\n}\n\ninterface ModelSchemaCompiledItemDefinitionInternal {\n\tname: string;\n\n\t// We need to distinguish `false` from `undefined` to allow inheritance.\n\tisBlock?: boolean;\n\tisContent?: boolean;\n\tisInline?: boolean;\n\tisLimit?: boolean;\n\tisObject?: boolean;\n\tisSelectable?: boolean;\n\n\tallowIn: Set<string>;\n\tallowChildren: Set<string>;\n\tallowAttributes: Set<string>;\n\n\tdisallowIn: Set<string>;\n\tdisallowChildren: Set<string>;\n\tdisallowAttributes: Set<string>;\n\n\tallowAttributesOf: Set<string>;\n\tallowContentOf: Set<string>;\n\tallowWhere: Set<string>;\n\n\tinheritTypesFrom: Set<string>;\n}\n\ntype TypeNames = Array<'isBlock' | 'isContent' | 'isInline' | 'isLimit' | 'isObject' | 'isSelectable'>;\n\n/**\n * A schema context &ndash; a list of ancestors of a given position in the document.\n *\n * Considering such position:\n *\n * ```xml\n * <$root>\n * \t<blockQuote>\n * \t\t<paragraph>\n * \t\t\t^\n * \t\t</paragraph>\n * \t</blockQuote>\n * </$root>\n * ```\n *\n * The context of this position is its {@link module:engine/model/position~ModelPosition#getAncestors lists of ancestors}:\n *\n *\t\t[ rootElement, blockQuoteElement, paragraphElement ]\n *\n * Contexts are used in the {@link module:engine/model/schema~ModelSchema#event:checkChild `Schema#checkChild`} and\n * {@link module:engine/model/schema~ModelSchema#event:checkAttribute `Schema#checkAttribute`} events as a definition\n * of a place in the document where the check occurs. The context instances are created based on the first arguments\n * of the {@link module:engine/model/schema~ModelSchema#checkChild `Schema#checkChild()`} and\n * {@link module:engine/model/schema~ModelSchema#checkAttribute `Schema#checkAttribute()`} methods so when\n * using these methods you need to use {@link module:engine/model/schema~ModelSchemaContextDefinition}s.\n */\nexport class ModelSchemaContext implements Iterable<ModelSchemaContextItem> {\n\tprivate _items!: Array<ModelSchemaContextItem>;\n\n\t/**\n\t * Creates an instance of the context.\n\t */\n\tconstructor( context: ModelSchemaContextDefinition ) {\n\t\tif ( context instanceof ModelSchemaContext ) {\n\t\t\treturn context;\n\t\t}\n\n\t\tlet items: Array<string | ModelItem | ModelDocumentFragment>;\n\n\t\tif ( typeof context == 'string' ) {\n\t\t\titems = [ context ];\n\t\t} else if ( !Array.isArray( context ) ) {\n\t\t\t// `context` is item or position.\n\t\t\t// Position#getAncestors() doesn't accept any parameters but it works just fine here.\n\t\t\titems = context.getAncestors( { includeSelf: true } );\n\t\t} else {\n\t\t\titems = context;\n\t\t}\n\n\t\tthis._items = items.map( mapContextItem );\n\t}\n\n\t/**\n\t * The number of items.\n\t */\n\tpublic get length(): number {\n\t\treturn this._items.length;\n\t}\n\n\t/**\n\t * The last item (the lowest node).\n\t */\n\tpublic get last(): ModelSchemaContextItem {\n\t\treturn this._items[ this._items.length - 1 ]!;\n\t}\n\n\t/**\n\t * Iterable interface.\n\t *\n\t * Iterates over all context items.\n\t */\n\tpublic [ Symbol.iterator ](): IterableIterator<ModelSchemaContextItem> {\n\t\treturn this._items[ Symbol.iterator ]();\n\t}\n\n\t/**\n\t * Returns a new schema context instance with an additional item.\n\t *\n\t * Item can be added as:\n\t *\n\t * ```ts\n\t * const context = new ModelSchemaContext( [ '$root' ] );\n\t *\n\t * // An element.\n\t * const fooElement = writer.createElement( 'fooElement' );\n\t * const newContext = context.push( fooElement ); // [ '$root', 'fooElement' ]\n\t *\n\t * // A text node.\n\t * const text = writer.createText( 'foobar' );\n\t * const newContext = context.push( text ); // [ '$root', '$text' ]\n\t *\n\t * // A string (element name).\n\t * const newContext = context.push( 'barElement' ); // [ '$root', 'barElement' ]\n\t * ```\n\t *\n\t * **Note** {@link module:engine/model/node~ModelNode} that is already in the model tree will be added as the only item\n\t * (without ancestors).\n\t *\n\t * @param item An item that will be added to the current context.\n\t * @returns A new schema context instance with an additional item.\n\t */\n\tpublic push( item: string | ModelNode ): ModelSchemaContext {\n\t\tconst ctx = new ModelSchemaContext( [ item ] );\n\n\t\tctx._items = [ ...this._items, ...ctx._items ];\n\n\t\treturn ctx;\n\t}\n\n\t/**\n\t * Returns a new schema context that is based on this context but has the last item removed.\n\t *\n\t * ```ts\n\t * const ctxParagraph = new ModelSchemaContext( [ '$root', 'blockQuote', 'paragraph' ] );\n\t * const ctxBlockQuote = ctxParagraph.trimLast(); // Items in `ctxBlockQuote` are: `$root` an `blockQuote`.\n\t * const ctxRoot = ctxBlockQuote.trimLast(); // Items in `ctxRoot` are: `$root`.\n\t * ```\n\t *\n\t * @returns A new reduced schema context instance.\n\t */\n\tpublic trimLast(): ModelSchemaContext {\n\t\tconst ctx = new ModelSchemaContext( [] );\n\n\t\tctx._items = this._items.slice( 0, -1 );\n\n\t\treturn ctx;\n\t}\n\n\t/**\n\t * Gets an item on the given index.\n\t */\n\tpublic getItem( index: number ): ModelSchemaContextItem {\n\t\treturn this._items[ index ];\n\t}\n\n\t/**\n\t * Returns the names of items.\n\t */\n\tpublic* getNames(): IterableIterator<string> {\n\t\tyield* this._items.map( item => item.name );\n\t}\n\n\t/**\n\t * Checks whether the context ends with the given nodes.\n\t *\n\t * ```ts\n\t * const ctx = new ModelSchemaContext( [ rootElement, paragraphElement, textNode ] );\n\t *\n\t * ctx.endsWith( '$text' ); // -> true\n\t * ctx.endsWith( 'paragraph $text' ); // -> true\n\t * ctx.endsWith( '$root' ); // -> false\n\t * ctx.endsWith( 'paragraph' ); // -> false\n\t * ```\n\t */\n\tpublic endsWith( query: string ): boolean {\n\t\treturn Array.from( this.getNames() ).join( ' ' ).endsWith( query );\n\t}\n\n\t/**\n\t * Checks whether the context starts with the given nodes.\n\t *\n\t * ```ts\n\t * const ctx = new ModelSchemaContext( [ rootElement, paragraphElement, textNode ] );\n\t *\n\t * ctx.endsWith( '$root' ); // -> true\n\t * ctx.endsWith( '$root paragraph' ); // -> true\n\t * ctx.endsWith( '$text' ); // -> false\n\t * ctx.endsWith( 'paragraph' ); // -> false\n\t * ```\n\t */\n\tpublic startsWith( query: string ): boolean {\n\t\treturn Array.from( this.getNames() ).join( ' ' ).startsWith( query );\n\t}\n}\n\n/**\n * The definition of a {@link module:engine/model/schema~ModelSchemaContext schema context}.\n *\n * Contexts can be created in multiple ways:\n *\n * * By defining a **node** – in this cases this node and all its ancestors will be used.\n * * By defining a **position** in the document – in this case all its ancestors will be used.\n * * By defining an **array of nodes** – in this case this array defines the entire context.\n * * By defining a **name of node** - in this case node will be \"mocked\". It is not recommended because context\n * will be unrealistic (e.g. attributes of these nodes are not specified). However, at times this may be the only\n * way to define the context (e.g. when checking some hypothetical situation).\n * * By defining an **array of node names** (potentially, mixed with real nodes) – The same as **name of node**\n * but it is possible to create a path.\n * * By defining a {@link module:engine/model/schema~ModelSchemaContext} instance - in this case the same instance as provided\n * will be returned.\n *\n * Examples of context definitions passed to the {@link module:engine/model/schema~ModelSchema#checkChild `Schema#checkChild()`}\n * method:\n *\n * ```ts\n * // Assuming that we have a $root > blockQuote > paragraph structure, the following code\n * // will check node 'foo' in the following context:\n * // [ rootElement, blockQuoteElement, paragraphElement ]\n * const contextDefinition = paragraphElement;\n * const childToCheck = 'foo';\n * schema.checkChild( contextDefinition, childToCheck );\n *\n * // Also check in [ rootElement, blockQuoteElement, paragraphElement ].\n * schema.checkChild( model.createPositionAt( paragraphElement, 0 ), 'foo' );\n *\n * // Check in [ rootElement, paragraphElement ].\n * schema.checkChild( [ rootElement, paragraphElement ], 'foo' );\n *\n * // Check only fakeParagraphElement.\n * schema.checkChild( 'paragraph', 'foo' );\n *\n * // Check in [ fakeRootElement, fakeBarElement, paragraphElement ].\n * schema.checkChild( [ '$root', 'bar', paragraphElement ], 'foo' );\n * ```\n *\n * All these `checkChild()` calls will fire {@link module:engine/model/schema~ModelSchema#event:checkChild `Schema#checkChild`}\n * events in which `args[ 0 ]` is an instance of the context. Therefore, you can write a listener like this:\n *\n * ```ts\n * schema.on( 'checkChild', ( evt, args ) => {\n * \tconst ctx = args[ 0 ];\n *\n * \tconsole.log( Array.from( ctx.getNames() ) );\n * } );\n * ```\n *\n * Which will log the following:\n *\n * ```ts\n * [ '$root', 'blockQuote', 'paragraph' ]\n * [ '$root', 'paragraph' ]\n * [ '$root', 'bar', 'paragraph' ]\n * ```\n *\n * Note: When using the {@link module:engine/model/schema~ModelSchema#checkAttribute `Schema#checkAttribute()`} method\n * you may want to check whether a text node may have an attribute. A {@link module:engine/model/text~ModelText} is a\n * correct way to define a context so you can do this:\n *\n * ```ts\n * schema.checkAttribute( textNode, 'bold' );\n * ```\n *\n * But sometimes you want to check whether a text at a given position might've had some attribute,\n * in which case you can create a context by mixing in an array of elements with a `'$text'` string:\n *\n * ```ts\n * // Check in [ rootElement, paragraphElement, textNode ].\n * schema.checkChild( [ ...positionInParagraph.getAncestors(), '$text' ], 'bold' );\n * ```\n */\nexport type ModelSchemaContextDefinition = ModelItem | ModelPosition | ModelSchemaContext | string | Array<string | ModelItem>;\n\n/**\n * An item of the {@link module:engine/model/schema~ModelSchemaContext schema context}.\n *\n * It contains 3 properties:\n *\n * * `name` – the name of this item,\n * * `* getAttributeKeys()` – a generator of keys of item attributes,\n * * `getAttribute( keyName )` – a method to get attribute values.\n *\n * The context item interface is a highly simplified version of {@link module:engine/model/node~ModelNode} and its role\n * is to expose only the information which schema checks are able to provide (which is the name of the node and\n * node's attributes).\n *\n * ```ts\n * schema.on( 'checkChild', ( evt, args ) => {\n * \tconst ctx = args[ 0 ];\n * \tconst firstItem = ctx.getItem( 0 );\n *\n * \tconsole.log( firstItem.name ); // -> '$root'\n * \tconsole.log( firstItem.getAttribute( 'foo' ) ); // -> 'bar'\n * \tconsole.log( Array.from( firstItem.getAttributeKeys() ) ); // -> [ 'foo', 'faa' ]\n * } );\n * ```\n */\nexport interface ModelSchemaContextItem {\n\tname: string;\n\tgetAttributeKeys(): Generator<string>;\n\tgetAttribute( keyName: string ): unknown;\n}\n\n/**\n * A structure containing additional metadata describing the attribute.\n *\n * See {@link module:engine/model/schema~ModelSchema#setAttributeProperties `Schema#setAttributeProperties()`} for usage examples.\n */\nexport interface ModelAttributeProperties {\n\n\t/**\n\t * Indicates that the attribute should be considered as a visual formatting, like `bold`, `italic` or\n\t * `fontSize` rather than semantic attribute (such as `src`, `listType`, etc.). For example, it is used by the \"Remove format\" feature.\n\t */\n\tisFormatting?: boolean;\n\n\t/**\n\t * Indicates that given text attribute should be copied to the next block when enter is pressed.\n\t */\n\tcopyOnEnter?: boolean;\n\n\t/**\n\t * Indicates that given attribute should be preserved while replacing the element.\n\t */\n\tcopyOnReplace?: boolean;\n\n\t/**\n\t * Indicates that given text attribute should be copied from an inline object to the next inserted inline content.\n\t *\n\t * @default true\n\t */\n\tcopyFromObject?: boolean;\n\n\t[ name: string ]: unknown;\n}\n\nexport type ModelSchemaAttributeCheckCallback = ( context: ModelSchemaContext, attributeName: string ) => boolean | undefined;\n\nexport type ModelSchemaChildCheckCallback = (\n\tcontext: ModelSchemaContext,\n\tdefinition: ModelSchemaCompiledItemDefinition\n) => boolean | undefined;\n\nfunction compileBaseItemRule(\n\tsourceItemRules: Array<ModelSchemaItemDefinition>,\n\titemName: string\n): ModelSchemaCompiledItemDefinitionInternal {\n\tconst itemRule: ModelSchemaCompiledItemDefinitionInternal = {\n\t\tname: itemName,\n\n\t\tallowIn: new Set<string>(),\n\t\tallowChildren: new Set<string>(),\n\t\tdisallowIn: new Set<string>(),\n\t\tdisallowChildren: new Set<string>(),\n\n\t\tallowContentOf: new Set<string>(),\n\t\tallowWhere: new Set<string>(),\n\n\t\tallowAttributes: new Set<string>(),\n\t\tdisallowAttributes: new Set<string>(),\n\n\t\tallowAttributesOf: new Set<string>(),\n\n\t\tinheritTypesFrom: new Set<string>()\n\t};\n\n\tcopyTypes( sourceItemRules, itemRule );\n\n\tcopyProperty( sourceItemRules, itemRule, 'allowIn' );\n\tcopyProperty( sourceItemRules, itemRule, 'allowChildren' );\n\tcopyProperty( sourceItemRules, itemRule, 'disallowIn' );\n\tcopyProperty( sourceItemRules, itemRule, 'disallowChildren' );\n\n\tcopyProperty( sourceItemRules, itemRule, 'allowContentOf' );\n\tcopyProperty( sourceItemRules, itemRule, 'allowWhere' );\n\n\tcopyProperty( sourceItemRules, itemRule, 'allowAttributes' );\n\tcopyProperty( sourceItemRules, itemRule, 'disallowAttributes' );\n\n\tcopyProperty( sourceItemRules, itemRule, 'allowAttributesOf' );\n\n\tcopyProperty( sourceItemRules, itemRule, 'inheritTypesFrom' );\n\n\tresolveInheritAll( sourceItemRules, itemRule );\n\n\treturn itemRule;\n}\n\nfunction propagateAllowIn(\n\tdefinitions: Record<string, ModelSchemaCompiledItemDefinitionInternal>,\n\titem: ModelSchemaCompiledItemDefinitionInternal\n) {\n\tfor ( const parentName of item.allowIn ) {\n\t\tconst parentItem = definitions[ parentName ];\n\n\t\tif ( parentItem ) {\n\t\t\tparentItem.allowChildren.add( item.name );\n\t\t} else {\n\t\t\titem.allowIn.delete( parentName );\n\t\t}\n\t}\n}\n\nfunction propagateAllowChildren(\n\tdefinitions: Record<string, ModelSchemaCompiledItemDefinitionInternal>,\n\titem: ModelSchemaCompiledItemDefinitionInternal\n) {\n\tfor ( const childName of item.allowChildren ) {\n\t\tconst childItem = definitions[ childName ];\n\n\t\tif ( childItem ) {\n\t\t\tchildItem.allowIn.add( item.name );\n\t\t} else {\n\t\t\titem.allowChildren.delete( childName );\n\t\t}\n\t}\n}\n\nfunction propagateDisallowIn(\n\tdefinitions: Record<string, ModelSchemaCompiledItemDefinitionInternal>,\n\titem: ModelSchemaCompiledItemDefinitionInternal\n) {\n\tfor ( const parentName of item.disallowIn ) {\n\t\tconst parentItem = definitions[ parentName ];\n\n\t\tif ( parentItem ) {\n\t\t\tparentItem.disallowChildren.add( item.name );\n\t\t} else {\n\t\t\titem.disallowIn.delete( parentName );\n\t\t}\n\t}\n}\n\nfunction propagateDisallowChildren(\n\tdefinitions: Record<string, ModelSchemaCompiledItemDefinitionInternal>,\n\titem: ModelSchemaCompiledItemDefinitionInternal\n) {\n\tfor ( const childName of item.disallowChildren ) {\n\t\tconst childItem = definitions[ childName ];\n\n\t\tif ( childItem ) {\n\t\t\tchildItem.disallowIn.add( item.name );\n\t\t} else {\n\t\t\titem.disallowChildren.delete( childName );\n\t\t}\n\t}\n}\n\nfunction resolveDisallows(\n\tdefinitions: Record<string, ModelSchemaCompiledItemDefinitionInternal>,\n\titem: ModelSchemaCompiledItemDefinitionInternal\n) {\n\tfor ( const childName of item.disallowChildren ) {\n\t\titem.allowChildren.delete( childName );\n\t}\n\n\tfor ( const parentName of item.disallowIn ) {\n\t\titem.allowIn.delete( parentName );\n\t}\n\n\tfor ( const attributeName of item.disallowAttributes ) {\n\t\titem.allowAttributes.delete( attributeName );\n\t}\n}\n\nfunction compileAllowContentOf(\n\tdefinitions: Record<string, ModelSchemaCompiledItemDefinitionInternal>,\n\titem: ModelSchemaCompiledItemDefinitionInternal\n) {\n\tfor ( const allowContentOfItemName of item.allowContentOf ) {\n\t\tconst baseItem = definitions[ allowContentOfItemName ];\n\n\t\tif ( !baseItem ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Copy `disallowChildren` to propagate this \"knowledge\" down the inheritance chain. The inheritance may involve multiple items and\n\t\t// if this is not propagated, then items down the chain may start to allow for items that were disallowed by previous base items.\n\t\t//\n\t\t// The scenarios were it is important involves multiple inherits both on parent items side and on the child items side.\n\t\tbaseItem.disallowChildren.forEach( childName => {\n\t\t\t// Own item's rules takes precedence before inherited.\n\t\t\t// If the item directly allows for given child, ignore that base item disallowed that child.\n\t\t\tif ( item.allowChildren.has( childName ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\titem.disallowChildren.add( childName );\n\t\t\tdefinitions[ childName ].disallowIn.add( item.name );\n\t\t} );\n\n\t\t// Copy `allowChildren` from the base item to allow for the same items.\n\t\tbaseItem.allowChildren.forEach( childName => {\n\t\t\t// Own item's rules takes precedence before inherited.\n\t\t\t// Also, `item.disallowChildren` might get some new items during inheritance process.\n\t\t\tif ( item.disallowChildren.has( childName ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\titem.allowChildren.add( childName );\n\t\t\tdefinitions[ childName ].allowIn.add( item.name );\n\t\t} );\n\t}\n}\n\nfunction compileAllowWhere(\n\tdefinitions: Record<string, ModelSchemaCompiledItemDefinitionInternal>,\n\titem: ModelSchemaCompiledItemDefinitionInternal\n) {\n\tfor ( const allowWhereItemName of item.allowWhere ) {\n\t\tconst baseItem = definitions[ allowWhereItemName ];\n\n\t\tif ( !baseItem ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Copy `disallowIn` to propagate this \"knowledge\" down the inheritance chain. The inheritance may involve multiple items and\n\t\t// if this is not propagated, then items down the chain may start to be allowed in items in which they were disallowed previously.\n\t\t//\n\t\t// The scenarios were it is important involves multiple inherits both on parent items side and on the child items side.\n\t\tbaseItem.disallowIn.forEach( parentName => {\n\t\t\t// Own item's rules takes precedence before inherited.\n\t\t\t// If the item is directly allowed in given parent, ignore that base item was disallowed in it.\n\t\t\tif ( item.allowIn.has( parentName ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\titem.disallowIn.add( parentName );\n\t\t\tdefinitions[ parentName ].disallowChildren.add( item.name );\n\t\t} );\n\n\t\t// Copy `allowIn` from the base item to allow item in same parents.\n\t\tbaseItem.allowIn.forEach( parentName => {\n\t\t\t// Own item's rules takes precedence before inherited.\n\t\t\t// Also, `item.disallowIn` might get some new items during inheritance process.\n\t\t\tif ( item.disallowIn.has( parentName ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\titem.allowIn.add( parentName );\n\t\t\tdefinitions[ parentName ].allowChildren.add( item.name );\n\t\t} );\n\t}\n}\n\nfunction compileDefinitions( definitions: Record<string, ModelSchemaCompiledItemDefinitionInternal> ) {\n\tconst finalDefinitions: Record<string, ModelSchemaCompiledItemDefinition> = {};\n\n\tfor ( const item of Object.values( definitions ) ) {\n\t\tfinalDefinitions[ item.name ] = {\n\t\t\tname: item.name,\n\n\t\t\t// `is*` properties may not be set - convert `undefined` to `false`.\n\t\t\tisBlock: !!item.isBlock,\n\t\t\tisContent: !!item.isContent,\n\t\t\tisInline: !!item.isInline,\n\t\t\tisLimit: !!item.isLimit,\n\t\t\tisObject: !!item.isObject,\n\t\t\tisSelectable: !!item.isSelectable,\n\n\t\t\t// Filter out non-existing items.\n\t\t\tallowIn: Array.from( item.allowIn ).filter( name => !!definitions[ name ] ),\n\t\t\tallowChildren: Array.from( item.allowChildren ).filter( name => !!definitions[ name ] ),\n\t\t\tallowAttributes: Array.from( item.allowAttributes )\n\t\t};\n\t}\n\n\treturn finalDefinitions;\n}\n\nfunction compileAllowAttributesOf(\n\tdefinitions: Record<string, ModelSchemaCompiledItemDefinitionInternal>,\n\titem: ModelSchemaCompiledItemDefinitionInternal\n) {\n\tfor ( const allowAttributeOfItemName of item.allowAttributesOf ) {\n\t\tconst baseItem = definitions[ allowAttributeOfItemName ];\n\n\t\tif ( !baseItem ) {\n\t\t\treturn;\n\t\t}\n\n\t\tbaseItem.allowAttributes.forEach( attributeName => {\n\t\t\tif ( item.disallowAttributes.has( attributeName ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\titem.allowAttributes.add( attributeName );\n\t\t} );\n\t}\n}\n\nfunction compileInheritPropertiesFrom(\n\tdefinitions: Record<string, ModelSchemaCompiledItemDefinitionInternal>,\n\titem: ModelSchemaCompiledItemDefinitionInternal\n) {\n\tfor ( const inheritPropertiesOfItemName of item.inheritTypesFrom! ) {\n\t\tconst inheritFrom = definitions[ inheritPropertiesOfItemName ];\n\n\t\tif ( inheritFrom ) {\n\t\t\tconst typeNames = Object.keys( inheritFrom ).filter( name => name.startsWith( 'is' ) ) as TypeNames;\n\n\t\t\tfor ( const name of typeNames ) {\n\t\t\t\tif ( !( name in item ) ) {\n\t\t\t\t\titem[ name ] = inheritFrom[ name ];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\nfunction copyTypes( sourceItemRules: Array<ModelSchemaItemDefinition>, itemRule: ModelSchemaCompiledItemDefinitionInternal ) {\n\tfor ( const sourceItemRule of sourceItemRules ) {\n\t\tconst typeNames = Object.keys( sourceItemRule ).filter( name => name.startsWith( 'is' ) ) as TypeNames;\n\n\t\tfor ( const name of typeNames ) {\n\t\t\titemRule[ name ] = !!sourceItemRule[ name ];\n\t\t}\n\t}\n}\n\nfunction copyProperty(\n\tsourceItemRules: Array<ModelSchemaItemDefinition>,\n\titemRule: ModelSchemaCompiledItemDefinitionInternal,\n\tpropertyName:\n\t\t'allowIn' |\n\t\t'allowChildren' |\n\t\t'disallowIn' |\n\t\t'disallowChildren' |\n\t\t'allowWhere' |\n\t\t'allowContentOf' |\n\t\t'allowAttributes' |\n\t\t'disallowAttributes' |\n\t\t'allowAttributesOf' |\n\t\t'inheritTypesFrom'\n) {\n\tfor ( const sourceItemRule of sourceItemRules ) {\n\t\tlet value = sourceItemRule[ propertyName ];\n\n\t\t// `value` can be a string, an array or undefined.\n\t\t// Convert a string to an array with one item, then handle an array. Skip undefined this way.\n\t\tif ( typeof value == 'string' ) {\n\t\t\tvalue = [ value ];\n\t\t}\n\n\t\tif ( Array.isArray( value ) ) {\n\t\t\tvalue.forEach( singleValue => itemRule[ propertyName ].add( singleValue ) );\n\t\t}\n\t}\n}\n\nfunction resolveInheritAll( sourceItemRules: Array<ModelSchemaItemDefinition>, itemRule: ModelSchemaCompiledItemDefinitionInternal ) {\n\tfor ( const sourceItemRule of sourceItemRules ) {\n\t\tconst inheritFrom = sourceItemRule.inheritAllFrom;\n\n\t\tif ( inheritFrom ) {\n\t\t\titemRule.allowContentOf.add( inheritFrom );\n\t\t\titemRule.allowWhere.add( inheritFrom );\n\t\t\titemRule.allowAttributesOf.add( inheritFrom );\n\t\t\titemRule.inheritTypesFrom.add( inheritFrom );\n\t\t}\n\t}\n}\n\nfunction mapContextItem( ctxItem: string | ModelItem | ModelDocumentFragment ): ModelSchemaContextItem {\n\tif ( typeof ctxItem == 'string' || ctxItem.is( 'documentFragment' ) ) {\n\t\treturn {\n\t\t\tname: typeof ctxItem == 'string' ? ctxItem : '$documentFragment',\n\n\t\t\t* getAttributeKeys() {},\n\n\t\t\tgetAttribute() {}\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\t// '$text' means text nodes and text proxies.\n\t\t\tname: ctxItem.is( 'element' ) ? ctxItem.name : '$text',\n\n\t\t\t* getAttributeKeys() {\n\t\t\t\tyield* ctxItem.getAttributeKeys();\n\t\t\t},\n\n\t\t\tgetAttribute( key ) {\n\t\t\t\treturn ctxItem.getAttribute( key );\n\t\t\t}\n\t\t};\n\t}\n}\n\n/**\n * Generator function returning values from provided walkers, switching between them at each iteration. If only one walker\n * is provided it will return data only from that walker.\n *\n * @param backward Walker iterating in backward direction.\n * @param forward Walker iterating in forward direction.\n * @returns Object returned at each iteration contains `value` and `walker` (informing which walker returned\n * given value) fields.\n */\nfunction* combineWalkers( backward: ModelTreeWalker | undefined, forward: ModelTreeWalker | undefined ) {\n\tlet done = false;\n\n\twhile ( !done ) {\n\t\tdone = true;\n\n\t\tif ( backward ) {\n\t\t\tconst step = backward.next();\n\n\t\t\tif ( !step.done ) {\n\t\t\t\tdone = false;\n\t\t\t\tyield {\n\t\t\t\t\twalker: backward,\n\t\t\t\t\tvalue: step.value\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\tif ( forward ) {\n\t\t\tconst step = forward.next();\n\n\t\t\tif ( !step.done ) {\n\t\t\t\tdone = false;\n\t\t\t\tyield {\n\t\t\t\t\twalker: forward,\n\t\t\t\t\tvalue: step.value\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Takes an array of non-intersecting ranges. For each of them gets minimal flat ranges covering that range and returns\n * all those minimal flat ranges.\n *\n * @param ranges Ranges to process.\n * @returns Minimal flat ranges of given `ranges`.\n */\nfunction* convertToMinimalFlatRanges( ranges: Iterable<ModelRange> ): Iterable<ModelRange> {\n\tfor ( const range of ranges ) {\n\t\tyield* range.getMinimalFlatRanges();\n\t}\n}\n\nfunction removeDisallowedAttributeFromNode( schema: ModelSchema, node: ModelNode, writer: ModelWriter ) {\n\tfor ( const attribute of node.getAttributeKeys() ) {\n\t\tif ( !schema.checkAttribute( node, attribute ) ) {\n\t\t\twriter.removeAttribute( attribute, node );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/conversion/upcastdispatcher\n */\n\nimport { ViewConsumable } from './viewconsumable.js';\nimport { ModelRange } from '../model/range.js';\nimport { ModelPosition } from '../model/position.js';\nimport { type ModelElement } from '../model/element.js';\nimport { type ModelNode } from '../model/node.js';\nimport { type ViewElement } from '../view/element.js';\nimport { type ViewText } from '../view/text.js';\nimport { type ViewDocumentFragment } from '../view/documentfragment.js';\nimport { type ModelDocumentFragment } from '../model/documentfragment.js';\nimport type { ModelSchema, ModelSchemaContextDefinition } from '../model/schema.js';\nimport { ModelSchemaContext } from '../model/schema.js'; // eslint-disable-line no-duplicate-imports\nimport { type ModelWriter } from '../model/writer.js';\nimport { isParagraphable, wrapInParagraph } from '../model/utils/autoparagraphing.js';\n\nimport { type ViewItem } from '../view/item.js';\n\nimport { CKEditorError, EmitterMixin } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Upcast dispatcher is a central point of the view-to-model conversion, which is a process of\n * converting a given {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment} or\n * {@link module:engine/view/element~ViewElement view element} into a correct model structure.\n *\n * During the conversion process, the dispatcher fires events for all {@link module:engine/view/node~ViewNode view nodes}\n * from the converted view document fragment.\n * Special callbacks called \"converters\" should listen to these events in order to convert the view nodes.\n *\n * The second parameter of the callback is the `data` object with the following properties:\n *\n * * `data.viewItem` contains a {@link module:engine/view/node~ViewNode view node} or a\n * {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment}\n * that is converted at the moment and might be handled by the callback.\n * * `data.modelRange` is used to point to the result\n * of the current conversion (e.g. the element that is being inserted)\n * and is always a {@link module:engine/model/range~ModelRange} when the conversion succeeds.\n * * `data.modelCursor` is a {@link module:engine/model/position~ModelPosition position} on which the converter should insert\n * the newly created items.\n *\n * The third parameter of the callback is an instance of {@link module:engine/conversion/upcastdispatcher~UpcastConversionApi}\n * which provides additional tools for converters.\n *\n * You can read more about conversion in the {@glink framework/deep-dive/conversion/upcast Upcast conversion} guide.\n *\n * Examples of event-based converters:\n *\n * ```ts\n * // A converter for links (<a>).\n * editor.data.upcastDispatcher.on( 'element:a', ( evt, data, conversionApi ) => {\n * \tif ( conversionApi.consumable.consume( data.viewItem, { name: true, attributes: [ 'href' ] } ) ) {\n * \t\t// The <a> element is inline and is represented by an attribute in the model.\n * \t\t// This is why you need to convert only children.\n * \t\tconst { modelRange } = conversionApi.convertChildren( data.viewItem, data.modelCursor );\n *\n * \t\tfor ( let item of modelRange.getItems() ) {\n * \t\t\tif ( conversionApi.schema.checkAttribute( item, 'linkHref' ) ) {\n * \t\t\t\tconversionApi.writer.setAttribute( 'linkHref', data.viewItem.getAttribute( 'href' ), item );\n * \t\t\t}\n * \t\t}\n * \t}\n * } );\n *\n * // Convert <p> element's font-size style.\n * // Note: You should use a low-priority observer in order to ensure that\n * // it is executed after the element-to-element converter.\n * editor.data.upcastDispatcher.on( 'element:p', ( evt, data, conversionApi ) => {\n * \tconst { consumable, schema, writer } = conversionApi;\n *\n * \tif ( !consumable.consume( data.viewItem, { style: 'font-size' } ) ) {\n * \t\treturn;\n * \t}\n *\n * \tconst fontSize = data.viewItem.getStyle( 'font-size' );\n *\n * \t// Do not go for the model element after data.modelCursor because it might happen\n * \t// that a single view element was converted to multiple model elements. Get all of them.\n * \tfor ( const item of data.modelRange.getItems( { shallow: true } ) ) {\n * \t\tif ( schema.checkAttribute( item, 'fontSize' ) ) {\n * \t\t\twriter.setAttribute( 'fontSize', fontSize, item );\n * \t\t}\n * \t}\n * }, { priority: 'low' } );\n *\n * // Convert all elements which have no custom converter into a paragraph (autoparagraphing).\n * editor.data.upcastDispatcher.on( 'element', ( evt, data, conversionApi ) => {\n * \t// Check if an element can be converted.\n * \tif ( !conversionApi.consumable.test( data.viewItem, { name: data.viewItem.name } ) ) {\n * \t\t// When an element is already consumed by higher priority converters, do nothing.\n * \t\treturn;\n * \t}\n *\n * \tconst paragraph = conversionApi.writer.createElement( 'paragraph' );\n *\n * \t// Try to safely insert a paragraph at the model cursor - it will find an allowed parent for the current element.\n * \tif ( !conversionApi.safeInsert( paragraph, data.modelCursor ) ) {\n * \t\t// When an element was not inserted, it means that you cannot insert a paragraph at this position.\n * \t\treturn;\n * \t}\n *\n * \t// Consume the inserted element.\n * \tconversionApi.consumable.consume( data.viewItem, { name: data.viewItem.name } ) );\n *\n * \t// Convert the children to a paragraph.\n * \tconst { modelRange } = conversionApi.convertChildren( data.viewItem,  paragraph ) );\n *\n * \t// Update `modelRange` and `modelCursor` in the `data` as a conversion result.\n * \tconversionApi.updateConversionResult( paragraph, data );\n * }, { priority: 'low' } );\n * ```\n *\n * @fires viewCleanup\n * @fires element\n * @fires text\n * @fires documentFragment\n */\nexport class UpcastDispatcher extends /* #__PURE__ */ EmitterMixin() {\n\t/**\n\t * An interface passed by the dispatcher to the event callbacks.\n\t */\n\tpublic conversionApi: UpcastConversionApi;\n\n\t/**\n\t * The list of elements that were created during splitting.\n\t *\n\t * After the conversion process, the list is cleared.\n\t */\n\tprivate _splitParts = new Map<ModelElement, Array<ModelElement>>();\n\n\t/**\n\t * The list of cursor parent elements that were created during splitting.\n\t *\n\t * After the conversion process the list is cleared.\n\t */\n\tprivate _cursorParents = new Map<ModelNode, ModelElement | ModelDocumentFragment>();\n\n\t/**\n\t * The position in the temporary structure where the converted content is inserted. The structure reflects the context of\n\t * the target position where the content will be inserted. This property is built based on the context parameter of the\n\t * convert method.\n\t */\n\tprivate _modelCursor: ModelPosition | null = null;\n\n\t/**\n\t * The list of elements that were created during the splitting but should not get removed on conversion end even if they are empty.\n\t *\n\t * The list is cleared after the conversion process.\n\t */\n\tprivate _emptyElementsToKeep = new Set<ModelElement>();\n\n\t/**\n\t * Creates an upcast dispatcher that operates using the passed API.\n\t *\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi\n\t * @param conversionApi Additional properties for an interface that will be passed to events fired\n\t * by the upcast dispatcher.\n\t */\n\tconstructor( conversionApi: Pick<UpcastConversionApi, 'schema'> ) {\n\t\tsuper();\n\n\t\tthis.conversionApi = {\n\t\t\t...conversionApi,\n\t\t\tconsumable: null as any,\n\t\t\twriter: null as any,\n\t\t\tstore: null,\n\t\t\tconvertItem: ( viewItem, modelCursor ) => this._convertItem( viewItem, modelCursor ),\n\t\t\tconvertChildren: ( viewElement, positionOrElement ) => this._convertChildren( viewElement, positionOrElement ),\n\t\t\tsafeInsert: ( modelNode, position ) => this._safeInsert( modelNode, position ),\n\t\t\tupdateConversionResult: ( modelElement, data ) => this._updateConversionResult( modelElement, data ),\n\t\t\t// Advanced API - use only if custom position handling is needed.\n\t\t\tsplitToAllowedParent: ( modelNode, modelCursor ) => this._splitToAllowedParent( modelNode, modelCursor ),\n\t\t\tgetSplitParts: modelElement => this._getSplitParts( modelElement ),\n\t\t\tkeepEmptyElement: modelElement => this._keepEmptyElement( modelElement )\n\t\t};\n\t}\n\n\t/**\n\t * Starts the conversion process. The entry point for the conversion.\n\t *\n\t * @fires element\n\t * @fires text\n\t * @fires documentFragment\n\t * @param viewElement The part of the view to be converted.\n\t * @param writer An instance of the model writer.\n\t * @param context Elements will be converted according to this context.\n\t * @returns Model data that is the result of the conversion process\n\t * wrapped in `DocumentFragment`. Converted marker elements will be set as the document fragment's\n\t * {@link module:engine/model/documentfragment~ModelDocumentFragment#markers static markers map}.\n\t */\n\tpublic convert(\n\t\tviewElement: ViewElement | ViewDocumentFragment,\n\t\twriter: ModelWriter,\n\t\tcontext: ModelSchemaContextDefinition = [ '$root' ]\n\t): ModelDocumentFragment {\n\t\tthis.fire<UpcastViewCleanupEvent>( 'viewCleanup', viewElement );\n\n\t\t// Create context tree and set position in the top element.\n\t\t// Items will be converted according to this position.\n\t\tthis._modelCursor = createContextTree( context, writer )!;\n\n\t\t// Store writer in conversion as a conversion API\n\t\t// to be sure that conversion process will use the same batch.\n\t\tthis.conversionApi.writer = writer;\n\n\t\t// Create consumable values list for conversion process.\n\t\tthis.conversionApi.consumable = ViewConsumable.createFrom( viewElement );\n\n\t\t// Custom data stored by converter for conversion process.\n\t\tthis.conversionApi.store = {};\n\n\t\t// Do the conversion.\n\t\tconst { modelRange } = this._convertItem( viewElement, this._modelCursor );\n\n\t\t// Conversion result is always a document fragment so let's create it.\n\t\tconst documentFragment = writer.createDocumentFragment();\n\n\t\t// When there is a conversion result.\n\t\tif ( modelRange ) {\n\t\t\t// Remove all empty elements that were created while splitting.\n\t\t\tthis._removeEmptyElements();\n\n\t\t\t// Move all items that were converted in context tree to the document fragment.\n\t\t\tconst parent = this._modelCursor.parent;\n\t\t\tconst children = parent._removeChildren( 0, parent.childCount );\n\n\t\t\tdocumentFragment._insertChild( 0, children );\n\n\t\t\t// Extract temporary markers elements from model and set as static markers collection.\n\t\t\t( documentFragment as any ).markers = extractMarkersFromModelFragment( documentFragment, writer );\n\t\t}\n\n\t\t// Clear context position.\n\t\tthis._modelCursor = null;\n\n\t\t// Clear split elements & parents lists.\n\t\tthis._splitParts.clear();\n\t\tthis._cursorParents.clear();\n\t\tthis._emptyElementsToKeep.clear();\n\n\t\t// Clear conversion API.\n\t\t( this.conversionApi as any ).writer = null;\n\t\tthis.conversionApi.store = null;\n\n\t\t// Return fragment as conversion result.\n\t\treturn documentFragment;\n\t}\n\n\t/**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#convertItem\n\t */\n\tprivate _convertItem( viewItem: ViewItem | ViewDocumentFragment, modelCursor: ModelPosition ): {\n\t\tmodelRange: ModelRange | null;\n\t\tmodelCursor: ModelPosition;\n\t} {\n\t\tconst data: UpcastConversionData = { viewItem, modelCursor, modelRange: null };\n\n\t\tif ( viewItem.is( 'element' ) ) {\n\t\t\tthis.fire<UpcastElementEvent>(\n\t\t\t\t`element:${ viewItem.name }`,\n\t\t\t\tdata as UpcastConversionData<ViewElement>,\n\t\t\t\tthis.conversionApi\n\t\t\t);\n\t\t} else if ( viewItem.is( '$text' ) ) {\n\t\t\tthis.fire<UpcastTextEvent>(\n\t\t\t\t'text',\n\t\t\t\tdata as UpcastConversionData<ViewText>,\n\t\t\t\tthis.conversionApi\n\t\t\t);\n\t\t} else {\n\t\t\tthis.fire<UpcastDocumentFragmentEvent>(\n\t\t\t\t'documentFragment',\n\t\t\t\tdata as UpcastConversionData<ViewDocumentFragment>,\n\t\t\t\tthis.conversionApi\n\t\t\t);\n\t\t}\n\n\t\t// Handle incorrect conversion result.\n\t\tif ( data.modelRange && !( data.modelRange instanceof ModelRange ) ) {\n\t\t\t/**\n\t\t\t * Incorrect conversion result was dropped.\n\t\t\t *\n\t\t\t * {@link module:engine/model/range~ModelRange Model range} should be a conversion result.\n\t\t\t *\n\t\t\t * @error view-conversion-dispatcher-incorrect-result\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'view-conversion-dispatcher-incorrect-result', this );\n\t\t}\n\n\t\treturn { modelRange: data.modelRange, modelCursor: data.modelCursor };\n\t}\n\n\t/**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#convertChildren\n\t */\n\tprivate _convertChildren(\n\t\tviewItem: ViewElement | ViewDocumentFragment,\n\t\telementOrModelCursor: ModelPosition | ModelElement\n\t): {\n\t\t\tmodelRange: ModelRange;\n\t\t\tmodelCursor: ModelPosition;\n\t\t} {\n\t\tlet nextModelCursor = elementOrModelCursor.is( 'position' ) ?\n\t\t\telementOrModelCursor : ModelPosition._createAt( elementOrModelCursor, 0 );\n\n\t\tconst modelRange = new ModelRange( nextModelCursor );\n\n\t\tfor ( const viewChild of Array.from( viewItem.getChildren() ) ) {\n\t\t\tconst result = this._convertItem( viewChild, nextModelCursor );\n\n\t\t\tif ( result.modelRange instanceof ModelRange ) {\n\t\t\t\t( modelRange as any ).end = result.modelRange.end;\n\t\t\t\tnextModelCursor = result.modelCursor;\n\t\t\t}\n\t\t}\n\n\t\treturn { modelRange, modelCursor: nextModelCursor };\n\t}\n\n\t/**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#safeInsert\n\t */\n\tprivate _safeInsert(\n\t\tmodelNode: ModelNode,\n\t\tposition: ModelPosition\n\t): boolean {\n\t\t// Find allowed parent for element that we are going to insert.\n\t\t// If current parent does not allow to insert element but one of the ancestors does\n\t\t// then split nodes to allowed parent.\n\t\tconst splitResult = this._splitToAllowedParent( modelNode, position );\n\n\t\t// When there is no split result it means that we can't insert element to model tree, so let's skip it.\n\t\tif ( !splitResult ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Insert element on allowed position.\n\t\tthis.conversionApi.writer.insert( modelNode, splitResult.position );\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#updateConversionResult\n\t */\n\tprivate _updateConversionResult( modelElement: ModelElement, data: UpcastConversionData ): void {\n\t\tconst parts = this._getSplitParts( modelElement );\n\n\t\tconst writer = this.conversionApi.writer!;\n\n\t\t// Set conversion result range - only if not set already.\n\t\tif ( !data.modelRange ) {\n\t\t\tdata.modelRange = writer.createRange(\n\t\t\t\twriter.createPositionBefore( modelElement ),\n\t\t\t\twriter.createPositionAfter( parts[ parts.length - 1 ] )\n\t\t\t);\n\t\t}\n\n\t\tconst savedCursorParent = this._cursorParents.get( modelElement );\n\n\t\t// Now we need to check where the `modelCursor` should be.\n\t\tif ( savedCursorParent ) {\n\t\t\t// If we split parent to insert our element then we want to continue conversion in the new part of the split parent.\n\t\t\t//\n\t\t\t// before: <allowed><notAllowed>foo[]</notAllowed></allowed>\n\t\t\t// after:  <allowed><notAllowed>foo</notAllowed> <converted></converted> <notAllowed>[]</notAllowed></allowed>\n\n\t\t\tdata.modelCursor = writer.createPositionAt( savedCursorParent, 0 );\n\t\t} else {\n\t\t\t// Otherwise just continue after inserted element.\n\n\t\t\tdata.modelCursor = data.modelRange.end;\n\t\t}\n\t}\n\n\t/**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#splitToAllowedParent\n\t */\n\tprivate _splitToAllowedParent( node: ModelNode, modelCursor: ModelPosition ): {\n\t\tposition: ModelPosition;\n\t\tcursorParent?: ModelElement | ModelDocumentFragment;\n\t} | null {\n\t\tconst { schema, writer } = this.conversionApi;\n\n\t\t// Try to find allowed parent.\n\t\tlet allowedParent = schema.findAllowedParent( modelCursor, node );\n\n\t\tif ( allowedParent ) {\n\t\t\t// When current position parent allows to insert node then return this position.\n\t\t\tif ( allowedParent === modelCursor.parent ) {\n\t\t\t\treturn { position: modelCursor };\n\t\t\t}\n\n\t\t\t// When allowed parent is in context tree (it's outside the converted tree).\n\t\t\tif ( this._modelCursor!.parent.getAncestors().includes( allowedParent ) ) {\n\t\t\t\tallowedParent = null;\n\t\t\t}\n\t\t}\n\n\t\tif ( !allowedParent ) {\n\t\t\t// Check if the node wrapped with a paragraph would be accepted by the schema.\n\t\t\tif ( !isParagraphable( modelCursor, node, schema ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tposition: wrapInParagraph( modelCursor, writer! )\n\t\t\t};\n\t\t}\n\n\t\t// Split element to allowed parent.\n\t\tconst splitResult = this.conversionApi.writer!.split( modelCursor, allowedParent );\n\n\t\t// Using the range returned by `model.Writer#split`, we will pair original elements with their split parts.\n\t\t//\n\t\t// The range returned from the writer spans \"over the split\" or, precisely saying, from the end of the original element (the one\n\t\t// that got split) to the beginning of the other part of that element:\n\t\t//\n\t\t// <limit><a><b><c>X[]Y</c></b><a></limit> ->\n\t\t// <limit><a><b><c>X[</c></b></a><a><b><c>]Y</c></b></a>\n\t\t//\n\t\t// After the split there cannot be any full node between the positions in `splitRange`. The positions are touching.\n\t\t// Also, because of how splitting works, it is easy to notice, that \"closing tags\" are in the reverse order than \"opening tags\".\n\t\t// Also, since we split all those elements, each of them has to have the other part.\n\t\t//\n\t\t// With those observations in mind, we will pair the original elements with their split parts by saving \"closing tags\" and matching\n\t\t// them with \"opening tags\" in the reverse order. For that we can use a stack.\n\t\tconst stack: Array<ModelElement> = [];\n\n\t\tfor ( const treeWalkerValue of splitResult.range.getWalker() ) {\n\t\t\tif ( treeWalkerValue.type == 'elementEnd' ) {\n\t\t\t\tstack.push( treeWalkerValue.item as ModelElement );\n\t\t\t} else {\n\t\t\t\t// There should not be any text nodes after the element is split, so the only other value is `elementStart`.\n\t\t\t\tconst originalPart = stack.pop();\n\t\t\t\tconst splitPart = treeWalkerValue.item as ModelElement;\n\n\t\t\t\tthis._registerSplitPair( originalPart!, splitPart );\n\t\t\t}\n\t\t}\n\n\t\tconst cursorParent = splitResult.range.end.parent;\n\t\tthis._cursorParents.set( node, cursorParent );\n\n\t\treturn {\n\t\t\tposition: splitResult.position,\n\t\t\tcursorParent\n\t\t};\n\t}\n\n\t/**\n\t * Registers that a `splitPart` element is a split part of the `originalPart` element.\n\t *\n\t * The data set by this method is used by {@link #_getSplitParts} and {@link #_removeEmptyElements}.\n\t */\n\tprivate _registerSplitPair( originalPart: ModelElement, splitPart: ModelElement ): void {\n\t\tif ( !this._splitParts.has( originalPart ) ) {\n\t\t\tthis._splitParts.set( originalPart, [ originalPart ] );\n\t\t}\n\n\t\tconst list = this._splitParts.get( originalPart )!;\n\n\t\tthis._splitParts.set( splitPart, list );\n\t\tlist.push( splitPart );\n\t}\n\n\t/**\n\t * @see module:engine/conversion/upcastdispatcher~UpcastConversionApi#getSplitParts\n\t */\n\tprivate _getSplitParts( element: ModelElement ): Array<ModelElement> {\n\t\tlet parts: Array<ModelElement>;\n\n\t\tif ( !this._splitParts.has( element ) ) {\n\t\t\tparts = [ element ];\n\t\t} else {\n\t\t\tparts = this._splitParts.get( element )!;\n\t\t}\n\n\t\treturn parts;\n\t}\n\n\t/**\n\t * Mark an element that were created during the splitting to not get removed on conversion end even if it is empty.\n\t */\n\tprivate _keepEmptyElement( element: ModelElement ): void {\n\t\tthis._emptyElementsToKeep.add( element );\n\t}\n\n\t/**\n\t * Checks if there are any empty elements created while splitting and removes them.\n\t *\n\t * This method works recursively to re-check empty elements again after at least one element was removed in the initial call,\n\t * as some elements might have become empty after other empty elements were removed from them.\n\t */\n\tprivate _removeEmptyElements(): void {\n\t\t// For every parent, prepare an array of children (empty elements) to remove from it.\n\t\t// Then, in next step, we will remove all children together, which is faster than removing them one by one.\n\t\tconst toRemove = new Map<ModelElement | ModelDocumentFragment, Array<ModelElement>>();\n\n\t\tfor ( const element of this._splitParts.keys() ) {\n\t\t\tif ( element.isEmpty && !this._emptyElementsToKeep.has( element ) ) {\n\t\t\t\tconst children = toRemove.get( element.parent! ) || [];\n\n\t\t\t\tchildren.push( element );\n\t\t\t\tthis._splitParts.delete( element );\n\n\t\t\t\ttoRemove.set( element.parent!, children );\n\t\t\t}\n\t\t}\n\n\t\tfor ( const [ parent, children ] of toRemove ) {\n\t\t\tparent._removeChildrenArray( children );\n\t\t}\n\n\t\tif ( toRemove.size ) {\n\t\t\tthis._removeEmptyElements();\n\t\t}\n\t}\n}\n\n/**\n * Fired before the first conversion event, at the beginning of the upcast (view-to-model conversion) process.\n *\n * @eventName ~UpcastDispatcher#viewCleanup\n * @param viewItem A part of the view to be converted.\n */\nexport type UpcastViewCleanupEvent = {\n\tname: 'viewCleanup';\n\targs: [ ViewElement | ViewDocumentFragment ];\n};\n\nexport type UpcastEvent<TName extends string, TItem extends ViewItem | ViewDocumentFragment> = {\n\tname: TName | `${ TName }:${ string }`;\n\targs: [ data: UpcastConversionData<TItem>, conversionApi: UpcastConversionApi ];\n};\n\n/**\n * Conversion data.\n *\n * **Note:** Keep in mind that this object is shared by reference between all conversion callbacks that will be called.\n * This means that callbacks can override values if needed, and these values will be available in other callbacks.\n */\nexport interface UpcastConversionData<TItem extends ViewItem | ViewDocumentFragment = ViewItem | ViewDocumentFragment> {\n\n\t/**\n\t * The converted item.\n\t */\n\tviewItem: TItem;\n\n\t/**\n\t * The position where the converter should start changes.\n\t * Change this value for the next converter to tell where the conversion should continue.\n\t */\n\tmodelCursor: ModelPosition;\n\n\t/**\n\t * The current state of conversion result. Every change to\n\t * the converted element should be reflected by setting or modifying this property.\n\t */\n\tmodelRange: ModelRange | null;\n}\n\n/**\n * Fired when an {@link module:engine/view/element~ViewElement} is converted.\n *\n * `element` is a namespace event for a class of events. Names of actually called events follow the pattern of\n * `element:<elementName>` where `elementName` is the name of the converted element. This way listeners may listen to\n * a conversion of all or just specific elements.\n *\n * @eventName ~UpcastDispatcher#element\n * @param data The conversion data. Keep in mind that this object is shared by reference between all callbacks\n * that will be called. This means that callbacks can override values if needed, and these values\n * will be available in other callbacks.\n * @param conversionApi Conversion utilities to be used by the callback.\n */\nexport type UpcastElementEvent = UpcastEvent<'element', ViewElement>;\n\n/**\n * Fired when a {@link module:engine/view/text~ViewText} is converted.\n *\n * @eventName ~UpcastDispatcher#text\n * @see ~UpcastDispatcher#event:element\n */\nexport type UpcastTextEvent = UpcastEvent<'text', ViewText>;\n\n/**\n * Fired when a {@link module:engine/view/documentfragment~ViewDocumentFragment} is converted.\n *\n * @eventName ~UpcastDispatcher#documentFragment\n * @see ~UpcastDispatcher#event:element\n */\nexport type UpcastDocumentFragmentEvent = UpcastEvent<'documentFragment', ViewDocumentFragment>;\n\n/**\n * Traverses given model item and searches elements which marks marker range. Found element is removed from\n * ModelDocumentFragment but path of this element is stored in a Map which is then returned.\n *\n * @param modelItem Fragment of model.\n * @returns List of static markers.\n */\nfunction extractMarkersFromModelFragment( modelItem: ModelDocumentFragment, writer: ModelWriter ): Map<string, ModelRange> {\n\tconst markerElements = new Set<ModelElement>();\n\tconst markers = new Map<string, ModelRange>();\n\n\t// Create ModelTreeWalker.\n\tconst range = ModelRange._createIn( modelItem ).getItems();\n\n\t// Walk through ModelDocumentFragment and collect marker elements.\n\tfor ( const item of range ) {\n\t\t// Check if current element is a marker.\n\t\tif ( item.is( 'element', '$marker' ) ) {\n\t\t\tmarkerElements.add( item );\n\t\t}\n\t}\n\n\t// Walk through collected marker elements store its path and remove its from the ModelDocumentFragment.\n\tfor ( const markerElement of markerElements ) {\n\t\tconst markerName = markerElement.getAttribute( 'data-name' ) as string;\n\t\tconst currentPosition = writer.createPositionBefore( markerElement );\n\n\t\t// When marker of given name is not stored it means that we have found the beginning of the range.\n\t\tif ( !markers.has( markerName ) ) {\n\t\t\tmarkers.set( markerName, new ModelRange( currentPosition.clone() ) );\n\t\t// Otherwise is means that we have found end of the marker range.\n\t\t} else {\n\t\t\t( markers.get( markerName ) as any ).end = currentPosition.clone();\n\t\t}\n\n\t\t// Remove marker element from ModelDocumentFragment.\n\t\twriter.remove( markerElement );\n\t}\n\n\treturn markers;\n}\n\n/**\n * Creates model fragment according to given context and returns position in the bottom (the deepest) element.\n */\nfunction createContextTree(\n\tcontextDefinition: ModelSchemaContextDefinition,\n\twriter: ModelWriter\n): ModelPosition | undefined {\n\tlet position: ModelPosition | undefined;\n\n\tfor ( const item of new ModelSchemaContext( contextDefinition ) ) {\n\t\tconst attributes: Record<string, unknown> = {};\n\n\t\tfor ( const key of item.getAttributeKeys() ) {\n\t\t\tattributes[ key ] = item.getAttribute( key );\n\t\t}\n\n\t\tconst current = writer.createElement( item.name, attributes );\n\n\t\tif ( position ) {\n\t\t\twriter.insert( current, position );\n\t\t}\n\n\t\tposition = ModelPosition._createAt( current, 0 );\n\t}\n\n\treturn position;\n}\n\n/**\n * A set of conversion utilities available as the third parameter of the\n * {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher upcast dispatcher}'s events.\n */\nexport interface UpcastConversionApi {\n\n\t/**\n\t * Stores information about what parts of the processed view item are still waiting to be handled. After a piece of view item\n\t * was converted, an appropriate consumable value should be\n\t * {@link module:engine/conversion/viewconsumable~ViewConsumable#consume consumed}.\n\t */\n\tconsumable: ViewConsumable;\n\n\t/**\n\t * The model's schema instance.\n\t */\n\tschema: ModelSchema;\n\n\t/**\n\t * The {@link module:engine/model/writer~ModelWriter} instance used to manipulate the data during conversion.\n\t */\n\twriter: ModelWriter;\n\n\t/**\n\t * Custom data stored by converters for the conversion process. Custom properties of this object can be defined and use to\n\t * pass parameters between converters.\n\t *\n\t * The difference between this property and the `data` parameter of\n\t * {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element} is that the `data` parameters allow you\n\t * to pass parameters within a single event and `store` within the whole conversion.\n\t */\n\tstore: unknown;\n\n\t/**\n\t * Starts the conversion of a given item by firing an appropriate event.\n\t *\n\t * Every fired event is passed (as the first parameter) an object with the `modelRange` property. Every event may set and/or\n\t * modify that property. When all callbacks are done, the final value of the `modelRange` property is returned by this method.\n\t * The `modelRange` must be a {@link module:engine/model/range~ModelRange model range} or `null` (as set by default).\n\t *\n\t * @fires module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n\t * @fires module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:text\n\t * @fires module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:documentFragment\n\t * @param viewItem Item to convert.\n\t * @param modelCursor The conversion position.\n\t * @returns The conversion result:\n\t * * `result.modelRange` The model range containing the result of the item conversion,\n\t * created and modified by callbacks attached to the fired event, or `null` if the conversion result was incorrect.\n\t * * `result.modelCursor` The position where the conversion should be continued.\n\t */\n\tconvertItem( viewItem: ViewItem, modelCursor: ModelPosition ): {\n\t\tmodelRange: ModelRange | null;\n\t\tmodelCursor: ModelPosition;\n\t};\n\n\t/**\n\t * Starts the conversion of all children of a given item by firing appropriate events for all the children.\n\t *\n\t * @fires module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n\t * @fires module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:text\n\t * @fires module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:documentFragment\n\t * @param viewElement An element whose children should be converted.\n\t * @param positionOrElement A position or an element of\n\t * the conversion.\n\t * @returns The conversion result:\n\t * * `result.modelRange` The model range containing the results of the conversion of all children\n\t * of the given item. When no child was converted, the range is collapsed.\n\t * * `result.modelCursor` The position where the conversion should be continued.\n\t */\n\tconvertChildren( viewElement: ViewElement | ViewDocumentFragment, positionOrElement: ModelPosition | ModelElement ): {\n\t\tmodelRange: ModelRange | null;\n\t\tmodelCursor: ModelPosition;\n\t};\n\n\t/**\n\t * Safely inserts an element to the document, checking the\n\t * {@link module:engine/model/schema~ModelSchema schema} to find an allowed parent\n\t * for an element that you are going to insert, starting from the given position. If the current parent does not allow to insert\n\t * the element but one of the ancestors does, then splits the nodes to allowed parent.\n\t *\n\t * If the schema allows to insert the node in a given position, nothing is split.\n\t *\n\t * If it was not possible to find an allowed parent, `false` is returned and nothing is split.\n\t *\n\t * Otherwise, ancestors are split.\n\t *\n\t * For instance, if `<imageBlock>` is not allowed in `<paragraph>` but is allowed in `$root`:\n\t *\n\t * ```\n\t * <paragraph>foo[]bar</paragraph>\n\t *\n\t * -> safe insert for `<imageBlock>` will split ->\n\t *\n\t * <paragraph>foo</paragraph>[]<paragraph>bar</paragraph>\n\t *```\n\t *\n\t * Example usage:\n\t *\n\t * ```\n\t * const myElement = conversionApi.writer.createElement( 'myElement' );\n\t *\n\t * if ( !conversionApi.safeInsert( myElement, data.modelCursor ) ) {\n\t * \treturn;\n\t * }\n\t *```\n\t *\n\t * The split result is saved and {@link #updateConversionResult} should be used to update the\n\t * {@link module:engine/conversion/upcastdispatcher~UpcastConversionData conversion data}.\n\t *\n\t * @param modelNode The node to insert.\n\t * @param position The position where an element is going to be inserted.\n\t * @returns The split result. If it was not possible to find an allowed position, `false` is returned.\n\t */\n\tsafeInsert( modelNode: ModelNode, position: ModelPosition ): boolean;\n\n\t/**\n\t * Updates the conversion result and sets a proper {@link module:engine/conversion/upcastdispatcher~UpcastConversionData#modelRange} and\n\t * the next {@link module:engine/conversion/upcastdispatcher~UpcastConversionData#modelCursor} after the conversion.\n\t * Used together with {@link #safeInsert}, it enables you to easily convert elements without worrying if the node was split\n\t * during the conversion of its children.\n\t *\n\t * A usage example in converter code:\n\t *\n\t * ```ts\n\t * const myElement = conversionApi.writer.createElement( 'myElement' );\n\t *\n\t * if ( !conversionApi.safeInsert( myElement, data.modelCursor ) ) {\n\t * \treturn;\n\t * }\n\t *\n\t * // Children conversion may split `myElement`.\n\t * conversionApi.convertChildren( data.viewItem, myElement );\n\t *\n\t * conversionApi.updateConversionResult( myElement, data );\n\t * ```\n\t */\n\tupdateConversionResult( modelElement: ModelElement, data: UpcastConversionData ): void;\n\n\t/**\n\t * Checks the {@link module:engine/model/schema~ModelSchema schema} to find an allowed parent for an element\n\t * that is going to be inserted starting from the given position. If the current parent does not allow\n\t * inserting an element but one of the ancestors does, the method splits nodes to allowed parent.\n\t *\n\t * If the schema allows inserting the node in the given position, nothing is split and an object with that position is returned.\n\t *\n\t * If it was not possible to find an allowed parent, `null` is returned and nothing is split.\n\t *\n\t * Otherwise, ancestors are split and an object with a position and the copy of the split element is returned.\n\t *\n\t * For instance, if `<imageBlock>` is not allowed in `<paragraph>` but is allowed in `$root`:\n\t *\n\t * ```\n\t * <paragraph>foo[]bar</paragraph>\n\t *\n\t * -> split for `<imageBlock>` ->\n\t *\n\t * <paragraph>foo</paragraph>[]<paragraph>bar</paragraph>\n\t * ```\n\t *\n\t * In the example above, the position between `<paragraph>` elements will be returned as `position` and the second `paragraph`\n\t * as `cursorParent`.\n\t *\n\t * **Note:** This is an advanced method. For most cases {@link #safeInsert} and {@link #updateConversionResult} should be used.\n\t *\n\t * @param modelNode The node to insert.\n\t * @param modelCursor The position where the element is going to be inserted.\n\t * @returns The split result. If it was not possible to find an allowed position, `null` is returned.\n\t * * `position` The position between split elements.\n\t * * `cursorParent` The element inside which the cursor should be placed to\n\t * continue the conversion. When the element is not defined it means that there was no split.\n\t */\n\tsplitToAllowedParent( modelNode: ModelNode, modelCursor: ModelPosition ): {\n\t\tposition: ModelPosition;\n\t\tcursorParent?: ModelElement | ModelDocumentFragment;\n\t} | null;\n\n\t/**\n\t * Returns all the split parts of the given `element` that were created during upcasting through using {@link #splitToAllowedParent}.\n\t * It enables you to easily track these elements and continue processing them after they are split during the conversion of their\n\t * children.\n\t *\n\t * ```\n\t * <paragraph>Foo<imageBlock />bar<imageBlock />baz</paragraph> ->\n\t * <paragraph>Foo</paragraph><imageBlock /><paragraph>bar</paragraph><imageBlock /><paragraph>baz</paragraph>\n\t * ```\n\t *\n\t * For a reference to any of above paragraphs, the function will return all three paragraphs (the original element included),\n\t * sorted in the order of their creation (the original element is the first one).\n\t *\n\t * If the given `element` was not split, an array with a single element is returned.\n\t *\n\t * A usage example in the converter code:\n\t *\n\t * ```ts\n\t * const myElement = conversionApi.writer.createElement( 'myElement' );\n\t *\n\t * // Children conversion may split `myElement`.\n\t * conversionApi.convertChildren( data.viewItem, data.modelCursor );\n\t *\n\t * const splitParts = conversionApi.getSplitParts( myElement );\n\t * const lastSplitPart = splitParts[ splitParts.length - 1 ];\n\t *\n\t * // Setting `data.modelRange` basing on split parts:\n\t * data.modelRange = conversionApi.writer.createRange(\n\t * \tconversionApi.writer.createPositionBefore( myElement ),\n\t * \tconversionApi.writer.createPositionAfter( lastSplitPart )\n\t * );\n\t *\n\t * // Setting `data.modelCursor` to continue after the last split element:\n\t * data.modelCursor = conversionApi.writer.createPositionAfter( lastSplitPart );\n\t * ```\n\t *\n\t * **Tip:** If you are unable to get a reference to the original element (for example because the code is split into multiple converters\n\t * or even classes) but it has already been converted, you may want to check the first element in `data.modelRange`. This is a common\n\t * situation if an attribute converter is separated from an element converter.\n\t *\n\t * **Note:** This is an advanced method. For most cases {@link #safeInsert} and {@link #updateConversionResult} should be used.\n\t */\n\tgetSplitParts( modelElement: ModelElement ): Array<ModelElement>;\n\n\t/**\n\t * Mark an element that was created during splitting to not get removed on conversion end even if it is empty.\n\t *\n\t * **Note:** This is an advanced method. For most cases you will not need to keep the split empty element.\n\t */\n\tkeepEmptyElement( modelElement: ModelElement ): void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/dataprocessor/basichtmlwriter\n */\n\nimport { type DataProcessorHtmlWriter } from './htmlwriter.js';\nimport { global } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Basic HTML writer. It uses the native `innerHTML` property for basic conversion\n * from a document fragment to an HTML string.\n *\n * @internal\n */\nexport class BasicHtmlWriter implements DataProcessorHtmlWriter {\n\t/**\n\t * Returns an HTML string created from the document fragment.\n\t */\n\tpublic getHtml( fragment: DocumentFragment ): string {\n\t\tconst doc = global.document.implementation.createHTMLDocument( '' );\n\t\tconst container = doc.createElement( 'div' );\n\n\t\tcontainer.appendChild( fragment );\n\n\t\treturn container.innerHTML;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/dataprocessor/htmldataprocessor\n */\n\nimport { BasicHtmlWriter } from './basichtmlwriter.js';\nimport { ViewDomConverter } from '../view/domconverter.js';\n\nimport { type DataProcessor } from './dataprocessor.js';\nimport { type DataProcessorHtmlWriter } from './htmlwriter.js';\nimport { type ViewDocument } from '../view/document.js';\nimport { type ViewDocumentFragment } from '../view/documentfragment.js';\nimport type { MatcherPattern } from '../view/matcher.js';\n\n/**\n * The HTML data processor class.\n * This data processor implementation uses HTML as input and output data.\n */\nexport class HtmlDataProcessor implements DataProcessor {\n\t/**\n\t * A DOM parser instance used to parse an HTML string to an HTML document.\n\t */\n\tpublic domParser: DOMParser;\n\n\t/**\n\t * A DOM converter used to convert DOM elements to view elements.\n\t */\n\tpublic domConverter: ViewDomConverter;\n\n\t/**\n\t * A basic HTML writer instance used to convert DOM elements to an HTML string.\n\t */\n\tpublic htmlWriter: DataProcessorHtmlWriter;\n\n\tpublic skipComments: boolean = true;\n\n\t/**\n\t * Creates a new instance of the HTML data processor class.\n\t *\n\t * @param document The view document instance.\n\t */\n\tconstructor( document: ViewDocument ) {\n\t\tthis.domParser = new DOMParser();\n\t\tthis.domConverter = new ViewDomConverter( document, { renderingMode: 'data' } );\n\t\tthis.htmlWriter = new BasicHtmlWriter();\n\t}\n\n\t/**\n\t * Converts a provided {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}\n\t * to data format &ndash; in this case to an HTML string.\n\t *\n\t * @returns HTML string.\n\t */\n\tpublic toData( viewFragment: ViewDocumentFragment ): string {\n\t\t// Convert view DocumentFragment to DOM DocumentFragment.\n\t\tconst domFragment = this.domConverter.viewToDom( viewFragment );\n\n\t\t// Convert DOM DocumentFragment to HTML output.\n\t\treturn this.htmlWriter.getHtml( domFragment );\n\t}\n\n\t/**\n\t * Converts the provided HTML string to a view tree.\n\t *\n\t * @param data An HTML string.\n\t * @returns A converted view element.\n\t */\n\tpublic toView( data: string ): ViewDocumentFragment {\n\t\t// Convert input HTML data to DOM DocumentFragment.\n\t\tconst domFragment = this._toDom( data );\n\n\t\t// Convert DOM DocumentFragment to view DocumentFragment.\n\t\treturn this.domConverter.domToView( domFragment, { skipComments: this.skipComments } ) as ViewDocumentFragment;\n\t}\n\n\t/**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from the DOM to the view elements.\n\t *\n\t * The raw data can be later accessed by a\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty custom property of a view element} called `\"$rawContent\"`.\n\t *\n\t * @param pattern Pattern matching all view elements whose content should be treated as raw data.\n\t */\n\tpublic registerRawContentMatcher( pattern: MatcherPattern ): void {\n\t\tthis.domConverter.registerRawContentMatcher( pattern );\n\t}\n\n\t/**\n\t * If the processor is set to use marked fillers, it will insert `&nbsp;` fillers wrapped in `<span>` elements\n\t * (`<span data-cke-filler=\"true\">&nbsp;</span>`) instead of regular `&nbsp;` characters.\n\t *\n\t * This mode allows for a more precise handling of the block fillers (so they do not leak into the editor content) but\n\t * bloats the editor data with additional markup.\n\t *\n\t * This mode may be required by some features and will be turned on by them automatically.\n\t *\n\t * @param type Whether to use the default or the marked `&nbsp;` block fillers.\n\t */\n\tpublic useFillerType( type: 'default' | 'marked' ): void {\n\t\tthis.domConverter.blockFillerMode = type == 'marked' ? 'markedNbsp' : 'nbsp';\n\t}\n\n\t/**\n\t * Converts an HTML string to its DOM representation. Returns a document fragment containing nodes parsed from\n\t * the provided data.\n\t */\n\tprotected _toDom( data: string ): DocumentFragment {\n\t\t// Wrap data with a <body> tag so leading non-layout nodes (like <script>, <style>, HTML comment)\n\t\t// will be preserved in the body collection.\n\t\t// Do it only for data that is not a full HTML document.\n\t\tif ( !/<(?:html|body|head|meta)(?:\\s[^>]*)?>/i.test( data.trim().slice( 0, 10_000 ) ) ) {\n\t\t\tdata = `<body>${ data }</body>`;\n\t\t}\n\n\t\tconst document = this.domParser.parseFromString( data, 'text/html' );\n\t\tconst fragment = document.createDocumentFragment();\n\t\tconst bodyChildNodes = document.body.childNodes;\n\n\t\twhile ( bodyChildNodes.length > 0 ) {\n\t\t\tfragment.appendChild( bodyChildNodes[ 0 ] );\n\t\t}\n\n\t\treturn fragment;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/controller/datacontroller\n */\n\nimport {\n\tCKEditorError,\n\tEmitterMixin,\n\tObservableMixin,\n\tlogWarning\n} from '@ckeditor/ckeditor5-utils';\n\nimport { Mapper } from '../conversion/mapper.js';\n\nimport { DowncastDispatcher, type DowncastInsertEvent } from '../conversion/downcastdispatcher.js';\nimport { insertAttributesAndChildren, insertText } from '../conversion/downcasthelpers.js';\n\nimport {\n\tUpcastDispatcher,\n\ttype UpcastDocumentFragmentEvent,\n\ttype UpcastElementEvent,\n\ttype UpcastTextEvent\n} from '../conversion/upcastdispatcher.js';\nimport { convertText, convertToModelFragment } from '../conversion/upcasthelpers.js';\n\nimport { ViewDocumentFragment } from '../view/documentfragment.js';\nimport { ViewDocument } from '../view/document.js';\nimport { ViewDowncastWriter } from '../view/downcastwriter.js';\nimport { type ViewElement } from '../view/element.js';\nimport type { StylesProcessor } from '../view/stylesmap.js';\nimport type { MatcherPattern } from '../view/matcher.js';\n\nimport { ModelRange } from '../model/range.js';\nimport { type Model } from '../model/model.js';\nimport { type ModelText } from '../model/text.js';\nimport { type ModelElement } from '../model/element.js';\nimport { type ModelTextProxy } from '../model/textproxy.js';\nimport { type ModelDocumentFragment } from '../model/documentfragment.js';\nimport type { ModelSchemaContextDefinition } from '../model/schema.js';\nimport type { BatchType } from '../model/batch.js';\nimport { autoParagraphEmptyRoots } from '../model/utils/autoparagraphing.js';\n\nimport { HtmlDataProcessor } from '../dataprocessor/htmldataprocessor.js';\nimport { type DataProcessor } from '../dataprocessor/dataprocessor.js';\n\n/**\n * Controller for the data pipeline. The data pipeline controls how data is retrieved from the document\n * and set inside it. Hence, the controller features two methods which allow to {@link ~DataController#get get}\n * and {@link ~DataController#set set} data of the {@link ~DataController#model model}\n * using the given:\n *\n * * {@link module:engine/dataprocessor/dataprocessor~DataProcessor data processor},\n * * downcast converters,\n * * upcast converters.\n *\n * An instance of the data controller is always available in the {@link module:core/editor/editor~Editor#data `editor.data`}\n * property:\n *\n * ```ts\n * editor.data.get( { rootName: 'customRoot' } ); // -> '<p>Hello!</p>'\n * ```\n */\nexport class DataController extends /* #__PURE__ */ EmitterMixin() {\n\t/**\n\t * Data model.\n\t */\n\tpublic readonly model: Model;\n\n\t/**\n\t * Mapper used for the conversion. It has no permanent bindings, because these are created while getting data and\n\t * are cleared directly after the data are converted. However, the mapper is defined as a class property, because\n\t * it needs to be passed to the `DowncastDispatcher` as a conversion API.\n\t */\n\tpublic readonly mapper: Mapper;\n\n\t/**\n\t * Downcast dispatcher used by the {@link #get get method}. Downcast converters should be attached to it.\n\t */\n\tpublic readonly downcastDispatcher: DowncastDispatcher;\n\n\t/**\n\t * Upcast dispatcher used by the {@link #set set method}. Upcast converters should be attached to it.\n\t */\n\tpublic readonly upcastDispatcher: UpcastDispatcher;\n\n\t/**\n\t * The view document used by the data controller.\n\t */\n\tpublic readonly viewDocument: ViewDocument;\n\n\t/**\n\t * Styles processor used during the conversion.\n\t */\n\tpublic readonly stylesProcessor: StylesProcessor;\n\n\t/**\n\t * Data processor used specifically for HTML conversion.\n\t */\n\tpublic readonly htmlProcessor: HtmlDataProcessor;\n\n\t/**\n\t * Data processor used during the conversion.\n\t * Same instance as {@link #htmlProcessor} by default. Can be replaced at run time to handle different format, e.g. XML or Markdown.\n\t */\n\tpublic processor: DataProcessor;\n\n\t/**\n\t * The view downcast writer just for data conversion purposes, i.e. to modify\n\t * the {@link #viewDocument}.\n\t */\n\tprivate readonly _viewWriter: ViewDowncastWriter;\n\n\t/**\n\t * Creates a data controller instance.\n\t *\n\t * @param model Data model.\n\t * @param stylesProcessor The styles processor instance.\n\t */\n\tconstructor( model: Model, stylesProcessor: StylesProcessor ) {\n\t\tsuper();\n\n\t\tthis.model = model;\n\t\tthis.mapper = new Mapper();\n\n\t\tthis.downcastDispatcher = new DowncastDispatcher( {\n\t\t\tmapper: this.mapper,\n\t\t\tschema: model.schema\n\t\t} );\n\t\tthis.downcastDispatcher.on<DowncastInsertEvent<ModelText | ModelTextProxy>>( 'insert:$text', insertText(), { priority: 'lowest' } );\n\t\tthis.downcastDispatcher.on<DowncastInsertEvent>( 'insert', insertAttributesAndChildren(), { priority: 'lowest' } );\n\n\t\tthis.upcastDispatcher = new UpcastDispatcher( {\n\t\t\tschema: model.schema\n\t\t} );\n\n\t\tthis.viewDocument = new ViewDocument( stylesProcessor );\n\t\tthis.stylesProcessor = stylesProcessor;\n\t\tthis.htmlProcessor = new HtmlDataProcessor( this.viewDocument );\n\t\tthis.processor = this.htmlProcessor;\n\t\tthis._viewWriter = new ViewDowncastWriter( this.viewDocument );\n\n\t\t// Define default converters for text and elements.\n\t\t//\n\t\t// Note that if there is no default converter for the element it will be skipped, for instance `<b>foo</b>` will be\n\t\t// converted to nothing. We therefore add `convertToModelFragment` as a last converter so it converts children of that\n\t\t// element to the document fragment so `<b>foo</b>` will still be converted to `foo` even if there is no converter for `<b>`.\n\t\tthis.upcastDispatcher.on<UpcastTextEvent>( 'text', convertText(), { priority: 'lowest' } );\n\t\tthis.upcastDispatcher.on<UpcastElementEvent>( 'element', convertToModelFragment(), { priority: 'lowest' } );\n\t\tthis.upcastDispatcher.on<UpcastDocumentFragmentEvent>( 'documentFragment', convertToModelFragment(), { priority: 'lowest' } );\n\n\t\tObservableMixin().prototype.decorate.call( this, 'init' as any );\n\t\tObservableMixin().prototype.decorate.call( this, 'set' as any );\n\t\tObservableMixin().prototype.decorate.call( this, 'get' as any );\n\t\tObservableMixin().prototype.decorate.call( this, 'toView' as any );\n\t\tObservableMixin().prototype.decorate.call( this, 'toModel' as any );\n\n\t\t// Fire the `ready` event when the initialization has completed. Such low-level listener offers the possibility\n\t\t// to plug into the initialization pipeline without interrupting the initialization flow.\n\t\tthis.on<DataControllerInitEvent>( 'init', () => {\n\t\t\tthis.fire<DataControllerReadyEvent>( 'ready' );\n\t\t}, { priority: 'lowest' } );\n\n\t\t// Fix empty roots after DataController is 'ready' (note that the init method could be decorated and stopped).\n\t\t// We need to handle this event because initial data could be empty and the post-fixer would not get triggered.\n\t\tthis.on<DataControllerReadyEvent>( 'ready', () => {\n\t\t\tthis.model.enqueueChange( { isUndoable: false }, autoParagraphEmptyRoots );\n\t\t}, { priority: 'lowest' } );\n\t}\n\n\t/**\n\t * Returns the model's data converted by downcast dispatchers attached to {@link #downcastDispatcher} and\n\t * formatted by the {@link #processor data processor}.\n\t *\n\t * A warning is logged when you try to retrieve data for a detached root, as most probably this is a mistake. A detached root should\n\t * be treated like it is removed, and you should not save its data. Note, that the detached root data is always an empty string.\n\t *\n\t * @fires get\n\t * @param options Additional configuration for the retrieved data. `DataController` provides two optional\n\t * properties: `rootName` and `trim`. Other properties of this object are specified by various editor features.\n\t * @param options.rootName Root name. Default 'main'.\n\t * @param options.trim Whether returned data should be trimmed. This option is set to `empty` by default,\n\t * which means whenever editor content is considered empty, an empty string will be returned. To turn off trimming completely\n\t * use `'none'`. In such cases the exact content will be returned (for example a `<p>&nbsp;</p>` for an empty editor).\n\t * @returns Output data.\n\t */\n\tpublic get(\n\t\toptions: {\n\t\t\trootName?: string;\n\t\t\ttrim?: 'empty' | 'none';\n\t\t\t[ key: string ]: unknown;\n\t\t} = {}\n\t): string {\n\t\tconst { rootName = 'main', trim = 'empty' } = options;\n\n\t\tif ( !this._checkIfRootsExists( [ rootName ] ) ) {\n\t\t\t/**\n\t\t\t * Cannot get data from a non-existing root. This error is thrown when\n\t\t\t * {@link module:engine/controller/datacontroller~DataController#get `DataController#get()` method}\n\t\t\t * is called with a non-existent root name. For example, if there is an editor instance with only `main` root,\n\t\t\t * calling {@link module:engine/controller/datacontroller~DataController#get} like:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * data.get( { rootName: 'root2' } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * will throw this error.\n\t\t\t *\n\t\t\t * @error datacontroller-get-non-existent-root\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'datacontroller-get-non-existent-root', this );\n\t\t}\n\n\t\tconst root = this.model.document.getRoot( rootName )!;\n\n\t\tif ( !root.isAttached() ) {\n\t\t\t/**\n\t\t\t * Retrieving document data for a detached root.\n\t\t\t *\n\t\t\t * This usually indicates an error as a detached root should be considered \"removed\" and should not be included in the\n\t\t\t * document data.\n\t\t\t *\n\t\t\t * @error datacontroller-get-detached-root\n\t\t\t */\n\t\t\tlogWarning( 'datacontroller-get-detached-root', this );\n\t\t}\n\n\t\tif ( trim === 'empty' && !this.model.hasContent( root, { ignoreWhitespaces: true } ) ) {\n\t\t\treturn '';\n\t\t}\n\n\t\treturn this.stringify( root, options );\n\t}\n\n\t/**\n\t * Returns the content of the given {@link module:engine/model/element~ModelElement model's element} or\n\t * {@link module:engine/model/documentfragment~ModelDocumentFragment model document fragment} converted by the downcast converters\n\t * attached to the {@link #downcastDispatcher} and formatted by the {@link #processor data processor}.\n\t *\n\t * @param modelElementOrFragment The element whose content will be stringified.\n\t * @param options Additional configuration passed to the conversion process.\n\t * @returns Output data.\n\t */\n\tpublic stringify(\n\t\tmodelElementOrFragment: ModelElement | ModelDocumentFragment,\n\t\toptions: Record<string, unknown> = {}\n\t): string {\n\t\t// Model -> view.\n\t\tconst viewDocumentFragment = this.toView( modelElementOrFragment, options );\n\n\t\t// View -> data.\n\t\treturn this.processor.toData( viewDocumentFragment );\n\t}\n\n\t/**\n\t * Returns the content of the given {@link module:engine/model/element~ModelElement model element} or\n\t * {@link module:engine/model/documentfragment~ModelDocumentFragment model document fragment} converted by the downcast\n\t * converters attached to {@link #downcastDispatcher} into a\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment}.\n\t *\n\t * @fires toView\n\t * @param modelElementOrFragment Element or document fragment whose content will be converted.\n\t * @param options Additional configuration that will be available through the\n\t * {@link module:engine/conversion/downcastdispatcher~DowncastConversionApi#options} during the conversion process.\n\t * @returns Output view ModelDocumentFragment.\n\t */\n\tpublic toView(\n\t\tmodelElementOrFragment: ModelElement | ModelDocumentFragment,\n\t\toptions: Record<string, unknown> = {}\n\t): ViewDocumentFragment {\n\t\tconst viewDocument = this.viewDocument;\n\t\tconst viewWriter = this._viewWriter;\n\n\t\t// Clear bindings so the call to this method returns correct results.\n\t\tthis.mapper.clearBindings();\n\n\t\t// First, convert elements.\n\t\tconst modelRange = ModelRange._createIn( modelElementOrFragment );\n\t\tconst viewDocumentFragment = new ViewDocumentFragment( viewDocument );\n\n\t\tthis.mapper.bindElements( modelElementOrFragment, viewDocumentFragment );\n\n\t\t// Prepare list of markers.\n\t\t// For document fragment, simply take the markers assigned to this document fragment.\n\t\t// For model root, all markers in that root will be taken.\n\t\t// For model element, we need to check which markers are intersecting with this element and relatively modify the markers' ranges.\n\t\t// Collapsed markers at element boundary, although considered as not intersecting with the element, will also be returned.\n\t\tconst markers = modelElementOrFragment.is( 'documentFragment' ) ?\n\t\t\tmodelElementOrFragment.markers :\n\t\t\t_getMarkersRelativeToElement( modelElementOrFragment );\n\n\t\tthis.downcastDispatcher.convert( modelRange, markers, viewWriter, options );\n\n\t\treturn viewDocumentFragment;\n\t}\n\n\t/**\n\t * Sets the initial input data parsed by the {@link #processor data processor} and\n\t * converted by the {@link #upcastDispatcher view-to-model converters}.\n\t * Initial data can be only set to a document whose {@link module:engine/model/document~ModelDocument#version} is equal 0.\n\t *\n\t * **Note** This method is {@link module:utils/observablemixin~Observable#decorate decorated} which is\n\t * used by e.g. collaborative editing plugin that syncs remote data on init.\n\t *\n\t * When data is passed as a string, it is initialized on the default `main` root:\n\t *\n\t * ```ts\n\t * dataController.init( '<p>Foo</p>' ); // Initializes data on the `main` root only, as no other is specified.\n\t * ```\n\t *\n\t * To initialize data on a different root or multiple roots at once, an object containing `rootName` - `data` pairs should be passed:\n\t *\n\t * ```ts\n\t * dataController.init( { main: '<p>Foo</p>', title: '<h1>Bar</h1>' } ); // Initializes data on both the `main` and `title` roots.\n\t * ```\n\t *\n\t * @fires init\n\t * @param data Input data as a string or an object containing the `rootName` - `data`\n\t * pairs to initialize data on multiple roots at once.\n\t * @returns Promise that is resolved after the data is set on the editor.\n\t */\n\tpublic init( data: string | Record<string, string> ): Promise<void> {\n\t\tif ( this.model.document.version ) {\n\t\t\t/**\n\t\t\t * Cannot set initial data to a non-empty {@link module:engine/model/document~ModelDocument}.\n\t\t\t * Initial data should be set once, during the {@link module:core/editor/editor~Editor} initialization,\n\t\t\t * when the {@link module:engine/model/document~ModelDocument#version} is equal 0.\n\t\t\t *\n\t\t\t * @error datacontroller-init-document-not-empty\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'datacontroller-init-document-not-empty', this );\n\t\t}\n\n\t\tlet initialData: Record<string, string> = {};\n\n\t\tif ( typeof data === 'string' ) {\n\t\t\tinitialData.main = data; // Default root is 'main'. To initiate data on a different root, object should be passed.\n\t\t} else {\n\t\t\tinitialData = data;\n\t\t}\n\n\t\tif ( !this._checkIfRootsExists( Object.keys( initialData ) ) ) {\n\t\t\t/**\n\t\t\t * Cannot init data on a non-existent root. This error is thrown when\n\t\t\t * {@link module:engine/controller/datacontroller~DataController#init DataController#init() method}\n\t\t\t * is called with non-existent root name. For example, if there is an editor instance with only `main` root,\n\t\t\t * calling {@link module:engine/controller/datacontroller~DataController#init} like:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * data.init( { main: '<p>Foo</p>', root2: '<p>Bar</p>' } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * will throw this error.\n\t\t\t *\n\t\t\t * @error datacontroller-init-non-existent-root\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'datacontroller-init-non-existent-root', this );\n\t\t}\n\n\t\tthis.model.enqueueChange( { isUndoable: false }, writer => {\n\t\t\tfor ( const rootName of Object.keys( initialData ) ) {\n\t\t\t\tconst modelRoot = this.model.document.getRoot( rootName )!;\n\n\t\t\t\twriter.insert( this.parse( initialData[ rootName ], modelRoot ), modelRoot, 0 );\n\t\t\t}\n\t\t} );\n\n\t\treturn Promise.resolve();\n\t}\n\n\t/**\n\t * Sets the input data parsed by the {@link #processor data processor} and\n\t * converted by the {@link #upcastDispatcher view-to-model converters}.\n\t * This method can be used any time to replace existing editor data with the new one without clearing the\n\t * {@link module:engine/model/document~ModelDocument#history document history}.\n\t *\n\t * This method also creates a batch with all the changes applied. If all you need is to parse data, use\n\t * the {@link #parse} method.\n\t *\n\t * When data is passed as a string it is set on the default `main` root:\n\t *\n\t * ```ts\n\t * dataController.set( '<p>Foo</p>' ); // Sets data on the `main` root, as no other is specified.\n\t * ```\n\t *\n\t * To set data on a different root or multiple roots at once, an object containing `rootName` - `data` pairs should be passed:\n\t *\n\t * ```ts\n\t * dataController.set( { main: '<p>Foo</p>', title: '<h1>Bar</h1>' } ); // Sets data on the `main` and `title` roots as specified.\n\t * ```\n\t *\n\t * To set the data with a preserved undo stack and add the change to the undo stack, set `{ isUndoable: true }` as a `batchType` option.\n\t *\n\t * ```ts\n\t * dataController.set( '<p>Foo</p>', { batchType: { isUndoable: true } } );\n\t * ```\n\t *\n\t * @fires set\n\t * @param data Input data as a string or an object containing the `rootName` - `data`\n\t * pairs to set data on multiple roots at once.\n\t * @param options Options for setting data.\n\t * @param options.batchType The batch type that will be used to create a batch for the changes applied by this method.\n\t * By default, the batch will be set as {@link module:engine/model/batch~Batch#isUndoable not undoable} and the undo stack will be\n\t * cleared after the new data is applied (all undo steps will be removed). If the batch type `isUndoable` flag is be set to `true`,\n\t * the undo stack will be preserved instead and not cleared when new data is applied.\n\t */\n\tpublic set(\n\t\tdata: string | Record<string, string>,\n\t\toptions: {\n\t\t\tbatchType?: BatchType;\n\t\t\t[ key: string ]: unknown;\n\t\t} = {}\n\t): void {\n\t\tlet newData: Record<string, string> = {};\n\n\t\tif ( typeof data === 'string' ) {\n\t\t\tnewData.main = data; // The default root is 'main'. To set data on a different root, an object should be passed.\n\t\t} else {\n\t\t\tnewData = data;\n\t\t}\n\n\t\tif ( !this._checkIfRootsExists( Object.keys( newData ) ) ) {\n\t\t\t/**\n\t\t\t * Cannot set data on a non-existent root. This error is thrown when the\n\t\t\t * {@link module:engine/controller/datacontroller~DataController#set DataController#set() method}\n\t\t\t * is called with non-existent root name. For example, if there is an editor instance with only the default `main` root,\n\t\t\t * calling {@link module:engine/controller/datacontroller~DataController#set} like:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * data.set( { main: '<p>Foo</p>', root2: '<p>Bar</p>' } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * will throw this error.\n\t\t\t *\n\t\t\t * @error datacontroller-set-non-existent-root\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'datacontroller-set-non-existent-root', this );\n\t\t}\n\n\t\tthis.model.enqueueChange( options.batchType || {}, writer => {\n\t\t\twriter.setSelection( null );\n\t\t\twriter.removeSelectionAttribute( this.model.document.selection.getAttributeKeys() );\n\n\t\t\tfor ( const rootName of Object.keys( newData ) ) {\n\t\t\t\t// Save to model.\n\t\t\t\tconst modelRoot = this.model.document.getRoot( rootName )!;\n\n\t\t\t\twriter.remove( writer.createRangeIn( modelRoot ) );\n\t\t\t\twriter.insert( this.parse( newData[ rootName ], modelRoot ), modelRoot, 0 );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the data parsed by the {@link #processor data processor} and then converted by upcast converters\n\t * attached to the {@link #upcastDispatcher}.\n\t *\n\t * @see #set\n\t * @param data Data to parse.\n\t * @param context Base context in which the view will be converted to the model.\n\t * See: {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher#convert}.\n\t * @returns Parsed data.\n\t */\n\tpublic parse( data: string, context: ModelSchemaContextDefinition = '$root' ): ModelDocumentFragment {\n\t\t// data -> view\n\t\tconst viewDocumentFragment = this.processor.toView( data );\n\n\t\t// view -> model\n\t\treturn this.toModel( viewDocumentFragment, context );\n\t}\n\n\t/**\n\t * Returns the result of the given {@link module:engine/view/element~ViewElement view element} or\n\t * {@link module:engine/view/documentfragment~ViewDocumentFragment view document fragment} converted by the\n\t * {@link #upcastDispatcher view-to-model converters}, wrapped by {@link module:engine/model/documentfragment~ModelDocumentFragment}.\n\t *\n\t * When marker elements were converted during the conversion process, it will be set as a document fragment's\n\t * {@link module:engine/model/documentfragment~ModelDocumentFragment#markers static markers map}.\n\t *\n\t * @fires toModel\n\t * @param viewElementOrFragment The element or document fragment whose content will be converted.\n\t * @param context Base context in which the view will be converted to the model.\n\t * See: {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher#convert}.\n\t * @returns Output document fragment.\n\t */\n\tpublic toModel(\n\t\tviewElementOrFragment: ViewElement | ViewDocumentFragment,\n\t\tcontext: ModelSchemaContextDefinition = '$root'\n\t): ModelDocumentFragment {\n\t\treturn this.model.change( writer => {\n\t\t\treturn this.upcastDispatcher.convert( viewElementOrFragment, writer, context );\n\t\t} );\n\t}\n\n\t/**\n\t * Adds the style processor normalization rules.\n\t *\n\t * You can implement your own rules as well as use one of the available processor rules:\n\t *\n\t * * background: {@link module:engine/view/styles/background~addBackgroundStylesRules}\n\t * * border: {@link module:engine/view/styles/border~addBorderStylesRules}\n\t * * margin: {@link module:engine/view/styles/margin~addMarginStylesRules}\n\t * * padding: {@link module:engine/view/styles/padding~addPaddingStylesRules}\n\t */\n\tpublic addStyleProcessorRules( callback: ( stylesProcessor: StylesProcessor ) => void ): void {\n\t\tcallback( this.stylesProcessor );\n\t}\n\n\t/**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} on an {@link #htmlProcessor htmlProcessor}\n\t * and a {@link #processor processor} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from DOM to view elements.\n\t *\n\t * The raw data can be later accessed by the\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty view element custom property}\n\t * `\"$rawContent\"`.\n\t *\n\t * @param pattern Pattern matching all view elements whose content should be treated as a raw data.\n\t */\n\tpublic registerRawContentMatcher( pattern: MatcherPattern ): void {\n\t\t// No need to register the pattern if both the `htmlProcessor` and `processor` are the same instances.\n\t\tif ( this.processor && this.processor !== this.htmlProcessor ) {\n\t\t\tthis.processor.registerRawContentMatcher( pattern );\n\t\t}\n\n\t\tthis.htmlProcessor.registerRawContentMatcher( pattern );\n\t}\n\n\t/**\n\t * Removes all event listeners set by the DataController.\n\t */\n\tpublic destroy(): void {\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Checks whether all provided root names are actually existing editor roots.\n\t *\n\t * @param rootNames Root names to check.\n\t * @returns Whether all provided root names are existing editor roots.\n\t */\n\tprivate _checkIfRootsExists( rootNames: Array<string> ): boolean {\n\t\tfor ( const rootName of rootNames ) {\n\t\t\tif ( !this.model.document.getRoot( rootName ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\n/**\n * Event fired once the data initialization has finished.\n *\n * @eventName ~DataController#ready\n */\nexport type DataControllerReadyEvent = {\n\tname: 'ready';\n\targs: [];\n};\n\n/**\n * An event fired after the {@link ~DataController#init `init()` method} was run. It can be {@link ~DataController#listenTo listened to} in\n * order to adjust or modify the initialization flow. However, if the `init` event is stopped or prevented,\n * the {@link ~DataController#event:ready `ready` event} should be fired manually.\n *\n * The `init` event is fired by the decorated {@link ~DataController#init} method.\n * See {@link module:utils/observablemixin~Observable#decorate} for more information and samples.\n *\n * @eventName ~DataController#init\n */\nexport type DataControllerInitEvent = {\n\tname: 'init';\n\targs: [ Parameters<DataController[ 'init' ]> ];\n\treturn: ReturnType<DataController[ 'init' ]>;\n};\n\n/**\n * An event fired after {@link ~DataController#set set() method} has been run.\n *\n * The `set` event is fired by the decorated {@link ~DataController#set} method.\n * See {@link module:utils/observablemixin~Observable#decorate} for more information and samples.\n *\n * @eventName ~DataController#set\n */\nexport type DataControllerSetEvent = {\n\tname: 'set';\n\targs: [ Parameters<DataController[ 'set' ]> ];\n\treturn: ReturnType<DataController[ 'set' ]>;\n};\n\n/**\n * Event fired after the {@link ~DataController#get get() method} has been run.\n *\n * The `get` event is fired by the decorated {@link ~DataController#get} method.\n * See {@link module:utils/observablemixin~Observable#decorate} for more information and samples.\n *\n * @eventName ~DataController#get\n */\nexport type DataControllerGetEvent = {\n\tname: 'get';\n\targs: [ Parameters<DataController[ 'get' ]> ];\n\treturn: ReturnType<DataController[ 'get' ]>;\n};\n\n/**\n * Event fired after the {@link ~DataController#toView toView() method} has been run.\n *\n * The `toView` event is fired by the decorated {@link ~DataController#toView} method.\n * See {@link module:utils/observablemixin~Observable#decorate} for more information and samples.\n *\n * @eventName ~DataController#toView\n */\nexport type DataControllerToViewEvent = {\n\tname: 'toView';\n\targs: [ Parameters<DataController[ 'toView' ]> ];\n\treturn: ReturnType<DataController[ 'toView' ]>;\n};\n\n/**\n * Event fired after the {@link ~DataController#toModel toModel() method} has been run.\n *\n * The `toModel` event is fired by the decorated {@link ~DataController#toModel} method.\n * See {@link module:utils/observablemixin~Observable#decorate} for more information and samples.\n *\n * @eventName ~DataController#toModel\n */\nexport type DataControllerToModelEvent = {\n\tname: 'toModel';\n\targs: [ Parameters<DataController[ 'toModel' ]> ];\n\treturn: ReturnType<DataController[ 'toModel' ]>;\n};\n\n/**\n * Helper function for downcast conversion.\n *\n * Takes a document element (element that is added to a model document) and checks which markers are inside it. If the marker is collapsed\n * at element boundary, it is considered as contained inside the element and marker range is returned. Otherwise, if the marker is\n * intersecting with the element, the intersection is returned.\n */\nfunction _getMarkersRelativeToElement( element: ModelElement ): Map<string, ModelRange> {\n\tconst result: Array<[ string, ModelRange ]> = [];\n\tconst doc = element.root.document;\n\n\tif ( !doc ) {\n\t\treturn new Map();\n\t}\n\n\tconst elementRange = ModelRange._createIn( element );\n\n\tfor ( const marker of doc.model.markers ) {\n\t\tconst markerRange = marker.getRange();\n\n\t\tconst isMarkerCollapsed = markerRange.isCollapsed;\n\t\tconst isMarkerAtElementBoundary = markerRange.start.isEqual( elementRange.start ) || markerRange.end.isEqual( elementRange.end );\n\n\t\tif ( isMarkerCollapsed && isMarkerAtElementBoundary ) {\n\t\t\tresult.push( [ marker.name, markerRange ] );\n\t\t} else {\n\t\t\tconst updatedMarkerRange = elementRange.getIntersection( markerRange );\n\n\t\t\tif ( updatedMarkerRange ) {\n\t\t\t\tresult.push( [ marker.name, updatedMarkerRange ] );\n\t\t\t}\n\t\t}\n\t}\n\n\t// Sort the markers in a stable fashion to ensure that the order in which they are\n\t// added to the model's marker collection does not affect how they are\n\t// downcast. One particular use case that we are targeting here, is one where\n\t// two markers are adjacent but not overlapping, such as an insertion/deletion\n\t// suggestion pair representing the replacement of a range of text. In this\n\t// case, putting the markers in DOM order causes the first marker's end to be\n\t// serialized right after the second marker's start, while putting the markers\n\t// in reverse DOM order causes it to be right before the second marker's\n\t// start. So, we sort these in a way that ensures non-intersecting ranges are in\n\t// reverse DOM order, and intersecting ranges are in something approximating\n\t// reverse DOM order (since reverse DOM order doesn't have a precise meaning\n\t// when working with intersecting ranges).\n\tresult.sort( ( [ n1, r1 ], [ n2, r2 ] ) => {\n\t\tif ( r1.end.compareWith( r2.start ) !== 'after' ) {\n\t\t\t// m1.end <= m2.start -- m1 is entirely <= m2\n\t\t\treturn 1;\n\t\t} else if ( r1.start.compareWith( r2.end ) !== 'before' ) {\n\t\t\t// m1.start >= m2.end -- m1 is entirely >= m2\n\t\t\treturn -1;\n\t\t} else {\n\t\t\t// they overlap, so use their start positions as the primary sort key and\n\t\t\t// end positions as the secondary sort key\n\t\t\tswitch ( r1.start.compareWith( r2.start ) ) {\n\t\t\t\tcase 'before':\n\t\t\t\t\treturn 1;\n\t\t\t\tcase 'after':\n\t\t\t\t\treturn -1;\n\t\t\t\tdefault:\n\t\t\t\t\tswitch ( r1.end.compareWith( r2.end ) ) {\n\t\t\t\t\t\tcase 'before':\n\t\t\t\t\t\t\treturn 1;\n\t\t\t\t\t\tcase 'after':\n\t\t\t\t\t\t\treturn -1;\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\treturn n2.localeCompare( n1 );\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} );\n\n\treturn new Map( result );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/conversion/conversion\n */\n\nimport {\n\tCKEditorError,\n\ttoArray,\n\ttype ArrayOrItem,\n\ttype PriorityString\n} from '@ckeditor/ckeditor5-utils';\n\nimport { UpcastHelpers } from './upcasthelpers.js';\nimport {\n\tDowncastHelpers,\n\ttype DowncastAttributeCreatorFunction,\n\ttype DowncastAttributeDescriptor\n} from './downcasthelpers.js';\n\nimport { type DowncastDispatcher } from './downcastdispatcher.js';\nimport { type UpcastDispatcher } from './upcastdispatcher.js';\nimport { type ViewElementDefinition } from '../view/elementdefinition.js';\nimport type { MatcherPattern } from '../view/matcher.js';\n\n/**\n * A utility class that helps add converters to upcast and downcast dispatchers.\n *\n * We recommend reading the {@glink framework/deep-dive/conversion/intro editor conversion} guide first to\n * understand the core concepts of the conversion mechanisms.\n *\n * An instance of the conversion manager is available in the\n * {@link module:core/editor/editor~Editor#conversion `editor.conversion`} property\n * and by default has the following groups of dispatchers (i.e. directions of conversion):\n *\n * * `downcast` (editing and data downcasts)\n * * `editingDowncast`\n * * `dataDowncast`\n * * `upcast`\n *\n * # One-way converters\n *\n * To add a converter to a specific group, use the {@link module:engine/conversion/conversion~Conversion#for `for()`}\n * method:\n *\n * ```ts\n * // Add a converter to editing downcast and data downcast.\n * editor.conversion.for( 'downcast' ).elementToElement( config ) );\n *\n * // Add a converter to the data pipepline only:\n * editor.conversion.for( 'dataDowncast' ).elementToElement( dataConversionConfig ) );\n *\n * // And a slightly different one for the editing pipeline:\n * editor.conversion.for( 'editingDowncast' ).elementToElement( editingConversionConfig ) );\n * ```\n *\n * See {@link module:engine/conversion/conversion~Conversion#for `for()`} method documentation to learn more about\n * available conversion helpers and how to use your custom ones.\n *\n * # Two-way converters\n *\n * Besides using one-way converters via the `for()` method, you can also use other methods available in this\n * class to add two-way converters (upcast and downcast):\n *\n * * {@link module:engine/conversion/conversion~Conversion#elementToElement `elementToElement()`} &ndash;\n * Model element to view element and vice versa.\n * * {@link module:engine/conversion/conversion~Conversion#attributeToElement `attributeToElement()`} &ndash;\n * Model attribute to view element and vice versa.\n * * {@link module:engine/conversion/conversion~Conversion#attributeToAttribute `attributeToAttribute()`} &ndash;\n * Model attribute to view attribute and vice versa.\n */\nexport class Conversion {\n\t/**\n\t * Maps dispatchers group name to ConversionHelpers instances.\n\t */\n\tprivate readonly _helpers = new Map<string, DowncastHelpers | UpcastHelpers>();\n\n\tprivate readonly _downcast: Array<DowncastDispatcher>;\n\tprivate readonly _upcast: Array<UpcastDispatcher>;\n\n\t/**\n\t * Creates a new conversion instance.\n\t */\n\tconstructor(\n\t\tdowncastDispatchers: ArrayOrItem<DowncastDispatcher>,\n\t\tupcastDispatchers: ArrayOrItem<UpcastDispatcher>\n\t) {\n\t\t// Define default 'downcast' & 'upcast' dispatchers groups. Those groups are always available as two-way converters needs them.\n\t\tthis._downcast = toArray( downcastDispatchers );\n\t\tthis._createConversionHelpers( { name: 'downcast', dispatchers: this._downcast, isDowncast: true } );\n\n\t\tthis._upcast = toArray( upcastDispatchers );\n\t\tthis._createConversionHelpers( { name: 'upcast', dispatchers: this._upcast, isDowncast: false } );\n\t}\n\n\tpublic addAlias(\n\t\talias: `${ string }Downcast`,\n\t\tdispatcher: DowncastDispatcher\n\t): void;\n\tpublic addAlias(\n\t\talias: `${ string }Upcast`,\n\t\tdispatcher: UpcastDispatcher\n\t): void;\n\tpublic addAlias(\n\t\talias: string,\n\t\tdispatcher: DowncastDispatcher | UpcastDispatcher\n\t): void;\n\n\t/**\n\t * Define an alias for registered dispatcher.\n\t *\n\t * ```ts\n\t * const conversion = new Conversion(\n\t * \t[ dataDowncastDispatcher, editingDowncastDispatcher ],\n\t * \tupcastDispatcher\n\t * );\n\t *\n\t * conversion.addAlias( 'dataDowncast', dataDowncastDispatcher );\n\t * ```\n\t *\n\t * @param alias An alias of a dispatcher.\n\t * @param dispatcher Dispatcher which should have an alias.\n\t */\n\tpublic addAlias(\n\t\talias: string,\n\t\tdispatcher: DowncastDispatcher | UpcastDispatcher\n\t): void {\n\t\tconst isDowncast = this._downcast.includes( dispatcher as any );\n\t\tconst isUpcast = this._upcast.includes( dispatcher as any );\n\n\t\tif ( !isUpcast && !isDowncast ) {\n\t\t\t/**\n\t\t\t * Trying to register an alias for a dispatcher that nas not been registered.\n\t\t\t *\n\t\t\t * @error conversion-add-alias-dispatcher-not-registered\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'conversion-add-alias-dispatcher-not-registered',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\tthis._createConversionHelpers( { name: alias, dispatchers: [ dispatcher ], isDowncast } );\n\t}\n\n\tpublic for( groupName: 'downcast' | 'dataDowncast' | 'editingDowncast' ): DowncastHelpers;\n\tpublic for( groupName: 'upcast' ): UpcastHelpers;\n\tpublic for<T extends string>( groupName: T ): ConversionType<T>;\n\n\t/**\n\t * Provides a chainable API to assign converters to a conversion dispatchers group.\n\t *\n\t * If the given group name has not been registered, the\n\t * {@link module:utils/ckeditorerror~CKEditorError `conversion-for-unknown-group` error} is thrown.\n\t *\n\t * You can use conversion helpers available directly in the `for()` chain or your custom ones via\n\t * the {@link module:engine/conversion/conversionhelpers~ConversionHelpers#add `add()`} method.\n\t *\n\t * # Using built-in conversion helpers\n\t *\n\t * The `for()` chain comes with a set of conversion helpers which you can use like this:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'downcast' )\n\t * \t.elementToElement( config1 )        // Adds an element-to-element downcast converter.\n\t * \t.attributeToElement( config2 );     // Adds an attribute-to-element downcast converter.\n\t *\n\t * editor.conversion.for( 'upcast' )\n\t * \t.elementToAttribute( config3 );     // Adds an element-to-attribute upcast converter.\n\t * ```\n\t *\n\t * Refer to the documentation of built-in conversion helpers to learn about their configuration options.\n\t *\n\t * * downcast (model-to-view) conversion helpers:\n\t *\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`},\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement `attributeToElement()`},\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToAttribute `attributeToAttribute()`}.\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToElement `markerToElement()`}.\n\t *\t* {@link module:engine/conversion/downcasthelpers~DowncastHelpers#markerToHighlight `markerToHighlight()`}.\n\t *\n\t * * upcast (view-to-model) conversion helpers:\n\t *\n\t *\t* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToElement `elementToElement()`},\n\t *\t* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToAttribute `elementToAttribute()`},\n\t *\t* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#attributeToAttribute `attributeToAttribute()`}.\n\t *\t* {@link module:engine/conversion/upcasthelpers~UpcastHelpers#elementToMarker `elementToMarker()`}.\n\t *\n\t * # Using custom conversion helpers\n\t *\n\t * If you need to implement an atypical converter, you can do so by calling:\n\t *\n\t * ```ts\n\t * editor.conversion.for( direction ).add( customHelper );\n\t * ```\n\t *\n\t * The `.add()` method takes exactly one parameter, which is a function. This function should accept one parameter that\n\t * is a dispatcher instance. The function should add an actual converter to the passed dispatcher instance.\n\t *\n\t * Example:\n\t *\n\t * ```ts\n\t * editor.conversion.for( 'upcast' ).add( dispatcher => {\n\t * \tdispatcher.on( 'element:a',  ( evt, data, conversionApi ) => {\n\t * \t\t// Do something with a view <a> element.\n\t * \t} );\n\t * } );\n\t * ```\n\t *\n\t * Refer to the documentation of {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher}\n\t * and {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} to learn how to write\n\t * custom converters.\n\t *\n\t * @param groupName The name of dispatchers group to add the converters to.\n\t */\n\tpublic for( groupName: string ): DowncastHelpers | UpcastHelpers {\n\t\tif ( !this._helpers.has( groupName ) ) {\n\t\t\t/**\n\t\t\t * Trying to add a converter to an unknown dispatchers group.\n\t\t\t *\n\t\t\t * @error conversion-for-unknown-group\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'conversion-for-unknown-group', this );\n\t\t}\n\n\t\treturn this._helpers.get( groupName )!;\n\t}\n\n\t/**\n\t * Sets up converters between the model and the view that convert a model element to a view element (and vice versa).\n\t * For example, the model `<paragraph>Foo</paragraph>` is turned into `<p>Foo</p>` in the view.\n\t *\n\t * ```ts\n\t * // A simple conversion from the `paragraph` model element to the `<p>` view element (and vice versa).\n\t * editor.conversion.elementToElement( { model: 'paragraph', view: 'p' } );\n\t *\n\t * // Override other converters by specifying a converter definition with a higher priority.\n\t * editor.conversion.elementToElement( { model: 'paragraph', view: 'div', converterPriority: 'high' } );\n\t *\n\t * // View specified as an object instead of a string.\n\t * editor.conversion.elementToElement( {\n\t * \tmodel: 'fancyParagraph',\n\t * \tview: {\n\t * \t\tname: 'p',\n\t * \t\tclasses: 'fancy'\n\t * \t}\n\t * } );\n\t *\n\t * // Use `upcastAlso` to define other view elements that should also be converted to a `paragraph` element.\n\t * editor.conversion.elementToElement( {\n\t * \tmodel: 'paragraph',\n\t * \tview: 'p',\n\t * \tupcastAlso: [\n\t * \t\t'div',\n\t * \t\t{\n\t * \t\t\t// Any element with the `display: block` style.\n\t * \t\t\tstyles: {\n\t * \t\t\t\tdisplay: 'block'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t]\n\t * } );\n\t *\n\t * // `upcastAlso` set as callback enables a conversion of a wide range of different view elements.\n\t * editor.conversion.elementToElement( {\n\t * \tmodel: 'heading',\n\t * \tview: 'h2',\n\t * \t// Convert \"heading-like\" paragraphs to headings.\n\t * \tupcastAlso: viewElement => {\n\t * \t\tconst fontSize = viewElement.getStyle( 'font-size' );\n\t *\n\t * \t\tif ( !fontSize ) {\n\t * \t\t\treturn null;\n\t * \t\t}\n\t *\n\t * \t\tconst match = fontSize.match( /(\\d+)\\s*px/ );\n\t *\n\t * \t\tif ( !match ) {\n\t * \t\t\treturn null;\n\t * \t\t}\n\t *\n\t * \t\tconst size = Number( match[ 1 ] );\n\t *\n\t * \t\tif ( size > 26 ) {\n\t * \t\t\t// Returned value can be an object with the matched properties.\n\t * \t\t\t// These properties will be \"consumed\" during the conversion.\n\t * \t\t\t// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.\n\t *\n\t * \t\t\treturn { name: true, styles: [ 'font-size' ] };\n\t * \t\t}\n\t *\n\t * \t\treturn null;\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * `definition.model` is a `String` with a model element name to convert from or to.\n\t *\n\t * @param definition The converter definition.\n\t */\n\tpublic elementToElement( definition: {\n\t\tmodel: string;\n\t\tview: ViewElementDefinition;\n\t\tupcastAlso?: ArrayOrItem<ViewElementDefinition | MatcherPattern>;\n\t\tconverterPriority?: PriorityString;\n\t} ): void {\n\t\t// Set up downcast converter.\n\t\tthis.for( 'downcast' ).elementToElement( definition );\n\n\t\t// Set up upcast converter.\n\t\tfor ( const { model, view } of _getAllUpcastDefinitions( definition ) ) {\n\t\t\tthis.for( 'upcast' )\n\t\t\t\t.elementToElement( {\n\t\t\t\t\tmodel,\n\t\t\t\t\tview,\n\t\t\t\t\tconverterPriority: definition.converterPriority\n\t\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Sets up converters between the model and the view that convert a model attribute to a view element (and vice versa).\n\t * For example, a model text node with `\"Foo\"` as data and the `bold` attribute will be turned to `<strong>Foo</strong>` in the view.\n\t *\n\t * ```ts\n\t * // A simple conversion from the `bold=true` attribute to the `<strong>` view element (and vice versa).\n\t * editor.conversion.attributeToElement( { model: 'bold', view: 'strong' } );\n\t *\n\t * // Override other converters by specifying a converter definition with a higher priority.\n\t * editor.conversion.attributeToElement( { model: 'bold', view: 'b', converterPriority: 'high' } );\n\t *\n\t * // View specified as an object instead of a string.\n\t * editor.conversion.attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: {\n\t * \t\tname: 'span',\n\t * \t\tclasses: 'bold'\n\t * \t}\n\t * } );\n\t *\n\t * // Use `config.model.name` to define the conversion only from a given node type, `$text` in this case.\n\t * // The same attribute on different elements may then be handled by a different converter.\n\t * editor.conversion.attributeToElement( {\n\t * \tmodel: {\n\t * \t\tkey: 'textDecoration',\n\t * \t\tvalues: [ 'underline', 'lineThrough' ],\n\t * \t\tname: '$text'\n\t * \t},\n\t * \tview: {\n\t * \t\tunderline: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'text-decoration': 'underline'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tlineThrough: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'text-decoration': 'line-through'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * // Use `upcastAlso` to define other view elements that should also be converted to the `bold` attribute.\n\t * editor.conversion.attributeToElement( {\n\t * \tmodel: 'bold',\n\t * \tview: 'strong',\n\t * \tupcastAlso: [\n\t * \t\t'b',\n\t * \t\t{\n\t * \t\t\tname: 'span',\n\t * \t\t\tclasses: 'bold'\n\t * \t\t},\n\t * \t\t{\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-weight': 'bold'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tviewElement => {\n\t * \t\t\tconst fontWeight = viewElement.getStyle( 'font-weight' );\n\t *\n\t * \t\t\tif ( viewElement.is( 'element', 'span' ) && fontWeight && /\\d+/.test() && Number( fontWeight ) > 500 ) {\n\t * \t\t\t\t// Returned value can be an object with the matched properties.\n\t * \t\t\t\t// These properties will be \"consumed\" during the conversion.\n\t * \t\t\t\t// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.\n\t *\n\t * \t\t\t\treturn {\n\t * \t\t\t\t\tname: true,\n\t * \t\t\t\t\tstyles: [ 'font-weight' ]\n\t * \t\t\t\t};\n\t * \t\t\t}\n\t * \t\t}\n\t * \t]\n\t * } );\n\t *\n\t * // Conversion from and to a model attribute key whose value is an enum (`fontSize=big|small`).\n\t * // `upcastAlso` set as callback enables a conversion of a wide range of different view elements.\n\t * editor.conversion.attributeToElement( {\n\t * \tmodel: {\n\t * \t\tkey: 'fontSize',\n\t * \t\tvalues: [ 'big', 'small' ]\n\t * \t},\n\t * \tview: {\n\t * \t\tbig: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-size': '1.2em'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tsmall: {\n\t * \t\t\tname: 'span',\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'font-size': '0.8em'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t},\n\t * \tupcastAlso: {\n\t * \t\tbig: viewElement => {\n\t * \t\t\tconst fontSize = viewElement.getStyle( 'font-size' );\n\t *\n\t * \t\t\tif ( !fontSize ) {\n\t * \t\t\t\treturn null;\n\t * \t\t\t}\n\t *\n\t * \t\t\tconst match = fontSize.match( /(\\d+)\\s*px/ );\n\t *\n\t * \t\t\tif ( !match ) {\n\t * \t\t\t\treturn null;\n\t * \t\t\t}\n\t *\n\t * \t\t\tconst size = Number( match[ 1 ] );\n\t *\n\t * \t\t\tif ( viewElement.is( 'element', 'span' ) && size > 10 ) {\n\t * \t\t\t\t// Returned value can be an object with the matched properties.\n\t * \t\t\t\t// These properties will be \"consumed\" during the conversion.\n\t * \t\t\t\t// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.\n\t *\n\t * \t\t\t\treturn { name: true, styles: [ 'font-size' ] };\n\t * \t\t\t}\n\t *\n\t * \t\t\treturn null;\n\t * \t\t},\n\t * \t\tsmall: viewElement => {\n\t * \t\t\tconst fontSize = viewElement.getStyle( 'font-size' );\n\t *\n\t * \t\t\tif ( !fontSize ) {\n\t * \t\t\t\treturn null;\n\t * \t\t\t}\n\t *\n\t * \t\t\tconst match = fontSize.match( /(\\d+)\\s*px/ );\n\t *\n\t * \t\t\tif ( !match ) {\n\t * \t\t\t\treturn null;\n\t * \t\t\t}\n\t *\n\t * \t\t\tconst size = Number( match[ 1 ] );\n\t *\n\t * \t\t\tif ( viewElement.is( 'element', 'span' ) && size < 10 ) {\n\t * \t\t\t\t// Returned value can be an object with the matched properties.\n\t * \t\t\t\t// These properties will be \"consumed\" during the conversion.\n\t * \t\t\t\t// See `engine.view.Matcher~MatcherPattern` and `engine.view.Matcher#match` for more details.\n\t *\n\t * \t\t\t\treturn { name: true, styles: [ 'font-size' ] };\n\t * \t\t\t}\n\t *\n\t * \t\t\treturn null;\n\t * \t\t}\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * The `definition.model` parameter specifies which model attribute should be converted from or to. It can be a `{ key, value }` object\n\t * describing the attribute key and value to convert or a `String` specifying just the attribute key (in such a case\n\t * `value` is set to `true`).\n\t *\n\t * @param definition The converter definition.\n\t */\n\tpublic attributeToElement<TValues extends string>(\n\t\tdefinition: {\n\t\t\tmodel: string | {\n\t\t\t\tkey: string;\n\t\t\t\tname?: string;\n\t\t\t};\n\t\t\tview: ViewElementDefinition;\n\t\t\tupcastAlso?: ArrayOrItem<MatcherPattern>;\n\t\t\tconverterPriority?: PriorityString;\n\t\t} | {\n\t\t\tmodel: {\n\t\t\t\tkey: string;\n\t\t\t\tname?: string;\n\t\t\t\tvalues: Array<TValues>;\n\t\t\t};\n\t\t\tview: Record<TValues, ViewElementDefinition>;\n\t\t\tupcastAlso?: Record<TValues, ArrayOrItem<MatcherPattern>>;\n\t\t\tconverterPriority?: PriorityString;\n\t\t}\n\t): void {\n\t\t// Set up downcast converter.\n\t\tthis.for( 'downcast' ).attributeToElement( definition );\n\n\t\t// Set up upcast converter.\n\t\tfor ( const { model, view } of _getAllUpcastDefinitions( definition ) ) {\n\t\t\tthis.for( 'upcast' )\n\t\t\t\t.elementToAttribute( {\n\t\t\t\t\tview,\n\t\t\t\t\tmodel,\n\t\t\t\t\tconverterPriority: definition.converterPriority\n\t\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Sets up converters between the model and the view that convert a model attribute to a view attribute (and vice versa). For example,\n\t * `<imageBlock src='foo.jpg'></imageBlock>` is converted to `<img src='foo.jpg'></img>` (the same attribute key and value).\n\t * This type of converters is intended to be used with {@link module:engine/model/element~ModelElement model element} nodes.\n\t * To convert the text attributes,\n\t * the {@link module:engine/conversion/conversion~Conversion#attributeToElement `attributeToElement converter`}should be set up.\n\t *\n\t * ```ts\n\t * // A simple conversion from the `source` model attribute to the `src` view attribute (and vice versa).\n\t * editor.conversion.attributeToAttribute( { model: 'source', view: 'src' } );\n\t *\n\t * // Attribute values are strictly specified.\n\t * editor.conversion.attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tname: 'imageInline',\n\t * \t\tkey: 'aside',\n\t * \t\tvalues: [ 'aside' ]\n\t * \t},\n\t * \tview: {\n\t * \t\taside: {\n\t * \t\t\tname: 'img',\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: [ 'aside', 'half-size' ]\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * // Set the style attribute.\n\t * editor.conversion.attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tname: 'imageInline',\n\t * \t\tkey: 'aside',\n\t * \t\tvalues: [ 'aside' ]\n\t * \t},\n\t * \tview: {\n\t * \t\taside: {\n\t * \t\t\tname: 'img',\n\t * \t\t\tkey: 'style',\n\t * \t\t\tvalue: {\n\t * \t\t\t\tfloat: 'right',\n\t * \t\t\t\twidth: '50%',\n\t * \t\t\t\tmargin: '5px'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t * } );\n\t *\n\t * // Conversion from and to a model attribute key whose value is an enum (`align=right|center`).\n\t * // Use `upcastAlso` to define other view elements that should also be converted to the `align=right` attribute.\n\t * editor.conversion.attributeToAttribute( {\n\t * \tmodel: {\n\t * \t\tkey: 'align',\n\t * \t\tvalues: [ 'right', 'center' ]\n\t * \t},\n\t * \tview: {\n\t * \t\tright: {\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: 'align-right'\n\t * \t\t},\n\t * \t\tcenter: {\n\t * \t\t\tkey: 'class',\n\t * \t\t\tvalue: 'align-center'\n\t * \t\t}\n\t * \t},\n\t * \tupcastAlso: {\n\t * \t\tright: {\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'text-align': 'right'\n\t * \t\t\t}\n\t * \t\t},\n\t * \t\tcenter: {\n\t * \t\t\tstyles: {\n\t * \t\t\t\t'text-align': 'center'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * The `definition.model` parameter specifies which model attribute should be converted from and to.\n\t * It can be a `{ key, [ values ], [ name ] }` object or a `String`, which will be treated like `{ key: definition.model }`.\n\t * The `key` property is the model attribute key to convert from and to.\n\t * The `values` are the possible model attribute values. If the `values` parameter is not set, the model attribute value\n\t * will be the same as the view attribute value.\n\t * If `name` is set, the conversion will be set up only for model elements with the given name.\n\t *\n\t * The `definition.view` parameter specifies which view attribute should be converted from and to.\n\t * It can be a `{ key, value, [ name ] }` object or a `String`, which will be treated like `{ key: definition.view }`.\n\t * The `key` property is the view attribute key to convert from and to.\n\t * The `value` is the view attribute value to convert from and to. If `definition.value` is not set, the view attribute value will be\n\t * the same as the model attribute value.\n\t * If `key` is `'class'`, `value` can be a `String` or an array of `String`s.\n\t * If `key` is `'style'`, `value` is an object with key-value pairs.\n\t * In other cases, `value` is a `String`.\n\t * If `name` is set, the conversion will be set up only for model elements with the given name.\n\t * If `definition.model.values` is set, `definition.view` is an object that assigns values from `definition.model.values`\n\t * to `{ key, value, [ name ] }` objects.\n\t *\n\t * `definition.upcastAlso` specifies which other matching view elements should also be upcast to the given model configuration.\n\t * If `definition.model.values` is set, `definition.upcastAlso` should be an object assigning values from `definition.model.values`\n\t * to {@link module:engine/view/matcher~MatcherPattern}s or arrays of {@link module:engine/view/matcher~MatcherPattern}s.\n\t *\n\t * **Note:** `definition.model` and `definition.view` form should be mirrored, so the same types of parameters should\n\t * be given in both parameters.\n\t *\n\t * @param definition The converter definition.\n\t * @param definition.model The model attribute to convert from and to.\n\t * @param definition.view The view attribute to convert from and to.\n\t * @param definition.upcastAlso Any view element matching `definition.upcastAlso` will also be converted to the given model attribute.\n\t * `definition.upcastAlso` is used only if `config.model.values` is specified.\n\t */\n\tpublic attributeToAttribute<TValues extends string>(\n\t\tdefinition: {\n\t\t\tmodel: string | {\n\t\t\t\tkey: string;\n\t\t\t\tname?: string;\n\t\t\t};\n\t\t\tview: string | ( DowncastAttributeDescriptor & { name?: string } );\n\t\t\tupcastAlso?: ArrayOrItem<string | ( DowncastAttributeDescriptor & { name?: string } ) | DowncastAttributeCreatorFunction>;\n\t\t\tconverterPriority?: PriorityString;\n\t\t} | {\n\t\t\tmodel: {\n\t\t\t\tkey: string;\n\t\t\t\tname?: string;\n\t\t\t\tvalues: Array<TValues>;\n\t\t\t};\n\t\t\tview: Record<TValues, ( DowncastAttributeDescriptor & { name?: string } )>;\n\t\t\tupcastAlso?: Record<TValues, ( DowncastAttributeDescriptor & { name?: string } ) | DowncastAttributeCreatorFunction>;\n\t\t\tconverterPriority?: PriorityString;\n\t\t} ): void {\n\t\t// Set up downcast converter.\n\t\tthis.for( 'downcast' ).attributeToAttribute( definition );\n\n\t\t// Set up upcast converter.\n\t\tfor ( const { model, view } of _getAllUpcastDefinitions( definition ) ) {\n\t\t\tthis.for( 'upcast' )\n\t\t\t\t.attributeToAttribute( {\n\t\t\t\t\tview,\n\t\t\t\t\tmodel\n\t\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Creates and caches conversion helpers for given dispatchers group.\n\t *\n\t * @param options Group name.\n\t * @param options.name Group name.\n\t * @param options.dispatchers Dispatchers to register.\n\t * @param options.isDowncast Whether downcast group.\n\t */\n\tprivate _createConversionHelpers(\n\t\t{ name, dispatchers, isDowncast }: {\n\t\t\tname: string;\n\t\t\tdispatchers: Array<DowncastDispatcher | UpcastDispatcher>;\n\t\t\tisDowncast: boolean;\n\t\t}\n\t): void {\n\t\tif ( this._helpers.has( name ) ) {\n\t\t\t/**\n\t\t\t * Trying to register a group name that has already been registered.\n\t\t\t *\n\t\t\t * @error conversion-group-exists\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'conversion-group-exists', this );\n\t\t}\n\n\t\tconst helpers = isDowncast ?\n\t\t\tnew DowncastHelpers( dispatchers as Array<DowncastDispatcher> ) :\n\t\t\tnew UpcastHelpers( dispatchers as Array<UpcastDispatcher> );\n\n\t\tthis._helpers.set( name, helpers );\n\t}\n}\n\n/**\n * Helper function that creates a joint array out of an item passed in `definition.view` and items passed in\n * `definition.upcastAlso`.\n */\nfunction* _getAllUpcastDefinitions( definition: any ): IterableIterator<{ model: any; view: any }> {\n\tif ( definition.model.values ) {\n\t\tfor ( const value of definition.model.values ) {\n\t\t\tconst model = { key: definition.model.key, value };\n\t\t\tconst view = definition.view[ value ];\n\t\t\tconst upcastAlso = definition.upcastAlso ? definition.upcastAlso[ value ] : undefined;\n\n\t\t\tyield* _getUpcastDefinition( model, view, upcastAlso );\n\t\t}\n\t} else {\n\t\tyield* _getUpcastDefinition( definition.model, definition.view, definition.upcastAlso );\n\t}\n}\n\nfunction* _getUpcastDefinition( model: unknown, view: unknown, upcastAlso?: unknown ): any {\n\tyield { model, view };\n\n\tif ( upcastAlso ) {\n\t\tfor ( const upcastAlsoItem of toArray( upcastAlso ) ) {\n\t\t\tyield { model, view: upcastAlsoItem };\n\t\t}\n\t}\n}\n\nexport type ConversionType<T extends string> = T extends `${ string }Downcast`\n\t? DowncastHelpers\n\t: T extends `${ string }Upcast`\n\t\t? UpcastHelpers\n\t\t: DowncastHelpers | UpcastHelpers;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/dataprocessor/xmldataprocessor\n */\n\nimport { BasicHtmlWriter } from './basichtmlwriter.js';\nimport { ViewDomConverter } from '../view/domconverter.js';\n\nimport { type DataProcessor } from './dataprocessor.js';\nimport { type DataProcessorHtmlWriter } from './htmlwriter.js';\nimport { type ViewDocument } from '../view/document.js';\nimport { type ViewDocumentFragment } from '../view/documentfragment.js';\nimport type { MatcherPattern } from '../view/matcher.js';\n\n/**\n * The XML data processor class.\n * This data processor implementation uses XML as input and output data.\n * This class is needed because unlike HTML, XML allows to use any tag with any value.\n * For example, `<link>Text</link>` is a valid XML but invalid HTML.\n */\nexport class XmlDataProcessor implements DataProcessor {\n\t/**\n\t * A list of namespaces allowed to use in the XML input.\n\t *\n\t * For example, registering namespaces [ 'attribute', 'container' ] allows to use `<attirbute:tagName></attribute:tagName>`\n\t * and `<container:tagName></container:tagName>` input. It is mainly for debugging.\n\t */\n\tpublic namespaces: Array<string>;\n\n\t/**\n\t * DOM parser instance used to parse an XML string to an XML document.\n\t */\n\tpublic domParser: DOMParser;\n\n\t/**\n\t * DOM converter used to convert DOM elements to view elements.\n\t */\n\tpublic domConverter: ViewDomConverter;\n\n\t/**\n\t * A basic HTML writer instance used to convert DOM elements to an XML string.\n\t * There is no need to use a dedicated XML writer because the basic HTML writer works well in this case.\n\t */\n\tpublic htmlWriter: DataProcessorHtmlWriter;\n\n\tpublic skipComments: boolean = true;\n\n\t/**\n\t * Creates a new instance of the XML data processor class.\n\t *\n\t * @param document The view document instance.\n\t * @param options Configuration options.\n\t * @param options.namespaces A list of namespaces allowed to use in the XML input.\n\t */\n\tconstructor( document: ViewDocument, options: { namespaces?: Array<string> } = {} ) {\n\t\tthis.namespaces = options.namespaces || [];\n\t\tthis.domParser = new DOMParser();\n\t\tthis.domConverter = new ViewDomConverter( document, { renderingMode: 'data' } );\n\t\tthis.htmlWriter = new BasicHtmlWriter();\n\t}\n\n\t/**\n\t * Converts the provided {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}\n\t * to data format &ndash; in this case an XML string.\n\t *\n\t * @returns An XML string.\n\t */\n\tpublic toData( viewFragment: ViewDocumentFragment ): string {\n\t\t// Convert view DocumentFragment to DOM DocumentFragment.\n\t\tconst domFragment = this.domConverter.viewToDom( viewFragment );\n\n\t\t// Convert DOM DocumentFragment to XML output.\n\t\t// There is no need to use dedicated for XML serializing method because BasicHtmlWriter works well in this case.\n\t\treturn this.htmlWriter.getHtml( domFragment );\n\t}\n\n\t/**\n\t * Converts the provided XML string to a view tree.\n\t *\n\t * @param data An XML string.\n\t * @returns A converted view element.\n\t */\n\tpublic toView( data: string ): ViewDocumentFragment {\n\t\t// Convert input XML data to DOM DocumentFragment.\n\t\tconst domFragment = this._toDom( data );\n\n\t\t// Convert DOM DocumentFragment to view DocumentFragment.\n\t\treturn this.domConverter.domToView(\n\t\t\tdomFragment,\n\t\t\t{\n\t\t\t\tkeepOriginalCase: true,\n\t\t\t\tskipComments: this.skipComments\n\t\t\t}\n\t\t) as ViewDocumentFragment;\n\t}\n\n\t/**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from XML to view elements.\n\t *\n\t * The raw data can be later accessed by a\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty custom property of a view element} called `\"$rawContent\"`.\n\t *\n\t * @param pattern Pattern matching all view elements whose content should be treated as raw data.\n\t */\n\tpublic registerRawContentMatcher( pattern: MatcherPattern ): void {\n\t\tthis.domConverter.registerRawContentMatcher( pattern );\n\t}\n\n\t/**\n\t * If the processor is set to use marked fillers, it will insert `&nbsp;` fillers wrapped in `<span>` elements\n\t * (`<span data-cke-filler=\"true\">&nbsp;</span>`) instead of regular `&nbsp;` characters.\n\t *\n\t * This mode allows for a more precise handling of block fillers (so they do not leak into editor content) but\n\t * bloats the editor data with additional markup.\n\t *\n\t * This mode may be required by some features and will be turned on by them automatically.\n\t *\n\t * @param type Whether to use the default or the marked `&nbsp;` block fillers.\n\t */\n\tpublic useFillerType( type: 'default' | 'marked' ): void {\n\t\tthis.domConverter.blockFillerMode = type == 'marked' ? 'markedNbsp' : 'nbsp';\n\t}\n\n\t/**\n\t * Converts an XML string to its DOM representation. Returns a document fragment containing nodes parsed from\n\t * the provided data.\n\t */\n\tprivate _toDom( data: string ): DocumentFragment {\n\t\t// Stringify namespaces.\n\t\tconst namespaces = this.namespaces.map( nsp => `xmlns:${ nsp }=\"nsp\"` ).join( ' ' );\n\n\t\t// Wrap data into root element with optional namespace definitions.\n\t\tdata = `<xml ${ namespaces }>${ data }</xml>`;\n\n\t\tconst parsedDocument = this.domParser.parseFromString( data, 'text/xml' );\n\n\t\t// Parse validation.\n\t\tconst parserError = parsedDocument.querySelector( 'parsererror' );\n\n\t\tif ( parserError ) {\n\t\t\tthrow new Error( 'Parse error - ' + parserError.textContent );\n\t\t}\n\n\t\tconst fragment = parsedDocument.createDocumentFragment();\n\t\tconst nodes = parsedDocument.documentElement.childNodes;\n\n\t\twhile ( nodes.length > 0 ) {\n\t\t\tfragment.appendChild( nodes[ 0 ] );\n\t\t}\n\n\t\treturn fragment;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/* eslint-disable @typescript-eslint/no-unused-vars */\n\n/**\n * @module engine/model/operation/operation\n */\n\nimport { type Batch } from '../batch.js';\nimport { type ModelDocument } from '../document.js';\nimport type { ModelSelectable } from '../selection.js';\n\n/**\n * Abstract base operation class.\n */\nexport abstract class Operation {\n\t/**\n\t * {@link module:engine/model/document~ModelDocument#version} on which operation can be applied. If you try to\n\t * {@link module:engine/model/model~Model#applyOperation apply} operation with different base version than the\n\t * {@link module:engine/model/document~ModelDocument#version document version} the\n\t * {@link module:utils/ckeditorerror~CKEditorError model-document-applyOperation-wrong-version} error is thrown.\n\t */\n\tpublic baseVersion: number | null;\n\n\t/**\n\t * Defines whether operation is executed on attached or detached {@link module:engine/model/item~ModelItem items}.\n\t */\n\tpublic readonly isDocumentOperation: boolean;\n\n\t/**\n\t * {@link module:engine/model/batch~Batch Batch} to which the operation is added or `null` if the operation is not\n\t * added to any batch yet.\n\t *\n\t * Note, that a {@link #isDocumentOperation non-document operation} has this property always set to `null`, and is never added\n\t * to any batch.\n\t */\n\tpublic batch: Batch | null;\n\n\t/**\n\t * Operation type.\n\t */\n\tpublic readonly abstract type: string;\n\n\t/**\n\t * Base operation constructor.\n\t *\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */\n\tconstructor( baseVersion: number | null ) {\n\t\tthis.baseVersion = baseVersion;\n\t\tthis.isDocumentOperation = this.baseVersion !== null;\n\t\tthis.batch = null;\n\t}\n\n\t/**\n\t * A selectable that will be affected by the operation after it is executed.\n\t *\n\t * The exact returned parameter differs between operation types.\n\t */\n\tpublic abstract get affectedSelectable(): ModelSelectable;\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t *\n\t * @returns Clone of this operation.\n\t */\n\tpublic abstract clone(): Operation;\n\n\t/**\n\t * Creates and returns a reverse operation. Reverse operation when executed right after\n\t * the original operation will bring back tree model state to the point before the original\n\t * operation execution. In other words, it reverses changes done by the original operation.\n\t *\n\t * Keep in mind that tree model state may change since executing the original operation,\n\t * so reverse operation will be \"outdated\". In that case you will need to transform it by\n\t * all operations that were executed after the original operation.\n\t *\n\t * @returns Reversed operation.\n\t */\n\tpublic abstract getReversed(): Operation;\n\n\t/**\n\t * Executes the operation - modifications described by the operation properties will be applied to the model tree.\n\t *\n\t * @internal\n\t */\n\tpublic abstract _execute(): void;\n\n\t/**\n\t * Checks whether the operation's parameters are correct and the operation can be correctly executed. Throws\n\t * an error if operation is not valid.\n\t *\n\t * @internal\n\t */\n\tpublic _validate(): void {\n\t}\n\n\t/**\n\t * Custom toJSON method to solve child-parent circular dependencies.\n\t *\n\t * @returns Clone of this object with the operation property replaced with string.\n\t */\n\tpublic toJSON(): unknown {\n\t\t// This method creates only a shallow copy, all nested objects should be defined separately.\n\t\t// See https://github.com/ckeditor/ckeditor5-engine/issues/1477.\n\t\tconst json: any = Object.assign( {}, this );\n\n\t\tjson.__className = ( this.constructor as any ).className;\n\n\t\t// Remove reference to the parent `Batch` to avoid circular dependencies.\n\t\tdelete json.batch;\n\n\t\t// This can be derived from `baseVersion` so we can remove it.\n\t\tdelete json.isDocumentOperation;\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Name of the operation class used for serialization.\n\t */\n\tpublic static get className(): string {\n\t\treturn 'Operation';\n\t}\n\n\t/**\n\t * Creates `Operation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static fromJSON( json: any, document: ModelDocument ): Operation {\n\t\treturn new ( this as any )( json.baseVersion );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // log() {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( this.toString() );\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/utils\n */\n\nimport { ModelNode } from '../node.js';\nimport { ModelRange } from '../range.js';\nimport { ModelText } from '../text.js';\nimport { ModelTextProxy } from '../textproxy.js';\n\nimport { type ModelDocumentFragment } from '../documentfragment.js';\nimport { type ModelElement } from '../element.js';\nimport { type ModelItem } from '../item.js';\nimport { type ModelNodeList } from '../nodelist.js';\nimport { type ModelPosition } from '../position.js';\n\nimport { CKEditorError, isIterable } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Inserts given nodes at given position.\n *\n * @internal\n * @param position Position at which nodes should be inserted.\n * @param nodes Nodes to insert.\n * @returns Range spanning over inserted elements.\n */\nexport function _insert( position: ModelPosition, nodes: ModelNodeSet ): ModelRange {\n\tconst normalizedNodes = _normalizeNodes( nodes );\n\n\t// We have to count offset before inserting nodes because they can get merged and we would get wrong offsets.\n\tconst offset = normalizedNodes.reduce( ( sum, node ) => sum + node.offsetSize, 0 );\n\tconst parent = position.parent;\n\n\t// Insertion might be in a text node, we should split it if that's the case.\n\t_splitNodeAtPosition( position );\n\tconst index = position.index;\n\n\t// Insert nodes at given index. After splitting we have a proper index and insertion is between nodes,\n\t// using basic `Element` API.\n\tparent._insertChild( index, normalizedNodes );\n\n\t// Merge text nodes, if possible. Merging is needed only at points where inserted nodes \"touch\" \"old\" nodes.\n\t_mergeNodesAtIndex( parent, index + normalizedNodes.length );\n\t_mergeNodesAtIndex( parent, index );\n\n\treturn new ModelRange( position, position.getShiftedBy( offset ) );\n}\n\n/**\n * Removed nodes in given range. Only {@link module:engine/model/range~ModelRange#isFlat flat} ranges are accepted.\n *\n * @internal\n * @param range Range containing nodes to remove.\n */\nexport function _remove( this: any, range: ModelRange ): Array<ModelNode> {\n\tif ( !range.isFlat ) {\n\t\t/**\n\t\t * Trying to remove a range which starts and ends in different element.\n\t\t *\n\t\t * @error operation-utils-remove-range-not-flat\n\t\t */\n\t\tthrow new CKEditorError(\n\t\t\t'operation-utils-remove-range-not-flat',\n\t\t\tthis\n\t\t);\n\t}\n\n\tconst parent = range.start.parent;\n\n\t// Range may be inside text nodes, we have to split them if that's the case.\n\t_splitNodeAtPosition( range.start );\n\t_splitNodeAtPosition( range.end );\n\n\t// Remove the text nodes using basic `Element` API.\n\tconst removed = parent._removeChildren( range.start.index, range.end.index - range.start.index );\n\n\t// Merge text nodes, if possible. After some nodes were removed, node before and after removed range will be\n\t// touching at the position equal to the removed range beginning. We check merging possibility there.\n\t_mergeNodesAtIndex( parent, range.start.index );\n\n\treturn removed;\n}\n\n/**\n * Moves nodes in given range to given target position. Only {@link module:engine/model/range~ModelRange#isFlat flat} ranges are accepted.\n *\n * @internal\n * @param sourceRange Range containing nodes to move.\n * @param targetPosition Position to which nodes should be moved.\n * @returns Range containing moved nodes.\n */\nexport function _move( this: any, sourceRange: ModelRange, targetPosition: ModelPosition ): ModelRange {\n\tif ( !sourceRange.isFlat ) {\n\t\t/**\n\t\t * Trying to move a range which starts and ends in different element.\n\t\t *\n\t\t * @error operation-utils-move-range-not-flat\n\t\t */\n\t\tthrow new CKEditorError(\n\t\t\t'operation-utils-move-range-not-flat',\n\t\t\tthis\n\t\t);\n\t}\n\n\tconst nodes = _remove( sourceRange );\n\n\t// We have to fix `targetPosition` because model changed after nodes from `sourceRange` got removed and\n\t// that change might have an impact on `targetPosition`.\n\ttargetPosition = targetPosition._getTransformedByDeletion( sourceRange.start, sourceRange.end.offset - sourceRange.start.offset )!;\n\n\treturn _insert( targetPosition, nodes );\n}\n\n/**\n * Sets given attribute on nodes in given range. The attributes are only set on top-level nodes of the range, not on its children.\n *\n * @internal\n * @param range Range containing nodes that should have the attribute set. Must be a flat range.\n * @param key Key of attribute to set.\n * @param value Attribute value.\n */\nexport function _setAttribute( range: ModelRange, key: string, value: unknown ): void {\n\t// Range might start or end in text nodes, so we have to split them.\n\t_splitNodeAtPosition( range.start );\n\t_splitNodeAtPosition( range.end );\n\n\t// Iterate over all items in the range.\n\tfor ( const item of range.getItems( { shallow: true } ) ) {\n\t\t// Iterator will return `ModelTextProxy` instances but we know that those text proxies will\n\t\t// always represent full text nodes (this is guaranteed thanks to splitting we did before).\n\t\t// So, we can operate on those text proxies' text nodes.\n\t\tconst node = item.is( '$textProxy' ) ? item.textNode : item;\n\n\t\tif ( value !== null ) {\n\t\t\tnode._setAttribute( key, value );\n\t\t} else {\n\t\t\tnode._removeAttribute( key );\n\t\t}\n\n\t\t// After attributes changing it may happen that some text nodes can be merged. Try to merge with previous node.\n\t\t_mergeNodesAtIndex( node.parent!, node.index! );\n\t}\n\n\t// Try to merge last changed node with it's previous sibling (not covered by the loop above).\n\t_mergeNodesAtIndex( range.end.parent, range.end.index );\n}\n\n/**\n * Normalizes given object or an array of objects to an array of {@link module:engine/model/node~ModelNode nodes}. See\n * {@link ~ModelNodeSet NodeSet} for details on how normalization is performed.\n *\n * @internal\n * @param nodes Objects to normalize.\n * @returns Normalized nodes.\n */\nexport function _normalizeNodes( nodes: ModelNodeSet ): Array<ModelNode> {\n\tconst normalized: Array<ModelNode> = [];\n\n\tfunction convert( nodes: ModelNodeSet ) {\n\t\tif ( typeof nodes == 'string' ) {\n\t\t\tnormalized.push( new ModelText( nodes ) );\n\t\t} else if ( nodes instanceof ModelTextProxy ) {\n\t\t\tnormalized.push( new ModelText( nodes.data, nodes.getAttributes() ) );\n\t\t} else if ( nodes instanceof ModelNode ) {\n\t\t\tnormalized.push( nodes );\n\t\t} else if ( isIterable( nodes ) ) {\n\t\t\tfor ( const node of nodes ) {\n\t\t\t\tconvert( node );\n\t\t\t}\n\t\t} else {\n\t\t\t// Skip unrecognized type.\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t\t\tconst unreachable: never = nodes;\n\t\t}\n\t}\n\n\tconvert( nodes );\n\n\t// Merge text nodes.\n\tfor ( let i = 1; i < normalized.length; i++ ) {\n\t\tconst node = normalized[ i ];\n\t\tconst prev = normalized[ i - 1 ];\n\n\t\tif ( node instanceof ModelText && prev instanceof ModelText && _haveSameAttributes( node, prev ) ) {\n\t\t\t// Doing this instead changing `prev.data` because `data` is readonly.\n\t\t\tnormalized.splice( i - 1, 2, new ModelText( prev.data + node.data, prev.getAttributes() ) );\n\t\t\ti--;\n\t\t}\n\t}\n\n\treturn normalized;\n}\n\n/**\n * Checks if nodes before and after given index in given element are {@link module:engine/model/text~ModelText text nodes} and\n * merges them into one node if they have same attributes.\n *\n * Merging is done by removing two text nodes and inserting a new text node containing data from both merged text nodes.\n *\n * @param element Parent element of nodes to merge.\n * @param index Index between nodes to merge.\n */\nfunction _mergeNodesAtIndex( element: ModelElement | ModelDocumentFragment, index: number ) {\n\tconst nodeBefore = element.getChild( index - 1 );\n\tconst nodeAfter = element.getChild( index );\n\n\t// Check if both of those nodes are text objects with same attributes.\n\tif ( nodeBefore && nodeAfter && nodeBefore.is( '$text' ) && nodeAfter.is( '$text' ) && _haveSameAttributes( nodeBefore, nodeAfter ) ) {\n\t\t// Append text of text node after index to the before one.\n\t\tconst mergedNode = new ModelText( nodeBefore.data + nodeAfter.data, nodeBefore.getAttributes() );\n\n\t\t// Remove separate text nodes.\n\t\telement._removeChildren( index - 1, 2 );\n\n\t\t// Insert merged text node.\n\t\telement._insertChild( index - 1, mergedNode );\n\t}\n}\n\n/**\n * Checks if given position is in a text node, and if so, splits the text node in two text nodes, each of them\n * containing a part of original text node.\n *\n * @param position Position at which node should be split.\n */\nfunction _splitNodeAtPosition( position: ModelPosition ): void {\n\tconst textNode = position.textNode;\n\tconst element = position.parent;\n\n\tif ( textNode ) {\n\t\tconst offsetDiff = position.offset - textNode.startOffset!;\n\t\tconst index = textNode.index!;\n\n\t\telement._removeChildren( index, 1 );\n\n\t\tconst firstPart = new ModelText( textNode.data.substr( 0, offsetDiff ), textNode.getAttributes() );\n\t\tconst secondPart = new ModelText( textNode.data.substr( offsetDiff ), textNode.getAttributes() );\n\n\t\telement._insertChild( index, [ firstPart, secondPart ] );\n\t}\n}\n\n/**\n * Checks whether two given nodes have same attributes.\n *\n * @param nodeA Node to check.\n * @param nodeB Node to check.\n * @returns `true` if nodes have same attributes, `false` otherwise.\n */\nfunction _haveSameAttributes( nodeA: ModelNode, nodeB: ModelNode ): boolean | undefined {\n\tconst iteratorA = nodeA.getAttributes();\n\tconst iteratorB = nodeB.getAttributes();\n\n\tfor ( const attr of iteratorA ) {\n\t\tif ( attr[ 1 ] !== nodeB.getAttribute( attr[ 0 ] ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\titeratorB.next();\n\t}\n\n\treturn iteratorB.next().done;\n}\n\n/**\n * Value that can be normalized to an array of {@link module:engine/model/node~ModelNode nodes}.\n *\n * Non-arrays are normalized as follows:\n * * {@link module:engine/model/node~ModelNode Node} is left as is,\n * * {@link module:engine/model/textproxy~ModelTextProxy TextProxy} and `string` are normalized to\n * {@link module:engine/model/text~ModelText Text},\n * * {@link module:engine/model/nodelist~ModelNodeList NodeList} is normalized to an array containing all nodes that are in that node list,\n * * {@link module:engine/model/documentfragment~ModelDocumentFragment ModelDocumentFragment} is normalized to an array containing all of\n * it's children.\n *\n * Arrays are processed item by item like non-array values and flattened to one array. Normalization always results in\n * a flat array of {@link module:engine/model/node~ModelNode nodes}. Consecutive text nodes (or items normalized to text nodes) will be\n * merged if they have same attributes.\n */\nexport type ModelNodeSet =\n\t| ModelItem\n\t| string\n\t| ModelNodeList\n\t| ModelDocumentFragment\n\t| Iterable<ModelItem\n\t| string\n\t| ModelNodeList\n\t| ModelDocumentFragment>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/moveoperation\n */\n\nimport { Operation } from './operation.js';\nimport { ModelPosition } from '../position.js';\nimport { ModelRange } from '../range.js';\nimport { _move } from './utils.js';\nimport type { ModelSelectable } from '../selection.js';\n\nimport { CKEditorError, compareArrays } from '@ckeditor/ckeditor5-utils';\n\nimport { type ModelDocument } from '../document.js';\n\n// @if CK_DEBUG_ENGINE // const ModelRange = require( '../range' ).default;\n\n/**\n * Operation to move a range of {@link module:engine/model/item~ModelItem model items}\n * to given {@link module:engine/model/position~ModelPosition target position}.\n */\nexport class MoveOperation extends Operation {\n\t/**\n\t * Position before the first {@link module:engine/model/item~ModelItem model item} to move.\n\t */\n\tpublic sourcePosition: ModelPosition;\n\n\t/**\n\t * Offset size of moved range.\n\t */\n\tpublic howMany: number;\n\n\t/**\n\t * Position at which moved nodes will be inserted.\n\t */\n\tpublic targetPosition: ModelPosition;\n\n\t/**\n\t * Creates a move operation.\n\t *\n\t * @param sourcePosition Position before the first {@link module:engine/model/item~ModelItem model item} to move.\n\t * @param howMany Offset size of moved range. Moved range will start from `sourcePosition` and end at\n\t * `sourcePosition` with offset shifted by `howMany`.\n\t * @param targetPosition Position at which moved nodes will be inserted.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */\n\tconstructor( sourcePosition: ModelPosition, howMany: number, targetPosition: ModelPosition, baseVersion: number | null ) {\n\t\tsuper( baseVersion );\n\n\t\tthis.sourcePosition = sourcePosition.clone();\n\t\t// `'toNext'` because `sourcePosition` is a bit like a start of the moved range.\n\t\tthis.sourcePosition.stickiness = 'toNext';\n\n\t\tthis.howMany = howMany;\n\n\t\tthis.targetPosition = targetPosition.clone();\n\t\tthis.targetPosition.stickiness = 'toNone';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get type(): 'move' | 'remove' | 'reinsert' {\n\t\tif ( this.targetPosition.root.rootName == this.sourcePosition.root.rootName ) {\n\t\t\treturn 'move';\n\t\t} else if ( this.targetPosition.root.rootName == '$graveyard' ) {\n\t\t\treturn 'remove';\n\t\t} else if ( this.sourcePosition.root.rootName == '$graveyard' ) {\n\t\t\treturn 'reinsert';\n\t\t}\n\n\t\treturn 'move';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\treturn [\n\t\t\tModelRange._createFromPositionAndShift( this.sourcePosition, this.howMany ),\n\t\t\tModelRange._createFromPositionAndShift( this.targetPosition, 0 )\n\t\t];\n\t}\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */\n\tpublic clone(): MoveOperation {\n\t\treturn new MoveOperation( this.sourcePosition, this.howMany, this.targetPosition, this.baseVersion );\n\t}\n\n\t/**\n\t * Returns the start position of the moved range after it got moved. This may be different than\n\t * {@link module:engine/model/operation/moveoperation~MoveOperation#targetPosition} in some cases, i.e. when a range is moved\n\t * inside the same parent but {@link module:engine/model/operation/moveoperation~MoveOperation#targetPosition targetPosition}\n\t * is after {@link module:engine/model/operation/moveoperation~MoveOperation#sourcePosition sourcePosition}.\n\t *\n\t * ```\n\t *  vv              vv\n\t * abcdefg ===> adefbcg\n\t *      ^          ^\n\t *      targetPos  movedRangeStart\n\t *      offset 6   offset 4\n\t *```\n\t */\n\tpublic getMovedRangeStart(): ModelPosition {\n\t\treturn this.targetPosition._getTransformedByDeletion( this.sourcePosition, this.howMany )!;\n\t}\n\n\t/**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */\n\tpublic getReversed(): Operation {\n\t\tconst newTargetPosition = this.sourcePosition._getTransformedByInsertion( this.targetPosition, this.howMany );\n\n\t\treturn new MoveOperation( this.getMovedRangeStart(), this.howMany, newTargetPosition, this.baseVersion! + 1 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override _validate(): void {\n\t\tconst sourceElement = this.sourcePosition.parent;\n\t\tconst targetElement = this.targetPosition.parent;\n\t\tconst sourceOffset = this.sourcePosition.offset;\n\t\tconst targetOffset = this.targetPosition.offset;\n\n\t\t// Validate whether move operation has correct parameters.\n\t\t// Validation is pretty complex but move operation is one of the core ways to manipulate the document state.\n\t\t// We expect that many errors might be connected with one of scenarios described below.\n\t\tif ( sourceOffset + this.howMany > sourceElement.maxOffset ) {\n\t\t\t/**\n\t\t\t * The nodes which should be moved do not exist.\n\t\t\t *\n\t\t\t * @error move-operation-nodes-do-not-exist\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'move-operation-nodes-do-not-exist', this\n\t\t\t);\n\t\t} else if ( sourceElement === targetElement && sourceOffset < targetOffset && targetOffset < sourceOffset + this.howMany ) {\n\t\t\t/**\n\t\t\t * Trying to move a range of nodes into the middle of that range.\n\t\t\t *\n\t\t\t * @error move-operation-range-into-itself\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'move-operation-range-into-itself', this\n\t\t\t);\n\t\t} else if ( this.sourcePosition.root == this.targetPosition.root ) {\n\t\t\tif ( compareArrays( this.sourcePosition.getParentPath(), this.targetPosition.getParentPath() ) == 'prefix' ) {\n\t\t\t\tconst i = this.sourcePosition.path.length - 1;\n\n\t\t\t\tif ( this.targetPosition.path[ i ] >= sourceOffset && this.targetPosition.path[ i ] < sourceOffset + this.howMany ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * Trying to move a range of nodes into one of nodes from that range.\n\t\t\t\t\t *\n\t\t\t\t\t * @error move-operation-node-into-itself\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t\t'move-operation-node-into-itself', this\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic _execute(): void {\n\t\t_move( ModelRange._createFromPositionAndShift( this.sourcePosition, this.howMany ), this.targetPosition );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.sourcePosition = this.sourcePosition.toJSON();\n\t\tjson.targetPosition = this.targetPosition.toJSON();\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'MoveOperation';\n\t}\n\n\t/**\n\t * Creates `MoveOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static override fromJSON( json: any, document: ModelDocument ): MoveOperation {\n\t\tconst sourcePosition = ModelPosition.fromJSON( json.sourcePosition, document );\n\t\tconst targetPosition = ModelPosition.fromJSON( json.targetPosition, document );\n\n\t\treturn new this( sourcePosition, json.howMany, targetPosition, json.baseVersion );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \tconst range = ModelRange._createFromPositionAndShift( this.sourcePosition, this.howMany );\n\n\t// @if CK_DEBUG_ENGINE // \treturn `MoveOperation( ${ this.baseVersion } ): ${ range } -> ${ this.targetPosition }`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/insertoperation\n */\n\nimport { Operation } from './operation.js';\nimport { ModelPosition } from '../position.js';\nimport { ModelNodeList } from '../nodelist.js';\nimport { MoveOperation } from './moveoperation.js';\nimport { _insert, _normalizeNodes, type ModelNodeSet } from './utils.js';\nimport { ModelText } from '../text.js';\nimport { ModelElement } from '../element.js';\nimport type { ModelSelectable } from '../selection.js';\n\nimport { type ModelDocument } from '../document.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Operation to insert one or more nodes at given position in the model.\n */\nexport class InsertOperation extends Operation {\n\t/**\n\t * Position of insertion.\n\t *\n\t * @readonly\n\t */\n\tpublic position: ModelPosition;\n\n\t/**\n\t * List of nodes to insert.\n\t *\n\t * @readonly\n\t */\n\tpublic nodes: ModelNodeList;\n\n\t/**\n\t * Flag deciding how the operation should be transformed. If set to `true`, nodes might get additional attributes\n\t * during operational transformation. This happens when the operation insertion position is inside of a range\n\t * where attributes have changed.\n\t */\n\tpublic shouldReceiveAttributes: boolean;\n\n\t/**\n\t * Creates an insert operation.\n\t *\n\t * @param position Position of insertion.\n\t * @param nodes The list of nodes to be inserted.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */\n\tconstructor( position: ModelPosition, nodes: ModelNodeSet, baseVersion: number | null ) {\n\t\tsuper( baseVersion );\n\n\t\tthis.position = position.clone();\n\t\tthis.position.stickiness = 'toNone';\n\t\tthis.nodes = new ModelNodeList( _normalizeNodes( nodes ) );\n\t\tthis.shouldReceiveAttributes = false;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get type(): 'insert' {\n\t\treturn 'insert';\n\t}\n\n\t/**\n\t * Total offset size of inserted nodes.\n\t */\n\tpublic get howMany(): number {\n\t\treturn this.nodes.maxOffset;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\treturn this.position.clone();\n\t}\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */\n\tpublic clone(): InsertOperation {\n\t\tconst nodes = new ModelNodeList( [ ...this.nodes ].map( node => node._clone( true ) ) );\n\t\tconst insert = new InsertOperation( this.position, nodes, this.baseVersion );\n\n\t\tinsert.shouldReceiveAttributes = this.shouldReceiveAttributes;\n\n\t\treturn insert;\n\t}\n\n\t/**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */\n\tpublic getReversed(): Operation {\n\t\tconst graveyard = this.position.root.document!.graveyard;\n\t\tconst gyPosition = new ModelPosition( graveyard, [ 0 ] );\n\n\t\treturn new MoveOperation( this.position, this.nodes.maxOffset, gyPosition, this.baseVersion! + 1 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override _validate(): void {\n\t\tconst targetElement = this.position.parent;\n\n\t\tif ( !targetElement || targetElement.maxOffset < this.position.offset ) {\n\t\t\t/**\n\t\t\t * Insertion position is invalid.\n\t\t\t *\n\t\t\t * @error insert-operation-position-invalid\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'insert-operation-position-invalid',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic _execute(): void {\n\t\t// What happens here is that we want original nodes be passed to writer because we want original nodes\n\t\t// to be inserted to the model. But in InsertOperation, we want to keep those nodes as they were added\n\t\t// to the operation, not modified. For example, text nodes can get merged or cropped while Elements can\n\t\t// get children. It is important that InsertOperation has the copy of original nodes in intact state.\n\t\tconst originalNodes = this.nodes;\n\t\tthis.nodes = new ModelNodeList( [ ...originalNodes ].map( node => node._clone( true ) ) );\n\n\t\t_insert( this.position, originalNodes );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.position = this.position.toJSON();\n\t\tjson.nodes = this.nodes.toJSON();\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'InsertOperation';\n\t}\n\n\t/**\n\t * Creates `InsertOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static override fromJSON( json: any, document: ModelDocument ): InsertOperation {\n\t\tconst children = [];\n\n\t\tfor ( const child of json.nodes ) {\n\t\t\tif ( child.name ) {\n\t\t\t\t// If child has name property, it is an Element.\n\t\t\t\tchildren.push( ModelElement.fromJSON( child ) );\n\t\t\t} else {\n\t\t\t\t// Otherwise, it is a Text node.\n\t\t\t\tchildren.push( ModelText.fromJSON( child ) );\n\t\t\t}\n\t\t}\n\n\t\tconst insert = new InsertOperation( ModelPosition.fromJSON( json.position, document ), children, json.baseVersion );\n\t\tinsert.shouldReceiveAttributes = json.shouldReceiveAttributes;\n\n\t\treturn insert;\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \tconst nodeString = this.nodes.length > 1 ? `[ ${ this.nodes.length } ]` : this.nodes.getNode( 0 );\n\n\t// @if CK_DEBUG_ENGINE // \treturn `InsertOperation( ${ this.baseVersion } ): ${ nodeString } -> ${ this.position }`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/splitoperation\n */\n\nimport { Operation } from './operation.js';\nimport { MergeOperation } from './mergeoperation.js';\nimport { ModelPosition } from '../position.js';\nimport { ModelRange } from '../range.js';\nimport { _insert, _move } from './utils.js';\n\nimport { type ModelDocument } from '../document.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\nimport type { ModelSelectable } from '../selection.js';\n\n/**\n * Operation to split {@link module:engine/model/element~ModelElement an element} at given\n * {@link module:engine/model/operation/splitoperation~SplitOperation#splitPosition split position} into two elements,\n * both containing a part of the element's original content.\n */\nexport class SplitOperation extends Operation {\n\t/**\n\t * Position at which an element should be split.\n\t */\n\tpublic splitPosition: ModelPosition;\n\n\t/**\n\t * Total offset size of elements that are in the split element after `position`.\n\t */\n\tpublic howMany: number;\n\n\t/**\n\t * Position at which the clone of split element (or element from graveyard) will be inserted.\n\t */\n\tpublic insertionPosition: ModelPosition;\n\n\t/**\n\t * Position in the graveyard root before the element which should be used as a parent of the nodes after `position`.\n\t * If it is not set, a copy of the the `position` parent will be used.\n\t *\n\t * The default behavior is to clone the split element. Element from graveyard is used during undo.\n\t */\n\tpublic graveyardPosition: ModelPosition | null;\n\n\t/**\n\t * Creates a split operation.\n\t *\n\t * @param splitPosition Position at which an element should be split.\n\t * @param howMany Total offset size of elements that are in the split element after `position`.\n\t * @param insertionPosition Position at which the clone of split element (or element from graveyard) will be inserted.\n\t * @param graveyardPosition Position in the graveyard root before the element which\n\t * should be used as a parent of the nodes after `position`. If it is not set, a copy of the the `position` parent will be used.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */\n\tconstructor(\n\t\tsplitPosition: ModelPosition,\n\t\thowMany: number,\n\t\tinsertionPosition: ModelPosition,\n\t\tgraveyardPosition: ModelPosition | null,\n\t\tbaseVersion: number | null\n\t) {\n\t\tsuper( baseVersion );\n\n\t\tthis.splitPosition = splitPosition.clone();\n\t\t// Keep position sticking to the next node. This way any new content added at the place where the element is split\n\t\t// will be left in the original element.\n\t\tthis.splitPosition.stickiness = 'toNext';\n\n\t\tthis.howMany = howMany;\n\t\tthis.insertionPosition = insertionPosition;\n\t\tthis.graveyardPosition = graveyardPosition ? graveyardPosition.clone() : null;\n\n\t\tif ( this.graveyardPosition ) {\n\t\t\tthis.graveyardPosition.stickiness = 'toNext';\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get type(): 'split' {\n\t\treturn 'split';\n\t}\n\n\t/**\n\t * Position inside the new clone of a split element.\n\t *\n\t * This is a position where nodes that are after the split position will be moved to.\n\t */\n\tpublic get moveTargetPosition(): ModelPosition {\n\t\tconst path = this.insertionPosition.path.slice();\n\t\tpath.push( 0 );\n\n\t\treturn new ModelPosition( this.insertionPosition.root, path );\n\t}\n\n\t/**\n\t * Artificial range that contains all the nodes from the split element that will be moved to the new element.\n\t * The range starts at {@link #splitPosition} and ends in the same parent, at `POSITIVE_INFINITY` offset.\n\t */\n\tpublic get movedRange(): ModelRange {\n\t\tconst end = this.splitPosition.getShiftedBy( Number.POSITIVE_INFINITY );\n\n\t\treturn new ModelRange( this.splitPosition, end );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\t// These could be positions but `Selectable` type only supports `Iterable<Range>`.\n\t\tconst ranges = [\n\t\t\tModelRange._createFromPositionAndShift( this.splitPosition, 0 ),\n\t\t\tModelRange._createFromPositionAndShift( this.insertionPosition, 0 )\n\t\t];\n\n\t\tif ( this.graveyardPosition ) {\n\t\t\tranges.push( ModelRange._createFromPositionAndShift( this.graveyardPosition, 0 ) );\n\t\t}\n\n\t\treturn ranges;\n\t}\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t *\n\t * @returns Clone of this operation.\n\t */\n\tpublic clone(): SplitOperation {\n\t\treturn new SplitOperation( this.splitPosition, this.howMany, this.insertionPosition, this.graveyardPosition, this.baseVersion );\n\t}\n\n\t/**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */\n\tpublic getReversed(): Operation {\n\t\tconst graveyard = this.splitPosition.root.document!.graveyard;\n\t\tconst graveyardPosition = new ModelPosition( graveyard, [ 0 ] );\n\n\t\treturn new MergeOperation( this.moveTargetPosition, this.howMany, this.splitPosition, graveyardPosition, this.baseVersion! + 1 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override _validate(): void {\n\t\tconst element = this.splitPosition.parent;\n\t\tconst offset = this.splitPosition.offset;\n\n\t\t// Validate whether split operation has correct parameters.\n\t\tif ( !element || element.maxOffset < offset ) {\n\t\t\t/**\n\t\t\t * Split position is invalid.\n\t\t\t *\n\t\t\t * @error split-operation-position-invalid\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'split-operation-position-invalid', this );\n\t\t} else if ( !element.parent ) {\n\t\t\t/**\n\t\t\t * Cannot split root element.\n\t\t\t *\n\t\t\t * @error split-operation-split-in-root\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'split-operation-split-in-root', this );\n\t\t} else if ( this.howMany !== Number.NEGATIVE_INFINITY && this.howMany != element.maxOffset - this.splitPosition.offset ) {\n\t\t\t/**\n\t\t\t * Split operation specifies wrong number of nodes to move.\n\t\t\t *\n\t\t\t * @error split-operation-how-many-invalid\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'split-operation-how-many-invalid', this );\n\t\t} else if ( this.graveyardPosition && !this.graveyardPosition.nodeAfter ) {\n\t\t\t/**\n\t\t\t * Graveyard position invalid.\n\t\t\t *\n\t\t\t * @error split-operation-graveyard-position-invalid\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'split-operation-graveyard-position-invalid', this );\n\t\t}\n\n\t\tthis.howMany = this.splitPosition.parent.maxOffset - this.splitPosition.offset;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic _execute(): void {\n\t\tconst splitElement = this.splitPosition.parent;\n\n\t\tif ( this.graveyardPosition ) {\n\t\t\t_move( ModelRange._createFromPositionAndShift( this.graveyardPosition, 1 ), this.insertionPosition );\n\t\t} else {\n\t\t\tconst newElement = ( splitElement as any )._clone();\n\n\t\t\t_insert( this.insertionPosition, newElement );\n\t\t}\n\n\t\tconst sourceRange = new ModelRange(\n\t\t\tModelPosition._createAt( splitElement, this.splitPosition.offset ),\n\t\t\tModelPosition._createAt( splitElement, splitElement.maxOffset )\n\t\t);\n\n\t\t_move( sourceRange, this.moveTargetPosition );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.splitPosition = this.splitPosition.toJSON();\n\t\tjson.insertionPosition = this.insertionPosition.toJSON();\n\n\t\tif ( this.graveyardPosition ) {\n\t\t\tjson.graveyardPosition = this.graveyardPosition.toJSON();\n\t\t}\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'SplitOperation';\n\t}\n\n\t/**\n\t * Helper function that returns a default insertion position basing on given `splitPosition`. The default insertion\n\t * position is after the split element.\n\t */\n\tpublic static getInsertionPosition( splitPosition: ModelPosition ): ModelPosition {\n\t\tconst path = splitPosition.path.slice( 0, -1 );\n\t\tpath[ path.length - 1 ]++;\n\n\t\treturn new ModelPosition( splitPosition.root, path, 'toPrevious' );\n\t}\n\n\t/**\n\t * Creates `SplitOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static override fromJSON( json: any, document: ModelDocument ): SplitOperation {\n\t\tconst splitPosition = ModelPosition.fromJSON( json.splitPosition, document );\n\t\tconst insertionPosition = ModelPosition.fromJSON( json.insertionPosition, document );\n\t\tconst graveyardPosition = json.graveyardPosition ? ModelPosition.fromJSON( json.graveyardPosition, document ) : null;\n\n\t\treturn new this( splitPosition, json.howMany, insertionPosition, graveyardPosition, json.baseVersion );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `SplitOperation( ${ this.baseVersion } ): ${ this.splitPosition } ` +\n\t// @if CK_DEBUG_ENGINE // \t`( ${ this.howMany } ) -> ${ this.insertionPosition }` +\n\t// @if CK_DEBUG_ENGINE // \t`${ this.graveyardPosition ? ' with ' + this.graveyardPosition : '' }`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/mergeoperation\n */\n\nimport { Operation } from './operation.js';\nimport { SplitOperation } from './splitoperation.js';\nimport { ModelPosition } from '../position.js';\nimport { ModelRange } from '../range.js';\nimport { _move } from './utils.js';\n\nimport { type ModelDocument } from '../document.js';\nimport { type ModelElement } from '../element.js';\nimport type { ModelSelectable } from '../selection.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Operation to merge two {@link module:engine/model/element~ModelElement elements}.\n *\n * The merged element is the parent of {@link ~MergeOperation#sourcePosition} and it is merged into the parent of\n * {@link ~MergeOperation#targetPosition}. All nodes from the merged element are moved to {@link ~MergeOperation#targetPosition}.\n *\n * The merged element is moved to the graveyard at {@link ~MergeOperation#graveyardPosition}.\n */\nexport class MergeOperation extends Operation {\n\t/**\n\t * Position inside the merged element. All nodes from that element after that position will be moved to {@link #targetPosition}.\n\t */\n\tpublic sourcePosition: ModelPosition;\n\n\t/**\n\t * Summary offset size of nodes which will be moved from the merged element to the new parent.\n\t */\n\tpublic howMany: number;\n\n\t/**\n\t * Position which the nodes from the merged elements will be moved to.\n\t */\n\tpublic targetPosition: ModelPosition;\n\n\t/**\n\t * Position in graveyard to which the merged element will be moved.\n\t */\n\tpublic graveyardPosition: ModelPosition;\n\n\t/**\n\t * Creates a merge operation.\n\t *\n\t * @param sourcePosition Position inside the merged element. All nodes from that\n\t * element after that position will be moved to {@link #targetPosition}.\n\t * @param howMany Summary offset size of nodes which will be moved from the merged element to the new parent.\n\t * @param targetPosition Position which the nodes from the merged elements will be moved to.\n\t * @param graveyardPosition Position in graveyard to which the merged element will be moved.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */\n\tconstructor(\n\t\tsourcePosition: ModelPosition,\n\t\thowMany: number,\n\t\ttargetPosition: ModelPosition,\n\t\tgraveyardPosition: ModelPosition,\n\t\tbaseVersion: number | null\n\t) {\n\t\tsuper( baseVersion );\n\n\t\tthis.sourcePosition = sourcePosition.clone();\n\t\t// This is, and should always remain, the first position in its parent.\n\t\tthis.sourcePosition.stickiness = 'toPrevious';\n\n\t\tthis.howMany = howMany;\n\t\tthis.targetPosition = targetPosition.clone();\n\n\t\t// Except of a rare scenario in `MergeOperation` x `MergeOperation` transformation,\n\t\t// this is, and should always remain, the last position in its parent.\n\t\tthis.targetPosition.stickiness = 'toNext';\n\t\tthis.graveyardPosition = graveyardPosition.clone();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get type(): 'merge' {\n\t\treturn 'merge';\n\t}\n\n\t/**\n\t * Position before the merged element (which will be deleted).\n\t */\n\tpublic get deletionPosition(): ModelPosition {\n\t\treturn new ModelPosition( this.sourcePosition.root, this.sourcePosition.path.slice( 0, -1 ) );\n\t}\n\n\t/**\n\t * Artificial range that contains all the nodes from the merged element that will be moved to {@link ~MergeOperation#sourcePosition}.\n\t * The range starts at {@link ~MergeOperation#sourcePosition} and ends in the same parent, at `POSITIVE_INFINITY` offset.\n\t */\n\tpublic get movedRange(): ModelRange {\n\t\tconst end = this.sourcePosition.getShiftedBy( Number.POSITIVE_INFINITY );\n\n\t\treturn new ModelRange( this.sourcePosition, end );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\tconst mergedElement = this.sourcePosition.parent as ModelElement;\n\n\t\treturn [\n\t\t\tModelRange._createOn( mergedElement ),\n\n\t\t\t// These could be positions but `Selectable` type only supports `Iterable<Range>`.\n\t\t\tModelRange._createFromPositionAndShift( this.targetPosition, 0 ),\n\t\t\tModelRange._createFromPositionAndShift( this.graveyardPosition, 0 )\n\t\t];\n\t}\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */\n\tpublic clone(): MergeOperation {\n\t\treturn new MergeOperation( this.sourcePosition, this.howMany, this.targetPosition, this.graveyardPosition, this.baseVersion );\n\t}\n\n\t/**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */\n\tpublic getReversed(): Operation {\n\t\t// Positions in this method are transformed by this merge operation because the split operation bases on\n\t\t// the context after this merge operation happened (because split operation reverses it).\n\t\t// So we need to acknowledge that the merge operation happened and those positions changed a little.\n\t\tconst targetPosition = this.targetPosition._getTransformedByMergeOperation( this );\n\n\t\tconst path = this.sourcePosition.path.slice( 0, -1 );\n\t\tconst insertionPosition = new ModelPosition( this.sourcePosition.root, path )._getTransformedByMergeOperation( this );\n\n\t\treturn new SplitOperation( targetPosition, this.howMany, insertionPosition, this.graveyardPosition, this.baseVersion! + 1 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override _validate(): void {\n\t\tconst sourceElement = this.sourcePosition.parent;\n\t\tconst targetElement = this.targetPosition.parent;\n\n\t\t// Validate whether merge operation has correct parameters.\n\t\tif ( !sourceElement.parent ) {\n\t\t\t/**\n\t\t\t * Merge source position is invalid. The element to be merged must have a parent node.\n\t\t\t *\n\t\t\t * @error merge-operation-source-position-invalid\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'merge-operation-source-position-invalid', this );\n\t\t} else if ( !targetElement.parent ) {\n\t\t\t/**\n\t\t\t * Merge target position is invalid. The element to be merged must have a parent node.\n\t\t\t *\n\t\t\t * @error merge-operation-target-position-invalid\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'merge-operation-target-position-invalid', this );\n\t\t} else if ( this.howMany !== Number.NEGATIVE_INFINITY && this.howMany != sourceElement.maxOffset ) {\n\t\t\t/**\n\t\t\t * Merge operation specifies wrong number of nodes to move.\n\t\t\t *\n\t\t\t * @error merge-operation-how-many-invalid\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'merge-operation-how-many-invalid', this );\n\t\t}\n\n\t\tthis.howMany = this.sourcePosition.parent.maxOffset;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic _execute(): void {\n\t\tconst mergedElement = this.sourcePosition.parent as ModelElement;\n\t\tconst sourceRange = ModelRange._createIn( mergedElement );\n\n\t\t_move( sourceRange, this.targetPosition );\n\t\t_move( ModelRange._createOn( mergedElement ), this.graveyardPosition );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.sourcePosition = json.sourcePosition.toJSON();\n\t\tjson.targetPosition = json.targetPosition.toJSON();\n\t\tjson.graveyardPosition = json.graveyardPosition.toJSON();\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'MergeOperation';\n\t}\n\n\t/**\n\t * Creates `MergeOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static override fromJSON( json: any, document: ModelDocument ): MergeOperation {\n\t\tconst sourcePosition = ModelPosition.fromJSON( json.sourcePosition, document );\n\t\tconst targetPosition = ModelPosition.fromJSON( json.targetPosition, document );\n\t\tconst graveyardPosition = ModelPosition.fromJSON( json.graveyardPosition, document );\n\n\t\treturn new this( sourcePosition, json.howMany, targetPosition, graveyardPosition, json.baseVersion );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `MergeOperation( ${ this.baseVersion } ): ` +\n\t// @if CK_DEBUG_ENGINE // \t\t`${ this.sourcePosition } -> ${ this.targetPosition }` +\n\t// @if CK_DEBUG_ENGINE // \t\t` ( ${ this.howMany } ), ${ this.graveyardPosition }`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/markeroperation\n */\n\nimport { Operation } from './operation.js';\nimport { ModelRange } from '../range.js';\n\nimport { type ModelDocument } from '../document.js';\nimport { type MarkerCollection } from '../markercollection.js';\nimport type { ModelSelectable } from '../selection.js';\n\nexport class MarkerOperation extends Operation {\n\t/**\n\t * Marker name.\n\t *\n\t * @readonly\n\t */\n\tpublic name: string;\n\n\t/**\n\t * Marker range before the change.\n\t *\n\t * @readonly\n\t */\n\tpublic oldRange: ModelRange | null;\n\n\t/**\n\t * Marker range after the change.\n\t *\n\t * @readonly\n\t */\n\tpublic newRange: ModelRange | null;\n\n\t/**\n\t * Specifies whether the marker operation affects the data produced by the data pipeline\n\t * (is persisted in the editor's data).\n\t *\n\t * @readonly\n\t */\n\tpublic affectsData: boolean;\n\n\t/**\n\t * Marker collection on which change should be executed.\n\t */\n\tprivate readonly _markers: MarkerCollection;\n\n\t/**\n\t * @param name Marker name.\n\t * @param oldRange Marker range before the change.\n\t * @param newRange Marker range after the change.\n\t * @param markers Marker collection on which change should be executed.\n\t * @param affectsData Specifies whether the marker operation affects the data produced by the data pipeline\n\t * (is persisted in the editor's data).\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */\n\tconstructor(\n\t\tname: string,\n\t\toldRange: ModelRange | null,\n\t\tnewRange: ModelRange | null,\n\t\tmarkers: MarkerCollection,\n\t\taffectsData: boolean,\n\t\tbaseVersion: number | null\n\t) {\n\t\tsuper( baseVersion );\n\n\t\tthis.name = name;\n\t\tthis.oldRange = oldRange ? oldRange.clone() : null;\n\t\tthis.newRange = newRange ? newRange.clone() : null;\n\t\tthis.affectsData = affectsData;\n\n\t\tthis._markers = markers;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get type(): 'marker' {\n\t\treturn 'marker';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\tconst ranges = [];\n\n\t\tif ( this.oldRange ) {\n\t\t\tranges.push( this.oldRange.clone() );\n\t\t}\n\n\t\tif ( this.newRange ) {\n\t\t\tif ( this.oldRange ) {\n\t\t\t\tranges.push( ...this.newRange.getDifference( this.oldRange ) );\n\t\t\t} else {\n\t\t\t\tranges.push( this.newRange.clone() );\n\t\t\t}\n\t\t}\n\n\t\treturn ranges;\n\t}\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */\n\tpublic clone(): MarkerOperation {\n\t\treturn new MarkerOperation( this.name, this.oldRange, this.newRange, this._markers, this.affectsData, this.baseVersion );\n\t}\n\n\t/**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */\n\tpublic getReversed(): Operation {\n\t\treturn new MarkerOperation( this.name, this.newRange, this.oldRange, this._markers, this.affectsData, this.baseVersion! + 1 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic _execute(): void {\n\t\tif ( this.newRange ) {\n\t\t\tthis._markers._set( this.name, this.newRange, true, this.affectsData );\n\t\t} else {\n\t\t\tthis._markers._remove( this.name );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tif ( this.oldRange ) {\n\t\t\tjson.oldRange = this.oldRange.toJSON();\n\t\t}\n\n\t\tif ( this.newRange ) {\n\t\t\tjson.newRange = this.newRange.toJSON();\n\t\t}\n\n\t\tdelete json._markers;\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'MarkerOperation';\n\t}\n\n\t/**\n\t * Creates `MarkerOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static override fromJSON( json: any, document: ModelDocument ): MarkerOperation {\n\t\treturn new MarkerOperation(\n\t\t\tjson.name,\n\t\t\tjson.oldRange ? ModelRange.fromJSON( json.oldRange, document ) : null,\n\t\t\tjson.newRange ? ModelRange.fromJSON( json.newRange, document ) : null,\n\t\t\tdocument.model.markers,\n\t\t\tjson.affectsData,\n\t\t\tjson.baseVersion\n\t\t);\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `MarkerOperation( ${ this.baseVersion } ): ` +\n\t// @if CK_DEBUG_ENGINE //\t\t`\"${ this.name }\": ${ this.oldRange } -> ${ this.newRange }`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/attributeoperation\n */\n\nimport { Operation } from './operation.js';\nimport { _setAttribute } from './utils.js';\nimport { ModelRange } from '../range.js';\n\nimport { type ModelDocument } from '../document.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\nimport { isEqual } from 'es-toolkit/compat';\nimport type { ModelSelectable } from '../selection.js';\n\n/**\n * Operation to change nodes' attribute.\n *\n * Using this class you can add, remove or change value of the attribute.\n */\nexport class AttributeOperation extends Operation {\n\t/**\n\t * Range on which operation should be applied.\n\t *\n\t * @readonly\n\t */\n\tpublic range: ModelRange;\n\n\t/**\n\t * Key of an attribute to change or remove.\n\t *\n\t * @readonly\n\t */\n\tpublic key: string;\n\n\t/**\n\t * Old value of the attribute with given key or `null`, if attribute was not set before.\n\t *\n\t * @readonly\n\t */\n\tpublic oldValue: unknown;\n\n\t/**\n\t * New value of the attribute with given key or `null`, if operation should remove attribute.\n\t *\n\t * @readonly\n\t */\n\tpublic newValue: unknown;\n\n\t/**\n\t * Creates an operation that changes, removes or adds attributes.\n\t *\n\t * If only `newValue` is set, attribute will be added on a node. Note that all nodes in operation's range must not\n\t * have an attribute with the same key as the added attribute.\n\t *\n\t * If only `oldValue` is set, then attribute with given key will be removed. Note that all nodes in operation's range\n\t * must have an attribute with that key added.\n\t *\n\t * If both `newValue` and `oldValue` are set, then the operation will change the attribute value. Note that all nodes in\n\t * operation's ranges must already have an attribute with given key and `oldValue` as value\n\t *\n\t * @param range Range on which the operation should be applied. Must be a flat range.\n\t * @param key Key of an attribute to change or remove.\n\t * @param oldValue Old value of the attribute with given key or `null`, if attribute was not set before.\n\t * @param newValue New value of the attribute with given key or `null`, if operation should remove attribute.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */\n\tconstructor( range: ModelRange, key: string, oldValue: unknown, newValue: unknown, baseVersion: number | null ) {\n\t\tsuper( baseVersion );\n\n\t\tthis.range = range.clone();\n\t\tthis.key = key;\n\t\tthis.oldValue = oldValue === undefined ? null : oldValue;\n\t\tthis.newValue = newValue === undefined ? null : newValue;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get type(): 'addAttribute' | 'removeAttribute' | 'changeAttribute' {\n\t\tif ( this.oldValue === null ) {\n\t\t\treturn 'addAttribute';\n\t\t} else if ( this.newValue === null ) {\n\t\t\treturn 'removeAttribute';\n\t\t} else {\n\t\t\treturn 'changeAttribute';\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\treturn this.range.clone();\n\t}\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */\n\tpublic clone(): AttributeOperation {\n\t\treturn new AttributeOperation( this.range, this.key, this.oldValue, this.newValue, this.baseVersion );\n\t}\n\n\t/**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */\n\tpublic getReversed(): Operation {\n\t\treturn new AttributeOperation( this.range, this.key, this.newValue, this.oldValue, this.baseVersion! + 1 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.range = this.range.toJSON();\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override _validate(): void {\n\t\tif ( !this.range.isFlat ) {\n\t\t\t/**\n\t\t\t * The range to change is not flat.\n\t\t\t *\n\t\t\t * @error attribute-operation-range-not-flat\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'attribute-operation-range-not-flat', this );\n\t\t}\n\n\t\tfor ( const item of this.range.getItems( { shallow: true } ) ) {\n\t\t\tif ( this.oldValue !== null && !isEqual( item.getAttribute( this.key ), this.oldValue ) ) {\n\t\t\t\t/**\n\t\t\t\t * Changed node has different attribute value than operation's old attribute value.\n\t\t\t\t *\n\t\t\t\t * @error attribute-operation-wrong-old-value\n\t\t\t\t * @param {module:engine/model/item~ModelItem} root The item element.\n\t\t\t\t * @param {string} key The key of the attribute.\n\t\t\t\t * @param {never} value The value.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'attribute-operation-wrong-old-value',\n\t\t\t\t\tthis,\n\t\t\t\t\t{ item, key: this.key, value: this.oldValue }\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif ( this.oldValue === null && this.newValue !== null && item.hasAttribute( this.key ) ) {\n\t\t\t\t/**\n\t\t\t\t * The attribute with given key already exists for the given node.\n\t\t\t\t *\n\t\t\t\t * @error attribute-operation-attribute-exists\n\t\t\t\t * @param {module:engine/model/item~ModelItem} root The item element.\n\t\t\t\t * @param {string} key The key of the attribute.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'attribute-operation-attribute-exists',\n\t\t\t\t\tthis,\n\t\t\t\t\t{ node: item, key: this.key }\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic _execute(): void {\n\t\t// If value to set is same as old value, don't do anything.\n\t\tif ( !isEqual( this.oldValue, this.newValue ) ) {\n\t\t\t// Execution.\n\t\t\t_setAttribute( this.range, this.key, this.newValue );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'AttributeOperation';\n\t}\n\n\t/**\n\t * Creates `AttributeOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static override fromJSON( json: any, document: ModelDocument ): AttributeOperation {\n\t\treturn new AttributeOperation(\n\t\t\tModelRange.fromJSON( json.range, document ),\n\t\t\tjson.key, json.oldValue, json.newValue, json.baseVersion\n\t\t);\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `AttributeOperation( ${ this.baseVersion } ): ` +\n\t// @if CK_DEBUG_ENGINE // \t\t`\"${ this.key }\": ${ JSON.stringify( this.oldValue ) }` +\n\t// @if CK_DEBUG_ENGINE // \t\t` -> ${ JSON.stringify( this.newValue ) }, ${ this.range }`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/nooperation\n */\n\nimport { Operation } from './operation.js';\nimport type { ModelSelectable } from '../selection.js';\n\n/**\n * Operation which is doing nothing (\"empty operation\", \"do-nothing operation\", \"noop\"). This is an operation,\n * which when executed does not change the tree model. It still has some parameters defined for transformation purposes.\n *\n * In most cases this operation is a result of transforming operations. When transformation returns\n * {@link module:engine/model/operation/nooperation~NoOperation} it means that changes done by the transformed operation\n * have already been applied.\n */\nexport class NoOperation extends Operation {\n\tpublic get type(): 'noop' {\n\t\treturn 'noop';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t */\n\tpublic clone(): NoOperation {\n\t\treturn new NoOperation( this.baseVersion );\n\t}\n\n\t/**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */\n\tpublic getReversed(): Operation {\n\t\treturn new NoOperation( this.baseVersion! + 1 );\n\t}\n\n\t/** @internal */\n\tpublic _execute(): void {\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'NoOperation';\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `NoOperation( ${ this.baseVersion } )`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/renameoperation\n */\n\nimport { Operation } from './operation.js';\nimport { ModelElement } from '../element.js';\nimport { ModelPosition } from '../position.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\nimport { type ModelDocument } from '../document.js';\nimport type { ModelSelectable } from '../selection.js';\n\n/**\n * Operation to change element's name.\n *\n * Using this class you can change element's name.\n */\nexport class RenameOperation extends Operation {\n\t/**\n\t * Position before an element to change.\n\t */\n\tpublic position: ModelPosition;\n\n\t/**\n\t * Current name of the element.\n\t */\n\tpublic oldName: string;\n\n\t/**\n\t * New name for the element.\n\t */\n\tpublic newName: string;\n\n\t/**\n\t * Creates an operation that changes element's name.\n\t *\n\t * @param position Position before an element to change.\n\t * @param oldName Current name of the element.\n\t * @param newName New name for the element.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */\n\tconstructor( position: ModelPosition, oldName: string, newName: string, baseVersion: number | null ) {\n\t\tsuper( baseVersion );\n\n\t\tthis.position = position;\n\t\t// This position sticks to the next node because it is a position before the node that we want to change.\n\t\tthis.position.stickiness = 'toNext';\n\n\t\tthis.oldName = oldName;\n\t\tthis.newName = newName;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get type(): 'rename' {\n\t\treturn 'rename';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\treturn this.position.nodeAfter;\n\t}\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t *\n\t * @returns Clone of this operation.\n\t */\n\tpublic clone(): RenameOperation {\n\t\treturn new RenameOperation( this.position.clone(), this.oldName, this.newName, this.baseVersion );\n\t}\n\n\t/**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */\n\tpublic getReversed(): Operation {\n\t\treturn new RenameOperation( this.position.clone(), this.newName, this.oldName, this.baseVersion! + 1 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override _validate(): void {\n\t\tconst element = this.position.nodeAfter;\n\n\t\tif ( !( element instanceof ModelElement ) ) {\n\t\t\t/**\n\t\t\t * Given position is invalid or node after it is not instance of Element.\n\t\t\t *\n\t\t\t * @error rename-operation-wrong-position\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'rename-operation-wrong-position',\n\t\t\t\tthis\n\t\t\t);\n\t\t} else if ( this.oldName !== '' && element.name !== this.oldName ) {\n\t\t\t/**\n\t\t\t * Element to change has different name than operation's old name.\n\t\t\t *\n\t\t\t * @error rename-operation-wrong-name\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'rename-operation-wrong-name',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\tthis.oldName = element.name;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic _execute(): void {\n\t\tconst element = this.position.nodeAfter;\n\n\t\t( element as any ).name = this.newName;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.position = this.position.toJSON();\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'RenameOperation';\n\t}\n\n\t/**\n\t * Creates `RenameOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static override fromJSON( json: any, document: ModelDocument ): RenameOperation {\n\t\treturn new RenameOperation( ModelPosition.fromJSON( json.position, document ), json.oldName, json.newName, json.baseVersion );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `RenameOperation( ${ this.baseVersion } ): ` +\n\t// @if CK_DEBUG_ENGINE // \t\t`${ this.position }: \"${ this.oldName }\" -> \"${ this.newName }\"`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/rootattributeoperation\n */\n\nimport { Operation } from './operation.js';\n\nimport { type ModelDocument } from '../document.js';\nimport { type ModelRootElement } from '../rootelement.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\nimport type { ModelSelectable } from '../selection.js';\n\n/**\n * Operation to change root element's attribute. Using this class you can add, remove or change value of the attribute.\n *\n * This operation is needed, because root elements can't be changed through\n * {@link module:engine/model/operation/attributeoperation~AttributeOperation}.\n * It is because {@link module:engine/model/operation/attributeoperation~AttributeOperation}\n * requires a range to change and root element can't\n * be a part of range because every {@link module:engine/model/position~ModelPosition} has to be inside a root.\n * {@link module:engine/model/position~ModelPosition} can't be created before a root element.\n */\nexport class RootAttributeOperation extends Operation {\n\t/**\n\t * Root element to change.\n\t */\n\tpublic readonly root: ModelRootElement;\n\n\t/**\n\t * Key of an attribute to change or remove.\n\t */\n\tpublic readonly key: string;\n\n\t/**\n\t * Old value of the attribute with given key or `null`, if attribute was not set before.\n\t *\n\t * @readonly\n\t */\n\tpublic oldValue: unknown;\n\n\t/**\n\t * New value of the attribute with given key or `null`, if operation should remove attribute.\n\t *\n\t * @readonly\n\t */\n\tpublic newValue: unknown;\n\n\t/**\n\t * Creates an operation that changes, removes or adds attributes on root element.\n\t *\n\t * @see module:engine/model/operation/attributeoperation~AttributeOperation\n\t * @param root Root element to change.\n\t * @param key Key of an attribute to change or remove.\n\t * @param oldValue Old value of the attribute with given key or `null`, if attribute was not set before.\n\t * @param newValue New value of the attribute with given key or `null`, if operation should remove attribute.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation\n\t * can be applied or `null` if the operation operates on detached (non-document) tree.\n\t */\n\tconstructor(\n\t\troot: ModelRootElement,\n\t\tkey: string,\n\t\toldValue: unknown,\n\t\tnewValue: unknown,\n\t\tbaseVersion: number | null\n\t) {\n\t\tsuper( baseVersion );\n\n\t\tthis.root = root;\n\t\tthis.key = key;\n\t\tthis.oldValue = oldValue === undefined ? null : oldValue;\n\t\tthis.newValue = newValue === undefined ? null : newValue;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get type(): 'addRootAttribute' | 'removeRootAttribute' | 'changeRootAttribute' {\n\t\tif ( this.oldValue === null ) {\n\t\t\treturn 'addRootAttribute';\n\t\t} else if ( this.newValue === null ) {\n\t\t\treturn 'removeRootAttribute';\n\t\t} else {\n\t\t\treturn 'changeRootAttribute';\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\treturn this.root;\n\t}\n\n\t/**\n\t * Creates and returns an operation that has the same parameters as this operation.\n\t *\n\t * @returns Clone of this operation.\n\t */\n\tpublic clone(): RootAttributeOperation {\n\t\treturn new RootAttributeOperation( this.root, this.key, this.oldValue, this.newValue, this.baseVersion );\n\t}\n\n\t/**\n\t * See {@link module:engine/model/operation/operation~Operation#getReversed `Operation#getReversed()`}.\n\t */\n\tpublic getReversed(): Operation {\n\t\treturn new RootAttributeOperation( this.root, this.key, this.newValue, this.oldValue, this.baseVersion! + 1 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override _validate(): void {\n\t\tif ( this.root != this.root.root || this.root.is( 'documentFragment' ) ) {\n\t\t\t/**\n\t\t\t * The element to change is not a root element.\n\t\t\t *\n\t\t\t * @error rootattribute-operation-not-a-root\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element.\n\t\t\t * @param {string} key The key of the attribute.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'rootattribute-operation-not-a-root',\n\t\t\t\tthis,\n\t\t\t\t{ root: this.root, key: this.key }\n\t\t\t);\n\t\t}\n\n\t\tif ( this.oldValue !== null && this.root.getAttribute( this.key ) !== this.oldValue ) {\n\t\t\t/**\n\t\t\t * The attribute which should be removed does not exist for the given node.\n\t\t\t *\n\t\t\t * @error rootattribute-operation-wrong-old-value\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element.\n\t\t\t * @param {string} key The key of the attribute.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'rootattribute-operation-wrong-old-value',\n\t\t\t\tthis,\n\t\t\t\t{ root: this.root, key: this.key }\n\t\t\t);\n\t\t}\n\n\t\tif ( this.oldValue === null && this.newValue !== null && this.root.hasAttribute( this.key ) ) {\n\t\t\t/**\n\t\t\t * The attribute with given key already exists for the given node.\n\t\t\t *\n\t\t\t * @error rootattribute-operation-attribute-exists\n\t\t\t * @param {module:engine/model/rootelement~ModelRootElement} root The root element.\n\t\t\t * @param {string} key The key of the attribute.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'rootattribute-operation-attribute-exists',\n\t\t\t\tthis,\n\t\t\t\t{ root: this.root, key: this.key }\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override _execute(): void {\n\t\tif ( this.newValue !== null ) {\n\t\t\tthis.root._setAttribute( this.key, this.newValue );\n\t\t} else {\n\t\t\tthis.root._removeAttribute( this.key );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.root = this.root.toJSON();\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'RootAttributeOperation';\n\t}\n\n\t/**\n\t * Creates `RootAttributeOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static override fromJSON( json: any, document: ModelDocument ): RootAttributeOperation {\n\t\tif ( !document.getRoot( json.root ) ) {\n\t\t\t/**\n\t\t\t * Cannot create RootAttributeOperation for document. Root with the specified name does not exist.\n\t\t\t *\n\t\t\t * @error rootattribute-operation-fromjson-no-root\n\t\t\t * @param {string} rootName The root name.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'rootattribute-operation-fromjson-no-root', this, { rootName: json.root } );\n\t\t}\n\n\t\treturn new RootAttributeOperation( document.getRoot( json.root )!, json.key, json.oldValue, json.newValue, json.baseVersion );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `RootAttributeOperation( ${ this.baseVersion } ): ` +\n\t// @if CK_DEBUG_ENGINE //\t\t`\"${ this.key }\": ${ JSON.stringify( this.oldValue ) }` +\n\t// @if CK_DEBUG_ENGINE //\t\t` -> ${ JSON.stringify( this.newValue ) }, ${ this.root.rootName }`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/rootoperation\n */\n\nimport { Operation } from './operation.js';\n\nimport { type ModelDocument } from '../document.js';\nimport type { ModelSelectable } from '../selection.js';\n\n/**\n * Operation that creates (or attaches) or detaches a root element.\n */\nexport class RootOperation extends Operation {\n\t/**\n\t * Root name to create or detach.\n\t */\n\tpublic readonly rootName: string;\n\n\t/**\n\t * Root element name.\n\t */\n\tpublic readonly elementName: string;\n\n\t/**\n\t * Specifies whether the operation adds (`true`) or detaches the root (`false`).\n\t */\n\tpublic readonly isAdd: boolean;\n\n\t/**\n\t * Document which owns the root.\n\t */\n\tprivate readonly _document: ModelDocument;\n\n\t/**\n\t * Creates an operation that creates or removes a root element.\n\t *\n\t * @param rootName Root name to create or detach.\n\t * @param elementName Root element name.\n\t * @param isAdd Specifies whether the operation adds (`true`) or detaches the root (`false`).\n\t * @param document Document which owns the root.\n\t * @param baseVersion Document {@link module:engine/model/document~ModelDocument#version} on which operation can be applied.\n\t */\n\tconstructor(\n\t\trootName: string,\n\t\telementName: string,\n\t\tisAdd: boolean,\n\t\tdocument: ModelDocument,\n\t\tbaseVersion: number\n\t) {\n\t\tsuper( baseVersion );\n\n\t\tthis.rootName = rootName;\n\t\tthis.elementName = elementName;\n\t\tthis.isAdd = isAdd;\n\t\tthis._document = document;\n\n\t\t// Make sure that the root exists ASAP, this is important for RTC.\n\t\t// If the root was dynamically added, there will be more operations that operate on/in this root.\n\t\t// These operations will require root element instance (in operation property or in position instance).\n\t\t// If the root is not created ahead of time, instantiating such operations may fail.\n\t\tif ( !this._document.getRoot( this.rootName ) ) {\n\t\t\tconst root = this._document.createRoot( this.elementName, this.rootName );\n\n\t\t\troot._isAttached = false;\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override get type(): 'addRoot' | 'detachRoot' {\n\t\treturn this.isAdd ? 'addRoot' : 'detachRoot';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\treturn this._document.getRoot( this.rootName );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override clone(): RootOperation {\n\t\treturn new RootOperation( this.rootName, this.elementName, this.isAdd, this._document, this.baseVersion! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override getReversed(): RootOperation {\n\t\treturn new RootOperation( this.rootName, this.elementName, !this.isAdd, this._document, this.baseVersion! + 1 );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override _execute(): void {\n\t\tthis._document.getRoot( this.rootName )!._isAttached = this.isAdd;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tdelete json._document;\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'RootOperation';\n\t}\n\n\t/**\n\t * Creates `RootOperation` object from deserialized object, i.e. from parsed JSON string.\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static override fromJSON( json: any, document: ModelDocument ): RootOperation {\n\t\treturn new RootOperation( json.rootName, json.elementName, json.isAdd, document, json.baseVersion );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn `RootOperation( ${ this.baseVersion } ): ` +\n\t// @if CK_DEBUG_ENGINE //\t\t`${ this.type } -> \"${ this.rootName }\" (${ this.elementName })`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/operationfactory\n */\n\nimport { AttributeOperation } from './attributeoperation.js';\nimport { InsertOperation } from './insertoperation.js';\nimport { MarkerOperation } from './markeroperation.js';\nimport { MoveOperation } from './moveoperation.js';\nimport { NoOperation } from './nooperation.js';\nimport { Operation } from './operation.js';\nimport { RenameOperation } from './renameoperation.js';\nimport { RootAttributeOperation } from './rootattributeoperation.js';\nimport { RootOperation } from './rootoperation.js';\nimport { SplitOperation } from './splitoperation.js';\nimport { MergeOperation } from './mergeoperation.js';\n\nimport { type ModelDocument } from '../document.js';\n\nconst operations: {\n\t[ className: string ]: {\n\t\tfromJSON( json: any, document: ModelDocument ): Operation;\n\t};\n} = {};\n\noperations[ AttributeOperation.className ] = AttributeOperation;\noperations[ InsertOperation.className ] = InsertOperation;\noperations[ MarkerOperation.className ] = MarkerOperation;\noperations[ MoveOperation.className ] = MoveOperation;\noperations[ NoOperation.className ] = NoOperation;\noperations[ Operation.className ] = Operation;\noperations[ RenameOperation.className ] = RenameOperation;\noperations[ RootAttributeOperation.className ] = RootAttributeOperation;\noperations[ RootOperation.className ] = RootOperation;\noperations[ SplitOperation.className ] = SplitOperation;\noperations[ MergeOperation.className ] = MergeOperation;\n\n/**\n * A factory class for creating operations.\n */\nexport abstract class OperationFactory {\n\t/**\n\t * Creates an operation instance from a JSON object (parsed JSON string).\n\t *\n\t * @param json Deserialized JSON object.\n\t * @param document Document on which this operation will be applied.\n\t */\n\tpublic static fromJSON( json: any, document: ModelDocument ): Operation {\n\t\treturn operations[ json.__className ].fromJSON( json, document );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/transform\n */\n\nimport { InsertOperation } from './insertoperation.js';\nimport { AttributeOperation } from './attributeoperation.js';\nimport { RenameOperation } from './renameoperation.js';\nimport { MarkerOperation } from './markeroperation.js';\nimport { MoveOperation } from './moveoperation.js';\nimport { RootAttributeOperation } from './rootattributeoperation.js';\nimport { RootOperation } from './rootoperation.js';\nimport { MergeOperation } from './mergeoperation.js';\nimport { SplitOperation } from './splitoperation.js';\nimport { NoOperation } from './nooperation.js';\nimport { ModelRange } from '../range.js';\nimport { ModelPosition } from '../position.js';\n\nimport { type Operation } from './operation.js';\nimport { type ModelDocument } from '../document.js';\nimport { type History } from '../history.js';\n\nimport { compareArrays } from '@ckeditor/ckeditor5-utils';\n\ntype TransformationFunction = ( a: Operation, b: Operation, context: TransformationContext ) => Array<Operation>;\n\nconst transformations = new Map<Function, Map<Function, TransformationFunction>>();\n\n/**\n * Sets a transformation function to be be used to transform instances of class `OperationA` by instances of class `OperationB`.\n *\n * The `transformationFunction` is passed three parameters:\n *\n * * `a` - operation to be transformed, an instance of `OperationA`,\n * * `b` - operation to be transformed by, an instance of `OperationB`,\n * * {@link module:engine/model/operation/transform~TransformationContext `context`} - object with additional information about\n * transformation context.\n *\n * The `transformationFunction` should return transformation result, which is an array with one or multiple\n * {@link module:engine/model/operation/operation~Operation operation} instances.\n *\n * @param transformationFunction Function to use for transforming.\n */\nfunction setTransformation<\n\tClassA extends new ( ...args: Array<any> ) => Operation,\n\tClassB extends new ( ...args: Array<any> ) => Operation\n>(\n\tOperationA: ClassA,\n\tOperationB: ClassB,\n\ttransformationFunction: ( a: InstanceType<ClassA>, b: InstanceType<ClassB>, context: TransformationContext ) => Array<Operation>\n) {\n\tlet aGroup = transformations.get( OperationA );\n\n\tif ( !aGroup ) {\n\t\taGroup = new Map();\n\t\ttransformations.set( OperationA, aGroup );\n\t}\n\n\taGroup.set( OperationB, transformationFunction as TransformationFunction );\n}\n\n/**\n * Returns a previously set transformation function for transforming an instance of `OperationA` by an instance of `OperationB`.\n *\n * If no transformation was set for given pair of operations, {@link module:engine/model/operation/transform~noUpdateTransformation}\n * is returned. This means that if no transformation was set, the `OperationA` instance will not change when transformed\n * by the `OperationB` instance.\n *\n * @returns Function set to transform an instance of `OperationA` by an instance of `OperationB`.\n */\nfunction getTransformation( OperationA: Function, OperationB: Function ): TransformationFunction {\n\tconst aGroup = transformations.get( OperationA );\n\n\tif ( aGroup && aGroup.has( OperationB ) ) {\n\t\treturn aGroup.get( OperationB )!;\n\t}\n\n\treturn noUpdateTransformation;\n}\n\n/**\n * A transformation function that only clones operation to transform, without changing it.\n */\nfunction noUpdateTransformation( a: Operation ): Array<Operation> {\n\treturn [ a ];\n}\n\n/**\n * Transforms operation `a` by operation `b`.\n *\n * @param a Operation to be transformed.\n * @param b Operation to transform by.\n * @param context Transformation context for this transformation.\n * @returns Transformation result.\n * @internal\n */\nexport function transform( a: Operation, b: Operation, context: TransformationContext = {} ): Array<Operation> {\n\tconst transformationFunction = getTransformation( a.constructor, b.constructor );\n\n\t/* eslint-disable no-useless-catch */\n\ttry {\n\t\ta = a.clone();\n\n\t\treturn transformationFunction( a, b, context );\n\t} catch ( e: any ) {\n\t\t// @if CK_DEBUG // console.warn( 'Error during operation transformation!', e.message );\n\t\t// @if CK_DEBUG // console.warn( 'Transformed operation', a );\n\t\t// @if CK_DEBUG // console.warn( 'Operation transformed by', b );\n\t\t// @if CK_DEBUG // console.warn( 'context.aIsStrong', context.aIsStrong );\n\t\t// @if CK_DEBUG // console.warn( 'context.aWasUndone', context.aWasUndone );\n\t\t// @if CK_DEBUG // console.warn( 'context.bWasUndone', context.bWasUndone );\n\t\t// @if CK_DEBUG // console.warn( 'context.abRelation', context.abRelation );\n\t\t// @if CK_DEBUG // console.warn( 'context.baRelation', context.baRelation );\n\n\t\tthrow e;\n\t}\n\t/* eslint-enable no-useless-catch */\n}\n\n/**\n * Performs a transformation of two sets of operations - `operationsA` and `operationsB`. The transformation is two-way -\n * both transformed `operationsA` and transformed `operationsB` are returned.\n *\n * Note, that the first operation in each set should base on the same document state (\n * {@link module:engine/model/document~ModelDocument#version document version}).\n *\n * It is assumed that `operationsA` are \"more important\" during conflict resolution between two operations.\n *\n * New copies of both passed arrays and operations inside them are returned. Passed arguments are not altered.\n *\n * Base versions of the transformed operations sets are updated accordingly. For example, assume that base versions are `4`\n * and there are `3` operations in `operationsA` and `5` operations in `operationsB`. Then:\n *\n * * transformed `operationsA` will start from base version `9` (`4` base version + `5` operations B),\n * * transformed `operationsB` will start from base version `7` (`4` base version + `3` operations A).\n *\n * If no operation was broken into two during transformation, then both sets will end up with an operation that bases on version `11`:\n *\n * * transformed `operationsA` start from `9` and there are `3` of them, so the last will have `baseVersion` equal to `11`,\n * * transformed `operationsB` start from `7` and there are `5` of them, so the last will have `baseVersion` equal to `11`.\n *\n * @param operationsA\n * @param operationsB\n * @param options Additional transformation options.\n * @param options.document Document which the operations change.\n * @param options.useRelations Whether during transformation relations should be used (used during undo for better conflict resolution).\n * @param options.padWithNoOps Whether additional {@link module:engine/model/operation/nooperation~NoOperation}s\n * should be added to the transformation results to force the same last base version for both transformed sets (in case\n * if some operations got broken into multiple operations during transformation).\n * @param options.forceWeakRemove If set to `false`, remove operation will be always stronger than move operation,\n * so the removed nodes won't end up back in the document root. When set to `true`, context data will be used.\n * @returns Transformation result.\n */\nexport function transformOperationSets(\n\toperationsA: Array<Operation>,\n\toperationsB: Array<Operation>,\n\toptions: {\n\t\tdocument: ModelDocument;\n\t\tuseRelations?: boolean;\n\t\tpadWithNoOps?: boolean;\n\t\tforceWeakRemove?: boolean;\n\t}\n): TransformOperationSetsResult {\n\t// Create new arrays so the originally passed arguments are not changed.\n\t// No need to clone operations, they are cloned as they are transformed.\n\toperationsA = operationsA.slice();\n\toperationsB = operationsB.slice();\n\n\tconst contextFactory = new ContextFactory( options.document, options.useRelations, options.forceWeakRemove );\n\tcontextFactory.setOriginalOperations( operationsA );\n\tcontextFactory.setOriginalOperations( operationsB );\n\n\tconst originalOperations = contextFactory.originalOperations;\n\n\t// If one of sets is empty there is simply nothing to transform, so return sets as they are.\n\tif ( operationsA.length == 0 || operationsB.length == 0 ) {\n\t\treturn { operationsA, operationsB, originalOperations };\n\t}\n\t//\n\t// Following is a description of transformation process:\n\t//\n\t// There are `operationsA` and `operationsB` to be transformed, both by both.\n\t//\n\t// So, suppose we have sets of two operations each: `operationsA` = `[ a1, a2 ]`, `operationsB` = `[ b1, b2 ]`.\n\t//\n\t// Remember, that we can only transform operations that base on the same context. We assert that `a1` and `b1` base on\n\t// the same context and we transform them. Then, we get `a1'` and `b1'`. `a2` bases on a context with `a1` -- `a2`\n\t// is an operation that followed `a1`. Similarly, `b2` bases on a context with `b1`.\n\t//\n\t// However, since `a1'` is a result of transformation by `b1`, `a1'` now also has a context with `b1`. This means that\n\t// we can safely transform `a1'` by `b2`. As we finish transforming `a1`, we also transformed all `operationsB`.\n\t// All `operationsB` also have context including `a1`. Now, we can properly transform `a2` by those operations.\n\t//\n\t// The transformation process can be visualized on a transformation diagram (\"diamond diagram\"):\n\t//\n\t//          [the initial state]\n\t//         [common for a1 and b1]\n\t//\n\t//                   *\n\t//                  / \\\n\t//                 /   \\\n\t//               b1     a1\n\t//               /       \\\n\t//              /         \\\n\t//             *           *\n\t//            / \\         / \\\n\t//           /   \\       /   \\\n\t//         b2    a1'   b1'    a2\n\t//         /       \\   /       \\\n\t//        /         \\ /         \\\n\t//       *           *           *\n\t//        \\         / \\         /\n\t//         \\       /   \\       /\n\t//        a1''   b2'   a2'   b1''\n\t//           \\   /       \\   /\n\t//            \\ /         \\ /\n\t//             *           *\n\t//              \\         /\n\t//               \\       /\n\t//              a2''   b2''\n\t//                 \\   /\n\t//                  \\ /\n\t//                   *\n\t//\n\t//           [the final state]\n\t//\n\t// The final state can be reached from the initial state by applying `a1`, `a2`, `b1''` and `b2''`, as well as by\n\t// applying `b1`, `b2`, `a1''`, `a2''`. Note how the operations get to a proper common state before each pair is\n\t// transformed.\n\t//\n\t// Another thing to consider is that an operation during transformation can be broken into multiple operations.\n\t// Suppose that `a1` * `b1` = `[ a11', a12' ]` (instead of `a1'` that we considered previously).\n\t//\n\t// In that case, we leave `a12'` for later and we continue transforming `a11'` until it is transformed by all `operationsB`\n\t// (in our case it is just `b2`). At this point, `b1` is transformed by \"whole\" `a1`, while `b2` is only transformed\n\t// by `a11'`. Similarly, `a12'` is only transformed by `b1`. This leads to a conclusion that we need to start transforming `a12'`\n\t// from the moment just after it was broken. So, `a12'` is transformed by `b2`. Now, \"the whole\" `a1` is transformed\n\t// by `operationsB`, while all `operationsB` are transformed by \"the whole\" `a1`. This means that we can continue with\n\t// following `operationsA` (in our case it is just `a2`).\n\t//\n\t// Of course, also `operationsB` can be broken. However, since we focus on transforming operation `a` to the end,\n\t// the only thing to do is to store both pieces of operation `b`, so that the next transformed operation `a` will\n\t// be transformed by both of them.\n\t//\n\t//                       *\n\t//                      / \\\n\t//                     /   \\\n\t//                    /     \\\n\t//                  b1       a1\n\t//                  /         \\\n\t//                 /           \\\n\t//                /             \\\n\t//               *               *\n\t//              / \\             / \\\n\t//             /  a11'         /   \\\n\t//            /     \\         /     \\\n\t//          b2       *      b1'      a2\n\t//          /       / \\     /         \\\n\t//         /       /  a12' /           \\\n\t//        /       /     \\ /             \\\n\t//       *       b2'     *               *\n\t//        \\     /       / \\             /\n\t//       a11'' /     b21'' \\           /\n\t//          \\ /       /     \\         /\n\t//           *       *      a2'     b1''\n\t//            \\     / \\       \\     /\n\t//          a12'' b22''\\       \\   /\n\t//              \\ /     \\       \\ /\n\t//               *      a2''     *\n\t//                \\       \\     /\n\t//                 \\       \\  b21'''\n\t//                  \\       \\ /\n\t//                a2'''      *\n\t//                    \\     /\n\t//                     \\  b22'''\n\t//                      \\ /\n\t//                       *\n\t//\n\t// Note, how `a1` is broken and transformed into `a11'` and `a12'`, while `b2'` got broken and transformed into `b21''` and `b22''`.\n\t//\n\t// Having all that on mind, here is an outline for the transformation process algorithm:\n\t//\n\t// 1. We have `operationsA` and `operationsB` array, which we dynamically update as the transformation process goes.\n\t//\n\t// 2. We take next (or first) operation from `operationsA` and check from which operation `b` we need to start transforming it.\n\t// All original `operationsA` are set to be transformed starting from the first operation `b`.\n\t//\n\t// 3. We take operations from `operationsB`, one by one, starting from the correct one, and transform operation `a`\n\t// by operation `b` (and vice versa). We update `operationsA` and `operationsB` by replacing the original operations\n\t// with the transformation results.\n\t//\n\t// 4. If operation is broken into multiple operations, we save all the new operations in the place of the\n\t// original operation.\n\t//\n\t// 5. Additionally, if operation `a` was broken, for the \"new\" operation, we remember from which operation `b` it should\n\t// be transformed by.\n\t//\n\t// 6. We continue transforming \"current\" operation `a` until it is transformed by all `operationsB`. Then, go to 2.\n\t// unless the last operation `a` was transformed.\n\t//\n\t// The actual implementation of the above algorithm is slightly different, as only one loop (while) is used.\n\t// The difference is that we have \"current\" `a` operation to transform and we store the index of the next `b` operation\n\t// to transform by. Each loop operates on two indexes then: index pointing to currently processed `a` operation and\n\t// index pointing to next `b` operation. Each loop is just one `a * b` + `b * a` transformation. After each loop\n\t// operation `b` index is updated. If all `b` operations were visited for the current `a` operation, we change\n\t// current `a` operation index to the next one.\n\t//\n\n\t// For each operation `a`, keeps information what is the index in `operationsB` from which the transformation should start.\n\tconst nextTransformIndex = new WeakMap<Operation, number>();\n\n\t// For all the original `operationsA`, set that they should be transformed starting from the first of `operationsB`.\n\tfor ( const op of operationsA ) {\n\t\tnextTransformIndex.set( op, 0 );\n\t}\n\n\t// Additional data that is used for some postprocessing after the main transformation process is done.\n\tconst data = {\n\t\tnextBaseVersionA: operationsA[ operationsA.length - 1 ].baseVersion! + 1,\n\t\tnextBaseVersionB: operationsB[ operationsB.length - 1 ].baseVersion! + 1,\n\t\toriginalOperationsACount: operationsA.length,\n\t\toriginalOperationsBCount: operationsB.length\n\t};\n\n\t// Index of currently transformed operation `a`.\n\tlet i = 0;\n\n\t// While not all `operationsA` are transformed...\n\twhile ( i < operationsA.length ) {\n\t\t// Get \"current\" operation `a`.\n\t\tconst opA = operationsA[ i ];\n\n\t\t// For the \"current\" operation `a`, get the index of the next operation `b` to transform by.\n\t\tconst indexB = nextTransformIndex.get( opA )!;\n\n\t\t// If operation `a` was already transformed by every operation `b`, change \"current\" operation `a` to the next one.\n\t\tif ( indexB == operationsB.length ) {\n\t\t\ti++;\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst opB = operationsB[ indexB ];\n\n\t\t// Transform `a` by `b` and `b` by `a`.\n\t\tconst newOpsA = transform( opA, opB, contextFactory.getContext( opA, opB, true ) );\n\t\tconst newOpsB = transform( opB, opA, contextFactory.getContext( opB, opA, false ) );\n\t\t// As a result we get one or more `newOpsA` and one or more `newOpsB` operations.\n\n\t\t// Update contextual information about operations.\n\t\tcontextFactory.updateRelation( opA, opB );\n\n\t\tcontextFactory.setOriginalOperations( newOpsA, opA );\n\t\tcontextFactory.setOriginalOperations( newOpsB, opB );\n\n\t\t// For new `a` operations, update their index of the next operation `b` to transform them by.\n\t\t//\n\t\t// This is needed even if there was only one result (`a` was not broken) because that information is used\n\t\t// at the beginning of this loop every time.\n\t\tfor ( const newOpA of newOpsA ) {\n\t\t\t// Acknowledge, that operation `b` also might be broken into multiple operations.\n\t\t\t//\n\t\t\t// This is why we raise `indexB` not just by 1. If `newOpsB` are multiple operations, they will be\n\t\t\t// spliced in the place of `opB`. So we need to change `transformBy` accordingly, so that an operation won't\n\t\t\t// be transformed by the same operation (part of it) again.\n\t\t\tnextTransformIndex.set( newOpA, indexB + newOpsB.length );\n\t\t}\n\n\t\t// Update `operationsA` and `operationsB` with the transformed versions.\n\t\toperationsA.splice( i, 1, ...newOpsA );\n\t\toperationsB.splice( indexB, 1, ...newOpsB );\n\t}\n\n\thandlePartialMarkerOperations( operationsA );\n\thandlePartialMarkerOperations( operationsB );\n\n\tif ( options.padWithNoOps ) {\n\t\t// If no-operations padding is enabled, count how many extra `a` and `b` operations were generated.\n\t\tconst brokenOperationsACount = operationsA.length - data.originalOperationsACount;\n\t\tconst brokenOperationsBCount = operationsB.length - data.originalOperationsBCount;\n\n\t\t// Then, if that number is not the same, pad `operationsA` or `operationsB` with correct number of no-ops so\n\t\t// that the base versions are equalled.\n\t\t//\n\t\t// Note that only one array will be updated, as only one of those subtractions can be greater than zero.\n\t\tpadWithNoOps( operationsA, brokenOperationsBCount - brokenOperationsACount );\n\t\tpadWithNoOps( operationsB, brokenOperationsACount - brokenOperationsBCount );\n\t}\n\n\t// Finally, update base versions of transformed operations.\n\tupdateBaseVersions( operationsA, data.nextBaseVersionB );\n\tupdateBaseVersions( operationsB, data.nextBaseVersionA );\n\n\treturn { operationsA, operationsB, originalOperations };\n}\n\n/**\n * The result of {@link module:engine/model/operation/transform~transformOperationSets}.\n */\nexport interface TransformOperationSetsResult {\n\n\t/**\n\t * Transformed `operationsA`.\n\t */\n\toperationsA: Array<Operation>;\n\n\t/**\n\t * Transformed `operationsB`.\n\t */\n\toperationsB: Array<Operation>;\n\n\t/**\n\t * A map that links transformed operations to original operations. The keys are the transformed\n\t * operations and the values are the original operations from the input (`operationsA` and `operationsB`).\n\t */\n\toriginalOperations: Map<Operation, Operation>;\n}\n\n/**\n * Gathers additional data about operations processed during transformation. Can be used to obtain contextual information\n * about two operations that are about to be transformed. This contextual information can be used for better conflict resolution.\n */\nclass ContextFactory {\n\tpublic readonly originalOperations: Map<Operation, Operation>;\n\n\tprivate readonly _history: History;\n\tprivate readonly _useRelations?: boolean;\n\tprivate readonly _forceWeakRemove: boolean;\n\tprivate readonly _relations: Map<Operation, Map<Operation, any>>;\n\n\t/**\n\t * Creates `ContextFactory` instance.\n\t *\n\t * @param document Document which the operations change.\n\t * @param useRelations Whether during transformation relations should be used (used during undo for\n\t * better conflict resolution).\n\t * @param forceWeakRemove If set to `false`, remove operation will be always stronger than move operation,\n\t * so the removed nodes won't end up back in the document root. When set to `true`, context data will be used.\n\t */\n\tconstructor( document: ModelDocument, useRelations: boolean | undefined, forceWeakRemove = false ) {\n\t\t// For each operation that is created during transformation process, we keep a reference to the original operation\n\t\t// which it comes from. The original operation works as a kind of \"identifier\". Every contextual information\n\t\t// gathered during transformation that we want to save for given operation, is actually saved for the original operation.\n\t\t// This way no matter if operation `a` is cloned, then transformed, even breaks, we still have access to the previously\n\t\t// gathered data through original operation reference.\n\t\tthis.originalOperations = new Map();\n\n\t\t// `model.History` instance which information about undone operations will be taken from.\n\t\tthis._history = document.history;\n\n\t\t// Whether additional context should be used.\n\t\tthis._useRelations = useRelations;\n\n\t\tthis._forceWeakRemove = !!forceWeakRemove;\n\n\t\t// Relations is a double-map structure (maps in map) where for two operations we store how those operations were related\n\t\t// to each other. Those relations are evaluated during transformation process. For every transformated pair of operations\n\t\t// we keep relations between them.\n\t\tthis._relations = new Map();\n\t}\n\n\t/**\n\t * Sets \"original operation\" for given operations.\n\t *\n\t * During transformation process, operations are cloned, then changed, then processed again, sometimes broken into two\n\t * or multiple operations. When gathering additional data it is important that all operations can be somehow linked\n\t * so a cloned and transformed \"version\" still kept track of the data assigned earlier to it.\n\t *\n\t * The original operation object will be used as such an universal linking id. Throughout the transformation process\n\t * all cloned operations will refer to \"the original operation\" when storing and reading additional data.\n\t *\n\t * If `takeFrom` is not set, each operation from `operations` array will be assigned itself as \"the original operation\".\n\t * This should be used as an initialization step.\n\t *\n\t * If `takeFrom` is set, each operation from `operations` will be assigned the same original operation as assigned\n\t * for `takeFrom` operation. This should be used to update original operations. It should be used in a way that\n\t * `operations` are the result of `takeFrom` transformation to ensure proper \"original operation propagation\".\n\t */\n\tpublic setOriginalOperations( operations: Array<Operation>, takeFrom: Operation | null = null ): void {\n\t\tconst originalOperation = takeFrom ? this.originalOperations.get( takeFrom ) : null;\n\n\t\tfor ( const operation of operations ) {\n\t\t\tthis.originalOperations.set( operation, originalOperation || operation );\n\t\t}\n\t}\n\n\t/**\n\t * Saves a relation between operations `opA` and `opB`.\n\t *\n\t * Relations are then later used to help solve conflicts when operations are transformed.\n\t */\n\tpublic updateRelation( opA: Operation, opB: Operation ): void {\n\t\t// The use of relations is described in a bigger detail in transformation functions.\n\t\t//\n\t\t// In brief, this function, for specified pairs of operation types, checks how positions defined in those operations relate.\n\t\t// Then those relations are saved. For example, for two move operations, it is saved if one of those operations target\n\t\t// position is before the other operation source position. This kind of information gives contextual information when\n\t\t// transformation is used during undo. Similar checks are done for other pairs of operations.\n\t\t//\n\t\tif ( opA instanceof MoveOperation ) {\n\t\t\tif ( opB instanceof MergeOperation ) {\n\t\t\t\tif ( opA.targetPosition.isEqual( opB.sourcePosition ) || opB.movedRange.containsPosition( opA.targetPosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'insertAtSource' );\n\t\t\t\t} else if ( opA.targetPosition.isEqual( opB.deletionPosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'insertBetween' );\n\t\t\t\t} else if ( opA.targetPosition.isAfter( opB.sourcePosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'moveTargetAfter' );\n\t\t\t\t} else if ( opA.howMany > 1 && opA.sourcePosition.isEqual( opB.deletionPosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'firstToMoveMerged' );\n\t\t\t\t} else if ( opA.howMany > 1 && opA.sourcePosition.getShiftedBy( opA.howMany - 1 ).isEqual( opB.deletionPosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'lastToMoveMerged' );\n\t\t\t\t}\n\t\t\t} else if ( opB instanceof MoveOperation ) {\n\t\t\t\tif ( opA.targetPosition.isEqual( opB.sourcePosition ) || opA.targetPosition.isBefore( opB.sourcePosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'insertBefore' );\n\t\t\t\t} else {\n\t\t\t\t\tthis._setRelation( opA, opB, 'insertAfter' );\n\t\t\t\t}\n\t\t\t}\n\t\t} else if ( opA instanceof SplitOperation ) {\n\t\t\tif ( opB instanceof MergeOperation ) {\n\t\t\t\tif ( opA.splitPosition.isBefore( opB.sourcePosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'splitBefore' );\n\t\t\t\t}\n\t\t\t} else if ( opB instanceof MoveOperation ) {\n\t\t\t\tif ( opA.splitPosition.isEqual( opB.sourcePosition ) || opA.splitPosition.isBefore( opB.sourcePosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'splitBefore' );\n\t\t\t\t} else {\n\t\t\t\t\tconst range = ModelRange._createFromPositionAndShift( opB.sourcePosition, opB.howMany );\n\n\t\t\t\t\tif ( opA.splitPosition.hasSameParentAs( opB.sourcePosition ) && range.containsPosition( opA.splitPosition ) ) {\n\t\t\t\t\t\t// TODO: Potential bug -- we are saving offset value directly and it is not later updated during OT.\n\t\t\t\t\t\t// TODO: This may cause a bug it here was an non-undone operation that may have impacted this offset.\n\t\t\t\t\t\t// TODO: Similar error was with MarkerOperation relations, where full path was saved and never updated.\n\t\t\t\t\t\tconst howMany = range.end.offset - opA.splitPosition.offset;\n\t\t\t\t\t\tconst offset = opA.splitPosition.offset - range.start.offset;\n\n\t\t\t\t\t\tthis._setRelation( opA, opB, { howMany, offset } );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else if ( opA instanceof MergeOperation ) {\n\t\t\tif ( opB instanceof MergeOperation ) {\n\t\t\t\tif ( !opA.targetPosition.isEqual( opB.sourcePosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'mergeTargetNotMoved' );\n\t\t\t\t}\n\n\t\t\t\tif ( opA.sourcePosition.isEqual( opB.targetPosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'mergeSourceNotMoved' );\n\t\t\t\t}\n\n\t\t\t\tif ( opA.sourcePosition.isEqual( opB.sourcePosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'mergeSameElement' );\n\t\t\t\t}\n\t\t\t} else if ( opB instanceof SplitOperation ) {\n\t\t\t\tif ( opA.sourcePosition.isEqual( opB.splitPosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'splitAtSource' );\n\t\t\t\t}\n\t\t\t} else if ( opB instanceof MoveOperation && opB.howMany > 0 ) {\n\t\t\t\tif ( opA.sourcePosition.isEqual( opB.sourcePosition.getShiftedBy( opB.howMany ) ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'mergeSourceAffected' );\n\t\t\t\t}\n\n\t\t\t\tif ( opA.targetPosition.isEqual( opB.sourcePosition ) ) {\n\t\t\t\t\tthis._setRelation( opA, opB, 'mergeTargetWasBefore' );\n\t\t\t\t}\n\t\t\t}\n\t\t} else if ( opA instanceof MarkerOperation ) {\n\t\t\tconst markerRange = opA.newRange;\n\n\t\t\tif ( !markerRange ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( opB instanceof MergeOperation ) {\n\t\t\t\tconst wasInLeftElement = markerRange.start.isEqual( opB.targetPosition );\n\t\t\t\tconst wasStartBeforeMergedElement = markerRange.start.isEqual( opB.deletionPosition );\n\t\t\t\tconst wasEndBeforeMergedElement = markerRange.end.isEqual( opB.deletionPosition );\n\t\t\t\tconst wasInRightElement = markerRange.end.isEqual( opB.sourcePosition );\n\n\t\t\t\tif ( wasInLeftElement || wasStartBeforeMergedElement || wasEndBeforeMergedElement || wasInRightElement ) {\n\t\t\t\t\tthis._setRelation( opA, opB, {\n\t\t\t\t\t\twasInLeftElement,\n\t\t\t\t\t\twasStartBeforeMergedElement,\n\t\t\t\t\t\twasEndBeforeMergedElement,\n\t\t\t\t\t\twasInRightElement\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Evaluates and returns contextual information about two given operations `opA` and `opB` which are about to be transformed.\n\t */\n\tpublic getContext( opA: Operation, opB: Operation, aIsStrong: boolean ): TransformationContext {\n\t\treturn {\n\t\t\taIsStrong,\n\t\t\taWasUndone: this._wasUndone( opA ),\n\t\t\tbWasUndone: this._wasUndone( opB ),\n\t\t\tabRelation: this._useRelations ? this._getRelation( opA, opB ) : null,\n\t\t\tbaRelation: this._useRelations ? this._getRelation( opB, opA ) : null,\n\t\t\tforceWeakRemove: this._forceWeakRemove\n\t\t};\n\t}\n\n\t/**\n\t * Returns whether given operation `op` has already been undone.\n\t *\n\t * Information whether an operation was undone gives more context when making a decision when two operations are in conflict.\n\t */\n\tpublic _wasUndone( op: Operation ): boolean {\n\t\t// For `op`, get its original operation. After all, if `op` is a clone (or even transformed clone) of another\n\t\t// operation, literally `op` couldn't be undone. It was just generated. If anything, it was the operation it origins\n\t\t// from which was undone. So get that original operation.\n\t\tconst originalOp = this.originalOperations.get( op )!;\n\n\t\t// And check with the document if the original operation was undone.\n\t\treturn ( originalOp as any ).wasUndone || this._history.isUndoneOperation( originalOp );\n\t}\n\n\t/**\n\t * Returns a relation between `opA` and an operation which is undone by `opB`. This can be `String` value if a relation\n\t * was set earlier or `null` if there was no relation between those operations.\n\t *\n\t * This is a little tricky to understand, so let's compare it to `ContextFactory#_wasUndone`.\n\t *\n\t * When `wasUndone( opB )` is used, we check if the `opB` has already been undone. It is obvious, that the\n\t * undoing operation must happen after the undone operation. So, essentially, we have `opB`, we take document history,\n\t * we look forward in the future and ask if in that future `opB` was undone.\n\t *\n\t * Relations is a backward process to `wasUndone()`.\n\t *\n\t * Long story short - using relations is asking what happened in the past. Looking back. This time we have an undoing\n\t * operation `opB` which has undone some other operation. When there is a transformation `opA` x `opB` and there is\n\t * a conflict to solve and `opB` is an undoing operation, we can look back in the history and see what was a relation\n\t * between `opA` and the operation which `opB` undone. Basing on that relation from the past, we can now make\n\t * a better decision when resolving a conflict between two operations, because we know more about the context of\n\t * those two operations.\n\t *\n\t * This is why this function does not return a relation directly between `opA` and `opB` because we need to look\n\t * back to search for a meaningful contextual information.\n\t */\n\tpublic _getRelation( opA: Operation, opB: Operation ): any {\n\t\t// Get the original operation. Similarly as in `wasUndone()` it is used as an universal identifier for stored data.\n\t\tconst origB = this.originalOperations.get( opB )!;\n\t\tconst undoneB = this._history.getUndoneOperation( origB );\n\n\t\t// If `opB` is not undoing any operation, there is no relation.\n\t\tif ( !undoneB ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst origA = this.originalOperations.get( opA )!;\n\t\tconst relationsA = this._relations.get( origA );\n\n\t\t// Get all relations for `opA`, and check if there is a relation with `opB`-undone-counterpart. If so, return it.\n\t\tif ( relationsA ) {\n\t\t\treturn relationsA.get( undoneB ) || null;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Helper function for `ContextFactory#updateRelations`.\n\t */\n\tprivate _setRelation( opA: Operation, opB: Operation, relation: any ): void {\n\t\t// As always, setting is for original operations, not the clones/transformed operations.\n\t\tconst origA = this.originalOperations.get( opA )!;\n\t\tconst origB = this.originalOperations.get( opB )!;\n\n\t\tlet relationsA = this._relations.get( origA );\n\n\t\tif ( !relationsA ) {\n\t\t\trelationsA = new Map();\n\t\t\tthis._relations.set( origA, relationsA );\n\t\t}\n\n\t\trelationsA.set( origB, relation );\n\t}\n}\n\n/**\n * Holds additional contextual information about a transformed pair of operations (`a` and `b`). Those information\n * can be used for better conflict resolving.\n *\n * @internal\n */\nexport type TransformationContext = {\n\n\t/**\n\t * Whether `a` is strong operation in this transformation, or weak.\n\t */\n\taIsStrong?: boolean;\n\n\t/**\n\t * Whether `a` operation was undone.\n\t */\n\taWasUndone?: boolean;\n\n\t/**\n\t * Whether `b` operation was undone.\n\t */\n\tbWasUndone?: boolean;\n\n\t/**\n\t * The relation between `a` operation and an operation undone by `b` operation.\n\t */\n\tabRelation?: any;\n\n\t/**\n\t * The relation between `b` operation and an operation undone by `a` operation.\n\t */\n\tbaRelation?: any;\n\n\tforceWeakRemove?: boolean;\n};\n\n/**\n * An utility function that updates {@link module:engine/model/operation/operation~Operation#baseVersion base versions}\n * of passed operations.\n *\n * The function simply sets `baseVersion` as a base version of the first passed operation and then increments it for\n * each following operation in `operations`.\n *\n * @param operations Operations to update.\n * @param baseVersion Base version to set for the first operation in `operations`.\n */\nfunction updateBaseVersions( operations: ReadonlyArray<Operation>, baseVersion: number ) {\n\tfor ( const operation of operations ) {\n\t\toperation.baseVersion = baseVersion++;\n\t}\n}\n\n/**\n * Adds `howMany` instances of {@link module:engine/model/operation/nooperation~NoOperation} to `operations` set.\n */\nfunction padWithNoOps( operations: Array<Operation>, howMany: number ) {\n\tfor ( let i = 0; i < howMany; i++ ) {\n\t\toperations.push( new NoOperation( 0 ) );\n\t}\n}\n\n/**\n * Transformed operations set may include marker operations which were broken into multiple marker operations during transformation.\n * It represents marker range being broken into multiple pieces as the transformation was processed. Each partial marker operation is\n * a piece of the original marker range.\n *\n * These partial marker operations (\"marker range pieces\") should be \"glued\" together if, after transformations, the ranges ended up\n * next to each other.\n *\n * If the ranges did not end up next to each other, then partial marker operations should be discarded, as the marker range cannot\n * be broken into two pieces.\n *\n * There is always one \"reference\" marker operation (the original operation) and there may be some partial marker operations. Partial\n * marker operations have base version set to `-1`. If the `operations` set includes partial marker operations, then they are always\n * after the original marker operation.\n *\n * See also `MarkerOperation` x `MoveOperation` transformation.\n * See also https://github.com/ckeditor/ckeditor5/pull/17071.\n */\nfunction handlePartialMarkerOperations( operations: Array<Operation> ) {\n\tconst markerOps: Map<string, { op: MarkerOperation; ranges: Array<ModelRange> }> = new Map();\n\n\tfor ( let i = 0; i < operations.length; i++ ) {\n\t\tconst op = operations[ i ];\n\n\t\tif ( !( op instanceof MarkerOperation ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tif ( op.baseVersion !== -1 ) {\n\t\t\tmarkerOps.set( op.name, {\n\t\t\t\top,\n\t\t\t\tranges: op.newRange ? [ op.newRange ] : []\n\t\t\t} );\n\t\t} else {\n\t\t\tif ( op.newRange ) {\n\t\t\t\t// `markerOps.get( op.name )` must exist because original marker operation is always before partial marker operations.\n\t\t\t\t// If the original marker operation was changed to `NoOperation`, then the partial marker operations would be changed\n\t\t\t\t// to `NoOperation` as well, so this is not a case.\n\t\t\t\tmarkerOps.get( op.name )!.ranges.push( op.newRange );\n\t\t\t}\n\n\t\t\toperations.splice( i, 1 );\n\t\t\ti--;\n\t\t}\n\t}\n\n\tfor ( const { op, ranges } of markerOps.values() ) {\n\t\tif ( ranges.length ) {\n\t\t\top.newRange = ModelRange._createFromRanges( ranges );\n\t\t} else {\n\t\t\top.newRange = null;\n\t\t}\n\t}\n}\n\n// -----------------------\n\nsetTransformation( AttributeOperation, AttributeOperation, ( a, b, context ) => {\n\t// If operations in conflict, check if their ranges intersect and manage them properly.\n\t//\n\t// Operations can be in conflict only if:\n\t//\n\t// * their key is the same (they change the same attribute), and\n\t// * they are in the same parent (operations for ranges [ 1 ] - [ 3 ] and [ 2, 0 ] - [ 2, 5 ] change different\n\t// elements and can't be in conflict).\n\tif ( a.key === b.key && a.range.start.hasSameParentAs( b.range.start ) ) {\n\t\t// First, we want to apply change to the part of a range that has not been changed by the other operation.\n\t\tconst operations = a.range.getDifference( b.range ).map( range => {\n\t\t\treturn new AttributeOperation( range, a.key, a.oldValue, a.newValue, 0 );\n\t\t} );\n\n\t\t// Then we take care of the common part of ranges.\n\t\tconst common = a.range.getIntersection( b.range );\n\n\t\tif ( common ) {\n\t\t\t// If this operation is more important, we also want to apply change to the part of the\n\t\t\t// original range that has already been changed by the other operation. Since that range\n\t\t\t// got changed we also have to update `oldValue`.\n\t\t\tif ( context.aIsStrong ) {\n\t\t\t\toperations.push( new AttributeOperation( common, b.key, b.newValue, a.newValue, 0 ) );\n\t\t\t}\n\t\t}\n\n\t\tif ( operations.length == 0 ) {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t}\n\n\t\treturn operations;\n\t} else {\n\t\t// If operations don't conflict, simply return an array containing just a clone of this operation.\n\t\treturn [ a ];\n\t}\n} );\n\nsetTransformation( AttributeOperation, InsertOperation, ( a, b ) => {\n\t// Case 1:\n\t//\n\t// The attribute operation range includes the position where nodes were inserted.\n\t// There are two possible scenarios: the inserted nodes were text and they should receive attributes or\n\t// the inserted nodes were elements and they should not receive attributes.\n\t//\n\tif ( a.range.start.hasSameParentAs( b.position ) && a.range.containsPosition( b.position ) ) {\n\t\t// If new nodes should not receive attributes, two separated ranges will be returned.\n\t\t// Otherwise, one expanded range will be returned.\n\t\tconst range = a.range._getTransformedByInsertion( b.position, b.howMany, !b.shouldReceiveAttributes );\n\t\tconst result = range.map( r => {\n\t\t\treturn new AttributeOperation( r, a.key, a.oldValue, a.newValue, a.baseVersion );\n\t\t} );\n\n\t\tif ( b.shouldReceiveAttributes ) {\n\t\t\t// `AttributeOperation#range` includes some newly inserted text.\n\t\t\t// The operation should also change the attribute of that text. An example:\n\t\t\t//\n\t\t\t// Bold should be applied on the following range:\n\t\t\t// <p>Fo[zb]ar</p>\n\t\t\t//\n\t\t\t// In meantime, new text is typed:\n\t\t\t// <p>Fozxxbar</p>\n\t\t\t//\n\t\t\t// Bold should be applied also on the new text:\n\t\t\t// <p>Fo[zxxb]ar</p>\n\t\t\t// <p>Fo<$text bold=\"true\">zxxb</$text>ar</p>\n\t\t\t//\n\t\t\t// There is a special case to consider here to consider.\n\t\t\t//\n\t\t\t// Consider setting an attribute with multiple possible values, for example `highlight`. The inserted text might\n\t\t\t// have already an attribute value applied and the `oldValue` property of the attribute operation might be wrong:\n\t\t\t//\n\t\t\t// Attribute `highlight=\"yellow\"` should be applied on the following range:\n\t\t\t// <p>Fo[zb]ar<p>\n\t\t\t//\n\t\t\t// In meantime, character `x` with `highlight=\"red\"` is typed:\n\t\t\t// <p>Fo[z<$text highlight=\"red\">x</$text>b]ar</p>\n\t\t\t//\n\t\t\t// In this case we cannot simply apply operation changing the attribute value from `null` to `\"yellow\"` for the whole range\n\t\t\t// because that would lead to an exception (`oldValue` is incorrect for `x`).\n\t\t\t//\n\t\t\t// We also cannot break the original range as this would mess up a scenario when there are multiple following\n\t\t\t// insert operations, because then only the first inserted character is included in those ranges:\n\t\t\t// <p>Fo[z][x][b]ar</p>   -->   <p>Fo[z][x]x[b]ar</p>   -->   <p>Fo[z][x]xx[b]ar</p>\n\t\t\t//\n\t\t\t// So, the attribute range needs be expanded, no matter what attributes are set on the inserted nodes:\n\t\t\t//\n\t\t\t// <p>Fo[z<$text highlight=\"red\">x</$text>b]ar</p>      <--- Change from `null` to `yellow`, throwing an exception.\n\t\t\t//\n\t\t\t// But before that operation would be applied, we will add an additional attribute operation that will change\n\t\t\t// attributes on the inserted nodes in a way which would make the original operation correct:\n\t\t\t//\n\t\t\t// <p>Fo[z{<$text highlight=\"red\">}x</$text>b]ar</p>    <--- Change range `{}` from `red` to `null`.\n\t\t\t// <p>Fo[zxb]ar</p>                                     <--- Now change from `null` to `yellow` is completely fine.\n\t\t\t//\n\n\t\t\t// Generate complementary attribute operation. Be sure to add it before the original operation.\n\t\t\tconst op = _getComplementaryAttributeOperations( b, a.key, a.oldValue );\n\n\t\t\tif ( op ) {\n\t\t\t\tresult.unshift( op );\n\t\t\t}\n\t\t}\n\n\t\t// If nodes should not receive new attribute, we are done here.\n\t\treturn result;\n\t}\n\n\t// If insert operation is not expanding the attribute operation range, simply transform the range.\n\ta.range = a.range._getTransformedByInsertion( b.position, b.howMany, false )[ 0 ];\n\n\treturn [ a ];\n} );\n\n/**\n * Helper function for `AttributeOperation` x `InsertOperation` (and reverse) transformation.\n *\n * For given `insertOperation` it checks the inserted node if it has an attribute `key` set to a value different\n * than `newValue`. If so, it generates an `AttributeOperation` which changes the value of `key` attribute to `newValue`.\n */\nfunction _getComplementaryAttributeOperations( insertOperation: InsertOperation, key: string, newValue: unknown ) {\n\tconst nodes = insertOperation.nodes;\n\n\t// At the beginning we store the attribute value from the first node.\n\tconst insertValue = nodes.getNode( 0 )!.getAttribute( key );\n\n\tif ( insertValue == newValue ) {\n\t\treturn null;\n\t}\n\n\tconst range = new ModelRange( insertOperation.position, insertOperation.position.getShiftedBy( insertOperation.howMany ) );\n\n\treturn new AttributeOperation( range, key, insertValue, newValue, 0 );\n}\n\nsetTransformation( AttributeOperation, MergeOperation, ( a, b ) => {\n\tconst ranges = [];\n\n\t// Case 1:\n\t//\n\t// Attribute change on the merged element. In this case, the merged element was moved to the graveyard.\n\t// An additional attribute operation that will change the (re)moved element needs to be generated.\n\t//\n\tif ( a.range.start.hasSameParentAs( b.deletionPosition ) ) {\n\t\tif ( a.range.containsPosition( b.deletionPosition ) || a.range.start.isEqual( b.deletionPosition ) ) {\n\t\t\tranges.push( ModelRange._createFromPositionAndShift( b.graveyardPosition, 1 ) );\n\t\t}\n\t}\n\n\tconst range = a.range._getTransformedByMergeOperation( b );\n\n\t// Do not add empty (collapsed) ranges to the result. `range` may be collapsed if it contained only the merged element.\n\tif ( !range.isCollapsed ) {\n\t\tranges.push( range );\n\t}\n\n\t// Create `AttributeOperation`s out of the ranges.\n\treturn ranges.map( range => {\n\t\treturn new AttributeOperation( range, a.key, a.oldValue, a.newValue, a.baseVersion );\n\t} );\n} );\n\nsetTransformation( AttributeOperation, MoveOperation, ( a, b ) => {\n\tconst ranges = _breakRangeByMoveOperation( a.range, b );\n\n\t// Create `AttributeOperation`s out of the ranges.\n\treturn ranges.map( range => new AttributeOperation( range, a.key, a.oldValue, a.newValue, a.baseVersion ) );\n} );\n\n/**\n * Helper function for `AttributeOperation` x `MoveOperation` transformation.\n *\n * Takes the passed `range` and transforms it by move operation `moveOp` in a specific way. Only top-level nodes of `range`\n * are considered to be in the range. If move operation moves nodes deep from inside of the range, those nodes won't\n * be included in the result. In other words, top-level nodes of the ranges from the result are exactly the same as\n * top-level nodes of the original `range`.\n *\n * This is important for `AttributeOperation` because, for its range, it changes only the top-level nodes. So we need to\n * track only how those nodes have been affected by `MoveOperation`.\n */\nfunction _breakRangeByMoveOperation( range: ModelRange, moveOp: MoveOperation ) {\n\tconst moveRange = ModelRange._createFromPositionAndShift( moveOp.sourcePosition, moveOp.howMany );\n\n\t// We are transforming `range` (original range) by `moveRange` (range moved by move operation). As usual when it comes to\n\t// transforming a ranges, we may have a common part of the ranges and we may have a difference part (zero to two ranges).\n\tlet common = null;\n\tlet difference: Array<ModelRange> = [];\n\n\t// Let's compare the ranges.\n\tif ( moveRange.containsRange( range, true ) ) {\n\t\t// If the whole original range is moved, treat it whole as a common part. There's also no difference part.\n\t\tcommon = range;\n\t} else if ( range.start.hasSameParentAs( moveRange.start ) ) {\n\t\t// If the ranges are \"on the same level\" (in the same parent) then move operation may move exactly those nodes\n\t\t// that are changed by the attribute operation. In this case we get common part and difference part in the usual way.\n\t\tdifference = range.getDifference( moveRange );\n\t\tcommon = range.getIntersection( moveRange );\n\t} else {\n\t\t// In any other situation we assume that original range is different than move range, that is that move operation\n\t\t// moves other nodes that attribute operation change. Even if the moved range is deep inside in the original range.\n\t\t//\n\t\t// Note that this is different than in `.getIntersection` (we would get a common part in that case) and different\n\t\t// than `.getDifference` (we would get two ranges).\n\t\tdifference = [ range ];\n\t}\n\n\tconst result: Array<ModelRange> = [];\n\n\t// The default behaviour of `_getTransformedByMove` might get wrong results for difference part, though, so\n\t// we do it by hand.\n\tfor ( let diff of difference ) {\n\t\t// First, transform the range by removing moved nodes. Since this is a difference, this is safe, `null` won't be returned\n\t\t// as the range is different than the moved range.\n\t\tdiff = diff._getTransformedByDeletion( moveOp.sourcePosition, moveOp.howMany )!;\n\n\t\t// Transform also `targetPosition`.\n\t\tconst targetPosition = moveOp.getMovedRangeStart();\n\n\t\t// Spread the range only if moved nodes are inserted only between the top-level nodes of the `diff` range.\n\t\tconst spread = diff.start.hasSameParentAs( targetPosition );\n\n\t\t// Transform by insertion of moved nodes.\n\t\tconst diffs = diff._getTransformedByInsertion( targetPosition, moveOp.howMany, spread );\n\n\t\tresult.push( ...diffs );\n\t}\n\n\t// Common part can be simply transformed by the move operation. This is because move operation will not target to\n\t// that common part (the operation would have to target inside its own moved range).\n\tif ( common ) {\n\t\tresult.push(\n\t\t\tcommon._getTransformedByMove( moveOp.sourcePosition, moveOp.targetPosition, moveOp.howMany, false )[ 0 ]\n\t\t);\n\t}\n\n\treturn result;\n}\n\nsetTransformation( AttributeOperation, SplitOperation, ( a, b ) => {\n\t// Case 1:\n\t//\n\t// Split node is the last node in `AttributeOperation#range`.\n\t// `AttributeOperation#range` needs to be expanded to include the new (split) node.\n\t//\n\t// Attribute `type` to be changed to `numbered` but the `listItem` is split.\n\t// <listItem type=\"bulleted\">foobar</listItem>\n\t//\n\t// After split:\n\t// <listItem type=\"bulleted\">foo</listItem><listItem type=\"bulleted\">bar</listItem>\n\t//\n\t// After attribute change:\n\t// <listItem type=\"numbered\">foo</listItem><listItem type=\"numbered\">foo</listItem>\n\t//\n\tif ( a.range.end.isEqual( b.insertionPosition ) ) {\n\t\tif ( !b.graveyardPosition ) {\n\t\t\ta.range.end.offset++;\n\t\t}\n\n\t\treturn [ a ];\n\t}\n\n\t// Case 2:\n\t//\n\t// Split position is inside `AttributeOperation#range`, at the same level, so the nodes to change are\n\t// not going to make a flat range.\n\t//\n\t// Content with range-to-change and split position:\n\t// <p>Fo[zb^a]r</p>\n\t//\n\t// After split:\n\t// <p>Fozb</p><p>ar</p>\n\t//\n\t// Make two separate ranges containing all nodes to change:\n\t// <p>Fo[zb]</p><p>[a]r</p>\n\t//\n\tif ( a.range.start.hasSameParentAs( b.splitPosition ) && a.range.containsPosition( b.splitPosition ) ) {\n\t\tconst secondPart = a.clone();\n\n\t\tsecondPart.range = new ModelRange(\n\t\t\tb.moveTargetPosition.clone(),\n\t\t\ta.range.end._getCombined( b.splitPosition, b.moveTargetPosition )\n\t\t);\n\n\t\t( a.range as any ).end = b.splitPosition.clone();\n\t\ta.range.end.stickiness = 'toPrevious';\n\n\t\treturn [ a, secondPart ];\n\t}\n\n\t// The default case.\n\t//\n\ta.range = a.range._getTransformedBySplitOperation( b );\n\n\treturn [ a ];\n} );\n\nsetTransformation( InsertOperation, AttributeOperation, ( a, b ) => {\n\tconst result: Array<Operation> = [ a ];\n\n\t// Case 1:\n\t//\n\t// The attribute operation range includes the position where nodes were inserted.\n\t// There are two possible scenarios: the inserted nodes were text and they should receive attributes or\n\t// the inserted nodes were elements and they should not receive attributes.\n\t//\n\t// This is a mirror scenario to the one described in `AttributeOperation` x `InsertOperation` transformation,\n\t// although this case is a little less complicated. In this case we simply need to change attributes of the\n\t// inserted nodes and that's it.\n\t//\n\tif ( a.shouldReceiveAttributes && a.position.hasSameParentAs( b.range.start ) && b.range.containsPosition( a.position ) ) {\n\t\tconst op = _getComplementaryAttributeOperations( a, b.key, b.newValue );\n\n\t\tif ( op ) {\n\t\t\tresult.push( op );\n\t\t}\n\t}\n\n\t// The default case is: do nothing.\n\t// `AttributeOperation` does not change the model tree structure so `InsertOperation` does not need to be changed.\n\t//\n\treturn result;\n} );\n\nsetTransformation( InsertOperation, InsertOperation, ( a, b, context ) => {\n\t// Case 1:\n\t//\n\t// Two insert operations insert nodes at the same position. Since they are the same, it needs to be decided\n\t// what will be the order of inserted nodes. However, there is no additional information to help in that\n\t// decision. Also, when `b` will be transformed by `a`, the same order must be maintained.\n\t//\n\t// To achieve that, we will check if the operation is strong.\n\t// If it is, it won't get transformed. If it is not, it will be moved.\n\t//\n\tif ( a.position.isEqual( b.position ) && context.aIsStrong ) {\n\t\treturn [ a ];\n\t}\n\n\t// The default case.\n\t//\n\ta.position = a.position._getTransformedByInsertOperation( b );\n\n\treturn [ a ];\n} );\n\nsetTransformation( InsertOperation, MoveOperation, ( a, b ) => {\n\t// The default case.\n\t//\n\ta.position = a.position._getTransformedByMoveOperation( b );\n\n\treturn [ a ];\n} );\n\nsetTransformation( InsertOperation, SplitOperation, ( a, b ) => {\n\t// The default case.\n\t//\n\ta.position = a.position._getTransformedBySplitOperation( b );\n\n\treturn [ a ];\n} );\n\nsetTransformation( InsertOperation, MergeOperation, ( a, b ) => {\n\ta.position = a.position._getTransformedByMergeOperation( b );\n\n\treturn [ a ];\n} );\n\n// -----------------------\n\nsetTransformation( MarkerOperation, InsertOperation, ( a, b ) => {\n\tif ( a.oldRange ) {\n\t\ta.oldRange = a.oldRange._getTransformedByInsertOperation( b )[ 0 ];\n\t}\n\n\tif ( a.newRange ) {\n\t\ta.newRange = a.newRange._getTransformedByInsertOperation( b )[ 0 ];\n\t}\n\n\treturn [ a ];\n} );\n\nsetTransformation( MarkerOperation, MarkerOperation, ( a, b, context ) => {\n\tif ( a.name == b.name ) {\n\t\tif ( context.aIsStrong ) {\n\t\t\ta.oldRange = b.newRange ? b.newRange.clone() : null;\n\t\t} else {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t}\n\t}\n\n\treturn [ a ];\n} );\n\nsetTransformation( MarkerOperation, MergeOperation, ( a, b ) => {\n\tif ( a.oldRange ) {\n\t\ta.oldRange = a.oldRange._getTransformedByMergeOperation( b );\n\t}\n\n\tif ( a.newRange ) {\n\t\ta.newRange = a.newRange._getTransformedByMergeOperation( b );\n\t}\n\n\treturn [ a ];\n} );\n\nsetTransformation( MarkerOperation, MoveOperation, ( a, b ) => {\n\tconst result = [ a ];\n\n\tif ( a.oldRange ) {\n\t\ta.oldRange = ModelRange._createFromRanges( a.oldRange._getTransformedByMoveOperation( b ) );\n\t}\n\n\tif ( a.newRange ) {\n\t\t// In many simple cases the marker range will be kept integral after the transformation. For example, if some nodes\n\t\t// were inserted before the range, or into the range, then the marker range is not broken into two.\n\t\t//\n\t\t// However, if some nodes are taken out of the range and moved somewhere else, or are moved into the range, then the marker\n\t\t// range is \"broken\" into two or three pieces, and these pieces must be transformed and updated separately.\n\t\t//\n\t\t// When the marker range is transformed by move operation, as a result we get an array with one (simple case) or multiple\n\t\t// (\"broken range\" case) ranges.\n\t\tconst ranges = a.newRange._getTransformedByMoveOperation( b );\n\n\t\ta.newRange = ranges[ 0 ];\n\n\t\t// If there are multiple ranges, we will create separate marker operations for each piece of the original marker range.\n\t\t// Since they will be marker operations, they will be processed through the transformation process.\n\t\t//\n\t\t// However, we cannot create multiple ranges for the same marker (for the same marker name). A marker has only one range.\n\t\t// So, we cannot really have multiple marker operations for the same marker. We will keep the track of the separate marker\n\t\t// operations to see, if after all transformations, the marker pieces are next to each other or not. If so, we will glue\n\t\t// them together to the original marker operation (`a`). If not, we will discard them. These extra operations will never\n\t\t// be executed, as they will only exist temporarily during the transformation process.\n\t\t//\n\t\t// We will call these additional marker operations \"partial marker operations\" and we will mark them with negative base version.\n\t\t//\n\t\t// See also `handlePartialMarkerOperations()`.\n\t\t// See also https://github.com/ckeditor/ckeditor5/pull/17071.\n\t\t//\n\t\tfor ( let i = 1; i < ranges.length; i++ ) {\n\t\t\tconst op = a.clone();\n\n\t\t\top.oldRange = null;\n\t\t\top.newRange = ranges[ i ];\n\t\t\top.baseVersion = -1;\n\n\t\t\tresult.push( op );\n\t\t}\n\t}\n\n\treturn result;\n} );\n\nsetTransformation( MarkerOperation, SplitOperation, ( a, b, context ) => {\n\tif ( a.oldRange ) {\n\t\ta.oldRange = a.oldRange._getTransformedBySplitOperation( b );\n\t}\n\n\tif ( a.newRange ) {\n\t\tif ( context.abRelation ) {\n\t\t\t// If we have context, it means that there was previously a merge operation which transformed this marker operation, and that\n\t\t\t// merge operation was then undone, and this split operation should reverse the marker to state before the merge operation.\n\t\t\tconst aNewRange = a.newRange._getTransformedBySplitOperation( b );\n\n\t\t\tif ( a.newRange.start.isEqual( b.splitPosition ) ) {\n\t\t\t\t// If marker range start is same as split position, we need to decide where marker start should be placed, as there\n\t\t\t\t// are three possible options.\n\t\t\t\t//\n\t\t\t\tif ( context.abRelation.wasStartBeforeMergedElement ) {\n\t\t\t\t\t// If the marker start was initially before the merged element, move it back to that place.\n\t\t\t\t\t//\n\t\t\t\t\t// <p>Foo</p>[<p>Bar]</p>  -- merge ->  <p>Foo[Bar]</p>  -- default split ->  <p>Foo</p><p>[Bar]</p>\n\t\t\t\t\t// <p>Foo</p>[<p>Bar]</p>  -- merge ->  <p>Foo[Bar]</p>  --- fixed split -->  <p>Foo</p>[<p>Bar]</p>\n\t\t\t\t\t//\n\t\t\t\t\t( a.newRange as any ).start = ModelPosition._createAt( b.insertionPosition );\n\t\t\t\t} else if ( context.abRelation.wasInLeftElement ) {\n\t\t\t\t\t// If the marker start was initially in the \"left\" element, keep the start position there.\n\t\t\t\t\t//\n\t\t\t\t\t// <p>Foo[</p><p>Bar]</p>  -- merge ->  <p>Foo[Bar]</p>  -- default split ->  <p>Foo</p><p>[Bar]</p>\n\t\t\t\t\t// <p>Foo[</p><p>Bar]</p>  -- merge ->  <p>Foo[Bar]</p>  --- fixed split -->  <p>Foo[</p><p>Bar]</p>\n\t\t\t\t\t//\n\t\t\t\t\t( a.newRange as any ).start = ModelPosition._createAt( a.newRange.start );\n\t\t\t\t} else {\n\t\t\t\t\t// Finally, the start position must have been at the beginning of the \"right\" (merged) element.\n\t\t\t\t\t// In this case, move it back to the \"right\" element.\n\t\t\t\t\t//\n\t\t\t\t\t// Note, that this what the default transformation (`_getTransformedBySplitOperation()`) does, BUT ONLY for\n\t\t\t\t\t// a non-collapsed marker. For a collapsed marker, by default, the whole marker is kept at the split position,\n\t\t\t\t\t// which would be incorrect. This is why this case is needed, and why we don't use `aNewRange.start` here.\n\t\t\t\t\t//\n\t\t\t\t\t// <p>Foo</p><p>[]Bar</p>  -- merge ->  <p>Foo[]Bar</p>  -- default split ->  <p>Foo[]</p><p>Bar</p>\n\t\t\t\t\t// <p>Foo</p><p>[]Bar</p>  -- merge ->  <p>Foo[]Bar</p>  --- fixed split -->  <p>Foo</p><p>[]Bar</p>\n\t\t\t\t\t//\n\t\t\t\t\t( a.newRange as any ).start = ModelPosition._createAt( b.moveTargetPosition );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// If marker range start is not the same as split position, simply use the default transformation, as there is no\n\t\t\t\t// ambiguity in this case.\n\t\t\t\t( a.newRange as any ).start = aNewRange.start;\n\t\t\t}\n\n\t\t\tif ( a.newRange.end.isEqual( b.splitPosition ) ) {\n\t\t\t\t// If marker range end is same as split position, we need to decide where marker end should be placed, as there\n\t\t\t\t// are three possible options.\n\t\t\t\t//\n\t\t\t\tif ( a.newRange.end.isEqual( b.splitPosition ) && context.abRelation.wasEndBeforeMergedElement ) {\n\t\t\t\t\t// If the marker end was initially before the merged element, move it back to that place.\n\t\t\t\t\t//\n\t\t\t\t\t// <p>[Foo</p>]<p>Bar</p>  -- merge ->  <p>[Foo]Bar</p>  -- default split ->  <p>[Foo]</p><p>Bar</p>\n\t\t\t\t\t// <p>[Foo</p>]<p>Bar</p>  -- merge ->  <p>[Foo]Bar</p>  --- fixed split -->  <p>[Foo</p>]<p>Bar</p>\n\t\t\t\t\t//\n\t\t\t\t\t( a.newRange as any ).end = ModelPosition._createAt( b.insertionPosition );\n\t\t\t\t} else if ( context.abRelation.wasInRightElement ) {\n\t\t\t\t\t// If the marker was initially in the \"right\" element, keep the end position there.\n\t\t\t\t\t//\n\t\t\t\t\t// <p>[Foo</p><p>]Bar</p>  -- merge ->  <p>[Foo]Bar</p>  -- default split ->  <p>[Foo]</p><p>Bar</p>\n\t\t\t\t\t// <p>[Foo</p><p>]Bar</p>  -- merge ->  <p>[Foo]Bar</p>  --- fixed split -->  <p>[Foo</p><p>]Bar</p>\n\t\t\t\t\t//\n\t\t\t\t\t( a.newRange as any ).end = ModelPosition._createAt( b.moveTargetPosition );\n\t\t\t\t} else {\n\t\t\t\t\t// Finally, the end position must have been at the end of the \"left\" (merged) element.\n\t\t\t\t\t// In this case, keep it where it is.\n\t\t\t\t\t//\n\t\t\t\t\t// Note, that this is what the default transformation does, so we could use `aNewRange.end`, but this is more clear.\n\t\t\t\t\t//\n\t\t\t\t\t( a.newRange as any ).end = ModelPosition._createAt( a.newRange.end );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// If marker range end is not the same as split position, simply use the default transformation, as there is no\n\t\t\t\t// ambiguity in this case.\n\t\t\t\t( a.newRange as any ).end = aNewRange.end;\n\t\t\t}\n\n\t\t\treturn [ a ];\n\t\t}\n\n\t\ta.newRange = a.newRange._getTransformedBySplitOperation( b );\n\t}\n\n\treturn [ a ];\n} );\n\n// -----------------------\n\nsetTransformation( MergeOperation, InsertOperation, ( a, b ) => {\n\tif ( a.sourcePosition.hasSameParentAs( b.position ) ) {\n\t\ta.howMany += b.howMany;\n\t}\n\n\ta.sourcePosition = a.sourcePosition._getTransformedByInsertOperation( b );\n\ta.targetPosition = a.targetPosition._getTransformedByInsertOperation( b );\n\n\treturn [ a ];\n} );\n\nsetTransformation( MergeOperation, MergeOperation, ( a, b, context ) => {\n\t// Case 1:\n\t//\n\t// Same merge operations.\n\t//\n\t// Both operations have same source and target positions. So the element already got merged and there is\n\t// theoretically nothing to do.\n\t//\n\tif ( a.sourcePosition.isEqual( b.sourcePosition ) && a.targetPosition.isEqual( b.targetPosition ) ) {\n\t\t// There are two ways that we can provide a do-nothing operation.\n\t\t//\n\t\t// First is simply a NoOperation instance. We will use it if `b` operation was not undone.\n\t\t//\n\t\t// Second is a merge operation that has the source operation in the merged element - in the graveyard -\n\t\t// same target position and `howMany` equal to `0`. So it is basically merging an empty element from graveyard\n\t\t// which is almost the same as NoOperation.\n\t\t//\n\t\t// This way the merge operation can be later transformed by split operation\n\t\t// to provide correct undo. This will be used if `b` operation was undone (only then it is correct).\n\t\t//\n\t\tif ( !context.bWasUndone ) {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t} else {\n\t\t\tconst path = b.graveyardPosition.path.slice();\n\t\t\tpath.push( 0 );\n\n\t\t\ta.sourcePosition = new ModelPosition( b.graveyardPosition.root, path );\n\t\t\ta.howMany = 0;\n\n\t\t\treturn [ a ];\n\t\t}\n\t}\n\n\t// Case 2:\n\t//\n\t// Same merge source position but different target position.\n\t//\n\t// This can happen during collaboration. For example, if one client merged a paragraph to the previous paragraph\n\t// and the other person removed that paragraph and merged the same paragraph to something before:\n\t//\n\t// Client A:\n\t// <p>Foo</p><p>Bar</p><p>[]Xyz</p>\n\t// <p>Foo</p><p>BarXyz</p>\n\t//\n\t// Client B:\n\t// <p>Foo</p>[<p>Bar</p>]<p>Xyz</p>\n\t// <p>Foo</p><p>[]Xyz</p>\n\t// <p>FooXyz</p>\n\t//\n\t// In this case we need to decide where finally \"Xyz\" will land:\n\t//\n\t// <p>FooXyz</p>               graveyard: <p>Bar</p>\n\t// <p>Foo</p>                  graveyard: <p>BarXyz</p>\n\t//\n\t// Let's move it in a way so that a merge operation that does not target to graveyard is more important so that\n\t// nodes does not end up in the graveyard. It makes sense. Both for Client A and for Client B \"Xyz\" finally did not\n\t// end up in the graveyard (see above).\n\t//\n\t// If neither or both operations point to graveyard, then let `aIsStrong` decide.\n\t//\n\tif (\n\t\ta.sourcePosition.isEqual( b.sourcePosition ) && !a.targetPosition.isEqual( b.targetPosition ) &&\n\t\t!context.bWasUndone && context.abRelation != 'splitAtSource'\n\t) {\n\t\tconst aToGraveyard = a.targetPosition.root.rootName == '$graveyard';\n\t\tconst bToGraveyard = b.targetPosition.root.rootName == '$graveyard';\n\n\t\t// If `aIsWeak` it means that `a` points to graveyard while `b` doesn't. Don't move nodes then.\n\t\tconst aIsWeak = aToGraveyard && !bToGraveyard;\n\n\t\t// If `bIsWeak` it means that `b` points to graveyard while `a` doesn't. Force moving nodes then.\n\t\tconst bIsWeak = bToGraveyard && !aToGraveyard;\n\n\t\t// Force move if `b` is weak or neither operation is weak but `a` is stronger through `context.aIsStrong`.\n\t\tconst forceMove = bIsWeak || ( !aIsWeak && context.aIsStrong );\n\n\t\tif ( forceMove ) {\n\t\t\tconst sourcePosition = b.targetPosition._getTransformedByMergeOperation( b );\n\t\t\tconst targetPosition = a.targetPosition._getTransformedByMergeOperation( b );\n\n\t\t\treturn [ new MoveOperation( sourcePosition, a.howMany, targetPosition, 0 ) ];\n\t\t} else {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t}\n\t}\n\n\t// The default case.\n\t// TODO: Possibly, there's a missing case for same `targetPosition` but different `sourcePosition`.\n\t//\n\tif ( a.sourcePosition.hasSameParentAs( b.targetPosition ) ) {\n\t\ta.howMany += b.howMany;\n\t}\n\n\ta.sourcePosition = a.sourcePosition._getTransformedByMergeOperation( b );\n\ta.targetPosition = a.targetPosition._getTransformedByMergeOperation( b );\n\n\t// Handle positions in graveyard.\n\t// If graveyard positions are same and `a` operation is strong - do not transform.\n\tif ( !a.graveyardPosition.isEqual( b.graveyardPosition ) || !context.aIsStrong ) {\n\t\ta.graveyardPosition = a.graveyardPosition._getTransformedByMergeOperation( b );\n\t}\n\n\treturn [ a ];\n} );\n\nsetTransformation( MergeOperation, MoveOperation, ( a, b, context ) => {\n\t// Case 1:\n\t//\n\t// The element to merge got removed.\n\t//\n\t// Merge operation does support merging elements which are not siblings. So it would not be a problem\n\t// from technical point of view. However, if the element was removed, the intention of the user deleting it\n\t// was to have it all deleted, together with its children. From user experience point of view, moving back the\n\t// removed nodes might be unexpected. This means that in this scenario we will block the merging.\n\t//\n\t// The exception to this rule would be if the remove operation was later undone.\n\t//\n\tconst removedRange = ModelRange._createFromPositionAndShift( b.sourcePosition, b.howMany );\n\n\tif ( b.type == 'remove' && !context.bWasUndone ) {\n\t\tif ( a.deletionPosition.hasSameParentAs( b.sourcePosition ) && removedRange.containsPosition( a.sourcePosition ) ) {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t}\n\t}\n\n\t// In most cases we want `sourcePosition` to stick to previous and `targetPosition` to stick to next.\n\t// Usually, `sourcePosition` is at the beginning of the merged element and `targetPosition` is at the end of the merge-target element.\n\t//\n\t// However, `sourcePosition` and `targetPosition` may end up in the middle of an element due to some OT magic that happens during undo.\n\t// It is expected and used in `MergeOperation` x `SplitOperation` transformation.\n\t//\n\t// But when these positions are in the middle, it messes up the regular `MergeOperation` x `MoveOperation` transformation because\n\t// these positions may \"follow\" some moved elements. And we want them stick in the original elements.\n\t//\n\t// This is why we add two extra cases: (1) and (2).\n\t//\n\t// But after this `MergeOperation` is transformed by \"this\" move (which is undone), we also need to define extra cases for\n\t// the operation undoing previous move. These are (3) and (4).\n\t//\n\t// (1). Note that this case is also added to `updateRelations()` and sets `mergeSourceAffected` relation.\n\t//\n\t// [] is move operation, } is merge source position (sticks to previous by default):\n\t// <p>A[b]}c</p>  ->  <p>A}c</p>\n\t//\n\tif ( b.sourcePosition.getShiftedBy( b.howMany ).isEqual( a.sourcePosition ) ) {\n\t\ta.sourcePosition.stickiness = 'toNone';\n\t}\n\n\t// (3). This is the transformation for undoing operation of the above case.\n\t//\n\t// [] is move operation, } is merge source position (sticks to previous by default):\n\t// <p>A}c</p>  ->  <p>A[b]}c</p>  (instead of <p>A}[b]c</p>)\n\t//\n\telse if ( b.targetPosition.isEqual( a.sourcePosition ) && context.abRelation == 'mergeSourceAffected' ) {\n\t\ta.sourcePosition.stickiness = 'toNext';\n\t}\n\n\t// (2). Note that this case is also added to `updateRelations()` and sets `mergeTargetWasBefore` relation.\n\t//\n\t// [] is move operation, { is merge target position (sticks to next by default):\n\t// <p>A{[b]c</p>  ->  <p>A{c</p>\n\t//\n\telse if ( b.sourcePosition.isEqual( a.targetPosition ) ) {\n\t\ta.targetPosition.stickiness = 'toNone';\n\t\ta.howMany -= b.howMany;\n\t}\n\n\t// (4). This is the transformation for undoing operation of the above case.\n\t//\n\t// [] is move operation, { is merge target position (sticks to next by default):\n\t// <p>A{c</p>  ->  <p>A{[b]c</p>  (instead of <p>A[b]{c</p>)\n\t//\n\telse if ( b.targetPosition.isEqual( a.targetPosition ) && context.abRelation == 'mergeTargetWasBefore' ) {\n\t\ta.targetPosition.stickiness = 'toPrevious';\n\t\ta.howMany += b.howMany;\n\t}\n\n\t// The default case.\n\telse {\n\t\tif ( a.sourcePosition.hasSameParentAs( b.targetPosition ) ) {\n\t\t\ta.howMany += b.howMany;\n\t\t}\n\n\t\tif ( a.sourcePosition.hasSameParentAs( b.sourcePosition ) ) {\n\t\t\ta.howMany -= b.howMany;\n\t\t}\n\t}\n\n\ta.sourcePosition = a.sourcePosition._getTransformedByMoveOperation( b );\n\ta.targetPosition = a.targetPosition._getTransformedByMoveOperation( b );\n\n\t// After transformations are done, make sure to revert stickiness in case if (1) - (4) scenario happened.\n\ta.sourcePosition.stickiness = 'toPrevious';\n\ta.targetPosition.stickiness = 'toNext';\n\n\t// `MergeOperation` graveyard position is like `MoveOperation` target position. It is a position where element(s) will\n\t// be moved. Like in other similar cases, we need to consider the scenario when those positions are same.\n\t// Here, we will treat `MergeOperation` like it is always strong (see `InsertOperation` x `InsertOperation` for comparison).\n\t// This means that we won't transform graveyard position if it is equal to move operation target position.\n\tif ( !a.graveyardPosition.isEqual( b.targetPosition ) ) {\n\t\ta.graveyardPosition = a.graveyardPosition._getTransformedByMoveOperation( b );\n\t}\n\n\treturn [ a ];\n} );\n\nsetTransformation( MergeOperation, SplitOperation, ( a, b, context ) => {\n\tif ( b.graveyardPosition ) {\n\t\t// If `b` operation defines graveyard position, a node from graveyard will be moved. This means that we need to\n\t\t// transform `a.graveyardPosition` accordingly.\n\t\ta.graveyardPosition = a.graveyardPosition._getTransformedByDeletion( b.graveyardPosition, 1 )!;\n\n\t\t// This is a scenario foreseen in `MergeOperation` x `MergeOperation`, with two identical merge operations.\n\t\t//\n\t\t// So, there was `MergeOperation` x `MergeOperation` transformation earlier. Now, `a` is a merge operation which\n\t\t// source position is in graveyard. Interestingly, split operation wants to use the node to be merged by `a`. This\n\t\t// means that `b` is undoing that merge operation from earlier, which caused `a` to be in graveyard.\n\t\t//\n\t\t// If that's the case, at this point, we will only \"fix\" `a.howMany`. It was earlier set to `0` in\n\t\t// `MergeOperation` x `MergeOperation` transformation. Later transformations in this function will change other\n\t\t// properties.\n\t\t//\n\t\tif ( a.deletionPosition.isEqual( b.graveyardPosition ) ) {\n\t\t\ta.howMany = b.howMany;\n\t\t}\n\t}\n\n\t// Case 1:\n\t//\n\t// Merge operation moves nodes to the place where split happens.\n\t//\n\t// This is a classic situation when there are two paragraphs, and there is a split (enter) at the end of the first\n\t// paragraph and there is a merge (delete) at the beginning of the second paragraph:\n\t//\n\t// <p>Foo{}</p><p>[]Bar</p>.\n\t//\n\t// User A presses enter after `Foo`, while User B presses backspace before `Bar`. It is intuitive that after both operations, the\n\t// editor state should stay the same.\n\t//\n\t// State after split:\n\t// <p>Foo</p><p></p><p>[]Bar</p>\n\t//\n\t// When this happens, `Bar` should be merged to the newly created paragraph, to maintain the editor state:\n\t// <p>Foo</p><p>Bar</p>\n\t//\n\t// Another option is to merge into the original paragraph `Foo`, according to the `targetPosition`. This results in an incorrect state:\n\t// <p>FooBar</p><p></p>\n\t//\n\t// Also, consider an example where User A also writes something in the new paragraph:\n\t// <p>Foo</p><p>Xyz</p><p>[]Bar</p>\n\t//\n\t// In this case it is clear that merge should happen into `[ 1, 3 ]` not into `[ 0, 3 ]`. It first has to be transformed to `[ 1, 0 ]`,\n\t// and then transformed be insertion into `[ 1, 3 ]`.\n\t//\n\t// So, usually we want to move `targetPosition` to the new paragraph when it is same as split position. This is how it is handled\n\t// in the default transformation (`_getTransformedBySplitOperation()`). We don't need a special case for this.\n\t//\n\t// However, there are two exceptions, when we **do not** want to transform `targetPosition`, and we need a special case then.\n\t//\n\t// These exceptions happen only if undo is involved. During OT, above presented case (`<p>Foo{}</p><p>[]Bar</p>`) is the only way\n\t// how `SplitOperation#splitPosition` and `MergeOperation#targetPosition` can be the same.\n\t//\n\t// First exception is when the element to merge is in the graveyard and split operation uses it. In that case\n\t// if target position would be transformed, the merge operation would target at the source position:\n\t//\n\t// root: <p>Foo[]</p>\t\t\t\tgraveyard: <p></p>\n\t//\n\t// SplitOperation: root [ 0, 3 ] using graveyard [ 0 ] (howMany = 0)\n\t// MergeOperation: graveyard [ 0, 0 ] -> root [ 0, 3 ] (howMany = 0)\n\t//\n\t// Since split operation moves the graveyard element back to the root (to path `[ 1 ]`), the merge operation `sourcePosition` changes.\n\t// After split we have: `<p>Foo</p><p></p>`, so `sourcePosition` is `[ 1, 0 ]`. But if `targetPosition` is transformed, then it\n\t// also becomes `[ 1, 0 ]`. In this case, we want to keep the `targetPosition` as it was.\n\t//\n\t// Second exception is connected strictly with undo relations. If this `MergeOperation` was earlier transformed by\n\t// `MergeOperation` and we stored an information that earlier the target position was not affected, then here, when transforming by\n\t// `SplitOperation` we are not going to change it as well.\n\t//\n\t// For these two cases we will only transform `sourcePosition` and return early.\n\t//\n\t// Note, that earlier there was also third special case here. `targetPosition` was not transformed, if it pointed into the middle of\n\t// target element, not into its end (as usual). This can also happen only with undo involved. However, it wasn't always a correct\n\t// solution, as in some cases we actually wanted to transform `targetPosition`. Also, this case usually happens together with the second\n\t// case described above. There is only one scenario that we have in our unit tests, where this third case happened without second case.\n\t// However, this scenario went fine no matter if we transformed `targetPosition` or not. That's because this happened in the middle\n\t// of transformation process and the operation was correctly transformed later on.\n\t//\n\tif ( a.targetPosition.isEqual( b.splitPosition ) ) {\n\t\tconst mergeSplittingElement = b.graveyardPosition && a.deletionPosition.isEqual( b.graveyardPosition );\n\n\t\tif ( mergeSplittingElement || context.abRelation == 'mergeTargetNotMoved' ) {\n\t\t\ta.sourcePosition = a.sourcePosition._getTransformedBySplitOperation( b );\n\n\t\t\treturn [ a ];\n\t\t}\n\t}\n\n\t// Case 2:\n\t//\n\t// Merge source is at the same position as split position. This sometimes happen, mostly during undo.\n\t// The decision here is mostly to choose whether merge source position should stay where it is (so it will be at the end of the\n\t// split element) or should be move to the beginning of the new element.\n\t//\n\tif ( a.sourcePosition.isEqual( b.splitPosition ) ) {\n\t\t// Use context to check if `SplitOperation` is not undoing a merge operation, that didn't change the `a` operation.\n\t\t// This scenario happens the undone merge operation moved nodes at the source position of `a` operation.\n\t\t// In that case `a` operation source position should stay where it is.\n\t\tif ( context.abRelation == 'mergeSourceNotMoved' ) {\n\t\t\ta.howMany = 0;\n\t\t\ta.targetPosition = a.targetPosition._getTransformedBySplitOperation( b );\n\n\t\t\treturn [ a ];\n\t\t}\n\n\t\t// This merge operation might have been earlier transformed by a merge operation which both merged the same element.\n\t\t// See that case in `MergeOperation` x `MergeOperation` transformation. In that scenario, if the merge operation has been undone,\n\t\t// the special case is not applied.\n\t\t//\n\t\t// Now, the merge operation is transformed by the split which has undone that previous merge operation.\n\t\t// So now we are fixing situation which was skipped in `MergeOperation` x `MergeOperation` case.\n\t\t//\n\t\tif ( context.abRelation == 'mergeSameElement' || a.sourcePosition.offset > 0 ) {\n\t\t\ta.sourcePosition = b.moveTargetPosition.clone();\n\t\t\ta.targetPosition = a.targetPosition._getTransformedBySplitOperation( b );\n\n\t\t\treturn [ a ];\n\t\t}\n\t}\n\n\t// The default case.\n\t//\n\tif ( a.sourcePosition.hasSameParentAs( b.splitPosition ) ) {\n\t\ta.howMany = b.splitPosition.offset;\n\t}\n\n\ta.sourcePosition = a.sourcePosition._getTransformedBySplitOperation( b );\n\ta.targetPosition = a.targetPosition._getTransformedBySplitOperation( b );\n\n\treturn [ a ];\n} );\n\n// -----------------------\n\nsetTransformation( MoveOperation, InsertOperation, ( a, b ) => {\n\tconst moveRange = ModelRange._createFromPositionAndShift( a.sourcePosition, a.howMany );\n\tconst transformed = moveRange._getTransformedByInsertOperation( b, false )[ 0 ];\n\n\ta.sourcePosition = transformed.start;\n\ta.howMany = transformed.end.offset - transformed.start.offset;\n\n\t// See `InsertOperation` x `MoveOperation` transformation for details on this case.\n\t//\n\t// In summary, both operations point to the same place, so the order of nodes needs to be decided.\n\t// `MoveOperation` is considered weaker, so it is always transformed, unless there was a certain relation\n\t// between operations.\n\t//\n\tif ( !a.targetPosition.isEqual( b.position ) ) {\n\t\ta.targetPosition = a.targetPosition._getTransformedByInsertOperation( b );\n\t}\n\n\treturn [ a ];\n} );\n\nsetTransformation( MoveOperation, MoveOperation, ( a, b, context ) => {\n\t//\n\t// Setting and evaluating some variables that will be used in special cases and default algorithm.\n\t//\n\t// Create ranges from `MoveOperations` properties.\n\tconst rangeA = ModelRange._createFromPositionAndShift( a.sourcePosition, a.howMany );\n\tconst rangeB = ModelRange._createFromPositionAndShift( b.sourcePosition, b.howMany );\n\n\t// Assign `context.aIsStrong` to a different variable, because the value may change during execution of\n\t// this algorithm and we do not want to override original `context.aIsStrong` that will be used in later transformations.\n\tlet aIsStrong = context.aIsStrong;\n\n\t// This will be used to decide the order of nodes if both operations target at the same position.\n\t// By default, use strong/weak operation mechanism.\n\tlet insertBefore = !context.aIsStrong;\n\n\t// If the relation is set, then use it to decide nodes order.\n\tif ( context.abRelation == 'insertBefore' || context.baRelation == 'insertAfter' ) {\n\t\tinsertBefore = true;\n\t} else if ( context.abRelation == 'insertAfter' || context.baRelation == 'insertBefore' ) {\n\t\tinsertBefore = false;\n\t}\n\n\t// `a.targetPosition` could be affected by the `b` operation. We will transform it.\n\tlet newTargetPosition;\n\n\tif ( a.targetPosition.isEqual( b.targetPosition ) && insertBefore ) {\n\t\tnewTargetPosition = a.targetPosition._getTransformedByDeletion(\n\t\t\tb.sourcePosition,\n\t\t\tb.howMany\n\t\t);\n\t} else {\n\t\tnewTargetPosition = a.targetPosition._getTransformedByMove(\n\t\t\tb.sourcePosition,\n\t\t\tb.targetPosition,\n\t\t\tb.howMany\n\t\t);\n\t}\n\n\t//\n\t// Special case #1 + mirror.\n\t//\n\t// Special case when both move operations' target positions are inside nodes that are\n\t// being moved by the other move operation. So in other words, we move ranges into inside of each other.\n\t// This case can't be solved reasonably (on the other hand, it should not happen often).\n\tif ( _moveTargetIntoMovedRange( a, b ) && _moveTargetIntoMovedRange( b, a ) ) {\n\t\t// Instead of transforming operation, we return a reverse of the operation that we transform by.\n\t\t// So when the results of this \"transformation\" will be applied, `b` MoveOperation will get reversed.\n\t\treturn [ b.getReversed() ];\n\t}\n\t//\n\t// End of special case #1.\n\t//\n\n\t//\n\t// Special case #2.\n\t//\n\t// Check if `b` operation targets inside `rangeA`.\n\tconst bTargetsToA = rangeA.containsPosition( b.targetPosition );\n\n\t// If `b` targets to `rangeA` and `rangeA` contains `rangeB`, `b` operation has no influence on `a` operation.\n\t// You might say that operation `b` is captured inside operation `a`.\n\tif ( bTargetsToA && rangeA.containsRange( rangeB, true ) ) {\n\t\t// There is a mini-special case here, where `rangeB` is on other level than `rangeA`. That's why\n\t\t// we need to transform `a` operation anyway.\n\t\t( rangeA as any ).start = rangeA.start._getTransformedByMove( b.sourcePosition, b.targetPosition, b.howMany );\n\t\t( rangeA as any ).end = rangeA.end._getTransformedByMove( b.sourcePosition, b.targetPosition, b.howMany );\n\n\t\treturn _makeMoveOperationsFromRanges( [ rangeA ], newTargetPosition! );\n\t}\n\n\t//\n\t// Special case #2 mirror.\n\t//\n\tconst aTargetsToB = rangeB.containsPosition( a.targetPosition );\n\n\tif ( aTargetsToB && rangeB.containsRange( rangeA, true ) ) {\n\t\t// `a` operation is \"moved together\" with `b` operation.\n\t\t// Here, just move `rangeA` \"inside\" `rangeB`.\n\t\t( rangeA as any ).start = rangeA.start._getCombined( b.sourcePosition, b.getMovedRangeStart() );\n\t\t( rangeA as any ).end = rangeA.end._getCombined( b.sourcePosition, b.getMovedRangeStart() );\n\n\t\treturn _makeMoveOperationsFromRanges( [ rangeA ], newTargetPosition! );\n\t}\n\t//\n\t// End of special case #2.\n\t//\n\n\t//\n\t// Special case #3 + mirror.\n\t//\n\t// `rangeA` has a node which is an ancestor of `rangeB`. In other words, `rangeB` is inside `rangeA`\n\t// but not on the same tree level. In such case ranges have common part but we have to treat it\n\t// differently, because in such case those ranges are not really conflicting and should be treated like\n\t// two separate ranges. Also we have to discard two difference parts.\n\tconst aCompB = compareArrays( a.sourcePosition.getParentPath(), b.sourcePosition.getParentPath() );\n\n\tif ( aCompB == 'prefix' || aCompB == 'extension' ) {\n\t\t// Transform `rangeA` by `b` operation and make operation out of it, and that's all.\n\t\t// Note that this is a simplified version of default case, but here we treat the common part (whole `rangeA`)\n\t\t// like a one difference part.\n\t\t( rangeA as any ).start = rangeA.start._getTransformedByMove( b.sourcePosition, b.targetPosition, b.howMany );\n\t\t( rangeA as any ).end = rangeA.end._getTransformedByMove( b.sourcePosition, b.targetPosition, b.howMany );\n\n\t\treturn _makeMoveOperationsFromRanges( [ rangeA ], newTargetPosition! );\n\t}\n\t//\n\t// End of special case #3.\n\t//\n\n\t//\n\t// Default case - ranges are on the same level or are not connected with each other.\n\t//\n\t// Modifier for default case.\n\t// Modifies `aIsStrong` flag in certain conditions.\n\t//\n\t// If only one of operations is a remove operation, we force remove operation to be the \"stronger\" one\n\t// to provide more expected results.\n\tif ( a.type == 'remove' && b.type != 'remove' && !context.aWasUndone && !context.forceWeakRemove ) {\n\t\taIsStrong = true;\n\t} else if ( a.type != 'remove' && b.type == 'remove' && !context.bWasUndone && !context.forceWeakRemove ) {\n\t\taIsStrong = false;\n\t}\n\n\t// Handle operation's source ranges - check how `rangeA` is affected by `b` operation.\n\t// This will aggregate transformed ranges.\n\tconst ranges = [];\n\n\t// Get the \"difference part\" of `a` operation source range.\n\t// This is an array with one or two ranges. Two ranges if `rangeB` is inside `rangeA`.\n\tconst difference = rangeA.getDifference( rangeB );\n\n\tfor ( const range of difference ) {\n\t\t// Transform those ranges by `b` operation. For example if `b` moved range from before those ranges, fix those ranges.\n\t\t( range as any ).start = range.start._getTransformedByDeletion( b.sourcePosition, b.howMany );\n\t\t( range as any ).end = range.end._getTransformedByDeletion( b.sourcePosition, b.howMany );\n\n\t\t// If `b` operation targets into `rangeA` on the same level, spread `rangeA` into two ranges.\n\t\tconst shouldSpread = compareArrays( range.start.getParentPath(), b.getMovedRangeStart().getParentPath() ) == 'same';\n\t\tconst newRanges = range._getTransformedByInsertion( b.getMovedRangeStart(), b.howMany, shouldSpread );\n\n\t\tranges.push( ...newRanges );\n\t}\n\n\t// Then, we have to manage the \"common part\" of both move ranges.\n\tconst common = rangeA.getIntersection( rangeB );\n\n\tif ( common !== null && aIsStrong ) {\n\t\t// Calculate the new position of that part of original range.\n\t\t( common as any ).start = common.start._getCombined( b.sourcePosition, b.getMovedRangeStart() );\n\t\t( common as any ).end = common.end._getCombined( b.sourcePosition, b.getMovedRangeStart() );\n\n\t\t// Take care of proper range order.\n\t\t//\n\t\t// Put `common` at appropriate place. Keep in mind that we are interested in original order.\n\t\t// Basically there are only three cases: there is zero, one or two difference ranges.\n\t\t//\n\t\t// If there is zero difference ranges, just push `common` in the array.\n\t\tif ( ranges.length === 0 ) {\n\t\t\tranges.push( common );\n\t\t}\n\t\t// If there is one difference range, we need to check whether common part was before it or after it.\n\t\telse if ( ranges.length == 1 ) {\n\t\t\tif ( rangeB.start.isBefore( rangeA.start ) || rangeB.start.isEqual( rangeA.start ) ) {\n\t\t\t\tranges.unshift( common );\n\t\t\t} else {\n\t\t\t\tranges.push( common );\n\t\t\t}\n\t\t}\n\t\t// If there are more ranges (which means two), put common part between them. This is the only scenario\n\t\t// where there could be two difference ranges so we don't have to make any comparisons.\n\t\telse {\n\t\t\tranges.splice( 1, 0, common );\n\t\t}\n\t}\n\n\tif ( ranges.length === 0 ) {\n\t\t// If there are no \"source ranges\", nothing should be changed.\n\t\t// Note that this can happen only if `aIsStrong == false` and `rangeA.isEqual( rangeB )`.\n\t\treturn [ new NoOperation( a.baseVersion ) ];\n\t}\n\n\treturn _makeMoveOperationsFromRanges( ranges, newTargetPosition! );\n} );\n\nsetTransformation( MoveOperation, SplitOperation, ( a, b, context ) => {\n\tlet newTargetPosition = a.targetPosition.clone();\n\n\t// Do not transform if target position is same as split insertion position and this split comes from undo.\n\t// This should be done on relations but it is too much work for now as it would require relations working in collaboration.\n\t// We need to make a decision how we will resolve such conflict and this is less harmful way.\n\tif ( !a.targetPosition.isEqual( b.insertionPosition ) || !b.graveyardPosition || context.abRelation == 'moveTargetAfter' ) {\n\t\tnewTargetPosition = a.targetPosition._getTransformedBySplitOperation( b );\n\t}\n\n\t// Case 1:\n\t//\n\t// Split operation brings back an element that was earlier a part of the move operation (first element of the original move operation).\n\t//\n\tif ( a.sourcePosition.isEqual( b.insertionPosition ) && context.abRelation == 'firstToMoveMerged' ) {\n\t\ta.howMany++;\n\n\t\ta.targetPosition = newTargetPosition;\n\n\t\treturn [ a ];\n\t}\n\n\t// Case 2:\n\t//\n\t// Last element in the moved range got split.\n\t//\n\t// In this case the default range transformation will not work correctly as the element created by\n\t// split operation would be outside the range. The range to move needs to be fixed manually.\n\t//\n\tconst moveRange = ModelRange._createFromPositionAndShift( a.sourcePosition, a.howMany );\n\n\tif ( moveRange.end.isEqual( b.insertionPosition ) ) {\n\t\t// Do it only if this is a \"natural\" split, not a one that comes from undo.\n\t\t// If this is undo split, only `targetPosition` needs to be changed (if the move is a remove).\n\t\tif ( !b.graveyardPosition || context.abRelation == 'lastToMoveMerged' ) {\n\t\t\ta.howMany++;\n\t\t}\n\n\t\ta.targetPosition = newTargetPosition;\n\n\t\treturn [ a ];\n\t}\n\n\t// Case 3:\n\t//\n\t// Split happened between the moved nodes. In this case two ranges to move need to be generated.\n\t//\n\t// Characters `ozba` are moved to the end of paragraph `Xyz` but split happened.\n\t// <p>F[oz|ba]r</p><p>Xyz</p>\n\t//\n\t// After split:\n\t// <p>F[oz</p><p>ba]r</p><p>Xyz</p>\n\t//\n\t// Correct ranges:\n\t// <p>F[oz]</p><p>[ba]r</p><p>Xyz</p>\n\t//\n\t// After move:\n\t// <p>F</p><p>r</p><p>Xyzozba</p>\n\t//\n\tif ( moveRange.start.hasSameParentAs( b.splitPosition ) && moveRange.containsPosition( b.splitPosition ) ) {\n\t\tlet rightRange = new ModelRange( b.splitPosition, moveRange.end );\n\t\trightRange = rightRange._getTransformedBySplitOperation( b );\n\n\t\tconst ranges = [\n\t\t\tnew ModelRange( moveRange.start, b.splitPosition ),\n\t\t\trightRange\n\t\t];\n\n\t\treturn _makeMoveOperationsFromRanges( ranges, newTargetPosition );\n\t}\n\n\t// Case 4:\n\t//\n\t// Move operation targets at the split position. We need to decide if the nodes should be inserted\n\t// at the end of the split element or at the beginning of the new element.\n\t//\n\tif ( a.targetPosition.isEqual( b.splitPosition ) && context.abRelation == 'insertAtSource' ) {\n\t\tnewTargetPosition = b.moveTargetPosition;\n\t}\n\n\t// Case 5:\n\t//\n\t// Move operation targets just after the split element. We need to decide if the nodes should be inserted\n\t// between two parts of split element, or after the new element.\n\t//\n\t// Split at `|`, while move operation moves `<p>Xyz</p>` and targets at `^`:\n\t// <p>Foo|bar</p>^<p>baz</p>\n\t// <p>Foo</p>^<p>bar</p><p>baz</p> or <p>Foo</p><p>bar</p>^<p>baz</p>?\n\t//\n\t// If there is no contextual information between operations (for example, they come from collaborative\n\t// editing), we don't want to put some unrelated content (move) between parts of related content (split parts).\n\t// However, if the split is from undo, in the past, the moved content might be targeting between the\n\t// split parts, meaning that was exactly user's intention:\n\t//\n\t// <p>Foo</p>^<p>bar</p>\t\t<--- original situation, in \"past\".\n\t// <p>Foobar</p>^\t\t\t\t<--- after merge target position is transformed.\n\t// <p>Foo|bar</p>^\t\t\t\t<--- then the merge is undone, and split happens, which leads us to current situation.\n\t//\n\t// In this case it is pretty clear that the intention was to put new paragraph between those nodes,\n\t// so we need to transform accordingly. We can detect this scenario thanks to relations.\n\t//\n\tif ( a.targetPosition.isEqual( b.insertionPosition ) && context.abRelation == 'insertBetween' ) {\n\t\tnewTargetPosition = a.targetPosition;\n\t}\n\n\t// The default case.\n\t//\n\tconst transformed = moveRange._getTransformedBySplitOperation( b );\n\tconst ranges = [ transformed ];\n\n\t// Case 6:\n\t//\n\t// Moved range contains graveyard element used by split operation. Add extra move operation to the result.\n\t//\n\tif ( b.graveyardPosition ) {\n\t\tconst movesGraveyardElement = moveRange.start.isEqual( b.graveyardPosition ) || moveRange.containsPosition( b.graveyardPosition );\n\n\t\tif ( a.howMany > 1 && movesGraveyardElement && !context.aWasUndone ) {\n\t\t\tranges.push( ModelRange._createFromPositionAndShift( b.insertionPosition, 1 ) );\n\t\t}\n\t}\n\n\treturn _makeMoveOperationsFromRanges( ranges, newTargetPosition );\n} );\n\nsetTransformation( MoveOperation, MergeOperation, ( a, b, context ) => {\n\tconst movedRange = ModelRange._createFromPositionAndShift( a.sourcePosition, a.howMany );\n\n\tif ( b.deletionPosition.hasSameParentAs( a.sourcePosition ) && movedRange.containsPosition( b.sourcePosition ) ) {\n\t\tif ( a.type == 'remove' && !context.forceWeakRemove ) {\n\t\t\t// Case 1:\n\t\t\t//\n\t\t\t// The element to remove got merged.\n\t\t\t//\n\t\t\t// Merge operation does support merging elements which are not siblings. So it would not be a problem\n\t\t\t// from technical point of view. However, if the element was removed, the intention of the user\n\t\t\t// deleting it was to have it all deleted. From user experience point of view, moving back the\n\t\t\t// removed nodes might be unexpected. This means that in this scenario we will reverse merging and remove the element.\n\t\t\t//\n\t\t\tif ( !context.aWasUndone ) {\n\t\t\t\tconst results = [];\n\n\t\t\t\tlet gyMoveSource = b.graveyardPosition.clone();\n\t\t\t\tlet splitNodesMoveSource = b.targetPosition._getTransformedByMergeOperation( b );\n\n\t\t\t\t// `a.targetPosition` points to graveyard, so it was probably affected by `b` (which moved merged element to the graveyard).\n\t\t\t\tconst aTarget = a.targetPosition.getTransformedByOperation( b );\n\n\t\t\t\tif ( a.howMany > 1 ) {\n\t\t\t\t\tresults.push( new MoveOperation( a.sourcePosition, a.howMany - 1, aTarget, 0 ) );\n\n\t\t\t\t\tgyMoveSource = gyMoveSource._getTransformedByMove( a.sourcePosition, aTarget, a.howMany - 1 );\n\t\t\t\t\tsplitNodesMoveSource = splitNodesMoveSource._getTransformedByMove( a.sourcePosition, aTarget, a.howMany - 1 );\n\t\t\t\t}\n\n\t\t\t\tconst gyMoveTarget = b.deletionPosition._getCombined( a.sourcePosition, aTarget );\n\t\t\t\tconst gyMove = new MoveOperation( gyMoveSource, 1, gyMoveTarget, 0 );\n\n\t\t\t\tconst splitNodesMoveTargetPath = gyMove.getMovedRangeStart().path.slice();\n\t\t\t\tsplitNodesMoveTargetPath.push( 0 );\n\n\t\t\t\tconst splitNodesMoveTarget = new ModelPosition( gyMove.targetPosition.root, splitNodesMoveTargetPath );\n\t\t\t\tsplitNodesMoveSource = splitNodesMoveSource._getTransformedByMove( gyMoveSource, gyMoveTarget, 1 );\n\t\t\t\tconst splitNodesMove = new MoveOperation( splitNodesMoveSource, b.howMany, splitNodesMoveTarget, 0 );\n\n\t\t\t\tresults.push( gyMove );\n\t\t\t\tresults.push( splitNodesMove );\n\n\t\t\t\treturn results;\n\t\t\t}\n\t\t} else {\n\t\t\t// Case 2:\n\t\t\t//\n\t\t\t// The element to move got merged and it was the only element to move.\n\t\t\t// In this case just don't do anything, leave the node in the graveyard. Without special case\n\t\t\t// it would be a move operation that moves 0 nodes, so maybe it is better just to return no-op.\n\t\t\t//\n\t\t\tif ( a.howMany == 1 ) {\n\t\t\t\tif ( !context.bWasUndone ) {\n\t\t\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t\t\t} else {\n\t\t\t\t\ta.sourcePosition = b.graveyardPosition.clone();\n\t\t\t\t\ta.targetPosition = a.targetPosition._getTransformedByMergeOperation( b );\n\n\t\t\t\t\treturn [ a ];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// The default case.\n\t//\n\tconst moveRange = ModelRange._createFromPositionAndShift( a.sourcePosition, a.howMany );\n\tconst transformed = moveRange._getTransformedByMergeOperation( b );\n\n\ta.sourcePosition = transformed.start;\n\ta.howMany = transformed.end.offset - transformed.start.offset;\n\ta.targetPosition = a.targetPosition._getTransformedByMergeOperation( b );\n\n\treturn [ a ];\n} );\n\n// -----------------------\n\nsetTransformation( RenameOperation, InsertOperation, ( a, b ) => {\n\ta.position = a.position._getTransformedByInsertOperation( b );\n\n\treturn [ a ];\n} );\n\nsetTransformation( RenameOperation, MergeOperation, ( a, b ) => {\n\t// Case 1:\n\t//\n\t// Element to rename got merged, so it was moved to `b.graveyardPosition`.\n\t//\n\tif ( a.position.isEqual( b.deletionPosition ) ) {\n\t\ta.position = b.graveyardPosition.clone();\n\t\ta.position.stickiness = 'toNext';\n\n\t\treturn [ a ];\n\t}\n\n\ta.position = a.position._getTransformedByMergeOperation( b );\n\n\treturn [ a ];\n} );\n\nsetTransformation( RenameOperation, MoveOperation, ( a, b ) => {\n\ta.position = a.position._getTransformedByMoveOperation( b );\n\n\treturn [ a ];\n} );\n\nsetTransformation( RenameOperation, RenameOperation, ( a, b, context ) => {\n\tif ( a.position.isEqual( b.position ) ) {\n\t\tif ( context.aIsStrong ) {\n\t\t\ta.oldName = b.newName;\n\t\t} else {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t}\n\t}\n\n\treturn [ a ];\n} );\n\nsetTransformation( RenameOperation, SplitOperation, ( a, b ) => {\n\t// Case 1:\n\t//\n\t// The element to rename has been split. In this case, the new element should be also renamed.\n\t//\n\t// User decides to change the paragraph to a list item:\n\t// <paragraph>Foobar</paragraph>\n\t//\n\t// However, in meantime, split happens:\n\t// <paragraph>Foo</paragraph><paragraph>bar</paragraph>\n\t//\n\t// As a result, rename both elements:\n\t// <listItem>Foo</listItem><listItem>bar</listItem>\n\t//\n\tconst renamePath = a.position.path;\n\tconst splitPath = b.splitPosition.getParentPath();\n\n\tif ( compareArrays( renamePath, splitPath ) == 'same' && !b.graveyardPosition ) {\n\t\tconst extraRename = new RenameOperation( a.position.getShiftedBy( 1 ), a.oldName, a.newName, 0 );\n\n\t\treturn [ a, extraRename ];\n\t}\n\n\t// The default case.\n\t//\n\ta.position = a.position._getTransformedBySplitOperation( b );\n\n\treturn [ a ];\n} );\n\n// -----------------------\n\nsetTransformation( RootAttributeOperation, RootAttributeOperation, ( a, b, context ) => {\n\tif ( a.root === b.root && a.key === b.key ) {\n\t\tif ( !context.aIsStrong || a.newValue === b.newValue ) {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t} else {\n\t\t\ta.oldValue = b.newValue;\n\t\t}\n\t}\n\n\treturn [ a ];\n} );\n\n// -----------------------\n\nsetTransformation( RootOperation, RootOperation, ( a, b ) => {\n\tif ( a.rootName === b.rootName && a.isAdd === b.isAdd ) {\n\t\treturn [ new NoOperation( 0 ) ];\n\t}\n\n\treturn [ a ];\n} );\n\n// -----------------------\n\nsetTransformation( SplitOperation, InsertOperation, ( a, b ) => {\n\t// The default case.\n\t//\n\tif ( a.splitPosition.hasSameParentAs( b.position ) && a.splitPosition.offset < b.position.offset ) {\n\t\ta.howMany += b.howMany;\n\t}\n\n\ta.splitPosition = a.splitPosition._getTransformedByInsertOperation( b );\n\ta.insertionPosition = a.insertionPosition._getTransformedByInsertOperation( b );\n\n\treturn [ a ];\n} );\n\nsetTransformation( SplitOperation, MergeOperation, ( a, b, context ) => {\n\t// Case 1:\n\t//\n\t// Split element got merged. If two different elements were merged, clients will have different content.\n\t//\n\t// Example. Merge at `{}`, split at `[]`:\n\t// <heading>Foo</heading>{}<paragraph>B[]ar</paragraph>\n\t//\n\t// On merge side it will look like this:\n\t// <heading>FooB[]ar</heading>\n\t// <heading>FooB</heading><heading>ar</heading>\n\t//\n\t// On split side it will look like this:\n\t// <heading>Foo</heading>{}<paragraph>B</paragraph><paragraph>ar</paragraph>\n\t// <heading>FooB</heading><paragraph>ar</paragraph>\n\t//\n\t// Clearly, the second element is different for both clients.\n\t//\n\t// We could use the removed merge element from graveyard as a split element but then clients would have a different\n\t// model state (in graveyard), because the split side client would still have an element in graveyard (removed by merge).\n\t//\n\t// To overcome this, in `SplitOperation` x `MergeOperation` transformation we will add additional `SplitOperation`\n\t// in the graveyard, which will actually clone the merged-and-deleted element. Then, that cloned element will be\n\t// used for splitting. Example below.\n\t//\n\t// Original state:\n\t// <heading>Foo</heading>{}<paragraph>B[]ar</paragraph>\n\t//\n\t// Merge side client:\n\t//\n\t// After merge:\n\t// <heading>FooB[]ar</heading>                                 graveyard: <paragraph></paragraph>\n\t//\n\t// Extra split:\n\t// <heading>FooB[]ar</heading>                                 graveyard: <paragraph></paragraph><paragraph></paragraph>\n\t//\n\t// Use the \"cloned\" element from graveyard:\n\t// <heading>FooB</heading><paragraph>ar</paragraph>            graveyard: <paragraph></paragraph>\n\t//\n\t// Split side client:\n\t//\n\t// After split:\n\t// <heading>Foo</heading>{}<paragraph>B</paragraph><paragraph>ar</paragraph>\n\t//\n\t// After merge:\n\t// <heading>FooB</heading><paragraph>ar</paragraph>            graveyard: <paragraph></paragraph>\n\t//\n\t// This special case scenario only applies if the original split operation clones the split element.\n\t// If the original split operation has `graveyardPosition` set, it all doesn't have sense because split operation\n\t// knows exactly which element it should use. So there would be no original problem with different contents.\n\t//\n\t// Additionally, the special case applies only if the merge wasn't already undone.\n\t//\n\tif ( !a.graveyardPosition && !context.bWasUndone && a.splitPosition.hasSameParentAs( b.sourcePosition ) ) {\n\t\tconst splitPath = b.graveyardPosition.path.slice();\n\t\tsplitPath.push( 0 );\n\n\t\tconst splitPosition = new ModelPosition( b.graveyardPosition.root, splitPath );\n\t\tconst insertionPosition = SplitOperation.getInsertionPosition( new ModelPosition( b.graveyardPosition.root, splitPath ) );\n\n\t\tconst additionalSplit = new SplitOperation( splitPosition, 0, insertionPosition, null, 0 );\n\n\t\ta.splitPosition = a.splitPosition._getTransformedByMergeOperation( b );\n\t\ta.insertionPosition = SplitOperation.getInsertionPosition( a.splitPosition );\n\t\ta.graveyardPosition = additionalSplit.insertionPosition.clone();\n\t\ta.graveyardPosition.stickiness = 'toNext';\n\n\t\treturn [ additionalSplit, a ];\n\t}\n\n\t// The default case.\n\t//\n\tif ( a.splitPosition.hasSameParentAs( b.deletionPosition ) && !a.splitPosition.isAfter( b.deletionPosition ) ) {\n\t\ta.howMany--;\n\t}\n\n\tif ( a.splitPosition.hasSameParentAs( b.targetPosition ) ) {\n\t\ta.howMany += b.howMany;\n\t}\n\n\ta.splitPosition = a.splitPosition._getTransformedByMergeOperation( b );\n\ta.insertionPosition = SplitOperation.getInsertionPosition( a.splitPosition );\n\n\tif ( a.graveyardPosition ) {\n\t\ta.graveyardPosition = a.graveyardPosition._getTransformedByMergeOperation( b );\n\t}\n\n\treturn [ a ];\n} );\n\nsetTransformation( SplitOperation, MoveOperation, ( a, b, context ) => {\n\tconst rangeToMove = ModelRange._createFromPositionAndShift( b.sourcePosition, b.howMany );\n\n\tif ( a.graveyardPosition ) {\n\t\t// Case 1:\n\t\t//\n\t\t// Split operation graveyard node was moved. In this case move operation is stronger. Since graveyard element\n\t\t// is already moved to the correct position, we need to only move the nodes after the split position.\n\t\t// This will be done by `MoveOperation` instead of `SplitOperation`.\n\t\t//\n\t\tconst gyElementMoved = rangeToMove.start.isEqual( a.graveyardPosition ) || rangeToMove.containsPosition( a.graveyardPosition );\n\n\t\tif ( !context.bWasUndone && gyElementMoved ) {\n\t\t\tconst sourcePosition = a.splitPosition._getTransformedByMoveOperation( b );\n\n\t\t\tconst newParentPosition = a.graveyardPosition._getTransformedByMoveOperation( b );\n\t\t\tconst newTargetPath = newParentPosition.path.slice();\n\t\t\tnewTargetPath.push( 0 );\n\n\t\t\tconst newTargetPosition = new ModelPosition( newParentPosition.root, newTargetPath );\n\t\t\tconst moveOp = new MoveOperation( sourcePosition, a.howMany, newTargetPosition, 0 );\n\n\t\t\treturn [ moveOp ];\n\t\t}\n\n\t\ta.graveyardPosition = a.graveyardPosition._getTransformedByMoveOperation( b );\n\t}\n\n\t// Case 2:\n\t//\n\t// Split is at a position where nodes were moved.\n\t//\n\t// This is a scenario described in `MoveOperation` x `SplitOperation` transformation but from the\n\t// \"split operation point of view\".\n\t//\n\tconst splitAtTarget = a.splitPosition.isEqual( b.targetPosition );\n\n\tif ( splitAtTarget && ( context.baRelation == 'insertAtSource' || context.abRelation == 'splitBefore' ) ) {\n\t\ta.howMany += b.howMany;\n\t\ta.splitPosition = a.splitPosition._getTransformedByDeletion( b.sourcePosition, b.howMany )!;\n\t\ta.insertionPosition = SplitOperation.getInsertionPosition( a.splitPosition );\n\n\t\treturn [ a ];\n\t}\n\n\tif ( splitAtTarget && context.abRelation && context.abRelation.howMany ) {\n\t\tconst { howMany, offset } = context.abRelation;\n\n\t\ta.howMany += howMany;\n\t\ta.splitPosition = a.splitPosition.getShiftedBy( offset );\n\t\t// TODO: `insertionPosition` change missing?\n\n\t\treturn [ a ];\n\t}\n\n\t// Case 3:\n\t//\n\t// If the split position is inside the moved range, we need to shift the split position to a proper place.\n\t// The position cannot be moved together with moved range because that would result in splitting of an incorrect element.\n\t//\n\t// Characters `bc` should be moved to the second paragraph while split position is between them:\n\t// <paragraph>A[b|c]d</paragraph><paragraph>Xyz</paragraph>\n\t//\n\t// After move, new split position is incorrect:\n\t// <paragraph>Ad</paragraph><paragraph>Xb|cyz</paragraph>\n\t//\n\t// Correct split position:\n\t// <paragraph>A|d</paragraph><paragraph>Xbcyz</paragraph>\n\t//\n\t// After split:\n\t// <paragraph>A</paragraph><paragraph>d</paragraph><paragraph>Xbcyz</paragraph>\n\t//\n\tif ( a.splitPosition.hasSameParentAs( b.sourcePosition ) && rangeToMove.containsPosition( a.splitPosition ) ) {\n\t\tconst howManyRemoved = b.howMany - ( a.splitPosition.offset - b.sourcePosition.offset );\n\t\ta.howMany -= howManyRemoved;\n\n\t\tif ( a.splitPosition.hasSameParentAs( b.targetPosition ) && a.splitPosition.offset < b.targetPosition.offset ) {\n\t\t\ta.howMany += b.howMany;\n\t\t}\n\n\t\ta.splitPosition = b.sourcePosition.clone();\n\t\ta.insertionPosition = SplitOperation.getInsertionPosition( a.splitPosition );\n\n\t\treturn [ a ];\n\t}\n\n\t// The default case.\n\t// Don't change `howMany` if move operation does not really move anything.\n\t//\n\tif ( !b.sourcePosition.isEqual( b.targetPosition ) ) {\n\t\tif ( a.splitPosition.hasSameParentAs( b.sourcePosition ) && a.splitPosition.offset <= b.sourcePosition.offset ) {\n\t\t\ta.howMany -= b.howMany;\n\t\t}\n\n\t\tif ( a.splitPosition.hasSameParentAs( b.targetPosition ) && a.splitPosition.offset < b.targetPosition.offset ) {\n\t\t\ta.howMany += b.howMany;\n\t\t}\n\t}\n\n\t// Change position stickiness to force a correct transformation.\n\ta.splitPosition.stickiness = 'toNone';\n\ta.splitPosition = a.splitPosition._getTransformedByMoveOperation( b );\n\ta.splitPosition.stickiness = 'toNext';\n\n\tif ( a.graveyardPosition ) {\n\t\ta.insertionPosition = a.insertionPosition._getTransformedByMoveOperation( b );\n\t} else {\n\t\ta.insertionPosition = SplitOperation.getInsertionPosition( a.splitPosition );\n\t}\n\n\treturn [ a ];\n} );\n\nsetTransformation( SplitOperation, SplitOperation, ( a, b, context ) => {\n\t// Case 1:\n\t//\n\t// Split at the same position.\n\t//\n\t// If there already was a split at the same position as in `a` operation, it means that the intention\n\t// conveyed by `a` operation has already been fulfilled and `a` should not do anything (to avoid double split).\n\t//\n\t// However, there is a difference if these are new splits or splits created by undo. These have different\n\t// intentions. Also splits moving back different elements from graveyard have different intentions. They\n\t// are just different operations.\n\t//\n\t// So we cancel split operation only if it was really identical.\n\t//\n\t// Also, there is additional case, where split operations aren't identical and should not be cancelled, however the\n\t// default transformation is incorrect too.\n\t//\n\tif ( a.splitPosition.isEqual( b.splitPosition ) ) {\n\t\tif ( !a.graveyardPosition && !b.graveyardPosition ) {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t}\n\n\t\tif ( a.graveyardPosition && b.graveyardPosition && a.graveyardPosition.isEqual( b.graveyardPosition ) ) {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t}\n\n\t\t// Use context to know that the `a.splitPosition` should stay where it is.\n\t\t// This happens during undo when first a merge operation moved nodes to `a.splitPosition` and now `b` operation undoes that merge.\n\t\tif ( context.abRelation == 'splitBefore' ) {\n\t\t\t// Since split is at the same position, there are no nodes left to split.\n\t\t\ta.howMany = 0;\n\n\t\t\t// Note: there was `if ( a.graveyardPosition )` here but it was uncovered in tests and I couldn't find any scenarios for now.\n\t\t\t// That would have to be a `SplitOperation` that didn't come from undo but is transformed by operations that were undone.\n\t\t\t// It could happen if `context` is enabled in collaboration.\n\t\t\ta.graveyardPosition = a.graveyardPosition!._getTransformedBySplitOperation( b );\n\n\t\t\treturn [ a ];\n\t\t}\n\t}\n\n\t// Case 2:\n\t//\n\t// Same node is using to split different elements. This happens in undo when previously same element was merged to\n\t// two different elements. This is described in `MergeOperation` x `MergeOperation` transformation.\n\t//\n\t// In this case we will follow the same logic. We will assume that `insertionPosition` is same for both\n\t// split operations. This might not always be true but in the real cases that were experienced it was. After all,\n\t// if these splits are reverses of merge operations that were merging the same element, then the `insertionPosition`\n\t// should be same for both of those splits.\n\t//\n\t// Again, we will decide which operation is stronger by checking if split happens in graveyard or in non-graveyard root.\n\t//\n\tif ( a.graveyardPosition && b.graveyardPosition && a.graveyardPosition.isEqual( b.graveyardPosition ) ) {\n\t\tconst aInGraveyard = a.splitPosition.root.rootName == '$graveyard';\n\t\tconst bInGraveyard = b.splitPosition.root.rootName == '$graveyard';\n\n\t\t// If `aIsWeak` it means that `a` points to graveyard while `b` doesn't. Don't move nodes then.\n\t\tconst aIsWeak = aInGraveyard && !bInGraveyard;\n\n\t\t// If `bIsWeak` it means that `b` points to graveyard while `a` doesn't. Force moving nodes then.\n\t\tconst bIsWeak = bInGraveyard && !aInGraveyard;\n\n\t\t// Force move if `b` is weak or neither operation is weak but `a` is stronger through `context.aIsStrong`.\n\t\tconst forceMove = bIsWeak || ( !aIsWeak && context.aIsStrong );\n\n\t\tif ( forceMove ) {\n\t\t\tconst result = [];\n\n\t\t\t// First we need to move any nodes split by `b` back to where they were.\n\t\t\t// Do it only if `b` actually moved something.\n\t\t\tif ( b.howMany ) {\n\t\t\t\tresult.push( new MoveOperation( b.moveTargetPosition, b.howMany, b.splitPosition, 0 ) );\n\t\t\t}\n\n\t\t\t// Then we need to move nodes from `a` split position to their new element.\n\t\t\t// Do it only if `a` actually should move something.\n\t\t\tif ( a.howMany ) {\n\t\t\t\tresult.push( new MoveOperation( a.splitPosition, a.howMany, a.moveTargetPosition, 0 ) );\n\t\t\t}\n\n\t\t\treturn result;\n\t\t} else {\n\t\t\treturn [ new NoOperation( 0 ) ];\n\t\t}\n\t}\n\n\tif ( a.graveyardPosition ) {\n\t\ta.graveyardPosition = a.graveyardPosition._getTransformedBySplitOperation( b );\n\t}\n\n\t// Case 3:\n\t//\n\t// Position where operation `b` inserted a new node after split is the same as the operation `a` split position.\n\t// As in similar cases, there is ambiguity if the split should be before the new node (created by `b`) or after.\n\t//\n\tif ( a.splitPosition.isEqual( b.insertionPosition ) && context.abRelation == 'splitBefore' ) {\n\t\ta.howMany++;\n\n\t\treturn [ a ];\n\t}\n\n\t// Case 4:\n\t//\n\t// This is a mirror to the case 2. above.\n\t//\n\tif ( b.splitPosition.isEqual( a.insertionPosition ) && context.baRelation == 'splitBefore' ) {\n\t\tconst newPositionPath = b.insertionPosition.path.slice();\n\t\tnewPositionPath.push( 0 );\n\n\t\tconst newPosition = new ModelPosition( b.insertionPosition.root, newPositionPath );\n\t\tconst moveOp = new MoveOperation( a.insertionPosition, 1, newPosition, 0 );\n\n\t\treturn [ a, moveOp ];\n\t}\n\n\t// The default case.\n\t//\n\tif ( a.splitPosition.hasSameParentAs( b.splitPosition ) && a.splitPosition.offset < b.splitPosition.offset ) {\n\t\ta.howMany -= b.howMany;\n\t}\n\n\ta.splitPosition = a.splitPosition._getTransformedBySplitOperation( b );\n\ta.insertionPosition = SplitOperation.getInsertionPosition( a.splitPosition );\n\n\treturn [ a ];\n} );\n\n/**\n * Checks whether `MoveOperation` `targetPosition` is inside a node from the moved range of the other `MoveOperation`.\n */\nfunction _moveTargetIntoMovedRange( a: MoveOperation, b: MoveOperation ) {\n\treturn a.targetPosition._getTransformedByDeletion( b.sourcePosition, b.howMany ) === null;\n}\n\n/**\n * Helper function for `MoveOperation` x `MoveOperation` transformation. Converts given ranges and target position to\n * move operations and returns them.\n *\n * Ranges and target position will be transformed on-the-fly when generating operations.\n *\n * Given `ranges` should be in the order of how they were in the original transformed operation.\n *\n * Given `targetPosition` is the target position of the first range from `ranges`.\n */\nfunction _makeMoveOperationsFromRanges( ranges: Array<ModelRange>, targetPosition: ModelPosition ) {\n\t// At this moment we have some ranges and a target position, to which those ranges should be moved.\n\t// Order in `ranges` array is the go-to order of after transformation.\n\t//\n\t// We are almost done. We have `ranges` and `targetPosition` to make operations from.\n\t// Unfortunately, those operations may affect each other. Precisely, first operation after move\n\t// may affect source range and target position of second and third operation. Same with second\n\t// operation affecting third.\n\t//\n\t// We need to fix those source ranges and target positions once again, before converting `ranges` to operations.\n\tconst operations = [];\n\n\t// Keep in mind that nothing will be transformed if there is just one range in `ranges`.\n\tfor ( let i = 0; i < ranges.length; i++ ) {\n\t\t// Create new operation out of a range and target position.\n\t\tconst range = ranges[ i ];\n\t\tconst op = new MoveOperation(\n\t\t\trange.start,\n\t\t\trange.end.offset - range.start.offset,\n\t\t\ttargetPosition,\n\t\t\t0\n\t\t);\n\n\t\toperations.push( op );\n\n\t\t// Transform other ranges by the generated operation.\n\t\tfor ( let j = i + 1; j < ranges.length; j++ ) {\n\t\t\t// All ranges in `ranges` array should be:\n\t\t\t//\n\t\t\t// * non-intersecting (these are part of original operation source range), and\n\t\t\t// * `targetPosition` does not target into them (opposite would mean that transformed operation targets \"inside itself\").\n\t\t\t//\n\t\t\t// This means that the transformation will be \"clean\" and always return one result.\n\t\t\tranges[ j ] = ranges[ j ]._getTransformedByMove( op.sourcePosition, op.targetPosition, op.howMany )[ 0 ];\n\t\t}\n\n\t\ttargetPosition = targetPosition._getTransformedByMove( op.sourcePosition, op.targetPosition, op.howMany );\n\t}\n\n\treturn operations;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/liveposition\n */\n\nimport { ModelPosition, type ModelPositionOffset, type ModelPositionStickiness } from './position.js';\n\nimport type { ModelApplyOperationEvent } from './model.js';\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelItem } from './item.js';\nimport { type Operation } from './operation/operation.js';\nimport { type ModelRootElement } from './rootelement.js';\n\nimport { CKEditorError, EmitterMixin } from '@ckeditor/ckeditor5-utils';\n\n/**\n * `ModelLivePosition` is a type of {@link module:engine/model/position~ModelPosition Position}\n * that updates itself as {@link module:engine/model/document~ModelDocument document}\n * is changed through operations. It may be used as a bookmark.\n *\n * **Note:** Contrary to {@link module:engine/model/position~ModelPosition}, `ModelLivePosition` works only in roots that are\n * {@link module:engine/model/rootelement~ModelRootElement}.\n * If {@link module:engine/model/documentfragment~ModelDocumentFragment} is passed, error will be thrown.\n *\n * **Note:** Be very careful when dealing with `ModelLivePosition`. Each `ModelLivePosition` instance bind events that might\n * have to be unbound.\n * Use {@link module:engine/model/liveposition~ModelLivePosition#detach} whenever you don't need `ModelLivePosition` anymore.\n */\nexport class ModelLivePosition extends /* #__PURE__ */ EmitterMixin( ModelPosition ) {\n\t/**\n\t * Root of the position path.\n\t */\n\tdeclare public readonly root: ModelRootElement;\n\n\t/**\n\t * Creates a live position.\n\t *\n\t * @see module:engine/model/position~ModelPosition\n\t */\n\tconstructor( root: ModelRootElement, path: Array<number>, stickiness: ModelPositionStickiness = 'toNone' ) {\n\t\tsuper( root, path, stickiness );\n\n\t\tif ( !this.root.is( 'rootElement' ) ) {\n\t\t\t/**\n\t\t\t * LivePosition's root has to be an instance of ModelRootElement.\n\t\t\t *\n\t\t\t * @error model-liveposition-root-not-rootelement\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-liveposition-root-not-rootelement', root );\n\t\t}\n\n\t\tbindWithDocument.call( this );\n\t}\n\n\t/**\n\t * Unbinds all events previously bound by `ModelLivePosition`. Use it whenever you don't need `ModelLivePosition` instance\n\t * anymore (i.e. when leaving scope in which it was declared or before re-assigning variable that was\n\t * referring to it).\n\t */\n\tpublic detach(): void {\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Creates a {@link module:engine/model/position~ModelPosition position instance}, which is equal to this live position.\n\t */\n\tpublic toPosition(): ModelPosition {\n\t\treturn new ModelPosition( this.root, this.path.slice(), this.stickiness );\n\t}\n\n\t/**\n\t * Creates a `ModelLivePosition` instance that is equal to position.\n\t */\n\tpublic static fromPosition( position: ModelPosition, stickiness?: ModelPositionStickiness ): ModelLivePosition {\n\t\treturn new this( position.root as ModelRootElement, position.path.slice(), stickiness ? stickiness : position.stickiness );\n\t}\n\n\t/**\n\t * @internal\n\t * @see module:engine/model/position~ModelPosition._createAfter\n\t */\n\tdeclare public static readonly _createAfter: (\n\t\titem: ModelItem | ModelDocumentFragment,\n\t\tstickiness?: ModelPositionStickiness\n\t) => ModelLivePosition;\n\n\t/**\n\t * @internal\n\t * @see module:engine/model/position~ModelPosition._createBefore\n\t */\n\tdeclare public static readonly _createBefore: (\n\t\titem: ModelItem | ModelDocumentFragment,\n\t\tstickiness?: ModelPositionStickiness\n\t) => ModelLivePosition;\n\n\t/**\n\t * @internal\n\t * @see module:engine/model/position~ModelPosition._createAt\n\t */\n\tdeclare public static readonly _createAt: (\n\t\titemOrPosition: ModelItem | ModelPosition | ModelDocumentFragment,\n\t\toffset?: ModelPositionOffset,\n\t\tstickiness?: ModelPositionStickiness\n\t) => ModelLivePosition;\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelLivePosition.prototype.is = function( type: string ): boolean {\n\treturn type === 'livePosition' || type === 'model:livePosition' ||\n\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\ttype == 'position' || type === 'model:position';\n};\n\n/**\n * Binds this `ModelLivePosition` to the {@link module:engine/model/document~ModelDocument document} that owns\n * this position's {@link module:engine/model/position~ModelPosition#root root}.\n */\nfunction bindWithDocument( this: ModelLivePosition ) {\n\tthis.listenTo<ModelApplyOperationEvent>(\n\t\tthis.root.document!.model,\n\t\t'applyOperation',\n\t\t( event, args ) => {\n\t\t\tconst operation = args[ 0 ];\n\n\t\t\tif ( !operation.isDocumentOperation ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\ttransform.call( this, operation );\n\t\t},\n\t\t{ priority: 'low' }\n\t);\n}\n\n/**\n * Updates this position accordingly to the updates applied to the model. Bases on change events.\n */\nfunction transform( this: ModelLivePosition, operation: Operation ) {\n\tconst result = this.getTransformedByOperation( operation );\n\n\tif ( !this.isEqual( result ) ) {\n\t\tconst oldPosition = this.toPosition();\n\n\t\t( this as any ).path = result.path;\n\t\t( this as any ).root = result.root;\n\n\t\tthis.fire<ModelLivePositionChangeEvent>( 'change', oldPosition );\n\t}\n}\n\n/**\n * Fired when `ModelLivePosition` instance is changed due to changes on {@link module:engine/model/document~ModelDocument}.\n *\n * @eventName ~ModelLivePosition#change\n * @param oldPosition Position equal to this live position before it got changed.\n */\nexport type ModelLivePositionChangeEvent = {\n\tname: 'change';\n\targs: [ oldPosition: ModelPosition ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/batch\n */\n\nimport { logWarning } from '@ckeditor/ckeditor5-utils';\nimport { type Operation } from './operation/operation.js';\n\n/**\n * A batch instance groups model changes ({@link module:engine/model/operation/operation~Operation operations}). All operations\n * grouped in a single batch can be reverted together, so you can also think about a batch as of a single undo step. If you want\n * to extend a given undo step, you can add more changes to the batch using {@link module:engine/model/model~Model#enqueueChange}:\n *\n * ```ts\n * model.enqueueChange( batch, writer => {\n * \twriter.insertText( 'foo', paragraph, 'end' );\n * } );\n * ```\n *\n * @see module:engine/model/model~Model#enqueueChange\n * @see module:engine/model/model~Model#change\n */\nexport class Batch implements BatchType {\n\t/**\n\t * An array of operations that compose this batch.\n\t */\n\tpublic readonly operations: Array<Operation>;\n\n\t/**\n\t * Whether the batch can be undone through the undo feature.\n\t */\n\tpublic readonly isUndoable: boolean;\n\n\t/**\n\t * Whether the batch includes operations created locally (`true`) or operations created on other, remote editors (`false`).\n\t */\n\tpublic readonly isLocal: boolean;\n\n\t/**\n\t * Whether the batch was created by the undo feature and undoes other operations.\n\t */\n\tpublic readonly isUndo: boolean;\n\n\t/**\n\t * Whether the batch includes operations connected with typing.\n\t */\n\tpublic readonly isTyping: boolean;\n\n\t/**\n\t * Creates a batch instance.\n\t *\n\t * @see module:engine/model/model~Model#enqueueChange\n\t * @see module:engine/model/model~Model#change\n\t * @param type A set of flags that specify the type of the batch. Batch type can alter how some of the features work\n\t * when encountering a given `Batch` instance (for example, when a feature listens to applied operations).\n\t */\n\tconstructor( type: BatchType = {} ) {\n\t\tif ( typeof type === 'string' ) {\n\t\t\ttype = type === 'transparent' ? { isUndoable: false } : {};\n\n\t\t\t/**\n\t\t\t * The string value for a `type` property of the `Batch` constructor has been deprecated and will be removed in the near future.\n\t\t\t * Please refer to the {@link module:engine/model/batch~Batch#constructor `Batch` constructor API documentation} for more\n\t\t\t * information.\n\t\t\t *\n\t\t\t * @error batch-constructor-deprecated-string-type\n\t\t\t */\n\t\t\tlogWarning( 'batch-constructor-deprecated-string-type' );\n\t\t}\n\n\t\tconst { isUndoable = true, isLocal = true, isUndo = false, isTyping = false } = type;\n\n\t\tthis.operations = [];\n\t\tthis.isUndoable = isUndoable;\n\t\tthis.isLocal = isLocal;\n\t\tthis.isUndo = isUndo;\n\t\tthis.isTyping = isTyping;\n\t}\n\n\t/**\n\t * Returns the base version of this batch, which is equal to the base version of the first operation in the batch.\n\t * If there are no operations in the batch or neither operation has the base version set, it returns `null`.\n\t */\n\tpublic get baseVersion(): number | null {\n\t\tfor ( const op of this.operations ) {\n\t\t\tif ( op.baseVersion !== null ) {\n\t\t\t\treturn op.baseVersion;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Adds an operation to the batch instance.\n\t *\n\t * @param operation An operation to add.\n\t * @returns The added operation.\n\t */\n\tpublic addOperation( operation: Operation ): Operation {\n\t\tif ( operation.isDocumentOperation ) {\n\t\t\t// Store only document operations in the batch.\n\t\t\t// Non-document operations are temporary and should be discarded after they are applied.\n\t\t\toperation.batch = this;\n\t\t\tthis.operations.push( operation );\n\t\t}\n\n\t\treturn operation;\n\t}\n}\n\n/**\n * A set of flags that specify the type of the batch. Batch type can alter how some of the features work\n * when encountering a given `Batch` instance (for example, when a feature listens to applied operations).\n */\nexport interface BatchType {\n\n\t/**\n\t * Whether a batch can be undone through undo feature.\n\t *\n\t * @default true\n\t */\n\tisUndoable?: boolean;\n\n\t/**\n\t * Whether a batch includes operations created locally (`true`) or operations created on\n\t * other, remote editors (`false`).\n\t *\n\t * @default true\n\t */\n\tisLocal?: boolean;\n\n\t/**\n\t * Whether a batch was created by the undo feature and undoes other operations.\n\t *\n\t * @default false\n\t */\n\tisUndo?: boolean;\n\n\t/**\n\t * Whether a batch includes operations connected with a typing action.\n\t *\n\t * @default false\n\t */\n\tisTyping?: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/differ\n */\n\nimport { ModelPosition } from './position.js';\nimport { ModelRange } from './range.js';\n\nimport type { MarkerCollection, MarkerData } from './markercollection.js';\nimport { type AttributeOperation } from './operation/attributeoperation.js';\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelElement } from './element.js';\nimport { type InsertOperation } from './operation/insertoperation.js';\nimport { type ModelItem } from './item.js';\nimport { type MergeOperation } from './operation/mergeoperation.js';\nimport { type MoveOperation } from './operation/moveoperation.js';\nimport { type ModelNode } from './node.js';\nimport { type ModelRootElement } from './rootelement.js';\nimport { type Operation } from './operation/operation.js';\nimport { type RenameOperation } from './operation/renameoperation.js';\nimport { type SplitOperation } from './operation/splitoperation.js';\nimport { type RootOperation } from './operation/rootoperation.js';\nimport { type RootAttributeOperation } from './operation/rootattributeoperation.js';\n\n/**\n * Calculates the difference between two model states.\n *\n * Receives operations that are to be applied on the model document. Marks parts of the model document tree which\n * are changed and saves the state of these elements before the change. Then, it compares saved elements with the\n * changed elements, after all changes are applied on the model document. Calculates the diff between saved\n * elements and new ones and returns a change set.\n */\nexport class Differ {\n\t/**\n\t * Priority of the {@link ~Differ#_elementState element states}. States on higher indexes of the array can overwrite states on the lower\n\t * indexes.\n\t */\n\tprivate static readonly _statesPriority = [ undefined, 'refresh', 'rename', 'move' ];\n\n\t/**\n\t * Reference to the model's marker collection.\n\t */\n\tprivate readonly _markerCollection: MarkerCollection;\n\n\t/**\n\t * A map that stores changes that happened in a given element.\n\t *\n\t * The keys of the map are references to the model elements.\n\t * The values of the map are arrays with changes that were done on this element.\n\t */\n\tprivate readonly _changesInElement: Map<ModelElement | ModelDocumentFragment, Array<ChangeItem>> = new Map();\n\n\t/**\n\t * Stores a snapshot for these model nodes that might have changed.\n\t *\n\t * This complements {@link ~Differ#_elementChildrenSnapshots `_elementChildrenSnapshots`}.\n\t *\n\t * See also {@link ~DifferSnapshot}.\n\t */\n\tprivate readonly _elementsSnapshots: Map<ModelNode, DifferSnapshot> = new Map();\n\n\t/**\n\t * For each element or document fragment inside which there was a change, it stores a snapshot of the child nodes list (an array\n\t * of children snapshots that represent the state in the element / fragment before any change has happened).\n\t *\n\t * This complements {@link ~Differ#_elementsSnapshots `_elementsSnapshots`}.\n\t *\n\t * See also {@link ~DifferSnapshot}.\n\t */\n\tprivate readonly _elementChildrenSnapshots: Map<ModelElement | ModelDocumentFragment, Array<DifferSnapshot>> = new Map();\n\n\t/**\n\t * Keeps the state for a given element, describing how the element was changed so far. It is used to evaluate the `action` property\n\t * of diff items returned by {@link ~Differ#getChanges}.\n\t *\n\t * Possible values, in the order from the lowest priority to the highest priority:\n\t *\n\t * * `'refresh'` - element was refreshed,\n\t * * `'rename'` - element was renamed,\n\t * * `'move'` - element was moved (or, usually, removed, that is moved to the graveyard).\n\t *\n\t * Element that was refreshed, may change its state to `'rename'` if it was later renamed, or to `'move'` if it was removed.\n\t * But the element cannot change its state from `'move'` to `'rename'`, or from `'rename'` to `'refresh'`.\n\t *\n\t * Only already existing elements are registered in `_elementState`. If a new element was inserted as a result of a buffered operation,\n\t * it is not be registered in `_elementState`.\n\t */\n\tprivate readonly _elementState: Map<ModelElement, 'rename' | 'refresh' | 'move'> = new Map();\n\n\t/**\n\t * A map that stores all changed markers.\n\t *\n\t * The keys of the map are marker names.\n\t *\n\t * The values of the map are objects with the following properties:\n\t *\n\t * * `oldMarkerData`,\n\t * * `newMarkerData`.\n\t */\n\tprivate readonly _changedMarkers: Map<string, { newMarkerData: MarkerData; oldMarkerData: MarkerData }> = new Map();\n\n\t/**\n\t * A map that stores all roots that have been changed.\n\t *\n\t * The keys are the names of the roots while value represents the changes.\n\t */\n\tprivate readonly _changedRoots: Map<string, DifferItemRoot> = new Map();\n\n\t/**\n\t * Stores the number of changes that were processed. Used to order the changes chronologically. It is important\n\t * when changes are sorted.\n\t */\n\tprivate _changeCount: number = 0;\n\n\t/**\n\t * For efficiency purposes, `Differ` stores the change set returned by the differ after {@link #getChanges} call.\n\t * Cache is reset each time a new operation is buffered. If the cache has not been reset, {@link #getChanges} will\n\t * return the cached value instead of calculating it again.\n\t *\n\t * This property stores those changes that did not take place in graveyard root.\n\t */\n\tprivate _cachedChanges: Array<DifferItem> | null = null;\n\n\t/**\n\t * For efficiency purposes, `Differ` stores the change set returned by the differ after the {@link #getChanges} call.\n\t * The cache is reset each time a new operation is buffered. If the cache has not been reset, {@link #getChanges} will\n\t * return the cached value instead of calculating it again.\n\t *\n\t * This property stores all changes evaluated by `Differ`, including those that took place in the graveyard.\n\t */\n\tprivate _cachedChangesWithGraveyard: Array<DifferItem> | null = null;\n\n\t/**\n\t * Set of model items that were marked to get refreshed in {@link #_refreshItem}.\n\t */\n\tprivate _refreshedItems: Set<ModelItem> = new Set();\n\n\t/**\n\t * Creates a `Differ` instance.\n\t *\n\t * @param markerCollection Model's marker collection.\n\t */\n\tconstructor( markerCollection: MarkerCollection ) {\n\t\tthis._markerCollection = markerCollection;\n\t}\n\n\t/**\n\t * Informs whether there are any changes buffered in `Differ`.\n\t */\n\tpublic get isEmpty(): boolean {\n\t\treturn this._changesInElement.size == 0 && this._changedMarkers.size == 0 && this._changedRoots.size == 0;\n\t}\n\n\t/**\n\t * Buffers the given operation. **An operation has to be buffered before it is executed.**\n\t *\n\t * @param operationToBuffer An operation to buffer.\n\t */\n\tpublic bufferOperation( operationToBuffer: Operation ): void {\n\t\t// Below we take an operation, check its type, then use its parameters in marking (private) methods.\n\t\t// The general rule is to not mark elements inside inserted element. All inserted elements are re-rendered.\n\t\t// Marking changes in them would cause a \"double\" changing then.\n\t\t//\n\t\tconst operation = operationToBuffer as (\n\t\t\tInsertOperation |\n\t\t\tAttributeOperation |\n\t\t\tMoveOperation |\n\t\t\tRenameOperation |\n\t\t\tSplitOperation |\n\t\t\tMergeOperation |\n\t\t\tRootOperation |\n\t\t\tRootAttributeOperation\n\t\t);\n\n\t\t// Note: an operation that happens inside a non-loaded root will be ignored. If the operation happens partially inside\n\t\t// a non-loaded root, that part will be ignored (this may happen for move or marker operations).\n\t\t//\n\t\tswitch ( operation.type ) {\n\t\t\tcase 'insert': {\n\t\t\t\tif ( this._isInInsertedElement( operation.position.parent ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis._markInsert( operation.position.parent, operation.position.offset, operation.nodes.maxOffset );\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'addAttribute':\n\t\t\tcase 'removeAttribute':\n\t\t\tcase 'changeAttribute': {\n\t\t\t\tfor ( const item of operation.range.getItems( { shallow: true } ) ) {\n\t\t\t\t\tif ( this._isInInsertedElement( item.parent! ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis._markAttribute( item );\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'remove':\n\t\t\tcase 'move':\n\t\t\tcase 'reinsert': {\n\t\t\t\t// When range is moved to the same position then not mark it as a change.\n\t\t\t\t// See: https://github.com/ckeditor/ckeditor5-engine/issues/1664.\n\t\t\t\tif (\n\t\t\t\t\toperation.sourcePosition.isEqual( operation.targetPosition ) ||\n\t\t\t\t\toperation.sourcePosition.getShiftedBy( operation.howMany ).isEqual( operation.targetPosition )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst sourceParentInserted = this._isInInsertedElement( operation.sourcePosition.parent );\n\t\t\t\tconst targetParentInserted = this._isInInsertedElement( operation.targetPosition.parent );\n\n\t\t\t\tif ( !sourceParentInserted ) {\n\t\t\t\t\tthis._markRemove( operation.sourcePosition.parent, operation.sourcePosition.offset, operation.howMany );\n\t\t\t\t}\n\n\t\t\t\tif ( !targetParentInserted ) {\n\t\t\t\t\tthis._markInsert( operation.targetPosition.parent, operation.getMovedRangeStart().offset, operation.howMany );\n\t\t\t\t}\n\n\t\t\t\t// Remember -- operation is buffered before it is executed. So, it was not executed yet.\n\t\t\t\tconst range = ModelRange._createFromPositionAndShift( operation.sourcePosition, operation.howMany );\n\n\t\t\t\tfor ( const node of range.getItems( { shallow: true } ) ) {\n\t\t\t\t\tthis._setElementState( node, 'move' );\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'rename': {\n\t\t\t\tif ( this._isInInsertedElement( operation.position.parent ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis._markRemove( operation.position.parent, operation.position.offset, 1 );\n\t\t\t\tthis._markInsert( operation.position.parent, operation.position.offset, 1 );\n\n\t\t\t\tconst range = ModelRange._createFromPositionAndShift( operation.position, 1 );\n\n\t\t\t\tfor ( const marker of this._markerCollection.getMarkersIntersectingRange( range ) ) {\n\t\t\t\t\tconst markerData = marker.getData();\n\n\t\t\t\t\tthis.bufferMarkerChange( marker.name, markerData, markerData );\n\t\t\t\t}\n\n\t\t\t\tthis._setElementState( operation.position.nodeAfter!, 'rename' );\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'split': {\n\t\t\t\tconst splitElement = operation.splitPosition.parent;\n\n\t\t\t\t// Mark that children of the split element were removed.\n\t\t\t\tif ( !this._isInInsertedElement( splitElement ) ) {\n\t\t\t\t\tthis._markRemove( splitElement, operation.splitPosition.offset, operation.howMany );\n\n\t\t\t\t\t// Remember -- operation is buffered before it is executed. So, it was not executed yet.\n\t\t\t\t\tconst range = ModelRange._createFromPositionAndShift( operation.splitPosition, operation.howMany );\n\n\t\t\t\t\tfor ( const node of range.getItems( { shallow: true } ) ) {\n\t\t\t\t\t\tthis._setElementState( node, 'move' );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Mark that the new element (split copy) was inserted.\n\t\t\t\tif ( !this._isInInsertedElement( operation.insertionPosition.parent ) ) {\n\t\t\t\t\tthis._markInsert( operation.insertionPosition.parent, operation.insertionPosition.offset, 1 );\n\t\t\t\t}\n\n\t\t\t\t// If the split took the element from the graveyard, mark that the element from the graveyard was removed.\n\t\t\t\tif ( operation.graveyardPosition ) {\n\t\t\t\t\tthis._markRemove( operation.graveyardPosition.parent, operation.graveyardPosition.offset, 1 );\n\n\t\t\t\t\tthis._setElementState( operation.graveyardPosition.nodeAfter!, 'move' );\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'merge': {\n\t\t\t\t// Mark that the merged element was removed.\n\t\t\t\tconst mergedElement = operation.sourcePosition.parent as ModelElement;\n\n\t\t\t\tif ( !this._isInInsertedElement( mergedElement.parent! ) ) {\n\t\t\t\t\tthis._markRemove( mergedElement.parent!, mergedElement.startOffset!, 1 );\n\t\t\t\t}\n\n\t\t\t\t// Mark that the merged element was inserted into graveyard.\n\t\t\t\tconst graveyardParent = operation.graveyardPosition.parent;\n\n\t\t\t\tthis._markInsert( graveyardParent, operation.graveyardPosition.offset, 1 );\n\n\t\t\t\tthis._setElementState( mergedElement, 'move' );\n\n\t\t\t\t// Mark that children of merged element were inserted at new parent.\n\t\t\t\tconst mergedIntoElement = operation.targetPosition.parent;\n\n\t\t\t\tif ( !this._isInInsertedElement( mergedIntoElement ) ) {\n\t\t\t\t\tthis._markInsert( mergedIntoElement, operation.targetPosition.offset, mergedElement.maxOffset );\n\n\t\t\t\t\t// Remember -- operation is buffered before it is executed. So, it was not executed yet.\n\t\t\t\t\tconst range = ModelRange._createFromPositionAndShift( operation.sourcePosition, operation.howMany );\n\n\t\t\t\t\tfor ( const node of range.getItems( { shallow: true } ) ) {\n\t\t\t\t\t\tthis._setElementState( node, 'move' );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'detachRoot':\n\t\t\tcase 'addRoot': {\n\t\t\t\tconst root = operation.affectedSelectable as ModelRootElement;\n\n\t\t\t\tif ( !root._isLoaded ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Don't buffer if the root state does not change.\n\t\t\t\tif ( root.isAttached() == operation.isAdd ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis._bufferRootStateChange( operation.rootName, operation.isAdd );\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'addRootAttribute':\n\t\t\tcase 'removeRootAttribute':\n\t\t\tcase 'changeRootAttribute': {\n\t\t\t\tif ( !operation.root._isLoaded ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst rootName = operation.root.rootName;\n\n\t\t\t\tthis._bufferRootAttributeChange( rootName, operation.key, operation.oldValue, operation.newValue );\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Clear cache after each buffered operation as it is no longer valid.\n\t\tthis._cachedChanges = null;\n\t}\n\n\t/**\n\t * Buffers a marker change.\n\t *\n\t * @param markerName The name of the marker that changed.\n\t * @param oldMarkerData Marker data before the change.\n\t * @param newMarkerData Marker data after the change.\n\t */\n\tpublic bufferMarkerChange( markerName: string, oldMarkerData: MarkerData, newMarkerData: MarkerData ): void {\n\t\tif ( oldMarkerData.range && oldMarkerData.range.root.is( 'rootElement' ) && !oldMarkerData.range.root._isLoaded ) {\n\t\t\toldMarkerData.range = null;\n\t\t}\n\n\t\tif ( newMarkerData.range && newMarkerData.range.root.is( 'rootElement' ) && !newMarkerData.range.root._isLoaded ) {\n\t\t\tnewMarkerData.range = null;\n\t\t}\n\n\t\tlet buffered = this._changedMarkers.get( markerName );\n\n\t\tif ( !buffered ) {\n\t\t\tbuffered = { newMarkerData, oldMarkerData };\n\n\t\t\tthis._changedMarkers.set( markerName, buffered );\n\t\t} else {\n\t\t\tbuffered.newMarkerData = newMarkerData;\n\t\t}\n\n\t\tif ( buffered.oldMarkerData.range == null && newMarkerData.range == null ) {\n\t\t\t// The marker is going to be removed (`newMarkerData.range == null`) but it did not exist before the first buffered change\n\t\t\t// (`buffered.oldMarkerData.range == null`). In this case, do not keep the marker in buffer at all.\n\t\t\tthis._changedMarkers.delete( markerName );\n\t\t}\n\t}\n\n\t/**\n\t * Returns all markers that should be removed as a result of buffered changes.\n\t *\n\t * @returns Markers to remove. Each array item is an object containing the `name` and `range` properties.\n\t */\n\tpublic getMarkersToRemove(): Array<{ name: string; range: ModelRange }> {\n\t\tconst result = [];\n\n\t\tfor ( const [ name, change ] of this._changedMarkers ) {\n\t\t\tif ( change.oldMarkerData.range != null ) {\n\t\t\t\tresult.push( { name, range: change.oldMarkerData.range } );\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}\n\n\t/**\n\t * Returns all markers which should be added as a result of buffered changes.\n\t *\n\t * @returns Markers to add. Each array item is an object containing the `name` and `range` properties.\n\t */\n\tpublic getMarkersToAdd(): Array<{ name: string; range: ModelRange }> {\n\t\tconst result = [];\n\n\t\tfor ( const [ name, change ] of this._changedMarkers ) {\n\t\t\tif ( change.newMarkerData.range != null ) {\n\t\t\t\tresult.push( { name, range: change.newMarkerData.range } );\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}\n\n\t/**\n\t * Returns all markers which changed.\n\t */\n\tpublic getChangedMarkers(): Array<{\n\t\tname: string;\n\t\tdata: {\n\t\t\toldRange: ModelRange | null;\n\t\t\tnewRange: ModelRange | null;\n\t\t};\n\t}> {\n\t\treturn Array.from( this._changedMarkers ).map( ( [ name, change ] ) => (\n\t\t\t{\n\t\t\t\tname,\n\t\t\t\tdata: {\n\t\t\t\t\toldRange: change.oldMarkerData.range,\n\t\t\t\t\tnewRange: change.newMarkerData.range\n\t\t\t\t}\n\t\t\t}\n\t\t) );\n\t}\n\n\t/**\n\t * Checks whether some of the buffered changes affect the editor data.\n\t *\n\t * Types of changes which affect the editor data:\n\t *\n\t * * model structure changes,\n\t * * attribute changes,\n\t * * a root is added or detached,\n\t * * changes of markers which were defined as `affectsData`,\n\t * * changes of markers' `affectsData` property.\n\t */\n\tpublic hasDataChanges(): boolean {\n\t\tif ( this.getChanges().length ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif ( this._changedRoots.size > 0 ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tfor ( const { newMarkerData, oldMarkerData } of this._changedMarkers.values() ) {\n\t\t\tif ( newMarkerData.affectsData !== oldMarkerData.affectsData ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif ( newMarkerData.affectsData ) {\n\t\t\t\tconst markerAdded = newMarkerData.range && !oldMarkerData.range;\n\t\t\t\tconst markerRemoved = !newMarkerData.range && oldMarkerData.range;\n\t\t\t\tconst markerChanged = newMarkerData.range && oldMarkerData.range && !newMarkerData.range.isEqual( oldMarkerData.range );\n\n\t\t\t\tif ( markerAdded || markerRemoved || markerChanged ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Calculates the diff between the old model tree state (the state before the first buffered operations since the last {@link #reset}\n\t * call) and the new model tree state (actual one). It should be called after all buffered operations are executed.\n\t *\n\t * The diff set is returned as an array of {@link module:engine/model/differ~DifferItem diff items}, each describing a change done\n\t * on the model. The items are sorted by the position on which the change happened. If a position\n\t * {@link module:engine/model/position~ModelPosition#isBefore is before} another one, it will be on an earlier index in the diff set.\n\t *\n\t * **Note**: Elements inside inserted element will not have a separate diff item, only the top most element change will be reported.\n\t *\n\t * Because calculating the diff is a costly operation, the result is cached. If no new operation was buffered since the\n\t * previous {@link #getChanges} call, the next call will return the cached value.\n\t *\n\t * @param options Additional options.\n\t * @param options.includeChangesInGraveyard If set to `true`, also changes that happened\n\t * in the graveyard root will be returned. By default, changes in the graveyard root are not returned.\n\t * @returns Diff between the old and the new model tree state.\n\t */\n\tpublic getChanges( options: { includeChangesInGraveyard?: boolean } = {} ): Array<DifferItem> {\n\t\t// If there are cached changes, just return them instead of calculating changes again.\n\t\tif ( this._cachedChanges ) {\n\t\t\tif ( options.includeChangesInGraveyard ) {\n\t\t\t\treturn this._cachedChangesWithGraveyard!.slice();\n\t\t\t} else {\n\t\t\t\treturn this._cachedChanges.slice();\n\t\t\t}\n\t\t}\n\n\t\t// Will contain returned results.\n\t\tlet diffSet: Array<DifferItem & DifferItemInternal> = [];\n\n\t\t// Check all changed elements/roots.\n\t\tfor ( const element of this._changesInElement.keys() ) {\n\t\t\t// Get changes inside this element/root and sort them.\n\t\t\tconst changes = this._changesInElement.get( element )!.sort( ( a, b ) => {\n\t\t\t\tif ( a.offset === b.offset ) {\n\t\t\t\t\tif ( a.type != b.type ) {\n\t\t\t\t\t\t// If there are multiple changes at the same position, \"remove\" change should be first.\n\t\t\t\t\t\t// If the order is different, for example, we would first add some nodes and then removed them\n\t\t\t\t\t\t// (instead of the nodes that we should remove).\n\t\t\t\t\t\treturn a.type == 'remove' ? -1 : 1;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn 0;\n\t\t\t\t}\n\n\t\t\t\treturn a.offset < b.offset ? -1 : 1;\n\t\t\t} );\n\n\t\t\t// Get children of this element before any change was applied on it.\n\t\t\tconst childrenBefore = this._elementChildrenSnapshots.get( element )!;\n\t\t\t// Get snapshot of current element's children.\n\t\t\tconst childrenAfter = _getChildrenSnapshots( element.getChildren() );\n\n\t\t\t// Generate diff instructions based on changes done in the element/root.\n\t\t\tconst diffInstructions = _generateDiffInstructionsFromChanges( childrenBefore.length, changes );\n\n\t\t\tlet i = 0; // Iterator in `childrenAfter` array -- iterates through current children of element.\n\t\t\tlet j = 0; // Iterator in `childrenBefore` array -- iterates through old children of element.\n\n\t\t\t// Process every action.\n\t\t\tfor ( const instruction of diffInstructions ) {\n\t\t\t\tif ( instruction === 'i' ) {\n\t\t\t\t\tconst action = this._getDiffActionForNode( childrenAfter[ i ].node, 'insert' );\n\t\t\t\t\tconst childSnapshotBefore = this._elementsSnapshots.get( childrenAfter[ i ].node );\n\t\t\t\t\tconst diffItem = this._getInsertDiff( element, i, action, childrenAfter[ i ], childSnapshotBefore );\n\n\t\t\t\t\tdiffSet.push( diffItem );\n\n\t\t\t\t\ti++;\n\t\t\t\t} else if ( instruction === 'r' ) {\n\t\t\t\t\tconst action = this._getDiffActionForNode( childrenBefore[ j ].node, 'remove' );\n\t\t\t\t\tconst diffItem = this._getRemoveDiff( element, i, action, childrenBefore[ j ] );\n\n\t\t\t\t\tdiffSet.push( diffItem );\n\n\t\t\t\t\tj++;\n\t\t\t\t} else if ( instruction === 'a' ) {\n\t\t\t\t\t// Take attributes from saved and current children.\n\t\t\t\t\tconst beforeAttributes = childrenBefore[ j ].attributes;\n\t\t\t\t\tconst afterAttributes = childrenAfter[ i ].attributes;\n\t\t\t\t\tlet range;\n\n\t\t\t\t\tif ( childrenAfter[ i ].name == '$text' ) {\n\t\t\t\t\t\trange = new ModelRange( ModelPosition._createAt( element, i ), ModelPosition._createAt( element, i + 1 ) );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst index = element.offsetToIndex( i );\n\t\t\t\t\t\trange = new ModelRange(\n\t\t\t\t\t\t\tModelPosition._createAt( element, i ),\n\t\t\t\t\t\t\tModelPosition._createAt( element.getChild( index )!, 0 )\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\t// Generate diff items for this change (there might be multiple attributes changed and\n\t\t\t\t\t// there is a single diff for each of them) and insert them into the diff set.\n\t\t\t\t\tconst diffItems = this._getAttributesDiff( range, beforeAttributes, afterAttributes );\n\n\t\t\t\t\tdiffSet.push( ...diffItems );\n\n\t\t\t\t\ti++;\n\t\t\t\t\tj++;\n\t\t\t\t} else {\n\t\t\t\t\t// `action` is 'equal'. Child not changed.\n\t\t\t\t\ti++;\n\t\t\t\t\tj++;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Then, sort the changes by the position (change at position before other changes is first).\n\t\tdiffSet.sort( ( a, b ) => {\n\t\t\t// If the change is in different root, we don't care much, but we'd like to have all changes in given\n\t\t\t// root \"together\" in the array. So let's just sort them by the root name. It does not matter which root\n\t\t\t// will be processed first.\n\t\t\tif ( a.position!.root != b.position!.root ) {\n\t\t\t\treturn a.position!.root.rootName! < b.position!.root.rootName! ? -1 : 1;\n\t\t\t}\n\n\t\t\t// If change happens at the same position...\n\t\t\tif ( a.position!.isEqual( b.position! ) ) {\n\t\t\t\t// Keep chronological order of operations.\n\t\t\t\treturn a.changeCount! - b.changeCount!;\n\t\t\t}\n\n\t\t\t// If positions differ, position \"on the left\" should be earlier in the result.\n\t\t\treturn a.position!.isBefore( b.position! ) ? -1 : 1;\n\t\t} );\n\n\t\t// Glue together multiple changes (mostly on text nodes).\n\t\tfor ( let i = 1, prevIndex = 0; i < diffSet.length; i++ ) {\n\t\t\tconst prevDiff = diffSet[ prevIndex ];\n\t\t\tconst thisDiff = diffSet[ i ];\n\n\t\t\t// Glue remove changes if they happen on text on same position.\n\t\t\tconst isConsecutiveTextRemove =\n\t\t\t\tprevDiff.type == 'remove' && thisDiff.type == 'remove' &&\n\t\t\t\tprevDiff.name == '$text' && thisDiff.name == '$text' &&\n\t\t\t\tprevDiff.position.isEqual( thisDiff.position );\n\n\t\t\t// Glue insert changes if they happen on text on consecutive fragments.\n\t\t\tconst isConsecutiveTextAdd =\n\t\t\t\tprevDiff.type == 'insert' && thisDiff.type == 'insert' &&\n\t\t\t\tprevDiff.name == '$text' && thisDiff.name == '$text' &&\n\t\t\t\tprevDiff.position.parent == thisDiff.position.parent &&\n\t\t\t\tprevDiff.position.offset + prevDiff.length == thisDiff.position.offset;\n\n\t\t\t// Glue attribute changes if they happen on consecutive fragments and have same key, old value and new value.\n\t\t\tconst isConsecutiveAttributeChange =\n\t\t\t\tprevDiff.type == 'attribute' && thisDiff.type == 'attribute' &&\n\t\t\t\tprevDiff.position!.parent == thisDiff.position!.parent &&\n\t\t\t\tprevDiff.range.isFlat && thisDiff.range.isFlat &&\n\t\t\t\t( prevDiff.position!.offset + prevDiff.length! ) == thisDiff.position!.offset &&\n\t\t\t\tprevDiff.attributeKey == thisDiff.attributeKey &&\n\t\t\t\tprevDiff.attributeOldValue == thisDiff.attributeOldValue &&\n\t\t\t\tprevDiff.attributeNewValue == thisDiff.attributeNewValue;\n\n\t\t\tif ( isConsecutiveTextRemove || isConsecutiveTextAdd || isConsecutiveAttributeChange ) {\n\t\t\t\tprevDiff.length!++;\n\n\t\t\t\tif ( isConsecutiveAttributeChange ) {\n\t\t\t\t\t( prevDiff.range as any ).end = prevDiff.range.end.getShiftedBy( 1 );\n\t\t\t\t}\n\n\t\t\t\tdiffSet[ i ] = null as any;\n\t\t\t} else {\n\t\t\t\tprevIndex = i;\n\t\t\t}\n\t\t}\n\n\t\tdiffSet = diffSet.filter( v => v );\n\n\t\t// Remove `changeCount` property from diff items. It is used only for sorting and is internal thing.\n\t\tfor ( const item of diffSet ) {\n\t\t\tdelete item.changeCount;\n\n\t\t\tif ( item.type == 'attribute' ) {\n\t\t\t\tdelete item.position;\n\t\t\t\tdelete item.length;\n\t\t\t}\n\t\t}\n\n\t\tthis._changeCount = 0;\n\n\t\t// Cache changes.\n\t\tthis._cachedChangesWithGraveyard = diffSet;\n\t\tthis._cachedChanges = diffSet.filter( _changesInGraveyardFilter );\n\n\t\tif ( options.includeChangesInGraveyard ) {\n\t\t\treturn this._cachedChangesWithGraveyard.slice();\n\t\t} else {\n\t\t\treturn this._cachedChanges.slice();\n\t\t}\n\t}\n\n\t/**\n\t * Returns all roots that have changed (either were attached, or detached, or their attributes changed).\n\t *\n\t * @returns Diff between the old and the new roots state.\n\t */\n\tpublic getChangedRoots(): Array<DifferItemRoot> {\n\t\treturn Array.from( this._changedRoots.values() ).map( diffItem => {\n\t\t\tconst entry = { ...diffItem };\n\n\t\t\tif ( entry.state !== undefined ) {\n\t\t\t\t// The root was attached or detached -- do not return its attributes changes.\n\t\t\t\t// If the root was attached, it should be handled as a whole, together with its attributes, the same way as model nodes.\n\t\t\t\t// If the root was detached, its attributes should be discarded anyway.\n\t\t\t\t//\n\t\t\t\t// Keep in mind that filtering must happen on this stage (when retrieving changes). If filtering happens on-the-fly as\n\t\t\t\t// the attributes change, it may lead to incorrect situation, e.g.: detach root, change attribute, re-attach root.\n\t\t\t\t// In this case, attribute change cannot be filtered. After the root is re-attached, the attribute change must be kept.\n\t\t\t\tdelete entry.attributes;\n\t\t\t}\n\n\t\t\treturn entry;\n\t\t} );\n\t}\n\n\t/**\n\t * Returns a set of model items that were marked to get refreshed.\n\t */\n\tpublic getRefreshedItems(): Set<ModelItem> {\n\t\treturn new Set( this._refreshedItems );\n\t}\n\n\t/**\n\t * Resets `Differ`. Removes all buffered changes.\n\t */\n\tpublic reset(): void {\n\t\tthis._changesInElement.clear();\n\t\tthis._elementChildrenSnapshots.clear();\n\t\tthis._elementsSnapshots.clear();\n\t\tthis._elementState.clear();\n\t\tthis._changedMarkers.clear();\n\t\tthis._changedRoots.clear();\n\t\tthis._refreshedItems.clear();\n\t\tthis._cachedChanges = null;\n\t}\n\n\t/**\n\t * Marks the given `item` in differ to be \"refreshed\". It means that the item will be marked as removed and inserted\n\t * in the differ changes set, so it will be effectively re-converted when the differ changes are handled by a dispatcher.\n\t *\n\t * @internal\n\t * @param item Item to refresh.\n\t */\n\tpublic _refreshItem( item: ModelItem ): void {\n\t\tif ( this._isInInsertedElement( item.parent! ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._markRemove( item.parent!, item.startOffset!, item.offsetSize );\n\t\tthis._markInsert( item.parent!, item.startOffset!, item.offsetSize );\n\n\t\tthis._refreshedItems.add( item );\n\t\tthis._setElementState( item, 'refresh' );\n\n\t\tconst range = ModelRange._createOn( item );\n\n\t\tfor ( const marker of this._markerCollection.getMarkersIntersectingRange( range ) ) {\n\t\t\tconst markerData = marker.getData();\n\n\t\t\tthis.bufferMarkerChange( marker.name, markerData, markerData );\n\t\t}\n\n\t\t// Clear cache after each buffered operation as it is no longer valid.\n\t\tthis._cachedChanges = null;\n\t}\n\n\t/**\n\t * Buffers all the data related to given root like it was all just added to the editor.\n\t *\n\t * Following changes are buffered:\n\t *\n\t * * root is attached,\n\t * * all root content is inserted,\n\t * * all root attributes are added,\n\t * * all markers inside the root are added.\n\t *\n\t * @internal\n\t */\n\tpublic _bufferRootLoad( root: ModelRootElement ): void {\n\t\tif ( !root.isAttached() ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._bufferRootStateChange( root.rootName, true );\n\t\tthis._markInsert( root, 0, root.maxOffset );\n\n\t\t// Buffering root attribute changes makes sense and is actually needed, even though we buffer root state change above.\n\t\t// Because the root state change is buffered, the root attributes changes are not returned by the differ.\n\t\t// But, if the root attribute is removed in the same change block, or the root is detached, then the differ results would be wrong.\n\t\t//\n\t\tfor ( const key of root.getAttributeKeys() ) {\n\t\t\tthis._bufferRootAttributeChange( root.rootName, key, null, root.getAttribute( key ) );\n\t\t}\n\n\t\tfor ( const marker of this._markerCollection ) {\n\t\t\tif ( marker.getRange().root == root ) {\n\t\t\t\tconst markerData = marker.getData();\n\n\t\t\t\tthis.bufferMarkerChange( marker.name, { ...markerData, range: null }, markerData );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Buffers the root state change after the root was attached or detached\n\t */\n\tprivate _bufferRootStateChange( rootName: string, isAttached: boolean ): void {\n\t\tif ( !this._changedRoots.has( rootName ) ) {\n\t\t\tthis._changedRoots.set( rootName, { name: rootName, state: isAttached ? 'attached' : 'detached' } );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst diffItem = this._changedRoots.get( rootName )!;\n\n\t\tif ( diffItem.state !== undefined ) {\n\t\t\t// Root `state` can only toggle between one of the values and no value. It cannot be any other way,\n\t\t\t// because if the root was originally attached it can only become detached. Then, if it is re-attached in the same batch of\n\t\t\t// changes, it gets back to \"no change\" (which means no value). Same if the root was originally detached.\n\t\t\tdelete diffItem.state;\n\n\t\t\tif ( diffItem.attributes === undefined ) {\n\t\t\t\t// If there is no `state` change and no `attributes` change, remove the entry.\n\t\t\t\tthis._changedRoots.delete( rootName );\n\t\t\t}\n\t\t} else {\n\t\t\tdiffItem.state = isAttached ? 'attached' : 'detached';\n\t\t}\n\t}\n\n\t/**\n\t * Buffers a root attribute change.\n\t */\n\tprivate _bufferRootAttributeChange( rootName: string, key: string, oldValue: unknown, newValue: unknown ): void {\n\t\tconst diffItem: DifferItemRoot = this._changedRoots.get( rootName ) || { name: rootName };\n\t\tconst attrs: Record<string, { oldValue: unknown; newValue: unknown }> = diffItem.attributes || {};\n\n\t\tif ( attrs[ key ] ) {\n\t\t\t// If this attribute or metadata was already changed earlier and is changed again, check to what value it is changed.\n\t\t\tconst attrEntry = attrs[ key ];\n\n\t\t\tif ( newValue === attrEntry.oldValue ) {\n\t\t\t\t// If it was changed back to the old value, remove the entry.\n\t\t\t\tdelete attrs[ key ];\n\t\t\t} else {\n\t\t\t\t// If it was changed to a different value, update the entry.\n\t\t\t\tattrEntry.newValue = newValue;\n\t\t\t}\n\t\t} else {\n\t\t\t// If this attribute or metadata was not set earlier, add an entry.\n\t\t\tattrs[ key ] = { oldValue, newValue };\n\t\t}\n\n\t\tif ( Object.entries( attrs ).length === 0 ) {\n\t\t\t// If attributes or metadata changes set became empty, remove it from the diff item.\n\t\t\tdelete diffItem.attributes;\n\n\t\t\tif ( diffItem.state === undefined ) {\n\t\t\t\t// If there is no `state` change and no `attributes` change, remove the entry.\n\t\t\t\tthis._changedRoots.delete( rootName );\n\t\t\t}\n\t\t} else {\n\t\t\t// Make sure that, if a new object in the structure was created, it gets set.\n\t\t\tdiffItem.attributes = attrs;\n\n\t\t\tthis._changedRoots.set( rootName, diffItem );\n\t\t}\n\t}\n\n\t/**\n\t * Saves and handles an insert change.\n\t */\n\tprivate _markInsert( parent: ModelElement | ModelDocumentFragment, offset: number, howMany: number ) {\n\t\tif ( parent.root.is( 'rootElement' ) && !parent.root._isLoaded ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst changeItem = { type: 'insert', offset, howMany, count: this._changeCount++ } as const;\n\n\t\tthis._markChange( parent, changeItem );\n\t}\n\n\t/**\n\t * Saves and handles a remove change.\n\t */\n\tprivate _markRemove( parent: ModelElement | ModelDocumentFragment, offset: number, howMany: number ) {\n\t\tif ( parent.root.is( 'rootElement' ) && !parent.root._isLoaded ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst changeItem = { type: 'remove', offset, howMany, count: this._changeCount++ } as const;\n\n\t\tthis._markChange( parent, changeItem );\n\n\t\tthis._removeAllNestedChanges( parent, offset, howMany );\n\t}\n\n\t/**\n\t * Saves and handles an attribute change.\n\t */\n\tprivate _markAttribute( item: ModelItem ): void {\n\t\tif ( item.root.is( 'rootElement' ) && !item.root._isLoaded ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst changeItem = { type: 'attribute', offset: item.startOffset!, howMany: item.offsetSize, count: this._changeCount++ } as const;\n\n\t\tthis._markChange( item.parent as ModelElement, changeItem );\n\t}\n\n\t/**\n\t * Saves and handles a model change.\n\t */\n\tprivate _markChange( parent: ModelElement | ModelDocumentFragment, changeItem: ChangeItem ): void {\n\t\t// First, make a snapshot of the parent and its children (it will be made only if it was not made before).\n\t\tthis._makeSnapshots( parent );\n\n\t\t// Then, get all changes that already were done on the element (empty array if this is the first change).\n\t\tconst changes = this._getChangesForElement( parent );\n\n\t\t// Then, look through all the changes, and transform them or the new change.\n\t\tthis._handleChange( changeItem, changes );\n\n\t\t// Add the new change.\n\t\tchanges.push( changeItem );\n\n\t\t// Remove incorrect changes. During transformation some change might be, for example, included in another.\n\t\t// In that case, the change will have `howMany` property set to `0` or less. We need to remove those changes.\n\t\tfor ( let i = 0; i < changes.length; i++ ) {\n\t\t\tif ( changes[ i ].howMany < 1 ) {\n\t\t\t\tchanges.splice( i, 1 );\n\n\t\t\t\ti--;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Tries to set given state for given item.\n\t *\n\t * This method does simple validation (it sets the state only for model elements, not for text proxy nodes). It also follows state\n\t * setting rules, that is, `'refresh'` cannot overwrite `'rename'`, and `'rename'` cannot overwrite `'move'`.\n\t */\n\tprivate _setElementState( node: ModelItem, state: 'refresh' | 'rename' | 'move' ) {\n\t\tif ( !node.is( 'element' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentStatePriority = Differ._statesPriority.indexOf( this._elementState.get( node ) );\n\t\tconst newStatePriority = Differ._statesPriority.indexOf( state );\n\n\t\tif ( newStatePriority > currentStatePriority ) {\n\t\t\tthis._elementState.set( node, state );\n\t\t}\n\t}\n\n\t/**\n\t * Returns a value for {@link ~DifferItemAction `action`} property for diff items returned by {@link ~Differ#getChanges}.\n\t * This method aims to return `'rename'` or `'refresh'` when it should, and `diffItemType` (\"default action\") in all other cases.\n\t *\n\t * It bases on a few factors:\n\t *\n\t * * for text nodes, the method always returns `diffItemType`,\n\t * * for newly inserted element, the method returns `diffItemType`,\n\t * * if {@link ~Differ#_elementState element state} was not recorded, the method returns `diffItemType`,\n\t * * if state was recorded, and it was `'move'` (default action), the method returns `diffItemType`,\n\t * * finally, if state was `'refresh'` or `'rename'`, the method returns the state value.\n\t */\n\tprivate _getDiffActionForNode( node: ModelNode, diffItemType: 'insert' | 'remove' ): DifferItemAction {\n\t\tif ( !node.is( 'element' ) ) {\n\t\t\t// Text node.\n\t\t\treturn diffItemType;\n\t\t}\n\n\t\tif ( !this._elementsSnapshots.has( node ) ) {\n\t\t\t// Newly inserted element.\n\t\t\treturn diffItemType;\n\t\t}\n\n\t\tconst state = this._elementState.get( node );\n\n\t\tif ( !state || state == 'move' ) {\n\t\t\treturn diffItemType;\n\t\t}\n\n\t\treturn state;\n\t}\n\n\t/**\n\t * Gets an array of changes that have already been saved for a given element.\n\t */\n\tprivate _getChangesForElement( element: ModelElement | ModelDocumentFragment ): Array<ChangeItem> {\n\t\tlet changes: Array<ChangeItem>;\n\n\t\tif ( this._changesInElement.has( element ) ) {\n\t\t\tchanges = this._changesInElement.get( element )!;\n\t\t} else {\n\t\t\tchanges = [];\n\n\t\t\tthis._changesInElement.set( element, changes );\n\t\t}\n\n\t\treturn changes;\n\t}\n\n\t/**\n\t * Creates and saves a snapshot for all children of the given element.\n\t */\n\tprivate _makeSnapshots( element: ModelElement | ModelDocumentFragment ): void {\n\t\tif ( this._elementChildrenSnapshots.has( element ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst childrenSnapshots = _getChildrenSnapshots( element.getChildren() );\n\n\t\tthis._elementChildrenSnapshots.set( element, childrenSnapshots );\n\n\t\tfor ( const snapshot of childrenSnapshots ) {\n\t\t\tthis._elementsSnapshots.set( snapshot.node, snapshot );\n\t\t}\n\t}\n\n\t/**\n\t * For a given newly saved change, compares it with a change already done on the element and modifies the incoming\n\t * change and/or the old change.\n\t *\n\t * @param inc Incoming (new) change.\n\t * @param changes An array containing all the changes done on that element.\n\t */\n\tprivate _handleChange( inc: ChangeItem, changes: Array<ChangeItem> ): void {\n\t\t// We need a helper variable that will store how many nodes are to be still handled for this change item.\n\t\t// `nodesToHandle` (how many nodes still need to be handled) and `howMany` (how many nodes were affected)\n\t\t// needs to be differentiated.\n\t\t//\n\t\t// This comes up when there are multiple changes that are affected by `inc` change item.\n\t\t//\n\t\t// For example: assume two insert changes: `{ offset: 2, howMany: 1 }` and `{ offset: 5, howMany: 1 }`.\n\t\t// Assume that `inc` change is remove `{ offset: 2, howMany: 2, nodesToHandle: 2 }`.\n\t\t//\n\t\t// Then, we:\n\t\t// - \"forget\" about first insert change (it is \"eaten\" by remove),\n\t\t// - because of that, at the end we will want to remove only one node (`nodesToHandle = 1`),\n\t\t// - but still we have to change offset of the second insert change from `5` to `3`!\n\t\t//\n\t\t// So, `howMany` does not change throughout items transformation and keeps information about how many nodes were affected,\n\t\t// while `nodesToHandle` means how many nodes need to be handled after the change item is transformed by other changes.\n\t\tinc.nodesToHandle = inc.howMany;\n\n\t\tfor ( const old of changes ) {\n\t\t\tconst incEnd = inc.offset + inc.howMany;\n\t\t\tconst oldEnd = old.offset + old.howMany;\n\n\t\t\tif ( inc.type == 'insert' ) {\n\t\t\t\tif ( old.type == 'insert' ) {\n\t\t\t\t\tif ( inc.offset <= old.offset ) {\n\t\t\t\t\t\told.offset += inc.howMany;\n\t\t\t\t\t} else if ( inc.offset < oldEnd ) {\n\t\t\t\t\t\told.howMany += inc.nodesToHandle;\n\t\t\t\t\t\tinc.nodesToHandle = 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( old.type == 'remove' ) {\n\t\t\t\t\tif ( inc.offset < old.offset ) {\n\t\t\t\t\t\told.offset += inc.howMany;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( old.type == 'attribute' ) {\n\t\t\t\t\tif ( inc.offset <= old.offset ) {\n\t\t\t\t\t\told.offset += inc.howMany;\n\t\t\t\t\t} else if ( inc.offset < oldEnd ) {\n\t\t\t\t\t\t// This case is more complicated, because attribute change has to be split into two.\n\t\t\t\t\t\t// Example (assume that uppercase and lowercase letters mean different attributes):\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// initial state:\t\tabcxyz\n\t\t\t\t\t\t// attribute change:\taBCXYz\n\t\t\t\t\t\t// incoming insert:\t\taBCfooXYz\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// Change ranges cannot intersect because each item has to be described exactly (it was either\n\t\t\t\t\t\t// not changed, inserted, removed, or its attribute was changed). That's why old attribute\n\t\t\t\t\t\t// change has to be split and both parts has to be handled separately from now on.\n\t\t\t\t\t\tconst howMany = old.howMany;\n\n\t\t\t\t\t\told.howMany = inc.offset - old.offset;\n\n\t\t\t\t\t\t// Add the second part of attribute change to the beginning of processed array so it won't\n\t\t\t\t\t\t// be processed again in this loop.\n\t\t\t\t\t\tchanges.unshift( {\n\t\t\t\t\t\t\ttype: 'attribute',\n\t\t\t\t\t\t\toffset: incEnd,\n\t\t\t\t\t\t\thowMany: howMany - old.howMany,\n\t\t\t\t\t\t\tcount: this._changeCount++\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( inc.type == 'remove' ) {\n\t\t\t\tif ( old.type == 'insert' ) {\n\t\t\t\t\tif ( incEnd <= old.offset ) {\n\t\t\t\t\t\told.offset -= inc.howMany;\n\t\t\t\t\t} else if ( incEnd <= oldEnd ) {\n\t\t\t\t\t\tif ( inc.offset < old.offset ) {\n\t\t\t\t\t\t\tconst intersectionLength = incEnd - old.offset;\n\n\t\t\t\t\t\t\told.offset = inc.offset;\n\n\t\t\t\t\t\t\told.howMany -= intersectionLength;\n\t\t\t\t\t\t\tinc.nodesToHandle -= intersectionLength;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\told.howMany -= inc.nodesToHandle;\n\t\t\t\t\t\t\tinc.nodesToHandle = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif ( inc.offset <= old.offset ) {\n\t\t\t\t\t\t\tinc.nodesToHandle -= old.howMany;\n\t\t\t\t\t\t\told.howMany = 0;\n\t\t\t\t\t\t} else if ( inc.offset < oldEnd ) {\n\t\t\t\t\t\t\tconst intersectionLength = oldEnd - inc.offset;\n\n\t\t\t\t\t\t\told.howMany -= intersectionLength;\n\t\t\t\t\t\t\tinc.nodesToHandle -= intersectionLength;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( old.type == 'remove' ) {\n\t\t\t\t\tif ( incEnd <= old.offset ) {\n\t\t\t\t\t\told.offset -= inc.howMany;\n\t\t\t\t\t} else if ( inc.offset < old.offset ) {\n\t\t\t\t\t\tinc.nodesToHandle += old.howMany;\n\t\t\t\t\t\told.howMany = 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( old.type == 'attribute' ) {\n\t\t\t\t\tif ( incEnd <= old.offset ) {\n\t\t\t\t\t\told.offset -= inc.howMany;\n\t\t\t\t\t} else if ( inc.offset < old.offset ) {\n\t\t\t\t\t\tconst intersectionLength = incEnd - old.offset;\n\n\t\t\t\t\t\told.offset = inc.offset;\n\t\t\t\t\t\told.howMany -= intersectionLength;\n\t\t\t\t\t} else if ( inc.offset < oldEnd ) {\n\t\t\t\t\t\tif ( incEnd <= oldEnd ) {\n\t\t\t\t\t\t\t// On first sight in this case we don't need to split attribute operation into two.\n\t\t\t\t\t\t\t// However the changes set is later converted to actions (see `_generateActionsFromChanges`).\n\t\t\t\t\t\t\t// For that reason, no two changes may intersect.\n\t\t\t\t\t\t\t// So we cannot have an attribute change that \"contains\" remove change.\n\t\t\t\t\t\t\t// Attribute change needs to be split.\n\t\t\t\t\t\t\tconst howMany = old.howMany;\n\n\t\t\t\t\t\t\told.howMany = inc.offset - old.offset;\n\n\t\t\t\t\t\t\tconst howManyAfter = howMany - old.howMany - inc.nodesToHandle;\n\n\t\t\t\t\t\t\t// Add the second part of attribute change to the beginning of processed array so it won't\n\t\t\t\t\t\t\t// be processed again in this loop.\n\t\t\t\t\t\t\tchanges.unshift( {\n\t\t\t\t\t\t\t\ttype: 'attribute',\n\t\t\t\t\t\t\t\toffset: inc.offset,\n\t\t\t\t\t\t\t\thowMany: howManyAfter,\n\t\t\t\t\t\t\t\tcount: this._changeCount++\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\told.howMany -= oldEnd - inc.offset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( inc.type == 'attribute' ) {\n\t\t\t\t// In case of attribute change, `howMany` should be kept same as `nodesToHandle`. It's not an error.\n\t\t\t\tif ( old.type == 'insert' ) {\n\t\t\t\t\tif ( inc.offset < old.offset && incEnd > old.offset ) {\n\t\t\t\t\t\tif ( incEnd > oldEnd ) {\n\t\t\t\t\t\t\t// This case is similar to a case described when incoming change was insert and old change was attribute.\n\t\t\t\t\t\t\t// See comment above.\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// This time incoming change is attribute. We need to split incoming change in this case too.\n\t\t\t\t\t\t\t// However this time, the second part of the attribute change needs to be processed further\n\t\t\t\t\t\t\t// because there might be other changes that it collides with.\n\t\t\t\t\t\t\tconst attributePart = {\n\t\t\t\t\t\t\t\ttype: 'attribute',\n\t\t\t\t\t\t\t\toffset: oldEnd,\n\t\t\t\t\t\t\t\thowMany: incEnd - oldEnd,\n\t\t\t\t\t\t\t\tcount: this._changeCount++\n\t\t\t\t\t\t\t} as const;\n\n\t\t\t\t\t\t\tthis._handleChange( attributePart, changes );\n\n\t\t\t\t\t\t\tchanges.push( attributePart );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tinc.nodesToHandle = old.offset - inc.offset;\n\t\t\t\t\t\tinc.howMany = inc.nodesToHandle;\n\t\t\t\t\t} else if ( inc.offset >= old.offset && inc.offset < oldEnd ) {\n\t\t\t\t\t\tif ( incEnd > oldEnd ) {\n\t\t\t\t\t\t\tinc.nodesToHandle = incEnd - oldEnd;\n\t\t\t\t\t\t\tinc.offset = oldEnd;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tinc.nodesToHandle = 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( old.type == 'remove' ) {\n\t\t\t\t\t// This is a case when attribute change \"contains\" remove change.\n\t\t\t\t\t// The attribute change needs to be split into two because changes cannot intersect.\n\t\t\t\t\tif ( inc.offset < old.offset && incEnd > old.offset ) {\n\t\t\t\t\t\tconst attributePart = {\n\t\t\t\t\t\t\ttype: 'attribute',\n\t\t\t\t\t\t\toffset: old.offset,\n\t\t\t\t\t\t\thowMany: incEnd - old.offset,\n\t\t\t\t\t\t\tcount: this._changeCount++\n\t\t\t\t\t\t} as const;\n\n\t\t\t\t\t\tthis._handleChange( attributePart, changes );\n\n\t\t\t\t\t\tchanges.push( attributePart );\n\n\t\t\t\t\t\tinc.nodesToHandle = old.offset - inc.offset;\n\t\t\t\t\t\tinc.howMany = inc.nodesToHandle;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( old.type == 'attribute' ) {\n\t\t\t\t\t// There are only two conflicting scenarios possible here:\n\t\t\t\t\tif ( inc.offset >= old.offset && incEnd <= oldEnd ) {\n\t\t\t\t\t\t// `old` change includes `inc` change, or they are the same.\n\t\t\t\t\t\tinc.nodesToHandle = 0;\n\t\t\t\t\t\tinc.howMany = 0;\n\t\t\t\t\t\tinc.offset = 0;\n\t\t\t\t\t} else if ( inc.offset <= old.offset && incEnd >= oldEnd ) {\n\t\t\t\t\t\t// `inc` change includes `old` change.\n\t\t\t\t\t\told.howMany = 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tinc.howMany = inc.nodesToHandle;\n\t\tdelete inc.nodesToHandle;\n\t}\n\n\t/**\n\t * Returns an object with a single insert change description.\n\t *\n\t * @param parent The element in which the change happened.\n\t * @param offset The offset at which change happened.\n\t * @param action Further specifies what kind of action led to generating this change.\n\t * @param elementSnapshot Snapshot of the inserted node after changes.\n\t * @param elementSnapshotBefore Snapshot of the inserted node before changes.\n\t * @returns The diff item.\n\t */\n\tprivate _getInsertDiff(\n\t\tparent: ModelElement | ModelDocumentFragment,\n\t\toffset: number,\n\t\taction: DifferItemAction,\n\t\telementSnapshot: DifferSnapshot,\n\t\telementSnapshotBefore?: DifferSnapshot\n\t): DifferItemInsert & DifferItemInternal {\n\t\tconst diffItem: DifferItemInsert & DifferItemInternal = {\n\t\t\ttype: 'insert',\n\t\t\tposition: ModelPosition._createAt( parent, offset ),\n\t\t\tname: elementSnapshot.name,\n\t\t\tattributes: new Map( elementSnapshot.attributes ),\n\t\t\tlength: 1,\n\t\t\tchangeCount: this._changeCount++,\n\t\t\taction\n\t\t};\n\n\t\tif ( action != 'insert' && elementSnapshotBefore ) {\n\t\t\tdiffItem.before = {\n\t\t\t\tname: elementSnapshotBefore.name,\n\t\t\t\tattributes: new Map( elementSnapshotBefore.attributes )\n\t\t\t};\n\t\t}\n\n\t\treturn diffItem;\n\t}\n\n\t/**\n\t * Returns an object with a single remove change description.\n\t *\n\t * @param parent The element in which change happened.\n\t * @param offset The offset at which change happened.\n\t * @param action Further specifies what kind of action led to generating this change.\n\t * @param elementSnapshot The snapshot of the removed node before changes.\n\t * @returns The diff item.\n\t */\n\tprivate _getRemoveDiff(\n\t\tparent: ModelElement | ModelDocumentFragment,\n\t\toffset: number,\n\t\taction: DifferItemAction,\n\t\telementSnapshot: DifferSnapshot\n\t): DifferItemRemove & DifferItemInternal {\n\t\treturn {\n\t\t\ttype: 'remove',\n\t\t\taction,\n\t\t\tposition: ModelPosition._createAt( parent, offset ),\n\t\t\tname: elementSnapshot.name,\n\t\t\tattributes: new Map( elementSnapshot.attributes ),\n\t\t\tlength: 1,\n\t\t\tchangeCount: this._changeCount++\n\t\t};\n\t}\n\n\t/**\n\t * Returns an array of objects where each one is a single attribute change description.\n\t *\n\t * @param range The range where the change happened.\n\t * @param oldAttributes A map, map iterator or compatible object that contains attributes before the change.\n\t * @param newAttributes A map, map iterator or compatible object that contains attributes after the change.\n\t * @returns An array containing one or more diff items.\n\t */\n\tprivate _getAttributesDiff(\n\t\trange: ModelRange,\n\t\toldAttributes: Map<string, unknown>,\n\t\tnewAttributes: Map<string, unknown>\n\t): Array<DifferItemAttribute & DifferItemInternal> {\n\t\t// Results holder.\n\t\tconst diffs: Array<DifferItemAttribute & DifferItemInternal> = [];\n\n\t\t// Clone new attributes as we will be performing changes on this object.\n\t\tnewAttributes = new Map( newAttributes );\n\n\t\t// Look through old attributes.\n\t\tfor ( const [ key, oldValue ] of oldAttributes ) {\n\t\t\t// Check what is the new value of the attribute (or if it was removed).\n\t\t\tconst newValue = newAttributes.has( key ) ? newAttributes.get( key ) : null;\n\n\t\t\t// If values are different (or attribute was removed)...\n\t\t\tif ( newValue !== oldValue ) {\n\t\t\t\t// Add diff item.\n\t\t\t\tdiffs.push( {\n\t\t\t\t\ttype: 'attribute',\n\t\t\t\t\tposition: range.start,\n\t\t\t\t\trange: range.clone(),\n\t\t\t\t\tlength: 1,\n\t\t\t\t\tattributeKey: key,\n\t\t\t\t\tattributeOldValue: oldValue,\n\t\t\t\t\tattributeNewValue: newValue,\n\t\t\t\t\tchangeCount: this._changeCount++\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// Prevent returning two diff items for the same change.\n\t\t\tnewAttributes.delete( key );\n\t\t}\n\n\t\t// Look through new attributes that weren't handled above.\n\t\tfor ( const [ key, newValue ] of newAttributes ) {\n\t\t\t// Each of them is a new attribute. Add diff item.\n\t\t\tdiffs.push( {\n\t\t\t\ttype: 'attribute',\n\t\t\t\tposition: range.start,\n\t\t\t\trange: range.clone(),\n\t\t\t\tlength: 1,\n\t\t\t\tattributeKey: key,\n\t\t\t\tattributeOldValue: null,\n\t\t\t\tattributeNewValue: newValue,\n\t\t\t\tchangeCount: this._changeCount++\n\t\t\t} );\n\t\t}\n\n\t\treturn diffs;\n\t}\n\n\t/**\n\t * Checks whether given element or any of its parents is an element that is buffered as an inserted element.\n\t */\n\tprivate _isInInsertedElement( element: ModelElement | ModelDocumentFragment ): boolean {\n\t\tconst parent = element.parent;\n\n\t\tif ( !parent ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst changes = this._changesInElement.get( parent );\n\t\tconst offset = element.startOffset;\n\n\t\tif ( changes ) {\n\t\t\tfor ( const change of changes ) {\n\t\t\t\tif ( change.type == 'insert' && offset! >= change.offset && offset! < change.offset + change.howMany ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn this._isInInsertedElement( parent );\n\t}\n\n\t/**\n\t * Removes deeply all buffered changes that are registered in elements from range specified by `parent`, `offset`\n\t * and `howMany`.\n\t */\n\tprivate _removeAllNestedChanges( parent: ModelElement | ModelDocumentFragment, offset: number, howMany: number ) {\n\t\tconst range = new ModelRange( ModelPosition._createAt( parent, offset ), ModelPosition._createAt( parent, offset + howMany ) );\n\n\t\tfor ( const item of range.getItems( { shallow: true } ) ) {\n\t\t\tif ( item.is( 'element' ) ) {\n\t\t\t\tthis._changesInElement.delete( item );\n\t\t\t\tthis._removeAllNestedChanges( item, 0, item.maxOffset );\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Further specifies what kind of action led to generating a change:\n *\n * * `'insert'` if element was inserted,\n * * `'remove'` if element was removed,\n * * `'rename'` if element got renamed (e.g. `writer.rename()`),\n * * `'refresh'` if element got refreshed (e.g. `model.editing.reconvertItem()`).\n */\nexport type DifferItemAction = 'insert' | 'remove' | 'rename' | 'refresh';\n\ninterface ChangeItem {\n\ttype: 'insert' | 'remove' | 'attribute';\n\toffset: number;\n\thowMany: number;\n\tcount: number;\n\tnodesToHandle?: number;\n\taction?: DifferItemAction;\n}\n\n/**\n * Returns a snapshot for the specified child node. Text node snapshots have the `name` property set to `$text`.\n */\nfunction _getSingleNodeSnapshot( node: ModelNode | ModelElement ): DifferSnapshot {\n\treturn\t{\n\t\tnode,\n\t\tname: node.is( '$text' ) ? '$text' : ( node as ModelElement ).name,\n\t\tattributes: new Map( node.getAttributes() )\n\t};\n}\n\n/**\n * Returns an array that is a copy of passed child list with the exception that text nodes are split to one or more\n * objects, each representing one character and attributes set on that character.\n */\nfunction _getChildrenSnapshots( children: Iterable<ModelNode> ): Array<DifferSnapshot> {\n\tconst snapshots: Array<DifferSnapshot> = [];\n\n\tfor ( const child of children ) {\n\t\tif ( child.is( '$text' ) ) {\n\t\t\tfor ( let i = 0; i < child.data.length; ++i ) {\n\t\t\t\tsnapshots.push( _getSingleNodeSnapshot( child ) );\n\t\t\t}\n\t\t} else {\n\t\t\tsnapshots.push( _getSingleNodeSnapshot( child ) );\n\t\t}\n\t}\n\n\treturn snapshots;\n}\n\n/**\n * Generates array of diff instructions for given changes set.\n *\n * Generated actions are:\n *\n * - 'e' for 'equal' - when item at that position did not change,\n * - 'i' for 'insert' - when item at that position was inserted,\n * - 'r' for 'remove' - when item at that position was removed,\n * - 'a' for 'attribute' - when item at that position has it attributes changed.\n *\n * Example (assume that uppercase letters have bold attribute, compare with function code):\n *\n * children before:\tfooBAR\n * children after:\tfoxybAR\n *\n * changes: type: remove, offset: 1, howMany: 1\n *\t\t\ttype: insert, offset: 2, howMany: 2\n *\t\t\ttype: attribute, offset: 4, howMany: 1\n *\n * Expected actions: equal (f), remove (o), equal (o), insert (x), insert (y), attribute (b), equal (A), equal (R)\n *\n * Steps taken by the script:\n *\n * 1. change = \"type: remove, offset: 1, howMany: 1\"; offset = 0; oldChildrenHandled = 0\n *    1.1 between this change and the beginning is one not-changed node, fill with one equal action, one old child has been handled\n *    1.2 this change removes one node, add one remove action\n *    1.3 change last visited `offset` to 1\n *    1.4 since an old child has been removed, one more old child has been handled\n *    1.5 actions at this point are: equal, remove\n *\n * 2. change = \"type: insert, offset: 2, howMany: 2\"; offset = 1; oldChildrenHandled = 2\n *    2.1 between this change and previous change is one not-changed node, add equal action, another one old children has been handled\n *    2.2 this change inserts two nodes, add two insert actions\n *    2.3 change last visited offset to the end of the inserted range, that is 4\n *    2.4 actions at this point are: equal, remove, equal, insert, insert\n *\n * 3. change = \"type: attribute, offset: 4, howMany: 1\"; offset = 4, oldChildrenHandled = 3\n *    3.1 between this change and previous change are no not-changed nodes\n *    3.2 this change changes one node, add one attribute action\n *    3.3 change last visited `offset` to the end of change range, that is 5\n *    3.4 since an old child has been changed, one more old child has been handled\n *    3.5 actions at this point are: equal, remove, equal, insert, insert, attribute\n *\n * 4. after loop oldChildrenHandled = 4, oldChildrenLength = 6 (fooBAR is 6 characters)\n *    4.1 fill up with two equal actions\n *\n * The result actions are: equal, remove, equal, insert, insert, attribute, equal, equal.\n */\nfunction _generateDiffInstructionsFromChanges( oldChildrenLength: number, changes: Array<ChangeItem> ) {\n\tconst diff: Array<string> = [];\n\n\tlet offset = 0;\n\tlet oldChildrenHandled = 0;\n\n\t// Go through all buffered changes.\n\tfor ( const change of changes ) {\n\t\t// First, fill \"holes\" between changes with \"equal\" actions.\n\t\tif ( change.offset > offset ) {\n\t\t\tfor ( let i = 0; i < change.offset - offset; i++ ) {\n\t\t\t\tdiff.push( 'e' );\n\t\t\t}\n\n\t\t\toldChildrenHandled += change.offset - offset;\n\t\t}\n\n\t\t// Then, fill up actions accordingly to change type.\n\t\tif ( change.type == 'insert' ) {\n\t\t\tfor ( let i = 0; i < change.howMany; i++ ) {\n\t\t\t\tdiff.push( 'i' );\n\t\t\t}\n\n\t\t\t// The last handled offset is after inserted range.\n\t\t\toffset = change.offset + change.howMany;\n\t\t} else if ( change.type == 'remove' ) {\n\t\t\tfor ( let i = 0; i < change.howMany; i++ ) {\n\t\t\t\tdiff.push( 'r' );\n\t\t\t}\n\n\t\t\t// The last handled offset is at the position where the nodes were removed.\n\t\t\toffset = change.offset;\n\t\t\t// We removed `howMany` old nodes, update `oldChildrenHandled`.\n\t\t\toldChildrenHandled += change.howMany;\n\t\t} else {\n\t\t\t// Total maximum amount of arguments that can be passed to `Array.prototype.push` may be limited so we need to\n\t\t\t// add them manually one by one to avoid this limit. However loop might be a bit slower than `push` method on\n\t\t\t// smaller changesets so we need to decide which method to use based on the size of the change.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/16819\n\t\t\tif ( change.howMany > 1500 ) {\n\t\t\t\tfor ( let i = 0; i < change.howMany; i++ ) {\n\t\t\t\t\tdiff.push( 'a' );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tdiff.push( ...'a'.repeat( change.howMany ).split( '' ) );\n\t\t\t}\n\n\t\t\t// The last handled offset is at the position after the changed range.\n\t\t\toffset = change.offset + change.howMany;\n\t\t\t// We changed `howMany` old nodes, update `oldChildrenHandled`.\n\t\t\toldChildrenHandled += change.howMany;\n\t\t}\n\t}\n\n\t// Fill \"equal\" actions at the end of actions set. Use `oldChildrenHandled` to see how many children\n\t// has not been changed / removed at the end of their parent.\n\tif ( oldChildrenHandled < oldChildrenLength ) {\n\t\tfor ( let i = 0; i < oldChildrenLength - oldChildrenHandled - offset; i++ ) {\n\t\t\tdiff.push( 'e' );\n\t\t}\n\t}\n\n\treturn diff;\n}\n\n/**\n * Filter callback for `Array.filter` that filters out change entries that are in graveyard.\n */\nfunction _changesInGraveyardFilter( entry: DifferItem ) {\n\tconst posInGy = 'position' in entry && entry.position!.root.rootName == '$graveyard';\n\tconst rangeInGy = 'range' in entry && entry.range.root.rootName == '$graveyard';\n\n\treturn !posInGy && !rangeInGy;\n}\n\n/**\n * A snapshot is representing state of a given element before the first change was applied on that element.\n *\n * @internal\n */\nexport interface DifferSnapshot {\n\n\t/**\n\t * Node for which was snapshot was made.\n\t */\n\tnode: ModelNode;\n\n\t/**\n\t * Name of the element at the time when the snapshot was made. For text node snapshots, it is set to `'$text'`.\n\t */\n\tname: string;\n\n\t/**\n\t * Attributes of the node at the time when the snapshot was made.\n\t */\n\tattributes: Map<string, unknown>;\n}\n\n/**\n * The single diff item.\n *\n * Could be one of:\n *\n * * {@link module:engine/model/differ~DifferItemInsert `DifferItemInsert`},\n * * {@link module:engine/model/differ~DifferItemRemove `DifferItemRemove`},\n * * {@link module:engine/model/differ~DifferItemAttribute `DifferItemAttribute`}.\n */\nexport type DifferItem = DifferItemInsert | DifferItemRemove | DifferItemAttribute;\n\n/**\n * A single diff item for inserted nodes.\n */\nexport interface DifferItemInsert {\n\n\t/**\n\t * The type of diff item.\n\t */\n\ttype: 'insert';\n\n\t/**\n\t * Further specifies what kind of action led to generating this change.\n\t *\n\t * The action is set in relation to the document state before any change. It means that, for example, if an element was added and\n\t * then renamed (during the same {@link module:engine/model/batch~Batch batch}), the action will be set to `'insert'`, because when\n\t * compared to the document state before changes, a new element was inserted, and the renaming does not matter from this point of view.\n\t */\n\taction: DifferItemAction;\n\n\t/**\n\t * The name of the inserted elements or `'$text'` for a text node.\n\t */\n\tname: string;\n\n\t/**\n\t * Map of attributes of the inserted element.\n\t */\n\tattributes: Map<string, unknown>;\n\n\t/**\n\t * The position where the node was inserted.\n\t */\n\tposition: ModelPosition;\n\n\t/**\n\t * The length of an inserted text node. For elements, it is always 1 as each inserted element is counted as a one.\n\t */\n\tlength: number;\n\n\t/**\n\t * Holds information about the element state before all changes happened.\n\t *\n\t * For example, when `<paragraph textAlign=\"right\">` was changed to `<codeBlock language=\"plaintext\">`,\n\t * `before.name` will be equal to `'paragraph'` and `before.attributes` map will have one entry: `'textAlign' -> 'right'`.\n\t *\n\t * The property is available only if the insertion change was due to element rename or refresh (when `action` property is `'rename'`\n\t * or `'refresh'`). As such, `before` property is never available for text node changes.\n\t */\n\tbefore?: {\n\n\t\t/**\n\t\t * The name of the inserted element before all changes.\n\t\t */\n\t\tname: string;\n\n\t\t/**\n\t\t * Map of the attributes of the inserted element before all changes.\n\t\t */\n\t\tattributes: Map<string, unknown>;\n\t};\n}\n\n/**\n * A single diff item for re-inserted nodes.\n */\nexport interface DifferItemReinsert {\n\n\t/**\n\t * The type of diff item.\n\t */\n\ttype: 'reinsert';\n\n\t/**\n\t * The name of the re-inserted elements or `'$text'` for a text node.\n\t */\n\tname: string;\n\n\t/**\n\t * The position where the node was reinserted.\n\t */\n\tposition: ModelPosition;\n\n\t/**\n\t * The length of a re-inserted text node. For elements, it is always 1 as each re-inserted element is counted as a one.\n\t */\n\tlength: number;\n}\n\n/**\n * A single diff item for removed nodes.\n */\nexport interface DifferItemRemove {\n\n\t/**\n\t * The type of diff item.\n\t */\n\ttype: 'remove';\n\n\t/**\n\t * Further specifies what kind of action led to generating this change.\n\t *\n\t * The action is set in relation to the document state before any change. It means that, for example, if an element was renamed and\n\t * then removed (during the same {@link module:engine/model/batch~Batch batch}), the action will be set to `'remove'`, because when\n\t * compared to the document state before changes, the element was removed, and it does not matter that it was also renamed at one point.\n\t */\n\taction: DifferItemAction;\n\n\t/**\n\t * The name of the removed element or `'$text'` for a text node.\n\t */\n\tname: string;\n\n\t/**\n\t * Map of attributes that were set on the item while it was removed.\n\t */\n\tattributes: Map<string, unknown>;\n\n\t/**\n\t * The position where the node was removed.\n\t */\n\tposition: ModelPosition;\n\n\t/**\n\t * The length of a removed text node. For elements, it is always 1, as each removed element is counted as a one.\n\t */\n\tlength: number;\n}\n\n/**\n * A single diff item for attribute change.\n */\nexport interface DifferItemAttribute {\n\n\t/**\n\t * The type of diff item.\n\t */\n\ttype: 'attribute';\n\n\t/**\n\t * The name of the changed attribute.\n\t */\n\tattributeKey: string;\n\n\t/**\n\t * An attribute previous value (before change).\n\t */\n\tattributeOldValue: unknown;\n\n\t/**\n\t * An attribute new value (after change).\n\t */\n\tattributeNewValue: unknown;\n\n\t/**\n\t * The range where the change happened.\n\t */\n\trange: ModelRange;\n}\n\n/**\n * A single diff item for a changed root.\n */\nexport interface DifferItemRoot {\n\n\t/**\n\t * Name of the changed root.\n\t */\n\tname: string;\n\n\t/**\n\t * Set accordingly if the root got attached or detached. Otherwise, not set.\n\t */\n\tstate?: 'attached' | 'detached';\n\n\t/**\n\t * Keeps all attribute changes that happened on the root.\n\t *\n\t * The keys are keys of the changed attributes. The values are objects containing the attribute value before the change\n\t * (`oldValue`) and after the change (`newValue`).\n\t *\n\t * Note, that if the root state changed (`state` is set), then `attributes` property will not be set. All attributes should be\n\t * handled together with the root being attached or detached.\n\t */\n\tattributes?: Record<string, { oldValue: unknown; newValue: unknown }>;\n}\n\ninterface DifferItemInternal {\n\tchangeCount?: number;\n\tposition?: ModelPosition;\n\tlength?: number;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { type Operation } from './operation/operation.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\n/**\n * @module engine/model/history\n */\n\n/**\n * `History` keeps the track of all the operations applied to the {@link module:engine/model/document~ModelDocument document}.\n */\nexport class History {\n\t/**\n\t * Operations added to the history.\n\t */\n\tprivate _operations: Array<Operation> = [];\n\n\t/**\n\t * Holds an information which {@link module:engine/model/operation/operation~Operation operation} undoes which\n\t * {@link module:engine/model/operation/operation~Operation operation}.\n\t *\n\t * Keys of the map are \"undoing operations\", that is operations that undone some other operations. For each key, the\n\t * value is an operation that has been undone by the \"undoing operation\".\n\t */\n\tprivate _undoPairs: Map<Operation, Operation> = new Map();\n\n\t/**\n\t * Holds all undone operations.\n\t */\n\tprivate _undoneOperations: Set<Operation> = new Set();\n\n\t/**\n\t * A map that allows retrieving the operations fast based on the given base version.\n\t */\n\tprivate _baseVersionToOperationIndex: Map<number, number> = new Map();\n\n\t/**\n\t * The history version.\n\t */\n\tprivate _version: number = 0;\n\n\t/**\n\t * The gap pairs kept in the <from,to> format.\n\t *\n\t * Anytime the `history.version` is set to a version larger than `history.version + 1`,\n\t * a new <lastHistoryVersion, newHistoryVersion> entry is added to the map.\n\t */\n\tprivate _gaps: Map<number, number> = new Map();\n\n\t/**\n\t * The version of the last operation in the history.\n\t *\n\t * The history version is incremented automatically when a new operation is added to the history.\n\t * Setting the version manually should be done only in rare circumstances when a gap is planned\n\t * between history versions. When doing so, a gap will be created and the history will accept adding\n\t * an operation with base version equal to the new history version.\n\t */\n\tpublic get version(): number {\n\t\treturn this._version;\n\t}\n\n\tpublic set version( version: number ) {\n\t\t// Store a gap if there are some operations already in the history and the\n\t\t// new version does not increment the latest one.\n\t\tif ( this._operations.length && version > this._version + 1 ) {\n\t\t\tthis._gaps.set( this._version, version );\n\t\t}\n\n\t\tthis._version = version;\n\t}\n\n\t/**\n\t * The last history operation.\n\t */\n\tpublic get lastOperation(): Operation | undefined {\n\t\treturn this._operations[ this._operations.length - 1 ];\n\t}\n\n\t/**\n\t * Adds an operation to the history and increments the history version.\n\t *\n\t * The operation's base version should be equal to the history version. Otherwise an error is thrown.\n\t */\n\tpublic addOperation( operation: Operation ): void {\n\t\tif ( operation.baseVersion !== this.version ) {\n\t\t\t/**\n\t\t\t * Only operations with matching versions can be added to the history.\n\t\t\t *\n\t\t\t * @error model-document-history-addoperation-incorrect-version\n\t\t\t * @param {module:engine/model/operation/operation~Operation} operation The current operation.\n\t\t\t * @param {number} historyVersion The current document history version.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-document-history-addoperation-incorrect-version', this, {\n\t\t\t\toperation,\n\t\t\t\thistoryVersion: this.version\n\t\t\t} );\n\t\t}\n\n\t\tthis._operations.push( operation );\n\t\tthis._version++;\n\n\t\tthis._baseVersionToOperationIndex.set( operation.baseVersion, this._operations.length - 1 );\n\t}\n\n\t/**\n\t * Returns operations from the given range of operation base versions that were added to the history.\n\t *\n\t * Note that there may be gaps in operations base versions.\n\t *\n\t * @param fromBaseVersion Base version from which operations should be returned (inclusive).\n\t * @param toBaseVersion Base version up to which operations should be returned (exclusive).\n     * @returns History operations for the given range, in chronological order.\n\t */\n\tpublic getOperations( fromBaseVersion?: number, toBaseVersion: number = this.version ): Array<Operation> {\n\t\t// When there is no operation in the history, return an empty array.\n\t\t// After that we can be sure that `firstOperation`, `lastOperation` are not nullish.\n\t\tif ( !this._operations.length ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst firstOperation = this._operations[ 0 ];\n\n\t\tif ( fromBaseVersion === undefined ) {\n\t\t\tfromBaseVersion = firstOperation.baseVersion!;\n\t\t}\n\n\t\t// Change exclusive `toBaseVersion` to inclusive, so it will refer to the actual index.\n\t\t// Thanks to that mapping from base versions to operation indexes are possible.\n\t\tlet inclusiveTo = toBaseVersion - 1;\n\n\t\t// Check if \"from\" or \"to\" point to a gap between versions.\n\t\t// If yes, then change the incorrect position to the proper side of the gap.\n\t\t// Thanks to it, it will be possible to get index of the operation.\n\t\tfor ( const [ gapFrom, gapTo ] of this._gaps ) {\n\t\t\tif ( fromBaseVersion > gapFrom && fromBaseVersion < gapTo ) {\n\t\t\t\tfromBaseVersion = gapTo;\n\t\t\t}\n\n\t\t\tif ( inclusiveTo > gapFrom && inclusiveTo < gapTo ) {\n\t\t\t\tinclusiveTo = gapFrom - 1;\n\t\t\t}\n\t\t}\n\n\t\t// If the whole range is outside of the operation versions, then return an empty array.\n\t\tif ( inclusiveTo < firstOperation.baseVersion! || fromBaseVersion > this.lastOperation!.baseVersion! ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet fromIndex = this._baseVersionToOperationIndex.get( fromBaseVersion );\n\n\t\t// If the range starts before the first operation, then use the first operation as the range's start.\n\t\tif ( fromIndex === undefined ) {\n\t\t\tfromIndex = 0;\n\t\t}\n\n\t\tlet toIndex = this._baseVersionToOperationIndex.get( inclusiveTo );\n\n\t\t// If the range ends after the last operation, then use the last operation as the range's end.\n\t\tif ( toIndex === undefined ) {\n\t\t\ttoIndex = this._operations.length - 1;\n\t\t}\n\n\t\t// Return the part of the history operations based on the calculated start index and end index.\n\t\treturn this._operations.slice(\n\t\t\tfromIndex,\n\n\t\t\t// The `toIndex` should be included in the returned operations, so add `1`.\n\t\t\ttoIndex + 1\n\t\t);\n\t}\n\n\t/**\n\t * Returns operation from the history that bases on given `baseVersion`.\n\t *\n\t * @param baseVersion Base version of the operation to get.\n\t * @returns Operation with given base version or `undefined` if there is no such operation in history.\n\t */\n\tpublic getOperation( baseVersion: number ): Operation | undefined {\n\t\tconst operationIndex = this._baseVersionToOperationIndex.get( baseVersion );\n\n\t\tif ( operationIndex === undefined ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn this._operations[ operationIndex ];\n\t}\n\n\t/**\n\t * Marks in history that one operation is an operation that is undoing the other operation. By marking operation this way,\n\t * history is keeping more context information about operations, which helps in operational transformation.\n\t *\n\t * @param undoneOperation Operation which is undone by `undoingOperation`.\n\t * @param undoingOperation Operation which undoes `undoneOperation`.\n\t */\n\tpublic setOperationAsUndone( undoneOperation: Operation, undoingOperation: Operation ): void {\n\t\tthis._undoPairs.set( undoingOperation, undoneOperation );\n\t\tthis._undoneOperations.add( undoneOperation );\n\t}\n\n\t/**\n\t * Checks whether given `operation` is undoing any other operation.\n\t *\n\t * @param operation Operation to check.\n\t * @returns `true` if given `operation` is undoing any other operation, `false` otherwise.\n\t */\n\tpublic isUndoingOperation( operation: Operation ): boolean {\n\t\treturn this._undoPairs.has( operation );\n\t}\n\n\t/**\n\t * Checks whether given `operation` has been undone by any other operation.\n\t *\n\t * @param operation Operation to check.\n\t * @returns `true` if given `operation` has been undone any other operation, `false` otherwise.\n\t */\n\tpublic isUndoneOperation( operation: Operation ): boolean {\n\t\treturn this._undoneOperations.has( operation );\n\t}\n\n\t/**\n\t * For given `undoingOperation`, returns the operation which has been undone by it.\n\t *\n\t * @returns Operation that has been undone by given `undoingOperation` or `undefined`\n\t * if given `undoingOperation` is not undoing any other operation.\n\t */\n\tpublic getUndoneOperation( undoingOperation: Operation ): Operation | undefined {\n\t\treturn this._undoPairs.get( undoingOperation );\n\t}\n\n\t/**\n\t * Resets the history of operations.\n\t */\n\tpublic reset(): void {\n\t\tthis._version = 0;\n\t\tthis._undoPairs = new Map();\n\t\tthis._operations = [];\n\t\tthis._undoneOperations = new Set();\n\t\tthis._gaps = new Map();\n\t\tthis._baseVersionToOperationIndex = new Map();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/rootelement\n */\n\nimport { ModelElement } from './element.js';\n\nimport { type ModelDocument } from './document.js';\n\n/**\n * Type of {@link module:engine/model/element~ModelElement} that is a root of a model tree.\n */\nexport class ModelRootElement extends ModelElement {\n\t/**\n\t * Unique root name used to identify this root element by {@link module:engine/model/document~ModelDocument}.\n\t */\n\tpublic override readonly rootName: string;\n\n\t/**\n\t * Document that is an owner of this root.\n\t */\n\tprivate readonly _document: ModelDocument;\n\n\t/**\n\t * @internal\n\t */\n\tpublic _isAttached = true;\n\n\t/**\n\t * Informs if the root element is loaded (default).\n\t *\n\t * @internal\n\t */\n\tpublic _isLoaded = true;\n\n\t/**\n\t * Creates root element.\n\t *\n\t * @param document Document that is an owner of this root.\n\t * @param name Node name.\n\t * @param rootName Unique root name used to identify this root element by {@link module:engine/model/document~ModelDocument}.\n\t */\n\tconstructor( document: ModelDocument, name: string, rootName: string = 'main' ) {\n\t\tsuper( name );\n\n\t\tthis._document = document;\n\t\tthis.rootName = rootName;\n\t}\n\n\t/**\n\t * {@link module:engine/model/document~ModelDocument Document} that owns this root element.\n\t */\n\tpublic override get document(): ModelDocument {\n\t\treturn this._document;\n\t}\n\n\t/**\n\t * Informs if the root element is currently attached to the document, or not.\n\t *\n\t * A detached root is equivalent to being removed and cannot contain any children or markers.\n\t *\n\t * By default, a newly added root is attached. It can be detached using\n\t * {@link module:engine/model/writer~ModelWriter#detachRoot `Writer#detachRoot`}. A detached root can be re-attached again using\n\t * {@link module:engine/model/writer~ModelWriter#addRoot `Writer#addRoot`}.\n\t */\n\tpublic override isAttached(): boolean {\n\t\treturn this._isAttached;\n\t}\n\n\t/**\n\t * Converts `RootElement` instance to `string` containing its name.\n\t *\n\t * @returns `RootElement` instance converted to `string`.\n\t */\n\tpublic override toJSON(): unknown {\n\t\treturn this.rootName;\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \treturn this.rootName;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public override log(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ModelRootElement: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelRootElement.prototype.is = function( type: string, name?: string ): boolean {\n\tif ( !name ) {\n\t\treturn type === 'rootElement' || type === 'model:rootElement' ||\n\t\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\t\ttype === 'element' || type === 'model:element' ||\n\t\t\ttype === 'node' || type === 'model:node';\n\t}\n\n\treturn name === this.name && (\n\t\ttype === 'rootElement' || type === 'model:rootElement' ||\n\t\t// From super.is(). This is highly utilised method and cannot call super. See ckeditor/ckeditor5#6529.\n\t\ttype === 'element' || type === 'model:element'\n\t);\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/document\n */\n\nimport { Differ } from './differ.js';\nimport { ModelDocumentSelection } from './documentselection.js';\nimport { History } from './history.js';\nimport { ModelRootElement } from './rootelement.js';\n\nimport type { ModelSelectionChangeEvent } from './selection.js';\nimport type { Model, ModelApplyOperationEvent } from './model.js';\nimport type { MarkerCollectionUpdateEvent, MarkerChangeEvent } from './markercollection.js';\nimport { type Batch } from './batch.js';\nimport { type ModelPosition } from './position.js';\nimport { type ModelRange } from './range.js';\nimport { type ModelWriter } from './writer.js';\n\nimport {\n\tCKEditorError,\n\tCollection,\n\tEmitterMixin,\n\tisInsideSurrogatePair,\n\tisInsideCombinedSymbol\n} from '@ckeditor/ckeditor5-utils';\n\nimport { clone } from 'es-toolkit/compat';\n\n// @if CK_DEBUG_ENGINE // const { logDocument } = require( '../dev-utils/utils' );\n\nconst graveyardName = '$graveyard';\n\n/**\n * Data model's document. It contains the model's structure, its selection and the history of changes.\n *\n * Read more about working with the model in\n * {@glink framework/architecture/editing-engine#model introduction to the the editing engine's architecture}.\n *\n * Usually, the document contains just one {@link module:engine/model/document~ModelDocument#roots root element}, so\n * you can retrieve it by just calling {@link module:engine/model/document~ModelDocument#getRoot} without specifying its name:\n *\n * ```ts\n * model.document.getRoot(); // -> returns the main root\n * ```\n *\n * However, the document may contain multiple roots – e.g. when the editor has multiple editable areas\n * (e.g. a title and a body of a message).\n */\nexport class ModelDocument extends /* #__PURE__ */ EmitterMixin() {\n\t/**\n\t * The {@link module:engine/model/model~Model model} that the document is a part of.\n\t */\n\tpublic readonly model: Model;\n\n\t/**\n\t * The document's history.\n\t */\n\tpublic readonly history: History;\n\n\t/**\n\t * The selection in this document.\n\t */\n\tpublic readonly selection: ModelDocumentSelection;\n\n\t/**\n\t * A list of roots that are owned and managed by this document. Use {@link #createRoot}, {@link #getRoot} and\n\t * {@link #getRootNames} to manipulate it.\n\t */\n\tpublic readonly roots: Collection<ModelRootElement>;\n\n\t/**\n\t * The model differ object. Its role is to buffer changes done on the model document and then calculate a diff of those changes.\n\t */\n\tpublic readonly differ: Differ;\n\n\t/**\n\t * Defines whether the document is in a read-only mode.\n\t *\n\t * The user should not be able to change the data of a document that is read-only.\n\t *\n\t * @readonly\n\t */\n\tpublic isReadOnly: boolean;\n\n\t/**\n\t * Post-fixer callbacks registered to the model document.\n\t */\n\tprivate readonly _postFixers: Set<ModelPostFixer>;\n\n\t/**\n\t * A flag that indicates whether the selection has changed since last change block.\n\t */\n\tprivate _hasSelectionChangedFromTheLastChangeBlock: boolean;\n\n\t/**\n\t * Creates an empty document instance with no {@link #roots} (other than\n\t * the {@link #graveyard graveyard root}).\n\t */\n\tconstructor( model: Model ) {\n\t\tsuper();\n\n\t\tthis.model = model;\n\t\tthis.history = new History();\n\t\tthis.selection = new ModelDocumentSelection( this );\n\t\tthis.roots = new Collection( { idProperty: 'rootName' } );\n\t\tthis.differ = new Differ( model.markers );\n\t\tthis.isReadOnly = false;\n\n\t\tthis._postFixers = new Set();\n\t\tthis._hasSelectionChangedFromTheLastChangeBlock = false;\n\n\t\t// Graveyard tree root. Document always have a graveyard root, which stores removed nodes.\n\t\tthis.createRoot( '$root', graveyardName );\n\n\t\t// Then, still before an operation is applied on model, buffer the change in differ.\n\t\tthis.listenTo<ModelApplyOperationEvent>( model, 'applyOperation', ( evt, args ) => {\n\t\t\tconst operation = args[ 0 ];\n\n\t\t\tif ( operation.isDocumentOperation ) {\n\t\t\t\tthis.differ.bufferOperation( operation );\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\t// After the operation is applied, bump document's version and add the operation to the history.\n\t\tthis.listenTo<ModelApplyOperationEvent>( model, 'applyOperation', ( evt, args ) => {\n\t\t\tconst operation = args[ 0 ];\n\n\t\t\tif ( operation.isDocumentOperation ) {\n\t\t\t\tthis.history.addOperation( operation );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\n\t\t// Listen to selection changes. If selection changed, mark it.\n\t\tthis.listenTo<ModelSelectionChangeEvent>( this.selection, 'change', () => {\n\t\t\tthis._hasSelectionChangedFromTheLastChangeBlock = true;\n\t\t} );\n\n\t\t// Buffer marker changes.\n\t\t// This is not covered in buffering operations because markers may change outside of them (when they\n\t\t// are modified using `model.markers` collection, not through `MarkerOperation`).\n\t\tthis.listenTo<MarkerCollectionUpdateEvent>( model.markers, 'update', ( evt, marker, oldRange, newRange, oldMarkerData ) => {\n\t\t\t// Copy the `newRange` to the new marker data as during the marker removal the range is not updated.\n\t\t\tconst newMarkerData = { ...marker.getData(), range: newRange };\n\n\t\t\t// Whenever marker is updated, buffer that change.\n\t\t\tthis.differ.bufferMarkerChange( marker.name, oldMarkerData, newMarkerData );\n\n\t\t\tif ( oldRange === null ) {\n\t\t\t\t// If this is a new marker, add a listener that will buffer change whenever marker changes.\n\t\t\t\tmarker.on<MarkerChangeEvent>( 'change', ( evt, oldRange ) => {\n\t\t\t\t\tconst markerData = marker.getData();\n\n\t\t\t\t\tthis.differ.bufferMarkerChange(\n\t\t\t\t\t\tmarker.name,\n\t\t\t\t\t\t{ ...markerData, range: oldRange },\n\t\t\t\t\t\tmarkerData\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\t// This is a solution for a problem that may occur during real-time editing. If one client detached a root and another added\n\t\t// something there at the same moment, the OT does not solve this problem currently. In such situation, the added elements would\n\t\t// stay in the detached root.\n\t\t//\n\t\t// This is incorrect, a detached root should be empty and all elements from it should be removed. To solve this, the post-fixer will\n\t\t// remove any element that is left in a detached root.\n\t\t//\n\t\t// Similarly, markers that are created at the beginning or at the end of the detached root will not be removed as well.\n\t\t//\n\t\t// The drawback of this solution over the OT solution is that the elements removed by the post-fixer will never be brought back.\n\t\t// If the root detachment gets undone (and the root is brought back), the removed elements will not be there.\n\t\tthis.registerPostFixer( writer => {\n\t\t\tlet result = false;\n\n\t\t\tfor ( const root of this.roots ) {\n\t\t\t\tif ( !root.isAttached() && !root.isEmpty ) {\n\t\t\t\t\twriter.remove( writer.createRangeIn( root ) );\n\n\t\t\t\t\tresult = true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( const marker of this.model.markers ) {\n\t\t\t\tif ( !marker.getRange().root.isAttached() ) {\n\t\t\t\t\twriter.removeMarker( marker );\n\n\t\t\t\t\tresult = true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn result;\n\t\t} );\n\t}\n\n\t/**\n\t * The document version. Every applied operation increases the version number. It is used to\n\t * ensure that operations are applied on a proper document version.\n\t *\n\t * This property is equal to {@link module:engine/model/history~History#version `model.Document#history#version`}.\n\t *\n\t * If the {@link module:engine/model/operation/operation~Operation#baseVersion base version} does not match the document version,\n\t * a {@link module:utils/ckeditorerror~CKEditorError model-document-applyoperation-wrong-version} error is thrown.\n\t */\n\tpublic get version(): number {\n\t\treturn this.history.version;\n\t}\n\n\tpublic set version( version: number ) {\n\t\tthis.history.version = version;\n\t}\n\n\t/**\n\t * The graveyard tree root. A document always has a graveyard root that stores removed nodes.\n\t */\n\tpublic get graveyard(): ModelRootElement {\n\t\treturn this.getRoot( graveyardName )!;\n\t}\n\n\t/**\n\t * Creates a new root.\n\t *\n\t * **Note:** do not use this method after the editor has been initialized! If you want to dynamically add a root, use\n\t * {@link module:engine/model/writer~ModelWriter#addRoot `model.Writer#addRoot`} instead.\n\t *\n\t * @param elementName The element name. Defaults to `'$root'` which also has some basic schema defined\n\t * (e.g. `$block` elements are allowed inside the `$root`). Make sure to define a proper schema if you use a different name.\n\t * @param rootName A unique root name.\n\t * @returns The created root.\n\t */\n\tpublic createRoot( elementName: string = '$root', rootName: string = 'main' ): ModelRootElement {\n\t\tif ( this.roots.get( rootName ) ) {\n\t\t\t/**\n\t\t\t * A root with the specified name already exists.\n\t\t\t *\n\t\t\t * @error model-document-createroot-name-exists\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'model-document-createroot-name-exists', this, { name: rootName } );\n\t\t}\n\n\t\tconst root = new ModelRootElement( this, elementName, rootName );\n\t\tthis.roots.add( root );\n\n\t\treturn root;\n\t}\n\n\t/**\n\t * Removes all event listeners set by the document instance.\n\t */\n\tpublic destroy(): void {\n\t\tthis.selection.destroy();\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Returns a root by its name.\n\t *\n\t * Detached roots are returned by this method. This is to be able to operate on the detached root (for example, to be able to create\n\t * a position inside such a root for undo feature purposes).\n\t *\n\t * @param name The root name of the root to return.\n\t * @returns The root registered under a given name or `null` when there is no root with the given name.\n\t */\n\tpublic getRoot( name: string = 'main' ): ModelRootElement | null {\n\t\treturn this.roots.get( name );\n\t}\n\n\t/**\n\t * Returns an array with names of all roots added to the document (except the {@link #graveyard graveyard root}).\n\t *\n\t * Detached roots **are not** returned by this method by default. This is to make sure that all features or algorithms that operate\n\t * on the document data know which roots are still a part of the document and should be processed.\n\t *\n\t * @param includeDetached Specified whether detached roots should be returned as well.\n\t */\n\tpublic getRootNames( includeDetached = false ): Array<string> {\n\t\treturn this.getRoots( includeDetached ).map( root => root.rootName );\n\t}\n\n\t/**\n\t * Returns an array with all roots added to the document (except the {@link #graveyard graveyard root}).\n\t *\n\t * Detached roots **are not** returned by this method by default. This is to make sure that all features or algorithms that operate\n\t * on the document data know which roots are still a part of the document and should be processed.\n\t *\n\t * @param includeDetached Specified whether detached roots should be returned as well.\n\t */\n\tpublic getRoots( includeDetached = false ): Array<ModelRootElement> {\n\t\treturn this.roots.filter( root => root != this.graveyard && ( includeDetached || root.isAttached() ) && root._isLoaded );\n\t}\n\n\t/**\n\t * Used to register a post-fixer callback. A post-fixer mechanism guarantees that the features\n\t * will operate on a correct model state.\n\t *\n\t * An execution of a feature may lead to an incorrect document tree state. The callbacks are used to fix the document tree after\n\t * it has changed. Post-fixers are fired just after all changes from the outermost change block were applied but\n\t * before the {@link module:engine/model/document~ModelDocument#event:change change event} is fired. If a post-fixer callback made\n\t * a change, it should return `true`. When this happens, all post-fixers are fired again to check if something else should\n\t * not be fixed in the new document tree state.\n\t *\n\t * As a parameter, a post-fixer callback receives a {@link module:engine/model/writer~ModelWriter writer} instance connected with the\n\t * executed changes block. Thanks to that, all changes done by the callback will be added to the same\n\t * {@link module:engine/model/batch~Batch batch} (and undo step) as the original changes. This makes post-fixer changes transparent\n\t * for the user.\n\t *\n\t * An example of a post-fixer is a callback that checks if all the data were removed from the editor. If so, the\n\t * callback should add an empty paragraph so that the editor is never empty:\n\t *\n\t * ```ts\n\t * document.registerPostFixer( writer => {\n\t * \tconst changes = document.differ.getChanges();\n\t *\n\t * \t// Check if the changes lead to an empty root in the editor.\n\t * \tfor ( const entry of changes ) {\n\t * \t\tif ( entry.type == 'remove' && entry.position.root.isEmpty ) {\n\t * \t\t\twriter.insertElement( 'paragraph', entry.position.root, 0 );\n\t *\n\t * \t\t\t// It is fine to return early, even if multiple roots would need to be fixed.\n\t * \t\t\t// All post-fixers will be fired again, so if there are more empty roots, those will be fixed, too.\n\t * \t\t\treturn true;\n\t * \t\t}\n\t * \t}\n\t *\n\t * \treturn false;\n\t * } );\n\t * ```\n\t */\n\tpublic registerPostFixer( postFixer: ModelPostFixer ): void {\n\t\tthis._postFixers.add( postFixer );\n\t}\n\n\t/**\n\t * A custom `toJSON()` method to solve child-parent circular dependencies.\n\t *\n\t * @returns A clone of this object with the document property changed to a string.\n\t */\n\tpublic toJSON(): unknown {\n\t\tconst json: any = clone( this );\n\n\t\t// Due to circular references we need to remove parent reference.\n\t\tjson.selection = '[engine.model.DocumentSelection]';\n\t\tjson.model = '[engine.model.Model]';\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Check if there were any changes done on document, and if so, call post-fixers,\n\t * fire `change` event for features and conversion and then reset the differ.\n\t * Fire `change:data` event when at least one operation or buffered marker changes the data.\n\t *\n\t * @internal\n\t * @fires change\n\t * @fires change:data\n\t * @param writer The writer on which post-fixers will be called.\n\t */\n\tpublic _handleChangeBlock( writer: ModelWriter ): void {\n\t\tif ( this._hasDocumentChangedFromTheLastChangeBlock() ) {\n\t\t\tthis._callPostFixers( writer );\n\n\t\t\t// Refresh selection attributes according to the final position in the model after the change.\n\t\t\tthis.selection.refresh();\n\n\t\t\tif ( this.differ.hasDataChanges() ) {\n\t\t\t\tthis.fire<ModelDocumentChangeEvent>( 'change:data', writer.batch );\n\t\t\t} else {\n\t\t\t\tthis.fire<ModelDocumentChangeEvent>( 'change', writer.batch );\n\t\t\t}\n\n\t\t\t// Theoretically, it is not necessary to refresh selection after change event because\n\t\t\t// post-fixers are the last who should change the model, but just in case...\n\t\t\tthis.selection.refresh();\n\n\t\t\tthis.differ.reset();\n\t\t}\n\n\t\tthis._hasSelectionChangedFromTheLastChangeBlock = false;\n\t}\n\n\t/**\n\t * Returns whether there is a buffered change or if the selection has changed from the last\n\t * {@link module:engine/model/model~Model#enqueueChange `enqueueChange()` block}\n\t * or {@link module:engine/model/model~Model#change `change()` block}.\n\t *\n\t * @returns Returns `true` if document has changed from the last `change()` or `enqueueChange()` block.\n\t */\n\tprotected _hasDocumentChangedFromTheLastChangeBlock(): boolean {\n\t\treturn !this.differ.isEmpty || this._hasSelectionChangedFromTheLastChangeBlock;\n\t}\n\n\t/**\n\t * Returns the default root for this document which is either the first root that was added to the document using\n\t * {@link #createRoot} or the {@link #graveyard graveyard root} if no other roots were created.\n\t *\n\t * @returns The default root for this document.\n\t */\n\tprotected _getDefaultRoot(): ModelRootElement {\n\t\tconst roots = this.getRoots();\n\n\t\treturn roots.length ? roots[ 0 ] : this.graveyard;\n\t}\n\n\t/**\n\t * Returns the default range for this selection. The default range is a collapsed range that starts and ends\n\t * at the beginning of this selection's document {@link #_getDefaultRoot default root}.\n\t *\n\t * @internal\n\t */\n\tpublic _getDefaultRange(): ModelRange {\n\t\tconst defaultRoot = this._getDefaultRoot();\n\t\tconst model = this.model;\n\t\tconst schema = model.schema;\n\n\t\t// Find the first position where the selection can be put.\n\t\tconst position = model.createPositionFromPath( defaultRoot, [ 0 ] );\n\t\tconst nearestRange = schema.getNearestSelectionRange( position );\n\n\t\t// If valid selection range is not found - return range collapsed at the beginning of the root.\n\t\treturn nearestRange || model.createRange( position );\n\t}\n\n\t/**\n\t * Checks whether a given {@link module:engine/model/range~ModelRange range} is a valid range for\n\t * the {@link #selection document's selection}.\n\t *\n\t * @internal\n\t * @param range A range to check.\n\t * @returns `true` if `range` is valid, `false` otherwise.\n\t */\n\tpublic _validateSelectionRange( range: ModelRange ): boolean {\n\t\treturn range.start.isValid() && range.end.isValid() &&\n\t\t\tvalidateTextNodePosition( range.start ) && validateTextNodePosition( range.end );\n\t}\n\n\t/**\n\t * Performs post-fixer loops. Executes post-fixer callbacks as long as none of them has done any changes to the model.\n\t *\n\t * @param writer The writer on which post-fixer callbacks will be called.\n\t */\n\tprivate _callPostFixers( writer: ModelWriter ) {\n\t\tlet wasFixed = false;\n\n\t\tdo {\n\t\t\tfor ( const callback of this._postFixers ) {\n\t\t\t\t// Ensure selection attributes are up to date before each post-fixer.\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-engine/issues/1673.\n\t\t\t\t//\n\t\t\t\t// It might be good to refresh the selection after each operation but at the moment it leads\n\t\t\t\t// to losing attributes for composition or and spell checking\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-typing/issues/188\n\t\t\t\tthis.selection.refresh();\n\n\t\t\t\twasFixed = callback( writer );\n\n\t\t\t\tif ( wasFixed ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t} while ( wasFixed );\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public log( version: any = null ): void {\n\t// @if CK_DEBUG_ENGINE // \tversion = version === null ? this.version : version;\n\t// @if CK_DEBUG_ENGINE // \tlogDocument( this, version );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n/**\n * Fired after each {@link module:engine/model/model~Model#enqueueChange `enqueueChange()` block} or the outermost\n * {@link module:engine/model/model~Model#change `change()` block} was executed and the document was changed\n * during that block's execution.\n *\n * The changes which this event will cover include:\n *\n * * document structure changes,\n * * selection changes,\n * * marker changes.\n *\n * If you want to be notified about all these changes, then simply listen to this event like this:\n *\n * ```ts\n * model.document.on( 'change', () => {\n * \tconsole.log( 'The document has changed!' );\n * } );\n * ```\n *\n * If, however, you only want to be notified about the data changes, then use `change:data` event,\n * which is fired for document structure changes and marker changes (which affects the data).\n *\n * ```ts\n * model.document.on( 'change:data', () => {\n * \tconsole.log( 'The data has changed!' );\n * } );\n * ```\n *\n * @eventName ~ModelDocument#change\n * @eventName ~ModelDocument#change:data\n * @param batch The batch that was used in the executed changes block.\n */\nexport type ModelDocumentChangeEvent = {\n\tname: 'change' | 'change:data';\n\targs: [ batch: Batch ];\n};\n\n/**\n * Callback passed as an argument to the {@link module:engine/model/document~ModelDocument#registerPostFixer} method.\n */\nexport type ModelPostFixer = ( writer: ModelWriter ) => boolean;\n\n/**\n * Checks whether given range boundary position is valid for document selection, meaning that is not between\n * unicode surrogate pairs or base character and combining marks.\n */\nfunction validateTextNodePosition( rangeBoundary: ModelPosition ) {\n\tconst textNode = rangeBoundary.textNode;\n\n\tif ( textNode ) {\n\t\tconst data = textNode.data;\n\t\tconst offset = rangeBoundary.offset - textNode.startOffset!;\n\n\t\treturn !isInsideSurrogatePair( data, offset ) && !isInsideCombinedSymbol( data, offset );\n\t}\n\n\treturn true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/markercollection\n */\n\nimport { ModelTypeCheckable } from './typecheckable.js';\nimport {\n\tModelLiveRange,\n\ttype ModelLiveRangeChangeContentEvent,\n\ttype ModelLiveRangeChangeRangeEvent,\n\ttype ModelLiveRangeChangeEvent\n} from './liverange.js';\n\nimport { type ModelPosition } from './position.js';\nimport { type ModelRange } from './range.js';\n\nimport { CKEditorError, EmitterMixin } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The collection of all {@link module:engine/model/markercollection~Marker markers} attached to the document.\n * It lets you {@link module:engine/model/markercollection~MarkerCollection#get get} markers or track them using\n * {@link module:engine/model/markercollection~MarkerCollection#event:update} event.\n *\n * To create, change or remove makers use {@link module:engine/model/writer~ModelWriter model writers'} methods:\n * {@link module:engine/model/writer~ModelWriter#addMarker} or {@link module:engine/model/writer~ModelWriter#removeMarker}. Since\n * the writer is the only proper way to change the data model it is not possible to change markers directly using this\n * collection. All markers created by the writer will be automatically added to this collection.\n *\n * By default there is one marker collection available as {@link module:engine/model/model~Model#markers model property}.\n *\n * @see module:engine/model/markercollection~Marker\n */\nexport class MarkerCollection extends /* #__PURE__ */ EmitterMixin() implements Iterable<Marker> {\n\t/**\n\t * Stores {@link ~Marker markers} added to the collection.\n\t */\n\tprivate _markers: Map<string, Marker> = new Map();\n\n\t/**\n\t * Iterable interface.\n\t *\n\t * Iterates over all {@link ~Marker markers} added to the collection.\n\t */\n\tpublic [ Symbol.iterator ](): IterableIterator<Marker> {\n\t\treturn this._markers.values();\n\t}\n\n\t/**\n\t * Checks if given {@link ~Marker marker} or marker name is in the collection.\n\t *\n\t * @param markerOrName Name of marker or marker instance to check.\n\t * @returns `true` if marker is in the collection, `false` otherwise.\n\t */\n\tpublic has( markerOrName: string | Marker ): boolean {\n\t\tconst markerName = markerOrName instanceof Marker ? markerOrName.name : markerOrName;\n\n\t\treturn this._markers.has( markerName );\n\t}\n\n\t/**\n\t * Returns {@link ~Marker marker} with given `markerName`.\n\t *\n\t * @param markerName Name of marker to get.\n\t * @returns Marker with given name or `null` if such marker was\n\t * not added to the collection.\n\t */\n\tpublic get( markerName: string ): Marker | null {\n\t\treturn this._markers.get( markerName ) || null;\n\t}\n\n\t/**\n\t * Creates and adds a {@link ~Marker marker} to the `MarkerCollection` with given name on given\n\t * {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * If `MarkerCollection` already had a marker with given name (or {@link ~Marker marker} was passed), the marker in\n\t * collection is updated and {@link module:engine/model/markercollection~MarkerCollection#event:update} event is fired\n\t * but only if there was a change (marker range or {@link module:engine/model/markercollection~Marker#managedUsingOperations}\n\t * flag has changed.\n\t *\n\t * @internal\n\t * @fires update\n\t * @param markerOrName Name of marker to set or marker instance to update.\n\t * @param range Marker range.\n\t * @param managedUsingOperations Specifies whether the marker is managed using operations.\n\t * @param affectsData Specifies whether the marker affects the data produced by the data pipeline\n\t * (is persisted in the editor's data).\n\t * @returns `Marker` instance which was added or updated.\n\t */\n\tpublic _set(\n\t\tmarkerOrName: string | Marker,\n\t\trange: ModelRange,\n\t\tmanagedUsingOperations: boolean = false,\n\t\taffectsData: boolean = false\n\t): Marker {\n\t\tconst markerName = markerOrName instanceof Marker ? markerOrName.name : markerOrName;\n\n\t\tif ( markerName.includes( ',' ) ) {\n\t\t\t/**\n\t\t\t * Marker name cannot contain the \",\" character.\n\t\t\t *\n\t\t\t * @error markercollection-incorrect-marker-name\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'markercollection-incorrect-marker-name', this );\n\t\t}\n\n\t\tconst oldMarker = this._markers.get( markerName );\n\n\t\tif ( oldMarker ) {\n\t\t\tconst oldMarkerData = oldMarker.getData();\n\n\t\t\tconst oldRange = oldMarker.getRange();\n\t\t\tlet hasChanged = false;\n\n\t\t\tif ( !oldRange.isEqual( range ) ) {\n\t\t\t\toldMarker._attachLiveRange( ModelLiveRange.fromRange( range ) );\n\t\t\t\thasChanged = true;\n\t\t\t}\n\n\t\t\tif ( managedUsingOperations != oldMarker.managedUsingOperations ) {\n\t\t\t\toldMarker._managedUsingOperations = managedUsingOperations;\n\t\t\t\thasChanged = true;\n\t\t\t}\n\n\t\t\tif ( typeof affectsData === 'boolean' && affectsData != oldMarker.affectsData ) {\n\t\t\t\toldMarker._affectsData = affectsData;\n\t\t\t\thasChanged = true;\n\t\t\t}\n\n\t\t\tif ( hasChanged ) {\n\t\t\t\tthis.fire<MarkerCollectionUpdateEvent>( `update:${ markerName }`, oldMarker, oldRange, range, oldMarkerData );\n\t\t\t}\n\n\t\t\treturn oldMarker;\n\t\t}\n\n\t\tconst liveRange = ModelLiveRange.fromRange( range );\n\t\tconst marker = new Marker( markerName, liveRange, managedUsingOperations, affectsData );\n\n\t\tthis._markers.set( markerName, marker );\n\t\tthis.fire<MarkerCollectionUpdateEvent>( `update:${ markerName }`, marker, null, range, { ...marker.getData(), range: null } );\n\n\t\treturn marker;\n\t}\n\n\t/**\n\t * Removes given {@link ~Marker marker} or a marker with given name from the `MarkerCollection`.\n\t *\n\t * @internal\n\t * @fires update\n\t * @param markerOrName Marker or name of a marker to remove.\n\t * @returns `true` if marker was found and removed, `false` otherwise.\n\t */\n\tpublic _remove( markerOrName: string | Marker ): boolean {\n\t\tconst markerName = markerOrName instanceof Marker ? markerOrName.name : markerOrName;\n\t\tconst oldMarker = this._markers.get( markerName );\n\n\t\tif ( oldMarker ) {\n\t\t\tthis._markers.delete( markerName );\n\t\t\tthis.fire<MarkerCollectionUpdateEvent>( `update:${ markerName }`, oldMarker, oldMarker.getRange(), null, oldMarker.getData() );\n\n\t\t\tthis._destroyMarker( oldMarker );\n\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Fires an {@link module:engine/model/markercollection~MarkerCollection#event:update} event for the given {@link ~Marker marker}\n\t * but does not change the marker. Useful to force {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher downcast\n\t * conversion} for the marker.\n\t *\n\t * @internal\n\t * @fires update\n\t * @param markerOrName Marker or name of a marker to refresh.\n\t */\n\tpublic _refresh( markerOrName: string | Marker ): void {\n\t\tconst markerName = markerOrName instanceof Marker ? markerOrName.name : markerOrName;\n\t\tconst marker = this._markers.get( markerName );\n\n\t\tif ( !marker ) {\n\t\t\t/**\n\t\t\t * Marker with provided name does not exists.\n\t\t\t *\n\t\t\t * @error markercollection-refresh-marker-not-exists\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'markercollection-refresh-marker-not-exists', this );\n\t\t}\n\n\t\tconst range = marker.getRange();\n\n\t\tthis.fire<MarkerCollectionUpdateEvent>( `update:${ markerName }`, marker, range, range, marker.getData() );\n\t}\n\n\t/**\n\t * Returns iterator that iterates over all markers, which ranges\n\t * contain given {@link module:engine/model/position~ModelPosition position}.\n\t */\n\tpublic* getMarkersAtPosition( position: ModelPosition ): IterableIterator<Marker> {\n\t\tfor ( const marker of this ) {\n\t\t\tif ( marker.getRange().containsPosition( position ) ) {\n\t\t\t\tyield marker;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Returns iterator that iterates over all markers, which intersects with given {@link module:engine/model/range~ModelRange range}.\n\t */\n\tpublic* getMarkersIntersectingRange( range: ModelRange ): Iterable<Marker> {\n\t\tfor ( const marker of this ) {\n\t\t\tif ( marker.getRange().getIntersection( range ) !== null ) {\n\t\t\t\tyield marker;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Destroys marker collection and all markers inside it.\n\t */\n\tpublic destroy(): void {\n\t\tfor ( const marker of this._markers.values() ) {\n\t\t\tthis._destroyMarker( marker );\n\t\t}\n\n\t\tthis._markers = null as any;\n\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Iterates over all markers that starts with given `prefix`.\n\t *\n\t * ```ts\n\t * const markerFooA = markersCollection._set( 'foo:a', rangeFooA );\n\t * const markerFooB = markersCollection._set( 'foo:b', rangeFooB );\n\t * const markerBarA = markersCollection._set( 'bar:a', rangeBarA );\n\t * const markerFooBarA = markersCollection._set( 'foobar:a', rangeFooBarA );\n\t * Array.from( markersCollection.getMarkersGroup( 'foo' ) ); // [ markerFooA, markerFooB ]\n\t * Array.from( markersCollection.getMarkersGroup( 'a' ) ); // []\n\t * ```\n\t */\n\tpublic* getMarkersGroup( prefix: string ): IterableIterator<Marker> {\n\t\tfor ( const marker of this._markers.values() ) {\n\t\t\tif ( marker.name.startsWith( prefix + ':' ) ) {\n\t\t\t\tyield marker;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Destroys the marker.\n\t */\n\tprivate _destroyMarker( marker: Marker ): void {\n\t\tmarker.stopListening();\n\t\tmarker._detachLiveRange();\n\t}\n}\n\nexport interface MarkerData {\n\n\t/**\n\t * Marker range. `null` if the marker was removed.\n\t */\n\trange: ModelRange | null;\n\n\t/**\n\t * A property defining if the marker affects data.\n\t */\n\taffectsData: boolean;\n\n\t/**\n\t * A property defining if the marker is managed using operations.\n\t */\n\tmanagedUsingOperations: boolean;\n}\n\n/**\n * `Marker` is a continuous part of the model (like a range), is named and represents some kind of information about the\n * marked part of the model document. In contrary to {@link module:engine/model/node~ModelNode nodes}, which are building blocks of\n * the model document tree, markers are not stored directly in the document tree but in the\n * {@link module:engine/model/model~Model#markers model markers' collection}. Still, they are document data, by giving\n * additional meaning to the part of a model document between marker start and marker end.\n *\n * In this sense, markers are similar to adding and converting attributes on nodes. The difference is that attribute is\n * connected with a given node (e.g. a character is bold no matter if it gets moved or content around it changes).\n * Markers on the other hand are continuous ranges and are characterized by their start and end position. This means that\n * any character in the marker is marked by the marker. For example, if a character is moved outside of marker it stops being\n * \"special\" and the marker is shrunk. Similarly, when a character is moved into the marker from other place in document\n * model, it starts being \"special\" and the marker is enlarged.\n *\n * Another upside of markers is that finding marked part of document is fast and easy. Using attributes to mark some nodes\n * and then trying to find that part of document would require traversing whole document tree. Marker gives instant access\n * to the range which it is marking at the moment.\n *\n * Markers are built from a name and a range.\n *\n * Range of the marker is updated automatically when document changes, using\n * {@link module:engine/model/liverange~ModelLiveRange live range} mechanism.\n *\n * Name is used to group and identify markers. Names have to be unique, but markers can be grouped by\n * using common prefixes, separated with `:`, for example: `user:john` or `search:3`. That's useful in term of creating\n * namespaces for custom elements (e.g. comments, highlights). You can use this prefixes in\n * {@link module:engine/model/markercollection~MarkerCollection#event:update} listeners to listen on changes in a group of markers.\n * For instance: `model.markers.on( 'update:user', callback );` will be called whenever any `user:*` markers changes.\n *\n * There are two types of markers.\n *\n * 1. Markers managed directly, without using operations. They are added directly by {@link module:engine/model/writer~ModelWriter}\n * to the {@link module:engine/model/markercollection~MarkerCollection} without any additional mechanism. They can be used\n * as bookmarks or visual markers. They are great for showing results of the find, or select link when the focus is in the input.\n *\n * 1. Markers managed using operations. These markers are also stored in {@link module:engine/model/markercollection~MarkerCollection}\n * but changes in these markers is managed the same way all other changes in the model structure - using operations.\n * Therefore, they are handled in the undo stack and synchronized between clients if the collaboration plugin is enabled.\n * This type of markers is useful for solutions like spell checking or comments.\n *\n * Both type of them should be added / updated by {@link module:engine/model/writer~ModelWriter#addMarker}\n * and removed by {@link module:engine/model/writer~ModelWriter#removeMarker} methods.\n *\n * ```ts\n * model.change( ( writer ) => {\n * \tconst marker = writer.addMarker( name, { range, usingOperation: true } );\n *\n * \t// ...\n *\n * \twriter.removeMarker( marker );\n * } );\n * ```\n *\n * See {@link module:engine/model/writer~ModelWriter} to find more examples.\n *\n * Since markers need to track change in the document, for efficiency reasons, it is best to create and keep as little\n * markers as possible and remove them as soon as they are not needed anymore.\n *\n * Markers can be downcasted and upcasted.\n *\n * Markers downcast happens on {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:addMarker} and\n * {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:removeMarker} events.\n * Use {@link module:engine/conversion/downcasthelpers downcast converters} or attach a custom converter to mentioned events.\n * For {@link module:engine/controller/datacontroller~DataController data pipeline}, marker should be downcasted to an element.\n * Then, it can be upcasted back to a marker. Again, use {@link module:engine/conversion/upcasthelpers upcast converters} or\n * attach a custom converter to {@link module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element}.\n *\n * `Marker` instances are created and destroyed only by {@link ~MarkerCollection MarkerCollection}.\n */\nclass Marker extends /* #__PURE__ */ EmitterMixin( ModelTypeCheckable ) {\n\t/**\n\t * Marker's name.\n\t */\n\tpublic readonly name: string;\n\n\t/**\n\t * Flag indicates if the marker is managed using operations or not.\n\t *\n\t * @internal\n\t */\n\tpublic _managedUsingOperations: boolean;\n\n\t/**\n\t * Specifies whether the marker affects the data produced by the data pipeline\n\t * (is persisted in the editor's data).\n\t *\n\t * @internal\n\t */\n\tpublic _affectsData: boolean;\n\n\t/**\n\t * Range marked by the marker.\n\t */\n\tprivate _liveRange: ModelLiveRange | null;\n\n\t/**\n\t * Creates a marker instance.\n\t *\n\t * @param name Marker name.\n\t * @param liveRange Range marked by the marker.\n\t * @param managedUsingOperations Specifies whether the marker is managed using operations.\n\t * @param affectsData Specifies whether the marker affects the data produced by the data pipeline (is persisted in the editor's data).\n\t */\n\tconstructor(\n\t\tname: string,\n\t\tliveRange: ModelLiveRange,\n\t\tmanagedUsingOperations: boolean,\n\t\taffectsData: boolean\n\t) {\n\t\tsuper();\n\n\t\tthis.name = name;\n\t\tthis._liveRange = this._attachLiveRange( liveRange );\n\t\tthis._managedUsingOperations = managedUsingOperations;\n\t\tthis._affectsData = affectsData;\n\t}\n\n\t/**\n\t * A value indicating if the marker is managed using operations.\n\t * See {@link ~Marker marker class description} to learn more about marker types.\n\t * See {@link module:engine/model/writer~ModelWriter#addMarker}.\n\t */\n\tpublic get managedUsingOperations(): boolean {\n\t\tif ( !this._liveRange ) {\n\t\t\tthrow new CKEditorError( 'marker-destroyed', this );\n\t\t}\n\n\t\treturn this._managedUsingOperations;\n\t}\n\n\t/**\n\t * A value indicating if the marker changes the data.\n\t */\n\tpublic get affectsData(): boolean {\n\t\tif ( !this._liveRange ) {\n\t\t\tthrow new CKEditorError( 'marker-destroyed', this );\n\t\t}\n\n\t\treturn this._affectsData;\n\t}\n\n\t/**\n\t * Returns the marker data (properties defining the marker).\n\t */\n\tpublic getData(): MarkerData {\n\t\treturn {\n\t\t\trange: this.getRange(),\n\t\t\taffectsData: this.affectsData,\n\t\t\tmanagedUsingOperations: this.managedUsingOperations\n\t\t};\n\t}\n\n\t/**\n\t * Returns current marker start position.\n\t */\n\tpublic getStart(): ModelPosition {\n\t\tif ( !this._liveRange ) {\n\t\t\tthrow new CKEditorError( 'marker-destroyed', this );\n\t\t}\n\n\t\treturn this._liveRange.start.clone();\n\t}\n\n\t/**\n\t * Returns current marker end position.\n\t */\n\tpublic getEnd(): ModelPosition {\n\t\tif ( !this._liveRange ) {\n\t\t\tthrow new CKEditorError( 'marker-destroyed', this );\n\t\t}\n\n\t\treturn this._liveRange.end.clone();\n\t}\n\n\t/**\n\t * Returns a range that represents the current state of the marker.\n\t *\n\t * Keep in mind that returned value is a {@link module:engine/model/range~ModelRange Range}, not a\n\t * {@link module:engine/model/liverange~ModelLiveRange ModelLiveRange}. This means that it is up-to-date and relevant only\n\t * until next model document change. Do not store values returned by this method. Instead, store {@link ~Marker#name}\n\t * and get `Marker` instance from {@link module:engine/model/markercollection~MarkerCollection MarkerCollection} every\n\t * time there is a need to read marker properties. This will guarantee that the marker has not been removed and\n\t * that it's data is up-to-date.\n\t */\n\tpublic getRange(): ModelRange {\n\t\tif ( !this._liveRange ) {\n\t\t\tthrow new CKEditorError( 'marker-destroyed', this );\n\t\t}\n\n\t\treturn this._liveRange.toRange();\n\t}\n\n\t/**\n\t * Converts `Marker` to plain object and returns it.\n\t *\n\t * @returns `Marker` converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\treturn {\n\t\t\tname: this.name,\n\t\t\trange: this._liveRange?.toJSON(),\n\t\t\tusingOperations: this._managedUsingOperations,\n\t\t\taffectsData: this._affectsData\n\t\t};\n\t}\n\n\t/**\n\t * Binds new live range to the marker and detach the old one if is attached.\n\t *\n\t * @internal\n\t * @param liveRange Live range to attach\n\t * @returns Attached live range.\n\t */\n\tpublic _attachLiveRange( liveRange: ModelLiveRange ): ModelLiveRange {\n\t\tif ( this._liveRange ) {\n\t\t\tthis._detachLiveRange();\n\t\t}\n\n\t\t// Delegating does not work with namespaces. Alternatively, we could delegate all events (using `*`).\n\t\tliveRange.delegate( 'change:range' ).to( this );\n\t\tliveRange.delegate( 'change:content' ).to( this );\n\n\t\tthis._liveRange = liveRange;\n\n\t\treturn liveRange;\n\t}\n\n\t/**\n\t * Unbinds and destroys currently attached live range.\n\t *\n\t * @internal\n\t */\n\tpublic _detachLiveRange(): void {\n\t\tthis._liveRange!.stopDelegating( 'change:range', this );\n\t\tthis._liveRange!.stopDelegating( 'change:content', this );\n\t\tthis._liveRange!.detach();\n\t\tthis._liveRange = null;\n\t}\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nMarker.prototype.is = function( type: string ): boolean {\n\treturn type === 'marker' || type === 'model:marker';\n};\n\nexport { Marker };\n\n/**\n * Fired whenever {@link ~Marker#_liveRange marker range} is changed due to changes on {@link module:engine/model/document~ModelDocument}.\n * This is a delegated {@link module:engine/model/liverange~ModelLiveRange#event:change:range ModelLiveRange change:range event}.\n *\n * When marker is removed from {@link module:engine/model/markercollection~MarkerCollection MarkerCollection},\n * all event listeners listening to it should be removed. It is best to do it on\n * {@link module:engine/model/markercollection~MarkerCollection#event:update MarkerCollection update event}.\n *\n * @see module:engine/model/liverange~ModelLiveRange#event:change:range\n * @eventName ~Marker#change:range\n */\nexport type MarkerChangeRangeEvent = ModelLiveRangeChangeRangeEvent;\n\n/**\n * Fired whenever change on {@link module:engine/model/document~ModelDocument} is done inside {@link ~Marker#_liveRange marker range}.\n * This is a delegated {@link module:engine/model/liverange~ModelLiveRange#event:change:content ModelLiveRange change:content event}.\n *\n * When marker is removed from {@link module:engine/model/markercollection~MarkerCollection MarkerCollection},\n * all event listeners listening to it should be removed. It is best to do it on\n * {@link module:engine/model/markercollection~MarkerCollection#event:update MarkerCollection update event}.\n *\n * @see module:engine/model/liverange~ModelLiveRange#event:change:content\n * @eventName ~Marker#change:content\n */\nexport type MarkerCollectionChangeContentEvent = ModelLiveRangeChangeContentEvent;\n\n/**\n * Describes `change:range` or `change:content` event.\n */\nexport type MarkerChangeEvent = ModelLiveRangeChangeEvent;\n\n/**\n * Fired whenever marker is added, updated or removed from `MarkerCollection`.\n *\n * @eventName ~MarkerCollection#update\n * @param marker Updated Marker.\n * @param oldRange Marker range before the update. When is not defined it\n * means that marker is just added.\n * @param newRange Marker range after update. When is not defined it\n * means that marker is just removed.\n * @param oldMarkerData Data of the marker before the change.\n */\nexport type MarkerCollectionUpdateEvent = {\n\tname: 'update' | `update:${ string }`;\n\targs: [ marker: Marker, oldRange: ModelRange | null, newRange: ModelRange | null, oldMarkerData: MarkerData ];\n};\n\n/**\n * Cannot use a {@link module:engine/model/markercollection~MarkerCollection#destroy destroyed marker} instance.\n *\n * @error marker-destroyed\n */\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/operation/detachoperation\n */\n\nimport { Operation } from './operation.js';\nimport { ModelRange } from '../range.js';\nimport { _remove } from './utils.js';\n\nimport { type ModelPosition } from '../position.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\nimport type { ModelSelectable } from '../selection.js';\n\n// @if CK_DEBUG_ENGINE // const ModelRange = require( '../range' ).default;\n\n/**\n * Operation to permanently remove node from detached root.\n * Note this operation is only a local operation and won't be send to the other clients.\n *\n * @internal\n */\nexport class DetachOperation extends Operation {\n\t/**\n\t * Position before the first {@link module:engine/model/item~ModelItem model item} to detach.\n\t */\n\tpublic sourcePosition: ModelPosition;\n\n\t/**\n\t * Offset size of moved range.\n\t */\n\tpublic howMany: number;\n\n\t// This class doesn't implement those abstract methods. Let's silence the compiler.\n\tdeclare public clone: never;\n\tdeclare public getReversed: never;\n\n\t/**\n\t * Creates an insert operation.\n\t *\n\t * @param sourcePosition Position before the first {@link module:engine/model/item~ModelItem model item} to move.\n\t * @param howMany Offset size of moved range. Moved range will start from `sourcePosition` and end at\n\t * `sourcePosition` with offset shifted by `howMany`.\n\t */\n\tconstructor( sourcePosition: ModelPosition, howMany: number ) {\n\t\tsuper( null );\n\n\t\tthis.sourcePosition = sourcePosition.clone();\n\t\tthis.howMany = howMany;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get type(): 'detach' {\n\t\treturn 'detach';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic get affectedSelectable(): ModelSelectable {\n\t\treturn null;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toJSON(): unknown {\n\t\tconst json: any = super.toJSON();\n\n\t\tjson.sourcePosition = this.sourcePosition.toJSON();\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic override _validate(): void {\n\t\tif ( this.sourcePosition.root.document ) {\n\t\t\t/**\n\t\t\t * Cannot detach document node.\n\t\t\t *\n\t\t\t * @error detach-operation-on-document-node\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'detach-operation-on-document-node', this );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic _execute(): void {\n\t\t_remove( ModelRange._createFromPositionAndShift( this.sourcePosition, this.howMany ) );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get className(): string {\n\t\treturn 'DetachOperation';\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): string {\n\t// @if CK_DEBUG_ENGINE // \tconst range = ModelRange._createFromPositionAndShift( this.sourcePosition, this.howMany );\n\t// @if CK_DEBUG_ENGINE // \tconst nodes = Array.from( range.getItems() );\n\t// @if CK_DEBUG_ENGINE // \tconst nodeString = nodes.length > 1 ? `[ ${ nodes.length } ]` : nodes[ 0 ];\n\n\t// @if CK_DEBUG_ENGINE // \treturn `DetachOperation( ${ this.baseVersion } ): ${ nodeString } -> ${ range }`;\n\t// @if CK_DEBUG_ENGINE // }\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/documentfragment\n */\n\nimport { ModelTypeCheckable } from './typecheckable.js';\nimport { ModelElement } from './element.js';\nimport { ModelNodeList } from './nodelist.js';\nimport { ModelText } from './text.js';\nimport { ModelTextProxy } from './textproxy.js';\n\nimport { type ModelItem } from './item.js';\nimport { type ModelNode } from './node.js';\nimport { type ModelRange } from './range.js';\n\nimport { isIterable } from '@ckeditor/ckeditor5-utils';\n\n// @if CK_DEBUG_ENGINE // const { stringifyMap } = require( '../dev-utils/utils' );\n\n/**\n * ModelDocumentFragment represents a part of model which does not have a common root but its top-level nodes\n * can be seen as siblings. In other words, it is a detached part of model tree, without a root.\n *\n * ModelDocumentFragment has own {@link module:engine/model/markercollection~MarkerCollection}. Markers from this collection\n * will be set to the {@link module:engine/model/model~Model#markers model markers} by a\n * {@link module:engine/model/writer~ModelWriter#insert} function.\n */\nexport class ModelDocumentFragment extends ModelTypeCheckable implements Iterable<ModelNode> {\n\t/**\n\t * ModelDocumentFragment static markers map. This is a list of names and {@link module:engine/model/range~ModelRange ranges}\n\t * which will be set as Markers to {@link module:engine/model/model~Model#markers model markers collection}\n\t * when ModelDocumentFragment will be inserted to the document.\n\t */\n\tpublic readonly markers: Map<string, ModelRange> = new Map();\n\n\t/**\n\t * Artificial element name. Returns `undefined`. Added for compatibility reasons.\n\t */\n\tdeclare public name?: undefined;\n\n\t/**\n\t * Artificial root name. Returns `undefined`. Added for compatibility reasons.\n\t */\n\tdeclare public rootName?: undefined;\n\n\t/**\n\t * List of nodes contained inside the document fragment.\n\t */\n\tprivate readonly _children: ModelNodeList = new ModelNodeList();\n\n\t/**\n\t * Creates an empty `ModelDocumentFragment`.\n\t *\n\t * **Note:** Constructor of this class shouldn't be used directly in the code.\n\t * Use the {@link module:engine/model/writer~ModelWriter#createDocumentFragment} method instead.\n\t *\n\t * @internal\n\t * @param children Nodes to be contained inside the `ModelDocumentFragment`.\n\t */\n\tconstructor( children?: ModelNode | Iterable<ModelNode> ) {\n\t\tsuper();\n\n\t\tif ( children ) {\n\t\t\tthis._insertChild( 0, children );\n\t\t}\n\t}\n\n\t/**\n\t * Returns an iterator that iterates over all nodes contained inside this document fragment.\n\t */\n\tpublic [ Symbol.iterator ](): IterableIterator<ModelNode> {\n\t\treturn this.getChildren();\n\t}\n\n\t/**\n\t * Number of this document fragment's children.\n\t */\n\tpublic get childCount(): number {\n\t\treturn this._children.length;\n\t}\n\n\t/**\n\t * Sum of {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all of this document fragment's children.\n\t */\n\tpublic get maxOffset(): number {\n\t\treturn this._children.maxOffset;\n\t}\n\n\t/**\n\t * Is `true` if there are no nodes inside this document fragment, `false` otherwise.\n\t */\n\tpublic get isEmpty(): boolean {\n\t\treturn this.childCount === 0;\n\t}\n\n\t/**\n\t * Artificial next sibling. Returns `null`. Added for compatibility reasons.\n\t */\n\tpublic get nextSibling(): null {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Artificial previous sibling. Returns `null`. Added for compatibility reasons.\n\t */\n\tpublic get previousSibling(): null {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Artificial root of `ModelDocumentFragment`. Returns itself. Added for compatibility reasons.\n\t */\n\tpublic get root(): ModelDocumentFragment {\n\t\treturn this;\n\t}\n\n\t/**\n\t * Artificial parent of `ModelDocumentFragment`. Returns `null`. Added for compatibility reasons.\n\t */\n\tpublic get parent(): null {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Artificial owner of `ModelDocumentFragment`. Returns `null`. Added for compatibility reasons.\n\t */\n\tpublic get document(): null {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns `false` as `ModelDocumentFragment` by definition is not attached to a document. Added for compatibility reasons.\n\t */\n\tpublic isAttached(): false {\n\t\treturn false;\n\t}\n\n\t/**\n\t * Returns empty array. Added for compatibility reasons.\n\t */\n\tpublic getAncestors(): Array<never> {\n\t\treturn [];\n\t}\n\n\t/**\n\t * Gets the child at the given index. Returns `null` if incorrect index was passed.\n\t *\n\t * @param index Index in this document fragment.\n\t * @returns Child node.\n\t */\n\tpublic getChild( index: number ): ModelNode | null {\n\t\treturn this._children.getNode( index );\n\t}\n\n\t/**\n\t * Gets the child at the given offset. Returns `null` if incorrect index was passed.\n\t *\n\t * @param offset Offset in this document fragment.\n\t * @returns Child node.\n\t */\n\tpublic getChildAtOffset( offset: number ): ModelNode | null {\n\t\treturn this._children.getNodeAtOffset( offset );\n\t}\n\n\t/**\n\t * Returns an iterator that iterates over all of this document fragment's children.\n\t */\n\tpublic getChildren(): IterableIterator<ModelNode> {\n\t\treturn this._children[ Symbol.iterator ]();\n\t}\n\n\t/**\n\t * Returns an index of the given child node. Returns `null` if given node is not a child of this document fragment.\n\t *\n\t * @param node Child node to look for.\n\t * @returns Child node's index.\n\t */\n\tpublic getChildIndex( node: ModelNode ): number | null {\n\t\treturn this._children.getNodeIndex( node );\n\t}\n\n\t/**\n\t * Returns the starting offset of given child. Starting offset is equal to the sum of\n\t * {@link module:engine/model/node~ModelNode#offsetSize offset sizes} of all node's siblings that are before it. Returns `null` if\n\t * given node is not a child of this document fragment.\n\t *\n\t * @param node Child node to look for.\n\t * @returns Child node's starting offset.\n\t */\n\tpublic getChildStartOffset( node: ModelNode ): number | null {\n\t\treturn this._children.getNodeStartOffset( node );\n\t}\n\n\t/**\n\t * Returns path to a `ModelDocumentFragment`, which is an empty array. Added for compatibility reasons.\n\t */\n\tpublic getPath(): Array<number> {\n\t\treturn [];\n\t}\n\n\t/**\n\t * Returns a descendant node by its path relative to this element.\n\t *\n\t * ```ts\n\t * // <this>a<b>c</b></this>\n\t * this.getNodeByPath( [ 0 ] );     // -> \"a\"\n\t * this.getNodeByPath( [ 1 ] );     // -> <b>\n\t * this.getNodeByPath( [ 1, 0 ] );  // -> \"c\"\n\t * ```\n\t *\n\t * @param relativePath Path of the node to find, relative to this element.\n\t */\n\tpublic getNodeByPath( relativePath: Array<number> ): ModelNode | ModelDocumentFragment {\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n\t\tlet node: ModelNode | ModelDocumentFragment = this;\n\n\t\tfor ( const offset of relativePath ) {\n\t\t\tnode = ( node as ModelElement | ModelDocumentFragment ).getChildAtOffset( offset )!;\n\t\t}\n\n\t\treturn node;\n\t}\n\n\t/**\n\t * Converts offset \"position\" to index \"position\".\n\t *\n\t * Returns index of a node that occupies given offset. If given offset is too low, returns `0`. If given offset is\n\t * too high, returns index after last child.\n\t *\n\t * ```ts\n\t * const textNode = new Text( 'foo' );\n\t * const pElement = new Element( 'p' );\n\t * const docFrag = new ModelDocumentFragment( [ textNode, pElement ] );\n\t * docFrag.offsetToIndex( -1 ); // Returns 0, because offset is too low.\n\t * docFrag.offsetToIndex( 0 ); // Returns 0, because offset 0 is taken by `textNode` which is at index 0.\n\t * docFrag.offsetToIndex( 1 ); // Returns 0, because `textNode` has `offsetSize` equal to 3, so it occupies offset 1 too.\n\t * docFrag.offsetToIndex( 2 ); // Returns 0.\n\t * docFrag.offsetToIndex( 3 ); // Returns 1.\n\t * docFrag.offsetToIndex( 4 ); // Returns 2. There are no nodes at offset 4, so last available index is returned.\n\t * ```\n\t *\n\t * @param offset Offset to look for.\n\t * @returns Index of a node that occupies given offset.\n\t */\n\tpublic offsetToIndex( offset: number ): number {\n\t\treturn this._children.offsetToIndex( offset );\n\t}\n\n\t/**\n\t * Converts `ModelDocumentFragment` instance to plain object and returns it.\n\t * Takes care of converting all of this document fragment's children.\n\t *\n\t * @returns `ModelDocumentFragment` instance converted to plain object.\n\t */\n\tpublic toJSON(): unknown {\n\t\tconst json = [];\n\n\t\tfor ( const node of this._children ) {\n\t\t\tjson.push( node.toJSON() );\n\t\t}\n\n\t\treturn json;\n\t}\n\n\t/**\n\t * Creates a `ModelDocumentFragment` instance from given plain object (i.e. parsed JSON string).\n\t * Converts `ModelDocumentFragment` children to proper nodes.\n\t *\n\t * @param json Plain object to be converted to `ModelDocumentFragment`.\n\t * @returns `ModelDocumentFragment` instance created using given plain object.\n\t */\n\tpublic static fromJSON( json: any ): ModelDocumentFragment {\n\t\tconst children = [];\n\n\t\tfor ( const child of json ) {\n\t\t\tif ( child.name ) {\n\t\t\t\t// If child has name property, it is an Element.\n\t\t\t\tchildren.push( ModelElement.fromJSON( child ) );\n\t\t\t} else {\n\t\t\t\t// Otherwise, it is a Text node.\n\t\t\t\tchildren.push( ModelText.fromJSON( child ) );\n\t\t\t}\n\t\t}\n\n\t\treturn new ModelDocumentFragment( children );\n\t}\n\n\t/**\n\t * {@link #_insertChild Inserts} one or more nodes at the end of this document fragment.\n\t *\n\t * @internal\n\t * @param items Items to be inserted.\n\t */\n\tpublic _appendChild( items: string | ModelItem | Iterable<string | ModelItem> ): void {\n\t\tthis._insertChild( this.childCount, items );\n\t}\n\n\t/**\n\t * Inserts one or more nodes at the given index and sets {@link module:engine/model/node~ModelNode#parent parent} of these nodes\n\t * to this document fragment.\n\t *\n\t * @internal\n\t * @param index Index at which nodes should be inserted.\n\t * @param items Items to be inserted.\n\t */\n\tpublic _insertChild( index: number, items: string | ModelItem | Iterable<string | ModelItem> ): void {\n\t\tconst nodes = normalize( items );\n\n\t\tfor ( const node of nodes ) {\n\t\t\t// If node that is being added to this element is already inside another element, first remove it from the old parent.\n\t\t\tif ( node.parent !== null ) {\n\t\t\t\tnode._remove();\n\t\t\t}\n\n\t\t\t( node as any ).parent = this;\n\t\t}\n\n\t\tthis._children._insertNodes( index, nodes );\n\t}\n\n\t/**\n\t * Removes one or more nodes starting at the given index\n\t * and sets {@link module:engine/model/node~ModelNode#parent parent} of these nodes to `null`.\n\t *\n\t * @internal\n\t * @param index Index of the first node to remove.\n\t * @param howMany Number of nodes to remove.\n\t * @returns Array containing removed nodes.\n\t */\n\tpublic _removeChildren( index: number, howMany: number = 1 ): Array<ModelNode> {\n\t\tconst nodes = this._children._removeNodes( index, howMany );\n\n\t\tfor ( const node of nodes ) {\n\t\t\t( node as any ).parent = null;\n\t\t}\n\n\t\treturn nodes;\n\t}\n\n\t/**\n\t * Removes children nodes provided as an array and sets\n\t * the {@link module:engine/model/node~ModelNode#parent parent} of these nodes to `null`.\n\t *\n\t * These nodes do not need to be direct siblings.\n\t *\n\t * This method is faster than removing nodes one by one, as it recalculates offsets only once.\n\t *\n\t * @internal\n\t * @param nodes Array of nodes.\n\t */\n\tpublic _removeChildrenArray( nodes: Array<ModelNode> ): void {\n\t\tthis._children._removeNodesArray( nodes );\n\n\t\tfor ( const node of nodes ) {\n\t\t\t( node as any ).parent = null;\n\t\t}\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public override toString(): 'documentFragment' {\n\t// @if CK_DEBUG_ENGINE // \treturn 'documentFragment';\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public log(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( 'ModelModelDocumentFragment: ' + this );\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public printTree(): string {\n\t// @if CK_DEBUG_ENGINE // \tlet string = 'ModelModelDocumentFragment: [';\n\n\t// @if CK_DEBUG_ENGINE // \tfor ( const child of this.getChildren() as any ) {\n\t// @if CK_DEBUG_ENGINE // \t\tstring += '\\n';\n\n\t// @if CK_DEBUG_ENGINE // \t\tif ( child.is( '$text' ) ) {\n\t// @if CK_DEBUG_ENGINE // \t\t\tconst textAttrs = stringifyMap( child._attrs );\n\n\t// @if CK_DEBUG_ENGINE // \t\t\tstring += '\\t'.repeat( 1 );\n\n\t// @if CK_DEBUG_ENGINE // \t\t\tif ( textAttrs !== '' ) {\n\t// @if CK_DEBUG_ENGINE // \t\t\t\tstring += `<$text${ textAttrs }>` + child.data + '</$text>';\n\t// @if CK_DEBUG_ENGINE // \t\t\t} else {\n\t// @if CK_DEBUG_ENGINE // \t\t\t\tstring += child.data;\n\t// @if CK_DEBUG_ENGINE // \t\t\t}\n\t// @if CK_DEBUG_ENGINE // \t\t} else {\n\t// @if CK_DEBUG_ENGINE // \t\t\tstring += child.printTree( 1 );\n\t// @if CK_DEBUG_ENGINE // \t\t}\n\t// @if CK_DEBUG_ENGINE // \t}\n\n\t// @if CK_DEBUG_ENGINE // \tstring += '\\n]';\n\n\t// @if CK_DEBUG_ENGINE // \treturn string;\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public logTree(): void {\n\t// @if CK_DEBUG_ENGINE // \tconsole.log( this.printTree() );\n\t// @if CK_DEBUG_ENGINE // }\n}\n\n// The magic of type inference using `is` method is centralized in `TypeCheckable` class.\n// Proper overload would interfere with that.\nModelDocumentFragment.prototype.is = function( type: string ): boolean {\n\treturn type === 'documentFragment' || type === 'model:documentFragment';\n};\n\n/**\n * Converts strings to Text and non-iterables to arrays.\n */\nfunction normalize( nodes: string | ModelItem | Iterable<string | ModelItem> ): Array<ModelNode> {\n\t// Separate condition because string is iterable.\n\tif ( typeof nodes == 'string' ) {\n\t\treturn [ new ModelText( nodes ) ];\n\t}\n\n\tif ( !isIterable( nodes ) ) {\n\t\tnodes = [ nodes ];\n\t}\n\n\t// Array.from to enable .map() on non-arrays.\n\treturn Array.from( nodes )\n\t\t.map( node => {\n\t\t\tif ( typeof node == 'string' ) {\n\t\t\t\treturn new ModelText( node );\n\t\t\t}\n\n\t\t\tif ( node instanceof ModelTextProxy ) {\n\t\t\t\treturn new ModelText( node.data, node.getAttributes() );\n\t\t\t}\n\n\t\t\treturn node;\n\t\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/writer\n */\n\nimport { AttributeOperation } from './operation/attributeoperation.js';\nimport { DetachOperation } from './operation/detachoperation.js';\nimport { InsertOperation } from './operation/insertoperation.js';\nimport { MarkerOperation } from './operation/markeroperation.js';\nimport { MergeOperation } from './operation/mergeoperation.js';\nimport { MoveOperation } from './operation/moveoperation.js';\nimport { RenameOperation } from './operation/renameoperation.js';\nimport { RootAttributeOperation } from './operation/rootattributeoperation.js';\nimport { RootOperation } from './operation/rootoperation.js';\nimport { SplitOperation } from './operation/splitoperation.js';\n\nimport { ModelDocumentFragment } from './documentfragment.js';\nimport { ModelDocumentSelection } from './documentselection.js';\nimport { ModelElement } from './element.js';\nimport { ModelPosition, type ModelPositionOffset, type ModelPositionStickiness } from './position.js';\nimport { ModelRange } from './range.js';\nimport { ModelRootElement } from './rootelement.js';\nimport { ModelText } from './text.js';\n\nimport type { Marker } from './markercollection.js';\nimport type { ModelSelection, ModelPlaceOrOffset, ModelSelectable } from './selection.js';\nimport { type Batch } from './batch.js';\nimport { type ModelItem } from './item.js';\nimport { type Model } from './model.js';\nimport type { ModelNode, ModelNodeAttributes } from './node.js';\n\nimport { CKEditorError, logWarning, toMap } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The model can only be modified by using the writer. It should be used whenever you want to create a node, modify\n * child nodes, attributes or text, set the selection's position and its attributes.\n *\n * The instance of the writer is only available in the {@link module:engine/model/model~Model#change `change()`} or\n * {@link module:engine/model/model~Model#enqueueChange `enqueueChange()`}.\n *\n * ```ts\n * model.change( writer => {\n * \twriter.insertText( 'foo', paragraph, 'end' );\n * } );\n * ```\n *\n * Note that the writer should never be stored and used outside of the `change()` and\n * `enqueueChange()` blocks.\n *\n * Note that writer's methods do not check the {@link module:engine/model/schema~ModelSchema}. It is possible\n * to create incorrect model structures by using the writer. Read more about in\n * {@glink framework/deep-dive/schema#who-checks-the-schema \"Who checks the schema?\"}.\n *\n * @see module:engine/model/model~Model#change\n * @see module:engine/model/model~Model#enqueueChange\n */\nexport class ModelWriter {\n\t/**\n\t * Instance of the model on which this writer operates.\n\t */\n\tpublic readonly model: Model;\n\n\t/**\n\t * The batch to which this writer will add changes.\n\t */\n\tpublic readonly batch: Batch;\n\n\t/**\n\t * Creates a writer instance.\n\t *\n\t * **Note:** It is not recommended to use it directly. Use {@link module:engine/model/model~Model#change `Model#change()`} or\n\t * {@link module:engine/model/model~Model#enqueueChange `Model#enqueueChange()`} instead.\n\t *\n\t * @internal\n\t */\n\tconstructor( model: Model, batch: Batch ) {\n\t\tthis.model = model;\n\t\tthis.batch = batch;\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/model/text~ModelText text node}.\n\t *\n\t * ```ts\n\t * writer.createText( 'foo' );\n\t * writer.createText( 'foo', { bold: true } );\n\t * ```\n\t *\n\t * @param data Text data.\n\t * @param attributes Text attributes.\n\t * @returns {module:engine/model/text~ModelText} Created text node.\n\t */\n\tpublic createText(\n\t\tdata: string,\n\t\tattributes?: ModelNodeAttributes\n\t): ModelText {\n\t\treturn new ModelText( data, attributes );\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/model/element~ModelElement element}.\n\t *\n\t * ```ts\n\t * writer.createElement( 'paragraph' );\n\t * writer.createElement( 'paragraph', { alignment: 'center' } );\n\t * ```\n\t *\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t * @returns Created element.\n\t */\n\tpublic createElement(\n\t\tname: string,\n\t\tattributes?: ModelNodeAttributes\n\t): ModelElement {\n\t\treturn new ModelElement( name, attributes );\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/model/documentfragment~ModelDocumentFragment document fragment}.\n\t *\n\t * @returns Created document fragment.\n\t */\n\tpublic createDocumentFragment(): ModelDocumentFragment {\n\t\treturn new ModelDocumentFragment();\n\t}\n\n\t/**\n\t * Creates a copy of the element and returns it. Created element has the same name and attributes as the original element.\n\t * If clone is deep, the original element's children are also cloned. If not, then empty element is returned.\n\t *\n\t * @param element The element to clone.\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any child.\n\t */\n\tpublic cloneElement( element: ModelElement, deep: boolean = true ): ModelElement {\n\t\treturn element._clone( deep );\n\t}\n\n\t/**\n\t * Inserts item on given position.\n\t *\n\t * ```ts\n\t * const paragraph = writer.createElement( 'paragraph' );\n\t * writer.insert( paragraph, position );\n\t * ```\n\t *\n\t * Instead of using position you can use parent and offset:\n\t *\n\t * ```ts\n\t * const text = writer.createText( 'foo' );\n\t * writer.insert( text, paragraph, 5 );\n\t * ```\n\t *\n\t * You can also use `end` instead of the offset to insert at the end:\n\t *\n\t * ```ts\n\t * const text = writer.createText( 'foo' );\n\t * writer.insert( text, paragraph, 'end' );\n\t * ```\n\t *\n\t * Or insert before or after another element:\n\t *\n\t * ```ts\n\t * const paragraph = writer.createElement( 'paragraph' );\n\t * writer.insert( paragraph, anotherParagraph, 'after' );\n\t * ```\n\t *\n\t * These parameters works the same way as {@link #createPositionAt `writer.createPositionAt()`}.\n\t *\n\t * Note that if the item already has parent it will be removed from the previous parent.\n\t *\n\t * Note that you cannot re-insert a node from a document to a different document or a document fragment. In this case,\n\t * `model-writer-insert-forbidden-move` is thrown.\n\t *\n\t * If you want to move {@link module:engine/model/range~ModelRange range} instead of an\n\t * {@link module:engine/model/item~ModelItem item} use {@link module:engine/model/writer~ModelWriter#move `Writer#move()`}.\n\t *\n\t * **Note:** For a paste-like content insertion mechanism see\n\t * {@link module:engine/model/model~Model#insertContent `model.insertContent()`}.\n\t *\n\t * @param item Item or document fragment to insert.\n\t * @param offset Offset or one of the flags. Used only when second parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic insert(\n\t\titem: ModelItem | ModelDocumentFragment,\n\t\titemOrPosition: ModelItem | ModelDocumentFragment | ModelPosition,\n\t\toffset: ModelPositionOffset = 0\n\t): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( item instanceof ModelText && item.data == '' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst position = ModelPosition._createAt( itemOrPosition, offset );\n\n\t\t// If item has a parent already.\n\t\tif ( item.parent ) {\n\t\t\t// We need to check if item is going to be inserted within the same document.\n\t\t\tif ( isSameTree( item.root, position.root ) ) {\n\t\t\t\t// If it's we just need to move it.\n\t\t\t\tthis.move( ModelRange._createOn( item ), position );\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// If it isn't the same root.\n\t\t\telse {\n\t\t\t\tif ( item.root.document ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * Cannot move a node from a document to a different tree.\n\t\t\t\t\t * It is forbidden to move a node that was already in a document outside of it.\n\t\t\t\t\t *\n\t\t\t\t\t * @error model-writer-insert-forbidden-move\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t\t'model-writer-insert-forbidden-move',\n\t\t\t\t\t\tthis\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\t// Move between two different document fragments or from document fragment to a document is possible.\n\t\t\t\t\t// In that case, remove the item from it's original parent.\n\t\t\t\t\tthis.remove( item );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst version = position.root.document ? position.root.document.version : null;\n\n\t\tconst children = item instanceof ModelDocumentFragment ?\n\t\t\titem._removeChildren( 0, item.childCount ) :\n\t\t\titem;\n\n\t\tconst insert = new InsertOperation( position, children, version );\n\n\t\tif ( item instanceof ModelText ) {\n\t\t\tinsert.shouldReceiveAttributes = true;\n\t\t}\n\n\t\tthis.batch.addOperation( insert );\n\t\tthis.model.applyOperation( insert );\n\n\t\t// When element is a ModelDocumentFragment we need to move its markers to Document#markers.\n\t\tif ( item instanceof ModelDocumentFragment ) {\n\t\t\tfor ( const [ markerName, markerRange ] of item.markers ) {\n\t\t\t\t// We need to migrate marker range from ModelDocumentFragment to Document.\n\t\t\t\tconst rangeRootPosition = ModelPosition._createAt( markerRange.root, 0 );\n\t\t\t\tconst range = new ModelRange(\n\t\t\t\t\tmarkerRange.start._getCombined( rangeRootPosition, position ),\n\t\t\t\t\tmarkerRange.end._getCombined( rangeRootPosition, position )\n\t\t\t\t);\n\n\t\t\t\tconst options = { range, usingOperation: true, affectsData: true };\n\n\t\t\t\tif ( this.model.markers.has( markerName ) ) {\n\t\t\t\t\tthis.updateMarker( markerName, options );\n\t\t\t\t} else {\n\t\t\t\t\tthis.addMarker( markerName, options );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Creates and inserts text on given position.\n\t *\n\t * ```ts\n\t * writer.insertText( 'foo', position );\n\t * ```\n\t *\n\t * Instead of using position you can use parent and offset or define that text should be inserted at the end\n\t * or before or after other node:\n\t *\n\t * ```ts\n\t * // Inserts 'foo' in paragraph, at offset 5:\n\t * writer.insertText( 'foo', paragraph, 5 );\n\t * // Inserts 'foo' at the end of a paragraph:\n\t * writer.insertText( 'foo', paragraph, 'end' );\n\t * // Inserts 'foo' after an image:\n\t * writer.insertText( 'foo', image, 'after' );\n\t * ```\n\t *\n\t * These parameters work in the same way as {@link #createPositionAt `writer.createPositionAt()`}.\n\t *\n\t * @label WITHOUT_ATTRIBUTES\n\t * @param text Text data.\n\t * @param offset Offset or one of the flags. Used only when second parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic insertText(\n\t\ttext: string,\n\t\titemOrPosition?: ModelItem | ModelPosition,\n\t\toffset?: ModelPositionOffset\n\t): void;\n\n\t/**\n\t * Creates and inserts text with specified attributes on given position.\n\t *\n\t * ```ts\n\t * writer.insertText( 'foo', { bold: true }, position );\n\t * ```\n\t *\n\t * Instead of using position you can use parent and offset or define that text should be inserted at the end\n\t * or before or after other node:\n\t *\n\t * ```ts\n\t * // Inserts 'foo' in paragraph, at offset 5:\n\t * writer.insertText( 'foo', { bold: true }, paragraph, 5 );\n\t * // Inserts 'foo' at the end of a paragraph:\n\t * writer.insertText( 'foo', { bold: true }, paragraph, 'end' );\n\t * // Inserts 'foo' after an image:\n\t * writer.insertText( 'foo', { bold: true }, image, 'after' );\n\t * ```\n\t *\n\t * These parameters work in the same way as {@link #createPositionAt `writer.createPositionAt()`}.\n\t *\n\t * @label WITH_ATTRIBUTES\n\t * @param text Text data.\n\t * @param attributes Text attributes.\n\t * @param offset Offset or one of the flags. Used only when third parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic insertText(\n\t\ttext: string,\n\t\tattributes?: ModelNodeAttributes,\n\t\titemOrPosition?: ModelItem | ModelPosition,\n\t\toffset?: ModelPositionOffset\n\t): void;\n\n\tpublic insertText(\n\t\ttext: string,\n\t\tattributes?: any, // Too complicated when not using `any`.\n\t\titemOrPosition?: any, // Too complicated when not using `any`.\n\t\toffset?: any // Too complicated when not using `any`.\n\t): void {\n\t\tif ( attributes instanceof ModelDocumentFragment || attributes instanceof ModelElement || attributes instanceof ModelPosition ) {\n\t\t\tthis.insert( this.createText( text ), attributes, itemOrPosition );\n\t\t} else {\n\t\t\tthis.insert( this.createText( text, attributes ), itemOrPosition, offset );\n\t\t}\n\t}\n\n\t/**\n\t * Creates and inserts element on given position. You can optionally set attributes:\n\t *\n\t * ```ts\n\t * writer.insertElement( 'paragraph', position );\n\t * ```\n\t *\n\t * Instead of using position you can use parent and offset or define that text should be inserted at the end\n\t * or before or after other node:\n\t *\n\t * ```ts\n\t * // Inserts paragraph in the root at offset 5:\n\t * writer.insertElement( 'paragraph', root, 5 );\n\t * // Inserts paragraph at the end of a blockquote:\n\t * writer.insertElement( 'paragraph', blockquote, 'end' );\n\t * // Inserts after an image:\n\t * writer.insertElement( 'paragraph', image, 'after' );\n\t * ```\n\t *\n\t * These parameters works the same way as {@link #createPositionAt `writer.createPositionAt()`}.\n\t *\n\t * @label WITHOUT_ATTRIBUTES\n\t * @param name Name of the element.\n\t * @param offset Offset or one of the flags. Used only when second parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic insertElement(\n\t\tname: string,\n\t\titemOrPosition: ModelItem | ModelDocumentFragment | ModelPosition,\n\t\toffset?: ModelPositionOffset\n\t): void;\n\n\t/**\n\t * Creates and inserts element with specified attributes on given position.\n\t *\n\t * ```ts\n\t * writer.insertElement( 'paragraph', { alignment: 'center' }, position );\n\t * ```\n\t *\n\t * Instead of using position you can use parent and offset or define that text should be inserted at the end\n\t * or before or after other node:\n\t *\n\t * ```ts\n\t * // Inserts paragraph in the root at offset 5:\n\t * writer.insertElement( 'paragraph', { alignment: 'center' }, root, 5 );\n\t * // Inserts paragraph at the end of a blockquote:\n\t * writer.insertElement( 'paragraph', { alignment: 'center' }, blockquote, 'end' );\n\t * // Inserts after an image:\n\t * writer.insertElement( 'paragraph', { alignment: 'center' }, image, 'after' );\n\t * ```\n\t *\n\t * These parameters works the same way as {@link #createPositionAt `writer.createPositionAt()`}.\n\t *\n\t * @label WITH_ATTRIBUTES\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t * @param offset Offset or one of the flags. Used only when third parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic insertElement(\n\t\tname: string,\n\t\tattributes: ModelNodeAttributes,\n\t\titemOrPosition: ModelItem | ModelDocumentFragment | ModelPosition,\n\t\toffset?: ModelPositionOffset\n\t): void;\n\n\tpublic insertElement(\n\t\tname: string,\n\t\tattributes: any, // Too complicated when not using `any`.\n\t\titemOrPositionOrOffset?: any, // Too complicated when not using `any`.\n\t\toffset?: any // Too complicated when not using `any`.\n\t): void {\n\t\tif ( attributes instanceof ModelDocumentFragment || attributes instanceof ModelElement || attributes instanceof ModelPosition ) {\n\t\t\tthis.insert( this.createElement( name ), attributes, itemOrPositionOrOffset );\n\t\t} else {\n\t\t\tthis.insert( this.createElement( name, attributes ), itemOrPositionOrOffset, offset );\n\t\t}\n\t}\n\n\t/**\n\t * Inserts item at the end of the given parent.\n\t *\n\t * ```ts\n\t * const paragraph = writer.createElement( 'paragraph' );\n\t * writer.append( paragraph, root );\n\t * ```\n\t *\n\t * Note that if the item already has parent it will be removed from the previous parent.\n\t *\n\t * If you want to move {@link module:engine/model/range~ModelRange range} instead of an\n\t * {@link module:engine/model/item~ModelItem item} use {@link module:engine/model/writer~ModelWriter#move `Writer#move()`}.\n\t *\n\t * @param item Item or document fragment to insert.\n\t */\n\tpublic append( item: ModelItem | ModelDocumentFragment, parent: ModelElement | ModelDocumentFragment ): void {\n\t\tthis.insert( item, parent, 'end' );\n\t}\n\n\t/**\n\t * Creates text node and inserts it at the end of the parent.\n\t *\n\t * ```ts\n\t * writer.appendText( 'foo', paragraph );\n\t * ```\n\t *\n\t * @label WITHOUT_ATTRIBUTES\n\t * @param text Text data.\n\t */\n\tpublic appendText(\n\t\ttext: string,\n\t\tparent: ModelElement | ModelDocumentFragment\n\t): void;\n\n\t/**\n\t * Creates text node with specified attributes and inserts it at the end of the parent.\n\t *\n\t * ```ts\n\t * writer.appendText( 'foo', { bold: true }, paragraph );\n\t * ```\n\t *\n\t * @label WITH_ATTRIBUTES\n\t * @param text Text data.\n\t * @param attributes Text attributes.\n\t */\n\tpublic appendText(\n\t\ttext: string,\n\t\tattributes: ModelNodeAttributes,\n\t\tparent: ModelElement | ModelDocumentFragment\n\t): void;\n\n\tpublic appendText(\n\t\ttext: string,\n\t\tattributes: ModelNodeAttributes | ModelElement | ModelDocumentFragment,\n\t\tparent?: ModelElement | ModelDocumentFragment\n\t): void {\n\t\tif ( attributes instanceof ModelDocumentFragment || attributes instanceof ModelElement ) {\n\t\t\tthis.insert( this.createText( text ), attributes, 'end' );\n\t\t} else {\n\t\t\tthis.insert( this.createText( text, attributes ), parent!, 'end' );\n\t\t}\n\t}\n\n\t/**\n\t * Creates element and inserts it at the end of the parent.\n\t *\n\t * ```ts\n\t * writer.appendElement( 'paragraph', root );\n\t * ```\n\t *\n\t * @label WITHOUT_ATTRIBUTES\n\t * @param name Name of the element.\n\t */\n\tpublic appendElement(\n\t\tname: string,\n\t\tparent: ModelElement | ModelDocumentFragment\n\t): void;\n\n\t/**\n\t * Creates element with specified attributes and inserts it at the end of the parent.\n\t *\n\t * ```ts\n\t * writer.appendElement( 'paragraph', { alignment: 'center' }, root );\n\t * ```\n\t *\n\t * @label WITH_ATTRIBUTES\n\t * @param name Name of the element.\n\t * @param attributes Elements attributes.\n\t */\n\tpublic appendElement(\n\t\tname: string,\n\t\tattributes: ModelNodeAttributes,\n\t\tparent: ModelElement | ModelDocumentFragment\n\t): void;\n\n\tpublic appendElement(\n\t\tname: string,\n\t\tattributes: ModelNodeAttributes | ModelElement | ModelDocumentFragment,\n\t\tparent?: ModelElement | ModelDocumentFragment\n\t): void {\n\t\tif ( attributes instanceof ModelDocumentFragment || attributes instanceof ModelElement ) {\n\t\t\tthis.insert( this.createElement( name ), attributes, 'end' );\n\t\t} else {\n\t\t\tthis.insert( this.createElement( name, attributes ), parent!, 'end' );\n\t\t}\n\t}\n\n\t/**\n\t * Sets value of the attribute with given key on a {@link module:engine/model/item~ModelItem model item}\n\t * or on a {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * @param key Attribute key.\n\t * @param value Attribute new value.\n\t * @param itemOrRange Model item or range on which the attribute will be set.\n\t */\n\tpublic setAttribute( key: string, value: unknown, itemOrRange: ModelItem | ModelRange ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( itemOrRange instanceof ModelRange ) {\n\t\t\tconst ranges = itemOrRange.getMinimalFlatRanges();\n\n\t\t\tfor ( const range of ranges ) {\n\t\t\t\tsetAttributeOnRange( this, key, value, range );\n\t\t\t}\n\t\t} else {\n\t\t\tsetAttributeOnItem( this, key, value, itemOrRange );\n\t\t}\n\t}\n\n\t/**\n\t * Sets values of attributes on a {@link module:engine/model/item~ModelItem model item}\n\t * or on a {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * ```ts\n\t * writer.setAttributes( {\n\t * \tbold: true,\n\t * \titalic: true\n\t * }, range );\n\t * ```\n\t *\n\t * @param attributes Attributes keys and values.\n\t * @param itemOrRange Model item or range on which the attributes will be set.\n\t */\n\tpublic setAttributes(\n\t\tattributes: ModelNodeAttributes,\n\t\titemOrRange: ModelItem | ModelRange\n\t): void {\n\t\tfor ( const [ key, val ] of toMap( attributes ) ) {\n\t\t\tthis.setAttribute( key, val, itemOrRange );\n\t\t}\n\t}\n\n\t/**\n\t * Removes an attribute with given key from a {@link module:engine/model/item~ModelItem model item}\n\t * or from a {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * @param key Attribute key.\n\t * @param itemOrRange Model item or range from which the attribute will be removed.\n\t */\n\tpublic removeAttribute( key: string, itemOrRange: ModelItem | ModelRange ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( itemOrRange instanceof ModelRange ) {\n\t\t\tconst ranges = itemOrRange.getMinimalFlatRanges();\n\n\t\t\tfor ( const range of ranges ) {\n\t\t\t\tsetAttributeOnRange( this, key, null, range );\n\t\t\t}\n\t\t} else {\n\t\t\tsetAttributeOnItem( this, key, null, itemOrRange );\n\t\t}\n\t}\n\n\t/**\n\t * Removes all attributes from all elements in the range or from the given item.\n\t *\n\t * @param itemOrRange Model item or range from which all attributes will be removed.\n\t */\n\tpublic clearAttributes( itemOrRange: ModelItem | ModelRange ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tconst removeAttributesFromItem = ( item: ModelItem ) => {\n\t\t\tfor ( const attribute of item.getAttributeKeys() ) {\n\t\t\t\tthis.removeAttribute( attribute, item );\n\t\t\t}\n\t\t};\n\n\t\tif ( !( itemOrRange instanceof ModelRange ) ) {\n\t\t\tremoveAttributesFromItem( itemOrRange );\n\t\t} else {\n\t\t\tfor ( const item of itemOrRange.getItems() ) {\n\t\t\t\tremoveAttributesFromItem( item );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Moves all items in the source range to the target position.\n\t *\n\t * ```ts\n\t * writer.move( sourceRange, targetPosition );\n\t * ```\n\t *\n\t * Instead of the target position you can use parent and offset or define that range should be moved to the end\n\t * or before or after chosen item:\n\t *\n\t * ```ts\n\t * // Moves all items in the range to the paragraph at offset 5:\n\t * writer.move( sourceRange, paragraph, 5 );\n\t * // Moves all items in the range to the end of a blockquote:\n\t * writer.move( sourceRange, blockquote, 'end' );\n\t * // Moves all items in the range to a position after an image:\n\t * writer.move( sourceRange, image, 'after' );\n\t * ```\n\t *\n\t * These parameters work the same way as {@link #createPositionAt `writer.createPositionAt()`}.\n\t *\n\t * Note that items can be moved only within the same tree. It means that you can move items within the same root\n\t * (element or document fragment) or between {@link module:engine/model/document~ModelDocument#roots documents roots},\n\t * but you cannot move items from document fragment to the document or from one detached element to another. Use\n\t * {@link module:engine/model/writer~ModelWriter#insert} in such cases.\n\t *\n\t * @param range Source range.\n\t * @param offset Offset or one of the flags. Used only when second parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic move(\n\t\trange: ModelRange,\n\t\titemOrPosition: ModelItem | ModelPosition,\n\t\toffset?: ModelPositionOffset\n\t): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( !( range instanceof ModelRange ) ) {\n\t\t\t/**\n\t\t\t * Invalid range to move.\n\t\t\t *\n\t\t\t * @error writer-move-invalid-range\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-move-invalid-range', this );\n\t\t}\n\n\t\tif ( !range.isFlat ) {\n\t\t\t/**\n\t\t\t * Range to move is not flat.\n\t\t\t *\n\t\t\t * @error writer-move-range-not-flat\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-move-range-not-flat', this );\n\t\t}\n\n\t\tconst position = ModelPosition._createAt( itemOrPosition, offset );\n\n\t\t// Do not move anything if the move target is same as moved range start.\n\t\tif ( position.isEqual( range.start ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If part of the marker is removed, create additional marker operation for undo purposes.\n\t\tthis._addOperationForAffectedMarkers( 'move', range );\n\n\t\tif ( !isSameTree( range.root, position.root ) ) {\n\t\t\t/**\n\t\t\t * Range is going to be moved within not the same document. Please use\n\t\t\t * {@link module:engine/model/writer~ModelWriter#insert insert} instead.\n\t\t\t *\n\t\t\t * @error writer-move-different-document\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-move-different-document', this );\n\t\t}\n\n\t\tconst version = range.root.document ? range.root.document.version : null;\n\t\tconst operation = new MoveOperation( range.start, range.end.offset - range.start.offset, position, version );\n\n\t\tthis.batch.addOperation( operation );\n\t\tthis.model.applyOperation( operation );\n\t}\n\n\t/**\n\t * Removes given model {@link module:engine/model/item~ModelItem item} or {@link module:engine/model/range~ModelRange range}.\n\t *\n\t * @param itemOrRange Model item or range to remove.\n\t */\n\tpublic remove( itemOrRange: ModelItem | ModelRange ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tconst rangeToRemove = itemOrRange instanceof ModelRange ? itemOrRange : ModelRange._createOn( itemOrRange );\n\t\tconst ranges = rangeToRemove.getMinimalFlatRanges().reverse();\n\n\t\tfor ( const flat of ranges ) {\n\t\t\t// If part of the marker is removed, create additional marker operation for undo purposes.\n\t\t\tthis._addOperationForAffectedMarkers( 'move', flat );\n\n\t\t\tapplyRemoveOperation( flat.start, flat.end.offset - flat.start.offset, this.batch, this.model );\n\t\t}\n\t}\n\n\t/**\n\t * Merges two siblings at the given position.\n\t *\n\t * Node before and after the position have to be an element. Otherwise `writer-merge-no-element-before` or\n\t * `writer-merge-no-element-after` error will be thrown.\n\t *\n\t * @param position Position between merged elements.\n\t */\n\tpublic merge( position: ModelPosition ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tconst nodeBefore = position.nodeBefore;\n\t\tconst nodeAfter = position.nodeAfter;\n\n\t\t// If part of the marker is removed, create additional marker operation for undo purposes.\n\t\tthis._addOperationForAffectedMarkers( 'merge', position );\n\n\t\tif ( !( nodeBefore instanceof ModelElement ) ) {\n\t\t\t/**\n\t\t\t * Node before merge position must be an element.\n\t\t\t *\n\t\t\t * @error writer-merge-no-element-before\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-merge-no-element-before', this );\n\t\t}\n\n\t\tif ( !( nodeAfter instanceof ModelElement ) ) {\n\t\t\t/**\n\t\t\t * Node after merge position must be an element.\n\t\t\t *\n\t\t\t * @error writer-merge-no-element-after\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-merge-no-element-after', this );\n\t\t}\n\n\t\tif ( !position.root.document ) {\n\t\t\tthis._mergeDetached( position );\n\t\t} else {\n\t\t\tthis._merge( position );\n\t\t}\n\t}\n\n\t/**\n\t * Shortcut for {@link module:engine/model/model~Model#createPositionFromPath `Model#createPositionFromPath()`}.\n\t *\n\t * @param root Root of the position.\n\t * @param path Position path. See {@link module:engine/model/position~ModelPosition#path}.\n\t * @param stickiness Position stickiness. See {@link module:engine/model/position~ModelPositionStickiness}.\n\t */\n\tpublic createPositionFromPath(\n\t\troot: ModelElement | ModelDocumentFragment,\n\t\tpath: ReadonlyArray<number>,\n\t\tstickiness?: ModelPositionStickiness\n\t): ModelPosition {\n\t\treturn this.model.createPositionFromPath( root, path, stickiness );\n\t}\n\n\t/**\n\t * Shortcut for {@link module:engine/model/model~Model#createPositionAt `Model#createPositionAt()`}.\n\t *\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic createPositionAt(\n\t\titemOrPosition: ModelItem | ModelPosition | ModelDocumentFragment,\n\t\toffset?: ModelPositionOffset\n\t): ModelPosition {\n\t\treturn this.model.createPositionAt( itemOrPosition, offset );\n\t}\n\n\t/**\n\t * Shortcut for {@link module:engine/model/model~Model#createPositionAfter `Model#createPositionAfter()`}.\n\t *\n\t * @param item Item after which the position should be placed.\n\t */\n\tpublic createPositionAfter( item: ModelItem ): ModelPosition {\n\t\treturn this.model.createPositionAfter( item );\n\t}\n\n\t/**\n\t * Shortcut for {@link module:engine/model/model~Model#createPositionBefore `Model#createPositionBefore()`}.\n\t *\n\t * @param item Item after which the position should be placed.\n\t */\n\tpublic createPositionBefore( item: ModelItem ): ModelPosition {\n\t\treturn this.model.createPositionBefore( item );\n\t}\n\n\t/**\n\t * Shortcut for {@link module:engine/model/model~Model#createRange `Model#createRange()`}.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at `start` position.\n\t */\n\tpublic createRange( start: ModelPosition, end?: ModelPosition ): ModelRange {\n\t\treturn this.model.createRange( start, end );\n\t}\n\n\t/**\n\t * Shortcut for {@link module:engine/model/model~Model#createRangeIn `Model#createRangeIn()`}.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */\n\tpublic createRangeIn( element: ModelElement | ModelDocumentFragment ): ModelRange {\n\t\treturn this.model.createRangeIn( element );\n\t}\n\n\t/**\n\t * Shortcut for {@link module:engine/model/model~Model#createRangeOn `Model#createRangeOn()`}.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */\n\tpublic createRangeOn( element: ModelItem ): ModelRange {\n\t\treturn this.model.createRangeOn( element );\n\t}\n\n\t/**\n\t * Shortcut for {@link module:engine/model/model~Model#createSelection:NODE_OFFSET `Model#createSelection()`}.\n\t *\n\t * @label NODE_OFFSET\n\t */\n\tpublic createSelection( selectable: ModelNode, placeOrOffset: ModelPlaceOrOffset, options?: { backward?: boolean } ): ModelSelection;\n\n\t/**\n\t * Shortcut for {@link module:engine/model/model~Model#createSelection:SELECTABLE `Model#createSelection()`}.\n\t *\n\t * @label SELECTABLE\n\t */\n\tpublic createSelection( selectable?: Exclude<ModelSelectable, ModelNode>, options?: { backward?: boolean } ): ModelSelection;\n\n\tpublic createSelection( ...args: [ any?, any?, any? ] ): ModelSelection {\n\t\treturn this.model.createSelection( ...args );\n\t}\n\n\t/**\n\t * Performs merge action in a detached tree.\n\t *\n\t * @param position Position between merged elements.\n\t */\n\tprivate _mergeDetached( position: ModelPosition ): void {\n\t\tconst nodeBefore = position.nodeBefore;\n\t\tconst nodeAfter = position.nodeAfter;\n\n\t\tthis.move( ModelRange._createIn( nodeAfter as any ), ModelPosition._createAt( nodeBefore!, 'end' ) );\n\t\tthis.remove( nodeAfter! );\n\t}\n\n\t/**\n\t * Performs merge action in a non-detached tree.\n\t *\n\t * @param position Position between merged elements.\n\t */\n\tprivate _merge( position: ModelPosition ): void {\n\t\tconst targetPosition = ModelPosition._createAt( position.nodeBefore!, 'end' );\n\t\tconst sourcePosition = ModelPosition._createAt( position.nodeAfter!, 0 );\n\n\t\tconst graveyard = position.root.document!.graveyard;\n\t\tconst graveyardPosition = new ModelPosition( graveyard, [ 0 ] );\n\n\t\tconst version = position.root.document!.version;\n\n\t\tconst merge = new MergeOperation(\n\t\t\tsourcePosition,\n\t\t\t( position.nodeAfter as any ).maxOffset,\n\t\t\ttargetPosition,\n\t\t\tgraveyardPosition,\n\t\t\tversion\n\t\t);\n\n\t\tthis.batch.addOperation( merge );\n\t\tthis.model.applyOperation( merge );\n\t}\n\n\t/**\n\t * Renames the given element.\n\t *\n\t * @param element The element to rename.\n\t * @param newName New element name.\n\t */\n\tpublic rename( element: ModelElement | ModelDocumentFragment, newName: string ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( !( element instanceof ModelElement ) ) {\n\t\t\t/**\n\t\t\t * Trying to rename an object which is not an instance of Element.\n\t\t\t *\n\t\t\t * @error writer-rename-not-element-instance\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'writer-rename-not-element-instance',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\tconst version = element.root.document ? element.root.document.version : null;\n\t\tconst renameOperation = new RenameOperation( ModelPosition._createBefore( element ), element.name, newName, version );\n\n\t\tthis.batch.addOperation( renameOperation );\n\t\tthis.model.applyOperation( renameOperation );\n\t}\n\n\t/**\n\t * Splits elements starting from the given position and going to the top of the model tree as long as given\n\t * `limitElement` is reached. When `limitElement` is not defined then only the parent of the given position will be split.\n\t *\n\t * The element needs to have a parent. It cannot be a root element nor a document fragment.\n\t * The `writer-split-element-no-parent` error will be thrown if you try to split an element with no parent.\n\t *\n\t * @param position Position of split.\n\t * @param limitElement Stop splitting when this element will be reached.\n\t * @returns Split result with properties:\n\t * * `position` - Position between split elements.\n\t * * `range` - Range that stars from the end of the first split element and ends at the beginning of the first copy element.\n\t */\n\tpublic split(\n\t\tposition: ModelPosition,\n\t\tlimitElement?: ModelNode | ModelDocumentFragment\n\t): { position: ModelPosition; range: ModelRange } {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tlet splitElement = position.parent;\n\n\t\tif ( !splitElement.parent ) {\n\t\t\t/**\n\t\t\t * Element with no parent cannot be split.\n\t\t\t *\n\t\t\t * @error writer-split-element-no-parent\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-split-element-no-parent', this );\n\t\t}\n\n\t\t// When limit element is not defined lets set splitElement parent as limit.\n\t\tif ( !limitElement ) {\n\t\t\tlimitElement = splitElement.parent;\n\t\t}\n\n\t\tif ( !position.parent.getAncestors( { includeSelf: true } ).includes( limitElement! ) ) {\n\t\t\t/**\n\t\t\t * Limit element is not a position ancestor.\n\t\t\t *\n\t\t\t * @error writer-split-invalid-limit-element\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-split-invalid-limit-element', this );\n\t\t}\n\n\t\t// We need to cache elements that will be created as a result of the first split because\n\t\t// we need to create a range from the end of the first split element to the beginning of the\n\t\t// first copy element. This should be handled by ModelLiveRange but it doesn't work on detached nodes.\n\t\tlet firstSplitElement: ModelElement | ModelDocumentFragment | undefined;\n\t\tlet firstCopyElement: ModelNode | null | undefined;\n\n\t\tdo {\n\t\t\tconst version = splitElement.root.document ? splitElement.root.document.version : null;\n\t\t\tconst howMany = splitElement.maxOffset - position.offset;\n\n\t\t\tconst insertionPosition = SplitOperation.getInsertionPosition( position );\n\t\t\tconst split = new SplitOperation( position, howMany, insertionPosition, null, version );\n\n\t\t\tthis.batch.addOperation( split );\n\t\t\tthis.model.applyOperation( split );\n\n\t\t\t// Cache result of the first split.\n\t\t\tif ( !firstSplitElement && !firstCopyElement ) {\n\t\t\t\tfirstSplitElement = splitElement;\n\t\t\t\tfirstCopyElement = position.parent.nextSibling;\n\t\t\t}\n\n\t\t\tposition = this.createPositionAfter( position.parent as any );\n\t\t\tsplitElement = position.parent;\n\t\t} while ( splitElement !== limitElement );\n\n\t\treturn {\n\t\t\tposition,\n\t\t\trange: new ModelRange( ModelPosition._createAt( firstSplitElement!, 'end' ), ModelPosition._createAt( firstCopyElement!, 0 ) )\n\t\t};\n\t}\n\n\t/**\n\t * Wraps the given range with the given element or with a new element (if a string was passed).\n\t *\n\t * **Note:** range to wrap should be a \"flat range\" (see {@link module:engine/model/range~ModelRange#isFlat `Range#isFlat`}).\n\t * If not, an error will be thrown.\n\t *\n\t * @param range Range to wrap.\n\t * @param elementOrString Element or name of element to wrap the range with.\n\t */\n\tpublic wrap( range: ModelRange, elementOrString: ModelElement | string ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( !range.isFlat ) {\n\t\t\t/**\n\t\t\t * Range to wrap is not flat.\n\t\t\t *\n\t\t\t * @error writer-wrap-range-not-flat\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-wrap-range-not-flat', this );\n\t\t}\n\n\t\tconst element = elementOrString instanceof ModelElement ? elementOrString : new ModelElement( elementOrString );\n\n\t\tif ( element.childCount > 0 ) {\n\t\t\t/**\n\t\t\t * Element to wrap with is not empty.\n\t\t\t *\n\t\t\t * @error writer-wrap-element-not-empty\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-wrap-element-not-empty', this );\n\t\t}\n\n\t\tif ( element.parent !== null ) {\n\t\t\t/**\n\t\t\t * Element to wrap with is already attached to a tree model.\n\t\t\t *\n\t\t\t * @error writer-wrap-element-attached\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-wrap-element-attached', this );\n\t\t}\n\n\t\tthis.insert( element, range.start );\n\n\t\t// Shift the range-to-wrap because we just inserted an element before that range.\n\t\tconst shiftedRange = new ModelRange( range.start.getShiftedBy( 1 ), range.end.getShiftedBy( 1 ) );\n\n\t\tthis.move( shiftedRange, ModelPosition._createAt( element, 0 ) );\n\t}\n\n\t/**\n\t * Unwraps children of the given element – all its children are moved before it and then the element is removed.\n\t * Throws error if you try to unwrap an element which does not have a parent.\n\t *\n\t * @param element Element to unwrap.\n\t */\n\tpublic unwrap( element: ModelElement ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( element.parent === null ) {\n\t\t\t/**\n\t\t\t * Trying to unwrap an element which has no parent.\n\t\t\t *\n\t\t\t * @error writer-unwrap-element-no-parent\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-unwrap-element-no-parent', this );\n\t\t}\n\n\t\tthis.move( ModelRange._createIn( element ), this.createPositionAfter( element ) );\n\t\tthis.remove( element );\n\t}\n\n\t/**\n\t * Adds a {@link module:engine/model/markercollection~Marker marker}. Marker is a named range, which tracks\n\t * changes in the document and updates its range automatically, when model tree changes.\n\t *\n\t * As the first parameter you can set marker name.\n\t *\n\t * The required `options.usingOperation` parameter lets you decide if the marker should be managed by operations or not. See\n\t * {@link module:engine/model/markercollection~Marker marker class description} to learn about the difference between\n\t * markers managed by operations and not-managed by operations.\n\t *\n\t * The `options.affectsData` parameter, which defaults to `false`, allows you to define if a marker affects the data. It should be\n\t * `true` when the marker change changes the data returned by the\n\t * {@link module:core/editor/editor~Editor#getData `editor.getData()`} method.\n\t * When set to `true` it fires the {@link module:engine/model/document~ModelDocument#event:change:data `change:data`} event.\n\t * When set to `false` it fires the {@link module:engine/model/document~ModelDocument#event:change `change`} event.\n\t *\n\t * Create marker directly base on marker's name:\n\t *\n\t * ```ts\n\t * addMarker( markerName, { range, usingOperation: false } );\n\t * ```\n\t *\n\t * Create marker using operation:\n\t *\n\t * ```ts\n\t * addMarker( markerName, { range, usingOperation: true } );\n\t * ```\n\t *\n\t * Create marker that affects the editor data:\n\t *\n\t * ```ts\n\t * addMarker( markerName, { range, usingOperation: false, affectsData: true } );\n\t * ```\n\t *\n\t * Note: For efficiency reasons, it's best to create and keep as little markers as possible.\n\t *\n\t * @see module:engine/model/markercollection~Marker\n\t * @param name Name of a marker to create - must be unique.\n\t * @param options.usingOperation Flag indicating that the marker should be added by MarkerOperation.\n\t * See {@link module:engine/model/markercollection~Marker#managedUsingOperations}.\n\t * @param options.range Marker range.\n\t * @param options.affectsData Flag indicating that the marker changes the editor data.\n\t * @returns Marker that was set.\n\t */\n\tpublic addMarker(\n\t\tname: string,\n\t\toptions: {\n\t\t\tusingOperation: boolean;\n\t\t\taffectsData?: boolean;\n\t\t\trange: ModelRange;\n\t\t}\n\t): Marker {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( !options || typeof options.usingOperation != 'boolean' ) {\n\t\t\t/**\n\t\t\t * The `options.usingOperation` parameter is required when adding a new marker.\n\t\t\t *\n\t\t\t * @error writer-addmarker-no-usingoperation\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-addmarker-no-usingoperation', this );\n\t\t}\n\n\t\tconst usingOperation = options.usingOperation;\n\t\tconst range = options.range;\n\t\tconst affectsData = options.affectsData === undefined ? false : options.affectsData;\n\n\t\tif ( this.model.markers.has( name ) ) {\n\t\t\t/**\n\t\t\t * Marker with provided name already exists.\n\t\t\t *\n\t\t\t * @error writer-addmarker-marker-exists\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-addmarker-marker-exists', this );\n\t\t}\n\n\t\tif ( !range ) {\n\t\t\t/**\n\t\t\t * Range parameter is required when adding a new marker.\n\t\t\t *\n\t\t\t * @error writer-addmarker-no-range\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-addmarker-no-range', this );\n\t\t}\n\n\t\tif ( !usingOperation ) {\n\t\t\treturn this.model.markers._set( name, range, usingOperation, affectsData );\n\t\t}\n\n\t\tapplyMarkerOperation( this, name, null, range, affectsData );\n\n\t\treturn this.model.markers.get( name )!;\n\t}\n\n\t/**\n\t * Adds, updates or refreshes a {@link module:engine/model/markercollection~Marker marker}. Marker is a named range, which tracks\n\t * changes in the document and updates its range automatically, when model tree changes. Still, it is possible to change the\n\t * marker's range directly using this method.\n\t *\n\t * As the first parameter you can set marker name or instance. If none of them is provided, new marker, with a unique\n\t * name is created and returned.\n\t *\n\t * **Note**: If you want to change the {@link module:engine/view/element~ViewElement view element}\n\t * of the marker while its data in the model\n\t * remains the same, use the dedicated {@link module:engine/controller/editingcontroller~EditingController#reconvertMarker} method.\n\t *\n\t * The `options.usingOperation` parameter lets you change if the marker should be managed by operations or not. See\n\t * {@link module:engine/model/markercollection~Marker marker class description} to learn about the difference between\n\t * markers managed by operations and not-managed by operations. It is possible to change this option for an existing marker.\n\t *\n\t * The `options.affectsData` parameter, which defaults to `false`, allows you to define if a marker affects the data. It should be\n\t * `true` when the marker change changes the data returned by\n\t * the {@link module:core/editor/editor~Editor#getData `editor.getData()`} method.\n\t * When set to `true` it fires the {@link module:engine/model/document~ModelDocument#event:change:data `change:data`} event.\n\t * When set to `false` it fires the {@link module:engine/model/document~ModelDocument#event:change `change`} event.\n\t *\n\t * Update marker directly base on marker's name:\n\t *\n\t * ```ts\n\t * updateMarker( markerName, { range } );\n\t * ```\n\t *\n\t * Update marker using operation:\n\t *\n\t * ```ts\n\t * updateMarker( marker, { range, usingOperation: true } );\n\t * updateMarker( markerName, { range, usingOperation: true } );\n\t * ```\n\t *\n\t * Change marker's option (start using operations to manage it):\n\t *\n\t * ```ts\n\t * updateMarker( marker, { usingOperation: true } );\n\t * ```\n\t *\n\t * Change marker's option (inform the engine, that the marker does not affect the data anymore):\n\t *\n\t * ```ts\n\t * updateMarker( markerName, { affectsData: false } );\n\t * ```\n\t *\n\t * @see module:engine/model/markercollection~Marker\n\t * @param markerOrName Name of a marker to update, or a marker instance.\n\t * @param options If options object is not defined then marker will be refreshed by triggering\n\t * downcast conversion for this marker with the same data.\n\t * @param options.range Marker range to update.\n\t * @param options.usingOperation Flag indicated whether the marker should be added by MarkerOperation.\n\t * See {@link module:engine/model/markercollection~Marker#managedUsingOperations}.\n\t * @param options.affectsData Flag indicating that the marker changes the editor data.\n\t */\n\tpublic updateMarker(\n\t\tmarkerOrName: string | Marker,\n\t\toptions?: {\n\t\t\trange?: ModelRange;\n\t\t\tusingOperation?: boolean;\n\t\t\taffectsData?: boolean;\n\t\t}\n\t): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tconst markerName = typeof markerOrName == 'string' ? markerOrName : markerOrName.name;\n\t\tconst currentMarker = this.model.markers.get( markerName );\n\n\t\tif ( !currentMarker ) {\n\t\t\t/**\n\t\t\t * Marker with provided name does not exist and will not be updated.\n\t\t\t *\n\t\t\t * @error writer-updatemarker-marker-not-exists\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-updatemarker-marker-not-exists', this );\n\t\t}\n\n\t\tif ( !options ) {\n\t\t\t/**\n\t\t\t * The usage of `writer.updateMarker()` only to reconvert (refresh) a\n\t\t\t * {@link module:engine/model/markercollection~Marker model marker} was deprecated and may not work in the future.\n\t\t\t * Please update your code to use\n\t\t\t * {@link module:engine/controller/editingcontroller~EditingController#reconvertMarker `editor.editing.reconvertMarker()`}\n\t\t\t * instead.\n\t\t\t *\n\t\t\t * @error writer-updatemarker-reconvert-using-editingcontroller\n\t\t\t * @param markerName The name of the updated marker.\n\t\t\t */\n\t\t\tlogWarning( 'writer-updatemarker-reconvert-using-editingcontroller', { markerName } );\n\n\t\t\tthis.model.markers._refresh( currentMarker );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst hasUsingOperationDefined = typeof options.usingOperation == 'boolean';\n\t\tconst affectsDataDefined = typeof options.affectsData == 'boolean';\n\n\t\t// Use previously defined marker's affectsData if the property is not provided.\n\t\tconst affectsData = affectsDataDefined ? options.affectsData : currentMarker.affectsData;\n\n\t\tif ( !hasUsingOperationDefined && !options.range && !affectsDataDefined ) {\n\t\t\t/**\n\t\t\t * One of the options is required - provide range, usingOperations or affectsData.\n\t\t\t *\n\t\t\t * @error writer-updatemarker-wrong-options\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-updatemarker-wrong-options', this );\n\t\t}\n\n\t\tconst currentRange = currentMarker.getRange();\n\t\tconst updatedRange = options.range ? options.range : currentRange;\n\n\t\tif ( hasUsingOperationDefined && options.usingOperation !== currentMarker.managedUsingOperations ) {\n\t\t\t// The marker type is changed so it's necessary to create proper operations.\n\t\t\tif ( options.usingOperation ) {\n\t\t\t\t// If marker changes to a managed one treat this as synchronizing existing marker.\n\t\t\t\t// Create `MarkerOperation` with `oldRange` set to `null`, so reverse operation will remove the marker.\n\t\t\t\tapplyMarkerOperation( this, markerName, null, updatedRange, affectsData );\n\t\t\t} else {\n\t\t\t\t// If marker changes to a marker that do not use operations then we need to create additional operation\n\t\t\t\t// that removes that marker first.\n\t\t\t\tapplyMarkerOperation( this, markerName, currentRange, null, affectsData );\n\n\t\t\t\t// Although not managed the marker itself should stay in model and its range should be preserver or changed to passed range.\n\t\t\t\tthis.model.markers._set( markerName, updatedRange, undefined, affectsData );\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Marker's type doesn't change so update it accordingly.\n\t\tif ( currentMarker.managedUsingOperations ) {\n\t\t\tapplyMarkerOperation( this, markerName, currentRange, updatedRange, affectsData );\n\t\t} else {\n\t\t\tthis.model.markers._set( markerName, updatedRange, undefined, affectsData );\n\t\t}\n\t}\n\n\t/**\n\t * Removes given {@link module:engine/model/markercollection~Marker marker} or marker with given name.\n\t * The marker is removed accordingly to how it has been created, so if the marker was created using operation,\n\t * it will be destroyed using operation.\n\t *\n\t * @param markerOrName Marker or marker name to remove.\n\t */\n\tpublic removeMarker( markerOrName: string | Marker ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tconst name = typeof markerOrName == 'string' ? markerOrName : markerOrName.name;\n\n\t\tif ( !this.model.markers.has( name ) ) {\n\t\t\t/**\n\t\t\t * Trying to remove marker which does not exist.\n\t\t\t *\n\t\t\t * @error writer-removemarker-no-marker\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-removemarker-no-marker', this );\n\t\t}\n\n\t\tconst marker = this.model.markers.get( name )!;\n\n\t\tif ( !marker.managedUsingOperations ) {\n\t\t\tthis.model.markers._remove( name );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst oldRange = marker.getRange();\n\n\t\tapplyMarkerOperation( this, name, oldRange, null, marker.affectsData );\n\t}\n\n\t/**\n\t * Adds a new root to the document (or re-attaches a {@link #detachRoot detached root}).\n\t *\n\t * Throws an error, if trying to add a root that is already added and attached.\n\t *\n\t * @param rootName Name of the added root.\n\t * @param elementName The element name. Defaults to `'$root'` which also has some basic schema defined\n\t * (e.g. `$block` elements are allowed inside the `$root`). Make sure to define a proper schema if you use a different name.\n\t * @returns The added root element.\n\t */\n\tpublic addRoot( rootName: string, elementName = '$root' ): ModelRootElement {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tconst root = this.model.document.getRoot( rootName );\n\n\t\tif ( root && root.isAttached() ) {\n\t\t\t/**\n\t\t\t * Root with provided name already exists and is attached.\n\t\t\t *\n\t\t\t * @error writer-addroot-root-exists\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-addroot-root-exists', this );\n\t\t}\n\n\t\tconst document = this.model.document;\n\t\tconst operation = new RootOperation( rootName, elementName, true, document, document.version );\n\n\t\tthis.batch.addOperation( operation );\n\t\tthis.model.applyOperation( operation );\n\n\t\treturn this.model.document.getRoot( rootName )!;\n\t}\n\n\t/**\n\t * Detaches the root from the document.\n\t *\n\t * All content and markers are removed from the root upon detaching. New content and new markers cannot be added to the root, as long\n\t * as it is detached.\n\t *\n\t * A root cannot be fully removed from the document, it can be only detached. A root is permanently removed only after you\n\t * re-initialize the editor and do not specify the root in the initial data.\n\t *\n\t * A detached root can be re-attached using {@link #addRoot}.\n\t *\n\t * Throws an error if the root does not exist or the root is already detached.\n\t *\n\t * @param rootOrName Name of the detached root.\n\t */\n\tpublic detachRoot( rootOrName: string | ModelRootElement ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tconst root = typeof rootOrName == 'string' ? this.model.document.getRoot( rootOrName ) : rootOrName;\n\n\t\tif ( !root || !root.isAttached() ) {\n\t\t\t/**\n\t\t\t * Root with provided name does not exist or is already detached.\n\t\t\t *\n\t\t\t * @error writer-detachroot-no-root\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'writer-detachroot-no-root', this );\n\t\t}\n\n\t\t// First, remove all markers from the root. It is better to do it before removing stuff for undo purposes.\n\t\t// However, looking through all the markers may not be the best performance wise. But there's no better solution for now.\n\t\tfor ( const marker of this.model.markers ) {\n\t\t\tif ( marker.getRange().root === root ) {\n\t\t\t\tthis.removeMarker( marker );\n\t\t\t}\n\t\t}\n\n\t\t// Remove all attributes from the root.\n\t\tfor ( const key of root.getAttributeKeys() ) {\n\t\t\tthis.removeAttribute( key, root );\n\t\t}\n\n\t\t// Remove all contents of the root.\n\t\tthis.remove( this.createRangeIn( root ) );\n\n\t\t// Finally, detach the root.\n\t\tconst document = this.model.document;\n\t\tconst operation = new RootOperation( root.rootName, root.name, false, document, document.version );\n\n\t\tthis.batch.addOperation( operation );\n\t\tthis.model.applyOperation( operation );\n\t}\n\n\t/**\n\t * Sets the document's selection (ranges and direction) to the specified location based on the given\n\t * {@link module:engine/model/selection~ModelSelectable selectable} or creates an empty selection if no arguments were passed.\n\t *\n\t * ```ts\n\t * // Sets collapsed selection at the position of the given node and an offset.\n\t * writer.setSelection( paragraph, offset );\n\t * ```\n\t *\n\t * Creates a range inside an {@link module:engine/model/element~ModelElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * ```ts\n\t * writer.setSelection( paragraph, 'in' );\n\t * ```\n\t *\n\t * Creates a range on an {@link module:engine/model/item~ModelItem item} which starts before the item and ends just after the item.\n\t *\n\t * ```ts\n\t * writer.setSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * `Writer#setSelection()` allow passing additional options (`backward`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets selection as backward.\n\t * writer.setSelection( element, 'in', { backward: true } );\n\t * ```\n\t *\n\t * Throws `writer-incorrect-use` error when the writer is used outside the `change()` block.\n\t *\n\t * See also: {@link #setSelection:SELECTABLE `setSelection( selectable, options )`}.\n\t *\n\t * @label NODE_OFFSET\n\t */\n\tpublic setSelection( selectable: ModelNode, placeOrOffset: ModelPlaceOrOffset, options?: { backward?: boolean } ): void;\n\n\t/**\n\t * Sets the document's selection (ranges and direction) to the specified location based on the given\n\t * {@link module:engine/model/selection~ModelSelectable selectable} or creates an empty selection if no arguments were passed.\n\t *\n\t * ```ts\n\t * // Sets selection to the given range.\n\t * const range = writer.createRange( start, end );\n\t * writer.setSelection( range );\n\t *\n\t * // Sets selection to given ranges.\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * writer.setSelection( ranges );\n\t *\n\t * // Sets selection to other selection.\n\t * const otherSelection = writer.createSelection();\n\t * writer.setSelection( otherSelection );\n\t *\n\t * // Sets selection to the given document selection.\n\t * const documentSelection = model.document.selection;\n\t * writer.setSelection( documentSelection );\n\t *\n\t * // Sets collapsed selection at the given position.\n\t * const position = writer.createPosition( root, path );\n\t * writer.setSelection( position );\n\t *\n\t * // Removes all selection's ranges.\n\t * writer.setSelection( null );\n\t * ```\n\t *\n\t * `Writer#setSelection()` allow passing additional options (`backward`) as the last argument.\n\t *\n\t * ```ts\n\t * // Sets selection as backward.\n\t * writer.setSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * Throws `writer-incorrect-use` error when the writer is used outside the `change()` block.\n\t *\n\t * See also: {@link #setSelection:NODE_OFFSET `setSelection( node, placeOrOffset, options )`}.\n\t *\n\t * @label SELECTABLE\n\t */\n\tpublic setSelection( selectable: Exclude<ModelSelectable, ModelNode>, options?: { backward?: boolean } ): void;\n\n\tpublic setSelection( ...args: Parameters<ModelSelection[ 'setTo' ]> ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tthis.model.document.selection._setTo( ...args );\n\t}\n\n\t/**\n\t * Moves {@link module:engine/model/documentselection~ModelDocumentSelection#focus} to the specified location.\n\t *\n\t * The location can be specified in the same form as\n\t * {@link #createPositionAt `writer.createPositionAt()`} parameters.\n\t *\n\t * @param itemOrPosition\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic setSelectionFocus(\n\t\titemOrPosition: ModelItem | ModelPosition,\n\t\toffset?: ModelPositionOffset\n\t): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tthis.model.document.selection._setFocus( itemOrPosition, offset );\n\t}\n\n\t/**\n\t * Sets attribute on the selection. If attribute with the same key already is set, it's value is overwritten.\n\t *\n\t * ```ts\n\t * writer.setSelectionAttribute( 'italic', true );\n\t * ```\n\t *\n\t * @label KEY_VALUE\n\t * @param key Key of the attribute to set.\n\t * @param value Attribute value.\n\t */\n\tpublic setSelectionAttribute( key: string, value: unknown ): void;\n\n\t/**\n\t * Sets attributes on the selection. If any attribute with the same key already is set, it's value is overwritten.\n\t *\n\t * Using key-value object:\n\t *\n\t * ```ts\n\t * writer.setSelectionAttribute( { italic: true, bold: false } );\n\t * ```\n\t *\n\t * Using iterable object:\n\t *\n\t * ```ts\n\t * writer.setSelectionAttribute( new Map( [ [ 'italic', true ] ] ) );\n\t * ```\n\t *\n\t * @label OBJECT\n\t * @param objectOrIterable Object / iterable of key => value attribute pairs.\n\t */\n\tpublic setSelectionAttribute( objectOrIterable: ModelNodeAttributes ): void;\n\n\tpublic setSelectionAttribute(\n\t\tkeyOrObjectOrIterable: string | ModelNodeAttributes,\n\t\tvalue?: unknown\n\t): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( typeof keyOrObjectOrIterable === 'string' ) {\n\t\t\tthis._setSelectionAttribute( keyOrObjectOrIterable, value );\n\t\t} else {\n\t\t\tfor ( const [ key, value ] of toMap( keyOrObjectOrIterable ) ) {\n\t\t\t\tthis._setSelectionAttribute( key, value );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Removes attribute(s) with given key(s) from the selection.\n\t *\n\t * Remove one attribute:\n\t *\n\t * ```ts\n\t * writer.removeSelectionAttribute( 'italic' );\n\t * ```\n\t *\n\t * Remove multiple attributes:\n\t *\n\t * ```ts\n\t * writer.removeSelectionAttribute( [ 'italic', 'bold' ] );\n\t * ```\n\t *\n\t * @param keyOrIterableOfKeys Key of the attribute to remove or an iterable of attribute keys to remove.\n\t */\n\tpublic removeSelectionAttribute( keyOrIterableOfKeys: string | Iterable<string> ): void {\n\t\tthis._assertWriterUsedCorrectly();\n\n\t\tif ( typeof keyOrIterableOfKeys === 'string' ) {\n\t\t\tthis._removeSelectionAttribute( keyOrIterableOfKeys );\n\t\t} else {\n\t\t\tfor ( const key of keyOrIterableOfKeys ) {\n\t\t\t\tthis._removeSelectionAttribute( key );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Temporarily changes the {@link module:engine/model/documentselection~ModelDocumentSelection#isGravityOverridden gravity}\n\t * of the selection from left to right.\n\t *\n\t * The gravity defines from which direction the selection inherits its attributes. If it's the default left gravity,\n\t * then the selection (after being moved by the user) inherits attributes from its left-hand side.\n\t * This method allows to temporarily override this behavior by forcing the gravity to the right.\n\t *\n\t * For the following model fragment:\n\t *\n\t * ```xml\n\t * <$text bold=\"true\" linkHref=\"url\">bar[]</$text><$text bold=\"true\">biz</$text>\n\t * ```\n\t *\n\t * * Default gravity: selection will have the `bold` and `linkHref` attributes.\n\t * * Overridden gravity: selection will have `bold` attribute.\n\t *\n\t * **Note**: It returns an unique identifier which is required to restore the gravity. It guarantees the symmetry\n\t * of the process.\n\t *\n\t * @returns The unique id which allows restoring the gravity.\n\t */\n\tpublic overrideSelectionGravity(): string {\n\t\treturn this.model.document.selection._overrideGravity();\n\t}\n\n\t/**\n\t * Restores {@link ~ModelWriter#overrideSelectionGravity} gravity to default.\n\t *\n\t * Restoring the gravity is only possible using the unique identifier returned by\n\t * {@link ~ModelWriter#overrideSelectionGravity}. Note that the gravity remains overridden as long as won't be restored\n\t * the same number of times it was overridden.\n\t *\n\t * @param uid The unique id returned by {@link ~ModelWriter#overrideSelectionGravity}.\n\t */\n\tpublic restoreSelectionGravity( uid: string ): void {\n\t\tthis.model.document.selection._restoreGravity( uid );\n\t}\n\n\t/**\n\t * @param key Key of the attribute to remove.\n\t * @param value Attribute value.\n\t */\n\tprivate _setSelectionAttribute( key: string, value: unknown ): void {\n\t\tconst selection = this.model.document.selection;\n\n\t\t// Store attribute in parent element if the selection is collapsed in an empty node.\n\t\tif ( selection.isCollapsed && selection.anchor!.parent.isEmpty ) {\n\t\t\tconst storeKey = ModelDocumentSelection._getStoreAttributeKey( key );\n\n\t\t\tthis.setAttribute( storeKey, value, selection.anchor!.parent as any );\n\t\t}\n\n\t\tselection._setAttribute( key, value );\n\t}\n\n\t/**\n\t * @param key Key of the attribute to remove.\n\t */\n\tprivate _removeSelectionAttribute( key: string ): void {\n\t\tconst selection = this.model.document.selection;\n\n\t\t// Remove stored attribute from parent element if the selection is collapsed in an empty node.\n\t\tif ( selection.isCollapsed && selection.anchor!.parent.isEmpty ) {\n\t\t\tconst storeKey = ModelDocumentSelection._getStoreAttributeKey( key );\n\n\t\t\tthis.removeAttribute( storeKey, selection.anchor!.parent as any );\n\t\t}\n\n\t\tselection._removeAttribute( key );\n\t}\n\n\t/**\n\t * Throws `writer-detached-writer-tries-to-modify-model` error when the writer is used outside of the `change()` block.\n\t */\n\tprivate _assertWriterUsedCorrectly(): void {\n\t\t/**\n\t\t * Trying to use a writer outside a {@link module:engine/model/model~Model#change `change()`} or\n\t\t * {@link module:engine/model/model~Model#enqueueChange `enqueueChange()`} blocks.\n\t\t *\n\t\t * The writer can only be used inside these blocks which ensures that the model\n\t\t * can only be changed during such \"sessions\".\n\t\t *\n\t\t * @error writer-incorrect-use\n\t\t */\n\t\tif ( ( this.model as any )._currentWriter !== this ) {\n\t\t\tthrow new CKEditorError( 'writer-incorrect-use', this );\n\t\t}\n\t}\n\n\t/**\n\t * For given action `type` and `positionOrRange` where the action happens, this function finds all affected markers\n\t * and applies a marker operation with the new marker range equal to the current range. Thanks to this, the marker range\n\t * can be later correctly processed during undo.\n\t *\n\t * @param type Writer action type.\n\t * @param positionOrRange Position or range where the writer action happens.\n\t */\n\tprivate _addOperationForAffectedMarkers(\n\t\ttype: 'move' | 'merge',\n\t\tpositionOrRange: ModelPosition | ModelRange\n\t): void {\n\t\tfor ( const marker of this.model.markers ) {\n\t\t\tif ( !marker.managedUsingOperations ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst markerRange = marker.getRange();\n\t\t\tlet isAffected = false;\n\n\t\t\tif ( type === 'move' ) {\n\t\t\t\tconst range = positionOrRange as ModelRange;\n\t\t\t\tisAffected =\n\t\t\t\t\trange.containsPosition( markerRange.start ) ||\n\t\t\t\t\trange.start.isEqual( markerRange.start ) ||\n\t\t\t\t\trange.containsPosition( markerRange.end ) ||\n\t\t\t\t\trange.end.isEqual( markerRange.end );\n\t\t\t} else {\n\t\t\t\t// if type === 'merge'.\n\t\t\t\tconst position = positionOrRange as ModelPosition;\n\t\t\t\tconst elementBefore = position.nodeBefore;\n\t\t\t\tconst elementAfter = position.nodeAfter;\n\n\t\t\t\t//               Start:  <p>Foo[</p><p>Bar]</p>\n\t\t\t\t//         After merge:  <p>Foo[Bar]</p>\n\t\t\t\t// After undoing split:  <p>Foo</p><p>[Bar]</p>     <-- incorrect, needs remembering for undo.\n\t\t\t\t//\n\t\t\t\tconst affectedInLeftElement = markerRange.start.parent == elementBefore && markerRange.start.isAtEnd;\n\n\t\t\t\t//               Start:  <p>[Foo</p><p>]Bar</p>\n\t\t\t\t//         After merge:  <p>[Foo]Bar</p>\n\t\t\t\t// After undoing split:  <p>[Foo]</p><p>Bar</p>     <-- incorrect, needs remembering for undo.\n\t\t\t\t//\n\t\t\t\tconst affectedInRightElement = markerRange.end.parent == elementAfter && markerRange.end.offset == 0;\n\n\t\t\t\t//               Start:  <p>[Foo</p>]<p>Bar</p>\n\t\t\t\t//         After merge:  <p>[Foo]Bar</p>\n\t\t\t\t// After undoing split:  <p>[Foo]</p><p>Bar</p>     <-- incorrect, needs remembering for undo.\n\t\t\t\t//\n\t\t\t\tconst affectedAfterLeftElement = markerRange.end.nodeAfter == elementAfter;\n\n\t\t\t\t//               Start:  <p>Foo</p>[<p>Bar]</p>\n\t\t\t\t//         After merge:  <p>Foo[Bar]</p>\n\t\t\t\t// After undoing split:  <p>Foo</p><p>[Bar]</p>     <-- incorrect, needs remembering for undo.\n\t\t\t\t//\n\t\t\t\tconst affectedBeforeRightElement = markerRange.start.nodeAfter == elementAfter;\n\n\t\t\t\tisAffected = affectedInLeftElement || affectedInRightElement || affectedAfterLeftElement || affectedBeforeRightElement;\n\t\t\t}\n\n\t\t\tif ( isAffected ) {\n\t\t\t\tthis.updateMarker( marker.name, { range: markerRange } );\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Sets given attribute to each node in given range. When attribute value is null then attribute will be removed.\n *\n * Because attribute operation needs to have the same attribute value on the whole range, this function splits\n * the range into smaller parts.\n *\n * Given `range` must be flat.\n */\nfunction setAttributeOnRange( writer: ModelWriter, key: string, value: unknown, range: ModelRange ) {\n\tconst model = writer.model;\n\tconst doc = model.document;\n\n\t// Position of the last split, the beginning of the new range.\n\tlet lastSplitPosition = range.start;\n\n\t// Currently position in the scanning range. Because we need value after the position, it is not a current\n\t// position of the iterator but the previous one (we need to iterate one more time to get the value after).\n\tlet position: ModelPosition | undefined;\n\n\t// Value before the currently position.\n\tlet valueBefore: unknown;\n\n\t// Value after the currently position.\n\tlet valueAfter;\n\n\tfor ( const val of range.getWalker( { shallow: true } ) ) {\n\t\tvalueAfter = val.item.getAttribute( key );\n\n\t\t// At the first run of the iterator the position in undefined. We also do not have a valueBefore, but\n\t\t// because valueAfter may be null, valueBefore may be equal valueAfter ( undefined == null ).\n\t\tif ( position && valueBefore != valueAfter ) {\n\t\t\t// if valueBefore == value there is nothing to change, so we add operation only if these values are different.\n\t\t\tif ( valueBefore != value ) {\n\t\t\t\taddOperation();\n\t\t\t}\n\n\t\t\tlastSplitPosition = position;\n\t\t}\n\n\t\tposition = val.nextPosition;\n\t\tvalueBefore = valueAfter;\n\t}\n\n\t// Because position in the loop is not the iterator position (see let position comment), the last position in\n\t// the while loop will be last but one position in the range. We need to check the last position manually.\n\tif ( position instanceof ModelPosition && position != lastSplitPosition && valueBefore != value ) {\n\t\taddOperation();\n\t}\n\n\tfunction addOperation() {\n\t\tconst range = new ModelRange( lastSplitPosition, position );\n\t\tconst version = range.root.document ? doc.version : null;\n\t\tconst operation = new AttributeOperation( range, key, valueBefore, value, version );\n\n\t\twriter.batch.addOperation( operation );\n\t\tmodel.applyOperation( operation );\n\t}\n}\n\n/**\n * Sets given attribute to the given node. When attribute value is null then attribute will be removed.\n */\nfunction setAttributeOnItem( writer: ModelWriter, key: string, value: unknown, item: ModelItem ) {\n\tconst model = writer.model;\n\tconst doc = model.document;\n\tconst previousValue = item.getAttribute( key );\n\tlet range, operation;\n\n\tif ( previousValue != value ) {\n\t\tconst isRootChanged = item.root === item;\n\n\t\tif ( isRootChanged ) {\n\t\t\t// If we change attributes of root element, we have to use `RootAttributeOperation`.\n\t\t\tconst version = item.document ? doc.version : null;\n\n\t\t\toperation = new RootAttributeOperation( item as any, key, previousValue, value, version );\n\t\t} else {\n\t\t\trange = new ModelRange( ModelPosition._createBefore( item ), writer.createPositionAfter( item ) );\n\n\t\t\tconst version = range.root.document ? doc.version : null;\n\n\t\t\toperation = new AttributeOperation( range, key, previousValue, value, version );\n\t\t}\n\n\t\twriter.batch.addOperation( operation );\n\t\tmodel.applyOperation( operation );\n\t}\n}\n\n/**\n * Creates and applies marker operation to {@link module:engine/model/operation/operation~Operation operation}.\n */\nfunction applyMarkerOperation(\n\twriter: ModelWriter,\n\tname: string,\n\toldRange: ModelRange | null,\n\tnewRange: ModelRange | null,\n\taffectsData: boolean | undefined\n) {\n\tconst model = writer.model;\n\tconst doc = model.document;\n\n\tconst operation = new MarkerOperation( name, oldRange, newRange, model.markers, !!affectsData, doc.version );\n\n\twriter.batch.addOperation( operation );\n\tmodel.applyOperation( operation );\n}\n\n/**\n * Creates `MoveOperation` or `DetachOperation` that removes `howMany` nodes starting from `position`.\n * The operation will be applied on given model instance and added to given operation instance.\n *\n * @param position Position from which nodes are removed.\n * @param howMany Number of nodes to remove.\n * @param batch Batch to which the operation will be added.\n * @param model Model instance on which operation will be applied.\n */\nfunction applyRemoveOperation( position: ModelPosition, howMany: number, batch: Batch, model: Model ) {\n\tlet operation;\n\n\tif ( position.root.document ) {\n\t\tconst doc = model.document;\n\t\tconst graveyardPosition = new ModelPosition( doc.graveyard, [ 0 ] );\n\n\t\toperation = new MoveOperation( position, howMany, graveyardPosition, doc.version );\n\t} else {\n\t\toperation = new DetachOperation( position, howMany );\n\t}\n\n\tbatch.addOperation( operation );\n\tmodel.applyOperation( operation );\n}\n\n/**\n * Returns `true` if both root elements are the same element or both are documents root elements.\n *\n * Elements in the same tree can be moved (for instance you can move element form one documents root to another, or\n * within the same document fragment), but when element supposed to be moved from document fragment to the document, or\n * to another document it should be removed and inserted to avoid problems with OT. This is because features like undo or\n * collaboration may track changes on the document but ignore changes on detached fragments and should not get\n * unexpected `move` operation.\n */\nfunction isSameTree( rootA: ModelNode | ModelDocumentFragment, rootB: ModelNode | ModelDocumentFragment ): boolean {\n\t// If it is the same root this is the same tree.\n\tif ( rootA === rootB ) {\n\t\treturn true;\n\t}\n\n\t// If both roots are documents root it is operation within the document what we still treat as the same tree.\n\tif ( rootA instanceof ModelRootElement && rootB instanceof ModelRootElement ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/utils/selection-post-fixer\n */\n\nimport { ModelPosition } from '../position.js';\nimport { ModelRange } from '../range.js';\n\nimport { type ModelDocumentFragment } from '../documentfragment.js';\nimport { type Model } from '../model.js';\nimport { type ModelNode } from '../node.js';\nimport { type ModelSchema } from '../schema.js';\nimport { type ModelWriter } from '../writer.js';\nimport { type ModelElement } from '../element.js';\n\n/**\n * Injects selection post-fixer to the model.\n *\n * The role of the selection post-fixer is to ensure that the selection is in a correct place\n * after a {@link module:engine/model/model~Model#change `change()`} block was executed.\n *\n * The correct position means that:\n *\n * * All collapsed selection ranges are in a place where the {@link module:engine/model/schema~ModelSchema}\n * allows a `$text`.\n * * None of the selection's non-collapsed ranges crosses a {@link module:engine/model/schema~ModelSchema#isLimit limit element}\n * boundary (a range must be rooted within one limit element).\n * * Only {@link module:engine/model/schema~ModelSchema#isSelectable selectable elements} can be selected from the outside\n * (e.g. `[<paragraph>foo</paragraph>]` is invalid). This rule applies independently to both selection ends, so this\n * selection is correct: `<paragraph>f[oo</paragraph><imageBlock></imageBlock>]`.\n *\n * If the position is not correct, the post-fixer will automatically correct it.\n *\n * ## Fixing a non-collapsed selection\n *\n * See as an example a selection that starts in a P1 element and ends inside the text of a TD element\n * (`[` and `]` are range boundaries and `(l)` denotes an element defined as `isLimit=true`):\n *\n * ```\n * root\n *  |- element P1\n *  |   |- \"foo\"                                      root\n *  |- element TABLE (l)                   P1         TABLE             P2\n *  |   |- element TR (l)                 f o[o     TR      TR         b a r\n *  |   |   |- element TD (l)                       TD      TD\n *  |   |       |- \"aaa\"                          a]a a    b b b\n *  |   |- element TR (l)\n *  |   |   |- element TD (l)                           ||\n *  |   |       |- \"bbb\"                                ||\n *  |- element P2                                       VV\n *  |   |- \"bar\"\n *                                                    root\n *                                         P1         TABLE]            P2\n *                                        f o[o     TR      TR         b a r\n *                                                  TD      TD\n *                                                a a a    b b b\n * ```\n *\n * In the example above, the TABLE, TR and TD are defined as `isLimit=true` in the schema. The range which is not contained within\n * a single limit element must be expanded to select the outermost limit element. The range end is inside the text node of the TD element.\n * As the TD element is a child of the TR and TABLE elements, where both are defined as `isLimit=true` in the schema, the range must be\n * expanded to select the whole TABLE element.\n *\n * **Note** If the selection contains multiple ranges, the method returns a minimal set of ranges that are not intersecting after expanding\n * them to select `isLimit=true` elements.\n *\n * @internal\n */\nexport function injectSelectionPostFixer( model: Model ): void {\n\tmodel.document.registerPostFixer( writer => selectionPostFixer( writer, model ) );\n}\n\n/**\n * The selection post-fixer.\n */\nfunction selectionPostFixer( writer: ModelWriter, model: Model ): boolean {\n\tconst selection = model.document.selection;\n\tconst schema = model.schema;\n\n\tconst ranges = [];\n\n\tlet wasFixed = false;\n\n\tfor ( const modelRange of selection.getRanges() ) {\n\t\t// Go through all ranges in selection and try fixing each of them.\n\t\t// Those ranges might overlap but will be corrected later.\n\t\tconst correctedRange = tryFixingRange( modelRange, schema );\n\n\t\t// \"Selection fixing\" algorithms sometimes get lost. In consequence, it may happen\n\t\t// that a new range is returned but, in fact, it has the same positions as the original\n\t\t// range anyway. If this range is not discarded, a new selection will be set and that,\n\t\t// for instance, would destroy the selection attributes. Let's make sure that the post-fixer\n\t\t// actually worked first before setting a new selection.\n\t\t//\n\t\t// https://github.com/ckeditor/ckeditor5/issues/6693\n\t\tif ( correctedRange && !correctedRange.isEqual( modelRange ) ) {\n\t\t\tranges.push( correctedRange );\n\t\t\twasFixed = true;\n\t\t} else {\n\t\t\tranges.push( modelRange );\n\t\t}\n\t}\n\n\t// If any of ranges were corrected update the selection.\n\tif ( wasFixed ) {\n\t\twriter.setSelection( mergeIntersectingRanges( ranges ), { backward: selection.isBackward } );\n\t}\n\n\treturn false;\n}\n\n/**\n * Tries fixing a range if it's incorrect.\n *\n * **Note:** This helper is used by the selection post-fixer and to fix the `beforeinput` target ranges.\n *\n * @returns Returns fixed range or null if range is valid.\n * @internal\n */\nexport function tryFixingRange( range: ModelRange, schema: ModelSchema ): ModelRange | null {\n\tif ( range.isCollapsed ) {\n\t\treturn tryFixingCollapsedRange( range, schema );\n\t}\n\n\treturn tryFixingNonCollapsedRage( range, schema );\n}\n\n/**\n * Tries to fix collapsed ranges.\n *\n * * Fixes situation when a range is in a place where $text is not allowed\n *\n * @param range Collapsed range to fix.\n * @returns Returns fixed range or null if range is valid.\n */\nfunction tryFixingCollapsedRange( range: ModelRange, schema: ModelSchema ) {\n\tconst originalPosition = range.start;\n\n\tconst nearestSelectionRange = schema.getNearestSelectionRange( originalPosition );\n\n\t// This might be null, i.e. when the editor data is empty or the selection is inside a limit element\n\t// that doesn't allow text inside.\n\t// In the first case, there is no need to fix the selection range.\n\t// In the second, let's go up to the outer selectable element\n\tif ( !nearestSelectionRange ) {\n\t\tconst ancestorObject = originalPosition.getAncestors().reverse().find( ( item ): item is ModelElement => schema.isObject( item ) );\n\n\t\tif ( ancestorObject ) {\n\t\t\treturn ModelRange._createOn( ancestorObject );\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tif ( !nearestSelectionRange.isCollapsed ) {\n\t\treturn nearestSelectionRange;\n\t}\n\n\tconst fixedPosition = nearestSelectionRange.start;\n\n\t// Fixed position is the same as original - no need to return corrected range.\n\tif ( originalPosition.isEqual( fixedPosition ) ) {\n\t\treturn null;\n\t}\n\n\treturn new ModelRange( fixedPosition );\n}\n\n/**\n * Tries to fix an expanded range.\n *\n * @param range Expanded range to fix.\n * @returns Returns fixed range or null if range is valid.\n */\nfunction tryFixingNonCollapsedRage( range: ModelRange, schema: ModelSchema ) {\n\tconst { start, end } = range;\n\n\tconst isTextAllowedOnStart = schema.checkChild( start, '$text' );\n\tconst isTextAllowedOnEnd = schema.checkChild( end, '$text' );\n\n\tconst startLimitElement = schema.getLimitElement( start );\n\tconst endLimitElement = schema.getLimitElement( end );\n\n\t// Ranges which both end are inside the same limit element (or root) might needs only minor fix.\n\tif ( startLimitElement === endLimitElement ) {\n\t\t// Range is valid when both position allows to place a text:\n\t\t// - <block>f[oobarba]z</block>\n\t\t// This would be \"fixed\" by a next check but as it will be the same it's better to return null so the selection stays the same.\n\t\tif ( isTextAllowedOnStart && isTextAllowedOnEnd ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Range that is on non-limit element (or is partially) must be fixed so it is placed inside the block around $text:\n\t\t// - [<block>foo</block>]    ->    <block>[foo]</block>\n\t\t// - [<block>foo]</block>    ->    <block>[foo]</block>\n\t\t// - <block>f[oo</block>]    ->    <block>f[oo]</block>\n\t\t// - [<block>foo</block><selectable></selectable>]    ->    <block>[foo</block><selectable></selectable>]\n\t\tif ( checkSelectionOnNonLimitElements( start, end, schema ) ) {\n\t\t\tconst isStartBeforeSelectable = start.nodeAfter && schema.isSelectable( start.nodeAfter );\n\t\t\tconst fixedStart = isStartBeforeSelectable ? null : schema.getNearestSelectionRange( start, 'forward' );\n\n\t\t\tconst isEndAfterSelectable = end.nodeBefore && schema.isSelectable( end.nodeBefore );\n\t\t\tconst fixedEnd = isEndAfterSelectable ? null : schema.getNearestSelectionRange( end, 'backward' );\n\n\t\t\t// The schema.getNearestSelectionRange might return null - if that happens use original position.\n\t\t\tconst rangeStart = fixedStart ? fixedStart.start : start;\n\t\t\tconst rangeEnd = fixedEnd ? fixedEnd.end : end;\n\n\t\t\treturn new ModelRange( rangeStart, rangeEnd );\n\t\t}\n\t}\n\n\tconst isStartInLimit = startLimitElement && !startLimitElement.is( 'rootElement' );\n\tconst isEndInLimit = endLimitElement && !endLimitElement.is( 'rootElement' );\n\n\t// At this point we eliminated valid positions on text nodes so if one of range positions is placed inside a limit element\n\t// then the range crossed limit element boundaries and needs to be fixed.\n\tif ( isStartInLimit || isEndInLimit ) {\n\t\tconst bothInSameParent = ( start.nodeAfter && end.nodeBefore ) && start.nodeAfter.parent === end.nodeBefore.parent;\n\n\t\tconst expandStart = isStartInLimit && ( !bothInSameParent || !isSelectable( start.nodeAfter, schema ) );\n\t\tconst expandEnd = isEndInLimit && ( !bothInSameParent || !isSelectable( end.nodeBefore, schema ) );\n\n\t\t// Although we've already found limit element on start/end positions we must find the outer-most limit element.\n\t\t// as limit elements might be nested directly inside (ie table > tableRow > tableCell).\n\t\tlet fixedStart = start;\n\t\tlet fixedEnd = end;\n\n\t\tif ( expandStart ) {\n\t\t\tfixedStart = ModelPosition._createBefore( findOutermostLimitAncestor( startLimitElement, schema ) );\n\t\t}\n\n\t\tif ( expandEnd ) {\n\t\t\tfixedEnd = ModelPosition._createAfter( findOutermostLimitAncestor( endLimitElement, schema ) );\n\t\t}\n\n\t\treturn new ModelRange( fixedStart, fixedEnd );\n\t}\n\n\t// Range was not fixed at this point so it is valid - ie it was placed around limit element already.\n\treturn null;\n}\n\n/**\n * Finds the outer-most ancestor.\n */\nfunction findOutermostLimitAncestor( startingNode: ModelNode, schema: ModelSchema ): ModelNode {\n\tlet isLimitNode = startingNode;\n\tlet parent: ModelNode | ModelDocumentFragment = isLimitNode;\n\n\t// Find outer most isLimit block as such blocks might be nested (ie. in tables).\n\twhile ( schema.isLimit( parent ) && parent.parent ) {\n\t\tisLimitNode = parent;\n\t\tparent = parent.parent;\n\t}\n\n\treturn isLimitNode;\n}\n\n/**\n * Checks whether any of range boundaries is placed around non-limit elements.\n */\nfunction checkSelectionOnNonLimitElements( start: ModelPosition, end: ModelPosition, schema: ModelSchema ) {\n\tconst startIsOnBlock = ( start.nodeAfter && !schema.isLimit( start.nodeAfter ) ) || schema.checkChild( start, '$text' );\n\tconst endIsOnBlock = ( end.nodeBefore && !schema.isLimit( end.nodeBefore ) ) || schema.checkChild( end, '$text' );\n\n\t// We should fix such selection when one of those nodes needs fixing.\n\treturn startIsOnBlock || endIsOnBlock;\n}\n\n/**\n * Returns a minimal non-intersecting array of ranges without duplicates.\n *\n * @param ranges Ranges to merge.\n * @returns Array of unique and non-intersecting ranges.\n * @internal\n */\nexport function mergeIntersectingRanges( ranges: Array<ModelRange> ): Array<ModelRange> {\n\tconst rangesToMerge = [ ...ranges ];\n\tconst rangeIndexesToRemove = new Set();\n\tlet currentRangeIndex = 1;\n\n\twhile ( currentRangeIndex < rangesToMerge.length ) {\n\t\tconst currentRange = rangesToMerge[ currentRangeIndex ];\n\t\tconst previousRanges = rangesToMerge.slice( 0, currentRangeIndex );\n\n\t\tfor ( const [ previousRangeIndex, previousRange ] of previousRanges.entries() ) {\n\t\t\tif ( rangeIndexesToRemove.has( previousRangeIndex ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( currentRange.isEqual( previousRange ) ) {\n\t\t\t\trangeIndexesToRemove.add( previousRangeIndex );\n\t\t\t} else if ( currentRange.isIntersecting( previousRange ) ) {\n\t\t\t\trangeIndexesToRemove.add( previousRangeIndex );\n\t\t\t\trangeIndexesToRemove.add( currentRangeIndex );\n\n\t\t\t\tconst mergedRange = currentRange.getJoined( previousRange );\n\t\t\t\trangesToMerge.push( mergedRange! );\n\t\t\t}\n\t\t}\n\n\t\tcurrentRangeIndex++;\n\t}\n\n\tconst nonIntersectingRanges = rangesToMerge.filter( ( _, index ) => !rangeIndexesToRemove.has( index ) );\n\n\treturn nonIntersectingRanges;\n}\n\n/**\n * Checks if node exists and if it's a selectable.\n */\nfunction isSelectable( node: ModelNode, schema: ModelSchema ) {\n\treturn node && schema.isSelectable( node );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/utils/deletecontent\n */\n\nimport { ModelDocumentSelection } from '../documentselection.js';\nimport { ModelLivePosition } from '../liveposition.js';\nimport { ModelRange } from '../range.js';\n\nimport { type ModelDocumentFragment } from '../documentfragment.js';\nimport { type ModelElement } from '../element.js';\nimport { type Model } from '../model.js';\nimport { type ModelPosition } from '../position.js';\nimport { type ModelSchema } from '../schema.js';\nimport { type ModelSelection } from '../selection.js';\nimport { type ModelWriter } from '../writer.js';\n\n/**\n * Deletes content of the selection and merge siblings. The resulting selection is always collapsed.\n *\n * **Note:** Use {@link module:engine/model/model~Model#deleteContent} instead of this function.\n * This function is only exposed to be reusable in algorithms\n * which change the {@link module:engine/model/model~Model#deleteContent}\n * method's behavior.\n *\n * @param model The model in context of which the insertion should be performed.\n * @param selection Selection of which the content should be deleted.\n * @param options.leaveUnmerged Whether to merge elements after removing the content of the selection.\n *\n * For example `<heading>x[x</heading><paragraph>y]y</paragraph>` will become:\n *\n * * `<heading>x^y</heading>` with the option disabled (`leaveUnmerged == false`)\n * * `<heading>x^</heading><paragraph>y</paragraph>` with enabled (`leaveUnmerged == true`).\n *\n * Note: {@link module:engine/model/schema~ModelSchema#isObject object} and {@link module:engine/model/schema~ModelSchema#isLimit limit}\n * elements will not be merged.\n *\n * @param options.doNotResetEntireContent Whether to skip replacing the entire content with a\n * paragraph when the entire content was selected.\n *\n * For example `<heading>[x</heading><paragraph>y]</paragraph>` will become:\n *\n * * `<paragraph>^</paragraph>` with the option disabled (`doNotResetEntireContent == false`)\n * * `<heading>^</heading>` with enabled (`doNotResetEntireContent == true`).\n *\n * @param options.doNotAutoparagraph Whether to create a paragraph if after content deletion selection is moved\n * to a place where text cannot be inserted.\n *\n * For example `<paragraph>x</paragraph>[<imageBlock src=\"foo.jpg\"></imageBlock>]` will become:\n *\n * * `<paragraph>x</paragraph><paragraph>[]</paragraph>` with the option disabled (`doNotAutoparagraph == false`)\n * * `<paragraph>x</paragraph>[]` with the option enabled (`doNotAutoparagraph == true`).\n *\n * If you use this option you need to make sure to handle invalid selections yourself or leave\n * them to the selection post-fixer (may not always work).\n *\n * **Note:** If there is no valid position for the selection, the paragraph will always be created:\n *\n * `[<imageBlock src=\"foo.jpg\"></imageBlock>]` -> `<paragraph>[]</paragraph>`.\n *\n * @param options.doNotFixSelection Whether given selection-to-remove should be fixed if it ends at the beginning of an element.\n *\n * By default, `deleteContent()` will fix selection before performing a deletion, so that the selection does not end at the beginning of\n * an element. For example, selection `<heading>[Heading</heading><paragraph>]Some text.</paragraph>` will be treated as it was\n * `<heading>[Heading]</heading><paragraph>Some text.</paragraph>`. As a result, the elements will not get merged.\n *\n * If selection is as in example, visually, the next element (paragraph) is not selected and it may be confusing for the user that\n * the elements got merged. Selection is set up like this by browsers when a user triple-clicks on some text.\n *\n * However, in some cases, it is expected to remove content exactly as selected in the selection, without any fixing. In these cases,\n * this flag can be set to `true`, which will prevent fixing the selection.\n *\n * @internal\n */\nexport function deleteContent(\n\tmodel: Model,\n\tselection: ModelSelection | ModelDocumentSelection,\n\toptions: {\n\t\tleaveUnmerged?: boolean;\n\t\tdoNotResetEntireContent?: boolean;\n\t\tdoNotAutoparagraph?: boolean;\n\t\tdoNotFixSelection?: boolean;\n\t} = {}\n): void {\n\tif ( selection.isCollapsed ) {\n\t\treturn;\n\t}\n\n\tconst selRange = selection.getFirstRange()!;\n\n\t// If the selection is already removed, don't do anything.\n\tif ( selRange.root.rootName == '$graveyard' ) {\n\t\treturn;\n\t}\n\n\tconst schema = model.schema;\n\n\tmodel.change( writer => {\n\t\t// 1. Replace the entire content with paragraph.\n\t\t// See: https://github.com/ckeditor/ckeditor5-engine/issues/1012#issuecomment-315017594.\n\t\tif ( !options.doNotResetEntireContent && shouldEntireContentBeReplacedWithParagraph( schema, selection ) ) {\n\t\t\treplaceEntireContentWithParagraph( writer, selection );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Collect attributes to copy in case of autoparagraphing.\n\t\tconst attributesForAutoparagraph = {};\n\n\t\tif ( !options.doNotAutoparagraph ) {\n\t\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\t\tif ( selectedElement ) {\n\t\t\t\tObject.assign( attributesForAutoparagraph, schema.getAttributesWithProperty( selectedElement, 'copyOnReplace', true ) );\n\t\t\t}\n\t\t}\n\n\t\t// Get the live positions for the range adjusted to span only blocks selected from the user perspective.\n\t\tlet startPosition, endPosition;\n\n\t\tif ( !options.doNotFixSelection ) {\n\t\t\t[ startPosition, endPosition ] = getLivePositionsForSelectedBlocks( selRange );\n\t\t} else {\n\t\t\tstartPosition = ModelLivePosition.fromPosition( selRange.start, 'toPrevious' );\n\t\t\tendPosition = ModelLivePosition.fromPosition( selRange.end, 'toNext' );\n\t\t}\n\n\t\t// 2. Remove the content if there is any.\n\t\tif ( !startPosition.isTouching( endPosition ) ) {\n\t\t\twriter.remove( writer.createRange( startPosition, endPosition ) );\n\t\t}\n\n\t\t// 3. Merge elements in the right branch to the elements in the left branch.\n\t\t// The only reasonable (in terms of data and selection correctness) case in which we need to do that is:\n\t\t//\n\t\t// <heading type=1>Fo[</heading><paragraph>]ar</paragraph> => <heading type=1>Fo^ar</heading>\n\t\t//\n\t\t// However, the algorithm supports also merging deeper structures (up to the depth of the shallower branch),\n\t\t// as it's hard to imagine what should actually be the default behavior. Usually, specific features will\n\t\t// want to override that behavior anyway.\n\t\tif ( !options.leaveUnmerged ) {\n\t\t\tmergeBranches( writer, startPosition, endPosition );\n\n\t\t\t// TMP this will be replaced with a postfixer.\n\t\t\t// We need to check and strip disallowed attributes in all nested nodes because after merge\n\t\t\t// some attributes could end up in a path where are disallowed.\n\t\t\t//\n\t\t\t// e.g. bold is disallowed for <H1>\n\t\t\t// <h1>Fo{o</h1><p>b}a<b>r</b><p> -> <h1>Fo{}a<b>r</b><h1> -> <h1>Fo{}ar<h1>.\n\t\t\tschema.removeDisallowedAttributes( startPosition.parent.getChildren(), writer );\n\t\t}\n\n\t\tcollapseSelectionAt( writer, selection, startPosition );\n\n\t\t// 4. Add a paragraph to set selection in it.\n\t\t// Check if a text is allowed in the new container. If not, try to create a new paragraph (if it's allowed here).\n\t\t// If autoparagraphing is off, we assume that you know what you do so we leave the selection wherever it was.\n\t\tif ( !options.doNotAutoparagraph && shouldAutoparagraph( schema, startPosition ) ) {\n\t\t\tinsertParagraph( writer, startPosition, selection, attributesForAutoparagraph );\n\t\t}\n\n\t\tstartPosition.detach();\n\t\tendPosition.detach();\n\t} );\n}\n\n/**\n * Returns the live positions for the range adjusted to span only blocks selected from the user perspective. Example:\n *\n * ```\n * <heading1>[foo</heading1>\n * <paragraph>bar</paragraph>\n * <heading1>]abc</heading1>  <-- this block is not considered as selected\n * ```\n *\n * This is the same behavior as in Selection#getSelectedBlocks() \"special case\".\n */\nfunction getLivePositionsForSelectedBlocks( range: ModelRange ): [ startPosition: ModelLivePosition, endPosition: ModelLivePosition ] {\n\tconst model = range.root.document!.model;\n\n\tconst startPosition = range.start;\n\tlet endPosition = range.end;\n\n\t// If the end of selection is at the start position of last block in the selection, then\n\t// shrink it to not include that trailing block. Note that this should happen only for not empty selection.\n\tif ( model.hasContent( range, { ignoreMarkers: true } ) ) {\n\t\tconst endBlock = getParentBlock( endPosition );\n\n\t\tif ( endBlock && endPosition.isTouching( model.createPositionAt( endBlock, 0 ) ) ) {\n\t\t\t// Create forward selection as a probe to find a valid position after excluding last block from the range.\n\t\t\tconst selection = model.createSelection( range );\n\n\t\t\t// Modify the forward selection in backward direction to shrink it and remove first position of following block from it.\n\t\t\t// This is how modifySelection works and here we are making use of it.\n\t\t\tmodel.modifySelection( selection, { direction: 'backward' } );\n\n\t\t\tconst newEndPosition = selection.getLastPosition()!;\n\n\t\t\t// For such a model and selection:\n\t\t\t//     <paragraph>A[</paragraph><imageBlock></imageBlock><paragraph>]B</paragraph>\n\t\t\t//\n\t\t\t// After modifySelection(), we would end up with this:\n\t\t\t//     <paragraph>A[</paragraph>]<imageBlock></imageBlock><paragraph>B</paragraph>\n\t\t\t//\n\t\t\t// So we need to check if there is no content in the skipped range (because we want to include the <imageBlock>).\n\t\t\tconst skippedRange = model.createRange( newEndPosition, endPosition );\n\n\t\t\tif ( !model.hasContent( skippedRange, { ignoreMarkers: true } ) ) {\n\t\t\t\tendPosition = newEndPosition;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn [\n\t\tModelLivePosition.fromPosition( startPosition, 'toPrevious' ),\n\t\tModelLivePosition.fromPosition( endPosition, 'toNext' )\n\t];\n}\n\n/**\n * Finds the lowest element in position's ancestors which is a block.\n * Returns null if a limit element is encountered before reaching a block element.\n */\nfunction getParentBlock( position: ModelPosition ): ModelElement | null | undefined {\n\tconst element = position.parent;\n\tconst schema = element.root.document!.model.schema;\n\tconst ancestors = element.getAncestors( { parentFirst: true, includeSelf: true } );\n\n\tfor ( const element of ancestors ) {\n\t\tif ( schema.isLimit( element ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( schema.isBlock( element ) ) {\n\t\t\treturn element as ModelElement;\n\t\t}\n\t}\n}\n\n/**\n * This function is a result of reaching the Ballmer's peak for just the right amount of time.\n * Even I had troubles documenting it after a while and after reading it again I couldn't believe that it really works.\n */\nfunction mergeBranches( writer: ModelWriter, startPosition: ModelPosition, endPosition: ModelPosition ) {\n\tconst model = writer.model;\n\n\t// Verify if there is a need and possibility to merge.\n\tif ( !checkShouldMerge( writer.model.schema, startPosition, endPosition ) ) {\n\t\treturn;\n\t}\n\n\t// If the start element on the common ancestor level is empty, and the end element on the same level is not empty\n\t// then merge those to the right element so that it's properties are preserved (name, attributes).\n\t// Because of OT merging is used instead of removing elements.\n\t//\n\t// Merge left:\n\t//     <heading1>foo[</heading1>    ->  <heading1>foo[]bar</heading1>\n\t//     <paragraph>]bar</paragraph>  ->               --^\n\t//\n\t// Merge right:\n\t//     <heading1>[</heading1>       ->\n\t//     <paragraph>]bar</paragraph>  ->  <paragraph>[]bar</paragraph>\n\t//\n\t// Merge left:\n\t//     <blockQuote>                     ->  <blockQuote>\n\t//         <heading1>foo[</heading1>    ->      <heading1>foo[]bar</heading1>\n\t//         <paragraph>]bar</paragraph>  ->                   --^\n\t//     </blockQuote>                    ->  </blockQuote>\n\t//\n\t// Merge right:\n\t//     <blockQuote>                     ->  <blockQuote>\n\t//         <heading1>[</heading1>       ->\n\t//         <paragraph>]bar</paragraph>  ->      <paragraph>[]bar</paragraph>\n\t//     </blockQuote>                    ->  </blockQuote>\n\n\t// Merging should not go deeper than common ancestor.\n\tconst [ startAncestor, endAncestor ] = getAncestorsJustBelowCommonAncestor( startPosition, endPosition );\n\n\t// Branches can't be merged if one of the positions is directly inside a common ancestor.\n\t//\n\t// Example:\n\t//     <blockQuote>\n\t//         <paragraph>[foo</paragraph>]\n\t//         <table> ... </table>\n\t//     <blockQuote>\n\t//\n\tif ( !startAncestor || !endAncestor ) {\n\t\treturn;\n\t}\n\n\tif ( !model.hasContent( startAncestor, { ignoreMarkers: true } ) && model.hasContent( endAncestor, { ignoreMarkers: true } ) ) {\n\t\tmergeBranchesRight( writer, startPosition, endPosition, startAncestor.parent );\n\t} else {\n\t\tmergeBranchesLeft( writer, startPosition, endPosition, startAncestor.parent );\n\t}\n}\n\n/**\n * Merging blocks to the left (properties of the left block are preserved).\n * Simple example:\n *\n * ```\n * <heading1>foo[</heading1>    ->  <heading1>foo[bar</heading1>]\n * <paragraph>]bar</paragraph>  ->              --^\n * ```\n *\n * Nested example:\n *\n * ```\n * <blockQuote>                     ->  <blockQuote>\n *     <heading1>foo[</heading1>    ->      <heading1>foo[bar</heading1>\n * </blockQuote>                    ->  </blockQuote>]    ^\n * <blockBlock>                     ->                    |\n *     <paragraph>]bar</paragraph>  ->                 ---\n * </blockBlock>                    ->\n * ```\n */\nfunction mergeBranchesLeft(\n\twriter: ModelWriter,\n\tstartPosition: ModelPosition,\n\tendPosition: ModelPosition,\n\tcommonAncestor: ModelElement | ModelDocumentFragment | null\n) {\n\tconst startElement = startPosition.parent as ModelElement;\n\tconst endElement = endPosition.parent as ModelElement;\n\n\t// Merging reached the common ancestor element, stop here.\n\tif ( startElement == commonAncestor || endElement == commonAncestor ) {\n\t\treturn;\n\t}\n\n\t// Remember next positions to merge in next recursive step (also used as modification points pointers).\n\tstartPosition = writer.createPositionAfter( startElement );\n\tendPosition = writer.createPositionBefore( endElement );\n\n\t// Move endElement just after startElement if they aren't siblings.\n\tif ( !endPosition.isEqual( startPosition ) ) {\n\t\t//\n\t\t//     <blockQuote>                     ->  <blockQuote>\n\t\t//         <heading1>foo[</heading1>    ->      <heading1>foo</heading1>[<paragraph>bar</paragraph>\n\t\t//     </blockQuote>                    ->  </blockQuote>                ^\n\t\t//     <blockBlock>                     ->  <blockBlock>                 |\n\t\t//         <paragraph>]bar</paragraph>  ->      ]                     ---\n\t\t//     </blockBlock>                    ->  </blockBlock>\n\t\t//\n\t\twriter.insert( endElement, startPosition );\n\t}\n\n\t// Merge two siblings (nodes on sides of startPosition):\n\t//\n\t//     <blockQuote>                                             ->  <blockQuote>\n\t//         <heading1>foo</heading1>[<paragraph>bar</paragraph>  ->      <heading1>foo[bar</heading1>\n\t//     </blockQuote>                                            ->  </blockQuote>\n\t//     <blockBlock>                                             ->  <blockBlock>\n\t//         ]                                                    ->      ]\n\t//     </blockBlock>                                            ->  </blockBlock>\n\t//\n\t// Or in simple case (without moving elements in above if):\n\t//     <heading1>foo</heading1>[<paragraph>bar</paragraph>]  ->  <heading1>foo[bar</heading1>]\n\t//\n\twriter.merge( startPosition );\n\n\t// Remove empty end ancestors:\n\t//\n\t//     <blockQuote>                      ->  <blockQuote>\n\t//         <heading1>foo[bar</heading1>  ->      <heading1>foo[bar</heading1>\n\t//     </blockQuote>                     ->  </blockQuote>\n\t//     <blockBlock>                      ->\n\t//         ]                             ->  ]\n\t//     </blockBlock>                     ->\n\t//\n\twhile ( endPosition.parent.isEmpty ) {\n\t\tconst parentToRemove = endPosition.parent as ModelElement;\n\n\t\tendPosition = writer.createPositionBefore( parentToRemove );\n\n\t\twriter.remove( parentToRemove );\n\t}\n\n\t// Verify if there is a need and possibility to merge next level.\n\tif ( !checkShouldMerge( writer.model.schema, startPosition, endPosition ) ) {\n\t\treturn;\n\t}\n\n\t// Continue merging next level (blockQuote with blockBlock in the examples above if it would not be empty and got removed).\n\tmergeBranchesLeft( writer, startPosition, endPosition, commonAncestor );\n}\n\n/**\n * Merging blocks to the right (properties of the right block are preserved).\n * Simple example:\n *\n * ```\n * <heading1>foo[</heading1>    ->            --v\n * <paragraph>]bar</paragraph>  ->  [<paragraph>foo]bar</paragraph>\n * ```\n *\n * Nested example:\n *\n * ```\n * <blockQuote>                     ->\n *     <heading1>foo[</heading1>    ->              ---\n * </blockQuote>                    ->                 |\n * <blockBlock>                     ->  [<blockBlock>  v\n *     <paragraph>]bar</paragraph>  ->      <paragraph>foo]bar</paragraph>\n * </blockBlock>                    ->  </blockBlock>\n * ```\n */\nfunction mergeBranchesRight(\n\twriter: ModelWriter,\n\tstartPosition: ModelPosition,\n\tendPosition: ModelPosition,\n\tcommonAncestor: ModelElement | ModelDocumentFragment | null\n) {\n\tconst startElement = startPosition.parent as ModelElement;\n\tconst endElement = endPosition.parent as ModelElement;\n\n\t// Merging reached the common ancestor element, stop here.\n\tif ( startElement == commonAncestor || endElement == commonAncestor ) {\n\t\treturn;\n\t}\n\n\t// Remember next positions to merge in next recursive step (also used as modification points pointers).\n\tstartPosition = writer.createPositionAfter( startElement );\n\tendPosition = writer.createPositionBefore( endElement );\n\n\t// Move startElement just before endElement if they aren't siblings.\n\tif ( !endPosition.isEqual( startPosition ) ) {\n\t\t//\n\t\t//     <blockQuote>                     ->  <blockQuote>\n\t\t//         <heading1>foo[</heading1>    ->      [                   ---\n\t\t//     </blockQuote>                    ->  </blockQuote>              |\n\t\t//     <blockBlock>                     ->  <blockBlock>               v\n\t\t//         <paragraph>]bar</paragraph>  ->      <heading1>foo</heading1>]<paragraph>bar</paragraph>\n\t\t//     </blockBlock>                    ->  </blockBlock>\n\t\t//\n\t\twriter.insert( startElement, endPosition );\n\t}\n\n\t// Remove empty end ancestors:\n\t//\n\t//     <blockQuote>                                             ->\n\t//         [                                                    ->  [\n\t//     </blockQuote>                                            ->\n\t//     <blockBlock>                                             ->  <blockBlock>\n\t//         <heading1>foo</heading1>]<paragraph>bar</paragraph>  ->      <heading1>foo</heading1>]<paragraph>bar</paragraph>\n\t//     </blockBlock>                                            ->  </blockBlock>\n\t//\n\twhile ( startPosition.parent.isEmpty ) {\n\t\tconst parentToRemove = startPosition.parent as ModelElement;\n\n\t\tstartPosition = writer.createPositionBefore( parentToRemove );\n\n\t\twriter.remove( parentToRemove );\n\t}\n\n\t// Update endPosition after inserting and removing elements.\n\tendPosition = writer.createPositionBefore( endElement );\n\n\t// Merge right two siblings (nodes on sides of endPosition):\n\t//                                                              ->\n\t//     [                                                        ->  [\n\t//                                                              ->\n\t//     <blockBlock>                                             ->  <blockBlock>\n\t//         <heading1>foo</heading1>]<paragraph>bar</paragraph>  ->      <paragraph>foo]bar</paragraph>\n\t//     </blockBlock>                                            ->  </blockBlock>\n\t//\n\t// Or in simple case (without moving elements in above if):\n\t//     [<heading1>foo</heading1>]<paragraph>bar</paragraph>  ->  [<heading1>foo]bar</heading1>\n\t//\n\tmergeRight( writer, endPosition );\n\n\t// Verify if there is a need and possibility to merge next level.\n\tif ( !checkShouldMerge( writer.model.schema, startPosition, endPosition ) ) {\n\t\treturn;\n\t}\n\n\t// Continue merging next level (blockQuote with blockBlock in the examples above if it would not be empty and got removed).\n\tmergeBranchesRight( writer, startPosition, endPosition, commonAncestor );\n}\n\n/**\n * There is no right merge operation so we need to simulate it.\n */\nfunction mergeRight( writer: ModelWriter, position: ModelPosition ) {\n\tconst startElement: any = position.nodeBefore;\n\tconst endElement: any = position.nodeAfter;\n\n\tif ( startElement.name != endElement.name ) {\n\t\twriter.rename( startElement, endElement.name );\n\t}\n\n\twriter.clearAttributes( startElement );\n\twriter.setAttributes( Object.fromEntries( endElement.getAttributes() ), startElement );\n\n\twriter.merge( position );\n}\n\n/**\n * Verifies if merging is needed and possible. It's not needed if both positions are in the same element\n * and it's not possible if some element is a limit or the range crosses a limit element.\n */\nfunction checkShouldMerge( schema: ModelSchema, startPosition: ModelPosition, endPosition: ModelPosition ): boolean {\n\tconst startElement = startPosition.parent;\n\tconst endElement = endPosition.parent;\n\n\t// If both positions ended up in the same parent, then there's nothing more to merge:\n\t// <$root><p>x[</p><p>]y</p></$root> => <$root><p>xy</p>[]</$root>\n\tif ( startElement == endElement ) {\n\t\treturn false;\n\t}\n\n\t// If one of the positions is a limit element, then there's nothing to merge because we don't want to cross the limit boundaries.\n\tif ( schema.isLimit( startElement ) || schema.isLimit( endElement ) ) {\n\t\treturn false;\n\t}\n\n\t// Check if operations we'll need to do won't need to cross object or limit boundaries.\n\t// E.g., we can't merge endElement into startElement in this case:\n\t// <limit><startElement>x[</startElement></limit><endElement>]</endElement>\n\treturn isCrossingLimitElement( startPosition, endPosition, schema );\n}\n\n/**\n * Returns the elements that are the ancestors of the provided positions that are direct children of the common ancestor.\n */\nfunction getAncestorsJustBelowCommonAncestor( positionA: ModelPosition, positionB: ModelPosition ) {\n\tconst ancestorsA = positionA.getAncestors();\n\tconst ancestorsB = positionB.getAncestors();\n\n\tlet i = 0;\n\n\twhile ( ancestorsA[ i ] && ancestorsA[ i ] == ancestorsB[ i ] ) {\n\t\ti++;\n\t}\n\n\treturn [ ancestorsA[ i ], ancestorsB[ i ] ];\n}\n\nfunction shouldAutoparagraph( schema: ModelSchema, position: ModelPosition ) {\n\tconst isTextAllowed = schema.checkChild( position, '$text' );\n\tconst isParagraphAllowed = schema.checkChild( position, 'paragraph' );\n\n\treturn !isTextAllowed && isParagraphAllowed;\n}\n\n/**\n * Check if parents of two positions can be merged by checking if there are no limit/object\n * boundaries between those two positions.\n *\n * E.g. in <bQ><p>x[]</p></bQ><widget><caption>{}</caption></widget>\n * we'll check <p>, <bQ>, <widget> and <caption>.\n * Usually, widget and caption are marked as objects/limits in the schema, so in this case merging will be blocked.\n */\nfunction isCrossingLimitElement( leftPos: ModelPosition, rightPos: ModelPosition, schema: ModelSchema ) {\n\tconst rangeToCheck = new ModelRange( leftPos, rightPos );\n\n\tfor ( const value of rangeToCheck.getWalker() ) {\n\t\tif ( schema.isLimit( value.item ) ) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\treturn true;\n}\n\nfunction insertParagraph(\n\twriter: ModelWriter,\n\tposition: ModelPosition,\n\tselection: ModelSelection | ModelDocumentSelection,\n\tattributes = {}\n) {\n\tconst paragraph = writer.createElement( 'paragraph' );\n\n\twriter.model.schema.setAllowedAttributes( paragraph, attributes, writer );\n\n\twriter.insert( paragraph, position );\n\n\tcollapseSelectionAt( writer, selection, writer.createPositionAt( paragraph, 0 ) );\n}\n\nfunction replaceEntireContentWithParagraph( writer: ModelWriter, selection: ModelSelection | ModelDocumentSelection ) {\n\tconst limitElement = writer.model.schema.getLimitElement( selection );\n\n\twriter.remove( writer.createRangeIn( limitElement ) );\n\tinsertParagraph( writer, writer.createPositionAt( limitElement, 0 ), selection );\n}\n\n/**\n * We want to replace the entire content with a paragraph when:\n * * the entire content is selected,\n * * selection contains at least two elements,\n * * whether the paragraph is allowed in schema in the common ancestor.\n */\nfunction shouldEntireContentBeReplacedWithParagraph( schema: ModelSchema, selection: ModelSelection | ModelDocumentSelection ) {\n\tconst limitElement = schema.getLimitElement( selection );\n\n\tif ( !selection.containsEntireContent( limitElement ) ) {\n\t\treturn false;\n\t}\n\n\tconst range = selection.getFirstRange()!;\n\n\tif ( range.start.parent == range.end.parent ) {\n\t\treturn false;\n\t}\n\n\treturn schema.checkChild( limitElement, 'paragraph' );\n}\n\n/**\n * Helper function that sets the selection. Depending whether given `selection` is a document selection or not,\n * uses a different method to set it.\n */\nfunction collapseSelectionAt(\n\twriter: ModelWriter,\n\tselection: ModelSelection | ModelDocumentSelection,\n\tpositionOrRange: ModelPosition | ModelRange\n) {\n\tif ( selection instanceof ModelDocumentSelection ) {\n\t\twriter.setSelection( positionOrRange );\n\t} else {\n\t\tselection.setTo( positionOrRange );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { type ModelDocumentFragment } from '../documentfragment.js';\nimport { type ModelDocumentSelection } from '../documentselection.js';\nimport { type ModelElement } from '../element.js';\nimport { type Model } from '../model.js';\nimport { type ModelRange } from '../range.js';\nimport { type ModelSelection } from '../selection.js';\nimport { type ModelWriter } from '../writer.js';\n\n/**\n * @module engine/model/utils/getselectedcontent\n */\n\n/**\n * Gets a clone of the selected content.\n *\n * For example, for the following selection:\n *\n * ```html\n * <p>x</p><quote><p>y</p><h>fir[st</h></quote><p>se]cond</p><p>z</p>\n * ```\n *\n * It will return a document fragment with such a content:\n *\n * ```html\n * <quote><h>st</h></quote><p>se</p>\n * ```\n *\n * @param model The model in context of which the selection modification should be performed.\n * @param selection The selection of which content will be returned.\n * @internal\n */\nexport function getSelectedContent(\n\tmodel: Model,\n\tselection: ModelSelection | ModelDocumentSelection\n): ModelDocumentFragment {\n\treturn model.change( writer => {\n\t\tconst frag = writer.createDocumentFragment();\n\t\tconst range = selection.getFirstRange();\n\n\t\tif ( !range || range.isCollapsed ) {\n\t\t\treturn frag;\n\t\t}\n\n\t\tconst root = range.start.root;\n\t\tconst commonPath = range.start.getCommonPath( range.end );\n\t\tconst commonParent = root.getNodeByPath( commonPath );\n\n\t\t// ## 1st step\n\t\t//\n\t\t// First, we'll clone a fragment represented by a minimal flat range\n\t\t// containing the original range to be cloned.\n\t\t// E.g. let's consider such a range:\n\t\t//\n\t\t// <p>x</p><quote><p>y</p><h>fir[st</h></quote><p>se]cond</p><p>z</p>\n\t\t//\n\t\t// A minimal flat range containing this one is:\n\t\t//\n\t\t// <p>x</p>[<quote><p>y</p><h>first</h></quote><p>second</p>]<p>z</p>\n\t\t//\n\t\t// We can easily clone this structure, preserving e.g. the <quote> element.\n\t\tlet flatSubtreeRange: ModelRange;\n\n\t\tif ( range.start.parent == range.end.parent ) {\n\t\t\t// The original range is flat, so take it.\n\t\t\tflatSubtreeRange = range;\n\t\t} else {\n\t\t\tflatSubtreeRange = writer.createRange(\n\t\t\t\twriter.createPositionAt( commonParent, range.start.path[ commonPath.length ] ),\n\t\t\t\twriter.createPositionAt( commonParent, range.end.path[ commonPath.length ] + 1 )\n\t\t\t);\n\t\t}\n\n\t\tconst howMany = flatSubtreeRange.end.offset - flatSubtreeRange.start.offset;\n\n\t\t// Clone the whole contents.\n\t\tfor ( const item of flatSubtreeRange.getItems( { shallow: true } ) ) {\n\t\t\tif ( item.is( '$textProxy' ) ) {\n\t\t\t\twriter.appendText( item.data, item.getAttributes(), frag );\n\t\t\t} else {\n\t\t\t\twriter.append( writer.cloneElement( item as ModelElement, true ), frag );\n\t\t\t}\n\t\t}\n\n\t\t// ## 2nd step\n\t\t//\n\t\t// If the original range wasn't flat, then we need to remove the excess nodes from the both ends of the cloned fragment.\n\t\t//\n\t\t// For example, for the range shown in the 1st step comment, we need to remove these pieces:\n\t\t//\n\t\t// <quote>[<p>y</p>]<h>[fir]st</h></quote><p>se[cond]</p>\n\t\t//\n\t\t// So this will be the final copied content:\n\t\t//\n\t\t// <quote><h>st</h></quote><p>se</p>\n\t\t//\n\t\t// In order to do that, we remove content from these two ranges:\n\t\t//\n\t\t// [<quote><p>y</p><h>fir]st</h></quote><p>se[cond</p>]\n\t\tif ( flatSubtreeRange != range ) {\n\t\t\t// Find the position of the original range in the cloned fragment.\n\t\t\tconst newRange = range._getTransformedByMove( flatSubtreeRange.start, writer.createPositionAt( frag, 0 ), howMany )[ 0 ];\n\n\t\t\tconst leftExcessRange = writer.createRange( writer.createPositionAt( frag, 0 ), newRange.start );\n\t\t\tconst rightExcessRange = writer.createRange( newRange.end, writer.createPositionAt( frag, 'end' ) );\n\n\t\t\tremoveRangeContent( rightExcessRange, writer );\n\t\t\tremoveRangeContent( leftExcessRange, writer );\n\t\t}\n\n\t\treturn frag;\n\t} );\n}\n\n// After https://github.com/ckeditor/ckeditor5-engine/issues/690 is fixed,\n// this function will, most likely, be able to rewritten using getMinimalFlatRanges().\nfunction removeRangeContent( range: ModelRange, writer: ModelWriter ) {\n\tconst parentsToCheck: Array<ModelElement | ModelDocumentFragment> = [];\n\n\tArray.from( range.getItems( { direction: 'backward' } ) )\n\t\t// We should better store ranges because text proxies will lose integrity\n\t\t// with the text nodes when we'll start removing content.\n\t\t.map( item => writer.createRangeOn( item ) )\n\t\t// Filter only these items which are fully contained in the passed range.\n\t\t//\n\t\t// E.g. for the following range: [<quote><p>y</p><h>fir]st</h>\n\t\t// the walker will return the entire <h> element, when only the \"fir\" item inside it is fully contained.\n\t\t.filter( itemRange => {\n\t\t\t// We should be able to use Range.containsRange, but https://github.com/ckeditor/ckeditor5-engine/issues/691.\n\t\t\tconst contained =\n\t\t\t\t( itemRange.start.isAfter( range.start ) || itemRange.start.isEqual( range.start ) ) &&\n\t\t\t\t( itemRange.end.isBefore( range.end ) || itemRange.end.isEqual( range.end ) );\n\n\t\t\treturn contained;\n\t\t} )\n\t\t.forEach( itemRange => {\n\t\t\tparentsToCheck.push( itemRange.start.parent );\n\n\t\t\twriter.remove( itemRange );\n\t\t} );\n\n\t// Remove ancestors of the removed items if they turned to be empty now\n\t// (their whole content was contained in the range).\n\tparentsToCheck.forEach( parentToCheck => {\n\t\tlet parent = parentToCheck;\n\n\t\twhile ( parent.parent && parent.isEmpty ) {\n\t\t\tconst removeRange = writer.createRangeOn( parent );\n\n\t\t\tparent = parent.parent;\n\n\t\t\twriter.remove( removeRange );\n\t\t}\n\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/utils/insertcontent\n */\n\nimport { ModelDocumentSelection } from '../documentselection.js';\nimport { ModelElement } from '../element.js';\nimport { ModelLivePosition } from '../liveposition.js';\nimport { ModelLiveRange } from '../liverange.js';\nimport { ModelPosition } from '../position.js';\nimport { ModelRange } from '../range.js';\n\nimport { type ModelDocumentFragment } from '../documentfragment.js';\nimport { type ModelItem } from '../item.js';\nimport { type Model } from '../model.js';\nimport { type ModelSchema } from '../schema.js';\nimport { type ModelWriter } from '../writer.js';\nimport { type ModelNode } from '../node.js';\nimport { type ModelSelection } from '../selection.js';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Inserts content into the editor (specified selection) as one would expect the paste functionality to work.\n *\n * It takes care of removing the selected content, splitting elements (if needed), inserting elements and merging elements appropriately.\n *\n * Some examples:\n *\n * ```html\n * <p>x^</p> + <p>y</p> => <p>x</p><p>y</p> => <p>xy[]</p>\n * <p>x^y</p> + <p>z</p> => <p>x</p>^<p>y</p> + <p>z</p> => <p>x</p><p>z</p><p>y</p> => <p>xz[]y</p>\n * <p>x^y</p> + <img /> => <p>x</p>^<p>y</p> + <img /> => <p>x</p><img /><p>y</p>\n * <p>x</p><p>^</p><p>z</p> + <p>y</p> => <p>x</p><p>y[]</p><p>z</p> (no merging)\n * <p>x</p>[<img />]<p>z</p> + <p>y</p> => <p>x</p>^<p>z</p> + <p>y</p> => <p>x</p><p>y[]</p><p>z</p>\n * ```\n *\n * If an instance of {@link module:engine/model/selection~ModelSelection} is passed as `selectable` it will be modified\n * to the insertion selection (equal to a range to be selected after insertion).\n *\n * If `selectable` is not passed, the content will be inserted using the current selection of the model document.\n *\n * **Note:** Use {@link module:engine/model/model~Model#insertContent} instead of this function.\n * This function is only exposed to be reusable in algorithms which change the {@link module:engine/model/model~Model#insertContent}\n * method's behavior.\n *\n * @param model The model in context of which the insertion should be performed.\n * @param content The content to insert.\n * @param selectable Selection into which the content should be inserted.\n * @returns Range which contains all the performed changes. This is a range that, if removed,\n * would return the model to the state before the insertion. If no changes were preformed by `insertContent`, returns a range collapsed\n * at the insertion position.\n * @internal\n */\nexport function insertContent(\n\tmodel: Model,\n\tcontent: ModelItem | ModelDocumentFragment,\n\tselectable?: ModelSelection | ModelDocumentSelection\n): ModelRange {\n\treturn model.change( writer => {\n\t\tconst selection: ModelSelection | ModelDocumentSelection = selectable ? selectable : model.document.selection;\n\n\t\tif ( !selection.isCollapsed ) {\n\t\t\tmodel.deleteContent( selection, { doNotAutoparagraph: true } );\n\t\t}\n\n\t\tconst insertion = new Insertion( model, writer, selection.anchor! );\n\t\tconst fakeMarkerElements = [];\n\n\t\tlet nodesToInsert: any;\n\n\t\tif ( content.is( 'documentFragment' ) ) {\n\t\t\t// If document fragment has any markers, these markers should be inserted into the model as well.\n\t\t\tif ( content.markers.size ) {\n\t\t\t\tconst markersPosition = [];\n\n\t\t\t\tfor ( const [ name, range ] of content.markers ) {\n\t\t\t\t\tconst { start, end } = range;\n\t\t\t\t\tconst isCollapsed = start.isEqual( end );\n\n\t\t\t\t\tmarkersPosition.push(\n\t\t\t\t\t\t{ position: start, name, isCollapsed },\n\t\t\t\t\t\t{ position: end, name, isCollapsed }\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// Markers position is sorted backwards to ensure that the insertion of fake markers will not change\n\t\t\t\t// the position of the next markers.\n\t\t\t\tmarkersPosition.sort( ( { position: posA }, { position: posB } ) => posA.isBefore( posB ) ? 1 : -1 );\n\n\t\t\t\tfor ( const { position, name, isCollapsed } of markersPosition ) {\n\t\t\t\t\tlet fakeElement = null;\n\t\t\t\t\tlet collapsed = null;\n\t\t\t\t\tconst isAtBeginning = position.parent === content && position.isAtStart;\n\t\t\t\t\tconst isAtEnd = position.parent === content && position.isAtEnd;\n\n\t\t\t\t\t// We have two ways of handling markers. In general, we want to add temporary <$marker> model elements to\n\t\t\t\t\t// represent marker boundaries. These elements will be inserted into content together with the rest\n\t\t\t\t\t// of the document fragment. After insertion is done, positions for these elements will be read\n\t\t\t\t\t// and proper, actual markers will be created in the model and fake elements will be removed.\n\t\t\t\t\t//\n\t\t\t\t\t// However, if the <$marker> element is at the beginning or at the end of the document fragment,\n\t\t\t\t\t// it may affect how the inserted content is merged with current model, impacting the insertion\n\t\t\t\t\t// result. To avoid that, we don't add <$marker> elements at these positions. Instead, we will use\n\t\t\t\t\t// `Insertion#getAffectedRange()` to figure out new positions for these marker boundaries.\n\t\t\t\t\tif ( !isAtBeginning && !isAtEnd ) {\n\t\t\t\t\t\tfakeElement = writer.createElement( '$marker' );\n\t\t\t\t\t\twriter.insert( fakeElement, position );\n\t\t\t\t\t} else if ( isCollapsed ) {\n\t\t\t\t\t\t// Save whether the collapsed marker was at the beginning or at the end of document fragment\n\t\t\t\t\t\t// to know where to create it after the insertion is done.\n\t\t\t\t\t\tcollapsed = isAtBeginning ? 'start' as const : 'end' as const;\n\t\t\t\t\t}\n\n\t\t\t\t\tfakeMarkerElements.push( {\n\t\t\t\t\t\tname,\n\t\t\t\t\t\telement: fakeElement,\n\t\t\t\t\t\tcollapsed\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tnodesToInsert = content.getChildren();\n\t\t} else {\n\t\t\tnodesToInsert = [ content ];\n\t\t}\n\n\t\tinsertion.handleNodes( nodesToInsert );\n\n\t\tlet newRange = insertion.getSelectionRange();\n\n\t\tif ( content.is( 'documentFragment' ) && fakeMarkerElements.length ) {\n\t\t\t// After insertion was done, the selection was set but the model contains fake <$marker> elements.\n\t\t\t// These <$marker> elements will be now removed. Because of that, we will need to fix the selection.\n\t\t\t// We will create a live range that will automatically be update as <$marker> elements are removed.\n\t\t\tconst selectionLiveRange = newRange ? ModelLiveRange.fromRange( newRange ) : null;\n\n\t\t\t// Marker name -> [ start position, end position ].\n\t\t\tconst markersData: Record<string, Array<ModelPosition>> = {};\n\n\t\t\t// Note: `fakeMarkerElements` are sorted backwards. However, now, we want to handle the markers\n\t\t\t// from the beginning, so that existing <$marker> elements do not affect markers positions.\n\t\t\t// This is why we iterate from the end to the start.\n\t\t\tfor ( let i = fakeMarkerElements.length - 1; i >= 0; i-- ) {\n\t\t\t\tconst { name, element, collapsed } = fakeMarkerElements[ i ];\n\t\t\t\tconst isStartBoundary = !markersData[ name ];\n\n\t\t\t\tif ( isStartBoundary ) {\n\t\t\t\t\tmarkersData[ name ] = [];\n\t\t\t\t}\n\n\t\t\t\tif ( element ) {\n\t\t\t\t\t// Read fake marker element position to learn where the marker should be created.\n\t\t\t\t\tconst elementPosition = writer.createPositionAt( element, 'before' );\n\n\t\t\t\t\tmarkersData[ name ].push( elementPosition );\n\n\t\t\t\t\twriter.remove( element );\n\t\t\t\t} else {\n\t\t\t\t\t// If the fake marker element does not exist, it means that the marker boundary was at the beginning or at the end.\n\t\t\t\t\tconst rangeOnInsertion = insertion.getAffectedRange();\n\n\t\t\t\t\tif ( !rangeOnInsertion ) {\n\t\t\t\t\t\t// If affected range is `null` it means that nothing was in the document fragment or all content was filtered out.\n\t\t\t\t\t\t// Some markers that were in the filtered content may be removed (partially or totally).\n\t\t\t\t\t\t// Let's handle only those markers that were at the beginning or at the end of the document fragment.\n\t\t\t\t\t\tif ( collapsed ) {\n\t\t\t\t\t\t\tmarkersData[ name ].push( insertion.position );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( collapsed ) {\n\t\t\t\t\t\t// If the marker was collapsed at the beginning or at the end of the document fragment,\n\t\t\t\t\t\t// put both boundaries at the beginning or at the end of inserted range (to keep the marker collapsed).\n\t\t\t\t\t\tmarkersData[ name ].push( rangeOnInsertion[ collapsed ] );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmarkersData[ name ].push( isStartBoundary ? rangeOnInsertion.start : rangeOnInsertion.end );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( const [ name, [ start, end ] ] of Object.entries( markersData ) ) {\n\t\t\t\t// For now, we ignore markers if they are included in the filtered-out content.\n\t\t\t\t// In the future implementation we will improve that case to create markers that are not filtered out completely.\n\t\t\t\tif ( start && end && start.root === end.root && start.root.document && !writer.model.markers.has( name ) ) {\n\t\t\t\t\twriter.addMarker( name, {\n\t\t\t\t\t\tusingOperation: true,\n\t\t\t\t\t\taffectsData: true,\n\t\t\t\t\t\trange: new ModelRange( start, end )\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( selectionLiveRange ) {\n\t\t\t\tnewRange = selectionLiveRange.toRange();\n\t\t\t\tselectionLiveRange.detach();\n\t\t\t}\n\t\t}\n\n\t\t/* istanbul ignore else -- @preserve */\n\t\tif ( newRange ) {\n\t\t\tif ( selection instanceof ModelDocumentSelection ) {\n\t\t\t\twriter.setSelection( newRange );\n\t\t\t} else {\n\t\t\t\tselection.setTo( newRange );\n\t\t\t}\n\t\t} else {\n\t\t\t// We are not testing else because it's a safe check for unpredictable edge cases:\n\t\t\t// an insertion without proper range to select.\n\t\t\t//\n\t\t\t// @if CK_DEBUG // console.warn( 'Cannot determine a proper selection range after insertion.' );\n\t\t}\n\n\t\tconst affectedRange = insertion.getAffectedRange() || model.createRange( selection.anchor! );\n\n\t\tinsertion.destroy();\n\n\t\treturn affectedRange;\n\t} );\n}\n\n/**\n * Utility class for performing content insertion.\n */\nclass Insertion {\n\t/**\n\t * The model in context of which the insertion should be performed.\n\t */\n\tpublic readonly model: Model;\n\n\t/**\n\t * Batch to which operations will be added.\n\t */\n\tpublic readonly writer: ModelWriter;\n\n\t/**\n\t * The position at which (or near which) the next node will be inserted.\n\t */\n\tpublic position: ModelPosition;\n\n\t/**\n\t * Elements with which the inserted elements can be merged.\n\t *\n\t * ```html\n\t * <p>x^</p><p>y</p> + <p>z</p> (can merge to <p>x</p>)\n\t * <p>x</p><p>^y</p> + <p>z</p> (can merge to <p>y</p>)\n\t * <p>x^y</p> + <p>z</p> (can merge to <p>xy</p> which will be split during the action,\n\t * \t\t\t\t\t\tso both its pieces will be added to this set)\n\t * ```\n\t */\n\tpublic readonly canMergeWith: Set<ModelNode | ModelDocumentFragment | null>;\n\n\t/**\n\t * Schema of the model.\n\t */\n\tpublic readonly schema: ModelSchema;\n\n\t/**\n\t * The temporary ModelDocumentFragment used for grouping multiple nodes for single insert operation.\n\t */\n\tprivate readonly _documentFragment: ModelDocumentFragment;\n\n\t/**\n\t * The current position in the temporary ModelDocumentFragment.\n\t */\n\tprivate _documentFragmentPosition: ModelPosition;\n\n\t/**\n\t * The reference to the first inserted node.\n\t */\n\tprivate _firstNode: ModelNode | null = null;\n\n\t/**\n\t * The reference to the last inserted node.\n\t */\n\tprivate _lastNode: ModelNode | null = null;\n\n\t/**\n\t * The reference to the last auto paragraph node.\n\t */\n\tprivate _lastAutoParagraph: ModelElement | null = null;\n\n\t/**\n\t * The array of nodes that should be cleaned of not allowed attributes and sub-nodes.\n\t */\n\tprivate _filterAttributesAndChildrenOf: Array<ModelNode> = [];\n\n\t/**\n\t * Beginning of the affected range. See {@link module:engine/model/utils/insertcontent~Insertion#getAffectedRange}.\n\t */\n\tprivate _affectedStart: ModelLivePosition | null = null;\n\n\t/**\n\t * End of the affected range. See {@link module:engine/model/utils/insertcontent~Insertion#getAffectedRange}.\n\t */\n\tprivate _affectedEnd: ModelLivePosition | null = null;\n\n\tprivate _nodeToSelect: ModelNode | null = null;\n\n\tconstructor( model: Model, writer: ModelWriter, position: ModelPosition ) {\n\t\tthis.model = model;\n\t\tthis.writer = writer;\n\t\tthis.position = position;\n\t\tthis.canMergeWith = new Set( [ this.position.parent ] );\n\t\tthis.schema = model.schema;\n\n\t\tthis._documentFragment = writer.createDocumentFragment();\n\t\tthis._documentFragmentPosition = writer.createPositionAt( this._documentFragment, 0 );\n\t}\n\n\t/**\n\t * Handles insertion of a set of nodes.\n\t *\n\t * @param nodes Nodes to insert.\n\t */\n\tpublic handleNodes( nodes: Iterable<ModelNode> ): void {\n\t\tfor ( const node of Array.from( nodes ) ) {\n\t\t\t// Ignore empty nodes, especially empty text nodes.\n\t\t\tif ( node.offsetSize > 0 ) {\n\t\t\t\tthis._handleNode( node );\n\t\t\t}\n\t\t}\n\n\t\t// Insert nodes collected in temporary ModelDocumentFragment.\n\t\tthis._insertPartialFragment();\n\n\t\t// If there was an auto paragraph then we might need to adjust the end of insertion.\n\t\tif ( this._lastAutoParagraph ) {\n\t\t\tthis._updateLastNodeFromAutoParagraph( this._lastAutoParagraph );\n\t\t}\n\n\t\t// After the content was inserted we may try to merge it with its next sibling if the selection was in it initially.\n\t\t// Merging with the previous sibling was performed just after inserting the first node to the document.\n\t\tthis._mergeOnRight();\n\n\t\t// TMP this will become a post-fixer.\n\t\tthis.schema.removeDisallowedAttributes( this._filterAttributesAndChildrenOf, this.writer );\n\n\t\tif ( this.model._config?.get( 'experimentalFlags.modelInsertContentDeepSchemaVerification' ) ) {\n\t\t\tthis._removeDisallowedChildren( this._filterAttributesAndChildrenOf );\n\t\t}\n\n\t\tthis._filterAttributesAndChildrenOf = [];\n\t}\n\n\t/**\n\t * Removes disallowed children from nodes that were inserted or modified during insertion.\n\t */\n\tprivate _removeDisallowedChildren( nodes: Iterable<ModelNode> ): void {\n\t\t// Make sure we do not modify the original iterable.\n\t\tconst nodesArray = Array.from( nodes );\n\n\t\t// Check all sub-nodes of top level inserted nodes.\n\t\t// We do it at this point so node is already in the model tree and schema checks will be correct.\n\t\tfor ( const node of nodesArray ) {\n\t\t\tif ( !node.is( 'element' ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst remove = [];\n\t\t\tconst unwrap = [];\n\t\t\tconst walker = this.writer.createRangeIn( node ).getWalker( { ignoreElementEnd: true } );\n\n\t\t\tfor ( const { item } of walker ) {\n\t\t\t\tconst itemParent = item.parent as ModelElement;\n\n\t\t\t\tif ( !this.schema.checkChild( itemParent, item as ModelNode ) ) {\n\t\t\t\t\tif ( item.is( 'element' ) && !this.schema.isObject( item ) ) {\n\t\t\t\t\t\t// Unwrap non-object element.\n\t\t\t\t\t\tunwrap.push( item );\n\n\t\t\t\t\t\t// Store the parent for re-checking children after unwrap.\n\t\t\t\t\t\tnodesArray.push( itemParent );\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Remove object with children, or text.\n\t\t\t\t\t\tremove.push( item );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Skip the whole subtree as it will be removed or processed later.\n\t\t\t\t\twalker.jumpTo( this.writer.createPositionAfter( item ) );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( const item of unwrap ) {\n\t\t\t\tthis.writer.unwrap( item );\n\t\t\t}\n\n\t\t\tfor ( const item of remove ) {\n\t\t\t\tthis.writer.remove( item );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Updates the last node after the auto paragraphing.\n\t *\n\t * @param node The last auto paragraphing node.\n\t */\n\tprivate _updateLastNodeFromAutoParagraph( node: ModelNode ): void {\n\t\tconst positionAfterLastNode = this.writer.createPositionAfter( this._lastNode! );\n\t\tconst positionAfterNode = this.writer.createPositionAfter( node );\n\n\t\t// If the real end was after the last auto paragraph then update relevant properties.\n\t\tif ( positionAfterNode.isAfter( positionAfterLastNode ) ) {\n\t\t\tthis._lastNode = node;\n\n\t\t\t/* istanbul ignore if -- @preserve */\n\t\t\tif ( this.position.parent != node || !this.position.isAtEnd ) {\n\t\t\t\t// Algorithm's correctness check. We should never end up here but it's good to know that we did.\n\t\t\t\t// At this point the insertion position should be at the end of the last auto paragraph.\n\t\t\t\t// Note: This error is documented in other place in this file.\n\t\t\t\tthrow new CKEditorError( 'insertcontent-invalid-insertion-position', this );\n\t\t\t}\n\n\t\t\tthis.position = positionAfterNode;\n\t\t\tthis._setAffectedBoundaries( this.position );\n\t\t}\n\t}\n\n\t/**\n\t * Returns range to be selected after insertion.\n\t * Returns `null` if there is no valid range to select after insertion.\n\t */\n\tpublic getSelectionRange(): ModelRange | null {\n\t\tif ( this._nodeToSelect ) {\n\t\t\treturn ModelRange._createOn( this._nodeToSelect );\n\t\t}\n\n\t\treturn this.model.schema.getNearestSelectionRange( this.position );\n\t}\n\n\t/**\n\t * Returns a range which contains all the performed changes. This is a range that, if removed, would return the model to the state\n\t * before the insertion. Returns `null` if no changes were done.\n\t */\n\tpublic getAffectedRange(): ModelRange | null {\n\t\tif ( !this._affectedStart ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn new ModelRange( this._affectedStart, this._affectedEnd );\n\t}\n\n\t/**\n\t * Destroys `Insertion` instance.\n\t */\n\tpublic destroy(): void {\n\t\tif ( this._affectedStart ) {\n\t\t\tthis._affectedStart.detach();\n\t\t}\n\n\t\tif ( this._affectedEnd ) {\n\t\t\tthis._affectedEnd.detach();\n\t\t}\n\t}\n\n\t/**\n\t * Handles insertion of a single node.\n\t */\n\tprivate _handleNode( node: ModelNode ): void {\n\t\t// Split the position.parent's branch up to a point where the node can be inserted.\n\t\t// If it isn't allowed in the whole branch, then of course don't split anything.\n\t\tif ( !this._checkAndSplitToAllowedPosition( node ) ) {\n\t\t\t// Handle element children if it's not an object (strip container).\n\t\t\tif ( !this.schema.isObject( node ) ) {\n\t\t\t\tthis._handleDisallowedNode( node );\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Add node to the current temporary ModelDocumentFragment.\n\t\tnode = this._appendToFragment( node );\n\n\t\t// Store the first and last nodes for easy access for merging with sibling nodes.\n\t\tif ( !this._firstNode ) {\n\t\t\tthis._firstNode = node;\n\t\t}\n\n\t\tthis._lastNode = node;\n\t}\n\n\t/**\n\t * Inserts the temporary ModelDocumentFragment into the model.\n\t */\n\tprivate _insertPartialFragment(): void {\n\t\tif ( this._documentFragment.isEmpty ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst livePosition = ModelLivePosition.fromPosition( this.position, 'toNext' );\n\n\t\tthis._setAffectedBoundaries( this.position );\n\n\t\t// If the very first node of the whole insertion process is inserted, insert it separately for OT reasons (undo).\n\t\t// Note: there can be multiple calls to `_insertPartialFragment()` during one insertion process.\n\t\t// Note: only the very first node can be merged so we have to do separate operation only for it.\n\t\tif ( this._documentFragment.getChild( 0 ) == this._firstNode ) {\n\t\t\tthis.writer.insert( this._firstNode!, this.position );\n\n\t\t\t// We must merge the first node just after inserting it to avoid problems with OT.\n\t\t\t// (See: https://github.com/ckeditor/ckeditor5/pull/8773#issuecomment-760945652).\n\t\t\tthis._mergeOnLeft();\n\n\t\t\tthis.position = livePosition.toPosition();\n\t\t}\n\n\t\t// Insert the remaining nodes from document fragment.\n\t\tif ( !this._documentFragment.isEmpty ) {\n\t\t\tthis.writer.insert( this._documentFragment, this.position );\n\t\t}\n\n\t\tthis._documentFragmentPosition = this.writer.createPositionAt( this._documentFragment, 0 );\n\n\t\tthis.position = livePosition.toPosition();\n\t\tlivePosition.detach();\n\t}\n\n\t/**\n\t * @param node The disallowed node which needs to be handled.\n\t */\n\tprivate _handleDisallowedNode( node: ModelNode ): void {\n\t\t// If the node is an element, try inserting its children (strip the parent).\n\t\tif ( node.is( 'element' ) ) {\n\t\t\tthis.handleNodes( node.getChildren() );\n\t\t}\n\t}\n\n\t/**\n\t * Append a node to the temporary ModelDocumentFragment.\n\t *\n\t * @param node The node to insert.\n\t */\n\tprivate _appendToFragment( node: ModelNode ): ModelNode {\n\t\t/* istanbul ignore if -- @preserve */\n\t\tif ( !this.schema.checkChild( this.position, node ) ) {\n\t\t\t// Algorithm's correctness check. We should never end up here but it's good to know that we did.\n\t\t\t// Note that it would often be a silent issue if we insert node in a place where it's not allowed.\n\n\t\t\t/**\n\t\t\t * Given node cannot be inserted on the given position.\n\t\t\t *\n\t\t\t * @error insertcontent-wrong-position\n\t\t\t * @param {module:engine/model/node~ModelNode} node Node to insert.\n\t\t\t * @param {module:engine/model/position~ModelPosition} position Position to insert the node at.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'insertcontent-wrong-position',\n\t\t\t\tthis,\n\t\t\t\t{ node, position: this.position }\n\t\t\t);\n\t\t}\n\n\t\tthis.writer.insert( node, this._documentFragmentPosition );\n\t\tthis._documentFragmentPosition = this._documentFragmentPosition.getShiftedBy( node.offsetSize );\n\n\t\t// In case text node was merged with already inserted text node, we need to get the actual node that is in the document.\n\t\t// This happens when there is a non-allowed object between text nodes.\n\t\tif ( !node.parent ) {\n\t\t\tnode = this._documentFragmentPosition.nodeBefore as ModelNode;\n\t\t}\n\n\t\t// The last inserted object should be selected because we can't put a collapsed selection after it.\n\t\tif ( this.schema.isObject( node ) && !this.schema.checkChild( this.position, '$text' ) ) {\n\t\t\tthis._nodeToSelect = node;\n\t\t} else {\n\t\t\tthis._nodeToSelect = null;\n\t\t}\n\n\t\tthis._filterAttributesAndChildrenOf.push( node );\n\n\t\treturn node;\n\t}\n\n\t/**\n\t * Sets `_affectedStart` and `_affectedEnd` to the given `position`. Should be used before a change is done during insertion process to\n\t * mark the affected range.\n\t *\n\t * This method is used before inserting a node or splitting a parent node. `_affectedStart` and `_affectedEnd` are also changed\n\t * during merging, but the logic there is more complicated so it is left out of this function.\n\t */\n\tprivate _setAffectedBoundaries( position: ModelPosition ): void {\n\t\t// Set affected boundaries stickiness so that those position will \"expand\" when something is inserted in between them:\n\t\t// <paragraph>Foo][bar</paragraph> -> <paragraph>Foo]xx[bar</paragraph>\n\t\t// This is why it cannot be a range but two separate positions.\n\t\tif ( !this._affectedStart ) {\n\t\t\tthis._affectedStart = ModelLivePosition.fromPosition( position, 'toPrevious' );\n\t\t}\n\n\t\t// If `_affectedEnd` is before the new boundary position, expand `_affectedEnd`. This can happen if first inserted node was\n\t\t// inserted into the parent but the next node is moved-out of that parent:\n\t\t// (1) <paragraph>Foo][</paragraph> -> <paragraph>Foo]xx[</paragraph>\n\t\t// (2) <paragraph>Foo]xx[</paragraph> -> <paragraph>Foo]xx</paragraph><widget></widget>[\n\t\tif ( !this._affectedEnd || this._affectedEnd.isBefore( position ) ) {\n\t\t\tif ( this._affectedEnd ) {\n\t\t\t\tthis._affectedEnd.detach();\n\t\t\t}\n\n\t\t\tthis._affectedEnd = ModelLivePosition.fromPosition( position, 'toNext' );\n\t\t}\n\t}\n\n\t/**\n\t * Merges the previous sibling of the first node if it should be merged.\n\t *\n\t * After the content was inserted we may try to merge it with its siblings.\n\t * This should happen only if the selection was in those elements initially.\n\t */\n\tprivate _mergeOnLeft(): void {\n\t\tconst node = this._firstNode;\n\n\t\tif ( !( node instanceof ModelElement ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this._canMergeLeft( node ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst mergePosLeft = ModelLivePosition._createBefore( node );\n\t\tmergePosLeft.stickiness = 'toNext';\n\n\t\tconst livePosition = ModelLivePosition.fromPosition( this.position, 'toNext' );\n\n\t\t// If `_affectedStart` is sames as merge position, it means that the element \"marked\" by `_affectedStart` is going to be\n\t\t// removed and its contents will be moved. This won't transform `ModelLivePosition` so `_affectedStart` needs to be moved\n\t\t// by hand to properly reflect affected range. (Due to `_affectedStart` and `_affectedEnd` stickiness, the \"range\" is\n\t\t// shown as `][`).\n\t\t//\n\t\t// Example - insert `<paragraph>Abc</paragraph><paragraph>Xyz</paragraph>` at the end of `<paragraph>Foo^</paragraph>`:\n\t\t//\n\t\t// <paragraph>Foo</paragraph><paragraph>Bar</paragraph>   -->\n\t\t// <paragraph>Foo</paragraph>]<paragraph>Abc</paragraph><paragraph>Xyz</paragraph>[<paragraph>Bar</paragraph>   -->\n\t\t// <paragraph>Foo]Abc</paragraph><paragraph>Xyz</paragraph>[<paragraph>Bar</paragraph>\n\t\t//\n\t\t// Note, that if we are here then something must have been inserted, so `_affectedStart` and `_affectedEnd` have to be set.\n\t\tif ( this._affectedStart!.isEqual( mergePosLeft ) ) {\n\t\t\tthis._affectedStart!.detach();\n\t\t\tthis._affectedStart = ModelLivePosition._createAt( mergePosLeft.nodeBefore!, 'end', 'toPrevious' );\n\t\t}\n\n\t\t// We need to update the references to the first and last nodes if they will be merged into the previous sibling node\n\t\t// because the reference would point to the removed node.\n\t\t//\n\t\t// <p>A^A</p> + <p>X</p>\n\t\t//\n\t\t// <p>A</p>^<p>A</p>\n\t\t// <p>A</p><p>X</p><p>A</p>\n\t\t// <p>AX</p><p>A</p>\n\t\t// <p>AXA</p>\n\t\tif ( this._firstNode === this._lastNode ) {\n\t\t\tthis._firstNode = mergePosLeft.nodeBefore;\n\t\t\tthis._lastNode = mergePosLeft.nodeBefore;\n\t\t}\n\n\t\tthis.writer.merge( mergePosLeft );\n\n\t\t// If only one element (the merged one) is in the \"affected range\", also move the affected range end appropriately.\n\t\t//\n\t\t// Example - insert `<paragraph>Abc</paragraph>` at the of `<paragraph>Foo^</paragraph>`:\n\t\t//\n\t\t// <paragraph>Foo</paragraph><paragraph>Bar</paragraph>   -->\n\t\t// <paragraph>Foo</paragraph>]<paragraph>Abc</paragraph>[<paragraph>Bar</paragraph>   -->\n\t\t// <paragraph>Foo]Abc</paragraph>[<paragraph>Bar</paragraph>   -->\n\t\t// <paragraph>Foo]Abc[</paragraph><paragraph>Bar</paragraph>\n\t\tif ( mergePosLeft.isEqual( this._affectedEnd! ) && this._firstNode === this._lastNode ) {\n\t\t\tthis._affectedEnd!.detach();\n\t\t\tthis._affectedEnd = ModelLivePosition._createAt( mergePosLeft.nodeBefore!, 'end', 'toNext' );\n\t\t}\n\n\t\tthis.position = livePosition.toPosition();\n\t\tlivePosition.detach();\n\n\t\t// After merge elements that were marked by _insert() to be filtered might be gone so\n\t\t// we need to mark the new container.\n\t\tthis._filterAttributesAndChildrenOf.push( this.position.parent as any );\n\n\t\tmergePosLeft.detach();\n\t}\n\n\t/**\n\t * Merges the next sibling of the last node if it should be merged.\n\t *\n\t * After the content was inserted we may try to merge it with its siblings.\n\t * This should happen only if the selection was in those elements initially.\n\t */\n\tprivate _mergeOnRight(): void {\n\t\tconst node = this._lastNode;\n\n\t\tif ( !( node instanceof ModelElement ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this._canMergeRight( node ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst mergePosRight = ModelLivePosition._createAfter( node );\n\t\tmergePosRight.stickiness = 'toNext';\n\n\t\t/* istanbul ignore if -- @preserve */\n\t\tif ( !this.position.isEqual( mergePosRight ) ) {\n\t\t\t// Algorithm's correctness check. We should never end up here but it's good to know that we did.\n\t\t\t// At this point the insertion position should be after the node we'll merge. If it isn't,\n\t\t\t// it should need to be secured as in the left merge case.\n\t\t\t/**\n\t\t\t * An internal error occurred when merging inserted content with its siblings.\n\t\t\t * The insertion position should equal the merge position.\n\t\t\t *\n\t\t\t * If you encountered this error, report it back to the CKEditor 5 team\n\t\t\t * with as many details as possible regarding the content being inserted and the insertion position.\n\t\t\t *\n\t\t\t * @error insertcontent-invalid-insertion-position\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'insertcontent-invalid-insertion-position', this );\n\t\t}\n\n\t\t// Move the position to the previous node, so it isn't moved to the graveyard on merge.\n\t\t// <p>x</p>[]<p>y</p> => <p>x[]</p><p>y</p>\n\t\tthis.position = ModelPosition._createAt( mergePosRight.nodeBefore!, 'end' );\n\n\t\t// Explanation of setting position stickiness to `'toPrevious'`:\n\t\t// OK:  <p>xx[]</p> + <p>yy</p> => <p>xx[]yy</p> (when sticks to previous)\n\t\t// NOK: <p>xx[]</p> + <p>yy</p> => <p>xxyy[]</p> (when sticks to next)\n\t\tconst livePosition = ModelLivePosition.fromPosition( this.position, 'toPrevious' );\n\n\t\t// See comment in `_mergeOnLeft()` on moving `_affectedStart`.\n\t\tif ( this._affectedEnd!.isEqual( mergePosRight ) ) {\n\t\t\tthis._affectedEnd!.detach();\n\t\t\tthis._affectedEnd = ModelLivePosition._createAt( mergePosRight.nodeBefore!, 'end', 'toNext' );\n\t\t}\n\n\t\t// We need to update the references to the first and last nodes if they will be merged into the previous sibling node\n\t\t// because the reference would point to the removed node.\n\t\t//\n\t\t// <p>A^A</p> + <p>X</p>\n\t\t//\n\t\t// <p>A</p>^<p>A</p>\n\t\t// <p>A</p><p>X</p><p>A</p>\n\t\t// <p>AX</p><p>A</p>\n\t\t// <p>AXA</p>\n\t\tif ( this._firstNode === this._lastNode ) {\n\t\t\tthis._firstNode = mergePosRight.nodeBefore;\n\t\t\tthis._lastNode = mergePosRight.nodeBefore;\n\t\t}\n\n\t\tthis.writer.merge( mergePosRight );\n\n\t\t// See comment in `_mergeOnLeft()` on moving `_affectedStart`.\n\t\tif ( mergePosRight.getShiftedBy( -1 ).isEqual( this._affectedStart! ) && this._firstNode === this._lastNode ) {\n\t\t\tthis._affectedStart!.detach();\n\t\t\tthis._affectedStart = ModelLivePosition._createAt( mergePosRight.nodeBefore!, 0, 'toPrevious' );\n\t\t}\n\n\t\tthis.position = livePosition.toPosition();\n\t\tlivePosition.detach();\n\n\t\t// After merge elements that were marked by _insert() to be filtered might be gone so\n\t\t// we need to mark the new container.\n\t\tthis._filterAttributesAndChildrenOf.push( this.position.parent as any );\n\n\t\tmergePosRight.detach();\n\t}\n\n\t/**\n\t * Checks whether specified node can be merged with previous sibling element.\n\t *\n\t * @param node The node which could potentially be merged.\n\t */\n\tprivate _canMergeLeft( node: ModelElement ): boolean {\n\t\tconst previousSibling = node.previousSibling;\n\n\t\treturn ( previousSibling instanceof ModelElement ) &&\n\t\t\tthis.canMergeWith.has( previousSibling ) &&\n\t\t\tthis.model.schema.checkMerge( previousSibling, node );\n\t}\n\n\t/**\n\t * Checks whether specified node can be merged with next sibling element.\n\t *\n\t * @param node The node which could potentially be merged.\n\t */\n\tprivate _canMergeRight( node: ModelElement ): boolean {\n\t\tconst nextSibling = node.nextSibling;\n\n\t\treturn ( nextSibling instanceof ModelElement ) &&\n\t\t\tthis.canMergeWith.has( nextSibling ) &&\n\t\t\tthis.model.schema.checkMerge( node, nextSibling );\n\t}\n\n\t/**\n\t * Inserts a paragraph and moves the insertion position into it.\n\t */\n\tprivate _insertAutoParagraph(): void {\n\t\t// Insert nodes collected in temporary ModelDocumentFragment if the position parent needs change to process further nodes.\n\t\tthis._insertPartialFragment();\n\n\t\t// Insert a paragraph and move insertion position to it.\n\t\tconst paragraph = this.writer.createElement( 'paragraph' );\n\n\t\tthis.writer.insert( paragraph, this.position );\n\t\tthis._setAffectedBoundaries( this.position );\n\n\t\tthis._lastAutoParagraph = paragraph;\n\t\tthis.position = this.writer.createPositionAt( paragraph, 0 );\n\t}\n\n\t/**\n\t * @returns Whether an allowed position was found.\n\t * `false` is returned if the node isn't allowed at any position up in the tree, `true` if was.\n\t */\n\tprivate _checkAndSplitToAllowedPosition( node: ModelNode ): boolean {\n\t\tconst allowedIn = this._getAllowedIn( this.position.parent as any, node );\n\n\t\tif ( !allowedIn ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Insert nodes collected in temporary ModelDocumentFragment if the position parent needs change to process further nodes.\n\t\tif ( allowedIn != this.position.parent ) {\n\t\t\tthis._insertPartialFragment();\n\t\t}\n\n\t\twhile ( allowedIn != this.position.parent ) {\n\t\t\tif ( this.position.isAtStart ) {\n\t\t\t\t// If insertion position is at the beginning of the parent, move it out instead of splitting.\n\t\t\t\t// <p>^Foo</p> -> ^<p>Foo</p>\n\t\t\t\tconst parent: ModelElement = this.position.parent as ModelElement;\n\n\t\t\t\tthis.position = this.writer.createPositionBefore( parent );\n\n\t\t\t\t// Special case – parent is empty (<p>^</p>).\n\t\t\t\t//\n\t\t\t\t// 1. parent.isEmpty\n\t\t\t\t// We can remove the element after moving insertion position out of it.\n\t\t\t\t//\n\t\t\t\t// 2. parent.parent === allowedIn\n\t\t\t\t// However parent should remain in place when allowed element is above limit element in document tree.\n\t\t\t\t// For example there shouldn't be allowed to remove empty paragraph from tableCell, when is pasted\n\t\t\t\t// content allowed in $root.\n\t\t\t\tif ( parent.isEmpty && parent.parent === allowedIn ) {\n\t\t\t\t\tthis.writer.remove( parent );\n\t\t\t\t}\n\t\t\t} else if ( this.position.isAtEnd ) {\n\t\t\t\t// If insertion position is at the end of the parent, move it out instead of splitting.\n\t\t\t\t// <p>Foo^</p> -> <p>Foo</p>^\n\t\t\t\tthis.position = this.writer.createPositionAfter( this.position.parent as ModelElement );\n\t\t\t} else {\n\t\t\t\tconst tempPos = this.writer.createPositionAfter( this.position.parent as ModelElement );\n\n\t\t\t\tthis._setAffectedBoundaries( this.position );\n\t\t\t\tthis.writer.split( this.position );\n\n\t\t\t\tthis.position = tempPos;\n\n\t\t\t\tthis.canMergeWith.add( this.position.nodeAfter );\n\t\t\t}\n\t\t}\n\n\t\t// At this point, we split elements up to the parent in which `node` is allowed.\n\t\t// Note that `_getAllowedIn()` checks if the `node` is allowed either directly, or when auto-paragraphed.\n\t\t// So, let's check if the `node` is allowed directly. If not, we need to auto-paragraph it.\n\t\tif ( !this.schema.checkChild( this.position.parent, node ) ) {\n\t\t\tthis._insertAutoParagraph();\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Gets the element in which the given node is allowed. It checks the passed element and all its ancestors.\n\t *\n\t * It also verifies if auto-paragraphing could help.\n\t *\n\t * @param contextElement The element in which context the node should be checked.\n\t * @param childNode The node to check.\n\t */\n\tprivate _getAllowedIn( contextElement: ModelElement, childNode: ModelNode ): ModelElement | null {\n\t\tconst context = this.schema.createContext( contextElement );\n\n\t\t// Check if a node can be inserted in the given context...\n\t\tif ( this.schema.checkChild( context, childNode ) ) {\n\t\t\treturn contextElement;\n\t\t}\n\n\t\t// ...or it would be accepted if a paragraph would be inserted.\n\t\tif (\n\t\t\tthis.schema.checkChild( context, 'paragraph' ) &&\n\t\t\tthis.schema.checkChild( context.push( 'paragraph' ), childNode )\n\t\t) {\n\t\t\treturn contextElement;\n\t\t}\n\n\t\t// If the child wasn't allowed in the context element and the element is a limit there's no point in\n\t\t// checking any further towards the root. This is it: the limit is unsplittable and there's nothing\n\t\t// we can do about it. Without this check, the algorithm will analyze parent of the limit and may create\n\t\t// an illusion of the child being allowed. There's no way to insert it down there, though. It results in\n\t\t// infinite loops.\n\t\tif ( this.schema.isLimit( contextElement ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._getAllowedIn( contextElement.parent as any, childNode );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/utils/insertobject\n */\n\nimport { type ModelDocumentSelection } from '../documentselection.js';\nimport { type ModelSelection } from '../selection.js';\n\nimport { type ModelElement } from '../element.js';\nimport { type Model } from '../model.js';\nimport { type ModelRange } from '../range.js';\nimport { type ModelWriter } from '../writer.js';\n\nimport { CKEditorError, first } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Inserts an {@glink framework/deep-dive/schema#object-elements object element} at a specific position in the editor content.\n *\n * **Note:** Use {@link module:engine/model/model~Model#insertObject} instead of this function.\n * This function is only exposed to be reusable in algorithms which change the {@link module:engine/model/model~Model#insertObject}\n * method's behavior.\n *\n * **Note**: For more documentation and examples, see {@link module:engine/model/model~Model#insertObject}.\n *\n * @param model The model in context of which the insertion should be performed.\n * @param object An object to be inserted into the model document.\n * @param selectable A selectable where the content should be inserted. If not specified, the current\n * {@link module:engine/model/document~ModelDocument#selection document selection} will be used instead.\n * @param options Additional options.\n * @param options.findOptimalPosition An option that, when set, adjusts the insertion position (relative to\n * `selectable` and `placeOrOffset`) so that the content of `selectable` is not split upon insertion (a.k.a. non-destructive insertion).\n * * When `'auto'`, the algorithm will decide whether to insert the object before or after `selectable` to avoid content splitting.\n * * When `'before'`, the closest position before `selectable` will be used that will not result in content splitting.\n * * When `'after'`, the closest position after `selectable` will be used that will not result in content splitting.\n *\n * Note that this option works only for block objects. Inline objects are inserted into text and do not split blocks.\n * @param options.setSelection An option that, when set, moves the\n * {@link module:engine/model/document~ModelDocument#selection document selection} after inserting the object.\n * * When `'on'`, the document selection will be set on the inserted object.\n * * When `'after'`, the document selection will move to the closest text node after the inserted object. If there is no\n * such text node, a paragraph will be created and the document selection will be moved inside it.\n * @returns A range which contains all the performed changes. This is a range that, if removed,\n * would return the model to the state before the insertion. If no changes were preformed by `insertObject()`, returns a range collapsed\n * at the insertion position.\n */\nexport function insertObject(\n\tmodel: Model,\n\tobject: ModelElement,\n\tselectable?: ModelSelection | ModelDocumentSelection | null,\n\toptions: {\n\t\tfindOptimalPosition?: 'auto' | 'before' | 'after';\n\t\tsetSelection?: 'on' | 'after';\n\t} = {}\n): ModelRange {\n\tif ( !model.schema.isObject( object ) ) {\n\t\t/**\n\t\t * Tried to insert an element with {@link module:engine/model/utils/insertobject insertObject()} function\n\t\t * that is not defined as an object in schema.\n\t\t * See {@link module:engine/model/schema~ModelSchemaItemDefinition#isObject `SchemaItemDefinition`}.\n\t\t * If you want to insert content that is not an object you might want to use\n\t\t * {@link module:engine/model/utils/insertcontent insertContent()} function.\n\t\t * @error insertobject-element-not-an-object\n\t\t */\n\t\tthrow new CKEditorError( 'insertobject-element-not-an-object', model, { object } );\n\t}\n\n\t// Normalize selectable to a selection instance.\n\tconst originalSelection: ModelSelection | ModelDocumentSelection = selectable ? selectable : model.document.selection;\n\n\t// Adjust the insertion selection.\n\tlet insertionSelection = originalSelection;\n\n\tif ( options.findOptimalPosition && model.schema.isBlock( object ) ) {\n\t\tinsertionSelection = model.createSelection(\n\t\t\tmodel.schema.findOptimalInsertionRange( originalSelection, options.findOptimalPosition )\n\t\t);\n\t}\n\n\t// Collect attributes to be copied on the inserted object.\n\tconst firstSelectedBlock = first( originalSelection.getSelectedBlocks() );\n\tconst attributesToCopy = {};\n\n\tif ( firstSelectedBlock ) {\n\t\tObject.assign( attributesToCopy, model.schema.getAttributesWithProperty( firstSelectedBlock, 'copyOnReplace', true ) );\n\t}\n\n\treturn model.change( writer => {\n\t\t// Remove the selected content to find out what the parent of the inserted object would be.\n\t\t// It would be removed inside model.insertContent() anyway.\n\t\tif ( !insertionSelection.isCollapsed ) {\n\t\t\tmodel.deleteContent( insertionSelection, { doNotAutoparagraph: true } );\n\t\t}\n\n\t\tlet elementToInsert = object;\n\t\tconst insertionPositionParent = insertionSelection.anchor!.parent as ModelElement;\n\t\tconst context = model.schema.createContext( insertionPositionParent );\n\n\t\t// Auto-paragraphing of an inline objects.\n\t\tif (\n\t\t\t!model.schema.checkChild( context, object ) &&\n\t\t\tmodel.schema.checkChild( context, 'paragraph' ) &&\n\t\t\tmodel.schema.checkChild( context.push( 'paragraph' ), object )\n\t\t) {\n\t\t\telementToInsert = writer.createElement( 'paragraph' );\n\n\t\t\twriter.insert( object, elementToInsert );\n\t\t}\n\n\t\t// Apply attributes that are allowed on the inserted object (or paragraph if autoparagraphed).\n\t\tmodel.schema.setAllowedAttributes( elementToInsert, attributesToCopy, writer );\n\n\t\t// Insert the prepared content at the optionally adjusted selection.\n\t\tconst affectedRange = model.insertContent( elementToInsert, insertionSelection );\n\n\t\t// Nothing got inserted.\n\t\tif ( affectedRange.isCollapsed ) {\n\t\t\treturn affectedRange;\n\t\t}\n\n\t\tif ( options.setSelection ) {\n\t\t\tupdateSelection( writer, object, options.setSelection, attributesToCopy );\n\t\t}\n\n\t\treturn affectedRange;\n\t} );\n}\n\n/**\n * Updates document selection based on given `place` parameter in relation to `contextElement` element.\n *\n * @param writer An instance of the model writer.\n * @param contextElement An element to set the attributes on.\n * @param place The place where selection should be set in relation to the `contextElement` element.\n * Value `on` will set selection on the passed `contextElement`. Value `after` will set selection after `contextElement`.\n * @param attributes Attributes keys and values to set on a paragraph that this function can create when\n * `place` parameter is equal to `after` but there is no element with `$text` node to set selection in.\n */\nfunction updateSelection(\n\twriter: ModelWriter,\n\tcontextElement: ModelElement,\n\tplace: 'after' | 'on',\n\tparagraphAttributes: Record<string, unknown>\n) {\n\tconst model = writer.model;\n\n\tif ( place == 'on' ) {\n\t\twriter.setSelection( contextElement, 'on' );\n\n\t\treturn;\n\t}\n\n\tif ( place != 'after' ) {\n\t\t/**\n\t\t * The unsupported `options.setSelection` parameter was passed\n\t\t * to the {@link module:engine/model/utils/insertobject insertObject()} function.\n\t\t * Check the {@link module:engine/model/utils/insertobject insertObject()} API documentation for allowed\n\t\t * `options.setSelection` parameter values.\n\t\t *\n\t\t * @error insertobject-invalid-place-parameter-value\n\t\t */\n\t\tthrow new CKEditorError( 'insertobject-invalid-place-parameter-value', model );\n\t}\n\n\tlet nextElement = contextElement.nextSibling;\n\n\tif ( model.schema.isInline( contextElement ) ) {\n\t\twriter.setSelection( contextElement, 'after' );\n\n\t\treturn;\n\t}\n\n\t// Check whether an element next to the inserted element is defined and can contain a text.\n\tconst canSetSelection = nextElement && model.schema.checkChild( nextElement, '$text' );\n\n\t// If the element is missing, but a paragraph could be inserted next to the element, let's add it.\n\tif ( !canSetSelection && model.schema.checkChild( contextElement.parent as any, 'paragraph' ) ) {\n\t\tnextElement = writer.createElement( 'paragraph' );\n\n\t\tmodel.schema.setAllowedAttributes( nextElement, paragraphAttributes, writer );\n\t\tmodel.insertContent( nextElement, writer.createPositionAfter( contextElement ) );\n\t}\n\n\t// Put the selection inside the element, at the beginning.\n\tif ( nextElement ) {\n\t\twriter.setSelection( nextElement, 0 );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/utils/modifyselection\n */\n\nimport { ModelDocumentSelection } from '../documentselection.js';\nimport { ModelPosition } from '../position.js';\nimport { ModelRange } from '../range.js';\nimport { ModelTreeWalker, type ModelTreeWalkerValue } from '../treewalker.js';\n\nimport { type Model } from '../model.js';\nimport { type ModelSchema } from '../schema.js';\nimport { type ModelSelection } from '../selection.js';\nimport { type ModelText } from '../text.js';\nimport { type ModelNode } from '../node.js';\n\nimport { isInsideSurrogatePair, isInsideCombinedSymbol, isInsideEmojiSequence } from '@ckeditor/ckeditor5-utils';\n\nconst wordBoundaryCharacters = ' ,.?!:;\"-()';\n\n/**\n * Modifies the selection. Currently, the supported modifications are:\n *\n * * Extending. The selection focus is moved in the specified `options.direction` with a step specified in `options.unit`.\n * Possible values for `unit` are:\n *  * `'character'` (default) - moves selection by one user-perceived character. In most cases this means moving by one\n *  character in `String` sense. However, unicode also defines \"combing marks\". These are special symbols, that combines\n *  with a symbol before it (\"base character\") to create one user-perceived character. For example, `q̣̇` is a normal\n *  letter `q` with two \"combining marks\": upper dot (`Ux0307`) and lower dot (`Ux0323`). For most actions, i.e. extending\n *  selection by one position, it is correct to include both \"base character\" and all of it's \"combining marks\". That is\n *  why `'character'` value is most natural and common method of modifying selection.\n *  * `'codePoint'` - moves selection by one unicode code point. In contrary to, `'character'` unit, this will insert\n *  selection between \"base character\" and \"combining mark\", because \"combining marks\" have their own unicode code points.\n *  However, for technical reasons, unicode code points with values above `UxFFFF` are represented in native `String` by\n *  two characters, called \"surrogate pairs\". Halves of \"surrogate pairs\" have a meaning only when placed next to each other.\n *  For example `𨭎` is represented in `String` by `\\uD862\\uDF4E`. Both `\\uD862` and `\\uDF4E` do not have any meaning\n *  outside the pair (are rendered as ? when alone). Position between them would be incorrect. In this case, selection\n *  extension will include whole \"surrogate pair\".\n *  * `'word'` - moves selection by a whole word.\n *\n * **Note:** if you extend a forward selection in a backward direction you will in fact shrink it.\n *\n * **Note:** Use {@link module:engine/model/model~Model#modifySelection} instead of this function.\n * This function is only exposed to be reusable in algorithms\n * which change the {@link module:engine/model/model~Model#modifySelection}\n * method's behavior.\n *\n * @param model The model in context of which the selection modification should be performed.\n * @param selection The selection to modify.\n * @param options.direction The direction in which the selection should be modified. Default 'forward'.\n * @param options.unit The unit by which selection should be modified. Default 'character'.\n * @param options.treatEmojiAsSingleUnit Whether multi-characer emoji sequences should be handled as single unit.\n * @internal\n */\nexport function modifySelection(\n\tmodel: Model,\n\tselection: ModelSelection | ModelDocumentSelection,\n\toptions: {\n\t\tdirection?: 'forward' | 'backward';\n\t\tunit?: 'character' | 'codePoint' | 'word';\n\t\ttreatEmojiAsSingleUnit?: boolean;\n\t} = {}\n): void {\n\tconst schema = model.schema;\n\tconst isForward = options.direction != 'backward';\n\tconst unit = options.unit ? options.unit : 'character';\n\tconst treatEmojiAsSingleUnit = !!options.treatEmojiAsSingleUnit;\n\n\tconst focus = selection.focus!;\n\n\tconst walker = new ModelTreeWalker( {\n\t\tboundaries: getSearchRange( focus, isForward ),\n\t\tsingleCharacters: true,\n\t\tdirection: isForward ? 'forward' : 'backward'\n\t} );\n\n\tconst data = { walker, schema, isForward, unit, treatEmojiAsSingleUnit };\n\n\tlet next;\n\n\twhile ( ( next = walker.next() ) ) {\n\t\tif ( next.done ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst position = tryExtendingTo( data, next.value );\n\n\t\tif ( position ) {\n\t\t\tif ( selection instanceof ModelDocumentSelection ) {\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\twriter.setSelectionFocus( position );\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tselection.setFocus( position );\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\t}\n}\n\n/**\n * Checks whether the selection can be extended to the the walker's next value (next position).\n */\nfunction tryExtendingTo(\n\tdata: {\n\t\twalker: ModelTreeWalker;\n\t\tschema: ModelSchema;\n\t\tisForward: boolean;\n\t\tunit: 'character' | 'codePoint' | 'word';\n\t\ttreatEmojiAsSingleUnit: boolean;\n\t},\n\tvalue: ModelTreeWalkerValue\n): ModelPosition | undefined {\n\tconst { isForward, walker, unit, schema, treatEmojiAsSingleUnit } = data;\n\tconst { type, item, nextPosition } = value;\n\n\t// If found text, we can certainly put the focus in it. Let's just find a correct position\n\t// based on the unit.\n\tif ( type == 'text' ) {\n\t\tif ( data.unit === 'word' ) {\n\t\t\treturn getCorrectWordBreakPosition( walker, isForward );\n\t\t}\n\n\t\treturn getCorrectPosition( walker, unit, treatEmojiAsSingleUnit );\n\t}\n\n\t// Entering an element.\n\tif ( type == ( isForward ? 'elementStart' : 'elementEnd' ) ) {\n\t\t// If it's a selectable, we can select it now.\n\t\tif ( schema.isSelectable( item ) ) {\n\t\t\treturn ModelPosition._createAt( item, isForward ? 'after' : 'before' );\n\t\t}\n\n\t\t// If text allowed on this position, extend to this place.\n\t\tif ( schema.checkChild( nextPosition, '$text' ) ) {\n\t\t\treturn nextPosition;\n\t\t}\n\t}\n\t// Leaving an element.\n\telse {\n\t\t// If leaving a limit element, stop.\n\t\tif ( schema.isLimit( item ) ) {\n\t\t\t// NOTE: Fast-forward the walker until the end.\n\t\t\twalker.skip( () => true );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// If text allowed on this position, extend to this place.\n\t\tif ( schema.checkChild( nextPosition, '$text' ) ) {\n\t\t\treturn nextPosition;\n\t\t}\n\t}\n}\n\n/**\n * Finds a correct position by walking in a text node and checking whether selection can be extended to given position\n * or should be extended further.\n */\nfunction getCorrectPosition(\n\twalker: ModelTreeWalker,\n\tunit: 'character' | 'codePoint' | 'word',\n\ttreatEmojiAsSingleUnit: boolean\n): ModelPosition {\n\tconst textNode = walker.position.textNode;\n\n\tif ( textNode ) {\n\t\tconst data = textNode.data;\n\t\tlet offset = walker.position.offset - textNode.startOffset!;\n\n\t\twhile (\n\t\t\tisInsideSurrogatePair( data, offset ) ||\n\t\t\t( unit == 'character' && isInsideCombinedSymbol( data, offset ) ) ||\n\t\t\t( treatEmojiAsSingleUnit && isInsideEmojiSequence( data, offset ) )\n\t\t) {\n\t\t\twalker.next();\n\n\t\t\toffset = walker.position.offset - textNode.startOffset!;\n\t\t}\n\t}\n\n\treturn walker.position;\n}\n\n/**\n * Finds a correct position of a word break by walking in a text node and checking whether selection can be extended to given position\n * or should be extended further.\n */\nfunction getCorrectWordBreakPosition( walker: ModelTreeWalker, isForward: boolean ): ModelPosition {\n\tlet textNode: ModelNode | null = walker.position.textNode;\n\n\tif ( !textNode ) {\n\t\ttextNode = isForward ? walker.position.nodeAfter : walker.position.nodeBefore;\n\t}\n\n\twhile ( textNode && textNode.is( '$text' ) ) {\n\t\tconst offset = walker.position.offset - textNode.startOffset!;\n\n\t\t// Check of adjacent text nodes with different attributes (like BOLD).\n\t\t// Example          : 'foofoo []bar<$text bold=\"true\">bar</$text> bazbaz'\n\t\t// should expand to : 'foofoo [bar<$text bold=\"true\">bar</$text>] bazbaz'.\n\t\tif ( isAtNodeBoundary( textNode, offset, isForward ) ) {\n\t\t\ttextNode = isForward ? walker.position.nodeAfter : walker.position.nodeBefore;\n\t\t}\n\t\t// Check if this is a word boundary.\n\t\telse if ( isAtWordBoundary( textNode.data, offset, isForward ) ) {\n\t\t\tbreak;\n\t\t}\n\t\t// Maybe one more character.\n\t\telse {\n\t\t\twalker.next();\n\t\t}\n\t}\n\n\treturn walker.position;\n}\n\nfunction getSearchRange( start: ModelPosition, isForward: boolean ) {\n\tconst root = start.root;\n\tconst searchEnd = ModelPosition._createAt( root, isForward ? 'end' : 0 );\n\n\tif ( isForward ) {\n\t\treturn new ModelRange( start, searchEnd );\n\t} else {\n\t\treturn new ModelRange( searchEnd, start );\n\t}\n}\n\n/**\n * Checks if selection is on word boundary.\n */\nfunction isAtWordBoundary( data: string, offset: number, isForward: boolean ) {\n\t// The offset to check depends on direction.\n\tconst offsetToCheck = offset + ( isForward ? 0 : -1 );\n\n\treturn wordBoundaryCharacters.includes( data.charAt( offsetToCheck ) );\n}\n\n/**\n * Checks if selection is on node boundary.\n */\nfunction isAtNodeBoundary( textNode: ModelText, offset: number, isForward: boolean ) {\n\treturn offset === ( isForward ? textNode.offsetSize : 0 );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/model/model\n */\n\nimport { Batch, type BatchType } from './batch.js';\nimport { ModelDocument } from './document.js';\nimport { MarkerCollection } from './markercollection.js';\nimport { ModelPosition, type ModelPositionOffset, type ModelPositionStickiness } from './position.js';\nimport { ModelRange } from './range.js';\nimport { ModelSelection, type ModelPlaceOrOffset, type ModelSelectable } from './selection.js';\nimport { OperationFactory } from './operation/operationfactory.js';\nimport { ModelDocumentSelection } from './documentselection.js';\nimport { ModelSchema } from './schema.js';\nimport { ModelWriter } from './writer.js';\nimport { ModelNode } from './node.js';\n\nimport { autoParagraphEmptyRoots } from './utils/autoparagraphing.js';\nimport { injectSelectionPostFixer } from './utils/selection-post-fixer.js';\nimport { deleteContent } from './utils/deletecontent.js';\nimport { getSelectedContent } from './utils/getselectedcontent.js';\nimport { insertContent } from './utils/insertcontent.js';\nimport { insertObject } from './utils/insertobject.js';\nimport { modifySelection } from './utils/modifyselection.js';\n\nimport { type ModelDocumentFragment } from './documentfragment.js';\nimport { type ModelItem } from './item.js';\nimport { type ModelElement } from './element.js';\nimport { type Operation } from './operation/operation.js';\n\nimport {\n\tCKEditorError,\n\tObservableMixin,\n\ttype DecoratedMethodEvent,\n\ttype Config\n} from '@ckeditor/ckeditor5-utils';\n\nimport type { EngineConfig } from '../engineconfig.js';\n\n// @if CK_DEBUG_ENGINE // const { dumpTrees, initDocumentDumping } = require( '../dev-utils/utils' );\n// @if CK_DEBUG_ENGINE // const { OperationReplayer } = require( '../dev-utils/operationreplayer' ).default;\n\n/**\n * Editor's data model. Read about the model in the\n * {@glink framework/architecture/editing-engine engine architecture} guide.\n */\nexport class Model extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * Model's marker collection.\n\t */\n\tpublic readonly markers: MarkerCollection;\n\n\t/**\n\t * Model's document.\n\t */\n\tpublic readonly document: ModelDocument;\n\n\t/**\n\t * Model's schema.\n\t */\n\tpublic readonly schema: ModelSchema;\n\n\t/**\n\t * Stores all configurations specific to editor instance.\n\t *\n\t * @internal\n\t */\n\tpublic readonly _config?: Config<EngineConfig>;\n\n\t/**\n\t * All callbacks added by {@link module:engine/model/model~Model#change} or\n\t * {@link module:engine/model/model~Model#enqueueChange} methods waiting to be executed.\n\t */\n\tprivate readonly _pendingChanges: Array<{ batch: Batch; callback: ( writer: ModelWriter ) => any }>;\n\n\t/**\n\t * The last created and currently used writer instance.\n\t */\n\tprivate _currentWriter: ModelWriter | null;\n\n\t// @if CK_DEBUG_ENGINE // private _operationLogs: Array<string>;\n\t// @if CK_DEBUG_ENGINE // private _appliedOperations: Array<Operation>;\n\n\tconstructor( config?: Config<EngineConfig> ) {\n\t\tsuper();\n\n\t\tthis.markers = new MarkerCollection();\n\t\tthis.document = new ModelDocument( this );\n\t\tthis.schema = new ModelSchema();\n\n\t\tthis._config = config;\n\t\tthis._pendingChanges = [];\n\t\tthis._currentWriter = null;\n\n\t\t( [ 'deleteContent', 'modifySelection', 'getSelectedContent', 'applyOperation' ] as const )\n\t\t\t.forEach( methodName => this.decorate( methodName ) );\n\n\t\t// Adding operation validation with `highest` priority, so it is called before any other feature would like\n\t\t// to do anything with the operation. If the operation has incorrect parameters it should throw on the earliest occasion.\n\t\tthis.on<ModelApplyOperationEvent>( 'applyOperation', ( evt, args ) => {\n\t\t\tconst operation = args[ 0 ];\n\n\t\t\toperation._validate();\n\t\t}, { priority: 'highest' } );\n\n\t\t// Register some default abstract entities.\n\t\tthis.schema.register( '$root', {\n\t\t\tisLimit: true\n\t\t} );\n\n\t\tthis.schema.register( '$container', {\n\t\t\tallowIn: [ '$root', '$container' ]\n\t\t} );\n\n\t\tthis.schema.register( '$block', {\n\t\t\tallowIn: [ '$root', '$container' ],\n\t\t\tisBlock: true\n\t\t} );\n\n\t\tthis.schema.register( '$blockObject', {\n\t\t\tallowWhere: '$block',\n\t\t\tisBlock: true,\n\t\t\tisObject: true\n\t\t} );\n\n\t\tthis.schema.register( '$inlineObject', {\n\t\t\tallowWhere: '$text',\n\t\t\tallowAttributesOf: '$text',\n\t\t\tisInline: true,\n\t\t\tisObject: true\n\t\t} );\n\n\t\tthis.schema.register( '$text', {\n\t\t\tallowIn: '$block',\n\t\t\tisInline: true,\n\t\t\tisContent: true\n\t\t} );\n\n\t\tthis.schema.register( '$clipboardHolder', {\n\t\t\tallowContentOf: '$root',\n\t\t\tallowChildren: '$text',\n\t\t\tisLimit: true\n\t\t} );\n\n\t\tthis.schema.register( '$documentFragment', {\n\t\t\tallowContentOf: '$root',\n\t\t\tallowChildren: '$text',\n\t\t\tisLimit: true\n\t\t} );\n\n\t\t// An element needed by the `upcastElementToMarker` converter.\n\t\t// This element temporarily represents a marker boundary during the conversion process and is removed\n\t\t// at the end of the conversion. `UpcastDispatcher` or at least `Conversion` class looks like a\n\t\t// better place for this registration but both know nothing about `Schema`.\n\t\tthis.schema.register( '$marker' );\n\t\tthis.schema.addChildCheck( () => true, '$marker' ); // Allow everywhere.\n\n\t\tinjectSelectionPostFixer( this );\n\n\t\t// Post-fixer which takes care of adding empty paragraph elements to the empty roots.\n\t\tthis.document.registerPostFixer( autoParagraphEmptyRoots );\n\n\t\t// The base implementation for \"decorated\" method with remapped arguments.\n\t\tthis.on<ModelInsertContentEvent>( 'insertContent', ( evt, [ content, selectable ] ) => {\n\t\t\tevt.return = insertContent( this, content, selectable );\n\t\t} );\n\n\t\t// The base implementation for \"decorated\" method with remapped arguments.\n\t\tthis.on<ModelInsertObjectEvent>( 'insertObject', ( evt, [ element, selection, options ] ) => {\n\t\t\tevt.return = insertObject( this, element, selection, options );\n\t\t} );\n\n\t\t// The base implementation for \"decorated\" method with remapped arguments.\n\t\tthis.on<ModelCanEditAtEvent>( 'canEditAt', evt => {\n\t\t\tconst canEditAt = !this.document.isReadOnly;\n\n\t\t\tevt.return = canEditAt;\n\n\t\t\tif ( !canEditAt ) {\n\t\t\t\t// Prevent further processing if the selection is at non-editable place.\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t} );\n\n\t\t// @if CK_DEBUG_ENGINE // initDocumentDumping( this.document );\n\t\t// @if CK_DEBUG_ENGINE // this.on( 'applyOperation', () => {\n\t\t// @if CK_DEBUG_ENGINE // \tdumpTrees( this.document, this.document.version );\n\t\t// @if CK_DEBUG_ENGINE // }, { priority: 'lowest' } );\n\n\t\t// @if CK_DEBUG_ENGINE // this._operationLogs = [];\n\t\t// @if CK_DEBUG_ENGINE // this._appliedOperations = [];\n\t}\n\n\t/**\n\t * The `change()` method is the primary way of changing the model. You should use it to modify all document nodes\n\t * (including detached nodes – i.e. nodes not added to the {@link module:engine/model/model~Model#document model document}),\n\t * the {@link module:engine/model/document~ModelDocument#selection document's selection}, and\n\t * {@link module:engine/model/model~Model#markers model markers}.\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \twriter.insertText( 'foo', paragraph, 'end' );\n\t * } );\n\t * ```\n\t *\n\t * All changes inside the change block use the same {@link module:engine/model/batch~Batch} so they are combined\n\t * into a single undo step.\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \twriter.insertText( 'foo', paragraph, 'end' ); // foo.\n\t *\n\t * \tmodel.change( writer => {\n\t * \t\twriter.insertText( 'bar', paragraph, 'end' ); // foobar.\n\t * \t} );\n\t *\n\t * \twriter.insertText( 'bom', paragraph, 'end' ); // foobarbom.\n\t * } );\n\t * ```\n\t *\n\t * The callback of the `change()` block is executed synchronously.\n\t *\n\t * You can also return a value from the change block.\n\t *\n\t * ```ts\n\t * const img = model.change( writer => {\n\t * \treturn writer.createElement( 'img' );\n\t * } );\n\t * ```\n\t *\n\t * @see #enqueueChange\n\t * @typeParam TReturn The return type of the provided callback.\n\t * @param callback Callback function which may modify the model.\n\t */\n\tpublic change<TReturn>( callback: ( writer: ModelWriter ) => TReturn ): TReturn {\n\t\ttry {\n\t\t\tif ( this._pendingChanges.length === 0 ) {\n\t\t\t\t// If this is the outermost block, create a new batch and start `_runPendingChanges` execution flow.\n\t\t\t\tthis._pendingChanges.push( { batch: new Batch(), callback } );\n\n\t\t\t\treturn this._runPendingChanges()[ 0 ];\n\t\t\t} else {\n\t\t\t\t// If this is not the outermost block, just execute the callback.\n\t\t\t\treturn callback( this._currentWriter! );\n\t\t\t}\n\t\t} catch ( err: any ) {\n\t\t\t// @if CK_DEBUG // throw err;\n\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\tCKEditorError.rethrowUnexpectedError( err, this );\n\t\t}\n\t}\n\n\t/**\n\t * The `enqueueChange()` method performs similar task as the {@link #change `change()` method}, with two major differences.\n\t *\n\t * First, the callback of `enqueueChange()` is executed when all other enqueued changes are done. It might be executed\n\t * immediately if it is not nested in any other change block, but if it is nested in another (enqueue)change block,\n\t * it will be delayed and executed after the outermost block.\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \tconsole.log( 1 );\n\t *\n\t * \tmodel.enqueueChange( writer => {\n\t * \t\tconsole.log( 2 );\n\t * \t} );\n\t *\n\t * \tconsole.log( 3 );\n\t * } ); // Will log: 1, 3, 2.\n\t * ```\n\t *\n\t * In addition to that, the changes enqueued with `enqueueChange()` will be converted separately from the changes\n\t * done in the outer `change()` block.\n\t *\n\t * By default, a new batch with the default {@link module:engine/model/batch~Batch#constructor batch type} is created.\n\t * To define the {@link module:engine/model/batch~Batch} into which you want to add your changes,\n\t * use {@link #enqueueChange:CUSTOM_BATCH `enqueueChange( batchOrType, callback )`}.\n\t *\n\t * @label DEFAULT_BATCH\n\t * @param callback Callback function which may modify the model.\n\t */\n\tpublic enqueueChange(\n\t\tcallback: ( writer: ModelWriter ) => unknown\n\t): void;\n\n\t/**\n\t * The `enqueueChange()` method performs similar task as the {@link #change `change()` method}, with two major differences.\n\t *\n\t * First, the callback of `enqueueChange()` is executed when all other enqueued changes are done. It might be executed\n\t * immediately if it is not nested in any other change block, but if it is nested in another (enqueue)change block,\n\t * it will be delayed and executed after the outermost block.\n\t *\n\t * ```ts\n\t * model.change( new Batch(), writer => {\n\t * \tconsole.log( 1 );\n\t *\n\t * \tmodel.enqueueChange( new Batch(), writer => {\n\t * \t\tconsole.log( 2 );\n\t * \t} );\n\t *\n\t * \tconsole.log( 3 );\n\t * } ); // Will log: 1, 3, 2.\n\t * ```\n\t *\n\t * In addition to that, the changes enqueued with `enqueueChange()` will be converted separately from the changes\n\t * done in the outer `change()` block.\n\t *\n\t * Second, it lets you define the {@link module:engine/model/batch~Batch} into which you want to add your changes.\n\t * If you want to use default {@link module:engine/model/batch~Batch#constructor batch type}, use\n\t * {@link #enqueueChange:DEFAULT_BATCH `enqueueChange( callback )`}.\n\t *\n\t * ```ts\n\t * model.enqueueChange( { isUndoable: false }, writer => {\n\t * \twriter.insertText( 'foo', paragraph, 'end' );\n\t * } );\n\t * ```\n\t *\n\t * When using the `enqueueChange()` block you can also add some changes to the batch you used before.\n\t *\n\t * ```ts\n\t * model.enqueueChange( batch, writer => {\n\t * \twriter.insertText( 'foo', paragraph, 'end' );\n\t * } );\n\t * ```\n\t *\n\t * In order to make a nested `enqueueChange()` create a single undo step together with the changes done in the outer `change()`\n\t * block, you can obtain the batch instance from the  {@link module:engine/model/writer~ModelWriter#batch writer} of the outer block.\n\t *\n\t * @label CUSTOM_BATCH\n\t * @param batchOrType A batch or a {@link module:engine/model/batch~Batch#constructor batch type} that should be used in the callback.\n\t * If not defined, a new batch with the default type will be created.\n\t * @param callback Callback function which may modify the model.\n\t */\n\tpublic enqueueChange(\n\t\tbatchOrType: Batch | BatchType | undefined,\n\t\tcallback: ( writer: ModelWriter ) => unknown\n\t): void;\n\n\tpublic enqueueChange(\n\t\tbatchOrType: Batch | BatchType | ( ( writer: ModelWriter ) => unknown ) | undefined,\n\t\tcallback?: ( writer: ModelWriter ) => unknown\n\t): void {\n\t\ttry {\n\t\t\tif ( !batchOrType ) {\n\t\t\t\tbatchOrType = new Batch();\n\t\t\t} else if ( typeof batchOrType === 'function' ) {\n\t\t\t\tcallback = batchOrType;\n\t\t\t\tbatchOrType = new Batch();\n\t\t\t} else if ( !( batchOrType instanceof Batch ) ) {\n\t\t\t\tbatchOrType = new Batch( batchOrType );\n\t\t\t}\n\n\t\t\tthis._pendingChanges.push( { batch: batchOrType, callback } as any );\n\n\t\t\tif ( this._pendingChanges.length == 1 ) {\n\t\t\t\tthis._runPendingChanges();\n\t\t\t}\n\t\t} catch ( err: any ) {\n\t\t\t// @if CK_DEBUG // throw err;\n\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\tCKEditorError.rethrowUnexpectedError( err, this );\n\t\t}\n\t}\n\n\t/**\n\t * {@link module:utils/observablemixin~Observable#decorate Decorated} function for applying\n\t * {@link module:engine/model/operation/operation~Operation operations} to the model.\n\t *\n\t * This is a low-level way of changing the model. It is exposed for very specific use cases (like the undo feature).\n\t * Normally, to modify the model, you will want to use {@link module:engine/model/writer~ModelWriter `Writer`}.\n\t * See also {@glink framework/architecture/editing-engine#changing-the-model Changing the model} section\n\t * of the {@glink framework/architecture/editing-engine Editing architecture} guide.\n\t *\n\t * @param operation The operation to apply.\n\t */\n\tpublic applyOperation( operation: Operation ): void {\n\t\t// @if CK_DEBUG_ENGINE // console.log( 'Applying ' + operation );\n\n\t\t// @if CK_DEBUG_ENGINE // this._operationLogs.push( JSON.stringify( operation ) );\n\t\t// @if CK_DEBUG_ENGINE // this._appliedOperations.push( operation );\n\n\t\toperation._execute();\n\t}\n\n\t// @if CK_DEBUG_ENGINE // public getAppliedOperation(): string {\n\t// @if CK_DEBUG_ENGINE // \tif ( !this._appliedOperations ) {\n\t// @if CK_DEBUG_ENGINE // \t\treturn '';\n\t// @if CK_DEBUG_ENGINE // \t}\n\n\t// @if CK_DEBUG_ENGINE // \treturn this._appliedOperations.map( operation => JSON.stringify( operation ) ).join( '-------' );\n\t// @if CK_DEBUG_ENGINE // }\n\n\t// @if CK_DEBUG_ENGINE // public createReplayer( stringifiedOperations: string ): typeof OperationReplayer {\n\t// @if CK_DEBUG_ENGINE // \treturn new OperationReplayer( this, '-------', stringifiedOperations );\n\t// @if CK_DEBUG_ENGINE // }\n\n\t/**\n\t * Inserts content at the position in the editor specified by the selection, as one would expect the paste\n\t * functionality to work.\n\t *\n\t * **Note**: If you want to insert an {@glink framework/deep-dive/schema#object-elements object element}\n\t * (e.g. a {@link module:widget/utils~toWidget widget}), see {@link #insertObject} instead.\n\t *\n\t * This is a high-level method. It takes the {@link #schema schema} into consideration when inserting\n\t * the content, clears the given selection's content before inserting nodes and moves the selection\n\t * to its target position at the end of the process.\n\t * It can split elements, merge them, wrap bare text nodes with paragraphs, etc. &ndash; just like the\n\t * pasting feature should do.\n\t *\n\t * For lower-level methods see {@link module:engine/model/writer~ModelWriter `Writer`}.\n\t *\n\t * This method, unlike {@link module:engine/model/writer~ModelWriter `Writer`}'s methods, does not have to be used\n\t * inside a {@link #change `change()` block}.\n\t *\n\t * # Conversion and schema\n\t *\n\t * Inserting elements and text nodes into the model is not enough to make CKEditor 5 render that content\n\t * to the user. CKEditor 5 implements a model-view-controller architecture and what `model.insertContent()` does\n\t * is only adding nodes to the model. Additionally, you need to define\n\t * {@glink framework/architecture/editing-engine#conversion converters} between the model and view\n\t * and define those nodes in the {@glink framework/architecture/editing-engine#schema schema}.\n\t *\n\t * So, while this method may seem similar to CKEditor 4 `editor.insertHtml()` (in fact, both methods\n\t * are used for paste-like content insertion), the CKEditor 5 method cannot be use to insert arbitrary HTML\n\t * unless converters are defined for all elements and attributes in that HTML.\n\t *\n\t * # Examples\n\t *\n\t * Using `insertContent()` with a manually created model structure:\n\t *\n\t * ```ts\n\t * // Let's create a document fragment containing such content as:\n\t * //\n\t * // <paragraph>foo</paragraph>\n\t * // <blockQuote>\n\t * //    <paragraph>bar</paragraph>\n\t * // </blockQuote>\n\t * const docFrag = editor.model.change( writer => {\n\t * \tconst p1 = writer.createElement( 'paragraph' );\n\t * \tconst p2 = writer.createElement( 'paragraph' );\n\t * \tconst blockQuote = writer.createElement( 'blockQuote' );\n\t * \tconst docFrag = writer.createDocumentFragment();\n\t *\n\t * \twriter.append( p1, docFrag );\n\t * \twriter.append( blockQuote, docFrag );\n\t * \twriter.append( p2, blockQuote );\n\t * \twriter.insertText( 'foo', p1 );\n\t * \twriter.insertText( 'bar', p2 );\n\t *\n\t * \treturn docFrag;\n\t * } );\n\t *\n\t * // insertContent() does not have to be used in a change() block. It can, though,\n\t * // so this code could be moved to the callback defined above.\n\t * editor.model.insertContent( docFrag );\n\t * ```\n\t *\n\t * Using `insertContent()` with an HTML string converted to a model document fragment (similar to the pasting mechanism):\n\t *\n\t * ```ts\n\t * // You can create your own HtmlDataProcessor instance or use editor.data.processor\n\t * // if you have not overridden the default one (which is the HtmlDataProcessor instance).\n\t * const htmlDP = new HtmlDataProcessor( viewDocument );\n\t *\n\t * // Convert an HTML string to a view document fragment:\n\t * const viewFragment = htmlDP.toView( htmlString );\n\t *\n\t * // Convert the view document fragment to a model document fragment\n\t * // in the context of $root. This conversion takes the schema into\n\t * // account so if, for example, the view document fragment contained a bare text node,\n\t * // this text node cannot be a child of $root, so it will be automatically\n\t * // wrapped with a <paragraph>. You can define the context yourself (in the second parameter),\n\t * // and e.g. convert the content like it would happen in a <paragraph>.\n\t * // Note: The clipboard feature uses a custom context called $clipboardHolder\n\t * // which has a loosened schema.\n\t * const modelFragment = editor.data.toModel( viewFragment );\n\t *\n\t * editor.model.insertContent( modelFragment );\n\t * ```\n\t *\n\t * By default this method will use the document selection but it can also be used with a position, range or selection instance.\n\t *\n\t * ```ts\n\t * // Insert text at the current document selection position.\n\t * editor.model.change( writer => {\n\t * \teditor.model.insertContent( writer.createText( 'x' ) );\n\t * } );\n\t *\n\t * // Insert text at a given position - the document selection will not be modified.\n\t * editor.model.change( writer => {\n\t * \teditor.model.insertContent( writer.createText( 'x' ), doc.getRoot(), 2 );\n\t *\n\t * \t// Which is a shorthand for:\n\t * \teditor.model.insertContent( writer.createText( 'x' ), writer.createPositionAt( doc.getRoot(), 2 ) );\n\t * } );\n\t * ```\n\t *\n\t * If you want the document selection to be moved to the inserted content, use the\n\t * {@link module:engine/model/writer~ModelWriter#setSelection `setSelection()`} method of the writer after inserting\n\t * the content:\n\t *\n\t * ```ts\n\t * editor.model.change( writer => {\n\t * \tconst paragraph = writer.createElement( 'paragraph' );\n\t *\n\t * \t// Insert an empty paragraph at the beginning of the root.\n\t * \teditor.model.insertContent( paragraph, writer.createPositionAt( editor.model.document.getRoot(), 0 ) );\n\t *\n\t * \t// Move the document selection to the inserted paragraph.\n\t * \twriter.setSelection( paragraph, 'in' );\n\t * } );\n\t * ```\n\t *\n\t * If an instance of the {@link module:engine/model/selection~ModelSelection model selection} is passed as `selectable`,\n\t * the new content will be inserted at the passed selection (instead of document selection):\n\t *\n\t * ```ts\n\t * editor.model.change( writer => {\n\t * \t// Create a selection in a paragraph that will be used as a place of insertion.\n\t * \tconst selection = writer.createSelection( paragraph, 'in' );\n\t *\n\t * \t// Insert the new text at the created selection.\n\t * \teditor.model.insertContent( writer.createText( 'x' ), selection );\n\t *\n\t * \t// insertContent() modifies the passed selection instance so it can be used to set the document selection.\n\t * \t// Note: This is not necessary when you passed the document selection to insertContent().\n\t * \twriter.setSelection( selection );\n\t * } );\n\t * ```\n\t *\n\t * @fires insertContent\n\t * @param content The content to insert.\n\t * @param selectable The selection into which the content should be inserted.\n\t * If not provided the current model document selection will be used.\n\t * @param placeOrOffset To be used when a model item was passed as `selectable`.\n\t * This param defines a position in relation to that item.\n\t * at the insertion position.\n\t */\n\tpublic insertContent(\n\t\tcontent: ModelItem | ModelDocumentFragment,\n\t\tselectable?: ModelSelectable,\n\t\tplaceOrOffset?: ModelPlaceOrOffset,\n\t\t...rest: Array<unknown>\n\t): ModelRange {\n\t\tconst selection = normalizeSelectable( selectable, placeOrOffset );\n\n\t\t// Passing all call arguments so it acts like decorated method.\n\t\treturn this.fire<ModelInsertContentEvent>( 'insertContent', [ content, selection, placeOrOffset, ...rest ] )!;\n\t}\n\n\t/**\n\t * Inserts an {@glink framework/deep-dive/schema#object-elements object element} at a specific position in the editor content.\n\t *\n\t * This is a high-level API:\n\t * * It takes the {@link #schema schema} into consideration,\n\t * * It clears the content of passed `selectable` before inserting,\n\t * * It can move the selection at the end of the process,\n\t * * It will copy the selected block's attributes to preserve them upon insertion,\n\t * * It can split elements or wrap inline objects with paragraphs if they are not allowed in target position,\n\t * * etc.\n\t *\n\t * # Notes\n\t *\n\t * * If you want to insert a non-object content, see {@link #insertContent} instead.\n\t * * For lower-level API, see {@link module:engine/model/writer~ModelWriter `Writer`}.\n\t * * Unlike {@link module:engine/model/writer~ModelWriter `Writer`}, this method does not have to be used inside\n\t * a {@link #change `change()` block}.\n\t * * Inserting object into the model is not enough to make CKEditor 5 render that content to the user.\n\t * CKEditor 5 implements a model-view-controller architecture and what `model.insertObject()` does\n\t * is only adding nodes to the model. Additionally, you need to define\n\t * {@glink framework/architecture/editing-engine#conversion converters} between the model and view\n\t * and define those nodes in the {@glink framework/architecture/editing-engine#schema schema}.\n\t *\n\t * # Examples\n\t *\n\t * Use the following code to insert an object at the current selection and keep the selection on the inserted element:\n\t *\n\t * ```ts\n\t * const rawHtmlEmbedElement = writer.createElement( 'rawHtml' );\n\t *\n\t * model.insertObject( rawHtmlEmbedElement, null, null, {\n\t * \tsetSelection: 'on'\n\t * } );\n\t * ```\n\t *\n\t * Use the following code to insert an object at the current selection and nudge the selection after the inserted object:\n\t *\n\t * ```ts\n\t * const pageBreakElement = writer.createElement( 'pageBreak' );\n \t *\n\t * model.insertObject( pageBreakElement, null, null, {\n\t * \tsetSelection: 'after'\n\t * } );\n\t * ```\n\t *\n\t * Use the following code to insert an object at the current selection and avoid splitting the content (non-destructive insertion):\n\t *\n\t * ```ts\n\t * const tableElement = writer.createElement( 'table' );\n \t *\n\t * model.insertObject( tableElement, null, null, {\n\t * \tfindOptimalPosition: 'auto'\n\t * } );\n\t * ```\n\t *\n\t * Use the following code to insert an object at the specific range (also: replace the content of the range):\n\t *\n\t * ```ts\n\t * const tableElement = writer.createElement( 'table' );\n\t * const range = model.createRangeOn( model.document.getRoot().getChild( 1 ) );\n \t *\n\t * model.insertObject( tableElement, range );\n\t * ```\n\t *\n\t * @param element An object to be inserted into the model document.\n\t * @param selectable A selectable where the content should be inserted. If not specified, the current\n\t * {@link module:engine/model/document~ModelDocument#selection document selection} will be used instead.\n\t * @param placeOrOffset Specifies the exact place or offset for the insertion to take place, relative to `selectable`.\n\t * @param options Additional options.\n\t * @param options.findOptimalPosition An option that, when set, adjusts the insertion position (relative to\n\t * `selectable` and `placeOrOffset`) so that the content of `selectable` is not split upon insertion (a.k.a. non-destructive insertion).\n\t * * When `'auto'`, the algorithm will decide whether to insert the object before or after `selectable` to avoid content splitting.\n\t * * When `'before'`, the closest position before `selectable` will be used that will not result in content splitting.\n\t * * When `'after'`, the closest position after `selectable` will be used that will not result in content splitting.\n\t *\n\t * Note that this option only works for block objects. Inline objects are inserted into text and do not split blocks.\n\t * @param options.setSelection An option that, when set, moves the\n\t * {@link module:engine/model/document~ModelDocument#selection document selection} after inserting the object.\n\t * * When `'on'`, the document selection will be set on the inserted object.\n\t * * When `'after'`, the document selection will move to the closest text node after the inserted object. If there is no\n\t * such text node, a paragraph will be created and the document selection will be moved inside it.\n\t * at the insertion position.\n\t */\n\tpublic insertObject(\n\t\telement: ModelElement,\n\t\tselectable?: ModelSelectable,\n\t\tplaceOrOffset?: ModelPlaceOrOffset | null,\n\t\toptions?: {\n\t\t\tfindOptimalPosition?: 'auto' | 'before' | 'after';\n\t\t\tsetSelection?: 'on' | 'after';\n\t\t},\n\t\t...rest: Array<unknown>\n\t): ModelRange {\n\t\tconst selection = normalizeSelectable( selectable, placeOrOffset );\n\n\t\t// Note that options are fired as 2 arguments for backward compatibility with the decorated method.\n\t\t// Passing all call arguments so it acts like decorated method.\n\t\treturn this.fire<ModelInsertObjectEvent>( 'insertObject', [ element, selection, options, options, ...rest ] )!;\n\t}\n\n\t/**\n\t * Deletes content of the selection and merge siblings. The resulting selection is always collapsed.\n\t *\n\t * **Note:** For the sake of predictability, the resulting selection should always be collapsed.\n\t * In cases where a feature wants to modify deleting behavior so selection isn't collapsed\n\t * (e.g. a table feature may want to keep row selection after pressing <kbd>Backspace</kbd>),\n\t * then that behavior should be implemented in the view's listener. At the same time, the table feature\n\t * will need to modify this method's behavior too, e.g. to \"delete contents and then collapse\n\t * the selection inside the last selected cell\" or \"delete the row and collapse selection somewhere near\".\n\t * That needs to be done in order to ensure that other features which use `deleteContent()` will work well with tables.\n\t *\n\t * @fires deleteContent\n\t * @param selection Selection of which the content should be deleted.\n\t * @param options.leaveUnmerged Whether to merge elements after removing the content of the selection.\n\t *\n\t * For example `<heading1>x[x</heading1><paragraph>y]y</paragraph>` will become:\n\t *\n\t * * `<heading1>x^y</heading1>` with the option disabled (`leaveUnmerged == false`)\n\t * * `<heading1>x^</heading1><paragraph>y</paragraph>` with enabled (`leaveUnmerged == true`).\n\t *\n\t * Note: {@link module:engine/model/schema~ModelSchema#isObject object} and {@link module:engine/model/schema~ModelSchema#isLimit limit}\n\t * elements will not be merged.\n\t *\n\t * @param options.doNotResetEntireContent Whether to skip replacing the entire content with a\n\t * paragraph when the entire content was selected.\n\t *\n\t * For example `<heading1>[x</heading1><paragraph>y]</paragraph>` will become:\n\t *\n\t * * `<paragraph>^</paragraph>` with the option disabled (`doNotResetEntireContent == false`)\n\t * * `<heading1>^</heading1>` with enabled (`doNotResetEntireContent == true`)\n\t *\n\t * @param options.doNotAutoparagraph Whether to create a paragraph if after content deletion selection is moved\n\t * to a place where text cannot be inserted.\n\t *\n\t * For example `<paragraph>x</paragraph>[<imageBlock src=\"foo.jpg\"></imageBlock>]` will become:\n\t *\n\t * * `<paragraph>x</paragraph><paragraph>[]</paragraph>` with the option disabled (`doNotAutoparagraph == false`)\n\t * * `<paragraph>x[]</paragraph>` with the option enabled (`doNotAutoparagraph == true`).\n\t *\n\t * **Note:** if there is no valid position for the selection, the paragraph will always be created:\n\t *\n\t * `[<imageBlock src=\"foo.jpg\"></imageBlock>]` -> `<paragraph>[]</paragraph>`.\n\t *\n\t * @param options.direction The direction in which the content is being consumed.\n\t * Deleting backward corresponds to using the <kbd>Backspace</kbd> key, while deleting content forward corresponds to\n\t * the <kbd>Shift</kbd>+<kbd>Backspace</kbd> keystroke.\n\t */\n\tpublic deleteContent(\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\toptions?: {\n\t\t\tleaveUnmerged?: boolean;\n\t\t\tdoNotResetEntireContent?: boolean;\n\t\t\tdoNotAutoparagraph?: boolean;\n\t\t\tdirection?: 'forward' | 'backward';\n\t\t\t[ i: string ]: unknown;\n\t\t}\n\t): void {\n\t\tdeleteContent( this, selection, options );\n\t}\n\n\t/**\n\t * Modifies the selection. Currently, the supported modifications are:\n\t *\n\t * * Extending. The selection focus is moved in the specified `options.direction` with a step specified in `options.unit`.\n\t * Possible values for `unit` are:\n\t *  * `'character'` (default) - moves selection by one user-perceived character. In most cases this means moving by one\n\t *  character in `String` sense. However, unicode also defines \"combing marks\". These are special symbols, that combines\n\t *  with a symbol before it (\"base character\") to create one user-perceived character. For example, `q̣̇` is a normal\n\t *  letter `q` with two \"combining marks\": upper dot (`Ux0307`) and lower dot (`Ux0323`). For most actions, i.e. extending\n\t *  selection by one position, it is correct to include both \"base character\" and all of it's \"combining marks\". That is\n\t *  why `'character'` value is most natural and common method of modifying selection.\n\t *  * `'codePoint'` - moves selection by one unicode code point. In contrary to, `'character'` unit, this will insert\n\t *  selection between \"base character\" and \"combining mark\", because \"combining marks\" have their own unicode code points.\n\t *  However, for technical reasons, unicode code points with values above `UxFFFF` are represented in native `String` by\n\t *  two characters, called \"surrogate pairs\". Halves of \"surrogate pairs\" have a meaning only when placed next to each other.\n\t *  For example `𨭎` is represented in `String` by `\\uD862\\uDF4E`. Both `\\uD862` and `\\uDF4E` do not have any meaning\n\t *  outside the pair (are rendered as ? when alone). Position between them would be incorrect. In this case, selection\n\t *  extension will include whole \"surrogate pair\".\n\t *  * `'word'` - moves selection by a whole word.\n\t *\n\t * **Note:** if you extend a forward selection in a backward direction you will in fact shrink it.\n\t *\n\t * @fires modifySelection\n\t * @param selection The selection to modify.\n\t * @param options.direction The direction in which the selection should be modified.\n\t * @param options.unit The unit by which selection should be modified.\n\t * @param options.treatEmojiAsSingleUnit Whether multi-characer emoji sequences should be handled as single unit.\n\t */\n\tpublic modifySelection(\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\toptions?: {\n\t\t\tdirection?: 'forward' | 'backward';\n\t\t\tunit?: 'character' | 'codePoint' | 'word';\n\t\t\ttreatEmojiAsSingleUnit?: boolean;\n\t\t}\n\t): void {\n\t\tmodifySelection( this, selection, options );\n\t}\n\n\t/**\n\t * Gets a clone of the selected content.\n\t *\n\t * For example, for the following selection:\n\t *\n\t * ```html\n\t * <paragraph>x</paragraph>\n\t * <blockQuote>\n\t * \t<paragraph>y</paragraph>\n\t * \t<heading1>fir[st</heading1>\n\t * </blockQuote>\n\t * <paragraph>se]cond</paragraph>\n\t * <paragraph>z</paragraph>\n\t * ```\n\t *\n\t * It will return a document fragment with such a content:\n\t *\n\t * ```html\n\t * <blockQuote>\n\t * \t<heading1>st</heading1>\n\t * </blockQuote>\n\t * <paragraph>se</paragraph>\n\t * ```\n\t *\n\t * @fires getSelectedContent\n\t * @param selection The selection of which content will be returned.\n\t */\n\tpublic getSelectedContent( selection: ModelSelection | ModelDocumentSelection ): ModelDocumentFragment {\n\t\treturn getSelectedContent( this, selection );\n\t}\n\n\t/**\n\t * Checks whether the given {@link module:engine/model/range~ModelRange range} or\n\t * {@link module:engine/model/element~ModelElement element} has any meaningful content.\n\t *\n\t * Meaningful content is:\n\t *\n\t * * any text node (`options.ignoreWhitespaces` allows controlling whether this text node must also contain\n\t * any non-whitespace characters),\n\t * * or any {@link module:engine/model/schema~ModelSchema#isContent content element},\n\t * * or any {@link module:engine/model/markercollection~Marker marker} which\n\t * {@link module:engine/model/markercollection~Marker#_affectsData affects data}.\n\t *\n\t * This means that a range containing an empty `<paragraph></paragraph>` is not considered to have a meaningful content.\n\t * However, a range containing an `<imageBlock></imageBlock>` (which would normally be marked in the schema as an object element)\n\t * is considered non-empty.\n\t *\n\t * @param rangeOrElement Range or element to check.\n\t * @param options.ignoreWhitespaces Whether text node with whitespaces only should be considered empty.\n\t * @param options.ignoreMarkers Whether markers should be ignored.\n\t */\n\tpublic hasContent(\n\t\trangeOrElement: ModelRange | ModelElement | ModelDocumentFragment,\n\t\toptions: {\n\t\t\tignoreWhitespaces?: boolean;\n\t\t\tignoreMarkers?: boolean;\n\t\t} = {}\n\t): boolean {\n\t\tconst range = rangeOrElement instanceof ModelRange ? rangeOrElement : ModelRange._createIn( rangeOrElement );\n\n\t\tif ( range.isCollapsed ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst { ignoreWhitespaces = false, ignoreMarkers = false } = options;\n\n\t\t// Check if there are any markers which affects data in this given range.\n\t\tif ( !ignoreMarkers ) {\n\t\t\tfor ( const intersectingMarker of this.markers.getMarkersIntersectingRange( range ) ) {\n\t\t\t\tif ( intersectingMarker.affectsData ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfor ( const item of range.getItems() ) {\n\t\t\tif ( this.schema.isContent( item ) ) {\n\t\t\t\tif ( item.is( '$textProxy' ) ) {\n\t\t\t\t\tif ( !ignoreWhitespaces ) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t} else if ( item.data.search( /\\S/ ) !== -1 ) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Check whether given selectable is at a place in the model where it can be edited (returns `true`) or not (returns `false`).\n\t *\n\t * Should be used instead of {@link module:core/editor/editor~Editor#isReadOnly} to check whether a user action can happen at\n\t * given selectable. It may be decorated and used differently in different environment (e.g. multi-root editor can disable\n\t * a particular root).\n\t *\n\t * This method is decorated. Although this method accepts any parameter of `Selectable` type, the\n\t * {@link ~Model#event:canEditAt `canEditAt` event} is fired with `selectable` normalized to an instance of\n\t * {@link module:engine/model/selection~ModelSelection} or {@link module:engine/model/documentselection~ModelDocumentSelection}\n\t *\n\t * @fires canEditAt\n\t */\n\tpublic canEditAt( selectable: ModelSelectable ): boolean {\n\t\tconst selection = normalizeSelectable( selectable );\n\n\t\treturn this.fire<ModelCanEditAtEvent>( 'canEditAt', [ selection ] )!;\n\t}\n\n\t/**\n\t * Creates a position from the given root and path in that root.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionFromPath `Writer#createPositionFromPath()`}.\n\t *\n\t * @param root Root of the position.\n\t * @param path Position path. See {@link module:engine/model/position~ModelPosition#path}.\n\t * @param stickiness Position stickiness. See {@link module:engine/model/position~ModelPositionStickiness}.\n\t */\n\tpublic createPositionFromPath(\n\t\troot: ModelElement | ModelDocumentFragment,\n\t\tpath: ReadonlyArray<number>,\n\t\tstickiness?: ModelPositionStickiness\n\t): ModelPosition {\n\t\treturn new ModelPosition( root, path, stickiness );\n\t}\n\n\t/**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/model/position~ModelPosition position},\n\t * * a parent element and offset in that element,\n\t * * a parent element and `'end'` (the position will be set at the end of that element),\n\t * * a {@link module:engine/model/item~ModelItem model item} and `'before'` or `'after'`\n\t * (the position will be set before or after the given model item).\n\t *\n\t * This method is a shortcut to other factory methods such as:\n\t *\n\t * * {@link module:engine/model/model~Model#createPositionBefore `createPositionBefore()`},\n\t * * {@link module:engine/model/model~Model#createPositionAfter `createPositionAfter()`}.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionAt `Writer#createPositionAt()`},\n\t *\n\t * @param itemOrPosition\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/model/item~ModelItem model item}.\n\t */\n\tpublic createPositionAt(\n\t\titemOrPosition: ModelItem | ModelPosition | ModelDocumentFragment,\n\t\toffset?: ModelPositionOffset\n\t): ModelPosition {\n\t\treturn ModelPosition._createAt( itemOrPosition, offset );\n\t}\n\n\t/**\n\t * Creates a new position after the given {@link module:engine/model/item~ModelItem model item}.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionAfter `Writer#createPositionAfter()`}.\n\t *\n\t * @param item Item after which the position should be placed.\n\t */\n\tpublic createPositionAfter( item: ModelItem ): ModelPosition {\n\t\treturn ModelPosition._createAfter( item );\n\t}\n\n\t/**\n\t * Creates a new position before the given {@link module:engine/model/item~ModelItem model item}.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createPositionBefore `Writer#createPositionBefore()`}.\n\t *\n\t * @param item Item before which the position should be placed.\n\t */\n\tpublic createPositionBefore( item: ModelItem ): ModelPosition {\n\t\treturn ModelPosition._createBefore( item );\n\t}\n\n\t/**\n\t * Creates a range spanning from the `start` position to the `end` position.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createRange `Writer#createRange()`}:\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \tconst range = writer.createRange( start, end );\n\t * } );\n\t * ```\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, the range will be collapsed to the `start` position.\n\t */\n\tpublic createRange( start: ModelPosition, end?: ModelPosition ): ModelRange {\n\t\treturn new ModelRange( start, end );\n\t}\n\n\t/**\n\t * Creates a range inside the given element which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createRangeIn `Writer#createRangeIn()`}:\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \tconst range = writer.createRangeIn( paragraph );\n\t * } );\n\t * ```\n\t *\n\t * @param element Element which is a parent for the range.\n\t */\n\tpublic createRangeIn( element: ModelElement | ModelDocumentFragment ): ModelRange {\n\t\treturn ModelRange._createIn( element );\n\t}\n\n\t/**\n\t * Creates a range that starts before the given {@link module:engine/model/item~ModelItem model item} and ends after it.\n\t *\n\t * Note: This method is also available on `writer` instance as\n\t * {@link module:engine/model/writer~ModelWriter#createRangeOn `Writer.createRangeOn()`}:\n\t *\n\t * ```ts\n\t * model.change( writer => {\n\t * \tconst range = writer.createRangeOn( paragraph );\n\t * } );\n\t * ```\n\t *\n\t * @param item\n\t */\n\tpublic createRangeOn( item: ModelItem ): ModelRange {\n\t\treturn ModelRange._createOn( item );\n\t}\n\n\t/**\n\t * Creates a new selection instance based on the given {@link module:engine/model/selection~ModelSelectable selectable}\n\t * or creates an empty selection if no arguments were passed.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createSelection `Writer#createSelection()`}.\n\t *\n\t * ```ts\n\t * // Creates selection at the given offset in the given element.\n\t * const paragraph = writer.createElement( 'paragraph' );\n\t * const selection = writer.createSelection( paragraph, offset );\n\t *\n\t * // Creates a range inside an {@link module:engine/model/element~ModelElement element} which starts before the\n\t * // first child of that element and ends after the last child of that element.\n\t * const selection = writer.createSelection( paragraph, 'in' );\n\t *\n\t * // Creates a range on an {@link module:engine/model/item~ModelItem item} which starts before the item and ends\n\t * // just after the item.\n\t * const selection = writer.createSelection( paragraph, 'on' );\n\t *\n\t * // Additional options (`'backward'`) can be specified as the last argument.\n\t *\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( element, 'in', { backward: true } );\n\t * ```\n\t *\n\t * See also: {@link #createSelection:SELECTABLE `createSelection( selectable, options )`}.\n\t *\n\t * @label NODE_OFFSET\n\t */\n\tpublic createSelection( selectable: ModelNode, placeOrOffset: ModelPlaceOrOffset, options?: { backward?: boolean } ): ModelSelection;\n\n\t/**\n\t * Creates a new selection instance based on the given {@link module:engine/model/selection~ModelSelectable selectable}\n\t * or creates an empty selection if no arguments were passed.\n\t *\n\t * Note: This method is also available as\n\t * {@link module:engine/model/writer~ModelWriter#createSelection `Writer#createSelection()`}.\n\t *\n\t * ```ts\n\t * // Creates empty selection without ranges.\n\t * const selection = writer.createSelection();\n\t *\n\t * // Creates selection at the given range.\n\t * const range = writer.createRange( start, end );\n\t * const selection = writer.createSelection( range );\n\t *\n\t * // Creates selection at the given ranges\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * const selection = writer.createSelection( ranges );\n\t *\n\t * // Creates selection from the other selection.\n\t * // Note: It doesn't copies selection attributes.\n\t * const otherSelection = writer.createSelection();\n\t * const selection = writer.createSelection( otherSelection );\n\t *\n\t * // Creates selection from the given document selection.\n\t * // Note: It doesn't copies selection attributes.\n\t * const documentSelection = model.document.selection;\n\t * const selection = writer.createSelection( documentSelection );\n\t *\n\t * // Creates selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * const selection = writer.createSelection( position );\n\t *\n\t * // Additional options (`'backward'`) can be specified as the last argument.\n\t *\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * See also: {@link #createSelection:NODE_OFFSET `createSelection( node, placeOrOffset, options )`}.\n\t *\n\t * @label SELECTABLE\n\t */\n\tpublic createSelection( selectable?: Exclude<ModelSelectable, ModelNode>, options?: { backward?: boolean } ): ModelSelection;\n\n\tpublic createSelection( ...args: ConstructorParameters<typeof ModelSelection> ): ModelSelection {\n\t\treturn new ModelSelection( ...args );\n\t}\n\n\t/**\n\t * Creates a {@link module:engine/model/batch~Batch} instance.\n\t *\n\t * **Note:** In most cases creating a batch instance is not necessary as they are created when using:\n\t *\n\t * * {@link #change `change()`},\n\t * * {@link #enqueueChange `enqueueChange()`}.\n\t *\n\t * @param type {@link module:engine/model/batch~Batch#constructor The type} of the batch.\n\t */\n\tpublic createBatch( type?: BatchType ): Batch {\n\t\treturn new Batch( type );\n\t}\n\n\t/**\n\t * Creates an operation instance from a JSON object (parsed JSON string).\n\t *\n\t * This is an alias for {@link module:engine/model/operation/operationfactory~OperationFactory.fromJSON `OperationFactory.fromJSON()`}.\n\t *\n\t * @param json Deserialized JSON object.\n\t */\n\tpublic createOperationFromJSON( json: unknown ): Operation {\n\t\treturn OperationFactory.fromJSON( json, this.document );\n\t}\n\n\t/**\n\t * Removes all events listeners set by model instance and destroys {@link module:engine/model/document~ModelDocument}.\n\t */\n\tpublic destroy(): void {\n\t\tthis.document.destroy();\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Common part of {@link module:engine/model/model~Model#change} and {@link module:engine/model/model~Model#enqueueChange}\n\t * which calls callbacks and returns array of values returned by these callbacks.\n\t */\n\tprivate _runPendingChanges() {\n\t\tconst ret = [];\n\n\t\tthis.fire( '_beforeChanges' );\n\n\t\ttry {\n\t\t\twhile ( this._pendingChanges.length ) {\n\t\t\t\t// Create a new writer using batch instance created for this chain of changes.\n\t\t\t\tconst currentBatch = this._pendingChanges[ 0 ].batch;\n\t\t\t\tthis._currentWriter = new ModelWriter( this, currentBatch );\n\n\t\t\t\t// Execute changes callback and gather the returned value.\n\t\t\t\tconst callbackReturnValue = this._pendingChanges[ 0 ].callback( this._currentWriter );\n\t\t\t\tret.push( callbackReturnValue );\n\n\t\t\t\tthis.document._handleChangeBlock( this._currentWriter );\n\n\t\t\t\tthis._pendingChanges.shift();\n\t\t\t\tthis._currentWriter = null;\n\t\t\t}\n\t\t} finally {\n\t\t\tthis._pendingChanges.length = 0;\n\t\t\tthis._currentWriter = null;\n\n\t\t\tthis.fire( '_afterChanges' );\n\t\t}\n\n\t\treturn ret;\n\t}\n}\n\n/**\n * Normalizes a selectable to a Selection or ModelDocumentSelection.\n */\nfunction normalizeSelectable(\n\tselectable?: ModelSelectable,\n\tplaceOrOffset?: ModelPlaceOrOffset | null\n): ModelSelection | ModelDocumentSelection | undefined {\n\tif ( !selectable ) {\n\t\treturn;\n\t}\n\n\tif ( selectable instanceof ModelSelection || selectable instanceof ModelDocumentSelection ) {\n\t\treturn selectable;\n\t}\n\n\tif ( selectable instanceof ModelNode ) {\n\t\tif ( placeOrOffset || placeOrOffset === 0 ) {\n\t\t\treturn new ModelSelection( selectable, placeOrOffset );\n\t\t} else if ( selectable.is( 'rootElement' ) ) {\n\t\t\treturn new ModelSelection( selectable, 'in' );\n\t\t} else {\n\t\t\treturn new ModelSelection( selectable, 'on' );\n\t\t}\n\t}\n\n\treturn new ModelSelection( selectable );\n}\n\n/**\n * Fired when entering the outermost {@link module:engine/model/model~Model#enqueueChange} or\n * {@link module:engine/model/model~Model#change} block.\n *\n * @internal\n * @eventName ~Model#_beforeChanges\n */\nexport type BeforeChangesEvent = {\n\tname: '_beforeChanges';\n\targs: [];\n};\n\n/**\n * Fired when leaving the outermost {@link module:engine/model/model~Model#enqueueChange} or\n * {@link module:engine/model/model~Model#change} block.\n *\n * @internal\n * @eventName ~Model#_afterChanges\n */\nexport type AfterChangesEvent = {\n\tname: '_afterChanges';\n\targs: [];\n};\n\n/**\n * Fired every time any {@link module:engine/model/operation/operation~Operation operation} is applied on the model\n * using {@link ~Model#applyOperation}.\n *\n * Note that this event is suitable only for very specific use-cases. Use it if you need to listen to every single operation\n * applied on the document. However, in most cases {@link module:engine/model/document~ModelDocument#event:change} should\n * be used.\n *\n * A few callbacks are already added to this event by engine internal classes:\n *\n * * with `highest` priority operation is validated,\n * * with `normal` priority operation is executed,\n * * with `low` priority the {@link module:engine/model/document~ModelDocument} updates its version,\n * * with `low` priority {@link module:engine/model/liveposition~ModelLivePosition} and {@link module:engine/model/liverange~ModelLiveRange}\n * update themselves.\n *\n * @eventName ~Model#applyOperation\n * @param args Arguments of the `applyOperation` which is an array with a single element - applied\n * {@link module:engine/model/operation/operation~Operation operation}.\n */\nexport type ModelApplyOperationEvent = DecoratedMethodEvent<Model, 'applyOperation'>;\n\n/**\n * Event fired when {@link ~Model#insertContent} method is called.\n *\n * The {@link ~Model#insertContent default action of that method} is implemented as a\n * listener to this event so it can be fully customized by the features.\n *\n * **Note** The `selectable` parameter for the {@link ~Model#insertContent} is optional. When `undefined` value is passed the method uses\n * {@link module:engine/model/document~ModelDocument#selection document selection}.\n *\n * @eventName ~Model#insertContent\n * @param args The arguments passed to the original method.\n */\nexport type ModelInsertContentEvent = {\n\tname: 'insertContent';\n\targs: [ [\n\t\tcontent: ModelItem | ModelDocumentFragment,\n\t\tselectable?: ModelSelection | ModelDocumentSelection,\n\t\t...rest: Array<unknown>\n\t] ];\n\treturn: ModelRange;\n};\n\n/**\n * Event fired when the {@link ~Model#insertObject} method is called.\n *\n * The {@link ~Model#insertObject default action of that method} is implemented as a\n * listener to this event so it can be fully customized by the features.\n *\n * **Note** The `selectable` parameter for the {@link ~Model#insertObject} is optional. When `undefined` value is passed the method uses\n * {@link module:engine/model/document~ModelDocument#selection document selection}.\n *\n * @eventName ~Model#insertObject\n * @param args The arguments passed to the original method.\n */\nexport type ModelInsertObjectEvent = {\n\tname: 'insertObject';\n\targs: [ [\n\t\telement: ModelElement,\n\t\tselectable?: ModelSelection | ModelDocumentSelection | null,\n\t\toptions?: {\n\t\t\tfindOptimalPosition?: 'auto' | 'before' | 'after';\n\t\t\tsetSelection?: 'on' | 'after';\n\t\t},\n\t\t...rest: Array<unknown>\n\t] ];\n\treturn: ModelRange;\n};\n\n/**\n * Event fired when {@link ~Model#deleteContent} method is called.\n *\n * The {@link ~Model#deleteContent default action of that method} is implemented as a\n * listener to this event, so it can be fully customized by the features.\n *\n * @eventName ~Model#deleteContent\n * @param args The arguments passed to the original method.\n */\nexport type ModelDeleteContentEvent = DecoratedMethodEvent<Model, 'deleteContent'>;\n\n/**\n * Event fired when {@link ~Model#modifySelection} method is called.\n *\n * The {@link ~Model#modifySelection default action of that method} is implemented as a\n * listener to this event, so it can be fully customized by the features.\n *\n * @eventName ~Model#modifySelection\n * @param args The arguments passed to the original method.\n */\nexport type ModelModifySelectionEvent = DecoratedMethodEvent<Model, 'modifySelection'>;\n\n/**\n * Event fired when {@link ~Model#getSelectedContent} method is called.\n *\n * The {@link ~Model#getSelectedContent default action of that method} is implemented as a\n * listener to this event, so it can be fully customized by the features.\n *\n * @eventName ~Model#getSelectedContent\n * @param args The arguments passed to the original method.\n */\nexport type ModelGetSelectedContentEvent = DecoratedMethodEvent<Model, 'getSelectedContent'>;\n\n/**\n * Event fired when {@link ~Model#canEditAt} method is called.\n *\n * The {@link ~Model#canEditAt default action of that method} is implemented as a\n * listener to this event, so it can be fully customized by the features.\n *\n * Although the original method accepts any parameter of `Selectable` type, this event is fired with `selectable` normalized\n * to an instance of {@link module:engine/model/selection~ModelSelection} or\n * {@link module:engine/model/documentselection~ModelDocumentSelection}.\n *\n * @eventName ~Model#canEditAt\n * @param args The arguments passed to the original method.\n */\nexport type ModelCanEditAtEvent = {\n\tname: 'canEditAt';\n\targs: [ [\n\t\tselectable?: ModelSelection | ModelDocumentSelection\n\t] ];\n\treturn: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/clickobserver\n */\n\nimport { DomEventObserver } from './domeventobserver.js';\nimport { type ViewDocumentDomEventData } from './domeventdata.js';\nimport type { BubblingEvent } from './bubblingemittermixin.js';\n\n/**\n * {@link module:engine/view/document~ViewDocument#event:click Click} event observer.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView view controller} by a {@link module:engine/view/view~EditingView#addObserver} method.\n */\nexport class ClickObserver extends DomEventObserver<'click'> {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly domEventType = 'click' as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvent: MouseEvent ): void {\n\t\tthis.fire( domEvent.type, domEvent );\n\t}\n}\n\n/**\n * Fired when one of the editables has been clicked.\n *\n * Introduced by {@link module:engine/view/observer/clickobserver~ClickObserver}.\n *\n * Note that this event is not available by default. To make it available\n * {@link module:engine/view/observer/clickobserver~ClickObserver} needs to be added\n * to {@link module:engine/view/view~EditingView} by a {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/clickobserver~ClickObserver\n * @eventName module:engine/view/document~ViewDocument#click\n * @param data Event data.\n */\nexport type ViewDocumentClickEvent = BubblingEvent<{\n\tname: 'click';\n\targs: [ data: ViewDocumentDomEventData<MouseEvent> ];\n}>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/mouseobserver\n */\n\nimport { DomEventObserver } from './domeventobserver.js';\nimport { type ViewDocumentDomEventData } from './domeventdata.js';\n\n/**\n * Mouse events observer.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView} by {@link module:engine/view/view~EditingView#addObserver} method.\n */\nexport class MouseObserver extends DomEventObserver<'mousedown' | 'mouseup' | 'mouseover' | 'mouseout'> {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly domEventType = [ 'mousedown', 'mouseup', 'mouseover', 'mouseout' ] as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvent: MouseEvent ): void {\n\t\tthis.fire( domEvent.type, domEvent );\n\t}\n}\n\n/**\n * Fired when the mouse button is pressed down on one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/mouseobserver~MouseObserver}.\n *\n * Note that this event is not available by default. To make it available, {@link module:engine/view/observer/mouseobserver~MouseObserver}\n * needs to be added to {@link module:engine/view/view~EditingView} by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/mouseobserver~MouseObserver\n * @eventName module:engine/view/document~ViewDocument#mousedown\n * @param data The event data.\n */\nexport type ViewDocumentMouseDownEvent = {\n\tname: 'mousedown';\n\targs: [ data: ViewDocumentDomEventData<MouseEvent> ];\n};\n\n/**\n * Fired when the mouse button is released over one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/mouseobserver~MouseObserver}.\n *\n * Note that this event is not available by default. To make it available, {@link module:engine/view/observer/mouseobserver~MouseObserver}\n * needs to be added to {@link module:engine/view/view~EditingView} by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/mouseobserver~MouseObserver\n * @eventName module:engine/view/document~ViewDocument#mouseup\n * @param  data The event data.\n */\nexport type ViewDocumentMouseUpEvent = {\n\tname: 'mouseup';\n\targs: [ data: ViewDocumentDomEventData<MouseEvent> ];\n};\n\n/**\n * Fired when the mouse is over one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/mouseobserver~MouseObserver}.\n *\n * Note that this event is not available by default. To make it available, {@link module:engine/view/observer/mouseobserver~MouseObserver}\n * needs to be added to {@link module:engine/view/view~EditingView} by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/mouseobserver~MouseObserver\n * @eventName module:engine/view/document~ViewDocument#mouseover\n * @param  data The event data.\n */\nexport type ViewDocumentMouseOverEvent = {\n\tname: 'mouseover';\n\targs: [ data: ViewDocumentDomEventData<MouseEvent> ];\n};\n\n/**\n * Fired when the mouse is moved out of the one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/mouseobserver~MouseObserver}.\n *\n * Note that this event is not available by default. To make it available, {@link module:engine/view/observer/mouseobserver~MouseObserver}\n * needs to be added to {@link module:engine/view/view~EditingView} by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/mouseobserver~MouseObserver\n * @eventName module:engine/view/document~ViewDocument#mouseout\n * @param  data The event data.\n */\nexport type ViewDocumentMouseOutEvent = {\n\tname: 'mouseout';\n\targs: [ data: ViewDocumentDomEventData<MouseEvent> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/touchobserver\n */\n\nimport { DomEventObserver } from './domeventobserver.js';\nimport { type ViewDocumentDomEventData } from './domeventdata.js';\n\n/**\n * Touch events observer.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView} by {@link module:engine/view/view~EditingView#addObserver} method.\n */\nexport class TouchObserver extends DomEventObserver<'touchstart' | 'touchend' | 'touchmove'> {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly domEventType = [ 'touchstart', 'touchend', 'touchmove' ] as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvent: TouchEvent ): void {\n\t\tthis.fire( domEvent.type, domEvent );\n\t}\n}\n\n/**\n * Fired when a touch is started on one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/touchobserver~TouchObserver}.\n *\n * Note that this event is not available by default. To make it available, {@link module:engine/view/observer/touchobserver~TouchObserver}\n * needs to be added to {@link module:engine/view/view~EditingView} by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/touchobserver~TouchObserver\n * @eventName module:engine/view/document~ViewDocument#touchstart\n * @param data The event data.\n */\nexport type ViewDocumentTouchStartEvent = {\n\tname: 'touchstart';\n\targs: [ data: ViewDocumentDomEventData<TouchEvent> ];\n};\n\n/**\n * Fired when a touch ends on one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/touchobserver~TouchObserver}.\n *\n * Note that this event is not available by default. To make it available, {@link module:engine/view/observer/touchobserver~TouchObserver}\n * needs to be added to {@link module:engine/view/view~EditingView} by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/touchobserver~TouchObserver\n * @eventName module:engine/view/document~ViewDocument#touchend\n * @param data The event data.\n */\nexport type ViewDocumentTouchEndEvent = {\n\tname: 'touchend';\n\targs: [ data: ViewDocumentDomEventData<TouchEvent> ];\n};\n\n/**\n * Fired when a touch is moved on one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/touchobserver~TouchObserver}.\n *\n * Note that this event is not available by default. To make it available, {@link module:engine/view/observer/touchobserver~TouchObserver}\n * needs to be added to {@link module:engine/view/view~EditingView} by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/touchobserver~TouchObserver\n * @eventName module:engine/view/document~ViewDocument#touchmove\n * @param data The event data.\n */\nexport type ViewDocumentTouchMoveEvent = {\n\tname: 'touchmove';\n\targs: [ data: ViewDocumentDomEventData<TouchEvent> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/observer/pointerobserver\n */\n\nimport { DomEventObserver } from './domeventobserver.js';\nimport { type ViewDocumentDomEventData } from './domeventdata.js';\n\n/**\n * Pointer events observer.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView} by {@link module:engine/view/view~EditingView#addObserver} method.\n */\nexport class PointerObserver extends DomEventObserver<'pointerdown' | 'pointerup' | 'pointermove'> {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly domEventType = [ 'pointerdown', 'pointerup', 'pointermove' ] as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvent: PointerEvent ): void {\n\t\tthis.fire( domEvent.type, domEvent );\n\t}\n}\n\n/**\n * Fired when a pointer is down on one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/pointerobserver~PointerObserver}.\n *\n * Note that this event is not available by default. To make it available,\n * {@link module:engine/view/observer/pointerobserver~PointerObserver} needs to be added to {@link module:engine/view/view~EditingView}\n * by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/pointerobserver~PointerObserver\n * @eventName module:engine/view/document~ViewDocument#pointerdown\n * @param data The event data.\n */\nexport type ViewDocumentPointerDownEvent = {\n\tname: 'pointerdown';\n\targs: [ data: ViewDocumentDomEventData<PointerEvent> ];\n};\n\n/**\n * Fired when a pointer is up on one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/pointerobserver~PointerObserver}.\n *\n * Note that this event is not available by default. To make it available,\n * {@link module:engine/view/observer/pointerobserver~PointerObserver} needs to be added to {@link module:engine/view/view~EditingView}\n * by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/pointerobserver~PointerObserver\n * @eventName module:engine/view/document~ViewDocument#pointerup\n * @param data The event data.\n */\nexport type ViewDocumentPointerUpEvent = {\n\tname: 'pointerup';\n\targs: [ data: ViewDocumentDomEventData<PointerEvent> ];\n};\n\n/**\n * Fired when a pointer is moved on one of the editing roots of the editor.\n *\n * Introduced by {@link module:engine/view/observer/pointerobserver~PointerObserver}.\n *\n * Note that this event is not available by default. To make it available,\n * {@link module:engine/view/observer/pointerobserver~PointerObserver} needs to be added to {@link module:engine/view/view~EditingView}\n * by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:engine/view/observer/pointerobserver~PointerObserver\n * @eventName module:engine/view/document~ViewDocument#pointermove\n * @param data The event data.\n */\nexport type ViewDocumentPointerMoveEvent = {\n\tname: 'pointermove';\n\targs: [ data: ViewDocumentDomEventData<PointerEvent> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/upcastwriter\n */\n\nimport { ViewDocumentFragment } from './documentfragment.js';\nimport { ViewElement, type ViewElementAttributes } from './element.js';\nimport { ViewText } from './text.js';\nimport { isPlainObject } from 'es-toolkit/compat';\nimport { ViewPosition, type ViewPositionOffset } from './position.js';\nimport { ViewRange } from './range.js';\nimport {\n\tViewSelection,\n\ttype ViewPlaceOrOffset,\n\ttype ViewSelectable,\n\ttype ViewSelectionOptions\n} from './selection.js';\n\nimport { type ViewDocument } from './document.js';\nimport { type ViewItem } from './item.js';\nimport { type ViewNode } from './node.js';\n\n/**\n * View upcast writer. It provides a set of methods used to manipulate non-semantic view trees.\n *\n * It should be used only while working on a non-semantic view\n * (e.g. a view created from HTML string on paste).\n * To manipulate a view which was or is being downcasted from the the model use the\n * {@link module:engine/view/downcastwriter~ViewDowncastWriter downcast writer}.\n *\n * Read more about changing the view in the {@glink framework/architecture/editing-engine#changing-the-view Changing the view}\n * section of the {@glink framework/architecture/editing-engine Editing engine architecture} guide.\n *\n * Unlike `ViewDowncastWriter`, which is available in the {@link module:engine/view/view~EditingView#change `View#change()`} block,\n * `ViewUpcastWriter` can be created wherever you need it:\n *\n * ```ts\n * const writer = new ViewUpcastWriter( viewDocument );\n * const text = writer.createText( 'foo!' );\n *\n * writer.appendChild( text, someViewElement );\n * ```\n */\nexport class ViewUpcastWriter {\n\t/**\n\t * The view document instance in which this upcast writer operates.\n\t */\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * @param document The view document instance in which this upcast writer operates.\n\t */\n\tconstructor( document: ViewDocument ) {\n\t\tthis.document = document;\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/documentfragment~ViewDocumentFragment} instance.\n\t *\n\t * @param children A list of nodes to be inserted into the created document fragment.\n\t * @returns The created document fragment.\n\t */\n\tpublic createDocumentFragment( children?: ViewNode | Iterable<ViewNode> ): ViewDocumentFragment {\n\t\treturn new ViewDocumentFragment( this.document, children );\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/element~ViewElement} instance.\n\t *\n\t * Attributes can be passed in various formats:\n\t *\n\t * ```ts\n\t * upcastWriter.createElement( 'div', { class: 'editor', contentEditable: 'true' } ); // object\n\t * upcastWriter.createElement( 'div', [ [ 'class', 'editor' ], [ 'contentEditable', 'true' ] ] ); // map-like iterator\n\t * upcastWriter.createElement( 'div', mapOfAttributes ); // map\n\t * ```\n\t *\n\t * @param name Node name.\n\t * @param attrs Collection of attributes.\n\t * @param children A list of nodes to be inserted into created element.\n\t * @returns Created element.\n\t */\n\tpublic createElement(\n\t\tname: string,\n\t\tattrs?: ViewElementAttributes,\n\t\tchildren?: ViewNode | Iterable<ViewNode>\n\t): ViewElement {\n\t\treturn new ViewElement( this.document, name, attrs, children );\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/text~ViewText} instance.\n\t *\n\t * @param data The text's data.\n\t * @returns The created text node.\n\t */\n\tpublic createText( data: string ): ViewText {\n\t\treturn new ViewText( this.document, data );\n\t}\n\n\t/**\n\t * Clones the provided element.\n\t *\n\t * @see module:engine/view/element~ViewElement#_clone\n\t * @param element Element to be cloned.\n\t * @param deep If set to `true` clones element and all its children recursively. When set to `false`,\n\t * element will be cloned without any children.\n\t * @returns Clone of this element.\n\t */\n\tpublic clone( element: ViewElement, deep: boolean = false ): ViewElement {\n\t\treturn element._clone( deep );\n\t}\n\n\t/**\n\t * Appends a child node or a list of child nodes at the end of this node\n\t * and sets the parent of these nodes to this element.\n\t *\n\t * @see module:engine/view/element~ViewElement#_appendChild\n\t * @param items Items to be inserted.\n\t * @param element Element to which items will be appended.\n\t * @returns Number of appended nodes.\n\t */\n\tpublic appendChild( items: ViewItem | string | Iterable<ViewItem | string>, element: ViewElement | ViewDocumentFragment ): number {\n\t\treturn element._appendChild( items );\n\t}\n\n\t/**\n\t * Inserts a child node or a list of child nodes on the given index and sets the parent of these nodes to\n\t * this element.\n\t *\n\t * @see module:engine/view/element~ViewElement#_insertChild\n\t * @param index Offset at which nodes should be inserted.\n\t * @param items Items to be inserted.\n\t * @param element Element to which items will be inserted.\n\t * @returns Number of inserted nodes.\n\t */\n\tpublic insertChild( index: number, items: ViewItem | Iterable<ViewItem>, element: ViewElement | ViewDocumentFragment ): number {\n\t\treturn element._insertChild( index, items );\n\t}\n\n\t/**\n\t * Removes the given number of child nodes starting at the given index and set the parent of these nodes to `null`.\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeChildren\n\t * @param index Offset from which nodes will be removed.\n\t * @param howMany Number of nodes to remove.\n\t * @param element Element which children will be removed.\n\t * @returns The array containing removed nodes.\n\t */\n\tpublic removeChildren( index: number, howMany: number, element: ViewElement | ViewDocumentFragment ): Array<ViewNode> {\n\t\treturn element._removeChildren( index, howMany );\n\t}\n\n\t/**\n\t * Removes given element from the view structure. Will not have effect on detached elements.\n\t *\n\t * @param element Element which will be removed.\n\t * @returns The array containing removed nodes.\n\t */\n\tpublic remove( element: ViewNode ): Array<ViewNode> {\n\t\tconst parent = element.parent;\n\n\t\tif ( parent ) {\n\t\t\treturn this.removeChildren( parent.getChildIndex( element ), 1, parent );\n\t\t}\n\n\t\treturn [];\n\t}\n\n\t/**\n\t * Replaces given element with the new one in the view structure. Will not have effect on detached elements.\n\t *\n\t * @param oldElement Element which will be replaced.\n\t * @param newElement Element which will be inserted in the place of the old element.\n\t * @returns Whether old element was successfully replaced.\n\t */\n\tpublic replace( oldElement: ViewElement, newElement: ViewElement ): boolean {\n\t\tconst parent = oldElement.parent;\n\n\t\tif ( parent ) {\n\t\t\tconst index = parent.getChildIndex( oldElement )!;\n\n\t\t\tthis.removeChildren( index, 1, parent );\n\t\t\tthis.insertChild( index, newElement, parent );\n\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Removes given element from view structure and places its children in its position.\n\t * It does nothing if element has no parent.\n\t *\n\t * @param element Element to unwrap.\n\t */\n\tpublic unwrapElement( element: ViewElement ): void {\n\t\tconst parent = element.parent;\n\n\t\tif ( parent ) {\n\t\t\tconst index = parent.getChildIndex( element )!;\n\n\t\t\tthis.remove( element );\n\t\t\tthis.insertChild( index, element.getChildren(), parent );\n\t\t}\n\t}\n\n\t/**\n\t * Renames element by creating a copy of a given element but with its name changed and then moving contents of the\n\t * old element to the new one.\n\t *\n\t * Since this function creates a new element and removes the given one, the new element is returned to keep reference.\n\t *\n\t * @param newName New element name.\n\t * @param  element Element to be renamed.\n\t * @returns New element or null if the old element was not replaced (happens for detached elements).\n\t */\n\tpublic rename( newName: string, element: ViewElement ): ViewElement | null {\n\t\tconst newElement = new ViewElement( this.document, newName, element.getAttributes(), element.getChildren() );\n\n\t\treturn this.replace( element, newElement ) ? newElement : null;\n\t}\n\n\t/**\n\t * Adds or overwrites element's attribute with a specified key and value.\n\t *\n\t * ```ts\n\t * writer.setAttribute( 'href', 'http://ckeditor.com', linkElement );\n\t * ```\n\t *\n\t * @see module:engine/view/element~ViewElement#_setAttribute\n\t * @param key Attribute key.\n\t * @param value Attribute value.\n\t * @param element Element for which attribute will be set.\n\t */\n\tpublic setAttribute( key: string, value: unknown, element: ViewElement ): void {\n\t\telement._setAttribute( key, value );\n\t}\n\n\t/**\n\t * Removes attribute from the element.\n\t *\n\t * ```ts\n\t * writer.removeAttribute( 'href', linkElement );\n\t * ```\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeAttribute\n\t * @param key Attribute key.\n\t * @param element Element from which attribute will be removed.\n\t */\n\tpublic removeAttribute( key: string, element: ViewElement ): void {\n\t\telement._removeAttribute( key );\n\t}\n\n\t/**\n\t * Adds specified class to the element.\n\t *\n\t * ```ts\n\t * writer.addClass( 'foo', linkElement );\n\t * writer.addClass( [ 'foo', 'bar' ], linkElement );\n\t * ```\n\t *\n\t * @see module:engine/view/element~ViewElement#_addClass\n\t * @param className Single class name or array of class names which will be added.\n\t * @param element Element for which class will be added.\n\t */\n\tpublic addClass( className: string | Array<string>, element: ViewElement ): void {\n\t\telement._addClass( className );\n\t}\n\n\t/**\n\t * Removes specified class from the element.\n\t *\n\t * ```ts\n\t * writer.removeClass( 'foo', linkElement );\n\t * writer.removeClass( [ 'foo', 'bar' ], linkElement );\n\t * ```\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeClass\n\t * @param className Single class name or array of class names which will be removed.\n\t * @param element Element from which class will be removed.\n\t */\n\tpublic removeClass( className: string | Array<string>, element: ViewElement ): void {\n\t\telement._removeClass( className );\n\t}\n\n\t/**\n\t * Adds style to the element.\n\t *\n\t * ```ts\n\t * writer.setStyle( 'color', 'red', element );\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#set `StylesMap#set()`} for details.\n\t *\n\t * @see module:engine/view/element~ViewElement#_setStyle\n\t * @label KEY_VALUE\n\t * @param property Property name.\n\t * @param value Value to set.\n\t * @param element Element for which style will be added.\n\t */\n\tpublic setStyle( property: string, value: string, element: ViewElement ): void;\n\n\t/**\n\t * Adds style to the element.\n\t *\n\t * ```ts\n\t * writer.setStyle( {\n\t * \tcolor: 'red',\n\t * \tposition: 'fixed'\n\t * }, element );\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#set `StylesMap#set()`} for details.\n\t *\n\t * @see module:engine/view/element~ViewElement#_setStyle\n\t * @label OBJECT\n\t * @param properties Object with key - value pairs.\n\t * @param element Element for which style will be added.\n\t */\n\tpublic setStyle( properties: Record<string, string>, element: ViewElement ): void;\n\n\tpublic setStyle( property: string | Record<string, string>, valueOrElement: string | ViewElement, element?: ViewElement ): void {\n\t\tif ( isPlainObject( property ) && element === undefined ) {\n\t\t\t( valueOrElement as ViewElement )._setStyle( property as Record<string, string> );\n\t\t} else {\n\t\t\telement!._setStyle( property as string, valueOrElement as string );\n\t\t}\n\t}\n\n\t/**\n\t * Removes specified style from the element.\n\t *\n\t * ```ts\n\t * writer.removeStyle( 'color', element );  // Removes 'color' style.\n\t * writer.removeStyle( [ 'color', 'border-top' ], element ); // Removes both 'color' and 'border-top' styles.\n\t * ```\n\t *\n\t * **Note**: This method can work with normalized style names if\n\t * {@link module:engine/controller/datacontroller~DataController#addStyleProcessorRules a particular style processor rule is enabled}.\n\t * See {@link module:engine/view/stylesmap~StylesMap#remove `StylesMap#remove()`} for details.\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeStyle\n\t * @param property Style property name or names to be removed.\n\t * @param element Element from which style will be removed.\n\t */\n\tpublic removeStyle( property: string | Array<string>, element: ViewElement ): void {\n\t\telement._removeStyle( property );\n\t}\n\n\t/**\n\t * Sets a custom property on element. Unlike attributes, custom properties are not rendered to the DOM,\n\t * so they can be used to add special data to elements.\n\t *\n\t * @see module:engine/view/element~ViewElement#_setCustomProperty\n\t * @param key Custom property name/key.\n\t * @param value Custom property value to be stored.\n\t * @param element Element for which custom property will be set.\n\t */\n\tpublic setCustomProperty( key: string | symbol, value: unknown, element: ViewElement | ViewDocumentFragment ): void {\n\t\telement._setCustomProperty( key, value );\n\t}\n\n\t/**\n\t * Removes a custom property stored under the given key.\n\t *\n\t * @see module:engine/view/element~ViewElement#_removeCustomProperty\n\t * @param key Name/key of the custom property to be removed.\n\t * @param element Element from which the custom property will be removed.\n\t * @returns Returns true if property was removed.\n\t */\n\tpublic removeCustomProperty( key: string | symbol, element: ViewElement | ViewDocumentFragment ): boolean {\n\t\treturn element._removeCustomProperty( key );\n\t}\n\n\t/**\n\t * Creates position at the given location. The location can be specified as:\n\t *\n\t * * a {@link module:engine/view/position~ViewPosition position},\n\t * * parent element and offset (offset defaults to `0`),\n\t * * parent element and `'end'` (sets position at the end of that element),\n\t * * {@link module:engine/view/item~ViewItem view item} and `'before'` or `'after'` (sets position before or after given view item).\n\t *\n\t * This method is a shortcut to other constructors such as:\n\t *\n\t * * {@link #createPositionBefore},\n\t * * {@link #createPositionAfter},\n\t *\n\t * @param offset Offset or one of the flags. Used only when first parameter is a {@link module:engine/view/item~ViewItem view item}.\n\t */\n\tpublic createPositionAt( itemOrPosition: ViewItem | ViewPosition, offset?: ViewPositionOffset ): ViewPosition {\n\t\treturn ViewPosition._createAt( itemOrPosition, offset );\n\t}\n\n\t/**\n\t * Creates a new position after given view item.\n\t *\n\t * @param item View item after which the position should be located.\n\t */\n\tpublic createPositionAfter( item: ViewItem ): ViewPosition {\n\t\treturn ViewPosition._createAfter( item );\n\t}\n\n\t/**\n\t * Creates a new position before given view item.\n\t *\n\t * @param item View item before which the position should be located.\n\t */\n\tpublic createPositionBefore( item: ViewItem ): ViewPosition {\n\t\treturn ViewPosition._createBefore( item );\n\t}\n\n\t/**\n\t * Creates a range spanning from `start` position to `end` position.\n\t *\n\t * **Note:** This factory method creates it's own {@link module:engine/view/position~ViewPosition} instances basing on passed values.\n\t *\n\t * @param start Start position.\n\t * @param end End position. If not set, range will be collapsed at `start` position.\n\t */\n\tpublic createRange( start: ViewPosition, end: ViewPosition ): ViewRange {\n\t\treturn new ViewRange( start, end );\n\t}\n\n\t/**\n\t * Creates a range that starts before given {@link module:engine/view/item~ViewItem view item} and ends after it.\n\t */\n\tpublic createRangeOn( item: ViewItem ): ViewRange {\n\t\treturn ViewRange._createOn( item );\n\t}\n\n\t/**\n\t * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of\n\t * that element and ends after the last child of that element.\n\t *\n\t * @param element Element which is a parent for the range.\n\t */\n\tpublic createRangeIn( element: ViewElement | ViewDocumentFragment ): ViewRange {\n\t\treturn ViewRange._createIn( element );\n\t}\n\n\t/**\n\t * Creates a new {@link module:engine/view/selection~ViewSelection} instance.\n\t *\n\t * ```ts\n\t * // Creates collapsed selection at the position of given item and offset.\n\t * const paragraph = writer.createContainerElement( 'paragraph' );\n\t * const selection = writer.createSelection( paragraph, offset );\n\t *\n\t * // Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the\n\t * // first child of that element and ends after the last child of that element.\n\t * const selection = writer.createSelection( paragraph, 'in' );\n\t *\n\t * // Creates a range on an {@link module:engine/view/item~ViewItem item} which starts before the item and ends\n\t * // just after the item.\n\t * const selection = writer.createSelection( paragraph, 'on' );\n\t * ```\n\t *\n\t * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( element, 'in', { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = writer.createSelection( element, 'in', { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #createSelection:SELECTABLE `createSelection( selectable, options )`}.\n\t *\n\t * @label NODE_OFFSET\n\t */\n\tpublic createSelection( selectable: ViewNode, placeOrOffset: ViewPlaceOrOffset, options?: ViewSelectionOptions ): ViewSelection;\n\n\t/**\n\t * Creates a new {@link module:engine/view/selection~ViewSelection} instance.\n\t *\n\t * ```ts\n\t * // Creates empty selection without ranges.\n\t * const selection = writer.createSelection();\n\t *\n\t * // Creates selection at the given range.\n\t * const range = writer.createRange( start, end );\n\t * const selection = writer.createSelection( range );\n\t *\n\t * // Creates selection at the given ranges\n\t * const ranges = [ writer.createRange( start1, end2 ), writer.createRange( star2, end2 ) ];\n\t * const selection = writer.createSelection( ranges );\n\t *\n\t * // Creates selection from the other selection.\n\t * const otherSelection = writer.createSelection();\n\t * const selection = writer.createSelection( otherSelection );\n\t *\n\t * // Creates selection from the document selection.\n\t * const selection = writer.createSelection( editor.editing.view.document.selection );\n\t *\n\t * // Creates selection at the given position.\n\t * const position = writer.createPositionFromPath( root, path );\n\t * const selection = writer.createSelection( position );\n\t * ```\n\t *\n\t * `Selection`'s constructor allow passing additional options (`backward`, `fake` and `label`) as the last argument.\n\t *\n\t * ```ts\n\t * // Creates backward selection.\n\t * const selection = writer.createSelection( range, { backward: true } );\n\t * ```\n\t *\n\t * Fake selection does not render as browser native selection over selected elements and is hidden to the user.\n\t * This way, no native selection UI artifacts are displayed to the user and selection over elements can be\n\t * represented in other way, for example by applying proper CSS class.\n\t *\n\t * Additionally fake's selection label can be provided. It will be used to describe fake selection in DOM\n\t * (and be  properly handled by screen readers).\n\t *\n\t * ```ts\n\t * // Creates fake selection with label.\n\t * const selection = writer.createSelection( range, { fake: true, label: 'foo' } );\n\t * ```\n\t *\n\t * See also: {@link #createSelection:NODE_OFFSET `createSelection( node, placeOrOffset, options )`}.\n\t *\n\t * @label SELECTABLE\n\t */\n\tpublic createSelection( selectable?: Exclude<ViewSelectable, ViewNode>, options?: ViewSelectionOptions ): ViewSelection;\n\n\tpublic createSelection( ...args: ConstructorParameters<typeof ViewSelection> ): ViewSelection {\n\t\treturn new ViewSelection( ...args );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/styles/utils\n */\n\nimport type { BoxStyleSides, StylePropertyDescriptor, StyleValue } from '../stylesmap.js';\n\nconst HEX_COLOR_REGEXP = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;\nconst RGB_COLOR_REGEXP = /^rgb\\([ ]?([0-9]{1,3}[ %]?,[ ]?){2,3}[0-9]{1,3}[ %]?\\)$/i;\nconst RGBA_COLOR_REGEXP = /^rgba\\([ ]?([0-9]{1,3}[ %]?,[ ]?){3}(1|[0-9]+%|[0]?\\.?[0-9]+)\\)$/i;\nconst HSL_COLOR_REGEXP = /^hsl\\([ ]?([0-9]{1,3}[ %]?[,]?[ ]*){3}(1|[0-9]+%|[0]?\\.?[0-9]+)?\\)$/i;\nconst HSLA_COLOR_REGEXP = /^hsla\\([ ]?([0-9]{1,3}[ %]?,[ ]?){2,3}(1|[0-9]+%|[0]?\\.?[0-9]+)\\)$/i;\n\n// Note: This regexp hardcodes a single level of nested () for values such as `calc( var( ...) + ...)`.\n// If this gets more complex, a proper parser should be used instead.\nconst CSS_SHORTHAND_VALUE_REGEXP = /\\w+\\((?:[^()]|\\([^()]*\\))*\\)|\\S+/gi;\n\nconst COLOR_NAMES = new Set( [\n\t// CSS Level 1\n\t'black', 'silver', 'gray', 'white', 'maroon', 'red', 'purple', 'fuchsia',\n\t'green', 'lime', 'olive', 'yellow', 'navy', 'blue', 'teal', 'aqua',\n\t// CSS Level 2 (Revision 1)\n\t'orange',\n\t// CSS Color Module Level 3\n\t'aliceblue', 'antiquewhite', 'aquamarine', 'azure', 'beige', 'bisque', 'blanchedalmond', 'blueviolet', 'brown',\n\t'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral', 'cornflowerblue', 'cornsilk', 'crimson', 'cyan',\n\t'darkblue', 'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgreen', 'darkgrey', 'darkkhaki', 'darkmagenta',\n\t'darkolivegreen', 'darkorange', 'darkorchid', 'darkred', 'darksalmon', 'darkseagreen', 'darkslateblue',\n\t'darkslategray', 'darkslategrey', 'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray', 'dimgrey',\n\t'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'gainsboro', 'ghostwhite', 'gold', 'goldenrod',\n\t'greenyellow', 'grey', 'honeydew', 'hotpink', 'indianred', 'indigo', 'ivory', 'khaki', 'lavender', 'lavenderblush',\n\t'lawngreen', 'lemonchiffon', 'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow', 'lightgray',\n\t'lightgreen', 'lightgrey', 'lightpink', 'lightsalmon', 'lightseagreen', 'lightskyblue', 'lightslategray',\n\t'lightslategrey', 'lightsteelblue', 'lightyellow', 'limegreen', 'linen', 'magenta', 'mediumaquamarine',\n\t'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen', 'mediumslateblue', 'mediumspringgreen',\n\t'mediumturquoise', 'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose', 'moccasin', 'navajowhite',\n\t'oldlace', 'olivedrab', 'orangered', 'orchid', 'palegoldenrod', 'palegreen', 'paleturquoise', 'palevioletred',\n\t'papayawhip', 'peachpuff', 'peru', 'pink', 'plum', 'powderblue', 'rosybrown', 'royalblue', 'saddlebrown', 'salmon',\n\t'sandybrown', 'seagreen', 'seashell', 'sienna', 'skyblue', 'slateblue', 'slategray', 'slategrey', 'snow',\n\t'springgreen', 'steelblue', 'tan', 'thistle', 'tomato', 'turquoise', 'violet', 'wheat', 'whitesmoke', 'yellowgreen',\n\t// CSS Color Module Level 3 (System Colors)\n\t'activeborder', 'activecaption', 'appworkspace', 'background', 'buttonface', 'buttonhighlight', 'buttonshadow',\n\t'buttontext', 'captiontext', 'graytext', 'highlight', 'highlighttext', 'inactiveborder', 'inactivecaption',\n\t'inactivecaptiontext', 'infobackground', 'infotext', 'menu', 'menutext', 'scrollbar', 'threeddarkshadow',\n\t'threedface', 'threedhighlight', 'threedlightshadow', 'threedshadow', 'window', 'windowframe', 'windowtext',\n\t// CSS Color Module Level 4\n\t'rebeccapurple',\n\t// Keywords\n\t'currentcolor', 'transparent'\n] );\n\n/**\n * Checks if string contains [color](https://developer.mozilla.org/en-US/docs/Web/CSS/color) CSS value.\n *\n * ```ts\n * isColorStyleValue( '#f00' );\t\t\t\t\t\t// true\n * isColorStyleValue( '#AA00BB33' );\t\t\t\t// true\n * isColorStyleValue( 'rgb(0, 0, 250)' );\t\t\t// true\n * isColorStyleValue( 'hsla(240, 100%, 50%, .7)' );\t// true\n * isColorStyleValue( 'deepskyblue' );\t\t\t\t// true\n * ```\n *\n * **Note**: It does not support CSS Level 4 whitespace syntax, system colors and radius values for HSL colors.\n */\nexport function isColorStyleValue( string: string ): boolean {\n\t// As far as I was able to test checking some pre-conditions is faster than joining each test with ||.\n\tif ( string.startsWith( '#' ) ) {\n\t\treturn HEX_COLOR_REGEXP.test( string );\n\t}\n\n\tif ( string.startsWith( 'rgb' ) ) {\n\t\treturn RGB_COLOR_REGEXP.test( string ) || RGBA_COLOR_REGEXP.test( string );\n\t}\n\n\tif ( string.startsWith( 'hsl' ) ) {\n\t\treturn HSL_COLOR_REGEXP.test( string ) || HSLA_COLOR_REGEXP.test( string );\n\t}\n\n\t// Array check > RegExp test.\n\treturn COLOR_NAMES.has( string.toLowerCase() );\n}\n\nconst lineStyleValues = [ 'none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset' ];\n\n/**\n * Checks if string contains [line style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style) CSS value.\n */\nexport function isLineStyleValue( string: string ): boolean {\n\treturn lineStyleValues.includes( string );\n}\n\nconst lengthRegExp = /^([+-]?[0-9]*([.][0-9]+)?(px|cm|mm|in|pc|pt|ch|em|ex|rem|vh|vw|vmin|vmax)|0)$/;\n\n/**\n * Checks if string contains [length](https://developer.mozilla.org/en-US/docs/Web/CSS/length) CSS value.\n */\nexport function isLengthStyleValue( string: string ): boolean {\n\treturn lengthRegExp.test( string );\n}\n\nconst PERCENTAGE_VALUE_REGEXP = /^[+-]?[0-9]*([.][0-9]+)?%$/;\n\n/**\n * Checks if string contains [percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/percentage) CSS value.\n */\nexport function isPercentageStyleValue( string: string ): boolean {\n\treturn PERCENTAGE_VALUE_REGEXP.test( string );\n}\n\nconst repeatValues = [ 'repeat-x', 'repeat-y', 'repeat', 'space', 'round', 'no-repeat' ];\n\n/**\n * Checks if string contains [background repeat](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) CSS value.\n */\nexport function isRepeatStyleValue( string: string ): boolean {\n\treturn repeatValues.includes( string );\n}\n\nconst positionValues = [ 'center', 'top', 'bottom', 'left', 'right' ];\n\n/**\n * Checks if string contains [background position](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) CSS value.\n */\nexport function isPositionStyleValue( string: string ): boolean {\n\treturn positionValues.includes( string );\n}\n\nconst attachmentValues = [ 'fixed', 'scroll', 'local' ];\n\n/**\n * Checks if string contains [background attachment](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment) CSS value.\n */\nexport function isAttachmentStyleValue( string: string ): boolean {\n\treturn attachmentValues.includes( string );\n}\n\nconst urlRegExp = /^url\\(/;\n\n/**\n * Checks if string contains [URL](https://developer.mozilla.org/en-US/docs/Web/CSS/url) CSS value.\n */\nexport function isURLStyleValue( string: string ): boolean {\n\treturn urlRegExp.test( string );\n}\n\n/**\n * Parses box sides as individual values.\n */\nexport function getBoxSidesStyleValues( value: string = '' ): BoxStyleSides {\n\tif ( value === '' ) {\n\t\treturn { top: undefined, right: undefined, bottom: undefined, left: undefined };\n\t}\n\n\tconst values = getShorthandStylesValues( value );\n\n\tconst top = values[ 0 ];\n\tconst bottom = values[ 2 ] || top;\n\tconst right = values[ 1 ] || top;\n\tconst left = values[ 3 ] || right;\n\n\treturn { top, bottom, right, left };\n}\n\n/**\n * Default reducer for CSS properties that concerns edges of a box\n * [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) notations:\n *\n * ```ts\n * stylesProcessor.setReducer( 'padding', getBoxSidesStyleValueReducer( 'padding' ) );\n * ```\n */\nexport function getBoxSidesStyleValueReducer( styleShorthand: string ) {\n\treturn ( value: StyleValue ): Array<StylePropertyDescriptor> => {\n\t\tconst { top, right, bottom, left } = value as BoxStyleSides;\n\n\t\tconst reduced: Array<StylePropertyDescriptor> = [];\n\n\t\tif ( ![ top, right, left, bottom ].every( value => !!value ) ) {\n\t\t\tif ( top ) {\n\t\t\t\treduced.push( [ styleShorthand + '-top', top ] );\n\t\t\t}\n\n\t\t\tif ( right ) {\n\t\t\t\treduced.push( [ styleShorthand + '-right', right ] );\n\t\t\t}\n\n\t\t\tif ( bottom ) {\n\t\t\t\treduced.push( [ styleShorthand + '-bottom', bottom ] );\n\t\t\t}\n\n\t\t\tif ( left ) {\n\t\t\t\treduced.push( [ styleShorthand + '-left', left ] );\n\t\t\t}\n\t\t} else {\n\t\t\treduced.push( [ styleShorthand, getBoxSidesStyleShorthandValue( value as BoxStyleSides ) ] );\n\t\t}\n\n\t\treturn reduced;\n\t};\n}\n\n/**\n * Returns a [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) notation\n * of a CSS property value.\n *\n * ```ts\n * getBoxSidesStyleShorthandValue( { top: '1px', right: '1px', bottom: '2px', left: '1px' } );\n * // will return '1px 1px 2px'\n * ```\n */\nexport function getBoxSidesStyleShorthandValue( { top, right, bottom, left }: BoxStyleSides ): string {\n\tconst out = [];\n\n\tif ( left !== right ) {\n\t\tout.push( top, right, bottom, left );\n\t} else if ( bottom !== top ) {\n\t\tout.push( top, right, bottom );\n\t} else if ( right !== top ) {\n\t\tout.push( top, right );\n\t} else {\n\t\tout.push( top );\n\t}\n\n\treturn out.join( ' ' );\n}\n\n/**\n * Creates a normalizer for a [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) 1-to-4 value.\n *\n * ```ts\n * stylesProcessor.setNormalizer( 'margin', getPositionStyleShorthandNormalizer( 'margin' ) );\n * ```\n */\nexport function getPositionStyleShorthandNormalizer( shorthand: string ) {\n\treturn ( value: string ): { path: string; value: BoxStyleSides } => {\n\t\treturn {\n\t\t\tpath: shorthand,\n\t\t\tvalue: getBoxSidesStyleValues( value )\n\t\t};\n\t};\n}\n\n/**\n * Parses parts of a 1-to-4 value notation - handles some CSS values with spaces (like RGB()).\n *\n * ```ts\n * getShorthandStylesValues( 'red blue RGB(0, 0, 0)');\n * // will return [ 'red', 'blue', 'RGB(0, 0, 0)' ]\n * ```\n */\nexport function getShorthandStylesValues( string: string ): Array<string> {\n\tconst matches = string.trim().slice( 0, 1500 ).matchAll( CSS_SHORTHAND_VALUE_REGEXP );\n\n\treturn Array.from( matches ).map( i => i[ 0 ] );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/styles/background\n */\n\nimport type { StylesProcessor, StylePropertyDescriptor, Styles, StylesNormalizer, StylesReducer } from '../stylesmap.js';\nimport {\n\tgetShorthandStylesValues,\n\tisAttachmentStyleValue,\n\tisColorStyleValue,\n\tisPositionStyleValue,\n\tisRepeatStyleValue,\n\tisURLStyleValue\n} from './utils.js';\n\n/**\n * Adds a background CSS styles processing rules.\n *\n * ```ts\n * editor.data.addStyleProcessorRules( addBackgroundStylesRules );\n * ```\n *\n * The normalized value is stored as:\n *\n * ```ts\n * const styles = {\n * \tbackground: {\n * \t\tcolor,\n * \t\trepeat,\n * \t\tposition,\n * \t\tattachment,\n * \t\timage\n * \t}\n * };\n * ````\n *\n * **Note**: Currently only `'background-color'` longhand value is parsed besides `'background'` shorthand. The reducer also supports only\n * `'background-color'` value.\n */\nexport function addBackgroundStylesRules( stylesProcessor: StylesProcessor ): void {\n\tstylesProcessor.setNormalizer( 'background', getBackgroundNormalizer() );\n\tstylesProcessor.setNormalizer( 'background-color', getBackgroundColorNormalizer() );\n\tstylesProcessor.setReducer( 'background', getBackgroundReducer() );\n\n\tstylesProcessor.setStyleRelation( 'background', [ 'background-color' ] );\n}\n\nfunction getBackgroundNormalizer(): StylesNormalizer {\n\treturn value => {\n\t\tconst background: {\n\t\t\trepeat?: Array<string>;\n\t\t\tposition?: Array<string>;\n\t\t\tattachment?: string;\n\t\t\tcolor?: string;\n\t\t\timage?: string;\n\t\t} = {};\n\n\t\tconst parts = getShorthandStylesValues( value );\n\n\t\tfor ( const part of parts ) {\n\t\t\tif ( isRepeatStyleValue( part ) ) {\n\t\t\t\tbackground.repeat = background.repeat || [];\n\n\t\t\t\tbackground.repeat.push( part );\n\t\t\t} else if ( isPositionStyleValue( part ) ) {\n\t\t\t\tbackground.position = background.position || [];\n\n\t\t\t\tbackground.position.push( part );\n\t\t\t} else if ( isAttachmentStyleValue( part ) ) {\n\t\t\t\tbackground.attachment = part;\n\t\t\t} else if ( isColorStyleValue( part ) ) {\n\t\t\t\tbackground.color = part;\n\t\t\t} else if ( isURLStyleValue( part ) ) {\n\t\t\t\tbackground.image = part;\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tpath: 'background',\n\t\t\tvalue: background\n\t\t};\n\t};\n}\n\nfunction getBackgroundColorNormalizer(): StylesNormalizer {\n\treturn value => ( { path: 'background.color', value } );\n}\n\nfunction getBackgroundReducer(): StylesReducer {\n\treturn value => {\n\t\tconst ret: Array<StylePropertyDescriptor> = [];\n\n\t\tret.push( [ 'background-color', ( value as Styles ).color as string ] );\n\n\t\treturn ret;\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/styles/border\n */\n\nimport type {\n\tBoxStyleSides,\n\tStylesExtractor,\n\tStylesNormalizer,\n\tStylesReducer,\n\tStylesProcessor,\n\tStyles,\n\tStyleValue,\n\tStylePropertyDescriptor\n} from '../stylesmap.js';\n\nimport {\n\tgetShorthandStylesValues,\n\tgetBoxSidesStyleValueReducer,\n\tgetBoxSidesStyleValues,\n\tisLengthStyleValue,\n\tisLineStyleValue\n} from './utils.js';\n\n/**\n * Adds a border CSS styles processing rules.\n *\n * ```ts\n * editor.data.addStyleProcessorRules( addBorderStylesRules );\n * ```\n *\n * This rules merges all [border](https://developer.mozilla.org/en-US/docs/Web/CSS/border) styles notation shorthands:\n *\n * - border\n * - border-top\n * - border-right\n * - border-bottom\n * - border-left\n * - border-color\n * - border-style\n * - border-width\n *\n * and all corresponding longhand forms (like `border-top-color`, `border-top-style`, etc).\n *\n * It does not handle other shorthands (like `border-radius` or `border-image`).\n *\n * The normalized model stores border values as:\n *\n * ```ts\n * const styles = {\n * \tborder: {\n * \t\tcolor: { top, right, bottom, left },\n * \t\tstyle: { top, right, bottom, left },\n * \t\twidth: { top, right, bottom, left },\n * \t}\n * };\n * ```\n */\nexport function addBorderStylesRules( stylesProcessor: StylesProcessor ): void {\n\tstylesProcessor.setNormalizer( 'border', getBorderNormalizer() );\n\n\t// Border-position shorthands.\n\tstylesProcessor.setNormalizer( 'border-top', getBorderPositionNormalizer( 'top' ) );\n\tstylesProcessor.setNormalizer( 'border-right', getBorderPositionNormalizer( 'right' ) );\n\tstylesProcessor.setNormalizer( 'border-bottom', getBorderPositionNormalizer( 'bottom' ) );\n\tstylesProcessor.setNormalizer( 'border-left', getBorderPositionNormalizer( 'left' ) );\n\n\t// Border-property shorthands.\n\tstylesProcessor.setNormalizer( 'border-color', getBorderPropertyNormalizer( 'color' ) );\n\tstylesProcessor.setNormalizer( 'border-width', getBorderPropertyNormalizer( 'width' ) );\n\tstylesProcessor.setNormalizer( 'border-style', getBorderPropertyNormalizer( 'style' ) );\n\n\t// Border longhands.\n\tstylesProcessor.setNormalizer( 'border-top-color', getBorderPropertyPositionNormalizer( 'color', 'top' ) );\n\tstylesProcessor.setNormalizer( 'border-top-style', getBorderPropertyPositionNormalizer( 'style', 'top' ) );\n\tstylesProcessor.setNormalizer( 'border-top-width', getBorderPropertyPositionNormalizer( 'width', 'top' ) );\n\n\tstylesProcessor.setNormalizer( 'border-right-color', getBorderPropertyPositionNormalizer( 'color', 'right' ) );\n\tstylesProcessor.setNormalizer( 'border-right-style', getBorderPropertyPositionNormalizer( 'style', 'right' ) );\n\tstylesProcessor.setNormalizer( 'border-right-width', getBorderPropertyPositionNormalizer( 'width', 'right' ) );\n\n\tstylesProcessor.setNormalizer( 'border-bottom-color', getBorderPropertyPositionNormalizer( 'color', 'bottom' ) );\n\tstylesProcessor.setNormalizer( 'border-bottom-style', getBorderPropertyPositionNormalizer( 'style', 'bottom' ) );\n\tstylesProcessor.setNormalizer( 'border-bottom-width', getBorderPropertyPositionNormalizer( 'width', 'bottom' ) );\n\n\tstylesProcessor.setNormalizer( 'border-left-color', getBorderPropertyPositionNormalizer( 'color', 'left' ) );\n\tstylesProcessor.setNormalizer( 'border-left-style', getBorderPropertyPositionNormalizer( 'style', 'left' ) );\n\tstylesProcessor.setNormalizer( 'border-left-width', getBorderPropertyPositionNormalizer( 'width', 'left' ) );\n\n\tstylesProcessor.setExtractor( 'border-top', getBorderPositionExtractor( 'top' ) );\n\tstylesProcessor.setExtractor( 'border-right', getBorderPositionExtractor( 'right' ) );\n\tstylesProcessor.setExtractor( 'border-bottom', getBorderPositionExtractor( 'bottom' ) );\n\tstylesProcessor.setExtractor( 'border-left', getBorderPositionExtractor( 'left' ) );\n\n\tstylesProcessor.setExtractor( 'border-top-color', 'border.color.top' );\n\tstylesProcessor.setExtractor( 'border-right-color', 'border.color.right' );\n\tstylesProcessor.setExtractor( 'border-bottom-color', 'border.color.bottom' );\n\tstylesProcessor.setExtractor( 'border-left-color', 'border.color.left' );\n\n\tstylesProcessor.setExtractor( 'border-top-width', 'border.width.top' );\n\tstylesProcessor.setExtractor( 'border-right-width', 'border.width.right' );\n\tstylesProcessor.setExtractor( 'border-bottom-width', 'border.width.bottom' );\n\tstylesProcessor.setExtractor( 'border-left-width', 'border.width.left' );\n\n\tstylesProcessor.setExtractor( 'border-top-style', 'border.style.top' );\n\tstylesProcessor.setExtractor( 'border-right-style', 'border.style.right' );\n\tstylesProcessor.setExtractor( 'border-bottom-style', 'border.style.bottom' );\n\tstylesProcessor.setExtractor( 'border-left-style', 'border.style.left' );\n\n\tstylesProcessor.setReducer( 'border-color', getBoxSidesStyleValueReducer( 'border-color' ) );\n\tstylesProcessor.setReducer( 'border-style', getBoxSidesStyleValueReducer( 'border-style' ) );\n\tstylesProcessor.setReducer( 'border-width', getBoxSidesStyleValueReducer( 'border-width' ) );\n\tstylesProcessor.setReducer( 'border-top', getBorderPositionReducer( 'top' ) );\n\tstylesProcessor.setReducer( 'border-right', getBorderPositionReducer( 'right' ) );\n\tstylesProcessor.setReducer( 'border-bottom', getBorderPositionReducer( 'bottom' ) );\n\tstylesProcessor.setReducer( 'border-left', getBorderPositionReducer( 'left' ) );\n\tstylesProcessor.setReducer( 'border', getBorderReducer() );\n\n\tstylesProcessor.setStyleRelation( 'border', [\n\t\t'border-color', 'border-style', 'border-width',\n\t\t'border-top', 'border-right', 'border-bottom', 'border-left',\n\t\t'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color',\n\t\t'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style',\n\t\t'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width'\n\t] );\n\n\tstylesProcessor.setStyleRelation( 'border-color', [\n\t\t'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color'\n\t] );\n\tstylesProcessor.setStyleRelation( 'border-style', [\n\t\t'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style'\n\t] );\n\tstylesProcessor.setStyleRelation( 'border-width', [\n\t\t'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width'\n\t] );\n\n\tstylesProcessor.setStyleRelation( 'border-top', [ 'border-top-color', 'border-top-style', 'border-top-width' ] );\n\tstylesProcessor.setStyleRelation( 'border-right', [ 'border-right-color', 'border-right-style', 'border-right-width' ] );\n\tstylesProcessor.setStyleRelation( 'border-bottom', [ 'border-bottom-color', 'border-bottom-style', 'border-bottom-width' ] );\n\tstylesProcessor.setStyleRelation( 'border-left', [ 'border-left-color', 'border-left-style', 'border-left-width' ] );\n}\n\nfunction getBorderNormalizer(): StylesNormalizer {\n\treturn value => {\n\t\tconst { color, style, width } = normalizeBorderShorthand( value );\n\n\t\treturn {\n\t\t\tpath: 'border',\n\t\t\tvalue: {\n\t\t\t\tcolor: getBoxSidesStyleValues( color ),\n\t\t\t\tstyle: getBoxSidesStyleValues( style ),\n\t\t\t\twidth: getBoxSidesStyleValues( width )\n\t\t\t}\n\t\t};\n\t};\n}\n\nfunction getBorderPositionNormalizer( side: string ): StylesNormalizer {\n\treturn value => {\n\t\tconst { color, style, width } = normalizeBorderShorthand( value );\n\n\t\tconst border: Record<string, StyleValue> = {};\n\n\t\tif ( color !== undefined ) {\n\t\t\tborder.color = { [ side ]: color };\n\t\t}\n\n\t\tif ( style !== undefined ) {\n\t\t\tborder.style = { [ side ]: style };\n\t\t}\n\n\t\tif ( width !== undefined ) {\n\t\t\tborder.width = { [ side ]: width };\n\t\t}\n\n\t\treturn {\n\t\t\tpath: 'border',\n\t\t\tvalue: border\n\t\t};\n\t};\n}\n\nfunction getBorderPropertyNormalizer( propertyName: string ): StylesNormalizer {\n\treturn value => {\n\t\treturn {\n\t\t\tpath: 'border',\n\t\t\tvalue: toBorderPropertyShorthand( value, propertyName )\n\t\t};\n\t};\n}\n\nfunction toBorderPropertyShorthand( value: string, property: string ): Record<string, BoxStyleSides> {\n\treturn {\n\t\t[ property ]: getBoxSidesStyleValues( value )\n\t};\n}\n\nfunction getBorderPropertyPositionNormalizer( property: string, side: keyof BoxStyleSides ): StylesNormalizer {\n\treturn value => {\n\t\treturn {\n\t\t\tpath: 'border',\n\t\t\tvalue: {\n\t\t\t\t[ property ]: {\n\t\t\t\t\t[ side ]: value\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t};\n}\n\nfunction getBorderPositionExtractor( which: string ): StylesExtractor {\n\treturn ( name, styles ) => {\n\t\tif ( styles.border ) {\n\t\t\treturn extractBorderPosition( styles.border, which );\n\t\t}\n\t};\n}\n\nfunction extractBorderPosition( border: any, which: string ) {\n\tconst value: StyleValue = {};\n\n\tif ( border.width && border.width[ which ] ) {\n\t\tvalue.width = border.width[ which ];\n\t}\n\n\tif ( border.style && border.style[ which ] ) {\n\t\tvalue.style = border.style[ which ];\n\t}\n\n\tif ( border.color && border.color[ which ] ) {\n\t\tvalue.color = border.color[ which ];\n\t}\n\n\treturn value;\n}\n\nfunction normalizeBorderShorthand( string: string ) {\n\tconst result: {\n\t\twidth?: string;\n\t\tstyle?: string;\n\t\tcolor?: string;\n\t} = {};\n\n\tconst parts = getShorthandStylesValues( string );\n\n\tfor ( const part of parts ) {\n\t\tif ( isLengthStyleValue( part ) || /thin|medium|thick/.test( part ) ) {\n\t\t\tresult.width = part;\n\t\t} else if ( isLineStyleValue( part ) ) {\n\t\t\tresult.style = part;\n\t\t} else {\n\t\t\tresult.color = part;\n\t\t}\n\t}\n\n\treturn result;\n}\n\n/**\n * The border reducer factory.\n *\n * It tries to produce the most optimal output for the specified styles.\n *\n * For a border style:\n *\n * ```css\n * style: {top: \"solid\", bottom: \"solid\", right: \"solid\", left: \"solid\"}\n * ```\n *\n * It will produce: `border-style: solid`.\n * For a border style and color:\n *\n * ```css\n * color: {top: \"#ff0\", bottom: \"#ff0\", right: \"#ff0\", left: \"#ff0\"}\n * style: {top: \"solid\", bottom: \"solid\", right: \"solid\", left: \"solid\"}\n * ```\n *\n * It will produce: `border-color: #ff0; border-style: solid`.\n * If all border parameters are specified:\n *\n * ```css\n * color: {top: \"#ff0\", bottom: \"#ff0\", right: \"#ff0\", left: \"#ff0\"}\n * style: {top: \"solid\", bottom: \"solid\", right: \"solid\", left: \"solid\"}\n * width: {top: \"2px\", bottom: \"2px\", right: \"2px\", left: \"2px\"}\n * ```\n *\n * It will combine everything into a single property: `border: 2px solid #ff0`.\n *\n * The definitions are merged only if all border selectors have the same values.\n */\nfunction getBorderReducer(): StylesReducer {\n\treturn value => {\n\t\tconst topStyles = extractBorderPosition( value, 'top' );\n\t\tconst rightStyles = extractBorderPosition( value, 'right' );\n\t\tconst bottomStyles = extractBorderPosition( value, 'bottom' );\n\t\tconst leftStyles = extractBorderPosition( value, 'left' );\n\n\t\tconst borderStyles = [ topStyles, rightStyles, bottomStyles, leftStyles ];\n\n\t\tconst borderStylesByType = {\n\t\t\twidth: getReducedStyleValueForType( borderStyles, 'width' ),\n\t\t\tstyle: getReducedStyleValueForType( borderStyles, 'style' ),\n\t\t\tcolor: getReducedStyleValueForType( borderStyles, 'color' )\n\t\t};\n\n\t\t// Try reducing to a single `border:` property.\n\t\tconst reducedBorderStyle = reduceBorderPosition( borderStylesByType, 'all' );\n\n\t\tif ( reducedBorderStyle.length ) {\n\t\t\treturn reducedBorderStyle;\n\t\t}\n\n\t\t// Try reducing to `border-style:`, `border-width:`, `border-color:` properties.\n\t\tconst reducedStyleTypes = Object.entries( borderStylesByType ).reduce( ( reducedStyleTypes, [ type, value ] ) => {\n\t\t\tif ( value ) {\n\t\t\t\treducedStyleTypes.push( [ `border-${ type }`, value ] );\n\n\t\t\t\t// Remove it from the full set to not include it in the most specific properties later.\n\t\t\t\tborderStyles.forEach( style => delete style[ type ] );\n\t\t\t}\n\n\t\t\treturn reducedStyleTypes;\n\t\t}, [] as Array<StylePropertyDescriptor> );\n\n\t\t// The reduced properties (by type) and all that remains that could not be reduced.\n\t\treturn [\n\t\t\t...reducedStyleTypes,\n\t\t\t...reduceBorderPosition( topStyles, 'top' ),\n\t\t\t...reduceBorderPosition( rightStyles, 'right' ),\n\t\t\t...reduceBorderPosition( bottomStyles, 'bottom' ),\n\t\t\t...reduceBorderPosition( leftStyles, 'left' )\n\t\t];\n\t};\n\n\t/**\n\t * @param styles The array of objects with `style`, `color`, `width` properties.\n\t */\n\tfunction getReducedStyleValueForType( styles: Array<Styles>, type: 'width' | 'style' | 'color' ) {\n\t\treturn styles\n\t\t\t.map( style => style[ type ] as any )\n\t\t\t.reduce( ( result, style ) => result == style ? result : null );\n\t}\n}\n\nfunction getBorderPositionReducer( which: keyof BoxStyleSides | 'all' ): StylesReducer {\n\treturn value => reduceBorderPosition( value, which );\n}\n\n/**\n * Returns an array with reduced border styles depending on the specified values.\n *\n * If all border properties (width, style, color) are specified, the returned selector will be\n * merged into a group: `border-*: [width] [style] [color]`.\n *\n * Otherwise, the specific definitions will be returned: `border-(width|style|color)-*: [value]`.\n *\n * @param value Styles if defined.\n * @param which The border position.\n */\nfunction reduceBorderPosition( value: any, which: keyof BoxStyleSides | 'all' ): Array<StylePropertyDescriptor> {\n\tconst borderTypes = [];\n\n\tif ( value && ( value.width ) ) {\n\t\tborderTypes.push( 'width' );\n\t}\n\n\tif ( value && ( value.style ) ) {\n\t\tborderTypes.push( 'style' );\n\t}\n\n\tif ( value && ( value.color ) ) {\n\t\tborderTypes.push( 'color' );\n\t}\n\n\tif ( borderTypes.length == 3 ) {\n\t\tconst borderValue = borderTypes.map( item => value[ item ] ).join( ' ' );\n\n\t\treturn [\n\t\t\twhich == 'all' ? [ 'border', borderValue ] : [ `border-${ which }`, borderValue ]\n\t\t];\n\t}\n\n\t// We are unable to reduce to a single `border:` property.\n\tif ( which == 'all' ) {\n\t\treturn [];\n\t}\n\n\treturn borderTypes.map( type => {\n\t\treturn [ `border-${ which }-${ type }`, value[ type ] as string ];\n\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/styles/margin\n */\n\nimport type { StylesProcessor } from '../stylesmap.js';\nimport { getPositionStyleShorthandNormalizer, getBoxSidesStyleValueReducer } from './utils.js';\n\n/**\n * Adds a margin CSS styles processing rules.\n *\n * ```ts\n * editor.data.addStyleProcessorRules( addMarginStylesRules );\n * ```\n *\n * The normalized value is stored as:\n *\n * ```ts\n * const styles = {\n * \tmargin: {\n * \t\ttop,\n * \t\tright,\n * \t\tbottom,\n * \t\tleft\n * \t}\n * };\n * ```\n */\nexport function addMarginStylesRules( stylesProcessor: StylesProcessor ): void {\n\tstylesProcessor.setNormalizer( 'margin', getPositionStyleShorthandNormalizer( 'margin' ) );\n\n\tstylesProcessor.setNormalizer( 'margin-top', value => ( { path: 'margin.top', value } ) );\n\tstylesProcessor.setNormalizer( 'margin-right', value => ( { path: 'margin.right', value } ) );\n\tstylesProcessor.setNormalizer( 'margin-bottom', value => ( { path: 'margin.bottom', value } ) );\n\tstylesProcessor.setNormalizer( 'margin-left', value => ( { path: 'margin.left', value } ) );\n\n\tstylesProcessor.setReducer( 'margin', getBoxSidesStyleValueReducer( 'margin' ) );\n\n\tstylesProcessor.setStyleRelation( 'margin', [ 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' ] );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/view/styles/padding\n */\n\nimport type { StylesProcessor } from '../stylesmap.js';\nimport { getPositionStyleShorthandNormalizer, getBoxSidesStyleValueReducer } from './utils.js';\n\n/**\n * Adds a padding CSS styles processing rules.\n *\n * ```ts\n * editor.data.addStyleProcessorRules( addPaddingStylesRules );\n * ```\n *\n * The normalized value is stored as:\n *\n * ```ts\n * const styles = {\n * \tpadding: {\n * \t\ttop,\n * \t\tright,\n * \t\tbottom,\n * \t\tleft\n * \t}\n * };\n * ```\n */\nexport function addPaddingStylesRules( stylesProcessor: StylesProcessor ): void {\n\tstylesProcessor.setNormalizer( 'padding', getPositionStyleShorthandNormalizer( 'padding' ) );\n\tstylesProcessor.setNormalizer( 'padding-top', value => ( { path: 'padding.top', value } ) );\n\tstylesProcessor.setNormalizer( 'padding-right', value => ( { path: 'padding.right', value } ) );\n\tstylesProcessor.setNormalizer( 'padding-bottom', value => ( { path: 'padding.bottom', value } ) );\n\tstylesProcessor.setNormalizer( 'padding-left', value => ( { path: 'padding.left', value } ) );\n\n\tstylesProcessor.setReducer( 'padding', getBoxSidesStyleValueReducer( 'padding' ) );\n\n\tstylesProcessor.setStyleRelation( 'padding', [ 'padding-top', 'padding-right', 'padding-bottom', 'padding-left' ] );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/dev-utils/view\n */\n\n/**\n * Collection of methods for manipulating the {@link module:engine/view/view view} for testing purposes.\n */\n\nimport { EditingView } from '../view/view.js';\nimport { ViewDocument } from '../view/document.js';\nimport { ViewDocumentFragment } from '../view/documentfragment.js';\nimport { XmlDataProcessor } from '../dataprocessor/xmldataprocessor.js';\nimport { ViewElement } from '../view/element.js';\nimport { ViewDocumentSelection } from '../view/documentselection.js';\nimport { ViewRange } from '../view/range.js';\nimport { ViewPosition } from '../view/position.js';\nimport { ViewAttributeElement } from '../view/attributeelement.js';\nimport { ViewContainerElement } from '../view/containerelement.js';\nimport { ViewEmptyElement } from '../view/emptyelement.js';\nimport { ViewUIElement } from '../view/uielement.js';\nimport { ViewRawElement } from '../view/rawelement.js';\nimport { StylesProcessor } from '../view/stylesmap.js';\n\nimport { type ViewNode } from '../view/node.js';\nimport { type ViewText } from '../view/text.js';\nimport { type ViewDomConverter } from '../view/domconverter.js';\n\nconst ELEMENT_RANGE_START_TOKEN = '[';\nconst ELEMENT_RANGE_END_TOKEN = ']';\nconst TEXT_RANGE_START_TOKEN = '{';\nconst TEXT_RANGE_END_TOKEN = '}';\nconst allowedTypes = {\n\t'container': ViewContainerElement,\n\t'attribute': ViewAttributeElement,\n\t'empty': ViewEmptyElement,\n\t'ui': ViewUIElement,\n\t'raw': ViewRawElement\n};\n// Returns simplified implementation of {@link module:engine/view/domconverter~ViewDomConverter#setContentOf ViewDomConverter.setContentOf}\n// method. Used to render UIElement and RawElement.\nconst domConverterStub: ViewDomConverter = {\n\tsetContentOf: ( node: any, html: string ) => {\n\t\tnode.innerHTML = html;\n\t}\n} as any;\n\n/**\n * Writes the content of the {@link module:engine/view/document~ViewDocument document} to an HTML-like string.\n *\n * @param view The view to stringify.\n * @param options.withoutSelection Whether to write the selection. When set to `true`, the selection will\n * not be included in the returned string.\n * @param options.rootName The name of the root from which the data should be stringified. If not provided,\n * the default `main` name will be used.\n * @param options.showType When set to `true`, the type of elements will be printed (`<container:p>`\n * instead of `<p>`, `<attribute:b>` instead of `<b>` and `<empty:img>` instead of `<img>`).\n * @param options.showPriority When set to `true`, the attribute element's priority will be printed\n * (`<span view-priority=\"12\">`, `<b view-priority=\"10\">`).\n * @param options.renderUIElements When set to `true`, the inner content of each\n * {@link module:engine/view/uielement~ViewUIElement} will be printed.\n * @param options.renderRawElements When set to `true`, the inner content of each\n * {@link module:engine/view/rawelement~ViewRawElement} will be printed.\n * @param options.domConverter When set to an actual {@link module:engine/view/domconverter~ViewDomConverter ViewDomConverter}\n * instance, it lets the conversion go through exactly the same flow the editing view is going through,\n * i.e. with view data filtering. Otherwise the simple stub is used.\n * @returns The stringified data.\n */\nexport function _getViewData(\n\tview: EditingView,\n\toptions: {\n\t\twithoutSelection?: boolean;\n\t\trootName?: string;\n\t\tshowType?: boolean;\n\t\tshowPriority?: boolean;\n\t\trenderUIElements?: boolean;\n\t\trenderRawElements?: boolean;\n\t\tdomConverter?: ViewDomConverter;\n\t\tskipListItemIds?: boolean;\n\t} = {}\n): string {\n\tif ( !( view instanceof EditingView ) ) {\n\t\tthrow new TypeError( 'View needs to be an instance of module:engine/view/view~EditingView.' );\n\t}\n\n\tconst document = view.document;\n\tconst withoutSelection = !!options.withoutSelection;\n\tconst rootName = options.rootName || 'main';\n\tconst root = document.getRoot( rootName )!;\n\tconst stringifyOptions = {\n\t\tshowType: options.showType,\n\t\tshowPriority: options.showPriority,\n\t\trenderUIElements: options.renderUIElements,\n\t\trenderRawElements: options.renderRawElements,\n\t\tignoreRoot: true,\n\t\tdomConverter: options.domConverter,\n\t\tskipListItemIds: options.skipListItemIds\n\t};\n\n\treturn withoutSelection ?\n\t\t_getViewData._stringify( root, null, stringifyOptions ) :\n\t\t_getViewData._stringify( root, document.selection, stringifyOptions );\n}\n\n// Set stringify as getData private method - needed for testing/spying.\n_getViewData._stringify = _stringifyView;\n\n/**\n * Sets the content of a view {@link module:engine/view/document~ViewDocument document} provided as an HTML-like string.\n *\n * @param data An HTML-like string to write into the document.\n * @param options.rootName The root name where _parseViewd data will be stored. If not provided,\n * the default `main` name will be used.\n */\nexport function _setViewData(\n\tview: EditingView,\n\tdata: string,\n\toptions: { rootName?: string } = {}\n): void {\n\tif ( !( view instanceof EditingView ) ) {\n\t\tthrow new TypeError( 'View needs to be an instance of module:engine/view/view~EditingView.' );\n\t}\n\n\tconst document = view.document;\n\tconst rootName = options.rootName || 'main';\n\tconst root = document.getRoot( rootName )!;\n\n\tview.change( writer => {\n\t\tconst result: any = _setViewData._parse( data, { rootElement: root } );\n\n\t\tif ( result.view && result.selection ) {\n\t\t\twriter.setSelection( result.selection );\n\t\t}\n\t} );\n}\n\n// Set _parseView as _setViewData private method - needed for testing/spying.\n_setViewData._parse = _parseView;\n\n/**\n * Converts view elements to HTML-like string representation.\n *\n * A root element can be provided as {@link module:engine/view/text~ViewText text}:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * stringify( text ); // 'foobar'\n * ```\n *\n * or as an {@link module:engine/view/element~ViewElement element}:\n *\n * ```ts\n * const element = downcastWriter.createElement( 'p', null, downcastWriter.createText( 'foobar' ) );\n * stringify( element ); // '<p>foobar</p>'\n * ```\n *\n * or as a {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const b = downcastWriter.createElement( 'b', { name: 'test' }, text );\n * const p = downcastWriter.createElement( 'p', { style: 'color:red;' } );\n * const fragment = downcastWriter.createDocumentFragment( [ p, b ] );\n *\n * stringify( fragment ); // '<p style=\"color:red;\"></p><b name=\"test\">foobar</b>'\n * ```\n *\n * Additionally, a {@link module:engine/view/documentselection~ViewDocumentSelection selection} instance can be provided.\n * Ranges from the selection will then be included in the output data.\n * If a range position is placed inside the element node, it will be represented with `[` and `]`:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const b = downcastWriter.createElement( 'b', null, text );\n * const p = downcastWriter.createElement( 'p', null, b );\n * const selection = downcastWriter.createSelection(\n * \tdowncastWriter.createRangeIn( p )\n * );\n *\n * stringify( p, selection ); // '<p>[<b>foobar</b>]</p>'\n * ```\n *\n * If a range is placed inside the text node, it will be represented with `{` and `}`:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const b = downcastWriter.createElement( 'b', null, text );\n * const p = downcastWriter.createElement( 'p', null, b );\n * const selection = downcastWriter.createSelection(\n * \tdowncastWriter.createRange( downcastWriter.createPositionAt( text, 1 ), downcastWriter.createPositionAt( text, 5 ) )\n * );\n *\n * stringify( p, selection ); // '<p><b>f{ooba}r</b></p>'\n * ```\n *\n * ** Note: **\n * It is possible to unify selection markers to `[` and `]` for both (inside and outside text)\n * by setting the `sameSelectionCharacters=true` option. It is mainly used when the view stringify option is used by\n * model utilities.\n *\n * Multiple ranges are supported:\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const selection = downcastWriter.createSelection( [\n * \tdowncastWriter.createRange( downcastWriter.createPositionAt( text, 0 ), downcastWriter.createPositionAt( text, 1 ) ),\n * \tdowncastWriter.createRange( downcastWriter.createPositionAt( text, 3 ), downcastWriter.createPositionAt( text, 5 ) )\n * ] );\n *\n * stringify( text, selection ); // '{f}oo{ba}r'\n * ```\n *\n * A {@link module:engine/view/range~ViewRange range} or {@link module:engine/view/position~ViewPosition position} instance can be provided\n * instead of the {@link module:engine/view/documentselection~ViewDocumentSelection selection} instance. If a range instance\n * is provided, it will be converted to a selection containing this range. If a position instance is provided, it will\n * be converted to a selection containing one range collapsed at this position.\n *\n * ```ts\n * const text = downcastWriter.createText( 'foobar' );\n * const range = downcastWriter.createRange( downcastWriter.createPositionAt( text, 0 ), downcastWriter.createPositionAt( text, 1 ) );\n * const position = downcastWriter.createPositionAt( text, 3 );\n *\n * stringify( text, range ); // '{f}oobar'\n * stringify( text, position ); // 'foo{}bar'\n * ```\n *\n * An additional `options` object can be provided.\n * If `options.showType` is set to `true`, element's types will be\n * presented for {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements},\n * {@link module:engine/view/containerelement~ViewContainerElement container elements}\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty elements}\n * and {@link module:engine/view/uielement~ViewUIElement UI elements}:\n *\n * ```ts\n * const attribute = downcastWriter.createAttributeElement( 'b' );\n * const container = downcastWriter.createContainerElement( 'p' );\n * const empty = downcastWriter.createEmptyElement( 'img' );\n * const ui = downcastWriter.createUIElement( 'span' );\n * getData( attribute, null, { showType: true } ); // '<attribute:b></attribute:b>'\n * getData( container, null, { showType: true } ); // '<container:p></container:p>'\n * getData( empty, null, { showType: true } ); // '<empty:img></empty:img>'\n * getData( ui, null, { showType: true } ); // '<ui:span></ui:span>'\n * ```\n *\n * If `options.showPriority` is set to `true`, a priority will be displayed for all\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements}.\n *\n * ```ts\n * const attribute = downcastWriter.createAttributeElement( 'b' );\n * attribute._priority = 20;\n * getData( attribute, null, { showPriority: true } ); // <b view-priority=\"20\"></b>\n * ```\n *\n * If `options.showAttributeElementId` is set to `true`, the attribute element's id will be displayed for all\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that have it set.\n *\n * ```ts\n * const attribute = downcastWriter.createAttributeElement( 'span' );\n * attribute._id = 'marker:foo';\n * getData( attribute, null, { showAttributeElementId: true } ); // <span view-id=\"marker:foo\"></span>\n * ```\n *\n * @param node The node to stringify.\n * @param selectionOrPositionOrRange A selection instance whose ranges will be included in the returned string data.\n * If a range instance is provided, it will be converted to a selection containing this range. If a position instance\n * is provided, it will be converted to a selection containing one range collapsed at this position.\n * @param options An object with additional options.\n * @param options.showType When set to `true`, the type of elements will be printed (`<container:p>`\n * instead of `<p>`, `<attribute:b>` instead of `<b>` and `<empty:img>` instead of `<img>`).\n * @param options.showPriority When set to `true`,  the attribute element's priority will be printed\n * (`<span view-priority=\"12\">`, `<b view-priority=\"10\">`).\n * @param options.showAttributeElementId When set to `true`, attribute element's id will be printed\n * (`<span id=\"marker:foo\">`).\n * @param options.ignoreRoot When set to `true`, the root's element opening and closing will not be printed.\n * Mainly used by the `getData` function to ignore the {@link module:engine/view/document~ViewDocument document's} root element.\n * @param options.sameSelectionCharacters When set to `true`, the selection inside the text will be marked as\n *  `{` and `}` and the selection outside the text as `[` and `]`. When set to `false`, both will be marked as `[` and `]` only.\n * @param options.renderUIElements When set to `true`, the inner content of each\n * {@link module:engine/view/uielement~ViewUIElement} will be printed.\n * @param options.renderRawElements When set to `true`, the inner content of each\n * {@link module:engine/view/rawelement~ViewRawElement} will be printed.\n * @param options.domConverter When set to an actual {@link module:engine/view/domconverter~ViewDomConverter ViewDomConverter}\n * instance, it lets the conversion go through exactly the same flow the editing view is going through,\n * i.e. with view data filtering. Otherwise the simple stub is used.\n * @returns An HTML-like string representing the view.\n */\nexport function _stringifyView(\n\tnode: ViewNode | ViewDocumentFragment,\n\tselectionOrPositionOrRange: ViewDocumentSelection | ViewPosition | ViewRange | null = null,\n\toptions: {\n\t\tshowType?: boolean;\n\t\tshowPriority?: boolean;\n\t\tshowAttributeElementId?: boolean;\n\t\tignoreRoot?: boolean;\n\t\tsameSelectionCharacters?: boolean;\n\t\trenderUIElements?: boolean;\n\t\trenderRawElements?: boolean;\n\t\tdomConverter?: ViewDomConverter;\n\t\tskipListItemIds?: boolean;\n\t} = {}\n): string {\n\tlet selection;\n\n\tif (\n\t\tselectionOrPositionOrRange instanceof ViewPosition ||\n\t\tselectionOrPositionOrRange instanceof ViewRange\n\t) {\n\t\tselection = new ViewDocumentSelection( selectionOrPositionOrRange );\n\t} else {\n\t\tselection = selectionOrPositionOrRange;\n\t}\n\n\tconst viewStringify = new ViewStringify( node, selection, options );\n\n\treturn viewStringify.stringify();\n}\n\n/**\n * Parses an HTML-like string and returns a view tree.\n * A simple string will be converted to a {@link module:engine/view/text~ViewText text} node:\n *\n * ```ts\n * _parseView( 'foobar' ); // Returns an instance of text.\n * ```\n *\n * {@link module:engine/view/element~ViewElement Elements} will be _parseViewd with attributes as children:\n *\n * ```ts\n * _parseView( '<b name=\"baz\">foobar</b>' ); // Returns an instance of element with the `baz` attribute and a text child node.\n * ```\n *\n * Multiple nodes provided on root level will be converted to a\n * {@link module:engine/view/documentfragment~ViewDocumentFragment document fragment}:\n *\n * ```ts\n * _parseView( '<b>foo</b><i>bar</i>' ); // Returns a document fragment with two child elements.\n * ```\n *\n * The method can _parseView multiple {@link module:engine/view/range~ViewRange ranges} provided in string data and return a\n * {@link module:engine/view/documentselection~ViewDocumentSelection selection} instance containing these ranges. Ranges placed inside\n * {@link module:engine/view/text~ViewText text} nodes should be marked using `{` and `}` brackets:\n *\n * ```ts\n * const { text, selection } = _parseView( 'f{ooba}r' );\n * ```\n *\n * Ranges placed outside text nodes should be marked using `[` and `]` brackets:\n *\n * ```ts\n * const { root, selection } = _parseView( '<p>[<b>foobar</b>]</p>' );\n * ```\n *\n * ** Note: **\n * It is possible to unify selection markers to `[` and `]` for both (inside and outside text)\n * by setting `sameSelectionCharacters=true` option. It is mainly used when the view _parseView option is used by model utilities.\n *\n * Sometimes there is a need for defining the order of ranges inside the created selection. This can be achieved by providing\n * the range order array as an additional parameter:\n *\n * ```ts\n * const { root, selection } = _parseView( '{fo}ob{ar}{ba}z', { order: [ 2, 3, 1 ] } );\n * ```\n *\n * In the example above, the first range (`{fo}`) will be added to the selection as the second one, the second range (`{ar}`) will be\n * added as the third and the third range (`{ba}`) will be added as the first one.\n *\n * If the selection's last range should be added as a backward one\n * (so the {@link module:engine/view/documentselection~ViewDocumentSelection#anchor selection anchor} is represented\n * by the `end` position and {@link module:engine/view/documentselection~ViewDocumentSelection#focus selection focus} is\n * represented by the `start` position), use the `lastRangeBackward` flag:\n *\n * ```ts\n * const { root, selection } = _parseView( `{foo}bar{baz}`, { lastRangeBackward: true } );\n * ```\n *\n * Some more examples and edge cases:\n *\n * ```ts\n * // Returns an empty document fragment.\n * _parseView( '' );\n *\n * // Returns an empty document fragment and a collapsed selection.\n * const { root, selection } = _parseView( '[]' );\n *\n * // Returns an element and a selection that is placed inside the document fragment containing that element.\n * const { root, selection } = _parseView( '[<a></a>]' );\n * ```\n *\n * @param data An HTML-like string to be parsed.\n * @param options.order An array with the order of parsed ranges added to the returned\n * {@link module:engine/view/documentselection~ViewDocumentSelection Selection} instance. Each element should represent the\n * desired position of each range in the selection instance. For example: `[2, 3, 1]` means that the first range will be\n * placed as the second, the second as the third and the third as the first.\n * @param options.lastRangeBackward If set to `true`, the last range will be added as backward to the returned\n * {@link module:engine/view/documentselection~ViewDocumentSelection selection} instance.\n * @param options.rootElement The default root to use when parsing elements.\n * When set to `null`, the root element will be created automatically. If set to\n * {@link module:engine/view/element~ViewElement Element} or\n * {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment},\n * this node will be used as the root for all parsed nodes.\n * @param options.sameSelectionCharacters When set to `false`, the selection inside the text should be marked using\n * `{` and `}` and the selection outside the ext using `[` and `]`. When set to `true`, both should be marked with `[` and `]` only.\n * @returns Returns the parsed view node or an object with two fields: `view` and `selection` when selection ranges were included in the\n * data to parse.\n */\nexport function _parseView(\n\tdata: string,\n\toptions: {\n\t\torder?: Array<number>;\n\t\tlastRangeBackward?: boolean;\n\t\trootElement?: ViewElement | ViewDocumentFragment;\n\t\tsameSelectionCharacters?: boolean;\n\t\tinlineObjectElements?: Array<string>;\n\t} = {}\n): ViewNode | ViewDocumentFragment | { view: ViewNode | ViewDocumentFragment; selection: ViewDocumentSelection } {\n\tconst viewDocument = new ViewDocument( new StylesProcessor() );\n\n\toptions.order = options.order || [];\n\tconst rangeParser = new RangeParser( {\n\t\tsameSelectionCharacters: options.sameSelectionCharacters\n\t} );\n\tconst processor = new XmlDataProcessor( viewDocument, {\n\t\tnamespaces: Object.keys( allowedTypes )\n\t} );\n\n\tif ( options.inlineObjectElements ) {\n\t\tprocessor.domConverter.inlineObjectElements.push( ...options.inlineObjectElements );\n\t}\n\n\t// Convert data to view.\n\tlet view: ViewDocumentFragment | ViewNode = processor.toView( data )!;\n\n\t// At this point we have a view tree with Elements that could have names like `attribute:b:1`. In the next step\n\t// we need to parse Element's names and convert them to ViewAttributeElements and ViewContainerElements.\n\tview = _convertViewElements( view );\n\n\t// If custom root is provided - move all nodes there.\n\tif ( options.rootElement ) {\n\t\tconst root = options.rootElement;\n\t\tconst nodes = ( view as any )._removeChildren( 0, ( view as any ).childCount );\n\n\t\troot._removeChildren( 0, root.childCount );\n\t\troot._appendChild( nodes );\n\n\t\tview = root;\n\t}\n\n\t// Parse ranges included in view text nodes.\n\tconst ranges = rangeParser._parseView( view, options.order );\n\n\t// If only one element is returned inside DocumentFragment - return that element.\n\tif ( view.is( 'documentFragment' ) && view.childCount === 1 ) {\n\t\tview = view.getChild( 0 );\n\t}\n\n\t// When ranges are present - return object containing view, and selection.\n\tif ( ranges.length ) {\n\t\tconst selection = new ViewDocumentSelection( ranges, { backward: !!options.lastRangeBackward } );\n\n\t\treturn {\n\t\t\tview,\n\t\t\tselection\n\t\t};\n\t}\n\n\t// If single element is returned without selection - remove it from parent and return detached element.\n\tif ( view.parent ) {\n\t\tview._remove();\n\t}\n\n\treturn view;\n}\n\n/**\n * Private helper class used for converting ranges represented as text inside view {@link module:engine/view/text~ViewText text nodes}.\n */\nclass RangeParser {\n\tpublic sameSelectionCharacters: boolean;\n\tprivate _positions!: Array<{ bracket: string; position: ViewPosition }>;\n\n\t/**\n\t * Creates a range parser instance.\n\t *\n\t * @param options The range parser configuration.\n\t * @param options.sameSelectionCharacters When set to `true`, the selection inside the text is marked as\n\t * `{` and `}` and the selection outside the text as `[` and `]`. When set to `false`, both are marked as `[` and `]`.\n\t */\n\tconstructor( options: { sameSelectionCharacters?: boolean } ) {\n\t\tthis.sameSelectionCharacters = !!options.sameSelectionCharacters;\n\t}\n\n\t/**\n\t * Parses the view and returns ranges represented inside {@link module:engine/view/text~ViewText text nodes}.\n\t * The method will remove all occurrences of `{`, `}`, `[` and `]` from found text nodes. If a text node is empty after\n\t * the process, it will be removed, too.\n\t *\n\t * @param node The starting node.\n\t * @param order The order of ranges. Each element should represent the desired position of the range after\n\t * sorting. For example: `[2, 3, 1]` means that the first range will be placed as the second, the second as the third and the third\n\t * as the first.\n\t * @returns An array with ranges found.\n\t */\n\tpublic _parseView( node: ViewNode | ViewDocumentFragment, order: Array<number> ): Array<ViewRange> {\n\t\tthis._positions = [];\n\n\t\t// Remove all range brackets from view nodes and save their positions.\n\t\tthis._getPositions( node );\n\n\t\t// Create ranges using gathered positions.\n\t\tlet ranges = this._createRanges();\n\n\t\t// Sort ranges if needed.\n\t\tif ( order.length ) {\n\t\t\tif ( order.length != ranges.length ) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Parse error - there are ${ ranges.length } ranges found, but ranges order array contains ${ order.length } elements.`\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tranges = this._sortRanges( ranges, order );\n\t\t}\n\n\t\treturn ranges;\n\t}\n\n\t/**\n\t * Gathers positions of brackets inside the view tree starting from the provided node. The method will remove all occurrences of\n\t * `{`, `}`, `[` and `]` from found text nodes. If a text node is empty after the process, it will be removed, too.\n\t *\n\t * @param node Staring node.\n\t */\n\tprivate _getPositions( node: ViewNode | ViewDocumentFragment ): void {\n\t\tif ( node.is( 'documentFragment' ) || node.is( 'element' ) ) {\n\t\t\t// Copy elements into the array, when nodes will be removed from parent node this array will still have all the\n\t\t\t// items needed for iteration.\n\t\t\tconst children = [ ...node.getChildren() ];\n\n\t\t\tfor ( const child of children ) {\n\t\t\t\tthis._getPositions( child );\n\t\t\t}\n\t\t}\n\n\t\tif ( node.is( '$text' ) ) {\n\t\t\tconst regexp = new RegExp(\n\t\t\t\t`[${ TEXT_RANGE_START_TOKEN }${ TEXT_RANGE_END_TOKEN }\\\\${ ELEMENT_RANGE_END_TOKEN }\\\\${ ELEMENT_RANGE_START_TOKEN }]`,\n\t\t\t\t'g'\n\t\t\t);\n\t\t\tlet text = node.data;\n\t\t\tlet match;\n\t\t\tlet offset = 0;\n\t\t\tconst brackets = [];\n\n\t\t\t// Remove brackets from text and store info about offset inside text node.\n\t\t\twhile ( ( match = regexp.exec( text ) ) ) {\n\t\t\t\tconst index = match.index;\n\t\t\t\tconst bracket = match[ 0 ];\n\n\t\t\t\tbrackets.push( {\n\t\t\t\t\tbracket,\n\t\t\t\t\ttextOffset: index - offset\n\t\t\t\t} );\n\n\t\t\t\toffset++;\n\t\t\t}\n\n\t\t\ttext = text.replace( regexp, '' );\n\t\t\tnode._data = text;\n\t\t\tconst index = node.index!;\n\t\t\tconst parent = node.parent!;\n\n\t\t\t// Remove empty text nodes.\n\t\t\tif ( !text ) {\n\t\t\t\tnode._remove();\n\t\t\t}\n\n\t\t\tfor ( const item of brackets ) {\n\t\t\t\t// Non-empty text node.\n\t\t\t\tif ( text ) {\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.sameSelectionCharacters ||\n\t\t\t\t\t\t(\n\t\t\t\t\t\t\t!this.sameSelectionCharacters &&\n\t\t\t\t\t\t\t( item.bracket == TEXT_RANGE_START_TOKEN || item.bracket == TEXT_RANGE_END_TOKEN )\n\t\t\t\t\t\t)\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Store information about text range delimiter.\n\t\t\t\t\t\tthis._positions.push( {\n\t\t\t\t\t\t\tbracket: item.bracket,\n\t\t\t\t\t\t\tposition: new ViewPosition( node, item.textOffset )\n\t\t\t\t\t\t} );\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Check if element range delimiter is not placed inside text node.\n\t\t\t\t\t\tif ( !this.sameSelectionCharacters && item.textOffset !== 0 && item.textOffset !== text.length ) {\n\t\t\t\t\t\t\tthrow new Error( `Parse error - range delimiter '${ item.bracket }' is placed inside text node.` );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// If bracket is placed at the end of the text node - it should be positioned after it.\n\t\t\t\t\t\tconst offset = ( item.textOffset === 0 ? index : index + 1 );\n\n\t\t\t\t\t\t// Store information about element range delimiter.\n\t\t\t\t\t\tthis._positions.push( {\n\t\t\t\t\t\t\tbracket: item.bracket,\n\t\t\t\t\t\t\tposition: new ViewPosition( parent, offset )\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif ( !this.sameSelectionCharacters &&\n\t\t\t\t\t\titem.bracket == TEXT_RANGE_START_TOKEN ||\n\t\t\t\t\t\titem.bracket == TEXT_RANGE_END_TOKEN\n\t\t\t\t\t) {\n\t\t\t\t\t\tthrow new Error( `Parse error - text range delimiter '${ item.bracket }' is placed inside empty text node. ` );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Store information about element range delimiter.\n\t\t\t\t\tthis._positions.push( {\n\t\t\t\t\t\tbracket: item.bracket,\n\t\t\t\t\t\tposition: new ViewPosition( parent, index )\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Sorts ranges in a given order. Range order should be an array and each element should represent the desired position\n\t * of the range after sorting.\n\t * For example: `[2, 3, 1]` means that the first range will be placed as the second, the second as the third and the third\n\t * as the first.\n\t *\n\t * @param ranges Ranges to sort.\n\t * @param rangesOrder An array with new range order.\n\t * @returns Sorted ranges array.\n\t */\n\tprivate _sortRanges( ranges: Array<ViewRange>, rangesOrder: Array<number> ): Array<ViewRange> {\n\t\tconst sortedRanges = [];\n\t\tlet index = 0;\n\n\t\tfor ( const newPosition of rangesOrder ) {\n\t\t\tif ( ranges[ newPosition - 1 ] === undefined ) {\n\t\t\t\tthrow new Error( 'Parse error - provided ranges order is invalid.' );\n\t\t\t}\n\n\t\t\tsortedRanges[ newPosition - 1 ] = ranges[ index ];\n\t\t\tindex++;\n\t\t}\n\n\t\treturn sortedRanges;\n\t}\n\n\t/**\n\t * Uses all found bracket positions to create ranges from them.\n\t */\n\tprivate _createRanges(): Array<ViewRange> {\n\t\tconst ranges = [];\n\t\tlet range = null;\n\n\t\tfor ( const item of this._positions ) {\n\t\t\t// When end of range is found without opening.\n\t\t\tif ( !range && ( item.bracket == ELEMENT_RANGE_END_TOKEN || item.bracket == TEXT_RANGE_END_TOKEN ) ) {\n\t\t\t\tthrow new Error( `Parse error - end of range was found '${ item.bracket }' but range was not started before.` );\n\t\t\t}\n\n\t\t\t// When second start of range is found when one is already opened - selection does not allow intersecting\n\t\t\t// ranges.\n\t\t\tif ( range && ( item.bracket == ELEMENT_RANGE_START_TOKEN || item.bracket == TEXT_RANGE_START_TOKEN ) ) {\n\t\t\t\tthrow new Error( `Parse error - start of range was found '${ item.bracket }' but one range is already started.` );\n\t\t\t}\n\n\t\t\tif ( item.bracket == ELEMENT_RANGE_START_TOKEN || item.bracket == TEXT_RANGE_START_TOKEN ) {\n\t\t\t\trange = new ViewRange( item.position, item.position );\n\t\t\t} else {\n\t\t\t\t( range as any ).end = item.position;\n\t\t\t\tranges.push( range! );\n\t\t\t\trange = null;\n\t\t\t}\n\t\t}\n\n\t\t// Check if all ranges have proper ending.\n\t\tif ( range !== null ) {\n\t\t\tthrow new Error( 'Parse error - range was started but no end delimiter was found.' );\n\t\t}\n\n\t\treturn ranges;\n\t}\n}\n\n/**\n * Private helper class used for converting the view tree to a string.\n */\nclass ViewStringify {\n\tpublic root: ViewNode | ViewDocumentFragment;\n\tpublic selection: ViewDocumentSelection | null;\n\tpublic ranges: Array<ViewRange>;\n\tpublic showType: boolean;\n\tpublic showPriority: boolean;\n\tpublic showAttributeElementId: boolean;\n\tpublic ignoreRoot: boolean;\n\tpublic sameSelectionCharacters: boolean;\n\tpublic renderUIElements: boolean;\n\tpublic renderRawElements: boolean;\n\tpublic domConverter: ViewDomConverter;\n\tpublic skipListItemIds: boolean;\n\n\t/**\n\t * Creates a view stringify instance.\n\t *\n\t * @param selection A selection whose ranges should also be converted to a string.\n\t * @param options An options object.\n\t * @param options.showType When set to `true`, the type of elements will be printed (`<container:p>`\n\t * instead of `<p>`, `<attribute:b>` instead of `<b>` and `<empty:img>` instead of `<img>`).\n\t * @param options.showPriority When set to `true`, the attribute element's priority will be printed.\n\t * @param options.ignoreRoot When set to `true`, the root's element opening and closing tag will not\n\t * be outputted.\n\t * @param options.sameSelectionCharacters When set to `true`, the selection inside the text is marked as\n\t * `{` and `}` and the selection outside the text as `[` and `]`. When set to `false`, both are marked as `[` and `]`.\n\t * @param options.renderUIElements When set to `true`, the inner content of each\n\t * {@link module:engine/view/uielement~ViewUIElement} will be printed.\n\t * @param options.renderRawElements When set to `true`, the inner content of each\n\t * @param options.domConverter When set to an actual {@link module:engine/view/domconverter~ViewDomConverter ViewDomConverter}\n\t * instance, it lets the conversion go through exactly the same flow the editing view is going through,\n\t * i.e. with view data filtering. Otherwise the simple stub is used.\n\t * {@link module:engine/view/rawelement~ViewRawElement} will be printed.\n\t * @param options.skipListItemIds When set to `true`, `<li>` elements will not have `listItemId` attribute. By default it's hidden\n\t * because it's randomly generated and hard to verify properly, while bringing little value.\n\t */\n\tconstructor(\n\t\troot: ViewNode | ViewDocumentFragment,\n\t\tselection: ViewDocumentSelection | null,\n\t\toptions: {\n\t\t\tshowType?: boolean;\n\t\t\tshowPriority?: boolean;\n\t\t\tshowAttributeElementId?: boolean;\n\t\t\tignoreRoot?: boolean;\n\t\t\tsameSelectionCharacters?: boolean;\n\t\t\trenderUIElements?: boolean;\n\t\t\trenderRawElements?: boolean;\n\t\t\tdomConverter?: ViewDomConverter;\n\t\t\tskipListItemIds?: boolean;\n\t\t}\n\t) {\n\t\tthis.root = root;\n\t\tthis.selection = selection;\n\t\tthis.ranges = [];\n\n\t\tif ( selection ) {\n\t\t\tthis.ranges = [ ...selection.getRanges() ];\n\t\t}\n\n\t\tthis.showType = !!options.showType;\n\t\tthis.showPriority = !!options.showPriority;\n\t\tthis.showAttributeElementId = !!options.showAttributeElementId;\n\t\tthis.ignoreRoot = !!options.ignoreRoot;\n\t\tthis.sameSelectionCharacters = !!options.sameSelectionCharacters;\n\t\tthis.renderUIElements = !!options.renderUIElements;\n\t\tthis.renderRawElements = !!options.renderRawElements;\n\t\tthis.domConverter = options.domConverter || domConverterStub;\n\t\tthis.skipListItemIds = options.skipListItemIds !== undefined ? !!options.skipListItemIds : true;\n\t}\n\n\t/**\n\t * Converts the view to a string.\n\t *\n\t * @returns String representation of the view elements.\n\t */\n\tpublic stringify(): string {\n\t\tlet result = '';\n\t\tthis._walkView( this.root, chunk => {\n\t\t\tresult += chunk;\n\t\t} );\n\n\t\tif ( this.skipListItemIds ) {\n\t\t\tresult = result.replaceAll( / data-list-item-id=\"[^\"]+\"/g, '' );\n\t\t}\n\n\t\treturn result;\n\t}\n\n\t/**\n\t * Executes a simple walker that iterates over all elements in the view tree starting from the root element.\n\t * Calls the `callback` with parsed chunks of string data.\n\t */\n\tprivate _walkView(\n\t\troot: ViewNode | ViewDocumentFragment,\n\t\tcallback: ( chunk: string ) => void\n\t): void {\n\t\tconst ignore = this.ignoreRoot && this.root === root;\n\n\t\tif ( root.is( 'element' ) || root.is( 'documentFragment' ) ) {\n\t\t\tif ( root.is( 'element' ) && !ignore ) {\n\t\t\t\tcallback( this._stringifyElementOpen( root ) );\n\t\t\t}\n\n\t\t\tif ( ( this.renderUIElements && root.is( 'uiElement' ) ) ) {\n\t\t\t\tcallback( root.render( document, this.domConverter ).innerHTML );\n\t\t\t} else if ( this.renderRawElements && root.is( 'rawElement' ) ) {\n\t\t\t\t// There's no DOM element for \"root\" to pass to render(). Creating\n\t\t\t\t// a surrogate container to render the children instead.\n\t\t\t\tconst rawContentContainer = document.createElement( 'div' );\n\t\t\t\troot.render( rawContentContainer, this.domConverter );\n\n\t\t\t\tcallback( rawContentContainer.innerHTML );\n\t\t\t} else {\n\t\t\t\tlet offset = 0;\n\t\t\t\tcallback( this._stringifyElementRanges( root, offset ) );\n\n\t\t\t\tfor ( const child of root.getChildren() ) {\n\t\t\t\t\tthis._walkView( child, callback );\n\t\t\t\t\toffset++;\n\t\t\t\t\tcallback( this._stringifyElementRanges( root, offset ) );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( root.is( 'element' ) && !ignore ) {\n\t\t\t\tcallback( this._stringifyElementClose( root ) );\n\t\t\t}\n\t\t}\n\n\t\tif ( root.is( '$text' ) ) {\n\t\t\tcallback( this._stringifyTextRanges( root ) );\n\t\t}\n\t}\n\n\t/**\n\t * Checks if a given {@link module:engine/view/element~ViewElement element} has\n\t * a {@link module:engine/view/range~ViewRange#start range start}\n\t * or a {@link module:engine/view/range~ViewRange#start range end} placed at a given offset and returns its string representation.\n\t */\n\tprivate _stringifyElementRanges( element: ViewElement | ViewDocumentFragment, offset: number ): string {\n\t\tlet start = '';\n\t\tlet end = '';\n\t\tlet collapsed = '';\n\n\t\tfor ( const range of this.ranges ) {\n\t\t\tif ( range.start.parent == element && range.start.offset === offset ) {\n\t\t\t\tif ( range.isCollapsed ) {\n\t\t\t\t\tcollapsed += ELEMENT_RANGE_START_TOKEN + ELEMENT_RANGE_END_TOKEN;\n\t\t\t\t} else {\n\t\t\t\t\tstart += ELEMENT_RANGE_START_TOKEN;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( range.end.parent === element && range.end.offset === offset && !range.isCollapsed ) {\n\t\t\t\tend += ELEMENT_RANGE_END_TOKEN;\n\t\t\t}\n\t\t}\n\n\t\treturn end + collapsed + start;\n\t}\n\n\t/**\n\t * Checks if a given {@link module:engine/view/element~ViewElement Text node} has a\n\t * {@link module:engine/view/range~ViewRange#start range start} or a\n\t * {@link module:engine/view/range~ViewRange#start range end} placed somewhere inside. Returns a string representation of text\n\t * with range delimiters placed inside.\n\t */\n\tprivate _stringifyTextRanges( node: ViewText ): string {\n\t\tconst length = node.data.length;\n\t\tconst data = node.data.split( '' );\n\t\tlet rangeStartToken, rangeEndToken;\n\n\t\tif ( this.sameSelectionCharacters ) {\n\t\t\trangeStartToken = ELEMENT_RANGE_START_TOKEN;\n\t\t\trangeEndToken = ELEMENT_RANGE_END_TOKEN;\n\t\t} else {\n\t\t\trangeStartToken = TEXT_RANGE_START_TOKEN;\n\t\t\trangeEndToken = TEXT_RANGE_END_TOKEN;\n\t\t}\n\n\t\t// Add one more element for ranges ending after last character in text.\n\t\tdata[ length ] = '';\n\n\t\t// Represent each letter as object with information about opening/closing ranges at each offset.\n\t\tconst result = data.map( letter => {\n\t\t\treturn {\n\t\t\t\tletter,\n\t\t\t\tstart: '',\n\t\t\t\tend: '',\n\t\t\t\tcollapsed: ''\n\t\t\t};\n\t\t} );\n\n\t\tfor ( const range of this.ranges ) {\n\t\t\tconst start = range.start;\n\t\t\tconst end = range.end;\n\n\t\t\tif ( start.parent == node && start.offset >= 0 && start.offset <= length ) {\n\t\t\t\tif ( range.isCollapsed ) {\n\t\t\t\t\tresult[ end.offset ].collapsed += rangeStartToken + rangeEndToken;\n\t\t\t\t} else {\n\t\t\t\t\tresult[ start.offset ].start += rangeStartToken;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( end.parent == node && end.offset >= 0 && end.offset <= length && !range.isCollapsed ) {\n\t\t\t\tresult[ end.offset ].end += rangeEndToken;\n\t\t\t}\n\t\t}\n\n\t\treturn result.map( item => item.end + item.collapsed + item.start + item.letter ).join( '' );\n\t}\n\n\t/**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} to an opening tag.\n\t *\n\t * Depending on the current configuration, the opening tag can be simple (`<a>`), contain a type prefix (`<container:p>`,\n\t * `<attribute:a>` or `<empty:img>`), contain priority information ( `<attribute:a view-priority=\"20\">` ),\n\t * or contain element id ( `<attribute:span view-id=\"foo\">` ). Element attributes will also be included\n\t * (`<a href=\"https://ckeditor.com\" name=\"foobar\">`).\n\t */\n\tprivate _stringifyElementOpen( element: ViewElement ): string {\n\t\tconst priority = this._stringifyElementPriority( element );\n\t\tconst id = this._stringifyElementId( element );\n\n\t\tconst type = this._stringifyElementType( element );\n\t\tconst name = [ type, element.name ].filter( i => i !== '' ).join( ':' );\n\t\tconst attributes = this._stringifyElementAttributes( element );\n\t\tconst parts = [ name, priority, id, attributes ];\n\n\t\treturn `<${ parts.filter( i => i !== '' ).join( ' ' ) }>`;\n\t}\n\n\t/**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} to a closing tag.\n\t * Depending on the current configuration, the closing tag can be simple (`</a>`) or contain a type prefix (`</container:p>`,\n\t * `</attribute:a>` or `</empty:img>`).\n\t */\n\tprivate _stringifyElementClose( element: ViewElement ): string {\n\t\tconst type = this._stringifyElementType( element );\n\t\tconst name = [ type, element.name ].filter( i => i !== '' ).join( ':' );\n\n\t\treturn `</${ name }>`;\n\t}\n\n\t/**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element's} type to its string representation\n\t *\n\t * Returns:\n\t * * 'attribute' for {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements},\n\t * * 'container' for {@link module:engine/view/containerelement~ViewContainerElement container elements},\n\t * * 'empty' for {@link module:engine/view/emptyelement~ViewEmptyElement empty elements},\n\t * * 'ui' for {@link module:engine/view/uielement~ViewUIElement UI elements},\n\t * * 'raw' for {@link module:engine/view/rawelement~ViewRawElement raw elements},\n\t * * an empty string when the current configuration is preventing showing elements' types.\n\t */\n\tprivate _stringifyElementType( element: ViewElement ): string {\n\t\tif ( this.showType ) {\n\t\t\tfor ( const type in allowedTypes ) {\n\t\t\t\tif ( element instanceof allowedTypes[ type as keyof typeof allowedTypes ] ) {\n\t\t\t\t\treturn type;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn '';\n\t}\n\n\t/**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} to its priority representation.\n\t *\n\t * The priority string representation will be returned when the passed element is an instance of\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} and the current configuration allows to show the\n\t * priority. Otherwise returns an empty string.\n\t */\n\tprivate _stringifyElementPriority( element: ViewElement ): string {\n\t\tif ( this.showPriority && element.is( 'attributeElement' ) ) {\n\t\t\treturn `view-priority=\"${ element.priority }\"`;\n\t\t}\n\n\t\treturn '';\n\t}\n\n\t/**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} to its id representation.\n\t *\n\t * The id string representation will be returned when the passed element is an instance of\n\t * {@link module:engine/view/attributeelement~ViewAttributeElement attribute element}, the element has an id\n\t * and the current configuration allows to show the id. Otherwise returns an empty string.\n\t */\n\tprivate _stringifyElementId( element: ViewElement ): string {\n\t\tif ( this.showAttributeElementId && element.is( 'attributeElement' ) && element.id ) {\n\t\t\treturn `view-id=\"${ element.id }\"`;\n\t\t}\n\n\t\treturn '';\n\t}\n\n\t/**\n\t * Converts the passed {@link module:engine/view/element~ViewElement element} attributes to their string representation.\n\t * If an element has no attributes, an empty string is returned.\n\t */\n\tprivate _stringifyElementAttributes( element: ViewElement ): string {\n\t\tconst attributes = [];\n\t\tconst keys = [ ...element.getAttributeKeys() ].sort();\n\n\t\tfor ( const attribute of keys ) {\n\t\t\tlet attributeValue;\n\n\t\t\tif ( attribute === 'class' ) {\n\t\t\t\tattributeValue = [ ...element.getClassNames() ]\n\t\t\t\t\t.sort()\n\t\t\t\t\t.join( ' ' );\n\t\t\t} else if ( attribute === 'style' ) {\n\t\t\t\tattributeValue = [ ...element.getStyleNames() ]\n\t\t\t\t\t.sort()\n\t\t\t\t\t.map( style => `${ style }:${ element.getStyle( style )!.replace( /\"/g, '&quot;' ) }` )\n\t\t\t\t\t.join( ';' );\n\t\t\t} else {\n\t\t\t\tattributeValue = element.getAttribute( attribute );\n\t\t\t}\n\n\t\t\tattributes.push( `${ attribute }=\"${ attributeValue }\"` );\n\t\t}\n\n\t\treturn attributes.join( ' ' );\n\t}\n}\n\n/**\n * Converts {@link module:engine/view/element~ViewElement elements} to\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements},\n * {@link module:engine/view/containerelement~ViewContainerElement container elements},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty elements} or\n * {@link module:engine/view/uielement~ViewUIElement UI elements}.\n * It converts the whole tree starting from the `rootNode`. The conversion is based on element names.\n * See the `_convertElement` method for more details.\n *\n * @param rootNode The root node to convert.\n * @returns The root node of converted elements.\n */\nfunction _convertViewElements( rootNode: ViewNode | ViewDocumentFragment ) {\n\tif ( rootNode.is( 'element' ) || rootNode.is( 'documentFragment' ) ) {\n\t\t// Convert element or leave document fragment.\n\n\t\tconst convertedElement = rootNode.is( 'documentFragment' ) ?\n\t\t\tnew ViewDocumentFragment( rootNode.document ) :\n\t\t\t_convertElement( rootNode.document, rootNode );\n\n\t\t// Convert all child nodes.\n\t\t// Cache the nodes in array. Otherwise, we would skip some nodes because during iteration we move nodes\n\t\t// from `rootNode` to `convertedElement`. This would interfere with iteration.\n\t\tfor ( const child of [ ...rootNode.getChildren() ] ) {\n\t\t\tif ( convertedElement.is( 'emptyElement' ) ) {\n\t\t\t\tthrow new Error( 'Parse error - cannot parse inside ViewEmptyElement.' );\n\t\t\t} else if ( convertedElement.is( 'uiElement' ) ) {\n\t\t\t\tthrow new Error( 'Parse error - cannot parse inside UIElement.' );\n\t\t\t} else if ( convertedElement.is( 'rawElement' ) ) {\n\t\t\t\tthrow new Error( 'Parse error - cannot parse inside RawElement.' );\n\t\t\t}\n\n\t\t\tconvertedElement._appendChild( _convertViewElements( child ) );\n\t\t}\n\n\t\treturn convertedElement;\n\t}\n\n\treturn rootNode;\n}\n\n/**\n * Converts an {@link module:engine/view/element~ViewElement element} to\n * {@link module:engine/view/attributeelement~ViewAttributeElement attribute element},\n * {@link module:engine/view/containerelement~ViewContainerElement container element},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty element} or\n * {@link module:engine/view/uielement~ViewUIElement UI element}.\n * If the element's name is in the format of `attribute:b`, it will be converted to\n * an {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} with a priority of 11.\n * Additionally, attribute elements may have specified priority (for example `view-priority=\"11\"`) and/or\n * id (for example `view-id=\"foo\"`).\n * If the element's name is in the format of `container:p`, it will be converted to\n * a {@link module:engine/view/containerelement~ViewContainerElement container element}.\n * If the element's name is in the format of `empty:img`, it will be converted to\n * an {@link module:engine/view/emptyelement~ViewEmptyElement empty element}.\n * If the element's name is in the format of `ui:span`, it will be converted to\n * a {@link module:engine/view/uielement~ViewUIElement UI element}.\n * If the element's name does not contain any additional information, a {@link module:engine/view/element~ViewElement view Element} will be\n * returned.\n *\n * @param viewElement A view element to convert.\n * @returns A tree view element converted according to its name.\n */\nfunction _convertElement( viewDocument: ViewDocument, viewElement: ViewElement ) {\n\tconst info = _convertElementNameAndInfo( viewElement );\n\tconst ElementConstructor = allowedTypes[ info.type! ];\n\tconst newElement = ElementConstructor ? new ElementConstructor( viewDocument, info.name ) : new ViewElement( viewDocument, info.name );\n\n\tif ( newElement.is( 'attributeElement' ) ) {\n\t\tif ( info.priority !== null ) {\n\t\t\t( newElement as any )._priority = info.priority;\n\t\t}\n\n\t\tif ( info.id !== null ) {\n\t\t\t( newElement as any )._id = info.id;\n\t\t}\n\t}\n\n\t// Move attributes.\n\tfor ( const attributeKey of viewElement.getAttributeKeys() ) {\n\t\tnewElement._setAttribute( attributeKey, viewElement.getAttribute( attributeKey )! );\n\t}\n\n\treturn newElement;\n}\n\n/**\n * Converts the `view-priority` attribute and the {@link module:engine/view/element~ViewElement#name element's name} information needed for\n * creating {@link module:engine/view/attributeelement~ViewAttributeElement attribute element},\n * {@link module:engine/view/containerelement~ViewContainerElement container element},\n * {@link module:engine/view/emptyelement~ViewEmptyElement empty element} or\n * {@link module:engine/view/uielement~ViewUIElement UI element}.\n * The name can be provided in two formats: as a simple element's name (`div`), or as a type and name (`container:div`,\n * `attribute:span`, `empty:img`, `ui:span`);\n *\n * @param viewElement The element whose name should be converted.\n * @returns An object with parsed information:\n * * `name` The parsed name of the element.\n * * `type` The parsed type of the element. It can be `attribute`, `container` or `empty`.\n * * `priority` The parsed priority of the element.\n */\nfunction _convertElementNameAndInfo( viewElement: ViewElement ) {\n\tconst parts = viewElement.name.split( ':' );\n\n\tconst priority = _convertPriority( viewElement.getAttribute( 'view-priority' )! );\n\tconst id = viewElement.hasAttribute( 'view-id' ) ? viewElement.getAttribute( 'view-id' ) : null;\n\n\tviewElement._removeAttribute( 'view-priority' );\n\tviewElement._removeAttribute( 'view-id' );\n\n\tif ( parts.length == 1 ) {\n\t\treturn {\n\t\t\tname: parts[ 0 ],\n\t\t\ttype: priority !== null ? 'attribute' : null,\n\t\t\tpriority,\n\t\t\tid\n\t\t} as const;\n\t}\n\n\t// Check if type and name: container:div.\n\tconst type = _convertType( parts[ 0 ] );\n\n\tif ( type ) {\n\t\treturn {\n\t\t\tname: parts[ 1 ],\n\t\t\ttype,\n\t\t\tpriority,\n\t\t\tid\n\t\t} as const;\n\t}\n\n\tthrow new Error( `Parse error - cannot parse element's name: ${ viewElement.name }.` );\n}\n\n/**\n * Checks if the element's type is allowed. Returns `attribute`, `container`, `empty` or `null`.\n */\nfunction _convertType( type: string ): keyof typeof allowedTypes | null {\n\treturn type in allowedTypes ? type as any : null;\n}\n\n/**\n * Checks if a given priority is allowed. Returns null if the priority cannot be converted.\n */\nfunction _convertPriority( priorityString: string ) {\n\tconst priority = parseInt( priorityString, 10 );\n\n\tif ( !isNaN( priority ) ) {\n\t\treturn priority;\n\t}\n\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/dev-utils/model\n */\n\n/**\n * Collection of methods for manipulating the {@link module:engine/model/model model} for testing purposes.\n */\n\nimport { ModelRootElement } from '../model/rootelement.js';\nimport { Model } from '../model/model.js';\nimport { ModelRange } from '../model/range.js';\nimport { ModelPosition } from '../model/position.js';\nimport { ModelSelection } from '../model/selection.js';\nimport { ModelDocumentFragment } from '../model/documentfragment.js';\nimport { ModelDocumentSelection } from '../model/documentselection.js';\n\nimport { EditingView } from '../view/view.js';\nimport { ViewContainerElement } from '../view/containerelement.js';\nimport { ViewRootEditableElement } from '../view/rooteditableelement.js';\n\nimport { _parseView, _stringifyView } from '../../src/dev-utils/view.js';\n\nimport { Mapper } from '../conversion/mapper.js';\nimport {\n\tconvertCollapsedSelection,\n\tconvertRangeSelection,\n\tinsertAttributesAndChildren,\n\tinsertElement,\n\tinsertText,\n\tinsertUIElement,\n\twrap\n} from '../conversion/downcasthelpers.js';\n\nimport { StylesProcessor } from '../view/stylesmap.js';\n\nimport {\n\tDowncastDispatcher,\n\ttype DowncastAddMarkerEvent,\n\ttype DowncastAttributeEvent,\n\ttype DowncastInsertEvent,\n\ttype DowncastSelectionEvent\n} from '../conversion/downcastdispatcher.js';\nimport {\n\tUpcastDispatcher,\n\ttype UpcastDocumentFragmentEvent,\n\ttype UpcastElementEvent,\n\ttype UpcastTextEvent,\n\ttype UpcastConversionApi,\n\ttype UpcastConversionData\n} from '../conversion/upcastdispatcher.js';\nimport { type ViewDocumentSelection } from '../view/documentselection.js';\nimport type { BatchType } from '../model/batch.js';\nimport { type MarkerCollection } from '../model/markercollection.js';\nimport { type ModelText } from '../model/text.js';\nimport { type ModelTextProxy } from '../model/textproxy.js';\nimport { type ViewDowncastWriter } from '../view/downcastwriter.js';\nimport type { ModelSchema, ModelSchemaContextDefinition } from '../model/schema.js';\nimport type { ViewDocumentFragment, ViewElement } from '../index.js';\nimport { type ViewNode } from '../view/node.js';\nimport { type ViewText } from '../view/text.js';\nimport { type ModelWriter } from '../model/writer.js';\nimport { type ModelNode } from '../model/node.js';\nimport { type ModelElement } from '../model/element.js';\n\nimport { toMap, type EventInfo } from '@ckeditor/ckeditor5-utils';\n\nimport { isPlainObject } from 'es-toolkit/compat';\n\n/**\n * Writes the content of a model {@link module:engine/model/document~ModelDocument document} to an HTML-like string.\n *\n * ```ts\n * getData( editor.model ); // -> '<paragraph>Foo![]</paragraph>'\n * ```\n *\n * **Note:** A {@link module:engine/model/text~ModelText text} node that contains attributes will be represented as:\n *\n * ```xml\n * <$text attribute=\"value\">Text data</$text>\n * ```\n *\n * **Note:** Using this tool in production-grade code is not recommended. It was designed for development, prototyping,\n * debugging and testing.\n *\n * @param options.withoutSelection Whether to write the selection. When set to `true`, the selection will\n * not be included in the returned string.\n * @param options.rootName The name of the root from which the data should be stringified. If not provided,\n * the default `main` name will be used.\n * @param options.convertMarkers Whether to include markers in the returned string.\n * @returns The stringified data.\n */\nexport function _getModelData(\n\tmodel: Model,\n\toptions: {\n\t\twithoutSelection?: boolean;\n\t\trootName?: string;\n\t\tconvertMarkers?: boolean;\n\t} = {}\n): string {\n\tif ( !( model instanceof Model ) ) {\n\t\tthrow new TypeError( 'Model needs to be an instance of module:engine/model/model~Model.' );\n\t}\n\n\tconst rootName = options.rootName || 'main';\n\tconst root = model.document.getRoot( rootName )!;\n\n\treturn _getModelData._stringify(\n\t\troot,\n\t\toptions.withoutSelection ? null : model.document.selection,\n\t\toptions.convertMarkers ? model.markers : null\n\t);\n}\n\n// Set stringify as getData private method - needed for testing/spying.\n_getModelData._stringify = _stringifyModel;\n\n/**\n * Sets the content of a model {@link module:engine/model/document~ModelDocument document} provided as an HTML-like string.\n *\n * ```ts\n * setData( editor.model, '<paragraph>Foo![]</paragraph>' );\n * ```\n *\n * **Note:** Remember to register elements in the {@link module:engine/model/model~Model#schema model's schema} before\n * trying to use them.\n *\n * **Note:** To create a {@link module:engine/model/text~ModelText text} node that contains attributes use:\n *\n * ```xml\n * <$text attribute=\"value\">Text data</$text>\n * ```\n *\n * **Note:** Using this tool in production-grade code is not recommended. It was designed for development, prototyping,\n * debugging and testing.\n *\n * @param data HTML-like string to write into the document.\n * @param options.rootName Root name where parsed data will be stored. If not provided, the default `main`\n * name will be used.\n * @param options.selectionAttributes A list of attributes which will be passed to the selection.\n * @param options.lastRangeBackward If set to `true`, the last range will be added as backward.\n * @param options.batchType Batch type used for inserting elements. See {@link module:engine/model/batch~Batch#constructor}.\n */\nexport function _setModelData(\n\tmodel: Model,\n\tdata: string,\n\toptions: {\n\t\trootName?: string;\n\t\tselectionAttributes?: Record<string, unknown>;\n\t\tlastRangeBackward?: boolean;\n\t\tbatchType?: BatchType;\n\t\tinlineObjectElements?: Array<string>;\n\t} = {}\n): void {\n\tif ( !( model instanceof Model ) ) {\n\t\tthrow new TypeError( 'Model needs to be an instance of module:engine/model/model~Model.' );\n\t}\n\n\tlet modelDocumentFragment: ModelNode | ModelDocumentFragment;\n\tlet selection: ModelSelection | null = null;\n\tconst modelRoot = model.document.getRoot( options.rootName || 'main' )!;\n\n\t// Parse data string to model.\n\tconst parsedResult = _setModelData._parse( data, model.schema, {\n\t\tlastRangeBackward: options.lastRangeBackward,\n\t\tselectionAttributes: options.selectionAttributes,\n\t\tcontext: [ modelRoot.name ],\n\t\tinlineObjectElements: options.inlineObjectElements\n\t} );\n\n\t// Retrieve DocumentFragment and Selection from parsed model.\n\tif ( 'model' in parsedResult ) {\n\t\tmodelDocumentFragment = parsedResult.model;\n\t\tselection = parsedResult.selection;\n\t} else {\n\t\tmodelDocumentFragment = parsedResult;\n\t}\n\n\tif ( options.batchType !== undefined ) {\n\t\tmodel.enqueueChange( options.batchType, writeToModel );\n\t} else {\n\t\tmodel.change( writeToModel );\n\t}\n\n\tfunction writeToModel( writer: ModelWriter ) {\n\t\t// Replace existing model in document by new one.\n\t\twriter.remove( writer.createRangeIn( modelRoot ) );\n\t\twriter.insert( modelDocumentFragment, modelRoot );\n\n\t\t// Clean up previous document selection.\n\t\twriter.setSelection( null );\n\t\twriter.removeSelectionAttribute( model.document.selection.getAttributeKeys() );\n\n\t\t// Update document selection if specified.\n\t\tif ( selection ) {\n\t\t\tconst ranges: Array<ModelRange> = [];\n\n\t\t\tfor ( const range of selection.getRanges() ) {\n\t\t\t\tconst start = new ModelPosition( modelRoot, range.start.path );\n\t\t\t\tconst end = new ModelPosition( modelRoot, range.end.path );\n\n\t\t\t\tranges.push( new ModelRange( start, end ) );\n\t\t\t}\n\n\t\t\twriter.setSelection( ranges, { backward: selection.isBackward } );\n\n\t\t\tif ( options.selectionAttributes ) {\n\t\t\t\twriter.setSelectionAttribute( selection.getAttributes() );\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Set parse as setData private method - needed for testing/spying.\n_setModelData._parse = _parseModel;\n\n/**\n * Converts model nodes to HTML-like string representation.\n *\n * **Note:** A {@link module:engine/model/text~ModelText text} node that contains attributes will be represented as:\n *\n * ```xml\n * <$text attribute=\"value\">Text data</$text>\n * ```\n *\n * @param node A node to stringify.\n * @param selectionOrPositionOrRange A selection instance whose ranges will be included in the returned string data.\n * If a range instance is provided, it will be converted to a selection containing this range. If a position instance\n * is provided, it will be converted to a selection containing one range collapsed at this position.\n * @param markers Markers to include.\n * @returns An HTML-like string representing the model.\n */\nexport function _stringifyModel(\n\tnode: ModelNode | ModelDocumentFragment,\n\tselectionOrPositionOrRange: ModelSelection | ModelDocumentSelection | ModelPosition | ModelRange | null = null,\n\tmarkers: MarkerCollection | null = null\n): string {\n\tconst model = new Model();\n\tconst mapper = new Mapper();\n\tlet selection: ModelSelection | ModelDocumentSelection | null = null;\n\tlet range: ModelRange;\n\n\t// Create a range witch wraps passed node.\n\tif ( node instanceof ModelRootElement || node instanceof ModelDocumentFragment ) {\n\t\trange = model.createRangeIn( node );\n\t} else {\n\t\t// Node is detached - create new document fragment.\n\t\tif ( !node.parent ) {\n\t\t\tconst fragment = new ModelDocumentFragment( node );\n\t\t\trange = model.createRangeIn( fragment );\n\t\t} else {\n\t\t\trange = new ModelRange(\n\t\t\t\tmodel.createPositionBefore( node ),\n\t\t\t\tmodel.createPositionAfter( node )\n\t\t\t);\n\t\t}\n\t}\n\n\t// Get selection from passed selection or position or range if at least one is specified.\n\tif ( selectionOrPositionOrRange instanceof ModelSelection ) {\n\t\tselection = selectionOrPositionOrRange;\n\t} else if ( selectionOrPositionOrRange instanceof ModelDocumentSelection ) {\n\t\tselection = selectionOrPositionOrRange;\n\t} else if ( selectionOrPositionOrRange instanceof ModelRange ) {\n\t\tselection = new ModelSelection( selectionOrPositionOrRange );\n\t} else if ( selectionOrPositionOrRange instanceof ModelPosition ) {\n\t\tselection = new ModelSelection( selectionOrPositionOrRange );\n\t}\n\n\t// Set up conversion.\n\t// Create a temporary view controller.\n\tconst stylesProcessor = new StylesProcessor();\n\tconst view = new EditingView( stylesProcessor );\n\tconst viewDocument = view.document;\n\tconst viewRoot = new ViewRootEditableElement( viewDocument, 'div' );\n\n\t// Create a temporary root element in view document.\n\tviewRoot.rootName = 'main';\n\tviewDocument.roots.add( viewRoot );\n\n\t// Create and setup downcast dispatcher.\n\tconst downcastDispatcher = new DowncastDispatcher( { mapper, schema: model.schema } );\n\n\t// Bind root elements.\n\tmapper.bindElements( node.root as ModelElement | ModelDocumentFragment, viewRoot );\n\n\tdowncastDispatcher.on<DowncastInsertEvent<ModelText | ModelTextProxy>>( 'insert:$text', insertText() );\n\tdowncastDispatcher.on<DowncastInsertEvent<ModelElement>>( 'insert', insertAttributesAndChildren(), { priority: 'lowest' } );\n\tdowncastDispatcher.on<DowncastAttributeEvent>( 'attribute', ( evt, data, conversionApi ) => {\n\t\tif ( data.item instanceof ModelSelection || data.item instanceof ModelDocumentSelection || data.item.is( '$textProxy' ) ) {\n\t\t\tconst converter = wrap( ( modelAttributeValue, { writer } ) => {\n\t\t\t\treturn writer.createAttributeElement(\n\t\t\t\t\t'model-text-with-attributes',\n\t\t\t\t\t{ [ data.attributeKey ]: stringifyAttributeValue( modelAttributeValue ) }\n\t\t\t\t);\n\t\t\t} );\n\n\t\t\tconverter( evt, data, conversionApi );\n\t\t}\n\t} );\n\tdowncastDispatcher.on<DowncastInsertEvent<ModelElement>>( 'insert', insertElement( modelItem => {\n\t\t// Stringify object types values for properly display as an output string.\n\t\tconst attributes = convertAttributes( modelItem.getAttributes(), stringifyAttributeValue );\n\n\t\treturn new ViewContainerElement( viewDocument, modelItem.name, attributes );\n\t} ) );\n\n\tdowncastDispatcher.on<DowncastSelectionEvent>( 'selection', convertRangeSelection() );\n\tdowncastDispatcher.on<DowncastSelectionEvent>( 'selection', convertCollapsedSelection() );\n\tdowncastDispatcher.on<DowncastAddMarkerEvent>( 'addMarker', insertUIElement( ( data, { writer } ) => {\n\t\tconst name = data.markerName + ':' + ( data.isOpening ? 'start' : 'end' );\n\n\t\treturn writer.createUIElement( name );\n\t} ) );\n\n\tconst markersMap: Map<string, ModelRange> = new Map();\n\n\tif ( markers ) {\n\t\t// To provide stable results, sort markers by name.\n\t\tfor ( const marker of Array.from( markers ).sort( ( a, b ) => a.name < b.name ? 1 : -1 ) ) {\n\t\t\tmarkersMap.set( marker.name, marker.getRange() );\n\t\t}\n\t}\n\n\t// Convert model to view.\n\tconst writer: ViewDowncastWriter = ( view as any )._writer;\n\tdowncastDispatcher.convert( range, markersMap, writer );\n\n\t// Convert model selection to view selection.\n\tif ( selection ) {\n\t\tdowncastDispatcher.convertSelection( selection, markers || model.markers, writer );\n\t}\n\n\t// Parse view to data string.\n\tlet data = _stringifyView( viewRoot, viewDocument.selection, { sameSelectionCharacters: true } );\n\n\t// Removing unnecessary <div> and </div> added because `viewRoot` was also stringified alongside input data.\n\tdata = data.substr( 5, data.length - 11 );\n\n\tview.destroy();\n\n\t// Replace valid XML `model-text-with-attributes` element name to `$text`.\n\treturn data.replace( new RegExp( 'model-text-with-attributes', 'g' ), '$text' );\n}\n\n/**\n * Parses an HTML-like string and returns the model {@link module:engine/model/rootelement~ModelRootElement rootElement}.\n *\n * **Note:** To create a {@link module:engine/model/text~ModelText text} node that contains attributes use:\n *\n * ```xml\n * <$text attribute=\"value\">Text data</$text>\n * ```\n *\n * @param data HTML-like string to be parsed.\n * @param schema A schema instance used by converters for element validation.\n * @param options Additional configuration.\n * @param options.selectionAttributes A list of attributes which will be passed to the selection.\n * @param options.lastRangeBackward If set to `true`, the last range will be added as backward.\n * @param options.context The conversion context. If not provided, the default `'$root'` will be used.\n * @returns Returns the parsed model node or an object with two fields: `model` and `selection`,\n * when selection ranges were included in the data to parse.\n */\nexport function _parseModel(\n\tdata: string,\n\tschema: ModelSchema,\n\toptions: {\n\t\tselectionAttributes?: Record<string, unknown> | Iterable<[ string, unknown ]>;\n\t\tlastRangeBackward?: boolean;\n\t\tcontext?: ModelSchemaContextDefinition;\n\t\tinlineObjectElements?: Array<string>;\n\t} = {}\n): ModelNode | ModelDocumentFragment | {\n\tmodel: ModelNode | ModelDocumentFragment;\n\tselection: ModelSelection;\n} {\n\tconst mapper = new Mapper();\n\n\t// Replace not accepted by XML `$text` tag name by valid one `model-text-with-attributes`.\n\tdata = data.replace( new RegExp( '\\\\$text', 'g' ), 'model-text-with-attributes' );\n\n\t// Parse data to view using view utils.\n\tconst parsedResult = _parseView( data, {\n\t\tsameSelectionCharacters: true,\n\t\tlastRangeBackward: !!options.lastRangeBackward,\n\t\tinlineObjectElements: options.inlineObjectElements\n\t} );\n\n\t// Retrieve DocumentFragment and Selection from parsed view.\n\tlet viewDocumentFragment: ViewNode | ViewDocumentFragment;\n\tlet viewSelection: ViewDocumentSelection | null = null;\n\tlet selection: ModelSelection | null = null;\n\n\tif ( 'view' in parsedResult && 'selection' in parsedResult ) {\n\t\tviewDocumentFragment = parsedResult.view;\n\t\tviewSelection = parsedResult.selection;\n\t} else {\n\t\tviewDocumentFragment = parsedResult;\n\t}\n\n\t// Set up upcast dispatcher.\n\tconst modelController = new Model();\n\tconst upcastDispatcher = new UpcastDispatcher( { schema } );\n\n\tupcastDispatcher.on<UpcastDocumentFragmentEvent>( 'documentFragment', convertToModelFragment( mapper ) );\n\tupcastDispatcher.on<UpcastElementEvent>( 'element:model-text-with-attributes', convertToModelText() );\n\tupcastDispatcher.on<UpcastElementEvent>( 'element', convertToModelElement( mapper ) );\n\tupcastDispatcher.on<UpcastTextEvent>( 'text', convertToModelText() );\n\n\t// Convert view to model.\n\tlet model: ModelDocumentFragment | ModelNode = modelController.change(\n\t\twriter => upcastDispatcher.convert( viewDocumentFragment.root, writer, options.context || '$root' )\n\t);\n\n\tmapper.bindElements( model, viewDocumentFragment.root );\n\n\t// If root DocumentFragment contains only one element - return that element.\n\tif ( model.childCount == 1 ) {\n\t\tmodel = model.getChild( 0 )!;\n\t}\n\n\t// Convert view selection to model selection.\n\n\tif ( viewSelection ) {\n\t\tconst ranges: Array<ModelRange> = [];\n\n\t\t// Convert ranges.\n\t\tfor ( const viewRange of viewSelection.getRanges() ) {\n\t\t\tranges.push( mapper.toModelRange( viewRange ) );\n\t\t}\n\n\t\t// Create new selection.\n\t\tselection = new ModelSelection( ranges, { backward: viewSelection.isBackward } );\n\n\t\t// Set attributes to selection if specified.\n\t\tfor ( const [ key, value ] of toMap( options.selectionAttributes || [] ) ) {\n\t\t\tselection.setAttribute( key, value );\n\t\t}\n\t}\n\n\t// Return model end selection when selection was specified.\n\tif ( selection ) {\n\t\treturn { model, selection };\n\t}\n\n\t// Otherwise return model only.\n\treturn model;\n}\n\n// -- Converters view -> model -----------------------------------------------------\n\nfunction convertToModelFragment( mapper: Mapper ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: UpcastConversionData<ViewDocumentFragment>,\n\t\tconversionApi: UpcastConversionApi\n\t) => {\n\t\tconst childrenResult = conversionApi.convertChildren( data.viewItem, data.modelCursor );\n\n\t\tmapper.bindElements( data.modelCursor.parent, data.viewItem );\n\n\t\tdata = Object.assign( data, childrenResult );\n\n\t\tevt.stop();\n\t};\n}\n\nfunction convertToModelElement( mapper: Mapper ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: UpcastConversionData<ViewElement>,\n\t\tconversionApi: UpcastConversionApi\n\t) => {\n\t\tconst elementName = data.viewItem.name;\n\n\t\tif ( !conversionApi.schema.checkChild( data.modelCursor, elementName ) ) {\n\t\t\tthrow new Error( `Element '${ elementName }' was not allowed in given position.` );\n\t\t}\n\n\t\t// View attribute value is a string so we want to typecast it to the original type.\n\t\t// E.g. `bold=\"true\"` - value will be parsed from string `\"true\"` to boolean `true`.\n\t\tconst attributes = convertAttributes( data.viewItem.getAttributes(), parseAttributeValue );\n\t\tconst element = conversionApi.writer.createElement( data.viewItem.name, attributes );\n\n\t\tconversionApi.writer.insert( element, data.modelCursor );\n\n\t\tmapper.bindElements( element, data.viewItem );\n\n\t\tconversionApi.convertChildren( data.viewItem, element );\n\n\t\tdata.modelRange = ModelRange._createOn( element );\n\t\tdata.modelCursor = data.modelRange.end;\n\n\t\tevt.stop();\n\t};\n}\n\nfunction convertToModelText() {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: UpcastConversionData<ViewElement | ViewText>,\n\t\tconversionApi: UpcastConversionApi\n\t) => {\n\t\tif ( !conversionApi.schema.checkChild( data.modelCursor, '$text' ) ) {\n\t\t\tthrow new Error( 'Text was not allowed in given position.' );\n\t\t}\n\n\t\tlet node;\n\n\t\tif ( data.viewItem.is( 'element' ) ) {\n\t\t\t// View attribute value is a string so we want to typecast it to the original type.\n\t\t\t// E.g. `bold=\"true\"` - value will be parsed from string `\"true\"` to boolean `true`.\n\t\t\tconst attributes = convertAttributes( data.viewItem.getAttributes(), parseAttributeValue );\n\t\t\tconst viewText = data.viewItem.getChild( 0 ) as ViewText;\n\n\t\t\tnode = conversionApi.writer.createText( viewText.data, attributes );\n\t\t} else {\n\t\t\tnode = conversionApi.writer.createText( data.viewItem.data );\n\t\t}\n\n\t\tconversionApi.writer.insert( node, data.modelCursor );\n\n\t\tdata.modelRange = ModelRange._createFromPositionAndShift( data.modelCursor, node.offsetSize );\n\t\tdata.modelCursor = data.modelRange.end;\n\n\t\tevt.stop();\n\t};\n}\n\n// Tries to get original type of attribute value using JSON parsing:\n//\n//\t\t`'true'` => `true`\n//\t\t`'1'` => `1`\n//\t\t`'{\"x\":1,\"y\":2}'` => `{ x: 1, y: 2 }`\n//\n// Parse error means that value should be a string:\n//\n//\t\t`'foobar'` => `'foobar'`\nfunction parseAttributeValue( attribute: string ): any {\n\ttry {\n\t\treturn JSON.parse( attribute );\n\t} catch {\n\t\treturn attribute;\n\t}\n}\n\n// When value is an Object stringify it.\nfunction stringifyAttributeValue( data: any ): string {\n\tif ( isPlainObject( data ) ) {\n\t\treturn JSON.stringify( data );\n\t}\n\n\treturn data;\n}\n\n// Loop trough attributes map and converts each value by passed converter.\nfunction* convertAttributes(\n\tattributes: IterableIterator<[ string, unknown ]>,\n\tconverter: ( data: any ) => string\n): IterableIterator<[ string, string ]> {\n\tfor ( const [ key, value ] of attributes ) {\n\t\tyield [ key, converter( value ) ];\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 * Note: This package is used only internally for debugging purposes and should not be used\n * in other environments. It uses a few special methods not existing in the default\n * building process. That is also why there are no tests for this file.\n *\n * @module engine/dev-utils/utils\n */\n\n// @if CK_DEBUG_TYPING // const { debounce } = require( 'es-toolkit/compat' );\n\n/**\n * Helper function, converts a map to the 'key1=\"value1\" key2=\"value1\"' format.\n *\n * @param map Map to convert.\n * @returns Converted map.\n * @internal\n */\nexport function convertMapToTags( map: Iterable<[ string, unknown ]> ): string {\n\tlet string = '';\n\n\tfor ( const entry of map ) {\n\t\tstring += ` ${ entry[ 0 ] }=${ JSON.stringify( entry[ 1 ] ) }`;\n\t}\n\n\treturn string;\n}\n\n/**\n * Helper function, converts a map to the `{\"key1\":\"value1\",\"key2\":\"value2\"}` format.\n *\n * @param map Map to convert.\n * @returns Converted map.\n * @internal\n */\nexport function convertMapToStringifiedObject( map: Iterable<[ string, unknown ]> ): string {\n\tconst obj: any = {};\n\n\tfor ( const entry of map ) {\n\t\tobj[ entry[ 0 ] ] = entry[ 1 ];\n\t}\n\n\treturn JSON.stringify( obj );\n}\n\nconst treeDump = Symbol( '_treeDump' );\nconst maxTreeDumpLength = 20;\n\n/**\n * Helper function that stores the `document` state for a given `version`.\n *\n * @internal\n */\nexport function dumpTrees( document: any, version: any ): void {\n\tconsole.log( document, version );\n\n\tlet string = '';\n\n\tfor ( const root of document.roots ) {\n\t\tstring += root.printTree() + '\\n';\n\t}\n\n\tdocument[ treeDump ][ version ] = string.substr( 0, string.length - 1 ); // Remove the last \"\\n\".\n\n\tconst overflow = document[ treeDump ].length - maxTreeDumpLength;\n\n\tif ( overflow > 0 ) {\n\t\tdocument[ treeDump ][ overflow - 1 ] = null;\n\t}\n}\n\n/**\n * Helper function that initializes document dumping.\n *\n * @internal\n */\nexport function initDocumentDumping( document: any ): void {\n\tdocument[ treeDump ] = [];\n}\n\n/**\n * Helper function that logs document for the given version.\n *\n * @internal\n */\nexport function logDocument( document: any, version: any ): void {\n\tconsole.log( '--------------------' );\n\n\tif ( document[ treeDump ][ version ] ) {\n\t\tconsole.log( document[ treeDump ][ version ] );\n\t} else {\n\t\tconsole.log( 'Tree log unavailable for given version: ' + version );\n\t}\n}\n\n// @if CK_DEBUG_TYPING // export const _debouncedLine = debounce( () => {\n// @if CK_DEBUG_TYPING // \tconsole.log(\n// @if CK_DEBUG_TYPING // \t\t'%c───────────────────────────────────────────────────────────────────────────────────────────────────────',\n// @if CK_DEBUG_TYPING // \t\t'font-weight: bold; color: red'\n// @if CK_DEBUG_TYPING // \t);\n// @if CK_DEBUG_TYPING // }, 300 );\n\n// @if CK_DEBUG_TYPING // export function _buildLogMessage( context, className, message = '', ...rest ) {\n// @if CK_DEBUG_TYPING // \tconst editor = _findAllEditorInstances().find( editor => (\n// @if CK_DEBUG_TYPING // \t\t_getLogNodes( editor ).includes( context )\n// @if CK_DEBUG_TYPING // \t) );\n// @if CK_DEBUG_TYPING // \tconst editorName = editor && Object.getPrototypeOf( editor ).constructor.name;\n// @if CK_DEBUG_TYPING // \tconst editorPrefix = editor ? `${ editorName }-${ editor.id.slice( -4 ) } ` : 'UNKNOWN ';\n// @if CK_DEBUG_TYPING // \treturn [\n// @if CK_DEBUG_TYPING // \t\t`%c${ editorPrefix }%c[${ className }]%c ${ message }`,\n// @if CK_DEBUG_TYPING //\t\t'font-weight: normal;',\n// @if CK_DEBUG_TYPING //\t\t'font-weight: bold; color: green',\n// @if CK_DEBUG_TYPING //\t\t'',\n// @if CK_DEBUG_TYPING // \t\t...rest\n// @if CK_DEBUG_TYPING // \t];\n// @if CK_DEBUG_TYPING // }\n\n// @if CK_DEBUG_TYPING // function _findAllEditorInstances() {\n// @if CK_DEBUG_TYPING // \tconst editors = new Set();\n// @if CK_DEBUG_TYPING // \tfor ( const domEditable of document.querySelectorAll( '.ck.ck-content.ck-editor__editable' ) ) {\n// @if CK_DEBUG_TYPING // \t\tif ( domEditable.ckeditorInstance ) {\n// @if CK_DEBUG_TYPING // \t\t\teditors.add( domEditable.ckeditorInstance );\n// @if CK_DEBUG_TYPING // \t\t}\n// @if CK_DEBUG_TYPING // \t}\n// @if CK_DEBUG_TYPING // \treturn Array.from( editors );\n// @if CK_DEBUG_TYPING // }\n\n// @if CK_DEBUG_TYPING // function _getLogNodes( editor ) {\n// @if CK_DEBUG_TYPING // \treturn [\n// @if CK_DEBUG_TYPING // \t\teditor.editing.view._renderer,\n// @if CK_DEBUG_TYPING // \t\teditor.editing.view.domConverter,\n// @if CK_DEBUG_TYPING // \t\t...editor.editing.view._observers.values(),\n// @if CK_DEBUG_TYPING // \t\teditor.plugins.get( 'Input' ),\n// @if CK_DEBUG_TYPING // \t\teditor.plugins.get( 'Input' )._typingQueue,\n// @if CK_DEBUG_TYPING // \t\teditor.plugins.get( 'WidgetTypeAround' ),\n// @if CK_DEBUG_TYPING // \t\teditor.commands.get( 'delete' ),\n// @if CK_DEBUG_TYPING // \t\teditor.commands.get( 'deleteForward' )\n// @if CK_DEBUG_TYPING // \t];\n// @if CK_DEBUG_TYPING // }\n", "/**\n * @license Copyright (c) 2003-2025, 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 engine/dev-utils/operationreplayer\n */\n\nimport { OperationFactory } from '../model/operation/operationfactory.js';\n\nimport { type Model } from '../model/model.js';\nimport { type Operation } from '../model/operation/operation.js';\n\n/**\n * Operation replayer is a development tool created for easy replaying of operations on the document from stringified operations.\n *\n * @internal\n */\nexport class OperationReplayer {\n\tprivate _model: Model;\n\tprivate _logSeparator: string;\n\tprivate _operationsToReplay!: Array<Operation>;\n\n\t/**\n\t * @param model Data model.\n\t * @param logSeparator Separator between operations.\n\t * @param stringifiedOperations Operations to replay.\n\t */\n\tconstructor( model: Model, logSeparator: string, stringifiedOperations: string ) {\n\t\tthis._model = model;\n\t\tthis._logSeparator = logSeparator;\n\t\tthis.setStringifiedOperations( stringifiedOperations );\n\t}\n\n\t/**\n\t * Parses the given string containing stringified operations and sets parsed operations as operations to replay.\n\t *\n\t * @param stringifiedOperations Stringified operations to replay.\n\t */\n\tpublic setStringifiedOperations( stringifiedOperations: string ): void {\n\t\tif ( stringifiedOperations === '' ) {\n\t\t\tthis._operationsToReplay = [];\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._operationsToReplay = stringifiedOperations\n\t\t\t.split( this._logSeparator )\n\t\t\t.map( stringifiedOperation => JSON.parse( stringifiedOperation ) );\n\t}\n\n\t/**\n\t * Returns operations to replay.\n\t */\n\tpublic getOperationsToReplay(): Array<Operation> {\n\t\treturn this._operationsToReplay;\n\t}\n\n\t/**\n\t * Applies all operations with a delay between actions.\n\t *\n\t * @param timeInterval Time between applying operations.\n\t */\n\tpublic play( timeInterval = 1000 ): Promise<void> {\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias, consistent-this\n\t\tconst operationReplayer = this;\n\n\t\treturn new Promise( ( res, rej ) => {\n\t\t\tplay();\n\n\t\t\tfunction play() {\n\t\t\t\toperationReplayer.applyNextOperation().then( isFinished => {\n\t\t\t\t\tif ( isFinished ) {\n\t\t\t\t\t\treturn res();\n\t\t\t\t\t}\n\n\t\t\t\t\tsetTimeout( play, timeInterval );\n\t\t\t\t} ).catch( err => {\n\t\t\t\t\trej( err );\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Applies `numberOfOperations` operations, beginning after the last applied operation (or first, if no operations were applied).\n\t *\n\t * @param numberOfOperations The number of operations to apply.\n\t */\n\tpublic applyOperations( numberOfOperations: number ): Promise<void> | undefined {\n\t\tif ( numberOfOperations <= 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn this.applyNextOperation()\n\t\t\t.then( isFinished => {\n\t\t\t\tif ( !isFinished ) {\n\t\t\t\t\treturn this.applyOperations( numberOfOperations - 1 );\n\t\t\t\t}\n\t\t\t} );\n\t}\n\n\t/**\n\t * Applies all operations to replay at once.\n\t */\n\tpublic applyAllOperations(): Promise<void> {\n\t\treturn this.applyNextOperation()\n\t\t\t.then( isFinished => {\n\t\t\t\tif ( !isFinished ) {\n\t\t\t\t\treturn this.applyAllOperations();\n\t\t\t\t}\n\t\t\t} );\n\t}\n\n\t/**\n\t * Applies the next operation to replay. Returns a promise with the `isFinished` parameter that is `true` if the last\n\t * operation in the replayer has been applied, `false` otherwise.\n\t */\n\tpublic applyNextOperation(): Promise<boolean> {\n\t\tconst model = this._model;\n\n\t\treturn new Promise( res => {\n\t\t\tmodel.enqueueChange( writer => {\n\t\t\t\tconst operationJson = this._operationsToReplay.shift();\n\n\t\t\t\tif ( !operationJson ) {\n\t\t\t\t\treturn res( true );\n\t\t\t\t}\n\n\t\t\t\tconst operation = OperationFactory.fromJSON( operationJson, model.document );\n\n\t\t\t\twriter.batch.addOperation( operation );\n\t\t\t\tmodel.applyOperation( operation );\n\n\t\t\t\tres( false );\n\t\t\t} );\n\t\t} );\n\t}\n}\n", "import { throttle, isElement, cloneDeepWith, isPlainObject } from 'es-toolkit/compat';\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module watchdog/watchdog\n */ /**\n * An abstract watchdog class that handles most of the error handling process and the state of the underlying component.\n *\n * See the {@glink features/watchdog Watchdog feature guide} to learn the rationale behind it and how to use it.\n *\n * @internal\n */ class Watchdog {\n    /**\n\t * An array of crashes saved as an object with the following properties:\n\t *\n\t * * `message`: `String`,\n\t * * `stack`: `String`,\n\t * * `date`: `Number`,\n\t * * `filename`: `String | undefined`,\n\t * * `lineno`: `Number | undefined`,\n\t * * `colno`: `Number | undefined`,\n\t */ crashes = [];\n    /**\n\t * Specifies the state of the item watched by the watchdog. The state can be one of the following values:\n\t *\n\t * * `initializing` &ndash; Before the first initialization, and after crashes, before the item is ready.\n\t * * `ready` &ndash; A state when the user can interact with the item.\n\t * * `crashed` &ndash; A state when an error occurs. It quickly changes to `initializing` or `crashedPermanently`\n\t * depending on how many and how frequent errors have been caught recently.\n\t * * `crashedPermanently` &ndash; A state when the watchdog stops reacting to errors and keeps the item it is watching crashed,\n\t * * `destroyed` &ndash; A state when the item is manually destroyed by the user after calling `watchdog.destroy()`.\n\t */ state = 'initializing';\n    /**\n\t * @see module:watchdog/watchdog~WatchdogConfig\n\t */ _crashNumberLimit;\n    /**\n\t * Returns the result of the `Date.now()` call. It can be overridden in tests to mock time as some popular\n\t * approaches like `sinon.useFakeTimers()` do not work well with error handling.\n\t */ _now = Date.now;\n    /**\n\t * @see module:watchdog/watchdog~WatchdogConfig\n\t */ _minimumNonErrorTimePeriod;\n    /**\n\t * Checks if the event error comes from the underlying item and restarts the item.\n\t */ _boundErrorHandler;\n    /**\n\t * A dictionary of event emitter listeners.\n\t */ _listeners;\n    /**\n\t * @param {module:watchdog/watchdog~WatchdogConfig} config The watchdog plugin configuration.\n\t */ constructor(config){\n        this.crashes = [];\n        this._crashNumberLimit = typeof config.crashNumberLimit === 'number' ? config.crashNumberLimit : 3;\n        this._minimumNonErrorTimePeriod = typeof config.minimumNonErrorTimePeriod === 'number' ? config.minimumNonErrorTimePeriod : 5000;\n        this._boundErrorHandler = (evt)=>{\n            // `evt.error` is exposed by EventError while `evt.reason` is available in PromiseRejectionEvent.\n            const error = 'error' in evt ? evt.error : evt.reason;\n            // Note that `evt.reason` might be everything that is in the promise rejection.\n            // Similarly everything that is thrown lands in `evt.error`.\n            if (error instanceof Error) {\n                this._handleError(error, evt);\n            }\n        };\n        this._listeners = {};\n        if (!this._restart) {\n            throw new Error('The Watchdog class was split into the abstract `Watchdog` class and the `EditorWatchdog` class. ' + 'Please, use `EditorWatchdog` if you have used the `Watchdog` class previously.');\n        }\n    }\n    /**\n\t * Destroys the watchdog and releases the resources.\n\t */ destroy() {\n        this._stopErrorHandling();\n        this._listeners = {};\n    }\n    /**\n\t * Starts listening to a specific event name by registering a callback that will be executed\n\t * whenever an event with a given name fires.\n\t *\n\t * Note that this method differs from the CKEditor 5's default `EventEmitterMixin` implementation.\n\t *\n\t * @param eventName The event name.\n\t * @param callback A callback which will be added to event listeners.\n\t */ on(eventName, callback) {\n        if (!this._listeners[eventName]) {\n            this._listeners[eventName] = [];\n        }\n        this._listeners[eventName].push(callback);\n    }\n    /**\n\t * Stops listening to the specified event name by removing the callback from event listeners.\n\t *\n\t * Note that this method differs from the CKEditor 5's default `EventEmitterMixin` implementation.\n\t *\n\t * @param eventName The event name.\n\t * @param callback A callback which will be removed from event listeners.\n\t */ off(eventName, callback) {\n        this._listeners[eventName] = this._listeners[eventName].filter((cb)=>cb !== callback);\n    }\n    /**\n\t * Fires an event with a given event name and arguments.\n\t *\n\t * Note that this method differs from the CKEditor 5's default `EventEmitterMixin` implementation.\n\t */ _fire(eventName, ...args) {\n        const callbacks = this._listeners[eventName] || [];\n        for (const callback of callbacks){\n            callback.apply(this, [\n                null,\n                ...args\n            ]);\n        }\n    }\n    /**\n\t * Starts error handling by attaching global error handlers.\n\t */ _startErrorHandling() {\n        window.addEventListener('error', this._boundErrorHandler);\n        window.addEventListener('unhandledrejection', this._boundErrorHandler);\n    }\n    /**\n\t * Stops error handling by detaching global error handlers.\n\t */ _stopErrorHandling() {\n        window.removeEventListener('error', this._boundErrorHandler);\n        window.removeEventListener('unhandledrejection', this._boundErrorHandler);\n    }\n    /**\n\t * Checks if an error comes from the watched item and restarts it.\n\t * It reacts to {@link module:utils/ckeditorerror~CKEditorError `CKEditorError` errors} only.\n\t *\n\t * @fires error\n\t * @param error Error.\n\t * @param evt An error event.\n\t */ _handleError(error, evt) {\n        // @if CK_DEBUG // const err = error as CKEditorError;\n        // @if CK_DEBUG // if ( err.is && err.is( 'CKEditorError' ) && err.context === undefined ) {\n        // @if CK_DEBUG // console.warn( 'The error is missing its context and Watchdog cannot restart the proper item.' );\n        // @if CK_DEBUG // }\n        if (this._shouldReactToError(error)) {\n            this.crashes.push({\n                message: error.message,\n                stack: error.stack,\n                // `evt.filename`, `evt.lineno` and `evt.colno` are available only in ErrorEvent events\n                filename: evt instanceof ErrorEvent ? evt.filename : undefined,\n                lineno: evt instanceof ErrorEvent ? evt.lineno : undefined,\n                colno: evt instanceof ErrorEvent ? evt.colno : undefined,\n                date: this._now()\n            });\n            const causesRestart = this._shouldRestart();\n            this.state = 'crashed';\n            this._fire('stateChange');\n            this._fire('error', {\n                error,\n                causesRestart\n            });\n            if (causesRestart) {\n                this._restart();\n            } else {\n                this.state = 'crashedPermanently';\n                this._fire('stateChange');\n            }\n        }\n    }\n    /**\n\t * Checks whether an error should be handled by the watchdog.\n\t *\n\t * @param error An error that was caught by the error handling process.\n\t */ _shouldReactToError(error) {\n        return error.is && error.is('CKEditorError') && error.context !== undefined && // In some cases the watched item should not be restarted - e.g. during the item initialization.\n        // That's why the `null` was introduced as a correct error context which does cause restarting.\n        error.context !== null && // Do not react to errors if the watchdog is in states other than `ready`.\n        this.state === 'ready' && this._isErrorComingFromThisItem(error);\n    }\n    /**\n\t * Checks if the watchdog should restart the underlying item.\n\t */ _shouldRestart() {\n        if (this.crashes.length <= this._crashNumberLimit) {\n            return true;\n        }\n        const lastErrorTime = this.crashes[this.crashes.length - 1].date;\n        const firstMeaningfulErrorTime = this.crashes[this.crashes.length - 1 - this._crashNumberLimit].date;\n        const averageNonErrorTimePeriod = (lastErrorTime - firstMeaningfulErrorTime) / this._crashNumberLimit;\n        return averageNonErrorTimePeriod > this._minimumNonErrorTimePeriod;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module watchdog/utils/getsubnodes\n */ /**\n * @internal\n */ function getSubNodes(head, excludedProperties = new Set()) {\n    const nodes = [\n        head\n    ];\n    // @if CK_DEBUG_WATCHDOG // const prevNodeMap = new Map();\n    // Nodes are stored to prevent infinite looping.\n    const subNodes = new Set();\n    let nodeIndex = 0;\n    while(nodes.length > nodeIndex){\n        // Incrementing the iterator is much faster than changing size of the array with Array.prototype.shift().\n        const node = nodes[nodeIndex++];\n        if (subNodes.has(node) || !shouldNodeBeIncluded(node) || excludedProperties.has(node)) {\n            continue;\n        }\n        subNodes.add(node);\n        // Handle arrays, maps, sets, custom collections that implements `[ Symbol.iterator ]()`, etc.\n        if (Symbol.iterator in node) {\n            // The custom editor iterators might cause some problems if the editor is crashed.\n            try {\n                for (const n of node){\n                    nodes.push(n);\n                // @if CK_DEBUG_WATCHDOG // if ( !prevNodeMap.has( n ) ) {\n                // @if CK_DEBUG_WATCHDOG // \tprevNodeMap.set( n, node );\n                // @if CK_DEBUG_WATCHDOG // }\n                }\n            } catch  {\n            // Do not log errors for broken structures\n            // since we are in the error handling process already.\n            }\n        } else {\n            for(const key in node){\n                // We share a reference via the protobuf library within the editors,\n                // hence the shared value should be skipped. Although, it's not a perfect\n                // solution since new places like that might occur in the future.\n                if (key === 'defaultValue') {\n                    continue;\n                }\n                nodes.push(node[key]);\n            // @if CK_DEBUG_WATCHDOG // if ( !prevNodeMap.has( node[ key ] ) ) {\n            // @if CK_DEBUG_WATCHDOG // \tprevNodeMap.set( node[ key ], node );\n            // @if CK_DEBUG_WATCHDOG // }\n            }\n        }\n    }\n    // @if CK_DEBUG_WATCHDOG // return { subNodes, prevNodeMap } as any;\n    return subNodes;\n}\nfunction shouldNodeBeIncluded(node) {\n    const type = Object.prototype.toString.call(node);\n    const typeOfNode = typeof node;\n    return !(typeOfNode === 'number' || typeOfNode === 'boolean' || typeOfNode === 'string' || typeOfNode === 'symbol' || typeOfNode === 'function' || type === '[object Date]' || type === '[object RegExp]' || type === '[object Module]' || node === undefined || node === null || // This flag is meant to exclude singletons shared across editor instances. So when an error is thrown in one editor,\n    // the other editors connected through the reference to the same singleton are not restarted. This is a temporary workaround\n    // until a better solution is found.\n    // More in https://github.com/ckeditor/ckeditor5/issues/12292.\n    node._watchdogExcluded || // Skip native DOM objects, e.g. Window, nodes, events, etc.\n    node instanceof EventTarget || node instanceof Event);\n}\n\n/**\n * Traverses both structures to find out whether there is a reference that is shared between both structures.\n *\n * @internal\n */ function areConnectedThroughProperties(target1, target2, excludedNodes = new Set()) {\n    if (target1 === target2 && isObject(target1)) {\n        return true;\n    }\n    // @if CK_DEBUG_WATCHDOG // return checkConnectionBetweenProps( target1, target2, excludedNodes );\n    const subNodes1 = getSubNodes(target1, excludedNodes);\n    const subNodes2 = getSubNodes(target2, excludedNodes);\n    for (const node of subNodes1){\n        if (subNodes2.has(node)) {\n            return true;\n        }\n    }\n    return false;\n}\nfunction isObject(structure) {\n    return typeof structure === 'object' && structure !== null;\n}\n\n/**\n * A watchdog for CKEditor 5 editors.\n *\n * See the {@glink features/watchdog Watchdog feature guide} to learn the rationale behind it and\n * how to use it.\n */ class EditorWatchdog extends Watchdog {\n    /**\n\t * The current editor instance.\n\t */ _editor = null;\n    /**\n\t * A promise associated with the life cycle of the editor (creation or destruction processes).\n\t *\n\t * It is used to prevent the initialization of the editor if the previous instance has not been destroyed yet,\n\t * and conversely, to prevent the destruction of the editor if it has not been initialized.\n\t */ _lifecyclePromise = null;\n    /**\n\t * Throttled save method. The `save()` method is called the specified `saveInterval` after `throttledSave()` is called,\n\t * unless a new action happens in the meantime.\n\t */ _throttledSave;\n    /**\n\t * The latest saved editor data represented as a root name -> root data object.\n\t */ _data;\n    /**\n\t * The last document version.\n\t */ _lastDocumentVersion;\n    /**\n\t * The editor source element or data.\n\t */ _elementOrData;\n    /**\n\t * Specifies whether the editor was initialized using document data (`true`) or HTML elements (`false`).\n\t */ _initUsingData = true;\n    /**\n\t * The latest record of the editor editable elements. Used to restart the editor.\n\t */ _editables = {};\n    /**\n\t * The editor configuration.\n\t */ _config;\n    _excludedProps;\n    /**\n\t * @param Editor The editor class.\n\t * @param watchdogConfig The watchdog plugin configuration.\n\t */ constructor(Editor, watchdogConfig = {}){\n        super(watchdogConfig);\n        // this._editorClass = Editor;\n        this._throttledSave = throttle(this._save.bind(this), typeof watchdogConfig.saveInterval === 'number' ? watchdogConfig.saveInterval : 5000);\n        // Set default creator and destructor functions:\n        if (Editor) {\n            this._creator = (elementOrData, config)=>Editor.create(elementOrData, config);\n        }\n        this._destructor = (editor)=>editor.destroy();\n    }\n    /**\n\t * The current editor instance.\n\t */ get editor() {\n        return this._editor;\n    }\n    /**\n\t * @internal\n\t */ get _item() {\n        return this._editor;\n    }\n    /**\n\t * Sets the function that is responsible for the editor creation.\n\t * It expects a function that should return a promise.\n\t *\n\t * ```ts\n\t * watchdog.setCreator( ( element, config ) => ClassicEditor.create( element, config ) );\n\t * ```\n\t */ setCreator(creator) {\n        this._creator = creator;\n    }\n    /**\n\t * Sets the function that is responsible for the editor destruction.\n\t * Overrides the default destruction function, which destroys only the editor instance.\n\t * It expects a function that should return a promise or `undefined`.\n\t *\n\t * ```ts\n\t * watchdog.setDestructor( editor => {\n\t * \t// Do something before the editor is destroyed.\n\t *\n\t * \treturn editor\n\t * \t\t.destroy()\n\t * \t\t.then( () => {\n\t * \t\t\t// Do something after the editor is destroyed.\n\t * \t\t} );\n\t * } );\n\t * ```\n\t */ setDestructor(destructor) {\n        this._destructor = destructor;\n    }\n    /**\n\t * Restarts the editor instance. This method is called whenever an editor error occurs. It fires the `restart` event and changes\n\t * the state to `initializing`.\n\t *\n\t * @fires restart\n\t */ _restart() {\n        return Promise.resolve().then(()=>{\n            this.state = 'initializing';\n            this._fire('stateChange');\n            return this._destroy();\n        }).catch((err)=>{\n            console.error('An error happened during the editor destroying.', err);\n        }).then(()=>{\n            // Pre-process some data from the original editor config.\n            // Our goal here is to make sure that the restarted editor will be reinitialized with correct set of roots.\n            // We are not interested in any data set in config or in `.create()` first parameter. It will be replaced anyway.\n            // But we need to set them correctly to make sure that proper roots are created.\n            //\n            // Since a different set of roots will be created, `lazyRoots` and `rootsAttributes` properties must be managed too.\n            // Keys are root names, values are ''. Used when the editor was initialized by setting the first parameter to document data.\n            const existingRoots = {};\n            // Keeps lazy roots. They may be different when compared to initial config if some of the roots were loaded.\n            const lazyRoots = [];\n            // Roots attributes from the old config. Will be referred when setting new attributes.\n            const oldRootsAttributes = this._config.rootsAttributes || {};\n            // New attributes to be set. Is filled only for roots that still exist in the document.\n            const rootsAttributes = {};\n            // Traverse through the roots saved when the editor crashed and set up the discussed values.\n            for (const [rootName, rootData] of Object.entries(this._data.roots)){\n                if (rootData.isLoaded) {\n                    existingRoots[rootName] = '';\n                    rootsAttributes[rootName] = oldRootsAttributes[rootName] || {};\n                } else {\n                    lazyRoots.push(rootName);\n                }\n            }\n            const updatedConfig = {\n                ...this._config,\n                extraPlugins: this._config.extraPlugins || [],\n                lazyRoots,\n                rootsAttributes,\n                _watchdogInitialData: this._data\n            };\n            // Delete `initialData` as it is not needed. Data will be set by the watchdog based on `_watchdogInitialData`.\n            // First parameter of the editor `.create()` will be used to set up initial roots.\n            delete updatedConfig.initialData;\n            updatedConfig.extraPlugins.push(EditorWatchdogInitPlugin);\n            if (this._initUsingData) {\n                return this.create(existingRoots, updatedConfig, updatedConfig.context);\n            } else {\n                // Set correct editables to make sure that proper roots are created and linked with DOM elements.\n                // No need to set initial data, as it would be discarded anyway.\n                //\n                // If one element was initially set in `elementOrData`, then use that original element to restart the editor.\n                // This is for compatibility purposes with single-root editor types.\n                if (isElement(this._elementOrData)) {\n                    return this.create(this._elementOrData, updatedConfig, updatedConfig.context);\n                } else {\n                    return this.create(this._editables, updatedConfig, updatedConfig.context);\n                }\n            }\n        }).then(()=>{\n            this._fire('restart');\n        });\n    }\n    /**\n\t * Creates the editor instance and keeps it running, using the defined creator and destructor.\n\t *\n\t * @param elementOrData The editor source element or the editor data.\n\t * @param config The editor configuration.\n\t * @param context A context for the editor.\n\t */ create(elementOrData = this._elementOrData, config = this._config, context) {\n        this._lifecyclePromise = Promise.resolve(this._lifecyclePromise).then(()=>{\n            super._startErrorHandling();\n            this._elementOrData = elementOrData;\n            // Use document data in the first parameter of the editor `.create()` call only if it was used like this originally.\n            // Use document data if a string or object with strings was passed.\n            this._initUsingData = typeof elementOrData == 'string' || Object.keys(elementOrData).length > 0 && typeof Object.values(elementOrData)[0] == 'string';\n            // Clone configuration because it might be shared within multiple watchdog instances. Otherwise,\n            // when an error occurs in one of these editors, the watchdog will restart all of them.\n            this._config = this._cloneEditorConfiguration(config) || {};\n            this._config.context = context;\n            return this._creator(elementOrData, this._config);\n        }).then((editor)=>{\n            this._editor = editor;\n            editor.model.document.on('change:data', this._throttledSave);\n            this._lastDocumentVersion = editor.model.document.version;\n            this._data = this._getData();\n            if (!this._initUsingData) {\n                this._editables = this._getEditables();\n            }\n            this.state = 'ready';\n            this._fire('stateChange');\n        }).finally(()=>{\n            this._lifecyclePromise = null;\n        });\n        return this._lifecyclePromise;\n    }\n    /**\n\t * Destroys the watchdog and the current editor instance. It fires the callback\n\t * registered in {@link #setDestructor `setDestructor()`} and uses it to destroy the editor instance.\n\t * It also sets the state to `destroyed`.\n\t */ destroy() {\n        this._lifecyclePromise = Promise.resolve(this._lifecyclePromise).then(()=>{\n            this.state = 'destroyed';\n            this._fire('stateChange');\n            super.destroy();\n            return this._destroy();\n        }).finally(()=>{\n            this._lifecyclePromise = null;\n        });\n        return this._lifecyclePromise;\n    }\n    _destroy() {\n        return Promise.resolve().then(()=>{\n            this._stopErrorHandling();\n            this._throttledSave.cancel();\n            const editor = this._editor;\n            this._editor = null;\n            // Remove the `change:data` listener before destroying the editor.\n            // Incorrectly written plugins may trigger firing `change:data` events during the editor destruction phase\n            // causing the watchdog to call `editor.getData()` when some parts of editor are already destroyed.\n            editor.model.document.off('change:data', this._throttledSave);\n            return this._destructor(editor);\n        });\n    }\n    /**\n\t * Saves the editor data, so it can be restored after the crash even if the data cannot be fetched at\n\t * the moment of the crash.\n\t */ _save() {\n        const version = this._editor.model.document.version;\n        try {\n            this._data = this._getData();\n            if (!this._initUsingData) {\n                this._editables = this._getEditables();\n            }\n            this._lastDocumentVersion = version;\n        } catch (err) {\n            console.error(err, 'An error happened during restoring editor data. ' + 'Editor will be restored from the previously saved data.');\n        }\n    }\n    /**\n\t * @internal\n\t */ _setExcludedProperties(props) {\n        this._excludedProps = props;\n    }\n    /**\n\t * Gets all data that is required to reinitialize editor instance.\n\t */ _getData() {\n        const editor = this._editor;\n        const roots = editor.model.document.roots.filter((root)=>root.isAttached() && root.rootName != '$graveyard');\n        const { plugins } = editor;\n        // `as any` to avoid linking from external private repo.\n        const commentsRepository = plugins.has('CommentsRepository') && plugins.get('CommentsRepository');\n        const trackChanges = plugins.has('TrackChanges') && plugins.get('TrackChanges');\n        const data = {\n            roots: {},\n            markers: {},\n            commentThreads: JSON.stringify([]),\n            suggestions: JSON.stringify([])\n        };\n        roots.forEach((root)=>{\n            data.roots[root.rootName] = {\n                content: JSON.stringify(Array.from(root.getChildren())),\n                attributes: JSON.stringify(Array.from(root.getAttributes())),\n                isLoaded: root._isLoaded\n            };\n        });\n        for (const marker of editor.model.markers){\n            if (!marker._affectsData) {\n                continue;\n            }\n            data.markers[marker.name] = {\n                rangeJSON: marker.getRange().toJSON(),\n                usingOperation: marker._managedUsingOperations,\n                affectsData: marker._affectsData\n            };\n        }\n        if (commentsRepository) {\n            data.commentThreads = JSON.stringify(commentsRepository.getCommentThreads({\n                toJSON: true,\n                skipNotAttached: true\n            }));\n        }\n        if (trackChanges) {\n            data.suggestions = JSON.stringify(trackChanges.getSuggestions({\n                toJSON: true,\n                skipNotAttached: true\n            }));\n        }\n        return data;\n    }\n    /**\n\t * For each attached model root, returns its HTML editable element (if available).\n\t */ _getEditables() {\n        const editables = {};\n        for (const rootName of this.editor.model.document.getRootNames()){\n            const editable = this.editor.ui.getEditableElement(rootName);\n            if (editable) {\n                editables[rootName] = editable;\n            }\n        }\n        return editables;\n    }\n    /**\n\t * Traverses the error context and the current editor to find out whether these structures are connected\n\t * to each other via properties.\n\t *\n\t * @internal\n\t */ _isErrorComingFromThisItem(error) {\n        return areConnectedThroughProperties(this._editor, error.context, this._excludedProps);\n    }\n    /**\n\t * Clones the editor configuration.\n\t */ _cloneEditorConfiguration(config) {\n        return cloneDeepWith(config, (value, key)=>{\n            // Leave DOM references.\n            if (isElement(value)) {\n                return value;\n            }\n            if (key === 'context') {\n                return value;\n            }\n        });\n    }\n}\n/**\n * Internal plugin that is used to stop the default editor initialization and restoring the editor state\n * based on the `editor.config._watchdogInitialData` data.\n */ class EditorWatchdogInitPlugin {\n    editor;\n    _data;\n    constructor(editor){\n        this.editor = editor;\n        this._data = editor.config.get('_watchdogInitialData');\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        // Stops the default editor initialization and use the saved data to restore the editor state.\n        // Some of data could not be initialize as a config properties. It is important to keep the data\n        // in the same form as it was before the restarting.\n        this.editor.data.on('init', (evt)=>{\n            evt.stop();\n            this.editor.model.enqueueChange({\n                isUndoable: false\n            }, (writer)=>{\n                this._restoreCollaborationData();\n                this._restoreEditorData(writer);\n            });\n            this.editor.data.fire('ready');\n        // Keep priority `'high' - 1` to be sure that RTC initialization will be first.\n        }, {\n            priority: 1000 - 1\n        });\n    }\n    /**\n\t * Creates a model node (element or text) based on provided JSON.\n\t */ _createNode(writer, jsonNode) {\n        if ('name' in jsonNode) {\n            // If child has name property, it is an Element.\n            const element = writer.createElement(jsonNode.name, jsonNode.attributes);\n            if (jsonNode.children) {\n                for (const child of jsonNode.children){\n                    element._appendChild(this._createNode(writer, child));\n                }\n            }\n            return element;\n        } else {\n            // Otherwise, it is a Text node.\n            return writer.createText(jsonNode.data, jsonNode.attributes);\n        }\n    }\n    /**\n\t * Restores the editor by setting the document data, roots attributes and markers.\n\t */ _restoreEditorData(writer) {\n        const editor = this.editor;\n        Object.entries(this._data.roots).forEach(([rootName, { content, attributes }])=>{\n            const parsedNodes = JSON.parse(content);\n            const parsedAttributes = JSON.parse(attributes);\n            const rootElement = editor.model.document.getRoot(rootName);\n            for (const [key, value] of parsedAttributes){\n                writer.setAttribute(key, value, rootElement);\n            }\n            for (const child of parsedNodes){\n                const node = this._createNode(writer, child);\n                writer.insert(node, rootElement, 'end');\n            }\n        });\n        Object.entries(this._data.markers).forEach(([markerName, markerOptions])=>{\n            const { document } = editor.model;\n            const { rangeJSON: { start, end }, ...options } = markerOptions;\n            const root = document.getRoot(start.root);\n            const startPosition = writer.createPositionFromPath(root, start.path, start.stickiness);\n            const endPosition = writer.createPositionFromPath(root, end.path, end.stickiness);\n            const range = writer.createRange(startPosition, endPosition);\n            writer.addMarker(markerName, {\n                range,\n                ...options\n            });\n        });\n    }\n    /**\n\t * Restores the editor collaboration data - comment threads and suggestions.\n\t */ _restoreCollaborationData() {\n        // `as any` to avoid linking from external private repo.\n        const parsedCommentThreads = JSON.parse(this._data.commentThreads);\n        const parsedSuggestions = JSON.parse(this._data.suggestions);\n        if (this.editor.plugins.has('CommentsRepository')) {\n            const commentsRepository = this.editor.plugins.get('CommentsRepository');\n            // First, remove the existing comments that were created by integration plugins during initialization.\n            // These comments may be outdated, and new instances will be created in the next step based on the saved data.\n            for (const commentThread of commentsRepository.getCommentThreads()){\n                // Use the internal API since it removes the comment thread directly and does not trigger events\n                // that could cause side effects, such as removing markers.\n                commentsRepository._removeCommentThread({\n                    threadId: commentThread.id\n                });\n            }\n            parsedCommentThreads.forEach((commentThreadData)=>{\n                const channelId = this.editor.config.get('collaboration.channelId');\n                const commentsRepository = this.editor.plugins.get('CommentsRepository');\n                commentsRepository.addCommentThread({\n                    channelId,\n                    ...commentThreadData\n                });\n            });\n        }\n        if (this.editor.plugins.has('TrackChangesEditing')) {\n            const trackChangesEditing = this.editor.plugins.get('TrackChangesEditing');\n            // First, remove the existing suggestions that were created by integration plugins during initialization.\n            // These suggestions may be outdated, and new instances will be created in the next step based on the saved data.\n            for (const suggestion of trackChangesEditing.getSuggestions()){\n                trackChangesEditing._removeSuggestion(suggestion);\n            }\n            parsedSuggestions.forEach((suggestionData)=>{\n                trackChangesEditing.addSuggestionData(suggestionData);\n            });\n        }\n    }\n}\n\nconst mainQueueId = Symbol('MainQueueId');\n/**\n * A watchdog for the {@link module:core/context~Context} class.\n *\n * See the {@glink features/watchdog Watchdog feature guide} to learn the rationale behind it and\n * how to use it.\n */ class ContextWatchdog extends Watchdog {\n    /**\n\t * A map of internal watchdogs for added items.\n\t */ _watchdogs = new Map();\n    /**\n\t * The watchdog configuration.\n\t */ _watchdogConfig;\n    /**\n\t * The current context instance.\n\t */ _context = null;\n    /**\n\t * Context properties (nodes/references) that are gathered during the initial context creation\n\t * and are used to distinguish the origin of an error.\n\t */ _contextProps = new Set();\n    /**\n\t * An action queue, which is used to handle async functions queuing.\n\t */ _actionQueues = new ActionQueues();\n    /**\n\t * The configuration for the {@link module:core/context~Context}.\n\t */ _contextConfig;\n    /**\n\t * The watched item.\n\t */ _item;\n    /**\n\t * The context watchdog class constructor.\n\t *\n\t * ```ts\n\t * const watchdog = new ContextWatchdog( Context );\n\t *\n\t * await watchdog.create( contextConfiguration );\n\t *\n\t * await watchdog.add( item );\n\t * ```\n\t *\n\t * See the {@glink features/watchdog Watchdog feature guide} to learn more how to use this feature.\n\t *\n\t * @param Context The {@link module:core/context~Context} class.\n\t * @param watchdogConfig The watchdog configuration.\n\t */ constructor(Context, watchdogConfig = {}){\n        super(watchdogConfig);\n        this._watchdogConfig = watchdogConfig;\n        // Default creator and destructor.\n        this._creator = (contextConfig)=>Context.create(contextConfig);\n        this._destructor = (context)=>context.destroy();\n        this._actionQueues.onEmpty(()=>{\n            if (this.state === 'initializing') {\n                this.state = 'ready';\n                this._fire('stateChange');\n            }\n        });\n    }\n    /**\n\t * Sets the function that is responsible for the context creation.\n\t * It expects a function that should return a promise (or `undefined`).\n\t *\n\t * ```ts\n\t * watchdog.setCreator( config => Context.create( config ) );\n\t * ```\n\t */ setCreator(creator) {\n        this._creator = creator;\n    }\n    /**\n\t * Sets the function that is responsible for the context destruction.\n\t * Overrides the default destruction function, which destroys only the context instance.\n\t * It expects a function that should return a promise (or `undefined`).\n\t *\n\t * ```ts\n\t * watchdog.setDestructor( context => {\n\t * \t// Do something before the context is destroyed.\n\t *\n\t * \treturn context\n\t * \t\t.destroy()\n\t * \t\t.then( () => {\n\t * \t\t\t// Do something after the context is destroyed.\n\t * \t\t} );\n\t * } );\n\t * ```\n\t */ setDestructor(destructor) {\n        this._destructor = destructor;\n    }\n    /**\n\t * The context instance. Keep in mind that this property might be changed when the context watchdog restarts,\n\t * so do not keep this instance internally. Always operate on the `ContextWatchdog#context` property.\n\t */ get context() {\n        return this._context;\n    }\n    /**\n\t * Initializes the context watchdog. Once it is created, the watchdog takes care about\n\t * recreating the context and the provided items, and starts the error handling mechanism.\n\t *\n\t * ```ts\n\t * await watchdog.create( {\n\t * \tplugins: []\n\t * } );\n\t * ```\n\t *\n\t * @param contextConfig The context configuration. See {@link module:core/context~Context}.\n\t */ create(contextConfig = {}) {\n        return this._actionQueues.enqueue(mainQueueId, ()=>{\n            this._contextConfig = contextConfig;\n            return this._create();\n        });\n    }\n    /**\n\t * Returns an item instance with the given `itemId`.\n\t *\n\t * ```ts\n\t * const editor1 = watchdog.getItem( 'editor1' );\n\t * ```\n\t *\n\t * @param itemId The item ID.\n\t * @returns The item instance or `undefined` if an item with a given ID has not been found.\n\t */ getItem(itemId) {\n        const watchdog = this._getWatchdog(itemId);\n        return watchdog._item;\n    }\n    /**\n\t * Gets the state of the given item. See {@link #state} for a list of available states.\n\t *\n\t * ```ts\n\t * const editor1State = watchdog.getItemState( 'editor1' );\n\t * ```\n\t *\n\t * @param itemId Item ID.\n\t * @returns The state of the item.\n\t */ getItemState(itemId) {\n        const watchdog = this._getWatchdog(itemId);\n        return watchdog.state;\n    }\n    /**\n\t * Adds items to the watchdog. Once created, instances of these items will be available using the {@link #getItem} method.\n\t *\n\t * Items can be passed together as an array of objects:\n\t *\n\t * ```ts\n\t * await watchdog.add( [ {\n\t * \tid: 'editor1',\n\t * \ttype: 'editor',\n\t * \tsourceElementOrData: document.querySelector( '#editor' ),\n\t * \tconfig: {\n\t * \t\tplugins: [ Essentials, Paragraph, Bold, Italic ],\n\t * \t\ttoolbar: [ 'bold', 'italic', 'alignment' ]\n\t * \t},\n\t * \tcreator: ( element, config ) => ClassicEditor.create( element, config )\n\t * } ] );\n\t * ```\n\t *\n\t * Or one by one as objects:\n\t *\n\t * ```ts\n\t * await watchdog.add( {\n\t * \tid: 'editor1',\n\t * \ttype: 'editor',\n\t * \tsourceElementOrData: document.querySelector( '#editor' ),\n\t * \tconfig: {\n\t * \t\tplugins: [ Essentials, Paragraph, Bold, Italic ],\n\t * \t\ttoolbar: [ 'bold', 'italic', 'alignment' ]\n\t * \t},\n\t * \tcreator: ( element, config ) => ClassicEditor.create( element, config )\n\t * ] );\n\t * ```\n\t *\n\t * Then an instance can be retrieved using the {@link #getItem} method:\n\t *\n\t * ```ts\n\t * const editor1 = watchdog.getItem( 'editor1' );\n\t * ```\n\t *\n\t * Note that this method can be called multiple times, but for performance reasons it is better\n\t * to pass all items together.\n\t *\n\t * @param itemConfigurationOrItemConfigurations An item configuration object or an array of item configurations.\n\t */ add(itemConfigurationOrItemConfigurations) {\n        const itemConfigurations = toArray(itemConfigurationOrItemConfigurations);\n        return Promise.all(itemConfigurations.map((item)=>{\n            return this._actionQueues.enqueue(item.id, ()=>{\n                if (this.state === 'destroyed') {\n                    throw new Error('Cannot add items to destroyed watchdog.');\n                }\n                if (!this._context) {\n                    throw new Error('Context was not created yet. You should call the `ContextWatchdog#create()` method first.');\n                }\n                let watchdog;\n                if (this._watchdogs.has(item.id)) {\n                    throw new Error(`Item with the given id is already added: '${item.id}'.`);\n                }\n                if (item.type === 'editor') {\n                    watchdog = new EditorWatchdog(null, this._watchdogConfig);\n                    watchdog.setCreator(item.creator);\n                    watchdog._setExcludedProperties(this._contextProps);\n                    if (item.destructor) {\n                        watchdog.setDestructor(item.destructor);\n                    }\n                    this._watchdogs.set(item.id, watchdog);\n                    // Enqueue the internal watchdog errors within the main queue.\n                    // And propagate the internal `error` events as `itemError` event.\n                    watchdog.on('error', (evt, { error, causesRestart })=>{\n                        this._fire('itemError', {\n                            itemId: item.id,\n                            error\n                        });\n                        // Do not enqueue the item restart action if the item will not restart.\n                        if (!causesRestart) {\n                            return;\n                        }\n                        this._actionQueues.enqueue(item.id, ()=>new Promise((res)=>{\n                                const rethrowRestartEventOnce = ()=>{\n                                    watchdog.off('restart', rethrowRestartEventOnce);\n                                    this._fire('itemRestart', {\n                                        itemId: item.id\n                                    });\n                                    res();\n                                };\n                                watchdog.on('restart', rethrowRestartEventOnce);\n                            }));\n                    });\n                    return watchdog.create(item.sourceElementOrData, item.config, this._context);\n                } else {\n                    throw new Error(`Not supported item type: '${item.type}'.`);\n                }\n            });\n        }));\n    }\n    /**\n\t * Removes and destroys item(s) with given ID(s).\n\t *\n\t * ```ts\n\t * await watchdog.remove( 'editor1' );\n\t * ```\n\t *\n\t * Or\n\t *\n\t * ```ts\n\t * await watchdog.remove( [ 'editor1', 'editor2' ] );\n\t * ```\n\t *\n\t * @param itemIdOrItemIds Item ID or an array of item IDs.\n\t */ remove(itemIdOrItemIds) {\n        const itemIds = toArray(itemIdOrItemIds);\n        return Promise.all(itemIds.map((itemId)=>{\n            return this._actionQueues.enqueue(itemId, ()=>{\n                const watchdog = this._getWatchdog(itemId);\n                this._watchdogs.delete(itemId);\n                return watchdog.destroy();\n            });\n        }));\n    }\n    /**\n\t * Destroys the context watchdog and all added items.\n\t * Once the context watchdog is destroyed, new items cannot be added.\n\t *\n\t * ```ts\n\t * await watchdog.destroy();\n\t * ```\n\t */ destroy() {\n        return this._actionQueues.enqueue(mainQueueId, ()=>{\n            this.state = 'destroyed';\n            this._fire('stateChange');\n            super.destroy();\n            return this._destroy();\n        });\n    }\n    /**\n\t * Restarts the context watchdog.\n\t */ _restart() {\n        return this._actionQueues.enqueue(mainQueueId, ()=>{\n            this.state = 'initializing';\n            this._fire('stateChange');\n            return this._destroy().catch((err)=>{\n                console.error('An error happened during destroying the context or items.', err);\n            }).then(()=>this._create()).then(()=>this._fire('restart'));\n        });\n    }\n    /**\n\t * Initializes the context watchdog.\n\t */ _create() {\n        return Promise.resolve().then(()=>{\n            this._startErrorHandling();\n            return this._creator(this._contextConfig);\n        }).then((context)=>{\n            this._context = context;\n            this._contextProps = getSubNodes(this._context);\n            return Promise.all(Array.from(this._watchdogs.values()).map((watchdog)=>{\n                watchdog._setExcludedProperties(this._contextProps);\n                return watchdog.create(undefined, undefined, this._context);\n            }));\n        });\n    }\n    /**\n\t * Destroys the context instance and all added items.\n\t */ _destroy() {\n        return Promise.resolve().then(()=>{\n            this._stopErrorHandling();\n            const context = this._context;\n            this._context = null;\n            this._contextProps = new Set();\n            return Promise.all(Array.from(this._watchdogs.values()).map((watchdog)=>watchdog.destroy()))// Context destructor destroys each editor.\n            .then(()=>this._destructor(context));\n        });\n    }\n    /**\n\t * Returns the watchdog for a given item ID.\n\t *\n\t * @param itemId Item ID.\n\t */ _getWatchdog(itemId) {\n        const watchdog = this._watchdogs.get(itemId);\n        if (!watchdog) {\n            throw new Error(`Item with the given id was not registered: ${itemId}.`);\n        }\n        return watchdog;\n    }\n    /**\n\t * Checks whether an error comes from the context instance and not from the item instances.\n\t *\n\t * @internal\n\t */ _isErrorComingFromThisItem(error) {\n        for (const watchdog of this._watchdogs.values()){\n            if (watchdog._isErrorComingFromThisItem(error)) {\n                return false;\n            }\n        }\n        return areConnectedThroughProperties(this._context, error.context);\n    }\n}\n/**\n * Manager of action queues that allows queuing async functions.\n */ class ActionQueues {\n    _onEmptyCallbacks = [];\n    _queues = new Map();\n    _activeActions = 0;\n    /**\n\t * Used to register callbacks that will be run when the queue becomes empty.\n\t *\n\t * @param onEmptyCallback A callback that will be run whenever the queue becomes empty.\n\t */ onEmpty(onEmptyCallback) {\n        this._onEmptyCallbacks.push(onEmptyCallback);\n    }\n    /**\n\t * It adds asynchronous actions (functions) to the proper queue and runs them one by one.\n\t *\n\t * @param queueId The action queue ID.\n\t * @param action A function that should be enqueued.\n\t */ enqueue(queueId, action) {\n        const isMainAction = queueId === mainQueueId;\n        this._activeActions++;\n        if (!this._queues.get(queueId)) {\n            this._queues.set(queueId, Promise.resolve());\n        }\n        // List all sources of actions that the current action needs to await for.\n        // For the main action wait for all other actions.\n        // For the item action wait only for the item queue and the main queue.\n        const awaitedActions = isMainAction ? Promise.all(this._queues.values()) : Promise.all([\n            this._queues.get(mainQueueId),\n            this._queues.get(queueId)\n        ]);\n        const queueWithAction = awaitedActions.then(action);\n        // Catch all errors in the main queue to stack promises even if an error occurred in the past.\n        const nonErrorQueue = queueWithAction.catch(()=>{});\n        this._queues.set(queueId, nonErrorQueue);\n        return queueWithAction.finally(()=>{\n            this._activeActions--;\n            if (this._queues.get(queueId) === nonErrorQueue && this._activeActions === 0) {\n                this._onEmptyCallbacks.forEach((cb)=>cb());\n            }\n        });\n    }\n}\n/**\n * Transforms any value to an array. If the provided value is already an array, it is returned unchanged.\n *\n * @param elementOrArray The value to transform to an array.\n * @returns An array created from data.\n */ function toArray(elementOrArray) {\n    return Array.isArray(elementOrArray) ? elementOrArray : [\n        elementOrArray\n    ];\n}\n\n/**\n * A plugin that records user actions and editor state changes for debugging purposes. It tracks commands execution, model operations,\n * UI interactions, and document events. It just collects data locally, and does not send it anywhere, integrator is responsible\n * for gathering data from this plugin for further processing.\n *\n * **Important! `ActionsRecorder` is an experimental feature, and may become deprecated.**\n *\n * By default, plugin stores latest 1000 action entries. Integrator can register an `onError` callback to collect those entries\n * in case of exception. Integrator should augment this data with application specific data such as page-id or session-id,\n * depending on the application. Augmented data should be processed by the integrator, for example integrator should send it\n * to some data collecting endpoint for later analysis.\n *\n * Example:\n *\n * ```ts\n * \tClassicEditor\n * \t\t.create( editorElement, {\n * \t\t\tplugins: [ ActionsRecorder, ... ],\n * \t\t\tactionsRecorder: {\n * \t\t\t\tmaxEntries: 1000, // This is the default value and could be adjusted.\n *\n * \t\t\t\tonError( error, entries ) {\n * \t\t\t\t\tconsole.error( 'ActionsRecorder - Error detected:', error );\n * \t\t\t\t\tconsole.warn( 'Actions recorded before error:', entries );\n *\n * \t\t\t\t\tthis.flushEntries();\n *\n * \t\t\t\t\t// Integrator should send and store the entries. The error is already in the last entry in serializable form.\n * \t\t\t\t}\n * \t\t\t}\n * \t\t} )\n * \t\t.then( ... )\n * \t\t.catch( ... );\n * ```\n *\n * Alternatively integrator could continuously collect actions in batches and send them to theirs endpoint for later analysis:\n *\n * ```ts\n * \tClassicEditor\n * \t\t.create( editorElement, {\n * \t\t\tplugins: [ ActionsRecorder, ... ],\n * \t\t\tactionsRecorder: {\n * \t\t\t\tmaxEntries: 50, // This is the batch size.\n *\n * \t\t\t\tonMaxEntries() {\n * \t\t\t\t\tconst entries = this.getEntries();\n *\n * \t\t\t\t\tthis.flushEntries();\n *\n * \t\t\t\t\tconsole.log( 'ActionsRecorder - Batch of entries:', entries );\n *\n * \t\t\t\t\t// Integrator should send and store the entries.\n * \t\t\t\t},\n *\n * \t\t\t\tonError( error, entries ) {\n * \t\t\t\t\tconsole.error( 'ActionsRecorder - Error detected:', error );\n * \t\t\t\t\tconsole.warn( 'Actions recorded before error:', entries );\n *\n * \t\t\t\t\tthis.flushEntries();\n *\n * \t\t\t\t\t// Integrator should send and store the entries. The error is already in the last entry in serializable form.\n * \t\t\t\t}\n * \t\t\t}\n * \t\t} )\n * \t\t.then( ... )\n * \t\t.catch( ... );\n * ```\n *\n * See {@link module:watchdog/actionsrecorderconfig~ActionsRecorderConfig plugin configuration} for more details.\n *\n */ class ActionsRecorder {\n    /**\n\t * The editor instance.\n\t */ editor;\n    /**\n\t * Array storing all recorded action entries with their context and state snapshots.\n\t */ _entries = [];\n    /**\n\t * Stack tracking nested action frames to maintain call hierarchy.\n\t */ _frameStack = [];\n    /**\n\t * Set of already reported errors used to notify only once for each error (not on every try-catch nested block).\n\t */ _errors = new Set();\n    /**\n\t * Maximum number of action entries to keep in memory.\n\t */ _maxEntries;\n    /**\n\t * Error callback.\n\t */ _errorCallback;\n    /**\n\t * Filter function to determine which entries should be stored.\n\t */ _filterCallback;\n    /**\n\t * Callback triggered every time count of recorded entries reaches maxEntries.\n\t */ _maxEntriesCallback;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ActionsRecorder';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        this.editor = editor;\n        editor.config.define('actionsRecorder.maxEntries', 1000);\n        const config = editor.config.get('actionsRecorder');\n        this._maxEntries = config.maxEntries;\n        this._filterCallback = config.onFilter;\n        this._errorCallback = config.onError;\n        this._maxEntriesCallback = config.onMaxEntries || this._maxEntriesDefaultHandler;\n        this._tapCommands();\n        this._tapOperationApply();\n        this._tapModelMethods();\n        this._tapModelSelection();\n        this._tapComponentFactory();\n        this._tapViewDocumentEvents();\n    }\n    /**\n\t * Returns all recorded action entries.\n\t */ getEntries() {\n        // Return a shallow copy instead of reference as this array could be modified.\n        return this._entries.slice();\n    }\n    /**\n\t * Flushes all recorded entries.\n\t */ flushEntries() {\n        this._entries = [];\n    }\n    /**\n\t * Creates a new action frame and adds it to the recording stack.\n\t *\n\t * @param action The name/type of the action being recorded.\n\t * @param params Optional parameters associated with the event.\n\t * @returns The created call frame object.\n\t */ _enterFrame(action, params) {\n        const callFrame = {\n            timeStamp: new Date().toISOString(),\n            ...this._frameStack.length && {\n                parentEntry: this._frameStack.at(-1)\n            },\n            action,\n            params: params?.map((param)=>serializeValue(param)),\n            before: this._buildStateSnapshot()\n        };\n        // Apply filter if configured, only add to entries if filter passes.\n        if (!this._filterCallback || this._filterCallback(callFrame, this._entries)) {\n            // Add the call frame to the entries.\n            this._entries.push(callFrame);\n        }\n        this._frameStack.push(callFrame);\n        return callFrame;\n    }\n    /**\n\t * Closes an action frame and records its final state and results.\n\t *\n\t * @param callFrame The call frame to close.\n\t * @param result Optional result value from the action.\n\t * @param error Optional error that occurred during the action.\n\t */ _leaveFrame(callFrame, result, error) {\n        const topFrame = this._frameStack.pop();\n        // Handle scenario when the stack has been cleared in the meantime\n        // or the callFrame is not the top frame.\n        if (!topFrame || topFrame !== callFrame) {\n            return;\n        }\n        if (result !== undefined) {\n            topFrame.result = serializeValue(result);\n        }\n        if (error) {\n            topFrame.error = serializeValue(error);\n        }\n        topFrame.after = this._buildStateSnapshot();\n        if (error) {\n            this._callErrorCallback(error);\n        }\n        if (this._frameStack.length == 0) {\n            this._errors.clear();\n        }\n        // Enforce max entries limit after leaving the frame so that complete entry is provided.\n        if (this._entries.length >= this._maxEntries) {\n            this._maxEntriesCallback();\n        }\n    }\n    /**\n\t * Builds a snapshot of the current editor state including document version,\n\t * read-only status, focus state, and model selection.\n\t *\n\t * @returns An object containing the current editor state snapshot.\n\t */ _buildStateSnapshot() {\n        const { model, isReadOnly, editing } = this.editor;\n        return {\n            documentVersion: model.document.version,\n            editorReadOnly: isReadOnly,\n            editorFocused: editing.view.document.isFocused,\n            modelSelection: serializeValue(model.document.selection)\n        };\n    }\n    /**\n\t * Sets up recording for all editor commands, both existing and future ones.\n\t * Taps into the command execution to track when commands are run.\n\t */ _tapCommands() {\n        // Tap already registered commands.\n        for (const [commandName, command] of this.editor.commands){\n            this._tapCommand(commandName, command);\n        }\n        // Tap commands registered after the constructor was called.\n        tapObjectMethod(this.editor.commands, 'add', {\n            before: (callContext, [commandName, command])=>{\n                this._tapCommand(commandName, command);\n                return false;\n            }\n        });\n    }\n    /**\n\t * Sets up recording for model operation applications.\n\t * Tracks when operations are applied to the model document.\n\t */ _tapOperationApply() {\n        tapObjectMethod(this.editor.model, 'applyOperation', {\n            before: (callContext, [operation])=>{\n                // Ignore operations applied to document fragments.\n                if (operation.baseVersion === null) {\n                    return false;\n                }\n                callContext.callFrame = this._enterFrame('model.applyOperation', [\n                    operation\n                ]);\n                return true;\n            },\n            after: (callContext)=>{\n                this._leaveFrame(callContext.callFrame);\n            },\n            error: (callContext, error)=>{\n                this._leaveFrame(callContext.callFrame, undefined, error);\n            }\n        });\n    }\n    /**\n\t * Sets up recording for key model methods like insertContent, insertObject, and deleteContent.\n\t * These methods represent high-level model manipulation operations.\n\t */ _tapModelMethods() {\n        for (const methodName of [\n            'insertContent',\n            'insertObject',\n            'deleteContent'\n        ]){\n            tapObjectMethod(this.editor.model, methodName, {\n                before: (callContext, ...params)=>{\n                    callContext.callFrame = this._enterFrame(`model.${methodName}`, params);\n                    return true;\n                },\n                after: (callContext, result)=>{\n                    this._leaveFrame(callContext.callFrame, result);\n                },\n                error: (callContext, error)=>{\n                    this._leaveFrame(callContext.callFrame, undefined, error);\n                }\n            });\n        }\n    }\n    /**\n\t * Sets up recording for model selection changes.\n\t * Tracks when the selection range, attributes, or markers change.\n\t */ _tapModelSelection() {\n        const events = [\n            'change:range',\n            'change:attribute',\n            'change:marker'\n        ];\n        this._tapFireMethod(this.editor.model.document.selection, events, {\n            eventSource: 'model-selection'\n        });\n    }\n    /**\n\t * Sets up recording for a specific command execution.\n\t *\n\t * @param commandName The name of the command to record.\n\t * @param command The command instance to tap into.\n\t */ _tapCommand(commandName, command) {\n        tapObjectMethod(command, 'execute', {\n            before: (callContext, params)=>{\n                callContext.callFrame = this._enterFrame(`commands.${commandName}:execute`, params);\n                return true;\n            },\n            after: (callContext, result)=>{\n                this._leaveFrame(callContext.callFrame, result);\n            },\n            error: (callContext, error)=>{\n                this._leaveFrame(callContext.callFrame, undefined, error);\n            }\n        });\n    }\n    /**\n\t * Sets up recording for UI component factory creation and component interactions.\n\t * Tracks when components are created and their execute events.\n\t */ _tapComponentFactory() {\n        tapObjectMethod(this.editor.ui.componentFactory, 'create', {\n            before: (callContext, [componentName])=>{\n                callContext.componentName = componentName;\n                callContext.callFrame = this._enterFrame(`component-factory.create:${componentName}`);\n                return true;\n            },\n            after: (callContext, componentInstance)=>{\n                const executeContext = {\n                    ...callContext,\n                    eventSource: `component.${callContext.componentName}`\n                };\n                if (typeof componentInstance.fire == 'function') {\n                    this._tapFireMethod(componentInstance, [\n                        'execute'\n                    ], executeContext);\n                }\n                if (typeof componentInstance.panelView?.fire == 'function') {\n                    this._tapFireMethod(componentInstance.panelView, [\n                        'execute'\n                    ], executeContext);\n                }\n                if (typeof componentInstance.buttonView?.actionView?.fire == 'function') {\n                    this._tapFireMethod(componentInstance.buttonView.actionView, [\n                        'execute'\n                    ], executeContext);\n                }\n                this._leaveFrame(callContext.callFrame);\n            },\n            error: (callContext, error)=>{\n                this._leaveFrame(callContext.callFrame, undefined, error);\n            }\n        });\n    }\n    /**\n\t * Sets up recording for view document events like clicks, keyboard input,\n\t * selection changes, and other user interactions.\n\t */ _tapViewDocumentEvents() {\n        const events = [\n            'click',\n            'mousedown',\n            'mouseup',\n            'pointerdown',\n            'pointerup',\n            'focus',\n            'blur',\n            'keydown',\n            'keyup',\n            'selectionChange',\n            'compositionstart',\n            'compositionend',\n            'beforeinput',\n            'mutations',\n            'enter',\n            'delete',\n            'insertText',\n            'paste',\n            'copy',\n            'cut',\n            'dragstart',\n            'drop'\n        ];\n        this._tapFireMethod(this.editor.editing.view.document, events, {\n            eventSource: 'observers'\n        });\n    }\n    /**\n\t * Sets up recording for specific events fired by an emitter object.\n\t *\n\t * @param emitter The object that fires events to be recorded.\n\t * @param eventNames Array of event names to record.\n\t * @param context Additional context to include with recorded events.\n\t */ _tapFireMethod(emitter, eventNames, context = {}) {\n        tapObjectMethod(emitter, 'fire', {\n            before: (callContext, [eventInfoOrName, ...params])=>{\n                const eventName = typeof eventInfoOrName == 'string' ? eventInfoOrName : eventInfoOrName.name;\n                if (!eventNames.includes(eventName)) {\n                    return false;\n                }\n                callContext.callFrame = this._enterFrame(`${callContext.eventSource}:${eventName}`, params);\n                return true;\n            },\n            after: (callContext, result)=>{\n                this._leaveFrame(callContext.callFrame, result);\n            },\n            error: (callContext, error)=>{\n                this._leaveFrame(callContext.callFrame, undefined, error);\n            }\n        }, context);\n    }\n    /**\n\t * Triggers error callback.\n\t */ _callErrorCallback(error) {\n        if (!this._errorCallback || this._errors.has(error)) {\n            return;\n        }\n        this._errors.add(error);\n        try {\n            // Provide a shallow copy of entries as it might be modified before error handler serializes it.\n            this._errorCallback(error, this.getEntries());\n        } catch (observerError) {\n            // Silently catch observer errors to prevent them from affecting the recording.\n            console.error('ActionsRecorder onError callback error:', observerError);\n        }\n    }\n    /**\n\t * The default handler for maxEntries callback.\n\t */ _maxEntriesDefaultHandler() {\n        this._entries.shift();\n    }\n}\n/**\n * Creates a wrapper around a method to record its calls, results, and errors.\n *\n * @internal\n *\n * @param object The object containing the method to tap.\n * @param methodName The name of the method to tap.\n * @param tap The tap configuration with before/after/error hooks.\n * @param context Additional context to include with the method calls.\n */ function tapObjectMethod(object, methodName, tap, context = {}) {\n    const originalMethod = object[methodName];\n    if (originalMethod[Symbol.for('Tapped method')]) {\n        return;\n    }\n    object[methodName] = (...args)=>{\n        const callContext = Object.assign({}, context);\n        let shouldHandle;\n        try {\n            shouldHandle = tap.before?.(callContext, args);\n            const result = originalMethod.apply(object, args);\n            if (shouldHandle) {\n                tap.after?.(callContext, result);\n            }\n            return result;\n        } catch (error) {\n            if (shouldHandle) {\n                tap.error?.(callContext, error);\n            }\n            throw error;\n        }\n    };\n    object[methodName][Symbol.for('Tapped method')] = originalMethod;\n}\n/**\n * Serializes a value into a JSON-serializable format.\n *\n * @internal\n *\n * @param value The value to serialize.\n * @param visited Set of already serialized objects to avoid circular references.\n * @returns A JSON-serializable representation of the value.\n */ function serializeValue(value, visited = new WeakSet()) {\n    if (!value || [\n        'boolean',\n        'number',\n        'string'\n    ].includes(typeof value)) {\n        return value;\n    }\n    if (typeof value.toJSON == 'function') {\n        const jsonData = value.toJSON();\n        // Make sure that toJSON returns plain object, otherwise it could be just a clone with circular references.\n        if (isPlainObject(jsonData) || Array.isArray(jsonData) || [\n            'string',\n            'number',\n            'boolean'\n        ].includes(typeof jsonData)) {\n            return serializeValue(jsonData, visited);\n        }\n    }\n    if (value instanceof Error) {\n        return {\n            name: value.name,\n            message: value.message,\n            stack: value.stack\n        };\n    }\n    // Most TypeCheckable should implement toJSON method so this is a fallback for other TypeCheckable objects.\n    if (isTypeCheckable(value) || typeof value != 'object') {\n        return {\n            type: typeof value,\n            constructor: value.constructor?.name || 'unknown',\n            string: String(value)\n        };\n    }\n    if (value instanceof File || value instanceof Blob || value instanceof FormData || value instanceof DataTransfer) {\n        return String(value);\n    }\n    if (visited.has(value)) {\n        return;\n    }\n    visited.add(value);\n    // Arrays.\n    if (Array.isArray(value)) {\n        return value.length ? value.map((item)=>serializeValue(item, visited)) : undefined;\n    }\n    // Other objects (plain, instances of classes, or events).\n    const result = {};\n    const ignoreFields = [];\n    // DOM event additional fields.\n    if (value.domEvent) {\n        ignoreFields.push('domEvent', 'domTarget', 'view', 'document');\n        result.domEvent = serializeDomEvent(value.domEvent);\n        result.target = serializeValue(value.target);\n        if (value.dataTransfer) {\n            result.dataTransfer = {\n                types: value.dataTransfer.types,\n                htmlData: value.dataTransfer.getData('text/html'),\n                files: serializeValue(value.dataTransfer.files)\n            };\n        }\n    }\n    // Other object types.\n    for (const [key, val] of Object.entries(value)){\n        // Ignore private fields, DOM events serialized above, and decorated methods.\n        if (key.startsWith('_') || ignoreFields.includes(key) || typeof val == 'function') {\n            continue;\n        }\n        const serializedValue = serializeValue(val, visited);\n        if (serializedValue !== undefined) {\n            result[key] = serializedValue;\n        }\n    }\n    if (Symbol.iterator in value) {\n        const items = Array.from(value[Symbol.iterator]()).map((item)=>serializeValue(item, visited));\n        if (items.length) {\n            result._items = items;\n        }\n    }\n    return Object.keys(result).length ? result : undefined;\n}\n/**\n * Serializes a DOM event into a plain object representation.\n *\n * Extracts common properties from DOM events such as type, target information,\n * coordinates, key codes, and other relevant event data for debugging purposes.\n *\n * @param event The DOM event to serialize.\n * @returns A serialized object containing the event's key properties.\n */ function serializeDomEvent(event) {\n    let serialized = {\n        type: event.type,\n        target: serializeDOMTarget(event.target)\n    };\n    // Add mouse event properties.\n    if (event instanceof MouseEvent) {\n        serialized = {\n            ...serialized,\n            button: event.button,\n            buttons: event.buttons,\n            ctrlKey: event.ctrlKey,\n            shiftKey: event.shiftKey,\n            altKey: event.altKey,\n            metaKey: event.metaKey\n        };\n    }\n    // Add keyboard event properties.\n    if (event instanceof KeyboardEvent) {\n        serialized = {\n            ...serialized,\n            key: event.key,\n            code: event.code,\n            keyCode: event.keyCode,\n            ctrlKey: event.ctrlKey,\n            shiftKey: event.shiftKey,\n            altKey: event.altKey,\n            metaKey: event.metaKey,\n            repeat: event.repeat\n        };\n    }\n    // Add input event properties.\n    if (event instanceof InputEvent) {\n        serialized = {\n            ...serialized,\n            data: event.data,\n            inputType: event.inputType,\n            isComposing: event.isComposing\n        };\n    }\n    // Add pointer event properties.\n    if (event instanceof PointerEvent) {\n        serialized = {\n            ...serialized,\n            isPrimary: event.isPrimary\n        };\n    }\n    /**\n\t * Serializes a DOM event target into a plain object representation.\n\t *\n\t * @param target The DOM event target to serialize.\n\t * @returns A serialized object containing the target's information.\n\t */ function serializeDOMTarget(target) {\n        if (!target) {\n            return null;\n        }\n        if (target instanceof Element) {\n            return {\n                tagName: target.tagName,\n                className: target.className,\n                id: target.id\n            };\n        }\n        if (target instanceof Window || target instanceof Document) {\n            return {\n                type: target.constructor.name\n            };\n        }\n        return {};\n    }\n    return serialized;\n}\n/**\n * Checks if a value is type-checkable, meaning it has an `is` method.\n */ function isTypeCheckable(value) {\n    return value && typeof value.is === 'function';\n}\n\nexport { ActionsRecorder, ContextWatchdog, EditorWatchdog, Watchdog };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 watchdog/watchdog\n */\n\nimport type { CKEditorError } from '@ckeditor/ckeditor5-utils';\nimport type { EditorWatchdogRestartEvent } from './editorwatchdog.js';\nimport type { ContextWatchdogItemErrorEvent, ContextWatchdogItemRestartEvent } from './contextwatchdog.js';\n\n/**\n * An abstract watchdog class that handles most of the error handling process and the state of the underlying component.\n *\n * See the {@glink features/watchdog Watchdog feature guide} to learn the rationale behind it and how to use it.\n *\n * @internal\n */\nexport abstract class Watchdog {\n\t/**\n\t * An array of crashes saved as an object with the following properties:\n\t *\n\t * * `message`: `String`,\n\t * * `stack`: `String`,\n\t * * `date`: `Number`,\n\t * * `filename`: `String | undefined`,\n\t * * `lineno`: `Number | undefined`,\n\t * * `colno`: `Number | undefined`,\n\t */\n\tpublic readonly crashes: Array<{\n\t\tmessage: string;\n\t\tstack?: string;\n\t\tdate: number;\n\n\t\t// `evt.filename`, `evt.lineno` and `evt.colno` are available only in ErrorEvent events\n\t\tfilename?: string;\n\t\tlineno?: number;\n\t\tcolno?: number;\n\t}> = [];\n\n\t/**\n\t * Specifies the state of the item watched by the watchdog. The state can be one of the following values:\n\t *\n\t * * `initializing` &ndash; Before the first initialization, and after crashes, before the item is ready.\n\t * * `ready` &ndash; A state when the user can interact with the item.\n\t * * `crashed` &ndash; A state when an error occurs. It quickly changes to `initializing` or `crashedPermanently`\n\t * depending on how many and how frequent errors have been caught recently.\n\t * * `crashedPermanently` &ndash; A state when the watchdog stops reacting to errors and keeps the item it is watching crashed,\n\t * * `destroyed` &ndash; A state when the item is manually destroyed by the user after calling `watchdog.destroy()`.\n\t */\n\tpublic state: WatchdogState = 'initializing';\n\n\t/**\n\t * @see module:watchdog/watchdog~WatchdogConfig\n\t */\n\tprivate _crashNumberLimit: number;\n\n\t/**\n\t * Returns the result of the `Date.now()` call. It can be overridden in tests to mock time as some popular\n\t * approaches like `sinon.useFakeTimers()` do not work well with error handling.\n\t */\n\tprivate _now = Date.now;\n\n\t/**\n\t * @see module:watchdog/watchdog~WatchdogConfig\n\t */\n\tprivate _minimumNonErrorTimePeriod: number;\n\n\t/**\n\t * Checks if the event error comes from the underlying item and restarts the item.\n\t */\n\tprivate _boundErrorHandler: ( evt: ErrorEvent | PromiseRejectionEvent ) => void;\n\n\t/**\n\t * The method responsible for restarting the watched item.\n\t */\n\tprotected abstract _restart(): Promise<unknown>;\n\n\t/**\n\t * Traverses the error context and the watched item to find out whether the error should\n\t * be handled by the given item.\n\t *\n\t * @internal\n\t */\n\tpublic abstract _isErrorComingFromThisItem( error: CKEditorError ): boolean;\n\n\t/**\n\t * The watched item.\n\t *\n\t * @internal\n\t */\n\tpublic abstract get _item(): unknown;\n\n\t/**\n\t * A dictionary of event emitter listeners.\n\t */\n\tprivate _listeners: Record<string, Array<( ...args: any ) => void>>;\n\n\t/**\n\t * @param {module:watchdog/watchdog~WatchdogConfig} config The watchdog plugin configuration.\n\t */\n\tconstructor( config: WatchdogConfig ) {\n\t\tthis.crashes = [];\n\t\tthis._crashNumberLimit = typeof config.crashNumberLimit === 'number' ? config.crashNumberLimit : 3;\n\t\tthis._minimumNonErrorTimePeriod = typeof config.minimumNonErrorTimePeriod === 'number' ? config.minimumNonErrorTimePeriod : 5000;\n\n\t\tthis._boundErrorHandler = evt => {\n\t\t\t// `evt.error` is exposed by EventError while `evt.reason` is available in PromiseRejectionEvent.\n\t\t\tconst error = 'error' in evt ? evt.error : evt.reason;\n\n\t\t\t// Note that `evt.reason` might be everything that is in the promise rejection.\n\t\t\t// Similarly everything that is thrown lands in `evt.error`.\n\t\t\tif ( error instanceof Error ) {\n\t\t\t\tthis._handleError( error, evt );\n\t\t\t}\n\t\t};\n\n\t\tthis._listeners = {};\n\n\t\tif ( !( this as any )._restart ) {\n\t\t\tthrow new Error(\n\t\t\t\t'The Watchdog class was split into the abstract `Watchdog` class and the `EditorWatchdog` class. ' +\n\t\t\t\t'Please, use `EditorWatchdog` if you have used the `Watchdog` class previously.'\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Destroys the watchdog and releases the resources.\n\t */\n\tpublic destroy(): void {\n\t\tthis._stopErrorHandling();\n\n\t\tthis._listeners = {};\n\t}\n\n\t/**\n\t * Starts listening to a specific event name by registering a callback that will be executed\n\t * whenever an event with a given name fires.\n\t *\n\t * Note that this method differs from the CKEditor 5's default `EventEmitterMixin` implementation.\n\t *\n\t * @param eventName The event name.\n\t * @param callback A callback which will be added to event listeners.\n\t */\n\tpublic on<K extends keyof WatchdogEventMap>( eventName: K, callback: WatchdogEventCallback<K> ): void {\n\t\tif ( !this._listeners[ eventName ] ) {\n\t\t\tthis._listeners[ eventName ] = [];\n\t\t}\n\n\t\tthis._listeners[ eventName ].push( callback );\n\t}\n\n\t/**\n\t * Stops listening to the specified event name by removing the callback from event listeners.\n\t *\n\t * Note that this method differs from the CKEditor 5's default `EventEmitterMixin` implementation.\n\t *\n\t * @param eventName The event name.\n\t * @param callback A callback which will be removed from event listeners.\n\t */\n\tpublic off( eventName: keyof WatchdogEventMap, callback: unknown ): void {\n\t\tthis._listeners[ eventName ] = this._listeners[ eventName ]\n\t\t\t.filter( cb => cb !== callback );\n\t}\n\n\t/**\n\t * Fires an event with a given event name and arguments.\n\t *\n\t * Note that this method differs from the CKEditor 5's default `EventEmitterMixin` implementation.\n\t */\n\tprotected _fire<K extends keyof WatchdogEventMap>( eventName: K, ...args: WatchdogEventArgs<K> ): void {\n\t\tconst callbacks = this._listeners[ eventName ] || [];\n\n\t\tfor ( const callback of callbacks ) {\n\t\t\tcallback.apply( this, [ null, ...args ] );\n\t\t}\n\t}\n\n\t/**\n\t * Starts error handling by attaching global error handlers.\n\t */\n\tprotected _startErrorHandling(): void {\n\t\twindow.addEventListener( 'error', this._boundErrorHandler );\n\t\twindow.addEventListener( 'unhandledrejection', this._boundErrorHandler );\n\t}\n\n\t/**\n\t * Stops error handling by detaching global error handlers.\n\t */\n\tprotected _stopErrorHandling(): void {\n\t\twindow.removeEventListener( 'error', this._boundErrorHandler );\n\t\twindow.removeEventListener( 'unhandledrejection', this._boundErrorHandler );\n\t}\n\n\t/**\n\t * Checks if an error comes from the watched item and restarts it.\n\t * It reacts to {@link module:utils/ckeditorerror~CKEditorError `CKEditorError` errors} only.\n\t *\n\t * @fires error\n\t * @param error Error.\n\t * @param evt An error event.\n\t */\n\tprivate _handleError( error: Error, evt: ErrorEvent | PromiseRejectionEvent ): void {\n\t\t// @if CK_DEBUG // const err = error as CKEditorError;\n\t\t// @if CK_DEBUG // if ( err.is && err.is( 'CKEditorError' ) && err.context === undefined ) {\n\t\t// @if CK_DEBUG // console.warn( 'The error is missing its context and Watchdog cannot restart the proper item.' );\n\t\t// @if CK_DEBUG // }\n\n\t\tif ( this._shouldReactToError( error ) ) {\n\t\t\tthis.crashes.push( {\n\t\t\t\tmessage: error.message,\n\t\t\t\tstack: error.stack,\n\n\t\t\t\t// `evt.filename`, `evt.lineno` and `evt.colno` are available only in ErrorEvent events\n\t\t\t\tfilename: evt instanceof ErrorEvent ? evt.filename : undefined,\n\t\t\t\tlineno: evt instanceof ErrorEvent ? evt.lineno : undefined,\n\t\t\t\tcolno: evt instanceof ErrorEvent ? evt.colno : undefined,\n\t\t\t\tdate: this._now()\n\t\t\t} );\n\n\t\t\tconst causesRestart = this._shouldRestart();\n\n\t\t\tthis.state = 'crashed';\n\t\t\tthis._fire( 'stateChange' );\n\t\t\tthis._fire( 'error', { error, causesRestart } );\n\n\t\t\tif ( causesRestart ) {\n\t\t\t\tthis._restart();\n\t\t\t} else {\n\t\t\t\tthis.state = 'crashedPermanently';\n\t\t\t\tthis._fire( 'stateChange' );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Checks whether an error should be handled by the watchdog.\n\t *\n\t * @param error An error that was caught by the error handling process.\n\t */\n\tprivate _shouldReactToError( error: Error ): boolean {\n\t\treturn (\n\t\t\t( error as any ).is &&\n\t\t\t( error as any ).is( 'CKEditorError' ) &&\n\t\t\t( error as CKEditorError ).context !== undefined &&\n\n\t\t\t// In some cases the watched item should not be restarted - e.g. during the item initialization.\n\t\t\t// That's why the `null` was introduced as a correct error context which does cause restarting.\n\t\t\t( error as CKEditorError ).context !== null &&\n\n\t\t\t// Do not react to errors if the watchdog is in states other than `ready`.\n\t\t\tthis.state === 'ready' &&\n\n\t\t\tthis._isErrorComingFromThisItem( error as CKEditorError )\n\t\t);\n\t}\n\n\t/**\n\t * Checks if the watchdog should restart the underlying item.\n\t */\n\tprivate _shouldRestart(): boolean {\n\t\tif ( this.crashes.length <= this._crashNumberLimit ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst lastErrorTime = this.crashes[ this.crashes.length - 1 ].date;\n\t\tconst firstMeaningfulErrorTime = this.crashes[ this.crashes.length - 1 - this._crashNumberLimit ].date;\n\n\t\tconst averageNonErrorTimePeriod = ( lastErrorTime - firstMeaningfulErrorTime ) / this._crashNumberLimit;\n\n\t\treturn averageNonErrorTimePeriod > this._minimumNonErrorTimePeriod;\n\t}\n}\n\n/**\n * Fired when a new {@link module:utils/ckeditorerror~CKEditorError `CKEditorError`} error connected to the watchdog instance occurs\n * and the watchdog will react to it.\n *\n * ```ts\n * watchdog.on( 'error', ( evt, { error, causesRestart } ) => {\n * \tconsole.log( 'An error occurred.' );\n * } );\n * ```\n *\n * @eventName ~Watchdog#error\n */\nexport type WatchdogErrorEvent = {\n\tname: 'error';\n\targs: [ WatchdogErrorEventData ];\n};\n\n/**\n * The `error` event data.\n */\nexport type WatchdogErrorEventData = {\n\terror: Error;\n\tcausesRestart: boolean;\n};\n\n/**\n * Fired when the watchdog state changed.\n *\n * @eventName ~Watchdog#stateChange\n */\nexport type WatchdogStateChangeEvent = {\n\tname: 'stateChange';\n\targs: [];\n};\n\n/**\n * The map of watchdog events.\n */\nexport interface WatchdogEventMap {\n\tstateChange: WatchdogStateChangeEvent;\n\terror: WatchdogErrorEvent;\n\trestart: EditorWatchdogRestartEvent;\n\titemError: ContextWatchdogItemErrorEvent;\n\titemRestart: ContextWatchdogItemRestartEvent;\n}\n\n/**\n * Utility type that gets the arguments type for the given event.\n */\nexport type WatchdogEventArgs<K extends keyof WatchdogEventMap> = WatchdogEventMap[ K ][ 'args' ];\n\n/**\n * Utility type that gets the callback type for the given event.\n */\nexport type WatchdogEventCallback<K extends keyof WatchdogEventMap> = ( evt: null, ...args: WatchdogEventArgs<K> ) => void;\n\n/**\n * The watchdog plugin configuration.\n */\nexport interface WatchdogConfig {\n\n\t/**\n\t * A threshold specifying the number of watched item crashes\n\t * when the watchdog stops restarting the item in case of errors.\n\t * After this limit is reached and the time between the last errors is shorter than `minimumNonErrorTimePeriod`,\n\t * the watchdog changes its state to `crashedPermanently` and it stops restarting the item. This prevents an infinite restart loop.\n\t *\n\t * @default 3\n\t */\n\tcrashNumberLimit?: number;\n\n\t/**\n\t * An average number of milliseconds between the last watched item errors\n\t * (defaults to 5000). When the period of time between errors is lower than that and the `crashNumberLimit` is also reached,\n\t * the watchdog changes its state to `crashedPermanently` and it stops restarting the item. This prevents an infinite restart loop.\n\t *\n\t * @default 5000\n\t */\n\tminimumNonErrorTimePeriod?: number;\n\n\t/**\n\t * A minimum number of milliseconds between saving the editor data internally (defaults to 5000).\n\t * Note that for large documents this might impact the editor performance.\n\t *\n\t * @default 5000\n\t */\n\tsaveInterval?: number;\n}\n\n/**\n * Specifies the state of the item watched by the watchdog.\n */\nexport type WatchdogState = 'initializing' | 'ready' | 'crashed' | 'crashedPermanently' | 'destroyed';\n", "/**\n * @license Copyright (c) 2003-2025, 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 watchdog/utils/getsubnodes\n */\n\n/**\n * @internal\n */\nexport function getSubNodes( head: unknown, excludedProperties = new Set() ): Set<unknown> {\n\tconst nodes = [ head ];\n\n\t// @if CK_DEBUG_WATCHDOG // const prevNodeMap = new Map();\n\n\t// Nodes are stored to prevent infinite looping.\n\tconst subNodes = new Set();\n\tlet nodeIndex = 0;\n\n\twhile ( nodes.length > nodeIndex ) {\n\t\t// Incrementing the iterator is much faster than changing size of the array with Array.prototype.shift().\n\t\tconst node = nodes[ nodeIndex++ ];\n\n\t\tif ( subNodes.has( node ) || !shouldNodeBeIncluded( node ) || excludedProperties.has( node ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tsubNodes.add( node );\n\n\t\t// Handle arrays, maps, sets, custom collections that implements `[ Symbol.iterator ]()`, etc.\n\t\tif ( Symbol.iterator in node ) {\n\t\t\t// The custom editor iterators might cause some problems if the editor is crashed.\n\t\t\ttry {\n\t\t\t\tfor ( const n of node as Iterable<unknown> ) {\n\t\t\t\t\tnodes.push( n );\n\n\t\t\t\t\t// @if CK_DEBUG_WATCHDOG // if ( !prevNodeMap.has( n ) ) {\n\t\t\t\t\t// @if CK_DEBUG_WATCHDOG // \tprevNodeMap.set( n, node );\n\t\t\t\t\t// @if CK_DEBUG_WATCHDOG // }\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\t// Do not log errors for broken structures\n\t\t\t\t// since we are in the error handling process already.\n\t\t\t}\n\t\t} else {\n\t\t\tfor ( const key in node ) {\n\t\t\t\t// We share a reference via the protobuf library within the editors,\n\t\t\t\t// hence the shared value should be skipped. Although, it's not a perfect\n\t\t\t\t// solution since new places like that might occur in the future.\n\t\t\t\tif ( key === 'defaultValue' ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tnodes.push( node[ key ] );\n\n\t\t\t\t// @if CK_DEBUG_WATCHDOG // if ( !prevNodeMap.has( node[ key ] ) ) {\n\t\t\t\t// @if CK_DEBUG_WATCHDOG // \tprevNodeMap.set( node[ key ], node );\n\t\t\t\t// @if CK_DEBUG_WATCHDOG // }\n\t\t\t}\n\t\t}\n\t}\n\n\t// @if CK_DEBUG_WATCHDOG // return { subNodes, prevNodeMap } as any;\n\n\treturn subNodes;\n}\n\nfunction shouldNodeBeIncluded( node: unknown ): node is Record<string, unknown> | Iterable<unknown> {\n\tconst type = Object.prototype.toString.call( node );\n\tconst typeOfNode = typeof node;\n\n\treturn !(\n\t\ttypeOfNode === 'number' ||\n\t\ttypeOfNode === 'boolean' ||\n\t\ttypeOfNode === 'string' ||\n\t\ttypeOfNode === 'symbol' ||\n\t\ttypeOfNode === 'function' ||\n\t\ttype === '[object Date]' ||\n\t\ttype === '[object RegExp]' ||\n\t\ttype === '[object Module]' ||\n\n\t\tnode === undefined ||\n\t\tnode === null ||\n\n\t\t// This flag is meant to exclude singletons shared across editor instances. So when an error is thrown in one editor,\n\t\t// the other editors connected through the reference to the same singleton are not restarted. This is a temporary workaround\n\t\t// until a better solution is found.\n\t\t// More in https://github.com/ckeditor/ckeditor5/issues/12292.\n\t\t( node as any )._watchdogExcluded ||\n\n\t\t// Skip native DOM objects, e.g. Window, nodes, events, etc.\n\t\tnode instanceof EventTarget ||\n\t\tnode instanceof Event\n\t);\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 watchdog/utils/areconnectedthroughproperties\n */\n\nimport { getSubNodes } from './getsubnodes.js';\n\n/**\n * Traverses both structures to find out whether there is a reference that is shared between both structures.\n *\n * @internal\n */\nexport function areConnectedThroughProperties( target1: unknown, target2: unknown, excludedNodes = new Set() ): boolean {\n\tif ( target1 === target2 && isObject( target1 ) ) {\n\t\treturn true;\n\t}\n\n\t// @if CK_DEBUG_WATCHDOG // return checkConnectionBetweenProps( target1, target2, excludedNodes );\n\n\tconst subNodes1 = getSubNodes( target1, excludedNodes );\n\tconst subNodes2 = getSubNodes( target2, excludedNodes );\n\n\tfor ( const node of subNodes1 ) {\n\t\tif ( subNodes2.has( node ) ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/* istanbul ignore next -- @preserve */\n// eslint-disable-next-line\nfunction checkConnectionBetweenProps( target1: unknown, target2: unknown, excludedNodes: any ) {\n\tconst { subNodes: subNodes1, prevNodeMap: prevNodeMap1 } = getSubNodes( target1, excludedNodes.subNodes ) as any;\n\tconst { subNodes: subNodes2, prevNodeMap: prevNodeMap2 } = getSubNodes( target2, excludedNodes.subNodes ) as any;\n\n\tfor ( const sharedNode of subNodes1 ) {\n\t\tif ( subNodes2.has( sharedNode ) ) {\n\t\t\tconst connection = [];\n\n\t\t\tconnection.push( sharedNode );\n\n\t\t\tlet node = prevNodeMap1.get( sharedNode );\n\n\t\t\twhile ( node && node !== target1 ) {\n\t\t\t\tconnection.push( node );\n\t\t\t\tnode = prevNodeMap1.get( node );\n\t\t\t}\n\n\t\t\tnode = prevNodeMap2.get( sharedNode );\n\n\t\t\twhile ( node && node !== target2 ) {\n\t\t\t\tconnection.unshift( node );\n\t\t\t\tnode = prevNodeMap2.get( node );\n\t\t\t}\n\n\t\t\tconsole.log( '--------' );\n\t\t\tconsole.log( { target1 } );\n\t\t\tconsole.log( { sharedNode } );\n\t\t\tconsole.log( { target2 } );\n\t\t\tconsole.log( { connection } );\n\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\nfunction isObject( structure: unknown ): boolean {\n\treturn typeof structure === 'object' && structure !== null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 watchdog/editorwatchdog\n */\n\nimport { throttle, cloneDeepWith, isElement, type DebouncedFunc } from 'es-toolkit/compat';\nimport { areConnectedThroughProperties } from './utils/areconnectedthroughproperties.js';\nimport { Watchdog, type WatchdogConfig } from './watchdog.js';\nimport type { CKEditorError } from '@ckeditor/ckeditor5-utils';\nimport type { ModelNode, ModelText, ModelElement, ModelWriter } from '@ckeditor/ckeditor5-engine';\nimport type { Editor, EditorConfig, Context, EditorReadyEvent } from '@ckeditor/ckeditor5-core';\nimport type { RootAttributes } from '@ckeditor/ckeditor5-editor-multi-root';\n\n/**\n * A watchdog for CKEditor 5 editors.\n *\n * See the {@glink features/watchdog Watchdog feature guide} to learn the rationale behind it and\n * how to use it.\n */\nexport class EditorWatchdog<TEditor extends Editor = Editor> extends Watchdog {\n\t/**\n\t * The current editor instance.\n\t */\n\tprivate _editor: TEditor | null = null;\n\n\t/**\n\t * A promise associated with the life cycle of the editor (creation or destruction processes).\n\t *\n\t * It is used to prevent the initialization of the editor if the previous instance has not been destroyed yet,\n\t * and conversely, to prevent the destruction of the editor if it has not been initialized.\n\t */\n\tprivate _lifecyclePromise: Promise<unknown> | null = null;\n\n\t/**\n\t * Throttled save method. The `save()` method is called the specified `saveInterval` after `throttledSave()` is called,\n\t * unless a new action happens in the meantime.\n\t */\n\tprivate _throttledSave: DebouncedFunc<() => void>;\n\n\t/**\n\t * The latest saved editor data represented as a root name -> root data object.\n\t */\n\tprivate _data?: EditorData;\n\n\t/**\n\t * The last document version.\n\t */\n\tprivate _lastDocumentVersion?: number;\n\n\t/**\n\t * The editor source element or data.\n\t */\n\tprivate _elementOrData?: HTMLElement | string | Record<string, string> | Record<string, HTMLElement>;\n\n\t/**\n\t * Specifies whether the editor was initialized using document data (`true`) or HTML elements (`false`).\n\t */\n\tprivate _initUsingData = true;\n\n\t/**\n\t * The latest record of the editor editable elements. Used to restart the editor.\n\t */\n\tprivate _editables: Record<string, HTMLElement> = {};\n\n\t/**\n\t * The editor configuration.\n\t */\n\tprivate _config?: EditorConfig;\n\n\t/**\n\t * The creation method.\n\t *\n\t * @see #setCreator\n\t */\n\tdeclare protected _creator: EditorWatchdogCreatorFunction<TEditor>;\n\n\t/**\n\t * The destruction method.\n\t *\n\t * @see #setDestructor\n\t */\n\tdeclare protected _destructor: ( editor: Editor ) => Promise<unknown>;\n\n\tprivate _excludedProps?: Set<unknown>;\n\n\t/**\n\t * @param Editor The editor class.\n\t * @param watchdogConfig The watchdog plugin configuration.\n\t */\n\tconstructor( Editor: { create( ...args: any ): Promise<TEditor> } | null, watchdogConfig: WatchdogConfig = {} ) {\n\t\tsuper( watchdogConfig );\n\n\t\t// this._editorClass = Editor;\n\n\t\tthis._throttledSave = throttle(\n\t\t\tthis._save.bind( this ),\n\t\t\ttypeof watchdogConfig.saveInterval === 'number' ? watchdogConfig.saveInterval : 5000\n\t\t);\n\n\t\t// Set default creator and destructor functions:\n\t\tif ( Editor ) {\n\t\t\tthis._creator = ( ( elementOrData, config ) => Editor.create( elementOrData, config ) );\n\t\t}\n\n\t\tthis._destructor = editor => editor.destroy();\n\t}\n\n\t/**\n\t * The current editor instance.\n\t */\n\tpublic get editor(): TEditor | null {\n\t\treturn this._editor;\n\t}\n\n\t/**\n\t * @internal\n\t */\n\tpublic get _item(): TEditor | null {\n\t\treturn this._editor;\n\t}\n\n\t/**\n\t * Sets the function that is responsible for the editor creation.\n\t * It expects a function that should return a promise.\n\t *\n\t * ```ts\n\t * watchdog.setCreator( ( element, config ) => ClassicEditor.create( element, config ) );\n\t * ```\n\t */\n\tpublic setCreator( creator: EditorWatchdogCreatorFunction<TEditor> ): void {\n\t\tthis._creator = creator;\n\t}\n\n\t/**\n\t * Sets the function that is responsible for the editor destruction.\n\t * Overrides the default destruction function, which destroys only the editor instance.\n\t * It expects a function that should return a promise or `undefined`.\n\t *\n\t * ```ts\n\t * watchdog.setDestructor( editor => {\n\t * \t// Do something before the editor is destroyed.\n\t *\n\t * \treturn editor\n\t * \t\t.destroy()\n\t * \t\t.then( () => {\n\t * \t\t\t// Do something after the editor is destroyed.\n\t * \t\t} );\n\t * } );\n\t * ```\n\t */\n\tpublic setDestructor( destructor: ( editor: Editor ) => Promise<unknown> ): void {\n\t\tthis._destructor = destructor;\n\t}\n\n\t/**\n\t * Restarts the editor instance. This method is called whenever an editor error occurs. It fires the `restart` event and changes\n\t * the state to `initializing`.\n\t *\n\t * @fires restart\n\t */\n\tprotected override _restart(): Promise<unknown> {\n\t\treturn Promise.resolve()\n\t\t\t.then( () => {\n\t\t\t\tthis.state = 'initializing';\n\t\t\t\tthis._fire( 'stateChange' );\n\n\t\t\t\treturn this._destroy();\n\t\t\t} )\n\t\t\t.catch( err => {\n\t\t\t\tconsole.error( 'An error happened during the editor destroying.', err );\n\t\t\t} )\n\t\t\t.then( () => {\n\t\t\t\t// Pre-process some data from the original editor config.\n\t\t\t\t// Our goal here is to make sure that the restarted editor will be reinitialized with correct set of roots.\n\t\t\t\t// We are not interested in any data set in config or in `.create()` first parameter. It will be replaced anyway.\n\t\t\t\t// But we need to set them correctly to make sure that proper roots are created.\n\t\t\t\t//\n\t\t\t\t// Since a different set of roots will be created, `lazyRoots` and `rootsAttributes` properties must be managed too.\n\n\t\t\t\t// Keys are root names, values are ''. Used when the editor was initialized by setting the first parameter to document data.\n\t\t\t\tconst existingRoots: Record<string, string> = {};\n\t\t\t\t// Keeps lazy roots. They may be different when compared to initial config if some of the roots were loaded.\n\t\t\t\tconst lazyRoots: Array<string> = [];\n\t\t\t\t// Roots attributes from the old config. Will be referred when setting new attributes.\n\t\t\t\tconst oldRootsAttributes: Record<string, RootAttributes> = this._config!.rootsAttributes || {};\n\t\t\t\t// New attributes to be set. Is filled only for roots that still exist in the document.\n\t\t\t\tconst rootsAttributes: Record<string, RootAttributes> = {};\n\n\t\t\t\t// Traverse through the roots saved when the editor crashed and set up the discussed values.\n\t\t\t\tfor ( const [ rootName, rootData ] of Object.entries( this._data!.roots ) ) {\n\t\t\t\t\tif ( rootData.isLoaded ) {\n\t\t\t\t\t\texistingRoots[ rootName ] = '';\n\t\t\t\t\t\trootsAttributes[ rootName ] = oldRootsAttributes[ rootName ] || {};\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlazyRoots.push( rootName );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst updatedConfig: EditorConfig = {\n\t\t\t\t\t...this._config,\n\t\t\t\t\textraPlugins: this._config!.extraPlugins || [],\n\t\t\t\t\tlazyRoots,\n\t\t\t\t\trootsAttributes,\n\t\t\t\t\t_watchdogInitialData: this._data\n\t\t\t\t};\n\n\t\t\t\t// Delete `initialData` as it is not needed. Data will be set by the watchdog based on `_watchdogInitialData`.\n\t\t\t\t// First parameter of the editor `.create()` will be used to set up initial roots.\n\t\t\t\tdelete updatedConfig.initialData;\n\n\t\t\t\tupdatedConfig.extraPlugins!.push( EditorWatchdogInitPlugin as any );\n\n\t\t\t\tif ( this._initUsingData ) {\n\t\t\t\t\treturn this.create( existingRoots, updatedConfig, updatedConfig.context );\n\t\t\t\t} else {\n\t\t\t\t\t// Set correct editables to make sure that proper roots are created and linked with DOM elements.\n\t\t\t\t\t// No need to set initial data, as it would be discarded anyway.\n\t\t\t\t\t//\n\t\t\t\t\t// If one element was initially set in `elementOrData`, then use that original element to restart the editor.\n\t\t\t\t\t// This is for compatibility purposes with single-root editor types.\n\t\t\t\t\tif ( isElement( this._elementOrData ) ) {\n\t\t\t\t\t\treturn this.create( this._elementOrData, updatedConfig, updatedConfig.context );\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn this.create( this._editables, updatedConfig, updatedConfig.context );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.then( () => {\n\t\t\t\tthis._fire( 'restart' );\n\t\t\t} );\n\t}\n\n\t/**\n\t * Creates the editor instance and keeps it running, using the defined creator and destructor.\n\t *\n\t * @param elementOrData The editor source element or the editor data.\n\t * @param config The editor configuration.\n\t * @param context A context for the editor.\n\t */\n\tpublic create(\n\t\telementOrData: HTMLElement | string | Record<string, string> | Record<string, HTMLElement> = this._elementOrData!,\n\t\tconfig: EditorConfig = this._config!,\n\t\tcontext?: Context\n\t): Promise<unknown> {\n\t\tthis._lifecyclePromise = Promise.resolve( this._lifecyclePromise )\n\t\t\t.then( () => {\n\t\t\t\tsuper._startErrorHandling();\n\n\t\t\t\tthis._elementOrData = elementOrData;\n\n\t\t\t\t// Use document data in the first parameter of the editor `.create()` call only if it was used like this originally.\n\t\t\t\t// Use document data if a string or object with strings was passed.\n\t\t\t\tthis._initUsingData = typeof elementOrData == 'string' ||\n\t\t\t\t\t( Object.keys( elementOrData ).length > 0 && typeof Object.values( elementOrData )[ 0 ] == 'string' );\n\n\t\t\t\t// Clone configuration because it might be shared within multiple watchdog instances. Otherwise,\n\t\t\t\t// when an error occurs in one of these editors, the watchdog will restart all of them.\n\t\t\t\tthis._config = this._cloneEditorConfiguration( config ) || {};\n\n\t\t\t\tthis._config!.context = context;\n\n\t\t\t\treturn this._creator( elementOrData, this._config! );\n\t\t\t} )\n\t\t\t.then( editor => {\n\t\t\t\tthis._editor = editor;\n\n\t\t\t\teditor.model.document.on( 'change:data', this._throttledSave );\n\n\t\t\t\tthis._lastDocumentVersion = editor.model.document.version;\n\t\t\t\tthis._data = this._getData();\n\n\t\t\t\tif ( !this._initUsingData ) {\n\t\t\t\t\tthis._editables = this._getEditables();\n\t\t\t\t}\n\n\t\t\t\tthis.state = 'ready';\n\t\t\t\tthis._fire( 'stateChange' );\n\t\t\t} ).finally( () => {\n\t\t\t\tthis._lifecyclePromise = null;\n\t\t\t} );\n\n\t\treturn this._lifecyclePromise;\n\t}\n\n\t/**\n\t * Destroys the watchdog and the current editor instance. It fires the callback\n\t * registered in {@link #setDestructor `setDestructor()`} and uses it to destroy the editor instance.\n\t * It also sets the state to `destroyed`.\n\t */\n\tpublic override destroy(): Promise<unknown> {\n\t\tthis._lifecyclePromise = Promise.resolve( this._lifecyclePromise )\n\t\t\t.then( () => {\n\t\t\t\tthis.state = 'destroyed';\n\t\t\t\tthis._fire( 'stateChange' );\n\n\t\t\t\tsuper.destroy();\n\n\t\t\t\treturn this._destroy();\n\t\t\t} ).finally( () => {\n\t\t\t\tthis._lifecyclePromise = null;\n\t\t\t} );\n\n\t\treturn this._lifecyclePromise;\n\t}\n\n\tprivate _destroy(): Promise<unknown> {\n\t\treturn Promise.resolve()\n\t\t\t.then( () => {\n\t\t\t\tthis._stopErrorHandling();\n\n\t\t\t\tthis._throttledSave.cancel();\n\n\t\t\t\tconst editor = this._editor;\n\n\t\t\t\tthis._editor = null;\n\n\t\t\t\t// Remove the `change:data` listener before destroying the editor.\n\t\t\t\t// Incorrectly written plugins may trigger firing `change:data` events during the editor destruction phase\n\t\t\t\t// causing the watchdog to call `editor.getData()` when some parts of editor are already destroyed.\n\t\t\t\teditor!.model.document.off( 'change:data', this._throttledSave );\n\n\t\t\t\treturn this._destructor( editor! );\n\t\t\t} );\n\t}\n\n\t/**\n\t * Saves the editor data, so it can be restored after the crash even if the data cannot be fetched at\n\t * the moment of the crash.\n\t */\n\tprivate _save(): void {\n\t\tconst version = this._editor!.model.document.version;\n\n\t\ttry {\n\t\t\tthis._data = this._getData();\n\n\t\t\tif ( !this._initUsingData ) {\n\t\t\t\tthis._editables = this._getEditables();\n\t\t\t}\n\n\t\t\tthis._lastDocumentVersion = version;\n\t\t} catch ( err ) {\n\t\t\tconsole.error(\n\t\t\t\terr,\n\t\t\t\t'An error happened during restoring editor data. ' +\n\t\t\t\t'Editor will be restored from the previously saved data.'\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * @internal\n\t */\n\tpublic _setExcludedProperties( props: Set<unknown> ): void {\n\t\tthis._excludedProps = props;\n\t}\n\n\t/**\n\t * Gets all data that is required to reinitialize editor instance.\n\t */\n\tprivate _getData(): EditorData {\n\t\tconst editor = this._editor!;\n\t\tconst roots = editor.model.document.roots.filter( root => root.isAttached() && root.rootName != '$graveyard' );\n\n\t\tconst { plugins } = editor;\n\t\t// `as any` to avoid linking from external private repo.\n\t\tconst commentsRepository = plugins.has( 'CommentsRepository' ) && plugins.get( 'CommentsRepository' ) as any;\n\t\tconst trackChanges = plugins.has( 'TrackChanges' ) && plugins.get( 'TrackChanges' ) as any;\n\n\t\tconst data: EditorData = {\n\t\t\troots: {},\n\t\t\tmarkers: {},\n\t\t\tcommentThreads: JSON.stringify( [] ),\n\t\t\tsuggestions: JSON.stringify( [] )\n\t\t};\n\n\t\troots.forEach( root => {\n\t\t\tdata.roots[ root.rootName ] = {\n\t\t\t\tcontent: JSON.stringify( Array.from( root.getChildren() ) ),\n\t\t\t\tattributes: JSON.stringify( Array.from( root.getAttributes() ) ),\n\t\t\t\tisLoaded: root._isLoaded\n\t\t\t};\n\t\t} );\n\n\t\tfor ( const marker of editor.model.markers ) {\n\t\t\tif ( !marker._affectsData ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tdata.markers[ marker.name ] = {\n\t\t\t\trangeJSON: marker.getRange().toJSON() as any,\n\t\t\t\tusingOperation: marker._managedUsingOperations,\n\t\t\t\taffectsData: marker._affectsData\n\t\t\t};\n\t\t}\n\n\t\tif ( commentsRepository ) {\n\t\t\tdata.commentThreads = JSON.stringify( commentsRepository.getCommentThreads( { toJSON: true, skipNotAttached: true } ) );\n\t\t}\n\n\t\tif ( trackChanges ) {\n\t\t\tdata.suggestions = JSON.stringify( trackChanges.getSuggestions( { toJSON: true, skipNotAttached: true } ) );\n\t\t}\n\n\t\treturn data;\n\t}\n\n\t/**\n\t * For each attached model root, returns its HTML editable element (if available).\n\t */\n\tprivate _getEditables(): Record<string, HTMLElement> {\n\t\tconst editables: Record<string, HTMLElement> = {};\n\n\t\tfor ( const rootName of this.editor!.model.document.getRootNames() ) {\n\t\t\tconst editable = this.editor!.ui.getEditableElement( rootName );\n\n\t\t\tif ( editable ) {\n\t\t\t\teditables[ rootName ] = editable;\n\t\t\t}\n\t\t}\n\n\t\treturn editables;\n\t}\n\n\t/**\n\t * Traverses the error context and the current editor to find out whether these structures are connected\n\t * to each other via properties.\n\t *\n\t * @internal\n\t */\n\tpublic _isErrorComingFromThisItem( error: CKEditorError ): boolean {\n\t\treturn areConnectedThroughProperties( this._editor, error.context, this._excludedProps );\n\t}\n\n\t/**\n\t * Clones the editor configuration.\n\t */\n\tprivate _cloneEditorConfiguration( config: EditorConfig ): EditorConfig {\n\t\treturn cloneDeepWith( config, ( value, key ) => {\n\t\t\t// Leave DOM references.\n\t\t\tif ( isElement( value ) ) {\n\t\t\t\treturn value;\n\t\t\t}\n\n\t\t\tif ( key === 'context' ) {\n\t\t\t\treturn value;\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Internal plugin that is used to stop the default editor initialization and restoring the editor state\n * based on the `editor.config._watchdogInitialData` data.\n */\nclass EditorWatchdogInitPlugin {\n\tpublic editor: Editor;\n\n\tprivate _data: EditorData;\n\n\tconstructor( editor: Editor ) {\n\t\tthis.editor = editor;\n\n\t\tthis._data = editor.config.get( '_watchdogInitialData' )!;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\t// Stops the default editor initialization and use the saved data to restore the editor state.\n\t\t// Some of data could not be initialize as a config properties. It is important to keep the data\n\t\t// in the same form as it was before the restarting.\n\t\tthis.editor.data.on( 'init', evt => {\n\t\t\tevt.stop();\n\n\t\t\tthis.editor.model.enqueueChange( { isUndoable: false }, writer => {\n\t\t\t\tthis._restoreCollaborationData();\n\t\t\t\tthis._restoreEditorData( writer );\n\t\t\t} );\n\n\t\t\tthis.editor.data.fire<EditorReadyEvent>( 'ready' );\n\n\t\t\t// Keep priority `'high' - 1` to be sure that RTC initialization will be first.\n\t\t}, { priority: 1000 - 1 } );\n\t}\n\n\t/**\n\t * Creates a model node (element or text) based on provided JSON.\n\t */\n\tprivate _createNode( writer: ModelWriter, jsonNode: any ): ModelText | ModelElement {\n\t\tif ( 'name' in jsonNode ) {\n\t\t\t// If child has name property, it is an Element.\n\t\t\tconst element = writer.createElement( jsonNode.name, jsonNode.attributes );\n\n\t\t\tif ( jsonNode.children ) {\n\t\t\t\tfor ( const child of jsonNode.children ) {\n\t\t\t\t\telement._appendChild( this._createNode( writer, child ) );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn element;\n\t\t} else {\n\t\t\t// Otherwise, it is a Text node.\n\t\t\treturn writer.createText( jsonNode.data, jsonNode.attributes );\n\t\t}\n\t}\n\n\t/**\n\t * Restores the editor by setting the document data, roots attributes and markers.\n\t */\n\tprivate _restoreEditorData( writer: ModelWriter ): void {\n\t\tconst editor = this.editor!;\n\n\t\tObject.entries( this._data!.roots ).forEach( ( [ rootName, { content, attributes } ] ) => {\n\t\t\tconst parsedNodes: Array<ModelNode | ModelElement> = JSON.parse( content );\n\t\t\tconst parsedAttributes: Array<[ string, unknown ]> = JSON.parse( attributes );\n\n\t\t\tconst rootElement = editor.model.document.getRoot( rootName )!;\n\n\t\t\tfor ( const [ key, value ] of parsedAttributes ) {\n\t\t\t\twriter.setAttribute( key, value, rootElement );\n\t\t\t}\n\n\t\t\tfor ( const child of parsedNodes ) {\n\t\t\t\tconst node = this._createNode( writer, child );\n\n\t\t\t\twriter.insert( node, rootElement, 'end' );\n\t\t\t}\n\t\t} );\n\n\t\tObject.entries( this._data!.markers ).forEach( ( [ markerName, markerOptions ] ) => {\n\t\t\tconst { document } = editor.model;\n\t\t\tconst {\n\t\t\t\trangeJSON: { start, end },\n\t\t\t\t...options\n\t\t\t} = markerOptions;\n\n\t\t\tconst root = document.getRoot( start.root )!;\n\t\t\tconst startPosition = writer.createPositionFromPath( root, start.path, start.stickiness );\n\t\t\tconst endPosition = writer.createPositionFromPath( root, end.path, end.stickiness );\n\n\t\t\tconst range = writer.createRange( startPosition, endPosition );\n\n\t\t\twriter.addMarker( markerName, {\n\t\t\t\trange,\n\t\t\t\t...options\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Restores the editor collaboration data - comment threads and suggestions.\n\t */\n\tprivate _restoreCollaborationData() {\n\t\t// `as any` to avoid linking from external private repo.\n\t\tconst parsedCommentThreads: Array<any> = JSON.parse( this._data.commentThreads );\n\t\tconst parsedSuggestions: Array<any> = JSON.parse( this._data.suggestions );\n\n\t\tif ( this.editor!.plugins.has( 'CommentsRepository' ) ) {\n\t\t\tconst commentsRepository = this.editor!.plugins.get( 'CommentsRepository' ) as any;\n\n\t\t\t// First, remove the existing comments that were created by integration plugins during initialization.\n\t\t\t// These comments may be outdated, and new instances will be created in the next step based on the saved data.\n\t\t\tfor ( const commentThread of commentsRepository.getCommentThreads() ) {\n\t\t\t\t// Use the internal API since it removes the comment thread directly and does not trigger events\n\t\t\t\t// that could cause side effects, such as removing markers.\n\t\t\t\tcommentsRepository._removeCommentThread( { threadId: commentThread.id } );\n\t\t\t}\n\n\t\t\tparsedCommentThreads.forEach( commentThreadData => {\n\t\t\t\tconst channelId = this.editor.config.get( 'collaboration.channelId' )!;\n\t\t\t\tconst commentsRepository = this.editor!.plugins.get( 'CommentsRepository' ) as any;\n\n\t\t\t\tcommentsRepository.addCommentThread( { channelId, ...commentThreadData } );\n\t\t\t} );\n\t\t}\n\n\t\tif ( this.editor!.plugins.has( 'TrackChangesEditing' ) ) {\n\t\t\tconst trackChangesEditing = this.editor!.plugins.get( 'TrackChangesEditing' ) as any;\n\n\t\t\t// First, remove the existing suggestions that were created by integration plugins during initialization.\n\t\t\t// These suggestions may be outdated, and new instances will be created in the next step based on the saved data.\n\t\t\tfor ( const suggestion of trackChangesEditing.getSuggestions() ) {\n\t\t\t\ttrackChangesEditing._removeSuggestion( suggestion );\n\t\t\t}\n\n\t\t\tparsedSuggestions.forEach( suggestionData => {\n\t\t\t\ttrackChangesEditing.addSuggestionData( suggestionData );\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * @internal\n */\nexport type EditorData = {\n\troots: Record<string, {\n\t\tcontent: string;\n\t\tattributes: string;\n\t\tisLoaded: boolean;\n\t}>;\n\tmarkers: Record<string, {\n\t\trangeJSON: { start: any; end: any };\n\t\tusingOperation: boolean;\n\t\taffectsData: boolean;\n\t}>;\n\tcommentThreads: string;\n\tsuggestions: string;\n};\n\n/**\n * Fired after the watchdog restarts the error in case of a crash.\n *\n * @eventName ~EditorWatchdog#restart\n */\nexport type EditorWatchdogRestartEvent = {\n\tname: 'restart';\n\targs: [];\n\treturn: undefined;\n};\n\nexport type EditorWatchdogCreatorFunction<TEditor = Editor> = (\n\telementOrData: HTMLElement | string | Record<string, string> | Record<string, HTMLElement>,\n\tconfig: EditorConfig\n) => Promise<TEditor>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 watchdog/contextwatchdog\n */\n\nimport { Watchdog, type WatchdogConfig, type WatchdogState } from './watchdog.js';\nimport { EditorWatchdog, type EditorWatchdogCreatorFunction } from './editorwatchdog.js';\nimport { areConnectedThroughProperties } from './utils/areconnectedthroughproperties.js';\nimport { getSubNodes } from './utils/getsubnodes.js';\nimport type { ArrayOrItem, CKEditorError } from '@ckeditor/ckeditor5-utils';\nimport type { Context, Editor, EditorConfig, ContextConfig } from '@ckeditor/ckeditor5-core';\n\nconst mainQueueId = Symbol( 'MainQueueId' );\n\n/**\n * A watchdog for the {@link module:core/context~Context} class.\n *\n * See the {@glink features/watchdog Watchdog feature guide} to learn the rationale behind it and\n * how to use it.\n */\nexport class ContextWatchdog<TContext extends Context = Context> extends Watchdog {\n\t/**\n\t * A map of internal watchdogs for added items.\n\t */\n\tprotected _watchdogs = new Map<string, EditorWatchdog>();\n\n\t/**\n\t * The watchdog configuration.\n\t */\n\tprivate readonly _watchdogConfig: WatchdogConfig;\n\n\t/**\n\t * The current context instance.\n\t */\n\tprivate _context: TContext | null = null;\n\n\t/**\n\t * Context properties (nodes/references) that are gathered during the initial context creation\n\t * and are used to distinguish the origin of an error.\n\t */\n\tprivate _contextProps = new Set<unknown>();\n\n\t/**\n\t * An action queue, which is used to handle async functions queuing.\n\t */\n\tprivate _actionQueues = new ActionQueues();\n\n\t/**\n\t * The configuration for the {@link module:core/context~Context}.\n\t */\n\tprivate _contextConfig?: ContextConfig;\n\n\t/**\n\t * The creation method.\n\t *\n\t * @see #setCreator\n\t */\n\tdeclare protected _creator: ( config: ContextConfig ) => Promise<TContext>;\n\n\t/**\n\t * The destruction method.\n\t *\n\t * @see #setDestructor\n\t */\n\tdeclare protected _destructor: ( context: Context ) => Promise<unknown>;\n\n\t/**\n\t * The watched item.\n\t */\n\tpublic _item: unknown;\n\n\t/**\n\t * The context watchdog class constructor.\n\t *\n\t * ```ts\n\t * const watchdog = new ContextWatchdog( Context );\n\t *\n\t * await watchdog.create( contextConfiguration );\n\t *\n\t * await watchdog.add( item );\n\t * ```\n\t *\n\t * See the {@glink features/watchdog Watchdog feature guide} to learn more how to use this feature.\n\t *\n\t * @param Context The {@link module:core/context~Context} class.\n\t * @param watchdogConfig The watchdog configuration.\n\t */\n\tconstructor(\n\t\tContext: { create( ...args: any ): Promise<TContext> },\n\t\twatchdogConfig: WatchdogConfig = {}\n\t) {\n\t\tsuper( watchdogConfig );\n\n\t\tthis._watchdogConfig = watchdogConfig;\n\n\t\t// Default creator and destructor.\n\t\tthis._creator = contextConfig => Context.create( contextConfig );\n\t\tthis._destructor = context => context.destroy();\n\n\t\tthis._actionQueues.onEmpty( () => {\n\t\t\tif ( this.state === 'initializing' ) {\n\t\t\t\tthis.state = 'ready';\n\t\t\t\tthis._fire( 'stateChange' );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Sets the function that is responsible for the context creation.\n\t * It expects a function that should return a promise (or `undefined`).\n\t *\n\t * ```ts\n\t * watchdog.setCreator( config => Context.create( config ) );\n\t * ```\n\t */\n\tpublic setCreator( creator: ( config: ContextConfig ) => Promise<TContext> ): void {\n\t\tthis._creator = creator;\n\t}\n\n\t/**\n\t * Sets the function that is responsible for the context destruction.\n\t * Overrides the default destruction function, which destroys only the context instance.\n\t * It expects a function that should return a promise (or `undefined`).\n\t *\n\t * ```ts\n\t * watchdog.setDestructor( context => {\n\t * \t// Do something before the context is destroyed.\n\t *\n\t * \treturn context\n\t * \t\t.destroy()\n\t * \t\t.then( () => {\n\t * \t\t\t// Do something after the context is destroyed.\n\t * \t\t} );\n\t * } );\n\t * ```\n\t */\n\tpublic setDestructor( destructor: ( context: Context ) => Promise<unknown> ): void {\n\t\tthis._destructor = destructor;\n\t}\n\n\t/**\n\t * The context instance. Keep in mind that this property might be changed when the context watchdog restarts,\n\t * so do not keep this instance internally. Always operate on the `ContextWatchdog#context` property.\n\t */\n\tpublic get context(): Context | null {\n\t\treturn this._context;\n\t}\n\n\t/**\n\t * Initializes the context watchdog. Once it is created, the watchdog takes care about\n\t * recreating the context and the provided items, and starts the error handling mechanism.\n\t *\n\t * ```ts\n\t * await watchdog.create( {\n\t * \tplugins: []\n\t * } );\n\t * ```\n\t *\n\t * @param contextConfig The context configuration. See {@link module:core/context~Context}.\n\t */\n\tpublic create( contextConfig: ContextConfig = {} ): Promise<unknown> {\n\t\treturn this._actionQueues.enqueue( mainQueueId, () => {\n\t\t\tthis._contextConfig = contextConfig;\n\n\t\t\treturn this._create();\n\t\t} );\n\t}\n\n\t/**\n\t * Returns an item instance with the given `itemId`.\n\t *\n\t * ```ts\n\t * const editor1 = watchdog.getItem( 'editor1' );\n\t * ```\n\t *\n\t * @param itemId The item ID.\n\t * @returns The item instance or `undefined` if an item with a given ID has not been found.\n\t */\n\tpublic getItem( itemId: string ): unknown {\n\t\tconst watchdog = this._getWatchdog( itemId );\n\n\t\treturn watchdog._item;\n\t}\n\n\t/**\n\t * Gets the state of the given item. See {@link #state} for a list of available states.\n\t *\n\t * ```ts\n\t * const editor1State = watchdog.getItemState( 'editor1' );\n\t * ```\n\t *\n\t * @param itemId Item ID.\n\t * @returns The state of the item.\n\t */\n\tpublic getItemState( itemId: string ): WatchdogState {\n\t\tconst watchdog = this._getWatchdog( itemId );\n\n\t\treturn watchdog.state;\n\t}\n\n\t/**\n\t * Adds items to the watchdog. Once created, instances of these items will be available using the {@link #getItem} method.\n\t *\n\t * Items can be passed together as an array of objects:\n\t *\n\t * ```ts\n\t * await watchdog.add( [ {\n\t * \tid: 'editor1',\n\t * \ttype: 'editor',\n\t * \tsourceElementOrData: document.querySelector( '#editor' ),\n\t * \tconfig: {\n\t * \t\tplugins: [ Essentials, Paragraph, Bold, Italic ],\n\t * \t\ttoolbar: [ 'bold', 'italic', 'alignment' ]\n\t * \t},\n\t * \tcreator: ( element, config ) => ClassicEditor.create( element, config )\n\t * } ] );\n\t * ```\n\t *\n\t * Or one by one as objects:\n\t *\n\t * ```ts\n\t * await watchdog.add( {\n\t * \tid: 'editor1',\n\t * \ttype: 'editor',\n\t * \tsourceElementOrData: document.querySelector( '#editor' ),\n\t * \tconfig: {\n\t * \t\tplugins: [ Essentials, Paragraph, Bold, Italic ],\n\t * \t\ttoolbar: [ 'bold', 'italic', 'alignment' ]\n\t * \t},\n\t * \tcreator: ( element, config ) => ClassicEditor.create( element, config )\n\t * ] );\n\t * ```\n\t *\n\t * Then an instance can be retrieved using the {@link #getItem} method:\n\t *\n\t * ```ts\n\t * const editor1 = watchdog.getItem( 'editor1' );\n\t * ```\n\t *\n\t * Note that this method can be called multiple times, but for performance reasons it is better\n\t * to pass all items together.\n\t *\n\t * @param itemConfigurationOrItemConfigurations An item configuration object or an array of item configurations.\n\t */\n\tpublic add( itemConfigurationOrItemConfigurations: ArrayOrItem<ContextWatchdogItemConfiguration> ): Promise<unknown> {\n\t\tconst itemConfigurations = toArray( itemConfigurationOrItemConfigurations );\n\n\t\treturn Promise.all( itemConfigurations.map( item => {\n\t\t\treturn this._actionQueues.enqueue( item.id, () => {\n\t\t\t\tif ( this.state === 'destroyed' ) {\n\t\t\t\t\tthrow new Error( 'Cannot add items to destroyed watchdog.' );\n\t\t\t\t}\n\n\t\t\t\tif ( !this._context ) {\n\t\t\t\t\tthrow new Error( 'Context was not created yet. You should call the `ContextWatchdog#create()` method first.' );\n\t\t\t\t}\n\n\t\t\t\tlet watchdog: EditorWatchdog;\n\n\t\t\t\tif ( this._watchdogs.has( item.id ) ) {\n\t\t\t\t\tthrow new Error( `Item with the given id is already added: '${ item.id }'.` );\n\t\t\t\t}\n\n\t\t\t\tif ( item.type === 'editor' ) {\n\t\t\t\t\twatchdog = new EditorWatchdog( null, this._watchdogConfig );\n\t\t\t\t\twatchdog.setCreator( item.creator );\n\t\t\t\t\twatchdog._setExcludedProperties( this._contextProps );\n\n\t\t\t\t\tif ( item.destructor ) {\n\t\t\t\t\t\twatchdog.setDestructor( item.destructor );\n\t\t\t\t\t}\n\n\t\t\t\t\tthis._watchdogs.set( item.id, watchdog );\n\n\t\t\t\t\t// Enqueue the internal watchdog errors within the main queue.\n\t\t\t\t\t// And propagate the internal `error` events as `itemError` event.\n\t\t\t\t\twatchdog.on( 'error', ( evt, { error, causesRestart } ) => {\n\t\t\t\t\t\tthis._fire( 'itemError', { itemId: item.id, error } );\n\n\t\t\t\t\t\t// Do not enqueue the item restart action if the item will not restart.\n\t\t\t\t\t\tif ( !causesRestart ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tthis._actionQueues.enqueue( item.id, () => new Promise<void>( res => {\n\t\t\t\t\t\t\tconst rethrowRestartEventOnce = () => {\n\t\t\t\t\t\t\t\twatchdog.off( 'restart', rethrowRestartEventOnce );\n\n\t\t\t\t\t\t\t\tthis._fire( 'itemRestart', { itemId: item.id } );\n\n\t\t\t\t\t\t\t\tres();\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\twatchdog.on( 'restart', rethrowRestartEventOnce );\n\t\t\t\t\t\t} ) );\n\t\t\t\t\t} );\n\n\t\t\t\t\treturn watchdog.create( item.sourceElementOrData, item.config, this._context );\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error( `Not supported item type: '${ item.type }'.` );\n\t\t\t\t}\n\t\t\t} );\n\t\t} ) );\n\t}\n\n\t/**\n\t * Removes and destroys item(s) with given ID(s).\n\t *\n\t * ```ts\n\t * await watchdog.remove( 'editor1' );\n\t * ```\n\t *\n\t * Or\n\t *\n\t * ```ts\n\t * await watchdog.remove( [ 'editor1', 'editor2' ] );\n\t * ```\n\t *\n\t * @param itemIdOrItemIds Item ID or an array of item IDs.\n\t */\n\tpublic remove( itemIdOrItemIds: ArrayOrItem<string> ): Promise<unknown> {\n\t\tconst itemIds = toArray( itemIdOrItemIds );\n\n\t\treturn Promise.all( itemIds.map( itemId => {\n\t\t\treturn this._actionQueues.enqueue( itemId, () => {\n\t\t\t\tconst watchdog = this._getWatchdog( itemId );\n\n\t\t\t\tthis._watchdogs.delete( itemId );\n\n\t\t\t\treturn watchdog.destroy();\n\t\t\t} );\n\t\t} ) );\n\t}\n\n\t/**\n\t * Destroys the context watchdog and all added items.\n\t * Once the context watchdog is destroyed, new items cannot be added.\n\t *\n\t * ```ts\n\t * await watchdog.destroy();\n\t * ```\n\t */\n\tpublic override destroy(): Promise<unknown> {\n\t\treturn this._actionQueues.enqueue( mainQueueId, () => {\n\t\t\tthis.state = 'destroyed';\n\t\t\tthis._fire( 'stateChange' );\n\n\t\t\tsuper.destroy();\n\n\t\t\treturn this._destroy();\n\t\t} );\n\t}\n\n\t/**\n\t * Restarts the context watchdog.\n\t */\n\tprotected _restart(): Promise<unknown> {\n\t\treturn this._actionQueues.enqueue( mainQueueId, () => {\n\t\t\tthis.state = 'initializing';\n\t\t\tthis._fire( 'stateChange' );\n\n\t\t\treturn this._destroy()\n\t\t\t\t.catch( err => {\n\t\t\t\t\tconsole.error( 'An error happened during destroying the context or items.', err );\n\t\t\t\t} )\n\t\t\t\t.then( () => this._create() )\n\t\t\t\t.then( () => this._fire( 'restart' ) );\n\t\t} );\n\t}\n\n\t/**\n\t * Initializes the context watchdog.\n\t */\n\tprivate _create(): Promise<unknown> {\n\t\treturn Promise.resolve()\n\t\t\t.then( () => {\n\t\t\t\tthis._startErrorHandling();\n\n\t\t\t\treturn this._creator( this._contextConfig! );\n\t\t\t} )\n\t\t\t.then( context => {\n\t\t\t\tthis._context = context;\n\t\t\t\tthis._contextProps = getSubNodes( this._context );\n\n\t\t\t\treturn Promise.all(\n\t\t\t\t\tArray.from( this._watchdogs.values() )\n\t\t\t\t\t\t.map( watchdog => {\n\t\t\t\t\t\t\twatchdog._setExcludedProperties( this._contextProps );\n\n\t\t\t\t\t\t\treturn watchdog.create( undefined, undefined, this._context! );\n\t\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t} );\n\t}\n\n\t/**\n\t * Destroys the context instance and all added items.\n\t */\n\tprivate _destroy(): Promise<unknown> {\n\t\treturn Promise.resolve()\n\t\t\t.then( () => {\n\t\t\t\tthis._stopErrorHandling();\n\n\t\t\t\tconst context = this._context!;\n\n\t\t\t\tthis._context = null;\n\t\t\t\tthis._contextProps = new Set();\n\n\t\t\t\treturn Promise.all(\n\t\t\t\t\tArray.from( this._watchdogs.values() )\n\t\t\t\t\t\t.map( watchdog => watchdog.destroy() )\n\t\t\t\t)\n\t\t\t\t\t// Context destructor destroys each editor.\n\t\t\t\t\t.then( () => this._destructor( context ) );\n\t\t\t} );\n\t}\n\n\t/**\n\t * Returns the watchdog for a given item ID.\n\t *\n\t * @param itemId Item ID.\n\t */\n\tprotected _getWatchdog( itemId: string ): Watchdog {\n\t\tconst watchdog = this._watchdogs.get( itemId );\n\n\t\tif ( !watchdog ) {\n\t\t\tthrow new Error( `Item with the given id was not registered: ${ itemId }.` );\n\t\t}\n\n\t\treturn watchdog;\n\t}\n\n\t/**\n\t * Checks whether an error comes from the context instance and not from the item instances.\n\t *\n\t * @internal\n\t */\n\tpublic _isErrorComingFromThisItem( error: CKEditorError ): boolean {\n\t\tfor ( const watchdog of this._watchdogs.values() ) {\n\t\t\tif ( watchdog._isErrorComingFromThisItem( error ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn areConnectedThroughProperties( this._context, error.context );\n\t}\n}\n\n/**\n * Fired after the watchdog restarts the context and the added items because of a crash.\n *\n * ```ts\n * watchdog.on( 'restart', () => {\n * \tconsole.log( 'The context has been restarted.' );\n * } );\n * ```\n *\n * @eventName ~ContextWatchdog#restart\n */\nexport type ContextWatchdogRestartEvent = {\n\tname: 'restart';\n\targs: [];\n\treturn: undefined;\n};\n\n/**\n * Fired when a new error occurred in one of the added items.\n *\n * ```ts\n * watchdog.on( 'itemError', ( evt, { error, itemId } ) => {\n * \tconsole.log( `An error occurred in an item with the '${ itemId }' ID.` );\n * } );\n * ```\n *\n * @eventName ~ContextWatchdog#itemError\n */\nexport type ContextWatchdogItemErrorEvent = {\n\tname: 'itemError';\n\targs: [ ContextWatchdogItemErrorEventData ];\n\treturn: undefined;\n};\n\n/**\n * The `itemError` event data.\n */\nexport type ContextWatchdogItemErrorEventData = {\n\titemId: string;\n\terror: Error;\n};\n\n/**\n * Fired after an item has been restarted.\n *\n * ```ts\n * \twatchdog.on( 'itemRestart', ( evt, { itemId } ) => {\n *\t\tconsole.log( 'An item with with the '${ itemId }' ID has been restarted.' );\n * \t} );\n * ```\n *\n * @eventName ~ContextWatchdog#itemRestart\n */\nexport type ContextWatchdogItemRestartEvent = {\n\tname: 'itemRestart';\n\targs: [ ContextWatchdogItemRestartEventData ];\n\treturn: undefined;\n};\n\n/**\n * The `itemRestart` event data.\n */\nexport type ContextWatchdogItemRestartEventData = {\n\titemId: string;\n};\n\n/**\n * Manager of action queues that allows queuing async functions.\n */\nclass ActionQueues {\n\tpublic _onEmptyCallbacks: Array<() => void> = [];\n\tpublic _queues = new Map<symbol | string | number, Promise<unknown>>();\n\tpublic _activeActions = 0;\n\n\t/**\n\t * Used to register callbacks that will be run when the queue becomes empty.\n\t *\n\t * @param onEmptyCallback A callback that will be run whenever the queue becomes empty.\n\t */\n\tpublic onEmpty( onEmptyCallback: () => void ): void {\n\t\tthis._onEmptyCallbacks.push( onEmptyCallback );\n\t}\n\n\t/**\n\t * It adds asynchronous actions (functions) to the proper queue and runs them one by one.\n\t *\n\t * @param queueId The action queue ID.\n\t * @param action A function that should be enqueued.\n\t */\n\tpublic enqueue( queueId: symbol | string | number, action: () => unknown ): Promise<unknown> {\n\t\tconst isMainAction = queueId === mainQueueId;\n\n\t\tthis._activeActions++;\n\n\t\tif ( !this._queues.get( queueId ) ) {\n\t\t\tthis._queues.set( queueId, Promise.resolve() );\n\t\t}\n\n\t\t// List all sources of actions that the current action needs to await for.\n\t\t// For the main action wait for all other actions.\n\t\t// For the item action wait only for the item queue and the main queue.\n\t\tconst awaitedActions = isMainAction ?\n\t\t\tPromise.all( this._queues.values() ) :\n\t\t\tPromise.all( [ this._queues.get( mainQueueId ), this._queues.get( queueId ) ] );\n\n\t\tconst queueWithAction = awaitedActions.then( action );\n\n\t\t// Catch all errors in the main queue to stack promises even if an error occurred in the past.\n\t\tconst nonErrorQueue = queueWithAction.catch( () => {} );\n\n\t\tthis._queues.set( queueId, nonErrorQueue );\n\n\t\treturn queueWithAction.finally( () => {\n\t\t\tthis._activeActions--;\n\n\t\t\tif ( this._queues.get( queueId ) === nonErrorQueue && this._activeActions === 0 ) {\n\t\t\t\tthis._onEmptyCallbacks.forEach( cb => cb() );\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Transforms any value to an array. If the provided value is already an array, it is returned unchanged.\n *\n * @param elementOrArray The value to transform to an array.\n * @returns An array created from data.\n */\nfunction toArray<T>( elementOrArray: ArrayOrItem<T> ): Array<T> {\n\treturn Array.isArray( elementOrArray ) ? elementOrArray : [ elementOrArray ];\n}\n\n/**\n * The watchdog item configuration interface.\n */\nexport interface ContextWatchdogItemConfiguration {\n\n\t/**\n\t * id A unique item identificator.\n\t */\n\tid: string;\n\n\t/**\n\t * The type of the item to create. At the moment, only `'editor'` is supported.\n\t */\n\ttype: 'editor';\n\n\t/**\n\t * A function that initializes the item (the editor). The function takes editor initialization arguments\n\t * and should return a promise. For example: `( el, config ) => ClassicEditor.create( el, config )`.\n\t */\n\tcreator: EditorWatchdogCreatorFunction;\n\n\t/**\n\t * A function that destroys the item instance (the editor). The function\n\t * takes an item and should return a promise. For example: `editor => editor.destroy()`\n\t */\n\tdestructor?: ( editor: Editor ) => Promise<unknown>;\n\n\t/**\n\t * The source element or data that will be passed\n\t * as the first argument to the `Editor.create()` method.\n\t */\n\tsourceElementOrData: string | HTMLElement;\n\n\t/**\n\t * An editor configuration.\n \t */\n\tconfig: EditorConfig;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 watchdog/actionsrecorder\n */\n\n/* istanbul ignore file -- @preserve */\n\nimport type {\n\tCommand,\n\tEditor\n} from '@ckeditor/ckeditor5-core';\n\nimport type {\n\tViewTypeCheckable,\n\tModelTypeCheckable\n} from '@ckeditor/ckeditor5-engine';\n\nimport type {\n\tActionsRecorderEntry,\n\tActionsRecorderEntryEditorSnapshot,\n\tActionsRecorderFilterCallback,\n\tActionsRecorderErrorCallback,\n\tActionsRecorderMaxEntriesCallback\n} from './actionsrecorderconfig.js';\n\nimport { isPlainObject } from 'es-toolkit/compat';\n\n/**\n * A plugin that records user actions and editor state changes for debugging purposes. It tracks commands execution, model operations,\n * UI interactions, and document events. It just collects data locally, and does not send it anywhere, integrator is responsible\n * for gathering data from this plugin for further processing.\n *\n * **Important! `ActionsRecorder` is an experimental feature, and may become deprecated.**\n *\n * By default, plugin stores latest 1000 action entries. Integrator can register an `onError` callback to collect those entries\n * in case of exception. Integrator should augment this data with application specific data such as page-id or session-id,\n * depending on the application. Augmented data should be processed by the integrator, for example integrator should send it\n * to some data collecting endpoint for later analysis.\n *\n * Example:\n *\n * ```ts\n * \tClassicEditor\n * \t\t.create( editorElement, {\n * \t\t\tplugins: [ ActionsRecorder, ... ],\n * \t\t\tactionsRecorder: {\n * \t\t\t\tmaxEntries: 1000, // This is the default value and could be adjusted.\n *\n * \t\t\t\tonError( error, entries ) {\n * \t\t\t\t\tconsole.error( 'ActionsRecorder - Error detected:', error );\n * \t\t\t\t\tconsole.warn( 'Actions recorded before error:', entries );\n *\n * \t\t\t\t\tthis.flushEntries();\n *\n * \t\t\t\t\t// Integrator should send and store the entries. The error is already in the last entry in serializable form.\n * \t\t\t\t}\n * \t\t\t}\n * \t\t} )\n * \t\t.then( ... )\n * \t\t.catch( ... );\n * ```\n *\n * Alternatively integrator could continuously collect actions in batches and send them to theirs endpoint for later analysis:\n *\n * ```ts\n * \tClassicEditor\n * \t\t.create( editorElement, {\n * \t\t\tplugins: [ ActionsRecorder, ... ],\n * \t\t\tactionsRecorder: {\n * \t\t\t\tmaxEntries: 50, // This is the batch size.\n *\n * \t\t\t\tonMaxEntries() {\n * \t\t\t\t\tconst entries = this.getEntries();\n *\n * \t\t\t\t\tthis.flushEntries();\n *\n * \t\t\t\t\tconsole.log( 'ActionsRecorder - Batch of entries:', entries );\n *\n * \t\t\t\t\t// Integrator should send and store the entries.\n * \t\t\t\t},\n *\n * \t\t\t\tonError( error, entries ) {\n * \t\t\t\t\tconsole.error( 'ActionsRecorder - Error detected:', error );\n * \t\t\t\t\tconsole.warn( 'Actions recorded before error:', entries );\n *\n * \t\t\t\t\tthis.flushEntries();\n *\n * \t\t\t\t\t// Integrator should send and store the entries. The error is already in the last entry in serializable form.\n * \t\t\t\t}\n * \t\t\t}\n * \t\t} )\n * \t\t.then( ... )\n * \t\t.catch( ... );\n * ```\n *\n * See {@link module:watchdog/actionsrecorderconfig~ActionsRecorderConfig plugin configuration} for more details.\n *\n */\nexport class ActionsRecorder {\n\t/**\n\t * The editor instance.\n\t */\n\tpublic readonly editor: Editor;\n\n\t/**\n\t * Array storing all recorded action entries with their context and state snapshots.\n\t */\n\tprivate _entries: Array<ActionsRecorderEntry> = [];\n\n\t/**\n\t * Stack tracking nested action frames to maintain call hierarchy.\n\t */\n\tprivate _frameStack: Array<ActionsRecorderEntry> = [];\n\n\t/**\n\t * Set of already reported errors used to notify only once for each error (not on every try-catch nested block).\n\t */\n\tprivate _errors = new Set<Error>();\n\n\t/**\n\t * Maximum number of action entries to keep in memory.\n\t */\n\tprivate _maxEntries: number;\n\n\t/**\n\t * Error callback.\n\t */\n\tprivate _errorCallback?: ActionsRecorderErrorCallback;\n\n\t/**\n\t * Filter function to determine which entries should be stored.\n\t */\n\tprivate _filterCallback?: ActionsRecorderFilterCallback;\n\n\t/**\n\t * Callback triggered every time count of recorded entries reaches maxEntries.\n\t */\n\tprivate _maxEntriesCallback: ActionsRecorderMaxEntriesCallback;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ActionsRecorder' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic constructor( editor: Editor ) {\n\t\tthis.editor = editor;\n\n\t\teditor.config.define( 'actionsRecorder.maxEntries', 1000 );\n\n\t\tconst config = editor.config.get( 'actionsRecorder' )!;\n\n\t\tthis._maxEntries = config.maxEntries!;\n\t\tthis._filterCallback = config.onFilter;\n\t\tthis._errorCallback = config.onError;\n\t\tthis._maxEntriesCallback = config.onMaxEntries || this._maxEntriesDefaultHandler;\n\n\t\tthis._tapCommands();\n\t\tthis._tapOperationApply();\n\t\tthis._tapModelMethods();\n\t\tthis._tapModelSelection();\n\t\tthis._tapComponentFactory();\n\t\tthis._tapViewDocumentEvents();\n\t}\n\n\t/**\n\t * Returns all recorded action entries.\n\t */\n\tpublic getEntries(): Array<ActionsRecorderEntry> {\n\t\t// Return a shallow copy instead of reference as this array could be modified.\n\t\treturn this._entries.slice();\n\t}\n\n\t/**\n\t * Flushes all recorded entries.\n\t */\n\tpublic flushEntries(): void {\n\t\tthis._entries = [];\n\t}\n\n\t/**\n\t * Creates a new action frame and adds it to the recording stack.\n\t *\n\t * @param action The name/type of the action being recorded.\n\t * @param params Optional parameters associated with the event.\n\t * @returns The created call frame object.\n\t */\n\tprivate _enterFrame( action: string, params?: Array<unknown> ): ActionsRecorderEntry {\n\t\tconst callFrame: ActionsRecorderEntry = {\n\t\t\ttimeStamp: new Date().toISOString(),\n\t\t\t...this._frameStack.length && { parentEntry: this._frameStack.at( -1 ) },\n\t\t\taction,\n\t\t\tparams: params?.map( param => serializeValue( param ) ),\n\t\t\tbefore: this._buildStateSnapshot()\n\t\t};\n\n\t\t// Apply filter if configured, only add to entries if filter passes.\n\t\tif ( !this._filterCallback || this._filterCallback( callFrame, this._entries ) ) {\n\t\t\t// Add the call frame to the entries.\n\t\t\tthis._entries.push( callFrame );\n\t\t}\n\n\t\tthis._frameStack.push( callFrame );\n\n\t\treturn callFrame;\n\t}\n\n\t/**\n\t * Closes an action frame and records its final state and results.\n\t *\n\t * @param callFrame The call frame to close.\n\t * @param result Optional result value from the action.\n\t * @param error Optional error that occurred during the action.\n\t */\n\tprivate _leaveFrame( callFrame: ActionsRecorderEntry, result?: any, error?: any ): void {\n\t\tconst topFrame = this._frameStack.pop();\n\n\t\t// Handle scenario when the stack has been cleared in the meantime\n\t\t// or the callFrame is not the top frame.\n\t\tif ( !topFrame || topFrame !== callFrame ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( result !== undefined ) {\n\t\t\ttopFrame.result = serializeValue( result );\n\t\t}\n\n\t\tif ( error ) {\n\t\t\ttopFrame.error = serializeValue( error );\n\t\t}\n\n\t\ttopFrame.after = this._buildStateSnapshot();\n\n\t\tif ( error ) {\n\t\t\tthis._callErrorCallback( error );\n\t\t}\n\n\t\tif ( this._frameStack.length == 0 ) {\n\t\t\tthis._errors.clear();\n\t\t}\n\n\t\t// Enforce max entries limit after leaving the frame so that complete entry is provided.\n\t\tif ( this._entries.length >= this._maxEntries ) {\n\t\t\tthis._maxEntriesCallback();\n\t\t}\n\t}\n\n\t/**\n\t * Builds a snapshot of the current editor state including document version,\n\t * read-only status, focus state, and model selection.\n\t *\n\t * @returns An object containing the current editor state snapshot.\n\t */\n\tprivate _buildStateSnapshot(): ActionsRecorderEntryEditorSnapshot {\n\t\tconst { model, isReadOnly, editing } = this.editor;\n\n\t\treturn {\n\t\t\tdocumentVersion: model.document.version,\n\t\t\teditorReadOnly: isReadOnly,\n\t\t\teditorFocused: editing.view.document.isFocused,\n\t\t\tmodelSelection: serializeValue( model.document.selection )\n\t\t};\n\t}\n\n\t/**\n\t * Sets up recording for all editor commands, both existing and future ones.\n\t * Taps into the command execution to track when commands are run.\n\t */\n\tprivate _tapCommands() {\n\t\t// Tap already registered commands.\n\t\tfor ( const [ commandName, command ] of this.editor.commands ) {\n\t\t\tthis._tapCommand( commandName, command );\n\t\t}\n\n\t\t// Tap commands registered after the constructor was called.\n\t\ttapObjectMethod( this.editor.commands, 'add', {\n\t\t\tbefore: ( callContext, [ commandName, command ] ) => {\n\t\t\t\tthis._tapCommand( commandName, command );\n\n\t\t\t\treturn false;\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Sets up recording for model operation applications.\n\t * Tracks when operations are applied to the model document.\n\t */\n\tprivate _tapOperationApply() {\n\t\ttapObjectMethod( this.editor.model, 'applyOperation', {\n\t\t\tbefore: ( callContext, [ operation ] ) => {\n\t\t\t\t// Ignore operations applied to document fragments.\n\t\t\t\tif ( operation.baseVersion === null ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tcallContext.callFrame = this._enterFrame( 'model.applyOperation', [ operation ] );\n\n\t\t\t\treturn true;\n\t\t\t},\n\t\t\tafter: callContext => {\n\t\t\t\tthis._leaveFrame( callContext.callFrame );\n\t\t\t},\n\t\t\terror: ( callContext, error ) => {\n\t\t\t\tthis._leaveFrame( callContext.callFrame, undefined, error );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Sets up recording for key model methods like insertContent, insertObject, and deleteContent.\n\t * These methods represent high-level model manipulation operations.\n\t */\n\tprivate _tapModelMethods() {\n\t\tfor ( const methodName of [ 'insertContent', 'insertObject', 'deleteContent' ] ) {\n\t\t\ttapObjectMethod( this.editor.model, methodName, {\n\t\t\t\tbefore: ( callContext, ...params ) => {\n\t\t\t\t\tcallContext.callFrame = this._enterFrame( `model.${ methodName }`, params );\n\n\t\t\t\t\treturn true;\n\t\t\t\t},\n\t\t\t\tafter: ( callContext, result ) => {\n\t\t\t\t\tthis._leaveFrame( callContext.callFrame, result );\n\t\t\t\t},\n\t\t\t\terror: ( callContext, error ) => {\n\t\t\t\t\tthis._leaveFrame( callContext.callFrame, undefined, error );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Sets up recording for model selection changes.\n\t * Tracks when the selection range, attributes, or markers change.\n\t */\n\tprivate _tapModelSelection() {\n\t\tconst events = [ 'change:range', 'change:attribute', 'change:marker' ];\n\n\t\tthis._tapFireMethod( this.editor.model.document.selection, events, {\n\t\t\teventSource: 'model-selection'\n\t\t} );\n\t}\n\n\t/**\n\t * Sets up recording for a specific command execution.\n\t *\n\t * @param commandName The name of the command to record.\n\t * @param command The command instance to tap into.\n\t */\n\tprivate _tapCommand( commandName: string, command: Command ) {\n\t\ttapObjectMethod( command, 'execute', {\n\t\t\tbefore: ( callContext, params ) => {\n\t\t\t\tcallContext.callFrame = this._enterFrame( `commands.${ commandName }:execute`, params );\n\n\t\t\t\treturn true;\n\t\t\t},\n\t\t\tafter: ( callContext, result ) => {\n\t\t\t\tthis._leaveFrame( callContext.callFrame, result );\n\t\t\t},\n\t\t\terror: ( callContext, error ) => {\n\t\t\t\tthis._leaveFrame( callContext.callFrame, undefined, error );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Sets up recording for UI component factory creation and component interactions.\n\t * Tracks when components are created and their execute events.\n\t */\n\tprivate _tapComponentFactory() {\n\t\ttapObjectMethod( this.editor.ui.componentFactory, 'create', {\n\t\t\tbefore: ( callContext, [ componentName ] ) => {\n\t\t\t\tcallContext.componentName = componentName;\n\t\t\t\tcallContext.callFrame = this._enterFrame( `component-factory.create:${ componentName }` );\n\n\t\t\t\treturn true;\n\t\t\t},\n\t\t\tafter: ( callContext, componentInstance ) => {\n\t\t\t\tconst executeContext = {\n\t\t\t\t\t...callContext,\n\t\t\t\t\teventSource: `component.${ callContext.componentName }`\n\t\t\t\t};\n\n\t\t\t\tif ( typeof componentInstance.fire == 'function' ) {\n\t\t\t\t\tthis._tapFireMethod( componentInstance, [ 'execute' ], executeContext );\n\t\t\t\t}\n\n\t\t\t\tif ( typeof componentInstance.panelView?.fire == 'function' ) {\n\t\t\t\t\tthis._tapFireMethod( componentInstance.panelView, [ 'execute' ], executeContext );\n\t\t\t\t}\n\n\t\t\t\tif ( typeof componentInstance.buttonView?.actionView?.fire == 'function' ) {\n\t\t\t\t\tthis._tapFireMethod( componentInstance.buttonView.actionView, [ 'execute' ], executeContext );\n\t\t\t\t}\n\n\t\t\t\tthis._leaveFrame( callContext.callFrame );\n\t\t\t},\n\t\t\terror: ( callContext, error ) => {\n\t\t\t\tthis._leaveFrame( callContext.callFrame, undefined, error );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Sets up recording for view document events like clicks, keyboard input,\n\t * selection changes, and other user interactions.\n\t */\n\tprivate _tapViewDocumentEvents() {\n\t\tconst events = [\n\t\t\t'click',\n\t\t\t'mousedown',\n\t\t\t'mouseup',\n\t\t\t'pointerdown',\n\t\t\t'pointerup',\n\t\t\t'focus',\n\t\t\t'blur',\n\n\t\t\t'keydown',\n\t\t\t'keyup',\n\t\t\t'selectionChange',\n\t\t\t'compositionstart',\n\t\t\t'compositionend',\n\t\t\t'beforeinput',\n\t\t\t'mutations',\n\t\t\t'enter',\n\t\t\t'delete',\n\t\t\t'insertText',\n\n\t\t\t'paste',\n\t\t\t'copy',\n\t\t\t'cut',\n\t\t\t'dragstart',\n\t\t\t'drop'\n\t\t];\n\n\t\tthis._tapFireMethod( this.editor.editing.view.document, events, { eventSource: 'observers' } );\n\t}\n\n\t/**\n\t * Sets up recording for specific events fired by an emitter object.\n\t *\n\t * @param emitter The object that fires events to be recorded.\n\t * @param eventNames Array of event names to record.\n\t * @param context Additional context to include with recorded events.\n\t */\n\tprivate _tapFireMethod( emitter: any, eventNames: Array<string>, context: Record<string, any> = {} ) {\n\t\ttapObjectMethod( emitter, 'fire', {\n\t\t\tbefore: ( callContext, [ eventInfoOrName, ...params ] ) => {\n\t\t\t\tconst eventName = typeof eventInfoOrName == 'string' ? eventInfoOrName : eventInfoOrName.name;\n\n\t\t\t\tif ( !eventNames.includes( eventName ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tcallContext.callFrame = this._enterFrame( `${ callContext.eventSource }:${ eventName }`, params );\n\n\t\t\t\treturn true;\n\t\t\t},\n\t\t\tafter: ( callContext, result ) => {\n\t\t\t\tthis._leaveFrame( callContext.callFrame, result );\n\t\t\t},\n\t\t\terror: ( callContext, error ) => {\n\t\t\t\tthis._leaveFrame( callContext.callFrame, undefined, error );\n\t\t\t}\n\t\t}, context );\n\t}\n\n\t/**\n\t * Triggers error callback.\n\t */\n\tprivate _callErrorCallback( error?: any ): void {\n\t\tif ( !this._errorCallback || this._errors.has( error ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._errors.add( error );\n\n\t\ttry {\n\t\t\t// Provide a shallow copy of entries as it might be modified before error handler serializes it.\n\t\t\tthis._errorCallback( error, this.getEntries() );\n\t\t} catch ( observerError ) {\n\t\t\t// Silently catch observer errors to prevent them from affecting the recording.\n\t\t\tconsole.error( 'ActionsRecorder onError callback error:', observerError );\n\t\t}\n\t}\n\n\t/**\n\t * The default handler for maxEntries callback.\n\t */\n\tprivate _maxEntriesDefaultHandler() {\n\t\tthis._entries.shift();\n\t}\n}\n\n/**\n * Creates a wrapper around a method to record its calls, results, and errors.\n *\n * @internal\n *\n * @param object The object containing the method to tap.\n * @param methodName The name of the method to tap.\n * @param tap The tap configuration with before/after/error hooks.\n * @param context Additional context to include with the method calls.\n */\nexport function tapObjectMethod(\n\tobject: any,\n\tmethodName: string,\n\ttap: MethodTap,\n\tcontext: Record<string, any> = {}\n): void {\n\tconst originalMethod = object[ methodName ];\n\n\tif ( originalMethod[ Symbol.for( 'Tapped method' ) ] ) {\n\t\treturn;\n\t}\n\n\tobject[ methodName ] = ( ...args: Array<any> ) => {\n\t\tconst callContext = Object.assign( {}, context );\n\t\tlet shouldHandle;\n\n\t\ttry {\n\t\t\tshouldHandle = tap.before?.( callContext, args );\n\n\t\t\tconst result = originalMethod.apply( object, args );\n\n\t\t\tif ( shouldHandle ) {\n\t\t\t\ttap.after?.( callContext, result );\n\t\t\t}\n\n\t\t\treturn result;\n\t\t} catch ( error ) {\n\t\t\tif ( shouldHandle ) {\n\t\t\t\ttap.error?.( callContext, error );\n\t\t\t}\n\n\t\t\tthrow error;\n\t\t}\n\t};\n\n\tobject[ methodName ][ Symbol.for( 'Tapped method' ) ] = originalMethod;\n}\n\n/**\n * Represents a method tap with optional hooks for before, after, and error handling.\n */\ninterface MethodTap extends Record<string, any> {\n\n\t/**\n\t * Hook called before the original method execution.\n\t *\n\t * @param context The call context object for storing state between hooks.\n\t * @param args The arguments passed to the original method.\n\t * @returns True if the method call should be recorded, false to ignore it.\n\t */\n\tbefore?: ( context: Record<string, any>, args: Array<any> ) => boolean;\n\n\t/**\n\t * Hook called after successful method execution.\n\t *\n\t * @param context The call context object with state from the before hook.\n\t * @param result The result returned by the original method.\n\t */\n\tafter?: ( context: Record<string, any>, result: any ) => void;\n\n\t/**\n\t * Hook called when the method execution throws an error.\n\t *\n\t * @param context The call context object with state from the before hook.\n\t * @param error The error thrown by the original method.\n\t */\n\terror?: ( context: Record<string, any>, error: any ) => void;\n}\n\n/**\n * Serializes a value into a JSON-serializable format.\n *\n * @internal\n *\n * @param value The value to serialize.\n * @param visited Set of already serialized objects to avoid circular references.\n * @returns A JSON-serializable representation of the value.\n */\nexport function serializeValue( value: any, visited = new WeakSet() ): any {\n\tif ( !value || [ 'boolean', 'number', 'string' ].includes( typeof value ) ) {\n\t\treturn value;\n\t}\n\n\tif ( typeof value.toJSON == 'function' ) {\n\t\tconst jsonData = value.toJSON();\n\n\t\t// Make sure that toJSON returns plain object, otherwise it could be just a clone with circular references.\n\t\tif ( isPlainObject( jsonData ) || Array.isArray( jsonData ) || [ 'string', 'number', 'boolean' ].includes( typeof jsonData ) ) {\n\t\t\treturn serializeValue( jsonData, visited );\n\t\t}\n\t}\n\n\tif ( value instanceof Error ) {\n\t\treturn {\n\t\t\tname: value.name,\n\t\t\tmessage: value.message,\n\t\t\tstack: value.stack\n\t\t};\n\t}\n\n\t// Most TypeCheckable should implement toJSON method so this is a fallback for other TypeCheckable objects.\n\tif ( isTypeCheckable( value ) || typeof value != 'object' ) {\n\t\treturn {\n\t\t\ttype: typeof value,\n\t\t\tconstructor: value.constructor?.name || 'unknown',\n\t\t\tstring: String( value )\n\t\t};\n\t}\n\n\tif ( value instanceof File || value instanceof Blob || value instanceof FormData || value instanceof DataTransfer ) {\n\t\treturn String( value );\n\t}\n\n\tif ( visited.has( value ) ) {\n\t\treturn;\n\t}\n\n\tvisited.add( value );\n\n\t// Arrays.\n\tif ( Array.isArray( value ) ) {\n\t\treturn value.length ? value.map( item => serializeValue( item, visited ) ) : undefined;\n\t}\n\n\t// Other objects (plain, instances of classes, or events).\n\tconst result: Record<string, any> = {};\n\tconst ignoreFields: Array<string> = [];\n\n\t// DOM event additional fields.\n\tif ( value.domEvent ) {\n\t\tignoreFields.push( 'domEvent', 'domTarget', 'view', 'document' );\n\n\t\tresult.domEvent = serializeDomEvent( value.domEvent );\n\t\tresult.target = serializeValue( value.target );\n\n\t\tif ( value.dataTransfer ) {\n\t\t\tresult.dataTransfer = {\n\t\t\t\ttypes: value.dataTransfer.types,\n\t\t\t\thtmlData: value.dataTransfer.getData( 'text/html' ),\n\t\t\t\tfiles: serializeValue( value.dataTransfer.files )\n\t\t\t};\n\t\t}\n\t}\n\n\t// Other object types.\n\tfor ( const [ key, val ] of Object.entries( value ) ) {\n\t\t// Ignore private fields, DOM events serialized above, and decorated methods.\n\t\tif ( key.startsWith( '_' ) || ignoreFields.includes( key ) || typeof val == 'function' ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst serializedValue = serializeValue( val, visited );\n\n\t\tif ( serializedValue !== undefined ) {\n\t\t\tresult[ key ] = serializedValue;\n\t\t}\n\t}\n\n\tif ( Symbol.iterator in value ) {\n\t\tconst items = Array.from( value[ Symbol.iterator ]() ).map( item => serializeValue( item, visited ) );\n\n\t\tif ( items.length ) {\n\t\t\tresult._items = items;\n\t\t}\n\t}\n\n\treturn Object.keys( result ).length ? result : undefined;\n}\n\n/**\n * Serializes a DOM event into a plain object representation.\n *\n * Extracts common properties from DOM events such as type, target information,\n * coordinates, key codes, and other relevant event data for debugging purposes.\n *\n * @param event The DOM event to serialize.\n * @returns A serialized object containing the event's key properties.\n */\nfunction serializeDomEvent( event: Event ): any {\n\tlet serialized: Record<string, any> = {\n\t\ttype: event.type,\n\t\ttarget: serializeDOMTarget( event.target )\n\t};\n\n\t// Add mouse event properties.\n\tif ( event instanceof MouseEvent ) {\n\t\tserialized = {\n\t\t\t...serialized,\n\t\t\tbutton: event.button,\n\t\t\tbuttons: event.buttons,\n\t\t\tctrlKey: event.ctrlKey,\n\t\t\tshiftKey: event.shiftKey,\n\t\t\taltKey: event.altKey,\n\t\t\tmetaKey: event.metaKey\n\t\t};\n\t}\n\n\t// Add keyboard event properties.\n\tif ( event instanceof KeyboardEvent ) {\n\t\tserialized = {\n\t\t\t...serialized,\n\t\t\tkey: event.key,\n\t\t\tcode: event.code,\n\t\t\tkeyCode: event.keyCode,\n\t\t\tctrlKey: event.ctrlKey,\n\t\t\tshiftKey: event.shiftKey,\n\t\t\taltKey: event.altKey,\n\t\t\tmetaKey: event.metaKey,\n\t\t\trepeat: event.repeat\n\t\t};\n\t}\n\n\t// Add input event properties.\n\tif ( event instanceof InputEvent ) {\n\t\tserialized = {\n\t\t\t...serialized,\n\t\t\tdata: event.data,\n\t\t\tinputType: event.inputType,\n\t\t\tisComposing: event.isComposing\n\t\t};\n\t}\n\n\t// Add pointer event properties.\n\tif ( event instanceof PointerEvent ) {\n\t\tserialized = {\n\t\t\t...serialized,\n\t\t\tisPrimary: event.isPrimary\n\t\t};\n\t}\n\n\t/**\n\t * Serializes a DOM event target into a plain object representation.\n\t *\n\t * @param target The DOM event target to serialize.\n\t * @returns A serialized object containing the target's information.\n\t */\n\tfunction serializeDOMTarget( target: EventTarget | null ) {\n\t\tif ( !target ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( target instanceof Element ) {\n\t\t\treturn {\n\t\t\t\ttagName: target.tagName,\n\t\t\t\tclassName: target.className,\n\t\t\t\tid: target.id\n\t\t\t};\n\t\t}\n\n\t\tif ( target instanceof Window || target instanceof Document ) {\n\t\t\treturn {\n\t\t\t\ttype: target.constructor.name\n\t\t\t};\n\t\t}\n\n\t\treturn {};\n\t}\n\n\treturn serialized;\n}\n\n/**\n * Checks if a value is type-checkable, meaning it has an `is` method.\n */\nfunction isTypeCheckable( value: any ): value is ViewTypeCheckable & ModelTypeCheckable {\n\treturn value && typeof value.is === 'function';\n}\n", "import { ObservableMixin, insertToPriorityArray, CKEditorError, EmitterMixin, Config, Locale, Collection, KeystrokeHandler, env, global, uid, decodeLicenseKey, toArray, crc32, releaseDate, logError, isFeatureBlockedByLicenseKey, setDataInElement } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { get, set, isFunction } from 'es-toolkit/compat';\nimport { Model, StylesProcessor, DataController, EditingController, Conversion } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { EditorWatchdog, ContextWatchdog } from '@ckeditor/ckeditor5-watchdog/dist/index.js';\n\n/**\n * The base class for CKEditor plugin classes.\n */ class Plugin extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * The editor instance.\n\t *\n\t * Note that most editors implement the {@link module:core/editor/editor~Editor#ui} property.\n\t * However, editors with an external UI (i.e. Bootstrap-based) or a headless editor may not have this property or\n\t * throw an error when accessing it.\n\t *\n\t * Because of above, to make plugins more universal, it is recommended to split features into:\n\t *  - The \"editing\" part that uses the {@link module:core/editor/editor~Editor} class without `ui` property.\n\t *  - The \"UI\" part that uses the {@link module:core/editor/editor~Editor} class and accesses `ui` property.\n\t */ editor;\n    /**\n\t * Holds identifiers for {@link #forceDisabled} mechanism.\n\t */ _disableStack = new Set();\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super();\n        this.editor = editor;\n        this.set('isEnabled', true);\n    }\n    /**\n\t * Disables the plugin.\n\t *\n\t * Plugin may be disabled by multiple features or algorithms (at once). When disabling a plugin, unique id should be passed\n\t * (e.g. feature name). The same identifier should be used when {@link #clearForceDisabled enabling back} the plugin.\n\t * The plugin becomes enabled only after all features {@link #clearForceDisabled enabled it back}.\n\t *\n\t * Disabling and enabling a plugin:\n\t *\n\t * ```ts\n\t * plugin.isEnabled; // -> true\n\t * plugin.forceDisabled( 'MyFeature' );\n\t * plugin.isEnabled; // -> false\n\t * plugin.clearForceDisabled( 'MyFeature' );\n\t * plugin.isEnabled; // -> true\n\t * ```\n\t *\n\t * Plugin disabled by multiple features:\n\t *\n\t * ```ts\n\t * plugin.forceDisabled( 'MyFeature' );\n\t * plugin.forceDisabled( 'OtherFeature' );\n\t * plugin.clearForceDisabled( 'MyFeature' );\n\t * plugin.isEnabled; // -> false\n\t * plugin.clearForceDisabled( 'OtherFeature' );\n\t * plugin.isEnabled; // -> true\n\t * ```\n\t *\n\t * Multiple disabling with the same identifier is redundant:\n\t *\n\t * ```ts\n\t * plugin.forceDisabled( 'MyFeature' );\n\t * plugin.forceDisabled( 'MyFeature' );\n\t * plugin.clearForceDisabled( 'MyFeature' );\n\t * plugin.isEnabled; // -> true\n\t * ```\n\t *\n\t * **Note:** some plugins or algorithms may have more complex logic when it comes to enabling or disabling certain plugins,\n\t * so the plugin might be still disabled after {@link #clearForceDisabled} was used.\n\t *\n\t * @param id Unique identifier for disabling. Use the same id when {@link #clearForceDisabled enabling back} the plugin.\n\t */ forceDisabled(id) {\n        this._disableStack.add(id);\n        if (this._disableStack.size == 1) {\n            this.on('set:isEnabled', forceDisable$1, {\n                priority: 'highest'\n            });\n            this.isEnabled = false;\n        }\n    }\n    /**\n\t * Clears forced disable previously set through {@link #forceDisabled}. See {@link #forceDisabled}.\n\t *\n\t * @param id Unique identifier, equal to the one passed in {@link #forceDisabled} call.\n\t */ clearForceDisabled(id) {\n        this._disableStack.delete(id);\n        if (this._disableStack.size == 0) {\n            this.off('set:isEnabled', forceDisable$1);\n            this.isEnabled = true;\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this.stopListening();\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isContextPlugin() {\n        return false;\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get isOfficialPlugin() {\n        return false;\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get isPremiumPlugin() {\n        return false;\n    }\n}\n/**\n * Helper function that forces plugin to be disabled.\n */ function forceDisable$1(evt) {\n    evt.return = false;\n    evt.stop();\n}\n\n/**\n * Base class for the CKEditor commands.\n *\n * Commands are the main way to manipulate the editor contents and state. They are mostly used by UI elements (or by other\n * commands) to make changes in the model. Commands are available in every part of the code that has access to\n * the {@link module:core/editor/editor~Editor editor} instance.\n *\n * Instances of registered commands can be retrieved from {@link module:core/editor/editor~Editor#commands `editor.commands`}.\n * The easiest way to execute a command is through {@link module:core/editor/editor~Editor#execute `editor.execute()`}.\n *\n * By default, commands are disabled when the editor is in the {@link module:core/editor/editor~Editor#isReadOnly read-only} mode\n * but commands with the {@link module:core/command~Command#affectsData `affectsData`} flag set to `false` will not be disabled.\n */ class Command extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * The editor on which this command will be used.\n\t */ editor;\n    /**\n\t * A flag indicating whether a command's `isEnabled` state should be changed depending on where the document\n\t * selection is placed.\n\t *\n\t * By default, it is set to `true`. If the document selection is placed in a\n\t * {@link module:engine/model/model~Model#canEditAt non-editable} place (such as non-editable root), the command becomes disabled.\n\t *\n\t * The flag should be changed to `false` in a concrete command's constructor if the command should not change its `isEnabled`\n\t * accordingly to the document selection.\n\t */ _isEnabledBasedOnSelection;\n    /**\n\t * A flag indicating whether a command execution changes the editor data or not.\n\t *\n\t * @see #affectsData\n\t */ _affectsData;\n    /**\n\t * Holds identifiers for {@link #forceDisabled} mechanism.\n\t */ _disableStack;\n    /**\n\t * Creates a new `Command` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t */ constructor(editor){\n        super();\n        this.editor = editor;\n        this.set('value', undefined);\n        this.set('isEnabled', false);\n        this._affectsData = true;\n        this._isEnabledBasedOnSelection = true;\n        this._disableStack = new Set();\n        this.decorate('execute');\n        // By default, every command is refreshed when changes are applied to the model.\n        this.listenTo(this.editor.model.document, 'change', ()=>{\n            this.refresh();\n        });\n        this.listenTo(editor, 'change:isReadOnly', ()=>{\n            this.refresh();\n        });\n        // By default, commands are disabled if the selection is in non-editable place or editor is in read-only mode.\n        this.on('set:isEnabled', (evt)=>{\n            if (!this.affectsData) {\n                return;\n            }\n            const selection = editor.model.document.selection;\n            const selectionInGraveyard = selection.getFirstPosition().root.rootName == '$graveyard';\n            const canEditAtSelection = !selectionInGraveyard && editor.model.canEditAt(selection);\n            // Disable if editor is read only, or when selection is in a place which cannot be edited.\n            //\n            // Checking `editor.isReadOnly` is needed for all commands that have `_isEnabledBasedOnSelection == false`.\n            // E.g. undo does not base on selection, but affects data and should be disabled when the editor is in read-only mode.\n            if (editor.isReadOnly || this._isEnabledBasedOnSelection && !canEditAtSelection) {\n                evt.return = false;\n                evt.stop();\n            }\n        }, {\n            priority: 'highest'\n        });\n        this.on('execute', (evt)=>{\n            if (!this.isEnabled) {\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * A flag indicating whether a command execution changes the editor data or not.\n\t *\n\t * Commands with `affectsData` set to `false` will not be automatically disabled in\n\t * the {@link module:core/editor/editor~Editor#isReadOnly read-only mode} and\n\t * {@glink features/read-only#related-features other editor modes} with restricted user write permissions.\n\t *\n\t * **Note:** You do not have to set it for your every command. It is `true` by default.\n\t *\n\t * @default true\n\t */ get affectsData() {\n        return this._affectsData;\n    }\n    set affectsData(affectsData) {\n        this._affectsData = affectsData;\n    }\n    /**\n\t * Refreshes the command. The command should update its {@link #isEnabled} and {@link #value} properties\n\t * in this method.\n\t *\n\t * This method is automatically called when\n\t * {@link module:engine/model/document~ModelDocument#event:change any changes are applied to the document}.\n\t */ refresh() {\n        this.isEnabled = true;\n    }\n    /**\n\t * Disables the command.\n\t *\n\t * Command may be disabled by multiple features or algorithms (at once). When disabling a command, unique id should be passed\n\t * (e.g. the feature name). The same identifier should be used when {@link #clearForceDisabled enabling back} the command.\n\t * The command becomes enabled only after all features {@link #clearForceDisabled enabled it back}.\n\t *\n\t * Disabling and enabling a command:\n\t *\n\t * ```ts\n\t * command.isEnabled; // -> true\n\t * command.forceDisabled( 'MyFeature' );\n\t * command.isEnabled; // -> false\n\t * command.clearForceDisabled( 'MyFeature' );\n\t * command.isEnabled; // -> true\n\t * ```\n\t *\n\t * Command disabled by multiple features:\n\t *\n\t * ```ts\n\t * command.forceDisabled( 'MyFeature' );\n\t * command.forceDisabled( 'OtherFeature' );\n\t * command.clearForceDisabled( 'MyFeature' );\n\t * command.isEnabled; // -> false\n\t * command.clearForceDisabled( 'OtherFeature' );\n\t * command.isEnabled; // -> true\n\t * ```\n\t *\n\t * Multiple disabling with the same identifier is redundant:\n\t *\n\t * ```ts\n\t * command.forceDisabled( 'MyFeature' );\n\t * command.forceDisabled( 'MyFeature' );\n\t * command.clearForceDisabled( 'MyFeature' );\n\t * command.isEnabled; // -> true\n\t * ```\n\t *\n\t * **Note:** some commands or algorithms may have more complex logic when it comes to enabling or disabling certain commands,\n\t * so the command might be still disabled after {@link #clearForceDisabled} was used.\n\t *\n\t * @param id Unique identifier for disabling. Use the same id when {@link #clearForceDisabled enabling back} the command.\n\t */ forceDisabled(id) {\n        this._disableStack.add(id);\n        if (this._disableStack.size == 1) {\n            this.on('set:isEnabled', forceDisable, {\n                priority: 'highest'\n            });\n            this.isEnabled = false;\n        }\n    }\n    /**\n\t * Clears forced disable previously set through {@link #forceDisabled}. See {@link #forceDisabled}.\n\t *\n\t * @param id Unique identifier, equal to the one passed in {@link #forceDisabled} call.\n\t */ clearForceDisabled(id) {\n        this._disableStack.delete(id);\n        if (this._disableStack.size == 0) {\n            this.off('set:isEnabled', forceDisable);\n            this.refresh();\n        }\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * A command may accept parameters. They will be passed from {@link module:core/editor/editor~Editor#execute `editor.execute()`}\n\t * to the command.\n\t *\n\t * The `execute()` method will automatically abort when the command is disabled ({@link #isEnabled} is `false`).\n\t * This behavior is implemented by a high priority listener to the {@link #event:execute} event.\n\t *\n\t * In order to see how to disable a command from \"outside\" see the {@link #isEnabled} documentation.\n\t *\n\t * This method may return a value, which would be forwarded all the way down to the\n\t * {@link module:core/editor/editor~Editor#execute `editor.execute()`}.\n\t *\n\t * @fires execute\n\t */ execute(...args) {\n        return undefined;\n    }\n    /**\n\t * Destroys the command.\n\t */ destroy() {\n        this.stopListening();\n    }\n}\n/**\n * Helper function that forces command to be disabled.\n */ function forceDisable(evt) {\n    evt.return = false;\n    evt.stop();\n}\n\n/**\n * A CKEditor command that aggregates other commands.\n *\n * This command is used to proxy multiple commands. The multi-command is enabled when\n * at least one of its registered child commands is enabled.\n * When executing a multi-command, the first enabled command with highest priority will be executed.\n *\n * ```ts\n * const multiCommand = new MultiCommand( editor );\n *\n * const commandFoo = new Command( editor );\n * const commandBar = new Command( editor );\n *\n * // Register a child command.\n * multiCommand.registerChildCommand( commandFoo );\n * // Register a child command with a low priority.\n * multiCommand.registerChildCommand( commandBar, { priority: 'low' } );\n *\n * // Enable one of the commands.\n * commandBar.isEnabled = true;\n *\n * multiCommand.execute(); // Will execute commandBar.\n * ```\n */ class MultiCommand extends Command {\n    /**\n\t * Registered child commands definitions.\n\t */ _childCommandsDefinitions = [];\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n    // Override base command refresh(): the command's state is changed when one of child commands changes states.\n    }\n    /**\n\t * Executes the first enabled command which has the highest priority of all registered child commands.\n\t *\n\t * @returns The value returned by the {@link module:core/command~Command#execute `command.execute()`}.\n\t */ execute(...args) {\n        const command = this._getFirstEnabledCommand();\n        return !!command && command.execute(args);\n    }\n    /**\n\t * Registers a child command.\n\t *\n\t * @param options An object with configuration options.\n\t * @param options.priority Priority of a command to register.\n\t */ registerChildCommand(command, options = {}) {\n        insertToPriorityArray(this._childCommandsDefinitions, {\n            command,\n            priority: options.priority || 'normal'\n        });\n        // Change multi-command enabled state when one of registered commands changes state.\n        command.on('change:isEnabled', ()=>this._checkEnabled());\n        this._checkEnabled();\n    }\n    /**\n\t * Checks if any of child commands is enabled.\n\t */ _checkEnabled() {\n        this.isEnabled = !!this._getFirstEnabledCommand();\n    }\n    /**\n\t * Returns a first enabled command with the highest priority or `undefined` if none of them is enabled.\n\t */ _getFirstEnabledCommand() {\n        const commandDefinition = this._childCommandsDefinitions.find(({ command })=>command.isEnabled);\n        return commandDefinition && commandDefinition.command;\n    }\n}\n\n/**\n * Collection of commands. Its instance is available in {@link module:core/editor/editor~Editor#commands `editor.commands`}.\n */ class CommandCollection {\n    /**\n\t * Command map.\n\t */ _commands;\n    /**\n\t * Creates collection instance.\n\t */ constructor(){\n        this._commands = new Map();\n    }\n    /**\n\t * Registers a new command.\n\t *\n\t * @param commandName The name of the command.\n\t */ add(commandName, command) {\n        this._commands.set(commandName, command);\n    }\n    /**\n\t * Retrieves a command from the collection.\n\t *\n\t * @param commandName The name of the command.\n\t */ get(commandName) {\n        return this._commands.get(commandName);\n    }\n    /**\n\t * Executes a command.\n\t *\n\t * @param commandName The name of the command.\n\t * @param commandParams Command parameters.\n\t * @returns The value returned by the {@link module:core/command~Command#execute `command.execute()`}.\n\t */ execute(commandName, ...commandParams) {\n        const command = this.get(commandName);\n        if (!command) {\n            /**\n\t\t\t * Command does not exist.\n\t\t\t *\n\t\t\t * @error commandcollection-command-not-found\n\t\t\t * @param {string} commandName Name of the command.\n\t\t\t */ throw new CKEditorError('commandcollection-command-not-found', this, {\n                commandName\n            });\n        }\n        return command.execute(...commandParams);\n    }\n    /**\n\t * Returns iterator of command names.\n\t */ *names() {\n        yield* this._commands.keys();\n    }\n    /**\n\t * Returns iterator of command instances.\n\t */ *commands() {\n        yield* this._commands.values();\n    }\n    /**\n\t * Iterable interface.\n\t *\n\t * Returns `[ commandName, commandInstance ]` pairs.\n\t */ [Symbol.iterator]() {\n        return this._commands[Symbol.iterator]();\n    }\n    /**\n\t * Destroys all collection commands.\n\t */ destroy() {\n        for (const command of this.commands()){\n            command.destroy();\n        }\n    }\n}\n\n/**\n * Manages a list of CKEditor plugins, including loading, resolving dependencies and initialization.\n */ class PluginCollection extends /* #__PURE__ */ EmitterMixin() {\n    _context;\n    _plugins = new Map();\n    /**\n\t * A map of plugin constructors that can be retrieved by their names.\n\t */ _availablePlugins;\n    /**\n\t * Map of {@link module:core/contextplugin~ContextPlugin context plugins} which can be retrieved by their constructors or instances.\n\t */ _contextPlugins;\n    /**\n\t * Creates an instance of the plugin collection class.\n\t * Allows loading and initializing plugins and their dependencies.\n\t * Allows providing a list of already loaded plugins. These plugins will not be destroyed along with this collection.\n\t *\n\t * @param availablePlugins Plugins (constructors) which the collection will be able to use\n\t * when {@link module:core/plugincollection~PluginCollection#init} is used with the plugin names (strings, instead of constructors).\n\t * Usually, the editor will pass its built-in plugins to the collection so they can later be\n\t * used in `config.plugins` or `config.removePlugins` by names.\n\t * @param contextPlugins A list of already initialized plugins represented by a `[ PluginConstructor, pluginInstance ]` pair.\n\t */ constructor(context, availablePlugins = [], contextPlugins = []){\n        super();\n        this._context = context;\n        this._availablePlugins = new Map();\n        for (const PluginConstructor of availablePlugins){\n            if (PluginConstructor.pluginName) {\n                this._availablePlugins.set(PluginConstructor.pluginName, PluginConstructor);\n            }\n        }\n        this._contextPlugins = new Map();\n        for (const [PluginConstructor, pluginInstance] of contextPlugins){\n            this._contextPlugins.set(PluginConstructor, pluginInstance);\n            this._contextPlugins.set(pluginInstance, PluginConstructor);\n            // To make it possible to require a plugin by its name.\n            if (PluginConstructor.pluginName) {\n                this._availablePlugins.set(PluginConstructor.pluginName, PluginConstructor);\n            }\n        }\n    }\n    /**\n\t * Iterable interface.\n\t *\n\t * Returns `[ PluginConstructor, pluginInstance ]` pairs.\n\t */ *[Symbol.iterator]() {\n        for (const entry of this._plugins){\n            if (typeof entry[0] == 'function') {\n                yield entry;\n            }\n        }\n    }\n    /**\n\t * Gets the plugin instance by its constructor or name.\n\t *\n\t * ```ts\n\t * // Check if 'Clipboard' plugin was loaded.\n\t * if ( editor.plugins.has( 'ClipboardPipeline' ) ) {\n\t * \t// Get clipboard plugin instance\n\t * \tconst clipboard = editor.plugins.get( 'ClipboardPipeline' );\n\t *\n\t * \tthis.listenTo( clipboard, 'inputTransformation', ( evt, data ) => {\n\t * \t\t// Do something on clipboard input.\n\t * \t} );\n\t * }\n\t * ```\n\t *\n\t * **Note**: This method will throw an error if a plugin is not loaded. Use `{@link #has editor.plugins.has()}`\n\t * to check if a plugin is available.\n\t *\n\t * @param key The plugin constructor or {@link module:core/plugin~PluginStaticMembers#pluginName name}.\n\t */ get(key) {\n        const plugin = this._plugins.get(key);\n        if (!plugin) {\n            let pluginName = key;\n            if (typeof key == 'function') {\n                pluginName = key.pluginName || key.name;\n            }\n            /**\n\t\t\t * The plugin is not loaded and could not be obtained.\n\t\t\t *\n\t\t\t * Plugin classes (constructors) need to be provided to the editor and must be loaded before they can be obtained from\n\t\t\t * the plugin collection.\n\t\t\t *\n\t\t\t * **Note**: You can use `{@link module:core/plugincollection~PluginCollection#has editor.plugins.has()}`\n\t\t\t * to check if a plugin was loaded.\n\t\t\t *\n\t\t\t * @error plugincollection-plugin-not-loaded\n\t\t\t * @param {string} plugin The name of the plugin which is not loaded.\n\t\t\t */ throw new CKEditorError('plugincollection-plugin-not-loaded', this._context, {\n                plugin: pluginName\n            });\n        }\n        return plugin;\n    }\n    /**\n\t * Checks if a plugin is loaded.\n\t *\n\t * ```ts\n\t * // Check if the 'Clipboard' plugin was loaded.\n\t * if ( editor.plugins.has( 'ClipboardPipeline' ) ) {\n\t * \t// Now use the clipboard plugin instance:\n\t * \tconst clipboard = editor.plugins.get( 'ClipboardPipeline' );\n\t *\n\t * \t// ...\n\t * }\n\t * ```\n\t *\n\t * @param key The plugin constructor or {@link module:core/plugin~PluginStaticMembers#pluginName name}.\n\t */ has(key) {\n        return this._plugins.has(key);\n    }\n    /**\n\t * Initializes a set of plugins and adds them to the collection.\n\t *\n\t * @param plugins An array of {@link module:core/plugin~PluginInterface plugin constructors}\n\t * or {@link module:core/plugin~PluginStaticMembers#pluginName plugin names}.\n\t * @param pluginsToRemove Names of the plugins or plugin constructors\n\t * that should not be loaded (despite being specified in the `plugins` array).\n\t * @param pluginsSubstitutions An array of {@link module:core/plugin~PluginInterface plugin constructors}\n\t * that will be used to replace plugins of the same names that were passed in `plugins` or that are in their dependency tree.\n\t * A useful option for replacing built-in plugins while creating tests (for mocking their APIs). Plugins that will be replaced\n\t * must follow these rules:\n\t *   * The new plugin must be a class.\n\t *   * The new plugin must be named.\n\t *   * Both plugins must not depend on other plugins.\n\t * @returns A promise which gets resolved once all plugins are loaded and available in the collection.\n\t */ init(plugins, pluginsToRemove = [], pluginsSubstitutions = []) {\n        // Plugin initialization procedure consists of 2 main steps:\n        // 1) collecting all available plugin constructors,\n        // 2) verification whether all required plugins can be instantiated.\n        //\n        // In the first step, all plugin constructors, available in the provided `plugins` array and inside\n        // plugin's dependencies (from the `Plugin.requires` array), are recursively collected and added to the existing\n        // `this._availablePlugins` map, but without any verification at the given moment. Performing the verification\n        // at this point (during the plugin constructor searching) would cause false errors to occur, that some plugin\n        // is missing but in fact it may be defined further in the array as the dependency of other plugin. After\n        // traversing the entire dependency tree, it will be checked if all required \"top level\" plugins are available.\n        //\n        // In the second step, the list of plugins that have not been explicitly removed is traversed to get all the\n        // plugin constructors to be instantiated in the correct order and to validate against some rules. Finally, if\n        // no plugin is missing and no other error has been found, they all will be instantiated.\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const that = this;\n        const context = this._context;\n        findAvailablePluginConstructors(plugins);\n        validatePlugins(plugins);\n        const pluginsToLoad = plugins.filter((plugin)=>!isPluginRemoved(plugin, pluginsToRemove));\n        const pluginConstructors = [\n            ...getPluginConstructors(pluginsToLoad)\n        ];\n        substitutePlugins(pluginConstructors, pluginsSubstitutions);\n        const pluginInstances = loadPlugins(pluginConstructors);\n        return initPlugins(pluginInstances, 'init').then(()=>initPlugins(pluginInstances, 'afterInit')).then(()=>pluginInstances);\n        function isPluginConstructor(plugin) {\n            return typeof plugin === 'function';\n        }\n        function isContextPlugin(plugin) {\n            return isPluginConstructor(plugin) && !!plugin.isContextPlugin;\n        }\n        function isPluginRemoved(plugin, pluginsToRemove) {\n            return pluginsToRemove.some((removedPlugin)=>{\n                if (removedPlugin === plugin) {\n                    return true;\n                }\n                if (getPluginName(plugin) === removedPlugin) {\n                    return true;\n                }\n                if (getPluginName(removedPlugin) === plugin) {\n                    return true;\n                }\n                return false;\n            });\n        }\n        function getPluginName(plugin) {\n            return isPluginConstructor(plugin) ? plugin.pluginName || plugin.name : plugin;\n        }\n        function findAvailablePluginConstructors(plugins, processed = new Set()) {\n            plugins.forEach((plugin)=>{\n                if (!isPluginConstructor(plugin)) {\n                    return;\n                }\n                if (processed.has(plugin)) {\n                    return;\n                }\n                processed.add(plugin);\n                if (plugin.pluginName && !that._availablePlugins.has(plugin.pluginName)) {\n                    that._availablePlugins.set(plugin.pluginName, plugin);\n                }\n                if (plugin.requires) {\n                    findAvailablePluginConstructors(plugin.requires, processed);\n                }\n            });\n        }\n        function getPluginConstructors(plugins, processed = new Set()) {\n            return plugins.map((plugin)=>{\n                return isPluginConstructor(plugin) ? plugin : that._availablePlugins.get(plugin);\n            }).reduce((result, plugin)=>{\n                if (processed.has(plugin)) {\n                    return result;\n                }\n                processed.add(plugin);\n                if (plugin.requires) {\n                    validatePlugins(plugin.requires, plugin);\n                    getPluginConstructors(plugin.requires, processed).forEach((plugin)=>result.add(plugin));\n                }\n                return result.add(plugin);\n            }, new Set());\n        }\n        function validatePlugins(plugins, parentPluginConstructor = null) {\n            plugins.map((plugin)=>{\n                return isPluginConstructor(plugin) ? plugin : that._availablePlugins.get(plugin) || plugin;\n            }).forEach((plugin)=>{\n                checkMissingPlugin(plugin, parentPluginConstructor);\n                checkContextPlugin(plugin, parentPluginConstructor);\n                checkRemovedPlugin(plugin, parentPluginConstructor);\n            });\n        }\n        function checkMissingPlugin(plugin, parentPluginConstructor) {\n            if (isPluginConstructor(plugin)) {\n                return;\n            }\n            if (parentPluginConstructor) {\n                /**\n\t\t\t\t * A required \"soft\" dependency was not found on the plugin list.\n\t\t\t\t *\n\t\t\t\t * When configuring the editor, either prior to building (via\n\t\t\t\t * {@link module:core/editor/editor~Editor.builtinPlugins `Editor.builtinPlugins`}) or when\n\t\t\t\t * creating a new instance of the editor (e.g. via\n\t\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#plugins `config.plugins`}), you need to provide\n\t\t\t\t * some of the dependencies for other plugins that you used.\n\t\t\t\t *\n\t\t\t\t * This error is thrown when one of these dependencies was not provided. The name of the missing plugin\n\t\t\t\t * can be found in `missingPlugin` and the plugin that required it in `requiredBy`.\n\t\t\t\t *\n\t\t\t\t * In order to resolve it, you need to import the missing plugin and add it to the\n\t\t\t\t * current list of plugins (`Editor.builtinPlugins` or `config.plugins`/`config.extraPlugins`).\n\t\t\t\t *\n\t\t\t\t * Soft requirements were introduced in version 26.0.0. If you happen to stumble upon this error\n\t\t\t\t * when upgrading to version 26.0.0, read also the\n\t\t\t\t * {@glink updating/guides/update-to-26 Migration to 26.0.0} guide.\n\t\t\t\t *\n\t\t\t\t * @error plugincollection-soft-required\n\t\t\t\t * @param {string} missingPlugin The name of the required plugin.\n\t\t\t\t * @param {string} requiredBy The name of the plugin that requires the other plugin.\n\t\t\t\t */ throw new CKEditorError('plugincollection-soft-required', context, {\n                    missingPlugin: plugin,\n                    requiredBy: getPluginName(parentPluginConstructor)\n                });\n            }\n            /**\n\t\t\t * A plugin is not available and could not be loaded.\n\t\t\t *\n\t\t\t * Plugin classes (constructors) need to be provided to the editor before they can be loaded by name.\n\t\t\t * This is usually done in the now deprecated CKEditor 5 builds by setting\n\t\t\t * the {@link module:core/editor/editor~Editor.builtinPlugins} property.\n\t\t\t *\n\t\t\t * **If you see this warning when using one of the deprecated CKEditor 5 Builds**,\n\t\t\t * it means that you tried to enable a plugin that was not included in that build. This may be due to a typo\n\t\t\t * in the plugin name or simply because that plugin was not a part of this build.\n\t\t\t *\n\t\t\t * **Predefined builds are no longer supported and you need to\n\t\t\t * {@glink updating/nim-migration/migration-to-new-installation-methods migrate to new installation methods}**.\n\t\t\t *\n\t\t\t * **If you see this warning when using one of the editor creators directly** (not a build), then it means\n\t\t\t * that you tried loading plugins by name. However, unlike CKEditor 4, CKEditor 5 does not implement a \"plugin loader\".\n\t\t\t * This means that CKEditor 5 does not know where to load the plugin modules from. Therefore, you need to\n\t\t\t * provide each plugin through a reference (as a constructor function). Check out the examples in the\n\t\t\t * {@glink getting-started/installation/cloud/quick-start Quick start} guide.\n\t\t\t *\n\t\t\t * @error plugincollection-plugin-not-found\n\t\t\t * @param {string} plugin The name of the plugin which could not be loaded.\n\t\t\t */ throw new CKEditorError('plugincollection-plugin-not-found', context, {\n                plugin\n            });\n        }\n        function checkContextPlugin(plugin, parentPluginConstructor) {\n            if (!isContextPlugin(parentPluginConstructor)) {\n                return;\n            }\n            if (isContextPlugin(plugin)) {\n                return;\n            }\n            /**\n\t\t\t * If a plugin is a context plugin, all plugins it requires should also be context plugins\n\t\t\t * instead of plugins. In other words, if one plugin can be used in the context,\n\t\t\t * all its requirements should also be ready to be used in the context. Note that the context\n\t\t\t * provides only a part of the API provided by the editor. If one plugin needs a full\n\t\t\t * editor API, all plugins which require it are considered as plugins that need a full\n\t\t\t * editor API.\n\t\t\t *\n\t\t\t * @error plugincollection-context-required\n\t\t\t * @param {string} plugin The name of the required plugin.\n\t\t\t * @param {string} requiredBy The name of the parent plugin.\n\t\t\t */ throw new CKEditorError('plugincollection-context-required', context, {\n                plugin: getPluginName(plugin),\n                requiredBy: getPluginName(parentPluginConstructor)\n            });\n        }\n        function checkRemovedPlugin(plugin, parentPluginConstructor) {\n            if (!parentPluginConstructor) {\n                return;\n            }\n            if (!isPluginRemoved(plugin, pluginsToRemove)) {\n                return;\n            }\n            /**\n\t\t\t * Cannot load a plugin because one of its dependencies is listed in the `removePlugins` option.\n\t\t\t *\n\t\t\t * @error plugincollection-required\n\t\t\t * @param {string} plugin The name of the required plugin.\n\t\t\t * @param {string} requiredBy The name of the parent plugin.\n\t\t\t */ throw new CKEditorError('plugincollection-required', context, {\n                plugin: getPluginName(plugin),\n                requiredBy: getPluginName(parentPluginConstructor)\n            });\n        }\n        function loadPlugins(pluginConstructors) {\n            return pluginConstructors.map((PluginConstructor)=>{\n                let pluginInstance = that._contextPlugins.get(PluginConstructor);\n                pluginInstance = pluginInstance || new PluginConstructor(context);\n                that._add(PluginConstructor, pluginInstance);\n                return pluginInstance;\n            });\n        }\n        function initPlugins(pluginInstances, method) {\n            return pluginInstances.reduce((promise, plugin)=>{\n                if (!plugin[method]) {\n                    return promise;\n                }\n                if (that._contextPlugins.has(plugin)) {\n                    return promise;\n                }\n                return promise.then(plugin[method].bind(plugin));\n            }, Promise.resolve());\n        }\n        /**\n\t\t * Replaces plugin constructors with the specified set of plugins.\n\t\t */ function substitutePlugins(pluginConstructors, pluginsSubstitutions) {\n            for (const pluginItem of pluginsSubstitutions){\n                if (typeof pluginItem != 'function') {\n                    /**\n\t\t\t\t\t * The plugin replacing an existing plugin must be a function.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-replace-plugin-invalid-type\n\t\t\t\t\t * @param {never} pluginItem The plugin item.\n\t\t\t\t\t */ throw new CKEditorError('plugincollection-replace-plugin-invalid-type', null, {\n                        pluginItem\n                    });\n                }\n                const pluginName = pluginItem.pluginName;\n                if (!pluginName) {\n                    /**\n\t\t\t\t\t * The plugin replacing an existing plugin must have a name.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-replace-plugin-missing-name\n\t\t\t\t\t * @param {module:core/plugin~PluginConstructor} pluginItem The plugin item.\n\t\t\t\t\t */ throw new CKEditorError('plugincollection-replace-plugin-missing-name', null, {\n                        pluginItem\n                    });\n                }\n                if (pluginItem.requires && pluginItem.requires.length) {\n                    /**\n\t\t\t\t\t * The plugin replacing an existing plugin cannot depend on other plugins.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-plugin-for-replacing-cannot-have-dependencies\n\t\t\t\t\t * @param {string} pluginName The name of the plugin.\n\t\t\t\t\t */ throw new CKEditorError('plugincollection-plugin-for-replacing-cannot-have-dependencies', null, {\n                        pluginName\n                    });\n                }\n                const pluginToReplace = that._availablePlugins.get(pluginName);\n                if (!pluginToReplace) {\n                    /**\n\t\t\t\t\t * The replaced plugin does not exist in the\n\t\t\t\t\t * {@link module:core/plugincollection~PluginCollection available plugins} collection.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-plugin-for-replacing-not-exist\n\t\t\t\t\t * @param {string} pluginName The name of the plugin.\n\t\t\t\t\t */ throw new CKEditorError('plugincollection-plugin-for-replacing-not-exist', null, {\n                        pluginName\n                    });\n                }\n                const indexInPluginConstructors = pluginConstructors.indexOf(pluginToReplace);\n                if (indexInPluginConstructors === -1) {\n                    // The Context feature can substitute plugins as well.\n                    // It may happen that the editor will be created with the given context, where the plugin for substitute\n                    // was already replaced. In such a case, we don't want to do it again.\n                    if (that._contextPlugins.has(pluginToReplace)) {\n                        return;\n                    }\n                    /**\n\t\t\t\t\t * The replaced plugin will not be loaded so it cannot be replaced.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-plugin-for-replacing-not-loaded\n\t\t\t\t\t * @param {string} pluginName The name of the plugin.\n\t\t\t\t\t */ throw new CKEditorError('plugincollection-plugin-for-replacing-not-loaded', null, {\n                        pluginName\n                    });\n                }\n                if (pluginToReplace.requires && pluginToReplace.requires.length) {\n                    /**\n\t\t\t\t\t * The replaced plugin cannot depend on other plugins.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-replaced-plugin-cannot-have-dependencies\n\t\t\t\t\t * @param {string} pluginName The name of the plugin.\n\t\t\t\t\t */ throw new CKEditorError('plugincollection-replaced-plugin-cannot-have-dependencies', null, {\n                        pluginName\n                    });\n                }\n                pluginConstructors.splice(indexInPluginConstructors, 1, pluginItem);\n                that._availablePlugins.set(pluginName, pluginItem);\n            }\n        }\n    }\n    /**\n\t * Destroys all loaded plugins.\n\t */ destroy() {\n        const promises = [];\n        for (const [, pluginInstance] of this){\n            if (typeof pluginInstance.destroy == 'function' && !this._contextPlugins.has(pluginInstance)) {\n                promises.push(pluginInstance.destroy());\n            }\n        }\n        return Promise.all(promises);\n    }\n    /**\n\t * Adds the plugin to the collection. Exposed mainly for testing purposes.\n\t *\n\t * @param PluginConstructor The plugin constructor.\n\t * @param plugin The instance of the plugin.\n\t */ _add(PluginConstructor, plugin) {\n        this._plugins.set(PluginConstructor, plugin);\n        const pluginName = PluginConstructor.pluginName;\n        if (!pluginName) {\n            return;\n        }\n        if (this._plugins.has(pluginName)) {\n            /**\n\t\t\t * Two plugins with the same {@link module:core/plugin~PluginStaticMembers#pluginName} were loaded.\n\t\t\t * This will lead to runtime conflicts between these plugins.\n\t\t\t *\n\t\t\t * In practice, this warning usually means that new plugins were added to an existing CKEditor 5 build.\n\t\t\t * Plugins should always be added to a source version of the editor (`@ckeditor/ckeditor5-editor-*`),\n\t\t\t * not to an editor imported from one of the `@ckeditor/ckeditor5-build-*` packages.\n\t\t\t *\n\t\t\t * Check your import paths and the list of plugins passed to\n\t\t\t * {@link module:core/editor/editor~Editor.create `Editor.create()`}\n\t\t\t * or specified in {@link module:core/editor/editor~Editor.builtinPlugins `Editor.builtinPlugins`}.\n\t\t\t *\n\t\t\t * Predefined builds are a deprecated solution and we strongly advise\n\t\t\t * {@glink updating/nim-migration/migration-to-new-installation-methods migrating to new installation methods}.\n\t\t\t *\n\t\t\t * The second option is that your `node_modules/` directory contains duplicated versions of the same\n\t\t\t * CKEditor 5 packages. Normally, on clean installations, npm deduplicates packages in `node_modules/`, so\n\t\t\t * it may be enough to call `rm -rf node_modules && npm i`. However, if you installed conflicting versions\n\t\t\t * of some packages, their dependencies may need to be installed in more than one version which may lead to this\n\t\t\t * warning.\n\t\t\t *\n\t\t\t * Technically speaking, this error occurs because after adding a plugin to an existing editor build\n\t\t\t * the dependencies of this plugin are being duplicated.\n\t\t\t * They are already built into that editor build and now get added for the second time as dependencies\n\t\t\t * of the plugin you are installing.\n\t\t\t *\n\t\t\t * @error plugincollection-plugin-name-conflict\n\t\t\t * @param {string} pluginName The duplicated plugin name.\n\t\t\t * @param {module:core/plugin~PluginConstructor} plugin1 The first plugin constructor.\n\t\t\t * @param {module:core/plugin~PluginConstructor} plugin2 The second plugin constructor.\n\t\t\t */ throw new CKEditorError('plugincollection-plugin-name-conflict', null, {\n                pluginName,\n                plugin1: this._plugins.get(pluginName).constructor,\n                plugin2: PluginConstructor\n            });\n        }\n        this._plugins.set(pluginName, plugin);\n    }\n}\n\n/**\n * Provides a common, higher-level environment for solutions that use multiple {@link module:core/editor/editor~Editor editors}\n * or plugins that work outside the editor. Use it instead of {@link module:core/editor/editor~Editor.create `Editor.create()`}\n * in advanced application integrations.\n *\n * All configuration options passed to a context will be used as default options for the editor instances initialized in that context.\n *\n * {@link module:core/contextplugin~ContextPlugin Context plugins} passed to a context instance will be shared among all\n * editor instances initialized in this context. These will be the same plugin instances for all the editors.\n *\n * **Note:** The context can only be initialized with {@link module:core/contextplugin~ContextPlugin context plugins}\n * (e.g. [comments](https://ckeditor.com/collaboration/comments/)). Regular {@link module:core/plugin~Plugin plugins} require an\n * editor instance to work and cannot be added to a context.\n *\n * **Note:** You can add a context plugin to an editor instance, though.\n *\n * If you are using multiple editor instances on one page and use any context plugins, create a context to share the configuration and\n * plugins among these editors. Some plugins will use the information about all existing editors to better integrate between them.\n *\n * If you are using plugins that do not require an editor to work (e.g. [comments](https://ckeditor.com/collaboration/comments/)),\n * enable and configure them using the context.\n *\n * If you are using only a single editor on each page, use {@link module:core/editor/editor~Editor.create `Editor.create()`} instead.\n * In such a case, a context instance will be created by the editor instance in a transparent way.\n *\n * See {@link ~Context.create `Context.create()`} for usage examples.\n */ class Context {\n    /**\n\t * Stores all the configurations specific to this context instance.\n\t */ config;\n    /**\n\t * The plugins loaded and in use by this context instance.\n\t */ plugins;\n    locale;\n    /**\n\t * Shorthand for {@link module:utils/locale~Locale#t}.\n\t */ t;\n    /**\n\t * A list of editors that this context instance is injected to.\n\t */ editors;\n    /**\n\t * The default configuration which is built into the `Context` class.\n\t *\n\t * It was used in the now deprecated CKEditor 5 builds featuring `Context` to provide the default configuration options\n\t * which are later used during the context initialization.\n\t *\n\t * ```ts\n\t * Context.defaultConfig = {\n\t * \tfoo: 1,\n\t * \tbar: 2\n\t * };\n\t *\n\t * Context\n\t * \t.create()\n\t * \t.then( context => {\n\t * \t\tcontext.config.get( 'foo' ); // -> 1\n\t * \t\tcontext.config.get( 'bar' ); // -> 2\n\t * \t} );\n\t *\n\t * // The default options can be overridden by the configuration passed to create().\n\t * Context\n\t * \t.create( { bar: 3 } )\n\t * \t.then( context => {\n\t * \t\tcontext.config.get( 'foo' ); // -> 1\n\t * \t\tcontext.config.get( 'bar' ); // -> 3\n\t * \t} );\n\t * ```\n\t *\n\t * See also {@link module:core/context~Context.builtinPlugins `Context.builtinPlugins`}\n\t * and {@link module:core/editor/editor~Editor.defaultConfig `Editor.defaultConfig`}.\n\t */ static defaultConfig;\n    /**\n\t * An array of plugins built into the `Context` class.\n\t *\n\t * It was used in the now deprecated CKEditor 5 builds featuring `Context` to provide the default configuration options\n\t * which are later used during the context initialization.\n\t *\n\t * They will be automatically initialized by `Context` unless `config.plugins` is passed.\n\t *\n\t * ```ts\n\t * // Build some context plugins into the Context class first.\n\t * Context.builtinPlugins = [ FooPlugin, BarPlugin ];\n\t *\n\t * // Normally, you need to define config.plugins, but since Context.builtinPlugins was\n\t * // defined, now you can call create() without any configuration.\n\t * Context\n\t * \t.create()\n\t * \t.then( context => {\n\t * \t\tcontext.plugins.get( FooPlugin ); // -> An instance of the Foo plugin.\n\t * \t\tcontext.plugins.get( BarPlugin ); // -> An instance of the Bar plugin.\n\t * \t} );\n\t * ```\n\t *\n\t * See also {@link module:core/context~Context.defaultConfig `Context.defaultConfig`}\n\t * and {@link module:core/editor/editor~Editor.builtinPlugins `Editor.builtinPlugins`}.\n\t */ static builtinPlugins;\n    /**\n\t * Reference to the editor which created the context.\n\t * Null when the context was created outside of the editor.\n\t *\n\t * It is used to destroy the context when removing the editor that has created the context.\n\t */ _contextOwner = null;\n    /**\n\t * Creates a context instance with a given configuration.\n\t *\n\t * Usually not to be used directly. See the static {@link module:core/context~Context.create `create()`} method.\n\t *\n\t * @param config The context configuration.\n\t */ constructor(config){\n        // We don't pass translations to the config, because its behavior of splitting keys\n        // with dots (e.g. `resize.width` => `resize: { width }`) breaks the translations.\n        const { translations, ...rest } = config || {};\n        this.config = new Config(rest, this.constructor.defaultConfig);\n        const availablePlugins = this.constructor.builtinPlugins;\n        this.config.define('plugins', availablePlugins);\n        this.plugins = new PluginCollection(this, availablePlugins);\n        const languageConfig = this.config.get('language') || {};\n        this.locale = new Locale({\n            uiLanguage: typeof languageConfig === 'string' ? languageConfig : languageConfig.ui,\n            contentLanguage: this.config.get('language.content'),\n            translations\n        });\n        this.t = this.locale.t;\n        this.editors = new Collection();\n    }\n    /**\n\t * Loads and initializes plugins specified in the configuration.\n\t *\n\t * @returns A promise which resolves once the initialization is completed, providing an array of loaded plugins.\n\t */ initPlugins() {\n        const plugins = this.config.get('plugins') || [];\n        const substitutePlugins = this.config.get('substitutePlugins') || [];\n        // Plugins for substitution should be checked as well.\n        for (const Plugin of plugins.concat(substitutePlugins)){\n            if (typeof Plugin != 'function') {\n                /**\n\t\t\t\t * Only a constructor function is allowed as a {@link module:core/contextplugin~ContextPlugin context plugin}.\n\t\t\t\t *\n\t\t\t\t * @error context-initplugins-constructor-only\n\t\t\t\t */ throw new CKEditorError('context-initplugins-constructor-only', null, {\n                    Plugin\n                });\n            }\n            if (Plugin.isContextPlugin !== true) {\n                /**\n\t\t\t\t * Only a plugin marked as a {@link module:core/contextplugin~ContextPlugin.isContextPlugin context plugin}\n\t\t\t\t * is allowed to be used with a context.\n\t\t\t\t *\n\t\t\t\t * @error context-initplugins-invalid-plugin\n\t\t\t\t */ throw new CKEditorError('context-initplugins-invalid-plugin', null, {\n                    Plugin\n                });\n            }\n        }\n        return this.plugins.init(plugins, [], substitutePlugins);\n    }\n    /**\n\t * Destroys the context instance and all editors used with the context,\n\t * releasing all resources used by the context.\n\t *\n\t * @returns A promise that resolves once the context instance is fully destroyed.\n\t */ destroy() {\n        return Promise.all(Array.from(this.editors, (editor)=>editor.destroy())).then(()=>this.plugins.destroy());\n    }\n    /**\n\t * Adds a reference to the editor which is used with this context.\n\t *\n\t * When the given editor has created the context, the reference to this editor will be stored\n\t * as a {@link ~Context#_contextOwner}.\n\t *\n\t * This method should only be used by the editor.\n\t *\n\t * @internal\n\t * @param isContextOwner Stores the given editor as a context owner.\n\t */ _addEditor(editor, isContextOwner) {\n        if (this._contextOwner) {\n            /**\n\t\t\t * Cannot add multiple editors to the context which is created by the editor.\n\t\t\t *\n\t\t\t * @error context-addeditor-private-context\n\t\t\t */ throw new CKEditorError('context-addeditor-private-context');\n        }\n        this.editors.add(editor);\n        if (isContextOwner) {\n            this._contextOwner = editor;\n        }\n    }\n    /**\n\t * Removes a reference to the editor which was used with this context.\n\t * When the context was created by the given editor, the context will be destroyed.\n\t *\n\t * This method should only be used by the editor.\n\t *\n\t * @internal\n\t * @return A promise that resolves once the editor is removed from the context or when the context was destroyed.\n\t */ _removeEditor(editor) {\n        if (this.editors.has(editor)) {\n            this.editors.remove(editor);\n        }\n        if (this._contextOwner === editor) {\n            return this.destroy();\n        }\n        return Promise.resolve();\n    }\n    /**\n\t * Returns the context configuration which will be copied to the editors created using this context.\n\t *\n\t * The configuration returned by this method has the plugins configuration removed &ndash; plugins are shared with all editors\n\t * through another mechanism.\n\t *\n\t * This method should only be used by the editor.\n\t *\n\t * @internal\n\t * @returns Configuration as a plain object.\n\t */ _getEditorConfig() {\n        const result = {};\n        for (const name of this.config.names()){\n            if (![\n                'plugins',\n                'removePlugins',\n                'extraPlugins'\n            ].includes(name)) {\n                result[name] = this.config.get(name);\n            }\n        }\n        return result;\n    }\n    /**\n\t * Creates and initializes a new context instance.\n\t *\n\t * ```ts\n\t * const commonConfig = { ... }; // Configuration for all the plugins and editors.\n\t * const editorPlugins = [ ... ]; // Regular plugins here.\n\t *\n\t * Context\n\t * \t.create( {\n\t * \t\t// Only context plugins here.\n\t * \t\tplugins: [ ... ],\n\t *\n\t * \t\t// Configure the language for all the editors (it cannot be overwritten).\n\t * \t\tlanguage: { ... },\n\t *\n\t * \t\t// Configuration for context plugins.\n\t * \t\tcomments: { ... },\n\t * \t\t...\n\t *\n\t * \t\t// Default configuration for editor plugins.\n\t * \t\ttoolbar: { ... },\n\t * \t\timage: { ... },\n\t * \t\t...\n\t * \t} )\n\t * \t.then( context => {\n\t * \t\tconst promises = [];\n\t *\n\t * \t\tpromises.push( ClassicEditor.create(\n\t * \t\t\tdocument.getElementById( 'editor1' ),\n\t * \t\t\t{\n\t * \t\t\t\teditorPlugins,\n\t * \t\t\t\tcontext\n\t * \t\t\t}\n\t * \t\t) );\n\t *\n\t * \t\tpromises.push( ClassicEditor.create(\n\t * \t\t\tdocument.getElementById( 'editor2' ),\n\t * \t\t\t{\n\t * \t\t\t\teditorPlugins,\n\t * \t\t\t\tcontext,\n\t * \t\t\t\ttoolbar: { ... } // You can overwrite the configuration of the context.\n\t * \t\t\t}\n\t * \t\t) );\n\t *\n\t * \t\treturn Promise.all( promises );\n\t * \t} );\n\t * ```\n\t *\n\t * @param config The context configuration.\n\t * @returns A promise resolved once the context is ready. The promise resolves with the created context instance.\n\t */ static create(config) {\n        return new Promise((resolve)=>{\n            const context = new this(config);\n            resolve(context.initPlugins().then(()=>context));\n        });\n    }\n}\n\n/**\n * The base class for {@link module:core/context~Context} plugin classes.\n *\n * A context plugin can either be initialized for an {@link module:core/editor/editor~Editor editor} or for\n * a {@link module:core/context~Context context}. In other words, it can either\n * work within one editor instance or with one or more editor instances that use a single context.\n * It is the context plugin's role to implement handling for both modes.\n *\n * There are a few rules for interaction between the editor plugins and context plugins:\n *\n * * A context plugin can require another context plugin.\n * * An {@link module:core/plugin~Plugin editor plugin} can require a context plugin.\n * * A context plugin MUST NOT require an {@link module:core/plugin~Plugin editor plugin}.\n */ class ContextPlugin extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * The context or editor instance.\n\t */ context;\n    /**\n\t * Creates a new plugin instance.\n\t */ constructor(context){\n        super();\n        this.context = context;\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this.stopListening();\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isContextPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return false;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return false;\n    }\n}\n\n/**\n * A keystroke handler for editor editing. Its instance is available\n * in {@link module:core/editor/editor~Editor#keystrokes} so plugins\n * can register their keystrokes.\n *\n * E.g. an undo plugin would do this:\n *\n * ```ts\n * editor.keystrokes.set( 'Ctrl+Z', 'undo' );\n * editor.keystrokes.set( 'Ctrl+Shift+Z', 'redo' );\n * editor.keystrokes.set( 'Ctrl+Y', 'redo' );\n * ```\n */ class EditingKeystrokeHandler extends KeystrokeHandler {\n    /**\n\t * The editor instance.\n\t */ editor;\n    /**\n\t * Creates an instance of the keystroke handler.\n\t */ constructor(editor){\n        super();\n        this.editor = editor;\n    }\n    /**\n\t * Registers a handler for the specified keystroke.\n\t *\n\t * The handler can be specified as a command name or a callback.\n\t *\n\t * @param keystroke Keystroke defined in a format accepted by\n\t * the {@link module:utils/keyboard~parseKeystroke} function.\n\t * @param callback If a string is passed, then the keystroke will\n\t * {@link module:core/editor/editor~Editor#execute execute a command}.\n\t * If a function, then it will be called with the\n\t * {@link module:engine/view/observer/keyobserver~ViewDocumentKeyEventData key event data} object and\n\t * a `cancel()` helper to both `preventDefault()` and `stopPropagation()` of the event.\n\t * @param options Additional options.\n\t * @param options.priority The priority of the keystroke callback. The higher the priority value\n\t * the sooner the callback will be executed. Keystrokes having the same priority\n\t * are called in the order they were added.\n\t */ set(keystroke, callback, options = {}) {\n        if (typeof callback == 'string') {\n            const commandName = callback;\n            callback = (evtData, cancel)=>{\n                this.editor.execute(commandName);\n                cancel();\n            };\n        }\n        super.set(keystroke, callback, options);\n    }\n}\n\nconst DEFAULT_CATEGORY_ID = 'contentEditing';\n/**\n * @internal\n */ const DEFAULT_GROUP_ID = 'common';\n/**\n * A common namespace for various accessibility features of the editor.\n *\n * **Information about editor keystrokes**\n *\n * * The information about keystrokes available in the editor is stored in the {@link #keystrokeInfos} property.\n * * New info entries can be added using the {@link #addKeystrokeInfoCategory}, {@link #addKeystrokeInfoGroup},\n * and {@link #addKeystrokeInfos} methods.\n */ class Accessibility {\n    /**\n\t * Stores information about keystrokes brought by editor features for the users to interact with the editor, mainly\n\t * keystroke combinations and their accessible labels.\n\t *\n\t * This information is particularly useful for screen reader and other assistive technology users. It gets displayed\n\t * by the {@link module:ui/editorui/accessibilityhelp/accessibilityhelp~AccessibilityHelp Accessibility help} dialog.\n\t *\n\t * Keystrokes are organized in categories and groups. They can be added using ({@link #addKeystrokeInfoCategory},\n\t * {@link #addKeystrokeInfoGroup}, and {@link #addKeystrokeInfos}) methods.\n\t *\n\t * Please note that:\n\t * * two categories are always available:\n\t *   * `'contentEditing'` for keystrokes related to content creation,\n\t *   * `'navigation'` for keystrokes related to navigation in the UI and the content.\n\t * * unless specified otherwise, new keystrokes are added into the `'contentEditing'` category and the `'common'`\n\t * keystroke group within that category while using the {@link #addKeystrokeInfos} method.\n\t */ keystrokeInfos = new Map();\n    /**\n\t * The editor instance.\n\t */ _editor;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        this._editor = editor;\n        const isMenuBarVisible = editor.config.get('menuBar.isVisible');\n        const t = editor.locale.t;\n        this.addKeystrokeInfoCategory({\n            id: DEFAULT_CATEGORY_ID,\n            label: t('Content editing keystrokes'),\n            description: t('These keyboard shortcuts allow for quick access to content editing features.')\n        });\n        const navigationKeystrokes = [\n            {\n                label: t('Close contextual balloons, dropdowns, and dialogs'),\n                keystroke: 'Esc'\n            },\n            {\n                label: t('Open the accessibility help dialog'),\n                keystroke: 'Alt+0'\n            },\n            {\n                label: t('Move focus between form fields (inputs, buttons, etc.)'),\n                keystroke: [\n                    [\n                        'Tab'\n                    ],\n                    [\n                        'Shift+Tab'\n                    ]\n                ]\n            },\n            {\n                label: t('Move focus to the toolbar, navigate between toolbars'),\n                keystroke: 'Alt+F10',\n                mayRequireFn: true\n            },\n            {\n                label: t('Navigate through the toolbar or menu bar'),\n                keystroke: [\n                    [\n                        'arrowup'\n                    ],\n                    [\n                        'arrowright'\n                    ],\n                    [\n                        'arrowdown'\n                    ],\n                    [\n                        'arrowleft'\n                    ]\n                ]\n            },\n            {\n                // eslint-disable-next-line @stylistic/max-len\n                label: t('Execute the currently focused button. Executing buttons that interact with the editor content moves the focus back to the content.'),\n                keystroke: [\n                    [\n                        'Enter'\n                    ],\n                    [\n                        'Space'\n                    ]\n                ]\n            }\n        ];\n        if (isMenuBarVisible) {\n            navigationKeystrokes.push({\n                label: t('Move focus to the menu bar, navigate between menu bars'),\n                keystroke: 'Alt+F9',\n                mayRequireFn: true\n            });\n        }\n        this.addKeystrokeInfoCategory({\n            id: 'navigation',\n            label: t('User interface and content navigation keystrokes'),\n            description: t('Use the following keystrokes for more efficient navigation in the CKEditor 5 user interface.'),\n            groups: [\n                {\n                    id: 'common',\n                    keystrokes: navigationKeystrokes\n                }\n            ]\n        });\n    }\n    /**\n\t * Adds a top-level category in the {@link #keystrokeInfos keystroke information database} with a label and optional description.\n\t *\n\t * Categories organize keystrokes and help users to find the right keystroke. Each category can have multiple groups\n\t * of keystrokes that narrow down the context in which the keystrokes are available. Every keystroke category comes\n\t * with a `'common'` group by default.\n\t *\n\t * By default, two categories are available:\n\t * * `'contentEditing'` for keystrokes related to content creation,\n\t * * `'navigation'` for keystrokes related to navigation in the UI and the content.\n\t *\n\t * To create a new keystroke category with new groups, use the following code:\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfoCategory( {\n\t * \t\t\tid: 'myCategory',\n\t * \t\t\tlabel: t( 'My category' ),\n\t * \t\t\tdescription: t( 'My category description.' ),\n\t * \t\t\tgroups: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tid: 'myGroup',\n\t * \t\t\t\t\tlabel: t( 'My keystroke group' ),\n\t * \t\t\t\t\tkeystrokes: [\n\t * \t\t\t\t\t\t{\n\t * \t\t\t\t\t\t\tlabel: t( 'Keystroke label 1' ),\n\t * \t\t\t\t\t\t\tkeystroke: 'Ctrl+Shift+N'\n\t * \t\t\t\t\t\t},\n\t * \t\t\t\t\t\t{\n\t * \t\t\t\t\t\t\tlabel: t( 'Keystroke label 2' ),\n\t * \t\t\t\t\t\t\tkeystroke: 'Ctrl+Shift+M'\n\t * \t\t\t\t\t\t}\n\t * \t\t\t\t\t]\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t};\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * See {@link #keystrokeInfos}, {@link #addKeystrokeInfoGroup}, and {@link #addKeystrokeInfos}.\n\t */ addKeystrokeInfoCategory({ id, label, description, groups }) {\n        this.keystrokeInfos.set(id, {\n            id,\n            label,\n            description,\n            groups: new Map()\n        });\n        this.addKeystrokeInfoGroup({\n            categoryId: id,\n            id: DEFAULT_GROUP_ID\n        });\n        if (groups) {\n            groups.forEach((group)=>{\n                this.addKeystrokeInfoGroup({\n                    categoryId: id,\n                    ...group\n                });\n            });\n        }\n    }\n    /**\n\t * Adds a group of keystrokes in a specific category to the {@link #keystrokeInfos keystroke information database}.\n\t *\n\t * Groups narrow down the context in which the keystrokes are available. When `categoryId` is not specified,\n\t * the group goes to the `'contentEditing'` category (default).\n\t *\n\t * To create a new group within an existing category, use the following code:\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfoGroup( {\n\t * \t\t\tid: 'myGroup',\n\t * \t\t\tcategoryId: 'navigation',\n\t * \t\t\tlabel: t( 'My keystroke group' ),\n\t * \t\t\tkeystrokes: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'Keystroke label 1' ),\n\t * \t\t\t\t\tkeystroke: 'Ctrl+Shift+N'\n\t * \t\t\t\t},\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'Keystroke label 2' ),\n\t * \t\t\t\t\tkeystroke: 'Ctrl+Shift+M'\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * See {@link #keystrokeInfos}, {@link #addKeystrokeInfoCategory}, and {@link #addKeystrokeInfos}.\n\t */ addKeystrokeInfoGroup({ categoryId = DEFAULT_CATEGORY_ID, id, label, keystrokes }) {\n        const category = this.keystrokeInfos.get(categoryId);\n        if (!category) {\n            throw new CKEditorError('accessibility-unknown-keystroke-info-category', this._editor, {\n                groupId: id,\n                categoryId\n            });\n        }\n        category.groups.set(id, {\n            id,\n            label,\n            keystrokes: keystrokes || []\n        });\n    }\n    /**\n\t * Adds information about keystrokes to the {@link #keystrokeInfos keystroke information database}.\n\t *\n\t * Keystrokes without specified `groupId` or `categoryId` go to the `'common'` group in the `'contentEditing'` category (default).\n\t *\n\t * To add a keystroke brought by your plugin (using default group and category), use the following code:\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfos( {\n\t * \t\t\tkeystrokes: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'Keystroke label' ),\n\t * \t\t\t\t\tkeystroke: 'CTRL+B'\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t * To add a keystroke in a specific existing `'widget'` group in the default `'contentEditing'` category:\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfos( {\n\t * \t\t\t// Add a keystroke to the existing \"widget\" group.\n\t * \t\t\tgroupId: 'widget',\n\t * \t\t\tkeystrokes: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'A an action on a selected widget' ),\n\t * \t\t\t\t\tkeystroke: 'Ctrl+D',\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * To add a keystroke to another existing category (using default group):\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfos( {\n\t * \t\t\t// Add keystrokes to the \"navigation\" category (one of defaults).\n\t * \t\t\tcategoryId: 'navigation',\n\t * \t\t\tkeystrokes: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'Keystroke label' ),\n\t * \t\t\t\t\tkeystroke: 'CTRL+B'\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * See {@link #keystrokeInfos}, {@link #addKeystrokeInfoGroup}, and {@link #addKeystrokeInfoCategory}.\n\t */ addKeystrokeInfos({ categoryId = DEFAULT_CATEGORY_ID, groupId = DEFAULT_GROUP_ID, keystrokes }) {\n        if (!this.keystrokeInfos.has(categoryId)) {\n            /**\n\t\t\t * Cannot add keystrokes in an unknown category. Use\n\t\t\t * {@link module:core/accessibility~Accessibility#addKeystrokeInfoCategory}\n\t\t\t * to add a new category or make sure the specified category exists.\n\t\t\t *\n\t\t\t * @error accessibility-unknown-keystroke-info-category\n\t\t\t * @param {string} categoryId The id of the unknown keystroke category.\n\t\t\t * @param {module:core/accessibility~AddKeystrokeInfosData#keystrokes} keystrokes Keystroke definitions about to be added.\n\t\t\t */ throw new CKEditorError('accessibility-unknown-keystroke-info-category', this._editor, {\n                categoryId,\n                keystrokes\n            });\n        }\n        const category = this.keystrokeInfos.get(categoryId);\n        if (!category.groups.has(groupId)) {\n            /**\n\t\t\t * Cannot add keystrokes to an unknown group.\n\t\t\t *\n\t\t\t * Use {@link module:core/accessibility~Accessibility#addKeystrokeInfoGroup}\n\t\t\t * to add a new group or make sure the specified group exists.\n\t\t\t *\n\t\t\t * @error accessibility-unknown-keystroke-info-group\n\t\t\t * @param {string} groupId The id of the unknown keystroke group.\n\t\t\t * @param {string} categoryId The id of category the unknown group should belong to.\n\t\t\t * @param {module:core/accessibility~AddKeystrokeInfosData#keystrokes} keystrokes Keystroke definitions about to be added.\n\t\t\t */ throw new CKEditorError('accessibility-unknown-keystroke-info-group', this._editor, {\n                groupId,\n                categoryId,\n                keystrokes\n            });\n        }\n        category.groups.get(groupId).keystrokes.push(...keystrokes);\n    }\n}\n\n/**\n * This part of the code is not executed in open-source implementations using a GPL key.\n * It only runs when a specific license key is provided. If you are uncertain whether\n * this applies to your installation, please contact our support team.\n *\n * @internal\n */ function getEditorUsageData(editor) {\n    return {\n        sessionId: getSessionId(),\n        pageSessionId: getPageSessionID(),\n        hostname: window.location.hostname,\n        version: globalThis.CKEDITOR_VERSION,\n        type: getEditorType(editor),\n        plugins: getPluginsUsageData(editor.plugins),\n        distribution: getDistributionUsageData(),\n        env: getEnvUsageData(),\n        integration: Object.create(null),\n        menuBar: {\n            isVisible: !!editor.config.get('menuBar.isVisible')\n        },\n        language: {\n            ui: editor.locale.uiLanguage,\n            content: editor.locale.contentLanguage\n        },\n        toolbar: {\n            main: getToolbarUsageData(editor.config.get('toolbar')),\n            block: getToolbarUsageData(editor.config.get('blockToolbar')),\n            balloon: getToolbarUsageData(editor.config.get('balloonToolbar'))\n        }\n    };\n}\nfunction getEditorType(editor) {\n    return Object.getPrototypeOf(editor).constructor.editorName;\n}\nfunction getPluginsUsageData(collection) {\n    return Array.from(collection).filter(([PluginConstructor])=>!!PluginConstructor.pluginName).map(([PluginConstructor])=>{\n        const { pluginName, isContextPlugin, isOfficialPlugin, isPremiumPlugin } = PluginConstructor;\n        return {\n            isContext: !!isContextPlugin,\n            isOfficial: !!isOfficialPlugin,\n            isPremium: !!isPremiumPlugin,\n            name: pluginName\n        };\n    });\n}\nfunction getToolbarUsageData(toolbarConfig) {\n    if (!toolbarConfig) {\n        return undefined;\n    }\n    const normalizedToolbar = Array.isArray(toolbarConfig) ? {\n        items: toolbarConfig\n    } : toolbarConfig;\n    const flattenToolbarConfigNames = extractToolbarConfigItemsNames(normalizedToolbar.items || []);\n    const isMultiline = flattenToolbarConfigNames.includes('-');\n    return {\n        isMultiline,\n        shouldNotGroupWhenFull: !!normalizedToolbar.shouldNotGroupWhenFull,\n        items: stripToolbarSeparatorItems(flattenToolbarConfigNames)\n    };\n    function stripToolbarSeparatorItems(items) {\n        return items.filter((item)=>item !== '|' && item !== '-');\n    }\n    function extractToolbarConfigItemsNames(items) {\n        return items.flatMap((item)=>{\n            if (typeof item === 'string') {\n                return [\n                    item\n                ];\n            }\n            return extractToolbarConfigItemsNames(item.items);\n        });\n    }\n}\nfunction getDistributionUsageData() {\n    return {\n        channel: window[Symbol.for('cke distribution')] || 'sh'\n    };\n}\nfunction getEnvUsageData() {\n    let os = 'unknown';\n    let browser = 'unknown';\n    if (env.isMac) {\n        os = 'mac';\n    } else if (env.isWindows) {\n        os = 'windows';\n    } else if (env.isiOS) {\n        os = 'ios';\n    } else if (env.isAndroid) {\n        os = 'android';\n    }\n    if (env.isGecko) {\n        browser = 'gecko';\n    } else if (env.isBlink) {\n        browser = 'blink';\n    } else if (env.isSafari) {\n        browser = 'safari';\n    }\n    return {\n        os,\n        browser\n    };\n}\nfunction getSessionId() {\n    if (!localStorage.getItem('__ckeditor-session-id')) {\n        localStorage.setItem('__ckeditor-session-id', uid());\n    }\n    return localStorage.getItem('__ckeditor-session-id');\n}\nfunction getPageSessionID() {\n    global.window.CKEDITOR_PAGE_SESSION_ID = global.window.CKEDITOR_PAGE_SESSION_ID || uid();\n    return global.window.CKEDITOR_PAGE_SESSION_ID;\n}\n\n/**\n * The class representing a basic, generic editor.\n *\n * Check out the list of its subclasses to learn about specific editor implementations.\n *\n * All editor implementations (like {@link module:editor-classic/classiceditor~ClassicEditor} or\n * {@link module:editor-inline/inlineeditor~InlineEditor}) should extend this class. They can add their\n * own methods and properties.\n *\n * When you are implementing a plugin, this editor represents the API\n * which your plugin can expect to get when using its {@link module:core/plugin~Plugin#editor} property.\n *\n * This API should be sufficient in order to implement the \"editing\" part of your feature\n * (schema definition, conversion, commands, keystrokes, etc.).\n * It does not define the editor UI, which is available only if\n * the specific editor implements also the {@link ~Editor#ui} property\n * (as most editor implementations do).\n */ class Editor extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * A required name of the editor class. The name should reflect the constructor name.\n\t */ static get editorName() {\n        return 'Editor';\n    }\n    /**\n\t * A namespace for the accessibility features of the editor.\n\t */ accessibility;\n    /**\n\t * Commands registered to the editor.\n\t *\n\t * Use the shorthand {@link #execute `editor.execute()`} method to execute commands:\n\t *\n\t * ```ts\n\t * // Execute the bold command:\n\t * editor.execute( 'bold' );\n\t *\n\t * // Check the state of the bold command:\n\t * editor.commands.get( 'bold' ).value;\n\t * ```\n\t */ commands;\n    /**\n\t * Stores all configurations specific to this editor instance.\n\t *\n\t * ```ts\n\t * editor.config.get( 'image.toolbar' );\n\t * // -> [ 'imageStyle:block', 'imageStyle:side', '|', 'toggleImageCaption', 'imageTextAlternative' ]\n\t * ```\n\t */ config;\n    /**\n\t * Conversion manager through which you can register model-to-view and view-to-model converters.\n\t *\n\t * See the {@link module:engine/conversion/conversion~Conversion} documentation to learn how to add converters.\n\t */ conversion;\n    /**\n\t * The {@link module:engine/controller/datacontroller~DataController data controller}.\n\t * Used e.g. for setting and retrieving the editor data.\n\t */ data;\n    /**\n\t * The {@link module:engine/controller/editingcontroller~EditingController editing controller}.\n\t * Controls user input and rendering the content for editing.\n\t */ editing;\n    /**\n\t * The locale instance.\n\t */ locale;\n    /**\n\t * The editor's model.\n\t *\n\t * The central point of the editor's abstract data model.\n\t */ model;\n    /**\n\t * The plugins loaded and in use by this editor instance.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'ClipboardPipeline' ); // -> An instance of the clipboard pipeline plugin.\n\t * ```\n\t */ plugins;\n    /**\n\t * An instance of the {@link module:core/editingkeystrokehandler~EditingKeystrokeHandler}.\n\t *\n\t * It allows setting simple keystrokes:\n\t *\n\t * ```ts\n\t * // Execute the bold command on Ctrl+E:\n\t * editor.keystrokes.set( 'Ctrl+E', 'bold' );\n\t *\n\t * // Execute your own callback:\n\t * editor.keystrokes.set( 'Ctrl+E', ( data, cancel ) => {\n\t * \tconsole.log( data.keyCode );\n\t *\n\t * \t// Prevent the default (native) action and stop the underlying keydown event\n\t * \t// so no other editor feature will interfere.\n\t * \tcancel();\n\t * } );\n\t * ```\n\t *\n\t * Note: Certain typing-oriented keystrokes (like <kbd>Backspace</kbd> or <kbd>Enter</kbd>) are handled\n\t * by a low-level mechanism and trying to listen to them via the keystroke handler will not work reliably.\n\t * To handle these specific keystrokes, see the events fired by the\n\t * {@link module:engine/view/document~ViewDocument editing view document} (`editor.editing.view.document`).\n\t */ keystrokes;\n    /**\n\t * Shorthand for {@link module:utils/locale~Locale#t}.\n\t *\n\t * @see module:utils/locale~Locale#t\n\t */ t;\n    /**\n\t * The default configuration which is built into the editor class.\n\t *\n\t * It was used in the now deprecated CKEditor 5 builds to provide the default configuration options\n\t * which are later used during the editor initialization.\n\t *\n\t * ```ts\n\t * ClassicEditor.defaultConfig = {\n\t * \tfoo: 1,\n\t * \tbar: 2\n\t * };\n\t *\n\t * ClassicEditor\n\t * \t.create( sourceElement )\n\t * \t.then( editor => {\n\t * \t\teditor.config.get( 'foo' ); // -> 1\n\t * \t\teditor.config.get( 'bar' ); // -> 2\n\t * \t} );\n\t *\n\t * // The default options can be overridden by the configuration passed to create().\n\t * ClassicEditor\n\t * \t.create( sourceElement, { bar: 3 } )\n\t * \t.then( editor => {\n\t * \t\teditor.config.get( 'foo' ); // -> 1\n\t * \t\teditor.config.get( 'bar' ); // -> 3\n\t * \t} );\n\t * ```\n\t *\n\t * See also {@link module:core/editor/editor~Editor.builtinPlugins}.\n\t */ static defaultConfig;\n    /**\n\t * An array of plugins built into this editor class.\n\t *\n\t * It is used in the now deprecated CKEditor 5 builds to provide a list of plugins which are later automatically initialized\n\t * during the editor initialization.\n\t *\n\t * They will be automatically initialized by the editor, unless listed in `config.removePlugins` and\n\t * unless `config.plugins` is passed.\n\t *\n\t * ```ts\n\t * // Build some plugins into the editor class first.\n\t * ClassicEditor.builtinPlugins = [ FooPlugin, BarPlugin ];\n\t *\n\t * // Normally, you need to define config.plugins, but since ClassicEditor.builtinPlugins was\n\t * // defined, now you can call create() without any configuration.\n\t * ClassicEditor\n\t * \t.create( sourceElement )\n\t * \t.then( editor => {\n\t * \t\teditor.plugins.get( FooPlugin ); // -> An instance of the Foo plugin.\n\t * \t\teditor.plugins.get( BarPlugin ); // -> An instance of the Bar plugin.\n\t * \t} );\n\t *\n\t * ClassicEditor\n\t * \t.create( sourceElement, {\n\t * \t\t// Do not initialize these plugins (note: it is defined by a string):\n\t * \t\tremovePlugins: [ 'Foo' ]\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\teditor.plugins.get( FooPlugin ); // -> Undefined.\n\t * \t\teditor.config.get( BarPlugin ); // -> An instance of the Bar plugin.\n\t * \t} );\n\t *\n\t * ClassicEditor\n\t * \t.create( sourceElement, {\n\t * \t\t// Load only this plugin. It can also be defined by a string if\n\t * \t\t// this plugin was built into the editor class.\n\t * \t\tplugins: [ FooPlugin ]\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\teditor.plugins.get( FooPlugin ); // -> An instance of the Foo plugin.\n\t * \t\teditor.config.get( BarPlugin ); // -> Undefined.\n\t * \t} );\n\t * ```\n\t *\n\t * See also {@link module:core/editor/editor~Editor.defaultConfig}.\n\t */ static builtinPlugins;\n    /**\n\t * The editor context.\n\t * When it is not provided through the configuration, the editor creates it.\n\t */ _context;\n    /**\n\t * A set of lock IDs for the {@link #isReadOnly} getter.\n\t */ _readOnlyLocks;\n    /**\n\t * Creates a new instance of the editor class.\n\t *\n\t * Usually, not to be used directly. See the static {@link module:core/editor/editor~Editor.create `create()`} method.\n\t *\n\t * @param config The editor configuration.\n\t */ constructor(config = {}){\n        super();\n        if ('sanitizeHtml' in config) {\n            /**\n\t\t\t * Configuration property `config.sanitizeHtml` was removed in CKEditor version 43.1.0 and is no longer supported.\n\t\t\t *\n\t\t\t * Please use `config.htmlEmbed.sanitizeHtml` and/or `config.mergeFields.sanitizeHtml` instead.\n\t\t\t *\n\t\t\t * @error editor-config-sanitizehtml-not-supported\n\t\t\t */ throw new CKEditorError('editor-config-sanitizehtml-not-supported');\n        }\n        const constructor = this.constructor;\n        // We don't pass translations to the config, because its behavior of splitting keys\n        // with dots (e.g. `resize.width` => `resize: { width }`) breaks the translations.\n        const { translations: defaultTranslations, ...defaultConfig } = constructor.defaultConfig || {};\n        const { translations = defaultTranslations, ...rest } = config;\n        // Prefer the language passed as the argument to the constructor instead of the constructor's `defaultConfig`, if both are set.\n        const language = config.language || defaultConfig.language;\n        this._context = config.context || new Context({\n            language,\n            translations\n        });\n        this._context._addEditor(this, !config.context);\n        // Clone the plugins to make sure that the plugin array will not be shared\n        // between editors and make the watchdog feature work correctly.\n        const availablePlugins = Array.from(constructor.builtinPlugins || []);\n        this.config = new Config(rest, defaultConfig);\n        this.config.define('plugins', availablePlugins);\n        this.config.define(this._context._getEditorConfig());\n        checkLicenseKeyIsDefined(this.config);\n        this.plugins = new PluginCollection(this, availablePlugins, this._context.plugins);\n        this.locale = this._context.locale;\n        this.t = this.locale.t;\n        this._readOnlyLocks = new Set();\n        this.commands = new CommandCollection();\n        this.set('state', 'initializing');\n        this.once('ready', ()=>this.state = 'ready', {\n            priority: 'high'\n        });\n        this.once('destroy', ()=>this.state = 'destroyed', {\n            priority: 'high'\n        });\n        this.model = new Model(this.config);\n        this.on('change:isReadOnly', ()=>{\n            this.model.document.isReadOnly = this.isReadOnly;\n        });\n        const stylesProcessor = new StylesProcessor();\n        this.data = new DataController(this.model, stylesProcessor);\n        this.editing = new EditingController(this.model, stylesProcessor);\n        this.editing.view.document.bind('isReadOnly').to(this);\n        this.conversion = new Conversion([\n            this.editing.downcastDispatcher,\n            this.data.downcastDispatcher\n        ], this.data.upcastDispatcher);\n        this.conversion.addAlias('dataDowncast', this.data.downcastDispatcher);\n        this.conversion.addAlias('editingDowncast', this.editing.downcastDispatcher);\n        this.keystrokes = new EditingKeystrokeHandler(this);\n        this.keystrokes.listenTo(this.editing.view.document);\n        this.accessibility = new Accessibility(this);\n        verifyLicenseKey(this);\n        // Checks if the license key is defined and throws an error if it is not.\n        function checkLicenseKeyIsDefined(config) {\n            let licenseKey = config.get('licenseKey');\n            if (!licenseKey && window.CKEDITOR_GLOBAL_LICENSE_KEY) {\n                licenseKey = window.CKEDITOR_GLOBAL_LICENSE_KEY;\n                config.set('licenseKey', licenseKey);\n            }\n            if (!licenseKey) {\n                /**\n\t\t\t\t * The `licenseKey` property is missing in the editor configuration.\n\t\t\t\t *\n\t\t\t\t * * If you are using the editor in a commercial setup, please provide your license key.\n\t\t\t\t * * If you still need to acquire a key, please [contact us](https://ckeditor.com/contact/) or\n\t\t\t\t *   [create a free account with a 14 day premium features trial](https://portal.ckeditor.com/checkout?plan=free).\n\t\t\t\t * * If you are using the editor under a GPL license or another license from our Open Source Initiative,\n\t\t\t\t *   use the 'GPL' license key instead.\n\t\t\t\t *\n\t\t\t\t * ```js\n\t\t\t\t * ClassicEditor.create( document.querySelector( '#editor' ), {\n\t\t\t\t * \tlicenseKey: '<YOUR_LICENSE_KEY>', // Or 'GPL'.\n\t\t\t\t * \t// ... Other configuration options ...\n\t\t\t\t * } ) ;\n\t\t\t\t *\n\t\t\t\t * @error license-key-missing\n\t\t\t\t */ throw new CKEditorError('license-key-missing');\n            }\n        }\n        function verifyLicenseKey(editor) {\n            const licenseKey = editor.config.get('licenseKey');\n            const distributionChannel = window[Symbol.for('cke distribution')] || 'sh';\n            function blockEditor(reason, name) {\n                editor.enableReadOnlyMode(Symbol('invalidLicense'));\n                editor._showLicenseError(reason, name);\n            }\n            function hasAllRequiredFields(licensePayload) {\n                const requiredFields = [\n                    'exp',\n                    'jti',\n                    'vc'\n                ];\n                return requiredFields.every((field)=>field in licensePayload);\n            }\n            function getCrcInputData(licensePayload) {\n                const keysToCheck = Object.getOwnPropertyNames(licensePayload).sort();\n                const filteredValues = keysToCheck.filter((key)=>key != 'vc' && licensePayload[key] != null).map((key)=>licensePayload[key]);\n                return filteredValues;\n            }\n            function checkLicensedHosts(licensedHosts) {\n                const { hostname } = new URL(window.location.href);\n                if (licensedHosts.includes(hostname)) {\n                    return true;\n                }\n                const segments = hostname.split('.');\n                return licensedHosts// Filter out hosts without wildcards.\n                .filter((host)=>host.includes('*'))// Split the hosts into segments.\n                .map((host)=>host.split('.'))// Filter out hosts that have more segments than the current hostname.\n                .filter((host)=>host.length <= segments.length)// Pad the beginning of the licensed host if it's shorter than the current hostname.\n                .map((host)=>Array(segments.length - host.length).fill(host[0] === '*' ? '*' : '').concat(host))// Check if some license host matches the hostname.\n                .some((octets)=>segments.every((segment, index)=>octets[index] === segment || octets[index] === '*'));\n            }\n            function warnAboutNonProductionLicenseKey(licenseType) {\n                const capitalizedLicenseType = licenseType[0].toUpperCase() + licenseType.slice(1);\n                const article = licenseType === 'evaluation' ? 'an' : 'a';\n                console.info(`%cCKEditor 5 ${capitalizedLicenseType} License`, 'color: #ffffff; background: #743CCD; font-size: 14px; padding: 4px 8px; border-radius: 4px;');\n                console.warn(`⚠️ You are using ${article} ${licenseType} license of CKEditor 5` + `${licenseType === 'trial' ? ' which is for evaluation purposes only' : ''}. ` + 'For production usage, please obtain a production license at https://portal.ckeditor.com/');\n            }\n            if (licenseKey == 'GPL') {\n                if (distributionChannel == 'cloud') {\n                    blockEditor('distributionChannel');\n                }\n                return;\n            }\n            const licensePayload = decodeLicenseKey(licenseKey);\n            if (!licensePayload) {\n                blockEditor('invalid');\n                return;\n            }\n            if (!hasAllRequiredFields(licensePayload)) {\n                blockEditor('invalid');\n                return;\n            }\n            if (licensePayload.distributionChannel && !toArray(licensePayload.distributionChannel).includes(distributionChannel)) {\n                blockEditor('distributionChannel');\n                return;\n            }\n            if (crc32(getCrcInputData(licensePayload)) != licensePayload.vc.toLowerCase()) {\n                blockEditor('invalid');\n                return;\n            }\n            const expirationDate = new Date(licensePayload.exp * 1000);\n            if (expirationDate < releaseDate) {\n                blockEditor('expired');\n                return;\n            }\n            const licensedHosts = licensePayload.licensedHosts;\n            if (licensedHosts && licensedHosts.length > 0 && !checkLicensedHosts(licensedHosts)) {\n                blockEditor('domainLimit');\n                return;\n            }\n            if ([\n                'evaluation',\n                'trial'\n            ].includes(licensePayload.licenseType) && licensePayload.exp * 1000 < Date.now()) {\n                blockEditor('expired');\n                return;\n            }\n            if ([\n                'development',\n                'evaluation',\n                'trial'\n            ].includes(licensePayload.licenseType)) {\n                const { licenseType } = licensePayload;\n                window.CKEDITOR_WARNING_SUPPRESSIONS = window.CKEDITOR_WARNING_SUPPRESSIONS || {};\n                if (!window.CKEDITOR_WARNING_SUPPRESSIONS[licenseType]) {\n                    warnAboutNonProductionLicenseKey(licenseType);\n                    window.CKEDITOR_WARNING_SUPPRESSIONS[licenseType] = true;\n                }\n            }\n            if ([\n                'evaluation',\n                'trial'\n            ].includes(licensePayload.licenseType)) {\n                const licenseType = licensePayload.licenseType;\n                const timerId = setTimeout(()=>{\n                    blockEditor(`${licenseType}Limit`);\n                }, 600000);\n                editor.on('destroy', ()=>{\n                    clearTimeout(timerId);\n                });\n            }\n            if (licensePayload.usageEndpoint) {\n                editor.once('ready', ()=>{\n                    const request = {\n                        requestId: uid(),\n                        requestTime: Math.round(Date.now() / 1000),\n                        license: licenseKey,\n                        editor: collectUsageData(editor)\n                    };\n                    /**\n\t\t\t\t\t * This part of the code is not executed in open-source implementations using a GPL key.\n\t\t\t\t\t * It only runs when a specific license key is provided. If you are uncertain whether\n\t\t\t\t\t * this applies to your installation, please contact our support team.\n\t\t\t\t\t */ editor._sendUsageRequest(licensePayload.usageEndpoint, request).then((response)=>{\n                        const { status, message } = response;\n                        if (message) {\n                            console.warn(message);\n                        }\n                        if (status != 'ok') {\n                            blockEditor('usageLimit');\n                        }\n                    }, ()=>{\n                        /**\n\t\t\t\t\t\t * Your license key cannot be validated due to a network issue.\n\t\t\t\t\t\t * Please ensure that your setup does not block requests to the validation endpoint.\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * @error license-key-validation-endpoint-not-reachable\n\t\t\t\t\t\t * @param {string} url The URL that was attempted to be reached for validation.\n\t\t\t\t\t\t */ logError('license-key-validation-endpoint-not-reachable', {\n                            url: licensePayload.usageEndpoint\n                        });\n                    });\n                }, {\n                    priority: 'high'\n                });\n            }\n        }\n    }\n    /**\n\t * Defines whether the editor is in the read-only mode.\n\t *\n\t * In read-only mode the editor {@link #commands commands} are disabled so it is not possible\n\t * to modify the document by using them. Also, the editable element(s) become non-editable.\n\t *\n\t * In order to make the editor read-only, you need to call the {@link #enableReadOnlyMode} method:\n\t *\n\t * ```ts\n\t * editor.enableReadOnlyMode( 'feature-id' );\n\t * ```\n\t *\n     * Later, to turn off the read-only mode, call {@link #disableReadOnlyMode}:\n\t *\n\t * ```ts\n\t * editor.disableReadOnlyMode( 'feature-id' );\n\t * ```\n\t *\n\t * @readonly\n\t * @observable\n\t */ get isReadOnly() {\n        return this._readOnlyLocks.size > 0;\n    }\n    set isReadOnly(value) {\n        /**\n\t\t * The {@link module:core/editor/editor~Editor#isReadOnly Editor#isReadOnly} property is read-only since version `34.0.0`\n\t\t * and can be set only using {@link module:core/editor/editor~Editor#enableReadOnlyMode `Editor#enableReadOnlyMode( lockId )`} and\n\t\t * {@link module:core/editor/editor~Editor#disableReadOnlyMode `Editor#disableReadOnlyMode( lockId )`}.\n\t\t *\n\t\t * Usage before version `34.0.0`:\n\t\t *\n\t\t * ```ts\n\t\t * editor.isReadOnly = true;\n\t\t * editor.isReadOnly = false;\n\t\t * ```\n\t\t *\n\t\t * Usage since version `34.0.0`:\n\t\t *\n\t\t * ```ts\n\t\t * editor.enableReadOnlyMode( 'my-feature-id' );\n\t\t * editor.disableReadOnlyMode( 'my-feature-id' );\n\t\t * ```\n\t\t *\n\t\t * @error editor-isreadonly-has-no-setter\n\t\t */ throw new CKEditorError('editor-isreadonly-has-no-setter');\n    }\n    /**\n\t * Turns on the read-only mode in the editor.\n\t *\n\t * Editor can be switched to or out of the read-only mode by many features, under various circumstances. The editor supports locking\n\t * mechanism for the read-only mode. It enables easy control over the read-only mode when many features wants to turn it on or off at\n\t * the same time, without conflicting with each other. It guarantees that you will not make the editor editable accidentally (which\n\t * could lead to errors).\n\t *\n\t * Each read-only mode request is identified by a unique id (also called \"lock\"). If multiple plugins requested to turn on the\n\t * read-only mode, then, the editor will become editable only after all these plugins turn the read-only mode off (using the same ids).\n\t *\n\t * Note, that you cannot force the editor to disable the read-only mode if other plugins set it.\n\t *\n\t * After the first `enableReadOnlyMode()` call, the {@link #isReadOnly `isReadOnly` property} will be set to `true`:\n\t *\n\t * ```ts\n\t * editor.isReadOnly; // `false`.\n\t * editor.enableReadOnlyMode( 'my-feature-id' );\n\t * editor.isReadOnly; // `true`.\n\t * ```\n\t *\n\t * You can turn off the read-only mode (\"clear the lock\") using the {@link #disableReadOnlyMode `disableReadOnlyMode()`} method:\n\t *\n\t * ```ts\n\t * editor.enableReadOnlyMode( 'my-feature-id' );\n\t * // ...\n\t * editor.disableReadOnlyMode( 'my-feature-id' );\n\t * editor.isReadOnly; // `false`.\n\t * ```\n\t *\n\t * All \"locks\" need to be removed to enable editing:\n\t *\n\t * ```ts\n\t * editor.enableReadOnlyMode( 'my-feature-id' );\n\t * editor.enableReadOnlyMode( 'my-other-feature-id' );\n\t * // ...\n\t * editor.disableReadOnlyMode( 'my-feature-id' );\n\t * editor.isReadOnly; // `true`.\n\t * editor.disableReadOnlyMode( 'my-other-feature-id' );\n\t * editor.isReadOnly; // `false`.\n\t * ```\n\t *\n\t * @param lockId A unique ID for setting the editor to the read-only state.\n\t */ enableReadOnlyMode(lockId) {\n        if (typeof lockId !== 'string' && typeof lockId !== 'symbol') {\n            /**\n\t\t\t * The lock ID is missing or it is not a string or symbol.\n\t\t\t *\n\t\t\t * @error editor-read-only-lock-id-invalid\n\t\t\t * @param {never} lockId Lock ID.\n\t\t\t */ throw new CKEditorError('editor-read-only-lock-id-invalid', null, {\n                lockId\n            });\n        }\n        if (this._readOnlyLocks.has(lockId)) {\n            return;\n        }\n        this._readOnlyLocks.add(lockId);\n        if (this._readOnlyLocks.size === 1) {\n            // Manually fire the `change:isReadOnly` event as only getter is provided.\n            this.fire('change:isReadOnly', 'isReadOnly', true, false);\n        }\n    }\n    /**\n\t * Removes the read-only lock from the editor with given lock ID.\n\t *\n\t * When no lock is present on the editor anymore, then the {@link #isReadOnly `isReadOnly` property} will be set to `false`.\n\t *\n\t * @param lockId The lock ID for setting the editor to the read-only state.\n\t */ disableReadOnlyMode(lockId) {\n        if (typeof lockId !== 'string' && typeof lockId !== 'symbol') {\n            throw new CKEditorError('editor-read-only-lock-id-invalid', null, {\n                lockId\n            });\n        }\n        if (!this._readOnlyLocks.has(lockId)) {\n            return;\n        }\n        this._readOnlyLocks.delete(lockId);\n        if (this._readOnlyLocks.size === 0) {\n            // Manually fire the `change:isReadOnly` event as only getter is provided.\n            this.fire('change:isReadOnly', 'isReadOnly', false, true);\n        }\n    }\n    /**\n\t * Sets the data in the editor.\n\t *\n\t * ```ts\n\t * editor.setData( '<p>This is editor!</p>' );\n\t * ```\n\t *\n\t * If your editor implementation uses multiple roots, you should pass an object with keys corresponding\n\t * to the editor root names and values equal to the data that should be set in each root:\n\t *\n\t * ```ts\n\t * editor.setData( {\n\t *     header: '<p>Content for header part.</p>',\n\t *     content: '<p>Content for main part.</p>',\n\t *     footer: '<p>Content for footer part.</p>'\n\t * } );\n\t * ```\n\t *\n\t * By default the editor accepts HTML. This can be controlled by injecting a different data processor.\n\t * See the {@glink features/markdown Markdown output} guide for more details.\n\t *\n\t * @param data Input data.\n\t */ setData(data) {\n        this.data.set(data);\n    }\n    /**\n\t * Gets the data from the editor.\n\t *\n\t * ```ts\n\t * editor.getData(); // -> '<p>This is editor!</p>'\n\t * ```\n\t *\n\t * If your editor implementation uses multiple roots, you should pass root name as one of the options:\n\t *\n\t * ```ts\n\t * editor.getData( { rootName: 'header' } ); // -> '<p>Content for header part.</p>'\n\t * ```\n\t *\n\t * By default, the editor outputs HTML. This can be controlled by injecting a different data processor.\n\t * See the {@glink features/markdown Markdown output} guide for more details.\n\t *\n\t * A warning is logged when you try to retrieve data for a detached root, as most probably this is a mistake. A detached root should\n\t * be treated like it is removed, and you should not save its data. Note, that the detached root data is always an empty string.\n\t *\n\t * @param options Additional configuration for the retrieved data.\n\t * Editor features may introduce more configuration options that can be set through this parameter.\n\t * @param options.rootName Root name. Defaults to `'main'`.\n\t * @param options.trim Whether returned data should be trimmed. This option is set to `'empty'` by default,\n\t * which means that whenever editor content is considered empty, an empty string is returned. To turn off trimming\n\t * use `'none'`. In such cases exact content will be returned (for example `'<p>&nbsp;</p>'` for an empty editor).\n\t * @returns Output data.\n\t */ getData(options) {\n        return this.data.get(options);\n    }\n    /**\n\t * Loads and initializes plugins specified in the configuration.\n\t *\n\t * @returns A promise which resolves once the initialization is completed, providing an array of loaded plugins.\n\t */ initPlugins() {\n        const config = this.config;\n        const plugins = config.get('plugins');\n        const removePlugins = config.get('removePlugins') || [];\n        const extraPlugins = config.get('extraPlugins') || [];\n        const substitutePlugins = config.get('substitutePlugins') || [];\n        return this.plugins.init(plugins.concat(extraPlugins), removePlugins, substitutePlugins).then((plugins)=>{\n            checkPluginsAllowedByLicenseKey(this);\n            return plugins;\n        });\n        function checkPluginsAllowedByLicenseKey(editor) {\n            const licenseKey = editor.config.get('licenseKey');\n            if (licenseKey === 'GPL') {\n                return;\n            }\n            const decodedPayload = decodeLicenseKey(licenseKey);\n            if (!decodedPayload) {\n                return;\n            }\n            const disallowedPlugin = [\n                ...editor.plugins\n            ].map(([pluginConstructor])=>pluginConstructor).find((pluginConstructor)=>{\n                if (!pluginConstructor.pluginName) {\n                    return false;\n                }\n                if (!pluginConstructor.licenseFeatureCode) {\n                    return false;\n                }\n                return isFeatureBlockedByLicenseKey(decodedPayload, pluginConstructor.licenseFeatureCode);\n            });\n            if (disallowedPlugin) {\n                editor.enableReadOnlyMode(Symbol('invalidLicense'));\n                editor._showLicenseError('pluginNotAllowed', disallowedPlugin.pluginName);\n            }\n        }\n    }\n    /**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * **Note** The editor cannot be destroyed during the initialization phase so if it is called\n\t * while the editor {@link #state is being initialized}, it will wait for the editor initialization before destroying it.\n\t *\n\t * @fires destroy\n\t * @returns A promise that resolves once the editor instance is fully destroyed.\n\t */ destroy() {\n        let readyPromise = Promise.resolve();\n        if (this.state == 'initializing') {\n            readyPromise = new Promise((resolve)=>this.once('ready', resolve));\n        }\n        return readyPromise.then(()=>{\n            this.fire('destroy');\n            this.stopListening();\n            this.commands.destroy();\n        }).then(()=>this.plugins.destroy()).then(()=>{\n            this.model.destroy();\n            this.data.destroy();\n            this.editing.destroy();\n            this.keystrokes.destroy();\n        })// Remove the editor from the context.\n        // When the context was created by this editor, the context will be destroyed.\n        .then(()=>this._context._removeEditor(this));\n    }\n    /**\n\t * Executes the specified command with given parameters.\n\t *\n\t * Shorthand for:\n\t *\n\t * ```ts\n\t * editor.commands.get( commandName ).execute( ... );\n\t * ```\n\t *\n\t * @param commandName The name of the command to execute.\n\t * @param commandParams Command parameters.\n\t * @returns The value returned by the {@link module:core/commandcollection~CommandCollection#execute `commands.execute()`}.\n\t */ execute(commandName, ...commandParams) {\n        try {\n            return this.commands.execute(commandName, ...commandParams);\n        } catch (err) {\n            // @if CK_DEBUG // throw err;\n            /* istanbul ignore next -- @preserve */ CKEditorError.rethrowUnexpectedError(err, this);\n        }\n    }\n    /**\n\t * Focuses the editor.\n\t *\n\t * **Note** To explicitly focus the editing area of the editor, use the\n\t * {@link module:engine/view/view~EditingView#focus `editor.editing.view.focus()`} method of the editing view.\n\t *\n\t * Check out the {@glink framework/deep-dive/ui/focus-tracking#focus-in-the-editor-ui Focus in the editor UI} section\n\t * of the {@glink framework/deep-dive/ui/focus-tracking Deep dive into focus tracking} guide to learn more.\n\t */ focus() {\n        this.editing.view.focus();\n    }\n    /* istanbul ignore next -- @preserve */ /**\n\t * Creates and initializes a new editor instance.\n\t *\n\t * This is an abstract method. Every editor type needs to implement its own initialization logic.\n\t *\n\t * See the `create()` methods of the existing editor types to learn how to use them:\n\t *\n\t * * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`}\n\t * * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`}\n\t * * {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`}\n\t * * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`}\n\t */ static create(...args) {\n        throw new Error('This is an abstract method.');\n    }\n    /**\n\t * The {@link module:core/context~Context} class.\n\t *\n\t * Exposed as static editor field for easier access in editor builds.\n\t */ static Context = Context;\n    /**\n\t * The {@link module:watchdog/editorwatchdog~EditorWatchdog} class.\n\t *\n\t * Exposed as static editor field for easier access in editor builds.\n\t */ static EditorWatchdog = EditorWatchdog;\n    /**\n\t * The {@link module:watchdog/contextwatchdog~ContextWatchdog} class.\n\t *\n\t * Exposed as static editor field for easier access in editor builds.\n\t */ static ContextWatchdog = ContextWatchdog;\n    _showLicenseError(reason, name) {\n        setTimeout(()=>{\n            if (reason == 'invalid') {\n                /**\n\t\t\t\t * The license key provided is invalid. Please ensure that it is copied correctly\n\t\t\t\t * from the [Customer Portal](http://portal.ckeditor.com). If the issue persists,\n\t\t\t\t * please [contact our customer support](https://ckeditor.com/contact/).\n\t\t\t\t *\n\t\t\t\t * @error invalid-license-key\n\t\t\t\t */ throw new CKEditorError('invalid-license-key');\n            }\n            if (reason == 'expired') {\n                /**\n\t\t\t\t * Your license key has expired.\n\t\t\t\t *\n\t\t\t\t * If you used our free trial, you either need to switch to\n\t\t\t\t * [open-source license](https://ckeditor.com/docs/ckeditor5/latest/getting-started/licensing/license-and-legal.html), or\n\t\t\t\t * in case of a commercial plan, change the trial key to production key or development key.\n\t\t\t\t * Switching from trial, you also need to align the editor configuration to the features available in your plan.\n\t\t\t\t *\n\t\t\t\t * If you already had one of our Cloud or Custom plans, please renew your license in the\n\t\t\t\t * [Customer Portal](https://portal.ckeditor.com).\n\t\t\t\t *\n\t\t\t\t * @error license-key-expired\n\t\t\t\t */ throw new CKEditorError('license-key-expired');\n            }\n            if (reason == 'domainLimit') {\n                /**\n\t\t\t\t * The provided license does not allow the editor to run on this domain.\n\t\t\t\t * Some license keys are restricted to local test environments only.\n\t\t\t\t * For more details, please refer to the\n\t\t\t\t * {@glink getting-started/licensing/license-key-and-activation#license-key-types license key type documentation}.\n\t\t\t\t *\n\t\t\t\t * @error license-key-domain-limit\n\t\t\t\t */ throw new CKEditorError('license-key-domain-limit');\n            }\n            if (reason == 'pluginNotAllowed') {\n                // It's safe to assume `name` exists because `pluginNotAllowed` must know a plugin name when checking the license.\n                const gluePluginName = name.replace(/(Editing|UI)$/, '');\n                const containsGluePlugin = this.plugins.has(gluePluginName);\n                /**\n\t\t\t\t * The plugin you are trying to use is not permitted under your current license.\n\t\t\t\t * Please check the available features on the\n\t\t\t\t * [Customer Portal](https://portal.ckeditor.com) or\n\t\t\t\t * [contact support](https://ckeditor.com/contact/) for more information.\n\t\t\t\t *\n\t\t\t\t * @error license-key-plugin-not-allowed\n\t\t\t\t * @param {String} pluginName The plugin you tried to load.\n\t\t\t\t */ throw new CKEditorError('license-key-plugin-not-allowed', null, {\n                    pluginName: containsGluePlugin ? gluePluginName : name\n                });\n            }\n            if (reason == 'featureNotAllowed') {\n                /**\n\t\t\t\t * The feature you are trying to use is not permitted under your current license.\n\t\t\t\t * Please check the available features on the\n\t\t\t\t * [Customer Portal](https://portal.ckeditor.com) or\n\t\t\t\t * [contact support](https://ckeditor.com/contact/) for more information.\n\t\t\t\t *\n\t\t\t\t * @error license-key-feature-not-allowed\n\t\t\t\t * @param {String} featureName The feature you tried to use.\n\t\t\t\t */ throw new CKEditorError('license-key-feature-not-allowed', null, {\n                    featureName: name\n                });\n            }\n            if (reason == 'evaluationLimit') {\n                /**\n\t\t\t\t * You have exceeded the editor operation limit available for your evaluation license key.\n\t\t\t\t * Please restart the editor to continue using it.\n\t\t\t\t * {@glink getting-started/licensing/license-key-and-activation#license-key-types Read more about license key types}.\n\t\t\t\t *\n\t\t\t\t * @error license-key-evaluation-limit\n\t\t\t\t */ throw new CKEditorError('license-key-evaluation-limit');\n            }\n            if (reason == 'trialLimit') {\n                /**\n\t\t\t\t * You have exceeded the editor operation limit for your trial license key.\n\t\t\t\t * Please restart the editor to continue using it.\n\t\t\t\t * {@glink getting-started/licensing/license-key-and-activation#license-key-types Read more about license key types}.\n\t\t\t\t *\n\t\t\t\t * @error license-key-trial-limit\n\t\t\t\t */ throw new CKEditorError('license-key-trial-limit');\n            }\n            if (reason == 'developmentLimit') {\n                /**\n\t\t\t\t * You have exceeded the operation limit for your development license key within the editor.\n\t\t\t\t * Please restart the editor to continue using it.\n\t\t\t\t * {@glink getting-started/licensing/license-key-and-activation#license-key-types Read more about license key types}.\n\t\t\t\t *\n\t\t\t\t * @error license-key-development-limit\n\t\t\t\t */ throw new CKEditorError('license-key-development-limit');\n            }\n            if (reason == 'usageLimit') {\n                /**\n\t\t\t\t * You have reached the usage limit of your license key. This can occur in the following situations:\n\t\t\t\t *\n\t\t\t\t * * You are on a free subscription without a connected payment method and have exceeded the allowed usage threshold.\n\t\t\t\t * * Your account has overdue invoices and the grace period has ended.\n\t\t\t\t *\n\t\t\t\t * To extend the limit and restore access, please update the required details in the\n\t\t\t\t * [Customer Portal](https://portal.ckeditor.com) or\n\t\t\t\t * [contact our customer support](https://ckeditor.com/contact).\n\t\t\t\t *\n\t\t\t\t * @error license-key-usage-limit\n\t\t\t\t */ throw new CKEditorError('license-key-usage-limit');\n            }\n            if (reason == 'distributionChannel') {\n                /**\n\t\t\t\t * Your license does not allow the current distribution channel.\n\t\t\t\t *\n\t\t\t\t * These are the available distribution channels:\n\t\t\t\t * * Self-hosted - the editor is installed via npm or from a ZIP package\n\t\t\t\t * * Cloud - the editor is run from CDN\n\t\t\t\t *\n\t\t\t\t * The licenses available include:\n\t\t\t\t * * GPL license for open-source users.\n\t\t\t\t * * Commercial plans (Cloud or sales-assisted).\n\t\t\t\t *\n\t\t\t\t * The relation between distribution channels and licenses works as follows:\n\t\t\t\t * * With the 'GPL' license key, you may use the editor installed via npm or a ZIP package (self-hosted).\n\t\t\t\t * * With the CKEditor Cloud plans, you may use the editor via our CDN.\n\t\t\t\t * * With the CKEditor Custom plans, depending on your plan details, you can use the editor via npm\n\t\t\t\t *   or a ZIP package (self-hosted) or Cloud (CDN).\n\t\t\t\t *\n\t\t\t\t * {@glink getting-started/licensing/usage-based-billing#key-terms Read more about distributions in the documentation}.\n\t\t\t\t * Please verify your installation or [contact support](https://ckeditor.com/contact/) for assistance.\n\t\t\t\t * Should you need to migrate your installation from npm to CDN, please refer to our\n\t\t\t\t * [dedicated migration guides](https://ckeditor.com/docs/ckeditor5/latest/updating/migrations/vanilla-js.html).\n\t\t\t\t *\n\t\t\t\t * @error license-key-invalid-distribution-channel\n\t\t\t\t */ throw new CKEditorError('license-key-invalid-distribution-channel');\n            }\n        }, 0);\n        this._showLicenseError = ()=>{};\n    }\n    /**\n\t * This part of the code is _not_ executed in installations under the GPL license (with `config.licenseKey = 'GPL'`).\n     *\n\t * It is only executed when a specific license key is provided. If you are uncertain whether\n\t * this applies to your installation, please contact our support team.\n\t */ async _sendUsageRequest(endpoint, request) {\n        const headers = new Headers({\n            'Content-Type': 'application/json'\n        });\n        const response = await fetch(new URL(endpoint), {\n            method: 'POST',\n            headers,\n            body: JSON.stringify(request)\n        });\n        if (!response.ok) {\n            // TODO: refine message.\n            throw new Error(`HTTP Response: ${response.status}`);\n        }\n        return response.json();\n    }\n}\nfunction collectUsageData(editor) {\n    const collectedData = getEditorUsageData(editor);\n    function setUsageData(path, value) {\n        if (get(collectedData, path) !== undefined) {\n            /**\n\t\t\t * The error thrown when trying to set the usage data path that was already set.\n\t\t\t * Make sure that you are not setting the same path multiple times.\n\t\t\t *\n\t\t\t * @error editor-usage-data-path-already-set\n\t\t\t * @param {string} path The path that was already set.\n\t\t\t */ throw new CKEditorError('editor-usage-data-path-already-set', {\n                path\n            });\n        }\n        set(collectedData, path, value);\n    }\n    editor.fire('collectUsageData', {\n        setUsageData\n    });\n    return collectedData;\n}\n /**\n * This error is thrown when trying to pass a `<textarea>` element to a `create()` function of an editor class.\n *\n * The only editor type which can be initialized on `<textarea>` elements is\n * the {@glink getting-started/setup/editor-types#classic-editor classic editor}.\n * This editor hides the passed element and inserts its own UI next to it. Other types of editors reuse the passed element as their root\n * editable element and therefore `<textarea>` is not appropriate for them. Use a `<div>` or another text container instead:\n *\n * ```html\n * <div id=\"editor\">\n * \t<p>Initial content.</p>\n * </div>\n * ```\n *\n * @error editor-wrong-element\n */\n\n/**\n * Checks if the editor is initialized on a `<textarea>` element that belongs to a form. If yes, it updates the editor's element\n * content before submitting the form.\n *\n * This helper requires the {@link module:core/editor/utils/elementapimixin~ElementApi ElementApi interface}.\n *\n * @param editor Editor instance.\n */ function attachToForm(editor) {\n    if (!isFunction(editor.updateSourceElement)) {\n        /**\n\t\t * The editor passed to `attachToForm()` must implement the\n\t\t * {@link module:core/editor/utils/elementapimixin~ElementApi} interface.\n\t\t *\n\t\t * @error attachtoform-missing-elementapi-interface\n\t\t */ throw new CKEditorError('attachtoform-missing-elementapi-interface', editor);\n    }\n    const sourceElement = editor.sourceElement;\n    // Only when replacing a textarea which is inside of a form element.\n    if (isTextArea(sourceElement) && sourceElement.form) {\n        let originalSubmit;\n        const form = sourceElement.form;\n        const onSubmit = ()=>editor.updateSourceElement();\n        // Replace the original form#submit() to call a custom submit function first.\n        // Check if #submit is a function because the form might have an input named \"submit\".\n        if (isFunction(form.submit)) {\n            originalSubmit = form.submit;\n            form.submit = ()=>{\n                onSubmit();\n                originalSubmit.apply(form);\n            };\n        }\n        // Update the replaced textarea with data before each form#submit event.\n        form.addEventListener('submit', onSubmit);\n        // Remove the submit listener and revert the original submit method on\n        // editor#destroy.\n        editor.on('destroy', ()=>{\n            form.removeEventListener('submit', onSubmit);\n            if (originalSubmit) {\n                form.submit = originalSubmit;\n            }\n        });\n    }\n}\nfunction isTextArea(sourceElement) {\n    return !!sourceElement && sourceElement.tagName.toLowerCase() === 'textarea';\n}\n\n/**\n * Implementation of the {@link module:core/editor/utils/elementapimixin~ElementApi}.\n */ function ElementApiMixin(base) {\n    class Mixin extends base {\n        sourceElement;\n        updateSourceElement(data) {\n            if (!this.sourceElement) {\n                /**\n\t\t\t\t * Cannot update the source element of a detached editor.\n\t\t\t\t *\n\t\t\t\t * The {@link module:core/editor/utils/elementapimixin~ElementApi#updateSourceElement `updateSourceElement()`}\n\t\t\t\t * method cannot be called if you did not pass an element to `Editor.create()`.\n\t\t\t\t *\n\t\t\t\t * @error editor-missing-sourceelement\n\t\t\t\t */ throw new CKEditorError('editor-missing-sourceelement', this);\n            }\n            const shouldUpdateSourceElement = this.config.get('updateSourceElementOnDestroy');\n            const isSourceElementTextArea = this.sourceElement instanceof HTMLTextAreaElement;\n            // The data returned by the editor might be unsafe, so we want to prevent rendering\n            // unsafe content inside the source element different than <textarea>, which is considered\n            // secure. This behavior could be changed by setting the `updateSourceElementOnDestroy`\n            // configuration option to `true`.\n            if (!shouldUpdateSourceElement && !isSourceElementTextArea) {\n                setDataInElement(this.sourceElement, '');\n                return;\n            }\n            const dataToSet = typeof data === 'string' ? data : this.data.get();\n            setDataInElement(this.sourceElement, dataToSet);\n        }\n    }\n    return Mixin;\n}\n\n/**\n * Marks the source element on which the editor was initialized. This prevents other editor instances from using this element.\n *\n * Running multiple editor instances on the same source element causes various issues and it is\n * crucial this helper is called as soon as the source element is known to prevent collisions.\n *\n * @param editor Editor instance.\n * @param sourceElement Element to bind with the editor instance.\n */ function secureSourceElement(editor, sourceElement) {\n    if (sourceElement.ckeditorInstance) {\n        /**\n\t\t * A DOM element used to create the editor (e.g.\n\t\t * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`})\n\t\t * has already been used to create another editor instance. Make sure each editor is\n\t\t * created with a unique DOM element.\n\t\t *\n\t\t * @error editor-source-element-already-used\n\t\t * @param {HTMLElement} element DOM element that caused the collision.\n\t\t */ throw new CKEditorError('editor-source-element-already-used', editor);\n    }\n    sourceElement.ckeditorInstance = editor;\n    editor.once('destroy', ()=>{\n        delete sourceElement.ckeditorInstance;\n    });\n}\n\n/**\n * The list of pending editor actions.\n *\n * This plugin should be used to synchronise plugins that execute long-lasting actions\n * (e.g. file upload) with the editor integration. It gives the developer who integrates the editor\n * an easy way to check if there are any actions pending whenever such information is needed.\n * All plugins that register a pending action also provide a message about the action that is ongoing\n * which can be displayed to the user. This lets them decide if they want to interrupt the action or wait.\n *\n * Adding and updating a pending action:\n *\n * ```ts\n * const pendingActions = editor.plugins.get( 'PendingActions' );\n * const action = pendingActions.add( 'Upload in progress: 0%.' );\n *\n * // You can update the message:\n * action.message = 'Upload in progress: 10%.';\n * ```\n *\n * Removing a pending action:\n *\n * ```ts\n * const pendingActions = editor.plugins.get( 'PendingActions' );\n * const action = pendingActions.add( 'Unsaved changes.' );\n *\n * pendingActions.remove( action );\n * ```\n *\n * Getting pending actions:\n *\n * ```ts\n * const pendingActions = editor.plugins.get( 'PendingActions' );\n *\n * const action1 = pendingActions.add( 'Action 1' );\n * const action2 = pendingActions.add( 'Action 2' );\n *\n * pendingActions.first; // Returns action1\n * Array.from( pendingActions ); // Returns [ action1, action2 ]\n * ```\n *\n * This plugin is used by features like {@link module:upload/filerepository~FileRepository} to register their ongoing actions\n * and by features like {@link module:autosave/autosave~Autosave} to detect whether there are any ongoing actions.\n * Read more about saving the data in the\n * {@glink getting-started/setup/getting-and-setting-data Saving and getting data} guide.\n */ class PendingActions extends ContextPlugin {\n    /**\n\t * A list of pending actions.\n\t */ _actions;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'PendingActions';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this.set('hasAny', false);\n        this._actions = new Collection({\n            idProperty: '_id'\n        });\n        this._actions.delegate('add', 'remove').to(this);\n    }\n    /**\n\t * Adds an action to the list of pending actions.\n\t *\n\t * This method returns an action object with an observable message property.\n\t * The action object can be later used in the {@link #remove} method. It also allows you to change the message.\n\t *\n\t * @param message The action message.\n\t * @returns An observable object that represents a pending action.\n\t */ add(message) {\n        if (typeof message !== 'string') {\n            /**\n\t\t\t * The message must be a string.\n\t\t\t *\n\t\t\t * @error pendingactions-add-invalid-message\n\t\t\t */ throw new CKEditorError('pendingactions-add-invalid-message', this);\n        }\n        const action = new (ObservableMixin())();\n        action.set('message', message);\n        this._actions.add(action);\n        this.hasAny = true;\n        return action;\n    }\n    /**\n\t * Removes an action from the list of pending actions.\n\t *\n\t * @param action An action object.\n\t */ remove(action) {\n        this._actions.remove(action);\n        this.hasAny = !!this._actions.length;\n    }\n    /**\n\t * Returns the first action from the list or null if the list is empty\n\t *\n\t * @returns The pending action object.\n\t */ get first() {\n        return this._actions.get(0);\n    }\n    /**\n\t * Iterable interface.\n\t */ [Symbol.iterator]() {\n        return this._actions[Symbol.iterator]();\n    }\n}\n\nexport { Accessibility, Command, CommandCollection, Context, ContextPlugin, EditingKeystrokeHandler, Editor, ElementApiMixin, MultiCommand, PendingActions, Plugin, DEFAULT_GROUP_ID as _DEFAULT_ACCESSIBILITY_GROUP_ID, getEditorUsageData as _getEditorUsageData, attachToForm, secureSourceElement };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/plugin\n */\n\n/* eslint-disable @typescript-eslint/no-invalid-void-type */\n\nimport { ObservableMixin, type ObservableSetEvent, type EventInfo } from '@ckeditor/ckeditor5-utils';\n\nimport { type Editor } from './editor/editor.js';\n\n/**\n * The base class for CKEditor plugin classes.\n */\nexport class Plugin extends /* #__PURE__ */ ObservableMixin() implements PluginInterface {\n\t/**\n\t * The editor instance.\n\t *\n\t * Note that most editors implement the {@link module:core/editor/editor~Editor#ui} property.\n\t * However, editors with an external UI (i.e. Bootstrap-based) or a headless editor may not have this property or\n\t * throw an error when accessing it.\n\t *\n\t * Because of above, to make plugins more universal, it is recommended to split features into:\n\t *  - The \"editing\" part that uses the {@link module:core/editor/editor~Editor} class without `ui` property.\n\t *  - The \"UI\" part that uses the {@link module:core/editor/editor~Editor} class and accesses `ui` property.\n\t */\n\tpublic readonly editor: Editor;\n\n\t/**\n\t * Flag indicating whether a plugin is enabled or disabled.\n\t * A disabled plugin will not transform text.\n\t *\n\t * Plugin can be simply disabled like that:\n\t *\n\t * ```ts\n\t * // Disable the plugin so that no toolbars are visible.\n\t * editor.plugins.get( 'TextTransformation' ).isEnabled = false;\n\t * ```\n\t *\n\t * You can also use {@link #forceDisabled} method.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tpublic declare isEnabled: boolean;\n\n\t/**\n\t * Holds identifiers for {@link #forceDisabled} mechanism.\n\t */\n\tprivate _disableStack = new Set<string>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper();\n\n\t\tthis.editor = editor;\n\n\t\tthis.set( 'isEnabled', true );\n\t}\n\n\t/**\n\t * Disables the plugin.\n\t *\n\t * Plugin may be disabled by multiple features or algorithms (at once). When disabling a plugin, unique id should be passed\n\t * (e.g. feature name). The same identifier should be used when {@link #clearForceDisabled enabling back} the plugin.\n\t * The plugin becomes enabled only after all features {@link #clearForceDisabled enabled it back}.\n\t *\n\t * Disabling and enabling a plugin:\n\t *\n\t * ```ts\n\t * plugin.isEnabled; // -> true\n\t * plugin.forceDisabled( 'MyFeature' );\n\t * plugin.isEnabled; // -> false\n\t * plugin.clearForceDisabled( 'MyFeature' );\n\t * plugin.isEnabled; // -> true\n\t * ```\n\t *\n\t * Plugin disabled by multiple features:\n\t *\n\t * ```ts\n\t * plugin.forceDisabled( 'MyFeature' );\n\t * plugin.forceDisabled( 'OtherFeature' );\n\t * plugin.clearForceDisabled( 'MyFeature' );\n\t * plugin.isEnabled; // -> false\n\t * plugin.clearForceDisabled( 'OtherFeature' );\n\t * plugin.isEnabled; // -> true\n\t * ```\n\t *\n\t * Multiple disabling with the same identifier is redundant:\n\t *\n\t * ```ts\n\t * plugin.forceDisabled( 'MyFeature' );\n\t * plugin.forceDisabled( 'MyFeature' );\n\t * plugin.clearForceDisabled( 'MyFeature' );\n\t * plugin.isEnabled; // -> true\n\t * ```\n\t *\n\t * **Note:** some plugins or algorithms may have more complex logic when it comes to enabling or disabling certain plugins,\n\t * so the plugin might be still disabled after {@link #clearForceDisabled} was used.\n\t *\n\t * @param id Unique identifier for disabling. Use the same id when {@link #clearForceDisabled enabling back} the plugin.\n\t */\n\tpublic forceDisabled( id: string ): void {\n\t\tthis._disableStack.add( id );\n\n\t\tif ( this._disableStack.size == 1 ) {\n\t\t\tthis.on<ObservableSetEvent<boolean>>( 'set:isEnabled', forceDisable, { priority: 'highest' } );\n\t\t\tthis.isEnabled = false;\n\t\t}\n\t}\n\n\t/**\n\t * Clears forced disable previously set through {@link #forceDisabled}. See {@link #forceDisabled}.\n\t *\n\t * @param id Unique identifier, equal to the one passed in {@link #forceDisabled} call.\n\t */\n\tpublic clearForceDisabled( id: string ): void {\n\t\tthis._disableStack.delete( id );\n\n\t\tif ( this._disableStack.size == 0 ) {\n\t\t\tthis.off( 'set:isEnabled', forceDisable );\n\t\t\tthis.isEnabled = true;\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic destroy(): void {\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get isContextPlugin(): false {\n\t\treturn false;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get isOfficialPlugin(): boolean {\n\t\treturn false;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get isPremiumPlugin(): boolean {\n\t\treturn false;\n\t}\n}\n\n/**\n * The base interface for CKEditor plugins.\n *\n * In its minimal form a plugin can be a simple function that accepts {@link module:core/editor/editor~Editor the editor}\n * as a parameter:\n *\n * ```ts\n * // A simple plugin that enables a data processor.\n * function MyPlugin( editor ) {\n * \teditor.data.processor = new MyDataProcessor();\n * }\n * ```\n *\n * In most cases however, you will want to inherit from the {@link ~Plugin} class which implements the\n * {@link module:utils/observablemixin~Observable} and is, therefore, more convenient:\n *\n * ```ts\n * class MyPlugin extends Plugin {\n * \tinit() {\n * \t\t// `listenTo()` and `editor` are available thanks to `Plugin`.\n * \t\t// By using `listenTo()` you will ensure that the listener is removed when\n * \t\t// the plugin is destroyed.\n * \t\tthis.listenTo( this.editor.data, 'ready', () => {\n * \t\t\t// Do something when the data is ready.\n * \t\t} );\n * \t}\n * }\n * ```\n *\n * The plugin class can have `pluginName` and `requires` static members. See {@link ~PluginStaticMembers} for more details.\n *\n * The plugin can also implement methods (e.g. {@link ~PluginInterface#init `init()`} or\n * {@link ~PluginInterface#destroy `destroy()`}) which, when present, will be used to properly\n * initialize and destroy the plugin.\n *\n * **Note:** When defined as a plain function, the plugin acts as a constructor and will be\n * called in parallel with other plugins' {@link ~PluginConstructor constructors}.\n * This means the code of that plugin will be executed **before** {@link ~PluginInterface#init `init()`} and\n * {@link ~PluginInterface#afterInit `afterInit()`} methods of other plugins and, for instance,\n * you cannot use it to extend other plugins' {@glink framework/architecture/editing-engine#schema schema}\n * rules as they are defined later on during the `init()` stage.\n */\nexport interface PluginInterface {\n\n\t/**\n\t * The second stage (after plugin constructor) of the plugin initialization.\n\t * Unlike the plugin constructor this method can be asynchronous.\n\t *\n\t * A plugin's `init()` method is called after its {@link ~PluginStaticMembers#requires dependencies} are initialized,\n\t * so in the same order as the constructors of these plugins.\n\t *\n\t * **Note:** This method is optional. A plugin instance does not need to have it defined.\n\t */\n\tinit?(): Promise<unknown> | null | undefined | void;\n\n\t/**\n\t * The third (and last) stage of the plugin initialization. See also {@link ~PluginConstructor} and {@link ~PluginInterface#init}.\n\t *\n\t * **Note:** This method is optional. A plugin instance does not need to have it defined.\n\t */\n\tafterInit?(): Promise<unknown> | null | undefined | void;\n\n\t/**\n\t * Destroys the plugin.\n\t *\n\t * **Note:** This method is optional. A plugin instance does not need to have it defined.\n\t */\n\tdestroy?(): Promise<unknown> | null | undefined | void;\n}\n\n/**\n * Creates a new plugin instance. This is the first step of the plugin initialization.\n * See also {@link ~PluginInterface#init} and {@link ~PluginInterface#afterInit}.\n *\n * The plugin static properties should conform to {@link ~PluginStaticMembers `PluginStaticMembers` interface}.\n *\n * A plugin is always instantiated after its {@link ~PluginStaticMembers#requires dependencies} and the\n * {@link ~PluginInterface#init} and {@link ~PluginInterface#afterInit} methods are called in the same order.\n *\n * Usually, you will want to put your plugin's initialization code in the {@link ~PluginInterface#init} method.\n * The constructor can be understood as \"before init\" and used in special cases, just like\n * {@link ~PluginInterface#afterInit} serves the special \"after init\" scenarios (e.g.the code which depends on other\n * plugins, but which does not {@link ~PluginStaticMembers#requires explicitly require} them).\n */\nexport type PluginConstructor<TContext = Editor> =\n\t( PluginClassConstructor<TContext> | PluginFunctionConstructor<TContext> ) & PluginStaticMembers<TContext>;\n\n/**\n * In most cases, you will want to inherit from the {@link ~Plugin} class which implements the\n * {@link module:utils/observablemixin~Observable} and is, therefore, more convenient:\n *\n * ```ts\n * class MyPlugin extends Plugin {\n * \tinit() {\n * \t\t// `listenTo()` and `editor` are available thanks to `Plugin`.\n * \t\t// By using `listenTo()` you will ensure that the listener is removed when\n * \t\t// the plugin is destroyed.\n * \t\tthis.listenTo( this.editor.data, 'ready', () => {\n * \t\t\t// Do something when the data is ready.\n * \t\t} );\n * \t}\n * }\n * ```\n */\nexport type PluginClassConstructor<TContext = Editor> = new ( editor: TContext ) => PluginInterface;\n\n/**\n * In its minimal form a plugin can be a simple function that accepts {@link module:core/editor/editor~Editor the editor}\n * as a parameter:\n *\n * ```ts\n * // A simple plugin that enables a data processor.\n * function MyPlugin( editor ) {\n * \teditor.data.processor = new MyDataProcessor();\n * }\n * ```\n */\nexport type PluginFunctionConstructor<TContext = Editor> = ( editor: TContext ) => void;\n\n/**\n * Static properties of a plugin.\n */\nexport interface PluginStaticMembers<TContext = Editor> {\n\n\t/**\n\t * An array of plugins required by this plugin.\n\t *\n\t * To keep the plugin class definition tight it is recommended to define this property as a static getter:\n\t *\n\t * ```ts\n\t * import { Image } from './image.js';\n\t *\n\t * export class ImageCaption {\n\t * \tstatic get requires() {\n\t * \t\treturn [ Image ];\n\t * \t}\n\t * }\n\t * ```\n\t */\n\treadonly requires?: PluginDependencies<TContext>;\n\n\t/**\n\t * An optional name of the plugin. If set, the plugin will be available in\n\t * {@link module:core/plugincollection~PluginCollection#get} by its\n\t * name and its constructor. If not, then only by its constructor.\n\t *\n\t * The name should reflect the constructor name.\n\t *\n\t * To keep the plugin class definition tight, it is recommended to define this property as a static getter:\n\t *\n\t * ```ts\n\t * export class ImageCaption {\n\t * \tstatic get pluginName() {\n\t * \t\treturn 'ImageCaption';\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * Note: The native `Function.name` property could not be used to keep the plugin name because\n\t * it will be mangled during code minification.\n\t *\n\t * Naming a plugin is necessary to enable removing it through the\n\t * {@link module:core/editor/editorconfig~EditorConfig#removePlugins `config.removePlugins`} option.\n\t */\n\treadonly pluginName?: string;\n\n\t/**\n\t * A flag which defines if a plugin is allowed or not allowed to be used directly by a {@link module:core/context~Context}.\n\t */\n\treadonly isContextPlugin?: boolean;\n\n\t/**\n\t * A flag which defines if a plugin is an official CKEditor 5 plugin.\n\t *\n\t * @internal\n\t */\n\treadonly isOfficialPlugin?: boolean;\n\n\t/**\n\t * A flag which defines if a plugin is a premium CKEditor 5 plugin.\n\t *\n\t * @internal\n\t */\n\treadonly isPremiumPlugin?: boolean;\n\n\t/**\n\t * An unique id of a plugin which belongs to the free plan on commercial license.\n\t *\n\t * @internal\n\t */\n\treadonly licenseFeatureCode?: string;\n}\n\nexport type PluginDependencies<TContext = Editor> = ReadonlyArray<PluginConstructor<TContext> | string>;\n\n/**\n * An array of loaded plugins.\n */\nexport type LoadedPlugins = Array<PluginInterface>;\n\n/**\n * Helper function that forces plugin to be disabled.\n */\nfunction forceDisable( evt: EventInfo<string, boolean> ) {\n\tevt.return = false;\n\tevt.stop();\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/command\n */\n\nimport {\n\tObservableMixin,\n\ttype EventInfo,\n\ttype ObservableChangeEvent,\n\ttype DecoratedMethodEvent,\n\ttype ObservableSetEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport { type Editor } from './editor/editor.js';\n\n/**\n * Base class for the CKEditor commands.\n *\n * Commands are the main way to manipulate the editor contents and state. They are mostly used by UI elements (or by other\n * commands) to make changes in the model. Commands are available in every part of the code that has access to\n * the {@link module:core/editor/editor~Editor editor} instance.\n *\n * Instances of registered commands can be retrieved from {@link module:core/editor/editor~Editor#commands `editor.commands`}.\n * The easiest way to execute a command is through {@link module:core/editor/editor~Editor#execute `editor.execute()`}.\n *\n * By default, commands are disabled when the editor is in the {@link module:core/editor/editor~Editor#isReadOnly read-only} mode\n * but commands with the {@link module:core/command~Command#affectsData `affectsData`} flag set to `false` will not be disabled.\n */\nexport class Command extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * The editor on which this command will be used.\n\t */\n\tpublic readonly editor: Editor;\n\n\t/**\n\t * The value of the command. A given command class should define what it represents for it.\n\t *\n\t * For example, the `'bold'` command's value indicates whether the selection starts in a bolded text.\n\t * And the value of the `'link'` command may be an object with link details.\n\t *\n\t * It is possible for a command to have no value (e.g. for stateless actions such as `'uploadImage'`).\n\t *\n\t * A given command class should control this value by overriding the {@link #refresh `refresh()`} method.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: unknown;\n\n\t/**\n\t * Flag indicating whether a command is enabled or disabled.\n\t * A disabled command will do nothing when executed.\n\t *\n\t * A given command class should control this value by overriding the {@link #refresh `refresh()`} method.\n\t *\n\t * It is possible to disable a command \"from outside\" using {@link #forceDisabled} method.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * A flag indicating whether a command's `isEnabled` state should be changed depending on where the document\n\t * selection is placed.\n\t *\n\t * By default, it is set to `true`. If the document selection is placed in a\n\t * {@link module:engine/model/model~Model#canEditAt non-editable} place (such as non-editable root), the command becomes disabled.\n\t *\n\t * The flag should be changed to `false` in a concrete command's constructor if the command should not change its `isEnabled`\n\t * accordingly to the document selection.\n\t */\n\tprotected _isEnabledBasedOnSelection: boolean;\n\n\t/**\n\t * A flag indicating whether a command execution changes the editor data or not.\n\t *\n\t * @see #affectsData\n\t */\n\tprivate _affectsData: boolean;\n\n\t/**\n\t * Holds identifiers for {@link #forceDisabled} mechanism.\n\t */\n\tprivate readonly _disableStack: Set<string>;\n\n\t/**\n\t * Creates a new `Command` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper();\n\n\t\tthis.editor = editor;\n\t\tthis.set( 'value', undefined );\n\t\tthis.set( 'isEnabled', false );\n\n\t\tthis._affectsData = true;\n\t\tthis._isEnabledBasedOnSelection = true;\n\t\tthis._disableStack = new Set();\n\n\t\tthis.decorate( 'execute' );\n\n\t\t// By default, every command is refreshed when changes are applied to the model.\n\t\tthis.listenTo( this.editor.model.document, 'change', () => {\n\t\t\tthis.refresh();\n\t\t} );\n\n\t\tthis.listenTo<ObservableChangeEvent<boolean>>( editor, 'change:isReadOnly', () => {\n\t\t\tthis.refresh();\n\t\t} );\n\n\t\t// By default, commands are disabled if the selection is in non-editable place or editor is in read-only mode.\n\t\tthis.on<ObservableSetEvent<boolean>>( 'set:isEnabled', evt => {\n\t\t\tif ( !this.affectsData ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selection = editor.model.document.selection;\n\t\t\tconst selectionInGraveyard = selection.getFirstPosition()!.root.rootName == '$graveyard';\n\t\t\tconst canEditAtSelection = !selectionInGraveyard && editor.model.canEditAt( selection );\n\n\t\t\t// Disable if editor is read only, or when selection is in a place which cannot be edited.\n\t\t\t//\n\t\t\t// Checking `editor.isReadOnly` is needed for all commands that have `_isEnabledBasedOnSelection == false`.\n\t\t\t// E.g. undo does not base on selection, but affects data and should be disabled when the editor is in read-only mode.\n\t\t\tif ( editor.isReadOnly || this._isEnabledBasedOnSelection && !canEditAtSelection ) {\n\t\t\t\tevt.return = false;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'highest' } );\n\n\t\tthis.on<CommandExecuteEvent>( 'execute', evt => {\n\t\t\tif ( !this.isEnabled ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * A flag indicating whether a command execution changes the editor data or not.\n\t *\n\t * Commands with `affectsData` set to `false` will not be automatically disabled in\n\t * the {@link module:core/editor/editor~Editor#isReadOnly read-only mode} and\n\t * {@glink features/read-only#related-features other editor modes} with restricted user write permissions.\n\t *\n\t * **Note:** You do not have to set it for your every command. It is `true` by default.\n\t *\n\t * @default true\n\t */\n\tpublic get affectsData(): boolean {\n\t\treturn this._affectsData;\n\t}\n\n\tprotected set affectsData( affectsData: boolean ) {\n\t\tthis._affectsData = affectsData;\n\t}\n\n\t/**\n\t * Refreshes the command. The command should update its {@link #isEnabled} and {@link #value} properties\n\t * in this method.\n\t *\n\t * This method is automatically called when\n\t * {@link module:engine/model/document~ModelDocument#event:change any changes are applied to the document}.\n\t */\n\tpublic refresh(): void {\n\t\tthis.isEnabled = true;\n\t}\n\n\t/**\n\t * Disables the command.\n\t *\n\t * Command may be disabled by multiple features or algorithms (at once). When disabling a command, unique id should be passed\n\t * (e.g. the feature name). The same identifier should be used when {@link #clearForceDisabled enabling back} the command.\n\t * The command becomes enabled only after all features {@link #clearForceDisabled enabled it back}.\n\t *\n\t * Disabling and enabling a command:\n\t *\n\t * ```ts\n\t * command.isEnabled; // -> true\n\t * command.forceDisabled( 'MyFeature' );\n\t * command.isEnabled; // -> false\n\t * command.clearForceDisabled( 'MyFeature' );\n\t * command.isEnabled; // -> true\n\t * ```\n\t *\n\t * Command disabled by multiple features:\n\t *\n\t * ```ts\n\t * command.forceDisabled( 'MyFeature' );\n\t * command.forceDisabled( 'OtherFeature' );\n\t * command.clearForceDisabled( 'MyFeature' );\n\t * command.isEnabled; // -> false\n\t * command.clearForceDisabled( 'OtherFeature' );\n\t * command.isEnabled; // -> true\n\t * ```\n\t *\n\t * Multiple disabling with the same identifier is redundant:\n\t *\n\t * ```ts\n\t * command.forceDisabled( 'MyFeature' );\n\t * command.forceDisabled( 'MyFeature' );\n\t * command.clearForceDisabled( 'MyFeature' );\n\t * command.isEnabled; // -> true\n\t * ```\n\t *\n\t * **Note:** some commands or algorithms may have more complex logic when it comes to enabling or disabling certain commands,\n\t * so the command might be still disabled after {@link #clearForceDisabled} was used.\n\t *\n\t * @param id Unique identifier for disabling. Use the same id when {@link #clearForceDisabled enabling back} the command.\n\t */\n\tpublic forceDisabled( id: string ): void {\n\t\tthis._disableStack.add( id );\n\n\t\tif ( this._disableStack.size == 1 ) {\n\t\t\tthis.on<ObservableSetEvent<boolean>>( 'set:isEnabled', forceDisable, { priority: 'highest' } );\n\t\t\tthis.isEnabled = false;\n\t\t}\n\t}\n\n\t/**\n\t * Clears forced disable previously set through {@link #forceDisabled}. See {@link #forceDisabled}.\n\t *\n\t * @param id Unique identifier, equal to the one passed in {@link #forceDisabled} call.\n\t */\n\tpublic clearForceDisabled( id: string ): void {\n\t\tthis._disableStack.delete( id );\n\n\t\tif ( this._disableStack.size == 0 ) {\n\t\t\tthis.off( 'set:isEnabled', forceDisable );\n\t\t\tthis.refresh();\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * A command may accept parameters. They will be passed from {@link module:core/editor/editor~Editor#execute `editor.execute()`}\n\t * to the command.\n\t *\n\t * The `execute()` method will automatically abort when the command is disabled ({@link #isEnabled} is `false`).\n\t * This behavior is implemented by a high priority listener to the {@link #event:execute} event.\n\t *\n\t * In order to see how to disable a command from \"outside\" see the {@link #isEnabled} documentation.\n\t *\n\t * This method may return a value, which would be forwarded all the way down to the\n\t * {@link module:core/editor/editor~Editor#execute `editor.execute()`}.\n\t *\n\t * @fires execute\n\t */\n\tpublic execute( ...args: Array<unknown> ): unknown { return undefined; } // eslint-disable-line @typescript-eslint/no-unused-vars\n\n\t/**\n\t * Destroys the command.\n\t */\n\tpublic destroy(): void {\n\t\tthis.stopListening();\n\t}\n}\n\n/**\n * Helper function that forces command to be disabled.\n */\nfunction forceDisable( evt: EventInfo<string, boolean> ) {\n\tevt.return = false;\n\tevt.stop();\n}\n\n/**\n * Event fired by the {@link module:core/command~Command#execute} method. The command action is a listener to this event so it's\n * possible to change/cancel the behavior of the command by listening to this event.\n *\n * See {@link module:utils/observablemixin~Observable#decorate} for more information and samples.\n *\n * **Note:** This event is fired even if command is disabled. However, it is automatically blocked\n * by a high priority listener in order to prevent command execution.\n *\n * @eventName ~Command#execute\n */\nexport type CommandExecuteEvent = DecoratedMethodEvent<Command, 'execute'>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/multicommand\n */\n\nimport { Command } from './command.js';\n\nimport {\n\tinsertToPriorityArray,\n\ttype PriorityString,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\n/**\n * A CKEditor command that aggregates other commands.\n *\n * This command is used to proxy multiple commands. The multi-command is enabled when\n * at least one of its registered child commands is enabled.\n * When executing a multi-command, the first enabled command with highest priority will be executed.\n *\n * ```ts\n * const multiCommand = new MultiCommand( editor );\n *\n * const commandFoo = new Command( editor );\n * const commandBar = new Command( editor );\n *\n * // Register a child command.\n * multiCommand.registerChildCommand( commandFoo );\n * // Register a child command with a low priority.\n * multiCommand.registerChildCommand( commandBar, { priority: 'low' } );\n *\n * // Enable one of the commands.\n * commandBar.isEnabled = true;\n *\n * multiCommand.execute(); // Will execute commandBar.\n * ```\n */\nexport class MultiCommand extends Command {\n\t/**\n\t * Registered child commands definitions.\n\t */\n\tprivate _childCommandsDefinitions: Array<{ command: Command; priority: PriorityString }> = [];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\t// Override base command refresh(): the command's state is changed when one of child commands changes states.\n\t}\n\n\t/**\n\t * Executes the first enabled command which has the highest priority of all registered child commands.\n\t *\n\t * @returns The value returned by the {@link module:core/command~Command#execute `command.execute()`}.\n\t */\n\tpublic override execute( ...args: Array<unknown> ): unknown {\n\t\tconst command = this._getFirstEnabledCommand();\n\n\t\treturn !!command && command.execute( args );\n\t}\n\n\t/**\n\t * Registers a child command.\n\t *\n\t * @param options An object with configuration options.\n\t * @param options.priority Priority of a command to register.\n\t */\n\tpublic registerChildCommand(\n\t\tcommand: Command,\n\t\toptions: { priority?: PriorityString } = {}\n\t): void {\n\t\tinsertToPriorityArray( this._childCommandsDefinitions, { command, priority: options.priority || 'normal' } );\n\n\t\t// Change multi-command enabled state when one of registered commands changes state.\n\t\tcommand.on<ObservableChangeEvent<boolean>>( 'change:isEnabled', () => this._checkEnabled() );\n\n\t\tthis._checkEnabled();\n\t}\n\n\t/**\n\t * Checks if any of child commands is enabled.\n\t */\n\tprivate _checkEnabled(): void {\n\t\tthis.isEnabled = !!this._getFirstEnabledCommand();\n\t}\n\n\t/**\n\t * Returns a first enabled command with the highest priority or `undefined` if none of them is enabled.\n\t */\n\tprivate _getFirstEnabledCommand(): Command | undefined {\n\t\tconst commandDefinition = this._childCommandsDefinitions.find( ( { command } ) => command.isEnabled );\n\n\t\treturn commandDefinition && commandDefinition.command;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/commandcollection\n */\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\nimport { type Command } from './command.js';\n\n/**\n * Collection of commands. Its instance is available in {@link module:core/editor/editor~Editor#commands `editor.commands`}.\n */\nexport class CommandCollection implements Iterable<[ string, Command ]> {\n\t/**\n\t * Command map.\n\t */\n\tprivate _commands: Map<string, Command>;\n\n\t/**\n\t * Creates collection instance.\n\t */\n\tconstructor() {\n\t\tthis._commands = new Map();\n\t}\n\n\t/**\n\t * Registers a new command.\n\t *\n\t * @param commandName The name of the command.\n\t */\n\tpublic add<TName extends string>(\n\t\tcommandName: TName,\n\t\tcommand: CommandsMap[ TName ]\n\t): void {\n\t\tthis._commands.set( commandName, command );\n\t}\n\n\t/**\n\t * Retrieves a command from the collection.\n\t *\n\t * @param commandName The name of the command.\n\t */\n\tpublic get<TName extends string>( commandName: TName ): CommandsMap[ TName ] | undefined {\n\t\treturn this._commands.get( commandName );\n\t}\n\n\t/**\n\t * Executes a command.\n\t *\n\t * @param commandName The name of the command.\n\t * @param commandParams Command parameters.\n\t * @returns The value returned by the {@link module:core/command~Command#execute `command.execute()`}.\n\t */\n\tpublic execute<TName extends string>(\n\t\tcommandName: TName,\n\t\t...commandParams: Parameters<CommandsMap[ TName ][ 'execute' ]>\n\t): ReturnType<CommandsMap[ TName ][ 'execute' ]> {\n\t\tconst command = this.get( commandName );\n\n\t\tif ( !command ) {\n\t\t\t/**\n\t\t\t * Command does not exist.\n\t\t\t *\n\t\t\t * @error commandcollection-command-not-found\n\t\t\t * @param {string} commandName Name of the command.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'commandcollection-command-not-found', this, { commandName } );\n\t\t}\n\n\t\treturn command.execute( ...commandParams ) as any;\n\t}\n\n\t/**\n\t * Returns iterator of command names.\n\t */\n\tpublic* names(): IterableIterator<string> {\n\t\tyield* this._commands.keys();\n\t}\n\n\t/**\n\t * Returns iterator of command instances.\n\t */\n\tpublic* commands(): IterableIterator<Command> {\n\t\tyield* this._commands.values();\n\t}\n\n\t/**\n\t * Iterable interface.\n\t *\n\t * Returns `[ commandName, commandInstance ]` pairs.\n\t */\n\tpublic [ Symbol.iterator ](): Iterator<[ string, Command ]> {\n\t\treturn this._commands[ Symbol.iterator ]();\n\t}\n\n\t/**\n\t * Destroys all collection commands.\n\t */\n\tpublic destroy(): void {\n\t\tfor ( const command of this.commands() ) {\n\t\t\tcommand.destroy();\n\t\t}\n\t}\n}\n\n/**\n * Helper type that maps command names to their types.\n * It is meant to be extended with module augmentation.\n *\n * ```ts\n * class MyCommand extends Command {\n * \tpublic execute( parameter: A ): B {\n * \t\t// ...\n * \t}\n * }\n *\n * declare module '@ckeditor/ckeditor5-core' {\n * \tinterface CommandsMap {\n * \t\tmyCommand: MyCommand;\n * \t}\n * }\n *\n * // Returns `MyCommand | undefined`.\n * const myCommand = editor.commands.get( 'myCommand' );\n *\n * // Expects `A` type as parameter and returns `B`.\n * const value = editor.commands.execute( 'myCommand', new A() );\n * ```\n */\nexport interface CommandsMap {\n\t[ name: string ]: Command;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/plugincollection\n */\n\nimport { CKEditorError, EmitterMixin } from '@ckeditor/ckeditor5-utils';\nimport type { LoadedPlugins, PluginClassConstructor, PluginConstructor, PluginInterface } from './plugin.js';\n\n/**\n * Manages a list of CKEditor plugins, including loading, resolving dependencies and initialization.\n */\nexport class PluginCollection<TContext extends object>\n\textends /* #__PURE__ */ EmitterMixin()\n\timplements Iterable<PluginEntry<TContext>> {\n\tprivate _context: TContext;\n\n\tprivate _plugins = new Map<PluginConstructor<TContext> | string, PluginInterface>();\n\n\t/**\n\t * A map of plugin constructors that can be retrieved by their names.\n\t */\n\tprivate _availablePlugins: Map<string, PluginConstructor<TContext>>;\n\n\t/**\n\t * Map of {@link module:core/contextplugin~ContextPlugin context plugins} which can be retrieved by their constructors or instances.\n\t */\n\tprivate _contextPlugins: Map<PluginConstructor<TContext> | PluginInterface, PluginConstructor<TContext> | PluginInterface>;\n\n\t/**\n\t * Creates an instance of the plugin collection class.\n\t * Allows loading and initializing plugins and their dependencies.\n\t * Allows providing a list of already loaded plugins. These plugins will not be destroyed along with this collection.\n\t *\n\t * @param availablePlugins Plugins (constructors) which the collection will be able to use\n\t * when {@link module:core/plugincollection~PluginCollection#init} is used with the plugin names (strings, instead of constructors).\n\t * Usually, the editor will pass its built-in plugins to the collection so they can later be\n\t * used in `config.plugins` or `config.removePlugins` by names.\n\t * @param contextPlugins A list of already initialized plugins represented by a `[ PluginConstructor, pluginInstance ]` pair.\n\t */\n\tconstructor(\n\t\tcontext: TContext,\n\t\tavailablePlugins: Iterable<PluginConstructor<TContext>> = [],\n\t\tcontextPlugins: Iterable<PluginEntry<TContext>> = []\n\t) {\n\t\tsuper();\n\n\t\tthis._context = context;\n\t\tthis._availablePlugins = new Map();\n\n\t\tfor ( const PluginConstructor of availablePlugins ) {\n\t\t\tif ( PluginConstructor.pluginName ) {\n\t\t\t\tthis._availablePlugins.set( PluginConstructor.pluginName, PluginConstructor );\n\t\t\t}\n\t\t}\n\n\t\tthis._contextPlugins = new Map();\n\n\t\tfor ( const [ PluginConstructor, pluginInstance ] of contextPlugins ) {\n\t\t\tthis._contextPlugins.set( PluginConstructor, pluginInstance );\n\t\t\tthis._contextPlugins.set( pluginInstance, PluginConstructor );\n\n\t\t\t// To make it possible to require a plugin by its name.\n\t\t\tif ( PluginConstructor.pluginName ) {\n\t\t\t\tthis._availablePlugins.set( PluginConstructor.pluginName, PluginConstructor );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Iterable interface.\n\t *\n\t * Returns `[ PluginConstructor, pluginInstance ]` pairs.\n\t */\n\tpublic* [ Symbol.iterator ](): IterableIterator<PluginEntry<TContext>> {\n\t\tfor ( const entry of this._plugins ) {\n\t\t\tif ( typeof entry[ 0 ] == 'function' ) {\n\t\t\t\tyield entry as any;\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic get<TConstructor extends PluginClassConstructor<TContext>>( key: TConstructor ): InstanceType<TConstructor>;\n\tpublic get<TName extends string>( key: TName ): PluginsMap[ TName ];\n\n\t/**\n\t * Gets the plugin instance by its constructor or name.\n\t *\n\t * ```ts\n\t * // Check if 'Clipboard' plugin was loaded.\n\t * if ( editor.plugins.has( 'ClipboardPipeline' ) ) {\n\t * \t// Get clipboard plugin instance\n\t * \tconst clipboard = editor.plugins.get( 'ClipboardPipeline' );\n\t *\n\t * \tthis.listenTo( clipboard, 'inputTransformation', ( evt, data ) => {\n\t * \t\t// Do something on clipboard input.\n\t * \t} );\n\t * }\n\t * ```\n\t *\n\t * **Note**: This method will throw an error if a plugin is not loaded. Use `{@link #has editor.plugins.has()}`\n\t * to check if a plugin is available.\n\t *\n\t * @param key The plugin constructor or {@link module:core/plugin~PluginStaticMembers#pluginName name}.\n\t */\n\tpublic get( key: PluginConstructor<TContext> | string ): PluginInterface {\n\t\tconst plugin = this._plugins.get( key );\n\n\t\tif ( !plugin ) {\n\t\t\tlet pluginName = key;\n\n\t\t\tif ( typeof key == 'function' ) {\n\t\t\t\tpluginName = key.pluginName || key.name;\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * The plugin is not loaded and could not be obtained.\n\t\t\t *\n\t\t\t * Plugin classes (constructors) need to be provided to the editor and must be loaded before they can be obtained from\n\t\t\t * the plugin collection.\n\t\t\t *\n\t\t\t * **Note**: You can use `{@link module:core/plugincollection~PluginCollection#has editor.plugins.has()}`\n\t\t\t * to check if a plugin was loaded.\n\t\t\t *\n\t\t\t * @error plugincollection-plugin-not-loaded\n\t\t\t * @param {string} plugin The name of the plugin which is not loaded.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'plugincollection-plugin-not-loaded', this._context, { plugin: pluginName } );\n\t\t}\n\n\t\treturn plugin;\n\t}\n\n\t/**\n\t * Checks if a plugin is loaded.\n\t *\n\t * ```ts\n\t * // Check if the 'Clipboard' plugin was loaded.\n\t * if ( editor.plugins.has( 'ClipboardPipeline' ) ) {\n\t * \t// Now use the clipboard plugin instance:\n\t * \tconst clipboard = editor.plugins.get( 'ClipboardPipeline' );\n\t *\n\t * \t// ...\n\t * }\n\t * ```\n\t *\n\t * @param key The plugin constructor or {@link module:core/plugin~PluginStaticMembers#pluginName name}.\n\t */\n\tpublic has( key: PluginConstructor<TContext> | string ): boolean {\n\t\treturn this._plugins.has( key );\n\t}\n\n\t/**\n\t * Initializes a set of plugins and adds them to the collection.\n\t *\n\t * @param plugins An array of {@link module:core/plugin~PluginInterface plugin constructors}\n\t * or {@link module:core/plugin~PluginStaticMembers#pluginName plugin names}.\n\t * @param pluginsToRemove Names of the plugins or plugin constructors\n\t * that should not be loaded (despite being specified in the `plugins` array).\n\t * @param pluginsSubstitutions An array of {@link module:core/plugin~PluginInterface plugin constructors}\n\t * that will be used to replace plugins of the same names that were passed in `plugins` or that are in their dependency tree.\n\t * A useful option for replacing built-in plugins while creating tests (for mocking their APIs). Plugins that will be replaced\n\t * must follow these rules:\n\t *   * The new plugin must be a class.\n\t *   * The new plugin must be named.\n\t *   * Both plugins must not depend on other plugins.\n\t * @returns A promise which gets resolved once all plugins are loaded and available in the collection.\n\t */\n\tpublic init(\n\t\tplugins: ReadonlyArray<PluginConstructor<TContext> | string>,\n\t\tpluginsToRemove: ReadonlyArray<PluginConstructor<TContext> | string> = [],\n\t\tpluginsSubstitutions: ReadonlyArray<PluginConstructor<TContext>> = []\n\t): Promise<LoadedPlugins> {\n\t\t// Plugin initialization procedure consists of 2 main steps:\n\t\t// 1) collecting all available plugin constructors,\n\t\t// 2) verification whether all required plugins can be instantiated.\n\t\t//\n\t\t// In the first step, all plugin constructors, available in the provided `plugins` array and inside\n\t\t// plugin's dependencies (from the `Plugin.requires` array), are recursively collected and added to the existing\n\t\t// `this._availablePlugins` map, but without any verification at the given moment. Performing the verification\n\t\t// at this point (during the plugin constructor searching) would cause false errors to occur, that some plugin\n\t\t// is missing but in fact it may be defined further in the array as the dependency of other plugin. After\n\t\t// traversing the entire dependency tree, it will be checked if all required \"top level\" plugins are available.\n\t\t//\n\t\t// In the second step, the list of plugins that have not been explicitly removed is traversed to get all the\n\t\t// plugin constructors to be instantiated in the correct order and to validate against some rules. Finally, if\n\t\t// no plugin is missing and no other error has been found, they all will be instantiated.\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias\n\t\tconst that = this;\n\t\tconst context = this._context;\n\n\t\tfindAvailablePluginConstructors( plugins );\n\n\t\tvalidatePlugins( plugins );\n\n\t\tconst pluginsToLoad = plugins.filter( plugin => !isPluginRemoved( plugin, pluginsToRemove ) );\n\n\t\tconst pluginConstructors = [ ...getPluginConstructors( pluginsToLoad ) ];\n\n\t\tsubstitutePlugins( pluginConstructors, pluginsSubstitutions );\n\n\t\tconst pluginInstances = loadPlugins( pluginConstructors );\n\n\t\treturn initPlugins( pluginInstances, 'init' )\n\t\t\t.then( () => initPlugins( pluginInstances, 'afterInit' ) )\n\t\t\t.then( () => pluginInstances );\n\n\t\tfunction isPluginConstructor( plugin: PluginConstructor<TContext> | string | null ): plugin is PluginConstructor<TContext> {\n\t\t\treturn typeof plugin === 'function';\n\t\t}\n\n\t\tfunction isContextPlugin(\n\t\t\tplugin: PluginConstructor<TContext> | string | null\n\t\t): plugin is PluginConstructor<TContext> & { isContextPlugin: true } {\n\t\t\treturn isPluginConstructor( plugin ) && !!plugin.isContextPlugin;\n\t\t}\n\n\t\tfunction isPluginRemoved(\n\t\t\tplugin: PluginConstructor<TContext> | string,\n\t\t\tpluginsToRemove: ReadonlyArray<PluginConstructor<TContext> | string>\n\t\t) {\n\t\t\treturn pluginsToRemove.some( removedPlugin => {\n\t\t\t\tif ( removedPlugin === plugin ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif ( getPluginName( plugin ) === removedPlugin ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif ( getPluginName( removedPlugin ) === plugin ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t}\n\n\t\tfunction getPluginName( plugin: PluginConstructor<TContext> | string ) {\n\t\t\treturn isPluginConstructor( plugin ) ?\n\t\t\t\tplugin.pluginName || plugin.name :\n\t\t\t\tplugin;\n\t\t}\n\n\t\tfunction findAvailablePluginConstructors(\n\t\t\tplugins: ReadonlyArray<PluginConstructor<TContext> | string>,\n\t\t\tprocessed = new Set<PluginConstructor<TContext>>()\n\t\t) {\n\t\t\tplugins.forEach( plugin => {\n\t\t\t\tif ( !isPluginConstructor( plugin ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( processed.has( plugin ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tprocessed.add( plugin );\n\n\t\t\t\tif ( plugin.pluginName && !that._availablePlugins.has( plugin.pluginName ) ) {\n\t\t\t\t\tthat._availablePlugins.set( plugin.pluginName, plugin );\n\t\t\t\t}\n\n\t\t\t\tif ( plugin.requires ) {\n\t\t\t\t\tfindAvailablePluginConstructors( plugin.requires, processed );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\tfunction getPluginConstructors(\n\t\t\tplugins: ReadonlyArray<PluginConstructor<TContext> | string>,\n\t\t\tprocessed = new Set<PluginConstructor<TContext>>()\n\t\t) {\n\t\t\treturn plugins\n\t\t\t\t.map( plugin => {\n\t\t\t\t\treturn isPluginConstructor( plugin ) ?\n\t\t\t\t\t\tplugin :\n\t\t\t\t\t\tthat._availablePlugins.get( plugin )!;\n\t\t\t\t} )\n\t\t\t\t.reduce( ( result, plugin ) => {\n\t\t\t\t\tif ( processed.has( plugin ) ) {\n\t\t\t\t\t\treturn result;\n\t\t\t\t\t}\n\n\t\t\t\t\tprocessed.add( plugin );\n\n\t\t\t\t\tif ( plugin.requires ) {\n\t\t\t\t\t\tvalidatePlugins( plugin.requires, plugin );\n\n\t\t\t\t\t\tgetPluginConstructors( plugin.requires, processed ).forEach( plugin => result.add( plugin ) );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn result.add( plugin );\n\t\t\t\t}, new Set<PluginConstructor<TContext>>() );\n\t\t}\n\n\t\tfunction validatePlugins(\n\t\t\tplugins: ReadonlyArray<PluginConstructor<TContext> | string>,\n\t\t\tparentPluginConstructor: PluginConstructor<TContext> | null = null\n\t\t) {\n\t\t\tplugins\n\t\t\t\t.map( plugin => {\n\t\t\t\t\treturn isPluginConstructor( plugin ) ?\n\t\t\t\t\t\tplugin :\n\t\t\t\t\t\tthat._availablePlugins.get( plugin ) || plugin;\n\t\t\t\t} )\n\t\t\t\t.forEach( plugin => {\n\t\t\t\t\tcheckMissingPlugin( plugin, parentPluginConstructor );\n\t\t\t\t\tcheckContextPlugin( plugin, parentPluginConstructor );\n\t\t\t\t\tcheckRemovedPlugin( plugin, parentPluginConstructor );\n\t\t\t\t} );\n\t\t}\n\n\t\tfunction checkMissingPlugin(\n\t\t\tplugin: PluginConstructor<TContext> | string,\n\t\t\tparentPluginConstructor: PluginConstructor<TContext> | null\n\t\t) {\n\t\t\tif ( isPluginConstructor( plugin ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( parentPluginConstructor ) {\n\t\t\t\t/**\n\t\t\t\t * A required \"soft\" dependency was not found on the plugin list.\n\t\t\t\t *\n\t\t\t\t * When configuring the editor, either prior to building (via\n\t\t\t\t * {@link module:core/editor/editor~Editor.builtinPlugins `Editor.builtinPlugins`}) or when\n\t\t\t\t * creating a new instance of the editor (e.g. via\n\t\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#plugins `config.plugins`}), you need to provide\n\t\t\t\t * some of the dependencies for other plugins that you used.\n\t\t\t\t *\n\t\t\t\t * This error is thrown when one of these dependencies was not provided. The name of the missing plugin\n\t\t\t\t * can be found in `missingPlugin` and the plugin that required it in `requiredBy`.\n\t\t\t\t *\n\t\t\t\t * In order to resolve it, you need to import the missing plugin and add it to the\n\t\t\t\t * current list of plugins (`Editor.builtinPlugins` or `config.plugins`/`config.extraPlugins`).\n\t\t\t\t *\n\t\t\t\t * Soft requirements were introduced in version 26.0.0. If you happen to stumble upon this error\n\t\t\t\t * when upgrading to version 26.0.0, read also the\n\t\t\t\t * {@glink updating/guides/update-to-26 Migration to 26.0.0} guide.\n\t\t\t\t *\n\t\t\t\t * @error plugincollection-soft-required\n\t\t\t\t * @param {string} missingPlugin The name of the required plugin.\n\t\t\t\t * @param {string} requiredBy The name of the plugin that requires the other plugin.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'plugincollection-soft-required',\n\t\t\t\t\tcontext,\n\t\t\t\t\t{ missingPlugin: plugin, requiredBy: getPluginName( parentPluginConstructor ) }\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * A plugin is not available and could not be loaded.\n\t\t\t *\n\t\t\t * Plugin classes (constructors) need to be provided to the editor before they can be loaded by name.\n\t\t\t * This is usually done in the now deprecated CKEditor 5 builds by setting\n\t\t\t * the {@link module:core/editor/editor~Editor.builtinPlugins} property.\n\t\t\t *\n\t\t\t * **If you see this warning when using one of the deprecated CKEditor 5 Builds**,\n\t\t\t * it means that you tried to enable a plugin that was not included in that build. This may be due to a typo\n\t\t\t * in the plugin name or simply because that plugin was not a part of this build.\n\t\t\t *\n\t\t\t * **Predefined builds are no longer supported and you need to\n\t\t\t * {@glink updating/nim-migration/migration-to-new-installation-methods migrate to new installation methods}**.\n\t\t\t *\n\t\t\t * **If you see this warning when using one of the editor creators directly** (not a build), then it means\n\t\t\t * that you tried loading plugins by name. However, unlike CKEditor 4, CKEditor 5 does not implement a \"plugin loader\".\n\t\t\t * This means that CKEditor 5 does not know where to load the plugin modules from. Therefore, you need to\n\t\t\t * provide each plugin through a reference (as a constructor function). Check out the examples in the\n\t\t\t * {@glink getting-started/installation/cloud/quick-start Quick start} guide.\n\t\t\t *\n\t\t\t * @error plugincollection-plugin-not-found\n\t\t\t * @param {string} plugin The name of the plugin which could not be loaded.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'plugincollection-plugin-not-found',\n\t\t\t\tcontext,\n\t\t\t\t{ plugin }\n\t\t\t);\n\t\t}\n\n\t\tfunction checkContextPlugin(\n\t\t\tplugin: PluginConstructor<TContext> | string,\n\t\t\tparentPluginConstructor: PluginConstructor<TContext> | null\n\t\t) {\n\t\t\tif ( !isContextPlugin( parentPluginConstructor ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( isContextPlugin( plugin ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * If a plugin is a context plugin, all plugins it requires should also be context plugins\n\t\t\t * instead of plugins. In other words, if one plugin can be used in the context,\n\t\t\t * all its requirements should also be ready to be used in the context. Note that the context\n\t\t\t * provides only a part of the API provided by the editor. If one plugin needs a full\n\t\t\t * editor API, all plugins which require it are considered as plugins that need a full\n\t\t\t * editor API.\n\t\t\t *\n\t\t\t * @error plugincollection-context-required\n\t\t\t * @param {string} plugin The name of the required plugin.\n\t\t\t * @param {string} requiredBy The name of the parent plugin.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'plugincollection-context-required',\n\t\t\t\tcontext,\n\t\t\t\t{ plugin: getPluginName( plugin ), requiredBy: getPluginName( parentPluginConstructor ) }\n\t\t\t);\n\t\t}\n\n\t\tfunction checkRemovedPlugin(\n\t\t\tplugin: PluginConstructor<TContext> | string,\n\t\t\tparentPluginConstructor: PluginConstructor<TContext> | null\n\t\t) {\n\t\t\tif ( !parentPluginConstructor ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !isPluginRemoved( plugin, pluginsToRemove ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Cannot load a plugin because one of its dependencies is listed in the `removePlugins` option.\n\t\t\t *\n\t\t\t * @error plugincollection-required\n\t\t\t * @param {string} plugin The name of the required plugin.\n\t\t\t * @param {string} requiredBy The name of the parent plugin.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'plugincollection-required',\n\t\t\t\tcontext,\n\t\t\t\t{ plugin: getPluginName( plugin ), requiredBy: getPluginName( parentPluginConstructor ) }\n\t\t\t);\n\t\t}\n\n\t\tfunction loadPlugins( pluginConstructors: ReadonlyArray<PluginConstructor<TContext>> ) {\n\t\t\treturn pluginConstructors.map( PluginConstructor => {\n\t\t\t\tlet pluginInstance = that._contextPlugins.get( PluginConstructor ) as ( PluginInterface | undefined );\n\n\t\t\t\tpluginInstance = pluginInstance || new ( PluginConstructor as PluginClassConstructor<TContext> )( context );\n\n\t\t\t\tthat._add( PluginConstructor, pluginInstance );\n\n\t\t\t\treturn pluginInstance;\n\t\t\t} );\n\t\t}\n\n\t\tfunction initPlugins( pluginInstances: ReadonlyArray<PluginInterface>, method: 'init' | 'afterInit' ) {\n\t\t\treturn pluginInstances.reduce<Promise<unknown>>( ( promise, plugin ) => {\n\t\t\t\tif ( !plugin[ method ] ) {\n\t\t\t\t\treturn promise;\n\t\t\t\t}\n\n\t\t\t\tif ( that._contextPlugins.has( plugin ) ) {\n\t\t\t\t\treturn promise;\n\t\t\t\t}\n\n\t\t\t\treturn promise.then( plugin[ method ]!.bind( plugin ) );\n\t\t\t}, Promise.resolve() );\n\t\t}\n\n\t\t/**\n\t\t * Replaces plugin constructors with the specified set of plugins.\n\t\t */\n\t\tfunction substitutePlugins(\n\t\t\tpluginConstructors: Array<PluginConstructor<TContext>>,\n\t\t\tpluginsSubstitutions: ReadonlyArray<PluginConstructor<TContext>>\n\t\t) {\n\t\t\tfor ( const pluginItem of pluginsSubstitutions ) {\n\t\t\t\tif ( typeof pluginItem != 'function' ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * The plugin replacing an existing plugin must be a function.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-replace-plugin-invalid-type\n\t\t\t\t\t * @param {never} pluginItem The plugin item.\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'plugincollection-replace-plugin-invalid-type', null, { pluginItem } );\n\t\t\t\t}\n\n\t\t\t\tconst pluginName = pluginItem.pluginName;\n\n\t\t\t\tif ( !pluginName ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * The plugin replacing an existing plugin must have a name.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-replace-plugin-missing-name\n\t\t\t\t\t * @param {module:core/plugin~PluginConstructor} pluginItem The plugin item.\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'plugincollection-replace-plugin-missing-name', null, { pluginItem } );\n\t\t\t\t}\n\n\t\t\t\tif ( pluginItem.requires && pluginItem.requires.length ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * The plugin replacing an existing plugin cannot depend on other plugins.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-plugin-for-replacing-cannot-have-dependencies\n\t\t\t\t\t * @param {string} pluginName The name of the plugin.\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'plugincollection-plugin-for-replacing-cannot-have-dependencies', null, { pluginName } );\n\t\t\t\t}\n\n\t\t\t\tconst pluginToReplace = that._availablePlugins.get( pluginName );\n\n\t\t\t\tif ( !pluginToReplace ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * The replaced plugin does not exist in the\n\t\t\t\t\t * {@link module:core/plugincollection~PluginCollection available plugins} collection.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-plugin-for-replacing-not-exist\n\t\t\t\t\t * @param {string} pluginName The name of the plugin.\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'plugincollection-plugin-for-replacing-not-exist', null, { pluginName } );\n\t\t\t\t}\n\n\t\t\t\tconst indexInPluginConstructors = pluginConstructors.indexOf( pluginToReplace );\n\n\t\t\t\tif ( indexInPluginConstructors === -1 ) {\n\t\t\t\t\t// The Context feature can substitute plugins as well.\n\t\t\t\t\t// It may happen that the editor will be created with the given context, where the plugin for substitute\n\t\t\t\t\t// was already replaced. In such a case, we don't want to do it again.\n\t\t\t\t\tif ( that._contextPlugins.has( pluginToReplace ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t/**\n\t\t\t\t\t * The replaced plugin will not be loaded so it cannot be replaced.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-plugin-for-replacing-not-loaded\n\t\t\t\t\t * @param {string} pluginName The name of the plugin.\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'plugincollection-plugin-for-replacing-not-loaded', null, { pluginName } );\n\t\t\t\t}\n\n\t\t\t\tif ( pluginToReplace.requires && pluginToReplace.requires.length ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * The replaced plugin cannot depend on other plugins.\n\t\t\t\t\t *\n\t\t\t\t\t * @error plugincollection-replaced-plugin-cannot-have-dependencies\n\t\t\t\t\t * @param {string} pluginName The name of the plugin.\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'plugincollection-replaced-plugin-cannot-have-dependencies', null, { pluginName } );\n\t\t\t\t}\n\n\t\t\t\tpluginConstructors.splice( indexInPluginConstructors, 1, pluginItem );\n\t\t\t\tthat._availablePlugins.set( pluginName, pluginItem );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Destroys all loaded plugins.\n\t */\n\tpublic destroy(): Promise<unknown> {\n\t\tconst promises: Array<unknown> = [];\n\n\t\tfor ( const [ , pluginInstance ] of this ) {\n\t\t\tif ( typeof pluginInstance.destroy == 'function' && !this._contextPlugins.has( pluginInstance ) ) {\n\t\t\t\tpromises.push( pluginInstance.destroy() );\n\t\t\t}\n\t\t}\n\n\t\treturn Promise.all( promises );\n\t}\n\n\t/**\n\t * Adds the plugin to the collection. Exposed mainly for testing purposes.\n\t *\n\t * @param PluginConstructor The plugin constructor.\n\t * @param plugin The instance of the plugin.\n\t */\n\tprivate _add( PluginConstructor: PluginConstructor<TContext>, plugin: PluginInterface ) {\n\t\tthis._plugins.set( PluginConstructor, plugin );\n\n\t\tconst pluginName = PluginConstructor.pluginName;\n\n\t\tif ( !pluginName ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this._plugins.has( pluginName ) ) {\n\t\t\t/**\n\t\t\t * Two plugins with the same {@link module:core/plugin~PluginStaticMembers#pluginName} were loaded.\n\t\t\t * This will lead to runtime conflicts between these plugins.\n\t\t\t *\n\t\t\t * In practice, this warning usually means that new plugins were added to an existing CKEditor 5 build.\n\t\t\t * Plugins should always be added to a source version of the editor (`@ckeditor/ckeditor5-editor-*`),\n\t\t\t * not to an editor imported from one of the `@ckeditor/ckeditor5-build-*` packages.\n\t\t\t *\n\t\t\t * Check your import paths and the list of plugins passed to\n\t\t\t * {@link module:core/editor/editor~Editor.create `Editor.create()`}\n\t\t\t * or specified in {@link module:core/editor/editor~Editor.builtinPlugins `Editor.builtinPlugins`}.\n\t\t\t *\n\t\t\t * Predefined builds are a deprecated solution and we strongly advise\n\t\t\t * {@glink updating/nim-migration/migration-to-new-installation-methods migrating to new installation methods}.\n\t\t\t *\n\t\t\t * The second option is that your `node_modules/` directory contains duplicated versions of the same\n\t\t\t * CKEditor 5 packages. Normally, on clean installations, npm deduplicates packages in `node_modules/`, so\n\t\t\t * it may be enough to call `rm -rf node_modules && npm i`. However, if you installed conflicting versions\n\t\t\t * of some packages, their dependencies may need to be installed in more than one version which may lead to this\n\t\t\t * warning.\n\t\t\t *\n\t\t\t * Technically speaking, this error occurs because after adding a plugin to an existing editor build\n\t\t\t * the dependencies of this plugin are being duplicated.\n\t\t\t * They are already built into that editor build and now get added for the second time as dependencies\n\t\t\t * of the plugin you are installing.\n\t\t\t *\n\t\t\t * @error plugincollection-plugin-name-conflict\n\t\t\t * @param {string} pluginName The duplicated plugin name.\n\t\t\t * @param {module:core/plugin~PluginConstructor} plugin1 The first plugin constructor.\n\t\t\t * @param {module:core/plugin~PluginConstructor} plugin2 The second plugin constructor.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'plugincollection-plugin-name-conflict',\n\t\t\t\tnull,\n\t\t\t\t{ pluginName, plugin1: this._plugins.get( pluginName )!.constructor, plugin2: PluginConstructor }\n\t\t\t);\n\t\t}\n\n\t\tthis._plugins.set( pluginName, plugin );\n\t}\n}\n\n/**\n * A `[ PluginConstructor, pluginInstance ]` pair.\n */\nexport type PluginEntry<TContext> = [ PluginConstructor<TContext>, PluginInterface ];\n\n/**\n * Helper type that maps plugin names to their types.\n * It is meant to be extended with module augmentation.\n *\n * ```ts\n * class MyPlugin extends Plugin {\n * \tpublic static pluginName() {\n * \t\treturn 'MyPlugin' as const;\n * \t}\n * }\n *\n * declare module '@ckeditor/ckeditor5-core' {\n * \tinterface PluginsMap {\n * \t\t[ MyPlugin.pluginName ]: MyPlugin;\n * \t}\n * }\n *\n * // Returns `MyPlugin`.\n * const myPlugin = editor.plugins.get( 'MyPlugin' );\n * ```\n */\nexport interface PluginsMap {\n\t[ name: string ]: PluginInterface;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/context\n */\n\nimport {\n\tConfig,\n\tCollection,\n\tCKEditorError,\n\tLocale,\n\ttype LocaleTranslate\n} from '@ckeditor/ckeditor5-utils';\n\nimport { PluginCollection } from './plugincollection.js';\nimport { type Editor } from './editor/editor.js';\nimport type { LoadedPlugins, PluginConstructor } from './plugin.js';\nimport type { EditorConfig } from './editor/editorconfig.js';\n\n/**\n * Provides a common, higher-level environment for solutions that use multiple {@link module:core/editor/editor~Editor editors}\n * or plugins that work outside the editor. Use it instead of {@link module:core/editor/editor~Editor.create `Editor.create()`}\n * in advanced application integrations.\n *\n * All configuration options passed to a context will be used as default options for the editor instances initialized in that context.\n *\n * {@link module:core/contextplugin~ContextPlugin Context plugins} passed to a context instance will be shared among all\n * editor instances initialized in this context. These will be the same plugin instances for all the editors.\n *\n * **Note:** The context can only be initialized with {@link module:core/contextplugin~ContextPlugin context plugins}\n * (e.g. [comments](https://ckeditor.com/collaboration/comments/)). Regular {@link module:core/plugin~Plugin plugins} require an\n * editor instance to work and cannot be added to a context.\n *\n * **Note:** You can add a context plugin to an editor instance, though.\n *\n * If you are using multiple editor instances on one page and use any context plugins, create a context to share the configuration and\n * plugins among these editors. Some plugins will use the information about all existing editors to better integrate between them.\n *\n * If you are using plugins that do not require an editor to work (e.g. [comments](https://ckeditor.com/collaboration/comments/)),\n * enable and configure them using the context.\n *\n * If you are using only a single editor on each page, use {@link module:core/editor/editor~Editor.create `Editor.create()`} instead.\n * In such a case, a context instance will be created by the editor instance in a transparent way.\n *\n * See {@link ~Context.create `Context.create()`} for usage examples.\n */\nexport class Context {\n\t/**\n\t * Stores all the configurations specific to this context instance.\n\t */\n\tpublic readonly config: Config<ContextConfig>;\n\n\t/**\n\t * The plugins loaded and in use by this context instance.\n\t */\n\tpublic readonly plugins: PluginCollection<Context | Editor>;\n\n\tpublic readonly locale: Locale;\n\n\t/**\n\t * Shorthand for {@link module:utils/locale~Locale#t}.\n\t */\n\tpublic readonly t: LocaleTranslate;\n\n\t/**\n\t * A list of editors that this context instance is injected to.\n\t */\n\tpublic readonly editors: Collection<Editor>;\n\n\t/**\n\t * The default configuration which is built into the `Context` class.\n\t *\n\t * It was used in the now deprecated CKEditor 5 builds featuring `Context` to provide the default configuration options\n\t * which are later used during the context initialization.\n\t *\n\t * ```ts\n\t * Context.defaultConfig = {\n\t * \tfoo: 1,\n\t * \tbar: 2\n\t * };\n\t *\n\t * Context\n\t * \t.create()\n\t * \t.then( context => {\n\t * \t\tcontext.config.get( 'foo' ); // -> 1\n\t * \t\tcontext.config.get( 'bar' ); // -> 2\n\t * \t} );\n\t *\n\t * // The default options can be overridden by the configuration passed to create().\n\t * Context\n\t * \t.create( { bar: 3 } )\n\t * \t.then( context => {\n\t * \t\tcontext.config.get( 'foo' ); // -> 1\n\t * \t\tcontext.config.get( 'bar' ); // -> 3\n\t * \t} );\n\t * ```\n\t *\n\t * See also {@link module:core/context~Context.builtinPlugins `Context.builtinPlugins`}\n\t * and {@link module:core/editor/editor~Editor.defaultConfig `Editor.defaultConfig`}.\n\t */\n\tpublic static defaultConfig: ContextConfig;\n\n\t/**\n\t * An array of plugins built into the `Context` class.\n\t *\n\t * It was used in the now deprecated CKEditor 5 builds featuring `Context` to provide the default configuration options\n\t * which are later used during the context initialization.\n\t *\n\t * They will be automatically initialized by `Context` unless `config.plugins` is passed.\n\t *\n\t * ```ts\n\t * // Build some context plugins into the Context class first.\n\t * Context.builtinPlugins = [ FooPlugin, BarPlugin ];\n\t *\n\t * // Normally, you need to define config.plugins, but since Context.builtinPlugins was\n\t * // defined, now you can call create() without any configuration.\n\t * Context\n\t * \t.create()\n\t * \t.then( context => {\n\t * \t\tcontext.plugins.get( FooPlugin ); // -> An instance of the Foo plugin.\n\t * \t\tcontext.plugins.get( BarPlugin ); // -> An instance of the Bar plugin.\n\t * \t} );\n\t * ```\n\t *\n\t * See also {@link module:core/context~Context.defaultConfig `Context.defaultConfig`}\n\t * and {@link module:core/editor/editor~Editor.builtinPlugins `Editor.builtinPlugins`}.\n\t */\n\tpublic static builtinPlugins: Array<PluginConstructor<Context | Editor>>;\n\n\t/**\n\t * Reference to the editor which created the context.\n\t * Null when the context was created outside of the editor.\n\t *\n\t * It is used to destroy the context when removing the editor that has created the context.\n\t */\n\tprivate _contextOwner: Editor | null = null;\n\n\t/**\n\t * Creates a context instance with a given configuration.\n\t *\n\t * Usually not to be used directly. See the static {@link module:core/context~Context.create `create()`} method.\n\t *\n\t * @param config The context configuration.\n\t */\n\tconstructor( config?: ContextConfig ) {\n\t\t// We don't pass translations to the config, because its behavior of splitting keys\n\t\t// with dots (e.g. `resize.width` => `resize: { width }`) breaks the translations.\n\t\tconst { translations, ...rest } = config || {};\n\n\t\tthis.config = new Config<ContextConfig>( rest, ( this.constructor as typeof Context ).defaultConfig );\n\n\t\tconst availablePlugins = ( this.constructor as typeof Context ).builtinPlugins;\n\n\t\tthis.config.define( 'plugins', availablePlugins );\n\n\t\tthis.plugins = new PluginCollection<Context | Editor>( this, availablePlugins );\n\n\t\tconst languageConfig = this.config.get( 'language' ) || {};\n\n\t\tthis.locale = new Locale( {\n\t\t\tuiLanguage: typeof languageConfig === 'string' ? languageConfig : languageConfig.ui,\n\t\t\tcontentLanguage: this.config.get( 'language.content' ),\n\t\t\ttranslations\n\t\t} );\n\n\t\tthis.t = this.locale.t;\n\n\t\tthis.editors = new Collection<Editor>();\n\t}\n\n\t/**\n\t * Loads and initializes plugins specified in the configuration.\n\t *\n\t * @returns A promise which resolves once the initialization is completed, providing an array of loaded plugins.\n\t */\n\tpublic initPlugins(): Promise<LoadedPlugins> {\n\t\tconst plugins = this.config.get( 'plugins' ) || [];\n\t\tconst substitutePlugins = this.config.get( 'substitutePlugins' ) || [];\n\n\t\t// Plugins for substitution should be checked as well.\n\t\tfor ( const Plugin of plugins.concat( substitutePlugins ) ) {\n\t\t\tif ( typeof Plugin != 'function' ) {\n\t\t\t\t/**\n\t\t\t\t * Only a constructor function is allowed as a {@link module:core/contextplugin~ContextPlugin context plugin}.\n\t\t\t\t *\n\t\t\t\t * @error context-initplugins-constructor-only\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'context-initplugins-constructor-only',\n\t\t\t\t\tnull,\n\t\t\t\t\t{ Plugin }\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif ( Plugin.isContextPlugin !== true ) {\n\t\t\t\t/**\n\t\t\t\t * Only a plugin marked as a {@link module:core/contextplugin~ContextPlugin.isContextPlugin context plugin}\n\t\t\t\t * is allowed to be used with a context.\n\t\t\t\t *\n\t\t\t\t * @error context-initplugins-invalid-plugin\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'context-initplugins-invalid-plugin',\n\t\t\t\t\tnull,\n\t\t\t\t\t{ Plugin }\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn this.plugins.init( plugins, [], substitutePlugins );\n\t}\n\n\t/**\n\t * Destroys the context instance and all editors used with the context,\n\t * releasing all resources used by the context.\n\t *\n\t * @returns A promise that resolves once the context instance is fully destroyed.\n\t */\n\tpublic destroy(): Promise<unknown> {\n\t\treturn Promise.all( Array.from( this.editors, editor => editor.destroy() ) )\n\t\t\t.then( () => this.plugins.destroy() );\n\t}\n\n\t/**\n\t * Adds a reference to the editor which is used with this context.\n\t *\n\t * When the given editor has created the context, the reference to this editor will be stored\n\t * as a {@link ~Context#_contextOwner}.\n\t *\n\t * This method should only be used by the editor.\n\t *\n\t * @internal\n\t * @param isContextOwner Stores the given editor as a context owner.\n\t */\n\tpublic _addEditor( editor: Editor, isContextOwner: boolean ): void {\n\t\tif ( this._contextOwner ) {\n\t\t\t/**\n\t\t\t * Cannot add multiple editors to the context which is created by the editor.\n\t\t\t *\n\t\t\t * @error context-addeditor-private-context\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'context-addeditor-private-context' );\n\t\t}\n\n\t\tthis.editors.add( editor );\n\n\t\tif ( isContextOwner ) {\n\t\t\tthis._contextOwner = editor;\n\t\t}\n\t}\n\n\t/**\n\t * Removes a reference to the editor which was used with this context.\n\t * When the context was created by the given editor, the context will be destroyed.\n\t *\n\t * This method should only be used by the editor.\n\t *\n\t * @internal\n\t * @return A promise that resolves once the editor is removed from the context or when the context was destroyed.\n\t */\n\tpublic _removeEditor( editor: Editor ): Promise<unknown> {\n\t\tif ( this.editors.has( editor ) ) {\n\t\t\tthis.editors.remove( editor );\n\t\t}\n\n\t\tif ( this._contextOwner === editor ) {\n\t\t\treturn this.destroy();\n\t\t}\n\n\t\treturn Promise.resolve();\n\t}\n\n\t/**\n\t * Returns the context configuration which will be copied to the editors created using this context.\n\t *\n\t * The configuration returned by this method has the plugins configuration removed &ndash; plugins are shared with all editors\n\t * through another mechanism.\n\t *\n\t * This method should only be used by the editor.\n\t *\n\t * @internal\n\t * @returns Configuration as a plain object.\n\t */\n\tpublic _getEditorConfig(): Partial<EditorConfig> {\n\t\tconst result: Record<string, unknown> = {};\n\n\t\tfor ( const name of this.config.names() ) {\n\t\t\tif ( ![ 'plugins', 'removePlugins', 'extraPlugins' ].includes( name ) ) {\n\t\t\t\tresult[ name ] = this.config.get( name );\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}\n\n\t/**\n\t * Creates and initializes a new context instance.\n\t *\n\t * ```ts\n\t * const commonConfig = { ... }; // Configuration for all the plugins and editors.\n\t * const editorPlugins = [ ... ]; // Regular plugins here.\n\t *\n\t * Context\n\t * \t.create( {\n\t * \t\t// Only context plugins here.\n\t * \t\tplugins: [ ... ],\n\t *\n\t * \t\t// Configure the language for all the editors (it cannot be overwritten).\n\t * \t\tlanguage: { ... },\n\t *\n\t * \t\t// Configuration for context plugins.\n\t * \t\tcomments: { ... },\n\t * \t\t...\n\t *\n\t * \t\t// Default configuration for editor plugins.\n\t * \t\ttoolbar: { ... },\n\t * \t\timage: { ... },\n\t * \t\t...\n\t * \t} )\n\t * \t.then( context => {\n\t * \t\tconst promises = [];\n\t *\n\t * \t\tpromises.push( ClassicEditor.create(\n\t * \t\t\tdocument.getElementById( 'editor1' ),\n\t * \t\t\t{\n\t * \t\t\t\teditorPlugins,\n\t * \t\t\t\tcontext\n\t * \t\t\t}\n\t * \t\t) );\n\t *\n\t * \t\tpromises.push( ClassicEditor.create(\n\t * \t\t\tdocument.getElementById( 'editor2' ),\n\t * \t\t\t{\n\t * \t\t\t\teditorPlugins,\n\t * \t\t\t\tcontext,\n\t * \t\t\t\ttoolbar: { ... } // You can overwrite the configuration of the context.\n\t * \t\t\t}\n\t * \t\t) );\n\t *\n\t * \t\treturn Promise.all( promises );\n\t * \t} );\n\t * ```\n\t *\n\t * @param config The context configuration.\n\t * @returns A promise resolved once the context is ready. The promise resolves with the created context instance.\n\t */\n\tpublic static create( config?: ContextConfig ): Promise<Context> {\n\t\treturn new Promise( resolve => {\n\t\t\tconst context = new this( config );\n\n\t\t\tresolve( context.initPlugins().then( () => context ) );\n\t\t} );\n\t}\n}\n\n/**\n * The context configuration.\n */\nexport type ContextConfig = {\n\tplugins?: Array<PluginConstructor<Context | Editor>>;\n\tsubstitutePlugins?: Array<PluginConstructor<Context | Editor>>;\n} & Omit<EditorConfig, 'plugins' | 'substitutePlugins' | 'removePlugins' | 'extraPlugins'>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/contextplugin\n */\n\nimport {\n\tObservableMixin,\n\ttype Collection,\n\ttype Config,\n\ttype Locale,\n\ttype LocaleTranslate\n} from '@ckeditor/ckeditor5-utils';\n\nimport { type Editor } from './editor/editor.js';\nimport type { EditorConfig } from './editor/editorconfig.js';\nimport { type Context } from './context.js';\nimport type { PluginDependencies, PluginInterface } from './plugin.js';\nimport { type PluginCollection } from './plugincollection.js';\n\n/**\n * The base class for {@link module:core/context~Context} plugin classes.\n *\n * A context plugin can either be initialized for an {@link module:core/editor/editor~Editor editor} or for\n * a {@link module:core/context~Context context}. In other words, it can either\n * work within one editor instance or with one or more editor instances that use a single context.\n * It is the context plugin's role to implement handling for both modes.\n *\n * There are a few rules for interaction between the editor plugins and context plugins:\n *\n * * A context plugin can require another context plugin.\n * * An {@link module:core/plugin~Plugin editor plugin} can require a context plugin.\n * * A context plugin MUST NOT require an {@link module:core/plugin~Plugin editor plugin}.\n */\nexport class ContextPlugin extends /* #__PURE__ */ ObservableMixin() implements PluginInterface {\n\t/**\n\t * The context or editor instance.\n\t */\n\tpublic readonly context: ContextInterface;\n\n\t/**\n\t * Creates a new plugin instance.\n\t */\n\tconstructor( context: Context | Editor ) {\n\t\tsuper();\n\n\t\tthis.context = context as ContextInterface;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic destroy(): void {\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get isContextPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get isOfficialPlugin(): boolean {\n\t\treturn false;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get isPremiumPlugin(): boolean {\n\t\treturn false;\n\t}\n}\n\n/**\n * The common interface of {@link module:core/context~Context} and {@link module:core/editor/editor~Editor}.\n */\nexport interface ContextInterface {\n\tconfig: Config<Omit<EditorConfig, 'plugins' | 'substitutePlugins' | 'removePlugins' | 'extraPlugins'>>;\n\tplugins: PluginCollection<Context | Editor>;\n\tlocale: Locale;\n\tt: LocaleTranslate;\n\teditors?: Collection<Editor>;\n}\n\nexport type ContextPluginDependencies = PluginDependencies<Context | Editor>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/editingkeystrokehandler\n */\n\nimport { KeystrokeHandler, type PriorityString } from '@ckeditor/ckeditor5-utils';\n\nimport { type Editor } from './editor/editor.js';\n\n/**\n * A keystroke handler for editor editing. Its instance is available\n * in {@link module:core/editor/editor~Editor#keystrokes} so plugins\n * can register their keystrokes.\n *\n * E.g. an undo plugin would do this:\n *\n * ```ts\n * editor.keystrokes.set( 'Ctrl+Z', 'undo' );\n * editor.keystrokes.set( 'Ctrl+Shift+Z', 'redo' );\n * editor.keystrokes.set( 'Ctrl+Y', 'redo' );\n * ```\n */\nexport class EditingKeystrokeHandler extends KeystrokeHandler {\n\t/**\n\t * The editor instance.\n\t */\n\tpublic readonly editor: Editor;\n\n\t/**\n\t * Creates an instance of the keystroke handler.\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper();\n\t\tthis.editor = editor;\n\t}\n\n\t/**\n\t * Registers a handler for the specified keystroke.\n\t *\n\t * The handler can be specified as a command name or a callback.\n\t *\n\t * @param keystroke Keystroke defined in a format accepted by\n\t * the {@link module:utils/keyboard~parseKeystroke} function.\n\t * @param callback If a string is passed, then the keystroke will\n\t * {@link module:core/editor/editor~Editor#execute execute a command}.\n\t * If a function, then it will be called with the\n\t * {@link module:engine/view/observer/keyobserver~ViewDocumentKeyEventData key event data} object and\n\t * a `cancel()` helper to both `preventDefault()` and `stopPropagation()` of the event.\n\t * @param options Additional options.\n\t * @param options.priority The priority of the keystroke callback. The higher the priority value\n\t * the sooner the callback will be executed. Keystrokes having the same priority\n\t * are called in the order they were added.\n\t */\n\tpublic override set(\n\t\tkeystroke: string | Array<string | number>,\n\t\tcallback: EditingKeystrokeCallback,\n\t\toptions: { readonly priority?: PriorityString } = {}\n\t): void {\n\t\tif ( typeof callback == 'string' ) {\n\t\t\tconst commandName = callback;\n\n\t\t\tcallback = ( evtData, cancel ) => {\n\t\t\t\tthis.editor.execute( commandName );\n\t\t\t\tcancel();\n\t\t\t};\n\t\t}\n\n\t\tsuper.set( keystroke, callback, options );\n\t}\n}\n\n/**\n * Command name or a callback to be executed when a given keystroke is pressed.\n */\nexport type EditingKeystrokeCallback = string | ( ( ev: KeyboardEvent, cancel: () => void ) => void );\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/accessibility\n */\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\nimport { type Editor } from './editor/editor.js';\n\nconst DEFAULT_CATEGORY_ID = 'contentEditing' as const;\n\n/**\n * @internal\n */\nexport const DEFAULT_GROUP_ID = 'common' as const;\n\n/**\n * A common namespace for various accessibility features of the editor.\n *\n * **Information about editor keystrokes**\n *\n * * The information about keystrokes available in the editor is stored in the {@link #keystrokeInfos} property.\n * * New info entries can be added using the {@link #addKeystrokeInfoCategory}, {@link #addKeystrokeInfoGroup},\n * and {@link #addKeystrokeInfos} methods.\n */\nexport class Accessibility {\n\t/**\n\t * Stores information about keystrokes brought by editor features for the users to interact with the editor, mainly\n\t * keystroke combinations and their accessible labels.\n\t *\n\t * This information is particularly useful for screen reader and other assistive technology users. It gets displayed\n\t * by the {@link module:ui/editorui/accessibilityhelp/accessibilityhelp~AccessibilityHelp Accessibility help} dialog.\n\t *\n\t * Keystrokes are organized in categories and groups. They can be added using ({@link #addKeystrokeInfoCategory},\n\t * {@link #addKeystrokeInfoGroup}, and {@link #addKeystrokeInfos}) methods.\n\t *\n\t * Please note that:\n\t * * two categories are always available:\n\t *   * `'contentEditing'` for keystrokes related to content creation,\n\t *   * `'navigation'` for keystrokes related to navigation in the UI and the content.\n\t * * unless specified otherwise, new keystrokes are added into the `'contentEditing'` category and the `'common'`\n\t * keystroke group within that category while using the {@link #addKeystrokeInfos} method.\n\t */\n\tpublic readonly keystrokeInfos: KeystrokeInfoDefinitions = new Map();\n\n\t/**\n\t * The editor instance.\n\t */\n\tprivate readonly _editor: Editor;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tthis._editor = editor;\n\t\tconst isMenuBarVisible = editor.config.get( 'menuBar.isVisible' );\n\n\t\tconst t = editor.locale.t;\n\n\t\tthis.addKeystrokeInfoCategory( {\n\t\t\tid: DEFAULT_CATEGORY_ID,\n\t\t\tlabel: t( 'Content editing keystrokes' ),\n\t\t\tdescription: t( 'These keyboard shortcuts allow for quick access to content editing features.' )\n\t\t} );\n\n\t\tconst navigationKeystrokes = [\n\t\t\t{\n\t\t\t\tlabel: t( 'Close contextual balloons, dropdowns, and dialogs' ),\n\t\t\t\tkeystroke: 'Esc'\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: t( 'Open the accessibility help dialog' ),\n\t\t\t\tkeystroke: 'Alt+0'\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: t( 'Move focus between form fields (inputs, buttons, etc.)' ),\n\t\t\t\tkeystroke: [ [ 'Tab' ], [ 'Shift+Tab' ] ]\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: t( 'Move focus to the toolbar, navigate between toolbars' ),\n\t\t\t\tkeystroke: 'Alt+F10',\n\t\t\t\tmayRequireFn: true\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: t( 'Navigate through the toolbar or menu bar' ),\n\t\t\t\tkeystroke: [ [ 'arrowup' ], [ 'arrowright' ], [ 'arrowdown' ], [ 'arrowleft' ] ]\n\t\t\t},\n\t\t\t{\n\t\t\t\t// eslint-disable-next-line @stylistic/max-len\n\t\t\t\tlabel: t( 'Execute the currently focused button. Executing buttons that interact with the editor content moves the focus back to the content.' ),\n\t\t\t\tkeystroke: [ [ 'Enter' ], [ 'Space' ] ]\n\t\t\t}\n\t\t];\n\n\t\tif ( isMenuBarVisible ) {\n\t\t\tnavigationKeystrokes.push(\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Move focus to the menu bar, navigate between menu bars' ),\n\t\t\t\t\tkeystroke: 'Alt+F9',\n\t\t\t\t\tmayRequireFn: true\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\tthis.addKeystrokeInfoCategory( {\n\t\t\tid: 'navigation',\n\t\t\tlabel: t( 'User interface and content navigation keystrokes' ),\n\t\t\tdescription: t( 'Use the following keystrokes for more efficient navigation in the CKEditor 5 user interface.' ),\n\t\t\tgroups: [\n\t\t\t\t{\n\t\t\t\t\tid: 'common',\n\t\t\t\t\tkeystrokes: navigationKeystrokes\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Adds a top-level category in the {@link #keystrokeInfos keystroke information database} with a label and optional description.\n\t *\n\t * Categories organize keystrokes and help users to find the right keystroke. Each category can have multiple groups\n\t * of keystrokes that narrow down the context in which the keystrokes are available. Every keystroke category comes\n\t * with a `'common'` group by default.\n\t *\n\t * By default, two categories are available:\n\t * * `'contentEditing'` for keystrokes related to content creation,\n\t * * `'navigation'` for keystrokes related to navigation in the UI and the content.\n\t *\n\t * To create a new keystroke category with new groups, use the following code:\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfoCategory( {\n\t * \t\t\tid: 'myCategory',\n\t * \t\t\tlabel: t( 'My category' ),\n\t * \t\t\tdescription: t( 'My category description.' ),\n\t * \t\t\tgroups: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tid: 'myGroup',\n\t * \t\t\t\t\tlabel: t( 'My keystroke group' ),\n\t * \t\t\t\t\tkeystrokes: [\n\t * \t\t\t\t\t\t{\n\t * \t\t\t\t\t\t\tlabel: t( 'Keystroke label 1' ),\n\t * \t\t\t\t\t\t\tkeystroke: 'Ctrl+Shift+N'\n\t * \t\t\t\t\t\t},\n\t * \t\t\t\t\t\t{\n\t * \t\t\t\t\t\t\tlabel: t( 'Keystroke label 2' ),\n\t * \t\t\t\t\t\t\tkeystroke: 'Ctrl+Shift+M'\n\t * \t\t\t\t\t\t}\n\t * \t\t\t\t\t]\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t};\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * See {@link #keystrokeInfos}, {@link #addKeystrokeInfoGroup}, and {@link #addKeystrokeInfos}.\n\t */\n\tpublic addKeystrokeInfoCategory( { id, label, description, groups }: AddKeystrokeInfoCategoryData ): void {\n\t\tthis.keystrokeInfos.set( id, {\n\t\t\tid,\n\t\t\tlabel,\n\t\t\tdescription,\n\t\t\tgroups: new Map()\n\t\t} );\n\n\t\tthis.addKeystrokeInfoGroup( {\n\t\t\tcategoryId: id,\n\t\t\tid: DEFAULT_GROUP_ID\n\t\t} );\n\n\t\tif ( groups ) {\n\t\t\tgroups.forEach( group => {\n\t\t\t\tthis.addKeystrokeInfoGroup( {\n\t\t\t\t\tcategoryId: id,\n\t\t\t\t\t...group\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Adds a group of keystrokes in a specific category to the {@link #keystrokeInfos keystroke information database}.\n\t *\n\t * Groups narrow down the context in which the keystrokes are available. When `categoryId` is not specified,\n\t * the group goes to the `'contentEditing'` category (default).\n\t *\n\t * To create a new group within an existing category, use the following code:\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfoGroup( {\n\t * \t\t\tid: 'myGroup',\n\t * \t\t\tcategoryId: 'navigation',\n\t * \t\t\tlabel: t( 'My keystroke group' ),\n\t * \t\t\tkeystrokes: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'Keystroke label 1' ),\n\t * \t\t\t\t\tkeystroke: 'Ctrl+Shift+N'\n\t * \t\t\t\t},\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'Keystroke label 2' ),\n\t * \t\t\t\t\tkeystroke: 'Ctrl+Shift+M'\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * See {@link #keystrokeInfos}, {@link #addKeystrokeInfoCategory}, and {@link #addKeystrokeInfos}.\n\t */\n\tpublic addKeystrokeInfoGroup( {\n\t\tcategoryId = DEFAULT_CATEGORY_ID,\n\t\tid,\n\t\tlabel,\n\t\tkeystrokes\n\t}: AddKeystrokeInfoGroupData ): void {\n\t\tconst category = this.keystrokeInfos.get( categoryId );\n\n\t\tif ( !category ) {\n\t\t\tthrow new CKEditorError( 'accessibility-unknown-keystroke-info-category', this._editor, { groupId: id, categoryId } );\n\t\t}\n\n\t\tcategory.groups.set( id, {\n\t\t\tid,\n\t\t\tlabel,\n\t\t\tkeystrokes: keystrokes || []\n\t\t} );\n\t}\n\n\t/**\n\t * Adds information about keystrokes to the {@link #keystrokeInfos keystroke information database}.\n\t *\n\t * Keystrokes without specified `groupId` or `categoryId` go to the `'common'` group in the `'contentEditing'` category (default).\n\t *\n\t * To add a keystroke brought by your plugin (using default group and category), use the following code:\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfos( {\n\t * \t\t\tkeystrokes: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'Keystroke label' ),\n\t * \t\t\t\t\tkeystroke: 'CTRL+B'\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t * To add a keystroke in a specific existing `'widget'` group in the default `'contentEditing'` category:\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfos( {\n\t * \t\t\t// Add a keystroke to the existing \"widget\" group.\n\t * \t\t\tgroupId: 'widget',\n\t * \t\t\tkeystrokes: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'A an action on a selected widget' ),\n\t * \t\t\t\t\tkeystroke: 'Ctrl+D',\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * To add a keystroke to another existing category (using default group):\n\t *\n\t * ```js\n\t * class MyPlugin extends Plugin {\n\t * \t// ...\n\t * \tinit() {\n\t * \t\tconst editor = this.editor;\n\t * \t\tconst t = editor.t;\n\t *\n\t * \t\t// ...\n\t *\n\t * \t\teditor.accessibility.addKeystrokeInfos( {\n\t * \t\t\t// Add keystrokes to the \"navigation\" category (one of defaults).\n\t * \t\t\tcategoryId: 'navigation',\n\t * \t\t\tkeystrokes: [\n\t * \t\t\t\t{\n\t * \t\t\t\t\tlabel: t( 'Keystroke label' ),\n\t * \t\t\t\t\tkeystroke: 'CTRL+B'\n\t * \t\t\t\t}\n\t * \t\t\t]\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * See {@link #keystrokeInfos}, {@link #addKeystrokeInfoGroup}, and {@link #addKeystrokeInfoCategory}.\n\t */\n\tpublic addKeystrokeInfos( {\n\t\tcategoryId = DEFAULT_CATEGORY_ID,\n\t\tgroupId = DEFAULT_GROUP_ID,\n\t\tkeystrokes\n\t}: AddKeystrokeInfosData ): void {\n\t\tif ( !this.keystrokeInfos.has( categoryId ) ) {\n\t\t\t/**\n\t\t\t * Cannot add keystrokes in an unknown category. Use\n\t\t\t * {@link module:core/accessibility~Accessibility#addKeystrokeInfoCategory}\n\t\t\t * to add a new category or make sure the specified category exists.\n\t\t\t *\n\t\t\t * @error accessibility-unknown-keystroke-info-category\n\t\t\t * @param {string} categoryId The id of the unknown keystroke category.\n\t\t\t * @param {module:core/accessibility~AddKeystrokeInfosData#keystrokes} keystrokes Keystroke definitions about to be added.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'accessibility-unknown-keystroke-info-category', this._editor, { categoryId, keystrokes } );\n\t\t}\n\n\t\tconst category = this.keystrokeInfos.get( categoryId )!;\n\n\t\tif ( !category.groups.has( groupId ) ) {\n\t\t\t/**\n\t\t\t * Cannot add keystrokes to an unknown group.\n\t\t\t *\n\t\t\t * Use {@link module:core/accessibility~Accessibility#addKeystrokeInfoGroup}\n\t\t\t * to add a new group or make sure the specified group exists.\n\t\t\t *\n\t\t\t * @error accessibility-unknown-keystroke-info-group\n\t\t\t * @param {string} groupId The id of the unknown keystroke group.\n\t\t\t * @param {string} categoryId The id of category the unknown group should belong to.\n\t\t\t * @param {module:core/accessibility~AddKeystrokeInfosData#keystrokes} keystrokes Keystroke definitions about to be added.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'accessibility-unknown-keystroke-info-group', this._editor, { groupId, categoryId, keystrokes } );\n\t\t}\n\n\t\tcategory.groups.get( groupId )!.keystrokes.push( ...keystrokes );\n\t}\n}\n\n/**\n * A description of category of keystrokes accepted by the {@link module:core/accessibility~Accessibility#addKeystrokeInfoCategory} method.\n *\n * Top-level categories organize keystrokes and help users to find the right keystroke. Each category can have multiple groups of\n * keystrokes that narrow down the context in which the keystrokes are available.\n *\n * See {@link module:core/accessibility~Accessibility#addKeystrokeInfoGroup} and\n * {@link module:core/accessibility~Accessibility#addKeystrokeInfos}.\n */\nexport interface AddKeystrokeInfoCategoryData {\n\n\t/**\n\t * The unique id of the category.\n\t */\n\tid: string;\n\n\t/**\n\t * The label of the category.\n\t */\n\tlabel: string;\n\n\t/**\n\t * The description of the category (optional).\n\t */\n\tdescription?: string;\n\n\t/**\n\t * Groups of keystrokes within the category.\n\t */\n\tgroups?: Array<AddKeystrokeInfoGroupData>;\n}\n\n/**\n * A description of keystroke group accepted by the {@link module:core/accessibility~Accessibility#addKeystrokeInfoGroup} method.\n *\n * Groups narrow down the context in which the keystrokes are available. When `categoryId` is not specified, the group goes\n * to the `'contentEditing'` category (default).\n *\n * See {@link module:core/accessibility~Accessibility#addKeystrokeInfoCategory} and\n * {@link module:core/accessibility~Accessibility#addKeystrokeInfos}.\n */\nexport interface AddKeystrokeInfoGroupData {\n\n\t/**\n\t * The category id the group belongs to.\n\t */\n\tcategoryId?: string;\n\n\t/**\n\t * The unique id of the group.\n\t */\n\tid: string;\n\n\t/**\n\t * The label of the group (optional).\n\t */\n\tlabel?: string;\n\n\t/**\n\t * Keystroke definitions within the group.\n\t */\n\tkeystrokes?: Array<KeystrokeInfoDefinition>;\n}\n\n/**\n * Description of keystrokes accepted by the {@link module:core/accessibility~Accessibility#addKeystrokeInfos} method.\n *\n * Keystrokes without specified `groupId` or `categoryId` go to the `'common'` group in the `'contentEditing'` category (default).\n *\n * See {@link module:core/accessibility~Accessibility#addKeystrokeInfoCategory} and\n * {@link module:core/accessibility~Accessibility#addKeystrokeInfoGroup}.\n */\nexport interface AddKeystrokeInfosData {\n\n\t/**\n\t * The category id the keystrokes belong to.\n\t */\n\tcategoryId?: string;\n\n\t/**\n\t * The group id the keystrokes belong to.\n\t */\n\tgroupId?: string;\n\n\t/**\n\t * An array of keystroke definitions.\n\t */\n\tkeystrokes: Array<KeystrokeInfoDefinition>;\n}\n\nexport type KeystrokeInfoDefinitions = Map<string, KeystrokeInfoCategoryDefinition>;\n\n/**\n * A category of keystrokes in {@link module:core/accessibility~Accessibility#keystrokeInfos}.\n */\nexport type KeystrokeInfoCategoryDefinition = {\n\n\t/**\n\t * The unique id of the category.\n\t */\n\tid: string;\n\n\t/**\n\t * The label of the category.\n\t */\n\tlabel: string;\n\n\t/**\n\t * The description of the category (optional).\n\t */\n\tdescription?: string;\n\n\t/**\n\t * Groups of keystrokes within the category.\n\t */\n\tgroups: Map<string, KeystrokeInfoGroupDefinition>;\n};\n\n/**\n * A group of keystrokes in {@link module:core/accessibility~Accessibility#keystrokeInfos}.\n */\nexport type KeystrokeInfoGroupDefinition = {\n\n\t/**\n\t * The unique id of the group.\n\t */\n\tid: string;\n\n\t/**\n\t * The label of the group (optional).\n\t */\n\tlabel?: string;\n\n\t/**\n\t * Keystroke definitions within the group.\n\t */\n\tkeystrokes: Array<KeystrokeInfoDefinition>;\n};\n\n/**\n * A keystroke info definition in {@link module:core/accessibility~Accessibility#keystrokeInfos}\n */\nexport interface KeystrokeInfoDefinition {\n\n\t/**\n\t * The label of the keystroke. It should briefly describe the action that the keystroke performs. It may contain HTML.\n\t */\n\tlabel: string;\n\n\t/**\n\t * The keystroke string. In its basic form, it must be a combination of {@link module:utils/keyboard#keyCodes known key names}\n\t * joined by the `+` sign, the same as the keystroke format accepted by the\n\t * {@link module:utils/keystrokehandler~KeystrokeHandler#set `KeystrokeHandler#set()`} method used to register most of the\n\t * keystroke interactions in the editor.\n\t *\n\t * * The keystroke string can represent a single keystroke, for instance: `keystroke: 'Ctrl+B'`, `keystroke: 'Shift+Enter'`,\n\t * `keystroke: 'Alt+F10'`, etc.\n\t * * The keystroke can be activated by successive press of multiple keys. For instance `keystroke: [ [ 'arrowleft', 'arrowleft' ] ]`\n\t * will indicate that a specific action will be performed by pressing <kbd>←</kbd> twice in a row.\n\t * * Keystrokes can have alternatives. For instance `keystroke: [ [ 'Ctrl+Y' ], [ 'Ctrl+Shift+Z' ] ]` will indicate that\n\t * a specific action can be performed by pressing either <kbd>Ctrl</kbd> + <kbd>Y</kbd> or\n\t * <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd>.\n\t *\n\t * Please note that the keystrokes are automatically translated to the environment-specific form. For example, `Ctrl+A`\n\t * will be rendered as `⌘A` in the {@link module:utils/env~EnvType#isMac Mac environment}. Always use the IBM PC keyboard\n\t * syntax, for instance `Ctrl` instead of `⌘`, `Alt` instead of `⌥`, etc.\n\t */\n\tkeystroke: string | Array<string> | Array<Array<string>>;\n\n\t/**\n\t * This (optional) flag suggests that the keystroke(s) may require a function (<kbd>Fn</kbd>) key to be pressed\n\t * in order to work in the {@link module:utils/env~EnvType#isMac Mac environment}. If set `true`, an additional\n\t * information will be displayed next to the keystroke.\n\t */\n\tmayRequireFn?: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/editor/utils/editorusagedata\n */\n\nimport { env, global, uid } from '@ckeditor/ckeditor5-utils';\n\nimport { type Editor } from '../editor.js';\nimport type { ToolbarConfig, ToolbarConfigItem } from '../editorconfig.js';\nimport { type PluginCollection } from '../../plugincollection.js';\n\n/**\n * This part of the code is not executed in open-source implementations using a GPL key.\n * It only runs when a specific license key is provided. If you are uncertain whether\n * this applies to your installation, please contact our support team.\n *\n * @internal\n */\nexport function getEditorUsageData( editor: Editor ): EditorUsageData {\n\treturn {\n\t\tsessionId: getSessionId(),\n\t\tpageSessionId: getPageSessionID(),\n\t\thostname: window.location.hostname,\n\t\tversion: globalThis.CKEDITOR_VERSION,\n\t\ttype: getEditorType( editor ),\n\t\tplugins: getPluginsUsageData( editor.plugins ),\n\t\tdistribution: getDistributionUsageData(),\n\t\tenv: getEnvUsageData(),\n\t\tintegration: Object.create( null ),\n\t\tmenuBar: {\n\t\t\tisVisible: !!editor.config.get( 'menuBar.isVisible' )\n\t\t},\n\t\tlanguage: {\n\t\t\tui: editor.locale.uiLanguage,\n\t\t\tcontent: editor.locale.contentLanguage\n\t\t},\n\t\ttoolbar: {\n\t\t\tmain: getToolbarUsageData( editor.config.get( 'toolbar' ) ),\n\t\t\tblock: getToolbarUsageData( editor.config.get( 'blockToolbar' ) ),\n\t\t\tballoon: getToolbarUsageData( editor.config.get( 'balloonToolbar' ) )\n\t\t}\n\t};\n}\n\nfunction getEditorType( editor: Editor ): `${ string }Editor` {\n\treturn Object.getPrototypeOf( editor ).constructor.editorName!;\n}\n\nfunction getPluginsUsageData( collection: PluginCollection<Editor> ): Array<PluginUsageData> {\n\treturn Array\n\t\t.from( collection )\n\t\t.filter( ( [ PluginConstructor ] ) => !!PluginConstructor.pluginName )\n\t\t.map( ( [ PluginConstructor ] ): PluginUsageData => {\n\t\t\tconst {\n\t\t\t\tpluginName,\n\t\t\t\tisContextPlugin,\n\t\t\t\tisOfficialPlugin,\n\t\t\t\tisPremiumPlugin\n\t\t\t} = PluginConstructor;\n\n\t\t\treturn {\n\t\t\t\tisContext: !!isContextPlugin,\n\t\t\t\tisOfficial: !!isOfficialPlugin,\n\t\t\t\tisPremium: !!isPremiumPlugin,\n\t\t\t\tname: pluginName!\n\t\t\t};\n\t\t} );\n}\n\nfunction getToolbarUsageData( toolbarConfig: ToolbarConfig | undefined ): ToolbarUsageData | undefined {\n\tif ( !toolbarConfig ) {\n\t\treturn undefined;\n\t}\n\n\tconst normalizedToolbar: Exclude<ToolbarConfig, Array<unknown>> =\n\t\tArray.isArray( toolbarConfig ) ?\n\t\t\t{ items: toolbarConfig } :\n\t\t\ttoolbarConfig;\n\n\tconst flattenToolbarConfigNames = extractToolbarConfigItemsNames( normalizedToolbar.items || [] );\n\tconst isMultiline = flattenToolbarConfigNames.includes( '-' );\n\n\treturn {\n\t\tisMultiline,\n\t\tshouldNotGroupWhenFull: !!normalizedToolbar.shouldNotGroupWhenFull,\n\t\titems: stripToolbarSeparatorItems( flattenToolbarConfigNames )\n\t};\n\n\tfunction stripToolbarSeparatorItems( items: Array<string> ): Array<string> {\n\t\treturn items.filter( ( item: string ) => item !== '|' && item !== '-' );\n\t}\n\n\tfunction extractToolbarConfigItemsNames( items: Array<ToolbarConfigItem> ): Array<string> {\n\t\treturn items.flatMap( item => {\n\t\t\tif ( typeof item === 'string' ) {\n\t\t\t\treturn [ item ];\n\t\t\t}\n\n\t\t\treturn extractToolbarConfigItemsNames( item.items );\n\t\t} );\n\t}\n}\n\nfunction getDistributionUsageData(): DistributionUsageData {\n\treturn {\n\t\tchannel: ( window[ Symbol.for( 'cke distribution' ) as any ] || 'sh' ) as unknown as string\n\t};\n}\n\nfunction getEnvUsageData(): EnvUsageData {\n\tlet os: EnvUsageData[ 'os' ] = 'unknown';\n\tlet browser: EnvUsageData[ 'browser' ] = 'unknown';\n\n\tif ( env.isMac ) {\n\t\tos = 'mac';\n\t} else if ( env.isWindows ) {\n\t\tos = 'windows';\n\t} else if ( env.isiOS ) {\n\t\tos = 'ios';\n\t} else if ( env.isAndroid ) {\n\t\tos = 'android';\n\t}\n\n\tif ( env.isGecko ) {\n\t\tbrowser = 'gecko';\n\t} else if ( env.isBlink ) {\n\t\tbrowser = 'blink';\n\t} else if ( env.isSafari ) {\n\t\tbrowser = 'safari';\n\t}\n\n\treturn {\n\t\tos,\n\t\tbrowser\n\t};\n}\n\nfunction getSessionId(): string {\n\tif ( !localStorage.getItem( '__ckeditor-session-id' ) ) {\n\t\tlocalStorage.setItem( '__ckeditor-session-id', uid() );\n\t}\n\n\treturn localStorage.getItem( '__ckeditor-session-id' )!;\n}\n\nfunction getPageSessionID() {\n\tglobal.window.CKEDITOR_PAGE_SESSION_ID = global.window.CKEDITOR_PAGE_SESSION_ID || uid();\n\n\treturn global.window.CKEDITOR_PAGE_SESSION_ID;\n}\n\ndeclare global {\n\tinterface Window {\n\t\tCKEDITOR_PAGE_SESSION_ID?: string;\n\t}\n}\n\n/**\n * @internal\n */\nexport type EditorUsageData = {\n\tsessionId: string;\n\tpageSessionId: string;\n\thostname: string;\n\tversion: string;\n\ttype: `${ string }Editor`;\n\tplugins: Array<PluginUsageData>;\n\ttoolbar: {\n\t\tmain?: ToolbarUsageData;\n\t\tblock?: ToolbarUsageData;\n\t\tballoon?: ToolbarUsageData;\n\t};\n\tmenuBar: {\n\t\tisVisible: boolean;\n\t};\n\tlanguage: {\n\t\tui: string;\n\t\tcontent: string;\n\t};\n\tdistribution: {\n\t\tchannel: string;\n\t};\n\tenv: EnvUsageData;\n\tintegration: {\n\t\t[integrationName: string]: IntegrationUsageData;\n\t};\n};\n\ntype IntegrationUsageData = {\n\tversion: string;\n\tframeworkVersion?: string;\n};\n\ntype DistributionUsageData = {\n\tchannel: string;\n};\n\ntype EnvUsageData = {\n\tos: 'mac' | 'windows' | 'ios' | 'android' | 'unknown';\n\tbrowser: 'safari' | 'gecko' | 'blink' | 'unknown';\n};\n\ntype ToolbarUsageData = {\n\titems: Array<string>;\n\tisMultiline: boolean;\n\tshouldNotGroupWhenFull: boolean;\n};\n\ntype PluginUsageData = {\n\tname: string;\n\tisPremium: boolean;\n\tisOfficial: boolean;\n\tisContext: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/editor/editor\n */\n\nimport { set, get } from 'es-toolkit/compat';\n\nimport {\n\tConfig,\n\tCKEditorError,\n\tObservableMixin,\n\tlogError,\n\treleaseDate,\n\ttoArray,\n\tuid,\n\tcrc32,\n\tdecodeLicenseKey,\n\tisFeatureBlockedByLicenseKey,\n\ttype Locale,\n\ttype LocaleTranslate,\n\ttype ObservableChangeEvent,\n\ttype CRCData\n} from '@ckeditor/ckeditor5-utils';\n\nimport {\n\tConversion,\n\tDataController,\n\tEditingController,\n\tModel,\n\tStylesProcessor\n} from '@ckeditor/ckeditor5-engine';\n\nimport type { EditorUI } from '@ckeditor/ckeditor5-ui';\nimport { ContextWatchdog, EditorWatchdog } from '@ckeditor/ckeditor5-watchdog';\n\nimport { Context } from '../context.js';\nimport { PluginCollection } from '../plugincollection.js';\nimport { CommandCollection, type CommandsMap } from '../commandcollection.js';\nimport { EditingKeystrokeHandler } from '../editingkeystrokehandler.js';\nimport { Accessibility } from '../accessibility.js';\nimport { getEditorUsageData, type EditorUsageData } from './utils/editorusagedata.js';\n\nimport type { LoadedPlugins, PluginConstructor } from '../plugin.js';\nimport type { EditorConfig } from './editorconfig.js';\n\nimport '../../theme/core.css';\n\ndeclare global {\n\tvar CKEDITOR_GLOBAL_LICENSE_KEY: string | undefined;\n\tvar CKEDITOR_WARNING_SUPPRESSIONS: Record<string, boolean>;\n}\n\n/**\n * The class representing a basic, generic editor.\n *\n * Check out the list of its subclasses to learn about specific editor implementations.\n *\n * All editor implementations (like {@link module:editor-classic/classiceditor~ClassicEditor} or\n * {@link module:editor-inline/inlineeditor~InlineEditor}) should extend this class. They can add their\n * own methods and properties.\n *\n * When you are implementing a plugin, this editor represents the API\n * which your plugin can expect to get when using its {@link module:core/plugin~Plugin#editor} property.\n *\n * This API should be sufficient in order to implement the \"editing\" part of your feature\n * (schema definition, conversion, commands, keystrokes, etc.).\n * It does not define the editor UI, which is available only if\n * the specific editor implements also the {@link ~Editor#ui} property\n * (as most editor implementations do).\n */\nexport abstract class Editor extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * A required name of the editor class. The name should reflect the constructor name.\n\t */\n\tpublic static get editorName(): `${ string }Editor` {\n\t\treturn 'Editor';\n\t}\n\n\t/**\n\t * A namespace for the accessibility features of the editor.\n\t */\n\tpublic readonly accessibility: Accessibility;\n\n\t/**\n\t * Commands registered to the editor.\n\t *\n\t * Use the shorthand {@link #execute `editor.execute()`} method to execute commands:\n\t *\n\t * ```ts\n\t * // Execute the bold command:\n\t * editor.execute( 'bold' );\n\t *\n\t * // Check the state of the bold command:\n\t * editor.commands.get( 'bold' ).value;\n\t * ```\n\t */\n\tpublic readonly commands: CommandCollection;\n\n\t/**\n\t * Stores all configurations specific to this editor instance.\n\t *\n\t * ```ts\n\t * editor.config.get( 'image.toolbar' );\n\t * // -> [ 'imageStyle:block', 'imageStyle:side', '|', 'toggleImageCaption', 'imageTextAlternative' ]\n\t * ```\n\t */\n\tpublic readonly config: Config<EditorConfig>;\n\n\t/**\n\t * Conversion manager through which you can register model-to-view and view-to-model converters.\n\t *\n\t * See the {@link module:engine/conversion/conversion~Conversion} documentation to learn how to add converters.\n\t */\n\tpublic readonly conversion: Conversion;\n\n\t/**\n\t * The {@link module:engine/controller/datacontroller~DataController data controller}.\n\t * Used e.g. for setting and retrieving the editor data.\n\t */\n\tpublic readonly data: DataController;\n\n\t/**\n\t * The {@link module:engine/controller/editingcontroller~EditingController editing controller}.\n\t * Controls user input and rendering the content for editing.\n\t */\n\tpublic readonly editing: EditingController;\n\n\t/**\n\t * The locale instance.\n\t */\n\tpublic readonly locale: Locale;\n\n\t/**\n\t * The editor's model.\n\t *\n\t * The central point of the editor's abstract data model.\n\t */\n\tpublic readonly model: Model;\n\n\t/**\n\t * The plugins loaded and in use by this editor instance.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'ClipboardPipeline' ); // -> An instance of the clipboard pipeline plugin.\n\t * ```\n\t */\n\tpublic readonly plugins: PluginCollection<Editor>;\n\n\t/**\n\t * An instance of the {@link module:core/editingkeystrokehandler~EditingKeystrokeHandler}.\n\t *\n\t * It allows setting simple keystrokes:\n\t *\n\t * ```ts\n\t * // Execute the bold command on Ctrl+E:\n\t * editor.keystrokes.set( 'Ctrl+E', 'bold' );\n\t *\n\t * // Execute your own callback:\n\t * editor.keystrokes.set( 'Ctrl+E', ( data, cancel ) => {\n\t * \tconsole.log( data.keyCode );\n\t *\n\t * \t// Prevent the default (native) action and stop the underlying keydown event\n\t * \t// so no other editor feature will interfere.\n\t * \tcancel();\n\t * } );\n\t * ```\n\t *\n\t * Note: Certain typing-oriented keystrokes (like <kbd>Backspace</kbd> or <kbd>Enter</kbd>) are handled\n\t * by a low-level mechanism and trying to listen to them via the keystroke handler will not work reliably.\n\t * To handle these specific keystrokes, see the events fired by the\n\t * {@link module:engine/view/document~ViewDocument editing view document} (`editor.editing.view.document`).\n\t */\n\tpublic readonly keystrokes: EditingKeystrokeHandler;\n\n\t/**\n\t * Shorthand for {@link module:utils/locale~Locale#t}.\n\t *\n\t * @see module:utils/locale~Locale#t\n\t */\n\tpublic readonly t: LocaleTranslate;\n\n\tpublic declare readonly id: string;\n\n\t/**\n\t * Indicates the editor life-cycle state.\n\t *\n\t * The editor is in one of the following states:\n\t *\n\t * * `initializing` &ndash; During the editor initialization (before\n\t * {@link module:core/editor/editor~Editor.create `Editor.create()`}) finished its job.\n\t * * `ready` &ndash; After the promise returned by the {@link module:core/editor/editor~Editor.create `Editor.create()`}\n\t * method is resolved.\n\t * * `destroyed` &ndash; Once the {@link #destroy `editor.destroy()`} method was called.\n\t *\n\t * @observable\n\t */\n\tpublic declare state: 'initializing' | 'ready' | 'destroyed';\n\n\t/**\n\t * The default configuration which is built into the editor class.\n\t *\n\t * It was used in the now deprecated CKEditor 5 builds to provide the default configuration options\n\t * which are later used during the editor initialization.\n\t *\n\t * ```ts\n\t * ClassicEditor.defaultConfig = {\n\t * \tfoo: 1,\n\t * \tbar: 2\n\t * };\n\t *\n\t * ClassicEditor\n\t * \t.create( sourceElement )\n\t * \t.then( editor => {\n\t * \t\teditor.config.get( 'foo' ); // -> 1\n\t * \t\teditor.config.get( 'bar' ); // -> 2\n\t * \t} );\n\t *\n\t * // The default options can be overridden by the configuration passed to create().\n\t * ClassicEditor\n\t * \t.create( sourceElement, { bar: 3 } )\n\t * \t.then( editor => {\n\t * \t\teditor.config.get( 'foo' ); // -> 1\n\t * \t\teditor.config.get( 'bar' ); // -> 3\n\t * \t} );\n\t * ```\n\t *\n\t * See also {@link module:core/editor/editor~Editor.builtinPlugins}.\n\t */\n\tpublic static defaultConfig?: EditorConfig;\n\n\t/**\n\t * An array of plugins built into this editor class.\n\t *\n\t * It is used in the now deprecated CKEditor 5 builds to provide a list of plugins which are later automatically initialized\n\t * during the editor initialization.\n\t *\n\t * They will be automatically initialized by the editor, unless listed in `config.removePlugins` and\n\t * unless `config.plugins` is passed.\n\t *\n\t * ```ts\n\t * // Build some plugins into the editor class first.\n\t * ClassicEditor.builtinPlugins = [ FooPlugin, BarPlugin ];\n\t *\n\t * // Normally, you need to define config.plugins, but since ClassicEditor.builtinPlugins was\n\t * // defined, now you can call create() without any configuration.\n\t * ClassicEditor\n\t * \t.create( sourceElement )\n\t * \t.then( editor => {\n\t * \t\teditor.plugins.get( FooPlugin ); // -> An instance of the Foo plugin.\n\t * \t\teditor.plugins.get( BarPlugin ); // -> An instance of the Bar plugin.\n\t * \t} );\n\t *\n\t * ClassicEditor\n\t * \t.create( sourceElement, {\n\t * \t\t// Do not initialize these plugins (note: it is defined by a string):\n\t * \t\tremovePlugins: [ 'Foo' ]\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\teditor.plugins.get( FooPlugin ); // -> Undefined.\n\t * \t\teditor.config.get( BarPlugin ); // -> An instance of the Bar plugin.\n\t * \t} );\n\t *\n\t * ClassicEditor\n\t * \t.create( sourceElement, {\n\t * \t\t// Load only this plugin. It can also be defined by a string if\n\t * \t\t// this plugin was built into the editor class.\n\t * \t\tplugins: [ FooPlugin ]\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\teditor.plugins.get( FooPlugin ); // -> An instance of the Foo plugin.\n\t * \t\teditor.config.get( BarPlugin ); // -> Undefined.\n\t * \t} );\n\t * ```\n\t *\n\t * See also {@link module:core/editor/editor~Editor.defaultConfig}.\n\t */\n\tpublic static builtinPlugins?: Array<PluginConstructor<Editor>>;\n\n\t/**\n\t * The editor UI instance.\n\t */\n\tpublic abstract get ui(): EditorUI;\n\n\t/**\n\t * The editor context.\n\t * When it is not provided through the configuration, the editor creates it.\n\t */\n\tprotected readonly _context: Context;\n\n\t/**\n\t * A set of lock IDs for the {@link #isReadOnly} getter.\n\t */\n\tprotected readonly _readOnlyLocks: Set<symbol | string>;\n\n\t/**\n\t * Creates a new instance of the editor class.\n\t *\n\t * Usually, not to be used directly. See the static {@link module:core/editor/editor~Editor.create `create()`} method.\n\t *\n\t * @param config The editor configuration.\n\t */\n\tconstructor( config: EditorConfig = {} ) {\n\t\tsuper();\n\n\t\tif ( 'sanitizeHtml' in config ) {\n\t\t\t/**\n\t\t\t * Configuration property `config.sanitizeHtml` was removed in CKEditor version 43.1.0 and is no longer supported.\n\t\t\t *\n\t\t\t * Please use `config.htmlEmbed.sanitizeHtml` and/or `config.mergeFields.sanitizeHtml` instead.\n\t\t\t *\n\t\t\t * @error editor-config-sanitizehtml-not-supported\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'editor-config-sanitizehtml-not-supported' );\n\t\t}\n\n\t\tconst constructor = this.constructor as typeof Editor;\n\n\t\t// We don't pass translations to the config, because its behavior of splitting keys\n\t\t// with dots (e.g. `resize.width` => `resize: { width }`) breaks the translations.\n\t\tconst { translations: defaultTranslations, ...defaultConfig } = constructor.defaultConfig || {};\n\t\tconst { translations = defaultTranslations, ...rest } = config;\n\n\t\t// Prefer the language passed as the argument to the constructor instead of the constructor's `defaultConfig`, if both are set.\n\t\tconst language = config.language || defaultConfig.language;\n\n\t\tthis._context = config.context || new Context( { language, translations } );\n\t\tthis._context._addEditor( this, !config.context );\n\n\t\t// Clone the plugins to make sure that the plugin array will not be shared\n\t\t// between editors and make the watchdog feature work correctly.\n\t\tconst availablePlugins = Array.from( constructor.builtinPlugins || [] );\n\n\t\tthis.config = new Config<EditorConfig>( rest, defaultConfig );\n\t\tthis.config.define( 'plugins', availablePlugins );\n\t\tthis.config.define( this._context._getEditorConfig() );\n\n\t\tcheckLicenseKeyIsDefined( this.config );\n\n\t\tthis.plugins = new PluginCollection<Editor>( this, availablePlugins, this._context.plugins );\n\n\t\tthis.locale = this._context.locale;\n\t\tthis.t = this.locale.t;\n\n\t\tthis._readOnlyLocks = new Set();\n\n\t\tthis.commands = new CommandCollection();\n\n\t\tthis.set( 'state', 'initializing' );\n\t\tthis.once<EditorReadyEvent>( 'ready', () => ( this.state = 'ready' ), { priority: 'high' } );\n\t\tthis.once<EditorDestroyEvent>( 'destroy', () => ( this.state = 'destroyed' ), { priority: 'high' } );\n\n\t\tthis.model = new Model( this.config );\n\n\t\tthis.on( 'change:isReadOnly', () => {\n\t\t\tthis.model.document.isReadOnly = this.isReadOnly;\n\t\t} );\n\n\t\tconst stylesProcessor = new StylesProcessor();\n\n\t\tthis.data = new DataController( this.model, stylesProcessor );\n\n\t\tthis.editing = new EditingController( this.model, stylesProcessor );\n\t\tthis.editing.view.document.bind( 'isReadOnly' ).to( this );\n\n\t\tthis.conversion = new Conversion( [ this.editing.downcastDispatcher, this.data.downcastDispatcher ], this.data.upcastDispatcher );\n\t\tthis.conversion.addAlias( 'dataDowncast', this.data.downcastDispatcher );\n\t\tthis.conversion.addAlias( 'editingDowncast', this.editing.downcastDispatcher );\n\n\t\tthis.keystrokes = new EditingKeystrokeHandler( this );\n\t\tthis.keystrokes.listenTo( this.editing.view.document );\n\n\t\tthis.accessibility = new Accessibility( this );\n\n\t\tverifyLicenseKey( this );\n\n\t\t// Checks if the license key is defined and throws an error if it is not.\n\t\tfunction checkLicenseKeyIsDefined( config: Config<EditorConfig> ) {\n\t\t\tlet licenseKey = config.get( 'licenseKey' );\n\n\t\t\tif ( !licenseKey && window.CKEDITOR_GLOBAL_LICENSE_KEY ) {\n\t\t\t\tlicenseKey = window.CKEDITOR_GLOBAL_LICENSE_KEY;\n\t\t\t\tconfig.set( 'licenseKey', licenseKey );\n\t\t\t}\n\n\t\t\tif ( !licenseKey ) {\n\t\t\t\t/**\n\t\t\t\t * The `licenseKey` property is missing in the editor configuration.\n\t\t\t\t *\n\t\t\t\t * * If you are using the editor in a commercial setup, please provide your license key.\n\t\t\t\t * * If you still need to acquire a key, please [contact us](https://ckeditor.com/contact/) or\n\t\t\t\t *   [create a free account with a 14 day premium features trial](https://portal.ckeditor.com/checkout?plan=free).\n\t\t\t\t * * If you are using the editor under a GPL license or another license from our Open Source Initiative,\n\t\t\t\t *   use the 'GPL' license key instead.\n\t\t\t\t *\n\t\t\t\t * ```js\n\t\t\t\t * ClassicEditor.create( document.querySelector( '#editor' ), {\n\t\t\t\t * \tlicenseKey: '<YOUR_LICENSE_KEY>', // Or 'GPL'.\n\t\t\t\t * \t// ... Other configuration options ...\n\t\t\t\t * } ) ;\n\t\t\t\t *\n\t\t\t\t * @error license-key-missing\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-missing' );\n\t\t\t}\n\t\t}\n\n\t\tfunction verifyLicenseKey( editor: Editor ) {\n\t\t\tconst licenseKey = editor.config.get( 'licenseKey' )!;\n\t\t\tconst distributionChannel = ( window as any )[ Symbol.for( 'cke distribution' ) ] || 'sh';\n\n\t\t\tfunction blockEditor( reason: LicenseErrorReason, name?: string ) {\n\t\t\t\teditor.enableReadOnlyMode( Symbol( 'invalidLicense' ) );\n\t\t\t\teditor._showLicenseError( reason, name );\n\t\t\t}\n\n\t\t\tfunction hasAllRequiredFields( licensePayload: Record<string, unknown> ) {\n\t\t\t\tconst requiredFields = [ 'exp', 'jti', 'vc' ];\n\n\t\t\t\treturn requiredFields.every( field => field in licensePayload );\n\t\t\t}\n\n\t\t\tfunction getCrcInputData( licensePayload: Record<string, unknown> ): CRCData {\n\t\t\t\tconst keysToCheck = Object.getOwnPropertyNames( licensePayload ).sort();\n\n\t\t\t\tconst filteredValues = keysToCheck\n\t\t\t\t\t.filter( key => key != 'vc' && licensePayload[ key ] != null )\n\t\t\t\t\t.map( key => licensePayload[ key ] );\n\n\t\t\t\treturn filteredValues as CRCData;\n\t\t\t}\n\n\t\t\tfunction checkLicensedHosts( licensedHosts: Array<string> ): boolean {\n\t\t\t\tconst { hostname } = new URL( window.location.href );\n\n\t\t\t\tif ( licensedHosts.includes( hostname ) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tconst segments = hostname.split( '.' );\n\n\t\t\t\treturn licensedHosts\n\t\t\t\t\t// Filter out hosts without wildcards.\n\t\t\t\t\t.filter( host => host.includes( '*' ) )\n\t\t\t\t\t// Split the hosts into segments.\n\t\t\t\t\t.map( host => host.split( '.' ) )\n\t\t\t\t\t// Filter out hosts that have more segments than the current hostname.\n\t\t\t\t\t.filter( host => host.length <= segments.length )\n\t\t\t\t\t// Pad the beginning of the licensed host if it's shorter than the current hostname.\n\t\t\t\t\t.map( host => Array( segments.length - host.length ).fill( host[ 0 ] === '*' ? '*' : '' ).concat( host ) )\n\t\t\t\t\t// Check if some license host matches the hostname.\n\t\t\t\t\t.some( octets => segments.every( ( segment, index ) => octets[ index ] === segment || octets[ index ] === '*' ) );\n\t\t\t}\n\n\t\t\tfunction warnAboutNonProductionLicenseKey( licenseType: string ) {\n\t\t\t\tconst capitalizedLicenseType = licenseType[ 0 ].toUpperCase() + licenseType.slice( 1 );\n\t\t\t\tconst article = licenseType === 'evaluation' ? 'an' : 'a';\n\n\t\t\t\tconsole.info(\n\t\t\t\t\t`%cCKEditor 5 ${ capitalizedLicenseType } License`,\n\t\t\t\t\t'color: #ffffff; background: #743CCD; font-size: 14px; padding: 4px 8px; border-radius: 4px;'\n\t\t\t\t);\n\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`⚠️ You are using ${ article } ${ licenseType } license of CKEditor 5` +\n\t\t\t\t\t`${ licenseType === 'trial' ? ' which is for evaluation purposes only' : '' }. ` +\n\t\t\t\t\t'For production usage, please obtain a production license at https://portal.ckeditor.com/'\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif ( licenseKey == 'GPL' ) {\n\t\t\t\tif ( distributionChannel == 'cloud' ) {\n\t\t\t\t\tblockEditor( 'distributionChannel' );\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst licensePayload = decodeLicenseKey( licenseKey );\n\n\t\t\tif ( !licensePayload ) {\n\t\t\t\tblockEditor( 'invalid' );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !hasAllRequiredFields( licensePayload ) ) {\n\t\t\t\tblockEditor( 'invalid' );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( licensePayload.distributionChannel && !toArray( licensePayload.distributionChannel ).includes( distributionChannel ) ) {\n\t\t\t\tblockEditor( 'distributionChannel' );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( crc32( getCrcInputData( licensePayload ) ) != licensePayload.vc.toLowerCase() ) {\n\t\t\t\tblockEditor( 'invalid' );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst expirationDate = new Date( licensePayload.exp * 1000 );\n\n\t\t\tif ( expirationDate < releaseDate ) {\n\t\t\t\tblockEditor( 'expired' );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst licensedHosts: Array<string> | undefined = licensePayload.licensedHosts;\n\n\t\t\tif ( licensedHosts && licensedHosts.length > 0 && !checkLicensedHosts( licensedHosts ) ) {\n\t\t\t\tblockEditor( 'domainLimit' );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( [ 'evaluation', 'trial' ].includes( licensePayload.licenseType ) && licensePayload.exp * 1000 < Date.now() ) {\n\t\t\t\tblockEditor( 'expired' );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( [ 'development', 'evaluation', 'trial' ].includes( licensePayload.licenseType ) ) {\n\t\t\t\tconst { licenseType } = licensePayload;\n\n\t\t\t\twindow.CKEDITOR_WARNING_SUPPRESSIONS = window.CKEDITOR_WARNING_SUPPRESSIONS || {};\n\n\t\t\t\tif ( !window.CKEDITOR_WARNING_SUPPRESSIONS[ licenseType ] ) {\n\t\t\t\t\twarnAboutNonProductionLicenseKey( licenseType );\n\n\t\t\t\t\twindow.CKEDITOR_WARNING_SUPPRESSIONS[ licenseType ] = true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( [ 'evaluation', 'trial' ].includes( licensePayload.licenseType ) ) {\n\t\t\t\tconst licenseType: 'evaluation' | 'trial' = licensePayload.licenseType;\n\t\t\t\tconst timerId = setTimeout( () => {\n\t\t\t\t\tblockEditor( `${ licenseType }Limit` );\n\t\t\t\t}, 600000 );\n\n\t\t\t\teditor.on( 'destroy', () => {\n\t\t\t\t\tclearTimeout( timerId );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( licensePayload.usageEndpoint ) {\n\t\t\t\teditor.once<EditorReadyEvent>( 'ready', () => {\n\t\t\t\t\tconst request = {\n\t\t\t\t\t\trequestId: uid(),\n\t\t\t\t\t\trequestTime: Math.round( Date.now() / 1000 ),\n\t\t\t\t\t\tlicense: licenseKey,\n\t\t\t\t\t\teditor: collectUsageData( editor )\n\t\t\t\t\t};\n\n\t\t\t\t\t/**\n\t\t\t\t\t * This part of the code is not executed in open-source implementations using a GPL key.\n\t\t\t\t\t * It only runs when a specific license key is provided. If you are uncertain whether\n\t\t\t\t\t * this applies to your installation, please contact our support team.\n\t\t\t\t\t */\n\t\t\t\t\teditor._sendUsageRequest( licensePayload.usageEndpoint, request ).then( response => {\n\t\t\t\t\t\tconst { status, message } = response;\n\n\t\t\t\t\t\tif ( message ) {\n\t\t\t\t\t\t\tconsole.warn( message );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( status != 'ok' ) {\n\t\t\t\t\t\t\tblockEditor( 'usageLimit' );\n\t\t\t\t\t\t}\n\t\t\t\t\t}, () => {\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Your license key cannot be validated due to a network issue.\n\t\t\t\t\t\t * Please ensure that your setup does not block requests to the validation endpoint.\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * @error license-key-validation-endpoint-not-reachable\n\t\t\t\t\t\t * @param {string} url The URL that was attempted to be reached for validation.\n\t\t\t\t\t\t */\n\t\t\t\t\t\tlogError( 'license-key-validation-endpoint-not-reachable', { url: licensePayload.usageEndpoint } );\n\t\t\t\t\t} );\n\t\t\t\t}, { priority: 'high' } );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Defines whether the editor is in the read-only mode.\n\t *\n\t * In read-only mode the editor {@link #commands commands} are disabled so it is not possible\n\t * to modify the document by using them. Also, the editable element(s) become non-editable.\n\t *\n\t * In order to make the editor read-only, you need to call the {@link #enableReadOnlyMode} method:\n\t *\n\t * ```ts\n\t * editor.enableReadOnlyMode( 'feature-id' );\n\t * ```\n\t *\n     * Later, to turn off the read-only mode, call {@link #disableReadOnlyMode}:\n\t *\n\t * ```ts\n\t * editor.disableReadOnlyMode( 'feature-id' );\n\t * ```\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tpublic get isReadOnly(): boolean {\n\t\treturn this._readOnlyLocks.size > 0;\n\t}\n\n\tpublic set isReadOnly( value: boolean ) {\n\t\t/**\n\t\t * The {@link module:core/editor/editor~Editor#isReadOnly Editor#isReadOnly} property is read-only since version `34.0.0`\n\t\t * and can be set only using {@link module:core/editor/editor~Editor#enableReadOnlyMode `Editor#enableReadOnlyMode( lockId )`} and\n\t\t * {@link module:core/editor/editor~Editor#disableReadOnlyMode `Editor#disableReadOnlyMode( lockId )`}.\n\t\t *\n\t\t * Usage before version `34.0.0`:\n\t\t *\n\t\t * ```ts\n\t\t * editor.isReadOnly = true;\n\t\t * editor.isReadOnly = false;\n\t\t * ```\n\t\t *\n\t\t * Usage since version `34.0.0`:\n\t\t *\n\t\t * ```ts\n\t\t * editor.enableReadOnlyMode( 'my-feature-id' );\n\t\t * editor.disableReadOnlyMode( 'my-feature-id' );\n\t\t * ```\n\t\t *\n\t\t * @error editor-isreadonly-has-no-setter\n\t\t */\n\t\tthrow new CKEditorError( 'editor-isreadonly-has-no-setter' );\n\t}\n\n\t/**\n\t * Turns on the read-only mode in the editor.\n\t *\n\t * Editor can be switched to or out of the read-only mode by many features, under various circumstances. The editor supports locking\n\t * mechanism for the read-only mode. It enables easy control over the read-only mode when many features wants to turn it on or off at\n\t * the same time, without conflicting with each other. It guarantees that you will not make the editor editable accidentally (which\n\t * could lead to errors).\n\t *\n\t * Each read-only mode request is identified by a unique id (also called \"lock\"). If multiple plugins requested to turn on the\n\t * read-only mode, then, the editor will become editable only after all these plugins turn the read-only mode off (using the same ids).\n\t *\n\t * Note, that you cannot force the editor to disable the read-only mode if other plugins set it.\n\t *\n\t * After the first `enableReadOnlyMode()` call, the {@link #isReadOnly `isReadOnly` property} will be set to `true`:\n\t *\n\t * ```ts\n\t * editor.isReadOnly; // `false`.\n\t * editor.enableReadOnlyMode( 'my-feature-id' );\n\t * editor.isReadOnly; // `true`.\n\t * ```\n\t *\n\t * You can turn off the read-only mode (\"clear the lock\") using the {@link #disableReadOnlyMode `disableReadOnlyMode()`} method:\n\t *\n\t * ```ts\n\t * editor.enableReadOnlyMode( 'my-feature-id' );\n\t * // ...\n\t * editor.disableReadOnlyMode( 'my-feature-id' );\n\t * editor.isReadOnly; // `false`.\n\t * ```\n\t *\n\t * All \"locks\" need to be removed to enable editing:\n\t *\n\t * ```ts\n\t * editor.enableReadOnlyMode( 'my-feature-id' );\n\t * editor.enableReadOnlyMode( 'my-other-feature-id' );\n\t * // ...\n\t * editor.disableReadOnlyMode( 'my-feature-id' );\n\t * editor.isReadOnly; // `true`.\n\t * editor.disableReadOnlyMode( 'my-other-feature-id' );\n\t * editor.isReadOnly; // `false`.\n\t * ```\n\t *\n\t * @param lockId A unique ID for setting the editor to the read-only state.\n\t */\n\tpublic enableReadOnlyMode( lockId: string | symbol ): void {\n\t\tif ( typeof lockId !== 'string' && typeof lockId !== 'symbol' ) {\n\t\t\t/**\n\t\t\t * The lock ID is missing or it is not a string or symbol.\n\t\t\t *\n\t\t\t * @error editor-read-only-lock-id-invalid\n\t\t\t * @param {never} lockId Lock ID.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'editor-read-only-lock-id-invalid', null, { lockId } );\n\t\t}\n\n\t\tif ( this._readOnlyLocks.has( lockId ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._readOnlyLocks.add( lockId );\n\n\t\tif ( this._readOnlyLocks.size === 1 ) {\n\t\t\t// Manually fire the `change:isReadOnly` event as only getter is provided.\n\t\t\tthis.fire<ObservableChangeEvent<boolean>>( 'change:isReadOnly', 'isReadOnly', true, false );\n\t\t}\n\t}\n\n\t/**\n\t * Removes the read-only lock from the editor with given lock ID.\n\t *\n\t * When no lock is present on the editor anymore, then the {@link #isReadOnly `isReadOnly` property} will be set to `false`.\n\t *\n\t * @param lockId The lock ID for setting the editor to the read-only state.\n\t */\n\tpublic disableReadOnlyMode( lockId: string | symbol ): void {\n\t\tif ( typeof lockId !== 'string' && typeof lockId !== 'symbol' ) {\n\t\t\tthrow new CKEditorError( 'editor-read-only-lock-id-invalid', null, { lockId } );\n\t\t}\n\n\t\tif ( !this._readOnlyLocks.has( lockId ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._readOnlyLocks.delete( lockId );\n\n\t\tif ( this._readOnlyLocks.size === 0 ) {\n\t\t\t// Manually fire the `change:isReadOnly` event as only getter is provided.\n\t\t\tthis.fire<ObservableChangeEvent<boolean>>( 'change:isReadOnly', 'isReadOnly', false, true );\n\t\t}\n\t}\n\n\t/**\n\t * Sets the data in the editor.\n\t *\n\t * ```ts\n\t * editor.setData( '<p>This is editor!</p>' );\n\t * ```\n\t *\n\t * If your editor implementation uses multiple roots, you should pass an object with keys corresponding\n\t * to the editor root names and values equal to the data that should be set in each root:\n\t *\n\t * ```ts\n\t * editor.setData( {\n\t *     header: '<p>Content for header part.</p>',\n\t *     content: '<p>Content for main part.</p>',\n\t *     footer: '<p>Content for footer part.</p>'\n\t * } );\n\t * ```\n\t *\n\t * By default the editor accepts HTML. This can be controlled by injecting a different data processor.\n\t * See the {@glink features/markdown Markdown output} guide for more details.\n\t *\n\t * @param data Input data.\n\t */\n\tpublic setData( data: string | Record<string, string> ): void {\n\t\tthis.data.set( data );\n\t}\n\n\t/**\n\t * Gets the data from the editor.\n\t *\n\t * ```ts\n\t * editor.getData(); // -> '<p>This is editor!</p>'\n\t * ```\n\t *\n\t * If your editor implementation uses multiple roots, you should pass root name as one of the options:\n\t *\n\t * ```ts\n\t * editor.getData( { rootName: 'header' } ); // -> '<p>Content for header part.</p>'\n\t * ```\n\t *\n\t * By default, the editor outputs HTML. This can be controlled by injecting a different data processor.\n\t * See the {@glink features/markdown Markdown output} guide for more details.\n\t *\n\t * A warning is logged when you try to retrieve data for a detached root, as most probably this is a mistake. A detached root should\n\t * be treated like it is removed, and you should not save its data. Note, that the detached root data is always an empty string.\n\t *\n\t * @param options Additional configuration for the retrieved data.\n\t * Editor features may introduce more configuration options that can be set through this parameter.\n\t * @param options.rootName Root name. Defaults to `'main'`.\n\t * @param options.trim Whether returned data should be trimmed. This option is set to `'empty'` by default,\n\t * which means that whenever editor content is considered empty, an empty string is returned. To turn off trimming\n\t * use `'none'`. In such cases exact content will be returned (for example `'<p>&nbsp;</p>'` for an empty editor).\n\t * @returns Output data.\n\t */\n\tpublic getData( options?: {\n\t\trootName?: string;\n\t\ttrim?: 'empty' | 'none';\n\t\t[ key: string ]: unknown;\n\t} ): string {\n\t\treturn this.data.get( options );\n\t}\n\n\t/**\n\t * Loads and initializes plugins specified in the configuration.\n\t *\n\t * @returns A promise which resolves once the initialization is completed, providing an array of loaded plugins.\n\t */\n\tpublic initPlugins(): Promise<LoadedPlugins> {\n\t\tconst config = this.config;\n\t\tconst plugins = config.get( 'plugins' )!;\n\t\tconst removePlugins = config.get( 'removePlugins' ) || [];\n\t\tconst extraPlugins = config.get( 'extraPlugins' ) || [];\n\t\tconst substitutePlugins = config.get( 'substitutePlugins' ) || [];\n\n\t\treturn this.plugins.init( plugins.concat( extraPlugins ), removePlugins, substitutePlugins )\n\t\t\t.then( plugins => {\n\t\t\t\tcheckPluginsAllowedByLicenseKey( this );\n\n\t\t\t\treturn plugins;\n\t\t\t} );\n\n\t\tfunction checkPluginsAllowedByLicenseKey( editor: Editor ): void {\n\t\t\tconst licenseKey = editor.config.get( 'licenseKey' )!;\n\n\t\t\tif ( licenseKey === 'GPL' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst decodedPayload = decodeLicenseKey( licenseKey );\n\n\t\t\tif ( !decodedPayload ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst disallowedPlugin = [ ...editor.plugins ]\n\t\t\t\t.map( ( [ pluginConstructor ] ) => pluginConstructor )\n\t\t\t\t.find( pluginConstructor => {\n\t\t\t\t\tif ( !pluginConstructor.pluginName ) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( !pluginConstructor.licenseFeatureCode ) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn isFeatureBlockedByLicenseKey( decodedPayload, pluginConstructor.licenseFeatureCode );\n\t\t\t\t} );\n\n\t\t\tif ( disallowedPlugin ) {\n\t\t\t\teditor.enableReadOnlyMode( Symbol( 'invalidLicense' ) );\n\t\t\t\teditor._showLicenseError( 'pluginNotAllowed', disallowedPlugin.pluginName );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * **Note** The editor cannot be destroyed during the initialization phase so if it is called\n\t * while the editor {@link #state is being initialized}, it will wait for the editor initialization before destroying it.\n\t *\n\t * @fires destroy\n\t * @returns A promise that resolves once the editor instance is fully destroyed.\n\t */\n\tpublic destroy(): Promise<unknown> {\n\t\tlet readyPromise: Promise<unknown> = Promise.resolve();\n\n\t\tif ( this.state == 'initializing' ) {\n\t\t\treadyPromise = new Promise( resolve => this.once<EditorReadyEvent>( 'ready', resolve ) );\n\t\t}\n\n\t\treturn readyPromise\n\t\t\t.then( () => {\n\t\t\t\tthis.fire<EditorDestroyEvent>( 'destroy' );\n\t\t\t\tthis.stopListening();\n\t\t\t\tthis.commands.destroy();\n\t\t\t} )\n\t\t\t.then( () => this.plugins.destroy() )\n\t\t\t.then( () => {\n\t\t\t\tthis.model.destroy();\n\t\t\t\tthis.data.destroy();\n\t\t\t\tthis.editing.destroy();\n\t\t\t\tthis.keystrokes.destroy();\n\t\t\t} )\n\t\t\t// Remove the editor from the context.\n\t\t\t// When the context was created by this editor, the context will be destroyed.\n\t\t\t.then( () => this._context._removeEditor( this ) );\n\t}\n\n\t/**\n\t * Executes the specified command with given parameters.\n\t *\n\t * Shorthand for:\n\t *\n\t * ```ts\n\t * editor.commands.get( commandName ).execute( ... );\n\t * ```\n\t *\n\t * @param commandName The name of the command to execute.\n\t * @param commandParams Command parameters.\n\t * @returns The value returned by the {@link module:core/commandcollection~CommandCollection#execute `commands.execute()`}.\n\t */\n\tpublic execute<TName extends string>(\n\t\tcommandName: TName,\n\t\t...commandParams: Parameters<CommandsMap[ TName ][ 'execute' ]>\n\t): ReturnType<CommandsMap[ TName ][ 'execute' ]> {\n\t\ttry {\n\t\t\treturn this.commands.execute( commandName, ...commandParams );\n\t\t} catch ( err: any ) {\n\t\t\t// @if CK_DEBUG // throw err;\n\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\tCKEditorError.rethrowUnexpectedError( err, this );\n\t\t}\n\t}\n\n\t/**\n\t * Focuses the editor.\n\t *\n\t * **Note** To explicitly focus the editing area of the editor, use the\n\t * {@link module:engine/view/view~EditingView#focus `editor.editing.view.focus()`} method of the editing view.\n\t *\n\t * Check out the {@glink framework/deep-dive/ui/focus-tracking#focus-in-the-editor-ui Focus in the editor UI} section\n\t * of the {@glink framework/deep-dive/ui/focus-tracking Deep dive into focus tracking} guide to learn more.\n\t */\n\tpublic focus(): void {\n\t\tthis.editing.view.focus();\n\t}\n\n\t/* istanbul ignore next -- @preserve */\n\t/**\n\t * Creates and initializes a new editor instance.\n\t *\n\t * This is an abstract method. Every editor type needs to implement its own initialization logic.\n\t *\n\t * See the `create()` methods of the existing editor types to learn how to use them:\n\t *\n\t * * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`}\n\t * * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`}\n\t * * {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`}\n\t * * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`}\n\t */\n\tpublic static create( ...args: Array<unknown> ): void { // eslint-disable-line @typescript-eslint/no-unused-vars\n\t\tthrow new Error( 'This is an abstract method.' );\n\t}\n\n\t/**\n\t * The {@link module:core/context~Context} class.\n\t *\n\t * Exposed as static editor field for easier access in editor builds.\n\t */\n\tpublic static Context = Context;\n\n\t/**\n\t * The {@link module:watchdog/editorwatchdog~EditorWatchdog} class.\n\t *\n\t * Exposed as static editor field for easier access in editor builds.\n\t */\n\tpublic static EditorWatchdog = EditorWatchdog;\n\n\t/**\n\t * The {@link module:watchdog/contextwatchdog~ContextWatchdog} class.\n\t *\n\t * Exposed as static editor field for easier access in editor builds.\n\t */\n\tpublic static ContextWatchdog = ContextWatchdog;\n\n\tprotected _showLicenseError( reason: LicenseErrorReason, name?: string ): void {\n\t\tsetTimeout( () => {\n\t\t\tif ( reason == 'invalid' ) {\n\t\t\t\t/**\n\t\t\t\t * The license key provided is invalid. Please ensure that it is copied correctly\n\t\t\t\t * from the [Customer Portal](http://portal.ckeditor.com). If the issue persists,\n\t\t\t\t * please [contact our customer support](https://ckeditor.com/contact/).\n\t\t\t\t *\n\t\t\t\t * @error invalid-license-key\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'invalid-license-key' );\n\t\t\t}\n\n\t\t\tif ( reason == 'expired' ) {\n\t\t\t\t/**\n\t\t\t\t * Your license key has expired.\n\t\t\t\t *\n\t\t\t\t * If you used our free trial, you either need to switch to\n\t\t\t\t * [open-source license](https://ckeditor.com/docs/ckeditor5/latest/getting-started/licensing/license-and-legal.html), or\n\t\t\t\t * in case of a commercial plan, change the trial key to production key or development key.\n\t\t\t\t * Switching from trial, you also need to align the editor configuration to the features available in your plan.\n\t\t\t\t *\n\t\t\t\t * If you already had one of our Cloud or Custom plans, please renew your license in the\n\t\t\t\t * [Customer Portal](https://portal.ckeditor.com).\n\t\t\t\t *\n\t\t\t\t * @error license-key-expired\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-expired' );\n\t\t\t}\n\n\t\t\tif ( reason == 'domainLimit' ) {\n\t\t\t\t/**\n\t\t\t\t * The provided license does not allow the editor to run on this domain.\n\t\t\t\t * Some license keys are restricted to local test environments only.\n\t\t\t\t * For more details, please refer to the\n\t\t\t\t * {@glink getting-started/licensing/license-key-and-activation#license-key-types license key type documentation}.\n\t\t\t\t *\n\t\t\t\t * @error license-key-domain-limit\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-domain-limit' );\n\t\t\t}\n\n\t\t\tif ( reason == 'pluginNotAllowed' ) {\n\t\t\t\t// It's safe to assume `name` exists because `pluginNotAllowed` must know a plugin name when checking the license.\n\t\t\t\tconst gluePluginName = name!.replace( /(Editing|UI)$/, '' );\n\t\t\t\tconst containsGluePlugin = this.plugins.has( gluePluginName );\n\n\t\t\t\t/**\n\t\t\t\t * The plugin you are trying to use is not permitted under your current license.\n\t\t\t\t * Please check the available features on the\n\t\t\t\t * [Customer Portal](https://portal.ckeditor.com) or\n\t\t\t\t * [contact support](https://ckeditor.com/contact/) for more information.\n\t\t\t\t *\n\t\t\t\t * @error license-key-plugin-not-allowed\n\t\t\t\t * @param {String} pluginName The plugin you tried to load.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-plugin-not-allowed', null, {\n\t\t\t\t\tpluginName: containsGluePlugin ? gluePluginName : name\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( reason == 'featureNotAllowed' ) {\n\t\t\t\t/**\n\t\t\t\t * The feature you are trying to use is not permitted under your current license.\n\t\t\t\t * Please check the available features on the\n\t\t\t\t * [Customer Portal](https://portal.ckeditor.com) or\n\t\t\t\t * [contact support](https://ckeditor.com/contact/) for more information.\n\t\t\t\t *\n\t\t\t\t * @error license-key-feature-not-allowed\n\t\t\t\t * @param {String} featureName The feature you tried to use.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-feature-not-allowed', null, { featureName: name } );\n\t\t\t}\n\n\t\t\tif ( reason == 'evaluationLimit' ) {\n\t\t\t\t/**\n\t\t\t\t * You have exceeded the editor operation limit available for your evaluation license key.\n\t\t\t\t * Please restart the editor to continue using it.\n\t\t\t\t * {@glink getting-started/licensing/license-key-and-activation#license-key-types Read more about license key types}.\n\t\t\t\t *\n\t\t\t\t * @error license-key-evaluation-limit\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-evaluation-limit' );\n\t\t\t}\n\n\t\t\tif ( reason == 'trialLimit' ) {\n\t\t\t\t/**\n\t\t\t\t * You have exceeded the editor operation limit for your trial license key.\n\t\t\t\t * Please restart the editor to continue using it.\n\t\t\t\t * {@glink getting-started/licensing/license-key-and-activation#license-key-types Read more about license key types}.\n\t\t\t\t *\n\t\t\t\t * @error license-key-trial-limit\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-trial-limit' );\n\t\t\t}\n\n\t\t\tif ( reason == 'developmentLimit' ) {\n\t\t\t\t/**\n\t\t\t\t * You have exceeded the operation limit for your development license key within the editor.\n\t\t\t\t * Please restart the editor to continue using it.\n\t\t\t\t * {@glink getting-started/licensing/license-key-and-activation#license-key-types Read more about license key types}.\n\t\t\t\t *\n\t\t\t\t * @error license-key-development-limit\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-development-limit' );\n\t\t\t}\n\n\t\t\tif ( reason == 'usageLimit' ) {\n\t\t\t\t/**\n\t\t\t\t * You have reached the usage limit of your license key. This can occur in the following situations:\n\t\t\t\t *\n\t\t\t\t * * You are on a free subscription without a connected payment method and have exceeded the allowed usage threshold.\n\t\t\t\t * * Your account has overdue invoices and the grace period has ended.\n\t\t\t\t *\n\t\t\t\t * To extend the limit and restore access, please update the required details in the\n\t\t\t\t * [Customer Portal](https://portal.ckeditor.com) or\n\t\t\t\t * [contact our customer support](https://ckeditor.com/contact).\n\t\t\t\t *\n\t\t\t\t * @error license-key-usage-limit\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-usage-limit' );\n\t\t\t}\n\n\t\t\tif ( reason == 'distributionChannel' ) {\n\t\t\t\t/**\n\t\t\t\t * Your license does not allow the current distribution channel.\n\t\t\t\t *\n\t\t\t\t * These are the available distribution channels:\n\t\t\t\t * * Self-hosted - the editor is installed via npm or from a ZIP package\n\t\t\t\t * * Cloud - the editor is run from CDN\n\t\t\t\t *\n\t\t\t\t * The licenses available include:\n\t\t\t\t * * GPL license for open-source users.\n\t\t\t\t * * Commercial plans (Cloud or sales-assisted).\n\t\t\t\t *\n\t\t\t\t * The relation between distribution channels and licenses works as follows:\n\t\t\t\t * * With the 'GPL' license key, you may use the editor installed via npm or a ZIP package (self-hosted).\n\t\t\t\t * * With the CKEditor Cloud plans, you may use the editor via our CDN.\n\t\t\t\t * * With the CKEditor Custom plans, depending on your plan details, you can use the editor via npm\n\t\t\t\t *   or a ZIP package (self-hosted) or Cloud (CDN).\n\t\t\t\t *\n\t\t\t\t * {@glink getting-started/licensing/usage-based-billing#key-terms Read more about distributions in the documentation}.\n\t\t\t\t * Please verify your installation or [contact support](https://ckeditor.com/contact/) for assistance.\n\t\t\t\t * Should you need to migrate your installation from npm to CDN, please refer to our\n\t\t\t\t * [dedicated migration guides](https://ckeditor.com/docs/ckeditor5/latest/updating/migrations/vanilla-js.html).\n\t\t\t\t *\n\t\t\t\t * @error license-key-invalid-distribution-channel\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'license-key-invalid-distribution-channel' );\n\t\t\t}\n\n\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t\t\tconst unreachable: never = reason;\n\t\t}, 0 );\n\n\t\tthis._showLicenseError = () => {};\n\t}\n\n\t/**\n\t * This part of the code is _not_ executed in installations under the GPL license (with `config.licenseKey = 'GPL'`).\n     *\n\t * It is only executed when a specific license key is provided. If you are uncertain whether\n\t * this applies to your installation, please contact our support team.\n\t */\n\tprivate async _sendUsageRequest( endpoint: string, request: unknown ) {\n\t\tconst headers = new Headers( { 'Content-Type': 'application/json' } );\n\t\tconst response = await fetch( new URL( endpoint ), {\n\t\t\tmethod: 'POST',\n\t\t\theaders,\n\t\t\tbody: JSON.stringify( request )\n\t\t} );\n\n\t\tif ( !response.ok ) {\n\t\t\t// TODO: refine message.\n\t\t\tthrow new Error( `HTTP Response: ${ response.status }` );\n\t\t}\n\n\t\treturn response.json();\n\t}\n}\n\nfunction collectUsageData( editor: Editor ): EditorUsageData {\n\tconst collectedData = getEditorUsageData( editor );\n\n\tfunction setUsageData( path: string, value: unknown ) {\n\t\tif ( get( collectedData, path ) !== undefined ) {\n\t\t\t/**\n\t\t\t * The error thrown when trying to set the usage data path that was already set.\n\t\t\t * Make sure that you are not setting the same path multiple times.\n\t\t\t *\n\t\t\t * @error editor-usage-data-path-already-set\n\t\t\t * @param {string} path The path that was already set.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'editor-usage-data-path-already-set', { path } );\n\t\t}\n\n\t\tset( collectedData, path, value );\n\t}\n\n\teditor.fire<EditorCollectUsageDataEvent>( 'collectUsageData', {\n\t\tsetUsageData\n\t} );\n\n\treturn collectedData;\n}\n\n/**\n * @internal\n */\nexport type LicenseErrorReason =\n\t'invalid' |\n\t'expired' |\n\t'domainLimit' |\n\t'pluginNotAllowed' |\n\t'featureNotAllowed' |\n\t'evaluationLimit' |\n\t'trialLimit' |\n\t'developmentLimit' |\n\t'usageLimit' |\n\t'distributionChannel';\n\n/**\n * Fired when the {@link module:engine/controller/datacontroller~DataController#event:ready data} and all additional\n * editor components are ready.\n *\n * Note: This event is most useful for plugin developers. When integrating the editor with your website or\n * application, you do not have to listen to `editor#ready` because when the promise returned by the static\n * {@link module:core/editor/editor~Editor.create `Editor.create()`} event is resolved, the editor is already ready.\n * In fact, since the first moment when the editor instance is available to you is inside `then()`'s callback,\n * you cannot even add a listener to the `editor#ready` event.\n *\n * See also the {@link module:core/editor/editor~Editor#state `editor.state`} property.\n *\n * @eventName ~Editor#ready\n */\nexport type EditorReadyEvent = {\n\tname: 'ready';\n\targs: [];\n};\n\n/**\n * Fired when the editor is about to collect usage data.\n *\n * This event is fired when the editor is about to collect usage data. It allows plugins to provide additional data for\n * the usage statistics. The usage data is collected by the editor and sent to the usage tracking server. All plugins are\n * expected to be ready at this point.\n *\n * @eventName ~Editor#collectUsageData\n */\nexport type EditorCollectUsageDataEvent = {\n\tname: 'collectUsageData';\n\targs: [\n\t\t{\n\t\t\tsetUsageData( path: string, value: unknown ): void;\n\t\t}\n\t];\n};\n\n/**\n * Fired when this editor instance is destroyed. The editor at this point is not usable and this event should be used to\n * perform the clean-up in any plugin.\n *\n * See also the {@link module:core/editor/editor~Editor#state `editor.state`} property.\n *\n * @eventName ~Editor#destroy\n */\nexport type EditorDestroyEvent = {\n\tname: 'destroy';\n\targs: [];\n};\n\n/**\n * This error is thrown when trying to pass a `<textarea>` element to a `create()` function of an editor class.\n *\n * The only editor type which can be initialized on `<textarea>` elements is\n * the {@glink getting-started/setup/editor-types#classic-editor classic editor}.\n * This editor hides the passed element and inserts its own UI next to it. Other types of editors reuse the passed element as their root\n * editable element and therefore `<textarea>` is not appropriate for them. Use a `<div>` or another text container instead:\n *\n * ```html\n * <div id=\"editor\">\n * \t<p>Initial content.</p>\n * </div>\n * ```\n *\n * @error editor-wrong-element\n */\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/editor/utils/attachtoform\n */\n\nimport { isFunction } from 'es-toolkit/compat';\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\nimport type { Editor, EditorDestroyEvent } from '../editor.js';\nimport type { ElementApi } from './elementapimixin.js';\n\n/**\n * Checks if the editor is initialized on a `<textarea>` element that belongs to a form. If yes, it updates the editor's element\n * content before submitting the form.\n *\n * This helper requires the {@link module:core/editor/utils/elementapimixin~ElementApi ElementApi interface}.\n *\n * @param editor Editor instance.\n */\nexport function attachToForm( editor: Editor & ElementApi ): void {\n\tif ( !isFunction( editor.updateSourceElement ) ) {\n\t\t/**\n\t\t * The editor passed to `attachToForm()` must implement the\n\t\t * {@link module:core/editor/utils/elementapimixin~ElementApi} interface.\n\t\t *\n\t\t * @error attachtoform-missing-elementapi-interface\n\t\t */\n\t\tthrow new CKEditorError(\n\t\t\t'attachtoform-missing-elementapi-interface',\n\t\t\teditor\n\t\t);\n\t}\n\n\tconst sourceElement = editor.sourceElement;\n\n\t// Only when replacing a textarea which is inside of a form element.\n\tif ( isTextArea( sourceElement ) && sourceElement.form ) {\n\t\tlet originalSubmit: () => void;\n\t\tconst form = sourceElement.form;\n\t\tconst onSubmit = () => editor.updateSourceElement();\n\n\t\t// Replace the original form#submit() to call a custom submit function first.\n\t\t// Check if #submit is a function because the form might have an input named \"submit\".\n\t\tif ( isFunction( form.submit ) ) {\n\t\t\toriginalSubmit = form.submit;\n\n\t\t\tform.submit = () => {\n\t\t\t\tonSubmit();\n\t\t\t\toriginalSubmit.apply( form );\n\t\t\t};\n\t\t}\n\n\t\t// Update the replaced textarea with data before each form#submit event.\n\t\tform.addEventListener( 'submit', onSubmit );\n\n\t\t// Remove the submit listener and revert the original submit method on\n\t\t// editor#destroy.\n\t\teditor.on<EditorDestroyEvent>( 'destroy', () => {\n\t\t\tform.removeEventListener( 'submit', onSubmit );\n\n\t\t\tif ( originalSubmit ) {\n\t\t\t\tform.submit = originalSubmit;\n\t\t\t}\n\t\t} );\n\t}\n}\n\nfunction isTextArea( sourceElement: HTMLElement | undefined ): sourceElement is HTMLTextAreaElement {\n\treturn !!sourceElement && sourceElement.tagName.toLowerCase() === 'textarea';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/editor/utils/elementapimixin\n */\n\nimport {\n\tCKEditorError,\n\tsetDataInElement,\n\ttype Constructor,\n\ttype Mixed\n} from '@ckeditor/ckeditor5-utils';\n\nimport { type Editor } from '../editor.js';\n\n/**\n * Implementation of the {@link module:core/editor/utils/elementapimixin~ElementApi}.\n */\nexport function ElementApiMixin<Base extends Constructor<Editor>>( base: Base ): Mixed<Base, ElementApi> {\n\tabstract class Mixin extends base implements ElementApi {\n\t\tpublic sourceElement: HTMLElement | undefined;\n\n\t\tpublic updateSourceElement( data?: string ): void {\n\t\t\tif ( !this.sourceElement ) {\n\t\t\t\t/**\n\t\t\t\t * Cannot update the source element of a detached editor.\n\t\t\t\t *\n\t\t\t\t * The {@link module:core/editor/utils/elementapimixin~ElementApi#updateSourceElement `updateSourceElement()`}\n\t\t\t\t * method cannot be called if you did not pass an element to `Editor.create()`.\n\t\t\t\t *\n\t\t\t\t * @error editor-missing-sourceelement\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'editor-missing-sourceelement',\n\t\t\t\t\tthis\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst shouldUpdateSourceElement = this.config.get( 'updateSourceElementOnDestroy' );\n\t\t\tconst isSourceElementTextArea = this.sourceElement instanceof HTMLTextAreaElement;\n\n\t\t\t// The data returned by the editor might be unsafe, so we want to prevent rendering\n\t\t\t// unsafe content inside the source element different than <textarea>, which is considered\n\t\t\t// secure. This behavior could be changed by setting the `updateSourceElementOnDestroy`\n\t\t\t// configuration option to `true`.\n\t\t\tif ( !shouldUpdateSourceElement && !isSourceElementTextArea ) {\n\t\t\t\tsetDataInElement( this.sourceElement, '' );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst dataToSet = typeof data === 'string' ? data : this.data.get();\n\n\t\t\tsetDataInElement( this.sourceElement, dataToSet );\n\t\t}\n\t}\n\n\treturn Mixin as any;\n}\n\n/**\n * Interface describing an editor that replaced a DOM element (was \"initialized on an element\").\n *\n * Such an editor should provide a method to\n * {@link module:core/editor/utils/elementapimixin~ElementApi#updateSourceElement update the replaced element with the current data}.\n */\nexport interface ElementApi {\n\n\t/**\n\t * The element on which the editor has been initialized.\n\t *\n\t * @readonly\n\t */\n\tsourceElement: HTMLElement | undefined;\n\n\t/**\n\t * Updates the {@link #sourceElement editor source element}'s content with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t *\n\t * @param data Data that the {@link #sourceElement editor source element} should be updated with.\n\t */\n\tupdateSourceElement( data?: string ): void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/editor/utils/securesourceelement\n */\n\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils';\n\nimport type { Editor, EditorDestroyEvent } from '../editor.js';\n\n/**\n * Marks the source element on which the editor was initialized. This prevents other editor instances from using this element.\n *\n * Running multiple editor instances on the same source element causes various issues and it is\n * crucial this helper is called as soon as the source element is known to prevent collisions.\n *\n * @param editor Editor instance.\n * @param sourceElement Element to bind with the editor instance.\n */\nexport function secureSourceElement( editor: Editor, sourceElement: HTMLElement & { ckeditorInstance?: Editor } ): void {\n\tif ( sourceElement.ckeditorInstance ) {\n\t\t/**\n\t\t * A DOM element used to create the editor (e.g.\n\t\t * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`})\n\t\t * has already been used to create another editor instance. Make sure each editor is\n\t\t * created with a unique DOM element.\n\t\t *\n\t\t * @error editor-source-element-already-used\n\t\t * @param {HTMLElement} element DOM element that caused the collision.\n\t\t */\n\t\tthrow new CKEditorError(\n\t\t\t'editor-source-element-already-used',\n\t\t\teditor\n\t\t);\n\t}\n\n\tsourceElement.ckeditorInstance = editor;\n\n\teditor.once<EditorDestroyEvent>( 'destroy', () => {\n\t\tdelete sourceElement.ckeditorInstance;\n\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 core/pendingactions\n */\n\nimport { ContextPlugin } from './contextplugin.js';\n\nimport {\n\tCKEditorError,\n\tCollection,\n\tObservableMixin,\n\ttype CollectionAddEvent,\n\ttype CollectionRemoveEvent,\n\ttype Observable\n} from '@ckeditor/ckeditor5-utils';\n\n/**\n * The list of pending editor actions.\n *\n * This plugin should be used to synchronise plugins that execute long-lasting actions\n * (e.g. file upload) with the editor integration. It gives the developer who integrates the editor\n * an easy way to check if there are any actions pending whenever such information is needed.\n * All plugins that register a pending action also provide a message about the action that is ongoing\n * which can be displayed to the user. This lets them decide if they want to interrupt the action or wait.\n *\n * Adding and updating a pending action:\n *\n * ```ts\n * const pendingActions = editor.plugins.get( 'PendingActions' );\n * const action = pendingActions.add( 'Upload in progress: 0%.' );\n *\n * // You can update the message:\n * action.message = 'Upload in progress: 10%.';\n * ```\n *\n * Removing a pending action:\n *\n * ```ts\n * const pendingActions = editor.plugins.get( 'PendingActions' );\n * const action = pendingActions.add( 'Unsaved changes.' );\n *\n * pendingActions.remove( action );\n * ```\n *\n * Getting pending actions:\n *\n * ```ts\n * const pendingActions = editor.plugins.get( 'PendingActions' );\n *\n * const action1 = pendingActions.add( 'Action 1' );\n * const action2 = pendingActions.add( 'Action 2' );\n *\n * pendingActions.first; // Returns action1\n * Array.from( pendingActions ); // Returns [ action1, action2 ]\n * ```\n *\n * This plugin is used by features like {@link module:upload/filerepository~FileRepository} to register their ongoing actions\n * and by features like {@link module:autosave/autosave~Autosave} to detect whether there are any ongoing actions.\n * Read more about saving the data in the\n * {@glink getting-started/setup/getting-and-setting-data Saving and getting data} guide.\n */\nexport class PendingActions extends ContextPlugin implements Iterable<PendingAction> {\n\t/**\n\t * Defines whether there is any registered pending action.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public hasAny: boolean;\n\n\t/**\n\t * A list of pending actions.\n\t */\n\tprivate _actions!: Collection<PendingAction>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'PendingActions' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis.set( 'hasAny', false );\n\n\t\tthis._actions = new Collection( { idProperty: '_id' } );\n\t\tthis._actions.delegate( 'add', 'remove' ).to( this );\n\t}\n\n\t/**\n\t * Adds an action to the list of pending actions.\n\t *\n\t * This method returns an action object with an observable message property.\n\t * The action object can be later used in the {@link #remove} method. It also allows you to change the message.\n\t *\n\t * @param message The action message.\n\t * @returns An observable object that represents a pending action.\n\t */\n\tpublic add( message: string ): PendingAction {\n\t\tif ( typeof message !== 'string' ) {\n\t\t\t/**\n\t\t\t * The message must be a string.\n\t\t\t *\n\t\t\t * @error pendingactions-add-invalid-message\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'pendingactions-add-invalid-message', this );\n\t\t}\n\n\t\tconst action = new ( ObservableMixin() )() as PendingAction;\n\n\t\taction.set( 'message', message );\n\t\tthis._actions.add( action );\n\t\tthis.hasAny = true;\n\n\t\treturn action;\n\t}\n\n\t/**\n\t * Removes an action from the list of pending actions.\n\t *\n\t * @param action An action object.\n\t */\n\tpublic remove( action: PendingAction ): void {\n\t\tthis._actions.remove( action );\n\t\tthis.hasAny = !!this._actions.length;\n\t}\n\n\t/**\n\t * Returns the first action from the list or null if the list is empty\n\t *\n\t * @returns The pending action object.\n\t */\n\tpublic get first(): PendingAction | null {\n\t\treturn this._actions.get( 0 );\n\t}\n\n\t/**\n\t * Iterable interface.\n\t */\n\tpublic [ Symbol.iterator ](): Iterator<PendingAction> {\n\t\treturn this._actions[ Symbol.iterator ]();\n\t}\n}\n\nexport interface PendingAction extends Observable {\n\tmessage: string;\n}\n\n/**\n * Fired when an action is added to the list.\n *\n * @eventName ~PendingActions#add\n * @param action The added action.\n */\nexport type PendingActionsAddEvent = CollectionAddEvent<PendingAction>;\n\n/**\n * Fired when an action is removed from the list.\n *\n * @eventName ~PendingActions#remove\n * @param action The removed action.\n */\nexport type PendingActionsRemoveEvent = CollectionRemoveEvent<PendingAction>;\n", "import { Plugin, PendingActions } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ObservableMixin, Collection, logWarning, uid, CKEditorError } from '@ckeditor/ckeditor5-utils/dist/index.js';\n\n/**\n * Wrapper over the native `FileReader`.\n */ class FileReader extends /* #__PURE__ */ ObservableMixin() {\n    total;\n    /**\n\t * Instance of native FileReader.\n\t */ _reader;\n    /**\n\t * Holds the data of an already loaded file. The file must be first loaded\n\t * by using {@link module:upload/filereader~FileReader#read `read()`}.\n\t */ _data;\n    /**\n\t * Creates an instance of the FileReader.\n\t */ constructor(){\n        super();\n        const reader = new window.FileReader();\n        this._reader = reader;\n        this._data = undefined;\n        this.set('loaded', 0);\n        reader.onprogress = (evt)=>{\n            this.loaded = evt.loaded;\n        };\n    }\n    /**\n\t * Returns error that occurred during file reading.\n\t */ get error() {\n        return this._reader.error;\n    }\n    /**\n\t * Holds the data of an already loaded file. The file must be first loaded\n\t * by using {@link module:upload/filereader~FileReader#read `read()`}.\n\t */ get data() {\n        return this._data;\n    }\n    /**\n\t * Reads the provided file.\n\t *\n\t * @param file Native File object.\n\t * @returns Returns a promise that will be resolved with file's content.\n\t * The promise will be rejected in case of an error or when the reading process is aborted.\n\t */ read(file) {\n        const reader = this._reader;\n        this.total = file.size;\n        return new Promise((resolve, reject)=>{\n            reader.onload = ()=>{\n                const result = reader.result;\n                this._data = result;\n                resolve(result);\n            };\n            reader.onerror = ()=>{\n                reject('error');\n            };\n            reader.onabort = ()=>{\n                reject('aborted');\n            };\n            this._reader.readAsDataURL(file);\n        });\n    }\n    /**\n\t * Aborts file reader.\n\t */ abort() {\n        this._reader.abort();\n    }\n}\n\n/**\n * File repository plugin. A central point for managing file upload.\n *\n * To use it, first you need an upload adapter. Upload adapter's job is to handle communication with the server\n * (sending the file and handling server's response). You can use one of the existing plugins introducing upload adapters\n * (e.g. {@link module:easy-image/cloudservicesuploadadapter~CloudServicesUploadAdapter} or\n * {@link module:adapter-ckfinder/uploadadapter~CKFinderUploadAdapter}) or write your own one – see\n * the {@glink framework/deep-dive/upload-adapter Custom image upload adapter deep-dive} guide.\n *\n * Then, you can use {@link module:upload/filerepository~FileRepository#createLoader `createLoader()`} and the returned\n * {@link module:upload/filerepository~FileLoader} instance to load and upload files.\n */ class FileRepository extends Plugin {\n    /**\n\t * Collection of loaders associated with this repository.\n\t */ loaders = new Collection();\n    /**\n\t * Loaders mappings used to retrieve loaders references.\n\t */ _loadersMap = new Map();\n    /**\n\t * Reference to a pending action registered in a {@link module:core/pendingactions~PendingActions} plugin\n\t * while upload is in progress. When there is no upload then value is `null`.\n\t */ _pendingAction = null;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FileRepository';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            PendingActions\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        // Keeps upload in a sync with pending actions.\n        this.loaders.on('change', ()=>this._updatePendingAction());\n        this.set('uploaded', 0);\n        this.set('uploadTotal', null);\n        this.bind('uploadedPercent').to(this, 'uploaded', this, 'uploadTotal', (uploaded, total)=>{\n            return total ? uploaded / total * 100 : 0;\n        });\n    }\n    /**\n\t * Returns the loader associated with specified file or promise.\n\t *\n\t * To get loader by id use `fileRepository.loaders.get( id )`.\n\t *\n\t * @param fileOrPromise Native file or promise handle.\n\t */ getLoader(fileOrPromise) {\n        return this._loadersMap.get(fileOrPromise) || null;\n    }\n    /**\n\t * Creates a loader instance for the given file.\n\t *\n\t * Requires {@link #createUploadAdapter} factory to be defined.\n\t *\n\t * @param fileOrPromise Native File object or native Promise object which resolves to a File.\n\t */ createLoader(fileOrPromise) {\n        if (!this.createUploadAdapter) {\n            /**\n\t\t\t * You need to enable an upload adapter in order to be able to upload files.\n\t\t\t *\n\t\t\t * This warning shows up when {@link module:upload/filerepository~FileRepository} is being used\n\t\t\t * without {@link module:upload/filerepository~FileRepository#createUploadAdapter defining an upload adapter}.\n\t\t\t *\n\t\t\t * **If you see this warning when using one of the now deprecated\n\t\t\t * {@glink getting-started/legacy/installation-methods/predefined-builds CKEditor 5 Builds}**\n\t\t\t * it means that you did not configure any of the upload adapters available by default in those builds.\n\t\t\t *\n\t\t\t * Predefined builds are a deprecated solution and we strongly advise\n\t\t\t * {@glink updating/nim-migration/migration-to-new-installation-methods migrating to new installation methods}.\n\t\t\t *\n\t\t\t * See the {@glink features/images/image-upload/image-upload comprehensive \"Image upload overview\"} to learn which upload\n\t\t\t * adapters are available in the builds and how to configure them.\n\t\t\t *\n\t\t\t * Otherwise, if you see this warning, there is a chance that you enabled\n\t\t\t * a feature like {@link module:image/imageupload~ImageUpload},\n\t\t\t * or {@link module:image/imageupload/imageuploadui~ImageUploadUI} but you did not enable any upload adapter.\n\t\t\t * You can choose one of the existing upload adapters listed in the\n\t\t\t * {@glink features/images/image-upload/image-upload \"Image upload overview\"}.\n\t\t\t *\n\t\t\t * You can also implement your {@glink framework/deep-dive/upload-adapter own image upload adapter}.\n\t\t\t *\n\t\t\t * @error filerepository-no-upload-adapter\n\t\t\t */ logWarning('filerepository-no-upload-adapter');\n            return null;\n        }\n        const loader = new FileLoader(Promise.resolve(fileOrPromise), this.createUploadAdapter);\n        this.loaders.add(loader);\n        this._loadersMap.set(fileOrPromise, loader);\n        // Store also file => loader mapping so loader can be retrieved by file instance returned upon Promise resolution.\n        if (fileOrPromise instanceof Promise) {\n            loader.file.then((file)=>{\n                this._loadersMap.set(file, loader);\n            })// Every then() must have a catch().\n            // File loader state (and rejections) are handled in read() and upload().\n            // Also, see the \"does not swallow the file promise rejection\" test.\n            .catch(()=>{});\n        }\n        loader.on('change:uploaded', ()=>{\n            let aggregatedUploaded = 0;\n            for (const loader of this.loaders){\n                aggregatedUploaded += loader.uploaded;\n            }\n            this.uploaded = aggregatedUploaded;\n        });\n        loader.on('change:uploadTotal', ()=>{\n            let aggregatedTotal = 0;\n            for (const loader of this.loaders){\n                if (loader.uploadTotal) {\n                    aggregatedTotal += loader.uploadTotal;\n                }\n            }\n            this.uploadTotal = aggregatedTotal;\n        });\n        return loader;\n    }\n    /**\n\t * Destroys the given loader.\n\t *\n\t * @param fileOrPromiseOrLoader File or Promise associated with that loader or loader itself.\n\t */ destroyLoader(fileOrPromiseOrLoader) {\n        const loader = fileOrPromiseOrLoader instanceof FileLoader ? fileOrPromiseOrLoader : this.getLoader(fileOrPromiseOrLoader);\n        loader._destroy();\n        this.loaders.remove(loader);\n        this._loadersMap.forEach((value, key)=>{\n            if (value === loader) {\n                this._loadersMap.delete(key);\n            }\n        });\n    }\n    /**\n\t * Registers or deregisters pending action bound with upload progress.\n\t */ _updatePendingAction() {\n        const pendingActions = this.editor.plugins.get(PendingActions);\n        if (this.loaders.length) {\n            if (!this._pendingAction) {\n                const t = this.editor.t;\n                const getMessage = (value)=>`${t('Upload in progress')} ${parseInt(value)}%.`;\n                this._pendingAction = pendingActions.add(getMessage(this.uploadedPercent));\n                this._pendingAction.bind('message').to(this, 'uploadedPercent', getMessage);\n            }\n        } else {\n            pendingActions.remove(this._pendingAction);\n            this._pendingAction = null;\n        }\n    }\n}\n/**\n * File loader class.\n *\n * It is used to control the process of reading the file and uploading it using the specified upload adapter.\n */ class FileLoader extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * Unique id of FileLoader instance.\n\t *\n\t * @readonly\n\t */ id;\n    /**\n\t * Additional wrapper over the initial file promise passed to this loader.\n\t */ _filePromiseWrapper;\n    /**\n\t * Adapter instance associated with this file loader.\n\t */ _adapter;\n    /**\n\t * FileReader used by FileLoader.\n\t */ _reader;\n    /**\n\t * Creates a new instance of `FileLoader`.\n\t *\n\t * @param filePromise A promise which resolves to a file instance.\n\t * @param uploadAdapterCreator The function which returns {@link module:upload/filerepository~UploadAdapter} instance.\n\t */ constructor(filePromise, uploadAdapterCreator){\n        super();\n        this.id = uid();\n        this._filePromiseWrapper = this._createFilePromiseWrapper(filePromise);\n        this._adapter = uploadAdapterCreator(this);\n        this._reader = new FileReader();\n        this.set('status', 'idle');\n        this.set('uploaded', 0);\n        this.set('uploadTotal', null);\n        this.bind('uploadedPercent').to(this, 'uploaded', this, 'uploadTotal', (uploaded, total)=>{\n            return total ? uploaded / total * 100 : 0;\n        });\n        this.set('uploadResponse', null);\n    }\n    /**\n\t * A `Promise` which resolves to a `File` instance associated with this file loader.\n\t */ get file() {\n        if (!this._filePromiseWrapper) {\n            // Loader was destroyed, return promise which resolves to null.\n            return Promise.resolve(null);\n        } else {\n            // The `this._filePromiseWrapper.promise` is chained and not simply returned to handle a case when:\n            //\n            //\t\t* The `loader.file.then( ... )` is called by external code (returned promise is pending).\n            //\t\t* Then `loader._destroy()` is called (call is synchronous) which destroys the `loader`.\n            //\t\t* Promise returned by the first `loader.file.then( ... )` call is resolved.\n            //\n            // Returning `this._filePromiseWrapper.promise` will still resolve to a `File` instance so there\n            // is an additional check needed in the chain to see if `loader` was destroyed in the meantime.\n            return this._filePromiseWrapper.promise.then((file)=>this._filePromiseWrapper ? file : null);\n        }\n    }\n    /**\n\t * Returns the file data. To read its data, you need for first load the file\n\t * by using the {@link module:upload/filerepository~FileLoader#read `read()`} method.\n\t */ get data() {\n        return this._reader.data;\n    }\n    /**\n\t * Reads file using {@link module:upload/filereader~FileReader}.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `filerepository-read-wrong-status` when status\n\t * is different than `idle`.\n\t *\n\t * Example usage:\n\t *\n\t * ```ts\n\t * fileLoader.read()\n\t * \t.then( data => { ... } )\n\t * \t.catch( err => {\n\t * \t\tif ( err === 'aborted' ) {\n\t * \t\t\tconsole.log( 'Reading aborted.' );\n\t * \t\t} else {\n\t * \t\t\tconsole.log( 'Reading error.', err );\n\t * \t\t}\n\t * \t} );\n\t * ```\n\t *\n\t * @returns Returns promise that will be resolved with read data. Promise will be rejected if error\n\t * occurs or if read process is aborted.\n\t */ read() {\n        if (this.status != 'idle') {\n            /**\n\t\t\t * You cannot call read if the status is different than idle.\n\t\t\t *\n\t\t\t * @error filerepository-read-wrong-status\n\t\t\t */ throw new CKEditorError('filerepository-read-wrong-status', this);\n        }\n        this.status = 'reading';\n        return this.file.then((file)=>this._reader.read(file)).then((data)=>{\n            // Edge case: reader was aborted after file was read - double check for proper status.\n            // It can happen when image was deleted during its upload.\n            if (this.status !== 'reading') {\n                throw this.status;\n            }\n            this.status = 'idle';\n            return data;\n        }).catch((err)=>{\n            if (err === 'aborted') {\n                this.status = 'aborted';\n                throw 'aborted';\n            }\n            this.status = 'error';\n            throw this._reader.error ? this._reader.error : err;\n        });\n    }\n    /**\n\t * Reads file using the provided {@link module:upload/filerepository~UploadAdapter}.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `filerepository-upload-wrong-status` when status\n\t * is different than `idle`.\n\t * Example usage:\n\t *\n\t * ```ts\n\t * fileLoader.upload()\n\t * \t.then( data => { ... } )\n\t * \t.catch( e => {\n\t * \t\tif ( e === 'aborted' ) {\n\t * \t\t\tconsole.log( 'Uploading aborted.' );\n\t * \t\t} else {\n\t * \t\t\tconsole.log( 'Uploading error.', e );\n\t * \t\t}\n\t * \t} );\n\t * ```\n\t *\n\t * @returns Returns promise that will be resolved with response data. Promise will be rejected if error\n\t * occurs or if read process is aborted.\n\t */ upload() {\n        if (this.status != 'idle') {\n            /**\n\t\t\t * You cannot call upload if the status is different than idle.\n\t\t\t *\n\t\t\t * @error filerepository-upload-wrong-status\n\t\t\t */ throw new CKEditorError('filerepository-upload-wrong-status', this);\n        }\n        this.status = 'uploading';\n        return this.file.then(()=>this._adapter.upload()).then((data)=>{\n            this.uploadResponse = data;\n            this.status = 'idle';\n            return data;\n        }).catch((err)=>{\n            if (this.status === 'aborted') {\n                throw 'aborted';\n            }\n            this.status = 'error';\n            throw err;\n        });\n    }\n    /**\n\t * Aborts loading process.\n\t */ abort() {\n        const status = this.status;\n        this.status = 'aborted';\n        if (!this._filePromiseWrapper.isFulfilled) {\n            // Edge case: file loader is aborted before read() is called\n            // so it might happen that no one handled the rejection of this promise.\n            // See https://github.com/ckeditor/ckeditor5-upload/pull/100\n            this._filePromiseWrapper.promise.catch(()=>{});\n            this._filePromiseWrapper.rejecter('aborted');\n        } else if (status == 'reading') {\n            this._reader.abort();\n        } else if (status == 'uploading' && this._adapter.abort) {\n            this._adapter.abort();\n        }\n        this._destroy();\n    }\n    /**\n\t * Performs cleanup.\n\t *\n\t * @internal\n\t */ _destroy() {\n        this._filePromiseWrapper = undefined;\n        this._reader = undefined;\n        this._adapter = undefined;\n        this.uploadResponse = undefined;\n    }\n    /**\n\t * Wraps a given file promise into another promise giving additional\n\t * control (resolving, rejecting, checking if fulfilled) over it.\n\t *\n\t * @param filePromise The initial file promise to be wrapped.\n\t */ _createFilePromiseWrapper(filePromise) {\n        const wrapper = {};\n        wrapper.promise = new Promise((resolve, reject)=>{\n            wrapper.rejecter = reject;\n            wrapper.isFulfilled = false;\n            filePromise.then((file)=>{\n                wrapper.isFulfilled = true;\n                resolve(file);\n            }).catch((err)=>{\n                wrapper.isFulfilled = true;\n                reject(err);\n            });\n        });\n        return wrapper;\n    }\n}\n\n/**\n * A plugin that converts images inserted into the editor into [Base64 strings](https://en.wikipedia.org/wiki/Base64)\n * in the {@glink getting-started/setup/getting-and-setting-data editor output}.\n *\n * This kind of image upload does not require server processing – images are stored with the rest of the text and\n * displayed by the web browser without additional requests.\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload overview\"} to learn about\n * other ways to upload images into CKEditor 5.\n */ class Base64UploadAdapter extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FileRepository\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Base64UploadAdapter';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'B64A';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this.editor.plugins.get(FileRepository).createUploadAdapter = (loader)=>new Adapter$1(loader);\n    }\n}\n/**\n * The upload adapter that converts images inserted into the editor into Base64 strings.\n */ let Adapter$1 = class Adapter {\n    /**\n\t * `FileLoader` instance to use during the upload.\n\t */ loader;\n    reader;\n    /**\n\t * Creates a new adapter instance.\n\t */ constructor(loader){\n        this.loader = loader;\n    }\n    /**\n\t * Starts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#upload\n\t */ upload() {\n        return new Promise((resolve, reject)=>{\n            const reader = this.reader = new window.FileReader();\n            reader.addEventListener('load', ()=>{\n                resolve({\n                    default: reader.result\n                });\n            });\n            reader.addEventListener('error', (err)=>{\n                reject(err);\n            });\n            reader.addEventListener('abort', ()=>{\n                reject();\n            });\n            this.loader.file.then((file)=>{\n                reader.readAsDataURL(file);\n            });\n        });\n    }\n    /**\n\t * Aborts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#abort\n\t */ abort() {\n        this.reader.abort();\n    }\n};\n\n/**\n * The Simple upload adapter allows uploading images to an application running on your server using\n * the [`XMLHttpRequest`](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest) API with a\n * minimal {@link module:upload/uploadconfig~SimpleUploadConfig editor configuration}.\n *\n * ```ts\n * ClassicEditor\n * \t.create( document.querySelector( '#editor' ), {\n * \t\tsimpleUpload: {\n * \t\t\tuploadUrl: 'http://example.com',\n * \t\t\theaders: {\n * \t\t\t\t...\n * \t\t\t}\n * \t\t}\n * \t} )\n * \t.then( ... )\n * \t.catch( ... );\n * ```\n *\n * See the {@glink features/images/image-upload/simple-upload-adapter \"Simple upload adapter\"} guide to learn how to\n * learn more about the feature (configuration, server–side requirements, etc.).\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload overview\"} to learn about\n * other ways to upload images into CKEditor 5.\n */ class SimpleUploadAdapter extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FileRepository\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SimpleUploadAdapter';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'SUA';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const options = this.editor.config.get('simpleUpload');\n        if (!options) {\n            return;\n        }\n        if (!options.uploadUrl) {\n            /**\n\t\t\t * The {@link module:upload/uploadconfig~SimpleUploadConfig#uploadUrl `config.simpleUpload.uploadUrl`}\n\t\t\t * configuration required by the {@link module:upload/adapters/simpleuploadadapter~SimpleUploadAdapter `SimpleUploadAdapter`}\n\t\t\t * is missing. Make sure the correct URL is specified for the image upload to work properly.\n\t\t\t *\n\t\t\t * @error simple-upload-adapter-missing-uploadurl\n\t\t\t */ logWarning('simple-upload-adapter-missing-uploadurl');\n            return;\n        }\n        this.editor.plugins.get(FileRepository).createUploadAdapter = (loader)=>{\n            return new Adapter(loader, options);\n        };\n    }\n}\n/**\n * Upload adapter.\n */ class Adapter {\n    /**\n\t * FileLoader instance to use during the upload.\n\t */ loader;\n    /**\n\t * The configuration of the adapter.\n\t */ options;\n    xhr;\n    /**\n\t * Creates a new adapter instance.\n\t */ constructor(loader, options){\n        this.loader = loader;\n        this.options = options;\n    }\n    /**\n\t * Starts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#upload\n\t */ upload() {\n        return this.loader.file.then((file)=>new Promise((resolve, reject)=>{\n                this._initRequest();\n                this._initListeners(resolve, reject, file);\n                this._sendRequest(file);\n            }));\n    }\n    /**\n\t * Aborts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#abort\n\t */ abort() {\n        if (this.xhr) {\n            this.xhr.abort();\n        }\n    }\n    /**\n\t * Initializes the `XMLHttpRequest` object using the URL specified as\n\t * {@link module:upload/uploadconfig~SimpleUploadConfig#uploadUrl `simpleUpload.uploadUrl`} in the editor's\n\t * configuration.\n\t */ _initRequest() {\n        const xhr = this.xhr = new XMLHttpRequest();\n        xhr.open('POST', this.options.uploadUrl, true);\n        xhr.responseType = 'json';\n    }\n    /**\n\t * Initializes XMLHttpRequest listeners\n\t *\n\t * @param resolve Callback function to be called when the request is successful.\n\t * @param reject Callback function to be called when the request cannot be completed.\n\t * @param file Native File object.\n\t */ _initListeners(resolve, reject, file) {\n        const xhr = this.xhr;\n        const loader = this.loader;\n        const genericErrorText = `Couldn't upload file: ${file.name}.`;\n        xhr.addEventListener('error', ()=>reject(genericErrorText));\n        xhr.addEventListener('abort', ()=>reject());\n        xhr.addEventListener('load', ()=>{\n            const response = xhr.response;\n            if (!response || response.error) {\n                return reject(response && response.error && response.error.message ? response.error.message : genericErrorText);\n            }\n            const urls = response.url ? {\n                default: response.url\n            } : response.urls;\n            // Resolve with the normalized `urls` property and pass the rest of the response\n            // to allow customizing the behavior of features relying on the upload adapters.\n            resolve({\n                ...response,\n                urls\n            });\n        });\n        // Upload progress when it is supported.\n        /* istanbul ignore else -- @preserve */ if (xhr.upload) {\n            xhr.upload.addEventListener('progress', (evt)=>{\n                if (evt.lengthComputable) {\n                    loader.uploadTotal = evt.total;\n                    loader.uploaded = evt.loaded;\n                }\n            });\n        }\n    }\n    /**\n\t * Prepares the data and sends the request.\n\t *\n\t * @param file File instance to be uploaded.\n\t */ _sendRequest(file) {\n        // Set headers if specified.\n        let headers = this.options.headers || {};\n        if (typeof headers === 'function') {\n            headers = headers(file);\n        }\n        // Use the withCredentials flag if specified.\n        const withCredentials = this.options.withCredentials || false;\n        for (const headerName of Object.keys(headers)){\n            this.xhr.setRequestHeader(headerName, headers[headerName]);\n        }\n        this.xhr.withCredentials = withCredentials;\n        // Prepare the form data.\n        const data = new FormData();\n        data.append('upload', file);\n        // Send the request.\n        this.xhr.send(data);\n    }\n}\n\nexport { Base64UploadAdapter, FileReader, FileRepository, SimpleUploadAdapter };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 upload/filereader\n */\n\nimport { ObservableMixin } from '@ckeditor/ckeditor5-utils';\n\ntype DomFileReader = globalThis.FileReader;\n\n/**\n * Wrapper over the native `FileReader`.\n */\nexport class FileReader extends /* #__PURE__ */ ObservableMixin() {\n\tpublic total!: number;\n\n\t/**\n\t * Instance of native FileReader.\n\t */\n\tprivate readonly _reader: DomFileReader;\n\n\t/**\n\t * Holds the data of an already loaded file. The file must be first loaded\n\t * by using {@link module:upload/filereader~FileReader#read `read()`}.\n\t */\n\tprivate _data?: string;\n\n\t/**\n\t * Number of bytes loaded.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public loaded: number;\n\n\t/**\n\t * Creates an instance of the FileReader.\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst reader = new window.FileReader();\n\n\t\tthis._reader = reader;\n\t\tthis._data = undefined;\n\n\t\tthis.set( 'loaded', 0 );\n\n\t\treader.onprogress = evt => {\n\t\t\tthis.loaded = evt.loaded;\n\t\t};\n\t}\n\n\t/**\n\t * Returns error that occurred during file reading.\n\t */\n\tpublic get error(): DOMException | null {\n\t\treturn this._reader.error;\n\t}\n\n\t/**\n\t * Holds the data of an already loaded file. The file must be first loaded\n\t * by using {@link module:upload/filereader~FileReader#read `read()`}.\n\t */\n\tpublic get data(): string | undefined {\n\t\treturn this._data;\n\t}\n\n\t/**\n\t * Reads the provided file.\n\t *\n\t * @param file Native File object.\n\t * @returns Returns a promise that will be resolved with file's content.\n\t * The promise will be rejected in case of an error or when the reading process is aborted.\n\t */\n\tpublic read( file: File ): Promise<string> {\n\t\tconst reader = this._reader;\n\t\tthis.total = file.size;\n\n\t\treturn new Promise( ( resolve, reject ) => {\n\t\t\treader.onload = () => {\n\t\t\t\tconst result = reader.result as string;\n\n\t\t\t\tthis._data = result;\n\n\t\t\t\tresolve( result );\n\t\t\t};\n\n\t\t\treader.onerror = () => {\n\t\t\t\treject( 'error' );\n\t\t\t};\n\n\t\t\treader.onabort = () => {\n\t\t\t\treject( 'aborted' );\n\t\t\t};\n\n\t\t\tthis._reader.readAsDataURL( file );\n\t\t} );\n\t}\n\n\t/**\n\t * Aborts file reader.\n\t */\n\tpublic abort(): void {\n\t\tthis._reader.abort();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 upload/filerepository\n */\n\nimport {\n\tPlugin,\n\tPendingActions,\n\ttype PendingAction\n} from '@ckeditor/ckeditor5-core';\n\nimport {\n\tCKEditorError,\n\tCollection,\n\tObservableMixin,\n\tlogWarning,\n\tuid,\n\ttype ObservableChangeEvent,\n\ttype CollectionChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport { FileReader } from './filereader.js';\n\n/**\n * File repository plugin. A central point for managing file upload.\n *\n * To use it, first you need an upload adapter. Upload adapter's job is to handle communication with the server\n * (sending the file and handling server's response). You can use one of the existing plugins introducing upload adapters\n * (e.g. {@link module:easy-image/cloudservicesuploadadapter~CloudServicesUploadAdapter} or\n * {@link module:adapter-ckfinder/uploadadapter~CKFinderUploadAdapter}) or write your own one – see\n * the {@glink framework/deep-dive/upload-adapter Custom image upload adapter deep-dive} guide.\n *\n * Then, you can use {@link module:upload/filerepository~FileRepository#createLoader `createLoader()`} and the returned\n * {@link module:upload/filerepository~FileLoader} instance to load and upload files.\n */\nexport class FileRepository extends Plugin {\n\t/**\n\t * Collection of loaders associated with this repository.\n\t */\n\tpublic loaders = new Collection<FileLoader>();\n\n\t/**\n\t * A factory function which should be defined before using `FileRepository`.\n\t *\n\t * It should return a new instance of {@link module:upload/filerepository~UploadAdapter} that will be used to upload files.\n\t * {@link module:upload/filerepository~FileLoader} instance associated with the adapter\n\t * will be passed to that function.\n\t *\n\t * For more information and example see {@link module:upload/filerepository~UploadAdapter}.\n\t */\n\tpublic declare createUploadAdapter?: ( loader: FileLoader ) => UploadAdapter;\n\n\t/**\n\t * Loaders mappings used to retrieve loaders references.\n\t */\n\tprivate _loadersMap = new Map<File | Promise<File>, FileLoader>();\n\n\t/**\n\t * Reference to a pending action registered in a {@link module:core/pendingactions~PendingActions} plugin\n\t * while upload is in progress. When there is no upload then value is `null`.\n\t */\n\tprivate _pendingAction: PendingAction | null = null;\n\n\t/**\n\t * Number of bytes uploaded.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public uploaded: number;\n\n\t/**\n\t * Number of total bytes to upload.\n\t *\n\t * It might be different than the file size because of headers and additional data.\n\t * It contains `null` if value is not available yet, so it's better to use {@link #uploadedPercent} to monitor\n\t * the progress.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public uploadTotal: number | null;\n\n\t/**\n\t * Upload progress in percents.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public uploadedPercent: number;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FileRepository' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ PendingActions ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\t// Keeps upload in a sync with pending actions.\n\t\tthis.loaders.on<CollectionChangeEvent>( 'change', () => this._updatePendingAction() );\n\n\t\tthis.set( 'uploaded', 0 );\n\t\tthis.set( 'uploadTotal', null );\n\n\t\tthis.bind( 'uploadedPercent' ).to( this, 'uploaded', this, 'uploadTotal', ( uploaded, total ) => {\n\t\t\treturn total ? ( uploaded / total * 100 ) : 0;\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the loader associated with specified file or promise.\n\t *\n\t * To get loader by id use `fileRepository.loaders.get( id )`.\n\t *\n\t * @param fileOrPromise Native file or promise handle.\n\t */\n\tpublic getLoader( fileOrPromise: File | Promise<File> ): FileLoader | null {\n\t\treturn this._loadersMap.get( fileOrPromise ) || null;\n\t}\n\n\t/**\n\t * Creates a loader instance for the given file.\n\t *\n\t * Requires {@link #createUploadAdapter} factory to be defined.\n\t *\n\t * @param fileOrPromise Native File object or native Promise object which resolves to a File.\n\t */\n\tpublic createLoader( fileOrPromise: File | Promise<File> ): FileLoader | null {\n\t\tif ( !this.createUploadAdapter ) {\n\t\t\t/**\n\t\t\t * You need to enable an upload adapter in order to be able to upload files.\n\t\t\t *\n\t\t\t * This warning shows up when {@link module:upload/filerepository~FileRepository} is being used\n\t\t\t * without {@link module:upload/filerepository~FileRepository#createUploadAdapter defining an upload adapter}.\n\t\t\t *\n\t\t\t * **If you see this warning when using one of the now deprecated\n\t\t\t * {@glink getting-started/legacy/installation-methods/predefined-builds CKEditor 5 Builds}**\n\t\t\t * it means that you did not configure any of the upload adapters available by default in those builds.\n\t\t\t *\n\t\t\t * Predefined builds are a deprecated solution and we strongly advise\n\t\t\t * {@glink updating/nim-migration/migration-to-new-installation-methods migrating to new installation methods}.\n\t\t\t *\n\t\t\t * See the {@glink features/images/image-upload/image-upload comprehensive \"Image upload overview\"} to learn which upload\n\t\t\t * adapters are available in the builds and how to configure them.\n\t\t\t *\n\t\t\t * Otherwise, if you see this warning, there is a chance that you enabled\n\t\t\t * a feature like {@link module:image/imageupload~ImageUpload},\n\t\t\t * or {@link module:image/imageupload/imageuploadui~ImageUploadUI} but you did not enable any upload adapter.\n\t\t\t * You can choose one of the existing upload adapters listed in the\n\t\t\t * {@glink features/images/image-upload/image-upload \"Image upload overview\"}.\n\t\t\t *\n\t\t\t * You can also implement your {@glink framework/deep-dive/upload-adapter own image upload adapter}.\n\t\t\t *\n\t\t\t * @error filerepository-no-upload-adapter\n\t\t\t */\n\t\t\tlogWarning( 'filerepository-no-upload-adapter' );\n\n\t\t\treturn null;\n\t\t}\n\n\t\tconst loader = new FileLoader( Promise.resolve( fileOrPromise ), this.createUploadAdapter );\n\n\t\tthis.loaders.add( loader );\n\t\tthis._loadersMap.set( fileOrPromise, loader );\n\n\t\t// Store also file => loader mapping so loader can be retrieved by file instance returned upon Promise resolution.\n\t\tif ( fileOrPromise instanceof Promise ) {\n\t\t\tloader.file\n\t\t\t\t.then( file => {\n\t\t\t\t\tthis._loadersMap.set( file!, loader );\n\t\t\t\t} )\n\t\t\t\t// Every then() must have a catch().\n\t\t\t\t// File loader state (and rejections) are handled in read() and upload().\n\t\t\t\t// Also, see the \"does not swallow the file promise rejection\" test.\n\t\t\t\t.catch( () => {} );\n\t\t}\n\n\t\tloader.on<ObservableChangeEvent>( 'change:uploaded', () => {\n\t\t\tlet aggregatedUploaded = 0;\n\n\t\t\tfor ( const loader of this.loaders ) {\n\t\t\t\taggregatedUploaded += loader.uploaded;\n\t\t\t}\n\n\t\t\tthis.uploaded = aggregatedUploaded;\n\t\t} );\n\n\t\tloader.on<ObservableChangeEvent>( 'change:uploadTotal', () => {\n\t\t\tlet aggregatedTotal = 0;\n\n\t\t\tfor ( const loader of this.loaders ) {\n\t\t\t\tif ( loader.uploadTotal ) {\n\t\t\t\t\taggregatedTotal += loader.uploadTotal;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.uploadTotal = aggregatedTotal;\n\t\t} );\n\n\t\treturn loader;\n\t}\n\n\t/**\n\t * Destroys the given loader.\n\t *\n\t * @param fileOrPromiseOrLoader File or Promise associated with that loader or loader itself.\n\t */\n\tpublic destroyLoader( fileOrPromiseOrLoader: File | Promise<File> | FileLoader ): void {\n\t\tconst loader = fileOrPromiseOrLoader instanceof FileLoader ? fileOrPromiseOrLoader : this.getLoader( fileOrPromiseOrLoader )!;\n\n\t\tloader._destroy();\n\n\t\tthis.loaders.remove( loader );\n\n\t\tthis._loadersMap.forEach( ( value, key ) => {\n\t\t\tif ( value === loader ) {\n\t\t\t\tthis._loadersMap.delete( key );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Registers or deregisters pending action bound with upload progress.\n\t */\n\tprivate _updatePendingAction(): void {\n\t\tconst pendingActions = this.editor.plugins.get( PendingActions );\n\n\t\tif ( this.loaders.length ) {\n\t\t\tif ( !this._pendingAction ) {\n\t\t\t\tconst t = this.editor.t;\n\t\t\t\tconst getMessage = ( value: number ) => `${ t( 'Upload in progress' ) } ${ parseInt( value as any ) }%.`;\n\n\t\t\t\tthis._pendingAction = pendingActions.add( getMessage( this.uploadedPercent ) );\n\t\t\t\tthis._pendingAction.bind( 'message' ).to( this, 'uploadedPercent', getMessage );\n\t\t\t}\n\t\t} else {\n\t\t\tpendingActions.remove( this._pendingAction! );\n\t\t\tthis._pendingAction = null;\n\t\t}\n\t}\n}\n\n/**\n * File loader class.\n *\n * It is used to control the process of reading the file and uploading it using the specified upload adapter.\n */\nclass FileLoader extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * Unique id of FileLoader instance.\n\t *\n\t * @readonly\n\t */\n\tpublic readonly id: string;\n\n\t/**\n\t * Additional wrapper over the initial file promise passed to this loader.\n\t */\n\tprivate _filePromiseWrapper: FilePromiseWrapper;\n\n\t/**\n\t * Adapter instance associated with this file loader.\n\t */\n\tprivate _adapter: UploadAdapter;\n\n\t/**\n\t * FileReader used by FileLoader.\n\t */\n\tprivate _reader: FileReader;\n\n\t/**\n\t * Current status of FileLoader. It can be one of the following:\n\t *\n\t * * 'idle',\n\t * * 'reading',\n\t * * 'uploading',\n\t * * 'aborted',\n\t * * 'error'.\n\t *\n\t * When reading status can change in a following way:\n\t *\n\t * `idle` -> `reading` -> `idle`\n\t * `idle` -> `reading -> `aborted`\n\t * `idle` -> `reading -> `error`\n\t *\n\t * When uploading status can change in a following way:\n\t *\n\t * `idle` -> `uploading` -> `idle`\n\t * `idle` -> `uploading` -> `aborted`\n\t * `idle` -> `uploading` -> `error`\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public status: 'idle' | 'reading' | 'uploading' | 'aborted' | 'error';\n\n\t/**\n\t * Number of bytes uploaded.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public uploaded: number;\n\n\t/**\n\t * Number of total bytes to upload.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public uploadTotal: number | null;\n\n\t/**\n\t * Upload progress in percents.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public uploadedPercent: number;\n\n\t/**\n\t * Response of the upload.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public uploadResponse?: UploadResponse | null;\n\n\t/**\n\t * Creates a new instance of `FileLoader`.\n\t *\n\t * @param filePromise A promise which resolves to a file instance.\n\t * @param uploadAdapterCreator The function which returns {@link module:upload/filerepository~UploadAdapter} instance.\n\t */\n\tconstructor( filePromise: Promise<File>, uploadAdapterCreator: ( loader: FileLoader ) => UploadAdapter ) {\n\t\tsuper();\n\n\t\tthis.id = uid();\n\t\tthis._filePromiseWrapper = this._createFilePromiseWrapper( filePromise );\n\t\tthis._adapter = uploadAdapterCreator( this );\n\t\tthis._reader = new FileReader();\n\n\t\tthis.set( 'status', 'idle' );\n\t\tthis.set( 'uploaded', 0 );\n\t\tthis.set( 'uploadTotal', null );\n\n\t\tthis.bind( 'uploadedPercent' ).to( this, 'uploaded', this, 'uploadTotal', ( uploaded, total ) => {\n\t\t\treturn total ? ( uploaded / total * 100 ) : 0;\n\t\t} );\n\n\t\tthis.set( 'uploadResponse', null );\n\t}\n\n\t/**\n\t * A `Promise` which resolves to a `File` instance associated with this file loader.\n\t */\n\tpublic get file(): Promise<File | null> {\n\t\tif ( !this._filePromiseWrapper ) {\n\t\t\t// Loader was destroyed, return promise which resolves to null.\n\t\t\treturn Promise.resolve( null );\n\t\t} else {\n\t\t\t// The `this._filePromiseWrapper.promise` is chained and not simply returned to handle a case when:\n\t\t\t//\n\t\t\t//\t\t* The `loader.file.then( ... )` is called by external code (returned promise is pending).\n\t\t\t//\t\t* Then `loader._destroy()` is called (call is synchronous) which destroys the `loader`.\n\t\t\t//\t\t* Promise returned by the first `loader.file.then( ... )` call is resolved.\n\t\t\t//\n\t\t\t// Returning `this._filePromiseWrapper.promise` will still resolve to a `File` instance so there\n\t\t\t// is an additional check needed in the chain to see if `loader` was destroyed in the meantime.\n\t\t\treturn this._filePromiseWrapper.promise.then( file => this._filePromiseWrapper ? file : null );\n\t\t}\n\t}\n\n\t/**\n\t * Returns the file data. To read its data, you need for first load the file\n\t * by using the {@link module:upload/filerepository~FileLoader#read `read()`} method.\n\t */\n\tpublic get data(): string | undefined {\n\t\treturn this._reader.data;\n\t}\n\n\t/**\n\t * Reads file using {@link module:upload/filereader~FileReader}.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `filerepository-read-wrong-status` when status\n\t * is different than `idle`.\n\t *\n\t * Example usage:\n\t *\n\t * ```ts\n\t * fileLoader.read()\n\t * \t.then( data => { ... } )\n\t * \t.catch( err => {\n\t * \t\tif ( err === 'aborted' ) {\n\t * \t\t\tconsole.log( 'Reading aborted.' );\n\t * \t\t} else {\n\t * \t\t\tconsole.log( 'Reading error.', err );\n\t * \t\t}\n\t * \t} );\n\t * ```\n\t *\n\t * @returns Returns promise that will be resolved with read data. Promise will be rejected if error\n\t * occurs or if read process is aborted.\n\t */\n\tpublic read(): Promise<string> {\n\t\tif ( this.status != 'idle' ) {\n\t\t\t/**\n\t\t\t * You cannot call read if the status is different than idle.\n\t\t\t *\n\t\t\t * @error filerepository-read-wrong-status\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'filerepository-read-wrong-status', this );\n\t\t}\n\n\t\tthis.status = 'reading';\n\n\t\treturn this.file\n\t\t\t.then( file => this._reader.read( file! ) )\n\t\t\t.then( data => {\n\t\t\t\t// Edge case: reader was aborted after file was read - double check for proper status.\n\t\t\t\t// It can happen when image was deleted during its upload.\n\t\t\t\tif ( this.status !== 'reading' ) {\n\t\t\t\t\tthrow this.status;\n\t\t\t\t}\n\n\t\t\t\tthis.status = 'idle';\n\n\t\t\t\treturn data;\n\t\t\t} )\n\t\t\t.catch( err => {\n\t\t\t\tif ( err === 'aborted' ) {\n\t\t\t\t\tthis.status = 'aborted';\n\t\t\t\t\tthrow 'aborted';\n\t\t\t\t}\n\n\t\t\t\tthis.status = 'error';\n\t\t\t\tthrow this._reader.error ? this._reader.error : err;\n\t\t\t} );\n\t}\n\n\t/**\n\t * Reads file using the provided {@link module:upload/filerepository~UploadAdapter}.\n\t *\n\t * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `filerepository-upload-wrong-status` when status\n\t * is different than `idle`.\n\t * Example usage:\n\t *\n\t * ```ts\n\t * fileLoader.upload()\n\t * \t.then( data => { ... } )\n\t * \t.catch( e => {\n\t * \t\tif ( e === 'aborted' ) {\n\t * \t\t\tconsole.log( 'Uploading aborted.' );\n\t * \t\t} else {\n\t * \t\t\tconsole.log( 'Uploading error.', e );\n\t * \t\t}\n\t * \t} );\n\t * ```\n\t *\n\t * @returns Returns promise that will be resolved with response data. Promise will be rejected if error\n\t * occurs or if read process is aborted.\n\t */\n\tpublic upload(): Promise<UploadResponse> {\n\t\tif ( this.status != 'idle' ) {\n\t\t\t/**\n\t\t\t * You cannot call upload if the status is different than idle.\n\t\t\t *\n\t\t\t * @error filerepository-upload-wrong-status\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'filerepository-upload-wrong-status', this );\n\t\t}\n\n\t\tthis.status = 'uploading';\n\n\t\treturn this.file\n\t\t\t.then( () => this._adapter.upload() )\n\t\t\t.then( data => {\n\t\t\t\tthis.uploadResponse = data;\n\t\t\t\tthis.status = 'idle';\n\n\t\t\t\treturn data;\n\t\t\t} )\n\t\t\t.catch( err => {\n\t\t\t\tif ( this.status === 'aborted' ) {\n\t\t\t\t\tthrow 'aborted';\n\t\t\t\t}\n\n\t\t\t\tthis.status = 'error';\n\t\t\t\tthrow err;\n\t\t\t} );\n\t}\n\n\t/**\n\t * Aborts loading process.\n\t */\n\tpublic abort(): void {\n\t\tconst status = this.status;\n\t\tthis.status = 'aborted';\n\n\t\tif ( !this._filePromiseWrapper.isFulfilled ) {\n\t\t\t// Edge case: file loader is aborted before read() is called\n\t\t\t// so it might happen that no one handled the rejection of this promise.\n\t\t\t// See https://github.com/ckeditor/ckeditor5-upload/pull/100\n\t\t\tthis._filePromiseWrapper.promise.catch( () => {} );\n\n\t\t\tthis._filePromiseWrapper.rejecter( 'aborted' );\n\t\t} else if ( status == 'reading' ) {\n\t\t\tthis._reader.abort();\n\t\t} else if ( status == 'uploading' && this._adapter.abort ) {\n\t\t\tthis._adapter.abort();\n\t\t}\n\n\t\tthis._destroy();\n\t}\n\n\t/**\n\t * Performs cleanup.\n\t *\n\t * @internal\n\t */\n\tpublic _destroy(): void {\n\t\tthis._filePromiseWrapper = undefined as any;\n\t\tthis._reader = undefined as any;\n\t\tthis._adapter = undefined as any;\n\t\tthis.uploadResponse = undefined;\n\t}\n\n\t/**\n\t * Wraps a given file promise into another promise giving additional\n\t * control (resolving, rejecting, checking if fulfilled) over it.\n\t *\n\t * @param filePromise The initial file promise to be wrapped.\n\t */\n\tprivate _createFilePromiseWrapper( filePromise: Promise<File> ): FilePromiseWrapper {\n\t\tconst wrapper: Partial<FilePromiseWrapper> = {};\n\n\t\twrapper.promise = new Promise<File>( ( resolve, reject ) => {\n\t\t\twrapper.rejecter = reject;\n\t\t\twrapper.isFulfilled = false;\n\n\t\t\tfilePromise\n\t\t\t\t.then( file => {\n\t\t\t\t\twrapper.isFulfilled = true;\n\t\t\t\t\tresolve( file );\n\t\t\t\t} )\n\t\t\t\t.catch( err => {\n\t\t\t\t\twrapper.isFulfilled = true;\n\t\t\t\t\treject( err );\n\t\t\t\t} );\n\t\t} );\n\n\t\treturn wrapper as FilePromiseWrapper;\n\t}\n}\n\nexport { FileLoader };\n\n/**\n * Upload adapter interface used by the {@link module:upload/filerepository~FileRepository file repository}\n * to handle file upload. An upload adapter is a bridge between the editor and server that handles file uploads.\n * It should contain a logic necessary to initiate an upload process and monitor its progress.\n *\n * Learn how to develop your own upload adapter for CKEditor 5 in the\n * {@glink framework/deep-dive/upload-adapter \"Custom upload adapter\"} guide.\n *\n * @interface UploadAdapter\n */\nexport interface UploadAdapter {\n\n\t/**\n\t * Executes the upload process.\n\t * This method should return a promise that will resolve when data will be uploaded to server. Promise should be\n\t * resolved with an object containing information about uploaded file:\n\t *\n\t * ```json\n\t * {\n\t * \tdefault: 'http://server/default-size.image.png'\n\t * }\n\t * ```\n\t *\n\t * Additionally, other image sizes can be provided:\n\t *\n\t * ```json\n\t * {\n\t * \tdefault: 'http://server/default-size.image.png',\n\t * \t'160': 'http://server/size-160.image.png',\n\t * \t'500': 'http://server/size-500.image.png',\n\t * \t'1000': 'http://server/size-1000.image.png',\n\t * \t'1052': 'http://server/default-size.image.png'\n\t * }\n\t * ```\n\t *\n\t * You can also pass additional properties from the server. In this case you need to wrap URLs\n\t * in the `urls` object and pass additional properties along the `urls` property.\n\t *\n\t * ```json\n\t * {\n\t * \tmyCustomProperty: 'foo',\n\t * \turls: {\n\t * \t\tdefault: 'http://server/default-size.image.png',\n\t * \t\t'160': 'http://server/size-160.image.png',\n\t * \t\t'500': 'http://server/size-500.image.png',\n\t * \t\t'1000': 'http://server/size-1000.image.png',\n\t * \t\t'1052': 'http://server/default-size.image.png'\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * NOTE: When returning multiple images, the widest returned one should equal the default one. It is essential to\n\t * correctly set `width` attribute of the image. See this discussion:\n\t * https://github.com/ckeditor/ckeditor5-easy-image/issues/4 for more information.\n\t *\n\t * Take a look at {@link module:upload/filerepository~UploadAdapter example Adapter implementation} and\n\t * {@link module:upload/filerepository~FileRepository#createUploadAdapter createUploadAdapter method}.\n\t *\n\t * @returns Promise that should be resolved when data is uploaded.\n\t */\n\tupload(): Promise<UploadResponse>;\n\n\t/**\n\t * Aborts the upload process.\n\t * After aborting it should reject promise returned from {@link #upload upload()}.\n\t *\n\t * Take a look at {@link module:upload/filerepository~UploadAdapter example Adapter implementation} and\n\t * {@link module:upload/filerepository~FileRepository#createUploadAdapter createUploadAdapter method}.\n\t */\n\tabort?(): void;\n}\n\nexport type UploadResponse = Record<string, unknown>;\n\n/**\n * Object returned by {@link module:upload/filerepository~FileLoader#_createFilePromiseWrapper} method\n * to add more control over the initial file promise passed to {@link module:upload/filerepository~FileLoader}.\n */\ntype FilePromiseWrapper = {\n\n\t/**\n\t * Wrapper promise which can be chained for further processing.\n\t */\n\tpromise: Promise<File>;\n\n\t/**\n\t * Rejects the promise when called.\n\t */\n\trejecter: ( reason?: unknown ) => void;\n\n\t/**\n\t * Whether original promise is already fulfilled.\n\t */\n\tisFulfilled: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 upload/adapters/base64uploadadapter\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { FileRepository, type UploadResponse, type FileLoader, type UploadAdapter } from '../filerepository.js';\n\ntype DomFileReader = globalThis.FileReader;\n\n/**\n * A plugin that converts images inserted into the editor into [Base64 strings](https://en.wikipedia.org/wiki/Base64)\n * in the {@glink getting-started/setup/getting-and-setting-data editor output}.\n *\n * This kind of image upload does not require server processing – images are stored with the rest of the text and\n * displayed by the web browser without additional requests.\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload overview\"} to learn about\n * other ways to upload images into CKEditor 5.\n */\nexport class Base64UploadAdapter extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FileRepository ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Base64UploadAdapter' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'B64A';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis.editor.plugins.get( FileRepository ).createUploadAdapter = loader => new Adapter( loader );\n\t}\n}\n\n/**\n * The upload adapter that converts images inserted into the editor into Base64 strings.\n */\nclass Adapter implements UploadAdapter {\n\t/**\n\t * `FileLoader` instance to use during the upload.\n\t */\n\tpublic loader: FileLoader;\n\n\tpublic reader?: DomFileReader;\n\n\t/**\n\t * Creates a new adapter instance.\n\t */\n\tconstructor( loader: FileLoader ) {\n\t\tthis.loader = loader;\n\t}\n\n\t/**\n\t * Starts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#upload\n\t */\n\tpublic upload(): Promise<UploadResponse> {\n\t\treturn new Promise( ( resolve, reject ) => {\n\t\t\tconst reader = this.reader = new window.FileReader();\n\n\t\t\treader.addEventListener( 'load', () => {\n\t\t\t\tresolve( { default: reader.result } );\n\t\t\t} );\n\n\t\t\treader.addEventListener( 'error', err => {\n\t\t\t\treject( err );\n\t\t\t} );\n\n\t\t\treader.addEventListener( 'abort', () => {\n\t\t\t\treject();\n\t\t\t} );\n\n\t\t\tthis.loader.file.then( file => {\n\t\t\t\treader.readAsDataURL( file! );\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Aborts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#abort\n\t */\n\tpublic abort(): void {\n\t\tthis.reader!.abort();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 upload/adapters/simpleuploadadapter\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { FileRepository, type UploadResponse, type FileLoader, type UploadAdapter } from '../filerepository.js';\nimport type { SimpleUploadConfig } from '../uploadconfig.js';\nimport { logWarning } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The Simple upload adapter allows uploading images to an application running on your server using\n * the [`XMLHttpRequest`](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest) API with a\n * minimal {@link module:upload/uploadconfig~SimpleUploadConfig editor configuration}.\n *\n * ```ts\n * ClassicEditor\n * \t.create( document.querySelector( '#editor' ), {\n * \t\tsimpleUpload: {\n * \t\t\tuploadUrl: 'http://example.com',\n * \t\t\theaders: {\n * \t\t\t\t...\n * \t\t\t}\n * \t\t}\n * \t} )\n * \t.then( ... )\n * \t.catch( ... );\n * ```\n *\n * See the {@glink features/images/image-upload/simple-upload-adapter \"Simple upload adapter\"} guide to learn how to\n * learn more about the feature (configuration, server–side requirements, etc.).\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload overview\"} to learn about\n * other ways to upload images into CKEditor 5.\n */\nexport class SimpleUploadAdapter extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FileRepository ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SimpleUploadAdapter' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'SUA';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst options = this.editor.config.get( 'simpleUpload' );\n\n\t\tif ( !options ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !options.uploadUrl ) {\n\t\t\t/**\n\t\t\t * The {@link module:upload/uploadconfig~SimpleUploadConfig#uploadUrl `config.simpleUpload.uploadUrl`}\n\t\t\t * configuration required by the {@link module:upload/adapters/simpleuploadadapter~SimpleUploadAdapter `SimpleUploadAdapter`}\n\t\t\t * is missing. Make sure the correct URL is specified for the image upload to work properly.\n\t\t\t *\n\t\t\t * @error simple-upload-adapter-missing-uploadurl\n\t\t\t */\n\t\t\tlogWarning( 'simple-upload-adapter-missing-uploadurl' );\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis.editor.plugins.get( FileRepository ).createUploadAdapter = loader => {\n\t\t\treturn new Adapter( loader, options );\n\t\t};\n\t}\n}\n\n/**\n * Upload adapter.\n */\nclass Adapter implements UploadAdapter {\n\t/**\n\t * FileLoader instance to use during the upload.\n\t */\n\tpublic loader: FileLoader;\n\n\t/**\n\t * The configuration of the adapter.\n\t */\n\tpublic options: SimpleUploadConfig;\n\n\tprivate xhr?: XMLHttpRequest;\n\n\t/**\n\t * Creates a new adapter instance.\n\t */\n\tconstructor( loader: FileLoader, options: SimpleUploadConfig ) {\n\t\tthis.loader = loader;\n\t\tthis.options = options;\n\t}\n\n\t/**\n\t * Starts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#upload\n\t */\n\tpublic upload(): Promise<UploadResponse> {\n\t\treturn this.loader.file\n\t\t\t.then( file => new Promise( ( resolve, reject ) => {\n\t\t\t\tthis._initRequest();\n\t\t\t\tthis._initListeners( resolve, reject, file! );\n\t\t\t\tthis._sendRequest( file! );\n\t\t\t} ) );\n\t}\n\n\t/**\n\t * Aborts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#abort\n\t */\n\tpublic abort(): void {\n\t\tif ( this.xhr ) {\n\t\t\tthis.xhr.abort();\n\t\t}\n\t}\n\n\t/**\n\t * Initializes the `XMLHttpRequest` object using the URL specified as\n\t * {@link module:upload/uploadconfig~SimpleUploadConfig#uploadUrl `simpleUpload.uploadUrl`} in the editor's\n\t * configuration.\n\t */\n\tprivate _initRequest(): void {\n\t\tconst xhr = this.xhr = new XMLHttpRequest();\n\n\t\txhr.open( 'POST', this.options.uploadUrl, true );\n\t\txhr.responseType = 'json';\n\t}\n\n\t/**\n\t * Initializes XMLHttpRequest listeners\n\t *\n\t * @param resolve Callback function to be called when the request is successful.\n\t * @param reject Callback function to be called when the request cannot be completed.\n\t * @param file Native File object.\n\t */\n\tprivate _initListeners(\n\t\tresolve: ( result: UploadResponse ) => void,\n\t\treject: ( message?: string ) => void,\n\t\tfile: File\n\t): void {\n\t\tconst xhr = this.xhr!;\n\t\tconst loader = this.loader;\n\t\tconst genericErrorText = `Couldn't upload file: ${ file.name }.`;\n\n\t\txhr.addEventListener( 'error', () => reject( genericErrorText ) );\n\t\txhr.addEventListener( 'abort', () => reject() );\n\t\txhr.addEventListener( 'load', () => {\n\t\t\tconst response = xhr.response;\n\n\t\t\tif ( !response || response.error ) {\n\t\t\t\treturn reject( response && response.error && response.error.message ? response.error.message : genericErrorText );\n\t\t\t}\n\n\t\t\tconst urls = response.url ? { default: response.url } : response.urls;\n\n\t\t\t// Resolve with the normalized `urls` property and pass the rest of the response\n\t\t\t// to allow customizing the behavior of features relying on the upload adapters.\n\t\t\tresolve( {\n\t\t\t\t...response,\n\t\t\t\turls\n\t\t\t} );\n\t\t} );\n\n\t\t// Upload progress when it is supported.\n\t\t/* istanbul ignore else -- @preserve */\n\t\tif ( xhr.upload ) {\n\t\t\txhr.upload.addEventListener( 'progress', evt => {\n\t\t\t\tif ( evt.lengthComputable ) {\n\t\t\t\t\tloader.uploadTotal = evt.total;\n\t\t\t\t\tloader.uploaded = evt.loaded;\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Prepares the data and sends the request.\n\t *\n\t * @param file File instance to be uploaded.\n\t */\n\tprivate _sendRequest( file: File ): void {\n\t\t// Set headers if specified.\n\t\tlet headers = this.options.headers || {};\n\n\t\tif ( typeof headers === 'function' ) {\n\t\t\theaders = headers( file );\n\t\t}\n\n\t\t// Use the withCredentials flag if specified.\n\t\tconst withCredentials = this.options.withCredentials || false;\n\n\t\tfor ( const headerName of Object.keys( headers ) ) {\n\t\t\tthis.xhr!.setRequestHeader( headerName, headers[ headerName ] );\n\t\t}\n\n\t\tthis.xhr!.withCredentials = withCredentials;\n\n\t\t// Prepare the form data.\n\t\tconst data = new FormData();\n\n\t\tdata.append( 'upload', file );\n\n\t\t// Send the request.\n\t\tthis.xhr!.send( data );\n\t}\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { FileRepository } from '@ckeditor/ckeditor5-upload/dist/index.js';\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module adapter-ckfinder/utils\n */ const TOKEN_COOKIE_NAME = 'ckCsrfToken';\nconst TOKEN_LENGTH = 40;\nconst tokenCharset = 'abcdefghijklmnopqrstuvwxyz0123456789';\n/**\n * Returns the CSRF token value. The value is a hash stored in `document.cookie`\n * under the `ckCsrfToken` key. The CSRF token can be used to secure the communication\n * between the web browser and the CKFinder server.\n *\n * @internal\n */ function getCsrfToken() {\n    let token = getCookie(TOKEN_COOKIE_NAME);\n    if (!token || token.length != TOKEN_LENGTH) {\n        token = generateToken(TOKEN_LENGTH);\n        setCookie(TOKEN_COOKIE_NAME, token);\n    }\n    return token;\n}\n/**\n * Returns the value of the cookie with a given name or `null` if the cookie is not found.\n *\n * @internal\n */ function getCookie(name) {\n    name = name.toLowerCase();\n    const parts = document.cookie.split(';');\n    for (const part of parts){\n        const pair = part.split('=');\n        const key = decodeURIComponent(pair[0].trim().toLowerCase());\n        if (key === name) {\n            return decodeURIComponent(pair[1]);\n        }\n    }\n    return null;\n}\n/**\n * Sets the value of the cookie with a given name.\n *\n * @internal\n */ function setCookie(name, value) {\n    document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value) + ';path=/';\n}\n/**\n * Generates the CSRF token with the given length.\n */ function generateToken(length) {\n    let result = '';\n    const randValues = new Uint8Array(length);\n    window.crypto.getRandomValues(randValues);\n    for(let j = 0; j < randValues.length; j++){\n        const character = tokenCharset.charAt(randValues[j] % tokenCharset.length);\n        result += Math.random() > 0.5 ? character.toUpperCase() : character;\n    }\n    return result;\n}\n\n/**\n * A plugin that enables file uploads in CKEditor 5 using the CKFinder server–side connector.\n *\n * See the {@glink features/file-management/ckfinder \"CKFinder file manager integration\"} guide to learn how to configure\n * and use this feature as well as find out more about the full integration with the file manager\n * provided by the {@link module:ckfinder/ckfinder~CKFinder} plugin.\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload overview\"} guide to learn\n * about other ways to upload images into CKEditor 5.\n */ class CKFinderUploadAdapter extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FileRepository\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKFinderUploadAdapter';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const url = this.editor.config.get('ckfinder.uploadUrl');\n        if (!url) {\n            return;\n        }\n        // Register CKFinderAdapter\n        this.editor.plugins.get(FileRepository).createUploadAdapter = (loader)=>new UploadAdapter(loader, url, this.editor.t);\n    }\n}\n/**\n * Upload adapter for CKFinder.\n */ class UploadAdapter {\n    /**\n\t * FileLoader instance to use during the upload.\n\t */ loader;\n    /**\n\t * Upload URL.\n\t */ url;\n    /**\n\t * Locale translation method.\n\t */ t;\n    xhr;\n    /**\n\t * Creates a new adapter instance.\n\t */ constructor(loader, url, t){\n        this.loader = loader;\n        this.url = url;\n        this.t = t;\n    }\n    /**\n\t * Starts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#upload\n\t */ upload() {\n        return this.loader.file.then((file)=>{\n            return new Promise((resolve, reject)=>{\n                this._initRequest();\n                this._initListeners(resolve, reject, file);\n                this._sendRequest(file);\n            });\n        });\n    }\n    /**\n\t * Aborts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#abort\n\t */ abort() {\n        if (this.xhr) {\n            this.xhr.abort();\n        }\n    }\n    /**\n\t * Initializes the XMLHttpRequest object.\n\t */ _initRequest() {\n        const xhr = this.xhr = new XMLHttpRequest();\n        xhr.open('POST', this.url, true);\n        xhr.responseType = 'json';\n    }\n    /**\n\t * Initializes XMLHttpRequest listeners.\n\t *\n\t * @param resolve Callback function to be called when the request is successful.\n\t * @param reject Callback function to be called when the request cannot be completed.\n\t * @param file File instance to be uploaded.\n\t */ _initListeners(resolve, reject, file) {\n        const xhr = this.xhr;\n        const loader = this.loader;\n        const t = this.t;\n        const genericError = t('Cannot upload file:') + ` ${file.name}.`;\n        xhr.addEventListener('error', ()=>reject(genericError));\n        xhr.addEventListener('abort', ()=>reject());\n        xhr.addEventListener('load', ()=>{\n            const response = xhr.response;\n            if (!response || !response.uploaded) {\n                return reject(response && response.error && response.error.message ? response.error.message : genericError);\n            }\n            resolve({\n                default: response.url\n            });\n        });\n        // Upload progress when it's supported.\n        /* istanbul ignore else -- @preserve */ if (xhr.upload) {\n            xhr.upload.addEventListener('progress', (evt)=>{\n                if (evt.lengthComputable) {\n                    loader.uploadTotal = evt.total;\n                    loader.uploaded = evt.loaded;\n                }\n            });\n        }\n    }\n    /**\n\t * Prepares the data and sends the request.\n\t *\n\t * @param file File instance to be uploaded.\n\t */ _sendRequest(file) {\n        // Prepare form data.\n        const data = new FormData();\n        data.append('upload', file);\n        data.append('ckCsrfToken', getCsrfToken());\n        // Send request.\n        this.xhr.send(data);\n    }\n}\n\nexport { CKFinderUploadAdapter, getCookie as _getCKFinderCookie, getCsrfToken as _getCKFinderCsrfToken, setCookie as _setCKFinderCookie };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 adapter-ckfinder/utils\n */\n\nconst TOKEN_COOKIE_NAME = 'ckCsrfToken';\nconst TOKEN_LENGTH = 40;\nconst tokenCharset = 'abcdefghijklmnopqrstuvwxyz0123456789';\n\n/**\n * Returns the CSRF token value. The value is a hash stored in `document.cookie`\n * under the `ckCsrfToken` key. The CSRF token can be used to secure the communication\n * between the web browser and the CKFinder server.\n *\n * @internal\n */\nexport function getCsrfToken(): string {\n\tlet token = getCookie( TOKEN_COOKIE_NAME );\n\n\tif ( !token || token.length != TOKEN_LENGTH ) {\n\t\ttoken = generateToken( TOKEN_LENGTH );\n\t\tsetCookie( TOKEN_COOKIE_NAME, token );\n\t}\n\n\treturn token;\n}\n\n/**\n * Returns the value of the cookie with a given name or `null` if the cookie is not found.\n *\n * @internal\n */\nexport function getCookie( name: string ): string | null {\n\tname = name.toLowerCase();\n\tconst parts = document.cookie.split( ';' );\n\n\tfor ( const part of parts ) {\n\t\tconst pair = part.split( '=' );\n\t\tconst key = decodeURIComponent( pair[ 0 ].trim().toLowerCase() );\n\n\t\tif ( key === name ) {\n\t\t\treturn decodeURIComponent( pair[ 1 ] );\n\t\t}\n\t}\n\n\treturn null;\n}\n\n/**\n * Sets the value of the cookie with a given name.\n *\n * @internal\n */\nexport function setCookie( name: string, value: string ): void {\n\tdocument.cookie = encodeURIComponent( name ) + '=' + encodeURIComponent( value ) + ';path=/';\n}\n\n/**\n * Generates the CSRF token with the given length.\n */\nfunction generateToken( length: number ): string {\n\tlet result = '';\n\tconst randValues = new Uint8Array( length );\n\n\twindow.crypto.getRandomValues( randValues );\n\n\tfor ( let j = 0; j < randValues.length; j++ ) {\n\t\tconst character = tokenCharset.charAt( randValues[ j ] % tokenCharset.length );\n\t\tresult += Math.random() > 0.5 ? character.toUpperCase() : character;\n\t}\n\n\treturn result;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 adapter-ckfinder/uploadadapter\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\tFileRepository,\n\ttype UploadAdapter as UploadAdapterInterface,\n\ttype FileLoader,\n\ttype UploadResponse\n} from 'ckeditor5/src/upload.js';\nimport type { LocaleTranslate } from 'ckeditor5/src/utils.js';\n\nimport { getCsrfToken } from './utils.js';\n\n/**\n * A plugin that enables file uploads in CKEditor 5 using the CKFinder server–side connector.\n *\n * See the {@glink features/file-management/ckfinder \"CKFinder file manager integration\"} guide to learn how to configure\n * and use this feature as well as find out more about the full integration with the file manager\n * provided by the {@link module:ckfinder/ckfinder~CKFinder} plugin.\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload overview\"} guide to learn\n * about other ways to upload images into CKEditor 5.\n */\nexport class CKFinderUploadAdapter extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FileRepository ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKFinderUploadAdapter' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst url = this.editor.config.get( 'ckfinder.uploadUrl' )! as string;\n\n\t\tif ( !url ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Register CKFinderAdapter\n\t\tthis.editor.plugins.get( FileRepository ).createUploadAdapter = loader => new UploadAdapter( loader, url, this.editor.t );\n\t}\n}\n\n/**\n * Upload adapter for CKFinder.\n */\nclass UploadAdapter implements UploadAdapterInterface {\n\t/**\n\t * FileLoader instance to use during the upload.\n\t */\n\tpublic loader: FileLoader;\n\n\t/**\n\t * Upload URL.\n\t */\n\tpublic url: string;\n\n\t/**\n\t * Locale translation method.\n\t */\n\tpublic t: LocaleTranslate;\n\n\tprivate xhr?: XMLHttpRequest;\n\n\t/**\n\t * Creates a new adapter instance.\n\t */\n\tconstructor( loader: FileLoader, url: string, t: LocaleTranslate ) {\n\t\tthis.loader = loader;\n\t\tthis.url = url;\n\t\tthis.t = t;\n\t}\n\n\t/**\n\t * Starts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#upload\n\t */\n\tpublic upload() {\n\t\treturn this.loader.file.then( file => {\n\t\t\treturn new Promise<UploadResponse>( ( resolve, reject ) => {\n\t\t\t\tthis._initRequest();\n\t\t\t\tthis._initListeners( resolve, reject, file! );\n\t\t\t\tthis._sendRequest( file! );\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Aborts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#abort\n\t */\n\tpublic abort() {\n\t\tif ( this.xhr ) {\n\t\t\tthis.xhr.abort();\n\t\t}\n\t}\n\n\t/**\n\t * Initializes the XMLHttpRequest object.\n\t */\n\tprivate _initRequest() {\n\t\tconst xhr = this.xhr = new XMLHttpRequest();\n\n\t\txhr.open( 'POST', this.url, true );\n\t\txhr.responseType = 'json';\n\t}\n\n\t/**\n\t * Initializes XMLHttpRequest listeners.\n\t *\n\t * @param resolve Callback function to be called when the request is successful.\n\t * @param reject Callback function to be called when the request cannot be completed.\n\t * @param file File instance to be uploaded.\n\t */\n\tprivate _initListeners(\n\t\tresolve: ( value: UploadResponse ) => void,\n\t\treject: ( reason?: unknown ) => void,\n\t\tfile: File\n\t) {\n\t\tconst xhr = this.xhr!;\n\t\tconst loader = this.loader;\n\t\tconst t = this.t;\n\t\tconst genericError = t( 'Cannot upload file:' ) + ` ${ file.name }.`;\n\n\t\txhr.addEventListener( 'error', () => reject( genericError ) );\n\t\txhr.addEventListener( 'abort', () => reject() );\n\t\txhr.addEventListener( 'load', () => {\n\t\t\tconst response = xhr.response;\n\n\t\t\tif ( !response || !response.uploaded ) {\n\t\t\t\treturn reject( response && response.error && response.error.message ? response.error.message : genericError );\n\t\t\t}\n\n\t\t\tresolve( {\n\t\t\t\tdefault: response.url\n\t\t\t} );\n\t\t} );\n\n\t\t// Upload progress when it's supported.\n\t\t/* istanbul ignore else -- @preserve */\n\t\tif ( xhr.upload ) {\n\t\t\txhr.upload.addEventListener( 'progress', evt => {\n\t\t\t\tif ( evt.lengthComputable ) {\n\t\t\t\t\tloader.uploadTotal = evt.total;\n\t\t\t\t\tloader.uploaded = evt.loaded;\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Prepares the data and sends the request.\n\t *\n\t * @param file File instance to be uploaded.\n\t */\n\tprivate _sendRequest( file: File ) {\n\t\t// Prepare form data.\n\t\tconst data = new FormData();\n\t\tdata.append( 'upload', file );\n\t\tdata.append( 'ckCsrfToken', getCsrfToken() );\n\n\t\t// Send request.\n\t\tthis.xhr!.send( data );\n\t}\n}\n", "var accessibility = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10 6.628a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3M8.5 9.125a.3.3 0 0 0-.253-.296L5.11 8.327a.75.75 0 1 1 .388-1.449l4.04.716c.267.072.624.08.893.009l4.066-.724a.75.75 0 1 1 .388 1.45l-3.132.5a.3.3 0 0 0-.253.296v1.357a.3.3 0 0 0 .018.102l1.615 4.438a.75.75 0 0 1-1.41.513l-1.35-3.71a.3.3 0 0 0-.281-.197h-.209a.3.3 0 0 0-.282.198l-1.35 3.711a.75.75 0 0 1-1.41-.513l1.64-4.509a.3.3 0 0 0 .019-.103z\\\"/><path d=\\\"M10 18.5a8.5 8.5 0 1 1 0-17 8.5 8.5 0 0 1 0 17m0 1.5c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar addComment = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M4 1.5h12A3.5 3.5 0 0 1 19.5 5v8l-.005.192a3.5 3.5 0 0 1-2.927 3.262l-.062.008v1.813a1.5 1.5 0 0 1-2.193 1.33l-.371-.193-.38-.212a13.5 13.5 0 0 1-3.271-2.63l-.062-.07H4A3.5 3.5 0 0 1 .5 13V5A3.5 3.5 0 0 1 4 1.5M4 3a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h6.924a11.9 11.9 0 0 0 3.71 3.081l.372.194v-3.268L14.962 15H16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z\\\"/><path d=\\\"M9.75 5a.75.75 0 0 0-.75.75v2.5H6.5a.75.75 0 0 0 0 1.5H9v2.5a.75.75 0 0 0 1.5 0v-2.5H13a.75.75 0 0 0 0-1.5h-2.5v-2.5A.75.75 0 0 0 9.75 5\\\"/></svg>\";\n\nvar ai = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M13.903 7.617a3.35 3.35 0 0 0 1.98 1.98L19 10.752l-3.117 1.153a3.35 3.35 0 0 0-1.98 1.98l-1.154 3.117-1.153-3.116a3.35 3.35 0 0 0-1.98-1.98L6.5 10.75l3.116-1.153a3.35 3.35 0 0 0 1.98-1.98L12.75 4.5zm-9.647 4.755c.15.404.469.723.872.872l1.372.507-1.372.507c-.403.15-.722.468-.872.872L3.75 16.5l-.507-1.371a1.48 1.48 0 0 0-.872-.872L1 13.75l1.37-.507a1.48 1.48 0 0 0 .873-.872L3.75 11zM6.441 2.87c.204.55.639.985 1.19 1.189L9.5 4.75l-1.87.691A2.02 2.02 0 0 0 6.44 6.63L5.75 8.5l-.692-1.87a2.01 2.01 0 0 0-1.19-1.189L2 4.751l1.869-.692a2.02 2.02 0 0 0 1.19-1.189L5.748 1z\\\"/></svg>\";\n\nvar aiAdjustLength = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m13.749 15.5.691-1.87c.204-.55.638-.984 1.189-1.188l1.87-.692-1.87-.692A2.01 2.01 0 0 1 14.44 9.87L13.75 8l-.692 1.87c-.204.55-.638.984-1.189 1.188l-1.87.692 1.87.692c.55.204.985.638 1.189 1.188zm.5-11.5a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1 0-1.5zm-4 4a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1 0-1.5zm-3 4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5z\\\"/></svg>\";\n\nvar aiAskAi = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M.773 12.536a.75.75 0 0 1 .945.498l.018.051a9 9 0 0 0 .42.964c.317.62.799 1.397 1.473 2.072.701.7 1.38 1.191 1.88 1.505a8 8 0 0 0 .746.417l.037.016.005.003a.75.75 0 0 1-.522 1.404l-.072-.027-.01-.004-.018-.008-.058-.027a10 10 0 0 1-.905-.504 12.3 12.3 0 0 1-2.143-1.715c-.82-.82-1.388-1.744-1.748-2.451a10 10 0 0 1-.5-1.145l-.026-.075-.006-.021-.003-.007v-.003l-.001-.001L1 13.25l-.715.228a.75.75 0 0 1 .488-.942M13.314.953a.75.75 0 0 1 .913-.419l.072.028.009.004.018.007.059.028q.075.034.204.1c.172.09.413.223.701.404a12.3 12.3 0 0 1 2.143 1.715c.82.82 1.387 1.744 1.748 2.45a10 10 0 0 1 .499 1.145l.026.075.007.022.003.007v.003h.001c-.002.002-.043.015-.715.228l.715-.227a.751.751 0 0 1-1.43.455l-.004-.011-.017-.052a9 9 0 0 0-.42-.964c-.317-.619-.8-1.397-1.474-2.07a10.8 10.8 0 0 0-1.88-1.507 8 8 0 0 0-.746-.417l-.036-.015-.006-.003a.75.75 0 0 1-.39-.986M11.29 6.84a3.76 3.76 0 0 0 2.22 2.22L17 10.35l-3.49 1.292a3.76 3.76 0 0 0-2.219 2.22L10 17.35l-1.292-3.49a3.76 3.76 0 0 0-2.22-2.22L3 10.35l3.49-1.291A3.76 3.76 0 0 0 8.71 6.84L10 3.35zm6.009 8.66a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0M14.8 18a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0M3.798 2.001a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0m-2.499 2.5a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0\\\"/></svg>\";\n\nvar aiChangeTone = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M11.282 2.775a4.274 4.274 0 0 1 5.466.466 4.23 4.23 0 0 1 .47 5.443.75.75 0 0 1-.113.907.75.75 0 0 1-.913.114 4.27 4.27 0 0 1-2.846.759l-2.625 2.362a1 1 0 0 1 .015.14v4.788a.75.75 0 0 1-1.5 0v-3.59l-2.678 2.41a1.26 1.26 0 0 1-1.083.298l-1.134-.226-1.062 1.058a.75.75 0 0 1-1.059-1.063l1.06-1.056-.224-1.121c-.078-.39.035-.792.3-1.085l6.14-6.752c-.09-.983.165-1.99.761-2.83a.75.75 0 0 1 .113-.906.75.75 0 0 1 .912-.116m-6.73 11.519.164.82a1 1 0 0 1 .097.097l.834.165 6.027-5.426a4.26 4.26 0 0 1-1.665-1.658zm6.779-9.39a2.73 2.73 0 0 0 .455 3.274 2.77 2.77 0 0 0 3.294.456zm4.359-.6a2.77 2.77 0 0 0-3.294-.456l3.748 3.728a2.73 2.73 0 0 0-.454-3.272\\\" clip-rule=\\\"evenodd\\\"/><path d=\\\"M4.44 1.87c.205.55.639.985 1.19 1.189l1.87.691-1.87.691c-.551.204-.985.64-1.19 1.19L3.75 7.5l-.693-1.87A2.01 2.01 0 0 0 1.87 4.442L0 3.751l1.87-.691c.55-.204.984-.64 1.188-1.19L3.75 0z\\\"/></svg>\";\n\nvar aiChatCommands = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M15.739 13.009c0-.416.44-.644.749-.422l.06.05 3.297 3.232.036.039a.53.53 0 0 1 0 .666l-.036.039-3.297 3.232c-.288.283-.747.098-.803-.292l-.006-.08v-1.468c-.343.04-.898.142-1.57.404l-.189.077c-.654.276-1.15.766-1.464 1.156l-.123.16a.48.48 0 0 1-.574.163.516.516 0 0 1-.314-.56l.064-.388c.074-.426.184-.955.335-1.474.196-.676.483-1.408.906-1.854l.113-.114c.986-.957 2.195-1.094 2.816-1.094zM.773 12.536a.75.75 0 0 1 .945.498l.018.052a9 9 0 0 0 .42.964c.316.619.8 1.396 1.473 2.07.701.702 1.38 1.193 1.88 1.507a8 8 0 0 0 .746.417l.037.015.005.003a.75.75 0 0 1-.522 1.404l-.072-.027-.01-.004-.018-.008-.058-.027a10 10 0 0 1-.905-.504 12.3 12.3 0 0 1-2.143-1.715c-.82-.82-1.388-1.744-1.748-2.45a10 10 0 0 1-.5-1.145l-.026-.076-.006-.021-.003-.007v-.003H.285a.75.75 0 0 1 .488-.943M11.29 6.84a3.76 3.76 0 0 0 2.22 2.218L17 10.35l-3.49 1.291a3.76 3.76 0 0 0-2.22 2.22L10 17.35l-1.291-3.49a3.76 3.76 0 0 0-2.22-2.22l-3.49-1.29 3.49-1.292a3.76 3.76 0 0 0 2.22-2.218l1.29-3.49zM13.314.953a.75.75 0 0 1 .913-.42l.072.028.01.004.018.008.058.027q.076.035.204.1c.172.09.413.223.702.404.576.362 1.348.92 2.142 1.715.82.82 1.388 1.744 1.748 2.451a10 10 0 0 1 .5 1.145l.026.075.006.021.003.007v.003l.001.001a.75.75 0 0 1-1.43.455l-.003-.01-.018-.052-.079-.21a9 9 0 0 0-.342-.754c-.315-.62-.798-1.397-1.472-2.071a10.8 10.8 0 0 0-1.88-1.506 8 8 0 0 0-.746-.417l-.037-.016-.005-.003a.75.75 0 0 1-.391-.985M2.05 3.75a.75.75 0 1 1-.002 1.502.75.75 0 0 1 .001-1.501M4.548 1.25a.75.75 0 1 1 0 1.501.75.75 0 0 1 0-1.5\\\"/></svg>\";\n\nvar aiContinueWriting = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M7.591 16.502c.421 0 .762.336.762.75s-.341.75-.762.75h-5.08a.757.757 0 0 1-.761-.751c0-.414.34-.749.761-.749zm3.302-8.942c0-1.009 1.135-1.576 1.952-1.056l.158.12 4.817 4.182c.576.5.572 1.386-.008 1.882L12.996 16.8c-.823.702-2.103.127-2.103-.945V14.46H2.511a.756.756 0 0 1-.761-.75c0-.414.34-.75.761-.75h8.636c.701 0 1.27.56 1.27 1.25v1.098l4.176-3.568-4.175-3.627V9.28c0 .69-.57 1.25-1.271 1.25H2.511a.756.756 0 0 1-.761-.75c0-.414.34-.75.761-.75h8.382zm6.047-5.689c.205.55.639.986 1.19 1.19l1.869.691-1.87.691c-.55.204-.984.64-1.188 1.19l-.692 1.869-.692-1.87a2.01 2.01 0 0 0-1.188-1.189l-1.87-.691 1.87-.691c.55-.204.984-.64 1.188-1.19l.691-1.869zM7.591 5.502c.421 0 .762.336.762.75s-.34.75-.762.75h-5.08a.756.756 0 0 1-.761-.75c0-.414.34-.75.761-.75z\\\"/></svg>\";\n\nvar aiGrammarCheck = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M17.413 12.037 10.487 19l-3.421-3.446 1.053-1.058 2.37 2.386 5.873-5.902z\\\"/><path fill-rule=\\\"evenodd\\\" d=\\\"m12.976 12.465-1.004 1.009-.737-1.995H5.378l-1.39 3.492H2.5L7.463 3H9.05zm-7.1-2.183h4.764L8.257 4.496z\\\" clip-rule=\\\"evenodd\\\"/><path d=\\\"M16.958 1.87c.203.55.634.985 1.182 1.189l1.859.691-1.86.691a2.01 2.01 0 0 0-1.181 1.19L16.27 7.5l-.689-1.87A2 2 0 0 0 14.4 4.442l-1.858-.691L14.4 3.06c.548-.204.98-.64 1.182-1.19L16.27 0z\\\"/></svg>\";\n\nvar aiImproveWriting = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M14.832 15.502a.75.75 0 0 1 .754.749.75.75 0 0 1-.755.749H7.28a.753.753 0 0 1-.756-.749c0-.414.339-.749.756-.749zm1.237-12.5a.946.946 0 0 1 .851 1.322c-.69 1.575-1.272 2.683-1.893 3.406-.563.655-1.17 1.005-1.884 1.126-.449 1.736-1.662 2.854-2.73 3.527a8.8 8.8 0 0 1-2.038.937q-.092.029-.146.042l-.042.012-.013.003H8.17l-.002.002a.76.76 0 0 1-.917-.546.75.75 0 0 1 .55-.908l.002-.001.023-.006.104-.03a7.3 7.3 0 0 0 1.673-.77c.952-.6 1.888-1.526 2.14-2.92a.97.97 0 0 1 .91-.792l.168-.014c.382-.05.694-.212 1.056-.633.377-.438.782-1.133 1.293-2.229-2.808.253-5.14 2.025-6.952 4.332-1.991 2.537-3.253 5.6-3.728 7.563a.757.757 0 0 1-.911.553.75.75 0 0 1-.559-.903c.519-2.144 1.867-5.409 4.007-8.134 2.136-2.72 5.164-5.024 9.042-4.939M4.44 1.87c.205.55.64.985 1.19 1.189l1.87.691-1.87.691c-.55.204-.985.64-1.19 1.19L3.75 7.5l-.692-1.87a2.01 2.01 0 0 0-1.19-1.189L0 3.75l1.869-.691c.55-.204.985-.64 1.19-1.19L3.748 0z\\\"/></svg>\";\n\nvar aiOther = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m16.25 0 .69 1.87c.205.55.639.984 1.19 1.188L20 3.75l-1.87.692a2.02 2.02 0 0 0-1.19 1.188l-.69 1.87-.693-1.87a2.01 2.01 0 0 0-1.188-1.188l-1.87-.692 1.87-.692c.55-.204.985-.638 1.188-1.188z\\\"/><path d=\\\"M10 1c.704 0 1.053-.003 1.474.09.445.099.635.613.426 1.019-.163.315-.523.465-.875.423C10.712 2.495 10.42 2.5 10 2.5a7.5 7.5 0 1 0 7.5 7.5c0-.26-.047-.582-.102-.89a.82.82 0 0 1 .458-.89c.456-.214 1.007.027 1.08.525.053.375.064.746.064 1.255a9 9 0 1 1-9-9\\\"/><path d=\\\"M7.05 10a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m4.2 0a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0m4.2 0a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0\\\"/></svg>\";\n\nvar aiQuickActions = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M7.718 5.12c.285.77.893 1.378 1.663 1.663l2.618.97-2.618.968a2.82 2.82 0 0 0-1.663 1.664l-.969 2.617-.969-2.617A2.82 2.82 0 0 0 4.117 8.72l-2.618-.969 2.618-.969A2.82 2.82 0 0 0 5.78 5.12l.969-2.618zm10.609 9.086a.75.75 0 0 1 0 1.492l-.078.004h-8a.75.75 0 0 1 0-1.5h8zm-.077-4.504a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zm.002-4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zM3.461 12.749c.136.367.425.657.791.793l1.247.46-1.247.46a1.34 1.34 0 0 0-.79.793l-.463 1.247-.46-1.246a1.34 1.34 0 0 0-.793-.793l-1.247-.46 1.247-.461a1.34 1.34 0 0 0 .792-.793L3 11.502z\\\"/></svg>\";\n\nvar aiReview = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m14.57 9.33-8.194 8.194H3.598V14.75l8.193-8.198 2.779 2.78Zm-.108-5.14a.73.73 0 0 1 .522.217l1.734 1.73a.736.736 0 0 1 0 1.043l-1.355 1.36-2.78-2.78 1.357-1.352a.74.74 0 0 1 .522-.218M4.05.19l.692 1.869c.204.55.638.985 1.189 1.189l1.87.691-1.87.692c-.55.204-.985.638-1.189 1.189L4.05 7.69l-.69-1.87a2.01 2.01 0 0 0-1.19-1.189L.3 3.94l1.87-.691c.55-.204.985-.638 1.189-1.189z\\\"/></svg>\";\n\nvar aiTranslate = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M19 19h-1.486l-1.289-3.5h-5.85L8.989 19H7.501l4.957-12h1.586zm-8.13-4.7h4.76l-2.38-5.8z\\\" clip-rule=\\\"evenodd\\\"/><path d=\\\"M5.648.5c.414 0 .75.337.75.751v.95h4.35a.75.75 0 0 1 0 1.5H9.486c-.337 1.817-1.254 4.38-3.062 6.917.234.25.42.434.56.563a5 5 0 0 0 .293.253h.001a.75.75 0 0 1-.857 1.231H6.42l-.003-.002-.004-.003-.01-.008-.028-.02-.092-.072a7 7 0 0 1-.317-.278 12 12 0 0 1-.472-.463c-1.345 1.606-2.094 2.28-4.376 3.584a.75.75 0 0 1-.736-1.306c2.018-.997 2.852-1.878 4.11-3.42-.546-.738-.982-1.637-1.286-2.357a19 19 0 0 1-.563-1.516l-.008-.026-.002-.007-.001-.002-.019-.076A.75.75 0 0 1 4.04 6.26l.026.072.001.004.006.02.025.078.101.297c.09.255.22.61.388 1.005.233.553.525 1.152.852 1.67C6.86 7.313 7.63 5.146 7.953 3.7H.948a.75.75 0 0 1 0-1.5h3.95v-.949A.75.75 0 0 1 5.648.5m11.293 1.37c.204.55.638.984 1.189 1.188l1.869.692-1.87.691c-.55.204-.984.638-1.188 1.189L16.25 7.5l-.692-1.87a2.01 2.01 0 0 0-1.188-1.19l-1.87-.691 1.87-.692c.55-.204.985-.638 1.188-1.189L16.25 0z\\\"/></svg>\";\n\nvar aiChat = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M.773 12.536a.75.75 0 0 1 .945.498l.018.051a9 9 0 0 0 .42.964c.317.62.799 1.397 1.473 2.072.701.7 1.38 1.191 1.88 1.505a8 8 0 0 0 .746.417l.037.016.005.003a.75.75 0 0 1-.522 1.404l-.072-.027-.01-.004-.018-.008-.058-.027a10 10 0 0 1-.905-.504 12.3 12.3 0 0 1-2.143-1.715c-.82-.82-1.388-1.744-1.748-2.451a10 10 0 0 1-.5-1.145l-.026-.075-.006-.021-.003-.007v-.003l-.001-.001L1 13.25l-.715.228a.75.75 0 0 1 .488-.942M13.314.953a.75.75 0 0 1 .913-.419l.072.028.009.004.018.007.059.028q.075.034.204.1c.172.09.413.223.701.404a12.3 12.3 0 0 1 2.143 1.715c.82.82 1.387 1.744 1.748 2.45a10 10 0 0 1 .499 1.145l.026.075.007.022.003.007v.003h.001c-.002.002-.043.015-.715.228l.715-.227a.751.751 0 0 1-1.43.455l-.004-.011-.017-.052a9 9 0 0 0-.42-.964c-.317-.619-.8-1.397-1.474-2.07a10.8 10.8 0 0 0-1.88-1.507 8 8 0 0 0-.746-.417l-.036-.015-.006-.003a.75.75 0 0 1-.39-.986M11.29 6.84a3.76 3.76 0 0 0 2.22 2.22L17 10.35l-3.49 1.292a3.76 3.76 0 0 0-2.219 2.22L10 17.35l-1.292-3.49a3.76 3.76 0 0 0-2.22-2.22L3 10.35l3.49-1.291A3.76 3.76 0 0 0 8.71 6.84L10 3.35zm6.009 8.66a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0M14.8 18a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0M3.798 2.001a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0m-2.499 2.5a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0\\\"/></svg>\";\n\nvar aiHistory = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M16.942 1.87c.203.55.637.985 1.188 1.189L20 3.75l-1.87.691a2.01 2.01 0 0 0-1.188 1.19L16.249 7.5l-.691-1.87a2.01 2.01 0 0 0-1.19-1.189L12.5 3.75l1.87-.691c.55-.204.985-.639 1.189-1.19L16.249 0zm2.03 5.43c.305 0 .58.192.671.483a7 7 0 0 1 .352 2.4 9 9 0 0 1-9.361 8.809 9 9 0 0 1-7.662-4.917L4.1 12.946A7.502 7.502 0 0 0 18.5 10c0-1.017-.1-1.266-.5-2.2-.097-.224.143-.5.387-.5z\\\"/><path d=\\\"m11.5 9.999 3.195 3.196-1.06 1.06-3.536-3.536-.1-.112V5h1.5zM10.7 1q.168 0 .336.006a.703.703 0 0 1 .664.716c0 .451-.398.795-.849.785a7 7 0 0 0-.531.007c-1.015.052-1.71.309-2.623.756a7.5 7.5 0 0 0-4.17 6.125l.965-.737a.75.75 0 0 1 .979.057l.073.083a.75.75 0 0 1-.058.978l-.083.072-2.27 1.738a.75.75 0 0 1-.972-.052l-.074-.082-1.741-2.23a.75.75 0 0 1 1.107-1.005l.074.082.531.68a9 9 0 0 1 5.32-7.218C8.519 1.259 9.453 1 10.7 1\\\"/></svg>\";\n\nvar alignBottom = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m9.239 13.938-2.88-1.663a.75.75 0 0 1 .75-1.3L9 12.067V4.75a.75.75 0 1 1 1.5 0v7.318l1.89-1.093a.75.75 0 0 1 .75 1.3l-2.879 1.663a.75.75 0 0 1-.511.187.75.75 0 0 1-.511-.187M4.25 17a.75.75 0 1 1 0-1.5h10.5a.75.75 0 0 1 0 1.5z\\\"/></svg>\";\n\nvar alignCenter = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3.75c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m0 8c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m2.286 4c0 .414.336.75.75.75h9.928a.75.75 0 1 0 0-1.5H5.036a.75.75 0 0 0-.75.75m0-8c0 .414.336.75.75.75h9.928a.75.75 0 1 0 0-1.5H5.036a.75.75 0 0 0-.75.75\\\"/></svg>\";\n\nvar alignJustify = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3.75c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m0 8c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m0 4c0 .414.336.75.75.75h9.929a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m0-8c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75\\\"/></svg>\";\n\nvar alignLeft = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3.75c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m0 8c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m0 4c0 .414.336.75.75.75h9.929a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m0-8c0 .414.336.75.75.75h9.929a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75\\\"/></svg>\";\n\nvar alignMiddle = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M9.75 11.875a.75.75 0 0 1 .508.184l2.883 1.666a.75.75 0 0 1-.659 1.344l-.091-.044-1.892-1.093.001 4.318a.75.75 0 1 1-1.5 0v-4.317l-1.89 1.092a.75.75 0 0 1-.75-1.3l2.879-1.663a.75.75 0 0 1 .51-.187zM15.25 9a.75.75 0 1 1 0 1.5H4.75a.75.75 0 1 1 0-1.5zM9.75.375a.75.75 0 0 1 .75.75v4.318l1.89-1.093.092-.045a.75.75 0 0 1 .659 1.344l-2.883 1.667a.75.75 0 0 1-.508.184.75.75 0 0 1-.511-.187L6.359 5.65a.75.75 0 0 1 .75-1.299L9 5.442V1.125a.75.75 0 0 1 .75-.75\\\"/></svg>\";\n\nvar alignRight = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M18 3.75a.75.75 0 0 1-.75.75H2.75a.75.75 0 1 1 0-1.5h14.5a.75.75 0 0 1 .75.75m0 8a.75.75 0 0 1-.75.75H2.75a.75.75 0 1 1 0-1.5h14.5a.75.75 0 0 1 .75.75m0 4a.75.75 0 0 1-.75.75H7.321a.75.75 0 1 1 0-1.5h9.929a.75.75 0 0 1 .75.75m0-8a.75.75 0 0 1-.75.75H7.321a.75.75 0 1 1 0-1.5h9.929a.75.75 0 0 1 .75.75\\\"/></svg>\";\n\nvar alignTop = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m10.261 7.062 2.88 1.663a.75.75 0 0 1-.75 1.3L10.5 8.933v7.317a.75.75 0 1 1-1.5 0V8.932l-1.89 1.093a.75.75 0 0 1-.75-1.3l2.879-1.663a.75.75 0 0 1 .511-.187.75.75 0 0 1 .511.187M15.25 4a.75.75 0 1 1 0 1.5H4.75a.75.75 0 0 1 0-1.5z\\\"/></svg>\";\n\nvar arrowDown = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10 .75a9.25 9.25 0 1 1 0 18.5 9.25 9.25 0 0 1 0-18.5m0 1.5a7.75 7.75 0 1 0 0 15.5 7.75 7.75 0 0 0 0-15.5m0 2.022a.75.75 0 0 1 .743.649l.007.101v8.165l2.714-2.705a.75.75 0 0 1 .977-.07l.084.072a.75.75 0 0 1 .07.976l-.072.084-3.994 3.981a.75.75 0 0 1-.975.073l-.084-.073-3.99-3.98a.75.75 0 0 1 .975-1.135l.085.072 2.71 2.706V5.022a.75.75 0 0 1 .75-.75\\\"/></svg>\";\n\nvar arrowUp = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10 19.25a9.25 9.25 0 1 0 0-18.5 9.25 9.25 0 0 0 0 18.5m0-1.5a7.75 7.75 0 1 1 0-15.5 7.75 7.75 0 0 1 0 15.5m0-2.022a.75.75 0 0 0 .743-.649l.007-.101V6.813l2.714 2.705a.75.75 0 0 0 .977.07l.084-.072a.75.75 0 0 0 .07-.976l-.072-.084-3.994-3.981a.75.75 0 0 0-.975-.073l-.084.073-3.99 3.98a.75.75 0 0 0 .975 1.135l.085-.072 2.71-2.706v8.166c0 .414.336.75.75.75\\\"/></svg>\";\n\nvar bold = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10.187 17H5.773q-.956 0-1.364-.415-.41-.416-.409-1.323V4.738q0-.926.419-1.332.418-.405 1.354-.406h4.68q1.035 0 1.793.124.76.124 1.36.478.512.296.906.75a3.26 3.26 0 0 1 .808 2.162q0 2.102-2.167 3.075 2.846.879 2.847 3.421a3.76 3.76 0 0 1-2.296 3.504 6 6 0 0 1-1.517.377q-.857.11-2 .11zm-.217-6.217H7v4.087h3.069q2.965 0 2.965-2.072 0-1.061-.768-1.537-.768-.478-2.296-.478M7 5.13v3.619h2.606q1.093 0 1.69-.2a1.6 1.6 0 0 0 .91-.765q.247-.4.247-.897 0-1.06-.778-1.409-.778-.348-2.375-.348z\\\"/></svg>\";\n\nvar bookmarkInline = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 14 16\\\"><path d=\\\"M2 14.436V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v12.436a.5.5 0 0 1-.819.385l-3.862-3.2a.5.5 0 0 0-.638 0l-3.862 3.2A.5.5 0 0 1 2 14.436\\\" class=\\\"ck-icon__fill\\\"/></svg>\";\n\nvar bookmark = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5.68 3.417a.24.24 0 0 0-.24.236v12.66l3.793-3.102a1.215 1.215 0 0 1 1.534 0l3.793 3.103V3.654a.24.24 0 0 0-.24-.237zM4 3.653C4 2.74 4.752 2 5.68 2h8.64c.928 0 1.68.74 1.68 1.653v13.164c0 1-1.185 1.547-1.967.908L10 14.426l-4.033 3.299c-.782.64-1.967.092-1.967-.908z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar bookmarkMedium = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"M4.4 2.24c-.11 0-.2.092-.2.207v11.077l3.16-2.714a.975.975 0 0 1 1.28 0l3.16 2.714V2.447a.203.203 0 0 0-.2-.207zM3 2.447C3 1.647 3.627 1 4.4 1h7.2c.773 0 1.4.648 1.4 1.447v11.518c0 .875-.988 1.354-1.64.794L8 11.873 4.64 14.76c-.652.56-1.64.081-1.64-.794z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar bookmarkSmall = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 14 14\\\"><path d=\\\"M4.216 2.031a.503.503 0 0 0-.489.516v9.42l2.648-2.324a.94.94 0 0 1 1.25 0l2.648 2.324v-9.42a.503.503 0 0 0-.489-.516zm-1.466.516C2.75 1.693 3.406 1 4.216 1h5.568c.81 0 1.466.693 1.466 1.547v9.42c0 .873-.965 1.351-1.602.793L7 10.436 4.352 12.76c-.637.558-1.602.08-1.602-.793z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar browseFiles = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M17.5 9.303V8h-13v8.5h4.341c.191.54.457 1.044.785 1.5H2a1.5 1.5 0 0 1-1.5-1.5v-13A1.5 1.5 0 0 1 2 2h4.5a1.5 1.5 0 0 1 1.06.44L9.122 4H16a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 19 8v2.531a6 6 0 0 0-1.5-1.228M16 6.5v-1H8.5l-2-2H2v13h1V8a1.5 1.5 0 0 1 1.5-1.5z\\\"/><path d=\\\"M14.5 19.5a5 5 0 1 1 0-10 5 5 0 0 1 0 10M15 14v-2h-1v2h-2v1h2v2h1v-2h2v-1z\\\"/></svg>\";\n\nvar bulb = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M11.91 18.255a.747.747 0 0 1 .663.746.747.747 0 0 1-.664.746l-.075.004H8.382a.745.745 0 0 1-.74-.75c0-.414.331-.75.74-.75h3.452z\\\"/><path fill-rule=\\\"evenodd\\\" d=\\\"M10.104 3.752c.807 0 1.59.193 2.415.548l.404.185c.913.452 1.62 1.026 2.129 1.77.578.848.852 1.85.95 2.991l.014.258c.031 1.26-.537 2.059-1.096 2.722-.562.665-1.05 1.151-1.322 1.935l-.053.161c-.204.698-.397 1.704-.504 2.314a1.34 1.34 0 0 1-1.308 1.114H8.476c-.65 0-1.196-.476-1.308-1.114a31 31 0 0 0-.354-1.743l-.15-.57c-.258-.882-.776-1.387-1.375-2.097-.596-.707-1.203-1.57-1.082-2.98l.045-.422c.126-.968.4-1.827.906-2.568.58-.851 1.422-1.478 2.533-1.956l.307-.126c.713-.274 1.401-.422 2.106-.422m0 1.5c-.492 0-1.001.102-1.582.325l-.254.104c-.927.398-1.513.87-1.894 1.43-.337.492-.551 1.106-.656 1.909l-.038.356c-.07.806.224 1.272.732 1.874.506.599 1.299 1.384 1.67 2.645l.084.307c.181.688.338 1.508.435 2.048h3.007c.112-.624.304-1.619.52-2.355l.075-.232c.394-1.127 1.12-1.852 1.594-2.413.476-.565.764-1.01.74-1.727l-.008-.147c-.084-.981-.308-1.702-.693-2.266-.334-.49-.824-.912-1.563-1.277l-.332-.152c-.688-.296-1.274-.43-1.837-.43\\\" clip-rule=\\\"evenodd\\\"/><path d=\\\"M3.597 13.637a.73.73 0 0 1 1.045 0 .76.76 0 0 1 0 1.06l-1.05 1.064-.056.052a.73.73 0 0 1-.99-.052.76.76 0 0 1-.05-1.004l.05-.057zm11.761 0a.73.73 0 0 1 1.045 0l1.05 1.063.05.057c.237.294.22.73-.05 1.004a.73.73 0 0 1-.99.052l-.055-.052-1.05-1.064a.76.76 0 0 1 0-1.06M2.472 8.257c.409 0 .74.336.74.75s-.331.75-.74.75L.99 9.756l-.075-.004a.746.746 0 0 1-.664-.746c0-.388.291-.708.664-.746l.075-.004zm16.614.003a.747.747 0 0 1 .664.746.746.746 0 0 1-.664.746l-.075.004h-1.483a.745.745 0 0 1-.74-.75c0-.413.331-.75.74-.75h1.483zM3.334 2.581c.27-.274.7-.29.99-.05l.055.05 1.048 1.065a.76.76 0 0 1 0 1.061.73.73 0 0 1-1.045 0L3.334 3.642l-.05-.057a.76.76 0 0 1 .05-1.004m12.343-.051a.73.73 0 0 1 .989.051.76.76 0 0 1 .05 1.004l-.05.057-1.048 1.065a.73.73 0 0 1-1.046 0 .76.76 0 0 1 0-1.06l1.049-1.066zM10.007.251c.383 0 .698.296.736.674l.003.076.001 1.505c0 .414-.33.75-.738.75a.745.745 0 0 1-.74-.75L9.268 1l.004-.076a.745.745 0 0 1 .735-.674\\\"/></svg>\";\n\nvar bulletedList = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M7 5.75c0 .414.336.75.75.75h9.5a.75.75 0 1 0 0-1.5h-9.5a.75.75 0 0 0-.75.75m-6 0C1 4.784 1.777 4 2.75 4c.966 0 1.75.777 1.75 1.75 0 .966-.777 1.75-1.75 1.75C1.784 7.5 1 6.723 1 5.75m6 9c0 .414.336.75.75.75h9.5a.75.75 0 1 0 0-1.5h-9.5a.75.75 0 0 0-.75.75m-6 0c0-.966.777-1.75 1.75-1.75.966 0 1.75.777 1.75 1.75 0 .966-.777 1.75-1.75 1.75-.966 0-1.75-.777-1.75-1.75\\\"/></svg>\";\n\nvar cancel = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m11.591 10.177 4.243 4.242a1 1 0 0 1-1.415 1.415l-4.242-4.243-4.243 4.243a1 1 0 0 1-1.414-1.415l4.243-4.242L4.52 5.934A1 1 0 0 1 5.934 4.52l4.243 4.243 4.242-4.243a1 1 0 1 1 1.415 1.414z\\\"/></svg>\";\n\nvar caption = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 16h9a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2\\\"/><path fill-opacity=\\\".6\\\" d=\\\"M17 1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 1.5H3a.5.5 0 0 0-.492.41L2.5 3v9a.5.5 0 0 0 .41.492L3 12.5h14a.5.5 0 0 0 .492-.41L17.5 12V3a.5.5 0 0 0-.41-.492z\\\"/></svg>\";\n\nvar caseChange = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5.789 3 0 17h1.664l1.664-4.027h6.797l.227.548c.046-.172.112-.352.209-.545.217-.436.556-.609.898-.798L7.664 3H5.79Zm.938 1.758 2.777 6.715H3.949zM15.956 7.5c-1.584-.02-3.226.824-3.843 2.882l1.495.106c.904-2.082 4.594-2.13 4.375.534-3.245 1.024-4.838.117-6.082 2.62-.208.418-.17 1.57.54 2.397s2.014 1.149 3.409.85 2.24-1.386 2.24-1.386L18.205 17h1.493l-.059-1.72-.056-5.274C19.51 8.612 17.75 7.524 15.956 7.5m2.027 4.696s.641 2.453-1.528 3.27c-3.376 1.269-4.188-2.141-1.775-2.638 1.704-.352 1.873-.25 3.303-.632\\\"/></svg>\";\n\nvar check = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M6.972 16.615a1 1 0 0 1-.744-.292l-4.596-4.596a1 1 0 1 1 1.414-1.414l3.926 3.926 9.937-9.937a1 1 0 0 1 1.414 1.415L7.717 16.323a1 1 0 0 1-.745.292\\\"/></svg>\";\n\nvar chevronDown = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M16.435 5.506a.75.75 0 0 1 1.197.899l-.067.089-6.992 8a.75.75 0 0 1-1.05.078l-.079-.078-7.008-8a.75.75 0 0 1 1.049-1.066l.08.078 6.442 7.354z\\\"/></svg>\";\n\nvar chevronUp = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M16.435 14.494a.75.75 0 0 0 1.197-.899l-.067-.089-6.992-8a.75.75 0 0 0-1.05-.078l-.079.078-7.008 8a.75.75 0 0 0 1.049 1.066l.08-.078 6.442-7.354z\\\"/></svg>\";\n\nvar chevronRight = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 21 21\\\"><path d=\\\"M9.064 14.666a.75.75 0 1 1-1.06-1.06L11.01 10.6 8.004 7.595a.75.75 0 1 1 1.06-1.06l3.55 3.549a.748.748 0 0 1-.136 1.168z\\\"/></svg>\";\n\nvar ckboxImageEdit = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M1.201 1C.538 1 0 1.47 0 2.1v14.363c0 .64.534 1.037 1.186 1.037H5.06l5.058-5.078L6.617 9.15a.696.696 0 0 0-.957-.033L1.5 13.6V2.5h15v4.354a3.5 3.5 0 0 1 1.5.049V2.1c0-.63-.547-1.1-1.2-1.1zm11.713 2.803a2.147 2.147 0 0 0-2.049 1.992 2.14 2.14 0 0 0 1.28 2.096 2.13 2.13 0 0 0 2.642-3.11 2.13 2.13 0 0 0-1.873-.978M8.089 17.635v2.388h2.389l7.046-7.046-2.39-2.39zm11.282-6.507a.64.64 0 0 0 .139-.692.6.6 0 0 0-.139-.205l-1.49-1.488a.63.63 0 0 0-.899 0l-1.166 1.163 2.39 2.39z\\\"/></svg>\";\n\nvar close = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m11.538 9.44 6.362 6.362a1.503 1.503 0 1 1-2.125 2.125L9.418 11.56l-6.365 6.365A1.5 1.5 0 1 1 .93 15.803L7.295 9.44.93 3.075A1.5 1.5 0 0 1 3.052.955L9.416 7.32 15.78.955a1.5 1.5 0 0 1 2.123 2.12z\\\"/></svg>\";\n\nvar codeBlock = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M12.87 12.61a.75.75 0 0 1-.089.976l-.085.07-3.154 2.254 3.412 2.414a.75.75 0 0 1 .237.95l-.057.095a.75.75 0 0 1-.95.237l-.096-.058-4.272-3.022-.003-1.223 4.01-2.867a.75.75 0 0 1 1.047.174m2.795-.231.095.057 4.011 2.867-.003 1.223-4.272 3.022-.095.058a.75.75 0 0 1-.88-.151l-.07-.086-.058-.095a.75.75 0 0 1 .15-.88l.087-.07 3.412-2.414-3.154-2.253-.085-.071a.75.75 0 0 1 .862-1.207M16 0a2 2 0 0 1 2 2v9.354l-.663-.492-.837-.001V2a.5.5 0 0 0-.5-.5H2a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h3.118L7.156 19H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zM5.009 15l.003 1H3v-1zm2.188-2-1.471 1H5v-1zM10 11v.095L8.668 12H7v-1zm4-2v1H7V9zm0-2v1H7V7zm-4-2v1H5V5zM6 3v1H3V3z\\\"/></svg>\";\n\nvar code = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m12.5 5.7 5.2 3.9v1.3l-5.6 4c-.1.2-.3.2-.5.2-.3-.1-.6-.7-.6-1l.3-.4 4.7-3.5L11.5 7l-.2-.2c-.1-.3-.1-.6 0-.8.2-.2.5-.4.8-.4a.8.8 0 0 1 .4.1m-5.2 0L2 9.6v1.3l5.6 4c.1.2.3.2.5.2.3-.1.7-.7.6-1 0-.1 0-.3-.2-.4l-5-3.5L8.2 7l.2-.2c.1-.3.1-.6 0-.8-.2-.2-.5-.4-.8-.4a.8.8 0 0 0-.3.1\\\"/></svg>\";\n\nvar cog = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m11.333 2 .19 2.263a6 6 0 0 1 1.458.604L14.714 3.4 16.6 5.286l-1.467 1.733c.263.452.468.942.605 1.46L18 8.666v2.666l-2.263.19a6 6 0 0 1-.604 1.458l1.467 1.733-1.886 1.886-1.733-1.467a6 6 0 0 1-1.46.605L11.334 18H8.667l-.19-2.263a6 6 0 0 1-1.458-.604L5.286 16.6 3.4 14.714l1.467-1.733a6 6 0 0 1-.604-1.458L2 11.333V8.667l2.262-.189a6 6 0 0 1 .605-1.459L3.4 5.286 5.286 3.4l1.733 1.467a6 6 0 0 1 1.46-.605L8.666 2zM10 6.267a3.733 3.733 0 1 0 0 7.466 3.733 3.733 0 0 0 0-7.466\\\"/></svg>\";\n\nvar colorPalette = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10.209 18.717A8.5 8.5 0 1 1 18.686 9.6h-.008l.002.12a3 3 0 0 1-2.866 2.997h-.268l-.046-.002v.002h-4.791a2 2 0 1 0 0 4 1 1 0 1 1-.128 1.992 9 9 0 0 1-.372.008m-3.918-7.01a1.25 1.25 0 1 0-2.415-.648 1.25 1.25 0 0 0 2.415.647ZM5.723 8.18a1.25 1.25 0 1 0 .647-2.414 1.25 1.25 0 0 0-.647 2.414M9.76 6.155a1.25 1.25 0 1 0 .647-2.415 1.25 1.25 0 0 0-.647 2.415m4.028 1.759a1.25 1.25 0 1 0 .647-2.415 1.25 1.25 0 0 0-.647 2.415\\\"/></svg>\";\n\nvar colorTileCheck = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M16.935 5.328a2 2 0 0 1 0 2.829l-7.778 7.778a2 2 0 0 1-2.829 0L3.5 13.107a1.999 1.999 0 1 1 2.828-2.829l.707.707a1 1 0 0 0 1.414 0l5.658-5.657a2 2 0 0 1 2.828 0\\\" class=\\\"ck-icon__fill\\\"/><path d=\\\"M14.814 6.035 8.448 12.4a1 1 0 0 1-1.414 0l-1.413-1.415A1 1 0 1 0 4.207 12.4l2.829 2.829a1 1 0 0 0 1.414 0l7.778-7.778a1 1 0 1 0-1.414-1.415z\\\"/></svg>\";\n\nvar commentsArchive = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M14 3.5A3.5 3.5 0 0 1 17.5 7v6l-.005.192a3.5 3.5 0 0 1-2.927 3.262l-.062.008v1.813a1.5 1.5 0 0 1-2.193 1.33l-.37-.193-.38-.212a13.5 13.5 0 0 1-3.272-2.63l-.062-.07-4.729-.046a3.5 3.5 0 0 1-3.5-3.5v-6a3.5 3.5 0 0 1 3.5-3.5zM3.5 4.954a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2L8.924 15a11.9 11.9 0 0 0 3.71 3.081l.372.194v-3.268L12.962 15H14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z\\\" clip-rule=\\\"evenodd\\\"/><path d=\\\"M16.5.5h-10a3.5 3.5 0 0 0-3.162 2h1.84A2 2 0 0 1 6.5 2h10a2 2 0 0 1 2 2v8.873a3.5 3.5 0 0 0 1.495-2.681L20 10V4A3.5 3.5 0 0 0 16.5.5\\\"/><path d=\\\"M12.013 7.453a.75.75 0 0 1 .034 1.06l-3.75 4a.75.75 0 0 1-1.045.048l-2.25-2a.75.75 0 0 1 .996-1.122l1.704 1.515 3.25-3.467a.75.75 0 0 1 1.061-.034\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar contentLock = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M15.5 6.5a3.5 3.5 0 0 1 3.495 3.308L19 10v2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1v-2l.005-.192A3.5 3.5 0 0 1 15.5 6.5m0 7.5a.5.5 0 0 0-.492.41L15 14.5v2a.5.5 0 0 0 .992.09L16 16.5v-2a.5.5 0 0 0-.5-.5m0-6a2 2 0 0 0-2 2v2h4v-2a2 2 0 0 0-2-2m-9.25 8a.75.75 0 1 1 0 1.5H.75a.75.75 0 1 1 0-1.5zm0-5a.75.75 0 1 1 0 1.5H.75a.75.75 0 1 1 0-1.5zm3-5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1 0-1.5zm6-5a.75.75 0 1 1 0 1.5H.75a.75.75 0 0 1 0-1.5z\\\"/></svg>\";\n\nvar contentUnlock = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M6.25 16a.75.75 0 1 1 0 1.5H.75a.75.75 0 1 1 0-1.5zm0-5a.75.75 0 1 1 0 1.5H.75a.75.75 0 1 1 0-1.5zm3-5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1 0-1.5zm6-5a.75.75 0 1 1 0 1.5H.75a.75.75 0 0 1 0-1.5zm.25 5.5a3.5 3.5 0 0 1 3.143 1.959.75.75 0 0 1-1.36.636A2 2 0 0 0 13.5 10v2H19a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1v-2l.005-.192A3.5 3.5 0 0 1 15.5 6.5m0 7.5a.5.5 0 0 0-.492.41L15 14.5v2a.5.5 0 0 0 .992.09L16 16.5v-2a.5.5 0 0 0-.5-.5\\\"/></svg>\";\n\nvar copy = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5 2.801a.7.7 0 0 0-.7.7v11.5a.8.8 0 0 1-1.6 0v-11.5a2.3 2.3 0 0 1 2.3-2.3h6.5a.8.8 0 0 1 0 1.6zm.7 3.7a2.3 2.3 0 0 1 2.3-2.3h7a2.3 2.3 0 0 1 2.3 2.3v10a2.3 2.3 0 0 1-2.3 2.3H8a2.3 2.3 0 0 1-2.3-2.3zm2.3-.7a.7.7 0 0 0-.7.7v10a.7.7 0 0 0 .7.7h7a.7.7 0 0 0 .7-.7v-10a.7.7 0 0 0-.7-.7z\\\"/></svg>\";\n\nvar document = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M2.75 1.701a.95.95 0 0 1 .95-.95h7.61l5.94 5.94V18.3a.95.95 0 0 1-.95.95H3.7a.95.95 0 0 1-.95-.95zm1.5.55v15.5h11.5v-10H11.2a.95.95 0 0 1-.95-.95v-4.55zm7.5 1.06 2.94 2.94h-2.94z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar documentWithCheckmark = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M1.95.001a.95.95 0 0 0-.95.95v16.6c0 .525.425.95.95.95h5.641c.415 0 .75-.313.75-.727 0-.415-.335-.773-.75-.773H2.5v-15.5h6v4.55c0 .525.425.95.95.95H14V8.24c0 .414.342.75.757.75a.744.744 0 0 0 .743-.75v-2.3L9.56.001zm10.99 5.5L10 2.561v2.94z\\\"/><path d=\\\"M18.03 11.531a.75.75 0 0 0-1.06-1.06L12 15.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06L12 17.56z\\\"/></svg>\";\n\nvar documentWithCross = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M1.95.001a.95.95 0 0 0-.95.95v16.6c0 .525.425.95.95.95h5.641c.415 0 .75-.32.75-.735a.763.763 0 0 0-.75-.765H2.5v-15.5h6v4.55c0 .525.425.95.95.95H14v1.25c0 .414.342.75.757.75a.744.744 0 0 0 .743-.75v-2.31L9.56 0zm10.99 5.5L10 2.561v2.94z\\\"/><path d=\\\"M11.47 10.47a.75.75 0 0 1 1.06 0l2.97 2.97 2.97-2.97a.75.75 0 0 1 1.06 1.061l-2.97 2.97 2.97 2.97a.75.75 0 0 1-1.06 1.06l-2.97-2.97-2.97 2.97a.75.75 0 1 1-1.06-1.06l2.97-2.97-2.97-2.97a.75.75 0 0 1 0-1.06\\\"/></svg>\";\n\nvar documentWithLoupe = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><g fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\"><path d=\\\"M1 .95A.95.95 0 0 1 1.95 0h7.61l5.94 5.94v3.249A6 6 0 0 0 14 9V7H9.45a.95.95 0 0 1-.95-.95V1.5h-6V17h5.841c.191.54.457 1.044.785 1.5H1.95a.95.95 0 0 1-.95-.95zm9 1.61 2.94 2.94H10z\\\"/><path d=\\\"M12.895 17.79c.805 0 1.553-.243 2.173-.661l2.653 2.653a.75.75 0 0 0 1.06-1.061l-2.652-2.653a3.895 3.895 0 1 0-3.233 1.722m0-1.6a2.295 2.295 0 1 1 0-4.59 2.295 2.295 0 0 1 0 4.59\\\"/></g></svg>\";\n\nvar documentOutline = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2.587 17.028a1.88 1.88 0 0 1-1.882-1.881V1.976A1.88 1.88 0 0 1 2.587.094H17.64a1.88 1.88 0 0 1 1.881 1.882v13.17a1.88 1.88 0 0 1-1.881 1.882zm5.645-1.41h9.408a.47.47 0 0 0 .47-.471V1.976a.47.47 0 0 0-.47-.47H8.232zM6.82 1.504H2.587a.47.47 0 0 0-.47.47v13.172a.47.47 0 0 0 .47.47H6.82z\\\"/></svg>\";\n\nvar documentOutlineToggle = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5 9.5a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 5 8H3.5a.5.5 0 0 0-.5.5V9a.5.5 0 0 0 .5.5zm.5 2.5a.5.5 0 0 1-.5.5H3.5A.5.5 0 0 1 3 12v-.5a.5.5 0 0 1 .5-.5H5a.5.5 0 0 1 .5.5zM5 6.5a.5.5 0 0 0 .5-.5v-.5A.5.5 0 0 0 5 5H3.5a.5.5 0 0 0-.5.5V6a.5.5 0 0 0 .5.5z\\\"/><path d=\\\"M2 19a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2zm6-1.5h10a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H8zm-1.5-15H2a.5.5 0 0 0-.5.5v14a.5.5 0 0 0 .5.5h4.5z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar dragHandle = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"M4 0v1H1v3H0V.5A.5.5 0 0 1 .5 0zm8 0h3.5a.5.5 0 0 1 .5.5V4h-1V1h-3zM4 16H.5a.5.5 0 0 1-.5-.5V12h1v3h3zm8 0v-1h3v-3h1v3.5a.5.5 0 0 1-.5.5z\\\"/><path fill-opacity=\\\".256\\\" d=\\\"M1 1h14v14H1z\\\"/><g class=\\\"ck-icon__selected-indicator\\\"><path d=\\\"M7 0h2v1H7zM0 7h1v2H0zm15 0h1v2h-1zm-8 8h2v1H7z\\\"/><path fill-opacity=\\\".254\\\" d=\\\"M1 1h14v14H1z\\\"/></g></svg>\";\n\nvar dragIndicator = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5 3.25a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0m7 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0M5 10a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0m7 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0m-7 6.75a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0m7 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 1 0-3 0\\\"/></svg>\";\n\nvar dropbox = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5.972 3.115A.75.75 0 0 1 6.374 3c.14 0 .28.037.402.115l3.229 2.059 3.228-2.057a.75.75 0 0 1 .805 0l3.629 2.31h.002a.757.757 0 0 1 0 1.264h-.002L15.034 8.37l2.633 1.678h.002a.756.756 0 0 1 0 1.262h-.002l-3.63 2.312a1 1 0 0 1-.161.076c.234.08.409.275.482.5a.75.75 0 0 1-.322.854l-3.629 2.308a.75.75 0 0 1-.805 0l-3.63-2.31a.75.75 0 0 1-.229-1.031l.076-.122h.022a.75.75 0 0 1 .32-.189.8.8 0 0 1-.19-.086l-3.63-2.312a.756.756 0 0 1 0-1.264l2.632-1.678-2.632-1.676a.757.757 0 0 1 0-1.263zm2.64 2.946L6.374 4.635 4.136 6.06l2.238 1.423L8.612 6.06Zm7.262 0-2.236-1.426-2.239 1.426 2.237 1.423zm-3.637 2.306-2.232-1.422-2.233 1.422 2.235 1.422zm-3.625 2.31L6.374 9.253l-2.238 1.426 2.238 1.424 2.238-1.424Zm7.262 0-2.236-1.425-2.239 1.426 2.237 1.424 2.238-1.424Zm-2.64 2.944-3.23-2.056-3.228 2.056a.8.8 0 0 1-.185.084.7.7 0 0 1 .185.08l3.229 2.057 3.226-2.055a.8.8 0 0 1 .18-.084.8.8 0 0 1-.178-.082Z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar dropdownArrow = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 10 10\\\"><path d=\\\"M.941 4.523a.75.75 0 1 1 1.06-1.06l3.006 3.005 3.005-3.005a.75.75 0 1 1 1.06 1.06l-3.549 3.55a.75.75 0 0 1-1.168-.136z\\\"/></svg>\";\n\nvar editComment = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3 13.598v2.777h2.778l8.194-8.193-2.78-2.78L3 13.6zm13.12-7.566a.735.735 0 0 0 0-1.044l-1.734-1.73a.735.735 0 0 0-1.044 0L11.985 4.61l2.78 2.78 1.354-1.358z\\\"/></svg>\";\n\nvar emoji = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M8.5 8.25a1.25 1.25 0 1 1-2.499.001A1.25 1.25 0 0 1 8.5 8.25m5.5 0a1.25 1.25 0 1 1-2.499.001A1.25 1.25 0 0 1 14 8.25m-6.873 3.838a.75.75 0 1 0-1.254.824C6.88 14.444 8.423 15.25 10 15.25c1.578 0 3.12-.805 4.127-2.338a.75.75 0 0 0-1.254-.824C12.13 13.221 11.048 13.75 10 13.75c-1.047 0-2.13-.529-2.873-1.662\\\" clip-rule=\\\"evenodd\\\"/><path d=\\\"M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18m0-1.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15\\\"/></svg>\";\n\nvar eraser = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m8.636 9.531-2.758 3.94a.5.5 0 0 0 .122.696l3.224 2.284h1.314l2.636-3.736L8.636 9.53zm.288 8.451L5.14 15.396a2 2 0 0 1-.491-2.786l6.673-9.53a2 2 0 0 1 2.785-.49l3.742 2.62a2 2 0 0 1 .491 2.785l-7.269 10.053z\\\"/><path d=\\\"M4 18h5.523v-1H4zm-2 0h1v-1H2z\\\"/></svg>\";\n\nvar error = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M9.9 4.385a1.2 1.2 0 0 0-.44.44h.002l-5.284 9.15a1.2 1.2 0 0 0 1.04 1.8h10.564a1.2 1.2 0 0 0 1.04-1.8l-5.282-9.15a1.2 1.2 0 0 0-1.64-.44m.05 8.363a.3.3 0 0 1 .115-.023h.9a.3.3 0 0 1 .3.3v.9a.3.3 0 0 1-.3.3h-.9a.3.3 0 0 1-.3-.3v-.9a.3.3 0 0 1 .185-.277m-.185-4.723a.3.3 0 0 1 .3-.3h.9a.3.3 0 0 1 .3.3v3.4a.3.3 0 0 1-.3.3h-.9a.3.3 0 0 1-.3-.3z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar exportPdf = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M19 4.5 14 0H3v6.5h1.5v-5h8v5h5V11H19zM14 2l3.3 3H14zm-1.548 16.5 1.25 1.5H3v-3h1.5v1.5zm7.374-1.657a.75.75 0 1 0-1.152-.96L17.5 17.29V13H16v4.29l-1.174-1.408a.75.75 0 1 0-1.152.96l2.346 2.816a.95.95 0 0 0 1.46 0z\\\"/><path d=\\\"M1.63 14.24V12.3h.88c.66 0 1.14-.15 1.46-.45s.48-.71.48-1.24c0-.52-.15-.91-.44-1.2C3.7 9.15 3.28 9 2.69 9H0v5.24zm.4-3h-.4v-1.17h.46c.3 0 .5.05.62.17.1.11.16.25.16.42 0 .16-.06.3-.19.41s-.34.16-.66.16zm5.7 3c.28 0 .6-.05.96-.14.26-.07.5-.21.73-.42.22-.2.4-.47.53-.77.12-.31.19-.75.19-1.3 0-.37-.04-.7-.13-1.02a2.3 2.3 0 0 0-.42-.84c-.19-.24-.43-.43-.72-.56C8.57 9.06 8.2 9 7.72 9h-2.4v5.24zm-.4-1.19h-.4v-2.86h.4c.43 0 .73.1.91.3s.27.59.27 1.14c0 .42-.04.73-.12.91a.76.76 0 0 1-.34.4c-.14.07-.38.11-.72.11m5.3 1.2V12.1h2.02v-1.06h-2.03v-.91H15V9h-4v5.24h1.62z\\\"/></svg>\";\n\nvar exportWord = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M17.826 16.843a.75.75 0 0 0-1.152-.96L15.5 17.29V12H14v5.29l-1.174-1.408a.75.75 0 0 0-1.152.96l2.346 2.816a.95.95 0 0 0 1.46 0z\\\"/><path d=\\\"m14 0 5 4.5v9.741a2.74 2.74 0 0 0-1.5-.617V6.5h-5v-5h-8v3H3V0zm0 2v3h3.3zM3 17.5h6.746q.15.331.391.623l.731.877H3z\\\"/><path d=\\\"M8.5 6a1.5 1.5 0 0 1 1.493 1.356L10 7.5v7a1.5 1.5 0 0 1-1.356 1.493L8.5 16h-7a1.5 1.5 0 0 1-1.493-1.356L0 14.5v-7a1.5 1.5 0 0 1 1.356-1.493L1.5 6zM7.483 8.795l-.042.088-.986 2.534-.947-2.528-.043-.092a.601.601 0 0 0-1.042.008l-.042.093-.883 2.465-.937-2.475-.042-.089a.6.6 0 0 0-1.107.42l.027.093 1.514 4 .044.092a.6.6 0 0 0 1.041-.01l.041-.092.88-2.458.925 2.467.046.096a.6.6 0 0 0 1.032 0l.043-.09 1.554-4 .028-.093a.6.6 0 0 0-1.104-.43z\\\"/></svg>\";\n\nvar eye = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M10 6.002a4 4 0 1 1 0 8 4 4 0 0 1 0-8m1.2 1.2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3\\\" clip-rule=\\\"evenodd\\\"/><path fill-rule=\\\"evenodd\\\" d=\\\"M10.02 3.003c1.249.032 2.49.494 3.617 1.116 1.133.625 2.2 1.44 3.109 2.235a28.6 28.6 0 0 1 2.858 2.898l.171.204.046.054.012.016.004.004v.002a.8.8 0 0 1 .11.193l.02.05q.013.045.02.09l.01.054a.7.7 0 0 1 0 .146q-.002.032-.009.065l-.017.082-.024.061q-.014.038-.03.075l-.01.019a1 1 0 0 1-.06.093l-.002-.002h-.001l.002.003h-.001l-.004.005-.012.016-.046.058-.17.21a27.5 27.5 0 0 1-2.861 2.977c-.912.811-1.981 1.635-3.12 2.252-1.132.614-2.387 1.053-3.652 1.02-1.249-.031-2.49-.493-3.618-1.115-1.133-.626-2.199-1.44-3.108-2.235a28.6 28.6 0 0 1-3.029-3.102l-.045-.055-.012-.016-.004-.004-.001-.002a1 1 0 0 1-.065-.092l-.007-.015q-.025-.045-.041-.094l-.017-.042q-.014-.044-.02-.092-.007-.026-.01-.053Q0 10.042 0 10q-.002-.033 0-.065.004-.04.013-.079l.013-.06a1 1 0 0 1 .031-.084q.011-.03.025-.058l.012-.022a1 1 0 0 1 .06-.09h.001V9.54l.004-.005.012-.016.046-.057.17-.211a27.5 27.5 0 0 1 2.86-2.977c.911-.81 1.98-1.635 3.119-2.252 1.133-.614 2.388-1.052 3.652-1.02m-.04 1.499c-.902-.023-1.89.293-2.897.84-1.002.543-1.976 1.289-2.836 2.054a26 26 0 0 0-2.103 2.112l-.014.016a.695.695 0 0 0 .007.932 27 27 0 0 0 2.105 2.064c.861.753 1.838 1.495 2.846 2.051 1.013.56 2.014.906 2.931.93.903.022 1.89-.293 2.898-.84 1.002-.544 1.977-1.288 2.837-2.054a26 26 0 0 0 2.117-2.13.695.695 0 0 0-.008-.93 27 27 0 0 0-2.104-2.064c-.862-.753-1.839-1.495-2.847-2.052-1.014-.56-2.014-.906-2.932-.93\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar eyeCrossedOut = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2.97 2.97a.75.75 0 0 1 1.06 0L5.56 4.5q.397-.254.807-.477c1.133-.614 2.388-1.052 3.652-1.02 1.25.032 2.492.494 3.618 1.116 1.133.625 2.2 1.44 3.109 2.235a29 29 0 0 1 2.858 2.898q.112.13.171.204l.046.055.012.015.004.004v.002q.07.091.11.193l.02.05q.013.045.02.09l.01.054a1 1 0 0 1 0 .146q-.002.033-.009.065l-.017.082-.024.061q-.014.039-.03.075l-.01.019a1 1 0 0 1-.06.093l-.003-.002.002.003h-.002l-.003.006-.012.015-.046.058-.17.21a27.5 27.5 0 0 1-2.861 2.978q-.508.452-1.072.892l1.35 1.35a.75.75 0 0 1-1.02 1.098 1 1 0 0 0-.08-.097l-13-13-.043-.039a.75.75 0 0 1 .083-.961m1.27 4.432a26 26 0 0 0-2.096 2.106l-.014.016a.695.695 0 0 0 .007.932 27 27 0 0 0 2.105 2.064c.861.753 1.838 1.495 2.846 2.051 1.013.56 2.014.906 2.931.93.612.015 1.26-.128 1.93-.39l1.14 1.14c-.984.466-2.043.776-3.109.749-1.249-.032-2.491-.494-3.618-1.116-1.132-.626-2.199-1.44-3.108-2.235a28.6 28.6 0 0 1-3.029-3.102l-.045-.055-.012-.016-.004-.004-.001-.002a1 1 0 0 1-.065-.092l-.007-.015a1 1 0 0 1-.041-.094l-.017-.042q-.014-.045-.02-.091-.007-.027-.01-.054Q0 10.042 0 10v-.064q.004-.04.013-.079l.013-.06a1 1 0 0 1 .031-.084q.011-.03.025-.058l.012-.022a1 1 0 0 1 .06-.09h.001V9.54l.004-.005.012-.016.046-.057.17-.211a27.6 27.6 0 0 1 2.788-2.913zm6.522 6.523a4 4 0 0 1-.762.077 4 4 0 0 1-3.926-4.766zM9.98 4.502c-.902-.023-1.89.293-2.897.84q-.218.117-.434.248l1.103 1.102a4 4 0 0 1 5.557 5.557l1.3 1.3c.397-.301.782-.619 1.145-.942a26 26 0 0 0 2.117-2.13.696.696 0 0 0-.008-.93 27 27 0 0 0-2.104-2.064c-.861-.753-1.84-1.495-2.847-2.052-1.014-.559-2.014-.906-2.932-.93m1.22 2.7c-.809 0-1.466.64-1.497 1.441l1.555 1.555a1.5 1.5 0 0 0-.058-2.996\\\"/></svg>\";\n\nvar facebook = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10.01 2C5.59 2 2 5.59 2 10.01a8.01 8.01 0 0 0 6.775 7.914.75.75 0 0 0 .598-.17.75.75 0 0 0 .262-.565v-5.02a.75.75 0 0 0-.22-.524.75.75 0 0 0-.526-.221H7.77v-.627h1.12a.75.75 0 0 0 .525-.22c.14-.14.22-.329.22-.526V8.324c0-.466.122-1.083.524-1.48.33-.326 1.017-.6 2.332-.43v.408c-.152.012-.305.017-.457.04-.335.048-.662.136-.943.326-.313.21-.497.505-.59.804s-.107.602-.107.88v1.18a.746.746 0 0 0 .744.746h1.158l-.098.63h-1.06a.744.744 0 0 0-.744.744v5.017a.75.75 0 0 0 .26.567q.123.105.28.148a.75.75 0 0 0 .319.022A8.012 8.012 0 0 0 10.01 2m0 1.486a6.52 6.52 0 0 1 6.521 6.524c0 2.945-1.973 5.386-4.65 6.197v-3.291h.951a.75.75 0 0 0 .736-.63l.332-2.12a.74.74 0 0 0-.17-.6.75.75 0 0 0-.564-.26h-1.285V8.87c0-.252.024-.384.039-.433q.003-.011.002-.016c.016-.011.104-.055.326-.088a7 7 0 0 1 .984-.05.75.75 0 0 0 .528-.218.74.74 0 0 0 .217-.527V5.76a.75.75 0 0 0-.586-.729c-2.04-.438-3.433-.083-4.278.75-.818.807-.968 1.884-.968 2.543v.983H7.027a.74.74 0 0 0-.525.22.74.74 0 0 0-.219.526v2.119c0 .197.08.386.219.525.14.14.328.221.525.221h1.118v3.291c-2.681-.809-4.659-3.25-4.659-6.197a6.523 6.523 0 0 1 6.524-6.526\\\"/></svg>\";\n\nvar fileUpload = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M6.146 11.22a.75.75 0 0 1 1.061 0l3.677 3.678a.75.75 0 0 1-1.06 1.06l-2.397-2.396v5.689a.75.75 0 0 1-1.5 0v-5.69L3.53 15.959a.75.75 0 0 1-1.06-1.06z\\\"/><path fill-rule=\\\"evenodd\\\" d=\\\"M17.75 5.94v11.61a.95.95 0 0 1-.95.951h-6.3a.75.75 0 0 1 0-1.5h5.75v-10H11.7a.95.95 0 0 1-.95-.95V1.5h-6v8.66l-1.5 1.5V.95A.95.95 0 0 1 4.2 0h7.61zm-5.5-.439h2.94l-2.94-2.94z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar findReplace = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m12.87 13.786 1.532-1.286 3.857 4.596a1 1 0 1 1-1.532 1.286z\\\"/><path d=\\\"M16.004 8.5a6.5 6.5 0 0 1-9.216 5.905c-1.154-.53-.863-1.415-.663-1.615.194-.194.564-.592 1.635-.141a4.5 4.5 0 0 0 5.89-5.904l-.104-.227 1.332-1.331c.045-.046.196-.041.224.007a6.47 6.47 0 0 1 .902 3.306m-3.4-5.715c.562.305.742 1.106.354 1.494s-.995.414-1.476.178a4.5 4.5 0 0 0-6.086 5.882l.114.236-1.348 1.349c-.038.037-.17.022-.198-.023a6.5 6.5 0 0 1 5.54-9.9 6.5 6.5 0 0 1 3.1.784\\\"/><path d=\\\"M4.001 11.93.948 8.877a.2.2 0 0 1 .141-.341h6.106a.2.2 0 0 1 .141.341L4.283 11.93a.2.2 0 0 1-.282 0m11.083-6.789 3.053 3.053a.2.2 0 0 1-.14.342H11.89a.2.2 0 0 1-.14-.342l3.052-3.053a.2.2 0 0 1 .282 0\\\"/></svg>\";\n\nvar fontBackground = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M4 2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m8.38 9.262H7.62L10 5.506zm.532 1.285L14.34 16h1.426L10.804 4H9.196L4.234 16H5.66l1.428-3.453z\\\"/></svg>\";\n\nvar fontColor = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M12.4 10.3 10 4.5l-2.4 5.8zm.5 1.2H7.1L5.7 15H4.2l5-12h1.6l5 12h-1.5L13 11.5zm3.1 7H4a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2\\\"/></svg>\";\n\nvar fontFamily = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M11.03 3h6.149a.75.75 0 1 1 0 1.5h-5.514zm1.27 3h4.879a.75.75 0 1 1 0 1.5h-4.244zm1.27 3h3.609a.75.75 0 1 1 0 1.5h-2.973zm-2.754 2.5L8.038 4.785 5.261 11.5zm.62 1.5H4.641l-1.666 4.028H1.312l5.789-14h1.875l5.789 14h-1.663z\\\"/></svg>\";\n\nvar fontSize = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M9.816 11.5 7.038 4.785 4.261 11.5zm.62 1.5H3.641l-1.666 4.028H.312l5.789-14h1.875l5.789 14h-1.663zm7.55 2.279.779-.779.707.707-2.265 2.265-2.193-2.265.707-.707.765.765V4.825q0-.063.002-.123l-.77.77-.707-.707L17.207 2.5l2.265 2.265-.707.707-.782-.782q.003.065.003.135z\\\"/></svg>\";\n\nvar footnote = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M19.832 7.469V1h-1.004q-.21.59-.778 1.03-.567.443-1.05.6v1.121a4.3 4.3 0 0 0 1.595-.936v4.654zM5.465 7.452q1.19 0 1.934.27t1.094.682q.35.405.49 1.029.08.387.08 1.398v2.021q0 2.115.095 2.68.105.556.404 1.07H7.916a3.1 3.1 0 0 1-.315-1.103q-.876.716-1.69 1.01a5 5 0 0 1-1.733.296q-1.531 0-2.355-.716-.822-.725-.823-1.846 0-.657.307-1.196.315-.547.814-.876a4 4 0 0 1 1.138-.497q.465-.118 1.4-.228 1.908-.219 2.81-.522.009-.312.009-.397 0-.926-.447-1.305-.603-.514-1.794-.514-1.111 0-1.646.379-.525.37-.779 1.322l-1.54-.202q.21-.953.69-1.533.483-.59 1.392-.902.911-.32 2.11-.32m7.048 1.034Q13.51 7.26 15.06 7.26q.858 0 1.62.343.77.334 1.26.952.5.61.78 1.475a6 6 0 0 1 .28 1.854q0 2.341-1.182 3.62t-2.837 1.278q-1.645 0-2.582-1.347v1.141h-1.461V4h1.575zm-5.044 3.625q-.858.337-2.573.574-.972.134-1.375.303a1.35 1.35 0 0 0-.622.497 1.24 1.24 0 0 0-.218.716q0 .606.472 1.01.482.405 1.4.405.912 0 1.62-.379.71-.387 1.043-1.052.253-.515.253-1.517zM14.92 8.53q-1.033 0-1.786.884-.753.875-.753 2.54 0 1.638.455 2.367.744 1.193 2.014 1.193 1.032 0 1.785-.875.753-.884.753-2.625 0-1.785-.727-2.634-.717-.85-1.741-.85\\\"/></svg>\";\n\nvar fullscreenEnter = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M11.5 5.75a.75.75 0 0 1 0-1.5H15a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0V6.81l-2.72 2.72a.75.75 0 0 1-1.06-1.06l2.72-2.72zm-1.97 4.72a.75.75 0 0 1 0 1.06l-2.72 2.72H8.5a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75v-3.5a.75.75 0 0 1 1.5 0v1.69l2.72-2.72a.75.75 0 0 1 1.06 0\\\"/><path d=\\\"M2 0h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m16 1.5H2a.5.5 0 0 0-.5.5v16a.5.5 0 0 0 .5.5h16a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5\\\"/></svg>\";\n\nvar fullscreenLeave = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M15.53 5.53a.75.75 0 0 0-1.06-1.06l-2.72 2.72V5.5a.75.75 0 0 0-1.5 0V9a.75.75 0 0 0 .75.75h3.5a.75.75 0 0 0 0-1.5h-1.69zM5.5 10.25a.75.75 0 0 0 0 1.5h1.69l-2.72 2.72a.75.75 0 1 0 1.06 1.06l2.72-2.72v1.69a.75.75 0 0 0 1.5 0V11a.75.75 0 0 0-.75-.75z\\\"/><path d=\\\"M0 2a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm18.5 0a.5.5 0 0 0-.5-.5H2a.5.5 0 0 0-.5.5v16a.5.5 0 0 0 .5.5h16a.5.5 0 0 0 .5-.5z\\\"/></svg>\";\n\nvar googleDrive = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M7.666 3a.74.74 0 0 0-.371.1.75.75 0 0 0-.275.267l-4.918 8.397a.74.74 0 0 0-.006.744l2.46 4.318a.75.75 0 0 0 .65.377h9.606a.75.75 0 0 0 .65-.377l2.46-4.318a.74.74 0 0 0 .002-.735l-4.688-8.392a.75.75 0 0 0-.654-.38H7.666Zm1.285 1.492h3.195l3.854 6.9h-3.1zm-1.293.742L9.223 7.97l-4.016 6.988-1.6-2.813zm2.424 4.237 1.098 1.922H8.977zM8.12 12.885h7.87l-1.61 2.825H6.494z\\\"/></svg>\";\n\nvar googlePhotos = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M9.258 3.082c0-.594.486-1.082 1.08-1.082a4.38 4.38 0 0 1 4.239 5.489c-.18.688-.633 1.245-1.109 1.767h3.468c.595 0 1.082.488 1.082 1.082a4.382 4.382 0 0 1-5.49 4.24v-.001c-.689-.18-1.246-.633-1.768-1.109v3.468c0 .595-.487 1.082-1.082 1.082a4.38 4.38 0 0 1-4.111-2.866 4.4 4.4 0 0 1-.125-2.624c.18-.689.632-1.246 1.108-1.768H3.082A1.085 1.085 0 0 1 2 9.68a4.382 4.382 0 0 1 5.49-4.238c.69.18 1.246.632 1.768 1.108zm3.164 1.32c-.435-.46-1.043-.667-1.662-.767v5.49c.619-.1 1.227-.307 1.662-.766a2.875 2.875 0 0 0 0-3.958ZM7.21 6.918a2.88 2.88 0 0 0-2.93.789c-.396.423-.569.983-.658 1.55h5.56c-.045-.295-.091-.59-.224-.859a2.88 2.88 0 0 0-1.748-1.48m9.254 3.841h-5.653l.013.1c.012.098.025.197.053.292a2.873 2.873 0 0 0 4.862 1.158 3 3 0 0 0 .398-.54v-.001q.167-.294.263-.619c.026-.092.038-.188.05-.283zm-8.872 4.86c.437.459 1.045.666 1.665.766V10.89c-1.369.222-2.456 1.314-2.456 2.747 0 .738.283 1.447.791 1.981Z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar heading1 = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M19 9v10h-2v-8h-2V9zM4 8.5h5V4a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v11.5a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V11H4v4.5a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1z\\\"/></svg>\";\n\nvar heading2 = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3 8.5h5V4a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v11.5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V11H3v4.5a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1H2a1 1 0 0 1 1 1zm16.076 8.343V18.5h-6.252q.1-.94.61-1.78.507-.841 2.005-2.232 1.206-1.124 1.479-1.523.368-.552.368-1.092 0-.597-.32-.917-.321-.32-.886-.32-.559 0-.889.336t-.38 1.117l-1.778-.178q.159-1.473.997-2.114t2.095-.64q1.377 0 2.164.742t.787 1.847q0 .629-.225 1.197-.225.567-.714 1.19-.324.412-1.168 1.187-.845.774-1.07 1.028a3 3 0 0 0-.365.495z\\\"/></svg>\";\n\nvar heading3 = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3 8.5h5V4a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v11.5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V11H3v4.5a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1H2a1 1 0 0 1 1 1zm9.989 7.53 1.726-.209q.082.66.445 1.01.36.348.876.349.552 0 .93-.42.377-.418.377-1.13 0-.672-.362-1.066a1.15 1.15 0 0 0-.882-.393q-.342 0-.819.133l.197-1.453q.723.019 1.105-.315.38-.333.38-.885 0-.47-.279-.75-.28-.278-.743-.278a1.07 1.07 0 0 0-.78.317q-.324.317-.394.927l-1.644-.28q.172-.844.517-1.348.347-.505.965-.794a3.24 3.24 0 0 1 1.387-.289q1.314 0 2.108.838.654.685.653 1.549 0 1.225-1.339 1.955.8.171 1.28.768.478.597.478 1.441 0 1.226-.895 2.088-.894.864-2.228.864-1.263 0-2.094-.727-.832-.727-.965-1.901z\\\"/></svg>\";\n\nvar heading4 = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3.5 8.5h5V4a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v11.5a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1V11h-5v4.5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1zm13.55 10v-1.873h-3.81v-1.561l4.037-5.91h1.498v5.904h1.156v1.567h-1.156V18.5zm0-3.44v-3.18l-2.14 3.18z\\\"/></svg>\";\n\nvar heading5 = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3.5 8.5h5V4a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v11.5a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1V11h-5v4.5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1zm9.578 7.607 1.777-.184q.076.603.45.955a1.223 1.223 0 0 0 1.81-.101q.387-.455.387-1.368 0-.857-.384-1.286-.384-.428-1-.428-.768 0-1.377.679l-1.448-.21.915-4.843h4.716v1.67H15.56l-.28 1.58a2.7 2.7 0 0 1 1.219-.298 2.68 2.68 0 0 1 2.012.863q.825.864.825 2.241a3.36 3.36 0 0 1-.666 2.05q-.907 1.232-2.52 1.232-1.29 0-2.101-.692-.813-.691-.971-1.86\\\"/></svg>\";\n\nvar heading6 = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3.5 8.5h5V4a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v11.5a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1V11h-5v4.5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1zm15.595 2.973-1.726.19q-.064-.532-.33-.787-.267-.253-.692-.253-.565 0-.956.507-.39.508-.492 2.114.667-.787 1.657-.787 1.117 0 1.914.85.797.852.797 2.197 0 1.428-.838 2.291-.838.864-2.152.864-1.41 0-2.317-1.095t-.908-3.59q0-2.558.946-3.688t2.457-1.13q1.059 0 1.755.594.694.593.885 1.723m-4.043 3.891q0 .87.4 1.343.398.473.914.473.495 0 .825-.388.33-.386.33-1.27 0-.906-.355-1.329a1.12 1.12 0 0 0-.89-.422q-.513 0-.869.403c-.356.403-.355.666-.355 1.19\\\"/></svg>\";\n\nvar history = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M11 1a9 9 0 1 1-8.027 13.075l1.128-1.129A7.502 7.502 0 0 0 18.5 10a7.5 7.5 0 1 0-14.962.759l-.745-.746-.76.76A9 9 0 0 1 11 1\\\"/><path d=\\\"M.475 8.17a.75.75 0 0 1 .978.047l.075.082 1.284 1.643 1.681-1.284a.75.75 0 0 1 .978.057l.073.083a.75.75 0 0 1-.057.978l-.083.073-2.27 1.737a.75.75 0 0 1-.973-.052l-.074-.082-1.741-2.23a.75.75 0 0 1 .13-1.052zM11.5 5v4.999l3.196 3.196-1.06 1.06L10.1 10.72l-.1-.113V5z\\\"/></svg>\";\n\nvar horizontalLine = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 9h16v2H2z\\\"/></svg>\";\n\nvar html = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M17 0a2 2 0 0 1 2 2v7a1 1 0 0 1 1 1v5a1 1 0 0 1-.883.993l-.118.006L19 17a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2l-.001-1.001-.116-.006A1 1 0 0 1 0 15v-5a1 1 0 0 1 .999-1L1 2a2 2 0 0 1 2-2zm.499 15.999h-15L2.5 17a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5zm-3.478-6.013-.014.014H14v.007l-1.525 1.525-1.46-1.46-.015.013V10h-1v5h1v-3.53l1.428 1.43.048.043.131-.129L14 11.421V15h1v-5h-.965zM2 10H1v5h1v-2h2v2h1v-5H4v2H2zm7 0H6v1h1v4h1v-4h1zm8 0h-1v5h3v-1h-2zm0-8.5H3a.5.5 0 0 0-.5.5l-.001 6.999h15L17.5 2a.5.5 0 0 0-.5-.5M10 7v1H4V7zm3-2v1H4V5zm-3-2v1H4V3z\\\"/></svg>\";\n\nvar imageAssetManager = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M1.201 1c-.662 0-1.2.47-1.2 1.1v14.248c0 .64.533 1.152 1.185 1.152h6.623v-7.236L6.617 9.15a.694.694 0 0 0-.957-.033L1.602 13.55V2.553l14.798.003V9.7H18V2.1c0-.63-.547-1.1-1.2-1.1zm11.723 2.805a2.1 2.1 0 0 0-1.621.832 2.127 2.127 0 0 0 1.136 3.357 2.13 2.13 0 0 0 2.611-1.506 2.13 2.13 0 0 0-.76-2.244 2.13 2.13 0 0 0-1.366-.44Z\\\"/><path d=\\\"M19.898 12.369v6.187a.844.844 0 0 1-.844.844h-8.719a.844.844 0 0 1-.843-.844v-7.312a.844.844 0 0 1 .843-.844h2.531a.84.84 0 0 1 .597.248l.838.852h4.75c.223 0 .441.114.6.272a.84.84 0 0 1 .247.597m-1.52.654-4.377.02-1.1-1.143H11v6h7.4l-.023-4.877Z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar image = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M6.66 9.118a.693.693 0 0 1 .956.032l3.65 3.411 2.422-2.238a.695.695 0 0 1 .945 0L17.5 13.6V2.5h-15v11.1zM17.8 1c.652 0 1.2.47 1.2 1.1v14.362c0 .64-.532 1.038-1.184 1.038H2.184C1.532 17.5 1 17.103 1 16.462V2.1C1 1.47 1.537 1 2.2 1zm-5.655 6a2.13 2.13 0 0 1 .157-2.364A2.133 2.133 0 1 1 12.145 7\\\"/></svg>\";\n\nvar imageUpload = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M1.201 1C.538 1 0 1.47 0 2.1v14.363c0 .64.534 1.037 1.186 1.037h9.494a3 3 0 0 1-.414-.287 3 3 0 0 1-1.055-2.03 3 3 0 0 1 .693-2.185l.383-.455-.02.018-3.65-3.41a.695.695 0 0 0-.957-.034L1.5 13.6V2.5h15v5.535a2.97 2.97 0 0 1 1.412.932l.088.105V2.1c0-.63-.547-1.1-1.2-1.1zm11.713 2.803a2.146 2.146 0 0 0-2.049 1.992 2.14 2.14 0 0 0 1.28 2.096 2.13 2.13 0 0 0 2.644-3.11 2.13 2.13 0 0 0-1.875-.978\\\"/><path d=\\\"M15.522 19.1a.79.79 0 0 0 .79-.79v-5.373l2.059 2.455a.79.79 0 1 0 1.211-1.015l-3.352-3.995a.79.79 0 0 0-.995-.179.8.8 0 0 0-.299.221l-3.35 3.99a.79.79 0 1 0 1.21 1.017l1.936-2.306v5.185c0 .436.353.79.79.79\\\"/><path d=\\\"M15.522 19.1a.79.79 0 0 0 .79-.79v-5.373l2.059 2.455a.79.79 0 1 0 1.211-1.015l-3.352-3.995a.79.79 0 0 0-.995-.179.8.8 0 0 0-.299.221l-3.35 3.99a.79.79 0 1 0 1.21 1.017l1.936-2.306v5.185c0 .436.353.79.79.79\\\"/></svg>\";\n\nvar imageUrl = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M1.201 1C.538 1 0 1.47 0 2.1v14.363c0 .64.534 1.037 1.186 1.037h7.029a5.4 5.4 0 0 1 .615-4.338l.762-1.232-2.975-2.78a.696.696 0 0 0-.957-.033L1.5 13.6V2.5h15v6.023q.675.195 1.307.573l.058.033q.068.042.135.086V2.1c0-.63-.547-1.1-1.2-1.1zm11.713 2.803a2.15 2.15 0 0 0-1.611.834 2.1 2.1 0 0 0-.438 1.158 2.14 2.14 0 0 0 1.277 2.096 2.132 2.132 0 0 0 2.645-3.11 2.13 2.13 0 0 0-1.873-.978\\\"/><path d=\\\"M16.63 10.294a3.003 3.003 0 0 0-4.142.887l-.117.177a.65.65 0 0 0-.096.492.66.66 0 0 0 .278.418.7.7 0 0 0 .944-.234 1.74 1.74 0 0 1 2.478-.463 1.87 1.87 0 0 1 .476 2.55.64.64 0 0 0-.071.5.65.65 0 0 0 .309.396.627.627 0 0 0 .869-.19l.027-.041a3.226 3.226 0 0 0-.956-4.492Zm-6.061 3.78-.044.066a3.23 3.23 0 0 0 .82 4.403 3.005 3.005 0 0 0 4.275-.798l.13-.197a.63.63 0 0 0 .092-.475.64.64 0 0 0-.268-.402.713.713 0 0 0-.99.26l-.018.029a1.74 1.74 0 0 1-2.477.461 1.87 1.87 0 0 1-.475-2.55l.029-.047a.65.65 0 0 0 .086-.485.66.66 0 0 0-.275-.408l-.04-.027a.61.61 0 0 0-.845.17\\\"/><path d=\\\"M15.312 13.925c.24-.36.154-.838-.19-1.067-.346-.23-.82-.124-1.059.236l-1.268 1.907c-.239.36-.153.838.192 1.067.345.23.818.123 1.057-.236z\\\"/></svg>\";\n\nvar importExport = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M19 4.5 14 0H3v12.673l.868-1.041c.185-.222.4-.402.632-.54V1.5h8v5h5v7.626a2.24 2.24 0 0 1 1.5.822zM14 5V2l3.3 3zm-3.692 12.5q.093.157.213.303L11.52 19H8v-.876a2.24 2.24 0 0 0 1.82-.624zm7.518-.657a.75.75 0 0 0-1.152-.96L15.5 17.29V12H14v5.29l-1.174-1.408a.75.75 0 0 0-1.152.96l2.346 2.816a.95.95 0 0 0 1.46 0zm-15.056-.38a.75.75 0 0 1-.096-1.056l2.346-2.815a.95.95 0 0 1 1.46 0l2.346 2.815a.75.75 0 1 1-1.152.96L6.5 14.96V20H5v-5.04l-1.174 1.408a.75.75 0 0 1-1.056.096Z\\\"/></svg>\";\n\nvar importWord = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m14 0 5 4.5v8.892l-1.5-1.8V6.5h-5v-5h-8v3H3V0zm0 2v3h3.3zm-3.26 16a2.8 2.8 0 0 1-.469-.5H3V19h9.25v-.374A2.74 2.74 0 0 1 10.74 18\\\"/><path d=\\\"M8.5 6a1.5 1.5 0 0 1 1.493 1.356L10 7.5v7a1.5 1.5 0 0 1-1.356 1.493L8.5 16h-7a1.5 1.5 0 0 1-1.493-1.356L0 14.5v-7a1.5 1.5 0 0 1 1.356-1.493L1.5 6zM7.483 8.795l-.042.088-.986 2.534-.947-2.528-.043-.092a.601.601 0 0 0-1.042.008l-.042.093-.883 2.465-.937-2.475-.042-.089a.6.6 0 0 0-1.107.42l.027.093 1.514 4 .044.092a.6.6 0 0 0 1.041-.01l.041-.092.88-2.458.925 2.467.046.096a.602.602 0 0 0 1.032 0l.043-.09 1.554-4 .028-.093a.6.6 0 0 0-1.104-.43zm4.191 6.612a.75.75 0 1 0 1.152.96L14 14.96V20h1.5v-5.04l1.174 1.408a.75.75 0 1 0 1.152-.96l-2.346-2.816a.95.95 0 0 0-1.46 0z\\\"/></svg>\";\n\nvar indent = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3.75c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m5 6c0 .414.336.75.75.75h9.5a.75.75 0 1 0 0-1.5h-9.5a.75.75 0 0 0-.75.75M2.75 16.5h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 1 0 0 1.5M1.632 6.95 5.02 9.358a.4.4 0 0 1-.013.661l-3.39 2.207A.4.4 0 0 1 1 11.892V7.275a.4.4 0 0 1 .632-.326z\\\"/></svg>\";\n\nvar info = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10 8.251a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0v-5.5a.75.75 0 0 1 .75-.75m0-3.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75\\\"/><path fill-rule=\\\"evenodd\\\" d=\\\"M10 .751a9.25 9.25 0 1 1 0 18.5 9.25 9.25 0 0 1 0-18.5m0 1.5a7.75 7.75 0 1 0 0 15.5 7.75 7.75 0 0 0 0-15.5\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar insertMergeField = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><circle cx=\\\"10\\\" cy=\\\"9.8\\\" r=\\\"1.5\\\"/><path d=\\\"M13.25 2.75V2h.035a6 6 0 0 1 .363.014c.21.013.517.041.785.109.397.1.738.281 1.007.55s.429.587.524.907c.182.608.15 1.314.108 1.913l-.03.408c-.038.487-.073.93-.053 1.353.026.527.136.879.333 1.112.223.263.494.428.72.528a2 2 0 0 0 .335.117l.01.002.613.109v.628h-2.402a3.3 3.3 0 0 1-.42-.415c-.509-.601-.655-1.345-.687-2.009-.025-.527.02-1.094.059-1.592l.026-.347c.044-.621.044-1.067-.049-1.377a.63.63 0 0 0-.148-.276.64.64 0 0 0-.313-.157 3 3 0 0 0-.512-.066 6 6 0 0 0-.286-.01h-.016L13.25 3.5h-.75V2h.75z\\\"/><path d=\\\"M13.25 16.75v.75h.035a7 7 0 0 0 .363-.014 4.6 4.6 0 0 0 .785-.109c.397-.1.738-.28 1.007-.55.268-.269.429-.587.524-.907.182-.608.15-1.314.108-1.912l-.03-.41c-.038-.486-.073-.93-.053-1.352.026-.527.136-.879.333-1.112.223-.263.494-.428.72-.528a2 2 0 0 1 .335-.117l.01-.002.613-.109V9.75h-2.402a3.3 3.3 0 0 0-.42.416c-.509.6-.655 1.344-.687 2.008-.025.527.02 1.095.059 1.592l.026.347c.044.621.044 1.067-.049 1.378a.63.63 0 0 1-.148.275.64.64 0 0 1-.313.157 3 3 0 0 1-.512.066 6 6 0 0 1-.286.01l-.016.001H12.5v1.5h.75zm-6.5-14V2h-.035a6 6 0 0 0-.363.014 4.6 4.6 0 0 0-.785.109 2.13 2.13 0 0 0-1.008.55 2.1 2.1 0 0 0-.524.907c-.181.608-.15 1.314-.108 1.913l.031.408c.038.487.073.93.052 1.353-.025.527-.136.879-.333 1.112a2 2 0 0 1-.718.528 2 2 0 0 1-.337.117l-.01.002L2 9.122v.628h2.402a3.3 3.3 0 0 0 .42-.415c.509-.601.654-1.345.686-2.009.026-.527-.019-1.094-.058-1.592q-.015-.18-.026-.347c-.044-.621-.044-1.067.048-1.377a.63.63 0 0 1 .149-.276.64.64 0 0 1 .312-.157c.13-.032.323-.054.513-.066a6 6 0 0 1 .286-.01h.015L6.75 3.5h.75V2h-.75zm0 14v.75h-.035a7 7 0 0 1-.363-.014 4.6 4.6 0 0 1-.785-.109 2.13 2.13 0 0 1-1.008-.55 2.1 2.1 0 0 1-.524-.907c-.181-.608-.15-1.314-.108-1.912l.031-.41c.038-.486.073-.93.052-1.352-.025-.527-.136-.879-.333-1.112a2 2 0 0 0-.718-.528 2 2 0 0 0-.337-.117l-.01-.002L2 10.378V9.75h2.402q.218.178.42.416c.509.6.654 1.344.686 2.008.026.527-.019 1.095-.058 1.592q-.015.18-.026.347c-.044.621-.044 1.067.048 1.378a.63.63 0 0 0 .149.275.64.64 0 0 0 .312.157c.13.032.323.054.513.066a6 6 0 0 0 .286.01l.015.001H7.5v1.5h-.75z\\\"/></svg>\";\n\nvar italic = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m9.586 14.633.021.004q-.054.502.393.962.123.125.274.201h1.474a.6.6 0 1 1 0 1.2H5.304a.6.6 0 0 1 0-1.2h1.15q.711-.106 1.005-.334.235-.182.404-.597l2.416-9.55a1.05 1.05 0 0 0-.281-.823 1.1 1.1 0 0 0-.442-.296H8.15a.6.6 0 0 1 0-1.2h6.443a.6.6 0 1 1 0 1.2h-1.195q-.564.084-.823.296-.323.263-.623.79z\\\"/></svg>\";\n\nvar legalStyleList = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".16\\\" d=\\\"M35 20a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H15.5a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"M8.508 9.561q.567-.44.778-1.03h1.004V15H9.053v-4.654a4.3 4.3 0 0 1-1.595.936v-1.121q.483-.158 1.05-.6m4.525 4.204V15h-1.235v-1.235zm1.299 10.204v-6.47h-1.004q-.21.59-.778 1.03-.567.444-1.05.6v1.122a4.3 4.3 0 0 0 1.595-.936v4.654zm2.743 0v-1.235H15.84v1.235zm4.099 0v-6.47H20.17q-.21.59-.778 1.03-.567.444-1.05.6v1.122a4.3 4.3 0 0 0 1.595-.936v4.654zm2.743 0v-1.235h-1.235v1.235zM19.032 27.5v6.469h-1.237v-4.654a4.3 4.3 0 0 1-1.595.936V29.13q.483-.158 1.05-.6.568-.44.778-1.03zm2.743 5.234v1.235H20.54v-1.235zm4.357 1.335v-6.47h-1.004q-.21.59-.778 1.03-.567.444-1.05.6v1.122a4.3 4.3 0 0 0 1.595-.936v4.654zm2.743 0v-1.235H27.64v1.235zm4.357 0v-6.47h-1.004q-.21.59-.778 1.03-.567.444-1.05.6v1.122a4.3 4.3 0 0 0 1.595-.936v4.654zm2.743 0v-1.235H34.74v1.235z\\\"/></svg>\";\n\nvar lineHeight = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m17.975 15.279.779-.779.707.707-2.265 2.265-2.193-2.265.707-.707.765.765V4.825q0-.063.002-.123l-.77.77L15 4.765 17.196 2.5l2.265 2.265-.707.707-.782-.782q.003.065.003.135zM1 15.75c0 .414.273.75.61.75h8.067a.56.56 0 0 0 .43-.22.85.85 0 0 0 .18-.53.85.85 0 0 0-.18-.53.56.56 0 0 0-.43-.22H1.609a.56.56 0 0 0-.43.22.85.85 0 0 0-.179.53m0-12c0 .414.273.75.61.75h11.78a.56.56 0 0 0 .431-.22.85.85 0 0 0 .179-.53.85.85 0 0 0-.178-.53.56.56 0 0 0-.431-.22H1.609a.56.56 0 0 0-.43.22.85.85 0 0 0-.179.53m0 4c0 .414.273.75.61.75h11.78a.56.56 0 0 0 .431-.22.85.85 0 0 0 .179-.53.85.85 0 0 0-.178-.53.56.56 0 0 0-.431-.22H1.609a.56.56 0 0 0-.43.22.85.85 0 0 0-.179.53m0 4c0 .414.273.75.61.75h11.78a.56.56 0 0 0 .431-.22.85.85 0 0 0 .179-.53.85.85 0 0 0-.178-.53.56.56 0 0 0-.431-.22H1.609a.56.56 0 0 0-.43.22.85.85 0 0 0-.179.53\\\"/></svg>\";\n\nvar link = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m11.077 15 .991-1.416a.75.75 0 1 1 1.229.86l-1.148 1.64a.8.8 0 0 1-.217.206 5.251 5.251 0 0 1-8.503-5.955.7.7 0 0 1 .12-.274l1.147-1.639a.75.75 0 1 1 1.228.86L4.933 10.7l.006.003a3.75 3.75 0 0 0 6.132 4.294zm5.494-5.335a.8.8 0 0 1-.12.274l-1.147 1.639a.75.75 0 1 1-1.228-.86l.86-1.23a3.75 3.75 0 0 0-6.144-4.301l-.86 1.229a.75.75 0 0 1-1.229-.86l1.148-1.64a.8.8 0 0 1 .217-.206 5.251 5.251 0 0 1 8.503 5.955m-4.563-2.532a.75.75 0 0 1 .184 1.045l-3.155 4.505a.75.75 0 1 1-1.229-.86l3.155-4.506a.75.75 0 0 1 1.045-.184\\\"/></svg>\";\n\nvar listStyleCircle = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".163\\\" d=\\\"M35 29a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"M11 27a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0-10a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0-10a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1a2 2 0 1 0 0 4 2 2 0 0 0 0-4\\\"/></svg>\";\n\nvar listStyleDecimalLeadingZero = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".163\\\" d=\\\"M35 29a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"M5.714 15.11q.935 0 1.46-.66.632-.799.632-2.627 0-1.832-.629-2.624-.527-.668-1.463-.668t-1.459.66q-.633.8-.633 2.619 0 1.854.576 2.577.577.723 1.516.723m0-1.024a.6.6 0 0 1-.398-.14q-.173-.141-.287-.565-.115-.424-.115-1.558c0-1.134.043-1.294.128-1.613q.096-.37.272-.512a.62.62 0 0 1 .4-.143.6.6 0 0 1 .398.143q.173.143.288.567t.114 1.558c0 1.134-.043 1.292-.128 1.608q-.096.37-.272.512a.62.62 0 0 1-.4.143m6.078.914V8.531H10.79q-.21.59-.778 1.03-.567.442-1.05.6v1.121a4.3 4.3 0 0 0 1.595-.936V15zm3.344 0v-1.235h-1.235V15zm-9.422 9.11q.935 0 1.46-.66.632-.799.632-2.627 0-1.833-.629-2.624-.527-.668-1.463-.668t-1.459.66q-.633.8-.633 2.619 0 1.854.576 2.577.577.723 1.516.723m0-1.024a.6.6 0 0 1-.398-.14q-.173-.142-.287-.565-.115-.424-.115-1.558c0-1.134.043-1.294.128-1.613q.096-.37.272-.512a.62.62 0 0 1 .4-.143.6.6 0 0 1 .398.143q.173.142.288.567t.114 1.558c0 1.134-.043 1.292-.128 1.608q-.096.37-.272.512a.62.62 0 0 1-.4.143m7.088.914v-1.147H10.35q.097-.167.253-.343.155-.175.74-.712t.81-.821q.338-.431.493-.824.156-.394.156-.829 0-.765-.544-1.279-.546-.514-1.499-.514-.87 0-1.45.444t-.69 1.463l1.23.124q.036-.54.264-.774t.615-.233q.391 0 .613.222t.222.635q0 .374-.255.756-.189.277-1.024 1.055-1.037.962-1.388 1.544-.352.583-.422 1.233zm2.334 0v-1.235h-1.235V24zM5.714 34.11q.935 0 1.46-.66.632-.799.632-2.627 0-1.832-.629-2.624-.527-.668-1.463-.668t-1.459.66q-.633.8-.633 2.619 0 1.854.576 2.577.577.723 1.516.723m0-1.024a.6.6 0 0 1-.398-.14q-.173-.142-.287-.565-.115-.424-.115-1.558c0-1.134.043-1.294.128-1.613q.096-.37.272-.512a.62.62 0 0 1 .4-.143.6.6 0 0 1 .398.143q.173.142.288.567t.114 1.558c0 1.134-.043 1.292-.128 1.608q-.096.37-.272.512a.62.62 0 0 1-.4.143m4.992 1.024q.924 0 1.543-.598.62-.597.62-1.446 0-.585-.332-.997a1.5 1.5 0 0 0-.886-.532q.927-.505.927-1.353 0-.598-.452-1.073-.55-.58-1.46-.58a2.25 2.25 0 0 0-.96.2 1.6 1.6 0 0 0-.667.55q-.24.349-.359.933l1.139.194q.048-.422.272-.642t.54-.22q.321 0 .515.194c.194.194.193.302.193.518q0 .383-.264.613-.263.231-.764.218l-.136 1.006q.33-.092.566-.092.36 0 .611.272.25.273.25.739 0 .492-.26.782a.83.83 0 0 1-.644.29.84.84 0 0 1-.607-.242q-.25-.241-.308-.698l-1.195.145q.093.813.668 1.316t1.45.503m4.43-.11v-1.235h-1.235V34z\\\"/></svg>\";\n\nvar listStyleDecimal = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".163\\\" d=\\\"M35 29a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"M10.29 15V8.531H9.286q-.21.59-.778 1.03-.567.442-1.05.6v1.121a4.3 4.3 0 0 0 1.595-.936V15h1.235zm3.343 0v-1.235h-1.235V15zM11.3 24v-1.147H8.848q.096-.167.252-.343.156-.175.74-.712.585-.536.81-.821.338-.431.494-.824.156-.394.156-.829 0-.765-.545-1.279t-1.499-.514q-.87 0-1.45.444t-.69 1.463l1.23.124q.036-.54.264-.774.23-.233.616-.233.39 0 .613.222t.222.635q0 .374-.255.756-.19.277-1.024 1.055-1.038.962-1.389 1.544T6.971 24zm2.333 0v-1.235h-1.235V24zM9.204 34.11q.922 0 1.542-.598.62-.597.62-1.446 0-.585-.332-.997a1.5 1.5 0 0 0-.886-.532q.928-.505.928-1.353 0-.598-.453-1.073-.549-.58-1.459-.58a2.25 2.25 0 0 0-.96.2 1.6 1.6 0 0 0-.668.55q-.24.349-.358.933l1.138.194q.048-.422.272-.642t.54-.22q.322 0 .515.194c.193.194.193.302.193.518q0 .383-.263.613-.263.231-.765.218l-.136 1.006q.33-.092.567-.092.36 0 .61.272.251.273.251.739 0 .492-.261.782a.83.83 0 0 1-.644.29.84.84 0 0 1-.607-.242q-.251-.241-.307-.698l-1.196.145q.093.813.668 1.316t1.45.503zm4.43-.11v-1.235h-1.236V34h1.235z\\\"/></svg>\";\n\nvar listStyleDisc = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".163\\\" d=\\\"M35 29a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"M11 27a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0-9a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0-9a3 3 0 1 1 0 6 3 3 0 0 1 0-6\\\"/></svg>\";\n\nvar listStyleLowerLatin = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".163\\\" d=\\\"M35 29a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"M9.62 14.105q.408 0 .768-.153c.36-.153.466-.257.677-.462q.013.036.044.145.07.242.119.365h1.221a2.7 2.7 0 0 1-.222-.626q-.06-.293-.059-.908l.013-1.441q0-.804-.165-1.105-.165-.302-.569-.497-.405-.195-1.23-.195-.91 0-1.371.325-.462.325-.65 1.002l1.12.202q.114-.326.299-.455.184-.13.514-.13.488 0 .663.152.176.151.176.508v.123q-.333.14-1.2.303-.641.123-.982.288t-.53.474a1.33 1.33 0 0 0-.188.706q0 .598.415.988.416.391 1.136.391zm.368-.87a.68.68 0 0 1-.492-.189.6.6 0 0 1-.193-.448q0-.263.241-.435.159-.105.673-.215a7 7 0 0 0 .751-.19v.247q0 .443-.048.602a.77.77 0 0 1-.295.409 1.07 1.07 0 0 1-.637.22zm4.645.765v-1.235h-1.235V14zM10.2 25.105q.813 0 1.382-.646.57-.645.57-1.84 0-1.156-.559-1.774a1.82 1.82 0 0 0-1.41-.617q-.783 0-1.354.65v-2.32H7.594V25h1.147v-.686a1.9 1.9 0 0 0 .67.592q.39.2.79.2zm-.299-.975q-.531 0-.852-.492-.23-.348-.229-1.073 0-.703.295-1.048a.93.93 0 0 1 .738-.345q.453 0 .743.354t.29 1.154q0 .751-.288 1.1t-.697.35m4.478.87v-1.235h-1.234V25zm-4.017 9.105q.9 0 1.437-.426.536-.426.725-1.261l-1.213-.207q-.092.489-.316.688a.83.83 0 0 1-.576.2.92.92 0 0 1-.75-.343q-.278-.343-.278-1.173 0-.747.274-1.066.275-.318.736-.318.348 0 .565.184t.28.55l1.216-.22q-.22-.751-.722-1.119-.504-.366-1.356-.366-1.042 0-1.653.643-.61.645-.61 1.8 0 1.143.608 1.788.609.646 1.633.646M14.633 34v-1.235h-1.235V34z\\\"/></svg>\";\n\nvar listStyleLowerRoman = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".163\\\" d=\\\"M35 29a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"M11.88 8.7V7.558h-1.234V8.7zm0 5.3V9.333h-1.234V14zm2.5 0v-1.235h-1.234V14zm-4.75 4.7v-1.142H8.395V18.7zm0 5.3v-4.667H8.395V24zm2.5-5.3v-1.142h-1.234V18.7zm0 5.3v-4.667h-1.234V24zm2.501 0v-1.235h-1.235V24zM7.38 28.7v-1.142H6.145V28.7zm0 5.3v-4.667H6.145V34zm2.5-5.3v-1.142H8.646V28.7zm0 5.3v-4.667H8.646V34zm2.5-5.3v-1.142h-1.234V28.7zm0 5.3v-4.667h-1.234V34zm2.501 0v-1.235h-1.235V34z\\\"/></svg>\";\n\nvar listStyleSquare = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".163\\\" d=\\\"M35 29a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"M14 27v6H8v-6zm0-9v6H8v-6zm0-9v6H8V9z\\\"/></svg>\";\n\nvar listStyleUpperLatin = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".163\\\" d=\\\"M35 29a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"m7.88 15 .532-1.463h2.575L11.549 15h1.415l-2.58-6.442H9.01L6.5 15zm2.69-2.549H8.811l.87-2.39.887 2.39zM14.88 15v-1.235h-1.234V15zM9.352 25q1.244-.009 1.569-.044.518-.057.872-.305.354-.249.558-.664t.205-.855q0-.558-.317-.97-.315-.414-.905-.585a1.5 1.5 0 0 0 .661-.567 1.5 1.5 0 0 0 .244-.83q0-.419-.197-.754a1.65 1.65 0 0 0-.495-.539 1.7 1.7 0 0 0-.672-.266q-.375-.063-1.14-.063H7.158V25zm.142-3.88H8.46v-1.49h.747q.918 0 1.112.022.325.04.49.226.165.188.165.486a.68.68 0 0 1-.192.503.86.86 0 0 1-.525.23 12 12 0 0 1-.944.023h.18zm.17 2.795H8.46v-1.723h1.05q.888 0 1.154.092.266.093.406.295a.84.84 0 0 1 .14.492q0 .342-.181.547a.8.8 0 0 1-.473.257q-.189.04-.892.04M14.88 25v-1.235h-1.234V25zm-5.018 9.11q1.037 0 1.711-.512t.965-1.567l-1.261-.4q-.163.708-.536 1.037-.375.33-.892.33-.704 0-1.143-.519-.44-.518-.44-1.74 0-1.15.447-1.665.445-.514 1.162-.514.52 0 .881.29.362.29.477.79l1.288-.307q-.22-.774-.66-1.187-.738-.698-1.92-.698-1.353 0-2.184.89-.83.89-.83 2.498 0 1.521.825 2.397.826.877 2.11.877M14.88 34v-1.235h-1.234V34z\\\"/></svg>\";\n\nvar listStyleUpperRoman = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 44 44\\\"><path fill-opacity=\\\".163\\\" d=\\\"M35 29a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0-9a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z\\\"/><path d=\\\"M11.916 15V8.558h-1.301V15zm2.465 0v-1.235h-1.235V15zM9.665 25v-6.442h-1.3V25zm2.5 0v-6.442h-1.3V25zm2.466 0v-1.235h-1.235V25zm-7.216 9v-6.442h-1.3V34zm2.5 0v-6.442h-1.3V34zm2.501 0v-6.442h-1.3V34zm2.465 0v-1.235h-1.235V34z\\\"/></svg>\";\n\nvar local = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M4.2 3c-.584 0-1.145.23-1.557.643A2.2 2.2 0 0 0 2 5.199v8.719a2.194 2.194 0 0 0 2.2 2.195h11.624a2.194 2.194 0 0 0 2.196-2.195V7.621a2.194 2.194 0 0 0-2.195-2.2h-5.393l-1.237-2.06A.75.75 0 0 0 8.56 3zm0 1.488h3.935l1.236 2.06a.75.75 0 0 0 .64.362h5.813a.71.71 0 0 1 .707.71v6.298a.707.707 0 0 1-.707.707H4.2a.71.71 0 0 1-.71-.707V5.199a.71.71 0 0 1 .71-.71Z\\\"/></svg>\";\n\nvar loupe = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m12.68 13.74 4.209 4.208a1 1 0 1 0 1.414-1.414l-4.267-4.268a6 6 0 1 0-1.355 1.474M13 9a4 4 0 1 1-8 0 4 4 0 0 1 8 0\\\"/></svg>\";\n\nvar lowVision = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5.085 6.22 2.943 4.078a.75.75 0 1 1 1.06-1.06l2.592 2.59A11.1 11.1 0 0 1 10 5.068c4.738 0 8.578 3.101 8.578 5.083 0 1.197-1.401 2.803-3.555 3.887l1.714 1.713a.75.75 0 0 1-.09 1.138.5.5 0 0 1-.15.084.75.75 0 0 1-.821-.16L6.17 7.304q-.387.166-.757.365l6.239 6.24-.006.005.78.78q-.582.141-1.174.215l-1.11-1.11h.011L4.55 8.197a7 7 0 0 0-.665.514l-.112.098 4.897 4.897-.005.006 1.276 1.276a10 10 0 0 1-1.477-.117l-.479-.479-.009.009-4.863-4.863-.022.031a3 3 0 0 0-.124.2q-.065.116-.108.241a.5.5 0 0 0-.028.133.3.3 0 0 0 .008.072 1 1 0 0 0 .082.226q.1.2.234.379l3.242 3.365.025.01.59.623c-3.265-.918-5.59-3.155-5.59-4.668 0-1.194 1.448-2.838 3.663-3.93m7.07.531a4.63 4.63 0 0 1 1.108 5.992l.345.344.046-.018a9.3 9.3 0 0 0 2-1.112q.385-.281.727-.613.207-.2.392-.431.109-.135.203-.286.086-.14.148-.292a1 1 0 0 0 .036-.12.3.3 0 0 0 .008-.072.5.5 0 0 0-.028-.133 1 1 0 0 0-.036-.096 2 2 0 0 0-.071-.145 3 3 0 0 0-.125-.2 4 4 0 0 0-.263-.335 5.4 5.4 0 0 0-.53-.523 8 8 0 0 0-1.054-.768 9.8 9.8 0 0 0-1.879-.891q-.506-.178-1.027-.301m-2.85.21-.069.002a.5.5 0 0 0-.254.097.496.496 0 0 0-.104.679.5.5 0 0 0 .326.199l.045.005c.091.003.181.003.272.012a2.45 2.45 0 0 1 2.017 1.513c.024.061.043.125.069.185a.49.49 0 0 0 .45.287h.008a.5.5 0 0 0 .35-.158.48.48 0 0 0 .13-.335.6.6 0 0 0-.048-.219 3.4 3.4 0 0 0-.36-.723 3.44 3.44 0 0 0-2.791-1.543l-.028-.001z\\\"/></svg>\";\n\nvar magicWand = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M15.346 9.422a.151.151 0 0 1 .284 0l.548 1.484a.15.15 0 0 0 .09.089l1.483.549a.151.151 0 0 1 0 .284l-1.483.548a.15.15 0 0 0-.09.09l-.548 1.483a.15.15 0 0 1-.142.1.15.15 0 0 1-.142-.1l-.549-1.483a.15.15 0 0 0-.09-.09l-1.483-.548a.15.15 0 0 1 0-.284l1.484-.549a.15.15 0 0 0 .089-.09zm.96-7.68a.151.151 0 0 1 .284 0l.549 1.483a.15.15 0 0 0 .089.09l1.483.548a.15.15 0 0 1 .072.229.15.15 0 0 1-.072.055l-1.483.549a.15.15 0 0 0-.09.09l-.548 1.482a.151.151 0 0 1-.284 0l-.549-1.483a.15.15 0 0 0-.09-.09l-1.483-.548a.151.151 0 0 1 0-.284l1.484-.549a.15.15 0 0 0 .09-.089zm-8.641 0a.151.151 0 0 1 .284 0l.549 1.483a.15.15 0 0 0 .09.09l1.482.548a.15.15 0 0 1 .072.229.15.15 0 0 1-.072.055l-1.483.549a.15.15 0 0 0-.09.09L7.95 6.267a.151.151 0 0 1-.284 0l-.549-1.483a.15.15 0 0 0-.089-.09l-1.483-.548a.151.151 0 0 1 0-.284l1.483-.549a.15.15 0 0 0 .09-.089l.548-1.483zm7.055 6.204a.85.85 0 0 0 .25-.591.82.82 0 0 0-.241-.588l-1.943-1.938a.8.8 0 0 0-.588-.241.84.84 0 0 0-.591.25l-1.545 1.539 3.115 3.115z\\\"/><path d=\\\"M1.19 15.636a.96.96 0 0 1 .281-.679l7.835-7.834 3.121 3.12-7.834 7.835a.96.96 0 0 1-1.358 0l-1.764-1.764a.96.96 0 0 1-.28-.678Zm9.22-5.391-1.121-1.12-6.479 6.478 1.121 1.121z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar marker = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10.798 1.59 3.002 12.875l1.895 1.852 2.521 1.402 6.997-12.194z\\\" class=\\\"ck-icon__fill\\\"/><path d=\\\"m2.556 16.727.234-.348q-.445-.226-.498-.426-.054-.206.115-.837.14-.375.169-.595a4.5 4.5 0 0 0 0-.725q-.313-.931-.284-1.26.03-.327.475-.862l6.77-9.414q.808-1.365 3.199.18 2.39 1.549 1.784 2.686l-5.877 10.36q-.237.618-.526.782-.29.163-1.232.21-.543.196-.738.318t-.526.47q-.44.397-.632.397-.143 0-.524-.226l-.31.41zm-.279.415 1.575 1.103-.392.515H1.19zm8.1-13.656-4.953 6.9L8.75 12.57l4.247-7.574q.263-.375-1.092-1.192-1.354-.819-1.528-.32zM8.244 18.5 9.59 17h9.406v1.5z\\\"/></svg>\";\n\nvar maximize = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M16.754 2.501a.75.75 0 0 1 .75.75v5.2a.75.75 0 1 1-1.5 0V5.06L11.98 9.086a.75.75 0 0 1-1.061-1.061L14.943 4h-3.389a.75.75 0 0 1 0-1.5zM3.25 17.504a.75.75 0 0 1-.75-.75v-5.2a.75.75 0 0 1 1.5 0v3.39l4.023-4.023a.75.75 0 1 1 1.061 1.06l-4.023 4.023H8.45a.75.75 0 0 1 0 1.5z\\\"/></svg>\";\n\nvar mediaPlaceholder = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 64 42\\\"><path d=\\\"M47.426 17V3.713L63.102 0v19.389h-.001l.001.272c0 1.595-2.032 3.43-4.538 4.098s-4.538-.083-4.538-1.678 2.032-3.43 4.538-4.098c.914-.244 2.032-.565 2.888-.603V4.516L49.076 7.447v9.556L49 17zM29.5 17h-8.343a7.073 7.073 0 1 0-4.657 4.06v3.781H3.3a2.803 2.803 0 0 1-2.8-2.804V8.63a2.803 2.803 0 0 1 2.8-2.805h4.082L8.58 2.768A1.99 1.99 0 0 1 10.435 1.5h8.985c.773 0 1.477.448 1.805 1.149l1.488 3.177H26.7c1.546 0 2.8 1.256 2.8 2.805zm-11.637 0H17.5a1 1 0 0 0-1 1v.05A4.244 4.244 0 1 1 17.863 17m29.684 2c.97 0 .953-.048.953.889v20.743c0 .953.016.905-.953.905H19.453c-.97 0-.953.048-.953-.905V19.89c0-.937-.016-.889.97-.889h28.077zm-4.701 19.338V22.183H24.154v16.155zM20.6 21.375v1.616h1.616v-1.616zm0 3.231v1.616h1.616v-1.616zm0 3.231v1.616h1.616v-1.616zm0 3.231v1.616h1.616v-1.616zm0 3.231v1.616h1.616v-1.616zm0 3.231v1.616h1.616V37.53zm24.233-16.155v1.616h1.615v-1.616zm0 3.231v1.616h1.615v-1.616zm0 3.231v1.616h1.615v-1.616zm0 3.231v1.616h1.615v-1.616zm0 3.231v1.616h1.615v-1.616zm0 3.231v1.616h1.615V37.53zM29.485 25.283a.4.4 0 0 1 .593-.35l9.05 4.977a.4.4 0 0 1 0 .701l-9.05 4.978a.4.4 0 0 1-.593-.35z\\\"/></svg>\";\n\nvar media = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 22 20\\\"><path d=\\\"M1.587 1.5c-.612 0-.601-.029-.601.551v14.84c0 .59-.01.559.591.559h18.846c.602 0 .591.03.591-.56V2.052c0-.58.01-.55-.591-.55H1.587Zm.701.971h1.003v1H2.288zm16.448 0h1.003v1h-1.003zm-14.24 1h13.008v12H4.467zm-2.208 1h1.003v1H2.288zm16.448 0h1.003v1h-1.003zm-16.448 2h1.003v1H2.288zm16.448 0h1.003v1h-1.003zm-16.448 2h1.003v1H2.288zm16.448 0h1.003v1h-1.003zm-16.448 2h1.003v1H2.288zm16.448 0h1.003v1h-1.003zm-16.448 2h1.003l-.029 1h-.974zm16.448 0h1.003v1h-1.003zm-16.448 2h.974v1h-.974zm16.448 0h1.003v1h-1.003z\\\"/><path d=\\\"M8.374 6.648a.4.4 0 0 1 .395-.4.4.4 0 0 1 .2.049l5.148 2.824a.4.4 0 0 1 0 .7l-5.148 2.824a.403.403 0 0 1-.595-.35z\\\"/></svg>\";\n\nvar minimize = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M11.45 9.304a.75.75 0 0 1-.75-.75v-5.2a.75.75 0 0 1 1.5 0v3.39l4.023-4.023a.75.75 0 0 1 1.06 1.06l-4.022 4.023h3.389a.75.75 0 0 1 0 1.5zm-2.896 1.397a.75.75 0 0 1 .75.75v5.2a.75.75 0 0 1-1.5 0v-3.39L3.78 17.286a.75.75 0 1 1-1.06-1.061l4.022-4.023H3.354a.75.75 0 0 1 0-1.5z\\\"/></svg>\";\n\nvar multiLevelList = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M7.85 6.5a.75.75 0 0 1 0-1.5h9.5a.75.75 0 1 1 0 1.5zM3 8V2.7H.5v1h1V8zm10.42 6.185a.75.75 0 0 0 .53 1.28h3.4a.75.75 0 1 0 0-1.5h-3.4a.75.75 0 0 0-.53.22m-7.784-6.15V6.8H4.4v1.235zM9 17.865v-5.3H6.5v1h1v4.3zm2.636.035v-1.235H10.4V17.9zM3.2 17.865v-5.3H.7v1h1v4.3zm2.636.035v-1.235H4.6V17.9z\\\"/></svg>\";\n\nvar nextArrow = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M8.537 14.813a.888.888 0 1 1-1.254-1.255L10.84 10 7.283 6.442a.888.888 0 1 1 1.254-1.255L12.74 9.39a.888.888 0 0 1-.16 1.382z\\\"/></svg>\";\n\nvar notification = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0m1 15H9v-2h2zm0-4H9V5h2z\\\"/></svg>\";\n\nvar numberedList = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M7 5.75c0 .414.336.75.75.75h9.5a.75.75 0 1 0 0-1.5h-9.5a.75.75 0 0 0-.75.75M3.5 3v5H2V3.7H1v-1h2.5zM.343 17.857l2.59-3.257H2.92a.6.6 0 1 0-1.04 0H.302a2 2 0 1 1 3.995 0h-.001q-.073.607-.333.988-.263.381-1.244 1.312H4.3v1h-4zM7 14.75a.75.75 0 0 1 .75-.75h9.5a.75.75 0 1 1 0 1.5h-9.5a.75.75 0 0 1-.75-.75\\\"/></svg>\";\n\nvar objectCenter = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3h16v1.5H2zm0 12h16v1.5H2z\\\" opacity=\\\".5\\\"/><path d=\\\"M15.003 7v5.5a1 1 0 0 1-1 1H5.996a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h8.007a1 1 0 0 1 1 1m-1.506.5H6.5V12h6.997z\\\"/></svg>\";\n\nvar objectFullWidth = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3h16v1.5H2zm0 12h16v1.5H2z\\\" opacity=\\\".5\\\"/><path d=\\\"M18 7v5.5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1m-1.505.5H3.504V12h12.991z\\\"/></svg>\";\n\nvar objectInlineLeft = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3h16v1.5H2zm11.5 9H18v1.5h-4.5zm0-3H18v1.5h-4.5zm0-3H18v1.5h-4.5zM2 15h16v1.5H2z\\\" opacity=\\\".5\\\"/><path d=\\\"M12.003 7v5.5a1 1 0 0 1-1 1H2.996a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h8.007a1 1 0 0 1 1 1m-1.506.5H3.5V12h6.997z\\\"/></svg>\";\n\nvar objectInlineRight = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3h16v1.5H2zm0 12h16v1.5H2zm0-9h5v1.5H2zm0 3h5v1.5H2zm0 3h5v1.5H2z\\\" opacity=\\\".5\\\"/><path d=\\\"M18.003 7v5.5a1 1 0 0 1-1 1H8.996a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h8.007a1 1 0 0 1 1 1m-1.506.5H9.5V12h6.997z\\\"/></svg>\";\n\nvar objectInline = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3h16v1.5H2zm11.5 9H18v1.5h-4.5zM2 15h16v1.5H2z\\\" opacity=\\\".5\\\"/><path d=\\\"M12.003 7v5.5a1 1 0 0 1-1 1H2.996a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h8.007a1 1 0 0 1 1 1m-1.506.5H3.5V12h6.997z\\\"/></svg>\";\n\nvar objectLeft = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3h16v1.5H2zm0 12h16v1.5H2z\\\" opacity=\\\".5\\\"/><path d=\\\"M12.003 7v5.5a1 1 0 0 1-1 1H2.996a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h8.007a1 1 0 0 1 1 1m-1.506.5H3.5V12h6.997z\\\"/></svg>\";\n\nvar objectRight = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3h16v1.5H2zm0 12h16v1.5H2z\\\" opacity=\\\".5\\\"/><path d=\\\"M18.003 7v5.5a1 1 0 0 1-1 1H8.996a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h8.007a1 1 0 0 1 1 1m-1.506.5H9.5V12h6.997z\\\"/></svg>\";\n\nvar objectSizeCustom = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M.95 1.43a.95.95 0 0 0-.95.95v3.1a.95.95 0 0 0 .95.95h.75v6.3H.95a.95.95 0 0 0-.95.95v3.1a.95.95 0 0 0 .95.95h3.1a.95.95 0 0 0 .95-.95v-.65h1.932l1.539-1.5H5v-.95a.95.95 0 0 0-.95-.95H3.2v-6.3h.85A.95.95 0 0 0 5 5.48v-.55h10v.55a.95.95 0 0 0 .95.95h3.1a.95.95 0 0 0 .95-.95v-3.1a.95.95 0 0 0-.95-.95h-3.1a.95.95 0 0 0-.95.95v1.05H5V2.38a.95.95 0 0 0-.95-.95zm.55 3.5v-2h2v2zm0 9.3v2h2v-2zm15-11.3v2h2v-2zM8.139 20.004v-2.388l7.045-7.048 2.391 2.391-7.046 7.046zm11.421-9.101a.6.6 0 0 1-.138.206l-1.165 1.168-2.391-2.391 1.167-1.163a.6.6 0 0 1 .206-.138.6.6 0 0 1 .243-.049.63.63 0 0 1 .449.187l1.491 1.488c.059.059.108.129.138.206s.049.16.049.243a.6.6 0 0 1-.049.243\\\"/></svg>\";\n\nvar objectSizeFull = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2.5 17v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zM1 15.5v1H0v-1zm19 0v1h-1v-1zm-19-2v1H0v-1zm19 0v1h-1v-1zm-19-2v1H0v-1zm19 0v1h-1v-1zm-19-2v1H0v-1zm19 0v1h-1v-1zm-19-2v1H0v-1zm19 0v1h-1v-1zm-19-2v1H0v-1zm19 0v1h-1v-1zm0-2v1h-1v-1zm-19 0v1H0v-1zM14.5 2v1h-1V2zm2 0v1h-1V2zm2 0v1h-1V2zm-8 0v1h-1V2zm-2 0v1h-1V2zm-2 0v1h-1V2zm-2 0v1h-1V2zm8 0v1h-1V2zm-10 0v1h-1V2z\\\"/><path d=\\\"M18.095 2H1.905C.853 2 0 2.895 0 4v12c0 1.105.853 2 1.905 2h16.19C19.147 18 20 17.105 20 16V4c0-1.105-.853-2-1.905-2m0 1.5c.263 0 .476.224.476.5v12c0 .276-.213.5-.476.5H1.905a.49.49 0 0 1-.476-.5V4c0-.276.213-.5.476-.5z\\\"/></svg>\";\n\nvar objectSizeLarge = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2.5 16.5v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zM1 15v1H0v-1zm19 0v1h-1v-1zM1 13v1H0v-1zm19 0v1h-1v-1zM1 11v1H0v-1zm19 0v1h-1v-1zM1 9v1H0V9zm19 0v1h-1V9zM1 7v1H0V7zm19 0v1h-1V7zM1 5v1H0V5zm19 0v1h-1V5zm0-2v1h-1V3zM1 3v1H0V3zm13.5-1.5v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm-8 0v1h-1v-1zm-2 0v1h-1v-1zm-2 0v1h-1v-1zm-2 0v1h-1v-1zm8 0v1h-1v-1zm-10 0v1h-1v-1z\\\"/><path d=\\\"M13 5.5H2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2M13 7a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-8A.5.5 0 0 1 2 7z\\\"/></svg>\";\n\nvar objectSizeMedium = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2.5 16.5v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zM1 15v1H0v-1zm19 0v1h-1v-1zM1 13v1H0v-1zm19 0v1h-1v-1zM1 11v1H0v-1zm19 0v1h-1v-1zM1 9v1H0V9zm19 0v1h-1V9zM1 7v1H0V7zm19 0v1h-1V7zM1 5v1H0V5zm19 0v1h-1V5zm0-2v1h-1V3zM1 3v1H0V3zm13.5-1.5v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm-8 0v1h-1v-1zm-2 0v1h-1v-1zm-2 0v1h-1v-1zm-2 0v1h-1v-1zm8 0v1h-1v-1zm-10 0v1h-1v-1z\\\"/><path d=\\\"M10 7.5H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2M10 9a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-6A.5.5 0 0 1 2 9z\\\"/></svg>\";\n\nvar objectSizeSmall = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2.5 16.5v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zM1 15v1H0v-1zm19 0v1h-1v-1zM1 13v1H0v-1zm19 0v1h-1v-1zM1 11v1H0v-1zm19 0v1h-1v-1zM1 9v1H0V9zm19 0v1h-1V9zM1 7v1H0V7zm19 0v1h-1V7zM1 5v1H0V5zm19 0v1h-1V5zm0-2v1h-1V3zM1 3v1H0V3zm13.5-1.5v1h-1v-1zm2 0v1h-1v-1zm2 0v1h-1v-1zm-8 0v1h-1v-1zm-2 0v1h-1v-1zm-2 0v1h-1v-1zm-2 0v1h-1v-1zm8 0v1h-1v-1zm-10 0v1h-1v-1z\\\"/><path d=\\\"M7 9.5H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2M7 11a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-4A.5.5 0 0 1 2 11z\\\"/></svg>\";\n\nvar onedrive = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10.223 5.001a5.28 5.28 0 0 0-4.408 2.258c-3.224.423-4.908 4.123-3.032 6.814l.004.008.002.004c.48.627 1.712 1.84 3.588 1.84h7.936c.667 0 1.32-.179 1.894-.522a3.84 3.84 0 0 0 1.381-1.46v-.005c1.13-2.16-.133-4.777-2.488-5.298-.617-1.853-2.177-3.242-4.111-3.565a5 5 0 0 0-.766-.074m-.092 1.5a3 3 0 0 1 .23.008c.077.004.154.014.231.021l.226.035a5 5 0 0 1 .45.116 3 3 0 0 1 .433.166 4 4 0 0 1 .606.348 4 4 0 0 1 .37.293 4 4 0 0 1 .33.348 3.5 3.5 0 0 1 .505.778 3 3 0 0 0-.42.117q-.123.044-.244.094l-1.49.627-2.686-1.61a4.4 4.4 0 0 0-1.002-.445c.015-.01.032-.026.047-.039a4 4 0 0 1 .4-.289 4 4 0 0 1 .424-.23 3 3 0 0 1 .219-.094q.112-.043.225-.076a4 4 0 0 1 .222-.06q.117-.029.233-.05.112-.022.228-.033.115-.011.233-.02.116-.005.23-.005m-3.8 2.193h.003c.54.001 1.111.156 1.551.428l1.783 1.07-5.867 2.471c-.535-1.29-.15-2.788 1.059-3.537l.007-.004a2.9 2.9 0 0 1 1.463-.428Zm7.974 1.33.152.008q.13.011.258.033a2 2 0 0 1 .477.145 2.2 2.2 0 0 1 .918.756q.07.1.127.2a2.3 2.3 0 0 1 .269.919c.004.081.008.165.002.248q-.006.083-.02.166l-3.507-2.102.459-.193.015-.008a2 2 0 0 1 .41-.125 2.3 2.3 0 0 1 .44-.047m-3.008 1.112 4.506 2.699a2.2 2.2 0 0 1-.338.26 2.2 2.2 0 0 1-.668.275q-.116.027-.24.04c-.081.007-.164.015-.246.015H6.373a3 3 0 0 1-.168-.004 2 2 0 0 1-.164-.016l-.154-.023q-.077-.01-.15-.026a3 3 0 0 1-.77-.3 3 3 0 0 1-.21-.133c-.012-.008-.019-.016-.03-.024z\\\"/></svg>\";\n\nvar outdated = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M11 1a9 9 0 1 1-8.027 13.075l1.128-1.129A7.502 7.502 0 0 0 18.5 10a7.5 7.5 0 1 0-14.962.759l-.745-.746-.76.76A9 9 0 0 1 11 1\\\"/><path d=\\\"M.475 8.17a.75.75 0 0 1 .978.047l.075.082 1.284 1.643 1.681-1.284a.75.75 0 0 1 .978.057l.073.083a.75.75 0 0 1-.057.978l-.083.073-2.27 1.737a.75.75 0 0 1-.973-.052l-.074-.082-1.741-2.23a.75.75 0 0 1 .13-1.052zM11.5 5v4.999l3.196 3.196-1.06 1.06L10.1 10.72l-.1-.113V5z\\\"/></svg>\";\n\nvar outdent = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3.75c0 .414.336.75.75.75h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 0 0-.75.75m5 6c0 .414.336.75.75.75h9.5a.75.75 0 1 0 0-1.5h-9.5a.75.75 0 0 0-.75.75M2.75 16.5h14.5a.75.75 0 1 0 0-1.5H2.75a.75.75 0 1 0 0 1.5m1.618-9.55L.98 9.358a.4.4 0 0 0 .013.661l3.39 2.207A.4.4 0 0 0 5 11.892V7.275a.4.4 0 0 0-.632-.326z\\\"/></svg>\";\n\nvar pageBreak = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3.598.687h1.5v5h-1.5zm14.5 0h1.5v5h-1.5z\\\"/><path d=\\\"M19.598 4.187v1.5h-16v-1.5zm-16 14.569h1.5v-5h-1.5zm14.5 0h1.5v-5h-1.5z\\\"/><path d=\\\"M19.598 15.256v-1.5h-16v1.5zM5.081 9h6v2h-6zm8 0h6v2h-6zm-9.483 1L0 12.5v-5z\\\"/></svg>\";\n\nvar paginationExample = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"2 2 56 18\\\"><path d=\\\"m12.527 14.733-.514.022-.057-.057-.058-.058.006-2.44.007-2.44-.834-.023-.833-.022.023-.406.024-.405.536-.1.536-.098.25-.145.25-.145.17-.429.172-.428.399-.024.398-.023v7.08l.02.059.02.059zm17.894.016h-.457l.043-.138.043-.137.635-2.004.636-2.004.437-1.375.436-1.375.055-.196.054-.197.38-.024.378-.024.07.069.07.07-1.162 3.667-1.16 3.667zm11.733 0h-.55V9.72h-1.65v-.864h.385l.4-.086.398-.086.233-.195.232-.196.138-.386.137-.387h.827v7.229zm6.404 0h-.51V13.02h-3.143v-1.01l1.044-1.44 1.045-1.44.59-.824.592-.825h.854l.02 2.298.021 2.298h1.02v.943H49.07v1.729zM47 12.06l1.008-.022.022-1.4.021-1.401-.07.044-.07.043-.901 1.279-.901 1.278-.058.1-.059.101zM12.256 22.893l-10.53.01-.157-.038-.157-.038-.255-.12L.9 22.59v-.19l.228-.218.228-.218.16.086.16.085h20.922l.16-.085.16-.086.228.218.227.218v.189l-.294.146-.295.147z\\\"/></svg>\";\n\nvar paintRollerCursorDefault = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 31 20\\\"><mask id=\\\"a\\\" width=\\\"17\\\" height=\\\"18\\\" x=\\\"13\\\" y=\\\"1\\\" maskUnits=\\\"userSpaceOnUse\\\"><path d=\\\"M13 1h17v18H13z\\\"/><path d=\\\"M14 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1z\\\"/><path d=\\\"M27 3.25a1.5 1.5 0 0 1 1.5 1.5v1.7a2.25 2.25 0 0 1-1.932 2.226l-4.424.632a.75.75 0 0 0-.644.743V11a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1v-.95a2.25 2.25 0 0 1 1.932-2.226l4.424-.632A.75.75 0 0 0 27 6.449z\\\"/></mask><path d=\\\"M14 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1z\\\"/><path d=\\\"M27 3.25a1.5 1.5 0 0 1 1.5 1.5v1.7a2.25 2.25 0 0 1-1.932 2.226l-4.424.632a.75.75 0 0 0-.644.743V11a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1v-.95a2.25 2.25 0 0 1 1.932-2.226l4.424-.632A.75.75 0 0 0 27 6.449z\\\"/><path d=\\\"M14 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1z\\\" mask=\\\"url(#a)\\\"/><path d=\\\"M27 3.25a1.5 1.5 0 0 1 1.5 1.5v1.7a2.25 2.25 0 0 1-1.932 2.226l-4.424.632a.75.75 0 0 0-.644.743V11a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1v-.95a2.25 2.25 0 0 1 1.932-2.226l4.424-.632A.75.75 0 0 0 27 6.449z\\\" mask=\\\"url(#a)\\\"/><mask id=\\\"b\\\" width=\\\"12\\\" height=\\\"17\\\" x=\\\"1.75\\\" y=\\\"1.165\\\" maskUnits=\\\"userSpaceOnUse\\\"><path d=\\\"M1.75 1.165h12v17h-12z\\\"/><path d=\\\"m12.25 9.96-9.5-7.795 2 12.124 2.384-2.53 2.75 4.762 1.732-1-2.75-4.763z\\\"/></mask><path d=\\\"m12.25 9.96-9.5-7.795 2 12.124 2.384-2.53 2.75 4.762 1.732-1-2.75-4.763z\\\"/><path d=\\\"m12.25 9.96-9.5-7.795 2 12.124 2.384-2.53 2.75 4.762 1.732-1-2.75-4.763z\\\" mask=\\\"url(#b)\\\"/></svg>\";\n\nvar paintRollerCursorText = \"<svg fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 31 20\\\" width=\\\"30\\\" height=\\\"20\\\">\\n  <path d=\\\"M14 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V3Z\\\" fill=\\\"#000\\\"/>\\n  <path d=\\\"M27 3.25a1.5 1.5 0 0 1 1.5 1.5v1.7a2.25 2.25 0 0 1-1.932 2.226l-4.424.632a.75.75 0 0 0-.644.743V11a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H20a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1v-.95a2.25 2.25 0 0 1 1.932-2.226l4.424-.632A.75.75 0 0 0 27 6.449V3.25Z\\\" fill=\\\"#000\\\"/>\\n  <path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M26.855 2.25H27a2.5 2.5 0 0 1 2.5 2.5v1.7a3.25 3.25 0 0 1-2.79 3.216l-4.21.602a2 2 0 0 1 1 1.732v5a2 2 0 0 1-2 2H20a2 2 0 0 1-2-2v-5a2 2 0 0 1 1-1.732v-.217A3.25 3.25 0 0 1 21.129 7H15a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10a2 2 0 0 1 1.855 1.25ZM20 10.05V11a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1.5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1v-.95c0-.016 0-.033.002-.05a.75.75 0 0 1 .642-.692l4.424-.632A2.25 2.25 0 0 0 28.5 6.45V4.75a1.496 1.496 0 0 0-1.5-1.5v3.2a.75.75 0 0 1-.644.742l-4.424.632A2.25 2.25 0 0 0 20 10.05ZM15 2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H15Z\\\" fill=\\\"#fff\\\"/>\\n  <path d=\\\"M2.5 2.5A.5.5 0 0 1 3 2h2.5a.5.5 0 0 1 .354.146l.646.647.646-.647A.5.5 0 0 1 7.5 2H10a.5.5 0 0 1 0 1H7.707L7 3.707V10h.5a.5.5 0 0 1 0 1H7v4.793l.707.707H10a.5.5 0 0 1 0 1H7.5a.5.5 0 0 1-.354-.146l-.646-.647-.646.647a.5.5 0 0 1-.354.146H3a.5.5 0 0 1 0-1h2.293L6 15.793V11h-.5a.5.5 0 0 1 0-1H6V3.707L5.293 3H3a.5.5 0 0 1-.5-.5Z\\\" fill=\\\"#000\\\"/>\\n  <path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"m5.793 3.5-.5-.5H3a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .354.146l.145.146.501.5.646-.646A.5.5 0 0 1 7.5 2H10a.5.5 0 0 1 0 1H7.707L7 3.707V10h.5a.5.5 0 0 1 0 1H7v4.793l.707.707H10a.5.5 0 0 1 0 1H7.5a.5.5 0 0 1-.354-.146l-.646-.647-.5.5-.146.147a.5.5 0 0 1-.354.146H3a.5.5 0 0 1 0-1h2.293L6 15.793V11h-.5a.5.5 0 0 1 0-1H6V3.707L5.793 3.5Zm-.914.5L5 4.121v4.964a1.5 1.5 0 0 0 0 2.83v3.464l-.121.121H3a1.5 1.5 0 0 0 0 3h2.5a1.5 1.5 0 0 0 1-.382 1.5 1.5 0 0 0 1 .382H10a1.5 1.5 0 0 0 0-3H8.121L8 15.379v-3.464a1.5 1.5 0 0 0 0-2.83V4.121L8.121 4H10a1.5 1.5 0 0 0 0-3H7.5a1.5 1.5 0 0 0-1 .382A1.5 1.5 0 0 0 5.5 1H3a1.5 1.5 0 1 0 0 3h1.879Z\\\" fill=\\\"#fff\\\"/>\\n</svg>\\n\";\n\nvar paintRoller = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z\\\"/><path d=\\\"M16 3.25a1.5 1.5 0 0 1 1.5 1.5v1.7a2.25 2.25 0 0 1-1.932 2.226l-4.424.632a.75.75 0 0 0-.644.743V11a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1v-.95a2.25 2.25 0 0 1 1.932-2.226l4.424-.632A.75.75 0 0 0 16 6.449z\\\"/></svg>\";\n\nvar paperClip = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M8.514.5c1.007 0 2.056.352 2.866.96.813.611 1.449 1.539 1.449 2.69v7.8c0 .777-.382 1.457-.888 1.93-.505.474-1.195.8-1.92.82-1.473.04-2.848-1.237-2.848-2.75v-3.7a.75.75 0 0 1 1.5 0v3.7c0 .642.65 1.268 1.306 1.25.312-.008.663-.157.938-.414.274-.256.412-.562.412-.836v-7.8c0-.556-.303-1.08-.85-1.49A3.4 3.4 0 0 0 8.513 2a3.4 3.4 0 0 0-1.946.65c-.556.41-.868.934-.868 1.5v.028l-.001.013-.002.055-.006.212-.02.787c-.015.67-.034 1.605-.046 2.663-.025 2.123-.025 4.729.074 6.704.058 1.155.628 1.948 1.466 2.478.864.547 2.017.81 3.135.81 1.114 0 2.092-.265 2.789-.785.671-.5 1.152-1.286 1.213-2.503a80 80 0 0 0 .074-5.299 82 82 0 0 0-.073-2.283L14.301 7v-.086A.75.75 0 0 1 15.8 6.91v.013l.002.033.005.127c.005.11.013.273.02.48.017.413.035 1.007.048 1.725a82 82 0 0 1-.075 5.4c-.082 1.63-.758 2.843-1.815 3.631-1.032.77-2.358 1.082-3.684 1.082-1.322 0-2.774-.306-3.939-1.044-1.191-.754-2.076-1.962-2.161-3.669-.101-2.024-.101-4.67-.076-6.796.012-1.066.03-2.006.047-2.68.007-.337.015-.608.02-.794l.006-.215.002-.056v-.02c.009-1.162.663-2.082 1.477-2.683A4.9 4.9 0 0 1 8.514.5\\\"/></svg>\";\n\nvar paragraph = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10.5 5.5H7v5h3.5a2.5 2.5 0 1 0 0-5M5 3h6.5v.025a5 5 0 0 1 0 9.95V13H7v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1\\\"/></svg>\";\n\nvar pencil = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m7.3 17.37-.061.088a1.52 1.52 0 0 1-.934.535l-4.178.663-.806-4.153a1.5 1.5 0 0 1 .187-1.058l.056-.086L8.77 2.639c.958-1.351 2.803-1.076 4.296-.03 1.497 1.047 2.387 2.693 1.433 4.055zM9.14 4.728l-5.545 8.346 3.277 2.294 5.544-8.346zM6.07 16.512l-3.276-2.295.53 2.73zM9.994 3.506 13.271 5.8c.316-.452-.16-1.333-1.065-1.966-.905-.634-1.895-.78-2.212-.328M8 18.5 9.375 17H19v1.5z\\\"/></svg>\";\n\nvar pen = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10.126 2.268 2.002 13.874l1.895 1.852 2.521 1.402L14.47 5.481l-1.543-2.568z\\\" class=\\\"ck-icon__fill\\\"/><path d=\\\"m4.5 18.088-2.645-1.852-.04-2.95-.006-.005.006-.008v-.025l.011.008L8.73 2.97q.249-.348.567-.557l-1.212.308L4.604 7.9l-.83-.558 3.694-5.495 2.708-.69 1.65 1.145.046.018.85-1.216 2.16 1.512-.856 1.222c.828.967 1.144 2.141.432 3.158L7.55 17.286l.006.005zm-.634.166-1.976.516-.026-1.918zM9.968 3.817l-.006-.004-6.123 9.184 3.277 2.294 6.108-9.162.005.003c.317-.452-.16-1.332-1.064-1.966-.891-.624-1.865-.776-2.197-.349M8.245 18.5 9.59 17h9.406v1.5z\\\"/></svg>\";\n\nvar pilcrow = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M6.999 2H15a1 1 0 0 1 0 2h-1.004v13a1 1 0 1 1-2 0V4H8.999v13a1 1 0 1 1-2 0v-7A4 4 0 0 1 3 6a4 4 0 0 1 3.999-4\\\"/></svg>\";\n\nvar play = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18m3.45-9.872a1 1 0 0 1 0 1.744l-4.96 2.79A1 1 0 0 1 7 12.79V7.21a1 1 0 0 1 1.49-.872z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar plus = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10 2a1 1 0 0 0-1 1v6H3a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2h-6V3a1 1 0 0 0-1-1\\\"/></svg>\";\n\nvar previewMergeFields = \"<svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 20 20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n<circle cx=\\\"9.00037\\\" cy=\\\"9.79993\\\" r=\\\"1.5\\\"/>\\n<path d=\\\"M5.75024 2.75005C5.75019 2.00005 5.75006 2.00005 5.75006 2.00005L5.74877 2.00005L5.74647 2.00006L5.73927 2.00009L5.71503 2.0003C5.6947 2.00053 5.66619 2.00098 5.63111 2.00185C5.56123 2.0036 5.46388 2.00707 5.35241 2.01402C5.14095 2.02722 4.83482 2.05536 4.56712 2.12276C4.1703 2.22267 3.82938 2.40399 3.55967 2.67392C3.29221 2.94161 3.1311 3.26001 3.03544 3.5803C2.85401 4.18776 2.8854 4.89393 2.92747 5.49256C2.9373 5.6324 2.94792 5.76849 2.95828 5.90131C2.99629 6.38849 3.03087 6.83163 3.01038 7.25369C2.98475 7.78147 2.87469 8.13279 2.6777 8.3656C2.45517 8.6286 2.1841 8.79405 1.95875 8.89436C1.84756 8.94386 1.75282 8.97509 1.68956 8.99319C1.65813 9.00219 1.63513 9.00776 1.62253 9.01062L1.61304 9.01269L1.00024 9.12173V9.75005H3.4023C3.54579 9.63123 3.68814 9.49364 3.82278 9.33451C4.33087 8.73405 4.47638 7.99036 4.50861 7.32643C4.5342 6.79933 4.48942 6.23163 4.4502 5.73429C4.44071 5.61404 4.43155 5.49785 4.42378 5.3874C4.38011 4.76596 4.37986 4.32043 4.4727 4.00956C4.51418 3.87069 4.56668 3.78828 4.62078 3.73414C4.67264 3.68223 4.76124 3.6207 4.93336 3.57736C5.06269 3.5448 5.25656 3.52293 5.44585 3.51111C5.53475 3.50556 5.61296 3.50277 5.66854 3.50139C5.6962 3.5007 5.71789 3.50036 5.73209 3.5002L5.74748 3.50007L5.75054 3.50005L6.5003 3.5L6.50019 2L5.75006 2.00005L5.75024 2.75005Z\\\"/>\\n<path d=\\\"M5.75024 16.7501C5.75019 17.5001 5.75006 17.5001 5.75006 17.5001L5.74877 17.5001L5.74647 17.5001L5.73927 17.5L5.71503 17.4998C5.6947 17.4996 5.66619 17.4991 5.63111 17.4983C5.56123 17.4965 5.46388 17.493 5.35241 17.4861C5.14095 17.4729 4.83482 17.4448 4.56712 17.3774C4.1703 17.2774 3.82938 17.0961 3.55967 16.8262C3.29221 16.5585 3.1311 16.2401 3.03544 15.9198C2.85401 15.3124 2.8854 14.6062 2.92747 14.0076C2.9373 13.8677 2.94792 13.7316 2.95828 13.5988C2.99629 13.1116 3.03087 12.6685 3.01038 12.2464C2.98475 11.7186 2.87469 11.3673 2.6777 11.1345C2.45517 10.8715 2.1841 10.7061 1.95875 10.6058C1.84756 10.5563 1.75282 10.525 1.68956 10.5069C1.65813 10.4979 1.63513 10.4924 1.62253 10.4895L1.61304 10.4874L1.00024 10.3784V9.75005H3.4023C3.54579 9.86887 3.68814 10.0065 3.82278 10.1656C4.33087 10.7661 4.47638 11.5098 4.50861 12.1737C4.5342 12.7008 4.48942 13.2685 4.4502 13.7658C4.44071 13.8861 4.43155 14.0023 4.42378 14.1127C4.38011 14.7341 4.37986 15.1797 4.4727 15.4906C4.51418 15.6294 4.56668 15.7118 4.62078 15.766C4.67264 15.8179 4.76124 15.8794 4.93336 15.9228C5.06269 15.9553 5.25656 15.9772 5.44585 15.989C5.53475 15.9945 5.61296 15.9973 5.66854 15.9987C5.6962 15.9994 5.71789 15.9998 5.73209 15.9999L5.74748 16L5.75054 16.0001L6.5003 16.0001L6.50019 17.5001L5.75006 17.5001L5.75024 16.7501Z\\\"/>\\n<path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M12.2514 2.00005L12.2501 2.00005L11.5 2L11.4999 3.5L12.2496 3.50005L12.2527 3.50007L12.2681 3.5002C12.2823 3.50036 12.304 3.5007 12.3316 3.50139C12.3872 3.50277 12.4654 3.50556 12.5543 3.51111C12.7436 3.52293 12.9375 3.5448 13.0668 3.57736C13.2389 3.6207 13.3275 3.68223 13.3794 3.73414C13.4335 3.78828 13.486 3.87069 13.5275 4.00956C13.6203 4.32043 13.6201 4.76596 13.5764 5.3874C13.5686 5.49785 13.5595 5.61404 13.55 5.73429C13.5108 6.23163 13.466 6.79933 13.4916 7.32643C13.5238 7.99036 13.6693 8.73405 14.1774 9.33451C14.312 9.49364 14.4544 9.63123 14.5979 9.75005C14.4544 9.86887 14.312 10.0065 14.1774 10.1656C13.7121 10.7154 13.5509 11.3854 13.5023 12.0042C13.6011 12.0012 13.7003 11.9997 13.7999 11.9997C14.208 11.9997 14.6093 12.0247 15.0018 12.0729C15.0416 11.6402 15.1479 11.3408 15.3225 11.1345C15.545 10.8715 15.8161 10.7061 16.0414 10.6058C16.1526 10.5563 16.2474 10.525 16.3106 10.5069C16.342 10.4979 16.365 10.4924 16.3776 10.4895L16.3871 10.4874L16.9999 10.3784V9.75005V9.12173L16.3871 9.01269L16.3776 9.01062C16.365 9.00776 16.342 9.00219 16.3106 8.99319C16.2474 8.97509 16.1526 8.94386 16.0414 8.89436C15.8161 8.79405 15.545 8.6286 15.3225 8.3656C15.1255 8.13279 15.0154 7.78147 14.9898 7.25369C14.9693 6.83163 15.0039 6.38849 15.0419 5.90131C15.0523 5.76849 15.0629 5.6324 15.0727 5.49256C15.1148 4.89393 15.1462 4.18776 14.9647 3.5803C14.8691 3.26001 14.708 2.94161 14.4405 2.67392C14.1708 2.40399 13.8299 2.22267 13.433 2.12276C13.1654 2.05536 12.8592 2.02722 12.6478 2.01402C12.5363 2.00707 12.4389 2.0036 12.3691 2.00185C12.334 2.00098 12.3055 2.00053 12.2851 2.0003L12.2609 2.00009L12.2537 2.00006L12.2514 2.00005Z\\\"/>\\n<path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M9.00335 17.2062L9.00308 17.2065C8.7234 17.5118 8.24919 17.5327 7.94372 17.2532C7.63816 16.9735 7.61716 16.4991 7.89681 16.1935L8.45008 16.6999C7.89681 16.1935 7.89697 16.1934 7.89713 16.1932L7.89751 16.1928L7.89844 16.1918L7.90098 16.189L7.90879 16.1806L7.93517 16.1526C7.95746 16.1292 7.98914 16.0963 8.02971 16.0555C8.11079 15.9738 8.22768 15.8597 8.37644 15.724C8.6732 15.4532 9.10079 15.0927 9.62744 14.7314C10.6647 14.0198 12.1659 13.2499 13.8501 13.2499C15.5343 13.2499 17.0355 14.0198 18.0727 14.7314C18.5994 15.0927 19.027 15.4532 19.3237 15.724C19.4725 15.8597 19.5894 15.9738 19.6705 16.0555C19.711 16.0963 19.7427 16.1292 19.765 16.1526L19.7914 16.1806L19.7992 16.189L19.8017 16.1918L19.8027 16.1928L19.803 16.1932C19.8032 16.1934 19.8034 16.1935 19.2501 16.6999L19.8034 16.1935C20.083 16.4991 20.062 16.9735 19.7565 17.2532C19.4511 17.5326 18.9772 17.5118 18.6975 17.207L18.6971 17.2065L18.6968 17.2062L18.6945 17.2037L18.6783 17.1865C18.6629 17.1704 18.6386 17.1452 18.6059 17.1123C18.5404 17.0463 18.4414 16.9494 18.3127 16.8321C18.0546 16.5966 17.6814 16.282 17.2242 15.9683C16.9805 15.8012 16.7185 15.6381 16.4421 15.4883C16.7016 15.9322 16.8502 16.4487 16.8502 16.9999C16.8502 18.6567 15.5071 19.9999 13.8502 19.9999C12.1934 19.9999 10.8502 18.6567 10.8502 16.9999C10.8502 16.4486 10.9989 15.932 11.2584 15.4881C10.9819 15.6379 10.7198 15.8011 10.476 15.9683C10.0188 16.282 9.64555 16.5966 9.38746 16.8321C9.25879 16.9494 9.15975 17.0463 9.09425 17.1123C9.06153 17.1452 9.03726 17.1704 9.02192 17.1865L9.00572 17.2037L9.00335 17.2062Z\\\"/>\\n<circle cx=\\\"14.8253\\\" cy=\\\"16.1749\\\" r=\\\"1.125\\\" fill=\\\"white\\\"/>\\n</svg>\\n\";\n\nvar previousArrow = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M11.463 5.187a.888.888 0 1 1 1.254 1.255L9.16 10l3.557 3.557a.888.888 0 1 1-1.254 1.255L7.26 10.61a.888.888 0 0 1 .16-1.382l4.043-4.042z\\\"/></svg>\";\n\nvar print = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M15 2.5H5v4h10zm-1 1v2H6v-2z\\\"/><path d=\\\"M16 5.5a2.5 2.5 0 0 1 2.495 2.336L18.5 8v5a2.5 2.5 0 0 1-2.336 2.495L16 15.5h-1V14h1a1 1 0 0 0 .993-.883L17 13V8a1 1 0 0 0-.883-.993L16 7H4a1 1 0 0 0-.993.883L3 8v5a1 1 0 0 0 .883.993L4 14h1v1.5H4a2.5 2.5 0 0 1-2.495-2.336L1.5 13V8a2.5 2.5 0 0 1 2.336-2.495L4 5.5zM6.5 8a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z\\\"/><path d=\\\"M15 12H5v7h10zm-1 1v5H6v-5z\\\"/><path d=\\\"M7 14h6v1H7zm0 2h6v1H7z\\\"/></svg>\";\n\nvar projectLogo = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"53\\\" height=\\\"10\\\" viewBox=\\\"0 0 53 10\\\"><path fill=\\\"#1C2331\\\" d=\\\"M31.724 1.492a15.139 15.139 0 0 0 .045 1.16 2.434 2.434 0 0 0-.687-.34 3.68 3.68 0 0 0-1.103-.166 2.332 2.332 0 0 0-1.14.255 1.549 1.549 0 0 0-.686.87c-.15.41-.225.98-.225 1.712 0 .939.148 1.659.444 2.161.297.503.792.754 1.487.754.452.015.9-.094 1.294-.316.296-.174.557-.4.771-.669l.14.852h1.282V.007h-1.623v1.485ZM31 6.496a1.77 1.77 0 0 1-.494.061.964.964 0 0 1-.521-.127.758.758 0 0 1-.296-.466 3.984 3.984 0 0 1-.093-.992 4.208 4.208 0 0 1 .098-1.052.753.753 0 0 1 .307-.477 1.08 1.08 0 0 1 .55-.122c.233-.004.466.026.69.089l.483.144v2.553c-.11.076-.213.143-.307.2a1.73 1.73 0 0 1-.417.189ZM35.68 0l-.702.004c-.322.002-.482.168-.48.497l.004.581c.002.33.164.493.486.49l.702-.004c.322-.002.481-.167.48-.496L36.165.49c-.002-.33-.164-.493-.486-.491ZM36.145 2.313l-1.612.01.034 5.482 1.613-.01-.035-5.482ZM39.623.79 37.989.8 38 2.306l-.946.056.006 1.009.949-.006.024 2.983c.003.476.143.844.419 1.106.275.26.658.39 1.148.387.132 0 .293-.01.483-.03.19-.02.38-.046.57-.08.163-.028.324-.068.482-.119l-.183-1.095-.702.004a.664.664 0 0 1-.456-.123.553.553 0 0 1-.14-.422l-.016-2.621 1.513-.01-.006-1.064-1.514.01-.01-1.503ZM46.226 2.388c-.41-.184-.956-.274-1.636-.27-.673.004-1.215.101-1.627.29-.402.179-.72.505-.888.91-.18.419-.268.979-.264 1.68.004.688.1 1.24.285 1.655.172.404.495.724.9.894.414.18.957.268 1.63.264.68-.004 1.224-.099 1.632-.284.4-.176.714-.501.878-.905.176-.418.263-.971.258-1.658-.004-.702-.097-1.261-.28-1.677a1.696 1.696 0 0 0-.888-.9Zm-.613 3.607a.77.77 0 0 1-.337.501 1.649 1.649 0 0 1-1.317.009.776.776 0 0 1-.343-.497 4.066 4.066 0 0 1-.105-1.02 4.136 4.136 0 0 1 .092-1.03.786.786 0 0 1 .337-.507 1.59 1.59 0 0 1 1.316-.008.79.79 0 0 1 .344.502c.078.337.113.683.105 1.03.012.343-.019.685-.092 1.02ZM52.114 2.07a2.67 2.67 0 0 0-1.128.278c-.39.191-.752.437-1.072.73l-.157-.846-1.273.008.036 5.572 1.623-.01-.024-3.78c.35-.124.646-.22.887-.286.26-.075.53-.114.8-.118l.45-.003.144-1.546-.286.001ZM22.083 7.426l-1.576-2.532a2.137 2.137 0 0 0-.172-.253 1.95 1.95 0 0 0-.304-.29.138.138 0 0 1 .042-.04 1.7 1.7 0 0 0 .328-.374l1.75-2.71c.01-.015.025-.028.024-.048-.01-.01-.021-.007-.031-.007L20.49 1.17a.078.078 0 0 0-.075.045l-.868 1.384c-.23.366-.46.732-.688 1.099a.108.108 0 0 1-.112.06c-.098-.005-.196-.001-.294-.002-.018 0-.038.006-.055-.007.002-.02.002-.039.005-.058a4.6 4.6 0 0 0 .046-.701V1.203c0-.02-.009-.032-.03-.03h-.033L16.93 1.17c-.084 0-.073-.01-.073.076v6.491c-.001.018.006.028.025.027h1.494c.083 0 .072.007.072-.071v-2.19c0-.055-.003-.11-.004-.166a3.366 3.366 0 0 0-.05-.417h.06c.104 0 .209.002.313-.002a.082.082 0 0 1 .084.05c.535.913 1.07 1.824 1.607 2.736a.104.104 0 0 0 .103.062c.554-.003 1.107-.002 1.66-.002l.069-.003-.019-.032-.188-.304ZM27.112 6.555c-.005-.08-.004-.08-.082-.08h-2.414c-.053 0-.106-.003-.159-.011a.279.279 0 0 1-.246-.209.558.558 0 0 1-.022-.15c0-.382 0-.762-.002-1.143 0-.032.007-.049.042-.044h2.504c.029.003.037-.012.034-.038V3.814c0-.089.013-.078-.076-.078h-2.44c-.07 0-.062.003-.062-.06v-.837c0-.047.004-.093.013-.14a.283.283 0 0 1 .241-.246.717.717 0 0 1 .146-.011h2.484c.024.002.035-.009.036-.033l.003-.038.03-.496c.01-.183.024-.365.034-.548.005-.085.003-.087-.082-.094-.218-.018-.437-.038-.655-.05a17.845 17.845 0 0 0-.657-.026 72.994 72.994 0 0 0-1.756-.016 1.7 1.7 0 0 0-.471.064 1.286 1.286 0 0 0-.817.655c-.099.196-.149.413-.145.633v3.875c0 .072.003.144.011.216a1.27 1.27 0 0 0 .711 1.029c.228.113.48.167.734.158.757-.005 1.515.002 2.272-.042.274-.016.548-.034.82-.053.03-.002.043-.008.04-.041-.008-.104-.012-.208-.019-.312a69.964 69.964 0 0 1-.05-.768ZM16.14 7.415l-.127-1.075c-.004-.03-.014-.04-.044-.037a13.125 13.125 0 0 1-.998.073c-.336.01-.672.02-1.008.016-.116-.001-.233-.014-.347-.039a.746.746 0 0 1-.45-.262c-.075-.1-.132-.211-.167-.33a3.324 3.324 0 0 1-.126-.773 9.113 9.113 0 0 1-.015-.749c0-.285.022-.57.065-.852.023-.158.066-.312.127-.46a.728.728 0 0 1 .518-.443 1.64 1.64 0 0 1 .397-.048c.628-.001 1.255.003 1.882.05.022.001.033-.006.036-.026l.003-.031.06-.55c.019-.177.036-.355.057-.532.004-.034-.005-.046-.04-.056a5.595 5.595 0 0 0-1.213-.21 10.783 10.783 0 0 0-.708-.02c-.24-.003-.48.01-.719.041a3.477 3.477 0 0 0-.625.14 1.912 1.912 0 0 0-.807.497c-.185.2-.33.433-.424.688a4.311 4.311 0 0 0-.24 1.096c-.031.286-.045.572-.042.86-.006.43.024.86.091 1.286.04.25.104.497.193.734.098.279.26.53.473.734.214.205.473.358.756.446.344.11.702.17 1.063.177a8.505 8.505 0 0 0 1.578-.083 6.11 6.11 0 0 0 .766-.18c.03-.008.047-.023.037-.057a.157.157 0 0 1-.003-.025Z\\\"/><path fill=\\\"#AFE229\\\" d=\\\"M6.016 6.69a1.592 1.592 0 0 0-.614.21c-.23.132-.422.32-.56.546-.044.072-.287.539-.287.539l-.836 1.528.009.006c.038.025.08.046.123.063.127.046.26.07.395.073.505.023 1.011-.007 1.517-.003.29.009.58.002.869-.022a.886.886 0 0 0 .395-.116.962.962 0 0 0 .312-.286c.056-.083.114-.163.164-.249.24-.408.48-.816.718-1.226.075-.128.148-.257.222-.386l.112-.192a1.07 1.07 0 0 0 .153-.518l-1.304.023s-1.258-.005-1.388.01Z\\\"/><path fill=\\\"#771BFF\\\" d=\\\"m2.848 9.044.76-1.39.184-.352c-.124-.067-.245-.14-.367-.21-.346-.204-.706-.384-1.045-.6a.984.984 0 0 1-.244-.207c-.108-.134-.136-.294-.144-.46-.021-.409-.002-.818-.009-1.227-.003-.195 0-.39.003-.585.004-.322.153-.553.427-.713l.833-.488c.22-.13.44-.257.662-.385.05-.029.105-.052.158-.077.272-.128.519-.047.76.085l.044.028c.123.06.242.125.358.196.318.178.635.357.952.537.095.056.187.117.275.184.194.144.254.35.266.578.016.284.007.569.006.853-.001.28.004.558 0 .838.592-.003 1.259 0 1.259 0l.723-.013c-.003-.292-.007-.584-.007-.876 0-.524.015-1.048-.016-1.571-.024-.42-.135-.8-.492-1.067a5.02 5.02 0 0 0-.506-.339A400.52 400.52 0 0 0 5.94.787C5.722.664 5.513.524 5.282.423 5.255.406 5.228.388 5.2.373 4.758.126 4.305-.026 3.807.21c-.097.046-.197.087-.29.14A699.896 699.896 0 0 0 .783 1.948c-.501.294-.773.717-.778 1.31-.004.36-.009.718-.001 1.077.016.754-.017 1.508.024 2.261.016.304.07.6.269.848.127.15.279.28.448.382.622.4 1.283.734 1.92 1.11l.183.109Z\\\"/></svg>\\n\";\n\nvar quote = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3 10.423a6.5 6.5 0 0 1 6.056-6.408l.038.67C6.448 5.423 5.354 7.663 5.22 10H9c.552 0 .5.432.5.986v4.511c0 .554-.448.503-1 .503h-5c-.552 0-.5-.449-.5-1.003zm8 0a6.5 6.5 0 0 1 6.056-6.408l.038.67c-2.646.739-3.74 2.979-3.873 5.315H17c.552 0 .5.432.5.986v4.511c0 .554-.448.503-1 .503h-5c-.552 0-.5-.449-.5-1.003z\\\"/></svg>\";\n\nvar redo = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m14.958 9.367-2.189 1.837a.75.75 0 0 0 .965 1.149l3.788-3.18a.75.75 0 0 0 .21-.284.75.75 0 0 0-.17-.945L13.77 4.762a.75.75 0 1 0-.964 1.15l2.331 1.955H6.22A.8.8 0 0 0 6 7.9a4 4 0 1 0 1.477 7.718l-.344-1.489A2.5 2.5 0 1 1 6.039 9.4l-.008-.032z\\\"/></svg>\";\n\nvar refresh = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5.106 4.946c.272.274.27.712.033 1.016a6.1 6.1 0 0 0-1.291 3.764c0 3.375 2.722 6.111 6.08 6.111q.418 0 .822-.057l-.964-.968-.048-.054a.71.71 0 0 1 .048-.943.7.7 0 0 1 .939-.05l.053.05 1.984 1.994c.143.144.21.335.204.523a.7.7 0 0 1-.156.495l-.048.053-1.984 1.994a.7.7 0 0 1-.992 0 .71.71 0 0 1 0-.997l.645-.647a8 8 0 0 1-.504.018c-4.132 0-7.482-3.368-7.482-7.522 0-1.803.632-3.458 1.684-4.754.248-.304.701-.304.977-.026M9.057.464a.7.7 0 0 1 .992 0 .71.71 0 0 1 0 .997l-.966.97q.46-.058.938-.058c4.132 0 7.483 3.367 7.483 7.521a7.5 7.5 0 0 1-1.685 4.754c-.247.304-.7.304-.977.026-.271-.273-.27-.712-.032-1.016a6.1 6.1 0 0 0 1.29-3.764c0-3.375-2.721-6.11-6.079-6.111a6 6 0 0 0-.673.039l.701.705.049.053a.71.71 0 0 1-.049.944.7.7 0 0 1-.939.048l-.053-.048L7.073 3.53a.7.7 0 0 1-.203-.524.7.7 0 0 1 .155-.495l.048-.053z\\\"/></svg>\";\n\nvar removeComment = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5.2 7h9.2c.6 0 1 .4 1 1v9.9c0 .5-.4 1-1 1H5.2a1 1 0 0 1-1-1V8c0-.6.4-1 1-1m1 1.5c-.3 0-.5.2-.5.5v8c0 .3.2.5.5.5h.5c.2 0 .5-.2.5-.5V9c0-.3-.3-.5-.5-.5zm3.2 0c-.2 0-.5.2-.5.5v8c0 .3.3.5.5.5h.5c.3 0 .5-.2.5-.5V9c0-.3-.2-.5-.5-.5h-.4zm3.5 0c-.2 0-.5.2-.5.5v8c0 .3.3.5.5.5h.5c.3 0 .5-.2.5-.5V9c0-.3-.2-.5-.5-.5zm-1.4-7.1H8.3L6.5 3.6H3.8c-.5 0-.7.3-.7.8s.2.7.7.7h12c.6 0 .9-.2.9-.7s-.3-.8-1-.8h-2.4z\\\"/></svg>\";\n\nvar removeFormat = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M8.69 14.915q.08.078.36.093a.366.366 0 0 1 .345.485l-.003.01a.74.74 0 0 1-.697.497h-2.67a.374.374 0 0 1-.353-.496l.013-.038a.68.68 0 0 1 .644-.458q.295-.018.386-.093a.3.3 0 0 0 .072-.11L9.592 4.5H6.269q-.538-.026-.75.09-.213.117-.442.563c-.192.29-.516.464-.864.464H4.17a.43.43 0 0 1-.407-.569L4.46 3h13.08l-.62 2.043a.81.81 0 0 1-.775.574h-.114a.486.486 0 0 1-.486-.486q.002-.426-.167-.54-.168-.114-.766-.091h-3.28l-2.68 10.257q-.009.111.038.158M3 17h8a.5.5 0 1 1 0 1H3a.5.5 0 1 1 0-1m11.299 1.17a.75.75 0 1 1-1.06-1.06l1.414-1.415-1.415-1.414a.75.75 0 0 1 1.06-1.06l1.415 1.414 1.414-1.415a.75.75 0 1 1 1.06 1.06l-1.413 1.415 1.414 1.415a.75.75 0 0 1-1.06 1.06l-1.415-1.414z\\\"/></svg>\";\n\nvar remove = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M5.2 7h9.2c.6 0 1 .4 1 1v9.9c0 .5-.4 1-1 1H5.2a1 1 0 0 1-1-1V8c0-.6.4-1 1-1m1 1.5c-.3 0-.5.2-.5.5v8c0 .3.2.5.5.5h.5c.2 0 .5-.2.5-.5V9c0-.3-.3-.5-.5-.5zm3.2 0c-.2 0-.5.2-.5.5v8c0 .3.3.5.5.5h.5c.3 0 .5-.2.5-.5V9c0-.3-.2-.5-.5-.5zm3.5 0c-.2 0-.5.2-.5.5v8c0 .3.3.5.5.5h.5c.3 0 .5-.2.5-.5V9c0-.3-.2-.5-.5-.5zm-1.4-7.1H8.3L6.5 3.6H3.8c-.5 0-.7.3-.7.8s.2.7.7.7h12c.6 0 .9-.2.9-.7s-.3-.8-1-.8h-2.4z\\\"/></svg>\";\n\nvar returnArrow = \"<svg viewBox=\\\"0 0 10 8\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><path d=\\\"M9.055.263v3.972h-6.77M1 4.216l2-2.038m-2 2 2 2.038\\\"/></svg>\";\n\nvar revisionHistory = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M11 1a9 9 0 1 1-8.027 13.075l1.128-1.129A7.502 7.502 0 0 0 18.5 10a7.5 7.5 0 1 0-14.962.759l-.745-.746-.76.76A9 9 0 0 1 11 1\\\"/><path d=\\\"M.475 8.17a.75.75 0 0 1 .978.047l.075.082 1.284 1.643 1.681-1.284a.75.75 0 0 1 .978.057l.073.083a.75.75 0 0 1-.057.978l-.083.073-2.27 1.737a.75.75 0 0 1-.973-.052l-.074-.082-1.741-2.23a.75.75 0 0 1 .13-1.052zM11.5 5v4.999l3.196 3.196-1.06 1.06L10.1 10.72l-.1-.113V5z\\\"/></svg>\";\n\nvar robotPencil = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M9.61 2.66a1.406 1.406 0 1 0-1.407 0v.891H3.28a2.11 2.11 0 0 0-2.11 2.11v10.312a2.11 2.11 0 0 0 2.11 2.109h5.684l-.054-1.157.18-.25H3.28a.703.703 0 0 1-.703-.702V5.66c0-.389.315-.704.703-.704h11.25c.388 0 .703.315.703.704v2.484l.358-.497a2.5 2.5 0 0 1 1.048-.84V5.66a2.11 2.11 0 0 0-2.11-2.11H9.61z\\\"/><path d=\\\"M5.625 10.817c.518 0 .937-.63.937-1.407 0-.776-.42-1.406-.937-1.406s-.938.63-.938 1.406c0 .777.42 1.407.938 1.407m7.5-1.407c0 .777-.42 1.407-.938 1.407s-.937-.63-.937-1.407c0-.776.42-1.406.937-1.406s.938.63.938 1.406M.937 8.004A.937.937 0 0 0 0 8.942v1.875c0 .517.42.937.937.937zm5.191 4.506a.78.78 0 0 1 1.085.216c.272.408.907.707 1.693.707s1.421-.3 1.693-.707a.782.782 0 0 1 1.302.868c-.666 1-1.906 1.403-2.995 1.403s-2.329-.404-2.995-1.403a.78.78 0 0 1 .217-1.085Zm10.859-3.6-.622.864 2.879 2.074.622-.864a.71.71 0 0 0-.161-.99l-1.728-1.245a.71.71 0 0 0-.99.161m-5.352 11.041a.355.355 0 0 1-.449-.31l-.214-2.38 4.978-6.911 2.88 2.074-4.978 6.91z\\\"/></svg>\";\n\nvar selectAll = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M.75 15.5a.75.75 0 0 1 .75.75V18l.008.09A.5.5 0 0 0 2 18.5h1.75a.75.75 0 1 1 0 1.5H1.5l-.144-.007a1.5 1.5 0 0 1-1.35-1.349L0 18.5v-2.25a.75.75 0 0 1 .75-.75m18.5 0a.75.75 0 0 1 .75.75v2.25l-.007.144a1.5 1.5 0 0 1-1.349 1.35L18.5 20h-2.25a.75.75 0 1 1 0-1.5H18a.5.5 0 0 0 .492-.41L18.5 18v-1.75a.75.75 0 0 1 .75-.75m-10.45 3c.11 0 .2.09.2.2v1.1a.2.2 0 0 1-.2.2H7.2a.2.2 0 0 1-.2-.2v-1.1c0-.11.09-.2.2-.2zm4 0c.11 0 .2.09.2.2v1.1a.2.2 0 0 1-.2.2h-1.6a.2.2 0 0 1-.2-.2v-1.1c0-.11.09-.2.2-.2zm.45-5.5a.75.75 0 1 1 0 1.5h-8.5a.75.75 0 1 1 0-1.5zM1.3 11c.11 0 .2.09.2.2v1.6a.2.2 0 0 1-.2.2H.2a.2.2 0 0 1-.2-.2v-1.6c0-.11.09-.2.2-.2zm18.5 0c.11 0 .2.09.2.2v1.6a.2.2 0 0 1-.2.2h-1.1a.2.2 0 0 1-.2-.2v-1.6c0-.11.09-.2.2-.2zm-4.55-2a.75.75 0 1 1 0 1.5H4.75a.75.75 0 1 1 0-1.5zM1.3 7c.11 0 .2.09.2.2v1.6a.2.2 0 0 1-.2.2H.2a.2.2 0 0 1-.2-.2V7.2c0-.11.09-.2.2-.2zm18.5 0c.11 0 .2.09.2.2v1.6a.2.2 0 0 1-.2.2h-1.1a.2.2 0 0 1-.2-.2V7.2c0-.11.09-.2.2-.2zm-4.55-2a.75.75 0 1 1 0 1.5h-2.5a.75.75 0 1 1 0-1.5zm-5 0a.75.75 0 1 1 0 1.5h-5.5a.75.75 0 0 1 0-1.5zm-6.5-5a.75.75 0 0 1 0 1.5H2a.5.5 0 0 0-.492.41L1.5 2v1.75a.75.75 0 0 1-1.5 0V1.5l.007-.144A1.5 1.5 0 0 1 1.356.006L1.5 0zM18.5 0l.144.007a1.5 1.5 0 0 1 1.35 1.349L20 1.5v2.25a.75.75 0 1 1-1.5 0V2l-.008-.09A.5.5 0 0 0 18 1.5h-1.75a.75.75 0 1 1 0-1.5zM8.8 0c.11 0 .2.09.2.2v1.1a.2.2 0 0 1-.2.2H7.2a.2.2 0 0 1-.2-.2V.2c0-.11.09-.2.2-.2zm4 0c.11 0 .2.09.2.2v1.1a.2.2 0 0 1-.2.2h-1.6a.2.2 0 0 1-.2-.2V.2c0-.11.09-.2.2-.2z\\\"/></svg>\";\n\nvar selection = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M1.583.45a.95.95 0 0 0-.95.95v5.3h1.5V1.95h4.75V.45zm17.05.95a.95.95 0 0 0-.95-.95h-5.3v1.5h4.75V6.7h1.5zm0 16.1a.95.95 0 0 1-.95.95h-5.3v-1.5h4.75V12.2h1.5zm-18 0c0 .525.425.95.95.95h5.3v-1.5h-4.75V12.2h-1.5zm5-10.8a.75.75 0 1 0 0 1.5h8a.75.75 0 1 0 0-1.5zm0 4a.75.75 0 1 0 0 1.5h4a.75.75 0 1 0 0-1.5z\\\"/></svg>\";\n\nvar settings = \"<svg viewBox=\\\"0 0 20 20\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M3.734 6.375H1.75a.75.75 0 0 1 0-1.5h1.984a2.626 2.626 0 0 1 5.032 0h9.48a.75.75 0 0 1 0 1.5h-9.48a2.626 2.626 0 0 1-5.032 0Zm1.141-.75a1.375 1.375 0 1 1 2.75 0 1.375 1.375 0 0 1-2.75 0ZM16.263 14.625h1.983a.75.75 0 0 1 0 1.5h-1.983a2.626 2.626 0 0 1-5.033 0H1.75a.75.75 0 0 1 0-1.5h9.48a2.626 2.626 0 0 1 5.033 0Zm-1.142.75a1.375 1.375 0 1 1-2.75 0 1.375 1.375 0 0 1 2.75 0Z\\\"/></svg>\\n\";\n\nvar showBlocks = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m6.395 9.196 2.545-.007V6.498a.6.6 0 0 1 .598-.598h.299a.6.6 0 0 1 .598.598v6.877a.6.6 0 0 1-.598.598h-.299a.6.6 0 0 1-.598-.598v-2.691l-2.545.007v2.691a.6.6 0 0 1-.598.598h-.299a.6.6 0 0 1-.598-.598V6.505a.6.6 0 0 1 .598-.598h.299a.6.6 0 0 1 .598.598zm8.699 4.221V6.462a.56.56 0 0 0-.562-.562h-.782a1 1 0 0 0-.39.08l-1.017.43a.56.56 0 0 0-.343.517v.197c0 .4.406.67.775.519l.819-.337v6.111c0 .31.251.562.561.562h.377c.31 0 .562-.251.562-.562M0 15.417v1.5h1.5v-1.5zm18.5 0v1.5H20v-1.5zm0-3.084v1.5H20v-1.5zm0-3.083v1.5H20v-1.5zm0-3.083v1.5H20v-1.5zM0 18.5v.5a1 1 0 0 0 1 1h.5v-1.5zm3.083 0V20h1.5v-1.5zm3.084 0V20h1.5v-1.5zm3.083 0V20h1.5v-1.5zm3.083 0V20h1.5v-1.5zm3.084 0V20h1.5v-1.5zm3.083 0V20h.5a1 1 0 0 0 1-1v-.5z\\\"/><path d=\\\"M0 1a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v3.583h-1.5V1.5h-17v12.333H0z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar showChangesOff = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3.23 2.93a.88.88 0 0 1 1.248 0l1.47 1.468q.298-.186.605-.353c1.066-.58 2.247-.992 3.438-.961 1.176.03 2.344.464 3.405 1.05 1.066.588 2.069 1.355 2.925 2.104a27 27 0 0 1 2.852 2.918l.043.052.011.016.005.004a.7.7 0 0 1 .103.183l.018.047.02.083.01.05.002.078-.003.062-.01.06q-.005.038-.016.077l-.02.06-.03.07-.01.016-.056.087-.002-.001.002.002h-.002l-.003.006-.011.014-.044.054-.161.2a26 26 0 0 1-2.693 2.803q-.414.367-.868.73l1.256 1.256a.881.881 0 0 1-.785 1.49.87.87 0 0 0-.25-.55L3.444 3.872a.9.9 0 0 0-.465-.245.88.88 0 0 1 .252-.698m1.19 4.413A25 25 0 0 0 2.58 9.204l-.013.016a.654.654 0 0 0 .006.876c.484.53 1.173 1.236 1.98 1.943.812.708 1.73 1.407 2.679 1.93.954.527 1.896.853 2.76.876.52.013 1.07-.094 1.635-.298l1.082 1.082c-.877.395-1.812.651-2.754.626-1.176-.03-2.345-.464-3.406-1.05-1.066-.587-2.068-1.354-2.924-2.103a27 27 0 0 1-2.851-2.918l-.044-.052-.01-.014-.005-.004v-.002a1 1 0 0 1-.06-.087l-.008-.014q-.022-.044-.038-.089l-.016-.04-.02-.086q-.005-.024-.007-.05-.006-.039-.003-.075v-.06q.004-.038.012-.076l.012-.056q.013-.041.03-.08l.023-.054.012-.02.055-.086h.002l-.002-.001.003-.005.012-.015.043-.054.16-.2A26 26 0 0 1 3.42 6.343zm6.057 6.058q-.247.035-.506.035a3.765 3.765 0 0 1-3.73-4.27zm-.524-8.906c-.85-.021-1.779.276-2.727.79l-.25.142L8.011 6.46a3.77 3.77 0 0 1 1.96-.555 3.765 3.765 0 0 1 3.766 3.764 3.77 3.77 0 0 1-.558 1.96l1.272 1.271c.323-.25.637-.513.936-.778a25 25 0 0 0 1.977-1.988l.015-.016a.655.655 0 0 0-.006-.878 26 26 0 0 0-1.981-1.941c-.81-.708-1.73-1.407-2.679-1.932-.954-.526-1.896-.852-2.76-.874m1.148 2.541a1.41 1.41 0 0 0-1.384 1.132l1.662 1.662a1.412 1.412 0 0 0-.278-2.794\\\"/></svg>\";\n\nvar showChangesOn = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><g fill-rule=\\\"evenodd\\\"><path d=\\\"M9.972 5.906a3.765 3.765 0 1 1 0 7.53 3.765 3.765 0 0 1 0-7.53m1.13 1.13a1.412 1.412 0 1 0 0 2.823 1.412 1.412 0 0 0 0-2.824\\\"/><path d=\\\"M9.99 3.084c1.177.03 2.345.465 3.406 1.05 1.066.588 2.07 1.355 2.925 2.105a27 27 0 0 1 2.852 2.917q.027.036.043.053l.011.015.004.003v.002q.068.084.103.183l.019.047.019.083.01.05a.7.7 0 0 1 0 .139q-.002.031-.01.06l-.016.078q-.009.029-.022.058-.012.035-.028.07l-.01.018-.056.087-.002-.002v.004l-.004.005-.012.015-.042.054-.161.198a26 26 0 0 1-2.694 2.803c-.856.762-1.863 1.537-2.933 2.117-1.066.58-2.247.992-3.438.962-1.176-.03-2.345-.465-3.406-1.05-1.066-.59-2.07-1.355-2.924-2.103a27 27 0 0 1-2.851-2.92l-.044-.052-.011-.015-.003-.004v-.001a1 1 0 0 1-.062-.088l-.006-.013-.039-.088-.016-.042q-.013-.043-.02-.086-.006-.025-.008-.05L.56 9.669v-.06q.005-.036.013-.075l.012-.056.03-.08.023-.054.012-.022.055-.083v.001h.001v-.002l.005-.005.01-.015.044-.054q.055-.071.16-.198a26 26 0 0 1 2.692-2.801c.858-.764 1.864-1.54 2.935-2.12 1.066-.58 2.247-.99 3.438-.961m-.037 1.411c-.85-.022-1.779.276-2.727.79-.943.511-1.859 1.214-2.67 1.934A24 24 0 0 0 2.58 9.207l-.014.015a.654.654 0 0 0 .007.877c.484.53 1.173 1.235 1.98 1.943.813.709 1.73 1.406 2.68 1.93.953.527 1.894.853 2.759.875.849.021 1.778-.276 2.727-.79.943-.512 1.86-1.212 2.67-1.933a25 25 0 0 0 1.977-1.989l.015-.016a.654.654 0 0 0-.007-.875 26 26 0 0 0-1.98-1.943c-.812-.71-1.73-1.407-2.68-1.932-.953-.525-1.894-.853-2.759-.874\\\"/></g></svg>\";\n\nvar source = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m12.5 0 5 4.5v15.003h-16V0zM3 1.5v3.25l-1.497 1-.003 8 1.5 1v3.254L7.685 18l-.001 1.504H17.5V8.002L16 9.428l-.004-4.22-4.222-3.692z\\\"/><path d=\\\"M4.06 6.64a.75.75 0 0 1 .958 1.15l-.085.07L2.29 9.75l2.646 1.89c.302.216.4.62.232.951l-.058.095a.75.75 0 0 1-.951.232l-.095-.058-3.5-2.5V9.14zm4.194 6.22a.75.75 0 0 1-.958-1.149l.085-.07 2.643-1.89-2.646-1.89a.75.75 0 0 1-.232-.952l.058-.095a.75.75 0 0 1 .95-.232l.096.058 3.5 2.5v1.22zm7.644-.836 2.122 2.122-5.825 5.809-2.125-.005.003-2.116zm2.539-1.847 1.414 1.414a.5.5 0 0 1 0 .707l-1.06 1.06-2.122-2.12 1.061-1.061a.5.5 0 0 1 .707 0\\\"/></svg>\";\n\nvar specialCharacters = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M10 2.5a7.47 7.47 0 0 1 4.231 1.31 7.27 7.27 0 0 1 2.703 3.454 7.13 7.13 0 0 1 .199 4.353c-.39 1.436-1.475 2.72-2.633 3.677h2.013c0-.226.092-.443.254-.603a.876.876 0 0 1 1.229 0c.163.16.254.377.254.603v.853c0 .209-.078.41-.22.567a.87.87 0 0 1-.547.28l-.101.006h-4.695a.517.517 0 0 1-.516-.518v-1.265c0-.21.128-.398.317-.489a5.6 5.6 0 0 0 2.492-2.371 5.46 5.46 0 0 0 .552-3.693 5.53 5.53 0 0 0-1.955-3.2A5.7 5.7 0 0 0 10 4.206 5.7 5.7 0 0 0 6.419 5.46 5.53 5.53 0 0 0 4.46 8.663a5.46 5.46 0 0 0 .554 3.695 5.6 5.6 0 0 0 2.497 2.37.55.55 0 0 1 .317.49v1.264c0 .286-.23.518-.516.518H2.618a.88.88 0 0 1-.614-.25.85.85 0 0 1-.254-.603v-.853c0-.226.091-.443.254-.603a.876.876 0 0 1 1.228 0c.163.16.255.377.255.603h1.925c-1.158-.958-2.155-2.241-2.545-3.678a7.13 7.13 0 0 1 .199-4.352 7.27 7.27 0 0 1 2.703-3.455A7.5 7.5 0 0 1 10 2.5\\\"/></svg>\";\n\nvar stop = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 3.778C2 2.796 2.796 2 3.778 2h12.444C17.204 2 18 2.796 18 3.778v12.444c0 .982-.796 1.778-1.778 1.778H3.778A1.78 1.78 0 0 1 2 16.222z\\\"/></svg>\";\n\nvar strikethrough = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M7 16.4c-.8-.4-1.5-.9-2.2-1.5a.6.6 0 0 1-.2-.5l.3-.6h1c1 1.2 2.1 1.7 3.7 1.7 1 0 1.8-.3 2.3-.6.6-.4.6-1.2.6-1.3.2-1.2-.9-2.1-.9-2.1h2.1c.3.7.4 1.2.4 1.7v.8l-.6 1.2c-.6.8-1.1 1-1.6 1.2a6 6 0 0 1-2.4.6c-1 0-1.8-.3-2.5-.6M6.8 9 6 8.3c-.4-.5-.5-.8-.5-1.6 0-.7.1-1.3.5-1.8.4-.6 1-1 1.6-1.3a6.3 6.3 0 0 1 4.7 0 4 4 0 0 1 1.7 1l.3.7c0 .1.2.4-.2.7-.4.2-.9.1-1 0a3 3 0 0 0-1.2-1c-.4-.2-1-.3-2-.4-.7 0-1.4.2-2 .6-.8.6-1 .8-1 1.5 0 .8.5 1 1.2 1.5.6.4 1.1.7 1.9 1H6.8z\\\"/><path d=\\\"M3 10.5V9h14v1.5z\\\"/></svg>\";\n\nvar submit = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M15.875 4.419a.75.75 0 0 0-1.5 0v7.25H6.818l2.33-1.955a.75.75 0 0 0-.963-1.15l-3.792 3.182a.75.75 0 0 0-.17.945c.046.11.118.208.21.284l3.788 3.18a.75.75 0 1 0 .965-1.149l-2.19-1.837h7.629c.69 0 1.25-.56 1.25-1.25z\\\"/></svg>\";\n\nvar subscript = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m7.03 10.349 3.818-3.819a.8.8 0 1 1 1.132 1.132L8.16 11.48l3.819 3.818a.8.8 0 1 1-1.132 1.132L7.03 12.61l-3.818 3.82a.8.8 0 1 1-1.132-1.132L5.9 11.48 2.08 7.662A.8.8 0 1 1 3.212 6.53zm8.147 7.829h2.549q.38 0 .58.152a.49.49 0 0 1 .201.413.54.54 0 0 1-.159.393q-.158.162-.48.162h-3.594q-.367 0-.572-.197a.62.62 0 0 1-.205-.463q0-.171.132-.453a1.6 1.6 0 0 1 .288-.444q.65-.654 1.172-1.122t.747-.615q.401-.275.667-.553t.405-.57.139-.57a1.01 1.01 0 0 0-.554-.917 1.2 1.2 0 0 0-.56-.133q-.639 0-1.005.546a2.3 2.3 0 0 0-.164.39 1.6 1.6 0 0 1-.258.488q-.144.17-.423.17a.56.56 0 0 1-.405-.156.57.57 0 0 1-.161-.427q0-.327.151-.683.152-.357.452-.646c.3-.289.454-.349.762-.467a3 3 0 0 1 1.081-.178q.747 0 1.274.228a1.92 1.92 0 0 1 1.004 1.032 1.98 1.98 0 0 1-.156 1.794q-.3.48-.613.754-.312.273-1.048.857-.735.584-1.008.906a3 3 0 0 0-.24.309z\\\"/></svg>\";\n\nvar superscript = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m7.184 10.353 3.818-3.819a.8.8 0 0 1 1.132 1.132l-3.82 3.818 3.82 3.818a.802.802 0 0 1-.873 1.306.8.8 0 0 1-.26-.174l-3.817-3.82-3.818 3.82a.8.8 0 0 1-1.305-.26.8.8 0 0 1 .173-.872l3.82-3.818-3.82-3.818a.8.8 0 0 1 1.132-1.132l3.818 3.82M15.68 6.88h2.549q.38 0 .58.153a.49.49 0 0 1 .201.413.54.54 0 0 1-.159.393q-.158.162-.48.162h-3.594q-.367 0-.572-.197A.62.62 0 0 1 14 7.34q0-.171.132-.453a1.6 1.6 0 0 1 .288-.444q.65-.654 1.172-1.122t.747-.615q.401-.275.667-.553.266-.277.405-.57.14-.291.139-.57a1.01 1.01 0 0 0-.554-.917 1.2 1.2 0 0 0-.56-.133q-.639 0-1.005.546a2.3 2.3 0 0 0-.164.39 1.6 1.6 0 0 1-.258.488q-.144.17-.423.17a.56.56 0 0 1-.405-.156.57.57 0 0 1-.161-.427q0-.327.151-.683.152-.357.452-.646t.762-.467A3 3 0 0 1 16.466 1q.747 0 1.274.228c.456.2.816.57 1.004 1.032a1.99 1.99 0 0 1-.156 1.794q-.3.48-.613.754-.312.273-1.048.857-.735.583-1.008.906-.131.146-.24.309z\\\"/></svg>\";\n\nvar tableCellProperties = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m11.105 18-.17 1H2.5A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1h15A1.5 1.5 0 0 1 19 2.5v9.975l-.85-.124-.15-.302V8h-5v4h.021l-.172.351-1.916.28-.151.027c-.287.063-.54.182-.755.341L8 13v5zM2 12h5V8H2zm10-4H8v4h4zM2 2v5h5V2zm0 16h5v-5H2zM13 7h5V2h-5zM8 2v5h4V2z\\\" opacity=\\\".6\\\"/><path d=\\\"m15.5 11.5 1.323 2.68 2.957.43-2.14 2.085.505 2.946L15.5 18.25l-2.645 1.39.505-2.945-2.14-2.086 2.957-.43zM13 6a1 1 0 0 1 1 1v3.172a2 2 0 0 0-.293.443l-.858 1.736-1.916.28-.151.027A1.98 1.98 0 0 0 9.315 14H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm-1 2H8v4h4z\\\"/></svg>\";\n\nvar tableColumn = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2.5 1h15A1.5 1.5 0 0 1 19 2.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1M2 2v16h16V2z\\\" opacity=\\\".6\\\"/><path d=\\\"M18 7v1H2V7zm0 5v1H2v-1z\\\" opacity=\\\".6\\\"/><path d=\\\"M14 1v18a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1m-2 1H8v4h4zm0 6H8v4h4zm0 6H8v4h4z\\\"/></svg>\";\n\nvar tableMergeCell = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2.5 1h15A1.5 1.5 0 0 1 19 2.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1M2 2v16h16V2z\\\" opacity=\\\".6\\\"/><path d=\\\"M7 2h1v16H7zm5 0h1v7h-1zm6 5v1H2V7zM8 12v1H2v-1z\\\" opacity=\\\".6\\\"/><path d=\\\"M7 7h12a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1m1 2v9h10V9z\\\"/></svg>\";\n\nvar tableOfContents = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3 19a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v8.022a6.5 6.5 0 0 0-1.5-.709V2a.5.5 0 0 0-.5-.5H3a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h6.313c.173.534.412 1.037.709 1.5z\\\"/><path d=\\\"M9.174 14a6.5 6.5 0 0 0-.155 1H6v-1zm.848-2a6.5 6.5 0 0 0-.524 1H4v-1zm2.012-2c-.448.283-.86.62-1.224 1H6v-1zM12 4v1H4V4zm2 3V6H6v1zm1 2V8H7v1z\\\"/><path d=\\\"M20 15.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0M15.5 13a.5.5 0 0 0-.5.5V15h-1.5a.5.5 0 0 0 0 1H15v1.5a.5.5 0 0 0 1 0V16h1.5a.5.5 0 0 0 0-1H16v-1.5a.5.5 0 0 0-.5-.5\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar tableProperties = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M8 2v5h4V2h1v5h5v1h-5v4h.021l-.172.351-1.916.28-.151.027c-.287.063-.54.182-.755.341L8 13v5H7v-5H2v-1h5V8H2V7h5V2zm4 6H8v4h4z\\\" opacity=\\\".6\\\"/><path d=\\\"m15.5 11.5 1.323 2.68 2.957.43-2.14 2.085.505 2.946L15.5 18.25l-2.645 1.39.505-2.945-2.14-2.086 2.957-.43zM17 1a2 2 0 0 1 2 2v9.475l-.85-.124-.857-1.736a2 2 0 0 0-.292-.44L17 3H3v14h7.808l.402.392L10.935 19H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2z\\\"/></svg>\";\n\nvar tableRow = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2.5 1h15A1.5 1.5 0 0 1 19 2.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1M2 2v16h16V2z\\\" opacity=\\\".6\\\"/><path d=\\\"M7 2h1v16H7zm5 0h1v16h-1z\\\" opacity=\\\".6\\\"/><path d=\\\"M1 6h18a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1m1 2v4h4V8zm6 0v4h4V8zm6 0v4h4V8z\\\"/></svg>\";\n\nvar table = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3 5.5v3h4v-3zm0 4v3h4v-3zm0 4v3h4v-3zm5 3h4v-3H8zm5 0h4v-3h-4zm4-4v-3h-4v3zm0-4v-3h-4v3zm1.5 8A1.5 1.5 0 0 1 17 18H3a1.5 1.5 0 0 1-1.5-1.5V3c.222-.863 1.068-1.5 2-1.5h13c.932 0 1.778.637 2 1.5zm-6.5-4v-3H8v3zm0-4v-3H8v3z\\\"/></svg>\";\n\nvar tableLayout = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M1.5 4.121C1.5 2.95 2.426 2 3.568 2h12.864c1.142 0 2.068.95 2.068 2.121V16.38c0 1.171-.926 2.121-2.068 2.121H3.568c-1.142 0-2.068-.95-2.068-2.121zm2.068-.707a.7.7 0 0 0-.69.707V6.38h14.244V4.12a.7.7 0 0 0-.69-.707zm13.554 4.38h-4.968v3.939h4.968zm0 5.353h-4.968v3.939h4.278c.381 0 .69-.317.69-.707zm-6.347 3.939V7.794H2.878v8.585c0 .39.309.707.69.707z\\\"/></svg>\";\n\nvar templateGeneric = \"<svg fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 45 45\\\">\\n    <path fill=\\\"#F0F0F0\\\" d=\\\"M2 0h41s2 0 2 2v41s0 2 -2 2h-41s-2 0 -2 -2v-41s0 -2 2 -2\\\" />\\n    <path fill=\\\"#D5D5D5\\\" d=\\\"M11 10h10s1 0 1 1v24s0 1 -1 1h-10s-1 0 -1 -1v-24s0 -1 1 -1\\\" />\\n    <path fill=\\\"#D5D5D5\\\" d=\\\"M25 10h10s1 0 1 1v10s0 1 -1 1h-10s-1 0 -1 -1v-10s0 -1 1 -1\\\" />\\n    <path fill=\\\"#D5D5D5\\\" d=\\\"M25 24h10s1 0 1 1v10s0 1 -1 1h-10s-1 0 -1 -1v-10s0 -1 1 -1\\\" />\\n</svg>\\n\";\n\nvar template = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M8 0H3a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M2.5 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5zM13 0h5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2m0 1.5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5V2a.5.5 0 0 0-.5-.5zm0 8.5h5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2m0 1.5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar textAlternative = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3.035 1C2.446 1 2 1.54 2 2.098V10.5h1.5v-8h13v8H18V2.098C18 1.539 17.48 1 16.9 1zm10.453 2.61a1.89 1.89 0 0 0-1.442.736 1.89 1.89 0 0 0 1.011 2.976 1.9 1.9 0 0 0 2.253-1.114 1.887 1.887 0 0 0-1.822-2.598M7.463 8.163a.6.6 0 0 0-.432.154L5.071 10.5h5.119L7.88 8.348a.63.63 0 0 0-.417-.185m6.236 1.059a.62.62 0 0 0-.42.164L12.07 10.5h2.969l-.92-1.113a.62.62 0 0 0-.42-.165M.91 11.5a.91.91 0 0 0-.91.912v6.877c0 .505.405.91.91.91h18.178a.91.91 0 0 0 .912-.91v-6.877a.91.91 0 0 0-.912-.912zM3.668 13h1.947l2.135 5.7H5.898l-.28-.946H3.601l-.278.945H1.516zm4.947 0h1.801v4.3h2.7v1.4h-4.5zm4.5 0h5.4v1.4h-1.798v4.3h-1.701v-4.3h-1.9zm-8.517 1.457-.614 2.059h1.262z\\\"/></svg>\";\n\nvar text = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M9.816 11.5 7.038 4.785 4.261 11.5zm.62 1.5H3.641l-1.666 4.028H.312l5.789-14h1.875l5.789 14h-1.663z\\\"/><path d=\\\"m12.09 17-.534-1.292.848-1.971.545 1.319L12.113 17zm1.142-5.187.545 1.319L15.5 9.13l1.858 4.316h-3.45l.398.965h3.467L18.887 17H20l-3.873-9h-1.254z\\\"/></svg>\";\n\nvar threeHorizontalDots = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M14.5 10.001a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0m-6 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0m-6 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0\\\"/></svg>\";\n\nvar threeStars = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m5.977 2 .708 1.914A2.06 2.06 0 0 0 7.902 5.13l1.914.708-1.914.709a2.06 2.06 0 0 0-1.217 1.216l-.708 1.914-.708-1.914a2.06 2.06 0 0 0-1.216-1.216l-1.914-.709 1.914-.708a2.06 2.06 0 0 0 1.216-1.216zm6.87 3.417 1.135 3.067a3.3 3.3 0 0 0 1.95 1.95L19 11.57l-3.067 1.135a3.3 3.3 0 0 0-1.95 1.95l-1.136 3.067-1.135-3.067a3.3 3.3 0 0 0-1.95-1.95l-3.068-1.136 3.068-1.135a3.3 3.3 0 0 0 1.95-1.95zm-8.418 8.276-.534-1.443-.534 1.443c-.158.425-.493.76-.918.918L1 15.145l1.443.534c.425.157.76.492.918.917l.534 1.443.534-1.443a1.55 1.55 0 0 1 .917-.917l1.443-.534-1.443-.534a1.55 1.55 0 0 1-.917-.918\\\"/></svg>\";\n\nvar threeVerticalDots = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><circle cx=\\\"9.5\\\" cy=\\\"4.5\\\" r=\\\"1.5\\\"/><circle cx=\\\"9.5\\\" cy=\\\"10.5\\\" r=\\\"1.5\\\"/><circle cx=\\\"9.5\\\" cy=\\\"16.5\\\" r=\\\"1.5\\\"/></svg>\";\n\nvar thumbUp = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M6.05 8.609v8.38c0 1.11.903 2.01 2.017 2.01h7.553c.896 0 1.684-.588 1.936-1.445l2.361-8.041a2.012 2.012 0 0 0-1.935-2.575h-4.353l.788-2.618a2.01 2.01 0 0 0-1.294-2.485l-.698-.232a2.02 2.02 0 0 0-2.269.725l-3.72 5.098c-.25.344-.386.758-.386 1.183m1.513 8.38V8.61c0-.107.034-.21.096-.296l3.72-5.099a.505.505 0 0 1 .567-.18l.699.231a.5.5 0 0 1 .323.621l-1.177 3.912a.503.503 0 0 0 .483.647h5.708c.336 0 .578.322.484.644l-2.362 8.041a.504.504 0 0 1-.484.362H8.067a.503.503 0 0 1-.504-.503M3.328 6.937H1.714C.767 6.937 0 7.703 0 8.647v8.644C0 18.234.767 19 1.714 19h1.614c.946 0 1.714-.766 1.714-1.71V8.647c0-.943-.768-1.709-1.714-1.709m-1.815 1.71c0-.112.09-.202.201-.202h1.614c.111 0 .201.09.201.201v8.645a.2.2 0 0 1-.201.2H1.714a.2.2 0 0 1-.201-.2z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar thumbDown = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M13.95 11.89V3.51c0-1.11-.903-2.01-2.017-2.01H4.38c-.896 0-1.684.589-1.936 1.446l-2.361 8.04a2.012 2.012 0 0 0 1.935 2.576h4.353l-.788 2.618a2.01 2.01 0 0 0 1.294 2.485l.698.232a2.02 2.02 0 0 0 2.269-.725l3.72-5.099c.25-.343.386-.757.386-1.182m-1.513-8.38v8.38c0 .107-.034.21-.096.296l-3.72 5.1a.505.505 0 0 1-.567.18l-.699-.232a.5.5 0 0 1-.323-.62L8.209 12.7a.503.503 0 0 0-.483-.647H2.018a.503.503 0 0 1-.484-.643l2.362-8.042a.504.504 0 0 1 .484-.361h7.553c.278 0 .504.225.504.502m4.235 10.053h1.614c.947 0 1.714-.765 1.714-1.709V3.21c0-.944-.767-1.709-1.714-1.709h-1.614c-.946 0-1.714.765-1.714 1.709v8.644c0 .944.768 1.709 1.714 1.709m1.815-1.709c0 .111-.09.201-.201.201h-1.614a.2.2 0 0 1-.201-.2V3.208c0-.111.09-.201.201-.201h1.614a.2.2 0 0 1 .201.2z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar todoList = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m2.315 14.705 2.224-2.24a.69.69 0 0 1 .963 0 .664.664 0 0 1 0 .949L2.865 16.07a.7.7 0 0 1-.112.089.65.65 0 0 1-.852-.051L.688 14.886a.635.635 0 0 1 0-.903.647.647 0 0 1 .91 0zm5.185.045a.75.75 0 0 1 .75-.75h9.5a.75.75 0 1 1 0 1.5h-9.5a.75.75 0 0 1-.75-.75M2.329 5.745l2.21-2.226a.69.69 0 0 1 .963 0 .664.664 0 0 1 0 .95L2.865 7.125a.7.7 0 0 1-.496.196.64.64 0 0 1-.468-.187L.688 5.912a.635.635 0 0 1 0-.903.647.647 0 0 1 .91 0l.73.736zM7.5 5.75A.75.75 0 0 1 8.25 5h9.5a.75.75 0 1 1 0 1.5h-9.5a.75.75 0 0 1-.75-.75\\\"/></svg>\";\n\nvar trackChangesAccept = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 2.28C2 1.574 2.574 1 3.272 1l11.456.001c.703 0 1.272.573 1.272 1.28v8.453l-1.5 1.464V2.465c0-.003-11-.005-11-.005V16.5h2.356q.188.34.462.62l.868.88-3.914-.001A1.274 1.274 0 0 1 2 16.719z\\\"/><path d=\\\"M14.525 18H9.293l-1.48-1.5h3.75l.332.336.344-.336H14.5v-2.207L16 12.83v3.73zm-4.819-5.362a2.84 2.84 0 0 0-1.38-.36 2.8 2.8 0 0 0-1.602.5H6.18a.635.635 0 0 1-.633-.639.64.64 0 0 1 .633-.639h3.133a.639.639 0 0 1 .393 1.138m-4.16-6.484c0-.353.292-.64.636-.64h5.682a.637.637 0 0 1 .449 1.09.64.64 0 0 1-.449.188H6.182a.636.636 0 0 1-.635-.639zm0 2.984c0-.352.292-.638.636-.638h5.682a.635.635 0 0 1 .45 1.088.64.64 0 0 1-.45.189H6.182a.636.636 0 0 1-.636-.639\\\"/><path d=\\\"m13.117 19.374 6.192-6.044a1.316 1.316 0 0 0 0-1.876 1.354 1.354 0 0 0-1.899 0l-5.515 5.382-2.63-2.666a1.3 1.3 0 0 0-.938-.393 1.32 1.32 0 0 0-.939.394 1.354 1.354 0 0 0 0 1.898l3.49 3.538a1.32 1.32 0 0 0 1.447.29 2.7 2.7 0 0 0 .792-.523\\\" style=\\\"fill:#1fb11f\\\"/></svg>\";\n\nvar trackChangesDiscard = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M2 2.28C2 1.574 2.574 1 3.272 1l11.456.001c.703 0 1.272.573 1.272 1.28v8.106l-.889.899-.611-.619V2.465c0-.003-11-.005-11-.005V16.5h6.458l-.136.138-.003.003c-.372.378-.628.85-.745 1.359l-5.802-.001A1.274 1.274 0 0 1 2 16.719zM14.338 18h-3.676q.09-.169.227-.308l1.178-1.192H14.5v-3.699l.61.618.89-.899v4.199c0 .383-.168.726-.431.96l-.457-.462z\\\"/><path d=\\\"M9.043 11.5a2.85 2.85 0 0 0 .066 1.278H6.18a.635.635 0 0 1-.632-.639.64.64 0 0 1 .633-.639h2.863Zm3.45-2.267a2.82 2.82 0 0 0-2.434.544H6.182a.636.636 0 0 1-.636-.639c0-.352.292-.638.636-.638h5.682a.635.635 0 0 1 .629.733M5.546 6.154c0-.353.292-.64.636-.64h5.682a.637.637 0 0 1 .449 1.09.64.64 0 0 1-.449.188H6.182a.636.636 0 0 1-.635-.639z\\\"/><path d=\\\"m15.11 13.42 2.348-2.374a1.32 1.32 0 0 1 1.877 0 1.354 1.354 0 0 1 0 1.9l-2.346 2.372 2.346 2.374a1.354 1.354 0 0 1 0 1.898 1.316 1.316 0 0 1-1.877 0l-2.346-2.373-2.346 2.373a1.316 1.316 0 0 1-1.877 0 1.354 1.354 0 0 1 0-1.898l2.346-2.374-2.346-2.373a1.354 1.354 0 0 1 0-1.899 1.32 1.32 0 0 1 1.877 0l2.346 2.374z\\\" style=\\\"fill:#da2020\\\"/></svg>\";\n\nvar trackChanges = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M6.182 5.514a.643.643 0 0 0-.636.64v-.001a.636.636 0 0 0 .636.639h5.682a.64.64 0 0 0 .636-.638.637.637 0 0 0-.636-.64zm0 2.986a.642.642 0 0 0-.588.882.64.64 0 0 0 .588.395h5.682a.64.64 0 0 0 .636-.639.635.635 0 0 0-.636-.638zm-.002 3a.64.64 0 0 0 0 1.278h3.133a.64.64 0 0 0 0-1.278zm5.592 6.808.154-.23q-.292-.148-.328-.28-.037-.135.076-.551.093-.248.11-.393a3 3 0 0 0 0-.479q-.206-.614-.186-.83.02-.218.313-.57l4.465-6.207q.534-.9 2.11.118 1.576 1.021 1.177 1.772l-3.876 6.833q-.157.407-.347.515c-.128.07-.4.119-.813.139a3 3 0 0 0-.487.21q-.191.135-.347.31-.29.261-.416.262-.095 0-.346-.15l-.204.27zm-.184.274 1.039.727-.26.34h-1.496z\\\"/><path d=\\\"M3.272 1A1.28 1.28 0 0 0 2 2.28v14.439a1.276 1.276 0 0 0 1.272 1.28h6.838a2.1 2.1 0 0 1 .003-.61 4 4 0 0 1 .156-.67l.025-.069v-.008l-.042-.142H3.5V2.46s11 .002 11 .005v6.341l.627-.872c.204-.32.49-.614.873-.819V2.281c0-.707-.569-1.28-1.272-1.28zM16 9.29l-1.5 2.085V16.5h-2.708q.007.177-.007.354l-.013.075-.001.005a3 3 0 0 1-.097.312q-.04.152-.062.266a.7.7 0 0 0-.014.287.25.25 0 0 0 .068.105 1 1 0 0 0 .088.074l.017.011.016.01h.175L14.73 18c.697 0 1.271-.573 1.271-1.281v-7.43Z\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nvar underline = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3 18v-1.5h14V18zm2.2-8V3.6c0-.4.4-.6.8-.6.3 0 .7.2.7.6v6.2c0 2 1.3 2.8 3.2 2.8s3.4-.9 3.4-2.9V3.6c0-.3.4-.5.8-.5.3 0 .7.2.7.5V10c0 2.7-2.2 4-4.9 4-2.6 0-4.7-1.2-4.7-4\\\"/></svg>\";\n\nvar undo = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m5.042 9.367 2.189 1.837a.75.75 0 0 1-.965 1.149l-3.788-3.18a.75.75 0 0 1-.21-.284.75.75 0 0 1 .17-.945L6.23 4.762a.75.75 0 1 1 .964 1.15L4.863 7.866h8.917A.8.8 0 0 1 14 7.9a4 4 0 1 1-1.477 7.718l.344-1.489a2.5 2.5 0 1 0 1.094-4.73l.008-.032z\\\"/></svg>\";\n\nvar unlink = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"m11.077 15 .991-1.416a.75.75 0 1 1 1.229.86l-1.148 1.64a.8.8 0 0 1-.217.206 5.251 5.251 0 0 1-8.503-5.955.7.7 0 0 1 .12-.274l1.147-1.639a.75.75 0 1 1 1.228.86L4.933 10.7l.006.003a3.75 3.75 0 0 0 6.132 4.294zm5.494-5.335a.8.8 0 0 1-.12.274l-1.147 1.639a.75.75 0 1 1-1.228-.86l.86-1.23a3.75 3.75 0 0 0-6.144-4.301l-.86 1.229a.75.75 0 0 1-1.229-.86l1.148-1.64a.8.8 0 0 1 .217-.206 5.251 5.251 0 0 1 8.503 5.955m-4.563-2.532a.75.75 0 0 1 .184 1.045l-3.155 4.505a.75.75 0 1 1-1.229-.86l3.155-4.506a.75.75 0 0 1 1.045-.184m4.919 10.562-1.414 1.414a.75.75 0 1 1-1.06-1.06l1.414-1.415-1.415-1.414a.75.75 0 0 1 1.061-1.06l1.414 1.414 1.414-1.415a.75.75 0 0 1 1.061 1.061l-1.414 1.414 1.414 1.415a.75.75 0 0 1-1.06 1.06z\\\"/></svg>\";\n\nvar uploadcareImageEdit = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M1.201 1C.538 1 0 1.47 0 2.1v14.363c0 .64.534 1.037 1.186 1.037H5.06l5.058-5.078L6.617 9.15a.696.696 0 0 0-.957-.033L1.5 13.6V2.5h15v4.354a3.5 3.5 0 0 1 1.5.049V2.1c0-.63-.547-1.1-1.2-1.1zm11.713 2.803a2.147 2.147 0 0 0-2.049 1.992 2.14 2.14 0 0 0 1.28 2.096 2.13 2.13 0 0 0 2.642-3.11 2.13 2.13 0 0 0-1.873-.978M8.089 17.635v2.388h2.389l7.046-7.046-2.39-2.39zm11.282-6.507a.64.64 0 0 0 .139-.692.6.6 0 0 0-.139-.205l-1.49-1.488a.63.63 0 0 0-.899 0l-1.166 1.163 2.39 2.39z\\\"/></svg>\";\n\nvar uploadcareImageUpload = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 21 21\\\"><path d=\\\"M1.801 1.4C1.138 1.4.6 1.87.6 2.5v14.363c0 .64.534 1.037 1.186 1.037h9.494a3 3 0 0 1-.414-.287A3 3 0 0 1 9.81 15.59v-.007a3 3 0 0 1 .693-2.186l.383-.455-.02.018-3.65-3.41a.695.695 0 0 0-.957-.034L2.1 14V2.9h15v5.535a2.97 2.97 0 0 1 1.412.932l.088.105V2.5c0-.63-.547-1.1-1.2-1.1zm11.713 2.803a2.146 2.146 0 0 0-2.049 1.992 2.14 2.14 0 0 0 1.28 2.096 2.13 2.13 0 0 0 2.644-3.11 2.13 2.13 0 0 0-1.875-.978\\\"/><path d=\\\"M16.122 19.5a.79.79 0 0 0 .79-.79v-5.373l2.059 2.455a.79.79 0 0 0 1.211-1.015l-3.351-3.995a.79.79 0 0 0-.996-.179.8.8 0 0 0-.299.221l-3.35 3.99a.79.79 0 1 0 1.21 1.017l1.936-2.306v5.185c0 .436.353.79.79.79\\\"/><path d=\\\"M16.122 19.5a.79.79 0 0 0 .79-.79v-5.373l2.059 2.455a.79.79 0 0 0 1.211-1.015l-3.351-3.995a.79.79 0 0 0-.996-.179.8.8 0 0 0-.299.221l-3.35 3.99a.79.79 0 1 0 1.21 1.017l1.936-2.306v5.185c0 .436.353.79.79.79\\\"/></svg>\";\n\nvar uploadcareLink = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M12.748 2a4.62 4.62 0 0 0-3.174 1.362L8.02 4.915a.783.783 0 0 0 .002 1.11.786.786 0 0 0 1.11 0l1.55-1.553c1.185-1.185 3.024-1.195 4.116-.104l.851.854c1.092 1.091 1.083 2.927-.101 4.11l-1.555 1.554a.787.787 0 0 0 .557 1.34.78.78 0 0 0 .553-.23l1.554-1.552c1.758-1.757 1.838-4.597.102-6.332l-.854-.853A4.3 4.3 0 0 0 12.748 2m-.488 4.973a.78.78 0 0 0-.553.23L7.2 11.71l-.004.002a.784.784 0 0 0 1.11 1.107l.003-.002 4.504-4.505a.785.785 0 0 0-.554-1.339Zm-6.79.815a.8.8 0 0 0-.554.234L3.36 9.573c-1.757 1.758-1.836 4.597-.101 6.332l.853.852c1.736 1.734 4.572 1.655 6.33-.102l1.547-1.547.006-.008a.78.78 0 0 0 .244-.554.78.78 0 0 0-.799-.797.77.77 0 0 0-.56.248l-1.545 1.547c-1.184 1.184-3.021 1.195-4.113.104l-.854-.854c-1.091-1.091-1.083-2.927.102-4.111l1.552-1.555a.8.8 0 0 0 .233-.555.8.8 0 0 0-.06-.3.8.8 0 0 0-.173-.253s-.104-.14-.183-.185c-.051-.03-.133-.047-.37-.047Z\\\"/></svg>\";\n\nvar user = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 11 10\\\"><path d=\\\"M5.5 5C8.538 5 11 7.015 11 9.5q0 .255-.034.5H.034A4 4 0 0 1 0 9.5C0 7.015 2.462 5 5.5 5m0-5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5\\\"/></svg>\";\n\nvar pin = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path d=\\\"M3.273 17.818 2 18l.182-1.273 4.363-4.363 1.091 1.09zM18 7.818c-.897.897-1.997 1.284-2.847.732l-2.971 3.632c1.205 1.205.841 2.795-.364 4l-8-8c1.205-1.205 2.795-1.569 4-.364l3.632-2.972c-.552-.85-.165-1.949.732-2.846z\\\"/></svg>\";\n\nvar warning = \"<svg width=\\\"12\\\" height=\\\"12\\\" viewBox=\\\"0 0 13 13\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n<path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.27988 2.40003H6.71988V6.72003H5.27988V2.40003ZM6.72009 8.16003H5.28009V9.60003H6.72009V8.16003Z\\\" fill=\\\"#DB3700\\\"/>\\n</svg>\\n\";\n\nvar web = \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 20 20\\\"><path fill-rule=\\\"evenodd\\\" d=\\\"M20 10.001c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10m-9.662 8.493a9 9 0 0 1-.676 0c-.838-1.316-1.492-2.931-1.877-4.743h4.43c-.385 1.812-1.039 3.427-1.877 4.743m1.815-.268c.671-1.327 1.184-2.84 1.497-4.475h3.98a8.52 8.52 0 0 1-5.477 4.475m6.046-5.975a8.5 8.5 0 0 0 .301-2.25 8.5 8.5 0 0 0-.301-2.25h-4.323a20.3 20.3 0 0 1 0 4.5zm-.569-6a8.52 8.52 0 0 0-5.477-4.475c.671 1.327 1.184 2.84 1.497 4.475zm-7.292-4.743c.838 1.316 1.492 2.93 1.877 4.743h-4.43c.385-1.812 1.039-3.427 1.877-4.743a9 9 0 0 1 .676 0m-2.49.268c-.672 1.327-1.185 2.84-1.498 4.475H2.37a8.52 8.52 0 0 1 5.477-4.475M1.8 7.751a8.5 8.5 0 0 0-.301 2.25c0 .779.105 1.533.301 2.25h4.323a20.3 20.3 0 0 1 0-4.5zm.569 6a8.52 8.52 0 0 0 5.477 4.475c-.671-1.327-1.184-2.84-1.497-4.475zm10.095-1.5h-4.93a18.5 18.5 0 0 1 0-4.5h4.93a18.5 18.5 0 0 1 0 4.5\\\" clip-rule=\\\"evenodd\\\"/></svg>\";\n\nexport { ai as IconAI, aiAdjustLength as IconAIAdjustLength, aiAskAi as IconAIAskAI, aiChangeTone as IconAIChangeTone, aiChat as IconAIChat, aiChatCommands as IconAIChatCommands, aiContinueWriting as IconAIContinueWriting, aiGrammarCheck as IconAIGrammarCheck, aiHistory as IconAIHistory, aiImproveWriting as IconAIImproveWriting, aiOther as IconAIOther, aiQuickActions as IconAIQuickActions, aiReview as IconAIReview, aiTranslate as IconAITranslate, accessibility as IconAccessibility, addComment as IconAddComment, alignBottom as IconAlignBottom, alignCenter as IconAlignCenter, alignJustify as IconAlignJustify, alignLeft as IconAlignLeft, alignMiddle as IconAlignMiddle, alignRight as IconAlignRight, alignTop as IconAlignTop, arrowDown as IconArrowDown, arrowUp as IconArrowUp, bold as IconBold, bookmark as IconBookmark, bookmarkInline as IconBookmarkInline, bookmarkMedium as IconBookmarkMedium, bookmarkSmall as IconBookmarkSmall, browseFiles as IconBrowseFiles, bulb as IconBulb, bulletedList as IconBulletedList, cancel as IconCancel, caption as IconCaption, caseChange as IconCaseChange, check as IconCheck, chevronDown as IconChevronDown, chevronRight as IconChevronRight, chevronUp as IconChevronUp, ckboxImageEdit as IconCkboxImageEdit, close as IconClose, code as IconCode, codeBlock as IconCodeBlock, cog as IconCog, colorPalette as IconColorPalette, colorTileCheck as IconColorTileCheck, commentsArchive as IconCommentsArchive, contentLock as IconContentLock, contentUnlock as IconContentUnlock, copy as IconCopy, document as IconDocument, documentOutline as IconDocumentOutline, documentOutlineToggle as IconDocumentOutlineToggle, documentWithCheckmark as IconDocumentWithCheckmark, documentWithCross as IconDocumentWithCross, documentWithLoupe as IconDocumentWithLoupe, dragHandle as IconDragHandle, dragIndicator as IconDragIndicator, dropbox as IconDropbox, dropdownArrow as IconDropdownArrow, editComment as IconEditComment, emoji as IconEmoji, eraser as IconEraser, error as IconError, exportPdf as IconExportPdf, exportWord as IconExportWord, eye as IconEye, eyeCrossedOut as IconEyeCrossedOut, facebook as IconFacebook, fileUpload as IconFileUpload, findReplace as IconFindReplace, fontBackground as IconFontBackground, fontColor as IconFontColor, fontFamily as IconFontFamily, fontSize as IconFontSize, footnote as IconFootnote, fullscreenEnter as IconFullscreenEnter, fullscreenLeave as IconFullscreenLeave, googleDrive as IconGoogleDrive, googlePhotos as IconGooglePhotos, heading1 as IconHeading1, heading2 as IconHeading2, heading3 as IconHeading3, heading4 as IconHeading4, heading5 as IconHeading5, heading6 as IconHeading6, history as IconHistory, horizontalLine as IconHorizontalLine, html as IconHtml, image as IconImage, imageAssetManager as IconImageAssetManager, imageUpload as IconImageUpload, imageUrl as IconImageUrl, importExport as IconImportExport, importWord as IconImportWord, indent as IconIndent, info as IconInfo, insertMergeField as IconInsertMergeField, italic as IconItalic, legalStyleList as IconLegalStyleList, lineHeight as IconLineHeight, link as IconLink, listStyleCircle as IconListStyleCircle, listStyleDecimal as IconListStyleDecimal, listStyleDecimalLeadingZero as IconListStyleDecimalLeadingZero, listStyleDisc as IconListStyleDisc, listStyleLowerLatin as IconListStyleLowerLatin, listStyleLowerRoman as IconListStyleLowerRoman, listStyleSquare as IconListStyleSquare, listStyleUpperLatin as IconListStyleUpperLatin, listStyleUpperRoman as IconListStyleUpperRoman, local as IconLocal, loupe as IconLoupe, lowVision as IconLowVision, magicWand as IconMagicWand, marker as IconMarker, maximize as IconMaximize, media as IconMedia, mediaPlaceholder as IconMediaPlaceholder, minimize as IconMinimize, multiLevelList as IconMultiLevelList, nextArrow as IconNextArrow, notification as IconNotification, numberedList as IconNumberedList, objectCenter as IconObjectCenter, objectFullWidth as IconObjectFullWidth, objectInline as IconObjectInline, objectInlineLeft as IconObjectInlineLeft, objectInlineRight as IconObjectInlineRight, objectLeft as IconObjectLeft, objectRight as IconObjectRight, objectSizeCustom as IconObjectSizeCustom, objectSizeFull as IconObjectSizeFull, objectSizeLarge as IconObjectSizeLarge, objectSizeMedium as IconObjectSizeMedium, objectSizeSmall as IconObjectSizeSmall, onedrive as IconOneDrive, outdated as IconOutdated, outdent as IconOutdent, pageBreak as IconPageBreak, paginationExample as IconPaginationExample, paintRoller as IconPaintRoller, paintRollerCursorDefault as IconPaintRollerCursorDefault, paintRollerCursorText as IconPaintRollerCursorText, paperClip as IconPaperClip, paragraph as IconParagraph, pen as IconPen, pencil as IconPencil, pilcrow as IconPilcrow, pin as IconPin, play as IconPlay, plus as IconPlus, previewMergeFields as IconPreviewMergeFields, previousArrow as IconPreviousArrow, print as IconPrint, projectLogo as IconProjectLogo, quote as IconQuote, redo as IconRedo, refresh as IconRefresh, remove as IconRemove, removeComment as IconRemoveComment, removeFormat as IconRemoveFormat, returnArrow as IconReturnArrow, revisionHistory as IconRevisionHistory, robotPencil as IconRobotPencil, selectAll as IconSelectAll, selection as IconSelection, settings as IconSettings, showBlocks as IconShowBlocks, showChangesOff as IconShowChangesOff, showChangesOn as IconShowChangesOn, source as IconSource, specialCharacters as IconSpecialCharacters, stop as IconStop, strikethrough as IconStrikethrough, submit as IconSubmit, subscript as IconSubscript, superscript as IconSuperscript, table as IconTable, tableCellProperties as IconTableCellProperties, tableColumn as IconTableColumn, tableLayout as IconTableLayout, tableMergeCell as IconTableMergeCell, tableOfContents as IconTableOfContents, tableProperties as IconTableProperties, tableRow as IconTableRow, template as IconTemplate, templateGeneric as IconTemplateGeneric, text as IconText, textAlternative as IconTextAlternative, threeHorizontalDots as IconThreeHorizontalDots, threeStars as IconThreeStars, threeVerticalDots as IconThreeVerticalDots, thumbDown as IconThumbDown, thumbUp as IconThumbUp, todoList as IconTodoList, trackChanges as IconTrackChanges, trackChangesAccept as IconTrackChangesAccept, trackChangesDiscard as IconTrackChangesDiscard, underline as IconUnderline, undo as IconUndo, unlink as IconUnlink, uploadcareImageEdit as IconUploadcareImageEdit, uploadcareImageUpload as IconUploadcareImageUpload, uploadcareLink as IconUploadcareLink, user as IconUser, warning as IconWarning, web as IconWeb };\n//# sourceMappingURL=index.js.map\n", "const colors = {\n\taliceblue: [240, 248, 255],\n\tantiquewhite: [250, 235, 215],\n\taqua: [0, 255, 255],\n\taquamarine: [127, 255, 212],\n\tazure: [240, 255, 255],\n\tbeige: [245, 245, 220],\n\tbisque: [255, 228, 196],\n\tblack: [0, 0, 0],\n\tblanchedalmond: [255, 235, 205],\n\tblue: [0, 0, 255],\n\tblueviolet: [138, 43, 226],\n\tbrown: [165, 42, 42],\n\tburlywood: [222, 184, 135],\n\tcadetblue: [95, 158, 160],\n\tchartreuse: [127, 255, 0],\n\tchocolate: [210, 105, 30],\n\tcoral: [255, 127, 80],\n\tcornflowerblue: [100, 149, 237],\n\tcornsilk: [255, 248, 220],\n\tcrimson: [220, 20, 60],\n\tcyan: [0, 255, 255],\n\tdarkblue: [0, 0, 139],\n\tdarkcyan: [0, 139, 139],\n\tdarkgoldenrod: [184, 134, 11],\n\tdarkgray: [169, 169, 169],\n\tdarkgreen: [0, 100, 0],\n\tdarkgrey: [169, 169, 169],\n\tdarkkhaki: [189, 183, 107],\n\tdarkmagenta: [139, 0, 139],\n\tdarkolivegreen: [85, 107, 47],\n\tdarkorange: [255, 140, 0],\n\tdarkorchid: [153, 50, 204],\n\tdarkred: [139, 0, 0],\n\tdarksalmon: [233, 150, 122],\n\tdarkseagreen: [143, 188, 143],\n\tdarkslateblue: [72, 61, 139],\n\tdarkslategray: [47, 79, 79],\n\tdarkslategrey: [47, 79, 79],\n\tdarkturquoise: [0, 206, 209],\n\tdarkviolet: [148, 0, 211],\n\tdeeppink: [255, 20, 147],\n\tdeepskyblue: [0, 191, 255],\n\tdimgray: [105, 105, 105],\n\tdimgrey: [105, 105, 105],\n\tdodgerblue: [30, 144, 255],\n\tfirebrick: [178, 34, 34],\n\tfloralwhite: [255, 250, 240],\n\tforestgreen: [34, 139, 34],\n\tfuchsia: [255, 0, 255],\n\tgainsboro: [220, 220, 220],\n\tghostwhite: [248, 248, 255],\n\tgold: [255, 215, 0],\n\tgoldenrod: [218, 165, 32],\n\tgray: [128, 128, 128],\n\tgreen: [0, 128, 0],\n\tgreenyellow: [173, 255, 47],\n\tgrey: [128, 128, 128],\n\thoneydew: [240, 255, 240],\n\thotpink: [255, 105, 180],\n\tindianred: [205, 92, 92],\n\tindigo: [75, 0, 130],\n\tivory: [255, 255, 240],\n\tkhaki: [240, 230, 140],\n\tlavender: [230, 230, 250],\n\tlavenderblush: [255, 240, 245],\n\tlawngreen: [124, 252, 0],\n\tlemonchiffon: [255, 250, 205],\n\tlightblue: [173, 216, 230],\n\tlightcoral: [240, 128, 128],\n\tlightcyan: [224, 255, 255],\n\tlightgoldenrodyellow: [250, 250, 210],\n\tlightgray: [211, 211, 211],\n\tlightgreen: [144, 238, 144],\n\tlightgrey: [211, 211, 211],\n\tlightpink: [255, 182, 193],\n\tlightsalmon: [255, 160, 122],\n\tlightseagreen: [32, 178, 170],\n\tlightskyblue: [135, 206, 250],\n\tlightslategray: [119, 136, 153],\n\tlightslategrey: [119, 136, 153],\n\tlightsteelblue: [176, 196, 222],\n\tlightyellow: [255, 255, 224],\n\tlime: [0, 255, 0],\n\tlimegreen: [50, 205, 50],\n\tlinen: [250, 240, 230],\n\tmagenta: [255, 0, 255],\n\tmaroon: [128, 0, 0],\n\tmediumaquamarine: [102, 205, 170],\n\tmediumblue: [0, 0, 205],\n\tmediumorchid: [186, 85, 211],\n\tmediumpurple: [147, 112, 219],\n\tmediumseagreen: [60, 179, 113],\n\tmediumslateblue: [123, 104, 238],\n\tmediumspringgreen: [0, 250, 154],\n\tmediumturquoise: [72, 209, 204],\n\tmediumvioletred: [199, 21, 133],\n\tmidnightblue: [25, 25, 112],\n\tmintcream: [245, 255, 250],\n\tmistyrose: [255, 228, 225],\n\tmoccasin: [255, 228, 181],\n\tnavajowhite: [255, 222, 173],\n\tnavy: [0, 0, 128],\n\toldlace: [253, 245, 230],\n\tolive: [128, 128, 0],\n\tolivedrab: [107, 142, 35],\n\torange: [255, 165, 0],\n\torangered: [255, 69, 0],\n\torchid: [218, 112, 214],\n\tpalegoldenrod: [238, 232, 170],\n\tpalegreen: [152, 251, 152],\n\tpaleturquoise: [175, 238, 238],\n\tpalevioletred: [219, 112, 147],\n\tpapayawhip: [255, 239, 213],\n\tpeachpuff: [255, 218, 185],\n\tperu: [205, 133, 63],\n\tpink: [255, 192, 203],\n\tplum: [221, 160, 221],\n\tpowderblue: [176, 224, 230],\n\tpurple: [128, 0, 128],\n\trebeccapurple: [102, 51, 153],\n\tred: [255, 0, 0],\n\trosybrown: [188, 143, 143],\n\troyalblue: [65, 105, 225],\n\tsaddlebrown: [139, 69, 19],\n\tsalmon: [250, 128, 114],\n\tsandybrown: [244, 164, 96],\n\tseagreen: [46, 139, 87],\n\tseashell: [255, 245, 238],\n\tsienna: [160, 82, 45],\n\tsilver: [192, 192, 192],\n\tskyblue: [135, 206, 235],\n\tslateblue: [106, 90, 205],\n\tslategray: [112, 128, 144],\n\tslategrey: [112, 128, 144],\n\tsnow: [255, 250, 250],\n\tspringgreen: [0, 255, 127],\n\tsteelblue: [70, 130, 180],\n\ttan: [210, 180, 140],\n\tteal: [0, 128, 128],\n\tthistle: [216, 191, 216],\n\ttomato: [255, 99, 71],\n\tturquoise: [64, 224, 208],\n\tviolet: [238, 130, 238],\n\twheat: [245, 222, 179],\n\twhite: [255, 255, 255],\n\twhitesmoke: [245, 245, 245],\n\tyellow: [255, 255, 0],\n\tyellowgreen: [154, 205, 50],\n}\n\nfor (const key in colors) Object.freeze(colors[key]);\nexport default Object.freeze(colors);", "/**\n * @module color-parse\n */\nimport names from 'color-name'\n\nexport default parse\n\n/**\n * Base hues\n * http://dev.w3.org/csswg/css-color/#typedef-named-hue\n */\n//FIXME: use external hue detector\nvar baseHues = {\n\tred: 0,\n\torange: 60,\n\tyellow: 120,\n\tgreen: 180,\n\tblue: 240,\n\tpurple: 300\n}\n\n/**\n * Parse color from the string passed\n *\n * @return {Object} A space indicator `space`, an array `values` and `alpha`\n */\nfunction parse(cstr) {\n\tvar m, parts = [], alpha = 1, space\n\n\t//numeric case\n\tif (typeof cstr === 'number') {\n\t\treturn { space: 'rgb', values: [cstr >>> 16, (cstr & 0x00ff00) >>> 8, cstr & 0x0000ff], alpha: 1 }\n\t}\n\tif (typeof cstr === 'number') return { space: 'rgb', values: [cstr >>> 16, (cstr & 0x00ff00) >>> 8, cstr & 0x0000ff], alpha: 1 }\n\n\tcstr = String(cstr).toLowerCase();\n\n\t//keyword\n\tif (names[cstr]) {\n\t\tparts = names[cstr].slice()\n\t\tspace = 'rgb'\n\t}\n\n\t//reserved words\n\telse if (cstr === 'transparent') {\n\t\talpha = 0\n\t\tspace = 'rgb'\n\t\tparts = [0, 0, 0]\n\t}\n\n\t//hex\n\telse if (cstr[0] === '#') {\n\t\tvar base = cstr.slice(1)\n\t\tvar size = base.length\n\t\tvar isShort = size <= 4\n\t\talpha = 1\n\n\t\tif (isShort) {\n\t\t\tparts = [\n\t\t\t\tparseInt(base[0] + base[0], 16),\n\t\t\t\tparseInt(base[1] + base[1], 16),\n\t\t\t\tparseInt(base[2] + base[2], 16)\n\t\t\t]\n\t\t\tif (size === 4) {\n\t\t\t\talpha = parseInt(base[3] + base[3], 16) / 255\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tparts = [\n\t\t\t\tparseInt(base[0] + base[1], 16),\n\t\t\t\tparseInt(base[2] + base[3], 16),\n\t\t\t\tparseInt(base[4] + base[5], 16)\n\t\t\t]\n\t\t\tif (size === 8) {\n\t\t\t\talpha = parseInt(base[6] + base[7], 16) / 255\n\t\t\t}\n\t\t}\n\n\t\tif (!parts[0]) parts[0] = 0\n\t\tif (!parts[1]) parts[1] = 0\n\t\tif (!parts[2]) parts[2] = 0\n\n\t\tspace = 'rgb'\n\t}\n\n\t// color space\n\telse if (m = /^((?:rgba?|hs[lvb]a?|hwba?|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms|oklch|oklab|color))\\s*\\(([^\\)]*)\\)/.exec(cstr)) {\n\t\tvar name = m[1]\n\t\tspace = name.replace(/a$/, '')\n\t\tvar dims = space === 'cmyk' ? 4 : space === 'gray' ? 1 : 3\n\t\tparts = m[2].trim().split(/\\s*[,\\/]\\s*|\\s+/)\n\n\t\t// color(srgb-linear x x x) -> srgb-linear(x x x)\n\t\tif (space === 'color') space = parts.shift()\n\n\t\tparts = parts.map(function (x, i) {\n\t\t\t//<percentage>\n\t\t\tif (x[x.length - 1] === '%') {\n\t\t\t\tx = parseFloat(x) / 100\n\t\t\t\t// alpha -> 0..1\n\t\t\t\tif (i === 3) return x\n\t\t\t\t// rgb -> 0..255\n\t\t\t\tif (space === 'rgb') return x * 255\n\t\t\t\t// hsl, hwb H -> 0..100\n\t\t\t\tif (space[0] === 'h') return x * 100\n\t\t\t\t// lch, lab L -> 0..100\n\t\t\t\tif (space[0] === 'l' && !i) return x * 100\n\t\t\t\t// lab A B -> -125..125\n\t\t\t\tif (space === 'lab') return x * 125\n\t\t\t\t// lch C -> 0..150, H -> 0..360\n\t\t\t\tif (space === 'lch') return i < 2 ? x * 150 : x * 360\n\t\t\t\t// oklch/oklab L -> 0..1\n\t\t\t\tif (space[0] === 'o' && !i) return x\n\t\t\t\t// oklab A B -> -0.4..0.4\n\t\t\t\tif (space === 'oklab') return x * 0.4\n\t\t\t\t// oklch C -> 0..0.4, H -> 0..360\n\t\t\t\tif (space === 'oklch') return i < 2 ? x * 0.4 : x * 360\n\t\t\t\t// color(xxx) -> 0..1\n\t\t\t\treturn x\n\t\t\t}\n\n\t\t\t//hue\n\t\t\tif (space[i] === 'h' || (i === 2 && space[space.length - 1] === 'h')) {\n\t\t\t\t//<base-hue>\n\t\t\t\tif (baseHues[x] !== undefined) return baseHues[x]\n\t\t\t\t//<deg>\n\t\t\t\tif (x.endsWith('deg')) return parseFloat(x)\n\t\t\t\t//<turn>\n\t\t\t\tif (x.endsWith('turn')) return parseFloat(x) * 360\n\t\t\t\tif (x.endsWith('grad')) return parseFloat(x) * 360 / 400\n\t\t\t\tif (x.endsWith('rad')) return parseFloat(x) * 180 / Math.PI\n\t\t\t}\n\t\t\tif (x === 'none') return 0\n\t\t\treturn parseFloat(x)\n\t\t});\n\n\t\talpha = parts.length > dims ? parts.pop() : 1\n\t}\n\n\t//named channels case\n\telse if (/[0-9](?:\\s|\\/|,)/.test(cstr)) {\n\t\tparts = cstr.match(/([0-9]+)/g).map(function (value) {\n\t\t\treturn parseFloat(value)\n\t\t})\n\n\t\tspace = cstr.match(/([a-z])/ig)?.join('')?.toLowerCase() || 'rgb'\n\t}\n\n\treturn {\n\t\tspace,\n\t\tvalues: parts,\n\t\talpha\n\t}\n}\n", "/* MIT license */\n/* eslint-disable no-mixed-operators */\nimport cssKeywords from 'color-name';\n\n// NOTE: conversions should only return primitive values (i.e. arrays, or\n//       values that give correct `typeof` results).\n//       do not use box values types (i.e. Number(), String(), etc.)\n\nconst reverseKeywords = {};\nfor (const key of Object.keys(cssKeywords)) {\n\treverseKeywords[cssKeywords[key]] = key;\n}\n\nconst convert = {\n\trgb: {channels: 3, labels: 'rgb'},\n\thsl: {channels: 3, labels: 'hsl'},\n\thsv: {channels: 3, labels: 'hsv'},\n\thwb: {channels: 3, labels: 'hwb'},\n\tcmyk: {channels: 4, labels: 'cmyk'},\n\txyz: {channels: 3, labels: 'xyz'},\n\tlab: {channels: 3, labels: 'lab'},\n\toklab: {channels: 3, labels: ['okl', 'oka', 'okb']},\n\tlch: {channels: 3, labels: 'lch'},\n\toklch: {channels: 3, labels: ['okl', 'okc', 'okh']},\n\thex: {channels: 1, labels: ['hex']},\n\tkeyword: {channels: 1, labels: ['keyword']},\n\tansi16: {channels: 1, labels: ['ansi16']},\n\tansi256: {channels: 1, labels: ['ansi256']},\n\thcg: {channels: 3, labels: ['h', 'c', 'g']},\n\tapple: {channels: 3, labels: ['r16', 'g16', 'b16']},\n\tgray: {channels: 1, labels: ['gray']},\n};\n\nexport default convert;\n\n// LAB f(t) constant\nconst LAB_FT = (6 / 29) ** 3;\n\n// SRGB non-linear transform functions\nfunction srgbNonlinearTransform(c) {\n\tconst cc = c > 0.003_130_8\n\t\t? ((1.055 * (c ** (1 / 2.4))) - 0.055)\n\t\t: c * 12.92;\n\treturn Math.min(Math.max(0, cc), 1);\n}\n\nfunction srgbNonlinearTransformInv(c) {\n\treturn c > 0.040_45 ? (((c + 0.055) / 1.055) ** 2.4) : (c / 12.92);\n}\n\n// Hide .channels and .labels properties\nfor (const model of Object.keys(convert)) {\n\tif (!('channels' in convert[model])) {\n\t\tthrow new Error('missing channels property: ' + model);\n\t}\n\n\tif (!('labels' in convert[model])) {\n\t\tthrow new Error('missing channel labels property: ' + model);\n\t}\n\n\tif (convert[model].labels.length !== convert[model].channels) {\n\t\tthrow new Error('channel and label counts mismatch: ' + model);\n\t}\n\n\tconst {channels, labels} = convert[model];\n\tdelete convert[model].channels;\n\tdelete convert[model].labels;\n\tObject.defineProperty(convert[model], 'channels', {value: channels});\n\tObject.defineProperty(convert[model], 'labels', {value: labels});\n}\n\nconvert.rgb.hsl = function (rgb) {\n\tconst r = rgb[0] / 255;\n\tconst g = rgb[1] / 255;\n\tconst b = rgb[2] / 255;\n\tconst min = Math.min(r, g, b);\n\tconst max = Math.max(r, g, b);\n\tconst delta = max - min;\n\tlet h;\n\tlet s;\n\n\tswitch (max) {\n\t\tcase min: {\n\t\t\th = 0;\n\n\t\t\tbreak;\n\t\t}\n\n\t\tcase r: {\n\t\t\th = (g - b) / delta;\n\n\t\t\tbreak;\n\t\t}\n\n\t\tcase g: {\n\t\t\th = 2 + (b - r) / delta;\n\n\t\t\tbreak;\n\t\t}\n\n\t\tcase b: {\n\t\t\th = 4 + (r - g) / delta;\n\n\t\t\tbreak;\n\t\t}\n\t// No default\n\t}\n\n\th = Math.min(h * 60, 360);\n\n\tif (h < 0) {\n\t\th += 360;\n\t}\n\n\tconst l = (min + max) / 2;\n\n\tif (max === min) {\n\t\ts = 0;\n\t} else if (l <= 0.5) {\n\t\ts = delta / (max + min);\n\t} else {\n\t\ts = delta / (2 - max - min);\n\t}\n\n\treturn [h, s * 100, l * 100];\n};\n\nconvert.rgb.hsv = function (rgb) {\n\tlet rdif;\n\tlet gdif;\n\tlet bdif;\n\tlet h;\n\tlet s;\n\n\tconst r = rgb[0] / 255;\n\tconst g = rgb[1] / 255;\n\tconst b = rgb[2] / 255;\n\tconst v = Math.max(r, g, b);\n\tconst diff = v - Math.min(r, g, b);\n\tconst diffc = function (c) {\n\t\treturn (v - c) / 6 / diff + 1 / 2;\n\t};\n\n\tif (diff === 0) {\n\t\th = 0;\n\t\ts = 0;\n\t} else {\n\t\ts = diff / v;\n\t\trdif = diffc(r);\n\t\tgdif = diffc(g);\n\t\tbdif = diffc(b);\n\n\t\tswitch (v) {\n\t\t\tcase r: {\n\t\t\t\th = bdif - gdif;\n\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase g: {\n\t\t\t\th = (1 / 3) + rdif - bdif;\n\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase b: {\n\t\t\t\th = (2 / 3) + gdif - rdif;\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t// No default\n\t\t}\n\n\t\tif (h < 0) {\n\t\t\th += 1;\n\t\t} else if (h > 1) {\n\t\t\th -= 1;\n\t\t}\n\t}\n\n\treturn [\n\t\th * 360,\n\t\ts * 100,\n\t\tv * 100,\n\t];\n};\n\nconvert.rgb.hwb = function (rgb) {\n\tconst r = rgb[0];\n\tconst g = rgb[1];\n\tlet b = rgb[2];\n\tconst h = convert.rgb.hsl(rgb)[0];\n\tconst w = 1 / 255 * Math.min(r, Math.min(g, b));\n\n\tb = 1 - 1 / 255 * Math.max(r, Math.max(g, b));\n\n\treturn [h, w * 100, b * 100];\n};\n\nconvert.rgb.oklab = function (rgb) {\n\t// Assume sRGB\n\tconst r = srgbNonlinearTransformInv(rgb[0] / 255);\n\tconst g = srgbNonlinearTransformInv(rgb[1] / 255);\n\tconst b = srgbNonlinearTransformInv(rgb[2] / 255);\n\n\tconst lp = Math.cbrt(0.412_221_470_8 * r + 0.536_332_536_3 * g + 0.051_445_992_9 * b);\n\tconst mp = Math.cbrt(0.211_903_498_2 * r + 0.680_699_545_1 * g + 0.107_396_956_6 * b);\n\tconst sp = Math.cbrt(0.088_302_461_9 * r + 0.281_718_837_6 * g + 0.629_978_700_5 * b);\n\n\tconst l = 0.210_454_255_3 * lp + 0.793_617_785 * mp - 0.004_072_046_8 * sp;\n\tconst aa = 1.977_998_495_1 * lp - 2.428_592_205 * mp + 0.450_593_709_9 * sp;\n\tconst bb = 0.025_904_037_1 * lp + 0.782_771_766_2 * mp - 0.808_675_766 * sp;\n\n\treturn [l * 100, aa * 100, bb * 100];\n};\n\nconvert.rgb.cmyk = function (rgb) {\n\tconst r = rgb[0] / 255;\n\tconst g = rgb[1] / 255;\n\tconst b = rgb[2] / 255;\n\n\tconst k = Math.min(1 - r, 1 - g, 1 - b);\n\tconst c = (1 - r - k) / (1 - k) || 0;\n\tconst m = (1 - g - k) / (1 - k) || 0;\n\tconst y = (1 - b - k) / (1 - k) || 0;\n\n\treturn [c * 100, m * 100, y * 100, k * 100];\n};\n\nfunction comparativeDistance(x, y) {\n\t/*\n\t\tSee https://en.m.wikipedia.org/wiki/Euclidean_distance#Squared_Euclidean_distance\n\t*/\n\treturn (\n\t\t((x[0] - y[0]) ** 2) +\n\t\t((x[1] - y[1]) ** 2) +\n\t\t((x[2] - y[2]) ** 2)\n\t);\n}\n\nconvert.rgb.keyword = function (rgb) {\n\tconst reversed = reverseKeywords[rgb];\n\tif (reversed) {\n\t\treturn reversed;\n\t}\n\n\tlet currentClosestDistance = Number.POSITIVE_INFINITY;\n\tlet currentClosestKeyword;\n\n\tfor (const keyword of Object.keys(cssKeywords)) {\n\t\tconst value = cssKeywords[keyword];\n\n\t\t// Compute comparative distance\n\t\tconst distance = comparativeDistance(rgb, value);\n\n\t\t// Check if its less, if so set as closest\n\t\tif (distance < currentClosestDistance) {\n\t\t\tcurrentClosestDistance = distance;\n\t\t\tcurrentClosestKeyword = keyword;\n\t\t}\n\t}\n\n\treturn currentClosestKeyword;\n};\n\nconvert.keyword.rgb = function (keyword) {\n\treturn cssKeywords[keyword];\n};\n\nconvert.rgb.xyz = function (rgb) {\n\t// Assume sRGB\n\tconst r = srgbNonlinearTransformInv(rgb[0] / 255);\n\tconst g = srgbNonlinearTransformInv(rgb[1] / 255);\n\tconst b = srgbNonlinearTransformInv(rgb[2] / 255);\n\n\tconst x = (r * 0.412_456_4) + (g * 0.357_576_1) + (b * 0.180_437_5);\n\tconst y = (r * 0.212_672_9) + (g * 0.715_152_2) + (b * 0.072_175);\n\tconst z = (r * 0.019_333_9) + (g * 0.119_192) + (b * 0.950_304_1);\n\n\treturn [x * 100, y * 100, z * 100];\n};\n\nconvert.rgb.lab = function (rgb) {\n\tconst xyz = convert.rgb.xyz(rgb);\n\tlet x = xyz[0];\n\tlet y = xyz[1];\n\tlet z = xyz[2];\n\n\tx /= 95.047;\n\ty /= 100;\n\tz /= 108.883;\n\n\tx = x > LAB_FT ? (x ** (1 / 3)) : (7.787 * x) + (16 / 116);\n\ty = y > LAB_FT ? (y ** (1 / 3)) : (7.787 * y) + (16 / 116);\n\tz = z > LAB_FT ? (z ** (1 / 3)) : (7.787 * z) + (16 / 116);\n\n\tconst l = (116 * y) - 16;\n\tconst a = 500 * (x - y);\n\tconst b = 200 * (y - z);\n\n\treturn [l, a, b];\n};\n\nconvert.hsl.rgb = function (hsl) {\n\tconst h = hsl[0] / 360;\n\tconst s = hsl[1] / 100;\n\tconst l = hsl[2] / 100;\n\tlet t3;\n\tlet value;\n\n\tif (s === 0) {\n\t\tvalue = l * 255;\n\t\treturn [value, value, value];\n\t}\n\n\tconst t2 = l < 0.5 ? l * (1 + s) : l + s - l * s;\n\n\tconst t1 = 2 * l - t2;\n\n\tconst rgb = [0, 0, 0];\n\tfor (let i = 0; i < 3; i++) {\n\t\tt3 = h + 1 / 3 * -(i - 1);\n\t\tif (t3 < 0) {\n\t\t\tt3++;\n\t\t}\n\n\t\tif (t3 > 1) {\n\t\t\tt3--;\n\t\t}\n\n\t\tif (6 * t3 < 1) {\n\t\t\tvalue = t1 + (t2 - t1) * 6 * t3;\n\t\t} else if (2 * t3 < 1) {\n\t\t\tvalue = t2;\n\t\t} else if (3 * t3 < 2) {\n\t\t\tvalue = t1 + (t2 - t1) * (2 / 3 - t3) * 6;\n\t\t} else {\n\t\t\tvalue = t1;\n\t\t}\n\n\t\trgb[i] = value * 255;\n\t}\n\n\treturn rgb;\n};\n\nconvert.hsl.hsv = function (hsl) {\n\tconst h = hsl[0];\n\tlet s = hsl[1] / 100;\n\tlet l = hsl[2] / 100;\n\tlet smin = s;\n\tconst lmin = Math.max(l, 0.01);\n\n\tl *= 2;\n\ts *= (l <= 1) ? l : 2 - l;\n\tsmin *= lmin <= 1 ? lmin : 2 - lmin;\n\tconst v = (l + s) / 2;\n\tconst sv = l === 0 ? (2 * smin) / (lmin + smin) : (2 * s) / (l + s);\n\n\treturn [h, sv * 100, v * 100];\n};\n\nconvert.hsv.rgb = function (hsv) {\n\tconst h = hsv[0] / 60;\n\tconst s = hsv[1] / 100;\n\tlet v = hsv[2] / 100;\n\tconst hi = Math.floor(h) % 6;\n\n\tconst f = h - Math.floor(h);\n\tconst p = 255 * v * (1 - s);\n\tconst q = 255 * v * (1 - (s * f));\n\tconst t = 255 * v * (1 - (s * (1 - f)));\n\tv *= 255;\n\n\tswitch (hi) {\n\t\tcase 0: {\n\t\t\treturn [v, t, p];\n\t\t}\n\n\t\tcase 1: {\n\t\t\treturn [q, v, p];\n\t\t}\n\n\t\tcase 2: {\n\t\t\treturn [p, v, t];\n\t\t}\n\n\t\tcase 3: {\n\t\t\treturn [p, q, v];\n\t\t}\n\n\t\tcase 4: {\n\t\t\treturn [t, p, v];\n\t\t}\n\n\t\tcase 5: {\n\t\t\treturn [v, p, q];\n\t\t}\n\t}\n};\n\nconvert.hsv.hsl = function (hsv) {\n\tconst h = hsv[0];\n\tconst s = hsv[1] / 100;\n\tconst v = hsv[2] / 100;\n\tconst vmin = Math.max(v, 0.01);\n\tlet sl;\n\tlet l;\n\n\tl = (2 - s) * v;\n\tconst lmin = (2 - s) * vmin;\n\tsl = s * vmin;\n\tsl /= (lmin <= 1) ? lmin : 2 - lmin;\n\tsl = sl || 0;\n\tl /= 2;\n\n\treturn [h, sl * 100, l * 100];\n};\n\n// http://dev.w3.org/csswg/css-color/#hwb-to-rgb\nconvert.hwb.rgb = function (hwb) {\n\tconst h = hwb[0] / 360;\n\tlet wh = hwb[1] / 100;\n\tlet bl = hwb[2] / 100;\n\tconst ratio = wh + bl;\n\tlet f;\n\n\t// Wh + bl cant be > 1\n\tif (ratio > 1) {\n\t\twh /= ratio;\n\t\tbl /= ratio;\n\t}\n\n\tconst i = Math.floor(6 * h);\n\tconst v = 1 - bl;\n\tf = 6 * h - i;\n\n\t// eslint-disable-next-line no-bitwise\n\tif ((i & 0x01) !== 0) {\n\t\tf = 1 - f;\n\t}\n\n\tconst n = wh + f * (v - wh); // Linear interpolation\n\n\tlet r;\n\tlet g;\n\tlet b;\n\t/* eslint-disable max-statements-per-line,no-multi-spaces, default-case-last */\n\tswitch (i) {\n\t\tdefault:\n\t\tcase 6:\n\t\tcase 0: { r = v;  g = n;  b = wh; break;\n\t\t}\n\n\t\tcase 1: { r = n;  g = v;  b = wh; break;\n\t\t}\n\n\t\tcase 2: { r = wh; g = v;  b = n; break;\n\t\t}\n\n\t\tcase 3: { r = wh; g = n;  b = v; break;\n\t\t}\n\n\t\tcase 4: { r = n;  g = wh; b = v; break;\n\t\t}\n\n\t\tcase 5: { r = v;  g = wh; b = n; break;\n\t\t}\n\t}\n\t/* eslint-enable max-statements-per-line,no-multi-spaces, default-case-last */\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.cmyk.rgb = function (cmyk) {\n\tconst c = cmyk[0] / 100;\n\tconst m = cmyk[1] / 100;\n\tconst y = cmyk[2] / 100;\n\tconst k = cmyk[3] / 100;\n\n\tconst r = 1 - Math.min(1, c * (1 - k) + k);\n\tconst g = 1 - Math.min(1, m * (1 - k) + k);\n\tconst b = 1 - Math.min(1, y * (1 - k) + k);\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.xyz.rgb = function (xyz) {\n\tconst x = xyz[0] / 100;\n\tconst y = xyz[1] / 100;\n\tconst z = xyz[2] / 100;\n\tlet r;\n\tlet g;\n\tlet b;\n\n\tr = (x * 3.240_454_2) + (y * -1.537_138_5) + (z * -0.498_531_4);\n\tg = (x * -0.969_266) + (y * 1.876_010_8) + (z * 0.041_556);\n\tb = (x * 0.055_643_4) + (y * -0.204_025_9) + (z * 1.057_225_2);\n\n\t// Assume sRGB\n\tr = srgbNonlinearTransform(r);\n\tg = srgbNonlinearTransform(g);\n\tb = srgbNonlinearTransform(b);\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.xyz.lab = function (xyz) {\n\tlet x = xyz[0];\n\tlet y = xyz[1];\n\tlet z = xyz[2];\n\n\tx /= 95.047;\n\ty /= 100;\n\tz /= 108.883;\n\n\tx = x > LAB_FT ? (x ** (1 / 3)) : (7.787 * x) + (16 / 116);\n\ty = y > LAB_FT ? (y ** (1 / 3)) : (7.787 * y) + (16 / 116);\n\tz = z > LAB_FT ? (z ** (1 / 3)) : (7.787 * z) + (16 / 116);\n\n\tconst l = (116 * y) - 16;\n\tconst a = 500 * (x - y);\n\tconst b = 200 * (y - z);\n\n\treturn [l, a, b];\n};\n\nconvert.xyz.oklab = function (xyz) {\n\tconst x = xyz[0] / 100;\n\tconst y = xyz[1] / 100;\n\tconst z = xyz[2] / 100;\n\n\tconst lp = Math.cbrt(0.818_933_010_1 * x + 0.361_866_742_4 * y - 0.128_859_713_7 * z);\n\tconst mp = Math.cbrt(0.032_984_543_6 * x + 0.929_311_871_5 * y + 0.036_145_638_7 * z);\n\tconst sp = Math.cbrt(0.048_200_301_8 * x + 0.264_366_269_1 * y + 0.633_851_707 * z);\n\n\tconst l = 0.210_454_255_3 * lp + 0.793_617_785 * mp - 0.004_072_046_8 * sp;\n\tconst a = 1.977_998_495_1 * lp - 2.428_592_205 * mp + 0.450_593_709_9 * sp;\n\tconst b = 0.025_904_037_1 * lp + 0.782_771_766_2 * mp - 0.808_675_766 * sp;\n\n\treturn [l * 100, a * 100, b * 100];\n};\n\nconvert.oklab.oklch = function (oklab) {\n\treturn convert.lab.lch(oklab);\n};\n\nconvert.oklab.xyz = function (oklab) {\n\tconst ll = oklab[0] / 100;\n\tconst a = oklab[1] / 100;\n\tconst b = oklab[2] / 100;\n\n\tconst l = (0.999_999_998 * ll + 0.396_337_792 * a + 0.215_803_758 * b) ** 3;\n\tconst m = (1.000_000_008 * ll - 0.105_561_342 * a - 0.063_854_175 * b) ** 3;\n\tconst s = (1.000_000_055 * ll - 0.089_484_182 * a - 1.291_485_538 * b) ** 3;\n\n\tconst x = 1.227_013_851 * l - 0.557_799_98 * m + 0.281_256_149 * s;\n\tconst y = -0.040_580_178 * l + 1.112_256_87 * m - 0.071_676_679 * s;\n\tconst z = -0.076_381_285 * l - 0.421_481_978 * m + 1.586_163_22 * s;\n\n\treturn [x * 100, y * 100, z * 100];\n};\n\nconvert.oklab.rgb = function (oklab) {\n\tconst ll = oklab[0] / 100;\n\tconst aa = oklab[1] / 100;\n\tconst bb = oklab[2] / 100;\n\n\tconst l = (ll + 0.396_337_777_4 * aa + 0.215_803_757_3 * bb) ** 3;\n\tconst m = (ll - 0.105_561_345_8 * aa - 0.063_854_172_8 * bb) ** 3;\n\tconst s = (ll - 0.089_484_177_5 * aa - 1.291_485_548 * bb) ** 3;\n\n\t// Assume sRGB\n\tconst r = srgbNonlinearTransform(4.076_741_662_1 * l - 3.307_711_591_3 * m + 0.230_969_929_2 * s);\n\tconst g = srgbNonlinearTransform(-1.268_438_004_6 * l + 2.609_757_401_1 * m - 0.341_319_396_5 * s);\n\tconst b = srgbNonlinearTransform(-0.004_196_086_3 * l - 0.703_418_614_7 * m + 1.707_614_701 * s);\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.oklch.oklab = function (oklch) {\n\treturn convert.lch.lab(oklch);\n};\n\nconvert.lab.xyz = function (lab) {\n\tconst l = lab[0];\n\tconst a = lab[1];\n\tconst b = lab[2];\n\tlet x;\n\tlet y;\n\tlet z;\n\n\ty = (l + 16) / 116;\n\tx = a / 500 + y;\n\tz = y - b / 200;\n\n\tconst y2 = y ** 3;\n\tconst x2 = x ** 3;\n\tconst z2 = z ** 3;\n\ty = y2 > LAB_FT ? y2 : (y - 16 / 116) / 7.787;\n\tx = x2 > LAB_FT ? x2 : (x - 16 / 116) / 7.787;\n\tz = z2 > LAB_FT ? z2 : (z - 16 / 116) / 7.787;\n\n\t// Illuminant D65 XYZ Tristrimulus Values\n\t// https://en.wikipedia.org/wiki/CIE_1931_color_space\n\tx *= 95.047;\n\ty *= 100;\n\tz *= 108.883;\n\n\treturn [x, y, z];\n};\n\nconvert.lab.lch = function (lab) {\n\tconst l = lab[0];\n\tconst a = lab[1];\n\tconst b = lab[2];\n\tlet h;\n\n\tconst hr = Math.atan2(b, a);\n\th = hr * 360 / 2 / Math.PI;\n\n\tif (h < 0) {\n\t\th += 360;\n\t}\n\n\tconst c = Math.sqrt(a * a + b * b);\n\n\treturn [l, c, h];\n};\n\nconvert.lch.lab = function (lch) {\n\tconst l = lch[0];\n\tconst c = lch[1];\n\tconst h = lch[2];\n\n\tconst hr = h / 360 * 2 * Math.PI;\n\tconst a = c * Math.cos(hr);\n\tconst b = c * Math.sin(hr);\n\n\treturn [l, a, b];\n};\n\nconvert.rgb.ansi16 = function (args, saturation = null) {\n\tconst [r, g, b] = args;\n\tlet value = saturation === null ? convert.rgb.hsv(args)[2] : saturation; // Hsv -> ansi16 optimization\n\n\tvalue = Math.round(value / 50);\n\n\tif (value === 0) {\n\t\treturn 30;\n\t}\n\n\tlet ansi = 30\n\t\t/* eslint-disable no-bitwise */\n\t\t+ ((Math.round(b / 255) << 2)\n\t\t| (Math.round(g / 255) << 1)\n\t\t| Math.round(r / 255));\n\t\t/* eslint-enable no-bitwise */\n\n\tif (value === 2) {\n\t\tansi += 60;\n\t}\n\n\treturn ansi;\n};\n\nconvert.hsv.ansi16 = function (args) {\n\t// Optimization here; we already know the value and don't need to get\n\t// it converted for us.\n\treturn convert.rgb.ansi16(convert.hsv.rgb(args), args[2]);\n};\n\nconvert.rgb.ansi256 = function (args) {\n\tconst r = args[0];\n\tconst g = args[1];\n\tconst b = args[2];\n\n\t// We use the extended greyscale palette here, with the exception of\n\t// black and white. normal palette only has 4 greyscale shades.\n\t// eslint-disable-next-line no-bitwise\n\tif (r >> 4 === g >> 4 && g >> 4 === b >> 4) {\n\t\tif (r < 8) {\n\t\t\treturn 16;\n\t\t}\n\n\t\tif (r > 248) {\n\t\t\treturn 231;\n\t\t}\n\n\t\treturn Math.round(((r - 8) / 247) * 24) + 232;\n\t}\n\n\tconst ansi = 16\n\t\t+ (36 * Math.round(r / 255 * 5))\n\t\t+ (6 * Math.round(g / 255 * 5))\n\t\t+ Math.round(b / 255 * 5);\n\n\treturn ansi;\n};\n\nconvert.ansi16.rgb = function (args) {\n\targs = args[0];\n\n\tlet color = args % 10;\n\n\t// Handle greyscale\n\tif (color === 0 || color === 7) {\n\t\tif (args > 50) {\n\t\t\tcolor += 3.5;\n\t\t}\n\n\t\tcolor = color / 10.5 * 255;\n\n\t\treturn [color, color, color];\n\t}\n\n\tconst mult = (Math.trunc(args > 50) + 1) * 0.5;\n\t/* eslint-disable no-bitwise */\n\tconst r = ((color & 1) * mult) * 255;\n\tconst g = (((color >> 1) & 1) * mult) * 255;\n\tconst b = (((color >> 2) & 1) * mult) * 255;\n\t/* eslint-enable no-bitwise */\n\n\treturn [r, g, b];\n};\n\nconvert.ansi256.rgb = function (args) {\n\targs = args[0];\n\n\t// Handle greyscale\n\tif (args >= 232) {\n\t\tconst c = (args - 232) * 10 + 8;\n\t\treturn [c, c, c];\n\t}\n\n\targs -= 16;\n\n\tlet rem;\n\tconst r = Math.floor(args / 36) / 5 * 255;\n\tconst g = Math.floor((rem = args % 36) / 6) / 5 * 255;\n\tconst b = (rem % 6) / 5 * 255;\n\n\treturn [r, g, b];\n};\n\nconvert.rgb.hex = function (args) {\n\t/* eslint-disable no-bitwise */\n\tconst integer = ((Math.round(args[0]) & 0xFF) << 16)\n\t\t+ ((Math.round(args[1]) & 0xFF) << 8)\n\t\t+ (Math.round(args[2]) & 0xFF);\n\t/* eslint-enable no-bitwise */\n\n\tconst string = integer.toString(16).toUpperCase();\n\treturn '000000'.slice(string.length) + string;\n};\n\nconvert.hex.rgb = function (args) {\n\tconst match = args.toString(16).match(/[a-f\\d]{6}|[a-f\\d]{3}/i);\n\tif (!match) {\n\t\treturn [0, 0, 0];\n\t}\n\n\tlet colorString = match[0];\n\n\tif (match[0].length === 3) {\n\t\tcolorString = [...colorString].map(char => char + char).join('');\n\t}\n\n\tconst integer = Number.parseInt(colorString, 16);\n\t/* eslint-disable no-bitwise */\n\tconst r = (integer >> 16) & 0xFF;\n\tconst g = (integer >> 8) & 0xFF;\n\tconst b = integer & 0xFF;\n\t/* eslint-enable no-bitwise */\n\n\treturn [r, g, b];\n};\n\nconvert.rgb.hcg = function (rgb) {\n\tconst r = rgb[0] / 255;\n\tconst g = rgb[1] / 255;\n\tconst b = rgb[2] / 255;\n\tconst max = Math.max(Math.max(r, g), b);\n\tconst min = Math.min(Math.min(r, g), b);\n\tconst chroma = (max - min);\n\tlet hue;\n\n\tconst grayscale = chroma < 1 ? min / (1 - chroma) : 0;\n\n\tif (chroma <= 0) {\n\t\thue = 0;\n\t} else if (max === r) {\n\t\thue = ((g - b) / chroma) % 6;\n\t} else if (max === g) {\n\t\thue = 2 + (b - r) / chroma;\n\t} else {\n\t\thue = 4 + (r - g) / chroma;\n\t}\n\n\thue /= 6;\n\thue %= 1;\n\n\treturn [hue * 360, chroma * 100, grayscale * 100];\n};\n\nconvert.hsl.hcg = function (hsl) {\n\tconst s = hsl[1] / 100;\n\tconst l = hsl[2] / 100;\n\n\tconst c = l < 0.5 ? (2 * s * l) : (2 * s * (1 - l));\n\n\tlet f = 0;\n\tif (c < 1) {\n\t\tf = (l - 0.5 * c) / (1 - c);\n\t}\n\n\treturn [hsl[0], c * 100, f * 100];\n};\n\nconvert.hsv.hcg = function (hsv) {\n\tconst s = hsv[1] / 100;\n\tconst v = hsv[2] / 100;\n\n\tconst c = s * v;\n\tlet f = 0;\n\n\tif (c < 1) {\n\t\tf = (v - c) / (1 - c);\n\t}\n\n\treturn [hsv[0], c * 100, f * 100];\n};\n\nconvert.hcg.rgb = function (hcg) {\n\tconst h = hcg[0] / 360;\n\tconst c = hcg[1] / 100;\n\tconst g = hcg[2] / 100;\n\n\tif (c === 0) {\n\t\treturn [g * 255, g * 255, g * 255];\n\t}\n\n\tconst pure = [0, 0, 0];\n\tconst hi = (h % 1) * 6;\n\tconst v = hi % 1;\n\tconst w = 1 - v;\n\tlet mg = 0;\n\n\t/* eslint-disable max-statements-per-line */\n\tswitch (Math.floor(hi)) {\n\t\tcase 0: {\n\t\t\tpure[0] = 1; pure[1] = v; pure[2] = 0; break;\n\t\t}\n\n\t\tcase 1: {\n\t\t\tpure[0] = w; pure[1] = 1; pure[2] = 0; break;\n\t\t}\n\n\t\tcase 2: {\n\t\t\tpure[0] = 0; pure[1] = 1; pure[2] = v; break;\n\t\t}\n\n\t\tcase 3: {\n\t\t\tpure[0] = 0; pure[1] = w; pure[2] = 1; break;\n\t\t}\n\n\t\tcase 4: {\n\t\t\tpure[0] = v; pure[1] = 0; pure[2] = 1; break;\n\t\t}\n\n\t\tdefault: {\n\t\t\tpure[0] = 1; pure[1] = 0; pure[2] = w;\n\t\t}\n\t}\n\t/* eslint-enable max-statements-per-line */\n\n\tmg = (1 - c) * g;\n\n\treturn [\n\t\t(c * pure[0] + mg) * 255,\n\t\t(c * pure[1] + mg) * 255,\n\t\t(c * pure[2] + mg) * 255,\n\t];\n};\n\nconvert.hcg.hsv = function (hcg) {\n\tconst c = hcg[1] / 100;\n\tconst g = hcg[2] / 100;\n\n\tconst v = c + g * (1 - c);\n\tlet f = 0;\n\n\tif (v > 0) {\n\t\tf = c / v;\n\t}\n\n\treturn [hcg[0], f * 100, v * 100];\n};\n\nconvert.hcg.hsl = function (hcg) {\n\tconst c = hcg[1] / 100;\n\tconst g = hcg[2] / 100;\n\n\tconst l = g * (1 - c) + 0.5 * c;\n\tlet s = 0;\n\n\tif (l > 0 && l < 0.5) {\n\t\ts = c / (2 * l);\n\t} else if (l >= 0.5 && l < 1) {\n\t\ts = c / (2 * (1 - l));\n\t}\n\n\treturn [hcg[0], s * 100, l * 100];\n};\n\nconvert.hcg.hwb = function (hcg) {\n\tconst c = hcg[1] / 100;\n\tconst g = hcg[2] / 100;\n\tconst v = c + g * (1 - c);\n\treturn [hcg[0], (v - c) * 100, (1 - v) * 100];\n};\n\nconvert.hwb.hcg = function (hwb) {\n\tconst w = hwb[1] / 100;\n\tconst b = hwb[2] / 100;\n\tconst v = 1 - b;\n\tconst c = v - w;\n\tlet g = 0;\n\n\tif (c < 1) {\n\t\tg = (v - c) / (1 - c);\n\t}\n\n\treturn [hwb[0], c * 100, g * 100];\n};\n\nconvert.apple.rgb = function (apple) {\n\treturn [(apple[0] / 65_535) * 255, (apple[1] / 65_535) * 255, (apple[2] / 65_535) * 255];\n};\n\nconvert.rgb.apple = function (rgb) {\n\treturn [(rgb[0] / 255) * 65_535, (rgb[1] / 255) * 65_535, (rgb[2] / 255) * 65_535];\n};\n\nconvert.gray.rgb = function (args) {\n\treturn [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255];\n};\n\nconvert.gray.hsl = function (args) {\n\treturn [0, 0, args[0]];\n};\n\nconvert.gray.hsv = convert.gray.hsl;\n\nconvert.gray.hwb = function (gray) {\n\treturn [0, 100, gray[0]];\n};\n\nconvert.gray.cmyk = function (gray) {\n\treturn [0, 0, 0, gray[0]];\n};\n\nconvert.gray.lab = function (gray) {\n\treturn [gray[0], 0, 0];\n};\n\nconvert.gray.hex = function (gray) {\n\t/* eslint-disable no-bitwise */\n\tconst value = Math.round(gray[0] / 100 * 255) & 0xFF;\n\tconst integer = (value << 16) + (value << 8) + value;\n\t/* eslint-enable no-bitwise */\n\n\tconst string = integer.toString(16).toUpperCase();\n\treturn '000000'.slice(string.length) + string;\n};\n\nconvert.rgb.gray = function (rgb) {\n\tconst value = (rgb[0] + rgb[1] + rgb[2]) / 3;\n\treturn [value / 255 * 100];\n};\n", "import conversions from './conversions.js';\n\n/*\n\tThis function routes a model to all other models.\n\n\tall functions that are routed have a property `.conversion` attached\n\tto the returned synthetic function. This property is an array\n\tof strings, each with the steps in between the 'from' and 'to'\n\tcolor models (inclusive).\n\n\tconversions that are not possible simply are not included.\n*/\n\nfunction buildGraph() {\n\tconst graph = {};\n\t// https://jsperf.com/object-keys-vs-for-in-with-closure/3\n\tconst models = Object.keys(conversions);\n\n\tfor (let {length} = models, i = 0; i < length; i++) {\n\t\tgraph[models[i]] = {\n\t\t\t// http://jsperf.com/1-vs-infinity\n\t\t\t// micro-opt, but this is simple.\n\t\t\tdistance: -1,\n\t\t\tparent: null,\n\t\t};\n\t}\n\n\treturn graph;\n}\n\n// https://en.wikipedia.org/wiki/Breadth-first_search\nfunction deriveBFS(fromModel) {\n\tconst graph = buildGraph();\n\tconst queue = [fromModel]; // Unshift -> queue -> pop\n\n\tgraph[fromModel].distance = 0;\n\n\twhile (queue.length > 0) {\n\t\tconst current = queue.pop();\n\t\tconst adjacents = Object.keys(conversions[current]);\n\n\t\tfor (let {length} = adjacents, i = 0; i < length; i++) {\n\t\t\tconst adjacent = adjacents[i];\n\t\t\tconst node = graph[adjacent];\n\n\t\t\tif (node.distance === -1) {\n\t\t\t\tnode.distance = graph[current].distance + 1;\n\t\t\t\tnode.parent = current;\n\t\t\t\tqueue.unshift(adjacent);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn graph;\n}\n\nfunction link(from, to) {\n\treturn function (args) {\n\t\treturn to(from(args));\n\t};\n}\n\nfunction wrapConversion(toModel, graph) {\n\tconst path = [graph[toModel].parent, toModel];\n\tlet fn = conversions[graph[toModel].parent][toModel];\n\n\tlet cur = graph[toModel].parent;\n\twhile (graph[cur].parent) {\n\t\tpath.unshift(graph[cur].parent);\n\t\tfn = link(conversions[graph[cur].parent][cur], fn);\n\t\tcur = graph[cur].parent;\n\t}\n\n\tfn.conversion = path;\n\treturn fn;\n}\n\nfunction route(fromModel) {\n\tconst graph = deriveBFS(fromModel);\n\tconst conversion = {};\n\n\tconst models = Object.keys(graph);\n\tfor (let {length} = models, i = 0; i < length; i++) {\n\t\tconst toModel = models[i];\n\t\tconst node = graph[toModel];\n\n\t\tif (node.parent === null) {\n\t\t\t// No possible conversion, or this node is the source model.\n\t\t\tcontinue;\n\t\t}\n\n\t\tconversion[toModel] = wrapConversion(toModel, graph);\n\t}\n\n\treturn conversion;\n}\n\nexport default route;\n", "import conversions from './conversions.js';\nimport route from './route.js';\n\nconst convert = {};\n\nconst models = Object.keys(conversions);\n\nfunction wrapRaw(fn) {\n\tconst wrappedFn = function (...args) {\n\t\tconst arg0 = args[0];\n\t\tif (arg0 === undefined || arg0 === null) {\n\t\t\treturn arg0;\n\t\t}\n\n\t\tif (arg0.length > 1) {\n\t\t\targs = arg0;\n\t\t}\n\n\t\treturn fn(args);\n\t};\n\n\t// Preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nfunction wrapRounded(fn) {\n\tconst wrappedFn = function (...args) {\n\t\tconst arg0 = args[0];\n\n\t\tif (arg0 === undefined || arg0 === null) {\n\t\t\treturn arg0;\n\t\t}\n\n\t\tif (arg0.length > 1) {\n\t\t\targs = arg0;\n\t\t}\n\n\t\tconst result = fn(args);\n\n\t\t// We're assuming the result is an array here.\n\t\t// see notice in conversions.js; don't use box types\n\t\t// in conversion functions.\n\t\tif (typeof result === 'object') {\n\t\t\tfor (let {length} = result, i = 0; i < length; i++) {\n\t\t\t\tresult[i] = Math.round(result[i]);\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t};\n\n\t// Preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nfor (const fromModel of models) {\n\tconvert[fromModel] = {};\n\n\tObject.defineProperty(convert[fromModel], 'channels', {value: conversions[fromModel].channels});\n\tObject.defineProperty(convert[fromModel], 'labels', {value: conversions[fromModel].labels});\n\n\tconst routes = route(fromModel);\n\tconst routeModels = Object.keys(routes);\n\n\tfor (const toModel of routeModels) {\n\t\tconst fn = routes[toModel];\n\n\t\tconvert[fromModel][toModel] = wrapRounded(fn);\n\t\tconvert[fromModel][toModel].raw = wrapRaw(fn);\n\t}\n}\n\nexport default convert;\n", "import { Collection, CKEditorError, EmitterMixin, isNode, toArray, DomEmitterMixin, ObservableMixin, isIterable, global, uid, createElement, env, getEnvKeystrokeText, delay, isVisible, KeystrokeHandler, FocusTracker, toUnit, Rect, getConstrainedViewportRect, isText, ResizeObserver, getOptimalPosition, isRange, parseBase64EncodedObject, getBorderWidths, logWarning, priorities, first, getVisualViewportOffset, getAncestors } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { cloneDeepWith, isObject, isElement, throttle, debounce, cloneDeep, extend, escapeRegExp, escape } from 'es-toolkit/compat';\nimport { Plugin, ContextPlugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { IconCancel, IconCheck, IconAccessibility, IconProjectLogo, IconDropdownArrow, IconColorTileCheck, IconDragIndicator, IconPilcrow, IconThreeVerticalDots, IconText, IconPlus, IconParagraph, IconImportExport, IconBold, IconAlignLeft, IconColorPalette, IconEraser, IconPreviousArrow, IconNextArrow, IconLoupe } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport parse from 'color-parse';\nimport convert from 'color-convert';\nimport { HexBase } from 'vanilla-colorful/lib/entrypoints/hex';\nimport { Observer } from '@ckeditor/ckeditor5-engine/dist/index.js';\n\n/**\n * Collects {@link module:ui/view~View} instances.\n *\n * ```ts\n * const parentView = new ParentView( locale );\n * const collection = new ViewCollection( locale );\n *\n * collection.setParent( parentView.element );\n *\n * const viewA = new ChildView( locale );\n * const viewB = new ChildView( locale );\n * ```\n *\n * View collection renders and manages view {@link module:ui/view~View#element elements}:\n *\n * ```ts\n * collection.add( viewA );\n * collection.add( viewB );\n *\n * console.log( parentView.element.firsChild ); // -> viewA.element\n * console.log( parentView.element.lastChild ); // -> viewB.element\n * ```\n *\n * It {@link module:ui/viewcollection~ViewCollection#delegate propagates} DOM events too:\n *\n * ```ts\n * // Delegate #click and #keydown events from viewA and viewB to the parentView.\n * collection.delegate( 'click' ).to( parentView );\n *\n * parentView.on( 'click', ( evt ) => {\n * \tconsole.log( `${ evt.source } has been clicked.` );\n * } );\n *\n * // This event will be delegated to the parentView.\n * viewB.fire( 'click' );\n * ```\n *\n * **Note**: A view collection can be used directly in the {@link module:ui/template~TemplateDefinition definition}\n * of a {@link module:ui/template~Template template}.\n */ class ViewCollection extends Collection {\n    /**\n\t * A parent element within which child views are rendered and managed in DOM.\n\t */ _parentElement;\n    /**\n\t * Creates a new instance of the {@link module:ui/viewcollection~ViewCollection}.\n\t *\n\t * @param initialItems The initial items of the collection.\n\t */ constructor(initialItems = []){\n        super(initialItems, {\n            // An #id Number attribute should be legal and not break the `ViewCollection` instance.\n            // https://github.com/ckeditor/ckeditor5-ui/issues/93\n            idProperty: 'viewUid'\n        });\n        // Handle {@link module:ui/view~View#element} in DOM when a new view is added to the collection.\n        this.on('add', (evt, view, index)=>{\n            this._renderViewIntoCollectionParent(view, index);\n        });\n        // Handle {@link module:ui/view~View#element} in DOM when a view is removed from the collection.\n        this.on('remove', (evt, view)=>{\n            if (view.element && this._parentElement) {\n                view.element.remove();\n            }\n        });\n        this._parentElement = null;\n    }\n    /**\n\t * Destroys the view collection along with child views.\n\t * See the view {@link module:ui/view~View#destroy} method.\n\t */ destroy() {\n        this.map((view)=>view.destroy());\n    }\n    /**\n\t * Sets the parent HTML element of this collection. When parent is set, {@link #add adding} and\n\t * {@link #remove removing} views in the collection synchronizes their\n\t * {@link module:ui/view~View#element elements} in the parent element.\n\t *\n\t * @param elementOrDocFragment A new parent element or document fragment.\n\t */ setParent(elementOrDocFragment) {\n        this._parentElement = elementOrDocFragment;\n        // Take care of the initial collection items passed to the constructor.\n        for (const view of this){\n            this._renderViewIntoCollectionParent(view);\n        }\n    }\n    /**\n\t * Delegates selected events coming from within views in the collection to any\n\t * {@link module:utils/emittermixin~Emitter}.\n\t *\n\t * For the following views and collection:\n\t *\n\t * ```ts\n\t * const viewA = new View();\n\t * const viewB = new View();\n\t * const viewC = new View();\n\t *\n\t * const views = parentView.createCollection();\n\t *\n\t * views.delegate( 'eventX' ).to( viewB );\n\t * views.delegate( 'eventX', 'eventY' ).to( viewC );\n\t *\n\t * views.add( viewA );\n\t * ```\n\t *\n\t * the `eventX` is delegated (fired by) `viewB` and `viewC` along with `customData`:\n\t *\n\t * ```ts\n\t * viewA.fire( 'eventX', customData );\n\t * ```\n\t *\n\t * and `eventY` is delegated (fired by) `viewC` along with `customData`:\n\t *\n\t * ```ts\n\t * viewA.fire( 'eventY', customData );\n\t * ```\n\t *\n\t * See {@link module:utils/emittermixin~Emitter#delegate}.\n\t *\n\t * @param events {@link module:ui/view~View} event names to be delegated to another\n\t * {@link module:utils/emittermixin~Emitter}.\n\t * @returns Object with `to` property, a function which accepts the destination\n\t * of {@link module:utils/emittermixin~Emitter#delegate delegated} events.\n\t */ delegate(...events) {\n        if (!events.length || !isStringArray(events)) {\n            /**\n\t\t\t * All event names must be strings.\n\t\t\t *\n\t\t\t * @error ui-viewcollection-delegate-wrong-events\n\t\t\t */ throw new CKEditorError('ui-viewcollection-delegate-wrong-events', this);\n        }\n        return {\n            to: (dest)=>{\n                // Activate delegating on existing views in this collection.\n                for (const view of this){\n                    for (const evtName of events){\n                        view.delegate(evtName).to(dest);\n                    }\n                }\n                // Activate delegating on future views in this collection.\n                this.on('add', (evt, view)=>{\n                    for (const evtName of events){\n                        view.delegate(evtName).to(dest);\n                    }\n                });\n                // Deactivate delegating when view is removed from this collection.\n                this.on('remove', (evt, view)=>{\n                    for (const evtName of events){\n                        view.stopDelegating(evtName, dest);\n                    }\n                });\n            }\n        };\n    }\n    /**\n\t * This method {@link module:ui/view~View#render renders} a new view added to the collection.\n\t *\n\t * If the {@link #_parentElement parent element} of the collection is set, this method also adds\n\t * the view's {@link module:ui/view~View#element} as a child of the parent in DOM at a specified index.\n\t *\n\t * **Note**: If index is not specified, the view's element is pushed as the last child\n\t * of the parent element.\n\t *\n\t * @param view A new view added to the collection.\n\t * @param index An index the view holds in the collection. When not specified,\n\t * the view is added at the end.\n\t */ _renderViewIntoCollectionParent(view, index) {\n        if (!view.isRendered) {\n            view.render();\n        }\n        if (view.element && this._parentElement) {\n            this._parentElement.insertBefore(view.element, this._parentElement.children[index]);\n        }\n    }\n    /**\n\t * Removes a child view from the collection. If the {@link #setParent parent element} of the\n\t * collection has been set, the {@link module:ui/view~View#element element} of the view is also removed\n\t * in DOM, reflecting the order of the collection.\n\t *\n\t * See the {@link #add} method.\n\t *\n\t * @param subject The view to remove, its id or index in the collection.\n\t * @returns The removed view.\n\t */ remove(subject) {\n        return super.remove(subject);\n    }\n}\n/**\n * Check if all entries of the array are of `String` type.\n *\n * @param arr An array to be checked.\n */ function isStringArray(arr) {\n    return arr.every((a)=>typeof a == 'string');\n}\n\nconst xhtmlNs = 'http://www.w3.org/1999/xhtml';\n/**\n * A basic Template class. It renders a DOM HTML element or text from a\n * {@link module:ui/template~TemplateDefinition definition} and supports element attributes, children,\n * bindings to {@link module:utils/observablemixin~Observable observables} and DOM event propagation.\n *\n * A simple template can look like this:\n *\n * ```ts\n * const bind = Template.bind( observable, emitter );\n *\n * new Template( {\n * \ttag: 'p',\n * \tattributes: {\n * \t\tclass: 'foo',\n * \t\tstyle: {\n * \t\t\tbackgroundColor: 'yellow'\n * \t\t}\n * \t},\n * \ton: {\n * \t\tclick: bind.to( 'clicked' )\n * \t},\n * \tchildren: [\n * \t\t'A paragraph.'\n * \t]\n * } ).render();\n * ```\n *\n * and it will render the following HTML element:\n *\n * ```html\n * <p class=\"foo\" style=\"background-color: yellow;\">A paragraph.</p>\n * ```\n *\n * Additionally, the `observable` will always fire `clicked` upon clicking `<p>` in the DOM.\n *\n * See {@link module:ui/template~TemplateDefinition} to know more about templates and complex\n * template definitions.\n */ class Template extends /* #__PURE__ */ EmitterMixin() {\n    ns;\n    /**\n\t * The tag (`tagName`) of this template, e.g. `div`. It also indicates that the template\n\t * renders to an HTML element.\n\t */ tag;\n    /**\n\t * The text of the template. It also indicates that the template renders to a DOM text node.\n\t */ text;\n    /**\n\t * The attributes of the template, e.g. `{ id: [ 'ck-id' ] }`, corresponding with\n\t * the attributes of an HTML element.\n\t *\n\t * **Note**: This property only makes sense when {@link #tag} is defined.\n\t */ attributes;\n    /**\n\t * The children of the template. They can be either:\n\t * * independent instances of {@link ~Template} (sub–templates),\n\t * * native DOM Nodes.\n\t *\n\t * **Note**: This property only makes sense when {@link #tag} is defined.\n\t */ children;\n    /**\n\t * The DOM event listeners of the template.\n\t */ eventListeners;\n    /**\n\t * Indicates whether this particular Template instance has been\n\t * {@link #render rendered}.\n\t */ _isRendered;\n    /**\n\t * The data used by the {@link #revert} method to restore a node to its original state.\n\t *\n\t * See: {@link #apply}.\n\t */ _revertData;\n    /**\n\t * Creates an instance of the {@link ~Template} class.\n\t *\n\t * @param def The definition of the template.\n\t */ constructor(def){\n        super();\n        Object.assign(this, normalize(clone(def)));\n        this._isRendered = false;\n        this._revertData = null;\n    }\n    /**\n\t * Renders a DOM Node (an HTML element or text) out of the template.\n\t *\n\t * ```ts\n\t * const domNode = new Template( { ... } ).render();\n\t * ```\n\t *\n\t * See: {@link #apply}.\n\t */ render() {\n        const node = this._renderNode({\n            intoFragment: true\n        });\n        this._isRendered = true;\n        return node;\n    }\n    /**\n\t * Applies the template to an existing DOM Node, either HTML element or text.\n\t *\n\t * **Note:** No new DOM nodes will be created. Applying extends:\n\t *\n\t * {@link module:ui/template~TemplateDefinition attributes},\n\t * {@link module:ui/template~TemplateDefinition event listeners}, and\n\t * `textContent` of {@link module:ui/template~TemplateDefinition children} only.\n\t *\n\t * **Note:** Existing `class` and `style` attributes are extended when a template\n\t * is applied to an HTML element, while other attributes and `textContent` are overridden.\n\t *\n\t * **Note:** The process of applying a template can be easily reverted using the\n\t * {@link module:ui/template~Template#revert} method.\n\t *\n\t * ```ts\n\t * const element = document.createElement( 'div' );\n\t * const observable = new Model( { divClass: 'my-div' } );\n\t * const emitter = Object.create( EmitterMixin );\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \tattributes: {\n\t * \t\tid: 'first-div',\n\t * \t\tclass: bind.to( 'divClass' )\n\t * \t},\n\t * \ton: {\n\t * \t\tclick: bind( 'elementClicked' ) // Will be fired by the observable.\n\t * \t},\n\t * \tchildren: [\n\t * \t\t'Div text.'\n\t * \t]\n\t * } ).apply( element );\n\t *\n\t * console.log( element.outerHTML ); // -> '<div id=\"first-div\" class=\"my-div\"></div>'\n\t * ```\n\t *\n\t * @see module:ui/template~Template#render\n\t * @see module:ui/template~Template#revert\n\t * @param node Root node for the template to apply.\n\t */ apply(node) {\n        this._revertData = getEmptyRevertData();\n        this._renderNode({\n            node,\n            intoFragment: false,\n            isApplying: true,\n            revertData: this._revertData\n        });\n        return node;\n    }\n    /**\n\t * Reverts a template {@link module:ui/template~Template#apply applied} to a DOM node.\n\t *\n\t * @param node The root node for the template to revert. In most of the cases, it is the\n\t * same node used by {@link module:ui/template~Template#apply}.\n\t */ revert(node) {\n        if (!this._revertData) {\n            /**\n\t\t\t * Attempting to revert a template which has not been applied yet.\n\t\t\t *\n\t\t\t * @error ui-template-revert-not-applied\n\t\t\t */ throw new CKEditorError('ui-template-revert-not-applied', [\n                this,\n                node\n            ]);\n        }\n        this._revertTemplateFromNode(node, this._revertData);\n    }\n    /**\n\t * Returns an iterator which traverses the template in search of {@link module:ui/view~View}\n\t * instances and returns them one by one.\n\t *\n\t * ```ts\n\t * const viewFoo = new View();\n\t * const viewBar = new View();\n\t * const viewBaz = new View();\n\t * const template = new Template( {\n\t * \ttag: 'div',\n\t * \tchildren: [\n\t * \t\tviewFoo,\n\t * \t\t{\n\t * \t\t\ttag: 'div',\n\t * \t\t\tchildren: [\n\t * \t\t\t\tviewBar\n\t * \t\t\t]\n\t * \t\t},\n\t * \t\tviewBaz\n\t * \t]\n\t * } );\n\t *\n\t * // Logs: viewFoo, viewBar, viewBaz\n\t * for ( const view of template.getViews() ) {\n\t * \tconsole.log( view );\n\t * }\n\t * ```\n\t */ *getViews() {\n        function* search(def) {\n            if (def.children) {\n                for (const child of def.children){\n                    if (isView(child)) {\n                        yield child;\n                    } else if (isTemplate(child)) {\n                        yield* search(child);\n                    }\n                }\n            }\n        }\n        yield* search(this);\n    }\n    /**\n\t * An entry point to the interface which binds DOM nodes to\n\t * {@link module:utils/observablemixin~Observable observables}.\n\t * There are two types of bindings:\n\t *\n\t * * HTML element attributes or text `textContent` synchronized with attributes of an\n\t * {@link module:utils/observablemixin~Observable}. Learn more about {@link module:ui/template~BindChain#to}\n\t * and {@link module:ui/template~BindChain#if}.\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \tattributes: {\n\t * \t\t// Binds the element \"class\" attribute to observable#classAttribute.\n\t * \t\tclass: bind.to( 'classAttribute' )\n\t * \t}\n\t * } ).render();\n\t * ```\n\t *\n\t * * DOM events fired on HTML element propagated through\n\t * {@link module:utils/observablemixin~Observable}. Learn more about {@link module:ui/template~BindChain#to}.\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \ton: {\n\t * \t\t// Will be fired by the observable.\n\t * \t\tclick: bind( 'elementClicked' )\n\t * \t}\n\t * } ).render();\n\t * ```\n\t *\n\t * Also see {@link module:ui/view~View#bindTemplate}.\n\t *\n\t * @param observable An observable which provides boundable attributes.\n\t * @param emitter An emitter that listens to observable attribute\n\t * changes or DOM Events (depending on the kind of the binding). Usually, a {@link module:ui/view~View} instance.\n\t */ static bind(observable, emitter) {\n        return {\n            to (eventNameOrFunctionOrAttribute, callback) {\n                return new TemplateToBinding({\n                    eventNameOrFunction: eventNameOrFunctionOrAttribute,\n                    attribute: eventNameOrFunctionOrAttribute,\n                    observable,\n                    emitter,\n                    callback\n                });\n            },\n            if (attribute, valueIfTrue, callback) {\n                return new TemplateIfBinding({\n                    observable,\n                    emitter,\n                    attribute,\n                    valueIfTrue,\n                    callback\n                });\n            }\n        };\n    }\n    /**\n\t * Extends an existing {@link module:ui/template~Template} instance with some additional content\n\t * from another {@link module:ui/template~TemplateDefinition}.\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * const template = new Template( {\n\t * \ttag: 'p',\n\t * \tattributes: {\n\t * \t\tclass: 'a',\n\t * \t\tdata-x: bind.to( 'foo' )\n\t * \t},\n\t * \tchildren: [\n\t * \t\t{\n\t * \t\t\ttag: 'span',\n\t * \t\t\tattributes: {\n\t * \t\t\t\tclass: 'b'\n\t * \t\t\t},\n\t * \t\t\tchildren: [\n\t * \t\t\t\t'Span'\n\t * \t\t\t]\n\t * \t\t}\n\t * \t]\n\t *  } );\n\t *\n\t * // Instance-level extension.\n\t * Template.extend( template, {\n\t * \tattributes: {\n\t * \t\tclass: 'b',\n\t * \t\tdata-x: bind.to( 'bar' )\n\t * \t},\n\t * \tchildren: [\n\t * \t\t{\n\t * \t\t\tattributes: {\n\t * \t\t\t\tclass: 'c'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t]\n\t * } );\n\t *\n\t * // Child extension.\n\t * Template.extend( template.children[ 0 ], {\n\t * \tattributes: {\n\t * \t\tclass: 'd'\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * the `outerHTML` of `template.render()` is:\n\t *\n\t * ```html\n\t * <p class=\"a b\" data-x=\"{ observable.foo } { observable.bar }\">\n\t * \t<span class=\"b c d\">Span</span>\n\t * </p>\n\t * ```\n\t *\n\t * @param template An existing template instance to be extended.\n\t * @param def Additional definition to be applied to a template.\n\t */ static extend(template, def) {\n        if (template._isRendered) {\n            /**\n\t\t\t * Extending a template after rendering may not work as expected. To make sure\n\t\t\t * the {@link module:ui/template~Template.extend extending} works for an element,\n\t\t\t * make sure it happens before {@link module:ui/template~Template#render} is called.\n\t\t\t *\n\t\t\t * @error template-extend-render\n\t\t\t */ throw new CKEditorError('template-extend-render', [\n                this,\n                template\n            ]);\n        }\n        extendTemplate(template, normalize(clone(def)));\n    }\n    /**\n\t * Renders a DOM Node (either an HTML element or text) out of the template.\n\t *\n\t * @param data Rendering data.\n\t */ _renderNode(data) {\n        let isInvalid;\n        if (data.node) {\n            // When applying, a definition cannot have \"tag\" and \"text\" at the same time.\n            isInvalid = this.tag && this.text;\n        } else {\n            // When rendering, a definition must have either \"tag\" or \"text\": XOR( this.tag, this.text ).\n            isInvalid = this.tag ? this.text : !this.text;\n        }\n        if (isInvalid) {\n            /**\n\t\t\t * Node definition cannot have the \"tag\" and \"text\" properties at the same time.\n\t\t\t * Node definition must have either \"tag\" or \"text\" when rendering a new Node.\n\t\t\t *\n\t\t\t * @error ui-template-wrong-syntax\n\t\t\t */ throw new CKEditorError('ui-template-wrong-syntax', this);\n        }\n        if (this.text) {\n            return this._renderText(data);\n        } else {\n            return this._renderElement(data);\n        }\n    }\n    /**\n\t * Renders an HTML element out of the template.\n\t *\n\t * @param data Rendering data.\n\t */ _renderElement(data) {\n        let node = data.node;\n        if (!node) {\n            node = data.node = document.createElementNS(this.ns || xhtmlNs, this.tag);\n        }\n        this._renderAttributes(data);\n        this._renderElementChildren(data);\n        this._setUpListeners(data);\n        return node;\n    }\n    /**\n\t * Renders a text node out of {@link module:ui/template~Template#text}.\n\t *\n\t * @param data Rendering data.\n\t */ _renderText(data) {\n        let node = data.node;\n        // Save the original textContent to revert it in #revert().\n        if (node) {\n            data.revertData.text = node.textContent;\n        } else {\n            node = data.node = document.createTextNode('');\n        }\n        // Check if this Text Node is bound to Observable. Cases:\n        //\n        //\t\ttext: [ Template.bind( ... ).to( ... ) ]\n        //\n        //\t\ttext: [\n        //\t\t\t'foo',\n        //\t\t\tTemplate.bind( ... ).to( ... ),\n        //\t\t\t...\n        //\t\t]\n        //\n        if (hasTemplateBinding(this.text)) {\n            this._bindToObservable({\n                schema: this.text,\n                updater: getTextUpdater(node),\n                data\n            });\n        } else {\n            node.textContent = this.text.join('');\n        }\n        return node;\n    }\n    /**\n\t * Renders HTML element attributes out of {@link module:ui/template~Template#attributes}.\n\t *\n\t * @param data Rendering data.\n\t */ _renderAttributes(data) {\n        if (!this.attributes) {\n            return;\n        }\n        const node = data.node;\n        const revertData = data.revertData;\n        for(const attrName in this.attributes){\n            // Current attribute value in DOM.\n            const domAttrValue = node.getAttribute(attrName);\n            // The value to be set.\n            const attrValue = this.attributes[attrName];\n            // Save revert data.\n            if (revertData) {\n                revertData.attributes[attrName] = domAttrValue;\n            }\n            // Detect custom namespace:\n            //\n            //\t\tclass: {\n            //\t\t\tns: 'abc',\n            //\t\t\tvalue: Template.bind( ... ).to( ... )\n            //\t\t}\n            //\n            const attrNs = isNamespaced(attrValue) ? attrValue[0].ns : null;\n            // Activate binding if one is found. Cases:\n            //\n            //\t\tclass: [\n            //\t\t\tTemplate.bind( ... ).to( ... )\n            //\t\t]\n            //\n            //\t\tclass: [\n            //\t\t\t'bar',\n            //\t\t\tTemplate.bind( ... ).to( ... ),\n            //\t\t\t'baz'\n            //\t\t]\n            //\n            //\t\tclass: {\n            //\t\t\tns: 'abc',\n            //\t\t\tvalue: Template.bind( ... ).to( ... )\n            //\t\t}\n            //\n            if (hasTemplateBinding(attrValue)) {\n                // Normalize attributes with additional data like namespace:\n                //\n                //\t\tclass: {\n                //\t\t\tns: 'abc',\n                //\t\t\tvalue: [ ... ]\n                //\t\t}\n                //\n                const valueToBind = isNamespaced(attrValue) ? attrValue[0].value : attrValue;\n                // Extend the original value of attributes like \"style\" and \"class\",\n                // don't override them.\n                if (revertData && shouldExtend(attrName)) {\n                    valueToBind.unshift(domAttrValue);\n                }\n                this._bindToObservable({\n                    schema: valueToBind,\n                    updater: getAttributeUpdater(node, attrName, attrNs),\n                    data\n                });\n            } else if (attrName == 'style' && typeof attrValue[0] !== 'string') {\n                this._renderStyleAttribute(attrValue[0], data);\n            } else {\n                // Extend the original value of attributes like \"style\" and \"class\",\n                // don't override them.\n                if (revertData && domAttrValue && shouldExtend(attrName)) {\n                    attrValue.unshift(domAttrValue);\n                }\n                const value = attrValue// Retrieve \"values\" from:\n                //\n                //\t\tclass: [\n                //\t\t\t{\n                //\t\t\t\tns: 'abc',\n                //\t\t\t\tvalue: [ ... ]\n                //\t\t\t}\n                //\t\t]\n                //\n                .map((val)=>val ? val.value || val : val)// Flatten the array.\n                .reduce((prev, next)=>prev.concat(next), [])// Convert into string.\n                .reduce(arrayValueReducer, '');\n                if (!isFalsy(value)) {\n                    node.setAttributeNS(attrNs, attrName, value);\n                }\n            }\n        }\n    }\n    /**\n\t * Renders the `style` attribute of an HTML element based on\n\t * {@link module:ui/template~Template#attributes}.\n\t *\n\t * A style attribute is an object with static values:\n\t *\n\t * ```ts\n\t * attributes: {\n\t * \tstyle: {\n\t * \t\tcolor: 'red',\n\t * \t\t'--color': 'red'\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * or values bound to {@link module:ui/model~UIModel} properties:\n\t *\n\t * ```ts\n\t * attributes: {\n\t * \tstyle: {\n\t * \t\tcolor: bind.to( ... ),\n\t * \t\t'--color': bind.to( ... )\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * Note: The `style` attribute is rendered without setting the namespace. It does not seem to be\n\t * needed.\n\t *\n\t * @param styles Styles located in `attributes.style` of {@link module:ui/template~TemplateDefinition}.\n\t * @param data Rendering data.\n\t */ _renderStyleAttribute(styles, data) {\n        const node = data.node;\n        for(const styleName in styles){\n            const styleValue = styles[styleName];\n            // Cases:\n            //\n            //\t\tstyle: {\n            //\t\t\tcolor: bind.to( 'attribute' )\n            //\t\t}\n            //\n            if (hasTemplateBinding(styleValue)) {\n                this._bindToObservable({\n                    schema: [\n                        styleValue\n                    ],\n                    updater: getStyleUpdater(node, styleName),\n                    data\n                });\n            } else if (isCssVariable(styleName)) {\n                node.style.setProperty(styleName, styleValue);\n            } else {\n                node.style[styleName] = styleValue;\n            }\n        }\n    }\n    /**\n\t * Recursively renders HTML element's children from {@link module:ui/template~Template#children}.\n\t *\n\t * @param data Rendering data.\n\t */ _renderElementChildren(data) {\n        const node = data.node;\n        const container = data.intoFragment ? document.createDocumentFragment() : node;\n        const isApplying = data.isApplying;\n        let childIndex = 0;\n        for (const child of this.children){\n            if (isViewCollection(child)) {\n                if (!isApplying) {\n                    child.setParent(node);\n                    // Note: ViewCollection renders its children.\n                    for (const view of child){\n                        container.appendChild(view.element);\n                    }\n                }\n            } else if (isView(child)) {\n                if (!isApplying) {\n                    if (!child.isRendered) {\n                        child.render();\n                    }\n                    container.appendChild(child.element);\n                }\n            } else if (isNode(child)) {\n                container.appendChild(child);\n            } else {\n                if (isApplying) {\n                    const revertData = data.revertData;\n                    const childRevertData = getEmptyRevertData();\n                    revertData.children.push(childRevertData);\n                    child._renderNode({\n                        intoFragment: false,\n                        node: container.childNodes[childIndex++],\n                        isApplying: true,\n                        revertData: childRevertData\n                    });\n                } else {\n                    container.appendChild(child.render());\n                }\n            }\n        }\n        if (data.intoFragment) {\n            node.appendChild(container);\n        }\n    }\n    /**\n\t * Activates `on` event listeners from the {@link module:ui/template~TemplateDefinition}\n\t * on an HTML element.\n\t *\n\t * @param data Rendering data.\n\t */ _setUpListeners(data) {\n        if (!this.eventListeners) {\n            return;\n        }\n        for(const key in this.eventListeners){\n            const revertBindings = this.eventListeners[key].map((schemaItem)=>{\n                const [domEvtName, domSelector] = key.split('@');\n                return schemaItem.activateDomEventListener(domEvtName, domSelector, data);\n            });\n            if (data.revertData) {\n                data.revertData.bindings.push(revertBindings);\n            }\n        }\n    }\n    /**\n\t * For a given {@link module:ui/template~TemplateValueSchema} containing {@link module:ui/template~TemplateBinding}\n\t * activates the binding and sets its initial value.\n\t *\n\t * Note: {@link module:ui/template~TemplateValueSchema} can be for HTML element attributes or\n\t * text node `textContent`.\n\t *\n\t * @param options Binding options.\n\t * @param options.updater A function which updates the DOM (like attribute or text).\n\t * @param options.data Rendering data.\n\t */ _bindToObservable({ schema, updater, data }) {\n        const revertData = data.revertData;\n        // Set initial values.\n        syncValueSchemaValue(schema, updater, data);\n        const revertBindings = schema// Filter \"falsy\" (false, undefined, null, '') value schema components out.\n        .filter((item)=>!isFalsy(item))// Filter inactive bindings from schema, like static strings ('foo'), numbers (42), etc.\n        .filter((item)=>item.observable)// Once only the actual binding are left, let the emitter listen to observable change:attribute event.\n        // TODO: Reduce the number of listeners attached as many bindings may listen\n        // to the same observable attribute.\n        .map((templateBinding)=>templateBinding.activateAttributeListener(schema, updater, data));\n        if (revertData) {\n            revertData.bindings.push(revertBindings);\n        }\n    }\n    /**\n\t * Reverts {@link module:ui/template~RenderData#revertData template data} from a node to\n\t * return it to the original state.\n\t *\n\t * @param node A node to be reverted.\n\t * @param revertData An object that stores information about what changes have been made by\n\t * {@link #apply} to the node. See {@link module:ui/template~RenderData#revertData} for more information.\n\t */ _revertTemplateFromNode(node, revertData) {\n        for (const binding of revertData.bindings){\n            // Each binding may consist of several observable+observable#attribute.\n            // like the following has 2:\n            //\n            //\t\tclass: [\n            //\t\t\t'x',\n            //\t\t\tbind.to( 'foo' ),\n            //\t\t\t'y',\n            //\t\t\tbind.to( 'bar' )\n            //\t\t]\n            //\n            for (const revertBinding of binding){\n                revertBinding();\n            }\n        }\n        if (revertData.text) {\n            node.textContent = revertData.text;\n            return;\n        }\n        const element = node;\n        for(const attrName in revertData.attributes){\n            const attrValue = revertData.attributes[attrName];\n            // When the attribute has **not** been set before #apply().\n            if (attrValue === null) {\n                element.removeAttribute(attrName);\n            } else {\n                element.setAttribute(attrName, attrValue);\n            }\n        }\n        for(let i = 0; i < revertData.children.length; ++i){\n            this._revertTemplateFromNode(element.childNodes[i], revertData.children[i]);\n        }\n    }\n}\n/**\n * Describes a binding created by the {@link module:ui/template~Template.bind} interface.\n *\n * @internal\n */ class TemplateBinding {\n    /**\n\t * The name of the {@link module:ui/template~TemplateBinding#observable observed attribute}.\n\t */ attribute;\n    /**\n\t * An observable instance of the binding. It either:\n\t *\n\t * * provides the attribute with the value,\n\t * * or passes the event when a corresponding DOM event is fired.\n\t */ observable;\n    /**\n\t * An {@link module:utils/emittermixin~Emitter} used by the binding to:\n\t *\n\t * * listen to the attribute change in the {@link module:ui/template~TemplateBinding#observable},\n\t * * or listen to the event in the DOM.\n\t */ emitter;\n    /**\n\t * A custom function to process the value of the {@link module:ui/template~TemplateBinding#attribute}.\n\t */ callback;\n    /**\n\t * Creates an instance of the {@link module:ui/template~TemplateBinding} class.\n\t *\n\t * @param def The definition of the binding.\n\t */ constructor(def){\n        this.attribute = def.attribute;\n        this.observable = def.observable;\n        this.emitter = def.emitter;\n        this.callback = def.callback;\n    }\n    /**\n\t * Returns the value of the binding. It is the value of the {@link module:ui/template~TemplateBinding#attribute} in\n\t * {@link module:ui/template~TemplateBinding#observable}. The value may be processed by the\n\t * {@link module:ui/template~TemplateBinding#callback}, if such has been passed to the binding.\n\t *\n\t * @param node A native DOM node, passed to the custom {@link module:ui/template~TemplateBinding#callback}.\n\t * @returns The value of {@link module:ui/template~TemplateBinding#attribute} in\n\t * {@link module:ui/template~TemplateBinding#observable}.\n\t */ getValue(node) {\n        const value = this.observable[this.attribute];\n        return this.callback ? this.callback(value, node) : value;\n    }\n    /**\n\t * Activates the listener which waits for changes of the {@link module:ui/template~TemplateBinding#attribute} in\n\t * {@link module:ui/template~TemplateBinding#observable}, then updates the DOM with the aggregated\n\t * value of {@link module:ui/template~TemplateValueSchema}.\n\t *\n\t * @param schema A full schema to generate an attribute or text in the DOM.\n\t * @param updater A DOM updater function used to update the native DOM attribute or text.\n\t * @param data Rendering data.\n\t * @returns A function to sever the listener binding.\n\t */ activateAttributeListener(schema, updater, data) {\n        const callback = ()=>syncValueSchemaValue(schema, updater, data);\n        this.emitter.listenTo(this.observable, `change:${this.attribute}`, callback);\n        // Allows revert of the listener.\n        return ()=>{\n            this.emitter.stopListening(this.observable, `change:${this.attribute}`, callback);\n        };\n    }\n}\n/**\n * Describes either:\n *\n * * a binding to an {@link module:utils/observablemixin~Observable},\n * * or a native DOM event binding.\n *\n * It is created by the {@link module:ui/template~BindChain#to} method.\n *\n * @internal\n */ class TemplateToBinding extends TemplateBinding {\n    eventNameOrFunction;\n    constructor(def){\n        super(def);\n        this.eventNameOrFunction = def.eventNameOrFunction;\n    }\n    /**\n\t * Activates the listener for the native DOM event, which when fired, is propagated by\n\t * the {@link module:ui/template~TemplateBinding#emitter}.\n\t *\n\t * @param domEvtName The name of the native DOM event.\n\t * @param domSelector The selector in the DOM to filter delegated events.\n\t * @param data Rendering data.\n\t * @returns A function to sever the listener binding.\n\t */ activateDomEventListener(domEvtName, domSelector, data) {\n        const callback = (evt, domEvt)=>{\n            if (!domSelector || domEvt.target.matches(domSelector)) {\n                if (typeof this.eventNameOrFunction == 'function') {\n                    this.eventNameOrFunction(domEvt);\n                } else {\n                    this.observable.fire(this.eventNameOrFunction, domEvt);\n                }\n            }\n        };\n        this.emitter.listenTo(data.node, domEvtName, callback);\n        // Allows revert of the listener.\n        return ()=>{\n            this.emitter.stopListening(data.node, domEvtName, callback);\n        };\n    }\n}\n/**\n * Describes a binding to {@link module:utils/observablemixin~Observable} created by the {@link module:ui/template~BindChain#if}\n * method.\n *\n * @internal\n */ class TemplateIfBinding extends TemplateBinding {\n    /**\n\t * The value of the DOM attribute or text to be set if the {@link module:ui/template~TemplateBinding#attribute} in\n\t * {@link module:ui/template~TemplateBinding#observable} is `true`.\n\t */ valueIfTrue;\n    constructor(def){\n        super(def);\n        this.valueIfTrue = def.valueIfTrue;\n    }\n    /**\n\t * @inheritDoc\n\t */ getValue(node) {\n        const value = super.getValue(node);\n        return isFalsy(value) ? false : this.valueIfTrue || true;\n    }\n}\n/**\n * Checks whether given {@link module:ui/template~TemplateValueSchema} contains a\n * {@link module:ui/template~TemplateBinding}.\n */ function hasTemplateBinding(schema) {\n    if (!schema) {\n        return false;\n    }\n    // Normalize attributes with additional data like namespace:\n    //\n    //\t\tclass: {\n    //\t\t\tns: 'abc',\n    //\t\t\tvalue: [ ... ]\n    //\t\t}\n    //\n    if (schema.value) {\n        schema = schema.value;\n    }\n    if (Array.isArray(schema)) {\n        return schema.some(hasTemplateBinding);\n    } else if (schema instanceof TemplateBinding) {\n        return true;\n    }\n    return false;\n}\n/**\n * Checks whether the given name is a valid CSS variable name.\n *\n * A valid CSS variable name starts with two dashes (`--`), followed by a letter, underscore (`_`),\n * or dash (`-`), and can be followed by any combination of letters, digits, underscores, dashes,\n * or additional dashes.\n *\n * @param name The name to validate as a CSS variable.\n * @returns True if the name is a valid CSS variable, false otherwise.\n */ function isCssVariable(name) {\n    const regex = /^--[a-zA-Z_-][\\w-]*$/;\n    return regex.test(name);\n}\n/**\n * Assembles the value using {@link module:ui/template~TemplateValueSchema} and stores it in a form of\n * an Array. Each entry of the Array corresponds to one of {@link module:ui/template~TemplateValueSchema}\n * items.\n *\n * @param node DOM Node updated when {@link module:utils/observablemixin~Observable} changes.\n */ function getValueSchemaValue(schema, node) {\n    return schema.map((schemaItem)=>{\n        // Process {@link module:ui/template~TemplateBinding} bindings.\n        if (schemaItem instanceof TemplateBinding) {\n            return schemaItem.getValue(node);\n        }\n        // All static values like strings, numbers, and \"falsy\" values (false, null, undefined, '', etc.) just pass.\n        return schemaItem;\n    });\n}\n/**\n * A function executed each time the bound Observable attribute changes, which updates the DOM with a value\n * constructed from {@link module:ui/template~TemplateValueSchema}.\n *\n * @param updater A function which updates the DOM (like attribute or text).\n * @param node DOM Node updated when {@link module:utils/observablemixin~Observable} changes.\n */ function syncValueSchemaValue(schema, updater, { node }) {\n    const values = getValueSchemaValue(schema, node);\n    let value;\n    // Check if schema is a single Template.bind.if, like:\n    //\n    //\t\tclass: Template.bind.if( 'foo' )\n    //\n    if (schema.length == 1 && schema[0] instanceof TemplateIfBinding) {\n        value = values[0];\n    } else {\n        value = values.reduce(arrayValueReducer, '');\n    }\n    if (isFalsy(value)) {\n        updater.remove();\n    } else {\n        updater.set(value);\n    }\n}\n/**\n * Returns an object consisting of `set` and `remove` functions, which\n * can be used in the context of DOM Node to set or reset `textContent`.\n * @see module:ui/view~View#_bindToObservable\n *\n * @param node DOM Node to be modified.\n */ function getTextUpdater(node) {\n    return {\n        set (value) {\n            node.textContent = value;\n        },\n        remove () {\n            node.textContent = '';\n        }\n    };\n}\n/**\n * Returns an object consisting of `set` and `remove` functions, which\n * can be used in the context of DOM Node to set or reset an attribute.\n * @see module:ui/view~View#_bindToObservable\n *\n * @param el DOM Node to be modified.\n * @param attrName Name of the attribute to be modified.\n * @param ns Namespace to use.\n */ function getAttributeUpdater(el, attrName, ns) {\n    return {\n        set (value) {\n            el.setAttributeNS(ns, attrName, value);\n        },\n        remove () {\n            el.removeAttributeNS(ns, attrName);\n        }\n    };\n}\n/**\n * Returns an object consisting of `set` and `remove` functions, which\n * can be used in the context of CSSStyleDeclaration to set or remove a style.\n * @see module:ui/view~View#_bindToObservable\n *\n * @param el DOM Node to be modified.\n * @param styleName Name of the style to be modified.\n */ function getStyleUpdater(el, styleName) {\n    return {\n        set (value) {\n            if (isCssVariable(styleName)) {\n                el.style.setProperty(styleName, value);\n            } else {\n                el.style[styleName] = value;\n            }\n        },\n        remove () {\n            if (isCssVariable(styleName)) {\n                el.style.removeProperty(styleName);\n            } else {\n                el.style[styleName] = null;\n            }\n        }\n    };\n}\n/**\n * Clones definition of the template.\n */ function clone(def) {\n    const clone = cloneDeepWith(def, (value)=>{\n        // Don't clone the `Template.bind`* bindings because of the references to Observable\n        // and DomEmitterMixin instances inside, which would also be traversed and cloned by greedy\n        // cloneDeepWith algorithm. There's no point in cloning Observable/DomEmitterMixins\n        // along with the definition.\n        //\n        // Don't clone Template instances if provided as a child. They're simply #render()ed\n        // and nothing should interfere.\n        //\n        // Also don't clone View instances if provided as a child of the Template. The template\n        // instance will be extracted from the View during the normalization and there's no need\n        // to clone it.\n        if (value && (value instanceof TemplateBinding || isTemplate(value) || isView(value) || isViewCollection(value))) {\n            return value;\n        }\n    });\n    return clone;\n}\n/**\n * Normalizes given {@link module:ui/template~TemplateDefinition}.\n *\n * See:\n *  * {@link normalizeAttributes}\n *  * {@link normalizeListeners}\n *  * {@link normalizePlainTextDefinition}\n *  * {@link normalizeTextDefinition}\n *\n * @param def A template definition.\n * @returns Normalized definition.\n */ function normalize(def) {\n    if (typeof def == 'string') {\n        def = normalizePlainTextDefinition(def);\n    } else if (def.text) {\n        normalizeTextDefinition(def);\n    }\n    if (def.on) {\n        def.eventListeners = normalizeListeners(def.on);\n        // Template mixes EmitterMixin, so delete #on to avoid collision.\n        delete def.on;\n    }\n    if (!def.text) {\n        if (def.attributes) {\n            normalizeAttributes(def.attributes);\n        }\n        const children = [];\n        if (def.children) {\n            if (isViewCollection(def.children)) {\n                children.push(def.children);\n            } else {\n                for (const child of def.children){\n                    if (isTemplate(child) || isView(child) || isNode(child)) {\n                        children.push(child);\n                    } else {\n                        children.push(new Template(child));\n                    }\n                }\n            }\n        }\n        def.children = children;\n    }\n    return def;\n}\n/**\n * Normalizes \"attributes\" section of {@link module:ui/template~TemplateDefinition}.\n *\n * ```\n * attributes: {\n * \ta: 'bar',\n * \tb: {@link module:ui/template~TemplateBinding},\n * \tc: {\n * \t\tvalue: 'bar'\n * \t}\n * }\n * ```\n *\n * becomes\n *\n * ```\n * attributes: {\n * \ta: [ 'bar' ],\n * \tb: [ {@link module:ui/template~TemplateBinding} ],\n * \tc: {\n * \t\tvalue: [ 'bar' ]\n * \t}\n * }\n * ```\n */ function normalizeAttributes(attributes) {\n    for(const a in attributes){\n        if (attributes[a].value) {\n            attributes[a].value = toArray(attributes[a].value);\n        }\n        arrayify(attributes, a);\n    }\n}\n/**\n * Normalizes \"on\" section of {@link module:ui/template~TemplateDefinition}.\n *\n * ```\n * on: {\n * \ta: 'bar',\n * \tb: {@link module:ui/template~TemplateBinding},\n * \tc: [ {@link module:ui/template~TemplateBinding}, () => { ... } ]\n * }\n * ```\n *\n * becomes\n *\n * ```\n * on: {\n * \ta: [ 'bar' ],\n * \tb: [ {@link module:ui/template~TemplateBinding} ],\n * \tc: [ {@link module:ui/template~TemplateBinding}, () => { ... } ]\n * }\n * ```\n *\n * @returns Object containing normalized listeners.\n */ function normalizeListeners(listeners) {\n    for(const l in listeners){\n        arrayify(listeners, l);\n    }\n    return listeners;\n}\n/**\n * Normalizes \"string\" {@link module:ui/template~TemplateDefinition}.\n *\n * ```\n * \"foo\"\n * ```\n *\n * becomes\n *\n * ```\n * { text: [ 'foo' ] },\n * ```\n *\n * @returns Normalized template definition.\n */ function normalizePlainTextDefinition(def) {\n    return {\n        text: [\n            def\n        ]\n    };\n}\n/**\n * Normalizes text {@link module:ui/template~TemplateDefinition}.\n *\n * ```\n * children: [\n * \t{ text: 'def' },\n * \t{ text: {@link module:ui/template~TemplateBinding} }\n * ]\n * ```\n *\n * becomes\n *\n * ```\n * children: [\n * \t{ text: [ 'def' ] },\n * \t{ text: [ {@link module:ui/template~TemplateBinding} ] }\n * ]\n * ```\n */ function normalizeTextDefinition(def) {\n    def.text = toArray(def.text);\n}\n/**\n * Wraps an entry in Object in an Array, if not already one.\n *\n * ```\n * {\n * \tx: 'y',\n * \ta: [ 'b' ]\n * }\n * ```\n *\n * becomes\n *\n * ```\n * {\n * \tx: [ 'y' ],\n * \ta: [ 'b' ]\n * }\n * ```\n */ function arrayify(obj, key) {\n    obj[key] = toArray(obj[key]);\n}\n/**\n * A helper which concatenates the value avoiding unwanted\n * leading white spaces.\n */ function arrayValueReducer(prev, cur) {\n    if (isFalsy(cur)) {\n        return prev;\n    } else if (isFalsy(prev)) {\n        return cur;\n    } else {\n        return `${prev} ${cur}`;\n    }\n}\n/**\n * Extends one object defined in the following format:\n *\n * ```\n * {\n * \tkey1: [Array1],\n * \tkey2: [Array2],\n * \t...\n * \tkeyN: [ArrayN]\n * }\n * ```\n *\n * with another object of the same data format.\n *\n * @param obj Base object.\n * @param ext Object extending base.\n */ function extendObjectValueArray(obj, ext) {\n    for(const a in ext){\n        if (obj[a]) {\n            obj[a].push(...ext[a]);\n        } else {\n            obj[a] = ext[a];\n        }\n    }\n}\n/**\n * A helper for {@link module:ui/template~Template#extend}. Recursively extends {@link module:ui/template~Template} instance\n * with content from {@link module:ui/template~TemplateDefinition}. See {@link module:ui/template~Template#extend} to learn more.\n *\n * @param def A template instance to be extended.\n * @param def A definition which is to extend the template instance.\n * @param Error context.\n */ function extendTemplate(template, def) {\n    if (def.attributes) {\n        if (!template.attributes) {\n            template.attributes = {};\n        }\n        extendObjectValueArray(template.attributes, def.attributes);\n    }\n    if (def.eventListeners) {\n        if (!template.eventListeners) {\n            template.eventListeners = {};\n        }\n        extendObjectValueArray(template.eventListeners, def.eventListeners);\n    }\n    if (def.text) {\n        template.text.push(...def.text);\n    }\n    if (def.children && def.children.length) {\n        if (template.children.length != def.children.length) {\n            /**\n\t\t\t * The number of children in extended definition does not match.\n\t\t\t *\n\t\t\t * @error ui-template-extend-children-mismatch\n\t\t\t */ throw new CKEditorError('ui-template-extend-children-mismatch', template);\n        }\n        let childIndex = 0;\n        for (const childDef of def.children){\n            extendTemplate(template.children[childIndex++], childDef);\n        }\n    }\n}\n/**\n * Checks if value is \"falsy\".\n * Note: 0 (Number) is not \"falsy\" in this context.\n *\n * @param value Value to be checked.\n */ function isFalsy(value) {\n    return !value && value !== 0;\n}\n/**\n * Checks if the item is an instance of {@link module:ui/view~View}\n *\n * @param value Value to be checked.\n */ function isView(item) {\n    return item instanceof View;\n}\n/**\n * Checks if the item is an instance of {@link module:ui/template~Template}\n *\n * @param value Value to be checked.\n */ function isTemplate(item) {\n    return item instanceof Template;\n}\n/**\n * Checks if the item is an instance of {@link module:ui/viewcollection~ViewCollection}\n *\n * @param value Value to be checked.\n */ function isViewCollection(item) {\n    return item instanceof ViewCollection;\n}\n/**\n * Checks if value array contains the one with namespace.\n */ function isNamespaced(attrValue) {\n    return isObject(attrValue[0]) && attrValue[0].ns;\n}\n/**\n * Creates an empty skeleton for {@link module:ui/template~Template#revert}\n * data.\n */ function getEmptyRevertData() {\n    return {\n        children: [],\n        bindings: [],\n        attributes: {}\n    };\n}\n/**\n * Checks whether an attribute should be extended when\n * {@link module:ui/template~Template#apply} is called.\n *\n * @param attrName Attribute name to check.\n */ function shouldExtend(attrName) {\n    return attrName == 'class' || attrName == 'style';\n}\n\n/**\n * The basic view class, which represents an HTML element created out of a\n * {@link module:ui/view~View#template}. Views are building blocks of the user interface and handle\n * interaction\n *\n * Views {@link module:ui/view~View#registerChild aggregate} children in\n * {@link module:ui/view~View#createCollection collections} and manage the life cycle of DOM\n * listeners e.g. by handling rendering and destruction.\n *\n * See the {@link module:ui/template~TemplateDefinition} syntax to learn more about shaping view\n * elements, attributes and listeners.\n *\n * ```ts\n * class SampleView extends View {\n * \tconstructor( locale ) {\n * \t\tsuper( locale );\n *\n * \t\tconst bind = this.bindTemplate;\n *\n * \t\t// Views define their interface (state) using observable attributes.\n * \t\tthis.set( 'elementClass', 'bar' );\n *\n * \t\tthis.setTemplate( {\n * \t\t\ttag: 'p',\n *\n * \t\t\t// The element of the view can be defined with its children.\n * \t\t\tchildren: [\n * \t\t\t\t'Hello',\n * \t\t\t\t{\n * \t\t\t\t\ttag: 'b',\n * \t\t\t\t\tchildren: [ 'world!' ]\n * \t\t\t\t}\n * \t\t\t],\n * \t\t\tattributes: {\n * \t\t\t\tclass: [\n * \t\t\t\t\t'foo',\n *\n * \t\t\t\t\t// Observable attributes control the state of the view in DOM.\n * \t\t\t\t\tbind.to( 'elementClass' )\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\ton: {\n * \t\t\t\t// Views listen to DOM events and propagate them.\n * \t\t\t\tclick: bind.to( 'clicked' )\n * \t\t\t}\n * \t\t} );\n * \t}\n * }\n *\n * const view = new SampleView( locale );\n *\n * view.render();\n *\n * // Append <p class=\"foo bar\">Hello<b>world</b></p> to the <body>\n * document.body.appendChild( view.element );\n *\n * // Change the class attribute to <p class=\"foo baz\">Hello<b>world</b></p>\n * view.elementClass = 'baz';\n *\n * // Respond to the \"click\" event in DOM by executing a custom action.\n * view.on( 'clicked', () => {\n * \tconsole.log( 'The view has been clicked!' );\n * } );\n * ```\n */ class View extends /* #__PURE__ */ DomEmitterMixin(/* #__PURE__ */ ObservableMixin()) {\n    /**\n\t * An HTML element of the view. `null` until {@link #render rendered}\n\t * from the {@link #template}.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor() {\n\t * \t\tsuper();\n\t *\n\t * \t\t// A template instance the #element will be created from.\n\t * \t\tthis.setTemplate( {\n\t * \t\t\ttag: 'p'\n\t *\n\t * \t\t\t// ...\n\t * \t\t} );\n\t * \t}\n\t * }\n\t *\n\t * const view = new SampleView();\n\t *\n\t * // Renders the #template.\n\t * view.render();\n\t *\n\t * // Append the HTML element of the view to <body>.\n\t * document.body.appendChild( view.element );\n\t * ```\n\t *\n\t * **Note**: The element of the view can also be assigned directly:\n\t *\n\t * ```ts\n\t * view.element = document.querySelector( '#my-container' );\n\t * ```\n\t */ element;\n    /**\n\t * Set `true` when the view has already been {@link module:ui/view~View#render rendered}.\n\t *\n\t * @readonly\n\t */ isRendered;\n    /**\n\t * A set of tools to localize the user interface.\n\t *\n\t * Also see {@link module:core/editor/editor~Editor#locale}.\n\t *\n\t * @readonly\n\t */ locale;\n    /**\n\t * Shorthand for {@link module:utils/locale~Locale#t}.\n\t *\n\t * Note: If {@link #locale} instance hasn't been passed to the view this method may not\n\t * be available.\n\t *\n\t * @see module:utils/locale~Locale#t\n\t */ t;\n    /**\n\t * Template of this view. It provides the {@link #element} representing\n\t * the view in DOM, which is {@link #render rendered}.\n\t */ template;\n    /**\n\t * Collections registered with {@link #createCollection}.\n\t */ _viewCollections;\n    /**\n\t * A collection of view instances, which have been added directly\n\t * into the {@link module:ui/template~Template#children}.\n\t */ _unboundChildren;\n    /**\n\t * Cached {@link module:ui/template~BindChain bind chain} object created by the\n\t * {@link #template}. See {@link #bindTemplate}.\n\t */ _bindTemplate;\n    /**\n\t * Creates an instance of the {@link module:ui/view~View} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super();\n        this.element = null;\n        this.isRendered = false;\n        this.locale = locale;\n        this.t = locale && locale.t;\n        this._viewCollections = new Collection();\n        this._unboundChildren = this.createCollection();\n        // Pass parent locale to its children.\n        this._viewCollections.on('add', (evt, collection)=>{\n            collection.locale = locale;\n            collection.t = locale && locale.t;\n        });\n        this.decorate('render');\n    }\n    /**\n\t * Shorthand for {@link module:ui/template~Template.bind}, a binding\n\t * {@link module:ui/template~BindChain interface} pre–configured for the view instance.\n\t *\n\t * It provides {@link module:ui/template~BindChain#to `to()`} and\n\t * {@link module:ui/template~BindChain#if `if()`} methods that initialize bindings with\n\t * observable attributes and attach DOM listeners.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor( locale ) {\n\t * \t\tsuper( locale );\n\t *\n\t * \t\tconst bind = this.bindTemplate;\n\t *\n\t * \t\t// These {@link module:utils/observablemixin~Observable observable} attributes will control\n\t * \t\t// the state of the view in DOM.\n\t * \t\tthis.set( {\n\t * \t\t\telementClass: 'foo',\n\t * \t\t \tisEnabled: true\n\t * \t\t } );\n\t *\n\t * \t\tthis.setTemplate( {\n\t * \t\t\ttag: 'p',\n\t *\n\t * \t\t\tattributes: {\n\t * \t\t\t\t// The class HTML attribute will follow elementClass\n\t * \t\t\t\t// and isEnabled view attributes.\n\t * \t\t\t\tclass: [\n\t * \t\t\t\t\tbind.to( 'elementClass' )\n\t * \t\t\t\t\tbind.if( 'isEnabled', 'present-when-enabled' )\n\t * \t\t\t\t]\n\t * \t\t\t},\n\t *\n\t * \t\t\ton: {\n\t * \t\t\t\t// The view will fire the \"clicked\" event upon clicking <p> in DOM.\n\t * \t\t\t\tclick: bind.to( 'clicked' )\n\t * \t\t\t}\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t */ get bindTemplate() {\n        if (this._bindTemplate) {\n            return this._bindTemplate;\n        }\n        return this._bindTemplate = Template.bind(this, this);\n    }\n    /**\n\t * Creates a new collection of views, which can be used as\n\t * {@link module:ui/template~Template#children} of this view.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor( locale ) {\n\t * \t\tsuper( locale );\n\t *\n\t * \t\tconst child = new ChildView( locale );\n\t * \t\tthis.items = this.createCollection( [ child ] );\n \t *\n\t * \t\tthis.setTemplate( {\n\t * \t\t\ttag: 'p',\n\t *\n\t * \t\t\t// `items` collection will render here.\n\t * \t\t\tchildren: this.items\n\t * \t\t} );\n\t * \t}\n\t * }\n\t *\n\t * const view = new SampleView( locale );\n\t * view.render();\n\t *\n\t * // It will append <p><child#element></p> to the <body>.\n\t * document.body.appendChild( view.element );\n\t * ```\n\t *\n\t * @param views Initial views of the collection.\n\t * @returns A new collection of view instances.\n\t */ createCollection(views) {\n        const collection = new ViewCollection(views);\n        this._viewCollections.add(collection);\n        return collection;\n    }\n    /**\n\t * Registers a new child view under the view instance. Once registered, a child\n\t * view is managed by its parent, including {@link #render rendering}\n\t * and {@link #destroy destruction}.\n\t *\n\t * To revert this, use {@link #deregisterChild}.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor( locale ) {\n\t * \t\tsuper( locale );\n\t *\n\t * \t\tthis.childA = new SomeChildView( locale );\n\t * \t\tthis.childB = new SomeChildView( locale );\n\t *\n\t * \t\tthis.setTemplate( { tag: 'p' } );\n\t *\n\t * \t\t// Register the children.\n\t * \t\tthis.registerChild( [ this.childA, this.childB ] );\n\t * \t}\n\t *\n\t * \trender() {\n\t * \t\tsuper.render();\n\t *\n\t * \t\tthis.element.appendChild( this.childA.element );\n\t * \t\tthis.element.appendChild( this.childB.element );\n\t * \t}\n\t * }\n\t *\n\t * const view = new SampleView( locale );\n\t *\n\t * view.render();\n\t *\n\t * // Will append <p><childA#element><b></b><childB#element></p>.\n\t * document.body.appendChild( view.element );\n\t * ```\n\t *\n\t * **Note**: There's no need to add child views if they're already referenced in the\n\t * {@link #template}:\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor( locale ) {\n\t * \t\tsuper( locale );\n\t *\n\t * \t\tthis.childA = new SomeChildView( locale );\n\t * \t\tthis.childB = new SomeChildView( locale );\n\t *\n\t * \t\tthis.setTemplate( {\n\t * \t\t\ttag: 'p',\n\t *\n \t * \t\t\t// These children will be added automatically. There's no\n \t * \t\t\t// need to call {@link #registerChild} for any of them.\n\t * \t\t\tchildren: [ this.childA, this.childB ]\n\t * \t\t} );\n\t * \t}\n\t *\n\t * \t// ...\n\t * }\n\t * ```\n\t *\n\t * @param children Children views to be registered.\n\t */ registerChild(children) {\n        if (!isIterable(children)) {\n            children = [\n                children\n            ];\n        }\n        for (const child of children){\n            this._unboundChildren.add(child);\n        }\n    }\n    /**\n\t * The opposite of {@link #registerChild}. Removes a child view from this view instance.\n\t * Once removed, the child is no longer managed by its parent, e.g. it can safely\n\t * become a child of another parent view.\n\t *\n\t * @see #registerChild\n\t * @param children Child views to be removed.\n\t */ deregisterChild(children) {\n        if (!isIterable(children)) {\n            children = [\n                children\n            ];\n        }\n        for (const child of children){\n            this._unboundChildren.remove(child);\n        }\n    }\n    /**\n\t * Sets the {@link #template} of the view with with given definition.\n\t *\n\t * A shorthand for:\n\t *\n\t * ```ts\n\t * view.setTemplate( definition );\n\t * ```\n\t *\n\t * @param definition Definition of view's template.\n\t */ setTemplate(definition) {\n        this.template = new Template(definition);\n    }\n    /**\n\t * {@link module:ui/template~Template.extend Extends} the {@link #template} of the view with\n\t * with given definition.\n\t *\n\t * A shorthand for:\n\t *\n\t * ```ts\n\t * Template.extend( view.template, definition );\n\t * ```\n\t *\n\t * **Note**: Is requires the {@link #template} to be already set. See {@link #setTemplate}.\n\t *\n\t * @param definition Definition which extends the {@link #template}.\n\t */ extendTemplate(definition) {\n        Template.extend(this.template, definition);\n    }\n    /**\n\t * Recursively renders the view.\n\t *\n\t * Once the view is rendered:\n\t * * the {@link #element} becomes an HTML element out of {@link #template},\n\t * * the {@link #isRendered} flag is set `true`.\n\t *\n\t * **Note**: The children of the view:\n\t * * defined directly in the {@link #template}\n\t * * residing in collections created by the {@link #createCollection} method,\n\t * * and added by {@link #registerChild}\n\t * are also rendered in the process.\n\t *\n\t * In general, `render()` method is the right place to keep the code which refers to the\n\t * {@link #element} and should be executed at the very beginning of the view's life cycle.\n\t *\n\t * It is possible to {@link module:ui/template~Template.extend} the {@link #template} before\n\t * the view is rendered. To allow an early customization of the view (e.g. by its parent),\n\t * such references should be done in `render()`.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor() {\n\t * \t\tthis.setTemplate( {\n\t * \t\t\t// ...\n\t * \t\t} );\n\t * \t},\n\t *\n\t * \trender() {\n\t * \t\t// View#element becomes available.\n\t * \t\tsuper.render();\n\t *\n\t * \t\t// The \"scroll\" listener depends on #element.\n\t * \t\tthis.listenTo( window, 'scroll', () => {\n\t * \t\t\t// A reference to #element would render the #template and make it non-extendable.\n\t * \t\t\tif ( window.scrollY > 0 ) {\n\t * \t\t\t\tthis.element.scrollLeft = 100;\n\t * \t\t\t} else {\n\t * \t\t\t\tthis.element.scrollLeft = 0;\n\t * \t\t\t}\n\t * \t\t} );\n\t * \t}\n\t * }\n\t *\n\t * const view = new SampleView();\n\t *\n\t * // Let's customize the view before it gets rendered.\n\t * view.extendTemplate( {\n\t * \tattributes: {\n\t * \t\tclass: [\n\t * \t\t\t'additional-class'\n\t * \t\t]\n\t * \t}\n\t * } );\n\t *\n\t * // Late rendering allows customization of the view.\n\t * view.render();\n\t * ```\n\t */ render() {\n        if (this.isRendered) {\n            /**\n\t\t\t * This View has already been rendered.\n\t\t\t *\n\t\t\t * @error ui-view-render-already-rendered\n\t\t\t */ throw new CKEditorError('ui-view-render-already-rendered', this);\n        }\n        // Render #element of the view.\n        if (this.template) {\n            this.element = this.template.render();\n            // Auto–register view children from #template.\n            this.registerChild(this.template.getViews());\n        }\n        this.isRendered = true;\n    }\n    /**\n\t * Recursively destroys the view instance and child views added by {@link #registerChild} and\n\t * residing in collections created by the {@link #createCollection}.\n\t *\n\t * Destruction disables all event listeners:\n\t * * created on the view, e.g. `view.on( 'event', () => {} )`,\n\t * * defined in the {@link #template} for DOM events.\n\t */ destroy() {\n        this.stopListening();\n        this._viewCollections.map((c)=>c.destroy());\n        // Template isn't obligatory for views.\n        if (this.template && this.template._revertData) {\n            this.template.revert(this.element);\n        }\n    }\n}\n\n/**\n * The politeness level of an `aria-live` announcement.\n *\n * Available keys are:\n * * `AriaLiveAnnouncerPoliteness.POLITE`,\n * * `AriaLiveAnnouncerPoliteness.ASSERTIVE`\n *\n * [Learn more](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#Politeness_levels).\n */ const AriaLiveAnnouncerPoliteness = {\n    POLITE: 'polite',\n    ASSERTIVE: 'assertive'\n};\n/**\n * An accessibility helper that manages all ARIA live regions associated with an editor instance. ARIA live regions announce changes\n * to the state of the editor features.\n *\n * These announcements are consumed and propagated by screen readers and give users a better understanding of the current\n * state of the editor.\n *\n * To announce a state change to an editor use the {@link #announce} method:\n *\n * ```ts\n * editor.ui.ariaLiveAnnouncer.announce( 'Text of an announcement.' );\n * ```\n */ class AriaLiveAnnouncer {\n    /**\n\t * The editor instance.\n\t */ editor;\n    /**\n\t * The view that aggregates all `aria-live` regions.\n\t */ view;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        this.editor = editor;\n        /**\n\t\t * Some screen readers only look at changes in the aria-live region.\n\t\t * They might not read a region that already has content when it is added.\n\t\t * To stop this problem, make sure to set up regions for all politeness settings when the editor starts.\n\t\t */ editor.once('ready', ()=>{\n            for (const politeness of Object.values(AriaLiveAnnouncerPoliteness)){\n                this.announce('', politeness);\n            }\n        });\n    }\n    /**\n\t * Sets an announcement text to an aria region that is then announced by a screen reader to the user.\n\t *\n\t * If the aria region of a specified politeness does not exist, it will be created and can be re-used later.\n\t *\n\t * The default announcement politeness level is `'polite'`.\n\t *\n\t * ```ts\n\t * // Most screen readers will queue announcements from multiple aria-live regions and read them out in the order they were emitted.\n \t * editor.ui.ariaLiveAnnouncer.announce( 'Image uploaded.' );\n \t * editor.ui.ariaLiveAnnouncer.announce( 'Connection lost. Reconnecting.' );\n \t * ```\n\t */ announce(announcement, attributes = AriaLiveAnnouncerPoliteness.POLITE) {\n        const editor = this.editor;\n        if (!editor.ui.view) {\n            return;\n        }\n        if (!this.view) {\n            this.view = new AriaLiveAnnouncerView(editor.locale);\n            editor.ui.view.body.add(this.view);\n        }\n        const { politeness, isUnsafeHTML } = typeof attributes === 'string' ? {\n            politeness: attributes\n        } : attributes;\n        let politenessRegionView = this.view.regionViews.find((view)=>view.politeness === politeness);\n        if (!politenessRegionView) {\n            politenessRegionView = new AriaLiveAnnouncerRegionView(editor, politeness);\n            this.view.regionViews.add(politenessRegionView);\n        }\n        politenessRegionView.announce({\n            announcement,\n            isUnsafeHTML\n        });\n    }\n}\n/**\n * The view that aggregates all `aria-live` regions.\n */ class AriaLiveAnnouncerView extends View {\n    /**\n\t * A collection of all views that represent individual `aria-live` regions.\n\t */ regionViews;\n    constructor(locale){\n        super(locale);\n        this.regionViews = this.createCollection();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-aria-live-announcer'\n                ]\n            },\n            children: this.regionViews\n        });\n    }\n}\n/**\n * The view that represents a single `aria-live`.\n */ class AriaLiveAnnouncerRegionView extends View {\n    /**\n\t * Current politeness level of the region.\n\t */ politeness;\n    /**\n\t * DOM converter used to sanitize unsafe HTML passed to {@link #announce} method.\n\t */ _domConverter;\n    /**\n\t * Interval used to remove additions. It prevents accumulation of added nodes in region.\n\t */ _pruneAnnouncementsInterval;\n    constructor(editor, politeness){\n        super(editor.locale);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                'aria-live': politeness,\n                'aria-relevant': 'additions'\n            },\n            children: [\n                {\n                    tag: 'ul',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-aria-live-region-list'\n                        ]\n                    }\n                }\n            ]\n        });\n        editor.on('destroy', ()=>{\n            if (this._pruneAnnouncementsInterval !== null) {\n                clearInterval(this._pruneAnnouncementsInterval);\n                this._pruneAnnouncementsInterval = null;\n            }\n        });\n        this.politeness = politeness;\n        this._domConverter = editor.data.htmlProcessor.domConverter;\n        this._pruneAnnouncementsInterval = setInterval(()=>{\n            if (this.element && this._listElement.firstChild) {\n                this._listElement.firstChild.remove();\n            }\n        }, 5000);\n    }\n    /**\n\t * Appends new announcement to region.\n\t */ announce({ announcement, isUnsafeHTML }) {\n        if (!announcement.trim().length) {\n            return;\n        }\n        const messageListItem = document.createElement('li');\n        if (isUnsafeHTML) {\n            this._domConverter.setContentOf(messageListItem, announcement);\n        } else {\n            messageListItem.innerText = announcement;\n        }\n        this._listElement.appendChild(messageListItem);\n    }\n    /**\n\t * Return current announcements list HTML element.\n\t */ get _listElement() {\n        return this.element.querySelector('ul');\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module ui/bindings/clickoutsidehandler\n */ /**\n * Handles clicking **outside** of a specified set of elements, then fires an action.\n *\n * **Note**: Actually, the action is executed upon `mousedown`, not `click`. It prevents\n * certain issues when the user keeps holding the mouse button and the UI cannot react\n * properly.\n *\n * @param options Configuration options.\n * @param options.emitter The emitter to which this behavior should be added.\n * @param options.activator Function returning a `Boolean`, to determine whether the handler is active.\n * @param options.contextElements Array of HTML elements or a callback returning an array of HTML elements\n * that determine the scope of the handler. Clicking any of them or their descendants will **not** fire the callback.\n * @param options.callback An action executed by the handler.\n * @param options.listenerOptions Additional options for the listener (like priority).\n */ function clickOutsideHandler({ emitter, activator, callback, contextElements, listenerOptions }) {\n    emitter.listenTo(document, 'mousedown', (evt, domEvt)=>{\n        if (!activator()) {\n            return;\n        }\n        // Check if `composedPath` is `undefined` in case the browser does not support native shadow DOM.\n        // Can be removed when all supported browsers support native shadow DOM.\n        const path = typeof domEvt.composedPath == 'function' ? domEvt.composedPath() : [];\n        const contextElementsList = typeof contextElements == 'function' ? contextElements() : contextElements;\n        for (const contextElement of contextElementsList){\n            if (contextElement.contains(domEvt.target) || path.includes(contextElement)) {\n                return;\n            }\n        }\n        callback();\n    }, listenerOptions);\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module ui/bindings/csstransitiondisablermixin\n */ /**\n * A mixin that brings the possibility to temporarily disable CSS transitions using\n * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen\n * when the view is first displayed but they should work normal in other cases.\n *\n * The methods to control the CSS transitions are:\n * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the\n * {@link module:ui/view~View#element view element}.\n * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the\n * {@link module:ui/view~View#element view element}.\n *\n * The usage comes down to:\n *\n * ```ts\n * const MyViewWithCssTransitionDisabler = CssTransitionDisablerMixin( MyView );\n * const view = new MyViewWithCssTransitionDisabler();\n *\n * // ...\n *\n * view.disableCssTransitions();\n * view.show();\n * view.enableCssTransitions();\n * ```\n *\n * @param view View instance that should get this functionality.\n */ function CssTransitionDisablerMixin(view) {\n    class Mixin extends view {\n        disableCssTransitions() {\n            this._isCssTransitionsDisabled = true;\n        }\n        enableCssTransitions() {\n            this._isCssTransitionsDisabled = false;\n        }\n        constructor(...args){\n            super(...args);\n            this.set('_isCssTransitionsDisabled', false);\n            this.initializeCssTransitionDisablerMixin();\n        }\n        initializeCssTransitionDisablerMixin() {\n            if (this.template) {\n                this.extendTemplate({\n                    attributes: {\n                        class: [\n                            this.bindTemplate.if('_isCssTransitionsDisabled', 'ck-transitions-disabled')\n                        ]\n                    }\n                });\n            }\n        }\n    }\n    return Mixin;\n}\n\n/**\n * A mixin that brings the possibility to observe dragging of the view element.\n * The view has to implement the {@link ~DraggableView} interface to use it:\n *\n * ```js\n * export class MyDraggableView extends DraggableViewMixin( View ) implements DraggableView {\n * \t\t// ...\n * }\n * ```\n *\n * Creating a class extending it attaches a set of mouse and touch listeners allowing to observe dragging of the view element:\n * * `mousedown` and `touchstart` on the view element - starting the dragging.\n * * `mousemove` and `touchmove` on the document - updating the view coordinates.\n * * `mouseup` and `touchend` on the document - stopping the dragging.\n *\n * The mixin itself does not provide a visual feedback (that is, the dragged element does not change its position) -\n * it is up to the developer to implement it.\n */ function DraggableViewMixin(view) {\n    class DraggableMixin extends view {\n        /**\n\t\t * A bound version of {@link #_onDrag}.\n\t\t */ _onDragBound = this._onDrag.bind(this);\n        /**\n\t\t * A bound version of {@link #_onDragEnd}.\n\t\t */ _onDragEndBound = this._onDragEnd.bind(this);\n        /**\n\t\t * The last coordinates of the view. It is updated on every mouse move.\n\t\t */ _lastDraggingCoordinates = {\n            x: 0,\n            y: 0\n        };\n        /**\n\t\t * @inheritDoc\n\t\t */ constructor(...args){\n            super(...args);\n            this.on('render', ()=>{\n                this._attachListeners();\n            });\n            this.set('isDragging', false);\n        }\n        /**\n\t\t * Attaches the listeners for the drag start.\n\t\t */ _attachListeners() {\n            this.listenTo(this.element, 'mousedown', this._onDragStart.bind(this));\n            this.listenTo(this.element, 'touchstart', this._onDragStart.bind(this));\n        }\n        /**\n\t\t * Attaches the listeners for the dragging and drag end.\n\t\t */ _attachDragListeners() {\n            this.listenTo(global.document, 'mouseup', this._onDragEndBound);\n            this.listenTo(global.document, 'touchend', this._onDragEndBound);\n            this.listenTo(global.document, 'mousemove', this._onDragBound);\n            this.listenTo(global.document, 'touchmove', this._onDragBound);\n        }\n        /**\n\t\t * Detaches the listeners after the drag end.\n\t\t */ _detachDragListeners() {\n            this.stopListening(global.document, 'mouseup', this._onDragEndBound);\n            this.stopListening(global.document, 'touchend', this._onDragEndBound);\n            this.stopListening(global.document, 'mousemove', this._onDragBound);\n            this.stopListening(global.document, 'touchmove', this._onDragBound);\n        }\n        /**\n\t\t * Starts the dragging listeners and sets the initial view coordinates.\n\t\t */ _onDragStart(evt, domEvt) {\n            if (!this._isHandleElementPressed(domEvt)) {\n                return;\n            }\n            this._attachDragListeners();\n            let x = 0;\n            let y = 0;\n            // If dragging is performed with a mouse, there is only one set of coordinates available.\n            // But when using a touch device, there may be many of them, so use the coordinates from the first touch.\n            if (domEvt instanceof MouseEvent) {\n                x = domEvt.clientX;\n                y = domEvt.clientY;\n            } else {\n                x = domEvt.touches[0].clientX;\n                y = domEvt.touches[0].clientY;\n            }\n            this._lastDraggingCoordinates = {\n                x,\n                y\n            };\n            this.isDragging = true;\n        }\n        /**\n\t\t * Updates the view coordinates and fires the `drag` event.\n\t\t */ _onDrag(evt, domEvt) {\n            // If dragging was stopped by some external intervention, stop listening.\n            if (!this.isDragging) {\n                this._detachDragListeners();\n                return;\n            }\n            let newX = 0;\n            let newY = 0;\n            // If dragging is performed with a mouse, there is only one set of coordinates available.\n            // But when using a touch device, there may be many of them, so use the coordinates from the first touch.\n            if (domEvt instanceof MouseEvent) {\n                newX = domEvt.clientX;\n                newY = domEvt.clientY;\n            } else {\n                newX = domEvt.touches[0].clientX;\n                newY = domEvt.touches[0].clientY;\n            }\n            // Prevents selection of text while dragging on Safari.\n            domEvt.preventDefault();\n            this.fire('drag', {\n                deltaX: Math.round(newX - this._lastDraggingCoordinates.x),\n                deltaY: Math.round(newY - this._lastDraggingCoordinates.y)\n            });\n            this._lastDraggingCoordinates = {\n                x: newX,\n                y: newY\n            };\n        }\n        /**\n\t\t * Stops the dragging and detaches the listeners.\n\t\t */ _onDragEnd() {\n            this._detachDragListeners();\n            this.isDragging = false;\n        }\n        /**\n\t\t * Checks if the drag handle element was pressed.\n\t\t */ _isHandleElementPressed(domEvt) {\n            if (!this.dragHandleElement) {\n                return false;\n            }\n            return this.dragHandleElement === domEvt.target || domEvt.target instanceof HTMLElement && this.dragHandleElement.contains(domEvt.target);\n        }\n    }\n    return DraggableMixin;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module ui/bindings/submithandler\n */ /**\n * A handler useful for {@link module:ui/view~View views} working as HTML forms. It intercepts a native DOM\n * `submit` event, prevents the default web browser behavior (navigation and page reload) and\n * fires the `submit` event on a view instead. Such a custom event can be then used by any\n * {@link module:utils/dom/emittermixin~DomEmitter emitter}, e.g. to serialize the form data.\n *\n * ```ts\n * import { submitHandler } from '@ckeditor/ckeditor5-ui/src/bindings/submithandler';\n *\n * // ...\n *\n * class AnyFormView extends View {\n * \tconstructor() {\n * \t\tsuper();\n *\n * \t\t// ...\n *\n * \t\tsubmitHandler( {\n * \t\t\tview: this\n * \t\t} );\n * \t}\n * }\n *\n * // ...\n *\n * const view = new AnyFormView();\n *\n * // A sample listener attached by an emitter working with the view.\n * this.listenTo( view, 'submit', () => {\n * \tsaveTheFormData();\n * \thideTheForm();\n * } );\n * ```\n *\n * @param options Configuration options.\n * @param options.view The view which DOM `submit` events should be handled.\n */ function submitHandler({ view }) {\n    view.listenTo(view.element, 'submit', (evt, domEvt)=>{\n        domEvt.preventDefault();\n        view.fire('submit');\n    }, {\n        useCapture: true\n    });\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module ui/bindings/addkeyboardhandlingforgrid\n */ /**\n * A helper that adds a keyboard navigation support (arrow up/down/left/right) for grids.\n *\n * @param options Configuration options.\n * @param options.keystrokeHandler Keystroke handler to register navigation with arrow keys.\n * @param options.focusTracker A focus tracker for grid elements.\n * @param options.gridItems A collection of grid items.\n * @param options.numberOfColumns Number of columns in the grid. Can be specified as a function that returns\n * the number (e.g. for responsive grids).\n * @param options.uiLanguageDirection String of ui language direction.\n */ function addKeyboardHandlingForGrid({ keystrokeHandler, focusTracker, gridItems, numberOfColumns, uiLanguageDirection }) {\n    const getNumberOfColumns = typeof numberOfColumns === 'number' ? ()=>numberOfColumns : numberOfColumns;\n    keystrokeHandler.set('arrowright', getGridItemFocuser((focusedElementIndex, gridItems)=>{\n        return uiLanguageDirection === 'rtl' ? getLeftElementIndex(focusedElementIndex, gridItems.length) : getRightElementIndex(focusedElementIndex, gridItems.length);\n    }));\n    keystrokeHandler.set('arrowleft', getGridItemFocuser((focusedElementIndex, gridItems)=>{\n        return uiLanguageDirection === 'rtl' ? getRightElementIndex(focusedElementIndex, gridItems.length) : getLeftElementIndex(focusedElementIndex, gridItems.length);\n    }));\n    keystrokeHandler.set('arrowup', getGridItemFocuser((focusedElementIndex, gridItems)=>{\n        let nextIndex = focusedElementIndex - getNumberOfColumns();\n        if (nextIndex < 0) {\n            nextIndex = focusedElementIndex + getNumberOfColumns() * Math.floor(gridItems.length / getNumberOfColumns());\n            if (nextIndex > gridItems.length - 1) {\n                nextIndex -= getNumberOfColumns();\n            }\n        }\n        return nextIndex;\n    }));\n    keystrokeHandler.set('arrowdown', getGridItemFocuser((focusedElementIndex, gridItems)=>{\n        let nextIndex = focusedElementIndex + getNumberOfColumns();\n        if (nextIndex > gridItems.length - 1) {\n            nextIndex = focusedElementIndex % getNumberOfColumns();\n        }\n        return nextIndex;\n    }));\n    function getGridItemFocuser(getIndexToFocus) {\n        return (evt)=>{\n            const focusedElement = gridItems.find((item)=>item.element === focusTracker.focusedElement);\n            const focusedElementIndex = gridItems.getIndex(focusedElement);\n            const nextIndexToFocus = getIndexToFocus(focusedElementIndex, gridItems);\n            gridItems.get(nextIndexToFocus).focus();\n            evt.stopPropagation();\n            evt.preventDefault();\n        };\n    }\n    /**\n\t * Function returning the next index.\n\t *\n\t * ```\n\t * before: [ ][x][ ]\tafter: [ ][ ][x]\n\t * index = 1            index = 2\n\t * ```\n\t *\n\t * If current index is last, function returns first index.\n\t *\n\t * ```\n\t * before: [ ][ ][x]\tafter: [x][ ][ ]\n\t * index = 2            index = 0\n\t * ```\n\t *\n\t * @param elementIndex Number of current index.\n\t * @param collectionLength A count of collection items.\n\t */ function getRightElementIndex(elementIndex, collectionLength) {\n        if (elementIndex === collectionLength - 1) {\n            return 0;\n        } else {\n            return elementIndex + 1;\n        }\n    }\n    /**\n\t * Function returning the previous index.\n\t *\n\t * ```\n\t * before: [ ][x][ ]\tafter: [x][ ][ ]\n\t * index = 1            index = 0\n\t * ```\n\t *\n\t * If current index is first, function returns last index.\n\t *\n\t * ```\n\t * before: [x][ ][ ]\tafter: [ ][ ][x]\n\t * index = 0            index = 2\n\t * ```\n\t *\n\t * @param elementIndex Number of current index.\n\t * @param collectionLength A count of collection items.\n\t */ function getLeftElementIndex(elementIndex, collectionLength) {\n        if (elementIndex === 0) {\n            return collectionLength - 1;\n        } else {\n            return elementIndex - 1;\n        }\n    }\n}\n\n/**\n * The label view class.\n */ class LabelView extends View {\n    /**\n\t * An unique id of the label. It can be used by other UI components to reference\n\t * the label, for instance, using the `aria-describedby` DOM attribute.\n\t */ id;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.set('text', undefined);\n        this.set('for', undefined);\n        this.id = `ck-editor__label_${uid()}`;\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'label',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-label'\n                ],\n                id: this.id,\n                for: bind.to('for')\n            },\n            children: [\n                {\n                    text: bind.to('text')\n                }\n            ]\n        });\n    }\n}\n\n/**\n * The view displaying keystrokes in the Accessibility help dialog.\n */ class AccessibilityHelpContentView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, keystrokes){\n        super(locale);\n        const t = locale.t;\n        const helpLabel = new LabelView();\n        helpLabel.text = t('Help Contents. To close this dialog press ESC.');\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-accessibility-help-dialog__content'\n                ],\n                'aria-labelledby': helpLabel.id,\n                role: 'document',\n                tabindex: -1\n            },\n            children: [\n                createElement(document, 'p', {}, t('Below, you can find a list of keyboard shortcuts that can be used in the editor.')),\n                ...this._createCategories(Array.from(keystrokes.values())),\n                helpLabel\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ focus() {\n        this.element.focus();\n    }\n    /**\n\t * Creates `<section><h3>Category label</h3>...</section>` elements for each category of keystrokes.\n\t */ _createCategories(categories) {\n        return categories.map((categoryDefinition)=>{\n            const elements = [\n                // Category header.\n                createElement(document, 'h3', {}, categoryDefinition.label),\n                // Category definitions (<dl>) and their optional headers (<h4>).\n                ...Array.from(categoryDefinition.groups.values()).map((groupDefinition)=>this._createGroup(groupDefinition)).flat()\n            ];\n            // Category description (<p>).\n            if (categoryDefinition.description) {\n                elements.splice(1, 0, createElement(document, 'p', {}, categoryDefinition.description));\n            }\n            return createElement(document, 'section', {}, elements);\n        });\n    }\n    /**\n\t * Creates `[<h4>Optional label</h4>]<dl>...</dl>` elements for each group of keystrokes in a category.\n\t */ _createGroup(groupDefinition) {\n        const definitionAndDescriptionElements = groupDefinition.keystrokes.sort((a, b)=>a.label.localeCompare(b.label)).map((keystrokeDefinition)=>this._createGroupRow(keystrokeDefinition)).flat();\n        const elements = [\n            createElement(document, 'dl', {}, definitionAndDescriptionElements)\n        ];\n        if (groupDefinition.label) {\n            elements.unshift(createElement(document, 'h4', {}, groupDefinition.label));\n        }\n        return elements;\n    }\n    /**\n\t * Creates `<dt>Keystroke label</dt><dd>Keystroke definition</dd>` elements for each keystroke in a group.\n\t */ _createGroupRow(keystrokeDefinition) {\n        const t = this.locale.t;\n        const dt = createElement(document, 'dt');\n        const dd = createElement(document, 'dd');\n        const normalizedKeystrokeDefinition = normalizeKeystrokeDefinition(keystrokeDefinition.keystroke);\n        const keystrokeAlternativeHTMLs = [];\n        for (const keystrokeAlternative of normalizedKeystrokeDefinition){\n            keystrokeAlternativeHTMLs.push(keystrokeAlternative.map(keystrokeToEnvKbd).join(''));\n        }\n        dt.innerHTML = keystrokeDefinition.label;\n        dd.innerHTML = keystrokeAlternativeHTMLs.join(', ') + (keystrokeDefinition.mayRequireFn && env.isMac ? ` ${t('(may require <kbd>Fn</kbd>)')}` : '');\n        return [\n            dt,\n            dd\n        ];\n    }\n}\nfunction keystrokeToEnvKbd(keystroke) {\n    return getEnvKeystrokeText(keystroke).split('+').map((part)=>`<kbd>${part}</kbd>`).join('+');\n}\nfunction normalizeKeystrokeDefinition(definition) {\n    if (typeof definition === 'string') {\n        return [\n            [\n                definition\n            ]\n        ];\n    }\n    if (typeof definition[0] === 'string') {\n        return [\n            definition\n        ];\n    }\n    return definition;\n}\n\n/**\n * The icon view class.\n */ class IconView extends View {\n    /**\n\t * A list of presentational attributes that can be set on the `<svg>` element and should be preserved\n\t * when the icon {@link module:ui/icon/iconview~IconView#content content} is loaded.\n\t *\n\t * See the [specification](https://www.w3.org/TR/SVG/styling.html#TermPresentationAttribute) to learn more.\n\t */ static presentationalAttributeNames = [\n        'alignment-baseline',\n        'baseline-shift',\n        'clip-path',\n        'clip-rule',\n        'color',\n        'color-interpolation',\n        'color-interpolation-filters',\n        'color-rendering',\n        'cursor',\n        'direction',\n        'display',\n        'dominant-baseline',\n        'fill',\n        'fill-opacity',\n        'fill-rule',\n        'filter',\n        'flood-color',\n        'flood-opacity',\n        'font-family',\n        'font-size',\n        'font-size-adjust',\n        'font-stretch',\n        'font-style',\n        'font-variant',\n        'font-weight',\n        'image-rendering',\n        'letter-spacing',\n        'lighting-color',\n        'marker-end',\n        'marker-mid',\n        'marker-start',\n        'mask',\n        'opacity',\n        'overflow',\n        'paint-order',\n        'pointer-events',\n        'shape-rendering',\n        'stop-color',\n        'stop-opacity',\n        'stroke',\n        'stroke-dasharray',\n        'stroke-dashoffset',\n        'stroke-linecap',\n        'stroke-linejoin',\n        'stroke-miterlimit',\n        'stroke-opacity',\n        'stroke-width',\n        'text-anchor',\n        'text-decoration',\n        'text-overflow',\n        'text-rendering',\n        'transform',\n        'unicode-bidi',\n        'vector-effect',\n        'visibility',\n        'white-space',\n        'word-spacing',\n        'writing-mode'\n    ];\n    /**\n\t * @inheritDoc\n\t */ constructor(){\n        super();\n        const bind = this.bindTemplate;\n        this.set('content', '');\n        this.set('viewBox', '0 0 20 20');\n        this.set('fillColor', '');\n        this.set('isColorInherited', true);\n        this.set('isVisible', true);\n        this.setTemplate({\n            tag: 'svg',\n            ns: 'http://www.w3.org/2000/svg',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-icon',\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value),\n                    // Exclude icon internals from the CSS reset to allow rich (non-monochromatic) icons\n                    // (https://github.com/ckeditor/ckeditor5/issues/12599).\n                    'ck-reset_all-excluded',\n                    // The class to remove the dynamic color inheritance is toggleable\n                    // (https://github.com/ckeditor/ckeditor5/issues/12599).\n                    bind.if('isColorInherited', 'ck-icon_inherit-color')\n                ],\n                viewBox: bind.to('viewBox'),\n                'aria-hidden': true\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this._updateXMLContent();\n        this._colorFillPaths();\n        // This is a hack for lack of innerHTML binding.\n        // See: https://github.com/ckeditor/ckeditor5-ui/issues/99.\n        this.on('change:content', ()=>{\n            this._updateXMLContent();\n            this._colorFillPaths();\n        });\n        this.on('change:fillColor', ()=>{\n            this._colorFillPaths();\n        });\n    }\n    /**\n\t * Updates the {@link #element} with the value of {@link #content}.\n\t */ _updateXMLContent() {\n        if (this.content) {\n            const parsed = new DOMParser().parseFromString(this.content.trim(), 'image/svg+xml');\n            const svg = parsed.querySelector('svg');\n            if (!svg) {\n                /**\n\t\t\t\t * The provided icon content is not a valid SVG.\n\t\t\t\t *\n\t\t\t\t * @error ui-iconview-invalid-svg\n\t\t\t\t */ throw new CKEditorError('ui-iconview-invalid-svg', this);\n            }\n            const viewBox = svg.getAttribute('viewBox');\n            if (viewBox) {\n                this.viewBox = viewBox;\n            }\n            // Preserve presentational attributes of the <svg> element from the source.\n            // They can affect rendering of the entire icon (https://github.com/ckeditor/ckeditor5/issues/12597).\n            for (const { name, value } of Array.from(svg.attributes)){\n                if (IconView.presentationalAttributeNames.includes(name)) {\n                    this.element.setAttribute(name, value);\n                }\n            }\n            while(this.element.firstChild){\n                this.element.removeChild(this.element.firstChild);\n            }\n            while(svg.childNodes.length > 0){\n                this.element.appendChild(svg.childNodes[0]);\n            }\n        }\n    }\n    /**\n\t * Fills all child `path.ck-icon__fill` with the `#fillColor`.\n\t */ _colorFillPaths() {\n        if (this.fillColor) {\n            this.element.querySelectorAll('.ck-icon__fill').forEach((path)=>{\n                path.style.fill = this.fillColor;\n            });\n        }\n    }\n}\n\n/**\n * A default implementation of the button view's label. It comes with a dynamic text support\n * via {@link module:ui/button/buttonlabelview~ButtonLabelView#text} property.\n */ class ButtonLabelView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(){\n        super();\n        this.set({\n            style: undefined,\n            text: undefined,\n            id: undefined\n        });\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-button__label'\n                ],\n                style: bind.to('style'),\n                id: bind.to('id')\n            },\n            children: [\n                {\n                    text: bind.to('text')\n                }\n            ]\n        });\n    }\n}\n\n/**\n * The button view class.\n *\n * ```ts\n * const view = new ButtonView();\n *\n * view.set( {\n * \tlabel: 'A button',\n * \tkeystroke: 'Ctrl+B',\n * \ttooltip: true,\n * \twithText: true\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n */ class ButtonView extends View {\n    /**\n\t * Collection of the child views inside of the button {@link #element}.\n\t */ children;\n    /**\n\t * Label of the button view. Its text is configurable using the {@link #label label attribute}.\n\t *\n\t * If not configured otherwise in the `constructor()`, by default the label is an instance\n\t * of {@link module:ui/button/buttonlabelview~ButtonLabelView}.\n\t */ labelView;\n    /**\n\t * The icon view of the button. Will be added to {@link #children} when the\n\t * {@link #icon icon attribute} is defined.\n\t */ iconView;\n    /**\n\t * A view displaying the keystroke of the button next to the {@link #labelView label}.\n\t * Added to {@link #children} when the {@link #withKeystroke `withKeystroke` attribute}\n\t * is defined.\n\t */ keystrokeView;\n    /**\n\t * Delayed focus function for focus handling in Safari.\n\t */ _focusDelayed = null;\n    /**\n\t * Creates an instance of the button view class.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param labelView The instance of the button's label. If not provided, an instance of\n\t * {@link module:ui/button/buttonlabelview~ButtonLabelView} is used.\n\t */ constructor(locale, labelView = new ButtonLabelView()){\n        super(locale);\n        const bind = this.bindTemplate;\n        const ariaLabelUid = uid();\n        // Implement the Button interface.\n        this.set('_ariaPressed', false);\n        this.set('_ariaChecked', false);\n        this.set('ariaLabel', undefined);\n        this.set('ariaLabelledBy', `ck-editor__aria-label_${ariaLabelUid}`);\n        this.set('class', undefined);\n        this.set('labelStyle', undefined);\n        this.set('icon', undefined);\n        this.set('isEnabled', true);\n        this.set('isOn', false);\n        this.set('isVisible', true);\n        this.set('isToggleable', false);\n        this.set('keystroke', undefined);\n        this.set('label', undefined);\n        this.set('role', undefined);\n        this.set('tabindex', -1);\n        this.set('tooltip', false);\n        this.set('tooltipPosition', 's');\n        this.set('type', 'button');\n        this.set('withText', false);\n        this.set('withKeystroke', false);\n        this.children = this.createCollection();\n        this.labelView = this._setupLabelView(labelView);\n        this.iconView = new IconView();\n        this.iconView.extendTemplate({\n            attributes: {\n                class: 'ck-button__icon'\n            }\n        });\n        this.iconView.bind('content').to(this, 'icon');\n        this.keystrokeView = this._createKeystrokeView();\n        this.bind('_tooltipString').to(this, 'tooltip', this, 'label', this, 'keystroke', this._getTooltipString.bind(this));\n        const template = {\n            tag: 'button',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-button',\n                    bind.to('class'),\n                    bind.if('isEnabled', 'ck-disabled', (value)=>!value),\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value),\n                    bind.to('isOn', (value)=>value ? 'ck-on' : 'ck-off'),\n                    bind.if('withText', 'ck-button_with-text'),\n                    bind.if('withKeystroke', 'ck-button_with-keystroke')\n                ],\n                role: bind.to('role'),\n                type: bind.to('type', (value)=>value ? value : 'button'),\n                tabindex: bind.to('tabindex'),\n                'aria-checked': bind.to('_ariaChecked'),\n                'aria-pressed': bind.to('_ariaPressed'),\n                'aria-label': bind.to('ariaLabel'),\n                'aria-labelledby': bind.to('ariaLabelledBy'),\n                'aria-disabled': bind.if('isEnabled', true, (value)=>!value),\n                'data-cke-tooltip-text': bind.to('_tooltipString'),\n                'data-cke-tooltip-position': bind.to('tooltipPosition')\n            },\n            children: this.children,\n            on: {\n                click: bind.to((evt)=>{\n                    // We can't make the button disabled using the disabled attribute, because it won't be focusable.\n                    // Though, shouldn't this condition be moved to the button controller?\n                    if (this.isEnabled) {\n                        this.fire('execute');\n                    } else {\n                        // Prevent the default when button is disabled, to block e.g.\n                        // automatic form submitting. See ckeditor/ckeditor5-link#74.\n                        evt.preventDefault();\n                    }\n                })\n            }\n        };\n        this.bind('_ariaPressed').to(this, 'isOn', this, 'isToggleable', this, 'role', (isOn, isToggleable, role)=>{\n            if (!isToggleable || isCheckableRole(role)) {\n                return false;\n            }\n            return String(!!isOn);\n        });\n        this.bind('_ariaChecked').to(this, 'isOn', this, 'isToggleable', this, 'role', (isOn, isToggleable, role)=>{\n            if (!isToggleable || !isCheckableRole(role)) {\n                return false;\n            }\n            return String(!!isOn);\n        });\n        // On Safari we have to force the focus on a button on click as it's the only browser\n        // that doesn't do that automatically. See #12115.\n        if (env.isSafari) {\n            if (!this._focusDelayed) {\n                this._focusDelayed = delay(()=>this.focus(), 0);\n            }\n            template.on.mousedown = bind.to(()=>{\n                this._focusDelayed();\n            });\n            template.on.mouseup = bind.to(()=>{\n                this._focusDelayed.cancel();\n            });\n        }\n        this.setTemplate(template);\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        if (this.icon) {\n            this.children.add(this.iconView);\n        }\n        this.on('change:icon', (evt, prop, newIcon, oldIcon)=>{\n            if (newIcon && !oldIcon) {\n                this.children.add(this.iconView, 0);\n            } else if (!newIcon && oldIcon) {\n                this.children.remove(this.iconView);\n            }\n        });\n        this.children.add(this.labelView);\n        if (this.withKeystroke && this.keystroke) {\n            this.children.add(this.keystrokeView);\n        }\n    }\n    /**\n\t * Focuses the {@link #element} of the button.\n\t */ focus() {\n        this.element.focus();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        if (this._focusDelayed) {\n            this._focusDelayed.cancel();\n        }\n        super.destroy();\n    }\n    /**\n\t * Binds the label view instance it with button attributes.\n\t */ _setupLabelView(labelView) {\n        labelView.bind('text', 'style', 'id').to(this, 'label', 'labelStyle', 'ariaLabelledBy');\n        return labelView;\n    }\n    /**\n\t * Creates a view that displays a keystroke next to a {@link #labelView label }\n\t * and binds it with button attributes.\n\t */ _createKeystrokeView() {\n        const keystrokeView = new View();\n        keystrokeView.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-button__keystroke'\n                ]\n            },\n            children: [\n                {\n                    text: this.bindTemplate.to('keystroke', (text)=>getEnvKeystrokeText(text))\n                }\n            ]\n        });\n        return keystrokeView;\n    }\n    /**\n\t * Gets the text for the tooltip from the combination of\n\t * {@link #tooltip}, {@link #label} and {@link #keystroke} attributes.\n\t *\n\t * @see #tooltip\n\t * @see #_tooltipString\n\t * @param tooltip Button tooltip.\n\t * @param label Button label.\n\t * @param keystroke Button keystroke.\n\t */ _getTooltipString(tooltip, label, keystroke) {\n        if (tooltip) {\n            if (typeof tooltip == 'string') {\n                return tooltip;\n            } else {\n                if (keystroke) {\n                    keystroke = getEnvKeystrokeText(keystroke);\n                }\n                if (tooltip instanceof Function) {\n                    return tooltip(label, keystroke);\n                } else {\n                    return `${label}${keystroke ? ` (${keystroke})` : ''}`;\n                }\n            }\n        }\n        return '';\n    }\n}\n/**\n * Checks if `aria-checkbox` can be used with specified role.\n */ function isCheckableRole(role) {\n    switch(role){\n        case 'radio':\n        case 'checkbox':\n        case 'option':\n        case 'switch':\n        case 'menuitemcheckbox':\n        case 'menuitemradio':\n            return true;\n        default:\n            return false;\n    }\n}\n\n/**\n * The class component representing a form header view. It should be used in more advanced forms to\n * describe the main purpose of the form.\n *\n * By default the component contains a bolded label view that has to be set. The label is usually a short (at most 3-word) string.\n * The component can also be extended by any other elements, like: icons, dropdowns, etc.\n *\n * It is used i.a.\n * by {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView}.\n *\n * The latter is an example, where the component has been extended by {@link module:ui/dropdown/dropdownview~DropdownView} view.\n */ class FormHeaderView extends View {\n    /**\n\t * A collection of header items.\n\t */ children;\n    /**\n\t * The icon view instance. Defined only if icon was passed in the constructor's options.\n\t */ iconView;\n    /**\n\t * Creates an instance of the form header class.\n\t *\n\t * @param locale The locale instance.\n\t * @param options.label A label.\n\t * @param options.class An additional class.\n\t */ constructor(locale, options = {}){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('label', options.label || '');\n        this.set('class', options.class || null);\n        this.children = this.createCollection();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form__header',\n                    bind.to('class')\n                ]\n            },\n            children: this.children\n        });\n        if (options.icon) {\n            this.iconView = new IconView();\n            this.iconView.content = options.icon;\n            this.children.add(this.iconView);\n        }\n        const label = new View(locale);\n        label.setTemplate({\n            tag: 'h2',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form__header__label'\n                ],\n                role: 'presentation'\n            },\n            children: [\n                {\n                    text: bind.to('label')\n                }\n            ]\n        });\n        this.children.add(label);\n    }\n}\n\n/**\n * A utility class that helps cycling over {@link module:ui/focuscycler~FocusableView focusable views} in a\n * {@link module:ui/viewcollection~ViewCollection} when the focus is tracked by the\n * {@link module:utils/focustracker~FocusTracker} instance. It helps implementing keyboard\n * navigation in HTML forms, toolbars, lists and the like.\n *\n * To work properly it requires:\n * * a collection of focusable (HTML `tabindex` attribute) views that implement the `focus()` method,\n * * an associated focus tracker to determine which view is focused.\n *\n * A simple cycler setup can look like this:\n *\n * ```ts\n * const focusables = new ViewCollection<FocusableView>();\n * const focusTracker = new FocusTracker();\n *\n * // Add focusable views to the focus tracker.\n * focusTracker.add( ... );\n * ```\n *\n * Then, the cycler can be used manually:\n *\n * ```ts\n * const cycler = new FocusCycler( { focusables, focusTracker } );\n *\n * // Will focus the first focusable view in #focusables.\n * cycler.focusFirst();\n *\n * // Will log the next focusable item in #focusables.\n * console.log( cycler.next );\n * ```\n *\n * Alternatively, it can work side by side with the {@link module:utils/keystrokehandler~KeystrokeHandler}:\n *\n * ```ts\n * const keystrokeHandler = new KeystrokeHandler();\n *\n * // Activate the keystroke handler.\n * keystrokeHandler.listenTo( sourceOfEvents );\n *\n * const cycler = new FocusCycler( {\n * \tfocusables, focusTracker, keystrokeHandler,\n * \tactions: {\n * \t\t// When arrowup of arrowleft is detected by the #keystrokeHandler,\n * \t\t// focusPrevious() will be called on the cycler.\n * \t\tfocusPrevious: [ 'arrowup', 'arrowleft' ],\n * \t}\n * } );\n * ```\n *\n * Check out the {@glink framework/deep-dive/ui/focus-tracking \"Deep dive into focus tracking\"} guide to learn more.\n */ class FocusCycler extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * A {@link module:ui/focuscycler~FocusableView focusable views} collection that the cycler operates on.\n\t */ focusables;\n    /**\n\t * A focus tracker instance that the cycler uses to determine the current focus\n\t * state in {@link #focusables}.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}\n\t * which can respond to certain keystrokes and cycle the focus.\n\t */ keystrokeHandler;\n    /**\n\t * Actions that the cycler can take when a keystroke is pressed. Requires\n\t * `options.keystrokeHandler` to be passed and working. When an action is\n\t * performed, `preventDefault` and `stopPropagation` will be called on the event\n\t * the keystroke fired in the DOM.\n\t *\n\t * ```ts\n\t * actions: {\n\t * \t// Will call #focusPrevious() when arrowleft or arrowup is pressed.\n\t * \tfocusPrevious: [ 'arrowleft', 'arrowup' ],\n\t *\n\t * \t// Will call #focusNext() when arrowdown is pressed.\n\t * \tfocusNext: 'arrowdown'\n\t * }\n\t * ```\n\t */ actions;\n    /**\n\t * Creates an instance of the focus cycler utility.\n\t *\n\t * @param options Configuration options.\n\t */ constructor(options){\n        super();\n        this.focusables = options.focusables;\n        this.focusTracker = options.focusTracker;\n        this.keystrokeHandler = options.keystrokeHandler;\n        this.actions = options.actions;\n        if (options.actions && options.keystrokeHandler) {\n            for(const methodName in options.actions){\n                let actions = options.actions[methodName];\n                if (typeof actions == 'string') {\n                    actions = [\n                        actions\n                    ];\n                }\n                for (const keystroke of actions){\n                    options.keystrokeHandler.set(keystroke, (data, cancel)=>{\n                        this[methodName]();\n                        cancel();\n                    }, options.keystrokeHandlerOptions);\n                }\n            }\n        }\n        this.on('forwardCycle', ()=>this.focusFirst(), {\n            priority: 'low'\n        });\n        this.on('backwardCycle', ()=>this.focusLast(), {\n            priority: 'low'\n        });\n    }\n    /**\n\t * Returns the first focusable view in {@link #focusables}.\n\t * Returns `null` if there is none.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */ get first() {\n        return this.focusables.find(isDomFocusable) || null;\n    }\n    /**\n\t * Returns the last focusable view in {@link #focusables}.\n\t * Returns `null` if there is none.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */ get last() {\n        return this.focusables.filter(isDomFocusable).slice(-1)[0] || null;\n    }\n    /**\n\t * Returns the next focusable view in {@link #focusables} based on {@link #current}.\n\t * Returns `null` if there is none.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */ get next() {\n        return this._getDomFocusableItem(1);\n    }\n    /**\n\t * Returns the previous focusable view in {@link #focusables} based on {@link #current}.\n\t * Returns `null` if there is none.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */ get previous() {\n        return this._getDomFocusableItem(-1);\n    }\n    /**\n\t * An index of the view in the {@link #focusables} which is focused according\n\t * to {@link #focusTracker}. Returns `null` when there is no such view.\n\t */ get current() {\n        let index = null;\n        // There's no focused view in the focusables.\n        if (this.focusTracker.focusedElement === null) {\n            return null;\n        }\n        this.focusables.find((view, viewIndex)=>{\n            const focused = view.element === this.focusTracker.focusedElement;\n            if (focused) {\n                index = viewIndex;\n            }\n            return focused;\n        });\n        return index;\n    }\n    /**\n\t * Focuses the {@link #first} item in {@link #focusables}.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */ focusFirst() {\n        this._focus(this.first, 1);\n    }\n    /**\n\t * Focuses the {@link #last} item in {@link #focusables}.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */ focusLast() {\n        this._focus(this.last, -1);\n    }\n    /**\n\t * Focuses the {@link #next} item in {@link #focusables}.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */ focusNext() {\n        const next = this.next;\n        // If there's only one focusable item, we need to let the outside world know\n        // that the next cycle is about to happen. This may be useful\n        // e.g. if you want to move the focus to the parent focus cycler.\n        // Note that the focus is not actually moved in this case.\n        if (next && this.focusables.getIndex(next) === this.current) {\n            this.fire('forwardCycle');\n            return;\n        }\n        if (next === this.first) {\n            this.fire('forwardCycle');\n        } else {\n            this._focus(next, 1);\n        }\n    }\n    /**\n\t * Focuses the {@link #previous} item in {@link #focusables}.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */ focusPrevious() {\n        const previous = this.previous;\n        if (previous && this.focusables.getIndex(previous) === this.current) {\n            this.fire('backwardCycle');\n            return;\n        }\n        if (previous === this.last) {\n            this.fire('backwardCycle');\n        } else {\n            this._focus(previous, -1);\n        }\n    }\n    /**\n\t * Allows for creating continuous focus cycling across multiple focus cyclers and their collections of {@link #focusables}.\n\t *\n\t * It starts listening to the {@link module:ui/focuscycler~FocusCyclerForwardCycleEvent} and\n\t * {@link module:ui/focuscycler~FocusCyclerBackwardCycleEvent} events of the chained focus cycler and engages,\n\t * whenever the user reaches the last (forwards navigation) or first (backwards navigation) focusable view\n\t * and would normally start over. Instead, the navigation continues on the higher level (flattens).\n\t *\n\t * For instance, for the following nested focus navigation structure, the focus would get stuck the moment\n\t * the AB gets focused and its focus cycler starts managing it:\n\t *\n\t *\t   ┌────────────┐   ┌──────────────────────────────────┐   ┌────────────┐\n\t *\t   │ AA         │   │ AB                               │   │ AC         │\n\t *\t   │            │   │                                  │   │            │\n\t *\t   │            │   │    ┌─────┐  ┌─────┐  ┌─────┐     │   │            │\n\t *\t   │            │   │ ┌──► ABA ├──► ABB ├──► ABC ├───┐ │   │            │\n\t *\t   │            ├───► │  └─────┘  └─────┘  └─────┘   │ │   │            │\n\t *\t   │            │   │ │                              │ │   │            │\n\t *\t   │            │   │ │                              │ │   │            │\n\t *\t   │            │   │ └──────────────────────────────┘ │   │            │\n\t *\t   │            │   │                                  │   │            │\n\t *\t   └────────────┘   └──────────────────────────────────┘   └────────────┘\n\t *\n\t * Chaining a focus tracker that manages AA, AB, and AC with the focus tracker that manages ABA, ABB, and ABC\n\t * creates a seamless navigation experience instead:\n\t *\n\t *\t   ┌────────────┐   ┌──────────────────────────────────┐   ┌────────────┐\n\t *\t   │ AA         │   │ AB                               │   │ AC         │\n\t *\t   │            │   │                                  │   │            │\n\t *\t   │            │   │    ┌─────┐  ┌─────┐  ┌─────┐     │   │            │\n\t *\t   │            │   │ ┌──► ABA ├──► ABB ├──► ABC ├──┐  │   │            │\n\t *\t┌──►            ├───┼─┘  └─────┘  └─────┘  └─────┘  └──┼───►            ├──┐\n\t *\t│  │            │   │                                  │   │            │  │\n\t *\t│  │            │   │                                  │   │            │  │\n\t *\t│  │            │   │                                  │   │            │  │\n\t *\t│  │            │   │                                  │   │            │  │\n\t *\t│  └────────────┘   └──────────────────────────────────┘   └────────────┘  │\n\t *\t│                                                                          │\n\t *\t│                                                                          │\n\t *\t└──────────────────────────────────────────────────────────────────────────┘\n\t *\n\t * See {@link #unchain} to reverse the chaining.\n\t */ chain(chainedFocusCycler) {\n        const getCurrentFocusedView = ()=>{\n            // This may happen when one focus cycler does not include focusables of the other (horizontal case).\n            if (this.current === null) {\n                return null;\n            }\n            return this.focusables.get(this.current);\n        };\n        this.listenTo(chainedFocusCycler, 'forwardCycle', (evt)=>{\n            const oldCurrent = getCurrentFocusedView();\n            this.focusNext();\n            // Stop the event propagation only if an attempt at focusing the view actually moved the focus.\n            // If not, let the otherFocusCycler handle the event.\n            if (oldCurrent !== getCurrentFocusedView()) {\n                evt.stop();\n            }\n        // The priority is critical for cycling across multiple chain levels when there's a single view at some of them only.\n        }, {\n            priority: 'low'\n        });\n        this.listenTo(chainedFocusCycler, 'backwardCycle', (evt)=>{\n            const oldCurrent = getCurrentFocusedView();\n            this.focusPrevious();\n            // Stop the event propagation only if an attempt at focusing the view actually moved the focus.\n            // If not, let the otherFocusCycler handle the event.\n            if (oldCurrent !== getCurrentFocusedView()) {\n                evt.stop();\n            }\n        // The priority is critical for cycling across multiple chain levels when there's a single view at some of them only.\n        }, {\n            priority: 'low'\n        });\n    }\n    /**\n\t * Reverses a chaining made by {@link #chain}.\n\t */ unchain(otherFocusCycler) {\n        this.stopListening(otherFocusCycler);\n    }\n    /**\n\t * Focuses the given view if it exists.\n\t *\n\t * @param view The view to be focused\n\t * @param direction The direction of the focus if the view has focusable children.\n\t * @returns\n\t */ _focus(view, direction) {\n        // Don't fire focus events if the view is already focused.\n        // Such attempt may occur when cycling with only one focusable item:\n        // even though `focusNext()` method returns without changing focus,\n        // the `forwardCycle` event is fired, triggering the `focusFirst()` method.\n        if (view && this.focusTracker.focusedElement !== view.element) {\n            view.focus(direction);\n        }\n    }\n    /**\n\t * Returns the next or previous focusable view in {@link #focusables} with respect\n\t * to {@link #current}.\n\t *\n\t * @param step Either `1` for checking forward from {@link #current} or `-1` for checking backwards.\n\t */ _getDomFocusableItem(step) {\n        // Cache for speed.\n        const collectionLength = this.focusables.length;\n        if (!collectionLength) {\n            return null;\n        }\n        const current = this.current;\n        // Start from the beginning if no view is focused.\n        // https://github.com/ckeditor/ckeditor5-ui/issues/206\n        if (current === null) {\n            return this[step === 1 ? 'first' : 'last'];\n        }\n        // Note: If current is the only focusable view, it will also be returned for the given step.\n        let focusableItem = this.focusables.get(current);\n        // Cycle in both directions.\n        let index = (current + collectionLength + step) % collectionLength;\n        do {\n            const focusableItemCandidate = this.focusables.get(index);\n            if (isDomFocusable(focusableItemCandidate)) {\n                focusableItem = focusableItemCandidate;\n                break;\n            }\n            // Cycle in both directions.\n            index = (index + collectionLength + step) % collectionLength;\n        }while (index !== current)\n        return focusableItem;\n    }\n}\n/**\n * Checks whether a view can be focused (has `focus()` method and is visible).\n *\n * @param view A view to be checked.\n */ function isDomFocusable(view) {\n    return isFocusable(view) && isVisible(view.element);\n}\n/**\n * Checks whether a view is {@link ~FocusableView}.\n *\n * @param view A view to be checked.\n */ function isFocusable(view) {\n    return !!('focus' in view && typeof view.focus == 'function');\n}\n/**\n * Checks whether a view is an instance of {@link ~ViewWithFocusCycler}.\n *\n * @param view A view to be checked.\n */ function isViewWithFocusCycler(view) {\n    return isFocusable(view) && 'focusCycler' in view && view.focusCycler instanceof FocusCycler;\n}\n\n/**\n * A dialog actions view class. It contains button views which are used to execute dialog actions.\n */ class DialogActionsView extends View {\n    /**\n\t * A collection of button views.\n\t */ children;\n    /**\n\t * A keystroke handler instance.\n\t */ keystrokes;\n    /**\n\t * A focus cycler instance.\n\t */ focusCycler;\n    /**\n\t * A focus tracker instance.\n\t */ _focusTracker;\n    /**\n\t * A collection of focusable views.\n\t */ _focusables;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.children = this.createCollection();\n        this.keystrokes = new KeystrokeHandler();\n        this._focusTracker = new FocusTracker();\n        this._focusables = new ViewCollection();\n        this.focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this._focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-dialog__actions'\n                ]\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * Creates the button views based on the given definitions.\n\t * Then adds them to the {@link #children} collection and to the focus cycler.\n\t */ setButtons(definitions) {\n        for (const definition of definitions){\n            const button = new ButtonView(this.locale);\n            let property;\n            button.on('execute', ()=>definition.onExecute());\n            if (definition.onCreate) {\n                definition.onCreate(button);\n            }\n            for(property in definition){\n                if (property != 'onExecute' && property != 'onCreate') {\n                    button.set(property, definition[property]);\n                }\n            }\n            this.children.add(button);\n        }\n        this._updateFocusCyclableItems();\n    }\n    /**\n\t * @inheritDoc\n\t */ focus(direction) {\n        if (direction === -1) {\n            this.focusCycler.focusLast();\n        } else {\n            this.focusCycler.focusFirst();\n        }\n    }\n    /**\n\t * Adds all elements from the {@link #children} collection to the {@link #_focusables} collection\n\t * and to the {@link #_focusTracker} instance.\n\t */ _updateFocusCyclableItems() {\n        Array.from(this.children).forEach((v)=>{\n            this._focusables.add(v);\n            this._focusTracker.add(v.element);\n        });\n    }\n}\n\n/**\n * A dialog content view class.\n */ class DialogContentView extends View {\n    /**\n\t * A collection of content items.\n\t */ children;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.children = this.createCollection();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-dialog__content'\n                ]\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * Removes all the child views.\n\t */ reset() {\n        while(this.children.length){\n            this.children.remove(0);\n        }\n    }\n}\n\n// @if CK_DEBUG_DIALOG // const RectDrawer = require( '@ckeditor/ckeditor5-utils/tests/_utils/rectdrawer' ).default;\n/**\n * Available dialog view positions:\n *\n * * `DialogViewPosition.SCREEN_CENTER` &ndash; A fixed position in the center of the screen.\n * * `DialogViewPosition.EDITOR_CENTER` &ndash; A dynamic position in the center of the editor editable area.\n * * `DialogViewPosition.EDITOR_TOP_SIDE` &ndash; A dynamic position at the top-right (for the left-to-right languages)\n * or top-left (for right-to-left languages) corner of the editor editable area.\n * * `DialogViewPosition.EDITOR_TOP_CENTER` &ndash; A dynamic position at the top-center of the editor editable area.\n * * `DialogViewPosition.EDITOR_BOTTOM_CENTER` &ndash; A dynamic position at the bottom-center of the editor editable area.\n * * `DialogViewPosition.EDITOR_ABOVE_CENTER` &ndash; A dynamic position centered above the editor editable area.\n * * `DialogViewPosition.EDITOR_BELOW_CENTER` &ndash; A dynamic position centered below the editor editable area.\n *\n * The position of a dialog is specified by a {@link module:ui/dialog/dialog~DialogDefinition#position `position` property} of a\n * definition passed to the {@link module:ui/dialog/dialog~Dialog#show} method.\n */ const DialogViewPosition = {\n    SCREEN_CENTER: 'screen-center',\n    EDITOR_CENTER: 'editor-center',\n    EDITOR_TOP_SIDE: 'editor-top-side',\n    EDITOR_TOP_CENTER: 'editor-top-center',\n    EDITOR_BOTTOM_CENTER: 'editor-bottom-center',\n    EDITOR_ABOVE_CENTER: 'editor-above-center',\n    EDITOR_BELOW_CENTER: 'editor-below-center'\n};\nconst toPx$6 = /* #__PURE__ */ toUnit('px');\n/**\n * A dialog view class.\n */ class DialogView extends /* #__PURE__ */ DraggableViewMixin(View) {\n    /**\n\t * A collection of the child views inside of the dialog.\n\t * A dialog can have 3 optional parts: header, content, and actions.\n\t */ parts;\n    /**\n\t * A header view of the dialog. It is also a drag handle of the dialog.\n\t */ headerView;\n    /**\n\t * A close button view. It is automatically added to the header view if present.\n\t */ closeButtonView;\n    /**\n\t * A view with the action buttons available to the user.\n\t */ actionsView;\n    /**\n\t * A default dialog element offset from the reference element (e.g. editor editable area).\n\t */ static defaultOffset = 15;\n    /**\n\t * A view with the dialog content.\n\t */ contentView;\n    /**\n\t * A keystroke handler instance.\n\t */ keystrokes;\n    /**\n\t * A focus tracker instance.\n\t */ focusTracker;\n    /**\n\t * A flag indicating if the dialog was moved manually. If so, its position\n\t * will not be updated automatically upon window resize or document scroll.\n\t */ wasMoved = false;\n    /**\n\t * A callback returning the DOM root that requested the dialog.\n\t */ _getCurrentDomRoot;\n    /**\n\t * A callback returning the configured editor viewport offset.\n\t */ _getViewportOffset;\n    /**\n\t * The list of the focusable elements inside the dialog view.\n\t */ _focusables;\n    /**\n\t * The focus cycler instance.\n\t */ _focusCycler;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, { getCurrentDomRoot, getViewportOffset, keystrokeHandlerOptions }){\n        super(locale);\n        const bind = this.bindTemplate;\n        const t = locale.t;\n        this.set('className', '');\n        this.set('ariaLabel', t('Editor dialog'));\n        this.set('isModal', false);\n        this.set('position', DialogViewPosition.SCREEN_CENTER);\n        this.set('_isVisible', false);\n        this.set('_isTransparent', false);\n        this.set('_top', 0);\n        this.set('_left', 0);\n        this._getCurrentDomRoot = getCurrentDomRoot;\n        this._getViewportOffset = getViewportOffset;\n        this.decorate('moveTo');\n        this.parts = this.createCollection();\n        this.keystrokes = new KeystrokeHandler();\n        this.focusTracker = new FocusTracker();\n        this._focusables = new ViewCollection();\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            },\n            keystrokeHandlerOptions\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-dialog-overlay',\n                    bind.if('isModal', 'ck-dialog-overlay__transparent', (isModal)=>!isModal),\n                    bind.if('_isVisible', 'ck-hidden', (value)=>!value)\n                ],\n                // Prevent from editor losing focus when clicking on the modal overlay.\n                tabindex: '-1'\n            },\n            children: [\n                {\n                    tag: 'div',\n                    attributes: {\n                        tabindex: '-1',\n                        class: [\n                            'ck',\n                            'ck-dialog',\n                            bind.if('isModal', 'ck-dialog_modal'),\n                            bind.to('className')\n                        ],\n                        role: 'dialog',\n                        'aria-label': bind.to('ariaLabel'),\n                        style: {\n                            top: bind.to('_top', (top)=>toPx$6(top)),\n                            left: bind.to('_left', (left)=>toPx$6(left)),\n                            visibility: bind.if('_isTransparent', 'hidden')\n                        }\n                    },\n                    children: this.parts\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.keystrokes.set('Esc', (data, cancel)=>{\n            // Do not react to the Esc key if the event has already been handled and defaultPrevented\n            // by some logic of the dialog guest (child) view (https://github.com/ckeditor/ckeditor5/issues/17343).\n            if (!data.defaultPrevented) {\n                this.fire('close', {\n                    source: 'escKeyPress'\n                });\n                cancel();\n            }\n        });\n        // Support for dragging the modal.\n        this.on('drag', (evt, { deltaX, deltaY })=>{\n            this.wasMoved = true;\n            this.moveBy(deltaX, deltaY);\n        });\n        // Update dialog position upon window resize, if the position was not changed manually.\n        this.listenTo(global.window, 'resize', ()=>{\n            if (this._isVisible && !this.wasMoved) {\n                this.updatePosition();\n            }\n        });\n        // Update dialog position upon document scroll, if the position was not changed manually.\n        this.listenTo(global.document, 'scroll', ()=>{\n            if (this._isVisible && !this.wasMoved) {\n                this.updatePosition();\n            }\n        });\n        this.on('change:_isVisible', (evt, name, isVisible)=>{\n            if (isVisible) {\n                // Let the content render first, then apply the position. Otherwise, the calculated DOM Rects\n                // will not reflect the final look of the dialog. Note that we're not using #_moveOffScreen() here because\n                // it causes a violent movement of the viewport on iOS (because the dialog still keeps the DOM focus).\n                this._isTransparent = true;\n                // FYI: RAF is too short. We need to wait a bit longer.\n                setTimeout(()=>{\n                    this.updatePosition();\n                    this._isTransparent = false;\n                    // The view must get the focus after it gets visible. But this is only possible\n                    // after the dialog is no longer transparent.\n                    this.focus();\n                }, 10);\n            }\n        });\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * Returns the element that should be used as a drag handle.\n\t */ get dragHandleElement() {\n        // Modals should not be draggable.\n        if (this.headerView && !this.isModal) {\n            return this.headerView.element;\n        } else {\n            return null;\n        }\n    }\n    /**\n\t * Creates the dialog parts. Which of them are created depends on the arguments passed to the method.\n\t * There are no rules regarding the dialog construction, that is, no part is mandatory.\n\t * Each part can only be created once.\n\t *\n\t * @internal\n\t */ setupParts({ icon, title, hasCloseButton = true, content, actionButtons }) {\n        if (title) {\n            this.headerView = new FormHeaderView(this.locale, {\n                icon\n            });\n            if (hasCloseButton) {\n                this.closeButtonView = this._createCloseButton();\n                this.headerView.children.add(this.closeButtonView);\n            }\n            this.headerView.label = title;\n            this.ariaLabel = title;\n            this.parts.add(this.headerView, 0);\n        }\n        if (content) {\n            // Normalize the content specified in the arguments.\n            if (content instanceof View) {\n                content = [\n                    content\n                ];\n            }\n            this.contentView = new DialogContentView(this.locale);\n            this.contentView.children.addMany(content);\n            this.parts.add(this.contentView);\n        }\n        if (actionButtons) {\n            this.actionsView = new DialogActionsView(this.locale);\n            this.actionsView.setButtons(actionButtons);\n            this.parts.add(this.actionsView);\n        }\n        this._updateFocusCyclableItems();\n    }\n    /**\n\t * Focuses the first focusable element inside the dialog.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Normalizes the passed coordinates to make sure the dialog view\n\t * is displayed within the visible viewport and moves it there.\n\t *\n\t * @internal\n\t */ moveTo(left, top) {\n        const viewportRect = this._getViewportRect();\n        const dialogRect = this._getDialogRect();\n        // Don't let the dialog go beyond the right edge of the viewport.\n        if (left + dialogRect.width > viewportRect.right) {\n            left = viewportRect.right - dialogRect.width;\n        }\n        // Don't let the dialog go beyond the left edge of the viewport.\n        if (left < viewportRect.left) {\n            left = viewportRect.left;\n        }\n        // Don't let the dialog go beyond the top edge of the viewport.\n        if (top < viewportRect.top) {\n            top = viewportRect.top;\n        }\n        // Note: We don't do the same for the bottom edge to allow users to resize the window vertically\n        // and let the dialog to stay put instead of covering the editing root.\n        this._moveTo(left, top);\n    }\n    /**\n\t * Moves the dialog to the specified coordinates.\n\t */ _moveTo(left, top) {\n        this._left = left;\n        this._top = top;\n    }\n    /**\n\t * Moves the dialog by the specified offset.\n\t *\n\t * @internal\n\t */ moveBy(left, top) {\n        this.moveTo(this._left + left, this._top + top);\n    }\n    /**\n\t * Moves the dialog view to the off-screen position.\n\t * Used when there is no space to display the dialog.\n\t */ _moveOffScreen() {\n        this._moveTo(-9999, -9999);\n    }\n    /**\n\t * Recalculates the dialog according to the set position and viewport,\n\t * and moves it to the new position.\n\t */ updatePosition() {\n        if (!this.element || !this.element.parentNode) {\n            return;\n        }\n        const viewportRect = this._getViewportRect();\n        // Actual position may be different from the configured one if there's no DOM root.\n        let configuredPosition = this.position;\n        let domRootRect;\n        if (!this._getCurrentDomRoot()) {\n            configuredPosition = DialogViewPosition.SCREEN_CENTER;\n        } else {\n            domRootRect = this._getVisibleDomRootRect(viewportRect);\n        }\n        const defaultOffset = DialogView.defaultOffset;\n        const dialogRect = this._getDialogRect();\n        if (this.position == null) {\n            return;\n        } else if (typeof this.position == 'function') {\n            const coords = this.position(dialogRect, domRootRect);\n            if (coords == null) {\n                this._moveOffScreen();\n                return;\n            }\n            this._moveTo(coords.left, coords.top);\n            return;\n        }\n        // @if CK_DEBUG_DIALOG // RectDrawer.clear();\n        // @if CK_DEBUG_DIALOG // RectDrawer.draw( viewportRect, { outlineColor: 'blue' }, 'Viewport' );\n        switch(configuredPosition){\n            case DialogViewPosition.EDITOR_TOP_SIDE:\n                {\n                    // @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n                    // @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n                    // @if CK_DEBUG_DIALOG // }\n                    if (domRootRect) {\n                        const leftCoordinate = this.locale.contentLanguageDirection === 'ltr' ? domRootRect.right - dialogRect.width - defaultOffset : domRootRect.left + defaultOffset;\n                        this.moveTo(leftCoordinate, domRootRect.top + defaultOffset);\n                    } else {\n                        this._moveOffScreen();\n                    }\n                    break;\n                }\n            case DialogViewPosition.EDITOR_CENTER:\n                {\n                    if (domRootRect) {\n                        this.moveTo(Math.round(domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2), Math.round(domRootRect.top + domRootRect.height / 2 - dialogRect.height / 2));\n                    } else {\n                        this._moveOffScreen();\n                    }\n                    break;\n                }\n            case DialogViewPosition.SCREEN_CENTER:\n                {\n                    this.moveTo(Math.round((viewportRect.width - dialogRect.width) / 2), Math.round((viewportRect.height - dialogRect.height) / 2));\n                    break;\n                }\n            case DialogViewPosition.EDITOR_TOP_CENTER:\n                {\n                    // @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n                    // @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n                    // @if CK_DEBUG_DIALOG // }\n                    if (domRootRect) {\n                        this.moveTo(Math.round(domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2), domRootRect.top + defaultOffset);\n                    } else {\n                        this._moveOffScreen();\n                    }\n                    break;\n                }\n            case DialogViewPosition.EDITOR_BOTTOM_CENTER:\n                {\n                    // @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n                    // @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n                    // @if CK_DEBUG_DIALOG // }\n                    if (domRootRect) {\n                        this.moveTo(Math.round(domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2), domRootRect.bottom - dialogRect.height - defaultOffset);\n                    } else {\n                        this._moveOffScreen();\n                    }\n                    break;\n                }\n            case DialogViewPosition.EDITOR_ABOVE_CENTER:\n                {\n                    // @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n                    // @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n                    // @if CK_DEBUG_DIALOG // }\n                    if (domRootRect) {\n                        this.moveTo(Math.round(domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2), domRootRect.top - dialogRect.height - defaultOffset);\n                    } else {\n                        this._moveOffScreen();\n                    }\n                    break;\n                }\n            case DialogViewPosition.EDITOR_BELOW_CENTER:\n                {\n                    // @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n                    // @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n                    // @if CK_DEBUG_DIALOG // }\n                    if (domRootRect) {\n                        this.moveTo(Math.round(domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2), domRootRect.bottom + defaultOffset);\n                    } else {\n                        this._moveOffScreen();\n                    }\n                    break;\n                }\n        }\n    }\n    /**\n\t * Calculates the visible DOM root part.\n\t */ _getVisibleDomRootRect(viewportRect) {\n        let visibleDomRootRect = new Rect(this._getCurrentDomRoot()).getVisible();\n        if (!visibleDomRootRect) {\n            return null;\n        } else {\n            visibleDomRootRect = viewportRect.getIntersection(visibleDomRootRect);\n            if (!visibleDomRootRect) {\n                return null;\n            }\n        }\n        return visibleDomRootRect;\n    }\n    /**\n\t * Calculates the dialog element rect.\n\t */ _getDialogRect() {\n        return new Rect(this.element.firstElementChild);\n    }\n    /**\n\t * Returns a viewport `Rect` shrunk by the viewport offset config from all sides.\n\t */ _getViewportRect() {\n        const viewportRect = new Rect(global.window);\n        // Modals should not be restricted by the viewport offsets as they are always displayed on top of the page.\n        if (this.isModal) {\n            return viewportRect;\n        }\n        return getConstrainedViewportRect(this._getViewportOffset());\n    }\n    /**\n\t * Collects all focusable elements inside the dialog parts\n\t * and adds them to the focus tracker and focus cycler.\n\t */ _updateFocusCyclableItems() {\n        const focusables = [];\n        if (this.contentView) {\n            for (const child of this.contentView.children){\n                if (isFocusable(child)) {\n                    focusables.push(child);\n                }\n            }\n        }\n        if (this.actionsView) {\n            focusables.push(this.actionsView);\n        }\n        if (this.closeButtonView) {\n            focusables.push(this.closeButtonView);\n        }\n        focusables.forEach((focusable)=>{\n            this._focusables.add(focusable);\n            this.focusTracker.add(focusable.element);\n            if (isViewWithFocusCycler(focusable)) {\n                this._focusCycler.chain(focusable.focusCycler);\n            }\n        });\n    }\n    /**\n\t * Creates the close button view that is displayed in the header view corner.\n\t */ _createCloseButton() {\n        const buttonView = new ButtonView(this.locale);\n        const t = this.locale.t;\n        buttonView.set({\n            label: t('Close'),\n            tooltip: true,\n            icon: IconCancel\n        });\n        buttonView.on('execute', ()=>this.fire('close', {\n                source: 'closeButton'\n            }));\n        return buttonView;\n    }\n}\n\n/**\n * The dialog controller class. It is used to show and hide the {@link module:ui/dialog/dialogview~DialogView}.\n */ class Dialog extends Plugin {\n    /**\n\t * The currently visible dialog view instance.\n\t */ view;\n    /**\n\t * The `Dialog` plugin instance which most recently showed the dialog.\n\t *\n\t * Only one dialog can be visible at once, even if there are many editor instances on the page.\n\t * If an editor wants to show a dialog, it should first hide the dialog that is already opened.\n\t * But only the `Dialog` instance that showed the dialog is able able to properly hide it.\n\t * This is why we need to store it in a globally available space (static property).\n\t * This way every `Dialog` plugin in every editor is able to correctly close any open dialog window.\n\t */ static _visibleDialogPlugin;\n    /**\n\t * A configurable callback called when the dialog is hidden.\n\t */ _onHide;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Dialog';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        const t = editor.t;\n        this._initShowHideListeners();\n        this._initFocusToggler();\n        this._initMultiRootIntegration();\n        this.set({\n            id: null,\n            isOpen: false\n        });\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            categoryId: 'navigation',\n            keystrokes: [\n                {\n                    label: t('Move focus in and out of an active dialog window'),\n                    keystroke: 'Ctrl+F6',\n                    mayRequireFn: true\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        if (Dialog._visibleDialogPlugin === this) {\n            this._unlockBodyScroll();\n        }\n    }\n    /**\n\t * Initiates listeners for the `show` and `hide` events emitted by this plugin.\n\t *\n\t * We could not simply decorate the {@link #show} and {@link #hide} methods to fire events,\n\t * because they would be fired in the wrong order &ndash; first would be `show` and then `hide`\n\t * (because showing the dialog actually starts with hiding the previously visible one).\n\t * Hence, we added private methods {@link #_show} and {@link #_hide} which are called on events\n\t * in the desired sequence.\n\t */ _initShowHideListeners() {\n        this.on('show', (evt, args)=>{\n            this._show(args);\n        });\n        // 'low' priority allows to add custom callback between `_show()` and `onShow()`.\n        this.on('show', (evt, args)=>{\n            if (args.onShow) {\n                args.onShow(this);\n            }\n        }, {\n            priority: 'low'\n        });\n        this.on('hide', ()=>{\n            if (Dialog._visibleDialogPlugin) {\n                Dialog._visibleDialogPlugin._hide();\n            }\n        });\n        // 'low' priority allows to add custom callback between `_hide()` and `onHide()`.\n        this.on('hide', ()=>{\n            if (this._onHide) {\n                this._onHide(this);\n                this._onHide = undefined;\n            }\n        }, {\n            priority: 'low'\n        });\n    }\n    /**\n\t * Initiates keystroke handler for toggling the focus between the editor and the dialog view.\n\t */ _initFocusToggler() {\n        const editor = this.editor;\n        editor.keystrokes.set('Ctrl+F6', (data, cancel)=>{\n            if (!this.isOpen || this.view.isModal) {\n                return;\n            }\n            if (this.view.focusTracker.isFocused) {\n                editor.editing.view.focus();\n            } else {\n                this.view.focus();\n            }\n            cancel();\n        });\n    }\n    /**\n\t * Provides an integration between the root attaching and detaching and positioning of the view.\n\t */ _initMultiRootIntegration() {\n        const model = this.editor.model;\n        model.document.on('change:data', ()=>{\n            if (!this.view) {\n                return;\n            }\n            const changedRoots = model.document.differ.getChangedRoots();\n            for (const changes of changedRoots){\n                if (changes.state) {\n                    this.view.updatePosition();\n                }\n            }\n        });\n    }\n    /**\n\t * Displays a dialog window.\n\t *\n\t * This method requires a {@link ~DialogDefinition} that defines the dialog's content, title, icon, action buttons, etc.\n\t *\n\t * For example, the following definition will create a dialog with:\n\t * * A header consisting of an icon, a title, and a \"Close\" button (it is added by default).\n\t * * A content consisting of a view with a single paragraph.\n\t * * A footer consisting of two buttons: \"Yes\" and \"No\".\n\t *\n\t * ```js\n\t * // Create the view that will be used as the dialog's content.\n\t * const textView = new View( locale );\n\t *\n\t * textView.setTemplate( {\n\t * \ttag: 'div',\n\t * \tattributes: {\n\t * \t\tstyle: {\n\t * \t\t\tpadding: 'var(--ck-spacing-large)',\n\t * \t\t\twhiteSpace: 'initial',\n\t * \t\t\twidth: '100%',\n\t * \t\t\tmaxWidth: '500px'\n\t * \t\t},\n\t * \t\ttabindex: -1\n\t * \t},\n\t * \tchildren: [\n\t * \t\t'Lorem ipsum dolor sit amet...'\n\t * \t]\n\t * } );\n\t *\n\t * // Show the dialog.\n\t * editor.plugins.get( 'Dialog' ).show( {\n\t *\tid: 'myDialog',\n\t * \ticon: 'myIcon', // This should be an SVG string.\n\t * \ttitle: 'My dialog',\n\t * \tcontent: textView,\n\t * \tactionButtons: [\n\t *\t\t{\n\t *\t\t\tlabel: t( 'Yes' ),\n\t *\t\t\tclass: 'ck-button-action',\n\t *\t\t\twithText: true,\n\t *\t\t\tonExecute: () => dialog.hide()\n\t *\t\t},\n\t *\t\t{\n\t *\t\t\tlabel: t( 'No' ),\n\t *\t\t\twithText: true,\n\t *\t\t\tonExecute: () => dialog.hide()\n\t *\t\t}\n\t *\t]\n\t * } );\n\t * ```\n\t *\n\t * By specifying the {@link ~DialogDefinition#onShow} and {@link ~DialogDefinition#onHide} callbacks\n\t * it is also possible to add callbacks that will be called when the dialog is shown or hidden.\n\t *\n\t * For example, the callbacks in the following definition:\n\t * * Disable the default behavior of the <kbd>Esc</kbd> key.\n\t * * Fire a custom event when the dialog gets hidden.\n\t *\n\t * ```js\n\t * editor.plugins.get( 'Dialog' ).show( {\n\t * \t// ...\n\t * \tonShow: dialog => {\n\t * \t\tdialog.view.on( 'close', ( evt, data ) => {\n\t * \t\t\t// Only prevent the event from the \"Esc\" key - do not affect the other ways of closing the dialog.\n\t * \t\t\tif ( data.source === 'escKeyPress' ) {\n\t * \t\t\t\tevt.stop();\n\t * \t\t\t}\n\t * \t\t} );\n\t * \t},\n\t * \tonHide: dialog => {\n\t * \t\tdialog.fire( 'dialogDestroyed' );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Internally, calling this method:\n\t * 1. Hides the currently visible dialog (if any) calling the {@link #hide} method\n\t * (fires the {@link ~DialogHideEvent hide event}).\n\t * 2. Fires the {@link ~DialogShowEvent show event} which allows for adding callbacks that customize the\n\t * behavior of the dialog.\n\t * 3. Shows the dialog.\n\t */ show(dialogDefinition) {\n        this.hide();\n        this.fire(`show:${dialogDefinition.id}`, dialogDefinition);\n    }\n    /**\n\t * Handles creating the {@link module:ui/dialog/dialogview~DialogView} instance and making it visible.\n\t */ _show({ id, icon, title, hasCloseButton = true, content, actionButtons, className, isModal, position, onHide, keystrokeHandlerOptions }) {\n        const editor = this.editor;\n        this.view = new DialogView(editor.locale, {\n            getCurrentDomRoot: ()=>{\n                return editor.editing.view.getDomRoot(editor.model.document.selection.anchor.root.rootName);\n            },\n            getViewportOffset: ()=>{\n                return editor.ui.viewportOffset;\n            },\n            keystrokeHandlerOptions\n        });\n        const view = this.view;\n        view.on('close', ()=>{\n            this.hide();\n        });\n        editor.ui.view.body.add(view);\n        editor.keystrokes.listenTo(view.element);\n        // Unless the user specified a position, modals should always be centered on the screen.\n        // Otherwise, let's keep dialogs centered in the editing root by default.\n        if (!position) {\n            position = isModal ? DialogViewPosition.SCREEN_CENTER : DialogViewPosition.EDITOR_CENTER;\n        }\n        if (isModal) {\n            this._lockBodyScroll();\n        }\n        view.set({\n            position,\n            _isVisible: true,\n            className,\n            isModal\n        });\n        view.setupParts({\n            icon,\n            title,\n            hasCloseButton,\n            content,\n            actionButtons\n        });\n        this.id = id;\n        if (onHide) {\n            this._onHide = onHide;\n        }\n        this.isOpen = true;\n        Dialog._visibleDialogPlugin = this;\n    }\n    /**\n\t * Hides the dialog. This method is decorated to enable interacting on the {@link ~DialogHideEvent hide event}.\n\t *\n\t * See {@link #show}.\n\t */ hide() {\n        if (Dialog._visibleDialogPlugin) {\n            Dialog._visibleDialogPlugin.fire(`hide:${Dialog._visibleDialogPlugin.id}`);\n        }\n    }\n    /**\n\t * Destroys the {@link module:ui/dialog/dialogview~DialogView} and cleans up the stored dialog state.\n\t */ _hide() {\n        if (!this.view) {\n            return;\n        }\n        const editor = this.editor;\n        const view = this.view;\n        if (view.isModal) {\n            this._unlockBodyScroll();\n        }\n        // Reset the content view to prevent its children from being destroyed in the standard\n        // View#destroy() (and collections) chain. If the content children were left in there,\n        // they would have to be re-created by the feature using the dialog every time the dialog\n        // shows up.\n        if (view.contentView) {\n            view.contentView.reset();\n        }\n        editor.ui.view.body.remove(view);\n        editor.ui.focusTracker.remove(view.element);\n        editor.keystrokes.stopListening(view.element);\n        view.destroy();\n        editor.editing.view.focus();\n        this.id = null;\n        this.isOpen = false;\n        Dialog._visibleDialogPlugin = null;\n    }\n    /**\n\t * Makes the <body> unscrollable (e.g. when the modal shows up).\n\t */ _lockBodyScroll() {\n        document.documentElement.classList.add('ck-dialog-scroll-locked');\n    }\n    /**\n\t * Makes the <body> scrollable again (e.g. once the modal hides).\n\t */ _unlockBodyScroll() {\n        document.documentElement.classList.remove('ck-dialog-scroll-locked');\n    }\n}\n\n/**\n * Button that is used as dropdown list item entry.\n */ class ListItemButtonView extends ButtonView {\n    /**\n\t * Holds the view for the check icon of a button list item.\n\t */ _checkIconHolderView = new CheckIconHolderView();\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, labelView = new ButtonLabelView()){\n        super(locale, labelView);\n        this.set({\n            hasCheckSpace: false,\n            _hasCheck: this.isToggleable\n        });\n        const bind = this.bindTemplate;\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-list-item-button',\n                    bind.if('isToggleable', 'ck-list-item-button_toggleable')\n                ]\n            }\n        });\n        this.bind('_hasCheck').to(this, 'hasCheckSpace', this, 'isToggleable', (hasCheckSpace, isToggleable)=>hasCheckSpace || isToggleable);\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        if (this._hasCheck) {\n            this.children.add(this._checkIconHolderView, 0);\n        }\n        this._watchCheckIconHolderMount();\n    }\n    /**\n\t * Renders the check icon if the button is toggleable.\n\t */ _watchCheckIconHolderMount() {\n        this._checkIconHolderView.bind('isOn').to(this, 'isOn', (value)=>this.isToggleable && value);\n        this.on('change:_hasCheck', (evt, propertyName, hasCheck)=>{\n            const { children, _checkIconHolderView } = this;\n            if (hasCheck) {\n                children.add(_checkIconHolderView, 0);\n            } else {\n                children.remove(_checkIconHolderView);\n            }\n        });\n    }\n}\n/**\n * @internal\n */ class CheckIconHolderView extends View {\n    /**\n\t * Collection of child views.\n\t */ children;\n    /**\n\t * The view for the check icon of the button list item.\n\t */ _checkIconView = this._createCheckIconView();\n    /**\n\t * @inheritDoc\n\t */ constructor(){\n        super();\n        const bind = this.bindTemplate;\n        this.children = this.createCollection();\n        this.set('isOn', false);\n        this.setTemplate({\n            tag: 'span',\n            children: this.children,\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-list-item-button__check-holder',\n                    bind.to('isOn', (isOn)=>isOn ? 'ck-on' : 'ck-off')\n                ]\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        if (this.isOn) {\n            this.children.add(this._checkIconView, 0);\n        }\n        this._watchCheckIconMount();\n    }\n    /**\n\t * Renders the check icon if the button is toggleable.\n\t */ _watchCheckIconMount() {\n        this.on('change:isOn', (evt, propertyName, isOn)=>{\n            const { children, _checkIconView } = this;\n            if (isOn && !children.has(_checkIconView)) {\n                children.add(_checkIconView);\n            } else if (!isOn && children.has(_checkIconView)) {\n                children.remove(_checkIconView);\n            }\n        });\n    }\n    /**\n\t * Creates a check icon view.\n\t */ _createCheckIconView() {\n        const iconView = new IconView();\n        iconView.content = IconCheck;\n        iconView.extendTemplate({\n            attributes: {\n                class: 'ck-list-item-button__check-icon'\n            }\n        });\n        return iconView;\n    }\n}\n\n/**\n * A menu bar list button view. Buttons like this one execute user actions.\n */ class MenuBarMenuListItemButtonView extends ListItemButtonView {\n    /**\n\t * Creates an instance of the menu bar list button view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        this.set({\n            withText: true,\n            withKeystroke: true,\n            tooltip: false,\n            role: 'menuitem'\n        });\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-menu-bar__menu__item__button'\n                ]\n            }\n        });\n    }\n}\n\n/**\n * A plugin that brings the accessibility help dialog to the editor available under the <kbd>Alt</kbd>+<kbd>0</kbd>\n * keystroke and via the \"Accessibility help\" toolbar button. The dialog displays a list of keystrokes that can be used\n * by the user to perform various actions in the editor.\n *\n * Keystroke information is loaded from {@link module:core/accessibility~Accessibility#keystrokeInfos}. New entries can be\n * added using the API provided by the {@link module:core/accessibility~Accessibility} class.\n */ class AccessibilityHelp extends Plugin {\n    /**\n\t * The view that displays the dialog content (list of keystrokes).\n\t * Created when the dialog is opened for the first time.\n\t */ contentView = null;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Dialog\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'AccessibilityHelp';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        editor.ui.componentFactory.add('accessibilityHelp', ()=>{\n            const button = this._createButton(ButtonView);\n            button.set({\n                tooltip: true,\n                withText: false,\n                label: t('Accessibility help')\n            });\n            return button;\n        });\n        editor.ui.componentFactory.add('menuBar:accessibilityHelp', ()=>{\n            const button = this._createButton(MenuBarMenuListItemButtonView);\n            button.label = t('Accessibility');\n            return button;\n        });\n        editor.keystrokes.set('Alt+0', (evt, cancel)=>{\n            this._toggleDialog();\n            cancel();\n        });\n        this._setupRootLabels();\n    }\n    /**\n\t * Creates a button to show accessibility help dialog, for use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const dialog = editor.plugins.get('Dialog');\n        const locale = editor.locale;\n        const view = new ButtonClass(locale);\n        view.set({\n            keystroke: 'Alt+0',\n            icon: IconAccessibility,\n            isToggleable: true\n        });\n        view.on('execute', ()=>this._toggleDialog());\n        view.bind('isOn').to(dialog, 'id', (id)=>id === 'accessibilityHelp');\n        return view;\n    }\n    /**\n\t * Injects a help text into each editing root's `aria-label` attribute allowing assistive technology users\n\t * to discover the availability of the Accessibility help dialog.\n\t */ _setupRootLabels() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const t = editor.t;\n        editor.ui.on('ready', ()=>{\n            editingView.change((writer)=>{\n                for (const root of editingView.document.roots){\n                    addAriaLabelTextToRoot(writer, root);\n                }\n            });\n            editor.on('addRoot', (evt, modelRoot)=>{\n                const viewRoot = editor.editing.view.document.getRoot(modelRoot.rootName);\n                editingView.change((writer)=>addAriaLabelTextToRoot(writer, viewRoot));\n            }, {\n                priority: 'low'\n            });\n        });\n        function addAriaLabelTextToRoot(writer, viewRoot) {\n            const currentAriaLabel = viewRoot.getAttribute('aria-label');\n            const newAriaLabel = [\n                currentAriaLabel,\n                t('Press %0 for help.', [\n                    getEnvKeystrokeText('Alt+0')\n                ])\n            ].filter((segment)=>segment).join('. ');\n            writer.setAttribute('aria-label', newAriaLabel, viewRoot);\n        }\n    }\n    /**\n\t * Shows the accessibility help dialog. Also, creates {@link #contentView} on demand.\n\t */ _toggleDialog() {\n        const editor = this.editor;\n        const dialog = editor.plugins.get('Dialog');\n        const t = editor.locale.t;\n        if (!this.contentView) {\n            this.contentView = new AccessibilityHelpContentView(editor.locale, editor.accessibility.keystrokeInfos);\n        }\n        if (dialog.id === 'accessibilityHelp') {\n            dialog.hide();\n        } else {\n            dialog.show({\n                id: 'accessibilityHelp',\n                className: 'ck-accessibility-help-dialog',\n                title: t('Accessibility help'),\n                icon: IconAccessibility,\n                hasCloseButton: true,\n                content: this.contentView\n            });\n        }\n    }\n}\n\n/**\n * This is a special {@link module:ui/viewcollection~ViewCollection} dedicated to elements that are detached from the DOM structure of\n * the editor, like floating panels, floating toolbars, dialogs, etc.\n *\n * The body collection is available under the {@link module:ui/editorui/editoruiview~EditorUIView#body `editor.ui.view.body`} property.\n * Any plugin can add a {@link module:ui/view~View view} to this collection.\n *\n * All views added to a body collection render in a dedicated DOM container (`<div class=\"ck ck-body ...\">...</div>`). All body collection\n * containers render in a common shared (`<div class=\"ck-body-wrapper\">...</div>`) in the DOM to limit the pollution of\n * the `<body>` element. The resulting DOM structure is as follows:\n *\n * ```html\n * <body>\n * \t<!-- Content of the webpage... -->\n *\n * \t<!-- The shared wrapper for all body collection containers. -->\n * \t<div class=\"ck-body-wrapper\">\n * \t\t<!-- The container of the first body collection instance. -->\n * \t\t<div class=\"ck ck-body ...\">\n * \t\t\t<!-- View elements belonging to the first body collection -->\n * \t\t</div>\n *\n * \t\t<!-- The container of the second body collection instance. -->\n * \t\t<div class=\"ck ck-body ...\">...</div>\n *\n * \t\t<!-- More body collection containers for the rest of instances... -->\n * \t</div>\n * </body>\n * ```\n *\n * By default, the {@link module:ui/editorui/editoruiview~EditorUIView `editor.ui.view`} manages the life cycle of the\n * {@link module:ui/editorui/editoruiview~EditorUIView#body `editor.ui.view.body`} collection, attaching and detaching it\n * when the editor gets created or {@link module:core/editor/editor~Editor#destroy destroyed}.\n *\n * # Custom body collection instances\n *\n * Even though most editor instances come with a built-in body collection\n * ({@link module:ui/editorui/editoruiview~EditorUIView#body `editor.ui.view.body`}), you can create your own instance of this\n * class if you need to control their life cycle.\n *\n * The life cycle of a custom body collection must be handled manually by the developer using the dedicated API:\n * * A body collection will render itself automatically in the DOM as soon as you call {@link ~BodyCollection#attachToDom}.\n * * Calling {@link ~BodyCollection#detachFromDom} will remove the collection from the DOM.\n *\n * **Note**: The shared collection wrapper (`<div class=\"ck-body-wrapper\">...</div>`) gets automatically removed from DOM when the\n * last body collection is {@link ~BodyCollection#detachFromDom detached} and does not require any special handling.\n */ class BodyCollection extends ViewCollection {\n    /**\n\t * The {@link module:core/editor/editor~Editor#locale editor's locale} instance.\n\t * See the view {@link module:ui/view~View#locale locale} property.\n\t */ locale;\n    /**\n\t * The element holding elements of the body collection.\n\t */ _bodyCollectionContainer;\n    /**\n\t * The wrapper element that holds all of the {@link #_bodyCollectionContainer} elements.\n\t */ static _bodyWrapper;\n    /**\n\t * Creates a new instance of the {@link module:ui/editorui/bodycollection~BodyCollection}.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor editor's locale} instance.\n\t * @param initialItems The initial items of the collection.\n\t */ constructor(locale, initialItems = []){\n        super(initialItems);\n        this.locale = locale;\n    }\n    /**\n\t * The element holding elements of the body collection.\n\t */ get bodyCollectionContainer() {\n        return this._bodyCollectionContainer;\n    }\n    /**\n\t * Attaches the body collection to the DOM body element. You need to execute this method to render the content of\n\t * the body collection.\n\t */ attachToDom() {\n        this._bodyCollectionContainer = new Template({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-reset_all',\n                    'ck-body',\n                    'ck-rounded-corners'\n                ],\n                dir: this.locale.uiLanguageDirection,\n                role: 'application'\n            },\n            children: this\n        }).render();\n        // Create a shared wrapper if there were none or the previous one got disconnected from DOM.\n        if (!BodyCollection._bodyWrapper || !BodyCollection._bodyWrapper.isConnected) {\n            BodyCollection._bodyWrapper = createElement(document, 'div', {\n                class: 'ck-body-wrapper'\n            });\n            document.body.appendChild(BodyCollection._bodyWrapper);\n        }\n        BodyCollection._bodyWrapper.appendChild(this._bodyCollectionContainer);\n    }\n    /**\n\t * Detaches the collection from the DOM structure. Use this method when you do not need to use the body collection\n\t * anymore to clean-up the DOM structure.\n\t */ detachFromDom() {\n        super.destroy();\n        if (this._bodyCollectionContainer) {\n            this._bodyCollectionContainer.remove();\n        }\n        if (BodyCollection._bodyWrapper && !BodyCollection._bodyWrapper.childElementCount) {\n            BodyCollection._bodyWrapper.remove();\n            delete BodyCollection._bodyWrapper;\n        }\n    }\n}\n\nconst toPx$5 = /* #__PURE__ */ toUnit('px');\n// A static balloon panel positioning function that moves the balloon far off the viewport.\n// It is used as a fallback when there is no way to position the balloon using provided\n// positioning functions (see: `getOptimalPosition()`), for instance, when the target the\n// balloon should be attached to gets obscured by scrollable containers or the viewport.\n//\n// It prevents the balloon from being attached to the void and possible degradation of the UX.\n// At the same time, it keeps the balloon physically visible in the DOM so the focus remains\n// uninterrupted.\nconst POSITION_OFF_SCREEN = {\n    top: -99999,\n    left: -99999,\n    name: 'arrowless',\n    config: {\n        withArrow: false\n    }\n};\n/**\n * The balloon panel view class.\n *\n * A floating container which can\n * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#pin pin} to any\n * {@link module:utils/dom/position~DomOptimalPositionOptions#target target} in the DOM and remain in that position\n * e.g. when the web page is scrolled.\n *\n * The balloon panel can be used to display contextual, non-blocking UI like forms, toolbars and\n * the like in its {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#content} view\n * collection.\n *\n * There is a number of {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}\n * that the balloon can use, automatically switching from one to another when the viewport space becomes\n * scarce to keep the balloon visible to the user as long as it is possible. The balloon will also\n * accept any custom position set provided by the user compatible with the\n * {@link module:utils/dom/position~DomOptimalPositionOptions options}.\n *\n * ```ts\n * const panel = new BalloonPanelView( locale );\n * const childView = new ChildView();\n * const positions = BalloonPanelView.defaultPositions;\n *\n * panel.render();\n *\n * // Add a child view to the panel's content collection.\n * panel.content.add( childView );\n *\n * // Start pinning the panel to an element with the \"target\" id DOM.\n * // The balloon will remain pinned until unpin() is called.\n * panel.pin( {\n * \ttarget: document.querySelector( '#target' ),\n * \tpositions: [\n * \t\tpositions.northArrowSouth,\n * \t\tpositions.southArrowNorth\n * \t]\n * } );\n * ```\n */ class BalloonPanelView extends View {\n    /**\n\t * A collection of the child views that creates the balloon panel contents.\n\t */ content;\n    /**\n\t * A callback that starts pinning the panel when {@link #isVisible} gets\n\t * `true`. Used by {@link #pin}.\n\t *\n\t * @private\n\t */ _pinWhenIsVisibleCallback;\n    /**\n\t * An instance of resize observer used to detect if target element is still visible.\n\t */ _resizeObserver;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('top', 0);\n        this.set('left', 0);\n        this.set('position', 'arrow_nw');\n        this.set('isVisible', false);\n        this.set('withArrow', true);\n        this.set('class', undefined);\n        this._pinWhenIsVisibleCallback = null;\n        this._resizeObserver = null;\n        this.content = this.createCollection();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-balloon-panel',\n                    bind.to('position', (value)=>`ck-balloon-panel_${value}`),\n                    bind.if('isVisible', 'ck-balloon-panel_visible'),\n                    bind.if('withArrow', 'ck-balloon-panel_with-arrow'),\n                    bind.to('class')\n                ],\n                style: {\n                    top: bind.to('top', toPx$5),\n                    left: bind.to('left', toPx$5)\n                }\n            },\n            children: this.content\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this.hide();\n        super.destroy();\n    }\n    /**\n\t * Shows the panel.\n\t *\n\t * See {@link #isVisible}.\n\t */ show() {\n        this.isVisible = true;\n    }\n    /**\n\t * Hides the panel.\n\t *\n\t * See {@link #isVisible}.\n\t */ hide() {\n        this.isVisible = false;\n    }\n    /**\n\t * Attaches the panel to a specified {@link module:utils/dom/position~DomOptimalPositionOptions#target} with a\n\t * smart positioning heuristics that chooses from available positions to make sure the panel\n\t * is visible to the user i.e. within the limits of the viewport.\n\t *\n\t * This method accepts configuration {@link module:utils/dom/position~DomOptimalPositionOptions options}\n\t * to set the `target`, optional `limiter` and `positions` the balloon should choose from.\n\t *\n\t * ```ts\n\t * const panel = new BalloonPanelView( locale );\n\t * const positions = BalloonPanelView.defaultPositions;\n\t *\n\t * panel.render();\n\t *\n\t * // Attach the panel to an element with the \"target\" id DOM.\n\t * panel.attachTo( {\n\t * \ttarget: document.querySelector( '#target' ),\n\t * \tpositions: [\n\t * \t\tpositions.northArrowSouth,\n\t * \t\tpositions.southArrowNorth\n\t * \t]\n\t * } );\n\t * ```\n\t *\n\t * **Note**: Attaching the panel will also automatically {@link #show} it.\n\t *\n\t * **Note**: An attached panel will not follow its target when the window is scrolled or resized.\n\t * See the {@link #pin} method for a more permanent positioning strategy.\n\t *\n\t * @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}.\n\t * Default `positions` array is {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.\n\t * @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target\n\t * provided in the options is invisible (e.g. element detached from DOM).\n\t */ attachTo(options) {\n        const target = getDomElement(options.target);\n        if (target && !isVisible(target)) {\n            return false;\n        }\n        this.show();\n        const defaultPositions = BalloonPanelView.defaultPositions;\n        const positionOptions = Object.assign({}, {\n            element: this.element,\n            positions: [\n                defaultPositions.southArrowNorth,\n                defaultPositions.southArrowNorthMiddleWest,\n                defaultPositions.southArrowNorthMiddleEast,\n                defaultPositions.southArrowNorthWest,\n                defaultPositions.southArrowNorthEast,\n                defaultPositions.northArrowSouth,\n                defaultPositions.northArrowSouthMiddleWest,\n                defaultPositions.northArrowSouthMiddleEast,\n                defaultPositions.northArrowSouthWest,\n                defaultPositions.northArrowSouthEast,\n                defaultPositions.viewportStickyNorth\n            ],\n            limiter: global.document.body,\n            fitInViewport: true\n        }, options);\n        const optimalPosition = BalloonPanelView._getOptimalPosition(positionOptions) || POSITION_OFF_SCREEN;\n        // Usually browsers make some problems with super accurate values like 104.345px\n        // so it is better to use int values.\n        const left = parseInt(optimalPosition.left);\n        const top = parseInt(optimalPosition.top);\n        const position = optimalPosition.name;\n        const config = optimalPosition.config || {};\n        const { withArrow = true } = config;\n        this.top = top;\n        this.left = left;\n        this.position = position;\n        this.withArrow = withArrow;\n        return true;\n    }\n    /**\n\t * Works the same way as the {@link #attachTo} method except that the position of the panel is\n\t * continuously updated when:\n\t *\n\t * * any ancestor of the {@link module:utils/dom/position~DomOptimalPositionOptions#target}\n\t * or {@link module:utils/dom/position~DomOptimalPositionOptions#limiter} is scrolled,\n\t * * the browser window gets resized or scrolled.\n\t *\n\t * Thanks to that, the panel always sticks to the {@link module:utils/dom/position~DomOptimalPositionOptions#target}\n\t * and is immune to the changing environment.\n\t *\n\t * ```ts\n\t * const panel = new BalloonPanelView( locale );\n\t * const positions = BalloonPanelView.defaultPositions;\n\t *\n\t * panel.render();\n\t *\n\t * // Pin the panel to an element with the \"target\" id DOM.\n\t * panel.pin( {\n\t * \ttarget: document.querySelector( '#target' ),\n\t * \tpositions: [\n\t * \t\tpositions.northArrowSouth,\n\t * \t\tpositions.southArrowNorth\n\t * \t]\n\t * } );\n\t * ```\n\t *\n\t * To leave the pinned state, use the {@link #unpin} method.\n\t *\n\t * **Note**: Pinning the panel will also automatically {@link #show} it.\n\t *\n\t * @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}.\n\t * Default `positions` array is {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.\n\t */ pin(options) {\n        this.unpin();\n        if (!this._startPinning(options)) {\n            return;\n        }\n        this._pinWhenIsVisibleCallback = ()=>{\n            if (this.isVisible) {\n                this._startPinning(options);\n            } else {\n                this._stopPinning();\n            }\n        };\n        // Control the state of the listeners depending on whether the panel is visible\n        // or not.\n        // TODO: Use on() (https://github.com/ckeditor/ckeditor5-utils/issues/144).\n        this.listenTo(this, 'change:isVisible', this._pinWhenIsVisibleCallback);\n    }\n    /**\n\t * Stops pinning the panel, as set up by {@link #pin}.\n\t */ unpin() {\n        if (this._pinWhenIsVisibleCallback) {\n            // Deactivate listeners attached by pin().\n            this._stopPinning();\n            // Deactivate the panel pin() control logic.\n            // TODO: Use off() (https://github.com/ckeditor/ckeditor5-utils/issues/144).\n            this.stopListening(this, 'change:isVisible', this._pinWhenIsVisibleCallback);\n            this._pinWhenIsVisibleCallback = null;\n            this.hide();\n        }\n    }\n    /**\n\t * Starts managing the pinned state of the panel. See {@link #pin}.\n\t *\n\t * @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}.\n\t * @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target\n\t * provided in the options is invisible (e.g. element detached from DOM).\n\t */ _startPinning(options) {\n        if (!this.attachTo(options)) {\n            return false;\n        }\n        let targetElement = getDomElement(options.target);\n        const limiterElement = options.limiter ? getDomElement(options.limiter) : global.document.body;\n        // Then we need to listen on scroll event of eny element in the document.\n        this.listenTo(global.document, 'scroll', (evt, domEvt)=>{\n            const scrollTarget = domEvt.target;\n            // The position needs to be updated if the positioning target is within the scrolled element.\n            const isWithinScrollTarget = targetElement && scrollTarget.contains(targetElement);\n            // The position needs to be updated if the positioning limiter is within the scrolled element.\n            const isLimiterWithinScrollTarget = limiterElement && scrollTarget.contains(limiterElement);\n            // The positioning target and/or limiter can be a Rect, object etc..\n            // There's no way to optimize the listener then.\n            if (isWithinScrollTarget || isLimiterWithinScrollTarget || !targetElement || !limiterElement) {\n                this.attachTo(options);\n            }\n        }, {\n            useCapture: true\n        });\n        // We need to listen on window resize event and update position.\n        this.listenTo(global.window, 'resize', ()=>{\n            this.attachTo(options);\n        });\n        // Hide the panel if the target element is no longer visible.\n        if (!this._resizeObserver) {\n            // If the target element is a text node, we need to check the parent element.\n            // It's because `ResizeObserver` accept only elements, not text nodes.\n            if (targetElement && isText(targetElement)) {\n                targetElement = targetElement.parentElement;\n            }\n            if (targetElement) {\n                const checkVisibility = ()=>{\n                    // If the target element is no longer visible, hide the panel.\n                    if (!isVisible(targetElement)) {\n                        this.unpin();\n                    }\n                };\n                // Element is being resized to 0x0 after it's parent became hidden,\n                // so we need to check size in order to determine if it's visible or not.\n                this._resizeObserver = new ResizeObserver(targetElement, checkVisibility);\n            }\n        }\n        return true;\n    }\n    /**\n\t * Stops managing the pinned state of the panel. See {@link #pin}.\n\t */ _stopPinning() {\n        this.stopListening(global.document, 'scroll');\n        this.stopListening(global.window, 'resize');\n        if (this._resizeObserver) {\n            this._resizeObserver.destroy();\n            this._resizeObserver = null;\n        }\n    }\n    /**\n\t * Returns available {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView}\n\t * {@link module:utils/dom/position~PositioningFunction positioning functions} adjusted by the specific offsets.\n\t *\n\t * @internal\n\t * @param options Options to generate positions. If not specified, this helper will simply return\n\t * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.\n\t * @param options.sideOffset A custom side offset (in pixels) of each position. If\n\t * not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.arrowSideOffset the default value}\n\t * will be used.\n\t * @param options.heightOffset A custom height offset (in pixels) of each position. If\n\t * not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.arrowHeightOffset the default value}\n\t * will be used.\n\t * @param options.stickyVerticalOffset A custom offset (in pixels) of the `viewportStickyNorth` positioning function.\n\t * If not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.stickyVerticalOffset the default value}\n\t * will be used.\n\t * @param options.config Additional configuration of the balloon balloon panel view.\n\t * Currently only {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#withArrow} is supported. Learn more\n\t * about {@link module:utils/dom/position~PositioningFunction positioning functions}.\n\t */ static generatePositions(options = {}) {\n        const { sideOffset = BalloonPanelView.arrowSideOffset, heightOffset = BalloonPanelView.arrowHeightOffset, stickyVerticalOffset = BalloonPanelView.stickyVerticalOffset, config } = options;\n        return {\n            // ------- North west\n            northWestArrowSouthWest: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left - sideOffset,\n                    name: 'arrow_sw',\n                    ...config && {\n                        config\n                    }\n                }),\n            northWestArrowSouthMiddleWest: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left - balloonRect.width * .25 - sideOffset,\n                    name: 'arrow_smw',\n                    ...config && {\n                        config\n                    }\n                }),\n            northWestArrowSouth: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left - balloonRect.width / 2,\n                    name: 'arrow_s',\n                    ...config && {\n                        config\n                    }\n                }),\n            northWestArrowSouthMiddleEast: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left - balloonRect.width * .75 + sideOffset,\n                    name: 'arrow_sme',\n                    ...config && {\n                        config\n                    }\n                }),\n            northWestArrowSouthEast: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left - balloonRect.width + sideOffset,\n                    name: 'arrow_se',\n                    ...config && {\n                        config\n                    }\n                }),\n            // ------- North\n            northArrowSouthWest: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left + targetRect.width / 2 - sideOffset,\n                    name: 'arrow_sw',\n                    ...config && {\n                        config\n                    }\n                }),\n            northArrowSouthMiddleWest: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left + targetRect.width / 2 - balloonRect.width * .25 - sideOffset,\n                    name: 'arrow_smw',\n                    ...config && {\n                        config\n                    }\n                }),\n            northArrowSouth: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,\n                    name: 'arrow_s',\n                    ...config && {\n                        config\n                    }\n                }),\n            northArrowSouthMiddleEast: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left + targetRect.width / 2 - balloonRect.width * .75 + sideOffset,\n                    name: 'arrow_sme',\n                    ...config && {\n                        config\n                    }\n                }),\n            northArrowSouthEast: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.left + targetRect.width / 2 - balloonRect.width + sideOffset,\n                    name: 'arrow_se',\n                    ...config && {\n                        config\n                    }\n                }),\n            // ------- North east\n            northEastArrowSouthWest: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.right - sideOffset,\n                    name: 'arrow_sw',\n                    ...config && {\n                        config\n                    }\n                }),\n            northEastArrowSouthMiddleWest: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.right - balloonRect.width * .25 - sideOffset,\n                    name: 'arrow_smw',\n                    ...config && {\n                        config\n                    }\n                }),\n            northEastArrowSouth: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.right - balloonRect.width / 2,\n                    name: 'arrow_s',\n                    ...config && {\n                        config\n                    }\n                }),\n            northEastArrowSouthMiddleEast: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.right - balloonRect.width * .75 + sideOffset,\n                    name: 'arrow_sme',\n                    ...config && {\n                        config\n                    }\n                }),\n            northEastArrowSouthEast: (targetRect, balloonRect)=>({\n                    top: getNorthTop(targetRect, balloonRect),\n                    left: targetRect.right - balloonRect.width + sideOffset,\n                    name: 'arrow_se',\n                    ...config && {\n                        config\n                    }\n                }),\n            // ------- South west\n            southWestArrowNorthWest: (targetRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left - sideOffset,\n                    name: 'arrow_nw',\n                    ...config && {\n                        config\n                    }\n                }),\n            southWestArrowNorthMiddleWest: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left - balloonRect.width * .25 - sideOffset,\n                    name: 'arrow_nmw',\n                    ...config && {\n                        config\n                    }\n                }),\n            southWestArrowNorth: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left - balloonRect.width / 2,\n                    name: 'arrow_n',\n                    ...config && {\n                        config\n                    }\n                }),\n            southWestArrowNorthMiddleEast: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left - balloonRect.width * .75 + sideOffset,\n                    name: 'arrow_nme',\n                    ...config && {\n                        config\n                    }\n                }),\n            southWestArrowNorthEast: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left - balloonRect.width + sideOffset,\n                    name: 'arrow_ne',\n                    ...config && {\n                        config\n                    }\n                }),\n            // ------- South\n            southArrowNorthWest: (targetRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left + targetRect.width / 2 - sideOffset,\n                    name: 'arrow_nw',\n                    ...config && {\n                        config\n                    }\n                }),\n            southArrowNorthMiddleWest: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left + targetRect.width / 2 - balloonRect.width * 0.25 - sideOffset,\n                    name: 'arrow_nmw',\n                    ...config && {\n                        config\n                    }\n                }),\n            southArrowNorth: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,\n                    name: 'arrow_n',\n                    ...config && {\n                        config\n                    }\n                }),\n            southArrowNorthMiddleEast: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left + targetRect.width / 2 - balloonRect.width * 0.75 + sideOffset,\n                    name: 'arrow_nme',\n                    ...config && {\n                        config\n                    }\n                }),\n            southArrowNorthEast: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.left + targetRect.width / 2 - balloonRect.width + sideOffset,\n                    name: 'arrow_ne',\n                    ...config && {\n                        config\n                    }\n                }),\n            // ------- South east\n            southEastArrowNorthWest: (targetRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.right - sideOffset,\n                    name: 'arrow_nw',\n                    ...config && {\n                        config\n                    }\n                }),\n            southEastArrowNorthMiddleWest: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.right - balloonRect.width * .25 - sideOffset,\n                    name: 'arrow_nmw',\n                    ...config && {\n                        config\n                    }\n                }),\n            southEastArrowNorth: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.right - balloonRect.width / 2,\n                    name: 'arrow_n',\n                    ...config && {\n                        config\n                    }\n                }),\n            southEastArrowNorthMiddleEast: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.right - balloonRect.width * .75 + sideOffset,\n                    name: 'arrow_nme',\n                    ...config && {\n                        config\n                    }\n                }),\n            southEastArrowNorthEast: (targetRect, balloonRect)=>({\n                    top: getSouthTop(targetRect),\n                    left: targetRect.right - balloonRect.width + sideOffset,\n                    name: 'arrow_ne',\n                    ...config && {\n                        config\n                    }\n                }),\n            // ------- West\n            westArrowEast: (targetRect, balloonRect)=>({\n                    top: targetRect.top + targetRect.height / 2 - balloonRect.height / 2,\n                    left: targetRect.left - balloonRect.width - heightOffset,\n                    name: 'arrow_e',\n                    ...config && {\n                        config\n                    }\n                }),\n            // ------- East\n            eastArrowWest: (targetRect, balloonRect)=>({\n                    top: targetRect.top + targetRect.height / 2 - balloonRect.height / 2,\n                    left: targetRect.right + heightOffset,\n                    name: 'arrow_w',\n                    ...config && {\n                        config\n                    }\n                }),\n            // ------- Sticky\n            viewportStickyNorth: (targetRect, balloonRect, viewportRect)=>{\n                // Get the intersection of the viewport and the document body.\n                const boundaryRect = new Rect(global.document.body).getIntersection(viewportRect.getVisible());\n                if (!boundaryRect) {\n                    return null;\n                }\n                // Get the visible intersection of the boundary and the document body.\n                const visibleBoundaryRect = boundaryRect.getVisible();\n                // Check if the target is in the boundary.\n                if (!targetRect.getIntersection(visibleBoundaryRect)) {\n                    return null;\n                }\n                // Checks if there is enough space to put the balloon on the top or bottom of the target.\n                // If not, makes the balloon sticky.\n                if (!(visibleBoundaryRect.top - targetRect.top - stickyVerticalOffset < balloonRect.height && visibleBoundaryRect.bottom - targetRect.bottom < balloonRect.height)) {\n                    return null;\n                }\n                return {\n                    top: visibleBoundaryRect.top + stickyVerticalOffset,\n                    left: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,\n                    name: 'arrowless',\n                    config: {\n                        withArrow: false,\n                        ...config\n                    }\n                };\n            }\n        };\n        /**\n\t\t * Returns the top coordinate for positions starting with `north*`.\n\t\t *\n\t\t * @param targetRect A rect of the target.\n\t\t * @param balloonRect A rect of the balloon.\n\t\t */ function getNorthTop(targetRect, balloonRect) {\n            return targetRect.top - balloonRect.height - heightOffset;\n        }\n        /**\n\t\t * Returns the top coordinate for positions starting with `south*`.\n\t\t *\n\t\t * @param targetRect A rect of the target.\n\t\t */ function getSouthTop(targetRect) {\n            return targetRect.bottom + heightOffset;\n        }\n    }\n    /**\n\t * A side offset of the arrow tip from the edge of the balloon. Controlled by CSS.\n\t *\n\t * ```\n\t *\t\t ┌───────────────────────┐\n\t *\t\t │                       │\n\t *\t\t │         Balloon       │\n\t *\t\t │         Content       │\n\t *\t\t │                       │\n\t *\t\t └──+    +───────────────┘\n\t *\t\t |   \\  /\n\t *\t\t |    \\/\n\t *\t\t>┼─────┼< ─────────────────────── side offset\n\t *\n\t * ```\n\t *\n\t * @default 25\n\t */ static arrowSideOffset = 25;\n    /**\n\t * A height offset of the arrow from the edge of the balloon. Controlled by CSS.\n\t *\n\t * ```\n\t *\t\t ┌───────────────────────┐\n\t *\t\t │                       │\n\t *\t\t │         Balloon       │\n\t *\t\t │         Content       │      ╱-- arrow height offset\n\t *\t\t │                       │      V\n\t *\t\t └──+    +───────────────┘ --- ─┼───────\n\t *\t\t     \\  /                       │\n\t *\t\t      \\/                        │\n\t *\t\t────────────────────────────────┼───────\n\t *\t\t                                ^\n\t *\n\t *\n\t *\t\t>┼────┼<  arrow height offset\n\t *\t\t │    │\n\t *\t\t │    ┌────────────────────────┐\n\t *\t\t │    │                        │\n\t *\t\t │   ╱                         │\n\t *\t\t │ ╱            Balloon        │\n\t *\t\t │ ╲            Content        │\n\t *\t\t │   ╲                         │\n\t *\t\t │    │                        │\n\t *\t\t │    └────────────────────────┘\n\t * ```\n\t *\n\t * @default 10\n\t*/ static arrowHeightOffset = 10;\n    /**\n\t * A vertical offset of the balloon panel from the edge of the viewport if sticky.\n\t * It helps in accessing toolbar buttons underneath the balloon panel.\n\t *\n\t * ```\n\t *\t\t  ┌───────────────────────────────────────────────────┐\n\t *\t\t  │                      Target                       │\n\t *\t\t  │                                                   │\n\t *\t\t  │                            /── vertical offset    │\n\t *\t\t┌─────────────────────────────V─────────────────────────┐\n\t *\t\t│ Toolbar            ┌─────────────┐                    │\n\t *\t\t├────────────────────│   Balloon   │────────────────────┤\n\t *\t\t│ │                  └─────────────┘                  │ │\n\t *\t\t│ │                                                   │ │\n\t *\t\t│ │                                                   │ │\n\t *\t\t│ │                                                   │ │\n\t *\t\t│ └───────────────────────────────────────────────────┘ │\n\t *\t\t│                        Viewport                       │\n\t *\t\t└───────────────────────────────────────────────────────┘\n\t * ```\n\t *\n\t * @default 20\n\t */ static stickyVerticalOffset = 20;\n    /**\n\t * Function used to calculate the optimal position for the balloon.\n\t */ static _getOptimalPosition = getOptimalPosition;\n    /**\n\t * A default set of positioning functions used by the balloon panel view\n\t * when attaching using the {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#attachTo} method.\n\t *\n\t * The available positioning functions are as follows:\n\t *\n\t * **North west**\n\t *\n\t * * `northWestArrowSouthWest`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t V\n\t *\t\t [ Target ]\n\t * ```\n\t *\n\t * * `northWestArrowSouthMiddleWest`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t    V\n\t *\t\t    [ Target ]\n\t * ```\n\t *\n\t * * `northWestArrowSouth`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t         V\n\t *\t\t         [ Target ]\n\t * ```\n\t *\n\t * * `northWestArrowSouthMiddleEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t             V\n\t *\t\t             [ Target ]\n\t * ```\n\t *\n\t * * `northWestArrowSouthEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t                 V\n\t *\t\t                 [ Target ]\n\t * ```\n\t *\n\t * **North**\n\t *\n\t * * `northArrowSouthWest`\n\t *\n\t * ```\n\t *\t\t    +-----------------+\n\t *\t\t    |     Balloon     |\n\t *\t\t    +-----------------+\n\t *\t\t     V\n\t *\t\t[ Target ]\n\t * ```\n\t *\n\t * * `northArrowSouthMiddleWest`\n\t *\n\t * ```\n\t *\t\t +-----------------+\n\t *\t\t |     Balloon     |\n\t *\t\t +-----------------+\n\t *\t\t     V\n\t *\t\t[ Target ]\n\t * ```\n\t * * `northArrowSouth`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t         V\n\t *\t\t    [ Target ]\n\t * ```\n\t *\n\t * * `northArrowSouthMiddleEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t             V\n\t *\t\t        [ Target ]\n\t * ```\n\t *\n\t * * `northArrowSouthEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t                V\n\t *\t\t           [ Target ]\n\t * ```\n\t *\n\t * **North east**\n\t *\n\t * * `northEastArrowSouthWest`\n\t *\n\t * ```\n\t *\t\t        +-----------------+\n\t *\t\t        |     Balloon     |\n\t *\t\t        +-----------------+\n\t *\t\t         V\n\t *\t\t[ Target ]\n\t * ```\n\t *\n\t * * `northEastArrowSouthMiddleWest`\n\t *\n\t * ```\n\t *\t\t     +-----------------+\n\t *\t\t     |     Balloon     |\n\t *\t\t     +-----------------+\n\t *\t\t         V\n\t *\t\t[ Target ]\n\t * ```\n\t *\n\t * * `northEastArrowSouth`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t         V\n\t *\t\t[ Target ]\n\t * ```\n\t *\n\t * * `northEastArrowSouthMiddleEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t             V\n\t *\t\t    [ Target ]\n\t * ```\n\t *\n\t * * `northEastArrowSouthEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t                 V\n\t *\t\t        [ Target ]\n\t * ```\n\t *\n\t * **South**\n\t *\n\t * * `southArrowNorthWest`\n\t *\n\t * ```\n\t *\t\t[ Target ]\n\t *\t\t     ^\n\t *\t\t    +-----------------+\n\t *\t\t    |     Balloon     |\n\t *\t\t    +-----------------+\n\t * ```\n\t *\n\t * * `southArrowNorthMiddleWest`\n\t *\n\t * ```\n\t *\t\t   [ Target ]\n\t *\t\t        ^\n\t *\t\t    +-----------------+\n\t *\t\t    |     Balloon     |\n\t *\t\t    +-----------------+\n\t * ```\n\t *\n\t * * `southArrowNorth`\n\t *\n\t * ```\n\t *\t\t    [ Target ]\n\t *\t\t         ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southArrowNorthMiddleEast`\n\t *\n\t * ```\n\t *\t\t            [ Target ]\n\t *\t\t                 ^\n\t *\t\t   +-----------------+\n\t *\t\t   |     Balloon     |\n\t *\t\t   +-----------------+\n\t * ```\n\t *\n\t * * `southArrowNorthEast`\n\t *\n\t * ```\n\t *\t\t            [ Target ]\n\t *\t\t                 ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **South west**\n\t *\n\t * * `southWestArrowNorthWest`\n\t *\n\t *\n\t * ```\n\t *\t\t [ Target ]\n\t *\t\t ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southWestArrowNorthMiddleWest`\n\t *\n\t * ```\n\t *\t\t     [ Target ]\n\t *\t\t     ^\n\t *\t\t +-----------------+\n\t *\t\t |     Balloon     |\n\t *\t\t +-----------------+\n\t * ```\n\t *\n\t * * `southWestArrowNorth`\n\t *\n\t * ```\n\t *\t\t         [ Target ]\n\t *\t\t         ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southWestArrowNorthMiddleEast`\n\t *\n\t * ```\n\t *\t\t              [ Target ]\n\t *\t\t              ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southWestArrowNorthEast`\n\t *\n\t * ```\n\t *\t\t                 [ Target ]\n\t *\t\t                 ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **South east**\n\t *\n\t * * `southEastArrowNorthWest`\n\t *\n\t * ```\n\t *\t\t[ Target ]\n\t *\t\t         ^\n\t *\t\t        +-----------------+\n\t *\t\t        |     Balloon     |\n\t *\t\t        +-----------------+\n\t * ```\n\t *\n\t * * `southEastArrowNorthMiddleWest`\n\t *\n\t * ```\n\t *\t\t   [ Target ]\n\t *\t\t            ^\n\t *\t\t        +-----------------+\n\t *\t\t        |     Balloon     |\n\t *\t\t        +-----------------+\n\t * ```\n\t *\n\t * * `southEastArrowNorth`\n\t *\n\t * ```\n\t *\t\t[ Target ]\n\t *\t\t         ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southEastArrowNorthMiddleEast`\n\t *\n\t * ```\n\t *\t\t     [ Target ]\n\t *\t\t              ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southEastArrowNorthEast`\n\t *\n\t * ```\n\t *\t\t        [ Target ]\n\t *\t\t                 ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **West**\n\t *\n\t * * `westArrowEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |>[ Target ]\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **East**\n\t *\n\t * * `eastArrowWest`\n\t *\n\t * ```\n\t *\t\t           +-----------------+\n\t *\t\t[ Target ]<|     Balloon     |\n\t *\t\t           +-----------------+\n\t * ```\n\t *\n\t * **Sticky**\n\t *\n\t * * `viewportStickyNorth`\n\t *\n\t * ```\n\t *\t\t    +---------------------------+\n\t *\t\t    |        [ Target ]         |\n\t *\t\t    |                           |\n\t *\t\t+-----------------------------------+\n\t *\t\t|   |    +-----------------+    |   |\n\t *\t\t|   |    |     Balloon     |    |   |\n\t *\t\t|   |    +-----------------+    |   |\n\t *\t\t|   |                           |   |\n\t *\t\t|   |                           |   |\n\t *\t\t|   |                           |   |\n\t *\t\t|   |                           |   |\n\t *\t\t|   +---------------------------+   |\n\t *\t\t|             Viewport              |\n\t *\t\t+-----------------------------------+\n\t * ```\n\t *\n\t * See {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#attachTo}.\n\t *\n\t * Positioning functions must be compatible with {@link module:utils/dom/position~DomPoint}.\n\t *\n\t * Default positioning functions with customized offsets can be generated using\n\t * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.generatePositions}.\n\t *\n\t * The name that the position function returns will be reflected in the balloon panel's class that\n\t * controls the placement of the \"arrow\". See {@link #position} to learn more.\n\t */ static defaultPositions = /* #__PURE__ */ BalloonPanelView.generatePositions();\n}\n/**\n * Returns the DOM element for given object or null, if there is none,\n * e.g. when the passed object is a Rect instance or so.\n */ function getDomElement(object) {\n    if (isElement(object)) {\n        return object;\n    }\n    if (isRange(object)) {\n        return object.commonAncestorContainer;\n    }\n    if (typeof object == 'function') {\n        return getDomElement(object());\n    }\n    return null;\n}\n\n// ⚠ Note, whenever changing the threshold, make sure to update the docs/support/managing-ckeditor-logo.md docs\n// as this information is also mentioned there ⚠.\nconst NARROW_ROOT_HEIGHT_THRESHOLD = 50;\nconst NARROW_ROOT_WIDTH_THRESHOLD = 350;\n/**\n * A helper that enables the badge feature in the editor and renders a custom view next to the bottom of the editable element\n * (editor root, source editing area, etc.) when the editor is focused.\n *\n * @private\n */ class Badge extends /* #__PURE__ */ DomEmitterMixin() {\n    /**\n\t * Editor instance the helper was created for.\n\t */ editor;\n    /**\n\t * A reference to the balloon panel hosting and positioning the badge content.\n\t */ _balloonView = null;\n    /**\n\t * A throttled version of the {@link #_showBalloon} method meant for frequent use to avoid performance loss.\n\t */ _showBalloonThrottled = throttle(()=>this._showBalloon(), 50, {\n        leading: true\n    });\n    /**\n\t * A reference to the last editable element (root, source editing area, etc.) focused by the user.\n\t * Since the focus can move to other focusable elements in the UI, this reference allows positioning the balloon over the\n\t * right element whether the user is typing or using the UI.\n\t */ _lastFocusedEditableElement = null;\n    /**\n\t * An additional CSS class added to the `BalloonView`.\n\t */ _balloonClass;\n    /**\n\t * Creates a badge for a given editor. The feature is initialized on Editor#ready\n\t * event.\n\t */ constructor(editor, options = {}){\n        super();\n        this.editor = editor;\n        this._balloonClass = options.balloonClass;\n        editor.on('ready', ()=>this._handleEditorReady());\n    }\n    /**\n\t * Destroys the badge along with its view.\n\t */ destroy() {\n        const balloon = this._balloonView;\n        if (balloon) {\n            // Balloon gets destroyed by the body collection.\n            // The badge view gets destroyed by the balloon.\n            balloon.unpin();\n            this._balloonView = null;\n        }\n        this._showBalloonThrottled.cancel();\n        this.stopListening();\n    }\n    /**\n\t * Enables badge label once the editor (ui) is ready.\n\t */ _handleEditorReady() {\n        const editor = this.editor;\n        if (!this._isEnabled()) {\n            return;\n        }\n        // No view means no body collection to append the badge balloon to.\n        if (!editor.ui.view) {\n            return;\n        }\n        editor.ui.focusTracker.on('change:isFocused', (evt, data, isFocused)=>{\n            this._updateLastFocusedEditableElement();\n            if (isFocused) {\n                this._showBalloon();\n            } else {\n                this._hideBalloon();\n            }\n        });\n        editor.ui.focusTracker.on('change:focusedElement', (evt, data, focusedElement)=>{\n            this._updateLastFocusedEditableElement();\n            if (focusedElement) {\n                this._showBalloon();\n            }\n        });\n        editor.ui.on('update', ()=>{\n            this._showBalloonThrottled();\n        });\n    }\n    /**\n\t * Returns normalized configuration for the badge.\n\t */ _getNormalizedConfig() {\n        return {\n            side: this.editor.locale.contentLanguageDirection === 'ltr' ? 'right' : 'left',\n            position: 'border',\n            verticalOffset: 0,\n            horizontalOffset: 5\n        };\n    }\n    /**\n\t * Attempts to display the balloon with the badge view.\n\t */ _showBalloon() {\n        const attachOptions = this._getBalloonAttachOptions();\n        if (!attachOptions) {\n            return;\n        }\n        if (!this._balloonView) {\n            this._balloonView = this._createBalloonView();\n        }\n        this._balloonView.pin(attachOptions);\n    }\n    /**\n\t * Hides the badge balloon if already visible.\n\t */ _hideBalloon() {\n        if (this._balloonView) {\n            this._balloonView.unpin();\n        }\n    }\n    /**\n\t * Creates an instance of the {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView balloon panel}\n\t * with the badge view inside ready for positioning.\n\t */ _createBalloonView() {\n        const editor = this.editor;\n        const balloon = new BalloonPanelView();\n        const view = this._createBadgeContent();\n        balloon.content.add(view);\n        if (this._balloonClass) {\n            balloon.class = this._balloonClass;\n        }\n        editor.ui.view.body.add(balloon);\n        return balloon;\n    }\n    /**\n\t * Returns the options for attaching the balloon to the focused editable element.\n\t */ _getBalloonAttachOptions() {\n        if (!this._lastFocusedEditableElement) {\n            return null;\n        }\n        const badgeConfig = this._getNormalizedConfig();\n        const positioningFunction = badgeConfig.side === 'right' ? getLowerRightCornerPosition(this._lastFocusedEditableElement, badgeConfig) : getLowerLeftCornerPosition(this._lastFocusedEditableElement, badgeConfig);\n        return {\n            target: this._lastFocusedEditableElement,\n            positions: [\n                positioningFunction\n            ]\n        };\n    }\n    /**\n\t * Updates the {@link #_lastFocusedEditableElement} based on the state of the global focus tracker.\n\t */ _updateLastFocusedEditableElement() {\n        const editor = this.editor;\n        const isFocused = editor.ui.focusTracker.isFocused;\n        const focusedElement = editor.ui.focusTracker.focusedElement;\n        if (!isFocused || !focusedElement) {\n            this._lastFocusedEditableElement = null;\n            return;\n        }\n        const editableEditorElements = Array.from(editor.ui.getEditableElementsNames()).map((name)=>{\n            return editor.ui.getEditableElement(name);\n        });\n        if (editableEditorElements.includes(focusedElement)) {\n            this._lastFocusedEditableElement = focusedElement;\n        } else {\n            // If it's none of the editable element, then the focus is somewhere in the UI. Let's display the badge\n            // over the first element then.\n            this._lastFocusedEditableElement = editableEditorElements[0];\n        }\n    }\n}\nfunction getLowerRightCornerPosition(focusedEditableElement, config) {\n    return getLowerCornerPosition(focusedEditableElement, config, (rootRect, balloonRect)=>{\n        return rootRect.left + rootRect.width - balloonRect.width - config.horizontalOffset;\n    });\n}\nfunction getLowerLeftCornerPosition(focusedEditableElement, config) {\n    return getLowerCornerPosition(focusedEditableElement, config, (rootRect)=>rootRect.left + config.horizontalOffset);\n}\nfunction getLowerCornerPosition(focusedEditableElement, config, getBalloonLeft) {\n    return (visibleEditableElementRect, balloonRect)=>{\n        const editableElementRect = new Rect(focusedEditableElement);\n        if (editableElementRect.width < NARROW_ROOT_WIDTH_THRESHOLD || editableElementRect.height < NARROW_ROOT_HEIGHT_THRESHOLD) {\n            return null;\n        }\n        let balloonTop;\n        if (config.position === 'inside') {\n            balloonTop = editableElementRect.bottom - balloonRect.height;\n        } else {\n            balloonTop = editableElementRect.bottom - balloonRect.height / 2;\n        }\n        balloonTop -= config.verticalOffset;\n        const balloonLeft = getBalloonLeft(editableElementRect, balloonRect);\n        // Clone the editable element rect and place it where the balloon would be placed.\n        // This will allow getVisible() to work from editable element's perspective (rect source).\n        // and yield a result as if the balloon was on the same (scrollable) layer as the editable element.\n        const newBalloonPositionRect = visibleEditableElementRect.clone().moveTo(balloonLeft, balloonTop).getIntersection(balloonRect.clone().moveTo(balloonLeft, balloonTop));\n        const newBalloonPositionVisibleRect = newBalloonPositionRect.getVisible();\n        if (!newBalloonPositionVisibleRect || newBalloonPositionVisibleRect.getArea() < balloonRect.getArea()) {\n            return null;\n        }\n        return {\n            top: balloonTop,\n            left: balloonLeft,\n            name: `position_${config.position}-side_${config.side}`,\n            config: {\n                withArrow: false\n            }\n        };\n    };\n}\n\nconst DEFAULT_LABEL = 'Powered by';\n/**\n * A helper that enables the \"powered by\" feature in the editor and renders a link to the project's\n * webpage next to the bottom of the editable element (editor root, source editing area, etc.) when the editor is focused.\n *\n * @private\n */ class PoweredBy extends Badge {\n    constructor(editor){\n        super(editor, {\n            balloonClass: 'ck-powered-by-balloon'\n        });\n    }\n    /**\n\t * Enables \"powered by\" label.\n\t */ _isEnabled() {\n        const editor = this.editor;\n        const forceVisible = editor.config.get('ui.poweredBy.forceVisible');\n        if (forceVisible) {\n            return true;\n        }\n        const licenseKey = editor.config.get('licenseKey');\n        if (licenseKey == 'GPL') {\n            return true;\n        }\n        const licenseContent = parseBase64EncodedObject(licenseKey.split('.')[1]);\n        if (!licenseContent) {\n            return true;\n        }\n        return !licenseContent.whiteLabel;\n    }\n    /**\n\t * Creates a \"powered by\" badge content.\n\t */ _createBadgeContent() {\n        return new PoweredByView(this.editor.locale, this._getNormalizedConfig().label);\n    }\n    /**\n\t * Returns the normalized configuration for the \"powered by\" badge.\n\t * It takes the user configuration into account and falls back to the default one.\n\t */ _getNormalizedConfig() {\n        const badgeConfig = super._getNormalizedConfig();\n        const userConfig = this.editor.config.get('ui.poweredBy') || {};\n        const position = userConfig.position || badgeConfig.position;\n        const verticalOffset = position === 'inside' ? 5 : badgeConfig.verticalOffset;\n        return {\n            position,\n            side: userConfig.side || badgeConfig.side,\n            label: userConfig.label === undefined ? DEFAULT_LABEL : userConfig.label,\n            verticalOffset: userConfig.verticalOffset !== undefined ? userConfig.verticalOffset : verticalOffset,\n            horizontalOffset: userConfig.horizontalOffset !== undefined ? userConfig.horizontalOffset : badgeConfig.horizontalOffset,\n            forceVisible: !!userConfig.forceVisible\n        };\n    }\n}\n/**\n * A view displaying a \"powered by\" label and project logo wrapped in a link.\n */ class PoweredByView extends View {\n    /**\n\t * Creates an instance of the \"powered by\" view.\n\t *\n\t * @param locale The localization services instance.\n\t * @param label The label text.\n\t */ constructor(locale, label){\n        super(locale);\n        const iconView = new IconView();\n        const bind = this.bindTemplate;\n        iconView.set({\n            content: IconProjectLogo,\n            isColorInherited: false\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-powered-by'\n                ],\n                'aria-hidden': true\n            },\n            children: [\n                {\n                    tag: 'a',\n                    attributes: {\n                        href: 'https://ckeditor.com/powered-by-ckeditor/?utm_source=ckeditor&' + 'utm_medium=referral&utm_campaign=701Dn000000hVgmIAE_powered_by_ckeditor_logo',\n                        target: '_blank',\n                        tabindex: '-1'\n                    },\n                    children: [\n                        ...label ? [\n                            {\n                                tag: 'span',\n                                attributes: {\n                                    class: [\n                                        'ck',\n                                        'ck-powered-by__label'\n                                    ]\n                                },\n                                children: [\n                                    label\n                                ]\n                            }\n                        ] : [],\n                        iconView\n                    ],\n                    on: {\n                        dragstart: bind.to((evt)=>evt.preventDefault())\n                    }\n                }\n            ]\n        });\n    }\n}\n\n/**\n * The switch button view class.\n *\n * ```ts\n * const view = new SwitchButtonView();\n *\n * view.set( {\n * \twithText: true,\n * \tlabel: 'Switch me!'\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n */ class SwitchButtonView extends ButtonView {\n    /**\n\t * The toggle switch of the button.\n\t */ toggleSwitchView;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.isToggleable = true;\n        this.toggleSwitchView = this._createToggleView();\n        this.extendTemplate({\n            attributes: {\n                class: 'ck-switchbutton'\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.children.add(this.toggleSwitchView);\n    }\n    /**\n\t * Creates a toggle child view.\n\t */ _createToggleView() {\n        const toggleSwitchView = new View();\n        toggleSwitchView.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-button__toggle'\n                ]\n            },\n            children: [\n                {\n                    tag: 'span',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-button__toggle__inner'\n                        ]\n                    }\n                }\n            ]\n        });\n        return toggleSwitchView;\n    }\n}\n\n/**\n * The file dialog button view.\n *\n * This component provides a button that opens the native file selection dialog.\n * It can be used to implement the UI of a file upload feature.\n *\n * ```ts\n * const view = new FileDialogButtonView( locale );\n *\n * view.set( {\n * \tacceptedType: 'image/*',\n * \tallowMultipleFiles: true\n * \tlabel: t( 'Insert image' ),\n * \ticon: imageIcon,\n * \ttooltip: true\n * } );\n *\n * view.on( 'done', ( evt, files ) => {\n * \tfor ( const file of Array.from( files ) ) {\n * \t\tconsole.log( 'Selected file', file );\n * \t}\n * } );\n * ```\n */ class FileDialogButtonView extends /* #__PURE__ */ FileDialogViewMixin(ButtonView) {\n}\n/**\n * The file dialog button view used in a lists.\n *\n * This component provides a button that opens the native file selection dialog.\n * It can be used to implement the UI of a file upload feature.\n *\n* ```ts\n * const view = new FileDialogListItemButtonView( locale );\n *\n * view.set( {\n * \tacceptedType: 'image/*',\n * \tallowMultipleFiles: true\n * \tlabel: t( 'Insert image' ),\n * \ticon: imageIcon,\n * \ttooltip: true\n * } );\n *\n * view.on( 'done', ( evt, files ) => {\n * \tfor ( const file of Array.from( files ) ) {\n * \t\tconsole.log( 'Selected file', file );\n * \t}\n * } );\n * ```\n */ class FileDialogListItemButtonView extends /* #__PURE__ */ FileDialogViewMixin(ListItemButtonView) {\n}\n/**\n * Mixin function that enhances a base button view class with file dialog functionality. It is used\n * to create a button view class that opens the native select file dialog when clicked.\n *\n * The enhanced view includes a button and a hidden file input. When the button is clicked, the file dialog is opened.\n * The mixin adds properties and methods to the base class to handle the file selection.\n *\n * @param view The base class to be enhanced with file dialog functionality.\n * @returns A new class that extends the base class and includes the file dialog functionality.\n */ function FileDialogViewMixin(view) {\n    class FileDialogView extends view {\n        /**\n\t\t * A hidden `<input>` view used to execute file dialog.\n\t\t */ _fileInputView;\n        /**\n\t\t * @inheritDoc\n\t\t */ constructor(...args){\n            super(...args);\n            this._fileInputView = new FileInputView(this.locale);\n            this._fileInputView.bind('acceptedType').to(this);\n            this._fileInputView.bind('allowMultipleFiles').to(this);\n            this._fileInputView.delegate('done').to(this);\n            this.on('execute', ()=>{\n                this._fileInputView.open();\n            });\n            this.extendTemplate({\n                attributes: {\n                    class: 'ck-file-dialog-button'\n                }\n            });\n        }\n        /**\n\t\t * @inheritDoc\n\t\t */ render() {\n            super.render();\n            this.children.add(this._fileInputView);\n        }\n    }\n    return FileDialogView;\n}\n/**\n * The hidden file input view class.\n */ class FileInputView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.set('acceptedType', undefined);\n        this.set('allowMultipleFiles', false);\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'input',\n            attributes: {\n                class: [\n                    'ck-hidden'\n                ],\n                type: 'file',\n                tabindex: '-1',\n                accept: bind.to('acceptedType'),\n                multiple: bind.to('allowMultipleFiles')\n            },\n            on: {\n                // Removing from code coverage since we cannot programmatically set input element files.\n                change: bind.to(/* istanbul ignore next -- @preserve */ ()=>{\n                    if (this.element?.files?.length) {\n                        this.fire('done', this.element.files);\n                    }\n                    this.element.value = '';\n                })\n            }\n        });\n    }\n    /**\n\t * Opens file dialog.\n\t */ open() {\n        this.element.click();\n    }\n}\n\n/**\n * A collapsible UI component. Consists of a labeled button and a container which can be collapsed\n * by clicking the button. The collapsible container can be a host to other UI views.\n *\n * @internal\n */ class CollapsibleView extends View {\n    /**\n\t * The main button that, when clicked, collapses or expands the container with {@link #children}.\n\t */ buttonView;\n    /**\n\t * A collection of the child views that can be collapsed by clicking the {@link #buttonView}.\n\t */ children;\n    /**\n\t * Creates an instance of the collapsible view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param childViews An optional array of initial child views to be inserted into the collapsible.\n\t */ constructor(locale, childViews){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('isCollapsed', false);\n        this.set('label', '');\n        this.buttonView = this._createButtonView();\n        this.children = this.createCollection();\n        this.set('_collapsibleAriaLabelUid', undefined);\n        if (childViews) {\n            this.children.addMany(childViews);\n        }\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-collapsible',\n                    bind.if('isCollapsed', 'ck-collapsible_collapsed')\n                ]\n            },\n            children: [\n                this.buttonView,\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-collapsible__children'\n                        ],\n                        role: 'region',\n                        hidden: bind.if('isCollapsed', 'hidden'),\n                        'aria-labelledby': bind.to('_collapsibleAriaLabelUid')\n                    },\n                    children: this.children\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this._collapsibleAriaLabelUid = this.buttonView.labelView.element.id;\n    }\n    /**\n\t * Focuses the first focusable.\n\t */ focus() {\n        this.buttonView.focus();\n    }\n    /**\n\t * Creates the main {@link #buttonView} of the collapsible.\n\t */ _createButtonView() {\n        const buttonView = new ButtonView(this.locale);\n        const bind = buttonView.bindTemplate;\n        buttonView.set({\n            withText: true,\n            icon: IconDropdownArrow\n        });\n        buttonView.extendTemplate({\n            attributes: {\n                'aria-expanded': bind.to('isOn', (value)=>String(value))\n            }\n        });\n        buttonView.bind('label').to(this);\n        buttonView.bind('isOn').to(this, 'isCollapsed', (isCollapsed)=>!isCollapsed);\n        buttonView.on('execute', ()=>{\n            this.isCollapsed = !this.isCollapsed;\n        });\n        return buttonView;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module ui/colorgrid/utils\n */ /**\n * Returns color configuration options as defined in `editor.config.(fontColor|fontBackgroundColor).colors` or\n * `editor.config.table.(tableProperties|tableCellProperties).(background|border).colors\n * but processed to account for editor localization in the correct language.\n *\n * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}\n * when the user configuration is defined because the editor does not exist yet.\n *\n * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n */ function getLocalizedColorOptions(locale, options) {\n    const t = locale.t;\n    const localizedColorNames = {\n        Black: t('Black'),\n        'Dim grey': t('Dim grey'),\n        Grey: t('Grey'),\n        'Light grey': t('Light grey'),\n        White: t('White'),\n        Red: t('Red'),\n        Orange: t('Orange'),\n        Yellow: t('Yellow'),\n        'Light green': t('Light green'),\n        Green: t('Green'),\n        Aquamarine: t('Aquamarine'),\n        Turquoise: t('Turquoise'),\n        'Light blue': t('Light blue'),\n        Blue: t('Blue'),\n        Purple: t('Purple')\n    };\n    return options.map((colorOption)=>{\n        const label = localizedColorNames[colorOption.label];\n        if (label && label != colorOption.label) {\n            colorOption.label = label;\n        }\n        return colorOption;\n    });\n}\n/**\n * Creates a unified color definition object from color configuration options.\n * The object contains the information necessary to both render the UI and initialize the conversion.\n */ function normalizeColorOptions(options) {\n    return options.map(normalizeSingleColorDefinition).filter((option)=>!!option);\n}\n/**\n * Creates a normalized color definition from the user-defined configuration.\n * The \"normalization\" means it will create full\n * {@link module:ui/colorgrid/colorgridview~ColorDefinition `ColorDefinition-like`}\n * object for string values, and add a `view` property, for each definition.\n */ function normalizeSingleColorDefinition(color) {\n    if (typeof color === 'string') {\n        return {\n            model: color,\n            label: color,\n            hasBorder: false,\n            view: {\n                name: 'span',\n                styles: {\n                    color\n                }\n            }\n        };\n    } else {\n        return {\n            model: color.color,\n            label: color.label || color.color,\n            hasBorder: color.hasBorder === undefined ? false : color.hasBorder,\n            view: {\n                name: 'span',\n                styles: {\n                    color: `${color.color}`\n                }\n            }\n        };\n    }\n}\n\n/**\n * This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.\n */ class ColorTileView extends ButtonView {\n    constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('color', undefined);\n        this.set('hasBorder', false);\n        this.icon = IconColorTileCheck;\n        this.extendTemplate({\n            attributes: {\n                style: {\n                    // https://github.com/ckeditor/ckeditor5/issues/14907\n                    backgroundColor: bind.to('color', (color)=>env.isMediaForcedColors ? null : color)\n                },\n                class: [\n                    'ck',\n                    'ck-color-grid__tile',\n                    bind.if('hasBorder', 'ck-color-selector__color-tile_bordered')\n                ]\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.iconView.fillColor = 'hsl(0, 0%, 100%)';\n    }\n}\n\n/**\n * A grid of {@link module:ui/colorgrid/colortileview~ColorTileView color tiles}.\n */ class ColorGridView extends View {\n    /**\n\t * A number of columns for the tiles grid.\n\t */ columns;\n    /**\n\t * Collection of the child tile views.\n\t */ items;\n    /**\n\t * Tracks information about DOM focus in the grid.\n\t */ focusTracker;\n    /**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * Creates an instance of a color grid containing {@link module:ui/colorgrid/colortileview~ColorTileView tiles}.\n\t *\n\t * @fires execute\n\t * @param locale The localization services instance.\n\t * @param options Component configuration\n\t * @param options.colorDefinitions Array with definitions\n\t * required to create the {@link module:ui/colorgrid/colortileview~ColorTileView tiles}.\n\t * @param options.columns A number of columns to display the tiles.\n\t */ constructor(locale, options){\n        super(locale);\n        const colorDefinitions = options && options.colorDefinitions ? options.colorDefinitions : [];\n        this.columns = options?.columns || 5;\n        const viewStyleAttribute = {\n            gridTemplateColumns: `repeat( ${this.columns}, 1fr)`\n        };\n        this.set('selectedColor', undefined);\n        this.items = this.createCollection();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.items.on('add', (evt, colorTile)=>{\n            colorTile.isOn = colorTile.color === this.selectedColor;\n        });\n        colorDefinitions.forEach((color)=>{\n            const colorTile = new ColorTileView();\n            colorTile.set({\n                color: color.color,\n                label: color.label,\n                tooltip: true,\n                hasBorder: color.options.hasBorder\n            });\n            colorTile.on('execute', ()=>{\n                this.fire('execute', {\n                    value: color.color,\n                    hasBorder: color.options.hasBorder,\n                    label: color.label\n                });\n            });\n            this.items.add(colorTile);\n        });\n        this.setTemplate({\n            tag: 'div',\n            children: this.items,\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-color-grid'\n                ],\n                style: viewStyleAttribute\n            }\n        });\n        this.on('change:selectedColor', (evt, name, selectedColor)=>{\n            for (const item of this.items){\n                item.isOn = item.color === selectedColor;\n            }\n        });\n    }\n    /**\n\t * Focuses the first focusable in {@link #items}.\n\t */ focus() {\n        if (this.items.length) {\n            this.items.first.focus();\n        }\n    }\n    /**\n\t * Focuses the last focusable in {@link #items}.\n\t */ focusLast() {\n        if (this.items.length) {\n            this.items.last.focus();\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        // Items added before rendering should be known to the #focusTracker.\n        for (const item of this.items){\n            this.focusTracker.add(item.element);\n        }\n        this.items.on('add', (evt, item)=>{\n            this.focusTracker.add(item.element);\n        });\n        this.items.on('remove', (evt, item)=>{\n            this.focusTracker.remove(item.element);\n        });\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n        addKeyboardHandlingForGrid({\n            keystrokeHandler: this.keystrokes,\n            focusTracker: this.focusTracker,\n            gridItems: this.items,\n            numberOfColumns: this.columns,\n            uiLanguageDirection: this.locale?.uiLanguageDirection\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n}\n\n/**\n * Parses and converts the color string to requested format. Handles variety of color spaces\n * like `hsl`, `hex` or `rgb`.\n *\n * @param color\n * @returns A color string.\n * @internal\n */ function convertColor(color, outputFormat) {\n    if (!color) {\n        return '';\n    }\n    const colorObject = parseColorString(color);\n    if (!colorObject) {\n        return '';\n    }\n    if (colorObject.space === outputFormat) {\n        return color;\n    }\n    if (!canConvertParsedColor(colorObject)) {\n        return '';\n    }\n    const fromColorSpace = convert[colorObject.space];\n    const toColorSpace = fromColorSpace[outputFormat];\n    if (!toColorSpace) {\n        return '';\n    }\n    const convertedColorChannels = toColorSpace(colorObject.space === 'hex' ? colorObject.hexValue : colorObject.values);\n    return formatColorOutput(convertedColorChannels, outputFormat);\n}\n/**\n * Converts a color string to hex format.\n *\n * @param color\n * @returns A color string.\n * @internal\n */ function convertToHex(color) {\n    if (!color) {\n        return '';\n    }\n    const colorObject = parseColorString(color);\n    if (!colorObject) {\n        return '#000';\n    }\n    if (colorObject.space === 'hex') {\n        return colorObject.hexValue;\n    }\n    return convertColor(color, 'hex');\n}\n/**\n * Registers the custom element in the\n * [CustomElementsRegistry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry).\n * @internal\n */ function registerCustomElement(elementName, constructor) {\n    if (customElements.get(elementName) === undefined) {\n        customElements.define(elementName, constructor);\n    }\n}\n/**\n * Formats the passed color channels according to the requested format.\n *\n * @param values\n * @param format\n * @returns A color string.\n */ function formatColorOutput(values, format) {\n    switch(format){\n        case 'hex':\n            return `#${values}`;\n        case 'rgb':\n            return `rgb(${values[0]}, ${values[1]}, ${values[2]})`;\n        case 'hsl':\n            return `hsl(${values[0]}, ${values[1]}%, ${values[2]}%)`;\n        case 'hwb':\n            return `hwb(${values[0]}, ${values[1]}, ${values[2]})`;\n        case 'lab':\n            return `lab(${values[0]}% ${values[1]} ${values[2]})`;\n        case 'lch':\n            return `lch(${values[0]}% ${values[1]} ${values[2]})`;\n        default:\n            return '';\n    }\n}\nfunction parseColorString(colorString) {\n    // Parser library treats `hex` format as belonging to `rgb` space | which messes up further conversion.\n    // Let's parse such strings on our own.\n    if (colorString.startsWith('#')) {\n        const parsedHex = parse(colorString);\n        return {\n            space: 'hex',\n            values: parsedHex.values,\n            hexValue: colorString,\n            alpha: parsedHex.alpha\n        };\n    }\n    const parsed = parse(colorString);\n    if (!parsed.space) {\n        return null;\n    }\n    return parsed;\n}\nfunction canConvertParsedColor(parsedColor) {\n    return Object.keys(convert).includes(parsedColor.space);\n}\n\n/**\n * The labeled field view class. It can be used to enhance any view with the following features:\n *\n * * a label,\n * * (optional) an error message,\n * * (optional) an info (status) text,\n *\n * all bound logically by proper DOM attributes for UX and accessibility.  It also provides an interface\n * (e.g. observable properties) that allows controlling those additional features.\n *\n * The constructor of this class requires a callback that returns a view to be labeled. The callback\n * is called with unique ids that allow binding of DOM properties:\n *\n * ```ts\n * const labeledInputView = new LabeledFieldView( locale, ( labeledFieldView, viewUid, statusUid ) => {\n * \tconst inputView = new InputTextView( labeledFieldView.locale );\n *\n * \tinputView.set( {\n * \t\tid: viewUid,\n * \t\tariaDescribedById: statusUid\n * \t} );\n *\n * \tinputView.bind( 'isReadOnly' ).to( labeledFieldView, 'isEnabled', value => !value );\n * \tinputView.bind( 'hasError' ).to( labeledFieldView, 'errorText', value => !!value );\n *\n * \treturn inputView;\n * } );\n *\n * labeledInputView.label = 'User name';\n * labeledInputView.infoText = 'Full name like for instance, John Doe.';\n * labeledInputView.render();\n *\n * document.body.append( labeledInputView.element );\n * ```\n *\n * See {@link module:ui/labeledfield/utils} to discover ready–to–use labeled input helpers for common\n * UI components.\n */ class LabeledFieldView extends View {\n    /**\n\t * The field view that gets labeled.\n\t */ fieldView;\n    /**\n\t * The label view instance that describes the entire view.\n\t */ labelView;\n    /**\n\t * The status view for the {@link #fieldView}. It displays {@link #errorText} and\n\t * {@link #infoText}.\n\t */ statusView;\n    /**\n\t * A collection of children of the internal wrapper element. Allows inserting additional DOM elements (views) next to\n\t * the {@link #fieldView} for easy styling (e.g. positioning).\n\t *\n\t * By default, the collection contains {@link #fieldView} and {@link #labelView}.\n\t */ fieldWrapperChildren;\n    /**\n\t * Creates an instance of the labeled field view class using a provided creator function\n\t * that provides the view to be labeled.\n\t *\n\t * @param locale The locale instance.\n\t * @param viewCreator A function that returns a {@link module:ui/view~View}\n\t * that will be labeled. The following arguments are passed to the creator function:\n\t *\n\t * * an instance of the `LabeledFieldView` to allow binding observable properties,\n\t * * an UID string that connects the {@link #labelView label} and the labeled field view in DOM,\n\t * * an UID string that connects the {@link #statusView status} and the labeled field view in DOM.\n\t */ constructor(locale, viewCreator){\n        super(locale);\n        const viewUid = `ck-labeled-field-view-${uid()}`;\n        const statusUid = `ck-labeled-field-view-status-${uid()}`;\n        this.fieldView = viewCreator(this, viewUid, statusUid);\n        this.set('label', undefined);\n        this.set('isEnabled', true);\n        this.set('isEmpty', true);\n        this.set('isFocused', false);\n        this.set('errorText', null);\n        this.set('infoText', null);\n        this.set('class', undefined);\n        this.set('placeholder', undefined);\n        this.labelView = this._createLabelView(viewUid);\n        this.statusView = this._createStatusView(statusUid);\n        this.fieldWrapperChildren = this.createCollection([\n            this.fieldView,\n            this.labelView\n        ]);\n        this.bind('_statusText').to(this, 'errorText', this, 'infoText', (errorText, infoText)=>errorText || infoText);\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-labeled-field-view',\n                    bind.to('class'),\n                    bind.if('isEnabled', 'ck-disabled', (value)=>!value),\n                    bind.if('isEmpty', 'ck-labeled-field-view_empty'),\n                    bind.if('isFocused', 'ck-labeled-field-view_focused'),\n                    bind.if('placeholder', 'ck-labeled-field-view_placeholder'),\n                    bind.if('errorText', 'ck-error')\n                ]\n            },\n            children: [\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-labeled-field-view__input-wrapper'\n                        ]\n                    },\n                    children: this.fieldWrapperChildren\n                },\n                this.statusView\n            ]\n        });\n    }\n    /**\n\t * Creates label view class instance and bind with view.\n\t *\n\t * @param id Unique id to set as labelView#for attribute.\n\t */ _createLabelView(id) {\n        const labelView = new LabelView(this.locale);\n        labelView.for = id;\n        labelView.bind('text').to(this, 'label');\n        return labelView;\n    }\n    /**\n\t * Creates the status view instance. It displays {@link #errorText} and {@link #infoText}\n\t * next to the {@link #fieldView}. See {@link #_statusText}.\n\t *\n\t * @param statusUid Unique id of the status, shared with the {@link #fieldView view's}\n\t * `aria-describedby` attribute.\n\t */ _createStatusView(statusUid) {\n        const statusView = new View(this.locale);\n        const bind = this.bindTemplate;\n        statusView.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-labeled-field-view__status',\n                    bind.if('errorText', 'ck-labeled-field-view__status_error'),\n                    bind.if('_statusText', 'ck-hidden', (value)=>!value)\n                ],\n                id: statusUid,\n                role: bind.if('errorText', 'alert')\n            },\n            children: [\n                {\n                    text: bind.to('_statusText')\n                }\n            ]\n        });\n        return statusView;\n    }\n    /**\n\t * Focuses the {@link #fieldView}.\n\t */ focus(direction) {\n        this.fieldView.focus(direction);\n    }\n}\n\n/**\n * The base input view class.\n */ class InputBase extends View {\n    /**\n\t * Stores information about the editor UI focus and propagates it so various plugins and components\n\t * are unified as a focus group.\n\t */ focusTracker;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.set('value', undefined);\n        this.set('id', undefined);\n        this.set('placeholder', undefined);\n        this.set('tabIndex', undefined);\n        this.set('isReadOnly', false);\n        this.set('hasError', false);\n        this.set('ariaDescribedById', undefined);\n        this.set('ariaLabel', undefined);\n        this.focusTracker = new FocusTracker();\n        this.bind('isFocused').to(this.focusTracker);\n        this.set('isEmpty', true);\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'input',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-input',\n                    bind.if('isFocused', 'ck-input_focused'),\n                    bind.if('isEmpty', 'ck-input-text_empty'),\n                    bind.if('hasError', 'ck-error')\n                ],\n                id: bind.to('id'),\n                placeholder: bind.to('placeholder'),\n                tabindex: bind.to('tabIndex'),\n                readonly: bind.to('isReadOnly'),\n                'aria-invalid': bind.if('hasError', true),\n                'aria-describedby': bind.to('ariaDescribedById'),\n                'aria-label': bind.to('ariaLabel')\n            },\n            on: {\n                input: bind.to((...args)=>{\n                    this.fire('input', ...args);\n                    this._updateIsEmpty();\n                }),\n                change: bind.to(this._updateIsEmpty.bind(this))\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.focusTracker.add(this.element);\n        this._setDomElementValue(this.value);\n        this._updateIsEmpty();\n        // Bind `this.value` to the DOM element's value.\n        // We cannot use `value` DOM attribute because removing it on Edge does not clear the DOM element's value property.\n        this.on('change:value', (evt, name, value)=>{\n            this._setDomElementValue(value);\n            this._updateIsEmpty();\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n    }\n    /**\n\t * Moves the focus to the input and selects the value.\n\t */ select() {\n        this.element.select();\n    }\n    /**\n\t * Focuses the input.\n\t */ focus() {\n        this.element.focus();\n    }\n    /**\n\t * Resets the value of the input\n\t */ reset() {\n        this.value = this.element.value = '';\n        this._updateIsEmpty();\n    }\n    /**\n\t * Updates the {@link #isEmpty} property value on demand.\n\t */ _updateIsEmpty() {\n        this.isEmpty = isInputElementEmpty(this.element);\n    }\n    /**\n\t * Sets the `value` property of the {@link #element DOM element} on demand.\n\t */ _setDomElementValue(value) {\n        this.element.value = !value && value !== 0 ? '' : value;\n    }\n}\nfunction isInputElementEmpty(domElement) {\n    return !domElement.value;\n}\n\n/**\n * The input view class.\n */ class InputView extends InputBase {\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.set('inputMode', 'text');\n        const bind = this.bindTemplate;\n        this.extendTemplate({\n            attributes: {\n                inputmode: bind.to('inputMode')\n            }\n        });\n    }\n}\n\n/**\n * The text input view class.\n */ class InputTextView extends InputView {\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.extendTemplate({\n            attributes: {\n                type: 'text',\n                class: [\n                    'ck-input-text'\n                ]\n            }\n        });\n    }\n}\n\n/**\n * The number input view class.\n */ class InputNumberView extends InputView {\n    /**\n\t * Creates an instance of the input number view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options The options of the input.\n\t * @param options.min The value of the `min` DOM attribute (the lowest accepted value).\n\t * @param options.max The value of the `max` DOM attribute (the highest accepted value).\n\t * @param options.step The value of the `step` DOM attribute.\n\t */ constructor(locale, { min, max, step } = {}){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('min', min);\n        this.set('max', max);\n        this.set('step', step);\n        this.extendTemplate({\n            attributes: {\n                type: 'number',\n                class: [\n                    'ck-input-number'\n                ],\n                min: bind.to('min'),\n                max: bind.to('max'),\n                step: bind.to('step')\n            }\n        });\n    }\n}\n\n/**\n * The textarea view class.\n *\n * ```ts\n * const textareaView = new TextareaView();\n *\n * textareaView.minRows = 2;\n * textareaView.maxRows = 10;\n *\n * textareaView.render();\n *\n * document.body.append( textareaView.element );\n * ```\n */ class TextareaView extends InputBase {\n    /**\n\t * An instance of the resize observer used to detect when the view is visible or not and update\n\t * its height if any changes that affect it were made while it was invisible.\n\t *\n\t * **Note:** Created in {@link #render}.\n\t */ _resizeObserver;\n    /**\n\t * A flag that indicates whether the {@link #_updateAutoGrowHeight} method should be called when the view becomes\n\t * visible again. See {@link #_resizeObserver}.\n\t */ _isUpdateAutoGrowHeightPending = false;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const toPx = toUnit('px');\n        this.set('minRows', 2);\n        this.set('maxRows', 5);\n        this.set('_height', null);\n        this.set('resize', 'none');\n        this._resizeObserver = null;\n        this.on('change:minRows', this._validateMinMaxRows.bind(this));\n        this.on('change:maxRows', this._validateMinMaxRows.bind(this));\n        const bind = this.bindTemplate;\n        this.template.tag = 'textarea';\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-textarea'\n                ],\n                style: {\n                    height: bind.to('_height', (height)=>height ? toPx(height) : null),\n                    resize: bind.to('resize')\n                },\n                rows: bind.to('minRows')\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        let wasVisible = false;\n        this.on('input', ()=>{\n            this._updateAutoGrowHeight(true);\n            this.fire('update');\n        });\n        this.on('change:value', ()=>{\n            // The content needs to be updated by the browser after the value is changed. It takes a few ms.\n            global.window.requestAnimationFrame(()=>{\n                if (!isVisible(this.element)) {\n                    this._isUpdateAutoGrowHeightPending = true;\n                    return;\n                }\n                this._updateAutoGrowHeight();\n                this.fire('update');\n            });\n        });\n        // It may occur that the Textarea size needs to be updated (e.g. because it's content was changed)\n        // when it is not visible or detached from DOM.\n        // In such case, we need to detect the moment when it becomes visible again and update its height then.\n        // We're using ResizeObserver for that as it is the most reliable way to detect when the element becomes visible.\n        // IntersectionObserver didn't work well with the absolute positioned containers.\n        this._resizeObserver = new ResizeObserver(this.element, (evt)=>{\n            const isVisible = !!evt.contentRect.width && !!evt.contentRect.height;\n            if (!wasVisible && isVisible && this._isUpdateAutoGrowHeightPending) {\n                // We're wrapping the auto-grow logic in RAF because otherwise there is an error thrown\n                // by the browser about recursive calls to the ResizeObserver. It used to happen in unit\n                // tests only, though. Since there is no risk of infinite loop here, it can stay here.\n                global.window.requestAnimationFrame(()=>{\n                    this._updateAutoGrowHeight();\n                    this.fire('update');\n                });\n            }\n            wasVisible = isVisible;\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        if (this._resizeObserver) {\n            this._resizeObserver.destroy();\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ reset() {\n        super.reset();\n        this._updateAutoGrowHeight();\n        this.fire('update');\n    }\n    /**\n\t * Updates the {@link #_height} of the view depending on {@link #minRows}, {@link #maxRows}, and the current content size.\n\t *\n\t * **Note**: This method overrides manual resize done by the user using a handle. It's a known bug.\n\t */ _updateAutoGrowHeight(shouldScroll) {\n        const viewElement = this.element;\n        if (!viewElement.offsetParent) {\n            this._isUpdateAutoGrowHeightPending = true;\n            return;\n        }\n        this._isUpdateAutoGrowHeightPending = false;\n        const singleLineContentClone = getTextareaElementClone(viewElement, '1');\n        const fullTextValueClone = getTextareaElementClone(viewElement, viewElement.value);\n        const singleLineContentStyles = singleLineContentClone.ownerDocument.defaultView.getComputedStyle(singleLineContentClone);\n        const verticalPaddings = parseFloat(singleLineContentStyles.paddingTop) + parseFloat(singleLineContentStyles.paddingBottom);\n        const borders = getBorderWidths(singleLineContentClone);\n        const lineHeight = parseFloat(singleLineContentStyles.lineHeight);\n        const verticalBorder = borders.top + borders.bottom;\n        const singleLineAreaDefaultHeight = new Rect(singleLineContentClone).height;\n        const numberOfLines = Math.round((fullTextValueClone.scrollHeight - verticalPaddings) / lineHeight);\n        const maxHeight = this.maxRows * lineHeight + verticalPaddings + verticalBorder;\n        // There's a --ck-ui-component-min-height CSS custom property that enforces min height of the component.\n        // This min-height is relevant only when there's one line of text. Other than that, we can rely on line-height.\n        const minHeight = numberOfLines === 1 ? singleLineAreaDefaultHeight : this.minRows * lineHeight + verticalPaddings + verticalBorder;\n        // The size of textarea is controlled by height style instead of rows attribute because event though it is\n        // a more complex solution, it is immune to the layout textarea has been rendered in (gird, flex).\n        this._height = Math.min(Math.max(Math.max(numberOfLines, this.minRows) * lineHeight + verticalPaddings + verticalBorder, minHeight), maxHeight);\n        if (shouldScroll) {\n            viewElement.scrollTop = viewElement.scrollHeight;\n        }\n        singleLineContentClone.remove();\n        fullTextValueClone.remove();\n    }\n    /**\n\t * Validates the {@link #minRows} and {@link #maxRows} properties and warns in the console if the configuration is incorrect.\n\t */ _validateMinMaxRows() {\n        if (this.minRows > this.maxRows) {\n            /**\n\t\t\t * The minimum number of rows is greater than the maximum number of rows.\n\t\t\t *\n\t\t\t * @error ui-textarea-view-min-rows-greater-than-max-rows\n\t\t\t * @param {module:ui/textarea/textareaview~TextareaView} textareaView The misconfigured textarea view instance.\n\t\t\t * @param {number} minRows The value of `minRows` property.\n\t\t\t * @param {number} maxRows The value of `maxRows` property.\n\t\t\t */ throw new CKEditorError('ui-textarea-view-min-rows-greater-than-max-rows', {\n                textareaView: this,\n                minRows: this.minRows,\n                maxRows: this.maxRows\n            });\n        }\n    }\n}\nfunction getTextareaElementClone(element, value) {\n    const clone = element.cloneNode();\n    clone.style.position = 'absolute';\n    clone.style.top = '-99999px';\n    clone.style.left = '-99999px';\n    clone.style.height = 'auto';\n    clone.style.overflow = 'hidden';\n    clone.style.width = element.ownerDocument.defaultView.getComputedStyle(element).width;\n    clone.tabIndex = -1;\n    clone.rows = 1;\n    clone.value = value;\n    element.parentNode.insertBefore(clone, element);\n    return clone;\n}\n\n/**\n * The dropdown panel view class.\n *\n * See {@link module:ui/dropdown/dropdownview~DropdownView} to learn about the common usage.\n */ class DropdownPanelView extends View {\n    /**\n\t * Collection of the child views in this panel.\n\t *\n\t * A common child type is the {@link module:ui/list/listview~ListView} and {@link module:ui/toolbar/toolbarview~ToolbarView}.\n\t * See {@link module:ui/dropdown/utils~addListToDropdown} and\n\t * {@link module:ui/dropdown/utils~addToolbarToDropdown} to learn more about child views of dropdowns.\n\t */ children;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('isVisible', false);\n        this.set('position', 'se');\n        this.children = this.createCollection();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-reset',\n                    'ck-dropdown__panel',\n                    bind.to('position', (value)=>`ck-dropdown__panel_${value}`),\n                    bind.if('isVisible', 'ck-dropdown__panel-visible')\n                ],\n                tabindex: '-1'\n            },\n            children: this.children,\n            on: {\n                // Drag and drop in the panel should not break the selection in the editor.\n                // https://github.com/ckeditor/ckeditor5-ui/issues/228\n                selectstart: bind.to((evt)=>{\n                    if (evt.target.tagName.toLocaleLowerCase() === 'input') {\n                        return;\n                    }\n                    evt.preventDefault();\n                })\n            }\n        });\n    }\n    /**\n\t * Focuses the first view in the {@link #children} collection.\n\t *\n\t * See also {@link module:ui/dropdown/dropdownpanelfocusable~DropdownPanelFocusable}.\n\t */ focus() {\n        if (this.children.length) {\n            const firstChild = this.children.first;\n            if (typeof firstChild.focus === 'function') {\n                firstChild.focus();\n            } else {\n                /**\n\t\t\t\t * The child view of a dropdown could not be focused because it is missing the `focus()` method.\n\t\t\t\t *\n\t\t\t\t * This warning appears when a dropdown {@link module:ui/dropdown/dropdownview~DropdownView#isOpen gets open} and it\n\t\t\t\t * attempts to focus the {@link module:ui/dropdown/dropdownpanelview~DropdownPanelView#children first child} of its panel\n\t\t\t\t * but the child does not implement the\n\t\t\t\t * {@link module:ui/dropdown/dropdownpanelfocusable~DropdownPanelFocusable focusable interface}.\n\t\t\t\t *\n\t\t\t\t * Focusing the content of a dropdown on open greatly improves the accessibility. Please make sure the view instance\n\t\t\t\t * provides the `focus()` method for the best user experience.\n\t\t\t\t *\n\t\t\t\t * @error ui-dropdown-panel-focus-child-missing-focus\n\t\t\t\t * @param {module:ui/view~View} childView Child view.\n\t\t\t\t * @param {module:ui/dropdown/dropdownpanelview~DropdownPanelView} dropdownPanel A parent of a child.\n\t\t\t\t */ logWarning('ui-dropdown-panel-focus-child-missing-focus', {\n                    childView: this.children.first,\n                    dropdownPanel: this\n                });\n            }\n        }\n    }\n    /**\n\t * Focuses the view element or last item in view collection on opening dropdown's panel.\n\t *\n\t * See also {@link module:ui/dropdown/dropdownpanelfocusable~DropdownPanelFocusable}.\n\t */ focusLast() {\n        if (this.children.length) {\n            const lastChild = this.children.last;\n            if (typeof lastChild.focusLast === 'function') {\n                lastChild.focusLast();\n            } else {\n                lastChild.focus();\n            }\n        }\n    }\n}\n\n/**\n * The dropdown view class. It manages the dropdown button and dropdown panel.\n *\n * In most cases, the easiest way to create a dropdown is by using the {@link module:ui/dropdown/utils~createDropdown}\n * util:\n *\n * ```ts\n * const dropdown = createDropdown( locale );\n *\n * // Configure dropdown's button properties:\n * dropdown.buttonView.set( {\n * \tlabel: 'A dropdown',\n * \twithText: true\n * } );\n *\n * dropdown.render();\n *\n * dropdown.panelView.element.textContent = 'Content of the panel';\n *\n * // Will render a dropdown with a panel containing a \"Content of the panel\" text.\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * If you want to add a richer content to the dropdown panel, you can use the {@link module:ui/dropdown/utils~addListToDropdown}\n * and {@link module:ui/dropdown/utils~addToolbarToDropdown} helpers. See more examples in\n * {@link module:ui/dropdown/utils~createDropdown} documentation.\n *\n * If you want to create a completely custom dropdown, then you can compose it manually:\n *\n * ```ts\n * const button = new DropdownButtonView( locale );\n * const panel = new DropdownPanelView( locale );\n * const dropdown = new DropdownView( locale, button, panel );\n *\n * button.set( {\n * \tlabel: 'A dropdown',\n * \twithText: true\n * } );\n *\n * dropdown.render();\n *\n * panel.element.textContent = 'Content of the panel';\n *\n * // Will render a dropdown with a panel containing a \"Content of the panel\" text.\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * However, dropdown created this way will contain little behavior. You will need to implement handlers for actions\n * such as {@link module:ui/bindings/clickoutsidehandler~clickOutsideHandler clicking outside an open dropdown}\n * (which should close it) and support for arrow keys inside the panel. Therefore, unless you really know what\n * you do and you really need to do it, it is recommended to use the {@link module:ui/dropdown/utils~createDropdown} helper.\n */ class DropdownView extends View {\n    /**\n\t * Button of the dropdown view. Clicking the button opens the {@link #panelView}.\n\t */ buttonView;\n    /**\n\t * Panel of the dropdown. It opens when the {@link #buttonView} is\n\t * {@link module:ui/button/button~Button#event:execute executed} (i.e. clicked).\n\t *\n\t * Child views can be added to the panel's `children` collection:\n\t *\n\t * ```ts\n\t * dropdown.panelView.children.add( childView );\n\t * ```\n\t *\n\t * See {@link module:ui/dropdown/dropdownpanelview~DropdownPanelView#children} and\n\t * {@link module:ui/viewcollection~ViewCollection#add}.\n\t */ panelView;\n    /**\n\t * Tracks information about the DOM focus in the dropdown.\n\t */ focusTracker;\n    /**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}. It manages\n\t * keystrokes of the dropdown:\n\t *\n\t * * <kbd>▼</kbd> opens the dropdown,\n\t * * <kbd>◀</kbd> and <kbd>Esc</kbd> closes the dropdown.\n\t */ keystrokes;\n    /**\n\t * A child {@link module:ui/list/listview~ListView list view} of the dropdown located\n\t * in its {@link module:ui/dropdown/dropdownview~DropdownView#panelView panel}.\n\t *\n\t * **Note**: Only supported when dropdown has list view added using {@link module:ui/dropdown/utils~addListToDropdown}.\n\t */ listView;\n    /**\n\t * A child toolbar of the dropdown located in the\n\t * {@link module:ui/dropdown/dropdownview~DropdownView#panelView panel}.\n\t *\n\t * **Note**: Only supported when dropdown has a toolbar added using {@link module:ui/dropdown/utils~addToolbarToDropdown}.\n\t */ toolbarView;\n    /**\n\t * A child menu component of the dropdown located\n\t * in its {@link module:ui/dropdown/dropdownview~DropdownView#panelView panel}.\n\t *\n\t * **Note**: Only supported when dropdown has a menu added using {@link module:ui/dropdown/utils~addMenuToDropdown}.\n\t */ menuView;\n    /**\n\t * Creates an instance of the dropdown.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale, buttonView, panelView){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.buttonView = buttonView;\n        this.panelView = panelView;\n        this.set('isOpen', false);\n        this.set('isEnabled', true);\n        this.set('class', undefined);\n        this.set('id', undefined);\n        this.set('panelPosition', 'auto');\n        // Toggle the visibility of the panel when the dropdown becomes open.\n        this.panelView.bind('isVisible').to(this, 'isOpen');\n        this.keystrokes = new KeystrokeHandler();\n        this.focusTracker = new FocusTracker();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-dropdown',\n                    bind.to('class'),\n                    bind.if('isEnabled', 'ck-disabled', (value)=>!value)\n                ],\n                id: bind.to('id'),\n                'aria-describedby': bind.to('ariaDescribedById')\n            },\n            children: [\n                buttonView,\n                panelView\n            ]\n        });\n        buttonView.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-dropdown__button'\n                ],\n                'data-cke-tooltip-disabled': bind.to('isOpen')\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.focusTracker.add(this.buttonView.element);\n        this.focusTracker.add(this.panelView.element);\n        // Toggle the dropdown when its button has been clicked.\n        this.listenTo(this.buttonView, 'open', ()=>{\n            this.isOpen = !this.isOpen;\n        });\n        // Let the dropdown control the position of the panel. The position must\n        // be updated every time the dropdown is open.\n        this.on('change:isOpen', (evt, name, isOpen)=>{\n            if (!isOpen) {\n                return;\n            }\n            // If \"auto\", find the best position of the panel to fit into the viewport.\n            // Otherwise, simply assign the static position.\n            if (this.panelPosition === 'auto') {\n                const optimalPanelPosition = DropdownView._getOptimalPosition({\n                    element: this.panelView.element,\n                    target: this.buttonView.element,\n                    fitInViewport: true,\n                    positions: this._panelPositions\n                });\n                this.panelView.position = optimalPanelPosition ? optimalPanelPosition.name : this._defaultPanelPositionName;\n            } else {\n                this.panelView.position = this.panelPosition;\n            }\n        });\n        // Listen for keystrokes coming from within #element.\n        this.keystrokes.listenTo(this.element);\n        const closeDropdown = (data, cancel)=>{\n            if (this.isOpen) {\n                this.isOpen = false;\n                cancel();\n            }\n        };\n        // Open the dropdown panel using the arrow down key, just like with return or space.\n        this.keystrokes.set('arrowdown', (data, cancel)=>{\n            // Don't open if the dropdown is disabled or already open.\n            if (this.buttonView.isEnabled && !this.isOpen) {\n                this.isOpen = true;\n                cancel();\n            }\n        });\n        // Block the right arrow key (until nested dropdowns are implemented).\n        this.keystrokes.set('arrowright', (data, cancel)=>{\n            if (this.isOpen) {\n                cancel();\n            }\n        });\n        // Close the dropdown using the arrow left/escape key.\n        this.keystrokes.set('arrowleft', closeDropdown);\n        this.keystrokes.set('esc', closeDropdown);\n    }\n    /**\n\t * Focuses the {@link #buttonView}.\n\t */ focus() {\n        this.buttonView.focus();\n    }\n    /**\n\t * Returns {@link #panelView panel} positions to be used by the\n\t * {@link module:utils/dom/position~getOptimalPosition `getOptimalPosition()`}\n\t * utility considering the direction of the language the UI of the editor is displayed in.\n\t */ get _panelPositions() {\n        const { south, north, southEast, southWest, northEast, northWest, southMiddleEast, southMiddleWest, northMiddleEast, northMiddleWest } = DropdownView.defaultPanelPositions;\n        if (this.locale.uiLanguageDirection !== 'rtl') {\n            return [\n                southEast,\n                southWest,\n                southMiddleEast,\n                southMiddleWest,\n                south,\n                northEast,\n                northWest,\n                northMiddleEast,\n                northMiddleWest,\n                north\n            ];\n        } else {\n            return [\n                southWest,\n                southEast,\n                southMiddleWest,\n                southMiddleEast,\n                south,\n                northWest,\n                northEast,\n                northMiddleWest,\n                northMiddleEast,\n                north\n            ];\n        }\n    }\n    /**\n\t * Returns the default position of the dropdown panel based on the direction of the UI language.\n\t * It is used when the {@link #panelPosition} is set to `'auto'` and the panel has not found a\n\t * suitable position to fit into the viewport.\n\t */ get _defaultPanelPositionName() {\n        return this.locale.uiLanguageDirection === 'rtl' ? 'sw' : 'se';\n    }\n    /**\n\t * A set of positioning functions used by the dropdown view to determine\n\t * the optimal position (i.e. fitting into the browser viewport) of its\n\t * {@link module:ui/dropdown/dropdownview~DropdownView#panelView panel} when\n\t * {@link module:ui/dropdown/dropdownview~DropdownView#panelPosition} is set to 'auto'`.\n\t *\n\t * The available positioning functions are as follow:\n\t *\n\t * **South**\n\t *\n\t * * `south`\n\t *\n\t * ```\n\t *\t\t\t[ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southEast`\n\t *\n\t * ```\n\t *\t\t[ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southWest`\n\t *\n\t * ```\n\t *\t\t         [ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southMiddleEast`\n\t *\n\t * ```\n\t *\t\t  [ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southMiddleWest`\n\t *\n\t * ```\n\t *\t\t       [ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **North**\n\t *\n\t * * `north`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t    [ Button ]\n\t * ```\n\t *\n\t * * `northEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t[ Button ]\n\t * ```\n\t *\n\t * * `northWest`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t         [ Button ]\n\t * ```\n\t *\n\t * * `northMiddleEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t  [ Button ]\n\t * ```\n\t *\n\t * * `northMiddleWest`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t       [ Button ]\n\t * ```\n\t *\n\t * Positioning functions are compatible with {@link module:utils/dom/position~DomPoint}.\n\t *\n\t * The name that position function returns will be reflected in dropdown panel's class that\n\t * controls its placement. See {@link module:ui/dropdown/dropdownview~DropdownView#panelPosition}\n\t * to learn more.\n\t */ static defaultPanelPositions = {\n        south: (buttonRect, panelRect)=>{\n            return {\n                top: buttonRect.bottom,\n                left: buttonRect.left - (panelRect.width - buttonRect.width) / 2,\n                name: 's'\n            };\n        },\n        southEast: (buttonRect)=>{\n            return {\n                top: buttonRect.bottom,\n                left: buttonRect.left,\n                name: 'se'\n            };\n        },\n        southWest: (buttonRect, panelRect)=>{\n            return {\n                top: buttonRect.bottom,\n                left: buttonRect.left - panelRect.width + buttonRect.width,\n                name: 'sw'\n            };\n        },\n        southMiddleEast: (buttonRect, panelRect)=>{\n            return {\n                top: buttonRect.bottom,\n                left: buttonRect.left - (panelRect.width - buttonRect.width) / 4,\n                name: 'sme'\n            };\n        },\n        southMiddleWest: (buttonRect, panelRect)=>{\n            return {\n                top: buttonRect.bottom,\n                left: buttonRect.left - (panelRect.width - buttonRect.width) * 3 / 4,\n                name: 'smw'\n            };\n        },\n        north: (buttonRect, panelRect)=>{\n            return {\n                top: buttonRect.top - panelRect.height,\n                left: buttonRect.left - (panelRect.width - buttonRect.width) / 2,\n                name: 'n'\n            };\n        },\n        northEast: (buttonRect, panelRect)=>{\n            return {\n                top: buttonRect.top - panelRect.height,\n                left: buttonRect.left,\n                name: 'ne'\n            };\n        },\n        northWest: (buttonRect, panelRect)=>{\n            return {\n                top: buttonRect.top - panelRect.height,\n                left: buttonRect.left - panelRect.width + buttonRect.width,\n                name: 'nw'\n            };\n        },\n        northMiddleEast: (buttonRect, panelRect)=>{\n            return {\n                top: buttonRect.top - panelRect.height,\n                left: buttonRect.left - (panelRect.width - buttonRect.width) / 4,\n                name: 'nme'\n            };\n        },\n        northMiddleWest: (buttonRect, panelRect)=>{\n            return {\n                top: buttonRect.top - panelRect.height,\n                left: buttonRect.left - (panelRect.width - buttonRect.width) * 3 / 4,\n                name: 'nmw'\n            };\n        }\n    };\n    /**\n\t * A function used to calculate the optimal position for the dropdown panel.\n\t */ static _getOptimalPosition = getOptimalPosition;\n}\n\n/**\n * The default dropdown button view class.\n *\n * ```ts\n * const view = new DropdownButtonView();\n *\n * view.set( {\n * \tlabel: 'A button',\n * \tkeystroke: 'Ctrl+B',\n * \ttooltip: true\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n *\n * Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.\n */ class DropdownButtonView extends ButtonView {\n    /**\n\t * An icon that displays arrow to indicate a dropdown button.\n\t */ arrowView;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.arrowView = this._createArrowView();\n        this.extendTemplate({\n            attributes: {\n                'aria-haspopup': true,\n                'aria-expanded': this.bindTemplate.to('isOn', (value)=>String(value))\n            }\n        });\n        // The DropdownButton interface expects the open event upon which will open the dropdown.\n        this.delegate('execute').to(this, 'open');\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.children.add(this.arrowView);\n    }\n    /**\n\t * Creates a {@link module:ui/icon/iconview~IconView} instance as {@link #arrowView}.\n\t */ _createArrowView() {\n        const arrowView = new IconView();\n        arrowView.content = IconDropdownArrow;\n        arrowView.extendTemplate({\n            attributes: {\n                class: 'ck-dropdown__arrow'\n            }\n        });\n        return arrowView;\n    }\n}\n\n/**\n * Represents a view for a button in a dropdown menu list item.\n */ class DropdownMenuListItemButtonView extends ButtonView {\n    id;\n    constructor(locale, id, label){\n        super(locale);\n        this.id = id;\n        this.set({\n            withText: true,\n            withKeystroke: true,\n            tooltip: false,\n            role: 'menuitem',\n            label\n        });\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-dropdown-menu-list__nested-menu__item__button'\n                ]\n            }\n        });\n    }\n}\n\n/**\n * Represents a view for a dropdown menu button.\n */ class DropdownMenuButtonView extends ListItemButtonView {\n    /**\n\t * An icon that displays an arrow to indicate a direction of the menu.\n\t */ arrowView;\n    /**\n\t * Creates an instance of the dropdown menu button view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set({\n            withText: true,\n            role: 'menuitem'\n        });\n        this.arrowView = this._createArrowView();\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-dropdown-menu-list__nested-menu__button'\n                ],\n                'aria-haspopup': true,\n                'aria-expanded': this.bindTemplate.to('isOn', (value)=>String(value)),\n                'data-cke-tooltip-disabled': bind.to('isOn')\n            },\n            on: {\n                'mouseenter': bind.to('mouseenter')\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.children.add(this.arrowView);\n    }\n    /**\n\t * Creates the arrow view instance.\n\t *\n\t * @private\n\t */ _createArrowView() {\n        const arrowView = new IconView();\n        arrowView.content = IconDropdownArrow;\n        arrowView.extendTemplate({\n            attributes: {\n                class: 'ck-dropdown-menu-list__nested-menu__button__arrow'\n            }\n        });\n        return arrowView;\n    }\n}\n\n/**\n * The list item view class.\n */ class ListItemView extends View {\n    /**\n\t * Collection of the child views inside of the list item {@link #element}.\n\t */ children;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('isVisible', true);\n        this.children = this.createCollection();\n        this.setTemplate({\n            tag: 'li',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-list__item',\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value)\n                ],\n                role: 'presentation'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * Focuses the list item.\n\t */ focus() {\n        if (this.children.first) {\n            this.children.first.focus();\n        }\n    }\n}\n\n/**\n * The list separator view class.\n */ class ListSeparatorView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.setTemplate({\n            tag: 'li',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-list__separator'\n                ]\n            }\n        });\n    }\n}\n\n/**\n * The list item group view class.\n */ class ListItemGroupView extends View {\n    /**\n\t * Label of the group view. Its text is configurable using the {@link #label label attribute}.\n\t *\n\t * If a custom label view is not passed in `ListItemGroupView` constructor, the label is an instance\n\t * of {@link module:ui/label/labelview~LabelView}.\n\t */ labelView;\n    /**\n\t * Collection of the child list items inside this group.\n\t */ items;\n    /**\n\t * Collection of the child elements of the group.\n\t */ children;\n    /**\n\t * Creates an instance of the list item group view class.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param labelView The instance of the group's label. If not provided, an instance of\n\t * {@link module:ui/label/labelview~LabelView} is used.\n\t */ constructor(locale, labelView = new LabelView()){\n        super(locale);\n        const bind = this.bindTemplate;\n        const nestedList = new ListView(locale);\n        this.set({\n            label: '',\n            isVisible: true\n        });\n        this.labelView = labelView;\n        this.labelView.bind('text').to(this, 'label');\n        this.children = this.createCollection();\n        this.children.addMany([\n            this.labelView,\n            nestedList\n        ]);\n        nestedList.set({\n            role: 'group',\n            ariaLabelledBy: labelView.id\n        });\n        // Disable focus tracking and accessible navigation in the child list.\n        nestedList.focusTracker.destroy();\n        nestedList.keystrokes.destroy();\n        this.items = nestedList.items;\n        this.setTemplate({\n            tag: 'li',\n            attributes: {\n                role: 'presentation',\n                class: [\n                    'ck',\n                    'ck-list__group',\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value)\n                ]\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * Focuses the list item (which is not a separator).\n\t */ focus() {\n        if (this.items) {\n            const firstListItem = this.items.find((item)=>!(item instanceof ListSeparatorView));\n            if (firstListItem) {\n                firstListItem.focus();\n            }\n        }\n    }\n}\n\n/**\n * The list view class.\n */ class ListView extends View {\n    /**\n\t * The collection of focusable views in the list. It is used to determine accessible navigation\n\t * between the {@link module:ui/list/listitemview~ListItemView list items} and\n\t * {@link module:ui/list/listitemgroupview~ListItemGroupView list groups}.\n\t */ focusables;\n    /**\n\t * Collection of the child list views.\n\t */ items;\n    /**\n\t * Tracks information about DOM focus in the list.\n\t */ focusTracker;\n    /**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * Helps cycling over focusable {@link #items} in the list.\n\t */ _focusCycler;\n    /**\n\t * A cached map of {@link module:ui/list/listitemgroupview~ListItemGroupView} to `change` event listeners for their `items`.\n\t * Used for accessibility and keyboard navigation purposes.\n\t */ _listItemGroupToChangeListeners = new WeakMap();\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.focusables = new ViewCollection();\n        this.items = this.createCollection();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this._focusCycler = new FocusCycler({\n            focusables: this.focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate list items backwards using the arrowup key.\n                focusPrevious: 'arrowup',\n                // Navigate toolbar items forwards using the arrowdown key.\n                focusNext: 'arrowdown'\n            }\n        });\n        this.set('ariaLabel', undefined);\n        this.set('ariaLabelledBy', undefined);\n        this.set('role', undefined);\n        this.setTemplate({\n            tag: 'ul',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-reset',\n                    'ck-list'\n                ],\n                role: bind.to('role'),\n                'aria-label': bind.to('ariaLabel'),\n                'aria-labelledby': bind.to('ariaLabelledBy')\n            },\n            children: this.items\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        // Items added before rendering should be known to the #focusTracker.\n        for (const item of this.items){\n            if (item instanceof ListItemGroupView) {\n                this._registerFocusableItemsGroup(item);\n            } else if (item instanceof ListItemView) {\n                this._registerFocusableListItem(item);\n            }\n        }\n        this.items.on('change', (evt, data)=>{\n            for (const removed of data.removed){\n                if (removed instanceof ListItemGroupView) {\n                    this._deregisterFocusableItemsGroup(removed);\n                } else if (removed instanceof ListItemView) {\n                    this._deregisterFocusableListItem(removed);\n                }\n            }\n            for (const added of Array.from(data.added).reverse()){\n                if (added instanceof ListItemGroupView) {\n                    this._registerFocusableItemsGroup(added, data.index);\n                } else {\n                    this._registerFocusableListItem(added, data.index);\n                }\n            }\n        });\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the first focusable in {@link #items}.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Focuses the first focusable in {@link #items}.\n\t */ focusFirst() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Focuses the last focusable in {@link #items}.\n\t */ focusLast() {\n        this._focusCycler.focusLast();\n    }\n    /**\n\t * Registers a list item view in the focus tracker.\n\t *\n\t * @param item The list item view to be registered.\n\t * @param index Index of the list item view in the {@link #items} collection. If not specified, the item will be added at the end.\n\t */ _registerFocusableListItem(item, index) {\n        this.focusTracker.add(item.element);\n        this.focusables.add(item, index);\n    }\n    /**\n\t * Removes a list item view from the focus tracker.\n\t *\n\t * @param item The list item view to be removed.\n\t */ _deregisterFocusableListItem(item) {\n        this.focusTracker.remove(item.element);\n        this.focusables.remove(item);\n    }\n    /**\n\t * Gets a callback that will be called when the `items` collection of a {@link module:ui/list/listitemgroupview~ListItemGroupView}\n\t * change.\n\t *\n\t * @param groupView The group view for which the callback will be created.\n\t * @returns The callback function to be used for the items `change` event listener in a group.\n\t */ _getOnGroupItemsChangeCallback(groupView) {\n        return (evt, data)=>{\n            for (const removed of data.removed){\n                this._deregisterFocusableListItem(removed);\n            }\n            for (const added of Array.from(data.added).reverse()){\n                this._registerFocusableListItem(added, this.items.getIndex(groupView) + data.index);\n            }\n        };\n    }\n    /**\n\t * Registers a list item group view (and its children) in the focus tracker.\n\t *\n\t * @param groupView A group view to be registered.\n\t * @param groupIndex Index of the group view in the {@link #items} collection. If not specified, the group will be added at the end.\n\t */ _registerFocusableItemsGroup(groupView, groupIndex) {\n        Array.from(groupView.items).forEach((child, childIndex)=>{\n            const registeredChildIndex = typeof groupIndex !== 'undefined' ? groupIndex + childIndex : undefined;\n            this._registerFocusableListItem(child, registeredChildIndex);\n        });\n        const groupItemsChangeCallback = this._getOnGroupItemsChangeCallback(groupView);\n        // Cache the reference to the callback in case the group is removed (see _deregisterFocusableItemsGroup()).\n        this._listItemGroupToChangeListeners.set(groupView, groupItemsChangeCallback);\n        groupView.items.on('change', groupItemsChangeCallback);\n    }\n    /**\n\t * Removes a list item group view (and its children) from the focus tracker.\n\t *\n\t * @param groupView The group view to be removed.\n\t */ _deregisterFocusableItemsGroup(groupView) {\n        for (const child of groupView.items){\n            this._deregisterFocusableListItem(child);\n        }\n        groupView.items.off('change', this._listItemGroupToChangeListeners.get(groupView));\n        this._listItemGroupToChangeListeners.delete(groupView);\n    }\n}\n\n/**\n * Represents a dropdown menu list view.\n */ class DropdownMenuListView extends ListView {\n    /**\n\t * Creates an instance of the dropdown menu list view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.role = 'menu';\n        this.set('isVisible', true);\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-dropdown-menu-list',\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value)\n                ]\n            }\n        });\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module ui/dropdown/menu/utils\n */ const NESTED_PANEL_HORIZONTAL_OFFSET$1 = 5;\n/**\n * Contains every positioning function used by {@link module:ui/dropdown/menu/dropdownmenunestedmenuview~DropdownMenuNestedMenuView} that\n * decides where the {@link module:ui/dropdown/menu/dropdownmenunestedmenuview~DropdownMenuNestedMenuView#panelView} should be placed.\n *\n * Positioning functions:\n *\n *\t┌──────┬───────────────┐\n *\t│      │               │\n *\t└──────┤               │\n *\t       │               │\n *\t       │            ES │\n *\t       └───────────────┘\n *\n *\t┌───────────────┬──────┐\n *\t│               │      │\n *\t│               ├──────┘\n *\t│               │\n *\t│ WS            │\n *\t└───────────────┘\n *\n *\t       ┌───────────────┐\n *\t       │            EN │\n *\t       │               │\n *\t┌──────┤               │\n *\t│      │               │\n *\t└──────┴───────────────┘\n *\n *\t┌───────────────┐\n *\t│ WN            │\n *\t│               │\n *\t│               ├──────┐\n *\t│               │      │\n *\t└───────────────┴──────┘\n */ const DropdownMenuPanelPositioningFunctions = {\n    eastSouth: (buttonRect)=>({\n            top: buttonRect.top,\n            left: buttonRect.right - NESTED_PANEL_HORIZONTAL_OFFSET$1,\n            name: 'es'\n        }),\n    eastNorth: (buttonRect, panelRect)=>({\n            top: buttonRect.top - panelRect.height + buttonRect.height,\n            left: buttonRect.right - NESTED_PANEL_HORIZONTAL_OFFSET$1,\n            name: 'en'\n        }),\n    westSouth: (buttonRect, panelRect)=>({\n            top: buttonRect.top,\n            left: buttonRect.left - panelRect.width + NESTED_PANEL_HORIZONTAL_OFFSET$1,\n            name: 'ws'\n        }),\n    westNorth: (buttonRect, panelRect)=>({\n            top: buttonRect.top - panelRect.height + buttonRect.height,\n            left: buttonRect.left - panelRect.width + NESTED_PANEL_HORIZONTAL_OFFSET$1,\n            name: 'wn'\n        })\n};\n\n/**\n * Represents a view for a single item in a dropdown menu list.\n */ class DropdownMenuListItemView extends ListItemView {\n    /**\n\t * The view representing either a flat item or a nested menu in a dropdown menu list item.\n\t */ childView;\n    constructor(locale, parentMenuView, childView){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.childView = childView;\n        this.children.add(childView);\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-dropdown-menu-list__nested-menu__item'\n                ]\n            },\n            on: {\n                'mouseenter': bind.to('mouseenter')\n            }\n        });\n        if (parentMenuView) {\n            this.delegate('mouseenter').to(parentMenuView);\n            if (childView instanceof DropdownMenuListItemButtonView) {\n                childView.delegate('execute').to(parentMenuView);\n            }\n        }\n    }\n}\n\n/**\n * @internal\n */ const DropdownRootMenuBehaviors = {\n    /**\n\t * Move focus to a menu item on mouse hover. If it is a button to open a nested menu, open that menu.\n\t */ toggleMenusAndFocusItemsOnHover (rootList) {\n        rootList.on('menu:mouseenter', (evt)=>{\n            const [pathLeaf] = evt.path;\n            evt.source.focus();\n            for (const menuView of rootList.menus){\n                const isListItemContainingMenu = pathLeaf instanceof DropdownMenuListItemView && pathLeaf.childView === menuView;\n                menuView.isOpen = (evt.path.includes(menuView) || isListItemContainingMenu) && menuView.isEnabled;\n            }\n        });\n    },\n    /**\n\t * Handles the following case:\n\t *\n\t * 1. Hover to open a sub-menu (A). The button has focus.\n\t * 2. Press arrow up/down to move focus to another sub-menu (B) button.\n\t * 3. Press arrow right to open the sub-menu (B).\n\t * 4. The sub-menu (A) should close (if not, there are two open menus).\n\t */ closeMenuWhenAnotherOnTheSameLevelOpens (rootList) {\n        rootList.on('menu:change:isOpen', (evt, name, isOpen)=>{\n            if (!isOpen) {\n                return;\n            }\n            const evtMenu = evt.source;\n            for (const menuView of rootList.menus){\n                if (evtMenu.parentMenuView === menuView.parentMenuView && evtMenu !== menuView) {\n                    menuView.isOpen = false;\n                }\n            }\n        });\n    }\n};\n/**\n * @internal\n */ const DropdownMenuBehaviors = {\n    /**\n\t * Open the menu on the right arrow key press (left, in RTL mode). This allows for navigating to sub-menus using the keyboard.\n\t */ openOnArrowRightKey (menuView) {\n        const keystroke = menuView.locale.uiLanguageDirection === 'rtl' ? 'arrowleft' : 'arrowright';\n        menuView.keystrokes.set(keystroke, (data, cancel)=>{\n            if (menuView.focusTracker.focusedElement !== menuView.buttonView.element || !menuView.isEnabled) {\n                return;\n            }\n            if (!menuView.isOpen) {\n                menuView.isOpen = true;\n            }\n            menuView.panelView.focus();\n            cancel();\n        });\n    },\n    /**\n\t * Opens the menu on its button click as well as enter and space keys press (if the button is focused).\n\t */ openOnButtonClick (menuView) {\n        menuView.buttonView.on('execute', ()=>{\n            if (menuView.isEnabled) {\n                menuView.isOpen = true;\n            }\n        });\n    },\n    /**\n\t * Opens the menu and focuses the panel content upon pressing the Enter key.\n\t */ openAndFocusOnEnterKeyPress (menuView) {\n        menuView.keystrokes.set('enter', (data, cancel)=>{\n            // Engage only for Enter key press when the button is focused. The panel can contain\n            // other UI components and features that rely on the Enter key press.\n            if (menuView.focusTracker.focusedElement !== menuView.buttonView.element) {\n                return;\n            }\n            menuView.isOpen = true;\n            menuView.panelView.focus();\n            cancel();\n        });\n    },\n    /**\n\t * Closes the menu on the left key press (right, in RTL mode). This allows for navigating to sub-menus using the keyboard.\n\t */ closeOnArrowLeftKey (menuView) {\n        const keystroke = menuView.locale.uiLanguageDirection === 'rtl' ? 'arrowright' : 'arrowleft';\n        menuView.keystrokes.set(keystroke, (data, cancel)=>{\n            if (menuView.isOpen) {\n                // Focus first, then close the panel. Otherwise, Safari won't send blur events for detached DOM elements, leading to errors.\n                menuView.focus();\n                menuView.isOpen = false;\n                cancel();\n            }\n        });\n    },\n    closeOnEscKey (menuView) {\n        menuView.keystrokes.set('esc', (data, cancel)=>{\n            if (menuView.isOpen) {\n                // Focus first, then close the panel. Otherwise, Safari won't send blur events for detached DOM elements, leading to errors.\n                menuView.focus();\n                menuView.isOpen = false;\n                cancel();\n            }\n        });\n    },\n    /**\n\t * Closes the menu when its parent menu closes. This prevents from leaving orphaned open menus.\n\t */ closeOnParentClose (menuView, parentMenuView) {\n        parentMenuView.on('change:isOpen', (evt, name, isOpen)=>{\n            // TODO: Remove checking `evt.source` if `change:isOpen` is no longer delegated.\n            if (!isOpen && evt.source === parentMenuView) {\n                menuView.isOpen = false;\n            }\n        });\n    }\n};\n\n/**\n * Represents the view for the dropdown menu panel.\n */ class DropdownMenuNestedMenuPanelView extends BalloonPanelView {\n    /**\n\t * Creates an instance of the menu panel view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set({\n            isVisible: false,\n            position: 'se',\n            class: null,\n            top: 0,\n            left: 0\n        });\n        this.extendTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck-reset',\n                    'ck-dropdown-menu__nested-menu__panel'\n                ],\n                tabindex: '-1'\n            },\n            on: {\n                // Drag and drop in the panel should not break the selection in the editor.\n                // https://github.com/ckeditor/ckeditor5-ui/issues/228\n                selectstart: bind.to((evt)=>{\n                    if (evt.target.tagName.toLocaleLowerCase() === 'input') {\n                        return;\n                    }\n                    evt.preventDefault();\n                })\n            }\n        });\n    }\n    /**\n\t * Focuses the first child of the panel (default) or the last one if the `direction` is `-1`.\n\t *\n\t * @param direction The direction to focus. Default is `1`.\n\t */ focus(direction = 1) {\n        const { content } = this;\n        if (content.length) {\n            if (direction === 1) {\n                content.first.focus();\n            } else {\n                content.last.focus();\n            }\n        }\n    }\n}\n\n/**\n * Represents a nested menu view.\n */ class DropdownMenuNestedMenuView extends View {\n    /**\n\t * An array of delegated events for the dropdown menu definition controller.\n\t * These events are delegated to the dropdown menu element.\n\t */ // Due to some spaghetti code we need to delegate `change:isOpen`.\n    static DELEGATED_EVENTS = [\n        'mouseenter',\n        'execute',\n        'change:isOpen'\n    ];\n    id;\n    /**\n\t * Button of the menu view.\n\t */ buttonView;\n    /**\n\t * Panel of the menu. It hosts children of the menu.\n\t */ panelView;\n    /**\n\t * List of nested menu entries.\n\t */ listView;\n    /**\n\t * Tracks information about the DOM focus in the menu.\n\t */ focusTracker;\n    /**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}. It manages\n\t * keystrokes of the menu.\n\t */ keystrokes;\n    _bodyCollection;\n    /**\n\t * Creates a new instance of the DropdownMenuView class.\n\t *\n\t * @param locale\n\t * @param bodyCollection\n\t * @param id\n\t * @param label The label for the dropdown menu button.\n\t * @param parentMenuView The parent dropdown menu view, if any.\n\t */ constructor(locale, bodyCollection, id, label, parentMenuView){\n        super(locale);\n        this._bodyCollection = bodyCollection;\n        this.id = id;\n        this.set({\n            isOpen: false,\n            isEnabled: true,\n            panelPosition: 'w',\n            class: undefined,\n            parentMenuView: null\n        });\n        this.keystrokes = new KeystrokeHandler();\n        this.focusTracker = new FocusTracker();\n        this.buttonView = new DropdownMenuButtonView(locale);\n        this.buttonView.delegate('mouseenter').to(this);\n        this.buttonView.bind('isOn', 'isEnabled').to(this, 'isOpen', 'isEnabled');\n        this.buttonView.label = label;\n        this.panelView = new DropdownMenuNestedMenuPanelView(locale);\n        this.panelView.isVisible = true;\n        this.listView = new DropdownMenuListView(locale);\n        this.listView.bind('ariaLabel').to(this.buttonView, 'label');\n        this.panelView.content.add(this.listView);\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-dropdown-menu-list__nested-menu',\n                    bind.to('class'),\n                    bind.if('isEnabled', 'ck-disabled', (value)=>!value)\n                ],\n                role: 'presentation'\n            },\n            children: [\n                this.buttonView\n            ]\n        });\n        this.parentMenuView = parentMenuView;\n        if (this.parentMenuView) {\n            this._handleParentMenuView();\n        }\n        this._attachBehaviors();\n    }\n    /**\n\t * An array of positioning functions used to determine the position of the dropdown menu panel.\n\t * The order of the functions in the array determines the priority of the positions to be tried.\n\t * The first function that returns a valid position will be used.\n\t *\n\t * @returns {Array<PositioningFunction>} An array of positioning functions.\n\t * @internal\n\t */ get _panelPositions() {\n        const { westSouth, eastSouth, westNorth, eastNorth } = DropdownMenuPanelPositioningFunctions;\n        if (this.locale.uiLanguageDirection === 'ltr') {\n            return [\n                eastSouth,\n                eastNorth,\n                westSouth,\n                westNorth\n            ];\n        } else {\n            return [\n                westSouth,\n                westNorth,\n                eastSouth,\n                eastNorth\n            ];\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.panelView.render();\n        this.focusTracker.add(this.buttonView.element);\n        this.focusTracker.add(this.panelView.element);\n        this.focusTracker.add(this.listView);\n        // Listen for keystrokes coming from within #element.\n        this.keystrokes.listenTo(this.element);\n        this._mountPanelOnOpen();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this._removePanelFromBody();\n        this.panelView.destroy();\n        super.destroy();\n    }\n    /**\n\t * @inheritDoc\n\t */ focus() {\n        this.buttonView.focus();\n    }\n    _handleParentMenuView() {\n        // Propagate events from this component to parent-menu.\n        this.delegate(...DropdownMenuNestedMenuView.DELEGATED_EVENTS).to(this.parentMenuView);\n        // Close this menu if its parent closes.\n        DropdownMenuBehaviors.closeOnParentClose(this, this.parentMenuView);\n    }\n    /**\n\t * Attach all keyboard behaviors for the menu view.\n\t */ _attachBehaviors() {\n        DropdownMenuBehaviors.openOnButtonClick(this);\n        DropdownMenuBehaviors.openAndFocusOnEnterKeyPress(this);\n        DropdownMenuBehaviors.openOnArrowRightKey(this);\n        DropdownMenuBehaviors.closeOnEscKey(this);\n        DropdownMenuBehaviors.closeOnArrowLeftKey(this);\n    }\n    /**\n\t * Mounts the portal view in the body when the menu is open and removes it when the menu is closed.\n\t * Binds keystrokes to the portal view when the menu is open.\n\t */ _mountPanelOnOpen() {\n        const { panelView } = this;\n        this.on('change:isOpen', (evt, name, isOpen)=>{\n            // Ensure that the event was triggered by this instance.\n            // TODO: Remove checking `evt.source` if `change:isOpen` is no longer delegated.\n            if (evt.source !== this) {\n                return;\n            }\n            // Removes the panel view from the body when the menu is closed.\n            if (!isOpen && this._bodyCollection.has(panelView)) {\n                this._removePanelFromBody();\n                return;\n            }\n            // Adds the panel view to the body when the menu is open.\n            if (isOpen && !this._bodyCollection.has(panelView)) {\n                this._addPanelToBody();\n            }\n        });\n    }\n    /**\n\t * Removes the panel view from the editor's body and removes it from the focus tracker.\n\t */ _removePanelFromBody() {\n        const { panelView, keystrokes } = this;\n        if (this._bodyCollection.has(panelView)) {\n            this._bodyCollection.remove(panelView);\n            keystrokes.stopListening(panelView.element);\n        }\n    }\n    /**\n\t * Adds the panel view to the editor's body and sets up event listeners.\n\t */ _addPanelToBody() {\n        const { panelView, buttonView, keystrokes } = this;\n        if (!this._bodyCollection.has(panelView)) {\n            this._bodyCollection.add(panelView);\n            keystrokes.listenTo(panelView.element);\n            panelView.pin({\n                positions: this._panelPositions,\n                limiter: global.document.body,\n                element: panelView.element,\n                target: buttonView.element,\n                fitInViewport: true\n            });\n        }\n    }\n}\n\n/**\n * Creates and manages a multi-level menu UI structure, suitable to be used inside dropdown components.\n *\n * This class creates a menu structure based on {@link module:ui/dropdown/menu/utils~DropdownMenuDefinition declarative definition}\n * passed in the constructor.\n *\n * Below is an example of a simple definition, that describes a menu with two sub-menus (Menu 1, Menu 2) and four buttons in total (Item A,\n * Item B, Item C, Item D):\n *\n * ```js\n * [\n * \t{\n * \t\tid: 'menu_1',\n * \t\tmenu: 'Menu 1',\n * \t\tchildren: [\n * \t\t\t{ id: 'menu_1_a', label: 'Item A' },\n * \t\t\t{ id: 'menu_1_b', label: 'Item B' }\n * \t\t]\n * \t},\n * \t{\n * \t\tid: 'menu_2',\n * \t\tmenu: 'Menu 2',\n * \t\tchildren: [\n * \t\t\t{ id: 'menu_2_c', label: 'Item C' },\n * \t\t]\n * \t},\n * \t{ id: 'item_d', label: 'Item D' }\n * ]\n * ```\n *\n * The menu is build using multiple view classes. The most important are:\n *\n * * {@link module:ui/dropdown/menu/dropdownmenunestedmenuview~DropdownMenuNestedMenuView `DropdownMenuNestedMenuView`} - \"menu\" - provides\n * a panel with a nested menu, and a button which opens the panel,\n * * {@link module:ui/dropdown/menu/dropdownmenulistitembuttonview~DropdownMenuListItemButtonView `DropdownMenuListItemButtonView`} -\n * \"button\" or \"leaf button\" (as opposed to buttons provided by `DropdownMenuNestedMenuView`) - should trigger some action when pressed.\n *\n * Instances of these two classes are created based on the data provided in definitions. They are assigned proper IDs and labels.\n * Other view classes build a proper DOM structure around menus and buttons.\n *\n * The `DropdownMenuNestedMenuView` instances provides panels, which may include further menus or buttons. These panels are added to\n * a `BodyCollection` view, which means they are appended outside the DOM editor and UI structure.\n *\n * When \"leaf button\" is pressed, it fires `execute` event which is delegated to `DropdownMenuRootListView` as `menu:execute` event. You\n * can listen to this event to perform an action:\n *\n * ```js\n * rootListView.on( 'menu:execute', evt => {\n * \tconsole.log( evt.source.id ); // E.g. will print 'menu_1_a' when 'Item A' is pressed.\n * } );\n * ```\n *\n * All menus and \"leaf\" buttons created from the definition can be easily accessed through {@link ~DropdownMenuRootListView#menus `menus`}\n * and {@link ~DropdownMenuRootListView#buttons `buttons`} properties.\n *\n * For performance reasons, the whole menu structure is created only when `DropdownMenuRootListView` is rendered for the first time.\n *\n * It is recommended to use this class together with {@link module:ui/dropdown/utils~addMenuToDropdown `addMenuToDropdown()` helper}.\n */ class DropdownMenuRootListView extends DropdownMenuListView {\n    /**\n\t * The definitions object used to create the whole menu structure.\n\t */ _definition;\n    /**\n\t * Cached array of all menus in the dropdown menu (including nested menus).\n\t */ _cachedMenus = [];\n    /**\n\t * Cached array of all buttons in the dropdown menu (including buttons in nested menus).\n\t */ _cachedButtons = [];\n    /**\n\t * Editor body collection into which nested menus panels will be appended.\n\t */ _bodyCollection;\n    /**\n\t * Creates an instance of the DropdownMenuRootListView class.\n\t *\n\t * @param locale\n\t * @param bodyCollection\n\t * @param definition The definition object used to create the menu structure.\n\t */ constructor(locale, bodyCollection, definition){\n        super(locale);\n        this._bodyCollection = bodyCollection;\n        this._definition = definition;\n        this.set('menuPanelClass', undefined);\n    }\n    /**\n\t * Returns the array of all menus in the dropdown menu (including nested menus).\n\t */ get menus() {\n        return Array.from(this._cachedMenus.values());\n    }\n    /**\n\t * Returns the array of all buttons in the dropdown menu (including buttons in nested menus).\n\t *\n\t * Note, that this includes only \"leaf\" buttons, as specified in the definition passed in constructor. Buttons created as a part of\n\t * the nested menus, that open nested menus when hovered or pressed, are not included.\n\t */ get buttons() {\n        return Array.from(this._cachedButtons.values());\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        this._createStructure(this._definition, null);\n        super.render();\n        DropdownRootMenuBehaviors.toggleMenusAndFocusItemsOnHover(this);\n        DropdownRootMenuBehaviors.closeMenuWhenAnotherOnTheSameLevelOpens(this);\n    }\n    /**\n\t * Closes all nested menus.\n\t */ closeMenus() {\n        this.menus.forEach((menu)=>{\n            menu.isOpen = false;\n        });\n    }\n    /**\n\t * Recursively creates the whole view tree structure for the dropdown menu, according to the passed `definitions`.\n\t *\n\t * @private\n\t */ _createStructure(definitions, parentMenuView) {\n        const items = [];\n        for (const def of definitions){\n            let createdView;\n            if ('menu' in def) {\n                createdView = new DropdownMenuNestedMenuView(this.locale, this._bodyCollection, def.id, def.menu, parentMenuView);\n                createdView.panelView.bind('class').to(this, 'menuPanelClass');\n                if (!parentMenuView) {\n                    createdView.delegate(...DropdownMenuNestedMenuView.DELEGATED_EVENTS).to(this, (name)=>`menu:${name}`);\n                }\n                this._cachedMenus.push(createdView);\n                this._createStructure(def.children, createdView);\n            } else {\n                createdView = new DropdownMenuListItemButtonView(this.locale, def.id, def.label);\n                if (!parentMenuView) {\n                    createdView.delegate('execute').to(this, 'menu:execute');\n                }\n                this._cachedButtons.push(createdView);\n            }\n            const listItemView = new DropdownMenuListItemView(this.locale, parentMenuView, createdView);\n            if (!parentMenuView) {\n                listItemView.delegate('mouseenter').to(this, 'menu:mouseenter');\n            }\n            items.push(listItemView);\n        }\n        const targetListView = parentMenuView ? parentMenuView.listView : this;\n        targetListView.items.addMany(items);\n    }\n}\n\n/**\n * The toolbar separator view class.\n */ class ToolbarSeparatorView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-toolbar__separator'\n                ]\n            }\n        });\n    }\n}\n\n/**\n * The toolbar line break view class.\n */ class ToolbarLineBreakView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-toolbar__line-break'\n                ]\n            }\n        });\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module ui/bindings/preventdefault\n */ /**\n * A helper which executes a native `Event.preventDefault()` if the target of an event equals the\n * {@link module:ui/view~View#element element of the view}. It shortens the definition of a\n * {@link module:ui/view~View#template template}.\n *\n * ```ts\n * // In a class extending View.\n * import { preventDefault } from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault';\n *\n * // ...\n *\n * this.setTemplate( {\n * \ttag: 'div',\n *\n * \ton: {\n * \t\t// Prevent the default mousedown action on this view.\n * \t\tmousedown: preventDefault( this )\n * \t}\n * } );\n * ```\n *\n * @param view View instance that defines the template.\n * @internal\n */ function preventDefault(view) {\n    return view.bindTemplate.to((evt)=>{\n        if (evt.target === view.element) {\n            evt.preventDefault();\n        }\n    });\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module ui/toolbar/normalizetoolbarconfig\n */ /**\n * Normalizes the toolbar configuration (`config.toolbar`), which:\n *\n * * may be defined as an `Array`:\n *\n * ```\n * toolbar: [ 'heading', 'bold', 'italic', 'link', ... ]\n * ```\n *\n * * or an `Object`:\n *\n * ```\n * toolbar: {\n * \titems: [ 'heading', 'bold', 'italic', 'link', ... ],\n * \tremoveItems: [ 'bold' ],\n * \t...\n * }\n * ```\n *\n * * or may not be defined at all (`undefined`)\n *\n * and returns it in the object form.\n *\n * @param config The value of `config.toolbar`.\n * @returns A normalized toolbar config object.\n */ function normalizeToolbarConfig(config) {\n    if (Array.isArray(config)) {\n        return {\n            items: config,\n            removeItems: []\n        };\n    }\n    const predefinedConfigOptions = {\n        items: [],\n        removeItems: []\n    };\n    if (!config) {\n        return predefinedConfigOptions;\n    }\n    return {\n        ...predefinedConfigOptions,\n        ...config\n    };\n}\n\n/**\n * @internal\n */ const NESTED_TOOLBAR_ICONS = /* #__PURE__ */ (()=>({\n        alignLeft: IconAlignLeft,\n        bold: IconBold,\n        importExport: IconImportExport,\n        paragraph: IconParagraph,\n        plus: IconPlus,\n        text: IconText,\n        threeVerticalDots: IconThreeVerticalDots,\n        pilcrow: IconPilcrow,\n        dragIndicator: IconDragIndicator\n    }))();\n/**\n * The toolbar view class.\n */ class ToolbarView extends View {\n    /**\n\t * A reference to the options object passed to the constructor.\n\t */ options;\n    /**\n\t * A collection of toolbar items (buttons, dropdowns, etc.).\n\t */ items;\n    /**\n\t * Tracks information about the DOM focus in the toolbar.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}\n\t * to handle keyboard navigation in the toolbar.\n\t */ keystrokes;\n    /**\n\t * A (child) view containing {@link #items toolbar items}.\n\t */ itemsView;\n    /**\n\t * A top–level collection aggregating building blocks of the toolbar.\n\t *\n\t *\t┌───────────────── ToolbarView ─────────────────┐\n\t *\t| ┌──────────────── #children ────────────────┐ |\n\t *\t| |   ┌──────────── #itemsView ───────────┐   | |\n\t *\t| |   | [ item1 ] [ item2 ] ... [ itemN ] |   | |\n\t *\t| |   └──────────────────────────────────-┘   | |\n\t *\t| └───────────────────────────────────────────┘ |\n\t *\t└───────────────────────────────────────────────┘\n\t *\n\t * By default, it contains the {@link #itemsView} but it can be extended with additional\n\t * UI elements when necessary.\n\t */ children;\n    /**\n\t * A collection of {@link #items} that take part in the focus cycling\n\t * (i.e. navigation using the keyboard). Usually, it contains a subset of {@link #items} with\n\t * some optional UI elements that also belong to the toolbar and should be focusable\n\t * by the user.\n\t */ focusables;\n    /**\n\t * Helps cycling over {@link #focusables focusable items} in the toolbar.\n\t */ _focusCycler;\n    /**\n\t * An instance of the active toolbar behavior that shapes its look and functionality.\n\t *\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarBehavior} to learn more.\n\t */ _behavior;\n    /**\n\t * Creates an instance of the {@link module:ui/toolbar/toolbarview~ToolbarView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param options Configuration options of the toolbar.\n\t */ constructor(locale, options){\n        super(locale);\n        const bind = this.bindTemplate;\n        const t = this.t;\n        this.options = options || {};\n        this.set('ariaLabel', t('Editor toolbar'));\n        this.set('maxWidth', 'auto');\n        this.set('role', 'toolbar');\n        this.set('isGrouping', !!this.options.shouldGroupWhenFull);\n        this.items = this.createCollection();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.set('class', undefined);\n        this.set('isCompact', false);\n        // Static toolbar can be vertical when needed.\n        this.set('isVertical', false);\n        this.itemsView = new ItemsView(locale);\n        this.children = this.createCollection();\n        this.children.add(this.itemsView);\n        this.focusables = this.createCollection();\n        const isRtl = locale.uiLanguageDirection === 'rtl';\n        this._focusCycler = new FocusCycler({\n            focusables: this.focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate toolbar items backwards using the arrow[left,up] keys.\n                focusPrevious: [\n                    isRtl ? 'arrowright' : 'arrowleft',\n                    'arrowup'\n                ],\n                // Navigate toolbar items forwards using the arrow[right,down] keys.\n                focusNext: [\n                    isRtl ? 'arrowleft' : 'arrowright',\n                    'arrowdown'\n                ]\n            }\n        });\n        const classes = [\n            'ck',\n            'ck-toolbar',\n            bind.to('class'),\n            bind.if('isCompact', 'ck-toolbar_compact'),\n            // To group items dynamically, the toolbar needs a dedicated CSS class. Only used for dynamic grouping.\n            bind.if('isGrouping', 'ck-toolbar_grouping'),\n            // When vertical, the toolbar has an additional CSS class. Only used for static layout.\n            bind.if('isVertical', 'ck-toolbar_vertical')\n        ];\n        if (this.options.shouldGroupWhenFull && this.options.isFloating) {\n            classes.push('ck-toolbar_floating');\n        }\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: classes,\n                role: bind.to('role'),\n                'aria-label': bind.to('ariaLabel'),\n                style: {\n                    maxWidth: bind.to('maxWidth')\n                },\n                tabindex: -1\n            },\n            children: this.children,\n            on: {\n                // https://github.com/ckeditor/ckeditor5-ui/issues/206\n                mousedown: preventDefault(this)\n            }\n        });\n        this._behavior = this.options.shouldGroupWhenFull ? new DynamicGrouping(this) : new StaticLayout(this);\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.focusTracker.add(this.element);\n        // Children added before rendering should be known to the #focusTracker.\n        for (const item of this.items){\n            this.focusTracker.add(item);\n        }\n        this.items.on('add', (evt, item)=>{\n            this.focusTracker.add(item);\n        });\n        this.items.on('remove', (evt, item)=>{\n            this.focusTracker.remove(item);\n        });\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n        this._behavior.render(this);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this._behavior.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n        return super.destroy();\n    }\n    /**\n\t * Focuses the first focusable in {@link #focusables}.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Focuses the last focusable in {@link #focusables}.\n\t */ focusLast() {\n        this._focusCycler.focusLast();\n    }\n    /**\n\t * A utility that expands the plain toolbar configuration into\n\t * {@link module:ui/toolbar/toolbarview~ToolbarView#items} using a given component factory.\n\t *\n\t * @param itemsOrConfig The toolbar items or the entire toolbar configuration object.\n\t * @param factory A factory producing toolbar items.\n\t * @param removeItems An array of items names to be removed from the configuration. When present, applies\n\t * to this toolbar and all nested ones as well.\n\t */ fillFromConfig(itemsOrConfig, factory, removeItems) {\n        this.items.addMany(this._buildItemsFromConfig(itemsOrConfig, factory, removeItems));\n    }\n    /**\n\t * Changes the behavior of toolbar if it does not fit into the available space.\n\t */ switchBehavior(newBehaviorType) {\n        if (this._behavior.type !== newBehaviorType) {\n            this._behavior.destroy();\n            this.itemsView.children.clear();\n            this.focusables.clear();\n            if (newBehaviorType === 'dynamic') {\n                this._behavior = new DynamicGrouping(this);\n                this._behavior.render(this);\n                this._behavior.refreshItems();\n            } else {\n                this._behavior = new StaticLayout(this);\n                this._behavior.render(this);\n            }\n        }\n    }\n    /**\n\t * A utility that expands the plain toolbar configuration into a list of view items using a given component factory.\n\t *\n\t * @param itemsOrConfig The toolbar items or the entire toolbar configuration object.\n\t * @param factory A factory producing toolbar items.\n\t * @param removeItems An array of items names to be removed from the configuration. When present, applies\n\t * to this toolbar and all nested ones as well.\n\t */ _buildItemsFromConfig(itemsOrConfig, factory, removeItems) {\n        const config = normalizeToolbarConfig(itemsOrConfig);\n        const normalizedRemoveItems = removeItems || config.removeItems;\n        const itemsToAdd = this._cleanItemsConfiguration(config.items, factory, normalizedRemoveItems).map((item)=>{\n            if (isObject(item)) {\n                return this._createNestedToolbarDropdown(item, factory, normalizedRemoveItems);\n            } else if (item === '|') {\n                return new ToolbarSeparatorView();\n            } else if (item === '-') {\n                return new ToolbarLineBreakView();\n            }\n            return factory.create(item);\n        }).filter((item)=>!!item);\n        return itemsToAdd;\n    }\n    /**\n\t * Cleans up the {@link module:ui/toolbar/toolbarview~ToolbarView#items} of the toolbar by removing unwanted items and\n\t * duplicated (obsolete) separators or line breaks.\n\t *\n\t * @param items The toolbar items configuration.\n\t * @param factory A factory producing toolbar items.\n\t * @param removeItems An array of items names to be removed from the configuration.\n\t * @returns Items after the clean-up.\n\t */ _cleanItemsConfiguration(items, factory, removeItems) {\n        const filteredItems = items.filter((item, idx, items)=>{\n            if (item === '|') {\n                return true;\n            }\n            // Items listed in `config.removeItems` should not be added to the toolbar.\n            if (removeItems.indexOf(item) !== -1) {\n                return false;\n            }\n            if (item === '-') {\n                // The toolbar line breaks must not be rendered when toolbar grouping is enabled.\n                // (https://github.com/ckeditor/ckeditor5/issues/8582)\n                if (this.options.shouldGroupWhenFull) {\n                    /**\n\t\t\t\t\t\t * The toolbar multiline breaks (`-` items) only work when the automatic button grouping\n\t\t\t\t\t\t * is disabled in the toolbar configuration.\n\t\t\t\t\t\t * To do this, set the `shouldNotGroupWhenFull` option to `true` in the editor configuration:\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * ```ts\n\t\t\t\t\t\t * const config = {\n\t\t\t\t\t\t * \ttoolbar: {\n\t\t\t\t\t\t * \t\titems: [ ... ],\n\t\t\t\t\t\t * \t\tshouldNotGroupWhenFull: true\n\t\t\t\t\t\t * \t}\n\t\t\t\t\t\t * }\n\t\t\t\t\t\t * ```\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * Learn more about {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar configuration}.\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * @error toolbarview-line-break-ignored-when-grouping-items\n\t\t\t\t\t\t */ logWarning('toolbarview-line-break-ignored-when-grouping-items', items);\n                    return false;\n                }\n                return true;\n            }\n            // For the items that cannot be instantiated we are sending warning message. We also filter them out.\n            if (!isObject(item) && !factory.has(item)) {\n                /**\n\t\t\t\t\t * There was a problem processing the configuration of the toolbar. The item with the given\n\t\t\t\t\t * name does not exist so it was omitted when rendering the toolbar.\n\t\t\t\t\t *\n\t\t\t\t\t * This warning usually shows up when the {@link module:core/plugin~Plugin} which is supposed\n\t\t\t\t\t * to provide a toolbar item has not been loaded or there is a typo in the\n\t\t\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar configuration}.\n\t\t\t\t\t *\n\t\t\t\t\t * Make sure the plugin responsible for this toolbar item is loaded and the toolbar configuration\n\t\t\t\t\t * is correct, e.g. {@link module:basic-styles/bold~Bold} is loaded for the `'bold'` toolbar item.\n\t\t\t\t\t *\n\t\t\t\t\t * You can use the following snippet to retrieve all available toolbar items:\n\t\t\t\t\t *\n\t\t\t\t\t * ```ts\n\t\t\t\t\t * Array.from( editor.ui.componentFactory.names() );\n\t\t\t\t\t * ```\n\t\t\t\t\t *\n\t\t\t\t\t * @error toolbarview-item-unavailable\n\t\t\t\t\t * @param {string} item The name of the component or nested toolbar definition.\n\t\t\t\t\t */ logWarning('toolbarview-item-unavailable', {\n                    item\n                });\n                return false;\n            }\n            return true;\n        });\n        return this._cleanSeparatorsAndLineBreaks(filteredItems);\n    }\n    /**\n\t * Remove leading, trailing, and duplicated separators (`-` and `|`).\n\t *\n\t * @returns Toolbar items after the separator and line break clean-up.\n\t */ _cleanSeparatorsAndLineBreaks(items) {\n        const nonSeparatorPredicate = (item)=>item !== '-' && item !== '|';\n        const count = items.length;\n        // Find an index of the first item that is not a separator.\n        const firstCommandItemIndex = items.findIndex(nonSeparatorPredicate);\n        // Items include separators only. There is no point in displaying them.\n        if (firstCommandItemIndex === -1) {\n            return [];\n        }\n        // Search from the end of the list, then convert found index back to the original direction.\n        const lastCommandItemIndex = count - items.slice().reverse().findIndex(nonSeparatorPredicate);\n        return items// Return items without the leading and trailing separators.\n        .slice(firstCommandItemIndex, lastCommandItemIndex)// Remove duplicated separators.\n        .filter((name, idx, items)=>{\n            // Filter only separators.\n            if (nonSeparatorPredicate(name)) {\n                return true;\n            }\n            const isDuplicated = idx > 0 && items[idx - 1] === name;\n            return !isDuplicated;\n        });\n    }\n    /**\n\t * Creates a user-defined dropdown containing a toolbar with items.\n\t *\n\t * @param definition A definition of the nested toolbar dropdown.\n\t * @param definition.label A label of the dropdown.\n\t * @param definition.icon An icon of the drop-down. One of 'bold', 'plus', 'text', 'importExport', 'alignLeft',\n\t * 'paragraph' or an SVG string. When `false` is passed, no icon will be used.\n\t * @param definition.withText When set `true`, the label of the dropdown will be visible. See\n\t * {@link module:ui/button/buttonview~ButtonView#withText} to learn more.\n\t * @param definition.tooltip A tooltip of the dropdown button. See\n\t * {@link module:ui/button/buttonview~ButtonView#tooltip} to learn more. Defaults to `true`.\n\t * @param componentFactory Component factory used to create items\n\t * of the nested toolbar.\n\t */ _createNestedToolbarDropdown(definition, componentFactory, removeItems) {\n        let { label, icon, items, tooltip = true, withText = false } = definition;\n        items = this._cleanItemsConfiguration(items, componentFactory, removeItems);\n        // There is no point in rendering a dropdown without items.\n        if (!items.length) {\n            return null;\n        }\n        const locale = this.locale;\n        const dropdownView = createDropdown(locale);\n        if (!label) {\n            /**\n\t\t\t * A dropdown definition in the toolbar configuration is missing a text label.\n\t\t\t *\n\t\t\t * Without a label, the dropdown becomes inaccessible to users relying on assistive technologies.\n\t\t\t * Make sure the `label` property is set in your drop-down configuration:\n\t\t\t *\n\t\t\t * ```json\n \t\t\t * {\n \t\t\t * \tlabel: 'A human-readable label',\n\t\t\t * \ticon: '...',\n\t\t\t * \titems: [ ... ]\n \t\t\t * },\n\t\t\t * ```\n\t\t\t *\n\t\t\t * Learn more about {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar configuration}.\n\t\t\t *\n\t\t\t * @error toolbarview-nested-toolbar-dropdown-missing-label\n\t\t\t */ logWarning('toolbarview-nested-toolbar-dropdown-missing-label', definition);\n        }\n        dropdownView.class = 'ck-toolbar__nested-toolbar-dropdown';\n        dropdownView.buttonView.set({\n            label,\n            tooltip,\n            withText: !!withText\n        });\n        // Allow disabling icon by passing false.\n        if (icon !== false) {\n            // A pre-defined icon picked by name, SVG string, a fallback (default) icon.\n            dropdownView.buttonView.icon = NESTED_TOOLBAR_ICONS[icon] || icon || IconThreeVerticalDots;\n        } else {\n            dropdownView.buttonView.withText = true;\n        }\n        addToolbarToDropdown(dropdownView, ()=>dropdownView.toolbarView._buildItemsFromConfig(items, componentFactory, removeItems));\n        return dropdownView;\n    }\n}\n/**\n * An inner block of the {@link module:ui/toolbar/toolbarview~ToolbarView} hosting its\n * {@link module:ui/toolbar/toolbarview~ToolbarView#items}.\n */ class ItemsView extends View {\n    /**\n\t * A collection of items (buttons, dropdowns, etc.).\n\t */ children;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.children = this.createCollection();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-toolbar__items'\n                ]\n            },\n            children: this.children\n        });\n    }\n}\n/**\n * A toolbar behavior that makes it static and unresponsive to the changes of the environment.\n * At the same time, it also makes it possible to display a toolbar with a vertical layout\n * using the {@link module:ui/toolbar/toolbarview~ToolbarView#isVertical} property.\n */ class StaticLayout {\n    /**\n\t * Toolbar behavior type.\n\t */ type = 'static';\n    /**\n\t * Creates an instance of the {@link module:ui/toolbar/toolbarview~StaticLayout} toolbar\n\t * behavior.\n\t *\n\t * @param view An instance of the toolbar that this behavior is added to.\n\t */ constructor(view){\n        view.isGrouping = false;\n        // 1:1 pass–through binding, all ToolbarView#items are visible.\n        view.itemsView.children.bindTo(view.items).using((item)=>item);\n        // 1:1 pass–through binding, all ToolbarView#items are focusable.\n        view.focusables.bindTo(view.items).using((item)=>isFocusable(item) ? item : null);\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {}\n    /**\n\t * @inheritDoc\n\t */ destroy() {}\n}\n/**\n * A toolbar behavior that makes the items respond to changes in the geometry.\n *\n * In a nutshell, it groups {@link module:ui/toolbar/toolbarview~ToolbarView#items}\n * that do not fit visually into a single row of the toolbar (due to limited space).\n * Items that do not fit are aggregated in a dropdown displayed at the end of the toolbar.\n *\n * ```\n *\t┌──────────────────────────────────────── ToolbarView ──────────────────────────────────────────┐\n *\t| ┌─────────────────────────────────────── #children ─────────────────────────────────────────┐ |\n *\t| |   ┌─────── #itemsView ────────┐ ┌──────────────────────┐ ┌── #groupedItemsDropdown ───┐   | |\n *\t| |   |       #ungroupedItems     | | ToolbarSeparatorView | |        #groupedItems       |   | |\n *\t| |   └──────────────────────────-┘ └──────────────────────┘ └────────────────────────────┘   | |\n *\t| |                                  \\---------- only when toolbar items overflow -------/    | |\n *\t| └───────────────────────────────────────────────────────────────────────────────────────────┘ |\n *\t└───────────────────────────────────────────────────────────────────────────────────────────────┘\n * ```\n */ class DynamicGrouping {\n    /**\n\t * Toolbar behavior type.\n\t */ type = 'dynamic';\n    /**\n\t * A toolbar view this behavior belongs to.\n\t */ view;\n    /**\n\t * A collection of toolbar children.\n\t */ viewChildren;\n    /**\n\t * A collection of focusable toolbar elements.\n\t */ viewFocusables;\n    /**\n\t * A view containing toolbar items.\n\t */ viewItemsView;\n    /**\n\t * Toolbar focus tracker.\n\t */ viewFocusTracker;\n    /**\n\t * Toolbar locale.\n\t */ viewLocale;\n    /**\n\t * A subset of toolbar {@link module:ui/toolbar/toolbarview~ToolbarView#items}.\n\t * Aggregates items that fit into a single row of the toolbar and were not {@link #groupedItems grouped}\n\t * into a {@link #groupedItemsDropdown dropdown}. Items of this collection are displayed in the\n\t * {@link module:ui/toolbar/toolbarview~ToolbarView#itemsView}.\n\t *\n\t * When none of the {@link module:ui/toolbar/toolbarview~ToolbarView#items} were grouped, it\n\t * matches the {@link module:ui/toolbar/toolbarview~ToolbarView#items} collection in size and order.\n\t */ ungroupedItems;\n    /**\n\t * A subset of toolbar {@link module:ui/toolbar/toolbarview~ToolbarView#items}.\n\t * A collection of the toolbar items that do not fit into a single row of the toolbar.\n\t * Grouped items are displayed in a dedicated {@link #groupedItemsDropdown dropdown}.\n\t *\n\t * When none of the {@link module:ui/toolbar/toolbarview~ToolbarView#items} were grouped,\n\t * this collection is empty.\n\t */ groupedItems;\n    /**\n\t * The dropdown that aggregates {@link #groupedItems grouped items} that do not fit into a single\n\t * row of the toolbar. It is displayed on demand as the last of\n\t * {@link module:ui/toolbar/toolbarview~ToolbarView#children toolbar children} and offers another\n\t * (nested) toolbar which displays items that would normally overflow.\n\t */ groupedItemsDropdown;\n    /**\n\t * An instance of the resize observer that helps dynamically determine the geometry of the toolbar\n\t * and manage items that do not fit into a single row.\n\t *\n\t * **Note:** Created in {@link #_enableGroupingOnResize}.\n\t *\n\t * @readonly\n\t */ resizeObserver = null;\n    /**\n\t * A cached value of the horizontal padding style used by {@link #_updateGrouping}\n\t * to manage the {@link module:ui/toolbar/toolbarview~ToolbarView#items} that do not fit into\n\t * a single toolbar line. This value can be reused between updates because it is unlikely that\n\t * the padding will change and re–using `Window.getComputedStyle()` is expensive.\n\t *\n\t * @readonly\n\t */ cachedPadding = null;\n    /**\n\t * A flag indicating that an items grouping update has been queued (e.g. due to the toolbar being visible)\n\t * and should be executed immediately the next time the toolbar shows up.\n\t *\n\t * @readonly\n\t */ shouldUpdateGroupingOnNextResize = false;\n    /**\n\t * Toolbar element.\n\t *\n\t * @readonly\n\t */ viewElement;\n    /**\n\t * Creates an instance of the {@link module:ui/toolbar/toolbarview~DynamicGrouping} toolbar\n\t * behavior.\n\t *\n\t * @param view An instance of the toolbar that this behavior is added to.\n\t */ constructor(view){\n        this.view = view;\n        this.viewChildren = view.children;\n        this.viewFocusables = view.focusables;\n        this.viewItemsView = view.itemsView;\n        this.viewFocusTracker = view.focusTracker;\n        this.viewLocale = view.locale;\n        this.view.isGrouping = true;\n        this.ungroupedItems = view.createCollection();\n        this.groupedItems = view.createCollection();\n        this.groupedItemsDropdown = this._createGroupedItemsDropdown();\n        // Only those items that were not grouped are visible to the user.\n        view.itemsView.children.bindTo(this.ungroupedItems).using((item)=>item);\n        // Make sure all #items visible in the main space of the toolbar are \"focuscyclable\".\n        this.ungroupedItems.on('change', this._updateFocusCyclableItems.bind(this));\n        // Make sure the #groupedItemsDropdown is also included in cycling when it appears.\n        view.children.on('change', this._updateFocusCyclableItems.bind(this));\n        // ToolbarView#items is dynamic. When an item is added or removed, it should be automatically\n        // represented in either grouped or ungrouped items at the right index.\n        // In other words #items == concat( #ungroupedItems, #groupedItems )\n        // (in length and order).\n        view.items.on('change', (evt, changeData)=>{\n            const index = changeData.index;\n            const added = Array.from(changeData.added);\n            // Removing.\n            for (const removedItem of changeData.removed){\n                if (index >= this.ungroupedItems.length) {\n                    this.groupedItems.remove(removedItem);\n                } else {\n                    this.ungroupedItems.remove(removedItem);\n                }\n            }\n            // Adding.\n            for(let currentIndex = index; currentIndex < index + added.length; currentIndex++){\n                const addedItem = added[currentIndex - index];\n                if (currentIndex > this.ungroupedItems.length) {\n                    this.groupedItems.add(addedItem, currentIndex - this.ungroupedItems.length);\n                } else {\n                    this.ungroupedItems.add(addedItem, currentIndex);\n                }\n            }\n            // When new ungrouped items join in and land in #ungroupedItems, there's a chance it causes\n            // the toolbar to overflow.\n            // Consequently if removed from grouped or ungrouped items, there is a chance\n            // some new space is available and we could do some ungrouping.\n            this._updateGrouping();\n        });\n    }\n    /**\n\t * Enables dynamic items grouping based on the dimensions of the toolbar.\n\t *\n\t * @param view An instance of the toolbar that this behavior is added to.\n\t */ render(view) {\n        this.viewElement = view.element;\n        this._enableGroupingOnResize();\n        this._enableGroupingOnMaxWidthChange(view);\n    }\n    /**\n\t * Cleans up the internals used by this behavior.\n\t */ destroy() {\n        // The dropdown may not be in ToolbarView#children at the moment of toolbar destruction\n        // so let's make sure it's actually destroyed along with the toolbar.\n        this.groupedItemsDropdown.destroy();\n        // Do not try to remove the same elements if they are already removed.\n        if (this.viewChildren.length > 1) {\n            this.viewChildren.remove(this.groupedItemsDropdown);\n            this.viewChildren.remove(this.viewChildren.last);\n        }\n        this.resizeObserver.destroy();\n    }\n    /**\n\t * Re-adds all items to the toolbar. Use when the toolbar is re-rendered and the items grouping is lost.\n\t */ refreshItems() {\n        const view = this.view;\n        if (view.items.length) {\n            for(let currentIndex = 0; currentIndex < view.items.length; currentIndex++){\n                const item = [\n                    ...view.items\n                ][currentIndex];\n                this.ungroupedItems.add(item, currentIndex);\n            }\n            this._updateGrouping();\n        }\n    }\n    /**\n\t * When called, it will check if any of the {@link #ungroupedItems} do not fit into a single row of the toolbar,\n\t * and it will move them to the {@link #groupedItems} when it happens.\n\t *\n\t * At the same time, it will also check if there is enough space in the toolbar for the first of the\n\t * {@link #groupedItems} to be returned back to {@link #ungroupedItems} and still fit into a single row\n\t * without the toolbar wrapping.\n\t */ _updateGrouping() {\n        // Do no grouping–related geometry analysis when the toolbar is detached from visible DOM,\n        // for instance before #render(), or after render but without a parent or a parent detached\n        // from DOM. DOMRects won't work anyway and there will be tons of warning in the console and\n        // nothing else. This happens, for instance, when the toolbar is detached from DOM and\n        // some logic adds or removes its #items.\n        if (!this.viewElement.ownerDocument.body.contains(this.viewElement)) {\n            return;\n        }\n        // Do not update grouping when the element is invisible. Such toolbar has DOMRect filled with zeros\n        // and that would cause all items to be grouped. Instead, queue the grouping so it runs next time\n        // the toolbar is visible (the next ResizeObserver callback execution). This is handy because\n        // the grouping could be caused by increasing the #maxWidth when the toolbar was invisible and the next\n        // time it shows up, some items could actually be ungrouped (https://github.com/ckeditor/ckeditor5/issues/6575).\n        if (!isVisible(this.viewElement)) {\n            this.shouldUpdateGroupingOnNextResize = true;\n            return;\n        }\n        // Remember how many items were initially grouped so at the it is possible to figure out if the number\n        // of grouped items has changed. If the number has changed, geometry of the toolbar has also changed.\n        const initialGroupedItemsCount = this.groupedItems.length;\n        let wereItemsGrouped;\n        // Group #items as long as some wrap to the next row. This will happen, for instance,\n        // when the toolbar is getting narrow and there is not enough space to display all items in\n        // a single row.\n        while(this._areItemsOverflowing){\n            this._groupLastItem();\n            wereItemsGrouped = true;\n        }\n        // If none were grouped now but there were some items already grouped before,\n        // then, what the hell, maybe let's see if some of them can be ungrouped. This happens when,\n        // for instance, the toolbar is stretching and there's more space in it than before.\n        if (!wereItemsGrouped && this.groupedItems.length) {\n            // Ungroup items as long as none are overflowing or there are none to ungroup left.\n            while(this.groupedItems.length && !this._areItemsOverflowing){\n                this._ungroupFirstItem();\n            }\n            // If the ungrouping ended up with some item wrapping to the next row,\n            // put it back to the group toolbar (\"undo the last ungroup\"). We don't know whether\n            // an item will wrap or not until we ungroup it (that's a DOM/CSS thing) so this\n            // clean–up is vital for the algorithm.\n            if (this._areItemsOverflowing) {\n                this._groupLastItem();\n            }\n        }\n        if (this.groupedItems.length !== initialGroupedItemsCount) {\n            this.view.fire('groupedItemsUpdate');\n        }\n    }\n    /**\n\t * Returns `true` when {@link module:ui/toolbar/toolbarview~ToolbarView#element} children visually overflow,\n\t * for instance if the toolbar is narrower than its members. Returns `false` otherwise.\n\t */ get _areItemsOverflowing() {\n        // An empty toolbar cannot overflow.\n        if (!this.ungroupedItems.length) {\n            return false;\n        }\n        const element = this.viewElement;\n        const uiLanguageDirection = this.viewLocale.uiLanguageDirection;\n        const lastChildRect = new Rect(element.lastChild);\n        const toolbarRect = new Rect(element);\n        if (!this.cachedPadding) {\n            const computedStyle = global.window.getComputedStyle(element);\n            const paddingProperty = uiLanguageDirection === 'ltr' ? 'paddingRight' : 'paddingLeft';\n            // parseInt() is essential because of quirky floating point numbers logic and DOM.\n            // If the padding turned out too big because of that, the grouped items dropdown would\n            // always look (from the Rect perspective) like it overflows (while it's not).\n            this.cachedPadding = Number.parseInt(computedStyle[paddingProperty]);\n        }\n        if (uiLanguageDirection === 'ltr') {\n            return lastChildRect.right > toolbarRect.right - this.cachedPadding;\n        } else {\n            return lastChildRect.left < toolbarRect.left + this.cachedPadding;\n        }\n    }\n    /**\n\t * Enables the functionality that prevents {@link #ungroupedItems} from overflowing (wrapping to the next row)\n\t * upon resize when there is little space available. Instead, the toolbar items are moved to the\n\t * {@link #groupedItems} collection and displayed in a dropdown at the end of the row (which has its own nested toolbar).\n\t *\n\t * When called, the toolbar will automatically analyze the location of its {@link #ungroupedItems} and \"group\"\n\t * them in the dropdown if necessary. It will also observe the browser window for size changes in\n\t * the future and respond to them by grouping more items or reverting already grouped back, depending\n\t * on the visual space available.\n\t */ _enableGroupingOnResize() {\n        let previousWidth;\n        // TODO: Consider debounce.\n        this.resizeObserver = new ResizeObserver(this.viewElement, (entry)=>{\n            if (!previousWidth || previousWidth !== entry.contentRect.width || this.shouldUpdateGroupingOnNextResize) {\n                this.shouldUpdateGroupingOnNextResize = false;\n                this._updateGrouping();\n                previousWidth = entry.contentRect.width;\n            }\n        });\n        this._updateGrouping();\n    }\n    /**\n\t * Enables the grouping functionality, just like {@link #_enableGroupingOnResize} but the difference is that\n\t * it listens to the changes of {@link module:ui/toolbar/toolbarview~ToolbarView#maxWidth} instead.\n\t */ _enableGroupingOnMaxWidthChange(view) {\n        view.on('change:maxWidth', ()=>{\n            this._updateGrouping();\n        });\n    }\n    /**\n\t * When called, it will remove the last item from {@link #ungroupedItems} and move it back\n\t * to the {@link #groupedItems} collection.\n\t *\n\t * The opposite of {@link #_ungroupFirstItem}.\n\t */ _groupLastItem() {\n        if (!this.groupedItems.length) {\n            this.viewChildren.add(new ToolbarSeparatorView());\n            this.viewChildren.add(this.groupedItemsDropdown);\n            this.viewFocusTracker.add(this.groupedItemsDropdown.element);\n        }\n        this.groupedItems.add(this.ungroupedItems.remove(this.ungroupedItems.last), 0);\n    }\n    /**\n\t * Moves the very first item belonging to {@link #groupedItems} back\n\t * to the {@link #ungroupedItems} collection.\n\t *\n\t * The opposite of {@link #_groupLastItem}.\n\t */ _ungroupFirstItem() {\n        this.ungroupedItems.add(this.groupedItems.remove(this.groupedItems.first));\n        if (!this.groupedItems.length) {\n            this.viewChildren.remove(this.groupedItemsDropdown);\n            this.viewChildren.remove(this.viewChildren.last);\n            this.viewFocusTracker.remove(this.groupedItemsDropdown.element);\n        }\n    }\n    /**\n\t * Creates the {@link #groupedItemsDropdown} that hosts the members of the {@link #groupedItems}\n\t * collection when there is not enough space in the toolbar to display all items in a single row.\n\t */ _createGroupedItemsDropdown() {\n        const locale = this.viewLocale;\n        const t = locale.t;\n        const dropdown = createDropdown(locale);\n        dropdown.class = 'ck-toolbar__grouped-dropdown';\n        // Make sure the dropdown never sticks out to the left/right. It should be under the main toolbar.\n        // (https://github.com/ckeditor/ckeditor5/issues/5608)\n        dropdown.panelPosition = locale.uiLanguageDirection === 'ltr' ? 'sw' : 'se';\n        addToolbarToDropdown(dropdown, this.groupedItems);\n        dropdown.buttonView.set({\n            label: t('Show more items'),\n            tooltip: true,\n            tooltipPosition: locale.uiLanguageDirection === 'rtl' ? 'se' : 'sw',\n            icon: IconThreeVerticalDots\n        });\n        return dropdown;\n    }\n    /**\n\t * Updates the {@link module:ui/toolbar/toolbarview~ToolbarView#focusables focus–cyclable items}\n\t * collection so it represents the up–to–date state of the UI from the perspective of the user.\n\t *\n\t * For instance, the {@link #groupedItemsDropdown} can show up and hide but when it is visible,\n\t * it must be subject to focus cycling in the toolbar.\n\t *\n\t * See the {@link module:ui/toolbar/toolbarview~ToolbarView#focusables collection} documentation\n\t * to learn more about the purpose of this method.\n\t */ _updateFocusCyclableItems() {\n        this.viewFocusables.clear();\n        this.ungroupedItems.map((item)=>{\n            if (isFocusable(item)) {\n                this.viewFocusables.add(item);\n            }\n        });\n        if (this.groupedItems.length) {\n            this.viewFocusables.add(this.groupedItemsDropdown);\n        }\n    }\n}\n\n/**\n * The split button view class.\n *\n * ```ts\n * const view = new SplitButtonView();\n *\n * view.set( {\n * \tlabel: 'A button',\n * \tkeystroke: 'Ctrl+B',\n * \ttooltip: true\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n *\n * Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.\n */ class SplitButtonView extends View {\n    /**\n\t * Collection of the child views inside of the split button {@link #element}.\n\t */ children;\n    /**\n\t * A main button of split button.\n\t */ actionView;\n    /**\n\t * A secondary button of split button that opens dropdown.\n\t */ arrowView;\n    /**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}. It manages\n\t * keystrokes of the split button:\n\t *\n\t * * <kbd>▶</kbd> moves focus to arrow view when action view is focused,\n\t * * <kbd>◀</kbd> moves focus to action view when arrow view is focused.\n\t */ keystrokes;\n    /**\n\t * Tracks information about DOM focus in the dropdown.\n\t */ focusTracker;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, actionButton){\n        super(locale);\n        const bind = this.bindTemplate;\n        // Implement the Button interface.\n        this.set('class', undefined);\n        this.set('labelStyle', undefined);\n        this.set('icon', undefined);\n        this.set('isEnabled', true);\n        this.set('isOn', false);\n        this.set('isToggleable', false);\n        this.set('isVisible', true);\n        this.set('keystroke', undefined);\n        this.set('withKeystroke', false);\n        this.set('label', undefined);\n        this.set('tabindex', -1);\n        this.set('tooltip', false);\n        this.set('tooltipPosition', 's');\n        this.set('type', 'button');\n        this.set('withText', false);\n        this.children = this.createCollection();\n        this.actionView = this._createActionView(actionButton);\n        this.arrowView = this._createArrowView();\n        this.keystrokes = new KeystrokeHandler();\n        this.focusTracker = new FocusTracker();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-splitbutton',\n                    bind.to('class'),\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value),\n                    this.arrowView.bindTemplate.if('isOn', 'ck-splitbutton_open')\n                ]\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.children.add(this.actionView);\n        this.children.add(this.arrowView);\n        this.focusTracker.add(this.actionView.element);\n        this.focusTracker.add(this.arrowView.element);\n        this.keystrokes.listenTo(this.element);\n        // Overrides toolbar focus cycling behavior.\n        this.keystrokes.set('arrowright', (evt, cancel)=>{\n            if (this.focusTracker.focusedElement === this.actionView.element) {\n                this.arrowView.focus();\n                cancel();\n            }\n        });\n        // Overrides toolbar focus cycling behavior.\n        this.keystrokes.set('arrowleft', (evt, cancel)=>{\n            if (this.focusTracker.focusedElement === this.arrowView.element) {\n                this.actionView.focus();\n                cancel();\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the {@link module:ui/button/buttonview~ButtonView#element} of the action part of split button.\n\t */ focus() {\n        this.actionView.focus();\n    }\n    /**\n\t * Creates a {@link module:ui/button/buttonview~ButtonView} instance as {@link #actionView} and binds it with main split button\n\t * attributes.\n\t */ _createActionView(actionButton) {\n        const actionView = actionButton || new ButtonView();\n        if (!actionButton) {\n            actionView.bind('icon', 'isEnabled', 'isOn', 'isToggleable', 'keystroke', 'label', 'tabindex', 'tooltip', 'tooltipPosition', 'type', 'withText').to(this);\n        }\n        actionView.extendTemplate({\n            attributes: {\n                class: 'ck-splitbutton__action'\n            }\n        });\n        actionView.delegate('execute').to(this);\n        return actionView;\n    }\n    /**\n\t * Creates a {@link module:ui/button/buttonview~ButtonView} instance as {@link #arrowView} and binds it with main split button\n\t * attributes.\n\t */ _createArrowView() {\n        const arrowView = new ButtonView();\n        const bind = arrowView.bindTemplate;\n        arrowView.icon = IconDropdownArrow;\n        arrowView.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-splitbutton__arrow'\n                ],\n                'data-cke-tooltip-disabled': bind.to('isOn'),\n                'aria-haspopup': true,\n                'aria-expanded': bind.to('isOn', (value)=>String(value))\n            }\n        });\n        arrowView.bind('isEnabled').to(this);\n        arrowView.bind('label').to(this);\n        arrowView.bind('tooltip').to(this);\n        arrowView.delegate('execute').to(this, 'open');\n        return arrowView;\n    }\n}\n\n/**\n * A helper for creating dropdowns. It creates an instance of a {@link module:ui/dropdown/dropdownview~DropdownView dropdown},\n * with a {@link module:ui/dropdown/button/dropdownbutton~DropdownButton button},\n * {@link module:ui/dropdown/dropdownpanelview~DropdownPanelView panel} and all standard dropdown's behaviors.\n *\n * # Creating dropdowns\n *\n * By default, the default {@link module:ui/dropdown/button/dropdownbuttonview~DropdownButtonView} class is used as\n * definition of the button:\n *\n * ```ts\n * const dropdown = createDropdown( model );\n *\n * // Configure dropdown's button properties:\n * dropdown.buttonView.set( {\n * \tlabel: 'A dropdown',\n * \twithText: true\n * } );\n *\n * dropdown.render();\n *\n * // Will render a dropdown labeled \"A dropdown\" with an empty panel.\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * You can also provide other button views (they need to implement the\n * {@link module:ui/dropdown/button/dropdownbutton~DropdownButton} interface). For instance, you can use\n * {@link module:ui/dropdown/button/splitbuttonview~SplitButtonView} to create a dropdown with a split button.\n *\n * ```ts\n * const dropdown = createDropdown( locale, SplitButtonView );\n *\n * // Configure dropdown's button properties:\n * dropdown.buttonView.set( {\n * \tlabel: 'A dropdown',\n * \twithText: true\n * } );\n *\n * dropdown.buttonView.on( 'execute', () => {\n * \t// Add the behavior of the \"action part\" of the split button.\n * \t// Split button consists of the \"action part\" and \"arrow part\".\n * \t// The arrow opens the dropdown while the action part can have some other behavior.\n * } );\n *\n * dropdown.render();\n *\n * // Will render a dropdown labeled \"A dropdown\" with an empty panel.\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * # Adding content to the dropdown's panel\n *\n * The content of the panel can be inserted directly into the `dropdown.panelView.element`:\n *\n * ```ts\n * dropdown.panelView.element.textContent = 'Content of the panel';\n * ```\n *\n * However, most of the time you will want to add there either a {@link module:ui/list/listview~ListView list of options}\n * or a list of buttons (i.e. a {@link module:ui/toolbar/toolbarview~ToolbarView toolbar}).\n * To simplify the task, you can use, respectively, {@link module:ui/dropdown/utils~addListToDropdown} or\n * {@link module:ui/dropdown/utils~addToolbarToDropdown} utils.\n *\n * @param locale The locale instance.\n * @param ButtonClassOrInstance The dropdown button view class. Needs to implement the\n * {@link module:ui/dropdown/button/dropdownbutton~DropdownButton} interface.\n * @returns The dropdown view instance.\n */ function createDropdown(locale, ButtonClassOrInstance = DropdownButtonView) {\n    const buttonView = typeof ButtonClassOrInstance == 'function' ? new ButtonClassOrInstance(locale) : ButtonClassOrInstance;\n    const panelView = new DropdownPanelView(locale);\n    const dropdownView = new DropdownView(locale, buttonView, panelView);\n    buttonView.bind('isEnabled').to(dropdownView);\n    if (buttonView instanceof SplitButtonView) {\n        buttonView.arrowView.bind('isOn').to(dropdownView, 'isOpen');\n    } else {\n        buttonView.bind('isOn').to(dropdownView, 'isOpen');\n    }\n    addDefaultBehaviors(dropdownView);\n    return dropdownView;\n}\n/**\n * Adds a menu UI component to a dropdown and sets all common behaviors and interactions between the dropdown and the menu.\n *\n * Use this helper to create multi-level dropdown menus that are displayed in a toolbar.\n *\n * Internally, it creates an instance of {@link module:ui/dropdown/menu/dropdownmenurootlistview~DropdownMenuRootListView}.\n *\n * Example:\n *\n * ```ts\n * const definitions = [\n * \t{\n * \t\tid: 'menu_1',\n * \t\tmenu: 'Menu 1',\n * \t\tchildren: [\n * \t\t\t{\n * \t\t\t\tid: 'menu_1_a',\n * \t\t\t\tlabel: 'Item A'\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tid: 'menu_1_b',\n * \t\t\t\tlabel: 'Item B'\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tid: 'top_a',\n * \t\tlabel: 'Top Item A'\n * \t},\n * \t{\n * \t\tid: 'top_b',\n * \t\tlabel: 'Top Item B'\n * \t}\n * ];\n *\n * const dropdownView = createDropdown( editor.locale );\n *\n * addMenuToDropdown( dropdownView, editor.ui.view.body, definitions );\n * ```\n *\n * After using this helper, the `dropdown` will fire {@link module:ui/dropdown/dropdownview~DropdownViewEvent `execute`} event when\n * a nested menu button is pressed.\n *\n * The helper will make sure that the `dropdownMenuRootListView` is lazy loaded, i.e., the menu component structure will be initialized\n * and rendered only after the `dropdown` is opened for the first time.\n *\n * @param dropdownView A dropdown instance to which the menu component will be added.\n * @param body Body collection to which floating menu panels will be added.\n * @param definition The menu component definition.\n * @param options.ariaLabel Label used by assistive technologies to describe the top-level menu.\n */ function addMenuToDropdown(dropdownView, body, definition, options = {}) {\n    dropdownView.menuView = new DropdownMenuRootListView(dropdownView.locale, body, definition);\n    dropdownView.focusTracker.add(dropdownView.menuView);\n    if (dropdownView.isOpen) {\n        addMenuToOpenDropdown(dropdownView, options);\n    } else {\n        // Load the UI elements only after the dropdown is opened for the first time - lazy loading.\n        dropdownView.once('change:isOpen', ()=>{\n            addMenuToOpenDropdown(dropdownView, options);\n        }, {\n            priority: 'highest'\n        });\n    }\n}\nfunction addMenuToOpenDropdown(dropdownView, options) {\n    const dropdownMenuRootListView = dropdownView.menuView;\n    const t = dropdownView.locale.t;\n    dropdownMenuRootListView.delegate('menu:execute').to(dropdownView, 'execute');\n    dropdownMenuRootListView.listenTo(dropdownView, 'change:isOpen', (evt, name, isOpen)=>{\n        if (!isOpen) {\n            dropdownMenuRootListView.closeMenus();\n        }\n    }, {\n        priority: 'low'\n    }); // Make sure this is fired after `focusDropdownButtonOnClose` behavior.\n    // When `dropdownMenuRootListView` is added as a `panelView` child, it becomes rendered (`panelView` is rendered at this point).\n    dropdownView.panelView.children.add(dropdownMenuRootListView);\n    // Nested menu panels are added to body collection, so they are not children of the `dropdownView` from DOM perspective.\n    // Add these panels to `dropdownView` focus tracker, so they are treated like part of the `dropdownView` for focus-related purposes.\n    for (const menu of dropdownMenuRootListView.menus){\n        dropdownView.focusTracker.add(menu);\n    }\n    dropdownMenuRootListView.ariaLabel = options.ariaLabel || t('Dropdown menu');\n}\n/**\n * Adds an instance of {@link module:ui/toolbar/toolbarview~ToolbarView} to a dropdown.\n *\n * ```ts\n * const buttonsCreator = () => {\n * \tconst buttons = [];\n *\n * \t// Either create a new ButtonView instance or create existing.\n * \tbuttons.push( new ButtonView() );\n * \tbuttons.push( editor.ui.componentFactory.create( 'someButton' ) );\n * };\n *\n * const dropdown = createDropdown( locale );\n *\n * addToolbarToDropdown( dropdown, buttonsCreator, { isVertical: true } );\n *\n * // Will render a vertical button dropdown labeled \"A button dropdown\"\n * // with a button group in the panel containing two buttons.\n * // Buttons inside the dropdown will be created on first dropdown panel open.\n * dropdown.render()\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * **Note:** To improve the accessibility, you can tell the dropdown to focus the first active button of the toolbar when the dropdown\n * {@link module:ui/dropdown/dropdownview~DropdownView#isOpen gets open}. See the documentation of `options` to learn more.\n *\n * **Note:** Toolbar view will be created on first open of the dropdown.\n *\n * See {@link module:ui/dropdown/utils~createDropdown} and {@link module:ui/toolbar/toolbarview~ToolbarView}.\n *\n * @param dropdownView A dropdown instance to which `ToolbarView` will be added.\n * @param options.enableActiveItemFocusOnDropdownOpen When set `true`, the focus will automatically move to the first\n * active {@link module:ui/toolbar/toolbarview~ToolbarView#items item} of the toolbar upon\n * {@link module:ui/dropdown/dropdownview~DropdownView#isOpen opening} the dropdown. Active items are those with the `isOn` property set\n * `true` (for instance {@link module:ui/button/buttonview~ButtonView buttons}). If no active items is found, the toolbar will be focused\n * as a whole resulting in the focus moving to its first focusable item (default behavior of\n * {@link module:ui/dropdown/dropdownview~DropdownView}).\n * @param options.ariaLabel Label used by assistive technologies to describe toolbar element.\n * @param options.maxWidth The maximum width of the toolbar element.\n * Details: {@link module:ui/toolbar/toolbarview~ToolbarView#maxWidth}.\n * @param options.class An additional CSS class added to the toolbar element.\n * @param options.isCompact When set true, makes the toolbar look compact with toolbar element.\n * @param options.isVertical Controls the orientation of toolbar items.\n */ function addToolbarToDropdown(dropdownView, buttonsOrCallback, options = {}) {\n    dropdownView.extendTemplate({\n        attributes: {\n            class: [\n                'ck-toolbar-dropdown'\n            ]\n        }\n    });\n    if (dropdownView.isOpen) {\n        addToolbarToOpenDropdown(dropdownView, buttonsOrCallback, options);\n    } else {\n        dropdownView.once('change:isOpen', ()=>addToolbarToOpenDropdown(dropdownView, buttonsOrCallback, options), {\n            priority: 'highest'\n        });\n    }\n    if (options.enableActiveItemFocusOnDropdownOpen) {\n        // Accessibility: Focus the first active button in the toolbar when the dropdown gets open.\n        focusChildOnDropdownOpen(dropdownView, ()=>dropdownView.toolbarView.items.find((item)=>item.isOn));\n    }\n}\n/**\n * Adds an instance of {@link module:ui/toolbar/toolbarview~ToolbarView} to a dropdown.\n */ function addToolbarToOpenDropdown(dropdownView, buttonsOrCallback, options) {\n    const locale = dropdownView.locale;\n    const t = locale.t;\n    const toolbarView = dropdownView.toolbarView = new ToolbarView(locale);\n    const buttons = typeof buttonsOrCallback == 'function' ? buttonsOrCallback() : buttonsOrCallback;\n    toolbarView.ariaLabel = options.ariaLabel || t('Dropdown toolbar');\n    if (options.maxWidth) {\n        toolbarView.maxWidth = options.maxWidth;\n    }\n    if (options.class) {\n        toolbarView.class = options.class;\n    }\n    if (options.isCompact) {\n        toolbarView.isCompact = options.isCompact;\n    }\n    if (options.isVertical) {\n        toolbarView.isVertical = true;\n    }\n    if (buttons instanceof ViewCollection) {\n        toolbarView.items.bindTo(buttons).using((item)=>item);\n    } else {\n        toolbarView.items.addMany(buttons);\n    }\n    dropdownView.panelView.children.add(toolbarView);\n    dropdownView.focusTracker.add(toolbarView);\n    toolbarView.items.delegate('execute').to(dropdownView);\n}\n/**\n * Adds an instance of {@link module:ui/list/listview~ListView} to a dropdown.\n *\n * ```ts\n * const items = new Collection<ListDropdownItemDefinition>();\n *\n * items.add( {\n * \ttype: 'button',\n * \tmodel: new Model( {\n * \t\twithText: true,\n * \t\tlabel: 'First item',\n * \t\tlabelStyle: 'color: red'\n * \t} )\n * } );\n *\n * items.add( {\n * \t type: 'button',\n * \t model: new Model( {\n * \t\twithText: true,\n * \t\tlabel: 'Second item',\n * \t\tlabelStyle: 'color: green',\n * \t\tclass: 'foo'\n * \t} )\n * } );\n *\n * const dropdown = createDropdown( locale );\n *\n * addListToDropdown( dropdown, items );\n *\n * // Will render a dropdown with a list in the panel containing two items.\n * dropdown.render()\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * The `items` collection passed to this methods controls the presence and attributes of respective\n * {@link module:ui/list/listitemview~ListItemView list items}.\n *\n * **Note:** To improve the accessibility, when a list is added to the dropdown using this helper the dropdown will automatically attempt\n * to focus the first active item (a host to a {@link module:ui/button/buttonview~ButtonView} with\n * {@link module:ui/button/buttonview~ButtonView#isOn} set `true`) or the very first item when none are active.\n *\n * **Note:** List view will be created on first open of the dropdown.\n *\n * See {@link module:ui/dropdown/utils~createDropdown} and {@link module:list/list~List}.\n *\n * @param dropdownView A dropdown instance to which `ListVIew` will be added.\n * @param itemsOrCallback A collection of the list item definitions or a callback returning a list item definitions to populate the list.\n * @param options.ariaLabel Label used by assistive technologies to describe list element.\n * @param options.role Will be reflected by the `role` DOM attribute in `ListVIew` and used by assistive technologies.\n */ function addListToDropdown(dropdownView, itemsOrCallback, options = {}) {\n    if (dropdownView.isOpen) {\n        addListToOpenDropdown(dropdownView, itemsOrCallback, options);\n    } else {\n        dropdownView.once('change:isOpen', ()=>addListToOpenDropdown(dropdownView, itemsOrCallback, options), {\n            priority: 'highest'\n        });\n    }\n    // Accessibility: Focus the first active button in the list when the dropdown gets open.\n    focusChildOnDropdownOpen(dropdownView, ()=>dropdownView.listView.items.find((item)=>{\n            if (item instanceof ListItemView) {\n                return item.children.first.isOn;\n            }\n            return false;\n        }));\n}\n/**\n * Adds an instance of {@link module:ui/list/listview~ListView} to a dropdown.\n */ function addListToOpenDropdown(dropdownView, itemsOrCallback, options) {\n    const locale = dropdownView.locale;\n    const listView = dropdownView.listView = new ListView(locale);\n    const items = typeof itemsOrCallback == 'function' ? itemsOrCallback() : itemsOrCallback;\n    listView.ariaLabel = options.ariaLabel;\n    listView.role = options.role;\n    bindViewCollectionItemsToDefinitions(dropdownView, listView.items, items, locale);\n    dropdownView.panelView.children.add(listView);\n    listView.items.delegate('execute').to(dropdownView);\n}\n/**\n * A helper to be used on an existing {@link module:ui/dropdown/dropdownview~DropdownView} that focuses\n * a specific child in DOM when the dropdown {@link module:ui/dropdown/dropdownview~DropdownView#isOpen gets open}.\n *\n * @param dropdownView A dropdown instance to which the focus behavior will be added.\n * @param childSelectorCallback A callback executed when the dropdown gets open. It should return a {@link module:ui/view~View}\n * instance (child of {@link module:ui/dropdown/dropdownview~DropdownView#panelView}) that will get focused or a falsy value.\n * If falsy value is returned, a default behavior of the dropdown will engage focusing the first focusable child in\n * the {@link module:ui/dropdown/dropdownview~DropdownView#panelView}.\n */ function focusChildOnDropdownOpen(dropdownView, childSelectorCallback) {\n    dropdownView.on('change:isOpen', ()=>{\n        if (!dropdownView.isOpen) {\n            return;\n        }\n        const childToFocus = childSelectorCallback();\n        if (!childToFocus) {\n            return;\n        }\n        if (typeof childToFocus.focus === 'function') {\n            childToFocus.focus();\n        } else {\n            /**\n\t\t\t * The child view of a {@link module:ui/dropdown/dropdownview~DropdownView dropdown} is missing the `focus()` method\n\t\t\t * and could not be focused when the dropdown got {@link module:ui/dropdown/dropdownview~DropdownView#isOpen open}.\n\t\t\t *\n\t\t\t * Making the content of a dropdown focusable in this case greatly improves the accessibility. Please make the view instance\n\t\t\t * implements the {@link module:ui/dropdown/dropdownpanelfocusable~DropdownPanelFocusable focusable interface} for the best user\n\t\t\t * experience.\n\t\t\t *\n\t\t\t * @error ui-dropdown-focus-child-on-open-child-missing-focus\n\t\t\t * @param {module:ui/view~View} view Child to focus.\n\t\t\t */ logWarning('ui-dropdown-focus-child-on-open-child-missing-focus', {\n                view: childToFocus\n            });\n        }\n    // * Let the panel show up first (do not focus an invisible element).\n    // * Execute after focusDropdownPanelOnOpen(). See focusDropdownPanelOnOpen() to learn more.\n    }, {\n        priority: priorities.low - 10\n    });\n}\n/**\n * Add a set of default behaviors to dropdown view.\n */ function addDefaultBehaviors(dropdownView) {\n    closeDropdownOnClickOutside(dropdownView);\n    closeDropdownOnExecute(dropdownView);\n    closeDropdownOnBlur(dropdownView);\n    focusDropdownContentsOnArrows(dropdownView);\n    focusDropdownButtonOnClose(dropdownView);\n    focusDropdownPanelOnOpen(dropdownView);\n}\n/**\n * Adds a behavior to a dropdownView that closes opened dropdown when user clicks outside the dropdown.\n */ function closeDropdownOnClickOutside(dropdownView) {\n    clickOutsideHandler({\n        emitter: dropdownView,\n        activator: ()=>dropdownView.isRendered && dropdownView.isOpen,\n        callback: ()=>{\n            dropdownView.isOpen = false;\n        },\n        contextElements: ()=>[\n                dropdownView.element,\n                // Include all elements connected to the dropdown's focus tracker, but exclude those that are direct children\n                // of DropdownView#element. They would be identified as descendants of #element anyway upon clicking and would\n                // not contribute to the logic.\n                ...getFocusTrackerTreeElements(dropdownView.focusTracker).filter((element)=>!dropdownView.element.contains(element))\n            ]\n    });\n}\n/**\n * Returns all DOM elements connected to a DropdownView's focus tracker, either directly (same DOM sub-tree)\n * or indirectly (external views registered in the focus tracker).\n */ function getFocusTrackerTreeElements(focusTracker) {\n    return [\n        ...focusTracker.elements,\n        ...focusTracker.externalViews.flatMap((view)=>getFocusTrackerTreeElements(view.focusTracker))\n    ];\n}\n/**\n * Adds a behavior to a dropdownView that closes the dropdown view on \"execute\" event.\n */ function closeDropdownOnExecute(dropdownView) {\n    // Close the dropdown when one of the list items has been executed.\n    dropdownView.on('execute', (evt)=>{\n        // Toggling a switch button view should not close the dropdown.\n        if (evt.source instanceof SwitchButtonView) {\n            return;\n        }\n        dropdownView.isOpen = false;\n    });\n}\n/**\n * Adds a behavior to a dropdown view that closes opened dropdown when it loses focus.\n */ function closeDropdownOnBlur(dropdownView) {\n    dropdownView.focusTracker.on('change:isFocused', (evt, name, isFocused)=>{\n        if (isFocused || !dropdownView.isOpen) {\n            return;\n        }\n        dropdownView.isOpen = false;\n    });\n}\n/**\n * Adds a behavior to a dropdownView that focuses the dropdown's panel view contents on keystrokes.\n */ function focusDropdownContentsOnArrows(dropdownView) {\n    // If the dropdown panel is already open, the arrow down key should focus the first child of the #panelView.\n    dropdownView.keystrokes.set('arrowdown', (data, cancel)=>{\n        if (dropdownView.isOpen) {\n            dropdownView.panelView.focus();\n            cancel();\n        }\n    });\n    // If the dropdown panel is already open, the arrow up key should focus the last child of the #panelView.\n    dropdownView.keystrokes.set('arrowup', (data, cancel)=>{\n        if (dropdownView.isOpen) {\n            dropdownView.panelView.focusLast();\n            cancel();\n        }\n    });\n}\n/**\n * Adds a behavior that focuses the #buttonView when the dropdown was closed but focus was within the #panelView element.\n * This makes sure the focus is never lost.\n */ function focusDropdownButtonOnClose(dropdownView) {\n    dropdownView.on('change:isOpen', (evt, name, isOpen)=>{\n        if (isOpen) {\n            return;\n        }\n        const elements = dropdownView.focusTracker.elements;\n        // If the dropdown was closed, move the focus back to the button (#12125).\n        // Don't touch the focus, if it moved somewhere else (e.g. moved to the editing root on #execute) (#12178).\n        // Note: Don't use the state of the DropdownView#focusTracker here. It fires #blur with the timeout.\n        if (elements.some((element)=>element.contains(global.document.activeElement))) {\n            dropdownView.buttonView.focus();\n        }\n    });\n}\n/**\n * Adds a behavior that focuses the #panelView when dropdown gets open (accessibility).\n */ function focusDropdownPanelOnOpen(dropdownView) {\n    dropdownView.on('change:isOpen', (evt, name, isOpen)=>{\n        if (!isOpen) {\n            return;\n        }\n        // Focus the first item in the dropdown when the dropdown opened.\n        dropdownView.panelView.focus();\n    // * Let the panel show up first (do not focus an invisible element).\n    // * Also, execute before focusChildOnDropdownOpen() to make sure this helper does not break the\n    //   focus of a specific child by kicking in too late and resetting the focus in the panel.\n    }, {\n        priority: 'low'\n    });\n}\n/**\n * This helper populates a dropdown list with items and groups according to the\n * collection of item definitions. A permanent binding is created in this process allowing\n * dynamic management of the dropdown list content.\n *\n * @param dropdownView\n * @param listItems\n * @param definitions\n * @param locale\n */ function bindViewCollectionItemsToDefinitions(dropdownView, listItems, definitions, locale) {\n    bindDropdownToggleableButtonsAlignment(listItems);\n    listItems.bindTo(definitions).using((def)=>{\n        if (def.type === 'separator') {\n            return new ListSeparatorView(locale);\n        } else if (def.type === 'group') {\n            const groupView = new ListItemGroupView(locale);\n            groupView.set({\n                label: def.label\n            });\n            bindViewCollectionItemsToDefinitions(dropdownView, groupView.items, def.items, locale);\n            groupView.items.delegate('execute').to(dropdownView);\n            return groupView;\n        } else if (def.type === 'button' || def.type === 'switchbutton') {\n            const isToggleable = def.model.role === 'menuitemcheckbox' || def.model.role === 'menuitemradio';\n            const listItemView = new ListItemView(locale);\n            let buttonView;\n            if (def.type === 'button') {\n                buttonView = new ListItemButtonView(locale, def.labelView);\n                buttonView.set({\n                    isToggleable\n                });\n            } else {\n                buttonView = new SwitchButtonView(locale);\n            }\n            // Bind all model properties to the button view.\n            buttonView.bind(...Object.keys(def.model)).to(def.model);\n            buttonView.delegate('execute').to(listItemView);\n            listItemView.children.add(buttonView);\n            return listItemView;\n        }\n        return null;\n    });\n}\n/**\n * Sets up alignment handling for toggleable buttons in a dropdown list.\n *\n * Buttons in dropdowns have reserved space for a check icon when they are toggleable.\n * When at least one button in the list is toggleable, all other buttons (even non-toggleable ones)\n * will have space on their left side to align with toggleable buttons.\n *\n * This function handles a special case where a new toggleable button is added (or removed) to a list\n * where previous buttons weren't toggleable. In that case, those previous buttons will\n * automatically allocate space to align with the new toggleable button.\n *\n * Example:\n * ```\n * Before adding toggleable button:\n * +----------------+\n * | Normal Button  |\n * +----------------+\n * | Another Button |\n * +----------------+\n *\n * After adding toggleable button:\n * +-------------------+\n * |    Normal Button  |\n * +-------------------+\n * |    Another Button |\n * +-------------------+\n * | ✓ Toggle Button   |\n * +-------------------+\n * ```\n *\n * @param listItems Collection of list items to observe for toggleable buttons.\n */ function bindDropdownToggleableButtonsAlignment(listItems) {\n    // Keep track of how many toggleable buttons are in the list.\n    let toggleableButtonsCount = 0;\n    // Helper function that checks if a view item is a list item button.\n    const pickListItemButtonIfPresent = (item)=>{\n        // Check if the item is a ListItemView with a ListItemButtonView as its first child.\n        if (!(item instanceof ListItemView) || !(item.children.first instanceof ListItemButtonView)) {\n            return null;\n        }\n        return item.children.first;\n    };\n    // Helper function that checks if a view item is a toggleable button.\n    // Returns the button if it's toggleable - otherwise, returns null.\n    const pickListItemToggleableButtonIfPresent = (item)=>{\n        const listItemButtonView = pickListItemButtonIfPresent(item);\n        // Only return buttons that are configured as toggleable.\n        if (!listItemButtonView || !listItemButtonView.isToggleable) {\n            return null;\n        }\n        return listItemButtonView;\n    };\n    // Updates all buttons in the list to either allocate space for check marks or not.\n    // This ensures all buttons are properly aligned regardless of their toggleable state.\n    const updateAllButtonsCheckSpace = (hasSpace)=>{\n        for (const listItem of listItems){\n            const listItemButton = pickListItemButtonIfPresent(listItem);\n            if (listItemButton) {\n                listItemButton.hasCheckSpace = hasSpace;\n            }\n        }\n    };\n    // Listen for changes in the list items collection.\n    listItems.on('change', (evt, data)=>{\n        // Remember the current state - whether we have any toggleable buttons.\n        const prevToggleable = toggleableButtonsCount > 0;\n        // Process removed items - decrease count for each toggleable button removed.\n        for (const item of data.removed){\n            if (pickListItemToggleableButtonIfPresent(item)) {\n                toggleableButtonsCount--;\n            }\n        }\n        // Process added items - increase count for each toggleable button added.\n        for (const item of data.added){\n            const button = pickListItemButtonIfPresent(item);\n            if (!button) {\n                continue;\n            }\n            if (button.isToggleable) {\n                // Check if the button is toggleable and increase the count.\n                toggleableButtonsCount++;\n            }\n            // Depending on the current state, set the check space for the button.\n            button.hasCheckSpace = toggleableButtonsCount > 0;\n        }\n        // Check if the current state has changed.\n        const currentToggleable = toggleableButtonsCount > 0;\n        // Only update button alignment if we've crossed the threshold between\n        // having no toggleable buttons and having at least one.\n        if (prevToggleable !== currentToggleable) {\n            updateAllButtonsCheckSpace(currentToggleable);\n        }\n    });\n}\n\n/**\n * A helper for creating labeled inputs.\n *\n * It creates an instance of a {@link module:ui/inputtext/inputtextview~InputTextView input text} that is\n * logically related to a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in DOM.\n *\n * The helper does the following:\n *\n * * It sets input's `id` and `ariaDescribedById` attributes.\n * * It binds input's `isReadOnly` to the labeled view.\n * * It binds input's `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when user starts typing in the input.\n *\n * Usage:\n *\n * ```ts\n * const labeledInputView = new LabeledFieldView( locale, createLabeledInputText );\n * console.log( labeledInputView.fieldView ); // A text input instance.\n * ```\n *\n * @param labeledFieldView The instance of the labeled field view.\n * @param viewUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the input.\n * @param statusUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the input.\n * @returns The input text view instance.\n */ const createLabeledInputText = (labeledFieldView, viewUid, statusUid)=>{\n    const inputView = new InputTextView(labeledFieldView.locale);\n    inputView.set({\n        id: viewUid,\n        ariaDescribedById: statusUid\n    });\n    inputView.bind('isReadOnly').to(labeledFieldView, 'isEnabled', (value)=>!value);\n    inputView.bind('hasError').to(labeledFieldView, 'errorText', (value)=>!!value);\n    inputView.on('input', ()=>{\n        // UX: Make the error text disappear and disable the error indicator as the user\n        // starts fixing the errors.\n        labeledFieldView.errorText = null;\n    });\n    labeledFieldView.bind('isEmpty', 'isFocused', 'placeholder').to(inputView);\n    return inputView;\n};\n/**\n * A helper for creating labeled number inputs.\n *\n * It creates an instance of a {@link module:ui/inputnumber/inputnumberview~InputNumberView input number} that is\n * logically related to a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in DOM.\n *\n * The helper does the following:\n *\n * * It sets input's `id` and `ariaDescribedById` attributes.\n * * It binds input's `isReadOnly` to the labeled view.\n * * It binds input's `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when user starts typing in the input.\n *\n * Usage:\n *\n * ```ts\n * const labeledInputView = new LabeledFieldView( locale, createLabeledInputNumber );\n * console.log( labeledInputView.fieldView ); // A number input instance.\n * ```\n *\n * @param labeledFieldView The instance of the labeled field view.\n * @param viewUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the input.\n * @param statusUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the input.\n * @returns The input number view instance.\n */ const createLabeledInputNumber = (labeledFieldView, viewUid, statusUid)=>{\n    const inputView = new InputNumberView(labeledFieldView.locale);\n    inputView.set({\n        id: viewUid,\n        ariaDescribedById: statusUid,\n        inputMode: 'numeric'\n    });\n    inputView.bind('isReadOnly').to(labeledFieldView, 'isEnabled', (value)=>!value);\n    inputView.bind('hasError').to(labeledFieldView, 'errorText', (value)=>!!value);\n    inputView.on('input', ()=>{\n        // UX: Make the error text disappear and disable the error indicator as the user\n        // starts fixing the errors.\n        labeledFieldView.errorText = null;\n    });\n    labeledFieldView.bind('isEmpty', 'isFocused', 'placeholder').to(inputView);\n    return inputView;\n};\n/**\n * A helper for creating labeled textarea.\n *\n * It creates an instance of a {@link module:ui/textarea/textareaview~TextareaView textarea} that is\n * logically related to a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in DOM.\n *\n * The helper does the following:\n *\n * * It sets textarea's `id` and `ariaDescribedById` attributes.\n * * It binds textarea's `isReadOnly` to the labeled view.\n * * It binds textarea's `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when user starts typing in the textarea.\n *\n * Usage:\n *\n * ```ts\n * const labeledTextarea = new LabeledFieldView( locale, createLabeledTextarea );\n * console.log( labeledTextarea.fieldView ); // A textarea instance.\n * ```\n *\n * @param labeledFieldView The instance of the labeled field view.\n * @param viewUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the textarea.\n * @param statusUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the textarea.\n * @returns The textarea view instance.\n */ const createLabeledTextarea = (labeledFieldView, viewUid, statusUid)=>{\n    const textareaView = new TextareaView(labeledFieldView.locale);\n    textareaView.set({\n        id: viewUid,\n        ariaDescribedById: statusUid\n    });\n    textareaView.bind('isReadOnly').to(labeledFieldView, 'isEnabled', (value)=>!value);\n    textareaView.bind('hasError').to(labeledFieldView, 'errorText', (value)=>!!value);\n    textareaView.on('input', ()=>{\n        // UX: Make the error text disappear and disable the error indicator as the user\n        // starts fixing the errors.\n        labeledFieldView.errorText = null;\n    });\n    labeledFieldView.bind('isEmpty', 'isFocused', 'placeholder').to(textareaView);\n    return textareaView;\n};\n/**\n * A helper for creating labeled dropdowns.\n *\n * It creates an instance of a {@link module:ui/dropdown/dropdownview~DropdownView dropdown} that is\n * logically related to a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled field view}.\n *\n * The helper does the following:\n *\n * * It sets dropdown's `id` and `ariaDescribedById` attributes.\n * * It binds input's `isEnabled` to the labeled view.\n *\n * Usage:\n *\n * ```ts\n * const labeledInputView = new LabeledFieldView( locale, createLabeledDropdown );\n * console.log( labeledInputView.fieldView ); // A dropdown instance.\n * ```\n *\n * @param labeledFieldView The instance of the labeled field view.\n * @param viewUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view label} and the dropdown.\n * @param statusUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view status} and the dropdown.\n * @returns The dropdown view instance.\n */ const createLabeledDropdown = (labeledFieldView, viewUid, statusUid)=>{\n    const dropdownView = createDropdown(labeledFieldView.locale);\n    dropdownView.set({\n        id: viewUid,\n        ariaDescribedById: statusUid\n    });\n    dropdownView.bind('isEnabled').to(labeledFieldView);\n    return dropdownView;\n};\n\nconst waitingTime = 150;\n/**\n * A class which represents a color picker with an input field for defining custom colors.\n */ class ColorPickerView extends View {\n    /**\n\t * Container for a `#` sign prefix and an input for displaying and defining custom colors\n\t * in HEX format.\n\t */ hexInputRow;\n    /**\n\t * Debounced function updating the `color` property in the component\n\t * and firing the `ColorPickerColorSelectedEvent`. Executed whenever color in component\n\t * is changed by the user interaction (through the palette or input).\n\t *\n\t * @private\n\t */ _debounceColorPickerEvent;\n    /**\n\t * A reference to the configuration of the color picker specified in the constructor.\n\t *\n\t * @private\n\t */ _config;\n    /**\n\t * Creates a view of color picker.\n\t *\n\t * @param locale\n\t * @param config\n\t */ constructor(locale, config = {}){\n        super(locale);\n        this.set({\n            color: '',\n            _hexColor: ''\n        });\n        this.hexInputRow = this._createInputRow();\n        const children = this.createCollection();\n        if (!config.hideInput) {\n            children.add(this.hexInputRow);\n        }\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-color-picker'\n                ],\n                tabindex: -1\n            },\n            children\n        });\n        this._config = config;\n        this._debounceColorPickerEvent = debounce((color)=>{\n            // At first, set the color internally in the component. It's converted to the configured output format.\n            this.set('color', color);\n            // Then let the outside world know that the user changed the color.\n            this.fire('colorSelected', {\n                color: this.color\n            });\n        }, waitingTime, {\n            leading: true\n        });\n        // The `color` property holds the color in the configured output format.\n        // Ensure it before actually setting the value.\n        this.on('set:color', (evt, propertyName, newValue)=>{\n            evt.return = convertColor(newValue, this._config.format || 'hsl');\n        });\n        // The `_hexColor` property is bound to the `color` one, but requires conversion.\n        this.on('change:color', ()=>{\n            this._hexColor = convertColorToCommonHexFormat(this.color);\n        });\n        this.on('change:_hexColor', ()=>{\n            // Update the selected color in the color picker palette when it's not focused.\n            // It means the user typed the color in the input.\n            if (document.activeElement !== this.picker) {\n                this.picker.setAttribute('color', this._hexColor);\n            }\n            // There has to be two way binding between properties.\n            // Extra precaution has to be taken to trigger change back only when the color really changes.\n            if (convertColorToCommonHexFormat(this.color) != convertColorToCommonHexFormat(this._hexColor)) {\n                this.color = this._hexColor;\n            }\n        });\n    }\n    /**\n\t * Renders color picker in the view.\n\t */ render() {\n        super.render();\n        // Extracted to the helper to make it testable.\n        registerCustomElement('hex-color-picker', HexBase);\n        this.picker = global.document.createElement('hex-color-picker');\n        this.picker.setAttribute('class', 'hex-color-picker');\n        this.picker.setAttribute('tabindex', '-1');\n        this._createSlidersView();\n        if (this.element) {\n            if (this.hexInputRow.element) {\n                this.element.insertBefore(this.picker, this.hexInputRow.element);\n            } else {\n                this.element.appendChild(this.picker);\n            }\n            // Create custom stylesheet with a look of focused pointer in color picker and append it into the color picker shadowDom\n            const styleSheetForFocusedColorPicker = document.createElement('style');\n            styleSheetForFocusedColorPicker.textContent = '[role=\"slider\"]:focus [part$=\"pointer\"] {' + 'border: 1px solid #fff;' + 'outline: 1px solid var(--ck-color-focus-border);' + 'box-shadow: 0 0 0 2px #fff;' + '}';\n            this.picker.shadowRoot.appendChild(styleSheetForFocusedColorPicker);\n        }\n        this.picker.addEventListener('color-changed', (event)=>{\n            const color = event.detail.value;\n            this._debounceColorPickerEvent(color);\n        });\n    }\n    /**\n\t * Focuses the first pointer in color picker.\n\t *\n\t */ focus() {\n        // In some browsers we need to move the focus to the input first.\n        // Otherwise, the color picker doesn't behave as expected.\n        // In Chrome, after selecting the color via slider the first time,\n        // the editor collapses the selection and doesn't apply the color change.\n        // In FF, after selecting the color via slider, it instantly moves back to the previous color.\n        // In all iOS browsers and desktop Safari, once the saturation slider is moved for the first time,\n        // editor collapses the selection and doesn't apply the color change.\n        // See: https://github.com/ckeditor/ckeditor5-internal/issues/3245, https://github.com/ckeditor/ckeditor5/issues/14119,\n        // https://github.com/ckeditor/ckeditor5-internal/issues/3268.\n        /* istanbul ignore next -- @preserve */ if (!this._config.hideInput && (env.isGecko || env.isiOS || env.isSafari || env.isBlink)) {\n            const input = this.hexInputRow.children.get(1);\n            input.focus();\n        }\n        const firstSlider = this.slidersView.first;\n        firstSlider.focus();\n    }\n    /**\n\t * Creates collection of sliders in color picker.\n\t *\n\t * @private\n\t */ _createSlidersView() {\n        const colorPickersChildren = [\n            ...this.picker.shadowRoot.children\n        ];\n        const sliders = colorPickersChildren.filter((item)=>item.getAttribute('role') === 'slider');\n        const slidersView = sliders.map((slider)=>{\n            const view = new SliderView(slider);\n            return view;\n        });\n        this.slidersView = this.createCollection();\n        slidersView.forEach((item)=>{\n            this.slidersView.add(item);\n        });\n    }\n    /**\n\t * Creates input row for defining custom colors in color picker.\n\t *\n\t * @private\n\t */ _createInputRow() {\n        const colorInput = this._createColorInput();\n        return new ColorPickerInputRowView(this.locale, colorInput);\n    }\n    /**\n\t * Creates the input where user can type or paste the color in hex format.\n\t *\n\t * @private\n\t */ _createColorInput() {\n        const labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);\n        const { t } = this.locale;\n        labeledInput.set({\n            label: t('HEX'),\n            class: 'color-picker-hex-input'\n        });\n        labeledInput.fieldView.bind('value').to(this, '_hexColor', (pickerColor)=>{\n            if (labeledInput.isFocused) {\n                // Text field shouldn't be updated with color change if the text field is focused.\n                // Imagine user typing hex code and getting the value of field changed.\n                return labeledInput.fieldView.value;\n            } else {\n                return pickerColor.startsWith('#') ? pickerColor.substring(1) : pickerColor;\n            }\n        });\n        // Only accept valid hex colors as input.\n        labeledInput.fieldView.on('input', ()=>{\n            const inputValue = labeledInput.fieldView.element.value;\n            if (inputValue) {\n                const maybeHexColor = tryParseHexColor(inputValue);\n                if (maybeHexColor) {\n                    // If so, set the color.\n                    // Otherwise, do nothing.\n                    this._debounceColorPickerEvent(maybeHexColor);\n                }\n            }\n        });\n        return labeledInput;\n    }\n    /**\n\t * Validates the view and returns `false` when some fields are invalid.\n\t */ isValid() {\n        const { t } = this.locale;\n        // If the input is hidden, it's always valid, because there is no way to select\n        // invalid color value using diagram color picker.\n        if (this._config.hideInput) {\n            return true;\n        }\n        this.resetValidationStatus();\n        // One error per field is enough.\n        if (!this.hexInputRow.getParsedColor()) {\n            // Apply updated error.\n            this.hexInputRow.inputView.errorText = t('Please enter a valid color (e.g. \"ff0000\").');\n            return false;\n        }\n        return true;\n    }\n    /**\n\t * Cleans up the supplementary error and information text of input inside the {@link #hexInputRow}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */ resetValidationStatus() {\n        this.hexInputRow.inputView.errorText = null;\n    }\n}\n// Converts any color format to a unified hex format.\n//\n// @param inputColor\n// @returns An unified hex string.\nfunction convertColorToCommonHexFormat(inputColor) {\n    let ret = convertToHex(inputColor);\n    if (!ret) {\n        ret = '#000';\n    }\n    if (ret.length === 4) {\n        // Unfold shortcut format.\n        ret = '#' + [\n            ret[1],\n            ret[1],\n            ret[2],\n            ret[2],\n            ret[3],\n            ret[3]\n        ].join('');\n    }\n    return ret.toLowerCase();\n}\n// View abstraction over pointer in color picker.\nclass SliderView extends View {\n    /**\n\t * @param element HTML element of slider in color picker.\n\t */ constructor(element){\n        super();\n        this.element = element;\n    }\n    /**\n\t * Focuses element.\n\t */ focus() {\n        this.element.focus();\n    }\n}\n// View abstraction over the `#` character before color input.\nclass HashView extends View {\n    constructor(locale){\n        super(locale);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-color-picker__hash-view'\n                ]\n            },\n            children: '#'\n        });\n    }\n}\n// The class representing a row containing hex color input field.\n// **Note**: For now this class is private. When more use cases appear (beyond `ckeditor5-table` and `ckeditor5-image`),\n// it will become a component in `ckeditor5-ui`.\n//\n// @private\nclass ColorPickerInputRowView extends View {\n    /**\n\t * A collection of row items (buttons, dropdowns, etc.).\n\t */ children;\n    /**\n\t * Hex input view element.\n\t */ inputView;\n    /**\n\t * Creates an instance of the form row class.\n\t *\n\t * @param locale The locale instance.\n\t * @param inputView Hex color input element.\n\t */ constructor(locale, inputView){\n        super(locale);\n        this.inputView = inputView;\n        this.children = this.createCollection([\n            new HashView(),\n            this.inputView\n        ]);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-color-picker__row'\n                ]\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * Returns false if color input value is not in hex format.\n\t */ getParsedColor() {\n        return tryParseHexColor(this.inputView.fieldView.element.value);\n    }\n}\n/**\n * Trim spaces from provided color and check if hex is valid.\n *\n * @param color Unsafe color string.\n * @returns Null if provided color is not hex value.\n * @export\n * @internal\n */ function tryParseHexColor(color) {\n    if (!color) {\n        return null;\n    }\n    const hashLessColor = color.trim().replace(/^#/, '');\n    // Incorrect length.\n    if (![\n        3,\n        4,\n        6,\n        8\n    ].includes(hashLessColor.length)) {\n        return null;\n    }\n    // Incorrect characters.\n    if (!/^(([0-9a-fA-F]{2}){3,4}|([0-9a-fA-F]){3,4})$/.test(hashLessColor)) {\n        return null;\n    }\n    return `#${hashLessColor}`;\n}\n\n/**\n * A collection to store document colors. It enforces colors to be unique.\n */ class DocumentColorCollection extends /* #__PURE__ */ ObservableMixin(Collection) {\n    constructor(options){\n        super(options);\n        this.set('isEmpty', true);\n        this.on('change', ()=>{\n            this.set('isEmpty', this.length === 0);\n        });\n    }\n    /**\n\t * Adds a color to the document color collection.\n\t *\n\t * This method ensures that no color duplicates are inserted (compared using\n\t * the color value of the {@link module:ui/colorgrid/colorgridview~ColorDefinition}).\n\t *\n\t * If the item does not have an ID, it will be automatically generated and set on the item.\n\t *\n\t * @param index The position of the item in the collection. The item is pushed to the collection when `index` is not specified.\n\t * @fires add\n\t * @fires change\n\t */ add(item, index) {\n        if (this.find((element)=>element.color === item.color)) {\n            // No duplicates are allowed.\n            return this;\n        }\n        return super.add(item, index);\n    }\n    /**\n\t * Checks if an object with given colors is present in the document color collection.\n\t */ hasColor(color) {\n        return !!this.find((item)=>item.color === color);\n    }\n}\n\n/**\n * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.\n *\n * It provides a UI that allows users to select colors from the a predefined set and from existing document colors.\n *\n * It consists of the following sub–components:\n *\n * * A \"Remove color\" button,\n * * A static {@link module:ui/colorgrid/colorgridview~ColorGridView} of colors defined in the configuration,\n * * A dynamic {@link module:ui/colorgrid/colorgridview~ColorGridView} of colors used in the document.\n * * If color picker is configured, the \"Color Picker\" button is visible too.\n */ class ColorGridsFragmentView extends View {\n    /**\n\t * A collection of the children of the table.\n\t */ items;\n    /**\n\t * An array with objects representing colors to be displayed in the grid.\n\t */ colorDefinitions;\n    /**\n\t * Tracks information about the DOM focus in the list.\n\t */ focusTracker;\n    /**\n\t * The number of columns in the color grid.\n\t */ columns;\n    /**\n\t * Preserves the reference to {@link module:ui/colorselector/documentcolorcollection~DocumentColorCollection} used to collect\n\t * definitions that store the document colors.\n\t *\n\t * @readonly\n\t */ documentColors;\n    /**\n\t * The maximum number of colors in the document colors section.\n\t * If it equals 0, the document colors section is not added.\n\t *\n\t * @readonly\n\t */ documentColorsCount;\n    /**\n\t * Preserves the reference to {@link module:ui/colorgrid/colorgridview~ColorGridView} used to create\n\t * the default (static) color set.\n\t *\n\t * The property is loaded once the the parent dropdown is opened the first time.\n\t *\n\t * @readonly\n\t */ staticColorsGrid;\n    /**\n\t * Preserves the reference to {@link module:ui/colorgrid/colorgridview~ColorGridView} used to create\n\t * the document colors. It remains undefined if the document colors feature is disabled.\n\t *\n\t * The property is loaded once the the parent dropdown is opened the first time.\n\t *\n\t * @readonly\n\t */ documentColorsGrid;\n    /**\n\t * The \"Color picker\" button view.\n\t */ colorPickerButtonView;\n    /**\n\t * The \"Remove color\" button view.\n\t */ removeColorButtonView;\n    /**\n\t * A collection of views that can be focused in the view.\n\t *\n\t * @readonly\n\t */ _focusables;\n    /**\n\t * Document color section's label.\n\t *\n\t * @readonly\n\t */ _documentColorsLabel;\n    /**\n\t * The label of the button responsible for removing color attributes.\n\t */ _removeButtonLabel;\n    /**\n\t * The label of the button responsible for switching to the color picker component.\n\t */ _colorPickerLabel;\n    /**\n\t * Creates an instance of the view.\n\t *\n\t * @param locale The localization services instance.\n\t * @param options Constructor options.\n\t * @param options.colors An array with definitions of colors to be displayed in the table.\n\t * @param options.columns The number of columns in the color grid.\n\t * @param options.removeButtonLabel The label of the button responsible for removing the color.\n\t * @param options.colorPickerLabel The label of the button responsible for color picker appearing.\n\t * @param options.documentColorsLabel The label for the section with the document colors.\n\t * @param options.documentColorsCount The number of colors in the document colors section inside the color dropdown.\n\t * @param options.focusTracker Tracks information about the DOM focus in the list.\n\t * @param options.focusables A collection of views that can be focused in the view.\n\t */ constructor(locale, { colors, columns, removeButtonLabel, documentColorsLabel, documentColorsCount, colorPickerLabel, focusTracker, focusables }){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('isVisible', true);\n        this.focusTracker = focusTracker;\n        this.items = this.createCollection();\n        this.colorDefinitions = colors;\n        this.columns = columns;\n        this.documentColors = new DocumentColorCollection();\n        this.documentColorsCount = documentColorsCount;\n        this._focusables = focusables;\n        this._removeButtonLabel = removeButtonLabel;\n        this._colorPickerLabel = colorPickerLabel;\n        this._documentColorsLabel = documentColorsLabel;\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck-color-grids-fragment',\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value)\n                ]\n            },\n            children: this.items\n        });\n        this.removeColorButtonView = this._createRemoveColorButton();\n        this.items.add(this.removeColorButtonView);\n    }\n    /**\n\t * Scans through the editor model and searches for text node attributes with the given attribute name.\n\t * Found entries are set as document colors.\n\t *\n\t * All the previously stored document colors will be lost in the process.\n\t *\n\t * @param model The model used as a source to obtain the document colors.\n\t * @param attributeName Determines the name of the related model's attribute for a given dropdown.\n\t */ updateDocumentColors(model, attributeName) {\n        const document = model.document;\n        const maxCount = this.documentColorsCount;\n        this.documentColors.clear();\n        for (const root of document.getRoots()){\n            const range = model.createRangeIn(root);\n            for (const node of range.getItems()){\n                if (node.is('$textProxy') && node.hasAttribute(attributeName)) {\n                    this._addColorToDocumentColors(node.getAttribute(attributeName));\n                    if (this.documentColors.length >= maxCount) {\n                        return;\n                    }\n                }\n            }\n        }\n    }\n    /**\n\t * Refreshes the state of the selected color in one or both {@link module:ui/colorgrid/colorgridview~ColorGridView}s\n\t * available in the {@link module:ui/colorselector/colorselectorview~ColorSelectorView}. It guarantees that the selection will\n\t * occur only in one of them.\n\t */ updateSelectedColors() {\n        const documentColorsGrid = this.documentColorsGrid;\n        const staticColorsGrid = this.staticColorsGrid;\n        const selectedColor = this.selectedColor;\n        staticColorsGrid.selectedColor = selectedColor;\n        if (documentColorsGrid) {\n            documentColorsGrid.selectedColor = selectedColor;\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.staticColorsGrid = this._createStaticColorsGrid();\n        this.items.add(this.staticColorsGrid);\n        if (this.documentColorsCount) {\n            // Create a label for document colors.\n            const bind = Template.bind(this.documentColors, this.documentColors);\n            const label = new View(this.locale);\n            label.setTemplate({\n                tag: 'span',\n                attributes: {\n                    class: [\n                        'ck',\n                        'ck-color-grid__label',\n                        bind.if('isEmpty', 'ck-hidden')\n                    ]\n                },\n                children: [\n                    {\n                        text: this._documentColorsLabel\n                    }\n                ]\n            });\n            this.items.add(label);\n            this.documentColorsGrid = this._createDocumentColorsGrid();\n            this.items.add(this.documentColorsGrid);\n        }\n        this._createColorPickerButton();\n        this._addColorSelectorElementsToFocusTracker();\n    }\n    /**\n\t * Focuses the component.\n\t */ focus() {\n        this.removeColorButtonView.focus();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n    }\n    /**\n\t * Handles displaying the color picker button (if it was previously created) and making it focusable.\n\t */ addColorPickerButton() {\n        if (this.colorPickerButtonView) {\n            this.items.add(this.colorPickerButtonView);\n            this.focusTracker.add(this.colorPickerButtonView.element);\n            this._focusables.add(this.colorPickerButtonView);\n        }\n    }\n    /**\n\t * Adds color selector elements to focus tracker.\n\t */ _addColorSelectorElementsToFocusTracker() {\n        this.focusTracker.add(this.removeColorButtonView.element);\n        this._focusables.add(this.removeColorButtonView);\n        if (this.staticColorsGrid) {\n            this.focusTracker.add(this.staticColorsGrid.element);\n            this._focusables.add(this.staticColorsGrid);\n        }\n        if (this.documentColorsGrid) {\n            this.focusTracker.add(this.documentColorsGrid.element);\n            this._focusables.add(this.documentColorsGrid);\n        }\n    }\n    /**\n\t * Creates the button responsible for displaying the color picker component.\n\t */ _createColorPickerButton() {\n        this.colorPickerButtonView = new ButtonView();\n        this.colorPickerButtonView.set({\n            label: this._colorPickerLabel,\n            withText: true,\n            icon: IconColorPalette,\n            class: 'ck-color-selector__color-picker'\n        });\n        this.colorPickerButtonView.on('execute', ()=>{\n            this.fire('colorPicker:show');\n        });\n    }\n    /**\n\t * Adds the remove color button as a child of the current view.\n\t */ _createRemoveColorButton() {\n        const buttonView = new ButtonView();\n        buttonView.set({\n            withText: true,\n            icon: IconEraser,\n            label: this._removeButtonLabel\n        });\n        buttonView.class = 'ck-color-selector__remove-color';\n        buttonView.on('execute', ()=>{\n            this.fire('execute', {\n                value: null,\n                source: 'removeColorButton'\n            });\n        });\n        buttonView.render();\n        return buttonView;\n    }\n    /**\n\t * Creates a static color grid based on the editor configuration.\n\t */ _createStaticColorsGrid() {\n        const colorGrid = new ColorGridView(this.locale, {\n            colorDefinitions: this.colorDefinitions,\n            columns: this.columns\n        });\n        colorGrid.on('execute', (evt, data)=>{\n            this.fire('execute', {\n                value: data.value,\n                source: 'staticColorsGrid'\n            });\n        });\n        return colorGrid;\n    }\n    /**\n\t * Creates the document colors section view and binds it to {@link #documentColors}.\n\t */ _createDocumentColorsGrid() {\n        const bind = Template.bind(this.documentColors, this.documentColors);\n        const documentColorsGrid = new ColorGridView(this.locale, {\n            columns: this.columns\n        });\n        documentColorsGrid.extendTemplate({\n            attributes: {\n                class: bind.if('isEmpty', 'ck-hidden')\n            }\n        });\n        documentColorsGrid.items.bindTo(this.documentColors).using((colorObj)=>{\n            const colorTile = new ColorTileView();\n            colorTile.set({\n                color: colorObj.color,\n                hasBorder: colorObj.options?.hasBorder\n            });\n            if (colorObj.label) {\n                colorTile.set({\n                    label: colorObj.label,\n                    tooltip: true\n                });\n            }\n            colorTile.on('execute', ()=>{\n                this.fire('execute', {\n                    value: colorObj.color,\n                    source: 'documentColorsGrid'\n                });\n            });\n            return colorTile;\n        });\n        // Selected color should be cleared when document colors became empty.\n        this.documentColors.on('change:isEmpty', (evt, name, val)=>{\n            if (val) {\n                documentColorsGrid.selectedColor = null;\n            }\n        });\n        return documentColorsGrid;\n    }\n    /**\n\t * Adds a given color to the document colors list. If possible, the method will attempt to use\n\t * data from the {@link #colorDefinitions} (label, color options).\n\t *\n\t * @param color A string that stores the value of the recently applied color.\n\t */ _addColorToDocumentColors(color) {\n        const predefinedColor = this.colorDefinitions.find((definition)=>definition.color === color);\n        if (!predefinedColor) {\n            this.documentColors.add({\n                color,\n                label: color,\n                options: {\n                    hasBorder: false\n                }\n            });\n        } else {\n            this.documentColors.add(Object.assign({}, predefinedColor));\n        }\n    }\n}\n\n/**\n * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.\n *\n * It allows users to select a color from a color picker.\n *\n * It consists of the following sub–components:\n *\n * * A color picker saturation and hue sliders,\n * * A text input accepting colors in HEX format,\n * * \"Save\" and \"Cancel\" action buttons.\n */ class ColorPickerFragmentView extends View {\n    /**\n\t * A collection of component's children.\n\t */ items;\n    /**\n\t * A view with saturation and hue sliders and color input.\n\t */ colorPickerView;\n    /**\n\t * The \"Save\" button view.\n\t */ saveButtonView;\n    /**\n\t * The \"Cancel\" button view.\n\t */ cancelButtonView;\n    /**\n\t * The action bar where are \"Save\" button and \"Cancel\" button.\n\t */ actionBarView;\n    /**\n\t * Tracks information about the DOM focus in the list.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * A collection of views that can be focused in the view.\n\t *\n\t * @readonly\n\t */ _focusables;\n    /**\n\t * A reference to the configuration of {@link #colorPickerView}. `false` when the view was\n\t * configured without a color picker.\n\t *\n\t * @readonly\n\t */ _colorPickerViewConfig;\n    /**\n\t * Creates an instance of the view.\n\t *\n\t * @param locale The localization services instance.\n\t * @param options Constructor options.\n\t * @param options.focusTracker Tracks information about the DOM focus in the list.\n\t * @param options.focusables A collection of views that can be focused in the view.\n\t * @param options.keystrokes An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t * @param options.colorPickerViewConfig The configuration of color picker feature. If set to `false`, the color picker\n\t * will not be rendered.\n\t */ constructor(locale, { focusTracker, focusables, keystrokes, colorPickerViewConfig }){\n        super(locale);\n        this.items = this.createCollection();\n        this.focusTracker = focusTracker;\n        this.keystrokes = keystrokes;\n        this.set('isVisible', false);\n        this.set('selectedColor', undefined);\n        this._focusables = focusables;\n        this._colorPickerViewConfig = colorPickerViewConfig;\n        const bind = this.bindTemplate;\n        const { saveButtonView, cancelButtonView } = this._createActionButtons();\n        this.saveButtonView = saveButtonView;\n        this.cancelButtonView = cancelButtonView;\n        this.actionBarView = this._createActionBarView({\n            saveButtonView,\n            cancelButtonView\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck-color-picker-fragment',\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value)\n                ]\n            },\n            children: this.items\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        const colorPickerView = new ColorPickerView(this.locale, {\n            ...this._colorPickerViewConfig\n        });\n        this.colorPickerView = colorPickerView;\n        this.colorPickerView.render();\n        if (this.selectedColor) {\n            colorPickerView.color = this.selectedColor;\n        }\n        this.listenTo(this, 'change:selectedColor', (evt, name, value)=>{\n            colorPickerView.color = value;\n        });\n        this.items.add(this.colorPickerView);\n        this.items.add(this.actionBarView);\n        this._addColorPickersElementsToFocusTracker();\n        this._stopPropagationOnArrowsKeys();\n        this._executeOnEnterPress();\n        this._executeUponColorChange();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n    }\n    /**\n\t * Focuses the color picker.\n\t */ focus() {\n        this.colorPickerView.focus();\n    }\n    /**\n\t * Reset validation messages.\n\t */ resetValidationStatus() {\n        this.colorPickerView.resetValidationStatus();\n    }\n    /**\n\t * When color picker is focused and \"enter\" is pressed it executes command.\n\t */ _executeOnEnterPress() {\n        this.keystrokes.set('enter', (evt)=>{\n            if (this.isVisible && this.focusTracker.focusedElement !== this.cancelButtonView.element && this.colorPickerView.isValid()) {\n                this.fire('execute', {\n                    value: this.selectedColor\n                });\n                evt.stopPropagation();\n                evt.preventDefault();\n            }\n        });\n    }\n    /**\n\t * Removes default behavior of arrow keys in dropdown.\n\t */ _stopPropagationOnArrowsKeys() {\n        const stopPropagation = (data)=>data.stopPropagation();\n        this.keystrokes.set('arrowright', stopPropagation);\n        this.keystrokes.set('arrowleft', stopPropagation);\n        this.keystrokes.set('arrowup', stopPropagation);\n        this.keystrokes.set('arrowdown', stopPropagation);\n    }\n    /**\n\t * Adds color picker elements to focus tracker.\n\t */ _addColorPickersElementsToFocusTracker() {\n        for (const slider of this.colorPickerView.slidersView){\n            this.focusTracker.add(slider.element);\n            this._focusables.add(slider);\n        }\n        const input = this.colorPickerView.hexInputRow.children.get(1);\n        if (input.element) {\n            this.focusTracker.add(input.element);\n            this._focusables.add(input);\n        }\n        this.focusTracker.add(this.saveButtonView.element);\n        this._focusables.add(this.saveButtonView);\n        this.focusTracker.add(this.cancelButtonView.element);\n        this._focusables.add(this.cancelButtonView);\n    }\n    /**\n\t * Creates bar containing \"Save\" and \"Cancel\" buttons.\n\t */ _createActionBarView({ saveButtonView, cancelButtonView }) {\n        const actionBarRow = new View();\n        const children = this.createCollection();\n        children.add(saveButtonView);\n        children.add(cancelButtonView);\n        actionBarRow.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-color-selector_action-bar'\n                ]\n            },\n            children\n        });\n        return actionBarRow;\n    }\n    /**\n\t * Creates \"Save\" and \"Cancel\" buttons.\n\t */ _createActionButtons() {\n        const locale = this.locale;\n        const t = locale.t;\n        const saveButtonView = new ButtonView(locale);\n        const cancelButtonView = new ButtonView(locale);\n        saveButtonView.set({\n            icon: IconCheck,\n            class: 'ck-button-save',\n            type: 'button',\n            withText: false,\n            label: t('Accept')\n        });\n        cancelButtonView.set({\n            icon: IconCancel,\n            class: 'ck-button-cancel',\n            type: 'button',\n            withText: false,\n            label: t('Cancel')\n        });\n        saveButtonView.on('execute', ()=>{\n            if (this.colorPickerView.isValid()) {\n                this.fire('execute', {\n                    source: 'colorPickerSaveButton',\n                    value: this.selectedColor\n                });\n            }\n        });\n        cancelButtonView.on('execute', ()=>{\n            this.fire('colorPicker:cancel');\n        });\n        return {\n            saveButtonView,\n            cancelButtonView\n        };\n    }\n    /**\n\t * Fires the `execute` event if color in color picker has been changed\n\t * by the user.\n\t */ _executeUponColorChange() {\n        this.colorPickerView.on('colorSelected', (evt, data)=>{\n            this.fire('execute', {\n                value: data.color,\n                source: 'colorPicker'\n            });\n            this.set('selectedColor', data.color);\n        });\n    }\n}\n\n/**\n * The configurable color selector view class. It allows users to select colors from a predefined set of colors as well as from\n * a color picker.\n *\n * This meta-view is is made of two components (fragments):\n *\n * * {@link module:ui/colorselector/colorselectorview~ColorSelectorView#colorGridsFragmentView},\n * * {@link module:ui/colorselector/colorselectorview~ColorSelectorView#colorPickerFragmentView}.\n *\n * ```ts\n * const colorDefinitions = [\n * \t{ color: '#000', label: 'Black', options: { hasBorder: false } },\n * \t{ color: 'rgb(255, 255, 255)', label: 'White', options: { hasBorder: true } },\n * \t{ color: 'red', label: 'Red', options: { hasBorder: false } }\n * ];\n *\n * const selectorView = new ColorSelectorView( locale, {\n * \tcolors: colorDefinitions,\n * \tcolumns: 5,\n * \tremoveButtonLabel: 'Remove color',\n * \tdocumentColorsLabel: 'Document colors',\n * \tdocumentColorsCount: 4,\n * \tcolorPickerViewConfig: {\n * \t\tformat: 'hsl'\n * \t}\n * } );\n *\n * selectorView.appendUI();\n * selectorView.selectedColor = 'red';\n * selectorView.updateSelectedColors();\n *\n * selectorView.on<ColorSelectorExecuteEvent>( 'execute', ( evt, data ) => {\n * \tconsole.log( 'Color changed', data.value, data.source );\n * } );\n *\n * selectorView.on<ColorSelectorColorPickerShowEvent>( 'colorPicker:show', ( evt ) => {\n * \tconsole.log( 'Color picker showed up', evt );\n * } );\n *\n * selectorView.on<ColorSelectorColorPickerCancelEvent>( 'colorPicker:cancel', ( evt ) => {\n * \tconsole.log( 'Color picker cancel', evt );\n * } );\n *\n * selectorView.render();\n *\n * document.body.appendChild( selectorView.element );\n * ```\n */ class ColorSelectorView extends View {\n    /**\n\t * Tracks information about the DOM focus in the list.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * A collection of components.\n\t */ items;\n    /**\n\t * A fragment that allows users to select colors from the a predefined set and from existing document colors.\n\t */ colorGridsFragmentView;\n    /**\n\t * A fragment that allows users to select a color from a color picker.\n\t */ colorPickerFragmentView;\n    /**\n\t * Helps cycling over focusable {@link #items} in the list.\n\t *\n\t * @readonly\n\t */ _focusCycler;\n    /**\n\t * A collection of views that can be focused in the view.\n\t *\n\t * @readonly\n\t */ _focusables;\n    /**\n\t * The configuration of color picker sub-component.\n\t */ _colorPickerViewConfig;\n    /**\n\t * Creates a view to be inserted as a child of {@link module:ui/dropdown/dropdownview~DropdownView}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param options Constructor options.\n\t * @param options.colors An array with definitions of colors to be displayed in the table.\n\t * @param options.columns The number of columns in the color grid.\n\t * @param options.removeButtonLabel The label of the button responsible for removing the color.\n\t * @param options.colorPickerLabel The label of the button responsible for color picker appearing.\n\t * @param options.documentColorsLabel The label for the section with the document colors.\n\t * @param options.documentColorsCount The number of colors in the document colors section inside the color dropdown.\n\t * @param options.colorPickerViewConfig The configuration of color picker feature. If set to `false`, the color picker will be hidden.\n\t */ constructor(locale, { colors, columns, removeButtonLabel, documentColorsLabel, documentColorsCount, colorPickerLabel, colorPickerViewConfig }){\n        super(locale);\n        this.items = this.createCollection();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this._focusables = new ViewCollection();\n        this._colorPickerViewConfig = colorPickerViewConfig;\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate list items backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate list items forwards using the <kbd>Tab</kbd> key.\n                focusNext: 'tab'\n            }\n        });\n        this.colorGridsFragmentView = new ColorGridsFragmentView(locale, {\n            colors,\n            columns,\n            removeButtonLabel,\n            documentColorsLabel,\n            documentColorsCount,\n            colorPickerLabel,\n            focusTracker: this.focusTracker,\n            focusables: this._focusables\n        });\n        this.colorPickerFragmentView = new ColorPickerFragmentView(locale, {\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokes: this.keystrokes,\n            colorPickerViewConfig\n        });\n        this.set('_isColorGridsFragmentVisible', true);\n        this.set('_isColorPickerFragmentVisible', false);\n        this.set('selectedColor', undefined);\n        this.colorGridsFragmentView.bind('isVisible').to(this, '_isColorGridsFragmentVisible');\n        this.colorPickerFragmentView.bind('isVisible').to(this, '_isColorPickerFragmentVisible');\n        /**\n\t\t * This is kind of bindings. Unfortunately we could not use this.bind() method because the same property\n\t\t * cannot be bound twice. So this is work around how to bind 'selectedColor' property between components.\n\t\t */ this.on('change:selectedColor', (evt, evtName, data)=>{\n            this.colorGridsFragmentView.set('selectedColor', data);\n            this.colorPickerFragmentView.set('selectedColor', data);\n        });\n        this.colorGridsFragmentView.on('change:selectedColor', (evt, evtName, data)=>{\n            this.set('selectedColor', data);\n        });\n        this.colorPickerFragmentView.on('change:selectedColor', (evt, evtName, data)=>{\n            this.set('selectedColor', data);\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-color-selector'\n                ]\n            },\n            children: this.items\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Renders the internals of the component on demand:\n\t * * {@link #colorPickerFragmentView},\n\t * * {@link #colorGridsFragmentView}.\n\t *\n\t * It allows for deferring component initialization to improve the performance.\n\t *\n\t * See {@link #showColorPickerFragment}, {@link #showColorGridsFragment}.\n\t */ appendUI() {\n        this._appendColorGridsFragment();\n        if (this._colorPickerViewConfig) {\n            this._appendColorPickerFragment();\n        }\n    }\n    /**\n\t * Shows the {@link #colorPickerFragmentView} and hides the {@link #colorGridsFragmentView}.\n\t *\n\t * **Note**: It requires {@link #appendUI} to be called first.\n\t *\n\t * See {@link #showColorGridsFragment}, {@link ~ColorSelectorView#event:colorPicker:show}.\n\t */ showColorPickerFragment() {\n        if (!this.colorPickerFragmentView.colorPickerView || this._isColorPickerFragmentVisible) {\n            return;\n        }\n        this._isColorPickerFragmentVisible = true;\n        this.colorPickerFragmentView.focus();\n        this.colorPickerFragmentView.resetValidationStatus();\n        this._isColorGridsFragmentVisible = false;\n    }\n    /**\n\t * Shows the {@link #colorGridsFragmentView} and hides the {@link #colorPickerFragmentView}.\n\t *\n\t * See {@link #showColorPickerFragment}.\n\t *\n\t * **Note**: It requires {@link #appendUI} to be called first.\n\t */ showColorGridsFragment() {\n        if (this._isColorGridsFragmentVisible) {\n            return;\n        }\n        this._isColorGridsFragmentVisible = true;\n        this.colorGridsFragmentView.focus();\n        this._isColorPickerFragmentVisible = false;\n    }\n    /**\n\t * Focuses the first focusable element in {@link #items}.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Focuses the last focusable element in {@link #items}.\n\t */ focusLast() {\n        this._focusCycler.focusLast();\n    }\n    /**\n\t * Scans through the editor model and searches for text node attributes with the given `attributeName`.\n\t * Found entries are set as document colors in {@link #colorGridsFragmentView}.\n\t *\n\t * All the previously stored document colors will be lost in the process.\n\t *\n\t * @param model The model used as a source to obtain the document colors.\n\t * @param attributeName Determines the name of the related model's attribute for a given dropdown.\n\t */ updateDocumentColors(model, attributeName) {\n        this.colorGridsFragmentView.updateDocumentColors(model, attributeName);\n    }\n    /**\n\t * Refreshes the state of the selected color in one or both grids located in {@link #colorGridsFragmentView}.\n\t *\n\t * It guarantees that the selection will occur only in one of them.\n\t */ updateSelectedColors() {\n        this.colorGridsFragmentView.updateSelectedColors();\n    }\n    /**\n\t * Appends the view containing static and document color grid views.\n\t */ _appendColorGridsFragment() {\n        if (this.items.length) {\n            return;\n        }\n        this.items.add(this.colorGridsFragmentView);\n        this.colorGridsFragmentView.delegate('execute').to(this);\n        this.colorGridsFragmentView.delegate('colorPicker:show').to(this);\n    }\n    /**\n\t * Appends the view with the color picker.\n\t */ _appendColorPickerFragment() {\n        if (this.items.length === 2) {\n            return;\n        }\n        this.items.add(this.colorPickerFragmentView);\n        if (this.colorGridsFragmentView.colorPickerButtonView) {\n            this.colorGridsFragmentView.colorPickerButtonView.on('execute', ()=>{\n                this.showColorPickerFragment();\n            });\n        }\n        this.colorGridsFragmentView.addColorPickerButton();\n        this.colorPickerFragmentView.delegate('execute').to(this);\n        this.colorPickerFragmentView.delegate('colorPicker:cancel').to(this);\n    }\n}\n\n/**\n * A helper class implementing the UI component ({@link module:ui/view~View view}) factory.\n *\n * It allows functions producing specific UI components to be registered under their unique names\n * in the factory. A registered component can be then instantiated by providing its name.\n * Note that the names are case insensitive.\n *\n * ```ts\n * // The editor provides localization tools for the factory.\n * const factory = new ComponentFactory( editor );\n *\n * factory.add( 'foo', locale => new FooView( locale ) );\n * factory.add( 'bar', locale => new BarView( locale ) );\n *\n * // An instance of FooView.\n * const fooInstance = factory.create( 'foo' );\n *\n * // Names are case insensitive so this is also allowed:\n * const barInstance = factory.create( 'Bar' );\n * ```\n *\n * The {@link module:core/editor/editor~Editor#locale editor locale} is passed to the factory\n * function when {@link module:ui/componentfactory~ComponentFactory#create} is called.\n */ class ComponentFactory {\n    /**\n\t * The editor instance that the factory belongs to.\n\t */ editor;\n    /**\n\t * Registered component factories.\n\t */ _components = new Map();\n    /**\n\t * Creates an instance of the factory.\n\t *\n\t * @param editor The editor instance.\n\t */ constructor(editor){\n        this.editor = editor;\n    }\n    /**\n\t * Returns an iterator of registered component names. Names are returned in lower case.\n\t */ *names() {\n        for (const value of this._components.values()){\n            yield value.originalName;\n        }\n    }\n    /**\n\t * Registers a component factory function that will be used by the\n\t * {@link #create create} method and called with the\n\t * {@link module:core/editor/editor~Editor#locale editor locale} as an argument,\n\t * allowing localization of the {@link module:ui/view~View view}.\n\t *\n\t * @param name The name of the component.\n\t * @param callback The callback that returns the component.\n\t */ add(name, callback) {\n        this._components.set(getNormalized(name), {\n            callback,\n            originalName: name\n        });\n    }\n    /**\n\t * Creates an instance of a component registered in the factory under a specific name.\n\t *\n\t * When called, the {@link module:core/editor/editor~Editor#locale editor locale} is passed to\n\t * the previously {@link #add added} factory function, allowing localization of the\n\t * {@link module:ui/view~View view}.\n\t *\n\t * @param name The name of the component.\n\t * @returns The instantiated component view.\n\t */ create(name) {\n        if (!this.has(name)) {\n            /**\n\t\t\t * The required component is not registered in the component factory. Please make sure\n\t\t\t * the provided name is correct and the component has been correctly\n\t\t\t * {@link module:ui/componentfactory~ComponentFactory#add added} to the factory.\n\t\t\t *\n\t\t\t * @error componentfactory-item-missing\n\t\t\t * @param {string} name The name of the missing component.\n\t\t\t */ throw new CKEditorError('componentfactory-item-missing', this, {\n                name\n            });\n        }\n        return this._components.get(getNormalized(name)).callback(this.editor.locale);\n    }\n    /**\n\t * Checks if a component of a given name is registered in the factory.\n\t *\n\t * @param name The name of the component.\n\t */ has(name) {\n        return this._components.has(getNormalized(name));\n    }\n}\n/**\n * Ensures that the component name used as the key in the internal map is in lower case.\n */ function getNormalized(name) {\n    return String(name).toLowerCase();\n}\n\nconst BALLOON_CLASS = 'ck-tooltip';\n/**\n * A tooltip manager class for the UI of the editor.\n *\n * **Note**: Most likely you do not have to use the `TooltipManager` API listed below in order to display tooltips. Popular\n * {@glink framework/architecture/ui-library UI components} support tooltips out-of-the-box via observable properties\n * (see {@link module:ui/button/buttonview~ButtonView#tooltip} and {@link module:ui/button/buttonview~ButtonView#tooltipPosition}).\n *\n * # Displaying tooltips\n *\n * To display a tooltip, set `data-cke-tooltip-text` attribute on any DOM element:\n *\n * ```ts\n * domElement.dataset.ckeTooltipText = 'My tooltip';\n * ```\n *\n * The tooltip will show up whenever the user moves the mouse over the element or the element gets focus in DOM.\n *\n * # Positioning tooltips\n *\n * To change the position of the tooltip, use the `data-cke-tooltip-position` attribute (`s`, `se`, `sw`, `n`, `e`, or `w`):\n *\n * ```ts\n * domElement.dataset.ckeTooltipText = 'Tooltip to the north';\n * domElement.dataset.ckeTooltipPosition = 'n';\n * ```\n *\n * # Disabling tooltips\n *\n * In order to disable the tooltip temporarily, use the `data-cke-tooltip-disabled` attribute:\n *\n * ```ts\n * domElement.dataset.ckeTooltipText = 'Disabled. For now.';\n * domElement.dataset.ckeTooltipDisabled = 'true';\n * ```\n *\n * # Instant tooltips\n *\n * To remove the delay before showing or hiding the tooltip, use the `data-cke-tooltip-instant` attribute:\n *\n * ```ts\n * domElement.dataset.ckeTooltipInstant = 'true';\n * ```\n *\n * # Styling tooltips\n *\n * By default, the tooltip has `.ck-tooltip` class and its text inner `.ck-tooltip__text`.\n *\n * If your tooltip requires custom styling, using `data-cke-tooltip-class` attribute will add additional class to the balloon\n * displaying the tooltip:\n *\n * ```ts\n * domElement.dataset.ckeTooltipText = 'Tooltip with a red text';\n * domElement.dataset.ckeTooltipClass = 'my-class';\n * ```\n *\n * ```css\n * .ck.ck-tooltip.my-class { color: red }\n * ```\n *\n * **Note**: This class is a singleton. All editor instances re-use the same instance loaded by\n * {@link module:ui/editorui/editorui~EditorUI} of the first editor.\n */ class TooltipManager extends /* #__PURE__ */ DomEmitterMixin() {\n    /**\n\t * The view rendering text of the tooltip.\n\t */ tooltipTextView;\n    /**\n\t * The instance of the balloon panel that renders and positions the tooltip.\n\t */ balloonPanelView;\n    /**\n\t * A set of default {@link module:utils/dom/position~PositioningFunction positioning functions} used by the `TooltipManager`\n\t * to pin tooltips in different positions.\n\t */ static defaultBalloonPositions = /* #__PURE__ */ BalloonPanelView.generatePositions({\n        heightOffset: 5,\n        sideOffset: 13\n    });\n    /**\n\t * Stores the reference to the DOM element the tooltip is attached to. `null` when there's no tooltip\n\t * in the UI.\n\t */ _currentElementWithTooltip = null;\n    /**\n\t * Stores the current tooltip position. `null` when there's no tooltip in the UI.\n\t */ _currentTooltipPosition = null;\n    /**\n\t * An instance of the mutation observer that keeps track on target element attributes changes.\n\t */ _mutationObserver = null;\n    /**\n\t * A debounced version of {@link #_pinTooltip}. Tooltips show with a delay to avoid flashing and\n\t * to improve the UX.\n\t */ _pinTooltipDebounced;\n    /**\n\t * A debounced version of {@link #_unpinTooltip}. Tooltips hide with a delay to allow hovering of their titles.\n\t */ _unpinTooltipDebounced;\n    _watchdogExcluded;\n    /**\n\t * A set of editors the single tooltip manager instance must listen to.\n\t * This is mostly to handle `EditorUI#update` listeners from individual editors.\n\t */ static _editors = new Set();\n    /**\n\t * A reference to the `TooltipManager` instance. The class is a singleton and as such,\n\t * successive attempts at creating instances should return this instance.\n\t */ static _instance = null;\n    /**\n\t * Creates an instance of the tooltip manager.\n\t */ constructor(editor){\n        super();\n        TooltipManager._editors.add(editor);\n        // TooltipManager must be a singleton. Multiple instances would mean multiple tooltips attached\n        // to the same DOM element with data-cke-tooltip-* attributes.\n        if (TooltipManager._instance) {\n            return TooltipManager._instance;\n        }\n        TooltipManager._instance = this;\n        this.tooltipTextView = new View(editor.locale);\n        this.tooltipTextView.set('text', '');\n        this.tooltipTextView.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-tooltip__text'\n                ]\n            },\n            children: [\n                {\n                    text: this.tooltipTextView.bindTemplate.to('text')\n                }\n            ]\n        });\n        this.balloonPanelView = new BalloonPanelView(editor.locale);\n        this.balloonPanelView.class = BALLOON_CLASS;\n        this.balloonPanelView.content.add(this.tooltipTextView);\n        this._mutationObserver = createMutationObserver(()=>{\n            this._updateTooltipPosition();\n        });\n        this._pinTooltipDebounced = debounce(this._pinTooltip, 600);\n        this._unpinTooltipDebounced = debounce(this._unpinTooltip, 400);\n        this.listenTo(global.document, 'keydown', this._onKeyDown.bind(this), {\n            useCapture: true\n        });\n        this.listenTo(global.document, 'mouseenter', this._onEnterOrFocus.bind(this), {\n            useCapture: true\n        });\n        this.listenTo(global.document, 'mouseleave', this._onLeaveOrBlur.bind(this), {\n            useCapture: true\n        });\n        this.listenTo(global.document, 'focus', this._onEnterOrFocus.bind(this), {\n            useCapture: true\n        });\n        this.listenTo(global.document, 'blur', this._onLeaveOrBlur.bind(this), {\n            useCapture: true\n        });\n        this.listenTo(global.document, 'scroll', this._onScroll.bind(this), {\n            useCapture: true\n        });\n        // Because this class is a singleton, its only instance is shared across all editors and connects them through the reference.\n        // This causes issues with the ContextWatchdog. When an error is thrown in one editor, the watchdog traverses the references\n        // and (because of shared tooltip manager) figures that the error affects all editors and restarts them all.\n        // This flag, excludes tooltip manager instance from the traversal and brings ContextWatchdog back to normal.\n        // More in https://github.com/ckeditor/ckeditor5/issues/12292.\n        this._watchdogExcluded = true;\n    }\n    /**\n\t * Destroys the tooltip manager.\n\t *\n\t * **Note**: The manager singleton cannot be destroyed until all editors that use it are destroyed.\n\t *\n\t * @param editor The editor the manager was created for.\n\t */ destroy(editor) {\n        const editorBodyViewCollection = editor.ui.view && editor.ui.view.body;\n        TooltipManager._editors.delete(editor);\n        this.stopListening(editor.ui);\n        // Prevent the balloon panel from being destroyed in the EditorUI#destroy() cascade. It should be destroyed along\n        // with the last editor only (https://github.com/ckeditor/ckeditor5/issues/12602).\n        if (editorBodyViewCollection && editorBodyViewCollection.has(this.balloonPanelView)) {\n            editorBodyViewCollection.remove(this.balloonPanelView);\n        }\n        if (!TooltipManager._editors.size) {\n            this._unpinTooltip();\n            this.balloonPanelView.destroy();\n            this.stopListening();\n            TooltipManager._instance = null;\n        }\n    }\n    /**\n\t * Returns {@link #balloonPanelView} {@link module:utils/dom/position~PositioningFunction positioning functions} for a given position\n\t * name.\n\t *\n\t * @param position Name of the position (`s`, `se`, `sw`, `n`, `e`, or `w`).\n\t * @returns Positioning functions to be used by the {@link #balloonPanelView}.\n\t */ static getPositioningFunctions(position) {\n        const defaultPositions = TooltipManager.defaultBalloonPositions;\n        return ({\n            // South is most popular. We can use positioning heuristics to avoid clipping by the viewport with the sane fallback.\n            s: [\n                defaultPositions.southArrowNorth,\n                defaultPositions.southArrowNorthEast,\n                defaultPositions.southArrowNorthWest\n            ],\n            n: [\n                defaultPositions.northArrowSouth\n            ],\n            e: [\n                defaultPositions.eastArrowWest\n            ],\n            w: [\n                defaultPositions.westArrowEast\n            ],\n            sw: [\n                defaultPositions.southArrowNorthEast\n            ],\n            se: [\n                defaultPositions.southArrowNorthWest\n            ]\n        })[position];\n    }\n    /**\n\t * Handles hiding tooltips on `keydown` in DOM.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param domEvent The DOM event.\n\t */ _onKeyDown(evt, domEvent) {\n        if (domEvent.key === 'Escape' && this._currentElementWithTooltip) {\n            this._unpinTooltip();\n            domEvent.stopPropagation();\n        }\n    }\n    /**\n\t * Handles displaying tooltips on `mouseenter` and `focus` in DOM.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param domEvent The DOM event.\n\t */ _onEnterOrFocus(evt, { target }) {\n        const elementWithTooltipAttribute = getDescendantWithTooltip(target);\n        // Abort when there's no descendant needing tooltip.\n        if (!elementWithTooltipAttribute) {\n            // Unpin if element is focused, regardless of whether it contains a label or not.\n            // It also prevents tooltips from overlapping the menu bar\n            if (evt.name === 'focus') {\n                this._unpinTooltip();\n            }\n            return;\n        }\n        // Abort to avoid flashing when, for instance:\n        // * a tooltip is displayed for a focused element, then the same element gets mouseentered,\n        // * a tooltip is displayed for an element via mouseenter, then the focus moves to the same element.\n        if (elementWithTooltipAttribute === this._currentElementWithTooltip) {\n            this._unpinTooltipDebounced.cancel();\n            return;\n        }\n        this._unpinTooltip();\n        // The tooltip should be pinned immediately when the element gets focused using keyboard.\n        // If it is focused using the mouse, the tooltip should be pinned after a delay to prevent flashing.\n        // See https://github.com/ckeditor/ckeditor5/issues/16383\n        // Also, if the element has an attribute `data-cke-tooltip-instant`, the tooltip should be pinned immediately.\n        // This is useful for elements that have their content partially hidden (e.g. a long text in a small container)\n        // and should show a tooltip on hover, like merge field.\n        if (evt.name === 'focus' && !elementWithTooltipAttribute.matches(':hover') || elementWithTooltipAttribute.matches('[data-cke-tooltip-instant]')) {\n            this._pinTooltip(elementWithTooltipAttribute, getTooltipData(elementWithTooltipAttribute));\n        } else {\n            this._pinTooltipDebounced(elementWithTooltipAttribute, getTooltipData(elementWithTooltipAttribute));\n        }\n    }\n    /**\n\t * Handles hiding tooltips on `mouseleave` and `blur` in DOM.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param domEvent The DOM event.\n\t */ _onLeaveOrBlur(evt, { target, relatedTarget }) {\n        if (evt.name === 'mouseleave') {\n            // Don't act when the event does not concern a DOM element (e.g. a mouseleave out of an entire document),\n            if (!isElement(target)) {\n                return;\n            }\n            const balloonElement = this.balloonPanelView.element;\n            const isEnteringBalloon = balloonElement && (balloonElement === relatedTarget || balloonElement.contains(relatedTarget));\n            const isLeavingBalloon = !isEnteringBalloon && target === balloonElement;\n            // Do not hide the tooltip when the user moves the cursor over it.\n            if (isEnteringBalloon) {\n                this._unpinTooltipDebounced.cancel();\n                return;\n            }\n            // If a tooltip is currently visible, don't act for a targets other than the one it is attached to.\n            // The only exception is leaving balloon, in this scenario tooltip should be closed.\n            // For instance, a random mouseleave far away in the page should not unpin the tooltip that was pinned because\n            // of a previous focus. Only leaving the same element should hide the tooltip.\n            if (!isLeavingBalloon && this._currentElementWithTooltip && target !== this._currentElementWithTooltip) {\n                return;\n            }\n            const descendantWithTooltip = getDescendantWithTooltip(target);\n            const relatedDescendantWithTooltip = getDescendantWithTooltip(relatedTarget);\n            // Unpin when the mouse was leaving element with a tooltip to a place which does not have or has a different tooltip.\n            // Note that this should happen whether the tooltip is already visible or not, for instance,\n            // it could be invisible but queued (debounced): it should get canceled.\n            if (isLeavingBalloon || descendantWithTooltip && descendantWithTooltip !== relatedDescendantWithTooltip) {\n                this._pinTooltipDebounced.cancel();\n                // If the currently visible tooltip is instant, unpin it immediately.\n                if (this._currentElementWithTooltip && this._currentElementWithTooltip.matches('[data-cke-tooltip-instant]') || descendantWithTooltip && descendantWithTooltip.matches('[data-cke-tooltip-instant]')) {\n                    this._unpinTooltip();\n                } else {\n                    this._unpinTooltipDebounced();\n                }\n            }\n        } else {\n            // If a tooltip is currently visible, don't act for a targets other than the one it is attached to.\n            // For instance, a random blur in the web page should not unpin the tooltip that was pinned because of a previous mouseenter.\n            if (this._currentElementWithTooltip && target !== this._currentElementWithTooltip) {\n                return;\n            }\n            // Note that unpinning should happen whether the tooltip is already visible or not, for instance, it could be invisible but\n            // queued (debounced): it should get canceled (e.g. quick focus then quick blur using the keyboard).\n            this._pinTooltipDebounced.cancel();\n            this._unpinTooltipDebounced();\n        }\n    }\n    /**\n\t * Handles hiding tooltips on `scroll` in DOM.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param domEvent The DOM event.\n\t */ _onScroll(evt, { target }) {\n        // No tooltip, no reason to react on scroll.\n        if (!this._currentElementWithTooltip) {\n            return;\n        }\n        // When scrolling a container that has both the balloon and the current element (common ancestor), the balloon can remain\n        // visible (e.g. scrolling ≤body>). Otherwise, to avoid glitches (clipping, lagging) better just hide the tooltip.\n        // Also, don't do anything when scrolling an unrelated DOM element that has nothing to do with the current element and the balloon.\n        if (target.contains(this.balloonPanelView.element) && target.contains(this._currentElementWithTooltip)) {\n            return;\n        }\n        this._unpinTooltip();\n    }\n    /**\n\t * Pins the tooltip to a specific DOM element.\n\t *\n\t * @param targetDomElement Element to be pinned to.\n\t * @param options Options for the tooltip.\n\t * @param options.text Text of the tooltip to display.\n\t * @param options.position The position of the tooltip.\n\t * @param options.cssClass Additional CSS class of the balloon with the tooltip.\n\t */ _pinTooltip(targetDomElement, { text, position, cssClass }) {\n        this._unpinTooltip();\n        // Use the body collection of the first editor.\n        const bodyViewCollection = first(TooltipManager._editors.values()).ui.view.body;\n        if (!bodyViewCollection.has(this.balloonPanelView)) {\n            bodyViewCollection.add(this.balloonPanelView);\n        }\n        this.tooltipTextView.text = text;\n        this.balloonPanelView.class = [\n            BALLOON_CLASS,\n            cssClass\n        ].filter((className)=>className).join(' ');\n        // Ensure that all changes to the tooltip are set before pinning it.\n        // Setting class or text after pinning can cause the tooltip to be pinned in the wrong position.\n        // It happens especially often when tooltip has class modified (like adding `ck-tooltip_multi-line`).\n        // See https://github.com/ckeditor/ckeditor5/issues/16365\n        this.balloonPanelView.pin({\n            target: targetDomElement,\n            positions: TooltipManager.getPositioningFunctions(position)\n        });\n        this._mutationObserver.attach(targetDomElement);\n        // Start responding to changes in editor UI or content layout. For instance, when collaborators change content\n        // and a contextual toolbar attached to a content starts to move (and so should move the tooltip).\n        // Note: Using low priority to let other listeners that position contextual toolbars etc. to react first.\n        for (const editor of TooltipManager._editors){\n            this.listenTo(editor.ui, 'update', this._updateTooltipPosition.bind(this), {\n                priority: 'low'\n            });\n        }\n        this._currentElementWithTooltip = targetDomElement;\n        this._currentTooltipPosition = position;\n    }\n    /**\n\t * Unpins the tooltip and cancels all queued pinning.\n\t */ _unpinTooltip() {\n        this._unpinTooltipDebounced.cancel();\n        this._pinTooltipDebounced.cancel();\n        this.balloonPanelView.unpin();\n        for (const editor of TooltipManager._editors){\n            this.stopListening(editor.ui, 'update');\n        }\n        this._currentElementWithTooltip = null;\n        this._currentTooltipPosition = null;\n        this.tooltipTextView.text = '';\n        this._mutationObserver.detach();\n    }\n    /**\n\t * Updates the position of the tooltip so it stays in sync with the element it is pinned to.\n\t *\n\t * Hides the tooltip when the element is no longer visible in DOM or the tooltip text was removed.\n\t */ _updateTooltipPosition() {\n        // The tooltip might get removed by focus listener triggered by the same UI `update` event.\n        // See https://github.com/ckeditor/ckeditor5/pull/16363.\n        if (!this._currentElementWithTooltip) {\n            return;\n        }\n        const tooltipData = getTooltipData(this._currentElementWithTooltip);\n        // This could happen if the tooltip was attached somewhere in a contextual content toolbar and the toolbar\n        // disappeared (e.g. removed an image), or the tooltip text was removed.\n        if (!isVisible(this._currentElementWithTooltip) || !tooltipData.text) {\n            this._unpinTooltip();\n            return;\n        }\n        this.balloonPanelView.pin({\n            target: this._currentElementWithTooltip,\n            positions: TooltipManager.getPositioningFunctions(tooltipData.position)\n        });\n    }\n}\nfunction getDescendantWithTooltip(element) {\n    if (!isElement(element)) {\n        return null;\n    }\n    return element.closest('[data-cke-tooltip-text]:not([data-cke-tooltip-disabled])');\n}\nfunction getTooltipData(element) {\n    return {\n        text: element.dataset.ckeTooltipText,\n        position: element.dataset.ckeTooltipPosition || 's',\n        cssClass: element.dataset.ckeTooltipClass || ''\n    };\n}\n// Creates a simple `MutationObserver` instance wrapper that observes changes in the tooltip-related attributes of the given element.\n// Used instead of the `MutationObserver` from the engine for simplicity.\nfunction createMutationObserver(callback) {\n    const mutationObserver = new MutationObserver(()=>{\n        callback();\n    });\n    return {\n        attach (element) {\n            mutationObserver.observe(element, {\n                attributes: true,\n                attributeFilter: [\n                    'data-cke-tooltip-text',\n                    'data-cke-tooltip-position'\n                ]\n            });\n        },\n        detach () {\n            mutationObserver.disconnect();\n        }\n    };\n}\n\n/**\n * A helper that enables the \"evaluation badge\" feature in the editor at the bottom of the editable element\n * (editor root, source editing area, etc.) when the editor is focused.\n *\n * @private\n */ class EvaluationBadge extends Badge {\n    licenseTypeMessage = {\n        evaluation: 'For evaluation purposes only',\n        trial: 'For evaluation purposes only',\n        development: 'For development purposes only'\n    };\n    constructor(editor){\n        super(editor, {\n            balloonClass: 'ck-evaluation-badge-balloon'\n        });\n    }\n    /**\n\t * Enables \"evaluation badge\" label.\n\t */ _isEnabled() {\n        const editor = this.editor;\n        const licenseKey = editor.config.get('licenseKey');\n        const licenseType = getLicenseTypeFromLicenseKey(licenseKey);\n        return Boolean(licenseType && this.licenseTypeMessage[licenseType]);\n    }\n    /**\n\t * Creates the content of the \"evaluation badge\".\n\t */ _createBadgeContent() {\n        const licenseKey = this.editor.config.get('licenseKey');\n        const licenseType = getLicenseTypeFromLicenseKey(licenseKey);\n        return new EvaluationBadgeView(this.editor.locale, this.licenseTypeMessage[licenseType]);\n    }\n    /**\n\t * Returns the normalized configuration for the \"evaluation badge\".\n\t * It takes 'ui.poweredBy' configuration into account to determine the badge position and side.\n\t */ _getNormalizedConfig() {\n        const badgeConfig = super._getNormalizedConfig();\n        const userConfig = this.editor.config.get('ui.poweredBy') || {};\n        const position = userConfig.position || badgeConfig.position;\n        const poweredBySide = userConfig.side || badgeConfig.side;\n        return {\n            position,\n            side: poweredBySide === 'left' ? 'right' : 'left',\n            verticalOffset: badgeConfig.verticalOffset,\n            horizontalOffset: badgeConfig.horizontalOffset\n        };\n    }\n}\n/**\n * A view displaying the \"evaluation badge\".\n */ class EvaluationBadgeView extends View {\n    /**\n\t * Creates an instance of the \"evaluation badge\" view.\n\t *\n\t * @param locale The localization services instance.\n\t * @param label The label text.\n\t */ constructor(locale, label){\n        super(locale);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-evaluation-badge'\n                ],\n                'aria-hidden': true\n            },\n            children: [\n                {\n                    tag: 'span',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-evaluation-badge__label'\n                        ]\n                    },\n                    children: [\n                        label\n                    ]\n                }\n            ]\n        });\n    }\n}\n/**\n * Returns the license type based on the license key.\n */ function getLicenseTypeFromLicenseKey(licenseKey) {\n    if (licenseKey == 'GPL') {\n        return 'GPL';\n    }\n    const licenseContent = parseBase64EncodedObject(licenseKey.split('.')[1]);\n    if (!licenseContent) {\n        return null;\n    }\n    return licenseContent.licenseType || 'production';\n}\n\n/**\n * A menu bar list item view, a child of {@link module:ui/menubar/menubarmenulistview~MenuBarMenuListView}.\n *\n * Populate this item with a {@link module:ui/menubar/menubarmenulistitembuttonview~MenuBarMenuListItemButtonView} instance\n * or a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} instance to create a sub-menu.\n */ class MenuBarMenuListItemView extends ListItemView {\n    /**\n\t * Creates an instance of the list item view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale, parentMenuView){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-menu-bar__menu__item'\n                ]\n            },\n            on: {\n                'mouseenter': bind.to('mouseenter')\n            }\n        });\n        this.delegate('mouseenter').to(parentMenuView);\n    }\n}\n\nconst NESTED_PANEL_HORIZONTAL_OFFSET = 5;\n/**\n * Behaviors of the {@link module:ui/menubar/menubarview~MenuBarView} component.\n * @internal\n */ const MenuBarBehaviors = {\n    /**\n\t * When the bar is already open:\n\t * * Opens the menu when the user hovers over its button.\n\t * * Closes open menu when another menu's button gets hovered.\n\t */ toggleMenusAndFocusItemsOnHover (menuBarView) {\n        menuBarView.on('menu:mouseenter', (evt)=>{\n            // This behavior should be activated when one of condition is present:\n            // 1. The user opened any submenu of menubar and hover over items in the menu bar.\n            // 2. The user focused whole menubar using keyboard interaction and enabled focus borders and hover over items in the menu bar.\n            if (!menuBarView.isFocusBorderEnabled && !menuBarView.isOpen) {\n                return;\n            }\n            if (menuBarView.isOpen) {\n                for (const menuView of menuBarView.menus){\n                    // @if CK_DEBUG_MENU_BAR // const wasOpen = menuView.isOpen;\n                    const pathLeaf = evt.path[0];\n                    const isListItemContainingMenu = pathLeaf instanceof MenuBarMenuListItemView && pathLeaf.children.first === menuView;\n                    menuView.isOpen = (evt.path.includes(menuView) || isListItemContainingMenu) && menuView.isEnabled;\n                // @if CK_DEBUG_MENU_BAR // if ( wasOpen !== menuView.isOpen ) {\n                // @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] toggleMenusAndFocusItemsOnHover(): Toggle',\n                // @if CK_DEBUG_MENU_BAR // \tlogMenu( menuView ), 'isOpen', menuView.isOpen\n                // @if CK_DEBUG_MENU_BAR // );\n                // @if CK_DEBUG_MENU_BAR // }\n                }\n            }\n            evt.source.focus();\n        });\n    },\n    /**\n\t * Moves between top-level menus using the arrow left and right keys.\n\t *\n\t * If the menubar has already been open, the arrow keys move focus between top-level menu buttons and open them.\n\t * If the menubar is closed, the arrow keys only move focus between top-level menu buttons.\n\t */ focusCycleMenusOnArrows (menuBarView) {\n        const isContentRTL = menuBarView.locale.uiLanguageDirection === 'rtl';\n        menuBarView.on('menu:arrowright', (evt)=>{\n            cycleTopLevelMenus(evt.source, isContentRTL ? -1 : 1);\n        });\n        menuBarView.on('menu:arrowleft', (evt)=>{\n            cycleTopLevelMenus(evt.source, isContentRTL ? 1 : -1);\n        });\n        function cycleTopLevelMenus(currentMenuView, step) {\n            const currentIndex = menuBarView.children.getIndex(currentMenuView);\n            const isCurrentMenuViewOpen = currentMenuView.isOpen;\n            const menusCount = menuBarView.children.length;\n            const menuViewToOpen = menuBarView.children.get((currentIndex + menusCount + step) % menusCount);\n            currentMenuView.isOpen = false;\n            if (isCurrentMenuViewOpen) {\n                menuViewToOpen.isOpen = true;\n            }\n            menuViewToOpen.buttonView.focus();\n        }\n    },\n    /**\n\t * Closes the entire sub-menu structure when the bar is closed. This prevents sub-menus from being open if the user\n\t * closes the entire bar, and then re-opens some top-level menu.\n\t */ closeMenusWhenTheBarCloses (menuBarView) {\n        menuBarView.on('change:isOpen', ()=>{\n            if (!menuBarView.isOpen) {\n                menuBarView.menus.forEach((menuView)=>{\n                    menuView.isOpen = false;\n                // @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] closeMenusWhenTheBarCloses(): Closing', logMenu( menuView ) );\n                });\n            }\n        });\n    },\n    /**\n\t * Handles the following case:\n\t * 1. Hover to open a sub-menu (A). The button has focus.\n\t * 2. Press arrow up/down to move focus to another sub-menu (B) button.\n\t * 3. Press arrow right to open the sub-menu (B).\n\t * 4. The sub-menu (A) should close as it would with `toggleMenusAndFocusItemsOnHover()`.\n\t */ closeMenuWhenAnotherOnTheSameLevelOpens (menuBarView) {\n        menuBarView.on('menu:change:isOpen', (evt, name, isOpen)=>{\n            if (isOpen) {\n                menuBarView.menus.filter((menuView)=>{\n                    return evt.source.parentMenuView === menuView.parentMenuView && evt.source !== menuView && menuView.isOpen;\n                }).forEach((menuView)=>{\n                    menuView.isOpen = false;\n                // @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] closeMenuWhenAnotherOpens(): Closing', logMenu( menuView ) );\n                });\n            }\n        });\n    },\n    /**\n\t * Closes the bar when the user clicked outside of it (page body, editor root, etc.).\n\t */ closeOnClickOutside (menuBarView) {\n        clickOutsideHandler({\n            emitter: menuBarView,\n            activator: ()=>menuBarView.isOpen,\n            callback: ()=>menuBarView.close(),\n            contextElements: ()=>menuBarView.children.map((child)=>child.element)\n        });\n    },\n    /**\n\t * Tracks the keyboard focus interaction on the menu bar view. It is used to determine if the nested items\n\t * of the menu bar should render focus rings after first interaction with the keyboard.\n\t */ enableFocusHighlightOnInteraction (menuBarView) {\n        let isKeyPressed = false;\n        menuBarView.on('change:isOpen', (_, evt, isOpen)=>{\n            if (!isOpen) {\n                // Keep the focus border if the menu bar was closed by a keyboard interaction (Esc key).\n                // The user remains in the keyboard navigation mode and can traverse the main categories.\n                // See https://github.com/ckeditor/ckeditor5/issues/16719.\n                if (!isKeyPressed) {\n                    menuBarView.isFocusBorderEnabled = false;\n                }\n                // Reset the flag when the menu bar is closed, menu items tend to intercept `keyup` event\n                // and sometimes, after pressing `enter` on focused item, `isKeyPressed` stuck in `true` state.\n                isKeyPressed = false;\n            }\n        });\n        menuBarView.listenTo(menuBarView.element, 'keydown', ()=>{\n            isKeyPressed = true;\n        }, {\n            useCapture: true\n        });\n        menuBarView.listenTo(menuBarView.element, 'keyup', ()=>{\n            isKeyPressed = false;\n        }, {\n            useCapture: true\n        });\n        menuBarView.listenTo(menuBarView.element, 'focus', ()=>{\n            if (isKeyPressed) {\n                menuBarView.isFocusBorderEnabled = true;\n            }\n        }, {\n            useCapture: true\n        });\n    }\n};\n/**\n * Behaviors of the {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} component.\n * @internal\n */ const MenuBarMenuBehaviors = {\n    /**\n\t * If the button of the menu is focused, pressing the arrow down key should open the panel and focus it.\n\t * This is analogous to the {@link module:ui/dropdown/dropdownview~DropdownView}.\n\t */ openAndFocusPanelOnArrowDownKey (menuView) {\n        menuView.keystrokes.set('arrowdown', (data, cancel)=>{\n            if (menuView.isEnabled && menuView.focusTracker.focusedElement === menuView.buttonView.element) {\n                if (!menuView.isOpen) {\n                    menuView.isOpen = true;\n                }\n                menuView.panelView.focus();\n                cancel();\n            }\n        });\n    },\n    /**\n\t * Open the menu on the right arrow key press. This allows for navigating to sub-menus using the keyboard.\n\t */ openOnArrowRightKey (menuView) {\n        const keystroke = menuView.locale.uiLanguageDirection === 'rtl' ? 'arrowleft' : 'arrowright';\n        menuView.keystrokes.set(keystroke, (data, cancel)=>{\n            if (menuView.focusTracker.focusedElement !== menuView.buttonView.element || !menuView.isEnabled) {\n                return;\n            }\n            // @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] openOnArrowRightKey(): Opening', logMenu( menuView ) );\n            if (!menuView.isOpen) {\n                menuView.isOpen = true;\n            }\n            menuView.panelView.focus();\n            cancel();\n        });\n    },\n    /**\n\t * Opens the menu on its button click. Note that this behavior only opens but never closes the menu (unlike\n\t * {@link module:ui/dropdown/dropdownview~DropdownView}).\n\t */ openOnButtonClick (menuView) {\n        menuView.buttonView.on('execute', ()=>{\n            menuView.isOpen = true;\n        });\n    },\n    /**\n\t * Toggles the menu on its button click. This behavior is analogous to {@link module:ui/dropdown/dropdownview~DropdownView}.\n\t */ toggleOnButtonClick (menuView) {\n        menuView.buttonView.on('execute', ()=>{\n            menuView.isOpen = !menuView.isOpen;\n        });\n    },\n    /**\n\t * Opens the menu and focuses the panel content upon pressing the Enter key.\n\t */ openAndFocusOnEnterKeyPress (menuView) {\n        menuView.keystrokes.set('enter', (data, cancel)=>{\n            // Engage only for Enter key press when the button is focused. The panel can contain\n            // other UI components and features that rely on the Enter key press.\n            if (menuView.focusTracker.focusedElement !== menuView.buttonView.element) {\n                return;\n            }\n            menuView.isOpen = true;\n            menuView.panelView.focus();\n            cancel();\n        });\n    },\n    /**\n\t * Closes the menu on the right left key press. This allows for navigating to sub-menus using the keyboard.\n\t */ closeOnArrowLeftKey (menuView) {\n        const keystroke = menuView.locale.uiLanguageDirection === 'rtl' ? 'arrowright' : 'arrowleft';\n        menuView.keystrokes.set(keystroke, (data, cancel)=>{\n            if (menuView.isOpen) {\n                menuView.isOpen = false;\n                menuView.focus();\n                cancel();\n            }\n        });\n    },\n    /**\n\t * Closes the menu on the esc key press. This allows for navigating to sub-menus using the keyboard.\n\t */ closeOnEscKey (menuView) {\n        menuView.keystrokes.set('esc', (data, cancel)=>{\n            if (menuView.isOpen) {\n                menuView.isOpen = false;\n                menuView.focus();\n                cancel();\n            }\n        });\n    },\n    /**\n\t * Closes the menu when its parent menu also closed. This prevents from orphaned open menus when the parent menu re-opens.\n\t */ closeOnParentClose (menuView) {\n        menuView.parentMenuView.on('change:isOpen', (evt, name, isOpen)=>{\n            if (!isOpen && evt.source === menuView.parentMenuView) {\n                // @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] closeOnParentClose(): Closing', logMenu( menuView ) );\n                menuView.isOpen = false;\n            }\n        });\n    }\n};\n// @if CK_DEBUG_MENU_BAR // function logMenu( menuView: MenuBarMenuView ) {\n// @if CK_DEBUG_MENU_BAR //\treturn `\"${ menuView.buttonView.label }\"`;\n// @if CK_DEBUG_MENU_BAR // }\n/**\n * Contains every positioning function used by {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} that decides where the\n * {@link module:ui/menubar/menubarmenuview~MenuBarMenuView#panelView} should be placed.\n *\n * Top-level menu positioning functions:\n *\n *\t┌──────┐\n *\t│      │\n *\t├──────┴────────┐\n *\t│               │\n *\t│               │\n *\t│               │\n *\t│            SE │\n *\t└───────────────┘\n *\n *\t         ┌──────┐\n *\t         │      │\n *\t┌────────┴──────┤\n *\t│               │\n *\t│               │\n *\t│               │\n *\t│ SW            │\n *\t└───────────────┘\n *\n *\t┌───────────────┐\n *\t│ NW            │\n *\t│               │\n *\t│               │\n *\t│               │\n *\t└────────┬──────┤\n *\t         │      │\n *\t         └──────┘\n *\n *\t┌───────────────┐\n *\t│            NE │\n *\t│               │\n *\t│               │\n *\t│               │\n *\t├──────┬────────┘\n *\t│      │\n *\t└──────┘\n *\n * Sub-menu positioning functions:\n *\n *\t┌──────┬───────────────┐\n *\t│      │               │\n *\t└──────┤               │\n *\t       │               │\n *\t       │            ES │\n *\t       └───────────────┘\n *\n *\t┌───────────────┬──────┐\n *\t│               │      │\n *\t│               ├──────┘\n *\t│               │\n *\t│ WS            │\n *\t└───────────────┘\n *\n *\t       ┌───────────────┐\n *\t       │            EN │\n *\t       │               │\n *\t┌──────┤               │\n *\t│      │               │\n *\t└──────┴───────────────┘\n *\n *\t┌───────────────┐\n *\t│ WN            │\n *\t│               │\n *\t│               ├──────┐\n *\t│               │      │\n *\t└───────────────┴──────┘\n */ /**\n * @internal\n */ const MenuBarMenuViewPanelPositioningFunctions = {\n    southEast: (buttonRect)=>{\n        return {\n            top: buttonRect.bottom,\n            left: buttonRect.left,\n            name: 'se'\n        };\n    },\n    southWest: (buttonRect, panelRect)=>{\n        return {\n            top: buttonRect.bottom,\n            left: buttonRect.left - panelRect.width + buttonRect.width,\n            name: 'sw'\n        };\n    },\n    northEast: (buttonRect, panelRect)=>{\n        return {\n            top: buttonRect.top - panelRect.height,\n            left: buttonRect.left,\n            name: 'ne'\n        };\n    },\n    northWest: (buttonRect, panelRect)=>{\n        return {\n            top: buttonRect.top - panelRect.height,\n            left: buttonRect.left - panelRect.width + buttonRect.width,\n            name: 'nw'\n        };\n    },\n    eastSouth: (buttonRect)=>{\n        return {\n            top: buttonRect.top,\n            left: buttonRect.right - NESTED_PANEL_HORIZONTAL_OFFSET,\n            name: 'es'\n        };\n    },\n    eastNorth: (buttonRect, panelRect)=>{\n        return {\n            top: buttonRect.top - panelRect.height,\n            left: buttonRect.right - NESTED_PANEL_HORIZONTAL_OFFSET,\n            name: 'en'\n        };\n    },\n    westSouth: (buttonRect, panelRect)=>{\n        return {\n            top: buttonRect.top,\n            left: buttonRect.left - panelRect.width + NESTED_PANEL_HORIZONTAL_OFFSET,\n            name: 'ws'\n        };\n    },\n    westNorth: (buttonRect, panelRect)=>{\n        return {\n            top: buttonRect.top - panelRect.height,\n            left: buttonRect.left - panelRect.width + NESTED_PANEL_HORIZONTAL_OFFSET,\n            name: 'wn'\n        };\n    }\n};\n/**\n * The default items {@link module:core/editor/editorconfig~EditorConfig#menuBar configuration} of the\n * {@link module:ui/menubar/menubarview~MenuBarView} component. It contains names of all menu bar components\n * registered in the {@link module:ui/componentfactory~ComponentFactory component factory} (available in the project).\n *\n * **Note**: Menu bar component names provided by core editor features are prefixed with `menuBar:` in order to distinguish\n * them from components referenced by the {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar configuration}, for instance,\n * `'menuBar:bold'` is a menu bar button but `'bold'` is a toolbar button.\n *\n * Below is the preset menu bar structure (the default value of `config.menuBar.items` property):\n *\n * ```ts\n * [\n * \t{\n * \t\tmenuId: 'file',\n * \t\tlabel: 'File',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'export',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:exportPdf',\n * \t\t\t\t\t'menuBar:exportWord'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'import',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:importWord'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'revisionHistory',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:revisionHistory'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'edit',\n * \t\tlabel: 'Edit',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'undo',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:undo',\n * \t\t\t\t\t'menuBar:redo'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'selectAll',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:selectAll'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'findAndReplace',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:findAndReplace'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'view',\n * \t\tlabel: 'View',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'sourceEditingEnhanced',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:sourceEditingEnhanced'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'sourceEditing',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:sourceEditing'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'showBlocks',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:showBlocks'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'previewMergeFields',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:previewMergeFields'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'fullscreen',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:fullscreen'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'restrictedEditingException',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:restrictedEditingException'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'insert',\n * \t\tlabel: 'Insert',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'insertMainWidgets',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:insertImage',\n * \t\t\t\t\t'menuBar:ckbox',\n * \t\t\t\t\t'menuBar:ckfinder',\n * \t\t\t\t\t'menuBar:insertTable'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'insertInline',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:link',\n * \t\t\t\t\t'menuBar:insertFootnote',\n * \t\t\t\t\t'menuBar:bookmark',\n * \t\t\t\t\t'menuBar:comment',\n * \t\t\t\t\t'menuBar:insertMergeField',\n * \t\t\t\t\t'menuBar:emoji'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'insertMinorWidgets',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:mediaEmbed',\n * \t\t\t\t\t'menuBar:insertTemplate',\n * \t\t\t\t\t'menuBar:blockQuote',\n * \t\t\t\t\t'menuBar:codeBlock',\n * \t\t\t\t\t'menuBar:htmlEmbed'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'insertStructureWidgets',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:horizontalLine',\n * \t\t\t\t\t'menuBar:pageBreak',\n * \t\t\t\t\t'menuBar:tableOfContents'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'restrictedEditing',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:restrictedEditing'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'format',\n * \t\tlabel: 'Format',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'textAndFont',\n * \t\t\t\titems: [\n * \t\t\t\t\t{\n * \t\t\t\t\t\tmenuId: 'text',\n * \t\t\t\t\t\tlabel: 'Text',\n * \t\t\t\t\t\tgroups: [\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'basicStyles',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:bold',\n * \t\t\t\t\t\t\t\t\t'menuBar:italic',\n * \t\t\t\t\t\t\t\t\t'menuBar:underline',\n * \t\t\t\t\t\t\t\t\t'menuBar:strikethrough',\n * \t\t\t\t\t\t\t\t\t'menuBar:superscript',\n * \t\t\t\t\t\t\t\t\t'menuBar:subscript',\n * \t\t\t\t\t\t\t\t\t'menuBar:code'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t},\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'textPartLanguage',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:textPartLanguage'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t}\n * \t\t\t\t\t\t]\n * \t\t\t\t\t},\n * \t\t\t\t\t{\n * \t\t\t\t\t\tmenuId: 'font',\n * \t\t\t\t\t\tlabel: 'Font',\n * \t\t\t\t\t\tgroups: [\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'fontProperties',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:fontSize',\n * \t\t\t\t\t\t\t\t\t'menuBar:fontFamily'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t},\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'fontColors',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:fontColor',\n * \t\t\t\t\t\t\t\t\t'menuBar:fontBackgroundColor'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t},\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'highlight',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:highlight'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t}\n * \t\t\t\t\t\t]\n * \t\t\t\t\t},\n * \t\t\t\t\t'menuBar:heading'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'list',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:bulletedList',\n * \t\t\t\t\t'menuBar:numberedList',\n * \t\t\t\t\t'menuBar:multiLevelList',\n * \t\t\t\t\t'menuBar:todoList'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'indent',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:alignment',\n * \t\t\t\t\t'menuBar:lineHeight',\n * \t\t\t\t\t'menuBar:indent',\n * \t\t\t\t\t'menuBar:outdent'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'caseChange',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:caseChange'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'removeFormat',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:removeFormat'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'tools',\n * \t\tlabel: 'Tools',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'aiTools',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:aiAssistant',\n * \t\t\t\t\t'menuBar:aiCommands',\n * \t\t\t\t\t'menuBar:toggleAi',\n * \t\t\t\t\t'menuBar:aiQuickActions'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'tools',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:trackChanges',\n * \t\t\t\t\t'menuBar:commentsArchive'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'help',\n * \t\tlabel: 'Help',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'help',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:accessibilityHelp'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t}\n * ];\n * ```\n *\n * The menu bar can be customized using the `config.menuBar.removeItems` and `config.menuBar.addItems` properties.\n */ // **NOTE: Whenever you make changes to this value, reflect it in the documentation above!**\nconst DefaultMenuBarItems = [\n    {\n        menuId: 'file',\n        label: 'File',\n        groups: [\n            {\n                groupId: 'export',\n                items: [\n                    'menuBar:exportPdf',\n                    'menuBar:exportWord'\n                ]\n            },\n            {\n                groupId: 'import',\n                items: [\n                    'menuBar:importWord'\n                ]\n            },\n            {\n                groupId: 'revisionHistory',\n                items: [\n                    'menuBar:revisionHistory'\n                ]\n            }\n        ]\n    },\n    {\n        menuId: 'edit',\n        label: 'Edit',\n        groups: [\n            {\n                groupId: 'undo',\n                items: [\n                    'menuBar:undo',\n                    'menuBar:redo'\n                ]\n            },\n            {\n                groupId: 'selectAll',\n                items: [\n                    'menuBar:selectAll'\n                ]\n            },\n            {\n                groupId: 'findAndReplace',\n                items: [\n                    'menuBar:findAndReplace'\n                ]\n            }\n        ]\n    },\n    {\n        menuId: 'view',\n        label: 'View',\n        groups: [\n            {\n                groupId: 'sourceEditingEnhanced',\n                items: [\n                    'menuBar:sourceEditingEnhanced'\n                ]\n            },\n            {\n                groupId: 'sourceEditing',\n                items: [\n                    'menuBar:sourceEditing'\n                ]\n            },\n            {\n                groupId: 'showBlocks',\n                items: [\n                    'menuBar:showBlocks'\n                ]\n            },\n            {\n                groupId: 'previewMergeFields',\n                items: [\n                    'menuBar:previewMergeFields'\n                ]\n            },\n            {\n                groupId: 'fullscreen',\n                items: [\n                    'menuBar:fullscreen'\n                ]\n            },\n            {\n                groupId: 'restrictedEditing',\n                items: [\n                    'menuBar:restrictedEditing'\n                ]\n            }\n        ]\n    },\n    {\n        menuId: 'insert',\n        label: 'Insert',\n        groups: [\n            {\n                groupId: 'insertMainWidgets',\n                items: [\n                    'menuBar:insertImage',\n                    'menuBar:ckbox',\n                    'menuBar:ckfinder',\n                    'menuBar:insertTable',\n                    'menuBar:insertTableLayout'\n                ]\n            },\n            {\n                groupId: 'insertInline',\n                items: [\n                    'menuBar:link',\n                    'menuBar:insertFootnote',\n                    'menuBar:bookmark',\n                    'menuBar:comment',\n                    'menuBar:insertMergeField',\n                    'menuBar:emoji'\n                ]\n            },\n            {\n                groupId: 'insertMinorWidgets',\n                items: [\n                    'menuBar:mediaEmbed',\n                    'menuBar:insertTemplate',\n                    'menuBar:specialCharacters',\n                    'menuBar:blockQuote',\n                    'menuBar:codeBlock',\n                    'menuBar:htmlEmbed'\n                ]\n            },\n            {\n                groupId: 'insertStructureWidgets',\n                items: [\n                    'menuBar:horizontalLine',\n                    'menuBar:pageBreak',\n                    'menuBar:tableOfContents'\n                ]\n            },\n            {\n                groupId: 'restrictedEditingException',\n                items: [\n                    'menuBar:restrictedEditingException:inline',\n                    'menuBar:restrictedEditingException:block'\n                ]\n            }\n        ]\n    },\n    {\n        menuId: 'format',\n        label: 'Format',\n        groups: [\n            {\n                groupId: 'textAndFont',\n                items: [\n                    {\n                        menuId: 'text',\n                        label: 'Text',\n                        groups: [\n                            {\n                                groupId: 'basicStyles',\n                                items: [\n                                    'menuBar:bold',\n                                    'menuBar:italic',\n                                    'menuBar:underline',\n                                    'menuBar:strikethrough',\n                                    'menuBar:superscript',\n                                    'menuBar:subscript',\n                                    'menuBar:code'\n                                ]\n                            },\n                            {\n                                groupId: 'textPartLanguage',\n                                items: [\n                                    'menuBar:textPartLanguage'\n                                ]\n                            }\n                        ]\n                    },\n                    {\n                        menuId: 'font',\n                        label: 'Font',\n                        groups: [\n                            {\n                                groupId: 'fontProperties',\n                                items: [\n                                    'menuBar:fontSize',\n                                    'menuBar:fontFamily'\n                                ]\n                            },\n                            {\n                                groupId: 'fontColors',\n                                items: [\n                                    'menuBar:fontColor',\n                                    'menuBar:fontBackgroundColor'\n                                ]\n                            },\n                            {\n                                groupId: 'highlight',\n                                items: [\n                                    'menuBar:highlight'\n                                ]\n                            }\n                        ]\n                    },\n                    'menuBar:heading'\n                ]\n            },\n            {\n                groupId: 'list',\n                items: [\n                    'menuBar:bulletedList',\n                    'menuBar:numberedList',\n                    'menuBar:multiLevelList',\n                    'menuBar:todoList'\n                ]\n            },\n            {\n                groupId: 'indent',\n                items: [\n                    'menuBar:alignment',\n                    'menuBar:lineHeight',\n                    'menuBar:indent',\n                    'menuBar:outdent'\n                ]\n            },\n            {\n                groupId: 'caseChange',\n                items: [\n                    'menuBar:caseChange'\n                ]\n            },\n            {\n                groupId: 'removeFormat',\n                items: [\n                    'menuBar:removeFormat'\n                ]\n            }\n        ]\n    },\n    {\n        menuId: 'tools',\n        label: 'Tools',\n        groups: [\n            {\n                groupId: 'aiTools',\n                items: [\n                    'menuBar:aiAssistant',\n                    'menuBar:aiCommands',\n                    'menuBar:toggleAi',\n                    'menuBar:aiQuickActions'\n                ]\n            },\n            {\n                groupId: 'tools',\n                items: [\n                    'menuBar:trackChanges',\n                    'menuBar:commentsArchive'\n                ]\n            }\n        ]\n    },\n    {\n        menuId: 'help',\n        label: 'Help',\n        groups: [\n            {\n                groupId: 'help',\n                items: [\n                    'menuBar:accessibilityHelp'\n                ]\n            }\n        ]\n    }\n];\n/**\n * Performs a cleanup and normalization of the menu bar configuration.\n */ function normalizeMenuBarConfig(config) {\n    let configObject;\n    // The integrator specified the config as an object but without items. Let's give them defaults but respect their\n    // additions and removals.\n    if (!('items' in config) || !config.items) {\n        configObject = {\n            items: cloneDeep(DefaultMenuBarItems),\n            addItems: [],\n            removeItems: [],\n            isVisible: true,\n            isUsingDefaultConfig: true,\n            ...config\n        };\n    } else {\n        configObject = {\n            items: config.items,\n            removeItems: [],\n            addItems: [],\n            isVisible: true,\n            isUsingDefaultConfig: false,\n            ...config\n        };\n    }\n    return configObject;\n}\n/**\n * Processes a normalized menu bar config and returns a config clone with the following modifications:\n *\n * * Removed components that are not available in the component factory,\n * * Removed obsolete separators,\n * * Purged empty menus,\n * * Localized top-level menu labels.\n * @internal\n */ function processMenuBarConfig({ normalizedConfig, locale, componentFactory, extraItems }) {\n    const configClone = cloneDeep(normalizedConfig);\n    handleAdditions(normalizedConfig, configClone, extraItems);\n    handleRemovals(normalizedConfig, configClone);\n    handleAdditions(normalizedConfig, configClone, configClone.addItems);\n    purgeUnavailableComponents(normalizedConfig, configClone, componentFactory);\n    purgeEmptyMenus(normalizedConfig, configClone);\n    localizeMenuLabels(configClone, locale);\n    return configClone;\n}\n/**\n * Removes items from the menu bar config based on user `removeItems` configuration. Users can remove\n * individual items, groups, or entire menus. For each removed item, a warning is logged if the item\n * was not found in the configuration.\n */ function handleRemovals(originalConfig, config) {\n    const itemsToBeRemoved = config.removeItems;\n    const successfullyRemovedItems = [];\n    // Remove top-level menus.\n    config.items = config.items.filter(({ menuId })=>{\n        if (itemsToBeRemoved.includes(menuId)) {\n            successfullyRemovedItems.push(menuId);\n            return false;\n        }\n        return true;\n    });\n    walkConfigMenus(config.items, (menuDefinition)=>{\n        // Remove groups from menus.\n        menuDefinition.groups = menuDefinition.groups.filter(({ groupId })=>{\n            if (itemsToBeRemoved.includes(groupId)) {\n                successfullyRemovedItems.push(groupId);\n                return false;\n            }\n            return true;\n        });\n        // Remove sub-menus and items from groups.\n        for (const groupDefinition of menuDefinition.groups){\n            groupDefinition.items = groupDefinition.items.filter((item)=>{\n                const itemId = getIdFromGroupItem(item);\n                if (itemsToBeRemoved.includes(itemId)) {\n                    successfullyRemovedItems.push(itemId);\n                    return false;\n                }\n                return true;\n            });\n        }\n    });\n    for (const itemName of itemsToBeRemoved){\n        if (!successfullyRemovedItems.includes(itemName)) {\n            /**\n\t\t\t * There was a problem processing the configuration of the menu bar. The item with the given\n\t\t\t * name does could not be removed from the menu bar configuration.\n\t\t\t *\n\t\t\t * This warning usually shows up when the {@link module:core/plugin~Plugin} which is supposed\n\t\t\t * to provide a menu bar item has not been loaded or there is a typo in the\n\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar configuration}.\n\t\t\t *\n\t\t\t * @error menu-bar-item-could-not-be-removed\n\t\t\t * @param menuBarConfig The full configuration of the menu bar.\n\t\t\t * @param itemName The name of the item that was not removed from the menu bar.\n\t\t\t */ logWarning('menu-bar-item-could-not-be-removed', {\n                menuBarConfig: originalConfig,\n                itemName\n            });\n        }\n    }\n}\n/**\n * Adds provided items to config. It allows for adding menus, groups, and items at arbitrary\n * positions in the menu bar. If the position does not exist, a warning is logged.\n */ function handleAdditions(originalConfig, config, items) {\n    const successFullyAddedItems = [];\n    if (items.length == 0) {\n        return;\n    }\n    for (const itemToAdd of items){\n        const relation = getRelationFromPosition(itemToAdd.position);\n        const relativeId = getRelativeIdFromPosition(itemToAdd.position);\n        // Adding a menu.\n        if (isMenuBarMenuAddition(itemToAdd)) {\n            if (!relativeId) {\n                // Adding a top-level menu at the beginning of the menu bar.\n                if (relation === 'start') {\n                    config.items.unshift(itemToAdd.menu);\n                    successFullyAddedItems.push(itemToAdd);\n                } else if (relation === 'end') {\n                    config.items.push(itemToAdd.menu);\n                    successFullyAddedItems.push(itemToAdd);\n                }\n            } else {\n                const topLevelMenuDefinitionIndex = config.items.findIndex((menuDefinition)=>menuDefinition.menuId === relativeId);\n                // Adding a top-level menu somewhere between existing menu bar menus.\n                if (topLevelMenuDefinitionIndex != -1) {\n                    if (relation === 'before') {\n                        config.items.splice(topLevelMenuDefinitionIndex, 0, itemToAdd.menu);\n                        successFullyAddedItems.push(itemToAdd);\n                    } else if (relation === 'after') {\n                        config.items.splice(topLevelMenuDefinitionIndex + 1, 0, itemToAdd.menu);\n                        successFullyAddedItems.push(itemToAdd);\n                    }\n                } else {\n                    const wasAdded = addMenuOrItemToGroup(config, itemToAdd.menu, relativeId, relation);\n                    if (wasAdded) {\n                        successFullyAddedItems.push(itemToAdd);\n                    }\n                }\n            }\n        } else if (isMenuBarMenuGroupAddition(itemToAdd)) {\n            walkConfigMenus(config.items, (menuDefinition)=>{\n                if (menuDefinition.menuId === relativeId) {\n                    // Add a group at the start of a menu.\n                    if (relation === 'start') {\n                        menuDefinition.groups.unshift(itemToAdd.group);\n                        successFullyAddedItems.push(itemToAdd);\n                    } else if (relation === 'end') {\n                        menuDefinition.groups.push(itemToAdd.group);\n                        successFullyAddedItems.push(itemToAdd);\n                    }\n                } else {\n                    const relativeGroupIndex = menuDefinition.groups.findIndex((group)=>group.groupId === relativeId);\n                    if (relativeGroupIndex !== -1) {\n                        // Add a group before an existing group in a menu.\n                        if (relation === 'before') {\n                            menuDefinition.groups.splice(relativeGroupIndex, 0, itemToAdd.group);\n                            successFullyAddedItems.push(itemToAdd);\n                        } else if (relation === 'after') {\n                            menuDefinition.groups.splice(relativeGroupIndex + 1, 0, itemToAdd.group);\n                            successFullyAddedItems.push(itemToAdd);\n                        }\n                    }\n                }\n            });\n        } else {\n            const wasAdded = addMenuOrItemToGroup(config, itemToAdd.item, relativeId, relation);\n            if (wasAdded) {\n                successFullyAddedItems.push(itemToAdd);\n            }\n        }\n    }\n    for (const addedItemConfig of items){\n        if (!successFullyAddedItems.includes(addedItemConfig)) {\n            /**\n\t\t\t * There was a problem processing the configuration of the menu bar. The configured item could not be added\n\t\t\t * because the position it was supposed to be added to does not exist.\n\t\t\t *\n\t\t\t * This warning usually shows up when the {@link module:core/plugin~Plugin} which is supposed\n\t\t\t * to provide a menu bar item has not been loaded or there is a typo in the\n\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar configuration}.\n\t\t\t *\n\t\t\t * @error menu-bar-item-could-not-be-removed\n\t\t\t * @param {object} menuBarConfig The full configuration of the menu bar.\n\t\t\t * @param {object} addedItemConfig The name of the item that was not removed from the menu bar.\n\t\t\t */ logWarning('menu-bar-item-could-not-be-added', {\n                menuBarConfig: originalConfig,\n                addedItemConfig\n            });\n        }\n    }\n}\n/**\n * Handles adding a sub-menu or an item into a group. The logic is the same for both cases.\n */ function addMenuOrItemToGroup(config, itemOrMenuToAdd, relativeId, relation) {\n    let wasAdded = false;\n    walkConfigMenus(config.items, (menuDefinition)=>{\n        for (const { groupId, items: groupItems } of menuDefinition.groups){\n            // Avoid infinite loops.\n            if (wasAdded) {\n                return;\n            }\n            if (groupId === relativeId) {\n                // Adding an item/menu at the beginning of a group.\n                if (relation === 'start') {\n                    groupItems.unshift(itemOrMenuToAdd);\n                    wasAdded = true;\n                } else if (relation === 'end') {\n                    groupItems.push(itemOrMenuToAdd);\n                    wasAdded = true;\n                }\n            } else {\n                // Adding an item/menu relative to an existing item/menu.\n                const relativeItemIndex = groupItems.findIndex((groupItem)=>{\n                    return getIdFromGroupItem(groupItem) === relativeId;\n                });\n                if (relativeItemIndex !== -1) {\n                    if (relation === 'before') {\n                        groupItems.splice(relativeItemIndex, 0, itemOrMenuToAdd);\n                        wasAdded = true;\n                    } else if (relation === 'after') {\n                        groupItems.splice(relativeItemIndex + 1, 0, itemOrMenuToAdd);\n                        wasAdded = true;\n                    }\n                }\n            }\n        }\n    });\n    return wasAdded;\n}\n/**\n * Removes components from the menu bar configuration that are not available in the factory and would\n * not be instantiated. Warns about missing components if the menu bar configuration was specified by the user.\n */ function purgeUnavailableComponents(originalConfig, config, componentFactory) {\n    walkConfigMenus(config.items, (menuDefinition)=>{\n        for (const groupDefinition of menuDefinition.groups){\n            groupDefinition.items = groupDefinition.items.filter((item)=>{\n                const isItemUnavailable = typeof item === 'string' && !componentFactory.has(item);\n                // The default configuration contains all possible editor features. But integrators' editors rarely load\n                // every possible feature. This is why we do not want to log warnings about unavailable items for the default config\n                // because they would show up in almost every integration. If the configuration has been provided by\n                // the integrator, on the other hand, then these warnings bring value.\n                if (isItemUnavailable && !config.isUsingDefaultConfig) {\n                    /**\n\t\t\t\t\t * There was a problem processing the configuration of the menu bar. The item with the given\n\t\t\t\t\t * name does not exist so it was omitted when rendering the menu bar.\n\t\t\t\t\t *\n\t\t\t\t\t * This warning usually shows up when the {@link module:core/plugin~Plugin} which is supposed\n\t\t\t\t\t * to provide a menu bar item has not been loaded or there is a typo in the\n\t\t\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar configuration}.\n\t\t\t\t\t *\n\t\t\t\t\t * Make sure the plugin responsible for this menu bar item is loaded and the menu bar configuration\n\t\t\t\t\t * is correct, e.g. {@link module:basic-styles/bold/boldui~BoldUI} is loaded for the `'menuBar:bold'`\n\t\t\t\t\t * menu bar item.\n\t\t\t\t\t *\n\t\t\t\t\t * @error menu-bar-item-unavailable\n\t\t\t\t\t * @param {object} menuBarConfig The full configuration of the menu bar.\n\t\t\t\t\t * @param {object} parentMenuConfig The config of the menu the unavailable component was defined in.\n\t\t\t\t\t * @param {string} componentName The name of the unavailable component.\n\t\t\t\t\t */ logWarning('menu-bar-item-unavailable', {\n                        menuBarConfig: originalConfig,\n                        parentMenuConfig: cloneDeep(menuDefinition),\n                        componentName: item\n                    });\n                }\n                return !isItemUnavailable;\n            });\n        }\n    });\n}\n/**\n * Removes empty menus from the menu bar configuration to improve the visual UX. Such menus can occur\n * when some plugins responsible for providing menu bar items have not been loaded and some part of\n * the configuration populated menus using these components exclusively.\n */ function purgeEmptyMenus(originalConfig, config) {\n    const isUsingDefaultConfig = config.isUsingDefaultConfig;\n    let wasSubMenuPurged = false;\n    // Purge top-level menus.\n    config.items = config.items.filter((menuDefinition)=>{\n        if (!menuDefinition.groups.length) {\n            warnAboutEmptyMenu(originalConfig, menuDefinition, isUsingDefaultConfig);\n            return false;\n        }\n        return true;\n    });\n    // Warn if there were no top-level menus left in the menu bar after purging.\n    if (!config.items.length) {\n        warnAboutEmptyMenu(originalConfig, originalConfig, isUsingDefaultConfig);\n        return;\n    }\n    // Purge sub-menus and groups.\n    walkConfigMenus(config.items, (menuDefinition)=>{\n        // Get rid of empty groups.\n        menuDefinition.groups = menuDefinition.groups.filter((groupDefinition)=>{\n            if (!groupDefinition.items.length) {\n                wasSubMenuPurged = true;\n                return false;\n            }\n            return true;\n        });\n        // Get rid of empty sub-menus.\n        for (const groupDefinition of menuDefinition.groups){\n            groupDefinition.items = groupDefinition.items.filter((item)=>{\n                // If no groups were left after removing empty ones.\n                if (isMenuDefinition(item) && !item.groups.length) {\n                    warnAboutEmptyMenu(originalConfig, item, isUsingDefaultConfig);\n                    wasSubMenuPurged = true;\n                    return false;\n                }\n                return true;\n            });\n        }\n    });\n    if (wasSubMenuPurged) {\n        // The config is walked from the root to the leaves so if anything gets removed, we need to re-run the\n        // whole process because it could've affected parents.\n        purgeEmptyMenus(originalConfig, config);\n    }\n}\nfunction warnAboutEmptyMenu(originalConfig, emptyMenuConfig, isUsingDefaultConfig) {\n    if (isUsingDefaultConfig) {\n        return;\n    }\n    /**\n\t * There was a problem processing the configuration of the menu bar. One of the menus\n\t * is empty so it was omitted when rendering the menu bar.\n\t *\n\t * This warning usually shows up when some {@link module:core/plugin~Plugin plugins} responsible for\n\t * providing menu bar items have not been loaded and the\n\t * {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar configuration} was not updated.\n\t *\n\t * Make sure all necessary editor plugins are loaded and/or update the menu bar configuration\n\t * to account for the missing menu items.\n\t *\n\t * @error menu-bar-menu-empty\n\t * @param {object} menuBarConfig The full configuration of the menu bar.\n\t * @param {object} emptyMenuConfig The definition of the menu that has no child items.\n\t */ logWarning('menu-bar-menu-empty', {\n        menuBarConfig: originalConfig,\n        emptyMenuConfig\n    });\n}\n/**\n * Localizes the user-config using pre-defined localized category labels.\n */ function localizeMenuLabels(config, locale) {\n    const t = locale.t;\n    const localizedCategoryLabels = {\n        // Top-level categories.\n        'File': t({\n            string: 'File',\n            id: 'MENU_BAR_MENU_FILE'\n        }),\n        'Edit': t({\n            string: 'Edit',\n            id: 'MENU_BAR_MENU_EDIT'\n        }),\n        'View': t({\n            string: 'View',\n            id: 'MENU_BAR_MENU_VIEW'\n        }),\n        'Insert': t({\n            string: 'Insert',\n            id: 'MENU_BAR_MENU_INSERT'\n        }),\n        'Format': t({\n            string: 'Format',\n            id: 'MENU_BAR_MENU_FORMAT'\n        }),\n        'Tools': t({\n            string: 'Tools',\n            id: 'MENU_BAR_MENU_TOOLS'\n        }),\n        'Help': t({\n            string: 'Help',\n            id: 'MENU_BAR_MENU_HELP'\n        }),\n        // Sub-menus.\n        'Text': t({\n            string: 'Text',\n            id: 'MENU_BAR_MENU_TEXT'\n        }),\n        'Font': t({\n            string: 'Font',\n            id: 'MENU_BAR_MENU_FONT'\n        })\n    };\n    walkConfigMenus(config.items, (definition)=>{\n        if (definition.label in localizedCategoryLabels) {\n            definition.label = localizedCategoryLabels[definition.label];\n        }\n    });\n}\n/**\n * Recursively visits all menu definitions in the config and calls the callback for each of them.\n */ function walkConfigMenus(definition, callback) {\n    if (Array.isArray(definition)) {\n        for (const topLevelMenuDefinition of definition){\n            walk(topLevelMenuDefinition);\n        }\n    }\n    function walk(menuDefinition) {\n        callback(menuDefinition);\n        for (const groupDefinition of menuDefinition.groups){\n            for (const groupItem of groupDefinition.items){\n                if (isMenuDefinition(groupItem)) {\n                    walk(groupItem);\n                }\n            }\n        }\n    }\n}\nfunction isMenuBarMenuAddition(definition) {\n    return typeof definition === 'object' && 'menu' in definition;\n}\nfunction isMenuBarMenuGroupAddition(definition) {\n    return typeof definition === 'object' && 'group' in definition;\n}\nfunction getRelationFromPosition(position) {\n    if (position.startsWith('start')) {\n        return 'start';\n    } else if (position.startsWith('end')) {\n        return 'end';\n    } else if (position.startsWith('after')) {\n        return 'after';\n    } else {\n        return 'before';\n    }\n}\nfunction getRelativeIdFromPosition(position) {\n    const match = position.match(/^[^:]+:(.+)/);\n    if (match) {\n        return match[1];\n    }\n    return null;\n}\nfunction getIdFromGroupItem(item) {\n    return typeof item === 'string' ? item : item.menuId;\n}\nfunction isMenuDefinition(definition) {\n    return typeof definition === 'object' && 'menuId' in definition;\n}\n\n/**\n * A class providing the minimal interface that is required to successfully bootstrap any editor UI.\n */ class EditorUI extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * The editor that the UI belongs to.\n\t */ editor;\n    /**\n\t * An instance of the {@link module:ui/componentfactory~ComponentFactory}, a registry used by plugins\n\t * to register factories of specific UI components.\n\t */ componentFactory;\n    /**\n\t * Stores the information about the editor UI focus and propagates it so various plugins and components\n\t * are unified as a focus group.\n\t */ focusTracker;\n    /**\n\t * Manages the tooltips displayed on mouseover and focus across the UI.\n\t */ tooltipManager;\n    /**\n\t * A helper that enables the \"powered by\" feature in the editor and renders a link to the project's webpage.\n\t */ poweredBy;\n    /**\n\t * A helper that enables the \"evaluation badge\" feature in the editor.\n\t */ evaluationBadge;\n    /**\n\t * A helper that manages the content of an `aria-live` regions used by editor features to announce status changes\n\t * to screen readers.\n\t */ ariaLiveAnnouncer;\n    /**\n\t * Indicates the UI is ready. Set `true` after {@link #event:ready} event is fired.\n\t *\n\t * @readonly\n\t * @default false\n\t */ isReady = false;\n    /**\n\t * Stores all editable elements used by the editor instance.\n\t */ _editableElementsMap = new Map();\n    /**\n\t * All available & focusable toolbars.\n\t */ _focusableToolbarDefinitions = [];\n    /**\n\t * All additional menu bar items, groups or menus that have their default location defined.\n\t */ _extraMenuBarElements = [];\n    /**\n\t * The last focused element to which focus should return on `Esc` press.\n\t */ _lastFocusedForeignElement = null;\n    /**\n\t * The DOM emitter instance used for visual viewport watching.\n\t */ _domEmitter;\n    /**\n\t * Creates an instance of the editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t */ constructor(editor){\n        super();\n        const editingView = editor.editing.view;\n        this.editor = editor;\n        this.componentFactory = new ComponentFactory(editor);\n        this.focusTracker = new FocusTracker();\n        this.tooltipManager = new TooltipManager(editor);\n        this.poweredBy = new PoweredBy(editor);\n        this.evaluationBadge = new EvaluationBadge(editor);\n        this.ariaLiveAnnouncer = new AriaLiveAnnouncer(editor);\n        this._initViewportOffset(this._readViewportOffsetFromConfig());\n        this.once('ready', ()=>{\n            this._bindBodyCollectionWithFocusTracker();\n            this.isReady = true;\n        });\n        // Informs UI components that should be refreshed after layout change.\n        this.listenTo(editingView.document, 'layoutChanged', this.update.bind(this));\n        this.listenTo(editingView, 'scrollToTheSelection', this._handleScrollToTheSelection.bind(this));\n        this._initFocusTracking();\n        this._initVisualViewportSupport();\n    }\n    /**\n\t * The main (outermost) DOM element of the editor UI.\n\t *\n\t * For example, in {@link module:editor-classic/classiceditor~ClassicEditor} it is a `<div>` which\n\t * wraps the editable element and the toolbar. In {@link module:editor-inline/inlineeditor~InlineEditor}\n\t * it is the editable element itself (as there is no other wrapper). However, in\n\t * {@link module:editor-decoupled/decouplededitor~DecoupledEditor} it is set to `null` because this editor does not\n\t * come with a single \"main\" HTML element (its editable element and toolbar are separate).\n\t *\n\t * This property can be understood as a shorthand for retrieving the element that a specific editor integration\n\t * considers to be its main DOM element.\n\t */ get element() {\n        return null;\n    }\n    /**\n\t * Fires the {@link module:ui/editorui/editorui~EditorUI#event:update `update`} event.\n\t *\n\t * This method should be called when the editor UI (e.g. positions of its balloons) needs to be updated due to\n\t * some environmental change which CKEditor 5 is not aware of (e.g. resize of a container in which it is used).\n\t */ update() {\n        this.fire('update');\n    }\n    /**\n\t * Destroys the UI.\n\t */ destroy() {\n        this.stopListening();\n        this.focusTracker.destroy();\n        this.tooltipManager.destroy(this.editor);\n        this.poweredBy.destroy();\n        this.evaluationBadge.destroy();\n        // Clean–up the references to the CKEditor instance stored in the native editable DOM elements.\n        for (const domElement of this._editableElementsMap.values()){\n            domElement.ckeditorInstance = null;\n            this.editor.keystrokes.stopListening(domElement);\n        }\n        this._editableElementsMap = new Map();\n        this._focusableToolbarDefinitions = [];\n        if (this._domEmitter) {\n            this._domEmitter.stopListening();\n        }\n    }\n    /**\n\t * Stores the native DOM editable element used by the editor under a unique name.\n\t *\n\t * Also, registers the element in the editor to maintain the accessibility of the UI. When the user is editing text in a focusable\n\t * editable area, they can use the <kbd>Alt</kbd> + <kbd>F10</kbd> keystroke to navigate over editor toolbars. See {@link #addToolbar}.\n\t *\n\t * @param rootName The unique name of the editable element.\n\t * @param domElement The native DOM editable element.\n\t */ setEditableElement(rootName, domElement) {\n        this._editableElementsMap.set(rootName, domElement);\n        // Put a reference to the CKEditor instance in the editable native DOM element.\n        // It helps 3rd–party software (browser extensions, other libraries) access and recognize\n        // CKEditor 5 instances (editing roots) and use their API (there is no global editor\n        // instance registry).\n        if (!domElement.ckeditorInstance) {\n            domElement.ckeditorInstance = this.editor;\n        }\n        // Register the element, so it becomes available for Alt+F10 and Esc navigation.\n        this.focusTracker.add(domElement);\n        const setUpKeystrokeHandler = ()=>{\n            // The editing view of the editor is already listening to keystrokes from DOM roots (see: KeyObserver).\n            // Do not duplicate listeners.\n            if (this.editor.editing.view.getDomRoot(rootName)) {\n                return;\n            }\n            this.editor.keystrokes.listenTo(domElement);\n        };\n        // For editable elements set by features after EditorUI is ready (e.g. source editing).\n        if (this.isReady) {\n            setUpKeystrokeHandler();\n        } else {\n            this.once('ready', setUpKeystrokeHandler);\n        }\n    }\n    /**\n\t * Removes the editable from the editor UI. Removes all handlers added by {@link #setEditableElement}.\n\t *\n\t * @param rootName The name of the editable element to remove.\n\t */ removeEditableElement(rootName) {\n        const domElement = this._editableElementsMap.get(rootName);\n        if (!domElement) {\n            return;\n        }\n        this._editableElementsMap.delete(rootName);\n        this.editor.keystrokes.stopListening(domElement);\n        this.focusTracker.remove(domElement);\n        domElement.ckeditorInstance = null;\n    }\n    /**\n\t * Returns the editable editor element with the given name or null if editable does not exist.\n\t *\n\t * @param rootName The editable name.\n\t */ getEditableElement(rootName = 'main') {\n        return this._editableElementsMap.get(rootName);\n    }\n    /**\n\t * Returns array of names of all editor editable elements.\n\t */ getEditableElementsNames() {\n        return this._editableElementsMap.keys();\n    }\n    /**\n\t * Adds a toolbar to the editor UI. Used primarily to maintain the accessibility of the UI.\n\t *\n\t * Focusable toolbars can be accessed (focused) by users by pressing the <kbd>Alt</kbd> + <kbd>F10</kbd> keystroke.\n\t * Successive keystroke presses navigate over available toolbars.\n\t *\n\t * @param toolbarView A instance of the toolbar to be registered.\n\t */ addToolbar(toolbarView, options = {}) {\n        if (toolbarView.isRendered) {\n            this.focusTracker.add(toolbarView);\n            this.editor.keystrokes.listenTo(toolbarView.element);\n        } else {\n            toolbarView.once('render', ()=>{\n                this.focusTracker.add(toolbarView);\n                this.editor.keystrokes.listenTo(toolbarView.element);\n            });\n        }\n        this._focusableToolbarDefinitions.push({\n            toolbarView,\n            options\n        });\n    }\n    /**\n\t * Registers an extra menu bar element, which could be a single item, a group of items, or a menu containing groups.\n\t *\n\t * ```ts\n\t * // Register a new menu bar item.\n\t * editor.ui.extendMenuBar( {\n\t *   item: 'menuBar:customFunctionButton',\n\t *   position: 'after:menuBar:bold'\n\t * } );\n\t *\n\t * // Register a new menu bar group.\n\t * editor.ui.extendMenuBar( {\n\t *   group: {\n\t *     groupId: 'customGroup',\n\t *     items: [\n\t *       'menuBar:customFunctionButton'\n\t *     ]\n\t *   },\n\t *   position: 'start:help'\n\t * } );\n\t *\n\t * // Register a new menu bar menu.\n\t * editor.ui.extendMenuBar( {\n\t *   menu: {\n\t *     menuId: 'customMenu',\n\t *     label: 'customMenu',\n\t *     groups: [\n\t *       {\n\t *         groupId: 'customGroup',\n\t *         items: [\n\t *           'menuBar:customFunctionButton'\n\t *         ]\n\t *       }\n\t *     ]\n\t *   },\n\t *   position: 'after:help'\n\t * } );\n\t * ```\n\t */ extendMenuBar(config) {\n        this._extraMenuBarElements.push(config);\n    }\n    /**\n\t * Initializes menu bar.\n\t */ initMenuBar(menuBarView) {\n        const menuBarViewElement = menuBarView.element;\n        this.focusTracker.add(menuBarViewElement);\n        this.editor.keystrokes.listenTo(menuBarViewElement);\n        const normalizedMenuBarConfig = normalizeMenuBarConfig(this.editor.config.get('menuBar') || {});\n        menuBarView.fillFromConfig(normalizedMenuBarConfig, this.componentFactory, this._extraMenuBarElements);\n        this.editor.keystrokes.set('Esc', (data, cancel)=>{\n            if (!menuBarViewElement.contains(this.editor.ui.focusTracker.focusedElement)) {\n                return;\n            }\n            // Bring focus back to where it came from before focusing the toolbar:\n            // If it came from outside the engine view (e.g. source editing), move it there.\n            if (this._lastFocusedForeignElement) {\n                this._lastFocusedForeignElement.focus();\n                this._lastFocusedForeignElement = null;\n            } else {\n                this.editor.editing.view.focus();\n            }\n            cancel();\n        });\n        this.editor.keystrokes.set('Alt+F9', (data, cancel)=>{\n            // If menu bar is already focused do nothing.\n            if (menuBarViewElement.contains(this.editor.ui.focusTracker.focusedElement)) {\n                return;\n            }\n            this._saveLastFocusedForeignElement();\n            menuBarView.isFocusBorderEnabled = true;\n            menuBarView.focus();\n            cancel();\n        });\n    }\n    /**\n\t * Returns viewport offsets object:\n\t *\n\t * ```js\n\t * {\n\t * \ttop: Number,\n\t * \tright: Number,\n\t * \tbottom: Number,\n\t * \tleft: Number\n\t * }\n\t * ```\n\t *\n\t * Only top property is currently supported.\n\t */ _readViewportOffsetFromConfig() {\n        const editor = this.editor;\n        const viewportOffsetConfig = editor.config.get('ui.viewportOffset');\n        if (viewportOffsetConfig) {\n            return viewportOffsetConfig;\n        }\n        // Not present in EditorConfig type, because it's legacy. Hence the `as` expression.\n        const legacyOffsetConfig = editor.config.get('toolbar.viewportTopOffset');\n        // Fall back to deprecated toolbar config.\n        if (legacyOffsetConfig) {\n            /**\n\t\t\t * The {@link module:core/editor/editorconfig~EditorConfig#toolbar `EditorConfig#toolbar.viewportTopOffset`}\n\t\t\t * property has been deprecated and will be removed in the near future. Please use\n\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#ui `EditorConfig#ui.viewportOffset`} instead.\n\t\t\t *\n\t\t\t * @error editor-ui-deprecated-viewport-offset-config\n\t\t\t */ console.warn('editor-ui-deprecated-viewport-offset-config: ' + 'The `toolbar.vieportTopOffset` configuration option is deprecated. ' + 'It will be removed from future CKEditor versions. Use `ui.viewportOffset.top` instead.');\n            return {\n                top: legacyOffsetConfig\n            };\n        }\n        // More keys to come in the future.\n        return {\n            top: 0\n        };\n    }\n    /**\n\t * Starts listening for <kbd>Alt</kbd> + <kbd>F10</kbd> and <kbd>Esc</kbd> keystrokes in the context of focusable\n\t * {@link #setEditableElement editable elements} and {@link #addToolbar toolbars}\n\t * to allow users navigate across the UI.\n\t */ _initFocusTracking() {\n        const editor = this.editor;\n        let candidateDefinitions;\n        // Focus the next focusable toolbar on <kbd>Alt</kbd> + <kbd>F10</kbd>.\n        editor.keystrokes.set('Alt+F10', (data, cancel)=>{\n            this._saveLastFocusedForeignElement();\n            const currentFocusedToolbarDefinition = this._getCurrentFocusedToolbarDefinition();\n            // * When focusing a toolbar for the first time, set the array of definitions for successive presses of Alt+F10.\n            // This ensures, the navigation works always the same and no pair of toolbars takes over\n            // (e.g. image and table toolbars when a selected image is inside a cell).\n            // * It could be that the focus went to the toolbar by clicking a toolbar item (e.g. a dropdown). In this case,\n            // there were no candidates so they must be obtained (#12339).\n            if (!currentFocusedToolbarDefinition || !candidateDefinitions) {\n                candidateDefinitions = this._getFocusableCandidateToolbarDefinitions();\n            }\n            // In a single Alt+F10 press, check all candidates but if none were focused, don't go any further.\n            // This prevents an infinite loop.\n            for(let i = 0; i < candidateDefinitions.length; i++){\n                const candidateDefinition = candidateDefinitions.shift();\n                // Put the first definition to the back of the array. This allows circular navigation over all toolbars\n                // on successive presses of Alt+F10.\n                candidateDefinitions.push(candidateDefinition);\n                // Don't focus the same toolbar again. If you did, this would move focus from the nth focused toolbar item back to the\n                // first item as per ToolbarView#focus() if the user navigated inside the toolbar.\n                if (candidateDefinition !== currentFocusedToolbarDefinition && this._focusFocusableCandidateToolbar(candidateDefinition)) {\n                    // Clean up after a current visible toolbar when switching to the next one.\n                    if (currentFocusedToolbarDefinition && currentFocusedToolbarDefinition.options.afterBlur) {\n                        currentFocusedToolbarDefinition.options.afterBlur();\n                    }\n                    break;\n                }\n            }\n            cancel();\n        });\n        // Blur the focused toolbar on <kbd>Esc</kbd> and bring the focus back to its origin.\n        editor.keystrokes.set('Esc', (data, cancel)=>{\n            const focusedToolbarDef = this._getCurrentFocusedToolbarDefinition();\n            if (!focusedToolbarDef) {\n                return;\n            }\n            // Bring focus back to where it came from before focusing the toolbar:\n            // 1. If it came from outside the engine view (e.g. source editing), move it there.\n            if (this._lastFocusedForeignElement) {\n                this._lastFocusedForeignElement.focus();\n                this._lastFocusedForeignElement = null;\n            } else {\n                editor.editing.view.focus();\n            }\n            // Clean up after the toolbar if there is anything to do there.\n            if (focusedToolbarDef.options.afterBlur) {\n                focusedToolbarDef.options.afterBlur();\n            }\n            cancel();\n        });\n    }\n    /**\n\t * Saves last focused element that doen not belong to editing view to restore focus on `Esc`.\n\t */ _saveLastFocusedForeignElement() {\n        const focusedElement = this.focusTracker.focusedElement;\n        // Focus moved out of a DOM element that\n        // * is not a toolbar,\n        // * does not belong to the editing view (e.g. source editing).\n        if (Array.from(this._editableElementsMap.values()).includes(focusedElement) && !Array.from(this.editor.editing.view.domRoots.values()).includes(focusedElement)) {\n            this._lastFocusedForeignElement = focusedElement;\n        }\n    }\n    /**\n\t * Returns definitions of toolbars that could potentially be focused, sorted by their importance for the user.\n\t *\n\t * Focusable toolbars candidates are either:\n\t * * already visible,\n\t * * have `beforeFocus()` set in their {@link module:ui/editorui/editorui~FocusableToolbarDefinition definition} that suggests that\n\t * they might show up when called. Keep in mind that determining whether a toolbar will show up (and become focusable) is impossible\n\t * at this stage because it depends on its implementation, that in turn depends on the editing context (selection).\n\t *\n\t * **Note**: Contextual toolbars take precedence over regular toolbars.\n\t */ _getFocusableCandidateToolbarDefinitions() {\n        const definitions = [];\n        for (const toolbarDef of this._focusableToolbarDefinitions){\n            const { toolbarView, options } = toolbarDef;\n            if (isVisible(toolbarView.element) || options.beforeFocus) {\n                definitions.push(toolbarDef);\n            }\n        }\n        // Contextual and already visible toolbars have higher priority. If both are true, the toolbar will always focus first.\n        // For instance, a selected widget toolbar vs inline editor toolbar: both are visible but the widget toolbar is contextual.\n        definitions.sort((defA, defB)=>getToolbarDefinitionWeight(defA) - getToolbarDefinitionWeight(defB));\n        return definitions;\n    }\n    /**\n\t * Returns a definition of the toolbar that is currently visible and focused (one of its children has focus).\n\t *\n\t * `null` is returned when no toolbar is currently focused.\n\t */ _getCurrentFocusedToolbarDefinition() {\n        for (const definition of this._focusableToolbarDefinitions){\n            if (definition.toolbarView.element && definition.toolbarView.element.contains(this.focusTracker.focusedElement)) {\n                return definition;\n            }\n        }\n        return null;\n    }\n    /**\n\t * Focuses a focusable toolbar candidate using its definition.\n\t *\n\t * @param candidateToolbarDefinition A definition of the toolbar to focus.\n\t * @returns `true` when the toolbar candidate was focused. `false` otherwise.\n\t */ _focusFocusableCandidateToolbar(candidateToolbarDefinition) {\n        const { toolbarView, options: { beforeFocus } } = candidateToolbarDefinition;\n        if (beforeFocus) {\n            beforeFocus();\n        }\n        // If it didn't show up after beforeFocus(), it's not focusable at all.\n        if (!isVisible(toolbarView.element)) {\n            return false;\n        }\n        toolbarView.focus();\n        return true;\n    }\n    /**\n\t * Provides an integration between {@link #viewportOffset} and {@link module:utils/dom/scroll~scrollViewportToShowTarget}.\n\t * It allows the UI-agnostic engine method to consider user-configured viewport offsets specific for the integration.\n\t *\n\t * @param evt The `scrollToTheSelection` event info.\n\t * @param data The payload carried by the `scrollToTheSelection` event.\n\t */ _handleScrollToTheSelection(evt, data) {\n        const configuredViewportOffset = {\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n            ...this.viewportOffset\n        };\n        data.viewportOffset.top += configuredViewportOffset.top;\n        data.viewportOffset.bottom += configuredViewportOffset.bottom;\n        data.viewportOffset.left += configuredViewportOffset.left;\n        data.viewportOffset.right += configuredViewportOffset.right;\n    }\n    /**\n\t * Ensures that the focus tracker is aware of all views' DOM elements in the body collection.\n\t */ _bindBodyCollectionWithFocusTracker() {\n        const body = this.view.body;\n        for (const view of body){\n            this.focusTracker.add(view.element);\n        }\n        body.on('add', (evt, view)=>{\n            this.focusTracker.add(view.element);\n        });\n        body.on('remove', (evt, view)=>{\n            this.focusTracker.remove(view.element);\n        });\n    }\n    /**\n\t * Set initial viewport offset and setup visualTop augmentation.\n\t */ _initViewportOffset(viewportOffsetConfig) {\n        // Augment the viewport offset set from outside the editor with the visualTop property.\n        this.on('set:viewportOffset', (evt, name, value)=>{\n            const visualTop = this._getVisualViewportTopOffset(value);\n            // Update only if there is a change in a value, so we do not trigger\n            // listeners to the viewportOffset observable.\n            if (value.visualTop !== visualTop) {\n                evt.return = {\n                    ...value,\n                    visualTop\n                };\n            }\n        });\n        // Set the initial value after augmenting the setter.\n        this.set('viewportOffset', viewportOffsetConfig);\n    }\n    /**\n\t * Listen to visual viewport changes and update the viewportOffset with the visualTop property\n\t * according to the visible part of it (visual viewport).\n\t */ _initVisualViewportSupport() {\n        if (!global.window.visualViewport) {\n            return;\n        }\n        const updateViewport = ()=>{\n            const visualTop = this._getVisualViewportTopOffset(this.viewportOffset);\n            // Update only if there is a change in a value, so we do not trigger\n            // listeners to the viewportOffset observable.\n            if (this.viewportOffset.visualTop !== visualTop) {\n                this.viewportOffset = {\n                    ...this.viewportOffset,\n                    visualTop\n                };\n            }\n        };\n        // Listen to the changes in the visual viewport to adjust the visualTop of viewport offset.\n        this._domEmitter = new (DomEmitterMixin())();\n        this._domEmitter.listenTo(global.window.visualViewport, 'scroll', updateViewport);\n        this._domEmitter.listenTo(global.window.visualViewport, 'resize', updateViewport);\n    }\n    /**\n\t * Calculate the viewport top offset according to the visible part of it (visual viewport).\n\t */ _getVisualViewportTopOffset(viewportOffset) {\n        const visualViewportOffsetTop = getVisualViewportOffset().top;\n        const viewportTopOffset = viewportOffset.top || 0;\n        return visualViewportOffsetTop > viewportTopOffset ? 0 : viewportTopOffset - visualViewportOffsetTop;\n    }\n}\n/**\n * Returns a number (weight) for a toolbar definition. Visible toolbars have a higher priority and so do\n * contextual toolbars (displayed in the context of a content, for instance, an image toolbar).\n *\n * A standard invisible toolbar is the heaviest. A visible contextual toolbar is the lightest.\n *\n * @param toolbarDef A toolbar definition to be weighted.\n */ function getToolbarDefinitionWeight(toolbarDef) {\n    const { toolbarView, options } = toolbarDef;\n    let weight = 10;\n    // Prioritize already visible toolbars. They should get focused first.\n    if (isVisible(toolbarView.element)) {\n        weight--;\n    }\n    // Prioritize contextual toolbars. They are displayed at the selection.\n    if (options.isContextual) {\n        weight -= 2;\n    }\n    return weight;\n}\n\n/**\n * The editor UI view class. Base class for the editor main views.\n */ class EditorUIView extends View {\n    /**\n\t * Collection of the child views, detached from the DOM\n\t * structure of the editor, like panels, icons etc.\n\t */ body;\n    /**\n\t * Menu bar view instance. Initialized by default in:\n\t *\n\t * * balloon editor;\n\t * * decoupled editor;\n\t * * multiroot editor.\n\t */ menuBarView;\n    /**\n\t * Toolbar view instance. Initialized by default in:\n\t *\n\t * * classic editor;\n\t * * decoupled editor;\n\t * * inline editor;\n\t * * multiroot editor.\n\t */ toolbar;\n    /**\n\t * Creates an instance of the editor UI view class.\n\t *\n\t * @param locale The locale instance.\n\t */ constructor(locale){\n        super(locale);\n        this.body = new BodyCollection(locale);\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.body.attachToDom();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this.body.detachFromDom();\n        return super.destroy();\n    }\n}\n\n/**\n * The boxed editor UI view class. This class represents an editor interface\n * consisting of a toolbar and an editable area, enclosed within a box.\n */ class BoxedEditorUIView extends EditorUIView {\n    /**\n\t * Collection of the child views located in the top (`.ck-editor__top`)\n\t * area of the UI.\n\t */ top;\n    /**\n\t * Collection of the child views located in the main (`.ck-editor__main`)\n\t * area of the UI.\n\t */ main;\n    /**\n\t * Voice label of the UI.\n\t */ _voiceLabelView;\n    /**\n\t * Creates an instance of the boxed editor UI view class.\n\t *\n\t * @param locale The locale instance..\n\t */ constructor(locale){\n        super(locale);\n        this.top = this.createCollection();\n        this.main = this.createCollection();\n        this._voiceLabelView = this._createVoiceLabel();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-reset',\n                    'ck-editor',\n                    'ck-rounded-corners'\n                ],\n                role: 'application',\n                dir: locale.uiLanguageDirection,\n                lang: locale.uiLanguage,\n                'aria-labelledby': this._voiceLabelView.id\n            },\n            children: [\n                this._voiceLabelView,\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-editor__top',\n                            'ck-reset_all'\n                        ],\n                        role: 'presentation'\n                    },\n                    children: this.top\n                },\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-editor__main'\n                        ],\n                        role: 'presentation'\n                    },\n                    children: this.main\n                }\n            ]\n        });\n    }\n    /**\n\t * Creates a voice label view instance.\n\t */ _createVoiceLabel() {\n        const t = this.t;\n        const voiceLabel = new LabelView();\n        voiceLabel.text = t('Rich Text Editor');\n        voiceLabel.extendTemplate({\n            attributes: {\n                class: 'ck-voice-label'\n            }\n        });\n        return voiceLabel;\n    }\n}\n\n/**\n * The editable UI view class.\n */ class EditableUIView extends View {\n    /**\n\t * The name of the editable UI view.\n\t */ name = null;\n    /**\n\t * The editing view instance the editable is related to. Editable uses the editing\n\t * view to dynamically modify its certain DOM attributes after {@link #render rendering}.\n\t *\n\t * **Note**: The DOM attributes are performed by the editing view and not UI\n\t * {@link module:ui/view~View#bindTemplate template bindings} because once rendered,\n\t * the editable DOM element must remain under the full control of the engine to work properly.\n\t */ _editingView;\n    /**\n\t * The element which is the main editable element (usually the one with `contentEditable=\"true\"`).\n\t */ _editableElement;\n    /**\n\t * Whether an external {@link #_editableElement} was passed into the constructor, which also means\n\t * the view will not render its {@link #template}.\n\t */ _hasExternalElement;\n    /**\n\t * Creates an instance of EditableUIView class.\n\t *\n\t * @param locale The locale instance.\n\t * @param editingView The editing view instance the editable is related to.\n\t * @param editableElement The editable element. If not specified, this view\n\t * should create it. Otherwise, the existing element should be used.\n\t */ constructor(locale, editingView, editableElement){\n        super(locale);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-content',\n                    'ck-editor__editable',\n                    'ck-rounded-corners'\n                ],\n                lang: locale.contentLanguage,\n                dir: locale.contentLanguageDirection\n            }\n        });\n        this.set('isFocused', false);\n        this._editableElement = editableElement;\n        this._hasExternalElement = !!this._editableElement;\n        this._editingView = editingView;\n    }\n    /**\n\t * Renders the view by either applying the {@link #template} to the existing\n\t * {@link module:ui/editableui/editableuiview~EditableUIView#_editableElement} or assigning {@link #element}\n\t * as {@link module:ui/editableui/editableuiview~EditableUIView#_editableElement}.\n\t */ render() {\n        super.render();\n        if (this._hasExternalElement) {\n            this.template.apply(this.element = this._editableElement);\n        } else {\n            this._editableElement = this.element;\n        }\n        this.on('change:isFocused', ()=>this._updateIsFocusedClasses());\n        this._updateIsFocusedClasses();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        if (this._hasExternalElement) {\n            this.template.revert(this._editableElement);\n        }\n        super.destroy();\n    }\n    /**\n\t * Whether an external {@link #_editableElement} was passed into the constructor, which also means\n\t * the view will not render its {@link #template}.\n\t */ get hasExternalElement() {\n        return this._hasExternalElement;\n    }\n    /**\n\t * Updates the `ck-focused` and `ck-blurred` CSS classes on the {@link #element} according to\n\t * the {@link #isFocused} property value using the {@link #_editingView editing view} API.\n\t */ _updateIsFocusedClasses() {\n        const editingView = this._editingView;\n        if (editingView.isRenderingInProgress) {\n            updateAfterRender(this);\n        } else {\n            update(this);\n        }\n        function update(view) {\n            editingView.change((writer)=>{\n                const viewRoot = editingView.document.getRoot(view.name);\n                writer.addClass(view.isFocused ? 'ck-focused' : 'ck-blurred', viewRoot);\n                writer.removeClass(view.isFocused ? 'ck-blurred' : 'ck-focused', viewRoot);\n            });\n        }\n        // In a case of a multi-root editor, a callback will be attached more than once (one callback for each root).\n        // While executing one callback the `isRenderingInProgress` observable is changing what causes executing another\n        // callback and render is called inside the already pending render.\n        // We need to be sure that callback is executed only when the value has changed from `true` to `false`.\n        // See https://github.com/ckeditor/ckeditor5/issues/1676.\n        function updateAfterRender(view) {\n            editingView.once('change:isRenderingInProgress', (evt, name, value)=>{\n                if (!value) {\n                    update(view);\n                } else {\n                    updateAfterRender(view);\n                }\n            });\n        }\n    }\n}\n\n/**\n * The inline editable UI class implementing an inline {@link module:ui/editableui/editableuiview~EditableUIView}.\n */ class InlineEditableUIView extends EditableUIView {\n    /**\n\t * The cached options object passed to the constructor.\n\t */ _options;\n    /**\n\t * Creates an instance of the InlineEditableUIView class.\n\t *\n\t * @param locale The locale instance.\n\t * @param editingView The editing view instance the editable is related to.\n\t * @param editableElement The editable element. If not specified, the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView}\n\t * will create it. Otherwise, the existing element will be used.\n\t * @param options Additional configuration of the view.\n\t * @param options.label The label of the editable for assistive technologies. If not provided, a default label is used or,\n\t * the existing `aria-label` attribute value from the specified `editableElement` is preserved.\n\t */ constructor(locale, editingView, editableElement, options = {}){\n        super(locale, editingView, editableElement);\n        this._options = options;\n        this.extendTemplate({\n            attributes: {\n                role: 'textbox',\n                class: 'ck-editor__editable_inline'\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        const editingView = this._editingView;\n        editingView.change((writer)=>{\n            const viewRoot = editingView.document.getRoot(this.name);\n            writer.setAttribute('aria-label', this.getEditableAriaLabel(), viewRoot);\n        });\n    }\n    /**\n\t * Returns a normalized label for the editable view based on the environment.\n\t */ getEditableAriaLabel() {\n        const t = this.locale.t;\n        const label = this._options.label;\n        const editableElement = this._editableElement;\n        const editableName = this.name;\n        if (typeof label == 'string') {\n            return label;\n        } else if (typeof label === 'object') {\n            return label[editableName];\n        } else if (typeof label === 'function') {\n            return label(this);\n        } else if (editableElement) {\n            const existingLabel = editableElement.getAttribute('aria-label');\n            if (existingLabel) {\n                return existingLabel;\n            }\n        }\n        return t('Rich Text Editor. Editing area: %0', editableName);\n    }\n}\n\n/**\n * The class representing a single row in a form,\n */ class FormRowView extends View {\n    /**\n\t * A collection of row items (buttons, dropdowns, etc.).\n\t */ children;\n    /**\n\t * Creates an instance of the form row class.\n\t *\n\t * @param locale The locale instance.\n\t * @param options.labelView When passed, the row gets the `group` and `aria-labelledby`\n\t * DOM attributes and gets described by the label.\n\t */ constructor(locale, options = {}){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('class', [\n            'ck',\n            'ck-form__row',\n            ...toArray(options.class || [])\n        ]);\n        this.children = this.createCollection();\n        if (options.children) {\n            options.children.forEach((child)=>this.children.add(child));\n        }\n        this.set('_role', null);\n        this.set('_ariaLabelledBy', null);\n        if (options.labelView) {\n            this.set({\n                _role: 'group',\n                _ariaLabelledBy: options.labelView.id\n            });\n        }\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: bind.to('class', (classes)=>classes.join(' ')),\n                role: bind.to('_role'),\n                'aria-labelledby': bind.to('_ariaLabelledBy')\n            },\n            children: this.children\n        });\n    }\n}\n\n/**\n * The iframe view class.\n *\n * ```ts\n * const iframe = new IframeView();\n *\n * iframe.render();\n * document.body.appendChild( iframe.element );\n *\n * iframe.on( 'loaded', () => {\n * \tconsole.log( 'The iframe has loaded', iframe.element.contentWindow );\n * } );\n *\n * iframe.element.src = 'https://ckeditor.com';\n * ```\n */ class IframeView extends View {\n    /**\n\t * Creates a new instance of the iframe view.\n\t *\n\t * @param locale The locale instance.\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'iframe',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-reset_all'\n                ],\n                // It seems that we need to allow scripts in order to be able to listen to events.\n                // TODO: Research that. Perhaps the src must be set?\n                sandbox: 'allow-same-origin allow-scripts'\n            },\n            on: {\n                load: bind.to('loaded')\n            }\n        });\n    }\n    /**\n\t * Renders the iframe's {@link #element} and returns a `Promise` for asynchronous\n\t * child `contentDocument` loading process.\n\t *\n\t * @returns A promise which resolves once the iframe `contentDocument` has\n\t * been {@link #event:loaded}.\n\t */ render() {\n        return new Promise((resolve)=>{\n            this.on('loaded', resolve);\n            return super.render();\n        });\n    }\n}\n\n/**\n * The labeled input view class.\n */ class LabeledInputView extends View {\n    /**\n\t * The label view.\n\t */ labelView;\n    /**\n\t * The input view.\n\t */ inputView;\n    /**\n\t * The status view for the {@link #inputView}. It displays {@link #errorText} and\n\t * {@link #infoText}.\n\t */ statusView;\n    /**\n\t * Creates an instance of the labeled input view class.\n\t *\n\t * @param locale The locale instance.\n\t * @param InputView Constructor of the input view.\n\t */ constructor(locale, InputView){\n        super(locale);\n        const inputUid = `ck-input-${uid()}`;\n        const statusUid = `ck-status-${uid()}`;\n        this.set('label', undefined);\n        this.set('value', undefined);\n        this.set('isReadOnly', false);\n        this.set('errorText', null);\n        this.set('infoText', null);\n        this.labelView = this._createLabelView(inputUid);\n        this.inputView = this._createInputView(InputView, inputUid, statusUid);\n        this.statusView = this._createStatusView(statusUid);\n        this.bind('_statusText').to(this, 'errorText', this, 'infoText', (errorText, infoText)=>errorText || infoText);\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-labeled-input',\n                    bind.if('isReadOnly', 'ck-disabled')\n                ]\n            },\n            children: [\n                this.labelView,\n                this.inputView,\n                this.statusView\n            ]\n        });\n    }\n    /**\n\t * Creates label view class instance and bind with view.\n\t *\n\t * @param id Unique id to set as labelView#for attribute.\n\t */ _createLabelView(id) {\n        const labelView = new LabelView(this.locale);\n        labelView.for = id;\n        labelView.bind('text').to(this, 'label');\n        return labelView;\n    }\n    /**\n\t * Creates input view class instance and bind with view.\n\t *\n\t * @param InputView Input view constructor.\n\t * @param inputUid Unique id to set as inputView#id attribute.\n\t * @param statusUid Unique id of the status for the input's `aria-describedby` attribute.\n\t */ _createInputView(InputView, inputUid, statusUid) {\n        const inputView = new InputView(this.locale, statusUid);\n        inputView.id = inputUid;\n        inputView.ariaDescribedById = statusUid;\n        inputView.bind('value').to(this);\n        inputView.bind('isReadOnly').to(this);\n        inputView.bind('hasError').to(this, 'errorText', (value)=>!!value);\n        inputView.on('input', ()=>{\n            // UX: Make the error text disappear and disable the error indicator as the user\n            // starts fixing the errors.\n            this.errorText = null;\n        });\n        return inputView;\n    }\n    /**\n\t * Creates the status view instance. It displays {@link #errorText} and {@link #infoText}\n\t * next to the {@link #inputView}. See {@link #_statusText}.\n\t *\n\t * @param statusUid Unique id of the status, shared with the input's `aria-describedby` attribute.\n\t */ _createStatusView(statusUid) {\n        const statusView = new View(this.locale);\n        const bind = this.bindTemplate;\n        statusView.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-labeled-input__status',\n                    bind.if('errorText', 'ck-labeled-input__status_error'),\n                    bind.if('_statusText', 'ck-hidden', (value)=>!value)\n                ],\n                id: statusUid,\n                role: bind.if('errorText', 'alert')\n            },\n            children: [\n                {\n                    text: bind.to('_statusText')\n                }\n            ]\n        });\n        return statusView;\n    }\n    /**\n\t * Moves the focus to the input and selects the value.\n\t */ select() {\n        this.inputView.select();\n    }\n    /**\n\t * Focuses the input.\n\t */ focus() {\n        this.inputView.focus();\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module ui/search/filtergroupanditemnames\n */ /**\n * A filter function that returns matching item and group names in the list view.\n */ function filterGroupAndItemNames(regExp, items) {\n    let totalItemsCount = 0;\n    let resultsCount = 0;\n    for (const groupView of items){\n        const group = groupView;\n        const groupItems = group.items;\n        const isGroupLabelMatching = regExp && !!group.label.match(regExp);\n        group.labelView.highlightText(isGroupLabelMatching ? regExp : null);\n        for (const listItemView of groupItems){\n            const buttonView = listItemView.children.first;\n            const labelView = buttonView.labelView;\n            if (!regExp) {\n                listItemView.isVisible = true;\n                labelView.highlightText(null);\n            } else {\n                const isItemLabelMatching = !!buttonView.label.match(regExp);\n                labelView.highlightText(isItemLabelMatching ? regExp : null);\n                listItemView.isVisible = isGroupLabelMatching || isItemLabelMatching;\n            }\n        }\n        const visibleInGroupCount = groupItems.filter((listItemView)=>listItemView.isVisible).length;\n        totalItemsCount += group.items.length;\n        resultsCount += isGroupLabelMatching ? group.items.length : visibleInGroupCount;\n        group.isVisible = isGroupLabelMatching || !!visibleInGroupCount;\n    }\n    return {\n        resultsCount,\n        totalItemsCount\n    };\n}\n\n/**\n * The Notification plugin.\n *\n * This plugin sends a few types of notifications: `success`, `info` and `warning`. The notifications need to be\n * handled and displayed by a plugin responsible for showing the UI of the notifications. Using this plugin for dispatching\n * notifications makes it possible to switch the notifications UI.\n *\n * Note that every unhandled and not stopped `warning` notification will be displayed as a system alert.\n * See {@link module:ui/notification/notification~Notification#showWarning}.\n */ class Notification extends ContextPlugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Notification';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        // Each unhandled and not stopped `show:warning` event is displayed as a system alert.\n        this.on('show:warning', (evt, data)=>{\n            window.alert(data.message); // eslint-disable-line no-alert\n        }, {\n            priority: 'lowest'\n        });\n    }\n    /**\n\t * Shows a success notification.\n\t *\n\t * By default, it fires the {@link #event:show:success `show:success` event} with the given `data`. The event namespace can be extended\n\t * using the `data.namespace` option. For example:\n\t *\n\t * ```ts\n\t * showSuccess( 'Image is uploaded.', {\n\t * \tnamespace: 'upload:image'\n\t * } );\n\t * ```\n\t *\n\t * will fire the `show:success:upload:image` event.\n\t *\n\t * You can provide the title of the notification:\n\t *\n\t * ```ts\n\t * showSuccess( 'Image is uploaded.', {\n\t * \ttitle: 'Image upload success'\n\t * } );\n\t * ```\n\t *\n\t * @param message The content of the notification.\n\t * @param data Additional data.\n\t * @param data.namespace Additional event namespace.\n\t * @param data.title The title of the notification.\n\t */ showSuccess(message, data = {}) {\n        this._showNotification({\n            message,\n            type: 'success',\n            namespace: data.namespace,\n            title: data.title\n        });\n    }\n    /**\n\t * Shows an information notification.\n\t *\n\t * By default, it fires the {@link #event:show:info `show:info` event} with the given `data`. The event namespace can be extended\n\t * using the `data.namespace` option. For example:\n\t *\n\t * ```ts\n\t * showInfo( 'Editor is offline.', {\n\t * \tnamespace: 'editor:status'\n\t * } );\n\t * ```\n\t *\n\t * will fire the `show:info:editor:status` event.\n\t *\n\t * You can provide the title of the notification:\n\t *\n\t * ```ts\n\t * showInfo( 'Editor is offline.', {\n\t * \ttitle: 'Network information'\n\t * } );\n\t * ```\n\t *\n\t * @param message The content of the notification.\n\t * @param data Additional data.\n\t * @param data.namespace Additional event namespace.\n\t * @param data.title The title of the notification.\n\t */ showInfo(message, data = {}) {\n        this._showNotification({\n            message,\n            type: 'info',\n            namespace: data.namespace,\n            title: data.title\n        });\n    }\n    /**\n\t * Shows a warning notification.\n\t *\n\t * By default, it fires the {@link #event:show:warning `show:warning` event}\n\t * with the given `data`. The event namespace can be extended using the `data.namespace` option. For example:\n\t *\n\t * ```ts\n\t * showWarning( 'Image upload error.', {\n\t * \tnamespace: 'upload:image'\n\t * } );\n\t * ```\n\t *\n\t * will fire the `show:warning:upload:image` event.\n\t *\n\t * You can provide the title of the notification:\n\t *\n\t * ```ts\n\t * showWarning( 'Image upload error.', {\n\t * \ttitle: 'Upload failed'\n\t * } );\n\t * ```\n\t *\n\t * Note that each unhandled and not stopped `warning` notification will be displayed as a system alert.\n\t * The plugin responsible for displaying warnings should `stop()` the event to prevent displaying it as an alert:\n\t *\n\t * ```ts\n\t * notifications.on( 'show:warning', ( evt, data ) => {\n\t * \t// Do something with the data.\n\t *\n\t * \t// Stop this event to prevent displaying it as an alert.\n\t * \tevt.stop();\n\t * } );\n\t * ```\n\t *\n\t * You can attach many listeners to the same event and `stop()` this event in a listener with a low priority:\n\t *\n\t * ```ts\n\t * notifications.on( 'show:warning', ( evt, data ) => {\n\t * \t// Show the warning in the UI, but do not stop it.\n\t * } );\n\t *\n\t * notifications.on( 'show:warning', ( evt, data ) => {\n\t * \t// Log the warning to some error tracker.\n\t *\n\t * \t// Stop this event to prevent displaying it as an alert.\n\t * \tevt.stop();\n\t * }, { priority: 'low' } );\n\t * ```\n\t *\n\t * @param message The content of the notification.\n\t * @param data Additional data.\n\t * @param data.namespace Additional event namespace.\n\t * @param data.title The title of the notification.\n\t */ showWarning(message, data = {}) {\n        this._showNotification({\n            message,\n            type: 'warning',\n            namespace: data.namespace,\n            title: data.title\n        });\n    }\n    /**\n\t * Fires the `show` event with the specified type, namespace and message.\n\t *\n\t * @param data The message data.\n\t * @param data.message The content of the notification.\n\t * @param data.type The type of the message.\n\t * @param data.namespace Additional event namespace.\n\t * @param data.title The title of the notification.\n\t */ _showNotification(data) {\n        const event = data.namespace ? `show:${data.type}:${data.namespace}` : `show:${data.type}`;\n        this.fire(event, {\n            message: data.message,\n            type: data.type,\n            title: data.title || ''\n        });\n    }\n}\n\n/**\n * The base MVC model class.\n */ class UIModel extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * Creates a new Model instance.\n\t *\n\t * @param attributes The model state attributes to be defined during the instance creation.\n\t * @param properties The (out of state) properties to be appended to the instance during creation.\n\t */ constructor(attributes, properties){\n        super();\n        // Extend this instance with the additional (out of state) properties.\n        if (properties) {\n            extend(this, properties);\n        }\n        // Initialize the attributes.\n        if (attributes) {\n            this.set(attributes);\n        }\n    }\n}\n\nconst toPx$4 = /* #__PURE__ */ toUnit('px');\n/**\n * Provides the common contextual balloon for the editor.\n *\n * The role of this plugin is to unify the contextual balloons logic, simplify views management and help\n * avoid the unnecessary complexity of handling multiple {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView}\n * instances in the editor.\n *\n * This plugin allows for creating single or multiple panel stacks.\n *\n * Each stack may have multiple views, with the one on the top being visible. When the visible view is removed from the stack,\n * the previous view becomes visible.\n *\n * It might be useful to implement nested navigation in a balloon. For instance, a toolbar view may contain a link button.\n * When you click it, a link view (which lets you set the URL) is created and put on top of the toolbar view, so the link panel\n * is displayed. When you finish editing the link and close (remove) the link view, the toolbar view is visible again.\n *\n * However, there are cases when there are multiple independent balloons to be displayed, for instance, if the selection\n * is inside two inline comments at the same time. For such cases, you can create two independent panel stacks.\n * The contextual balloon plugin will create a navigation bar to let the users switch between these panel stacks using the \"Next\"\n * and \"Previous\" buttons.\n *\n * If there are no views in the current stack, the balloon panel will try to switch to the next stack. If there are no\n * panels in any stack, the balloon panel will be hidden.\n *\n * **Note**: To force the balloon panel to show only one view, even if there are other stacks, use the `singleViewMode=true` option\n * when {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon#add adding} a view to a panel.\n *\n * From the implementation point of view, the contextual ballon plugin is reusing a single\n * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView} instance to display multiple contextual balloon\n * panels in the editor. It also creates a special {@link module:ui/panel/balloon/contextualballoon~RotatorView rotator view},\n * used to manage multiple panel stacks. Rotator view is a child of the balloon panel view and the parent of the specific\n * view you want to display. If there is more than one panel stack to be displayed, the rotator view will add a\n * navigation bar. If there is only one stack, the rotator view is transparent (it does not add any UI elements).\n */ class ContextualBalloon extends Plugin {\n    /**\n\t * The {@link module:utils/dom/position~DomOptimalPositionOptions#limiter position limiter}\n\t * for the {@link #view balloon}, used when no `limiter` has been passed into {@link #add}\n\t * or {@link #updatePosition}.\n\t *\n\t * By default, a function that obtains the farthest DOM\n\t * {@link module:engine/view/rooteditableelement~ViewRootEditableElement}\n\t * of the {@link module:engine/view/document~ViewDocument#selection}.\n\t */ positionLimiter;\n    visibleStack;\n    /**\n\t * The map of views and their stacks.\n\t */ _viewToStack = new Map();\n    /**\n\t * The map of IDs and stacks.\n\t */ _idToStack = new Map();\n    /**\n\t * The common balloon panel view.\n\t */ _view = null;\n    /**\n\t * Rotator view embedded in the contextual balloon.\n\t * Displays the currently visible view in the balloon and provides navigation for switching stacks.\n\t */ _rotatorView = null;\n    /**\n\t * Displays fake panels under the balloon panel view when multiple stacks are added to the balloon.\n\t */ _fakePanelsView = null;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ContextualBalloon';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this.positionLimiter = ()=>{\n            const view = this.editor.editing.view;\n            const viewDocument = view.document;\n            const editableElement = viewDocument.selection.editableElement;\n            if (editableElement) {\n                return view.domConverter.mapViewToDom(editableElement.root);\n            }\n            return null;\n        };\n        this.decorate('getPositionOptions');\n        this.set('visibleView', null);\n        this.set('_numberOfStacks', 0);\n        this.set('_singleViewMode', false);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        if (this._view) {\n            this._view.destroy();\n        }\n        if (this._rotatorView) {\n            this._rotatorView.destroy();\n        }\n        if (this._fakePanelsView) {\n            this._fakePanelsView.destroy();\n        }\n    }\n    /**\n\t * The common balloon panel view.\n\t */ get view() {\n        if (!this._view) {\n            this._createPanelView();\n        }\n        return this._view;\n    }\n    /**\n\t * Returns `true` when the given view is in one of the stacks. Otherwise returns `false`.\n\t */ hasView(view) {\n        return Array.from(this._viewToStack.keys()).includes(view);\n    }\n    /**\n\t * Adds a new view to the stack and makes it visible if the current stack is visible\n\t * or it is the first view in the balloon.\n\t *\n\t * @param data The configuration of the view.\n\t * @param data.stackId The ID of the stack that the view is added to. Defaults to `'main'`.\n\t * @param data.view The content of the balloon.\n\t * @param data.position Positioning options.\n\t * @param data.balloonClassName An additional CSS class added to the {@link #view balloon} when visible.\n\t * @param data.withArrow Whether the {@link #view balloon} should be rendered with an arrow. Defaults to `true`.\n\t * @param data.singleViewMode Whether the view should be the only visible view even if other stacks were added. Defaults to `false`.\n\t */ add(data) {\n        if (!this._view) {\n            this._createPanelView();\n        }\n        if (this.hasView(data.view)) {\n            /**\n\t\t\t * Trying to add configuration of the same view more than once.\n\t\t\t *\n\t\t\t * @error contextualballoon-add-view-exist\n\t\t\t */ throw new CKEditorError('contextualballoon-add-view-exist', [\n                this,\n                data\n            ]);\n        }\n        const stackId = data.stackId || 'main';\n        // If new stack is added, creates it and show view from this stack.\n        if (!this._idToStack.has(stackId)) {\n            this._idToStack.set(stackId, new Map([\n                [\n                    data.view,\n                    data\n                ]\n            ]));\n            this._viewToStack.set(data.view, this._idToStack.get(stackId));\n            this._numberOfStacks = this._idToStack.size;\n            if (!this._visibleStack || data.singleViewMode) {\n                this.showStack(stackId);\n            }\n            return;\n        }\n        const stack = this._idToStack.get(stackId);\n        if (data.singleViewMode) {\n            this.showStack(stackId);\n        }\n        // Add new view to the stack.\n        stack.set(data.view, data);\n        this._viewToStack.set(data.view, stack);\n        // And display it if is added to the currently visible stack.\n        if (stack === this._visibleStack) {\n            this._showView(data);\n        }\n    }\n    /**\n\t * Removes the given view from the stack. If the removed view was visible,\n\t * the view preceding it in the stack will become visible instead.\n\t * When there is no view in the stack, the next stack will be displayed.\n\t * When there are no more stacks, the balloon will hide.\n\t *\n\t * @param view A view to be removed from the balloon.\n\t */ remove(view) {\n        if (!this.hasView(view)) {\n            /**\n\t\t\t * Trying to remove the configuration of the view not defined in the stack.\n\t\t\t *\n\t\t\t * @error contextualballoon-remove-view-not-exist\n\t\t\t */ throw new CKEditorError('contextualballoon-remove-view-not-exist', [\n                this,\n                view\n            ]);\n        }\n        const stack = this._viewToStack.get(view);\n        if (this._singleViewMode && this.visibleView === view) {\n            this._singleViewMode = false;\n        }\n        // When visible view will be removed we need to show a preceding view or next stack\n        // if a view is the only view in the stack.\n        if (this.visibleView === view) {\n            if (stack.size === 1) {\n                if (this._idToStack.size > 1) {\n                    this._showNextStack();\n                } else {\n                    this.view.hide();\n                    this.visibleView = null;\n                    this._rotatorView.hideView();\n                }\n            } else {\n                this._showView(Array.from(stack.values())[stack.size - 2]);\n            }\n        }\n        if (stack.size === 1) {\n            this._idToStack.delete(this._getStackId(stack));\n            this._numberOfStacks = this._idToStack.size;\n        } else {\n            stack.delete(view);\n        }\n        this._viewToStack.delete(view);\n    }\n    /**\n\t * Updates the position of the balloon using the position data of the first visible view in the stack.\n\t * When new position data is given, the position data of the currently visible view will be updated.\n\t *\n\t * @param position Position options.\n\t */ updatePosition(position) {\n        if (position) {\n            this._visibleStack.get(this.visibleView).position = position;\n        }\n        this.view.pin(this.getPositionOptions());\n        this._fakePanelsView.updatePosition();\n    }\n    /**\n\t * Returns position options of the last view in the stack.\n\t * This keeps the balloon in the same position when the view is changed.\n\t */ getPositionOptions() {\n        let position = Array.from(this._visibleStack.values()).pop().position;\n        if (position) {\n            // Use the default limiter if none has been specified.\n            if (!position.limiter) {\n                // Don't modify the original options object.\n                position = Object.assign({}, position, {\n                    limiter: this.positionLimiter\n                });\n            }\n            // Don't modify the original options object.\n            position = Object.assign({}, position, {\n                viewportOffsetConfig: {\n                    ...this.editor.ui.viewportOffset,\n                    top: this.editor.ui.viewportOffset.visualTop\n                }\n            });\n        }\n        return position;\n    }\n    /**\n\t * Shows the last view from the stack of a given ID.\n\t */ showStack(id) {\n        this.visibleStack = id;\n        const stack = this._idToStack.get(id);\n        if (!stack) {\n            /**\n\t\t\t * Trying to show a stack that does not exist.\n\t\t\t *\n\t\t\t * @error contextualballoon-showstack-stack-not-exist\n\t\t\t */ throw new CKEditorError('contextualballoon-showstack-stack-not-exist', this);\n        }\n        if (this._visibleStack === stack) {\n            return;\n        }\n        this._showView(Array.from(stack.values()).pop());\n    }\n    /**\n\t * Initializes view instances.\n\t */ _createPanelView() {\n        this._view = new BalloonPanelView(this.editor.locale);\n        this.editor.ui.view.body.add(this._view);\n        this._rotatorView = this._createRotatorView();\n        this._fakePanelsView = this._createFakePanelsView();\n    }\n    /**\n\t * Returns the stack of the currently visible view.\n\t */ get _visibleStack() {\n        return this._viewToStack.get(this.visibleView);\n    }\n    /**\n\t * Returns the ID of the given stack.\n\t */ _getStackId(stack) {\n        const entry = Array.from(this._idToStack.entries()).find((entry)=>entry[1] === stack);\n        return entry[0];\n    }\n    /**\n\t * Shows the last view from the next stack.\n\t */ _showNextStack() {\n        const stacks = Array.from(this._idToStack.values());\n        let nextIndex = stacks.indexOf(this._visibleStack) + 1;\n        if (!stacks[nextIndex]) {\n            nextIndex = 0;\n        }\n        this.showStack(this._getStackId(stacks[nextIndex]));\n    }\n    /**\n\t * Shows the last view from the previous stack.\n\t */ _showPrevStack() {\n        const stacks = Array.from(this._idToStack.values());\n        let nextIndex = stacks.indexOf(this._visibleStack) - 1;\n        if (!stacks[nextIndex]) {\n            nextIndex = stacks.length - 1;\n        }\n        this.showStack(this._getStackId(stacks[nextIndex]));\n    }\n    /**\n\t * Creates a rotator view.\n\t */ _createRotatorView() {\n        const view = new RotatorView(this.editor.locale);\n        const t = this.editor.locale.t;\n        this.view.content.add(view);\n        // Hide navigation when there is only a one stack & not in single view mode.\n        view.bind('isNavigationVisible').to(this, '_numberOfStacks', this, '_singleViewMode', (value, isSingleViewMode)=>{\n            return !isSingleViewMode && value > 1;\n        });\n        // Update balloon position after toggling navigation.\n        view.on('change:isNavigationVisible', ()=>this.updatePosition(), {\n            priority: 'low'\n        });\n        // Update stacks counter value.\n        view.bind('counter').to(this, 'visibleView', this, '_numberOfStacks', (visibleView, numberOfStacks)=>{\n            if (numberOfStacks < 2) {\n                return '';\n            }\n            const current = Array.from(this._idToStack.values()).indexOf(this._visibleStack) + 1;\n            return t('%0 of %1', [\n                current,\n                numberOfStacks\n            ]);\n        });\n        view.buttonNextView.on('execute', ()=>{\n            // When current view has a focus then move focus to the editable before removing it,\n            // otherwise editor will lost focus.\n            if (view.focusTracker.isFocused) {\n                this.editor.editing.view.focus();\n            }\n            this._showNextStack();\n        });\n        view.buttonPrevView.on('execute', ()=>{\n            // When current view has a focus then move focus to the editable before removing it,\n            // otherwise editor will lost focus.\n            if (view.focusTracker.isFocused) {\n                this.editor.editing.view.focus();\n            }\n            this._showPrevStack();\n        });\n        return view;\n    }\n    /**\n\t * Creates a fake panels view.\n\t */ _createFakePanelsView() {\n        const view = new FakePanelsView(this.editor.locale, this.view);\n        view.bind('numberOfPanels').to(this, '_numberOfStacks', this, '_singleViewMode', (number, isSingleViewMode)=>{\n            const showPanels = !isSingleViewMode && number >= 2;\n            return showPanels ? Math.min(number - 1, 2) : 0;\n        });\n        view.listenTo(this.view, 'change:top', ()=>view.updatePosition());\n        view.listenTo(this.view, 'change:left', ()=>view.updatePosition());\n        this.editor.ui.view.body.add(view);\n        return view;\n    }\n    /**\n\t * Sets the view as the content of the balloon and attaches the balloon using position\n\t * options of the first view.\n\t *\n\t * @param data Configuration.\n\t * @param data.view The view to show in the balloon.\n\t * @param data.balloonClassName Additional class name which will be added to the {@link #view balloon}.\n\t * @param data.withArrow Whether the {@link #view balloon} should be rendered with an arrow.\n\t */ _showView({ view, balloonClassName = '', withArrow = true, singleViewMode = false }) {\n        this.view.class = balloonClassName;\n        this.view.withArrow = withArrow;\n        this._rotatorView.showView(view);\n        this.visibleView = view;\n        this.view.pin(this.getPositionOptions());\n        this._fakePanelsView.updatePosition();\n        if (singleViewMode) {\n            this._singleViewMode = true;\n        }\n    }\n}\n/**\n * Rotator view is a helper class for the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon ContextualBalloon}.\n * It is used for displaying the last view from the current stack and providing navigation buttons for switching stacks.\n * See the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon ContextualBalloon} documentation to learn more.\n * @internal\n */ class RotatorView extends View {\n    /**\n\t * Used for checking if a view is focused or not.\n\t */ focusTracker;\n    /**\n\t * Navigation button for switching the stack to the previous one.\n\t */ buttonPrevView;\n    /**\n\t * Navigation button for switching the stack to the next one.\n\t */ buttonNextView;\n    /**\n\t * A collection of the child views that creates the rotator content.\n\t */ content;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const t = locale.t;\n        const bind = this.bindTemplate;\n        this.set('isNavigationVisible', true);\n        this.focusTracker = new FocusTracker();\n        this.buttonPrevView = this._createButtonView(t('Previous'), IconPreviousArrow);\n        this.buttonNextView = this._createButtonView(t('Next'), IconNextArrow);\n        this.content = this.createCollection();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-balloon-rotator'\n                ],\n                'z-index': '-1'\n            },\n            children: [\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: [\n                            'ck-balloon-rotator__navigation',\n                            bind.to('isNavigationVisible', (value)=>value ? '' : 'ck-hidden')\n                        ]\n                    },\n                    children: [\n                        this.buttonPrevView,\n                        {\n                            tag: 'span',\n                            attributes: {\n                                class: [\n                                    'ck-balloon-rotator__counter'\n                                ]\n                            },\n                            children: [\n                                {\n                                    text: bind.to('counter')\n                                }\n                            ]\n                        },\n                        this.buttonNextView\n                    ]\n                },\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: 'ck-balloon-rotator__content'\n                    },\n                    children: this.content\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.focusTracker.add(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n    }\n    /**\n\t * Shows a given view.\n\t *\n\t * @param view The view to show.\n\t */ showView(view) {\n        this.hideView();\n        this.content.add(view);\n    }\n    /**\n\t * Hides the currently displayed view.\n\t */ hideView() {\n        this.content.clear();\n    }\n    /**\n\t * Creates a navigation button view.\n\t *\n\t * @param label The button label.\n\t * @param icon The button icon.\n\t */ _createButtonView(label, icon) {\n        const view = new ButtonView(this.locale);\n        view.set({\n            label,\n            icon,\n            tooltip: true\n        });\n        return view;\n    }\n}\n/**\n * Displays additional layers under the balloon when multiple stacks are added to the balloon.\n */ class FakePanelsView extends View {\n    /**\n\t * Collection of the child views which creates fake panel content.\n\t */ content;\n    /**\n\t * Context.\n\t */ _balloonPanelView;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, balloonPanelView){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('top', 0);\n        this.set('left', 0);\n        this.set('height', 0);\n        this.set('width', 0);\n        this.set('numberOfPanels', 0);\n        this.content = this.createCollection();\n        this._balloonPanelView = balloonPanelView;\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck-fake-panel',\n                    bind.to('numberOfPanels', (number)=>number ? '' : 'ck-hidden')\n                ],\n                style: {\n                    top: bind.to('top', toPx$4),\n                    left: bind.to('left', toPx$4),\n                    width: bind.to('width', toPx$4),\n                    height: bind.to('height', toPx$4)\n                }\n            },\n            children: this.content\n        });\n        this.on('change:numberOfPanels', (evt, name, next, prev)=>{\n            if (next > prev) {\n                this._addPanels(next - prev);\n            } else {\n                this._removePanels(prev - next);\n            }\n            this.updatePosition();\n        });\n    }\n    _addPanels(number) {\n        while(number--){\n            const view = new View();\n            view.setTemplate({\n                tag: 'div'\n            });\n            this.content.add(view);\n            this.registerChild(view);\n        }\n    }\n    _removePanels(number) {\n        while(number--){\n            const view = this.content.last;\n            this.content.remove(view);\n            this.deregisterChild(view);\n            view.destroy();\n        }\n    }\n    /**\n\t * Updates coordinates of fake panels.\n\t */ updatePosition() {\n        if (this.numberOfPanels) {\n            const { top, left } = this._balloonPanelView;\n            const { width, height } = new Rect(this._balloonPanelView.element);\n            Object.assign(this, {\n                top,\n                left,\n                width,\n                height\n            });\n        }\n    }\n}\n\nconst toPx$3 = /* #__PURE__ */ toUnit('px');\n/**\n * The sticky panel view class.\n */ class StickyPanelView extends View {\n    /**\n\t * Collection of the child views which creates balloon panel contents.\n\t */ content;\n    /**\n\t * The panel which accepts children into {@link #content} collection.\n\t * Also an element which is positioned when {@link #isSticky}.\n\t */ contentPanelElement;\n    /**\n\t * A dummy element which visually fills the space as long as the\n\t * actual panel is sticky. It prevents flickering of the UI.\n\t */ _contentPanelPlaceholder;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('isActive', false);\n        this.set('isSticky', false);\n        this.set('limiterElement', null);\n        this.set('limiterBottomOffset', 50);\n        this.set('viewportTopOffset', 0);\n        this.set('_marginLeft', null);\n        this.set('_isStickyToTheBottomOfLimiter', false);\n        this.set('_stickyTopOffset', null);\n        this.set('_stickyBottomOffset', null);\n        this.content = this.createCollection();\n        this._contentPanelPlaceholder = new Template({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-sticky-panel__placeholder'\n                ],\n                style: {\n                    display: bind.to('isSticky', (isSticky)=>isSticky ? 'block' : 'none'),\n                    height: bind.to('isSticky', (isSticky)=>{\n                        return isSticky ? toPx$3(this._contentPanelRect.height) : null;\n                    })\n                }\n            }\n        }).render();\n        this.contentPanelElement = new Template({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-sticky-panel__content',\n                    // Toggle class of the panel when \"sticky\" state changes in the view.\n                    bind.if('isSticky', 'ck-sticky-panel__content_sticky'),\n                    bind.if('_isStickyToTheBottomOfLimiter', 'ck-sticky-panel__content_sticky_bottom-limit')\n                ],\n                style: {\n                    width: bind.to('isSticky', (isSticky)=>{\n                        return isSticky ? toPx$3(this._contentPanelPlaceholder.getBoundingClientRect().width) : null;\n                    }),\n                    top: bind.to('_stickyTopOffset', (value)=>value ? toPx$3(value) : value),\n                    bottom: bind.to('_stickyBottomOffset', (value)=>value ? toPx$3(value) : value),\n                    marginLeft: bind.to('_marginLeft')\n                }\n            },\n            children: this.content\n        }).render();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-sticky-panel'\n                ]\n            },\n            children: [\n                this._contentPanelPlaceholder,\n                this.contentPanelElement\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        // Check if the panel should go into the sticky state immediately.\n        this.checkIfShouldBeSticky();\n        // Update sticky state of the panel as the window and ancestors are being scrolled.\n        this.listenTo(global.document, 'scroll', ()=>{\n            this.checkIfShouldBeSticky();\n        }, {\n            useCapture: true\n        });\n        // Synchronize with `model.isActive` because sticking an inactive panel is pointless.\n        this.listenTo(this, 'change:isActive', ()=>{\n            this.checkIfShouldBeSticky();\n        });\n        if (global.window.visualViewport) {\n            this.listenTo(global.window.visualViewport, 'scroll', ()=>{\n                this.checkIfShouldBeSticky();\n            });\n            this.listenTo(global.window.visualViewport, 'resize', ()=>{\n                this.checkIfShouldBeSticky();\n            });\n        }\n    }\n    /**\n\t * Analyzes the environment to decide whether the panel should be sticky or not.\n\t * Then handles the positioning of the panel.\n\t */ checkIfShouldBeSticky() {\n        // @if CK_DEBUG_STICKYPANEL // RectDrawer.clear();\n        if (!this.limiterElement || !this.isActive) {\n            this._unstick();\n            return;\n        }\n        const limiterRect = new Rect(this.limiterElement);\n        let visibleLimiterRect = limiterRect.getVisible();\n        if (visibleLimiterRect) {\n            const windowRect = new Rect(global.window);\n            windowRect.top += this.viewportTopOffset;\n            windowRect.height -= this.viewportTopOffset;\n            visibleLimiterRect = visibleLimiterRect.getIntersection(windowRect);\n        }\n        const { left: visualViewportOffsetLeft, top: visualViewportOffsetTop } = getVisualViewportOffset();\n        limiterRect.moveBy(visualViewportOffsetLeft, visualViewportOffsetTop);\n        if (visibleLimiterRect) {\n            visibleLimiterRect.moveBy(visualViewportOffsetLeft, visualViewportOffsetTop);\n        }\n        // Stick the panel only if\n        // * the limiter's ancestors are intersecting with each other so that some of their rects are visible,\n        // * and the limiter's top edge is above the visible ancestors' top edge.\n        if (visibleLimiterRect && limiterRect.top < visibleLimiterRect.top) {\n            // Check if there's a change the panel can be sticky to the bottom of the limiter.\n            if (this._contentPanelRect.height + this.limiterBottomOffset > visibleLimiterRect.height) {\n                const stickyBottomOffset = Math.max(limiterRect.bottom - visibleLimiterRect.bottom, 0) + this.limiterBottomOffset;\n                // @if CK_DEBUG_STICKYPANEL // const stickyBottomOffsetRect = new Rect( {\n                // @if CK_DEBUG_STICKYPANEL // \ttop: limiterRect.bottom - stickyBottomOffset, left: 0, right: 2000,\n                // @if CK_DEBUG_STICKYPANEL // \tbottom: limiterRect.bottom - stickyBottomOffset, width: 2000, height: 1\n                // @if CK_DEBUG_STICKYPANEL // } );\n                // @if CK_DEBUG_STICKYPANEL // RectDrawer.draw( stickyBottomOffsetRect,\n                // @if CK_DEBUG_STICKYPANEL // \t{ outlineWidth: '1px', opacity: '.8', outlineColor: 'black' },\n                // @if CK_DEBUG_STICKYPANEL // \t'Sticky bottom offset',\n                // @if CK_DEBUG_STICKYPANEL // \t{ visualViewportOrigin: true }\n                // @if CK_DEBUG_STICKYPANEL // );\n                // Check if sticking the panel to the bottom of the limiter does not cause it to suddenly\n                // move upwards if there's not enough space for it.\n                // To avoid toolbar flickering we are adding 1 for potential style change (sticky has all borders set,\n                // non-sticky lacks bottom border).\n                if (this._contentPanelRect.height + stickyBottomOffset + 1 < limiterRect.height) {\n                    this._stickToBottomOfLimiter(stickyBottomOffset);\n                } else {\n                    this._unstick();\n                }\n            } else if (this._contentPanelRect.height + this.limiterBottomOffset < limiterRect.height) {\n                this._stickToTopOfAncestors(visibleLimiterRect.top);\n            } else {\n                this._unstick();\n            }\n        } else {\n            this._unstick();\n        }\n    // @if CK_DEBUG_STICKYPANEL // console.clear();\n    // @if CK_DEBUG_STICKYPANEL // console.log( 'isSticky', this.isSticky );\n    // @if CK_DEBUG_STICKYPANEL // console.log( '_isStickyToTheBottomOfLimiter', this._isStickyToTheBottomOfLimiter );\n    // @if CK_DEBUG_STICKYPANEL // console.log( '_stickyTopOffset', this._stickyTopOffset );\n    // @if CK_DEBUG_STICKYPANEL // console.log( '_stickyBottomOffset', this._stickyBottomOffset );\n    // @if CK_DEBUG_STICKYPANEL // if ( visibleLimiterRect ) {\n    // @if CK_DEBUG_STICKYPANEL // \tRectDrawer.draw( visibleLimiterRect,\n    // @if CK_DEBUG_STICKYPANEL // \t\t{ ...diagonalStylesBlack,\n    // @if CK_DEBUG_STICKYPANEL // \t\t\toutlineWidth: '3px', opacity: '.8', outlineColor: 'orange', outlineOffset: '-3px',\n    // @if CK_DEBUG_STICKYPANEL // \t\t\tbackgroundColor: 'rgba(0, 0, 255, .2)', zIndex: 2000 },\n    // @if CK_DEBUG_STICKYPANEL // \t\t'visibleLimiterRect',\n    // @if CK_DEBUG_STICKYPANEL // \t\t{ visualViewportOrigin: true }\n    // @if CK_DEBUG_STICKYPANEL // \t);\n    // @if CK_DEBUG_STICKYPANEL // }\n    }\n    /**\n\t * Sticks the panel at the given CSS `top` offset.\n\t *\n\t * @private\n\t * @param topOffset\n\t */ _stickToTopOfAncestors(topOffset) {\n        this.isSticky = true;\n        this._isStickyToTheBottomOfLimiter = false;\n        this._stickyTopOffset = topOffset;\n        this._stickyBottomOffset = null;\n        this._marginLeft = toPx$3(-global.window.scrollX + getVisualViewportOffset().left);\n    }\n    /**\n\t * Sticks the panel at the bottom of the limiter with a given CSS `bottom` offset.\n\t *\n\t * @private\n\t * @param stickyBottomOffset\n\t */ _stickToBottomOfLimiter(stickyBottomOffset) {\n        this.isSticky = true;\n        this._isStickyToTheBottomOfLimiter = true;\n        this._stickyTopOffset = null;\n        this._stickyBottomOffset = stickyBottomOffset;\n        this._marginLeft = toPx$3(-global.window.scrollX + getVisualViewportOffset().left);\n    }\n    /**\n\t * Unsticks the panel putting it back to its original position.\n\t *\n\t * @private\n\t */ _unstick() {\n        this.isSticky = false;\n        this._isStickyToTheBottomOfLimiter = false;\n        this._stickyTopOffset = null;\n        this._stickyBottomOffset = null;\n        this._marginLeft = null;\n    }\n    /**\n\t * Returns the bounding rect of the {@link #contentPanelElement}.\n\t *\n\t * @private\n\t */ get _contentPanelRect() {\n        return new Rect(this.contentPanelElement);\n    }\n}\n\n/**\n * A search input field for the {@link module:ui/search/text/searchtextview~SearchTextView} component.\n *\n * @internal\n * @extends module:ui/labeledfield/labeledfieldview~LabeledFieldView\n */ class SearchTextQueryView extends LabeledFieldView {\n    /**\n\t * The loupe icon displayed next to the {@link #fieldView}.\n\t */ iconView;\n    /**\n\t * The button that clears and focuses the {@link #fieldView}.\n\t */ resetButtonView;\n    /**\n\t * A reference to the view configuration.\n\t */ _viewConfig;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, config){\n        const t = locale.t;\n        const viewConfig = Object.assign({}, {\n            showResetButton: true,\n            showIcon: true,\n            creator: createLabeledInputText\n        }, config);\n        super(locale, viewConfig.creator);\n        this.label = config.label;\n        this._viewConfig = viewConfig;\n        if (this._viewConfig.showIcon) {\n            this.iconView = new IconView();\n            this.iconView.content = IconLoupe;\n            this.fieldWrapperChildren.add(this.iconView, 0);\n            this.extendTemplate({\n                attributes: {\n                    class: 'ck-search__query_with-icon'\n                }\n            });\n        }\n        if (this._viewConfig.showResetButton) {\n            this.resetButtonView = new ButtonView(locale);\n            this.resetButtonView.set({\n                label: t('Clear'),\n                icon: IconCancel,\n                class: 'ck-search__reset',\n                isVisible: false,\n                tooltip: true\n            });\n            this.resetButtonView.on('execute', ()=>{\n                this.reset();\n                this.focus();\n                this.fire('reset');\n            });\n            this.resetButtonView.bind('isVisible').to(this.fieldView, 'isEmpty', (isEmpty)=>!isEmpty);\n            this.fieldWrapperChildren.add(this.resetButtonView);\n            this.extendTemplate({\n                attributes: {\n                    class: 'ck-search__query_with-reset'\n                }\n            });\n        }\n    }\n    /**\n\t * Resets the search field to its default state.\n\t */ reset() {\n        this.fieldView.reset();\n        if (this._viewConfig.showResetButton) {\n            this.resetButtonView.isVisible = false;\n        }\n    }\n}\n\n/**\n * A view displaying an information text related to different states of {@link module:ui/search/text/searchtextview~SearchTextView}.\n *\n * @internal\n */ class SearchInfoView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(){\n        super();\n        const bind = this.bindTemplate;\n        this.set({\n            isVisible: false,\n            primaryText: '',\n            secondaryText: ''\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-search__info',\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value)\n                ],\n                tabindex: -1\n            },\n            children: [\n                {\n                    tag: 'span',\n                    children: [\n                        {\n                            text: [\n                                bind.to('primaryText')\n                            ]\n                        }\n                    ]\n                },\n                {\n                    tag: 'span',\n                    children: [\n                        {\n                            text: [\n                                bind.to('secondaryText')\n                            ]\n                        }\n                    ]\n                }\n            ]\n        });\n    }\n    /**\n\t * Focuses the view\n\t */ focus() {\n        this.element.focus();\n    }\n}\n\n/**\n * A sub-component of {@link module:ui/search/text/searchtextview~SearchTextView}. It hosts the filtered and the information views.\n */ class SearchResultsView extends View {\n    /**\n\t * Tracks information about the DOM focus in the view.\n\t *\n\t * @readonly\n\t */ focusTracker;\n    /**\n\t * The collection of the child views inside of the list item {@link #element}.\n\t *\n\t * @readonly\n\t */ children;\n    /**\n\t * Provides the focus management (keyboard navigation) in the view.\n\t *\n\t * @readonly\n\t */ _focusCycler;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.children = this.createCollection();\n        this.focusTracker = new FocusTracker();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-search__results'\n                ],\n                tabindex: -1\n            },\n            children: this.children\n        });\n        this._focusCycler = new FocusCycler({\n            focusables: this.children,\n            focusTracker: this.focusTracker\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        for (const child of this.children){\n            this.focusTracker.add(child.element);\n        }\n    }\n    /**\n\t * Focuses the view.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Focuses the first child view.\n\t */ focusFirst() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Focuses the last child view.\n\t */ focusLast() {\n        this._focusCycler.focusLast();\n    }\n}\n\n/**\n * A search component that allows filtering of an arbitrary view based on a search query\n * specified by the user in a text field.\n *\n *```ts\n * // This view must specify the `filter()` and `focus()` methods.\n * const filteredView = ...;\n *\n * const searchView = new SearchTextView( locale, {\n * \tsearchFieldLabel: 'Search list items',\n * \tfilteredView\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n */ class SearchTextView extends View {\n    /**\n\t * Tracks information about the DOM focus in the view.\n\t *\n\t * @readonly\n\t */ focusTracker;\n    /**\n\t * An instance of the keystroke handler managing user interaction and accessibility.\n\t *\n\t * @readonly\n\t */ keystrokes;\n    /**\n\t * A view hosting the {@link #filteredView} passed in the configuration and the {@link #infoView}.\n\t */ resultsView;\n    /**\n\t * The view that is filtered by the search query.\n\t */ filteredView;\n    /**\n\t * The view that displays the information about the search results.\n\t */ infoView;\n    /**\n\t * The view that allows the user to enter the search query.\n\t */ queryView;\n    /**\n\t * Provides the focus management (keyboard navigation) between {@link #queryView} and {@link #filteredView}.\n\t *\n\t * @readonly\n\t */ focusCycler;\n    /**\n\t * The cached configuration object.\n\t *\n\t * @internal\n\t */ _config;\n    /**\n\t * Creates an instance of the {@link module:ui/search/text/searchtextview~SearchTextView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param config Configuration of the view.\n\t */ constructor(locale, config){\n        super(locale);\n        this._config = config;\n        this.filteredView = config.filteredView;\n        this.queryView = this._createSearchTextQueryView();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.resultsView = new SearchResultsView(locale);\n        this.children = this.createCollection();\n        this.focusableChildren = this.createCollection([\n            this.queryView,\n            this.resultsView\n        ]);\n        this.set('isEnabled', true);\n        this.set('resultsCount', 0);\n        this.set('totalItemsCount', 0);\n        if (config.infoView && config.infoView.instance) {\n            this.infoView = config.infoView.instance;\n        } else {\n            this.infoView = new SearchInfoView();\n            this._enableDefaultInfoViewBehavior();\n            this.on('render', ()=>{\n                // Initial search that determines if there are any searchable items\n                // and displays the corresponding info text.\n                this.search('');\n            });\n        }\n        this.resultsView.children.addMany([\n            this.infoView,\n            this.filteredView\n        ]);\n        this.focusCycler = new FocusCycler({\n            focusables: this.focusableChildren,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        this.on('search', (evt, { resultsCount, totalItemsCount })=>{\n            this.resultsCount = resultsCount;\n            this.totalItemsCount = totalItemsCount;\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-search',\n                    config.class || null\n                ],\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.children.addMany([\n            this.queryView,\n            this.resultsView\n        ]);\n        const stopPropagation = (data)=>data.stopPropagation();\n        for (const focusableChild of this.focusableChildren){\n            this.focusTracker.add(focusableChild.element);\n        }\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n        // Since the form is in the dropdown panel which is a child of the toolbar, the toolbar's\n        // keystroke handler would take over the key management in the URL input. We need to prevent\n        // this ASAP. Otherwise, the basic caret movement using the arrow keys will be impossible.\n        this.keystrokes.set('arrowright', stopPropagation);\n        this.keystrokes.set('arrowleft', stopPropagation);\n        this.keystrokes.set('arrowup', stopPropagation);\n        this.keystrokes.set('arrowdown', stopPropagation);\n    }\n    /**\n\t * Focuses the {@link #queryView}.\n\t */ focus() {\n        this.queryView.focus();\n    }\n    /**\n\t * Resets the component to its initial state.\n\t */ reset() {\n        this.queryView.reset();\n        this.search('');\n        this.filteredView.element.scrollTo(0, 0);\n    }\n    /**\n\t * Searches the {@link #filteredView} for the given query.\n\t *\n\t * @internal\n\t * @param query The search query string.\n\t */ search(query) {\n        const regExp = query ? new RegExp(escapeRegExp(query), 'ig') : null;\n        const filteringResults = this.filteredView.filter(regExp);\n        this.fire('search', {\n            query,\n            ...filteringResults\n        });\n    }\n    /**\n\t * Creates a search field view based on configured creator..\n\t */ _createSearchTextQueryView() {\n        const queryView = new SearchTextQueryView(this.locale, this._config.queryView);\n        this.listenTo(queryView.fieldView, 'input', ()=>{\n            this.search(queryView.fieldView.element.value);\n        });\n        queryView.on('reset', ()=>this.reset());\n        queryView.bind('isEnabled').to(this);\n        return queryView;\n    }\n    /**\n\t * Initializes the default {@link #infoView} behavior with default text labels when no custom info view\n\t * was specified in the view config.\n\t */ _enableDefaultInfoViewBehavior() {\n        const t = this.locale.t;\n        const infoView = this.infoView;\n        this.on('search', (evt, data)=>{\n            if (!data.resultsCount) {\n                const defaultTextConfig = this._config.infoView && this._config.infoView.text;\n                let primaryText, secondaryText;\n                if (data.totalItemsCount) {\n                    if (defaultTextConfig?.notFound) {\n                        primaryText = defaultTextConfig.notFound.primary;\n                        secondaryText = defaultTextConfig.notFound.secondary;\n                    } else {\n                        primaryText = t('No results found');\n                        secondaryText = '';\n                    }\n                } else {\n                    if (defaultTextConfig?.noSearchableItems) {\n                        primaryText = defaultTextConfig.noSearchableItems.primary;\n                        secondaryText = defaultTextConfig.noSearchableItems.secondary;\n                    } else {\n                        primaryText = t('No searchable items');\n                        secondaryText = '';\n                    }\n                }\n                infoView.set({\n                    primaryText: normalizeInfoText(primaryText, data),\n                    secondaryText: normalizeInfoText(secondaryText, data),\n                    isVisible: true\n                });\n            } else {\n                infoView.set({\n                    isVisible: false\n                });\n            }\n        });\n        function normalizeInfoText(text, { query, resultsCount, totalItemsCount }) {\n            return typeof text === 'function' ? text(query, resultsCount, totalItemsCount) : text;\n        }\n    }\n}\n\n/**\n * The autocomplete component's view class. It extends the {@link module:ui/search/text/searchtextview~SearchTextView} class\n * with a floating {@link #resultsView} that shows up when the user starts typing and hides when they blur\n * the component.\n */ class AutocompleteView extends SearchTextView {\n    /**\n\t * The configuration of the autocomplete view.\n\t */ _config;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, config){\n        super(locale, config);\n        this._config = config;\n        const toPx = toUnit('px');\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-autocomplete'\n                ]\n            }\n        });\n        const bindResultsView = this.resultsView.bindTemplate;\n        this.resultsView.set('isVisible', false);\n        this.resultsView.set('_position', 's');\n        this.resultsView.set('_width', 0);\n        this.resultsView.extendTemplate({\n            attributes: {\n                class: [\n                    bindResultsView.if('isVisible', 'ck-hidden', (value)=>!value),\n                    bindResultsView.to('_position', (value)=>`ck-search__results_${value}`)\n                ],\n                style: {\n                    width: bindResultsView.to('_width', toPx)\n                }\n            }\n        });\n        // Update the visibility of the results view when the user focuses or blurs the component.\n        // This is also integration for the `resetOnBlur` configuration.\n        this.focusTracker.on('change:isFocused', (evt, name, isFocused)=>{\n            this._updateResultsVisibility();\n            if (isFocused) {\n                // Reset the scroll position of the results view whenever the autocomplete reopens.\n                this.resultsView.element.scrollTop = 0;\n            } else if (config.resetOnBlur) {\n                this.queryView.reset();\n            }\n        });\n        // Update the visibility of the results view when the user types in the query field.\n        // This is an integration for `queryMinChars` configuration.\n        // This is an integration for search results changing length and the #resultsView requiring to be repositioned.\n        this.on('search', ()=>{\n            this._updateResultsVisibility();\n            this._updateResultsViewWidthAndPosition();\n        });\n        // Hide the results view when the user presses the ESC key.\n        this.keystrokes.set('esc', (evt, cancel)=>{\n            // Let the DOM event pass through if the focus is in the query view.\n            if (!this.resultsView.isVisible) {\n                return;\n            }\n            // Focus the query view first and only then close the results view. Otherwise, if the focus\n            // was in the results view, it will get lost.\n            this.queryView.focus();\n            this.resultsView.isVisible = false;\n            cancel();\n        });\n        // Update the position of the results view when the user scrolls the page.\n        // TODO: This needs to be debounced down the road.\n        this.listenTo(global.document, 'scroll', ()=>{\n            this._updateResultsViewWidthAndPosition();\n        });\n        // Hide the results when the component becomes disabled.\n        this.on('change:isEnabled', ()=>{\n            this._updateResultsVisibility();\n        });\n        // Update the value of the query field when the user selects a result.\n        this.filteredView.on('execute', (evt, { value })=>{\n            // Focus the query view first to avoid losing the focus.\n            this.focus();\n            // Resetting the view will ensure that the #queryView will update its empty state correctly.\n            // This prevents bugs related to dynamic labels or auto-grow when re-setting the same value\n            // to #queryView.fieldView.value (which does not trigger empty state change) to an\n            // #queryView.fieldView.element that has been changed by the user.\n            this.reset();\n            // Update the value of the query field.\n            this.queryView.fieldView.value = this.queryView.fieldView.element.value = value;\n            // Finally, hide the results view. The focus has been moved earlier so this is safe.\n            this.resultsView.isVisible = false;\n        });\n        // Update the position and width of the results view when it becomes visible.\n        this.resultsView.on('change:isVisible', ()=>{\n            this._updateResultsViewWidthAndPosition();\n        });\n    }\n    /**\n\t * Updates the position of the results view on demand.\n\t */ _updateResultsViewWidthAndPosition() {\n        if (!this.resultsView.isVisible) {\n            return;\n        }\n        this.resultsView._width = new Rect(this.queryView.fieldView.element).width;\n        const optimalResultsPosition = AutocompleteView._getOptimalPosition({\n            element: this.resultsView.element,\n            target: this.queryView.element,\n            fitInViewport: true,\n            positions: AutocompleteView.defaultResultsPositions\n        });\n        // _getOptimalPosition will return null if there is no optimal position found (e.g. target is off the viewport).\n        this.resultsView._position = optimalResultsPosition ? optimalResultsPosition.name : 's';\n    }\n    /**\n\t * Updates the visibility of the results view on demand.\n\t */ _updateResultsVisibility() {\n        const queryMinChars = typeof this._config.queryMinChars === 'undefined' ? 0 : this._config.queryMinChars;\n        const queryLength = this.queryView.fieldView.element.value.length;\n        this.resultsView.isVisible = this.focusTracker.isFocused && this.isEnabled && queryLength >= queryMinChars;\n    }\n    /**\n\t * Positions for the autocomplete results view. Two positions are defined by default:\n\t * * `s` - below the search field,\n\t * * `n` - above the search field.\n\t */ static defaultResultsPositions = [\n        (fieldRect)=>{\n            return {\n                top: fieldRect.bottom,\n                left: fieldRect.left,\n                name: 's'\n            };\n        },\n        (fieldRect, resultsRect)=>{\n            return {\n                top: fieldRect.top - resultsRect.height,\n                left: fieldRect.left,\n                name: 'n'\n            };\n        }\n    ];\n    /**\n\t * A function used to calculate the optimal position for the dropdown panel.\n\t */ static _getOptimalPosition = getOptimalPosition;\n}\n\n/**\n * A class representing a view that displays a text which subset can be highlighted using the\n * {@link #highlightText} method.\n */ class HighlightedTextView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(){\n        super();\n        this.set('text', undefined);\n        this.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-highlighted-text'\n                ]\n            }\n        });\n        this.on('render', ()=>{\n            // Classic setTemplate binding for #text will not work because highlightText() replaces the\n            // pre-rendered DOM text node new a new one (and <mark> elements).\n            this.on('change:text', ()=>{\n                this._updateInnerHTML(this.text);\n            });\n            this._updateInnerHTML(this.text);\n        });\n    }\n    /**\n\t * Highlights view's {@link #text} according to the specified `RegExp`. If the passed RegExp is `null`, the\n\t * highlighting is removed\n\t *\n\t * @param regExp\n\t */ highlightText(regExp) {\n        this._updateInnerHTML(markText(this.text || '', regExp));\n    }\n    /**\n\t * Updates element's `innerHTML` with the passed content.\n\t */ _updateInnerHTML(newInnerHTML) {\n        this.element.innerHTML = newInnerHTML || '';\n    }\n}\n/**\n * Replaces `regExp` occurrences with `<mark>` tags in a text.\n *\n * @param text A text to get marked.\n * @param regExp An optional `RegExp`. If not passed, this is a pass-through function.\n * @returns A text with `RegExp` occurrences marked by `<mark>`.\n */ function markText(text, regExp) {\n    if (!regExp) {\n        return escape(text);\n    }\n    const textParts = [];\n    let lastMatchEnd = 0;\n    let matchInfo = regExp.exec(text);\n    // Iterate over all matches and create an array of text parts. The idea is to mark which parts are query matches\n    // so that later on they can be highlighted.\n    while(matchInfo !== null){\n        const curMatchStart = matchInfo.index;\n        // Detect if there was something between last match and this one.\n        if (curMatchStart !== lastMatchEnd) {\n            textParts.push({\n                text: text.substring(lastMatchEnd, curMatchStart),\n                isMatch: false\n            });\n        }\n        textParts.push({\n            text: matchInfo[0],\n            isMatch: true\n        });\n        lastMatchEnd = regExp.lastIndex;\n        matchInfo = regExp.exec(text);\n    }\n    // Your match might not be the last part of a string. Be sure to add any plain text following the last match.\n    if (lastMatchEnd !== text.length) {\n        textParts.push({\n            text: text.substring(lastMatchEnd),\n            isMatch: false\n        });\n    }\n    const outputHtml = textParts// The entire text should be escaped.\n    .map((part)=>{\n        part.text = escape(part.text);\n        return part;\n    })// Only matched text should be wrapped with HTML mark element.\n    .map((part)=>part.isMatch ? `<mark>${part.text}</mark>` : part.text).join('');\n    return outputHtml;\n}\n\n/**\n * A button label view that can highlight a text fragment.\n */ class ButtonLabelWithHighlightView extends HighlightedTextView {\n    /**\n\t * @inheritDoc\n\t */ constructor(){\n        super();\n        this.set({\n            style: undefined,\n            text: undefined,\n            id: undefined\n        });\n        const bind = this.bindTemplate;\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-button__label'\n                ],\n                style: bind.to('style'),\n                id: bind.to('id')\n            }\n        });\n    }\n}\n\n/**\n * A label view that can highlight a text fragment.\n */ class LabelWithHighlightView extends HighlightedTextView {\n    /**\n\t * @inheritDoc\n\t */ id;\n    /**\n\t * @inheritDoc\n\t */ constructor(){\n        super();\n        this.set('for', undefined);\n        const bind = this.bindTemplate;\n        this.id = `ck-editor__label_${uid()}`;\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-label'\n                ],\n                id: this.id,\n                for: bind.to('for')\n            }\n        });\n    }\n}\n\n/**\n * The spinner view class.\n */ class SpinnerView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(){\n        super();\n        this.set('isVisible', false);\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-spinner-container',\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value)\n                ]\n            },\n            children: [\n                {\n                    tag: 'span',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-spinner'\n                        ]\n                    }\n                }\n            ]\n        });\n    }\n}\n\nconst toPx$2 = /* #__PURE__ */ toUnit('px');\n/**\n * The contextual toolbar.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */ class BalloonToolbar extends Plugin {\n    /**\n\t * The toolbar view displayed in the balloon.\n\t */ toolbarView;\n    /**\n\t * Tracks the focus of the {@link module:ui/editorui/editorui~EditorUI#getEditableElement editable element}\n\t * and the {@link #toolbarView}. When both are blurred then the toolbar should hide.\n\t */ focusTracker;\n    /**\n\t * A cached and normalized `config.balloonToolbar` object.\n\t */ _balloonConfig;\n    /**\n\t * An instance of the resize observer that allows to respond to changes in editable's geometry\n\t * so the toolbar can stay within its boundaries (and group toolbar items that do not fit).\n\t *\n\t * **Note**: Used only when `shouldNotGroupWhenFull` was **not** set in the\n\t * {@link module:core/editor/editorconfig~EditorConfig#balloonToolbar configuration}.\n\t *\n\t * **Note:** Created in {@link #init}.\n\t */ _resizeObserver = null;\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    /**\n\t * Fires `_selectionChangeDebounced` event using `es-toolkit#debounce`.\n\t *\n\t * This event is an internal plugin event which is fired 200 ms after model selection last change.\n\t * This is to makes easy test debounced action without need to use `setTimeout`.\n\t *\n\t * This function is stored as a plugin property to make possible to cancel\n\t * trailing debounced invocation on destroy.\n\t */ _fireSelectionChangeDebounced;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'BalloonToolbar';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._balloonConfig = normalizeToolbarConfig(editor.config.get('balloonToolbar'));\n        this.toolbarView = this._createToolbarView();\n        this.focusTracker = new FocusTracker();\n        // Track focusable elements in the toolbar and the editable elements.\n        this._trackFocusableEditableElements();\n        this.focusTracker.add(this.toolbarView);\n        // Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n        editor.ui.addToolbar(this.toolbarView, {\n            beforeFocus: ()=>this.show(true),\n            afterBlur: ()=>this.hide(),\n            isContextual: true\n        });\n        this._balloon = editor.plugins.get(ContextualBalloon);\n        this._fireSelectionChangeDebounced = debounce(()=>this.fire('_selectionChangeDebounced'), 200);\n        // The appearance of the BalloonToolbar method is event–driven.\n        // It is possible to stop the #show event and this prevent the toolbar from showing up.\n        this.decorate('show');\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        // Show/hide the toolbar on editable focus/blur.\n        this.listenTo(this.focusTracker, 'change:isFocused', (evt, name, isFocused)=>{\n            const isToolbarVisible = this._balloon.visibleView === this.toolbarView;\n            if (!isFocused && isToolbarVisible) {\n                this.hide();\n            } else if (isFocused) {\n                this.show();\n            }\n        });\n        // Hide the toolbar when the selection is changed by a direct change or has changed to collapsed.\n        this.listenTo(selection, 'change:range', (evt, data)=>{\n            if (data.directChange || selection.isCollapsed) {\n                this.hide();\n            }\n            // Fire internal `_selectionChangeDebounced` event to use it for showing\n            // the toolbar after the selection stops changing.\n            this._fireSelectionChangeDebounced();\n        });\n        // Show the toolbar when the selection stops changing.\n        this.listenTo(this, '_selectionChangeDebounced', ()=>{\n            if (this.editor.editing.view.document.isFocused) {\n                this.show();\n            }\n        });\n        if (!this._balloonConfig.shouldNotGroupWhenFull) {\n            this.listenTo(editor, 'ready', ()=>{\n                const editableElement = editor.ui.view.editable.element;\n                // Set #toolbarView's max-width on the initialization and update it on the editable resize.\n                this._resizeObserver = new ResizeObserver(editableElement, (entry)=>{\n                    // The max-width equals 90% of the editable's width for the best user experience.\n                    // The value keeps the balloon very close to the boundaries of the editable and limits the cases\n                    // when the balloon juts out from the editable element it belongs to.\n                    this.toolbarView.maxWidth = toPx$2(entry.contentRect.width * .9);\n                });\n            });\n        }\n        // Listen to the toolbar view and whenever it changes its geometry due to some items being\n        // grouped or ungrouped, update the position of the balloon because a shorter/longer toolbar\n        // means the balloon could be pointing at the wrong place. Once updated, the balloon will point\n        // at the right selection in the content again.\n        // https://github.com/ckeditor/ckeditor5/issues/6444\n        this.listenTo(this.toolbarView, 'groupedItemsUpdate', ()=>{\n            this._updatePosition();\n        });\n        // Creates toolbar components based on given configuration.\n        // This needs to be done when all plugins are ready.\n        editor.ui.once('ready', ()=>{\n            this.toolbarView.fillFromConfig(this._balloonConfig, this.editor.ui.componentFactory);\n        });\n    }\n    /**\n\t * Creates the toolbar view instance.\n\t */ _createToolbarView() {\n        const t = this.editor.locale.t;\n        const shouldGroupWhenFull = !this._balloonConfig.shouldNotGroupWhenFull;\n        const toolbarView = new ToolbarView(this.editor.locale, {\n            shouldGroupWhenFull,\n            isFloating: true\n        });\n        toolbarView.ariaLabel = t('Editor contextual toolbar');\n        toolbarView.render();\n        return toolbarView;\n    }\n    /**\n\t * Shows the toolbar and attaches it to the selection.\n\t *\n\t * Fires {@link #event:show} event which can be stopped to prevent the toolbar from showing up.\n\t *\n\t * @param showForCollapsedSelection When set `true`, the toolbar will show despite collapsed selection in the\n\t * editing view.\n\t */ show(showForCollapsedSelection = false) {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        const schema = editor.model.schema;\n        // Do not add the toolbar to the balloon stack twice.\n        if (this._balloon.hasView(this.toolbarView)) {\n            return;\n        }\n        // Do not show the toolbar when the selection is collapsed.\n        if (selection.isCollapsed && !showForCollapsedSelection) {\n            return;\n        }\n        // Do not show the toolbar when there is more than one range in the selection and they fully contain selectable elements.\n        // See https://github.com/ckeditor/ckeditor5/issues/6443.\n        if (selectionContainsOnlyMultipleSelectables(selection, schema)) {\n            return;\n        }\n        // Do not show the toolbar when all components inside are disabled\n        // see https://github.com/ckeditor/ckeditor5-ui/issues/269.\n        if (Array.from(this.toolbarView.items).every((item)=>item.isEnabled !== undefined && !item.isEnabled)) {\n            return;\n        }\n        // Update the toolbar position when the editor ui should be refreshed.\n        this.listenTo(this.editor.ui, 'update', ()=>{\n            this._updatePosition();\n        });\n        // Add the toolbar to the common editor contextual balloon.\n        this._balloon.add({\n            view: this.toolbarView,\n            position: this._getBalloonPositionData(),\n            balloonClassName: 'ck-toolbar-container'\n        });\n    }\n    /**\n\t * Hides the toolbar.\n\t */ hide() {\n        if (this._balloon.hasView(this.toolbarView)) {\n            this.stopListening(this.editor.ui, 'update');\n            this._balloon.remove(this.toolbarView);\n        }\n    }\n    /**\n\t * Add or remove editable elements to the focus tracker. It watches added and removed roots\n\t * and adds or removes their editable elements to the focus tracker.\n\t */ _trackFocusableEditableElements() {\n        const { editor, focusTracker } = this;\n        const { editing } = editor;\n        editing.view.addObserver(class TrackEditableElements extends Observer {\n            /**\n\t\t\t * @inheritDoc\n\t\t\t */ observe(domElement) {\n                focusTracker.add(domElement);\n            }\n            /**\n\t\t\t * @inheritDoc\n\t\t\t */ stopObserving(domElement) {\n                focusTracker.remove(domElement);\n            }\n        });\n    }\n    /**\n\t * Returns positioning options for the {@link #_balloon}. They control the way balloon is attached\n\t * to the selection.\n\t */ _getBalloonPositionData() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const viewSelection = viewDocument.selection;\n        // Get direction of the selection.\n        const isBackward = viewDocument.selection.isBackward;\n        return {\n            // Because the target for BalloonPanelView is a Rect (not DOMRange), it's geometry will stay fixed\n            // as the window scrolls. To let the BalloonPanelView follow such Rect, is must be continuously\n            // computed and hence, the target is defined as a function instead of a static value.\n            // https://github.com/ckeditor/ckeditor5-ui/issues/195\n            target: ()=>{\n                const range = isBackward ? viewSelection.getFirstRange() : viewSelection.getLastRange();\n                const rangeRects = Rect.getDomRangeRects(view.domConverter.viewRangeToDom(range));\n                // Select the proper range rect depending on the direction of the selection.\n                if (isBackward) {\n                    return rangeRects[0];\n                } else {\n                    // Ditch the zero-width \"orphan\" rect in the next line for the forward selection if there's\n                    // another one preceding it. It is not rendered as a selection by the web browser anyway.\n                    // https://github.com/ckeditor/ckeditor5-ui/issues/308\n                    if (rangeRects.length > 1 && rangeRects[rangeRects.length - 1].width === 0) {\n                        rangeRects.pop();\n                    }\n                    return rangeRects[rangeRects.length - 1];\n                }\n            },\n            positions: this._getBalloonPositions(isBackward)\n        };\n    }\n    /**\n\t * Updates the position of the {@link #_balloon} to make up for changes:\n\t *\n\t * * in the geometry of the selection it is attached to (e.g. the selection moved in the viewport or expanded or shrunk),\n\t * * or the geometry of the balloon toolbar itself (e.g. the toolbar has grouped or ungrouped some items and it is shorter or longer).\n\t */ _updatePosition() {\n        this._balloon.updatePosition(this._getBalloonPositionData());\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.stopListening();\n        this._fireSelectionChangeDebounced.cancel();\n        this.toolbarView.destroy();\n        this.focusTracker.destroy();\n        if (this._resizeObserver) {\n            this._resizeObserver.destroy();\n        }\n    }\n    /**\n\t * Returns toolbar positions for the given direction of the selection.\n\t */ _getBalloonPositions(isBackward) {\n        const isSafariIniOS = env.isSafari && env.isiOS;\n        // https://github.com/ckeditor/ckeditor5/issues/7707\n        const positions = isSafariIniOS ? BalloonPanelView.generatePositions({\n            // 20px when zoomed out. Less then 20px when zoomed in; the \"radius\" of the native selection handle gets\n            // smaller as the user zooms in. No less than the default v-offset, though.\n            heightOffset: Math.max(BalloonPanelView.arrowHeightOffset, Math.round(20 / global.window.visualViewport.scale))\n        }) : BalloonPanelView.defaultPositions;\n        return isBackward ? [\n            positions.northWestArrowSouth,\n            positions.northWestArrowSouthWest,\n            positions.northWestArrowSouthEast,\n            positions.northWestArrowSouthMiddleEast,\n            positions.northWestArrowSouthMiddleWest,\n            positions.southWestArrowNorth,\n            positions.southWestArrowNorthWest,\n            positions.southWestArrowNorthEast,\n            positions.southWestArrowNorthMiddleWest,\n            positions.southWestArrowNorthMiddleEast\n        ] : [\n            positions.southEastArrowNorth,\n            positions.southEastArrowNorthEast,\n            positions.southEastArrowNorthWest,\n            positions.southEastArrowNorthMiddleEast,\n            positions.southEastArrowNorthMiddleWest,\n            positions.northEastArrowSouth,\n            positions.northEastArrowSouthEast,\n            positions.northEastArrowSouthWest,\n            positions.northEastArrowSouthMiddleEast,\n            positions.northEastArrowSouthMiddleWest\n        ];\n    }\n}\n/**\n * Returns \"true\" when the selection has multiple ranges and each range contains a selectable element\n * and nothing else.\n */ function selectionContainsOnlyMultipleSelectables(selection, schema) {\n    // It doesn't contain multiple objects if there is only one range.\n    if (selection.rangeCount === 1) {\n        return false;\n    }\n    return [\n        ...selection.getRanges()\n    ].every((range)=>{\n        const element = range.getContainedElement();\n        return element && schema.isSelectable(element);\n    });\n}\n\nconst toPx$1 = /* #__PURE__ */ toUnit('px');\n/**\n * The block button view class.\n *\n * This view represents a button attached next to block element where the selection is anchored.\n *\n * See {@link module:ui/toolbar/block/blocktoolbar~BlockToolbar}.\n */ class BlockButtonView extends ButtonView {\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        // Hide button on init.\n        this.isVisible = false;\n        this.isToggleable = true;\n        this.set('top', 0);\n        this.set('left', 0);\n        this.extendTemplate({\n            attributes: {\n                class: 'ck-block-toolbar-button',\n                style: {\n                    top: bind.to('top', (val)=>toPx$1(val)),\n                    left: bind.to('left', (val)=>toPx$1(val))\n                }\n            }\n        });\n    }\n}\n\nconst toPx = /* #__PURE__ */ toUnit('px');\n/**\n * The block toolbar plugin.\n *\n * This plugin provides a button positioned next to the block of content where the selection is anchored.\n * Upon clicking the button, a dropdown providing access to editor features shows up, as configured in\n * {@link module:core/editor/editorconfig~EditorConfig#blockToolbar}.\n *\n * By default, the button is displayed next to all elements marked in {@link module:engine/model/schema~ModelSchema}\n * as `$block` for which the toolbar provides at least one option.\n *\n * By default, the button is attached so its right boundary is touching the\n * {@link module:engine/view/editableelement~ViewEditableElement}:\n *\n * ```\n *  __ |\n * |  ||  This is a block of content that the\n *  ¯¯ |  button is attached to. This is a\n *     |  block of content that the button is\n *     |  attached to.\n * ```\n *\n * The position of the button can be adjusted using the CSS `transform` property:\n *\n * ```css\n * .ck-block-toolbar-button {\n * \ttransform: translateX( -10px );\n * }\n * ```\n *\n * ```\n *  __   |\n * |  |  |  This is a block of content that the\n *  ¯¯   |  button is attached to. This is a\n *       |  block of content that the button is\n *       |  attached to.\n * ```\n *\n * **Note**: If you plan to run the editor in a right–to–left (RTL) language, keep in mind the button\n * will be attached to the **right** boundary of the editable area. In that case, make sure the\n * CSS position adjustment works properly by adding the following styles:\n *\n * ```css\n * .ck[dir=\"rtl\"] .ck-block-toolbar-button {\n * \ttransform: translateX( 10px );\n * }\n * ```\n */ class BlockToolbar extends Plugin {\n    /**\n\t * The toolbar view.\n\t */ toolbarView;\n    /**\n\t * The balloon panel view, containing the {@link #toolbarView}.\n\t */ panelView;\n    /**\n\t * The button view that opens the {@link #toolbarView}.\n\t */ buttonView;\n    /**\n\t * An instance of the resize observer that allows to respond to changes in editable's geometry\n\t * so the toolbar can stay within its boundaries (and group toolbar items that do not fit).\n\t *\n\t * **Note**: Used only when `shouldNotGroupWhenFull` was **not** set in the\n\t * {@link module:core/editor/editorconfig~EditorConfig#blockToolbar configuration}.\n\t */ _resizeObserver = null;\n    /**\n\t * A cached and normalized `config.blockToolbar` object.\n\t */ _blockToolbarConfig;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'BlockToolbar';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._blockToolbarConfig = normalizeToolbarConfig(this.editor.config.get('blockToolbar'));\n        this.toolbarView = this._createToolbarView();\n        this.panelView = this._createPanelView();\n        this.buttonView = this._createButtonView();\n        // Close the #panelView upon clicking outside of the plugin UI.\n        clickOutsideHandler({\n            emitter: this.panelView,\n            contextElements: [\n                this.panelView.element,\n                this.buttonView.element\n            ],\n            activator: ()=>this.panelView.isVisible,\n            callback: ()=>this._hidePanel()\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const editBlockText = t('Click to edit block');\n        const dragToMoveText = t('Drag to move');\n        const editBlockLabel = t('Edit block');\n        const isDragDropBlockToolbarPluginLoaded = editor.plugins.has('DragDropBlockToolbar');\n        const label = isDragDropBlockToolbarPluginLoaded ? `${editBlockText}\\n${dragToMoveText}` : editBlockLabel;\n        this.buttonView.label = label;\n        if (isDragDropBlockToolbarPluginLoaded) {\n            this.buttonView.element.dataset.ckeTooltipClass = 'ck-tooltip_multi-line';\n        }\n        // Hides panel on a direct selection change.\n        this.listenTo(editor.model.document.selection, 'change:range', (evt, data)=>{\n            if (data.directChange) {\n                this._hidePanel();\n            }\n        });\n        this.listenTo(editor.ui, 'update', ()=>this._updateButton());\n        // `low` priority is used because of https://github.com/ckeditor/ckeditor5-core/issues/133.\n        this.listenTo(editor, 'change:isReadOnly', ()=>this._updateButton(), {\n            priority: 'low'\n        });\n        this.listenTo(editor.ui.focusTracker, 'change:isFocused', ()=>this._updateButton());\n        // Reposition button on resize.\n        this.listenTo(this.buttonView, 'change:isVisible', (evt, name, isVisible)=>{\n            if (isVisible) {\n                // Keep correct position of button and panel on window#resize.\n                this.buttonView.listenTo(window, 'resize', ()=>this._updateButton());\n            } else {\n                // Stop repositioning button when is hidden.\n                this.buttonView.stopListening(window, 'resize');\n                // Hide the panel when the button disappears.\n                this._hidePanel();\n            }\n        });\n        // Reposition button on scroll.\n        this._repositionButtonOnScroll();\n        // Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n        editor.ui.addToolbar(this.toolbarView, {\n            beforeFocus: ()=>this._showPanel(),\n            afterBlur: ()=>this._hidePanel()\n        });\n        // Fills the toolbar with its items based on the configuration.\n        // This needs to be done after all plugins are ready.\n        editor.ui.once('ready', ()=>{\n            this.toolbarView.fillFromConfig(this._blockToolbarConfig, this.editor.ui.componentFactory);\n            // Hide panel before executing each button in the panel.\n            for (const item of this.toolbarView.items){\n                item.on('execute', ()=>this._hidePanel(true), {\n                    priority: 'high'\n                });\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n        this.panelView.destroy();\n        this.buttonView.destroy();\n        this.toolbarView.destroy();\n        if (this._resizeObserver) {\n            this._resizeObserver.destroy();\n        }\n    }\n    /**\n\t * Creates the {@link #toolbarView}.\n\t */ _createToolbarView() {\n        const t = this.editor.locale.t;\n        const shouldGroupWhenFull = !this._blockToolbarConfig.shouldNotGroupWhenFull;\n        const toolbarView = new ToolbarView(this.editor.locale, {\n            shouldGroupWhenFull,\n            isFloating: true\n        });\n        toolbarView.ariaLabel = t('Editor block content toolbar');\n        return toolbarView;\n    }\n    /**\n\t * Creates the {@link #panelView}.\n\t */ _createPanelView() {\n        const editor = this.editor;\n        const panelView = new BalloonPanelView(editor.locale);\n        panelView.content.add(this.toolbarView);\n        panelView.class = 'ck-toolbar-container';\n        editor.ui.view.body.add(panelView);\n        // Close #panelView on `Esc` press.\n        this.toolbarView.keystrokes.set('Esc', (evt, cancel)=>{\n            this._hidePanel(true);\n            cancel();\n        });\n        return panelView;\n    }\n    /**\n\t * Creates the {@link #buttonView}.\n\t */ _createButtonView() {\n        const editor = this.editor;\n        const t = editor.t;\n        const buttonView = new BlockButtonView(editor.locale);\n        const iconFromConfig = this._blockToolbarConfig.icon;\n        const icon = NESTED_TOOLBAR_ICONS[iconFromConfig] || iconFromConfig || NESTED_TOOLBAR_ICONS.dragIndicator;\n        buttonView.set({\n            label: t('Edit block'),\n            icon,\n            withText: false\n        });\n        // Bind the panelView observable properties to the buttonView.\n        buttonView.bind('isOn').to(this.panelView, 'isVisible');\n        buttonView.bind('tooltip').to(this.panelView, 'isVisible', (isVisible)=>!isVisible);\n        // Toggle the panelView upon buttonView#execute.\n        this.listenTo(buttonView, 'execute', ()=>{\n            if (!this.panelView.isVisible) {\n                this._showPanel();\n            } else {\n                this._hidePanel(true);\n            }\n        });\n        // Hide the panelView when the buttonView is disabled. `isEnabled` flag might be changed when\n        // user scrolls the viewport and the button is no longer visible. In such case, the panel should be hidden\n        // otherwise it will be displayed in the wrong place.\n        this.listenTo(buttonView, 'change:isEnabled', (evt, name, isEnabled)=>{\n            if (!isEnabled && this.panelView.isVisible) {\n                this._hidePanel(false);\n            }\n        });\n        editor.ui.view.body.add(buttonView);\n        return buttonView;\n    }\n    /**\n\t * Shows or hides the button.\n\t * When all the conditions for displaying the button are matched, it shows the button. Hides otherwise.\n\t */ _updateButton() {\n        const editor = this.editor;\n        const model = editor.model;\n        const view = editor.editing.view;\n        // Hides the button when the editor is not focused.\n        if (!editor.ui.focusTracker.isFocused) {\n            this._hideButton();\n            return;\n        }\n        // Hides the button when the selection is in non-editable place.\n        if (!editor.model.canEditAt(editor.model.document.selection)) {\n            this._hideButton();\n            return;\n        }\n        // Get the first selected block, button will be attached to this element.\n        const modelTarget = Array.from(model.document.selection.getSelectedBlocks())[0];\n        // Hides the button when there is no enabled item in toolbar for the current block element.\n        if (!modelTarget || Array.from(this.toolbarView.items).every((item)=>!item.isEnabled)) {\n            this._hideButton();\n            return;\n        }\n        // Get DOM target element.\n        const domTarget = view.domConverter.mapViewToDom(editor.editing.mapper.toViewElement(modelTarget));\n        // Show block button.\n        this.buttonView.isVisible = true;\n        // Make sure that the block toolbar panel is resized properly.\n        this._setupToolbarResize();\n        // Attach block button to target DOM element.\n        this._attachButtonToElement(domTarget);\n        // When panel is opened then refresh it position to be properly aligned with block button.\n        if (this.panelView.isVisible) {\n            this._showPanel();\n        }\n    }\n    /**\n\t * Hides the button.\n\t */ _hideButton() {\n        this.buttonView.isVisible = false;\n    }\n    /**\n\t * Shows the {@link #toolbarView} attached to the {@link #buttonView}.\n\t * If the toolbar is already visible, then it simply repositions it.\n\t */ _showPanel() {\n        // Usually, the only way to show the toolbar is by pressing the block button. It makes it impossible for\n        // the toolbar to show up when the button is invisible (feature does not make sense for the selection then).\n        // The toolbar navigation using Alt+F10 does not access the button but shows the panel directly using this method.\n        // So we need to check whether this is possible first.\n        if (!this.buttonView.isVisible) {\n            return;\n        }\n        const wasVisible = this.panelView.isVisible;\n        // So here's the thing: If there was no initial panelView#show() or these two were in different order, the toolbar\n        // positioning will break in RTL editors. Weird, right? What you show know is that the toolbar\n        // grouping works thanks to:\n        //\n        // * the ResizeObserver, which kicks in as soon as the toolbar shows up in DOM (becomes visible again).\n        // * the observable ToolbarView#maxWidth, which triggers re-grouping when changed.\n        //\n        // Here are the possible scenarios:\n        //\n        // 1. (WRONG ❌) If the #maxWidth is set when the toolbar is invisible, it won't affect item grouping (no DOMRects, no grouping).\n        //    Then, when panelView.pin() is called, the position of the toolbar will be calculated for the old\n        //    items grouping state, and when finally ResizeObserver kicks in (hey, the toolbar is visible now, right?)\n        //    it will group/ungroup some items and the length of the toolbar will change. But since in RTL the toolbar\n        //    is attached on the right side and the positioning uses CSS \"left\", it will result in the toolbar shifting\n        //    to the left and being displayed in the wrong place.\n        // 2. (WRONG ❌) If the panelView.pin() is called first and #maxWidth set next, then basically the story repeats. The balloon\n        //    calculates the position for the old toolbar grouping state, then the toolbar re-groups items and because\n        //    it is positioned using CSS \"left\" it will move.\n        // 3. (RIGHT ✅) We show the panel first (the toolbar does re-grouping but it does not matter), then the #maxWidth\n        //    is set allowing the toolbar to re-group again and finally panelView.pin() does the positioning when the\n        //    items grouping state is stable and final.\n        //\n        // https://github.com/ckeditor/ckeditor5/issues/6449, https://github.com/ckeditor/ckeditor5/issues/6575\n        this.panelView.show();\n        const editableElement = this._getSelectedEditableElement();\n        this.toolbarView.maxWidth = this._getToolbarMaxWidth(editableElement);\n        this.panelView.pin({\n            target: this.buttonView.element,\n            limiter: editableElement\n        });\n        if (!wasVisible) {\n            this.toolbarView.items.get(0).focus();\n        }\n    }\n    /**\n\t * Returns currently selected editable, based on the model selection.\n\t */ _getSelectedEditableElement() {\n        const selectedModelRootName = this.editor.model.document.selection.getFirstRange().root.rootName;\n        return this.editor.ui.getEditableElement(selectedModelRootName);\n    }\n    /**\n\t * Hides the {@link #toolbarView}.\n\t *\n\t * @param focusEditable When `true`, the editable will be focused after hiding the panel.\n\t */ _hidePanel(focusEditable) {\n        this.panelView.isVisible = false;\n        if (focusEditable) {\n            this.editor.editing.view.focus();\n        }\n    }\n    /**\n\t * Repositions the button on scroll.\n\t */ _repositionButtonOnScroll() {\n        const { buttonView } = this;\n        let pendingAnimationFrame = false;\n        // Reposition the button on scroll, but do it only once per animation frame to avoid performance issues.\n        const repositionOnScroll = (evt, domEvt)=>{\n            if (pendingAnimationFrame) {\n                return;\n            }\n            // It makes no sense to reposition the button when the user scrolls the dropdown or any other\n            // nested scrollable element. The button should be repositioned only when the user scrolls the\n            // editable or any other scrollable parent of the editable. Leaving it as it is buggy on Chrome\n            // where scrolling nested scrollables is not properly handled.\n            // See more: https://github.com/ckeditor/ckeditor5/issues/17067\n            const editableElement = this._getSelectedEditableElement();\n            if (domEvt.target !== global.document && !getAncestors(editableElement).includes(domEvt.target)) {\n                return;\n            }\n            pendingAnimationFrame = true;\n            global.window.requestAnimationFrame(()=>{\n                this._updateButton();\n                pendingAnimationFrame = false;\n            });\n        };\n        // Watch scroll event only when the button is visible, it prevents attaching the scroll event listener\n        // to the document when the button is not visible.\n        buttonView.on('change:isVisible', (evt, name, isVisible)=>{\n            if (isVisible) {\n                buttonView.listenTo(global.document, 'scroll', repositionOnScroll, {\n                    useCapture: true,\n                    usePassive: true\n                });\n            } else {\n                buttonView.stopListening(global.document, 'scroll', repositionOnScroll);\n            }\n        });\n    }\n    /**\n\t * Attaches the {@link #buttonView} to the target block of content.\n\t *\n\t * @param targetElement Target element.\n\t */ _attachButtonToElement(targetElement) {\n        const buttonElement = this.buttonView.element;\n        const editableElement = this._getSelectedEditableElement();\n        const contentStyles = window.getComputedStyle(targetElement);\n        const editableRect = new Rect(editableElement);\n        const contentPaddingTop = parseInt(contentStyles.paddingTop, 10);\n        // When line height is not an integer then treat it as \"normal\".\n        // MDN says that 'normal' == ~1.2 on desktop browsers.\n        const contentLineHeight = parseInt(contentStyles.lineHeight, 10) || parseInt(contentStyles.fontSize, 10) * 1.2;\n        const buttonRect = new Rect(buttonElement);\n        const contentRect = new Rect(targetElement);\n        let positionLeft;\n        if (this.editor.locale.uiLanguageDirection === 'ltr') {\n            positionLeft = editableRect.left - buttonRect.width;\n        } else {\n            positionLeft = editableRect.right;\n        }\n        const positionTop = contentRect.top + contentPaddingTop + (contentLineHeight - buttonRect.height) / 2;\n        buttonRect.moveTo(positionLeft, positionTop);\n        const absoluteButtonRect = buttonRect.toAbsoluteRect();\n        this.buttonView.top = absoluteButtonRect.top;\n        this.buttonView.left = absoluteButtonRect.left;\n        this._clipButtonToViewport(this.buttonView, editableElement);\n    }\n    /**\n\t * Clips the button element to the viewport of the editable element.\n\t *\n\t * \t* If the button overflows the editable viewport, it is clipped to make it look like it's cut off by the editable scrollable region.\n\t * \t* If the button is fully hidden by the top of the editable, it is not clickable but still visible in the DOM.\n\t *\n\t * @param buttonView The button view to clip.\n\t * @param editableElement The editable element whose viewport is used for clipping.\n\t */ _clipButtonToViewport(buttonView, editableElement) {\n        const absoluteButtonRect = new Rect(buttonView.element);\n        const scrollViewportRect = new Rect(editableElement).getVisible();\n        // Sets polygon clip path for the button element, if there is no argument provided, the clip path is removed.\n        const setButtonClipping = (...paths)=>{\n            buttonView.element.style.clipPath = paths.length ? `polygon(${paths.join(',')})` : '';\n        };\n        // Hide the button if it's fully hidden by the top of the editable.\n        // Note that the button is still visible in the DOM, but it's not clickable. It's because we don't\n        // want to hide the button completely, as there are plenty of `isVisible` watchers which toggles\n        // the button scroll listeners.\n        const markAsHidden = (isHidden)=>{\n            buttonView.isEnabled = !isHidden;\n            buttonView.element.style.pointerEvents = isHidden ? 'none' : '';\n        };\n        if (scrollViewportRect && scrollViewportRect.bottom < absoluteButtonRect.bottom) {\n            // Calculate the delta between the button bottom and the editable bottom, and clip the button\n            // to make it look like it's cut off by the editable scrollable region.\n            const delta = Math.min(absoluteButtonRect.height, absoluteButtonRect.bottom - scrollViewportRect.bottom);\n            markAsHidden(delta >= absoluteButtonRect.height);\n            setButtonClipping('0 0', '100% 0', `100% calc(100% - ${toPx(delta)})`, `0 calc(100% - ${toPx(delta)}`);\n        } else if (scrollViewportRect && scrollViewportRect.top > absoluteButtonRect.top) {\n            // Calculate the delta between the button top and the editable top, and clip the button\n            // to make it look like it's cut off by the editable scrollable region.\n            const delta = Math.min(absoluteButtonRect.height, scrollViewportRect.top - absoluteButtonRect.top);\n            markAsHidden(delta >= absoluteButtonRect.height);\n            setButtonClipping(`0 ${toPx(delta)}`, `100% ${toPx(delta)}`, '100% 100%', '0 100%');\n        } else {\n            // Reset the clip path if button is fully visible.\n            markAsHidden(false);\n            setButtonClipping();\n        }\n    }\n    /**\n\t * Creates a resize observer that observes selected editable and resizes the toolbar panel accordingly.\n\t */ _setupToolbarResize() {\n        const editableElement = this._getSelectedEditableElement();\n        // Do this only if the automatic grouping is turned on.\n        if (!this._blockToolbarConfig.shouldNotGroupWhenFull) {\n            // If resize observer is attached to a different editable than currently selected editable, re-attach it.\n            if (this._resizeObserver && this._resizeObserver.element !== editableElement) {\n                this._resizeObserver.destroy();\n                this._resizeObserver = null;\n            }\n            if (!this._resizeObserver) {\n                this._resizeObserver = new ResizeObserver(editableElement, ()=>{\n                    this.toolbarView.maxWidth = this._getToolbarMaxWidth(editableElement);\n                });\n            }\n        }\n    }\n    /**\n\t * Gets the {@link #toolbarView} max-width, based on given `editableElement` width plus the distance between the farthest\n\t * edge of the {@link #buttonView} and the editable.\n\t *\n\t * @returns A maximum width that toolbar can have, in pixels.\n\t */ _getToolbarMaxWidth(editableElement) {\n        const editableRect = new Rect(editableElement);\n        const buttonRect = new Rect(this.buttonView.element);\n        const isRTL = this.editor.locale.uiLanguageDirection === 'rtl';\n        const offset = isRTL ? buttonRect.left - editableRect.right + buttonRect.width : editableRect.left - buttonRect.left;\n        return toPx(editableRect.width + offset);\n    }\n}\n\n/**\n * A menu {@link module:ui/menubar/menubarmenuview~MenuBarMenuView#buttonView} class. Buttons like this one\n * open both top-level bar menus as well as sub-menus.\n */ class MenuBarMenuButtonView extends ListItemButtonView {\n    /**\n\t * An icon that displays an arrow to indicate a direction of the menu.\n\t */ arrowView;\n    /**\n\t * Creates an instance of the menu bar button view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set({\n            withText: true,\n            role: 'menuitem'\n        });\n        this.arrowView = this._createArrowView();\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-menu-bar__menu__button'\n                ],\n                'aria-haspopup': true,\n                'aria-expanded': this.bindTemplate.to('isOn', (value)=>String(value)),\n                'data-cke-tooltip-disabled': bind.to('isOn')\n            },\n            on: {\n                'mouseenter': bind.to('mouseenter')\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.children.add(this.arrowView);\n    }\n    /**\n\t * Creates the {@link #arrowView} instance.\n\t */ _createArrowView() {\n        const arrowView = new IconView();\n        arrowView.content = IconDropdownArrow;\n        arrowView.extendTemplate({\n            attributes: {\n                class: 'ck-menu-bar__menu__button__arrow'\n            }\n        });\n        return arrowView;\n    }\n}\n\n/**\n * A view representing a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView#panelView} of a menu.\n */ class MenuBarMenuPanelView extends View {\n    /**\n\t * Collection of the child views in this panel.\n\t */ children;\n    /**\n\t * Creates an instance of the menu panel view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('isVisible', false);\n        this.set('position', 'se');\n        this.children = this.createCollection();\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-reset',\n                    'ck-menu-bar__menu__panel',\n                    bind.to('position', (value)=>`ck-menu-bar__menu__panel_position_${value}`),\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value)\n                ],\n                tabindex: '-1'\n            },\n            children: this.children,\n            on: {\n                // Drag and drop in the panel should not break the selection in the editor.\n                // https://github.com/ckeditor/ckeditor5-ui/issues/228\n                selectstart: bind.to((evt)=>{\n                    if (evt.target.tagName.toLocaleLowerCase() === 'input') {\n                        return;\n                    }\n                    evt.preventDefault();\n                })\n            }\n        });\n    }\n    /**\n\t * Focuses the first child of the panel (default) or the last one if the `direction` is `-1`.\n\t */ focus(direction = 1) {\n        if (this.children.length) {\n            if (direction === 1) {\n                this.children.first.focus();\n            } else {\n                this.children.last.focus();\n            }\n        }\n    }\n}\n\n/**\n * A menu view for the {@link module:ui/menubar/menubarview~MenuBarView}. Menus are building blocks of the menu bar,\n * they host other sub-menus and menu items (buttons) that users can interact with.\n */ class MenuBarMenuView extends View {\n    /**\n\t * Button of the menu view.\n\t */ buttonView;\n    /**\n\t * Panel of the menu. It hosts children of the menu.\n\t */ panelView;\n    /**\n\t * Tracks information about the DOM focus in the menu.\n\t */ focusTracker;\n    /**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}. It manages\n\t * keystrokes of the menu.\n\t */ keystrokes;\n    /**\n\t * Creates an instance of the menu view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.buttonView = new MenuBarMenuButtonView(locale);\n        this.buttonView.delegate('mouseenter').to(this);\n        this.buttonView.bind('isOn', 'isEnabled').to(this, 'isOpen', 'isEnabled');\n        this.panelView = new MenuBarMenuPanelView(locale);\n        this.panelView.bind('isVisible').to(this, 'isOpen');\n        this.keystrokes = new KeystrokeHandler();\n        this.focusTracker = new FocusTracker();\n        this.set('isOpen', false);\n        this.set('isEnabled', true);\n        this.set('panelPosition', 'w');\n        this.set('class', undefined);\n        this.set('parentMenuView', null);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-menu-bar__menu',\n                    bind.to('class'),\n                    bind.if('isEnabled', 'ck-disabled', (value)=>!value),\n                    bind.if('parentMenuView', 'ck-menu-bar__menu_top-level', (value)=>!value)\n                ]\n            },\n            children: [\n                this.buttonView,\n                this.panelView\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.focusTracker.add(this.buttonView.element);\n        this.focusTracker.add(this.panelView.element);\n        // Listen for keystrokes coming from within #element.\n        this.keystrokes.listenTo(this.element);\n        MenuBarMenuBehaviors.closeOnEscKey(this);\n        this._repositionPanelOnOpen();\n    }\n    // For now, this method cannot be called in the render process because the `parentMenuView` may be assigned\n    // after the rendering process.\n    //\n    // TODO: We should reconsider the way we handle this logic.\n    /**\n\t * Attach all keyboard behaviors for the menu bar view.\n\t *\n\t * @internal\n\t */ _attachBehaviors() {\n        // Top-level menus.\n        if (!this.parentMenuView) {\n            this._propagateArrowKeystrokeEvents();\n            MenuBarMenuBehaviors.openAndFocusPanelOnArrowDownKey(this);\n            MenuBarMenuBehaviors.toggleOnButtonClick(this);\n        } else {\n            MenuBarMenuBehaviors.openOnButtonClick(this);\n            MenuBarMenuBehaviors.openOnArrowRightKey(this);\n            MenuBarMenuBehaviors.closeOnArrowLeftKey(this);\n            MenuBarMenuBehaviors.openAndFocusOnEnterKeyPress(this);\n            MenuBarMenuBehaviors.closeOnParentClose(this);\n        }\n    }\n    /**\n\t * Fires `arrowright` and `arrowleft` events when the user pressed corresponding arrow keys.\n\t */ _propagateArrowKeystrokeEvents() {\n        this.keystrokes.set('arrowright', (data, cancel)=>{\n            this.fire('arrowright');\n            cancel();\n        });\n        this.keystrokes.set('arrowleft', (data, cancel)=>{\n            this.fire('arrowleft');\n            cancel();\n        });\n    }\n    /**\n\t * Sets the position of the panel when the menu opens. The panel is positioned\n\t * so that it optimally uses the available space in the viewport.\n\t */ _repositionPanelOnOpen() {\n        // Let the menu control the position of the panel. The position must be updated every time the menu is open.\n        this.on('change:isOpen', (evt, name, isOpen)=>{\n            if (!isOpen) {\n                return;\n            }\n            const optimalPanelPosition = MenuBarMenuView._getOptimalPosition({\n                element: this.panelView.element,\n                target: this.buttonView.element,\n                fitInViewport: true,\n                positions: this._panelPositions\n            });\n            this.panelView.position = optimalPanelPosition ? optimalPanelPosition.name : this._defaultMenuPositionName;\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ focus() {\n        this.buttonView.focus();\n    }\n    /**\n\t * Positioning functions for the {@link #panelView} . They change depending on the role of the menu (top-level vs sub-menu) in\n\t * the {@link module:ui/menubar/menubarview~MenuBarView menu bar} and the UI language direction.\n\t */ get _panelPositions() {\n        const { southEast, southWest, northEast, northWest, westSouth, eastSouth, westNorth, eastNorth } = MenuBarMenuViewPanelPositioningFunctions;\n        if (this.locale.uiLanguageDirection === 'ltr') {\n            if (this.parentMenuView) {\n                return [\n                    eastSouth,\n                    eastNorth,\n                    westSouth,\n                    westNorth\n                ];\n            } else {\n                return [\n                    southEast,\n                    southWest,\n                    northEast,\n                    northWest\n                ];\n            }\n        } else {\n            if (this.parentMenuView) {\n                return [\n                    westSouth,\n                    westNorth,\n                    eastSouth,\n                    eastNorth\n                ];\n            } else {\n                return [\n                    southWest,\n                    southEast,\n                    northWest,\n                    northEast\n                ];\n            }\n        }\n    }\n    /**\n\t * The default position of the panel when the menu is opened.\n\t * It is used when the optimal position cannot be calculated.\n\t */ get _defaultMenuPositionName() {\n        if (this.locale.uiLanguageDirection === 'ltr') {\n            if (this.parentMenuView) {\n                return 'es';\n            } else {\n                return 'se';\n            }\n        } else {\n            if (this.parentMenuView) {\n                return 'ws';\n            } else {\n                return 'sw';\n            }\n        }\n    }\n    /**\n\t * A function used to calculate the optimal position for the dropdown panel.\n\t *\n\t * Referenced for unit testing purposes.\n\t */ static _getOptimalPosition = getOptimalPosition;\n}\n\n/**\n * A list of menu bar items, a child of {@link module:ui/menubar/menubarmenuview~MenuBarMenuView#panelView}.\n *\n * Use this class to create a list of items (options, buttons) to be displayed in a menu bar.\n *\n * To populate this list, use {@link module:ui/menubar/menubarmenulistitemview~MenuBarMenuListItemView} instances.\n */ class MenuBarMenuListView extends ListView {\n    /**\n\t * Creates an instance of the list view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        this.role = 'menu';\n        this.items.on('change', this._setItemsCheckSpace.bind(this));\n    }\n    /**\n\t * This method adds empty space if there is any toggleable item in the list.\n\t * It makes the list properly aligned.\n\t */ _setItemsCheckSpace() {\n        const hasAnyToggleableItem = Array.from(this.items).some((item)=>{\n            const listButtonView = pickListButtonMenuViewIfPresent(item);\n            return listButtonView && listButtonView.isToggleable;\n        });\n        this.items.forEach((item)=>{\n            const listButtonView = pickListButtonMenuViewIfPresent(item);\n            if (listButtonView) {\n                listButtonView.hasCheckSpace = hasAnyToggleableItem;\n            }\n        });\n    }\n}\n/**\n * Picks the first button menu view from the given item if present.\n *\n * @param item The item to check for a button menu view.\n * @returns The first button menu view found in the item, or `null` if not found.\n */ function pickListButtonMenuViewIfPresent(item) {\n    if (!(item instanceof ListItemView)) {\n        return null;\n    }\n    return item.children.map((child)=>isNestedMenuLikeView(child) ? child.buttonView : child).find((item)=>item instanceof ListItemButtonView);\n}\n/**\n * Checks if the given item is a nested menu-like view. `MenuBarMenuView` imports this file\n * so to avoid circular dependencies, this function is defined in more generic way.\n *\n * @param item The item to check.\n * @returns `true` if the item is a nested menu-like view, `false` otherwise.\n */ function isNestedMenuLikeView(item) {\n    return typeof item === 'object' && 'buttonView' in item && item.buttonView instanceof ButtonView;\n}\n\n/**\n * A menu bar list file dialog button view. Buttons like this one execute user actions.\n *\n * This component provides a button that opens the native file selection dialog.\n */ class MenuBarMenuListItemFileDialogButtonView extends FileDialogListItemButtonView {\n    /**\n\t * Creates an instance of the menu bar list button view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        this.set({\n            withText: true,\n            withKeystroke: true,\n            tooltip: false,\n            role: 'menuitem'\n        });\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-menu-bar__menu__item__button'\n                ]\n            }\n        });\n    }\n}\n\nconst EVENT_NAME_DELEGATES = [\n    'mouseenter',\n    'arrowleft',\n    'arrowright',\n    'change:isOpen'\n];\n/**\n * The application menu bar component. It brings a set of top-level menus (and sub-menus) that can be used\n * to organize and access a large number of buttons.\n */ class MenuBarView extends View {\n    /**\n\t * Collection of the child views inside the {@link #element}.\n\t */ children;\n    /**\n\t * A list of {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} instances registered in the menu bar.\n\t *\n\t * @observable\n\t */ menus = [];\n    /**\n\t * Creates an instance of the menu bar view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        const t = locale.t;\n        const bind = this.bindTemplate;\n        this.set({\n            isOpen: false,\n            isFocusBorderEnabled: false\n        });\n        this._setupIsOpenUpdater();\n        this.children = this.createCollection();\n        // @if CK_DEBUG_MENU_BAR // // Logs events in the main event bus of the component.\n        // @if CK_DEBUG_MENU_BAR // this.on( 'menu', ( evt, data ) => {\n        // @if CK_DEBUG_MENU_BAR // \tconsole.log( `MenuBarView:${ evt.name }`, evt.path.map( view => view.element ) );\n        // @if CK_DEBUG_MENU_BAR // } );\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-menu-bar',\n                    bind.if('isFocusBorderEnabled', 'ck-menu-bar_focus-border-enabled')\n                ],\n                'aria-label': t('Editor menu bar'),\n                role: 'menubar'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * A utility that expands a plain menu bar configuration into a structure of menus (also: sub-menus)\n\t * and items using a given {@link module:ui/componentfactory~ComponentFactory component factory}.\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar} in the editor\n\t * configuration reference to learn how to configure the menu bar.\n\t */ fillFromConfig(config, componentFactory, extraItems = []) {\n        const locale = this.locale;\n        const processedConfig = processMenuBarConfig({\n            normalizedConfig: config,\n            locale,\n            componentFactory,\n            extraItems\n        });\n        const topLevelCategoryMenuViews = processedConfig.items.map((menuDefinition)=>this._createMenu({\n                componentFactory,\n                menuDefinition\n            }));\n        this.children.addMany(topLevelCategoryMenuViews);\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        MenuBarBehaviors.toggleMenusAndFocusItemsOnHover(this);\n        MenuBarBehaviors.closeMenusWhenTheBarCloses(this);\n        MenuBarBehaviors.closeMenuWhenAnotherOnTheSameLevelOpens(this);\n        MenuBarBehaviors.focusCycleMenusOnArrows(this);\n        MenuBarBehaviors.closeOnClickOutside(this);\n        MenuBarBehaviors.enableFocusHighlightOnInteraction(this);\n    }\n    /**\n\t * Focuses the menu bar.\n\t */ focus() {\n        if (this.children.first) {\n            this.children.first.focus();\n        }\n    }\n    /**\n\t * Closes all menus in the bar.\n\t */ close() {\n        for (const topLevelCategoryMenuView of this.children){\n            topLevelCategoryMenuView.isOpen = false;\n        }\n    }\n    /**\n\t * Disables all menus in the bar.\n\t */ disable() {\n        for (const topLevelCategoryMenuView of this.children){\n            topLevelCategoryMenuView.isEnabled = false;\n        }\n    }\n    /**\n\t * Enables all menus in the bar.\n\t */ enable() {\n        for (const topLevelCategoryMenuView of this.children){\n            topLevelCategoryMenuView.isEnabled = true;\n        }\n    }\n    /**\n\t * Registers a menu view in the menu bar. Every {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} instance must be registered\n\t * in the menu bar to be properly managed.\n\t */ registerMenu(menuView, parentMenuView = null) {\n        if (parentMenuView) {\n            menuView.delegate(...EVENT_NAME_DELEGATES).to(parentMenuView);\n            menuView.parentMenuView = parentMenuView;\n        } else {\n            menuView.delegate(...EVENT_NAME_DELEGATES).to(this, (name)=>'menu:' + name);\n        }\n        menuView._attachBehaviors();\n        this.menus.push(menuView);\n    }\n    /**\n\t * Creates a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} based on the given definition.\n\t */ _createMenu({ componentFactory, menuDefinition, parentMenuView }) {\n        const locale = this.locale;\n        const menuView = new MenuBarMenuView(locale);\n        this.registerMenu(menuView, parentMenuView);\n        menuView.buttonView.set({\n            label: menuDefinition.label\n        });\n        // Defer the creation of the menu structure until it gets open. This is a performance optimization\n        // that shortens the time needed to create the editor.\n        menuView.once('change:isOpen', ()=>{\n            const listView = new MenuBarMenuListView(locale);\n            listView.ariaLabel = menuDefinition.label;\n            menuView.panelView.children.add(listView);\n            listView.items.addMany(this._createMenuItems({\n                menuDefinition,\n                parentMenuView: menuView,\n                componentFactory\n            }));\n        });\n        return menuView;\n    }\n    /**\n\t * Creates a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} items based on the given definition.\n\t */ _createMenuItems({ menuDefinition, parentMenuView, componentFactory }) {\n        const locale = this.locale;\n        const items = [];\n        for (const menuGroupDefinition of menuDefinition.groups){\n            for (const itemDefinition of menuGroupDefinition.items){\n                const menuItemView = new MenuBarMenuListItemView(locale, parentMenuView);\n                if (isObject(itemDefinition)) {\n                    menuItemView.children.add(this._createMenu({\n                        componentFactory,\n                        menuDefinition: itemDefinition,\n                        parentMenuView\n                    }));\n                } else {\n                    const componentView = this._createMenuItemContentFromFactory({\n                        componentName: itemDefinition,\n                        componentFactory,\n                        parentMenuView\n                    });\n                    if (!componentView) {\n                        continue;\n                    }\n                    menuItemView.children.add(componentView);\n                }\n                items.push(menuItemView);\n            }\n            // Separate groups with a separator.\n            if (menuGroupDefinition !== menuDefinition.groups[menuDefinition.groups.length - 1]) {\n                items.push(new ListSeparatorView(locale));\n            }\n        }\n        return items;\n    }\n    /**\n\t * Uses the component factory to create a content of the menu item (a button or a sub-menu).\n\t */ _createMenuItemContentFromFactory({ componentName, parentMenuView, componentFactory }) {\n        const componentView = componentFactory.create(componentName);\n        if (!(componentView instanceof MenuBarMenuView || componentView instanceof MenuBarMenuListItemButtonView || componentView instanceof MenuBarMenuListItemFileDialogButtonView)) {\n            /**\n\t\t\t * Adding unsupported components to the {@link module:ui/menubar/menubarview~MenuBarView} is not possible.\n\t\t\t *\n\t\t\t * A component should be either a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} (sub-menu) or a\n\t\t\t * {@link module:ui/menubar/menubarmenulistitembuttonview~MenuBarMenuListItemButtonView} (button).\n\t\t\t *\n\t\t\t * @error menu-bar-component-unsupported\n\t\t\t * @param {string} componentName A name of the unsupported component used in the configuration.\n\t\t\t * @param {module:ui/view~View} componentView An unsupported component view.\n\t\t\t */ logWarning('menu-bar-component-unsupported', {\n                componentName,\n                componentView\n            });\n            return null;\n        }\n        this._registerMenuTree(componentView, parentMenuView);\n        // Close the whole menu bar when a component is executed.\n        componentView.on('execute', ()=>{\n            this.close();\n        });\n        return componentView;\n    }\n    /**\n\t * Checks component and its children recursively and calls {@link #registerMenu}\n\t * for each item that is {@link module:ui/menubar/menubarmenuview~MenuBarMenuView}.\n\t *\n\t * @internal\n\t */ _registerMenuTree(componentView, parentMenuView) {\n        if (!(componentView instanceof MenuBarMenuView)) {\n            componentView.delegate('mouseenter').to(parentMenuView);\n            return;\n        }\n        this.registerMenu(componentView, parentMenuView);\n        const menuBarItemsList = componentView.panelView.children.filter((child)=>child instanceof MenuBarMenuListView)[0];\n        if (!menuBarItemsList) {\n            componentView.delegate('mouseenter').to(parentMenuView);\n            return;\n        }\n        const nonSeparatorItems = menuBarItemsList.items.filter((item)=>item instanceof ListItemView);\n        for (const item of nonSeparatorItems){\n            this._registerMenuTree(item.children.get(0), componentView);\n        }\n    }\n    /**\n\t * Manages the state of the {@link #isOpen} property of the menu bar. Because the state is a sum of individual\n\t * top-level menus' states, it's necessary to listen to their changes and update the state accordingly.\n\t *\n\t * Additionally, it prevents from unnecessary changes of `isOpen` when one top-level menu opens and another closes\n\t * (regardless of in which order), maintaining a stable `isOpen === true` in that situation.\n\t */ _setupIsOpenUpdater() {\n        let closeTimeout;\n        // TODO: This is not the prettiest approach but at least it's simple.\n        this.on('menu:change:isOpen', (evt, name, isOpen)=>{\n            clearTimeout(closeTimeout);\n            if (isOpen) {\n                this.isOpen = true;\n            } else {\n                closeTimeout = setTimeout(()=>{\n                    this.isOpen = Array.from(this.children).some((menuView)=>menuView.isOpen);\n                }, 0);\n            }\n        });\n    }\n}\n\nexport { AccessibilityHelp, AccessibilityHelpContentView, AriaLiveAnnouncer, AriaLiveAnnouncerPoliteness, AriaLiveAnnouncerRegionView, AriaLiveAnnouncerView, AutocompleteView, Badge, BalloonPanelView, BalloonToolbar, BlockButtonView, BlockToolbar, BodyCollection, BoxedEditorUIView, ButtonLabelView, ButtonLabelWithHighlightView, ButtonView, CollapsibleView, ColorGridView, ColorGridsFragmentView, ColorPickerFragmentView, ColorPickerInputRowView, ColorPickerView, ColorSelectorView, ColorTileView, ComponentFactory, ContextualBalloon, CssTransitionDisablerMixin, DefaultMenuBarItems, Dialog, DialogActionsView, DialogContentView, DialogView, DialogViewPosition, DocumentColorCollection, DraggableViewMixin, DropdownButtonView, DropdownMenuButtonView, DropdownMenuListItemButtonView, DropdownMenuListItemView, DropdownMenuListView, DropdownMenuNestedMenuPanelView, DropdownMenuNestedMenuView, DropdownMenuPanelPositioningFunctions, DropdownMenuRootListView, DropdownPanelView, DropdownView, EditableUIView, EditorUI, EditorUIView, EvaluationBadge, FileDialogButtonView, FileDialogListItemButtonView, FileDialogViewMixin, FocusCycler, FormHeaderView, FormRowView, HighlightedTextView, IconView, IframeView, InlineEditableUIView, InputBase, InputNumberView, InputTextView, InputView, ItemsView, LabelView, LabelWithHighlightView, LabeledFieldView, LabeledInputView, ListItemButtonView, ListItemGroupView, ListItemView, ListSeparatorView, ListView, MenuBarMenuButtonView, MenuBarMenuListItemButtonView, MenuBarMenuListItemFileDialogButtonView, MenuBarMenuListItemView, MenuBarMenuListView, MenuBarMenuPanelView, MenuBarMenuView, MenuBarView, NESTED_TOOLBAR_ICONS, Notification, PoweredBy, SearchInfoView, SearchResultsView, SearchTextView, SliderView, SpinnerView, SplitButtonView, StickyPanelView, SwitchButtonView, Template, TextareaView, ToolbarLineBreakView, ToolbarSeparatorView, ToolbarView, TooltipManager, UIModel, View, ViewCollection, UIModel as ViewModel, CheckIconHolderView as _CheckIconHolderView, CollapsibleView as _CollapsibleView, RotatorView as _ContextualBalloonRotatorView, DropdownMenuBehaviors as _DropdownMenuBehaviors, DropdownRootMenuBehaviors as _DropdownRootMenuBehaviors, MenuBarBehaviors as _MenuBarBehaviors, MenuBarMenuBehaviors as _MenuBarMenuBehaviors, MenuBarMenuViewPanelPositioningFunctions as _MenuBarMenuViewPanelPositioningFunctions, SearchInfoView as _SearchInfoView, SearchTextQueryView as _SearchTextQueryView, TemplateBinding as _TemplateBinding, TemplateIfBinding as _TemplateIfBinding, TemplateToBinding as _TemplateToBinding, convertColor as _convertColor, convertToHex as _convertColorToHex, preventDefault as _preventUiViewDefault, processMenuBarConfig as _processMenuBarConfig, registerCustomElement as _registerCustomElement, tryParseHexColor as _tryNormalizeHexColor, addKeyboardHandlingForGrid, addListToDropdown, addMenuToDropdown, addToolbarToDropdown, clickOutsideHandler, createDropdown, createLabeledDropdown, createLabeledInputNumber, createLabeledInputText, createLabeledTextarea, filterGroupAndItemNames, focusChildOnDropdownOpen, getLocalizedColorOptions, isFocusable, isViewWithFocusCycler, normalizeColorOptions, normalizeMenuBarConfig, normalizeSingleColorDefinition, normalizeToolbarConfig, submitHandler };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/viewcollection\n */\n\nimport {\n\tCKEditorError,\n\tCollection,\n\ttype CollectionAddEvent,\n\ttype CollectionRemoveEvent,\n\ttype EmitterMixinDelegateChain\n} from '@ckeditor/ckeditor5-utils';\n\nimport { type View } from './view.js';\n\n/**\n * Collects {@link module:ui/view~View} instances.\n *\n * ```ts\n * const parentView = new ParentView( locale );\n * const collection = new ViewCollection( locale );\n *\n * collection.setParent( parentView.element );\n *\n * const viewA = new ChildView( locale );\n * const viewB = new ChildView( locale );\n * ```\n *\n * View collection renders and manages view {@link module:ui/view~View#element elements}:\n *\n * ```ts\n * collection.add( viewA );\n * collection.add( viewB );\n *\n * console.log( parentView.element.firsChild ); // -> viewA.element\n * console.log( parentView.element.lastChild ); // -> viewB.element\n * ```\n *\n * It {@link module:ui/viewcollection~ViewCollection#delegate propagates} DOM events too:\n *\n * ```ts\n * // Delegate #click and #keydown events from viewA and viewB to the parentView.\n * collection.delegate( 'click' ).to( parentView );\n *\n * parentView.on( 'click', ( evt ) => {\n * \tconsole.log( `${ evt.source } has been clicked.` );\n * } );\n *\n * // This event will be delegated to the parentView.\n * viewB.fire( 'click' );\n * ```\n *\n * **Note**: A view collection can be used directly in the {@link module:ui/template~TemplateDefinition definition}\n * of a {@link module:ui/template~Template template}.\n */\nexport class ViewCollection<TView extends View = View> extends Collection<TView> {\n\tpublic declare id?: string;\n\n\t/**\n\t * A parent element within which child views are rendered and managed in DOM.\n\t */\n\tprivate _parentElement: DocumentFragment | HTMLElement | null;\n\n\t/**\n\t * Creates a new instance of the {@link module:ui/viewcollection~ViewCollection}.\n\t *\n\t * @param initialItems The initial items of the collection.\n\t */\n\tconstructor( initialItems: Iterable<TView> = [] ) {\n\t\tsuper( initialItems, {\n\t\t\t// An #id Number attribute should be legal and not break the `ViewCollection` instance.\n\t\t\t// https://github.com/ckeditor/ckeditor5-ui/issues/93\n\t\t\tidProperty: 'viewUid'\n\t\t} );\n\n\t\t// Handle {@link module:ui/view~View#element} in DOM when a new view is added to the collection.\n\t\tthis.on<CollectionAddEvent<TView>>( 'add', ( evt, view, index ) => {\n\t\t\tthis._renderViewIntoCollectionParent( view, index );\n\t\t} );\n\n\t\t// Handle {@link module:ui/view~View#element} in DOM when a view is removed from the collection.\n\t\tthis.on<CollectionRemoveEvent<TView>>( 'remove', ( evt, view ) => {\n\t\t\tif ( view.element && this._parentElement ) {\n\t\t\t\tview.element.remove();\n\t\t\t}\n\t\t} );\n\n\t\tthis._parentElement = null;\n\t}\n\n\t/**\n\t * Destroys the view collection along with child views.\n\t * See the view {@link module:ui/view~View#destroy} method.\n\t */\n\tpublic destroy(): void {\n\t\tthis.map( view => view.destroy() );\n\t}\n\n\t/**\n\t * Sets the parent HTML element of this collection. When parent is set, {@link #add adding} and\n\t * {@link #remove removing} views in the collection synchronizes their\n\t * {@link module:ui/view~View#element elements} in the parent element.\n\t *\n\t * @param elementOrDocFragment A new parent element or document fragment.\n\t */\n\tpublic setParent( elementOrDocFragment: DocumentFragment | HTMLElement ): void {\n\t\tthis._parentElement = elementOrDocFragment;\n\n\t\t// Take care of the initial collection items passed to the constructor.\n\t\tfor ( const view of this ) {\n\t\t\tthis._renderViewIntoCollectionParent( view );\n\t\t}\n\t}\n\n\t/**\n\t * Delegates selected events coming from within views in the collection to any\n\t * {@link module:utils/emittermixin~Emitter}.\n\t *\n\t * For the following views and collection:\n\t *\n\t * ```ts\n\t * const viewA = new View();\n\t * const viewB = new View();\n\t * const viewC = new View();\n\t *\n\t * const views = parentView.createCollection();\n\t *\n\t * views.delegate( 'eventX' ).to( viewB );\n\t * views.delegate( 'eventX', 'eventY' ).to( viewC );\n\t *\n\t * views.add( viewA );\n\t * ```\n\t *\n\t * the `eventX` is delegated (fired by) `viewB` and `viewC` along with `customData`:\n\t *\n\t * ```ts\n\t * viewA.fire( 'eventX', customData );\n\t * ```\n\t *\n\t * and `eventY` is delegated (fired by) `viewC` along with `customData`:\n\t *\n\t * ```ts\n\t * viewA.fire( 'eventY', customData );\n\t * ```\n\t *\n\t * See {@link module:utils/emittermixin~Emitter#delegate}.\n\t *\n\t * @param events {@link module:ui/view~View} event names to be delegated to another\n\t * {@link module:utils/emittermixin~Emitter}.\n\t * @returns Object with `to` property, a function which accepts the destination\n\t * of {@link module:utils/emittermixin~Emitter#delegate delegated} events.\n\t */\n\tpublic override delegate( ...events: Array<string> ): EmitterMixinDelegateChain {\n\t\tif ( !events.length || !isStringArray( events ) ) {\n\t\t\t/**\n\t\t\t * All event names must be strings.\n\t\t\t *\n\t\t\t * @error ui-viewcollection-delegate-wrong-events\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'ui-viewcollection-delegate-wrong-events',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\treturn {\n\t\t\tto: dest => {\n\t\t\t\t// Activate delegating on existing views in this collection.\n\t\t\t\tfor ( const view of this ) {\n\t\t\t\t\tfor ( const evtName of events ) {\n\t\t\t\t\t\tview.delegate( evtName ).to( dest );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Activate delegating on future views in this collection.\n\t\t\t\tthis.on<CollectionAddEvent<View>>( 'add', ( evt, view ) => {\n\t\t\t\t\tfor ( const evtName of events ) {\n\t\t\t\t\t\tview.delegate( evtName ).to( dest );\n\t\t\t\t\t}\n\t\t\t\t} );\n\n\t\t\t\t// Deactivate delegating when view is removed from this collection.\n\t\t\t\tthis.on<CollectionRemoveEvent<View>>( 'remove', ( evt, view ) => {\n\t\t\t\t\tfor ( const evtName of events ) {\n\t\t\t\t\t\tview.stopDelegating( evtName, dest );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t};\n\t}\n\n\t/**\n\t * This method {@link module:ui/view~View#render renders} a new view added to the collection.\n\t *\n\t * If the {@link #_parentElement parent element} of the collection is set, this method also adds\n\t * the view's {@link module:ui/view~View#element} as a child of the parent in DOM at a specified index.\n\t *\n\t * **Note**: If index is not specified, the view's element is pushed as the last child\n\t * of the parent element.\n\t *\n\t * @param view A new view added to the collection.\n\t * @param index An index the view holds in the collection. When not specified,\n\t * the view is added at the end.\n\t */\n\tprivate _renderViewIntoCollectionParent( view: View, index?: number ): void {\n\t\tif ( !view.isRendered ) {\n\t\t\tview.render();\n\t\t}\n\n\t\tif ( view.element && this._parentElement ) {\n\t\t\tthis._parentElement.insertBefore( view.element, this._parentElement.children[ index! ] );\n\t\t}\n\t}\n\n\t/**\n\t * Removes a child view from the collection. If the {@link #setParent parent element} of the\n\t * collection has been set, the {@link module:ui/view~View#element element} of the view is also removed\n\t * in DOM, reflecting the order of the collection.\n\t *\n\t * See the {@link #add} method.\n\t *\n\t * @param subject The view to remove, its id or index in the collection.\n\t * @returns The removed view.\n\t */\n\tpublic override remove( subject: TView | number | string ): TView {\n\t\treturn super.remove( subject );\n\t}\n}\n\n/**\n * Check if all entries of the array are of `String` type.\n *\n * @param arr An array to be checked.\n */\nfunction isStringArray( arr: Array<unknown> ): arr is Array<string> {\n\treturn arr.every( a => typeof a == 'string' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/template\n */\n\nimport { View } from './view.js';\nimport { ViewCollection } from './viewcollection.js';\n\nimport {\n\tCKEditorError,\n\tEmitterMixin,\n\tisNode,\n\ttoArray,\n\ttype ArrayOrItem,\n\ttype Emitter,\n\ttype Observable,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport { isObject, cloneDeepWith } from 'es-toolkit/compat';\n\nconst xhtmlNs = 'http://www.w3.org/1999/xhtml';\n\n/**\n * A basic Template class. It renders a DOM HTML element or text from a\n * {@link module:ui/template~TemplateDefinition definition} and supports element attributes, children,\n * bindings to {@link module:utils/observablemixin~Observable observables} and DOM event propagation.\n *\n * A simple template can look like this:\n *\n * ```ts\n * const bind = Template.bind( observable, emitter );\n *\n * new Template( {\n * \ttag: 'p',\n * \tattributes: {\n * \t\tclass: 'foo',\n * \t\tstyle: {\n * \t\t\tbackgroundColor: 'yellow'\n * \t\t}\n * \t},\n * \ton: {\n * \t\tclick: bind.to( 'clicked' )\n * \t},\n * \tchildren: [\n * \t\t'A paragraph.'\n * \t]\n * } ).render();\n * ```\n *\n * and it will render the following HTML element:\n *\n * ```html\n * <p class=\"foo\" style=\"background-color: yellow;\">A paragraph.</p>\n * ```\n *\n * Additionally, the `observable` will always fire `clicked` upon clicking `<p>` in the DOM.\n *\n * See {@link module:ui/template~TemplateDefinition} to know more about templates and complex\n * template definitions.\n */\nexport class Template extends /* #__PURE__ */ EmitterMixin() {\n\tpublic ns?: string;\n\n\t/**\n\t * The tag (`tagName`) of this template, e.g. `div`. It also indicates that the template\n\t * renders to an HTML element.\n\t */\n\tpublic tag?: string;\n\n\t/**\n\t * The text of the template. It also indicates that the template renders to a DOM text node.\n\t */\n\tpublic text?: Array<TemplateSimpleValue | TemplateBinding>;\n\n\t/**\n\t * The attributes of the template, e.g. `{ id: [ 'ck-id' ] }`, corresponding with\n\t * the attributes of an HTML element.\n\t *\n\t * **Note**: This property only makes sense when {@link #tag} is defined.\n\t */\n\tpublic attributes?: Record<string, AttributeValues>;\n\n\t/**\n\t * The children of the template. They can be either:\n\t * * independent instances of {@link ~Template} (sub–templates),\n\t * * native DOM Nodes.\n\t *\n\t * **Note**: This property only makes sense when {@link #tag} is defined.\n\t */\n\tpublic children?: Array<ViewCollection | View | Node | Template>;\n\n\t/**\n\t * The DOM event listeners of the template.\n\t */\n\tpublic eventListeners?: Record<string, Array<TemplateToBinding>>;\n\n\t/**\n\t * Indicates whether this particular Template instance has been\n\t * {@link #render rendered}.\n\t */\n\tprivate _isRendered: boolean;\n\n\t/**\n\t * The data used by the {@link #revert} method to restore a node to its original state.\n\t *\n\t * See: {@link #apply}.\n\t */\n\tprivate _revertData: RevertData | null;\n\n\t/**\n\t * Creates an instance of the {@link ~Template} class.\n\t *\n\t * @param def The definition of the template.\n\t */\n\tconstructor( def: TemplateDefinition ) {\n\t\tsuper();\n\n\t\tObject.assign( this, normalize( clone( def ) ) );\n\n\t\tthis._isRendered = false;\n\t\tthis._revertData = null;\n\t}\n\n\t/**\n\t * Renders a DOM Node (an HTML element or text) out of the template.\n\t *\n\t * ```ts\n\t * const domNode = new Template( { ... } ).render();\n\t * ```\n\t *\n\t * See: {@link #apply}.\n\t */\n\tpublic render(): HTMLElement | Text {\n\t\tconst node = this._renderNode( {\n\t\t\tintoFragment: true\n\t\t} as any );\n\n\t\tthis._isRendered = true;\n\n\t\treturn node;\n\t}\n\n\t/**\n\t * Applies the template to an existing DOM Node, either HTML element or text.\n\t *\n\t * **Note:** No new DOM nodes will be created. Applying extends:\n\t *\n\t * {@link module:ui/template~TemplateDefinition attributes},\n\t * {@link module:ui/template~TemplateDefinition event listeners}, and\n\t * `textContent` of {@link module:ui/template~TemplateDefinition children} only.\n\t *\n\t * **Note:** Existing `class` and `style` attributes are extended when a template\n\t * is applied to an HTML element, while other attributes and `textContent` are overridden.\n\t *\n\t * **Note:** The process of applying a template can be easily reverted using the\n\t * {@link module:ui/template~Template#revert} method.\n\t *\n\t * ```ts\n\t * const element = document.createElement( 'div' );\n\t * const observable = new Model( { divClass: 'my-div' } );\n\t * const emitter = Object.create( EmitterMixin );\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \tattributes: {\n\t * \t\tid: 'first-div',\n\t * \t\tclass: bind.to( 'divClass' )\n\t * \t},\n\t * \ton: {\n\t * \t\tclick: bind( 'elementClicked' ) // Will be fired by the observable.\n\t * \t},\n\t * \tchildren: [\n\t * \t\t'Div text.'\n\t * \t]\n\t * } ).apply( element );\n\t *\n\t * console.log( element.outerHTML ); // -> '<div id=\"first-div\" class=\"my-div\"></div>'\n\t * ```\n\t *\n\t * @see module:ui/template~Template#render\n\t * @see module:ui/template~Template#revert\n\t * @param node Root node for the template to apply.\n\t */\n\tpublic apply( node: HTMLElement | Text ): HTMLElement | Text {\n\t\tthis._revertData = getEmptyRevertData();\n\n\t\tthis._renderNode( {\n\t\t\tnode,\n\t\t\tintoFragment: false,\n\t\t\tisApplying: true,\n\t\t\trevertData: this._revertData\n\t\t} );\n\n\t\treturn node;\n\t}\n\n\t/**\n\t * Reverts a template {@link module:ui/template~Template#apply applied} to a DOM node.\n\t *\n\t * @param node The root node for the template to revert. In most of the cases, it is the\n\t * same node used by {@link module:ui/template~Template#apply}.\n\t */\n\tpublic revert( node: HTMLElement | Text ): void {\n\t\tif ( !this._revertData ) {\n\t\t\t/**\n\t\t\t * Attempting to revert a template which has not been applied yet.\n\t\t\t *\n\t\t\t * @error ui-template-revert-not-applied\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'ui-template-revert-not-applied',\n\t\t\t\t[ this, node ]\n\t\t\t);\n\t\t}\n\n\t\tthis._revertTemplateFromNode( node, this._revertData );\n\t}\n\n\t/**\n\t * Returns an iterator which traverses the template in search of {@link module:ui/view~View}\n\t * instances and returns them one by one.\n\t *\n\t * ```ts\n\t * const viewFoo = new View();\n\t * const viewBar = new View();\n\t * const viewBaz = new View();\n\t * const template = new Template( {\n\t * \ttag: 'div',\n\t * \tchildren: [\n\t * \t\tviewFoo,\n\t * \t\t{\n\t * \t\t\ttag: 'div',\n\t * \t\t\tchildren: [\n\t * \t\t\t\tviewBar\n\t * \t\t\t]\n\t * \t\t},\n\t * \t\tviewBaz\n\t * \t]\n\t * } );\n\t *\n\t * // Logs: viewFoo, viewBar, viewBaz\n\t * for ( const view of template.getViews() ) {\n\t * \tconsole.log( view );\n\t * }\n\t * ```\n\t */\n\tpublic* getViews(): IterableIterator<View> {\n\t\tfunction* search( def: Template ): Iterable<View> {\n\t\t\tif ( def.children ) {\n\t\t\t\tfor ( const child of def.children ) {\n\t\t\t\t\tif ( isView( child ) ) {\n\t\t\t\t\t\tyield child;\n\t\t\t\t\t} else if ( isTemplate( child ) ) {\n\t\t\t\t\t\tyield* search( child );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tyield* search( this );\n\t}\n\n\t/**\n\t * An entry point to the interface which binds DOM nodes to\n\t * {@link module:utils/observablemixin~Observable observables}.\n\t * There are two types of bindings:\n\t *\n\t * * HTML element attributes or text `textContent` synchronized with attributes of an\n\t * {@link module:utils/observablemixin~Observable}. Learn more about {@link module:ui/template~BindChain#to}\n\t * and {@link module:ui/template~BindChain#if}.\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \tattributes: {\n\t * \t\t// Binds the element \"class\" attribute to observable#classAttribute.\n\t * \t\tclass: bind.to( 'classAttribute' )\n\t * \t}\n\t * } ).render();\n\t * ```\n\t *\n\t * * DOM events fired on HTML element propagated through\n\t * {@link module:utils/observablemixin~Observable}. Learn more about {@link module:ui/template~BindChain#to}.\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \ton: {\n\t * \t\t// Will be fired by the observable.\n\t * \t\tclick: bind( 'elementClicked' )\n\t * \t}\n\t * } ).render();\n\t * ```\n\t *\n\t * Also see {@link module:ui/view~View#bindTemplate}.\n\t *\n\t * @param observable An observable which provides boundable attributes.\n\t * @param emitter An emitter that listens to observable attribute\n\t * changes or DOM Events (depending on the kind of the binding). Usually, a {@link module:ui/view~View} instance.\n\t */\n\tpublic static override bind<TObservable extends Observable>(\n\t\tobservable: TObservable,\n\t\temitter: Emitter\n\t): BindChain<TObservable> {\n\t\treturn {\n\t\t\tto( eventNameOrFunctionOrAttribute: any, callback?: any ) {\n\t\t\t\treturn new TemplateToBinding( {\n\t\t\t\t\teventNameOrFunction: eventNameOrFunctionOrAttribute,\n\t\t\t\t\tattribute: eventNameOrFunctionOrAttribute,\n\t\t\t\t\tobservable, emitter, callback\n\t\t\t\t} );\n\t\t\t},\n\n\t\t\tif( attribute: string, valueIfTrue?: string, callback?: any ) {\n\t\t\t\treturn new TemplateIfBinding( {\n\t\t\t\t\tobservable, emitter, attribute, valueIfTrue, callback\n\t\t\t\t} );\n\t\t\t}\n\t\t} as any;\n\t}\n\n\t/**\n\t * Extends an existing {@link module:ui/template~Template} instance with some additional content\n\t * from another {@link module:ui/template~TemplateDefinition}.\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * const template = new Template( {\n\t * \ttag: 'p',\n\t * \tattributes: {\n\t * \t\tclass: 'a',\n\t * \t\tdata-x: bind.to( 'foo' )\n\t * \t},\n\t * \tchildren: [\n\t * \t\t{\n\t * \t\t\ttag: 'span',\n\t * \t\t\tattributes: {\n\t * \t\t\t\tclass: 'b'\n\t * \t\t\t},\n\t * \t\t\tchildren: [\n\t * \t\t\t\t'Span'\n\t * \t\t\t]\n\t * \t\t}\n\t * \t]\n\t *  } );\n\t *\n\t * // Instance-level extension.\n\t * Template.extend( template, {\n\t * \tattributes: {\n\t * \t\tclass: 'b',\n\t * \t\tdata-x: bind.to( 'bar' )\n\t * \t},\n\t * \tchildren: [\n\t * \t\t{\n\t * \t\t\tattributes: {\n\t * \t\t\t\tclass: 'c'\n\t * \t\t\t}\n\t * \t\t}\n\t * \t]\n\t * } );\n\t *\n\t * // Child extension.\n\t * Template.extend( template.children[ 0 ], {\n\t * \tattributes: {\n\t * \t\tclass: 'd'\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * the `outerHTML` of `template.render()` is:\n\t *\n\t * ```html\n\t * <p class=\"a b\" data-x=\"{ observable.foo } { observable.bar }\">\n\t * \t<span class=\"b c d\">Span</span>\n\t * </p>\n\t * ```\n\t *\n\t * @param template An existing template instance to be extended.\n\t * @param def Additional definition to be applied to a template.\n\t */\n\tpublic static extend( template: Template, def: Partial<TemplateDefinition> ): void {\n\t\tif ( template._isRendered ) {\n\t\t\t/**\n\t\t\t * Extending a template after rendering may not work as expected. To make sure\n\t\t\t * the {@link module:ui/template~Template.extend extending} works for an element,\n\t\t\t * make sure it happens before {@link module:ui/template~Template#render} is called.\n\t\t\t *\n\t\t\t * @error template-extend-render\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'template-extend-render',\n\t\t\t\t[ this, template ]\n\t\t\t);\n\t\t}\n\n\t\textendTemplate( template, normalize( clone( def ) ) );\n\t}\n\n\t/**\n\t * Renders a DOM Node (either an HTML element or text) out of the template.\n\t *\n\t * @param data Rendering data.\n\t */\n\tprivate _renderNode( data: RenderData ) {\n\t\tlet isInvalid;\n\n\t\tif ( data.node ) {\n\t\t\t// When applying, a definition cannot have \"tag\" and \"text\" at the same time.\n\t\t\tisInvalid = this.tag && this.text;\n\t\t} else {\n\t\t\t// When rendering, a definition must have either \"tag\" or \"text\": XOR( this.tag, this.text ).\n\t\t\tisInvalid = this.tag ? this.text : !this.text;\n\t\t}\n\n\t\tif ( isInvalid ) {\n\t\t\t/**\n\t\t\t * Node definition cannot have the \"tag\" and \"text\" properties at the same time.\n\t\t\t * Node definition must have either \"tag\" or \"text\" when rendering a new Node.\n\t\t\t *\n\t\t\t * @error ui-template-wrong-syntax\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'ui-template-wrong-syntax',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\tif ( this.text ) {\n\t\t\treturn this._renderText( data );\n\t\t} else {\n\t\t\treturn this._renderElement( data );\n\t\t}\n\t}\n\n\t/**\n\t * Renders an HTML element out of the template.\n\t *\n\t * @param data Rendering data.\n\t */\n\tprivate _renderElement( data: RenderData ) {\n\t\tlet node = data.node;\n\n\t\tif ( !node ) {\n\t\t\tnode = data.node = document.createElementNS( this.ns || xhtmlNs, this.tag! ) as any;\n\t\t}\n\n\t\tthis._renderAttributes( data );\n\t\tthis._renderElementChildren( data );\n\t\tthis._setUpListeners( data );\n\n\t\treturn node;\n\t}\n\n\t/**\n\t * Renders a text node out of {@link module:ui/template~Template#text}.\n\t *\n\t * @param data Rendering data.\n\t */\n\tprivate _renderText( data: RenderData ) {\n\t\tlet node = data.node;\n\n\t\t// Save the original textContent to revert it in #revert().\n\t\tif ( node ) {\n\t\t\tdata.revertData!.text = node.textContent;\n\t\t} else {\n\t\t\tnode = data.node = document.createTextNode( '' );\n\t\t}\n\n\t\t// Check if this Text Node is bound to Observable. Cases:\n\t\t//\n\t\t//\t\ttext: [ Template.bind( ... ).to( ... ) ]\n\t\t//\n\t\t//\t\ttext: [\n\t\t//\t\t\t'foo',\n\t\t//\t\t\tTemplate.bind( ... ).to( ... ),\n\t\t//\t\t\t...\n\t\t//\t\t]\n\t\t//\n\t\tif ( hasTemplateBinding( this.text ) ) {\n\t\t\tthis._bindToObservable( {\n\t\t\t\tschema: this.text!,\n\t\t\t\tupdater: getTextUpdater( node ),\n\t\t\t\tdata\n\t\t\t} );\n\t\t}\n\t\t// Simply set text. Cases:\n\t\t//\n\t\t//\t\ttext: [ 'all', 'are', 'static' ]\n\t\t//\n\t\t//\t\ttext: [ 'foo' ]\n\t\t//\n\t\telse {\n\t\t\tnode.textContent = this.text!.join( '' );\n\t\t}\n\n\t\treturn node;\n\t}\n\n\t/**\n\t * Renders HTML element attributes out of {@link module:ui/template~Template#attributes}.\n\t *\n\t * @param data Rendering data.\n\t */\n\tprivate _renderAttributes( data: RenderData ) {\n\t\tif ( !this.attributes ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst node = data.node as HTMLElement;\n\t\tconst revertData = data.revertData;\n\n\t\tfor ( const attrName in this.attributes ) {\n\t\t\t// Current attribute value in DOM.\n\t\t\tconst domAttrValue = node.getAttribute( attrName );\n\n\t\t\t// The value to be set.\n\t\t\tconst attrValue = this.attributes[ attrName ];\n\n\t\t\t// Save revert data.\n\t\t\tif ( revertData ) {\n\t\t\t\trevertData.attributes[ attrName ] = domAttrValue;\n\t\t\t}\n\n\t\t\t// Detect custom namespace:\n\t\t\t//\n\t\t\t//\t\tclass: {\n\t\t\t//\t\t\tns: 'abc',\n\t\t\t//\t\t\tvalue: Template.bind( ... ).to( ... )\n\t\t\t//\t\t}\n\t\t\t//\n\t\t\tconst attrNs = isNamespaced( attrValue ) ? attrValue[ 0 ].ns : null;\n\n\t\t\t// Activate binding if one is found. Cases:\n\t\t\t//\n\t\t\t//\t\tclass: [\n\t\t\t//\t\t\tTemplate.bind( ... ).to( ... )\n\t\t\t//\t\t]\n\t\t\t//\n\t\t\t//\t\tclass: [\n\t\t\t//\t\t\t'bar',\n\t\t\t//\t\t\tTemplate.bind( ... ).to( ... ),\n\t\t\t//\t\t\t'baz'\n\t\t\t//\t\t]\n\t\t\t//\n\t\t\t//\t\tclass: {\n\t\t\t//\t\t\tns: 'abc',\n\t\t\t//\t\t\tvalue: Template.bind( ... ).to( ... )\n\t\t\t//\t\t}\n\t\t\t//\n\t\t\tif ( hasTemplateBinding( attrValue ) ) {\n\t\t\t\t// Normalize attributes with additional data like namespace:\n\t\t\t\t//\n\t\t\t\t//\t\tclass: {\n\t\t\t\t//\t\t\tns: 'abc',\n\t\t\t\t//\t\t\tvalue: [ ... ]\n\t\t\t\t//\t\t}\n\t\t\t\t//\n\t\t\t\tconst valueToBind = isNamespaced( attrValue ) ? attrValue[ 0 ].value : attrValue;\n\n\t\t\t\t// Extend the original value of attributes like \"style\" and \"class\",\n\t\t\t\t// don't override them.\n\t\t\t\tif ( revertData && shouldExtend( attrName ) ) {\n\t\t\t\t\tvalueToBind.unshift( domAttrValue );\n\t\t\t\t}\n\n\t\t\t\tthis._bindToObservable( {\n\t\t\t\t\tschema: valueToBind,\n\t\t\t\t\tupdater: getAttributeUpdater( node, attrName, attrNs ),\n\t\t\t\t\tdata\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// Style attribute could be an Object so it needs to be parsed in a specific way.\n\t\t\t//\n\t\t\t//\t\tstyle: {\n\t\t\t//\t\t\twidth: '100px',\n\t\t\t//\t\t\theight: Template.bind( ... ).to( ... )\n\t\t\t//\t\t}\n\t\t\t//\n\t\t\telse if ( attrName == 'style' && typeof attrValue[ 0 ] !== 'string' ) {\n\t\t\t\tthis._renderStyleAttribute( attrValue[ 0 ] as any, data );\n\t\t\t}\n\n\t\t\t// Otherwise simply set the static attribute:\n\t\t\t//\n\t\t\t//\t\tclass: [ 'foo' ]\n\t\t\t//\n\t\t\t//\t\tclass: [ 'all', 'are', 'static' ]\n\t\t\t//\n\t\t\t//\t\tclass: [\n\t\t\t//\t\t\t{\n\t\t\t//\t\t\t\tns: 'abc',\n\t\t\t//\t\t\t\tvalue: [ 'foo' ]\n\t\t\t//\t\t\t}\n\t\t\t//\t\t]\n\t\t\t//\n\t\t\telse {\n\t\t\t\t// Extend the original value of attributes like \"style\" and \"class\",\n\t\t\t\t// don't override them.\n\t\t\t\tif ( revertData && domAttrValue && shouldExtend( attrName ) ) {\n\t\t\t\t\tattrValue.unshift( domAttrValue as any );\n\t\t\t\t}\n\n\t\t\t\tconst value: any = attrValue\n\t\t\t\t\t// Retrieve \"values\" from:\n\t\t\t\t\t//\n\t\t\t\t\t//\t\tclass: [\n\t\t\t\t\t//\t\t\t{\n\t\t\t\t\t//\t\t\t\tns: 'abc',\n\t\t\t\t\t//\t\t\t\tvalue: [ ... ]\n\t\t\t\t\t//\t\t\t}\n\t\t\t\t\t//\t\t]\n\t\t\t\t\t//\n\t\t\t\t\t.map( ( val: any ) => val ? ( val.value || val ) : val )\n\t\t\t\t\t// Flatten the array.\n\t\t\t\t\t.reduce( ( prev, next ) => prev.concat( next ), [] )\n\t\t\t\t\t// Convert into string.\n\t\t\t\t\t.reduce( arrayValueReducer, '' );\n\n\t\t\t\tif ( !isFalsy( value ) ) {\n\t\t\t\t\tnode.setAttributeNS( attrNs, attrName, value );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Renders the `style` attribute of an HTML element based on\n\t * {@link module:ui/template~Template#attributes}.\n\t *\n\t * A style attribute is an object with static values:\n\t *\n\t * ```ts\n\t * attributes: {\n\t * \tstyle: {\n\t * \t\tcolor: 'red',\n\t * \t\t'--color': 'red'\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * or values bound to {@link module:ui/model~UIModel} properties:\n\t *\n\t * ```ts\n\t * attributes: {\n\t * \tstyle: {\n\t * \t\tcolor: bind.to( ... ),\n\t * \t\t'--color': bind.to( ... )\n\t * \t}\n\t * }\n\t * ```\n\t *\n\t * Note: The `style` attribute is rendered without setting the namespace. It does not seem to be\n\t * needed.\n\t *\n\t * @param styles Styles located in `attributes.style` of {@link module:ui/template~TemplateDefinition}.\n\t * @param data Rendering data.\n\t */\n\tprivate _renderStyleAttribute( styles: Record<string, TemplateSimpleValue | TemplateBinding>, data: RenderData ) {\n\t\tconst node = data.node;\n\n\t\tfor ( const styleName in styles ) {\n\t\t\tconst styleValue = styles[ styleName ];\n\n\t\t\t// Cases:\n\t\t\t//\n\t\t\t//\t\tstyle: {\n\t\t\t//\t\t\tcolor: bind.to( 'attribute' )\n\t\t\t//\t\t}\n\t\t\t//\n\t\t\tif ( hasTemplateBinding( styleValue ) ) {\n\t\t\t\tthis._bindToObservable( {\n\t\t\t\t\tschema: [ styleValue ],\n\t\t\t\t\tupdater: getStyleUpdater( node, styleName ),\n\t\t\t\t\tdata\n\t\t\t\t} );\n\t\t\t}\n\t\t\t// Cases:\n\t\t\t//\n\t\t\t//\t\tstyle: {\n\t\t\t//\t\t\t--color: 'red'\n\t\t\t//\t\t}\n\t\t\t//\n\t\t\telse if ( isCssVariable( styleName ) ) {\n\t\t\t\t( node as any ).style.setProperty( styleName, styleValue as string );\n\t\t\t}\n\t\t\t// Cases:\n\t\t\t//\n\t\t\t//\t\tstyle: {\n\t\t\t//\t\t\tcolor: 'red'\n\t\t\t//\t\t}\n\t\t\t//\n\t\t\telse {\n\t\t\t\t( node as any ).style[ styleName ] = styleValue;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Recursively renders HTML element's children from {@link module:ui/template~Template#children}.\n\t *\n\t * @param data Rendering data.\n\t */\n\tprivate _renderElementChildren( data: RenderData ) {\n\t\tconst node = data.node as HTMLElement;\n\t\tconst container = data.intoFragment ? document.createDocumentFragment() : node;\n\t\tconst isApplying = data.isApplying;\n\t\tlet childIndex = 0;\n\n\t\tfor ( const child of this.children! ) {\n\t\t\tif ( isViewCollection( child ) ) {\n\t\t\t\tif ( !isApplying ) {\n\t\t\t\t\tchild.setParent( node );\n\n\t\t\t\t\t// Note: ViewCollection renders its children.\n\t\t\t\t\tfor ( const view of child ) {\n\t\t\t\t\t\tcontainer.appendChild( view.element! );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if ( isView( child ) ) {\n\t\t\t\tif ( !isApplying ) {\n\t\t\t\t\tif ( !child.isRendered ) {\n\t\t\t\t\t\tchild.render();\n\t\t\t\t\t}\n\n\t\t\t\t\tcontainer.appendChild( child.element! );\n\t\t\t\t}\n\t\t\t} else if ( isNode( child ) ) {\n\t\t\t\tcontainer.appendChild( child );\n\t\t\t} else {\n\t\t\t\tif ( isApplying ) {\n\t\t\t\t\tconst revertData = data.revertData!;\n\t\t\t\t\tconst childRevertData = getEmptyRevertData();\n\n\t\t\t\t\trevertData.children.push( childRevertData );\n\n\t\t\t\t\tchild._renderNode( {\n\t\t\t\t\t\tintoFragment: false,\n\t\t\t\t\t\tnode: container.childNodes[ childIndex++ ] as any,\n\t\t\t\t\t\tisApplying: true,\n\t\t\t\t\t\trevertData: childRevertData\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tcontainer.appendChild( child.render() );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( data.intoFragment ) {\n\t\t\tnode.appendChild( container );\n\t\t}\n\t}\n\n\t/**\n\t * Activates `on` event listeners from the {@link module:ui/template~TemplateDefinition}\n\t * on an HTML element.\n\t *\n\t * @param data Rendering data.\n\t */\n\tprivate _setUpListeners( data: RenderData ) {\n\t\tif ( !this.eventListeners ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor ( const key in this.eventListeners ) {\n\t\t\tconst revertBindings = this.eventListeners[ key ].map( schemaItem => {\n\t\t\t\tconst [ domEvtName, domSelector ] = key.split( '@' );\n\n\t\t\t\treturn schemaItem.activateDomEventListener( domEvtName, domSelector, data );\n\t\t\t} );\n\n\t\t\tif ( data.revertData ) {\n\t\t\t\tdata.revertData.bindings.push( revertBindings );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * For a given {@link module:ui/template~TemplateValueSchema} containing {@link module:ui/template~TemplateBinding}\n\t * activates the binding and sets its initial value.\n\t *\n\t * Note: {@link module:ui/template~TemplateValueSchema} can be for HTML element attributes or\n\t * text node `textContent`.\n\t *\n\t * @param options Binding options.\n\t * @param options.updater A function which updates the DOM (like attribute or text).\n\t * @param options.data Rendering data.\n\t */\n\tprivate _bindToObservable( { schema, updater, data }: {\n\t\tschema: Array<TemplateSimpleValue | TemplateBinding>;\n\t\tupdater: Updater;\n\t\tdata: RenderData;\n\t} ) {\n\t\tconst revertData = data.revertData;\n\n\t\t// Set initial values.\n\t\tsyncValueSchemaValue( schema, updater, data );\n\n\t\tconst revertBindings = schema\n\t\t\t// Filter \"falsy\" (false, undefined, null, '') value schema components out.\n\t\t\t.filter( item => !isFalsy( item ) )\n\t\t\t// Filter inactive bindings from schema, like static strings ('foo'), numbers (42), etc.\n\t\t\t.filter( ( item: any ): item is TemplateBinding => item.observable )\n\t\t\t// Once only the actual binding are left, let the emitter listen to observable change:attribute event.\n\t\t\t// TODO: Reduce the number of listeners attached as many bindings may listen\n\t\t\t// to the same observable attribute.\n\t\t\t.map( templateBinding => templateBinding.activateAttributeListener( schema, updater, data ) );\n\n\t\tif ( revertData ) {\n\t\t\trevertData.bindings.push( revertBindings );\n\t\t}\n\t}\n\n\t/**\n\t * Reverts {@link module:ui/template~RenderData#revertData template data} from a node to\n\t * return it to the original state.\n\t *\n\t * @param node A node to be reverted.\n\t * @param revertData An object that stores information about what changes have been made by\n\t * {@link #apply} to the node. See {@link module:ui/template~RenderData#revertData} for more information.\n\t */\n\tprivate _revertTemplateFromNode( node: HTMLElement | Text, revertData: RevertData ) {\n\t\tfor ( const binding of revertData.bindings ) {\n\t\t\t// Each binding may consist of several observable+observable#attribute.\n\t\t\t// like the following has 2:\n\t\t\t//\n\t\t\t//\t\tclass: [\n\t\t\t//\t\t\t'x',\n\t\t\t//\t\t\tbind.to( 'foo' ),\n\t\t\t//\t\t\t'y',\n\t\t\t//\t\t\tbind.to( 'bar' )\n\t\t\t//\t\t]\n\t\t\t//\n\t\t\tfor ( const revertBinding of binding ) {\n\t\t\t\trevertBinding();\n\t\t\t}\n\t\t}\n\n\t\tif ( revertData.text ) {\n\t\t\tnode.textContent = revertData.text;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst element = node as HTMLElement;\n\n\t\tfor ( const attrName in revertData.attributes ) {\n\t\t\tconst attrValue = revertData.attributes[ attrName ];\n\n\t\t\t// When the attribute has **not** been set before #apply().\n\t\t\tif ( attrValue === null ) {\n\t\t\t\telement.removeAttribute( attrName );\n\t\t\t} else {\n\t\t\t\telement.setAttribute( attrName, attrValue );\n\t\t\t}\n\t\t}\n\n\t\tfor ( let i = 0; i < revertData.children.length; ++i ) {\n\t\t\tthis._revertTemplateFromNode( element.childNodes[ i ] as any, revertData.children[ i ] );\n\t\t}\n\t}\n}\n\nexport type AttributeValues = Array<TemplateSimpleValue | TemplateBinding> |\n\t[ NamespacedValue<Array<TemplateSimpleValue | TemplateBinding>> ];\n\n/**\n * Describes a binding created by the {@link module:ui/template~Template.bind} interface.\n *\n * @internal\n */\nexport abstract class TemplateBinding {\n\t/**\n\t * The name of the {@link module:ui/template~TemplateBinding#observable observed attribute}.\n\t */\n\tpublic readonly attribute: string;\n\n\t/**\n\t * An observable instance of the binding. It either:\n\t *\n\t * * provides the attribute with the value,\n\t * * or passes the event when a corresponding DOM event is fired.\n\t */\n\tpublic readonly observable: Observable;\n\n\t/**\n\t * An {@link module:utils/emittermixin~Emitter} used by the binding to:\n\t *\n\t * * listen to the attribute change in the {@link module:ui/template~TemplateBinding#observable},\n\t * * or listen to the event in the DOM.\n\t */\n\tpublic readonly emitter: Emitter;\n\n\t/**\n\t * A custom function to process the value of the {@link module:ui/template~TemplateBinding#attribute}.\n\t */\n\tpublic readonly callback?: ( value: any, node: Node ) => TemplateSimpleValue;\n\n\t/**\n\t * Creates an instance of the {@link module:ui/template~TemplateBinding} class.\n\t *\n\t * @param def The definition of the binding.\n\t */\n\tconstructor( def: {\n\t\tattribute: string;\n\t\tobservable: Observable;\n\t\temitter: Emitter;\n\t\tcallback?: ( value: any, node: Node ) => TemplateSimpleValue;\n\t} ) {\n\t\tthis.attribute = def.attribute;\n\t\tthis.observable = def.observable;\n\t\tthis.emitter = def.emitter;\n\t\tthis.callback = def.callback;\n\t}\n\n\t/**\n\t * Returns the value of the binding. It is the value of the {@link module:ui/template~TemplateBinding#attribute} in\n\t * {@link module:ui/template~TemplateBinding#observable}. The value may be processed by the\n\t * {@link module:ui/template~TemplateBinding#callback}, if such has been passed to the binding.\n\t *\n\t * @param node A native DOM node, passed to the custom {@link module:ui/template~TemplateBinding#callback}.\n\t * @returns The value of {@link module:ui/template~TemplateBinding#attribute} in\n\t * {@link module:ui/template~TemplateBinding#observable}.\n\t */\n\tpublic getValue( node: Node ): TemplateSimpleValue {\n\t\tconst value = ( this.observable as any )[ this.attribute ];\n\n\t\treturn this.callback ? this.callback( value, node ) : value;\n\t}\n\n\t/**\n\t * Activates the listener which waits for changes of the {@link module:ui/template~TemplateBinding#attribute} in\n\t * {@link module:ui/template~TemplateBinding#observable}, then updates the DOM with the aggregated\n\t * value of {@link module:ui/template~TemplateValueSchema}.\n\t *\n\t * @param schema A full schema to generate an attribute or text in the DOM.\n\t * @param updater A DOM updater function used to update the native DOM attribute or text.\n\t * @param data Rendering data.\n\t * @returns A function to sever the listener binding.\n\t */\n\tpublic activateAttributeListener(\n\t\tschema: Array<TemplateSimpleValue | TemplateBinding>,\n\t\tupdater: Updater,\n\t\tdata: RenderData\n\t): () => void {\n\t\tconst callback = () => syncValueSchemaValue( schema, updater, data );\n\n\t\tthis.emitter.listenTo<ObservableChangeEvent>( this.observable, `change:${ this.attribute }`, callback );\n\n\t\t// Allows revert of the listener.\n\t\treturn () => {\n\t\t\tthis.emitter.stopListening( this.observable, `change:${ this.attribute }`, callback );\n\t\t};\n\t}\n}\n\n/**\n * Describes either:\n *\n * * a binding to an {@link module:utils/observablemixin~Observable},\n * * or a native DOM event binding.\n *\n * It is created by the {@link module:ui/template~BindChain#to} method.\n *\n * @internal\n */\nexport class TemplateToBinding extends TemplateBinding {\n\tpublic readonly eventNameOrFunction: string | ( ( domEvent: Event ) => void );\n\n\tconstructor( def: ConstructorParameters<typeof TemplateBinding>[ 0 ] & {\n\t\teventNameOrFunction: string | ( ( domEvent: Event ) => void );\n\t} ) {\n\t\tsuper( def );\n\n\t\tthis.eventNameOrFunction = def.eventNameOrFunction;\n\t}\n\n\t/**\n\t * Activates the listener for the native DOM event, which when fired, is propagated by\n\t * the {@link module:ui/template~TemplateBinding#emitter}.\n\t *\n\t * @param domEvtName The name of the native DOM event.\n\t * @param domSelector The selector in the DOM to filter delegated events.\n\t * @param data Rendering data.\n\t * @returns A function to sever the listener binding.\n\t */\n\tpublic activateDomEventListener(\n\t\tdomEvtName: string,\n\t\tdomSelector: string,\n\t\tdata: { node: any }\n\t): () => void {\n\t\tconst callback = ( evt: unknown, domEvt: Event ) => {\n\t\t\tif ( !domSelector || ( domEvt.target as Element ).matches( domSelector ) ) {\n\t\t\t\tif ( typeof this.eventNameOrFunction == 'function' ) {\n\t\t\t\t\tthis.eventNameOrFunction( domEvt );\n\t\t\t\t} else {\n\t\t\t\t\tthis.observable.fire( this.eventNameOrFunction, domEvt );\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tthis.emitter.listenTo( data.node, domEvtName, callback );\n\n\t\t// Allows revert of the listener.\n\t\treturn () => {\n\t\t\tthis.emitter.stopListening( data.node, domEvtName, callback );\n\t\t};\n\t}\n}\n\n/**\n * Describes a binding to {@link module:utils/observablemixin~Observable} created by the {@link module:ui/template~BindChain#if}\n * method.\n *\n * @internal\n */\nexport class TemplateIfBinding extends TemplateBinding {\n\t/**\n\t * The value of the DOM attribute or text to be set if the {@link module:ui/template~TemplateBinding#attribute} in\n\t * {@link module:ui/template~TemplateBinding#observable} is `true`.\n\t */\n\tpublic readonly valueIfTrue?: string;\n\n\tconstructor( def: ConstructorParameters<typeof TemplateBinding>[ 0 ] & {\n\t\tvalueIfTrue?: string;\n\t} ) {\n\t\tsuper( def );\n\n\t\tthis.valueIfTrue = def.valueIfTrue;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override getValue( node: Node ): TemplateSimpleValue {\n\t\tconst value = super.getValue( node );\n\n\t\treturn isFalsy( value ) ? false : ( this.valueIfTrue || true ) as any;\n\t}\n}\n\n/**\n * Checks whether given {@link module:ui/template~TemplateValueSchema} contains a\n * {@link module:ui/template~TemplateBinding}.\n */\nfunction hasTemplateBinding( schema: any ) {\n\tif ( !schema ) {\n\t\treturn false;\n\t}\n\n\t// Normalize attributes with additional data like namespace:\n\t//\n\t//\t\tclass: {\n\t//\t\t\tns: 'abc',\n\t//\t\t\tvalue: [ ... ]\n\t//\t\t}\n\t//\n\tif ( schema.value ) {\n\t\tschema = schema.value;\n\t}\n\n\tif ( Array.isArray( schema ) ) {\n\t\treturn schema.some( hasTemplateBinding );\n\t} else if ( schema instanceof TemplateBinding ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Checks whether the given name is a valid CSS variable name.\n *\n * A valid CSS variable name starts with two dashes (`--`), followed by a letter, underscore (`_`),\n * or dash (`-`), and can be followed by any combination of letters, digits, underscores, dashes,\n * or additional dashes.\n *\n * @param name The name to validate as a CSS variable.\n * @returns True if the name is a valid CSS variable, false otherwise.\n */\nfunction isCssVariable( name: string ): boolean {\n\tconst regex = /^--[a-zA-Z_-][\\w-]*$/;\n\n\treturn regex.test( name );\n}\n\n/**\n * Assembles the value using {@link module:ui/template~TemplateValueSchema} and stores it in a form of\n * an Array. Each entry of the Array corresponds to one of {@link module:ui/template~TemplateValueSchema}\n * items.\n *\n * @param node DOM Node updated when {@link module:utils/observablemixin~Observable} changes.\n */\nfunction getValueSchemaValue( schema: Array<TemplateSimpleValue | TemplateBinding>, node: Node ) {\n\treturn schema.map( schemaItem => {\n\t\t// Process {@link module:ui/template~TemplateBinding} bindings.\n\t\tif ( schemaItem instanceof TemplateBinding ) {\n\t\t\treturn schemaItem.getValue( node );\n\t\t}\n\n\t\t// All static values like strings, numbers, and \"falsy\" values (false, null, undefined, '', etc.) just pass.\n\t\treturn schemaItem;\n\t} );\n}\n\n/**\n * A function executed each time the bound Observable attribute changes, which updates the DOM with a value\n * constructed from {@link module:ui/template~TemplateValueSchema}.\n *\n * @param updater A function which updates the DOM (like attribute or text).\n * @param node DOM Node updated when {@link module:utils/observablemixin~Observable} changes.\n */\nfunction syncValueSchemaValue(\n\tschema: Array<TemplateSimpleValue | TemplateBinding>,\n\tupdater: Updater,\n\t{ node }: { node: Node }\n) {\n\tconst values = getValueSchemaValue( schema, node );\n\tlet value: TemplateSimpleValue;\n\n\t// Check if schema is a single Template.bind.if, like:\n\t//\n\t//\t\tclass: Template.bind.if( 'foo' )\n\t//\n\tif ( schema.length == 1 && schema[ 0 ] instanceof TemplateIfBinding ) {\n\t\tvalue = values[ 0 ];\n\t} else {\n\t\tvalue = values.reduce( arrayValueReducer, '' );\n\t}\n\n\tif ( isFalsy( value ) ) {\n\t\tupdater.remove();\n\t} else {\n\t\tupdater.set( value );\n\t}\n}\n\ninterface Updater {\n\tset( value: any ): void;\n\tremove(): void;\n}\n\n/**\n * Returns an object consisting of `set` and `remove` functions, which\n * can be used in the context of DOM Node to set or reset `textContent`.\n * @see module:ui/view~View#_bindToObservable\n *\n * @param node DOM Node to be modified.\n */\nfunction getTextUpdater( node: Node ): Updater {\n\treturn {\n\t\tset( value ) {\n\t\t\tnode.textContent = value;\n\t\t},\n\n\t\tremove() {\n\t\t\tnode.textContent = '';\n\t\t}\n\t};\n}\n\n/**\n * Returns an object consisting of `set` and `remove` functions, which\n * can be used in the context of DOM Node to set or reset an attribute.\n * @see module:ui/view~View#_bindToObservable\n *\n * @param el DOM Node to be modified.\n * @param attrName Name of the attribute to be modified.\n * @param ns Namespace to use.\n */\nfunction getAttributeUpdater( el: Element, attrName: string, ns: string | null ): Updater {\n\treturn {\n\t\tset( value ) {\n\t\t\tel.setAttributeNS( ns, attrName, value );\n\t\t},\n\n\t\tremove() {\n\t\t\tel.removeAttributeNS( ns, attrName );\n\t\t}\n\t};\n}\n\n/**\n * Returns an object consisting of `set` and `remove` functions, which\n * can be used in the context of CSSStyleDeclaration to set or remove a style.\n * @see module:ui/view~View#_bindToObservable\n *\n * @param el DOM Node to be modified.\n * @param styleName Name of the style to be modified.\n */\nfunction getStyleUpdater( el: any, styleName: string ): Updater {\n\treturn {\n\t\tset( value ) {\n\t\t\tif ( isCssVariable( styleName ) ) {\n\t\t\t\tel.style.setProperty( styleName, value );\n\t\t\t} else {\n\t\t\t\tel.style[ styleName ] = value;\n\t\t\t}\n\t\t},\n\n\t\tremove() {\n\t\t\tif ( isCssVariable( styleName ) ) {\n\t\t\t\tel.style.removeProperty( styleName );\n\t\t\t} else {\n\t\t\t\tel.style[ styleName ] = null;\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Clones definition of the template.\n */\nfunction clone( def: unknown ) {\n\tconst clone = cloneDeepWith( def, value => {\n\t\t// Don't clone the `Template.bind`* bindings because of the references to Observable\n\t\t// and DomEmitterMixin instances inside, which would also be traversed and cloned by greedy\n\t\t// cloneDeepWith algorithm. There's no point in cloning Observable/DomEmitterMixins\n\t\t// along with the definition.\n\t\t//\n\t\t// Don't clone Template instances if provided as a child. They're simply #render()ed\n\t\t// and nothing should interfere.\n\t\t//\n\t\t// Also don't clone View instances if provided as a child of the Template. The template\n\t\t// instance will be extracted from the View during the normalization and there's no need\n\t\t// to clone it.\n\t\tif ( value && ( value instanceof TemplateBinding || isTemplate( value ) || isView( value ) || isViewCollection( value ) ) ) {\n\t\t\treturn value;\n\t\t}\n\t} );\n\n\treturn clone;\n}\n\n/**\n * Normalizes given {@link module:ui/template~TemplateDefinition}.\n *\n * See:\n *  * {@link normalizeAttributes}\n *  * {@link normalizeListeners}\n *  * {@link normalizePlainTextDefinition}\n *  * {@link normalizeTextDefinition}\n *\n * @param def A template definition.\n * @returns Normalized definition.\n */\nfunction normalize( def: any ) {\n\tif ( typeof def == 'string' ) {\n\t\tdef = normalizePlainTextDefinition( def );\n\t} else if ( def.text ) {\n\t\tnormalizeTextDefinition( def );\n\t}\n\n\tif ( def.on ) {\n\t\tdef.eventListeners = normalizeListeners( def.on );\n\n\t\t// Template mixes EmitterMixin, so delete #on to avoid collision.\n\t\tdelete def.on;\n\t}\n\n\tif ( !def.text ) {\n\t\tif ( def.attributes ) {\n\t\t\tnormalizeAttributes( def.attributes );\n\t\t}\n\n\t\tconst children = [];\n\n\t\tif ( def.children ) {\n\t\t\tif ( isViewCollection( def.children ) ) {\n\t\t\t\tchildren.push( def.children );\n\t\t\t} else {\n\t\t\t\tfor ( const child of def.children ) {\n\t\t\t\t\tif ( isTemplate( child ) || isView( child ) || isNode( child ) ) {\n\t\t\t\t\t\tchildren.push( child );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tchildren.push( new Template( child ) );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdef.children = children;\n\t}\n\n\treturn def;\n}\n\n/**\n * Normalizes \"attributes\" section of {@link module:ui/template~TemplateDefinition}.\n *\n * ```\n * attributes: {\n * \ta: 'bar',\n * \tb: {@link module:ui/template~TemplateBinding},\n * \tc: {\n * \t\tvalue: 'bar'\n * \t}\n * }\n * ```\n *\n * becomes\n *\n * ```\n * attributes: {\n * \ta: [ 'bar' ],\n * \tb: [ {@link module:ui/template~TemplateBinding} ],\n * \tc: {\n * \t\tvalue: [ 'bar' ]\n * \t}\n * }\n * ```\n */\nfunction normalizeAttributes( attributes: any ) {\n\tfor ( const a in attributes ) {\n\t\tif ( attributes[ a ].value ) {\n\t\t\tattributes[ a ].value = toArray( attributes[ a ].value );\n\t\t}\n\n\t\tarrayify( attributes, a );\n\t}\n}\n\n/**\n * Normalizes \"on\" section of {@link module:ui/template~TemplateDefinition}.\n *\n * ```\n * on: {\n * \ta: 'bar',\n * \tb: {@link module:ui/template~TemplateBinding},\n * \tc: [ {@link module:ui/template~TemplateBinding}, () => { ... } ]\n * }\n * ```\n *\n * becomes\n *\n * ```\n * on: {\n * \ta: [ 'bar' ],\n * \tb: [ {@link module:ui/template~TemplateBinding} ],\n * \tc: [ {@link module:ui/template~TemplateBinding}, () => { ... } ]\n * }\n * ```\n *\n * @returns Object containing normalized listeners.\n */\nfunction normalizeListeners( listeners: any ) {\n\tfor ( const l in listeners ) {\n\t\tarrayify( listeners, l );\n\t}\n\n\treturn listeners;\n}\n\n/**\n * Normalizes \"string\" {@link module:ui/template~TemplateDefinition}.\n *\n * ```\n * \"foo\"\n * ```\n *\n * becomes\n *\n * ```\n * { text: [ 'foo' ] },\n * ```\n *\n * @returns Normalized template definition.\n */\nfunction normalizePlainTextDefinition( def: string ) {\n\treturn {\n\t\ttext: [ def ]\n\t};\n}\n\n/**\n * Normalizes text {@link module:ui/template~TemplateDefinition}.\n *\n * ```\n * children: [\n * \t{ text: 'def' },\n * \t{ text: {@link module:ui/template~TemplateBinding} }\n * ]\n * ```\n *\n * becomes\n *\n * ```\n * children: [\n * \t{ text: [ 'def' ] },\n * \t{ text: [ {@link module:ui/template~TemplateBinding} ] }\n * ]\n * ```\n */\nfunction normalizeTextDefinition( def: any ) {\n\tdef.text = toArray( def.text );\n}\n\n/**\n * Wraps an entry in Object in an Array, if not already one.\n *\n * ```\n * {\n * \tx: 'y',\n * \ta: [ 'b' ]\n * }\n * ```\n *\n * becomes\n *\n * ```\n * {\n * \tx: [ 'y' ],\n * \ta: [ 'b' ]\n * }\n * ```\n */\nfunction arrayify( obj: any, key: string ) {\n\tobj[ key ] = toArray( obj[ key ] );\n}\n\n/**\n * A helper which concatenates the value avoiding unwanted\n * leading white spaces.\n */\nfunction arrayValueReducer( prev: TemplateSimpleValue, cur: TemplateSimpleValue ) {\n\tif ( isFalsy( cur ) ) {\n\t\treturn prev;\n\t} else if ( isFalsy( prev ) ) {\n\t\treturn cur;\n\t} else {\n\t\treturn `${ prev } ${ cur }`;\n\t}\n}\n\n/**\n * Extends one object defined in the following format:\n *\n * ```\n * {\n * \tkey1: [Array1],\n * \tkey2: [Array2],\n * \t...\n * \tkeyN: [ArrayN]\n * }\n * ```\n *\n * with another object of the same data format.\n *\n * @param obj Base object.\n * @param ext Object extending base.\n */\nfunction extendObjectValueArray( obj: any, ext: any ) {\n\tfor ( const a in ext ) {\n\t\tif ( obj[ a ] ) {\n\t\t\tobj[ a ].push( ...ext[ a ] );\n\t\t} else {\n\t\t\tobj[ a ] = ext[ a ];\n\t\t}\n\t}\n}\n\n/**\n * A helper for {@link module:ui/template~Template#extend}. Recursively extends {@link module:ui/template~Template} instance\n * with content from {@link module:ui/template~TemplateDefinition}. See {@link module:ui/template~Template#extend} to learn more.\n *\n * @param def A template instance to be extended.\n * @param def A definition which is to extend the template instance.\n * @param Error context.\n */\nfunction extendTemplate( template: Template, def: any ) {\n\tif ( def.attributes ) {\n\t\tif ( !template.attributes ) {\n\t\t\ttemplate.attributes = {};\n\t\t}\n\n\t\textendObjectValueArray( template.attributes, def.attributes );\n\t}\n\n\tif ( def.eventListeners ) {\n\t\tif ( !template.eventListeners ) {\n\t\t\ttemplate.eventListeners = {};\n\t\t}\n\n\t\textendObjectValueArray( template.eventListeners, def.eventListeners );\n\t}\n\n\tif ( def.text ) {\n\t\ttemplate.text!.push( ...def.text );\n\t}\n\n\tif ( def.children && def.children.length ) {\n\t\tif ( template.children!.length != def.children.length ) {\n\t\t\t/**\n\t\t\t * The number of children in extended definition does not match.\n\t\t\t *\n\t\t\t * @error ui-template-extend-children-mismatch\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'ui-template-extend-children-mismatch',\n\t\t\t\ttemplate\n\t\t\t);\n\t\t}\n\n\t\tlet childIndex = 0;\n\n\t\tfor ( const childDef of def.children ) {\n\t\t\textendTemplate( template.children![ childIndex++ ] as any, childDef );\n\t\t}\n\t}\n}\n\n/**\n * Checks if value is \"falsy\".\n * Note: 0 (Number) is not \"falsy\" in this context.\n *\n * @param value Value to be checked.\n */\nfunction isFalsy( value: unknown ): value is FalsyValue {\n\treturn !value && value !== 0;\n}\n\n/**\n * Checks if the item is an instance of {@link module:ui/view~View}\n *\n * @param value Value to be checked.\n */\nfunction isView( item: unknown ): item is View {\n\treturn item instanceof View;\n}\n\n/**\n * Checks if the item is an instance of {@link module:ui/template~Template}\n *\n * @param value Value to be checked.\n */\nfunction isTemplate( item: unknown ): item is Template {\n\treturn item instanceof Template;\n}\n\n/**\n * Checks if the item is an instance of {@link module:ui/viewcollection~ViewCollection}\n *\n * @param value Value to be checked.\n */\nfunction isViewCollection( item: unknown ): item is ViewCollection {\n\treturn item instanceof ViewCollection;\n}\n\n/**\n * Checks if value array contains the one with namespace.\n */\nfunction isNamespaced(\n\tattrValue: AttributeValues\n): attrValue is [ NamespacedValue<Array<TemplateSimpleValue | TemplateBinding>> ] {\n\treturn isObject( attrValue[ 0 ] ) && ( attrValue[ 0 ] as any ).ns;\n}\n\n/**\n * Creates an empty skeleton for {@link module:ui/template~Template#revert}\n * data.\n */\nfunction getEmptyRevertData(): RevertData {\n\treturn {\n\t\tchildren: [],\n\t\tbindings: [],\n\t\tattributes: {}\n\t};\n}\n\n/**\n * Checks whether an attribute should be extended when\n * {@link module:ui/template~Template#apply} is called.\n *\n * @param attrName Attribute name to check.\n */\nfunction shouldExtend( attrName: string ) {\n\treturn attrName == 'class' || attrName == 'style';\n}\n\n/**\n * A definition of the {@link module:ui/template~Template}. It describes what kind of\n * node a template will render (HTML element or text), attributes of an element, DOM event\n * listeners and children.\n *\n * Also see:\n * * {@link module:ui/template~TemplateValueSchema} to learn about HTML element attributes,\n * * {@link module:ui/template~TemplateListenerSchema} to learn about DOM event listeners.\n *\n * A sample definition on an HTML element can look like this:\n *\n * ```ts\n * new Template( {\n * \ttag: 'p',\n * \tchildren: [\n * \t\t{\n * \t\t\ttag: 'span',\n * \t\t\tattributes: { ... },\n * \t\t\tchildren: [ ... ],\n * \t\t},\n * \t\t{\n * \t\t\ttext: 'static–text'\n * \t\t},\n * \t\t'also-static–text',\n * \t],\n * \tattributes: {\n * \t\tclass: {@link module:ui/template~TemplateValueSchema},\n * \t\tid: {@link module:ui/template~TemplateValueSchema},\n * \t\tstyle: {@link module:ui/template~TemplateValueSchema}\n *\n * \t\t// ...\n * \t},\n * \ton: {\n * \t\t'click': {@link module:ui/template~TemplateListenerSchema}\n *\n * \t\t// Document.querySelector format is also accepted.\n * \t\t'keyup@a.some-class': {@link module:ui/template~TemplateListenerSchema}\n *\n * \t\t// ...\n * \t}\n * } );\n * ```\n *\n * A {@link module:ui/view~View}, another {@link module:ui/template~Template} or a native DOM node\n * can also become a child of a template. When a view is passed, its {@link module:ui/view~View#element} is used:\n *\n * ```ts\n * const view = new SomeView();\n * const childTemplate = new Template( { ... } );\n * const childNode = document.createElement( 'b' );\n *\n * new Template( {\n * \ttag: 'p',\n *\n * \tchildren: [\n * \t\t// view#element will be added as a child of this <p>.\n * \t\tview,\n *\n * \t\t// The output of childTemplate.render() will be added here.\n * \t\tchildTemplate,\n *\n * \t\t// Native DOM nodes are included directly in the rendered output.\n * \t\tchildNode\n * \t]\n * } );\n * ```\n *\n * An entire {@link module:ui/viewcollection~ViewCollection} can be used as a child in the definition:\n *\n * ```ts\n * const collection = new ViewCollection();\n * collection.add( someView );\n *\n * new Template( {\n * \ttag: 'p',\n *\n * \tchildren: collection\n * } );\n * ```\n */\nexport type TemplateDefinition = string |\n\tTemplate |\n\tTemplateElementDefinition |\n\tTemplateTextDefinition;\n\nexport type TemplateElementDefinition = {\n\n\t/**\n\t * See the template {@link module:ui/template~Template#tag} property.\n\t */\n\ttag: string;\n\n\t/**\n\t * See the template {@link module:ui/template~Template#attributes} property.\n\t */\n\tattributes?: Record<string, TemplateValueSchema>;\n\n\t/**\n\t * See the template {@link module:ui/template~Template#children} property.\n\t */\n\tchildren?: Iterable<View | Node | Template | TemplateDefinition>;\n\n\t/**\n\t * See the template {@link module:ui/template~Template#eventListeners} property.\n\t */\n\ton?: Record<string, TemplateListenerSchema>;\n};\n\nexport type TemplateTextDefinition = {\n\n\t/**\n\t * See the template {@link module:ui/template~Template#text} property.\n\t */\n\ttext: ArrayOrItem<TemplateSimpleValueSchema>;\n};\n\nexport type FalsyValue = false | null | undefined | '';\n\nexport type NamespacedValue<T> = { ns: string; value: T };\n\nexport type TemplateSimpleValue = string | boolean | number | null | undefined;\n\nexport type TemplateSimpleValueSchema = TemplateSimpleValue | AttributeBinding;\n\n/**\n * Describes a value of an HTML element attribute or `textContent`. It allows combining multiple\n * data sources like static values and {@link module:utils/observablemixin~Observable} attributes.\n *\n * Also see:\n * * {@link module:ui/template~TemplateDefinition} to learn where to use it,\n * * {@link module:ui/template~Template.bind} to learn how to configure\n * {@link module:utils/observablemixin~Observable} attribute bindings,\n * * {@link module:ui/template~Template#render} to learn how to render a template,\n * * {@link module:ui/template~BindChain#to `to()`} and {@link module:ui/template~BindChain#if `if()`}\n * methods to learn more about bindings.\n *\n * Attribute values can be described in many different ways:\n *\n * ```ts\n * // Bind helper will create bindings to attributes of the observable.\n * const bind = Template.bind( observable, emitter );\n *\n * new Template( {\n * \ttag: 'p',\n * \tattributes: {\n * \t\t// A plain string schema.\n * \t\t'class': 'static-text',\n *\n * \t\t// An object schema, binds to the \"foo\" attribute of the\n * \t\t// observable and follows its value.\n * \t\t'class': bind.to( 'foo' ),\n *\n * \t\t// An array schema, combines the above.\n * \t\t'class': [\n * \t\t\t'static-text',\n * \t\t\tbind.to( 'bar', () => { ... } ),\n *\n * \t\t\t// Bindings can also be conditional.\n * \t\t\tbind.if( 'baz', 'class-when-baz-is-true' )\n * \t\t],\n *\n * \t\t// An array schema, with a custom namespace, e.g. useful for creating SVGs.\n * \t\t'class': {\n * \t\t\tns: 'http://ns.url',\n * \t\t\tvalue: [\n * \t\t\t\tbind.if( 'baz', 'value-when-true' ),\n * \t\t\t\t'static-text'\n * \t\t\t]\n * \t\t},\n *\n * \t\t// An object schema, specific for styles.\n * \t\tstyle: {\n * \t\t\tcolor: 'red',\n * \t\t\t'--color': 'red',\n * \t\t\tbackgroundColor: bind.to( 'qux', () => { ... } )\n * \t\t}\n * \t}\n * } );\n * ```\n *\n * Text nodes can also have complex values:\n *\n * ```ts\n * const bind = Template.bind( observable, emitter );\n *\n * // Will render a \"foo\" text node.\n * new Template( {\n * \ttext: 'foo'\n * } );\n *\n * // Will render a \"static text: {observable.foo}\" text node.\n * // The text of the node will be updated as the \"foo\" attribute changes.\n * new Template( {\n * \ttext: [\n * \t\t'static text: ',\n * \t\tbind.to( 'foo', () => { ... } )\n * \t]\n * } );\n * ```\n */\nexport type TemplateValueSchema = ArrayOrItem<\n\tTemplateSimpleValueSchema |\n\tNamespacedValue<TemplateSimpleValueSchema>\n> |\n\tRecord<string, TemplateSimpleValueSchema>;\n\n/**\n * Describes an event listener attached to an HTML element. Such listener can propagate DOM events\n * through an {@link module:utils/observablemixin~Observable} instance, execute custom callbacks\n * or both, if necessary.\n *\n * Also see:\n * * {@link module:ui/template~TemplateDefinition} to learn more about template definitions,\n * * {@link module:ui/template~BindChain#to `to()`} method to learn more about bindings.\n *\n * Check out different ways of attaching event listeners below:\n *\n * ```ts\n * // Bind helper will propagate events through the observable.\n * const bind = Template.bind( observable, emitter );\n *\n * new Template( {\n * \ttag: 'p',\n * \ton: {\n * \t\t// An object schema. The observable will fire the \"clicked\" event upon DOM \"click\".\n * \t\tclick: bind.to( 'clicked' )\n *\n * \t\t// An object schema. It will work for \"click\" event on \"a.foo\" children only.\n * \t\t'click@a.foo': bind.to( 'clicked' )\n *\n * \t\t// An array schema, makes the observable propagate multiple events.\n * \t\tclick: [\n * \t\t\tbind.to( 'clicked' ),\n * \t\t\tbind.to( 'executed' )\n * \t\t],\n *\n * \t\t// An array schema with a custom callback.\n * \t\t'click@a.foo': {\n * \t\t\tbind.to( 'clicked' ),\n * \t\t\tbind.to( evt => {\n * \t\t\t\tconsole.log( `${ evt.target } has been clicked!` );\n * \t\t\t} }\n * \t\t}\n * \t}\n * } );\n * ```\n */\nexport type TemplateListenerSchema = ArrayOrItem<ListenerBinding>;\n\n// `Template.bind( observable, emitter ).to( name )` is used in two different contexts:\n// - in `attribute` (or `text`) section of the `TemplateDefinition` - `name` is an observed property of the provided `observable`, or\n// - in `on` section - `name` is the event to be fired.\n//\n// In both cases, the returned type is `TemplateToBinding` which can be misleading.\n// Moreover, some forms of `to()` can be used in specific context only:\n// - `to( name, callback )` can only be used in `attribute` or `text`\n// - `to( callback )` can only be used in `on`.\n//\n// But note, that the fact it's `Template{To,If}Binding` is not relevant to the user.\n// The instances are both produced and consumed by this file only.\n// So let's invent some opaque types for outside use and only keep using `TemplateBinding` internally. They can be different for\n// `attribute` and `on` contexts.\n// To make them opaque, a non-exported symbol is used, so it's not possible to accidentally create an instance outside.\ndeclare const AttributeBindingSymbol: unique symbol; // eslint-disable-line @typescript-eslint/no-unused-vars\ndeclare const ListenerBindingSymbol: unique symbol; // eslint-disable-line @typescript-eslint/no-unused-vars\n\nexport interface AttributeBinding { _opaqueAttributeBinding: typeof AttributeBindingSymbol }\nexport interface ListenerBinding { _opaqueListenerBinding: typeof ListenerBindingSymbol }\n\n/**\n * The return value of {@link ~Template.bind `Template.bind()`}. It provides `to()` and `if()`\n * methods to create the {@link module:utils/observablemixin~Observable observable} attribute and event bindings.\n */\nexport interface BindChain<TObservable> {\n\n\t/**\n\t * Binds an {@link module:utils/observablemixin~Observable observable} to either:\n\t *\n\t * * an HTML element attribute or a text node `textContent`, so it remains in sync with the observable\n\t * attribute as it changes,\n\t * * or an HTML element DOM event, so the DOM events are propagated through an observable.\n\t *\n\t * Some common use cases of `to()` bindings are presented below:\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \ttag: 'p',\n\t * \tattributes: {\n\t * \t\t// class=\"...\" attribute gets bound to `observable#a`\n\t * \t\tclass: bind.to( 'a' )\n\t * \t},\n\t * \tchildren: [\n\t * \t\t// <p>...</p> gets bound to observable#b; always `toUpperCase()`.\n\t * \t\t{\n\t * \t\t\ttext: bind.to( 'b', ( value, node ) => value.toUpperCase() )\n\t * \t\t}\n\t * \t],\n\t * \ton: {\n\t * \t\tclick: [\n\t * \t\t\t// An observable will fire \"clicked\" upon \"click\" in the DOM.\n\t * \t\t\tbind.to( 'clicked' ),\n\t *\n\t * \t\t\t// A custom callback will be executed upon \"click\" in the DOM.\n\t * \t\t\tbind.to( () => {\n\t * \t\t\t\t...\n\t * \t\t\t} )\n\t * \t\t]\n\t * \t}\n\t * } ).render();\n\t * ```\n\t *\n\t * Learn more about using `to()` in the {@link module:ui/template~TemplateValueSchema} and\n\t * {@link module:ui/template~TemplateListenerSchema}.\n\t *\n\t * @label ATTRIBUTE\n\t * @param attribute An attribute name of {@link module:utils/observablemixin~Observable}.\n\t */\n\tto<TAttribute extends keyof TObservable & string>(\n\t\tattribute: TAttribute\n\t): AttributeBinding & ListenerBinding;\n\n\t/**\n\t * Binds an {@link module:utils/observablemixin~Observable observable} to either:\n\t *\n\t * * an HTML element attribute or a text node `textContent`, so it remains in sync with the observable\n\t * attribute as it changes,\n\t * * or an HTML element DOM event, so the DOM events are propagated through an observable.\n\t *\n\t * Some common use cases of `to()` bindings are presented below:\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \ttag: 'p',\n\t * \tattributes: {\n\t * \t\t// class=\"...\" attribute gets bound to `observable#a`\n\t * \t\tclass: bind.to( 'a' )\n\t * \t},\n\t * \tchildren: [\n\t * \t\t// <p>...</p> gets bound to observable#b; always `toUpperCase()`.\n\t * \t\t{\n\t * \t\t\ttext: bind.to( 'b', ( value, node ) => value.toUpperCase() )\n\t * \t\t}\n\t * \t],\n\t * \ton: {\n\t * \t\tclick: [\n\t * \t\t\t// An observable will fire \"clicked\" upon \"click\" in the DOM.\n\t * \t\t\tbind.to( 'clicked' ),\n\t *\n\t * \t\t\t// A custom callback will be executed upon \"click\" in the DOM.\n\t * \t\t\tbind.to( () => {\n\t * \t\t\t\t...\n\t * \t\t\t} )\n\t * \t\t]\n\t * \t}\n\t * } ).render();\n\t * ```\n\t *\n\t * Learn more about using `to()` in the {@link module:ui/template~TemplateValueSchema} and\n\t * {@link module:ui/template~TemplateListenerSchema}.\n\t *\n\t * @label ATTRIBUTE_CALLBACK\n\t * @param attribute An attribute name of {@link module:utils/observablemixin~Observable}.\n\t * @param callback Allows for processing of the value. Accepts `Node` and `value` as arguments.\n\t */\n\tto<TAttribute extends keyof TObservable & string>(\n\t\tattribute: TAttribute,\n\t\tcallback: ( value: TObservable[ TAttribute ], node: Node ) => ( TemplateSimpleValue )\n\t): AttributeBinding;\n\n\t/**\n\t * Binds an {@link module:utils/observablemixin~Observable observable} to either:\n\t *\n\t * * an HTML element attribute or a text node `textContent`, so it remains in sync with the observable\n\t * attribute as it changes,\n\t * * or an HTML element DOM event, so the DOM events are propagated through an observable.\n\t *\n\t * Some common use cases of `to()` bindings are presented below:\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \ttag: 'p',\n\t * \tattributes: {\n\t * \t\t// class=\"...\" attribute gets bound to `observable#a`\n\t * \t\tclass: bind.to( 'a' )\n\t * \t},\n\t * \tchildren: [\n\t * \t\t// <p>...</p> gets bound to observable#b; always `toUpperCase()`.\n\t * \t\t{\n\t * \t\t\ttext: bind.to( 'b', ( value, node ) => value.toUpperCase() )\n\t * \t\t}\n\t * \t],\n\t * \ton: {\n\t * \t\tclick: [\n\t * \t\t\t// An observable will fire \"clicked\" upon \"click\" in the DOM.\n\t * \t\t\tbind.to( 'clicked' ),\n\t *\n\t * \t\t\t// A custom callback will be executed upon \"click\" in the DOM.\n\t * \t\t\tbind.to( () => {\n\t * \t\t\t\t...\n\t * \t\t\t} )\n\t * \t\t]\n\t * \t}\n\t * } ).render();\n\t * ```\n\t *\n\t * Learn more about using `to()` in the {@link module:ui/template~TemplateValueSchema} and\n\t * {@link module:ui/template~TemplateListenerSchema}.\n\t *\n\t * @label EVENT\n\t * @param eventNameOrCallback A DOM event name or an event callback.\n\t */\n\tto( eventNameOrCallback: string | ( ( domEvent: Event ) => void ) ): ListenerBinding;\n\n\t/**\n\t * Binds an {@link module:utils/observablemixin~Observable observable} to an HTML element attribute or a text\n\t * node `textContent` so it remains in sync with the observable attribute as it changes.\n\t *\n\t * Unlike {@link module:ui/template~BindChain#to}, it controls the presence of the attribute or `textContent`\n\t * depending on the \"falseness\" of an {@link module:utils/observablemixin~Observable} attribute.\n\t *\n\t * ```ts\n\t * const bind = Template.bind( observable, emitter );\n\t *\n\t * new Template( {\n\t * \ttag: 'input',\n\t * \tattributes: {\n\t * \t\t// <input checked> when `observable#a` is not undefined/null/false/''\n\t * \t\t// <input> when `observable#a` is undefined/null/false\n\t * \t\tchecked: bind.if( 'a' )\n\t * \t},\n\t * \tchildren: [\n\t * \t\t{\n\t * \t\t\t// <input>\"b-is-not-set\"</input> when `observable#b` is undefined/null/false/''\n\t * \t\t\t// <input></input> when `observable#b` is not \"falsy\"\n\t * \t\t\ttext: bind.if( 'b', 'b-is-not-set', ( value, node ) => !value )\n\t * \t\t}\n\t * \t]\n\t * } ).render();\n\t * ```\n\t *\n\t * Learn more about using `if()` in the {@link module:ui/template~TemplateValueSchema}.\n\t *\n\t * @param attribute An attribute name of {@link module:utils/observablemixin~Observable} used in the binding.\n\t * @param valueIfTrue Value set when the {@link module:utils/observablemixin~Observable} attribute is not\n\t * undefined/null/false/'' (empty string).\n\t * @param callback Allows for processing of the value. Accepts `Node` and `value` as arguments.\n\t */\n\tif<TAttribute extends keyof TObservable & string>(\n\t\tattribute: TAttribute,\n\t\tvalueIfTrue?: unknown,\n\t\tcallback?: ( value: TObservable[ TAttribute ], node: Node ) => ( boolean | FalsyValue )\n\t): AttributeBinding;\n}\n\n/**\n * The {@link module:ui/template~Template#_renderNode} configuration.\n * @internal\n */\nexport interface RenderData {\n\n\t/**\n\t * A node which is being rendered.\n\t */\n\tnode: HTMLElement | Text;\n\n\t/**\n\t * Tells {@link module:ui/template~Template#_renderNode} to render\n\t * children into `DocumentFragment` first and then append the fragment\n\t * to the parent element. It is a speed optimization.\n\t */\n\tintoFragment: boolean;\n\n\t/**\n\t * Indicates whether the {@link #node} has been provided by {@link module:ui/template~Template#apply}.\n\t */\n\tisApplying: boolean;\n\n\t/**\n\t * An object storing the data that helps {@link module:ui/template~Template#revert}\n\t * bringing back an element to its initial state, i.e. before\n\t * {@link module:ui/template~Template#apply} was called.\n\t */\n\trevertData?: RevertData;\n}\n\ninterface RevertData {\n\ttext?: string | null;\n\tchildren: Array<RevertData>;\n\tbindings: Array<Array<() => void>>;\n\tattributes: Record<string, string | null>;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/view\n */\n\nimport { ViewCollection } from './viewcollection.js';\nimport { Template, type BindChain, type TemplateDefinition } from './template.js';\n\nimport {\n\tCKEditorError,\n\tCollection,\n\tDomEmitterMixin,\n\tObservableMixin,\n\tisIterable,\n\ttype CollectionAddEvent,\n\ttype DecoratedMethodEvent,\n\ttype Locale,\n\ttype LocaleTranslate\n} from '@ckeditor/ckeditor5-utils';\n\nimport '../theme/globals/globals.css';\n\n/**\n * The basic view class, which represents an HTML element created out of a\n * {@link module:ui/view~View#template}. Views are building blocks of the user interface and handle\n * interaction\n *\n * Views {@link module:ui/view~View#registerChild aggregate} children in\n * {@link module:ui/view~View#createCollection collections} and manage the life cycle of DOM\n * listeners e.g. by handling rendering and destruction.\n *\n * See the {@link module:ui/template~TemplateDefinition} syntax to learn more about shaping view\n * elements, attributes and listeners.\n *\n * ```ts\n * class SampleView extends View {\n * \tconstructor( locale ) {\n * \t\tsuper( locale );\n *\n * \t\tconst bind = this.bindTemplate;\n *\n * \t\t// Views define their interface (state) using observable attributes.\n * \t\tthis.set( 'elementClass', 'bar' );\n *\n * \t\tthis.setTemplate( {\n * \t\t\ttag: 'p',\n *\n * \t\t\t// The element of the view can be defined with its children.\n * \t\t\tchildren: [\n * \t\t\t\t'Hello',\n * \t\t\t\t{\n * \t\t\t\t\ttag: 'b',\n * \t\t\t\t\tchildren: [ 'world!' ]\n * \t\t\t\t}\n * \t\t\t],\n * \t\t\tattributes: {\n * \t\t\t\tclass: [\n * \t\t\t\t\t'foo',\n *\n * \t\t\t\t\t// Observable attributes control the state of the view in DOM.\n * \t\t\t\t\tbind.to( 'elementClass' )\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\ton: {\n * \t\t\t\t// Views listen to DOM events and propagate them.\n * \t\t\t\tclick: bind.to( 'clicked' )\n * \t\t\t}\n * \t\t} );\n * \t}\n * }\n *\n * const view = new SampleView( locale );\n *\n * view.render();\n *\n * // Append <p class=\"foo bar\">Hello<b>world</b></p> to the <body>\n * document.body.appendChild( view.element );\n *\n * // Change the class attribute to <p class=\"foo baz\">Hello<b>world</b></p>\n * view.elementClass = 'baz';\n *\n * // Respond to the \"click\" event in DOM by executing a custom action.\n * view.on( 'clicked', () => {\n * \tconsole.log( 'The view has been clicked!' );\n * } );\n * ```\n */\nexport class View<TElement extends HTMLElement = HTMLElement>\n\textends /* #__PURE__ */ DomEmitterMixin( /* #__PURE__ */ ObservableMixin() )\n{\n\t/**\n\t * An HTML element of the view. `null` until {@link #render rendered}\n\t * from the {@link #template}.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor() {\n\t * \t\tsuper();\n\t *\n\t * \t\t// A template instance the #element will be created from.\n\t * \t\tthis.setTemplate( {\n\t * \t\t\ttag: 'p'\n\t *\n\t * \t\t\t// ...\n\t * \t\t} );\n\t * \t}\n\t * }\n\t *\n\t * const view = new SampleView();\n\t *\n\t * // Renders the #template.\n\t * view.render();\n\t *\n\t * // Append the HTML element of the view to <body>.\n\t * document.body.appendChild( view.element );\n\t * ```\n\t *\n\t * **Note**: The element of the view can also be assigned directly:\n\t *\n\t * ```ts\n\t * view.element = document.querySelector( '#my-container' );\n\t * ```\n\t */\n\tpublic element: TElement | null;\n\n\t/**\n\t * Set `true` when the view has already been {@link module:ui/view~View#render rendered}.\n\t *\n\t * @readonly\n\t */\n\tpublic isRendered: boolean;\n\n\t/**\n\t * A set of tools to localize the user interface.\n\t *\n\t * Also see {@link module:core/editor/editor~Editor#locale}.\n\t *\n\t * @readonly\n\t */\n\tpublic locale: Locale | undefined;\n\n\t/**\n\t * Shorthand for {@link module:utils/locale~Locale#t}.\n\t *\n\t * Note: If {@link #locale} instance hasn't been passed to the view this method may not\n\t * be available.\n\t *\n\t * @see module:utils/locale~Locale#t\n\t */\n\tpublic t: LocaleTranslate | undefined;\n\n\t/**\n\t * Template of this view. It provides the {@link #element} representing\n\t * the view in DOM, which is {@link #render rendered}.\n\t */\n\tpublic template?: Template;\n\n\tpublic declare viewUid?: string;\n\n\t/**\n\t * Collections registered with {@link #createCollection}.\n\t */\n\tprotected _viewCollections: Collection<ViewCollection>;\n\n\t/**\n\t * A collection of view instances, which have been added directly\n\t * into the {@link module:ui/template~Template#children}.\n\t */\n\tprotected _unboundChildren: ViewCollection;\n\n\t/**\n\t * Cached {@link module:ui/template~BindChain bind chain} object created by the\n\t * {@link #template}. See {@link #bindTemplate}.\n\t */\n\tprivate _bindTemplate?: BindChain<this>;\n\n\t/**\n\t * Creates an instance of the {@link module:ui/view~View} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper();\n\n\t\tthis.element = null;\n\t\tthis.isRendered = false;\n\n\t\tthis.locale = locale;\n\t\tthis.t = locale && locale.t;\n\n\t\tthis._viewCollections = new Collection();\n\t\tthis._unboundChildren = this.createCollection();\n\n\t\t// Pass parent locale to its children.\n\t\tthis._viewCollections.on<CollectionAddEvent<View>>( 'add', ( evt, collection ) => {\n\t\t\tcollection.locale = locale;\n\t\t\tcollection.t = locale && locale.t;\n\t\t} );\n\n\t\tthis.decorate( 'render' );\n\t}\n\n\t/**\n\t * Shorthand for {@link module:ui/template~Template.bind}, a binding\n\t * {@link module:ui/template~BindChain interface} pre–configured for the view instance.\n\t *\n\t * It provides {@link module:ui/template~BindChain#to `to()`} and\n\t * {@link module:ui/template~BindChain#if `if()`} methods that initialize bindings with\n\t * observable attributes and attach DOM listeners.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor( locale ) {\n\t * \t\tsuper( locale );\n\t *\n\t * \t\tconst bind = this.bindTemplate;\n\t *\n\t * \t\t// These {@link module:utils/observablemixin~Observable observable} attributes will control\n\t * \t\t// the state of the view in DOM.\n\t * \t\tthis.set( {\n\t * \t\t\telementClass: 'foo',\n\t * \t\t \tisEnabled: true\n\t * \t\t } );\n\t *\n\t * \t\tthis.setTemplate( {\n\t * \t\t\ttag: 'p',\n\t *\n\t * \t\t\tattributes: {\n\t * \t\t\t\t// The class HTML attribute will follow elementClass\n\t * \t\t\t\t// and isEnabled view attributes.\n\t * \t\t\t\tclass: [\n\t * \t\t\t\t\tbind.to( 'elementClass' )\n\t * \t\t\t\t\tbind.if( 'isEnabled', 'present-when-enabled' )\n\t * \t\t\t\t]\n\t * \t\t\t},\n\t *\n\t * \t\t\ton: {\n\t * \t\t\t\t// The view will fire the \"clicked\" event upon clicking <p> in DOM.\n\t * \t\t\t\tclick: bind.to( 'clicked' )\n\t * \t\t\t}\n\t * \t\t} );\n\t * \t}\n\t * }\n\t * ```\n\t */\n\tpublic get bindTemplate(): BindChain<this> {\n\t\tif ( this._bindTemplate ) {\n\t\t\treturn this._bindTemplate;\n\t\t}\n\n\t\treturn ( this._bindTemplate = Template.bind( this, this ) );\n\t}\n\n\t/**\n\t * Creates a new collection of views, which can be used as\n\t * {@link module:ui/template~Template#children} of this view.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor( locale ) {\n\t * \t\tsuper( locale );\n\t *\n\t * \t\tconst child = new ChildView( locale );\n\t * \t\tthis.items = this.createCollection( [ child ] );\n \t *\n\t * \t\tthis.setTemplate( {\n\t * \t\t\ttag: 'p',\n\t *\n\t * \t\t\t// `items` collection will render here.\n\t * \t\t\tchildren: this.items\n\t * \t\t} );\n\t * \t}\n\t * }\n\t *\n\t * const view = new SampleView( locale );\n\t * view.render();\n\t *\n\t * // It will append <p><child#element></p> to the <body>.\n\t * document.body.appendChild( view.element );\n\t * ```\n\t *\n\t * @param views Initial views of the collection.\n\t * @returns A new collection of view instances.\n\t */\n\tpublic createCollection<T extends View = View>( views?: Iterable<T> ): ViewCollection<T> {\n\t\tconst collection = new ViewCollection<T>( views );\n\n\t\tthis._viewCollections.add( collection );\n\n\t\treturn collection;\n\t}\n\n\t/**\n\t * Registers a new child view under the view instance. Once registered, a child\n\t * view is managed by its parent, including {@link #render rendering}\n\t * and {@link #destroy destruction}.\n\t *\n\t * To revert this, use {@link #deregisterChild}.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor( locale ) {\n\t * \t\tsuper( locale );\n\t *\n\t * \t\tthis.childA = new SomeChildView( locale );\n\t * \t\tthis.childB = new SomeChildView( locale );\n\t *\n\t * \t\tthis.setTemplate( { tag: 'p' } );\n\t *\n\t * \t\t// Register the children.\n\t * \t\tthis.registerChild( [ this.childA, this.childB ] );\n\t * \t}\n\t *\n\t * \trender() {\n\t * \t\tsuper.render();\n\t *\n\t * \t\tthis.element.appendChild( this.childA.element );\n\t * \t\tthis.element.appendChild( this.childB.element );\n\t * \t}\n\t * }\n\t *\n\t * const view = new SampleView( locale );\n\t *\n\t * view.render();\n\t *\n\t * // Will append <p><childA#element><b></b><childB#element></p>.\n\t * document.body.appendChild( view.element );\n\t * ```\n\t *\n\t * **Note**: There's no need to add child views if they're already referenced in the\n\t * {@link #template}:\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor( locale ) {\n\t * \t\tsuper( locale );\n\t *\n\t * \t\tthis.childA = new SomeChildView( locale );\n\t * \t\tthis.childB = new SomeChildView( locale );\n\t *\n\t * \t\tthis.setTemplate( {\n\t * \t\t\ttag: 'p',\n\t *\n \t * \t\t\t// These children will be added automatically. There's no\n \t * \t\t\t// need to call {@link #registerChild} for any of them.\n\t * \t\t\tchildren: [ this.childA, this.childB ]\n\t * \t\t} );\n\t * \t}\n\t *\n\t * \t// ...\n\t * }\n\t * ```\n\t *\n\t * @param children Children views to be registered.\n\t */\n\tpublic registerChild( children: View | Iterable<View> ): void {\n\t\tif ( !isIterable( children ) ) {\n\t\t\tchildren = [ children ];\n\t\t}\n\n\t\tfor ( const child of children ) {\n\t\t\tthis._unboundChildren.add( child );\n\t\t}\n\t}\n\n\t/**\n\t * The opposite of {@link #registerChild}. Removes a child view from this view instance.\n\t * Once removed, the child is no longer managed by its parent, e.g. it can safely\n\t * become a child of another parent view.\n\t *\n\t * @see #registerChild\n\t * @param children Child views to be removed.\n\t */\n\tpublic deregisterChild( children: View | Iterable<View> ): void {\n\t\tif ( !isIterable( children ) ) {\n\t\t\tchildren = [ children ];\n\t\t}\n\n\t\tfor ( const child of children ) {\n\t\t\tthis._unboundChildren.remove( child );\n\t\t}\n\t}\n\n\t/**\n\t * Sets the {@link #template} of the view with with given definition.\n\t *\n\t * A shorthand for:\n\t *\n\t * ```ts\n\t * view.setTemplate( definition );\n\t * ```\n\t *\n\t * @param definition Definition of view's template.\n\t */\n\tpublic setTemplate( definition: TemplateDefinition ): void {\n\t\tthis.template = new Template( definition );\n\t}\n\n\t/**\n\t * {@link module:ui/template~Template.extend Extends} the {@link #template} of the view with\n\t * with given definition.\n\t *\n\t * A shorthand for:\n\t *\n\t * ```ts\n\t * Template.extend( view.template, definition );\n\t * ```\n\t *\n\t * **Note**: Is requires the {@link #template} to be already set. See {@link #setTemplate}.\n\t *\n\t * @param definition Definition which extends the {@link #template}.\n\t */\n\tpublic extendTemplate( definition: Partial<TemplateDefinition> ): void {\n\t\tTemplate.extend( this.template!, definition );\n\t}\n\n\t/**\n\t * Recursively renders the view.\n\t *\n\t * Once the view is rendered:\n\t * * the {@link #element} becomes an HTML element out of {@link #template},\n\t * * the {@link #isRendered} flag is set `true`.\n\t *\n\t * **Note**: The children of the view:\n\t * * defined directly in the {@link #template}\n\t * * residing in collections created by the {@link #createCollection} method,\n\t * * and added by {@link #registerChild}\n\t * are also rendered in the process.\n\t *\n\t * In general, `render()` method is the right place to keep the code which refers to the\n\t * {@link #element} and should be executed at the very beginning of the view's life cycle.\n\t *\n\t * It is possible to {@link module:ui/template~Template.extend} the {@link #template} before\n\t * the view is rendered. To allow an early customization of the view (e.g. by its parent),\n\t * such references should be done in `render()`.\n\t *\n\t * ```ts\n\t * class SampleView extends View {\n\t * \tconstructor() {\n\t * \t\tthis.setTemplate( {\n\t * \t\t\t// ...\n\t * \t\t} );\n\t * \t},\n\t *\n\t * \trender() {\n\t * \t\t// View#element becomes available.\n\t * \t\tsuper.render();\n\t *\n\t * \t\t// The \"scroll\" listener depends on #element.\n\t * \t\tthis.listenTo( window, 'scroll', () => {\n\t * \t\t\t// A reference to #element would render the #template and make it non-extendable.\n\t * \t\t\tif ( window.scrollY > 0 ) {\n\t * \t\t\t\tthis.element.scrollLeft = 100;\n\t * \t\t\t} else {\n\t * \t\t\t\tthis.element.scrollLeft = 0;\n\t * \t\t\t}\n\t * \t\t} );\n\t * \t}\n\t * }\n\t *\n\t * const view = new SampleView();\n\t *\n\t * // Let's customize the view before it gets rendered.\n\t * view.extendTemplate( {\n\t * \tattributes: {\n\t * \t\tclass: [\n\t * \t\t\t'additional-class'\n\t * \t\t]\n\t * \t}\n\t * } );\n\t *\n\t * // Late rendering allows customization of the view.\n\t * view.render();\n\t * ```\n\t */\n\tpublic render(): void {\n\t\tif ( this.isRendered ) {\n\t\t\t/**\n\t\t\t * This View has already been rendered.\n\t\t\t *\n\t\t\t * @error ui-view-render-already-rendered\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'ui-view-render-already-rendered', this );\n\t\t}\n\n\t\t// Render #element of the view.\n\t\tif ( this.template ) {\n\t\t\tthis.element = this.template.render() as TElement;\n\n\t\t\t// Auto–register view children from #template.\n\t\t\tthis.registerChild( this.template.getViews() );\n\t\t}\n\n\t\tthis.isRendered = true;\n\t}\n\n\t/**\n\t * Recursively destroys the view instance and child views added by {@link #registerChild} and\n\t * residing in collections created by the {@link #createCollection}.\n\t *\n\t * Destruction disables all event listeners:\n\t * * created on the view, e.g. `view.on( 'event', () => {} )`,\n\t * * defined in the {@link #template} for DOM events.\n\t */\n\tpublic destroy(): void {\n\t\tthis.stopListening();\n\n\t\tthis._viewCollections.map( c => c.destroy() );\n\n\t\t// Template isn't obligatory for views.\n\t\tif ( this.template && ( this.template as any )._revertData ) {\n\t\t\tthis.template.revert( this.element! );\n\t\t}\n\t}\n}\n\n/**\n * Event fired by the {@link module:ui/view~View#render} method. Actual rendering is executed as a listener to\n * this event with the default priority.\n *\n * See {@link module:utils/observablemixin~Observable#decorate} for more information and samples.\n *\n * @eventName ~View#render\n */\nexport type UIViewRenderEvent = DecoratedMethodEvent<View, 'render'>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/arialiveannouncer\n */\n\nimport type { ViewDomConverter } from '@ckeditor/ckeditor5-engine';\nimport type { Editor } from '@ckeditor/ckeditor5-core';\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\nimport { type ViewCollection } from './viewcollection.js';\nimport { View } from './view.js';\n\nimport '../theme/components/arialiveannouncer/arialiveannouncer.css';\n\n/**\n * The politeness level of an `aria-live` announcement.\n *\n * Available keys are:\n * * `AriaLiveAnnouncerPoliteness.POLITE`,\n * * `AriaLiveAnnouncerPoliteness.ASSERTIVE`\n *\n * [Learn more](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#Politeness_levels).\n */\nexport const AriaLiveAnnouncerPoliteness = {\n\tPOLITE: 'polite',\n\tASSERTIVE: 'assertive'\n} as const;\n\n/**\n * An accessibility helper that manages all ARIA live regions associated with an editor instance. ARIA live regions announce changes\n * to the state of the editor features.\n *\n * These announcements are consumed and propagated by screen readers and give users a better understanding of the current\n * state of the editor.\n *\n * To announce a state change to an editor use the {@link #announce} method:\n *\n * ```ts\n * editor.ui.ariaLiveAnnouncer.announce( 'Text of an announcement.' );\n * ```\n */\nexport class AriaLiveAnnouncer {\n\t/**\n\t * The editor instance.\n\t */\n\tpublic readonly editor: Editor;\n\n\t/**\n\t * The view that aggregates all `aria-live` regions.\n\t */\n\tpublic view?: AriaLiveAnnouncerView;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tthis.editor = editor;\n\n\t\t/**\n\t\t * Some screen readers only look at changes in the aria-live region.\n\t\t * They might not read a region that already has content when it is added.\n\t\t * To stop this problem, make sure to set up regions for all politeness settings when the editor starts.\n\t\t */\n\t\teditor.once( 'ready', () => {\n\t\t\tfor ( const politeness of Object.values( AriaLiveAnnouncerPoliteness ) ) {\n\t\t\t\tthis.announce( '', politeness );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Sets an announcement text to an aria region that is then announced by a screen reader to the user.\n\t *\n\t * If the aria region of a specified politeness does not exist, it will be created and can be re-used later.\n\t *\n\t * The default announcement politeness level is `'polite'`.\n\t *\n\t * ```ts\n\t * // Most screen readers will queue announcements from multiple aria-live regions and read them out in the order they were emitted.\n \t * editor.ui.ariaLiveAnnouncer.announce( 'Image uploaded.' );\n \t * editor.ui.ariaLiveAnnouncer.announce( 'Connection lost. Reconnecting.' );\n \t * ```\n\t */\n\tpublic announce(\n\t\tannouncement: string,\n\t\tattributes: AriaLiveAnnouncerPolitenessValue | AriaLiveAnnounceConfig = AriaLiveAnnouncerPoliteness.POLITE\n\t): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.ui.view ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this.view ) {\n\t\t\tthis.view = new AriaLiveAnnouncerView( editor.locale );\n\t\t\teditor.ui.view.body.add( this.view );\n\t\t}\n\n\t\tconst { politeness, isUnsafeHTML }: AriaLiveAnnounceConfig = typeof attributes === 'string' ? {\n\t\t\tpoliteness: attributes\n\t\t} : attributes;\n\n\t\tlet politenessRegionView = this.view.regionViews.find( view => view.politeness === politeness );\n\n\t\tif ( !politenessRegionView ) {\n\t\t\tpolitenessRegionView = new AriaLiveAnnouncerRegionView( editor, politeness );\n\t\t\tthis.view.regionViews.add( politenessRegionView );\n\t\t}\n\n\t\tpolitenessRegionView.announce( {\n\t\t\tannouncement,\n\t\t\tisUnsafeHTML\n\t\t} );\n\t}\n}\n\n/**\n * The view that aggregates all `aria-live` regions.\n */\nexport class AriaLiveAnnouncerView extends View {\n\t/**\n\t * A collection of all views that represent individual `aria-live` regions.\n\t */\n\tpublic readonly regionViews: ViewCollection<AriaLiveAnnouncerRegionView>;\n\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.regionViews = this.createCollection();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-aria-live-announcer'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: this.regionViews\n\t\t} );\n\t}\n}\n\n/**\n * The view that represents a single `aria-live`.\n */\nexport class AriaLiveAnnouncerRegionView extends View {\n\t/**\n\t * Current politeness level of the region.\n\t */\n\tpublic readonly politeness: AriaLiveAnnouncerPolitenessValue;\n\n\t/**\n\t * DOM converter used to sanitize unsafe HTML passed to {@link #announce} method.\n\t */\n\tprivate _domConverter: ViewDomConverter;\n\n\t/**\n\t * Interval used to remove additions. It prevents accumulation of added nodes in region.\n\t */\n\tprivate _pruneAnnouncementsInterval: ReturnType<typeof setInterval> | null;\n\n\tconstructor( editor: Editor, politeness: AriaLiveAnnouncerPolitenessValue ) {\n\t\tsuper( editor.locale );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\t'aria-live': politeness,\n\t\t\t\t'aria-relevant': 'additions'\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'ul',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-aria-live-region-list'\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\teditor.on( 'destroy', () => {\n\t\t\tif ( this._pruneAnnouncementsInterval !== null ) {\n\t\t\t\tclearInterval( this._pruneAnnouncementsInterval! );\n\t\t\t\tthis._pruneAnnouncementsInterval = null;\n\t\t\t}\n\t\t} );\n\n\t\tthis.politeness = politeness;\n\t\tthis._domConverter = editor.data.htmlProcessor.domConverter;\n\t\tthis._pruneAnnouncementsInterval = setInterval( () => {\n\t\t\tif ( this.element && this._listElement!.firstChild ) {\n\t\t\t\tthis._listElement!.firstChild!.remove();\n\t\t\t}\n\t\t}, 5000 );\n\t}\n\n\t/**\n\t * Appends new announcement to region.\n\t */\n\tpublic announce( { announcement, isUnsafeHTML }: AriaLiveAppendContentAttributes ): void {\n\t\tif ( !announcement.trim().length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst messageListItem = document.createElement( 'li' );\n\n\t\tif ( isUnsafeHTML ) {\n\t\t\tthis._domConverter.setContentOf( messageListItem, announcement );\n\t\t} else {\n\t\t\tmessageListItem.innerText = announcement;\n\t\t}\n\n\t\tthis._listElement!.appendChild( messageListItem );\n\t}\n\n\t/**\n\t * Return current announcements list HTML element.\n\t */\n\tprivate get _listElement(): HTMLElement | null {\n\t\treturn this.element!.querySelector( 'ul' )!;\n\t}\n}\n\nexport type AriaLiveAnnouncerPolitenessValue = typeof AriaLiveAnnouncerPoliteness[ keyof typeof AriaLiveAnnouncerPoliteness ];\n\nexport type AriaLiveAppendContentAttributes = {\n\tannouncement: string;\n\tisUnsafeHTML?: boolean;\n};\n\nexport type AriaLiveAnnounceConfig = {\n\tpoliteness: AriaLiveAnnouncerPolitenessValue;\n\tisUnsafeHTML?: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/bindings/clickoutsidehandler\n */\n\nimport type { CallbackOptions, DomEmitter } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Handles clicking **outside** of a specified set of elements, then fires an action.\n *\n * **Note**: Actually, the action is executed upon `mousedown`, not `click`. It prevents\n * certain issues when the user keeps holding the mouse button and the UI cannot react\n * properly.\n *\n * @param options Configuration options.\n * @param options.emitter The emitter to which this behavior should be added.\n * @param options.activator Function returning a `Boolean`, to determine whether the handler is active.\n * @param options.contextElements Array of HTML elements or a callback returning an array of HTML elements\n * that determine the scope of the handler. Clicking any of them or their descendants will **not** fire the callback.\n * @param options.callback An action executed by the handler.\n * @param options.listenerOptions Additional options for the listener (like priority).\n */\nexport function clickOutsideHandler(\n\t{ emitter, activator, callback, contextElements, listenerOptions }: {\n\t\temitter: DomEmitter;\n\t\tactivator: () => boolean;\n\t\tcontextElements: Array<Element> | ( () => Array<Element> );\n\t\tcallback: () => void;\n\t\tlistenerOptions?: CallbackOptions;\n\t}\n): void {\n\temitter.listenTo( document, 'mousedown', ( evt, domEvt ) => {\n\t\tif ( !activator() ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if `composedPath` is `undefined` in case the browser does not support native shadow DOM.\n\t\t// Can be removed when all supported browsers support native shadow DOM.\n\t\tconst path = typeof domEvt.composedPath == 'function' ? domEvt.composedPath() : [];\n\n\t\tconst contextElementsList = typeof contextElements == 'function' ? contextElements() : contextElements;\n\n\t\tfor ( const contextElement of contextElementsList ) {\n\t\t\tif ( contextElement.contains( domEvt.target as Node ) || path.includes( contextElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tcallback();\n\t}, listenerOptions );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/bindings/csstransitiondisablermixin\n */\n\nimport type { Constructor, Mixed } from '@ckeditor/ckeditor5-utils';\n\nimport { type View } from '../view.js';\n\n/**\n * A mixin that brings the possibility to temporarily disable CSS transitions using\n * {@link module:ui/view~View} methods. It is helpful when, for instance, the transitions should not happen\n * when the view is first displayed but they should work normal in other cases.\n *\n * The methods to control the CSS transitions are:\n * * `disableCssTransitions()` – Adds the `.ck-transitions-disabled` class to the\n * {@link module:ui/view~View#element view element}.\n * * `enableCssTransitions()` – Removes the `.ck-transitions-disabled` class from the\n * {@link module:ui/view~View#element view element}.\n *\n * The usage comes down to:\n *\n * ```ts\n * const MyViewWithCssTransitionDisabler = CssTransitionDisablerMixin( MyView );\n * const view = new MyViewWithCssTransitionDisabler();\n *\n * // ...\n *\n * view.disableCssTransitions();\n * view.show();\n * view.enableCssTransitions();\n * ```\n *\n * @param view View instance that should get this functionality.\n */\nexport function CssTransitionDisablerMixin<Base extends Constructor<View>>( view: Base ): Mixed<Base, ViewWithCssTransitionDisabler>\n{\n\tabstract class Mixin extends view {\n\t\tdeclare public _isCssTransitionsDisabled: boolean;\n\n\t\tpublic disableCssTransitions() {\n\t\t\tthis._isCssTransitionsDisabled = true;\n\t\t}\n\n\t\tpublic enableCssTransitions() {\n\t\t\tthis._isCssTransitionsDisabled = false;\n\t\t}\n\n\t\tconstructor( ...args: Array<any> ) {\n\t\t\tsuper( ...args );\n\n\t\t\tthis.set( '_isCssTransitionsDisabled', false );\n\t\t\tthis.initializeCssTransitionDisablerMixin();\n\t\t}\n\n\t\tprotected initializeCssTransitionDisablerMixin(): void {\n\t\t\tif ( this.template ) {\n\t\t\t\tthis.extendTemplate( {\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\tthis.bindTemplate.if( '_isCssTransitionsDisabled', 'ck-transitions-disabled' )\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn Mixin as any;\n}\n\nexport declare class ViewWithCssTransitionDisabler extends View {\n\tpublic disableCssTransitions(): void;\n\tpublic enableCssTransitions(): void;\n\n\tprotected initializeCssTransitionDisablerMixin(): void;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/bindings/draggableviewmixin\n */\n\nimport { type View } from '../view.js';\nimport { global, type Constructor, type Mixed, type EventInfo } from '@ckeditor/ckeditor5-utils';\n\n/**\n * A mixin that brings the possibility to observe dragging of the view element.\n * The view has to implement the {@link ~DraggableView} interface to use it:\n *\n * ```js\n * export class MyDraggableView extends DraggableViewMixin( View ) implements DraggableView {\n * \t\t// ...\n * }\n * ```\n *\n * Creating a class extending it attaches a set of mouse and touch listeners allowing to observe dragging of the view element:\n * * `mousedown` and `touchstart` on the view element - starting the dragging.\n * * `mousemove` and `touchmove` on the document - updating the view coordinates.\n * * `mouseup` and `touchend` on the document - stopping the dragging.\n *\n * The mixin itself does not provide a visual feedback (that is, the dragged element does not change its position) -\n * it is up to the developer to implement it.\n */\nexport function DraggableViewMixin<Base extends Constructor<View>>( view: Base ): Mixed<Base, DraggableView> {\n\tabstract class DraggableMixin extends view implements DraggableView {\n\t\t/**\n\t\t * A flag indicating whether the view is currently being dragged.\n\t\t *\n\t\t * @observable\n\t\t */\n\t\tdeclare public isDragging: boolean;\n\n\t\t/**\n\t\t * A bound version of {@link #_onDrag}.\n\t\t */\n\t\tprivate _onDragBound = this._onDrag.bind( this );\n\n\t\t/**\n\t\t * A bound version of {@link #_onDragEnd}.\n\t\t */\n\t\tprivate _onDragEndBound = this._onDragEnd.bind( this );\n\n\t\t/**\n\t\t * The last coordinates of the view. It is updated on every mouse move.\n\t\t */\n\t\tprivate _lastDraggingCoordinates: { x: number; y: number } = { x: 0, y: 0 };\n\n\t\t/**\n\t\t * @inheritDoc\n\t\t */\n\t\tconstructor( ...args: Array<any> ) {\n\t\t\tsuper( ...args );\n\n\t\t\tthis.on( 'render', () => {\n\t\t\t\tthis._attachListeners();\n\t\t\t} );\n\n\t\t\tthis.set( 'isDragging', false );\n\t\t}\n\n\t\t/**\n\t\t * Attaches the listeners for the drag start.\n\t\t */\n\t\tprivate _attachListeners() {\n\t\t\tthis.listenTo( this.element!, 'mousedown', this._onDragStart.bind( this ) );\n\t\t\tthis.listenTo( this.element!, 'touchstart', this._onDragStart.bind( this ) );\n\t\t}\n\n\t\t/**\n\t\t * Attaches the listeners for the dragging and drag end.\n\t\t */\n\t\tprivate _attachDragListeners() {\n\t\t\tthis.listenTo( global.document, 'mouseup', this._onDragEndBound );\n\t\t\tthis.listenTo( global.document, 'touchend', this._onDragEndBound );\n\t\t\tthis.listenTo( global.document, 'mousemove', this._onDragBound );\n\t\t\tthis.listenTo( global.document, 'touchmove', this._onDragBound );\n\t\t}\n\n\t\t/**\n\t\t * Detaches the listeners after the drag end.\n\t\t */\n\t\tprivate _detachDragListeners() {\n\t\t\tthis.stopListening( global.document, 'mouseup', this._onDragEndBound );\n\t\t\tthis.stopListening( global.document, 'touchend', this._onDragEndBound );\n\t\t\tthis.stopListening( global.document, 'mousemove', this._onDragBound );\n\t\t\tthis.stopListening( global.document, 'touchmove', this._onDragBound );\n\t\t}\n\n\t\t/**\n\t\t * Starts the dragging listeners and sets the initial view coordinates.\n\t\t */\n\t\tprivate _onDragStart( evt: EventInfo, domEvt: MouseEvent | TouchEvent ) {\n\t\t\tif ( !this._isHandleElementPressed( domEvt ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._attachDragListeners();\n\n\t\t\tlet x = 0;\n\t\t\tlet y = 0;\n\n\t\t\t// If dragging is performed with a mouse, there is only one set of coordinates available.\n\t\t\t// But when using a touch device, there may be many of them, so use the coordinates from the first touch.\n\t\t\tif ( domEvt instanceof MouseEvent ) {\n\t\t\t\tx = domEvt.clientX;\n\t\t\t\ty = domEvt.clientY;\n\t\t\t} else {\n\t\t\t\tx = domEvt.touches[ 0 ].clientX;\n\t\t\t\ty = domEvt.touches[ 0 ].clientY;\n\t\t\t}\n\n\t\t\tthis._lastDraggingCoordinates = { x, y };\n\n\t\t\tthis.isDragging = true;\n\t\t}\n\n\t\t/**\n\t\t * Updates the view coordinates and fires the `drag` event.\n\t\t */\n\t\tprivate _onDrag( evt: EventInfo, domEvt: MouseEvent | TouchEvent ) {\n\t\t\t// If dragging was stopped by some external intervention, stop listening.\n\t\t\tif ( !this.isDragging ) {\n\t\t\t\tthis._detachDragListeners();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet newX = 0;\n\t\t\tlet newY = 0;\n\n\t\t\t// If dragging is performed with a mouse, there is only one set of coordinates available.\n\t\t\t// But when using a touch device, there may be many of them, so use the coordinates from the first touch.\n\t\t\tif ( domEvt instanceof MouseEvent ) {\n\t\t\t\tnewX = domEvt.clientX;\n\t\t\t\tnewY = domEvt.clientY;\n\t\t\t} else {\n\t\t\t\tnewX = domEvt.touches[ 0 ].clientX;\n\t\t\t\tnewY = domEvt.touches[ 0 ].clientY;\n\t\t\t}\n\n\t\t\t// Prevents selection of text while dragging on Safari.\n\t\t\tdomEvt.preventDefault();\n\n\t\t\tthis.fire<DraggableViewDragEvent>( 'drag', {\n\t\t\t\tdeltaX: Math.round( newX - this._lastDraggingCoordinates.x ),\n\t\t\t\tdeltaY: Math.round( newY - this._lastDraggingCoordinates.y )\n\t\t\t} );\n\n\t\t\tthis._lastDraggingCoordinates = { x: newX, y: newY };\n\t\t}\n\n\t\t/**\n\t\t * Stops the dragging and detaches the listeners.\n\t\t */\n\t\tprivate _onDragEnd() {\n\t\t\tthis._detachDragListeners();\n\n\t\t\tthis.isDragging = false;\n\t\t}\n\n\t\t/**\n\t\t * Checks if the drag handle element was pressed.\n\t\t */\n\t\tprivate _isHandleElementPressed( domEvt: MouseEvent | TouchEvent ) {\n\t\t\tif ( !this.dragHandleElement ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn this.dragHandleElement === domEvt.target ||\n\t\t\t\t( domEvt.target instanceof HTMLElement && this.dragHandleElement.contains( domEvt.target ) );\n\t\t}\n\n\t\tpublic abstract get dragHandleElement(): HTMLElement | null;\n\t}\n\n\treturn DraggableMixin as any;\n}\n\n/**\n * An interface that should be implemented by views that want to be draggable.\n */\nexport interface DraggableView extends View {\n\tget dragHandleElement(): HTMLElement | null;\n}\n\n/**\n * An event data object for the {@link ~DraggableView} `drag` event. Fired when the view is dragged.\n */\nexport type DraggableViewDragEvent = {\n\tname: 'drag';\n\targs: [ {\n\t\tdeltaX: number;\n\t\tdeltaY: number;\n\t} ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/bindings/submithandler\n */\n\nimport { type View } from '../view.js';\n\n/**\n * A handler useful for {@link module:ui/view~View views} working as HTML forms. It intercepts a native DOM\n * `submit` event, prevents the default web browser behavior (navigation and page reload) and\n * fires the `submit` event on a view instead. Such a custom event can be then used by any\n * {@link module:utils/dom/emittermixin~DomEmitter emitter}, e.g. to serialize the form data.\n *\n * ```ts\n * import { submitHandler } from '@ckeditor/ckeditor5-ui/src/bindings/submithandler';\n *\n * // ...\n *\n * class AnyFormView extends View {\n * \tconstructor() {\n * \t\tsuper();\n *\n * \t\t// ...\n *\n * \t\tsubmitHandler( {\n * \t\t\tview: this\n * \t\t} );\n * \t}\n * }\n *\n * // ...\n *\n * const view = new AnyFormView();\n *\n * // A sample listener attached by an emitter working with the view.\n * this.listenTo( view, 'submit', () => {\n * \tsaveTheFormData();\n * \thideTheForm();\n * } );\n * ```\n *\n * @param options Configuration options.\n * @param options.view The view which DOM `submit` events should be handled.\n */\nexport function submitHandler( { view }: { view: View } ): void {\n\tview.listenTo( view.element!, 'submit', ( evt, domEvt ) => {\n\t\tdomEvt.preventDefault();\n\t\tview.fire<SubmitHandlerEvent>( 'submit' );\n\t}, { useCapture: true } );\n}\n\n/**\n * Fired by {@link module:ui/bindings/submithandler~submitHandler} helper.\n *\n * @eventName module:ui/view~View#submit\n */\nexport type SubmitHandlerEvent = {\n\tname: 'submit';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/bindings/addkeyboardhandlingforgrid\n */\n\nimport type { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';\nimport type { FocusableView } from '../focuscycler.js';\nimport { type ViewCollection } from '../viewcollection.js';\n\n/**\n * A helper that adds a keyboard navigation support (arrow up/down/left/right) for grids.\n *\n * @param options Configuration options.\n * @param options.keystrokeHandler Keystroke handler to register navigation with arrow keys.\n * @param options.focusTracker A focus tracker for grid elements.\n * @param options.gridItems A collection of grid items.\n * @param options.numberOfColumns Number of columns in the grid. Can be specified as a function that returns\n * the number (e.g. for responsive grids).\n * @param options.uiLanguageDirection String of ui language direction.\n */\nexport function addKeyboardHandlingForGrid(\n\t{ keystrokeHandler, focusTracker, gridItems, numberOfColumns, uiLanguageDirection }: {\n\t\tkeystrokeHandler: KeystrokeHandler;\n\t\tfocusTracker: FocusTracker;\n\t\tgridItems: ViewCollection;\n\t\tnumberOfColumns: number | ( () => number );\n\t\tuiLanguageDirection?: string;\n\t}\n): void {\n\tconst getNumberOfColumns = typeof numberOfColumns === 'number' ? () => numberOfColumns : numberOfColumns;\n\n\tkeystrokeHandler.set( 'arrowright', getGridItemFocuser( ( focusedElementIndex, gridItems ) => {\n\t\treturn uiLanguageDirection === 'rtl' ?\n\t\t\tgetLeftElementIndex( focusedElementIndex, gridItems.length ) :\n\t\t\tgetRightElementIndex( focusedElementIndex, gridItems.length );\n\t} ) );\n\n\tkeystrokeHandler.set( 'arrowleft', getGridItemFocuser( ( focusedElementIndex, gridItems ) => {\n\t\treturn uiLanguageDirection === 'rtl' ?\n\t\t\tgetRightElementIndex( focusedElementIndex, gridItems.length ) :\n\t\t\tgetLeftElementIndex( focusedElementIndex, gridItems.length );\n\t} ) );\n\n\tkeystrokeHandler.set( 'arrowup', getGridItemFocuser( ( focusedElementIndex, gridItems ) => {\n\t\tlet nextIndex = focusedElementIndex - getNumberOfColumns();\n\n\t\tif ( nextIndex < 0 ) {\n\t\t\tnextIndex = focusedElementIndex + getNumberOfColumns() * Math.floor( gridItems.length / getNumberOfColumns() );\n\n\t\t\tif ( nextIndex > gridItems.length - 1 ) {\n\t\t\t\tnextIndex -= getNumberOfColumns();\n\t\t\t}\n\t\t}\n\n\t\treturn nextIndex;\n\t} ) );\n\n\tkeystrokeHandler.set( 'arrowdown', getGridItemFocuser( ( focusedElementIndex, gridItems ) => {\n\t\tlet nextIndex = focusedElementIndex + getNumberOfColumns();\n\n\t\tif ( nextIndex > gridItems.length - 1 ) {\n\t\t\tnextIndex = focusedElementIndex % getNumberOfColumns();\n\t\t}\n\n\t\treturn nextIndex;\n\t} ) );\n\n\tfunction getGridItemFocuser( getIndexToFocus: ( focusedElementIndex: number, gridItems: ViewCollection ) => number ) {\n\t\treturn ( evt: KeyboardEvent ) => {\n\t\t\tconst focusedElement = gridItems.find( item => item.element === focusTracker.focusedElement );\n\t\t\tconst focusedElementIndex = gridItems.getIndex( focusedElement! );\n\t\t\tconst nextIndexToFocus = getIndexToFocus( focusedElementIndex, gridItems );\n\n\t\t\t( gridItems.get( nextIndexToFocus ) as FocusableView ).focus();\n\n\t\t\tevt.stopPropagation();\n\t\t\tevt.preventDefault();\n\t\t};\n\t}\n\n\t/**\n\t * Function returning the next index.\n\t *\n\t * ```\n\t * before: [ ][x][ ]\tafter: [ ][ ][x]\n\t * index = 1            index = 2\n\t * ```\n\t *\n\t * If current index is last, function returns first index.\n\t *\n\t * ```\n\t * before: [ ][ ][x]\tafter: [x][ ][ ]\n\t * index = 2            index = 0\n\t * ```\n\t *\n\t * @param elementIndex Number of current index.\n\t * @param collectionLength A count of collection items.\n\t */\n\tfunction getRightElementIndex( elementIndex: number, collectionLength: number ) {\n\t\tif ( elementIndex === collectionLength - 1 ) {\n\t\t\treturn 0;\n\t\t} else {\n\t\t\treturn elementIndex + 1;\n\t\t}\n\t}\n\n\t/**\n\t * Function returning the previous index.\n\t *\n\t * ```\n\t * before: [ ][x][ ]\tafter: [x][ ][ ]\n\t * index = 1            index = 0\n\t * ```\n\t *\n\t * If current index is first, function returns last index.\n\t *\n\t * ```\n\t * before: [x][ ][ ]\tafter: [ ][ ][x]\n\t * index = 0            index = 2\n\t * ```\n\t *\n\t * @param elementIndex Number of current index.\n\t * @param collectionLength A count of collection items.\n\t */\n\tfunction getLeftElementIndex( elementIndex: number, collectionLength: number ) {\n\t\tif ( elementIndex === 0 ) {\n\t\t\treturn collectionLength - 1;\n\t\t} else {\n\t\t\treturn elementIndex - 1;\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/label/labelview\n */\n\nimport { View } from '../view.js';\n\nimport { uid, type Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/label/label.css';\n\n/**\n * The label view class.\n */\nexport class LabelView extends View {\n\t/**\n\t * An unique id of the label. It can be used by other UI components to reference\n\t * the label, for instance, using the `aria-describedby` DOM attribute.\n\t */\n\tpublic readonly id: string;\n\n\t/**\n\t * The text of the label.\n\t *\n\t * @observable\n\t */\n\tdeclare public text: string | undefined;\n\n\t/**\n\t * The `for` attribute of the label (i.e. to pair with an `<input>` element).\n\t *\n\t * @observable\n\t */\n\tdeclare public for: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.set( 'text', undefined );\n\t\tthis.set( 'for', undefined );\n\n\t\tthis.id = `ck-editor__label_${ uid() }`;\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'label',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-label'\n\t\t\t\t],\n\t\t\t\tid: this.id,\n\t\t\t\tfor: bind.to( 'for' )\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttext: bind.to( 'text' )\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editorui/accessibilityhelp/accessibilityhelpcontentview\n */\n\nimport {\n\tcreateElement,\n\tenv,\n\tgetEnvKeystrokeText,\n\ttype Locale\n} from '@ckeditor/ckeditor5-utils';\n\nimport { View } from '../../view.js';\nimport { LabelView } from '../../label/labelview.js';\nimport type {\n\tKeystrokeInfoCategoryDefinition,\n\tKeystrokeInfoDefinition,\n\tKeystrokeInfoDefinitions,\n\tKeystrokeInfoGroupDefinition\n} from '@ckeditor/ckeditor5-core';\n\n/**\n * The view displaying keystrokes in the Accessibility help dialog.\n */\nexport class AccessibilityHelpContentView extends View<HTMLDivElement> {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale, keystrokes: KeystrokeInfoDefinitions ) {\n\t\tsuper( locale );\n\n\t\tconst t = locale.t;\n\t\tconst helpLabel = new LabelView();\n\n\t\thelpLabel.text = t( 'Help Contents. To close this dialog press ESC.' );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-accessibility-help-dialog__content' ],\n\t\t\t\t'aria-labelledby': helpLabel.id,\n\t\t\t\trole: 'document',\n\t\t\t\ttabindex: -1\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tcreateElement( document, 'p', {}, t( 'Below, you can find a list of keyboard shortcuts that can be used in the editor.' ) ),\n\t\t\t\t...this._createCategories( Array.from( keystrokes.values() ) ),\n\t\t\t\thelpLabel\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus(): void {\n\t\tthis.element!.focus();\n\t}\n\n\t/**\n\t * Creates `<section><h3>Category label</h3>...</section>` elements for each category of keystrokes.\n\t */\n\tprivate _createCategories( categories: Array<KeystrokeInfoCategoryDefinition> ): Array<HTMLElement> {\n\t\treturn categories.map( categoryDefinition => {\n\t\t\tconst elements: Array<HTMLElement> = [\n\t\t\t\t// Category header.\n\t\t\t\tcreateElement( document, 'h3', {}, categoryDefinition.label ),\n\n\t\t\t\t// Category definitions (<dl>) and their optional headers (<h4>).\n\t\t\t\t...Array.from( categoryDefinition.groups.values() )\n\t\t\t\t\t.map( groupDefinition => this._createGroup( groupDefinition ) )\n\t\t\t\t\t.flat()\n\t\t\t];\n\n\t\t\t// Category description (<p>).\n\t\t\tif ( categoryDefinition.description ) {\n\t\t\t\telements.splice( 1, 0, createElement( document, 'p', {}, categoryDefinition.description ) );\n\t\t\t}\n\n\t\t\treturn createElement( document, 'section', {}, elements );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates `[<h4>Optional label</h4>]<dl>...</dl>` elements for each group of keystrokes in a category.\n\t */\n\tprivate _createGroup( groupDefinition: KeystrokeInfoGroupDefinition ): Array<HTMLElement> {\n\t\tconst definitionAndDescriptionElements = groupDefinition.keystrokes\n\t\t\t.sort( ( a, b ) => a.label.localeCompare( b.label ) )\n\t\t\t.map( keystrokeDefinition => this._createGroupRow( keystrokeDefinition ) )\n\t\t\t.flat();\n\n\t\tconst elements: Array<HTMLElement> = [\n\t\t\tcreateElement( document, 'dl', {}, definitionAndDescriptionElements )\n\t\t];\n\n\t\tif ( groupDefinition.label ) {\n\t\t\telements.unshift( createElement( document, 'h4', {}, groupDefinition.label ) );\n\t\t}\n\n\t\treturn elements;\n\t}\n\n\t/**\n\t * Creates `<dt>Keystroke label</dt><dd>Keystroke definition</dd>` elements for each keystroke in a group.\n\t */\n\tprivate _createGroupRow( keystrokeDefinition: KeystrokeInfoDefinition ): [ HTMLElement, HTMLElement ] {\n\t\tconst t = this.locale!.t;\n\t\tconst dt = createElement( document, 'dt' );\n\t\tconst dd = createElement( document, 'dd' );\n\t\tconst normalizedKeystrokeDefinition = normalizeKeystrokeDefinition( keystrokeDefinition.keystroke );\n\t\tconst keystrokeAlternativeHTMLs = [];\n\n\t\tfor ( const keystrokeAlternative of normalizedKeystrokeDefinition ) {\n\t\t\tkeystrokeAlternativeHTMLs.push( keystrokeAlternative.map( keystrokeToEnvKbd ).join( '' ) );\n\t\t}\n\n\t\tdt.innerHTML = keystrokeDefinition.label;\n\t\tdd.innerHTML = keystrokeAlternativeHTMLs.join( ', ' ) +\n\t\t\t( keystrokeDefinition.mayRequireFn && env.isMac ? ` ${ t( '(may require <kbd>Fn</kbd>)' ) }` : '' );\n\n\t\treturn [ dt, dd ];\n\t}\n}\n\nfunction keystrokeToEnvKbd( keystroke: string ): string {\n\treturn getEnvKeystrokeText( keystroke )\n\t\t.split( '+' )\n\t\t.map( part => `<kbd>${ part }</kbd>` )\n\t\t.join( '+' );\n}\n\nfunction normalizeKeystrokeDefinition( definition: KeystrokeInfoDefinition[ 'keystroke' ] ): Array<Array<string>> {\n\tif ( typeof definition === 'string' ) {\n\t\treturn [ [ definition ] ];\n\t}\n\n\tif ( typeof definition[ 0 ] === 'string' ) {\n\t\treturn [ definition as Array<string> ];\n\t}\n\n\treturn definition as Array<Array<string>>;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/icon/iconview\n */\n\nimport { View } from '../view.js';\n\nimport { CKEditorError, type ObservableChangeEvent } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/icon/icon.css';\n\n/**\n * The icon view class.\n */\nexport class IconView extends View {\n\t/**\n\t * The SVG source of the icon.\n\t *\n\t * The user must provide the entire XML string, not just the path. See the\n\t * {@glink framework/architecture/ui-library#setting-label-icon-and-tooltip UI library} guide for details.\n\t *\n\t * @observable\n\t */\n\tdeclare public content: string | undefined;\n\n\t/**\n\t * This attribute specifies the boundaries to which the\n\t * icon content should stretch.\n\t *\n\t * @observable\n\t * @default '0 0 20 20'\n\t */\n\tdeclare public viewBox: string;\n\n\t/**\n\t * The fill color of the child `path.ck-icon__fill`.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public fillColor: string;\n\n\t/**\n\t * When set true (default), all parts of the icon inherit the fill color from the CSS `color` property of the\n\t * icon's DOM parent.\n\t *\n\t * This effectively makes the icon monochromatic and allows it to change its fill color dynamically, for instance,\n\t * when a {@link module:ui/button/buttonview~ButtonView} displays an icon and it switches between different states\n\t * (pushed, hovered, etc.) the icon will follow along.\n\t *\n\t * **Note**: For the monochromatic icon to render properly, it must be made up of shapes that can be filled\n\t * with color instead of, for instance, paths with strokes. Be sure to use the *outline stroke* tool\n\t * (the name could be different in your vector graphics editor) before exporting your icon. Also, remove any\n\t * excess `fill=\"...\"` attributes that could break the color inheritance.\n\t *\n\t * **Note**: If you want to preserve the original look of your icon and disable dynamic color inheritance,\n\t * set this flag to `false`.\n\t *\n\t * @observable\n\t * @default true\n\t */\n\tdeclare public isColorInherited: boolean;\n\n\t/**\n\t * Controls whether the icon is visible.\n\t *\n\t * @observable\n\t * @default true\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * A list of presentational attributes that can be set on the `<svg>` element and should be preserved\n\t * when the icon {@link module:ui/icon/iconview~IconView#content content} is loaded.\n\t *\n\t * See the [specification](https://www.w3.org/TR/SVG/styling.html#TermPresentationAttribute) to learn more.\n\t */\n\tprivate static presentationalAttributeNames: Array<string> = [\n\t\t'alignment-baseline', 'baseline-shift', 'clip-path', 'clip-rule', 'color', 'color-interpolation',\n\t\t'color-interpolation-filters', 'color-rendering', 'cursor', 'direction', 'display', 'dominant-baseline', 'fill', 'fill-opacity',\n\t\t'fill-rule', 'filter', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style',\n\t\t'font-variant', 'font-weight', 'image-rendering', 'letter-spacing', 'lighting-color', 'marker-end', 'marker-mid', 'marker-start',\n\t\t'mask', 'opacity', 'overflow', 'paint-order', 'pointer-events', 'shape-rendering', 'stop-color', 'stop-opacity', 'stroke',\n\t\t'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width',\n\t\t'text-anchor', 'text-decoration', 'text-overflow', 'text-rendering', 'transform', 'unicode-bidi', 'vector-effect',\n\t\t'visibility', 'white-space', 'word-spacing', 'writing-mode'\n\t];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'content', '' );\n\t\tthis.set( 'viewBox', '0 0 20 20' );\n\t\tthis.set( 'fillColor', '' );\n\t\tthis.set( 'isColorInherited', true );\n\t\tthis.set( 'isVisible', true );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'svg',\n\t\t\tns: 'http://www.w3.org/2000/svg',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-icon',\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value ),\n\n\t\t\t\t\t// Exclude icon internals from the CSS reset to allow rich (non-monochromatic) icons\n\t\t\t\t\t// (https://github.com/ckeditor/ckeditor5/issues/12599).\n\t\t\t\t\t'ck-reset_all-excluded',\n\n\t\t\t\t\t// The class to remove the dynamic color inheritance is toggleable\n\t\t\t\t\t// (https://github.com/ckeditor/ckeditor5/issues/12599).\n\t\t\t\t\tbind.if( 'isColorInherited', 'ck-icon_inherit-color' )\n\t\t\t\t],\n\t\t\t\tviewBox: bind.to( 'viewBox' ),\n\t\t\t\t'aria-hidden': true\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis._updateXMLContent();\n\t\tthis._colorFillPaths();\n\n\t\t// This is a hack for lack of innerHTML binding.\n\t\t// See: https://github.com/ckeditor/ckeditor5-ui/issues/99.\n\t\tthis.on<ObservableChangeEvent>( 'change:content', () => {\n\t\t\tthis._updateXMLContent();\n\t\t\tthis._colorFillPaths();\n\t\t} );\n\n\t\tthis.on<ObservableChangeEvent>( 'change:fillColor', () => {\n\t\t\tthis._colorFillPaths();\n\t\t} );\n\t}\n\n\t/**\n\t * Updates the {@link #element} with the value of {@link #content}.\n\t */\n\tprivate _updateXMLContent() {\n\t\tif ( this.content ) {\n\t\t\tconst parsed = new DOMParser().parseFromString( this.content.trim(), 'image/svg+xml' );\n\t\t\tconst svg = parsed.querySelector( 'svg' );\n\n\t\t\tif ( !svg ) {\n\t\t\t\t/**\n\t\t\t\t * The provided icon content is not a valid SVG.\n\t\t\t\t *\n\t\t\t\t * @error ui-iconview-invalid-svg\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'ui-iconview-invalid-svg', this );\n\t\t\t}\n\n\t\t\tconst viewBox = svg.getAttribute( 'viewBox' );\n\n\t\t\tif ( viewBox ) {\n\t\t\t\tthis.viewBox = viewBox;\n\t\t\t}\n\n\t\t\t// Preserve presentational attributes of the <svg> element from the source.\n\t\t\t// They can affect rendering of the entire icon (https://github.com/ckeditor/ckeditor5/issues/12597).\n\t\t\tfor ( const { name, value } of Array.from( svg.attributes ) ) {\n\t\t\t\tif ( IconView.presentationalAttributeNames.includes( name ) ) {\n\t\t\t\t\tthis.element!.setAttribute( name, value );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\twhile ( this.element!.firstChild ) {\n\t\t\t\tthis.element!.removeChild( this.element!.firstChild );\n\t\t\t}\n\n\t\t\twhile ( svg.childNodes.length > 0 ) {\n\t\t\t\tthis.element!.appendChild( svg.childNodes[ 0 ] );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Fills all child `path.ck-icon__fill` with the `#fillColor`.\n\t */\n\tprivate _colorFillPaths() {\n\t\tif ( this.fillColor ) {\n\t\t\tthis.element!.querySelectorAll( '.ck-icon__fill' ).forEach( path => {\n\t\t\t\t( path as HTMLElement ).style.fill = this.fillColor;\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/button/buttonlabelview\n */\n\nimport { View } from '../view.js';\nimport { type ButtonLabel } from './buttonlabel.js';\n\n/**\n * A default implementation of the button view's label. It comes with a dynamic text support\n * via {@link module:ui/button/buttonlabelview~ButtonLabelView#text} property.\n */\nexport class ButtonLabelView extends View implements ButtonLabel {\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public id: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public style: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public text: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.set( {\n\t\t\tstyle: undefined,\n\t\t\ttext: undefined,\n\t\t\tid: undefined\n\t\t} );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'span',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-button__label'\n\t\t\t\t],\n\t\t\t\tstyle: bind.to( 'style' ),\n\t\t\t\tid: bind.to( 'id' )\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttext: bind.to( 'text' )\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/button/buttonview\n */\n\nimport { View } from '../view.js';\nimport { IconView } from '../icon/iconview.js';\n\nimport type { TemplateDefinition } from '../template.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport type { Button, ButtonExecuteEvent } from './button.js';\nimport { type ButtonLabel } from './buttonlabel.js';\nimport { ButtonLabelView } from './buttonlabelview.js';\n\nimport {\n\tenv,\n\tgetEnvKeystrokeText,\n\tuid,\n\tdelay,\n\ttype Locale,\n\ttype DelayedFunc\n} from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/button/button.css';\n\n/**\n * The button view class.\n *\n * ```ts\n * const view = new ButtonView();\n *\n * view.set( {\n * \tlabel: 'A button',\n * \tkeystroke: 'Ctrl+B',\n * \ttooltip: true,\n * \twithText: true\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n */\nexport class ButtonView extends View<HTMLButtonElement> implements Button {\n\t/**\n\t * Collection of the child views inside of the button {@link #element}.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * Label of the button view. Its text is configurable using the {@link #label label attribute}.\n\t *\n\t * If not configured otherwise in the `constructor()`, by default the label is an instance\n\t * of {@link module:ui/button/buttonlabelview~ButtonLabelView}.\n\t */\n\tpublic readonly labelView: ButtonLabel;\n\n\t/**\n\t * The icon view of the button. Will be added to {@link #children} when the\n\t * {@link #icon icon attribute} is defined.\n\t */\n\tpublic readonly iconView: IconView;\n\n\t/**\n\t * A view displaying the keystroke of the button next to the {@link #labelView label}.\n\t * Added to {@link #children} when the {@link #withKeystroke `withKeystroke` attribute}\n\t * is defined.\n\t */\n\tpublic readonly keystrokeView: View;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public class: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public labelStyle: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public icon: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public isOn: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public isToggleable: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public keystroke: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public label: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public tabindex: number;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public tooltip: Button[ 'tooltip' ];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public tooltipPosition: Button[ 'tooltipPosition' ];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public type: Button[ 'type' ];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public withText: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public withKeystroke: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public role: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public ariaLabel?: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public ariaLabelledBy: string | undefined;\n\n\t/**\n\t * Aria-pressed attribute of element. It is calculated based on {@link #isToggleable isToggleable} and {@link #role}.\n\t * It's set to true if the button is on and the role is not checkable.\n\t *\n\t * @readonly\n\t * @internal\n\t */\n\tdeclare public _ariaPressed: string | false;\n\n\t/**\n\t * Aria-checked attribute of element. It is calculated based on {@link #isToggleable isToggleable} and {@link #role}.\n\t * It's set to true if the button is on and the role is checkable.\n\t *\n\t * @readonly\n\t * @internal\n\t */\n\tdeclare public _ariaChecked: string | false;\n\n\t/**\n\t * Tooltip of the button bound to the template.\n\t *\n\t * @see #tooltip\n\t * @see module:ui/button/buttonview~ButtonView#_getTooltipString\n\t * @internal\n\t * @observable\n\t */\n\tdeclare public _tooltipString: string;\n\n\t/**\n\t * Delayed focus function for focus handling in Safari.\n\t */\n\tprivate _focusDelayed: DelayedFunc<() => void> | null = null;\n\n\t/**\n\t * Creates an instance of the button view class.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param labelView The instance of the button's label. If not provided, an instance of\n\t * {@link module:ui/button/buttonlabelview~ButtonLabelView} is used.\n\t */\n\tconstructor( locale?: Locale, labelView: ButtonLabel = new ButtonLabelView() ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\t\tconst ariaLabelUid = uid();\n\n\t\t// Implement the Button interface.\n\t\tthis.set( '_ariaPressed', false );\n\t\tthis.set( '_ariaChecked', false );\n\t\tthis.set( 'ariaLabel', undefined );\n\t\tthis.set( 'ariaLabelledBy', `ck-editor__aria-label_${ ariaLabelUid }` );\n\t\tthis.set( 'class', undefined );\n\t\tthis.set( 'labelStyle', undefined );\n\t\tthis.set( 'icon', undefined );\n\t\tthis.set( 'isEnabled', true );\n\t\tthis.set( 'isOn', false );\n\t\tthis.set( 'isVisible', true );\n\t\tthis.set( 'isToggleable', false );\n\t\tthis.set( 'keystroke', undefined );\n\t\tthis.set( 'label', undefined );\n\t\tthis.set( 'role', undefined );\n\t\tthis.set( 'tabindex', -1 );\n\t\tthis.set( 'tooltip', false );\n\t\tthis.set( 'tooltipPosition', 's' );\n\t\tthis.set( 'type', 'button' );\n\t\tthis.set( 'withText', false );\n\t\tthis.set( 'withKeystroke', false );\n\n\t\tthis.children = this.createCollection();\n\t\tthis.labelView = this._setupLabelView( labelView );\n\n\t\tthis.iconView = new IconView();\n\t\tthis.iconView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-button__icon'\n\t\t\t}\n\t\t} );\n\t\tthis.iconView.bind( 'content' ).to( this, 'icon' );\n\n\t\tthis.keystrokeView = this._createKeystrokeView();\n\n\t\tthis.bind( '_tooltipString' ).to(\n\t\t\tthis, 'tooltip',\n\t\t\tthis, 'label',\n\t\t\tthis, 'keystroke',\n\t\t\tthis._getTooltipString.bind( this )\n\t\t);\n\n\t\tconst template: TemplateDefinition & { on: object } = {\n\t\t\ttag: 'button',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-button',\n\t\t\t\t\tbind.to( 'class' ),\n\t\t\t\t\tbind.if( 'isEnabled', 'ck-disabled', value => !value ),\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value ),\n\t\t\t\t\tbind.to( 'isOn', value => value ? 'ck-on' : 'ck-off' ),\n\t\t\t\t\tbind.if( 'withText', 'ck-button_with-text' ),\n\t\t\t\t\tbind.if( 'withKeystroke', 'ck-button_with-keystroke' )\n\t\t\t\t],\n\t\t\t\trole: bind.to( 'role' ),\n\t\t\t\ttype: bind.to( 'type', value => value ? value : 'button' ),\n\t\t\t\ttabindex: bind.to( 'tabindex' ),\n\t\t\t\t'aria-checked': bind.to( '_ariaChecked' ),\n\t\t\t\t'aria-pressed': bind.to( '_ariaPressed' ),\n\t\t\t\t'aria-label': bind.to( 'ariaLabel' ),\n\t\t\t\t'aria-labelledby': bind.to( 'ariaLabelledBy' ),\n\t\t\t\t'aria-disabled': bind.if( 'isEnabled', true, value => !value ),\n\t\t\t\t'data-cke-tooltip-text': bind.to( '_tooltipString' ),\n\t\t\t\t'data-cke-tooltip-position': bind.to( 'tooltipPosition' )\n\t\t\t},\n\n\t\t\tchildren: this.children,\n\n\t\t\ton: {\n\t\t\t\tclick: bind.to( evt => {\n\t\t\t\t\t// We can't make the button disabled using the disabled attribute, because it won't be focusable.\n\t\t\t\t\t// Though, shouldn't this condition be moved to the button controller?\n\t\t\t\t\tif ( this.isEnabled ) {\n\t\t\t\t\t\tthis.fire<ButtonExecuteEvent>( 'execute' );\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Prevent the default when button is disabled, to block e.g.\n\t\t\t\t\t\t// automatic form submitting. See ckeditor/ckeditor5-link#74.\n\t\t\t\t\t\tevt.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t}\n\t\t};\n\n\t\tthis.bind( '_ariaPressed' ).to(\n\t\t\tthis, 'isOn', this, 'isToggleable', this, 'role',\n\t\t\t( isOn, isToggleable, role ) => {\n\t\t\t\tif ( !isToggleable || isCheckableRole( role ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn String( !!isOn );\n\t\t\t}\n\t\t);\n\n\t\tthis.bind( '_ariaChecked' ).to(\n\t\t\tthis, 'isOn', this, 'isToggleable', this, 'role',\n\t\t\t( isOn, isToggleable, role ) => {\n\t\t\t\tif ( !isToggleable || !isCheckableRole( role ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn String( !!isOn );\n\t\t\t}\n\t\t);\n\n\t\t// On Safari we have to force the focus on a button on click as it's the only browser\n\t\t// that doesn't do that automatically. See #12115.\n\t\tif ( env.isSafari ) {\n\t\t\tif ( !this._focusDelayed ) {\n\t\t\t\tthis._focusDelayed = delay( () => this.focus(), 0 );\n\t\t\t}\n\n\t\t\ttemplate.on.mousedown = bind.to( () => {\n\t\t\t\tthis._focusDelayed!();\n\t\t\t} );\n\n\t\t\ttemplate.on.mouseup = bind.to( () => {\n\t\t\t\tthis._focusDelayed!.cancel();\n\t\t\t} );\n\t\t}\n\n\t\tthis.setTemplate( template );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tif ( this.icon ) {\n\t\t\tthis.children.add( this.iconView );\n\t\t}\n\n\t\tthis.on( 'change:icon', ( evt, prop, newIcon, oldIcon ) => {\n\t\t\tif ( newIcon && !oldIcon ) {\n\t\t\t\tthis.children.add( this.iconView, 0 );\n\t\t\t} else if ( !newIcon && oldIcon ) {\n\t\t\t\tthis.children.remove( this.iconView );\n\t\t\t}\n\t\t} );\n\n\t\tthis.children.add( this.labelView );\n\n\t\tif ( this.withKeystroke && this.keystroke ) {\n\t\t\tthis.children.add( this.keystrokeView );\n\t\t}\n\t}\n\n\t/**\n\t * Focuses the {@link #element} of the button.\n\t */\n\tpublic focus(): void {\n\t\tthis.element!.focus();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tif ( this._focusDelayed ) {\n\t\t\tthis._focusDelayed.cancel();\n\t\t}\n\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Binds the label view instance it with button attributes.\n\t */\n\tprivate _setupLabelView( labelView: ButtonLabelView ) {\n\t\tlabelView.bind( 'text', 'style', 'id' ).to( this, 'label', 'labelStyle', 'ariaLabelledBy' );\n\n\t\treturn labelView;\n\t}\n\n\t/**\n\t * Creates a view that displays a keystroke next to a {@link #labelView label }\n\t * and binds it with button attributes.\n\t */\n\tprivate _createKeystrokeView() {\n\t\tconst keystrokeView = new View();\n\n\t\tkeystrokeView.setTemplate( {\n\t\t\ttag: 'span',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-button__keystroke'\n\t\t\t\t]\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttext: this.bindTemplate.to( 'keystroke', text => getEnvKeystrokeText( text! ) )\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\treturn keystrokeView;\n\t}\n\n\t/**\n\t * Gets the text for the tooltip from the combination of\n\t * {@link #tooltip}, {@link #label} and {@link #keystroke} attributes.\n\t *\n\t * @see #tooltip\n\t * @see #_tooltipString\n\t * @param tooltip Button tooltip.\n\t * @param label Button label.\n\t * @param keystroke Button keystroke.\n\t */\n\tprivate _getTooltipString(\n\t\ttooltip: Button[ 'tooltip' ],\n\t\tlabel: string | undefined,\n\t\tkeystroke: string | undefined\n\t): string {\n\t\tif ( tooltip ) {\n\t\t\tif ( typeof tooltip == 'string' ) {\n\t\t\t\treturn tooltip;\n\t\t\t} else {\n\t\t\t\tif ( keystroke ) {\n\t\t\t\t\tkeystroke = getEnvKeystrokeText( keystroke );\n\t\t\t\t}\n\n\t\t\t\tif ( tooltip instanceof Function ) {\n\t\t\t\t\treturn tooltip( label!, keystroke );\n\t\t\t\t} else {\n\t\t\t\t\treturn `${ label }${ keystroke ? ` (${ keystroke })` : '' }`;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn '';\n\t}\n}\n\n/**\n * Checks if `aria-checkbox` can be used with specified role.\n */\nfunction isCheckableRole( role: string | undefined ) {\n\tswitch ( role ) {\n\t\tcase 'radio':\n\t\tcase 'checkbox':\n\t\tcase 'option':\n\t\tcase 'switch':\n\t\tcase 'menuitemcheckbox':\n\t\tcase 'menuitemradio':\n\t\t\treturn true;\n\n\t\tdefault:\n\t\t\treturn false;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/formheader/formheaderview\n */\n\nimport { View } from '../view.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { IconView } from '../icon/iconview.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/formheader/formheader.css';\n\n/**\n * The class component representing a form header view. It should be used in more advanced forms to\n * describe the main purpose of the form.\n *\n * By default the component contains a bolded label view that has to be set. The label is usually a short (at most 3-word) string.\n * The component can also be extended by any other elements, like: icons, dropdowns, etc.\n *\n * It is used i.a.\n * by {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView}.\n *\n * The latter is an example, where the component has been extended by {@link module:ui/dropdown/dropdownview~DropdownView} view.\n */\nexport class FormHeaderView extends View {\n\t/**\n\t * A collection of header items.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * The label of the header.\n\t *\n\t * @observable\n\t */\n\tpublic declare label: string;\n\n\t/**\n\t * An additional CSS class added to the {@link #element}.\n\t *\n\t * @observable\n\t */\n\tpublic declare class: string | null;\n\n\t/**\n\t * The icon view instance. Defined only if icon was passed in the constructor's options.\n\t */\n\tpublic readonly iconView?: IconView;\n\n\t/**\n\t * Creates an instance of the form header class.\n\t *\n\t * @param locale The locale instance.\n\t * @param options.label A label.\n\t * @param options.class An additional class.\n\t */\n\tconstructor(\n\t\tlocale: Locale | undefined,\n\t\toptions: {\n\t\t\tlabel?: string | null;\n\t\t\tclass?: string | null;\n\t\t\ticon?: string | null;\n\t\t} = {}\n\t) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'label', options.label || '' );\n\t\tthis.set( 'class', options.class || null );\n\n\t\tthis.children = this.createCollection();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form__header',\n\t\t\t\t\tbind.to( 'class' )\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\n\t\tif ( options.icon ) {\n\t\t\tthis.iconView = new IconView();\n\t\t\tthis.iconView.content = options.icon;\n\n\t\t\tthis.children.add( this.iconView );\n\t\t}\n\n\t\tconst label = new View( locale );\n\n\t\tlabel.setTemplate( {\n\t\t\ttag: 'h2',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form__header__label'\n\t\t\t\t],\n\t\t\t\trole: 'presentation'\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{ text: bind.to( 'label' ) }\n\t\t\t]\n\t\t} );\n\n\t\tthis.children.add( label );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/focuscycler\n */\n\nimport {\n\tisVisible,\n\tEmitterMixin,\n\ttype ArrayOrItem,\n\ttype FocusTracker,\n\ttype KeystrokeHandler,\n\ttype KeystrokeHandlerOptions\n} from '@ckeditor/ckeditor5-utils';\n\nimport { type View } from './view.js';\nimport { type ViewCollection } from './viewcollection.js';\n\n/**\n * A utility class that helps cycling over {@link module:ui/focuscycler~FocusableView focusable views} in a\n * {@link module:ui/viewcollection~ViewCollection} when the focus is tracked by the\n * {@link module:utils/focustracker~FocusTracker} instance. It helps implementing keyboard\n * navigation in HTML forms, toolbars, lists and the like.\n *\n * To work properly it requires:\n * * a collection of focusable (HTML `tabindex` attribute) views that implement the `focus()` method,\n * * an associated focus tracker to determine which view is focused.\n *\n * A simple cycler setup can look like this:\n *\n * ```ts\n * const focusables = new ViewCollection<FocusableView>();\n * const focusTracker = new FocusTracker();\n *\n * // Add focusable views to the focus tracker.\n * focusTracker.add( ... );\n * ```\n *\n * Then, the cycler can be used manually:\n *\n * ```ts\n * const cycler = new FocusCycler( { focusables, focusTracker } );\n *\n * // Will focus the first focusable view in #focusables.\n * cycler.focusFirst();\n *\n * // Will log the next focusable item in #focusables.\n * console.log( cycler.next );\n * ```\n *\n * Alternatively, it can work side by side with the {@link module:utils/keystrokehandler~KeystrokeHandler}:\n *\n * ```ts\n * const keystrokeHandler = new KeystrokeHandler();\n *\n * // Activate the keystroke handler.\n * keystrokeHandler.listenTo( sourceOfEvents );\n *\n * const cycler = new FocusCycler( {\n * \tfocusables, focusTracker, keystrokeHandler,\n * \tactions: {\n * \t\t// When arrowup of arrowleft is detected by the #keystrokeHandler,\n * \t\t// focusPrevious() will be called on the cycler.\n * \t\tfocusPrevious: [ 'arrowup', 'arrowleft' ],\n * \t}\n * } );\n * ```\n *\n * Check out the {@glink framework/deep-dive/ui/focus-tracking \"Deep dive into focus tracking\"} guide to learn more.\n */\nexport class FocusCycler extends /* #__PURE__ */ EmitterMixin() {\n\t/**\n\t * A {@link module:ui/focuscycler~FocusableView focusable views} collection that the cycler operates on.\n\t */\n\tpublic readonly focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * A focus tracker instance that the cycler uses to determine the current focus\n\t * state in {@link #focusables}.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}\n\t * which can respond to certain keystrokes and cycle the focus.\n\t */\n\tpublic readonly keystrokeHandler?: KeystrokeHandler;\n\n\t/**\n\t * Actions that the cycler can take when a keystroke is pressed. Requires\n\t * `options.keystrokeHandler` to be passed and working. When an action is\n\t * performed, `preventDefault` and `stopPropagation` will be called on the event\n\t * the keystroke fired in the DOM.\n\t *\n\t * ```ts\n\t * actions: {\n\t * \t// Will call #focusPrevious() when arrowleft or arrowup is pressed.\n\t * \tfocusPrevious: [ 'arrowleft', 'arrowup' ],\n\t *\n\t * \t// Will call #focusNext() when arrowdown is pressed.\n\t * \tfocusNext: 'arrowdown'\n\t * }\n\t * ```\n\t */\n\tpublic readonly actions?: FocusCyclerActions;\n\n\t/**\n\t * Creates an instance of the focus cycler utility.\n\t *\n\t * @param options Configuration options.\n\t */\n\tconstructor( options: {\n\t\tfocusables: ViewCollection<FocusableView>;\n\t\tfocusTracker: FocusTracker;\n\t\tkeystrokeHandler?: KeystrokeHandler;\n\t\tkeystrokeHandlerOptions?: KeystrokeHandlerOptions;\n\t\tactions?: FocusCyclerActions;\n\t} ) {\n\t\tsuper();\n\n\t\tthis.focusables = options.focusables;\n\t\tthis.focusTracker = options.focusTracker;\n\t\tthis.keystrokeHandler = options.keystrokeHandler;\n\t\tthis.actions = options.actions;\n\n\t\tif ( options.actions && options.keystrokeHandler ) {\n\t\t\tfor ( const methodName in options.actions ) {\n\t\t\t\tlet actions = options.actions[ methodName as keyof FocusCyclerActions ]!;\n\n\t\t\t\tif ( typeof actions == 'string' ) {\n\t\t\t\t\tactions = [ actions ];\n\t\t\t\t}\n\n\t\t\t\tfor ( const keystroke of actions ) {\n\t\t\t\t\toptions.keystrokeHandler.set( keystroke, ( data, cancel ) => {\n\t\t\t\t\t\tthis[ methodName as keyof FocusCyclerActions ]();\n\t\t\t\t\t\tcancel();\n\t\t\t\t\t}, options.keystrokeHandlerOptions );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis.on<FocusCyclerForwardCycleEvent>( 'forwardCycle', () => this.focusFirst(), { priority: 'low' } );\n\t\tthis.on<FocusCyclerBackwardCycleEvent>( 'backwardCycle', () => this.focusLast(), { priority: 'low' } );\n\t}\n\n\t/**\n\t * Returns the first focusable view in {@link #focusables}.\n\t * Returns `null` if there is none.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */\n\tpublic get first(): FocusableView | null {\n\t\treturn ( this.focusables.find( isDomFocusable ) || null ) as FocusableView | null;\n\t}\n\n\t/**\n\t * Returns the last focusable view in {@link #focusables}.\n\t * Returns `null` if there is none.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */\n\tpublic get last(): FocusableView | null {\n\t\treturn ( this.focusables.filter( isDomFocusable ).slice( -1 )[ 0 ] || null ) as FocusableView | null;\n\t}\n\n\t/**\n\t * Returns the next focusable view in {@link #focusables} based on {@link #current}.\n\t * Returns `null` if there is none.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */\n\tpublic get next(): FocusableView | null {\n\t\treturn this._getDomFocusableItem( 1 );\n\t}\n\n\t/**\n\t * Returns the previous focusable view in {@link #focusables} based on {@link #current}.\n\t * Returns `null` if there is none.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */\n\tpublic get previous(): FocusableView | null {\n\t\treturn this._getDomFocusableItem( -1 );\n\t}\n\n\t/**\n\t * An index of the view in the {@link #focusables} which is focused according\n\t * to {@link #focusTracker}. Returns `null` when there is no such view.\n\t */\n\tpublic get current(): number | null {\n\t\tlet index: number | null = null;\n\n\t\t// There's no focused view in the focusables.\n\t\tif ( this.focusTracker.focusedElement === null ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tthis.focusables.find( ( view, viewIndex ) => {\n\t\t\tconst focused = view.element === this.focusTracker.focusedElement;\n\n\t\t\tif ( focused ) {\n\t\t\t\tindex = viewIndex;\n\t\t\t}\n\n\t\t\treturn focused;\n\t\t} );\n\n\t\treturn index;\n\t}\n\n\t/**\n\t * Focuses the {@link #first} item in {@link #focusables}.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */\n\tpublic focusFirst(): void {\n\t\tthis._focus( this.first, 1 );\n\t}\n\n\t/**\n\t * Focuses the {@link #last} item in {@link #focusables}.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */\n\tpublic focusLast(): void {\n\t\tthis._focus( this.last, -1 );\n\t}\n\n\t/**\n\t * Focuses the {@link #next} item in {@link #focusables}.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */\n\tpublic focusNext(): void {\n\t\tconst next = this.next;\n\n\t\t// If there's only one focusable item, we need to let the outside world know\n\t\t// that the next cycle is about to happen. This may be useful\n\t\t// e.g. if you want to move the focus to the parent focus cycler.\n\t\t// Note that the focus is not actually moved in this case.\n\t\tif ( next && this.focusables.getIndex( next ) === this.current ) {\n\t\t\tthis.fire<FocusCyclerForwardCycleEvent>( 'forwardCycle' );\n\n\t\t\treturn;\n\t\t}\n\n\t\tif ( next === this.first ) {\n\t\t\tthis.fire<FocusCyclerForwardCycleEvent>( 'forwardCycle' );\n\t\t} else {\n\t\t\tthis._focus( next, 1 );\n\t\t}\n\t}\n\n\t/**\n\t * Focuses the {@link #previous} item in {@link #focusables}.\n\t *\n\t * **Note**: Hidden views (e.g. with `display: none`) are ignored.\n\t */\n\tpublic focusPrevious(): void {\n\t\tconst previous = this.previous;\n\n\t\tif ( previous && this.focusables.getIndex( previous ) === this.current ) {\n\t\t\tthis.fire<FocusCyclerBackwardCycleEvent>( 'backwardCycle' );\n\n\t\t\treturn;\n\t\t}\n\n\t\tif ( previous === this.last ) {\n\t\t\tthis.fire<FocusCyclerBackwardCycleEvent>( 'backwardCycle' );\n\t\t} else {\n\t\t\tthis._focus( previous, -1 );\n\t\t}\n\t}\n\n\t/**\n\t * Allows for creating continuous focus cycling across multiple focus cyclers and their collections of {@link #focusables}.\n\t *\n\t * It starts listening to the {@link module:ui/focuscycler~FocusCyclerForwardCycleEvent} and\n\t * {@link module:ui/focuscycler~FocusCyclerBackwardCycleEvent} events of the chained focus cycler and engages,\n\t * whenever the user reaches the last (forwards navigation) or first (backwards navigation) focusable view\n\t * and would normally start over. Instead, the navigation continues on the higher level (flattens).\n\t *\n\t * For instance, for the following nested focus navigation structure, the focus would get stuck the moment\n\t * the AB gets focused and its focus cycler starts managing it:\n\t *\n\t *\t   ┌────────────┐   ┌──────────────────────────────────┐   ┌────────────┐\n\t *\t   │ AA         │   │ AB                               │   │ AC         │\n\t *\t   │            │   │                                  │   │            │\n\t *\t   │            │   │    ┌─────┐  ┌─────┐  ┌─────┐     │   │            │\n\t *\t   │            │   │ ┌──► ABA ├──► ABB ├──► ABC ├───┐ │   │            │\n\t *\t   │            ├───► │  └─────┘  └─────┘  └─────┘   │ │   │            │\n\t *\t   │            │   │ │                              │ │   │            │\n\t *\t   │            │   │ │                              │ │   │            │\n\t *\t   │            │   │ └──────────────────────────────┘ │   │            │\n\t *\t   │            │   │                                  │   │            │\n\t *\t   └────────────┘   └──────────────────────────────────┘   └────────────┘\n\t *\n\t * Chaining a focus tracker that manages AA, AB, and AC with the focus tracker that manages ABA, ABB, and ABC\n\t * creates a seamless navigation experience instead:\n\t *\n\t *\t   ┌────────────┐   ┌──────────────────────────────────┐   ┌────────────┐\n\t *\t   │ AA         │   │ AB                               │   │ AC         │\n\t *\t   │            │   │                                  │   │            │\n\t *\t   │            │   │    ┌─────┐  ┌─────┐  ┌─────┐     │   │            │\n\t *\t   │            │   │ ┌──► ABA ├──► ABB ├──► ABC ├──┐  │   │            │\n\t *\t┌──►            ├───┼─┘  └─────┘  └─────┘  └─────┘  └──┼───►            ├──┐\n\t *\t│  │            │   │                                  │   │            │  │\n\t *\t│  │            │   │                                  │   │            │  │\n\t *\t│  │            │   │                                  │   │            │  │\n\t *\t│  │            │   │                                  │   │            │  │\n\t *\t│  └────────────┘   └──────────────────────────────────┘   └────────────┘  │\n\t *\t│                                                                          │\n\t *\t│                                                                          │\n\t *\t└──────────────────────────────────────────────────────────────────────────┘\n\t *\n\t * See {@link #unchain} to reverse the chaining.\n\t */\n\tpublic chain( chainedFocusCycler: FocusCycler ): void {\n\t\tconst getCurrentFocusedView = () => {\n\t\t\t// This may happen when one focus cycler does not include focusables of the other (horizontal case).\n\t\t\tif ( this.current === null ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn this.focusables.get( this.current );\n\t\t};\n\n\t\tthis.listenTo<FocusCyclerForwardCycleEvent>( chainedFocusCycler, 'forwardCycle', evt => {\n\t\t\tconst oldCurrent = getCurrentFocusedView();\n\n\t\t\tthis.focusNext();\n\n\t\t\t// Stop the event propagation only if an attempt at focusing the view actually moved the focus.\n\t\t\t// If not, let the otherFocusCycler handle the event.\n\t\t\tif ( oldCurrent !== getCurrentFocusedView() ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\n\t\t// The priority is critical for cycling across multiple chain levels when there's a single view at some of them only.\n\t\t}, { priority: 'low' } );\n\n\t\tthis.listenTo<FocusCyclerBackwardCycleEvent>( chainedFocusCycler, 'backwardCycle', evt => {\n\t\t\tconst oldCurrent = getCurrentFocusedView();\n\n\t\t\tthis.focusPrevious();\n\n\t\t\t// Stop the event propagation only if an attempt at focusing the view actually moved the focus.\n\t\t\t// If not, let the otherFocusCycler handle the event.\n\t\t\tif ( oldCurrent !== getCurrentFocusedView() ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\n\t\t// The priority is critical for cycling across multiple chain levels when there's a single view at some of them only.\n\t\t}, { priority: 'low' } );\n\t}\n\n\t/**\n\t * Reverses a chaining made by {@link #chain}.\n\t */\n\tpublic unchain( otherFocusCycler: FocusCycler ): void {\n\t\tthis.stopListening( otherFocusCycler );\n\t}\n\n\t/**\n\t * Focuses the given view if it exists.\n\t *\n\t * @param view The view to be focused\n\t * @param direction The direction of the focus if the view has focusable children.\n\t * @returns\n\t */\n\tprivate _focus( view: FocusableView | null, direction: 1 | -1 ) {\n\t\t// Don't fire focus events if the view is already focused.\n\t\t// Such attempt may occur when cycling with only one focusable item:\n\t\t// even though `focusNext()` method returns without changing focus,\n\t\t// the `forwardCycle` event is fired, triggering the `focusFirst()` method.\n\t\tif ( view && this.focusTracker.focusedElement !== view.element ) {\n\t\t\tview.focus( direction );\n\t\t}\n\t}\n\n\t/**\n\t * Returns the next or previous focusable view in {@link #focusables} with respect\n\t * to {@link #current}.\n\t *\n\t * @param step Either `1` for checking forward from {@link #current} or `-1` for checking backwards.\n\t */\n\tprivate _getDomFocusableItem( step: 1 | -1 ): FocusableView | null {\n\t\t// Cache for speed.\n\t\tconst collectionLength = this.focusables.length;\n\n\t\tif ( !collectionLength ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst current = this.current;\n\n\t\t// Start from the beginning if no view is focused.\n\t\t// https://github.com/ckeditor/ckeditor5-ui/issues/206\n\t\tif ( current === null ) {\n\t\t\treturn this[ step === 1 ? 'first' : 'last' ];\n\t\t}\n\n\t\t// Note: If current is the only focusable view, it will also be returned for the given step.\n\t\tlet focusableItem = this.focusables.get( current )!;\n\n\t\t// Cycle in both directions.\n\t\tlet index = ( current + collectionLength + step ) % collectionLength;\n\n\t\tdo {\n\t\t\tconst focusableItemCandidate = this.focusables.get( index )!;\n\n\t\t\tif ( isDomFocusable( focusableItemCandidate ) ) {\n\t\t\t\tfocusableItem = focusableItemCandidate;\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\t// Cycle in both directions.\n\t\t\tindex = ( index + collectionLength + step ) % collectionLength;\n\t\t} while ( index !== current );\n\n\t\treturn focusableItem;\n\t}\n}\n\n/**\n * A {@link module:ui/view~View} that can be focused (e.g. has `focus()` method).\n */\nexport type FocusableView = View & {\n\n\t/**\n\t * Focuses the view.\n\t *\n\t * @param direction This optional parameter helps improve the UX by providing additional information about the direction the focus moved\n\t * (e.g. in a complex view or a form). It is useful for views that host multiple focusable children (e.g. lists, toolbars):\n\t * * `1` indicates that the focus moved forward and, in most cases, the first child of the focused view should get focused,\n\t * * `-1` indicates that the focus moved backwards, and the last focusable child should get focused\n\t *\n\t * See {@link module:ui/focuscycler~FocusCycler#event:forwardCycle} and {@link module:ui/focuscycler~FocusCycler#event:backwardCycle}\n\t * to learn more.\n\t */\n\tfocus( direction?: 1 | -1 ): void;\n};\n\n/**\n * A {@link module:ui/view~View} that hosts one or more of focusable children being managed by a {@link module:ui/focuscycler~FocusCycler}\n * instance exposed under `focusCycler` property.\n */\nexport type ViewWithFocusCycler = FocusableView & {\n\tfocusCycler: FocusCycler;\n};\n\nexport type FocusCyclerActions = {\n\t[ key in 'focusFirst' | 'focusLast' | 'focusPrevious' | 'focusNext' ]?: ArrayOrItem<string>\n};\n\n/**\n * Fired when the focus cycler is about to move the focus from the last focusable item\n * to the first one.\n *\n * @eventName ~FocusCycler#forwardCycle\n */\nexport type FocusCyclerForwardCycleEvent = {\n\tname: 'forwardCycle';\n\targs: [];\n};\n\n/**\n * Fired when the focus cycler is about to move the focus from the first focusable item\n * to the last one.\n *\n * @eventName ~FocusCycler#backwardCycle\n */\nexport type FocusCyclerBackwardCycleEvent = {\n\tname: 'backwardCycle';\n\targs: [];\n};\n\n/**\n * Checks whether a view can be focused (has `focus()` method and is visible).\n *\n * @param view A view to be checked.\n */\nfunction isDomFocusable( view: View ) {\n\treturn isFocusable( view ) && isVisible( view.element );\n}\n\n/**\n * Checks whether a view is {@link ~FocusableView}.\n *\n * @param view A view to be checked.\n */\nexport function isFocusable( view: View ): view is FocusableView {\n\treturn !!( 'focus' in view && typeof view.focus == 'function' );\n}\n\n/**\n * Checks whether a view is an instance of {@link ~ViewWithFocusCycler}.\n *\n * @param view A view to be checked.\n */\nexport function isViewWithFocusCycler( view: View ): view is ViewWithFocusCycler {\n\treturn isFocusable( view ) && 'focusCycler' in view && view.focusCycler instanceof FocusCycler;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dialog/dialogactionsview\n */\n\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\ttype Locale\n} from '@ckeditor/ckeditor5-utils';\nimport type { Button, ButtonExecuteEvent } from '../button/button.js';\nimport { ButtonView } from '../button/buttonview.js';\nimport { View } from '../view.js';\nimport { ViewCollection } from '../viewcollection.js';\nimport { FocusCycler, type FocusableView } from '../focuscycler.js';\n\nimport '../../theme/components/dialog/dialogactions.css';\n\n/**\n * A dialog actions view class. It contains button views which are used to execute dialog actions.\n */\nexport class DialogActionsView extends View {\n\t/**\n\t * A collection of button views.\n\t */\n\tpublic readonly children: ViewCollection<FocusableView>;\n\n\t/**\n\t * A keystroke handler instance.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A focus cycler instance.\n\t */\n\tpublic readonly focusCycler: FocusCycler;\n\n\t/**\n\t * A focus tracker instance.\n\t */\n\tprivate readonly _focusTracker: FocusTracker;\n\n\t/**\n\t * A collection of focusable views.\n\t */\n\tprivate readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.children = this.createCollection<ButtonView>();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis._focusTracker = new FocusTracker();\n\t\tthis._focusables = new ViewCollection();\n\t\tthis.focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this._focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-dialog__actions'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * Creates the button views based on the given definitions.\n\t * Then adds them to the {@link #children} collection and to the focus cycler.\n\t */\n\tpublic setButtons( definitions: Array<DialogActionButtonDefinition> ): void {\n\t\tfor ( const definition of definitions ) {\n\t\t\tconst button = new ButtonView( this.locale );\n\n\t\t\tlet property: keyof DialogActionButtonDefinition;\n\t\t\tbutton.on<ButtonExecuteEvent>( 'execute', () => definition.onExecute() );\n\n\t\t\tif ( definition.onCreate ) {\n\t\t\t\tdefinition.onCreate( button );\n\t\t\t}\n\n\t\t\tfor ( property in definition ) {\n\t\t\t\tif ( property != 'onExecute' && property != 'onCreate' ) {\n\t\t\t\t\tbutton.set( property, definition[ property ] );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.children.add( button );\n\t\t}\n\n\t\tthis._updateFocusCyclableItems();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus( direction?: 1 | -1 ): void {\n\t\tif ( direction === -1 ) {\n\t\t\tthis.focusCycler.focusLast();\n\t\t} else {\n\t\t\tthis.focusCycler.focusFirst();\n\t\t}\n\t}\n\n\t/**\n\t * Adds all elements from the {@link #children} collection to the {@link #_focusables} collection\n\t * and to the {@link #_focusTracker} instance.\n\t */\n\tprivate _updateFocusCyclableItems() {\n\t\tArray.from( this.children ).forEach( v => {\n\t\t\tthis._focusables.add( v );\n\t\t\tthis._focusTracker.add( v.element! );\n\t\t} );\n\t}\n}\n\n/**\n * A dialog action button definition. It is a slightly modified version\n * of the {@link module:ui/button/button~Button} definition.\n */\nexport type DialogActionButtonDefinition =\n\tPick<Button, 'label'> &\n\tPartial<Pick<Button, 'withText' | 'class' | 'icon'>> &\n\t{\n\t\tonExecute: Function;\n\t\tonCreate?: ( button: ButtonView ) => void;\n\t};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dialog/dialogcontentview\n */\n\nimport { View } from '../view.js';\nimport { type ViewCollection } from '../viewcollection.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * A dialog content view class.\n */\nexport class DialogContentView extends View {\n\t/**\n\t * A collection of content items.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor(\n\t\tlocale: Locale | undefined\n\t) {\n\t\tsuper( locale );\n\n\t\tthis.children = this.createCollection();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-dialog__content' ]\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * Removes all the child views.\n\t */\n\tpublic reset(): void {\n\t\twhile ( this.children.length ) {\n\t\t\tthis.children.remove( 0 );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dialog/dialogview\n */\n\nimport {\n\tKeystrokeHandler,\n\tFocusTracker,\n\tRect,\n\tgetConstrainedViewportRect,\n\tglobal,\n\ttoUnit,\n\ttype EventInfo,\n\ttype Locale,\n\ttype DecoratedMethodEvent,\n\ttype KeystrokeHandlerOptions\n} from '@ckeditor/ckeditor5-utils';\nimport { IconCancel } from '@ckeditor/ckeditor5-icons';\nimport { ViewCollection } from '../viewcollection.js';\nimport { View } from '../view.js';\nimport { FormHeaderView } from '../formheader/formheaderview.js';\nimport { ButtonView } from '../button/buttonview.js';\nimport { type ButtonExecuteEvent } from '../button/button.js';\nimport { FocusCycler, isViewWithFocusCycler,\n\ttype FocusableView,\n\tisFocusable\n}\n\tfrom '../focuscycler.js';\nimport { DraggableViewMixin, type DraggableView, type DraggableViewDragEvent } from '../bindings/draggableviewmixin.js';\nimport { DialogActionsView, type DialogActionButtonDefinition } from './dialogactionsview.js';\nimport { DialogContentView } from './dialogcontentview.js';\nimport { type EditorUI } from '../editorui/editorui.js';\n\nimport '../../theme/components/dialog/dialog.css';\n// @if CK_DEBUG_DIALOG // const RectDrawer = require( '@ckeditor/ckeditor5-utils/tests/_utils/rectdrawer' ).default;\n\n/**\n * Available dialog view positions:\n *\n * * `DialogViewPosition.SCREEN_CENTER` &ndash; A fixed position in the center of the screen.\n * * `DialogViewPosition.EDITOR_CENTER` &ndash; A dynamic position in the center of the editor editable area.\n * * `DialogViewPosition.EDITOR_TOP_SIDE` &ndash; A dynamic position at the top-right (for the left-to-right languages)\n * or top-left (for right-to-left languages) corner of the editor editable area.\n * * `DialogViewPosition.EDITOR_TOP_CENTER` &ndash; A dynamic position at the top-center of the editor editable area.\n * * `DialogViewPosition.EDITOR_BOTTOM_CENTER` &ndash; A dynamic position at the bottom-center of the editor editable area.\n * * `DialogViewPosition.EDITOR_ABOVE_CENTER` &ndash; A dynamic position centered above the editor editable area.\n * * `DialogViewPosition.EDITOR_BELOW_CENTER` &ndash; A dynamic position centered below the editor editable area.\n *\n * The position of a dialog is specified by a {@link module:ui/dialog/dialog~DialogDefinition#position `position` property} of a\n * definition passed to the {@link module:ui/dialog/dialog~Dialog#show} method.\n */\nexport const DialogViewPosition = {\n\tSCREEN_CENTER: 'screen-center',\n\tEDITOR_CENTER: 'editor-center',\n\tEDITOR_TOP_SIDE: 'editor-top-side',\n\tEDITOR_TOP_CENTER: 'editor-top-center',\n\tEDITOR_BOTTOM_CENTER: 'editor-bottom-center',\n\tEDITOR_ABOVE_CENTER: 'editor-above-center',\n\tEDITOR_BELOW_CENTER: 'editor-below-center'\n} as const;\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * A dialog view class.\n */\nexport class DialogView extends /* #__PURE__ */ DraggableViewMixin( View ) implements DraggableView {\n\t/**\n\t * A collection of the child views inside of the dialog.\n\t * A dialog can have 3 optional parts: header, content, and actions.\n\t */\n\tpublic readonly parts: ViewCollection;\n\n\t/**\n\t * A header view of the dialog. It is also a drag handle of the dialog.\n\t */\n\tpublic headerView?: FormHeaderView;\n\n\t/**\n\t * A close button view. It is automatically added to the header view if present.\n\t */\n\tpublic closeButtonView?: ButtonView;\n\n\t/**\n\t * A view with the action buttons available to the user.\n\t */\n\tpublic actionsView?: DialogActionsView;\n\n\t/**\n\t * A default dialog element offset from the reference element (e.g. editor editable area).\n\t */\n\tpublic static defaultOffset: number = 15;\n\n\t/**\n\t * A view with the dialog content.\n\t */\n\tpublic contentView?: DialogContentView;\n\n\t/**\n\t * A keystroke handler instance.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A focus tracker instance.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * A flag indicating if the dialog was moved manually. If so, its position\n\t * will not be updated automatically upon window resize or document scroll.\n\t */\n\tpublic wasMoved: boolean = false;\n\n\t/**\n\t * A flag indicating if this dialog view is a modal.\n\t *\n\t * @observable\n\t */\n\tdeclare public isModal: boolean;\n\n\t/**\n\t * A label for the view dialog element to be used by the assistive technologies.\n\t *\n\t * @observable\n\t */\n\tdeclare public ariaLabel: string;\n\n\t/**\n\t * A custom class name to be added to the dialog element.\n\t *\n\t * @observable\n\t */\n\tdeclare public className: string | undefined;\n\n\t/**\n\t * The position of the dialog view.\n\t *\n\t * If set to a function, it will be called with the DOM root Rect and the dialog Rect as arguments.\n\t * It should return the coordinates of the dialog's position.\n\t *\n\t * @observable\n\t */\n\tdeclare public position: typeof DialogViewPosition[ keyof typeof DialogViewPosition ] | null |\n\t\t( ( dialogRect: Rect, domRootRect?: Rect | null ) => { left: number; top: number } | null );\n\n\t/**\n\t * A flag indicating that the dialog should be shown. Once set to `true`, the dialog will be shown\n\t * after its position is calculated. Until then, the dialog is transparent and not visible.\n\t *\n\t * See {@link #_isTransparent} property.\n\t *\n\t * @observable\n\t * @internal\n\t */\n\tdeclare public _isVisible: boolean;\n\n\t/**\n\t * A flag indicating if a dialog is transparent. It is used to prevent the dialog from being visible\n\t * before its position is calculated.\n\t *\n\t * @observable\n\t * @internal\n\t */\n\tdeclare public _isTransparent: boolean;\n\n\t/**\n\t * The calculated dialog `top` CSS property used for positioning.\n\t *\n\t * @observable\n\t * @internal\n\t */\n\tdeclare public _top: number;\n\n\t/**\n\t * The calculated dialog `left` CSS property used for positioning.\n\t *\n\t * @observable\n\t * @internal\n\t */\n\tdeclare public _left: number;\n\n\t/**\n\t * A callback returning the DOM root that requested the dialog.\n\t */\n\tprivate _getCurrentDomRoot: () => HTMLElement;\n\n\t/**\n\t * A callback returning the configured editor viewport offset.\n\t */\n\tprivate _getViewportOffset: () => EditorUI[ 'viewportOffset' ];\n\n\t/**\n\t * The list of the focusable elements inside the dialog view.\n\t */\n\tprivate readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * The focus cycler instance.\n\t */\n\tprivate readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale,\n\t\t{\n\t\t\tgetCurrentDomRoot,\n\t\t\tgetViewportOffset,\n\t\t\tkeystrokeHandlerOptions\n\t\t}: {\n\t\t\tgetCurrentDomRoot: () => HTMLElement;\n\t\t\tgetViewportOffset: () => EditorUI[ 'viewportOffset' ];\n\t\t\tkeystrokeHandlerOptions?: KeystrokeHandlerOptions;\n\t\t}\n\t) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\t\tconst t = locale.t;\n\n\t\tthis.set( 'className', '' );\n\t\tthis.set( 'ariaLabel', t( 'Editor dialog' ) );\n\t\tthis.set( 'isModal', false );\n\t\tthis.set( 'position', DialogViewPosition.SCREEN_CENTER );\n\t\tthis.set( '_isVisible', false );\n\t\tthis.set( '_isTransparent', false );\n\t\tthis.set( '_top', 0 );\n\t\tthis.set( '_left', 0 );\n\t\tthis._getCurrentDomRoot = getCurrentDomRoot;\n\t\tthis._getViewportOffset = getViewportOffset;\n\n\t\tthis.decorate( 'moveTo' );\n\n\t\tthis.parts = this.createCollection();\n\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis._focusables = new ViewCollection();\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t},\n\t\t\tkeystrokeHandlerOptions\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-dialog-overlay',\n\t\t\t\t\tbind.if( 'isModal', 'ck-dialog-overlay__transparent', isModal => !isModal ),\n\t\t\t\t\tbind.if( '_isVisible', 'ck-hidden', value => !value )\n\t\t\t\t],\n\t\t\t\t// Prevent from editor losing focus when clicking on the modal overlay.\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\ttabindex: '-1',\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-dialog',\n\t\t\t\t\t\t\tbind.if( 'isModal', 'ck-dialog_modal' ),\n\t\t\t\t\t\t\tbind.to( 'className' )\n\t\t\t\t\t\t],\n\t\t\t\t\t\trole: 'dialog',\n\t\t\t\t\t\t'aria-label': bind.to( 'ariaLabel' ),\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\ttop: bind.to( '_top', top => toPx( top ) ),\n\t\t\t\t\t\t\tleft: bind.to( '_left', left => toPx( left ) ),\n\t\t\t\t\t\t\tvisibility: bind.if( '_isTransparent', 'hidden' )\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tchildren: this.parts\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\t// Do not react to the Esc key if the event has already been handled and defaultPrevented\n\t\t\t// by some logic of the dialog guest (child) view (https://github.com/ckeditor/ckeditor5/issues/17343).\n\t\t\tif ( !data.defaultPrevented ) {\n\t\t\t\tthis.fire<DialogViewCloseEvent>( 'close', { source: 'escKeyPress' } );\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\n\t\t// Support for dragging the modal.\n\t\tthis.on<DraggableViewDragEvent>( 'drag', ( evt: EventInfo, { deltaX, deltaY } ) => {\n\t\t\tthis.wasMoved = true;\n\t\t\tthis.moveBy( deltaX, deltaY );\n\t\t} );\n\n\t\t// Update dialog position upon window resize, if the position was not changed manually.\n\t\tthis.listenTo( global.window, 'resize', () => {\n\t\t\tif ( this._isVisible && !this.wasMoved ) {\n\t\t\t\tthis.updatePosition();\n\t\t\t}\n\t\t} );\n\n\t\t// Update dialog position upon document scroll, if the position was not changed manually.\n\t\tthis.listenTo( global.document, 'scroll', () => {\n\t\t\tif ( this._isVisible && !this.wasMoved ) {\n\t\t\t\tthis.updatePosition();\n\t\t\t}\n\t\t} );\n\n\t\tthis.on( 'change:_isVisible', ( evt, name, isVisible ) => {\n\t\t\tif ( isVisible ) {\n\t\t\t\t// Let the content render first, then apply the position. Otherwise, the calculated DOM Rects\n\t\t\t\t// will not reflect the final look of the dialog. Note that we're not using #_moveOffScreen() here because\n\t\t\t\t// it causes a violent movement of the viewport on iOS (because the dialog still keeps the DOM focus).\n\t\t\t\tthis._isTransparent = true;\n\n\t\t\t\t// FYI: RAF is too short. We need to wait a bit longer.\n\t\t\t\tsetTimeout( () => {\n\t\t\t\t\tthis.updatePosition();\n\n\t\t\t\t\tthis._isTransparent = false;\n\n\t\t\t\t\t// The view must get the focus after it gets visible. But this is only possible\n\t\t\t\t\t// after the dialog is no longer transparent.\n\t\t\t\t\tthis.focus();\n\t\t\t\t}, 10 );\n\t\t\t}\n\t\t} );\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * Returns the element that should be used as a drag handle.\n\t */\n\tpublic override get dragHandleElement(): HTMLElement | null {\n\t\t// Modals should not be draggable.\n\t\tif ( this.headerView && !this.isModal ) {\n\t\t\treturn this.headerView.element;\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\t/**\n\t * Creates the dialog parts. Which of them are created depends on the arguments passed to the method.\n\t * There are no rules regarding the dialog construction, that is, no part is mandatory.\n\t * Each part can only be created once.\n\t *\n\t * @internal\n\t */\n\tpublic setupParts( { icon, title, hasCloseButton = true, content, actionButtons }: {\n\t\ticon?: string;\n\t\ttitle?: string;\n\t\thasCloseButton?: boolean;\n\t\tcontent?: View | Array<View>;\n\t\tactionButtons?: Array<DialogActionButtonDefinition>;\n\t} ): void {\n\t\tif ( title ) {\n\t\t\tthis.headerView = new FormHeaderView( this.locale, { icon } );\n\n\t\t\tif ( hasCloseButton ) {\n\t\t\t\tthis.closeButtonView = this._createCloseButton();\n\t\t\t\tthis.headerView.children.add( this.closeButtonView );\n\t\t\t}\n\n\t\t\tthis.headerView.label = title;\n\t\t\tthis.ariaLabel = title;\n\t\t\tthis.parts.add( this.headerView, 0 );\n\t\t}\n\n\t\tif ( content ) {\n\t\t\t// Normalize the content specified in the arguments.\n\t\t\tif ( content instanceof View ) {\n\t\t\t\tcontent = [ content ];\n\t\t\t}\n\n\t\t\tthis.contentView = new DialogContentView( this.locale );\n\t\t\tthis.contentView.children.addMany( content );\n\t\t\tthis.parts.add( this.contentView );\n\t\t}\n\n\t\tif ( actionButtons ) {\n\t\t\tthis.actionsView = new DialogActionsView( this.locale );\n\t\t\tthis.actionsView.setButtons( actionButtons );\n\t\t\tthis.parts.add( this.actionsView );\n\t\t}\n\n\t\tthis._updateFocusCyclableItems();\n\t}\n\n\t/**\n\t * Focuses the first focusable element inside the dialog.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Normalizes the passed coordinates to make sure the dialog view\n\t * is displayed within the visible viewport and moves it there.\n\t *\n\t * @internal\n\t */\n\tpublic moveTo( left: number, top: number ): void {\n\t\tconst viewportRect = this._getViewportRect();\n\t\tconst dialogRect = this._getDialogRect();\n\n\t\t// Don't let the dialog go beyond the right edge of the viewport.\n\t\tif ( left + dialogRect.width > viewportRect.right ) {\n\t\t\tleft = viewportRect.right - dialogRect.width;\n\t\t}\n\n\t\t// Don't let the dialog go beyond the left edge of the viewport.\n\t\tif ( left < viewportRect.left ) {\n\t\t\tleft = viewportRect.left;\n\t\t}\n\n\t\t// Don't let the dialog go beyond the top edge of the viewport.\n\t\tif ( top < viewportRect.top ) {\n\t\t\ttop = viewportRect.top;\n\t\t}\n\n\t\t// Note: We don't do the same for the bottom edge to allow users to resize the window vertically\n\t\t// and let the dialog to stay put instead of covering the editing root.\n\n\t\tthis._moveTo( left, top );\n\t}\n\n\t/**\n\t * Moves the dialog to the specified coordinates.\n\t */\n\tprivate _moveTo( left: number, top: number ): void {\n\t\tthis._left = left;\n\t\tthis._top = top;\n\t}\n\n\t/**\n\t * Moves the dialog by the specified offset.\n\t *\n\t * @internal\n\t */\n\tpublic moveBy( left: number, top: number ): void {\n\t\tthis.moveTo( this._left + left, this._top + top );\n\t}\n\n\t/**\n\t * Moves the dialog view to the off-screen position.\n\t * Used when there is no space to display the dialog.\n\t */\n\tprivate _moveOffScreen(): void {\n\t\tthis._moveTo( -9999, -9999 );\n\t}\n\n\t/**\n\t * Recalculates the dialog according to the set position and viewport,\n\t * and moves it to the new position.\n\t */\n\tpublic updatePosition(): void {\n\t\tif ( !this.element || !this.element.parentNode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewportRect = this._getViewportRect();\n\n\t\t// Actual position may be different from the configured one if there's no DOM root.\n\t\tlet configuredPosition = this.position;\n\t\tlet domRootRect;\n\n\t\tif ( !this._getCurrentDomRoot() ) {\n\t\t\tconfiguredPosition = DialogViewPosition.SCREEN_CENTER;\n\t\t} else {\n\t\t\tdomRootRect = this._getVisibleDomRootRect( viewportRect );\n\t\t}\n\n\t\tconst defaultOffset = DialogView.defaultOffset;\n\t\tconst dialogRect = this._getDialogRect();\n\n\t\tif ( this.position == null ) {\n\t\t\treturn;\n\t\t} else if ( typeof this.position == 'function' ) {\n\t\t\tconst coords = this.position( dialogRect, domRootRect );\n\n\t\t\tif ( coords == null ) {\n\t\t\t\tthis._moveOffScreen();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._moveTo( coords.left, coords.top );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// @if CK_DEBUG_DIALOG // RectDrawer.clear();\n\t\t// @if CK_DEBUG_DIALOG // RectDrawer.draw( viewportRect, { outlineColor: 'blue' }, 'Viewport' );\n\n\t\tswitch ( configuredPosition ) {\n\t\t\tcase DialogViewPosition.EDITOR_TOP_SIDE: {\n\t\t\t\t// @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n\t\t\t\t// @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n\t\t\t\t// @if CK_DEBUG_DIALOG // }\n\n\t\t\t\tif ( domRootRect ) {\n\t\t\t\t\tconst leftCoordinate = this.locale!.contentLanguageDirection === 'ltr' ?\n\t\t\t\t\t\tdomRootRect.right - dialogRect.width - defaultOffset :\n\t\t\t\t\t\tdomRootRect.left + defaultOffset;\n\n\t\t\t\t\tthis.moveTo( leftCoordinate, domRootRect.top + defaultOffset );\n\t\t\t\t} else {\n\t\t\t\t\tthis._moveOffScreen();\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase DialogViewPosition.EDITOR_CENTER: {\n\t\t\t\tif ( domRootRect ) {\n\t\t\t\t\tthis.moveTo(\n\t\t\t\t\t\tMath.round( domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2 ),\n\t\t\t\t\t\tMath.round( domRootRect.top + domRootRect.height / 2 - dialogRect.height / 2 )\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tthis._moveOffScreen();\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase DialogViewPosition.SCREEN_CENTER: {\n\t\t\t\tthis.moveTo(\n\t\t\t\t\tMath.round( ( viewportRect.width - dialogRect.width ) / 2 ),\n\t\t\t\t\tMath.round( ( viewportRect.height - dialogRect.height ) / 2 )\n\t\t\t\t);\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase DialogViewPosition.EDITOR_TOP_CENTER: {\n\t\t\t\t// @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n\t\t\t\t// @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n\t\t\t\t// @if CK_DEBUG_DIALOG // }\n\n\t\t\t\tif ( domRootRect ) {\n\t\t\t\t\tthis.moveTo(\n\t\t\t\t\t\tMath.round( domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2 ),\n\t\t\t\t\t\tdomRootRect.top + defaultOffset\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tthis._moveOffScreen();\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase DialogViewPosition.EDITOR_BOTTOM_CENTER: {\n\t\t\t\t// @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n\t\t\t\t// @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n\t\t\t\t// @if CK_DEBUG_DIALOG // }\n\n\t\t\t\tif ( domRootRect ) {\n\t\t\t\t\tthis.moveTo(\n\t\t\t\t\t\tMath.round( domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2 ),\n\t\t\t\t\t\tdomRootRect.bottom - dialogRect.height - defaultOffset\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tthis._moveOffScreen();\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase DialogViewPosition.EDITOR_ABOVE_CENTER: {\n\t\t\t\t// @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n\t\t\t\t// @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n\t\t\t\t// @if CK_DEBUG_DIALOG // }\n\n\t\t\t\tif ( domRootRect ) {\n\t\t\t\t\tthis.moveTo(\n\t\t\t\t\t\tMath.round( domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2 ),\n\t\t\t\t\t\tdomRootRect.top - dialogRect.height - defaultOffset\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tthis._moveOffScreen();\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase DialogViewPosition.EDITOR_BELOW_CENTER: {\n\t\t\t\t// @if CK_DEBUG_DIALOG // if ( domRootRect ) {\n\t\t\t\t// @if CK_DEBUG_DIALOG // \tRectDrawer.draw( domRootRect, { outlineColor: 'red', zIndex: 9999999 }, 'DOM ROOT' );\n\t\t\t\t// @if CK_DEBUG_DIALOG // }\n\n\t\t\t\tif ( domRootRect ) {\n\t\t\t\t\tthis.moveTo(\n\t\t\t\t\t\tMath.round( domRootRect.left + domRootRect.width / 2 - dialogRect.width / 2 ),\n\t\t\t\t\t\tdomRootRect.bottom + defaultOffset\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tthis._moveOffScreen();\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Calculates the visible DOM root part.\n\t */\n\tprivate _getVisibleDomRootRect( viewportRect: Rect ): Rect | null {\n\t\tlet visibleDomRootRect = new Rect( this._getCurrentDomRoot() ).getVisible();\n\n\t\tif ( !visibleDomRootRect ) {\n\t\t\treturn null;\n\t\t} else {\n\t\t\tvisibleDomRootRect = viewportRect.getIntersection( visibleDomRootRect );\n\n\t\t\tif ( !visibleDomRootRect ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\n\t\treturn visibleDomRootRect;\n\t}\n\n\t/**\n\t * Calculates the dialog element rect.\n\t */\n\tprivate _getDialogRect() {\n\t\treturn new Rect( this.element!.firstElementChild as HTMLElement );\n\t}\n\n\t/**\n\t * Returns a viewport `Rect` shrunk by the viewport offset config from all sides.\n\t */\n\tprivate _getViewportRect(): Rect {\n\t\tconst viewportRect = new Rect( global.window );\n\n\t\t// Modals should not be restricted by the viewport offsets as they are always displayed on top of the page.\n\t\tif ( this.isModal ) {\n\t\t\treturn viewportRect;\n\t\t}\n\n\t\treturn getConstrainedViewportRect( this._getViewportOffset() );\n\t}\n\n\t/**\n\t * Collects all focusable elements inside the dialog parts\n\t * and adds them to the focus tracker and focus cycler.\n\t */\n\tprivate _updateFocusCyclableItems() {\n\t\tconst focusables: Array<FocusableView> = [];\n\n\t\tif ( this.contentView ) {\n\t\t\tfor ( const child of this.contentView.children ) {\n\t\t\t\tif ( isFocusable( child ) ) {\n\t\t\t\t\tfocusables.push( child );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( this.actionsView ) {\n\t\t\tfocusables.push( this.actionsView );\n\t\t}\n\n\t\tif ( this.closeButtonView ) {\n\t\t\tfocusables.push( this.closeButtonView );\n\t\t}\n\n\t\tfocusables.forEach( focusable => {\n\t\t\tthis._focusables.add( focusable );\n\t\t\tthis.focusTracker.add( focusable.element! );\n\n\t\t\tif ( isViewWithFocusCycler( focusable ) ) {\n\t\t\t\tthis._focusCycler.chain( focusable.focusCycler );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Creates the close button view that is displayed in the header view corner.\n\t */\n\tprivate _createCloseButton(): ButtonView {\n\t\tconst buttonView = new ButtonView( this.locale );\n\t\tconst t = this.locale!.t;\n\n\t\tbuttonView.set( {\n\t\t\tlabel: t( 'Close' ),\n\t\t\ttooltip: true,\n\t\t\ticon: IconCancel\n\t\t} );\n\n\t\tbuttonView.on<ButtonExecuteEvent>( 'execute', () => this.fire<DialogViewCloseEvent>( 'close', { source: 'closeButton' } ) );\n\n\t\treturn buttonView;\n\t}\n}\n\n/**\n * An event fired when the dialog is closed.\n *\n * @eventName ~DialogView#close\n */\nexport type DialogViewCloseEvent = {\n\tname: 'close';\n\targs: [ { source: 'closeButton' | 'escKeyPress' } ];\n};\n\n/**\n * An event fired when the dialog is moved.\n *\n * @eventName ~DialogView#moveTo\n */\nexport type DialogViewMoveToEvent = DecoratedMethodEvent<DialogView, 'moveTo'>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dialog/dialog\n */\n\nimport { type View } from '../view.js';\nimport { type Editor, Plugin } from '@ckeditor/ckeditor5-core';\nimport { DialogView, type DialogViewCloseEvent, DialogViewPosition } from './dialogview.js';\nimport type { DialogActionButtonDefinition } from './dialogactionsview.js';\nimport type { ModelDocumentChangeEvent } from '@ckeditor/ckeditor5-engine';\nimport type { KeystrokeHandlerOptions, Rect } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The dialog controller class. It is used to show and hide the {@link module:ui/dialog/dialogview~DialogView}.\n */\nexport class Dialog extends Plugin {\n\t/**\n\t * The name of the currently visible dialog view instance.\n\t *\n\t * @observable\n\t */\n\tdeclare public id: string | null;\n\n\t/**\n\t * The currently visible dialog view instance.\n\t */\n\tpublic view?: DialogView;\n\n\t/**\n\t * The `Dialog` plugin instance which most recently showed the dialog.\n\t *\n\t * Only one dialog can be visible at once, even if there are many editor instances on the page.\n\t * If an editor wants to show a dialog, it should first hide the dialog that is already opened.\n\t * But only the `Dialog` instance that showed the dialog is able able to properly hide it.\n\t * This is why we need to store it in a globally available space (static property).\n\t * This way every `Dialog` plugin in every editor is able to correctly close any open dialog window.\n\t */\n\tprivate static _visibleDialogPlugin: Dialog | null;\n\n\t/**\n\t * A flag indicating whether the dialog is currently visible.\n\t *\n\t * @observable\n\t */\n\tdeclare public isOpen: boolean;\n\n\t/**\n\t * A configurable callback called when the dialog is hidden.\n\t */\n\tprivate _onHide: ( ( dialog: Dialog ) => void ) | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Dialog' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tconst t = editor.t;\n\n\t\tthis._initShowHideListeners();\n\t\tthis._initFocusToggler();\n\t\tthis._initMultiRootIntegration();\n\n\t\tthis.set( {\n\t\t\tid: null,\n\t\t\tisOpen: false\n\t\t} );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tcategoryId: 'navigation',\n\t\t\tkeystrokes: [ {\n\t\t\t\tlabel: t( 'Move focus in and out of an active dialog window' ),\n\t\t\t\tkeystroke: 'Ctrl+F6',\n\t\t\t\tmayRequireFn: true\n\t\t\t} ]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tif ( Dialog._visibleDialogPlugin === this ) {\n\t\t\tthis._unlockBodyScroll();\n\t\t}\n\t}\n\n\t/**\n\t * Initiates listeners for the `show` and `hide` events emitted by this plugin.\n\t *\n\t * We could not simply decorate the {@link #show} and {@link #hide} methods to fire events,\n\t * because they would be fired in the wrong order &ndash; first would be `show` and then `hide`\n\t * (because showing the dialog actually starts with hiding the previously visible one).\n\t * Hence, we added private methods {@link #_show} and {@link #_hide} which are called on events\n\t * in the desired sequence.\n\t */\n\tprivate _initShowHideListeners() {\n\t\tthis.on<DialogShowEvent>( 'show', ( evt, args ) => {\n\t\t\tthis._show( args );\n\t\t} );\n\n\t\t// 'low' priority allows to add custom callback between `_show()` and `onShow()`.\n\t\tthis.on<DialogShowEvent>( 'show', ( evt, args ) => {\n\t\t\tif ( args.onShow ) {\n\t\t\t\targs.onShow( this );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\n\t\tthis.on<DialogHideEvent>( 'hide', () => {\n\t\t\tif ( Dialog._visibleDialogPlugin ) {\n\t\t\t\tDialog._visibleDialogPlugin._hide();\n\t\t\t}\n\t\t} );\n\n\t\t// 'low' priority allows to add custom callback between `_hide()` and `onHide()`.\n\t\tthis.on<DialogHideEvent>( 'hide', () => {\n\t\t\tif ( this._onHide ) {\n\t\t\t\tthis._onHide( this );\n\t\t\t\tthis._onHide = undefined;\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t}\n\n\t/**\n\t * Initiates keystroke handler for toggling the focus between the editor and the dialog view.\n\t */\n\tprivate _initFocusToggler() {\n\t\tconst editor = this.editor;\n\n\t\teditor.keystrokes.set( 'Ctrl+F6', ( data, cancel ) => {\n\t\t\tif ( !this.isOpen || this.view!.isModal ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( this.view!.focusTracker.isFocused ) {\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} else {\n\t\t\t\tthis.view!.focus();\n\t\t\t}\n\n\t\t\tcancel();\n\t\t} );\n\t}\n\n\t/**\n\t * Provides an integration between the root attaching and detaching and positioning of the view.\n\t */\n\tprivate _initMultiRootIntegration() {\n\t\tconst model = this.editor.model;\n\n\t\tmodel.document.on<ModelDocumentChangeEvent>( 'change:data', () => {\n\t\t\tif ( !this.view ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst changedRoots = model.document.differ.getChangedRoots();\n\n\t\t\tfor ( const changes of changedRoots ) {\n\t\t\t\tif ( changes.state ) {\n\t\t\t\t\tthis.view.updatePosition();\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Displays a dialog window.\n\t *\n\t * This method requires a {@link ~DialogDefinition} that defines the dialog's content, title, icon, action buttons, etc.\n\t *\n\t * For example, the following definition will create a dialog with:\n\t * * A header consisting of an icon, a title, and a \"Close\" button (it is added by default).\n\t * * A content consisting of a view with a single paragraph.\n\t * * A footer consisting of two buttons: \"Yes\" and \"No\".\n\t *\n\t * ```js\n\t * // Create the view that will be used as the dialog's content.\n\t * const textView = new View( locale );\n\t *\n\t * textView.setTemplate( {\n\t * \ttag: 'div',\n\t * \tattributes: {\n\t * \t\tstyle: {\n\t * \t\t\tpadding: 'var(--ck-spacing-large)',\n\t * \t\t\twhiteSpace: 'initial',\n\t * \t\t\twidth: '100%',\n\t * \t\t\tmaxWidth: '500px'\n\t * \t\t},\n\t * \t\ttabindex: -1\n\t * \t},\n\t * \tchildren: [\n\t * \t\t'Lorem ipsum dolor sit amet...'\n\t * \t]\n\t * } );\n\t *\n\t * // Show the dialog.\n\t * editor.plugins.get( 'Dialog' ).show( {\n\t *\tid: 'myDialog',\n\t * \ticon: 'myIcon', // This should be an SVG string.\n\t * \ttitle: 'My dialog',\n\t * \tcontent: textView,\n\t * \tactionButtons: [\n\t *\t\t{\n\t *\t\t\tlabel: t( 'Yes' ),\n\t *\t\t\tclass: 'ck-button-action',\n\t *\t\t\twithText: true,\n\t *\t\t\tonExecute: () => dialog.hide()\n\t *\t\t},\n\t *\t\t{\n\t *\t\t\tlabel: t( 'No' ),\n\t *\t\t\twithText: true,\n\t *\t\t\tonExecute: () => dialog.hide()\n\t *\t\t}\n\t *\t]\n\t * } );\n\t * ```\n\t *\n\t * By specifying the {@link ~DialogDefinition#onShow} and {@link ~DialogDefinition#onHide} callbacks\n\t * it is also possible to add callbacks that will be called when the dialog is shown or hidden.\n\t *\n\t * For example, the callbacks in the following definition:\n\t * * Disable the default behavior of the <kbd>Esc</kbd> key.\n\t * * Fire a custom event when the dialog gets hidden.\n\t *\n\t * ```js\n\t * editor.plugins.get( 'Dialog' ).show( {\n\t * \t// ...\n\t * \tonShow: dialog => {\n\t * \t\tdialog.view.on( 'close', ( evt, data ) => {\n\t * \t\t\t// Only prevent the event from the \"Esc\" key - do not affect the other ways of closing the dialog.\n\t * \t\t\tif ( data.source === 'escKeyPress' ) {\n\t * \t\t\t\tevt.stop();\n\t * \t\t\t}\n\t * \t\t} );\n\t * \t},\n\t * \tonHide: dialog => {\n\t * \t\tdialog.fire( 'dialogDestroyed' );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * Internally, calling this method:\n\t * 1. Hides the currently visible dialog (if any) calling the {@link #hide} method\n\t * (fires the {@link ~DialogHideEvent hide event}).\n\t * 2. Fires the {@link ~DialogShowEvent show event} which allows for adding callbacks that customize the\n\t * behavior of the dialog.\n\t * 3. Shows the dialog.\n\t */\n\tpublic show( dialogDefinition: DialogDefinition ): void {\n\t\tthis.hide();\n\n\t\tthis.fire<DialogShowEvent>( `show:${ dialogDefinition.id }`, dialogDefinition );\n\t}\n\n\t/**\n\t * Handles creating the {@link module:ui/dialog/dialogview~DialogView} instance and making it visible.\n\t */\n\tprivate _show( {\n\t\tid,\n\t\ticon,\n\t\ttitle,\n\t\thasCloseButton = true,\n\t\tcontent,\n\t\tactionButtons,\n\t\tclassName,\n\t\tisModal,\n\t\tposition,\n\t\tonHide,\n\t\tkeystrokeHandlerOptions\n\t}: DialogDefinition ) {\n\t\tconst editor = this.editor;\n\n\t\tthis.view = new DialogView( editor.locale, {\n\t\t\tgetCurrentDomRoot: () => {\n\t\t\t\treturn editor.editing.view.getDomRoot( editor.model.document.selection.anchor!.root.rootName )!;\n\t\t\t},\n\t\t\tgetViewportOffset: () => {\n\t\t\t\treturn editor.ui.viewportOffset;\n\t\t\t},\n\t\t\tkeystrokeHandlerOptions\n\t\t} );\n\n\t\tconst view = this.view;\n\n\t\tview.on<DialogViewCloseEvent>( 'close', () => {\n\t\t\tthis.hide();\n\t\t} );\n\n\t\teditor.ui.view.body.add( view );\n\t\teditor.keystrokes.listenTo( view.element! );\n\n\t\t// Unless the user specified a position, modals should always be centered on the screen.\n\t\t// Otherwise, let's keep dialogs centered in the editing root by default.\n\t\tif ( !position ) {\n\t\t\tposition = isModal ? DialogViewPosition.SCREEN_CENTER : DialogViewPosition.EDITOR_CENTER;\n\t\t}\n\n\t\tif ( isModal ) {\n\t\t\tthis._lockBodyScroll();\n\t\t}\n\n\t\tview.set( {\n\t\t\tposition,\n\t\t\t_isVisible: true,\n\t\t\tclassName,\n\t\t\tisModal\n\t\t} );\n\n\t\tview.setupParts( {\n\t\t\ticon,\n\t\t\ttitle,\n\t\t\thasCloseButton,\n\t\t\tcontent,\n\t\t\tactionButtons\n\t\t} );\n\n\t\tthis.id = id;\n\n\t\tif ( onHide ) {\n\t\t\tthis._onHide = onHide;\n\t\t}\n\n\t\tthis.isOpen = true;\n\t\tDialog._visibleDialogPlugin = this;\n\t}\n\n\t/**\n\t * Hides the dialog. This method is decorated to enable interacting on the {@link ~DialogHideEvent hide event}.\n\t *\n\t * See {@link #show}.\n\t */\n\tpublic hide(): void {\n\t\tif ( Dialog._visibleDialogPlugin ) {\n\t\t\tDialog._visibleDialogPlugin.fire<DialogHideEvent>( `hide:${ Dialog._visibleDialogPlugin.id }` );\n\t\t}\n\t}\n\n\t/**\n\t * Destroys the {@link module:ui/dialog/dialogview~DialogView} and cleans up the stored dialog state.\n\t */\n\tprivate _hide(): void {\n\t\tif ( !this.view ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\n\t\tif ( view.isModal ) {\n\t\t\tthis._unlockBodyScroll();\n\t\t}\n\n\t\t// Reset the content view to prevent its children from being destroyed in the standard\n\t\t// View#destroy() (and collections) chain. If the content children were left in there,\n\t\t// they would have to be re-created by the feature using the dialog every time the dialog\n\t\t// shows up.\n\t\tif ( view.contentView ) {\n\t\t\tview.contentView.reset();\n\t\t}\n\n\t\teditor.ui.view.body.remove( view );\n\t\teditor.ui.focusTracker.remove( view.element! );\n\t\teditor.keystrokes.stopListening( view.element! );\n\n\t\tview.destroy();\n\t\teditor.editing.view.focus();\n\n\t\tthis.id = null;\n\t\tthis.isOpen = false;\n\t\tDialog._visibleDialogPlugin = null;\n\t}\n\n\t/**\n\t * Makes the <body> unscrollable (e.g. when the modal shows up).\n\t */\n\tprivate _lockBodyScroll(): void {\n\t\tdocument.documentElement.classList.add( 'ck-dialog-scroll-locked' );\n\t}\n\n\t/**\n\t * Makes the <body> scrollable again (e.g. once the modal hides).\n\t */\n\tprivate _unlockBodyScroll(): void {\n\t\tdocument.documentElement.classList.remove( 'ck-dialog-scroll-locked' );\n\t}\n}\n\n/**\n * The definition that describes a dialog window and its content. Passed to the {@link module:ui/dialog/dialog~Dialog#show} method.\n */\nexport interface DialogDefinition {\n\n\t/**\n\t * A unique identifier of the dialog. It allows for distinguishing between different dialogs and their visibility.\n\t * For instance, when open, the ID of the currently visible dialog is stored in {@link module:ui/dialog/dialog~Dialog#id}.\n\t *\n\t * The `id` is also passed along the {@link module:ui/dialog/dialog~DialogShowEvent} and {@link module:ui/dialog/dialog~DialogHideEvent}\n\t * events.\n\t */\n\tid: string;\n\n\t/**\n\t * The SVG string of an icon displayed in dialogs's header. Used only when {@link #title} is also set\n\t * and the header is displayed.\n\t *\n\t * See more in {@link module:ui/icon/iconview~IconView#content}.\n\t */\n\ticon?: string;\n\n\t/**\n\t * A title displayed in the dialogs's header. It also works as an accessible name of the dialog used by assistive technologies.\n\t *\n\t * When not set, the header is not displayed. Affects {@link #icon} and {@link #hasCloseButton}.\n\t */\n\ttitle?: string;\n\n\t/**\n\t * A flag indicating whether the dialog should have a close button in the header.\n\t * `true` by default. Works when {@link #title} is also set and the header is displayed.\n\t *\n\t * **Note**: If you hide the close button, make sure that the dialog can be closed in another way.\n\t */\n\thasCloseButton?: boolean;\n\n\t/**\n\t * The content of the dialog. It can be a single {@link module:ui/view~View} or an array of views.\n\t */\n\tcontent?: View | Array<View>;\n\n\t/**\n\t * The action buttons displayed in the dialog's footer.\n\t */\n\tactionButtons?: Array<DialogActionButtonDefinition>;\n\n\t/**\n\t * An additional CSS class set on the outermost (`.ck.ck-dialog`) container element allowing for visual customization.\n\t */\n\tclassName?: string;\n\n\t/**\n\t * When set to `true`, the dialog will become a modal, that is, it will block the UI until it is closed.\n\t */\n\tisModal?: boolean;\n\n\t/**\n\t * Available dialog positions. By default `DialogViewPosition.EDITOR_CENTER` is used for {@link #isModal non-modals}\n\t * and `DialogViewPosition.SCREEN_CENTER` for modals.\n\t *\n\t * If set to a function, it will be called with the DOM root Rect and the dialog Rect as arguments.\n\t * It should return the coordinates of the dialog's position.\n\t *\n\t * {@link module:ui/dialog/dialogview#DialogViewPosition Learn more} about available positions.\n\t */\n\tposition?: typeof DialogViewPosition[ keyof typeof DialogViewPosition ] | null |\n\t\t( ( dialogRect: Rect, domRootRect?: Rect | null ) => { left: number; top: number } | null );\n\n\t/**\n\t * A callback called when the dialog shows up with a `low` priority. It allows for setting up the dialog's {@link #content}.\n\t */\n\tonShow?: ( dialog: Dialog ) => void;\n\n\t/**\n\t * A callback called when the dialog hides with a `low` priority.\n\t * It allows for cleaning up (for example, resetting) the dialog's {@link #content}.\n\t */\n\tonHide?: ( dialog: Dialog ) => void;\n\n\t/**\n\t * Options that will be passed to the {@link module:utils/keystrokehandler~KeystrokeHandler keystroke handler} of the dialog view.\n\t *\n\t * See {@link module:utils/keystrokehandler~KeystrokeHandlerOptions KeystrokeHandlerOptions} to learn more about the available options.\n\t */\n\tkeystrokeHandlerOptions?: KeystrokeHandlerOptions;\n}\n\n/**\n * An event fired after {@link module:ui/dialog/dialog~Dialog#show} is called. You can use it to customize the behavior\n * of any dialog.\n *\n * ```js\n * import { DialogViewPosition } from 'ckeditor5/src/ui.js';\n *\n * // ...\n *\n * // Changes the position of the \"Find and Replace\" dialog.\n * editor.plugins.get( 'Dialog' ).on( 'show:findAndReplace', ( evt, data ) => {\n * \tObject.assign( data, { position: DialogViewPosition.EDITOR_BOTTOM_CENTER } );\n * }, { priority: 'high' } );\n * ```\n *\n * @eventName ~Dialog#show\n */\nexport type DialogShowEvent = {\n\tname: 'show' | `show:${ string }`;\n\targs: [ dialogDefinition: DialogDefinition ];\n};\n\n/**\n * An event fired after {@link module:ui/dialog/dialog~Dialog#hide} is called. You can use it to customize the behavior\n * of any dialog.\n *\n * ```js\n * // Logs after the \"Find and Replace\" dialog gets hidden\n * editor.plugins.get( 'Dialog' ).on( 'hide:findAndReplace', () => {\n * \tconsole.log( 'The \"Find and Replace\" dialog was hidden.' );\n * } );\n * ```\n *\n * @eventName ~Dialog#hide\n */\nexport type DialogHideEvent = {\n\tname: 'hide' | `hide:${ string }`;\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/button/listitembuttonview\n */\n\nimport type { ObservableChangeEvent, Locale } from '@ckeditor/ckeditor5-utils';\nimport { type ButtonLabel } from './buttonlabel.js';\nimport { type ViewCollection } from '../viewcollection.js';\n\nimport { IconCheck } from '@ckeditor/ckeditor5-icons';\nimport { ButtonView } from './buttonview.js';\nimport { ButtonLabelView } from './buttonlabelview.js';\nimport { IconView } from '../icon/iconview.js';\nimport { View } from '../view.js';\n\nimport '../../theme/components/button/listitembutton.css';\n\n/**\n * Button that is used as dropdown list item entry.\n */\nexport class ListItemButtonView extends ButtonView {\n\t/**\n\t * Indicates whether the button view has reserved space for a check holder.\n\t *\n\t * @observable\n\t */\n\tdeclare public hasCheckSpace: boolean;\n\n\t/**\n\t * The flag that indicates if the button should render a check holder.\n\t *\n\t * @internal\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _hasCheck: boolean;\n\n\t/**\n\t * Holds the view for the check icon of a button list item.\n\t */\n\tprivate readonly _checkIconHolderView = new CheckIconHolderView();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale, labelView: ButtonLabel = new ButtonLabelView() ) {\n\t\tsuper( locale, labelView );\n\n\t\tthis.set( {\n\t\t\thasCheckSpace: false,\n\t\t\t_hasCheck: this.isToggleable\n\t\t} );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-list-item-button',\n\t\t\t\t\tbind.if( 'isToggleable', 'ck-list-item-button_toggleable' )\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\n\t\tthis.bind( '_hasCheck' ).to(\n\t\t\tthis, 'hasCheckSpace',\n\t\t\tthis, 'isToggleable',\n\t\t\t( hasCheckSpace, isToggleable ) => hasCheckSpace || isToggleable\n\t\t);\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tif ( this._hasCheck ) {\n\t\t\tthis.children.add( this._checkIconHolderView, 0 );\n\t\t}\n\n\t\tthis._watchCheckIconHolderMount();\n\t}\n\n\t/**\n\t * Renders the check icon if the button is toggleable.\n\t */\n\tprivate _watchCheckIconHolderMount() {\n\t\tthis._checkIconHolderView\n\t\t\t.bind( 'isOn' )\n\t\t\t.to( this, 'isOn', value => this.isToggleable && value );\n\n\t\tthis.on<ObservableChangeEvent<boolean>>(\n\t\t\t'change:_hasCheck',\n\t\t\t( evt, propertyName, hasCheck ) => {\n\t\t\t\tconst { children, _checkIconHolderView } = this;\n\n\t\t\t\tif ( hasCheck ) {\n\t\t\t\t\tchildren.add( _checkIconHolderView, 0 );\n\t\t\t\t} else {\n\t\t\t\t\tchildren.remove( _checkIconHolderView );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n}\n\n/**\n * @internal\n */\nexport class CheckIconHolderView extends View {\n\t/**\n\t * Collection of child views.\n\t */\n\tpublic readonly children: ViewCollection<View>;\n\n\t/**\n\t * Indicates whether the button is in the \"on\" state.\n\t */\n\tdeclare public isOn: boolean;\n\n\t/**\n\t * The view for the check icon of the button list item.\n\t */\n\tprivate readonly _checkIconView: IconView = this._createCheckIconView();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.children = this.createCollection();\n\n\t\tthis.set( 'isOn', false );\n\t\tthis.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tchildren: this.children,\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-list-item-button__check-holder',\n\t\t\t\t\tbind.to( 'isOn', isOn => isOn ? 'ck-on' : 'ck-off' )\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tif ( this.isOn ) {\n\t\t\tthis.children.add( this._checkIconView, 0 );\n\t\t}\n\n\t\tthis._watchCheckIconMount();\n\t}\n\n\t/**\n\t * Renders the check icon if the button is toggleable.\n\t */\n\tprivate _watchCheckIconMount() {\n\t\tthis.on<ObservableChangeEvent<boolean>>( 'change:isOn', ( evt, propertyName, isOn ) => {\n\t\t\tconst { children, _checkIconView } = this;\n\n\t\t\tif ( isOn && !children.has( _checkIconView ) ) {\n\t\t\t\tchildren.add( _checkIconView );\n\t\t\t} else if ( !isOn && children.has( _checkIconView ) ) {\n\t\t\t\tchildren.remove( _checkIconView );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a check icon view.\n\t */\n\tprivate _createCheckIconView() {\n\t\tconst iconView = new IconView();\n\n\t\ticonView.content = IconCheck;\n\t\ticonView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-list-item-button__check-icon'\n\t\t\t}\n\t\t} );\n\n\t\treturn iconView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/menubar/menubarmenulistitembuttonview\n */\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\nimport { ListItemButtonView } from '../button/listitembuttonview.js';\n\nimport '../../theme/components/menubar/menubarmenulistitembutton.css';\n\n/**\n * A menu bar list button view. Buttons like this one execute user actions.\n */\nexport class MenuBarMenuListItemButtonView extends ListItemButtonView {\n\t/**\n\t * Creates an instance of the menu bar list button view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.set( {\n\t\t\twithText: true,\n\t\t\twithKeystroke: true,\n\t\t\ttooltip: false,\n\t\t\trole: 'menuitem'\n\t\t} );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck-menu-bar__menu__item__button' ]\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editorui/accessibilityhelp/accessibilityhelp\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { IconAccessibility } from '@ckeditor/ckeditor5-icons';\nimport { ButtonView } from '../../button/buttonview.js';\nimport { Dialog } from '../../dialog/dialog.js';\nimport { MenuBarMenuListItemButtonView } from '../../menubar/menubarmenulistitembuttonview.js';\nimport { AccessibilityHelpContentView } from './accessibilityhelpcontentview.js';\nimport { getEnvKeystrokeText } from '@ckeditor/ckeditor5-utils';\nimport type { EditorUIReadyEvent } from '../../editorui/editorui.js';\nimport type { AddRootEvent } from '@ckeditor/ckeditor5-editor-multi-root';\nimport type { ViewDowncastWriter, ViewRootEditableElement } from '@ckeditor/ckeditor5-engine';\n\nimport '../../../theme/components/editorui/accessibilityhelp.css';\n\n/**\n * A plugin that brings the accessibility help dialog to the editor available under the <kbd>Alt</kbd>+<kbd>0</kbd>\n * keystroke and via the \"Accessibility help\" toolbar button. The dialog displays a list of keystrokes that can be used\n * by the user to perform various actions in the editor.\n *\n * Keystroke information is loaded from {@link module:core/accessibility~Accessibility#keystrokeInfos}. New entries can be\n * added using the API provided by the {@link module:core/accessibility~Accessibility} class.\n */\nexport class AccessibilityHelp extends Plugin {\n\t/**\n\t * The view that displays the dialog content (list of keystrokes).\n\t * Created when the dialog is opened for the first time.\n\t */\n\tpublic contentView: AccessibilityHelpContentView | null = null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Dialog ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'AccessibilityHelp' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\n\t\teditor.ui.componentFactory.add( 'accessibilityHelp', () => {\n\t\t\tconst button = this._createButton( ButtonView );\n\n\t\t\tbutton.set( {\n\t\t\t\ttooltip: true,\n\t\t\t\twithText: false,\n\t\t\t\tlabel: t( 'Accessibility help' )\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:accessibilityHelp', () => {\n\t\t\tconst button = this._createButton( MenuBarMenuListItemButtonView );\n\n\t\t\tbutton.label = t( 'Accessibility' );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.keystrokes.set( 'Alt+0', ( evt, cancel ) => {\n\t\t\tthis._toggleDialog();\n\t\t\tcancel();\n\t\t} );\n\n\t\tthis._setupRootLabels();\n\t}\n\n\t/**\n\t * Creates a button to show accessibility help dialog, for use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst dialog = editor.plugins.get( 'Dialog' );\n\t\tconst locale = editor.locale;\n\t\tconst view = new ButtonClass( locale ) as InstanceType<T>;\n\n\t\tview.set( {\n\t\t\tkeystroke: 'Alt+0',\n\t\t\ticon: IconAccessibility,\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\tview.on( 'execute', () => this._toggleDialog() );\n\t\tview.bind( 'isOn' ).to( dialog, 'id', id => id === 'accessibilityHelp' );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Injects a help text into each editing root's `aria-label` attribute allowing assistive technology users\n\t * to discover the availability of the Accessibility help dialog.\n\t */\n\tprivate _setupRootLabels(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst t = editor.t;\n\n\t\teditor.ui.on<EditorUIReadyEvent>( 'ready', () => {\n\t\t\teditingView.change( writer => {\n\t\t\t\tfor ( const root of editingView.document.roots ) {\n\t\t\t\t\taddAriaLabelTextToRoot( writer, root );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\teditor.on<AddRootEvent>( 'addRoot', ( evt, modelRoot ) => {\n\t\t\t\tconst viewRoot = editor.editing.view.document.getRoot( modelRoot.rootName )!;\n\n\t\t\t\teditingView.change( writer => addAriaLabelTextToRoot( writer, viewRoot ) );\n\t\t\t}, { priority: 'low' } );\n\t\t} );\n\n\t\tfunction addAriaLabelTextToRoot( writer: ViewDowncastWriter, viewRoot: ViewRootEditableElement ) {\n\t\t\tconst currentAriaLabel = viewRoot.getAttribute( 'aria-label' );\n\t\t\tconst newAriaLabel = [ currentAriaLabel, t( 'Press %0 for help.', [ getEnvKeystrokeText( 'Alt+0' ) ] ) ]\n\t\t\t\t.filter( segment => segment )\n\t\t\t\t.join( '. ' );\n\n\t\t\twriter.setAttribute( 'aria-label', newAriaLabel, viewRoot );\n\t\t}\n\t}\n\n\t/**\n\t * Shows the accessibility help dialog. Also, creates {@link #contentView} on demand.\n\t */\n\tprivate _toggleDialog(): void {\n\t\tconst editor = this.editor;\n\t\tconst dialog = editor.plugins.get( 'Dialog' );\n\t\tconst t = editor.locale.t;\n\n\t\tif ( !this.contentView ) {\n\t\t\tthis.contentView = new AccessibilityHelpContentView( editor.locale, editor.accessibility.keystrokeInfos );\n\t\t}\n\n\t\tif ( dialog.id === 'accessibilityHelp' ) {\n\t\t\tdialog.hide();\n\t\t} else {\n\t\t\tdialog.show( {\n\t\t\t\tid: 'accessibilityHelp',\n\t\t\t\tclassName: 'ck-accessibility-help-dialog',\n\t\t\t\ttitle: t( 'Accessibility help' ),\n\t\t\t\ticon: IconAccessibility,\n\t\t\t\thasCloseButton: true,\n\t\t\t\tcontent: this.contentView\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editorui/bodycollection\n */\n\nimport { Template } from '../template.js';\nimport { ViewCollection } from '../viewcollection.js';\nimport { type View } from '../view.js';\n\nimport { createElement, type Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * This is a special {@link module:ui/viewcollection~ViewCollection} dedicated to elements that are detached from the DOM structure of\n * the editor, like floating panels, floating toolbars, dialogs, etc.\n *\n * The body collection is available under the {@link module:ui/editorui/editoruiview~EditorUIView#body `editor.ui.view.body`} property.\n * Any plugin can add a {@link module:ui/view~View view} to this collection.\n *\n * All views added to a body collection render in a dedicated DOM container (`<div class=\"ck ck-body ...\">...</div>`). All body collection\n * containers render in a common shared (`<div class=\"ck-body-wrapper\">...</div>`) in the DOM to limit the pollution of\n * the `<body>` element. The resulting DOM structure is as follows:\n *\n * ```html\n * <body>\n * \t<!-- Content of the webpage... -->\n *\n * \t<!-- The shared wrapper for all body collection containers. -->\n * \t<div class=\"ck-body-wrapper\">\n * \t\t<!-- The container of the first body collection instance. -->\n * \t\t<div class=\"ck ck-body ...\">\n * \t\t\t<!-- View elements belonging to the first body collection -->\n * \t\t</div>\n *\n * \t\t<!-- The container of the second body collection instance. -->\n * \t\t<div class=\"ck ck-body ...\">...</div>\n *\n * \t\t<!-- More body collection containers for the rest of instances... -->\n * \t</div>\n * </body>\n * ```\n *\n * By default, the {@link module:ui/editorui/editoruiview~EditorUIView `editor.ui.view`} manages the life cycle of the\n * {@link module:ui/editorui/editoruiview~EditorUIView#body `editor.ui.view.body`} collection, attaching and detaching it\n * when the editor gets created or {@link module:core/editor/editor~Editor#destroy destroyed}.\n *\n * # Custom body collection instances\n *\n * Even though most editor instances come with a built-in body collection\n * ({@link module:ui/editorui/editoruiview~EditorUIView#body `editor.ui.view.body`}), you can create your own instance of this\n * class if you need to control their life cycle.\n *\n * The life cycle of a custom body collection must be handled manually by the developer using the dedicated API:\n * * A body collection will render itself automatically in the DOM as soon as you call {@link ~BodyCollection#attachToDom}.\n * * Calling {@link ~BodyCollection#detachFromDom} will remove the collection from the DOM.\n *\n * **Note**: The shared collection wrapper (`<div class=\"ck-body-wrapper\">...</div>`) gets automatically removed from DOM when the\n * last body collection is {@link ~BodyCollection#detachFromDom detached} and does not require any special handling.\n */\nexport class BodyCollection extends ViewCollection {\n\t/**\n\t * The {@link module:core/editor/editor~Editor#locale editor's locale} instance.\n\t * See the view {@link module:ui/view~View#locale locale} property.\n\t */\n\tpublic readonly locale: Locale;\n\n\t/**\n\t * The element holding elements of the body collection.\n\t */\n\tprivate _bodyCollectionContainer?: HTMLElement;\n\n\t/**\n\t * The wrapper element that holds all of the {@link #_bodyCollectionContainer} elements.\n\t */\n\tprivate static _bodyWrapper?: HTMLElement;\n\n\t/**\n\t * Creates a new instance of the {@link module:ui/editorui/bodycollection~BodyCollection}.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor editor's locale} instance.\n\t * @param initialItems The initial items of the collection.\n\t */\n\tconstructor( locale: Locale, initialItems: Iterable<View> = [] ) {\n\t\tsuper( initialItems );\n\n\t\tthis.locale = locale;\n\t}\n\n\t/**\n\t * The element holding elements of the body collection.\n\t */\n\tpublic get bodyCollectionContainer(): HTMLElement | undefined {\n\t\treturn this._bodyCollectionContainer;\n\t}\n\n\t/**\n\t * Attaches the body collection to the DOM body element. You need to execute this method to render the content of\n\t * the body collection.\n\t */\n\tpublic attachToDom(): void {\n\t\tthis._bodyCollectionContainer = new Template( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-reset_all',\n\t\t\t\t\t'ck-body',\n\t\t\t\t\t'ck-rounded-corners'\n\t\t\t\t],\n\t\t\t\tdir: this.locale.uiLanguageDirection,\n\t\t\t\trole: 'application'\n\t\t\t},\n\t\t\tchildren: this\n\t\t} ).render() as HTMLElement;\n\n\t\t// Create a shared wrapper if there were none or the previous one got disconnected from DOM.\n\t\tif ( !BodyCollection._bodyWrapper || !BodyCollection._bodyWrapper.isConnected ) {\n\t\t\tBodyCollection._bodyWrapper = createElement( document, 'div', { class: 'ck-body-wrapper' } );\n\t\t\tdocument.body.appendChild( BodyCollection._bodyWrapper );\n\t\t}\n\n\t\tBodyCollection._bodyWrapper.appendChild( this._bodyCollectionContainer );\n\t}\n\n\t/**\n\t * Detaches the collection from the DOM structure. Use this method when you do not need to use the body collection\n\t * anymore to clean-up the DOM structure.\n\t */\n\tpublic detachFromDom(): void {\n\t\tsuper.destroy();\n\n\t\tif ( this._bodyCollectionContainer ) {\n\t\t\tthis._bodyCollectionContainer.remove();\n\t\t}\n\n\t\tif ( BodyCollection._bodyWrapper && !BodyCollection._bodyWrapper.childElementCount ) {\n\t\t\tBodyCollection._bodyWrapper.remove();\n\t\t\tdelete BodyCollection._bodyWrapper;\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/panel/balloon/balloonpanelview\n */\n\nimport { View } from '../../view.js';\nimport { type ViewCollection } from '../../viewcollection.js';\n\nimport {\n\tgetOptimalPosition,\n\tglobal,\n\tisRange,\n\ttoUnit,\n\tisVisible,\n\tisText,\n\tResizeObserver,\n\ttype Locale,\n\ttype ObservableChangeEvent,\n\ttype DomPoint,\n\ttype DomOptimalPositionOptions,\n\tRect,\n\ttype PositioningFunction\n} from '@ckeditor/ckeditor5-utils';\n\nimport { isElement } from 'es-toolkit/compat';\nimport '../../../theme/components/panel/balloonpanel.css';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n// A static balloon panel positioning function that moves the balloon far off the viewport.\n// It is used as a fallback when there is no way to position the balloon using provided\n// positioning functions (see: `getOptimalPosition()`), for instance, when the target the\n// balloon should be attached to gets obscured by scrollable containers or the viewport.\n//\n// It prevents the balloon from being attached to the void and possible degradation of the UX.\n// At the same time, it keeps the balloon physically visible in the DOM so the focus remains\n// uninterrupted.\nconst POSITION_OFF_SCREEN: DomPoint = {\n\ttop: -99999,\n\tleft: -99999,\n\tname: 'arrowless',\n\tconfig: {\n\t\twithArrow: false\n\t}\n};\n\n/**\n * The balloon panel view class.\n *\n * A floating container which can\n * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#pin pin} to any\n * {@link module:utils/dom/position~DomOptimalPositionOptions#target target} in the DOM and remain in that position\n * e.g. when the web page is scrolled.\n *\n * The balloon panel can be used to display contextual, non-blocking UI like forms, toolbars and\n * the like in its {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#content} view\n * collection.\n *\n * There is a number of {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}\n * that the balloon can use, automatically switching from one to another when the viewport space becomes\n * scarce to keep the balloon visible to the user as long as it is possible. The balloon will also\n * accept any custom position set provided by the user compatible with the\n * {@link module:utils/dom/position~DomOptimalPositionOptions options}.\n *\n * ```ts\n * const panel = new BalloonPanelView( locale );\n * const childView = new ChildView();\n * const positions = BalloonPanelView.defaultPositions;\n *\n * panel.render();\n *\n * // Add a child view to the panel's content collection.\n * panel.content.add( childView );\n *\n * // Start pinning the panel to an element with the \"target\" id DOM.\n * // The balloon will remain pinned until unpin() is called.\n * panel.pin( {\n * \ttarget: document.querySelector( '#target' ),\n * \tpositions: [\n * \t\tpositions.northArrowSouth,\n * \t\tpositions.southArrowNorth\n * \t]\n * } );\n * ```\n */\nexport class BalloonPanelView extends View {\n\t/**\n\t * A collection of the child views that creates the balloon panel contents.\n\t */\n\tpublic readonly content: ViewCollection;\n\n\t/**\n\t * The absolute top position of the balloon panel in pixels.\n\t *\n\t * @observable\n\t * @default 0\n\t */\n\tdeclare public top: number;\n\n\t/**\n\t * The absolute left position of the balloon panel in pixels.\n\t *\n\t * @observable\n\t * @default 0\n\t */\n\tdeclare public left: number;\n\n\t/**\n\t * The balloon panel's current position. The position name is reflected in the CSS class set\n\t * to the balloon, i.e. `.ck-balloon-panel_arrow_nw` for the \"arrow_nw\" position. The class\n\t * controls the minor aspects of the balloon's visual appearance like the placement\n\t * of an {@link #withArrow arrow}. To support a new position, an additional CSS must be created.\n\t *\n\t * Default position names correspond with\n\t * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.\n\t *\n\t * See the {@link #attachTo} and {@link #pin} methods to learn about custom balloon positions.\n\t *\n\t * @observable\n\t * @default 'arrow_nw'\n\t */\n\tdeclare public position: 'arrow_nw' | 'arrow_ne' | 'arrow_sw' | 'arrow_se';\n\n\t/**\n\t * Controls whether the balloon panel is visible or not.\n\t *\n\t * @observable\n\t * @default false\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * Controls whether the balloon panel has an arrow. The presence of the arrow\n\t * is reflected in the `ck-balloon-panel_with-arrow` CSS class.\n\t *\n\t * @observable\n\t * @default true\n\t */\n\tdeclare public withArrow: boolean;\n\n\t/**\n\t * An additional CSS class added to the {@link #element}.\n\t *\n\t * @observable\n\t */\n\tdeclare public class: string | undefined;\n\n\t/**\n\t * A callback that starts pinning the panel when {@link #isVisible} gets\n\t * `true`. Used by {@link #pin}.\n\t *\n\t * @private\n\t */\n\tprivate _pinWhenIsVisibleCallback: ( () => void ) | null;\n\n\t/**\n\t * An instance of resize observer used to detect if target element is still visible.\n\t */\n\tprivate _resizeObserver: ResizeObserver | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'top', 0 );\n\t\tthis.set( 'left', 0 );\n\t\tthis.set( 'position', 'arrow_nw' );\n\t\tthis.set( 'isVisible', false );\n\t\tthis.set( 'withArrow', true );\n\t\tthis.set( 'class', undefined );\n\n\t\tthis._pinWhenIsVisibleCallback = null;\n\t\tthis._resizeObserver = null;\n\n\t\tthis.content = this.createCollection();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-balloon-panel',\n\t\t\t\t\tbind.to( 'position', value => `ck-balloon-panel_${ value }` ),\n\t\t\t\t\tbind.if( 'isVisible', 'ck-balloon-panel_visible' ),\n\t\t\t\t\tbind.if( 'withArrow', 'ck-balloon-panel_with-arrow' ),\n\t\t\t\t\tbind.to( 'class' )\n\t\t\t\t],\n\n\t\t\t\tstyle: {\n\t\t\t\t\ttop: bind.to( 'top', toPx ),\n\t\t\t\t\tleft: bind.to( 'left', toPx )\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tchildren: this.content\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis.hide();\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Shows the panel.\n\t *\n\t * See {@link #isVisible}.\n\t */\n\tpublic show(): void {\n\t\tthis.isVisible = true;\n\t}\n\n\t/**\n\t * Hides the panel.\n\t *\n\t * See {@link #isVisible}.\n\t */\n\tpublic hide(): void {\n\t\tthis.isVisible = false;\n\t}\n\n\t/**\n\t * Attaches the panel to a specified {@link module:utils/dom/position~DomOptimalPositionOptions#target} with a\n\t * smart positioning heuristics that chooses from available positions to make sure the panel\n\t * is visible to the user i.e. within the limits of the viewport.\n\t *\n\t * This method accepts configuration {@link module:utils/dom/position~DomOptimalPositionOptions options}\n\t * to set the `target`, optional `limiter` and `positions` the balloon should choose from.\n\t *\n\t * ```ts\n\t * const panel = new BalloonPanelView( locale );\n\t * const positions = BalloonPanelView.defaultPositions;\n\t *\n\t * panel.render();\n\t *\n\t * // Attach the panel to an element with the \"target\" id DOM.\n\t * panel.attachTo( {\n\t * \ttarget: document.querySelector( '#target' ),\n\t * \tpositions: [\n\t * \t\tpositions.northArrowSouth,\n\t * \t\tpositions.southArrowNorth\n\t * \t]\n\t * } );\n\t * ```\n\t *\n\t * **Note**: Attaching the panel will also automatically {@link #show} it.\n\t *\n\t * **Note**: An attached panel will not follow its target when the window is scrolled or resized.\n\t * See the {@link #pin} method for a more permanent positioning strategy.\n\t *\n\t * @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}.\n\t * Default `positions` array is {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.\n\t * @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target\n\t * provided in the options is invisible (e.g. element detached from DOM).\n\t */\n\tpublic attachTo( options: Partial<DomOptimalPositionOptions> ): boolean {\n\t\tconst target = getDomElement( options.target );\n\n\t\tif ( target && !isVisible( target ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.show();\n\n\t\tconst defaultPositions = BalloonPanelView.defaultPositions;\n\t\tconst positionOptions = Object.assign( {}, {\n\t\t\telement: this.element,\n\t\t\tpositions: [\n\t\t\t\tdefaultPositions.southArrowNorth,\n\t\t\t\tdefaultPositions.southArrowNorthMiddleWest,\n\t\t\t\tdefaultPositions.southArrowNorthMiddleEast,\n\t\t\t\tdefaultPositions.southArrowNorthWest,\n\t\t\t\tdefaultPositions.southArrowNorthEast,\n\t\t\t\tdefaultPositions.northArrowSouth,\n\t\t\t\tdefaultPositions.northArrowSouthMiddleWest,\n\t\t\t\tdefaultPositions.northArrowSouthMiddleEast,\n\t\t\t\tdefaultPositions.northArrowSouthWest,\n\t\t\t\tdefaultPositions.northArrowSouthEast,\n\t\t\t\tdefaultPositions.viewportStickyNorth\n\t\t\t],\n\t\t\tlimiter: global.document.body,\n\t\t\tfitInViewport: true\n\t\t}, options ) as DomOptimalPositionOptions;\n\n\t\tconst optimalPosition = BalloonPanelView._getOptimalPosition( positionOptions ) || POSITION_OFF_SCREEN;\n\n\t\t// Usually browsers make some problems with super accurate values like 104.345px\n\t\t// so it is better to use int values.\n\t\tconst left = parseInt( optimalPosition.left as any );\n\t\tconst top = parseInt( optimalPosition.top as any );\n\n\t\tconst position = optimalPosition.name as this[ 'position' ];\n\t\tconst config: { withArrow?: boolean } = optimalPosition.config || {};\n\t\tconst { withArrow = true } = config;\n\n\t\tthis.top = top;\n\t\tthis.left = left;\n\t\tthis.position = position;\n\t\tthis.withArrow = withArrow;\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Works the same way as the {@link #attachTo} method except that the position of the panel is\n\t * continuously updated when:\n\t *\n\t * * any ancestor of the {@link module:utils/dom/position~DomOptimalPositionOptions#target}\n\t * or {@link module:utils/dom/position~DomOptimalPositionOptions#limiter} is scrolled,\n\t * * the browser window gets resized or scrolled.\n\t *\n\t * Thanks to that, the panel always sticks to the {@link module:utils/dom/position~DomOptimalPositionOptions#target}\n\t * and is immune to the changing environment.\n\t *\n\t * ```ts\n\t * const panel = new BalloonPanelView( locale );\n\t * const positions = BalloonPanelView.defaultPositions;\n\t *\n\t * panel.render();\n\t *\n\t * // Pin the panel to an element with the \"target\" id DOM.\n\t * panel.pin( {\n\t * \ttarget: document.querySelector( '#target' ),\n\t * \tpositions: [\n\t * \t\tpositions.northArrowSouth,\n\t * \t\tpositions.southArrowNorth\n\t * \t]\n\t * } );\n\t * ```\n\t *\n\t * To leave the pinned state, use the {@link #unpin} method.\n\t *\n\t * **Note**: Pinning the panel will also automatically {@link #show} it.\n\t *\n\t * @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}.\n\t * Default `positions` array is {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.\n\t */\n\tpublic pin( options: Partial<DomOptimalPositionOptions> ): void {\n\t\tthis.unpin();\n\n\t\tif ( !this._startPinning( options ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._pinWhenIsVisibleCallback = () => {\n\t\t\tif ( this.isVisible ) {\n\t\t\t\tthis._startPinning( options );\n\t\t\t} else {\n\t\t\t\tthis._stopPinning();\n\t\t\t}\n\t\t};\n\n\t\t// Control the state of the listeners depending on whether the panel is visible\n\t\t// or not.\n\t\t// TODO: Use on() (https://github.com/ckeditor/ckeditor5-utils/issues/144).\n\t\tthis.listenTo<ObservableChangeEvent>( this, 'change:isVisible', this._pinWhenIsVisibleCallback );\n\t}\n\n\t/**\n\t * Stops pinning the panel, as set up by {@link #pin}.\n\t */\n\tpublic unpin(): void {\n\t\tif ( this._pinWhenIsVisibleCallback ) {\n\t\t\t// Deactivate listeners attached by pin().\n\t\t\tthis._stopPinning();\n\n\t\t\t// Deactivate the panel pin() control logic.\n\t\t\t// TODO: Use off() (https://github.com/ckeditor/ckeditor5-utils/issues/144).\n\t\t\tthis.stopListening( this, 'change:isVisible', this._pinWhenIsVisibleCallback );\n\n\t\t\tthis._pinWhenIsVisibleCallback = null;\n\n\t\t\tthis.hide();\n\t\t}\n\t}\n\n\t/**\n\t * Starts managing the pinned state of the panel. See {@link #pin}.\n\t *\n\t * @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}.\n\t * @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target\n\t * provided in the options is invisible (e.g. element detached from DOM).\n\t */\n\tprivate _startPinning( options: Partial<DomOptimalPositionOptions> ): boolean {\n\t\tif ( !this.attachTo( options ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet targetElement = getDomElement( options.target );\n\t\tconst limiterElement = options.limiter ? getDomElement( options.limiter ) : global.document.body;\n\n\t\t// Then we need to listen on scroll event of eny element in the document.\n\t\tthis.listenTo( global.document, 'scroll', ( evt, domEvt ) => {\n\t\t\tconst scrollTarget = domEvt.target as Element;\n\n\t\t\t// The position needs to be updated if the positioning target is within the scrolled element.\n\t\t\tconst isWithinScrollTarget = targetElement && scrollTarget.contains( targetElement );\n\n\t\t\t// The position needs to be updated if the positioning limiter is within the scrolled element.\n\t\t\tconst isLimiterWithinScrollTarget = limiterElement && scrollTarget.contains( limiterElement );\n\n\t\t\t// The positioning target and/or limiter can be a Rect, object etc..\n\t\t\t// There's no way to optimize the listener then.\n\t\t\tif ( isWithinScrollTarget || isLimiterWithinScrollTarget || !targetElement || !limiterElement ) {\n\t\t\t\tthis.attachTo( options );\n\t\t\t}\n\t\t}, { useCapture: true } );\n\n\t\t// We need to listen on window resize event and update position.\n\t\tthis.listenTo( global.window, 'resize', () => {\n\t\t\tthis.attachTo( options );\n\t\t} );\n\n\t\t// Hide the panel if the target element is no longer visible.\n\t\tif ( !this._resizeObserver ) {\n\t\t\t// If the target element is a text node, we need to check the parent element.\n\t\t\t// It's because `ResizeObserver` accept only elements, not text nodes.\n\t\t\tif ( targetElement && isText( targetElement ) ) {\n\t\t\t\ttargetElement = targetElement.parentElement;\n\t\t\t}\n\n\t\t\tif ( targetElement ) {\n\t\t\t\tconst checkVisibility = () => {\n\t\t\t\t\t// If the target element is no longer visible, hide the panel.\n\t\t\t\t\tif ( !isVisible( targetElement ) ) {\n\t\t\t\t\t\tthis.unpin();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\t// Element is being resized to 0x0 after it's parent became hidden,\n\t\t\t\t// so we need to check size in order to determine if it's visible or not.\n\t\t\t\tthis._resizeObserver = new ResizeObserver( targetElement, checkVisibility );\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Stops managing the pinned state of the panel. See {@link #pin}.\n\t */\n\tprivate _stopPinning(): void {\n\t\tthis.stopListening( global.document, 'scroll' );\n\t\tthis.stopListening( global.window, 'resize' );\n\n\t\tif ( this._resizeObserver ) {\n\t\t\tthis._resizeObserver.destroy();\n\t\t\tthis._resizeObserver = null;\n\t\t}\n\t}\n\n\t/**\n\t * Returns available {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView}\n\t * {@link module:utils/dom/position~PositioningFunction positioning functions} adjusted by the specific offsets.\n\t *\n\t * @internal\n\t * @param options Options to generate positions. If not specified, this helper will simply return\n\t * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}.\n\t * @param options.sideOffset A custom side offset (in pixels) of each position. If\n\t * not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.arrowSideOffset the default value}\n\t * will be used.\n\t * @param options.heightOffset A custom height offset (in pixels) of each position. If\n\t * not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.arrowHeightOffset the default value}\n\t * will be used.\n\t * @param options.stickyVerticalOffset A custom offset (in pixels) of the `viewportStickyNorth` positioning function.\n\t * If not specified, {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.stickyVerticalOffset the default value}\n\t * will be used.\n\t * @param options.config Additional configuration of the balloon balloon panel view.\n\t * Currently only {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#withArrow} is supported. Learn more\n\t * about {@link module:utils/dom/position~PositioningFunction positioning functions}.\n\t */\n\tpublic static generatePositions( options: {\n\t\tsideOffset?: number;\n\t\theightOffset?: number;\n\t\tstickyVerticalOffset?: number;\n\t\tconfig?: object;\n\t} = {} ): Record<string, PositioningFunction> {\n\t\tconst {\n\t\t\tsideOffset = BalloonPanelView.arrowSideOffset,\n\t\t\theightOffset = BalloonPanelView.arrowHeightOffset,\n\t\t\tstickyVerticalOffset = BalloonPanelView.stickyVerticalOffset,\n\t\t\tconfig\n\t\t} = options;\n\n\t\treturn {\n\t\t\t// ------- North west\n\n\t\t\tnorthWestArrowSouthWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left - sideOffset,\n\t\t\t\tname: 'arrow_sw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthWestArrowSouthMiddleWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left - ( balloonRect.width * .25 ) - sideOffset,\n\t\t\t\tname: 'arrow_smw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthWestArrowSouth: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left - balloonRect.width / 2,\n\t\t\t\tname: 'arrow_s',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthWestArrowSouthMiddleEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left - ( balloonRect.width * .75 ) + sideOffset,\n\t\t\t\tname: 'arrow_sme',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthWestArrowSouthEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left - balloonRect.width + sideOffset,\n\t\t\t\tname: 'arrow_se',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\t// ------- North\n\n\t\t\tnorthArrowSouthWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - sideOffset,\n\t\t\t\tname: 'arrow_sw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthArrowSouthMiddleWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - ( balloonRect.width * .25 ) - sideOffset,\n\t\t\t\tname: 'arrow_smw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthArrowSouth: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,\n\t\t\t\tname: 'arrow_s',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthArrowSouthMiddleEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - ( balloonRect.width * .75 ) + sideOffset,\n\t\t\t\tname: 'arrow_sme',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthArrowSouthEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - balloonRect.width + sideOffset,\n\t\t\t\tname: 'arrow_se',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\t// ------- North east\n\n\t\t\tnorthEastArrowSouthWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.right - sideOffset,\n\t\t\t\tname: 'arrow_sw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthEastArrowSouthMiddleWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.right - ( balloonRect.width * .25 ) - sideOffset,\n\t\t\t\tname: 'arrow_smw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthEastArrowSouth: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.right - balloonRect.width / 2,\n\t\t\t\tname: 'arrow_s',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthEastArrowSouthMiddleEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.right - ( balloonRect.width * .75 ) + sideOffset,\n\t\t\t\tname: 'arrow_sme',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tnorthEastArrowSouthEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getNorthTop( targetRect, balloonRect ),\n\t\t\t\tleft: targetRect.right - balloonRect.width + sideOffset,\n\t\t\t\tname: 'arrow_se',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\t// ------- South west\n\n\t\t\tsouthWestArrowNorthWest: targetRect => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left - sideOffset,\n\t\t\t\tname: 'arrow_nw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthWestArrowNorthMiddleWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left - ( balloonRect.width * .25 ) - sideOffset,\n\t\t\t\tname: 'arrow_nmw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthWestArrowNorth: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left - balloonRect.width / 2,\n\t\t\t\tname: 'arrow_n',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthWestArrowNorthMiddleEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left - ( balloonRect.width * .75 ) + sideOffset,\n\t\t\t\tname: 'arrow_nme',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthWestArrowNorthEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left - balloonRect.width + sideOffset,\n\t\t\t\tname: 'arrow_ne',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\t// ------- South\n\n\t\t\tsouthArrowNorthWest: targetRect => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - sideOffset,\n\t\t\t\tname: 'arrow_nw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthArrowNorthMiddleWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - ( balloonRect.width * 0.25 ) - sideOffset,\n\t\t\t\tname: 'arrow_nmw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthArrowNorth: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,\n\t\t\t\tname: 'arrow_n',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthArrowNorthMiddleEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - ( balloonRect.width * 0.75 ) + sideOffset,\n\t\t\t\tname: 'arrow_nme',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthArrowNorthEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.left + targetRect.width / 2 - balloonRect.width + sideOffset,\n\t\t\t\tname: 'arrow_ne',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\t// ------- South east\n\n\t\t\tsouthEastArrowNorthWest: targetRect => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.right - sideOffset,\n\t\t\t\tname: 'arrow_nw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthEastArrowNorthMiddleWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.right - ( balloonRect.width * .25 ) - sideOffset,\n\t\t\t\tname: 'arrow_nmw',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthEastArrowNorth: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.right - balloonRect.width / 2,\n\t\t\t\tname: 'arrow_n',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthEastArrowNorthMiddleEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.right - ( balloonRect.width * .75 ) + sideOffset,\n\t\t\t\tname: 'arrow_nme',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\tsouthEastArrowNorthEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: getSouthTop( targetRect ),\n\t\t\t\tleft: targetRect.right - balloonRect.width + sideOffset,\n\t\t\t\tname: 'arrow_ne',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\t// ------- West\n\n\t\t\twestArrowEast: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: targetRect.top + targetRect.height / 2 - balloonRect.height / 2,\n\t\t\t\tleft: targetRect.left - balloonRect.width - heightOffset,\n\t\t\t\tname: 'arrow_e',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\t// ------- East\n\n\t\t\teastArrowWest: ( targetRect, balloonRect ) => ( {\n\t\t\t\ttop: targetRect.top + targetRect.height / 2 - balloonRect.height / 2,\n\t\t\t\tleft: targetRect.right + heightOffset,\n\t\t\t\tname: 'arrow_w',\n\t\t\t\t...( config && { config } )\n\t\t\t} ),\n\n\t\t\t// ------- Sticky\n\n\t\t\tviewportStickyNorth: ( targetRect, balloonRect, viewportRect ) => {\n\t\t\t\t// Get the intersection of the viewport and the document body.\n\t\t\t\tconst boundaryRect = new Rect( global.document.body ).getIntersection( viewportRect.getVisible()! );\n\n\t\t\t\tif ( !boundaryRect ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// Get the visible intersection of the boundary and the document body.\n\t\t\t\tconst visibleBoundaryRect = boundaryRect.getVisible()!;\n\n\t\t\t\t// Check if the target is in the boundary.\n\t\t\t\tif ( !targetRect.getIntersection( visibleBoundaryRect ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// Checks if there is enough space to put the balloon on the top or bottom of the target.\n\t\t\t\t// If not, makes the balloon sticky.\n\t\t\t\tif ( !(\n\t\t\t\t\tvisibleBoundaryRect.top - targetRect.top - stickyVerticalOffset < balloonRect.height &&\n\t\t\t\t\tvisibleBoundaryRect.bottom - targetRect.bottom < balloonRect.height\n\t\t\t\t) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\ttop: visibleBoundaryRect.top + stickyVerticalOffset,\n\t\t\t\t\tleft: targetRect.left + targetRect.width / 2 - balloonRect.width / 2,\n\t\t\t\t\tname: 'arrowless',\n\t\t\t\t\tconfig: {\n\t\t\t\t\t\twithArrow: false,\n\t\t\t\t\t\t...config\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Returns the top coordinate for positions starting with `north*`.\n\t\t *\n\t\t * @param targetRect A rect of the target.\n\t\t * @param balloonRect A rect of the balloon.\n\t\t */\n\t\tfunction getNorthTop( targetRect: Rect, balloonRect: Rect ) {\n\t\t\treturn targetRect.top - balloonRect.height - heightOffset;\n\t\t}\n\n\t\t/**\n\t\t * Returns the top coordinate for positions starting with `south*`.\n\t\t *\n\t\t * @param targetRect A rect of the target.\n\t\t */\n\t\tfunction getSouthTop( targetRect: Rect ) {\n\t\t\treturn targetRect.bottom + heightOffset;\n\t\t}\n\t}\n\n\t/**\n\t * A side offset of the arrow tip from the edge of the balloon. Controlled by CSS.\n\t *\n\t * ```\n\t *\t\t ┌───────────────────────┐\n\t *\t\t │                       │\n\t *\t\t │         Balloon       │\n\t *\t\t │         Content       │\n\t *\t\t │                       │\n\t *\t\t └──+    +───────────────┘\n\t *\t\t |   \\  /\n\t *\t\t |    \\/\n\t *\t\t>┼─────┼< ─────────────────────── side offset\n\t *\n\t * ```\n\t *\n\t * @default 25\n\t */\n\tpublic static arrowSideOffset = 25;\n\n\t/**\n\t * A height offset of the arrow from the edge of the balloon. Controlled by CSS.\n\t *\n\t * ```\n\t *\t\t ┌───────────────────────┐\n\t *\t\t │                       │\n\t *\t\t │         Balloon       │\n\t *\t\t │         Content       │      ╱-- arrow height offset\n\t *\t\t │                       │      V\n\t *\t\t └──+    +───────────────┘ --- ─┼───────\n\t *\t\t     \\  /                       │\n\t *\t\t      \\/                        │\n\t *\t\t────────────────────────────────┼───────\n\t *\t\t                                ^\n\t *\n\t *\n\t *\t\t>┼────┼<  arrow height offset\n\t *\t\t │    │\n\t *\t\t │    ┌────────────────────────┐\n\t *\t\t │    │                        │\n\t *\t\t │   ╱                         │\n\t *\t\t │ ╱            Balloon        │\n\t *\t\t │ ╲            Content        │\n\t *\t\t │   ╲                         │\n\t *\t\t │    │                        │\n\t *\t\t │    └────────────────────────┘\n\t * ```\n\t *\n\t * @default 10\n\t*/\n\tpublic static arrowHeightOffset = 10;\n\n\t/**\n\t * A vertical offset of the balloon panel from the edge of the viewport if sticky.\n\t * It helps in accessing toolbar buttons underneath the balloon panel.\n\t *\n\t * ```\n\t *\t\t  ┌───────────────────────────────────────────────────┐\n\t *\t\t  │                      Target                       │\n\t *\t\t  │                                                   │\n\t *\t\t  │                            /── vertical offset    │\n\t *\t\t┌─────────────────────────────V─────────────────────────┐\n\t *\t\t│ Toolbar            ┌─────────────┐                    │\n\t *\t\t├────────────────────│   Balloon   │────────────────────┤\n\t *\t\t│ │                  └─────────────┘                  │ │\n\t *\t\t│ │                                                   │ │\n\t *\t\t│ │                                                   │ │\n\t *\t\t│ │                                                   │ │\n\t *\t\t│ └───────────────────────────────────────────────────┘ │\n\t *\t\t│                        Viewport                       │\n\t *\t\t└───────────────────────────────────────────────────────┘\n\t * ```\n\t *\n\t * @default 20\n\t */\n\tpublic static stickyVerticalOffset = 20;\n\n\t/**\n\t * Function used to calculate the optimal position for the balloon.\n\t */\n\tprivate static _getOptimalPosition = getOptimalPosition;\n\n\t/**\n\t * A default set of positioning functions used by the balloon panel view\n\t * when attaching using the {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#attachTo} method.\n\t *\n\t * The available positioning functions are as follows:\n\t *\n\t * **North west**\n\t *\n\t * * `northWestArrowSouthWest`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t V\n\t *\t\t [ Target ]\n\t * ```\n\t *\n\t * * `northWestArrowSouthMiddleWest`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t    V\n\t *\t\t    [ Target ]\n\t * ```\n\t *\n\t * * `northWestArrowSouth`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t         V\n\t *\t\t         [ Target ]\n\t * ```\n\t *\n\t * * `northWestArrowSouthMiddleEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t             V\n\t *\t\t             [ Target ]\n\t * ```\n\t *\n\t * * `northWestArrowSouthEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t                 V\n\t *\t\t                 [ Target ]\n\t * ```\n\t *\n\t * **North**\n\t *\n\t * * `northArrowSouthWest`\n\t *\n\t * ```\n\t *\t\t    +-----------------+\n\t *\t\t    |     Balloon     |\n\t *\t\t    +-----------------+\n\t *\t\t     V\n\t *\t\t[ Target ]\n\t * ```\n\t *\n\t * * `northArrowSouthMiddleWest`\n\t *\n\t * ```\n\t *\t\t +-----------------+\n\t *\t\t |     Balloon     |\n\t *\t\t +-----------------+\n\t *\t\t     V\n\t *\t\t[ Target ]\n\t * ```\n\t * * `northArrowSouth`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t         V\n\t *\t\t    [ Target ]\n\t * ```\n\t *\n\t * * `northArrowSouthMiddleEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t             V\n\t *\t\t        [ Target ]\n\t * ```\n\t *\n\t * * `northArrowSouthEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t                V\n\t *\t\t           [ Target ]\n\t * ```\n\t *\n\t * **North east**\n\t *\n\t * * `northEastArrowSouthWest`\n\t *\n\t * ```\n\t *\t\t        +-----------------+\n\t *\t\t        |     Balloon     |\n\t *\t\t        +-----------------+\n\t *\t\t         V\n\t *\t\t[ Target ]\n\t * ```\n\t *\n\t * * `northEastArrowSouthMiddleWest`\n\t *\n\t * ```\n\t *\t\t     +-----------------+\n\t *\t\t     |     Balloon     |\n\t *\t\t     +-----------------+\n\t *\t\t         V\n\t *\t\t[ Target ]\n\t * ```\n\t *\n\t * * `northEastArrowSouth`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t         V\n\t *\t\t[ Target ]\n\t * ```\n\t *\n\t * * `northEastArrowSouthMiddleEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t             V\n\t *\t\t    [ Target ]\n\t * ```\n\t *\n\t * * `northEastArrowSouthEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t *\t\t                 V\n\t *\t\t        [ Target ]\n\t * ```\n\t *\n\t * **South**\n\t *\n\t * * `southArrowNorthWest`\n\t *\n\t * ```\n\t *\t\t[ Target ]\n\t *\t\t     ^\n\t *\t\t    +-----------------+\n\t *\t\t    |     Balloon     |\n\t *\t\t    +-----------------+\n\t * ```\n\t *\n\t * * `southArrowNorthMiddleWest`\n\t *\n\t * ```\n\t *\t\t   [ Target ]\n\t *\t\t        ^\n\t *\t\t    +-----------------+\n\t *\t\t    |     Balloon     |\n\t *\t\t    +-----------------+\n\t * ```\n\t *\n\t * * `southArrowNorth`\n\t *\n\t * ```\n\t *\t\t    [ Target ]\n\t *\t\t         ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southArrowNorthMiddleEast`\n\t *\n\t * ```\n\t *\t\t            [ Target ]\n\t *\t\t                 ^\n\t *\t\t   +-----------------+\n\t *\t\t   |     Balloon     |\n\t *\t\t   +-----------------+\n\t * ```\n\t *\n\t * * `southArrowNorthEast`\n\t *\n\t * ```\n\t *\t\t            [ Target ]\n\t *\t\t                 ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **South west**\n\t *\n\t * * `southWestArrowNorthWest`\n\t *\n\t *\n\t * ```\n\t *\t\t [ Target ]\n\t *\t\t ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southWestArrowNorthMiddleWest`\n\t *\n\t * ```\n\t *\t\t     [ Target ]\n\t *\t\t     ^\n\t *\t\t +-----------------+\n\t *\t\t |     Balloon     |\n\t *\t\t +-----------------+\n\t * ```\n\t *\n\t * * `southWestArrowNorth`\n\t *\n\t * ```\n\t *\t\t         [ Target ]\n\t *\t\t         ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southWestArrowNorthMiddleEast`\n\t *\n\t * ```\n\t *\t\t              [ Target ]\n\t *\t\t              ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southWestArrowNorthEast`\n\t *\n\t * ```\n\t *\t\t                 [ Target ]\n\t *\t\t                 ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **South east**\n\t *\n\t * * `southEastArrowNorthWest`\n\t *\n\t * ```\n\t *\t\t[ Target ]\n\t *\t\t         ^\n\t *\t\t        +-----------------+\n\t *\t\t        |     Balloon     |\n\t *\t\t        +-----------------+\n\t * ```\n\t *\n\t * * `southEastArrowNorthMiddleWest`\n\t *\n\t * ```\n\t *\t\t   [ Target ]\n\t *\t\t            ^\n\t *\t\t        +-----------------+\n\t *\t\t        |     Balloon     |\n\t *\t\t        +-----------------+\n\t * ```\n\t *\n\t * * `southEastArrowNorth`\n\t *\n\t * ```\n\t *\t\t[ Target ]\n\t *\t\t         ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southEastArrowNorthMiddleEast`\n\t *\n\t * ```\n\t *\t\t     [ Target ]\n\t *\t\t              ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southEastArrowNorthEast`\n\t *\n\t * ```\n\t *\t\t        [ Target ]\n\t *\t\t                 ^\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **West**\n\t *\n\t * * `westArrowEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|     Balloon     |>[ Target ]\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **East**\n\t *\n\t * * `eastArrowWest`\n\t *\n\t * ```\n\t *\t\t           +-----------------+\n\t *\t\t[ Target ]<|     Balloon     |\n\t *\t\t           +-----------------+\n\t * ```\n\t *\n\t * **Sticky**\n\t *\n\t * * `viewportStickyNorth`\n\t *\n\t * ```\n\t *\t\t    +---------------------------+\n\t *\t\t    |        [ Target ]         |\n\t *\t\t    |                           |\n\t *\t\t+-----------------------------------+\n\t *\t\t|   |    +-----------------+    |   |\n\t *\t\t|   |    |     Balloon     |    |   |\n\t *\t\t|   |    +-----------------+    |   |\n\t *\t\t|   |                           |   |\n\t *\t\t|   |                           |   |\n\t *\t\t|   |                           |   |\n\t *\t\t|   |                           |   |\n\t *\t\t|   +---------------------------+   |\n\t *\t\t|             Viewport              |\n\t *\t\t+-----------------------------------+\n\t * ```\n\t *\n\t * See {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView#attachTo}.\n\t *\n\t * Positioning functions must be compatible with {@link module:utils/dom/position~DomPoint}.\n\t *\n\t * Default positioning functions with customized offsets can be generated using\n\t * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.generatePositions}.\n\t *\n\t * The name that the position function returns will be reflected in the balloon panel's class that\n\t * controls the placement of the \"arrow\". See {@link #position} to learn more.\n\t */\n\tpublic static defaultPositions = /* #__PURE__ */ BalloonPanelView.generatePositions();\n}\n\n/**\n * Returns the DOM element for given object or null, if there is none,\n * e.g. when the passed object is a Rect instance or so.\n */\nfunction getDomElement( object: any ): HTMLElement | null {\n\tif ( isElement( object ) ) {\n\t\treturn object;\n\t}\n\n\tif ( isRange( object ) ) {\n\t\treturn object.commonAncestorContainer as any;\n\t}\n\n\tif ( typeof object == 'function' ) {\n\t\treturn getDomElement( object() );\n\t}\n\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/badge/badge\n */\n\nimport type { Editor } from '@ckeditor/ckeditor5-core';\n\nimport {\n\tRect,\n\tDomEmitterMixin,\n\ttype DomOptimalPositionOptions\n} from '@ckeditor/ckeditor5-utils';\n\nimport { type View } from '../view.js';\nimport { BalloonPanelView } from '../panel/balloon/balloonpanelview.js';\n\nimport { throttle } from 'es-toolkit/compat';\n\n// ⚠ Note, whenever changing the threshold, make sure to update the docs/support/managing-ckeditor-logo.md docs\n// as this information is also mentioned there ⚠.\nconst NARROW_ROOT_HEIGHT_THRESHOLD = 50;\nconst NARROW_ROOT_WIDTH_THRESHOLD = 350;\n\n/**\n * A helper that enables the badge feature in the editor and renders a custom view next to the bottom of the editable element\n * (editor root, source editing area, etc.) when the editor is focused.\n *\n * @private\n */\nexport abstract class Badge extends /* #__PURE__ */ DomEmitterMixin() {\n\t/**\n\t * Editor instance the helper was created for.\n\t */\n\tprotected readonly editor: Editor;\n\n\t/**\n\t * A reference to the balloon panel hosting and positioning the badge content.\n\t */\n\tprivate _balloonView: BalloonPanelView | null = null;\n\n\t/**\n\t * A throttled version of the {@link #_showBalloon} method meant for frequent use to avoid performance loss.\n\t */\n\tprivate _showBalloonThrottled = throttle( () => this._showBalloon(), 50, { leading: true } );\n\n\t/**\n\t * A reference to the last editable element (root, source editing area, etc.) focused by the user.\n\t * Since the focus can move to other focusable elements in the UI, this reference allows positioning the balloon over the\n\t * right element whether the user is typing or using the UI.\n\t */\n\tprivate _lastFocusedEditableElement: HTMLElement | null = null;\n\n\t/**\n\t * An additional CSS class added to the `BalloonView`.\n\t */\n\tprivate readonly _balloonClass: string | undefined;\n\n\t/**\n\t * Creates a badge for a given editor. The feature is initialized on Editor#ready\n\t * event.\n\t */\n\tprotected constructor( editor: Editor, options: { balloonClass?: string } = {} ) {\n\t\tsuper();\n\n\t\tthis.editor = editor;\n\t\tthis._balloonClass = options.balloonClass;\n\n\t\teditor.on( 'ready', () => this._handleEditorReady() );\n\t}\n\n\t/**\n\t * Destroys the badge along with its view.\n\t */\n\tpublic destroy(): void {\n\t\tconst balloon = this._balloonView;\n\n\t\tif ( balloon ) {\n\t\t\t// Balloon gets destroyed by the body collection.\n\t\t\t// The badge view gets destroyed by the balloon.\n\t\t\tballoon.unpin();\n\t\t\tthis._balloonView = null;\n\t\t}\n\n\t\tthis._showBalloonThrottled.cancel();\n\t\tthis.stopListening();\n\t}\n\n\t/**\n\t * Enables badge label once the editor (ui) is ready.\n\t */\n\tprotected _handleEditorReady(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !this._isEnabled() ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// No view means no body collection to append the badge balloon to.\n\t\tif ( !editor.ui.view ) {\n\t\t\treturn;\n\t\t}\n\n\t\teditor.ui.focusTracker.on( 'change:isFocused', ( evt, data, isFocused ) => {\n\t\t\tthis._updateLastFocusedEditableElement();\n\n\t\t\tif ( isFocused ) {\n\t\t\t\tthis._showBalloon();\n\t\t\t} else {\n\t\t\t\tthis._hideBalloon();\n\t\t\t}\n\t\t} );\n\n\t\teditor.ui.focusTracker.on( 'change:focusedElement', ( evt, data, focusedElement ) => {\n\t\t\tthis._updateLastFocusedEditableElement();\n\n\t\t\tif ( focusedElement ) {\n\t\t\t\tthis._showBalloon();\n\t\t\t}\n\t\t} );\n\n\t\teditor.ui.on( 'update', () => {\n\t\t\tthis._showBalloonThrottled();\n\t\t} );\n\t}\n\n\t/**\n\t * Returns normalized configuration for the badge.\n\t */\n\tprotected _getNormalizedConfig(): BadgeConfig {\n\t\treturn {\n\t\t\tside: this.editor.locale.contentLanguageDirection === 'ltr' ? 'right' : 'left',\n\t\t\tposition: 'border',\n\t\t\tverticalOffset: 0,\n\t\t\thorizontalOffset: 5\n\t\t};\n\t}\n\n\t/**\n\t * Creates the badge content.\n\t */\n\tprotected abstract _createBadgeContent(): View<HTMLElement>;\n\n\t/**\n\t * Enables the badge feature.\n\t */\n\tprotected abstract _isEnabled(): boolean;\n\n\t/**\n\t * Attempts to display the balloon with the badge view.\n\t */\n\tprivate _showBalloon(): void {\n\t\tconst attachOptions = this._getBalloonAttachOptions();\n\n\t\tif ( !attachOptions ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this._balloonView ) {\n\t\t\tthis._balloonView = this._createBalloonView();\n\t\t}\n\n\t\tthis._balloonView.pin( attachOptions );\n\t}\n\n\t/**\n\t * Hides the badge balloon if already visible.\n\t */\n\tprivate _hideBalloon(): void {\n\t\tif ( this._balloonView ) {\n\t\t\tthis._balloonView.unpin();\n\t\t}\n\t}\n\n\t/**\n\t * Creates an instance of the {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView balloon panel}\n\t * with the badge view inside ready for positioning.\n\t */\n\tprivate _createBalloonView(): BalloonPanelView {\n\t\tconst editor = this.editor;\n\t\tconst balloon = new BalloonPanelView();\n\t\tconst view = this._createBadgeContent();\n\n\t\tballoon.content.add( view );\n\n\t\tif ( this._balloonClass ) {\n\t\t\tballoon.class = this._balloonClass;\n\t\t}\n\n\t\teditor.ui.view.body.add( balloon );\n\n\t\treturn balloon;\n\t}\n\n\t/**\n\t * Returns the options for attaching the balloon to the focused editable element.\n\t */\n\tprivate _getBalloonAttachOptions(): Partial<DomOptimalPositionOptions> | null {\n\t\tif ( !this._lastFocusedEditableElement ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst badgeConfig = this._getNormalizedConfig();\n\n\t\tconst positioningFunction = badgeConfig.side === 'right' ?\n\t\t\tgetLowerRightCornerPosition( this._lastFocusedEditableElement, badgeConfig ) :\n\t\t\tgetLowerLeftCornerPosition( this._lastFocusedEditableElement, badgeConfig );\n\n\t\treturn {\n\t\t\ttarget: this._lastFocusedEditableElement,\n\t\t\tpositions: [ positioningFunction ]\n\t\t};\n\t}\n\n\t/**\n\t * Updates the {@link #_lastFocusedEditableElement} based on the state of the global focus tracker.\n\t */\n\tprivate _updateLastFocusedEditableElement(): void {\n\t\tconst editor = this.editor;\n\t\tconst isFocused = editor.ui.focusTracker.isFocused;\n\t\tconst focusedElement = editor.ui.focusTracker.focusedElement! as HTMLElement;\n\n\t\tif ( !isFocused || !focusedElement ) {\n\t\t\tthis._lastFocusedEditableElement = null;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst editableEditorElements = Array.from( editor.ui.getEditableElementsNames() ).map( name => {\n\t\t\treturn editor.ui.getEditableElement( name );\n\t\t} );\n\n\t\tif ( editableEditorElements.includes( focusedElement ) ) {\n\t\t\tthis._lastFocusedEditableElement = focusedElement;\n\t\t} else {\n\t\t\t// If it's none of the editable element, then the focus is somewhere in the UI. Let's display the badge\n\t\t\t// over the first element then.\n\t\t\tthis._lastFocusedEditableElement = editableEditorElements[ 0 ]!;\n\t\t}\n\t}\n}\n\nfunction getLowerRightCornerPosition( focusedEditableElement: HTMLElement, config: BadgeConfig ) {\n\treturn getLowerCornerPosition( focusedEditableElement, config, ( rootRect, balloonRect ) => {\n\t\treturn rootRect.left + rootRect.width - balloonRect.width - config.horizontalOffset;\n\t} );\n}\n\nfunction getLowerLeftCornerPosition( focusedEditableElement: HTMLElement, config: BadgeConfig ) {\n\treturn getLowerCornerPosition( focusedEditableElement, config, rootRect => rootRect.left + config.horizontalOffset );\n}\n\nfunction getLowerCornerPosition(\n\tfocusedEditableElement: HTMLElement,\n\tconfig: BadgeConfig,\n\tgetBalloonLeft: ( visibleEditableElementRect: Rect, balloonRect: Rect ) => number\n) {\n\treturn ( visibleEditableElementRect: Rect, balloonRect: Rect ) => {\n\t\tconst editableElementRect = new Rect( focusedEditableElement );\n\n\t\tif ( editableElementRect.width < NARROW_ROOT_WIDTH_THRESHOLD || editableElementRect.height < NARROW_ROOT_HEIGHT_THRESHOLD ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet balloonTop;\n\n\t\tif ( config.position === 'inside' ) {\n\t\t\tballoonTop = editableElementRect.bottom - balloonRect.height;\n\t\t}\n\t\telse {\n\t\t\tballoonTop = editableElementRect.bottom - balloonRect.height / 2;\n\t\t}\n\n\t\tballoonTop -= config.verticalOffset;\n\n\t\tconst balloonLeft = getBalloonLeft( editableElementRect, balloonRect );\n\n\t\t// Clone the editable element rect and place it where the balloon would be placed.\n\t\t// This will allow getVisible() to work from editable element's perspective (rect source).\n\t\t// and yield a result as if the balloon was on the same (scrollable) layer as the editable element.\n\t\tconst newBalloonPositionRect = visibleEditableElementRect\n\t\t\t.clone()\n\t\t\t.moveTo( balloonLeft, balloonTop )\n\t\t\t.getIntersection( balloonRect.clone().moveTo( balloonLeft, balloonTop ) )!;\n\n\t\tconst newBalloonPositionVisibleRect = newBalloonPositionRect.getVisible();\n\n\t\tif ( !newBalloonPositionVisibleRect || newBalloonPositionVisibleRect.getArea() < balloonRect.getArea() ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn {\n\t\t\ttop: balloonTop,\n\t\t\tleft: balloonLeft,\n\t\t\tname: `position_${ config.position }-side_${ config.side }`,\n\t\t\tconfig: {\n\t\t\t\twithArrow: false\n\t\t\t}\n\t\t};\n\t};\n}\n\n/**\n * The badge configuration options.\n **/\nexport interface BadgeConfig {\n\n\t/**\n\t * The position of the badge.\n\t *\n\t * * When `'inside'`, the badge will be displayed within the boundaries of the editing area.\n\t * * When `'border'`, the basge will be displayed over the bottom border of the editing area.\n\t *\n\t * @default 'border'\n\t */\n\tposition: 'inside' | 'border';\n\n\t/**\n\t * Allows choosing the side of the editing area where the badge will be displayed.\n\t *\n\t * **Note:** If {@link module:core/editor/editorconfig~EditorConfig#language `config.language`} is set to an RTL (right-to-left)\n\t * language, the side switches to `'left'` by default.\n\t *\n\t * @default 'right'\n\t */\n\tside: 'left' | 'right';\n\n\t/**\n\t * The vertical distance the badge can be moved away from its default position.\n\t *\n\t * **Note:** If `position` is `'border'`, the offset is measured from the (vertical) center of the badge.\n\t *\n\t * @default 5\n\t */\n\tverticalOffset: number;\n\n\t/**\n\t * The horizontal distance between the side of the editing root and the nearest side of the badge.\n\t *\n\t * @default 5\n\t */\n\thorizontalOffset: number;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editorui/poweredby\n */\n\nimport { IconProjectLogo } from '@ckeditor/ckeditor5-icons';\nimport { parseBase64EncodedObject, type Locale } from '@ckeditor/ckeditor5-utils';\n\nimport { View } from '../view.js';\nimport { Badge } from '../badge/badge.js';\nimport { IconView } from '../icon/iconview.js';\nimport type { Editor, PoweredByConfig } from '@ckeditor/ckeditor5-core';\n\nconst DEFAULT_LABEL = 'Powered by';\n\n/**\n * A helper that enables the \"powered by\" feature in the editor and renders a link to the project's\n * webpage next to the bottom of the editable element (editor root, source editing area, etc.) when the editor is focused.\n *\n * @private\n */\nexport class PoweredBy extends Badge {\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor, { balloonClass: 'ck-powered-by-balloon' } );\n\t}\n\n\t/**\n\t * Enables \"powered by\" label.\n\t */\n\tprotected override _isEnabled(): boolean {\n\t\tconst editor = this.editor;\n\t\tconst forceVisible = editor.config.get( 'ui.poweredBy.forceVisible' );\n\n\t\tif ( forceVisible ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst licenseKey = editor.config.get( 'licenseKey' )!;\n\n\t\tif ( licenseKey == 'GPL' ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst licenseContent = parseBase64EncodedObject( licenseKey.split( '.' )[ 1 ] );\n\n\t\tif ( !licenseContent ) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn !licenseContent.whiteLabel;\n\t}\n\n\t/**\n\t * Creates a \"powered by\" badge content.\n\t */\n\tprotected override _createBadgeContent(): View<HTMLElement> {\n\t\treturn new PoweredByView( this.editor.locale, this._getNormalizedConfig().label );\n\t}\n\n\t/**\n\t * Returns the normalized configuration for the \"powered by\" badge.\n\t * It takes the user configuration into account and falls back to the default one.\n\t */\n\tprotected override _getNormalizedConfig(): Required<PoweredByConfig> {\n\t\tconst badgeConfig = super._getNormalizedConfig();\n\t\tconst userConfig = this.editor.config.get( 'ui.poweredBy' ) || {};\n\t\tconst position = userConfig.position || badgeConfig.position;\n\t\tconst verticalOffset = position === 'inside' ? 5 : badgeConfig.verticalOffset;\n\n\t\treturn {\n\t\t\tposition,\n\t\t\tside: userConfig.side || badgeConfig.side,\n\t\t\tlabel: userConfig.label === undefined ? DEFAULT_LABEL : userConfig.label,\n\t\t\tverticalOffset: userConfig.verticalOffset !== undefined ? userConfig.verticalOffset : verticalOffset,\n\t\t\thorizontalOffset: userConfig.horizontalOffset !== undefined ? userConfig.horizontalOffset : badgeConfig.horizontalOffset,\n\t\t\tforceVisible: !!userConfig.forceVisible\n\t\t};\n\t}\n}\n\n/**\n * A view displaying a \"powered by\" label and project logo wrapped in a link.\n */\nclass PoweredByView extends View<HTMLDivElement> {\n\t/**\n\t * Creates an instance of the \"powered by\" view.\n\t *\n\t * @param locale The localization services instance.\n\t * @param label The label text.\n\t */\n\tconstructor( locale: Locale, label: string | null ) {\n\t\tsuper( locale );\n\n\t\tconst iconView = new IconView();\n\t\tconst bind = this.bindTemplate;\n\n\t\ticonView.set( {\n\t\t\tcontent: IconProjectLogo,\n\t\t\tisColorInherited: false\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-powered-by' ],\n\t\t\t\t'aria-hidden': true\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'a',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\thref: 'https://ckeditor.com/powered-by-ckeditor/?utm_source=ckeditor&' +\n\t\t\t\t\t\t\t'utm_medium=referral&utm_campaign=701Dn000000hVgmIAE_powered_by_ckeditor_logo',\n\t\t\t\t\t\ttarget: '_blank',\n\t\t\t\t\t\ttabindex: '-1'\n\t\t\t\t\t},\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t...label ? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttag: 'span',\n\t\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\t\tclass: [ 'ck', 'ck-powered-by__label' ]\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tchildren: [ label ]\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t] : [],\n\t\t\t\t\t\ticonView\n\t\t\t\t\t],\n\t\t\t\t\ton: {\n\t\t\t\t\t\tdragstart: bind.to( evt => evt.preventDefault() )\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/button/switchbuttonview\n */\n\nimport { View } from '../view.js';\nimport { ButtonView } from './buttonview.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/button/switchbutton.css';\n\n/**\n * The switch button view class.\n *\n * ```ts\n * const view = new SwitchButtonView();\n *\n * view.set( {\n * \twithText: true,\n * \tlabel: 'Switch me!'\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n */\nexport class SwitchButtonView extends ButtonView {\n\t/**\n\t * The toggle switch of the button.\n\t */\n\tpublic readonly toggleSwitchView: View;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.isToggleable = true;\n\t\tthis.toggleSwitchView = this._createToggleView();\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-switchbutton'\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.children.add( this.toggleSwitchView );\n\t}\n\n\t/**\n\t * Creates a toggle child view.\n\t */\n\tprivate _createToggleView() {\n\t\tconst toggleSwitchView = new View();\n\n\t\ttoggleSwitchView.setTemplate( {\n\t\t\ttag: 'span',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-button__toggle'\n\t\t\t\t]\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'span',\n\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-button__toggle__inner'\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\treturn toggleSwitchView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/button/filedialogbuttonview\n */\n\nimport { View } from '../view.js';\nimport { ButtonView } from './buttonview.js';\nimport type { ButtonExecuteEvent } from './button.js';\n\nimport type { Constructor, Locale, Mixed } from '@ckeditor/ckeditor5-utils';\nimport { ListItemButtonView } from './listitembuttonview.js';\n\n/**\n * The file dialog button view.\n *\n * This component provides a button that opens the native file selection dialog.\n * It can be used to implement the UI of a file upload feature.\n *\n * ```ts\n * const view = new FileDialogButtonView( locale );\n *\n * view.set( {\n * \tacceptedType: 'image/*',\n * \tallowMultipleFiles: true\n * \tlabel: t( 'Insert image' ),\n * \ticon: imageIcon,\n * \ttooltip: true\n * } );\n *\n * view.on( 'done', ( evt, files ) => {\n * \tfor ( const file of Array.from( files ) ) {\n * \t\tconsole.log( 'Selected file', file );\n * \t}\n * } );\n * ```\n */\nexport class FileDialogButtonView extends /* #__PURE__ */ FileDialogViewMixin( ButtonView ) {}\n\n/**\n * The file dialog button view used in a lists.\n *\n * This component provides a button that opens the native file selection dialog.\n * It can be used to implement the UI of a file upload feature.\n *\n* ```ts\n * const view = new FileDialogListItemButtonView( locale );\n *\n * view.set( {\n * \tacceptedType: 'image/*',\n * \tallowMultipleFiles: true\n * \tlabel: t( 'Insert image' ),\n * \ticon: imageIcon,\n * \ttooltip: true\n * } );\n *\n * view.on( 'done', ( evt, files ) => {\n * \tfor ( const file of Array.from( files ) ) {\n * \t\tconsole.log( 'Selected file', file );\n * \t}\n * } );\n * ```\n */\nexport class FileDialogListItemButtonView extends /* #__PURE__ */ FileDialogViewMixin( ListItemButtonView ) {}\n\n/**\n * Mixin function that enhances a base button view class with file dialog functionality. It is used\n * to create a button view class that opens the native select file dialog when clicked.\n *\n * The enhanced view includes a button and a hidden file input. When the button is clicked, the file dialog is opened.\n * The mixin adds properties and methods to the base class to handle the file selection.\n *\n * @param view The base class to be enhanced with file dialog functionality.\n * @returns A new class that extends the base class and includes the file dialog functionality.\n */\nexport function FileDialogViewMixin<Base extends Constructor<ButtonView>>( view: Base ): Mixed<Base, FileDialogButtonViewBase> {\n\tabstract class FileDialogView extends view implements FileDialogButtonViewBase {\n\t\t/**\n\t\t * A hidden `<input>` view used to execute file dialog.\n\t\t */\n\t\tprivate _fileInputView: FileInputView;\n\n\t\t/**\n\t\t * Accepted file types. Can be provided in form of file extensions, media type or one of:\n\t\t * * `audio/*`,\n\t\t * * `video/*`,\n\t\t * * `image/*`.\n\t\t *\n\t\t * @observable\n\t\t */\n\t\tdeclare public acceptedType: string;\n\n\t\t/**\n\t\t * Indicates if multiple files can be selected. Defaults to `true`.\n\t\t *\n\t\t * @observable\n\t\t */\n\t\tdeclare public allowMultipleFiles: boolean;\n\n\t\t/**\n\t\t * @inheritDoc\n\t\t */\n\t\tconstructor( ...args: Array<any> ) {\n\t\t\tsuper( ...args );\n\n\t\t\tthis._fileInputView = new FileInputView( this.locale );\n\t\t\tthis._fileInputView.bind( 'acceptedType' ).to( this );\n\t\t\tthis._fileInputView.bind( 'allowMultipleFiles' ).to( this );\n\n\t\t\tthis._fileInputView.delegate( 'done' ).to( this );\n\n\t\t\tthis.on<ButtonExecuteEvent>( 'execute', () => {\n\t\t\t\tthis._fileInputView.open();\n\t\t\t} );\n\n\t\t\tthis.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: 'ck-file-dialog-button'\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\t/**\n\t\t * @inheritDoc\n\t\t */\n\t\tpublic override render(): void {\n\t\t\tsuper.render();\n\n\t\t\tthis.children.add( this._fileInputView );\n\t\t}\n\t}\n\n\treturn FileDialogView as any;\n}\n\n/**\n * Represents the base view for a file dialog button component.\n */\nexport type FileDialogButtonViewBase = View & {\n\n\t/**\n\t * Accepted file types. Can be provided in form of file extensions, media type or one of:\n\t * * `audio/*`,\n\t * * `video/*`,\n\t * * `image/*`.\n\t *\n\t * @observable\n\t */\n\tacceptedType: string;\n\n\t/**\n\t * Indicates if multiple files can be selected. Defaults to `true`.\n\t *\n\t * @observable\n\t */\n\tallowMultipleFiles: boolean;\n};\n\n/**\n * The hidden file input view class.\n */\nclass FileInputView extends View<HTMLInputElement> {\n\t/**\n\t * Accepted file types. Can be provided in form of file extensions, media type or one of:\n\t * * `audio/*`,\n\t * * `video/*`,\n\t * * `image/*`.\n\t *\n\t * @observable\n\t */\n\tdeclare public acceptedType?: string;\n\n\t/**\n\t * Indicates if multiple files can be selected. Defaults to `false`.\n\t *\n\t * @observable\n\t */\n\tdeclare public allowMultipleFiles: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.set( 'acceptedType', undefined );\n\t\tthis.set( 'allowMultipleFiles', false );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'input',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-hidden'\n\t\t\t\t],\n\t\t\t\ttype: 'file',\n\t\t\t\ttabindex: '-1',\n\t\t\t\taccept: bind.to( 'acceptedType' ),\n\t\t\t\tmultiple: bind.to( 'allowMultipleFiles' )\n\t\t\t},\n\n\t\t\ton: {\n\t\t\t\t// Removing from code coverage since we cannot programmatically set input element files.\n\t\t\t\tchange: bind.to( /* istanbul ignore next -- @preserve */ () => {\n\t\t\t\t\tif ( this.element?.files?.length ) {\n\t\t\t\t\t\tthis.fire<FileInputViewDoneEvent>( 'done', this.element.files );\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.element!.value = '';\n\t\t\t\t} )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Opens file dialog.\n\t */\n\tpublic open(): void {\n\t\tthis.element!.click();\n\t}\n}\n\n/**\n * Fired when file dialog is closed with file selected.\n *\n * ```ts\n * view.on( 'done', ( evt, files ) => {\n * \tfor ( const file of files ) {\n * \t\tconsole.log( 'Selected file', file );\n * \t}\n * }\n * ```\n */\nexport type FileInputViewDoneEvent = {\n\tname: 'done';\n\targs: [ files: FileList ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/collapsible/collapsibleview\n */\n\nimport { IconDropdownArrow } from '@ckeditor/ckeditor5-icons';\nimport { View } from '../view.js';\nimport { ButtonView } from '../button/buttonview.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport type { FocusableView } from '../focuscycler.js';\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/collapsible/collapsible.css';\n\n/**\n * A collapsible UI component. Consists of a labeled button and a container which can be collapsed\n * by clicking the button. The collapsible container can be a host to other UI views.\n *\n * @internal\n */\nexport class CollapsibleView extends View {\n\t/**\n\t * `true` when the container with {@link #children} is collapsed. `false` otherwise.\n\t *\n\t * @observable\n\t */\n\tdeclare public isCollapsed: boolean;\n\n\t/**\n\t * The text label of the {@link #buttonView}.\n\t *\n\t * @observable\n\t * @default 'Show more'\n\t */\n\tdeclare public label: string;\n\n\t/**\n\t * The ID of the label inside the {@link #buttonView} that describes the collapsible\n\t * container for assistive technologies. Set after the button was {@link #render rendered}.\n\t *\n\t * @internal\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _collapsibleAriaLabelUid: string | undefined;\n\n\t/**\n\t * The main button that, when clicked, collapses or expands the container with {@link #children}.\n\t */\n\tpublic readonly buttonView: ButtonView;\n\n\t/**\n\t * A collection of the child views that can be collapsed by clicking the {@link #buttonView}.\n\t */\n\tpublic readonly children: ViewCollection<FocusableView>;\n\n\t/**\n\t * Creates an instance of the collapsible view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param childViews An optional array of initial child views to be inserted into the collapsible.\n\t */\n\tconstructor( locale: Locale, childViews?: Array<FocusableView> ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'isCollapsed', false );\n\t\tthis.set( 'label', '' );\n\n\t\tthis.buttonView = this._createButtonView();\n\t\tthis.children = this.createCollection();\n\n\t\tthis.set( '_collapsibleAriaLabelUid', undefined );\n\n\t\tif ( childViews ) {\n\t\t\tthis.children.addMany( childViews );\n\t\t}\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-collapsible',\n\t\t\t\t\tbind.if( 'isCollapsed', 'ck-collapsible_collapsed' )\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tthis.buttonView,\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-collapsible__children'\n\t\t\t\t\t\t],\n\t\t\t\t\t\trole: 'region',\n\t\t\t\t\t\thidden: bind.if( 'isCollapsed', 'hidden' ),\n\t\t\t\t\t\t'aria-labelledby': bind.to( '_collapsibleAriaLabelUid' )\n\t\t\t\t\t},\n\t\t\t\t\tchildren: this.children\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis._collapsibleAriaLabelUid = this.buttonView.labelView.element!.id;\n\t}\n\n\t/**\n\t * Focuses the first focusable.\n\t */\n\tpublic focus(): void {\n\t\tthis.buttonView.focus();\n\t}\n\n\t/**\n\t * Creates the main {@link #buttonView} of the collapsible.\n\t */\n\tprivate _createButtonView() {\n\t\tconst buttonView = new ButtonView( this.locale );\n\t\tconst bind = buttonView.bindTemplate;\n\n\t\tbuttonView.set( {\n\t\t\twithText: true,\n\t\t\ticon: IconDropdownArrow\n\t\t} );\n\n\t\tbuttonView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\t'aria-expanded': bind.to( 'isOn', value => String( value ) )\n\t\t\t}\n\t\t} );\n\n\t\tbuttonView.bind( 'label' ).to( this );\n\t\tbuttonView.bind( 'isOn' ).to( this, 'isCollapsed', isCollapsed => !isCollapsed );\n\n\t\tbuttonView.on( 'execute', () => {\n\t\t\tthis.isCollapsed = !this.isCollapsed;\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/colorgrid/utils\n */\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\nexport type ColorOption = string | {\n\tcolor: string;\n\tlabel?: string;\n\thasBorder?: boolean;\n};\n\nexport interface NormalizedColorOption {\n\tmodel: string;\n\tlabel: string;\n\thasBorder: boolean;\n\tview: {\n\t\tname: string;\n\t\tstyles: {\n\t\t\tcolor: string;\n\t\t};\n\t};\n}\n\n/**\n * Returns color configuration options as defined in `editor.config.(fontColor|fontBackgroundColor).colors` or\n * `editor.config.table.(tableProperties|tableCellProperties).(background|border).colors\n * but processed to account for editor localization in the correct language.\n *\n * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}\n * when the user configuration is defined because the editor does not exist yet.\n *\n * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n */\nexport function getLocalizedColorOptions(\n\tlocale: Locale,\n\toptions: Array<NormalizedColorOption>\n): Array<NormalizedColorOption> {\n\tconst t = locale.t;\n\tconst localizedColorNames: Record<string, string | undefined> = {\n\t\tBlack: t( 'Black' ),\n\t\t'Dim grey': t( 'Dim grey' ),\n\t\tGrey: t( 'Grey' ),\n\t\t'Light grey': t( 'Light grey' ),\n\t\tWhite: t( 'White' ),\n\t\tRed: t( 'Red' ),\n\t\tOrange: t( 'Orange' ),\n\t\tYellow: t( 'Yellow' ),\n\t\t'Light green': t( 'Light green' ),\n\t\tGreen: t( 'Green' ),\n\t\tAquamarine: t( 'Aquamarine' ),\n\t\tTurquoise: t( 'Turquoise' ),\n\t\t'Light blue': t( 'Light blue' ),\n\t\tBlue: t( 'Blue' ),\n\t\tPurple: t( 'Purple' )\n\t};\n\n\treturn options.map( colorOption => {\n\t\tconst label = localizedColorNames[ colorOption.label ];\n\n\t\tif ( label && label != colorOption.label ) {\n\t\t\tcolorOption.label = label;\n\t\t}\n\n\t\treturn colorOption;\n\t} );\n}\n\n/**\n * Creates a unified color definition object from color configuration options.\n * The object contains the information necessary to both render the UI and initialize the conversion.\n */\nexport function normalizeColorOptions( options: Array<ColorOption> ): Array<NormalizedColorOption> {\n\treturn options\n\t\t.map( normalizeSingleColorDefinition )\n\t\t.filter( option => !!option );\n}\n\n/**\n * Creates a normalized color definition from the user-defined configuration.\n * The \"normalization\" means it will create full\n * {@link module:ui/colorgrid/colorgridview~ColorDefinition `ColorDefinition-like`}\n * object for string values, and add a `view` property, for each definition.\n */\nexport function normalizeSingleColorDefinition( color: ColorOption ): NormalizedColorOption {\n\tif ( typeof color === 'string' ) {\n\t\treturn {\n\t\t\tmodel: color,\n\t\t\tlabel: color,\n\t\t\thasBorder: false,\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tstyles: {\n\t\t\t\t\tcolor\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t} else {\n\t\treturn {\n\t\t\tmodel: color.color,\n\t\t\tlabel: color.label || color.color,\n\t\t\thasBorder: color.hasBorder === undefined ? false : color.hasBorder,\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tstyles: {\n\t\t\t\t\tcolor: `${ color.color }`\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/colorgrid/colortileview\n */\n\nimport { IconColorTileCheck } from '@ckeditor/ckeditor5-icons';\nimport { env, type Locale } from '@ckeditor/ckeditor5-utils';\nimport { ButtonView } from '../button/buttonview.js';\n\n/**\n * This class represents a single color tile in the {@link module:ui/colorgrid/colorgridview~ColorGridView}.\n */\nexport class ColorTileView extends ButtonView {\n\t/**\n\t * String representing a color shown as tile's background.\n\t */\n\tdeclare public color: string | undefined;\n\n\t/**\n\t * A flag that toggles a special CSS class responsible for displaying\n\t * a border around the button.\n\t */\n\tdeclare public hasBorder: boolean;\n\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'color', undefined );\n\t\tthis.set( 'hasBorder', false );\n\n\t\tthis.icon = IconColorTileCheck;\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tstyle: {\n\t\t\t\t\t// https://github.com/ckeditor/ckeditor5/issues/14907\n\t\t\t\t\tbackgroundColor: bind.to( 'color', color => env.isMediaForcedColors ? null : color )\n\t\t\t\t},\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-color-grid__tile',\n\t\t\t\t\tbind.if( 'hasBorder', 'ck-color-selector__color-tile_bordered' )\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.iconView.fillColor = 'hsl(0, 0%, 100%)';\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/colorgrid/colorgridview\n */\n\nimport { View } from '../view.js';\nimport { ColorTileView } from './colortileview.js';\nimport { addKeyboardHandlingForGrid } from '../bindings/addkeyboardhandlingforgrid.js';\n\nimport type { ButtonExecuteEvent } from '../button/button.js';\nimport { type DropdownPanelFocusable } from '../dropdown/dropdownpanelfocusable.js';\nimport { type ViewCollection } from '../viewcollection.js';\n\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\ttype CollectionAddEvent,\n\ttype CollectionRemoveEvent,\n\ttype Locale,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/colorgrid/colorgrid.css';\n\n/**\n * A grid of {@link module:ui/colorgrid/colortileview~ColorTileView color tiles}.\n */\nexport class ColorGridView extends View implements DropdownPanelFocusable {\n\t/**\n\t * A number of columns for the tiles grid.\n\t */\n\tpublic readonly columns: number;\n\n\t/**\n\t * Collection of the child tile views.\n\t */\n\tpublic readonly items: ViewCollection<ColorTileView>;\n\n\t/**\n\t * Tracks information about DOM focus in the grid.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * The color of the currently selected color tile in {@link #items}.\n\t *\n\t * @observable\n\t */\n\tdeclare public selectedColor: string | undefined | null;\n\n\t/**\n\t * Creates an instance of a color grid containing {@link module:ui/colorgrid/colortileview~ColorTileView tiles}.\n\t *\n\t * @fires execute\n\t * @param locale The localization services instance.\n\t * @param options Component configuration\n\t * @param options.colorDefinitions Array with definitions\n\t * required to create the {@link module:ui/colorgrid/colortileview~ColorTileView tiles}.\n\t * @param options.columns A number of columns to display the tiles.\n\t */\n\tconstructor(\n\t\tlocale?: Locale,\n\t\toptions?: {\n\t\t\tcolorDefinitions?: Array<ColorDefinition>;\n\t\t\tcolumns?: number;\n\t\t}\n\t) {\n\t\tsuper( locale );\n\n\t\tconst colorDefinitions = options && options.colorDefinitions ? options.colorDefinitions : [];\n\n\t\tthis.columns = options?.columns || 5;\n\n\t\tconst viewStyleAttribute = {\n\t\t\tgridTemplateColumns: `repeat( ${ this.columns }, 1fr)`\n\t\t};\n\n\t\tthis.set( 'selectedColor', undefined );\n\n\t\tthis.items = this.createCollection();\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\tthis.items.on<CollectionAddEvent<ColorTileView>>( 'add', ( evt, colorTile ) => {\n\t\t\tcolorTile.isOn = colorTile.color === this.selectedColor;\n\t\t} );\n\n\t\tcolorDefinitions.forEach( color => {\n\t\t\tconst colorTile = new ColorTileView();\n\n\t\t\tcolorTile.set( {\n\t\t\t\tcolor: color.color,\n\t\t\t\tlabel: color.label,\n\t\t\t\ttooltip: true,\n\t\t\t\thasBorder: color.options.hasBorder\n\t\t\t} );\n\n\t\t\tcolorTile.on<ButtonExecuteEvent>( 'execute', () => {\n\t\t\t\tthis.fire<ColorGridViewExecuteEvent>( 'execute', {\n\t\t\t\t\tvalue: color.color,\n\t\t\t\t\thasBorder: color.options.hasBorder,\n\t\t\t\t\tlabel: color.label\n\t\t\t\t} );\n\t\t\t} );\n\n\t\t\tthis.items.add( colorTile );\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tchildren: this.items,\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-color-grid'\n\t\t\t\t],\n\t\t\t\tstyle: viewStyleAttribute\n\t\t\t}\n\t\t} );\n\n\t\tthis.on<ObservableChangeEvent<string | undefined>>( 'change:selectedColor', ( evt, name, selectedColor ) => {\n\t\t\tfor ( const item of this.items ) {\n\t\t\t\titem.isOn = item.color === selectedColor;\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Focuses the first focusable in {@link #items}.\n\t */\n\tpublic focus(): void {\n\t\tif ( this.items.length ) {\n\t\t\tthis.items.first!.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Focuses the last focusable in {@link #items}.\n\t */\n\tpublic focusLast(): void {\n\t\tif ( this.items.length ) {\n\t\t\tthis.items.last!.focus();\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Items added before rendering should be known to the #focusTracker.\n\t\tfor ( const item of this.items ) {\n\t\t\tthis.focusTracker.add( item.element! );\n\t\t}\n\n\t\tthis.items.on<CollectionAddEvent<ColorTileView>>( 'add', ( evt, item ) => {\n\t\t\tthis.focusTracker.add( item.element! );\n\t\t} );\n\n\t\tthis.items.on<CollectionRemoveEvent<ColorTileView>>( 'remove', ( evt, item ) => {\n\t\t\tthis.focusTracker.remove( item.element! );\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\n\t\taddKeyboardHandlingForGrid( {\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tgridItems: this.items,\n\t\t\tnumberOfColumns: this.columns,\n\t\t\tuiLanguageDirection: this.locale?.uiLanguageDirection\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n}\n\n/**\n * A color definition used to create a {@link module:ui/colorgrid/colortileview~ColorTileView}.\n *\n * ```json\n * {\n * \tcolor: 'hsl(0, 0%, 75%)',\n * \tlabel: 'Light Grey',\n * \toptions: {\n * \t\thasBorder: true\n * \t}\n * }\n * ```\n */\nexport interface ColorDefinition {\n\n\t/**\n\t * String representing a color.\n\t * It is used as value of background-color style in {@link module:ui/colorgrid/colortileview~ColorTileView}.\n\t */\n\tcolor: string;\n\n\t/**\n\t * String used as label for {@link module:ui/colorgrid/colortileview~ColorTileView}.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Additional options passed to create a {@link module:ui/colorgrid/colortileview~ColorTileView}.\n\t */\n\toptions: {\n\n\t\t/**\n\t\t * A flag that indicates if special a CSS class should be added\n\t\t * to {@link module:ui/colorgrid/colortileview~ColorTileView}, which renders a border around it.\n\t\t */\n\t\thasBorder: boolean;\n\t};\n}\n\n/**\n * Fired when the `ColorTileView` for the picked item is executed.\n *\n * @eventName ~ColorGridView#execute\n * @param data Additional information about the event.\n*/\nexport type ColorGridViewExecuteEvent = {\n\tname: 'execute';\n\targs: [ data: ColorGridViewExecuteEventData ];\n};\n\n/**\n * The data of {@link ~ColorGridViewExecuteEvent execute event}.\n */\nexport interface ColorGridViewExecuteEventData {\n\n\t/**\n\t * The value of the selected color ({@link module:ui/colorgrid/colorgridview~ColorDefinition#color `color.color`}).\n\t */\n\tvalue: string;\n\n\t/**\n\t * The `hasBorder` property of the selected color\n\t * ({@link module:ui/colorgrid/colorgridview~ColorDefinition#options `color.options.hasBorder`}).\n\t */\n\thasBorder: boolean;\n\n\t/**\n\t * The label of the selected color ({@link module:ui/colorgrid/colorgridview~ColorDefinition#label `color.label`})\n\t */\n\tlabel: string;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/colorpicker/utils\n */\n\nimport { default as parse } from 'color-parse';\nimport convert from 'color-convert';\nimport type {\n\tRGB, HSL, HSV, HWB, CMYK, XYZ, LAB, LCH, HEX, KEYWORD, ANSI16, ANSI256, HCG, APPLE, GRAY\n} from 'color-convert/conversions.js';\n\n/**\n * Color formats handled by color converter.\n */\nexport type ColorPickerOutputFormat = 'hex' | 'rgb' | 'hsl' | 'hwb' | 'lab' | 'lch';\n\n/**\n * Configuration of the color picker feature.\n *\n * It can be forced to apply colors in the editor in a particular format.\n *\n * @default `{\n * \tformat: 'hsl'\n * }`\n */\nexport type ColorPickerConfig = {\n\tformat?: ColorPickerOutputFormat;\n};\n\n/**\n * Configuration of the color picker view.\n *\n * It can be used to enforce a particular color format or hide the color input.\n */\nexport type ColorPickerViewConfig = ColorPickerConfig & {\n\thideInput?: boolean;\n};\n\n/**\n * Parses and converts the color string to requested format. Handles variety of color spaces\n * like `hsl`, `hex` or `rgb`.\n *\n * @param color\n * @returns A color string.\n * @internal\n */\nexport function convertColor( color: string, outputFormat: ColorPickerOutputFormat ): string {\n\tif ( !color ) {\n\t\treturn '';\n\t}\n\n\tconst colorObject = parseColorString( color );\n\n\tif ( !colorObject ) {\n\t\treturn '';\n\t}\n\n\tif ( colorObject.space === outputFormat ) {\n\t\treturn color;\n\t}\n\n\tif ( !canConvertParsedColor( colorObject ) ) {\n\t\treturn '';\n\t}\n\n\tconst fromColorSpace = ( convert as Conversion )[ colorObject.space ];\n\tconst toColorSpace = fromColorSpace[ outputFormat ];\n\n\tif ( !toColorSpace ) {\n\t\treturn '';\n\t}\n\n\tconst convertedColorChannels = toColorSpace( colorObject.space === 'hex' ? colorObject.hexValue : colorObject.values );\n\n\treturn formatColorOutput( convertedColorChannels, outputFormat );\n}\n\n/**\n * Converts a color string to hex format.\n *\n * @param color\n * @returns A color string.\n * @internal\n */\nexport function convertToHex( color: string ): string {\n\tif ( !color ) {\n\t\treturn '';\n\t}\n\n\tconst colorObject = parseColorString( color );\n\n\tif ( !colorObject ) {\n\t\treturn '#000';\n\t}\n\n\tif ( colorObject.space === 'hex' ) {\n\t\treturn colorObject.hexValue;\n\t}\n\n\treturn convertColor( color, 'hex' );\n}\n\n/**\n * Registers the custom element in the\n * [CustomElementsRegistry](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry).\n * @internal\n */\nexport function registerCustomElement( elementName: string, constructor: CustomElementConstructor ): void {\n\tif ( customElements.get( elementName ) === undefined ) {\n\t\tcustomElements.define( elementName, constructor );\n\t}\n}\n\n/**\n * Formats the passed color channels according to the requested format.\n *\n * @param values\n * @param format\n * @returns A color string.\n */\nfunction formatColorOutput( values: FormatTableColor, format: ColorPickerOutputFormat ): string {\n\tswitch ( format ) {\n\t\tcase 'hex': return `#${ values }`;\n\t\tcase 'rgb': return `rgb(${ values[ 0 ] }, ${ values[ 1 ] }, ${ values[ 2 ] })`;\n\t\tcase 'hsl': return `hsl(${ values[ 0 ] }, ${ values[ 1 ] }%, ${ values[ 2 ] }%)`;\n\t\tcase 'hwb': return `hwb(${ values[ 0 ] }, ${ values[ 1 ] }, ${ values[ 2 ] })`;\n\t\tcase 'lab': return `lab(${ values[ 0 ] }% ${ values[ 1 ] } ${ values[ 2 ] })`;\n\t\tcase 'lch': return `lch(${ values[ 0 ] }% ${ values[ 1 ] } ${ values[ 2 ] })`;\n\n\t\tdefault: return '';\n\t}\n}\n\ntype FormatTableColor = HEX | RGB | HSL | HWB | LAB | LCH;\ntype ConversionFunctionInput = RGB | HSL | HSV | HWB | CMYK | XYZ | LAB | LCH | HEX | KEYWORD | ANSI16 | ANSI256 | HCG | APPLE | GRAY;\ntype ConversionInputSpaces = typeof convert;\ntype ConversionFunction = ( value: ConversionFunctionInput ) => FormatTableColor;\ntype Conversion = Record<keyof ConversionInputSpaces, Partial<Record<ColorPickerOutputFormat, ConversionFunction>>>;\n\ntype ParserColorSpaces =\n\t'rgb' | 'hsl' | 'hsv' | 'hsb' | 'hwb' | 'cmy' | 'cmyk' | 'xyz' | 'xyy' | 'gray' | 'lab' | 'lch' | 'lchu' | 'lchv' | 'lchuv' |\n\t'luv' | 'yuv' | 'lms' | 'hex';\n\ntype ParsedColor<T extends ParserColorSpaces> = {\n\treadonly space: T;\n\treadonly alpha: number;\n\treadonly values: T extends 'cmyk' ? [ number, number, number, number ] : [ number, number, number ];\n\treadonly hexValue: T extends 'hex' ? string : never;\n};\n\ntype ConvertableParsedColor = ParsedColor<ParserColorSpaces> & {\n\treadonly space: keyof ConversionInputSpaces;\n};\n\nfunction parseColorString( colorString: string ): ParsedColor<ParserColorSpaces> | null {\n\t// Parser library treats `hex` format as belonging to `rgb` space | which messes up further conversion.\n\t// Let's parse such strings on our own.\n\tif ( colorString.startsWith( '#' ) ) {\n\t\tconst parsedHex = parse( colorString );\n\n\t\treturn {\n\t\t\tspace: 'hex',\n\t\t\tvalues: parsedHex.values as [ number, number, number ],\n\t\t\thexValue: colorString,\n\t\t\talpha: parsedHex.alpha\n\t\t};\n\t}\n\n\tconst parsed = parse( colorString );\n\n\tif ( !parsed.space ) {\n\t\treturn null;\n\t}\n\n\treturn parsed as ParsedColor<Exclude<ParserColorSpaces, 'hex'>>;\n}\n\nfunction canConvertParsedColor( parsedColor: ParsedColor<ParserColorSpaces> ): parsedColor is ConvertableParsedColor {\n\treturn Object.keys( convert ).includes( parsedColor.space );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/labeledfield/labeledfieldview\n */\n\nimport { View } from '../view.js';\nimport { LabelView } from '../label/labelview.js';\n\nimport type { FocusableView } from '../focuscycler.js';\nimport { type ViewCollection } from '../viewcollection.js';\n\nimport { uid, type Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/labeledfield/labeledfieldview.css';\n\n/**\n * The labeled field view class. It can be used to enhance any view with the following features:\n *\n * * a label,\n * * (optional) an error message,\n * * (optional) an info (status) text,\n *\n * all bound logically by proper DOM attributes for UX and accessibility.  It also provides an interface\n * (e.g. observable properties) that allows controlling those additional features.\n *\n * The constructor of this class requires a callback that returns a view to be labeled. The callback\n * is called with unique ids that allow binding of DOM properties:\n *\n * ```ts\n * const labeledInputView = new LabeledFieldView( locale, ( labeledFieldView, viewUid, statusUid ) => {\n * \tconst inputView = new InputTextView( labeledFieldView.locale );\n *\n * \tinputView.set( {\n * \t\tid: viewUid,\n * \t\tariaDescribedById: statusUid\n * \t} );\n *\n * \tinputView.bind( 'isReadOnly' ).to( labeledFieldView, 'isEnabled', value => !value );\n * \tinputView.bind( 'hasError' ).to( labeledFieldView, 'errorText', value => !!value );\n *\n * \treturn inputView;\n * } );\n *\n * labeledInputView.label = 'User name';\n * labeledInputView.infoText = 'Full name like for instance, John Doe.';\n * labeledInputView.render();\n *\n * document.body.append( labeledInputView.element );\n * ```\n *\n * See {@link module:ui/labeledfield/utils} to discover ready–to–use labeled input helpers for common\n * UI components.\n */\nexport class LabeledFieldView<TFieldView extends FocusableView = FocusableView> extends View {\n\t/**\n\t * The field view that gets labeled.\n\t */\n\tpublic readonly fieldView: TFieldView;\n\n\t/**\n\t * The label view instance that describes the entire view.\n\t */\n\tpublic readonly labelView: LabelView;\n\n\t/**\n\t * The status view for the {@link #fieldView}. It displays {@link #errorText} and\n\t * {@link #infoText}.\n\t */\n\tpublic readonly statusView: View;\n\n\t/**\n\t * A collection of children of the internal wrapper element. Allows inserting additional DOM elements (views) next to\n\t * the {@link #fieldView} for easy styling (e.g. positioning).\n\t *\n\t * By default, the collection contains {@link #fieldView} and {@link #labelView}.\n\t */\n\tpublic readonly fieldWrapperChildren: ViewCollection;\n\n\t/**\n\t * The text of the label.\n\t *\n\t * @observable\n\t */\n\tdeclare public label: string | undefined;\n\n\t/**\n\t * Controls whether the component is in read-only mode.\n\t *\n\t * @observable\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * An observable flag set to `true` when {@link #fieldView} is empty (`false` otherwise).\n\t *\n\t * @readonly\n\t * @observable\n\t * @default true\n\t */\n\tdeclare public isEmpty: boolean;\n\n\t/**\n\t * An observable flag set to `true` when {@link #fieldView} is currently focused by\n\t * the user (`false` otherwise).\n\t *\n\t * @readonly\n\t * @observable\n\t * @default false\n\t */\n\tdeclare public isFocused: boolean;\n\n\t/**\n\t * The validation error text. When set, it will be displayed\n\t * next to the {@link #fieldView} as a typical validation error message.\n\t * Set it to `null` to hide the message.\n\t *\n\t * **Note:** Setting this property to anything but `null` will automatically\n\t * make the `hasError` of the {@link #fieldView} `true`.\n\t *\n\t * @observable\n\t */\n\tdeclare public errorText: string | null;\n\n\t/**\n\t * The additional information text displayed next to the {@link #fieldView} which can\n\t * be used to inform the user about its purpose, provide help or hints.\n\t *\n\t * Set it to `null` to hide the message.\n\t *\n\t * **Note:** This text will be displayed in the same place as {@link #errorText} but the\n\t * latter always takes precedence: if the {@link #errorText} is set, it replaces\n\t * {@link #infoText}.\n\t *\n\t * @observable\n\t * @default null\n\t */\n\tdeclare public infoText: string | null;\n\n\t/**\n\t * (Optional) The additional CSS class set on the dropdown {@link #element}.\n\t *\n\t * @observable\n\t */\n\tdeclare public class: string | undefined;\n\n\t/**\n\t * The content of the `placeholder` attribute of the {@link #fieldView}.\n\t *\n\t * @observable\n\t */\n\tdeclare public placeholder: string | undefined;\n\n\t/**\n\t * The combined status text made of {@link #errorText} and {@link #infoText}.\n\t * Note that when present, {@link #errorText} always takes precedence in the\n\t * status.\n\t *\n\t * @see #errorText\n\t * @see #infoText\n\t * @see #statusView\n\t * @private\n\t * @observable\n\t */\n\tdeclare public _statusText: string | null;\n\n\t/**\n\t * Creates an instance of the labeled field view class using a provided creator function\n\t * that provides the view to be labeled.\n\t *\n\t * @param locale The locale instance.\n\t * @param viewCreator A function that returns a {@link module:ui/view~View}\n\t * that will be labeled. The following arguments are passed to the creator function:\n\t *\n\t * * an instance of the `LabeledFieldView` to allow binding observable properties,\n\t * * an UID string that connects the {@link #labelView label} and the labeled field view in DOM,\n\t * * an UID string that connects the {@link #statusView status} and the labeled field view in DOM.\n\t */\n\tconstructor(\n\t\tlocale: Locale | undefined,\n\t\tviewCreator: LabeledFieldViewCreator<TFieldView>\n\t) {\n\t\tsuper( locale );\n\n\t\tconst viewUid = `ck-labeled-field-view-${ uid() }`;\n\t\tconst statusUid = `ck-labeled-field-view-status-${ uid() }`;\n\n\t\tthis.fieldView = viewCreator( this, viewUid, statusUid );\n\n\t\tthis.set( 'label', undefined );\n\t\tthis.set( 'isEnabled', true );\n\t\tthis.set( 'isEmpty', true );\n\t\tthis.set( 'isFocused', false );\n\t\tthis.set( 'errorText', null );\n\t\tthis.set( 'infoText', null );\n\t\tthis.set( 'class', undefined );\n\t\tthis.set( 'placeholder', undefined );\n\n\t\tthis.labelView = this._createLabelView( viewUid );\n\t\tthis.statusView = this._createStatusView( statusUid );\n\t\tthis.fieldWrapperChildren = this.createCollection( [ this.fieldView, this.labelView ] );\n\n\t\tthis.bind( '_statusText' ).to(\n\t\t\tthis, 'errorText',\n\t\t\tthis, 'infoText',\n\t\t\t( errorText, infoText ) => errorText || infoText\n\t\t);\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-labeled-field-view',\n\t\t\t\t\tbind.to( 'class' ),\n\t\t\t\t\tbind.if( 'isEnabled', 'ck-disabled', value => !value ),\n\t\t\t\t\tbind.if( 'isEmpty', 'ck-labeled-field-view_empty' ),\n\t\t\t\t\tbind.if( 'isFocused', 'ck-labeled-field-view_focused' ),\n\t\t\t\t\tbind.if( 'placeholder', 'ck-labeled-field-view_placeholder' ),\n\t\t\t\t\tbind.if( 'errorText', 'ck-error' )\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-labeled-field-view__input-wrapper'\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\tchildren: this.fieldWrapperChildren\n\t\t\t\t},\n\t\t\t\tthis.statusView\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Creates label view class instance and bind with view.\n\t *\n\t * @param id Unique id to set as labelView#for attribute.\n\t */\n\tprivate _createLabelView( id: string ): LabelView {\n\t\tconst labelView = new LabelView( this.locale );\n\n\t\tlabelView.for = id;\n\t\tlabelView.bind( 'text' ).to( this, 'label' );\n\n\t\treturn labelView;\n\t}\n\n\t/**\n\t * Creates the status view instance. It displays {@link #errorText} and {@link #infoText}\n\t * next to the {@link #fieldView}. See {@link #_statusText}.\n\t *\n\t * @param statusUid Unique id of the status, shared with the {@link #fieldView view's}\n\t * `aria-describedby` attribute.\n\t */\n\tprivate _createStatusView( statusUid: string ): View {\n\t\tconst statusView = new View( this.locale );\n\t\tconst bind = this.bindTemplate;\n\n\t\tstatusView.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-labeled-field-view__status',\n\t\t\t\t\tbind.if( 'errorText', 'ck-labeled-field-view__status_error' ),\n\t\t\t\t\tbind.if( '_statusText', 'ck-hidden', value => !value )\n\t\t\t\t],\n\t\t\t\tid: statusUid,\n\t\t\t\trole: bind.if( 'errorText', 'alert' )\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttext: bind.to( '_statusText' )\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\treturn statusView;\n\t}\n\n\t/**\n\t * Focuses the {@link #fieldView}.\n\t */\n\tpublic focus( direction?: 1 | -1 ): void {\n\t\tthis.fieldView.focus( direction );\n\t}\n}\n\n/**\n * A creator function that returns a focusable view to be labeled by a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView}\n * instance.\n */\nexport type LabeledFieldViewCreator<TFieldView extends FocusableView> =\n\t( labeledFieldView: LabeledFieldView, viewUid: string, statusUid: string ) => TFieldView;\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/input/inputbase\n */\n\nimport { View } from '../view.js';\n\nimport {\n\tFocusTracker,\n\ttype Locale,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\n/**\n * The base input view class.\n */\nexport abstract class InputBase<TElement extends HTMLInputElement | HTMLTextAreaElement = HTMLInputElement> extends View<TElement> {\n\t/**\n\t * Stores information about the editor UI focus and propagates it so various plugins and components\n\t * are unified as a focus group.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * The value of the input.\n\t *\n\t * @observable\n\t */\n\tdeclare public value: string | undefined;\n\n\t/**\n\t * The `id` attribute of the input (i.e. to pair with a `<label>` element).\n\t *\n\t * @observable\n\t */\n\tdeclare public id: string | undefined;\n\n\t/**\n\t * The `placeholder` attribute of the input.\n\t *\n\t * @observable\n\t */\n\tdeclare public placeholder: string | undefined;\n\n\t/**\n\t * The `tabindex` attribute of the input.\n\t *\n\t * @observable\n\t */\n\tdeclare public tabIndex: number | undefined;\n\n\t/**\n\t * The `aria-label` attribute of the input.\n\t *\n\t * @observable\n\t */\n\tdeclare public ariaLabel: string | undefined;\n\n\t/**\n\t * Controls whether the input view is in read-only mode.\n\t *\n\t * @observable\n\t */\n\tdeclare public isReadOnly: boolean;\n\n\t/**\n\t * Set to `true` when the field has some error. Usually controlled via\n\t * {@link module:ui/labeledinput/labeledinputview~LabeledInputView#errorText}.\n\t *\n\t * @observable\n\t */\n\tdeclare public hasError: boolean;\n\n\t/**\n\t * The `id` of the element describing this field, e.g. when it has\n\t * some error; it helps screen readers read the error text.\n\t *\n\t * @observable\n\t */\n\tdeclare public ariaDescribedById: string | undefined;\n\n\t/**\n\t * An observable flag set to `true` when the input is currently focused by the user.\n\t * Set to `false` otherwise.\n\t *\n\t * @readonly\n\t * @observable\n\t * @default false\n\t */\n\tdeclare public isFocused: boolean;\n\n\t/**\n\t * An observable flag set to `true` when the input contains no text, i.e.\n\t * when {@link #value} is `''`, `null`, or `false`.\n\t *\n\t * @readonly\n\t * @observable\n\t * @default true\n\t */\n\tdeclare public isEmpty: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.set( 'value', undefined );\n\t\tthis.set( 'id', undefined );\n\t\tthis.set( 'placeholder', undefined );\n\t\tthis.set( 'tabIndex', undefined );\n\t\tthis.set( 'isReadOnly', false );\n\t\tthis.set( 'hasError', false );\n\t\tthis.set( 'ariaDescribedById', undefined );\n\t\tthis.set( 'ariaLabel', undefined );\n\n\t\tthis.focusTracker = new FocusTracker();\n\n\t\tthis.bind( 'isFocused' ).to( this.focusTracker );\n\t\tthis.set( 'isEmpty', true );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'input',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-input',\n\t\t\t\t\tbind.if( 'isFocused', 'ck-input_focused' ),\n\t\t\t\t\tbind.if( 'isEmpty', 'ck-input-text_empty' ),\n\t\t\t\t\tbind.if( 'hasError', 'ck-error' )\n\t\t\t\t],\n\t\t\t\tid: bind.to( 'id' ),\n\t\t\t\tplaceholder: bind.to( 'placeholder' ),\n\t\t\t\ttabindex: bind.to( 'tabIndex' ),\n\t\t\t\treadonly: bind.to( 'isReadOnly' ),\n\t\t\t\t'aria-invalid': bind.if( 'hasError', true ),\n\t\t\t\t'aria-describedby': bind.to( 'ariaDescribedById' ),\n\t\t\t\t'aria-label': bind.to( 'ariaLabel' )\n\t\t\t},\n\t\t\ton: {\n\t\t\t\tinput: bind.to( ( ...args ) => {\n\t\t\t\t\tthis.fire( 'input', ...args );\n\t\t\t\t\tthis._updateIsEmpty();\n\t\t\t\t} ),\n\t\t\t\tchange: bind.to( this._updateIsEmpty.bind( this ) )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.focusTracker.add( this.element! );\n\n\t\tthis._setDomElementValue( this.value );\n\t\tthis._updateIsEmpty();\n\n\t\t// Bind `this.value` to the DOM element's value.\n\t\t// We cannot use `value` DOM attribute because removing it on Edge does not clear the DOM element's value property.\n\t\tthis.on<ObservableChangeEvent>( 'change:value', ( evt, name, value ) => {\n\t\t\tthis._setDomElementValue( value );\n\t\t\tthis._updateIsEmpty();\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t}\n\n\t/**\n\t * Moves the focus to the input and selects the value.\n\t */\n\tpublic select(): void {\n\t\tthis.element!.select();\n\t}\n\n\t/**\n\t * Focuses the input.\n\t */\n\tpublic focus(): void {\n\t\tthis.element!.focus();\n\t}\n\n\t/**\n\t * Resets the value of the input\n\t */\n\tpublic reset(): void {\n\t\tthis.value = this.element!.value = '';\n\t\tthis._updateIsEmpty();\n\t}\n\n\t/**\n\t * Updates the {@link #isEmpty} property value on demand.\n\t */\n\tprotected _updateIsEmpty(): void {\n\t\tthis.isEmpty = isInputElementEmpty( this.element! );\n\t}\n\n\t/**\n\t * Sets the `value` property of the {@link #element DOM element} on demand.\n\t */\n\tprivate _setDomElementValue( value: any ) {\n\t\tthis.element!.value = ( !value && value !== 0 ) ? '' : value;\n\t}\n}\n\nfunction isInputElementEmpty( domElement: HTMLInputElement | HTMLTextAreaElement ) {\n\treturn !domElement.value;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/input/inputview\n */\n\nimport { type Locale } from '@ckeditor/ckeditor5-utils';\nimport { InputBase } from './inputbase.js';\n\nimport '../../theme/components/input/input.css';\n\n/**\n * The input view class.\n */\nexport class InputView extends InputBase {\n\t/**\n\t * Corresponds to the `inputmode` DOM attribute. Can be `text`, `numeric`, `decimal`, etc.\n\t *\n\t * @observable\n\t * @default 'text'\n\t */\n\tdeclare public inputMode: string;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.set( 'inputMode', 'text' );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tinputmode: bind.to( 'inputMode' )\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Fired when the user types in the input. Corresponds to the native\n * DOM `input` event.\n *\n * @eventName ~InputView#input\n */\nexport type InputViewInputEvent = {\n\tname: 'input';\n\targs: [ InputEvent ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/inputtext/inputtextview\n */\n\nimport { InputView } from '../input/inputview.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The text input view class.\n */\nexport class InputTextView extends InputView {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\ttype: 'text',\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-input-text'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/inputnumber/inputnumberview\n */\n\nimport { InputView } from '../input/inputview.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The number input view class.\n */\nexport class InputNumberView extends InputView {\n\t/**\n\t * The value of the `min` DOM attribute (the lowest accepted value) set on the {@link #element}.\n\t *\n\t * @observable\n\t * @default undefined\n\t */\n\tdeclare public min: number | undefined;\n\n\t/**\n\t * The value of the `max` DOM attribute (the highest accepted value) set on the {@link #element}.\n\t *\n\t * @observable\n\t * @default undefined\n\t */\n\tdeclare public max: number | undefined;\n\n\t/**\n\t * The value of the `step` DOM attribute set on the {@link #element}.\n\t *\n\t * @observable\n\t * @default undefined\n\t */\n\tdeclare public step: number | undefined;\n\n\t/**\n\t * Creates an instance of the input number view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options The options of the input.\n\t * @param options.min The value of the `min` DOM attribute (the lowest accepted value).\n\t * @param options.max The value of the `max` DOM attribute (the highest accepted value).\n\t * @param options.step The value of the `step` DOM attribute.\n\t */\n\tconstructor(\n\t\tlocale?: Locale,\n\t\t{ min, max, step }: {\n\t\t\tmin?: number;\n\t\t\tmax?: number;\n\t\t\tstep?: number;\n\t\t} = {}\n\t) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'min', min );\n\t\tthis.set( 'max', max );\n\t\tthis.set( 'step', step );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\ttype: 'number',\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-input-number'\n\t\t\t\t],\n\t\t\t\tmin: bind.to( 'min' ),\n\t\t\t\tmax: bind.to( 'max' ),\n\t\t\t\tstep: bind.to( 'step' )\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/textarea/textareaview\n */\n\nimport { Rect, type Locale, toUnit, getBorderWidths, global, CKEditorError, isVisible, ResizeObserver } from '@ckeditor/ckeditor5-utils';\nimport { InputBase } from '../input/inputbase.js';\n\nimport '../../theme/components/input/input.css';\nimport '../../theme/components/textarea/textarea.css';\n\n/**\n * The textarea view class.\n *\n * ```ts\n * const textareaView = new TextareaView();\n *\n * textareaView.minRows = 2;\n * textareaView.maxRows = 10;\n *\n * textareaView.render();\n *\n * document.body.append( textareaView.element );\n * ```\n */\nexport class TextareaView extends InputBase<HTMLTextAreaElement> {\n\t/**\n\t * Specifies the visible height of a text area, in lines.\n\t *\n\t * @observable\n\t * @default 2\n\t */\n\tdeclare public minRows: number;\n\n\t/**\n\t * Specifies the maximum number of rows.\n\t *\n\t * @observable\n\t * @default 5\n\t */\n\tdeclare public maxRows: number;\n\n\t/**\n\t * Specifies the value of HTML attribute that indicates whether the user can resize the element.\n\t *\n\t * @observable\n\t * @default 'none'\n\t*/\n\tdeclare public resize: 'both' | 'horizontal' | 'vertical' | 'none';\n\n\t/**\n\t * An internal property that stores the current height of the textarea. Used for the DOM binding.\n\t *\n\t * @observable\n\t * @default null\n\t * @internal\n\t */\n\tdeclare public _height: number | null;\n\n\t/**\n\t * An instance of the resize observer used to detect when the view is visible or not and update\n\t * its height if any changes that affect it were made while it was invisible.\n\t *\n\t * **Note:** Created in {@link #render}.\n\t */\n\tprivate _resizeObserver: ResizeObserver | null;\n\n\t/**\n\t * A flag that indicates whether the {@link #_updateAutoGrowHeight} method should be called when the view becomes\n\t * visible again. See {@link #_resizeObserver}.\n\t */\n\tprivate _isUpdateAutoGrowHeightPending: boolean = false;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst toPx = toUnit( 'px' );\n\n\t\tthis.set( 'minRows', 2 );\n\t\tthis.set( 'maxRows', 5 );\n\t\tthis.set( '_height', null );\n\t\tthis.set( 'resize', 'none' );\n\t\tthis._resizeObserver = null;\n\n\t\tthis.on( 'change:minRows', this._validateMinMaxRows.bind( this ) );\n\t\tthis.on( 'change:maxRows', this._validateMinMaxRows.bind( this ) );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.template!.tag = 'textarea';\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck-textarea' ],\n\t\t\t\tstyle: {\n\t\t\t\t\theight: bind.to( '_height', height => height ? toPx( height ) : null ),\n\t\t\t\t\tresize: bind.to( 'resize' )\n\t\t\t\t},\n\t\t\t\trows: bind.to( 'minRows' )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tlet wasVisible: boolean = false;\n\n\t\tthis.on( 'input', () => {\n\t\t\tthis._updateAutoGrowHeight( true );\n\t\t\tthis.fire<TextareaViewUpdateEvent>( 'update' );\n\t\t} );\n\n\t\tthis.on( 'change:value', () => {\n\t\t\t// The content needs to be updated by the browser after the value is changed. It takes a few ms.\n\t\t\tglobal.window.requestAnimationFrame( () => {\n\t\t\t\tif ( !isVisible( this.element ) ) {\n\t\t\t\t\tthis._isUpdateAutoGrowHeightPending = true;\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis._updateAutoGrowHeight();\n\t\t\t\tthis.fire<TextareaViewUpdateEvent>( 'update' );\n\t\t\t} );\n\t\t} );\n\n\t\t// It may occur that the Textarea size needs to be updated (e.g. because it's content was changed)\n\t\t// when it is not visible or detached from DOM.\n\t\t// In such case, we need to detect the moment when it becomes visible again and update its height then.\n\t\t// We're using ResizeObserver for that as it is the most reliable way to detect when the element becomes visible.\n\t\t// IntersectionObserver didn't work well with the absolute positioned containers.\n\t\tthis._resizeObserver = new ResizeObserver( this.element!, evt => {\n\t\t\tconst isVisible = !!evt.contentRect.width && !!evt.contentRect.height;\n\n\t\t\tif ( !wasVisible && isVisible && this._isUpdateAutoGrowHeightPending ) {\n\t\t\t\t// We're wrapping the auto-grow logic in RAF because otherwise there is an error thrown\n\t\t\t\t// by the browser about recursive calls to the ResizeObserver. It used to happen in unit\n\t\t\t\t// tests only, though. Since there is no risk of infinite loop here, it can stay here.\n\t\t\t\tglobal.window.requestAnimationFrame( () => {\n\t\t\t\t\tthis._updateAutoGrowHeight();\n\t\t\t\t\tthis.fire<TextareaViewUpdateEvent>( 'update' );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\twasVisible = isVisible;\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tif ( this._resizeObserver ) {\n\t\t\tthis._resizeObserver.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override reset(): void {\n\t\tsuper.reset();\n\n\t\tthis._updateAutoGrowHeight();\n\t\tthis.fire<TextareaViewUpdateEvent>( 'update' );\n\t}\n\n\t/**\n\t * Updates the {@link #_height} of the view depending on {@link #minRows}, {@link #maxRows}, and the current content size.\n\t *\n\t * **Note**: This method overrides manual resize done by the user using a handle. It's a known bug.\n\t */\n\tprivate _updateAutoGrowHeight( shouldScroll?: boolean ): void {\n\t\tconst viewElement = this.element!;\n\n\t\tif ( !viewElement.offsetParent ) {\n\t\t\tthis._isUpdateAutoGrowHeightPending = true;\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._isUpdateAutoGrowHeightPending = false;\n\n\t\tconst singleLineContentClone = getTextareaElementClone( viewElement, '1' );\n\t\tconst fullTextValueClone = getTextareaElementClone( viewElement, viewElement.value );\n\t\tconst singleLineContentStyles = singleLineContentClone.ownerDocument.defaultView!.getComputedStyle( singleLineContentClone );\n\n\t\tconst verticalPaddings = parseFloat( singleLineContentStyles.paddingTop ) + parseFloat( singleLineContentStyles.paddingBottom );\n\t\tconst borders = getBorderWidths( singleLineContentClone );\n\t\tconst lineHeight = parseFloat( singleLineContentStyles.lineHeight );\n\t\tconst verticalBorder = borders.top + borders.bottom;\n\n\t\tconst singleLineAreaDefaultHeight = new Rect( singleLineContentClone ).height;\n\t\tconst numberOfLines = Math.round( ( fullTextValueClone.scrollHeight - verticalPaddings ) / lineHeight );\n\n\t\tconst maxHeight = this.maxRows * lineHeight + verticalPaddings + verticalBorder;\n\n\t\t// There's a --ck-ui-component-min-height CSS custom property that enforces min height of the component.\n\t\t// This min-height is relevant only when there's one line of text. Other than that, we can rely on line-height.\n\t\tconst minHeight = numberOfLines === 1 ? singleLineAreaDefaultHeight : this.minRows * lineHeight + verticalPaddings + verticalBorder;\n\n\t\t// The size of textarea is controlled by height style instead of rows attribute because event though it is\n\t\t// a more complex solution, it is immune to the layout textarea has been rendered in (gird, flex).\n\t\tthis._height = Math.min(\n\t\t\tMath.max(\n\t\t\t\tMath.max( numberOfLines, this.minRows ) * lineHeight + verticalPaddings + verticalBorder,\n\t\t\t\tminHeight\n\t\t\t),\n\t\t\tmaxHeight\n\t\t);\n\n\t\tif ( shouldScroll ) {\n\t\t\tviewElement.scrollTop = viewElement.scrollHeight;\n\t\t}\n\n\t\tsingleLineContentClone.remove();\n\t\tfullTextValueClone.remove();\n\t}\n\n\t/**\n\t * Validates the {@link #minRows} and {@link #maxRows} properties and warns in the console if the configuration is incorrect.\n\t */\n\tprivate _validateMinMaxRows() {\n\t\tif ( this.minRows > this.maxRows ) {\n\t\t\t/**\n\t\t\t * The minimum number of rows is greater than the maximum number of rows.\n\t\t\t *\n\t\t\t * @error ui-textarea-view-min-rows-greater-than-max-rows\n\t\t\t * @param {module:ui/textarea/textareaview~TextareaView} textareaView The misconfigured textarea view instance.\n\t\t\t * @param {number} minRows The value of `minRows` property.\n\t\t\t * @param {number} maxRows The value of `maxRows` property.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'ui-textarea-view-min-rows-greater-than-max-rows', {\n\t\t\t\ttextareaView: this,\n\t\t\t\tminRows: this.minRows,\n\t\t\t\tmaxRows: this.maxRows\n\t\t\t} );\n\t\t}\n\t}\n}\n\nfunction getTextareaElementClone( element: HTMLTextAreaElement, value: string ): HTMLTextAreaElement {\n\tconst clone = element.cloneNode() as HTMLTextAreaElement;\n\n\tclone.style.position = 'absolute';\n\tclone.style.top = '-99999px';\n\tclone.style.left = '-99999px';\n\tclone.style.height = 'auto';\n\tclone.style.overflow = 'hidden';\n\tclone.style.width = element.ownerDocument.defaultView!.getComputedStyle( element ).width;\n\tclone.tabIndex = -1;\n\tclone.rows = 1;\n\tclone.value = value;\n\n\telement.parentNode!.insertBefore( clone, element );\n\n\treturn clone;\n}\n\n/**\n * Fired every time the layout of the {@link module:ui/textarea/textareaview~TextareaView} possibly changed as a result\n * of the user input or the value change via {@link module:ui/textarea/textareaview~TextareaView#value}.\n *\n * @eventName ~TextareaView#update\n */\nexport type TextareaViewUpdateEvent = {\n\tname: 'update';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/dropdownpanelview\n */\n\nimport { View } from '../view.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { type DropdownPanelFocusable } from './dropdownpanelfocusable.js';\n\nimport { logWarning, type Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The dropdown panel view class.\n *\n * See {@link module:ui/dropdown/dropdownview~DropdownView} to learn about the common usage.\n */\nexport class DropdownPanelView extends View implements DropdownPanelFocusable {\n\t/**\n\t * Collection of the child views in this panel.\n\t *\n\t * A common child type is the {@link module:ui/list/listview~ListView} and {@link module:ui/toolbar/toolbarview~ToolbarView}.\n\t * See {@link module:ui/dropdown/utils~addListToDropdown} and\n\t * {@link module:ui/dropdown/utils~addToolbarToDropdown} to learn more about child views of dropdowns.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * Controls whether the panel is visible.\n\t *\n\t * @observable\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * The position of the panel, relative to the parent.\n\t *\n\t * This property is reflected in the CSS class set to {@link #element} that controls\n\t * the position of the panel.\n\t *\n\t * @observable\n\t * @default 'se'\n\t */\n\tdeclare public position: PanelPosition;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'isVisible', false );\n\t\tthis.set( 'position', 'se' );\n\n\t\tthis.children = this.createCollection();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-reset',\n\t\t\t\t\t'ck-dropdown__panel',\n\t\t\t\t\tbind.to( 'position', value => `ck-dropdown__panel_${ value }` ),\n\t\t\t\t\tbind.if( 'isVisible', 'ck-dropdown__panel-visible' )\n\t\t\t\t],\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: this.children,\n\n\t\t\ton: {\n\t\t\t\t// Drag and drop in the panel should not break the selection in the editor.\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-ui/issues/228\n\t\t\t\tselectstart: bind.to( evt => {\n\t\t\t\t\tif ( ( evt.target as HTMLElement ).tagName.toLocaleLowerCase() === 'input' ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tevt.preventDefault();\n\t\t\t\t} )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Focuses the first view in the {@link #children} collection.\n\t *\n\t * See also {@link module:ui/dropdown/dropdownpanelfocusable~DropdownPanelFocusable}.\n\t */\n\tpublic focus(): void {\n\t\tif ( this.children.length ) {\n\t\t\tconst firstChild: any = this.children.first;\n\n\t\t\tif ( typeof firstChild.focus === 'function' ) {\n\t\t\t\tfirstChild.focus();\n\t\t\t} else {\n\t\t\t\t/**\n\t\t\t\t * The child view of a dropdown could not be focused because it is missing the `focus()` method.\n\t\t\t\t *\n\t\t\t\t * This warning appears when a dropdown {@link module:ui/dropdown/dropdownview~DropdownView#isOpen gets open} and it\n\t\t\t\t * attempts to focus the {@link module:ui/dropdown/dropdownpanelview~DropdownPanelView#children first child} of its panel\n\t\t\t\t * but the child does not implement the\n\t\t\t\t * {@link module:ui/dropdown/dropdownpanelfocusable~DropdownPanelFocusable focusable interface}.\n\t\t\t\t *\n\t\t\t\t * Focusing the content of a dropdown on open greatly improves the accessibility. Please make sure the view instance\n\t\t\t\t * provides the `focus()` method for the best user experience.\n\t\t\t\t *\n\t\t\t\t * @error ui-dropdown-panel-focus-child-missing-focus\n\t\t\t\t * @param {module:ui/view~View} childView Child view.\n\t\t\t\t * @param {module:ui/dropdown/dropdownpanelview~DropdownPanelView} dropdownPanel A parent of a child.\n\t\t\t\t */\n\t\t\t\tlogWarning( 'ui-dropdown-panel-focus-child-missing-focus', { childView: this.children.first, dropdownPanel: this } );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Focuses the view element or last item in view collection on opening dropdown's panel.\n\t *\n\t * See also {@link module:ui/dropdown/dropdownpanelfocusable~DropdownPanelFocusable}.\n\t */\n\tpublic focusLast(): void {\n\t\tif ( this.children.length ) {\n\t\t\tconst lastChild: any = this.children.last;\n\n\t\t\tif ( typeof lastChild.focusLast === 'function' ) {\n\t\t\t\tlastChild.focusLast();\n\t\t\t} else {\n\t\t\t\tlastChild.focus();\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * The position of the panel, relative to the parent.\n */\nexport type PanelPosition = 's' | 'se' | 'sw' | 'sme' | 'smw' | 'n' | 'ne' | 'nw' | 'nme' | 'nmw';\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/dropdownview\n */\n\nimport { View } from '../view.js';\n\nimport type { DropdownButton, DropdownButtonOpenEvent } from './button/dropdownbutton.js';\nimport type { DropdownPanelView, PanelPosition } from './dropdownpanelview.js';\nimport type { FocusableView } from '../focuscycler.js';\nimport { type ListView } from '../list/listview.js';\nimport { type ToolbarView } from '../toolbar/toolbarview.js';\nimport { type DropdownMenuRootListView } from './menu/dropdownmenurootlistview.js';\n\nimport {\n\tKeystrokeHandler,\n\tFocusTracker,\n\tgetOptimalPosition,\n\ttype Locale,\n\ttype ObservableChangeEvent,\n\ttype PositioningFunction\n} from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/dropdown/dropdown.css';\n\n/**\n * The dropdown view class. It manages the dropdown button and dropdown panel.\n *\n * In most cases, the easiest way to create a dropdown is by using the {@link module:ui/dropdown/utils~createDropdown}\n * util:\n *\n * ```ts\n * const dropdown = createDropdown( locale );\n *\n * // Configure dropdown's button properties:\n * dropdown.buttonView.set( {\n * \tlabel: 'A dropdown',\n * \twithText: true\n * } );\n *\n * dropdown.render();\n *\n * dropdown.panelView.element.textContent = 'Content of the panel';\n *\n * // Will render a dropdown with a panel containing a \"Content of the panel\" text.\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * If you want to add a richer content to the dropdown panel, you can use the {@link module:ui/dropdown/utils~addListToDropdown}\n * and {@link module:ui/dropdown/utils~addToolbarToDropdown} helpers. See more examples in\n * {@link module:ui/dropdown/utils~createDropdown} documentation.\n *\n * If you want to create a completely custom dropdown, then you can compose it manually:\n *\n * ```ts\n * const button = new DropdownButtonView( locale );\n * const panel = new DropdownPanelView( locale );\n * const dropdown = new DropdownView( locale, button, panel );\n *\n * button.set( {\n * \tlabel: 'A dropdown',\n * \twithText: true\n * } );\n *\n * dropdown.render();\n *\n * panel.element.textContent = 'Content of the panel';\n *\n * // Will render a dropdown with a panel containing a \"Content of the panel\" text.\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * However, dropdown created this way will contain little behavior. You will need to implement handlers for actions\n * such as {@link module:ui/bindings/clickoutsidehandler~clickOutsideHandler clicking outside an open dropdown}\n * (which should close it) and support for arrow keys inside the panel. Therefore, unless you really know what\n * you do and you really need to do it, it is recommended to use the {@link module:ui/dropdown/utils~createDropdown} helper.\n */\nexport class DropdownView extends View<HTMLDivElement> {\n\t/**\n\t * Button of the dropdown view. Clicking the button opens the {@link #panelView}.\n\t */\n\tpublic readonly buttonView: DropdownButton & FocusableView;\n\n\t/**\n\t * Panel of the dropdown. It opens when the {@link #buttonView} is\n\t * {@link module:ui/button/button~Button#event:execute executed} (i.e. clicked).\n\t *\n\t * Child views can be added to the panel's `children` collection:\n\t *\n\t * ```ts\n\t * dropdown.panelView.children.add( childView );\n\t * ```\n\t *\n\t * See {@link module:ui/dropdown/dropdownpanelview~DropdownPanelView#children} and\n\t * {@link module:ui/viewcollection~ViewCollection#add}.\n\t */\n\tpublic readonly panelView: DropdownPanelView;\n\n\t/**\n\t * Tracks information about the DOM focus in the dropdown.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}. It manages\n\t * keystrokes of the dropdown:\n\t *\n\t * * <kbd>▼</kbd> opens the dropdown,\n\t * * <kbd>◀</kbd> and <kbd>Esc</kbd> closes the dropdown.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A child {@link module:ui/list/listview~ListView list view} of the dropdown located\n\t * in its {@link module:ui/dropdown/dropdownview~DropdownView#panelView panel}.\n\t *\n\t * **Note**: Only supported when dropdown has list view added using {@link module:ui/dropdown/utils~addListToDropdown}.\n\t */\n\tpublic listView?: ListView;\n\n\t/**\n\t * A child toolbar of the dropdown located in the\n\t * {@link module:ui/dropdown/dropdownview~DropdownView#panelView panel}.\n\t *\n\t * **Note**: Only supported when dropdown has a toolbar added using {@link module:ui/dropdown/utils~addToolbarToDropdown}.\n\t */\n\tpublic toolbarView?: ToolbarView;\n\n\t/**\n\t * A child menu component of the dropdown located\n\t * in its {@link module:ui/dropdown/dropdownview~DropdownView#panelView panel}.\n\t *\n\t * **Note**: Only supported when dropdown has a menu added using {@link module:ui/dropdown/utils~addMenuToDropdown}.\n\t */\n\tpublic menuView?: DropdownMenuRootListView;\n\n\t/**\n\t * Controls whether the dropdown view is open, i.e. shows or hides the {@link #panelView panel}.\n\t *\n\t * **Note**: When the dropdown gets open, it will attempt to call `focus()` on the first child of its {@link #panelView}.\n\t * See {@link module:ui/dropdown/utils~addToolbarToDropdown}, {@link module:ui/dropdown/utils~addListToDropdown}, and\n\t * {@link module:ui/dropdown/utils~focusChildOnDropdownOpen} to learn more about focus management in dropdowns.\n\t *\n\t * @observable\n\t */\n\tdeclare public isOpen: boolean;\n\n\t/**\n\t * Controls whether the dropdown is enabled, i.e. it can be clicked and execute an action.\n\t *\n\t * See {@link module:ui/button/buttonview~ButtonView#isEnabled}.\n\t *\n\t * @observable\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * (Optional) The additional CSS class set on the dropdown {@link #element}.\n\t *\n\t * @observable\n\t */\n\tdeclare public class: string | undefined;\n\n\t/**\n\t * (Optional) The `id` attribute of the dropdown (i.e. to pair with a `<label>` element).\n\t *\n\t * @observable\n\t */\n\tdeclare public id: string | undefined;\n\n\t/**\n\t * The position of the panel, relative to the dropdown.\n\t *\n\t * **Note**: When `'auto'`, the panel will use one of the remaining positions to stay\n\t * in the viewport, visible to the user. The positions correspond directly to\n\t * {@link module:ui/dropdown/dropdownview~DropdownView.defaultPanelPositions default panel positions}.\n\t *\n\t * **Note**: This value has an impact on the\n\t * {@link module:ui/dropdown/dropdownpanelview~DropdownPanelView#position} property\n\t * each time the panel becomes {@link #isOpen open}.\n\t *\n\t * @observable\n\t * @default 'auto'\n\t */\n\tdeclare public panelPosition: PanelPosition | 'auto';\n\n\t/**\n\t * @observable\n\t */\n\tdeclare public ariaDescribedById: string | undefined;\n\n\t/**\n\t * Creates an instance of the dropdown.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor(\n\t\tlocale: Locale | undefined,\n\t\tbuttonView: DropdownButton & FocusableView,\n\t\tpanelView: DropdownPanelView\n\t) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.buttonView = buttonView;\n\t\tthis.panelView = panelView;\n\n\t\tthis.set( 'isOpen', false );\n\t\tthis.set( 'isEnabled', true );\n\t\tthis.set( 'class', undefined );\n\t\tthis.set( 'id', undefined );\n\t\tthis.set( 'panelPosition', 'auto' );\n\n\t\t// Toggle the visibility of the panel when the dropdown becomes open.\n\t\tthis.panelView.bind( 'isVisible' ).to( this, 'isOpen' );\n\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.focusTracker = new FocusTracker();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-dropdown',\n\t\t\t\t\tbind.to( 'class' ),\n\t\t\t\t\tbind.if( 'isEnabled', 'ck-disabled', value => !value )\n\t\t\t\t],\n\t\t\t\tid: bind.to( 'id' ),\n\t\t\t\t'aria-describedby': bind.to( 'ariaDescribedById' )\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\tbuttonView,\n\t\t\t\tpanelView\n\t\t\t]\n\t\t} );\n\n\t\tbuttonView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-dropdown__button'\n\t\t\t\t],\n\t\t\t\t'data-cke-tooltip-disabled': bind.to( 'isOpen' )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.focusTracker.add( this.buttonView.element! );\n\t\tthis.focusTracker.add( this.panelView.element! );\n\n\t\t// Toggle the dropdown when its button has been clicked.\n\t\tthis.listenTo<DropdownButtonOpenEvent>( this.buttonView, 'open', () => {\n\t\t\tthis.isOpen = !this.isOpen;\n\t\t} );\n\n\t\t// Let the dropdown control the position of the panel. The position must\n\t\t// be updated every time the dropdown is open.\n\t\tthis.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( evt, name, isOpen ) => {\n\t\t\tif ( !isOpen ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If \"auto\", find the best position of the panel to fit into the viewport.\n\t\t\t// Otherwise, simply assign the static position.\n\t\t\tif ( this.panelPosition === 'auto' ) {\n\t\t\t\tconst optimalPanelPosition = DropdownView._getOptimalPosition( {\n\t\t\t\t\telement: this.panelView.element!,\n\t\t\t\t\ttarget: this.buttonView.element!,\n\t\t\t\t\tfitInViewport: true,\n\t\t\t\t\tpositions: this._panelPositions\n\t\t\t\t} );\n\n\t\t\t\tthis.panelView.position = (\n\t\t\t\t\toptimalPanelPosition ? optimalPanelPosition.name : this._defaultPanelPositionName\n\t\t\t\t) as PanelPosition;\n\t\t\t} else {\n\t\t\t\tthis.panelView.position = this.panelPosition;\n\t\t\t}\n\t\t} );\n\n\t\t// Listen for keystrokes coming from within #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\n\t\tconst closeDropdown = ( data: unknown, cancel: () => void ) => {\n\t\t\tif ( this.isOpen ) {\n\t\t\t\tthis.isOpen = false;\n\t\t\t\tcancel();\n\t\t\t}\n\t\t};\n\n\t\t// Open the dropdown panel using the arrow down key, just like with return or space.\n\t\tthis.keystrokes.set( 'arrowdown', ( data, cancel ) => {\n\t\t\t// Don't open if the dropdown is disabled or already open.\n\t\t\tif ( this.buttonView.isEnabled && !this.isOpen ) {\n\t\t\t\tthis.isOpen = true;\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\n\t\t// Block the right arrow key (until nested dropdowns are implemented).\n\t\tthis.keystrokes.set( 'arrowright', ( data, cancel ) => {\n\t\t\tif ( this.isOpen ) {\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\n\t\t// Close the dropdown using the arrow left/escape key.\n\t\tthis.keystrokes.set( 'arrowleft', closeDropdown );\n\t\tthis.keystrokes.set( 'esc', closeDropdown );\n\t}\n\n\t/**\n\t * Focuses the {@link #buttonView}.\n\t */\n\tpublic focus(): void {\n\t\tthis.buttonView.focus();\n\t}\n\n\t/**\n\t * Returns {@link #panelView panel} positions to be used by the\n\t * {@link module:utils/dom/position~getOptimalPosition `getOptimalPosition()`}\n\t * utility considering the direction of the language the UI of the editor is displayed in.\n\t */\n\tprivate get _panelPositions(): Array<PositioningFunction> {\n\t\tconst {\n\t\t\tsouth, north,\n\t\t\tsouthEast, southWest,\n\t\t\tnorthEast, northWest,\n\t\t\tsouthMiddleEast, southMiddleWest,\n\t\t\tnorthMiddleEast, northMiddleWest\n\t\t} = DropdownView.defaultPanelPositions;\n\n\t\tif ( this.locale!.uiLanguageDirection !== 'rtl' ) {\n\t\t\treturn [\n\t\t\t\tsouthEast, southWest, southMiddleEast, southMiddleWest, south,\n\t\t\t\tnorthEast, northWest, northMiddleEast, northMiddleWest, north\n\t\t\t];\n\t\t} else {\n\t\t\treturn [\n\t\t\t\tsouthWest, southEast, southMiddleWest, southMiddleEast, south,\n\t\t\t\tnorthWest, northEast, northMiddleWest, northMiddleEast, north\n\t\t\t];\n\t\t}\n\t}\n\n\t/**\n\t * Returns the default position of the dropdown panel based on the direction of the UI language.\n\t * It is used when the {@link #panelPosition} is set to `'auto'` and the panel has not found a\n\t * suitable position to fit into the viewport.\n\t */\n\tprivate get _defaultPanelPositionName(): PanelPosition {\n\t\treturn this.locale!.uiLanguageDirection === 'rtl' ? 'sw' : 'se';\n\t}\n\n\t/**\n\t * A set of positioning functions used by the dropdown view to determine\n\t * the optimal position (i.e. fitting into the browser viewport) of its\n\t * {@link module:ui/dropdown/dropdownview~DropdownView#panelView panel} when\n\t * {@link module:ui/dropdown/dropdownview~DropdownView#panelPosition} is set to 'auto'`.\n\t *\n\t * The available positioning functions are as follow:\n\t *\n\t * **South**\n\t *\n\t * * `south`\n\t *\n\t * ```\n\t *\t\t\t[ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southEast`\n\t *\n\t * ```\n\t *\t\t[ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southWest`\n\t *\n\t * ```\n\t *\t\t         [ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southMiddleEast`\n\t *\n\t * ```\n\t *\t\t  [ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * * `southMiddleWest`\n\t *\n\t * ```\n\t *\t\t       [ Button ]\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t * ```\n\t *\n\t * **North**\n\t *\n\t * * `north`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t    [ Button ]\n\t * ```\n\t *\n\t * * `northEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t[ Button ]\n\t * ```\n\t *\n\t * * `northWest`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t         [ Button ]\n\t * ```\n\t *\n\t * * `northMiddleEast`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t  [ Button ]\n\t * ```\n\t *\n\t * * `northMiddleWest`\n\t *\n\t * ```\n\t *\t\t+-----------------+\n\t *\t\t|      Panel      |\n\t *\t\t+-----------------+\n\t *\t\t       [ Button ]\n\t * ```\n\t *\n\t * Positioning functions are compatible with {@link module:utils/dom/position~DomPoint}.\n\t *\n\t * The name that position function returns will be reflected in dropdown panel's class that\n\t * controls its placement. See {@link module:ui/dropdown/dropdownview~DropdownView#panelPosition}\n\t * to learn more.\n\t */\n\tpublic static defaultPanelPositions: Record<string, PositioningFunction> = {\n\t\tsouth: ( buttonRect, panelRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.bottom,\n\t\t\t\tleft: buttonRect.left - ( panelRect.width - buttonRect.width ) / 2,\n\t\t\t\tname: 's'\n\t\t\t};\n\t\t},\n\t\tsouthEast: buttonRect => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.bottom,\n\t\t\t\tleft: buttonRect.left,\n\t\t\t\tname: 'se'\n\t\t\t};\n\t\t},\n\t\tsouthWest: ( buttonRect, panelRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.bottom,\n\t\t\t\tleft: buttonRect.left - panelRect.width + buttonRect.width,\n\t\t\t\tname: 'sw'\n\t\t\t};\n\t\t},\n\t\tsouthMiddleEast: ( buttonRect, panelRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.bottom,\n\t\t\t\tleft: buttonRect.left - ( panelRect.width - buttonRect.width ) / 4,\n\t\t\t\tname: 'sme'\n\t\t\t};\n\t\t},\n\t\tsouthMiddleWest: ( buttonRect, panelRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.bottom,\n\t\t\t\tleft: buttonRect.left - ( panelRect.width - buttonRect.width ) * 3 / 4,\n\t\t\t\tname: 'smw'\n\t\t\t};\n\t\t},\n\t\tnorth: ( buttonRect, panelRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.top - panelRect.height,\n\t\t\t\tleft: buttonRect.left - ( panelRect.width - buttonRect.width ) / 2,\n\t\t\t\tname: 'n'\n\t\t\t};\n\t\t},\n\t\tnorthEast: ( buttonRect, panelRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.top - panelRect.height,\n\t\t\t\tleft: buttonRect.left,\n\t\t\t\tname: 'ne'\n\t\t\t};\n\t\t},\n\t\tnorthWest: ( buttonRect, panelRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.top - panelRect.height,\n\t\t\t\tleft: buttonRect.left - panelRect.width + buttonRect.width,\n\t\t\t\tname: 'nw'\n\t\t\t};\n\t\t},\n\t\tnorthMiddleEast: ( buttonRect, panelRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.top - panelRect.height,\n\t\t\t\tleft: buttonRect.left - ( panelRect.width - buttonRect.width ) / 4,\n\t\t\t\tname: 'nme'\n\t\t\t};\n\t\t},\n\t\tnorthMiddleWest: ( buttonRect, panelRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: buttonRect.top - panelRect.height,\n\t\t\t\tleft: buttonRect.left - ( panelRect.width - buttonRect.width ) * 3 / 4,\n\t\t\t\tname: 'nmw'\n\t\t\t};\n\t\t}\n\t};\n\n\t/**\n\t * A function used to calculate the optimal position for the dropdown panel.\n\t */\n\tprivate static _getOptimalPosition = getOptimalPosition;\n}\n\n/**\n * Fired when an item inside the dropdown is executed.\n *\n * **Note**: Only supported when dropdown was integrated with its child view using one of the helper functions:\n * {@link module:ui/dropdown/utils~addListToDropdown}, {@link module:ui/dropdown/utils~addToolbarToDropdown}, or\n * {@link module:ui/dropdown/utils~addMenuToDropdown}.\n *\n * When integrated with a list, it fires when a child of one of {@link module:ui/list/listitemview~ListItemView}s\n * fired `execute` event.\n *\n * When integrated with a toolbar, it fires when one of the buttons has been {@link module:ui/button/button~Button#event:execute executed}.\n *\n * When integrated with a nested menu, it fires when one of the menu buttons has been executed.\n *\n * In each case, the event is delegated from the component which fired it. It does not have additional parameters and `event.source` is the\n * original component.\n *\n * @eventName ~DropdownView#execute\n */\nexport type DropdownViewEvent = {\n\tname: 'execute';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/button/dropdownbuttonview\n */\n\nimport { IconDropdownArrow } from '@ckeditor/ckeditor5-icons';\nimport { ButtonView } from '../../button/buttonview.js';\nimport { type DropdownButton } from './dropdownbutton.js';\nimport { IconView } from '../../icon/iconview.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The default dropdown button view class.\n *\n * ```ts\n * const view = new DropdownButtonView();\n *\n * view.set( {\n * \tlabel: 'A button',\n * \tkeystroke: 'Ctrl+B',\n * \ttooltip: true\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n *\n * Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.\n */\nexport class DropdownButtonView extends ButtonView implements DropdownButton {\n\t/**\n\t * An icon that displays arrow to indicate a dropdown button.\n\t */\n\tpublic readonly arrowView: IconView;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.arrowView = this._createArrowView();\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\t'aria-haspopup': true,\n\t\t\t\t'aria-expanded': this.bindTemplate.to( 'isOn', value => String( value ) )\n\t\t\t}\n\t\t} );\n\n\t\t// The DropdownButton interface expects the open event upon which will open the dropdown.\n\t\tthis.delegate( 'execute' ).to( this, 'open' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.children.add( this.arrowView );\n\t}\n\n\t/**\n\t * Creates a {@link module:ui/icon/iconview~IconView} instance as {@link #arrowView}.\n\t */\n\tprivate _createArrowView() {\n\t\tconst arrowView = new IconView();\n\n\t\tarrowView.content = IconDropdownArrow;\n\n\t\tarrowView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-dropdown__arrow'\n\t\t\t}\n\t\t} );\n\n\t\treturn arrowView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/menu/dropdownmenulistitembuttonview\n */\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\nimport { ButtonView } from '../../button/buttonview.js';\n\nimport '../../../theme/components/dropdown/menu/dropdownmenulistitembutton.css';\n\n/**\n * Represents a view for a button in a dropdown menu list item.\n */\nexport class DropdownMenuListItemButtonView extends ButtonView {\n\tpublic readonly id: string;\n\n\tconstructor( locale: Locale, id: string, label: string ) {\n\t\tsuper( locale );\n\n\t\tthis.id = id;\n\n\t\tthis.set( {\n\t\t\twithText: true,\n\t\t\twithKeystroke: true,\n\t\t\ttooltip: false,\n\t\t\trole: 'menuitem',\n\t\t\tlabel\n\t\t} );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-dropdown-menu-list__nested-menu__item__button'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/menu/dropdownmenubuttonview\n */\n\nimport { IconDropdownArrow } from '@ckeditor/ckeditor5-icons';\nimport { IconView } from '../../icon/iconview.js';\nimport { ListItemButtonView } from '../../button/listitembuttonview.js';\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../../theme/components/dropdown/menu/dropdownmenubutton.css';\n\n/**\n * Represents a view for a dropdown menu button.\n */\nexport class DropdownMenuButtonView extends ListItemButtonView {\n\t/**\n\t * An icon that displays an arrow to indicate a direction of the menu.\n\t */\n\tpublic readonly arrowView: IconView;\n\n\t/**\n\t * Creates an instance of the dropdown menu button view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( {\n\t\t\twithText: true,\n\t\t\trole: 'menuitem'\n\t\t} );\n\n\t\tthis.arrowView = this._createArrowView();\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-dropdown-menu-list__nested-menu__button'\n\t\t\t\t],\n\t\t\t\t'aria-haspopup': true,\n\t\t\t\t'aria-expanded': this.bindTemplate.to( 'isOn', value => String( value ) ),\n\t\t\t\t'data-cke-tooltip-disabled': bind.to( 'isOn' )\n\t\t\t},\n\t\t\ton: {\n\t\t\t\t'mouseenter': bind.to( 'mouseenter' )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.children.add( this.arrowView );\n\t}\n\n\t/**\n\t * Creates the arrow view instance.\n\t *\n\t * @private\n\t */\n\tprivate _createArrowView() {\n\t\tconst arrowView = new IconView();\n\n\t\tarrowView.content = IconDropdownArrow;\n\t\tarrowView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-dropdown-menu-list__nested-menu__button__arrow'\n\t\t\t}\n\t\t} );\n\n\t\treturn arrowView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/list/listitemview\n */\n\nimport { View } from '../view.js';\n\nimport type { FocusableView } from '../focuscycler.js';\nimport { type ViewCollection } from '../viewcollection.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The list item view class.\n */\nexport class ListItemView extends View {\n\t/**\n\t * Collection of the child views inside of the list item {@link #element}.\n\t */\n\tpublic readonly children: ViewCollection<FocusableView>;\n\n\t/**\n\t * Controls whether the item view is visible. Visible by default, list items are hidden\n\t * using a CSS class.\n\t *\n\t * @observable\n\t * @default true\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'isVisible', true );\n\n\t\tthis.children = this.createCollection();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'li',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-list__item',\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value )\n\t\t\t\t],\n\t\t\t\trole: 'presentation'\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * Focuses the list item.\n\t */\n\tpublic focus(): void {\n\t\tif ( this.children.first ) {\n\t\t\tthis.children.first.focus();\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/list/listseparatorview\n */\n\nimport { View } from '../view.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The list separator view class.\n */\nexport class ListSeparatorView extends View {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'li',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-list__separator'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/list/listitemgroupview\n */\n\nimport { View } from '../view.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { ListView } from './listview.js';\nimport { type ListItemView } from './listitemview.js';\nimport { LabelView } from '../label/labelview.js';\nimport { ListSeparatorView } from './listseparatorview.js';\n\nimport { type Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The list item group view class.\n */\nexport class ListItemGroupView extends View {\n\t/**\n\t * The visible label of the group.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public label: string;\n\n\t/**\n\t * Label of the group view. Its text is configurable using the {@link #label label attribute}.\n\t *\n\t * If a custom label view is not passed in `ListItemGroupView` constructor, the label is an instance\n\t * of {@link module:ui/label/labelview~LabelView}.\n\t */\n\tpublic readonly labelView: LabelView;\n\n\t/**\n\t * Collection of the child list items inside this group.\n\t */\n\tpublic readonly items: ListView[ 'items' ];\n\n\t/**\n\t * Collection of the child elements of the group.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * Controls whether the item view is visible. Visible by default, list items are hidden\n\t * using a CSS class.\n\t *\n\t * @observable\n\t * @default true\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * Creates an instance of the list item group view class.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param labelView The instance of the group's label. If not provided, an instance of\n\t * {@link module:ui/label/labelview~LabelView} is used.\n\t */\n\tconstructor( locale?: Locale, labelView: LabelView = new LabelView() ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\t\tconst nestedList = new ListView( locale );\n\n\t\tthis.set( {\n\t\t\tlabel: '',\n\t\t\tisVisible: true\n\t\t} );\n\n\t\tthis.labelView = labelView;\n\t\tthis.labelView.bind( 'text' ).to( this, 'label' );\n\n\t\tthis.children = this.createCollection();\n\t\tthis.children.addMany( [ this.labelView, nestedList ] );\n\n\t\tnestedList.set( {\n\t\t\trole: 'group',\n\t\t\tariaLabelledBy: labelView.id\n\t\t} );\n\n\t\t// Disable focus tracking and accessible navigation in the child list.\n\t\tnestedList.focusTracker.destroy();\n\t\tnestedList.keystrokes.destroy();\n\n\t\tthis.items = nestedList.items;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'li',\n\n\t\t\tattributes: {\n\t\t\t\trole: 'presentation',\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-list__group',\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value )\n\t\t\t\t]\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * Focuses the list item (which is not a separator).\n\t */\n\tpublic focus(): void {\n\t\tif ( this.items ) {\n\t\t\tconst firstListItem = this.items.find( item => !( item instanceof ListSeparatorView ) ) as ListItemView | ListItemGroupView;\n\t\t\tif ( firstListItem ) {\n\t\t\t\tfirstListItem.focus();\n\t\t\t}\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/list/listview\n */\n\nimport { View } from '../view.js';\nimport { FocusCycler, type FocusableView } from '../focuscycler.js';\n\nimport { ListItemView } from './listitemview.js';\nimport { ListItemGroupView } from './listitemgroupview.js';\nimport { type ListSeparatorView } from './listseparatorview.js';\nimport { type DropdownPanelFocusable } from '../dropdown/dropdownpanelfocusable.js';\nimport { ViewCollection } from '../viewcollection.js';\n\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\ttype Locale,\n\ttype GetCallback,\n\ttype CollectionChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/list/list.css';\n\n/**\n * The list view class.\n */\nexport class ListView extends View<HTMLUListElement> implements DropdownPanelFocusable {\n\t/**\n\t * The collection of focusable views in the list. It is used to determine accessible navigation\n\t * between the {@link module:ui/list/listitemview~ListItemView list items} and\n\t * {@link module:ui/list/listitemgroupview~ListItemGroupView list groups}.\n\t */\n\tpublic readonly focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Collection of the child list views.\n\t */\n\tpublic readonly items: ViewCollection<ListItemView | ListItemGroupView | ListSeparatorView>;\n\n\t/**\n\t * Tracks information about DOM focus in the list.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Label used by assistive technologies to describe this list element.\n\t *\n\t * @observable\n\t */\n\tdeclare public ariaLabel: string | undefined;\n\n\t/**\n\t * (Optional) The ARIA property reflected by the `aria-ariaLabelledBy` DOM attribute used by assistive technologies.\n\t *\n\t * @observable\n\t */\n\tdeclare public ariaLabelledBy?: string | undefined;\n\n\t/**\n\t * The property reflected by the `role` DOM attribute to be used by assistive technologies.\n\t *\n\t * @observable\n\t */\n\tdeclare public role: string | undefined;\n\n\t/**\n\t * Helps cycling over focusable {@link #items} in the list.\n\t */\n\tprivate readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * A cached map of {@link module:ui/list/listitemgroupview~ListItemGroupView} to `change` event listeners for their `items`.\n\t * Used for accessibility and keyboard navigation purposes.\n\t */\n\tprivate readonly _listItemGroupToChangeListeners: WeakMap<ListItemGroupView, GetCallback<ListItemsChangeEvent>> = new WeakMap();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.focusables = new ViewCollection();\n\t\tthis.items = this.createCollection();\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this.focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate list items backwards using the arrowup key.\n\t\t\t\tfocusPrevious: 'arrowup',\n\n\t\t\t\t// Navigate toolbar items forwards using the arrowdown key.\n\t\t\t\tfocusNext: 'arrowdown'\n\t\t\t}\n\t\t} );\n\n\t\tthis.set( 'ariaLabel', undefined );\n\t\tthis.set( 'ariaLabelledBy', undefined );\n\t\tthis.set( 'role', undefined );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'ul',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-reset',\n\t\t\t\t\t'ck-list'\n\t\t\t\t],\n\t\t\t\trole: bind.to( 'role' ),\n\t\t\t\t'aria-label': bind.to( 'ariaLabel' ),\n\t\t\t\t'aria-labelledby': bind.to( 'ariaLabelledBy' )\n\t\t\t},\n\n\t\t\tchildren: this.items\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Items added before rendering should be known to the #focusTracker.\n\t\tfor ( const item of this.items ) {\n\t\t\tif ( item instanceof ListItemGroupView ) {\n\t\t\t\tthis._registerFocusableItemsGroup( item );\n\t\t\t} else if ( item instanceof ListItemView ) {\n\t\t\t\tthis._registerFocusableListItem( item );\n\t\t\t}\n\t\t}\n\n\t\tthis.items.on<ListItemsChangeEvent>( 'change', ( evt, data ) => {\n\t\t\tfor ( const removed of data.removed ) {\n\t\t\t\tif ( removed instanceof ListItemGroupView ) {\n\t\t\t\t\tthis._deregisterFocusableItemsGroup( removed );\n\t\t\t\t} else if ( removed instanceof ListItemView ) {\n\t\t\t\t\tthis._deregisterFocusableListItem( removed );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( const added of Array.from( data.added ).reverse() ) {\n\t\t\t\tif ( added instanceof ListItemGroupView ) {\n\t\t\t\t\tthis._registerFocusableItemsGroup( added, data.index );\n\t\t\t\t} else {\n\t\t\t\t\tthis._registerFocusableListItem( added, data.index );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the first focusable in {@link #items}.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Focuses the first focusable in {@link #items}.\n\t */\n\tpublic focusFirst(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Focuses the last focusable in {@link #items}.\n\t */\n\tpublic focusLast(): void {\n\t\tthis._focusCycler.focusLast();\n\t}\n\n\t/**\n\t * Registers a list item view in the focus tracker.\n\t *\n\t * @param item The list item view to be registered.\n\t * @param index Index of the list item view in the {@link #items} collection. If not specified, the item will be added at the end.\n\t */\n\tprivate _registerFocusableListItem( item: ListItemView, index?: number ) {\n\t\tthis.focusTracker.add( item.element! );\n\t\tthis.focusables.add( item, index );\n\t}\n\n\t/**\n\t * Removes a list item view from the focus tracker.\n\t *\n\t * @param item The list item view to be removed.\n\t */\n\tprivate _deregisterFocusableListItem( item: ListItemView ) {\n\t\tthis.focusTracker.remove( item.element! );\n\t\tthis.focusables.remove( item );\n\t}\n\n\t/**\n\t * Gets a callback that will be called when the `items` collection of a {@link module:ui/list/listitemgroupview~ListItemGroupView}\n\t * change.\n\t *\n\t * @param groupView The group view for which the callback will be created.\n\t * @returns The callback function to be used for the items `change` event listener in a group.\n\t */\n\tprivate _getOnGroupItemsChangeCallback( groupView: ListItemGroupView ): GetCallback<ListItemsChangeEvent> {\n\t\treturn ( evt, data ) => {\n\t\t\tfor ( const removed of data.removed ) {\n\t\t\t\tthis._deregisterFocusableListItem( removed );\n\t\t\t}\n\n\t\t\tfor ( const added of Array.from( data.added ).reverse() ) {\n\t\t\t\tthis._registerFocusableListItem( added, this.items.getIndex( groupView ) + data.index );\n\t\t\t}\n\t\t};\n\t}\n\n\t/**\n\t * Registers a list item group view (and its children) in the focus tracker.\n\t *\n\t * @param groupView A group view to be registered.\n\t * @param groupIndex Index of the group view in the {@link #items} collection. If not specified, the group will be added at the end.\n\t */\n\tprivate _registerFocusableItemsGroup( groupView: ListItemGroupView, groupIndex?: number ) {\n\t\tArray.from( groupView.items ).forEach( ( child, childIndex ) => {\n\t\t\tconst registeredChildIndex = typeof groupIndex !== 'undefined' ? groupIndex + childIndex : undefined;\n\n\t\t\tthis._registerFocusableListItem( child as ListItemView, registeredChildIndex );\n\t\t} );\n\n\t\tconst groupItemsChangeCallback = this._getOnGroupItemsChangeCallback( groupView );\n\n\t\t// Cache the reference to the callback in case the group is removed (see _deregisterFocusableItemsGroup()).\n\t\tthis._listItemGroupToChangeListeners.set( groupView, groupItemsChangeCallback );\n\n\t\tgroupView.items.on<ListItemsChangeEvent>( 'change', groupItemsChangeCallback );\n\t}\n\n\t/**\n\t * Removes a list item group view (and its children) from the focus tracker.\n\t *\n\t * @param groupView The group view to be removed.\n\t */\n\tprivate _deregisterFocusableItemsGroup( groupView: ListItemGroupView ) {\n\t\tfor ( const child of groupView.items ) {\n\t\t\tthis._deregisterFocusableListItem( child as ListItemView );\n\t\t}\n\n\t\tgroupView.items.off( 'change', this._listItemGroupToChangeListeners.get( groupView )! );\n\t\tthis._listItemGroupToChangeListeners.delete( groupView );\n\t}\n}\n\n// There's no support for nested groups yet.\ntype ListItemsChangeEvent = CollectionChangeEvent<ListItemView>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/menu/dropdownmenulistview\n */\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\nimport { ListView } from '../../list/listview.js';\n\n/**\n * Represents a dropdown menu list view.\n */\nexport class DropdownMenuListView extends ListView {\n\t/**\n\t * Represents whether the dropdown menu list view is visible or not.\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * Creates an instance of the dropdown menu list view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.role = 'menu';\n\t\tthis.set( 'isVisible', true );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-dropdown-menu-list',\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value )\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/menu/utils\n */\n\nimport type { PositioningFunction } from '@ckeditor/ckeditor5-utils';\n\nconst NESTED_PANEL_HORIZONTAL_OFFSET = 5;\n\n/**\n * Contains every positioning function used by {@link module:ui/dropdown/menu/dropdownmenunestedmenuview~DropdownMenuNestedMenuView} that\n * decides where the {@link module:ui/dropdown/menu/dropdownmenunestedmenuview~DropdownMenuNestedMenuView#panelView} should be placed.\n *\n * Positioning functions:\n *\n *\t┌──────┬───────────────┐\n *\t│      │               │\n *\t└──────┤               │\n *\t       │               │\n *\t       │            ES │\n *\t       └───────────────┘\n *\n *\t┌───────────────┬──────┐\n *\t│               │      │\n *\t│               ├──────┘\n *\t│               │\n *\t│ WS            │\n *\t└───────────────┘\n *\n *\t       ┌───────────────┐\n *\t       │            EN │\n *\t       │               │\n *\t┌──────┤               │\n *\t│      │               │\n *\t└──────┴───────────────┘\n *\n *\t┌───────────────┐\n *\t│ WN            │\n *\t│               │\n *\t│               ├──────┐\n *\t│               │      │\n *\t└───────────────┴──────┘\n */\nexport const DropdownMenuPanelPositioningFunctions: Record<string, PositioningFunction> = {\n\teastSouth: buttonRect => ( {\n\t\ttop: buttonRect.top,\n\t\tleft: buttonRect.right - NESTED_PANEL_HORIZONTAL_OFFSET,\n\t\tname: 'es'\n\t} ),\n\n\teastNorth: ( buttonRect, panelRect ) => ( {\n\t\ttop: buttonRect.top - panelRect.height + buttonRect.height,\n\t\tleft: buttonRect.right - NESTED_PANEL_HORIZONTAL_OFFSET,\n\t\tname: 'en'\n\t} ),\n\n\twestSouth: ( buttonRect, panelRect ) => ( {\n\t\ttop: buttonRect.top,\n\t\tleft: buttonRect.left - panelRect.width + NESTED_PANEL_HORIZONTAL_OFFSET,\n\t\tname: 'ws'\n\t} ),\n\n\twestNorth: ( buttonRect, panelRect ) => ( {\n\t\ttop: buttonRect.top - panelRect.height + buttonRect.height,\n\t\tleft: buttonRect.left - panelRect.width + NESTED_PANEL_HORIZONTAL_OFFSET,\n\t\tname: 'wn'\n\t} )\n} as const;\n\n/**\n * Represents the definition of a dropdown menu.\n */\nexport type DropdownNestedMenuDefinition = {\n\n\t/**\n\t * Unique ID for the menu.\n\t */\n\tid: string;\n\n\t/**\n\t * The menu name. It is used as a label for the button which opens the menu list.\n\t */\n\tmenu: string;\n\n\t/**\n\t * The children of the dropdown menu.\n\t */\n\tchildren: DropdownMenuDefinition;\n};\n\n/**\n * Represents the definition of a dropdown menu item.\n */\nexport type DropdownMenuButtonDefinition = {\n\n\t/**\n\t * Unique ID for the button.\n\t */\n\tid: string;\n\n\t/**\n\t * The label for the button.\n\t */\n\tlabel: string;\n};\n\n/**\n * A definition for a nestable menu component.\n *\n * The menu can be flat and include only top-level items, or it can include multiple levels of nested sub-menus.\n *\n * Example:\n *\n * ```ts\n * [\n * \t{\n * \t\tid: 'menu_1',\n * \t\tmenu: 'Menu 1',\n * \t\tchildren: [\n * \t\t\t{\n * \t\t\t\tid: 'menu_1_1',\n * \t\t\t\tmenu: 'Nested menu 1',\n * \t\t\t\tchildren: [\n * \t\t\t\t\t{\n * \t\t\t\t\t\tid: 'item_x',\n * \t\t\t\t\t\tlabel: 'Item X'\n * \t\t\t\t\t}\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tid: 'menu_1_2',\n * \t\t\t\tmenu: 'Nested menu 2',\n * \t\t\t\tchildren: [\n * \t\t\t\t\t{\n * \t\t\t\t\t\tid: 'item_y',\n * \t\t\t\t\t\tlabel: 'Item Y'\n * \t\t\t\t\t},\n * \t\t\t\t\t{\n * \t\t\t\t\t\tid: 'item_z',\n * \t\t\t\t\t\tlabel: 'Item Z'\n * \t\t\t\t\t}\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tid: 'top_a',\n * \t\tlabel: 'Top Item A'\n * \t},\n * \t{\n * \t\tid: 'top_b',\n * \t\tlabel: 'Top Item B'\n * \t}\n * ];\n * ```\n */\nexport type DropdownMenuDefinition = Array<DropdownNestedMenuDefinition | DropdownMenuButtonDefinition>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/menu/dropdownmenulistitemview\n */\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\nimport { type DropdownMenuNestedMenuView } from './dropdownmenunestedmenuview.js';\n\nimport { ListItemView } from '../../list/listitemview.js';\nimport { DropdownMenuListItemButtonView } from './dropdownmenulistitembuttonview.js';\n\nimport '../../../theme/components/dropdown/menu/dropdownmenulistitem.css';\n\n/**\n * Represents a view for a single item in a dropdown menu list.\n */\nexport class DropdownMenuListItemView extends ListItemView {\n\t/**\n\t * The view representing either a flat item or a nested menu in a dropdown menu list item.\n\t */\n\tpublic readonly childView: DropdownMenuNestedMenuView | DropdownMenuListItemButtonView;\n\n\tconstructor(\n\t\tlocale: Locale,\n\t\tparentMenuView: DropdownMenuNestedMenuView | null,\n\t\tchildView: DropdownMenuNestedMenuView | DropdownMenuListItemButtonView\n\t) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.childView = childView;\n\t\tthis.children.add( childView );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-dropdown-menu-list__nested-menu__item'\n\t\t\t\t]\n\t\t\t},\n\t\t\ton: {\n\t\t\t\t'mouseenter': bind.to( 'mouseenter' )\n\t\t\t}\n\t\t} );\n\n\t\tif ( parentMenuView ) {\n\t\t\tthis.delegate( 'mouseenter' ).to( parentMenuView );\n\n\t\t\tif ( childView instanceof DropdownMenuListItemButtonView ) {\n\t\t\t\tchildView.delegate( 'execute' ).to( parentMenuView );\n\t\t\t}\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/menu/dropdownmenubehaviors\n */\n\nimport type { BaseEvent, ObservableChangeEvent } from '@ckeditor/ckeditor5-utils';\nimport { type DropdownMenuNestedMenuView } from './dropdownmenunestedmenuview.js';\nimport type { FocusableView } from '../../focuscycler.js';\n\nimport type { ButtonExecuteEvent } from '../../button/button.js';\nimport { type DropdownMenuRootListView } from './dropdownmenurootlistview.js';\n\nimport { DropdownMenuListItemView } from './dropdownmenulistitemview.js';\n\n/**\n * @internal\n */\nexport const DropdownRootMenuBehaviors = {\n\t/**\n\t * Move focus to a menu item on mouse hover. If it is a button to open a nested menu, open that menu.\n\t */\n\ttoggleMenusAndFocusItemsOnHover( rootList: DropdownMenuRootListView ): void {\n\t\trootList.on<DropdownMenuMouseEnterEvent>( 'menu:mouseenter', evt => {\n\t\t\tconst [ pathLeaf ] = evt.path;\n\n\t\t\t( evt.source as FocusableView ).focus();\n\n\t\t\tfor ( const menuView of rootList.menus ) {\n\t\t\t\tconst isListItemContainingMenu = pathLeaf instanceof DropdownMenuListItemView && pathLeaf.childView === menuView;\n\n\t\t\t\tmenuView.isOpen = ( evt.path.includes( menuView ) || isListItemContainingMenu ) && menuView.isEnabled;\n\t\t\t}\n\t\t} );\n\t},\n\n\t/**\n\t * Handles the following case:\n\t *\n\t * 1. Hover to open a sub-menu (A). The button has focus.\n\t * 2. Press arrow up/down to move focus to another sub-menu (B) button.\n\t * 3. Press arrow right to open the sub-menu (B).\n\t * 4. The sub-menu (A) should close (if not, there are two open menus).\n\t */\n\tcloseMenuWhenAnotherOnTheSameLevelOpens( rootList: DropdownMenuRootListView ): void {\n\t\trootList.on<DropdownMenuChangeIsOpenEvent>( 'menu:change:isOpen', ( evt, name, isOpen ) => {\n\t\t\tif ( !isOpen ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst evtMenu = evt.source as DropdownMenuNestedMenuView;\n\n\t\t\tfor ( const menuView of rootList.menus ) {\n\t\t\t\tif ( evtMenu.parentMenuView === menuView.parentMenuView && evtMenu !== menuView ) {\n\t\t\t\t\tmenuView.isOpen = false;\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n};\n\n/**\n * @internal\n */\nexport const DropdownMenuBehaviors = {\n\t/**\n\t * Open the menu on the right arrow key press (left, in RTL mode). This allows for navigating to sub-menus using the keyboard.\n\t */\n\topenOnArrowRightKey( menuView: DropdownMenuNestedMenuView ): void {\n\t\tconst keystroke = menuView.locale!.uiLanguageDirection === 'rtl' ? 'arrowleft' : 'arrowright';\n\n\t\tmenuView.keystrokes.set( keystroke, ( data, cancel ) => {\n\t\t\tif ( menuView.focusTracker.focusedElement !== menuView.buttonView.element || !menuView.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !menuView.isOpen ) {\n\t\t\t\tmenuView.isOpen = true;\n\t\t\t}\n\n\t\t\tmenuView.panelView.focus();\n\t\t\tcancel();\n\t\t} );\n\t},\n\n\t/**\n\t * Opens the menu on its button click as well as enter and space keys press (if the button is focused).\n\t */\n\topenOnButtonClick( menuView: DropdownMenuNestedMenuView ): void {\n\t\tmenuView.buttonView.on<ButtonExecuteEvent>( 'execute', () => {\n\t\t\tif ( menuView.isEnabled ) {\n\t\t\t\tmenuView.isOpen = true;\n\t\t\t}\n\t\t} );\n\t},\n\n\t/**\n\t * Opens the menu and focuses the panel content upon pressing the Enter key.\n\t */\n\topenAndFocusOnEnterKeyPress( menuView: DropdownMenuNestedMenuView ): void {\n\t\tmenuView.keystrokes.set( 'enter', ( data, cancel ) => {\n\t\t\t// Engage only for Enter key press when the button is focused. The panel can contain\n\t\t\t// other UI components and features that rely on the Enter key press.\n\t\t\tif ( menuView.focusTracker.focusedElement !== menuView.buttonView.element ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tmenuView.isOpen = true;\n\t\t\tmenuView.panelView.focus();\n\t\t\tcancel();\n\t\t} );\n\t},\n\n\t/**\n\t * Closes the menu on the left key press (right, in RTL mode). This allows for navigating to sub-menus using the keyboard.\n\t */\n\tcloseOnArrowLeftKey( menuView: DropdownMenuNestedMenuView ): void {\n\t\tconst keystroke = menuView.locale!.uiLanguageDirection === 'rtl' ? 'arrowright' : 'arrowleft';\n\n\t\tmenuView.keystrokes.set( keystroke, ( data, cancel ) => {\n\t\t\tif ( menuView.isOpen ) {\n\t\t\t\t// Focus first, then close the panel. Otherwise, Safari won't send blur events for detached DOM elements, leading to errors.\n\t\t\t\tmenuView.focus();\n\t\t\t\tmenuView.isOpen = false;\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\t},\n\n\tcloseOnEscKey( menuView: DropdownMenuNestedMenuView ): void {\n\t\tmenuView.keystrokes.set( 'esc', ( data, cancel ) => {\n\t\t\tif ( menuView.isOpen ) {\n\t\t\t\t// Focus first, then close the panel. Otherwise, Safari won't send blur events for detached DOM elements, leading to errors.\n\t\t\t\tmenuView.focus();\n\t\t\t\tmenuView.isOpen = false;\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\t},\n\n\t/**\n\t * Closes the menu when its parent menu closes. This prevents from leaving orphaned open menus.\n\t */\n\tcloseOnParentClose( menuView: DropdownMenuNestedMenuView, parentMenuView: DropdownMenuNestedMenuView ): void {\n\t\tparentMenuView.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( evt, name, isOpen ) => {\n\t\t\t// TODO: Remove checking `evt.source` if `change:isOpen` is no longer delegated.\n\t\t\tif ( !isOpen && evt.source === parentMenuView ) {\n\t\t\t\tmenuView.isOpen = false;\n\t\t\t}\n\t\t} );\n\t}\n};\n\n/**\n * Represents a dropdown menu mouse enter event.\n */\ninterface DropdownMenuMouseEnterEvent extends BaseEvent {\n\n\t/**\n\t * The name of the event.\n\t */\n\tname: 'menu:mouseenter';\n}\n\n/**\n * Represents a dropdown menu change is open event.\n */\ninterface DropdownMenuChangeIsOpenEvent extends BaseEvent {\n\n\t/**\n\t * The name of the event.\n\t */\n\tname: 'menu:change:isOpen';\n\n\t/**\n\t * The arguments of the event.\n\t */\n\targs: [ name: string, value: boolean, oldValue: boolean ];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/menu/dropdownmenunestedmenupanelview\n */\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\nimport type { FocusableView } from '../../focuscycler.js';\n\nimport { BalloonPanelView } from '../../panel/balloon/balloonpanelview.js';\n\nimport '../../../theme/components/dropdown/menu/dropdownmenupanel.css';\n\n/**\n * Represents the view for the dropdown menu panel.\n */\nexport class DropdownMenuNestedMenuPanelView extends BalloonPanelView implements FocusableView {\n\t/**\n\t * Creates an instance of the menu panel view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( {\n\t\t\tisVisible: false,\n\t\t\tposition: 'se',\n\t\t\tclass: null,\n\t\t\ttop: 0,\n\t\t\tleft: 0\n\t\t} );\n\n\t\tthis.extendTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-reset',\n\t\t\t\t\t'ck-dropdown-menu__nested-menu__panel'\n\t\t\t\t],\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\ton: {\n\t\t\t\t// Drag and drop in the panel should not break the selection in the editor.\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-ui/issues/228\n\t\t\t\tselectstart: bind.to( evt => {\n\t\t\t\t\tif ( ( evt.target as HTMLElement ).tagName.toLocaleLowerCase() === 'input' ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tevt.preventDefault();\n\t\t\t\t} )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Focuses the first child of the panel (default) or the last one if the `direction` is `-1`.\n\t *\n\t * @param direction The direction to focus. Default is `1`.\n\t */\n\tpublic focus( direction: -1 | 1 = 1 ): void {\n\t\tconst { content } = this;\n\n\t\tif ( content.length ) {\n\t\t\tif ( direction === 1 ) {\n\t\t\t\t( content.first as FocusableView ).focus();\n\t\t\t} else {\n\t\t\t\t( content.last as FocusableView ).focus();\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * The names of the positions of the {@link module:ui/dropdown/menu/dropdownmenunestedmenupanelview~DropdownMenuNestedMenuPanelView}.\n *\n * They are reflected as CSS class suffixes on the panel view element.\n */\nexport type DropdownMenuNestedMenuPanelPosition = 'es' | 'ws' | 'en' | 'wn' | 'w' | 'e';\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/menu/dropdownmenunestedmenuview\n */\n\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\tglobal,\n\ttype PositioningFunction,\n\ttype ObservableChangeEvent,\n\ttype Locale\n} from '@ckeditor/ckeditor5-utils';\n\nimport type { FocusableView } from '../../focuscycler.js';\nimport { type BodyCollection } from '../../editorui/bodycollection.js';\n\nimport { DropdownMenuButtonView } from './dropdownmenubuttonview.js';\nimport { DropdownMenuListView } from './dropdownmenulistview.js';\nimport { DropdownMenuPanelPositioningFunctions } from './utils.js';\nimport { DropdownMenuBehaviors } from './dropdownmenubehaviors.js';\n\nimport { View } from '../../view.js';\nimport { DropdownMenuNestedMenuPanelView, type DropdownMenuNestedMenuPanelPosition } from './dropdownmenunestedmenupanelview.js';\n\nimport '../../../theme/components/dropdown/menu/dropdownmenu.css';\n\n/**\n * Represents a nested menu view.\n */\nexport class DropdownMenuNestedMenuView extends View implements FocusableView {\n\t/**\n\t * An array of delegated events for the dropdown menu definition controller.\n\t * These events are delegated to the dropdown menu element.\n\t */\n\t// Due to some spaghetti code we need to delegate `change:isOpen`.\n\tpublic static readonly DELEGATED_EVENTS = [\n\t\t'mouseenter', 'execute', 'change:isOpen'\n\t] as const;\n\n\tpublic readonly id: string;\n\n\t/**\n\t * Button of the menu view.\n\t */\n\tpublic readonly buttonView: DropdownMenuButtonView;\n\n\t/**\n\t * Panel of the menu. It hosts children of the menu.\n\t */\n\tpublic readonly panelView: DropdownMenuNestedMenuPanelView;\n\n\t/**\n\t * List of nested menu entries.\n\t */\n\tpublic readonly listView: DropdownMenuListView;\n\n\t/**\n\t * Tracks information about the DOM focus in the menu.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}. It manages\n\t * keystrokes of the menu.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Controls whether the menu is open, i.e. shows or hides the {@link #panelView panel}.\n\t *\n\t * @observable\n\t */\n\tdeclare public isOpen: boolean;\n\n\t/**\n\t * Controls whether the menu is enabled, i.e. its {@link #buttonView} can be clicked.\n\t *\n\t * @observable\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * (Optional) The additional CSS class set on the menu {@link #element}.\n\t *\n\t * @observable\n\t */\n\tdeclare public class: string | undefined;\n\n\t/**\n\t * The name of the position of the {@link #panelView}, relative to the menu.\n\t *\n\t * **Note**: The value is updated each time the panel gets {@link #isOpen open}.\n\t *\n\t * @observable\n\t * @default 'w'\n\t */\n\tdeclare public panelPosition: DropdownMenuNestedMenuPanelPosition;\n\n\t/**\n\t * The parent menu view of the menu. It is `null` for top-level menus.\n\t *\n\t * @observable\n\t * @default null\n\t */\n\tdeclare public readonly parentMenuView: DropdownMenuNestedMenuView | null;\n\n\tprivate _bodyCollection: BodyCollection;\n\n\t/**\n\t * Creates a new instance of the DropdownMenuView class.\n\t *\n\t * @param locale\n\t * @param bodyCollection\n\t * @param id\n\t * @param label The label for the dropdown menu button.\n\t * @param parentMenuView The parent dropdown menu view, if any.\n\t */\n\tconstructor(\n\t\tlocale: Locale, bodyCollection: BodyCollection, id: string, label: string, parentMenuView: DropdownMenuNestedMenuView | null\n\t) {\n\t\tsuper( locale );\n\n\t\tthis._bodyCollection = bodyCollection;\n\t\tthis.id = id;\n\n\t\tthis.set( {\n\t\t\tisOpen: false,\n\t\t\tisEnabled: true,\n\t\t\tpanelPosition: 'w',\n\t\t\tclass: undefined,\n\t\t\tparentMenuView: null\n\t\t} );\n\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.focusTracker = new FocusTracker();\n\n\t\tthis.buttonView = new DropdownMenuButtonView( locale );\n\t\tthis.buttonView.delegate( 'mouseenter' ).to( this );\n\t\tthis.buttonView.bind( 'isOn', 'isEnabled' ).to( this, 'isOpen', 'isEnabled' );\n\t\tthis.buttonView.label = label;\n\n\t\tthis.panelView = new DropdownMenuNestedMenuPanelView( locale );\n\t\tthis.panelView.isVisible = true;\n\n\t\tthis.listView = new DropdownMenuListView( locale );\n\t\tthis.listView.bind( 'ariaLabel' ).to( this.buttonView, 'label' );\n\n\t\tthis.panelView.content.add( this.listView );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-dropdown-menu-list__nested-menu',\n\t\t\t\t\tbind.to( 'class' ),\n\t\t\t\t\tbind.if( 'isEnabled', 'ck-disabled', value => !value )\n\t\t\t\t],\n\t\t\t\trole: 'presentation'\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\tthis.buttonView\n\t\t\t]\n\t\t} );\n\n\t\tthis.parentMenuView = parentMenuView;\n\n\t\tif ( this.parentMenuView ) {\n\t\t\tthis._handleParentMenuView();\n\t\t}\n\n\t\tthis._attachBehaviors();\n\t}\n\n\t/**\n\t * An array of positioning functions used to determine the position of the dropdown menu panel.\n\t * The order of the functions in the array determines the priority of the positions to be tried.\n\t * The first function that returns a valid position will be used.\n\t *\n\t * @returns {Array<PositioningFunction>} An array of positioning functions.\n\t * @internal\n\t */\n\tpublic get _panelPositions(): Array<PositioningFunction> {\n\t\tconst { westSouth, eastSouth, westNorth, eastNorth } = DropdownMenuPanelPositioningFunctions;\n\n\t\tif ( this.locale!.uiLanguageDirection === 'ltr' ) {\n\t\t\treturn [ eastSouth, eastNorth, westSouth, westNorth ];\n\t\t} else {\n\t\t\treturn [ westSouth, westNorth, eastSouth, eastNorth ];\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.panelView.render();\n\n\t\tthis.focusTracker.add( this.buttonView.element! );\n\t\tthis.focusTracker.add( this.panelView.element! );\n\t\tthis.focusTracker.add( this.listView );\n\n\t\t// Listen for keystrokes coming from within #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\n\t\tthis._mountPanelOnOpen();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis._removePanelFromBody();\n\t\tthis.panelView.destroy();\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus(): void {\n\t\tthis.buttonView.focus();\n\t}\n\n\tprivate _handleParentMenuView(): void {\n\t\t// Propagate events from this component to parent-menu.\n\t\tthis.delegate( ...DropdownMenuNestedMenuView.DELEGATED_EVENTS ).to( this.parentMenuView! );\n\n\t\t// Close this menu if its parent closes.\n\t\tDropdownMenuBehaviors.closeOnParentClose( this, this.parentMenuView! );\n\t}\n\n\t/**\n\t * Attach all keyboard behaviors for the menu view.\n\t */\n\tprivate _attachBehaviors(): void {\n\t\tDropdownMenuBehaviors.openOnButtonClick( this );\n\t\tDropdownMenuBehaviors.openAndFocusOnEnterKeyPress( this );\n\t\tDropdownMenuBehaviors.openOnArrowRightKey( this );\n\t\tDropdownMenuBehaviors.closeOnEscKey( this );\n\t\tDropdownMenuBehaviors.closeOnArrowLeftKey( this );\n\t}\n\n\t/**\n\t * Mounts the portal view in the body when the menu is open and removes it when the menu is closed.\n\t * Binds keystrokes to the portal view when the menu is open.\n\t */\n\tprivate _mountPanelOnOpen(): void {\n\t\tconst { panelView } = this;\n\n\t\tthis.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( evt, name, isOpen ) => {\n\t\t\t// Ensure that the event was triggered by this instance.\n\t\t\t// TODO: Remove checking `evt.source` if `change:isOpen` is no longer delegated.\n\t\t\tif ( evt.source !== this ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Removes the panel view from the body when the menu is closed.\n\t\t\tif ( !isOpen && this._bodyCollection.has( panelView ) ) {\n\t\t\t\tthis._removePanelFromBody();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Adds the panel view to the body when the menu is open.\n\t\t\tif ( isOpen && !this._bodyCollection.has( panelView ) ) {\n\t\t\t\tthis._addPanelToBody();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Removes the panel view from the editor's body and removes it from the focus tracker.\n\t */\n\tprivate _removePanelFromBody(): void {\n\t\tconst { panelView, keystrokes } = this;\n\n\t\tif ( this._bodyCollection.has( panelView ) ) {\n\t\t\tthis._bodyCollection.remove( panelView );\n\n\t\t\tkeystrokes.stopListening( panelView.element! );\n\t\t}\n\t}\n\n\t/**\n\t * Adds the panel view to the editor's body and sets up event listeners.\n\t */\n\tprivate _addPanelToBody() {\n\t\tconst { panelView, buttonView, keystrokes } = this;\n\n\t\tif ( !this._bodyCollection.has( panelView ) ) {\n\t\t\tthis._bodyCollection.add( panelView );\n\n\t\t\tkeystrokes.listenTo( panelView.element! );\n\t\t\tpanelView.pin( {\n\t\t\t\tpositions: this._panelPositions,\n\t\t\t\tlimiter: global.document.body,\n\t\t\t\telement: panelView.element!,\n\t\t\t\ttarget: buttonView.element!,\n\t\t\t\tfitInViewport: true\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/menu/dropdownmenurootlistview\n */\n\nimport { DropdownMenuListItemButtonView } from './dropdownmenulistitembuttonview.js';\nimport { DropdownMenuNestedMenuView } from './dropdownmenunestedmenuview.js';\nimport { DropdownMenuListView } from './dropdownmenulistview.js';\nimport { DropdownMenuListItemView } from './dropdownmenulistitemview.js';\nimport { DropdownRootMenuBehaviors } from './dropdownmenubehaviors.js';\n\nimport { type BodyCollection } from '../../editorui/bodycollection.js';\nimport type { DropdownMenuDefinition } from './utils.js';\n\nimport type { Locale, BaseEvent } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Creates and manages a multi-level menu UI structure, suitable to be used inside dropdown components.\n *\n * This class creates a menu structure based on {@link module:ui/dropdown/menu/utils~DropdownMenuDefinition declarative definition}\n * passed in the constructor.\n *\n * Below is an example of a simple definition, that describes a menu with two sub-menus (Menu 1, Menu 2) and four buttons in total (Item A,\n * Item B, Item C, Item D):\n *\n * ```js\n * [\n * \t{\n * \t\tid: 'menu_1',\n * \t\tmenu: 'Menu 1',\n * \t\tchildren: [\n * \t\t\t{ id: 'menu_1_a', label: 'Item A' },\n * \t\t\t{ id: 'menu_1_b', label: 'Item B' }\n * \t\t]\n * \t},\n * \t{\n * \t\tid: 'menu_2',\n * \t\tmenu: 'Menu 2',\n * \t\tchildren: [\n * \t\t\t{ id: 'menu_2_c', label: 'Item C' },\n * \t\t]\n * \t},\n * \t{ id: 'item_d', label: 'Item D' }\n * ]\n * ```\n *\n * The menu is build using multiple view classes. The most important are:\n *\n * * {@link module:ui/dropdown/menu/dropdownmenunestedmenuview~DropdownMenuNestedMenuView `DropdownMenuNestedMenuView`} - \"menu\" - provides\n * a panel with a nested menu, and a button which opens the panel,\n * * {@link module:ui/dropdown/menu/dropdownmenulistitembuttonview~DropdownMenuListItemButtonView `DropdownMenuListItemButtonView`} -\n * \"button\" or \"leaf button\" (as opposed to buttons provided by `DropdownMenuNestedMenuView`) - should trigger some action when pressed.\n *\n * Instances of these two classes are created based on the data provided in definitions. They are assigned proper IDs and labels.\n * Other view classes build a proper DOM structure around menus and buttons.\n *\n * The `DropdownMenuNestedMenuView` instances provides panels, which may include further menus or buttons. These panels are added to\n * a `BodyCollection` view, which means they are appended outside the DOM editor and UI structure.\n *\n * When \"leaf button\" is pressed, it fires `execute` event which is delegated to `DropdownMenuRootListView` as `menu:execute` event. You\n * can listen to this event to perform an action:\n *\n * ```js\n * rootListView.on( 'menu:execute', evt => {\n * \tconsole.log( evt.source.id ); // E.g. will print 'menu_1_a' when 'Item A' is pressed.\n * } );\n * ```\n *\n * All menus and \"leaf\" buttons created from the definition can be easily accessed through {@link ~DropdownMenuRootListView#menus `menus`}\n * and {@link ~DropdownMenuRootListView#buttons `buttons`} properties.\n *\n * For performance reasons, the whole menu structure is created only when `DropdownMenuRootListView` is rendered for the first time.\n *\n * It is recommended to use this class together with {@link module:ui/dropdown/utils~addMenuToDropdown `addMenuToDropdown()` helper}.\n */\nexport class DropdownMenuRootListView extends DropdownMenuListView {\n\t/**\n\t * The CSS class to be applied to nested menu panels in this dropdown menu.\n\t *\n\t * It is necessary, as the panels are created in body collection, outside editor and UI structure.\n\t */\n\tdeclare public menuPanelClass: string | undefined;\n\n\t/**\n\t * The definitions object used to create the whole menu structure.\n\t */\n\tprivate readonly _definition: DropdownMenuDefinition;\n\n\t/**\n\t * Cached array of all menus in the dropdown menu (including nested menus).\n\t */\n\tprivate _cachedMenus: Array<DropdownMenuNestedMenuView> = [];\n\n\t/**\n\t * Cached array of all buttons in the dropdown menu (including buttons in nested menus).\n\t */\n\tprivate _cachedButtons: Array<DropdownMenuListItemButtonView> = [];\n\n\t/**\n\t * Editor body collection into which nested menus panels will be appended.\n\t */\n\tprivate _bodyCollection: BodyCollection;\n\n\t/**\n\t * Creates an instance of the DropdownMenuRootListView class.\n\t *\n\t * @param locale\n\t * @param bodyCollection\n\t * @param definition The definition object used to create the menu structure.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\tbodyCollection: BodyCollection,\n\t\tdefinition: DropdownMenuDefinition\n\t) {\n\t\tsuper( locale );\n\n\t\tthis._bodyCollection = bodyCollection;\n\t\tthis._definition = definition;\n\n\t\tthis.set( 'menuPanelClass', undefined );\n\t}\n\n\t/**\n\t * Returns the array of all menus in the dropdown menu (including nested menus).\n\t */\n\tpublic get menus(): Array<DropdownMenuNestedMenuView> {\n\t\treturn Array.from( this._cachedMenus.values() );\n\t}\n\n\t/**\n\t * Returns the array of all buttons in the dropdown menu (including buttons in nested menus).\n\t *\n\t * Note, that this includes only \"leaf\" buttons, as specified in the definition passed in constructor. Buttons created as a part of\n\t * the nested menus, that open nested menus when hovered or pressed, are not included.\n\t */\n\tpublic get buttons(): Array<DropdownMenuListItemButtonView> {\n\t\treturn Array.from( this._cachedButtons.values() );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tthis._createStructure( this._definition, null );\n\n\t\tsuper.render();\n\n\t\tDropdownRootMenuBehaviors.toggleMenusAndFocusItemsOnHover( this );\n\t\tDropdownRootMenuBehaviors.closeMenuWhenAnotherOnTheSameLevelOpens( this );\n\t}\n\n\t/**\n\t * Closes all nested menus.\n\t */\n\tpublic closeMenus(): void {\n\t\tthis.menus.forEach( menu => {\n\t\t\tmenu.isOpen = false;\n\t\t} );\n\t}\n\n\t/**\n\t * Recursively creates the whole view tree structure for the dropdown menu, according to the passed `definitions`.\n\t *\n\t * @private\n\t */\n\tprivate _createStructure( definitions: DropdownMenuDefinition, parentMenuView: DropdownMenuNestedMenuView | null ): void {\n\t\tconst items: Array<DropdownMenuListItemView> = [];\n\n\t\tfor ( const def of definitions ) {\n\t\t\tlet createdView: DropdownMenuNestedMenuView | DropdownMenuListItemButtonView;\n\n\t\t\tif ( 'menu' in def ) {\n\t\t\t\tcreatedView = new DropdownMenuNestedMenuView( this.locale!, this._bodyCollection, def.id, def.menu, parentMenuView );\n\t\t\t\tcreatedView.panelView.bind( 'class' ).to( this, 'menuPanelClass' );\n\n\t\t\t\tif ( !parentMenuView ) {\n\t\t\t\t\tcreatedView.delegate( ...DropdownMenuNestedMenuView.DELEGATED_EVENTS ).to( this, ( name: string ) => `menu:${ name }` );\n\t\t\t\t}\n\n\t\t\t\tthis._cachedMenus.push( createdView );\n\t\t\t\tthis._createStructure( def.children, createdView );\n\t\t\t} else {\n\t\t\t\tcreatedView = new DropdownMenuListItemButtonView( this.locale!, def.id, def.label );\n\n\t\t\t\tif ( !parentMenuView ) {\n\t\t\t\t\tcreatedView.delegate( 'execute' ).to( this, 'menu:execute' );\n\t\t\t\t}\n\n\t\t\t\tthis._cachedButtons.push( createdView );\n\t\t\t}\n\n\t\t\tconst listItemView = new DropdownMenuListItemView( this.locale!, parentMenuView, createdView );\n\n\t\t\tif ( !parentMenuView ) {\n\t\t\t\tlistItemView.delegate( 'mouseenter' ).to( this, 'menu:mouseenter' );\n\t\t\t}\n\n\t\t\titems.push( listItemView );\n\t\t}\n\n\t\tconst targetListView = parentMenuView ? parentMenuView.listView : this;\n\n\t\ttargetListView.items.addMany( items );\n\t}\n}\n\n/**\n * Fired when one of the menu buttons is executed (through mouse click or keyboard).\n *\n * This event is a delegated `execute` event fired by the pressed button. The `event.source` is the button which was executed.\n *\n * @eventName ~DropdownMenuRootListView#menu:execute\n */\nexport interface DropdownMenuRootListViewExecuteEvent extends BaseEvent {\n\tname: 'menu:execute';\n\targs: [];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/toolbar/toolbarseparatorview\n */\n\nimport { View } from '../view.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The toolbar separator view class.\n */\nexport class ToolbarSeparatorView extends View {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-toolbar__separator'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/toolbar/toolbarlinebreakview\n */\n\nimport { View } from '../view.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The toolbar line break view class.\n */\nexport class ToolbarLineBreakView extends View {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-toolbar__line-break'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/bindings/preventdefault\n */\n\nimport type { ListenerBinding } from '../template.js';\nimport { type View } from '../view.js';\n\n/**\n * A helper which executes a native `Event.preventDefault()` if the target of an event equals the\n * {@link module:ui/view~View#element element of the view}. It shortens the definition of a\n * {@link module:ui/view~View#template template}.\n *\n * ```ts\n * // In a class extending View.\n * import { preventDefault } from '@ckeditor/ckeditor5-ui/src/bindings/preventdefault';\n *\n * // ...\n *\n * this.setTemplate( {\n * \ttag: 'div',\n *\n * \ton: {\n * \t\t// Prevent the default mousedown action on this view.\n * \t\tmousedown: preventDefault( this )\n * \t}\n * } );\n * ```\n *\n * @param view View instance that defines the template.\n * @internal\n */\nexport function preventDefault( view: View ): ListenerBinding {\n\treturn view.bindTemplate.to( evt => {\n\t\tif ( evt.target === view.element ) {\n\t\t\tevt.preventDefault();\n\t\t}\n\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport type { ToolbarConfig, ToolbarConfigItem } from '@ckeditor/ckeditor5-core';\n\n/**\n * @module ui/toolbar/normalizetoolbarconfig\n */\n\n/**\n * Normalizes the toolbar configuration (`config.toolbar`), which:\n *\n * * may be defined as an `Array`:\n *\n * ```\n * toolbar: [ 'heading', 'bold', 'italic', 'link', ... ]\n * ```\n *\n * * or an `Object`:\n *\n * ```\n * toolbar: {\n * \titems: [ 'heading', 'bold', 'italic', 'link', ... ],\n * \tremoveItems: [ 'bold' ],\n * \t...\n * }\n * ```\n *\n * * or may not be defined at all (`undefined`)\n *\n * and returns it in the object form.\n *\n * @param config The value of `config.toolbar`.\n * @returns A normalized toolbar config object.\n */\nexport function normalizeToolbarConfig(\n\tconfig: ToolbarConfig | undefined\n): {\n\t\titems: Array<ToolbarConfigItem>;\n\t\tremoveItems: Array<string>;\n\t\tshouldNotGroupWhenFull?: boolean;\n\t\ticon?: string;\n\t} {\n\tif ( Array.isArray( config ) ) {\n\t\treturn {\n\t\t\titems: config,\n\t\t\tremoveItems: []\n\t\t};\n\t}\n\n\tconst predefinedConfigOptions = {\n\t\titems: [],\n\t\tremoveItems: []\n\t};\n\n\tif ( !config ) {\n\t\treturn predefinedConfigOptions;\n\t}\n\n\treturn {\n\t\t...predefinedConfigOptions,\n\t\t...config\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/toolbar/toolbarview\n */\n\nimport { View } from '../view.js';\nimport { FocusCycler, isFocusable, type FocusableView } from '../focuscycler.js';\nimport { ToolbarSeparatorView } from './toolbarseparatorview.js';\nimport { ToolbarLineBreakView } from './toolbarlinebreakview.js';\nimport { preventDefault } from '../bindings/preventdefault.js';\nimport { createDropdown, addToolbarToDropdown } from '../dropdown/utils.js';\nimport { normalizeToolbarConfig } from './normalizetoolbarconfig.js';\n\nimport { type ComponentFactory } from '../componentfactory.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { type DropdownView } from '../dropdown/dropdownview.js';\nimport { type DropdownPanelFocusable } from '../dropdown/dropdownpanelfocusable.js';\n\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\tRect,\n\tResizeObserver,\n\tglobal,\n\tisVisible,\n\tlogWarning,\n\ttype CollectionAddEvent,\n\ttype CollectionChangeEvent,\n\ttype CollectionRemoveEvent,\n\ttype Locale,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\nimport {\n\tIconAlignLeft,\n\tIconBold,\n\tIconImportExport,\n\tIconParagraph,\n\tIconPlus,\n\tIconText,\n\tIconThreeVerticalDots,\n\tIconPilcrow,\n\tIconDragIndicator\n} from '@ckeditor/ckeditor5-icons';\nimport type { ToolbarConfig, ToolbarConfigItem } from '@ckeditor/ckeditor5-core';\n\nimport { isObject } from 'es-toolkit/compat';\n\nimport '../../theme/components/toolbar/toolbar.css';\n\n/**\n * @internal\n */\nexport const NESTED_TOOLBAR_ICONS: Record<string, string | undefined> = /* #__PURE__ */ ( () => ( {\n\talignLeft: IconAlignLeft,\n\tbold: IconBold,\n\timportExport: IconImportExport,\n\tparagraph: IconParagraph,\n\tplus: IconPlus,\n\ttext: IconText,\n\tthreeVerticalDots: IconThreeVerticalDots,\n\tpilcrow: IconPilcrow,\n\tdragIndicator: IconDragIndicator\n} ) )();\n\n/**\n * The toolbar view class.\n */\nexport class ToolbarView extends View implements DropdownPanelFocusable {\n\t/**\n\t * A reference to the options object passed to the constructor.\n\t */\n\tpublic readonly options: ToolbarOptions;\n\n\t/**\n\t * A collection of toolbar items (buttons, dropdowns, etc.).\n\t */\n\tpublic readonly items: ViewCollection;\n\n\t/**\n\t * Tracks information about the DOM focus in the toolbar.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}\n\t * to handle keyboard navigation in the toolbar.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A (child) view containing {@link #items toolbar items}.\n\t */\n\tpublic readonly itemsView: ItemsView;\n\n\t/**\n\t * A top–level collection aggregating building blocks of the toolbar.\n\t *\n\t *\t┌───────────────── ToolbarView ─────────────────┐\n\t *\t| ┌──────────────── #children ────────────────┐ |\n\t *\t| |   ┌──────────── #itemsView ───────────┐   | |\n\t *\t| |   | [ item1 ] [ item2 ] ... [ itemN ] |   | |\n\t *\t| |   └──────────────────────────────────-┘   | |\n\t *\t| └───────────────────────────────────────────┘ |\n\t *\t└───────────────────────────────────────────────┘\n\t *\n\t * By default, it contains the {@link #itemsView} but it can be extended with additional\n\t * UI elements when necessary.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A collection of {@link #items} that take part in the focus cycling\n\t * (i.e. navigation using the keyboard). Usually, it contains a subset of {@link #items} with\n\t * some optional UI elements that also belong to the toolbar and should be focusable\n\t * by the user.\n\t */\n\tpublic readonly focusables: ViewCollection<FocusableView>;\n\n\tdeclare public locale: Locale;\n\n\t/**\n\t * The property reflected by the `role` DOM attribute to be used by assistive technologies.\n\t *\n\t * @observable\n\t * @default 'toolbar'\n\t */\n\tdeclare public role: string | undefined;\n\n\t/**\n\t * Label used by assistive technologies to describe this toolbar element.\n\t *\n\t * @observable\n\t * @default 'Editor toolbar'\n\t */\n\tdeclare public ariaLabel: string;\n\n\t/**\n\t * The maximum width of the toolbar element.\n\t *\n\t * **Note**: When set to a specific value (e.g. `'200px'`), the value will affect the behavior of the\n\t * {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull}\n\t * option by changing the number of {@link #items} that will be displayed in the toolbar at a time.\n\t *\n\t * @observable\n\t * @default 'auto'\n\t */\n\tdeclare public maxWidth: string;\n\n\t/**\n\t * An additional CSS class added to the {@link #element}.\n\t *\n\t * @observable\n\t * @type {String}\n\t */\n\tdeclare public class: string | undefined;\n\n\t/**\n\t * When set true, makes the toolbar look compact with {@link #element}.\n\t *\n\t * @observable\n\t * @default false\n\t */\n\tdeclare public isCompact: boolean;\n\n\t/**\n\t * Controls the orientation of toolbar items. Only available when\n\t * {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull dynamic items grouping}\n\t * is **disabled**.\n\t *\n\t * @observable\n\t */\n\tdeclare public isVertical: boolean;\n\n\t/**\n\t * Indicates whether the toolbar responds to changes in the geometry (e.g. window resize) by grouping excessive items or not.\n\t */\n\tdeclare public isGrouping: boolean;\n\n\t/**\n\t * Helps cycling over {@link #focusables focusable items} in the toolbar.\n\t */\n\tprivate readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * An instance of the active toolbar behavior that shapes its look and functionality.\n\t *\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarBehavior} to learn more.\n\t */\n\tprivate _behavior: ToolbarBehavior;\n\n\t/**\n\t * Creates an instance of the {@link module:ui/toolbar/toolbarview~ToolbarView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param options Configuration options of the toolbar.\n\t */\n\tconstructor( locale: Locale, options?: ToolbarOptions ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\t\tconst t = this.t!;\n\n\t\tthis.options = options || {};\n\n\t\tthis.set( 'ariaLabel', t( 'Editor toolbar' ) );\n\t\tthis.set( 'maxWidth', 'auto' );\n\t\tthis.set( 'role', 'toolbar' );\n\t\tthis.set( 'isGrouping', !!this.options.shouldGroupWhenFull );\n\n\t\tthis.items = this.createCollection();\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\tthis.set( 'class', undefined );\n\t\tthis.set( 'isCompact', false );\n\t\t// Static toolbar can be vertical when needed.\n\t\tthis.set( 'isVertical', false );\n\n\t\tthis.itemsView = new ItemsView( locale );\n\t\tthis.children = this.createCollection();\n\t\tthis.children.add( this.itemsView );\n\t\tthis.focusables = this.createCollection();\n\n\t\tconst isRtl = locale.uiLanguageDirection === 'rtl';\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this.focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate toolbar items backwards using the arrow[left,up] keys.\n\t\t\t\tfocusPrevious: [ isRtl ? 'arrowright' : 'arrowleft', 'arrowup' ],\n\n\t\t\t\t// Navigate toolbar items forwards using the arrow[right,down] keys.\n\t\t\t\tfocusNext: [ isRtl ? 'arrowleft' : 'arrowright', 'arrowdown' ]\n\t\t\t}\n\t\t} );\n\n\t\tconst classes = [\n\t\t\t'ck',\n\t\t\t'ck-toolbar',\n\t\t\tbind.to( 'class' ),\n\t\t\tbind.if( 'isCompact', 'ck-toolbar_compact' ),\n\n\t\t\t// To group items dynamically, the toolbar needs a dedicated CSS class. Only used for dynamic grouping.\n\t\t\tbind.if( 'isGrouping', 'ck-toolbar_grouping' ),\n\n\t\t\t// When vertical, the toolbar has an additional CSS class. Only used for static layout.\n\t\t\tbind.if( 'isVertical', 'ck-toolbar_vertical' )\n\t\t];\n\n\t\tif ( this.options.shouldGroupWhenFull && this.options.isFloating ) {\n\t\t\tclasses.push( 'ck-toolbar_floating' );\n\t\t}\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: classes,\n\t\t\t\trole: bind.to( 'role' ),\n\t\t\t\t'aria-label': bind.to( 'ariaLabel' ),\n\t\t\t\tstyle: {\n\t\t\t\t\tmaxWidth: bind.to( 'maxWidth' )\n\t\t\t\t},\n\t\t\t\ttabindex: -1\n\t\t\t},\n\n\t\t\tchildren: this.children,\n\n\t\t\ton: {\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-ui/issues/206\n\t\t\t\tmousedown: preventDefault( this )\n\t\t\t}\n\t\t} );\n\n\t\tthis._behavior = this.options.shouldGroupWhenFull ? new DynamicGrouping( this ) : new StaticLayout( this );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.focusTracker.add( this.element! );\n\n\t\t// Children added before rendering should be known to the #focusTracker.\n\t\tfor ( const item of this.items ) {\n\t\t\tthis.focusTracker.add( item );\n\t\t}\n\n\t\tthis.items.on<CollectionAddEvent<View>>( 'add', ( evt, item ) => {\n\t\t\tthis.focusTracker.add( item );\n\t\t} );\n\n\t\tthis.items.on<CollectionRemoveEvent<View>>( 'remove', ( evt, item ) => {\n\t\t\tthis.focusTracker.remove( item );\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\n\t\tthis._behavior.render( this );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis._behavior.destroy();\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\n\t\treturn super.destroy();\n\t}\n\n\t/**\n\t * Focuses the first focusable in {@link #focusables}.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Focuses the last focusable in {@link #focusables}.\n\t */\n\tpublic focusLast(): void {\n\t\tthis._focusCycler.focusLast();\n\t}\n\n\t/**\n\t * A utility that expands the plain toolbar configuration into\n\t * {@link module:ui/toolbar/toolbarview~ToolbarView#items} using a given component factory.\n\t *\n\t * @param itemsOrConfig The toolbar items or the entire toolbar configuration object.\n\t * @param factory A factory producing toolbar items.\n\t * @param removeItems An array of items names to be removed from the configuration. When present, applies\n\t * to this toolbar and all nested ones as well.\n\t */\n\tpublic fillFromConfig(\n\t\titemsOrConfig: ToolbarConfig | undefined,\n\t\tfactory: ComponentFactory,\n\t\tremoveItems?: Array<string>\n\t): void {\n\t\tthis.items.addMany( this._buildItemsFromConfig( itemsOrConfig, factory, removeItems ) );\n\t}\n\n\t/**\n\t * Changes the behavior of toolbar if it does not fit into the available space.\n\t */\n\tpublic switchBehavior( newBehaviorType: 'dynamic' | 'static' ): void {\n\t\tif ( this._behavior.type !== newBehaviorType ) {\n\t\t\tthis._behavior.destroy();\n\t\t\tthis.itemsView.children.clear();\n\t\t\tthis.focusables.clear();\n\n\t\t\tif ( newBehaviorType === 'dynamic' ) {\n\t\t\t\tthis._behavior = new DynamicGrouping( this );\n\t\t\t\tthis._behavior.render( this );\n\n\t\t\t\t( this._behavior as DynamicGrouping ).refreshItems();\n\t\t\t} else {\n\t\t\t\tthis._behavior = new StaticLayout( this );\n\t\t\t\tthis._behavior.render( this );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * A utility that expands the plain toolbar configuration into a list of view items using a given component factory.\n\t *\n\t * @param itemsOrConfig The toolbar items or the entire toolbar configuration object.\n\t * @param factory A factory producing toolbar items.\n\t * @param removeItems An array of items names to be removed from the configuration. When present, applies\n\t * to this toolbar and all nested ones as well.\n\t */\n\tprivate _buildItemsFromConfig(\n\t\titemsOrConfig: ToolbarConfig | undefined,\n\t\tfactory: ComponentFactory,\n\t\tremoveItems?: Array<string>\n\t): Array<View> {\n\t\tconst config = normalizeToolbarConfig( itemsOrConfig );\n\t\tconst normalizedRemoveItems = removeItems || config.removeItems;\n\t\tconst itemsToAdd = this._cleanItemsConfiguration( config.items, factory, normalizedRemoveItems )\n\t\t\t.map( item => {\n\t\t\t\tif ( isObject( item ) ) {\n\t\t\t\t\treturn this._createNestedToolbarDropdown( item, factory, normalizedRemoveItems );\n\t\t\t\t} else if ( item === '|' ) {\n\t\t\t\t\treturn new ToolbarSeparatorView();\n\t\t\t\t} else if ( item === '-' ) {\n\t\t\t\t\treturn new ToolbarLineBreakView();\n\t\t\t\t}\n\n\t\t\t\treturn factory.create( item );\n\t\t\t} )\n\t\t\t.filter( ( item ): item is View => !!item );\n\n\t\treturn itemsToAdd;\n\t}\n\n\t/**\n\t * Cleans up the {@link module:ui/toolbar/toolbarview~ToolbarView#items} of the toolbar by removing unwanted items and\n\t * duplicated (obsolete) separators or line breaks.\n\t *\n\t * @param items The toolbar items configuration.\n\t * @param factory A factory producing toolbar items.\n\t * @param removeItems An array of items names to be removed from the configuration.\n\t * @returns Items after the clean-up.\n\t */\n\tprivate _cleanItemsConfiguration(\n\t\titems: Array<ToolbarConfigItem>,\n\t\tfactory: ComponentFactory,\n\t\tremoveItems: Array<string>\n\t) {\n\t\tconst filteredItems = items\n\t\t\t.filter( ( item, idx, items ) => {\n\t\t\t\tif ( item === '|' ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\t// Items listed in `config.removeItems` should not be added to the toolbar.\n\t\t\t\tif ( removeItems.indexOf( item as any ) !== -1 ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tif ( item === '-' ) {\n\t\t\t\t\t// The toolbar line breaks must not be rendered when toolbar grouping is enabled.\n\t\t\t\t\t// (https://github.com/ckeditor/ckeditor5/issues/8582)\n\t\t\t\t\tif ( this.options.shouldGroupWhenFull ) {\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * The toolbar multiline breaks (`-` items) only work when the automatic button grouping\n\t\t\t\t\t\t * is disabled in the toolbar configuration.\n\t\t\t\t\t\t * To do this, set the `shouldNotGroupWhenFull` option to `true` in the editor configuration:\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * ```ts\n\t\t\t\t\t\t * const config = {\n\t\t\t\t\t\t * \ttoolbar: {\n\t\t\t\t\t\t * \t\titems: [ ... ],\n\t\t\t\t\t\t * \t\tshouldNotGroupWhenFull: true\n\t\t\t\t\t\t * \t}\n\t\t\t\t\t\t * }\n\t\t\t\t\t\t * ```\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * Learn more about {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar configuration}.\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * @error toolbarview-line-break-ignored-when-grouping-items\n\t\t\t\t\t\t */\n\t\t\t\t\t\tlogWarning( 'toolbarview-line-break-ignored-when-grouping-items', items );\n\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\t// For the items that cannot be instantiated we are sending warning message. We also filter them out.\n\t\t\t\tif ( !isObject( item ) && !factory.has( item ) ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * There was a problem processing the configuration of the toolbar. The item with the given\n\t\t\t\t\t * name does not exist so it was omitted when rendering the toolbar.\n\t\t\t\t\t *\n\t\t\t\t\t * This warning usually shows up when the {@link module:core/plugin~Plugin} which is supposed\n\t\t\t\t\t * to provide a toolbar item has not been loaded or there is a typo in the\n\t\t\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar configuration}.\n\t\t\t\t\t *\n\t\t\t\t\t * Make sure the plugin responsible for this toolbar item is loaded and the toolbar configuration\n\t\t\t\t\t * is correct, e.g. {@link module:basic-styles/bold~Bold} is loaded for the `'bold'` toolbar item.\n\t\t\t\t\t *\n\t\t\t\t\t * You can use the following snippet to retrieve all available toolbar items:\n\t\t\t\t\t *\n\t\t\t\t\t * ```ts\n\t\t\t\t\t * Array.from( editor.ui.componentFactory.names() );\n\t\t\t\t\t * ```\n\t\t\t\t\t *\n\t\t\t\t\t * @error toolbarview-item-unavailable\n\t\t\t\t\t * @param {string} item The name of the component or nested toolbar definition.\n\t\t\t\t\t */\n\t\t\t\t\tlogWarning( 'toolbarview-item-unavailable', { item } );\n\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn true;\n\t\t\t} );\n\n\t\treturn this._cleanSeparatorsAndLineBreaks( filteredItems );\n\t}\n\n\t/**\n\t * Remove leading, trailing, and duplicated separators (`-` and `|`).\n\t *\n\t * @returns Toolbar items after the separator and line break clean-up.\n\t */\n\tprivate _cleanSeparatorsAndLineBreaks( items: Array<ToolbarConfigItem> ) {\n\t\tconst nonSeparatorPredicate = ( item: ToolbarConfigItem ) => ( item !== '-' && item !== '|' );\n\t\tconst count = items.length;\n\n\t\t// Find an index of the first item that is not a separator.\n\t\tconst firstCommandItemIndex = items.findIndex( nonSeparatorPredicate );\n\n\t\t// Items include separators only. There is no point in displaying them.\n\t\tif ( firstCommandItemIndex === -1 ) {\n\t\t\treturn [];\n\t\t}\n\n\t\t// Search from the end of the list, then convert found index back to the original direction.\n\t\tconst lastCommandItemIndex = count - items\n\t\t\t.slice()\n\t\t\t.reverse()\n\t\t\t.findIndex( nonSeparatorPredicate );\n\n\t\treturn items\n\t\t\t// Return items without the leading and trailing separators.\n\t\t\t.slice( firstCommandItemIndex, lastCommandItemIndex )\n\t\t\t// Remove duplicated separators.\n\t\t\t.filter( ( name, idx, items ) => {\n\t\t\t\t// Filter only separators.\n\t\t\t\tif ( nonSeparatorPredicate( name ) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tconst isDuplicated = idx > 0 && items[ idx - 1 ] === name;\n\n\t\t\t\treturn !isDuplicated;\n\t\t\t} );\n\t}\n\n\t/**\n\t * Creates a user-defined dropdown containing a toolbar with items.\n\t *\n\t * @param definition A definition of the nested toolbar dropdown.\n\t * @param definition.label A label of the dropdown.\n\t * @param definition.icon An icon of the drop-down. One of 'bold', 'plus', 'text', 'importExport', 'alignLeft',\n\t * 'paragraph' or an SVG string. When `false` is passed, no icon will be used.\n\t * @param definition.withText When set `true`, the label of the dropdown will be visible. See\n\t * {@link module:ui/button/buttonview~ButtonView#withText} to learn more.\n\t * @param definition.tooltip A tooltip of the dropdown button. See\n\t * {@link module:ui/button/buttonview~ButtonView#tooltip} to learn more. Defaults to `true`.\n\t * @param componentFactory Component factory used to create items\n\t * of the nested toolbar.\n\t */\n\tprivate _createNestedToolbarDropdown(\n\t\tdefinition: Exclude<ToolbarConfigItem, string>,\n\t\tcomponentFactory: ComponentFactory,\n\t\tremoveItems: Array<string>\n\t) {\n\t\tlet { label, icon, items, tooltip = true, withText = false } = definition;\n\n\t\titems = this._cleanItemsConfiguration( items, componentFactory, removeItems );\n\n\t\t// There is no point in rendering a dropdown without items.\n\t\tif ( !items.length ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst locale = this.locale;\n\t\tconst dropdownView = createDropdown( locale );\n\n\t\tif ( !label ) {\n\t\t\t/**\n\t\t\t * A dropdown definition in the toolbar configuration is missing a text label.\n\t\t\t *\n\t\t\t * Without a label, the dropdown becomes inaccessible to users relying on assistive technologies.\n\t\t\t * Make sure the `label` property is set in your drop-down configuration:\n\t\t\t *\n\t\t\t * ```json\n \t\t\t * {\n \t\t\t * \tlabel: 'A human-readable label',\n\t\t\t * \ticon: '...',\n\t\t\t * \titems: [ ... ]\n \t\t\t * },\n\t\t\t * ```\n\t\t\t *\n\t\t\t * Learn more about {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar configuration}.\n\t\t\t *\n\t\t\t * @error toolbarview-nested-toolbar-dropdown-missing-label\n\t\t\t */\n\t\t\tlogWarning( 'toolbarview-nested-toolbar-dropdown-missing-label', definition );\n\t\t}\n\n\t\tdropdownView.class = 'ck-toolbar__nested-toolbar-dropdown';\n\t\tdropdownView.buttonView.set( {\n\t\t\tlabel,\n\t\t\ttooltip,\n\t\t\twithText: !!withText\n\t\t} );\n\n\t\t// Allow disabling icon by passing false.\n\t\tif ( icon !== false ) {\n\t\t\t// A pre-defined icon picked by name, SVG string, a fallback (default) icon.\n\t\t\tdropdownView.buttonView.icon = NESTED_TOOLBAR_ICONS[ icon! ] || icon || IconThreeVerticalDots;\n\t\t}\n\t\t// If the icon is disabled, display the label automatically.\n\t\telse {\n\t\t\tdropdownView.buttonView.withText = true;\n\t\t}\n\n\t\taddToolbarToDropdown( dropdownView, () => (\n\t\t\tdropdownView.toolbarView!._buildItemsFromConfig( items, componentFactory, removeItems )\n\t\t) );\n\n\t\treturn dropdownView;\n\t}\n}\n\n/**\n * Fired when some toolbar {@link ~ToolbarView#items} were grouped or ungrouped as a result of some change\n * in the toolbar geometry.\n *\n * **Note**: This event is always fired **once** regardless of the number of items that were be\n * grouped or ungrouped at a time.\n *\n * **Note**: This event is fired only if the items grouping functionality was enabled in\n * the first place (see {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull}).\n *\n * @eventName ~ToolbarView#groupedItemsUpdate\n */\nexport type ToolbarViewGroupedItemsUpdateEvent = {\n\tname: 'groupedItemsUpdate';\n\targs: [];\n};\n\n/**\n * An inner block of the {@link module:ui/toolbar/toolbarview~ToolbarView} hosting its\n * {@link module:ui/toolbar/toolbarview~ToolbarView#items}.\n */\nexport class ItemsView extends View {\n\t/**\n\t * A collection of items (buttons, dropdowns, etc.).\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.children = this.createCollection();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-toolbar__items'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n}\n\n/**\n * A toolbar behavior that makes it static and unresponsive to the changes of the environment.\n * At the same time, it also makes it possible to display a toolbar with a vertical layout\n * using the {@link module:ui/toolbar/toolbarview~ToolbarView#isVertical} property.\n */\nclass StaticLayout implements ToolbarBehavior {\n\t/**\n\t * Toolbar behavior type.\n\t */\n\tpublic readonly type = 'static';\n\n\t/**\n\t * Creates an instance of the {@link module:ui/toolbar/toolbarview~StaticLayout} toolbar\n\t * behavior.\n\t *\n\t * @param view An instance of the toolbar that this behavior is added to.\n\t */\n\tconstructor( view: ToolbarView ) {\n\t\tview.isGrouping = false;\n\n\t\t// 1:1 pass–through binding, all ToolbarView#items are visible.\n\t\tview.itemsView.children.bindTo( view.items ).using( item => item );\n\n\t\t// 1:1 pass–through binding, all ToolbarView#items are focusable.\n\t\tview.focusables.bindTo( view.items ).using( item => isFocusable( item ) ? item : null );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic render(): void {}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic destroy(): void {}\n}\n\n/**\n * A toolbar behavior that makes the items respond to changes in the geometry.\n *\n * In a nutshell, it groups {@link module:ui/toolbar/toolbarview~ToolbarView#items}\n * that do not fit visually into a single row of the toolbar (due to limited space).\n * Items that do not fit are aggregated in a dropdown displayed at the end of the toolbar.\n *\n * ```\n *\t┌──────────────────────────────────────── ToolbarView ──────────────────────────────────────────┐\n *\t| ┌─────────────────────────────────────── #children ─────────────────────────────────────────┐ |\n *\t| |   ┌─────── #itemsView ────────┐ ┌──────────────────────┐ ┌── #groupedItemsDropdown ───┐   | |\n *\t| |   |       #ungroupedItems     | | ToolbarSeparatorView | |        #groupedItems       |   | |\n *\t| |   └──────────────────────────-┘ └──────────────────────┘ └────────────────────────────┘   | |\n *\t| |                                  \\---------- only when toolbar items overflow -------/    | |\n *\t| └───────────────────────────────────────────────────────────────────────────────────────────┘ |\n *\t└───────────────────────────────────────────────────────────────────────────────────────────────┘\n * ```\n */\nclass DynamicGrouping implements ToolbarBehavior {\n\t/**\n\t * Toolbar behavior type.\n\t */\n\tpublic readonly type = 'dynamic';\n\n\t/**\n\t * A toolbar view this behavior belongs to.\n\t */\n\tpublic readonly view: ToolbarView;\n\n\t/**\n\t * A collection of toolbar children.\n\t */\n\tpublic readonly viewChildren: ViewCollection;\n\n\t/**\n\t * A collection of focusable toolbar elements.\n\t */\n\tpublic readonly viewFocusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * A view containing toolbar items.\n\t */\n\tpublic readonly viewItemsView: ItemsView;\n\n\t/**\n\t * Toolbar focus tracker.\n\t */\n\tpublic readonly viewFocusTracker: FocusTracker;\n\n\t/**\n\t * Toolbar locale.\n\t */\n\tpublic readonly viewLocale: Locale;\n\n\t/**\n\t * A subset of toolbar {@link module:ui/toolbar/toolbarview~ToolbarView#items}.\n\t * Aggregates items that fit into a single row of the toolbar and were not {@link #groupedItems grouped}\n\t * into a {@link #groupedItemsDropdown dropdown}. Items of this collection are displayed in the\n\t * {@link module:ui/toolbar/toolbarview~ToolbarView#itemsView}.\n\t *\n\t * When none of the {@link module:ui/toolbar/toolbarview~ToolbarView#items} were grouped, it\n\t * matches the {@link module:ui/toolbar/toolbarview~ToolbarView#items} collection in size and order.\n\t */\n\tpublic readonly ungroupedItems: ViewCollection;\n\n\t/**\n\t * A subset of toolbar {@link module:ui/toolbar/toolbarview~ToolbarView#items}.\n\t * A collection of the toolbar items that do not fit into a single row of the toolbar.\n\t * Grouped items are displayed in a dedicated {@link #groupedItemsDropdown dropdown}.\n\t *\n\t * When none of the {@link module:ui/toolbar/toolbarview~ToolbarView#items} were grouped,\n\t * this collection is empty.\n\t */\n\tpublic readonly groupedItems: ViewCollection;\n\n\t/**\n\t * The dropdown that aggregates {@link #groupedItems grouped items} that do not fit into a single\n\t * row of the toolbar. It is displayed on demand as the last of\n\t * {@link module:ui/toolbar/toolbarview~ToolbarView#children toolbar children} and offers another\n\t * (nested) toolbar which displays items that would normally overflow.\n\t */\n\tpublic readonly groupedItemsDropdown: DropdownView;\n\n\t/**\n\t * An instance of the resize observer that helps dynamically determine the geometry of the toolbar\n\t * and manage items that do not fit into a single row.\n\t *\n\t * **Note:** Created in {@link #_enableGroupingOnResize}.\n\t *\n\t * @readonly\n\t */\n\tpublic resizeObserver: ResizeObserver | null = null;\n\n\t/**\n\t * A cached value of the horizontal padding style used by {@link #_updateGrouping}\n\t * to manage the {@link module:ui/toolbar/toolbarview~ToolbarView#items} that do not fit into\n\t * a single toolbar line. This value can be reused between updates because it is unlikely that\n\t * the padding will change and re–using `Window.getComputedStyle()` is expensive.\n\t *\n\t * @readonly\n\t */\n\tpublic cachedPadding: number | null = null;\n\n\t/**\n\t * A flag indicating that an items grouping update has been queued (e.g. due to the toolbar being visible)\n\t * and should be executed immediately the next time the toolbar shows up.\n\t *\n\t * @readonly\n\t */\n\tpublic shouldUpdateGroupingOnNextResize: boolean = false;\n\n\t/**\n\t * Toolbar element.\n\t *\n\t * @readonly\n\t */\n\tpublic viewElement: HTMLElement | null | undefined;\n\n\t/**\n\t * Creates an instance of the {@link module:ui/toolbar/toolbarview~DynamicGrouping} toolbar\n\t * behavior.\n\t *\n\t * @param view An instance of the toolbar that this behavior is added to.\n\t */\n\tconstructor( view: ToolbarView ) {\n\t\tthis.view = view;\n\n\t\tthis.viewChildren = view.children;\n\t\tthis.viewFocusables = view.focusables;\n\t\tthis.viewItemsView = view.itemsView;\n\t\tthis.viewFocusTracker = view.focusTracker;\n\t\tthis.viewLocale = view.locale;\n\t\tthis.view.isGrouping = true;\n\n\t\tthis.ungroupedItems = view.createCollection();\n\t\tthis.groupedItems = view.createCollection();\n\t\tthis.groupedItemsDropdown = this._createGroupedItemsDropdown();\n\n\t\t// Only those items that were not grouped are visible to the user.\n\t\tview.itemsView.children.bindTo( this.ungroupedItems ).using( item => item );\n\n\t\t// Make sure all #items visible in the main space of the toolbar are \"focuscyclable\".\n\t\tthis.ungroupedItems.on<CollectionChangeEvent>( 'change', this._updateFocusCyclableItems.bind( this ) );\n\n\t\t// Make sure the #groupedItemsDropdown is also included in cycling when it appears.\n\t\tview.children.on<CollectionChangeEvent>( 'change', this._updateFocusCyclableItems.bind( this ) );\n\n\t\t// ToolbarView#items is dynamic. When an item is added or removed, it should be automatically\n\t\t// represented in either grouped or ungrouped items at the right index.\n\t\t// In other words #items == concat( #ungroupedItems, #groupedItems )\n\t\t// (in length and order).\n\t\tview.items.on<CollectionChangeEvent<View>>( 'change', ( evt, changeData ) => {\n\t\t\tconst index = changeData.index;\n\t\t\tconst added = Array.from( changeData.added );\n\n\t\t\t// Removing.\n\t\t\tfor ( const removedItem of changeData.removed ) {\n\t\t\t\tif ( index >= this.ungroupedItems.length ) {\n\t\t\t\t\tthis.groupedItems.remove( removedItem );\n\t\t\t\t} else {\n\t\t\t\t\tthis.ungroupedItems.remove( removedItem );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Adding.\n\t\t\tfor ( let currentIndex = index; currentIndex < index + added.length; currentIndex++ ) {\n\t\t\t\tconst addedItem = added[ currentIndex - index ];\n\n\t\t\t\tif ( currentIndex > this.ungroupedItems.length ) {\n\t\t\t\t\tthis.groupedItems.add( addedItem, currentIndex - this.ungroupedItems.length );\n\t\t\t\t} else {\n\t\t\t\t\tthis.ungroupedItems.add( addedItem, currentIndex );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// When new ungrouped items join in and land in #ungroupedItems, there's a chance it causes\n\t\t\t// the toolbar to overflow.\n\t\t\t// Consequently if removed from grouped or ungrouped items, there is a chance\n\t\t\t// some new space is available and we could do some ungrouping.\n\t\t\tthis._updateGrouping();\n\t\t} );\n\t}\n\n\t/**\n\t * Enables dynamic items grouping based on the dimensions of the toolbar.\n\t *\n\t * @param view An instance of the toolbar that this behavior is added to.\n\t */\n\tpublic render( view: ToolbarView ): void {\n\t\tthis.viewElement = view.element;\n\n\t\tthis._enableGroupingOnResize();\n\t\tthis._enableGroupingOnMaxWidthChange( view );\n\t}\n\n\t/**\n\t * Cleans up the internals used by this behavior.\n\t */\n\tpublic destroy(): void {\n\t\t// The dropdown may not be in ToolbarView#children at the moment of toolbar destruction\n\t\t// so let's make sure it's actually destroyed along with the toolbar.\n\t\tthis.groupedItemsDropdown.destroy();\n\n\t\t// Do not try to remove the same elements if they are already removed.\n\t\tif ( this.viewChildren.length > 1 ) {\n\t\t\tthis.viewChildren.remove( this.groupedItemsDropdown );\n\t\t\tthis.viewChildren.remove( this.viewChildren.last! );\n\t\t}\n\n\t\tthis.resizeObserver!.destroy();\n\t}\n\n\t/**\n\t * Re-adds all items to the toolbar. Use when the toolbar is re-rendered and the items grouping is lost.\n\t */\n\tpublic refreshItems(): void {\n\t\tconst view = this.view;\n\n\t\tif ( view.items.length ) {\n\t\t\tfor ( let currentIndex = 0; currentIndex < view.items.length; currentIndex++ ) {\n\t\t\t\tconst item = [ ...view.items ][ currentIndex ];\n\n\t\t\t\tthis.ungroupedItems.add( item, currentIndex );\n\t\t\t}\n\n\t\t\tthis._updateGrouping();\n\t\t}\n\t}\n\n\t/**\n\t * When called, it will check if any of the {@link #ungroupedItems} do not fit into a single row of the toolbar,\n\t * and it will move them to the {@link #groupedItems} when it happens.\n\t *\n\t * At the same time, it will also check if there is enough space in the toolbar for the first of the\n\t * {@link #groupedItems} to be returned back to {@link #ungroupedItems} and still fit into a single row\n\t * without the toolbar wrapping.\n\t */\n\tprivate _updateGrouping() {\n\t\t// Do no grouping–related geometry analysis when the toolbar is detached from visible DOM,\n\t\t// for instance before #render(), or after render but without a parent or a parent detached\n\t\t// from DOM. DOMRects won't work anyway and there will be tons of warning in the console and\n\t\t// nothing else. This happens, for instance, when the toolbar is detached from DOM and\n\t\t// some logic adds or removes its #items.\n\t\tif ( !this.viewElement!.ownerDocument.body.contains( this.viewElement! ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Do not update grouping when the element is invisible. Such toolbar has DOMRect filled with zeros\n\t\t// and that would cause all items to be grouped. Instead, queue the grouping so it runs next time\n\t\t// the toolbar is visible (the next ResizeObserver callback execution). This is handy because\n\t\t// the grouping could be caused by increasing the #maxWidth when the toolbar was invisible and the next\n\t\t// time it shows up, some items could actually be ungrouped (https://github.com/ckeditor/ckeditor5/issues/6575).\n\t\tif ( !isVisible( this.viewElement ) ) {\n\t\t\tthis.shouldUpdateGroupingOnNextResize = true;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Remember how many items were initially grouped so at the it is possible to figure out if the number\n\t\t// of grouped items has changed. If the number has changed, geometry of the toolbar has also changed.\n\t\tconst initialGroupedItemsCount = this.groupedItems.length;\n\t\tlet wereItemsGrouped;\n\n\t\t// Group #items as long as some wrap to the next row. This will happen, for instance,\n\t\t// when the toolbar is getting narrow and there is not enough space to display all items in\n\t\t// a single row.\n\t\twhile ( this._areItemsOverflowing ) {\n\t\t\tthis._groupLastItem();\n\n\t\t\twereItemsGrouped = true;\n\t\t}\n\n\t\t// If none were grouped now but there were some items already grouped before,\n\t\t// then, what the hell, maybe let's see if some of them can be ungrouped. This happens when,\n\t\t// for instance, the toolbar is stretching and there's more space in it than before.\n\t\tif ( !wereItemsGrouped && this.groupedItems.length ) {\n\t\t\t// Ungroup items as long as none are overflowing or there are none to ungroup left.\n\t\t\twhile ( this.groupedItems.length && !this._areItemsOverflowing ) {\n\t\t\t\tthis._ungroupFirstItem();\n\t\t\t}\n\n\t\t\t// If the ungrouping ended up with some item wrapping to the next row,\n\t\t\t// put it back to the group toolbar (\"undo the last ungroup\"). We don't know whether\n\t\t\t// an item will wrap or not until we ungroup it (that's a DOM/CSS thing) so this\n\t\t\t// clean–up is vital for the algorithm.\n\t\t\tif ( this._areItemsOverflowing ) {\n\t\t\t\tthis._groupLastItem();\n\t\t\t}\n\t\t}\n\n\t\tif ( this.groupedItems.length !== initialGroupedItemsCount ) {\n\t\t\tthis.view.fire<ToolbarViewGroupedItemsUpdateEvent>( 'groupedItemsUpdate' );\n\t\t}\n\t}\n\n\t/**\n\t * Returns `true` when {@link module:ui/toolbar/toolbarview~ToolbarView#element} children visually overflow,\n\t * for instance if the toolbar is narrower than its members. Returns `false` otherwise.\n\t */\n\tprivate get _areItemsOverflowing() {\n\t\t// An empty toolbar cannot overflow.\n\t\tif ( !this.ungroupedItems.length ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst element = this.viewElement;\n\t\tconst uiLanguageDirection = this.viewLocale.uiLanguageDirection;\n\t\tconst lastChildRect = new Rect( element!.lastChild as any );\n\t\tconst toolbarRect = new Rect( element! );\n\n\t\tif ( !this.cachedPadding ) {\n\t\t\tconst computedStyle = global.window.getComputedStyle( element! );\n\t\t\tconst paddingProperty = uiLanguageDirection === 'ltr' ? 'paddingRight' : 'paddingLeft';\n\n\t\t\t// parseInt() is essential because of quirky floating point numbers logic and DOM.\n\t\t\t// If the padding turned out too big because of that, the grouped items dropdown would\n\t\t\t// always look (from the Rect perspective) like it overflows (while it's not).\n\t\t\tthis.cachedPadding = Number.parseInt( computedStyle[ paddingProperty ] );\n\t\t}\n\n\t\tif ( uiLanguageDirection === 'ltr' ) {\n\t\t\treturn lastChildRect.right > toolbarRect.right - this.cachedPadding;\n\t\t} else {\n\t\t\treturn lastChildRect.left < toolbarRect.left + this.cachedPadding;\n\t\t}\n\t}\n\n\t/**\n\t * Enables the functionality that prevents {@link #ungroupedItems} from overflowing (wrapping to the next row)\n\t * upon resize when there is little space available. Instead, the toolbar items are moved to the\n\t * {@link #groupedItems} collection and displayed in a dropdown at the end of the row (which has its own nested toolbar).\n\t *\n\t * When called, the toolbar will automatically analyze the location of its {@link #ungroupedItems} and \"group\"\n\t * them in the dropdown if necessary. It will also observe the browser window for size changes in\n\t * the future and respond to them by grouping more items or reverting already grouped back, depending\n\t * on the visual space available.\n\t */\n\tprivate _enableGroupingOnResize() {\n\t\tlet previousWidth: number | undefined;\n\n\t\t// TODO: Consider debounce.\n\t\tthis.resizeObserver = new ResizeObserver( this.viewElement!, entry => {\n\t\t\tif ( !previousWidth || previousWidth !== entry.contentRect.width || this.shouldUpdateGroupingOnNextResize ) {\n\t\t\t\tthis.shouldUpdateGroupingOnNextResize = false;\n\n\t\t\t\tthis._updateGrouping();\n\n\t\t\t\tpreviousWidth = entry.contentRect.width;\n\t\t\t}\n\t\t} );\n\n\t\tthis._updateGrouping();\n\t}\n\n\t/**\n\t * Enables the grouping functionality, just like {@link #_enableGroupingOnResize} but the difference is that\n\t * it listens to the changes of {@link module:ui/toolbar/toolbarview~ToolbarView#maxWidth} instead.\n\t */\n\tprivate _enableGroupingOnMaxWidthChange( view: View ) {\n\t\tview.on<ObservableChangeEvent>( 'change:maxWidth', () => {\n\t\t\tthis._updateGrouping();\n\t\t} );\n\t}\n\n\t/**\n\t * When called, it will remove the last item from {@link #ungroupedItems} and move it back\n\t * to the {@link #groupedItems} collection.\n\t *\n\t * The opposite of {@link #_ungroupFirstItem}.\n\t */\n\tprivate _groupLastItem() {\n\t\tif ( !this.groupedItems.length ) {\n\t\t\tthis.viewChildren.add( new ToolbarSeparatorView() );\n\t\t\tthis.viewChildren.add( this.groupedItemsDropdown );\n\t\t\tthis.viewFocusTracker.add( this.groupedItemsDropdown.element! );\n\t\t}\n\n\t\tthis.groupedItems.add( this.ungroupedItems.remove( this.ungroupedItems.last! ), 0 );\n\t}\n\n\t/**\n\t * Moves the very first item belonging to {@link #groupedItems} back\n\t * to the {@link #ungroupedItems} collection.\n\t *\n\t * The opposite of {@link #_groupLastItem}.\n\t */\n\tprivate _ungroupFirstItem() {\n\t\tthis.ungroupedItems.add( this.groupedItems.remove( this.groupedItems.first! ) );\n\n\t\tif ( !this.groupedItems.length ) {\n\t\t\tthis.viewChildren.remove( this.groupedItemsDropdown );\n\t\t\tthis.viewChildren.remove( this.viewChildren.last! );\n\t\t\tthis.viewFocusTracker.remove( this.groupedItemsDropdown.element! );\n\t\t}\n\t}\n\n\t/**\n\t * Creates the {@link #groupedItemsDropdown} that hosts the members of the {@link #groupedItems}\n\t * collection when there is not enough space in the toolbar to display all items in a single row.\n\t */\n\tprivate _createGroupedItemsDropdown() {\n\t\tconst locale = this.viewLocale;\n\t\tconst t = locale.t;\n\t\tconst dropdown = createDropdown( locale );\n\n\t\tdropdown.class = 'ck-toolbar__grouped-dropdown';\n\n\t\t// Make sure the dropdown never sticks out to the left/right. It should be under the main toolbar.\n\t\t// (https://github.com/ckeditor/ckeditor5/issues/5608)\n\t\tdropdown.panelPosition = locale.uiLanguageDirection === 'ltr' ? 'sw' : 'se';\n\n\t\taddToolbarToDropdown( dropdown, this.groupedItems );\n\n\t\tdropdown.buttonView.set( {\n\t\t\tlabel: t( 'Show more items' ),\n\t\t\ttooltip: true,\n\t\t\ttooltipPosition: locale.uiLanguageDirection === 'rtl' ? 'se' : 'sw',\n\t\t\ticon: IconThreeVerticalDots\n\t\t} );\n\n\t\treturn dropdown;\n\t}\n\n\t/**\n\t * Updates the {@link module:ui/toolbar/toolbarview~ToolbarView#focusables focus–cyclable items}\n\t * collection so it represents the up–to–date state of the UI from the perspective of the user.\n\t *\n\t * For instance, the {@link #groupedItemsDropdown} can show up and hide but when it is visible,\n\t * it must be subject to focus cycling in the toolbar.\n\t *\n\t * See the {@link module:ui/toolbar/toolbarview~ToolbarView#focusables collection} documentation\n\t * to learn more about the purpose of this method.\n\t */\n\tprivate _updateFocusCyclableItems() {\n\t\tthis.viewFocusables.clear();\n\n\t\tthis.ungroupedItems.map( item => {\n\t\t\tif ( isFocusable( item ) ) {\n\t\t\t\tthis.viewFocusables.add( item );\n\t\t\t}\n\t\t} );\n\n\t\tif ( this.groupedItems.length ) {\n\t\t\tthis.viewFocusables.add( this.groupedItemsDropdown );\n\t\t}\n\t}\n}\n\n/**\n * Options passed to the {@link module:ui/toolbar/toolbarview~ToolbarView#constructor} of the toolbar.\n */\nexport interface ToolbarOptions {\n\n\t/**\n\t * When set to `true`, the toolbar will automatically group {@link module:ui/toolbar/toolbarview~ToolbarView#items} that\n\t * would normally wrap to the next line when there is not enough space to display them in a single row, for\n\t * instance, if the parent container of the toolbar is narrow. For toolbars in absolutely positioned containers\n\t * without width restrictions also the {@link module:ui/toolbar/toolbarview~ToolbarOptions#isFloating} option is required to be `true`.\n\t *\n\t * See also: {@link module:ui/toolbar/toolbarview~ToolbarView#maxWidth}.\n\t */\n\tshouldGroupWhenFull?: boolean;\n\n\t/**\n\t * This option should be enabled for toolbars in absolutely positioned containers without width restrictions\n\t * to enable automatic {@link module:ui/toolbar/toolbarview~ToolbarView#items} grouping.\n\t * When this option is set to `true`, the items will stop wrapping to the next line\n\t * and together with {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull},\n\t * this will allow grouping them when there is not enough space in a single row.\n\t */\n\tisFloating?: boolean;\n}\n\n/**\n * A class interface defining the behavior of the {@link module:ui/toolbar/toolbarview~ToolbarView}.\n *\n * Toolbar behaviors extend its look and functionality and have an impact on the\n * {@link module:ui/toolbar/toolbarview~ToolbarView#element} template or\n * {@link module:ui/toolbar/toolbarview~ToolbarView#render rendering}. They can be enabled\n * conditionally, e.g. depending on the configuration of the toolbar.\n * @internal\n */\nexport interface ToolbarBehavior {\n\n\t/**\n\t * A method called after the toolbar has been {@link module:ui/toolbar/toolbarview~ToolbarView#render rendered}.\n\t * It can be used to, for example, customize the behavior of the toolbar when its\n\t * {@link module:ui/toolbar/toolbarview~ToolbarView#element} is available.\n\t *\n\t * @param view An instance of the toolbar being rendered.\n\t */\n\trender( view: ToolbarView ): void;\n\n\t/**\n\t * A method called after the toolbar has been {@link module:ui/toolbar/toolbarview~ToolbarView#destroy destroyed}.\n\t * It allows cleaning up after the toolbar behavior, for instance, this is the right place to detach\n\t * event listeners, free up references, etc.\n\t */\n\tdestroy(): void;\n\n\t/**\n\t * Indicates the type of the toolbar behavior. Dynamic toolbar can hide items that do not fit into the available space.\n\t * Static toolbar does not hide items and does not respond to the changes of the viewport.\n\t */\n\ttype: 'dynamic' | 'static';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/button/splitbuttonview\n */\n\nimport { IconDropdownArrow } from '@ckeditor/ckeditor5-icons';\nimport {\n\tKeystrokeHandler,\n\tFocusTracker,\n\ttype Locale\n} from '@ckeditor/ckeditor5-utils';\nimport { View } from '../../view.js';\nimport { ButtonView } from '../../button/buttonview.js';\nimport { type ViewCollection } from '../../viewcollection.js';\nimport { type Button } from '../../button/button.js';\nimport { type DropdownButton } from './dropdownbutton.js';\nimport type { FocusableView } from '../../focuscycler.js';\n\nimport '../../../theme/components/dropdown/splitbutton.css';\n\n/**\n * The split button view class.\n *\n * ```ts\n * const view = new SplitButtonView();\n *\n * view.set( {\n * \tlabel: 'A button',\n * \tkeystroke: 'Ctrl+B',\n * \ttooltip: true\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n *\n * Also see the {@link module:ui/dropdown/utils~createDropdown `createDropdown()` util}.\n */\nexport class SplitButtonView extends View<HTMLDivElement> implements DropdownButton {\n\t/**\n\t * Collection of the child views inside of the split button {@link #element}.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A main button of split button.\n\t */\n\tpublic readonly actionView: ButtonView;\n\n\t/**\n\t * A secondary button of split button that opens dropdown.\n\t */\n\tpublic readonly arrowView: ButtonView;\n\n\t/**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}. It manages\n\t * keystrokes of the split button:\n\t *\n\t * * <kbd>▶</kbd> moves focus to arrow view when action view is focused,\n\t * * <kbd>◀</kbd> moves focus to action view when arrow view is focused.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Tracks information about DOM focus in the dropdown.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public label: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public keystroke: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public tooltip: Button[ 'tooltip' ];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public tooltipPosition: Button[ 'tooltipPosition' ];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public type: Button[ 'type' ];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public isOn: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public isToggleable: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public withText: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public withKeystroke: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public icon: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public tabindex: number;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public class: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public labelStyle: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public role: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public ariaChecked: boolean | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public ariaLabel?: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public ariaLabelledBy: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale, actionButton?: ButtonView & FocusableView ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\t// Implement the Button interface.\n\t\tthis.set( 'class', undefined );\n\t\tthis.set( 'labelStyle', undefined );\n\t\tthis.set( 'icon', undefined );\n\t\tthis.set( 'isEnabled', true );\n\t\tthis.set( 'isOn', false );\n\t\tthis.set( 'isToggleable', false );\n\t\tthis.set( 'isVisible', true );\n\t\tthis.set( 'keystroke', undefined );\n\t\tthis.set( 'withKeystroke', false );\n\t\tthis.set( 'label', undefined );\n\t\tthis.set( 'tabindex', -1 );\n\t\tthis.set( 'tooltip', false );\n\t\tthis.set( 'tooltipPosition', 's' );\n\t\tthis.set( 'type', 'button' );\n\t\tthis.set( 'withText', false );\n\n\t\tthis.children = this.createCollection();\n\t\tthis.actionView = this._createActionView( actionButton );\n\t\tthis.arrowView = this._createArrowView();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.focusTracker = new FocusTracker();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-splitbutton',\n\t\t\t\t\tbind.to( 'class' ),\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value ),\n\t\t\t\t\tthis.arrowView.bindTemplate.if( 'isOn', 'ck-splitbutton_open' )\n\t\t\t\t]\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.children.add( this.actionView );\n\t\tthis.children.add( this.arrowView );\n\n\t\tthis.focusTracker.add( this.actionView.element! );\n\t\tthis.focusTracker.add( this.arrowView.element! );\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\n\t\t// Overrides toolbar focus cycling behavior.\n\t\tthis.keystrokes.set( 'arrowright', ( evt, cancel ) => {\n\t\t\tif ( this.focusTracker.focusedElement === this.actionView.element ) {\n\t\t\t\tthis.arrowView.focus();\n\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\n\t\t// Overrides toolbar focus cycling behavior.\n\t\tthis.keystrokes.set( 'arrowleft', ( evt, cancel ) => {\n\t\t\tif ( this.focusTracker.focusedElement === this.arrowView.element ) {\n\t\t\t\tthis.actionView.focus();\n\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the {@link module:ui/button/buttonview~ButtonView#element} of the action part of split button.\n\t */\n\tpublic focus(): void {\n\t\tthis.actionView.focus();\n\t}\n\n\t/**\n\t * Creates a {@link module:ui/button/buttonview~ButtonView} instance as {@link #actionView} and binds it with main split button\n\t * attributes.\n\t */\n\tprivate _createActionView( actionButton?: ButtonView & FocusableView ) {\n\t\tconst actionView = actionButton || new ButtonView();\n\n\t\tif ( !actionButton ) {\n\t\t\tactionView.bind(\n\t\t\t\t'icon',\n\t\t\t\t'isEnabled',\n\t\t\t\t'isOn',\n\t\t\t\t'isToggleable',\n\t\t\t\t'keystroke',\n\t\t\t\t'label',\n\t\t\t\t'tabindex',\n\t\t\t\t'tooltip',\n\t\t\t\t'tooltipPosition',\n\t\t\t\t'type',\n\t\t\t\t'withText'\n\t\t\t).to( this );\n\t\t}\n\n\t\tactionView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-splitbutton__action'\n\t\t\t}\n\t\t} );\n\n\t\tactionView.delegate( 'execute' ).to( this );\n\n\t\treturn actionView;\n\t}\n\n\t/**\n\t * Creates a {@link module:ui/button/buttonview~ButtonView} instance as {@link #arrowView} and binds it with main split button\n\t * attributes.\n\t */\n\tprivate _createArrowView() {\n\t\tconst arrowView = new ButtonView();\n\t\tconst bind = arrowView.bindTemplate;\n\n\t\tarrowView.icon = IconDropdownArrow;\n\n\t\tarrowView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-splitbutton__arrow'\n\t\t\t\t],\n\t\t\t\t'data-cke-tooltip-disabled': bind.to( 'isOn' ),\n\t\t\t\t'aria-haspopup': true,\n\t\t\t\t'aria-expanded': bind.to( 'isOn', value => String( value ) )\n\t\t\t}\n\t\t} );\n\n\t\tarrowView.bind( 'isEnabled' ).to( this );\n\t\tarrowView.bind( 'label' ).to( this );\n\t\tarrowView.bind( 'tooltip' ).to( this );\n\n\t\tarrowView.delegate( 'execute' ).to( this, 'open' );\n\n\t\treturn arrowView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/dropdown/utils\n */\n\nimport { DropdownPanelView } from './dropdownpanelview.js';\nimport { DropdownView } from './dropdownview.js';\nimport { DropdownButtonView } from './button/dropdownbuttonview.js';\nimport { DropdownMenuRootListView } from './menu/dropdownmenurootlistview.js';\nimport { ToolbarView } from '../toolbar/toolbarview.js';\nimport { ListView } from '../list/listview.js';\nimport { ListItemView } from '../list/listitemview.js';\nimport { ListSeparatorView } from '../list/listseparatorview.js';\nimport { SplitButtonView } from './button/splitbuttonview.js';\nimport { SwitchButtonView } from '../button/switchbuttonview.js';\nimport { ViewCollection } from '../viewcollection.js';\n\nimport { clickOutsideHandler } from '../bindings/clickoutsidehandler.js';\n\nimport type { View } from '../view.js';\nimport type { ButtonExecuteEvent } from '../button/button.js';\nimport { type UIModel } from '../model.js';\nimport { type DropdownButton } from './button/dropdownbutton.js';\nimport { type ButtonView } from '../button/buttonview.js';\nimport type { FocusableView } from '../focuscycler.js';\nimport type { FalsyValue } from '../template.js';\nimport { type BodyCollection } from '../editorui/bodycollection.js';\n\nimport {\n\tglobal,\n\tpriorities,\n\tlogWarning,\n\ttype FocusTracker,\n\ttype Collection,\n\ttype Locale,\n\ttype ObservableChangeEvent,\n\ttype CollectionChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/dropdown/toolbardropdown.css';\nimport '../../theme/components/dropdown/listdropdown.css';\n\nimport { ListItemGroupView } from '../list/listitemgroupview.js';\nimport { ListItemButtonView } from '../button/listitembuttonview.js';\nimport type { DropdownMenuDefinition } from './menu/utils.js';\nimport type { ButtonLabelView } from '../button/buttonlabelview.js';\n\n/**\n * A helper for creating dropdowns. It creates an instance of a {@link module:ui/dropdown/dropdownview~DropdownView dropdown},\n * with a {@link module:ui/dropdown/button/dropdownbutton~DropdownButton button},\n * {@link module:ui/dropdown/dropdownpanelview~DropdownPanelView panel} and all standard dropdown's behaviors.\n *\n * # Creating dropdowns\n *\n * By default, the default {@link module:ui/dropdown/button/dropdownbuttonview~DropdownButtonView} class is used as\n * definition of the button:\n *\n * ```ts\n * const dropdown = createDropdown( model );\n *\n * // Configure dropdown's button properties:\n * dropdown.buttonView.set( {\n * \tlabel: 'A dropdown',\n * \twithText: true\n * } );\n *\n * dropdown.render();\n *\n * // Will render a dropdown labeled \"A dropdown\" with an empty panel.\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * You can also provide other button views (they need to implement the\n * {@link module:ui/dropdown/button/dropdownbutton~DropdownButton} interface). For instance, you can use\n * {@link module:ui/dropdown/button/splitbuttonview~SplitButtonView} to create a dropdown with a split button.\n *\n * ```ts\n * const dropdown = createDropdown( locale, SplitButtonView );\n *\n * // Configure dropdown's button properties:\n * dropdown.buttonView.set( {\n * \tlabel: 'A dropdown',\n * \twithText: true\n * } );\n *\n * dropdown.buttonView.on( 'execute', () => {\n * \t// Add the behavior of the \"action part\" of the split button.\n * \t// Split button consists of the \"action part\" and \"arrow part\".\n * \t// The arrow opens the dropdown while the action part can have some other behavior.\n * } );\n *\n * dropdown.render();\n *\n * // Will render a dropdown labeled \"A dropdown\" with an empty panel.\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * # Adding content to the dropdown's panel\n *\n * The content of the panel can be inserted directly into the `dropdown.panelView.element`:\n *\n * ```ts\n * dropdown.panelView.element.textContent = 'Content of the panel';\n * ```\n *\n * However, most of the time you will want to add there either a {@link module:ui/list/listview~ListView list of options}\n * or a list of buttons (i.e. a {@link module:ui/toolbar/toolbarview~ToolbarView toolbar}).\n * To simplify the task, you can use, respectively, {@link module:ui/dropdown/utils~addListToDropdown} or\n * {@link module:ui/dropdown/utils~addToolbarToDropdown} utils.\n *\n * @param locale The locale instance.\n * @param ButtonClassOrInstance The dropdown button view class. Needs to implement the\n * {@link module:ui/dropdown/button/dropdownbutton~DropdownButton} interface.\n * @returns The dropdown view instance.\n */\nexport function createDropdown(\n\tlocale: Locale | undefined,\n\tButtonClassOrInstance:\n\t\t( new ( locale?: Locale ) => DropdownButton & FocusableView ) | DropdownButton & FocusableView = DropdownButtonView\n): DropdownView {\n\tconst buttonView = typeof ButtonClassOrInstance == 'function' ? new ButtonClassOrInstance( locale ) : ButtonClassOrInstance;\n\n\tconst panelView = new DropdownPanelView( locale );\n\tconst dropdownView = new DropdownView( locale, buttonView, panelView );\n\n\tbuttonView.bind( 'isEnabled' ).to( dropdownView );\n\n\tif ( buttonView instanceof SplitButtonView ) {\n\t\tbuttonView.arrowView.bind( 'isOn' ).to( dropdownView, 'isOpen' );\n\t} else {\n\t\tbuttonView.bind( 'isOn' ).to( dropdownView, 'isOpen' );\n\t}\n\n\taddDefaultBehaviors( dropdownView );\n\n\treturn dropdownView;\n}\n\n/**\n * Adds a menu UI component to a dropdown and sets all common behaviors and interactions between the dropdown and the menu.\n *\n * Use this helper to create multi-level dropdown menus that are displayed in a toolbar.\n *\n * Internally, it creates an instance of {@link module:ui/dropdown/menu/dropdownmenurootlistview~DropdownMenuRootListView}.\n *\n * Example:\n *\n * ```ts\n * const definitions = [\n * \t{\n * \t\tid: 'menu_1',\n * \t\tmenu: 'Menu 1',\n * \t\tchildren: [\n * \t\t\t{\n * \t\t\t\tid: 'menu_1_a',\n * \t\t\t\tlabel: 'Item A'\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tid: 'menu_1_b',\n * \t\t\t\tlabel: 'Item B'\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tid: 'top_a',\n * \t\tlabel: 'Top Item A'\n * \t},\n * \t{\n * \t\tid: 'top_b',\n * \t\tlabel: 'Top Item B'\n * \t}\n * ];\n *\n * const dropdownView = createDropdown( editor.locale );\n *\n * addMenuToDropdown( dropdownView, editor.ui.view.body, definitions );\n * ```\n *\n * After using this helper, the `dropdown` will fire {@link module:ui/dropdown/dropdownview~DropdownViewEvent `execute`} event when\n * a nested menu button is pressed.\n *\n * The helper will make sure that the `dropdownMenuRootListView` is lazy loaded, i.e., the menu component structure will be initialized\n * and rendered only after the `dropdown` is opened for the first time.\n *\n * @param dropdownView A dropdown instance to which the menu component will be added.\n * @param body Body collection to which floating menu panels will be added.\n * @param definition The menu component definition.\n * @param options.ariaLabel Label used by assistive technologies to describe the top-level menu.\n */\nexport function addMenuToDropdown(\n\tdropdownView: DropdownView,\n\tbody: BodyCollection,\n\tdefinition: DropdownMenuDefinition,\n\toptions: {\n\t\tariaLabel?: string;\n\t} = {} ): void {\n\tdropdownView.menuView = new DropdownMenuRootListView( dropdownView.locale!, body, definition );\n\tdropdownView.focusTracker.add( dropdownView.menuView );\n\n\tif ( dropdownView.isOpen ) {\n\t\taddMenuToOpenDropdown( dropdownView, options );\n\t} else {\n\t\t// Load the UI elements only after the dropdown is opened for the first time - lazy loading.\n\t\tdropdownView.once( 'change:isOpen', () => {\n\t\t\taddMenuToOpenDropdown( dropdownView, options );\n\t\t}, { priority: 'highest' } );\n\t}\n}\n\nfunction addMenuToOpenDropdown(\n\tdropdownView: DropdownView,\n\toptions: {\n\t\tariaLabel?: string;\n\t}\n): void {\n\tconst dropdownMenuRootListView = dropdownView.menuView!;\n\tconst t = dropdownView.locale!.t;\n\n\tdropdownMenuRootListView.delegate( 'menu:execute' ).to( dropdownView, 'execute' );\n\tdropdownMenuRootListView.listenTo( dropdownView, 'change:isOpen', ( evt, name, isOpen ) => {\n\t\tif ( !isOpen ) {\n\t\t\tdropdownMenuRootListView.closeMenus();\n\t\t}\n\t}, { priority: 'low' } ); // Make sure this is fired after `focusDropdownButtonOnClose` behavior.\n\n\t// When `dropdownMenuRootListView` is added as a `panelView` child, it becomes rendered (`panelView` is rendered at this point).\n\tdropdownView.panelView.children.add( dropdownMenuRootListView );\n\n\t// Nested menu panels are added to body collection, so they are not children of the `dropdownView` from DOM perspective.\n\t// Add these panels to `dropdownView` focus tracker, so they are treated like part of the `dropdownView` for focus-related purposes.\n\tfor ( const menu of dropdownMenuRootListView.menus ) {\n\t\tdropdownView.focusTracker.add( menu );\n\t}\n\n\tdropdownMenuRootListView.ariaLabel = options.ariaLabel || t( 'Dropdown menu' );\n}\n\n/**\n * Adds an instance of {@link module:ui/toolbar/toolbarview~ToolbarView} to a dropdown.\n *\n * ```ts\n * const buttonsCreator = () => {\n * \tconst buttons = [];\n *\n * \t// Either create a new ButtonView instance or create existing.\n * \tbuttons.push( new ButtonView() );\n * \tbuttons.push( editor.ui.componentFactory.create( 'someButton' ) );\n * };\n *\n * const dropdown = createDropdown( locale );\n *\n * addToolbarToDropdown( dropdown, buttonsCreator, { isVertical: true } );\n *\n * // Will render a vertical button dropdown labeled \"A button dropdown\"\n * // with a button group in the panel containing two buttons.\n * // Buttons inside the dropdown will be created on first dropdown panel open.\n * dropdown.render()\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * **Note:** To improve the accessibility, you can tell the dropdown to focus the first active button of the toolbar when the dropdown\n * {@link module:ui/dropdown/dropdownview~DropdownView#isOpen gets open}. See the documentation of `options` to learn more.\n *\n * **Note:** Toolbar view will be created on first open of the dropdown.\n *\n * See {@link module:ui/dropdown/utils~createDropdown} and {@link module:ui/toolbar/toolbarview~ToolbarView}.\n *\n * @param dropdownView A dropdown instance to which `ToolbarView` will be added.\n * @param options.enableActiveItemFocusOnDropdownOpen When set `true`, the focus will automatically move to the first\n * active {@link module:ui/toolbar/toolbarview~ToolbarView#items item} of the toolbar upon\n * {@link module:ui/dropdown/dropdownview~DropdownView#isOpen opening} the dropdown. Active items are those with the `isOn` property set\n * `true` (for instance {@link module:ui/button/buttonview~ButtonView buttons}). If no active items is found, the toolbar will be focused\n * as a whole resulting in the focus moving to its first focusable item (default behavior of\n * {@link module:ui/dropdown/dropdownview~DropdownView}).\n * @param options.ariaLabel Label used by assistive technologies to describe toolbar element.\n * @param options.maxWidth The maximum width of the toolbar element.\n * Details: {@link module:ui/toolbar/toolbarview~ToolbarView#maxWidth}.\n * @param options.class An additional CSS class added to the toolbar element.\n * @param options.isCompact When set true, makes the toolbar look compact with toolbar element.\n * @param options.isVertical Controls the orientation of toolbar items.\n */\nexport function addToolbarToDropdown(\n\tdropdownView: DropdownView,\n\tbuttonsOrCallback: Array<View> | ViewCollection | ( () => Array<View> | ViewCollection ),\n\toptions: {\n\t\tenableActiveItemFocusOnDropdownOpen?: boolean;\n\t\tariaLabel?: string;\n\t\tmaxWidth?: string;\n\t\tclass?: string;\n\t\tisCompact?: boolean;\n\t\tisVertical?: boolean;\n\t} = {}\n): void {\n\tdropdownView.extendTemplate( {\n\t\tattributes: {\n\t\t\tclass: [ 'ck-toolbar-dropdown' ]\n\t\t}\n\t} );\n\n\tif ( dropdownView.isOpen ) {\n\t\taddToolbarToOpenDropdown( dropdownView, buttonsOrCallback, options );\n\t} else {\n\t\tdropdownView.once(\n\t\t\t'change:isOpen',\n\t\t\t() => addToolbarToOpenDropdown( dropdownView, buttonsOrCallback, options ),\n\t\t\t{ priority: 'highest' }\n\t\t);\n\t}\n\n\tif ( options.enableActiveItemFocusOnDropdownOpen ) {\n\t\t// Accessibility: Focus the first active button in the toolbar when the dropdown gets open.\n\t\tfocusChildOnDropdownOpen( dropdownView, () => dropdownView.toolbarView!.items.find( ( item: any ) => item.isOn ) );\n\t}\n}\n\n/**\n * Adds an instance of {@link module:ui/toolbar/toolbarview~ToolbarView} to a dropdown.\n */\nfunction addToolbarToOpenDropdown(\n\tdropdownView: DropdownView,\n\tbuttonsOrCallback: Array<View> | ViewCollection | ( () => Array<View> | ViewCollection ),\n\toptions: {\n\t\tariaLabel?: string;\n\t\tmaxWidth?: string;\n\t\tclass?: string;\n\t\tisCompact?: boolean;\n\t\tisVertical?: boolean;\n\t}\n): void {\n\tconst locale = dropdownView.locale!;\n\tconst t = locale.t;\n\n\tconst toolbarView = dropdownView.toolbarView = new ToolbarView( locale );\n\tconst buttons = typeof buttonsOrCallback == 'function' ? buttonsOrCallback() : buttonsOrCallback;\n\n\ttoolbarView.ariaLabel = options.ariaLabel || t( 'Dropdown toolbar' );\n\n\tif ( options.maxWidth ) {\n\t\ttoolbarView.maxWidth = options.maxWidth;\n\t}\n\n\tif ( options.class ) {\n\t\ttoolbarView.class = options.class;\n\t}\n\n\tif ( options.isCompact ) {\n\t\ttoolbarView.isCompact = options.isCompact;\n\t}\n\n\tif ( options.isVertical ) {\n\t\ttoolbarView.isVertical = true;\n\t}\n\n\tif ( buttons instanceof ViewCollection ) {\n\t\ttoolbarView.items.bindTo( buttons ).using( item => item );\n\t} else {\n\t\ttoolbarView.items.addMany( buttons );\n\t}\n\n\tdropdownView.panelView.children.add( toolbarView );\n\tdropdownView.focusTracker.add( toolbarView );\n\ttoolbarView.items.delegate( 'execute' ).to( dropdownView );\n}\n\n/**\n * Adds an instance of {@link module:ui/list/listview~ListView} to a dropdown.\n *\n * ```ts\n * const items = new Collection<ListDropdownItemDefinition>();\n *\n * items.add( {\n * \ttype: 'button',\n * \tmodel: new Model( {\n * \t\twithText: true,\n * \t\tlabel: 'First item',\n * \t\tlabelStyle: 'color: red'\n * \t} )\n * } );\n *\n * items.add( {\n * \t type: 'button',\n * \t model: new Model( {\n * \t\twithText: true,\n * \t\tlabel: 'Second item',\n * \t\tlabelStyle: 'color: green',\n * \t\tclass: 'foo'\n * \t} )\n * } );\n *\n * const dropdown = createDropdown( locale );\n *\n * addListToDropdown( dropdown, items );\n *\n * // Will render a dropdown with a list in the panel containing two items.\n * dropdown.render()\n * document.body.appendChild( dropdown.element );\n * ```\n *\n * The `items` collection passed to this methods controls the presence and attributes of respective\n * {@link module:ui/list/listitemview~ListItemView list items}.\n *\n * **Note:** To improve the accessibility, when a list is added to the dropdown using this helper the dropdown will automatically attempt\n * to focus the first active item (a host to a {@link module:ui/button/buttonview~ButtonView} with\n * {@link module:ui/button/buttonview~ButtonView#isOn} set `true`) or the very first item when none are active.\n *\n * **Note:** List view will be created on first open of the dropdown.\n *\n * See {@link module:ui/dropdown/utils~createDropdown} and {@link module:list/list~List}.\n *\n * @param dropdownView A dropdown instance to which `ListVIew` will be added.\n * @param itemsOrCallback A collection of the list item definitions or a callback returning a list item definitions to populate the list.\n * @param options.ariaLabel Label used by assistive technologies to describe list element.\n * @param options.role Will be reflected by the `role` DOM attribute in `ListVIew` and used by assistive technologies.\n */\nexport function addListToDropdown(\n\tdropdownView: DropdownView,\n\titemsOrCallback: Collection<ListDropdownItemDefinition> | ( () => Collection<ListDropdownItemDefinition> ),\n\toptions: {\n\t\tariaLabel?: string;\n\t\trole?: string;\n\t} = {}\n): void {\n\tif ( dropdownView.isOpen ) {\n\t\taddListToOpenDropdown( dropdownView, itemsOrCallback, options );\n\t} else {\n\t\tdropdownView.once(\n\t\t\t'change:isOpen',\n\t\t\t() => addListToOpenDropdown( dropdownView, itemsOrCallback, options ),\n\t\t\t{ priority: 'highest' }\n\t\t);\n\t}\n\n\t// Accessibility: Focus the first active button in the list when the dropdown gets open.\n\tfocusChildOnDropdownOpen( dropdownView, () => dropdownView.listView!.items.find( item => {\n\t\tif ( item instanceof ListItemView ) {\n\t\t\treturn ( item.children.first as any ).isOn;\n\t\t}\n\n\t\treturn false;\n\t} ) );\n}\n\n/**\n * Adds an instance of {@link module:ui/list/listview~ListView} to a dropdown.\n */\nfunction addListToOpenDropdown(\n\tdropdownView: DropdownView,\n\titemsOrCallback: Collection<ListDropdownItemDefinition> | ( () => Collection<ListDropdownItemDefinition> ),\n\toptions: {\n\t\tariaLabel?: string;\n\t\trole?: string;\n\t}\n): void {\n\tconst locale = dropdownView.locale!;\n\tconst listView = dropdownView.listView = new ListView( locale );\n\tconst items = typeof itemsOrCallback == 'function' ? itemsOrCallback() : itemsOrCallback;\n\n\tlistView.ariaLabel = options.ariaLabel;\n\tlistView.role = options.role;\n\n\tbindViewCollectionItemsToDefinitions( dropdownView, listView.items, items, locale );\n\n\tdropdownView.panelView.children.add( listView );\n\n\tlistView.items.delegate( 'execute' ).to( dropdownView );\n}\n\n/**\n * A helper to be used on an existing {@link module:ui/dropdown/dropdownview~DropdownView} that focuses\n * a specific child in DOM when the dropdown {@link module:ui/dropdown/dropdownview~DropdownView#isOpen gets open}.\n *\n * @param dropdownView A dropdown instance to which the focus behavior will be added.\n * @param childSelectorCallback A callback executed when the dropdown gets open. It should return a {@link module:ui/view~View}\n * instance (child of {@link module:ui/dropdown/dropdownview~DropdownView#panelView}) that will get focused or a falsy value.\n * If falsy value is returned, a default behavior of the dropdown will engage focusing the first focusable child in\n * the {@link module:ui/dropdown/dropdownview~DropdownView#panelView}.\n */\nexport function focusChildOnDropdownOpen(\n\tdropdownView: DropdownView,\n\tchildSelectorCallback: () => View | FalsyValue\n): void {\n\tdropdownView.on<ObservableChangeEvent>( 'change:isOpen', () => {\n\t\tif ( !dropdownView.isOpen ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst childToFocus: ( View & { focus?: () => void } ) | FalsyValue = childSelectorCallback();\n\n\t\tif ( !childToFocus ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( typeof childToFocus.focus === 'function' ) {\n\t\t\tchildToFocus.focus();\n\t\t} else {\n\t\t\t/**\n\t\t\t * The child view of a {@link module:ui/dropdown/dropdownview~DropdownView dropdown} is missing the `focus()` method\n\t\t\t * and could not be focused when the dropdown got {@link module:ui/dropdown/dropdownview~DropdownView#isOpen open}.\n\t\t\t *\n\t\t\t * Making the content of a dropdown focusable in this case greatly improves the accessibility. Please make the view instance\n\t\t\t * implements the {@link module:ui/dropdown/dropdownpanelfocusable~DropdownPanelFocusable focusable interface} for the best user\n\t\t\t * experience.\n\t\t\t *\n\t\t\t * @error ui-dropdown-focus-child-on-open-child-missing-focus\n\t\t\t * @param {module:ui/view~View} view Child to focus.\n\t\t\t */\n\t\t\tlogWarning( 'ui-dropdown-focus-child-on-open-child-missing-focus', { view: childToFocus } );\n\t\t}\n\n\t// * Let the panel show up first (do not focus an invisible element).\n\t// * Execute after focusDropdownPanelOnOpen(). See focusDropdownPanelOnOpen() to learn more.\n\t}, { priority: priorities.low - 10 } );\n}\n\n/**\n * Add a set of default behaviors to dropdown view.\n */\nfunction addDefaultBehaviors( dropdownView: DropdownView ) {\n\tcloseDropdownOnClickOutside( dropdownView );\n\tcloseDropdownOnExecute( dropdownView );\n\tcloseDropdownOnBlur( dropdownView );\n\tfocusDropdownContentsOnArrows( dropdownView );\n\tfocusDropdownButtonOnClose( dropdownView );\n\tfocusDropdownPanelOnOpen( dropdownView );\n}\n\n/**\n * Adds a behavior to a dropdownView that closes opened dropdown when user clicks outside the dropdown.\n */\nfunction closeDropdownOnClickOutside( dropdownView: DropdownView ) {\n\tclickOutsideHandler( {\n\t\temitter: dropdownView,\n\t\tactivator: () => dropdownView.isRendered && dropdownView.isOpen,\n\t\tcallback: () => {\n\t\t\tdropdownView.isOpen = false;\n\t\t},\n\t\tcontextElements: () => [\n\t\t\tdropdownView.element!,\n\t\t\t// Include all elements connected to the dropdown's focus tracker, but exclude those that are direct children\n\t\t\t// of DropdownView#element. They would be identified as descendants of #element anyway upon clicking and would\n\t\t\t// not contribute to the logic.\n\t\t\t...getFocusTrackerTreeElements( dropdownView.focusTracker ).filter( element => !dropdownView.element!.contains( element ) )\n\t\t]\n\t} );\n}\n\n/**\n * Returns all DOM elements connected to a DropdownView's focus tracker, either directly (same DOM sub-tree)\n * or indirectly (external views registered in the focus tracker).\n */\nfunction getFocusTrackerTreeElements( focusTracker: FocusTracker ): Array<Element> {\n\treturn [\n\t\t...focusTracker.elements,\n\t\t...focusTracker.externalViews.flatMap( view => getFocusTrackerTreeElements( view.focusTracker ) )\n\t];\n}\n\n/**\n * Adds a behavior to a dropdownView that closes the dropdown view on \"execute\" event.\n */\nfunction closeDropdownOnExecute( dropdownView: DropdownView ) {\n\t// Close the dropdown when one of the list items has been executed.\n\tdropdownView.on<ButtonExecuteEvent>( 'execute', evt => {\n\t\t// Toggling a switch button view should not close the dropdown.\n\t\tif ( evt.source instanceof SwitchButtonView ) {\n\t\t\treturn;\n\t\t}\n\n\t\tdropdownView.isOpen = false;\n\t} );\n}\n\n/**\n * Adds a behavior to a dropdown view that closes opened dropdown when it loses focus.\n */\nfunction closeDropdownOnBlur( dropdownView: DropdownView ) {\n\tdropdownView.focusTracker.on<ObservableChangeEvent<boolean>>( 'change:isFocused', ( evt, name, isFocused ) => {\n\t\tif ( isFocused || !dropdownView.isOpen ) {\n\t\t\treturn;\n\t\t}\n\n\t\tdropdownView.isOpen = false;\n\t} );\n}\n\n/**\n * Adds a behavior to a dropdownView that focuses the dropdown's panel view contents on keystrokes.\n */\nfunction focusDropdownContentsOnArrows( dropdownView: DropdownView ) {\n\t// If the dropdown panel is already open, the arrow down key should focus the first child of the #panelView.\n\tdropdownView.keystrokes.set( 'arrowdown', ( data, cancel ) => {\n\t\tif ( dropdownView.isOpen ) {\n\t\t\tdropdownView.panelView.focus();\n\t\t\tcancel();\n\t\t}\n\t} );\n\n\t// If the dropdown panel is already open, the arrow up key should focus the last child of the #panelView.\n\tdropdownView.keystrokes.set( 'arrowup', ( data, cancel ) => {\n\t\tif ( dropdownView.isOpen ) {\n\t\t\tdropdownView.panelView.focusLast();\n\t\t\tcancel();\n\t\t}\n\t} );\n}\n\n/**\n * Adds a behavior that focuses the #buttonView when the dropdown was closed but focus was within the #panelView element.\n * This makes sure the focus is never lost.\n */\nfunction focusDropdownButtonOnClose( dropdownView: DropdownView ) {\n\tdropdownView.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( evt, name, isOpen ) => {\n\t\tif ( isOpen ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elements = dropdownView.focusTracker.elements;\n\n\t\t// If the dropdown was closed, move the focus back to the button (#12125).\n\t\t// Don't touch the focus, if it moved somewhere else (e.g. moved to the editing root on #execute) (#12178).\n\t\t// Note: Don't use the state of the DropdownView#focusTracker here. It fires #blur with the timeout.\n\t\tif ( elements.some( element => element.contains( global.document.activeElement ) ) ) {\n\t\t\tdropdownView.buttonView.focus();\n\t\t}\n\t} );\n}\n\n/**\n * Adds a behavior that focuses the #panelView when dropdown gets open (accessibility).\n */\nfunction focusDropdownPanelOnOpen( dropdownView: DropdownView ) {\n\tdropdownView.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( evt, name, isOpen ) => {\n\t\tif ( !isOpen ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Focus the first item in the dropdown when the dropdown opened.\n\t\tdropdownView.panelView.focus();\n\n\t// * Let the panel show up first (do not focus an invisible element).\n\t// * Also, execute before focusChildOnDropdownOpen() to make sure this helper does not break the\n\t//   focus of a specific child by kicking in too late and resetting the focus in the panel.\n\t}, { priority: 'low' } );\n}\n\n/**\n * This helper populates a dropdown list with items and groups according to the\n * collection of item definitions. A permanent binding is created in this process allowing\n * dynamic management of the dropdown list content.\n *\n * @param dropdownView\n * @param listItems\n * @param definitions\n * @param locale\n */\nfunction bindViewCollectionItemsToDefinitions(\n\tdropdownView: DropdownView,\n\tlistItems: ViewCollection,\n\tdefinitions: Collection<ListDropdownItemDefinition>,\n\tlocale: Locale\n) {\n\tbindDropdownToggleableButtonsAlignment( listItems );\n\n\tlistItems.bindTo( definitions ).using( def => {\n\t\tif ( def.type === 'separator' ) {\n\t\t\treturn new ListSeparatorView( locale );\n\t\t} else if ( def.type === 'group' ) {\n\t\t\tconst groupView = new ListItemGroupView( locale );\n\n\t\t\tgroupView.set( { label: def.label } );\n\n\t\t\tbindViewCollectionItemsToDefinitions( dropdownView, groupView.items, def.items, locale );\n\n\t\t\tgroupView.items.delegate( 'execute' ).to( dropdownView );\n\n\t\t\treturn groupView;\n\t\t} else if ( def.type === 'button' || def.type === 'switchbutton' ) {\n\t\t\tconst isToggleable = def.model.role === 'menuitemcheckbox' || def.model.role === 'menuitemradio';\n\t\t\tconst listItemView = new ListItemView( locale );\n\n\t\t\tlet buttonView: ButtonView;\n\n\t\t\tif ( def.type === 'button' ) {\n\t\t\t\tbuttonView = new ListItemButtonView( locale, def.labelView );\n\t\t\t\tbuttonView.set( {\n\t\t\t\t\tisToggleable\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tbuttonView = new SwitchButtonView( locale );\n\t\t\t}\n\n\t\t\t// Bind all model properties to the button view.\n\t\t\tbuttonView.bind( ...Object.keys( def.model ) as Array<keyof ButtonView> ).to( def.model );\n\t\t\tbuttonView.delegate( 'execute' ).to( listItemView );\n\n\t\t\tlistItemView.children.add( buttonView );\n\n\t\t\treturn listItemView;\n\t\t}\n\n\t\treturn null;\n\t} );\n}\n\n/**\n * Sets up alignment handling for toggleable buttons in a dropdown list.\n *\n * Buttons in dropdowns have reserved space for a check icon when they are toggleable.\n * When at least one button in the list is toggleable, all other buttons (even non-toggleable ones)\n * will have space on their left side to align with toggleable buttons.\n *\n * This function handles a special case where a new toggleable button is added (or removed) to a list\n * where previous buttons weren't toggleable. In that case, those previous buttons will\n * automatically allocate space to align with the new toggleable button.\n *\n * Example:\n * ```\n * Before adding toggleable button:\n * +----------------+\n * | Normal Button  |\n * +----------------+\n * | Another Button |\n * +----------------+\n *\n * After adding toggleable button:\n * +-------------------+\n * |    Normal Button  |\n * +-------------------+\n * |    Another Button |\n * +-------------------+\n * | ✓ Toggle Button   |\n * +-------------------+\n * ```\n *\n * @param listItems Collection of list items to observe for toggleable buttons.\n */\nfunction bindDropdownToggleableButtonsAlignment( listItems: ViewCollection ) {\n\t// Keep track of how many toggleable buttons are in the list.\n\tlet toggleableButtonsCount = 0;\n\n\t// Helper function that checks if a view item is a list item button.\n\tconst pickListItemButtonIfPresent = ( item: View<HTMLElement> ) => {\n\t\t// Check if the item is a ListItemView with a ListItemButtonView as its first child.\n\t\tif ( !( item instanceof ListItemView ) || !( item.children.first instanceof ListItemButtonView ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn item.children.first;\n\t};\n\n\t// Helper function that checks if a view item is a toggleable button.\n\t// Returns the button if it's toggleable - otherwise, returns null.\n\tconst pickListItemToggleableButtonIfPresent = ( item: View<HTMLElement> ) => {\n\t\tconst listItemButtonView = pickListItemButtonIfPresent( item );\n\n\t\t// Only return buttons that are configured as toggleable.\n\t\tif ( !listItemButtonView || !listItemButtonView.isToggleable ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn listItemButtonView;\n\t};\n\n\t// Updates all buttons in the list to either allocate space for check marks or not.\n\t// This ensures all buttons are properly aligned regardless of their toggleable state.\n\tconst updateAllButtonsCheckSpace = ( hasSpace: boolean ): void => {\n\t\tfor ( const listItem of listItems ) {\n\t\t\tconst listItemButton = pickListItemButtonIfPresent( listItem );\n\n\t\t\tif ( listItemButton ) {\n\t\t\t\tlistItemButton.hasCheckSpace = hasSpace;\n\t\t\t}\n\t\t}\n\t};\n\n\t// Listen for changes in the list items collection.\n\tlistItems.on<CollectionChangeEvent<FocusableView>>( 'change', ( evt, data ) => {\n\t\t// Remember the current state - whether we have any toggleable buttons.\n\t\tconst prevToggleable = toggleableButtonsCount > 0;\n\n\t\t// Process removed items - decrease count for each toggleable button removed.\n\t\tfor ( const item of data.removed ) {\n\t\t\tif ( pickListItemToggleableButtonIfPresent( item ) ) {\n\t\t\t\ttoggleableButtonsCount--;\n\t\t\t}\n\t\t}\n\n\t\t// Process added items - increase count for each toggleable button added.\n\t\tfor ( const item of data.added ) {\n\t\t\tconst button = pickListItemButtonIfPresent( item );\n\n\t\t\tif ( !button ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( button.isToggleable ) {\n\t\t\t\t// Check if the button is toggleable and increase the count.\n\t\t\t\ttoggleableButtonsCount++;\n\t\t\t}\n\n\t\t\t// Depending on the current state, set the check space for the button.\n\t\t\tbutton.hasCheckSpace = toggleableButtonsCount > 0;\n\t\t}\n\n\t\t// Check if the current state has changed.\n\t\tconst currentToggleable = toggleableButtonsCount > 0;\n\n\t\t// Only update button alignment if we've crossed the threshold between\n\t\t// having no toggleable buttons and having at least one.\n\t\tif ( prevToggleable !== currentToggleable ) {\n\t\t\tupdateAllButtonsCheckSpace( currentToggleable );\n\t\t}\n\t} );\n}\n\n/**\n * A definition of the list item used by the {@link module:ui/dropdown/utils~addListToDropdown}\n * utility.\n */\nexport type ListDropdownItemDefinition =\n\tListDropdownSeparatorDefinition |\n\tListDropdownButtonDefinition |\n\tListDropdownGroupDefinition;\n\n/**\n * A definition of the 'separator' list item.\n */\nexport type ListDropdownSeparatorDefinition = {\n\ttype: 'separator';\n};\n\n/**\n * A definition of the 'button' or 'switchbutton' list item.\n */\nexport type ListDropdownButtonDefinition = {\n\ttype: 'button' | 'switchbutton';\n\n\t/**\n\t * Model of the item. Its properties fuel the newly created list item (or its children, depending on the `type`).\n\t */\n\tmodel: UIModel;\n\n\t/**\n\t * A view that will be used as a button body in the list item.\n\t */\n\tlabelView?: ButtonLabelView;\n};\n\n/**\n * A definition of the group inside the list. A group can contain one or more list items (buttons).\n */\nexport type ListDropdownGroupDefinition = {\n\ttype: 'group';\n\n\t/**\n\t * The visible label of the group.\n\t */\n\tlabel: string;\n\n\t/**\n\t * The collection of the child list items inside this group.\n\t */\n\titems: Collection<ListDropdownButtonDefinition>;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/labeledfield/utils\n */\n\nimport { InputTextView } from '../inputtext/inputtextview.js';\nimport { InputNumberView } from '../inputnumber/inputnumberview.js';\nimport { TextareaView } from '../textarea/textareaview.js';\nimport { createDropdown } from '../dropdown/utils.js';\n\nimport { type DropdownView } from '../dropdown/dropdownview.js';\nimport type { InputViewInputEvent } from '../input/inputview.js';\nimport type { LabeledFieldViewCreator } from './labeledfieldview.js';\n\n/**\n * A helper for creating labeled inputs.\n *\n * It creates an instance of a {@link module:ui/inputtext/inputtextview~InputTextView input text} that is\n * logically related to a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in DOM.\n *\n * The helper does the following:\n *\n * * It sets input's `id` and `ariaDescribedById` attributes.\n * * It binds input's `isReadOnly` to the labeled view.\n * * It binds input's `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when user starts typing in the input.\n *\n * Usage:\n *\n * ```ts\n * const labeledInputView = new LabeledFieldView( locale, createLabeledInputText );\n * console.log( labeledInputView.fieldView ); // A text input instance.\n * ```\n *\n * @param labeledFieldView The instance of the labeled field view.\n * @param viewUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the input.\n * @param statusUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the input.\n * @returns The input text view instance.\n */\nconst createLabeledInputText: LabeledFieldViewCreator<InputTextView> = ( labeledFieldView, viewUid, statusUid ) => {\n\tconst inputView = new InputTextView( labeledFieldView.locale );\n\n\tinputView.set( {\n\t\tid: viewUid,\n\t\tariaDescribedById: statusUid\n\t} );\n\n\tinputView.bind( 'isReadOnly' ).to( labeledFieldView, 'isEnabled', value => !value );\n\tinputView.bind( 'hasError' ).to( labeledFieldView, 'errorText', value => !!value );\n\n\tinputView.on<InputViewInputEvent>( 'input', () => {\n\t\t// UX: Make the error text disappear and disable the error indicator as the user\n\t\t// starts fixing the errors.\n\t\tlabeledFieldView.errorText = null;\n\t} );\n\n\tlabeledFieldView.bind( 'isEmpty', 'isFocused', 'placeholder' ).to( inputView );\n\n\treturn inputView;\n};\n\n/**\n * A helper for creating labeled number inputs.\n *\n * It creates an instance of a {@link module:ui/inputnumber/inputnumberview~InputNumberView input number} that is\n * logically related to a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in DOM.\n *\n * The helper does the following:\n *\n * * It sets input's `id` and `ariaDescribedById` attributes.\n * * It binds input's `isReadOnly` to the labeled view.\n * * It binds input's `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when user starts typing in the input.\n *\n * Usage:\n *\n * ```ts\n * const labeledInputView = new LabeledFieldView( locale, createLabeledInputNumber );\n * console.log( labeledInputView.fieldView ); // A number input instance.\n * ```\n *\n * @param labeledFieldView The instance of the labeled field view.\n * @param viewUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the input.\n * @param statusUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the input.\n * @returns The input number view instance.\n */\nconst createLabeledInputNumber: LabeledFieldViewCreator<InputNumberView> = ( labeledFieldView, viewUid, statusUid ) => {\n\tconst inputView = new InputNumberView( labeledFieldView.locale );\n\n\tinputView.set( {\n\t\tid: viewUid,\n\t\tariaDescribedById: statusUid,\n\t\tinputMode: 'numeric'\n\t} );\n\n\tinputView.bind( 'isReadOnly' ).to( labeledFieldView, 'isEnabled', value => !value );\n\tinputView.bind( 'hasError' ).to( labeledFieldView, 'errorText', value => !!value );\n\n\tinputView.on<InputViewInputEvent>( 'input', () => {\n\t\t// UX: Make the error text disappear and disable the error indicator as the user\n\t\t// starts fixing the errors.\n\t\tlabeledFieldView.errorText = null;\n\t} );\n\n\tlabeledFieldView.bind( 'isEmpty', 'isFocused', 'placeholder' ).to( inputView );\n\n\treturn inputView;\n};\n\n/**\n * A helper for creating labeled textarea.\n *\n * It creates an instance of a {@link module:ui/textarea/textareaview~TextareaView textarea} that is\n * logically related to a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in DOM.\n *\n * The helper does the following:\n *\n * * It sets textarea's `id` and `ariaDescribedById` attributes.\n * * It binds textarea's `isReadOnly` to the labeled view.\n * * It binds textarea's `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when user starts typing in the textarea.\n *\n * Usage:\n *\n * ```ts\n * const labeledTextarea = new LabeledFieldView( locale, createLabeledTextarea );\n * console.log( labeledTextarea.fieldView ); // A textarea instance.\n * ```\n *\n * @param labeledFieldView The instance of the labeled field view.\n * @param viewUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view's label} and the textarea.\n * @param statusUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view's status} and the textarea.\n * @returns The textarea view instance.\n */\nconst createLabeledTextarea: LabeledFieldViewCreator<TextareaView> = ( labeledFieldView, viewUid, statusUid ) => {\n\tconst textareaView = new TextareaView( labeledFieldView.locale );\n\n\ttextareaView.set( {\n\t\tid: viewUid,\n\t\tariaDescribedById: statusUid\n\t} );\n\n\ttextareaView.bind( 'isReadOnly' ).to( labeledFieldView, 'isEnabled', value => !value );\n\ttextareaView.bind( 'hasError' ).to( labeledFieldView, 'errorText', value => !!value );\n\n\ttextareaView.on<InputViewInputEvent>( 'input', () => {\n\t\t// UX: Make the error text disappear and disable the error indicator as the user\n\t\t// starts fixing the errors.\n\t\tlabeledFieldView.errorText = null;\n\t} );\n\n\tlabeledFieldView.bind( 'isEmpty', 'isFocused', 'placeholder' ).to( textareaView );\n\n\treturn textareaView;\n};\n\n/**\n * A helper for creating labeled dropdowns.\n *\n * It creates an instance of a {@link module:ui/dropdown/dropdownview~DropdownView dropdown} that is\n * logically related to a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled field view}.\n *\n * The helper does the following:\n *\n * * It sets dropdown's `id` and `ariaDescribedById` attributes.\n * * It binds input's `isEnabled` to the labeled view.\n *\n * Usage:\n *\n * ```ts\n * const labeledInputView = new LabeledFieldView( locale, createLabeledDropdown );\n * console.log( labeledInputView.fieldView ); // A dropdown instance.\n * ```\n *\n * @param labeledFieldView The instance of the labeled field view.\n * @param viewUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#labelView labeled view label} and the dropdown.\n * @param statusUid A UID string that allows DOM logical connection between the\n * {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView#statusView labeled view status} and the dropdown.\n * @returns The dropdown view instance.\n */\nconst createLabeledDropdown: LabeledFieldViewCreator<DropdownView> = ( labeledFieldView, viewUid, statusUid ) => {\n\tconst dropdownView = createDropdown( labeledFieldView.locale );\n\n\tdropdownView.set( {\n\t\tid: viewUid,\n\t\tariaDescribedById: statusUid\n\t} );\n\n\tdropdownView.bind( 'isEnabled' ).to( labeledFieldView );\n\n\treturn dropdownView;\n};\n\nexport {\n\tcreateLabeledInputNumber,\n\tcreateLabeledInputText,\n\tcreateLabeledTextarea,\n\tcreateLabeledDropdown\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/colorpicker/colorpickerview\n */\n\nimport { convertColor, convertToHex, registerCustomElement, type ColorPickerViewConfig } from './utils.js';\n\nimport type { HexColor } from '@ckeditor/ckeditor5-core';\nimport { type Locale, global, env } from '@ckeditor/ckeditor5-utils';\nimport { debounce, type DebouncedFunc } from 'es-toolkit/compat';\nimport { View } from '../view.js';\nimport { type InputTextView } from '../inputtext/inputtextview.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { LabeledFieldView } from '../labeledfield/labeledfieldview.js';\nimport { createLabeledInputText } from '../labeledfield/utils.js';\n\n// Custom export due to https://github.com/ckeditor/ckeditor5/issues/15698.\nimport { HexBase } from 'vanilla-colorful/lib/entrypoints/hex';\nimport '../../theme/components/colorpicker/colorpicker.css';\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'hex-color-picker': HexBase;\n\t}\n}\n\nconst waitingTime = 150;\n\n/**\n * A class which represents a color picker with an input field for defining custom colors.\n */\nexport class ColorPickerView extends View {\n\t/**\n\t * Element with saturation and hue sliders.\n\t */\n\tdeclare public picker: HexBase;\n\n\t/**\n\t * Container for a `#` sign prefix and an input for displaying and defining custom colors\n\t * in HEX format.\n\t */\n\tpublic hexInputRow: ColorPickerInputRowView;\n\n\t/**\n\t * Current color selected in the color picker. It can be set by the component itself\n\t * (through the palette or input) or from the outside (e.g. to reflect the current selection color).\n\t */\n\tdeclare public color: string;\n\n\t/**\n\t * List of slider views of the color picker.\n\t */\n\tdeclare public slidersView: ViewCollection<SliderView>;\n\n\t/**\n\t * An internal representation of a color.\n\t *\n\t * Since the picker uses a hex format, that's how we store it.\n\t *\n\t * Since this is unified color format it won't fire a change event if color is changed\n\t * from `#f00` to `#ff0000` (same value, different format).\n\t *\n\t * @observable\n\t * @private\n\t */\n\tdeclare public _hexColor: string;\n\n\t/**\n\t * Debounced function updating the `color` property in the component\n\t * and firing the `ColorPickerColorSelectedEvent`. Executed whenever color in component\n\t * is changed by the user interaction (through the palette or input).\n\t *\n\t * @private\n\t */\n\tprivate _debounceColorPickerEvent: DebouncedFunc<( arg: string ) => void>;\n\n\t/**\n\t * A reference to the configuration of the color picker specified in the constructor.\n\t *\n\t * @private\n\t */\n\tprivate _config: ColorPickerViewConfig;\n\n\t/**\n\t * Creates a view of color picker.\n\t *\n\t * @param locale\n\t * @param config\n\t */\n\tconstructor( locale: Locale | undefined, config: ColorPickerViewConfig = {} ) {\n\t\tsuper( locale );\n\n\t\tthis.set( {\n\t\t\tcolor: '',\n\t\t\t_hexColor: ''\n\t\t} );\n\n\t\tthis.hexInputRow = this._createInputRow();\n\t\tconst children = this.createCollection();\n\n\t\tif ( !config.hideInput ) {\n\t\t\tchildren.add( this.hexInputRow );\n\t\t}\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-color-picker' ],\n\t\t\t\ttabindex: -1\n\t\t\t},\n\t\t\tchildren\n\t\t} );\n\n\t\tthis._config = config;\n\n\t\tthis._debounceColorPickerEvent = debounce( ( color: string ) => {\n\t\t\t// At first, set the color internally in the component. It's converted to the configured output format.\n\t\t\tthis.set( 'color', color );\n\n\t\t\t// Then let the outside world know that the user changed the color.\n\t\t\tthis.fire<ColorPickerColorSelectedEvent>( 'colorSelected', { color: this.color } );\n\t\t}, waitingTime, {\n\t\t\tleading: true\n\t\t} );\n\n\t\t// The `color` property holds the color in the configured output format.\n\t\t// Ensure it before actually setting the value.\n\t\tthis.on( 'set:color', ( evt, propertyName, newValue ) => {\n\t\t\tevt.return = convertColor( newValue, this._config.format || 'hsl' );\n\t\t} );\n\n\t\t// The `_hexColor` property is bound to the `color` one, but requires conversion.\n\t\tthis.on( 'change:color', () => {\n\t\t\tthis._hexColor = convertColorToCommonHexFormat( this.color );\n\t\t} );\n\n\t\tthis.on( 'change:_hexColor', () => {\n\t\t\t// Update the selected color in the color picker palette when it's not focused.\n\t\t\t// It means the user typed the color in the input.\n\t\t\tif ( document.activeElement !== this.picker ) {\n\t\t\t\tthis.picker.setAttribute( 'color', this._hexColor );\n\t\t\t}\n\n\t\t\t// There has to be two way binding between properties.\n\t\t\t// Extra precaution has to be taken to trigger change back only when the color really changes.\n\t\t\tif ( convertColorToCommonHexFormat( this.color ) != convertColorToCommonHexFormat( this._hexColor ) ) {\n\t\t\t\tthis.color = this._hexColor;\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Renders color picker in the view.\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Extracted to the helper to make it testable.\n\t\tregisterCustomElement( 'hex-color-picker', HexBase );\n\n\t\tthis.picker = global.document.createElement( 'hex-color-picker' );\n\t\tthis.picker.setAttribute( 'class', 'hex-color-picker' );\n\t\tthis.picker.setAttribute( 'tabindex', '-1' );\n\n\t\tthis._createSlidersView();\n\n\t\tif ( this.element ) {\n\t\t\tif ( this.hexInputRow.element ) {\n\t\t\t\tthis.element.insertBefore( this.picker, this.hexInputRow.element );\n\t\t\t} else {\n\t\t\t\tthis.element.appendChild( this.picker );\n\t\t\t}\n\n\t\t\t// Create custom stylesheet with a look of focused pointer in color picker and append it into the color picker shadowDom\n\t\t\tconst styleSheetForFocusedColorPicker = document.createElement( 'style' );\n\n\t\t\tstyleSheetForFocusedColorPicker.textContent = '[role=\"slider\"]:focus [part$=\"pointer\"] {' +\n\t\t\t\t'border: 1px solid #fff;' +\n\t\t\t\t'outline: 1px solid var(--ck-color-focus-border);' +\n\t\t\t\t'box-shadow: 0 0 0 2px #fff;' +\n\t\t\t\t'}';\n\t\t\tthis.picker.shadowRoot!.appendChild( styleSheetForFocusedColorPicker );\n\t\t}\n\n\t\tthis.picker.addEventListener( 'color-changed', event => {\n\t\t\tconst color = event.detail.value;\n\t\t\tthis._debounceColorPickerEvent( color );\n\t\t} );\n\t}\n\n\t/**\n\t * Focuses the first pointer in color picker.\n\t *\n\t */\n\tpublic focus(): void {\n\t\t// In some browsers we need to move the focus to the input first.\n\t\t// Otherwise, the color picker doesn't behave as expected.\n\t\t// In Chrome, after selecting the color via slider the first time,\n\t\t// the editor collapses the selection and doesn't apply the color change.\n\t\t// In FF, after selecting the color via slider, it instantly moves back to the previous color.\n\t\t// In all iOS browsers and desktop Safari, once the saturation slider is moved for the first time,\n\t\t// editor collapses the selection and doesn't apply the color change.\n\t\t// See: https://github.com/ckeditor/ckeditor5-internal/issues/3245, https://github.com/ckeditor/ckeditor5/issues/14119,\n\t\t// https://github.com/ckeditor/ckeditor5-internal/issues/3268.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( !this._config.hideInput && ( env.isGecko || env.isiOS || env.isSafari || env.isBlink ) ) {\n\t\t\tconst input: LabeledFieldView<InputTextView> = this.hexInputRow!.children.get( 1 )! as LabeledFieldView<InputTextView>;\n\n\t\t\tinput.focus();\n\t\t}\n\n\t\tconst firstSlider = this.slidersView.first!;\n\n\t\tfirstSlider.focus();\n\t}\n\n\t/**\n\t * Creates collection of sliders in color picker.\n\t *\n\t * @private\n\t */\n\tprivate _createSlidersView(): void {\n\t\tconst colorPickersChildren = [ ...this.picker.shadowRoot!.children ] as Array<HTMLElement>;\n\t\tconst sliders = colorPickersChildren.filter( item => item.getAttribute( 'role' ) === 'slider' );\n\n\t\tconst slidersView = sliders.map( slider => {\n\t\t\tconst view = new SliderView( slider );\n\n\t\t\treturn view;\n\t\t} );\n\n\t\tthis.slidersView = this.createCollection();\n\n\t\tslidersView.forEach( item => {\n\t\t\tthis.slidersView.add( item );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates input row for defining custom colors in color picker.\n\t *\n\t * @private\n\t */\n\tprivate _createInputRow(): ColorPickerInputRowView {\n\t\tconst colorInput = this._createColorInput();\n\n\t\treturn new ColorPickerInputRowView( this.locale!, colorInput );\n\t}\n\n\t/**\n\t * Creates the input where user can type or paste the color in hex format.\n\t *\n\t * @private\n\t */\n\tprivate _createColorInput(): LabeledFieldView<InputTextView> {\n\t\tconst labeledInput = new LabeledFieldView( this.locale, createLabeledInputText );\n\t\tconst { t } = this.locale!;\n\n\t\tlabeledInput.set( {\n\t\t\tlabel: t( 'HEX' ),\n\t\t\tclass: 'color-picker-hex-input'\n\t\t} );\n\n\t\tlabeledInput.fieldView.bind( 'value' ).to( this, '_hexColor', pickerColor => {\n\t\t\tif ( labeledInput.isFocused ) {\n\t\t\t\t// Text field shouldn't be updated with color change if the text field is focused.\n\t\t\t\t// Imagine user typing hex code and getting the value of field changed.\n\t\t\t\treturn labeledInput.fieldView.value;\n\t\t\t} else {\n\t\t\t\treturn pickerColor.startsWith( '#' ) ? pickerColor.substring( 1 ) : pickerColor;\n\t\t\t}\n\t\t} );\n\n\t\t// Only accept valid hex colors as input.\n\t\tlabeledInput.fieldView.on( 'input', () => {\n\t\t\tconst inputValue = labeledInput.fieldView.element!.value;\n\n\t\t\tif ( inputValue ) {\n\t\t\t\tconst maybeHexColor = tryParseHexColor( inputValue );\n\n\t\t\t\tif ( maybeHexColor ) {\n\t\t\t\t\t// If so, set the color.\n\t\t\t\t\t// Otherwise, do nothing.\n\t\t\t\t\tthis._debounceColorPickerEvent( maybeHexColor );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\treturn labeledInput;\n\t}\n\n\t/**\n\t * Validates the view and returns `false` when some fields are invalid.\n\t */\n\tpublic isValid(): boolean {\n\t\tconst { t } = this.locale!;\n\n\t\t// If the input is hidden, it's always valid, because there is no way to select\n\t\t// invalid color value using diagram color picker.\n\t\tif ( this._config.hideInput ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tthis.resetValidationStatus();\n\n\t\t// One error per field is enough.\n\t\tif ( !this.hexInputRow.getParsedColor() ) {\n\t\t\t// Apply updated error.\n\t\t\tthis.hexInputRow.inputView.errorText = t( 'Please enter a valid color (e.g. \"ff0000\").' );\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Cleans up the supplementary error and information text of input inside the {@link #hexInputRow}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */\n\tpublic resetValidationStatus(): void {\n\t\tthis.hexInputRow.inputView.errorText = null;\n\t}\n}\n\n// Converts any color format to a unified hex format.\n//\n// @param inputColor\n// @returns An unified hex string.\nfunction convertColorToCommonHexFormat( inputColor: string ): string {\n\tlet ret = convertToHex( inputColor );\n\n\tif ( !ret ) {\n\t\tret = '#000';\n\t}\n\n\tif ( ret.length === 4 ) {\n\t\t// Unfold shortcut format.\n\t\tret = '#' + [ ret[ 1 ], ret[ 1 ], ret[ 2 ], ret[ 2 ], ret[ 3 ], ret[ 3 ] ].join( '' );\n\t}\n\n\treturn ret.toLowerCase();\n}\n\n// View abstraction over pointer in color picker.\nexport class SliderView extends View {\n\t/**\n\t * @param element HTML element of slider in color picker.\n\t */\n\tconstructor( element: HTMLElement ) {\n\t\tsuper();\n\t\tthis.element = element;\n\t}\n\n\t/**\n\t * Focuses element.\n\t */\n\tpublic focus(): void {\n\t\tthis.element!.focus();\n\t}\n}\n\n// View abstraction over the `#` character before color input.\nclass HashView extends View {\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-color-picker__hash-view'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: '#'\n\t\t} );\n\t}\n}\n\n// The class representing a row containing hex color input field.\n// **Note**: For now this class is private. When more use cases appear (beyond `ckeditor5-table` and `ckeditor5-image`),\n// it will become a component in `ckeditor5-ui`.\n//\n// @private\nexport class ColorPickerInputRowView extends View {\n\t/**\n\t * A collection of row items (buttons, dropdowns, etc.).\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * Hex input view element.\n\t */\n\tpublic readonly inputView: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * Creates an instance of the form row class.\n\t *\n\t * @param locale The locale instance.\n\t * @param inputView Hex color input element.\n\t */\n\tconstructor( locale: Locale, inputView: LabeledFieldView<InputTextView> ) {\n\t\tsuper( locale );\n\n\t\tthis.inputView = inputView;\n\t\tthis.children = this.createCollection( [\n\t\t\tnew HashView(),\n\t\t\tthis.inputView\n\t\t] );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-color-picker__row'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * Returns false if color input value is not in hex format.\n\t */\n\tpublic getParsedColor(): HexColor | null {\n\t\treturn tryParseHexColor( this.inputView.fieldView.element!.value );\n\t}\n}\n\n/**\n * An event fired whenever the color was selected through the color picker palette\n * or the color picker input.\n *\n * This even fires only when the user changes the color. It does not fire when the color\n * is changed programmatically, e.g. via\n * {@link module:ui/colorpicker/colorpickerview~ColorPickerView#color}.\n *\n * @eventName ~ColorPickerView#colorSelected\n */\nexport type ColorPickerColorSelectedEvent = {\n\tname: 'colorSelected';\n\targs: [ {\n\t\tcolor: string;\n\t} ];\n};\n\n/**\n * Trim spaces from provided color and check if hex is valid.\n *\n * @param color Unsafe color string.\n * @returns Null if provided color is not hex value.\n * @export\n * @internal\n */\nexport function tryParseHexColor<S extends string>( color: S | null | undefined ): HexColor<S> | null {\n\tif ( !color ) {\n\t\treturn null;\n\t}\n\n\tconst hashLessColor = color.trim().replace( /^#/, '' );\n\n\t// Incorrect length.\n\tif ( ![ 3, 4, 6, 8 ].includes( hashLessColor.length ) ) {\n\t\treturn null;\n\t}\n\n\t// Incorrect characters.\n\tif ( !/^(([0-9a-fA-F]{2}){3,4}|([0-9a-fA-F]){3,4})$/.test( hashLessColor ) ) {\n\t\treturn null;\n\t}\n\n\treturn `#${ hashLessColor }` as `#${ S }`;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/colorselector/documentcolorcollection\n */\n\nimport type { ColorDefinition } from '../colorgrid/colorgridview.js';\nimport {\n\tCollection,\n\tObservableMixin,\n\ttype CollectionAddEvent,\n\ttype CollectionRemoveEvent,\n\ttype CollectionChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\n/**\n * A collection to store document colors. It enforces colors to be unique.\n */\nexport class DocumentColorCollection extends /* #__PURE__ */ ObservableMixin( Collection<ColorDefinition> ) {\n\t/**\n\t * Indicates whether the document color collection is empty.\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly isEmpty: boolean;\n\n\tconstructor( options?: any ) {\n\t\tsuper( options );\n\n\t\tthis.set( 'isEmpty', true );\n\n\t\tthis.on( 'change', () => {\n\t\t\tthis.set( 'isEmpty', this.length === 0 );\n\t\t} );\n\t}\n\n\t/**\n\t * Adds a color to the document color collection.\n\t *\n\t * This method ensures that no color duplicates are inserted (compared using\n\t * the color value of the {@link module:ui/colorgrid/colorgridview~ColorDefinition}).\n\t *\n\t * If the item does not have an ID, it will be automatically generated and set on the item.\n\t *\n\t * @param index The position of the item in the collection. The item is pushed to the collection when `index` is not specified.\n\t * @fires add\n\t * @fires change\n\t */\n\tpublic override add( item: ColorDefinition, index?: number ): this {\n\t\tif ( this.find( element => element.color === item.color ) ) {\n\t\t\t// No duplicates are allowed.\n\t\t\treturn this;\n\t\t}\n\n\t\treturn super.add( item, index );\n\t}\n\n\t/**\n\t * Checks if an object with given colors is present in the document color collection.\n\t */\n\tpublic hasColor( color: string ): boolean {\n\t\treturn !!this.find( item => item.color === color );\n\t}\n}\n\n/**\n * Fired when the collection was changed due to adding or removing items.\n *\n * @eventName ~DocumentColorCollection#change\n * @param data Changed items.\n */\nexport type DocumentColorCollectionChangeEvent = CollectionChangeEvent;\n\n/**\n * Fired when an item is added to the collection.\n *\n * @eventName ~DocumentColorCollection#add\n * @param item The added item.\n * @param index An index where the addition occurred.\n */\nexport type DocumentColorCollectionAddEvent = CollectionAddEvent;\n\n/**\n * Fired when an item is removed from the collection.\n *\n * @eventName ~DocumentColorCollection#remove\n * @param item The removed item.\n * @param index Index from which item was removed.\n */\nexport type DocumentColorCollectionRemoveEvent = CollectionRemoveEvent;\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/colorselector/colorgridsfragmentview\n */\n\nimport { View } from '../view.js';\nimport { ButtonView } from '../button/buttonview.js';\nimport { ColorGridView, type ColorDefinition } from '../colorgrid/colorgridview.js';\nimport { ColorTileView } from '../colorgrid/colortileview.js';\nimport { Template } from '../template.js';\n\nimport { DocumentColorCollection } from './documentcolorcollection.js';\n\nimport type { Model } from '@ckeditor/ckeditor5-engine';\nimport type { FocusTracker, Locale } from '@ckeditor/ckeditor5-utils';\nimport { type ViewCollection } from '../viewcollection.js';\nimport type { FocusableView } from '../focuscycler.js';\nimport type { ColorSelectorExecuteEvent, ColorSelectorColorPickerShowEvent } from './colorselectorview.js';\n\nimport { IconEraser, IconColorPalette } from '@ckeditor/ckeditor5-icons';\n\n/**\n * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.\n *\n * It provides a UI that allows users to select colors from the a predefined set and from existing document colors.\n *\n * It consists of the following sub–components:\n *\n * * A \"Remove color\" button,\n * * A static {@link module:ui/colorgrid/colorgridview~ColorGridView} of colors defined in the configuration,\n * * A dynamic {@link module:ui/colorgrid/colorgridview~ColorGridView} of colors used in the document.\n * * If color picker is configured, the \"Color Picker\" button is visible too.\n */\nexport class ColorGridsFragmentView extends View {\n\t/**\n\t * A collection of the children of the table.\n\t */\n\tpublic readonly items: ViewCollection;\n\n\t/**\n\t * An array with objects representing colors to be displayed in the grid.\n\t */\n\tpublic colorDefinitions: Array<ColorDefinition>;\n\n\t/**\n\t * Tracks information about the DOM focus in the list.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * The number of columns in the color grid.\n\t */\n\tpublic columns: number;\n\n\t/**\n\t * Preserves the reference to {@link module:ui/colorselector/documentcolorcollection~DocumentColorCollection} used to collect\n\t * definitions that store the document colors.\n\t *\n\t * @readonly\n\t */\n\tpublic documentColors: DocumentColorCollection;\n\n\t/**\n\t * The maximum number of colors in the document colors section.\n\t * If it equals 0, the document colors section is not added.\n\t *\n\t * @readonly\n\t */\n\tpublic documentColorsCount?: number;\n\n\t/**\n\t * Keeps the value of the command associated with the table for the current selection.\n\t */\n\tdeclare public selectedColor: string;\n\n\t/**\n\t * Preserves the reference to {@link module:ui/colorgrid/colorgridview~ColorGridView} used to create\n\t * the default (static) color set.\n\t *\n\t * The property is loaded once the the parent dropdown is opened the first time.\n\t *\n\t * @readonly\n\t */\n\tpublic staticColorsGrid: ColorGridView | undefined;\n\n\t/**\n\t * Preserves the reference to {@link module:ui/colorgrid/colorgridview~ColorGridView} used to create\n\t * the document colors. It remains undefined if the document colors feature is disabled.\n\t *\n\t * The property is loaded once the the parent dropdown is opened the first time.\n\t *\n\t * @readonly\n\t */\n\tpublic documentColorsGrid: ColorGridView | undefined;\n\n\t/**\n\t * The \"Color picker\" button view.\n\t */\n\tpublic colorPickerButtonView?: ButtonView;\n\n\t/**\n\t * The \"Remove color\" button view.\n\t */\n\tpublic removeColorButtonView: ButtonView;\n\n\t/**\n\t * The property which is responsible for is component visible or not.\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * A collection of views that can be focused in the view.\n\t *\n\t * @readonly\n\t */\n\tprotected _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Document color section's label.\n\t *\n\t * @readonly\n\t */\n\tprivate _documentColorsLabel?: string;\n\n\t/**\n\t * The label of the button responsible for removing color attributes.\n\t */\n\tprivate _removeButtonLabel: string;\n\n\t/**\n\t * The label of the button responsible for switching to the color picker component.\n\t */\n\tprivate _colorPickerLabel: string;\n\n\t/**\n\t * Creates an instance of the view.\n\t *\n\t * @param locale The localization services instance.\n\t * @param options Constructor options.\n\t * @param options.colors An array with definitions of colors to be displayed in the table.\n\t * @param options.columns The number of columns in the color grid.\n\t * @param options.removeButtonLabel The label of the button responsible for removing the color.\n\t * @param options.colorPickerLabel The label of the button responsible for color picker appearing.\n\t * @param options.documentColorsLabel The label for the section with the document colors.\n\t * @param options.documentColorsCount The number of colors in the document colors section inside the color dropdown.\n\t * @param options.focusTracker Tracks information about the DOM focus in the list.\n\t * @param options.focusables A collection of views that can be focused in the view.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\t{\n\t\t\tcolors, columns, removeButtonLabel, documentColorsLabel, documentColorsCount,\n\t\t\tcolorPickerLabel, focusTracker, focusables\n\t\t}: {\n\t\t\tcolors: Array<ColorDefinition>;\n\t\t\tcolumns: number;\n\t\t\tremoveButtonLabel: string;\n\t\t\tcolorPickerLabel: string;\n\t\t\tdocumentColorsLabel?: string;\n\t\t\tdocumentColorsCount?: number;\n\t\t\tfocusTracker: FocusTracker;\n\t\t\tfocusables: ViewCollection<FocusableView>;\n\t\t}\n\t) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'isVisible', true );\n\n\t\tthis.focusTracker = focusTracker;\n\t\tthis.items = this.createCollection();\n\t\tthis.colorDefinitions = colors;\n\t\tthis.columns = columns;\n\t\tthis.documentColors = new DocumentColorCollection();\n\t\tthis.documentColorsCount = documentColorsCount;\n\n\t\tthis._focusables = focusables;\n\t\tthis._removeButtonLabel = removeButtonLabel;\n\t\tthis._colorPickerLabel = colorPickerLabel;\n\t\tthis._documentColorsLabel = documentColorsLabel;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-color-grids-fragment',\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value )\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: this.items\n\t\t} );\n\n\t\tthis.removeColorButtonView = this._createRemoveColorButton();\n\n\t\tthis.items.add( this.removeColorButtonView );\n\t}\n\n\t/**\n\t * Scans through the editor model and searches for text node attributes with the given attribute name.\n\t * Found entries are set as document colors.\n\t *\n\t * All the previously stored document colors will be lost in the process.\n\t *\n\t * @param model The model used as a source to obtain the document colors.\n\t * @param attributeName Determines the name of the related model's attribute for a given dropdown.\n\t */\n\tpublic updateDocumentColors( model: Model, attributeName: string ): void {\n\t\tconst document = model.document;\n\t\tconst maxCount = this.documentColorsCount;\n\n\t\tthis.documentColors.clear();\n\n\t\tfor ( const root of document.getRoots() ) {\n\t\t\tconst range = model.createRangeIn( root );\n\n\t\t\tfor ( const node of range.getItems() ) {\n\t\t\t\tif ( node.is( '$textProxy' ) && node.hasAttribute( attributeName ) ) {\n\t\t\t\t\tthis._addColorToDocumentColors( node.getAttribute( attributeName ) as string );\n\n\t\t\t\t\tif ( this.documentColors.length >= maxCount! ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Refreshes the state of the selected color in one or both {@link module:ui/colorgrid/colorgridview~ColorGridView}s\n\t * available in the {@link module:ui/colorselector/colorselectorview~ColorSelectorView}. It guarantees that the selection will\n\t * occur only in one of them.\n\t */\n\tpublic updateSelectedColors(): void {\n\t\tconst documentColorsGrid = this.documentColorsGrid;\n\t\tconst staticColorsGrid = this.staticColorsGrid!;\n\t\tconst selectedColor = this.selectedColor;\n\n\t\tstaticColorsGrid.selectedColor = selectedColor;\n\n\t\tif ( documentColorsGrid ) {\n\t\t\tdocumentColorsGrid.selectedColor = selectedColor;\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.staticColorsGrid = this._createStaticColorsGrid();\n\n\t\tthis.items.add( this.staticColorsGrid );\n\n\t\tif ( this.documentColorsCount ) {\n\t\t\t// Create a label for document colors.\n\t\t\tconst bind = Template.bind( this.documentColors, this.documentColors );\n\t\t\tconst label = new View( this.locale );\n\t\t\tlabel.setTemplate( {\n\t\t\t\ttag: 'span',\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: [\n\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t'ck-color-grid__label',\n\t\t\t\t\t\tbind.if( 'isEmpty', 'ck-hidden' )\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: this._documentColorsLabel\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t} );\n\t\t\tthis.items.add( label );\n\t\t\tthis.documentColorsGrid = this._createDocumentColorsGrid();\n\n\t\t\tthis.items.add( this.documentColorsGrid );\n\t\t}\n\t\tthis._createColorPickerButton();\n\n\t\tthis._addColorSelectorElementsToFocusTracker();\n\t}\n\n\t/**\n\t * Focuses the component.\n\t */\n\tpublic focus(): void {\n\t\tthis.removeColorButtonView.focus();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Handles displaying the color picker button (if it was previously created) and making it focusable.\n\t */\n\tpublic addColorPickerButton(): void {\n\t\tif ( this.colorPickerButtonView ) {\n\t\t\tthis.items.add( this.colorPickerButtonView );\n\t\t\tthis.focusTracker.add( this.colorPickerButtonView.element! );\n\t\t\tthis._focusables.add( this.colorPickerButtonView );\n\t\t}\n\t}\n\n\t/**\n\t * Adds color selector elements to focus tracker.\n\t */\n\tprivate _addColorSelectorElementsToFocusTracker(): void {\n\t\tthis.focusTracker.add( this.removeColorButtonView.element! );\n\t\tthis._focusables.add( this.removeColorButtonView );\n\n\t\tif ( this.staticColorsGrid ) {\n\t\t\tthis.focusTracker.add( this.staticColorsGrid.element! );\n\t\t\tthis._focusables.add( this.staticColorsGrid );\n\t\t}\n\n\t\tif ( this.documentColorsGrid ) {\n\t\t\tthis.focusTracker.add( this.documentColorsGrid.element! );\n\t\t\tthis._focusables.add( this.documentColorsGrid );\n\t\t}\n\t}\n\n\t/**\n\t * Creates the button responsible for displaying the color picker component.\n\t */\n\tprivate _createColorPickerButton(): void {\n\t\tthis.colorPickerButtonView = new ButtonView();\n\n\t\tthis.colorPickerButtonView.set( {\n\t\t\tlabel: this._colorPickerLabel,\n\t\t\twithText: true,\n\t\t\ticon: IconColorPalette,\n\t\t\tclass: 'ck-color-selector__color-picker'\n\t\t} );\n\n\t\tthis.colorPickerButtonView.on( 'execute', () => {\n\t\t\tthis.fire<ColorSelectorColorPickerShowEvent>( 'colorPicker:show' );\n\t\t} );\n\t}\n\n\t/**\n\t * Adds the remove color button as a child of the current view.\n\t */\n\tprivate _createRemoveColorButton(): ButtonView {\n\t\tconst buttonView = new ButtonView();\n\n\t\tbuttonView.set( {\n\t\t\twithText: true,\n\t\t\ticon: IconEraser,\n\t\t\tlabel: this._removeButtonLabel\n\t\t} );\n\n\t\tbuttonView.class = 'ck-color-selector__remove-color';\n\t\tbuttonView.on( 'execute', () => {\n\t\t\tthis.fire( 'execute', {\n\t\t\t\tvalue: null,\n\t\t\t\tsource: 'removeColorButton'\n\t\t\t} );\n\t\t} );\n\n\t\tbuttonView.render();\n\n\t\treturn buttonView;\n\t}\n\n\t/**\n\t * Creates a static color grid based on the editor configuration.\n\t */\n\tprivate _createStaticColorsGrid(): ColorGridView {\n\t\tconst colorGrid = new ColorGridView( this.locale, {\n\t\t\tcolorDefinitions: this.colorDefinitions,\n\t\t\tcolumns: this.columns\n\t\t} );\n\n\t\tcolorGrid.on( 'execute', ( evt, data ) => {\n\t\t\tthis.fire<ColorSelectorExecuteEvent>( 'execute', {\n\t\t\t\tvalue: data.value,\n\t\t\t\tsource: 'staticColorsGrid'\n\t\t\t} );\n\t\t} );\n\n\t\treturn colorGrid;\n\t}\n\n\t/**\n\t * Creates the document colors section view and binds it to {@link #documentColors}.\n\t */\n\tprivate _createDocumentColorsGrid(): ColorGridView {\n\t\tconst bind = Template.bind( this.documentColors, this.documentColors );\n\t\tconst documentColorsGrid = new ColorGridView( this.locale, {\n\t\t\tcolumns: this.columns\n\t\t} );\n\n\t\tdocumentColorsGrid.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: bind.if( 'isEmpty', 'ck-hidden' )\n\t\t\t}\n\t\t} );\n\n\t\tdocumentColorsGrid.items.bindTo( this.documentColors ).using(\n\t\t\tcolorObj => {\n\t\t\t\tconst colorTile = new ColorTileView();\n\n\t\t\t\tcolorTile.set( {\n\t\t\t\t\tcolor: colorObj.color,\n\t\t\t\t\thasBorder: colorObj.options?.hasBorder\n\t\t\t\t} );\n\n\t\t\t\tif ( colorObj.label ) {\n\t\t\t\t\tcolorTile.set( {\n\t\t\t\t\t\tlabel: colorObj.label,\n\t\t\t\t\t\ttooltip: true\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\tcolorTile.on( 'execute', () => {\n\t\t\t\t\tthis.fire<ColorSelectorExecuteEvent>( 'execute', {\n\t\t\t\t\t\tvalue: colorObj.color,\n\t\t\t\t\t\tsource: 'documentColorsGrid'\n\t\t\t\t\t} );\n\t\t\t\t} );\n\n\t\t\t\treturn colorTile;\n\t\t\t}\n\t\t);\n\n\t\t// Selected color should be cleared when document colors became empty.\n\t\tthis.documentColors.on( 'change:isEmpty', ( evt, name, val ) => {\n\t\t\tif ( val ) {\n\t\t\t\tdocumentColorsGrid.selectedColor = null;\n\t\t\t}\n\t\t} );\n\n\t\treturn documentColorsGrid;\n\t}\n\n\t/**\n\t * Adds a given color to the document colors list. If possible, the method will attempt to use\n\t * data from the {@link #colorDefinitions} (label, color options).\n\t *\n\t * @param color A string that stores the value of the recently applied color.\n\t */\n\tprivate _addColorToDocumentColors( color: string ): void {\n\t\tconst predefinedColor = this.colorDefinitions\n\t\t\t.find( definition => definition.color === color );\n\n\t\tif ( !predefinedColor ) {\n\t\t\tthis.documentColors.add( {\n\t\t\t\tcolor,\n\t\t\t\tlabel: color,\n\t\t\t\toptions: {\n\t\t\t\t\thasBorder: false\n\t\t\t\t}\n\t\t\t} );\n\t\t} else {\n\t\t\tthis.documentColors.add( Object.assign( {}, predefinedColor ) );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/colorselector/colorpickerfragmentview\n */\n\nimport { View } from '../view.js';\nimport { ButtonView } from '../button/buttonview.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport type { FocusableView } from '../focuscycler.js';\nimport { type LabeledFieldView } from '../labeledfield/labeledfieldview.js';\nimport { type InputTextView } from '../inputtext/inputtextview.js';\nimport {\n\tColorPickerView,\n\ttype ColorPickerColorSelectedEvent\n} from '../colorpicker/colorpickerview.js';\n\nimport type { FocusTracker, KeystrokeHandler, Locale } from '@ckeditor/ckeditor5-utils';\nimport type { ColorPickerViewConfig } from '../colorpicker/utils.js';\nimport type { ColorSelectorColorPickerCancelEvent, ColorSelectorExecuteEvent } from './colorselectorview.js';\nimport { IconCancel, IconCheck } from '@ckeditor/ckeditor5-icons';\n\n/**\n * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.\n *\n * It allows users to select a color from a color picker.\n *\n * It consists of the following sub–components:\n *\n * * A color picker saturation and hue sliders,\n * * A text input accepting colors in HEX format,\n * * \"Save\" and \"Cancel\" action buttons.\n */\nexport class ColorPickerFragmentView extends View {\n\t/**\n\t * A collection of component's children.\n\t */\n\tpublic readonly items: ViewCollection;\n\n\t/**\n\t * A view with saturation and hue sliders and color input.\n\t */\n\tpublic colorPickerView?: ColorPickerView;\n\n\t/**\n\t * The \"Save\" button view.\n\t */\n\tpublic saveButtonView: ButtonView;\n\n\t/**\n\t * The \"Cancel\" button view.\n\t */\n\tpublic cancelButtonView: ButtonView;\n\n\t/**\n\t * The action bar where are \"Save\" button and \"Cancel\" button.\n\t */\n\tpublic actionBarView: View;\n\n\t/**\n\t * Tracks information about the DOM focus in the list.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Indicates whether the component is visible or not.\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * Keeps the value of the command associated with the component for the current selection.\n\t */\n\tdeclare public selectedColor?: string;\n\n\t/**\n\t * A collection of views that can be focused in the view.\n\t *\n\t * @readonly\n\t */\n\tprotected _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * A reference to the configuration of {@link #colorPickerView}. `false` when the view was\n\t * configured without a color picker.\n\t *\n\t * @readonly\n\t */\n\tprivate _colorPickerViewConfig: ColorPickerViewConfig | false;\n\n\t/**\n\t * Creates an instance of the view.\n\t *\n\t * @param locale The localization services instance.\n\t * @param options Constructor options.\n\t * @param options.focusTracker Tracks information about the DOM focus in the list.\n\t * @param options.focusables A collection of views that can be focused in the view.\n\t * @param options.keystrokes An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t * @param options.colorPickerViewConfig The configuration of color picker feature. If set to `false`, the color picker\n\t * will not be rendered.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\t{\n\t\t\tfocusTracker,\n\t\t\tfocusables,\n\t\t\tkeystrokes,\n\t\t\tcolorPickerViewConfig\n\t\t}:\n\t\t{\n\t\t\tfocusTracker: FocusTracker;\n\t\t\tfocusables: ViewCollection<FocusableView>;\n\t\t\tkeystrokes: KeystrokeHandler;\n\t\t\tcolorPickerViewConfig: ColorPickerViewConfig | false;\n\t\t}\n\t) {\n\t\tsuper( locale );\n\n\t\tthis.items = this.createCollection();\n\t\tthis.focusTracker = focusTracker;\n\t\tthis.keystrokes = keystrokes;\n\n\t\tthis.set( 'isVisible', false );\n\t\tthis.set( 'selectedColor', undefined );\n\n\t\tthis._focusables = focusables;\n\t\tthis._colorPickerViewConfig = colorPickerViewConfig;\n\n\t\tconst bind = this.bindTemplate;\n\t\tconst { saveButtonView, cancelButtonView } = this._createActionButtons();\n\n\t\tthis.saveButtonView = saveButtonView;\n\t\tthis.cancelButtonView = cancelButtonView;\n\t\tthis.actionBarView = this._createActionBarView( { saveButtonView, cancelButtonView } );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-color-picker-fragment',\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value )\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: this.items\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tconst colorPickerView = new ColorPickerView( this.locale, {\n\t\t\t...this._colorPickerViewConfig\n\t\t} as ColorPickerViewConfig );\n\n\t\tthis.colorPickerView = colorPickerView;\n\t\tthis.colorPickerView.render();\n\n\t\tif ( this.selectedColor ) {\n\t\t\tcolorPickerView.color = this.selectedColor;\n\t\t}\n\n\t\tthis.listenTo( this, 'change:selectedColor', ( evt, name, value ) => {\n\t\t\tcolorPickerView.color = value;\n\t\t} );\n\n\t\tthis.items.add( this.colorPickerView );\n\t\tthis.items.add( this.actionBarView );\n\n\t\tthis._addColorPickersElementsToFocusTracker();\n\t\tthis._stopPropagationOnArrowsKeys();\n\t\tthis._executeOnEnterPress();\n\t\tthis._executeUponColorChange();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Focuses the color picker.\n\t */\n\tpublic focus(): void {\n\t\tthis.colorPickerView!.focus();\n\t}\n\n\t/**\n\t * Reset validation messages.\n\t */\n\tpublic resetValidationStatus(): void {\n\t\tthis.colorPickerView!.resetValidationStatus();\n\t}\n\n\t/**\n\t * When color picker is focused and \"enter\" is pressed it executes command.\n\t */\n\tprivate _executeOnEnterPress(): void {\n\t\tthis.keystrokes.set( 'enter', evt => {\n\t\t\tif ( this.isVisible && this.focusTracker.focusedElement !== this.cancelButtonView.element && this.colorPickerView!.isValid() ) {\n\t\t\t\tthis.fire( 'execute', {\n\t\t\t\t\tvalue: this.selectedColor!\n\t\t\t\t} );\n\n\t\t\t\tevt.stopPropagation();\n\t\t\t\tevt.preventDefault();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Removes default behavior of arrow keys in dropdown.\n\t */\n\tprivate _stopPropagationOnArrowsKeys(): void {\n\t\tconst stopPropagation = ( data: KeyboardEvent ) => data.stopPropagation();\n\n\t\tthis.keystrokes.set( 'arrowright', stopPropagation );\n\t\tthis.keystrokes.set( 'arrowleft', stopPropagation );\n\t\tthis.keystrokes.set( 'arrowup', stopPropagation );\n\t\tthis.keystrokes.set( 'arrowdown', stopPropagation );\n\t}\n\n\t/**\n\t * Adds color picker elements to focus tracker.\n\t */\n\tprivate _addColorPickersElementsToFocusTracker(): void {\n\t\tfor ( const slider of this.colorPickerView!.slidersView ) {\n\t\t\tthis.focusTracker.add( slider.element! );\n\t\t\tthis._focusables.add( slider );\n\t\t}\n\n\t\tconst input = this.colorPickerView!.hexInputRow.children.get( 1 ) as LabeledFieldView<InputTextView>;\n\n\t\tif ( input.element! ) {\n\t\t\tthis.focusTracker.add( input.element );\n\t\t\tthis._focusables.add( input );\n\t\t}\n\n\t\tthis.focusTracker.add( this.saveButtonView.element! );\n\t\tthis._focusables.add( this.saveButtonView );\n\n\t\tthis.focusTracker.add( this.cancelButtonView.element! );\n\t\tthis._focusables.add( this.cancelButtonView );\n\t}\n\n\t/**\n\t * Creates bar containing \"Save\" and \"Cancel\" buttons.\n\t */\n\tprivate _createActionBarView( { saveButtonView, cancelButtonView }: {\n\t\tsaveButtonView: ButtonView;\n\t\tcancelButtonView: ButtonView;\n\t} ): View {\n\t\tconst actionBarRow = new View();\n\t\tconst children = this.createCollection();\n\n\t\tchildren.add( saveButtonView );\n\t\tchildren.add( cancelButtonView );\n\n\t\tactionBarRow.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-color-selector_action-bar'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren\n\t\t} );\n\n\t\treturn actionBarRow;\n\t}\n\n\t/**\n\t * Creates \"Save\" and \"Cancel\" buttons.\n\t */\n\tprivate _createActionButtons() {\n\t\tconst locale = this.locale;\n\t\tconst t = locale!.t;\n\t\tconst saveButtonView = new ButtonView( locale );\n\t\tconst cancelButtonView = new ButtonView( locale );\n\n\t\tsaveButtonView.set( {\n\t\t\ticon: IconCheck,\n\t\t\tclass: 'ck-button-save',\n\t\t\ttype: 'button',\n\t\t\twithText: false,\n\t\t\tlabel: t( 'Accept' )\n\t\t} );\n\n\t\tcancelButtonView.set( {\n\t\t\ticon: IconCancel,\n\t\t\tclass: 'ck-button-cancel',\n\t\t\ttype: 'button',\n\t\t\twithText: false,\n\t\t\tlabel: t( 'Cancel' )\n\t\t} );\n\n\t\tsaveButtonView.on( 'execute', () => {\n\t\t\tif ( this.colorPickerView!.isValid() ) {\n\t\t\t\tthis.fire<ColorSelectorExecuteEvent>( 'execute', {\n\t\t\t\t\tsource: 'colorPickerSaveButton',\n\t\t\t\t\tvalue: this.selectedColor!\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\tcancelButtonView.on( 'execute', () => {\n\t\t\tthis.fire<ColorSelectorColorPickerCancelEvent>( 'colorPicker:cancel' );\n\t\t} );\n\n\t\treturn {\n\t\t\tsaveButtonView, cancelButtonView\n\t\t};\n\t}\n\n\t/**\n\t * Fires the `execute` event if color in color picker has been changed\n\t * by the user.\n\t */\n\tprivate _executeUponColorChange() {\n\t\tthis.colorPickerView!.on<ColorPickerColorSelectedEvent>( 'colorSelected', ( evt, data ) => {\n\t\t\tthis.fire<ColorSelectorExecuteEvent>( 'execute', {\n\t\t\t\tvalue: data.color,\n\t\t\t\tsource: 'colorPicker'\n\t\t\t} );\n\t\t\tthis.set( 'selectedColor', data.color );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/colorselector/colorselectorview\n */\n\nimport { FocusCycler, type FocusableView } from '../focuscycler.js';\nimport { View } from '../view.js';\nimport { ViewCollection } from '../viewcollection.js';\nimport { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';\n\nimport type { ColorPickerViewConfig } from '../colorpicker/utils.js';\nimport type { ColorDefinition } from '../colorgrid/colorgridview.js';\nimport type { Model } from '@ckeditor/ckeditor5-engine';\n\nimport { ColorGridsFragmentView } from './colorgridsfragmentview.js';\nimport { ColorPickerFragmentView } from './colorpickerfragmentview.js';\n\nimport '../../theme/components/colorselector/colorselector.css';\n\n/**\n * The configurable color selector view class. It allows users to select colors from a predefined set of colors as well as from\n * a color picker.\n *\n * This meta-view is is made of two components (fragments):\n *\n * * {@link module:ui/colorselector/colorselectorview~ColorSelectorView#colorGridsFragmentView},\n * * {@link module:ui/colorselector/colorselectorview~ColorSelectorView#colorPickerFragmentView}.\n *\n * ```ts\n * const colorDefinitions = [\n * \t{ color: '#000', label: 'Black', options: { hasBorder: false } },\n * \t{ color: 'rgb(255, 255, 255)', label: 'White', options: { hasBorder: true } },\n * \t{ color: 'red', label: 'Red', options: { hasBorder: false } }\n * ];\n *\n * const selectorView = new ColorSelectorView( locale, {\n * \tcolors: colorDefinitions,\n * \tcolumns: 5,\n * \tremoveButtonLabel: 'Remove color',\n * \tdocumentColorsLabel: 'Document colors',\n * \tdocumentColorsCount: 4,\n * \tcolorPickerViewConfig: {\n * \t\tformat: 'hsl'\n * \t}\n * } );\n *\n * selectorView.appendUI();\n * selectorView.selectedColor = 'red';\n * selectorView.updateSelectedColors();\n *\n * selectorView.on<ColorSelectorExecuteEvent>( 'execute', ( evt, data ) => {\n * \tconsole.log( 'Color changed', data.value, data.source );\n * } );\n *\n * selectorView.on<ColorSelectorColorPickerShowEvent>( 'colorPicker:show', ( evt ) => {\n * \tconsole.log( 'Color picker showed up', evt );\n * } );\n *\n * selectorView.on<ColorSelectorColorPickerCancelEvent>( 'colorPicker:cancel', ( evt ) => {\n * \tconsole.log( 'Color picker cancel', evt );\n * } );\n *\n * selectorView.render();\n *\n * document.body.appendChild( selectorView.element );\n * ```\n */\nexport class ColorSelectorView extends View {\n\t/**\n\t * Tracks information about the DOM focus in the list.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A collection of components.\n\t */\n\tpublic readonly items: ViewCollection;\n\n\t/**\n\t * A fragment that allows users to select colors from the a predefined set and from existing document colors.\n\t */\n\tpublic readonly colorGridsFragmentView: ColorGridsFragmentView;\n\n\t/**\n\t * A fragment that allows users to select a color from a color picker.\n\t */\n\tpublic readonly colorPickerFragmentView: ColorPickerFragmentView;\n\n\t/**\n\t * Keeps the value of the command associated with the component for the current selection.\n\t */\n\tdeclare public selectedColor?: string;\n\n\t/**\n\t * Reflects the visibility state of the color grids fragment.\n\t *\n\t * @internal\n\t */\n\tdeclare public _isColorGridsFragmentVisible: boolean;\n\n\t/**\n\t * Reflects the visibility state of the color picker fragment.\n\t *\n\t * @internal\n\t */\n\tdeclare public _isColorPickerFragmentVisible: boolean;\n\n\t/**\n\t * Helps cycling over focusable {@link #items} in the list.\n\t *\n\t * @readonly\n\t */\n\tprotected _focusCycler: FocusCycler;\n\n\t/**\n\t * A collection of views that can be focused in the view.\n\t *\n\t * @readonly\n\t */\n\tprotected _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * The configuration of color picker sub-component.\n\t */\n\tprivate _colorPickerViewConfig: ColorPickerViewConfig | false;\n\n\t/**\n\t * Creates a view to be inserted as a child of {@link module:ui/dropdown/dropdownview~DropdownView}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param options Constructor options.\n\t * @param options.colors An array with definitions of colors to be displayed in the table.\n\t * @param options.columns The number of columns in the color grid.\n\t * @param options.removeButtonLabel The label of the button responsible for removing the color.\n\t * @param options.colorPickerLabel The label of the button responsible for color picker appearing.\n\t * @param options.documentColorsLabel The label for the section with the document colors.\n\t * @param options.documentColorsCount The number of colors in the document colors section inside the color dropdown.\n\t * @param options.colorPickerViewConfig The configuration of color picker feature. If set to `false`, the color picker will be hidden.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\t{\n\t\t\tcolors,\n\t\t\tcolumns,\n\t\t\tremoveButtonLabel,\n\t\t\tdocumentColorsLabel,\n\t\t\tdocumentColorsCount,\n\t\t\tcolorPickerLabel,\n\t\t\tcolorPickerViewConfig\n\t\t}: {\n\t\t\tcolors: Array<ColorDefinition>;\n\t\t\tcolumns: number;\n\t\t\tremoveButtonLabel: string;\n\t\t\tdocumentColorsLabel?: string;\n\t\t\tdocumentColorsCount?: number;\n\t\t\tcolorPickerLabel: string;\n\t\t\tcolorPickerViewConfig: ColorPickerViewConfig | false;\n\t\t}\n\t) {\n\t\tsuper( locale );\n\t\tthis.items = this.createCollection();\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\tthis._focusables = new ViewCollection();\n\t\tthis._colorPickerViewConfig = colorPickerViewConfig;\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate list items backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate list items forwards using the <kbd>Tab</kbd> key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.colorGridsFragmentView = new ColorGridsFragmentView( locale, {\n\t\t\tcolors, columns, removeButtonLabel, documentColorsLabel, documentColorsCount, colorPickerLabel,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tfocusables: this._focusables\n\t\t} );\n\n\t\tthis.colorPickerFragmentView = new ColorPickerFragmentView( locale, {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokes: this.keystrokes,\n\t\t\tcolorPickerViewConfig\n\t\t} );\n\n\t\tthis.set( '_isColorGridsFragmentVisible', true );\n\t\tthis.set( '_isColorPickerFragmentVisible', false );\n\n\t\tthis.set( 'selectedColor', undefined );\n\n\t\tthis.colorGridsFragmentView.bind( 'isVisible' ).to( this, '_isColorGridsFragmentVisible' );\n\t\tthis.colorPickerFragmentView.bind( 'isVisible' ).to( this, '_isColorPickerFragmentVisible' );\n\n\t\t/**\n\t\t * This is kind of bindings. Unfortunately we could not use this.bind() method because the same property\n\t\t * cannot be bound twice. So this is work around how to bind 'selectedColor' property between components.\n\t\t */\n\t\tthis.on( 'change:selectedColor', ( evt, evtName, data ) => {\n\t\t\tthis.colorGridsFragmentView.set( 'selectedColor', data );\n\t\t\tthis.colorPickerFragmentView.set( 'selectedColor', data );\n\t\t} );\n\n\t\tthis.colorGridsFragmentView.on( 'change:selectedColor', ( evt, evtName, data ) => {\n\t\t\tthis.set( 'selectedColor', data );\n\t\t} );\n\n\t\tthis.colorPickerFragmentView.on( 'change:selectedColor', ( evt, evtName, data ) => {\n\t\t\tthis.set( 'selectedColor', data );\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-color-selector'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: this.items\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Renders the internals of the component on demand:\n\t * * {@link #colorPickerFragmentView},\n\t * * {@link #colorGridsFragmentView}.\n\t *\n\t * It allows for deferring component initialization to improve the performance.\n\t *\n\t * See {@link #showColorPickerFragment}, {@link #showColorGridsFragment}.\n\t */\n\tpublic appendUI(): void {\n\t\tthis._appendColorGridsFragment();\n\n\t\tif ( this._colorPickerViewConfig ) {\n\t\t\tthis._appendColorPickerFragment();\n\t\t}\n\t}\n\n\t/**\n\t * Shows the {@link #colorPickerFragmentView} and hides the {@link #colorGridsFragmentView}.\n\t *\n\t * **Note**: It requires {@link #appendUI} to be called first.\n\t *\n\t * See {@link #showColorGridsFragment}, {@link ~ColorSelectorView#event:colorPicker:show}.\n\t */\n\tpublic showColorPickerFragment(): void {\n\t\tif ( !this.colorPickerFragmentView.colorPickerView || this._isColorPickerFragmentVisible ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._isColorPickerFragmentVisible = true;\n\t\tthis.colorPickerFragmentView.focus();\n\t\tthis.colorPickerFragmentView.resetValidationStatus();\n\t\tthis._isColorGridsFragmentVisible = false;\n\t}\n\n\t/**\n\t * Shows the {@link #colorGridsFragmentView} and hides the {@link #colorPickerFragmentView}.\n\t *\n\t * See {@link #showColorPickerFragment}.\n\t *\n\t * **Note**: It requires {@link #appendUI} to be called first.\n\t */\n\tpublic showColorGridsFragment(): void {\n\t\tif ( this._isColorGridsFragmentVisible ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._isColorGridsFragmentVisible = true;\n\t\tthis.colorGridsFragmentView.focus();\n\t\tthis._isColorPickerFragmentVisible = false;\n\t}\n\n\t/**\n\t * Focuses the first focusable element in {@link #items}.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Focuses the last focusable element in {@link #items}.\n\t */\n\tpublic focusLast(): void {\n\t\tthis._focusCycler.focusLast();\n\t}\n\n\t/**\n\t * Scans through the editor model and searches for text node attributes with the given `attributeName`.\n\t * Found entries are set as document colors in {@link #colorGridsFragmentView}.\n\t *\n\t * All the previously stored document colors will be lost in the process.\n\t *\n\t * @param model The model used as a source to obtain the document colors.\n\t * @param attributeName Determines the name of the related model's attribute for a given dropdown.\n\t */\n\tpublic updateDocumentColors( model: Model, attributeName: string ): void {\n\t\tthis.colorGridsFragmentView.updateDocumentColors( model, attributeName );\n\t}\n\n\t/**\n\t * Refreshes the state of the selected color in one or both grids located in {@link #colorGridsFragmentView}.\n\t *\n\t * It guarantees that the selection will occur only in one of them.\n\t */\n\tpublic updateSelectedColors(): void {\n\t\tthis.colorGridsFragmentView.updateSelectedColors();\n\t}\n\n\t/**\n\t * Appends the view containing static and document color grid views.\n\t */\n\tprivate _appendColorGridsFragment(): void {\n\t\tif ( this.items.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.items.add( this.colorGridsFragmentView );\n\t\tthis.colorGridsFragmentView.delegate( 'execute' ).to( this );\n\t\tthis.colorGridsFragmentView.delegate( 'colorPicker:show' ).to( this );\n\t}\n\n\t/**\n\t * Appends the view with the color picker.\n\t */\n\tprivate _appendColorPickerFragment(): void {\n\t\tif ( this.items.length === 2 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.items.add( this.colorPickerFragmentView );\n\n\t\tif ( this.colorGridsFragmentView.colorPickerButtonView ) {\n\t\t\tthis.colorGridsFragmentView.colorPickerButtonView.on( 'execute', () => {\n\t\t\t\tthis.showColorPickerFragment();\n\t\t\t} );\n\t\t}\n\n\t\tthis.colorGridsFragmentView.addColorPickerButton();\n\t\tthis.colorPickerFragmentView.delegate( 'execute' ).to( this );\n\t\tthis.colorPickerFragmentView.delegate( 'colorPicker:cancel' ).to( this );\n\t}\n}\n\n/**\n * Fired whenever the color was changed. There are multiple sources of this event and you can distinguish them\n * using the `source` property passed along this event.\n *\n * @eventName ~ColorSelectorView#execute\n */\nexport type ColorSelectorExecuteEvent = {\n\tname: 'execute';\n\targs: [ {\n\t\tvalue: string;\n\t\tsource: 'staticColorsGrid' | 'documentColorsGrid' | 'removeColorButton' | 'colorPicker' | 'colorPickerSaveButton';\n\t} ];\n};\n\n/**\n * Fired when the user pressed the \"Cancel\" button in the\n * {@link module:ui/colorselector/colorselectorview~ColorSelectorView#colorPickerFragmentView}.\n *\n * @eventName ~ColorSelectorView#colorPicker:cancel\n */\nexport type ColorSelectorColorPickerCancelEvent = {\n\tname: 'colorPicker:cancel';\n\targs: [];\n};\n\n/**\n * Fired whenever {@link module:ui/colorselector/colorselectorview~ColorSelectorView#colorPickerFragmentView} is shown.\n *\n * See {@link ~ColorSelectorView#showColorPickerFragment}.\n *\n * @eventName ~ColorSelectorView#colorPicker:show\n */\nexport type ColorSelectorColorPickerShowEvent = {\n\tname: 'colorPicker:show';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/componentfactory\n */\n\nimport { CKEditorError, type Locale } from '@ckeditor/ckeditor5-utils';\nimport type { Editor } from '@ckeditor/ckeditor5-core';\n\nimport { type View } from './view.js';\n\n/**\n * A helper class implementing the UI component ({@link module:ui/view~View view}) factory.\n *\n * It allows functions producing specific UI components to be registered under their unique names\n * in the factory. A registered component can be then instantiated by providing its name.\n * Note that the names are case insensitive.\n *\n * ```ts\n * // The editor provides localization tools for the factory.\n * const factory = new ComponentFactory( editor );\n *\n * factory.add( 'foo', locale => new FooView( locale ) );\n * factory.add( 'bar', locale => new BarView( locale ) );\n *\n * // An instance of FooView.\n * const fooInstance = factory.create( 'foo' );\n *\n * // Names are case insensitive so this is also allowed:\n * const barInstance = factory.create( 'Bar' );\n * ```\n *\n * The {@link module:core/editor/editor~Editor#locale editor locale} is passed to the factory\n * function when {@link module:ui/componentfactory~ComponentFactory#create} is called.\n */\nexport class ComponentFactory {\n\t/**\n\t * The editor instance that the factory belongs to.\n\t */\n\tpublic readonly editor: Editor;\n\n\t/**\n\t * Registered component factories.\n\t */\n\tprivate readonly _components = new Map<string, { originalName: string; callback: ( locale: Locale ) => View }>();\n\n\t/**\n\t * Creates an instance of the factory.\n\t *\n\t * @param editor The editor instance.\n\t */\n\tconstructor( editor: Editor ) {\n\t\tthis.editor = editor;\n\t}\n\n\t/**\n\t * Returns an iterator of registered component names. Names are returned in lower case.\n\t */\n\tpublic* names(): IterableIterator<string> {\n\t\tfor ( const value of this._components.values() ) {\n\t\t\tyield value.originalName;\n\t\t}\n\t}\n\n\t/**\n\t * Registers a component factory function that will be used by the\n\t * {@link #create create} method and called with the\n\t * {@link module:core/editor/editor~Editor#locale editor locale} as an argument,\n\t * allowing localization of the {@link module:ui/view~View view}.\n\t *\n\t * @param name The name of the component.\n\t * @param callback The callback that returns the component.\n\t */\n\tpublic add( name: string, callback: ( locale: Locale ) => View ): void {\n\t\tthis._components.set( getNormalized( name ), { callback, originalName: name } );\n\t}\n\n\t/**\n\t * Creates an instance of a component registered in the factory under a specific name.\n\t *\n\t * When called, the {@link module:core/editor/editor~Editor#locale editor locale} is passed to\n\t * the previously {@link #add added} factory function, allowing localization of the\n\t * {@link module:ui/view~View view}.\n\t *\n\t * @param name The name of the component.\n\t * @returns The instantiated component view.\n\t */\n\tpublic create( name: string ): View {\n\t\tif ( !this.has( name ) ) {\n\t\t\t/**\n\t\t\t * The required component is not registered in the component factory. Please make sure\n\t\t\t * the provided name is correct and the component has been correctly\n\t\t\t * {@link module:ui/componentfactory~ComponentFactory#add added} to the factory.\n\t\t\t *\n\t\t\t * @error componentfactory-item-missing\n\t\t\t * @param {string} name The name of the missing component.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'componentfactory-item-missing',\n\t\t\t\tthis,\n\t\t\t\t{ name }\n\t\t\t);\n\t\t}\n\n\t\treturn this._components.get( getNormalized( name ) )!.callback( this.editor.locale );\n\t}\n\n\t/**\n\t * Checks if a component of a given name is registered in the factory.\n\t *\n\t * @param name The name of the component.\n\t */\n\tpublic has( name: string ): boolean {\n\t\treturn this._components.has( getNormalized( name ) );\n\t}\n}\n\n/**\n * Ensures that the component name used as the key in the internal map is in lower case.\n */\nfunction getNormalized( name: unknown ) {\n\treturn String( name ).toLowerCase();\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/tooltipmanager\n */\n\nimport { View } from './view.js';\nimport { BalloonPanelView } from './panel/balloon/balloonpanelview.js';\nimport type { EditorUIUpdateEvent } from './editorui/editorui.js';\n\nimport {\n\tDomEmitterMixin,\n\tfirst,\n\tglobal,\n\tisVisible,\n\ttype EventInfo,\n\ttype PositioningFunction\n} from '@ckeditor/ckeditor5-utils';\n\nimport type { Editor } from '@ckeditor/ckeditor5-core';\n\nimport { isElement, debounce, type DebouncedFunc } from 'es-toolkit/compat';\n\nimport '../theme/components/tooltip/tooltip.css';\n\nconst BALLOON_CLASS = 'ck-tooltip';\n\n/**\n * A tooltip manager class for the UI of the editor.\n *\n * **Note**: Most likely you do not have to use the `TooltipManager` API listed below in order to display tooltips. Popular\n * {@glink framework/architecture/ui-library UI components} support tooltips out-of-the-box via observable properties\n * (see {@link module:ui/button/buttonview~ButtonView#tooltip} and {@link module:ui/button/buttonview~ButtonView#tooltipPosition}).\n *\n * # Displaying tooltips\n *\n * To display a tooltip, set `data-cke-tooltip-text` attribute on any DOM element:\n *\n * ```ts\n * domElement.dataset.ckeTooltipText = 'My tooltip';\n * ```\n *\n * The tooltip will show up whenever the user moves the mouse over the element or the element gets focus in DOM.\n *\n * # Positioning tooltips\n *\n * To change the position of the tooltip, use the `data-cke-tooltip-position` attribute (`s`, `se`, `sw`, `n`, `e`, or `w`):\n *\n * ```ts\n * domElement.dataset.ckeTooltipText = 'Tooltip to the north';\n * domElement.dataset.ckeTooltipPosition = 'n';\n * ```\n *\n * # Disabling tooltips\n *\n * In order to disable the tooltip temporarily, use the `data-cke-tooltip-disabled` attribute:\n *\n * ```ts\n * domElement.dataset.ckeTooltipText = 'Disabled. For now.';\n * domElement.dataset.ckeTooltipDisabled = 'true';\n * ```\n *\n * # Instant tooltips\n *\n * To remove the delay before showing or hiding the tooltip, use the `data-cke-tooltip-instant` attribute:\n *\n * ```ts\n * domElement.dataset.ckeTooltipInstant = 'true';\n * ```\n *\n * # Styling tooltips\n *\n * By default, the tooltip has `.ck-tooltip` class and its text inner `.ck-tooltip__text`.\n *\n * If your tooltip requires custom styling, using `data-cke-tooltip-class` attribute will add additional class to the balloon\n * displaying the tooltip:\n *\n * ```ts\n * domElement.dataset.ckeTooltipText = 'Tooltip with a red text';\n * domElement.dataset.ckeTooltipClass = 'my-class';\n * ```\n *\n * ```css\n * .ck.ck-tooltip.my-class { color: red }\n * ```\n *\n * **Note**: This class is a singleton. All editor instances re-use the same instance loaded by\n * {@link module:ui/editorui/editorui~EditorUI} of the first editor.\n */\nexport class TooltipManager extends /* #__PURE__ */ DomEmitterMixin() {\n\t/**\n\t * The view rendering text of the tooltip.\n\t */\n\tpublic readonly tooltipTextView!: View & { text: string };\n\n\t/**\n\t * The instance of the balloon panel that renders and positions the tooltip.\n\t */\n\tpublic readonly balloonPanelView!: BalloonPanelView;\n\n\t/**\n\t * A set of default {@link module:utils/dom/position~PositioningFunction positioning functions} used by the `TooltipManager`\n\t * to pin tooltips in different positions.\n\t */\n\tpublic static defaultBalloonPositions = /* #__PURE__ */ BalloonPanelView.generatePositions( {\n\t\theightOffset: 5,\n\t\tsideOffset: 13\n\t} );\n\n\t/**\n\t * Stores the reference to the DOM element the tooltip is attached to. `null` when there's no tooltip\n\t * in the UI.\n\t */\n\tprivate _currentElementWithTooltip: HTMLElement | null = null;\n\n\t/**\n\t * Stores the current tooltip position. `null` when there's no tooltip in the UI.\n\t */\n\tprivate _currentTooltipPosition: TooltipPosition | null = null;\n\n\t/**\n\t * An instance of the mutation observer that keeps track on target element attributes changes.\n\t */\n\tprivate _mutationObserver: MutationObserverWrapper | null = null;\n\n\t/**\n\t * A debounced version of {@link #_pinTooltip}. Tooltips show with a delay to avoid flashing and\n\t * to improve the UX.\n\t */\n\tprivate _pinTooltipDebounced!: DebouncedFunc<( targetDomElement: HTMLElement, data: TooltipData ) => void>;\n\n\t/**\n\t * A debounced version of {@link #_unpinTooltip}. Tooltips hide with a delay to allow hovering of their titles.\n\t */\n\tprivate _unpinTooltipDebounced!: DebouncedFunc<VoidFunction>;\n\n\tprivate readonly _watchdogExcluded!: true;\n\n\t/**\n\t * A set of editors the single tooltip manager instance must listen to.\n\t * This is mostly to handle `EditorUI#update` listeners from individual editors.\n\t */\n\tprivate static _editors = new Set<Editor>();\n\n\t/**\n\t * A reference to the `TooltipManager` instance. The class is a singleton and as such,\n\t * successive attempts at creating instances should return this instance.\n\t */\n\tprivate static _instance: TooltipManager | null = null;\n\n\t/**\n\t * Creates an instance of the tooltip manager.\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper();\n\n\t\tTooltipManager._editors.add( editor );\n\n\t\t// TooltipManager must be a singleton. Multiple instances would mean multiple tooltips attached\n\t\t// to the same DOM element with data-cke-tooltip-* attributes.\n\t\tif ( TooltipManager._instance ) {\n\t\t\treturn TooltipManager._instance;\n\t\t}\n\n\t\tTooltipManager._instance = this;\n\n\t\tthis.tooltipTextView = new View( editor.locale ) as any;\n\t\tthis.tooltipTextView.set( 'text', '' );\n\t\tthis.tooltipTextView.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-tooltip__text'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttext: this.tooltipTextView.bindTemplate.to( 'text' )\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\tthis.balloonPanelView = new BalloonPanelView( editor.locale );\n\t\tthis.balloonPanelView.class = BALLOON_CLASS;\n\t\tthis.balloonPanelView.content.add( this.tooltipTextView );\n\n\t\tthis._mutationObserver = createMutationObserver( () => {\n\t\t\tthis._updateTooltipPosition();\n\t\t} );\n\n\t\tthis._pinTooltipDebounced = debounce( this._pinTooltip, 600 );\n\t\tthis._unpinTooltipDebounced = debounce( this._unpinTooltip, 400 );\n\n\t\tthis.listenTo( global.document, 'keydown', this._onKeyDown.bind( this ), { useCapture: true } );\n\t\tthis.listenTo( global.document, 'mouseenter', this._onEnterOrFocus.bind( this ), { useCapture: true } );\n\t\tthis.listenTo( global.document, 'mouseleave', this._onLeaveOrBlur.bind( this ), { useCapture: true } );\n\n\t\tthis.listenTo( global.document, 'focus', this._onEnterOrFocus.bind( this ), { useCapture: true } );\n\t\tthis.listenTo( global.document, 'blur', this._onLeaveOrBlur.bind( this ), { useCapture: true } );\n\n\t\tthis.listenTo( global.document, 'scroll', this._onScroll.bind( this ), { useCapture: true } );\n\n\t\t// Because this class is a singleton, its only instance is shared across all editors and connects them through the reference.\n\t\t// This causes issues with the ContextWatchdog. When an error is thrown in one editor, the watchdog traverses the references\n\t\t// and (because of shared tooltip manager) figures that the error affects all editors and restarts them all.\n\t\t// This flag, excludes tooltip manager instance from the traversal and brings ContextWatchdog back to normal.\n\t\t// More in https://github.com/ckeditor/ckeditor5/issues/12292.\n\t\tthis._watchdogExcluded = true;\n\t}\n\n\t/**\n\t * Destroys the tooltip manager.\n\t *\n\t * **Note**: The manager singleton cannot be destroyed until all editors that use it are destroyed.\n\t *\n\t * @param editor The editor the manager was created for.\n\t */\n\tpublic destroy( editor: Editor ): void {\n\t\tconst editorBodyViewCollection = editor.ui.view && editor.ui.view.body;\n\n\t\tTooltipManager._editors.delete( editor );\n\t\tthis.stopListening( editor.ui );\n\n\t\t// Prevent the balloon panel from being destroyed in the EditorUI#destroy() cascade. It should be destroyed along\n\t\t// with the last editor only (https://github.com/ckeditor/ckeditor5/issues/12602).\n\t\tif ( editorBodyViewCollection && editorBodyViewCollection.has( this.balloonPanelView ) ) {\n\t\t\teditorBodyViewCollection.remove( this.balloonPanelView );\n\t\t}\n\n\t\tif ( !TooltipManager._editors.size ) {\n\t\t\tthis._unpinTooltip();\n\t\t\tthis.balloonPanelView.destroy();\n\t\t\tthis.stopListening();\n\n\t\t\tTooltipManager._instance = null;\n\t\t}\n\t}\n\n\t/**\n\t * Returns {@link #balloonPanelView} {@link module:utils/dom/position~PositioningFunction positioning functions} for a given position\n\t * name.\n\t *\n\t * @param position Name of the position (`s`, `se`, `sw`, `n`, `e`, or `w`).\n\t * @returns Positioning functions to be used by the {@link #balloonPanelView}.\n\t */\n\tpublic static getPositioningFunctions( position: TooltipPosition ): Array<PositioningFunction> {\n\t\tconst defaultPositions = TooltipManager.defaultBalloonPositions;\n\n\t\treturn {\n\t\t\t// South is most popular. We can use positioning heuristics to avoid clipping by the viewport with the sane fallback.\n\t\t\ts: [\n\t\t\t\tdefaultPositions.southArrowNorth,\n\t\t\t\tdefaultPositions.southArrowNorthEast,\n\t\t\t\tdefaultPositions.southArrowNorthWest\n\t\t\t],\n\t\t\tn: [ defaultPositions.northArrowSouth ],\n\t\t\te: [ defaultPositions.eastArrowWest ],\n\t\t\tw: [ defaultPositions.westArrowEast ],\n\t\t\tsw: [ defaultPositions.southArrowNorthEast ],\n\t\t\tse: [ defaultPositions.southArrowNorthWest ]\n\t\t}[ position ];\n\t}\n\n\t/**\n\t * Handles hiding tooltips on `keydown` in DOM.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param domEvent The DOM event.\n\t */\n\tprivate _onKeyDown( evt: EventInfo, domEvent: KeyboardEvent ) {\n\t\tif ( domEvent.key === 'Escape' && this._currentElementWithTooltip ) {\n\t\t\tthis._unpinTooltip();\n\t\t\tdomEvent.stopPropagation();\n\t\t}\n\t}\n\n\t/**\n\t * Handles displaying tooltips on `mouseenter` and `focus` in DOM.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param domEvent The DOM event.\n\t */\n\tprivate _onEnterOrFocus( evt: EventInfo, { target }: any ) {\n\t\tconst elementWithTooltipAttribute = getDescendantWithTooltip( target );\n\n\t\t// Abort when there's no descendant needing tooltip.\n\t\tif ( !elementWithTooltipAttribute ) {\n\t\t\t// Unpin if element is focused, regardless of whether it contains a label or not.\n\t\t\t// It also prevents tooltips from overlapping the menu bar\n\t\t\tif ( evt.name === 'focus' ) {\n\t\t\t\tthis._unpinTooltip();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Abort to avoid flashing when, for instance:\n\t\t// * a tooltip is displayed for a focused element, then the same element gets mouseentered,\n\t\t// * a tooltip is displayed for an element via mouseenter, then the focus moves to the same element.\n\t\tif ( elementWithTooltipAttribute === this._currentElementWithTooltip ) {\n\t\t\tthis._unpinTooltipDebounced.cancel();\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._unpinTooltip();\n\n\t\t// The tooltip should be pinned immediately when the element gets focused using keyboard.\n\t\t// If it is focused using the mouse, the tooltip should be pinned after a delay to prevent flashing.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/16383\n\t\t// Also, if the element has an attribute `data-cke-tooltip-instant`, the tooltip should be pinned immediately.\n\t\t// This is useful for elements that have their content partially hidden (e.g. a long text in a small container)\n\t\t// and should show a tooltip on hover, like merge field.\n\t\tif (\n\t\t\tevt.name === 'focus' && !elementWithTooltipAttribute.matches( ':hover' ) ||\n\t\t\telementWithTooltipAttribute.matches( '[data-cke-tooltip-instant]' )\n\t\t) {\n\t\t\tthis._pinTooltip( elementWithTooltipAttribute, getTooltipData( elementWithTooltipAttribute ) );\n\t\t} else {\n\t\t\tthis._pinTooltipDebounced( elementWithTooltipAttribute, getTooltipData( elementWithTooltipAttribute ) );\n\t\t}\n\t}\n\n\t/**\n\t * Handles hiding tooltips on `mouseleave` and `blur` in DOM.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param domEvent The DOM event.\n\t */\n\tprivate _onLeaveOrBlur( evt: EventInfo, { target, relatedTarget }: any ) {\n\t\tif ( evt.name === 'mouseleave' ) {\n\t\t\t// Don't act when the event does not concern a DOM element (e.g. a mouseleave out of an entire document),\n\t\t\tif ( !isElement( target ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst balloonElement = this.balloonPanelView.element;\n\t\t\tconst isEnteringBalloon = balloonElement && ( balloonElement === relatedTarget || balloonElement.contains( relatedTarget ) );\n\t\t\tconst isLeavingBalloon = !isEnteringBalloon && target === balloonElement;\n\n\t\t\t// Do not hide the tooltip when the user moves the cursor over it.\n\t\t\tif ( isEnteringBalloon ) {\n\t\t\t\tthis._unpinTooltipDebounced.cancel();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If a tooltip is currently visible, don't act for a targets other than the one it is attached to.\n\t\t\t// The only exception is leaving balloon, in this scenario tooltip should be closed.\n\t\t\t// For instance, a random mouseleave far away in the page should not unpin the tooltip that was pinned because\n\t\t\t// of a previous focus. Only leaving the same element should hide the tooltip.\n\t\t\tif ( !isLeavingBalloon && this._currentElementWithTooltip && target !== this._currentElementWithTooltip ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst descendantWithTooltip = getDescendantWithTooltip( target );\n\t\t\tconst relatedDescendantWithTooltip = getDescendantWithTooltip( relatedTarget );\n\n\t\t\t// Unpin when the mouse was leaving element with a tooltip to a place which does not have or has a different tooltip.\n\t\t\t// Note that this should happen whether the tooltip is already visible or not, for instance,\n\t\t\t// it could be invisible but queued (debounced): it should get canceled.\n\t\t\tif ( isLeavingBalloon || ( descendantWithTooltip && descendantWithTooltip !== relatedDescendantWithTooltip ) ) {\n\t\t\t\tthis._pinTooltipDebounced.cancel();\n\n\t\t\t\t// If the currently visible tooltip is instant, unpin it immediately.\n\t\t\t\tif (\n\t\t\t\t\tthis._currentElementWithTooltip && this._currentElementWithTooltip.matches( '[data-cke-tooltip-instant]' ) ||\n\t\t\t\t\tdescendantWithTooltip && descendantWithTooltip.matches( '[data-cke-tooltip-instant]' )\n\t\t\t\t) {\n\t\t\t\t\tthis._unpinTooltip();\n\t\t\t\t} else {\n\t\t\t\t\tthis._unpinTooltipDebounced();\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// If a tooltip is currently visible, don't act for a targets other than the one it is attached to.\n\t\t\t// For instance, a random blur in the web page should not unpin the tooltip that was pinned because of a previous mouseenter.\n\t\t\tif ( this._currentElementWithTooltip && target !== this._currentElementWithTooltip ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Note that unpinning should happen whether the tooltip is already visible or not, for instance, it could be invisible but\n\t\t\t// queued (debounced): it should get canceled (e.g. quick focus then quick blur using the keyboard).\n\t\t\tthis._pinTooltipDebounced.cancel();\n\t\t\tthis._unpinTooltipDebounced();\n\t\t}\n\t}\n\n\t/**\n\t * Handles hiding tooltips on `scroll` in DOM.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param domEvent The DOM event.\n\t */\n\tprivate _onScroll( evt: unknown, { target }: any ) {\n\t\t// No tooltip, no reason to react on scroll.\n\t\tif ( !this._currentElementWithTooltip ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// When scrolling a container that has both the balloon and the current element (common ancestor), the balloon can remain\n\t\t// visible (e.g. scrolling ≤body>). Otherwise, to avoid glitches (clipping, lagging) better just hide the tooltip.\n\t\t// Also, don't do anything when scrolling an unrelated DOM element that has nothing to do with the current element and the balloon.\n\t\tif ( target.contains( this.balloonPanelView.element ) && target.contains( this._currentElementWithTooltip ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._unpinTooltip();\n\t}\n\n\t/**\n\t * Pins the tooltip to a specific DOM element.\n\t *\n\t * @param targetDomElement Element to be pinned to.\n\t * @param options Options for the tooltip.\n\t * @param options.text Text of the tooltip to display.\n\t * @param options.position The position of the tooltip.\n\t * @param options.cssClass Additional CSS class of the balloon with the tooltip.\n\t */\n\tprivate _pinTooltip(\n\t\ttargetDomElement: HTMLElement,\n\t\t{ text, position, cssClass }: TooltipData\n\t): void {\n\t\tthis._unpinTooltip();\n\n\t\t// Use the body collection of the first editor.\n\t\tconst bodyViewCollection = first( TooltipManager._editors.values() )!.ui.view.body;\n\n\t\tif ( !bodyViewCollection.has( this.balloonPanelView ) ) {\n\t\t\tbodyViewCollection.add( this.balloonPanelView );\n\t\t}\n\n\t\tthis.tooltipTextView.text = text;\n\n\t\tthis.balloonPanelView.class = [ BALLOON_CLASS, cssClass ]\n\t\t\t.filter( className => className )\n\t\t\t.join( ' ' );\n\n\t\t// Ensure that all changes to the tooltip are set before pinning it.\n\t\t// Setting class or text after pinning can cause the tooltip to be pinned in the wrong position.\n\t\t// It happens especially often when tooltip has class modified (like adding `ck-tooltip_multi-line`).\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/16365\n\t\tthis.balloonPanelView.pin( {\n\t\t\ttarget: targetDomElement,\n\t\t\tpositions: TooltipManager.getPositioningFunctions( position )\n\t\t} );\n\n\t\tthis._mutationObserver!.attach( targetDomElement );\n\n\t\t// Start responding to changes in editor UI or content layout. For instance, when collaborators change content\n\t\t// and a contextual toolbar attached to a content starts to move (and so should move the tooltip).\n\t\t// Note: Using low priority to let other listeners that position contextual toolbars etc. to react first.\n\t\tfor ( const editor of TooltipManager._editors ) {\n\t\t\tthis.listenTo<EditorUIUpdateEvent>( editor.ui, 'update', this._updateTooltipPosition.bind( this ), { priority: 'low' } );\n\t\t}\n\n\t\tthis._currentElementWithTooltip = targetDomElement;\n\t\tthis._currentTooltipPosition = position;\n\t}\n\n\t/**\n\t * Unpins the tooltip and cancels all queued pinning.\n\t */\n\tprivate _unpinTooltip() {\n\t\tthis._unpinTooltipDebounced.cancel();\n\t\tthis._pinTooltipDebounced.cancel();\n\n\t\tthis.balloonPanelView.unpin();\n\n\t\tfor ( const editor of TooltipManager._editors ) {\n\t\t\tthis.stopListening( editor.ui, 'update' );\n\t\t}\n\n\t\tthis._currentElementWithTooltip = null;\n\t\tthis._currentTooltipPosition = null;\n\t\tthis.tooltipTextView.text = '';\n\n\t\tthis._mutationObserver!.detach();\n\t}\n\n\t/**\n\t * Updates the position of the tooltip so it stays in sync with the element it is pinned to.\n\t *\n\t * Hides the tooltip when the element is no longer visible in DOM or the tooltip text was removed.\n\t */\n\tprivate _updateTooltipPosition() {\n\t\t// The tooltip might get removed by focus listener triggered by the same UI `update` event.\n\t\t// See https://github.com/ckeditor/ckeditor5/pull/16363.\n\t\tif ( !this._currentElementWithTooltip ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tooltipData = getTooltipData( this._currentElementWithTooltip );\n\n\t\t// This could happen if the tooltip was attached somewhere in a contextual content toolbar and the toolbar\n\t\t// disappeared (e.g. removed an image), or the tooltip text was removed.\n\t\tif ( !isVisible( this._currentElementWithTooltip ) || !tooltipData.text ) {\n\t\t\tthis._unpinTooltip();\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis.balloonPanelView.pin( {\n\t\t\ttarget: this._currentElementWithTooltip,\n\t\t\tpositions: TooltipManager.getPositioningFunctions( tooltipData.position )\n\t\t} );\n\t}\n}\n\nexport type TooltipPosition = 's' | 'n' | 'e' | 'w' | 'sw' | 'se';\n\nfunction getDescendantWithTooltip( element: HTMLElement ) {\n\tif ( !isElement( element ) ) {\n\t\treturn null;\n\t}\n\n\treturn element.closest( '[data-cke-tooltip-text]:not([data-cke-tooltip-disabled])' ) as HTMLElement;\n}\n\ninterface TooltipData {\n\ttext: string;\n\tposition: TooltipPosition;\n\tcssClass: string;\n}\n\nfunction getTooltipData( element: HTMLElement ): TooltipData {\n\treturn {\n\t\ttext: element.dataset.ckeTooltipText!,\n\t\tposition: ( element.dataset.ckeTooltipPosition || 's' ) as TooltipPosition,\n\t\tcssClass: element.dataset.ckeTooltipClass || ''\n\t};\n}\n\n// Creates a simple `MutationObserver` instance wrapper that observes changes in the tooltip-related attributes of the given element.\n// Used instead of the `MutationObserver` from the engine for simplicity.\nfunction createMutationObserver( callback: ( ...args: Array<any> ) => unknown ): MutationObserverWrapper {\n\tconst mutationObserver = new MutationObserver( () => {\n\t\tcallback();\n\t} );\n\n\treturn {\n\t\tattach( element ) {\n\t\t\tmutationObserver.observe( element, {\n\t\t\t\tattributes: true,\n\t\t\t\tattributeFilter: [ 'data-cke-tooltip-text', 'data-cke-tooltip-position' ]\n\t\t\t} );\n\t\t},\n\n\t\tdetach() {\n\t\t\tmutationObserver.disconnect();\n\t\t}\n\t};\n}\n\ninterface MutationObserverWrapper {\n\tattach: ( element: Node ) => void;\n\tdetach: () => void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editorui/evaluationbadge\n */\n\nimport type { Editor } from '@ckeditor/ckeditor5-core';\nimport { parseBase64EncodedObject, type Locale } from '@ckeditor/ckeditor5-utils';\n\nimport { View } from '../view.js';\nimport { Badge, type BadgeConfig } from '../badge/badge.js';\n\n/**\n * A helper that enables the \"evaluation badge\" feature in the editor at the bottom of the editable element\n * (editor root, source editing area, etc.) when the editor is focused.\n *\n * @private\n */\nexport class EvaluationBadge extends Badge {\n\tprivate licenseTypeMessage: Record<string, string> = {\n\t\tevaluation: 'For evaluation purposes only',\n\t\ttrial: 'For evaluation purposes only',\n\t\tdevelopment: 'For development purposes only'\n\t};\n\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor, { balloonClass: 'ck-evaluation-badge-balloon' } );\n\t}\n\n\t/**\n\t * Enables \"evaluation badge\" label.\n\t */\n\tprotected override _isEnabled(): boolean {\n\t\tconst editor = this.editor;\n\t\tconst licenseKey = editor.config.get( 'licenseKey' )!;\n\t\tconst licenseType = getLicenseTypeFromLicenseKey( licenseKey );\n\n\t\treturn Boolean( licenseType && this.licenseTypeMessage[ licenseType ] );\n\t}\n\n\t/**\n\t * Creates the content of the \"evaluation badge\".\n\t */\n\tprotected override _createBadgeContent(): View<HTMLElement> {\n\t\tconst licenseKey = this.editor.config.get( 'licenseKey' )!;\n\t\tconst licenseType = getLicenseTypeFromLicenseKey( licenseKey )!;\n\n\t\treturn new EvaluationBadgeView( this.editor.locale, this.licenseTypeMessage[ licenseType ] );\n\t}\n\n\t/**\n\t * Returns the normalized configuration for the \"evaluation badge\".\n\t * It takes 'ui.poweredBy' configuration into account to determine the badge position and side.\n\t */\n\tprotected override _getNormalizedConfig(): BadgeConfig {\n\t\tconst badgeConfig = super._getNormalizedConfig();\n\t\tconst userConfig = this.editor.config.get( 'ui.poweredBy' ) || {};\n\t\tconst position = userConfig.position || badgeConfig.position;\n\t\tconst poweredBySide = userConfig.side || badgeConfig.side;\n\n\t\treturn {\n\t\t\tposition,\n\t\t\tside: poweredBySide === 'left' ? 'right' : 'left',\n\t\t\tverticalOffset: badgeConfig.verticalOffset,\n\t\t\thorizontalOffset: badgeConfig.horizontalOffset\n\t\t};\n\t}\n}\n\n/**\n * A view displaying the \"evaluation badge\".\n */\nclass EvaluationBadgeView extends View<HTMLDivElement> {\n\t/**\n\t * Creates an instance of the \"evaluation badge\" view.\n\t *\n\t * @param locale The localization services instance.\n\t * @param label The label text.\n\t */\n\tconstructor( locale: Locale, label: string ) {\n\t\tsuper( locale );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-evaluation-badge' ],\n\t\t\t\t'aria-hidden': true\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'span',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [ 'ck', 'ck-evaluation-badge__label' ]\n\t\t\t\t\t},\n\t\t\t\t\tchildren: [ label ]\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n\n/**\n * Returns the license type based on the license key.\n */\nfunction getLicenseTypeFromLicenseKey( licenseKey: string ): string | null {\n\tif ( licenseKey == 'GPL' ) {\n\t\treturn 'GPL';\n\t}\n\n\tconst licenseContent = parseBase64EncodedObject( licenseKey.split( '.' )[ 1 ] );\n\n\tif ( !licenseContent ) {\n\t\treturn null;\n\t}\n\n\treturn licenseContent.licenseType || 'production';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/menubar/menubarmenulistitemview\n */\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\nimport { ListItemView } from '../list/listitemview.js';\nimport { type MenuBarMenuView } from './menubarmenuview.js';\n\nimport '../../theme/components/menubar/menubarmenulistitem.css';\n\n/**\n * A menu bar list item view, a child of {@link module:ui/menubar/menubarmenulistview~MenuBarMenuListView}.\n *\n * Populate this item with a {@link module:ui/menubar/menubarmenulistitembuttonview~MenuBarMenuListItemButtonView} instance\n * or a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} instance to create a sub-menu.\n */\nexport class MenuBarMenuListItemView extends ListItemView {\n\t/**\n\t * Creates an instance of the list item view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale, parentMenuView: MenuBarMenuView ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-menu-bar__menu__item'\n\t\t\t\t]\n\t\t\t},\n\t\t\ton: {\n\t\t\t\t'mouseenter': bind.to( 'mouseenter' )\n\t\t\t}\n\t\t} );\n\n\t\tthis.delegate( 'mouseenter' ).to( parentMenuView );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/menubar/utils\n */\n\nimport { MenuBarMenuListItemView } from './menubarmenulistitemview.js';\nimport { type MenuBarMenuView } from './menubarmenuview.js';\nimport type {\n\tMenuBarView,\n\tMenuBarConfig,\n\tMenuBarMenuMouseEnterEvent,\n\tMenuBarMenuChangeIsOpenEvent,\n\tMenuBarMenuArrowRightEvent,\n\tMenuBarMenuArrowLeftEvent,\n\tMenuBarMenuDefinition,\n\tMenuBarConfigObject,\n\tMenuBarConfigAddedGroup,\n\tMenuBarConfigAddedMenu,\n\tMenuBarConfigAddedPosition,\n\tNormalizedMenuBarConfigObject,\n\tMenuBarConfigAddedItem\n} from './menubarview.js';\nimport { clickOutsideHandler } from '../bindings/clickoutsidehandler.js';\nimport type { ButtonExecuteEvent } from '../button/button.js';\nimport { type ComponentFactory } from '../componentfactory.js';\nimport type { FocusableView } from '../focuscycler.js';\nimport {\n\tlogWarning,\n\ttype Locale,\n\ttype ObservableChangeEvent,\n\ttype PositioningFunction\n} from '@ckeditor/ckeditor5-utils';\nimport { cloneDeep } from 'es-toolkit/compat';\n\nconst NESTED_PANEL_HORIZONTAL_OFFSET = 5;\n\n/**\n * Behaviors of the {@link module:ui/menubar/menubarview~MenuBarView} component.\n * @internal\n */\nexport const MenuBarBehaviors = {\n\t/**\n\t * When the bar is already open:\n\t * * Opens the menu when the user hovers over its button.\n\t * * Closes open menu when another menu's button gets hovered.\n\t */\n\ttoggleMenusAndFocusItemsOnHover( menuBarView: MenuBarView ): void {\n\t\tmenuBarView.on<MenuBarMenuMouseEnterEvent>( 'menu:mouseenter', evt => {\n\t\t\t// This behavior should be activated when one of condition is present:\n\t\t\t// 1. The user opened any submenu of menubar and hover over items in the menu bar.\n\t\t\t// 2. The user focused whole menubar using keyboard interaction and enabled focus borders and hover over items in the menu bar.\n\t\t\tif ( !menuBarView.isFocusBorderEnabled && !menuBarView.isOpen ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( menuBarView.isOpen ) {\n\t\t\t\tfor ( const menuView of menuBarView.menus ) {\n\t\t\t\t\t// @if CK_DEBUG_MENU_BAR // const wasOpen = menuView.isOpen;\n\n\t\t\t\t\tconst pathLeaf = evt.path[ 0 ];\n\t\t\t\t\tconst isListItemContainingMenu = pathLeaf instanceof MenuBarMenuListItemView && pathLeaf.children.first === menuView;\n\n\t\t\t\t\tmenuView.isOpen = ( evt.path.includes( menuView ) || isListItemContainingMenu ) && menuView.isEnabled;\n\n\t\t\t\t\t// @if CK_DEBUG_MENU_BAR // if ( wasOpen !== menuView.isOpen ) {\n\t\t\t\t\t// @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] toggleMenusAndFocusItemsOnHover(): Toggle',\n\t\t\t\t\t// @if CK_DEBUG_MENU_BAR // \tlogMenu( menuView ), 'isOpen', menuView.isOpen\n\t\t\t\t\t// @if CK_DEBUG_MENU_BAR // );\n\t\t\t\t\t// @if CK_DEBUG_MENU_BAR // }\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t( evt.source as FocusableView ).focus();\n\t\t} );\n\t},\n\n\t/**\n\t * Moves between top-level menus using the arrow left and right keys.\n\t *\n\t * If the menubar has already been open, the arrow keys move focus between top-level menu buttons and open them.\n\t * If the menubar is closed, the arrow keys only move focus between top-level menu buttons.\n\t */\n\tfocusCycleMenusOnArrows( menuBarView: MenuBarView ): void {\n\t\tconst isContentRTL = menuBarView.locale!.uiLanguageDirection === 'rtl';\n\n\t\tmenuBarView.on<MenuBarMenuArrowRightEvent>( 'menu:arrowright', evt => {\n\t\t\tcycleTopLevelMenus( evt.source as MenuBarMenuView, isContentRTL ? -1 : 1 );\n\t\t} );\n\n\t\tmenuBarView.on<MenuBarMenuArrowLeftEvent>( 'menu:arrowleft', evt => {\n\t\t\tcycleTopLevelMenus( evt.source as MenuBarMenuView, isContentRTL ? 1 : -1 );\n\t\t} );\n\n\t\tfunction cycleTopLevelMenus( currentMenuView: MenuBarMenuView, step: number ) {\n\t\t\tconst currentIndex = menuBarView.children.getIndex( currentMenuView );\n\t\t\tconst isCurrentMenuViewOpen = currentMenuView.isOpen;\n\t\t\tconst menusCount = menuBarView.children.length;\n\t\t\tconst menuViewToOpen = menuBarView.children.get( ( currentIndex + menusCount + step ) % menusCount )!;\n\n\t\t\tcurrentMenuView.isOpen = false;\n\n\t\t\tif ( isCurrentMenuViewOpen ) {\n\t\t\t\tmenuViewToOpen.isOpen = true;\n\t\t\t}\n\n\t\t\tmenuViewToOpen.buttonView.focus();\n\t\t}\n\t},\n\n\t/**\n\t * Closes the entire sub-menu structure when the bar is closed. This prevents sub-menus from being open if the user\n\t * closes the entire bar, and then re-opens some top-level menu.\n\t */\n\tcloseMenusWhenTheBarCloses( menuBarView: MenuBarView ): void {\n\t\tmenuBarView.on<ObservableChangeEvent<boolean>>( 'change:isOpen', () => {\n\t\t\tif ( !menuBarView.isOpen ) {\n\t\t\t\tmenuBarView.menus.forEach( menuView => {\n\t\t\t\t\tmenuView.isOpen = false;\n\n\t\t\t\t\t// @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] closeMenusWhenTheBarCloses(): Closing', logMenu( menuView ) );\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t},\n\n\t/**\n\t * Handles the following case:\n\t * 1. Hover to open a sub-menu (A). The button has focus.\n\t * 2. Press arrow up/down to move focus to another sub-menu (B) button.\n\t * 3. Press arrow right to open the sub-menu (B).\n\t * 4. The sub-menu (A) should close as it would with `toggleMenusAndFocusItemsOnHover()`.\n\t */\n\tcloseMenuWhenAnotherOnTheSameLevelOpens( menuBarView: MenuBarView ): void {\n\t\tmenuBarView.on<MenuBarMenuChangeIsOpenEvent>( 'menu:change:isOpen', ( evt, name, isOpen ) => {\n\t\t\tif ( isOpen ) {\n\t\t\t\tmenuBarView.menus\n\t\t\t\t\t.filter( menuView => {\n\t\t\t\t\t\treturn ( evt.source as any ).parentMenuView === menuView.parentMenuView &&\n\t\t\t\t\t\t\tevt.source !== menuView &&\n\t\t\t\t\t\t\tmenuView.isOpen;\n\t\t\t\t\t} ).forEach( menuView => {\n\t\t\t\t\t\tmenuView.isOpen = false;\n\n\t\t\t\t\t\t// @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] closeMenuWhenAnotherOpens(): Closing', logMenu( menuView ) );\n\t\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t},\n\n\t/**\n\t * Closes the bar when the user clicked outside of it (page body, editor root, etc.).\n\t */\n\tcloseOnClickOutside( menuBarView: MenuBarView ): void {\n\t\tclickOutsideHandler( {\n\t\t\temitter: menuBarView,\n\t\t\tactivator: () => menuBarView.isOpen,\n\t\t\tcallback: () => menuBarView.close(),\n\t\t\tcontextElements: () => menuBarView.children.map( child => child.element! )\n\t\t} );\n\t},\n\n\t/**\n\t * Tracks the keyboard focus interaction on the menu bar view. It is used to determine if the nested items\n\t * of the menu bar should render focus rings after first interaction with the keyboard.\n\t */\n\tenableFocusHighlightOnInteraction( menuBarView: MenuBarView ): void {\n\t\tlet isKeyPressed: boolean = false;\n\n\t\tmenuBarView.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( _, evt, isOpen ) => {\n\t\t\tif ( !isOpen ) {\n\t\t\t\t// Keep the focus border if the menu bar was closed by a keyboard interaction (Esc key).\n\t\t\t\t// The user remains in the keyboard navigation mode and can traverse the main categories.\n\t\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/16719.\n\t\t\t\tif ( !isKeyPressed ) {\n\t\t\t\t\tmenuBarView.isFocusBorderEnabled = false;\n\t\t\t\t}\n\n\t\t\t\t// Reset the flag when the menu bar is closed, menu items tend to intercept `keyup` event\n\t\t\t\t// and sometimes, after pressing `enter` on focused item, `isKeyPressed` stuck in `true` state.\n\t\t\t\tisKeyPressed = false;\n\t\t\t}\n\t\t} );\n\n\t\tmenuBarView.listenTo( menuBarView.element!, 'keydown', () => {\n\t\t\tisKeyPressed = true;\n\t\t}, { useCapture: true } );\n\n\t\tmenuBarView.listenTo( menuBarView.element!, 'keyup', () => {\n\t\t\tisKeyPressed = false;\n\t\t}, { useCapture: true } );\n\n\t\tmenuBarView.listenTo( menuBarView.element!, 'focus', () => {\n\t\t\tif ( isKeyPressed ) {\n\t\t\t\tmenuBarView.isFocusBorderEnabled = true;\n\t\t\t}\n\t\t}, { useCapture: true } );\n\t}\n};\n\n/**\n * Behaviors of the {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} component.\n * @internal\n */\nexport const MenuBarMenuBehaviors = {\n\t/**\n\t * If the button of the menu is focused, pressing the arrow down key should open the panel and focus it.\n\t * This is analogous to the {@link module:ui/dropdown/dropdownview~DropdownView}.\n\t */\n\topenAndFocusPanelOnArrowDownKey( menuView: MenuBarMenuView ): void {\n\t\tmenuView.keystrokes.set( 'arrowdown', ( data, cancel ) => {\n\t\t\tif ( menuView.isEnabled && menuView.focusTracker.focusedElement === menuView.buttonView.element ) {\n\t\t\t\tif ( !menuView.isOpen ) {\n\t\t\t\t\tmenuView.isOpen = true;\n\t\t\t\t}\n\n\t\t\t\tmenuView.panelView.focus();\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\t},\n\n\t/**\n\t * Open the menu on the right arrow key press. This allows for navigating to sub-menus using the keyboard.\n\t */\n\topenOnArrowRightKey( menuView: MenuBarMenuView ): void {\n\t\tconst keystroke = menuView.locale!.uiLanguageDirection === 'rtl' ? 'arrowleft' : 'arrowright';\n\n\t\tmenuView.keystrokes.set( keystroke, ( data, cancel ) => {\n\t\t\tif ( menuView.focusTracker.focusedElement !== menuView.buttonView.element || !menuView.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] openOnArrowRightKey(): Opening', logMenu( menuView ) );\n\n\t\t\tif ( !menuView.isOpen ) {\n\t\t\t\tmenuView.isOpen = true;\n\t\t\t}\n\n\t\t\tmenuView.panelView.focus();\n\t\t\tcancel();\n\t\t} );\n\t},\n\n\t/**\n\t * Opens the menu on its button click. Note that this behavior only opens but never closes the menu (unlike\n\t * {@link module:ui/dropdown/dropdownview~DropdownView}).\n\t */\n\topenOnButtonClick( menuView: MenuBarMenuView ): void {\n\t\tmenuView.buttonView.on<ButtonExecuteEvent>( 'execute', () => {\n\t\t\tmenuView.isOpen = true;\n\t\t} );\n\t},\n\n\t/**\n\t * Toggles the menu on its button click. This behavior is analogous to {@link module:ui/dropdown/dropdownview~DropdownView}.\n\t */\n\ttoggleOnButtonClick( menuView: MenuBarMenuView ): void {\n\t\tmenuView.buttonView.on<ButtonExecuteEvent>( 'execute', () => {\n\t\t\tmenuView.isOpen = !menuView.isOpen;\n\t\t} );\n\t},\n\n\t/**\n\t * Opens the menu and focuses the panel content upon pressing the Enter key.\n\t */\n\topenAndFocusOnEnterKeyPress( menuView: MenuBarMenuView ): void {\n\t\tmenuView.keystrokes.set( 'enter', ( data, cancel ) => {\n\t\t\t// Engage only for Enter key press when the button is focused. The panel can contain\n\t\t\t// other UI components and features that rely on the Enter key press.\n\t\t\tif ( menuView.focusTracker.focusedElement !== menuView.buttonView.element ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tmenuView.isOpen = true;\n\t\t\tmenuView.panelView.focus();\n\t\t\tcancel();\n\t\t} );\n\t},\n\n\t/**\n\t * Closes the menu on the right left key press. This allows for navigating to sub-menus using the keyboard.\n\t */\n\tcloseOnArrowLeftKey( menuView: MenuBarMenuView ): void {\n\t\tconst keystroke = menuView.locale!.uiLanguageDirection === 'rtl' ? 'arrowright' : 'arrowleft';\n\n\t\tmenuView.keystrokes.set( keystroke, ( data, cancel ) => {\n\t\t\tif ( menuView.isOpen ) {\n\t\t\t\tmenuView.isOpen = false;\n\t\t\t\tmenuView.focus();\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\t},\n\n\t/**\n\t * Closes the menu on the esc key press. This allows for navigating to sub-menus using the keyboard.\n\t */\n\tcloseOnEscKey( menuView: MenuBarMenuView ): void {\n\t\tmenuView.keystrokes.set( 'esc', ( data, cancel ) => {\n\t\t\tif ( menuView.isOpen ) {\n\t\t\t\tmenuView.isOpen = false;\n\t\t\t\tmenuView.focus();\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\t},\n\n\t/**\n\t * Closes the menu when its parent menu also closed. This prevents from orphaned open menus when the parent menu re-opens.\n\t */\n\tcloseOnParentClose( menuView: MenuBarMenuView ): void {\n\t\tmenuView.parentMenuView!.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( evt, name, isOpen ) => {\n\t\t\tif ( !isOpen && evt.source === menuView.parentMenuView ) {\n\t\t\t\t// @if CK_DEBUG_MENU_BAR // console.log( '[BEHAVIOR] closeOnParentClose(): Closing', logMenu( menuView ) );\n\n\t\t\t\tmenuView.isOpen = false;\n\t\t\t}\n\t\t} );\n\t}\n};\n\n// @if CK_DEBUG_MENU_BAR // function logMenu( menuView: MenuBarMenuView ) {\n// @if CK_DEBUG_MENU_BAR //\treturn `\"${ menuView.buttonView.label }\"`;\n// @if CK_DEBUG_MENU_BAR // }\n\n/**\n * Contains every positioning function used by {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} that decides where the\n * {@link module:ui/menubar/menubarmenuview~MenuBarMenuView#panelView} should be placed.\n *\n * Top-level menu positioning functions:\n *\n *\t┌──────┐\n *\t│      │\n *\t├──────┴────────┐\n *\t│               │\n *\t│               │\n *\t│               │\n *\t│            SE │\n *\t└───────────────┘\n *\n *\t         ┌──────┐\n *\t         │      │\n *\t┌────────┴──────┤\n *\t│               │\n *\t│               │\n *\t│               │\n *\t│ SW            │\n *\t└───────────────┘\n *\n *\t┌───────────────┐\n *\t│ NW            │\n *\t│               │\n *\t│               │\n *\t│               │\n *\t└────────┬──────┤\n *\t         │      │\n *\t         └──────┘\n *\n *\t┌───────────────┐\n *\t│            NE │\n *\t│               │\n *\t│               │\n *\t│               │\n *\t├──────┬────────┘\n *\t│      │\n *\t└──────┘\n *\n * Sub-menu positioning functions:\n *\n *\t┌──────┬───────────────┐\n *\t│      │               │\n *\t└──────┤               │\n *\t       │               │\n *\t       │            ES │\n *\t       └───────────────┘\n *\n *\t┌───────────────┬──────┐\n *\t│               │      │\n *\t│               ├──────┘\n *\t│               │\n *\t│ WS            │\n *\t└───────────────┘\n *\n *\t       ┌───────────────┐\n *\t       │            EN │\n *\t       │               │\n *\t┌──────┤               │\n *\t│      │               │\n *\t└──────┴───────────────┘\n *\n *\t┌───────────────┐\n *\t│ WN            │\n *\t│               │\n *\t│               ├──────┐\n *\t│               │      │\n *\t└───────────────┴──────┘\n */\n/**\n * @internal\n */\nexport const MenuBarMenuViewPanelPositioningFunctions: Record<string, PositioningFunction> = {\n\tsouthEast: buttonRect => {\n\t\treturn {\n\t\t\ttop: buttonRect.bottom,\n\t\t\tleft: buttonRect.left,\n\t\t\tname: 'se'\n\t\t};\n\t},\n\tsouthWest: ( buttonRect, panelRect ) => {\n\t\treturn {\n\t\t\ttop: buttonRect.bottom,\n\t\t\tleft: buttonRect.left - panelRect.width + buttonRect.width,\n\t\t\tname: 'sw'\n\t\t};\n\t},\n\tnorthEast: ( buttonRect, panelRect ) => {\n\t\treturn {\n\t\t\ttop: buttonRect.top - panelRect.height,\n\t\t\tleft: buttonRect.left,\n\t\t\tname: 'ne'\n\t\t};\n\t},\n\tnorthWest: ( buttonRect, panelRect ) => {\n\t\treturn {\n\t\t\ttop: buttonRect.top - panelRect.height,\n\t\t\tleft: buttonRect.left - panelRect.width + buttonRect.width,\n\t\t\tname: 'nw'\n\t\t};\n\t},\n\teastSouth: buttonRect => {\n\t\treturn {\n\t\t\ttop: buttonRect.top,\n\t\t\tleft: buttonRect.right - NESTED_PANEL_HORIZONTAL_OFFSET,\n\t\t\tname: 'es'\n\t\t};\n\t},\n\teastNorth: ( buttonRect, panelRect ) => {\n\t\treturn {\n\t\t\ttop: buttonRect.top - panelRect.height,\n\t\t\tleft: buttonRect.right - NESTED_PANEL_HORIZONTAL_OFFSET,\n\t\t\tname: 'en'\n\t\t};\n\t},\n\twestSouth: ( buttonRect, panelRect ) => {\n\t\treturn {\n\t\t\ttop: buttonRect.top,\n\t\t\tleft: buttonRect.left - panelRect.width + NESTED_PANEL_HORIZONTAL_OFFSET,\n\t\t\tname: 'ws'\n\t\t};\n\t},\n\twestNorth: ( buttonRect, panelRect ) => {\n\t\treturn {\n\t\t\ttop: buttonRect.top - panelRect.height,\n\t\t\tleft: buttonRect.left - panelRect.width + NESTED_PANEL_HORIZONTAL_OFFSET,\n\t\t\tname: 'wn'\n\t\t};\n\t}\n} as const;\n\n/**\n * The default items {@link module:core/editor/editorconfig~EditorConfig#menuBar configuration} of the\n * {@link module:ui/menubar/menubarview~MenuBarView} component. It contains names of all menu bar components\n * registered in the {@link module:ui/componentfactory~ComponentFactory component factory} (available in the project).\n *\n * **Note**: Menu bar component names provided by core editor features are prefixed with `menuBar:` in order to distinguish\n * them from components referenced by the {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar configuration}, for instance,\n * `'menuBar:bold'` is a menu bar button but `'bold'` is a toolbar button.\n *\n * Below is the preset menu bar structure (the default value of `config.menuBar.items` property):\n *\n * ```ts\n * [\n * \t{\n * \t\tmenuId: 'file',\n * \t\tlabel: 'File',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'export',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:exportPdf',\n * \t\t\t\t\t'menuBar:exportWord'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'import',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:importWord'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'revisionHistory',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:revisionHistory'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'edit',\n * \t\tlabel: 'Edit',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'undo',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:undo',\n * \t\t\t\t\t'menuBar:redo'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'selectAll',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:selectAll'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'findAndReplace',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:findAndReplace'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'view',\n * \t\tlabel: 'View',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'sourceEditingEnhanced',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:sourceEditingEnhanced'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'sourceEditing',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:sourceEditing'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'showBlocks',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:showBlocks'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'previewMergeFields',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:previewMergeFields'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'fullscreen',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:fullscreen'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'restrictedEditingException',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:restrictedEditingException'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'insert',\n * \t\tlabel: 'Insert',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'insertMainWidgets',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:insertImage',\n * \t\t\t\t\t'menuBar:ckbox',\n * \t\t\t\t\t'menuBar:ckfinder',\n * \t\t\t\t\t'menuBar:insertTable'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'insertInline',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:link',\n * \t\t\t\t\t'menuBar:insertFootnote',\n * \t\t\t\t\t'menuBar:bookmark',\n * \t\t\t\t\t'menuBar:comment',\n * \t\t\t\t\t'menuBar:insertMergeField',\n * \t\t\t\t\t'menuBar:emoji'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'insertMinorWidgets',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:mediaEmbed',\n * \t\t\t\t\t'menuBar:insertTemplate',\n * \t\t\t\t\t'menuBar:blockQuote',\n * \t\t\t\t\t'menuBar:codeBlock',\n * \t\t\t\t\t'menuBar:htmlEmbed'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'insertStructureWidgets',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:horizontalLine',\n * \t\t\t\t\t'menuBar:pageBreak',\n * \t\t\t\t\t'menuBar:tableOfContents'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'restrictedEditing',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:restrictedEditing'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'format',\n * \t\tlabel: 'Format',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'textAndFont',\n * \t\t\t\titems: [\n * \t\t\t\t\t{\n * \t\t\t\t\t\tmenuId: 'text',\n * \t\t\t\t\t\tlabel: 'Text',\n * \t\t\t\t\t\tgroups: [\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'basicStyles',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:bold',\n * \t\t\t\t\t\t\t\t\t'menuBar:italic',\n * \t\t\t\t\t\t\t\t\t'menuBar:underline',\n * \t\t\t\t\t\t\t\t\t'menuBar:strikethrough',\n * \t\t\t\t\t\t\t\t\t'menuBar:superscript',\n * \t\t\t\t\t\t\t\t\t'menuBar:subscript',\n * \t\t\t\t\t\t\t\t\t'menuBar:code'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t},\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'textPartLanguage',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:textPartLanguage'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t}\n * \t\t\t\t\t\t]\n * \t\t\t\t\t},\n * \t\t\t\t\t{\n * \t\t\t\t\t\tmenuId: 'font',\n * \t\t\t\t\t\tlabel: 'Font',\n * \t\t\t\t\t\tgroups: [\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'fontProperties',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:fontSize',\n * \t\t\t\t\t\t\t\t\t'menuBar:fontFamily'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t},\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'fontColors',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:fontColor',\n * \t\t\t\t\t\t\t\t\t'menuBar:fontBackgroundColor'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t},\n * \t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\tgroupId: 'highlight',\n * \t\t\t\t\t\t\t\titems: [\n * \t\t\t\t\t\t\t\t\t'menuBar:highlight'\n * \t\t\t\t\t\t\t\t]\n * \t\t\t\t\t\t\t}\n * \t\t\t\t\t\t]\n * \t\t\t\t\t},\n * \t\t\t\t\t'menuBar:heading'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'list',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:bulletedList',\n * \t\t\t\t\t'menuBar:numberedList',\n * \t\t\t\t\t'menuBar:multiLevelList',\n * \t\t\t\t\t'menuBar:todoList'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'indent',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:alignment',\n * \t\t\t\t\t'menuBar:lineHeight',\n * \t\t\t\t\t'menuBar:indent',\n * \t\t\t\t\t'menuBar:outdent'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'caseChange',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:caseChange'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'removeFormat',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:removeFormat'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'tools',\n * \t\tlabel: 'Tools',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'aiTools',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:aiAssistant',\n * \t\t\t\t\t'menuBar:aiCommands',\n * \t\t\t\t\t'menuBar:toggleAi',\n * \t\t\t\t\t'menuBar:aiQuickActions'\n * \t\t\t\t]\n * \t\t\t},\n * \t\t\t{\n * \t\t\t\tgroupId: 'tools',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:trackChanges',\n * \t\t\t\t\t'menuBar:commentsArchive'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t},\n * \t{\n * \t\tmenuId: 'help',\n * \t\tlabel: 'Help',\n * \t\tgroups: [\n * \t\t\t{\n * \t\t\t\tgroupId: 'help',\n * \t\t\t\titems: [\n * \t\t\t\t\t'menuBar:accessibilityHelp'\n * \t\t\t\t]\n * \t\t\t}\n * \t\t]\n * \t}\n * ];\n * ```\n *\n * The menu bar can be customized using the `config.menuBar.removeItems` and `config.menuBar.addItems` properties.\n */\n// **NOTE: Whenever you make changes to this value, reflect it in the documentation above!**\nexport const DefaultMenuBarItems: MenuBarConfigObject[ 'items' ] = [\n\t{\n\t\tmenuId: 'file',\n\t\tlabel: 'File',\n\t\tgroups: [\n\t\t\t{\n\t\t\t\tgroupId: 'export',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:exportPdf',\n\t\t\t\t\t'menuBar:exportWord'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'import',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:importWord'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'revisionHistory',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:revisionHistory'\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\tmenuId: 'edit',\n\t\tlabel: 'Edit',\n\t\tgroups: [\n\t\t\t{\n\t\t\t\tgroupId: 'undo',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:undo',\n\t\t\t\t\t'menuBar:redo'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'selectAll',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:selectAll'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'findAndReplace',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:findAndReplace'\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\tmenuId: 'view',\n\t\tlabel: 'View',\n\t\tgroups: [\n\t\t\t{\n\t\t\t\tgroupId: 'sourceEditingEnhanced',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:sourceEditingEnhanced'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'sourceEditing',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:sourceEditing'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'showBlocks',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:showBlocks'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'previewMergeFields',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:previewMergeFields'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'fullscreen',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:fullscreen'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'restrictedEditing',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:restrictedEditing'\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\tmenuId: 'insert',\n\t\tlabel: 'Insert',\n\t\tgroups: [\n\t\t\t{\n\t\t\t\tgroupId: 'insertMainWidgets',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:insertImage',\n\t\t\t\t\t'menuBar:ckbox',\n\t\t\t\t\t'menuBar:ckfinder',\n\t\t\t\t\t'menuBar:insertTable',\n\t\t\t\t\t'menuBar:insertTableLayout'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'insertInline',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:link',\n\t\t\t\t\t'menuBar:insertFootnote',\n\t\t\t\t\t'menuBar:bookmark',\n\t\t\t\t\t'menuBar:comment',\n\t\t\t\t\t'menuBar:insertMergeField',\n\t\t\t\t\t'menuBar:emoji'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'insertMinorWidgets',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:mediaEmbed',\n\t\t\t\t\t'menuBar:insertTemplate',\n\t\t\t\t\t'menuBar:specialCharacters',\n\t\t\t\t\t'menuBar:blockQuote',\n\t\t\t\t\t'menuBar:codeBlock',\n\t\t\t\t\t'menuBar:htmlEmbed'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'insertStructureWidgets',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:horizontalLine',\n\t\t\t\t\t'menuBar:pageBreak',\n\t\t\t\t\t'menuBar:tableOfContents'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'restrictedEditingException',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:restrictedEditingException:inline',\n\t\t\t\t\t'menuBar:restrictedEditingException:block'\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\tmenuId: 'format',\n\t\tlabel: 'Format',\n\t\tgroups: [\n\t\t\t{\n\t\t\t\tgroupId: 'textAndFont',\n\t\t\t\titems: [\n\t\t\t\t\t{\n\t\t\t\t\t\tmenuId: 'text',\n\t\t\t\t\t\tlabel: 'Text',\n\t\t\t\t\t\tgroups: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tgroupId: 'basicStyles',\n\t\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t\t'menuBar:bold',\n\t\t\t\t\t\t\t\t\t'menuBar:italic',\n\t\t\t\t\t\t\t\t\t'menuBar:underline',\n\t\t\t\t\t\t\t\t\t'menuBar:strikethrough',\n\t\t\t\t\t\t\t\t\t'menuBar:superscript',\n\t\t\t\t\t\t\t\t\t'menuBar:subscript',\n\t\t\t\t\t\t\t\t\t'menuBar:code'\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tgroupId: 'textPartLanguage',\n\t\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t\t'menuBar:textPartLanguage'\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tmenuId: 'font',\n\t\t\t\t\t\tlabel: 'Font',\n\t\t\t\t\t\tgroups: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tgroupId: 'fontProperties',\n\t\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t\t'menuBar:fontSize',\n\t\t\t\t\t\t\t\t\t'menuBar:fontFamily'\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tgroupId: 'fontColors',\n\t\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t\t'menuBar:fontColor',\n\t\t\t\t\t\t\t\t\t'menuBar:fontBackgroundColor'\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tgroupId: 'highlight',\n\t\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t\t'menuBar:highlight'\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\t'menuBar:heading'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'list',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:bulletedList',\n\t\t\t\t\t'menuBar:numberedList',\n\t\t\t\t\t'menuBar:multiLevelList',\n\t\t\t\t\t'menuBar:todoList'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'indent',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:alignment',\n\t\t\t\t\t'menuBar:lineHeight',\n\t\t\t\t\t'menuBar:indent',\n\t\t\t\t\t'menuBar:outdent'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'caseChange',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:caseChange'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'removeFormat',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:removeFormat'\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\tmenuId: 'tools',\n\t\tlabel: 'Tools',\n\t\tgroups: [\n\t\t\t{\n\t\t\t\tgroupId: 'aiTools',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:aiAssistant',\n\t\t\t\t\t'menuBar:aiCommands',\n\t\t\t\t\t'menuBar:toggleAi',\n\t\t\t\t\t'menuBar:aiQuickActions'\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tgroupId: 'tools',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:trackChanges',\n\t\t\t\t\t'menuBar:commentsArchive'\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\tmenuId: 'help',\n\t\tlabel: 'Help',\n\t\tgroups: [\n\t\t\t{\n\t\t\t\tgroupId: 'help',\n\t\t\t\titems: [\n\t\t\t\t\t'menuBar:accessibilityHelp'\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t}\n];\n\n/**\n * Performs a cleanup and normalization of the menu bar configuration.\n */\nexport function normalizeMenuBarConfig( config: Readonly<MenuBarConfig> ): NormalizedMenuBarConfigObject {\n\tlet configObject: NormalizedMenuBarConfigObject;\n\n\t// The integrator specified the config as an object but without items. Let's give them defaults but respect their\n\t// additions and removals.\n\tif ( !( 'items' in config ) || !config.items ) {\n\t\tconfigObject = {\n\t\t\titems: cloneDeep( DefaultMenuBarItems ) as Array<MenuBarMenuDefinition>,\n\t\t\taddItems: [],\n\t\t\tremoveItems: [],\n\t\t\tisVisible: true,\n\t\t\tisUsingDefaultConfig: true,\n\t\t\t...config\n\t\t};\n\t}\n\t// The integrator specified the config as an object and there are items there. Let's take it as it is.\n\telse {\n\t\tconfigObject = {\n\t\t\titems: config.items,\n\t\t\tremoveItems: [],\n\t\t\taddItems: [],\n\t\t\tisVisible: true,\n\t\t\tisUsingDefaultConfig: false,\n\t\t\t...config\n\t\t};\n\t}\n\n\treturn configObject;\n}\n\n/**\n * Processes a normalized menu bar config and returns a config clone with the following modifications:\n *\n * * Removed components that are not available in the component factory,\n * * Removed obsolete separators,\n * * Purged empty menus,\n * * Localized top-level menu labels.\n * @internal\n */\nexport function processMenuBarConfig( {\n\tnormalizedConfig,\n\tlocale,\n\tcomponentFactory,\n\textraItems\n}: {\n\tnormalizedConfig: NormalizedMenuBarConfigObject;\n\tlocale: Locale;\n\tcomponentFactory: ComponentFactory;\n\textraItems: Array<MenuBarConfigAddedItem | MenuBarConfigAddedGroup | MenuBarConfigAddedMenu>;\n} ): NormalizedMenuBarConfigObject {\n\tconst configClone = cloneDeep( normalizedConfig ) as NormalizedMenuBarConfigObject;\n\n\thandleAdditions( normalizedConfig, configClone, extraItems );\n\thandleRemovals( normalizedConfig, configClone );\n\thandleAdditions( normalizedConfig, configClone, configClone.addItems );\n\tpurgeUnavailableComponents( normalizedConfig, configClone, componentFactory );\n\tpurgeEmptyMenus( normalizedConfig, configClone );\n\tlocalizeMenuLabels( configClone, locale );\n\n\treturn configClone;\n}\n\n/**\n * Removes items from the menu bar config based on user `removeItems` configuration. Users can remove\n * individual items, groups, or entire menus. For each removed item, a warning is logged if the item\n * was not found in the configuration.\n */\nfunction handleRemovals(\n\toriginalConfig: NormalizedMenuBarConfigObject,\n\tconfig: NormalizedMenuBarConfigObject\n) {\n\tconst itemsToBeRemoved = config.removeItems;\n\tconst successfullyRemovedItems: Array<string> = [];\n\n\t// Remove top-level menus.\n\tconfig.items = config.items.filter( ( { menuId } ) => {\n\t\tif ( itemsToBeRemoved.includes( menuId ) ) {\n\t\t\tsuccessfullyRemovedItems.push( menuId );\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} );\n\n\twalkConfigMenus( config.items, menuDefinition => {\n\t\t// Remove groups from menus.\n\t\tmenuDefinition.groups = menuDefinition.groups.filter( ( { groupId } ) => {\n\t\t\tif ( itemsToBeRemoved.includes( groupId ) ) {\n\t\t\t\tsuccessfullyRemovedItems.push( groupId );\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn true;\n\t\t} );\n\n\t\t// Remove sub-menus and items from groups.\n\t\tfor ( const groupDefinition of menuDefinition.groups ) {\n\t\t\tgroupDefinition.items = groupDefinition.items.filter( item => {\n\t\t\t\tconst itemId = getIdFromGroupItem( item );\n\n\t\t\t\tif ( itemsToBeRemoved.includes( itemId ) ) {\n\t\t\t\t\tsuccessfullyRemovedItems.push( itemId );\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn true;\n\t\t\t} );\n\t\t}\n\t} );\n\n\tfor ( const itemName of itemsToBeRemoved ) {\n\t\tif ( !successfullyRemovedItems.includes( itemName ) ) {\n\t\t\t/**\n\t\t\t * There was a problem processing the configuration of the menu bar. The item with the given\n\t\t\t * name does could not be removed from the menu bar configuration.\n\t\t\t *\n\t\t\t * This warning usually shows up when the {@link module:core/plugin~Plugin} which is supposed\n\t\t\t * to provide a menu bar item has not been loaded or there is a typo in the\n\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar configuration}.\n\t\t\t *\n\t\t\t * @error menu-bar-item-could-not-be-removed\n\t\t\t * @param menuBarConfig The full configuration of the menu bar.\n\t\t\t * @param itemName The name of the item that was not removed from the menu bar.\n\t\t\t */\n\t\t\tlogWarning( 'menu-bar-item-could-not-be-removed', {\n\t\t\t\tmenuBarConfig: originalConfig,\n\t\t\t\titemName\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * Adds provided items to config. It allows for adding menus, groups, and items at arbitrary\n * positions in the menu bar. If the position does not exist, a warning is logged.\n */\nfunction handleAdditions(\n\toriginalConfig: NormalizedMenuBarConfigObject,\n\tconfig: NormalizedMenuBarConfigObject,\n\titems: Array<MenuBarConfigAddedItem | MenuBarConfigAddedGroup | MenuBarConfigAddedMenu>\n) {\n\tconst successFullyAddedItems: typeof items = [];\n\n\tif ( items.length == 0 ) {\n\t\treturn;\n\t}\n\n\tfor ( const itemToAdd of items ) {\n\t\tconst relation = getRelationFromPosition( itemToAdd.position );\n\t\tconst relativeId = getRelativeIdFromPosition( itemToAdd.position );\n\n\t\t// Adding a menu.\n\t\tif ( isMenuBarMenuAddition( itemToAdd ) ) {\n\t\t\tif ( !relativeId ) {\n\t\t\t\t// Adding a top-level menu at the beginning of the menu bar.\n\t\t\t\tif ( relation === 'start' ) {\n\t\t\t\t\tconfig.items.unshift( itemToAdd.menu );\n\t\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t\t}\n\t\t\t\t// Adding a top-level menu at the end of the menu bar.\n\t\t\t\telse if ( relation === 'end' ) {\n\t\t\t\t\tconfig.items.push( itemToAdd.menu );\n\t\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst topLevelMenuDefinitionIndex = config.items.findIndex( menuDefinition => menuDefinition.menuId === relativeId );\n\n\t\t\t\t// Adding a top-level menu somewhere between existing menu bar menus.\n\t\t\t\tif ( topLevelMenuDefinitionIndex != -1 ) {\n\t\t\t\t\tif ( relation === 'before' ) {\n\t\t\t\t\t\tconfig.items.splice( topLevelMenuDefinitionIndex, 0, itemToAdd.menu );\n\t\t\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t\t\t} else if ( relation === 'after' ) {\n\t\t\t\t\t\tconfig.items.splice( topLevelMenuDefinitionIndex + 1, 0, itemToAdd.menu );\n\t\t\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// Adding a sub-menu to an existing items group.\n\t\t\t\telse {\n\t\t\t\t\tconst wasAdded = addMenuOrItemToGroup( config, itemToAdd.menu, relativeId, relation );\n\n\t\t\t\t\tif ( wasAdded ) {\n\t\t\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t// Adding a group.\n\t\telse if ( isMenuBarMenuGroupAddition( itemToAdd ) ) {\n\t\t\twalkConfigMenus( config.items, menuDefinition => {\n\t\t\t\tif ( menuDefinition.menuId === relativeId ) {\n\t\t\t\t\t// Add a group at the start of a menu.\n\t\t\t\t\tif ( relation === 'start' ) {\n\t\t\t\t\t\tmenuDefinition.groups.unshift( itemToAdd.group );\n\t\t\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t\t\t}\n\t\t\t\t\t// Add a group at the end of a menu.\n\t\t\t\t\telse if ( relation === 'end' ) {\n\t\t\t\t\t\tmenuDefinition.groups.push( itemToAdd.group );\n\t\t\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tconst relativeGroupIndex = menuDefinition.groups.findIndex( group => group.groupId === relativeId );\n\n\t\t\t\t\tif ( relativeGroupIndex !== -1 ) {\n\t\t\t\t\t\t// Add a group before an existing group in a menu.\n\t\t\t\t\t\tif ( relation === 'before' ) {\n\t\t\t\t\t\t\tmenuDefinition.groups.splice( relativeGroupIndex, 0, itemToAdd.group );\n\t\t\t\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// Add a group after an existing group in a menu.\n\t\t\t\t\t\telse if ( relation === 'after' ) {\n\t\t\t\t\t\t\tmenuDefinition.groups.splice( relativeGroupIndex + 1, 0, itemToAdd.group );\n\t\t\t\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t\t// Adding an item to an existing items group.\n\t\telse {\n\t\t\tconst wasAdded = addMenuOrItemToGroup( config, itemToAdd.item, relativeId, relation );\n\n\t\t\tif ( wasAdded ) {\n\t\t\t\tsuccessFullyAddedItems.push( itemToAdd );\n\t\t\t}\n\t\t}\n\t}\n\n\tfor ( const addedItemConfig of items ) {\n\t\tif ( !successFullyAddedItems.includes( addedItemConfig ) ) {\n\t\t\t/**\n\t\t\t * There was a problem processing the configuration of the menu bar. The configured item could not be added\n\t\t\t * because the position it was supposed to be added to does not exist.\n\t\t\t *\n\t\t\t * This warning usually shows up when the {@link module:core/plugin~Plugin} which is supposed\n\t\t\t * to provide a menu bar item has not been loaded or there is a typo in the\n\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar configuration}.\n\t\t\t *\n\t\t\t * @error menu-bar-item-could-not-be-removed\n\t\t\t * @param {object} menuBarConfig The full configuration of the menu bar.\n\t\t\t * @param {object} addedItemConfig The name of the item that was not removed from the menu bar.\n\t\t\t */\n\t\t\tlogWarning( 'menu-bar-item-could-not-be-added', {\n\t\t\t\tmenuBarConfig: originalConfig,\n\t\t\t\taddedItemConfig\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * Handles adding a sub-menu or an item into a group. The logic is the same for both cases.\n */\nfunction addMenuOrItemToGroup(\n\tconfig: NormalizedMenuBarConfigObject,\n\titemOrMenuToAdd: string | MenuBarMenuDefinition,\n\trelativeId: string | null,\n\trelation: 'start' | 'end' | 'before' | 'after'\n): boolean {\n\tlet wasAdded = false;\n\n\twalkConfigMenus( config.items, menuDefinition => {\n\t\tfor ( const { groupId, items: groupItems } of menuDefinition.groups ) {\n\t\t\t// Avoid infinite loops.\n\t\t\tif ( wasAdded ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( groupId === relativeId ) {\n\t\t\t\t// Adding an item/menu at the beginning of a group.\n\t\t\t\tif ( relation === 'start' ) {\n\t\t\t\t\tgroupItems.unshift( itemOrMenuToAdd );\n\t\t\t\t\twasAdded = true;\n\t\t\t\t}\n\t\t\t\t// Adding an item/menu at the end of a group.\n\t\t\t\telse if ( relation === 'end' ) {\n\t\t\t\t\tgroupItems.push( itemOrMenuToAdd );\n\t\t\t\t\twasAdded = true;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Adding an item/menu relative to an existing item/menu.\n\t\t\t\tconst relativeItemIndex = groupItems.findIndex( groupItem => {\n\t\t\t\t\treturn getIdFromGroupItem( groupItem ) === relativeId;\n\t\t\t\t} );\n\n\t\t\t\tif ( relativeItemIndex !== -1 ) {\n\t\t\t\t\tif ( relation === 'before' ) {\n\t\t\t\t\t\tgroupItems.splice( relativeItemIndex, 0, itemOrMenuToAdd );\n\t\t\t\t\t\twasAdded = true;\n\t\t\t\t\t} else if ( relation === 'after' ) {\n\t\t\t\t\t\tgroupItems.splice( relativeItemIndex + 1, 0, itemOrMenuToAdd );\n\t\t\t\t\t\twasAdded = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} );\n\n\treturn wasAdded;\n}\n\n/**\n * Removes components from the menu bar configuration that are not available in the factory and would\n * not be instantiated. Warns about missing components if the menu bar configuration was specified by the user.\n */\nfunction purgeUnavailableComponents(\n\toriginalConfig: NormalizedMenuBarConfigObject,\n\tconfig: NormalizedMenuBarConfigObject,\n\tcomponentFactory: ComponentFactory\n) {\n\twalkConfigMenus( config.items, menuDefinition => {\n\t\tfor ( const groupDefinition of menuDefinition.groups ) {\n\t\t\tgroupDefinition.items = groupDefinition.items.filter( item => {\n\t\t\t\tconst isItemUnavailable = typeof item === 'string' && !componentFactory.has( item );\n\n\t\t\t\t// The default configuration contains all possible editor features. But integrators' editors rarely load\n\t\t\t\t// every possible feature. This is why we do not want to log warnings about unavailable items for the default config\n\t\t\t\t// because they would show up in almost every integration. If the configuration has been provided by\n\t\t\t\t// the integrator, on the other hand, then these warnings bring value.\n\t\t\t\tif ( isItemUnavailable && !config.isUsingDefaultConfig ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * There was a problem processing the configuration of the menu bar. The item with the given\n\t\t\t\t\t * name does not exist so it was omitted when rendering the menu bar.\n\t\t\t\t\t *\n\t\t\t\t\t * This warning usually shows up when the {@link module:core/plugin~Plugin} which is supposed\n\t\t\t\t\t * to provide a menu bar item has not been loaded or there is a typo in the\n\t\t\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar configuration}.\n\t\t\t\t\t *\n\t\t\t\t\t * Make sure the plugin responsible for this menu bar item is loaded and the menu bar configuration\n\t\t\t\t\t * is correct, e.g. {@link module:basic-styles/bold/boldui~BoldUI} is loaded for the `'menuBar:bold'`\n\t\t\t\t\t * menu bar item.\n\t\t\t\t\t *\n\t\t\t\t\t * @error menu-bar-item-unavailable\n\t\t\t\t\t * @param {object} menuBarConfig The full configuration of the menu bar.\n\t\t\t\t\t * @param {object} parentMenuConfig The config of the menu the unavailable component was defined in.\n\t\t\t\t\t * @param {string} componentName The name of the unavailable component.\n\t\t\t\t\t */\n\t\t\t\t\tlogWarning( 'menu-bar-item-unavailable', {\n\t\t\t\t\t\tmenuBarConfig: originalConfig,\n\t\t\t\t\t\tparentMenuConfig: cloneDeep( menuDefinition ),\n\t\t\t\t\t\tcomponentName: item\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\treturn !isItemUnavailable;\n\t\t\t} );\n\t\t}\n\t} );\n}\n\n/**\n * Removes empty menus from the menu bar configuration to improve the visual UX. Such menus can occur\n * when some plugins responsible for providing menu bar items have not been loaded and some part of\n * the configuration populated menus using these components exclusively.\n */\nfunction purgeEmptyMenus(\n\toriginalConfig: NormalizedMenuBarConfigObject,\n\tconfig: NormalizedMenuBarConfigObject\n) {\n\tconst isUsingDefaultConfig = config.isUsingDefaultConfig;\n\tlet wasSubMenuPurged = false;\n\n\t// Purge top-level menus.\n\tconfig.items = config.items.filter( menuDefinition => {\n\t\tif ( !menuDefinition.groups.length ) {\n\t\t\twarnAboutEmptyMenu( originalConfig, menuDefinition, isUsingDefaultConfig );\n\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} );\n\n\t// Warn if there were no top-level menus left in the menu bar after purging.\n\tif ( !config.items.length ) {\n\t\twarnAboutEmptyMenu( originalConfig, originalConfig, isUsingDefaultConfig );\n\n\t\treturn;\n\t}\n\n\t// Purge sub-menus and groups.\n\twalkConfigMenus( config.items, menuDefinition => {\n\t\t// Get rid of empty groups.\n\t\tmenuDefinition.groups = menuDefinition.groups.filter( groupDefinition => {\n\t\t\tif ( !groupDefinition.items.length ) {\n\t\t\t\twasSubMenuPurged = true;\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn true;\n\t\t} );\n\n\t\t// Get rid of empty sub-menus.\n\t\tfor ( const groupDefinition of menuDefinition.groups ) {\n\t\t\tgroupDefinition.items = groupDefinition.items.filter( item => {\n\t\t\t\t// If no groups were left after removing empty ones.\n\t\t\t\tif ( isMenuDefinition( item ) && !item.groups.length ) {\n\t\t\t\t\twarnAboutEmptyMenu( originalConfig, item, isUsingDefaultConfig );\n\t\t\t\t\twasSubMenuPurged = true;\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn true;\n\t\t\t} );\n\t\t}\n\t} );\n\n\tif ( wasSubMenuPurged ) {\n\t\t// The config is walked from the root to the leaves so if anything gets removed, we need to re-run the\n\t\t// whole process because it could've affected parents.\n\t\tpurgeEmptyMenus( originalConfig, config );\n\t}\n}\n\nfunction warnAboutEmptyMenu(\n\toriginalConfig: NormalizedMenuBarConfigObject,\n\temptyMenuConfig: MenuBarMenuDefinition | NormalizedMenuBarConfigObject,\n\tisUsingDefaultConfig: boolean\n) {\n\tif ( isUsingDefaultConfig ) {\n\t\treturn;\n\t}\n\n\t/**\n\t * There was a problem processing the configuration of the menu bar. One of the menus\n\t * is empty so it was omitted when rendering the menu bar.\n\t *\n\t * This warning usually shows up when some {@link module:core/plugin~Plugin plugins} responsible for\n\t * providing menu bar items have not been loaded and the\n\t * {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar configuration} was not updated.\n\t *\n\t * Make sure all necessary editor plugins are loaded and/or update the menu bar configuration\n\t * to account for the missing menu items.\n\t *\n\t * @error menu-bar-menu-empty\n\t * @param {object} menuBarConfig The full configuration of the menu bar.\n\t * @param {object} emptyMenuConfig The definition of the menu that has no child items.\n\t */\n\tlogWarning( 'menu-bar-menu-empty', {\n\t\tmenuBarConfig: originalConfig,\n\t\temptyMenuConfig\n\t} );\n}\n\n/**\n * Localizes the user-config using pre-defined localized category labels.\n */\nfunction localizeMenuLabels( config: NormalizedMenuBarConfigObject, locale: Locale ) {\n\tconst t = locale.t;\n\tconst localizedCategoryLabels: Record<string, string> = {\n\t\t// Top-level categories.\n\t\t'File': t( {\n\t\t\tstring: 'File',\n\t\t\tid: 'MENU_BAR_MENU_FILE'\n\t\t} ),\n\t\t'Edit': t( {\n\t\t\tstring: 'Edit',\n\t\t\tid: 'MENU_BAR_MENU_EDIT'\n\t\t} ),\n\t\t'View': t( {\n\t\t\tstring: 'View',\n\t\t\tid: 'MENU_BAR_MENU_VIEW'\n\t\t} ),\n\t\t'Insert': t( {\n\t\t\tstring: 'Insert',\n\t\t\tid: 'MENU_BAR_MENU_INSERT'\n\t\t} ),\n\t\t'Format': t( {\n\t\t\tstring: 'Format',\n\t\t\tid: 'MENU_BAR_MENU_FORMAT'\n\t\t} ),\n\t\t'Tools': t( {\n\t\t\tstring: 'Tools',\n\t\t\tid: 'MENU_BAR_MENU_TOOLS'\n\t\t} ),\n\t\t'Help': t( {\n\t\t\tstring: 'Help',\n\t\t\tid: 'MENU_BAR_MENU_HELP'\n\t\t} ),\n\n\t\t// Sub-menus.\n\t\t'Text': t( {\n\t\t\tstring: 'Text',\n\t\t\tid: 'MENU_BAR_MENU_TEXT'\n\t\t} ),\n\t\t'Font': t( {\n\t\t\tstring: 'Font',\n\t\t\tid: 'MENU_BAR_MENU_FONT'\n\t\t} )\n\t};\n\n\twalkConfigMenus( config.items, definition => {\n\t\tif ( definition.label in localizedCategoryLabels ) {\n\t\t\tdefinition.label = localizedCategoryLabels[ definition.label ];\n\t\t}\n\t} );\n}\n\n/**\n * Recursively visits all menu definitions in the config and calls the callback for each of them.\n */\nfunction walkConfigMenus(\n\tdefinition: NormalizedMenuBarConfigObject[ 'items' ] | MenuBarMenuDefinition,\n\tcallback: ( definition: MenuBarMenuDefinition ) => void\n) {\n\tif ( Array.isArray( definition ) ) {\n\t\tfor ( const topLevelMenuDefinition of definition ) {\n\t\t\twalk( topLevelMenuDefinition );\n\t\t}\n\t}\n\n\tfunction walk( menuDefinition: MenuBarMenuDefinition ) {\n\t\tcallback( menuDefinition );\n\n\t\tfor ( const groupDefinition of menuDefinition.groups ) {\n\t\t\tfor ( const groupItem of groupDefinition.items ) {\n\t\t\t\tif ( isMenuDefinition( groupItem ) ) {\n\t\t\t\t\twalk( groupItem );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\nfunction isMenuBarMenuAddition( definition: any ): definition is MenuBarConfigAddedMenu {\n\treturn typeof definition === 'object' && 'menu' in definition;\n}\n\nfunction isMenuBarMenuGroupAddition( definition: any ): definition is MenuBarConfigAddedGroup {\n\treturn typeof definition === 'object' && 'group' in definition;\n}\n\nfunction getRelationFromPosition( position: MenuBarConfigAddedPosition ): 'start' | 'end' | 'before' | 'after' {\n\tif ( position.startsWith( 'start' ) ) {\n\t\treturn 'start';\n\t} else if ( position.startsWith( 'end' ) ) {\n\t\treturn 'end';\n\t} else if ( position.startsWith( 'after' ) ) {\n\t\treturn 'after';\n\t} else {\n\t\treturn 'before';\n\t}\n}\n\nfunction getRelativeIdFromPosition( position: MenuBarConfigAddedPosition ): string | null {\n\tconst match = position.match( /^[^:]+:(.+)/ );\n\n\tif ( match ) {\n\t\treturn match[ 1 ];\n\t}\n\n\treturn null;\n}\n\nfunction getIdFromGroupItem( item: string | MenuBarMenuDefinition ): string {\n\treturn typeof item === 'string' ? item : item.menuId;\n}\n\nfunction isMenuDefinition( definition: any ): definition is MenuBarMenuDefinition {\n\treturn typeof definition === 'object' && 'menuId' in definition;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editorui/editorui\n */\n\nimport { ComponentFactory } from '../componentfactory.js';\nimport { TooltipManager } from '../tooltipmanager.js';\nimport { PoweredBy } from './poweredby.js';\nimport { EvaluationBadge } from './evaluationbadge.js';\nimport { AriaLiveAnnouncer } from '../arialiveannouncer.js';\n\nimport { type EditorUIView } from './editoruiview.js';\nimport { type ToolbarView } from '../toolbar/toolbarview.js';\nimport type { View, UIViewRenderEvent } from '../view.js';\n\nimport {\n\tObservableMixin,\n\tDomEmitterMixin,\n\tglobal,\n\tisVisible,\n\tFocusTracker,\n\tgetVisualViewportOffset,\n\ttype EventInfo,\n\ttype CollectionAddEvent,\n\ttype CollectionRemoveEvent,\n\ttype ObservableSetEvent,\n\ttype DomEmitter\n} from '@ckeditor/ckeditor5-utils';\n\nimport type { Editor, ViewportOffsetConfig } from '@ckeditor/ckeditor5-core';\nimport type { ViewDocumentLayoutChangedEvent, ViewScrollToTheSelectionEvent } from '@ckeditor/ckeditor5-engine';\nimport type {\n\tMenuBarView,\n\tMenuBarConfigAddedGroup,\n\tMenuBarConfigAddedItem,\n\tMenuBarConfigAddedMenu\n} from '../menubar/menubarview.js';\nimport { normalizeMenuBarConfig } from '../menubar/utils.js';\n\n/**\n * A class providing the minimal interface that is required to successfully bootstrap any editor UI.\n */\nexport abstract class EditorUI extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * The editor that the UI belongs to.\n\t */\n\tpublic readonly editor: Editor;\n\n\t/**\n\t * An instance of the {@link module:ui/componentfactory~ComponentFactory}, a registry used by plugins\n\t * to register factories of specific UI components.\n\t */\n\tpublic readonly componentFactory: ComponentFactory;\n\n\t/**\n\t * Stores the information about the editor UI focus and propagates it so various plugins and components\n\t * are unified as a focus group.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * Manages the tooltips displayed on mouseover and focus across the UI.\n\t */\n\tpublic readonly tooltipManager: TooltipManager;\n\n\t/**\n\t * A helper that enables the \"powered by\" feature in the editor and renders a link to the project's webpage.\n\t */\n\tpublic readonly poweredBy: PoweredBy;\n\n\t/**\n\t * A helper that enables the \"evaluation badge\" feature in the editor.\n\t */\n\tpublic readonly evaluationBadge: EvaluationBadge;\n\n\t/**\n\t * A helper that manages the content of an `aria-live` regions used by editor features to announce status changes\n\t * to screen readers.\n\t */\n\tpublic readonly ariaLiveAnnouncer: AriaLiveAnnouncer;\n\n\t/**\n\t * Indicates the UI is ready. Set `true` after {@link #event:ready} event is fired.\n\t *\n\t * @readonly\n\t * @default false\n\t */\n\tpublic isReady: boolean = false;\n\n\tpublic abstract get view(): EditorUIView;\n\n\t/**\n\t * Stores viewport offsets from every direction.\n\t *\n\t * Viewport offset can be used to constrain balloons or other UI elements into an element smaller than the viewport.\n\t * This can be useful if there are any other absolutely positioned elements that may interfere with editor UI.\n\t *\n\t * Example `editor.ui.viewportOffset` returns:\n\t *\n\t * ```js\n\t * {\n\t * \ttop: 50,\n\t * \tright: 50,\n\t * \tbottom: 50,\n\t * \tleft: 50,\n\t * \tvisualTop: 50\n\t * }\n\t * ```\n\t *\n\t * This property can be overriden after editor already being initialized:\n\t *\n\t * ```js\n\t * editor.ui.viewportOffset = {\n\t * \ttop: 100,\n\t * \tright: 0,\n\t * \tbottom: 0,\n\t * \tleft: 0\n\t * };\n\t * ```\n\t *\n\t * @observable\n\t */\n\tpublic declare viewportOffset: ViewportOffset;\n\n\t/**\n\t * Stores all editable elements used by the editor instance.\n\t */\n\tprivate _editableElementsMap = new Map<string, HTMLElement>();\n\n\t/**\n\t * All available & focusable toolbars.\n\t */\n\tprivate _focusableToolbarDefinitions: Array<FocusableToolbarDefinition> = [];\n\n\t/**\n\t * All additional menu bar items, groups or menus that have their default location defined.\n\t */\n\tprivate _extraMenuBarElements: Array<MenuBarConfigAddedItem | MenuBarConfigAddedGroup | MenuBarConfigAddedMenu> = [];\n\n\t/**\n\t * The last focused element to which focus should return on `Esc` press.\n\t */\n\tprivate _lastFocusedForeignElement: HTMLElement | null = null;\n\n\t/**\n\t * The DOM emitter instance used for visual viewport watching.\n\t */\n\tprivate _domEmitter?: DomEmitter;\n\n\t/**\n\t * Creates an instance of the editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper();\n\n\t\tconst editingView = editor.editing.view;\n\n\t\tthis.editor = editor;\n\t\tthis.componentFactory = new ComponentFactory( editor );\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.tooltipManager = new TooltipManager( editor );\n\t\tthis.poweredBy = new PoweredBy( editor );\n\t\tthis.evaluationBadge = new EvaluationBadge( editor );\n\t\tthis.ariaLiveAnnouncer = new AriaLiveAnnouncer( editor );\n\n\t\tthis._initViewportOffset( this._readViewportOffsetFromConfig() );\n\n\t\tthis.once<EditorUIReadyEvent>( 'ready', () => {\n\t\t\tthis._bindBodyCollectionWithFocusTracker();\n\n\t\t\tthis.isReady = true;\n\t\t} );\n\n\t\t// Informs UI components that should be refreshed after layout change.\n\t\tthis.listenTo<ViewDocumentLayoutChangedEvent>( editingView.document, 'layoutChanged', this.update.bind( this ) );\n\t\tthis.listenTo<ViewScrollToTheSelectionEvent>( editingView, 'scrollToTheSelection', this._handleScrollToTheSelection.bind( this ) );\n\n\t\tthis._initFocusTracking();\n\t\tthis._initVisualViewportSupport();\n\t}\n\n\t/**\n\t * The main (outermost) DOM element of the editor UI.\n\t *\n\t * For example, in {@link module:editor-classic/classiceditor~ClassicEditor} it is a `<div>` which\n\t * wraps the editable element and the toolbar. In {@link module:editor-inline/inlineeditor~InlineEditor}\n\t * it is the editable element itself (as there is no other wrapper). However, in\n\t * {@link module:editor-decoupled/decouplededitor~DecoupledEditor} it is set to `null` because this editor does not\n\t * come with a single \"main\" HTML element (its editable element and toolbar are separate).\n\t *\n\t * This property can be understood as a shorthand for retrieving the element that a specific editor integration\n\t * considers to be its main DOM element.\n\t */\n\tpublic get element(): HTMLElement | null {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Fires the {@link module:ui/editorui/editorui~EditorUI#event:update `update`} event.\n\t *\n\t * This method should be called when the editor UI (e.g. positions of its balloons) needs to be updated due to\n\t * some environmental change which CKEditor 5 is not aware of (e.g. resize of a container in which it is used).\n\t */\n\tpublic update(): void {\n\t\tthis.fire<EditorUIUpdateEvent>( 'update' );\n\t}\n\n\t/**\n\t * Destroys the UI.\n\t */\n\tpublic destroy(): void {\n\t\tthis.stopListening();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.tooltipManager.destroy( this.editor );\n\t\tthis.poweredBy.destroy();\n\t\tthis.evaluationBadge.destroy();\n\n\t\t// Clean–up the references to the CKEditor instance stored in the native editable DOM elements.\n\t\tfor ( const domElement of this._editableElementsMap.values() ) {\n\t\t\t( domElement as any ).ckeditorInstance = null;\n\t\t\tthis.editor.keystrokes.stopListening( domElement );\n\t\t}\n\n\t\tthis._editableElementsMap = new Map();\n\t\tthis._focusableToolbarDefinitions = [];\n\n\t\tif ( this._domEmitter ) {\n\t\t\tthis._domEmitter.stopListening();\n\t\t}\n\t}\n\n\t/**\n\t * Stores the native DOM editable element used by the editor under a unique name.\n\t *\n\t * Also, registers the element in the editor to maintain the accessibility of the UI. When the user is editing text in a focusable\n\t * editable area, they can use the <kbd>Alt</kbd> + <kbd>F10</kbd> keystroke to navigate over editor toolbars. See {@link #addToolbar}.\n\t *\n\t * @param rootName The unique name of the editable element.\n\t * @param domElement The native DOM editable element.\n\t */\n\tpublic setEditableElement( rootName: string, domElement: HTMLElement ): void {\n\t\tthis._editableElementsMap.set( rootName, domElement );\n\n\t\t// Put a reference to the CKEditor instance in the editable native DOM element.\n\t\t// It helps 3rd–party software (browser extensions, other libraries) access and recognize\n\t\t// CKEditor 5 instances (editing roots) and use their API (there is no global editor\n\t\t// instance registry).\n\t\tif ( !( domElement as any ).ckeditorInstance ) {\n\t\t\t( domElement as any ).ckeditorInstance = this.editor;\n\t\t}\n\n\t\t// Register the element, so it becomes available for Alt+F10 and Esc navigation.\n\t\tthis.focusTracker.add( domElement );\n\n\t\tconst setUpKeystrokeHandler = () => {\n\t\t\t// The editing view of the editor is already listening to keystrokes from DOM roots (see: KeyObserver).\n\t\t\t// Do not duplicate listeners.\n\t\t\tif ( this.editor.editing.view.getDomRoot( rootName ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.editor.keystrokes.listenTo( domElement );\n\t\t};\n\n\t\t// For editable elements set by features after EditorUI is ready (e.g. source editing).\n\t\tif ( this.isReady ) {\n\t\t\tsetUpKeystrokeHandler();\n\t\t}\n\t\t// For editable elements set while the editor is being created (e.g. DOM roots).\n\t\telse {\n\t\t\tthis.once<EditorUIReadyEvent>( 'ready', setUpKeystrokeHandler );\n\t\t}\n\t}\n\n\t/**\n\t * Removes the editable from the editor UI. Removes all handlers added by {@link #setEditableElement}.\n\t *\n\t * @param rootName The name of the editable element to remove.\n\t */\n\tpublic removeEditableElement( rootName: string ): void {\n\t\tconst domElement = this._editableElementsMap.get( rootName );\n\n\t\tif ( !domElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._editableElementsMap.delete( rootName );\n\n\t\tthis.editor.keystrokes.stopListening( domElement );\n\t\tthis.focusTracker.remove( domElement );\n\n\t\t( domElement as any ).ckeditorInstance = null;\n\t}\n\n\t/**\n\t * Returns the editable editor element with the given name or null if editable does not exist.\n\t *\n\t * @param rootName The editable name.\n\t */\n\tpublic getEditableElement( rootName: string = 'main' ): HTMLElement | undefined {\n\t\treturn this._editableElementsMap.get( rootName );\n\t}\n\n\t/**\n\t * Returns array of names of all editor editable elements.\n\t */\n\tpublic getEditableElementsNames(): IterableIterator<string> {\n\t\treturn this._editableElementsMap.keys();\n\t}\n\n\t/**\n\t * Adds a toolbar to the editor UI. Used primarily to maintain the accessibility of the UI.\n\t *\n\t * Focusable toolbars can be accessed (focused) by users by pressing the <kbd>Alt</kbd> + <kbd>F10</kbd> keystroke.\n\t * Successive keystroke presses navigate over available toolbars.\n\t *\n\t * @param toolbarView A instance of the toolbar to be registered.\n\t */\n\tpublic addToolbar( toolbarView: ToolbarView, options: FocusableToolbarOptions = {} ): void {\n\t\tif ( toolbarView.isRendered ) {\n\t\t\tthis.focusTracker.add( toolbarView );\n\t\t\tthis.editor.keystrokes.listenTo( toolbarView.element! );\n\t\t} else {\n\t\t\ttoolbarView.once<UIViewRenderEvent>( 'render', () => {\n\t\t\t\tthis.focusTracker.add( toolbarView );\n\t\t\t\tthis.editor.keystrokes.listenTo( toolbarView.element! );\n\t\t\t} );\n\t\t}\n\n\t\tthis._focusableToolbarDefinitions.push( { toolbarView, options } );\n\t}\n\n\t/**\n\t * Registers an extra menu bar element, which could be a single item, a group of items, or a menu containing groups.\n\t *\n\t * ```ts\n\t * // Register a new menu bar item.\n\t * editor.ui.extendMenuBar( {\n\t *   item: 'menuBar:customFunctionButton',\n\t *   position: 'after:menuBar:bold'\n\t * } );\n\t *\n\t * // Register a new menu bar group.\n\t * editor.ui.extendMenuBar( {\n\t *   group: {\n\t *     groupId: 'customGroup',\n\t *     items: [\n\t *       'menuBar:customFunctionButton'\n\t *     ]\n\t *   },\n\t *   position: 'start:help'\n\t * } );\n\t *\n\t * // Register a new menu bar menu.\n\t * editor.ui.extendMenuBar( {\n\t *   menu: {\n\t *     menuId: 'customMenu',\n\t *     label: 'customMenu',\n\t *     groups: [\n\t *       {\n\t *         groupId: 'customGroup',\n\t *         items: [\n\t *           'menuBar:customFunctionButton'\n\t *         ]\n\t *       }\n\t *     ]\n\t *   },\n\t *   position: 'after:help'\n\t * } );\n\t * ```\n\t */\n\tpublic extendMenuBar(\n\t\tconfig: MenuBarConfigAddedItem | MenuBarConfigAddedGroup | MenuBarConfigAddedMenu\n\t): void {\n\t\tthis._extraMenuBarElements.push( config );\n\t}\n\n\t/**\n\t * Initializes menu bar.\n\t */\n\tpublic initMenuBar( menuBarView: MenuBarView ): void {\n\t\tconst menuBarViewElement = menuBarView.element!;\n\n\t\tthis.focusTracker.add( menuBarViewElement );\n\t\tthis.editor.keystrokes.listenTo( menuBarViewElement );\n\n\t\tconst normalizedMenuBarConfig = normalizeMenuBarConfig( this.editor.config.get( 'menuBar' ) || {} );\n\n\t\tmenuBarView.fillFromConfig( normalizedMenuBarConfig, this.componentFactory, this._extraMenuBarElements );\n\n\t\tthis.editor.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tif ( !menuBarViewElement.contains( this.editor.ui.focusTracker.focusedElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Bring focus back to where it came from before focusing the toolbar:\n\t\t\t// If it came from outside the engine view (e.g. source editing), move it there.\n\t\t\tif ( this._lastFocusedForeignElement ) {\n\t\t\t\tthis._lastFocusedForeignElement.focus();\n\t\t\t\tthis._lastFocusedForeignElement = null;\n\t\t\t}\n\t\t\t// Else just focus the view editing.\n\t\t\telse {\n\t\t\t\tthis.editor.editing.view.focus();\n\t\t\t}\n\n\t\t\tcancel();\n\t\t} );\n\n\t\tthis.editor.keystrokes.set( 'Alt+F9', ( data, cancel ) => {\n\t\t\t// If menu bar is already focused do nothing.\n\t\t\tif ( menuBarViewElement.contains( this.editor.ui.focusTracker.focusedElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._saveLastFocusedForeignElement();\n\n\t\t\tmenuBarView.isFocusBorderEnabled = true;\n\t\t\tmenuBarView.focus();\n\t\t\tcancel();\n\t\t} );\n\t}\n\n\t/**\n\t * Returns viewport offsets object:\n\t *\n\t * ```js\n\t * {\n\t * \ttop: Number,\n\t * \tright: Number,\n\t * \tbottom: Number,\n\t * \tleft: Number\n\t * }\n\t * ```\n\t *\n\t * Only top property is currently supported.\n\t */\n\tprivate _readViewportOffsetFromConfig() {\n\t\tconst editor = this.editor;\n\t\tconst viewportOffsetConfig = editor.config.get( 'ui.viewportOffset' );\n\n\t\tif ( viewportOffsetConfig ) {\n\t\t\treturn viewportOffsetConfig;\n\t\t}\n\n\t\t// Not present in EditorConfig type, because it's legacy. Hence the `as` expression.\n\t\tconst legacyOffsetConfig = editor.config.get( 'toolbar.viewportTopOffset' ) as number | undefined;\n\n\t\t// Fall back to deprecated toolbar config.\n\t\tif ( legacyOffsetConfig ) {\n\t\t\t/**\n\t\t\t * The {@link module:core/editor/editorconfig~EditorConfig#toolbar `EditorConfig#toolbar.viewportTopOffset`}\n\t\t\t * property has been deprecated and will be removed in the near future. Please use\n\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#ui `EditorConfig#ui.viewportOffset`} instead.\n\t\t\t *\n\t\t\t * @error editor-ui-deprecated-viewport-offset-config\n\t\t\t */\n\t\t\tconsole.warn(\n\t\t\t\t'editor-ui-deprecated-viewport-offset-config: ' +\n\t\t\t\t'The `toolbar.vieportTopOffset` configuration option is deprecated. ' +\n\t\t\t\t'It will be removed from future CKEditor versions. Use `ui.viewportOffset.top` instead.'\n\t\t\t);\n\n\t\t\treturn { top: legacyOffsetConfig };\n\t\t}\n\n\t\t// More keys to come in the future.\n\t\treturn { top: 0 };\n\t}\n\n\t/**\n\t * Starts listening for <kbd>Alt</kbd> + <kbd>F10</kbd> and <kbd>Esc</kbd> keystrokes in the context of focusable\n\t * {@link #setEditableElement editable elements} and {@link #addToolbar toolbars}\n\t * to allow users navigate across the UI.\n\t */\n\tprivate _initFocusTracking(): void {\n\t\tconst editor = this.editor;\n\n\t\tlet candidateDefinitions: Array<FocusableToolbarDefinition>;\n\n\t\t// Focus the next focusable toolbar on <kbd>Alt</kbd> + <kbd>F10</kbd>.\n\t\teditor.keystrokes.set( 'Alt+F10', ( data, cancel ) => {\n\t\t\tthis._saveLastFocusedForeignElement();\n\n\t\t\tconst currentFocusedToolbarDefinition = this._getCurrentFocusedToolbarDefinition();\n\n\t\t\t// * When focusing a toolbar for the first time, set the array of definitions for successive presses of Alt+F10.\n\t\t\t// This ensures, the navigation works always the same and no pair of toolbars takes over\n\t\t\t// (e.g. image and table toolbars when a selected image is inside a cell).\n\t\t\t// * It could be that the focus went to the toolbar by clicking a toolbar item (e.g. a dropdown). In this case,\n\t\t\t// there were no candidates so they must be obtained (#12339).\n\t\t\tif ( !currentFocusedToolbarDefinition || !candidateDefinitions ) {\n\t\t\t\tcandidateDefinitions = this._getFocusableCandidateToolbarDefinitions();\n\t\t\t}\n\n\t\t\t// In a single Alt+F10 press, check all candidates but if none were focused, don't go any further.\n\t\t\t// This prevents an infinite loop.\n\t\t\tfor ( let i = 0; i < candidateDefinitions.length; i++ ) {\n\t\t\t\tconst candidateDefinition = candidateDefinitions.shift()!;\n\n\t\t\t\t// Put the first definition to the back of the array. This allows circular navigation over all toolbars\n\t\t\t\t// on successive presses of Alt+F10.\n\t\t\t\tcandidateDefinitions.push( candidateDefinition );\n\n\t\t\t\t// Don't focus the same toolbar again. If you did, this would move focus from the nth focused toolbar item back to the\n\t\t\t\t// first item as per ToolbarView#focus() if the user navigated inside the toolbar.\n\t\t\t\tif (\n\t\t\t\t\tcandidateDefinition !== currentFocusedToolbarDefinition &&\n\t\t\t\t\tthis._focusFocusableCandidateToolbar( candidateDefinition )\n\t\t\t\t) {\n\t\t\t\t\t// Clean up after a current visible toolbar when switching to the next one.\n\t\t\t\t\tif ( currentFocusedToolbarDefinition && currentFocusedToolbarDefinition.options.afterBlur ) {\n\t\t\t\t\t\tcurrentFocusedToolbarDefinition.options.afterBlur();\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Blur the focused toolbar on <kbd>Esc</kbd> and bring the focus back to its origin.\n\t\teditor.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tconst focusedToolbarDef = this._getCurrentFocusedToolbarDefinition();\n\n\t\t\tif ( !focusedToolbarDef ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Bring focus back to where it came from before focusing the toolbar:\n\t\t\t// 1. If it came from outside the engine view (e.g. source editing), move it there.\n\t\t\tif ( this._lastFocusedForeignElement ) {\n\t\t\t\tthis._lastFocusedForeignElement.focus();\n\t\t\t\tthis._lastFocusedForeignElement = null;\n\t\t\t}\n\t\t\t// 2. There are two possibilities left:\n\t\t\t//   2.1. It could be that the focus went from an editable element in the view (root or nested).\n\t\t\t//   2.2. It could be the focus went straight to the toolbar before even focusing the editing area.\n\t\t\t// In either case, just focus the view editing. The focus will land where it belongs.\n\t\t\telse {\n\t\t\t\teditor.editing.view.focus();\n\t\t\t}\n\n\t\t\t// Clean up after the toolbar if there is anything to do there.\n\t\t\tif ( focusedToolbarDef.options.afterBlur ) {\n\t\t\t\tfocusedToolbarDef.options.afterBlur();\n\t\t\t}\n\n\t\t\tcancel();\n\t\t} );\n\t}\n\n\t/**\n\t * Saves last focused element that doen not belong to editing view to restore focus on `Esc`.\n\t */\n\tprivate _saveLastFocusedForeignElement() {\n\t\tconst focusedElement = this.focusTracker.focusedElement as HTMLElement;\n\n\t\t// Focus moved out of a DOM element that\n\t\t// * is not a toolbar,\n\t\t// * does not belong to the editing view (e.g. source editing).\n\t\tif (\n\t\t\tArray.from( this._editableElementsMap.values() ).includes( focusedElement ) &&\n\t\t\t!Array.from( this.editor.editing.view.domRoots.values() ).includes( focusedElement )\n\t\t) {\n\t\t\tthis._lastFocusedForeignElement = focusedElement;\n\t\t}\n\t}\n\n\t/**\n\t * Returns definitions of toolbars that could potentially be focused, sorted by their importance for the user.\n\t *\n\t * Focusable toolbars candidates are either:\n\t * * already visible,\n\t * * have `beforeFocus()` set in their {@link module:ui/editorui/editorui~FocusableToolbarDefinition definition} that suggests that\n\t * they might show up when called. Keep in mind that determining whether a toolbar will show up (and become focusable) is impossible\n\t * at this stage because it depends on its implementation, that in turn depends on the editing context (selection).\n\t *\n\t * **Note**: Contextual toolbars take precedence over regular toolbars.\n\t */\n\tprivate _getFocusableCandidateToolbarDefinitions(): Array<FocusableToolbarDefinition> {\n\t\tconst definitions: Array<FocusableToolbarDefinition> = [];\n\n\t\tfor ( const toolbarDef of this._focusableToolbarDefinitions ) {\n\t\t\tconst { toolbarView, options } = toolbarDef;\n\n\t\t\tif ( isVisible( toolbarView.element ) || options.beforeFocus ) {\n\t\t\t\tdefinitions.push( toolbarDef );\n\t\t\t}\n\t\t}\n\n\t\t// Contextual and already visible toolbars have higher priority. If both are true, the toolbar will always focus first.\n\t\t// For instance, a selected widget toolbar vs inline editor toolbar: both are visible but the widget toolbar is contextual.\n\t\tdefinitions.sort( ( defA, defB ) => getToolbarDefinitionWeight( defA ) - getToolbarDefinitionWeight( defB ) );\n\n\t\treturn definitions;\n\t}\n\n\t/**\n\t * Returns a definition of the toolbar that is currently visible and focused (one of its children has focus).\n\t *\n\t * `null` is returned when no toolbar is currently focused.\n\t */\n\tprivate _getCurrentFocusedToolbarDefinition(): FocusableToolbarDefinition | null {\n\t\tfor ( const definition of this._focusableToolbarDefinitions ) {\n\t\t\tif ( definition.toolbarView.element && definition.toolbarView.element.contains( this.focusTracker.focusedElement ) ) {\n\t\t\t\treturn definition;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Focuses a focusable toolbar candidate using its definition.\n\t *\n\t * @param candidateToolbarDefinition A definition of the toolbar to focus.\n\t * @returns `true` when the toolbar candidate was focused. `false` otherwise.\n\t */\n\tprivate _focusFocusableCandidateToolbar( candidateToolbarDefinition: FocusableToolbarDefinition ): boolean {\n\t\tconst { toolbarView, options: { beforeFocus } } = candidateToolbarDefinition;\n\n\t\tif ( beforeFocus ) {\n\t\t\tbeforeFocus();\n\t\t}\n\n\t\t// If it didn't show up after beforeFocus(), it's not focusable at all.\n\t\tif ( !isVisible( toolbarView.element ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\ttoolbarView.focus();\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Provides an integration between {@link #viewportOffset} and {@link module:utils/dom/scroll~scrollViewportToShowTarget}.\n\t * It allows the UI-agnostic engine method to consider user-configured viewport offsets specific for the integration.\n\t *\n\t * @param evt The `scrollToTheSelection` event info.\n\t * @param data The payload carried by the `scrollToTheSelection` event.\n\t */\n\tprivate _handleScrollToTheSelection(\n\t\tevt: EventInfo<'scrollToTheSelection'>,\n\t\tdata: ViewScrollToTheSelectionEvent[ 'args' ][ 0 ]\n\t): void {\n\t\tconst configuredViewportOffset = {\n\t\t\ttop: 0,\n\t\t\tbottom: 0,\n\t\t\tleft: 0,\n\t\t\tright: 0,\n\t\t\t...this.viewportOffset\n\t\t};\n\n\t\tdata.viewportOffset.top += configuredViewportOffset.top;\n\t\tdata.viewportOffset.bottom += configuredViewportOffset.bottom;\n\t\tdata.viewportOffset.left += configuredViewportOffset.left;\n\t\tdata.viewportOffset.right += configuredViewportOffset.right;\n\t}\n\n\t/**\n\t * Ensures that the focus tracker is aware of all views' DOM elements in the body collection.\n\t */\n\tprivate _bindBodyCollectionWithFocusTracker() {\n\t\tconst body = this.view.body;\n\n\t\tfor ( const view of body ) {\n\t\t\tthis.focusTracker.add( view.element! );\n\t\t}\n\n\t\tbody.on<CollectionAddEvent<View>>( 'add', ( evt, view ) => {\n\t\t\tthis.focusTracker.add( view.element! );\n\t\t} );\n\n\t\tbody.on<CollectionRemoveEvent<View>>( 'remove', ( evt, view ) => {\n\t\t\tthis.focusTracker.remove( view.element! );\n\t\t} );\n\t}\n\n\t/**\n\t * Set initial viewport offset and setup visualTop augmentation.\n\t */\n\tprivate _initViewportOffset( viewportOffsetConfig: ViewportOffsetConfig ) {\n\t\t// Augment the viewport offset set from outside the editor with the visualTop property.\n\t\tthis.on<ObservableSetEvent<ViewportOffset>>( 'set:viewportOffset', ( evt, name, value ) => {\n\t\t\tconst visualTop = this._getVisualViewportTopOffset( value );\n\n\t\t\t// Update only if there is a change in a value, so we do not trigger\n\t\t\t// listeners to the viewportOffset observable.\n\t\t\tif ( value.visualTop !== visualTop ) {\n\t\t\t\tevt.return = { ...value, visualTop };\n\t\t\t}\n\t\t} );\n\n\t\t// Set the initial value after augmenting the setter.\n\t\tthis.set( 'viewportOffset', viewportOffsetConfig );\n\t}\n\n\t/**\n\t * Listen to visual viewport changes and update the viewportOffset with the visualTop property\n\t * according to the visible part of it (visual viewport).\n\t */\n\tprivate _initVisualViewportSupport() {\n\t\tif ( !global.window.visualViewport ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst updateViewport = () => {\n\t\t\tconst visualTop = this._getVisualViewportTopOffset( this.viewportOffset );\n\n\t\t\t// Update only if there is a change in a value, so we do not trigger\n\t\t\t// listeners to the viewportOffset observable.\n\t\t\tif ( this.viewportOffset.visualTop !== visualTop ) {\n\t\t\t\tthis.viewportOffset = { ...this.viewportOffset, visualTop };\n\t\t\t}\n\t\t};\n\n\t\t// Listen to the changes in the visual viewport to adjust the visualTop of viewport offset.\n\t\tthis._domEmitter = new ( DomEmitterMixin() )();\n\t\tthis._domEmitter.listenTo( global.window.visualViewport, 'scroll', updateViewport );\n\t\tthis._domEmitter.listenTo( global.window.visualViewport, 'resize', updateViewport );\n\t}\n\n\t/**\n\t * Calculate the viewport top offset according to the visible part of it (visual viewport).\n\t */\n\tprivate _getVisualViewportTopOffset( viewportOffset: { top?: number } ): number {\n\t\tconst visualViewportOffsetTop = getVisualViewportOffset().top;\n\t\tconst viewportTopOffset = viewportOffset.top || 0;\n\n\t\treturn visualViewportOffsetTop > viewportTopOffset ? 0 : viewportTopOffset - visualViewportOffsetTop;\n\t}\n}\n\n/**\n * Fired when the editor UI is ready.\n *\n * Fired before {@link module:engine/controller/datacontroller~DataController#event:ready}.\n *\n * @eventName ~EditorUI#ready\n */\nexport type EditorUIReadyEvent = {\n\tname: 'ready';\n\targs: [];\n};\n\n/**\n * Fired whenever the UI (all related components) should be refreshed.\n *\n * **Note:**: The event is fired after each {@link module:engine/view/document~ViewDocument#event:layoutChanged}.\n * It can also be fired manually via the {@link module:ui/editorui/editorui~EditorUI#update} method.\n *\n * @eventName ~EditorUI#update\n */\nexport type EditorUIUpdateEvent = {\n\tname: 'update';\n\targs: [];\n};\n\n/**\n * A definition of a focusable toolbar. Used by {@link module:ui/editorui/editorui~EditorUI#addToolbar}.\n */\nexport interface FocusableToolbarDefinition {\n\n\t/**\n\t * An instance of a focusable toolbar view.\n\t */\n\ttoolbarView: ToolbarView;\n\n\t/**\n\t * Options of a focusable toolbar view:\n\t *\n\t * * `isContextual`: Marks the higher priority toolbar. For example when there are 2 visible toolbars,\n\t * it allows to distinguish which toolbar should be focused first after the `alt+f10` keystroke\n\t * * `beforeFocus`: A callback executed before the `ToolbarView` gains focus upon the `Alt+F10` keystroke.\n\t * * `afterBlur`: A callback executed after `ToolbarView` loses focus upon `Esc` keystroke but before\n\t * the focus goes back to the `origin`.\n\t */\n\toptions: FocusableToolbarOptions;\n}\n\nexport interface FocusableToolbarOptions {\n\n\t/**\n\t * Set `true` if the toolbar is attached to the content of the editor. Such toolbar takes\n\t * a precedence over other toolbars when a user pressed <kbd>Alt</kbd> + <kbd>F10</kbd>.\n\t */\n\tisContextual?: boolean;\n\n\t/**\n\t * Specify a callback executed before the toolbar instance DOM element gains focus\n\t * upon the <kbd>Alt</kbd> + <kbd>F10</kbd> keystroke.\n\t */\n\tbeforeFocus?: () => void;\n\n\t/**\n\t * Specify a callback executed after the toolbar instance DOM element loses focus upon\n\t * <kbd>Esc</kbd> keystroke but before the focus goes back to the {@link ~EditorUI#setEditableElement editable element}.\n\t */\n\tafterBlur?: () => void;\n}\n\nexport interface ViewportOffset extends ViewportOffsetConfig {\n\n\t/**\n\t * The top offset of the visual viewport.\n\t *\n\t * This value is calculated based on the visual viewport position.\n\t */\n\tvisualTop?: number;\n}\n\n/**\n * Returns a number (weight) for a toolbar definition. Visible toolbars have a higher priority and so do\n * contextual toolbars (displayed in the context of a content, for instance, an image toolbar).\n *\n * A standard invisible toolbar is the heaviest. A visible contextual toolbar is the lightest.\n *\n * @param toolbarDef A toolbar definition to be weighted.\n */\nfunction getToolbarDefinitionWeight( toolbarDef: FocusableToolbarDefinition ): number {\n\tconst { toolbarView, options } = toolbarDef;\n\tlet weight = 10;\n\n\t// Prioritize already visible toolbars. They should get focused first.\n\tif ( isVisible( toolbarView.element ) ) {\n\t\tweight--;\n\t}\n\n\t// Prioritize contextual toolbars. They are displayed at the selection.\n\tif ( options.isContextual ) {\n\t\tweight -= 2;\n\t}\n\n\treturn weight;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editorui/editoruiview\n */\n\nimport { View } from '../view.js';\nimport { BodyCollection } from './bodycollection.js';\nimport { type EditableUIView } from '../editableui/editableuiview.js';\n\nimport type { Locale, LocaleTranslate } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/editorui/editorui.css';\nimport { type MenuBarView } from '../menubar/menubarview.js';\nimport { type ToolbarView } from '../toolbar/toolbarview.js';\n\n/**\n * The editor UI view class. Base class for the editor main views.\n */\nexport abstract class EditorUIView extends View {\n\t/**\n\t * Collection of the child views, detached from the DOM\n\t * structure of the editor, like panels, icons etc.\n\t */\n\tpublic readonly body: BodyCollection;\n\n\tdeclare public locale: Locale;\n\tdeclare public t: LocaleTranslate;\n\n\tpublic abstract get editable(): EditableUIView;\n\n\t/**\n\t * Menu bar view instance. Initialized by default in:\n\t *\n\t * * balloon editor;\n\t * * decoupled editor;\n\t * * multiroot editor.\n\t */\n\tpublic menuBarView?: MenuBarView;\n\n\t/**\n\t * Toolbar view instance. Initialized by default in:\n\t *\n\t * * classic editor;\n\t * * decoupled editor;\n\t * * inline editor;\n\t * * multiroot editor.\n\t */\n\tpublic toolbar?: ToolbarView;\n\n\t/**\n\t * Creates an instance of the editor UI view class.\n\t *\n\t * @param locale The locale instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.body = new BodyCollection( locale );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.body.attachToDom();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis.body.detachFromDom();\n\n\t\treturn super.destroy();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editorui/boxed/boxededitoruiview\n */\n\nimport { EditorUIView } from '../editoruiview.js';\nimport { LabelView } from '../../label/labelview.js';\nimport { type ViewCollection } from '../../viewcollection.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The boxed editor UI view class. This class represents an editor interface\n * consisting of a toolbar and an editable area, enclosed within a box.\n */\nexport abstract class BoxedEditorUIView extends EditorUIView {\n\t/**\n\t * Collection of the child views located in the top (`.ck-editor__top`)\n\t * area of the UI.\n\t */\n\tpublic readonly top: ViewCollection;\n\n\t/**\n\t * Collection of the child views located in the main (`.ck-editor__main`)\n\t * area of the UI.\n\t */\n\tpublic readonly main: ViewCollection;\n\n\t/**\n\t * Voice label of the UI.\n\t */\n\tprivate readonly _voiceLabelView: LabelView;\n\n\t/**\n\t * Creates an instance of the boxed editor UI view class.\n\t *\n\t * @param locale The locale instance..\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.top = this.createCollection();\n\t\tthis.main = this.createCollection();\n\t\tthis._voiceLabelView = this._createVoiceLabel();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-reset',\n\t\t\t\t\t'ck-editor',\n\t\t\t\t\t'ck-rounded-corners'\n\t\t\t\t],\n\t\t\t\trole: 'application',\n\t\t\t\tdir: locale.uiLanguageDirection,\n\t\t\t\tlang: locale.uiLanguage,\n\t\t\t\t'aria-labelledby': this._voiceLabelView.id\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\tthis._voiceLabelView,\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-editor__top',\n\t\t\t\t\t\t\t'ck-reset_all'\n\t\t\t\t\t\t],\n\t\t\t\t\t\trole: 'presentation'\n\t\t\t\t\t},\n\t\t\t\t\tchildren: this.top\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-editor__main'\n\t\t\t\t\t\t],\n\t\t\t\t\t\trole: 'presentation'\n\t\t\t\t\t},\n\t\t\t\t\tchildren: this.main\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a voice label view instance.\n\t */\n\tprivate _createVoiceLabel() {\n\t\tconst t = this.t;\n\t\tconst voiceLabel = new LabelView();\n\n\t\tvoiceLabel.text = t( 'Rich Text Editor' );\n\n\t\tvoiceLabel.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-voice-label'\n\t\t\t}\n\t\t} );\n\n\t\treturn voiceLabel;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editableui/editableuiview\n */\n\nimport { View } from '../view.js';\n\nimport type { EditingView } from '@ckeditor/ckeditor5-engine';\nimport type { Locale, ObservableChangeEvent } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The editable UI view class.\n */\nexport class EditableUIView extends View {\n\t/**\n\t * The name of the editable UI view.\n\t */\n\tpublic name: string | null = null;\n\n\t/**\n\t * Controls whether the editable is focused, i.e. the user is typing in it.\n\t *\n\t * @observable\n\t */\n\tdeclare public isFocused: boolean;\n\n\t/**\n\t * The editing view instance the editable is related to. Editable uses the editing\n\t * view to dynamically modify its certain DOM attributes after {@link #render rendering}.\n\t *\n\t * **Note**: The DOM attributes are performed by the editing view and not UI\n\t * {@link module:ui/view~View#bindTemplate template bindings} because once rendered,\n\t * the editable DOM element must remain under the full control of the engine to work properly.\n\t */\n\tprotected _editingView: EditingView;\n\n\t/**\n\t * The element which is the main editable element (usually the one with `contentEditable=\"true\"`).\n\t */\n\tprotected _editableElement: HTMLElement | null | undefined;\n\n\t/**\n\t * Whether an external {@link #_editableElement} was passed into the constructor, which also means\n\t * the view will not render its {@link #template}.\n\t */\n\tprivate _hasExternalElement: boolean;\n\n\t/**\n\t * Creates an instance of EditableUIView class.\n\t *\n\t * @param locale The locale instance.\n\t * @param editingView The editing view instance the editable is related to.\n\t * @param editableElement The editable element. If not specified, this view\n\t * should create it. Otherwise, the existing element should be used.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\teditingView: EditingView,\n\t\teditableElement?: HTMLElement\n\t) {\n\t\tsuper( locale );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-content',\n\t\t\t\t\t'ck-editor__editable',\n\t\t\t\t\t'ck-rounded-corners'\n\t\t\t\t],\n\t\t\t\tlang: locale.contentLanguage,\n\t\t\t\tdir: locale.contentLanguageDirection\n\t\t\t}\n\t\t} );\n\n\t\tthis.set( 'isFocused', false );\n\n\t\tthis._editableElement = editableElement;\n\t\tthis._hasExternalElement = !!this._editableElement;\n\t\tthis._editingView = editingView;\n\t}\n\n\t/**\n\t * Renders the view by either applying the {@link #template} to the existing\n\t * {@link module:ui/editableui/editableuiview~EditableUIView#_editableElement} or assigning {@link #element}\n\t * as {@link module:ui/editableui/editableuiview~EditableUIView#_editableElement}.\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tif ( this._hasExternalElement ) {\n\t\t\tthis.template!.apply( this.element = this._editableElement! );\n\t\t} else {\n\t\t\tthis._editableElement = this.element;\n\t\t}\n\n\t\tthis.on<ObservableChangeEvent>( 'change:isFocused', () => this._updateIsFocusedClasses() );\n\t\tthis._updateIsFocusedClasses();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tif ( this._hasExternalElement ) {\n\t\t\tthis.template!.revert( this._editableElement! );\n\t\t}\n\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Whether an external {@link #_editableElement} was passed into the constructor, which also means\n\t * the view will not render its {@link #template}.\n\t */\n\tpublic get hasExternalElement(): boolean {\n\t\treturn this._hasExternalElement;\n\t}\n\n\t/**\n\t * Updates the `ck-focused` and `ck-blurred` CSS classes on the {@link #element} according to\n\t * the {@link #isFocused} property value using the {@link #_editingView editing view} API.\n\t */\n\tprivate _updateIsFocusedClasses() {\n\t\tconst editingView = this._editingView;\n\n\t\tif ( editingView.isRenderingInProgress ) {\n\t\t\tupdateAfterRender( this );\n\t\t} else {\n\t\t\tupdate( this );\n\t\t}\n\n\t\tfunction update( view: EditableUIView ) {\n\t\t\teditingView.change( writer => {\n\t\t\t\tconst viewRoot = editingView.document.getRoot( view.name! )!;\n\n\t\t\t\twriter.addClass( view.isFocused ? 'ck-focused' : 'ck-blurred', viewRoot );\n\t\t\t\twriter.removeClass( view.isFocused ? 'ck-blurred' : 'ck-focused', viewRoot );\n\t\t\t} );\n\t\t}\n\n\t\t// In a case of a multi-root editor, a callback will be attached more than once (one callback for each root).\n\t\t// While executing one callback the `isRenderingInProgress` observable is changing what causes executing another\n\t\t// callback and render is called inside the already pending render.\n\t\t// We need to be sure that callback is executed only when the value has changed from `true` to `false`.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1676.\n\t\tfunction updateAfterRender( view: EditableUIView ) {\n\t\t\teditingView.once<ObservableChangeEvent<boolean>>( 'change:isRenderingInProgress', ( evt, name, value ) => {\n\t\t\t\tif ( !value ) {\n\t\t\t\t\tupdate( view );\n\t\t\t\t} else {\n\t\t\t\t\tupdateAfterRender( view );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/editableui/inline/inlineeditableuiview\n */\n\nimport { EditableUIView } from '../editableuiview.js';\n\nimport type { EditingView } from '@ckeditor/ckeditor5-engine';\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The inline editable UI class implementing an inline {@link module:ui/editableui/editableuiview~EditableUIView}.\n */\nexport class InlineEditableUIView extends EditableUIView {\n\t/**\n\t * The cached options object passed to the constructor.\n\t */\n\tprivate readonly _options: InlineEditableUIViewOptions;\n\n\t/**\n\t * Creates an instance of the InlineEditableUIView class.\n\t *\n\t * @param locale The locale instance.\n\t * @param editingView The editing view instance the editable is related to.\n\t * @param editableElement The editable element. If not specified, the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView}\n\t * will create it. Otherwise, the existing element will be used.\n\t * @param options Additional configuration of the view.\n\t * @param options.label The label of the editable for assistive technologies. If not provided, a default label is used or,\n\t * the existing `aria-label` attribute value from the specified `editableElement` is preserved.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\teditingView: EditingView,\n\t\teditableElement?: HTMLElement,\n\t\toptions: InlineEditableUIViewOptions = {}\n\t) {\n\t\tsuper( locale, editingView, editableElement );\n\n\t\tthis._options = options;\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\trole: 'textbox',\n\t\t\t\tclass: 'ck-editor__editable_inline'\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tconst editingView = this._editingView;\n\n\t\teditingView.change( writer => {\n\t\t\tconst viewRoot = editingView.document.getRoot( this.name! );\n\n\t\t\twriter.setAttribute( 'aria-label', this.getEditableAriaLabel(), viewRoot! );\n\t\t} );\n\t}\n\n\t/**\n\t * Returns a normalized label for the editable view based on the environment.\n\t */\n\tpublic getEditableAriaLabel(): string {\n\t\tconst t = this.locale!.t;\n\t\tconst label = this._options.label;\n\t\tconst editableElement = this._editableElement;\n\t\tconst editableName = this.name!;\n\n\t\tif ( typeof label == 'string' ) {\n\t\t\treturn label;\n\t\t} else if ( typeof label === 'object' ) {\n\t\t\treturn label[ editableName ];\n\t\t} else if ( typeof label === 'function' ) {\n\t\t\treturn label( this );\n\t\t} else if ( editableElement ) {\n\t\t\tconst existingLabel = editableElement.getAttribute( 'aria-label' );\n\n\t\t\tif ( existingLabel ) {\n\t\t\t\treturn existingLabel;\n\t\t\t}\n\t\t}\n\n\t\treturn t( 'Rich Text Editor. Editing area: %0', editableName );\n\t}\n}\n\nexport type InlineEditableUIViewOptions = {\n\tlabel?: ( ( view: InlineEditableUIView ) => string ) | string | Record<string, string>;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/formrow/formrowview\n */\n\nimport { View } from '../view.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { type LabelView } from '../label/labelview.js';\nimport { toArray, type ArrayOrItem, type Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/formrow/formrow.css';\n\n/**\n * The class representing a single row in a form,\n */\nexport class FormRowView extends View {\n\t/**\n\t * An additional CSS class added to the {@link #element}.\n\t *\n\t * @observable\n\t */\n\tpublic declare class: Array<string>;\n\n\t/**\n\t * A collection of row items (buttons, dropdowns, etc.).\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * The role property reflected by the `role` DOM attribute of the {@link #element}.\n\t *\n\t * **Note**: Used only when a `labelView` is passed to constructor `options`.\n\t *\n\t * @observable\n\t * @internal\n\t */\n\tpublic declare _role: string | null;\n\n\t/**\n\t * The ARIA property reflected by the `aria-labelledby` DOM attribute of the {@link #element}.\n\t *\n\t * **Note**: Used only when a `labelView` is passed to constructor `options`.\n\t *\n\t * @observable\n\t * @internal\n\t */\n\tpublic declare _ariaLabelledBy: string | null;\n\n\t/**\n\t * Creates an instance of the form row class.\n\t *\n\t * @param locale The locale instance.\n\t * @param options.labelView When passed, the row gets the `group` and `aria-labelledby`\n\t * DOM attributes and gets described by the label.\n\t */\n\tconstructor( locale: Locale, options: { children?: Array<View>; class?: ArrayOrItem<string>; labelView?: LabelView } = {} ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'class', [\n\t\t\t'ck',\n\t\t\t'ck-form__row',\n\t\t\t...toArray( options.class || [] )\n\t\t] );\n\t\tthis.children = this.createCollection();\n\n\t\tif ( options.children ) {\n\t\t\toptions.children.forEach( child => this.children.add( child ) );\n\t\t}\n\n\t\tthis.set( '_role', null );\n\t\tthis.set( '_ariaLabelledBy', null );\n\n\t\tif ( options.labelView ) {\n\t\t\tthis.set( {\n\t\t\t\t_role: 'group',\n\t\t\t\t_ariaLabelledBy: options.labelView.id\n\t\t\t} );\n\t\t}\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: bind.to( 'class', classes => classes.join( ' ' ) ),\n\t\t\t\trole: bind.to( '_role' ),\n\t\t\t\t'aria-labelledby': bind.to( '_ariaLabelledBy' )\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/iframe/iframeview\n */\n\nimport { View } from '../view.js';\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * The iframe view class.\n *\n * ```ts\n * const iframe = new IframeView();\n *\n * iframe.render();\n * document.body.appendChild( iframe.element );\n *\n * iframe.on( 'loaded', () => {\n * \tconsole.log( 'The iframe has loaded', iframe.element.contentWindow );\n * } );\n *\n * iframe.element.src = 'https://ckeditor.com';\n * ```\n */\nexport class IframeView extends View<HTMLIFrameElement> {\n\t/**\n\t * Creates a new instance of the iframe view.\n\t *\n\t * @param locale The locale instance.\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'iframe',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-reset_all'\n\t\t\t\t],\n\t\t\t\t// It seems that we need to allow scripts in order to be able to listen to events.\n\t\t\t\t// TODO: Research that. Perhaps the src must be set?\n\t\t\t\tsandbox: 'allow-same-origin allow-scripts'\n\t\t\t},\n\t\t\ton: {\n\t\t\t\tload: bind.to( 'loaded' )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Renders the iframe's {@link #element} and returns a `Promise` for asynchronous\n\t * child `contentDocument` loading process.\n\t *\n\t * @returns A promise which resolves once the iframe `contentDocument` has\n\t * been {@link #event:loaded}.\n\t */\n\tpublic override render(): Promise<unknown> {\n\t\treturn new Promise( resolve => {\n\t\t\tthis.on<IframeViewLoadedEvent>( 'loaded', resolve );\n\n\t\t\treturn super.render();\n\t\t} );\n\t}\n}\n\n/**\n * Fired when the DOM iframe's `contentDocument` finished loading.\n *\n * @eventName ~IframeView#loaded\n */\nexport type IframeViewLoadedEvent = {\n\tname: 'loaded';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/labeledinput/labeledinputview\n */\n\nimport { View } from '../view.js';\nimport { LabelView } from '../label/labelview.js';\n\nimport type { InputView, InputViewInputEvent } from '../input/inputview.js';\n\nimport { uid, type Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/labeledinput/labeledinput.css';\n\n/**\n * The labeled input view class.\n */\nexport class LabeledInputView extends View {\n\t/**\n\t * The label view.\n\t */\n\tpublic readonly labelView: LabelView;\n\n\t/**\n\t * The input view.\n\t */\n\tpublic readonly inputView: InputView;\n\n\t/**\n\t * The status view for the {@link #inputView}. It displays {@link #errorText} and\n\t * {@link #infoText}.\n\t */\n\tpublic readonly statusView: View;\n\n\t/**\n\t * The text of the label.\n\t *\n\t * @observable\n\t */\n\tdeclare public label: string | undefined;\n\n\t/**\n\t * The value of the input.\n\t *\n\t * @observable\n\t */\n\tdeclare public value: string | undefined;\n\n\t/**\n\t * Controls whether the component is in read-only mode.\n\t *\n\t * @observable\n\t */\n\tdeclare public isReadOnly: boolean;\n\n\t/**\n\t * The validation error text. When set, it will be displayed\n\t * next to the {@link #inputView} as a typical validation error message.\n\t * Set it to `null` to hide the message.\n\t *\n\t * **Note:** Setting this property to anything but `null` will automatically\n\t * make the {@link module:ui/inputtext/inputtextview~InputTextView#hasError `hasError`}\n\t * of the {@link #inputView} `true`.\n\t *\n\t * **Note:** Typing in the {@link #inputView} which fires the\n\t * {@link module:ui/inputtext/inputtextview~InputTextView#event:input `input` event}\n\t * resets this property back to `null`, indicating that the input field can be re–validated.\n\t *\n\t * @observable\n\t */\n\tdeclare public errorText: string | null;\n\n\t/**\n\t * The additional information text displayed next to the {@link #inputView} which can\n\t * be used to inform the user about the purpose of the input, provide help or hints.\n\t *\n\t * Set it to `null` to hide the message.\n\t *\n\t * **Note:** This text will be displayed in the same place as {@link #errorText} but the\n\t * latter always takes precedence: if the {@link #errorText} is set, it replaces\n\t * {@link #errorText} for as long as the value of the input is invalid.\n\t *\n\t * @observable\n\t */\n\tdeclare public infoText: string | null;\n\n\t/**\n\t * The combined status text made of {@link #errorText} and {@link #infoText}.\n\t * Note that when present, {@link #errorText} always takes precedence in the\n\t * status.\n\t *\n\t * @see #errorText\n\t * @see #infoText\n\t * @see #statusView\n\t * @private\n\t * @observable\n\t */\n\tdeclare public _statusText: string | null;\n\n\t/**\n\t * Creates an instance of the labeled input view class.\n\t *\n\t * @param locale The locale instance.\n\t * @param InputView Constructor of the input view.\n\t */\n\tconstructor(\n\t\tlocale: Locale | undefined,\n\t\tInputView: new ( locale: Locale | undefined, statusUid: string ) => InputView\n\t) {\n\t\tsuper( locale );\n\n\t\tconst inputUid = `ck-input-${ uid() }`;\n\t\tconst statusUid = `ck-status-${ uid() }`;\n\n\t\tthis.set( 'label', undefined );\n\t\tthis.set( 'value', undefined );\n\t\tthis.set( 'isReadOnly', false );\n\t\tthis.set( 'errorText', null );\n\t\tthis.set( 'infoText', null );\n\n\t\tthis.labelView = this._createLabelView( inputUid );\n\t\tthis.inputView = this._createInputView( InputView, inputUid, statusUid );\n\t\tthis.statusView = this._createStatusView( statusUid );\n\n\t\tthis.bind( '_statusText' ).to(\n\t\t\tthis, 'errorText',\n\t\t\tthis, 'infoText',\n\t\t\t( errorText, infoText ) => errorText || infoText\n\t\t);\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-labeled-input',\n\t\t\t\t\tbind.if( 'isReadOnly', 'ck-disabled' )\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tthis.labelView,\n\t\t\t\tthis.inputView,\n\t\t\t\tthis.statusView\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Creates label view class instance and bind with view.\n\t *\n\t * @param id Unique id to set as labelView#for attribute.\n\t */\n\tprivate _createLabelView( id: string ) {\n\t\tconst labelView = new LabelView( this.locale );\n\n\t\tlabelView.for = id;\n\t\tlabelView.bind( 'text' ).to( this, 'label' );\n\n\t\treturn labelView;\n\t}\n\n\t/**\n\t * Creates input view class instance and bind with view.\n\t *\n\t * @param InputView Input view constructor.\n\t * @param inputUid Unique id to set as inputView#id attribute.\n\t * @param statusUid Unique id of the status for the input's `aria-describedby` attribute.\n\t */\n\tprivate _createInputView(\n\t\tInputView: new ( locale: Locale | undefined, statusUid: string ) => InputView,\n\t\tinputUid: string,\n\t\tstatusUid: string\n\t) {\n\t\tconst inputView = new InputView( this.locale, statusUid );\n\n\t\tinputView.id = inputUid;\n\t\tinputView.ariaDescribedById = statusUid;\n\t\tinputView.bind( 'value' ).to( this );\n\t\tinputView.bind( 'isReadOnly' ).to( this );\n\t\tinputView.bind( 'hasError' ).to( this, 'errorText', value => !!value );\n\n\t\tinputView.on<InputViewInputEvent>( 'input', () => {\n\t\t\t// UX: Make the error text disappear and disable the error indicator as the user\n\t\t\t// starts fixing the errors.\n\t\t\tthis.errorText = null;\n\t\t} );\n\n\t\treturn inputView;\n\t}\n\n\t/**\n\t * Creates the status view instance. It displays {@link #errorText} and {@link #infoText}\n\t * next to the {@link #inputView}. See {@link #_statusText}.\n\t *\n\t * @param statusUid Unique id of the status, shared with the input's `aria-describedby` attribute.\n\t */\n\tprivate _createStatusView( statusUid: string ) {\n\t\tconst statusView = new View( this.locale );\n\t\tconst bind = this.bindTemplate;\n\n\t\tstatusView.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-labeled-input__status',\n\t\t\t\t\tbind.if( 'errorText', 'ck-labeled-input__status_error' ),\n\t\t\t\t\tbind.if( '_statusText', 'ck-hidden', value => !value )\n\t\t\t\t],\n\t\t\t\tid: statusUid,\n\t\t\t\trole: bind.if( 'errorText', 'alert' )\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttext: bind.to( '_statusText' )\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\treturn statusView;\n\t}\n\n\t/**\n\t * Moves the focus to the input and selects the value.\n\t */\n\tpublic select(): void {\n\t\tthis.inputView.select();\n\t}\n\n\t/**\n\t * Focuses the input.\n\t */\n\tpublic focus(): void {\n\t\tthis.inputView.focus();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/search/filtergroupanditemnames\n */\n\nimport { type ButtonView } from '../button/buttonview.js';\nimport { type ButtonLabelWithHighlightView } from '../highlightedtext/buttonlabelwithhighlightview.js';\nimport { type LabelWithHighlightView } from '../highlightedtext/labelwithhighlightview.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { type ListItemGroupView } from '../list/listitemgroupview.js';\nimport { type ListItemView } from '../list/listitemview.js';\nimport { type ListSeparatorView } from '../list/listseparatorview.js';\n\n/**\n * A filter function that returns matching item and group names in the list view.\n */\nexport function filterGroupAndItemNames(\n\tregExp: RegExp | null,\n\titems: ViewCollection<ListItemGroupView | ListItemView | ListSeparatorView>\n): {\n\t\tresultsCount: number;\n\t\ttotalItemsCount: number;\n\t} {\n\tlet totalItemsCount = 0;\n\tlet resultsCount = 0;\n\n\tfor ( const groupView of items ) {\n\t\tconst group = groupView as ListItemGroupView;\n\t\tconst groupItems = group.items as ViewCollection<ListItemView>;\n\t\tconst isGroupLabelMatching = regExp && !!group.label.match( regExp );\n\n\t\t( group.labelView as LabelWithHighlightView ).highlightText( isGroupLabelMatching ? regExp : null );\n\n\t\tfor ( const listItemView of groupItems ) {\n\t\t\tconst buttonView = listItemView.children.first as ButtonView;\n\t\t\tconst labelView = buttonView.labelView as ButtonLabelWithHighlightView;\n\n\t\t\tif ( !regExp ) {\n\t\t\t\tlistItemView.isVisible = true;\n\t\t\t\tlabelView.highlightText( null );\n\t\t\t} else {\n\t\t\t\tconst isItemLabelMatching = !!buttonView.label!.match( regExp );\n\n\t\t\t\tlabelView.highlightText( isItemLabelMatching ? regExp : null );\n\n\t\t\t\tlistItemView.isVisible = isGroupLabelMatching || isItemLabelMatching;\n\t\t\t}\n\t\t}\n\n\t\tconst visibleInGroupCount = groupItems.filter( listItemView => listItemView.isVisible ).length;\n\n\t\ttotalItemsCount += group.items.length;\n\t\tresultsCount += isGroupLabelMatching ? group.items.length : visibleInGroupCount;\n\t\tgroup.isVisible = isGroupLabelMatching || !!visibleInGroupCount;\n\t}\n\n\treturn {\n\t\tresultsCount,\n\t\ttotalItemsCount\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/notification/notification\n */\n\nimport { ContextPlugin } from '@ckeditor/ckeditor5-core';\n\n/**\n * The Notification plugin.\n *\n * This plugin sends a few types of notifications: `success`, `info` and `warning`. The notifications need to be\n * handled and displayed by a plugin responsible for showing the UI of the notifications. Using this plugin for dispatching\n * notifications makes it possible to switch the notifications UI.\n *\n * Note that every unhandled and not stopped `warning` notification will be displayed as a system alert.\n * See {@link module:ui/notification/notification~Notification#showWarning}.\n */\nexport class Notification extends ContextPlugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Notification' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\t// Each unhandled and not stopped `show:warning` event is displayed as a system alert.\n\t\tthis.on<NotificationShowWarningEvent>( 'show:warning', ( evt, data ) => {\n\t\t\twindow.alert( data.message ); // eslint-disable-line no-alert\n\t\t}, { priority: 'lowest' } );\n\t}\n\n\t/**\n\t * Shows a success notification.\n\t *\n\t * By default, it fires the {@link #event:show:success `show:success` event} with the given `data`. The event namespace can be extended\n\t * using the `data.namespace` option. For example:\n\t *\n\t * ```ts\n\t * showSuccess( 'Image is uploaded.', {\n\t * \tnamespace: 'upload:image'\n\t * } );\n\t * ```\n\t *\n\t * will fire the `show:success:upload:image` event.\n\t *\n\t * You can provide the title of the notification:\n\t *\n\t * ```ts\n\t * showSuccess( 'Image is uploaded.', {\n\t * \ttitle: 'Image upload success'\n\t * } );\n\t * ```\n\t *\n\t * @param message The content of the notification.\n\t * @param data Additional data.\n\t * @param data.namespace Additional event namespace.\n\t * @param data.title The title of the notification.\n\t */\n\tpublic showSuccess(\n\t\tmessage: string,\n\t\tdata: { namespace?: string; title?: string } = {}\n\t): void {\n\t\tthis._showNotification( {\n\t\t\tmessage,\n\t\t\ttype: 'success',\n\t\t\tnamespace: data.namespace,\n\t\t\ttitle: data.title\n\t\t} );\n\t}\n\n\t/**\n\t * Shows an information notification.\n\t *\n\t * By default, it fires the {@link #event:show:info `show:info` event} with the given `data`. The event namespace can be extended\n\t * using the `data.namespace` option. For example:\n\t *\n\t * ```ts\n\t * showInfo( 'Editor is offline.', {\n\t * \tnamespace: 'editor:status'\n\t * } );\n\t * ```\n\t *\n\t * will fire the `show:info:editor:status` event.\n\t *\n\t * You can provide the title of the notification:\n\t *\n\t * ```ts\n\t * showInfo( 'Editor is offline.', {\n\t * \ttitle: 'Network information'\n\t * } );\n\t * ```\n\t *\n\t * @param message The content of the notification.\n\t * @param data Additional data.\n\t * @param data.namespace Additional event namespace.\n\t * @param data.title The title of the notification.\n\t */\n\tpublic showInfo(\n\t\tmessage: string,\n\t\tdata: { namespace?: string; title?: string } = {}\n\t): void {\n\t\tthis._showNotification( {\n\t\t\tmessage,\n\t\t\ttype: 'info',\n\t\t\tnamespace: data.namespace,\n\t\t\ttitle: data.title\n\t\t} );\n\t}\n\n\t/**\n\t * Shows a warning notification.\n\t *\n\t * By default, it fires the {@link #event:show:warning `show:warning` event}\n\t * with the given `data`. The event namespace can be extended using the `data.namespace` option. For example:\n\t *\n\t * ```ts\n\t * showWarning( 'Image upload error.', {\n\t * \tnamespace: 'upload:image'\n\t * } );\n\t * ```\n\t *\n\t * will fire the `show:warning:upload:image` event.\n\t *\n\t * You can provide the title of the notification:\n\t *\n\t * ```ts\n\t * showWarning( 'Image upload error.', {\n\t * \ttitle: 'Upload failed'\n\t * } );\n\t * ```\n\t *\n\t * Note that each unhandled and not stopped `warning` notification will be displayed as a system alert.\n\t * The plugin responsible for displaying warnings should `stop()` the event to prevent displaying it as an alert:\n\t *\n\t * ```ts\n\t * notifications.on( 'show:warning', ( evt, data ) => {\n\t * \t// Do something with the data.\n\t *\n\t * \t// Stop this event to prevent displaying it as an alert.\n\t * \tevt.stop();\n\t * } );\n\t * ```\n\t *\n\t * You can attach many listeners to the same event and `stop()` this event in a listener with a low priority:\n\t *\n\t * ```ts\n\t * notifications.on( 'show:warning', ( evt, data ) => {\n\t * \t// Show the warning in the UI, but do not stop it.\n\t * } );\n\t *\n\t * notifications.on( 'show:warning', ( evt, data ) => {\n\t * \t// Log the warning to some error tracker.\n\t *\n\t * \t// Stop this event to prevent displaying it as an alert.\n\t * \tevt.stop();\n\t * }, { priority: 'low' } );\n\t * ```\n\t *\n\t * @param message The content of the notification.\n\t * @param data Additional data.\n\t * @param data.namespace Additional event namespace.\n\t * @param data.title The title of the notification.\n\t */\n\tpublic showWarning(\n\t\tmessage: string,\n\t\tdata: { namespace?: string; title?: string } = {}\n\t): void {\n\t\tthis._showNotification( {\n\t\t\tmessage,\n\t\t\ttype: 'warning',\n\t\t\tnamespace: data.namespace,\n\t\t\ttitle: data.title\n\t\t} );\n\t}\n\n\t/**\n\t * Fires the `show` event with the specified type, namespace and message.\n\t *\n\t * @param data The message data.\n\t * @param data.message The content of the notification.\n\t * @param data.type The type of the message.\n\t * @param data.namespace Additional event namespace.\n\t * @param data.title The title of the notification.\n\t */\n\tprivate _showNotification( data: {\n\t\tmessage: string;\n\t\ttype: NotificationEventType;\n\t\tnamespace?: string;\n\t\ttitle?: string;\n\t} ): void {\n\t\tconst event = data.namespace ?\n\t\t\t`show:${ data.type }:${ data.namespace }` as const :\n\t\t\t`show:${ data.type }` as const;\n\n\t\tthis.fire<NotificationShowTypeEvent<typeof data.type>>( event, {\n\t\t\tmessage: data.message,\n\t\t\ttype: data.type,\n\t\t\ttitle: data.title || ''\n\t\t} );\n\t}\n}\n\nexport type NotificationEventType = 'success' | 'info' | 'warning';\n\n/**\n * Fired when one of the `showSuccess()`, `showInfo()`, `showWarning()` methods is called.\n *\n * @eventName ~Notification#show\n * @param data The notification data.\n */\nexport type NotificationShowEvent = {\n\tname: 'show';\n\targs: [ data: NotificationShowEventData ];\n};\n\n/**\n * Fired when the `showSuccess()` method is called.\n *\n * @eventName ~Notification#show:success\n * @param data The notification data.\n */\nexport type NotificationShowSuccessEvent = NotificationShowTypeEvent<'success'>;\n\n/**\n * Fired when the `showInfo()` method is called.\n *\n * @eventName ~Notification#show:info\n * @param data The notification data.\n */\nexport type NotificationShowInfoEvent = NotificationShowTypeEvent<'info'>;\n\n/**\n * Fired when the `showWarning()` method is called.\n *\n * When this event is not handled or stopped by `event.stop()`, the `data.message` of this event will\n * be automatically displayed as a system alert.\n *\n * @eventName ~Notification#show:warning\n * @param data The notification data.\n */\nexport type NotificationShowWarningEvent = NotificationShowTypeEvent<'warning'>;\n\nexport type NotificationShowTypeEvent<NotificationType extends NotificationEventType> = {\n\tname: `show:${ NotificationType }` | `show:${ NotificationType }:${ string }`;\n\targs: [ data: NotificationShowEventData<NotificationType> ];\n};\n\nexport type NotificationShowEventData<NotificationType extends NotificationEventType = NotificationEventType> = {\n\n\t/**\n\t * The content of the notification.\n\t */\n\tmessage: string;\n\n\t/**\n\t * The title of the notification.\n\t */\n\ttitle: string;\n\n\t/**\n\t * The type of the notification.\n\t */\n\ttype: NotificationType;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/model\n */\n\nimport { ObservableMixin } from '@ckeditor/ckeditor5-utils';\nimport { extend } from 'es-toolkit/compat';\n\n/**\n * The base MVC model class.\n */\nexport class UIModel extends /* #__PURE__ */ ObservableMixin() {\n\t[ x: string ]: unknown;\n\n\t/**\n\t * Creates a new Model instance.\n\t *\n\t * @param attributes The model state attributes to be defined during the instance creation.\n\t * @param properties The (out of state) properties to be appended to the instance during creation.\n\t */\n\tconstructor( attributes?: Record<string, unknown>, properties?: Record<string, unknown> ) {\n\t\tsuper();\n\n\t\t// Extend this instance with the additional (out of state) properties.\n\t\tif ( properties ) {\n\t\t\textend( this, properties );\n\t\t}\n\n\t\t// Initialize the attributes.\n\t\tif ( attributes ) {\n\t\t\tthis.set( attributes );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/panel/balloon/contextualballoon\n */\n\nimport { BalloonPanelView } from './balloonpanelview.js';\nimport { View } from '../../view.js';\nimport { ButtonView } from '../../button/buttonview.js';\nimport type { ButtonExecuteEvent } from '../../button/button.js';\nimport { type ViewCollection } from '../../viewcollection.js';\n\nimport { Plugin, type Editor } from '@ckeditor/ckeditor5-core';\nimport {\n\tCKEditorError,\n\tFocusTracker,\n\tRect,\n\ttoUnit,\n\ttype Locale,\n\ttype ObservableChangeEvent,\n\ttype DomOptimalPositionOptions,\n\ttype DecoratedMethodEvent\n} from '@ckeditor/ckeditor5-utils';\nimport { IconNextArrow, IconPreviousArrow } from '@ckeditor/ckeditor5-icons';\n\nimport '../../../theme/components/panel/balloonrotator.css';\nimport '../../../theme/components/panel/fakepanel.css';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * Provides the common contextual balloon for the editor.\n *\n * The role of this plugin is to unify the contextual balloons logic, simplify views management and help\n * avoid the unnecessary complexity of handling multiple {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView}\n * instances in the editor.\n *\n * This plugin allows for creating single or multiple panel stacks.\n *\n * Each stack may have multiple views, with the one on the top being visible. When the visible view is removed from the stack,\n * the previous view becomes visible.\n *\n * It might be useful to implement nested navigation in a balloon. For instance, a toolbar view may contain a link button.\n * When you click it, a link view (which lets you set the URL) is created and put on top of the toolbar view, so the link panel\n * is displayed. When you finish editing the link and close (remove) the link view, the toolbar view is visible again.\n *\n * However, there are cases when there are multiple independent balloons to be displayed, for instance, if the selection\n * is inside two inline comments at the same time. For such cases, you can create two independent panel stacks.\n * The contextual balloon plugin will create a navigation bar to let the users switch between these panel stacks using the \"Next\"\n * and \"Previous\" buttons.\n *\n * If there are no views in the current stack, the balloon panel will try to switch to the next stack. If there are no\n * panels in any stack, the balloon panel will be hidden.\n *\n * **Note**: To force the balloon panel to show only one view, even if there are other stacks, use the `singleViewMode=true` option\n * when {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon#add adding} a view to a panel.\n *\n * From the implementation point of view, the contextual ballon plugin is reusing a single\n * {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView} instance to display multiple contextual balloon\n * panels in the editor. It also creates a special {@link module:ui/panel/balloon/contextualballoon~RotatorView rotator view},\n * used to manage multiple panel stacks. Rotator view is a child of the balloon panel view and the parent of the specific\n * view you want to display. If there is more than one panel stack to be displayed, the rotator view will add a\n * navigation bar. If there is only one stack, the rotator view is transparent (it does not add any UI elements).\n */\nexport class ContextualBalloon extends Plugin {\n\t/**\n\t * The {@link module:utils/dom/position~DomOptimalPositionOptions#limiter position limiter}\n\t * for the {@link #view balloon}, used when no `limiter` has been passed into {@link #add}\n\t * or {@link #updatePosition}.\n\t *\n\t * By default, a function that obtains the farthest DOM\n\t * {@link module:engine/view/rooteditableelement~ViewRootEditableElement}\n\t * of the {@link module:engine/view/document~ViewDocument#selection}.\n\t */\n\tpublic positionLimiter: DomOptimalPositionOptions[ 'limiter' ];\n\n\tpublic visibleStack?: string;\n\n\t/**\n\t * The currently visible view or `null` when there are no views in any stack.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public visibleView: View | null;\n\n\t/**\n\t * A total number of all stacks in the balloon.\n\t *\n\t * @private\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _numberOfStacks: number;\n\n\t/**\n\t * A flag that controls the single view mode.\n\t *\n\t * @private\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _singleViewMode: boolean;\n\n\t/**\n\t * The map of views and their stacks.\n\t */\n\tprivate _viewToStack = new Map<View, Stack>();\n\n\t/**\n\t * The map of IDs and stacks.\n\t */\n\tprivate _idToStack = new Map<string, Stack>();\n\n\t/**\n\t * The common balloon panel view.\n\t */\n\tprivate _view: BalloonPanelView | null = null;\n\n\t/**\n\t * Rotator view embedded in the contextual balloon.\n\t * Displays the currently visible view in the balloon and provides navigation for switching stacks.\n\t */\n\tprivate _rotatorView: RotatorView | null = null;\n\n\t/**\n\t * Displays fake panels under the balloon panel view when multiple stacks are added to the balloon.\n\t */\n\tprivate _fakePanelsView: FakePanelsView | null = null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ContextualBalloon' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.positionLimiter = () => {\n\t\t\tconst view = this.editor.editing.view;\n\t\t\tconst viewDocument = view.document;\n\t\t\tconst editableElement = viewDocument.selection.editableElement;\n\n\t\t\tif ( editableElement ) {\n\t\t\t\treturn view.domConverter.mapViewToDom( editableElement.root ) as HTMLElement;\n\t\t\t}\n\n\t\t\treturn null;\n\t\t};\n\n\t\tthis.decorate( 'getPositionOptions' );\n\n\t\tthis.set( 'visibleView', null );\n\t\tthis.set( '_numberOfStacks', 0 );\n\t\tthis.set( '_singleViewMode', false );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tif ( this._view ) {\n\t\t\tthis._view.destroy();\n\t\t}\n\n\t\tif ( this._rotatorView ) {\n\t\t\tthis._rotatorView.destroy();\n\t\t}\n\n\t\tif ( this._fakePanelsView ) {\n\t\t\tthis._fakePanelsView.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * The common balloon panel view.\n\t */\n\tpublic get view(): BalloonPanelView {\n\t\tif ( !this._view ) {\n\t\t\tthis._createPanelView();\n\t\t}\n\n\t\treturn this._view!;\n\t}\n\n\t/**\n\t * Returns `true` when the given view is in one of the stacks. Otherwise returns `false`.\n\t */\n\tpublic hasView( view: View ): boolean {\n\t\treturn Array.from( this._viewToStack.keys() ).includes( view );\n\t}\n\n\t/**\n\t * Adds a new view to the stack and makes it visible if the current stack is visible\n\t * or it is the first view in the balloon.\n\t *\n\t * @param data The configuration of the view.\n\t * @param data.stackId The ID of the stack that the view is added to. Defaults to `'main'`.\n\t * @param data.view The content of the balloon.\n\t * @param data.position Positioning options.\n\t * @param data.balloonClassName An additional CSS class added to the {@link #view balloon} when visible.\n\t * @param data.withArrow Whether the {@link #view balloon} should be rendered with an arrow. Defaults to `true`.\n\t * @param data.singleViewMode Whether the view should be the only visible view even if other stacks were added. Defaults to `false`.\n\t */\n\tpublic add( data: ViewConfiguration ): void {\n\t\tif ( !this._view ) {\n\t\t\tthis._createPanelView();\n\t\t}\n\n\t\tif ( this.hasView( data.view ) ) {\n\t\t\t/**\n\t\t\t * Trying to add configuration of the same view more than once.\n\t\t\t *\n\t\t\t * @error contextualballoon-add-view-exist\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'contextualballoon-add-view-exist',\n\t\t\t\t[ this, data ]\n\t\t\t);\n\t\t}\n\n\t\tconst stackId = data.stackId || 'main';\n\n\t\t// If new stack is added, creates it and show view from this stack.\n\t\tif ( !this._idToStack.has( stackId ) ) {\n\t\t\tthis._idToStack.set( stackId, new Map( [ [ data.view, data ] ] ) );\n\t\t\tthis._viewToStack.set( data.view, this._idToStack.get( stackId )! );\n\t\t\tthis._numberOfStacks = this._idToStack.size;\n\n\t\t\tif ( !this._visibleStack || data.singleViewMode ) {\n\t\t\t\tthis.showStack( stackId );\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst stack = this._idToStack.get( stackId )!;\n\n\t\tif ( data.singleViewMode ) {\n\t\t\tthis.showStack( stackId );\n\t\t}\n\n\t\t// Add new view to the stack.\n\t\tstack.set( data.view, data );\n\t\tthis._viewToStack.set( data.view, stack );\n\n\t\t// And display it if is added to the currently visible stack.\n\t\tif ( stack === this._visibleStack ) {\n\t\t\tthis._showView( data );\n\t\t}\n\t}\n\n\t/**\n\t * Removes the given view from the stack. If the removed view was visible,\n\t * the view preceding it in the stack will become visible instead.\n\t * When there is no view in the stack, the next stack will be displayed.\n\t * When there are no more stacks, the balloon will hide.\n\t *\n\t * @param view A view to be removed from the balloon.\n\t */\n\tpublic remove( view: View ): void {\n\t\tif ( !this.hasView( view ) ) {\n\t\t\t/**\n\t\t\t * Trying to remove the configuration of the view not defined in the stack.\n\t\t\t *\n\t\t\t * @error contextualballoon-remove-view-not-exist\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'contextualballoon-remove-view-not-exist',\n\t\t\t\t[ this, view ]\n\t\t\t);\n\t\t}\n\n\t\tconst stack = this._viewToStack.get( view )!;\n\n\t\tif ( this._singleViewMode && this.visibleView === view ) {\n\t\t\tthis._singleViewMode = false;\n\t\t}\n\n\t\t// When visible view will be removed we need to show a preceding view or next stack\n\t\t// if a view is the only view in the stack.\n\t\tif ( this.visibleView === view ) {\n\t\t\tif ( stack.size === 1 ) {\n\t\t\t\tif ( this._idToStack.size > 1 ) {\n\t\t\t\t\tthis._showNextStack();\n\t\t\t\t} else {\n\t\t\t\t\tthis.view.hide();\n\t\t\t\t\tthis.visibleView = null;\n\t\t\t\t\tthis._rotatorView!.hideView();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis._showView( Array.from( stack.values() )[ stack.size - 2 ] );\n\t\t\t}\n\t\t}\n\n\t\tif ( stack.size === 1 ) {\n\t\t\tthis._idToStack.delete( this._getStackId( stack ) );\n\t\t\tthis._numberOfStacks = this._idToStack.size;\n\t\t} else {\n\t\t\tstack.delete( view );\n\t\t}\n\n\t\tthis._viewToStack.delete( view );\n\t}\n\n\t/**\n\t * Updates the position of the balloon using the position data of the first visible view in the stack.\n\t * When new position data is given, the position data of the currently visible view will be updated.\n\t *\n\t * @param position Position options.\n\t */\n\tpublic updatePosition( position?: Partial<DomOptimalPositionOptions> ): void {\n\t\tif ( position ) {\n\t\t\tthis._visibleStack.get( this.visibleView! )!.position = position;\n\t\t}\n\n\t\tthis.view.pin( this.getPositionOptions()! );\n\t\tthis._fakePanelsView!.updatePosition();\n\t}\n\n\t/**\n\t * Returns position options of the last view in the stack.\n\t * This keeps the balloon in the same position when the view is changed.\n\t */\n\tpublic getPositionOptions(): Partial<DomOptimalPositionOptions> | undefined {\n\t\tlet position = Array.from( this._visibleStack.values() ).pop()!.position;\n\n\t\tif ( position ) {\n\t\t\t// Use the default limiter if none has been specified.\n\t\t\tif ( !position.limiter ) {\n\t\t\t\t// Don't modify the original options object.\n\t\t\t\tposition = Object.assign( {}, position, {\n\t\t\t\t\tlimiter: this.positionLimiter\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// Don't modify the original options object.\n\t\t\tposition = Object.assign( {}, position, {\n\t\t\t\tviewportOffsetConfig: {\n\t\t\t\t\t...this.editor.ui.viewportOffset,\n\t\t\t\t\ttop: this.editor.ui.viewportOffset.visualTop\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\treturn position;\n\t}\n\n\t/**\n\t * Shows the last view from the stack of a given ID.\n\t */\n\tpublic showStack( id: string ): void {\n\t\tthis.visibleStack = id;\n\t\tconst stack = this._idToStack.get( id );\n\n\t\tif ( !stack ) {\n\t\t\t/**\n\t\t\t * Trying to show a stack that does not exist.\n\t\t\t *\n\t\t\t * @error contextualballoon-showstack-stack-not-exist\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'contextualballoon-showstack-stack-not-exist',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\tif ( this._visibleStack === stack ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showView( Array.from( stack.values() ).pop()! );\n\t}\n\n\t/**\n\t * Initializes view instances.\n\t */\n\tprivate _createPanelView(): void {\n\t\tthis._view = new BalloonPanelView( this.editor.locale );\n\n\t\tthis.editor.ui.view.body.add( this._view );\n\n\t\tthis._rotatorView = this._createRotatorView();\n\t\tthis._fakePanelsView = this._createFakePanelsView();\n\t}\n\n\t/**\n\t * Returns the stack of the currently visible view.\n\t */\n\tprivate get _visibleStack() {\n\t\treturn this._viewToStack.get( this.visibleView! )!;\n\t}\n\n\t/**\n\t * Returns the ID of the given stack.\n\t */\n\tprivate _getStackId( stack: Stack ) {\n\t\tconst entry = Array.from( this._idToStack.entries() ).find( entry => entry[ 1 ] === stack )!;\n\n\t\treturn entry[ 0 ];\n\t}\n\n\t/**\n\t * Shows the last view from the next stack.\n\t */\n\tprivate _showNextStack() {\n\t\tconst stacks = Array.from( this._idToStack.values() );\n\n\t\tlet nextIndex = stacks.indexOf( this._visibleStack ) + 1;\n\n\t\tif ( !stacks[ nextIndex ] ) {\n\t\t\tnextIndex = 0;\n\t\t}\n\n\t\tthis.showStack( this._getStackId( stacks[ nextIndex ] ) );\n\t}\n\n\t/**\n\t * Shows the last view from the previous stack.\n\t */\n\tprivate _showPrevStack() {\n\t\tconst stacks = Array.from( this._idToStack.values() );\n\n\t\tlet nextIndex = stacks.indexOf( this._visibleStack ) - 1;\n\n\t\tif ( !stacks[ nextIndex ] ) {\n\t\t\tnextIndex = stacks.length - 1;\n\t\t}\n\n\t\tthis.showStack( this._getStackId( stacks[ nextIndex ] ) );\n\t}\n\n\t/**\n\t * Creates a rotator view.\n\t */\n\tprivate _createRotatorView() {\n\t\tconst view = new RotatorView( this.editor.locale );\n\t\tconst t = this.editor.locale.t;\n\n\t\tthis.view.content.add( view );\n\n\t\t// Hide navigation when there is only a one stack & not in single view mode.\n\t\tview.bind( 'isNavigationVisible' ).to( this, '_numberOfStacks', this, '_singleViewMode', ( value, isSingleViewMode ) => {\n\t\t\treturn !isSingleViewMode && value > 1;\n\t\t} );\n\n\t\t// Update balloon position after toggling navigation.\n\t\tview.on<ObservableChangeEvent>( 'change:isNavigationVisible', () => ( this.updatePosition() ), { priority: 'low' } );\n\n\t\t// Update stacks counter value.\n\t\tview.bind( 'counter' ).to( this, 'visibleView', this, '_numberOfStacks', ( visibleView, numberOfStacks ) => {\n\t\t\tif ( numberOfStacks < 2 ) {\n\t\t\t\treturn '';\n\t\t\t}\n\n\t\t\tconst current = Array.from( this._idToStack.values() ).indexOf( this._visibleStack ) + 1;\n\n\t\t\treturn t( '%0 of %1', [ current, numberOfStacks ] );\n\t\t} );\n\n\t\tview.buttonNextView.on<ButtonExecuteEvent>( 'execute', () => {\n\t\t\t// When current view has a focus then move focus to the editable before removing it,\n\t\t\t// otherwise editor will lost focus.\n\t\t\tif ( view.focusTracker.isFocused ) {\n\t\t\t\tthis.editor.editing.view.focus();\n\t\t\t}\n\n\t\t\tthis._showNextStack();\n\t\t} );\n\n\t\tview.buttonPrevView.on<ButtonExecuteEvent>( 'execute', () => {\n\t\t\t// When current view has a focus then move focus to the editable before removing it,\n\t\t\t// otherwise editor will lost focus.\n\t\t\tif ( view.focusTracker.isFocused ) {\n\t\t\t\tthis.editor.editing.view.focus();\n\t\t\t}\n\n\t\t\tthis._showPrevStack();\n\t\t} );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Creates a fake panels view.\n\t */\n\tprivate _createFakePanelsView() {\n\t\tconst view = new FakePanelsView( this.editor.locale, this.view );\n\n\t\tview.bind( 'numberOfPanels' ).to( this, '_numberOfStacks', this, '_singleViewMode', ( number, isSingleViewMode ) => {\n\t\t\tconst showPanels = !isSingleViewMode && number >= 2;\n\n\t\t\treturn showPanels ? Math.min( number - 1, 2 ) : 0;\n\t\t} );\n\n\t\tview.listenTo<ObservableChangeEvent>( this.view, 'change:top', () => view.updatePosition() );\n\t\tview.listenTo<ObservableChangeEvent>( this.view, 'change:left', () => view.updatePosition() );\n\n\t\tthis.editor.ui.view.body.add( view );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Sets the view as the content of the balloon and attaches the balloon using position\n\t * options of the first view.\n\t *\n\t * @param data Configuration.\n\t * @param data.view The view to show in the balloon.\n\t * @param data.balloonClassName Additional class name which will be added to the {@link #view balloon}.\n\t * @param data.withArrow Whether the {@link #view balloon} should be rendered with an arrow.\n\t */\n\tprivate _showView( { view, balloonClassName = '', withArrow = true, singleViewMode = false }: ViewConfiguration ) {\n\t\tthis.view.class = balloonClassName;\n\t\tthis.view.withArrow = withArrow;\n\n\t\tthis._rotatorView!.showView( view );\n\t\tthis.visibleView = view;\n\t\tthis.view.pin( this.getPositionOptions()! );\n\t\tthis._fakePanelsView!.updatePosition();\n\n\t\tif ( singleViewMode ) {\n\t\t\tthis._singleViewMode = true;\n\t\t}\n\t}\n}\n\n/**\n * An event fired when the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon} is about to get the position of the balloon.\n *\n * @eventName ~ContextualBalloon#getPositionOptions\n */\nexport type ContextualBalloonGetPositionOptionsEvent = DecoratedMethodEvent<ContextualBalloon, 'getPositionOptions'>;\n\n/**\n * The configuration of the view.\n */\nexport interface ViewConfiguration {\n\n\t/**\n\t * The ID of the stack that the view is added to.\n\t *\n\t * @default 'main'\n\t */\n\tstackId?: string;\n\n\t/**\n\t * The content of the balloon.\n\t */\n\tview: View;\n\n\t/**\n\t * Positioning options.\n\t */\n\tposition?: Partial<DomOptimalPositionOptions>;\n\n\t/**\n\t * An additional CSS class added to the {@link #view balloon} when visible.\n\t */\n\tballoonClassName?: string;\n\n\t/**\n\t * Whether the {@link #view balloon} should be rendered with an arrow.\n\t *\n\t * @default true\n\t */\n\twithArrow?: boolean;\n\n\t/**\n\t * Whether the view should be the only visible view even if other stacks were added.\n\t *\n\t * @default false\n\t */\n\tsingleViewMode?: boolean;\n}\n\ntype Stack = Map<View, ViewConfiguration>;\n\n/**\n * Rotator view is a helper class for the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon ContextualBalloon}.\n * It is used for displaying the last view from the current stack and providing navigation buttons for switching stacks.\n * See the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon ContextualBalloon} documentation to learn more.\n * @internal\n */\nexport class RotatorView extends View {\n\t/**\n\t * Used for checking if a view is focused or not.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * Navigation button for switching the stack to the previous one.\n\t */\n\tpublic readonly buttonPrevView: ButtonView;\n\n\t/**\n\t * Navigation button for switching the stack to the next one.\n\t */\n\tpublic readonly buttonNextView: ButtonView;\n\n\t/**\n\t * A collection of the child views that creates the rotator content.\n\t */\n\tpublic readonly content: ViewCollection;\n\n\t/**\n\t * Defines whether navigation is visible or not.\n\t *\n\t * @observable\n\t */\n\tdeclare public isNavigationVisible: boolean;\n\n\t/**\n\t * @observable\n\t */\n\tdeclare public counter: string;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst t = locale.t;\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'isNavigationVisible', true );\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.buttonPrevView = this._createButtonView( t( 'Previous' ), IconPreviousArrow );\n\t\tthis.buttonNextView = this._createButtonView( t( 'Next' ), IconNextArrow );\n\t\tthis.content = this.createCollection();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-balloon-rotator'\n\t\t\t\t],\n\t\t\t\t'z-index': '-1'\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck-balloon-rotator__navigation',\n\t\t\t\t\t\t\tbind.to( 'isNavigationVisible', value => value ? '' : 'ck-hidden' )\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tthis.buttonPrevView,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttag: 'span',\n\n\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t\t\t'ck-balloon-rotator__counter'\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\ttext: bind.to( 'counter' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t},\n\t\t\t\t\t\tthis.buttonNextView\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: 'ck-balloon-rotator__content'\n\t\t\t\t\t},\n\t\t\t\t\tchildren: this.content\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.focusTracker.add( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t}\n\n\t/**\n\t * Shows a given view.\n\t *\n\t * @param view The view to show.\n\t */\n\tpublic showView( view: View ): void {\n\t\tthis.hideView();\n\t\tthis.content.add( view );\n\t}\n\n\t/**\n\t * Hides the currently displayed view.\n\t */\n\tpublic hideView(): void {\n\t\tthis.content.clear();\n\t}\n\n\t/**\n\t * Creates a navigation button view.\n\t *\n\t * @param label The button label.\n\t * @param icon The button icon.\n\t */\n\tprivate _createButtonView( label: string, icon: string ) {\n\t\tconst view = new ButtonView( this.locale );\n\n\t\tview.set( {\n\t\t\tlabel,\n\t\t\ticon,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n\n/**\n * Displays additional layers under the balloon when multiple stacks are added to the balloon.\n */\nclass FakePanelsView extends View {\n\t/**\n\t * Collection of the child views which creates fake panel content.\n\t */\n\tpublic readonly content: ViewCollection;\n\n\t/**\n\t * Fake panels top offset.\n\t *\n\t * @observable\n\t */\n\tdeclare public top: number;\n\n\t/**\n\t * Fake panels left offset.\n\t *\n\t * @observable\n\t */\n\tdeclare public left: number;\n\n\t/**\n\t * Fake panels height.\n\t *\n\t * @observable\n\t */\n\tdeclare public height: number;\n\n\t/**\n\t * Fake panels width.\n\t *\n\t * @observable\n\t */\n\tdeclare public width: number;\n\n\t/**\n\t * Number of rendered fake panels.\n\t *\n\t * @observable\n\t */\n\tdeclare public numberOfPanels: number;\n\n\t/**\n\t * Context.\n\t */\n\tprivate readonly _balloonPanelView: BalloonPanelView;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale, balloonPanelView: BalloonPanelView ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'top', 0 );\n\t\tthis.set( 'left', 0 );\n\t\tthis.set( 'height', 0 );\n\t\tthis.set( 'width', 0 );\n\t\tthis.set( 'numberOfPanels', 0 );\n\n\t\tthis.content = this.createCollection();\n\t\tthis._balloonPanelView = balloonPanelView;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-fake-panel',\n\t\t\t\t\tbind.to( 'numberOfPanels', number => number ? '' : 'ck-hidden' )\n\t\t\t\t],\n\t\t\t\tstyle: {\n\t\t\t\t\ttop: bind.to( 'top', toPx ),\n\t\t\t\t\tleft: bind.to( 'left', toPx ),\n\t\t\t\t\twidth: bind.to( 'width', toPx ),\n\t\t\t\t\theight: bind.to( 'height', toPx )\n\t\t\t\t}\n\t\t\t},\n\t\t\tchildren: this.content\n\t\t} );\n\n\t\tthis.on<ObservableChangeEvent<number>>( 'change:numberOfPanels', ( evt, name, next, prev ) => {\n\t\t\tif ( next > prev ) {\n\t\t\t\tthis._addPanels( next - prev );\n\t\t\t} else {\n\t\t\t\tthis._removePanels( prev - next );\n\t\t\t}\n\n\t\t\tthis.updatePosition();\n\t\t} );\n\t}\n\n\tprivate _addPanels( number: number ) {\n\t\twhile ( number-- ) {\n\t\t\tconst view = new View();\n\n\t\t\tview.setTemplate( { tag: 'div' } );\n\n\t\t\tthis.content.add( view );\n\t\t\tthis.registerChild( view );\n\t\t}\n\t}\n\n\tprivate _removePanels( number: number ) {\n\t\twhile ( number-- ) {\n\t\t\tconst view = this.content.last!;\n\n\t\t\tthis.content.remove( view );\n\t\t\tthis.deregisterChild( view );\n\t\t\tview.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Updates coordinates of fake panels.\n\t */\n\tpublic updatePosition() {\n\t\tif ( this.numberOfPanels ) {\n\t\t\tconst { top, left } = this._balloonPanelView;\n\t\t\tconst { width, height } = new Rect( this._balloonPanelView.element! );\n\n\t\t\tObject.assign( this, { top, left, width, height } );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/panel/sticky/stickypanelview\n */\n\nimport { View } from '../../view.js';\nimport { Template } from '../../template.js';\n\nimport { type ViewCollection } from '../../viewcollection.js';\n\nimport {\n\ttype Locale,\n\ttype ObservableChangeEvent,\n\tRect,\n\ttoUnit,\n\tgetVisualViewportOffset,\n\tglobal\n} from '@ckeditor/ckeditor5-utils';\n\n// @if CK_DEBUG_STICKYPANEL // const {\n// @if CK_DEBUG_STICKYPANEL // \tdefault: RectDrawer,\n// @if CK_DEBUG_STICKYPANEL // \tdiagonalStylesBlack\n// @if CK_DEBUG_STICKYPANEL // } = require( '@ckeditor/ckeditor5-utils/tests/_utils/rectdrawer' );\n\nimport '../../../theme/components/panel/stickypanel.css';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * The sticky panel view class.\n */\nexport class StickyPanelView extends View {\n\t/**\n\t * Collection of the child views which creates balloon panel contents.\n\t */\n\tpublic readonly content: ViewCollection;\n\n\t/**\n\t * Controls whether the sticky panel should be active.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public isActive: boolean;\n\n\t/**\n\t * Controls whether the sticky panel is in the \"sticky\" state.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public isSticky: boolean;\n\n\t/**\n\t * The limiter element for the sticky panel instance. Its bounding rect limits\n\t * the \"stickyness\" of the panel, i.e. when the panel reaches the bottom\n\t * edge of the limiter, it becomes sticky to that edge and does not float\n\t * off the limiter. It is mandatory for the panel to work properly and once\n\t * set, it cannot be changed.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public limiterElement: HTMLElement | null;\n\n\t/**\n\t * The offset from the bottom edge of {@link #limiterElement}\n\t * which stops the panel from stickying any further to prevent limiter's content\n\t * from being completely covered.\n\t *\n\t * @readonly\n\t * @observable\n\t * @default 50\n\t */\n\tdeclare public limiterBottomOffset: number;\n\n\t/**\n\t * The offset from the top edge of the web browser's viewport which makes the\n\t * panel become sticky. The default value is `0`, which means the panel becomes\n\t * sticky when it's upper edge touches the top of the page viewport.\n\t *\n\t * This attribute is useful when the web page has UI elements positioned to the top\n\t * either using `position: fixed` or `position: sticky`, which would cover the\n\t * sticky panel or vice–versa (depending on the `z-index` hierarchy).\n\t *\n\t * Bound to {@link module:ui/editorui/editorui~EditorUI#viewportOffset `EditorUI#viewportOffset`}.\n\t *\n\t * If {@link module:core/editor/editorconfig~EditorConfig#ui `EditorConfig#ui.viewportOffset.top`} is defined, then\n\t * it will override the default value.\n\t *\n\t * @observable\n\t * @default 0\n\t */\n\tdeclare public viewportTopOffset: number;\n\n\t/**\n\t * The panel which accepts children into {@link #content} collection.\n\t * Also an element which is positioned when {@link #isSticky}.\n\t */\n\tpublic contentPanelElement: HTMLElement;\n\n\t/**\n\t * Controls the `margin-left` CSS style of the panel.\n\t *\n\t * @private\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _marginLeft: string | null;\n\n\t/**\n\t * Set `true` if the sticky panel reached the bottom edge of the\n\t * {@link #limiterElement}.\n\t *\n\t * @private\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _isStickyToTheBottomOfLimiter: boolean;\n\n\t/**\n\t * The `top` CSS position of the panel when it is sticky to the top of the viewport or scrollable\n\t * ancestors of the {@link #limiterElement}.\n\t *\n\t * @private\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _stickyTopOffset: number | null;\n\n\t/**\n\t * The `bottom` CSS position of the panel when it is sticky to the bottom of the {@link #limiterElement}.\n\t *\n\t * @private\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _stickyBottomOffset: number | null;\n\n\t/**\n\t * A dummy element which visually fills the space as long as the\n\t * actual panel is sticky. It prevents flickering of the UI.\n\t */\n\tprivate _contentPanelPlaceholder: HTMLElement;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'isActive', false );\n\t\tthis.set( 'isSticky', false );\n\t\tthis.set( 'limiterElement', null );\n\t\tthis.set( 'limiterBottomOffset', 50 );\n\t\tthis.set( 'viewportTopOffset', 0 );\n\n\t\tthis.set( '_marginLeft', null );\n\t\tthis.set( '_isStickyToTheBottomOfLimiter', false );\n\n\t\tthis.set( '_stickyTopOffset', null );\n\t\tthis.set( '_stickyBottomOffset', null );\n\n\t\tthis.content = this.createCollection();\n\n\t\tthis._contentPanelPlaceholder = new Template( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-sticky-panel__placeholder'\n\t\t\t\t],\n\t\t\t\tstyle: {\n\t\t\t\t\tdisplay: bind.to( 'isSticky', isSticky => isSticky ? 'block' : 'none' ),\n\t\t\t\t\theight: bind.to( 'isSticky', isSticky => {\n\t\t\t\t\t\treturn isSticky ? toPx( this._contentPanelRect.height ) : null;\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t}\n\t\t} ).render() as HTMLElement;\n\n\t\tthis.contentPanelElement = new Template( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-sticky-panel__content',\n\t\t\t\t\t// Toggle class of the panel when \"sticky\" state changes in the view.\n\t\t\t\t\tbind.if( 'isSticky', 'ck-sticky-panel__content_sticky' ),\n\t\t\t\t\tbind.if( '_isStickyToTheBottomOfLimiter', 'ck-sticky-panel__content_sticky_bottom-limit' )\n\t\t\t\t],\n\t\t\t\tstyle: {\n\t\t\t\t\twidth: bind.to( 'isSticky', isSticky => {\n\t\t\t\t\t\treturn isSticky ? toPx( this._contentPanelPlaceholder.getBoundingClientRect().width ) : null;\n\t\t\t\t\t} ),\n\n\t\t\t\t\ttop: bind.to( '_stickyTopOffset', value => value ? toPx( value ) : value ),\n\t\t\t\t\tbottom: bind.to( '_stickyBottomOffset', value => value ? toPx( value ) : value ),\n\n\t\t\t\t\tmarginLeft: bind.to( '_marginLeft' )\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tchildren: this.content\n\t\t} ).render() as HTMLElement;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-sticky-panel'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tthis._contentPanelPlaceholder,\n\t\t\t\tthis.contentPanelElement\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Check if the panel should go into the sticky state immediately.\n\t\tthis.checkIfShouldBeSticky();\n\n\t\t// Update sticky state of the panel as the window and ancestors are being scrolled.\n\t\tthis.listenTo( global.document, 'scroll', () => {\n\t\t\tthis.checkIfShouldBeSticky();\n\t\t}, { useCapture: true } );\n\n\t\t// Synchronize with `model.isActive` because sticking an inactive panel is pointless.\n\t\tthis.listenTo<ObservableChangeEvent>( this, 'change:isActive', () => {\n\t\t\tthis.checkIfShouldBeSticky();\n\t\t} );\n\n\t\tif ( global.window.visualViewport ) {\n\t\t\tthis.listenTo( global.window.visualViewport, 'scroll', () => {\n\t\t\t\tthis.checkIfShouldBeSticky();\n\t\t\t} );\n\n\t\t\tthis.listenTo( global.window.visualViewport, 'resize', () => {\n\t\t\t\tthis.checkIfShouldBeSticky();\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Analyzes the environment to decide whether the panel should be sticky or not.\n\t * Then handles the positioning of the panel.\n\t */\n\tpublic checkIfShouldBeSticky(): void {\n\t\t// @if CK_DEBUG_STICKYPANEL // RectDrawer.clear();\n\n\t\tif ( !this.limiterElement || !this.isActive ) {\n\t\t\tthis._unstick();\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst limiterRect = new Rect( this.limiterElement );\n\t\tlet visibleLimiterRect = limiterRect.getVisible();\n\n\t\tif ( visibleLimiterRect ) {\n\t\t\tconst windowRect = new Rect( global.window );\n\n\t\t\twindowRect.top += this.viewportTopOffset;\n\t\t\twindowRect.height -= this.viewportTopOffset;\n\n\t\t\tvisibleLimiterRect = visibleLimiterRect.getIntersection( windowRect );\n\t\t}\n\n\t\tconst {\n\t\t\tleft: visualViewportOffsetLeft,\n\t\t\ttop: visualViewportOffsetTop\n\t\t} = getVisualViewportOffset();\n\n\t\tlimiterRect.moveBy( visualViewportOffsetLeft, visualViewportOffsetTop );\n\n\t\tif ( visibleLimiterRect ) {\n\t\t\tvisibleLimiterRect.moveBy( visualViewportOffsetLeft, visualViewportOffsetTop );\n\t\t}\n\n\t\t// Stick the panel only if\n\t\t// * the limiter's ancestors are intersecting with each other so that some of their rects are visible,\n\t\t// * and the limiter's top edge is above the visible ancestors' top edge.\n\t\tif ( visibleLimiterRect && limiterRect.top < visibleLimiterRect.top ) {\n\t\t\t// Check if there's a change the panel can be sticky to the bottom of the limiter.\n\t\t\tif ( this._contentPanelRect.height + this.limiterBottomOffset > visibleLimiterRect.height ) {\n\t\t\t\tconst stickyBottomOffset = Math.max( limiterRect.bottom - visibleLimiterRect.bottom, 0 ) + this.limiterBottomOffset;\n\t\t\t\t// @if CK_DEBUG_STICKYPANEL // const stickyBottomOffsetRect = new Rect( {\n\t\t\t\t// @if CK_DEBUG_STICKYPANEL // \ttop: limiterRect.bottom - stickyBottomOffset, left: 0, right: 2000,\n\t\t\t\t// @if CK_DEBUG_STICKYPANEL // \tbottom: limiterRect.bottom - stickyBottomOffset, width: 2000, height: 1\n\t\t\t\t// @if CK_DEBUG_STICKYPANEL // } );\n\t\t\t\t// @if CK_DEBUG_STICKYPANEL // RectDrawer.draw( stickyBottomOffsetRect,\n\t\t\t\t// @if CK_DEBUG_STICKYPANEL // \t{ outlineWidth: '1px', opacity: '.8', outlineColor: 'black' },\n\t\t\t\t// @if CK_DEBUG_STICKYPANEL // \t'Sticky bottom offset',\n\t\t\t\t// @if CK_DEBUG_STICKYPANEL // \t{ visualViewportOrigin: true }\n\t\t\t\t// @if CK_DEBUG_STICKYPANEL // );\n\n\t\t\t\t// Check if sticking the panel to the bottom of the limiter does not cause it to suddenly\n\t\t\t\t// move upwards if there's not enough space for it.\n\t\t\t\t// To avoid toolbar flickering we are adding 1 for potential style change (sticky has all borders set,\n\t\t\t\t// non-sticky lacks bottom border).\n\t\t\t\tif ( this._contentPanelRect.height + stickyBottomOffset + 1 < limiterRect.height ) {\n\t\t\t\t\tthis._stickToBottomOfLimiter( stickyBottomOffset );\n\t\t\t\t} else {\n\t\t\t\t\tthis._unstick();\n\t\t\t\t}\n\t\t\t} else if ( this._contentPanelRect.height + this.limiterBottomOffset < limiterRect.height ) {\n\t\t\t\tthis._stickToTopOfAncestors( visibleLimiterRect.top );\n\t\t\t} else {\n\t\t\t\tthis._unstick();\n\t\t\t}\n\t\t} else {\n\t\t\tthis._unstick();\n\t\t}\n\n\t\t// @if CK_DEBUG_STICKYPANEL // console.clear();\n\t\t// @if CK_DEBUG_STICKYPANEL // console.log( 'isSticky', this.isSticky );\n\t\t// @if CK_DEBUG_STICKYPANEL // console.log( '_isStickyToTheBottomOfLimiter', this._isStickyToTheBottomOfLimiter );\n\t\t// @if CK_DEBUG_STICKYPANEL // console.log( '_stickyTopOffset', this._stickyTopOffset );\n\t\t// @if CK_DEBUG_STICKYPANEL // console.log( '_stickyBottomOffset', this._stickyBottomOffset );\n\t\t// @if CK_DEBUG_STICKYPANEL // if ( visibleLimiterRect ) {\n\t\t// @if CK_DEBUG_STICKYPANEL // \tRectDrawer.draw( visibleLimiterRect,\n\t\t// @if CK_DEBUG_STICKYPANEL // \t\t{ ...diagonalStylesBlack,\n\t\t// @if CK_DEBUG_STICKYPANEL // \t\t\toutlineWidth: '3px', opacity: '.8', outlineColor: 'orange', outlineOffset: '-3px',\n\t\t// @if CK_DEBUG_STICKYPANEL // \t\t\tbackgroundColor: 'rgba(0, 0, 255, .2)', zIndex: 2000 },\n\t\t// @if CK_DEBUG_STICKYPANEL // \t\t'visibleLimiterRect',\n\t\t// @if CK_DEBUG_STICKYPANEL // \t\t{ visualViewportOrigin: true }\n\t\t// @if CK_DEBUG_STICKYPANEL // \t);\n\t\t// @if CK_DEBUG_STICKYPANEL // }\n\t}\n\n\t/**\n\t * Sticks the panel at the given CSS `top` offset.\n\t *\n\t * @private\n\t * @param topOffset\n\t */\n\tprivate _stickToTopOfAncestors( topOffset: number ) {\n\t\tthis.isSticky = true;\n\t\tthis._isStickyToTheBottomOfLimiter = false;\n\t\tthis._stickyTopOffset = topOffset;\n\t\tthis._stickyBottomOffset = null;\n\t\tthis._marginLeft = toPx( -global.window.scrollX + getVisualViewportOffset().left );\n\t}\n\n\t/**\n\t * Sticks the panel at the bottom of the limiter with a given CSS `bottom` offset.\n\t *\n\t * @private\n\t * @param stickyBottomOffset\n\t */\n\tprivate _stickToBottomOfLimiter( stickyBottomOffset: number ) {\n\t\tthis.isSticky = true;\n\t\tthis._isStickyToTheBottomOfLimiter = true;\n\t\tthis._stickyTopOffset = null;\n\t\tthis._stickyBottomOffset = stickyBottomOffset;\n\t\tthis._marginLeft = toPx( -global.window.scrollX + getVisualViewportOffset().left );\n\t}\n\n\t/**\n\t * Unsticks the panel putting it back to its original position.\n\t *\n\t * @private\n\t */\n\tprivate _unstick() {\n\t\tthis.isSticky = false;\n\t\tthis._isStickyToTheBottomOfLimiter = false;\n\t\tthis._stickyTopOffset = null;\n\t\tthis._stickyBottomOffset = null;\n\t\tthis._marginLeft = null;\n\t}\n\n\t/**\n\t * Returns the bounding rect of the {@link #contentPanelElement}.\n\t *\n\t * @private\n\t */\n\tprivate get _contentPanelRect(): Rect {\n\t\treturn new Rect( this.contentPanelElement );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/search/text/searchtextqueryview\n */\nimport { IconCancel, IconLoupe } from '@ckeditor/ckeditor5-icons';\nimport { ButtonView } from '../../button/buttonview.js';\nimport { IconView } from '../../icon/iconview.js';\nimport { LabeledFieldView, type LabeledFieldViewCreator } from '../../labeledfield/labeledfieldview.js';\nimport { createLabeledInputText } from '../../labeledfield/utils.js';\nimport { type InputBase } from '../../input/inputbase.js';\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\n/**\n * A search input field for the {@link module:ui/search/text/searchtextview~SearchTextView} component.\n *\n * @internal\n * @extends module:ui/labeledfield/labeledfieldview~LabeledFieldView\n */\nexport class SearchTextQueryView<\n\tTQueryFieldView extends InputBase<HTMLInputElement | HTMLTextAreaElement>\n> extends LabeledFieldView<TQueryFieldView> {\n\t/**\n\t * The loupe icon displayed next to the {@link #fieldView}.\n\t */\n\tpublic iconView?: IconView;\n\n\t/**\n\t * The button that clears and focuses the {@link #fieldView}.\n\t */\n\tpublic resetButtonView?: ButtonView;\n\n\t/**\n\t * A reference to the view configuration.\n\t */\n\tprivate readonly _viewConfig: SearchTextQueryViewConfig<TQueryFieldView>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale, config: SearchTextQueryViewConfig<TQueryFieldView> ) {\n\t\tconst t = locale.t;\n\t\tconst viewConfig = Object.assign( {}, {\n\t\t\tshowResetButton: true,\n\t\t\tshowIcon: true,\n\t\t\tcreator: createLabeledInputText\n\t\t}, config );\n\n\t\tsuper( locale, viewConfig.creator as any );\n\n\t\tthis.label = config.label;\n\t\tthis._viewConfig = viewConfig;\n\n\t\tif ( this._viewConfig.showIcon ) {\n\t\t\tthis.iconView = new IconView();\n\t\t\tthis.iconView.content = IconLoupe;\n\t\t\tthis.fieldWrapperChildren.add( this.iconView, 0 );\n\n\t\t\tthis.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: 'ck-search__query_with-icon'\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\tif ( this._viewConfig.showResetButton ) {\n\t\t\tthis.resetButtonView = new ButtonView( locale );\n\t\t\tthis.resetButtonView.set( {\n\t\t\t\tlabel: t( 'Clear' ),\n\t\t\t\ticon: IconCancel,\n\t\t\t\tclass: 'ck-search__reset',\n\t\t\t\tisVisible: false,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tthis.resetButtonView.on( 'execute', () => {\n\t\t\t\tthis.reset();\n\t\t\t\tthis.focus();\n\t\t\t\tthis.fire<SearchTextQueryViewResetEvent>( 'reset' );\n\t\t\t} );\n\n\t\t\tthis.resetButtonView.bind( 'isVisible' ).to( this.fieldView, 'isEmpty', isEmpty => !isEmpty );\n\n\t\t\tthis.fieldWrapperChildren.add( this.resetButtonView );\n\n\t\t\tthis.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: 'ck-search__query_with-reset'\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Resets the search field to its default state.\n\t */\n\tpublic reset(): void {\n\t\tthis.fieldView.reset();\n\n\t\tif ( this._viewConfig.showResetButton ) {\n\t\t\tthis.resetButtonView!.isVisible = false;\n\t\t}\n\t}\n}\n\n/**\n * An event fired when the field is reset using the\n * {@link module:ui/search/text/searchtextqueryview~SearchTextQueryView#resetButtonView}.\n *\n * @eventName ~SearchTextQueryView#reset\n */\nexport type SearchTextQueryViewResetEvent = {\n\tname: 'reset';\n\targs: [];\n};\n\n/**\n * The configuration of the {@link module:ui/search/text/searchtextqueryview~SearchTextQueryView} view.\n */\nexport interface SearchTextQueryViewConfig<TConfigSearchField extends InputBase<HTMLInputElement | HTMLTextAreaElement>> {\n\n\t/**\n\t * The human-readable label of the search field.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Determines whether the button that resets the search should be visible.\n\t *\n\t * @default true\n\t */\n\tshowResetButton?: boolean;\n\n\t/**\n\t * Determines whether the loupe icon should be visible.\n\t *\n\t * @default true\n\t */\n\tshowIcon?: boolean;\n\n\t/**\n\t * The function that creates the search field input view. By default, a plain\n\t * {@link module:ui/inputtext/inputtextview~InputTextView} is used for this purpose.\n\t */\n\tcreator?: LabeledFieldViewCreator<TConfigSearchField>;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/search/searchinfoview\n*/\n\nimport type { FocusableView } from '../focuscycler.js';\nimport { View } from '../view.js';\n\n/**\n * A view displaying an information text related to different states of {@link module:ui/search/text/searchtextview~SearchTextView}.\n *\n * @internal\n */\nexport class SearchInfoView extends View implements FocusableView {\n\t/**\n\t * Controls whether the view is visible.\n\t *\n\t * @observable\n\t * @default false\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * Controls the primary line of text in the info.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public primaryText: string;\n\n\t/**\n\t * Controls the secondary line of text in the info.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public secondaryText: string;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( {\n\t\t\tisVisible: false,\n\t\t\tprimaryText: '',\n\t\t\tsecondaryText: ''\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-search__info',\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value )\n\t\t\t\t],\n\t\t\t\ttabindex: -1\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'span',\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: [ bind.to( 'primaryText' ) ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttag: 'span',\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: [ bind.to( 'secondaryText' ) ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Focuses the view\n\t */\n\tpublic focus(): void {\n\t\tthis.element!.focus();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/search/searchresultsview\n */\n\nimport { View } from '../view.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';\nimport { FocusCycler, type FocusableView } from '../focuscycler.js';\n\n/**\n * A sub-component of {@link module:ui/search/text/searchtextview~SearchTextView}. It hosts the filtered and the information views.\n */\nexport class SearchResultsView extends View implements FocusableView {\n\t/**\n\t * Tracks information about the DOM focus in the view.\n\t *\n\t * @readonly\n\t */\n\tpublic focusTracker: FocusTracker;\n\n\t/**\n\t * The collection of the child views inside of the list item {@link #element}.\n\t *\n\t * @readonly\n\t */\n\tpublic children: ViewCollection<FocusableView>;\n\n\t/**\n\t * Provides the focus management (keyboard navigation) in the view.\n\t *\n\t * @readonly\n\t */\n\tprotected _focusCycler: FocusCycler;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.children = this.createCollection();\n\t\tthis.focusTracker = new FocusTracker();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-search__results'\n\t\t\t\t],\n\t\t\t\ttabindex: -1\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this.children,\n\t\t\tfocusTracker: this.focusTracker\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tfor ( const child of this.children ) {\n\t\t\tthis.focusTracker.add( child.element! );\n\t\t}\n\t}\n\n\t/**\n\t * Focuses the view.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Focuses the first child view.\n\t */\n\tpublic focusFirst(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Focuses the last child view.\n\t */\n\tpublic focusLast(): void {\n\t\tthis._focusCycler.focusLast();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/search/text/searchtextview\n*/\n\nimport { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';\nimport { View } from '../../view.js';\nimport { SearchTextQueryView, type SearchTextQueryViewConfig } from './searchtextqueryview.js';\nimport { SearchInfoView } from '../searchinfoview.js';\nimport { SearchResultsView } from '../searchresultsview.js';\nimport { FocusCycler, type FocusableView } from '../../focuscycler.js';\nimport { escapeRegExp } from 'es-toolkit/compat';\n\nimport { type FilteredView } from '../filteredview.js';\nimport { type ViewCollection } from '../../viewcollection.js';\nimport { type InputBase } from '../../input/inputbase.js';\nimport { type InputTextView } from '../../inputtext/inputtextview.js';\n\nimport '../../../theme/components/search/search.css';\n\n/**\n * A search component that allows filtering of an arbitrary view based on a search query\n * specified by the user in a text field.\n *\n *```ts\n * // This view must specify the `filter()` and `focus()` methods.\n * const filteredView = ...;\n *\n * const searchView = new SearchTextView( locale, {\n * \tsearchFieldLabel: 'Search list items',\n * \tfilteredView\n * } );\n *\n * view.render();\n *\n * document.body.append( view.element );\n * ```\n */\nexport class SearchTextView<\n\tTQueryFieldView extends InputBase<HTMLInputElement | HTMLTextAreaElement> = InputTextView\n> extends View {\n\t/**\n\t * Tracks information about the DOM focus in the view.\n\t *\n\t * @readonly\n\t */\n\tpublic focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the keystroke handler managing user interaction and accessibility.\n\t *\n\t * @readonly\n\t */\n\tpublic keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A view hosting the {@link #filteredView} passed in the configuration and the {@link #infoView}.\n\t */\n\tpublic resultsView: SearchResultsView;\n\n\t/**\n\t * The view that is filtered by the search query.\n\t */\n\tpublic filteredView: FilteredView;\n\n\t/**\n\t * The view that displays the information about the search results.\n\t */\n\tpublic infoView: FocusableView | undefined;\n\n\t/**\n\t * The view that allows the user to enter the search query.\n\t */\n\tpublic queryView: SearchTextQueryView<TQueryFieldView>;\n\n\t/**\n\t * Controls whether the component is in read-only mode.\n\t *\n\t * @default true\n\t * @observable\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * The number of results found for the current search query. Updated upon the {@link #search} event.\n\t *\n\t * @default 0\n\t * @observable\n\t */\n\tdeclare public resultsCount: number;\n\n\t/**\n\t * The number of the items that can be searched in the {@link #filteredView}. Updated upon the {@link #search} event.\n\t *\n\t * @default 0\n\t * @observable\n\t */\n\tdeclare public totalItemsCount: number;\n\n\t/**\n\t * The collection of children of the view.\n\t *\n\t * @readonly\n\t */\n\tdeclare public readonly children: ViewCollection;\n\n\t/**\n\t * The collection of focusable children of the view. Used by the focus management logic.\n\t *\n\t * @readonly\n\t */\n\tdeclare public readonly focusableChildren: ViewCollection<FocusableView>;\n\n\tpublic declare locale: Locale;\n\n\t/**\n\t * Provides the focus management (keyboard navigation) between {@link #queryView} and {@link #filteredView}.\n\t *\n\t * @readonly\n\t */\n\tpublic focusCycler: FocusCycler;\n\n\t/**\n\t * The cached configuration object.\n\t *\n\t * @internal\n\t */\n\tprotected _config: SearchTextViewConfig<TQueryFieldView>;\n\n\t/**\n\t * Creates an instance of the {@link module:ui/search/text/searchtextview~SearchTextView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param config Configuration of the view.\n\t */\n\tconstructor( locale: Locale, config: SearchTextViewConfig<TQueryFieldView> ) {\n\t\tsuper( locale );\n\n\t\tthis._config = config;\n\n\t\tthis.filteredView = config.filteredView;\n\t\tthis.queryView = this._createSearchTextQueryView();\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.resultsView = new SearchResultsView( locale );\n\t\tthis.children = this.createCollection();\n\t\tthis.focusableChildren = this.createCollection( [ this.queryView, this.resultsView ] );\n\n\t\tthis.set( 'isEnabled', true );\n\t\tthis.set( 'resultsCount', 0 );\n\t\tthis.set( 'totalItemsCount', 0 );\n\n\t\tif ( config.infoView && config.infoView.instance ) {\n\t\t\tthis.infoView = config.infoView.instance;\n\t\t} else {\n\t\t\tthis.infoView = new SearchInfoView();\n\t\t\tthis._enableDefaultInfoViewBehavior();\n\n\t\t\tthis.on( 'render', () => {\n\t\t\t\t// Initial search that determines if there are any searchable items\n\t\t\t\t// and displays the corresponding info text.\n\t\t\t\tthis.search( '' );\n\t\t\t} );\n\t\t}\n\n\t\tthis.resultsView.children.addMany( [ this.infoView, this.filteredView ] );\n\n\t\tthis.focusCycler = new FocusCycler( {\n\t\t\tfocusables: this.focusableChildren,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.on<SearchTextViewSearchEvent>( 'search', ( evt, { resultsCount, totalItemsCount } ) => {\n\t\t\tthis.resultsCount = resultsCount;\n\t\t\tthis.totalItemsCount = totalItemsCount;\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-search',\n\t\t\t\t\tconfig.class || null\n\t\t\t\t],\n\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.children.addMany( [\n\t\t\tthis.queryView,\n\t\t\tthis.resultsView\n\t\t] );\n\n\t\tconst stopPropagation = ( data: Event ) => data.stopPropagation();\n\n\t\tfor ( const focusableChild of this.focusableChildren ) {\n\t\t\tthis.focusTracker.add( focusableChild.element as HTMLElement );\n\t\t}\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element as HTMLElement );\n\n\t\t// Since the form is in the dropdown panel which is a child of the toolbar, the toolbar's\n\t\t// keystroke handler would take over the key management in the URL input. We need to prevent\n\t\t// this ASAP. Otherwise, the basic caret movement using the arrow keys will be impossible.\n\t\tthis.keystrokes.set( 'arrowright', stopPropagation );\n\t\tthis.keystrokes.set( 'arrowleft', stopPropagation );\n\t\tthis.keystrokes.set( 'arrowup', stopPropagation );\n\t\tthis.keystrokes.set( 'arrowdown', stopPropagation );\n\t}\n\n\t/**\n\t * Focuses the {@link #queryView}.\n\t */\n\tpublic focus(): void {\n\t\tthis.queryView.focus();\n\t}\n\n\t/**\n\t * Resets the component to its initial state.\n\t */\n\tpublic reset(): void {\n\t\tthis.queryView.reset();\n\t\tthis.search( '' );\n\t\tthis.filteredView.element!.scrollTo( 0, 0 );\n\t}\n\n\t/**\n\t * Searches the {@link #filteredView} for the given query.\n\t *\n\t * @internal\n\t * @param query The search query string.\n\t */\n\tpublic search( query: string ): void {\n\t\tconst regExp = query ? new RegExp( escapeRegExp( query ), 'ig' ) : null;\n\t\tconst filteringResults = this.filteredView.filter( regExp );\n\n\t\tthis.fire<SearchTextViewSearchEvent>( 'search', { query, ...filteringResults } );\n\t}\n\n\t/**\n\t * Creates a search field view based on configured creator..\n\t */\n\tprivate _createSearchTextQueryView(): SearchTextQueryView<TQueryFieldView> {\n\t\tconst queryView = new SearchTextQueryView<TQueryFieldView>( this.locale, this._config.queryView );\n\n\t\tthis.listenTo( queryView.fieldView, 'input', () => {\n\t\t\tthis.search( queryView.fieldView.element!.value );\n\t\t} );\n\n\t\tqueryView.on( 'reset', () => this.reset() );\n\t\tqueryView.bind( 'isEnabled' ).to( this );\n\n\t\treturn queryView;\n\t}\n\n\t/**\n\t * Initializes the default {@link #infoView} behavior with default text labels when no custom info view\n\t * was specified in the view config.\n\t */\n\tprivate _enableDefaultInfoViewBehavior(): void {\n\t\tconst t = this.locale.t;\n\t\tconst infoView = this.infoView as SearchInfoView;\n\n\t\tthis.on<SearchTextViewSearchEvent>( 'search', ( evt, data ) => {\n\t\t\tif ( !data.resultsCount ) {\n\t\t\t\tconst defaultTextConfig = this._config.infoView && this._config.infoView.text;\n\t\t\t\tlet primaryText, secondaryText;\n\n\t\t\t\tif ( data.totalItemsCount ) {\n\t\t\t\t\tif ( defaultTextConfig?.notFound ) {\n\t\t\t\t\t\tprimaryText = defaultTextConfig.notFound.primary;\n\t\t\t\t\t\tsecondaryText = defaultTextConfig.notFound.secondary;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tprimaryText = t( 'No results found' );\n\t\t\t\t\t\tsecondaryText = '';\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif ( defaultTextConfig?.noSearchableItems ) {\n\t\t\t\t\t\tprimaryText = defaultTextConfig.noSearchableItems.primary;\n\t\t\t\t\t\tsecondaryText = defaultTextConfig.noSearchableItems.secondary;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tprimaryText = t( 'No searchable items' );\n\t\t\t\t\t\tsecondaryText = '';\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tinfoView.set( {\n\t\t\t\t\tprimaryText: normalizeInfoText( primaryText, data ),\n\t\t\t\t\tsecondaryText: normalizeInfoText( secondaryText!, data ),\n\t\t\t\t\tisVisible: true\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tinfoView.set( {\n\t\t\t\t\tisVisible: false\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\tfunction normalizeInfoText(\n\t\t\ttext: SearchTextViewDefaultInfoText,\n\t\t\t{ query, resultsCount, totalItemsCount }: SearchTextViewSearchEvent[ 'args' ][ 0 ]\n\t\t) {\n\t\t\treturn typeof text === 'function' ? text( query, resultsCount, totalItemsCount ) : text;\n\t\t}\n\t}\n}\n\n/**\n * The configuration of the {@link module:ui/search/text/searchtextview~SearchTextView} class.\n */\nexport interface SearchTextViewConfig<TConfigSearchField extends InputBase<HTMLInputElement | HTMLTextAreaElement>> {\n\n\t/**\n\t * The configuration of the view's query field.\n\t */\n\tqueryView: SearchTextQueryViewConfig<TConfigSearchField>;\n\n\t/**\n\t * The view that is filtered by the search query.\n\t */\n\tfilteredView: FilteredView;\n\n\t/**\n\t * The view that displays the information about the search results.\n\t */\n\tinfoView?: {\n\n\t\t/**\n\t\t * The view that displays the information about the search results. If not specified,\n\t\t * {@link module:ui/search/searchinfoview~SearchInfoView} is used.\n\t\t */\n\t\tinstance?: FocusableView;\n\n\t\t/**\n\t\t * The configuration of text labels displayed in the {@link #infoView} in different states\n\t\t * of the search component.\n\t\t *\n\t\t * **Note**: This configuration is only used when the {@link #infoView} is **not** specified.\n\t\t * In other cases, please use the {@link module:ui/search/searchview~SearchTextViewSearchEvent} to bring about\n\t\t * your own info text logic.\n\t\t */\n\t\ttext?: {\n\t\t\tnotFound?: {\n\t\t\t\tprimary: SearchTextViewDefaultInfoText;\n\t\t\t\tsecondary?: SearchTextViewDefaultInfoText;\n\t\t\t};\n\t\t\tnoSearchableItems?: {\n\t\t\t\tprimary: SearchTextViewDefaultInfoText;\n\t\t\t\tsecondary?: SearchTextViewDefaultInfoText;\n\t\t\t};\n\t\t};\n\t};\n\n\t/**\n\t * The custom CSS class name to be added to the search view element.\n\t */\n\tclass?: string;\n}\n\n/**\n * Describes value of a info text configuration in {@link module:ui/search/text/searchtextview~SearchTextViewConfig}.\n * A string or a function that returns a string with the information about the search results.\n */\nexport type SearchTextViewDefaultInfoText = string | ( ( query: string, resultsCount: number, totalItemsCount: number ) => string );\n\n/**\n * An event fired when the search query changes fired by {@link module:ui/search/text/searchtextview~SearchTextView#search}.\n *\n * @eventName ~SearchTextView#search\n */\nexport type SearchTextViewSearchEvent = {\n\tname: 'search';\n\targs: [ SearchTextViewSearchEventData ];\n};\n\nexport type SearchTextViewSearchEventData = {\n\n\t/**\n\t * The search query string.\n\t */\n\tquery: string;\n\n\t/**\n\t * The number of results found for the current search query.\n\t */\n\tresultsCount: number;\n\n\t/**\n\t * The number of the items that can be searched.\n\t */\n\ttotalItemsCount: number;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/autocomplete/autocompleteview\n*/\n\nimport { getOptimalPosition, type PositioningFunction, type Locale, global, toUnit, Rect } from '@ckeditor/ckeditor5-utils';\nimport { SearchTextView, type SearchTextViewConfig } from '../search/text/searchtextview.js';\nimport { type SearchResultsView } from '../search/searchresultsview.js';\nimport { type InputBase } from '../input/inputbase.js';\nimport type { FilteredViewExecuteEvent } from '../search/filteredview.js';\n\nimport '../../theme/components/autocomplete/autocomplete.css';\n\n/**\n * The autocomplete component's view class. It extends the {@link module:ui/search/text/searchtextview~SearchTextView} class\n * with a floating {@link #resultsView} that shows up when the user starts typing and hides when they blur\n * the component.\n */\nexport class AutocompleteView<\n\tTQueryFieldView extends InputBase<HTMLInputElement | HTMLTextAreaElement>\n> extends SearchTextView<TQueryFieldView> {\n\t/**\n\t * The configuration of the autocomplete view.\n\t */\n\tprotected override _config: AutocompleteViewConfig<TQueryFieldView>;\n\n\tdeclare public resultsView: AutocompleteResultsView;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale, config: AutocompleteViewConfig<TQueryFieldView> ) {\n\t\tsuper( locale, config );\n\n\t\tthis._config = config;\n\n\t\tconst toPx = toUnit( 'px' );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck-autocomplete' ]\n\t\t\t}\n\t\t} );\n\n\t\tconst bindResultsView = this.resultsView.bindTemplate;\n\n\t\tthis.resultsView.set( 'isVisible', false );\n\t\tthis.resultsView.set( '_position', 's' );\n\t\tthis.resultsView.set( '_width', 0 );\n\n\t\tthis.resultsView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\tbindResultsView.if( 'isVisible', 'ck-hidden', value => !value ),\n\t\t\t\t\tbindResultsView.to( '_position', value => `ck-search__results_${ value }` )\n\t\t\t\t],\n\t\t\t\tstyle: {\n\t\t\t\t\twidth: bindResultsView.to( '_width', toPx )\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Update the visibility of the results view when the user focuses or blurs the component.\n\t\t// This is also integration for the `resetOnBlur` configuration.\n\t\tthis.focusTracker.on( 'change:isFocused', ( evt, name, isFocused ) => {\n\t\t\tthis._updateResultsVisibility();\n\n\t\t\tif ( isFocused ) {\n\t\t\t\t// Reset the scroll position of the results view whenever the autocomplete reopens.\n\t\t\t\tthis.resultsView.element!.scrollTop = 0;\n\t\t\t} else if ( config.resetOnBlur ) {\n\t\t\t\tthis.queryView.reset();\n\t\t\t}\n\t\t} );\n\n\t\t// Update the visibility of the results view when the user types in the query field.\n\t\t// This is an integration for `queryMinChars` configuration.\n\t\t// This is an integration for search results changing length and the #resultsView requiring to be repositioned.\n\t\tthis.on( 'search', () => {\n\t\t\tthis._updateResultsVisibility();\n\t\t\tthis._updateResultsViewWidthAndPosition();\n\t\t} );\n\n\t\t// Hide the results view when the user presses the ESC key.\n\t\tthis.keystrokes.set( 'esc', ( evt, cancel ) => {\n\t\t\t// Let the DOM event pass through if the focus is in the query view.\n\t\t\tif ( !this.resultsView.isVisible ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Focus the query view first and only then close the results view. Otherwise, if the focus\n\t\t\t// was in the results view, it will get lost.\n\t\t\tthis.queryView.focus();\n\t\t\tthis.resultsView.isVisible = false;\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Update the position of the results view when the user scrolls the page.\n\t\t// TODO: This needs to be debounced down the road.\n\t\tthis.listenTo( global.document, 'scroll', () => {\n\t\t\tthis._updateResultsViewWidthAndPosition();\n\t\t} );\n\n\t\t// Hide the results when the component becomes disabled.\n\t\tthis.on( 'change:isEnabled', () => {\n\t\t\tthis._updateResultsVisibility();\n\t\t} );\n\n\t\t// Update the value of the query field when the user selects a result.\n\t\tthis.filteredView.on<FilteredViewExecuteEvent>( 'execute', ( evt, { value } ) => {\n\t\t\t// Focus the query view first to avoid losing the focus.\n\t\t\tthis.focus();\n\n\t\t\t// Resetting the view will ensure that the #queryView will update its empty state correctly.\n\t\t\t// This prevents bugs related to dynamic labels or auto-grow when re-setting the same value\n\t\t\t// to #queryView.fieldView.value (which does not trigger empty state change) to an\n\t\t\t// #queryView.fieldView.element that has been changed by the user.\n\t\t\tthis.reset();\n\n\t\t\t// Update the value of the query field.\n\t\t\tthis.queryView.fieldView.value = this.queryView.fieldView.element!.value = value;\n\n\t\t\t// Finally, hide the results view. The focus has been moved earlier so this is safe.\n\t\t\tthis.resultsView.isVisible = false;\n\t\t} );\n\n\t\t// Update the position and width of the results view when it becomes visible.\n\t\tthis.resultsView.on( 'change:isVisible', () => {\n\t\t\tthis._updateResultsViewWidthAndPosition();\n\t\t} );\n\t}\n\n\t/**\n\t * Updates the position of the results view on demand.\n\t */\n\tprivate _updateResultsViewWidthAndPosition() {\n\t\tif ( !this.resultsView.isVisible ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.resultsView._width = new Rect( this.queryView.fieldView.element! ).width;\n\n\t\tconst optimalResultsPosition = AutocompleteView._getOptimalPosition( {\n\t\t\telement: this.resultsView.element!,\n\t\t\ttarget: this.queryView.element!,\n\t\t\tfitInViewport: true,\n\t\t\tpositions: AutocompleteView.defaultResultsPositions\n\t\t} );\n\n\t\t// _getOptimalPosition will return null if there is no optimal position found (e.g. target is off the viewport).\n\t\tthis.resultsView._position = optimalResultsPosition ? optimalResultsPosition.name : 's';\n\t}\n\n\t/**\n\t * Updates the visibility of the results view on demand.\n\t */\n\tprivate _updateResultsVisibility() {\n\t\tconst queryMinChars = typeof this._config.queryMinChars === 'undefined' ? 0 : this._config.queryMinChars;\n\t\tconst queryLength = this.queryView.fieldView.element!.value.length;\n\n\t\tthis.resultsView.isVisible = this.focusTracker.isFocused && this.isEnabled && queryLength >= queryMinChars;\n\t}\n\n\t/**\n\t * Positions for the autocomplete results view. Two positions are defined by default:\n\t * * `s` - below the search field,\n\t * * `n` - above the search field.\n\t */\n\tpublic static defaultResultsPositions: Array<PositioningFunction> = [\n\t\t( fieldRect => {\n\t\t\treturn {\n\t\t\t\ttop: fieldRect.bottom,\n\t\t\t\tleft: fieldRect.left,\n\t\t\t\tname: 's'\n\t\t\t};\n\t\t} ) as PositioningFunction,\n\t\t( ( fieldRect, resultsRect ) => {\n\t\t\treturn {\n\t\t\t\ttop: fieldRect.top - resultsRect.height,\n\t\t\t\tleft: fieldRect.left,\n\t\t\t\tname: 'n'\n\t\t\t};\n\t\t} ) as PositioningFunction\n\t];\n\n\t/**\n\t * A function used to calculate the optimal position for the dropdown panel.\n\t */\n\tprivate static _getOptimalPosition = getOptimalPosition;\n}\n\n/**\n * An interface describing additional properties of the floating search results view used by the autocomplete plugin.\n */\nexport interface AutocompleteResultsView extends SearchResultsView {\n\n\t/**\n\t * Controls the visibility of the results view.\n\t *\n\t * @observable\n\t */\n\tisVisible: boolean;\n\n\t/**\n\t * Controls the position (CSS class suffix) of the results view.\n\t *\n\t * @internal\n\t*/\n\t_position?: string;\n\n\t/**\n\t * The observable property determining the CSS width of the results view.\n\t *\n\t * @internal\n\t */\n\t_width: number;\n}\n\nexport interface AutocompleteViewConfig<\n\tTConfigInputCreator extends InputBase<HTMLInputElement | HTMLTextAreaElement>\n> extends SearchTextViewConfig<TConfigInputCreator> {\n\n\t/**\n\t * When set `true`, the query view will be reset when the autocomplete view loses focus.\n\t */\n\tresetOnBlur?: boolean;\n\n\t/**\n\t * Minimum number of characters that need to be typed before the search is performed.\n\t *\n\t * @default 0\n\t */\n\tqueryMinChars?: number;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/highlightedtext/highlightedtextview\n */\n\nimport { View } from '../view.js';\nimport { escape } from 'es-toolkit/compat';\n\nimport '../../theme/components/highlightedtext/highlightedtext.css';\n\n/**\n * A class representing a view that displays a text which subset can be highlighted using the\n * {@link #highlightText} method.\n */\nexport class HighlightedTextView extends View {\n\t/**\n\t * The text that can be highlighted using the {@link #highlightText} method.\n\t *\n\t * **Note:** When this property changes, the previous highlighting is removed.\n\t *\n\t * @observable\n\t */\n\tdeclare public text: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.set( 'text', undefined );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-highlighted-text' ]\n\t\t\t}\n\t\t} );\n\n\t\tthis.on( 'render', () => {\n\t\t\t// Classic setTemplate binding for #text will not work because highlightText() replaces the\n\t\t\t// pre-rendered DOM text node new a new one (and <mark> elements).\n\t\t\tthis.on( 'change:text', () => {\n\t\t\t\tthis._updateInnerHTML( this.text );\n\t\t\t} );\n\n\t\t\tthis._updateInnerHTML( this.text );\n\t\t} );\n\t}\n\n\t/**\n\t * Highlights view's {@link #text} according to the specified `RegExp`. If the passed RegExp is `null`, the\n\t * highlighting is removed\n\t *\n\t * @param regExp\n\t */\n\tpublic highlightText( regExp: RegExp | null ): void {\n\t\tthis._updateInnerHTML( markText( this.text || '', regExp ) );\n\t}\n\n\t/**\n\t * Updates element's `innerHTML` with the passed content.\n\t */\n\tprivate _updateInnerHTML( newInnerHTML: string | undefined ) {\n\t\tthis.element!.innerHTML = newInnerHTML || '';\n\t}\n}\n\n/**\n * Replaces `regExp` occurrences with `<mark>` tags in a text.\n *\n * @param text A text to get marked.\n * @param regExp An optional `RegExp`. If not passed, this is a pass-through function.\n * @returns A text with `RegExp` occurrences marked by `<mark>`.\n */\nfunction markText( text: string, regExp?: RegExp | null ) {\n\tif ( !regExp ) {\n\t\treturn escape( text );\n\t}\n\n\tconst textParts: Array<{ text: string; isMatch: boolean }> = [];\n\tlet lastMatchEnd = 0;\n\tlet matchInfo = regExp.exec( text );\n\n\t// Iterate over all matches and create an array of text parts. The idea is to mark which parts are query matches\n\t// so that later on they can be highlighted.\n\twhile ( matchInfo !== null ) {\n\t\tconst curMatchStart = matchInfo.index;\n\t\t// Detect if there was something between last match and this one.\n\t\tif ( curMatchStart !== lastMatchEnd ) {\n\t\t\ttextParts.push( {\n\t\t\t\ttext: text.substring( lastMatchEnd, curMatchStart ),\n\t\t\t\tisMatch: false\n\t\t\t} );\n\t\t}\n\n\t\ttextParts.push( {\n\t\t\ttext: matchInfo[ 0 ],\n\t\t\tisMatch: true\n\t\t} );\n\n\t\tlastMatchEnd = regExp.lastIndex;\n\t\tmatchInfo = regExp.exec( text );\n\t}\n\n\t// Your match might not be the last part of a string. Be sure to add any plain text following the last match.\n\tif ( lastMatchEnd !== text.length ) {\n\t\ttextParts.push( {\n\t\t\ttext: text.substring( lastMatchEnd ),\n\t\t\tisMatch: false\n\t\t} );\n\t}\n\n\tconst outputHtml = textParts\n\t\t// The entire text should be escaped.\n\t\t.map( part => {\n\t\t\tpart.text = escape( part.text );\n\t\t\treturn part;\n\t\t} )\n\t\t// Only matched text should be wrapped with HTML mark element.\n\t\t.map( part => part.isMatch ? `<mark>${ part.text }</mark>` : part.text )\n\t\t.join( '' );\n\n\treturn outputHtml;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/highlightedtext/buttonlabelwithhighlightview\n */\n\nimport { type ButtonLabel } from '../button/buttonlabel.js';\nimport { HighlightedTextView } from './highlightedtextview.js';\n\n/**\n * A button label view that can highlight a text fragment.\n */\nexport class ButtonLabelWithHighlightView extends HighlightedTextView implements ButtonLabel {\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public style: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public text: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public id: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.set( {\n\t\t\tstyle: undefined,\n\t\t\ttext: undefined,\n\t\t\tid: undefined\n\t\t} );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-button__label'\n\t\t\t\t],\n\t\t\t\tstyle: bind.to( 'style' ),\n\t\t\t\tid: bind.to( 'id' )\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/highlightedtext/labelwithhighlightview\n */\n\nimport { HighlightedTextView } from './highlightedtextview.js';\nimport { type LabelView } from '../label/labelview.js';\nimport { uid } from '@ckeditor/ckeditor5-utils';\n\n/**\n * A label view that can highlight a text fragment.\n */\nexport class LabelWithHighlightView extends HighlightedTextView implements LabelView {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly id: string;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public for: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.set( 'for', undefined );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.id = `ck-editor__label_${ uid() }`;\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-label'\n\t\t\t\t],\n\t\t\t\tid: this.id,\n\t\t\t\tfor: bind.to( 'for' )\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/spinner/spinnerview\n */\n\nimport { View } from '../view.js';\n\nimport '../../theme/components/spinner/spinner.css';\n\n/**\n * The spinner view class.\n */\nexport class SpinnerView extends View {\n\t/**\n\t * Controls whether the spinner is visible.\n\t *\n\t * @observable\n\t * @default false\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.set( 'isVisible', false );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-spinner-container',\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value )\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [ {\n\t\t\t\ttag: 'span',\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: [ 'ck', 'ck-spinner' ]\n\t\t\t\t}\n\t\t\t} ]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/toolbar/balloon/balloontoolbar\n */\n\nimport { ContextualBalloon } from '../../panel/balloon/contextualballoon.js';\nimport { ToolbarView, type ToolbarViewGroupedItemsUpdateEvent } from '../toolbarview.js';\nimport { BalloonPanelView } from '../../panel/balloon/balloonpanelview.js';\nimport { normalizeToolbarConfig } from '../normalizetoolbarconfig.js';\n\nimport type {\n\tEditorUIReadyEvent,\n\tEditorUIUpdateEvent\n} from '../../editorui/editorui.js';\n\nimport {\n\tPlugin,\n\ttype Editor,\n\ttype EditorReadyEvent\n} from '@ckeditor/ckeditor5-core';\n\nimport {\n\tFocusTracker,\n\tRect,\n\tResizeObserver,\n\tenv,\n\tglobal,\n\ttoUnit,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport {\n\tObserver,\n\ttype ModelDocumentSelection,\n\ttype ModelDocumentSelectionChangeRangeEvent,\n\ttype ModelSchema\n} from '@ckeditor/ckeditor5-engine';\n\nimport { debounce, type DebouncedFunc } from 'es-toolkit/compat';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * The contextual toolbar.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */\nexport class BalloonToolbar extends Plugin {\n\t/**\n\t * The toolbar view displayed in the balloon.\n\t */\n\tpublic readonly toolbarView: ToolbarView;\n\n\t/**\n\t * Tracks the focus of the {@link module:ui/editorui/editorui~EditorUI#getEditableElement editable element}\n\t * and the {@link #toolbarView}. When both are blurred then the toolbar should hide.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * A cached and normalized `config.balloonToolbar` object.\n\t */\n\tprivate _balloonConfig: ReturnType<typeof normalizeToolbarConfig>;\n\n\t/**\n\t * An instance of the resize observer that allows to respond to changes in editable's geometry\n\t * so the toolbar can stay within its boundaries (and group toolbar items that do not fit).\n\t *\n\t * **Note**: Used only when `shouldNotGroupWhenFull` was **not** set in the\n\t * {@link module:core/editor/editorconfig~EditorConfig#balloonToolbar configuration}.\n\t *\n\t * **Note:** Created in {@link #init}.\n\t */\n\tprivate _resizeObserver: ResizeObserver | null = null;\n\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate readonly _balloon: ContextualBalloon;\n\n\t/**\n\t * Fires `_selectionChangeDebounced` event using `es-toolkit#debounce`.\n\t *\n\t * This event is an internal plugin event which is fired 200 ms after model selection last change.\n\t * This is to makes easy test debounced action without need to use `setTimeout`.\n\t *\n\t * This function is stored as a plugin property to make possible to cancel\n\t * trailing debounced invocation on destroy.\n\t */\n\tprivate readonly _fireSelectionChangeDebounced: DebouncedFunc<() => unknown>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'BalloonToolbar' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._balloonConfig = normalizeToolbarConfig( editor.config.get( 'balloonToolbar' ) );\n\t\tthis.toolbarView = this._createToolbarView();\n\t\tthis.focusTracker = new FocusTracker();\n\n\t\t// Track focusable elements in the toolbar and the editable elements.\n\t\tthis._trackFocusableEditableElements();\n\t\tthis.focusTracker.add( this.toolbarView );\n\n\t\t// Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n\t\teditor.ui.addToolbar( this.toolbarView, {\n\t\t\tbeforeFocus: () => this.show( true ),\n\t\t\tafterBlur: () => this.hide(),\n\t\t\tisContextual: true\n\t\t} );\n\n\t\tthis._balloon = editor.plugins.get( ContextualBalloon );\n\t\tthis._fireSelectionChangeDebounced = debounce( () => this.fire( '_selectionChangeDebounced' ), 200 );\n\n\t\t// The appearance of the BalloonToolbar method is event–driven.\n\t\t// It is possible to stop the #show event and this prevent the toolbar from showing up.\n\t\tthis.decorate( 'show' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\n\t\t// Show/hide the toolbar on editable focus/blur.\n\t\tthis.listenTo<ObservableChangeEvent<boolean>>( this.focusTracker, 'change:isFocused', ( evt, name, isFocused ) => {\n\t\t\tconst isToolbarVisible = this._balloon.visibleView === this.toolbarView;\n\n\t\t\tif ( !isFocused && isToolbarVisible ) {\n\t\t\t\tthis.hide();\n\t\t\t} else if ( isFocused ) {\n\t\t\t\tthis.show();\n\t\t\t}\n\t\t} );\n\n\t\t// Hide the toolbar when the selection is changed by a direct change or has changed to collapsed.\n\t\tthis.listenTo<ModelDocumentSelectionChangeRangeEvent>( selection, 'change:range', ( evt, data ) => {\n\t\t\tif ( data.directChange || selection.isCollapsed ) {\n\t\t\t\tthis.hide();\n\t\t\t}\n\n\t\t\t// Fire internal `_selectionChangeDebounced` event to use it for showing\n\t\t\t// the toolbar after the selection stops changing.\n\t\t\tthis._fireSelectionChangeDebounced();\n\t\t} );\n\n\t\t// Show the toolbar when the selection stops changing.\n\t\tthis.listenTo( this, '_selectionChangeDebounced', () => {\n\t\t\tif ( this.editor.editing.view.document.isFocused ) {\n\t\t\t\tthis.show();\n\t\t\t}\n\t\t} );\n\n\t\tif ( !this._balloonConfig.shouldNotGroupWhenFull ) {\n\t\t\tthis.listenTo<EditorReadyEvent>( editor, 'ready', () => {\n\t\t\t\tconst editableElement = editor.ui.view.editable.element!;\n\n\t\t\t\t// Set #toolbarView's max-width on the initialization and update it on the editable resize.\n\t\t\t\tthis._resizeObserver = new ResizeObserver( editableElement, entry => {\n\t\t\t\t\t// The max-width equals 90% of the editable's width for the best user experience.\n\t\t\t\t\t// The value keeps the balloon very close to the boundaries of the editable and limits the cases\n\t\t\t\t\t// when the balloon juts out from the editable element it belongs to.\n\t\t\t\t\tthis.toolbarView.maxWidth = toPx( entry.contentRect.width * .9 );\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\n\t\t// Listen to the toolbar view and whenever it changes its geometry due to some items being\n\t\t// grouped or ungrouped, update the position of the balloon because a shorter/longer toolbar\n\t\t// means the balloon could be pointing at the wrong place. Once updated, the balloon will point\n\t\t// at the right selection in the content again.\n\t\t// https://github.com/ckeditor/ckeditor5/issues/6444\n\t\tthis.listenTo<ToolbarViewGroupedItemsUpdateEvent>( this.toolbarView, 'groupedItemsUpdate', () => {\n\t\t\tthis._updatePosition();\n\t\t} );\n\n\t\t// Creates toolbar components based on given configuration.\n\t\t// This needs to be done when all plugins are ready.\n\t\teditor.ui.once<EditorUIReadyEvent>( 'ready', () => {\n\t\t\tthis.toolbarView.fillFromConfig( this._balloonConfig, this.editor.ui.componentFactory );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates the toolbar view instance.\n\t */\n\tprivate _createToolbarView() {\n\t\tconst t = this.editor.locale.t;\n\t\tconst shouldGroupWhenFull = !this._balloonConfig.shouldNotGroupWhenFull;\n\t\tconst toolbarView = new ToolbarView( this.editor.locale, {\n\t\t\tshouldGroupWhenFull,\n\t\t\tisFloating: true\n\t\t} );\n\n\t\ttoolbarView.ariaLabel = t( 'Editor contextual toolbar' );\n\t\ttoolbarView.render();\n\n\t\treturn toolbarView;\n\t}\n\n\t/**\n\t * Shows the toolbar and attaches it to the selection.\n\t *\n\t * Fires {@link #event:show} event which can be stopped to prevent the toolbar from showing up.\n\t *\n\t * @param showForCollapsedSelection When set `true`, the toolbar will show despite collapsed selection in the\n\t * editing view.\n\t */\n\tpublic show( showForCollapsedSelection: boolean = false ): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst schema = editor.model.schema;\n\n\t\t// Do not add the toolbar to the balloon stack twice.\n\t\tif ( this._balloon.hasView( this.toolbarView ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Do not show the toolbar when the selection is collapsed.\n\t\tif ( selection.isCollapsed && !showForCollapsedSelection ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Do not show the toolbar when there is more than one range in the selection and they fully contain selectable elements.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/6443.\n\t\tif ( selectionContainsOnlyMultipleSelectables( selection, schema ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Do not show the toolbar when all components inside are disabled\n\t\t// see https://github.com/ckeditor/ckeditor5-ui/issues/269.\n\t\tif ( Array.from( this.toolbarView.items ).every( ( item: any ) => item.isEnabled !== undefined && !item.isEnabled ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Update the toolbar position when the editor ui should be refreshed.\n\t\tthis.listenTo<EditorUIUpdateEvent>( this.editor.ui, 'update', () => {\n\t\t\tthis._updatePosition();\n\t\t} );\n\n\t\t// Add the toolbar to the common editor contextual balloon.\n\t\tthis._balloon.add( {\n\t\t\tview: this.toolbarView,\n\t\t\tposition: this._getBalloonPositionData(),\n\t\t\tballoonClassName: 'ck-toolbar-container'\n\t\t} );\n\t}\n\n\t/**\n\t * Hides the toolbar.\n\t */\n\tpublic hide(): void {\n\t\tif ( this._balloon.hasView( this.toolbarView ) ) {\n\t\t\tthis.stopListening( this.editor.ui, 'update' );\n\t\t\tthis._balloon.remove( this.toolbarView );\n\t\t}\n\t}\n\n\t/**\n\t * Add or remove editable elements to the focus tracker. It watches added and removed roots\n\t * and adds or removes their editable elements to the focus tracker.\n\t */\n\tprivate _trackFocusableEditableElements() {\n\t\tconst { editor, focusTracker } = this;\n\t\tconst { editing } = editor;\n\n\t\tediting.view.addObserver( class TrackEditableElements extends Observer {\n\t\t\t/**\n\t\t\t * @inheritDoc\n\t\t\t */\n\t\t\tpublic observe( domElement: HTMLElement ) {\n\t\t\t\tfocusTracker.add( domElement );\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * @inheritDoc\n\t\t\t */\n\t\t\tpublic stopObserving( domElement: HTMLElement ) {\n\t\t\t\tfocusTracker.remove( domElement );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns positioning options for the {@link #_balloon}. They control the way balloon is attached\n\t * to the selection.\n\t */\n\tprivate _getBalloonPositionData() {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst viewSelection = viewDocument.selection;\n\n\t\t// Get direction of the selection.\n\t\tconst isBackward = viewDocument.selection.isBackward;\n\n\t\treturn {\n\t\t\t// Because the target for BalloonPanelView is a Rect (not DOMRange), it's geometry will stay fixed\n\t\t\t// as the window scrolls. To let the BalloonPanelView follow such Rect, is must be continuously\n\t\t\t// computed and hence, the target is defined as a function instead of a static value.\n\t\t\t// https://github.com/ckeditor/ckeditor5-ui/issues/195\n\t\t\ttarget: () => {\n\t\t\t\tconst range = isBackward ? viewSelection.getFirstRange() : viewSelection.getLastRange();\n\t\t\t\tconst rangeRects = Rect.getDomRangeRects( view.domConverter.viewRangeToDom( range! ) );\n\n\t\t\t\t// Select the proper range rect depending on the direction of the selection.\n\t\t\t\tif ( isBackward ) {\n\t\t\t\t\treturn rangeRects[ 0 ];\n\t\t\t\t} else {\n\t\t\t\t\t// Ditch the zero-width \"orphan\" rect in the next line for the forward selection if there's\n\t\t\t\t\t// another one preceding it. It is not rendered as a selection by the web browser anyway.\n\t\t\t\t\t// https://github.com/ckeditor/ckeditor5-ui/issues/308\n\t\t\t\t\tif ( rangeRects.length > 1 && rangeRects[ rangeRects.length - 1 ].width === 0 ) {\n\t\t\t\t\t\trangeRects.pop();\n\t\t\t\t\t}\n\n\t\t\t\t\treturn rangeRects[ rangeRects.length - 1 ];\n\t\t\t\t}\n\t\t\t},\n\t\t\tpositions: this._getBalloonPositions( isBackward )\n\t\t};\n\t}\n\n\t/**\n\t * Updates the position of the {@link #_balloon} to make up for changes:\n\t *\n\t * * in the geometry of the selection it is attached to (e.g. the selection moved in the viewport or expanded or shrunk),\n\t * * or the geometry of the balloon toolbar itself (e.g. the toolbar has grouped or ungrouped some items and it is shorter or longer).\n\t */\n\tprivate _updatePosition() {\n\t\tthis._balloon.updatePosition( this._getBalloonPositionData() );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.stopListening();\n\t\tthis._fireSelectionChangeDebounced.cancel();\n\t\tthis.toolbarView.destroy();\n\t\tthis.focusTracker.destroy();\n\n\t\tif ( this._resizeObserver ) {\n\t\t\tthis._resizeObserver.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Returns toolbar positions for the given direction of the selection.\n\t */\n\tprivate _getBalloonPositions( isBackward: boolean ) {\n\t\tconst isSafariIniOS = env.isSafari && env.isiOS;\n\n\t\t// https://github.com/ckeditor/ckeditor5/issues/7707\n\t\tconst positions = isSafariIniOS ? BalloonPanelView.generatePositions( {\n\t\t\t// 20px when zoomed out. Less then 20px when zoomed in; the \"radius\" of the native selection handle gets\n\t\t\t// smaller as the user zooms in. No less than the default v-offset, though.\n\t\t\theightOffset: Math.max(\n\t\t\t\tBalloonPanelView.arrowHeightOffset,\n\t\t\t\tMath.round( 20 / global.window.visualViewport!.scale )\n\t\t\t)\n\t\t} ) : BalloonPanelView.defaultPositions;\n\n\t\treturn isBackward ? [\n\t\t\tpositions.northWestArrowSouth,\n\t\t\tpositions.northWestArrowSouthWest,\n\t\t\tpositions.northWestArrowSouthEast,\n\t\t\tpositions.northWestArrowSouthMiddleEast,\n\t\t\tpositions.northWestArrowSouthMiddleWest,\n\t\t\tpositions.southWestArrowNorth,\n\t\t\tpositions.southWestArrowNorthWest,\n\t\t\tpositions.southWestArrowNorthEast,\n\t\t\tpositions.southWestArrowNorthMiddleWest,\n\t\t\tpositions.southWestArrowNorthMiddleEast\n\t\t] : [\n\t\t\tpositions.southEastArrowNorth,\n\t\t\tpositions.southEastArrowNorthEast,\n\t\t\tpositions.southEastArrowNorthWest,\n\t\t\tpositions.southEastArrowNorthMiddleEast,\n\t\t\tpositions.southEastArrowNorthMiddleWest,\n\t\t\tpositions.northEastArrowSouth,\n\t\t\tpositions.northEastArrowSouthEast,\n\t\t\tpositions.northEastArrowSouthWest,\n\t\t\tpositions.northEastArrowSouthMiddleEast,\n\t\t\tpositions.northEastArrowSouthMiddleWest\n\t\t];\n\t}\n}\n\n/**\n * Returns \"true\" when the selection has multiple ranges and each range contains a selectable element\n * and nothing else.\n */\nfunction selectionContainsOnlyMultipleSelectables( selection: ModelDocumentSelection, schema: ModelSchema ) {\n\t// It doesn't contain multiple objects if there is only one range.\n\tif ( selection.rangeCount === 1 ) {\n\t\treturn false;\n\t}\n\n\treturn [ ...selection.getRanges() ].every( range => {\n\t\tconst element = range.getContainedElement();\n\n\t\treturn element && schema.isSelectable( element );\n\t} );\n}\n\n/**\n * This event is fired just before the toolbar shows up. Stopping this event will prevent this.\n *\n * @eventName ~BalloonToolbar#show\n */\nexport type BalloonToolbarShowEvent = {\n\tname: 'show';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/toolbar/block/blockbuttonview\n */\n\nimport { ButtonView } from '../../button/buttonview.js';\n\nimport { toUnit, type Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../../theme/components/toolbar/blocktoolbar.css';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * The block button view class.\n *\n * This view represents a button attached next to block element where the selection is anchored.\n *\n * See {@link module:ui/toolbar/block/blocktoolbar~BlockToolbar}.\n */\nexport class BlockButtonView extends ButtonView {\n\t/**\n\t * Top offset.\n\t *\n\t * @observable\n\t */\n\tdeclare public top: number;\n\n\t/**\n\t * Left offset.\n\t *\n\t * @observable\n\t */\n\tdeclare public left: number;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\t// Hide button on init.\n\t\tthis.isVisible = false;\n\n\t\tthis.isToggleable = true;\n\n\t\tthis.set( 'top', 0 );\n\t\tthis.set( 'left', 0 );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-block-toolbar-button',\n\t\t\t\tstyle: {\n\t\t\t\t\ttop: bind.to( 'top', val => toPx( val ) ),\n\t\t\t\t\tleft: bind.to( 'left', val => toPx( val ) )\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/toolbar/block/blocktoolbar\n */\n\nimport {\n\tPlugin,\n\ttype Editor\n} from '@ckeditor/ckeditor5-core';\n\nimport {\n\ttype EventInfo,\n\tgetAncestors,\n\tglobal,\n\tRect,\n\tResizeObserver,\n\ttoUnit,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport type { ModelDocumentSelectionChangeRangeEvent } from '@ckeditor/ckeditor5-engine';\n\nimport { BlockButtonView } from './blockbuttonview.js';\nimport { BalloonPanelView } from '../../panel/balloon/balloonpanelview.js';\nimport { ToolbarView, NESTED_TOOLBAR_ICONS } from '../toolbarview.js';\nimport { clickOutsideHandler } from '../../bindings/clickoutsidehandler.js';\nimport { normalizeToolbarConfig } from '../normalizetoolbarconfig.js';\n\nimport { type ButtonView } from '../../button/buttonview.js';\nimport type { ButtonExecuteEvent } from '../../button/button.js';\nimport type { EditorUIReadyEvent, EditorUIUpdateEvent } from '../../editorui/editorui.js';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * The block toolbar plugin.\n *\n * This plugin provides a button positioned next to the block of content where the selection is anchored.\n * Upon clicking the button, a dropdown providing access to editor features shows up, as configured in\n * {@link module:core/editor/editorconfig~EditorConfig#blockToolbar}.\n *\n * By default, the button is displayed next to all elements marked in {@link module:engine/model/schema~ModelSchema}\n * as `$block` for which the toolbar provides at least one option.\n *\n * By default, the button is attached so its right boundary is touching the\n * {@link module:engine/view/editableelement~ViewEditableElement}:\n *\n * ```\n *  __ |\n * |  ||  This is a block of content that the\n *  ¯¯ |  button is attached to. This is a\n *     |  block of content that the button is\n *     |  attached to.\n * ```\n *\n * The position of the button can be adjusted using the CSS `transform` property:\n *\n * ```css\n * .ck-block-toolbar-button {\n * \ttransform: translateX( -10px );\n * }\n * ```\n *\n * ```\n *  __   |\n * |  |  |  This is a block of content that the\n *  ¯¯   |  button is attached to. This is a\n *       |  block of content that the button is\n *       |  attached to.\n * ```\n *\n * **Note**: If you plan to run the editor in a right–to–left (RTL) language, keep in mind the button\n * will be attached to the **right** boundary of the editable area. In that case, make sure the\n * CSS position adjustment works properly by adding the following styles:\n *\n * ```css\n * .ck[dir=\"rtl\"] .ck-block-toolbar-button {\n * \ttransform: translateX( 10px );\n * }\n * ```\n */\nexport class BlockToolbar extends Plugin {\n\t/**\n\t * The toolbar view.\n\t */\n\tpublic readonly toolbarView: ToolbarView;\n\n\t/**\n\t * The balloon panel view, containing the {@link #toolbarView}.\n\t */\n\tpublic readonly panelView: BalloonPanelView;\n\n\t/**\n\t * The button view that opens the {@link #toolbarView}.\n\t */\n\tpublic readonly buttonView: BlockButtonView;\n\n\t/**\n\t * An instance of the resize observer that allows to respond to changes in editable's geometry\n\t * so the toolbar can stay within its boundaries (and group toolbar items that do not fit).\n\t *\n\t * **Note**: Used only when `shouldNotGroupWhenFull` was **not** set in the\n\t * {@link module:core/editor/editorconfig~EditorConfig#blockToolbar configuration}.\n\t */\n\tprivate _resizeObserver: ResizeObserver | null = null;\n\n\t/**\n\t * A cached and normalized `config.blockToolbar` object.\n\t */\n\tprivate _blockToolbarConfig: ReturnType<typeof normalizeToolbarConfig>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'BlockToolbar' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._blockToolbarConfig = normalizeToolbarConfig( this.editor.config.get( 'blockToolbar' ) );\n\t\tthis.toolbarView = this._createToolbarView();\n\t\tthis.panelView = this._createPanelView();\n\t\tthis.buttonView = this._createButtonView();\n\n\t\t// Close the #panelView upon clicking outside of the plugin UI.\n\t\tclickOutsideHandler( {\n\t\t\temitter: this.panelView,\n\t\t\tcontextElements: [ this.panelView.element!, this.buttonView.element! ],\n\t\t\tactivator: () => this.panelView.isVisible,\n\t\t\tcallback: () => this._hidePanel()\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\tconst editBlockText = t( 'Click to edit block' );\n\t\tconst dragToMoveText = t( 'Drag to move' );\n\t\tconst editBlockLabel = t( 'Edit block' );\n\n\t\tconst isDragDropBlockToolbarPluginLoaded = editor.plugins.has( 'DragDropBlockToolbar' );\n\t\tconst label = isDragDropBlockToolbarPluginLoaded ? `${ editBlockText }\\n${ dragToMoveText }` : editBlockLabel;\n\n\t\tthis.buttonView.label = label;\n\n\t\tif ( isDragDropBlockToolbarPluginLoaded ) {\n\t\t\tthis.buttonView.element!.dataset.ckeTooltipClass = 'ck-tooltip_multi-line';\n\t\t}\n\n\t\t// Hides panel on a direct selection change.\n\t\tthis.listenTo<ModelDocumentSelectionChangeRangeEvent>( editor.model.document.selection, 'change:range', ( evt, data ) => {\n\t\t\tif ( data.directChange ) {\n\t\t\t\tthis._hidePanel();\n\t\t\t}\n\t\t} );\n\n\t\tthis.listenTo<EditorUIUpdateEvent>( editor.ui, 'update', () => this._updateButton() );\n\t\t// `low` priority is used because of https://github.com/ckeditor/ckeditor5-core/issues/133.\n\t\tthis.listenTo<ObservableChangeEvent>( editor, 'change:isReadOnly', () => this._updateButton(), { priority: 'low' } );\n\t\tthis.listenTo<ObservableChangeEvent>( editor.ui.focusTracker, 'change:isFocused', () => this._updateButton() );\n\n\t\t// Reposition button on resize.\n\t\tthis.listenTo<ObservableChangeEvent<boolean>>( this.buttonView, 'change:isVisible', ( evt, name, isVisible ) => {\n\t\t\tif ( isVisible ) {\n\t\t\t\t// Keep correct position of button and panel on window#resize.\n\t\t\t\tthis.buttonView.listenTo( window, 'resize', () => this._updateButton() );\n\t\t\t} else {\n\t\t\t\t// Stop repositioning button when is hidden.\n\t\t\t\tthis.buttonView.stopListening( window, 'resize' );\n\n\t\t\t\t// Hide the panel when the button disappears.\n\t\t\t\tthis._hidePanel();\n\t\t\t}\n\t\t} );\n\n\t\t// Reposition button on scroll.\n\t\tthis._repositionButtonOnScroll();\n\n\t\t// Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n\t\teditor.ui.addToolbar( this.toolbarView, {\n\t\t\tbeforeFocus: () => this._showPanel(),\n\t\t\tafterBlur: () => this._hidePanel()\n\t\t} );\n\n\t\t// Fills the toolbar with its items based on the configuration.\n\t\t// This needs to be done after all plugins are ready.\n\t\teditor.ui.once<EditorUIReadyEvent>( 'ready', () => {\n\t\t\tthis.toolbarView.fillFromConfig( this._blockToolbarConfig, this.editor.ui.componentFactory );\n\n\t\t\t// Hide panel before executing each button in the panel.\n\t\t\tfor ( const item of this.toolbarView.items ) {\n\t\t\t\titem.on<ButtonExecuteEvent>( 'execute', () => this._hidePanel( true ), { priority: 'high' } );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n\t\tthis.panelView.destroy();\n\t\tthis.buttonView.destroy();\n\t\tthis.toolbarView.destroy();\n\n\t\tif ( this._resizeObserver ) {\n\t\t\tthis._resizeObserver.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Creates the {@link #toolbarView}.\n\t */\n\tprivate _createToolbarView(): ToolbarView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst shouldGroupWhenFull = !this._blockToolbarConfig.shouldNotGroupWhenFull;\n\t\tconst toolbarView = new ToolbarView( this.editor.locale, {\n\t\t\tshouldGroupWhenFull,\n\t\t\tisFloating: true\n\t\t} );\n\n\t\ttoolbarView.ariaLabel = t( 'Editor block content toolbar' );\n\n\t\treturn toolbarView;\n\t}\n\n\t/**\n\t * Creates the {@link #panelView}.\n\t */\n\tprivate _createPanelView(): BalloonPanelView {\n\t\tconst editor = this.editor;\n\t\tconst panelView = new BalloonPanelView( editor.locale );\n\n\t\tpanelView.content.add( this.toolbarView );\n\t\tpanelView.class = 'ck-toolbar-container';\n\t\teditor.ui.view.body.add( panelView );\n\n\t\t// Close #panelView on `Esc` press.\n\t\tthis.toolbarView.keystrokes.set( 'Esc', ( evt, cancel ) => {\n\t\t\tthis._hidePanel( true );\n\t\t\tcancel();\n\t\t} );\n\n\t\treturn panelView;\n\t}\n\n\t/**\n\t * Creates the {@link #buttonView}.\n\t */\n\tprivate _createButtonView(): BlockButtonView {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst buttonView = new BlockButtonView( editor.locale );\n\t\tconst iconFromConfig = this._blockToolbarConfig.icon;\n\n\t\tconst icon = NESTED_TOOLBAR_ICONS[ iconFromConfig! ] || iconFromConfig || NESTED_TOOLBAR_ICONS.dragIndicator;\n\n\t\tbuttonView.set( {\n\t\t\tlabel: t( 'Edit block' ),\n\t\t\ticon,\n\t\t\twithText: false\n\t\t} );\n\n\t\t// Bind the panelView observable properties to the buttonView.\n\t\tbuttonView.bind( 'isOn' ).to( this.panelView, 'isVisible' );\n\t\tbuttonView.bind( 'tooltip' ).to( this.panelView, 'isVisible', isVisible => !isVisible );\n\n\t\t// Toggle the panelView upon buttonView#execute.\n\t\tthis.listenTo<ButtonExecuteEvent>( buttonView, 'execute', () => {\n\t\t\tif ( !this.panelView.isVisible ) {\n\t\t\t\tthis._showPanel();\n\t\t\t} else {\n\t\t\t\tthis._hidePanel( true );\n\t\t\t}\n\t\t} );\n\n\t\t// Hide the panelView when the buttonView is disabled. `isEnabled` flag might be changed when\n\t\t// user scrolls the viewport and the button is no longer visible. In such case, the panel should be hidden\n\t\t// otherwise it will be displayed in the wrong place.\n\t\tthis.listenTo<ObservableChangeEvent<boolean>>( buttonView, 'change:isEnabled', ( evt, name, isEnabled ) => {\n\t\t\tif ( !isEnabled && this.panelView.isVisible ) {\n\t\t\t\tthis._hidePanel( false );\n\t\t\t}\n\t\t} );\n\n\t\teditor.ui.view.body.add( buttonView );\n\n\t\treturn buttonView;\n\t}\n\n\t/**\n\t * Shows or hides the button.\n\t * When all the conditions for displaying the button are matched, it shows the button. Hides otherwise.\n\t */\n\tprivate _updateButton() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst view = editor.editing.view;\n\n\t\t// Hides the button when the editor is not focused.\n\t\tif ( !editor.ui.focusTracker.isFocused ) {\n\t\t\tthis._hideButton();\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Hides the button when the selection is in non-editable place.\n\t\tif ( !editor.model.canEditAt( editor.model.document.selection ) ) {\n\t\t\tthis._hideButton();\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Get the first selected block, button will be attached to this element.\n\t\tconst modelTarget = Array.from( model.document.selection.getSelectedBlocks() )[ 0 ];\n\n\t\t// Hides the button when there is no enabled item in toolbar for the current block element.\n\t\tif ( !modelTarget || Array.from( this.toolbarView.items ).every( ( item: any ) => !item.isEnabled ) ) {\n\t\t\tthis._hideButton();\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Get DOM target element.\n\t\tconst domTarget = view.domConverter.mapViewToDom( editor.editing.mapper.toViewElement( modelTarget )! );\n\n\t\t// Show block button.\n\t\tthis.buttonView.isVisible = true;\n\n\t\t// Make sure that the block toolbar panel is resized properly.\n\t\tthis._setupToolbarResize();\n\n\t\t// Attach block button to target DOM element.\n\t\tthis._attachButtonToElement( domTarget as any );\n\n\t\t// When panel is opened then refresh it position to be properly aligned with block button.\n\t\tif ( this.panelView.isVisible ) {\n\t\t\tthis._showPanel();\n\t\t}\n\t}\n\n\t/**\n\t * Hides the button.\n\t */\n\tprivate _hideButton() {\n\t\tthis.buttonView.isVisible = false;\n\t}\n\n\t/**\n\t * Shows the {@link #toolbarView} attached to the {@link #buttonView}.\n\t * If the toolbar is already visible, then it simply repositions it.\n\t */\n\tprivate _showPanel() {\n\t\t// Usually, the only way to show the toolbar is by pressing the block button. It makes it impossible for\n\t\t// the toolbar to show up when the button is invisible (feature does not make sense for the selection then).\n\t\t// The toolbar navigation using Alt+F10 does not access the button but shows the panel directly using this method.\n\t\t// So we need to check whether this is possible first.\n\t\tif ( !this.buttonView.isVisible ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst wasVisible = this.panelView.isVisible;\n\n\t\t// So here's the thing: If there was no initial panelView#show() or these two were in different order, the toolbar\n\t\t// positioning will break in RTL editors. Weird, right? What you show know is that the toolbar\n\t\t// grouping works thanks to:\n\t\t//\n\t\t// * the ResizeObserver, which kicks in as soon as the toolbar shows up in DOM (becomes visible again).\n\t\t// * the observable ToolbarView#maxWidth, which triggers re-grouping when changed.\n\t\t//\n\t\t// Here are the possible scenarios:\n\t\t//\n\t\t// 1. (WRONG ❌) If the #maxWidth is set when the toolbar is invisible, it won't affect item grouping (no DOMRects, no grouping).\n\t\t//    Then, when panelView.pin() is called, the position of the toolbar will be calculated for the old\n\t\t//    items grouping state, and when finally ResizeObserver kicks in (hey, the toolbar is visible now, right?)\n\t\t//    it will group/ungroup some items and the length of the toolbar will change. But since in RTL the toolbar\n\t\t//    is attached on the right side and the positioning uses CSS \"left\", it will result in the toolbar shifting\n\t\t//    to the left and being displayed in the wrong place.\n\t\t// 2. (WRONG ❌) If the panelView.pin() is called first and #maxWidth set next, then basically the story repeats. The balloon\n\t\t//    calculates the position for the old toolbar grouping state, then the toolbar re-groups items and because\n\t\t//    it is positioned using CSS \"left\" it will move.\n\t\t// 3. (RIGHT ✅) We show the panel first (the toolbar does re-grouping but it does not matter), then the #maxWidth\n\t\t//    is set allowing the toolbar to re-group again and finally panelView.pin() does the positioning when the\n\t\t//    items grouping state is stable and final.\n\t\t//\n\t\t// https://github.com/ckeditor/ckeditor5/issues/6449, https://github.com/ckeditor/ckeditor5/issues/6575\n\t\tthis.panelView.show();\n\n\t\tconst editableElement = this._getSelectedEditableElement();\n\n\t\tthis.toolbarView.maxWidth = this._getToolbarMaxWidth( editableElement );\n\n\t\tthis.panelView.pin( {\n\t\t\ttarget: this.buttonView.element!,\n\t\t\tlimiter: editableElement\n\t\t} );\n\n\t\tif ( !wasVisible ) {\n\t\t\t( this.toolbarView.items.get( 0 ) as any ).focus();\n\t\t}\n\t}\n\n\t/**\n\t * Returns currently selected editable, based on the model selection.\n\t */\n\tprivate _getSelectedEditableElement(): HTMLElement {\n\t\tconst selectedModelRootName = this.editor.model.document.selection.getFirstRange()!.root.rootName!;\n\n\t\treturn this.editor.ui.getEditableElement( selectedModelRootName )!;\n\t}\n\n\t/**\n\t * Hides the {@link #toolbarView}.\n\t *\n\t * @param focusEditable When `true`, the editable will be focused after hiding the panel.\n\t */\n\tprivate _hidePanel( focusEditable?: boolean ) {\n\t\tthis.panelView.isVisible = false;\n\n\t\tif ( focusEditable ) {\n\t\t\tthis.editor.editing.view.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Repositions the button on scroll.\n\t */\n\tprivate _repositionButtonOnScroll() {\n\t\tconst { buttonView } = this;\n\n\t\tlet pendingAnimationFrame = false;\n\n\t\t// Reposition the button on scroll, but do it only once per animation frame to avoid performance issues.\n\t\tconst repositionOnScroll = ( evt: EventInfo, domEvt: Event ) => {\n\t\t\tif ( pendingAnimationFrame ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// It makes no sense to reposition the button when the user scrolls the dropdown or any other\n\t\t\t// nested scrollable element. The button should be repositioned only when the user scrolls the\n\t\t\t// editable or any other scrollable parent of the editable. Leaving it as it is buggy on Chrome\n\t\t\t// where scrolling nested scrollables is not properly handled.\n\t\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/17067\n\t\t\tconst editableElement = this._getSelectedEditableElement();\n\n\t\t\tif (\n\t\t\t\tdomEvt.target !== global.document &&\n\t\t\t\t!getAncestors( editableElement ).includes( domEvt.target as HTMLElement )\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tpendingAnimationFrame = true;\n\t\t\tglobal.window.requestAnimationFrame( () => {\n\t\t\t\tthis._updateButton();\n\t\t\t\tpendingAnimationFrame = false;\n\t\t\t} );\n\t\t};\n\n\t\t// Watch scroll event only when the button is visible, it prevents attaching the scroll event listener\n\t\t// to the document when the button is not visible.\n\t\tbuttonView.on<ObservableChangeEvent<boolean>>( 'change:isVisible', ( evt, name, isVisible ) => {\n\t\t\tif ( isVisible ) {\n\t\t\t\tbuttonView.listenTo( global.document, 'scroll', repositionOnScroll, {\n\t\t\t\t\tuseCapture: true,\n\t\t\t\t\tusePassive: true\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tbuttonView.stopListening( global.document, 'scroll', repositionOnScroll );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Attaches the {@link #buttonView} to the target block of content.\n\t *\n\t * @param targetElement Target element.\n\t */\n\tprivate _attachButtonToElement( targetElement: HTMLElement ) {\n\t\tconst buttonElement = this.buttonView.element!;\n\t\tconst editableElement = this._getSelectedEditableElement();\n\n\t\tconst contentStyles = window.getComputedStyle( targetElement );\n\n\t\tconst editableRect = new Rect( editableElement );\n\t\tconst contentPaddingTop = parseInt( contentStyles.paddingTop, 10 );\n\t\t// When line height is not an integer then treat it as \"normal\".\n\t\t// MDN says that 'normal' == ~1.2 on desktop browsers.\n\t\tconst contentLineHeight = parseInt( contentStyles.lineHeight, 10 ) || parseInt( contentStyles.fontSize, 10 ) * 1.2;\n\n\t\tconst buttonRect = new Rect( buttonElement );\n\t\tconst contentRect = new Rect( targetElement );\n\n\t\tlet positionLeft;\n\n\t\tif ( this.editor.locale.uiLanguageDirection === 'ltr' ) {\n\t\t\tpositionLeft = editableRect.left - buttonRect.width;\n\t\t} else {\n\t\t\tpositionLeft = editableRect.right;\n\t\t}\n\n\t\tconst positionTop = contentRect.top + contentPaddingTop + ( contentLineHeight - buttonRect.height ) / 2;\n\n\t\tbuttonRect.moveTo( positionLeft, positionTop );\n\n\t\tconst absoluteButtonRect = buttonRect.toAbsoluteRect();\n\n\t\tthis.buttonView.top = absoluteButtonRect.top;\n\t\tthis.buttonView.left = absoluteButtonRect.left;\n\n\t\tthis._clipButtonToViewport( this.buttonView, editableElement );\n\t}\n\n\t/**\n\t * Clips the button element to the viewport of the editable element.\n\t *\n\t * \t* If the button overflows the editable viewport, it is clipped to make it look like it's cut off by the editable scrollable region.\n\t * \t* If the button is fully hidden by the top of the editable, it is not clickable but still visible in the DOM.\n\t *\n\t * @param buttonView The button view to clip.\n\t * @param editableElement The editable element whose viewport is used for clipping.\n\t */\n\tprivate _clipButtonToViewport(\n\t\tbuttonView: ButtonView,\n\t\teditableElement: HTMLElement\n\t) {\n\t\tconst absoluteButtonRect = new Rect( buttonView.element! );\n\t\tconst scrollViewportRect = new Rect( editableElement ).getVisible();\n\n\t\t// Sets polygon clip path for the button element, if there is no argument provided, the clip path is removed.\n\t\tconst setButtonClipping = ( ...paths: Array<string> ) => {\n\t\t\tbuttonView.element!.style.clipPath = paths.length ? `polygon(${ paths.join( ',' ) })` : '';\n\t\t};\n\n\t\t// Hide the button if it's fully hidden by the top of the editable.\n\t\t// Note that the button is still visible in the DOM, but it's not clickable. It's because we don't\n\t\t// want to hide the button completely, as there are plenty of `isVisible` watchers which toggles\n\t\t// the button scroll listeners.\n\t\tconst markAsHidden = ( isHidden: boolean ) => {\n\t\t\tbuttonView.isEnabled = !isHidden;\n\t\t\tbuttonView.element!.style.pointerEvents = isHidden ? 'none' : '';\n\t\t};\n\n\t\tif ( scrollViewportRect && scrollViewportRect.bottom < absoluteButtonRect.bottom ) {\n\t\t\t// Calculate the delta between the button bottom and the editable bottom, and clip the button\n\t\t\t// to make it look like it's cut off by the editable scrollable region.\n\t\t\tconst delta = Math.min(\n\t\t\t\tabsoluteButtonRect.height,\n\t\t\t\tabsoluteButtonRect.bottom - scrollViewportRect.bottom\n\t\t\t);\n\n\t\t\tmarkAsHidden( delta >= absoluteButtonRect.height );\n\t\t\tsetButtonClipping(\n\t\t\t\t'0 0',\n\t\t\t\t'100% 0',\n\t\t\t\t`100% calc(100% - ${ toPx( delta ) })`,\n\t\t\t\t`0 calc(100% - ${ toPx( delta ) }`\n\t\t\t);\n\t\t} else if ( scrollViewportRect && scrollViewportRect.top > absoluteButtonRect.top ) {\n\t\t\t// Calculate the delta between the button top and the editable top, and clip the button\n\t\t\t// to make it look like it's cut off by the editable scrollable region.\n\t\t\tconst delta = Math.min(\n\t\t\t\tabsoluteButtonRect.height,\n\t\t\t\tscrollViewportRect.top - absoluteButtonRect.top\n\t\t\t);\n\n\t\t\tmarkAsHidden( delta >= absoluteButtonRect.height );\n\t\t\tsetButtonClipping(\n\t\t\t\t`0 ${ toPx( delta ) }`,\n\t\t\t\t`100% ${ toPx( delta ) }`,\n\t\t\t\t'100% 100%',\n\t\t\t\t'0 100%'\n\t\t\t);\n\t\t} else {\n\t\t\t// Reset the clip path if button is fully visible.\n\t\t\tmarkAsHidden( false );\n\t\t\tsetButtonClipping();\n\t\t}\n\t}\n\n\t/**\n\t * Creates a resize observer that observes selected editable and resizes the toolbar panel accordingly.\n\t */\n\tprivate _setupToolbarResize() {\n\t\tconst editableElement = this._getSelectedEditableElement();\n\n\t\t// Do this only if the automatic grouping is turned on.\n\t\tif ( !this._blockToolbarConfig.shouldNotGroupWhenFull ) {\n\t\t\t// If resize observer is attached to a different editable than currently selected editable, re-attach it.\n\t\t\tif ( this._resizeObserver && this._resizeObserver.element !== editableElement ) {\n\t\t\t\tthis._resizeObserver.destroy();\n\t\t\t\tthis._resizeObserver = null;\n\t\t\t}\n\n\t\t\tif ( !this._resizeObserver ) {\n\t\t\t\tthis._resizeObserver = new ResizeObserver( editableElement, () => {\n\t\t\t\t\tthis.toolbarView.maxWidth = this._getToolbarMaxWidth( editableElement );\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Gets the {@link #toolbarView} max-width, based on given `editableElement` width plus the distance between the farthest\n\t * edge of the {@link #buttonView} and the editable.\n\t *\n\t * @returns A maximum width that toolbar can have, in pixels.\n\t */\n\tprivate _getToolbarMaxWidth( editableElement: HTMLElement ) {\n\t\tconst editableRect = new Rect( editableElement );\n\t\tconst buttonRect = new Rect( this.buttonView.element! );\n\t\tconst isRTL = this.editor.locale.uiLanguageDirection === 'rtl';\n\t\tconst offset = isRTL ? ( buttonRect.left - editableRect.right ) + buttonRect.width : editableRect.left - buttonRect.left;\n\n\t\treturn toPx( editableRect.width + offset );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/menubar/menubarmenubuttonview\n */\n\nimport { IconDropdownArrow } from '@ckeditor/ckeditor5-icons';\nimport { IconView } from '../icon/iconview.js';\nimport { ListItemButtonView } from '../button/listitembuttonview.js';\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\n\nimport '../../theme/components/menubar/menubarmenubutton.css';\n\n/**\n * A menu {@link module:ui/menubar/menubarmenuview~MenuBarMenuView#buttonView} class. Buttons like this one\n * open both top-level bar menus as well as sub-menus.\n */\nexport class MenuBarMenuButtonView extends ListItemButtonView {\n\t/**\n\t * An icon that displays an arrow to indicate a direction of the menu.\n\t */\n\tpublic readonly arrowView: IconView;\n\n\t/**\n\t * Creates an instance of the menu bar button view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( {\n\t\t\twithText: true,\n\t\t\trole: 'menuitem'\n\t\t} );\n\n\t\tthis.arrowView = this._createArrowView();\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-menu-bar__menu__button'\n\t\t\t\t],\n\t\t\t\t'aria-haspopup': true,\n\t\t\t\t'aria-expanded': this.bindTemplate.to( 'isOn', value => String( value ) ),\n\t\t\t\t'data-cke-tooltip-disabled': bind.to( 'isOn' )\n\t\t\t},\n\t\t\ton: {\n\t\t\t\t'mouseenter': bind.to( 'mouseenter' )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.children.add( this.arrowView );\n\t}\n\n\t/**\n\t * Creates the {@link #arrowView} instance.\n\t */\n\tprivate _createArrowView() {\n\t\tconst arrowView = new IconView();\n\n\t\tarrowView.content = IconDropdownArrow;\n\t\tarrowView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-menu-bar__menu__button__arrow'\n\t\t\t}\n\t\t} );\n\n\t\treturn arrowView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/menubar/menubarmenupanelview\n */\n\nimport { type Locale } from '@ckeditor/ckeditor5-utils';\nimport type { FocusableView } from '../focuscycler.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { View } from '../view.js';\n\nimport '../../theme/components/menubar/menubarmenupanel.css';\n\n/**\n * A view representing a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView#panelView} of a menu.\n */\nexport class MenuBarMenuPanelView extends View implements FocusableView {\n\t/**\n\t * Collection of the child views in this panel.\n\t */\n\tpublic readonly children: ViewCollection<FocusableView>;\n\n\t/**\n\t * Controls whether the panel is visible.\n\t *\n\t * @observable\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * The name of the position of the panel, relative to the parent.\n\t *\n\t * This property is reflected in the CSS class suffix set to {@link #element} that controls\n\t * the position of the panel.\n\t *\n\t * @observable\n\t * @default 'se'\n\t */\n\tdeclare public position: MenuBarMenuPanelPosition;\n\n\t/**\n\t * Creates an instance of the menu panel view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'isVisible', false );\n\t\tthis.set( 'position', 'se' );\n\n\t\tthis.children = this.createCollection();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-reset',\n\t\t\t\t\t'ck-menu-bar__menu__panel',\n\t\t\t\t\tbind.to( 'position', value => `ck-menu-bar__menu__panel_position_${ value }` ),\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value )\n\t\t\t\t],\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: this.children,\n\n\t\t\ton: {\n\t\t\t\t// Drag and drop in the panel should not break the selection in the editor.\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-ui/issues/228\n\t\t\t\tselectstart: bind.to( evt => {\n\t\t\t\t\tif ( ( evt.target as HTMLElement ).tagName.toLocaleLowerCase() === 'input' ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tevt.preventDefault();\n\t\t\t\t} )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Focuses the first child of the panel (default) or the last one if the `direction` is `-1`.\n\t */\n\tpublic focus( direction: -1 | 1 = 1 ): void {\n\t\tif ( this.children.length ) {\n\t\t\tif ( direction === 1 ) {\n\t\t\t\tthis.children.first!.focus();\n\t\t\t} else {\n\t\t\t\tthis.children.last!.focus();\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * The names of the positions of the {@link module:ui/menubar/menubarmenupanelview~MenuBarMenuPanelView}.\n *\n * They are reflected as CSS class suffixes on the panel view element.\n */\nexport type MenuBarMenuPanelPosition = 'se' | 'sw' | 'ne' | 'nw' | 'w' | 'ws' | 'e' | 'es';\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/menubar/menubarmenuview\n */\n\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\tgetOptimalPosition,\n\ttype Locale,\n\ttype PositioningFunction,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\nimport { MenuBarMenuButtonView } from './menubarmenubuttonview.js';\nimport { MenuBarMenuBehaviors, MenuBarMenuViewPanelPositioningFunctions } from './utils.js';\nimport type { FocusableView } from '../focuscycler.js';\nimport { View } from '../view.js';\nimport {\n\tMenuBarMenuPanelView,\n\ttype MenuBarMenuPanelPosition\n} from './menubarmenupanelview.js';\n\nimport '../../theme/components/menubar/menubarmenu.css';\n\n/**\n * A menu view for the {@link module:ui/menubar/menubarview~MenuBarView}. Menus are building blocks of the menu bar,\n * they host other sub-menus and menu items (buttons) that users can interact with.\n */\nexport class MenuBarMenuView extends View implements FocusableView {\n\t/**\n\t * Button of the menu view.\n\t */\n\tpublic readonly buttonView: MenuBarMenuButtonView;\n\n\t/**\n\t * Panel of the menu. It hosts children of the menu.\n\t */\n\tpublic readonly panelView: MenuBarMenuPanelView;\n\n\t/**\n\t * Tracks information about the DOM focus in the menu.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}. It manages\n\t * keystrokes of the menu.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Controls whether the menu is open, i.e. shows or hides the {@link #panelView panel}.\n\t *\n\t * @observable\n\t */\n\tdeclare public isOpen: boolean;\n\n\t/**\n\t * Controls whether the menu is enabled, i.e. its {@link #buttonView} can be clicked.\n\t *\n\t * @observable\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * (Optional) The additional CSS class set on the menu {@link #element}.\n\t *\n\t * @observable\n\t */\n\tdeclare public class: string | undefined;\n\n\t/**\n\t * The name of the position of the {@link #panelView}, relative to the menu.\n\t *\n\t * **Note**: The value is updated each time the panel gets {@link #isOpen open}.\n\t *\n\t * @observable\n\t * @default 'w'\n\t */\n\tdeclare public panelPosition: MenuBarMenuPanelPosition;\n\n\t/**\n\t * The parent menu view of the menu. It is `null` for top-level menus.\n\t *\n\t * See {@link module:ui/menubar/menubarview~MenuBarView#registerMenu}.\n\t */\n\tdeclare public parentMenuView: MenuBarMenuView | null;\n\n\t/**\n\t * Creates an instance of the menu view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.buttonView = new MenuBarMenuButtonView( locale );\n\t\tthis.buttonView.delegate( 'mouseenter' ).to( this );\n\t\tthis.buttonView.bind( 'isOn', 'isEnabled' ).to( this, 'isOpen', 'isEnabled' );\n\n\t\tthis.panelView = new MenuBarMenuPanelView( locale );\n\t\tthis.panelView.bind( 'isVisible' ).to( this, 'isOpen' );\n\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.focusTracker = new FocusTracker();\n\n\t\tthis.set( 'isOpen', false );\n\t\tthis.set( 'isEnabled', true );\n\t\tthis.set( 'panelPosition', 'w' );\n\t\tthis.set( 'class', undefined );\n\t\tthis.set( 'parentMenuView', null );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-menu-bar__menu',\n\t\t\t\t\tbind.to( 'class' ),\n\t\t\t\t\tbind.if( 'isEnabled', 'ck-disabled', value => !value ),\n\t\t\t\t\tbind.if( 'parentMenuView', 'ck-menu-bar__menu_top-level', value => !value )\n\t\t\t\t]\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\tthis.buttonView,\n\t\t\t\tthis.panelView\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.focusTracker.add( this.buttonView.element! );\n\t\tthis.focusTracker.add( this.panelView.element! );\n\n\t\t// Listen for keystrokes coming from within #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\n\t\tMenuBarMenuBehaviors.closeOnEscKey( this );\n\n\t\tthis._repositionPanelOnOpen();\n\t}\n\n\t// For now, this method cannot be called in the render process because the `parentMenuView` may be assigned\n\t// after the rendering process.\n\t//\n\t// TODO: We should reconsider the way we handle this logic.\n\t/**\n\t * Attach all keyboard behaviors for the menu bar view.\n\t *\n\t * @internal\n\t */\n\tpublic _attachBehaviors(): void {\n\t\t// Top-level menus.\n\t\tif ( !this.parentMenuView ) {\n\t\t\tthis._propagateArrowKeystrokeEvents();\n\n\t\t\tMenuBarMenuBehaviors.openAndFocusPanelOnArrowDownKey( this );\n\t\t\tMenuBarMenuBehaviors.toggleOnButtonClick( this );\n\t\t} else {\n\t\t\tMenuBarMenuBehaviors.openOnButtonClick( this );\n\t\t\tMenuBarMenuBehaviors.openOnArrowRightKey( this );\n\t\t\tMenuBarMenuBehaviors.closeOnArrowLeftKey( this );\n\t\t\tMenuBarMenuBehaviors.openAndFocusOnEnterKeyPress( this );\n\t\t\tMenuBarMenuBehaviors.closeOnParentClose( this );\n\t\t}\n\t}\n\n\t/**\n\t * Fires `arrowright` and `arrowleft` events when the user pressed corresponding arrow keys.\n\t */\n\tprivate _propagateArrowKeystrokeEvents(): void {\n\t\tthis.keystrokes.set( 'arrowright', ( data, cancel ) => {\n\t\t\tthis.fire( 'arrowright' );\n\t\t\tcancel();\n\t\t} );\n\n\t\tthis.keystrokes.set( 'arrowleft', ( data, cancel ) => {\n\t\t\tthis.fire( 'arrowleft' );\n\t\t\tcancel();\n\t\t} );\n\t}\n\n\t/**\n\t * Sets the position of the panel when the menu opens. The panel is positioned\n\t * so that it optimally uses the available space in the viewport.\n\t */\n\tprivate _repositionPanelOnOpen(): void {\n\t\t// Let the menu control the position of the panel. The position must be updated every time the menu is open.\n\t\tthis.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( evt, name, isOpen ) => {\n\t\t\tif ( !isOpen ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst optimalPanelPosition = MenuBarMenuView._getOptimalPosition( {\n\t\t\t\telement: this.panelView.element!,\n\t\t\t\ttarget: this.buttonView.element!,\n\t\t\t\tfitInViewport: true,\n\t\t\t\tpositions: this._panelPositions\n\t\t\t} );\n\n\t\t\tthis.panelView.position = (\n\t\t\t\toptimalPanelPosition ? optimalPanelPosition.name : this._defaultMenuPositionName\n\t\t\t) as MenuBarMenuPanelPosition;\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus(): void {\n\t\tthis.buttonView.focus();\n\t}\n\n\t/**\n\t * Positioning functions for the {@link #panelView} . They change depending on the role of the menu (top-level vs sub-menu) in\n\t * the {@link module:ui/menubar/menubarview~MenuBarView menu bar} and the UI language direction.\n\t */\n\tpublic get _panelPositions(): Array<PositioningFunction> {\n\t\tconst {\n\t\t\tsouthEast, southWest, northEast, northWest,\n\t\t\twestSouth, eastSouth, westNorth, eastNorth\n\t\t} = MenuBarMenuViewPanelPositioningFunctions;\n\n\t\tif ( this.locale!.uiLanguageDirection === 'ltr' ) {\n\t\t\tif ( this.parentMenuView ) {\n\t\t\t\treturn [ eastSouth, eastNorth, westSouth, westNorth ];\n\t\t\t} else {\n\t\t\t\treturn [ southEast, southWest, northEast, northWest ];\n\t\t\t}\n\t\t} else {\n\t\t\tif ( this.parentMenuView ) {\n\t\t\t\treturn [ westSouth, westNorth, eastSouth, eastNorth ];\n\t\t\t} else {\n\t\t\t\treturn [ southWest, southEast, northWest, northEast ];\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * The default position of the panel when the menu is opened.\n\t * It is used when the optimal position cannot be calculated.\n\t */\n\tprivate get _defaultMenuPositionName(): MenuBarMenuPanelPosition {\n\t\tif ( this.locale!.uiLanguageDirection === 'ltr' ) {\n\t\t\tif ( this.parentMenuView ) {\n\t\t\t\treturn 'es';\n\t\t\t} else {\n\t\t\t\treturn 'se';\n\t\t\t}\n\t\t} else {\n\t\t\tif ( this.parentMenuView ) {\n\t\t\t\treturn 'ws';\n\t\t\t} else {\n\t\t\t\treturn 'sw';\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * A function used to calculate the optimal position for the dropdown panel.\n\t *\n\t * Referenced for unit testing purposes.\n\t */\n\tprivate static _getOptimalPosition = getOptimalPosition;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/menubar/menubarmenulistview\n */\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\nimport { type View } from '../view.js';\n\nimport { ListItemView } from '../list/listitemview.js';\nimport { ListView } from '../list/listview.js';\nimport { ListItemButtonView } from '../button/listitembuttonview.js';\nimport { ButtonView } from '../button/buttonview.js';\n\n/**\n * A list of menu bar items, a child of {@link module:ui/menubar/menubarmenuview~MenuBarMenuView#panelView}.\n *\n * Use this class to create a list of items (options, buttons) to be displayed in a menu bar.\n *\n * To populate this list, use {@link module:ui/menubar/menubarmenulistitemview~MenuBarMenuListItemView} instances.\n */\nexport class MenuBarMenuListView extends ListView {\n\t/**\n\t * Creates an instance of the list view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.role = 'menu';\n\t\tthis.items.on( 'change', this._setItemsCheckSpace.bind( this ) );\n\t}\n\n\t/**\n\t * This method adds empty space if there is any toggleable item in the list.\n\t * It makes the list properly aligned.\n\t */\n\tprivate _setItemsCheckSpace() {\n\t\tconst hasAnyToggleableItem = (\n\t\t\tArray\n\t\t\t\t.from( this.items )\n\t\t\t\t.some( item => {\n\t\t\t\t\tconst listButtonView = pickListButtonMenuViewIfPresent( item );\n\n\t\t\t\t\treturn listButtonView && listButtonView.isToggleable;\n\t\t\t\t} )\n\t\t);\n\n\t\tthis.items.forEach( item => {\n\t\t\tconst listButtonView = pickListButtonMenuViewIfPresent( item );\n\n\t\t\tif ( listButtonView ) {\n\t\t\t\tlistButtonView.hasCheckSpace = hasAnyToggleableItem;\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Picks the first button menu view from the given item if present.\n *\n * @param item The item to check for a button menu view.\n * @returns The first button menu view found in the item, or `null` if not found.\n */\nfunction pickListButtonMenuViewIfPresent( item: View ) {\n\tif ( !( item instanceof ListItemView ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\titem\n\t\t\t.children\n\t\t\t.map( child => isNestedMenuLikeView( child ) ? child.buttonView : child )\n\t\t\t.find( item => item instanceof ListItemButtonView ) as ListItemButtonView | undefined\n\t);\n}\n\n/**\n * Checks if the given item is a nested menu-like view. `MenuBarMenuView` imports this file\n * so to avoid circular dependencies, this function is defined in more generic way.\n *\n * @param item The item to check.\n * @returns `true` if the item is a nested menu-like view, `false` otherwise.\n */\nfunction isNestedMenuLikeView( item: any ): item is { buttonView: ButtonView } {\n\treturn (\n\t\ttypeof item === 'object' &&\n\t\t\t'buttonView' in item &&\n\t\t\titem.buttonView instanceof ButtonView\n\t);\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/menubar/menubarmenulistitemfiledialogbuttonview\n */\n\nimport type { Locale } from '@ckeditor/ckeditor5-utils';\nimport { FileDialogListItemButtonView } from '../button/filedialogbuttonview.js';\n\nimport '../../theme/components/menubar/menubarmenulistitembutton.css';\n\n/**\n * A menu bar list file dialog button view. Buttons like this one execute user actions.\n *\n * This component provides a button that opens the native file selection dialog.\n */\nexport class MenuBarMenuListItemFileDialogButtonView extends FileDialogListItemButtonView {\n\t/**\n\t * Creates an instance of the menu bar list button view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.set( {\n\t\t\twithText: true,\n\t\t\twithKeystroke: true,\n\t\t\ttooltip: false,\n\t\t\trole: 'menuitem'\n\t\t} );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck-menu-bar__menu__item__button' ]\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ui/menubar/menubarview\n */\n\nimport {\n\tlogWarning,\n\ttype BaseEvent,\n\ttype Locale,\n\ttype ObservableChangeEvent\n} from '@ckeditor/ckeditor5-utils';\nimport { type FocusableView } from '../focuscycler.js';\nimport { View } from '../view.js';\nimport { isObject } from 'es-toolkit/compat';\nimport { ListItemView } from '../list/listitemview.js';\nimport { ListSeparatorView } from '../list/listseparatorview.js';\nimport { type ViewCollection } from '../viewcollection.js';\nimport { type ComponentFactory } from '../componentfactory.js';\n\nimport { MenuBarMenuView } from './menubarmenuview.js';\nimport { MenuBarMenuListView } from './menubarmenulistview.js';\nimport { MenuBarMenuListItemView } from './menubarmenulistitemview.js';\nimport { MenuBarMenuListItemButtonView } from './menubarmenulistitembuttonview.js';\nimport { MenuBarMenuListItemFileDialogButtonView } from './menubarmenulistitemfiledialogbuttonview.js';\nimport {\n\tMenuBarBehaviors,\n\tprocessMenuBarConfig\n} from './utils.js';\n\nconst EVENT_NAME_DELEGATES = [ 'mouseenter', 'arrowleft', 'arrowright', 'change:isOpen' ] as const;\n\nimport '../../theme/components/menubar/menubar.css';\n\n/**\n * The application menu bar component. It brings a set of top-level menus (and sub-menus) that can be used\n * to organize and access a large number of buttons.\n */\nexport class MenuBarView extends View implements FocusableView {\n\t/**\n\t * Collection of the child views inside the {@link #element}.\n\t */\n\tpublic children: ViewCollection<MenuBarMenuView>;\n\n\t/**\n\t * Indicates whether any of top-level menus are open in the menu bar. To close\n\t * the menu bar use the {@link #close} method.\n\t *\n\t * @observable\n\t */\n\tdeclare public isOpen: boolean;\n\n\t/**\n\t * Indicates whether the menu bar has been interacted with using the keyboard.\n\t *\n\t * It is useful for showing focus outlines while hovering over the menu bar when\n\t * interaction with the keyboard was detected.\n\t *\n\t * @observable\n\t */\n\tdeclare public isFocusBorderEnabled: boolean;\n\n\t/**\n\t * A list of {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} instances registered in the menu bar.\n\t *\n\t * @observable\n\t */\n\tpublic menus: Array<MenuBarMenuView> = [];\n\n\t/**\n\t * Creates an instance of the menu bar view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst t = locale.t;\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( {\n\t\t\tisOpen: false,\n\t\t\tisFocusBorderEnabled: false\n\t\t} );\n\n\t\tthis._setupIsOpenUpdater();\n\n\t\tthis.children = this.createCollection();\n\n\t\t// @if CK_DEBUG_MENU_BAR // // Logs events in the main event bus of the component.\n\t\t// @if CK_DEBUG_MENU_BAR // this.on( 'menu', ( evt, data ) => {\n\t\t// @if CK_DEBUG_MENU_BAR // \tconsole.log( `MenuBarView:${ evt.name }`, evt.path.map( view => view.element ) );\n\t\t// @if CK_DEBUG_MENU_BAR // } );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-menu-bar',\n\t\t\t\t\tbind.if( 'isFocusBorderEnabled', 'ck-menu-bar_focus-border-enabled' )\n\t\t\t\t],\n\t\t\t\t'aria-label': t( 'Editor menu bar' ),\n\t\t\t\trole: 'menubar'\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * A utility that expands a plain menu bar configuration into a structure of menus (also: sub-menus)\n\t * and items using a given {@link module:ui/componentfactory~ComponentFactory component factory}.\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig#menuBar menu bar} in the editor\n\t * configuration reference to learn how to configure the menu bar.\n\t */\n\tpublic fillFromConfig(\n\t\tconfig: NormalizedMenuBarConfigObject,\n\t\tcomponentFactory: ComponentFactory,\n\t\textraItems: Array<MenuBarConfigAddedItem | MenuBarConfigAddedGroup | MenuBarConfigAddedMenu> = []\n\t): void {\n\t\tconst locale = this.locale!;\n\t\tconst processedConfig = processMenuBarConfig( {\n\t\t\tnormalizedConfig: config,\n\t\t\tlocale,\n\t\t\tcomponentFactory,\n\t\t\textraItems\n\t\t} );\n\n\t\tconst topLevelCategoryMenuViews = processedConfig.items.map( menuDefinition => this._createMenu( {\n\t\t\tcomponentFactory,\n\t\t\tmenuDefinition\n\t\t} ) );\n\n\t\tthis.children.addMany( topLevelCategoryMenuViews );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tMenuBarBehaviors.toggleMenusAndFocusItemsOnHover( this );\n\t\tMenuBarBehaviors.closeMenusWhenTheBarCloses( this );\n\t\tMenuBarBehaviors.closeMenuWhenAnotherOnTheSameLevelOpens( this );\n\t\tMenuBarBehaviors.focusCycleMenusOnArrows( this );\n\t\tMenuBarBehaviors.closeOnClickOutside( this );\n\t\tMenuBarBehaviors.enableFocusHighlightOnInteraction( this );\n\t}\n\n\t/**\n\t * Focuses the menu bar.\n\t */\n\tpublic focus(): void {\n\t\tif ( this.children.first ) {\n\t\t\tthis.children.first.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Closes all menus in the bar.\n\t */\n\tpublic close(): void {\n\t\tfor ( const topLevelCategoryMenuView of this.children ) {\n\t\t\ttopLevelCategoryMenuView.isOpen = false;\n\t\t}\n\t}\n\n\t/**\n\t * Disables all menus in the bar.\n\t */\n\tpublic disable(): void {\n\t\tfor ( const topLevelCategoryMenuView of this.children ) {\n\t\t\ttopLevelCategoryMenuView.isEnabled = false;\n\t\t}\n\t}\n\n\t/**\n\t * Enables all menus in the bar.\n\t */\n\tpublic enable(): void {\n\t\tfor ( const topLevelCategoryMenuView of this.children ) {\n\t\t\ttopLevelCategoryMenuView.isEnabled = true;\n\t\t}\n\t}\n\n\t/**\n\t * Registers a menu view in the menu bar. Every {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} instance must be registered\n\t * in the menu bar to be properly managed.\n\t */\n\tpublic registerMenu( menuView: MenuBarMenuView, parentMenuView: MenuBarMenuView | null = null ): void {\n\t\tif ( parentMenuView ) {\n\t\t\tmenuView.delegate( ...EVENT_NAME_DELEGATES ).to( parentMenuView );\n\t\t\tmenuView.parentMenuView = parentMenuView;\n\t\t} else {\n\t\t\tmenuView.delegate( ...EVENT_NAME_DELEGATES ).to( this, name => 'menu:' + name );\n\t\t}\n\n\t\tmenuView._attachBehaviors();\n\n\t\tthis.menus.push( menuView );\n\t}\n\n\t/**\n\t * Creates a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} based on the given definition.\n\t */\n\tprivate _createMenu( { componentFactory, menuDefinition, parentMenuView }: {\n\t\tcomponentFactory: ComponentFactory;\n\t\tmenuDefinition: MenuBarMenuDefinition;\n\t\tparentMenuView?: MenuBarMenuView;\n\t} ) {\n\t\tconst locale = this.locale!;\n\t\tconst menuView = new MenuBarMenuView( locale );\n\n\t\tthis.registerMenu( menuView, parentMenuView );\n\n\t\tmenuView.buttonView.set( {\n\t\t\tlabel: menuDefinition.label\n\t\t} );\n\n\t\t// Defer the creation of the menu structure until it gets open. This is a performance optimization\n\t\t// that shortens the time needed to create the editor.\n\t\tmenuView.once<ObservableChangeEvent<boolean>>( 'change:isOpen', () => {\n\t\t\tconst listView = new MenuBarMenuListView( locale );\n\t\t\tlistView.ariaLabel = menuDefinition.label;\n\t\t\tmenuView.panelView.children.add( listView );\n\n\t\t\tlistView.items.addMany( this._createMenuItems( { menuDefinition, parentMenuView: menuView, componentFactory } ) );\n\t\t} );\n\n\t\treturn menuView;\n\t}\n\n\t/**\n\t * Creates a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} items based on the given definition.\n\t */\n\tprivate _createMenuItems( { menuDefinition, parentMenuView, componentFactory }: {\n\t\tmenuDefinition: MenuBarMenuDefinition;\n\t\tcomponentFactory: ComponentFactory;\n\t\tparentMenuView: MenuBarMenuView;\n\t} ): Array<MenuBarMenuListItemView | ListSeparatorView> {\n\t\tconst locale = this.locale!;\n\t\tconst items = [];\n\n\t\tfor ( const menuGroupDefinition of menuDefinition.groups ) {\n\t\t\tfor ( const itemDefinition of menuGroupDefinition.items ) {\n\t\t\t\tconst menuItemView = new MenuBarMenuListItemView( locale, parentMenuView );\n\n\t\t\t\tif ( isObject( itemDefinition ) ) {\n\t\t\t\t\tmenuItemView.children.add( this._createMenu( {\n\t\t\t\t\t\tcomponentFactory,\n\t\t\t\t\t\tmenuDefinition: itemDefinition,\n\t\t\t\t\t\tparentMenuView\n\t\t\t\t\t} ) );\n\t\t\t\t} else {\n\t\t\t\t\tconst componentView = this._createMenuItemContentFromFactory( {\n\t\t\t\t\t\tcomponentName: itemDefinition,\n\t\t\t\t\t\tcomponentFactory,\n\t\t\t\t\t\tparentMenuView\n\t\t\t\t\t} );\n\n\t\t\t\t\tif ( !componentView ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tmenuItemView.children.add( componentView );\n\t\t\t\t}\n\n\t\t\t\titems.push( menuItemView );\n\t\t\t}\n\n\t\t\t// Separate groups with a separator.\n\t\t\tif ( menuGroupDefinition !== menuDefinition.groups[ menuDefinition.groups.length - 1 ] ) {\n\t\t\t\titems.push( new ListSeparatorView( locale ) );\n\t\t\t}\n\t\t}\n\n\t\treturn items;\n\t}\n\n\t/**\n\t * Uses the component factory to create a content of the menu item (a button or a sub-menu).\n\t */\n\tprivate _createMenuItemContentFromFactory( { componentName, parentMenuView, componentFactory }: {\n\t\tcomponentName: string;\n\t\tcomponentFactory: ComponentFactory;\n\t\tparentMenuView: MenuBarMenuView;\n\t} ): MenuBarMenuView | MenuBarMenuListItemButtonView | null {\n\t\tconst componentView = componentFactory.create( componentName );\n\n\t\tif ( !(\n\t\t\tcomponentView instanceof MenuBarMenuView ||\n\t\t\tcomponentView instanceof MenuBarMenuListItemButtonView ||\n\t\t\tcomponentView instanceof MenuBarMenuListItemFileDialogButtonView\n\t\t) ) {\n\t\t\t/**\n\t\t\t * Adding unsupported components to the {@link module:ui/menubar/menubarview~MenuBarView} is not possible.\n\t\t\t *\n\t\t\t * A component should be either a {@link module:ui/menubar/menubarmenuview~MenuBarMenuView} (sub-menu) or a\n\t\t\t * {@link module:ui/menubar/menubarmenulistitembuttonview~MenuBarMenuListItemButtonView} (button).\n\t\t\t *\n\t\t\t * @error menu-bar-component-unsupported\n\t\t\t * @param {string} componentName A name of the unsupported component used in the configuration.\n\t\t\t * @param {module:ui/view~View} componentView An unsupported component view.\n\t\t\t */\n\t\t\tlogWarning( 'menu-bar-component-unsupported', {\n\t\t\t\tcomponentName,\n\t\t\t\tcomponentView\n\t\t\t} );\n\n\t\t\treturn null;\n\t\t}\n\n\t\tthis._registerMenuTree( componentView, parentMenuView );\n\n\t\t// Close the whole menu bar when a component is executed.\n\t\tcomponentView.on( 'execute', () => {\n\t\t\tthis.close();\n\t\t} );\n\n\t\treturn componentView;\n\t}\n\n\t/**\n\t * Checks component and its children recursively and calls {@link #registerMenu}\n\t * for each item that is {@link module:ui/menubar/menubarmenuview~MenuBarMenuView}.\n\t *\n\t * @internal\n\t */\n\tprivate _registerMenuTree( componentView: MenuBarMenuView | MenuBarMenuListItemButtonView, parentMenuView: MenuBarMenuView ) {\n\t\tif ( !( componentView instanceof MenuBarMenuView ) ) {\n\t\t\tcomponentView.delegate( 'mouseenter' ).to( parentMenuView );\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis.registerMenu( componentView, parentMenuView );\n\n\t\tconst menuBarItemsList = componentView.panelView.children\n\t\t\t.filter( child => child instanceof MenuBarMenuListView )[ 0 ] as MenuBarMenuListView | undefined;\n\n\t\tif ( !menuBarItemsList ) {\n\t\t\tcomponentView.delegate( 'mouseenter' ).to( parentMenuView );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst nonSeparatorItems = menuBarItemsList.items.filter( item => item instanceof ListItemView ) as Array<ListItemView>;\n\n\t\tfor ( const item of nonSeparatorItems ) {\n\t\t\tthis._registerMenuTree(\n\t\t\t\titem.children.get( 0 ) as MenuBarMenuView | MenuBarMenuListItemButtonView,\n\t\t\t\tcomponentView\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Manages the state of the {@link #isOpen} property of the menu bar. Because the state is a sum of individual\n\t * top-level menus' states, it's necessary to listen to their changes and update the state accordingly.\n\t *\n\t * Additionally, it prevents from unnecessary changes of `isOpen` when one top-level menu opens and another closes\n\t * (regardless of in which order), maintaining a stable `isOpen === true` in that situation.\n\t */\n\tprivate _setupIsOpenUpdater() {\n\t\tlet closeTimeout: ReturnType<typeof setTimeout>;\n\n\t\t// TODO: This is not the prettiest approach but at least it's simple.\n\t\tthis.on<MenuBarMenuChangeIsOpenEvent>( 'menu:change:isOpen', ( evt, name, isOpen ) => {\n\t\t\tclearTimeout( closeTimeout );\n\n\t\t\tif ( isOpen ) {\n\t\t\t\tthis.isOpen = true;\n\t\t\t} else {\n\t\t\t\tcloseTimeout = setTimeout( () => {\n\t\t\t\t\tthis.isOpen = Array.from( this.children ).some( menuView => menuView.isOpen );\n\t\t\t\t}, 0 );\n\t\t\t}\n\t\t} );\n\t}\n}\n\nexport type MenuBarConfig = MenuBarConfigObject;\n\nexport type MenuBarConfigObject = {\n\titems?: Array<MenuBarMenuDefinition>;\n\tremoveItems?: Array<string>;\n\taddItems?: Array<MenuBarConfigAddedItem | MenuBarConfigAddedGroup | MenuBarConfigAddedMenu>;\n\tisVisible?: boolean;\n};\n\nexport type NormalizedMenuBarConfigObject = Required<MenuBarConfigObject> & {\n\tisUsingDefaultConfig: boolean;\n};\n\nexport type MenuBarMenuGroupDefinition = {\n\tgroupId: string;\n\titems: Array<MenuBarMenuDefinition | string>;\n};\n\nexport type MenuBarMenuDefinition = {\n\tmenuId: string;\n\tlabel: string;\n\tgroups: Array<MenuBarMenuGroupDefinition>;\n};\n\nexport type MenuBarConfigAddedPosition =\n\t`start:${ string }` | `end:${ string }` | 'start' | 'end' | `after:${ string }` | `before:${ string }`;\n\nexport type MenuBarConfigAddedItem = {\n\titem: string;\n\tposition: MenuBarConfigAddedPosition;\n};\n\nexport type MenuBarConfigAddedGroup = {\n\tgroup: MenuBarMenuGroupDefinition;\n\tposition: MenuBarConfigAddedPosition;\n};\n\nexport type MenuBarConfigAddedMenu = {\n\tmenu: MenuBarMenuDefinition;\n\tposition: MenuBarConfigAddedPosition;\n};\n\n/**\n * Any namespaced event fired by menu a {@link module:ui/menubar/menubarview~MenuBarView#menus menu view instance} of the\n * {@link module:ui/menubar/menubarview~MenuBarView menu bar}.\n */\nexport interface MenuBarMenuEvent extends BaseEvent {\n\tname: `menu:${ string }` | `menu:change:${ string }`;\n}\n\n/**\n * A `mouseenter` event originating from a {@link module:ui/menubar/menubarview~MenuBarView#menus menu view instance} of the\n * {@link module:ui/menubar/menubarview~MenuBarView menu bar}.\n */\nexport interface MenuBarMenuMouseEnterEvent extends MenuBarMenuEvent {\n\tname: 'menu:mouseenter';\n}\n\n/**\n * An `arrowleft` event originating from a {@link module:ui/menubar/menubarview~MenuBarView#menus menu view instance} of the\n * {@link module:ui/menubar/menubarview~MenuBarView menu bar}.\n */\nexport interface MenuBarMenuArrowLeftEvent extends MenuBarMenuEvent {\n\tname: 'menu:arrowleft';\n}\n\n/**\n * An `arrowright` event originating from a {@link module:ui/menubar/menubarview~MenuBarView#menus menu view instance} of the\n * {@link module:ui/menubar/menubarview~MenuBarView menu bar}.\n */\nexport interface MenuBarMenuArrowRightEvent extends MenuBarMenuEvent {\n\tname: 'menu:arrowright';\n}\n\n/**\n * A `change:isOpen` event originating from a {@link module:ui/menubar/menubarview~MenuBarView#menus menu view instance} of the\n * {@link module:ui/menubar/menubarview~MenuBarView menu bar}.\n */\nexport interface MenuBarMenuChangeIsOpenEvent extends MenuBarMenuEvent {\n\tname: 'menu:change:isOpen';\n\targs: [ name: string, value: boolean, oldValue: boolean ];\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { logWarning, CKEditorError, first } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { ButtonView, createDropdown, addToolbarToDropdown, MenuBarMenuView, MenuBarMenuListView, MenuBarMenuListItemView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconAlignLeft, IconAlignRight, IconAlignCenter, IconAlignJustify } from '@ckeditor/ckeditor5-icons/dist/index.js';\n\n/**\n * @module alignment/utils\n */ /**\n * The list of supported alignment options:\n *\n * * `'left'`,\n * * `'right'`,\n * * `'center'`,\n * * `'justify'`\n *\n * @internal\n */ const supportedOptions = [\n    'left',\n    'right',\n    'center',\n    'justify'\n];\n/**\n * Checks whether the passed option is supported by {@link module:alignment/alignmentediting~AlignmentEditing}.\n *\n * @internal\n * @param option The option value to check.\n */ function isSupported(option) {\n    return supportedOptions.includes(option);\n}\n/**\n * Checks whether alignment is the default one considering the direction\n * of the editor content.\n *\n * @internal\n * @param alignment The name of the alignment to check.\n * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n */ function isDefault(alignment, locale) {\n    // Right now only LTR is supported so the 'left' value is always the default one.\n    if (locale.contentLanguageDirection == 'rtl') {\n        return alignment === 'right';\n    } else {\n        return alignment === 'left';\n    }\n}\n/**\n * Brings the configuration to the common form, an array of objects.\n *\n * @internal\n * @param configuredOptions Alignment plugin configuration.\n * @returns Normalized object holding the configuration.\n */ function normalizeAlignmentOptions(configuredOptions) {\n    const normalizedOptions = configuredOptions.map((option)=>{\n        let result;\n        if (typeof option == 'string') {\n            result = {\n                name: option\n            };\n        } else {\n            result = option;\n        }\n        return result;\n    })// Remove all unknown options.\n    .filter((option)=>{\n        const isNameValid = supportedOptions.includes(option.name);\n        if (!isNameValid) {\n            /**\n\t\t\t\t * The `name` in one of the `alignment.options` is not recognized.\n\t\t\t\t * The available options are: `'left'`, `'right'`, `'center'` and `'justify'`.\n\t\t\t\t *\n\t\t\t\t * @error alignment-config-name-not-recognized\n\t\t\t\t * @param {object} option Options with unknown value of the `name` property.\n\t\t\t\t */ logWarning('alignment-config-name-not-recognized', {\n                option\n            });\n        }\n        return isNameValid;\n    });\n    const classNameCount = normalizedOptions.filter((option)=>Boolean(option.className)).length;\n    // We either use classes for all styling options or for none.\n    if (classNameCount && classNameCount < normalizedOptions.length) {\n        /**\n\t\t * The `className` property has to be defined for all options once at least one option declares `className`.\n\t\t *\n\t\t * @error alignment-config-classnames-are-missing\n\t\t * @param {object} configuredOptions Contents of `alignment.options`.\n\t\t */ throw new CKEditorError('alignment-config-classnames-are-missing', {\n            configuredOptions\n        });\n    }\n    // Validate resulting config.\n    normalizedOptions.forEach((option, index, allOptions)=>{\n        const succeedingOptions = allOptions.slice(index + 1);\n        const nameAlreadyExists = succeedingOptions.some((item)=>item.name == option.name);\n        if (nameAlreadyExists) {\n            /**\n\t\t\t * The same `name` in one of the `alignment.options` was already declared.\n\t\t\t * Each `name` representing one alignment option can be set exactly once.\n\t\t\t *\n\t\t\t * @error alignment-config-name-already-defined\n\t\t\t * @param {object} option First option that declares given `name`.\n\t\t\t * @param {object} configuredOptions Contents of `alignment.options`.\n\t\t\t */ throw new CKEditorError('alignment-config-name-already-defined', {\n                option,\n                configuredOptions\n            });\n        }\n        // The `className` property is present. Check for duplicates then.\n        if (option.className) {\n            const classNameAlreadyExists = succeedingOptions.some((item)=>item.className == option.className);\n            if (classNameAlreadyExists) {\n                /**\n\t\t\t\t * The same `className` in one of the `alignment.options` was already declared.\n\t\t\t\t *\n\t\t\t\t * @error alignment-config-classname-already-defined\n\t\t\t\t * @param {object} option First option that declares given `className`.\n\t\t\t\t * @param {object} configuredOptions\n\t\t\t\t * Contents of `alignment.options`.\n\t\t\t\t */ throw new CKEditorError('alignment-config-classname-already-defined', {\n                    option,\n                    configuredOptions\n                });\n            }\n        }\n    });\n    return normalizedOptions;\n}\n\nconst ALIGNMENT = 'alignment';\n/**\n * The alignment command plugin.\n */ class AlignmentCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const firstBlock = first(this.editor.model.document.selection.getSelectedBlocks());\n        // As first check whether to enable or disable the command as the value will always be false if the command cannot be enabled.\n        this.isEnabled = Boolean(firstBlock) && this._canBeAligned(firstBlock);\n        if (this.isEnabled && firstBlock.hasAttribute('alignment')) {\n            this.value = firstBlock.getAttribute('alignment');\n        } else {\n            this.value = locale.contentLanguageDirection === 'rtl' ? 'right' : 'left';\n        }\n    }\n    /**\n\t * Executes the command. Applies the alignment `value` to the selected blocks.\n\t * If no `value` is passed, the `value` is the default one or it is equal to the currently selected block's alignment attribute,\n\t * the command will remove the attribute from the selected blocks.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.value The value to apply.\n\t * @fires execute\n\t */ execute(options = {}) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const model = editor.model;\n        const doc = model.document;\n        const value = options.value;\n        model.change((writer)=>{\n            // Get only those blocks from selected that can have alignment set\n            const blocks = Array.from(doc.selection.getSelectedBlocks()).filter((block)=>this._canBeAligned(block));\n            const currentAlignment = blocks[0].getAttribute('alignment');\n            // Remove alignment attribute if current alignment is:\n            // - default (should not be stored in model as it will bloat model data)\n            // - equal to currently set\n            // - or no value is passed - denotes default alignment.\n            const removeAlignment = isDefault(value, locale) || currentAlignment === value || !value;\n            if (removeAlignment) {\n                removeAlignmentFromSelection(blocks, writer);\n            } else {\n                setAlignmentOnSelection(blocks, writer, value);\n            }\n        });\n    }\n    /**\n\t * Checks whether a block can have alignment set.\n\t *\n\t * @param block The block to be checked.\n\t */ _canBeAligned(block) {\n        return this.editor.model.schema.checkAttribute(block, ALIGNMENT);\n    }\n}\n/**\n * Removes the alignment attribute from blocks.\n */ function removeAlignmentFromSelection(blocks, writer) {\n    for (const block of blocks){\n        writer.removeAttribute(ALIGNMENT, block);\n    }\n}\n/**\n * Sets the alignment attribute on blocks.\n */ function setAlignmentOnSelection(blocks, writer, alignment) {\n    for (const block of blocks){\n        writer.setAttribute(ALIGNMENT, alignment, block);\n    }\n}\n\n/**\n * The alignment editing feature. It introduces the {@link module:alignment/alignmentcommand~AlignmentCommand command} and adds\n * the `alignment` attribute for block elements in the {@link module:engine/model/model~Model model}.\n */ class AlignmentEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'AlignmentEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('alignment', {\n            options: supportedOptions.map((option)=>({\n                    name: option\n                }))\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const schema = editor.model.schema;\n        const options = normalizeAlignmentOptions(editor.config.get('alignment.options'));\n        // Filter out unsupported options and those that are redundant, e.g. `left` in LTR / `right` in RTL mode.\n        const optionsToConvert = options.filter((option)=>isSupported(option.name) && !isDefault(option.name, locale));\n        // Once there is at least one `className` defined, we switch to alignment with classes.\n        const shouldUseClasses = optionsToConvert.some((option)=>!!option.className);\n        // Allow alignment attribute on all blocks.\n        schema.extend('$block', {\n            allowAttributes: 'alignment'\n        });\n        editor.model.schema.setAttributeProperties('alignment', {\n            isFormatting: true\n        });\n        if (shouldUseClasses) {\n            editor.conversion.attributeToAttribute(buildClassDefinition(optionsToConvert));\n        } else {\n            // Downcast inline styles.\n            editor.conversion.for('downcast').attributeToAttribute(buildDowncastInlineDefinition(optionsToConvert));\n        }\n        const upcastInlineDefinitions = buildUpcastInlineDefinitions(optionsToConvert);\n        // Always upcast from inline styles.\n        for (const definition of upcastInlineDefinitions){\n            editor.conversion.for('upcast').attributeToAttribute(definition);\n        }\n        const upcastCompatibilityDefinitions = buildUpcastCompatibilityDefinitions(optionsToConvert);\n        // Always upcast from deprecated `align` attribute.\n        for (const definition of upcastCompatibilityDefinitions){\n            editor.conversion.for('upcast').attributeToAttribute(definition);\n        }\n        editor.commands.add('alignment', new AlignmentCommand(editor));\n    }\n}\n/**\n * Prepare downcast conversion definition for inline alignment styling.\n */ function buildDowncastInlineDefinition(options) {\n    const view = {};\n    for (const { name } of options){\n        view[name] = {\n            key: 'style',\n            value: {\n                'text-align': name\n            }\n        };\n    }\n    const definition = {\n        model: {\n            key: 'alignment',\n            values: options.map((option)=>option.name)\n        },\n        view\n    };\n    return definition;\n}\n/**\n * Prepare upcast definitions for inline alignment styles.\n */ function buildUpcastInlineDefinitions(options) {\n    const definitions = [];\n    for (const { name } of options){\n        definitions.push({\n            view: {\n                key: 'style',\n                value: {\n                    'text-align': name\n                }\n            },\n            model: {\n                key: 'alignment',\n                value: name\n            }\n        });\n    }\n    return definitions;\n}\n/**\n * Prepare upcast definitions for deprecated `align` attribute.\n */ function buildUpcastCompatibilityDefinitions(options) {\n    const definitions = [];\n    for (const { name } of options){\n        definitions.push({\n            view: {\n                key: 'align',\n                value: name\n            },\n            model: {\n                key: 'alignment',\n                value: name\n            }\n        });\n    }\n    return definitions;\n}\n/**\n * Prepare conversion definitions for upcast and downcast alignment with classes.\n */ function buildClassDefinition(options) {\n    const view = {};\n    for (const option of options){\n        view[option.name] = {\n            key: 'class',\n            value: option.className\n        };\n    }\n    const definition = {\n        model: {\n            key: 'alignment',\n            values: options.map((option)=>option.name)\n        },\n        view\n    };\n    return definition;\n}\n\nconst iconsMap = /* #__PURE__ */ (()=>new Map([\n        [\n            'left',\n            IconAlignLeft\n        ],\n        [\n            'right',\n            IconAlignRight\n        ],\n        [\n            'center',\n            IconAlignCenter\n        ],\n        [\n            'justify',\n            IconAlignJustify\n        ]\n    ]))();\n/**\n * The default alignment UI plugin.\n *\n * It introduces the `'alignment:left'`, `'alignment:right'`, `'alignment:center'` and `'alignment:justify'` buttons\n * and the `'alignment'` dropdown.\n */ class AlignmentUI extends Plugin {\n    /**\n\t * Returns the localized option titles provided by the plugin.\n\t *\n\t * The following localized titles corresponding with\n\t * {@link module:alignment/alignmentconfig~AlignmentConfig#options} are available:\n\t *\n\t * * `'left'`,\n\t * * `'right'`,\n\t * * `'center'`,\n\t * * `'justify'`.\n\t *\n\t * @readonly\n\t */ get localizedOptionTitles() {\n        const t = this.editor.t;\n        return {\n            'left': t('Align left'),\n            'right': t('Align right'),\n            'center': t('Align center'),\n            'justify': t('Justify')\n        };\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'AlignmentUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const options = normalizeAlignmentOptions(editor.config.get('alignment.options'));\n        options.map((option)=>option.name).filter(isSupported).forEach((option)=>this._addButton(option));\n        this._addToolbarDropdown(options);\n        this._addMenuBarMenu(options);\n    }\n    /**\n\t * Helper method for initializing the button and linking it with an appropriate command.\n\t *\n\t * @param option The name of the alignment option for which the button is added.\n\t */ _addButton(option) {\n        const editor = this.editor;\n        editor.ui.componentFactory.add(`alignment:${option}`, (locale)=>this._createButton(locale, option));\n    }\n    /**\n\t * Helper method for creating the button view element.\n\t *\n\t * @param locale Editor locale.\n\t * @param option The name of the alignment option for which the button is added.\n\t * @param buttonAttrs Optional parameters passed to button view instance.\n\t */ _createButton(locale, option, buttonAttrs = {}) {\n        const editor = this.editor;\n        const command = editor.commands.get('alignment');\n        const buttonView = new ButtonView(locale);\n        buttonView.set({\n            label: this.localizedOptionTitles[option],\n            icon: iconsMap.get(option),\n            tooltip: true,\n            isToggleable: true,\n            ...buttonAttrs\n        });\n        // Bind button model to command.\n        buttonView.bind('isEnabled').to(command);\n        buttonView.bind('isOn').to(command, 'value', (value)=>value === option);\n        // Execute command.\n        this.listenTo(buttonView, 'execute', ()=>{\n            editor.execute('alignment', {\n                value: option\n            });\n            editor.editing.view.focus();\n        });\n        return buttonView;\n    }\n    /**\n\t * Helper method for initializing the toolnar dropdown and linking it with an appropriate command.\n\t *\n\t * @param options The name of the alignment option for which the button is added.\n\t */ _addToolbarDropdown(options) {\n        const editor = this.editor;\n        const factory = editor.ui.componentFactory;\n        factory.add('alignment', (locale)=>{\n            const dropdownView = createDropdown(locale);\n            const tooltipPosition = locale.uiLanguageDirection === 'rtl' ? 'w' : 'e';\n            const t = locale.t;\n            // Add existing alignment buttons to dropdown's toolbar.\n            addToolbarToDropdown(dropdownView, ()=>options.map((option)=>this._createButton(locale, option.name, {\n                        tooltipPosition\n                    })), {\n                enableActiveItemFocusOnDropdownOpen: true,\n                isVertical: true,\n                ariaLabel: t('Text alignment toolbar')\n            });\n            // Configure dropdown properties an behavior.\n            dropdownView.buttonView.set({\n                label: t('Text alignment'),\n                tooltip: true\n            });\n            dropdownView.extendTemplate({\n                attributes: {\n                    class: 'ck-alignment-dropdown'\n                }\n            });\n            // The default icon depends on the direction of the content.\n            const defaultIcon = locale.contentLanguageDirection === 'rtl' ? iconsMap.get('right') : iconsMap.get('left');\n            const command = editor.commands.get('alignment');\n            // Change icon to reflect current selection's alignment.\n            dropdownView.buttonView.bind('icon').to(command, 'value', (value)=>iconsMap.get(value) || defaultIcon);\n            // Enable button if any of the buttons is enabled.\n            dropdownView.bind('isEnabled').to(command, 'isEnabled');\n            // Focus the editable after executing the command.\n            // Overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n            this.listenTo(dropdownView, 'execute', ()=>{\n                editor.editing.view.focus();\n            });\n            return dropdownView;\n        });\n    }\n    /**\n\t * Creates a menu for all alignment options to use either in menu bar.\n\t *\n\t * @param options Normalized alignment options from config.\n\t */ _addMenuBarMenu(options) {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('menuBar:alignment', (locale)=>{\n            const command = editor.commands.get('alignment');\n            const t = locale.t;\n            const menuView = new MenuBarMenuView(locale);\n            const listView = new MenuBarMenuListView(locale);\n            menuView.bind('isEnabled').to(command);\n            listView.set({\n                ariaLabel: t('Text alignment'),\n                role: 'menu'\n            });\n            menuView.buttonView.set({\n                label: t('Text alignment')\n            });\n            for (const option of options){\n                const listItemView = new MenuBarMenuListItemView(locale, menuView);\n                const buttonView = new MenuBarMenuListItemButtonView(locale);\n                buttonView.delegate('execute').to(menuView);\n                buttonView.set({\n                    label: this.localizedOptionTitles[option.name],\n                    icon: iconsMap.get(option.name),\n                    role: 'menuitemcheckbox',\n                    isToggleable: true\n                });\n                buttonView.on('execute', ()=>{\n                    editor.execute('alignment', {\n                        value: option.name\n                    });\n                    editor.editing.view.focus();\n                });\n                buttonView.bind('isOn').to(command, 'value', (value)=>value === option.name);\n                buttonView.bind('isEnabled').to(command, 'isEnabled');\n                listItemView.children.add(buttonView);\n                listView.items.add(listItemView);\n            }\n            menuView.panelView.children.add(listView);\n            return menuView;\n        });\n    }\n}\n\n/**\n * The text alignment plugin.\n *\n * For a detailed overview, check the {@glink features/text-alignment Text alignment} feature guide\n * and the {@glink api/alignment package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:alignment/alignmentediting~AlignmentEditing} and\n * {@link module:alignment/alignmentui~AlignmentUI} plugins.\n */ class Alignment extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            AlignmentEditing,\n            AlignmentUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Alignment';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { Alignment, AlignmentCommand, AlignmentEditing, AlignmentUI, supportedOptions as _ALIGNMENT_SUPPORTED_OPTIONS, isSupported as _isAlignmentSupported, isDefault as _isDefaultAlignment, normalizeAlignmentOptions as _normalizeAlignmentOptions };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { CKEditorError, logWarning, type Locale } from 'ckeditor5/src/utils.js';\nimport type { AlignmentFormat, AlignmentSupportedOption } from './alignmentconfig.js';\n\n/**\n * @module alignment/utils\n */\n\n/**\n * The list of supported alignment options:\n *\n * * `'left'`,\n * * `'right'`,\n * * `'center'`,\n * * `'justify'`\n *\n * @internal\n */\nexport const supportedOptions: ReadonlyArray<AlignmentSupportedOption> = [ 'left', 'right', 'center', 'justify' ];\n\n/**\n * Checks whether the passed option is supported by {@link module:alignment/alignmentediting~AlignmentEditing}.\n *\n * @internal\n * @param option The option value to check.\n */\nexport function isSupported( option: string ): boolean {\n\treturn ( supportedOptions as Array<string> ).includes( option );\n}\n\n/**\n * Checks whether alignment is the default one considering the direction\n * of the editor content.\n *\n * @internal\n * @param alignment The name of the alignment to check.\n * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n */\nexport function isDefault( alignment: string, locale: Locale ): boolean {\n\t// Right now only LTR is supported so the 'left' value is always the default one.\n\n\tif ( locale.contentLanguageDirection == 'rtl' ) {\n\t\treturn alignment === 'right';\n\t} else {\n\t\treturn alignment === 'left';\n\t}\n}\n\n/**\n * Brings the configuration to the common form, an array of objects.\n *\n * @internal\n * @param configuredOptions Alignment plugin configuration.\n * @returns Normalized object holding the configuration.\n */\nexport function normalizeAlignmentOptions( configuredOptions: Array<string | AlignmentFormat> ): Array<AlignmentFormat> {\n\tconst normalizedOptions = configuredOptions\n\t\t.map( option => {\n\t\t\tlet result;\n\n\t\t\tif ( typeof option == 'string' ) {\n\t\t\t\tresult = { name: option };\n\t\t\t} else {\n\t\t\t\tresult = option;\n\t\t\t}\n\n\t\t\treturn result as AlignmentFormat;\n\t\t} )\n\t\t// Remove all unknown options.\n\t\t.filter( option => {\n\t\t\tconst isNameValid = supportedOptions.includes( option.name );\n\n\t\t\tif ( !isNameValid ) {\n\t\t\t\t/**\n\t\t\t\t * The `name` in one of the `alignment.options` is not recognized.\n\t\t\t\t * The available options are: `'left'`, `'right'`, `'center'` and `'justify'`.\n\t\t\t\t *\n\t\t\t\t * @error alignment-config-name-not-recognized\n\t\t\t\t * @param {object} option Options with unknown value of the `name` property.\n\t\t\t\t */\n\t\t\t\tlogWarning( 'alignment-config-name-not-recognized', { option } );\n\t\t\t}\n\n\t\t\treturn isNameValid;\n\t\t} );\n\n\tconst classNameCount = normalizedOptions.filter( option => Boolean( option.className ) ).length;\n\n\t// We either use classes for all styling options or for none.\n\tif ( classNameCount && classNameCount < normalizedOptions.length ) {\n\t\t/**\n\t\t * The `className` property has to be defined for all options once at least one option declares `className`.\n\t\t *\n\t\t * @error alignment-config-classnames-are-missing\n\t\t * @param {object} configuredOptions Contents of `alignment.options`.\n\t\t */\n\t\tthrow new CKEditorError( 'alignment-config-classnames-are-missing', { configuredOptions } );\n\t}\n\n\t// Validate resulting config.\n\tnormalizedOptions.forEach( ( option, index, allOptions ) => {\n\t\tconst succeedingOptions = allOptions.slice( index + 1 );\n\t\tconst nameAlreadyExists = succeedingOptions.some( item => item.name == option.name );\n\n\t\tif ( nameAlreadyExists ) {\n\t\t\t/**\n\t\t\t * The same `name` in one of the `alignment.options` was already declared.\n\t\t\t * Each `name` representing one alignment option can be set exactly once.\n\t\t\t *\n\t\t\t * @error alignment-config-name-already-defined\n\t\t\t * @param {object} option First option that declares given `name`.\n\t\t\t * @param {object} configuredOptions Contents of `alignment.options`.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'alignment-config-name-already-defined', { option, configuredOptions } );\n\t\t}\n\n\t\t// The `className` property is present. Check for duplicates then.\n\t\tif ( option.className ) {\n\t\t\tconst classNameAlreadyExists = succeedingOptions.some( item => item.className == option.className );\n\n\t\t\tif ( classNameAlreadyExists ) {\n\t\t\t\t/**\n\t\t\t\t * The same `className` in one of the `alignment.options` was already declared.\n\t\t\t\t *\n\t\t\t\t * @error alignment-config-classname-already-defined\n\t\t\t\t * @param {object} option First option that declares given `className`.\n\t\t\t\t * @param {object} configuredOptions\n\t\t\t\t * Contents of `alignment.options`.\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'alignment-config-classname-already-defined', { option, configuredOptions } );\n\t\t\t}\n\t\t}\n\t} );\n\n\treturn normalizedOptions;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 alignment/alignmentcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\nimport type { ModelElement, ModelWriter } from 'ckeditor5/src/engine.js';\n\nimport { isDefault } from './utils.js';\nimport type { AlignmentSupportedOption } from './alignmentconfig.js';\n\nconst ALIGNMENT = 'alignment';\n\n/**\n * The alignment command plugin.\n */\nexport class AlignmentCommand extends Command {\n\t/**\n\t * A value of the current block's alignment.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: AlignmentSupportedOption;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst firstBlock = first( this.editor.model.document.selection.getSelectedBlocks() )!;\n\n\t\t// As first check whether to enable or disable the command as the value will always be false if the command cannot be enabled.\n\t\tthis.isEnabled = Boolean( firstBlock ) && this._canBeAligned( firstBlock );\n\n\t\tif ( this.isEnabled && firstBlock.hasAttribute( 'alignment' ) ) {\n\t\t\tthis.value = firstBlock.getAttribute( 'alignment' ) as AlignmentSupportedOption;\n\t\t} else {\n\t\t\tthis.value = locale.contentLanguageDirection === 'rtl' ? 'right' : 'left';\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command. Applies the alignment `value` to the selected blocks.\n\t * If no `value` is passed, the `value` is the default one or it is equal to the currently selected block's alignment attribute,\n\t * the command will remove the attribute from the selected blocks.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.value The value to apply.\n\t * @fires execute\n\t */\n\tpublic override execute( options: { value?: AlignmentSupportedOption } = {} ): void {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst model = editor.model;\n\t\tconst doc = model.document;\n\n\t\tconst value = options.value!;\n\n\t\tmodel.change( writer => {\n\t\t\t// Get only those blocks from selected that can have alignment set\n\t\t\tconst blocks = Array.from( doc.selection.getSelectedBlocks() ).filter( block => this._canBeAligned( block ) );\n\t\t\tconst currentAlignment = blocks[ 0 ].getAttribute( 'alignment' );\n\n\t\t\t// Remove alignment attribute if current alignment is:\n\t\t\t// - default (should not be stored in model as it will bloat model data)\n\t\t\t// - equal to currently set\n\t\t\t// - or no value is passed - denotes default alignment.\n\t\t\tconst removeAlignment = isDefault( value, locale ) || currentAlignment === value || !value;\n\n\t\t\tif ( removeAlignment ) {\n\t\t\t\tremoveAlignmentFromSelection( blocks, writer );\n\t\t\t} else {\n\t\t\t\tsetAlignmentOnSelection( blocks, writer, value );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks whether a block can have alignment set.\n\t *\n\t * @param block The block to be checked.\n\t */\n\tprivate _canBeAligned( block: ModelElement ) {\n\t\treturn this.editor.model.schema.checkAttribute( block, ALIGNMENT );\n\t}\n}\n\n/**\n * Removes the alignment attribute from blocks.\n */\nfunction removeAlignmentFromSelection( blocks: Array<ModelElement>, writer: ModelWriter ) {\n\tfor ( const block of blocks ) {\n\t\twriter.removeAttribute( ALIGNMENT, block );\n\t}\n}\n\n/**\n * Sets the alignment attribute on blocks.\n */\nfunction setAlignmentOnSelection( blocks: Array<ModelElement>, writer: ModelWriter, alignment: string ) {\n\tfor ( const block of blocks ) {\n\t\twriter.setAttribute( ALIGNMENT, alignment, block );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 alignment/alignmentediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport type { DowncastAttributeDescriptor } from 'ckeditor5/src/engine.js';\n\nimport { AlignmentCommand } from './alignmentcommand.js';\nimport { isDefault, isSupported, normalizeAlignmentOptions, supportedOptions } from './utils.js';\nimport type { AlignmentFormat, AlignmentSupportedOption } from './alignmentconfig.js';\n\n/**\n * The alignment editing feature. It introduces the {@link module:alignment/alignmentcommand~AlignmentCommand command} and adds\n * the `alignment` attribute for block elements in the {@link module:engine/model/model~Model model}.\n */\nexport class AlignmentEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'AlignmentEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'alignment', {\n\t\t\toptions: supportedOptions.map( option => ( { name: option } ) )\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst schema = editor.model.schema;\n\n\t\tconst options: Array<AlignmentFormat> = normalizeAlignmentOptions( editor.config.get( 'alignment.options' )! );\n\n\t\t// Filter out unsupported options and those that are redundant, e.g. `left` in LTR / `right` in RTL mode.\n\t\tconst optionsToConvert = options.filter(\n\t\t\toption => isSupported( option.name ) && !isDefault( option.name, locale )\n\t\t);\n\n\t\t// Once there is at least one `className` defined, we switch to alignment with classes.\n\t\tconst shouldUseClasses = optionsToConvert.some( option => !!option.className );\n\n\t\t// Allow alignment attribute on all blocks.\n\t\tschema.extend( '$block', { allowAttributes: 'alignment' } );\n\t\teditor.model.schema.setAttributeProperties( 'alignment', { isFormatting: true } );\n\n\t\tif ( shouldUseClasses ) {\n\t\t\teditor.conversion.attributeToAttribute( buildClassDefinition( optionsToConvert ) );\n\t\t} else {\n\t\t\t// Downcast inline styles.\n\t\t\teditor.conversion.for( 'downcast' ).attributeToAttribute( buildDowncastInlineDefinition( optionsToConvert ) );\n\t\t}\n\n\t\tconst upcastInlineDefinitions = buildUpcastInlineDefinitions( optionsToConvert );\n\n\t\t// Always upcast from inline styles.\n\t\tfor ( const definition of upcastInlineDefinitions ) {\n\t\t\teditor.conversion.for( 'upcast' ).attributeToAttribute( definition );\n\t\t}\n\n\t\tconst upcastCompatibilityDefinitions = buildUpcastCompatibilityDefinitions( optionsToConvert );\n\n\t\t// Always upcast from deprecated `align` attribute.\n\t\tfor ( const definition of upcastCompatibilityDefinitions ) {\n\t\t\teditor.conversion.for( 'upcast' ).attributeToAttribute( definition );\n\t\t}\n\n\t\teditor.commands.add( 'alignment', new AlignmentCommand( editor ) );\n\t}\n}\n\n/**\n * Prepare downcast conversion definition for inline alignment styling.\n */\nfunction buildDowncastInlineDefinition( options: Array<AlignmentFormat> ) {\n\tconst view: Record<string, { key: 'style'; value: { 'text-align': AlignmentSupportedOption } }> = {};\n\n\tfor ( const { name } of options ) {\n\t\tview[ name ] = {\n\t\t\tkey: 'style',\n\t\t\tvalue: {\n\t\t\t\t'text-align': name\n\t\t\t}\n\t\t};\n\t}\n\n\tconst definition = {\n\t\tmodel: {\n\t\t\tkey: 'alignment',\n\t\t\tvalues: options.map( option => option.name )\n\t\t},\n\t\tview\n\t};\n\n\treturn definition;\n}\n\n/**\n * Prepare upcast definitions for inline alignment styles.\n */\nfunction buildUpcastInlineDefinitions( options: Array<AlignmentFormat> ) {\n\tconst definitions = [];\n\n\tfor ( const { name } of options ) {\n\t\tdefinitions.push( {\n\t\t\tview: {\n\t\t\t\tkey: 'style',\n\t\t\t\tvalue: {\n\t\t\t\t\t'text-align': name\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'alignment',\n\t\t\t\tvalue: name\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn definitions;\n}\n\n/**\n * Prepare upcast definitions for deprecated `align` attribute.\n */\nfunction buildUpcastCompatibilityDefinitions( options: Array<AlignmentFormat> ) {\n\tconst definitions = [];\n\n\tfor ( const { name } of options ) {\n\t\tdefinitions.push( {\n\t\t\tview: {\n\t\t\t\tkey: 'align',\n\t\t\t\tvalue: name\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'alignment',\n\t\t\t\tvalue: name\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn definitions;\n}\n\n/**\n * Prepare conversion definitions for upcast and downcast alignment with classes.\n */\nfunction buildClassDefinition( options: Array<AlignmentFormat> ) {\n\tconst view: Record<string, DowncastAttributeDescriptor> = {};\n\n\tfor ( const option of options ) {\n\t\tview[ option.name ] = {\n\t\t\tkey: 'class',\n\t\t\tvalue: option.className!\n\t\t};\n\t}\n\n\tconst definition = {\n\t\tmodel: {\n\t\t\tkey: 'alignment',\n\t\t\tvalues: options.map( option => option.name )\n\t\t},\n\t\tview\n\t};\n\n\treturn definition;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 alignment/alignmentui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\ttype Button,\n\tButtonView,\n\tcreateDropdown,\n\taddToolbarToDropdown,\n\tMenuBarMenuListItemView,\n\tMenuBarMenuListItemButtonView,\n\tMenuBarMenuView,\n\tMenuBarMenuListView\n} from 'ckeditor5/src/ui.js';\nimport { IconAlignCenter, IconAlignJustify, IconAlignLeft, IconAlignRight } from 'ckeditor5/src/icons.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\n\nimport { isSupported, normalizeAlignmentOptions } from './utils.js';\nimport type { AlignmentFormat, AlignmentSupportedOption } from './alignmentconfig.js';\nimport { type AlignmentCommand } from './alignmentcommand.js';\n\nconst iconsMap = /* #__PURE__ */ ( () => new Map( [\n\t[ 'left', IconAlignLeft ],\n\t[ 'right', IconAlignRight ],\n\t[ 'center', IconAlignCenter ],\n\t[ 'justify', IconAlignJustify ]\n] ) )();\n\n/**\n * The default alignment UI plugin.\n *\n * It introduces the `'alignment:left'`, `'alignment:right'`, `'alignment:center'` and `'alignment:justify'` buttons\n * and the `'alignment'` dropdown.\n */\nexport class AlignmentUI extends Plugin {\n\t/**\n\t * Returns the localized option titles provided by the plugin.\n\t *\n\t * The following localized titles corresponding with\n\t * {@link module:alignment/alignmentconfig~AlignmentConfig#options} are available:\n\t *\n\t * * `'left'`,\n\t * * `'right'`,\n\t * * `'center'`,\n\t * * `'justify'`.\n\t *\n\t * @readonly\n\t */\n\tpublic get localizedOptionTitles(): Record<AlignmentSupportedOption, string> {\n\t\tconst t = this.editor.t;\n\n\t\treturn {\n\t\t\t'left': t( 'Align left' ),\n\t\t\t'right': t( 'Align right' ),\n\t\t\t'center': t( 'Align center' ),\n\t\t\t'justify': t( 'Justify' )\n\t\t};\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'AlignmentUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst options = normalizeAlignmentOptions( editor.config.get( 'alignment.options' )! );\n\n\t\toptions\n\t\t\t.map( option => option.name )\n\t\t\t.filter( isSupported )\n\t\t\t.forEach( option => this._addButton( option ) );\n\n\t\tthis._addToolbarDropdown( options );\n\t\tthis._addMenuBarMenu( options );\n\t}\n\n\t/**\n\t * Helper method for initializing the button and linking it with an appropriate command.\n\t *\n\t * @param option The name of the alignment option for which the button is added.\n\t */\n\tprivate _addButton( option: AlignmentSupportedOption ): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( `alignment:${ option }`, locale => this._createButton( locale, option ) );\n\t}\n\n\t/**\n\t * Helper method for creating the button view element.\n\t *\n\t * @param locale Editor locale.\n\t * @param option The name of the alignment option for which the button is added.\n\t * @param buttonAttrs Optional parameters passed to button view instance.\n\t */\n\tprivate _createButton(\n\t\tlocale: Locale,\n\t\toption: AlignmentSupportedOption,\n\t\tbuttonAttrs: Partial<Button> = {}\n\t): ButtonView {\n\t\tconst editor = this.editor;\n\t\tconst command: AlignmentCommand = editor.commands.get( 'alignment' )!;\n\t\tconst buttonView = new ButtonView( locale );\n\n\t\tbuttonView.set( {\n\t\t\tlabel: this.localizedOptionTitles[ option ],\n\t\t\ticon: iconsMap.get( option ),\n\t\t\ttooltip: true,\n\t\t\tisToggleable: true,\n\t\t\t...buttonAttrs\n\t\t} );\n\n\t\t// Bind button model to command.\n\t\tbuttonView.bind( 'isEnabled' ).to( command );\n\t\tbuttonView.bind( 'isOn' ).to( command, 'value', value => value === option );\n\n\t\t// Execute command.\n\t\tthis.listenTo( buttonView, 'execute', () => {\n\t\t\teditor.execute( 'alignment', { value: option } );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n\n\t/**\n\t * Helper method for initializing the toolnar dropdown and linking it with an appropriate command.\n\t *\n\t * @param options The name of the alignment option for which the button is added.\n\t */\n\tprivate _addToolbarDropdown( options: Array<AlignmentFormat> ): void {\n\t\tconst editor = this.editor;\n\t\tconst factory = editor.ui.componentFactory;\n\n\t\tfactory.add( 'alignment', locale => {\n\t\t\tconst dropdownView = createDropdown( locale );\n\t\t\tconst tooltipPosition = locale.uiLanguageDirection === 'rtl' ? 'w' : 'e';\n\t\t\tconst t = locale.t;\n\n\t\t\t// Add existing alignment buttons to dropdown's toolbar.\n\t\t\taddToolbarToDropdown(\n\t\t\t\tdropdownView,\n\t\t\t\t() => options.map( option => this._createButton( locale, option.name, { tooltipPosition } ) ) as Array<ButtonView>,\n\t\t\t\t{\n\t\t\t\t\tenableActiveItemFocusOnDropdownOpen: true,\n\t\t\t\t\tisVertical: true,\n\t\t\t\t\tariaLabel: t( 'Text alignment toolbar' )\n\t\t\t\t}\n\t\t\t);\n\n\t\t\t// Configure dropdown properties an behavior.\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\tlabel: t( 'Text alignment' ),\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tdropdownView.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: 'ck-alignment-dropdown'\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// The default icon depends on the direction of the content.\n\t\t\tconst defaultIcon = locale.contentLanguageDirection === 'rtl' ? iconsMap.get( 'right' ) : iconsMap.get( 'left' );\n\t\t\tconst command: AlignmentCommand = editor.commands.get( 'alignment' )!;\n\n\t\t\t// Change icon to reflect current selection's alignment.\n\t\t\tdropdownView.buttonView.bind( 'icon' ).to( command, 'value', value => iconsMap.get( value ) || defaultIcon );\n\n\t\t\t// Enable button if any of the buttons is enabled.\n\t\t\tdropdownView.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\t\t// Focus the editable after executing the command.\n\t\t\t// Overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n\t\t\tthis.listenTo( dropdownView, 'execute', () => {\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a menu for all alignment options to use either in menu bar.\n\t *\n\t * @param options Normalized alignment options from config.\n\t */\n\tprivate _addMenuBarMenu( options: Array<AlignmentFormat> ): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'menuBar:alignment', locale => {\n\t\t\tconst command: AlignmentCommand = editor.commands.get( 'alignment' )!;\n\t\t\tconst t = locale.t;\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\t\t\tconst listView = new MenuBarMenuListView( locale );\n\n\t\t\tmenuView.bind( 'isEnabled' ).to( command );\n\n\t\t\tlistView.set( {\n\t\t\t\tariaLabel: t( 'Text alignment' ),\n\t\t\t\trole: 'menu'\n\t\t\t} );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: t( 'Text alignment' )\n\t\t\t} );\n\n\t\t\tfor ( const option of options ) {\n\t\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, menuView );\n\t\t\t\tconst buttonView = new MenuBarMenuListItemButtonView( locale );\n\n\t\t\t\tbuttonView.delegate( 'execute' ).to( menuView );\n\t\t\t\tbuttonView.set( {\n\t\t\t\t\tlabel: this.localizedOptionTitles[ option.name ],\n\t\t\t\t\ticon: iconsMap.get( option.name ),\n\t\t\t\t\trole: 'menuitemcheckbox',\n\t\t\t\t\tisToggleable: true\n\t\t\t\t} );\n\n\t\t\t\tbuttonView.on( 'execute', () => {\n\t\t\t\t\teditor.execute( 'alignment', { value: option.name } );\n\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t} );\n\n\t\t\t\tbuttonView.bind( 'isOn' ).to( command, 'value', value => value === option.name );\n\t\t\t\tbuttonView.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\t\t\tlistItemView.children.add( buttonView );\n\t\t\t\tlistView.items.add( listItemView );\n\t\t\t}\n\n\t\t\tmenuView.panelView.children.add( listView );\n\n\t\t\treturn menuView;\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 alignment/alignment\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { AlignmentEditing } from './alignmentediting.js';\nimport { AlignmentUI } from './alignmentui.js';\n\n/**\n * The text alignment plugin.\n *\n * For a detailed overview, check the {@glink features/text-alignment Text alignment} feature guide\n * and the {@glink api/alignment package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:alignment/alignmentediting~AlignmentEditing} and\n * {@link module:alignment/alignmentui~AlignmentUI} plugins.\n */\nexport class Alignment extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ AlignmentEditing, AlignmentUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Alignment' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { env, EventInfo, count, isInsideSurrogatePair, isInsideCombinedSymbol, isInsideEmojiSequence, keyCodes, ObservableMixin } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { Observer, FocusObserver, ViewDocumentDomEventData, _tryFixingModelRange, ModelLiveRange, BubblingEventInfo, MouseObserver, TouchObserver } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { debounce, escapeRegExp } from 'es-toolkit/compat';\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module typing/utils/changebuffer\n */ /**\n * Change buffer allows to group atomic changes (like characters that have been typed) into\n * {@link module:engine/model/batch~Batch batches}.\n *\n * Batches represent single undo steps, hence changes added to one single batch are undone together.\n *\n * The buffer has a configurable limit of atomic changes that it can accommodate. After the limit was\n * exceeded (see {@link ~TypingChangeBuffer#input}), a new batch is created in {@link ~TypingChangeBuffer#batch}.\n *\n * To use the change buffer you need to let it know about the number of changes that were added to the batch:\n *\n * ```ts\n * const buffer = new ChangeBuffer( model, LIMIT );\n *\n * // Later on in your feature:\n * buffer.batch.insert( pos, insertedCharacters );\n * buffer.input( insertedCharacters.length );\n * ```\n */ class TypingChangeBuffer {\n    /**\n\t * The model instance.\n\t */ model;\n    /**\n\t * The maximum number of atomic changes which can be contained in one batch.\n\t */ limit;\n    /**\n\t * Whether the buffer is locked. A locked buffer cannot be reset unless it gets unlocked.\n\t */ _isLocked;\n    /**\n\t * The number of atomic changes in the buffer. Once it exceeds the {@link #limit},\n\t * the {@link #batch batch} is set to a new one.\n\t */ _size;\n    /**\n\t * The current batch instance.\n\t */ _batch = null;\n    /**\n\t * The callback to document the change event which later needs to be removed.\n\t */ _changeCallback;\n    /**\n\t * The callback to document selection `change:attribute` and `change:range` events which resets the buffer.\n\t */ _selectionChangeCallback;\n    /**\n\t * Creates a new instance of the change buffer.\n\t *\n\t * @param limit The maximum number of atomic changes which can be contained in one batch.\n\t */ constructor(model, limit = 20){\n        this.model = model;\n        this._size = 0;\n        this.limit = limit;\n        this._isLocked = false;\n        // The function to be called in order to notify the buffer about batches which appeared in the document.\n        // The callback will check whether it is a new batch and in that case the buffer will be flushed.\n        //\n        // The reason why the buffer needs to be flushed whenever a new batch appears is that the changes added afterwards\n        // should be added to a new batch. For instance, when the user types, then inserts an image, and then types again,\n        // the characters typed after inserting the image should be added to a different batch than the characters typed before.\n        this._changeCallback = (evt, batch)=>{\n            if (batch.isLocal && batch.isUndoable && batch !== this._batch) {\n                this._reset(true);\n            }\n        };\n        this._selectionChangeCallback = ()=>{\n            this._reset();\n        };\n        this.model.document.on('change', this._changeCallback);\n        this.model.document.selection.on('change:range', this._selectionChangeCallback);\n        this.model.document.selection.on('change:attribute', this._selectionChangeCallback);\n    }\n    /**\n\t * The current batch to which a feature should add its operations. Once the {@link #size}\n\t * is reached or exceeds the {@link #limit}, the batch is set to a new instance and the size is reset.\n\t */ get batch() {\n        if (!this._batch) {\n            this._batch = this.model.createBatch({\n                isTyping: true\n            });\n        }\n        return this._batch;\n    }\n    /**\n\t * The number of atomic changes in the buffer. Once it exceeds the {@link #limit},\n\t * the {@link #batch batch} is set to a new one.\n\t */ get size() {\n        return this._size;\n    }\n    /**\n\t * The input number of changes into the buffer. Once the {@link #size} is\n\t * reached or exceeds the {@link #limit}, the batch is set to a new instance and the size is reset.\n\t *\n\t * @param changeCount The number of atomic changes to input.\n\t */ input(changeCount) {\n        this._size += changeCount;\n        if (this._size >= this.limit) {\n            this._reset(true);\n        }\n    }\n    /**\n\t * Whether the buffer is locked. A locked buffer cannot be reset unless it gets unlocked.\n\t */ get isLocked() {\n        return this._isLocked;\n    }\n    /**\n\t * Locks the buffer.\n\t */ lock() {\n        this._isLocked = true;\n    }\n    /**\n\t * Unlocks the buffer.\n\t */ unlock() {\n        this._isLocked = false;\n    }\n    /**\n\t * Destroys the buffer.\n\t */ destroy() {\n        this.model.document.off('change', this._changeCallback);\n        this.model.document.selection.off('change:range', this._selectionChangeCallback);\n        this.model.document.selection.off('change:attribute', this._selectionChangeCallback);\n    }\n    /**\n\t * Resets the change buffer.\n\t *\n\t * @param ignoreLock Whether internal lock {@link #isLocked} should be ignored.\n\t */ _reset(ignoreLock = false) {\n        if (!this.isLocked || ignoreLock) {\n            this._batch = null;\n            this._size = 0;\n        }\n    }\n}\n\n/**\n * The insert text command. Used by the {@link module:typing/input~Input input feature} to handle typing.\n */ class InsertTextCommand extends Command {\n    /**\n\t * Typing's change buffer used to group subsequent changes into batches.\n\t */ _buffer;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param undoStepSize The maximum number of atomic changes\n\t * which can be contained in one batch in the command buffer.\n\t */ constructor(editor, undoStepSize){\n        super(editor);\n        this._buffer = new TypingChangeBuffer(editor.model, undoStepSize);\n        // Since this command may execute on different selectable than selection, it should be checked directly in execute block.\n        this._isEnabledBasedOnSelection = false;\n    }\n    /**\n\t * The current change buffer.\n\t */ get buffer() {\n        return this._buffer;\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this._buffer.destroy();\n    }\n    /**\n\t * Executes the input command. It replaces the content within the given range with the given text.\n\t * Replacing is a two step process, first the content within the range is removed and then the new text is inserted\n\t * at the beginning of the range (which after the removal is a collapsed range).\n\t *\n\t * @fires execute\n\t * @param options The command options.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const doc = model.document;\n        const text = options.text || '';\n        const textInsertions = text.length;\n        let selection = doc.selection;\n        if (options.selection) {\n            selection = options.selection;\n        } else if (options.range) {\n            selection = model.createSelection(options.range);\n        }\n        // Stop executing if selectable is in non-editable place.\n        if (!model.canEditAt(selection)) {\n            return;\n        }\n        const resultRange = options.resultRange;\n        model.enqueueChange(this._buffer.batch, (writer)=>{\n            this._buffer.lock();\n            // Store selection attributes before deleting old content to preserve formatting and link.\n            // This unifies the behavior between ModelDocumentSelection and Selection provided as input option.\n            const selectionAttributes = Array.from(doc.selection.getAttributes());\n            model.deleteContent(selection);\n            if (text) {\n                model.insertContent(writer.createText(text, selectionAttributes), selection);\n            }\n            if (resultRange) {\n                writer.setSelection(resultRange);\n            } else if (!selection.is('documentSelection')) {\n                writer.setSelection(selection);\n            }\n            this._buffer.unlock();\n            this._buffer.input(textInsertions);\n        });\n    }\n}\n\n// @if CK_DEBUG_TYPING // const { _buildLogMessage } = require( '@ckeditor/ckeditor5-engine/src/dev-utils/utils.js' );\nconst TYPING_INPUT_TYPES = [\n    // For collapsed range:\n    //\t- This one is a regular typing (all browsers, all systems).\n    //\t- This one is used by Chrome when typing accented letter – 2nd step when the user selects the accent (Mac).\n    // For non-collapsed range:\n    //\t- This one is used by Chrome when typing accented letter – when the selection box first appears (Mac).\n    //\t- This one is used by Safari when accepting spell check suggestions from the context menu (Mac).\n    'insertText',\n    // This one is used by Safari when typing accented letter (Mac).\n    // This one is used by Safari when accepting spell check suggestions from the autocorrection pop-up (Mac).\n    'insertReplacementText'\n];\nconst TYPING_INPUT_TYPES_ANDROID = [\n    ...TYPING_INPUT_TYPES,\n    'insertCompositionText'\n];\n/**\n * Text insertion observer introduces the {@link module:engine/view/document~ViewDocument#event:insertText} event.\n */ class InsertTextObserver extends Observer {\n    /**\n\t * Instance of the focus observer. Insert text observer calls\n\t * {@link module:engine/view/observer/focusobserver~FocusObserver#flush} to mark the latest focus change as complete.\n\t */ focusObserver;\n    /**\n\t * @inheritDoc\n\t */ constructor(view){\n        super(view);\n        this.focusObserver = view.getObserver(FocusObserver);\n        // On Android composition events should immediately be applied to the model. Rendering is not disabled.\n        // On non-Android the model is updated only on composition end.\n        // On Android we can't rely on composition start/end to update model.\n        const typingInputTypes = env.isAndroid ? TYPING_INPUT_TYPES_ANDROID : TYPING_INPUT_TYPES;\n        const viewDocument = view.document;\n        viewDocument.on('beforeinput', (evt, data)=>{\n            if (!this.isEnabled) {\n                return;\n            }\n            const { data: text, targetRanges, inputType, domEvent, isComposing } = data;\n            if (!typingInputTypes.includes(inputType)) {\n                return;\n            }\n            // Mark the latest focus change as complete (we are typing in editable after the focus\n            // so the selection is in the focused element).\n            this.focusObserver.flush();\n            const eventInfo = new EventInfo(viewDocument, 'insertText');\n            viewDocument.fire(eventInfo, new ViewDocumentDomEventData(view, domEvent, {\n                text,\n                selection: view.createSelection(targetRanges),\n                isComposing\n            }));\n            // Stop the beforeinput event if `delete` event was stopped.\n            // https://github.com/ckeditor/ckeditor5/issues/753\n            if (eventInfo.stop.called) {\n                evt.stop();\n            }\n        });\n        // On Android composition events are immediately applied to the model.\n        // On non-Android the model is updated only on composition end.\n        // On Android we can't rely on composition start/end to update model.\n        if (!env.isAndroid) {\n            // Note: The priority must be lower than the CompositionObserver handler to call it after the renderer is unblocked.\n            // This is important for view to DOM position mapping.\n            // This causes the effect of first remove composed DOM and then reapply it after model modification.\n            viewDocument.on('compositionend', (evt, { data, domEvent })=>{\n                if (!this.isEnabled) {\n                    return;\n                }\n                // In case of aborted composition.\n                if (!data) {\n                    return;\n                }\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'InsertTextObserver',\n                // @if CK_DEBUG_TYPING // \t\t`%cFire insertText event, %c${ JSON.stringify( data ) }`,\n                // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n                // @if CK_DEBUG_TYPING // \t\t 'color: blue'\n                // @if CK_DEBUG_TYPING // \t) );\n                // @if CK_DEBUG_TYPING // }\n                // How do we know where to insert the composed text?\n                // 1. The SelectionObserver is blocked and the view is not updated with the composition changes.\n                // 2. The last moment before it's locked is the `compositionstart` event.\n                // 3. The `SelectionObserver` is listening for `compositionstart` event and immediately converts\n                //    the selection. Handle this at the low priority so after the rendering is blocked.\n                viewDocument.fire('insertText', new ViewDocumentDomEventData(view, domEvent, {\n                    text: data,\n                    isComposing: true\n                }));\n            }, {\n                priority: 'low'\n            });\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ observe() {}\n    /**\n\t * @inheritDoc\n\t */ stopObserving() {}\n}\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '@ckeditor/ckeditor5-engine/src/dev-utils/utils.js' );\n/**\n * Handles text input coming from the keyboard or other input methods.\n */ class Input extends Plugin {\n    /**\n\t * The queue of `insertText` command executions that are waiting for the DOM to get updated after beforeinput event.\n\t */ _typingQueue;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Input';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const view = editor.editing.view;\n        const mapper = editor.editing.mapper;\n        const modelSelection = model.document.selection;\n        this._typingQueue = new TypingQueue(editor);\n        view.addObserver(InsertTextObserver);\n        // TODO The above default configuration value should be defined using editor.config.define() once it's fixed.\n        const insertTextCommand = new InsertTextCommand(editor, editor.config.get('typing.undoStep') || 20);\n        // Register `insertText` command and add `input` command as an alias for backward compatibility.\n        editor.commands.add('insertText', insertTextCommand);\n        editor.commands.add('input', insertTextCommand);\n        this.listenTo(view.document, 'beforeinput', ()=>{\n            // Flush queue on the next beforeinput event because it could happen\n            // that the mutation observer does not notice the DOM change in time.\n            this._typingQueue.flush('next beforeinput');\n        }, {\n            priority: 'high'\n        });\n        this.listenTo(view.document, 'insertText', (evt, data)=>{\n            const { text, selection: viewSelection } = data;\n            // In case of a synthetic event, make sure that selection is not fake.\n            if (view.document.selection.isFake && viewSelection && view.document.selection.isSimilar(viewSelection)) {\n                data.preventDefault();\n            }\n            // In case of typing on a non-collapsed range, we have to handle it ourselves as a browser\n            // could modify the DOM unpredictably.\n            // Noticed cases:\n            // * <pre><code>[foo</code></pre><p>]bar</p>\n            // * <p>[foo</p><pre>]<code>bar</code></pre>\n            // * <p>[foo</p><blockquote><p>]bar</p></blockquote>\n            //\n            // Especially tricky case is when a code block follows a paragraph as code block on the view side\n            // is rendered as a <code> element inside a <pre> element, but only the <code> element is mapped to the model.\n            // While mapping view position <pre>]<code> to model, the model position results before the <codeBlock> element,\n            // and this triggers selection fixer to cover only text in the previous paragraph.\n            //\n            // This is safe for composition as those events are not cancellable\n            // and the preventDefault() and defaultPrevented are not affected.\n            if (viewSelection && Array.from(viewSelection.getRanges()).some((range)=>!range.isCollapsed)) {\n                data.preventDefault();\n            }\n            if (!insertTextCommand.isEnabled) {\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n                // @if CK_DEBUG_TYPING // \t\t'%cInsertText command is disabled - prevent DOM change.',\n                // @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n                // @if CK_DEBUG_TYPING // \t) );\n                // @if CK_DEBUG_TYPING // }\n                data.preventDefault();\n                return;\n            }\n            let modelRanges;\n            // If view selection was specified, translate it to model selection.\n            if (viewSelection) {\n                modelRanges = Array.from(viewSelection.getRanges()).map((viewRange)=>mapper.toModelRange(viewRange)).map((modelRange)=>_tryFixingModelRange(modelRange, model.schema) || modelRange);\n            } else {\n                modelRanges = Array.from(modelSelection.getRanges());\n            }\n            let insertText = text;\n            // Typing in English on Android is firing composition events for the whole typed word.\n            // We need to check the target range text to only apply the difference.\n            if (env.isAndroid) {\n                const selectedText = Array.from(modelRanges[0].getItems()).reduce((rangeText, node)=>{\n                    return rangeText + (node.is('$textProxy') ? node.data : '');\n                }, '');\n                if (selectedText) {\n                    if (selectedText.length <= insertText.length) {\n                        if (insertText.startsWith(selectedText)) {\n                            insertText = insertText.substring(selectedText.length);\n                            modelRanges[0].start = modelRanges[0].start.getShiftedBy(selectedText.length);\n                        }\n                    } else {\n                        if (selectedText.startsWith(insertText)) {\n                            // TODO this should be mapped as delete?\n                            modelRanges[0].start = modelRanges[0].start.getShiftedBy(insertText.length);\n                            insertText = '';\n                        }\n                    }\n                }\n                if (insertText.length == 0 && modelRanges[0].isCollapsed) {\n                    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                    // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n                    // @if CK_DEBUG_TYPING // \t\t'%cIgnore insertion of an empty data to the collapsed range.',\n                    // @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n                    // @if CK_DEBUG_TYPING // \t) );\n                    // @if CK_DEBUG_TYPING // }\n                    return;\n                }\n            }\n            // Note: the TypingQueue stores live-ranges internally as RTC could change the model while waiting for mutations.\n            const commandData = {\n                text: insertText,\n                selection: model.createSelection(modelRanges)\n            };\n            // This is a beforeinput event, so we need to wait until the browser updates the DOM,\n            // and we could apply changes to the model and verify if the DOM is valid.\n            // The browser applies changes to the DOM not immediately on beforeinput event.\n            // We just wait for mutation observer to notice changes or as a fallback a timeout.\n            //\n            // Previously we were cancelling the non-composition events, but it caused issues especially in Safari.\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n            // @if CK_DEBUG_TYPING // \t\t`%cQueue insertText:%c \"${ commandData.text }\"%c ` +\n            // @if CK_DEBUG_TYPING // \t\t`[${ commandData.selection.getFirstPosition().path }]-` +\n            // @if CK_DEBUG_TYPING // \t\t`[${ commandData.selection.getLastPosition().path }]` +\n            // @if CK_DEBUG_TYPING // \t\t` queue size: ${ this._typingQueue.length + 1 }`,\n            // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n            // @if CK_DEBUG_TYPING // \t\t'color: blue',\n            // @if CK_DEBUG_TYPING // \t\t''\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            this._typingQueue.push(commandData, Boolean(data.isComposing));\n            if (data.domEvent.defaultPrevented) {\n                this._typingQueue.flush('beforeinput default prevented');\n            }\n        });\n        // Delete selected content on composition start.\n        if (env.isAndroid) {\n            // On Android with English keyboard, the composition starts just by putting caret\n            // at the word end or by selecting a table column. This is not a real composition started.\n            // Trigger delete content on first composition key pressed.\n            this.listenTo(view.document, 'keydown', (evt, data)=>{\n                if (modelSelection.isCollapsed || data.keyCode != 229 || !view.document.isComposing) {\n                    return;\n                }\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconst firstPositionPath = modelSelection.getFirstPosition()!.path;\n                // @if CK_DEBUG_TYPING // \tconst lastPositionPath = modelSelection.getLastPosition()!.path;\n                // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n                // @if CK_DEBUG_TYPING // \t\t'%cKeyDown 229%c -> model.deleteContent() ' +\n                // @if CK_DEBUG_TYPING // \t\t`[${ firstPositionPath }]-[${ lastPositionPath }]`,\n                // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n                // @if CK_DEBUG_TYPING // \t\t''\n                // @if CK_DEBUG_TYPING // \t) );\n                // @if CK_DEBUG_TYPING // }\n                deleteSelectionContent(model, insertTextCommand);\n            });\n        } else {\n            // Note: The priority must precede the CompositionObserver handler to call it before\n            // the renderer is blocked, because we want to render this change.\n            this.listenTo(view.document, 'compositionstart', ()=>{\n                if (modelSelection.isCollapsed) {\n                    return;\n                }\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconst firstPositionPath = modelSelection.getFirstPosition()!.path;\n                // @if CK_DEBUG_TYPING // \tconst lastPositionPath = modelSelection.getLastPosition()!.path;\n                // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n                // @if CK_DEBUG_TYPING // \t\t'%cComposition start%c -> model.deleteContent() ' +\n                // @if CK_DEBUG_TYPING // \t\t`[${ firstPositionPath }]-[${ lastPositionPath }]`,\n                // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n                // @if CK_DEBUG_TYPING // \t\t'',\n                // @if CK_DEBUG_TYPING // \t) );\n                // @if CK_DEBUG_TYPING // }\n                deleteSelectionContent(model, insertTextCommand);\n            }, {\n                priority: 'high'\n            });\n        }\n        // Apply changes to the model as they are applied to the DOM by the browser.\n        // On beforeinput event, the DOM is not yet modified. We wait for detected mutations to apply model changes.\n        this.listenTo(view.document, 'mutations', (evt, { mutations })=>{\n            // Check if mutations are relevant for queued changes.\n            if (this._typingQueue.hasAffectedElements()) {\n                for (const { node } of mutations){\n                    const viewElement = findMappedViewAncestor(node, mapper);\n                    const modelElement = mapper.toModelElement(viewElement);\n                    if (this._typingQueue.isElementAffected(modelElement)) {\n                        this._typingQueue.flush('mutations');\n                        return;\n                    }\n                }\n            }\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n        // @if CK_DEBUG_TYPING // \t\t'%cMutations not related to the composition.',\n        // @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        });\n        // Make sure that all changes are applied to the model before the end of composition.\n        this.listenTo(view.document, 'compositionend', ()=>{\n            this._typingQueue.flush('before composition end');\n        }, {\n            priority: 'high'\n        });\n        // Trigger mutations check after the composition completes to fix all DOM changes that got ignored during composition.\n        // On Android, the Renderer is not disabled while composing. While updating DOM nodes, we ignore some changes\n        // that are not that important (like NBSP vs. plain space character) and could break the composition flow.\n        // After composition is completed, we trigger additional `mutations` event for elements affected by the composition\n        // so the Renderer can adjust the DOM to the expected structure without breaking the composition.\n        this.listenTo(view.document, 'compositionend', ()=>{\n            // There could be new item queued on the composition end, so flush it.\n            this._typingQueue.flush('after composition end');\n            const mutations = [];\n            if (this._typingQueue.hasAffectedElements()) {\n                for (const element of this._typingQueue.flushAffectedElements()){\n                    const viewElement = mapper.toViewElement(element);\n                    if (!viewElement) {\n                        continue;\n                    }\n                    mutations.push({\n                        type: 'children',\n                        node: viewElement\n                    });\n                }\n            }\n            // Fire composition mutations, if any.\n            //\n            // For non-Android:\n            // After the composition end, we need to verify if there are no left-overs.\n            // Listening at the lowest priority, so after the `InsertTextObserver` added above (all composed text\n            // should already be applied to the model, view, and DOM).\n            // On non-Android the `Renderer` is blocked while the user is composing, but the `MutationObserver` still collects\n            // mutated nodes and fires `mutations` events.\n            // Those events are recorded by the `Renderer` but not applied to the DOM while composing.\n            // We need to trigger those checks (and fixes) once again but this time without specifying the exact mutations\n            // since they are already recorded by the `Renderer`.\n            // It in most cases just clears the internal record of mutated text nodes\n            // since all changes should already be applied to the DOM.\n            // This is especially needed when a user cancels composition, so we can clear nodes marked to sync.\n            if (mutations.length || !env.isAndroid) {\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Input',\n                // @if CK_DEBUG_TYPING // \t\t'%cFire post-composition mutation fixes.',\n                // @if CK_DEBUG_TYPING // \t\t'font-weight: bold'\n                // @if CK_DEBUG_TYPING // \t) );\n                // @if CK_DEBUG_TYPING // }\n                view.document.fire('mutations', {\n                    mutations\n                });\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n            // @if CK_DEBUG_TYPING // }\n            }\n        }, {\n            priority: 'lowest'\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this._typingQueue.destroy();\n    }\n}\n/**\n * The queue of `insertText` command executions that are waiting for the DOM to get updated after beforeinput event.\n */ class TypingQueue {\n    /**\n\t * The editor instance.\n\t */ editor;\n    /**\n\t * Debounced queue flush as a safety mechanism for cases of mutation observer not triggering.\n\t */ flushDebounced = debounce(()=>this.flush('timeout'), 50);\n    /**\n\t * The queue of `insertText` command executions that are waiting for the DOM to get updated after beforeinput event.\n\t */ _queue = [];\n    /**\n\t * Whether there is any composition enqueued or plain typing only.\n\t */ _isComposing = false;\n    /**\n\t * A set of model elements. The typing happened in those elements. It's used for mutations check.\n\t */ _affectedElements = new Set();\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        this.editor = editor;\n    }\n    /**\n\t * Destroys the helper object.\n\t */ destroy() {\n        this.flushDebounced.cancel();\n        this._affectedElements.clear();\n        while(this._queue.length){\n            this.shift();\n        }\n    }\n    /**\n\t * Returns the size of the queue.\n\t */ get length() {\n        return this._queue.length;\n    }\n    /**\n\t * Push next insertText command data to the queue.\n\t */ push(commandData, isComposing) {\n        const commandLiveData = {\n            text: commandData.text\n        };\n        if (commandData.selection) {\n            commandLiveData.selectionRanges = [];\n            for (const range of commandData.selection.getRanges()){\n                commandLiveData.selectionRanges.push(ModelLiveRange.fromRange(range));\n                // Keep reference to the model element for later mutation checks.\n                this._affectedElements.add(range.start.parent);\n            }\n        }\n        this._queue.push(commandLiveData);\n        this._isComposing ||= isComposing;\n        this.flushDebounced();\n    }\n    /**\n\t * Shift the first item from the insertText command data queue.\n\t */ shift() {\n        const commandLiveData = this._queue.shift();\n        const commandData = {\n            text: commandLiveData.text\n        };\n        if (commandLiveData.selectionRanges) {\n            const ranges = commandLiveData.selectionRanges.map((liveRange)=>detachLiveRange(liveRange)).filter((range)=>!!range);\n            if (ranges.length) {\n                commandData.selection = this.editor.model.createSelection(ranges);\n            }\n        }\n        return commandData;\n    }\n    /**\n\t * Applies all queued insertText command executions.\n\t *\n\t * @param reason Used only for debugging.\n\t */ flush(reason) {\n        const editor = this.editor;\n        const model = editor.model;\n        const view = editor.editing.view;\n        this.flushDebounced.cancel();\n        if (!this._queue.length) {\n            return;\n        }\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Input',\n        // @if CK_DEBUG_TYPING // \t\t`%cFlush insertText queue on ${ reason }.`,\n        // @if CK_DEBUG_TYPING // \t\t'font-weight: bold'\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        const insertTextCommand = editor.commands.get('insertText');\n        const buffer = insertTextCommand.buffer;\n        model.enqueueChange(buffer.batch, ()=>{\n            buffer.lock();\n            while(this._queue.length){\n                const commandData = this.shift();\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n                // @if CK_DEBUG_TYPING // \t\t`%cExecute queued insertText:%c \"${ commandData.text }\"%c ` +\n                // @if CK_DEBUG_TYPING // \t\t\t`[${ commandData.selection.getFirstPosition().path }]-` +\n                // @if CK_DEBUG_TYPING // \t\t\t`[${ commandData.selection.getLastPosition().path }]`,\n                // @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n                // @if CK_DEBUG_TYPING // \t\t'color: blue',\n                // @if CK_DEBUG_TYPING // \t\t''\n                // @if CK_DEBUG_TYPING // \t) );\n                // @if CK_DEBUG_TYPING // }\n                editor.execute('insertText', commandData);\n            }\n            buffer.unlock();\n            if (!this._isComposing) {\n                // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n                // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n                // @if CK_DEBUG_TYPING // \t\t'Clear affected elements set'\n                // @if CK_DEBUG_TYPING // \t) );\n                // @if CK_DEBUG_TYPING // }\n                this._affectedElements.clear();\n            }\n            this._isComposing = false;\n        });\n        view.scrollToTheSelection();\n    // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n    // @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n    // @if CK_DEBUG_TYPING // }\n    }\n    /**\n\t * Returns `true` if the given model element is related to recent typing.\n\t */ isElementAffected(element) {\n        return this._affectedElements.has(element);\n    }\n    /**\n\t * Returns `true` if there are any affected elements in the queue.\n\t */ hasAffectedElements() {\n        return this._affectedElements.size > 0;\n    }\n    /**\n\t * Returns an array of typing-related elements and clears the internal list.\n\t */ flushAffectedElements() {\n        const result = Array.from(this._affectedElements);\n        this._affectedElements.clear();\n        return result;\n    }\n}\n/**\n * Deletes the content selected by the document selection at the start of composition.\n */ function deleteSelectionContent(model, insertTextCommand) {\n    // By relying on the state of the input command we allow disabling the entire input easily\n    // by just disabling the input command. We could’ve used here the delete command but that\n    // would mean requiring the delete feature which would block loading one without the other.\n    // We could also check the editor.isReadOnly property, but that wouldn't allow to block\n    // the input without blocking other features.\n    if (!insertTextCommand.isEnabled) {\n        return;\n    }\n    const buffer = insertTextCommand.buffer;\n    buffer.lock();\n    model.enqueueChange(buffer.batch, ()=>{\n        model.deleteContent(model.document.selection);\n    });\n    buffer.unlock();\n}\n/**\n * Detaches a ModelLiveRange and returns the static range from it.\n */ function detachLiveRange(liveRange) {\n    const range = liveRange.toRange();\n    liveRange.detach();\n    if (range.root.rootName == '$graveyard') {\n        return null;\n    }\n    return range;\n}\n/**\n * For the given `viewNode`, finds and returns the closest ancestor of this node that has a mapping to the model.\n */ function findMappedViewAncestor(viewNode, mapper) {\n    let node = viewNode.is('$text') ? viewNode.parent : viewNode;\n    while(!mapper.toModelElement(node)){\n        node = node.parent;\n    }\n    return node;\n}\n\n// @if CK_DEBUG_TYPING // const { _buildLogMessage } = require( '@ckeditor/ckeditor5-engine/src/dev-utils/utils.js' );\n/**\n * The delete command. Used by the {@link module:typing/delete~Delete delete feature} to handle the <kbd>Delete</kbd> and\n * <kbd>Backspace</kbd> keys.\n */ class DeleteCommand extends Command {\n    /**\n\t * The directionality of the delete describing in what direction it should\n\t * consume the content when the selection is collapsed.\n\t */ direction;\n    /**\n\t * Delete's change buffer used to group subsequent changes into batches.\n\t */ _buffer;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param direction The directionality of the delete describing in what direction it\n\t * should consume the content when the selection is collapsed.\n\t */ constructor(editor, direction){\n        super(editor);\n        this.direction = direction;\n        this._buffer = new TypingChangeBuffer(editor.model, editor.config.get('typing.undoStep'));\n        // Since this command may execute on different selectable than selection, it should be checked directly in execute block.\n        this._isEnabledBasedOnSelection = false;\n    }\n    /**\n\t * The current change buffer.\n\t */ get buffer() {\n        return this._buffer;\n    }\n    /**\n\t * Executes the delete command. Depending on whether the selection is collapsed or not, deletes its content\n\t * or a piece of content in the {@link #direction defined direction}.\n\t *\n\t * @fires execute\n\t * @param options The command options.\n\t * @param options.unit See {@link module:engine/model/utils/modifyselection~modifySelection}'s options.\n\t * @param options.sequence A number describing which subsequent delete event it is without the key being released.\n\t * See the {@link module:engine/view/document~ViewDocument#event:delete} event data.\n\t * @param options.selection Selection to remove. If not set, current model selection will be used.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const doc = model.document;\n        model.enqueueChange(this._buffer.batch, (writer)=>{\n            this._buffer.lock();\n            const selection = writer.createSelection(options.selection || doc.selection);\n            // Don't execute command when selection is in non-editable place.\n            if (!model.canEditAt(selection)) {\n                return;\n            }\n            const sequence = options.sequence || 1;\n            // Do not replace the whole selected content if selection was collapsed.\n            // This prevents such situation:\n            //\n            // <h1></h1><p>[]</p>\t-->  <h1>[</h1><p>]</p> \t\t-->  <p></p>\n            // starting content\t\t-->   after `modifySelection`\t-->  after `deleteContent`.\n            const doNotResetEntireContent = selection.isCollapsed;\n            // Try to extend the selection in the specified direction.\n            if (selection.isCollapsed) {\n                model.modifySelection(selection, {\n                    direction: this.direction,\n                    unit: options.unit,\n                    treatEmojiAsSingleUnit: true\n                });\n            }\n            // Check if deleting in an empty editor. See #61.\n            if (this._shouldEntireContentBeReplacedWithParagraph(sequence)) {\n                this._replaceEntireContentWithParagraph(writer);\n                return;\n            }\n            // Check if deleting in the first empty block.\n            // See https://github.com/ckeditor/ckeditor5/issues/8137.\n            if (this._shouldReplaceFirstBlockWithParagraph(selection, sequence)) {\n                this.editor.execute('paragraph', {\n                    selection\n                });\n                return;\n            }\n            // If selection is still collapsed, then there's nothing to delete.\n            if (selection.isCollapsed) {\n                return;\n            }\n            let changeCount = 0;\n            selection.getFirstRange().getMinimalFlatRanges().forEach((range)=>{\n                changeCount += count(range.getWalker({\n                    singleCharacters: true,\n                    ignoreElementEnd: true,\n                    shallow: true\n                }));\n            });\n            // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n            // @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'DeleteCommand',\n            // @if CK_DEBUG_TYPING // \t\t'Delete content',\n            // @if CK_DEBUG_TYPING // \t\t`[${ selection.getFirstPosition()!.path }]-[${ selection.getLastPosition()!.path }]`,\n            // @if CK_DEBUG_TYPING // \t\toptions\n            // @if CK_DEBUG_TYPING // \t) );\n            // @if CK_DEBUG_TYPING // }\n            model.deleteContent(selection, {\n                doNotResetEntireContent,\n                direction: this.direction\n            });\n            this._buffer.input(changeCount);\n            writer.setSelection(selection);\n            this._buffer.unlock();\n        });\n    }\n    /**\n\t * If the user keeps <kbd>Backspace</kbd> or <kbd>Delete</kbd> key pressed, the content of the current\n\t * editable will be cleared. However, this will not yet lead to resetting the remaining block to a paragraph\n\t * (which happens e.g. when the user does <kbd>Ctrl</kbd> + <kbd>A</kbd>, <kbd>Backspace</kbd>).\n\t *\n\t * But, if the user pressed the key in an empty editable for the first time,\n\t * we want to replace the entire content with a paragraph if:\n\t *\n\t * * the current limit element is empty,\n\t * * the paragraph is allowed in the limit element,\n\t * * the limit doesn't already have a paragraph inside.\n\t *\n\t * See https://github.com/ckeditor/ckeditor5-typing/issues/61.\n\t *\n\t * @param sequence A number describing which subsequent delete event it is without the key being released.\n\t */ _shouldEntireContentBeReplacedWithParagraph(sequence) {\n        // Does nothing if user pressed and held the \"Backspace\" or \"Delete\" key.\n        if (sequence > 1) {\n            return false;\n        }\n        const model = this.editor.model;\n        const doc = model.document;\n        const selection = doc.selection;\n        const limitElement = model.schema.getLimitElement(selection);\n        // If a collapsed selection contains the whole content it means that the content is empty\n        // (from the user perspective).\n        const limitElementIsEmpty = selection.isCollapsed && selection.containsEntireContent(limitElement);\n        if (!limitElementIsEmpty) {\n            return false;\n        }\n        if (!model.schema.checkChild(limitElement, 'paragraph')) {\n            return false;\n        }\n        const limitElementFirstChild = limitElement.getChild(0);\n        // Does nothing if the limit element already contains only a paragraph.\n        // We ignore the case when paragraph might have some inline elements (<p><inlineWidget>[]</inlineWidget></p>)\n        // because we don't support such cases yet and it's unclear whether inlineWidget shouldn't be a limit itself.\n        if (limitElementFirstChild && limitElementFirstChild.is('element', 'paragraph')) {\n            return false;\n        }\n        return true;\n    }\n    /**\n\t * The entire content is replaced with the paragraph. Selection is moved inside the paragraph.\n\t *\n\t * @param writer The model writer.\n\t */ _replaceEntireContentWithParagraph(writer) {\n        const model = this.editor.model;\n        const doc = model.document;\n        const selection = doc.selection;\n        const limitElement = model.schema.getLimitElement(selection);\n        const paragraph = writer.createElement('paragraph');\n        writer.remove(writer.createRangeIn(limitElement));\n        writer.insert(paragraph, limitElement);\n        writer.setSelection(paragraph, 0);\n    }\n    /**\n\t * Checks if the selection is inside an empty element that is the first child of the limit element\n\t * and should be replaced with a paragraph.\n\t *\n\t * @param selection The selection.\n\t * @param sequence A number describing which subsequent delete event it is without the key being released.\n\t */ _shouldReplaceFirstBlockWithParagraph(selection, sequence) {\n        const model = this.editor.model;\n        // Does nothing if user pressed and held the \"Backspace\" key or it was a \"Delete\" button.\n        if (sequence > 1 || this.direction != 'backward') {\n            return false;\n        }\n        if (!selection.isCollapsed) {\n            return false;\n        }\n        const position = selection.getFirstPosition();\n        const limitElement = model.schema.getLimitElement(position);\n        const limitElementFirstChild = limitElement.getChild(0);\n        // Only elements that are direct children of the limit element can be replaced.\n        // Unwrapping from a block quote should be handled in a dedicated feature.\n        if (position.parent != limitElementFirstChild) {\n            return false;\n        }\n        // A block should be replaced only if it was empty.\n        if (!selection.containsEntireContent(limitElementFirstChild)) {\n            return false;\n        }\n        // Replace with a paragraph only if it's allowed there.\n        if (!model.schema.checkChild(limitElement, 'paragraph')) {\n            return false;\n        }\n        // Does nothing if the limit element already contains only a paragraph.\n        if (limitElementFirstChild.name == 'paragraph') {\n            return false;\n        }\n        return true;\n    }\n}\n\nconst DELETE_CHARACTER = 'character';\nconst DELETE_WORD = 'word';\nconst DELETE_CODE_POINT = 'codePoint';\nconst DELETE_SELECTION = 'selection';\nconst DELETE_BACKWARD = 'backward';\nconst DELETE_FORWARD = 'forward';\nconst DELETE_EVENT_TYPES = {\n    // --------------------------------------- Backward delete types -----------------------------------------------------\n    // This happens in Safari on Mac when some content is selected and Ctrl + K is pressed.\n    deleteContent: {\n        unit: DELETE_SELECTION,\n        // According to the Input Events Level 2 spec, this delete type has no direction\n        // but to keep things simple, let's default to backward.\n        direction: DELETE_BACKWARD\n    },\n    // Chrome and Safari on Mac: Backspace or Ctrl + H\n    deleteContentBackward: {\n        // This kind of deletions must be done on the code point-level instead of target range provided by the DOM beforeinput event.\n        // Take for instance \"👨‍👩‍👧‍👧\", it equals:\n        //\n        //\t* [ \"👨\", \"ZERO WIDTH JOINER\", \"👩\", \"ZERO WIDTH JOINER\", \"👧\", \"ZERO WIDTH JOINER\", \"👧\" ]\n        //\t* or simply \"\\u{1F468}\\u200D\\u{1F469}\\u200D\\u{1F467}\\u200D\\u{1F467}\"\n        //\n        // The range provided by the browser would cause the entire multi-byte grapheme to disappear while the user\n        // intention when deleting backwards (\"👨‍👩‍👧‍👧[]\", then backspace) is gradual \"decomposition\" (first to \"👨‍👩‍👧‍[]\",\n        // then to \"👨‍👩‍[]\", etc.).\n        //\n        //\t* \"👨‍👩‍👧‍👧[]\" + backward delete (by code point)  -> results in \"👨‍👩‍👧[]\", removed the last \"👧\" 👍\n        //\t* \"👨‍👩‍👧‍👧[]\" + backward delete (by character)  -> results in \"[]\", removed the whole grapheme 👎\n        //\n        // Deleting by code-point is simply a better UX. See \"deleteContentForward\" to learn more.\n        unit: DELETE_CODE_POINT,\n        direction: DELETE_BACKWARD\n    },\n    // On Mac: Option + Backspace.\n    // On iOS: Hold the backspace for a while and the whole words will start to disappear.\n    deleteWordBackward: {\n        unit: DELETE_WORD,\n        direction: DELETE_BACKWARD\n    },\n    // Safari on Mac: Cmd + Backspace\n    deleteHardLineBackward: {\n        unit: DELETE_SELECTION,\n        direction: DELETE_BACKWARD\n    },\n    // Chrome on Mac: Cmd + Backspace.\n    deleteSoftLineBackward: {\n        unit: DELETE_SELECTION,\n        direction: DELETE_BACKWARD\n    },\n    // --------------------------------------- Forward delete types -----------------------------------------------------\n    // Chrome on Mac: Fn + Backspace or Ctrl + D\n    // Safari on Mac: Ctrl + K or Ctrl + D\n    deleteContentForward: {\n        // Unlike backward delete, this delete must be performed by character instead of by code point, which\n        // provides the best UX for working with accented letters.\n        // Take, for example \"b̂\" (\"\\u0062\\u0302\", or [ \"LATIN SMALL LETTER B\", \"COMBINING CIRCUMFLEX ACCENT\" ]):\n        //\n        //\t* \"b̂[]\" + backward delete (by code point)  -> results in \"b[]\", removed the combining mark 👍\n        //\t* \"[]b̂\" + forward delete (by code point)   -> results in \"[]^\", a bare combining mark does that not make sense when alone 👎\n        //\t* \"[]b̂\" + forward delete (by character)    -> results in \"[]\", removed both \"b\" and the combining mark 👍\n        //\n        // See: \"deleteContentBackward\" to learn more.\n        unit: DELETE_CHARACTER,\n        direction: DELETE_FORWARD\n    },\n    // On Mac: Fn + Option + Backspace.\n    deleteWordForward: {\n        unit: DELETE_WORD,\n        direction: DELETE_FORWARD\n    },\n    // Chrome on Mac: Ctrl + K (you have to disable the Link plugin first, though, because it uses the same keystroke)\n    // This is weird that it does not work in Safari on Mac despite being listed in the official shortcuts listing\n    // on Apple's webpage.\n    deleteHardLineForward: {\n        unit: DELETE_SELECTION,\n        direction: DELETE_FORWARD\n    },\n    // At this moment there is no known way to trigger this event type but let's keep it for the symmetry with\n    // deleteSoftLineBackward.\n    deleteSoftLineForward: {\n        unit: DELETE_SELECTION,\n        direction: DELETE_FORWARD\n    }\n};\n/**\n * Delete observer introduces the {@link module:engine/view/document~ViewDocument#event:delete} event.\n *\n * @internal\n */ class DeleteObserver extends Observer {\n    /**\n\t * @inheritDoc\n\t */ constructor(view){\n        super(view);\n        const document = view.document;\n        // It matters how many subsequent deletions were made, e.g. when the backspace key was pressed and held\n        // by the user for some time. For instance, if such scenario ocurred and the heading the selection was\n        // anchored to was the only content of the editor, it will not be converted into a paragraph (the user\n        // wanted to clean it up, not remove it, it's about UX). Check out the DeleteCommand implementation to learn more.\n        //\n        // Fun fact: Safari on Mac won't fire beforeinput for backspace in an empty heading (only content).\n        let sequence = 0;\n        document.on('keydown', ()=>{\n            sequence++;\n        });\n        document.on('keyup', ()=>{\n            sequence = 0;\n        });\n        document.on('beforeinput', (evt, data)=>{\n            if (!this.isEnabled) {\n                return;\n            }\n            const { targetRanges, domEvent, inputType } = data;\n            const deleteEventSpec = DELETE_EVENT_TYPES[inputType];\n            if (!deleteEventSpec) {\n                return;\n            }\n            const deleteData = {\n                direction: deleteEventSpec.direction,\n                unit: deleteEventSpec.unit,\n                sequence\n            };\n            if (deleteData.unit == DELETE_SELECTION) {\n                deleteData.selectionToRemove = view.createSelection(targetRanges[0]);\n            }\n            // The default deletion unit for deleteContentBackward is a single code point\n            // but if the browser provides a wider target range then we should use it.\n            if (inputType === 'deleteContentBackward') {\n                // On Android, deleteContentBackward has sequence 1 by default.\n                if (env.isAndroid) {\n                    deleteData.sequence = 1;\n                }\n                // The beforeInput event wants more than a single character to be removed.\n                if (shouldUseTargetRanges(targetRanges)) {\n                    deleteData.unit = DELETE_SELECTION;\n                    deleteData.selectionToRemove = view.createSelection(targetRanges);\n                }\n            }\n            const eventInfo = new BubblingEventInfo(document, 'delete', targetRanges[0]);\n            document.fire(eventInfo, new ViewDocumentDomEventData(view, domEvent, deleteData));\n            // Stop the beforeinput event if `delete` event was stopped.\n            // https://github.com/ckeditor/ckeditor5/issues/753\n            if (eventInfo.stop.called) {\n                evt.stop();\n            }\n        });\n        // TODO: to be removed when https://bugs.chromium.org/p/chromium/issues/detail?id=1365311 is solved.\n        if (env.isBlink) {\n            enableChromeWorkaround(this);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ observe() {}\n    /**\n\t * @inheritDoc\n\t */ stopObserving() {}\n}\n/**\n * Enables workaround for the issue https://github.com/ckeditor/ckeditor5/issues/11904.\n */ function enableChromeWorkaround(observer) {\n    const view = observer.view;\n    const document = view.document;\n    let pressedKeyCode = null;\n    let beforeInputReceived = false;\n    document.on('keydown', (evt, { keyCode })=>{\n        pressedKeyCode = keyCode;\n        beforeInputReceived = false;\n    });\n    document.on('keyup', (evt, { keyCode, domEvent })=>{\n        const selection = document.selection;\n        const shouldFireDeleteEvent = observer.isEnabled && keyCode == pressedKeyCode && isDeleteKeyCode(keyCode) && !selection.isCollapsed && !beforeInputReceived;\n        pressedKeyCode = null;\n        if (shouldFireDeleteEvent) {\n            const targetRange = selection.getFirstRange();\n            const eventInfo = new BubblingEventInfo(document, 'delete', targetRange);\n            const deleteData = {\n                unit: DELETE_SELECTION,\n                direction: getDeleteDirection(keyCode),\n                selectionToRemove: selection\n            };\n            document.fire(eventInfo, new ViewDocumentDomEventData(view, domEvent, deleteData));\n        }\n    });\n    document.on('beforeinput', (evt, { inputType })=>{\n        const deleteEventSpec = DELETE_EVENT_TYPES[inputType];\n        const isMatchingBeforeInput = isDeleteKeyCode(pressedKeyCode) && deleteEventSpec && deleteEventSpec.direction == getDeleteDirection(pressedKeyCode);\n        if (isMatchingBeforeInput) {\n            beforeInputReceived = true;\n        }\n    }, {\n        priority: 'high'\n    });\n    document.on('beforeinput', (evt, { inputType, data })=>{\n        const shouldIgnoreBeforeInput = pressedKeyCode == keyCodes.delete && inputType == 'insertText' && data == '\\x7f'; // Delete character :P\n        if (shouldIgnoreBeforeInput) {\n            evt.stop();\n        }\n    }, {\n        priority: 'high'\n    });\n    function isDeleteKeyCode(keyCode) {\n        return keyCode == keyCodes.backspace || keyCode == keyCodes.delete;\n    }\n    function getDeleteDirection(keyCode) {\n        return keyCode == keyCodes.backspace ? DELETE_BACKWARD : DELETE_FORWARD;\n    }\n}\n/**\n * Verifies whether the given target ranges cover more than a single character and should be used instead of a single code-point deletion.\n */ function shouldUseTargetRanges(targetRanges) {\n    // The collapsed target range could happen for example while deleting inside an inline filler\n    // (it's mapped to collapsed position before an inline filler).\n    if (targetRanges.length != 1 || targetRanges[0].isCollapsed) {\n        return false;\n    }\n    const walker = targetRanges[0].getWalker({\n        direction: 'backward',\n        singleCharacters: true,\n        ignoreElementEnd: true\n    });\n    let count = 0;\n    for (const { nextPosition, item } of walker){\n        if (nextPosition.parent.is('$text')) {\n            const data = nextPosition.parent.data;\n            const offset = nextPosition.offset;\n            // Count combined symbols and emoji sequences as a single character.\n            if (isInsideSurrogatePair(data, offset) || isInsideCombinedSymbol(data, offset) || isInsideEmojiSequence(data, offset)) {\n                continue;\n            }\n            count++;\n        } else if (item.is('containerElement') || item.is('emptyElement')) {\n            count++;\n        }\n        if (count > 1) {\n            return true;\n        }\n    }\n    return false;\n}\n\n/**\n * The delete and backspace feature. Handles keys such as <kbd>Delete</kbd> and <kbd>Backspace</kbd>, other\n * keystrokes and user actions that result in deleting content in the editor.\n */ class Delete extends Plugin {\n    /**\n\t * Whether pressing backspace should trigger undo action\n\t */ _undoOnBackspace;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Delete';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const modelDocument = editor.model.document;\n        view.addObserver(DeleteObserver);\n        this._undoOnBackspace = false;\n        const deleteForwardCommand = new DeleteCommand(editor, 'forward');\n        // Register `deleteForward` command and add `forwardDelete` command as an alias for backward compatibility.\n        editor.commands.add('deleteForward', deleteForwardCommand);\n        editor.commands.add('forwardDelete', deleteForwardCommand);\n        editor.commands.add('delete', new DeleteCommand(editor, 'backward'));\n        this.listenTo(viewDocument, 'delete', (evt, data)=>{\n            // When not in composition, we handle the action, so prevent the default one.\n            // When in composition, it's the browser who modify the DOM (renderer is disabled).\n            if (!viewDocument.isComposing) {\n                data.preventDefault();\n            }\n            const { direction, sequence, selectionToRemove, unit } = data;\n            const commandName = direction === 'forward' ? 'deleteForward' : 'delete';\n            const commandData = {\n                sequence\n            };\n            if (unit == 'selection') {\n                const modelRanges = Array.from(selectionToRemove.getRanges()).map((viewRange)=>editor.editing.mapper.toModelRange(viewRange)).map((modelRange)=>_tryFixingModelRange(modelRange, editor.model.schema) || modelRange);\n                commandData.selection = editor.model.createSelection(modelRanges);\n            } else {\n                commandData.unit = unit;\n            }\n            editor.execute(commandName, commandData);\n            view.scrollToTheSelection();\n        }, {\n            priority: 'low'\n        });\n        // Handle the Backspace key while at the beginning of a nested editable. See https://github.com/ckeditor/ckeditor5/issues/17383.\n        this.listenTo(viewDocument, 'keydown', (evt, data)=>{\n            if (viewDocument.isComposing || data.keyCode != keyCodes.backspace || !modelDocument.selection.isCollapsed) {\n                return;\n            }\n            const ancestorLimit = editor.model.schema.getLimitElement(modelDocument.selection);\n            const limitStartPosition = editor.model.createPositionAt(ancestorLimit, 0);\n            if (limitStartPosition.isTouching(modelDocument.selection.getFirstPosition())) {\n                // Stop the beforeinput event as it could be invalid.\n                data.preventDefault();\n                // Create a fake delete event so all features can act on it and the target range is proper.\n                const modelRange = editor.model.schema.getNearestSelectionRange(limitStartPosition, 'forward');\n                if (!modelRange) {\n                    return;\n                }\n                const viewSelection = view.createSelection(editor.editing.mapper.toViewRange(modelRange));\n                const targetRange = viewSelection.getFirstRange();\n                const eventInfo = new BubblingEventInfo(document, 'delete', targetRange);\n                const deleteData = {\n                    unit: 'selection',\n                    direction: 'backward',\n                    selectionToRemove: viewSelection\n                };\n                viewDocument.fire(eventInfo, new ViewDocumentDomEventData(view, data.domEvent, deleteData));\n            }\n        });\n        if (this.editor.plugins.has('UndoEditing')) {\n            this.listenTo(viewDocument, 'delete', (evt, data)=>{\n                if (this._undoOnBackspace && data.direction == 'backward' && data.sequence == 1 && data.unit == 'codePoint') {\n                    this._undoOnBackspace = false;\n                    editor.execute('undo');\n                    data.preventDefault();\n                    evt.stop();\n                }\n            }, {\n                context: '$capture'\n            });\n            this.listenTo(modelDocument, 'change', ()=>{\n                this._undoOnBackspace = false;\n            });\n        }\n    }\n    /**\n\t * If the next user action after calling this method is pressing backspace, it would undo the last change.\n\t *\n\t * Requires {@link module:undo/undoediting~UndoEditing} plugin. If not loaded, does nothing.\n\t */ requestUndoOnBackspace() {\n        if (this.editor.plugins.has('UndoEditing')) {\n            this._undoOnBackspace = true;\n        }\n    }\n}\n\n/**\n * The typing feature. It handles typing.\n *\n * This is a \"glue\" plugin which loads the {@link module:typing/input~Input} and {@link module:typing/delete~Delete}\n * plugins.\n */ class Typing extends Plugin {\n    static get requires() {\n        return [\n            Input,\n            Delete\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Typing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module typing/utils/getlasttextline\n */ /**\n * Returns the last text line from the given range.\n *\n * \"The last text line\" is understood as text (from one or more text nodes) which is limited either by a parent block\n * or by inline elements (e.g. `<softBreak>`).\n *\n * ```ts\n * const rangeToCheck = model.createRange(\n * \tmodel.createPositionAt( paragraph, 0 ),\n * \tmodel.createPositionAt( paragraph, 'end' )\n * );\n *\n * const { text, range } = getLastTextLine( rangeToCheck, model );\n * ```\n *\n * For model below, the returned `text` will be \"Foo bar baz\" and `range` will be set on whole `<paragraph>` content:\n *\n * ```xml\n * <paragraph>Foo bar baz<paragraph>\n * ```\n *\n * However, in below case, `text` will be set to \"baz\" and `range` will be set only on \"baz\".\n *\n * ```xml\n * <paragraph>Foo<softBreak></softBreak>bar<softBreak></softBreak>baz<paragraph>\n * ```\n */ function getLastTextLine(range, model) {\n    let start = range.start;\n    const text = Array.from(range.getWalker({\n        ignoreElementEnd: false\n    })).reduce((rangeText, { item })=>{\n        // Trim text to a last occurrence of an inline element and update range start.\n        if (!(item.is('$text') || item.is('$textProxy'))) {\n            start = model.createPositionAfter(item);\n            return '';\n        }\n        return rangeText + item.data;\n    }, '');\n    return {\n        text,\n        range: model.createRange(start, range.end)\n    };\n}\n\n/**\n * The text watcher feature.\n *\n * Fires the {@link module:typing/textwatcher~TextWatcher#event:matched:data `matched:data`},\n * {@link module:typing/textwatcher~TextWatcher#event:matched:selection `matched:selection`} and\n * {@link module:typing/textwatcher~TextWatcher#event:unmatched `unmatched`} events on typing or selection changes.\n */ class TextWatcher extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * The editor's model.\n\t */ model;\n    /**\n\t * The function used to match the text.\n\t *\n\t * The test callback can return 3 values:\n\t *\n\t * * `false` if there is no match,\n\t * * `true` if there is a match,\n\t * * an object if there is a match and we want to pass some additional information to the {@link #event:matched:data} event.\n\t */ testCallback;\n    /**\n\t * Whether there is a match currently.\n\t */ _hasMatch;\n    /**\n\t * Creates a text watcher instance.\n\t *\n\t * @param testCallback See {@link module:typing/textwatcher~TextWatcher#testCallback}.\n\t */ constructor(model, testCallback){\n        super();\n        this.model = model;\n        this.testCallback = testCallback;\n        this._hasMatch = false;\n        this.set('isEnabled', true);\n        // Toggle text watching on isEnabled state change.\n        this.on('change:isEnabled', ()=>{\n            if (this.isEnabled) {\n                this._startListening();\n            } else {\n                this.stopListening(model.document.selection);\n                this.stopListening(model.document);\n            }\n        });\n        this._startListening();\n    }\n    /**\n\t * Flag indicating whether there is a match currently.\n\t */ get hasMatch() {\n        return this._hasMatch;\n    }\n    /**\n\t * Starts listening to the editor for typing and selection events.\n\t */ _startListening() {\n        const model = this.model;\n        const document = model.document;\n        this.listenTo(document.selection, 'change:range', (evt, { directChange })=>{\n            // Indirect changes (i.e. when the user types or external changes are applied) are handled in the document's change event.\n            if (!directChange) {\n                return;\n            }\n            // Act only on collapsed selection.\n            if (!document.selection.isCollapsed) {\n                if (this.hasMatch) {\n                    this.fire('unmatched');\n                    this._hasMatch = false;\n                }\n                return;\n            }\n            this._evaluateTextBeforeSelection('selection');\n        });\n        this.listenTo(document, 'change:data', (evt, batch)=>{\n            if (batch.isUndo || !batch.isLocal) {\n                return;\n            }\n            this._evaluateTextBeforeSelection('data', {\n                batch\n            });\n        });\n    }\n    /**\n\t * Checks the editor content for matched text.\n\t *\n\t * @fires matched:data\n\t * @fires matched:selection\n\t * @fires unmatched\n\t *\n\t * @param suffix A suffix used for generating the event name.\n\t * @param data Data object for event.\n\t */ _evaluateTextBeforeSelection(suffix, data = {}) {\n        const model = this.model;\n        const document = model.document;\n        const selection = document.selection;\n        const rangeBeforeSelection = model.createRange(model.createPositionAt(selection.focus.parent, 0), selection.focus);\n        const { text, range } = getLastTextLine(rangeBeforeSelection, model);\n        const testResult = this.testCallback(text);\n        if (!testResult && this.hasMatch) {\n            this.fire('unmatched');\n        }\n        this._hasMatch = !!testResult;\n        if (testResult) {\n            const eventData = Object.assign(data, {\n                text,\n                range\n            });\n            // If the test callback returns an object with additional data, assign the data as well.\n            if (typeof testResult == 'object') {\n                Object.assign(eventData, testResult);\n            }\n            this.fire(`matched:${suffix}`, eventData);\n        }\n    }\n}\n\n/**\n * This plugin enables the two-step caret (phantom) movement behavior for\n * {@link module:typing/twostepcaretmovement~TwoStepCaretMovement#registerAttribute registered attributes}\n * on arrow right (<kbd>→</kbd>) and left (<kbd>←</kbd>) key press.\n *\n * Thanks to this (phantom) caret movement the user is able to type before/after as well as at the\n * beginning/end of an attribute.\n *\n * **Note:** This plugin support right–to–left (Arabic, Hebrew, etc.) content by mirroring its behavior\n * but for the sake of simplicity examples showcase only left–to–right use–cases.\n *\n * # Forward movement\n *\n * ## \"Entering\" an attribute:\n *\n * When this plugin is enabled and registered for the `a` attribute and the selection is right before it\n * (at the attribute boundary), pressing the right arrow key will not move the selection but update its\n * attributes accordingly:\n *\n * * When enabled:\n *\n * ```xml\n * foo{}<$text a=\"true\">bar</$text>\n * ```\n *\n * \t<kbd>→</kbd>\n *\n * ```xml\n * foo<$text a=\"true\">{}bar</$text>\n * ```\n *\n * * When disabled:\n *\n * ```xml\n * foo{}<$text a=\"true\">bar</$text>\n * ```\n *\n * \t<kbd>→</kbd>\n *\n * ```xml\n * foo<$text a=\"true\">b{}ar</$text>\n * ```\n *\n *\n * ## \"Leaving\" an attribute:\n *\n * * When enabled:\n *\n * ```xml\n * <$text a=\"true\">bar{}</$text>baz\n * ```\n *\n * \t<kbd>→</kbd>\n *\n * ```xml\n * <$text a=\"true\">bar</$text>{}baz\n * ```\n *\n * * When disabled:\n *\n * ```xml\n * <$text a=\"true\">bar{}</$text>baz\n * ```\n *\n * \t<kbd>→</kbd>\n *\n * ```xml\n * <$text a=\"true\">bar</$text>b{}az\n * ```\n *\n * # Backward movement\n *\n * * When enabled:\n *\n * ```xml\n * <$text a=\"true\">bar</$text>{}baz\n * ```\n *\n * \t<kbd>←</kbd>\n *\n * ```xml\n * <$text a=\"true\">bar{}</$text>baz\n * ```\n *\n * * When disabled:\n *\n * ```xml\n * <$text a=\"true\">bar</$text>{}baz\n * ```\n *\n * \t<kbd>←</kbd>\n *\n * ```xml\n * <$text a=\"true\">ba{}r</$text>b{}az\n * ```\n *\n * # Multiple attributes\n *\n * * When enabled and many attributes starts or ends at the same position:\n *\n * ```xml\n * <$text a=\"true\" b=\"true\">bar</$text>{}baz\n * ```\n *\n * \t<kbd>←</kbd>\n *\n * ```xml\n * <$text a=\"true\" b=\"true\">bar{}</$text>baz\n * ```\n *\n * * When enabled and one procedes another:\n *\n * ```xml\n * <$text a=\"true\">bar</$text><$text b=\"true\">{}bar</$text>\n * ```\n *\n * \t<kbd>←</kbd>\n *\n * ```xml\n * <$text a=\"true\">bar{}</$text><$text b=\"true\">bar</$text>\n * ```\n *\n */ class TwoStepCaretMovement extends Plugin {\n    /**\n\t * A set of attributes to handle.\n\t */ attributes;\n    /**\n\t * The current UID of the overridden gravity, as returned by\n\t * {@link module:engine/model/writer~ModelWriter#overrideSelectionGravity}.\n\t */ _overrideUid;\n    /**\n\t * A flag indicating that the automatic gravity restoration should not happen upon the next\n\t * gravity restoration.\n\t * {@link module:engine/model/selection~ModelSelection#event:change:range} event.\n\t */ _isNextGravityRestorationSkipped = false;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TwoStepCaretMovement';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this.attributes = new Set();\n        this._overrideUid = null;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const view = editor.editing.view;\n        const locale = editor.locale;\n        const modelSelection = model.document.selection;\n        // Listen to keyboard events and handle the caret movement according to the 2-step caret logic.\n        this.listenTo(view.document, 'arrowKey', (evt, data)=>{\n            // This implementation works only for collapsed selection.\n            if (!modelSelection.isCollapsed) {\n                return;\n            }\n            // When user tries to expand the selection or jump over the whole word or to the beginning/end then\n            // two-steps movement is not necessary.\n            if (data.shiftKey || data.altKey || data.ctrlKey) {\n                return;\n            }\n            const arrowRightPressed = data.keyCode == keyCodes.arrowright;\n            const arrowLeftPressed = data.keyCode == keyCodes.arrowleft;\n            // When neither left or right arrow has been pressed then do noting.\n            if (!arrowRightPressed && !arrowLeftPressed) {\n                return;\n            }\n            const contentDirection = locale.contentLanguageDirection;\n            let isMovementHandled = false;\n            if (contentDirection === 'ltr' && arrowRightPressed || contentDirection === 'rtl' && arrowLeftPressed) {\n                isMovementHandled = this._handleForwardMovement(data);\n            } else {\n                isMovementHandled = this._handleBackwardMovement(data);\n            }\n            // Stop the keydown event if the two-step caret movement handled it. Avoid collisions\n            // with other features which may also take over the caret movement (e.g. Widget).\n            if (isMovementHandled === true) {\n                evt.stop();\n            }\n        }, {\n            context: '$text',\n            priority: 'highest'\n        });\n        // The automatic gravity restoration logic.\n        this.listenTo(modelSelection, 'change:range', (evt, data)=>{\n            // Skipping the automatic restoration is needed if the selection should change\n            // but the gravity must remain overridden afterwards. See the #handleBackwardMovement\n            // to learn more.\n            if (this._isNextGravityRestorationSkipped) {\n                this._isNextGravityRestorationSkipped = false;\n                return;\n            }\n            // Skip automatic restore when the gravity is not overridden — simply, there's nothing to restore\n            // at this moment.\n            if (!this._isGravityOverridden) {\n                return;\n            }\n            // Skip automatic restore when the change is indirect AND the selection is at the attribute boundary.\n            // It means that e.g. if the change was external (collaboration) and the user had their\n            // selection around the link, its gravity should remain intact in this change:range event.\n            if (!data.directChange && isBetweenDifferentAttributes(modelSelection.getFirstPosition(), this.attributes)) {\n                return;\n            }\n            this._restoreGravity();\n        });\n        // Handle a click at the beginning/end of a two-step element.\n        this._enableClickingAfterNode();\n        // Change the attributes of the selection in certain situations after the two-step node was inserted into the document.\n        this._enableInsertContentSelectionAttributesFixer();\n        // Handle removing the content after the two-step node.\n        this._handleDeleteContentAfterNode();\n    }\n    /**\n\t * Registers a given attribute for the two-step caret movement.\n\t *\n\t * @param attribute Name of the attribute to handle.\n\t */ registerAttribute(attribute) {\n        this.attributes.add(attribute);\n    }\n    /**\n\t * Updates the document selection and the view according to the two–step caret movement state\n\t * when moving **forwards**. Executed upon `keypress` in the {@link module:engine/view/view~EditingView}.\n\t *\n\t * @internal\n\t * @param eventData Data of the key press.\n\t * @returns `true` when the handler prevented caret movement.\n\t */ _handleForwardMovement(eventData) {\n        const attributes = this.attributes;\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const position = selection.getFirstPosition();\n        // DON'T ENGAGE 2-SCM if gravity is already overridden. It means that we just entered\n        //\n        // \t\t<paragraph>foo<$text attribute>{}bar</$text>baz</paragraph>\n        //\n        // or left the attribute\n        //\n        // \t\t<paragraph>foo<$text attribute>bar</$text>{}baz</paragraph>\n        //\n        // and the gravity will be restored automatically.\n        if (this._isGravityOverridden) {\n            return false;\n        }\n        // DON'T ENGAGE 2-SCM when the selection is at the beginning of the block AND already has the\n        // attribute:\n        // * when the selection was initially set there using the mouse,\n        // * when the editor has just started\n        //\n        //\t\t<paragraph><$text attribute>{}bar</$text>baz</paragraph>\n        //\n        if (position.isAtStart && hasAnyAttribute(selection, attributes)) {\n            return false;\n        }\n        // ENGAGE 2-SCM When at least one of the observed attributes changes its value (incl. starts, ends).\n        //\n        //\t\t<paragraph>foo<$text attribute>bar{}</$text>baz</paragraph>\n        //\t\t<paragraph>foo<$text attribute>bar{}</$text><$text otherAttribute>baz</$text></paragraph>\n        //\t\t<paragraph>foo<$text attribute=1>bar{}</$text><$text attribute=2>baz</$text></paragraph>\n        //\t\t<paragraph>foo{}<$text attribute>bar</$text>baz</paragraph>\n        //\n        if (isBetweenDifferentAttributes(position, attributes)) {\n            if (eventData) {\n                preventCaretMovement(eventData);\n            }\n            // CLEAR 2-SCM attributes if we are at the end of one 2-SCM and before\n            // the next one with a different value of the same attribute.\n            //\n            //\t\t<paragraph>foo<$text attribute=1>bar{}</$text><$text attribute=2>bar</$text>baz</paragraph>\n            //\n            if (hasAnyAttribute(selection, attributes) && isBetweenDifferentAttributes(position, attributes, true)) {\n                clearSelectionAttributes(model, attributes);\n            } else {\n                this._overrideGravity();\n            }\n            return true;\n        }\n        return false;\n    }\n    /**\n\t * Updates the document selection and the view according to the two–step caret movement state\n\t * when moving **backwards**. Executed upon `keypress` in the {@link module:engine/view/view~EditingView}.\n\t *\n\t * @internal\n\t * @param eventData Data of the key press.\n\t * @returns `true` when the handler prevented caret movement\n\t */ _handleBackwardMovement(eventData) {\n        const attributes = this.attributes;\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const position = selection.getFirstPosition();\n        // When the gravity is already overridden (by this plugin), it means we are on the two-step position.\n        // Prevent the movement, restore the gravity and update selection attributes.\n        //\n        //\t\t<paragraph>foo<$text attribute=1>bar</$text><$text attribute=2>{}baz</$text></paragraph>\n        //\t\t<paragraph>foo<$text attribute>bar</$text><$text otherAttribute>{}baz</$text></paragraph>\n        //\t\t<paragraph>foo<$text attribute>{}bar</$text>baz</paragraph>\n        //\t\t<paragraph>foo<$text attribute>bar</$text>{}baz</paragraph>\n        //\n        if (this._isGravityOverridden) {\n            if (eventData) {\n                preventCaretMovement(eventData);\n            }\n            this._restoreGravity();\n            // CLEAR 2-SCM attributes if we are at the end of one 2-SCM and before\n            // the next one with a different value of the same attribute.\n            //\n            //\t\t<paragraph>foo<$text attribute=1>bar</$text><$text attribute=2>{}bar</$text>baz</paragraph>\n            //\n            if (isBetweenDifferentAttributes(position, attributes, true)) {\n                clearSelectionAttributes(model, attributes);\n            } else {\n                setSelectionAttributesFromTheNodeBefore(model, attributes, position);\n            }\n            return true;\n        } else {\n            // REMOVE SELECTION ATTRIBUTE when restoring gravity towards a non-existent content at the\n            // beginning of the block.\n            //\n            // \t\t<paragraph>{}<$text attribute>bar</$text></paragraph>\n            //\n            if (position.isAtStart) {\n                if (hasAnyAttribute(selection, attributes)) {\n                    if (eventData) {\n                        preventCaretMovement(eventData);\n                    }\n                    setSelectionAttributesFromTheNodeBefore(model, attributes, position);\n                    return true;\n                }\n                return false;\n            }\n            // SET 2-SCM attributes if we are between nodes with the same attribute but with different values.\n            //\n            //\t\t<paragraph>foo<$text attribute=1>bar</$text>[]<$text attribute=2>bar</$text>baz</paragraph>\n            //\n            if (!hasAnyAttribute(selection, attributes) && isBetweenDifferentAttributes(position, attributes, true)) {\n                if (eventData) {\n                    preventCaretMovement(eventData);\n                }\n                setSelectionAttributesFromTheNodeBefore(model, attributes, position);\n                return true;\n            }\n            // When we are moving from natural gravity, to the position of the 2SCM, we need to override the gravity,\n            // and make sure it won't be restored. Unless it's at the end of the block and an observed attribute.\n            // We need to check if the caret is a one position before the attribute boundary:\n            //\n            //\t\t<paragraph>foo<$text attribute=1>bar</$text><$text attribute=2>b{}az</$text></paragraph>\n            //\t\t<paragraph>foo<$text attribute>bar</$text><$text otherAttribute>b{}az</$text></paragraph>\n            //\t\t<paragraph>foo<$text attribute>b{}ar</$text>baz</paragraph>\n            //\t\t<paragraph>foo<$text attribute>bar</$text>b{}az</paragraph>\n            //\n            if (isStepAfterAnyAttributeBoundary(position, attributes)) {\n                // ENGAGE 2-SCM if the selection has no attribute. This may happen when the user\n                // left the attribute using a FORWARD 2-SCM.\n                //\n                // \t\t<paragraph><$text attribute>bar</$text>{}</paragraph>\n                //\n                if (position.isAtEnd && !hasAnyAttribute(selection, attributes) && isBetweenDifferentAttributes(position, attributes)) {\n                    if (eventData) {\n                        preventCaretMovement(eventData);\n                    }\n                    setSelectionAttributesFromTheNodeBefore(model, attributes, position);\n                    return true;\n                }\n                // Skip the automatic gravity restore upon the next selection#change:range event.\n                // If not skipped, it would automatically restore the gravity, which should remain\n                // overridden.\n                this._isNextGravityRestorationSkipped = true;\n                this._overrideGravity();\n                // Don't return \"true\" here because we didn't call _preventCaretMovement.\n                // Returning here will destabilize the filler logic, which also listens to\n                // keydown (and the event would be stopped).\n                return false;\n            }\n        }\n        return false;\n    }\n    /**\n\t * Starts listening to {@link module:engine/view/document~ViewDocument#event:mousedown} and\n\t * {@link module:engine/view/document~ViewDocument#event:selectionChange} and puts the selection before/after a 2-step node\n\t * if clicked at the beginning/ending of the 2-step node.\n\t *\n\t * The purpose of this action is to allow typing around the 2-step node directly after a click.\n\t *\n\t * See https://github.com/ckeditor/ckeditor5/issues/1016.\n\t */ _enableClickingAfterNode() {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const document = editor.editing.view.document;\n        editor.editing.view.addObserver(MouseObserver);\n        editor.editing.view.addObserver(TouchObserver);\n        let touched = false;\n        let clicked = false;\n        // This event should be fired before selection on mobile devices.\n        this.listenTo(document, 'touchstart', ()=>{\n            clicked = false;\n            touched = true;\n        });\n        // Track mouse click event.\n        // Keep in mind that it's often called after the selection change on iOS devices.\n        // On the Android devices, it's called before the selection change.\n        // That's why we watch `touchstart` event on mobile and set `touched` flag, as it's fired before the selection change.\n        // See more: https://github.com/ckeditor/ckeditor5/issues/17171\n        this.listenTo(document, 'mousedown', ()=>{\n            clicked = true;\n        });\n        // When the selection has changed...\n        this.listenTo(document, 'selectionChange', ()=>{\n            const attributes = this.attributes;\n            if (!clicked && !touched) {\n                return;\n            }\n            // ...and it was caused by the click or touch...\n            clicked = false;\n            touched = false;\n            // ...and no text is selected...\n            if (!selection.isCollapsed) {\n                return;\n            }\n            // ...and clicked text is the 2-step node...\n            if (!hasAnyAttribute(selection, attributes)) {\n                return;\n            }\n            const position = selection.getFirstPosition();\n            if (!isBetweenDifferentAttributes(position, attributes)) {\n                return;\n            }\n            // The selection at the start of a block would use surrounding attributes\n            // from text after the selection so just clear 2-SCM attributes.\n            //\n            // Also, clear attributes for selection between same attribute with different values.\n            if (position.isAtStart || isBetweenDifferentAttributes(position, attributes, true)) {\n                clearSelectionAttributes(model, attributes);\n            } else if (!this._isGravityOverridden) {\n                this._overrideGravity();\n            }\n        });\n    }\n    /**\n\t * Starts listening to {@link module:engine/model/model~Model#event:insertContent} and corrects the model\n\t * selection attributes if the selection is at the end of a two-step node after inserting the content.\n\t *\n\t * The purpose of this action is to improve the overall UX because the user is no longer \"trapped\" by the\n\t * two-step attribute of the selection, and they can type a \"clean\" (`linkHref`–less) text right away.\n\t *\n\t * See https://github.com/ckeditor/ckeditor5/issues/6053.\n\t */ _enableInsertContentSelectionAttributesFixer() {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const attributes = this.attributes;\n        this.listenTo(model, 'insertContent', ()=>{\n            const position = selection.getFirstPosition();\n            if (hasAnyAttribute(selection, attributes) && isBetweenDifferentAttributes(position, attributes)) {\n                clearSelectionAttributes(model, attributes);\n            }\n        }, {\n            priority: 'low'\n        });\n    }\n    /**\n\t * Starts listening to {@link module:engine/model/model~Model#deleteContent} and checks whether\n\t * removing a content right after the tow-step attribute.\n\t *\n\t * If so, the selection should not preserve the two-step attribute. However, if\n\t * the {@link module:typing/twostepcaretmovement~TwoStepCaretMovement} plugin is active and\n\t * the selection has the two-step attribute due to overridden gravity (at the end), the two-step attribute should stay untouched.\n\t *\n\t * The purpose of this action is to allow removing the link text and keep the selection outside the link.\n\t *\n\t * See https://github.com/ckeditor/ckeditor5/issues/7521.\n\t */ _handleDeleteContentAfterNode() {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const view = editor.editing.view;\n        let isBackspace = false;\n        let shouldPreserveAttributes = false;\n        // Detect pressing `Backspace`.\n        this.listenTo(view.document, 'delete', (evt, data)=>{\n            isBackspace = data.direction === 'backward';\n        }, {\n            priority: 'high'\n        });\n        // Before removing the content, check whether the selection is inside a two-step attribute.\n        // If so, we want to preserve those attributes.\n        this.listenTo(model, 'deleteContent', ()=>{\n            if (!isBackspace) {\n                return;\n            }\n            const position = selection.getFirstPosition();\n            shouldPreserveAttributes = hasAnyAttribute(selection, this.attributes) && !isStepAfterAnyAttributeBoundary(position, this.attributes);\n        }, {\n            priority: 'high'\n        });\n        // After removing the content, check whether the current selection should preserve the `linkHref` attribute.\n        this.listenTo(model, 'deleteContent', ()=>{\n            if (!isBackspace) {\n                return;\n            }\n            isBackspace = false;\n            // Do not escape two-step attribute if it was inside it before content deletion.\n            if (shouldPreserveAttributes) {\n                return;\n            }\n            // Use `model.enqueueChange()` in order to execute the callback at the end of the changes process.\n            editor.model.enqueueChange(()=>{\n                const position = selection.getFirstPosition();\n                if (hasAnyAttribute(selection, this.attributes) && isBetweenDifferentAttributes(position, this.attributes)) {\n                    if (position.isAtStart || isBetweenDifferentAttributes(position, this.attributes, true)) {\n                        clearSelectionAttributes(model, this.attributes);\n                    } else if (!this._isGravityOverridden) {\n                        this._overrideGravity();\n                    }\n                }\n            });\n        }, {\n            priority: 'low'\n        });\n    }\n    /**\n\t * `true` when the gravity is overridden for the plugin.\n\t */ get _isGravityOverridden() {\n        return !!this._overrideUid;\n    }\n    /**\n\t * Overrides the gravity using the {@link module:engine/model/writer~ModelWriter model writer}\n\t * and stores the information about this fact in the {@link #_overrideUid}.\n\t *\n\t * A shorthand for {@link module:engine/model/writer~ModelWriter#overrideSelectionGravity}.\n\t */ _overrideGravity() {\n        this._overrideUid = this.editor.model.change((writer)=>{\n            return writer.overrideSelectionGravity();\n        });\n    }\n    /**\n\t * Restores the gravity using the {@link module:engine/model/writer~ModelWriter model writer}.\n\t *\n\t * A shorthand for {@link module:engine/model/writer~ModelWriter#restoreSelectionGravity}.\n\t */ _restoreGravity() {\n        this.editor.model.change((writer)=>{\n            writer.restoreSelectionGravity(this._overrideUid);\n            this._overrideUid = null;\n        });\n    }\n}\n/**\n * Checks whether the selection has any of given attributes.\n */ function hasAnyAttribute(selection, attributes) {\n    for (const observedAttribute of attributes){\n        if (selection.hasAttribute(observedAttribute)) {\n            return true;\n        }\n    }\n    return false;\n}\n/**\n * Applies the given attributes to the current selection using using the\n * values from the node before the current position. Uses\n * the {@link module:engine/model/writer~ModelWriter model writer}.\n */ function setSelectionAttributesFromTheNodeBefore(model, attributes, position) {\n    const nodeBefore = position.nodeBefore;\n    model.change((writer)=>{\n        if (nodeBefore) {\n            const attributes = [];\n            const isInlineObject = model.schema.isObject(nodeBefore) && model.schema.isInline(nodeBefore);\n            for (const [key, value] of nodeBefore.getAttributes()){\n                if (model.schema.checkAttribute('$text', key) && (!isInlineObject || model.schema.getAttributeProperties(key).copyFromObject !== false)) {\n                    attributes.push([\n                        key,\n                        value\n                    ]);\n                }\n            }\n            writer.setSelectionAttribute(attributes);\n        } else {\n            writer.removeSelectionAttribute(attributes);\n        }\n    });\n}\n/**\n * Removes 2-SCM attributes from the selection.\n */ function clearSelectionAttributes(model, attributes) {\n    model.change((writer)=>{\n        writer.removeSelectionAttribute(attributes);\n    });\n}\n/**\n * Prevents the caret movement in the view by calling `preventDefault` on the event data.\n *\n * @alias data.preventDefault\n */ function preventCaretMovement(data) {\n    data.preventDefault();\n}\n/**\n * Checks whether the step before `isBetweenDifferentAttributes()`.\n */ function isStepAfterAnyAttributeBoundary(position, attributes) {\n    const positionBefore = position.getShiftedBy(-1);\n    return isBetweenDifferentAttributes(positionBefore, attributes);\n}\n/**\n * Checks whether the given position is between different values of given attributes.\n */ function isBetweenDifferentAttributes(position, attributes, isStrict = false) {\n    const { nodeBefore, nodeAfter } = position;\n    for (const observedAttribute of attributes){\n        const attrBefore = nodeBefore ? nodeBefore.getAttribute(observedAttribute) : undefined;\n        const attrAfter = nodeAfter ? nodeAfter.getAttribute(observedAttribute) : undefined;\n        if (isStrict && (attrBefore === undefined || attrAfter === undefined)) {\n            continue;\n        }\n        if (attrAfter !== attrBefore) {\n            return true;\n        }\n    }\n    return false;\n}\n\n// All named transformations.\nconst TRANSFORMATIONS = {\n    // Common symbols:\n    copyright: {\n        from: '(c)',\n        to: '©'\n    },\n    registeredTrademark: {\n        from: '(r)',\n        to: '®'\n    },\n    trademark: {\n        from: '(tm)',\n        to: '™'\n    },\n    // Mathematical:\n    oneHalf: {\n        from: /(^|[^/a-z0-9])(1\\/2)([^/a-z0-9])$/i,\n        to: [\n            null,\n            '½',\n            null\n        ]\n    },\n    oneThird: {\n        from: /(^|[^/a-z0-9])(1\\/3)([^/a-z0-9])$/i,\n        to: [\n            null,\n            '⅓',\n            null\n        ]\n    },\n    twoThirds: {\n        from: /(^|[^/a-z0-9])(2\\/3)([^/a-z0-9])$/i,\n        to: [\n            null,\n            '⅔',\n            null\n        ]\n    },\n    oneForth: {\n        from: /(^|[^/a-z0-9])(1\\/4)([^/a-z0-9])$/i,\n        to: [\n            null,\n            '¼',\n            null\n        ]\n    },\n    threeQuarters: {\n        from: /(^|[^/a-z0-9])(3\\/4)([^/a-z0-9])$/i,\n        to: [\n            null,\n            '¾',\n            null\n        ]\n    },\n    lessThanOrEqual: {\n        from: '<=',\n        to: '≤'\n    },\n    greaterThanOrEqual: {\n        from: '>=',\n        to: '≥'\n    },\n    notEqual: {\n        from: '!=',\n        to: '≠'\n    },\n    arrowLeft: {\n        from: '<-',\n        to: '←'\n    },\n    arrowRight: {\n        from: '->',\n        to: '→'\n    },\n    // Typography:\n    horizontalEllipsis: {\n        from: '...',\n        to: '…'\n    },\n    enDash: {\n        from: /(^| )(--)( )$/,\n        to: [\n            null,\n            '–',\n            null\n        ]\n    },\n    emDash: {\n        from: /(^| )(---)( )$/,\n        to: [\n            null,\n            '—',\n            null\n        ]\n    },\n    // Quotations:\n    // English, US\n    quotesPrimary: {\n        from: buildQuotesRegExp('\"'),\n        to: [\n            null,\n            '“',\n            null,\n            '”'\n        ]\n    },\n    quotesSecondary: {\n        from: buildQuotesRegExp('\\''),\n        to: [\n            null,\n            '‘',\n            null,\n            '’'\n        ]\n    },\n    // English, UK\n    quotesPrimaryEnGb: {\n        from: buildQuotesRegExp('\\''),\n        to: [\n            null,\n            '‘',\n            null,\n            '’'\n        ]\n    },\n    quotesSecondaryEnGb: {\n        from: buildQuotesRegExp('\"'),\n        to: [\n            null,\n            '“',\n            null,\n            '”'\n        ]\n    },\n    // Polish\n    quotesPrimaryPl: {\n        from: buildQuotesRegExp('\"'),\n        to: [\n            null,\n            '„',\n            null,\n            '”'\n        ]\n    },\n    quotesSecondaryPl: {\n        from: buildQuotesRegExp('\\''),\n        to: [\n            null,\n            '‚',\n            null,\n            '’'\n        ]\n    }\n};\n// Transformation groups.\nconst TRANSFORMATION_GROUPS = {\n    symbols: [\n        'copyright',\n        'registeredTrademark',\n        'trademark'\n    ],\n    mathematical: [\n        'oneHalf',\n        'oneThird',\n        'twoThirds',\n        'oneForth',\n        'threeQuarters',\n        'lessThanOrEqual',\n        'greaterThanOrEqual',\n        'notEqual',\n        'arrowLeft',\n        'arrowRight'\n    ],\n    typography: [\n        'horizontalEllipsis',\n        'enDash',\n        'emDash'\n    ],\n    quotes: [\n        'quotesPrimary',\n        'quotesSecondary'\n    ]\n};\n// A set of default transformations provided by the feature.\nconst DEFAULT_TRANSFORMATIONS = [\n    'symbols',\n    'mathematical',\n    'typography',\n    'quotes'\n];\n/**\n * The text transformation plugin.\n */ class TextTransformation extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            'Delete',\n            'Input'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TextTransformation';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('typing', {\n            transformations: {\n                include: DEFAULT_TRANSFORMATIONS\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const model = this.editor.model;\n        const modelSelection = model.document.selection;\n        modelSelection.on('change:range', ()=>{\n            // Disable plugin when selection is inside a code block.\n            this.isEnabled = !modelSelection.anchor.parent.is('element', 'codeBlock');\n        });\n        this._enableTransformationWatchers();\n    }\n    /**\n\t * Create new TextWatcher listening to the editor for typing and selection events.\n\t */ _enableTransformationWatchers() {\n        const editor = this.editor;\n        const model = editor.model;\n        const deletePlugin = editor.plugins.get('Delete');\n        const normalizedTransformations = normalizeTransformations(editor.config.get('typing.transformations'));\n        const testCallback = (text)=>{\n            for (const normalizedTransformation of normalizedTransformations){\n                const from = normalizedTransformation.from;\n                const match = from.test(text);\n                if (match) {\n                    return {\n                        normalizedTransformation\n                    };\n                }\n            }\n        };\n        const watcher = new TextWatcher(editor.model, testCallback);\n        watcher.on('matched:data', (evt, data)=>{\n            if (!data.batch.isTyping) {\n                return;\n            }\n            const { from, to } = data.normalizedTransformation;\n            const matches = from.exec(data.text);\n            const replaces = to(matches.slice(1));\n            const matchedRange = data.range;\n            let changeIndex = matches.index;\n            model.enqueueChange((writer)=>{\n                for(let i = 1; i < matches.length; i++){\n                    const match = matches[i];\n                    const replaceWith = replaces[i - 1];\n                    if (replaceWith == null) {\n                        changeIndex += match.length;\n                        continue;\n                    }\n                    const replacePosition = matchedRange.start.getShiftedBy(changeIndex);\n                    const replaceRange = model.createRange(replacePosition, replacePosition.getShiftedBy(match.length));\n                    const attributes = getTextAttributesAfterPosition(replacePosition);\n                    model.insertContent(writer.createText(replaceWith, attributes), replaceRange);\n                    changeIndex += replaceWith.length;\n                }\n                model.enqueueChange(()=>{\n                    deletePlugin.requestUndoOnBackspace();\n                });\n            });\n        });\n        watcher.bind('isEnabled').to(this);\n    }\n}\n/**\n * Normalizes the configuration `from` parameter value.\n * The normalized value for the `from` parameter is a RegExp instance. If the passed `from` is already a RegExp instance,\n * it is returned unchanged.\n */ function normalizeFrom(from) {\n    if (typeof from == 'string') {\n        return new RegExp(`(${escapeRegExp(from)})$`);\n    }\n    // `from` is already a regular expression.\n    return from;\n}\n/**\n * Normalizes the configuration `to` parameter value.\n * The normalized value for the `to` parameter is a function that takes an array and returns an array. See more in the\n * configuration description. If the passed `to` is already a function, it is returned unchanged.\n */ function normalizeTo(to) {\n    if (typeof to == 'string') {\n        return ()=>[\n                to\n            ];\n    } else if (to instanceof Array) {\n        return ()=>to;\n    }\n    // `to` is already a function.\n    return to;\n}\n/**\n * For given `position` returns attributes for the text that is after that position.\n * The text can be in the same text node as the position (`foo[]bar`) or in the next text node (`foo[]<$text bold=\"true\">bar</$text>`).\n */ function getTextAttributesAfterPosition(position) {\n    const textNode = position.textNode ? position.textNode : position.nodeAfter;\n    return textNode.getAttributes();\n}\n/**\n * Returns a RegExp pattern string that detects a sentence inside a quote.\n *\n * @param quoteCharacter The character to create a pattern for.\n */ function buildQuotesRegExp(quoteCharacter) {\n    return new RegExp(`(^|\\\\s)(${quoteCharacter})([^${quoteCharacter}]*)(${quoteCharacter})$`);\n}\n/**\n * Reads text transformation config and returns normalized array of transformations objects.\n */ function normalizeTransformations(config) {\n    const extra = config.extra || [];\n    const remove = config.remove || [];\n    const isNotRemoved = (transformation)=>!remove.includes(transformation);\n    const configured = config.include.concat(extra).filter(isNotRemoved);\n    return expandGroupsAndRemoveDuplicates(configured).filter(isNotRemoved) // Filter out 'remove' transformations as they might be set in group.\n    .map((transformation)=>typeof transformation == 'string' && TRANSFORMATIONS[transformation] ? TRANSFORMATIONS[transformation] : transformation)// Filter out transformations set as string that has not been found.\n    .filter((transformation)=>typeof transformation === 'object').map((transformation)=>({\n            from: normalizeFrom(transformation.from),\n            to: normalizeTo(transformation.to)\n        }));\n}\n/**\n * Reads definitions and expands named groups if needed to transformation names.\n * This method also removes duplicated named transformations if any.\n */ function expandGroupsAndRemoveDuplicates(definitions) {\n    // Set is using to make sure that transformation names are not duplicated.\n    const definedTransformations = new Set();\n    for (const transformationOrGroup of definitions){\n        if (typeof transformationOrGroup == 'string' && TRANSFORMATION_GROUPS[transformationOrGroup]) {\n            for (const transformation of TRANSFORMATION_GROUPS[transformationOrGroup]){\n                definedTransformations.add(transformation);\n            }\n        } else {\n            definedTransformations.add(transformationOrGroup);\n        }\n    }\n    return Array.from(definedTransformations);\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module typing/utils/findattributerange\n */ /**\n * Returns a model range that covers all consecutive nodes with the same `attributeName` and its `value`\n * that intersect the given `position`.\n *\n * It can be used e.g. to get the entire range on which the `linkHref` attribute needs to be changed when having a\n * selection inside a link.\n *\n * @param position The start position.\n * @param attributeName The attribute name.\n * @param value The attribute value.\n * @param model The model instance.\n * @returns The link range.\n */ function findAttributeRange(position, attributeName, value, model) {\n    return model.createRange(findAttributeRangeBound(position, attributeName, value, true, model), findAttributeRangeBound(position, attributeName, value, false, model));\n}\n/**\n * Walks forward or backward (depends on the `lookBack` flag), node by node, as long as they have the same attribute value\n * and returns a position just before or after (depends on the `lookBack` flag) the last matched node.\n *\n * @param position The start position.\n * @param attributeName The attribute name.\n * @param value The attribute value.\n * @param lookBack Whether the walk direction is forward (`false`) or backward (`true`).\n * @returns The position just before the last matched node.\n */ function findAttributeRangeBound(position, attributeName, value, lookBack, model) {\n    // Get node before or after position (depends on `lookBack` flag).\n    // When position is inside text node then start searching from text node.\n    let node = position.textNode || (lookBack ? position.nodeBefore : position.nodeAfter);\n    let lastNode = null;\n    while(node && node.getAttribute(attributeName) == value){\n        lastNode = node;\n        node = lookBack ? node.previousSibling : node.nextSibling;\n    }\n    return lastNode ? model.createPositionAt(lastNode, lookBack ? 'before' : 'after') : position;\n}\n\n/**\n * Adds a visual highlight style to an attribute element in which the selection is anchored.\n * Together with two-step caret movement, they indicate that the user is typing inside the element.\n *\n * Highlight is turned on by adding the given class to the attribute element in the view:\n *\n * * The class is removed before the conversion has started, as callbacks added with the `'highest'` priority\n * to {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} events.\n * * The class is added in the view post fixer, after other changes in the model tree were converted to the view.\n *\n * This way, adding and removing the highlight does not interfere with conversion.\n *\n * Usage:\n *\n * ```ts\n * import { inlineHighlight } from '@ckeditor/ckeditor5-typing/src/utils/inlinehighlight';\n *\n * // Make `ck-link_selected` class be applied on an `a` element\n * // whenever the corresponding `linkHref` attribute element is selected.\n * inlineHighlight( editor, 'linkHref', 'a', 'ck-link_selected' );\n * ```\n *\n * @param editor The editor instance.\n * @param attributeName The attribute name to check.\n * @param tagName The tagName of a view item.\n * @param className The class name to apply in the view.\n */ function inlineHighlight(editor, attributeName, tagName, className) {\n    const view = editor.editing.view;\n    const highlightedElements = new Set();\n    // Adding the class.\n    view.document.registerPostFixer((writer)=>{\n        const selection = editor.model.document.selection;\n        let changed = false;\n        if (selection.hasAttribute(attributeName)) {\n            const modelRange = findAttributeRange(selection.getFirstPosition(), attributeName, selection.getAttribute(attributeName), editor.model);\n            const viewRange = editor.editing.mapper.toViewRange(modelRange);\n            // There might be multiple view elements in the `viewRange`, for example, when the `a` element is\n            // broken by a UIElement.\n            for (const item of viewRange.getItems()){\n                if (item.is('element', tagName) && !item.hasClass(className)) {\n                    writer.addClass(className, item);\n                    highlightedElements.add(item);\n                    changed = true;\n                }\n            }\n        }\n        return changed;\n    });\n    // Removing the class.\n    editor.conversion.for('editingDowncast').add((dispatcher)=>{\n        // Make sure the highlight is removed on every possible event, before conversion is started.\n        dispatcher.on('insert', removeHighlight, {\n            priority: 'highest'\n        });\n        dispatcher.on('remove', removeHighlight, {\n            priority: 'highest'\n        });\n        dispatcher.on('attribute', removeHighlight, {\n            priority: 'highest'\n        });\n        dispatcher.on('selection', removeHighlight, {\n            priority: 'highest'\n        });\n        function removeHighlight() {\n            view.change((writer)=>{\n                for (const item of highlightedElements.values()){\n                    writer.removeClass(className, item);\n                    highlightedElements.delete(item);\n                }\n            });\n        }\n    });\n}\n\nexport { Delete, DeleteCommand, Input, InsertTextCommand, TextTransformation, TextWatcher, TwoStepCaretMovement, Typing, TypingChangeBuffer, DeleteObserver as _DeleteObserver, findAttributeRange, findAttributeRangeBound, getLastTextLine, inlineHighlight };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/utils/changebuffer\n */\n\nimport type {\n\tModel,\n\tBatch,\n\tModelDocumentChangeEvent,\n\tModelDocumentSelectionChangeEvent\n} from '@ckeditor/ckeditor5-engine';\n\nimport type { EventInfo } from '@ckeditor/ckeditor5-utils';\n\n/**\n * Change buffer allows to group atomic changes (like characters that have been typed) into\n * {@link module:engine/model/batch~Batch batches}.\n *\n * Batches represent single undo steps, hence changes added to one single batch are undone together.\n *\n * The buffer has a configurable limit of atomic changes that it can accommodate. After the limit was\n * exceeded (see {@link ~TypingChangeBuffer#input}), a new batch is created in {@link ~TypingChangeBuffer#batch}.\n *\n * To use the change buffer you need to let it know about the number of changes that were added to the batch:\n *\n * ```ts\n * const buffer = new ChangeBuffer( model, LIMIT );\n *\n * // Later on in your feature:\n * buffer.batch.insert( pos, insertedCharacters );\n * buffer.input( insertedCharacters.length );\n * ```\n */\nexport class TypingChangeBuffer {\n\t/**\n\t * The model instance.\n\t */\n\tpublic readonly model: Model;\n\n\t/**\n\t * The maximum number of atomic changes which can be contained in one batch.\n\t */\n\tpublic readonly limit: number;\n\n\t/**\n\t * Whether the buffer is locked. A locked buffer cannot be reset unless it gets unlocked.\n\t */\n\tprivate _isLocked: boolean;\n\n\t/**\n\t * The number of atomic changes in the buffer. Once it exceeds the {@link #limit},\n\t * the {@link #batch batch} is set to a new one.\n\t */\n\tprivate _size: number;\n\n\t/**\n\t * The current batch instance.\n\t */\n\tprivate _batch: Batch | null = null;\n\n\t/**\n\t * The callback to document the change event which later needs to be removed.\n\t */\n\tprivate readonly _changeCallback: ( evt: EventInfo, batch: Batch ) => void;\n\n\t/**\n\t * The callback to document selection `change:attribute` and `change:range` events which resets the buffer.\n\t */\n\tprivate readonly _selectionChangeCallback: () => void;\n\n\t/**\n\t * Creates a new instance of the change buffer.\n\t *\n\t * @param limit The maximum number of atomic changes which can be contained in one batch.\n\t */\n\tconstructor( model: Model, limit: number = 20 ) {\n\t\tthis.model = model;\n\t\tthis._size = 0;\n\t\tthis.limit = limit;\n\t\tthis._isLocked = false;\n\n\t\t// The function to be called in order to notify the buffer about batches which appeared in the document.\n\t\t// The callback will check whether it is a new batch and in that case the buffer will be flushed.\n\t\t//\n\t\t// The reason why the buffer needs to be flushed whenever a new batch appears is that the changes added afterwards\n\t\t// should be added to a new batch. For instance, when the user types, then inserts an image, and then types again,\n\t\t// the characters typed after inserting the image should be added to a different batch than the characters typed before.\n\t\tthis._changeCallback = ( evt, batch ) => {\n\t\t\tif ( batch.isLocal && batch.isUndoable && batch !== this._batch ) {\n\t\t\t\tthis._reset( true );\n\t\t\t}\n\t\t};\n\n\t\tthis._selectionChangeCallback = () => {\n\t\t\tthis._reset();\n\t\t};\n\n\t\tthis.model.document.on<ModelDocumentChangeEvent>( 'change', this._changeCallback );\n\n\t\tthis.model.document.selection.on<ModelDocumentSelectionChangeEvent>( 'change:range', this._selectionChangeCallback );\n\t\tthis.model.document.selection.on<ModelDocumentSelectionChangeEvent>( 'change:attribute', this._selectionChangeCallback );\n\t}\n\n\t/**\n\t * The current batch to which a feature should add its operations. Once the {@link #size}\n\t * is reached or exceeds the {@link #limit}, the batch is set to a new instance and the size is reset.\n\t */\n\tpublic get batch(): Batch {\n\t\tif ( !this._batch ) {\n\t\t\tthis._batch = this.model.createBatch( { isTyping: true } );\n\t\t}\n\n\t\treturn this._batch;\n\t}\n\n\t/**\n\t * The number of atomic changes in the buffer. Once it exceeds the {@link #limit},\n\t * the {@link #batch batch} is set to a new one.\n\t */\n\tpublic get size(): number {\n\t\treturn this._size;\n\t}\n\n\t/**\n\t * The input number of changes into the buffer. Once the {@link #size} is\n\t * reached or exceeds the {@link #limit}, the batch is set to a new instance and the size is reset.\n\t *\n\t * @param changeCount The number of atomic changes to input.\n\t */\n\tpublic input( changeCount: number ): void {\n\t\tthis._size += changeCount;\n\n\t\tif ( this._size >= this.limit ) {\n\t\t\tthis._reset( true );\n\t\t}\n\t}\n\n\t/**\n\t * Whether the buffer is locked. A locked buffer cannot be reset unless it gets unlocked.\n\t */\n\tpublic get isLocked(): boolean {\n\t\treturn this._isLocked;\n\t}\n\n\t/**\n\t * Locks the buffer.\n\t */\n\tpublic lock(): void {\n\t\tthis._isLocked = true;\n\t}\n\n\t/**\n\t * Unlocks the buffer.\n\t */\n\tpublic unlock(): void {\n\t\tthis._isLocked = false;\n\t}\n\n\t/**\n\t * Destroys the buffer.\n\t */\n\tpublic destroy(): void {\n\t\tthis.model.document.off( 'change', this._changeCallback );\n\t\tthis.model.document.selection.off( 'change:range', this._selectionChangeCallback );\n\t\tthis.model.document.selection.off( 'change:attribute', this._selectionChangeCallback );\n\t}\n\n\t/**\n\t * Resets the change buffer.\n\t *\n\t * @param ignoreLock Whether internal lock {@link #isLocked} should be ignored.\n\t */\n\tprivate _reset( ignoreLock: boolean = false ): void {\n\t\tif ( !this.isLocked || ignoreLock ) {\n\t\t\tthis._batch = null;\n\t\t\tthis._size = 0;\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/inserttextcommand\n */\n\nimport { Command, type Editor } from '@ckeditor/ckeditor5-core';\n\nimport { TypingChangeBuffer } from './utils/changebuffer.js';\n\nimport type { ModelDocumentSelection, ModelRange, ModelSelection } from '@ckeditor/ckeditor5-engine';\n\n/**\n * The insert text command. Used by the {@link module:typing/input~Input input feature} to handle typing.\n */\nexport class InsertTextCommand extends Command {\n\t/**\n\t * Typing's change buffer used to group subsequent changes into batches.\n\t */\n\tprivate readonly _buffer: TypingChangeBuffer;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param undoStepSize The maximum number of atomic changes\n\t * which can be contained in one batch in the command buffer.\n\t */\n\tconstructor( editor: Editor, undoStepSize: number ) {\n\t\tsuper( editor );\n\n\t\tthis._buffer = new TypingChangeBuffer( editor.model, undoStepSize );\n\n\t\t// Since this command may execute on different selectable than selection, it should be checked directly in execute block.\n\t\tthis._isEnabledBasedOnSelection = false;\n\t}\n\n\t/**\n\t * The current change buffer.\n\t */\n\tpublic get buffer(): TypingChangeBuffer {\n\t\treturn this._buffer;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis._buffer.destroy();\n\t}\n\n\t/**\n\t * Executes the input command. It replaces the content within the given range with the given text.\n\t * Replacing is a two step process, first the content within the range is removed and then the new text is inserted\n\t * at the beginning of the range (which after the removal is a collapsed range).\n\t *\n\t * @fires execute\n\t * @param options The command options.\n\t */\n\tpublic override execute( options: InsertTextCommandOptions = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\t\tconst text = options.text || '';\n\t\tconst textInsertions = text.length;\n\n\t\tlet selection: ModelSelection | ModelDocumentSelection = doc.selection;\n\n\t\tif ( options.selection ) {\n\t\t\tselection = options.selection;\n\t\t} else if ( options.range ) {\n\t\t\tselection = model.createSelection( options.range );\n\t\t}\n\n\t\t// Stop executing if selectable is in non-editable place.\n\t\tif ( !model.canEditAt( selection ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst resultRange = options.resultRange;\n\n\t\tmodel.enqueueChange( this._buffer.batch, writer => {\n\t\t\tthis._buffer.lock();\n\n\t\t\t// Store selection attributes before deleting old content to preserve formatting and link.\n\t\t\t// This unifies the behavior between ModelDocumentSelection and Selection provided as input option.\n\t\t\tconst selectionAttributes = Array.from( doc.selection.getAttributes() );\n\n\t\t\tmodel.deleteContent( selection );\n\n\t\t\tif ( text ) {\n\t\t\t\tmodel.insertContent( writer.createText( text, selectionAttributes ), selection );\n\t\t\t}\n\n\t\t\tif ( resultRange ) {\n\t\t\t\twriter.setSelection( resultRange );\n\t\t\t} else if ( !selection.is( 'documentSelection' ) ) {\n\t\t\t\twriter.setSelection( selection );\n\t\t\t}\n\n\t\t\tthis._buffer.unlock();\n\n\t\t\tthis._buffer.input( textInsertions );\n\t\t} );\n\t}\n}\n\n/**\n * Interface with parameters for executing InsertTextCommand.\n *\n * Both `range` and `selection` parameters are used for defining selection but should not be used together.\n * If both are defined, only `selection` will be considered.\n */\nexport interface InsertTextCommandOptions {\n\n\t/**\n\t * The text to be inserted.\n\t */\n\ttext?: string;\n\n\t/**\n\t * The selection in which the text is inserted.\n\t * Inserting a text into a selection deletes the current content within selection ranges. If the selection is not specified,\n\t * the current selection in the model will be used instead.\n\t */\n\tselection?: ModelSelection | ModelDocumentSelection;\n\n\t/**\n\t * The range in which the text is inserted. Defaults to the first range in the current selection.\n\t */\n\trange?: ModelRange;\n\n\t/**\n\t * The range where the selection should be placed after the insertion.\n\t * If not specified, the selection will be placed right after the inserted text.\n\t */\n\tresultRange?: ModelRange;\n}\n\nexport interface InsertTextCommandExecuteEvent {\n\tname: 'execute';\n\targs: [\n\t\tdata: [ options: InsertTextCommandOptions ]\n\t];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/inserttextobserver\n */\n\nimport { env, EventInfo } from '@ckeditor/ckeditor5-utils';\n\nimport {\n\tViewDocumentDomEventData,\n\tObserver,\n\tFocusObserver,\n\ttype EditingView,\n\ttype ViewDocumentCompositionEndEvent,\n\ttype ViewDocumentInputEvent,\n\ttype ViewDocumentSelection,\n\ttype ViewSelection\n} from '@ckeditor/ckeditor5-engine';\n\n// @if CK_DEBUG_TYPING // const { _buildLogMessage } = require( '@ckeditor/ckeditor5-engine/src/dev-utils/utils.js' );\n\nconst TYPING_INPUT_TYPES = [\n\t// For collapsed range:\n\t//\t- This one is a regular typing (all browsers, all systems).\n\t//\t- This one is used by Chrome when typing accented letter – 2nd step when the user selects the accent (Mac).\n\t// For non-collapsed range:\n\t//\t- This one is used by Chrome when typing accented letter – when the selection box first appears (Mac).\n\t//\t- This one is used by Safari when accepting spell check suggestions from the context menu (Mac).\n\t'insertText',\n\n\t// This one is used by Safari when typing accented letter (Mac).\n\t// This one is used by Safari when accepting spell check suggestions from the autocorrection pop-up (Mac).\n\t'insertReplacementText'\n];\n\nconst TYPING_INPUT_TYPES_ANDROID = [\n\t...TYPING_INPUT_TYPES,\n\t'insertCompositionText'\n];\n\n/**\n * Text insertion observer introduces the {@link module:engine/view/document~ViewDocument#event:insertText} event.\n */\nexport class InsertTextObserver extends Observer {\n\t/**\n\t * Instance of the focus observer. Insert text observer calls\n\t * {@link module:engine/view/observer/focusobserver~FocusObserver#flush} to mark the latest focus change as complete.\n\t */\n\tpublic readonly focusObserver: FocusObserver;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tthis.focusObserver = view.getObserver( FocusObserver );\n\n\t\t// On Android composition events should immediately be applied to the model. Rendering is not disabled.\n\t\t// On non-Android the model is updated only on composition end.\n\t\t// On Android we can't rely on composition start/end to update model.\n\t\tconst typingInputTypes = env.isAndroid ? TYPING_INPUT_TYPES_ANDROID : TYPING_INPUT_TYPES;\n\n\t\tconst viewDocument = view.document;\n\n\t\tviewDocument.on<ViewDocumentInputEvent>( 'beforeinput', ( evt, data ) => {\n\t\t\tif ( !this.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { data: text, targetRanges, inputType, domEvent, isComposing } = data;\n\n\t\t\tif ( !typingInputTypes.includes( inputType ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Mark the latest focus change as complete (we are typing in editable after the focus\n\t\t\t// so the selection is in the focused element).\n\t\t\tthis.focusObserver.flush();\n\n\t\t\tconst eventInfo = new EventInfo( viewDocument, 'insertText' );\n\n\t\t\tviewDocument.fire( eventInfo, new ViewDocumentDomEventData( view, domEvent, {\n\t\t\t\ttext,\n\t\t\t\tselection: view.createSelection( targetRanges ),\n\t\t\t\tisComposing\n\t\t\t} ) );\n\n\t\t\t// Stop the beforeinput event if `delete` event was stopped.\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/753\n\t\t\tif ( eventInfo.stop.called ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t} );\n\n\t\t// On Android composition events are immediately applied to the model.\n\t\t// On non-Android the model is updated only on composition end.\n\t\t// On Android we can't rely on composition start/end to update model.\n\t\tif ( !env.isAndroid ) {\n\t\t\t// Note: The priority must be lower than the CompositionObserver handler to call it after the renderer is unblocked.\n\t\t\t// This is important for view to DOM position mapping.\n\t\t\t// This causes the effect of first remove composed DOM and then reapply it after model modification.\n\t\t\tviewDocument.on<ViewDocumentCompositionEndEvent>( 'compositionend', ( evt, { data, domEvent } ) => {\n\t\t\t\tif ( !this.isEnabled ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// In case of aborted composition.\n\t\t\t\tif ( !data ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'InsertTextObserver',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t`%cFire insertText event, %c${ JSON.stringify( data ) }`,\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t 'color: blue'\n\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\t// How do we know where to insert the composed text?\n\t\t\t\t// 1. The SelectionObserver is blocked and the view is not updated with the composition changes.\n\t\t\t\t// 2. The last moment before it's locked is the `compositionstart` event.\n\t\t\t\t// 3. The `SelectionObserver` is listening for `compositionstart` event and immediately converts\n\t\t\t\t//    the selection. Handle this at the low priority so after the rendering is blocked.\n\t\t\t\tviewDocument.fire( 'insertText', new ViewDocumentDomEventData( view, domEvent, {\n\t\t\t\t\ttext: data,\n\t\t\t\t\tisComposing: true\n\t\t\t\t} ) );\n\t\t\t}, { priority: 'low' } );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic observe(): void {}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic stopObserving(): void {}\n}\n\n/**\n * Event fired when the user types text, for instance presses <kbd>A</kbd> or <kbd>?</kbd> in the\n * editing view document.\n *\n * **Note**: This event will **not** fire for keystrokes such as <kbd>Delete</kbd> or <kbd>Enter</kbd>.\n * They have dedicated events, see {@link module:engine/view/document~ViewDocument#event:delete} and\n * {@link module:engine/view/document~ViewDocument#event:enter} to learn more.\n *\n * **Note**: This event is fired by the {@link module:typing/inserttextobserver~InsertTextObserver input feature}.\n *\n * @eventName module:engine/view/document~ViewDocument#insertText\n * @param data The event data.\n */\nexport type ViewDocumentInsertTextEvent = {\n\tname: 'insertText';\n\targs: [ data: InsertTextEventData ];\n};\n\nexport interface InsertTextEventData extends ViewDocumentDomEventData {\n\n\t/**\n\t *  The text to be inserted.\n\t */\n\ttext: string;\n\n\t/**\n\t * The selection into which the text should be inserted.\n\t * If not specified, the insertion should occur at the current view selection.\n\t */\n\tselection?: ViewSelection | ViewDocumentSelection;\n\n\t/**\n\t * A flag indicating that event was fired during composition.\n\t *\n\t * Corresponds to the\n\t * {@link module:engine/view/document~ViewDocument#event:compositionstart},\n\t * {@link module:engine/view/document~ViewDocument#event:compositionupdate},\n\t * and {@link module:engine/view/document~ViewDocument#event:compositionend } trio.\n\t */\n\tisComposing?: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/input\n */\n\nimport { Plugin, type Editor } from '@ckeditor/ckeditor5-core';\nimport { env } from '@ckeditor/ckeditor5-utils';\n\nimport { InsertTextCommand, type InsertTextCommandOptions } from './inserttextcommand.js';\nimport { InsertTextObserver, type ViewDocumentInsertTextEvent } from './inserttextobserver.js';\n\nimport {\n\tModelLiveRange,\n\t_tryFixingModelRange,\n\ttype Model,\n\ttype Mapper,\n\ttype ModelElement,\n\ttype ModelRange,\n\ttype ViewNode,\n\ttype ViewElement,\n\ttype ObserverMutationData,\n\ttype ViewDocumentCompositionStartEvent,\n\ttype ViewDocumentCompositionEndEvent,\n\ttype ViewDocumentKeyDownEvent,\n\ttype ViewDocumentMutationsEvent,\n\ttype ViewDocumentInputEvent\n} from '@ckeditor/ckeditor5-engine';\n\nimport { debounce } from 'es-toolkit/compat';\n\n// @if CK_DEBUG_TYPING // const { _debouncedLine, _buildLogMessage } = require( '@ckeditor/ckeditor5-engine/src/dev-utils/utils.js' );\n\n/**\n * Handles text input coming from the keyboard or other input methods.\n */\nexport class Input extends Plugin {\n\t/**\n\t * The queue of `insertText` command executions that are waiting for the DOM to get updated after beforeinput event.\n\t */\n\tprivate _typingQueue!: TypingQueue;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Input' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst view = editor.editing.view;\n\t\tconst mapper = editor.editing.mapper;\n\t\tconst modelSelection = model.document.selection;\n\n\t\tthis._typingQueue = new TypingQueue( editor );\n\n\t\tview.addObserver( InsertTextObserver );\n\n\t\t// TODO The above default configuration value should be defined using editor.config.define() once it's fixed.\n\t\tconst insertTextCommand = new InsertTextCommand( editor, editor.config.get( 'typing.undoStep' ) || 20 );\n\n\t\t// Register `insertText` command and add `input` command as an alias for backward compatibility.\n\t\teditor.commands.add( 'insertText', insertTextCommand );\n\t\teditor.commands.add( 'input', insertTextCommand );\n\n\t\tthis.listenTo<ViewDocumentInputEvent>( view.document, 'beforeinput', () => {\n\t\t\t// Flush queue on the next beforeinput event because it could happen\n\t\t\t// that the mutation observer does not notice the DOM change in time.\n\t\t\tthis._typingQueue.flush( 'next beforeinput' );\n\t\t}, { priority: 'high' } );\n\n\t\tthis.listenTo<ViewDocumentInsertTextEvent>( view.document, 'insertText', ( evt, data ) => {\n\t\t\tconst { text, selection: viewSelection } = data;\n\n\t\t\t// In case of a synthetic event, make sure that selection is not fake.\n\t\t\tif ( view.document.selection.isFake && viewSelection && view.document.selection.isSimilar( viewSelection ) ) {\n\t\t\t\tdata.preventDefault();\n\t\t\t}\n\n\t\t\t// In case of typing on a non-collapsed range, we have to handle it ourselves as a browser\n\t\t\t// could modify the DOM unpredictably.\n\t\t\t// Noticed cases:\n\t\t\t// * <pre><code>[foo</code></pre><p>]bar</p>\n\t\t\t// * <p>[foo</p><pre>]<code>bar</code></pre>\n\t\t\t// * <p>[foo</p><blockquote><p>]bar</p></blockquote>\n\t\t\t//\n\t\t\t// Especially tricky case is when a code block follows a paragraph as code block on the view side\n\t\t\t// is rendered as a <code> element inside a <pre> element, but only the <code> element is mapped to the model.\n\t\t\t// While mapping view position <pre>]<code> to model, the model position results before the <codeBlock> element,\n\t\t\t// and this triggers selection fixer to cover only text in the previous paragraph.\n\t\t\t//\n\t\t\t// This is safe for composition as those events are not cancellable\n\t\t\t// and the preventDefault() and defaultPrevented are not affected.\n\t\t\tif ( viewSelection && Array.from( viewSelection.getRanges() ).some( range => !range.isCollapsed ) ) {\n\t\t\t\tdata.preventDefault();\n\t\t\t}\n\n\t\t\tif ( !insertTextCommand.isEnabled ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cInsertText command is disabled - prevent DOM change.',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\tdata.preventDefault();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet modelRanges;\n\n\t\t\t// If view selection was specified, translate it to model selection.\n\t\t\tif ( viewSelection ) {\n\t\t\t\tmodelRanges = Array.from( viewSelection.getRanges() )\n\t\t\t\t\t.map( viewRange => mapper.toModelRange( viewRange ) )\n\t\t\t\t\t.map( modelRange => _tryFixingModelRange( modelRange, model.schema ) || modelRange );\n\t\t\t}\n\t\t\telse {\n\t\t\t\tmodelRanges = Array.from( modelSelection.getRanges() );\n\t\t\t}\n\n\t\t\tlet insertText = text;\n\n\t\t\t// Typing in English on Android is firing composition events for the whole typed word.\n\t\t\t// We need to check the target range text to only apply the difference.\n\t\t\tif ( env.isAndroid ) {\n\t\t\t\tconst selectedText = Array.from( modelRanges[ 0 ].getItems() ).reduce( ( rangeText, node ) => {\n\t\t\t\t\treturn rangeText + ( node.is( '$textProxy' ) ? node.data : '' );\n\t\t\t\t}, '' );\n\n\t\t\t\tif ( selectedText ) {\n\t\t\t\t\tif ( selectedText.length <= insertText.length ) {\n\t\t\t\t\t\tif ( insertText.startsWith( selectedText ) ) {\n\t\t\t\t\t\t\tinsertText = insertText.substring( selectedText.length );\n\t\t\t\t\t\t\t( modelRanges[ 0 ] as any ).start = modelRanges[ 0 ].start.getShiftedBy( selectedText.length );\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif ( selectedText.startsWith( insertText ) ) {\n\t\t\t\t\t\t\t// TODO this should be mapped as delete?\n\t\t\t\t\t\t\t( modelRanges[ 0 ] as any ).start = modelRanges[ 0 ].start.getShiftedBy( insertText.length );\n\t\t\t\t\t\t\tinsertText = '';\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( insertText.length == 0 && modelRanges[ 0 ].isCollapsed ) {\n\t\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cIgnore insertion of an empty data to the collapsed range.',\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n\t\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Note: the TypingQueue stores live-ranges internally as RTC could change the model while waiting for mutations.\n\t\t\tconst commandData: InsertTextCommandOptions = {\n\t\t\t\ttext: insertText,\n\t\t\t\tselection: model.createSelection( modelRanges )\n\t\t\t};\n\n\t\t\t// This is a beforeinput event, so we need to wait until the browser updates the DOM,\n\t\t\t// and we could apply changes to the model and verify if the DOM is valid.\n\t\t\t// The browser applies changes to the DOM not immediately on beforeinput event.\n\t\t\t// We just wait for mutation observer to notice changes or as a fallback a timeout.\n\t\t\t//\n\t\t\t// Previously we were cancelling the non-composition events, but it caused issues especially in Safari.\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`%cQueue insertText:%c \"${ commandData.text }\"%c ` +\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`[${ commandData.selection.getFirstPosition().path }]-` +\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`[${ commandData.selection.getLastPosition().path }]` +\n\t\t\t// @if CK_DEBUG_TYPING // \t\t` queue size: ${ this._typingQueue.length + 1 }`,\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t''\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tthis._typingQueue.push( commandData, Boolean( data.isComposing ) );\n\n\t\t\tif ( data.domEvent.defaultPrevented ) {\n\t\t\t\tthis._typingQueue.flush( 'beforeinput default prevented' );\n\t\t\t}\n\t\t} );\n\n\t\t// Delete selected content on composition start.\n\t\tif ( env.isAndroid ) {\n\t\t\t// On Android with English keyboard, the composition starts just by putting caret\n\t\t\t// at the word end or by selecting a table column. This is not a real composition started.\n\t\t\t// Trigger delete content on first composition key pressed.\n\t\t\tthis.listenTo<ViewDocumentKeyDownEvent>( view.document, 'keydown', ( evt, data ) => {\n\t\t\t\tif ( modelSelection.isCollapsed || data.keyCode != 229 || !view.document.isComposing ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconst firstPositionPath = modelSelection.getFirstPosition()!.path;\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconst lastPositionPath = modelSelection.getLastPosition()!.path;\n\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cKeyDown 229%c -> model.deleteContent() ' +\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t`[${ firstPositionPath }]-[${ lastPositionPath }]`,\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t''\n\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\tdeleteSelectionContent( model, insertTextCommand );\n\t\t\t} );\n\t\t} else {\n\t\t\t// Note: The priority must precede the CompositionObserver handler to call it before\n\t\t\t// the renderer is blocked, because we want to render this change.\n\t\t\tthis.listenTo<ViewDocumentCompositionStartEvent>( view.document, 'compositionstart', () => {\n\t\t\t\tif ( modelSelection.isCollapsed ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconst firstPositionPath = modelSelection.getFirstPosition()!.path;\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconst lastPositionPath = modelSelection.getLastPosition()!.path;\n\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cComposition start%c -> model.deleteContent() ' +\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t`[${ firstPositionPath }]-[${ lastPositionPath }]`,\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\tdeleteSelectionContent( model, insertTextCommand );\n\t\t\t}, { priority: 'high' } );\n\t\t}\n\n\t\t// Apply changes to the model as they are applied to the DOM by the browser.\n\t\t// On beforeinput event, the DOM is not yet modified. We wait for detected mutations to apply model changes.\n\t\tthis.listenTo<ViewDocumentMutationsEvent>( view.document, 'mutations', ( evt, { mutations } ) => {\n\t\t\t// Check if mutations are relevant for queued changes.\n\t\t\tif ( this._typingQueue.hasAffectedElements() ) {\n\t\t\t\tfor ( const { node } of mutations ) {\n\t\t\t\t\tconst viewElement = findMappedViewAncestor( node, mapper );\n\t\t\t\t\tconst modelElement = mapper.toModelElement( viewElement )!;\n\n\t\t\t\t\tif ( this._typingQueue.isElementAffected( modelElement ) ) {\n\t\t\t\t\t\tthis._typingQueue.flush( 'mutations' );\n\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cMutations not related to the composition.',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-style: italic'\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t} );\n\n\t\t// Make sure that all changes are applied to the model before the end of composition.\n\t\tthis.listenTo<ViewDocumentCompositionEndEvent>( view.document, 'compositionend', () => {\n\t\t\tthis._typingQueue.flush( 'before composition end' );\n\t\t}, { priority: 'high' } );\n\n\t\t// Trigger mutations check after the composition completes to fix all DOM changes that got ignored during composition.\n\t\t// On Android, the Renderer is not disabled while composing. While updating DOM nodes, we ignore some changes\n\t\t// that are not that important (like NBSP vs. plain space character) and could break the composition flow.\n\t\t// After composition is completed, we trigger additional `mutations` event for elements affected by the composition\n\t\t// so the Renderer can adjust the DOM to the expected structure without breaking the composition.\n\t\tthis.listenTo<ViewDocumentCompositionEndEvent>( view.document, 'compositionend', () => {\n\t\t\t// There could be new item queued on the composition end, so flush it.\n\t\t\tthis._typingQueue.flush( 'after composition end' );\n\n\t\t\tconst mutations: Array<ObserverMutationData> = [];\n\n\t\t\tif ( this._typingQueue.hasAffectedElements() ) {\n\t\t\t\tfor ( const element of this._typingQueue.flushAffectedElements() ) {\n\t\t\t\t\tconst viewElement = mapper.toViewElement( element );\n\n\t\t\t\t\tif ( !viewElement ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tmutations.push( { type: 'children', node: viewElement } );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Fire composition mutations, if any.\n\t\t\t//\n\t\t\t// For non-Android:\n\t\t\t// After the composition end, we need to verify if there are no left-overs.\n\t\t\t// Listening at the lowest priority, so after the `InsertTextObserver` added above (all composed text\n\t\t\t// should already be applied to the model, view, and DOM).\n\t\t\t// On non-Android the `Renderer` is blocked while the user is composing, but the `MutationObserver` still collects\n\t\t\t// mutated nodes and fires `mutations` events.\n\t\t\t// Those events are recorded by the `Renderer` but not applied to the DOM while composing.\n\t\t\t// We need to trigger those checks (and fixes) once again but this time without specifying the exact mutations\n\t\t\t// since they are already recorded by the `Renderer`.\n\t\t\t// It in most cases just clears the internal record of mutated text nodes\n\t\t\t// since all changes should already be applied to the DOM.\n\t\t\t// This is especially needed when a user cancels composition, so we can clear nodes marked to sync.\n\t\t\tif ( mutations.length || !env.isAndroid ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Input',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'%cFire post-composition mutation fixes.',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold'\n\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\tview.document.fire<ViewDocumentMutationsEvent>( 'mutations', { mutations } );\n\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t\t}\n\t\t}, { priority: 'lowest' } );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis._typingQueue.destroy();\n\t}\n}\n\n/**\n * The queue of `insertText` command executions that are waiting for the DOM to get updated after beforeinput event.\n */\nclass TypingQueue {\n\t/**\n\t * The editor instance.\n\t */\n\tpublic editor: Editor;\n\n\t/**\n\t * Debounced queue flush as a safety mechanism for cases of mutation observer not triggering.\n\t */\n\tpublic flushDebounced = debounce( () => this.flush( 'timeout' ), 50 );\n\n\t/**\n\t * The queue of `insertText` command executions that are waiting for the DOM to get updated after beforeinput event.\n\t */\n\tprivate _queue: Array<InsertTextCommandLiveOptions> = [];\n\n\t/**\n\t * Whether there is any composition enqueued or plain typing only.\n\t */\n\tprivate _isComposing = false;\n\n\t/**\n\t * A set of model elements. The typing happened in those elements. It's used for mutations check.\n\t */\n\tprivate _affectedElements = new Set<ModelElement>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tthis.editor = editor;\n\t}\n\n\t/**\n\t * Destroys the helper object.\n\t */\n\tpublic destroy(): void {\n\t\tthis.flushDebounced.cancel();\n\t\tthis._affectedElements.clear();\n\n\t\twhile ( this._queue.length ) {\n\t\t\tthis.shift();\n\t\t}\n\t}\n\n\t/**\n\t * Returns the size of the queue.\n\t */\n\tpublic get length(): number {\n\t\treturn this._queue.length;\n\t}\n\n\t/**\n\t * Push next insertText command data to the queue.\n\t */\n\tpublic push( commandData: InsertTextCommandOptions, isComposing: boolean ): void {\n\t\tconst commandLiveData: InsertTextCommandLiveOptions = {\n\t\t\ttext: commandData.text\n\t\t};\n\n\t\tif ( commandData.selection ) {\n\t\t\tcommandLiveData.selectionRanges = [];\n\n\t\t\tfor ( const range of commandData.selection.getRanges() ) {\n\t\t\t\tcommandLiveData.selectionRanges.push( ModelLiveRange.fromRange( range ) );\n\n\t\t\t\t// Keep reference to the model element for later mutation checks.\n\t\t\t\tthis._affectedElements.add( range.start.parent as ModelElement );\n\t\t\t}\n\t\t}\n\n\t\tthis._queue.push( commandLiveData );\n\t\tthis._isComposing ||= isComposing;\n\t\tthis.flushDebounced();\n\t}\n\n\t/**\n\t * Shift the first item from the insertText command data queue.\n\t */\n\tpublic shift(): InsertTextCommandOptions {\n\t\tconst commandLiveData = this._queue.shift()!;\n\t\tconst commandData: InsertTextCommandOptions = {\n\t\t\ttext: commandLiveData.text\n\t\t};\n\n\t\tif ( commandLiveData.selectionRanges ) {\n\t\t\tconst ranges = commandLiveData.selectionRanges\n\t\t\t\t.map( liveRange => detachLiveRange( liveRange ) )\n\t\t\t\t.filter( ( range ): range is ModelRange => !!range );\n\n\t\t\tif ( ranges.length ) {\n\t\t\t\tcommandData.selection = this.editor.model.createSelection( ranges );\n\t\t\t}\n\t\t}\n\n\t\treturn commandData;\n\t}\n\n\t/**\n\t * Applies all queued insertText command executions.\n\t *\n\t * @param reason Used only for debugging.\n\t */\n\tpublic flush( reason: string ): void { // eslint-disable-line @typescript-eslint/no-unused-vars\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst view = editor.editing.view;\n\n\t\tthis.flushDebounced.cancel();\n\n\t\tif ( !this._queue.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.group( ..._buildLogMessage( this, 'Input',\n\t\t// @if CK_DEBUG_TYPING // \t\t`%cFlush insertText queue on ${ reason }.`,\n\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold'\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tconst insertTextCommand = editor.commands.get( 'insertText' )!;\n\t\tconst buffer = insertTextCommand.buffer;\n\n\t\tmodel.enqueueChange( buffer.batch, () => {\n\t\t\tbuffer.lock();\n\n\t\t\twhile ( this._queue.length ) {\n\t\t\t\tconst commandData = this.shift();\n\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t`%cExecute queued insertText:%c \"${ commandData.text }\"%c ` +\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\t`[${ commandData.selection.getFirstPosition().path }]-` +\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t\t`[${ commandData.selection.getLastPosition().path }]`,\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'font-weight: bold',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'color: blue',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t''\n\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\t\teditor.execute( 'insertText', commandData );\n\t\t\t}\n\n\t\t\tbuffer.unlock();\n\n\t\t\tif ( !this._isComposing ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'Input',\n\t\t\t\t// @if CK_DEBUG_TYPING // \t\t'Clear affected elements set'\n\t\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t\t// @if CK_DEBUG_TYPING // }\n\t\t\t\tthis._affectedElements.clear();\n\t\t\t}\n\n\t\t\tthis._isComposing = false;\n\t\t} );\n\n\t\tview.scrollToTheSelection();\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.groupEnd();\n\t\t// @if CK_DEBUG_TYPING // }\n\t}\n\n\t/**\n\t * Returns `true` if the given model element is related to recent typing.\n\t */\n\tpublic isElementAffected( element: ModelElement ): boolean {\n\t\treturn this._affectedElements.has( element );\n\t}\n\n\t/**\n\t * Returns `true` if there are any affected elements in the queue.\n\t */\n\tpublic hasAffectedElements(): boolean {\n\t\treturn this._affectedElements.size > 0;\n\t}\n\n\t/**\n\t * Returns an array of typing-related elements and clears the internal list.\n\t */\n\tpublic flushAffectedElements(): Array<ModelElement> {\n\t\tconst result = Array.from( this._affectedElements );\n\n\t\tthis._affectedElements.clear();\n\n\t\treturn result;\n\t}\n}\n\n/**\n * Deletes the content selected by the document selection at the start of composition.\n */\nfunction deleteSelectionContent( model: Model, insertTextCommand: InsertTextCommand ): void {\n\t// By relying on the state of the input command we allow disabling the entire input easily\n\t// by just disabling the input command. We could’ve used here the delete command but that\n\t// would mean requiring the delete feature which would block loading one without the other.\n\t// We could also check the editor.isReadOnly property, but that wouldn't allow to block\n\t// the input without blocking other features.\n\tif ( !insertTextCommand.isEnabled ) {\n\t\treturn;\n\t}\n\n\tconst buffer = insertTextCommand.buffer;\n\n\tbuffer.lock();\n\n\tmodel.enqueueChange( buffer.batch, () => {\n\t\tmodel.deleteContent( model.document.selection );\n\t} );\n\n\tbuffer.unlock();\n}\n\n/**\n * Detaches a ModelLiveRange and returns the static range from it.\n */\nfunction detachLiveRange( liveRange: ModelLiveRange ): ModelRange | null {\n\tconst range = liveRange.toRange();\n\n\tliveRange.detach();\n\n\tif ( range.root.rootName == '$graveyard' ) {\n\t\treturn null;\n\t}\n\n\treturn range;\n}\n\n/**\n * For the given `viewNode`, finds and returns the closest ancestor of this node that has a mapping to the model.\n */\nfunction findMappedViewAncestor( viewNode: ViewNode, mapper: Mapper ): ViewElement {\n\tlet node = ( viewNode.is( '$text' ) ? viewNode.parent : viewNode ) as ViewElement;\n\n\twhile ( !mapper.toModelElement( node ) ) {\n\t\tnode = node.parent as ViewElement;\n\t}\n\n\treturn node;\n}\n\n/**\n * The insertText command data stored as ModelLiveRange-s.\n */\ntype InsertTextCommandLiveOptions = {\n\ttext?: string;\n\tselectionRanges?: Array<ModelLiveRange>;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/deletecommand\n */\n\nimport { Command, type Editor } from '@ckeditor/ckeditor5-core';\nimport { count } from '@ckeditor/ckeditor5-utils';\nimport type { ModelDocumentSelection, ModelElement, ModelSelection, ModelWriter } from '@ckeditor/ckeditor5-engine';\n\nimport { TypingChangeBuffer } from './utils/changebuffer.js';\n\n// @if CK_DEBUG_TYPING // const { _buildLogMessage } = require( '@ckeditor/ckeditor5-engine/src/dev-utils/utils.js' );\n\n/**\n * The delete command. Used by the {@link module:typing/delete~Delete delete feature} to handle the <kbd>Delete</kbd> and\n * <kbd>Backspace</kbd> keys.\n */\nexport class DeleteCommand extends Command {\n\t/**\n\t * The directionality of the delete describing in what direction it should\n\t * consume the content when the selection is collapsed.\n\t */\n\tpublic readonly direction: 'forward' | 'backward';\n\n\t/**\n\t * Delete's change buffer used to group subsequent changes into batches.\n\t */\n\tprivate readonly _buffer: TypingChangeBuffer;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param direction The directionality of the delete describing in what direction it\n\t * should consume the content when the selection is collapsed.\n\t */\n\tconstructor( editor: Editor, direction: 'forward' | 'backward' ) {\n\t\tsuper( editor );\n\n\t\tthis.direction = direction;\n\t\tthis._buffer = new TypingChangeBuffer( editor.model, editor.config.get( 'typing.undoStep' ) );\n\n\t\t// Since this command may execute on different selectable than selection, it should be checked directly in execute block.\n\t\tthis._isEnabledBasedOnSelection = false;\n\t}\n\n\t/**\n\t * The current change buffer.\n\t */\n\tpublic get buffer(): TypingChangeBuffer {\n\t\treturn this._buffer;\n\t}\n\n\t/**\n\t * Executes the delete command. Depending on whether the selection is collapsed or not, deletes its content\n\t * or a piece of content in the {@link #direction defined direction}.\n\t *\n\t * @fires execute\n\t * @param options The command options.\n\t * @param options.unit See {@link module:engine/model/utils/modifyselection~modifySelection}'s options.\n\t * @param options.sequence A number describing which subsequent delete event it is without the key being released.\n\t * See the {@link module:engine/view/document~ViewDocument#event:delete} event data.\n\t * @param options.selection Selection to remove. If not set, current model selection will be used.\n\t */\n\tpublic override execute( options: {\n\t\tunit?: 'character' | 'codePoint' | 'word';\n\t\tsequence?: number;\n\t\tselection?: ModelSelection | ModelDocumentSelection;\n\t} = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\n\t\tmodel.enqueueChange( this._buffer.batch, writer => {\n\t\t\tthis._buffer.lock();\n\n\t\t\tconst selection = writer.createSelection( options.selection || doc.selection );\n\n\t\t\t// Don't execute command when selection is in non-editable place.\n\t\t\tif ( !model.canEditAt( selection ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst sequence = options.sequence || 1;\n\n\t\t\t// Do not replace the whole selected content if selection was collapsed.\n\t\t\t// This prevents such situation:\n\t\t\t//\n\t\t\t// <h1></h1><p>[]</p>\t-->  <h1>[</h1><p>]</p> \t\t-->  <p></p>\n\t\t\t// starting content\t\t-->   after `modifySelection`\t-->  after `deleteContent`.\n\t\t\tconst doNotResetEntireContent = selection.isCollapsed;\n\n\t\t\t// Try to extend the selection in the specified direction.\n\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\tmodel.modifySelection( selection, {\n\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\tunit: options.unit,\n\t\t\t\t\ttreatEmojiAsSingleUnit: true\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\t// Check if deleting in an empty editor. See #61.\n\t\t\tif ( this._shouldEntireContentBeReplacedWithParagraph( sequence ) ) {\n\t\t\t\tthis._replaceEntireContentWithParagraph( writer );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Check if deleting in the first empty block.\n\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/8137.\n\t\t\tif ( this._shouldReplaceFirstBlockWithParagraph( selection, sequence ) ) {\n\t\t\t\tthis.editor.execute( 'paragraph', { selection } );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If selection is still collapsed, then there's nothing to delete.\n\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet changeCount = 0;\n\n\t\t\tselection.getFirstRange()!.getMinimalFlatRanges().forEach( range => {\n\t\t\t\tchangeCount += count(\n\t\t\t\t\trange.getWalker( { singleCharacters: true, ignoreElementEnd: true, shallow: true } )\n\t\t\t\t);\n\t\t\t} );\n\n\t\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t\t// @if CK_DEBUG_TYPING // \tconsole.log( ..._buildLogMessage( this, 'DeleteCommand',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t'Delete content',\n\t\t\t// @if CK_DEBUG_TYPING // \t\t`[${ selection.getFirstPosition()!.path }]-[${ selection.getLastPosition()!.path }]`,\n\t\t\t// @if CK_DEBUG_TYPING // \t\toptions\n\t\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t\t// @if CK_DEBUG_TYPING // }\n\n\t\t\tmodel.deleteContent( selection, {\n\t\t\t\tdoNotResetEntireContent,\n\t\t\t\tdirection: this.direction\n\t\t\t} );\n\n\t\t\tthis._buffer.input( changeCount );\n\n\t\t\twriter.setSelection( selection );\n\n\t\t\tthis._buffer.unlock();\n\t\t} );\n\t}\n\n\t/**\n\t * If the user keeps <kbd>Backspace</kbd> or <kbd>Delete</kbd> key pressed, the content of the current\n\t * editable will be cleared. However, this will not yet lead to resetting the remaining block to a paragraph\n\t * (which happens e.g. when the user does <kbd>Ctrl</kbd> + <kbd>A</kbd>, <kbd>Backspace</kbd>).\n\t *\n\t * But, if the user pressed the key in an empty editable for the first time,\n\t * we want to replace the entire content with a paragraph if:\n\t *\n\t * * the current limit element is empty,\n\t * * the paragraph is allowed in the limit element,\n\t * * the limit doesn't already have a paragraph inside.\n\t *\n\t * See https://github.com/ckeditor/ckeditor5-typing/issues/61.\n\t *\n\t * @param sequence A number describing which subsequent delete event it is without the key being released.\n\t */\n\tprivate _shouldEntireContentBeReplacedWithParagraph( sequence: number ): boolean {\n\t\t// Does nothing if user pressed and held the \"Backspace\" or \"Delete\" key.\n\t\tif ( sequence > 1 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\t\tconst selection = doc.selection;\n\t\tconst limitElement = model.schema.getLimitElement( selection );\n\n\t\t// If a collapsed selection contains the whole content it means that the content is empty\n\t\t// (from the user perspective).\n\t\tconst limitElementIsEmpty = selection.isCollapsed && selection.containsEntireContent( limitElement );\n\n\t\tif ( !limitElementIsEmpty ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( !model.schema.checkChild( limitElement, 'paragraph' ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst limitElementFirstChild = limitElement.getChild( 0 );\n\n\t\t// Does nothing if the limit element already contains only a paragraph.\n\t\t// We ignore the case when paragraph might have some inline elements (<p><inlineWidget>[]</inlineWidget></p>)\n\t\t// because we don't support such cases yet and it's unclear whether inlineWidget shouldn't be a limit itself.\n\t\tif ( limitElementFirstChild && limitElementFirstChild.is( 'element', 'paragraph' ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * The entire content is replaced with the paragraph. Selection is moved inside the paragraph.\n\t *\n\t * @param writer The model writer.\n\t */\n\tprivate _replaceEntireContentWithParagraph( writer: ModelWriter ): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\t\tconst selection = doc.selection;\n\t\tconst limitElement = model.schema.getLimitElement( selection );\n\t\tconst paragraph = writer.createElement( 'paragraph' );\n\n\t\twriter.remove( writer.createRangeIn( limitElement ) );\n\t\twriter.insert( paragraph, limitElement );\n\n\t\twriter.setSelection( paragraph, 0 );\n\t}\n\n\t/**\n\t * Checks if the selection is inside an empty element that is the first child of the limit element\n\t * and should be replaced with a paragraph.\n\t *\n\t * @param selection The selection.\n\t * @param sequence A number describing which subsequent delete event it is without the key being released.\n\t */\n\tprivate _shouldReplaceFirstBlockWithParagraph( selection: ModelSelection, sequence: number ): boolean {\n\t\tconst model = this.editor.model;\n\n\t\t// Does nothing if user pressed and held the \"Backspace\" key or it was a \"Delete\" button.\n\t\tif ( sequence > 1 || this.direction != 'backward' ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( !selection.isCollapsed ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst position = selection.getFirstPosition()!;\n\t\tconst limitElement = model.schema.getLimitElement( position );\n\t\tconst limitElementFirstChild = limitElement.getChild( 0 ) as ModelElement;\n\n\t\t// Only elements that are direct children of the limit element can be replaced.\n\t\t// Unwrapping from a block quote should be handled in a dedicated feature.\n\t\tif ( position.parent != limitElementFirstChild ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// A block should be replaced only if it was empty.\n\t\tif ( !selection.containsEntireContent( limitElementFirstChild ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Replace with a paragraph only if it's allowed there.\n\t\tif ( !model.schema.checkChild( limitElement, 'paragraph' ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Does nothing if the limit element already contains only a paragraph.\n\t\tif ( limitElementFirstChild.name == 'paragraph' ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/deleteobserver\n */\n\nimport {\n\tenv,\n\tkeyCodes,\n\tisInsideCombinedSymbol,\n\tisInsideEmojiSequence,\n\tisInsideSurrogatePair\n} from '@ckeditor/ckeditor5-utils';\nimport {\n\tBubblingEventInfo,\n\tViewDocumentDomEventData,\n\tObserver,\n\ttype BubblingEvent,\n\ttype ViewDocumentInputEvent,\n\ttype ViewDocumentKeyDownEvent,\n\ttype ViewDocumentKeyUpEvent,\n\ttype ViewDocumentSelection,\n\ttype ViewSelection,\n\ttype ViewRange,\n\ttype EditingView\n} from '@ckeditor/ckeditor5-engine';\n\nconst DELETE_CHARACTER = 'character';\nconst DELETE_WORD = 'word';\nconst DELETE_CODE_POINT = 'codePoint';\nconst DELETE_SELECTION = 'selection';\nconst DELETE_BACKWARD = 'backward';\nconst DELETE_FORWARD = 'forward';\n\ntype DeleteEventSpec = {\n\tunit: 'selection' | 'codePoint' | 'character' | 'word';\n\tdirection: 'backward' | 'forward';\n};\n\nconst DELETE_EVENT_TYPES: Record<string, DeleteEventSpec> = {\n\t// --------------------------------------- Backward delete types -----------------------------------------------------\n\n\t// This happens in Safari on Mac when some content is selected and Ctrl + K is pressed.\n\tdeleteContent: {\n\t\tunit: DELETE_SELECTION,\n\n\t\t// According to the Input Events Level 2 spec, this delete type has no direction\n\t\t// but to keep things simple, let's default to backward.\n\t\tdirection: DELETE_BACKWARD\n\t},\n\t// Chrome and Safari on Mac: Backspace or Ctrl + H\n\tdeleteContentBackward: {\n\t\t// This kind of deletions must be done on the code point-level instead of target range provided by the DOM beforeinput event.\n\t\t// Take for instance \"👨‍👩‍👧‍👧\", it equals:\n\t\t//\n\t\t//\t* [ \"👨\", \"ZERO WIDTH JOINER\", \"👩\", \"ZERO WIDTH JOINER\", \"👧\", \"ZERO WIDTH JOINER\", \"👧\" ]\n\t\t//\t* or simply \"\\u{1F468}\\u200D\\u{1F469}\\u200D\\u{1F467}\\u200D\\u{1F467}\"\n\t\t//\n\t\t// The range provided by the browser would cause the entire multi-byte grapheme to disappear while the user\n\t\t// intention when deleting backwards (\"👨‍👩‍👧‍👧[]\", then backspace) is gradual \"decomposition\" (first to \"👨‍👩‍👧‍[]\",\n\t\t// then to \"👨‍👩‍[]\", etc.).\n\t\t//\n\t\t//\t* \"👨‍👩‍👧‍👧[]\" + backward delete (by code point)  -> results in \"👨‍👩‍👧[]\", removed the last \"👧\" 👍\n\t\t//\t* \"👨‍👩‍👧‍👧[]\" + backward delete (by character)  -> results in \"[]\", removed the whole grapheme 👎\n\t\t//\n\t\t// Deleting by code-point is simply a better UX. See \"deleteContentForward\" to learn more.\n\t\tunit: DELETE_CODE_POINT,\n\t\tdirection: DELETE_BACKWARD\n\t},\n\t// On Mac: Option + Backspace.\n\t// On iOS: Hold the backspace for a while and the whole words will start to disappear.\n\tdeleteWordBackward: {\n\t\tunit: DELETE_WORD,\n\t\tdirection: DELETE_BACKWARD\n\t},\n\t// Safari on Mac: Cmd + Backspace\n\tdeleteHardLineBackward: {\n\t\tunit: DELETE_SELECTION,\n\t\tdirection: DELETE_BACKWARD\n\t},\n\t// Chrome on Mac: Cmd + Backspace.\n\tdeleteSoftLineBackward: {\n\t\tunit: DELETE_SELECTION,\n\t\tdirection: DELETE_BACKWARD\n\t},\n\n\t// --------------------------------------- Forward delete types -----------------------------------------------------\n\n\t// Chrome on Mac: Fn + Backspace or Ctrl + D\n\t// Safari on Mac: Ctrl + K or Ctrl + D\n\tdeleteContentForward: {\n\t\t// Unlike backward delete, this delete must be performed by character instead of by code point, which\n\t\t// provides the best UX for working with accented letters.\n\t\t// Take, for example \"b̂\" (\"\\u0062\\u0302\", or [ \"LATIN SMALL LETTER B\", \"COMBINING CIRCUMFLEX ACCENT\" ]):\n\t\t//\n\t\t//\t* \"b̂[]\" + backward delete (by code point)  -> results in \"b[]\", removed the combining mark 👍\n\t\t//\t* \"[]b̂\" + forward delete (by code point)   -> results in \"[]^\", a bare combining mark does that not make sense when alone 👎\n\t\t//\t* \"[]b̂\" + forward delete (by character)    -> results in \"[]\", removed both \"b\" and the combining mark 👍\n\t\t//\n\t\t// See: \"deleteContentBackward\" to learn more.\n\t\tunit: DELETE_CHARACTER,\n\t\tdirection: DELETE_FORWARD\n\t},\n\t// On Mac: Fn + Option + Backspace.\n\tdeleteWordForward: {\n\t\tunit: DELETE_WORD,\n\t\tdirection: DELETE_FORWARD\n\t},\n\t// Chrome on Mac: Ctrl + K (you have to disable the Link plugin first, though, because it uses the same keystroke)\n\t// This is weird that it does not work in Safari on Mac despite being listed in the official shortcuts listing\n\t// on Apple's webpage.\n\tdeleteHardLineForward: {\n\t\tunit: DELETE_SELECTION,\n\t\tdirection: DELETE_FORWARD\n\t},\n\t// At this moment there is no known way to trigger this event type but let's keep it for the symmetry with\n\t// deleteSoftLineBackward.\n\tdeleteSoftLineForward: {\n\t\tunit: DELETE_SELECTION,\n\t\tdirection: DELETE_FORWARD\n\t}\n};\n\n/**\n * Delete observer introduces the {@link module:engine/view/document~ViewDocument#event:delete} event.\n *\n * @internal\n */\nexport class DeleteObserver extends Observer {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tconst document = view.document;\n\n\t\t// It matters how many subsequent deletions were made, e.g. when the backspace key was pressed and held\n\t\t// by the user for some time. For instance, if such scenario ocurred and the heading the selection was\n\t\t// anchored to was the only content of the editor, it will not be converted into a paragraph (the user\n\t\t// wanted to clean it up, not remove it, it's about UX). Check out the DeleteCommand implementation to learn more.\n\t\t//\n\t\t// Fun fact: Safari on Mac won't fire beforeinput for backspace in an empty heading (only content).\n\t\tlet sequence = 0;\n\n\t\tdocument.on( 'keydown', () => {\n\t\t\tsequence++;\n\t\t} );\n\n\t\tdocument.on( 'keyup', () => {\n\t\t\tsequence = 0;\n\t\t} );\n\n\t\tdocument.on<ViewDocumentInputEvent>( 'beforeinput', ( evt, data ) => {\n\t\t\tif ( !this.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { targetRanges, domEvent, inputType } = data;\n\t\t\tconst deleteEventSpec = DELETE_EVENT_TYPES[ inputType ];\n\n\t\t\tif ( !deleteEventSpec ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst deleteData: Partial<DeleteEventData> = {\n\t\t\t\tdirection: deleteEventSpec.direction,\n\t\t\t\tunit: deleteEventSpec.unit,\n\t\t\t\tsequence\n\t\t\t};\n\n\t\t\tif ( deleteData.unit == DELETE_SELECTION ) {\n\t\t\t\tdeleteData.selectionToRemove = view.createSelection( targetRanges[ 0 ] );\n\t\t\t}\n\n\t\t\t// The default deletion unit for deleteContentBackward is a single code point\n\t\t\t// but if the browser provides a wider target range then we should use it.\n\t\t\tif ( inputType === 'deleteContentBackward' ) {\n\t\t\t\t// On Android, deleteContentBackward has sequence 1 by default.\n\t\t\t\tif ( env.isAndroid ) {\n\t\t\t\t\tdeleteData.sequence = 1;\n\t\t\t\t}\n\n\t\t\t\t// The beforeInput event wants more than a single character to be removed.\n\t\t\t\tif ( shouldUseTargetRanges( targetRanges ) ) {\n\t\t\t\t\tdeleteData.unit = DELETE_SELECTION;\n\t\t\t\t\tdeleteData.selectionToRemove = view.createSelection( targetRanges );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst eventInfo = new BubblingEventInfo( document, 'delete', targetRanges[ 0 ] );\n\n\t\t\tdocument.fire( eventInfo, new ViewDocumentDomEventData( view, domEvent, deleteData ) );\n\n\t\t\t// Stop the beforeinput event if `delete` event was stopped.\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/753\n\t\t\tif ( eventInfo.stop.called ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t} );\n\n\t\t// TODO: to be removed when https://bugs.chromium.org/p/chromium/issues/detail?id=1365311 is solved.\n\t\tif ( env.isBlink ) {\n\t\t\tenableChromeWorkaround( this );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic observe(): void {}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic stopObserving(): void {}\n}\n\n/**\n * Event fired when the user tries to delete content (e.g. presses <kbd>Delete</kbd> or <kbd>Backspace</kbd>).\n *\n * Note: This event is fired by the {@link module:typing/deleteobserver~DeleteObserver delete observer}\n * (usually registered by the {@link module:typing/delete~Delete delete feature}).\n *\n * @eventName module:engine/view/document~ViewDocument#delete\n * @param data The event data.\n */\nexport type ViewDocumentDeleteEvent = BubblingEvent<{\n\tname: 'delete';\n\targs: [ data: DeleteEventData ];\n}>;\n\nexport interface DeleteEventData extends ViewDocumentDomEventData<InputEvent> {\n\n\t/**\n\t * The direction in which the deletion should happen.\n\t */\n\tdirection: 'backward' | 'forward';\n\n\t/**\n\t * The \"amount\" of content that should be deleted.\n\t */\n\tunit: 'selection' | 'codePoint' | 'character' | 'word';\n\n\t/**\n\t * A number describing which subsequent delete event it is without the key being released.\n\t * If it's 2 or more it means that the key was pressed and hold.\n\t */\n\tsequence: number;\n\n\t/**\n\t * View selection which content should be removed. If not set,\n\t * current selection should be used.\n\t */\n\tselectionToRemove?: ViewSelection | ViewDocumentSelection;\n}\n\n/**\n * Enables workaround for the issue https://github.com/ckeditor/ckeditor5/issues/11904.\n */\nfunction enableChromeWorkaround( observer: DeleteObserver ) {\n\tconst view = observer.view;\n\tconst document = view.document;\n\n\tlet pressedKeyCode: number | null = null;\n\tlet beforeInputReceived = false;\n\n\tdocument.on<ViewDocumentKeyDownEvent>( 'keydown', ( evt, { keyCode } ) => {\n\t\tpressedKeyCode = keyCode;\n\t\tbeforeInputReceived = false;\n\t} );\n\n\tdocument.on<ViewDocumentKeyUpEvent>( 'keyup', ( evt, { keyCode, domEvent } ) => {\n\t\tconst selection = document.selection;\n\t\tconst shouldFireDeleteEvent = observer.isEnabled &&\n\t\t\tkeyCode == pressedKeyCode &&\n\t\t\tisDeleteKeyCode( keyCode ) &&\n\t\t\t!selection.isCollapsed &&\n\t\t\t!beforeInputReceived;\n\n\t\tpressedKeyCode = null;\n\n\t\tif ( shouldFireDeleteEvent ) {\n\t\t\tconst targetRange = selection.getFirstRange()!;\n\t\t\tconst eventInfo = new BubblingEventInfo( document, 'delete', targetRange );\n\t\t\tconst deleteData: Partial<DeleteEventData> = {\n\t\t\t\tunit: DELETE_SELECTION,\n\t\t\t\tdirection: getDeleteDirection( keyCode ),\n\t\t\t\tselectionToRemove: selection\n\t\t\t};\n\n\t\t\tdocument.fire( eventInfo, new ViewDocumentDomEventData( view, domEvent, deleteData ) );\n\t\t}\n\t} );\n\n\tdocument.on<ViewDocumentInputEvent>( 'beforeinput', ( evt, { inputType } ) => {\n\t\tconst deleteEventSpec = DELETE_EVENT_TYPES[ inputType ];\n\t\tconst isMatchingBeforeInput = isDeleteKeyCode( pressedKeyCode ) &&\n\t\t\tdeleteEventSpec &&\n\t\t\tdeleteEventSpec.direction == getDeleteDirection( pressedKeyCode );\n\n\t\tif ( isMatchingBeforeInput ) {\n\t\t\tbeforeInputReceived = true;\n\t\t}\n\t}, { priority: 'high' } );\n\n\tdocument.on<ViewDocumentInputEvent>( 'beforeinput', ( evt, { inputType, data } ) => {\n\t\tconst shouldIgnoreBeforeInput = pressedKeyCode == keyCodes.delete &&\n\t\t\tinputType == 'insertText' &&\n\t\t\tdata == '\\x7f'; // Delete character :P\n\n\t\tif ( shouldIgnoreBeforeInput ) {\n\t\t\tevt.stop();\n\t\t}\n\t}, { priority: 'high' } );\n\n\tfunction isDeleteKeyCode( keyCode: number | null ): boolean {\n\t\treturn keyCode == keyCodes.backspace || keyCode == keyCodes.delete;\n\t}\n\n\tfunction getDeleteDirection( keyCode: number | null ): 'backward' | 'forward' {\n\t\treturn keyCode == keyCodes.backspace ? DELETE_BACKWARD : DELETE_FORWARD;\n\t}\n}\n\n/**\n * Verifies whether the given target ranges cover more than a single character and should be used instead of a single code-point deletion.\n */\nfunction shouldUseTargetRanges( targetRanges: Array<ViewRange> ): boolean {\n\t// The collapsed target range could happen for example while deleting inside an inline filler\n\t// (it's mapped to collapsed position before an inline filler).\n\tif ( targetRanges.length != 1 || targetRanges[ 0 ].isCollapsed ) {\n\t\treturn false;\n\t}\n\n\tconst walker = targetRanges[ 0 ].getWalker( {\n\t\tdirection: 'backward',\n\t\tsingleCharacters: true,\n\t\tignoreElementEnd: true\n\t} );\n\n\tlet count = 0;\n\n\tfor ( const { nextPosition, item } of walker ) {\n\t\tif ( nextPosition.parent.is( '$text' ) ) {\n\t\t\tconst data = nextPosition.parent.data;\n\t\t\tconst offset = nextPosition.offset;\n\n\t\t\t// Count combined symbols and emoji sequences as a single character.\n\t\t\tif (\n\t\t\t\tisInsideSurrogatePair( data, offset ) ||\n\t\t\t\tisInsideCombinedSymbol( data, offset ) ||\n\t\t\t\tisInsideEmojiSequence( data, offset )\n\t\t\t) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tcount++;\n\t\t} else if ( item.is( 'containerElement' ) || item.is( 'emptyElement' ) ) {\n\t\t\tcount++;\n\t\t}\n\n\t\tif ( count > 1 ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/delete\n */\n\nimport {\n\t_tryFixingModelRange,\n\tBubblingEventInfo,\n\tViewDocumentDomEventData,\n\ttype ViewDocumentKeyDownEvent\n} from '@ckeditor/ckeditor5-engine';\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { keyCodes } from '@ckeditor/ckeditor5-utils';\nimport { DeleteCommand } from './deletecommand.js';\nimport { DeleteObserver, type DeleteEventData, type ViewDocumentDeleteEvent } from './deleteobserver.js';\n\n/**\n * The delete and backspace feature. Handles keys such as <kbd>Delete</kbd> and <kbd>Backspace</kbd>, other\n * keystrokes and user actions that result in deleting content in the editor.\n */\nexport class Delete extends Plugin {\n\t/**\n\t * Whether pressing backspace should trigger undo action\n\t */\n\tprivate _undoOnBackspace!: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Delete' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst modelDocument = editor.model.document;\n\n\t\tview.addObserver( DeleteObserver );\n\n\t\tthis._undoOnBackspace = false;\n\n\t\tconst deleteForwardCommand = new DeleteCommand( editor, 'forward' );\n\n\t\t// Register `deleteForward` command and add `forwardDelete` command as an alias for backward compatibility.\n\t\teditor.commands.add( 'deleteForward', deleteForwardCommand );\n\t\teditor.commands.add( 'forwardDelete', deleteForwardCommand );\n\n\t\teditor.commands.add( 'delete', new DeleteCommand( editor, 'backward' ) );\n\n\t\tthis.listenTo<ViewDocumentDeleteEvent>( viewDocument, 'delete', ( evt, data ) => {\n\t\t\t// When not in composition, we handle the action, so prevent the default one.\n\t\t\t// When in composition, it's the browser who modify the DOM (renderer is disabled).\n\t\t\tif ( !viewDocument.isComposing ) {\n\t\t\t\tdata.preventDefault();\n\t\t\t}\n\n\t\t\tconst { direction, sequence, selectionToRemove, unit } = data;\n\t\t\tconst commandName = direction === 'forward' ? 'deleteForward' : 'delete';\n\t\t\tconst commandData: Parameters<DeleteCommand[ 'execute' ]>[ 0 ] = { sequence };\n\n\t\t\tif ( unit == 'selection' ) {\n\t\t\t\tconst modelRanges = Array.from( selectionToRemove!.getRanges() )\n\t\t\t\t\t.map( viewRange => editor.editing.mapper.toModelRange( viewRange ) )\n\t\t\t\t\t.map( modelRange => _tryFixingModelRange( modelRange, editor.model.schema ) || modelRange );\n\n\t\t\t\tcommandData.selection = editor.model.createSelection( modelRanges );\n\t\t\t} else {\n\t\t\t\tcommandData.unit = unit;\n\t\t\t}\n\n\t\t\teditor.execute( commandName, commandData );\n\n\t\t\tview.scrollToTheSelection();\n\t\t}, { priority: 'low' } );\n\n\t\t// Handle the Backspace key while at the beginning of a nested editable. See https://github.com/ckeditor/ckeditor5/issues/17383.\n\t\tthis.listenTo<ViewDocumentKeyDownEvent>( viewDocument, 'keydown', ( evt, data ) => {\n\t\t\tif (\n\t\t\t\tviewDocument.isComposing ||\n\t\t\t\tdata.keyCode != keyCodes.backspace ||\n\t\t\t\t!modelDocument.selection.isCollapsed\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst ancestorLimit = editor.model.schema.getLimitElement( modelDocument.selection );\n\t\t\tconst limitStartPosition = editor.model.createPositionAt( ancestorLimit, 0 );\n\n\t\t\tif ( limitStartPosition.isTouching( modelDocument.selection.getFirstPosition()! ) ) {\n\t\t\t\t// Stop the beforeinput event as it could be invalid.\n\t\t\t\tdata.preventDefault();\n\n\t\t\t\t// Create a fake delete event so all features can act on it and the target range is proper.\n\t\t\t\tconst modelRange = editor.model.schema.getNearestSelectionRange( limitStartPosition, 'forward' );\n\n\t\t\t\tif ( !modelRange ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst viewSelection = view.createSelection( editor.editing.mapper.toViewRange( modelRange ) );\n\t\t\t\tconst targetRange = viewSelection.getFirstRange()!;\n\n\t\t\t\tconst eventInfo = new BubblingEventInfo( document, 'delete', targetRange );\n\t\t\t\tconst deleteData: Partial<DeleteEventData> = {\n\t\t\t\t\tunit: 'selection',\n\t\t\t\t\tdirection: 'backward',\n\t\t\t\t\tselectionToRemove: viewSelection\n\t\t\t\t};\n\n\t\t\t\tviewDocument.fire( eventInfo, new ViewDocumentDomEventData( view, data.domEvent, deleteData ) );\n\t\t\t}\n\t\t} );\n\n\t\tif ( this.editor.plugins.has( 'UndoEditing' ) ) {\n\t\t\tthis.listenTo<ViewDocumentDeleteEvent>( viewDocument, 'delete', ( evt, data ) => {\n\t\t\t\tif ( this._undoOnBackspace && data.direction == 'backward' && data.sequence == 1 && data.unit == 'codePoint' ) {\n\t\t\t\t\tthis._undoOnBackspace = false;\n\n\t\t\t\t\teditor.execute( 'undo' );\n\n\t\t\t\t\tdata.preventDefault();\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t}, { context: '$capture' } );\n\n\t\t\tthis.listenTo( modelDocument, 'change', () => {\n\t\t\t\tthis._undoOnBackspace = false;\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * If the next user action after calling this method is pressing backspace, it would undo the last change.\n\t *\n\t * Requires {@link module:undo/undoediting~UndoEditing} plugin. If not loaded, does nothing.\n\t */\n\tpublic requestUndoOnBackspace(): void {\n\t\tif ( this.editor.plugins.has( 'UndoEditing' ) ) {\n\t\t\tthis._undoOnBackspace = true;\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/typing\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { Input } from './input.js';\nimport { Delete } from './delete.js';\n\n/**\n * The typing feature. It handles typing.\n *\n * This is a \"glue\" plugin which loads the {@link module:typing/input~Input} and {@link module:typing/delete~Delete}\n * plugins.\n */\nexport class Typing extends Plugin {\n\tpublic static get requires() {\n\t\treturn [ Input, Delete ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Typing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/utils/getlasttextline\n */\n\nimport type { Model, ModelRange } from '@ckeditor/ckeditor5-engine';\n\n/**\n * Returns the last text line from the given range.\n *\n * \"The last text line\" is understood as text (from one or more text nodes) which is limited either by a parent block\n * or by inline elements (e.g. `<softBreak>`).\n *\n * ```ts\n * const rangeToCheck = model.createRange(\n * \tmodel.createPositionAt( paragraph, 0 ),\n * \tmodel.createPositionAt( paragraph, 'end' )\n * );\n *\n * const { text, range } = getLastTextLine( rangeToCheck, model );\n * ```\n *\n * For model below, the returned `text` will be \"Foo bar baz\" and `range` will be set on whole `<paragraph>` content:\n *\n * ```xml\n * <paragraph>Foo bar baz<paragraph>\n * ```\n *\n * However, in below case, `text` will be set to \"baz\" and `range` will be set only on \"baz\".\n *\n * ```xml\n * <paragraph>Foo<softBreak></softBreak>bar<softBreak></softBreak>baz<paragraph>\n * ```\n */\nexport function getLastTextLine( range: ModelRange, model: Model ): LastTextLineData {\n\tlet start = range.start;\n\n\tconst text = Array.from( range.getWalker( { ignoreElementEnd: false } ) ).reduce( ( rangeText, { item } ) => {\n\t\t// Trim text to a last occurrence of an inline element and update range start.\n\t\tif ( !( item.is( '$text' ) || item.is( '$textProxy' ) ) ) {\n\t\t\tstart = model.createPositionAfter( item );\n\n\t\t\treturn '';\n\t\t}\n\n\t\treturn rangeText + item.data;\n\t}, '' );\n\n\treturn { text, range: model.createRange( start, range.end ) };\n}\n\n/**\n * The value returned by {@link module:typing/utils/getlasttextline~getLastTextLine}.\n */\nexport type LastTextLineData = {\n\n\t/**\n\t * The text from the text nodes in the last text line.\n\t */\n\ttext: string;\n\n\t/**\n\t * The range set on the text nodes in the last text line.\n\t */\n\trange: ModelRange;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/textwatcher\n */\n\nimport { ObservableMixin, type ObservableChangeEvent } from '@ckeditor/ckeditor5-utils';\nimport { getLastTextLine } from './utils/getlasttextline.js';\n\nimport type {\n\tBatch,\n\tModel,\n\tModelRange,\n\tModelDocumentChangeEvent,\n\tModelDocumentSelectionChangeEvent\n} from '@ckeditor/ckeditor5-engine';\n\n/**\n * The text watcher feature.\n *\n * Fires the {@link module:typing/textwatcher~TextWatcher#event:matched:data `matched:data`},\n * {@link module:typing/textwatcher~TextWatcher#event:matched:selection `matched:selection`} and\n * {@link module:typing/textwatcher~TextWatcher#event:unmatched `unmatched`} events on typing or selection changes.\n */\nexport class TextWatcher extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * The editor's model.\n\t */\n\tpublic readonly model: Model;\n\n\t/**\n\t * The function used to match the text.\n\t *\n\t * The test callback can return 3 values:\n\t *\n\t * * `false` if there is no match,\n\t * * `true` if there is a match,\n\t * * an object if there is a match and we want to pass some additional information to the {@link #event:matched:data} event.\n\t */\n\tpublic testCallback: ( text: string ) => unknown;\n\n\t/**\n\t * Whether there is a match currently.\n\t */\n\tprivate _hasMatch: boolean;\n\n\t/**\n\t * Flag indicating whether the `TextWatcher` instance is enabled or disabled.\n\t * A disabled TextWatcher will not evaluate text.\n\t *\n\t * To disable TextWatcher:\n\t *\n\t * ```ts\n\t * const watcher = new TextWatcher( editor.model, testCallback );\n\t *\n\t * // After this a testCallback will not be called.\n\t * watcher.isEnabled = false;\n\t * ```\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * Creates a text watcher instance.\n\t *\n\t * @param testCallback See {@link module:typing/textwatcher~TextWatcher#testCallback}.\n\t */\n\tconstructor( model: Model, testCallback: ( text: string ) => unknown ) {\n\t\tsuper();\n\n\t\tthis.model = model;\n\t\tthis.testCallback = testCallback;\n\t\tthis._hasMatch = false;\n\n\t\tthis.set( 'isEnabled', true );\n\n\t\t// Toggle text watching on isEnabled state change.\n\t\tthis.on<ObservableChangeEvent>( 'change:isEnabled', () => {\n\t\t\tif ( this.isEnabled ) {\n\t\t\t\tthis._startListening();\n\t\t\t} else {\n\t\t\t\tthis.stopListening( model.document.selection );\n\t\t\t\tthis.stopListening( model.document );\n\t\t\t}\n\t\t} );\n\n\t\tthis._startListening();\n\t}\n\n\t/**\n\t * Flag indicating whether there is a match currently.\n\t */\n\tpublic get hasMatch(): boolean {\n\t\treturn this._hasMatch;\n\t}\n\n\t/**\n\t * Starts listening to the editor for typing and selection events.\n\t */\n\tprivate _startListening(): void {\n\t\tconst model = this.model;\n\t\tconst document = model.document;\n\n\t\tthis.listenTo<ModelDocumentSelectionChangeEvent>( document.selection, 'change:range', ( evt, { directChange } ) => {\n\t\t\t// Indirect changes (i.e. when the user types or external changes are applied) are handled in the document's change event.\n\t\t\tif ( !directChange ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Act only on collapsed selection.\n\t\t\tif ( !document.selection.isCollapsed ) {\n\t\t\t\tif ( this.hasMatch ) {\n\t\t\t\t\tthis.fire( 'unmatched' );\n\t\t\t\t\tthis._hasMatch = false;\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._evaluateTextBeforeSelection( 'selection' );\n\t\t} );\n\n\t\tthis.listenTo<ModelDocumentChangeEvent>( document, 'change:data', ( evt, batch ) => {\n\t\t\tif ( batch.isUndo || !batch.isLocal ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._evaluateTextBeforeSelection( 'data', { batch } );\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the editor content for matched text.\n\t *\n\t * @fires matched:data\n\t * @fires matched:selection\n\t * @fires unmatched\n\t *\n\t * @param suffix A suffix used for generating the event name.\n\t * @param data Data object for event.\n\t */\n\tprivate _evaluateTextBeforeSelection( suffix: 'data' | 'selection', data: { batch?: Batch } = {} ): void {\n\t\tconst model = this.model;\n\t\tconst document = model.document;\n\t\tconst selection = document.selection;\n\n\t\tconst rangeBeforeSelection = model.createRange( model.createPositionAt( selection.focus!.parent, 0 ), selection.focus! );\n\n\t\tconst { text, range } = getLastTextLine( rangeBeforeSelection, model );\n\n\t\tconst testResult = this.testCallback( text );\n\n\t\tif ( !testResult && this.hasMatch ) {\n\t\t\tthis.fire<TextWatcherUnmatchedTypingEvent>( 'unmatched' );\n\t\t}\n\n\t\tthis._hasMatch = !!testResult;\n\n\t\tif ( testResult ) {\n\t\t\tconst eventData = Object.assign( data, { text, range } );\n\n\t\t\t// If the test callback returns an object with additional data, assign the data as well.\n\t\t\tif ( typeof testResult == 'object' ) {\n\t\t\t\tObject.assign( eventData, testResult );\n\t\t\t}\n\n\t\t\tthis.fire<TextWatcherMatchedEvent>( `matched:${ suffix }`, eventData );\n\t\t}\n\t}\n}\n\nexport type TextWatcherMatchedEvent<TCallbackResult extends Record<string, unknown> = Record<string, unknown>> = {\n\tname: 'matched' | 'matched:data' | 'matched:selection';\n\targs: [ {\n\t\ttext: string;\n\t\trange: ModelRange;\n\t\tbatch?: Batch;\n\t} & TCallbackResult ];\n};\n\n/**\n * Fired whenever the text watcher found a match for data changes.\n *\n * @eventName ~TextWatcher#matched:data\n * @param data Event data.\n * @param data.testResult The additional data returned from the {@link module:typing/textwatcher~TextWatcher#testCallback}.\n */\nexport type TextWatcherMatchedDataEvent<TCallbackResult extends Record<string, unknown>> = {\n\tname: 'matched:data';\n\targs: [ data: TextWatcherMatchedTypingDataEventData & TCallbackResult ];\n};\n\nexport interface TextWatcherMatchedTypingDataEventData {\n\n\t/**\n\t * The full text before selection to which the regexp was applied.\n\t */\n\ttext: string;\n\n\t/**\n\t * The range representing the position of the `data.text`.\n\t */\n\trange: ModelRange;\n\n\tbatch: Batch;\n}\n\n/**\n * Fired whenever the text watcher found a match for selection changes.\n *\n * @eventName ~TextWatcher#matched:selection\n * @param data Event data.\n * @param data.testResult The additional data returned from the {@link module:typing/textwatcher~TextWatcher#testCallback}.\n */\nexport type TextWatcherMatchedTypingSelectionEvent<TCallbackResult extends Record<string, unknown>> = {\n\tname: 'matched:selection';\n\targs: [ data: TextWatcherMatchedTypingSelectionEventData & TCallbackResult ];\n};\n\nexport interface TextWatcherMatchedTypingSelectionEventData {\n\n\t/**\n\t * The full text before selection.\n\t */\n\ttext: string;\n\n\t/**\n\t * The range representing the position of the `data.text`.\n\t */\n\trange: ModelRange;\n}\n\n/**\n * Fired whenever the text does not match anymore. Fired only when the text watcher found a match.\n *\n * @eventName ~TextWatcher#unmatched\n */\nexport type TextWatcherUnmatchedTypingEvent = {\n\tname: 'unmatched';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/twostepcaretmovement\n */\n\nimport { Plugin, type Editor } from '@ckeditor/ckeditor5-core';\n\nimport { keyCodes } from '@ckeditor/ckeditor5-utils';\n\nimport {\n\tMouseObserver,\n\tTouchObserver,\n\ttype ModelDocumentSelection,\n\ttype ModelDocumentSelectionChangeRangeEvent,\n\ttype ViewDocumentDomEventData,\n\ttype Model,\n\ttype ModelPosition,\n\ttype ViewDocumentArrowKeyEvent,\n\ttype ViewDocumentMouseDownEvent,\n\ttype ViewDocumentObserverSelectionChangeEvent,\n\ttype ViewDocumentTouchStartEvent,\n\ttype ModelInsertContentEvent,\n\ttype ModelDeleteContentEvent\n} from '@ckeditor/ckeditor5-engine';\n\nimport type { ViewDocumentDeleteEvent } from './deleteobserver.js';\n\n/**\n * This plugin enables the two-step caret (phantom) movement behavior for\n * {@link module:typing/twostepcaretmovement~TwoStepCaretMovement#registerAttribute registered attributes}\n * on arrow right (<kbd>→</kbd>) and left (<kbd>←</kbd>) key press.\n *\n * Thanks to this (phantom) caret movement the user is able to type before/after as well as at the\n * beginning/end of an attribute.\n *\n * **Note:** This plugin support right–to–left (Arabic, Hebrew, etc.) content by mirroring its behavior\n * but for the sake of simplicity examples showcase only left–to–right use–cases.\n *\n * # Forward movement\n *\n * ## \"Entering\" an attribute:\n *\n * When this plugin is enabled and registered for the `a` attribute and the selection is right before it\n * (at the attribute boundary), pressing the right arrow key will not move the selection but update its\n * attributes accordingly:\n *\n * * When enabled:\n *\n * ```xml\n * foo{}<$text a=\"true\">bar</$text>\n * ```\n *\n * \t<kbd>→</kbd>\n *\n * ```xml\n * foo<$text a=\"true\">{}bar</$text>\n * ```\n *\n * * When disabled:\n *\n * ```xml\n * foo{}<$text a=\"true\">bar</$text>\n * ```\n *\n * \t<kbd>→</kbd>\n *\n * ```xml\n * foo<$text a=\"true\">b{}ar</$text>\n * ```\n *\n *\n * ## \"Leaving\" an attribute:\n *\n * * When enabled:\n *\n * ```xml\n * <$text a=\"true\">bar{}</$text>baz\n * ```\n *\n * \t<kbd>→</kbd>\n *\n * ```xml\n * <$text a=\"true\">bar</$text>{}baz\n * ```\n *\n * * When disabled:\n *\n * ```xml\n * <$text a=\"true\">bar{}</$text>baz\n * ```\n *\n * \t<kbd>→</kbd>\n *\n * ```xml\n * <$text a=\"true\">bar</$text>b{}az\n * ```\n *\n * # Backward movement\n *\n * * When enabled:\n *\n * ```xml\n * <$text a=\"true\">bar</$text>{}baz\n * ```\n *\n * \t<kbd>←</kbd>\n *\n * ```xml\n * <$text a=\"true\">bar{}</$text>baz\n * ```\n *\n * * When disabled:\n *\n * ```xml\n * <$text a=\"true\">bar</$text>{}baz\n * ```\n *\n * \t<kbd>←</kbd>\n *\n * ```xml\n * <$text a=\"true\">ba{}r</$text>b{}az\n * ```\n *\n * # Multiple attributes\n *\n * * When enabled and many attributes starts or ends at the same position:\n *\n * ```xml\n * <$text a=\"true\" b=\"true\">bar</$text>{}baz\n * ```\n *\n * \t<kbd>←</kbd>\n *\n * ```xml\n * <$text a=\"true\" b=\"true\">bar{}</$text>baz\n * ```\n *\n * * When enabled and one procedes another:\n *\n * ```xml\n * <$text a=\"true\">bar</$text><$text b=\"true\">{}bar</$text>\n * ```\n *\n * \t<kbd>←</kbd>\n *\n * ```xml\n * <$text a=\"true\">bar{}</$text><$text b=\"true\">bar</$text>\n * ```\n *\n */\nexport class TwoStepCaretMovement extends Plugin {\n\t/**\n\t * A set of attributes to handle.\n\t */\n\tprivate attributes: Set<string>;\n\n\t/**\n\t * The current UID of the overridden gravity, as returned by\n\t * {@link module:engine/model/writer~ModelWriter#overrideSelectionGravity}.\n\t */\n\tprivate _overrideUid: string | null;\n\n\t/**\n\t * A flag indicating that the automatic gravity restoration should not happen upon the next\n\t * gravity restoration.\n\t * {@link module:engine/model/selection~ModelSelection#event:change:range} event.\n\t */\n\n\tprivate _isNextGravityRestorationSkipped = false;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TwoStepCaretMovement' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.attributes = new Set();\n\t\tthis._overrideUid = null;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst view = editor.editing.view;\n\t\tconst locale = editor.locale;\n\n\t\tconst modelSelection = model.document.selection;\n\n\t\t// Listen to keyboard events and handle the caret movement according to the 2-step caret logic.\n\t\tthis.listenTo<ViewDocumentArrowKeyEvent>( view.document, 'arrowKey', ( evt, data ) => {\n\t\t\t// This implementation works only for collapsed selection.\n\t\t\tif ( !modelSelection.isCollapsed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// When user tries to expand the selection or jump over the whole word or to the beginning/end then\n\t\t\t// two-steps movement is not necessary.\n\t\t\tif ( data.shiftKey || data.altKey || data.ctrlKey ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst arrowRightPressed = data.keyCode == keyCodes.arrowright;\n\t\t\tconst arrowLeftPressed = data.keyCode == keyCodes.arrowleft;\n\n\t\t\t// When neither left or right arrow has been pressed then do noting.\n\t\t\tif ( !arrowRightPressed && !arrowLeftPressed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst contentDirection = locale.contentLanguageDirection;\n\t\t\tlet isMovementHandled = false;\n\n\t\t\tif ( ( contentDirection === 'ltr' && arrowRightPressed ) || ( contentDirection === 'rtl' && arrowLeftPressed ) ) {\n\t\t\t\tisMovementHandled = this._handleForwardMovement( data );\n\t\t\t} else {\n\t\t\t\tisMovementHandled = this._handleBackwardMovement( data );\n\t\t\t}\n\n\t\t\t// Stop the keydown event if the two-step caret movement handled it. Avoid collisions\n\t\t\t// with other features which may also take over the caret movement (e.g. Widget).\n\t\t\tif ( isMovementHandled === true ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { context: '$text', priority: 'highest' } );\n\n\t\t// The automatic gravity restoration logic.\n\t\tthis.listenTo<ModelDocumentSelectionChangeRangeEvent>( modelSelection, 'change:range', ( evt, data ) => {\n\t\t\t// Skipping the automatic restoration is needed if the selection should change\n\t\t\t// but the gravity must remain overridden afterwards. See the #handleBackwardMovement\n\t\t\t// to learn more.\n\t\t\tif ( this._isNextGravityRestorationSkipped ) {\n\t\t\t\tthis._isNextGravityRestorationSkipped = false;\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Skip automatic restore when the gravity is not overridden — simply, there's nothing to restore\n\t\t\t// at this moment.\n\t\t\tif ( !this._isGravityOverridden ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Skip automatic restore when the change is indirect AND the selection is at the attribute boundary.\n\t\t\t// It means that e.g. if the change was external (collaboration) and the user had their\n\t\t\t// selection around the link, its gravity should remain intact in this change:range event.\n\t\t\tif ( !data.directChange && isBetweenDifferentAttributes( modelSelection.getFirstPosition()!, this.attributes ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._restoreGravity();\n\t\t} );\n\n\t\t// Handle a click at the beginning/end of a two-step element.\n\t\tthis._enableClickingAfterNode();\n\n\t\t// Change the attributes of the selection in certain situations after the two-step node was inserted into the document.\n\t\tthis._enableInsertContentSelectionAttributesFixer();\n\n\t\t// Handle removing the content after the two-step node.\n\t\tthis._handleDeleteContentAfterNode();\n\t}\n\n\t/**\n\t * Registers a given attribute for the two-step caret movement.\n\t *\n\t * @param attribute Name of the attribute to handle.\n\t */\n\tpublic registerAttribute( attribute: string ): void {\n\t\tthis.attributes.add( attribute );\n\t}\n\n\t/**\n\t * Updates the document selection and the view according to the two–step caret movement state\n\t * when moving **forwards**. Executed upon `keypress` in the {@link module:engine/view/view~EditingView}.\n\t *\n\t * @internal\n\t * @param eventData Data of the key press.\n\t * @returns `true` when the handler prevented caret movement.\n\t */\n\tpublic _handleForwardMovement( eventData?: ViewDocumentDomEventData ): boolean {\n\t\tconst attributes = this.attributes;\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst position = selection.getFirstPosition()!;\n\n\t\t// DON'T ENGAGE 2-SCM if gravity is already overridden. It means that we just entered\n\t\t//\n\t\t// \t\t<paragraph>foo<$text attribute>{}bar</$text>baz</paragraph>\n\t\t//\n\t\t// or left the attribute\n\t\t//\n\t\t// \t\t<paragraph>foo<$text attribute>bar</$text>{}baz</paragraph>\n\t\t//\n\t\t// and the gravity will be restored automatically.\n\t\tif ( this._isGravityOverridden ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// DON'T ENGAGE 2-SCM when the selection is at the beginning of the block AND already has the\n\t\t// attribute:\n\t\t// * when the selection was initially set there using the mouse,\n\t\t// * when the editor has just started\n\t\t//\n\t\t//\t\t<paragraph><$text attribute>{}bar</$text>baz</paragraph>\n\t\t//\n\t\tif ( position.isAtStart && hasAnyAttribute( selection, attributes ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// ENGAGE 2-SCM When at least one of the observed attributes changes its value (incl. starts, ends).\n\t\t//\n\t\t//\t\t<paragraph>foo<$text attribute>bar{}</$text>baz</paragraph>\n\t\t//\t\t<paragraph>foo<$text attribute>bar{}</$text><$text otherAttribute>baz</$text></paragraph>\n\t\t//\t\t<paragraph>foo<$text attribute=1>bar{}</$text><$text attribute=2>baz</$text></paragraph>\n\t\t//\t\t<paragraph>foo{}<$text attribute>bar</$text>baz</paragraph>\n\t\t//\n\t\tif ( isBetweenDifferentAttributes( position, attributes ) ) {\n\t\t\tif ( eventData ) {\n\t\t\t\tpreventCaretMovement( eventData );\n\t\t\t}\n\n\t\t\t// CLEAR 2-SCM attributes if we are at the end of one 2-SCM and before\n\t\t\t// the next one with a different value of the same attribute.\n\t\t\t//\n\t\t\t//\t\t<paragraph>foo<$text attribute=1>bar{}</$text><$text attribute=2>bar</$text>baz</paragraph>\n\t\t\t//\n\t\t\tif (\n\t\t\t\thasAnyAttribute( selection, attributes ) &&\n\t\t\t\tisBetweenDifferentAttributes( position, attributes, true )\n\t\t\t) {\n\t\t\t\tclearSelectionAttributes( model, attributes );\n\t\t\t} else {\n\t\t\t\tthis._overrideGravity();\n\t\t\t}\n\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Updates the document selection and the view according to the two–step caret movement state\n\t * when moving **backwards**. Executed upon `keypress` in the {@link module:engine/view/view~EditingView}.\n\t *\n\t * @internal\n\t * @param eventData Data of the key press.\n\t * @returns `true` when the handler prevented caret movement\n\t */\n\tpublic _handleBackwardMovement( eventData?: ViewDocumentDomEventData ): boolean {\n\t\tconst attributes = this.attributes;\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst position = selection.getFirstPosition()!;\n\n\t\t// When the gravity is already overridden (by this plugin), it means we are on the two-step position.\n\t\t// Prevent the movement, restore the gravity and update selection attributes.\n\t\t//\n\t\t//\t\t<paragraph>foo<$text attribute=1>bar</$text><$text attribute=2>{}baz</$text></paragraph>\n\t\t//\t\t<paragraph>foo<$text attribute>bar</$text><$text otherAttribute>{}baz</$text></paragraph>\n\t\t//\t\t<paragraph>foo<$text attribute>{}bar</$text>baz</paragraph>\n\t\t//\t\t<paragraph>foo<$text attribute>bar</$text>{}baz</paragraph>\n\t\t//\n\t\tif ( this._isGravityOverridden ) {\n\t\t\tif ( eventData ) {\n\t\t\t\tpreventCaretMovement( eventData );\n\t\t\t}\n\n\t\t\tthis._restoreGravity();\n\n\t\t\t// CLEAR 2-SCM attributes if we are at the end of one 2-SCM and before\n\t\t\t// the next one with a different value of the same attribute.\n\t\t\t//\n\t\t\t//\t\t<paragraph>foo<$text attribute=1>bar</$text><$text attribute=2>{}bar</$text>baz</paragraph>\n\t\t\t//\n\t\t\tif ( isBetweenDifferentAttributes( position, attributes, true ) ) {\n\t\t\t\tclearSelectionAttributes( model, attributes );\n\t\t\t} else {\n\t\t\t\tsetSelectionAttributesFromTheNodeBefore( model, attributes, position );\n\t\t\t}\n\n\t\t\treturn true;\n\t\t} else {\n\t\t\t// REMOVE SELECTION ATTRIBUTE when restoring gravity towards a non-existent content at the\n\t\t\t// beginning of the block.\n\t\t\t//\n\t\t\t// \t\t<paragraph>{}<$text attribute>bar</$text></paragraph>\n\t\t\t//\n\t\t\tif ( position.isAtStart ) {\n\t\t\t\tif ( hasAnyAttribute( selection, attributes ) ) {\n\t\t\t\t\tif ( eventData ) {\n\t\t\t\t\t\tpreventCaretMovement( eventData );\n\t\t\t\t\t}\n\n\t\t\t\t\tsetSelectionAttributesFromTheNodeBefore( model, attributes, position );\n\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// SET 2-SCM attributes if we are between nodes with the same attribute but with different values.\n\t\t\t//\n\t\t\t//\t\t<paragraph>foo<$text attribute=1>bar</$text>[]<$text attribute=2>bar</$text>baz</paragraph>\n\t\t\t//\n\t\t\tif (\n\t\t\t\t!hasAnyAttribute( selection, attributes ) &&\n\t\t\t\tisBetweenDifferentAttributes( position, attributes, true )\n\t\t\t) {\n\t\t\t\tif ( eventData ) {\n\t\t\t\t\tpreventCaretMovement( eventData );\n\t\t\t\t}\n\n\t\t\t\tsetSelectionAttributesFromTheNodeBefore( model, attributes, position );\n\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\t// When we are moving from natural gravity, to the position of the 2SCM, we need to override the gravity,\n\t\t\t// and make sure it won't be restored. Unless it's at the end of the block and an observed attribute.\n\t\t\t// We need to check if the caret is a one position before the attribute boundary:\n\t\t\t//\n\t\t\t//\t\t<paragraph>foo<$text attribute=1>bar</$text><$text attribute=2>b{}az</$text></paragraph>\n\t\t\t//\t\t<paragraph>foo<$text attribute>bar</$text><$text otherAttribute>b{}az</$text></paragraph>\n\t\t\t//\t\t<paragraph>foo<$text attribute>b{}ar</$text>baz</paragraph>\n\t\t\t//\t\t<paragraph>foo<$text attribute>bar</$text>b{}az</paragraph>\n\t\t\t//\n\t\t\tif ( isStepAfterAnyAttributeBoundary( position, attributes ) ) {\n\t\t\t\t// ENGAGE 2-SCM if the selection has no attribute. This may happen when the user\n\t\t\t\t// left the attribute using a FORWARD 2-SCM.\n\t\t\t\t//\n\t\t\t\t// \t\t<paragraph><$text attribute>bar</$text>{}</paragraph>\n\t\t\t\t//\n\t\t\t\tif (\n\t\t\t\t\tposition.isAtEnd &&\n\t\t\t\t\t!hasAnyAttribute( selection, attributes ) &&\n\t\t\t\t\tisBetweenDifferentAttributes( position, attributes )\n\t\t\t\t) {\n\t\t\t\t\tif ( eventData ) {\n\t\t\t\t\t\tpreventCaretMovement( eventData );\n\t\t\t\t\t}\n\n\t\t\t\t\tsetSelectionAttributesFromTheNodeBefore( model, attributes, position );\n\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\t// Skip the automatic gravity restore upon the next selection#change:range event.\n\t\t\t\t// If not skipped, it would automatically restore the gravity, which should remain\n\t\t\t\t// overridden.\n\t\t\t\tthis._isNextGravityRestorationSkipped = true;\n\t\t\t\tthis._overrideGravity();\n\n\t\t\t\t// Don't return \"true\" here because we didn't call _preventCaretMovement.\n\t\t\t\t// Returning here will destabilize the filler logic, which also listens to\n\t\t\t\t// keydown (and the event would be stopped).\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Starts listening to {@link module:engine/view/document~ViewDocument#event:mousedown} and\n\t * {@link module:engine/view/document~ViewDocument#event:selectionChange} and puts the selection before/after a 2-step node\n\t * if clicked at the beginning/ending of the 2-step node.\n\t *\n\t * The purpose of this action is to allow typing around the 2-step node directly after a click.\n\t *\n\t * See https://github.com/ckeditor/ckeditor5/issues/1016.\n\t */\n\tprivate _enableClickingAfterNode(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst document = editor.editing.view.document;\n\n\t\teditor.editing.view.addObserver( MouseObserver );\n\t\teditor.editing.view.addObserver( TouchObserver );\n\n\t\tlet touched = false;\n\t\tlet clicked = false;\n\n\t\t// This event should be fired before selection on mobile devices.\n\t\tthis.listenTo<ViewDocumentTouchStartEvent>( document, 'touchstart', () => {\n\t\t\tclicked = false;\n\t\t\ttouched = true;\n\t\t} );\n\n\t\t// Track mouse click event.\n\t\t// Keep in mind that it's often called after the selection change on iOS devices.\n\t\t// On the Android devices, it's called before the selection change.\n\t\t// That's why we watch `touchstart` event on mobile and set `touched` flag, as it's fired before the selection change.\n\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/17171\n\t\tthis.listenTo<ViewDocumentMouseDownEvent>( document, 'mousedown', () => {\n\t\t\tclicked = true;\n\t\t} );\n\n\t\t// When the selection has changed...\n\t\tthis.listenTo<ViewDocumentObserverSelectionChangeEvent>( document, 'selectionChange', () => {\n\t\t\tconst attributes = this.attributes;\n\n\t\t\tif ( !clicked && !touched ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// ...and it was caused by the click or touch...\n\t\t\tclicked = false;\n\t\t\ttouched = false;\n\n\t\t\t// ...and no text is selected...\n\t\t\tif ( !selection.isCollapsed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// ...and clicked text is the 2-step node...\n\t\t\tif ( !hasAnyAttribute( selection, attributes ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst position = selection.getFirstPosition()!;\n\n\t\t\tif ( !isBetweenDifferentAttributes( position, attributes ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// The selection at the start of a block would use surrounding attributes\n\t\t\t// from text after the selection so just clear 2-SCM attributes.\n\t\t\t//\n\t\t\t// Also, clear attributes for selection between same attribute with different values.\n\t\t\tif (\n\t\t\t\tposition.isAtStart ||\n\t\t\t\tisBetweenDifferentAttributes( position, attributes, true )\n\t\t\t) {\n\t\t\t\tclearSelectionAttributes( model, attributes );\n\t\t\t}\n\t\t\telse if ( !this._isGravityOverridden ) {\n\t\t\t\tthis._overrideGravity();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Starts listening to {@link module:engine/model/model~Model#event:insertContent} and corrects the model\n\t * selection attributes if the selection is at the end of a two-step node after inserting the content.\n\t *\n\t * The purpose of this action is to improve the overall UX because the user is no longer \"trapped\" by the\n\t * two-step attribute of the selection, and they can type a \"clean\" (`linkHref`–less) text right away.\n\t *\n\t * See https://github.com/ckeditor/ckeditor5/issues/6053.\n\t */\n\tprivate _enableInsertContentSelectionAttributesFixer(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst attributes = this.attributes;\n\n\t\tthis.listenTo<ModelInsertContentEvent>( model, 'insertContent', () => {\n\t\t\tconst position = selection.getFirstPosition()!;\n\n\t\t\tif (\n\t\t\t\thasAnyAttribute( selection, attributes ) &&\n\t\t\t\tisBetweenDifferentAttributes( position, attributes )\n\t\t\t) {\n\t\t\t\tclearSelectionAttributes( model, attributes );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t}\n\n\t/**\n\t * Starts listening to {@link module:engine/model/model~Model#deleteContent} and checks whether\n\t * removing a content right after the tow-step attribute.\n\t *\n\t * If so, the selection should not preserve the two-step attribute. However, if\n\t * the {@link module:typing/twostepcaretmovement~TwoStepCaretMovement} plugin is active and\n\t * the selection has the two-step attribute due to overridden gravity (at the end), the two-step attribute should stay untouched.\n\t *\n\t * The purpose of this action is to allow removing the link text and keep the selection outside the link.\n\t *\n\t * See https://github.com/ckeditor/ckeditor5/issues/7521.\n\t */\n\tprivate _handleDeleteContentAfterNode(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst view = editor.editing.view;\n\n\t\tlet isBackspace = false;\n\t\tlet shouldPreserveAttributes = false;\n\n\t\t// Detect pressing `Backspace`.\n\t\tthis.listenTo<ViewDocumentDeleteEvent>( view.document, 'delete', ( evt, data ) => {\n\t\t\tisBackspace = data.direction === 'backward';\n\t\t}, { priority: 'high' } );\n\n\t\t// Before removing the content, check whether the selection is inside a two-step attribute.\n\t\t// If so, we want to preserve those attributes.\n\t\tthis.listenTo<ModelDeleteContentEvent>( model, 'deleteContent', () => {\n\t\t\tif ( !isBackspace ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst position = selection.getFirstPosition()!;\n\n\t\t\tshouldPreserveAttributes = hasAnyAttribute( selection, this.attributes ) &&\n\t\t\t\t!isStepAfterAnyAttributeBoundary( position, this.attributes );\n\t\t}, { priority: 'high' } );\n\n\t\t// After removing the content, check whether the current selection should preserve the `linkHref` attribute.\n\t\tthis.listenTo<ModelDeleteContentEvent>( model, 'deleteContent', () => {\n\t\t\tif ( !isBackspace ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tisBackspace = false;\n\n\t\t\t// Do not escape two-step attribute if it was inside it before content deletion.\n\t\t\tif ( shouldPreserveAttributes ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Use `model.enqueueChange()` in order to execute the callback at the end of the changes process.\n\t\t\teditor.model.enqueueChange( () => {\n\t\t\t\tconst position = selection.getFirstPosition()!;\n\n\t\t\t\tif (\n\t\t\t\t\thasAnyAttribute( selection, this.attributes ) &&\n\t\t\t\t\tisBetweenDifferentAttributes( position, this.attributes )\n\t\t\t\t) {\n\t\t\t\t\tif ( position.isAtStart || isBetweenDifferentAttributes( position, this.attributes, true ) ) {\n\t\t\t\t\t\tclearSelectionAttributes( model, this.attributes );\n\t\t\t\t\t}\n\t\t\t\t\telse if ( !this._isGravityOverridden ) {\n\t\t\t\t\t\tthis._overrideGravity();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t}, { priority: 'low' } );\n\t}\n\n\t/**\n\t * `true` when the gravity is overridden for the plugin.\n\t */\n\tprivate get _isGravityOverridden(): boolean {\n\t\treturn !!this._overrideUid;\n\t}\n\n\t/**\n\t * Overrides the gravity using the {@link module:engine/model/writer~ModelWriter model writer}\n\t * and stores the information about this fact in the {@link #_overrideUid}.\n\t *\n\t * A shorthand for {@link module:engine/model/writer~ModelWriter#overrideSelectionGravity}.\n\t */\n\tprivate _overrideGravity(): void {\n\t\tthis._overrideUid = this.editor.model.change( writer => {\n\t\t\treturn writer.overrideSelectionGravity();\n\t\t} );\n\t}\n\n\t/**\n\t * Restores the gravity using the {@link module:engine/model/writer~ModelWriter model writer}.\n\t *\n\t * A shorthand for {@link module:engine/model/writer~ModelWriter#restoreSelectionGravity}.\n\t */\n\tprivate _restoreGravity(): void {\n\t\tthis.editor.model.change( writer => {\n\t\t\twriter.restoreSelectionGravity( this._overrideUid! );\n\t\t\tthis._overrideUid = null;\n\t\t} );\n\t}\n}\n\n/**\n * Checks whether the selection has any of given attributes.\n */\nfunction hasAnyAttribute( selection: ModelDocumentSelection, attributes: Set<string> ): boolean {\n\tfor ( const observedAttribute of attributes ) {\n\t\tif ( selection.hasAttribute( observedAttribute ) ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/**\n * Applies the given attributes to the current selection using using the\n * values from the node before the current position. Uses\n * the {@link module:engine/model/writer~ModelWriter model writer}.\n */\nfunction setSelectionAttributesFromTheNodeBefore( model: Model, attributes: Set<string>, position: ModelPosition ) {\n\tconst nodeBefore = position.nodeBefore;\n\n\tmodel.change( writer => {\n\t\tif ( nodeBefore ) {\n\t\t\tconst attributes: Array<[string, unknown]> = [];\n\t\t\tconst isInlineObject = model.schema.isObject( nodeBefore ) && model.schema.isInline( nodeBefore );\n\n\t\t\tfor ( const [ key, value ] of nodeBefore.getAttributes() ) {\n\t\t\t\tif (\n\t\t\t\t\tmodel.schema.checkAttribute( '$text', key ) &&\n\t\t\t\t\t( !isInlineObject || model.schema.getAttributeProperties( key ).copyFromObject !== false )\n\t\t\t\t) {\n\t\t\t\t\tattributes.push( [ key, value ] );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\twriter.setSelectionAttribute( attributes );\n\t\t} else {\n\t\t\twriter.removeSelectionAttribute( attributes );\n\t\t}\n\t} );\n}\n\n/**\n * Removes 2-SCM attributes from the selection.\n */\nfunction clearSelectionAttributes( model: Model, attributes: Set<string> ) {\n\tmodel.change( writer => {\n\t\twriter.removeSelectionAttribute( attributes );\n\t} );\n}\n\n/**\n * Prevents the caret movement in the view by calling `preventDefault` on the event data.\n *\n * @alias data.preventDefault\n */\nfunction preventCaretMovement( data: ViewDocumentDomEventData ) {\n\tdata.preventDefault();\n}\n\n/**\n * Checks whether the step before `isBetweenDifferentAttributes()`.\n */\nfunction isStepAfterAnyAttributeBoundary( position: ModelPosition, attributes: Set<string> ): boolean {\n\tconst positionBefore = position.getShiftedBy( -1 );\n\treturn isBetweenDifferentAttributes( positionBefore, attributes );\n}\n\n/**\n * Checks whether the given position is between different values of given attributes.\n */\nfunction isBetweenDifferentAttributes( position: ModelPosition, attributes: Set<string>, isStrict: boolean = false ): boolean {\n\tconst { nodeBefore, nodeAfter } = position;\n\n\tfor ( const observedAttribute of attributes ) {\n\t\tconst attrBefore = nodeBefore ? nodeBefore.getAttribute( observedAttribute ) : undefined;\n\t\tconst attrAfter = nodeAfter ? nodeAfter.getAttribute( observedAttribute ) : undefined;\n\n\t\tif ( isStrict && ( attrBefore === undefined || attrAfter === undefined ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tif ( attrAfter !== attrBefore ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/texttransformation\n */\n\nimport {\n\tPlugin,\n\ttype Editor\n} from '@ckeditor/ckeditor5-core';\n\nimport type { ModelPosition } from '@ckeditor/ckeditor5-engine';\n\nimport { TextWatcher, type TextWatcherMatchedDataEvent } from './textwatcher.js';\nimport type { TextTransformationConfig, TextTypingTransformationDescription } from './typingconfig.js';\nimport { type Delete } from './delete.js';\n\nimport { escapeRegExp } from 'es-toolkit/compat';\n\n// All named transformations.\nconst TRANSFORMATIONS: Record<string, TextTypingTransformationDescription> = {\n\t// Common symbols:\n\tcopyright: { from: '(c)', to: '©' },\n\tregisteredTrademark: { from: '(r)', to: '®' },\n\ttrademark: { from: '(tm)', to: '™' },\n\n\t// Mathematical:\n\toneHalf: { from: /(^|[^/a-z0-9])(1\\/2)([^/a-z0-9])$/i, to: [ null, '½', null ] },\n\toneThird: { from: /(^|[^/a-z0-9])(1\\/3)([^/a-z0-9])$/i, to: [ null, '⅓', null ] },\n\ttwoThirds: { from: /(^|[^/a-z0-9])(2\\/3)([^/a-z0-9])$/i, to: [ null, '⅔', null ] },\n\toneForth: { from: /(^|[^/a-z0-9])(1\\/4)([^/a-z0-9])$/i, to: [ null, '¼', null ] },\n\tthreeQuarters: { from: /(^|[^/a-z0-9])(3\\/4)([^/a-z0-9])$/i, to: [ null, '¾', null ] },\n\tlessThanOrEqual: { from: '<=', to: '≤' },\n\tgreaterThanOrEqual: { from: '>=', to: '≥' },\n\tnotEqual: { from: '!=', to: '≠' },\n\tarrowLeft: { from: '<-', to: '←' },\n\tarrowRight: { from: '->', to: '→' },\n\n\t// Typography:\n\thorizontalEllipsis: { from: '...', to: '…' },\n\tenDash: { from: /(^| )(--)( )$/, to: [ null, '–', null ] },\n\temDash: { from: /(^| )(---)( )$/, to: [ null, '—', null ] },\n\t// Quotations:\n\t// English, US\n\tquotesPrimary: { from: buildQuotesRegExp( '\"' ), to: [ null, '“', null, '”' ] },\n\tquotesSecondary: { from: buildQuotesRegExp( '\\'' ), to: [ null, '‘', null, '’' ] },\n\n\t// English, UK\n\tquotesPrimaryEnGb: { from: buildQuotesRegExp( '\\'' ), to: [ null, '‘', null, '’' ] },\n\tquotesSecondaryEnGb: { from: buildQuotesRegExp( '\"' ), to: [ null, '“', null, '”' ] },\n\n\t// Polish\n\tquotesPrimaryPl: { from: buildQuotesRegExp( '\"' ), to: [ null, '„', null, '”' ] },\n\tquotesSecondaryPl: { from: buildQuotesRegExp( '\\'' ), to: [ null, '‚', null, '’' ] }\n};\n\n// Transformation groups.\nconst TRANSFORMATION_GROUPS: Record<string, Array<string>> = {\n\tsymbols: [ 'copyright', 'registeredTrademark', 'trademark' ],\n\tmathematical: [\n\t\t'oneHalf', 'oneThird', 'twoThirds', 'oneForth', 'threeQuarters',\n\t\t'lessThanOrEqual', 'greaterThanOrEqual', 'notEqual',\n\t\t'arrowLeft', 'arrowRight'\n\t],\n\ttypography: [ 'horizontalEllipsis', 'enDash', 'emDash' ],\n\tquotes: [ 'quotesPrimary', 'quotesSecondary' ]\n};\n\n// A set of default transformations provided by the feature.\nconst DEFAULT_TRANSFORMATIONS = [\n\t'symbols',\n\t'mathematical',\n\t'typography',\n\t'quotes'\n];\n\n/**\n * The text transformation plugin.\n */\nexport class TextTransformation extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ 'Delete', 'Input' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TextTransformation' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'typing', {\n\t\t\ttransformations: {\n\t\t\t\tinclude: DEFAULT_TRANSFORMATIONS\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst model = this.editor.model;\n\t\tconst modelSelection = model.document.selection;\n\n\t\tmodelSelection.on( 'change:range', () => {\n\t\t\t// Disable plugin when selection is inside a code block.\n\t\t\tthis.isEnabled = !modelSelection.anchor!.parent.is( 'element', 'codeBlock' );\n\t\t} );\n\n\t\tthis._enableTransformationWatchers();\n\t}\n\n\t/**\n\t * Create new TextWatcher listening to the editor for typing and selection events.\n\t */\n\tprivate _enableTransformationWatchers(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst deletePlugin: Delete = editor.plugins.get( 'Delete' );\n\t\tconst normalizedTransformations = normalizeTransformations( editor.config.get( 'typing.transformations' )! );\n\n\t\tconst testCallback = ( text: string ) => {\n\t\t\tfor ( const normalizedTransformation of normalizedTransformations ) {\n\t\t\t\tconst from = normalizedTransformation.from;\n\t\t\t\tconst match = from.test( text );\n\n\t\t\t\tif ( match ) {\n\t\t\t\t\treturn { normalizedTransformation };\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst watcher = new TextWatcher( editor.model, testCallback );\n\n\t\twatcher.on<TextWatcherMatchedDataEvent<{\n\t\t\tnormalizedTransformation: NormalizedTransformationConfig;\n\t\t}>>( 'matched:data', ( evt, data ) => {\n\t\t\tif ( !data.batch.isTyping ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { from, to } = data.normalizedTransformation;\n\n\t\t\tconst matches = from.exec( data.text )!;\n\t\t\tconst replaces = to( matches.slice( 1 ) );\n\n\t\t\tconst matchedRange = data.range;\n\n\t\t\tlet changeIndex = matches.index;\n\n\t\t\tmodel.enqueueChange( writer => {\n\t\t\t\tfor ( let i = 1; i < matches.length; i++ ) {\n\t\t\t\t\tconst match = matches[ i ];\n\t\t\t\t\tconst replaceWith = replaces[ i - 1 ];\n\n\t\t\t\t\tif ( replaceWith == null ) {\n\t\t\t\t\t\tchangeIndex += match.length;\n\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst replacePosition = matchedRange.start.getShiftedBy( changeIndex );\n\t\t\t\t\tconst replaceRange = model.createRange( replacePosition, replacePosition.getShiftedBy( match.length ) );\n\t\t\t\t\tconst attributes = getTextAttributesAfterPosition( replacePosition );\n\n\t\t\t\t\tmodel.insertContent( writer.createText( replaceWith, attributes ), replaceRange );\n\n\t\t\t\t\tchangeIndex += replaceWith.length;\n\t\t\t\t}\n\n\t\t\t\tmodel.enqueueChange( () => {\n\t\t\t\t\tdeletePlugin.requestUndoOnBackspace();\n\t\t\t\t} );\n\t\t\t} );\n\t\t} );\n\n\t\twatcher.bind( 'isEnabled' ).to( this );\n\t}\n}\n\n/**\n * Normalizes the configuration `from` parameter value.\n * The normalized value for the `from` parameter is a RegExp instance. If the passed `from` is already a RegExp instance,\n * it is returned unchanged.\n */\nfunction normalizeFrom( from: string | RegExp ): RegExp {\n\tif ( typeof from == 'string' ) {\n\t\treturn new RegExp( `(${ escapeRegExp( from ) })$` );\n\t}\n\n\t// `from` is already a regular expression.\n\treturn from;\n}\n\n/**\n * Normalizes the configuration `to` parameter value.\n * The normalized value for the `to` parameter is a function that takes an array and returns an array. See more in the\n * configuration description. If the passed `to` is already a function, it is returned unchanged.\n */\nfunction normalizeTo( to: TextTypingTransformationDescription[ 'to' ] ) {\n\tif ( typeof to == 'string' ) {\n\t\treturn () => [ to ];\n\t} else if ( to instanceof Array ) {\n\t\treturn () => to;\n\t}\n\n\t// `to` is already a function.\n\treturn to;\n}\n\n/**\n * For given `position` returns attributes for the text that is after that position.\n * The text can be in the same text node as the position (`foo[]bar`) or in the next text node (`foo[]<$text bold=\"true\">bar</$text>`).\n */\nfunction getTextAttributesAfterPosition( position: ModelPosition ) {\n\tconst textNode = position.textNode ? position.textNode : position.nodeAfter;\n\n\treturn textNode!.getAttributes();\n}\n\n/**\n * Returns a RegExp pattern string that detects a sentence inside a quote.\n *\n * @param quoteCharacter The character to create a pattern for.\n */\nfunction buildQuotesRegExp( quoteCharacter: string ): RegExp {\n\treturn new RegExp( `(^|\\\\s)(${ quoteCharacter })([^${ quoteCharacter }]*)(${ quoteCharacter })$` );\n}\n\n/**\n * Reads text transformation config and returns normalized array of transformations objects.\n */\nfunction normalizeTransformations( config: TextTransformationConfig ): Array<NormalizedTransformationConfig> {\n\tconst extra = config.extra || [];\n\tconst remove = config.remove || [];\n\tconst isNotRemoved = ( transformation: TextTypingTransformationDescription | string ) => !remove.includes( transformation );\n\n\tconst configured = config.include.concat( extra ).filter( isNotRemoved );\n\n\treturn expandGroupsAndRemoveDuplicates( configured )\n\t\t.filter( isNotRemoved ) // Filter out 'remove' transformations as they might be set in group.\n\t\t.map( transformation => (\n\t\t\ttypeof transformation == 'string' && TRANSFORMATIONS[ transformation ] ? TRANSFORMATIONS[ transformation ] : transformation )\n\t\t)\n\t\t// Filter out transformations set as string that has not been found.\n\t\t.filter( ( transformation ): transformation is TextTypingTransformationDescription => typeof transformation === 'object' )\n\t\t.map( transformation => ( {\n\t\t\tfrom: normalizeFrom( transformation.from ),\n\t\t\tto: normalizeTo( transformation.to )\n\t\t} ) );\n}\n\n/**\n * Reads definitions and expands named groups if needed to transformation names.\n * This method also removes duplicated named transformations if any.\n */\nfunction expandGroupsAndRemoveDuplicates(\n\tdefinitions: Array<TextTypingTransformationDescription | string>\n): Array<TextTypingTransformationDescription | string> {\n\t// Set is using to make sure that transformation names are not duplicated.\n\tconst definedTransformations = new Set<TextTypingTransformationDescription | string>();\n\n\tfor ( const transformationOrGroup of definitions ) {\n\t\tif ( typeof transformationOrGroup == 'string' && TRANSFORMATION_GROUPS[ transformationOrGroup ] ) {\n\t\t\tfor ( const transformation of TRANSFORMATION_GROUPS[ transformationOrGroup ] ) {\n\t\t\t\tdefinedTransformations.add( transformation );\n\t\t\t}\n\t\t} else {\n\t\t\tdefinedTransformations.add( transformationOrGroup );\n\t\t}\n\t}\n\n\treturn Array.from( definedTransformations );\n}\n\ntype NormalizedTransformationConfig = {\n\tfrom: RegExp;\n\tto: ( matches: Array<string> ) => Array<string | null>;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/utils/findattributerange\n */\n\nimport type { ModelPosition, Model, ModelRange } from '@ckeditor/ckeditor5-engine';\n\n/**\n * Returns a model range that covers all consecutive nodes with the same `attributeName` and its `value`\n * that intersect the given `position`.\n *\n * It can be used e.g. to get the entire range on which the `linkHref` attribute needs to be changed when having a\n * selection inside a link.\n *\n * @param position The start position.\n * @param attributeName The attribute name.\n * @param value The attribute value.\n * @param model The model instance.\n * @returns The link range.\n */\nexport function findAttributeRange(\n\tposition: ModelPosition,\n\tattributeName: string,\n\tvalue: unknown,\n\tmodel: Model\n): ModelRange {\n\treturn model.createRange(\n\t\tfindAttributeRangeBound( position, attributeName, value, true, model ),\n\t\tfindAttributeRangeBound( position, attributeName, value, false, model )\n\t);\n}\n\n/**\n * Walks forward or backward (depends on the `lookBack` flag), node by node, as long as they have the same attribute value\n * and returns a position just before or after (depends on the `lookBack` flag) the last matched node.\n *\n * @param position The start position.\n * @param attributeName The attribute name.\n * @param value The attribute value.\n * @param lookBack Whether the walk direction is forward (`false`) or backward (`true`).\n * @returns The position just before the last matched node.\n */\nexport function findAttributeRangeBound(\n\tposition: ModelPosition,\n\tattributeName: string,\n\tvalue: unknown,\n\tlookBack: boolean,\n\tmodel: Model\n): ModelPosition {\n\t// Get node before or after position (depends on `lookBack` flag).\n\t// When position is inside text node then start searching from text node.\n\tlet node = position.textNode || ( lookBack ? position.nodeBefore : position.nodeAfter );\n\n\tlet lastNode = null;\n\n\twhile ( node && node.getAttribute( attributeName ) == value ) {\n\t\tlastNode = node;\n\t\tnode = lookBack ? node.previousSibling : node.nextSibling;\n\t}\n\n\treturn lastNode ? model.createPositionAt( lastNode, lookBack ? 'before' : 'after' ) : position;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 typing/utils/inlinehighlight\n */\n\nimport { findAttributeRange } from './findattributerange.js';\nimport type { Editor } from '@ckeditor/ckeditor5-core';\nimport type { ViewElement } from '@ckeditor/ckeditor5-engine';\n\n/**\n * Adds a visual highlight style to an attribute element in which the selection is anchored.\n * Together with two-step caret movement, they indicate that the user is typing inside the element.\n *\n * Highlight is turned on by adding the given class to the attribute element in the view:\n *\n * * The class is removed before the conversion has started, as callbacks added with the `'highest'` priority\n * to {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} events.\n * * The class is added in the view post fixer, after other changes in the model tree were converted to the view.\n *\n * This way, adding and removing the highlight does not interfere with conversion.\n *\n * Usage:\n *\n * ```ts\n * import { inlineHighlight } from '@ckeditor/ckeditor5-typing/src/utils/inlinehighlight';\n *\n * // Make `ck-link_selected` class be applied on an `a` element\n * // whenever the corresponding `linkHref` attribute element is selected.\n * inlineHighlight( editor, 'linkHref', 'a', 'ck-link_selected' );\n * ```\n *\n * @param editor The editor instance.\n * @param attributeName The attribute name to check.\n * @param tagName The tagName of a view item.\n * @param className The class name to apply in the view.\n */\nexport function inlineHighlight(\n\teditor: Editor,\n\tattributeName: string,\n\ttagName: string,\n\tclassName: string\n): void {\n\tconst view = editor.editing.view;\n\tconst highlightedElements = new Set<ViewElement>();\n\n\t// Adding the class.\n\tview.document.registerPostFixer( writer => {\n\t\tconst selection = editor.model.document.selection;\n\t\tlet changed = false;\n\n\t\tif ( selection.hasAttribute( attributeName ) ) {\n\t\t\tconst modelRange = findAttributeRange(\n\t\t\t\tselection.getFirstPosition()!,\n\t\t\t\tattributeName,\n\t\t\t\tselection.getAttribute( attributeName ),\n\t\t\t\teditor.model\n\t\t\t);\n\t\t\tconst viewRange = editor.editing.mapper.toViewRange( modelRange );\n\n\t\t\t// There might be multiple view elements in the `viewRange`, for example, when the `a` element is\n\t\t\t// broken by a UIElement.\n\t\t\tfor ( const item of viewRange.getItems() ) {\n\t\t\t\tif ( item.is( 'element', tagName ) && !item.hasClass( className ) ) {\n\t\t\t\t\twriter.addClass( className, item );\n\t\t\t\t\thighlightedElements.add( item );\n\t\t\t\t\tchanged = true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn changed;\n\t} );\n\n\t// Removing the class.\n\teditor.conversion.for( 'editingDowncast' ).add( dispatcher => {\n\t\t// Make sure the highlight is removed on every possible event, before conversion is started.\n\t\tdispatcher.on( 'insert', removeHighlight, { priority: 'highest' } );\n\t\tdispatcher.on( 'remove', removeHighlight, { priority: 'highest' } );\n\t\tdispatcher.on( 'attribute', removeHighlight, { priority: 'highest' } );\n\t\tdispatcher.on( 'selection', removeHighlight, { priority: 'highest' } );\n\n\t\tfunction removeHighlight() {\n\t\t\tview.change( writer => {\n\t\t\t\tfor ( const item of highlightedElements.values() ) {\n\t\t\t\t\twriter.removeClass( className, item );\n\t\t\t\t\thighlightedElements.delete( item );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t} );\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { Delete } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { ModelLiveRange, ModelSchemaContext } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { first } from '@ckeditor/ckeditor5-utils/dist/index.js';\n\n/**\n * The block autoformatting engine. It allows to format various block patterns. For example,\n * it can be configured to turn a paragraph starting with `*` and followed by a space into a list item.\n *\n * The autoformatting operation is integrated with the undo manager,\n * so the autoformatting step can be undone if the user's intention was not to format the text.\n *\n * See the {@link module:autoformat/blockautoformatediting~blockAutoformatEditing `blockAutoformatEditing`} documentation\n * to learn how to create custom block autoformatters. You can also use\n * the {@link module:autoformat/autoformat~Autoformat} feature which enables a set of default autoformatters\n * (lists, headings, bold and italic).\n *\n * @module autoformat/blockautoformatediting\n */ /**\n * Creates a listener triggered on {@link module:engine/model/document~ModelDocument#event:change:data `change:data`} event in the document.\n * Calls the callback when inserted text matches the regular expression or the command name\n * if provided instead of the callback.\n *\n * Examples of usage:\n *\n * To convert a paragraph into heading 1 when `- ` is typed, using just the command name:\n *\n * ```ts\n * blockAutoformatEditing( editor, plugin, /^\\- $/, 'heading1' );\n * ```\n *\n * To convert a paragraph into heading 1 when `- ` is typed, using just the callback:\n *\n * ```ts\n * blockAutoformatEditing( editor, plugin, /^\\- $/, ( context ) => {\n * \tconst { match } = context;\n * \tconst headingLevel = match[ 1 ].length;\n *\n * \teditor.execute( 'heading', {\n * \t\tformatId: `heading${ headingLevel }`\n * \t} );\n * } );\n * ```\n *\n * @param editor The editor instance.\n * @param plugin The autoformat plugin instance.\n * @param pattern The regular expression to execute on just inserted text. The regular expression is tested against the text\n * from the beginning until the caret position.\n * @param callbackOrCommand The callback to execute or the command to run when the text is matched.\n * In case of providing the callback, it receives the following parameter:\n * * match RegExp.exec() result of matching the pattern to inserted text.\n */ function blockAutoformatEditing(editor, plugin, pattern, callbackOrCommand) {\n    let callback;\n    let command = null;\n    if (typeof callbackOrCommand == 'function') {\n        callback = callbackOrCommand;\n    } else {\n        // We assume that the actual command name was provided.\n        command = editor.commands.get(callbackOrCommand);\n        callback = ()=>{\n            editor.execute(callbackOrCommand);\n        };\n    }\n    editor.model.document.on('change:data', (evt, batch)=>{\n        if (command && !command.isEnabled || !plugin.isEnabled) {\n            return;\n        }\n        const range = first(editor.model.document.selection.getRanges());\n        if (!range.isCollapsed) {\n            return;\n        }\n        if (batch.isUndo || !batch.isLocal) {\n            return;\n        }\n        const changes = Array.from(editor.model.document.differ.getChanges());\n        const entry = changes[0];\n        // Typing is represented by only a single change.\n        if (changes.length != 1 || entry.type !== 'insert' || entry.name != '$text' || entry.length != 1) {\n            return;\n        }\n        const blockToFormat = entry.position.parent;\n        // Block formatting should be disabled in codeBlocks (#5800).\n        if (blockToFormat.is('element', 'codeBlock')) {\n            return;\n        }\n        // Only list commands and custom callbacks can be applied inside a list.\n        if (blockToFormat.is('element', 'listItem') && typeof callbackOrCommand !== 'function' && ![\n            'numberedList',\n            'bulletedList',\n            'todoList'\n        ].includes(callbackOrCommand)) {\n            return;\n        }\n        // In case a command is bound, do not re-execute it over an existing block style which would result in a style removal.\n        // Instead, just drop processing so that autoformat trigger text is not lost. E.g. writing \"# \" in a level 1 heading.\n        if (command && command.value === true) {\n            return;\n        }\n        const firstNode = blockToFormat.getChild(0);\n        const firstNodeRange = editor.model.createRangeOn(firstNode);\n        // Range is only expected to be within or at the very end of the first text node.\n        if (!firstNodeRange.containsRange(range) && !range.end.isEqual(firstNodeRange.end)) {\n            return;\n        }\n        const match = pattern.exec(firstNode.data.substr(0, range.end.offset));\n        // ...and this text node's data match the pattern.\n        if (!match) {\n            return;\n        }\n        // Use enqueueChange to create new batch to separate typing batch from the auto-format changes.\n        editor.model.enqueueChange((writer)=>{\n            const selection = editor.model.document.selection;\n            // Matched range.\n            const start = writer.createPositionAt(blockToFormat, 0);\n            const end = writer.createPositionAt(blockToFormat, match[0].length);\n            const range = new ModelLiveRange(start, end);\n            const wasChanged = callback({\n                match\n            });\n            // Remove matched text.\n            if (wasChanged !== false) {\n                // Store selection attributes to restore them after matched text removed.\n                const selectionAttributes = Array.from(selection.getAttributes());\n                writer.remove(range);\n                const selectionRange = selection.getFirstRange();\n                const blockRange = writer.createRangeIn(blockToFormat);\n                // If the block is empty and the document selection has been moved when\n                // applying formatting (e.g. is now in newly created block).\n                if (blockToFormat.isEmpty && !blockRange.isEqual(selectionRange) && !blockRange.containsRange(selectionRange, true)) {\n                    writer.remove(blockToFormat);\n                }\n                // Restore selection attributes.\n                restoreSelectionAttributes(writer, selection, selectionAttributes);\n            }\n            range.detach();\n            editor.model.enqueueChange(()=>{\n                const deletePlugin = editor.plugins.get('Delete');\n                deletePlugin.requestUndoOnBackspace();\n            });\n        });\n    });\n}\n/**\n * Restore allowed selection attributes.\n */ function restoreSelectionAttributes(writer, selection, selectionAttributes) {\n    const schema = writer.model.schema;\n    const selectionPosition = selection.getFirstPosition();\n    let selectionSchemaContext = new ModelSchemaContext(selectionPosition);\n    if (schema.checkChild(selectionSchemaContext, '$text')) {\n        selectionSchemaContext = selectionSchemaContext.push('$text');\n    }\n    for (const [attributeName, attributeValue] of selectionAttributes){\n        if (schema.checkAttribute(selectionSchemaContext, attributeName)) {\n            writer.setSelectionAttribute(attributeName, attributeValue);\n        }\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * The inline autoformatting engine. It allows to format various inline patterns. For example,\n * it can be configured to make \"foo\" bold when typed `**foo**` (the `**` markers will be removed).\n *\n * The autoformatting operation is integrated with the undo manager,\n * so the autoformatting step can be undone if the user's intention was not to format the text.\n *\n * See the {@link module:autoformat/inlineautoformatediting~inlineAutoformatEditing `inlineAutoformatEditing`} documentation\n * to learn how to create custom inline autoformatters. You can also use\n * the {@link module:autoformat/autoformat~Autoformat} feature which enables a set of default autoformatters\n * (lists, headings, bold and italic).\n *\n * @module autoformat/inlineautoformatediting\n */ /**\n * Enables autoformatting mechanism for a given {@link module:core/editor/editor~Editor}.\n *\n * It formats the matched text by applying the given model attribute or by running the provided formatting callback.\n * On every {@link module:engine/model/document~ModelDocument#event:change:data data change} in the model document\n * the autoformatting engine checks the text on the left of the selection\n * and executes the provided action if the text matches given criteria (regular expression or callback).\n *\n * @param editor The editor instance.\n * @param plugin The autoformat plugin instance.\n * @param testRegexpOrCallback The regular expression or callback to execute on text.\n * Provided regular expression *must* have three capture groups. The first and the third capture group\n * should match opening and closing delimiters. The second capture group should match the text to format.\n *\n * ```ts\n * // Matches the `**bold text**` pattern.\n * // There are three capturing groups:\n * // - The first to match the starting `**` delimiter.\n * // - The second to match the text to format.\n * // - The third to match the ending `**` delimiter.\n * inlineAutoformatEditing( editor, plugin, /(\\*\\*)([^\\*]+?)(\\*\\*)$/g, formatCallback );\n * ```\n *\n * When a function is provided instead of the regular expression, it will be executed with the text to match as a parameter.\n * The function should return proper \"ranges\" to delete and format.\n *\n * ```ts\n * {\n * \tremove: [\n * \t\t[ 0, 1 ],\t// Remove the first letter from the given text.\n * \t\t[ 5, 6 ]\t// Remove the 6th letter from the given text.\n * \t],\n * \tformat: [\n * \t\t[ 1, 5 ]\t// Format all letters from 2nd to 5th.\n * \t]\n * }\n * ```\n *\n * @param formatCallback A callback to apply actual formatting.\n * It should return `false` if changes should not be applied (e.g. if a command is disabled).\n *\n * ```ts\n * inlineAutoformatEditing( editor, plugin, /(\\*\\*)([^\\*]+?)(\\*\\*)$/g, ( writer, rangesToFormat ) => {\n * \tconst command = editor.commands.get( 'bold' );\n *\n * \tif ( !command.isEnabled ) {\n * \t\treturn false;\n * \t}\n *\n * \tconst validRanges = editor.model.schema.getValidRanges( rangesToFormat, 'bold' );\n *\n * \tfor ( let range of validRanges ) {\n * \t\twriter.setAttribute( 'bold', true, range );\n * \t}\n * } );\n * ```\n */ function inlineAutoformatEditing(editor, plugin, testRegexpOrCallback, formatCallback) {\n    let regExp;\n    let testCallback;\n    if (testRegexpOrCallback instanceof RegExp) {\n        regExp = testRegexpOrCallback;\n    } else {\n        testCallback = testRegexpOrCallback;\n    }\n    // A test callback run on changed text.\n    testCallback = testCallback || ((text)=>{\n        let result;\n        const remove = [];\n        const format = [];\n        while((result = regExp.exec(text)) !== null){\n            // There should be full match and 3 capture groups.\n            if (result && result.length < 4) {\n                break;\n            }\n            let { index, '1': leftDel, '2': content, '3': rightDel } = result;\n            // Real matched string - there might be some non-capturing groups so we need to recalculate starting index.\n            const found = leftDel + content + rightDel;\n            index += result[0].length - found.length;\n            // Start and End offsets of delimiters to remove.\n            const delStart = [\n                index,\n                index + leftDel.length\n            ];\n            const delEnd = [\n                index + leftDel.length + content.length,\n                index + leftDel.length + content.length + rightDel.length\n            ];\n            remove.push(delStart);\n            remove.push(delEnd);\n            format.push([\n                index + leftDel.length,\n                index + leftDel.length + content.length\n            ]);\n        }\n        return {\n            remove,\n            format\n        };\n    });\n    editor.model.document.on('change:data', (evt, batch)=>{\n        if (batch.isUndo || !batch.isLocal || !plugin.isEnabled) {\n            return;\n        }\n        const model = editor.model;\n        const selection = model.document.selection;\n        // Do nothing if selection is not collapsed.\n        if (!selection.isCollapsed) {\n            return;\n        }\n        const changes = Array.from(model.document.differ.getChanges());\n        const entry = changes[0];\n        // Typing is represented by only a single change.\n        if (changes.length != 1 || entry.type !== 'insert' || entry.name != '$text' || entry.length != 1) {\n            return;\n        }\n        const focus = selection.focus;\n        const block = focus.parent;\n        const { text, range } = getTextAfterCode(model.createRange(model.createPositionAt(block, 0), focus), model);\n        const testOutput = testCallback(text);\n        const rangesToFormat = testOutputToRanges(range.start, testOutput.format, model);\n        const rangesToRemove = testOutputToRanges(range.start, testOutput.remove, model);\n        if (!(rangesToFormat.length && rangesToRemove.length)) {\n            return;\n        }\n        // Use enqueueChange to create new batch to separate typing batch from the auto-format changes.\n        model.enqueueChange((writer)=>{\n            // Apply format.\n            const hasChanged = formatCallback(writer, rangesToFormat);\n            // Strict check on `false` to have backward compatibility (when callbacks were returning `undefined`).\n            if (hasChanged === false) {\n                return;\n            }\n            // Remove delimiters - use reversed order to not mix the offsets while removing.\n            for (const range of rangesToRemove.reverse()){\n                writer.remove(range);\n            }\n            model.enqueueChange(()=>{\n                const deletePlugin = editor.plugins.get('Delete');\n                deletePlugin.requestUndoOnBackspace();\n            });\n        });\n    });\n}\n/**\n * Converts output of the test function provided to the inlineAutoformatEditing and converts it to the model ranges\n * inside provided block.\n */ function testOutputToRanges(start, arrays, model) {\n    return arrays.filter((array)=>array[0] !== undefined && array[1] !== undefined).map((array)=>{\n        return model.createRange(start.getShiftedBy(array[0]), start.getShiftedBy(array[1]));\n    });\n}\n/**\n * Returns the last text line after the last code element from the given range.\n * It is similar to {@link module:typing/utils/getlasttextline.getLastTextLine `getLastTextLine()`},\n * but it ignores any text before the last `code`.\n */ function getTextAfterCode(range, model) {\n    let start = range.start;\n    const text = Array.from(range.getItems()).reduce((rangeText, node)=>{\n        // Trim text to a last occurrence of an inline element and update range start.\n        if (!(node.is('$text') || node.is('$textProxy')) || node.getAttribute('code')) {\n            start = model.createPositionAfter(node);\n            return '';\n        }\n        return rangeText + node.data;\n    }, '');\n    return {\n        text,\n        range: model.createRange(start, range.end)\n    };\n}\n\n/**\n * Enables a set of predefined autoformatting actions.\n *\n * For a detailed overview, check the {@glink features/autoformat Autoformatting} feature guide\n * and the {@glink api/autoformat package page}.\n */ class Autoformat extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Delete\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Autoformat';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        this._addListAutoformats();\n        this._addBasicStylesAutoformats();\n        this._addHeadingAutoformats();\n        this._addBlockQuoteAutoformats();\n        this._addCodeBlockAutoformats();\n        this._addHorizontalLineAutoformats();\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Revert autoformatting action'),\n                    keystroke: 'Backspace'\n                }\n            ]\n        });\n    }\n    /**\n\t * Adds autoformatting related to the {@link module:list/list~List}.\n\t *\n\t * When typed:\n\t * - `* ` or `- ` &ndash; A paragraph will be changed into a bulleted list.\n\t * - `1. ` or `1) ` &ndash; A paragraph will be changed into a numbered list (\"1\" can be any digit or a list of digits).\n\t * - `[] ` or `[ ] ` &ndash; A paragraph will be changed into a to-do list.\n\t * - `[x] ` or `[ x ] ` &ndash; A paragraph will be changed into a checked to-do list.\n\t */ _addListAutoformats() {\n        const commands = this.editor.commands;\n        if (commands.get('bulletedList')) {\n            blockAutoformatEditing(this.editor, this, /^[*-]\\s$/, 'bulletedList');\n        }\n        if (commands.get('numberedList')) {\n            blockAutoformatEditing(this.editor, this, /^1[.|)]\\s$/, 'numberedList');\n        }\n        if (commands.get('todoList')) {\n            blockAutoformatEditing(this.editor, this, /^\\[\\s?\\]\\s$/, 'todoList');\n        }\n        if (commands.get('checkTodoList')) {\n            blockAutoformatEditing(this.editor, this, /^\\[\\s?x\\s?\\]\\s$/, ()=>{\n                this.editor.execute('todoList');\n                this.editor.execute('checkTodoList');\n            });\n        }\n    }\n    /**\n\t * Adds autoformatting related to the {@link module:basic-styles/bold~Bold},\n\t * {@link module:basic-styles/italic~Italic}, {@link module:basic-styles/code~Code}\n\t * and {@link module:basic-styles/strikethrough~Strikethrough}\n\t *\n\t * When typed:\n\t * - `**foobar**` &ndash; `**` characters are removed and `foobar` is set to bold,\n\t * - `__foobar__` &ndash; `__` characters are removed and `foobar` is set to bold,\n\t * - `*foobar*` &ndash; `*` characters are removed and `foobar` is set to italic,\n\t * - `_foobar_` &ndash; `_` characters are removed and `foobar` is set to italic,\n\t * - ``` `foobar` &ndash; ``` ` ``` characters are removed and `foobar` is set to code,\n\t * - `~~foobar~~` &ndash; `~~` characters are removed and `foobar` is set to strikethrough.\n\t */ _addBasicStylesAutoformats() {\n        const commands = this.editor.commands;\n        if (commands.get('bold')) {\n            const boldCallback = getCallbackFunctionForInlineAutoformat(this.editor, 'bold');\n            inlineAutoformatEditing(this.editor, this, /(?:^|\\s)(\\*\\*)([^*]+)(\\*\\*)$/g, boldCallback);\n            inlineAutoformatEditing(this.editor, this, /(?:^|\\s)(__)([^_]+)(__)$/g, boldCallback);\n        }\n        if (commands.get('italic')) {\n            const italicCallback = getCallbackFunctionForInlineAutoformat(this.editor, 'italic');\n            // The italic autoformatter cannot be triggered by the bold markers, so we need to check the\n            // text before the pattern (e.g. `(?:^|[^\\*])`).\n            inlineAutoformatEditing(this.editor, this, /(?:^|\\s)(\\*)([^*_]+)(\\*)$/g, italicCallback);\n            inlineAutoformatEditing(this.editor, this, /(?:^|\\s)(_)([^_]+)(_)$/g, italicCallback);\n        }\n        if (commands.get('code')) {\n            const codeCallback = getCallbackFunctionForInlineAutoformat(this.editor, 'code');\n            inlineAutoformatEditing(this.editor, this, /(`)([^`]+)(`)$/g, codeCallback);\n        }\n        if (commands.get('strikethrough')) {\n            const strikethroughCallback = getCallbackFunctionForInlineAutoformat(this.editor, 'strikethrough');\n            inlineAutoformatEditing(this.editor, this, /(~~)([^~]+)(~~)$/g, strikethroughCallback);\n        }\n    }\n    /**\n\t * Adds autoformatting related to {@link module:heading/heading~Heading}.\n\t *\n\t * It is using a number at the end of the command name to associate it with the proper trigger:\n\t *\n\t * * `heading` with a `heading1` value will be executed when typing `#`,\n\t * * `heading` with a `heading2` value will be executed when typing `##`,\n\t * * ... up to `heading6` for `######`.\n\t */ _addHeadingAutoformats() {\n        const command = this.editor.commands.get('heading');\n        if (command) {\n            command.modelElements.filter((name)=>name.match(/^heading[1-6]$/)).forEach((modelName)=>{\n                const level = modelName[7];\n                const pattern = new RegExp(`^(#{${level}})\\\\s$`);\n                blockAutoformatEditing(this.editor, this, pattern, ()=>{\n                    // Should only be active if command is enabled and heading style associated with pattern is inactive.\n                    if (!command.isEnabled || command.value === modelName) {\n                        return false;\n                    }\n                    this.editor.execute('heading', {\n                        value: modelName\n                    });\n                });\n            });\n        }\n    }\n    /**\n\t * Adds autoformatting related to {@link module:block-quote/blockquote~BlockQuote}.\n\t *\n\t * When typed:\n\t * * `> ` &ndash; A paragraph will be changed to a block quote.\n\t */ _addBlockQuoteAutoformats() {\n        if (this.editor.commands.get('blockQuote')) {\n            blockAutoformatEditing(this.editor, this, /^>\\s$/, 'blockQuote');\n        }\n    }\n    /**\n\t * Adds autoformatting related to {@link module:code-block/codeblock~CodeBlock}.\n\t *\n\t * When typed:\n\t * - `` ``` `` &ndash; A paragraph will be changed to a code block.\n\t */ _addCodeBlockAutoformats() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        if (editor.commands.get('codeBlock')) {\n            blockAutoformatEditing(editor, this, /^```$/, ()=>{\n                if (selection.getFirstPosition().parent.is('element', 'listItem')) {\n                    return false;\n                }\n                this.editor.execute('codeBlock', {\n                    usePreviousLanguageChoice: true\n                });\n            });\n        }\n    }\n    /**\n\t * Adds autoformatting related to {@link module:horizontal-line/horizontalline~HorizontalLine}.\n\t *\n\t * When typed:\n\t * - `` --- `` &ndash; Will be replaced with a horizontal line.\n\t */ _addHorizontalLineAutoformats() {\n        if (this.editor.commands.get('horizontalLine')) {\n            blockAutoformatEditing(this.editor, this, /^---$/, 'horizontalLine');\n        }\n    }\n}\n/**\n * Helper function for getting `inlineAutoformatEditing` callbacks that checks if command is enabled.\n */ function getCallbackFunctionForInlineAutoformat(editor, attributeKey) {\n    return (writer, rangesToFormat)=>{\n        const command = editor.commands.get(attributeKey);\n        if (!command.isEnabled) {\n            return false;\n        }\n        const validRanges = editor.model.schema.getValidRanges(rangesToFormat, attributeKey);\n        for (const range of validRanges){\n            writer.setAttribute(attributeKey, true, range);\n        }\n        // After applying attribute to the text, remove given attribute from the selection.\n        // This way user is able to type a text without attribute used by auto formatter.\n        writer.removeSelectionAttribute(attributeKey);\n    };\n}\n\nexport { Autoformat, blockAutoformatEditing, inlineAutoformatEditing };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport type { Command, Editor } from 'ckeditor5/src/core.js';\n\nimport {\n\tModelLiveRange,\n\tModelSchemaContext,\n\ttype ModelDocumentChangeEvent,\n\ttype ModelItem,\n\ttype ModelText,\n\ttype ModelWriter,\n\ttype ModelDocumentSelection\n} from 'ckeditor5/src/engine.js';\n\nimport { first } from 'ckeditor5/src/utils.js';\n\nimport { type Autoformat } from './autoformat.js';\n\nimport type { Delete } from 'ckeditor5/src/typing.js';\n\n/**\n * The block autoformatting engine. It allows to format various block patterns. For example,\n * it can be configured to turn a paragraph starting with `*` and followed by a space into a list item.\n *\n * The autoformatting operation is integrated with the undo manager,\n * so the autoformatting step can be undone if the user's intention was not to format the text.\n *\n * See the {@link module:autoformat/blockautoformatediting~blockAutoformatEditing `blockAutoformatEditing`} documentation\n * to learn how to create custom block autoformatters. You can also use\n * the {@link module:autoformat/autoformat~Autoformat} feature which enables a set of default autoformatters\n * (lists, headings, bold and italic).\n *\n * @module autoformat/blockautoformatediting\n */\n\n/**\n * Creates a listener triggered on {@link module:engine/model/document~ModelDocument#event:change:data `change:data`} event in the document.\n * Calls the callback when inserted text matches the regular expression or the command name\n * if provided instead of the callback.\n *\n * Examples of usage:\n *\n * To convert a paragraph into heading 1 when `- ` is typed, using just the command name:\n *\n * ```ts\n * blockAutoformatEditing( editor, plugin, /^\\- $/, 'heading1' );\n * ```\n *\n * To convert a paragraph into heading 1 when `- ` is typed, using just the callback:\n *\n * ```ts\n * blockAutoformatEditing( editor, plugin, /^\\- $/, ( context ) => {\n * \tconst { match } = context;\n * \tconst headingLevel = match[ 1 ].length;\n *\n * \teditor.execute( 'heading', {\n * \t\tformatId: `heading${ headingLevel }`\n * \t} );\n * } );\n * ```\n *\n * @param editor The editor instance.\n * @param plugin The autoformat plugin instance.\n * @param pattern The regular expression to execute on just inserted text. The regular expression is tested against the text\n * from the beginning until the caret position.\n * @param callbackOrCommand The callback to execute or the command to run when the text is matched.\n * In case of providing the callback, it receives the following parameter:\n * * match RegExp.exec() result of matching the pattern to inserted text.\n */\nexport function blockAutoformatEditing(\n\teditor: Editor,\n\tplugin: Autoformat,\n\tpattern: RegExp,\n\tcallbackOrCommand: string | ( ( context: { match: RegExpExecArray } ) => unknown )\n): void {\n\tlet callback: ( context: { match: RegExpExecArray } ) => unknown;\n\tlet command: Command | null = null;\n\n\tif ( typeof callbackOrCommand == 'function' ) {\n\t\tcallback = callbackOrCommand;\n\t} else {\n\t\t// We assume that the actual command name was provided.\n\t\tcommand = editor.commands.get( callbackOrCommand )!;\n\n\t\tcallback = () => {\n\t\t\teditor.execute( callbackOrCommand );\n\t\t};\n\t}\n\n\teditor.model.document.on<ModelDocumentChangeEvent>( 'change:data', ( evt, batch ) => {\n\t\tif ( command && !command.isEnabled || !plugin.isEnabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst range = first( editor.model.document.selection.getRanges() )!;\n\n\t\tif ( !range.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( batch.isUndo || !batch.isLocal ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst changes = Array.from( editor.model.document.differ.getChanges() );\n\t\tconst entry = changes[ 0 ];\n\n\t\t// Typing is represented by only a single change.\n\t\tif ( changes.length != 1 || entry.type !== 'insert' || entry.name != '$text' || entry.length != 1 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst blockToFormat = entry.position.parent;\n\n\t\t// Block formatting should be disabled in codeBlocks (#5800).\n\t\tif ( blockToFormat.is( 'element', 'codeBlock' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Only list commands and custom callbacks can be applied inside a list.\n\t\tif ( blockToFormat.is( 'element', 'listItem' ) &&\n\t\t\ttypeof callbackOrCommand !== 'function' &&\n\t\t\t![ 'numberedList', 'bulletedList', 'todoList' ].includes( callbackOrCommand )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\t// In case a command is bound, do not re-execute it over an existing block style which would result in a style removal.\n\t\t// Instead, just drop processing so that autoformat trigger text is not lost. E.g. writing \"# \" in a level 1 heading.\n\t\tif ( command && command.value === true ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst firstNode = blockToFormat.getChild( 0 ) as ModelText;\n\n\t\tconst firstNodeRange = editor.model.createRangeOn( firstNode );\n\n\t\t// Range is only expected to be within or at the very end of the first text node.\n\t\tif ( !firstNodeRange.containsRange( range ) && !range.end.isEqual( firstNodeRange.end ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst match = pattern.exec( firstNode.data.substr( 0, range.end.offset ) );\n\n\t\t// ...and this text node's data match the pattern.\n\t\tif ( !match ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Use enqueueChange to create new batch to separate typing batch from the auto-format changes.\n\t\teditor.model.enqueueChange( writer => {\n\t\t\tconst selection = editor.model.document.selection;\n\n\t\t\t// Matched range.\n\t\t\tconst start = writer.createPositionAt( blockToFormat, 0 );\n\t\t\tconst end = writer.createPositionAt( blockToFormat, match[ 0 ].length );\n\t\t\tconst range = new ModelLiveRange( start, end );\n\n\t\t\tconst wasChanged = callback( { match } );\n\n\t\t\t// Remove matched text.\n\t\t\tif ( wasChanged !== false ) {\n\t\t\t\t// Store selection attributes to restore them after matched text removed.\n\t\t\t\tconst selectionAttributes = Array.from( selection.getAttributes() );\n\n\t\t\t\twriter.remove( range );\n\n\t\t\t\tconst selectionRange = selection.getFirstRange()!;\n\t\t\t\tconst blockRange = writer.createRangeIn( blockToFormat );\n\n\t\t\t\t// If the block is empty and the document selection has been moved when\n\t\t\t\t// applying formatting (e.g. is now in newly created block).\n\t\t\t\tif ( blockToFormat.isEmpty && !blockRange.isEqual( selectionRange ) && !blockRange.containsRange( selectionRange, true ) ) {\n\t\t\t\t\twriter.remove( blockToFormat as ModelItem );\n\t\t\t\t}\n\n\t\t\t\t// Restore selection attributes.\n\t\t\t\trestoreSelectionAttributes( writer, selection, selectionAttributes );\n\t\t\t}\n\t\t\trange.detach();\n\n\t\t\teditor.model.enqueueChange( () => {\n\t\t\t\tconst deletePlugin: Delete = editor.plugins.get( 'Delete' );\n\n\t\t\t\tdeletePlugin.requestUndoOnBackspace();\n\t\t\t} );\n\t\t} );\n\t} );\n}\n\n/**\n * Restore allowed selection attributes.\n */\nfunction restoreSelectionAttributes(\n\twriter: ModelWriter,\n\tselection: ModelDocumentSelection,\n\tselectionAttributes: Array<[ string, unknown ]>\n): void {\n\tconst schema = writer.model.schema;\n\tconst selectionPosition = selection.getFirstPosition()!;\n\tlet selectionSchemaContext = new ModelSchemaContext( selectionPosition );\n\n\tif ( schema.checkChild( selectionSchemaContext, '$text' ) ) {\n\t\tselectionSchemaContext = selectionSchemaContext.push( '$text' );\n\t}\n\n\tfor ( const [ attributeName, attributeValue ] of selectionAttributes ) {\n\t\tif ( schema.checkAttribute( selectionSchemaContext, attributeName ) ) {\n\t\t\twriter.setSelectionAttribute( attributeName, attributeValue );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 * The inline autoformatting engine. It allows to format various inline patterns. For example,\n * it can be configured to make \"foo\" bold when typed `**foo**` (the `**` markers will be removed).\n *\n * The autoformatting operation is integrated with the undo manager,\n * so the autoformatting step can be undone if the user's intention was not to format the text.\n *\n * See the {@link module:autoformat/inlineautoformatediting~inlineAutoformatEditing `inlineAutoformatEditing`} documentation\n * to learn how to create custom inline autoformatters. You can also use\n * the {@link module:autoformat/autoformat~Autoformat} feature which enables a set of default autoformatters\n * (lists, headings, bold and italic).\n *\n * @module autoformat/inlineautoformatediting\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type {\n\tModelDocumentChangeEvent,\n\tModel,\n\tModelPosition,\n\tModelRange,\n\tModelWriter\n} from 'ckeditor5/src/engine.js';\nimport type { Delete, LastTextLineData } from 'ckeditor5/src/typing.js';\n\nimport { type Autoformat } from './autoformat.js';\n\nexport type AutoformatTestCallback = ( text: string ) => {\n\tremove: Array<Array<number>>;\n\tformat: Array<Array<number>>;\n};\n\n/**\n * Enables autoformatting mechanism for a given {@link module:core/editor/editor~Editor}.\n *\n * It formats the matched text by applying the given model attribute or by running the provided formatting callback.\n * On every {@link module:engine/model/document~ModelDocument#event:change:data data change} in the model document\n * the autoformatting engine checks the text on the left of the selection\n * and executes the provided action if the text matches given criteria (regular expression or callback).\n *\n * @param editor The editor instance.\n * @param plugin The autoformat plugin instance.\n * @param testRegexpOrCallback The regular expression or callback to execute on text.\n * Provided regular expression *must* have three capture groups. The first and the third capture group\n * should match opening and closing delimiters. The second capture group should match the text to format.\n *\n * ```ts\n * // Matches the `**bold text**` pattern.\n * // There are three capturing groups:\n * // - The first to match the starting `**` delimiter.\n * // - The second to match the text to format.\n * // - The third to match the ending `**` delimiter.\n * inlineAutoformatEditing( editor, plugin, /(\\*\\*)([^\\*]+?)(\\*\\*)$/g, formatCallback );\n * ```\n *\n * When a function is provided instead of the regular expression, it will be executed with the text to match as a parameter.\n * The function should return proper \"ranges\" to delete and format.\n *\n * ```ts\n * {\n * \tremove: [\n * \t\t[ 0, 1 ],\t// Remove the first letter from the given text.\n * \t\t[ 5, 6 ]\t// Remove the 6th letter from the given text.\n * \t],\n * \tformat: [\n * \t\t[ 1, 5 ]\t// Format all letters from 2nd to 5th.\n * \t]\n * }\n * ```\n *\n * @param formatCallback A callback to apply actual formatting.\n * It should return `false` if changes should not be applied (e.g. if a command is disabled).\n *\n * ```ts\n * inlineAutoformatEditing( editor, plugin, /(\\*\\*)([^\\*]+?)(\\*\\*)$/g, ( writer, rangesToFormat ) => {\n * \tconst command = editor.commands.get( 'bold' );\n *\n * \tif ( !command.isEnabled ) {\n * \t\treturn false;\n * \t}\n *\n * \tconst validRanges = editor.model.schema.getValidRanges( rangesToFormat, 'bold' );\n *\n * \tfor ( let range of validRanges ) {\n * \t\twriter.setAttribute( 'bold', true, range );\n * \t}\n * } );\n * ```\n */\nexport function inlineAutoformatEditing(\n\teditor: Editor,\n\tplugin: Autoformat,\n\ttestRegexpOrCallback: RegExp | AutoformatTestCallback,\n\tformatCallback: ( writer: ModelWriter, rangesToFormat: Array<ModelRange> ) => boolean | undefined\n): void {\n\tlet regExp: RegExp;\n\tlet testCallback: AutoformatTestCallback | undefined;\n\n\tif ( testRegexpOrCallback instanceof RegExp ) {\n\t\tregExp = testRegexpOrCallback;\n\t} else {\n\t\ttestCallback = testRegexpOrCallback;\n\t}\n\n\t// A test callback run on changed text.\n\ttestCallback = testCallback || ( text => {\n\t\tlet result: RegExpExecArray | null;\n\t\tconst remove: Array<Array<number>> = [];\n\t\tconst format: Array<Array<number>> = [];\n\n\t\twhile ( ( result = regExp.exec( text ) ) !== null ) {\n\t\t\t// There should be full match and 3 capture groups.\n\t\t\tif ( result && result.length < 4 ) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tlet {\n\t\t\t\tindex,\n\t\t\t\t'1': leftDel,\n\t\t\t\t'2': content,\n\t\t\t\t'3': rightDel\n\t\t\t} = result;\n\n\t\t\t// Real matched string - there might be some non-capturing groups so we need to recalculate starting index.\n\t\t\tconst found = leftDel + content + rightDel;\n\t\t\tindex += result[ 0 ].length - found.length;\n\n\t\t\t// Start and End offsets of delimiters to remove.\n\t\t\tconst delStart = [\n\t\t\t\tindex,\n\t\t\t\tindex + leftDel.length\n\t\t\t];\n\t\t\tconst delEnd = [\n\t\t\t\tindex + leftDel.length + content.length,\n\t\t\t\tindex + leftDel.length + content.length + rightDel.length\n\t\t\t];\n\n\t\t\tremove.push( delStart );\n\t\t\tremove.push( delEnd );\n\n\t\t\tformat.push( [ index + leftDel.length, index + leftDel.length + content.length ] );\n\t\t}\n\n\t\treturn {\n\t\t\tremove,\n\t\t\tformat\n\t\t};\n\t} );\n\n\teditor.model.document.on<ModelDocumentChangeEvent>( 'change:data', ( evt, batch ) => {\n\t\tif ( batch.isUndo || !batch.isLocal || !plugin.isEnabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\t// Do nothing if selection is not collapsed.\n\t\tif ( !selection.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst changes = Array.from( model.document.differ.getChanges() );\n\t\tconst entry = changes[ 0 ];\n\n\t\t// Typing is represented by only a single change.\n\t\tif ( changes.length != 1 || entry.type !== 'insert' || entry.name != '$text' || entry.length != 1 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst focus = selection.focus;\n\t\tconst block = focus!.parent;\n\t\tconst { text, range } = getTextAfterCode( model.createRange( model.createPositionAt( block, 0 ), focus! ), model );\n\t\tconst testOutput = testCallback!( text );\n\t\tconst rangesToFormat = testOutputToRanges( range.start, testOutput.format, model );\n\t\tconst rangesToRemove = testOutputToRanges( range.start, testOutput.remove, model );\n\n\t\tif ( !( rangesToFormat.length && rangesToRemove.length ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Use enqueueChange to create new batch to separate typing batch from the auto-format changes.\n\t\tmodel.enqueueChange( writer => {\n\t\t\t// Apply format.\n\t\t\tconst hasChanged = formatCallback( writer, rangesToFormat );\n\n\t\t\t// Strict check on `false` to have backward compatibility (when callbacks were returning `undefined`).\n\t\t\tif ( hasChanged === false ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Remove delimiters - use reversed order to not mix the offsets while removing.\n\t\t\tfor ( const range of rangesToRemove.reverse() ) {\n\t\t\t\twriter.remove( range );\n\t\t\t}\n\n\t\t\tmodel.enqueueChange( () => {\n\t\t\t\tconst deletePlugin: Delete = editor.plugins.get( 'Delete' );\n\n\t\t\t\tdeletePlugin.requestUndoOnBackspace();\n\t\t\t} );\n\t\t} );\n\t} );\n}\n\n/**\n * Converts output of the test function provided to the inlineAutoformatEditing and converts it to the model ranges\n * inside provided block.\n */\nfunction testOutputToRanges( start: ModelPosition, arrays: Array<Array<number>>, model: Model ) {\n\treturn arrays\n\t\t.filter( array => ( array[ 0 ] !== undefined && array[ 1 ] !== undefined ) )\n\t\t.map( array => {\n\t\t\treturn model.createRange( start.getShiftedBy( array[ 0 ] ), start.getShiftedBy( array[ 1 ] ) );\n\t\t} );\n}\n\n/**\n * Returns the last text line after the last code element from the given range.\n * It is similar to {@link module:typing/utils/getlasttextline.getLastTextLine `getLastTextLine()`},\n * but it ignores any text before the last `code`.\n */\nfunction getTextAfterCode( range: ModelRange, model: Model ): LastTextLineData {\n\tlet start = range.start;\n\n\tconst text = Array.from( range.getItems() ).reduce( ( rangeText, node ) => {\n\t\t// Trim text to a last occurrence of an inline element and update range start.\n\t\tif ( !( node.is( '$text' ) || node.is( '$textProxy' ) ) || node.getAttribute( 'code' ) ) {\n\t\t\tstart = model.createPositionAfter( node );\n\n\t\t\treturn '';\n\t\t}\n\n\t\treturn rangeText + node.data;\n\t}, '' );\n\n\treturn { text, range: model.createRange( start, range.end ) };\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 autoformat/autoformat\n */\nimport type { HeadingCommand } from '@ckeditor/ckeditor5-heading';\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelRange, ModelWriter } from 'ckeditor5/src/engine.js';\nimport { Delete } from 'ckeditor5/src/typing.js';\n\nimport { blockAutoformatEditing } from './blockautoformatediting.js';\nimport { inlineAutoformatEditing } from './inlineautoformatediting.js';\n\n/**\n * Enables a set of predefined autoformatting actions.\n *\n * For a detailed overview, check the {@glink features/autoformat Autoformatting} feature guide\n * and the {@glink api/autoformat package page}.\n */\nexport class Autoformat extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Delete ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Autoformat' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\n\t\tthis._addListAutoformats();\n\t\tthis._addBasicStylesAutoformats();\n\t\tthis._addHeadingAutoformats();\n\t\tthis._addBlockQuoteAutoformats();\n\t\tthis._addCodeBlockAutoformats();\n\t\tthis._addHorizontalLineAutoformats();\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Revert autoformatting action' ),\n\t\t\t\t\tkeystroke: 'Backspace'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Adds autoformatting related to the {@link module:list/list~List}.\n\t *\n\t * When typed:\n\t * - `* ` or `- ` &ndash; A paragraph will be changed into a bulleted list.\n\t * - `1. ` or `1) ` &ndash; A paragraph will be changed into a numbered list (\"1\" can be any digit or a list of digits).\n\t * - `[] ` or `[ ] ` &ndash; A paragraph will be changed into a to-do list.\n\t * - `[x] ` or `[ x ] ` &ndash; A paragraph will be changed into a checked to-do list.\n\t */\n\tprivate _addListAutoformats(): void {\n\t\tconst commands = this.editor.commands;\n\n\t\tif ( commands.get( 'bulletedList' ) ) {\n\t\t\tblockAutoformatEditing( this.editor, this, /^[*-]\\s$/, 'bulletedList' );\n\t\t}\n\n\t\tif ( commands.get( 'numberedList' ) ) {\n\t\t\tblockAutoformatEditing( this.editor, this, /^1[.|)]\\s$/, 'numberedList' );\n\t\t}\n\n\t\tif ( commands.get( 'todoList' ) ) {\n\t\t\tblockAutoformatEditing( this.editor, this, /^\\[\\s?\\]\\s$/, 'todoList' );\n\t\t}\n\n\t\tif ( commands.get( 'checkTodoList' ) ) {\n\t\t\tblockAutoformatEditing( this.editor, this, /^\\[\\s?x\\s?\\]\\s$/, () => {\n\t\t\t\tthis.editor.execute( 'todoList' );\n\t\t\t\tthis.editor.execute( 'checkTodoList' );\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Adds autoformatting related to the {@link module:basic-styles/bold~Bold},\n\t * {@link module:basic-styles/italic~Italic}, {@link module:basic-styles/code~Code}\n\t * and {@link module:basic-styles/strikethrough~Strikethrough}\n\t *\n\t * When typed:\n\t * - `**foobar**` &ndash; `**` characters are removed and `foobar` is set to bold,\n\t * - `__foobar__` &ndash; `__` characters are removed and `foobar` is set to bold,\n\t * - `*foobar*` &ndash; `*` characters are removed and `foobar` is set to italic,\n\t * - `_foobar_` &ndash; `_` characters are removed and `foobar` is set to italic,\n\t * - ``` `foobar` &ndash; ``` ` ``` characters are removed and `foobar` is set to code,\n\t * - `~~foobar~~` &ndash; `~~` characters are removed and `foobar` is set to strikethrough.\n\t */\n\tprivate _addBasicStylesAutoformats(): void {\n\t\tconst commands = this.editor.commands;\n\n\t\tif ( commands.get( 'bold' ) ) {\n\t\t\tconst boldCallback = getCallbackFunctionForInlineAutoformat( this.editor, 'bold' );\n\n\t\t\tinlineAutoformatEditing( this.editor, this, /(?:^|\\s)(\\*\\*)([^*]+)(\\*\\*)$/g, boldCallback );\n\t\t\tinlineAutoformatEditing( this.editor, this, /(?:^|\\s)(__)([^_]+)(__)$/g, boldCallback );\n\t\t}\n\n\t\tif ( commands.get( 'italic' ) ) {\n\t\t\tconst italicCallback = getCallbackFunctionForInlineAutoformat( this.editor, 'italic' );\n\n\t\t\t// The italic autoformatter cannot be triggered by the bold markers, so we need to check the\n\t\t\t// text before the pattern (e.g. `(?:^|[^\\*])`).\n\t\t\tinlineAutoformatEditing( this.editor, this, /(?:^|\\s)(\\*)([^*_]+)(\\*)$/g, italicCallback );\n\t\t\tinlineAutoformatEditing( this.editor, this, /(?:^|\\s)(_)([^_]+)(_)$/g, italicCallback );\n\t\t}\n\n\t\tif ( commands.get( 'code' ) ) {\n\t\t\tconst codeCallback = getCallbackFunctionForInlineAutoformat( this.editor, 'code' );\n\n\t\t\tinlineAutoformatEditing( this.editor, this, /(`)([^`]+)(`)$/g, codeCallback );\n\t\t}\n\n\t\tif ( commands.get( 'strikethrough' ) ) {\n\t\t\tconst strikethroughCallback = getCallbackFunctionForInlineAutoformat( this.editor, 'strikethrough' );\n\n\t\t\tinlineAutoformatEditing( this.editor, this, /(~~)([^~]+)(~~)$/g, strikethroughCallback );\n\t\t}\n\t}\n\n\t/**\n\t * Adds autoformatting related to {@link module:heading/heading~Heading}.\n\t *\n\t * It is using a number at the end of the command name to associate it with the proper trigger:\n\t *\n\t * * `heading` with a `heading1` value will be executed when typing `#`,\n\t * * `heading` with a `heading2` value will be executed when typing `##`,\n\t * * ... up to `heading6` for `######`.\n\t */\n\tprivate _addHeadingAutoformats(): void {\n\t\tconst command: HeadingCommand | undefined = this.editor.commands.get( 'heading' );\n\n\t\tif ( command ) {\n\t\t\tcommand.modelElements\n\t\t\t\t.filter( name => name.match( /^heading[1-6]$/ ) )\n\t\t\t\t.forEach( modelName => {\n\t\t\t\t\tconst level = modelName[ 7 ];\n\t\t\t\t\tconst pattern = new RegExp( `^(#{${ level }})\\\\s$` );\n\n\t\t\t\t\tblockAutoformatEditing( this.editor, this, pattern, () => {\n\t\t\t\t\t\t// Should only be active if command is enabled and heading style associated with pattern is inactive.\n\t\t\t\t\t\tif ( !command.isEnabled || command.value === modelName ) {\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tthis.editor.execute( 'heading', { value: modelName } );\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Adds autoformatting related to {@link module:block-quote/blockquote~BlockQuote}.\n\t *\n\t * When typed:\n\t * * `> ` &ndash; A paragraph will be changed to a block quote.\n\t */\n\tprivate _addBlockQuoteAutoformats(): void {\n\t\tif ( this.editor.commands.get( 'blockQuote' ) ) {\n\t\t\tblockAutoformatEditing( this.editor, this, /^>\\s$/, 'blockQuote' );\n\t\t}\n\t}\n\n\t/**\n\t * Adds autoformatting related to {@link module:code-block/codeblock~CodeBlock}.\n\t *\n\t * When typed:\n\t * - `` ``` `` &ndash; A paragraph will be changed to a code block.\n\t */\n\tprivate _addCodeBlockAutoformats(): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\n\t\tif ( editor.commands.get( 'codeBlock' ) ) {\n\t\t\tblockAutoformatEditing( editor, this, /^```$/, () => {\n\t\t\t\tif ( selection.getFirstPosition()!.parent.is( 'element', 'listItem' ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tthis.editor.execute( 'codeBlock', {\n\t\t\t\t\tusePreviousLanguageChoice: true\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Adds autoformatting related to {@link module:horizontal-line/horizontalline~HorizontalLine}.\n\t *\n\t * When typed:\n\t * - `` --- `` &ndash; Will be replaced with a horizontal line.\n\t */\n\tprivate _addHorizontalLineAutoformats(): void {\n\t\tif ( this.editor.commands.get( 'horizontalLine' ) ) {\n\t\t\tblockAutoformatEditing( this.editor, this, /^---$/, 'horizontalLine' );\n\t\t}\n\t}\n}\n\n/**\n * Helper function for getting `inlineAutoformatEditing` callbacks that checks if command is enabled.\n */\nfunction getCallbackFunctionForInlineAutoformat( editor: Editor, attributeKey: string ) {\n\treturn ( writer: ModelWriter, rangesToFormat: Array<ModelRange> ): boolean | undefined => {\n\t\tconst command = editor.commands.get( attributeKey )!;\n\n\t\tif ( !command.isEnabled ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst validRanges = editor.model.schema.getValidRanges( rangesToFormat, attributeKey );\n\n\t\tfor ( const range of validRanges ) {\n\t\t\twriter.setAttribute( attributeKey, true, range );\n\t\t}\n\n\t\t// After applying attribute to the text, remove given attribute from the selection.\n\t\t// This way user is able to type a text without attribute used by auto formatter.\n\t\twriter.removeSelectionAttribute( attributeKey );\n\t};\n}\n", "import { Plugin, PendingActions } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { DomEmitterMixin } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { debounce } from 'es-toolkit/compat';\n\n/**\n * The {@link module:autosave/autosave~Autosave} plugin allows you to automatically save the data (e.g. send it to the server)\n * when needed (when the user changed the content).\n *\n * It listens to the {@link module:engine/model/document~ModelDocument#event:change:data `editor.model.document#change:data`}\n * and `window#beforeunload` events and calls the\n * {@link module:autosave/autosave~AutosaveAdapter#save `config.autosave.save()`} function.\n *\n * ```ts\n * ClassicEditor\n * \t.create( document.querySelector( '#editor' ), {\n * \t\tplugins: [ ArticlePluginSet, Autosave ],\n * \t\ttoolbar: [ 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'undo', 'redo' ],\n * \t\timage: {\n * \t\t\ttoolbar: [ 'imageStyle:block', 'imageStyle:side', '|', 'toggleImageCaption', 'imageTextAlternative' ],\n * \t\t},\n * \t\tautosave: {\n * \t\t\tsave( editor: Editor ) {\n * \t\t\t\t// The saveData() function must return a promise\n * \t\t\t\t// which should be resolved when the data is successfully saved.\n * \t\t\t\treturn saveData( editor.getData() );\n * \t\t\t}\n * \t\t}\n * \t} );\n * ```\n *\n * Read more about this feature in the {@glink features/autosave Autosave} feature guide.\n */ class Autosave extends Plugin {\n    /**\n\t * The adapter is an object with a `save()` method. That method will be called whenever\n\t * the data changes. It might be called some time after the change,\n\t * since the event is throttled for performance reasons.\n\t */ adapter;\n    /**\n\t * Debounced save method. The `save()` method is called the specified `waitingTime` after `debouncedSave()` is called,\n\t * unless a new action happens in the meantime.\n\t */ _debouncedSave;\n    /**\n\t * The last saved document version.\n\t */ _lastDocumentVersion;\n    /**\n\t * Promise used for asynchronous save calls.\n\t *\n\t * Created to handle the autosave call to an external data source. It resolves when that call is finished. It is re-used if\n\t * save is called before the promise has been resolved. It is set to `null` if there is no call in progress.\n\t */ _savePromise;\n    /**\n\t * DOM emitter.\n\t */ _domEmitter;\n    /**\n\t * The configuration of this plugins.\n\t */ _config;\n    /**\n\t * Editor's pending actions manager.\n\t */ _pendingActions;\n    /**\n\t * Informs whether there should be another autosave callback performed, immediately after current autosave callback finishes.\n\t *\n\t * This is set to `true` when there is a save request while autosave callback is already being processed\n\t * and the model has changed since the last save.\n\t */ _makeImmediateSave;\n    /**\n\t * An action that will be added to the pending action manager for actions happening in that plugin.\n\t */ _action = null;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Autosave';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            PendingActions\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        const config = editor.config.get('autosave') || {};\n        // A minimum amount of time that needs to pass after the last action.\n        // After that time the provided save callbacks are being called.\n        const waitingTime = config.waitingTime || 1000;\n        this.set('state', 'synchronized');\n        this._debouncedSave = debounce(this._save.bind(this), waitingTime);\n        this._lastDocumentVersion = editor.model.document.version;\n        this._savePromise = null;\n        this._domEmitter = new (DomEmitterMixin())();\n        this._config = config;\n        this._pendingActions = editor.plugins.get(PendingActions);\n        this._makeImmediateSave = false;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const doc = editor.model.document;\n        // Add the listener only after the editor is initialized to prevent firing save callback on data init.\n        this.listenTo(editor, 'ready', ()=>{\n            this.listenTo(doc, 'change:data', (evt, batch)=>{\n                if (!this._saveCallbacks.length) {\n                    return;\n                }\n                if (!batch.isLocal) {\n                    return;\n                }\n                if (this.state === 'synchronized') {\n                    this.state = 'waiting';\n                    // Set pending action already when we are waiting for the autosave callback.\n                    this._setPendingAction();\n                }\n                if (this.state === 'waiting') {\n                    this._debouncedSave();\n                }\n            // If the plugin is in `saving` state, it will change its state later basing on the `document.version`.\n            // If the `document.version` will be higher than stored `#_lastDocumentVersion`, then it means, that some `change:data`\n            // event has fired in the meantime.\n            });\n        });\n        // Flush on the editor's destroy listener with the highest priority to ensure that\n        // `editor.getData()` will be called before plugins are destroyed.\n        this.listenTo(editor, 'destroy', ()=>this._flush(), {\n            priority: 'highest'\n        });\n        // It's not possible to easy test it because karma uses `beforeunload` event\n        // to warn before full page reload and this event cannot be dispatched manually.\n        /* istanbul ignore next -- @preserve */ this._domEmitter.listenTo(window, 'beforeunload', (evtInfo, domEvt)=>{\n            if (this._pendingActions.hasAny) {\n                domEvt.returnValue = this._pendingActions.first.message;\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        // There's no need for canceling or flushing the throttled save, as\n        // it's done on the editor's destroy event with the highest priority.\n        this._domEmitter.stopListening();\n        super.destroy();\n    }\n    /**\n\t * Immediately calls autosave callback. All previously queued (debounced) callbacks are cleared. If there is already an autosave\n\t * callback in progress, then the requested save will be performed immediately after the current callback finishes.\n\t *\n\t * @returns A promise that will be resolved when the autosave callback is finished.\n\t */ save() {\n        this._debouncedSave.cancel();\n        return this._save();\n    }\n    /**\n\t * Invokes the remaining `_save()` method call.\n\t */ _flush() {\n        this._debouncedSave.flush();\n    }\n    /**\n\t * If the adapter is set and a new document version exists,\n\t * the `_save()` method creates a pending action and calls the `adapter.save()` method.\n\t * It waits for the result and then removes the created pending action.\n\t *\n\t * @returns A promise that will be resolved when the autosave callback is finished.\n\t */ _save() {\n        if (this._savePromise) {\n            this._makeImmediateSave = this.editor.model.document.version > this._lastDocumentVersion;\n            return this._savePromise;\n        }\n        // Make sure there is a pending action (in case if `_save()` was called through manual `save()` call).\n        this._setPendingAction();\n        this.state = 'saving';\n        this._lastDocumentVersion = this.editor.model.document.version;\n        // Wait one promise cycle to be sure that save callbacks are not called inside a conversion or when the editor's state changes.\n        this._savePromise = Promise.resolve()// Make autosave callback.\n        .then(()=>Promise.all(this._saveCallbacks.map((cb)=>cb(this.editor))))// When the autosave callback is finished, always clear `this._savePromise`, no matter if it was successful or not.\n        .finally(()=>{\n            this._savePromise = null;\n        })// If the save was successful, we have three scenarios:\n        //\n        // 1. If a save was requested when an autosave callback was already processed, we need to immediately call\n        // another autosave callback. In this case, `this._savePromise` will not be resolved until the next callback is done.\n        // 2. Otherwise, if changes happened to the model, make a delayed autosave callback (like the change just happened).\n        // 3. If no changes happened to the model, return to the `synchronized` state.\n        .then(()=>{\n            if (this._makeImmediateSave) {\n                this._makeImmediateSave = false;\n                // Start another autosave callback. Return a promise that will be resolved after the new autosave callback.\n                // This way promises returned by `_save()` will not be resolved until all changes are saved.\n                //\n                // If `save()` was called when another (most often automatic) autosave callback was already processed,\n                // the promise returned by `save()` call will be resolved only after new changes have been saved.\n                //\n                // Note that it would not work correctly if `this._savePromise` is not cleared.\n                return this._save();\n            } else {\n                if (this.editor.model.document.version > this._lastDocumentVersion) {\n                    this.state = 'waiting';\n                    this._debouncedSave();\n                } else {\n                    this.state = 'synchronized';\n                    this._pendingActions.remove(this._action);\n                    this._action = null;\n                }\n            }\n        })// In case of an error, retry the autosave callback after a delay (and also throw the original error).\n        .catch((err)=>{\n            // Change state to `error` so that listeners handling autosave error can be called.\n            this.state = 'error';\n            // Then, immediately change to the `saving` state as described above.\n            // Being in the `saving` state ensures that the autosave callback won't be delayed further by the `change:data` listener.\n            this.state = 'saving';\n            this._debouncedSave();\n            throw err;\n        });\n        return this._savePromise;\n    }\n    /**\n\t * Creates a pending action if it is not set already.\n\t */ _setPendingAction() {\n        const t = this.editor.t;\n        if (!this._action) {\n            this._action = this._pendingActions.add(t('Saving changes'));\n        }\n    }\n    /**\n\t * Saves callbacks.\n\t */ get _saveCallbacks() {\n        const saveCallbacks = [];\n        if (this.adapter && this.adapter.save) {\n            saveCallbacks.push(this.adapter.save);\n        }\n        if (this._config.save) {\n            saveCallbacks.push(this._config.save);\n        }\n        return saveCallbacks;\n    }\n}\n\nexport { Autosave };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 autosave/autosave\n */\n\nimport {\n\tPlugin,\n\tPendingActions,\n\ttype Editor,\n\ttype PendingAction,\n\ttype EditorDestroyEvent,\n\ttype EditorReadyEvent\n} from 'ckeditor5/src/core.js';\n\nimport { DomEmitterMixin, type DomEmitter } from 'ckeditor5/src/utils.js';\n\nimport type { ModelDocumentChangeEvent } from 'ckeditor5/src/engine.js';\n\nimport { debounce, type DebouncedFunc } from 'es-toolkit/compat';\n\n/**\n * The {@link module:autosave/autosave~Autosave} plugin allows you to automatically save the data (e.g. send it to the server)\n * when needed (when the user changed the content).\n *\n * It listens to the {@link module:engine/model/document~ModelDocument#event:change:data `editor.model.document#change:data`}\n * and `window#beforeunload` events and calls the\n * {@link module:autosave/autosave~AutosaveAdapter#save `config.autosave.save()`} function.\n *\n * ```ts\n * ClassicEditor\n * \t.create( document.querySelector( '#editor' ), {\n * \t\tplugins: [ ArticlePluginSet, Autosave ],\n * \t\ttoolbar: [ 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'undo', 'redo' ],\n * \t\timage: {\n * \t\t\ttoolbar: [ 'imageStyle:block', 'imageStyle:side', '|', 'toggleImageCaption', 'imageTextAlternative' ],\n * \t\t},\n * \t\tautosave: {\n * \t\t\tsave( editor: Editor ) {\n * \t\t\t\t// The saveData() function must return a promise\n * \t\t\t\t// which should be resolved when the data is successfully saved.\n * \t\t\t\treturn saveData( editor.getData() );\n * \t\t\t}\n * \t\t}\n * \t} );\n * ```\n *\n * Read more about this feature in the {@glink features/autosave Autosave} feature guide.\n */\nexport class Autosave extends Plugin {\n\t/**\n\t * The adapter is an object with a `save()` method. That method will be called whenever\n\t * the data changes. It might be called some time after the change,\n\t * since the event is throttled for performance reasons.\n\t */\n\n\tpublic adapter?: AutosaveAdapter;\n\n\t/**\n\t * The state of this plugin.\n\t *\n\t * The plugin can be in the following states:\n\t *\n\t * * synchronized &ndash; When all changes are saved.\n\t * * waiting &ndash; When the plugin is waiting for other changes before calling `adapter#save()` and `config.autosave.save()`.\n\t * * saving &ndash; When the provided save method is called and the plugin waits for the response.\n\t * * error &ndash When the provided save method will throw an error. This state immediately changes to the `saving` state and\n\t * the save method will be called again in the short period of time.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public state: 'synchronized' | 'waiting' | 'saving' | 'error';\n\n\t/**\n\t * Debounced save method. The `save()` method is called the specified `waitingTime` after `debouncedSave()` is called,\n\t * unless a new action happens in the meantime.\n\t */\n\tprivate _debouncedSave: DebouncedFunc<( () => Promise<void> )>;\n\n\t/**\n\t * The last saved document version.\n\t */\n\tprivate _lastDocumentVersion: number;\n\n\t/**\n\t * Promise used for asynchronous save calls.\n\t *\n\t * Created to handle the autosave call to an external data source. It resolves when that call is finished. It is re-used if\n\t * save is called before the promise has been resolved. It is set to `null` if there is no call in progress.\n\t */\n\tprivate _savePromise: Promise<void> | null;\n\n\t/**\n\t * DOM emitter.\n\t */\n\tprivate _domEmitter: DomEmitter;\n\n\t/**\n\t * The configuration of this plugins.\n\t */\n\tprivate _config: AutosaveConfig;\n\n\t/**\n\t * Editor's pending actions manager.\n\t */\n\tprivate _pendingActions: PendingActions;\n\n\t/**\n\t * Informs whether there should be another autosave callback performed, immediately after current autosave callback finishes.\n\t *\n\t * This is set to `true` when there is a save request while autosave callback is already being processed\n\t * and the model has changed since the last save.\n\t */\n\tprivate _makeImmediateSave: boolean;\n\n\t/**\n\t * An action that will be added to the pending action manager for actions happening in that plugin.\n\t */\n\tprivate _action: PendingAction | null = null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Autosave' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ PendingActions ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tconst config: AutosaveConfig = editor.config.get( 'autosave' ) || {};\n\n\t\t// A minimum amount of time that needs to pass after the last action.\n\t\t// After that time the provided save callbacks are being called.\n\t\tconst waitingTime = config.waitingTime || 1000;\n\n\t\tthis.set( 'state', 'synchronized' );\n\n\t\tthis._debouncedSave = debounce( this._save.bind( this ), waitingTime );\n\t\tthis._lastDocumentVersion = editor.model.document.version;\n\t\tthis._savePromise = null;\n\t\tthis._domEmitter = new ( DomEmitterMixin() )();\n\t\tthis._config = config;\n\t\tthis._pendingActions = editor.plugins.get( PendingActions );\n\t\tthis._makeImmediateSave = false;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst doc = editor.model.document;\n\n\t\t// Add the listener only after the editor is initialized to prevent firing save callback on data init.\n\t\tthis.listenTo<EditorReadyEvent>( editor, 'ready', () => {\n\t\t\tthis.listenTo<ModelDocumentChangeEvent>( doc, 'change:data', ( evt, batch ) => {\n\t\t\t\tif ( !this._saveCallbacks.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( !batch.isLocal ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( this.state === 'synchronized' ) {\n\t\t\t\t\tthis.state = 'waiting';\n\t\t\t\t\t// Set pending action already when we are waiting for the autosave callback.\n\t\t\t\t\tthis._setPendingAction();\n\t\t\t\t}\n\n\t\t\t\tif ( this.state === 'waiting' ) {\n\t\t\t\t\tthis._debouncedSave();\n\t\t\t\t}\n\n\t\t\t\t// If the plugin is in `saving` state, it will change its state later basing on the `document.version`.\n\t\t\t\t// If the `document.version` will be higher than stored `#_lastDocumentVersion`, then it means, that some `change:data`\n\t\t\t\t// event has fired in the meantime.\n\t\t\t} );\n\t\t} );\n\n\t\t// Flush on the editor's destroy listener with the highest priority to ensure that\n\t\t// `editor.getData()` will be called before plugins are destroyed.\n\t\tthis.listenTo<EditorDestroyEvent>( editor, 'destroy', () => this._flush(), { priority: 'highest' } );\n\n\t\t// It's not possible to easy test it because karma uses `beforeunload` event\n\t\t// to warn before full page reload and this event cannot be dispatched manually.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tthis._domEmitter.listenTo( window, 'beforeunload', ( evtInfo, domEvt ) => {\n\t\t\tif ( this._pendingActions.hasAny ) {\n\t\t\t\tdomEvt.returnValue = this._pendingActions.first!.message;\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\t// There's no need for canceling or flushing the throttled save, as\n\t\t// it's done on the editor's destroy event with the highest priority.\n\n\t\tthis._domEmitter.stopListening();\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Immediately calls autosave callback. All previously queued (debounced) callbacks are cleared. If there is already an autosave\n\t * callback in progress, then the requested save will be performed immediately after the current callback finishes.\n\t *\n\t * @returns A promise that will be resolved when the autosave callback is finished.\n\t */\n\tpublic save(): Promise<void> {\n\t\tthis._debouncedSave.cancel();\n\n\t\treturn this._save();\n\t}\n\n\t/**\n\t * Invokes the remaining `_save()` method call.\n\t */\n\tprivate _flush(): void {\n\t\tthis._debouncedSave.flush();\n\t}\n\n\t/**\n\t * If the adapter is set and a new document version exists,\n\t * the `_save()` method creates a pending action and calls the `adapter.save()` method.\n\t * It waits for the result and then removes the created pending action.\n\t *\n\t * @returns A promise that will be resolved when the autosave callback is finished.\n\t */\n\tprivate _save(): Promise<void> {\n\t\tif ( this._savePromise ) {\n\t\t\tthis._makeImmediateSave = this.editor.model.document.version > this._lastDocumentVersion;\n\n\t\t\treturn this._savePromise;\n\t\t}\n\n\t\t// Make sure there is a pending action (in case if `_save()` was called through manual `save()` call).\n\t\tthis._setPendingAction();\n\n\t\tthis.state = 'saving';\n\t\tthis._lastDocumentVersion = this.editor.model.document.version;\n\n\t\t// Wait one promise cycle to be sure that save callbacks are not called inside a conversion or when the editor's state changes.\n\t\tthis._savePromise = Promise.resolve()\n\t\t\t// Make autosave callback.\n\t\t\t.then( () => Promise.all(\n\t\t\t\tthis._saveCallbacks.map( cb => cb( this.editor ) )\n\t\t\t) )\n\t\t\t// When the autosave callback is finished, always clear `this._savePromise`, no matter if it was successful or not.\n\t\t\t.finally( () => {\n\t\t\t\tthis._savePromise = null;\n\t\t\t} )\n\t\t\t// If the save was successful, we have three scenarios:\n\t\t\t//\n\t\t\t// 1. If a save was requested when an autosave callback was already processed, we need to immediately call\n\t\t\t// another autosave callback. In this case, `this._savePromise` will not be resolved until the next callback is done.\n\t\t\t// 2. Otherwise, if changes happened to the model, make a delayed autosave callback (like the change just happened).\n\t\t\t// 3. If no changes happened to the model, return to the `synchronized` state.\n\t\t\t.then( () => {\n\t\t\t\tif ( this._makeImmediateSave ) {\n\t\t\t\t\tthis._makeImmediateSave = false;\n\n\t\t\t\t\t// Start another autosave callback. Return a promise that will be resolved after the new autosave callback.\n\t\t\t\t\t// This way promises returned by `_save()` will not be resolved until all changes are saved.\n\t\t\t\t\t//\n\t\t\t\t\t// If `save()` was called when another (most often automatic) autosave callback was already processed,\n\t\t\t\t\t// the promise returned by `save()` call will be resolved only after new changes have been saved.\n\t\t\t\t\t//\n\t\t\t\t\t// Note that it would not work correctly if `this._savePromise` is not cleared.\n\t\t\t\t\treturn this._save();\n\t\t\t\t} else {\n\t\t\t\t\tif ( this.editor.model.document.version > this._lastDocumentVersion ) {\n\t\t\t\t\t\tthis.state = 'waiting';\n\t\t\t\t\t\tthis._debouncedSave();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.state = 'synchronized';\n\t\t\t\t\t\tthis._pendingActions.remove( this._action! );\n\t\t\t\t\t\tthis._action = null;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} )\n\t\t\t// In case of an error, retry the autosave callback after a delay (and also throw the original error).\n\t\t\t.catch( err => {\n\t\t\t\t// Change state to `error` so that listeners handling autosave error can be called.\n\t\t\t\tthis.state = 'error';\n\t\t\t\t// Then, immediately change to the `saving` state as described above.\n\t\t\t\t// Being in the `saving` state ensures that the autosave callback won't be delayed further by the `change:data` listener.\n\t\t\t\tthis.state = 'saving';\n\n\t\t\t\tthis._debouncedSave();\n\n\t\t\t\tthrow err;\n\t\t\t} );\n\n\t\treturn this._savePromise;\n\t}\n\n\t/**\n\t * Creates a pending action if it is not set already.\n\t */\n\tprivate _setPendingAction(): void {\n\t\tconst t = this.editor.t;\n\n\t\tif ( !this._action ) {\n\t\t\tthis._action = this._pendingActions.add( t( 'Saving changes' ) );\n\t\t}\n\t}\n\n\t/**\n\t * Saves callbacks.\n\t */\n\tprivate get _saveCallbacks(): Array<( editor: Editor ) => Promise<unknown>> {\n\t\tconst saveCallbacks: Array<( editor: Editor ) => Promise<unknown>> = [];\n\n\t\tif ( this.adapter && this.adapter.save ) {\n\t\t\tsaveCallbacks.push( this.adapter.save );\n\t\t}\n\n\t\tif ( this._config.save ) {\n\t\t\tsaveCallbacks.push( this._config.save );\n\t\t}\n\n\t\treturn saveCallbacks;\n\t}\n}\n\n/**\n * An interface that requires the `save()` method.\n *\n * Used by {@link module:autosave/autosave~Autosave#adapter}.\n */\nexport interface AutosaveAdapter {\n\n\t/**\n\t * The method that will be called when the data changes. It should return a promise (e.g. in case of saving content to the database),\n\t * so the autosave plugin will wait for that action before removing it from pending actions.\n\t */\n\tsave( editor: Editor ): Promise<unknown>;\n}\n\n/**\n * The configuration of the {@link module:autosave/autosave~Autosave autosave feature}.\n *\n * ```ts\n * ClassicEditor\n * \t.create( editorElement, {\n * \t\tautosave: {\n * \t\t\tsave( editor: Editor ) {\n * \t\t\t\t// The saveData() function must return a promise\n * \t\t\t\t// which should be resolved when the data is successfully saved.\n * \t\t\t\treturn saveData( editor.getData() );\n * \t\t\t}\n * \t\t}\n * \t} );\n * \t.then( ... )\n * \t.catch( ... );\n * ```\n *\n * See {@link module:core/editor/editorconfig~EditorConfig all editor configuration options}.\n *\n * See also the demo of the {@glink features/autosave autosave feature}.\n */\nexport interface AutosaveConfig {\n\n\t/**\n\t * The callback to be executed when the data needs to be saved.\n\t *\n\t * This function must return a promise which should be resolved when the data is successfully saved.\n\t *\n\t * ```ts\n\t * ClassicEditor\n\t * \t.create( editorElement, {\n\t * \t\tautosave: {\n\t * \t\t\tsave( editor: Editor ) {\n\t * \t\t\t\treturn saveData( editor.getData() );\n\t * \t\t\t}\n\t * \t\t}\n\t * \t} );\n\t * \t.then( ... )\n\t * \t.catch( ... );\n\t * ```\n\t */\n\tsave?: ( editor: Editor ) => Promise<unknown>;\n\n\t/**\n\t * The minimum amount of time that needs to pass after the last action to call the provided callback.\n\t * By default it is 1000 ms.\n\t *\n\t * ```ts\n\t * ClassicEditor\n\t * \t.create( editorElement, {\n\t * \t\tautosave: {\n\t * \t\t\tsave( editor: Editor ) {\n\t * \t\t\t\treturn saveData( editor.getData() );\n\t * \t\t\t},\n\t * \t\t\twaitingTime: 2000\n\t * \t\t}\n\t * \t} );\n\t * \t.then( ... )\n\t * \t.catch( ... );\n\t * ```\n\t */\n\twaitingTime?: number;\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { IconBold, IconCode, IconItalic, IconStrikethrough, IconSubscript, IconSuperscript, IconUnderline } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { MenuBarMenuListItemButtonView, ButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { TwoStepCaretMovement, inlineHighlight } from '@ckeditor/ckeditor5-typing/dist/index.js';\n\n/**\n * An extension of the base {@link module:core/command~Command} class, which provides utilities for a command\n * that toggles a single attribute on a text or an element.\n *\n * `AttributeCommand` uses {@link module:engine/model/document~ModelDocument#selection}\n * to decide which nodes (if any) should be changed, and applies or removes the attribute from them.\n *\n * The command checks the {@link module:engine/model/model~Model#schema} to decide if it can be enabled\n * for the current selection and to which nodes the attribute can be applied.\n */ class AttributeCommand extends Command {\n    /**\n\t * The attribute that will be set by the command.\n\t */ attributeKey;\n    /**\n\t * @param attributeKey Attribute that will be set by the command.\n\t */ constructor(editor, attributeKey){\n        super(editor);\n        this.attributeKey = attributeKey;\n    }\n    /**\n\t * Updates the command's {@link #value} and {@link #isEnabled} based on the current selection.\n\t */ refresh() {\n        const model = this.editor.model;\n        const doc = model.document;\n        this.value = this._getValueFromFirstAllowedNode();\n        this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, this.attributeKey);\n    }\n    /**\n\t * Executes the command &ndash; applies the attribute to the selection or removes it from the selection.\n\t *\n\t * If the command is active (`value == true`), it will remove attributes. Otherwise, it will set attributes.\n\t *\n\t * The execution result differs, depending on the {@link module:engine/model/document~ModelDocument#selection}:\n\t *\n\t * * If the selection is on a range, the command applies the attribute to all nodes in that range\n\t * (if they are allowed to have this attribute by the {@link module:engine/model/schema~ModelSchema schema}).\n\t * * If the selection is collapsed in a non-empty node, the command applies the attribute to the\n\t * {@link module:engine/model/document~ModelDocument#selection} itself (note that typed characters copy attributes from the selection).\n\t * * If the selection is collapsed in an empty node, the command applies the attribute to the parent node of the selection (note\n\t * that the selection inherits all attributes from a node if it is in an empty node).\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`,\n\t * the command will apply the attribute, otherwise the command will remove the attribute.\n\t * If not set, the command will look for its current value to decide what it should do.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const doc = model.document;\n        const selection = doc.selection;\n        const value = options.forceValue === undefined ? !this.value : options.forceValue;\n        model.change((writer)=>{\n            if (selection.isCollapsed) {\n                if (value) {\n                    writer.setSelectionAttribute(this.attributeKey, true);\n                } else {\n                    writer.removeSelectionAttribute(this.attributeKey);\n                }\n            } else {\n                const ranges = model.schema.getValidRanges(selection.getRanges(), this.attributeKey);\n                for (const range of ranges){\n                    if (value) {\n                        writer.setAttribute(this.attributeKey, value, range);\n                    } else {\n                        writer.removeAttribute(this.attributeKey, range);\n                    }\n                }\n            }\n        });\n    }\n    /**\n\t * Checks the attribute value of the first node in the selection that allows the attribute.\n\t * For the collapsed selection returns the selection attribute.\n\t *\n\t * @returns The attribute value.\n\t */ _getValueFromFirstAllowedNode() {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selection = model.document.selection;\n        if (selection.isCollapsed) {\n            return selection.hasAttribute(this.attributeKey);\n        }\n        for (const range of selection.getRanges()){\n            for (const item of range.getItems()){\n                if (schema.checkAttribute(item, this.attributeKey)) {\n                    return item.hasAttribute(this.attributeKey);\n                }\n            }\n        }\n        return false;\n    }\n}\n\nconst BOLD$1 = 'bold';\n/**\n * The bold editing feature.\n *\n * It registers the `'bold'` command and introduces the `bold` attribute in the model which renders to the view\n * as a `<strong>` element.\n */ class BoldEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'BoldEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        // Allow bold attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: BOLD$1\n        });\n        editor.model.schema.setAttributeProperties(BOLD$1, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n        // Build converter from model to view for data and editing pipelines.\n        editor.conversion.attributeToElement({\n            model: BOLD$1,\n            view: 'strong',\n            upcastAlso: [\n                'b',\n                (viewElement)=>{\n                    const fontWeight = viewElement.getStyle('font-weight');\n                    if (!fontWeight) {\n                        return null;\n                    }\n                    // Value of the `font-weight` attribute can be defined as a string or a number.\n                    if (fontWeight == 'bold' || Number(fontWeight) >= 600) {\n                        return {\n                            name: true,\n                            styles: [\n                                'font-weight'\n                            ]\n                        };\n                    }\n                    return null;\n                }\n            ]\n        });\n        // Create bold command.\n        editor.commands.add(BOLD$1, new AttributeCommand(editor, BOLD$1));\n        // Set the Ctrl+B keystroke.\n        editor.keystrokes.set('CTRL+B', BOLD$1);\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Bold text'),\n                    keystroke: 'CTRL+B'\n                }\n            ]\n        });\n    }\n}\n\n/**\n * Returns a function that creates a (toolbar or menu bar) button for a basic style feature.\n *\n * @internal\n */ function getButtonCreator({ editor, commandName, plugin, icon, label, keystroke }) {\n    return (ButtonClass)=>{\n        const command = editor.commands.get(commandName);\n        const view = new ButtonClass(editor.locale);\n        view.set({\n            label,\n            icon,\n            keystroke,\n            isToggleable: true\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        view.bind('isOn').to(command, 'value');\n        if (view instanceof MenuBarMenuListItemButtonView) {\n            view.set({\n                role: 'menuitemcheckbox'\n            });\n        } else {\n            view.set({\n                tooltip: true\n            });\n        }\n        // Execute the command.\n        plugin.listenTo(view, 'execute', ()=>{\n            editor.execute(commandName);\n            editor.editing.view.focus();\n        });\n        return view;\n    };\n}\n\nconst BOLD = 'bold';\n/**\n * The bold UI feature. It introduces the Bold button.\n */ class BoldUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'BoldUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const createButton = getButtonCreator({\n            editor,\n            commandName: BOLD,\n            plugin: this,\n            icon: IconBold,\n            label: t('Bold'),\n            keystroke: 'CTRL+B'\n        });\n        // Add bold button to feature components.\n        editor.ui.componentFactory.add(BOLD, ()=>createButton(ButtonView));\n        editor.ui.componentFactory.add('menuBar:' + BOLD, ()=>createButton(MenuBarMenuListItemButtonView));\n    }\n}\n\n/**\n * The bold feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/bold/boldediting~BoldEditing bold editing feature}\n * and {@link module:basic-styles/bold/boldui~BoldUI bold UI feature}.\n */ class Bold extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            BoldEditing,\n            BoldUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Bold';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nconst CODE$1 = 'code';\nconst HIGHLIGHT_CLASS = 'ck-code_selected';\n/**\n * The code editing feature.\n *\n * It registers the `'code'` command and introduces the `code` attribute in the model which renders to the view\n * as a `<code>` element.\n */ class CodeEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CodeEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TwoStepCaretMovement\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        // Allow code attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: CODE$1\n        });\n        editor.model.schema.setAttributeProperties(CODE$1, {\n            isFormatting: true,\n            copyOnEnter: false\n        });\n        editor.conversion.attributeToElement({\n            model: CODE$1,\n            view: 'code'\n        });\n        // Create code command.\n        editor.commands.add(CODE$1, new AttributeCommand(editor, CODE$1));\n        // Enable two-step caret movement for `code` attribute.\n        editor.plugins.get(TwoStepCaretMovement).registerAttribute(CODE$1);\n        // Setup highlight over selected element.\n        inlineHighlight(editor, CODE$1, 'code', HIGHLIGHT_CLASS);\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Move out of an inline code style'),\n                    keystroke: [\n                        [\n                            'arrowleft',\n                            'arrowleft'\n                        ],\n                        [\n                            'arrowright',\n                            'arrowright'\n                        ]\n                    ]\n                }\n            ]\n        });\n    }\n}\n\nconst CODE = 'code';\n/**\n * The code UI feature. It introduces the Code button.\n */ class CodeUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CodeUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const createButton = getButtonCreator({\n            editor,\n            commandName: CODE,\n            plugin: this,\n            icon: IconCode,\n            label: t('Code')\n        });\n        // Add code button to feature components.\n        editor.ui.componentFactory.add(CODE, ()=>createButton(ButtonView));\n        editor.ui.componentFactory.add('menuBar:' + CODE, ()=>createButton(MenuBarMenuListItemButtonView));\n    }\n}\n\n/**\n * The code feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/code/codeediting~CodeEditing code editing feature}\n * and {@link module:basic-styles/code/codeui~CodeUI code UI feature}.\n */ class Code extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            CodeEditing,\n            CodeUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Code';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nconst ITALIC$1 = 'italic';\n/**\n * The italic editing feature.\n *\n * It registers the `'italic'` command, the <kbd>Ctrl+I</kbd> keystroke and introduces the `italic` attribute in the model\n * which renders to the view as an `<i>` element.\n */ class ItalicEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ItalicEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        // Allow italic attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: ITALIC$1\n        });\n        editor.model.schema.setAttributeProperties(ITALIC$1, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n        editor.conversion.attributeToElement({\n            model: ITALIC$1,\n            view: 'i',\n            upcastAlso: [\n                'em',\n                {\n                    styles: {\n                        'font-style': 'italic'\n                    }\n                }\n            ]\n        });\n        // Create italic command.\n        editor.commands.add(ITALIC$1, new AttributeCommand(editor, ITALIC$1));\n        // Set the Ctrl+I keystroke.\n        editor.keystrokes.set('CTRL+I', ITALIC$1);\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Italic text'),\n                    keystroke: 'CTRL+I'\n                }\n            ]\n        });\n    }\n}\n\nconst ITALIC = 'italic';\n/**\n * The italic UI feature. It introduces the Italic button.\n */ class ItalicUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ItalicUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const createButton = getButtonCreator({\n            editor,\n            commandName: ITALIC,\n            plugin: this,\n            icon: IconItalic,\n            keystroke: 'CTRL+I',\n            label: t('Italic')\n        });\n        // Add bold button to feature components.\n        editor.ui.componentFactory.add(ITALIC, ()=>createButton(ButtonView));\n        editor.ui.componentFactory.add('menuBar:' + ITALIC, ()=>createButton(MenuBarMenuListItemButtonView));\n    }\n}\n\n/**\n * The italic feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/italic/italicediting~ItalicEditing} and\n * {@link module:basic-styles/italic/italicui~ItalicUI} plugins.\n */ class Italic extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ItalicEditing,\n            ItalicUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Italic';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nconst STRIKETHROUGH$1 = 'strikethrough';\n/**\n * The strikethrough editing feature.\n *\n * It registers the `'strikethrough'` command, the <kbd>Ctrl+Shift+X</kbd> keystroke and introduces the\n * `strikethroughsthrough` attribute in the model which renders to the view\n * as a `<s>` element.\n */ class StrikethroughEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'StrikethroughEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        // Allow strikethrough attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: STRIKETHROUGH$1\n        });\n        editor.model.schema.setAttributeProperties(STRIKETHROUGH$1, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n        editor.conversion.attributeToElement({\n            model: STRIKETHROUGH$1,\n            view: 's',\n            upcastAlso: [\n                'del',\n                'strike',\n                {\n                    styles: {\n                        'text-decoration': 'line-through'\n                    }\n                }\n            ]\n        });\n        // Create strikethrough command.\n        editor.commands.add(STRIKETHROUGH$1, new AttributeCommand(editor, STRIKETHROUGH$1));\n        // Set the Ctrl+Shift+X keystroke.\n        editor.keystrokes.set('CTRL+SHIFT+X', 'strikethrough');\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Strikethrough text'),\n                    keystroke: 'CTRL+SHIFT+X'\n                }\n            ]\n        });\n    }\n}\n\nconst STRIKETHROUGH = 'strikethrough';\n/**\n * The strikethrough UI feature. It introduces the Strikethrough button.\n */ class StrikethroughUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'StrikethroughUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const createButton = getButtonCreator({\n            editor,\n            commandName: STRIKETHROUGH,\n            plugin: this,\n            icon: IconStrikethrough,\n            keystroke: 'CTRL+SHIFT+X',\n            label: t('Strikethrough')\n        });\n        // Add strikethrough button to feature components.\n        editor.ui.componentFactory.add(STRIKETHROUGH, ()=>createButton(ButtonView));\n        editor.ui.componentFactory.add('menuBar:' + STRIKETHROUGH, ()=>createButton(MenuBarMenuListItemButtonView));\n    }\n}\n\n/**\n * The strikethrough feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/strikethrough/strikethroughediting~StrikethroughEditing} and\n * {@link module:basic-styles/strikethrough/strikethroughui~StrikethroughUI} plugins.\n */ class Strikethrough extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            StrikethroughEditing,\n            StrikethroughUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Strikethrough';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nconst SUBSCRIPT$1 = 'subscript';\n/**\n * The subscript editing feature.\n *\n * It registers the `sub` command and introduces the `sub` attribute in the model which renders to the view\n * as a `<sub>` element.\n */ class SubscriptEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SubscriptEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Allow sub attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: SUBSCRIPT$1\n        });\n        editor.model.schema.setAttributeProperties(SUBSCRIPT$1, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n        // Build converter from model to view for data and editing pipelines.\n        editor.conversion.attributeToElement({\n            model: SUBSCRIPT$1,\n            view: 'sub',\n            upcastAlso: [\n                {\n                    styles: {\n                        'vertical-align': 'sub'\n                    }\n                }\n            ]\n        });\n        // Create sub command.\n        editor.commands.add(SUBSCRIPT$1, new AttributeCommand(editor, SUBSCRIPT$1));\n    }\n}\n\nconst SUBSCRIPT = 'subscript';\n/**\n * The subscript UI feature. It introduces the Subscript button.\n */ class SubscriptUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SubscriptUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const createButton = getButtonCreator({\n            editor,\n            commandName: SUBSCRIPT,\n            plugin: this,\n            icon: IconSubscript,\n            label: t('Subscript')\n        });\n        // Add subscript button to feature components.\n        editor.ui.componentFactory.add(SUBSCRIPT, ()=>createButton(ButtonView));\n        editor.ui.componentFactory.add('menuBar:' + SUBSCRIPT, ()=>createButton(MenuBarMenuListItemButtonView));\n    }\n}\n\n/**\n * The subscript feature.\n *\n * It loads the {@link module:basic-styles/subscript/subscriptediting~SubscriptEditing} and\n * {@link module:basic-styles/subscript/subscriptui~SubscriptUI} plugins.\n */ class Subscript extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            SubscriptEditing,\n            SubscriptUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Subscript';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nconst SUPERSCRIPT$1 = 'superscript';\n/**\n * The superscript editing feature.\n *\n * It registers the `super` command and introduces the `super` attribute in the model which renders to the view\n * as a `<super>` element.\n */ class SuperscriptEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SuperscriptEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Allow super attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: SUPERSCRIPT$1\n        });\n        editor.model.schema.setAttributeProperties(SUPERSCRIPT$1, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n        // Build converter from model to view for data and editing pipelines.\n        editor.conversion.attributeToElement({\n            model: SUPERSCRIPT$1,\n            view: 'sup',\n            upcastAlso: [\n                {\n                    styles: {\n                        'vertical-align': 'super'\n                    }\n                }\n            ]\n        });\n        // Create super command.\n        editor.commands.add(SUPERSCRIPT$1, new AttributeCommand(editor, SUPERSCRIPT$1));\n    }\n}\n\nconst SUPERSCRIPT = 'superscript';\n/**\n * The superscript UI feature. It introduces the Superscript button.\n */ class SuperscriptUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SuperscriptUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const createButton = getButtonCreator({\n            editor,\n            commandName: SUPERSCRIPT,\n            plugin: this,\n            icon: IconSuperscript,\n            label: t('Superscript')\n        });\n        // Add superscript button to feature components.\n        editor.ui.componentFactory.add(SUPERSCRIPT, ()=>createButton(ButtonView));\n        editor.ui.componentFactory.add('menuBar:' + SUPERSCRIPT, ()=>createButton(MenuBarMenuListItemButtonView));\n    }\n}\n\n/**\n * The superscript feature.\n *\n * It loads the {@link module:basic-styles/superscript/superscriptediting~SuperscriptEditing} and\n * {@link module:basic-styles/superscript/superscriptui~SuperscriptUI} plugins.\n */ class Superscript extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            SuperscriptEditing,\n            SuperscriptUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Superscript';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nconst UNDERLINE$1 = 'underline';\n/**\n * The underline editing feature.\n *\n * It registers the `'underline'` command, the <kbd>Ctrl+U</kbd> keystroke\n * and introduces the `underline` attribute in the model which renders to the view as an `<u>` element.\n */ class UnderlineEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'UnderlineEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        // Allow strikethrough attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: UNDERLINE$1\n        });\n        editor.model.schema.setAttributeProperties(UNDERLINE$1, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n        editor.conversion.attributeToElement({\n            model: UNDERLINE$1,\n            view: 'u',\n            upcastAlso: {\n                styles: {\n                    'text-decoration': 'underline'\n                }\n            }\n        });\n        // Create underline command.\n        editor.commands.add(UNDERLINE$1, new AttributeCommand(editor, UNDERLINE$1));\n        // Set the Ctrl+U keystroke.\n        editor.keystrokes.set('CTRL+U', 'underline');\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Underline text'),\n                    keystroke: 'CTRL+U'\n                }\n            ]\n        });\n    }\n}\n\nconst UNDERLINE = 'underline';\n/**\n * The underline UI feature. It introduces the Underline button.\n */ class UnderlineUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'UnderlineUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const createButton = getButtonCreator({\n            editor,\n            commandName: UNDERLINE,\n            plugin: this,\n            icon: IconUnderline,\n            label: t('Underline'),\n            keystroke: 'CTRL+U'\n        });\n        // Add bold button to feature components.\n        editor.ui.componentFactory.add(UNDERLINE, ()=>createButton(ButtonView));\n        editor.ui.componentFactory.add('menuBar:' + UNDERLINE, ()=>createButton(MenuBarMenuListItemButtonView));\n    }\n}\n\n/**\n * The underline feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/underline/underlineediting~UnderlineEditing} and\n * {@link module:basic-styles/underline/underlineui~UnderlineUI} plugins.\n */ class Underline extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            UnderlineEditing,\n            UnderlineUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Underline';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { AttributeCommand, Bold, BoldEditing, BoldUI, Code, CodeEditing, CodeUI, Italic, ItalicEditing, ItalicUI, Strikethrough, StrikethroughEditing, StrikethroughUI, Subscript, SubscriptEditing, SubscriptUI, Superscript, SuperscriptEditing, SuperscriptUI, Underline, UnderlineEditing, UnderlineUI, getButtonCreator as _getBasicStylesButtonCreator };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/attributecommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\n\n/**\n * An extension of the base {@link module:core/command~Command} class, which provides utilities for a command\n * that toggles a single attribute on a text or an element.\n *\n * `AttributeCommand` uses {@link module:engine/model/document~ModelDocument#selection}\n * to decide which nodes (if any) should be changed, and applies or removes the attribute from them.\n *\n * The command checks the {@link module:engine/model/model~Model#schema} to decide if it can be enabled\n * for the current selection and to which nodes the attribute can be applied.\n */\nexport class AttributeCommand extends Command {\n\t/**\n\t * Flag indicating whether the command is active. The command is active when the\n\t * {@link module:engine/model/selection~ModelSelection#hasAttribute selection has the attribute} which means that:\n\t *\n\t * * If the selection is not empty &ndash; That the attribute is set on the first node in the selection that allows this attribute.\n\t * * If the selection is empty &ndash; That the selection has the attribute itself (which means that newly typed\n\t * text will have this attribute, too).\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * The attribute that will be set by the command.\n\t */\n\tpublic readonly attributeKey: string;\n\n\t/**\n\t * @param attributeKey Attribute that will be set by the command.\n\t */\n\tconstructor( editor: Editor, attributeKey: string ) {\n\t\tsuper( editor );\n\n\t\tthis.attributeKey = attributeKey;\n\t}\n\n\t/**\n\t * Updates the command's {@link #value} and {@link #isEnabled} based on the current selection.\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\n\t\tthis.value = this._getValueFromFirstAllowedNode();\n\t\tthis.isEnabled = model.schema.checkAttributeInSelection( doc.selection, this.attributeKey );\n\t}\n\n\t/**\n\t * Executes the command &ndash; applies the attribute to the selection or removes it from the selection.\n\t *\n\t * If the command is active (`value == true`), it will remove attributes. Otherwise, it will set attributes.\n\t *\n\t * The execution result differs, depending on the {@link module:engine/model/document~ModelDocument#selection}:\n\t *\n\t * * If the selection is on a range, the command applies the attribute to all nodes in that range\n\t * (if they are allowed to have this attribute by the {@link module:engine/model/schema~ModelSchema schema}).\n\t * * If the selection is collapsed in a non-empty node, the command applies the attribute to the\n\t * {@link module:engine/model/document~ModelDocument#selection} itself (note that typed characters copy attributes from the selection).\n\t * * If the selection is collapsed in an empty node, the command applies the attribute to the parent node of the selection (note\n\t * that the selection inherits all attributes from a node if it is in an empty node).\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`,\n\t * the command will apply the attribute, otherwise the command will remove the attribute.\n\t * If not set, the command will look for its current value to decide what it should do.\n\t */\n\tpublic override execute( options: { forceValue?: boolean } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\t\tconst selection = doc.selection;\n\t\tconst value = ( options.forceValue === undefined ) ? !this.value : options.forceValue;\n\n\t\tmodel.change( writer => {\n\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.setSelectionAttribute( this.attributeKey, true );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeSelectionAttribute( this.attributeKey );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst ranges = model.schema.getValidRanges( selection.getRanges(), this.attributeKey );\n\n\t\t\t\tfor ( const range of ranges ) {\n\t\t\t\t\tif ( value ) {\n\t\t\t\t\t\twriter.setAttribute( this.attributeKey, value, range );\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.removeAttribute( this.attributeKey, range );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the attribute value of the first node in the selection that allows the attribute.\n\t * For the collapsed selection returns the selection attribute.\n\t *\n\t * @returns The attribute value.\n\t */\n\tprivate _getValueFromFirstAllowedNode(): boolean {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tif ( selection.isCollapsed ) {\n\t\t\treturn selection.hasAttribute( this.attributeKey );\n\t\t}\n\n\t\tfor ( const range of selection.getRanges() ) {\n\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\tif ( schema.checkAttribute( item, this.attributeKey ) ) {\n\t\t\t\t\treturn item.hasAttribute( this.attributeKey );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/bold/boldediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { AttributeCommand } from '../attributecommand.js';\n\nconst BOLD = 'bold';\n\n/**\n * The bold editing feature.\n *\n * It registers the `'bold'` command and introduces the `bold` attribute in the model which renders to the view\n * as a `<strong>` element.\n */\nexport class BoldEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'BoldEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\n\t\t// Allow bold attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: BOLD } );\n\t\teditor.model.schema.setAttributeProperties( BOLD, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\n\t\t// Build converter from model to view for data and editing pipelines.\n\t\teditor.conversion.attributeToElement( {\n\t\t\tmodel: BOLD,\n\t\t\tview: 'strong',\n\t\t\tupcastAlso: [\n\t\t\t\t'b',\n\t\t\t\tviewElement => {\n\t\t\t\t\tconst fontWeight = viewElement.getStyle( 'font-weight' );\n\n\t\t\t\t\tif ( !fontWeight ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Value of the `font-weight` attribute can be defined as a string or a number.\n\t\t\t\t\tif ( fontWeight == 'bold' || Number( fontWeight ) >= 600 ) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tname: true,\n\t\t\t\t\t\t\tstyles: [ 'font-weight' ]\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\t// Create bold command.\n\t\teditor.commands.add( BOLD, new AttributeCommand( editor, BOLD ) );\n\n\t\t// Set the Ctrl+B keystroke.\n\t\teditor.keystrokes.set( 'CTRL+B', BOLD );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Bold text' ),\n\t\t\t\t\tkeystroke: 'CTRL+B'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/utils\n */\n\nimport type { Editor, Plugin } from 'ckeditor5/src/core.js';\nimport { type AttributeCommand } from './attributecommand.js';\nimport { MenuBarMenuListItemButtonView, type ButtonView } from 'ckeditor5/src/ui.js';\n\n/**\n * Returns a function that creates a (toolbar or menu bar) button for a basic style feature.\n *\n * @internal\n */\nexport function getButtonCreator( {\n\teditor, commandName, plugin, icon, label, keystroke\n}: {\n\teditor: Editor;\n\tcommandName: string;\n\ticon: string;\n\tlabel: string;\n\tplugin: Plugin;\n\tkeystroke?: string;\n} ) {\n\treturn <T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> => {\n\t\tconst command = editor.commands.get( commandName )! as AttributeCommand;\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\n\t\tview.set( {\n\t\t\tlabel,\n\t\t\ticon,\n\t\t\tkeystroke,\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t\tview.bind( 'isOn' ).to( command, 'value' );\n\n\t\tif ( view instanceof MenuBarMenuListItemButtonView ) {\n\t\t\tview.set( {\n\t\t\t\trole: 'menuitemcheckbox'\n\t\t\t} );\n\t\t} else {\n\t\t\tview.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\t\t}\n\n\t\t// Execute the command.\n\t\tplugin.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( commandName );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/bold/boldui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconBold } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { getButtonCreator } from '../utils.js';\n\nconst BOLD = 'bold';\n\n/**\n * The bold UI feature. It introduces the Bold button.\n */\nexport class BoldUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'BoldUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst createButton = getButtonCreator( {\n\t\t\teditor,\n\t\t\tcommandName: BOLD,\n\t\t\tplugin: this,\n\t\t\ticon: IconBold,\n\t\t\tlabel: t( 'Bold' ),\n\t\t\tkeystroke: 'CTRL+B'\n\t\t} );\n\n\t\t// Add bold button to feature components.\n\t\teditor.ui.componentFactory.add( BOLD, () => createButton( ButtonView ) );\n\t\teditor.ui.componentFactory.add( 'menuBar:' + BOLD, () => createButton( MenuBarMenuListItemButtonView ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/bold\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { BoldEditing } from './bold/boldediting.js';\nimport { BoldUI } from './bold/boldui.js';\n\n/**\n * The bold feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/bold/boldediting~BoldEditing bold editing feature}\n * and {@link module:basic-styles/bold/boldui~BoldUI bold UI feature}.\n */\nexport class Bold extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ BoldEditing, BoldUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Bold' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/code/codeediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { TwoStepCaretMovement, inlineHighlight } from 'ckeditor5/src/typing.js';\n\nimport { AttributeCommand } from '../attributecommand.js';\n\nconst CODE = 'code';\nconst HIGHLIGHT_CLASS = 'ck-code_selected';\n\n/**\n * The code editing feature.\n *\n * It registers the `'code'` command and introduces the `code` attribute in the model which renders to the view\n * as a `<code>` element.\n */\nexport class CodeEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CodeEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TwoStepCaretMovement ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\n\t\t// Allow code attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: CODE } );\n\t\teditor.model.schema.setAttributeProperties( CODE, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: false\n\t\t} );\n\n\t\teditor.conversion.attributeToElement( {\n\t\t\tmodel: CODE,\n\t\t\tview: 'code'\n\t\t} );\n\n\t\t// Create code command.\n\t\teditor.commands.add( CODE, new AttributeCommand( editor, CODE ) );\n\n\t\t// Enable two-step caret movement for `code` attribute.\n\t\teditor.plugins.get( TwoStepCaretMovement ).registerAttribute( CODE );\n\n\t\t// Setup highlight over selected element.\n\t\tinlineHighlight( editor, CODE, 'code', HIGHLIGHT_CLASS );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Move out of an inline code style' ),\n\t\t\t\t\tkeystroke: [\n\t\t\t\t\t\t[ 'arrowleft', 'arrowleft' ],\n\t\t\t\t\t\t[ 'arrowright', 'arrowright' ]\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/code/codeui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconCode } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { getButtonCreator } from '../utils.js';\n\nimport '../../theme/code.css';\n\nconst CODE = 'code';\n\n/**\n * The code UI feature. It introduces the Code button.\n */\nexport class CodeUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CodeUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst createButton = getButtonCreator( {\n\t\t\teditor,\n\t\t\tcommandName: CODE,\n\t\t\tplugin: this,\n\t\t\ticon: IconCode,\n\t\t\tlabel: t( 'Code' )\n\t\t} );\n\n\t\t// Add code button to feature components.\n\t\teditor.ui.componentFactory.add( CODE, () => createButton( ButtonView ) );\n\t\teditor.ui.componentFactory.add( 'menuBar:' + CODE, () => createButton( MenuBarMenuListItemButtonView ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/code\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { CodeEditing } from './code/codeediting.js';\nimport { CodeUI } from './code/codeui.js';\n\nimport '../theme/code.css';\n\n/**\n * The code feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/code/codeediting~CodeEditing code editing feature}\n * and {@link module:basic-styles/code/codeui~CodeUI code UI feature}.\n */\nexport class Code extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ CodeEditing, CodeUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Code' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/italic/italicediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { AttributeCommand } from '../attributecommand.js';\n\nconst ITALIC = 'italic';\n\n/**\n * The italic editing feature.\n *\n * It registers the `'italic'` command, the <kbd>Ctrl+I</kbd> keystroke and introduces the `italic` attribute in the model\n * which renders to the view as an `<i>` element.\n */\nexport class ItalicEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ItalicEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\n\t\t// Allow italic attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: ITALIC } );\n\t\teditor.model.schema.setAttributeProperties( ITALIC, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\n\t\teditor.conversion.attributeToElement( {\n\t\t\tmodel: ITALIC,\n\t\t\tview: 'i',\n\t\t\tupcastAlso: [\n\t\t\t\t'em',\n\t\t\t\t{\n\t\t\t\t\tstyles: {\n\t\t\t\t\t\t'font-style': 'italic'\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\t// Create italic command.\n\t\teditor.commands.add( ITALIC, new AttributeCommand( editor, ITALIC ) );\n\n\t\t// Set the Ctrl+I keystroke.\n\t\teditor.keystrokes.set( 'CTRL+I', ITALIC );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Italic text' ),\n\t\t\t\t\tkeystroke: 'CTRL+I'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/italic/italicui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconItalic } from 'ckeditor5/src/icons.js';\nimport { MenuBarMenuListItemButtonView, ButtonView } from 'ckeditor5/src/ui.js';\nimport { getButtonCreator } from '../utils.js';\n\nconst ITALIC = 'italic';\n\n/**\n * The italic UI feature. It introduces the Italic button.\n */\nexport class ItalicUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ItalicUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst createButton = getButtonCreator( {\n\t\t\teditor,\n\t\t\tcommandName: ITALIC,\n\t\t\tplugin: this,\n\t\t\ticon: IconItalic,\n\t\t\tkeystroke: 'CTRL+I',\n\t\t\tlabel: t( 'Italic' )\n\t\t} );\n\n\t\t// Add bold button to feature components.\n\t\teditor.ui.componentFactory.add( ITALIC, () => createButton( ButtonView ) );\n\t\teditor.ui.componentFactory.add( 'menuBar:' + ITALIC, () => createButton( MenuBarMenuListItemButtonView ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/italic\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ItalicEditing } from './italic/italicediting.js';\nimport { ItalicUI } from './italic/italicui.js';\n\n/**\n * The italic feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/italic/italicediting~ItalicEditing} and\n * {@link module:basic-styles/italic/italicui~ItalicUI} plugins.\n */\nexport class Italic extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ItalicEditing, ItalicUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Italic' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/strikethrough/strikethroughediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { AttributeCommand } from '../attributecommand.js';\n\nconst STRIKETHROUGH = 'strikethrough';\n\n/**\n * The strikethrough editing feature.\n *\n * It registers the `'strikethrough'` command, the <kbd>Ctrl+Shift+X</kbd> keystroke and introduces the\n * `strikethroughsthrough` attribute in the model which renders to the view\n * as a `<s>` element.\n */\nexport class StrikethroughEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'StrikethroughEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\n\t\t// Allow strikethrough attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: STRIKETHROUGH } );\n\t\teditor.model.schema.setAttributeProperties( STRIKETHROUGH, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\n\t\teditor.conversion.attributeToElement( {\n\t\t\tmodel: STRIKETHROUGH,\n\t\t\tview: 's',\n\t\t\tupcastAlso: [\n\t\t\t\t'del',\n\t\t\t\t'strike',\n\t\t\t\t{\n\t\t\t\t\tstyles: {\n\t\t\t\t\t\t'text-decoration': 'line-through'\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\t// Create strikethrough command.\n\t\teditor.commands.add( STRIKETHROUGH, new AttributeCommand( editor, STRIKETHROUGH ) );\n\n\t\t// Set the Ctrl+Shift+X keystroke.\n\t\teditor.keystrokes.set( 'CTRL+SHIFT+X', 'strikethrough' );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Strikethrough text' ),\n\t\t\t\t\tkeystroke: 'CTRL+SHIFT+X'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/strikethrough/strikethroughui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconStrikethrough } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { getButtonCreator } from '../utils.js';\n\nconst STRIKETHROUGH = 'strikethrough';\n\n/**\n * The strikethrough UI feature. It introduces the Strikethrough button.\n */\nexport class StrikethroughUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'StrikethroughUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst createButton = getButtonCreator( {\n\t\t\teditor,\n\t\t\tcommandName: STRIKETHROUGH,\n\t\t\tplugin: this,\n\t\t\ticon: IconStrikethrough,\n\t\t\tkeystroke: 'CTRL+SHIFT+X',\n\t\t\tlabel: t( 'Strikethrough' )\n\t\t} );\n\n\t\t// Add strikethrough button to feature components.\n\t\teditor.ui.componentFactory.add( STRIKETHROUGH, () => createButton( ButtonView ) );\n\t\teditor.ui.componentFactory.add( 'menuBar:' + STRIKETHROUGH, () => createButton( MenuBarMenuListItemButtonView ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/strikethrough\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { StrikethroughEditing } from './strikethrough/strikethroughediting.js';\nimport { StrikethroughUI } from './strikethrough/strikethroughui.js';\n\n/**\n * The strikethrough feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/strikethrough/strikethroughediting~StrikethroughEditing} and\n * {@link module:basic-styles/strikethrough/strikethroughui~StrikethroughUI} plugins.\n */\nexport class Strikethrough extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ StrikethroughEditing, StrikethroughUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Strikethrough' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/subscript/subscriptediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { AttributeCommand } from '../attributecommand.js';\n\nconst SUBSCRIPT = 'subscript';\n\n/**\n * The subscript editing feature.\n *\n * It registers the `sub` command and introduces the `sub` attribute in the model which renders to the view\n * as a `<sub>` element.\n */\nexport class SubscriptEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SubscriptEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\t// Allow sub attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: SUBSCRIPT } );\n\t\teditor.model.schema.setAttributeProperties( SUBSCRIPT, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\n\t\t// Build converter from model to view for data and editing pipelines.\n\n\t\teditor.conversion.attributeToElement( {\n\t\t\tmodel: SUBSCRIPT,\n\t\t\tview: 'sub',\n\t\t\tupcastAlso: [\n\t\t\t\t{\n\t\t\t\t\tstyles: {\n\t\t\t\t\t\t'vertical-align': 'sub'\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\t// Create sub command.\n\t\teditor.commands.add( SUBSCRIPT, new AttributeCommand( editor, SUBSCRIPT ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/subscript/subscriptui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconSubscript } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { getButtonCreator } from '../utils.js';\n\nconst SUBSCRIPT = 'subscript';\n\n/**\n * The subscript UI feature. It introduces the Subscript button.\n */\nexport class SubscriptUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SubscriptUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\n\t\tconst createButton = getButtonCreator( {\n\t\t\teditor,\n\t\t\tcommandName: SUBSCRIPT,\n\t\t\tplugin: this,\n\t\t\ticon: IconSubscript,\n\t\t\tlabel: t( 'Subscript' )\n\t\t} );\n\n\t\t// Add subscript button to feature components.\n\t\teditor.ui.componentFactory.add( SUBSCRIPT, () => createButton( ButtonView ) );\n\t\teditor.ui.componentFactory.add( 'menuBar:' + SUBSCRIPT, () => createButton( MenuBarMenuListItemButtonView ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/subscript\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { SubscriptEditing } from './subscript/subscriptediting.js';\nimport { SubscriptUI } from './subscript/subscriptui.js';\n\n/**\n * The subscript feature.\n *\n * It loads the {@link module:basic-styles/subscript/subscriptediting~SubscriptEditing} and\n * {@link module:basic-styles/subscript/subscriptui~SubscriptUI} plugins.\n */\nexport class Subscript extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ SubscriptEditing, SubscriptUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Subscript' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/superscript/superscriptediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { AttributeCommand } from '../attributecommand.js';\n\nconst SUPERSCRIPT = 'superscript';\n\n/**\n * The superscript editing feature.\n *\n * It registers the `super` command and introduces the `super` attribute in the model which renders to the view\n * as a `<super>` element.\n */\nexport class SuperscriptEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SuperscriptEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\t// Allow super attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: SUPERSCRIPT } );\n\t\teditor.model.schema.setAttributeProperties( SUPERSCRIPT, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\n\t\t// Build converter from model to view for data and editing pipelines.\n\n\t\teditor.conversion.attributeToElement( {\n\t\t\tmodel: SUPERSCRIPT,\n\t\t\tview: 'sup',\n\t\t\tupcastAlso: [\n\t\t\t\t{\n\t\t\t\t\tstyles: {\n\t\t\t\t\t\t'vertical-align': 'super'\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\t// Create super command.\n\t\teditor.commands.add( SUPERSCRIPT, new AttributeCommand( editor, SUPERSCRIPT ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/superscript/superscriptui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconSuperscript } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { getButtonCreator } from '../utils.js';\n\nconst SUPERSCRIPT = 'superscript';\n\n/**\n * The superscript UI feature. It introduces the Superscript button.\n */\nexport class SuperscriptUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SuperscriptUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst createButton = getButtonCreator( {\n\t\t\teditor,\n\t\t\tcommandName: SUPERSCRIPT,\n\t\t\tplugin: this,\n\t\t\ticon: IconSuperscript,\n\t\t\tlabel: t( 'Superscript' )\n\t\t} );\n\n\t\t// Add superscript button to feature components.\n\t\teditor.ui.componentFactory.add( SUPERSCRIPT, () => createButton( ButtonView ) );\n\t\teditor.ui.componentFactory.add( 'menuBar:' + SUPERSCRIPT, () => createButton( MenuBarMenuListItemButtonView ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/superscript\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { SuperscriptEditing } from './superscript/superscriptediting.js';\nimport { SuperscriptUI } from './superscript/superscriptui.js';\n\n/**\n * The superscript feature.\n *\n * It loads the {@link module:basic-styles/superscript/superscriptediting~SuperscriptEditing} and\n * {@link module:basic-styles/superscript/superscriptui~SuperscriptUI} plugins.\n */\nexport class Superscript extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ SuperscriptEditing, SuperscriptUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Superscript' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/underline/underlineediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { AttributeCommand } from '../attributecommand.js';\n\nconst UNDERLINE = 'underline';\n\n/**\n * The underline editing feature.\n *\n * It registers the `'underline'` command, the <kbd>Ctrl+U</kbd> keystroke\n * and introduces the `underline` attribute in the model which renders to the view as an `<u>` element.\n */\nexport class UnderlineEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'UnderlineEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\n\t\t// Allow strikethrough attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: UNDERLINE } );\n\t\teditor.model.schema.setAttributeProperties( UNDERLINE, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\n\t\teditor.conversion.attributeToElement( {\n\t\t\tmodel: UNDERLINE,\n\t\t\tview: 'u',\n\t\t\tupcastAlso: {\n\t\t\t\tstyles: {\n\t\t\t\t\t'text-decoration': 'underline'\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Create underline command.\n\t\teditor.commands.add( UNDERLINE, new AttributeCommand( editor, UNDERLINE ) );\n\n\t\t// Set the Ctrl+U keystroke.\n\t\teditor.keystrokes.set( 'CTRL+U', 'underline' );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Underline text' ),\n\t\t\t\t\tkeystroke: 'CTRL+U'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/underline/underlineui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconUnderline } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { getButtonCreator } from '../utils.js';\n\nconst UNDERLINE = 'underline';\n\n/**\n * The underline UI feature. It introduces the Underline button.\n */\nexport class UnderlineUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'UnderlineUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst createButton = getButtonCreator( {\n\t\t\teditor,\n\t\t\tcommandName: UNDERLINE,\n\t\t\tplugin: this,\n\t\t\ticon: IconUnderline,\n\t\t\tlabel: t( 'Underline' ),\n\t\t\tkeystroke: 'CTRL+U'\n\t\t} );\n\n\t\t// Add bold button to feature components.\n\t\teditor.ui.componentFactory.add( UNDERLINE, () => createButton( ButtonView ) );\n\t\teditor.ui.componentFactory.add( 'menuBar:' + UNDERLINE, () => createButton( MenuBarMenuListItemButtonView ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 basic-styles/underline\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { UnderlineEditing } from './underline/underlineediting.js';\nimport { UnderlineUI } from './underline/underlineui.js';\n\n/**\n * The underline feature.\n *\n * For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide\n * and the {@glink api/basic-styles package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:basic-styles/underline/underlineediting~UnderlineEditing} and\n * {@link module:basic-styles/underline/underlineui~UnderlineUI} plugins.\n */\nexport class Underline extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ UnderlineEditing, UnderlineUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Underline' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { Observer, BubblingEventInfo, ViewDocumentDomEventData } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { env } from '@ckeditor/ckeditor5-utils/dist/index.js';\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module enter/utils\n */ /**\n * Returns attributes that should be preserved on the enter keystroke.\n *\n * Filtering is realized based on `copyOnEnter` attribute property. Read more about attribute properties\n * {@link module:engine/model/schema~ModelSchema#setAttributeProperties here}.\n *\n * @param schema Model's schema.\n * @param allAttributes Attributes to filter.\n * @internal\n */ function* getCopyOnEnterAttributes(schema, allAttributes) {\n    for (const attribute of allAttributes){\n        if (attribute && schema.getAttributeProperties(attribute[0]).copyOnEnter) {\n            yield attribute;\n        }\n    }\n}\n\n/**\n * Enter command used by the {@link module:enter/enter~Enter Enter feature} to handle the <kbd>Enter</kbd> keystroke.\n */ class EnterCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        this.editor.model.change((writer)=>{\n            this.enterBlock(writer);\n            this.fire('afterExecute', {\n                writer\n            });\n        });\n    }\n    /**\n\t * Splits a block where the document selection is placed, in the way how the <kbd>Enter</kbd> key is expected to work:\n\t *\n\t * ```\n\t * <p>Foo[]bar</p>   ->   <p>Foo</p><p>[]bar</p>\n\t * <p>Foobar[]</p>   ->   <p>Foobar</p><p>[]</p>\n\t * <p>Fo[ob]ar</p>   ->   <p>Fo</p><p>[]ar</p>\n\t * ```\n\t *\n\t * In some cases, the split will not happen:\n\t *\n\t * ```\n\t * // The selection parent is a limit element:\n\t * <figcaption>A[bc]d</figcaption>   ->   <figcaption>A[]d</figcaption>\n\t *\n\t * // The selection spans over multiple elements:\n\t * <h>x[x</h><p>y]y<p>   ->   <h>x</h><p>[]y</p>\n\t * ```\n\t *\n\t * @param writer Writer to use when performing the enter action.\n\t * @returns Boolean indicating if the block was split.\n\t */ enterBlock(writer) {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const schema = model.schema;\n        const isSelectionEmpty = selection.isCollapsed;\n        const range = selection.getFirstRange();\n        const startElement = range.start.parent;\n        const endElement = range.end.parent;\n        // Don't touch the roots and other limit elements.\n        if (schema.isLimit(startElement) || schema.isLimit(endElement)) {\n            // Delete the selected content but only if inside a single limit element.\n            // Abort, when crossing limit elements boundary (e.g. <limit1>x[x</limit1>donttouchme<limit2>y]y</limit2>).\n            // This is an edge case and it's hard to tell what should actually happen because such a selection\n            // is not entirely valid.\n            if (!isSelectionEmpty && startElement == endElement) {\n                model.deleteContent(selection);\n            }\n            return false;\n        }\n        if (isSelectionEmpty) {\n            const attributesToCopy = getCopyOnEnterAttributes(writer.model.schema, selection.getAttributes());\n            splitBlock(writer, range.start);\n            writer.setSelectionAttribute(attributesToCopy);\n            return true;\n        } else {\n            const leaveUnmerged = !(range.start.isAtStart && range.end.isAtEnd);\n            const isContainedWithinOneElement = startElement == endElement;\n            model.deleteContent(selection, {\n                leaveUnmerged\n            });\n            if (leaveUnmerged) {\n                // Partially selected elements.\n                //\n                // <h>x[xx]x</h>\t\t-> <h>x^x</h>\t\t\t-> <h>x</h><h>^x</h>\n                if (isContainedWithinOneElement) {\n                    splitBlock(writer, selection.focus);\n                    return true;\n                } else {\n                    writer.setSelection(endElement, 0);\n                }\n            }\n        }\n        return false;\n    }\n}\nfunction splitBlock(writer, splitPos) {\n    writer.split(splitPos);\n    writer.setSelection(splitPos.parent.nextSibling, 0);\n}\n\nconst ENTER_EVENT_TYPES = {\n    insertParagraph: {\n        isSoft: false\n    },\n    insertLineBreak: {\n        isSoft: true\n    }\n};\n/**\n * Enter observer introduces the {@link module:engine/view/document~ViewDocument#event:enter `Document#enter`} event.\n */ class EnterObserver extends Observer {\n    /**\n\t * @inheritDoc\n\t */ constructor(view){\n        super(view);\n        const doc = this.document;\n        let shiftPressed = false;\n        doc.on('keydown', (evt, data)=>{\n            shiftPressed = data.shiftKey;\n        });\n        doc.on('beforeinput', (evt, data)=>{\n            if (!this.isEnabled) {\n                return;\n            }\n            let inputType = data.inputType;\n            // See https://github.com/ckeditor/ckeditor5/issues/13321.\n            if (env.isSafari && shiftPressed && inputType == 'insertParagraph') {\n                inputType = 'insertLineBreak';\n            }\n            const domEvent = data.domEvent;\n            const enterEventSpec = ENTER_EVENT_TYPES[inputType];\n            if (!enterEventSpec) {\n                return;\n            }\n            const event = new BubblingEventInfo(doc, 'enter', data.targetRanges[0]);\n            doc.fire(event, new ViewDocumentDomEventData(view, domEvent, {\n                isSoft: enterEventSpec.isSoft\n            }));\n            // Stop `beforeinput` event if `enter` event was stopped.\n            // https://github.com/ckeditor/ckeditor5/issues/753\n            if (event.stop.called) {\n                evt.stop();\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ observe() {}\n    /**\n\t * @inheritDoc\n\t */ stopObserving() {}\n}\n\n/**\n * This plugin handles the <kbd>Enter</kbd> keystroke (hard line break) in the editor.\n *\n * See also the {@link module:enter/shiftenter~ShiftEnter} plugin.\n *\n * For more information about this feature see the {@glink api/enter package page}.\n */ class Enter extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Enter';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    init() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const t = this.editor.t;\n        view.addObserver(EnterObserver);\n        editor.commands.add('enter', new EnterCommand(editor));\n        this.listenTo(viewDocument, 'enter', (evt, data)=>{\n            // When not in composition, we handle the action, so prevent the default one.\n            // When in composition, it's the browser who modify the DOM (renderer is disabled).\n            if (!viewDocument.isComposing) {\n                data.preventDefault();\n            }\n            // The soft enter key is handled by the ShiftEnter plugin.\n            if (data.isSoft) {\n                return;\n            }\n            editor.execute('enter');\n            view.scrollToTheSelection();\n        }, {\n            priority: 'low'\n        });\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Insert a hard break (a new paragraph)'),\n                    keystroke: 'Enter'\n                }\n            ]\n        });\n    }\n}\n\n/**\n * ShiftEnter command. It is used by the {@link module:enter/shiftenter~ShiftEnter ShiftEnter feature} to handle\n * the <kbd>Shift</kbd>+<kbd>Enter</kbd> keystroke.\n */ class ShiftEnterCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const model = this.editor.model;\n        const doc = model.document;\n        model.change((writer)=>{\n            softBreakAction(model, writer, doc.selection);\n            this.fire('afterExecute', {\n                writer\n            });\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const doc = model.document;\n        this.isEnabled = isEnabled(model.schema, doc.selection);\n    }\n}\n/**\n * Checks whether the ShiftEnter command should be enabled in the specified selection.\n */ function isEnabled(schema, selection) {\n    // At this moment it is okay to support single range selections only.\n    // But in the future we may need to change that.\n    if (selection.rangeCount > 1) {\n        return false;\n    }\n    const anchorPos = selection.anchor;\n    // Check whether the break element can be inserted in the current selection anchor.\n    if (!anchorPos || !schema.checkChild(anchorPos, 'softBreak')) {\n        return false;\n    }\n    const range = selection.getFirstRange();\n    const startElement = range.start.parent;\n    const endElement = range.end.parent;\n    // Do not modify the content if selection is cross-limit elements.\n    if ((isInsideLimitElement(startElement, schema) || isInsideLimitElement(endElement, schema)) && startElement !== endElement) {\n        return false;\n    }\n    return true;\n}\n/**\n * Creates a break in the way that the <kbd>Shift</kbd>+<kbd>Enter</kbd> keystroke is expected to work.\n */ function softBreakAction(model, writer, selection) {\n    const isSelectionEmpty = selection.isCollapsed;\n    const range = selection.getFirstRange();\n    const startElement = range.start.parent;\n    const endElement = range.end.parent;\n    const isContainedWithinOneElement = startElement == endElement;\n    if (isSelectionEmpty) {\n        const attributesToCopy = getCopyOnEnterAttributes(model.schema, selection.getAttributes());\n        insertBreak(model, writer, range.end);\n        writer.removeSelectionAttribute(selection.getAttributeKeys());\n        writer.setSelectionAttribute(attributesToCopy);\n    } else {\n        const leaveUnmerged = !(range.start.isAtStart && range.end.isAtEnd);\n        model.deleteContent(selection, {\n            leaveUnmerged\n        });\n        // Selection within one element:\n        //\n        // <h>x[xx]x</h>\t\t-> <h>x^x</h>\t\t\t-> <h>x<br>^x</h>\n        if (isContainedWithinOneElement) {\n            insertBreak(model, writer, selection.focus);\n        } else {\n            // Move the selection to the 2nd element (last step of the example above).\n            if (leaveUnmerged) {\n                writer.setSelection(endElement, 0);\n            }\n        }\n    }\n}\nfunction insertBreak(model, writer, position) {\n    const breakLineElement = writer.createElement('softBreak');\n    model.insertContent(breakLineElement, position);\n    writer.setSelection(breakLineElement, 'after');\n}\n/**\n * Checks whether the specified `element` is a child of the limit element.\n *\n * Checking whether the `<p>` element is inside a limit element:\n *   - `<$root><p>Text.</p></$root> => false`\n *   - `<$root><limitElement><p>Text</p></limitElement></$root> => true`\n */ function isInsideLimitElement(element, schema) {\n    // `$root` is a limit element but in this case is an invalid element.\n    if (element.is('rootElement')) {\n        return false;\n    }\n    return schema.isLimit(element) || isInsideLimitElement(element.parent, schema);\n}\n\n/**\n * This plugin handles the <kbd>Shift</kbd>+<kbd>Enter</kbd> keystroke (soft line break) in the editor.\n *\n * See also the {@link module:enter/enter~Enter} plugin.\n *\n * For more information about this feature see the {@glink api/enter package page}.\n */ class ShiftEnter extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ShiftEnter';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const t = this.editor.t;\n        // Configure the schema.\n        schema.register('softBreak', {\n            allowWhere: '$text',\n            isInline: true\n        });\n        // Configure converters.\n        conversion.for('upcast').elementToElement({\n            model: 'softBreak',\n            view: 'br'\n        });\n        conversion.for('downcast').elementToElement({\n            model: 'softBreak',\n            view: (modelElement, { writer })=>writer.createEmptyElement('br')\n        });\n        view.addObserver(EnterObserver);\n        editor.commands.add('shiftEnter', new ShiftEnterCommand(editor));\n        this.listenTo(viewDocument, 'enter', (evt, data)=>{\n            // When not in composition, we handle the action, so prevent the default one.\n            // When in composition, it's the browser who modify the DOM (renderer is disabled).\n            if (!viewDocument.isComposing) {\n                data.preventDefault();\n            }\n            // The hard enter key is handled by the Enter plugin.\n            if (!data.isSoft) {\n                return;\n            }\n            editor.execute('shiftEnter');\n            view.scrollToTheSelection();\n        }, {\n            priority: 'low'\n        });\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Insert a soft break (a <code>&lt;br&gt;</code> element)'),\n                    keystroke: 'Shift+Enter'\n                }\n            ]\n        });\n    }\n}\n\nexport { Enter, EnterCommand, EnterObserver, ShiftEnter, ShiftEnterCommand, getCopyOnEnterAttributes as _getCopyOnEnterAttributes };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 enter/utils\n */\n\nimport type { ModelSchema } from '@ckeditor/ckeditor5-engine';\n\n/**\n * Returns attributes that should be preserved on the enter keystroke.\n *\n * Filtering is realized based on `copyOnEnter` attribute property. Read more about attribute properties\n * {@link module:engine/model/schema~ModelSchema#setAttributeProperties here}.\n *\n * @param schema Model's schema.\n * @param allAttributes Attributes to filter.\n * @internal\n */\nexport function* getCopyOnEnterAttributes(\n\tschema: ModelSchema,\n\tallAttributes: Iterable<[ string, unknown ]>\n): IterableIterator<[ string, unknown ]> {\n\tfor ( const attribute of allAttributes ) {\n\t\tif ( attribute && schema.getAttributeProperties( attribute[ 0 ] ).copyOnEnter ) {\n\t\t\tyield attribute;\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 enter/entercommand\n */\n\nimport { Command } from '@ckeditor/ckeditor5-core';\nimport { getCopyOnEnterAttributes } from './utils.js';\n\nimport type {\n\tModelElement,\n\tModelPosition,\n\tModelWriter\n} from '@ckeditor/ckeditor5-engine';\n\n/**\n * Enter command used by the {@link module:enter/enter~Enter Enter feature} to handle the <kbd>Enter</kbd> keystroke.\n */\nexport class EnterCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tthis.editor.model.change( writer => {\n\t\t\tthis.enterBlock( writer );\n\t\t\tthis.fire<EnterCommandAfterExecuteEvent>( 'afterExecute', { writer } );\n\t\t} );\n\t}\n\n\t/**\n\t * Splits a block where the document selection is placed, in the way how the <kbd>Enter</kbd> key is expected to work:\n\t *\n\t * ```\n\t * <p>Foo[]bar</p>   ->   <p>Foo</p><p>[]bar</p>\n\t * <p>Foobar[]</p>   ->   <p>Foobar</p><p>[]</p>\n\t * <p>Fo[ob]ar</p>   ->   <p>Fo</p><p>[]ar</p>\n\t * ```\n\t *\n\t * In some cases, the split will not happen:\n\t *\n\t * ```\n\t * // The selection parent is a limit element:\n\t * <figcaption>A[bc]d</figcaption>   ->   <figcaption>A[]d</figcaption>\n\t *\n\t * // The selection spans over multiple elements:\n\t * <h>x[x</h><p>y]y<p>   ->   <h>x</h><p>[]y</p>\n\t * ```\n\t *\n\t * @param writer Writer to use when performing the enter action.\n\t * @returns Boolean indicating if the block was split.\n\t */\n\tpublic enterBlock( writer: ModelWriter ): boolean {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst schema = model.schema;\n\t\tconst isSelectionEmpty = selection.isCollapsed;\n\t\tconst range = selection.getFirstRange()!;\n\t\tconst startElement = range.start.parent as ModelElement;\n\t\tconst endElement = range.end.parent as ModelElement;\n\n\t\t// Don't touch the roots and other limit elements.\n\t\tif ( schema.isLimit( startElement ) || schema.isLimit( endElement ) ) {\n\t\t\t// Delete the selected content but only if inside a single limit element.\n\t\t\t// Abort, when crossing limit elements boundary (e.g. <limit1>x[x</limit1>donttouchme<limit2>y]y</limit2>).\n\t\t\t// This is an edge case and it's hard to tell what should actually happen because such a selection\n\t\t\t// is not entirely valid.\n\t\t\tif ( !isSelectionEmpty && startElement == endElement ) {\n\t\t\t\tmodel.deleteContent( selection );\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( isSelectionEmpty ) {\n\t\t\tconst attributesToCopy = getCopyOnEnterAttributes( writer.model.schema, selection.getAttributes() );\n\n\t\t\tsplitBlock( writer, range.start );\n\t\t\twriter.setSelectionAttribute( attributesToCopy );\n\n\t\t\treturn true;\n\t\t} else {\n\t\t\tconst leaveUnmerged = !( range.start.isAtStart && range.end.isAtEnd );\n\t\t\tconst isContainedWithinOneElement = ( startElement == endElement );\n\n\t\t\tmodel.deleteContent( selection, { leaveUnmerged } );\n\n\t\t\tif ( leaveUnmerged ) {\n\t\t\t\t// Partially selected elements.\n\t\t\t\t//\n\t\t\t\t// <h>x[xx]x</h>\t\t-> <h>x^x</h>\t\t\t-> <h>x</h><h>^x</h>\n\t\t\t\tif ( isContainedWithinOneElement ) {\n\t\t\t\t\tsplitBlock( writer, selection.focus! );\n\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\t// Selection over multiple elements.\n\t\t\t\t//\n\t\t\t\t// <h>x[x</h><p>y]y<p>\t-> <h>x^</h><p>y</p>\t-> <h>x</h><p>^y</p>\n\t\t\t\telse {\n\t\t\t\t\twriter.setSelection( endElement, 0 );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n}\n\n/**\n * Fired after the the {@link module:enter/entercommand~EnterCommand} is finished executing.\n *\n * @eventName ~EnterCommand#afterExecute\n */\nexport type EnterCommandAfterExecuteEvent = {\n\tname: 'afterExecute';\n\targs: [ { writer: ModelWriter } ];\n};\n\nfunction splitBlock( writer: ModelWriter, splitPos: ModelPosition ): void {\n\twriter.split( splitPos );\n\twriter.setSelection( splitPos.parent.nextSibling!, 0 );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 enter/enterobserver\n */\n\nimport {\n\tObserver,\n\tViewDocumentDomEventData,\n\tBubblingEventInfo,\n\ttype EditingView,\n\ttype ViewDocumentInputEvent,\n\ttype BubblingEvent,\n\ttype ViewDocumentKeyDownEvent\n} from '@ckeditor/ckeditor5-engine';\n\nimport { env } from '@ckeditor/ckeditor5-utils';\n\nconst ENTER_EVENT_TYPES: Record<string, { isSoft: boolean }> = {\n\tinsertParagraph: { isSoft: false },\n\tinsertLineBreak: { isSoft: true }\n};\n\n/**\n * Enter observer introduces the {@link module:engine/view/document~ViewDocument#event:enter `Document#enter`} event.\n */\nexport class EnterObserver extends Observer {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tconst doc = this.document;\n\t\tlet shiftPressed = false;\n\n\t\tdoc.on<ViewDocumentKeyDownEvent>( 'keydown', ( evt, data ) => {\n\t\t\tshiftPressed = data.shiftKey;\n\t\t} );\n\n\t\tdoc.on<ViewDocumentInputEvent>( 'beforeinput', ( evt, data ) => {\n\t\t\tif ( !this.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet inputType = data.inputType;\n\n\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/13321.\n\t\t\tif ( env.isSafari && shiftPressed && inputType == 'insertParagraph' ) {\n\t\t\t\tinputType = 'insertLineBreak';\n\t\t\t}\n\n\t\t\tconst domEvent = data.domEvent;\n\t\t\tconst enterEventSpec = ENTER_EVENT_TYPES[ inputType ];\n\n\t\t\tif ( !enterEventSpec ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst event = new BubblingEventInfo( doc, 'enter', data.targetRanges[ 0 ] );\n\n\t\t\tdoc.fire( event, new ViewDocumentDomEventData( view, domEvent, {\n\t\t\t\tisSoft: enterEventSpec.isSoft\n\t\t\t} ) );\n\n\t\t\t// Stop `beforeinput` event if `enter` event was stopped.\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/753\n\t\t\tif ( event.stop.called ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic observe(): void {}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic stopObserving(): void {}\n}\n\n/**\n * Fired when the user presses the <kbd>Enter</kbd> key.\n *\n * Note: This event is fired by the {@link module:enter/enterobserver~EnterObserver observer}\n * (usually registered by the {@link module:enter/enter~Enter Enter feature} and\n * {@link module:enter/shiftenter~ShiftEnter ShiftEnter feature}).\n *\n * @eventName module:engine/view/document~ViewDocument#enter\n */\nexport type ViewDocumentEnterEvent = BubblingEvent<{\n\tname: 'enter';\n\targs: [ ViewDocumentEnterEventData ];\n}>;\nexport interface ViewDocumentEnterEventData extends ViewDocumentDomEventData<InputEvent> {\n\n\t/**\n\t * Whether it is a soft enter (<kbd>Shift</kbd>+<kbd>Enter</kbd>) or a hard enter (<kbd>Enter</kbd>).\n\t */\n\tisSoft: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 enter/enter\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { EnterCommand } from './entercommand.js';\nimport { EnterObserver, type ViewDocumentEnterEvent } from './enterobserver.js';\n\n/**\n * This plugin handles the <kbd>Enter</kbd> keystroke (hard line break) in the editor.\n *\n * See also the {@link module:enter/shiftenter~ShiftEnter} plugin.\n *\n * For more information about this feature see the {@glink api/enter package page}.\n */\nexport class Enter extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Enter' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst t = this.editor.t;\n\n\t\tview.addObserver( EnterObserver );\n\n\t\teditor.commands.add( 'enter', new EnterCommand( editor ) );\n\n\t\tthis.listenTo<ViewDocumentEnterEvent>( viewDocument, 'enter', ( evt, data ) => {\n\t\t\t// When not in composition, we handle the action, so prevent the default one.\n\t\t\t// When in composition, it's the browser who modify the DOM (renderer is disabled).\n\t\t\tif ( !viewDocument.isComposing ) {\n\t\t\t\tdata.preventDefault();\n\t\t\t}\n\n\t\t\t// The soft enter key is handled by the ShiftEnter plugin.\n\t\t\tif ( data.isSoft ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\teditor.execute( 'enter' );\n\n\t\t\tview.scrollToTheSelection();\n\t\t}, { priority: 'low' } );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Insert a hard break (a new paragraph)' ),\n\t\t\t\t\tkeystroke: 'Enter'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 enter/shiftentercommand\n */\n\nimport { Command } from '@ckeditor/ckeditor5-core';\nimport { getCopyOnEnterAttributes } from './utils.js';\n\nimport type {\n\tModelDocumentSelection,\n\tModel,\n\tModelPosition,\n\tModelSchema,\n\tModelElement,\n\tModelWriter\n} from '@ckeditor/ckeditor5-engine';\n\n/**\n * ShiftEnter command. It is used by the {@link module:enter/shiftenter~ShiftEnter ShiftEnter feature} to handle\n * the <kbd>Shift</kbd>+<kbd>Enter</kbd> keystroke.\n */\nexport class ShiftEnterCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\n\t\tmodel.change( writer => {\n\t\t\tsoftBreakAction( model, writer, doc.selection );\n\t\t\tthis.fire<ShiftEnterCommandAfterExecuteEvent>( 'afterExecute', { writer } );\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\n\t\tthis.isEnabled = isEnabled( model.schema, doc.selection );\n\t}\n}\n\n/**\n * Fired after the the {@link module:enter/shiftentercommand~ShiftEnterCommand} is finished executing.\n *\n * @eventName ~ShiftEnterCommand#afterExecute\n */\nexport type ShiftEnterCommandAfterExecuteEvent = {\n\tname: 'afterExecute';\n\targs: [ { writer: ModelWriter } ];\n};\n\n/**\n * Checks whether the ShiftEnter command should be enabled in the specified selection.\n */\nfunction isEnabled( schema: ModelSchema, selection: ModelDocumentSelection ): boolean {\n\t// At this moment it is okay to support single range selections only.\n\t// But in the future we may need to change that.\n\tif ( selection.rangeCount > 1 ) {\n\t\treturn false;\n\t}\n\n\tconst anchorPos = selection.anchor;\n\n\t// Check whether the break element can be inserted in the current selection anchor.\n\tif ( !anchorPos || !schema.checkChild( anchorPos, 'softBreak' ) ) {\n\t\treturn false;\n\t}\n\n\tconst range = selection.getFirstRange()!;\n\tconst startElement = range.start.parent as ModelElement;\n\tconst endElement = range.end.parent as ModelElement;\n\n\t// Do not modify the content if selection is cross-limit elements.\n\tif ( ( isInsideLimitElement( startElement, schema ) || isInsideLimitElement( endElement, schema ) ) && startElement !== endElement ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Creates a break in the way that the <kbd>Shift</kbd>+<kbd>Enter</kbd> keystroke is expected to work.\n */\nfunction softBreakAction( model: Model, writer: ModelWriter, selection: ModelDocumentSelection ): void {\n\tconst isSelectionEmpty = selection.isCollapsed;\n\tconst range = selection.getFirstRange()!;\n\tconst startElement = range.start.parent as ModelElement;\n\tconst endElement = range.end.parent as ModelElement;\n\tconst isContainedWithinOneElement = ( startElement == endElement );\n\n\tif ( isSelectionEmpty ) {\n\t\tconst attributesToCopy = getCopyOnEnterAttributes( model.schema, selection.getAttributes() );\n\n\t\tinsertBreak( model, writer, range.end );\n\n\t\twriter.removeSelectionAttribute( selection.getAttributeKeys() );\n\t\twriter.setSelectionAttribute( attributesToCopy );\n\t} else {\n\t\tconst leaveUnmerged = !( range.start.isAtStart && range.end.isAtEnd );\n\n\t\tmodel.deleteContent( selection, { leaveUnmerged } );\n\n\t\t// Selection within one element:\n\t\t//\n\t\t// <h>x[xx]x</h>\t\t-> <h>x^x</h>\t\t\t-> <h>x<br>^x</h>\n\t\tif ( isContainedWithinOneElement ) {\n\t\t\tinsertBreak( model, writer, selection.focus! );\n\t\t}\n\t\t// Selection over multiple elements.\n\t\t//\n\t\t// <h>x[x</h><p>y]y<p>\t-> <h>x^</h><p>y</p>\t-> <h>x</h><p>^y</p>\n\t\t//\n\t\t// We chose not to insert a line break in this case because:\n\t\t//\n\t\t// * it's not a very common scenario,\n\t\t// * it actually surprised me when I saw the \"expected behavior\" in real life.\n\t\t//\n\t\t// It's ok if the user will need to be more specific where they want the <br> to be inserted.\n\t\telse {\n\t\t\t// Move the selection to the 2nd element (last step of the example above).\n\t\t\tif ( leaveUnmerged ) {\n\t\t\t\twriter.setSelection( endElement, 0 );\n\t\t\t}\n\t\t}\n\t}\n}\n\nfunction insertBreak( model: Model, writer: ModelWriter, position: ModelPosition ): void {\n\tconst breakLineElement = writer.createElement( 'softBreak' );\n\n\tmodel.insertContent( breakLineElement, position );\n\twriter.setSelection( breakLineElement, 'after' );\n}\n\n/**\n * Checks whether the specified `element` is a child of the limit element.\n *\n * Checking whether the `<p>` element is inside a limit element:\n *   - `<$root><p>Text.</p></$root> => false`\n *   - `<$root><limitElement><p>Text</p></limitElement></$root> => true`\n */\nfunction isInsideLimitElement( element: ModelElement, schema: ModelSchema ): boolean {\n\t// `$root` is a limit element but in this case is an invalid element.\n\tif ( element.is( 'rootElement' ) ) {\n\t\treturn false;\n\t}\n\n\treturn schema.isLimit( element ) || isInsideLimitElement( element.parent as ModelElement, schema );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 enter/shiftenter\n */\n\nimport { ShiftEnterCommand } from './shiftentercommand.js';\nimport { EnterObserver, type ViewDocumentEnterEvent } from './enterobserver.js';\nimport { Plugin } from '@ckeditor/ckeditor5-core';\n\n/**\n * This plugin handles the <kbd>Shift</kbd>+<kbd>Enter</kbd> keystroke (soft line break) in the editor.\n *\n * See also the {@link module:enter/enter~Enter} plugin.\n *\n * For more information about this feature see the {@glink api/enter package page}.\n */\nexport class ShiftEnter extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ShiftEnter' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst t = this.editor.t;\n\n\t\t// Configure the schema.\n\t\tschema.register( 'softBreak', {\n\t\t\tallowWhere: '$text',\n\t\t\tisInline: true\n\t\t} );\n\n\t\t// Configure converters.\n\t\tconversion.for( 'upcast' )\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: 'softBreak',\n\t\t\t\tview: 'br'\n\t\t\t} );\n\n\t\tconversion.for( 'downcast' )\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: 'softBreak',\n\t\t\t\tview: ( modelElement, { writer } ) => writer.createEmptyElement( 'br' )\n\t\t\t} );\n\n\t\tview.addObserver( EnterObserver );\n\n\t\teditor.commands.add( 'shiftEnter', new ShiftEnterCommand( editor ) );\n\n\t\tthis.listenTo<ViewDocumentEnterEvent>( viewDocument, 'enter', ( evt, data ) => {\n\t\t\t// When not in composition, we handle the action, so prevent the default one.\n\t\t\t// When in composition, it's the browser who modify the DOM (renderer is disabled).\n\t\t\tif ( !viewDocument.isComposing ) {\n\t\t\t\tdata.preventDefault();\n\t\t\t}\n\n\t\t\t// The hard enter key is handled by the Enter plugin.\n\t\t\tif ( !data.isSoft ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\teditor.execute( 'shiftEnter' );\n\t\t\tview.scrollToTheSelection();\n\t\t}, { priority: 'low' } );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Insert a soft break (a <code>&lt;br&gt;</code> element)' ),\n\t\t\t\t\tkeystroke: 'Shift+Enter'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { Enter } from '@ckeditor/ckeditor5-enter/dist/index.js';\nimport { Delete } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { first } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { IconQuote } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * The block quote command plugin.\n *\n * @extends module:core/command~Command\n */ class BlockQuoteCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.value = this._getValue();\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Executes the command. When the command {@link #value is on}, all top-most block quotes within\n\t * the selection will be removed. If it is off, all selected blocks will be wrapped with\n\t * a block quote.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply a block quote,\n\t * otherwise the command will remove the block quote. If not set, the command will act basing on its current value.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selection = model.document.selection;\n        const blocks = Array.from(selection.getSelectedBlocks());\n        const value = options.forceValue === undefined ? !this.value : options.forceValue;\n        model.change((writer)=>{\n            if (!value) {\n                this._removeQuote(writer, blocks.filter(findQuote));\n            } else {\n                const blocksToQuote = blocks.filter((block)=>{\n                    // Already quoted blocks needs to be considered while quoting too\n                    // in order to reuse their <bQ> elements.\n                    return findQuote(block) || checkCanBeQuoted(schema, block);\n                });\n                this._applyQuote(writer, blocksToQuote);\n            }\n        });\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t */ _getValue() {\n        const selection = this.editor.model.document.selection;\n        const firstBlock = first(selection.getSelectedBlocks());\n        // In the current implementation, the block quote must be an immediate parent of a block element.\n        return !!(firstBlock && findQuote(firstBlock));\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        if (this.value) {\n            return true;\n        }\n        const selection = this.editor.model.document.selection;\n        const schema = this.editor.model.schema;\n        const firstBlock = first(selection.getSelectedBlocks());\n        if (!firstBlock) {\n            return false;\n        }\n        return checkCanBeQuoted(schema, firstBlock);\n    }\n    /**\n\t * Removes the quote from given blocks.\n\t *\n\t * If blocks which are supposed to be \"unquoted\" are in the middle of a quote,\n\t * start it or end it, then the quote will be split (if needed) and the blocks\n\t * will be moved out of it, so other quoted blocks remained quoted.\n\t */ _removeQuote(writer, blocks) {\n        // Unquote all groups of block. Iterate in the reverse order to not break following ranges.\n        getRangesOfBlockGroups(writer, blocks).reverse().forEach((groupRange)=>{\n            if (groupRange.start.isAtStart && groupRange.end.isAtEnd) {\n                writer.unwrap(groupRange.start.parent);\n                return;\n            }\n            // The group of blocks are at the beginning of an <bQ> so let's move them left (out of the <bQ>).\n            if (groupRange.start.isAtStart) {\n                const positionBefore = writer.createPositionBefore(groupRange.start.parent);\n                writer.move(groupRange, positionBefore);\n                return;\n            }\n            // The blocks are in the middle of an <bQ> so we need to split the <bQ> after the last block\n            // so we move the items there.\n            if (!groupRange.end.isAtEnd) {\n                writer.split(groupRange.end);\n            }\n            // Now we are sure that groupRange.end.isAtEnd is true, so let's move the blocks right.\n            const positionAfter = writer.createPositionAfter(groupRange.end.parent);\n            writer.move(groupRange, positionAfter);\n        });\n    }\n    /**\n\t * Applies the quote to given blocks.\n\t */ _applyQuote(writer, blocks) {\n        const quotesToMerge = [];\n        // Quote all groups of block. Iterate in the reverse order to not break following ranges.\n        getRangesOfBlockGroups(writer, blocks).reverse().forEach((groupRange)=>{\n            let quote = findQuote(groupRange.start);\n            if (!quote) {\n                quote = writer.createElement('blockQuote');\n                writer.wrap(groupRange, quote);\n            }\n            quotesToMerge.push(quote);\n        });\n        // Merge subsequent <bQ> elements. Reverse the order again because this time we want to go through\n        // the <bQ> elements in the source order (due to how merge works – it moves the right element's content\n        // to the first element and removes the right one. Since we may need to merge a couple of subsequent `<bQ>` elements\n        // we want to keep the reference to the first (furthest left) one.\n        quotesToMerge.reverse().reduce((currentQuote, nextQuote)=>{\n            if (currentQuote.nextSibling == nextQuote) {\n                writer.merge(writer.createPositionAfter(currentQuote));\n                return currentQuote;\n            }\n            return nextQuote;\n        });\n    }\n}\nfunction findQuote(elementOrPosition) {\n    return elementOrPosition.parent.name == 'blockQuote' ? elementOrPosition.parent : null;\n}\n/**\n * Returns a minimal array of ranges containing groups of subsequent blocks.\n *\n * content:         abcdefgh\n * blocks:          [ a, b, d, f, g, h ]\n * output ranges:   [ab]c[d]e[fgh]\n */ function getRangesOfBlockGroups(writer, blocks) {\n    let startPosition;\n    let i = 0;\n    const ranges = [];\n    while(i < blocks.length){\n        const block = blocks[i];\n        const nextBlock = blocks[i + 1];\n        if (!startPosition) {\n            startPosition = writer.createPositionBefore(block);\n        }\n        if (!nextBlock || block.nextSibling != nextBlock) {\n            ranges.push(writer.createRange(startPosition, writer.createPositionAfter(block)));\n            startPosition = null;\n        }\n        i++;\n    }\n    return ranges;\n}\n/**\n * Checks whether <bQ> can wrap the block.\n */ function checkCanBeQuoted(schema, block) {\n    // TMP will be replaced with schema.checkWrap().\n    const isBQAllowed = schema.checkChild(block.parent, 'blockQuote');\n    const isBlockAllowedInBQ = schema.checkChild([\n        '$root',\n        'blockQuote'\n    ], block);\n    return isBQAllowed && isBlockAllowedInBQ;\n}\n\n/**\n * The block quote editing.\n *\n * Introduces the `'blockQuote'` command and the `'blockQuote'` model element.\n *\n * @extends module:core/plugin~Plugin\n */ class BlockQuoteEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'BlockQuoteEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Enter,\n            Delete\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        editor.commands.add('blockQuote', new BlockQuoteCommand(editor));\n        schema.register('blockQuote', {\n            inheritAllFrom: '$container'\n        });\n        editor.conversion.elementToElement({\n            model: 'blockQuote',\n            view: 'blockquote'\n        });\n        // Postfixer which cleans incorrect model states connected with block quotes.\n        editor.model.document.registerPostFixer((writer)=>{\n            const changes = editor.model.document.differ.getChanges();\n            for (const entry of changes){\n                if (entry.type == 'insert') {\n                    const element = entry.position.nodeAfter;\n                    if (!element) {\n                        continue;\n                    }\n                    if (element.is('element', 'blockQuote') && element.isEmpty) {\n                        // Added an empty blockQuote - remove it.\n                        writer.remove(element);\n                        return true;\n                    } else if (element.is('element', 'blockQuote') && !schema.checkChild(entry.position, element)) {\n                        // Added a blockQuote in incorrect place. Unwrap it so the content inside is not lost.\n                        writer.unwrap(element);\n                        return true;\n                    } else if (element.is('element')) {\n                        // Just added an element. Check that all children meet the scheme rules.\n                        const range = writer.createRangeIn(element);\n                        for (const child of range.getItems()){\n                            if (child.is('element', 'blockQuote') && !schema.checkChild(writer.createPositionBefore(child), child)) {\n                                writer.unwrap(child);\n                                return true;\n                            }\n                        }\n                    }\n                } else if (entry.type == 'remove') {\n                    const parent = entry.position.parent;\n                    if (parent.is('element', 'blockQuote') && parent.isEmpty) {\n                        // Something got removed and now blockQuote is empty. Remove the blockQuote as well.\n                        writer.remove(parent);\n                        return true;\n                    }\n                }\n            }\n            return false;\n        });\n        const viewDocument = this.editor.editing.view.document;\n        const selection = editor.model.document.selection;\n        const blockQuoteCommand = editor.commands.get('blockQuote');\n        // Overwrite default Enter key behavior.\n        // If Enter key is pressed with selection collapsed in empty block inside a quote, break the quote.\n        this.listenTo(viewDocument, 'enter', (evt, data)=>{\n            if (!selection.isCollapsed || !blockQuoteCommand.value) {\n                return;\n            }\n            const positionParent = selection.getLastPosition().parent;\n            if (positionParent.isEmpty) {\n                editor.execute('blockQuote');\n                editor.editing.view.scrollToTheSelection();\n                data.preventDefault();\n                evt.stop();\n            }\n        }, {\n            context: 'blockquote'\n        });\n        // Overwrite default Backspace key behavior.\n        // If Backspace key is pressed with selection collapsed in first empty block inside a quote, break the quote.\n        this.listenTo(viewDocument, 'delete', (evt, data)=>{\n            if (data.direction != 'backward' || !selection.isCollapsed || !blockQuoteCommand.value) {\n                return;\n            }\n            const positionParent = selection.getLastPosition().parent;\n            if (positionParent.isEmpty && !positionParent.previousSibling) {\n                editor.execute('blockQuote');\n                editor.editing.view.scrollToTheSelection();\n                data.preventDefault();\n                evt.stop();\n            }\n        }, {\n            context: 'blockquote'\n        });\n    }\n}\n\n/**\n * The block quote UI plugin.\n *\n * It introduces the `'blockQuote'` button.\n *\n * @extends module:core/plugin~Plugin\n */ class BlockQuoteUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'BlockQuoteUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('blockQuote', ()=>{\n            const buttonView = this._createButton(ButtonView);\n            buttonView.set({\n                tooltip: true\n            });\n            return buttonView;\n        });\n        editor.ui.componentFactory.add('menuBar:blockQuote', ()=>{\n            const buttonView = this._createButton(MenuBarMenuListItemButtonView);\n            buttonView.set({\n                role: 'menuitemcheckbox'\n            });\n            return buttonView;\n        });\n    }\n    /**\n\t * Creates a button for block quote command to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = editor.commands.get('blockQuote');\n        const view = new ButtonClass(editor.locale);\n        const t = locale.t;\n        view.set({\n            label: t('Block quote'),\n            icon: IconQuote,\n            isToggleable: true\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        view.bind('isOn').to(command, 'value');\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute('blockQuote');\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The block quote plugin.\n *\n * For more information about this feature check the {@glink api/block-quote package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:block-quote/blockquoteediting~BlockQuoteEditing block quote editing feature}\n * and {@link module:block-quote/blockquoteui~BlockQuoteUI block quote UI feature}.\n *\n * @extends module:core/plugin~Plugin\n */ class BlockQuote extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            BlockQuoteEditing,\n            BlockQuoteUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'BlockQuote';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { BlockQuote, BlockQuoteCommand, BlockQuoteEditing, BlockQuoteUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 block-quote/blockquotecommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\nimport type { ModelDocumentFragment, ModelElement, ModelPosition, ModelRange, ModelSchema, ModelWriter } from 'ckeditor5/src/engine.js';\n\n/**\n * The block quote command plugin.\n *\n * @extends module:core/command~Command\n */\nexport class BlockQuoteCommand extends Command {\n\t/**\n\t * Whether the selection starts in a block quote.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.value = this._getValue();\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Executes the command. When the command {@link #value is on}, all top-most block quotes within\n\t * the selection will be removed. If it is off, all selected blocks will be wrapped with\n\t * a block quote.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply a block quote,\n\t * otherwise the command will remove the block quote. If not set, the command will act basing on its current value.\n\t */\n\tpublic override execute( options: { forceValue?: boolean } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tconst blocks = Array.from( selection.getSelectedBlocks() );\n\n\t\tconst value = ( options.forceValue === undefined ) ? !this.value : options.forceValue;\n\n\t\tmodel.change( writer => {\n\t\t\tif ( !value ) {\n\t\t\t\tthis._removeQuote( writer, blocks.filter( findQuote ) );\n\t\t\t} else {\n\t\t\t\tconst blocksToQuote = blocks.filter( block => {\n\t\t\t\t\t// Already quoted blocks needs to be considered while quoting too\n\t\t\t\t\t// in order to reuse their <bQ> elements.\n\t\t\t\t\treturn findQuote( block ) || checkCanBeQuoted( schema, block );\n\t\t\t\t} );\n\n\t\t\t\tthis._applyQuote( writer, blocksToQuote );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t */\n\tprivate _getValue(): boolean {\n\t\tconst selection = this.editor.model.document.selection;\n\n\t\tconst firstBlock = first( selection.getSelectedBlocks() );\n\n\t\t// In the current implementation, the block quote must be an immediate parent of a block element.\n\t\treturn !!( firstBlock && findQuote( firstBlock ) );\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled(): boolean {\n\t\tif ( this.value ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst schema = this.editor.model.schema;\n\n\t\tconst firstBlock = first( selection.getSelectedBlocks() );\n\n\t\tif ( !firstBlock ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn checkCanBeQuoted( schema, firstBlock );\n\t}\n\n\t/**\n\t * Removes the quote from given blocks.\n\t *\n\t * If blocks which are supposed to be \"unquoted\" are in the middle of a quote,\n\t * start it or end it, then the quote will be split (if needed) and the blocks\n\t * will be moved out of it, so other quoted blocks remained quoted.\n\t */\n\tprivate _removeQuote( writer: ModelWriter, blocks: Array<ModelElement> ): void {\n\t\t// Unquote all groups of block. Iterate in the reverse order to not break following ranges.\n\t\tgetRangesOfBlockGroups( writer, blocks ).reverse().forEach( groupRange => {\n\t\t\tif ( groupRange.start.isAtStart && groupRange.end.isAtEnd ) {\n\t\t\t\twriter.unwrap( groupRange.start.parent as ModelElement );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// The group of blocks are at the beginning of an <bQ> so let's move them left (out of the <bQ>).\n\t\t\tif ( groupRange.start.isAtStart ) {\n\t\t\t\tconst positionBefore = writer.createPositionBefore( groupRange.start.parent as ModelElement );\n\n\t\t\t\twriter.move( groupRange, positionBefore );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// The blocks are in the middle of an <bQ> so we need to split the <bQ> after the last block\n\t\t\t// so we move the items there.\n\t\t\tif ( !groupRange.end.isAtEnd ) {\n\t\t\t\twriter.split( groupRange.end );\n\t\t\t}\n\n\t\t\t// Now we are sure that groupRange.end.isAtEnd is true, so let's move the blocks right.\n\n\t\t\tconst positionAfter = writer.createPositionAfter( groupRange.end.parent as ModelElement );\n\n\t\t\twriter.move( groupRange, positionAfter );\n\t\t} );\n\t}\n\n\t/**\n\t * Applies the quote to given blocks.\n\t */\n\tprivate _applyQuote( writer: ModelWriter, blocks: Array<ModelElement> ): void {\n\t\tconst quotesToMerge: Array<ModelElement | ModelDocumentFragment> = [];\n\n\t\t// Quote all groups of block. Iterate in the reverse order to not break following ranges.\n\t\tgetRangesOfBlockGroups( writer, blocks ).reverse().forEach( groupRange => {\n\t\t\tlet quote = findQuote( groupRange.start );\n\n\t\t\tif ( !quote ) {\n\t\t\t\tquote = writer.createElement( 'blockQuote' );\n\n\t\t\t\twriter.wrap( groupRange, quote );\n\t\t\t}\n\n\t\t\tquotesToMerge.push( quote );\n\t\t} );\n\n\t\t// Merge subsequent <bQ> elements. Reverse the order again because this time we want to go through\n\t\t// the <bQ> elements in the source order (due to how merge works – it moves the right element's content\n\t\t// to the first element and removes the right one. Since we may need to merge a couple of subsequent `<bQ>` elements\n\t\t// we want to keep the reference to the first (furthest left) one.\n\t\tquotesToMerge.reverse().reduce( ( currentQuote, nextQuote ) => {\n\t\t\tif ( currentQuote.nextSibling == nextQuote ) {\n\t\t\t\twriter.merge( writer.createPositionAfter( currentQuote ) );\n\n\t\t\t\treturn currentQuote;\n\t\t\t}\n\n\t\t\treturn nextQuote;\n\t\t} );\n\t}\n}\n\nfunction findQuote( elementOrPosition: ModelElement | ModelPosition ): ModelElement | ModelDocumentFragment | null {\n\treturn elementOrPosition.parent!.name == 'blockQuote' ? elementOrPosition.parent : null;\n}\n\n/**\n * Returns a minimal array of ranges containing groups of subsequent blocks.\n *\n * content:         abcdefgh\n * blocks:          [ a, b, d, f, g, h ]\n * output ranges:   [ab]c[d]e[fgh]\n */\nfunction getRangesOfBlockGroups( writer: ModelWriter, blocks: Array<ModelElement> ): Array<ModelRange> {\n\tlet startPosition;\n\tlet i = 0;\n\tconst ranges = [];\n\n\twhile ( i < blocks.length ) {\n\t\tconst block = blocks[ i ];\n\t\tconst nextBlock = blocks[ i + 1 ];\n\n\t\tif ( !startPosition ) {\n\t\t\tstartPosition = writer.createPositionBefore( block );\n\t\t}\n\n\t\tif ( !nextBlock || block.nextSibling != nextBlock ) {\n\t\t\tranges.push( writer.createRange( startPosition, writer.createPositionAfter( block ) ) );\n\t\t\tstartPosition = null;\n\t\t}\n\n\t\ti++;\n\t}\n\n\treturn ranges;\n}\n\n/**\n * Checks whether <bQ> can wrap the block.\n */\nfunction checkCanBeQuoted( schema: ModelSchema, block: ModelElement ): boolean {\n\t// TMP will be replaced with schema.checkWrap().\n\tconst isBQAllowed = schema.checkChild( block.parent as ModelElement, 'blockQuote' );\n\tconst isBlockAllowedInBQ = schema.checkChild( [ '$root', 'blockQuote' ], block );\n\n\treturn isBQAllowed && isBlockAllowedInBQ;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 block-quote/blockquoteediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Enter, type ViewDocumentEnterEvent } from 'ckeditor5/src/enter.js';\nimport { Delete, type ViewDocumentDeleteEvent } from 'ckeditor5/src/typing.js';\n\nimport { BlockQuoteCommand } from './blockquotecommand.js';\n\n/**\n * The block quote editing.\n *\n * Introduces the `'blockQuote'` command and the `'blockQuote'` model element.\n *\n * @extends module:core/plugin~Plugin\n */\nexport class BlockQuoteEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'BlockQuoteEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Enter, Delete ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\teditor.commands.add( 'blockQuote', new BlockQuoteCommand( editor ) );\n\n\t\tschema.register( 'blockQuote', {\n\t\t\tinheritAllFrom: '$container'\n\t\t} );\n\n\t\teditor.conversion.elementToElement( { model: 'blockQuote', view: 'blockquote' } );\n\n\t\t// Postfixer which cleans incorrect model states connected with block quotes.\n\t\teditor.model.document.registerPostFixer( writer => {\n\t\t\tconst changes = editor.model.document.differ.getChanges();\n\n\t\t\tfor ( const entry of changes ) {\n\t\t\t\tif ( entry.type == 'insert' ) {\n\t\t\t\t\tconst element = entry.position.nodeAfter;\n\n\t\t\t\t\tif ( !element ) {\n\t\t\t\t\t\t// We are inside a text node.\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( element.is( 'element', 'blockQuote' ) && element.isEmpty ) {\n\t\t\t\t\t\t// Added an empty blockQuote - remove it.\n\t\t\t\t\t\twriter.remove( element );\n\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t} else if ( element.is( 'element', 'blockQuote' ) && !schema.checkChild( entry.position, element ) ) {\n\t\t\t\t\t\t// Added a blockQuote in incorrect place. Unwrap it so the content inside is not lost.\n\t\t\t\t\t\twriter.unwrap( element );\n\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t} else if ( element.is( 'element' ) ) {\n\t\t\t\t\t\t// Just added an element. Check that all children meet the scheme rules.\n\t\t\t\t\t\tconst range = writer.createRangeIn( element );\n\n\t\t\t\t\t\tfor ( const child of range.getItems() ) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tchild.is( 'element', 'blockQuote' ) &&\n\t\t\t\t\t\t\t\t!schema.checkChild( writer.createPositionBefore( child ), child )\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\twriter.unwrap( child );\n\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else if ( entry.type == 'remove' ) {\n\t\t\t\t\tconst parent = entry.position.parent;\n\n\t\t\t\t\tif ( parent.is( 'element', 'blockQuote' ) && parent.isEmpty ) {\n\t\t\t\t\t\t// Something got removed and now blockQuote is empty. Remove the blockQuote as well.\n\t\t\t\t\t\twriter.remove( parent );\n\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn false;\n\t\t} );\n\n\t\tconst viewDocument = this.editor.editing.view.document;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst blockQuoteCommand: BlockQuoteCommand = editor.commands.get( 'blockQuote' )!;\n\n\t\t// Overwrite default Enter key behavior.\n\t\t// If Enter key is pressed with selection collapsed in empty block inside a quote, break the quote.\n\t\tthis.listenTo<ViewDocumentEnterEvent>( viewDocument, 'enter', ( evt, data ) => {\n\t\t\tif ( !selection.isCollapsed || !blockQuoteCommand.value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst positionParent = selection.getLastPosition()!.parent;\n\n\t\t\tif ( positionParent.isEmpty ) {\n\t\t\t\teditor.execute( 'blockQuote' );\n\t\t\t\teditor.editing.view.scrollToTheSelection();\n\n\t\t\t\tdata.preventDefault();\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { context: 'blockquote' } );\n\n\t\t// Overwrite default Backspace key behavior.\n\t\t// If Backspace key is pressed with selection collapsed in first empty block inside a quote, break the quote.\n\t\tthis.listenTo<ViewDocumentDeleteEvent>( viewDocument, 'delete', ( evt, data ) => {\n\t\t\tif ( data.direction != 'backward' || !selection.isCollapsed || !blockQuoteCommand!.value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst positionParent = selection.getLastPosition()!.parent;\n\n\t\t\tif ( positionParent.isEmpty && !positionParent.previousSibling ) {\n\t\t\t\teditor.execute( 'blockQuote' );\n\t\t\t\teditor.editing.view.scrollToTheSelection();\n\n\t\t\t\tdata.preventDefault();\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { context: 'blockquote' } );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 block-quote/blockquoteui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconQuote } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\n\nimport '../theme/blockquote.css';\n\n/**\n * The block quote UI plugin.\n *\n * It introduces the `'blockQuote'` button.\n *\n * @extends module:core/plugin~Plugin\n */\nexport class BlockQuoteUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'BlockQuoteUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'blockQuote', () => {\n\t\t\tconst buttonView = this._createButton( ButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:blockQuote', () => {\n\t\t\tconst buttonView = this._createButton( MenuBarMenuListItemButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\trole: 'menuitemcheckbox'\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button for block quote command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command = editor.commands.get( 'blockQuote' )!;\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst t = locale.t;\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Block quote' ),\n\t\t\ticon: IconQuote,\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t\tview.bind( 'isOn' ).to( command, 'value' );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( 'blockQuote' );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 block-quote/blockquote\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { BlockQuoteEditing } from './blockquoteediting.js';\nimport { BlockQuoteUI } from './blockquoteui.js';\n\n/**\n * The block quote plugin.\n *\n * For more information about this feature check the {@glink api/block-quote package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:block-quote/blockquoteediting~BlockQuoteEditing block quote editing feature}\n * and {@link module:block-quote/blockquoteui~BlockQuoteUI block quote UI feature}.\n *\n * @extends module:core/plugin~Plugin\n */\nexport class BlockQuote extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ BlockQuoteEditing, BlockQuoteUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'BlockQuote' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { MouseObserver, PointerObserver, ModelTreeWalker } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { Delete } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { EmitterMixin, Rect, CKEditorError, toArray, isForwardArrowKeyCode, env, keyCodes, getLocalizedArrowKeyCodeDirection, compareArrays, getRangeFromMouseEvent, logWarning, ObservableMixin, global, DomEmitterMixin } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { IconDragHandle, IconReturnArrow } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { IconView, Template, ContextualBalloon, ToolbarView, BalloonPanelView, View } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { Enter } from '@ckeditor/ckeditor5-enter/dist/index.js';\nimport { throttle } from 'es-toolkit/compat';\n\n/**\n * Class used to handle the correct order of highlights on elements.\n *\n * When different highlights are applied to same element the correct order should be preserved:\n *\n * * highlight with highest priority should be applied,\n * * if two highlights have same priority - sort by CSS class provided in\n * {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor}.\n *\n * This way, highlight will be applied with the same rules it is applied on texts.\n */ class WidgetHighlightStack extends /* #__PURE__ */ EmitterMixin() {\n    _stack = [];\n    /**\n\t * Adds highlight descriptor to the stack.\n\t *\n\t * @fires change:top\n\t */ add(descriptor, writer) {\n        const stack = this._stack;\n        // Save top descriptor and insert new one. If top is changed - fire event.\n        const oldTop = stack[0];\n        this._insertDescriptor(descriptor);\n        const newTop = stack[0];\n        // When new object is at the top and stores different information.\n        if (oldTop !== newTop && !compareDescriptors(oldTop, newTop)) {\n            this.fire('change:top', {\n                oldDescriptor: oldTop,\n                newDescriptor: newTop,\n                writer\n            });\n        }\n    }\n    /**\n\t * Removes highlight descriptor from the stack.\n\t *\n\t * @fires change:top\n\t * @param id Id of the descriptor to remove.\n\t */ remove(id, writer) {\n        const stack = this._stack;\n        const oldTop = stack[0];\n        this._removeDescriptor(id);\n        const newTop = stack[0];\n        // When new object is at the top and stores different information.\n        if (oldTop !== newTop && !compareDescriptors(oldTop, newTop)) {\n            this.fire('change:top', {\n                oldDescriptor: oldTop,\n                newDescriptor: newTop,\n                writer\n            });\n        }\n    }\n    /**\n\t * Inserts a given descriptor in correct place in the stack. It also takes care about updating information\n\t * when descriptor with same id is already present.\n\t */ _insertDescriptor(descriptor) {\n        const stack = this._stack;\n        const index = stack.findIndex((item)=>item.id === descriptor.id);\n        // Inserting exact same descriptor - do nothing.\n        if (compareDescriptors(descriptor, stack[index])) {\n            return;\n        }\n        // If descriptor with same id but with different information is on the stack - remove it.\n        if (index > -1) {\n            stack.splice(index, 1);\n        }\n        // Find correct place to insert descriptor in the stack.\n        // It has different information (for example priority) so it must be re-inserted in correct place.\n        let i = 0;\n        while(stack[i] && shouldABeBeforeB(stack[i], descriptor)){\n            i++;\n        }\n        stack.splice(i, 0, descriptor);\n    }\n    /**\n\t * Removes descriptor with given id from the stack.\n\t *\n\t * @param id Descriptor's id.\n\t */ _removeDescriptor(id) {\n        const stack = this._stack;\n        const index = stack.findIndex((item)=>item.id === id);\n        // If descriptor with same id is on the list - remove it.\n        if (index > -1) {\n            stack.splice(index, 1);\n        }\n    }\n}\n/**\n * Compares two descriptors by checking their priority and class list.\n *\n * @returns Returns true if both descriptors are defined and have same priority and classes.\n */ function compareDescriptors(a, b) {\n    return a && b && a.priority == b.priority && classesToString(a.classes) == classesToString(b.classes);\n}\n/**\n * Checks whenever first descriptor should be placed in the stack before second one.\n */ function shouldABeBeforeB(a, b) {\n    if (a.priority > b.priority) {\n        return true;\n    } else if (a.priority < b.priority) {\n        return false;\n    }\n    // When priorities are equal and names are different - use classes to compare.\n    return classesToString(a.classes) > classesToString(b.classes);\n}\n/**\n * Converts CSS classes passed with {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor} to\n * sorted string.\n */ function classesToString(classes) {\n    return Array.isArray(classes) ? classes.sort().join(',') : classes;\n}\n\n/**\n * CSS class added to each widget element.\n */ const WIDGET_CLASS_NAME = 'ck-widget';\n/**\n * CSS class added to currently selected widget element.\n */ const WIDGET_SELECTED_CLASS_NAME = 'ck-widget_selected';\n/**\n * Returns `true` if given {@link module:engine/view/node~ViewNode} is an {@link module:engine/view/element~ViewElement} and a widget.\n */ function isWidget(node) {\n    if (!node.is('element')) {\n        return false;\n    }\n    return !!node.getCustomProperty('widget');\n}\n/**\n * Converts the given {@link module:engine/view/element~ViewElement} to a widget in the following way:\n *\n * * sets the `contenteditable` attribute to `\"false\"`,\n * * adds the `ck-widget` CSS class,\n * * adds a custom {@link module:engine/view/element~ViewElement#getFillerOffset `getFillerOffset()`} method returning `null`,\n * * adds a custom property allowing to recognize widget elements by using {@link ~isWidget `isWidget()`},\n * * implements the {@link ~setHighlightHandling view highlight on widgets}.\n *\n * This function needs to be used in conjunction with\n * {@link module:engine/conversion/downcasthelpers~DowncastHelpers downcast conversion helpers}\n * like {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`}.\n * Moreover, typically you will want to use `toWidget()` only for `editingDowncast`, while keeping the `dataDowncast` clean.\n *\n * For example, in order to convert a `<widget>` model element to `<div class=\"widget\">` in the view, you can define\n * such converters:\n *\n * ```ts\n * editor.conversion.for( 'editingDowncast' )\n * \t.elementToElement( {\n * \t\tmodel: 'widget',\n * \t\tview: ( modelItem, { writer } ) => {\n * \t\t\tconst div = writer.createContainerElement( 'div', { class: 'widget' } );\n *\n * \t\t\treturn toWidget( div, writer, { label: 'some widget' } );\n * \t\t}\n * \t} );\n *\n * editor.conversion.for( 'dataDowncast' )\n * \t.elementToElement( {\n * \t\tmodel: 'widget',\n * \t\tview: ( modelItem, { writer } ) => {\n * \t\t\treturn writer.createContainerElement( 'div', { class: 'widget' } );\n * \t\t}\n * \t} );\n * ```\n *\n * See the full source code of the widget (with a nested editable) schema definition and converters in\n * [this sample](https://github.com/ckeditor/ckeditor5-widget/blob/master/tests/manual/widget-with-nestededitable.js).\n *\n * @param options Additional options.\n * @param options.label Element's label provided to the {@link ~setLabel} function. It can be passed as\n * a plain string or a function returning a string. It represents the widget for assistive technologies (like screen readers).\n * @param options.hasSelectionHandle If `true`, the widget will have a selection handle added.\n * @returns Returns the same element.\n */ function toWidget(element, writer, options = {}) {\n    if (!element.is('containerElement')) {\n        /**\n\t\t * The element passed to `toWidget()` must be a {@link module:engine/view/containerelement~ViewContainerElement}\n\t\t * instance.\n\t\t *\n\t\t * @error widget-to-widget-wrong-element-type\n\t\t * @param {any} element The view element passed to `toWidget()`.\n\t\t */ throw new CKEditorError('widget-to-widget-wrong-element-type', null, {\n            element\n        });\n    }\n    writer.setAttribute('contenteditable', 'false', element);\n    writer.addClass(WIDGET_CLASS_NAME, element);\n    writer.setCustomProperty('widget', true, element);\n    element.getFillerOffset = getFillerOffset;\n    writer.setCustomProperty('widgetLabel', [], element);\n    if (options.label) {\n        setLabel(element, options.label);\n    }\n    if (options.hasSelectionHandle) {\n        addSelectionHandle(element, writer);\n    }\n    setHighlightHandling(element, writer);\n    return element;\n}\n/**\n * Default handler for adding a highlight on a widget.\n * It adds CSS class and attributes basing on the given highlight descriptor.\n */ function addHighlight(element, descriptor, writer) {\n    if (descriptor.classes) {\n        writer.addClass(toArray(descriptor.classes), element);\n    }\n    if (descriptor.attributes) {\n        for(const key in descriptor.attributes){\n            writer.setAttribute(key, descriptor.attributes[key], element);\n        }\n    }\n}\n/**\n * Default handler for removing a highlight from a widget.\n * It removes CSS class and attributes basing on the given highlight descriptor.\n */ function removeHighlight(element, descriptor, writer) {\n    if (descriptor.classes) {\n        writer.removeClass(toArray(descriptor.classes), element);\n    }\n    if (descriptor.attributes) {\n        for(const key in descriptor.attributes){\n            writer.removeAttribute(key, element);\n        }\n    }\n}\n/**\n * Sets highlight handling methods. Uses {@link module:widget/highlightstack~WidgetHighlightStack} to\n * properly determine which highlight descriptor should be used at given time.\n */ function setHighlightHandling(element, writer, add = addHighlight, remove = removeHighlight) {\n    const stack = new WidgetHighlightStack();\n    stack.on('change:top', (evt, data)=>{\n        if (data.oldDescriptor) {\n            remove(element, data.oldDescriptor, data.writer);\n        }\n        if (data.newDescriptor) {\n            add(element, data.newDescriptor, data.writer);\n        }\n    });\n    const addHighlightCallback = (element, descriptor, writer)=>stack.add(descriptor, writer);\n    const removeHighlightCallback = (element, id, writer)=>stack.remove(id, writer);\n    writer.setCustomProperty('addHighlight', addHighlightCallback, element);\n    writer.setCustomProperty('removeHighlight', removeHighlightCallback, element);\n}\n/**\n * Sets label for given element.\n * It can be passed as a plain string or a function returning a string. Function will be called each time label is retrieved by\n * {@link ~getLabel `getLabel()`}.\n */ function setLabel(element, labelOrCreator) {\n    const widgetLabel = element.getCustomProperty('widgetLabel');\n    widgetLabel.push(labelOrCreator);\n}\n/**\n * Returns the label of the provided element.\n */ function getLabel(element) {\n    const widgetLabel = element.getCustomProperty('widgetLabel');\n    return widgetLabel.reduce((prev, current)=>{\n        if (typeof current === 'function') {\n            return prev ? prev + '. ' + current() : current();\n        } else {\n            return prev ? prev + '. ' + current : current;\n        }\n    }, '');\n}\n/**\n * Adds functionality to the provided {@link module:engine/view/editableelement~ViewEditableElement} to act as a widget's editable:\n *\n * * sets the `contenteditable` attribute to `true` when\n * {@link module:engine/view/editableelement~ViewEditableElement#isReadOnly} is `false`,\n * otherwise sets it to `false`,\n * * adds the `ck-editor__editable` and `ck-editor__nested-editable` CSS classes,\n * * adds the `ck-editor__nested-editable_focused` CSS class when the editable is focused and removes it when it is blurred.\n * * implements the {@link ~setHighlightHandling view highlight on widget's editable}.\n * * sets the `role` attribute to `textbox` for accessibility purposes.\n *\n * Similarly to {@link ~toWidget `toWidget()`} this function should be used in `editingDowncast` only and it is usually\n * used together with {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`}.\n *\n * For example, in order to convert a `<nested>` model element to `<div class=\"nested\">` in the view, you can define\n * such converters:\n *\n * ```ts\n * editor.conversion.for( 'editingDowncast' )\n * \t.elementToElement( {\n * \t\tmodel: 'nested',\n * \t\tview: ( modelItem, { writer } ) => {\n * \t\t\tconst div = writer.createEditableElement( 'div', { class: 'nested' } );\n *\n * \t\t\treturn toWidgetEditable( nested, writer, { label: 'label for editable' } );\n * \t\t}\n * \t} );\n *\n * editor.conversion.for( 'dataDowncast' )\n * \t.elementToElement( {\n * \t\tmodel: 'nested',\n * \t\tview: ( modelItem, { writer } ) => {\n * \t\t\treturn writer.createContainerElement( 'div', { class: 'nested' } );\n * \t\t}\n * \t} );\n * ```\n *\n * See the full source code of the widget (with nested editable) schema definition and converters in\n * [this sample](https://github.com/ckeditor/ckeditor5-widget/blob/master/tests/manual/widget-with-nestededitable.js).\n *\n * @param options Additional options.\n * @param options.label Editable's label used by assistive technologies (e.g. screen readers).\n * @param options.withAriaRole Whether to add the role=\"textbox\" attribute on the editable. Defaults to `true`.\n * @returns Returns the same element that was provided in the `editable` parameter\n */ function toWidgetEditable(editable, writer, options = {}) {\n    writer.addClass([\n        'ck-editor__editable',\n        'ck-editor__nested-editable'\n    ], editable);\n    // Set role=\"textbox\" only if explicitly requested (defaults to true for backward compatibility).\n    if (options.withAriaRole !== false) {\n        writer.setAttribute('role', 'textbox', editable);\n    }\n    // Setting tabindex=-1 on contenteditable=false makes it focusable. It propagates focus to the editable\n    // element and makes it possible to highlight nested editables as focused. It's not what we want\n    // for read-only editables though.\n    // See more: https://github.com/ckeditor/ckeditor5/issues/18965\n    if (!editable.isReadOnly) {\n        writer.setAttribute('tabindex', '-1', editable);\n    }\n    if (options.label) {\n        writer.setAttribute('aria-label', options.label, editable);\n    }\n    // Set initial contenteditable value.\n    writer.setAttribute('contenteditable', editable.isReadOnly ? 'false' : 'true', editable);\n    // Bind the contenteditable property to element#isReadOnly.\n    editable.on('change:isReadOnly', (evt, property, isReadonly)=>{\n        writer.setAttribute('contenteditable', isReadonly ? 'false' : 'true', editable);\n        if (isReadonly) {\n            writer.removeAttribute('tabindex', editable);\n        } else {\n            writer.setAttribute('tabindex', '-1', editable);\n        }\n    });\n    editable.on('change:isFocused', (evt, property, is)=>{\n        if (is) {\n            writer.addClass('ck-editor__nested-editable_focused', editable);\n        } else {\n            writer.removeClass('ck-editor__nested-editable_focused', editable);\n        }\n    });\n    setHighlightHandling(editable, writer);\n    return editable;\n}\n/**\n * Returns a model range which is optimal (in terms of UX) for inserting a widget block.\n *\n * For instance, if a selection is in the middle of a paragraph, the collapsed range before this paragraph\n * will be returned so that it is not split. If the selection is at the end of a paragraph,\n * the collapsed range after this paragraph will be returned.\n *\n * Note: If the selection is placed in an empty block, the range in that block will be returned. If that range\n * is then passed to {@link module:engine/model/model~Model#insertContent}, the block will be fully replaced\n * by the inserted widget block.\n *\n * @param selection The selection based on which the insertion position should be calculated.\n * @param model Model instance.\n * @returns The optimal range.\n */ function findOptimalInsertionRange(selection, model) {\n    const selectedElement = selection.getSelectedElement();\n    if (selectedElement) {\n        const typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition(selection);\n        // If the WidgetTypeAround \"fake caret\" is displayed, use its position for the insertion\n        // to provide the most predictable UX (https://github.com/ckeditor/ckeditor5/issues/7438).\n        if (typeAroundFakeCaretPosition) {\n            return model.createRange(model.createPositionAt(selectedElement, typeAroundFakeCaretPosition));\n        }\n    }\n    return model.schema.findOptimalInsertionRange(selection);\n}\n/**\n * A util to be used in order to map view positions to correct model positions when implementing a widget\n * which renders non-empty view element for an empty model element.\n *\n * For example:\n *\n * ```\n * // Model:\n * <placeholder type=\"name\"></placeholder>\n *\n * // View:\n * <span class=\"placeholder\">name</span>\n * ```\n *\n * In such case, view positions inside `<span>` cannot be correctly mapped to the model (because the model element is empty).\n * To handle mapping positions inside `<span class=\"placeholder\">` to the model use this util as follows:\n *\n * ```ts\n * editor.editing.mapper.on(\n * \t'viewToModelPosition',\n * \tviewToModelPositionOutsideModelElement( model, viewElement => viewElement.hasClass( 'placeholder' ) )\n * );\n * ```\n *\n * The callback will try to map the view offset of selection to an expected model position.\n *\n * 1. When the position is at the end (or in the middle) of the inline widget:\n *\n * ```\n * // View:\n * <p>foo <span class=\"placeholder\">name|</span> bar</p>\n *\n * // Model:\n * <paragraph>foo <placeholder type=\"name\"></placeholder>| bar</paragraph>\n * ```\n *\n * 2. When the position is at the beginning of the inline widget:\n *\n * ```\n * // View:\n * <p>foo <span class=\"placeholder\">|name</span> bar</p>\n *\n * // Model:\n * <paragraph>foo |<placeholder type=\"name\"></placeholder> bar</paragraph>\n * ```\n *\n * @param model Model instance on which the callback operates.\n * @param viewElementMatcher Function that is passed a view element and should return `true` if the custom mapping\n * should be applied to the given view element.\n */ function viewToModelPositionOutsideModelElement(model, viewElementMatcher) {\n    return (evt, data)=>{\n        const { mapper, viewPosition } = data;\n        const viewParent = mapper.findMappedViewAncestor(viewPosition);\n        if (!viewElementMatcher(viewParent)) {\n            return;\n        }\n        const modelParent = mapper.toModelElement(viewParent);\n        data.modelPosition = model.createPositionAt(modelParent, viewPosition.isAtStart ? 'before' : 'after');\n    };\n}\n/**\n * Default filler offset function applied to all widget elements.\n */ function getFillerOffset() {\n    return null;\n}\n/**\n * Adds a drag handle to the widget.\n */ function addSelectionHandle(widgetElement, writer) {\n    const selectionHandle = writer.createUIElement('div', {\n        class: 'ck ck-widget__selection-handle'\n    }, function(domDocument) {\n        const domElement = this.toDomElement(domDocument);\n        // Use the IconView from the ui library.\n        const icon = new IconView();\n        icon.set('content', IconDragHandle);\n        // Render the icon view right away to append its #element to the selectionHandle DOM element.\n        icon.render();\n        domElement.appendChild(icon.element);\n        return domElement;\n    });\n    // Append the selection handle into the widget wrapper.\n    writer.insert(writer.createPositionAt(widgetElement, 0), selectionHandle);\n    writer.addClass([\n        'ck-widget_with-selection-handle'\n    ], widgetElement);\n}\n/**\n * Starting from a DOM resize host element (an element that receives dimensions as a result of resizing),\n * this helper returns the width of the found ancestor element.\n *\n *\t* It searches up to 5 levels of ancestors only.\n *\n * @param domResizeHost Resize host DOM element that receives dimensions as a result of resizing.\n * @returns Width of ancestor element in pixels or 0 if no ancestor with a computed width has been found.\n */ function calculateResizeHostAncestorWidth(domResizeHost) {\n    const getElementComputedWidth = (element)=>{\n        const { width, paddingLeft, paddingRight } = element.ownerDocument.defaultView.getComputedStyle(element);\n        return parseFloat(width) - (parseFloat(paddingLeft) || 0) - (parseFloat(paddingRight) || 0);\n    };\n    const domResizeHostParent = domResizeHost.parentElement;\n    if (!domResizeHostParent) {\n        return 0;\n    }\n    // Need to use computed style as it properly excludes parent's paddings from the returned value.\n    let parentWidth = getElementComputedWidth(domResizeHostParent);\n    // Sometimes parent width cannot be accessed. If that happens we should go up in the elements tree\n    // and try to get width from next ancestor.\n    // https://github.com/ckeditor/ckeditor5/issues/10776\n    const ancestorLevelLimit = 5;\n    let currentLevel = 0;\n    let checkedElement = domResizeHostParent;\n    while(isNaN(parentWidth)){\n        checkedElement = checkedElement.parentElement;\n        if (++currentLevel > ancestorLevelLimit) {\n            return 0;\n        }\n        parentWidth = getElementComputedWidth(checkedElement);\n    }\n    return parentWidth;\n}\n/**\n * Calculates a relative width of a `domResizeHost` compared to its ancestor in percents.\n *\n * @param domResizeHost Resize host DOM element.\n * @returns Percentage value between 0 and 100.\n */ function calculateResizeHostPercentageWidth(domResizeHost, resizeHostRect = new Rect(domResizeHost)) {\n    const parentWidth = calculateResizeHostAncestorWidth(domResizeHost);\n    if (!parentWidth) {\n        return 0;\n    }\n    return resizeHostRect.width / parentWidth * 100;\n}\n\n/**\n * The name of the type around model selection attribute responsible for\n * displaying a fake caret next to a selected widget.\n *\n * @internal\n */ const TYPE_AROUND_SELECTION_ATTRIBUTE = 'widget-type-around';\n/**\n * Checks if an element is a widget that qualifies to get the widget type around UI.\n */ function isTypeAroundWidget(viewElement, modelElement, schema) {\n    return !!viewElement && isWidget(viewElement) && !schema.isInline(modelElement);\n}\n/**\n * For the passed HTML element, this helper finds the closest widget type around button ancestor.\n *\n * @internal\n */ function getClosestTypeAroundDomButton(domElement) {\n    return domElement.closest('.ck-widget__type-around__button');\n}\n/**\n * For the passed widget type around button element, this helper determines at which position\n * the paragraph would be inserted into the content if, for instance, the button was\n * clicked by the user.\n *\n * @internal\n * @returns The position of the button.\n */ function getTypeAroundButtonPosition(domElement) {\n    return domElement.classList.contains('ck-widget__type-around__button_before') ? 'before' : 'after';\n}\n/**\n * For the passed HTML element, this helper returns the closest view widget ancestor.\n *\n * @internal\n */ function getClosestWidgetViewElement(domElement, domConverter) {\n    const widgetDomElement = domElement.closest('.ck-widget');\n    return domConverter.mapDomToView(widgetDomElement);\n}\n/**\n * For the passed selection instance, it returns the position of the fake caret displayed next to a widget.\n *\n * **Note**: If the fake caret is not currently displayed, `null` is returned.\n *\n * @internal\n * @returns The position of the fake caret or `null` when none is present.\n */ function getTypeAroundFakeCaretPosition(selection) {\n    return selection.getAttribute(TYPE_AROUND_SELECTION_ATTRIBUTE);\n}\n\nconst POSSIBLE_INSERTION_POSITIONS = [\n    'before',\n    'after'\n];\n// Do the SVG parsing once and then clone the result <svg> DOM element for each new button.\nconst RETURN_ARROW_ICON_ELEMENT = new DOMParser().parseFromString(IconReturnArrow, 'image/svg+xml').firstChild;\nconst PLUGIN_DISABLED_EDITING_ROOT_CLASS = 'ck-widget__type-around_disabled';\n/**\n * A plugin that allows users to type around widgets where normally it is impossible to place the caret due\n * to limitations of web browsers. These \"tight spots\" occur, for instance, before (or after) a widget being\n * the first (or last) child of its parent or between two block widgets.\n *\n * This plugin extends the {@link module:widget/widget~Widget `Widget`} plugin and injects the user interface\n * with two buttons into each widget instance in the editor. Each of the buttons can be clicked by the\n * user if the widget is next to the \"tight spot\". Once clicked, a paragraph is created with the selection anchored\n * in it so that users can type (or insert content, paste, etc.) straight away.\n */ class WidgetTypeAround extends Plugin {\n    /**\n\t * A reference to the model widget element that has the fake caret active\n\t * on either side of it. It is later used to remove CSS classes associated with the fake caret\n\t * when the widget no longer needs it.\n\t */ _currentFakeCaretModelElement = null;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'WidgetTypeAround';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Enter,\n            Delete\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        // Set a CSS class on the view editing root when the plugin is disabled so all the buttons\n        // and lines visually disappear. All the interactions are disabled in individual plugin methods.\n        this.on('change:isEnabled', (evt, data, isEnabled)=>{\n            editingView.change((writer)=>{\n                for (const root of editingView.document.roots){\n                    if (isEnabled) {\n                        writer.removeClass(PLUGIN_DISABLED_EDITING_ROOT_CLASS, root);\n                    } else {\n                        writer.addClass(PLUGIN_DISABLED_EDITING_ROOT_CLASS, root);\n                    }\n                }\n            });\n            if (!isEnabled) {\n                editor.model.change((writer)=>{\n                    writer.removeSelectionAttribute(TYPE_AROUND_SELECTION_ATTRIBUTE);\n                });\n            }\n        });\n        this._enableTypeAroundUIInjection();\n        this._enableInsertingParagraphsOnButtonClick();\n        this._enableInsertingParagraphsOnEnterKeypress();\n        this._enableInsertingParagraphsOnTypingKeystroke();\n        this._enableTypeAroundFakeCaretActivationUsingKeyboardArrows();\n        this._enableDeleteIntegration();\n        this._enableInsertContentIntegration();\n        this._enableInsertObjectIntegration();\n        this._enableDeleteContentIntegration();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this._currentFakeCaretModelElement = null;\n    }\n    /**\n\t * Inserts a new paragraph next to a widget element with the selection anchored in it.\n\t *\n\t * **Note**: This method is heavily user-oriented and will both focus the editing view and scroll\n\t * the viewport to the selection in the inserted paragraph.\n\t *\n\t * @param widgetModelElement The model widget element next to which a paragraph is inserted.\n\t * @param position The position where the paragraph is inserted. Either `'before'` or `'after'` the widget.\n\t */ _insertParagraph(widgetModelElement, position) {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const attributesToCopy = editor.model.schema.getAttributesWithProperty(widgetModelElement, 'copyOnReplace', true);\n        editor.execute('insertParagraph', {\n            position: editor.model.createPositionAt(widgetModelElement, position),\n            attributes: attributesToCopy\n        });\n        editingView.focus();\n        editingView.scrollToTheSelection();\n    }\n    /**\n\t * A wrapper for the {@link module:utils/emittermixin~Emitter#listenTo} method that executes the callbacks only\n\t * when the plugin {@link #isEnabled is enabled}.\n\t *\n\t * @param emitter The object that fires the event.\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t */ _listenToIfEnabled(emitter, event, callback, options) {\n        this.listenTo(emitter, event, (...args)=>{\n            // Do not respond if the plugin is disabled.\n            if (this.isEnabled) {\n                callback(...args);\n            }\n        }, options);\n    }\n    /**\n\t * Similar to {@link #_insertParagraph}, this method inserts a paragraph except that it\n\t * does not expect a position. Instead, it performs the insertion next to a selected widget\n\t * according to the `widget-type-around` model selection attribute value (fake caret position).\n\t *\n\t * Because this method requires the `widget-type-around` attribute to be set,\n\t * the insertion can only happen when the widget's fake caret is active (e.g. activated\n\t * using the keyboard).\n\t *\n\t * @returns Returns `true` when the paragraph was inserted (the attribute was present) and `false` otherwise.\n\t */ _insertParagraphAccordingToFakeCaretPosition() {\n        const editor = this.editor;\n        const model = editor.model;\n        const modelSelection = model.document.selection;\n        const typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition(modelSelection);\n        if (!typeAroundFakeCaretPosition) {\n            return false;\n        }\n        // @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n        // @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'WidgetTypeAround',\n        // @if CK_DEBUG_TYPING // \t\t'Fake caret -> insert paragraph',\n        // @if CK_DEBUG_TYPING // \t) );\n        // @if CK_DEBUG_TYPING // }\n        const selectedModelElement = modelSelection.getSelectedElement();\n        this._insertParagraph(selectedModelElement, typeAroundFakeCaretPosition);\n        return true;\n    }\n    /**\n\t * Creates a listener in the editing conversion pipeline that injects the widget type around\n\t * UI into every single widget instance created in the editor.\n\t *\n\t * The UI is delivered as a {@link module:engine/view/uielement~ViewUIElement}\n\t * wrapper which renders DOM buttons that users can use to insert paragraphs.\n\t */ _enableTypeAroundUIInjection() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const t = editor.locale.t;\n        const buttonTitles = {\n            before: t('Insert paragraph before block'),\n            after: t('Insert paragraph after block')\n        };\n        editor.editing.downcastDispatcher.on('insert', (evt, data, conversionApi)=>{\n            const viewElement = conversionApi.mapper.toViewElement(data.item);\n            if (!viewElement) {\n                return;\n            }\n            // Filter out non-widgets and inline widgets.\n            if (isTypeAroundWidget(viewElement, data.item, schema)) {\n                injectUIIntoWidget(conversionApi.writer, buttonTitles, viewElement);\n                const widgetLabel = viewElement.getCustomProperty('widgetLabel');\n                widgetLabel.push(()=>{\n                    return this.isEnabled ? t('Press Enter to type after or press Shift + Enter to type before the widget') : '';\n                });\n            }\n        }, {\n            priority: 'low'\n        });\n    }\n    /**\n\t * Brings support for the fake caret that appears when either:\n\t *\n\t * * the selection moves to a widget from a position next to it using arrow keys,\n\t * * the arrow key is pressed when the widget is already selected.\n\t *\n\t * The fake caret lets the user know that they can start typing or just press\n\t * <kbd>Enter</kbd> to insert a paragraph at the position next to a widget as suggested by the fake caret.\n\t *\n\t * The fake caret disappears when the user changes the selection or the editor\n\t * gets blurred.\n\t *\n\t * The whole idea is as follows:\n\t *\n\t * 1. A user does one of the 2 scenarios described at the beginning.\n\t * 2. The \"keydown\" listener is executed and the decision is made whether to show or hide the fake caret.\n\t * 3. If it should show up, the `widget-type-around` model selection attribute is set indicating\n\t *    on which side of the widget it should appear.\n\t * 4. The selection dispatcher reacts to the selection attribute and sets CSS classes responsible for the\n\t *    fake caret on the view widget.\n\t * 5. If the fake caret should disappear, the selection attribute is removed and the dispatcher\n\t *    does the CSS class clean-up in the view.\n\t * 6. Additionally, `change:range` and `FocusTracker#isFocused` listeners also remove the selection\n\t *    attribute (the former also removes widget CSS classes).\n\t */ _enableTypeAroundFakeCaretActivationUsingKeyboardArrows() {\n        const editor = this.editor;\n        const model = editor.model;\n        const modelSelection = model.document.selection;\n        const schema = model.schema;\n        const editingView = editor.editing.view;\n        // This is the main listener responsible for the fake caret.\n        // Note: The priority must precede the default Widget class keydown handler (\"high\").\n        this._listenToIfEnabled(editingView.document, 'arrowKey', (evt, domEventData)=>{\n            this._handleArrowKeyPress(evt, domEventData);\n        }, {\n            context: [\n                isWidget,\n                '$text'\n            ],\n            priority: 'high'\n        });\n        // This listener makes sure the widget type around selection attribute will be gone from the model\n        // selection as soon as the model range changes. This attribute only makes sense when a widget is selected\n        // (and the \"fake horizontal caret\" is visible) so whenever the range changes (e.g. selection moved somewhere else),\n        // let's get rid of the attribute so that the selection downcast dispatcher isn't even bothered.\n        this._listenToIfEnabled(modelSelection, 'change:range', (evt, data)=>{\n            // Do not reset the selection attribute when the change was indirect.\n            if (!data.directChange) {\n                return;\n            }\n            // Get rid of the widget type around attribute of the selection on every change:range.\n            // If the range changes, it means for sure, the user is no longer in the active (\"fake horizontal caret\") mode.\n            editor.model.change((writer)=>{\n                writer.removeSelectionAttribute(TYPE_AROUND_SELECTION_ATTRIBUTE);\n            });\n        });\n        // Get rid of the widget type around attribute of the selection on every document change\n        // that makes widget not selected any more (i.e. widget was removed).\n        this._listenToIfEnabled(model.document, 'change:data', ()=>{\n            const selectedModelElement = modelSelection.getSelectedElement();\n            if (selectedModelElement) {\n                const selectedViewElement = editor.editing.mapper.toViewElement(selectedModelElement);\n                if (isTypeAroundWidget(selectedViewElement, selectedModelElement, schema)) {\n                    return;\n                }\n            }\n            editor.model.change((writer)=>{\n                writer.removeSelectionAttribute(TYPE_AROUND_SELECTION_ATTRIBUTE);\n            });\n        });\n        // React to changes of the model selection attribute made by the arrow keys listener.\n        // If the block widget is selected and the attribute changes, downcast the attribute to special\n        // CSS classes associated with the active (\"fake horizontal caret\") mode of the widget.\n        this._listenToIfEnabled(editor.editing.downcastDispatcher, 'selection', (evt, data, conversionApi)=>{\n            const writer = conversionApi.writer;\n            if (this._currentFakeCaretModelElement) {\n                const selectedViewElement = conversionApi.mapper.toViewElement(this._currentFakeCaretModelElement);\n                if (selectedViewElement) {\n                    // Get rid of CSS classes associated with the active (\"fake horizontal caret\") mode from the view widget.\n                    writer.removeClass(POSSIBLE_INSERTION_POSITIONS.map(positionToWidgetCssClass), selectedViewElement);\n                    this._currentFakeCaretModelElement = null;\n                }\n            }\n            const selectedModelElement = data.selection.getSelectedElement();\n            if (!selectedModelElement) {\n                return;\n            }\n            const selectedViewElement = conversionApi.mapper.toViewElement(selectedModelElement);\n            if (!isTypeAroundWidget(selectedViewElement, selectedModelElement, schema)) {\n                return;\n            }\n            const typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition(data.selection);\n            if (!typeAroundFakeCaretPosition) {\n                return;\n            }\n            writer.addClass(positionToWidgetCssClass(typeAroundFakeCaretPosition), selectedViewElement);\n            // Remember the view widget that got the \"fake-caret\" CSS class. This class should be removed ASAP when the\n            // selection changes\n            this._currentFakeCaretModelElement = selectedModelElement;\n        });\n        this._listenToIfEnabled(editor.ui.focusTracker, 'change:isFocused', (evt, name, isFocused)=>{\n            if (!isFocused) {\n                editor.model.change((writer)=>{\n                    writer.removeSelectionAttribute(TYPE_AROUND_SELECTION_ATTRIBUTE);\n                });\n            }\n        });\n        function positionToWidgetCssClass(position) {\n            return `ck-widget_type-around_show-fake-caret_${position}`;\n        }\n    }\n    /**\n\t * A listener executed on each \"keydown\" in the view document, a part of\n\t * {@link #_enableTypeAroundFakeCaretActivationUsingKeyboardArrows}.\n\t *\n\t * It decides whether the arrow keypress should activate the fake caret or not (also whether it should\n\t * be deactivated).\n\t *\n\t * The fake caret activation is done by setting the `widget-type-around` model selection attribute\n\t * in this listener, and stopping and preventing the event that would normally be handled by the widget\n\t * plugin that is responsible for the regular keyboard navigation near/across all widgets (that\n\t * includes inline widgets, which are ignored by the widget type around plugin).\n\t */ _handleArrowKeyPress(evt, domEventData) {\n        const editor = this.editor;\n        const model = editor.model;\n        const modelSelection = model.document.selection;\n        const schema = model.schema;\n        const editingView = editor.editing.view;\n        // Selection expanding/shrinking is handled without the fake caret by the widget plugin.\n        if (domEventData.shiftKey) {\n            return;\n        }\n        const keyCode = domEventData.keyCode;\n        const isForward = isForwardArrowKeyCode(keyCode, editor.locale.contentLanguageDirection);\n        const selectedViewElement = editingView.document.selection.getSelectedElement();\n        const selectedModelElement = editor.editing.mapper.toModelElement(selectedViewElement);\n        let shouldStopAndPreventDefault;\n        // Handle keyboard navigation when a type-around-compatible widget is currently selected.\n        if (isTypeAroundWidget(selectedViewElement, selectedModelElement, schema)) {\n            shouldStopAndPreventDefault = this._handleArrowKeyPressOnSelectedWidget(isForward);\n        } else if (modelSelection.isCollapsed) {\n            shouldStopAndPreventDefault = this._handleArrowKeyPressWhenSelectionNextToAWidget(isForward);\n        } else if (!domEventData.shiftKey) {\n            shouldStopAndPreventDefault = this._handleArrowKeyPressWhenNonCollapsedSelection(isForward);\n        }\n        if (shouldStopAndPreventDefault) {\n            domEventData.preventDefault();\n            evt.stop();\n        }\n    }\n    /**\n\t * Handles the keyboard navigation on \"keydown\" when a widget is currently selected and activates or deactivates\n\t * the fake caret for that widget, depending on the current value of the `widget-type-around` model\n\t * selection attribute and the direction of the pressed arrow key.\n\t *\n\t * @param isForward `true` when the pressed arrow key was responsible for the forward model selection movement\n\t * as in {@link module:utils/keyboard~isForwardArrowKeyCode}.\n\t * @returns Returns `true` when the keypress was handled and no other keydown listener of the editor should\n\t * process the event any further. Returns `false` otherwise.\n\t */ _handleArrowKeyPressOnSelectedWidget(isForward) {\n        const editor = this.editor;\n        const model = editor.model;\n        const modelSelection = model.document.selection;\n        const typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition(modelSelection);\n        return model.change((writer)=>{\n            // If the fake caret is displayed...\n            if (typeAroundFakeCaretPosition) {\n                const isLeavingWidget = typeAroundFakeCaretPosition === (isForward ? 'after' : 'before');\n                // If the keyboard arrow works against the value of the selection attribute...\n                // then remove the selection attribute but prevent default DOM actions\n                // and do not let the Widget plugin listener move the selection. This brings\n                // the widget back to the state, for instance, like if was selected using the mouse.\n                //\n                // **Note**: If leaving the widget when the fake caret is active, then the default\n                // Widget handler will change the selection and, in turn, this will automatically discard\n                // the selection attribute.\n                if (!isLeavingWidget) {\n                    writer.removeSelectionAttribute(TYPE_AROUND_SELECTION_ATTRIBUTE);\n                    return true;\n                }\n            } else {\n                writer.setSelectionAttribute(TYPE_AROUND_SELECTION_ATTRIBUTE, isForward ? 'after' : 'before');\n                return true;\n            }\n            return false;\n        });\n    }\n    /**\n\t * Handles the keyboard navigation on \"keydown\" when **no** widget is selected but the selection is **directly** next\n\t * to one and upon the fake caret should become active for this widget upon arrow keypress\n\t * (AKA entering/selecting the widget).\n\t *\n\t * **Note**: This code mirrors the implementation from the widget plugin but also adds the selection attribute.\n\t * Unfortunately, there is no safe way to let the widget plugin do the selection part first and then just set the\n\t * selection attribute here in the widget type around plugin. This is why this code must duplicate some from the widget plugin.\n\t *\n\t * @param isForward `true` when the pressed arrow key was responsible for the forward model selection movement\n\t * as in {@link module:utils/keyboard~isForwardArrowKeyCode}.\n\t * @returns Returns `true` when the keypress was handled and no other keydown listener of the editor should\n\t * process the event any further. Returns `false` otherwise.\n\t */ _handleArrowKeyPressWhenSelectionNextToAWidget(isForward) {\n        const editor = this.editor;\n        const model = editor.model;\n        const schema = model.schema;\n        const widgetPlugin = editor.plugins.get('Widget');\n        // This is the widget the selection is about to be set on.\n        const modelElementNextToSelection = widgetPlugin._getObjectElementNextToSelection(isForward);\n        const viewElementNextToSelection = editor.editing.mapper.toViewElement(modelElementNextToSelection);\n        if (isTypeAroundWidget(viewElementNextToSelection, modelElementNextToSelection, schema)) {\n            model.change((writer)=>{\n                widgetPlugin._setSelectionOverElement(modelElementNextToSelection);\n                writer.setSelectionAttribute(TYPE_AROUND_SELECTION_ATTRIBUTE, isForward ? 'before' : 'after');\n            });\n            // The change() block above does the same job as the Widget plugin. The event can\n            // be safely canceled.\n            return true;\n        }\n        return false;\n    }\n    /**\n\t * Handles the keyboard navigation on \"keydown\" when a widget is currently selected (together with some other content)\n\t * and the widget is the first or last element in the selection. It activates or deactivates the fake caret for that widget.\n\t *\n\t * @param isForward `true` when the pressed arrow key was responsible for the forward model selection movement\n\t * as in {@link module:utils/keyboard~isForwardArrowKeyCode}.\n\t * @returns Returns `true` when the keypress was handled and no other keydown listener of the editor should\n\t * process the event any further. Returns `false` otherwise.\n\t */ _handleArrowKeyPressWhenNonCollapsedSelection(isForward) {\n        const editor = this.editor;\n        const model = editor.model;\n        const schema = model.schema;\n        const mapper = editor.editing.mapper;\n        const modelSelection = model.document.selection;\n        const selectedModelNode = isForward ? modelSelection.getLastPosition().nodeBefore : modelSelection.getFirstPosition().nodeAfter;\n        const selectedViewNode = mapper.toViewElement(selectedModelNode);\n        // There is a widget at the collapse position so collapse the selection to the fake caret on it.\n        if (isTypeAroundWidget(selectedViewNode, selectedModelNode, schema)) {\n            model.change((writer)=>{\n                writer.setSelection(selectedModelNode, 'on');\n                writer.setSelectionAttribute(TYPE_AROUND_SELECTION_ATTRIBUTE, isForward ? 'after' : 'before');\n            });\n            return true;\n        }\n        return false;\n    }\n    /**\n\t * Registers a `mousedown` listener for the view document which intercepts events\n\t * coming from the widget type around UI, which happens when a user clicks one of the buttons\n\t * that insert a paragraph next to a widget.\n\t */ _enableInsertingParagraphsOnButtonClick() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        this._listenToIfEnabled(editingView.document, 'mousedown', (evt, domEventData)=>{\n            const button = getClosestTypeAroundDomButton(domEventData.domTarget);\n            if (!button) {\n                return;\n            }\n            const buttonPosition = getTypeAroundButtonPosition(button);\n            const widgetViewElement = getClosestWidgetViewElement(button, editingView.domConverter);\n            const widgetModelElement = editor.editing.mapper.toModelElement(widgetViewElement);\n            this._insertParagraph(widgetModelElement, buttonPosition);\n            domEventData.preventDefault();\n            evt.stop();\n        });\n    }\n    /**\n\t * Creates the <kbd>Enter</kbd> key listener on the view document that allows the user to insert a paragraph\n\t * near the widget when either:\n\t *\n\t * * The fake caret was first activated using the arrow keys,\n\t * * The entire widget is selected in the model.\n\t *\n\t * In the first case, the new paragraph is inserted according to the `widget-type-around` selection\n\t * attribute (see {@link #_handleArrowKeyPress}).\n\t *\n\t * In the second case, the new paragraph is inserted based on whether a soft (<kbd>Shift</kbd>+<kbd>Enter</kbd>) keystroke\n\t * was pressed or not.\n\t */ _enableInsertingParagraphsOnEnterKeypress() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        const editingView = editor.editing.view;\n        this._listenToIfEnabled(editingView.document, 'enter', (evt, domEventData)=>{\n            // This event could be triggered from inside the widget but we are interested\n            // only when the widget is selected itself.\n            if (evt.eventPhase != 'atTarget') {\n                return;\n            }\n            const selectedModelElement = selection.getSelectedElement();\n            const selectedViewElement = editor.editing.mapper.toViewElement(selectedModelElement);\n            const schema = editor.model.schema;\n            let wasHandled;\n            // First check if the widget is selected and there's a type around selection attribute associated\n            // with the fake caret that would tell where to insert a new paragraph.\n            if (this._insertParagraphAccordingToFakeCaretPosition()) {\n                wasHandled = true;\n            } else if (isTypeAroundWidget(selectedViewElement, selectedModelElement, schema)) {\n                this._insertParagraph(selectedModelElement, domEventData.isSoft ? 'before' : 'after');\n                wasHandled = true;\n            }\n            if (wasHandled) {\n                domEventData.preventDefault();\n                evt.stop();\n            }\n        }, {\n            context: isWidget\n        });\n    }\n    /**\n\t * Similar to the {@link #_enableInsertingParagraphsOnEnterKeypress}, it allows the user\n\t * to insert a paragraph next to a widget when the fake caret was activated using arrow\n\t * keys but it responds to typing instead of <kbd>Enter</kbd>.\n\t *\n\t * Listener enabled by this method will insert a new paragraph according to the `widget-type-around`\n\t * model selection attribute as the user simply starts typing, which creates the impression that the fake caret\n\t * behaves like a real one rendered by the browser (AKA your text appears where the caret was).\n\t *\n\t * **Note**: At the moment this listener creates 2 undo steps: one for the `insertParagraph` command\n\t * and another one for actual typing. It is not a disaster but this may need to be fixed\n\t * sooner or later.\n\t */ _enableInsertingParagraphsOnTypingKeystroke() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        // Note: The priority must precede the default Input plugin insertText handler.\n        this._listenToIfEnabled(viewDocument, 'insertText', (evt, data)=>{\n            if (this._insertParagraphAccordingToFakeCaretPosition()) {\n                // The view selection in the event data contains the widget. If the new paragraph\n                // was inserted, modify the view selection passed along with the insertText event\n                // so the default event handler in the Input plugin starts typing inside the paragraph.\n                // Otherwise, the typing would be over the widget.\n                data.selection = viewDocument.selection;\n            }\n        }, {\n            priority: 'high'\n        });\n        if (env.isAndroid) {\n            // On Android with English keyboard, the composition starts just by putting caret\n            // at the word end or by selecting a table column. This is not a real composition started.\n            // Trigger delete content on first composition key pressed.\n            this._listenToIfEnabled(viewDocument, 'keydown', (evt, data)=>{\n                if (data.keyCode == 229) {\n                    this._insertParagraphAccordingToFakeCaretPosition();\n                }\n            });\n        } else {\n            // Note: The priority must precede the default Input plugin compositionstart handler (to call it before delete content).\n            this._listenToIfEnabled(viewDocument, 'compositionstart', ()=>{\n                this._insertParagraphAccordingToFakeCaretPosition();\n            }, {\n                priority: 'highest'\n            });\n        }\n    }\n    /**\n\t * It creates a \"delete\" event listener on the view document to handle cases when the <kbd>Delete</kbd> or <kbd>Backspace</kbd>\n\t * is pressed and the fake caret is currently active.\n\t *\n\t * The fake caret should create an illusion of a real browser caret so that when it appears before or after\n\t * a widget, pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> should remove a widget or delete the content\n\t * before or after a widget (depending on the content surrounding the widget).\n\t */ _enableDeleteIntegration() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const model = editor.model;\n        const schema = model.schema;\n        this._listenToIfEnabled(editingView.document, 'delete', (evt, domEventData)=>{\n            // This event could be triggered from inside the widget but we are interested\n            // only when the widget is selected itself.\n            if (evt.eventPhase != 'atTarget') {\n                return;\n            }\n            const typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition(model.document.selection);\n            // This listener handles only these cases when the fake caret is active.\n            if (!typeAroundFakeCaretPosition) {\n                return;\n            }\n            const direction = domEventData.direction;\n            const selectedModelWidget = model.document.selection.getSelectedElement();\n            const isFakeCaretBefore = typeAroundFakeCaretPosition === 'before';\n            const isDeleteForward = direction == 'forward';\n            const shouldDeleteEntireWidget = isFakeCaretBefore === isDeleteForward;\n            if (shouldDeleteEntireWidget) {\n                editor.execute('delete', {\n                    selection: model.createSelection(selectedModelWidget, 'on')\n                });\n            } else {\n                const range = schema.getNearestSelectionRange(model.createPositionAt(selectedModelWidget, typeAroundFakeCaretPosition), direction);\n                // If there is somewhere to move selection to, then there will be something to delete.\n                if (range) {\n                    // If the range is NOT collapsed, then we know that the range contains an object (see getNearestSelectionRange() docs).\n                    if (!range.isCollapsed) {\n                        model.change((writer)=>{\n                            writer.setSelection(range);\n                            editor.execute(isDeleteForward ? 'deleteForward' : 'delete');\n                        });\n                    } else {\n                        const probe = model.createSelection(range.start);\n                        model.modifySelection(probe, {\n                            direction\n                        });\n                        // If the range is collapsed, let's see if a non-collapsed range exists that can could be deleted.\n                        // If such range exists, use the editor command because it it safe for collaboration (it merges where it can).\n                        if (!probe.focus.isEqual(range.start)) {\n                            model.change((writer)=>{\n                                writer.setSelection(range);\n                                editor.execute(isDeleteForward ? 'deleteForward' : 'delete');\n                            });\n                        } else {\n                            const deepestEmptyRangeAncestor = getDeepestEmptyElementAncestor(schema, range.start.parent);\n                            model.deleteContent(model.createSelection(deepestEmptyRangeAncestor, 'on'), {\n                                doNotAutoparagraph: true\n                            });\n                        }\n                    }\n                }\n            }\n            // If some content was deleted, don't let the handler from the Widget plugin kick in.\n            // If nothing was deleted, then the default handler will have nothing to do anyway.\n            domEventData.preventDefault();\n            evt.stop();\n        }, {\n            context: isWidget\n        });\n    }\n    /**\n\t * Attaches the {@link module:engine/model/model~Model#event:insertContent} event listener that, for instance, allows the user to paste\n\t * content near a widget when the fake caret is first activated using the arrow keys.\n\t *\n\t * The content is inserted according to the `widget-type-around` selection attribute (see {@link #_handleArrowKeyPress}).\n\t */ _enableInsertContentIntegration() {\n        const editor = this.editor;\n        const model = this.editor.model;\n        const documentSelection = model.document.selection;\n        this._listenToIfEnabled(editor.model, 'insertContent', (evt, [content, selectable])=>{\n            if (selectable && !selectable.is('documentSelection')) {\n                return;\n            }\n            const typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition(documentSelection);\n            if (!typeAroundFakeCaretPosition) {\n                return;\n            }\n            evt.stop();\n            return model.change((writer)=>{\n                const selectedElement = documentSelection.getSelectedElement();\n                const position = model.createPositionAt(selectedElement, typeAroundFakeCaretPosition);\n                const selection = writer.createSelection(position);\n                const result = model.insertContent(content, selection);\n                writer.setSelection(selection);\n                return result;\n            });\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Attaches the {@link module:engine/model/model~Model#event:insertObject} event listener that modifies the\n\t * `options.findOptimalPosition`parameter to position of fake caret in relation to selected element\n\t * to reflect user's intent of desired insertion position.\n\t *\n\t * The object is inserted according to the `widget-type-around` selection attribute (see {@link #_handleArrowKeyPress}).\n\t */ _enableInsertObjectIntegration() {\n        const editor = this.editor;\n        const model = this.editor.model;\n        const documentSelection = model.document.selection;\n        this._listenToIfEnabled(editor.model, 'insertObject', (evt, args)=>{\n            const [, selectable, options = {}] = args;\n            if (selectable && !selectable.is('documentSelection')) {\n                return;\n            }\n            const typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition(documentSelection);\n            if (!typeAroundFakeCaretPosition) {\n                return;\n            }\n            options.findOptimalPosition = typeAroundFakeCaretPosition;\n            args[3] = options;\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Attaches the {@link module:engine/model/model~Model#event:deleteContent} event listener to block the event when the fake\n\t * caret is active.\n\t *\n\t * This is required for cases that trigger {@link module:engine/model/model~Model#deleteContent `model.deleteContent()`}\n\t * before calling {@link module:engine/model/model~Model#insertContent `model.insertContent()`} like, for instance,\n\t * plain text pasting.\n\t */ _enableDeleteContentIntegration() {\n        const editor = this.editor;\n        const model = this.editor.model;\n        const documentSelection = model.document.selection;\n        this._listenToIfEnabled(editor.model, 'deleteContent', (evt, [selection])=>{\n            if (selection && !selection.is('documentSelection')) {\n                return;\n            }\n            const typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition(documentSelection);\n            // Disable removing the selection content while pasting plain text.\n            if (typeAroundFakeCaretPosition) {\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n}\n/**\n * Injects the type around UI into a view widget instance.\n */ function injectUIIntoWidget(viewWriter, buttonTitles, widgetViewElement) {\n    const typeAroundWrapper = viewWriter.createUIElement('div', {\n        class: 'ck ck-reset_all ck-widget__type-around'\n    }, function(domDocument) {\n        const wrapperDomElement = this.toDomElement(domDocument);\n        injectButtons(wrapperDomElement, buttonTitles);\n        injectFakeCaret(wrapperDomElement);\n        return wrapperDomElement;\n    });\n    // Inject the type around wrapper into the widget's wrapper.\n    viewWriter.insert(viewWriter.createPositionAt(widgetViewElement, 'end'), typeAroundWrapper);\n}\n/**\n * FYI: Not using the IconView class because each instance would need to be destroyed to avoid memory leaks\n * and it's pretty hard to figure out when a view (widget) is gone for good so it's cheaper to use raw\n * <svg> here.\n */ function injectButtons(wrapperDomElement, buttonTitles) {\n    for (const position of POSSIBLE_INSERTION_POSITIONS){\n        const buttonTemplate = new Template({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-widget__type-around__button',\n                    `ck-widget__type-around__button_${position}`\n                ],\n                title: buttonTitles[position],\n                'aria-hidden': 'true'\n            },\n            children: [\n                wrapperDomElement.ownerDocument.importNode(RETURN_ARROW_ICON_ELEMENT, true)\n            ]\n        });\n        wrapperDomElement.appendChild(buttonTemplate.render());\n    }\n}\nfunction injectFakeCaret(wrapperDomElement) {\n    const caretTemplate = new Template({\n        tag: 'div',\n        attributes: {\n            class: [\n                'ck',\n                'ck-widget__type-around__fake-caret'\n            ]\n        }\n    });\n    wrapperDomElement.appendChild(caretTemplate.render());\n}\n/**\n * Returns the ancestor of an element closest to the root which is empty. For instance,\n * for `<baz>`:\n *\n * ```\n * <foo>abc<bar><baz></baz></bar></foo>\n * ```\n *\n * it returns `<bar>`.\n */ function getDeepestEmptyElementAncestor(schema, element) {\n    let deepestEmptyAncestor = element;\n    for (const ancestor of element.getAncestors({\n        parentFirst: true\n    })){\n        if (ancestor.childCount > 1 || schema.isLimit(ancestor)) {\n            break;\n        }\n        deepestEmptyAncestor = ancestor;\n    }\n    return deepestEmptyAncestor;\n}\n\n/**\n * Returns 'keydown' handler for up/down arrow keys that modifies the caret movement if it's in a text line next to an object.\n *\n * @param editing The editing controller.\n */ function verticalWidgetNavigationHandler(editing) {\n    const model = editing.model;\n    return (evt, data)=>{\n        const arrowUpPressed = data.keyCode == keyCodes.arrowup;\n        const arrowDownPressed = data.keyCode == keyCodes.arrowdown;\n        const expandSelection = data.shiftKey;\n        const selection = model.document.selection;\n        if (!arrowUpPressed && !arrowDownPressed) {\n            return;\n        }\n        const isForward = arrowDownPressed;\n        // Find a range between selection and closest limit element.\n        const range = findTextRangeFromSelection(editing, selection, isForward);\n        // There is no selection position inside the limit element.\n        if (!range) {\n            return;\n        }\n        // If already at the edge of a limit element.\n        if (range.isCollapsed) {\n            // A collapsed selection at limit edge - nothing more to do.\n            if (selection.isCollapsed) {\n                return;\n            } else if (expandSelection) {\n                return;\n            }\n        }\n        // If the range is a single line (there is no word wrapping) then move the selection to the position closest to the limit element.\n        //\n        // We can't move the selection directly to the isObject element (eg. table cell) because of dual position at the end/beginning\n        // of wrapped line (it's at the same time at the end of one line and at the start of the next line).\n        if (range.isCollapsed || isSingleLineRange(editing, range, isForward)) {\n            model.change((writer)=>{\n                const newPosition = isForward ? range.end : range.start;\n                if (expandSelection) {\n                    const newSelection = model.createSelection(selection.anchor);\n                    newSelection.setFocus(newPosition);\n                    writer.setSelection(newSelection);\n                } else {\n                    writer.setSelection(newPosition);\n                }\n            });\n            evt.stop();\n            data.preventDefault();\n            data.stopPropagation();\n        }\n    };\n}\n/**\n * Finds the range between selection and closest limit element (in the direction of navigation).\n * The position next to limit element is adjusted to the closest allowed `$text` position.\n *\n * Returns `null` if, according to the schema, the resulting range cannot contain a `$text` element.\n *\n * @param editing The editing controller.\n * @param selection The current selection.\n * @param isForward The expected navigation direction.\n */ function findTextRangeFromSelection(editing, selection, isForward) {\n    const model = editing.model;\n    if (isForward) {\n        const startPosition = selection.focus;\n        const endPosition = getNearestNonInlineLimit(model, startPosition, 'forward');\n        // There is no limit element, browser should handle this.\n        if (!endPosition) {\n            return;\n        }\n        const range = model.createRange(startPosition, endPosition);\n        const lastRangePosition = getNearestTextPosition(model.schema, range, 'backward');\n        if (lastRangePosition) {\n            return model.createRange(startPosition, lastRangePosition);\n        }\n    } else {\n        const endPosition = selection.focus;\n        const startPosition = getNearestNonInlineLimit(model, endPosition, 'backward');\n        // There is no limit element, browser should handle this.\n        if (!startPosition) {\n            return;\n        }\n        const range = model.createRange(startPosition, endPosition);\n        const firstRangePosition = getNearestTextPosition(model.schema, range, 'forward');\n        if (firstRangePosition) {\n            return model.createRange(firstRangePosition, endPosition);\n        }\n    }\n}\n/**\n * Finds the limit element position that is closest to startPosition.\n *\n * @param direction Search direction.\n */ function getNearestNonInlineLimit(model, startPosition, direction) {\n    const schema = model.schema;\n    const range = model.createRangeIn(startPosition.root);\n    const walkerValueType = direction == 'forward' ? 'elementStart' : 'elementEnd';\n    for (const { previousPosition, item, type } of range.getWalker({\n        startPosition,\n        direction\n    })){\n        if (schema.isLimit(item) && !schema.isInline(item)) {\n            return previousPosition;\n        }\n        // Stop looking for isLimit element if the next element is a block element (it is for sure not single line).\n        if (type == walkerValueType && schema.isBlock(item)) {\n            return null;\n        }\n    }\n    return null;\n}\n/**\n * Basing on the provided range, finds the first or last (depending on `direction`) position inside the range\n * that can contain `$text` (according to schema).\n *\n * @param schema The schema.\n * @param range The range to find the position in.\n * @param direction Search direction.\n * @returns The nearest selection position.\n *\n */ function getNearestTextPosition(schema, range, direction) {\n    const position = direction == 'backward' ? range.end : range.start;\n    if (schema.checkChild(position, '$text')) {\n        return position;\n    }\n    for (const { nextPosition } of range.getWalker({\n        direction\n    })){\n        if (schema.checkChild(nextPosition, '$text')) {\n            return nextPosition;\n        }\n    }\n}\n/**\n * Checks if the DOM range corresponding to the provided model range renders as a single line by analyzing DOMRects\n * (verifying if they visually wrap content to the next line).\n *\n * @param editing The editing controller.\n * @param modelRange The current table cell content range.\n * @param isForward The expected navigation direction.\n */ function isSingleLineRange(editing, modelRange, isForward) {\n    const model = editing.model;\n    const domConverter = editing.view.domConverter;\n    // Wrapped lines contain exactly the same position at the end of current line\n    // and at the beginning of next line. That position's client rect is at the end\n    // of current line. In case of caret at first position of the last line that 'dual'\n    // position would be detected as it's not the last line.\n    if (isForward) {\n        const probe = model.createSelection(modelRange.start);\n        model.modifySelection(probe);\n        // If the new position is at the end of the container then we can't use this position\n        // because it would provide incorrect result for eg caption of image and selection\n        // just before end of it. Also in this case there is no \"dual\" position.\n        if (!probe.focus.isAtEnd && !modelRange.start.isEqual(probe.focus)) {\n            modelRange = model.createRange(probe.focus, modelRange.end);\n        }\n    }\n    const viewRange = editing.mapper.toViewRange(modelRange);\n    const domRange = domConverter.viewRangeToDom(viewRange);\n    const rects = Rect.getDomRangeRects(domRange);\n    let boundaryVerticalPosition;\n    for (const rect of rects){\n        if (boundaryVerticalPosition === undefined) {\n            boundaryVerticalPosition = Math.round(rect.bottom);\n            continue;\n        }\n        // Let's check if this rect is in new line.\n        if (Math.round(rect.top) >= boundaryVerticalPosition) {\n            return false;\n        }\n        boundaryVerticalPosition = Math.max(boundaryVerticalPosition, Math.round(rect.bottom));\n    }\n    return true;\n}\n\n/**\n * The widget plugin. It enables base support for widgets.\n *\n * See {@glink api/widget package page} for more details and documentation.\n *\n * This plugin enables multiple behaviors required by widgets:\n *\n * * The model to view selection converter for the editing pipeline (it handles widget custom selection rendering).\n * If a converted selection wraps around a widget element, that selection is marked as\n * {@link module:engine/view/selection~ViewSelection#isFake fake}. Additionally, the `ck-widget_selected` CSS class\n * is added to indicate that widget has been selected.\n * * The mouse and keyboard events handling on and around widget elements.\n */ class Widget extends Plugin {\n    /**\n\t * Holds previously selected widgets.\n\t */ _previouslySelected = new Set();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Widget';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            WidgetTypeAround,\n            Delete\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const t = editor.t;\n        // Model to view selection converter.\n        // Converts selection placed over widget element to fake selection.\n        //\n        // By default, the selection is downcasted by the engine to surround the attribute element, even though its only\n        // child is an inline widget. A similar thing also happens when a collapsed marker is rendered as a UI element\n        // next to an inline widget: the view selection contains both the widget and the marker.\n        //\n        // This prevents creating a correct fake selection when this inline widget is selected. Normalize the selection\n        // in these cases based on the model:\n        //\n        //\t\t[<attributeElement><inlineWidget /></attributeElement>] -> <attributeElement>[<inlineWidget />]</attributeElement>\n        //\t\t[<uiElement></uiElement><inlineWidget />] -> <uiElement></uiElement>[<inlineWidget />]\n        //\n        // Thanks to this:\n        //\n        // * fake selection can be set correctly,\n        // * any logic depending on (View)Selection#getSelectedElement() also works OK.\n        //\n        // See https://github.com/ckeditor/ckeditor5/issues/9524.\n        this.editor.editing.downcastDispatcher.on('selection', (evt, data, conversionApi)=>{\n            const viewWriter = conversionApi.writer;\n            const modelSelection = data.selection;\n            // The collapsed selection can't contain any widget.\n            if (modelSelection.isCollapsed) {\n                return;\n            }\n            const selectedModelElement = modelSelection.getSelectedElement();\n            if (!selectedModelElement) {\n                return;\n            }\n            const selectedViewElement = editor.editing.mapper.toViewElement(selectedModelElement);\n            if (!isWidget(selectedViewElement)) {\n                return;\n            }\n            if (!conversionApi.consumable.consume(modelSelection, 'selection')) {\n                return;\n            }\n            viewWriter.setSelection(viewWriter.createRangeOn(selectedViewElement), {\n                fake: true,\n                label: getLabel(selectedViewElement)\n            });\n        });\n        // Mark all widgets inside the selection with the css class.\n        // This handler is registered at the 'low' priority so it's triggered after the real selection conversion.\n        this.editor.editing.downcastDispatcher.on('selection', (evt, data, conversionApi)=>{\n            // Remove selected class from previously selected widgets.\n            this._clearPreviouslySelectedWidgets(conversionApi.writer);\n            const viewWriter = conversionApi.writer;\n            const viewSelection = viewWriter.document.selection;\n            let lastMarked = null;\n            for (const range of viewSelection.getRanges()){\n                // Note: There could be multiple selected widgets in a range but no fake selection.\n                // All of them must be marked as selected, for instance [<widget></widget><widget></widget>]\n                for (const value of range){\n                    const node = value.item;\n                    // Do not mark nested widgets in selected one. See: #4594\n                    if (isWidget(node) && !isChild(node, lastMarked)) {\n                        viewWriter.addClass(WIDGET_SELECTED_CLASS_NAME, node);\n                        this._previouslySelected.add(node);\n                        lastMarked = node;\n                    }\n                }\n            }\n        }, {\n            priority: 'low'\n        });\n        // If mouse down is pressed on widget - create selection over whole widget.\n        view.addObserver(MouseObserver);\n        view.addObserver(PointerObserver);\n        this.listenTo(viewDocument, 'mousedown', (...args)=>this._onMousedown(...args));\n        this.listenTo(viewDocument, 'pointerdown', (...args)=>this._onPointerdown(...args));\n        // There are two keydown listeners working on different priorities. This allows other\n        // features such as WidgetTypeAround or TableKeyboard to attach their listeners in between\n        // and customize the behavior even further in different content/selection scenarios.\n        //\n        // * The first listener handles changing the selection on arrow key press\n        // if the widget is selected or if the selection is next to a widget and the widget\n        // should become selected upon the arrow key press.\n        //\n        // * The second (late) listener makes sure the default browser action on arrow key press is\n        // prevented when a widget is selected. This prevents the selection from being moved\n        // from a fake selection container.\n        this.listenTo(viewDocument, 'arrowKey', (...args)=>{\n            this._handleSelectionChangeOnArrowKeyPress(...args);\n        }, {\n            context: [\n                isWidget,\n                '$text'\n            ]\n        });\n        this.listenTo(viewDocument, 'arrowKey', (...args)=>{\n            this._preventDefaultOnArrowKeyPress(...args);\n        }, {\n            context: '$root'\n        });\n        this.listenTo(viewDocument, 'arrowKey', verticalWidgetNavigationHandler(this.editor.editing), {\n            context: '$text'\n        });\n        // Handle custom delete behaviour.\n        this.listenTo(viewDocument, 'delete', (evt, data)=>{\n            if (this._handleDelete(data.direction == 'forward')) {\n                data.preventDefault();\n                evt.stop();\n            }\n        }, {\n            context: '$root'\n        });\n        // Handle Tab/Shift+Tab key.\n        this.listenTo(viewDocument, 'tab', (evt, data)=>{\n            if (this._selectNextEditable(data.shiftKey ? 'backward' : 'forward')) {\n                view.scrollToTheSelection();\n                data.preventDefault();\n                evt.stop();\n            }\n        }, {\n            context: (node)=>isWidget(node) || node.is('editableElement'),\n            priority: 'low'\n        });\n        // Handle Esc key while inside a nested editable.\n        this.listenTo(viewDocument, 'keydown', (evt, data)=>{\n            if (data.keystroke != keyCodes.esc) {\n                return;\n            }\n            if (this._selectAncestorWidget()) {\n                data.preventDefault();\n                evt.stop();\n            }\n        }, {\n            context: (node)=>node.is('editableElement'),\n            priority: 'low'\n        });\n        // Add the information about the keystrokes to the accessibility database.\n        editor.accessibility.addKeystrokeInfoGroup({\n            id: 'widget',\n            label: t('Keystrokes that can be used when a widget is selected (for example: image, table, etc.)'),\n            keystrokes: [\n                {\n                    label: t('Move focus from an editable area back to the parent widget'),\n                    keystroke: 'Esc'\n                },\n                {\n                    label: t('Insert a new paragraph directly after a widget'),\n                    keystroke: 'Enter'\n                },\n                {\n                    label: t('Insert a new paragraph directly before a widget'),\n                    keystroke: 'Shift+Enter'\n                },\n                {\n                    label: t('Move the caret to allow typing directly before a widget'),\n                    keystroke: [\n                        [\n                            'arrowup'\n                        ],\n                        [\n                            'arrowleft'\n                        ]\n                    ]\n                },\n                {\n                    label: t('Move the caret to allow typing directly after a widget'),\n                    keystroke: [\n                        [\n                            'arrowdown'\n                        ],\n                        [\n                            'arrowright'\n                        ]\n                    ]\n                }\n            ]\n        });\n    }\n    /**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:mousedown mousedown} events on widget elements.\n\t */ _onMousedown(eventInfo, domEventData) {\n        const element = domEventData.target;\n        // Some of DOM elements have no view element representation so it may be null.\n        if (!element) {\n            return;\n        }\n        // If triple click should select entire paragraph.\n        if (domEventData.domEvent.detail >= 3) {\n            if (this._selectBlockContent(element)) {\n                domEventData.preventDefault();\n            }\n        }\n    }\n    /**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:pointerdown pointerdown} events on widget elements.\n\t */ _onPointerdown(eventInfo, domEventData) {\n        if (!domEventData.domEvent.isPrimary) {\n            return;\n        }\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        let element = domEventData.target;\n        // Some of DOM elements have no view element representation so it may be null.\n        if (!element) {\n            return;\n        }\n        // If target is not a widget element - check if one of the ancestors is.\n        if (!isWidget(element)) {\n            const editableOrWidgetElement = findClosestEditableOrWidgetAncestor(element);\n            if (!editableOrWidgetElement) {\n                return;\n            }\n            if (isWidget(editableOrWidgetElement)) {\n                element = editableOrWidgetElement;\n            } else {\n                // Pick view range from the point where the mouse was clicked.\n                const clickTargetFromPoint = getElementFromMouseEvent(view, domEventData);\n                if (clickTargetFromPoint && isWidget(clickTargetFromPoint)) {\n                    element = clickTargetFromPoint;\n                } else {\n                    return;\n                }\n            }\n        }\n        // On Android and iOS selection would jump to the first table cell, on other devices\n        // we can't block it (and don't need to) because of drag and drop support.\n        // In iOS drag and drop works anyway on a long press.\n        if (env.isAndroid || env.isiOS) {\n            domEventData.preventDefault();\n        }\n        // Focus editor if is not focused already.\n        if (!viewDocument.isFocused) {\n            view.focus();\n        }\n        // Create model selection over widget.\n        const modelElement = editor.editing.mapper.toModelElement(element);\n        this._setSelectionOverElement(modelElement);\n    }\n    /**\n\t * Selects entire block content, e.g. on triple click it selects entire paragraph.\n\t */ _selectBlockContent(element) {\n        const editor = this.editor;\n        const model = editor.model;\n        const mapper = editor.editing.mapper;\n        const schema = model.schema;\n        const viewElement = mapper.findMappedViewAncestor(this.editor.editing.view.createPositionAt(element, 0));\n        const modelElement = findTextBlockAncestor(mapper.toModelElement(viewElement), model.schema);\n        if (!modelElement) {\n            return false;\n        }\n        model.change((writer)=>{\n            const nextTextBlock = !schema.isLimit(modelElement) ? findNextTextBlock(writer.createPositionAfter(modelElement), schema) : null;\n            const start = writer.createPositionAt(modelElement, 0);\n            const end = nextTextBlock ? writer.createPositionAt(nextTextBlock, 0) : writer.createPositionAt(modelElement, 'end');\n            writer.setSelection(writer.createRange(start, end));\n        });\n        return true;\n    }\n    /**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and changes\n\t * the model selection when:\n\t *\n\t * * arrow key is pressed when the widget is selected,\n\t * * the selection is next to a widget and the widget should become selected upon the arrow key press.\n\t *\n\t * See {@link #_preventDefaultOnArrowKeyPress}.\n\t */ _handleSelectionChangeOnArrowKeyPress(eventInfo, domEventData) {\n        const keyCode = domEventData.keyCode;\n        const model = this.editor.model;\n        const schema = model.schema;\n        const modelSelection = model.document.selection;\n        const selectedElement = modelSelection.getSelectedElement();\n        const direction = getLocalizedArrowKeyCodeDirection(keyCode, this.editor.locale.contentLanguageDirection);\n        const isForward = direction == 'down' || direction == 'right';\n        const isVerticalNavigation = direction == 'up' || direction == 'down';\n        // Collapsing a non-collapsed selection.\n        if (!domEventData.shiftKey && !modelSelection.isCollapsed) {\n            // If object element is selected or object is at the edge of selection.\n            if (hasObjectAtEdge(modelSelection, schema)) {\n                const position = isForward ? modelSelection.getLastPosition() : modelSelection.getFirstPosition();\n                const newRange = schema.getNearestSelectionRange(position, isForward ? 'forward' : 'backward');\n                if (newRange) {\n                    model.change((writer)=>{\n                        writer.setSelection(newRange);\n                    });\n                    domEventData.preventDefault();\n                    eventInfo.stop();\n                }\n            }\n            // Else is handled by the browser.\n            return;\n        }\n        // Adjust selection for fake caret and for selection direction when single object is selected.\n        const originalSelection = getModelSelectionAdjusted(model, isForward);\n        // Clone current selection to use it as a probe. We must leave default selection as it is so it can return\n        // to its current state after undo.\n        const probe = model.createSelection(originalSelection);\n        model.modifySelection(probe, {\n            direction: isForward ? 'forward' : 'backward'\n        });\n        // The selection didn't change so there is nothing there.\n        if (probe.isEqual(originalSelection)) {\n            return;\n        }\n        // Move probe one step further to make it visually recognizable.\n        if (probe.focus.isTouching(originalSelection.focus)) {\n            model.modifySelection(probe, {\n                direction: isForward ? 'forward' : 'backward'\n            });\n        }\n        const lastSelectedNode = isForward ? originalSelection.focus.nodeBefore : originalSelection.focus.nodeAfter;\n        const nodeBeforeProbe = probe.focus.nodeBefore;\n        const nodeAfterProbe = probe.focus.nodeAfter;\n        const lastProbeNode = isForward ? nodeBeforeProbe : nodeAfterProbe;\n        if (domEventData.shiftKey) {\n            // Expand selection from a selected object or include object in selection.\n            if (selectedElement && schema.isObject(selectedElement) || lastProbeNode && schema.isObject(lastProbeNode) || lastSelectedNode && schema.isObject(lastSelectedNode)) {\n                model.change((writer)=>{\n                    writer.setSelection(probe);\n                });\n                domEventData.preventDefault();\n                eventInfo.stop();\n            }\n        } else {\n            // Select an object when moving caret over it.\n            if (lastProbeNode && schema.isObject(lastProbeNode)) {\n                if (schema.isInline(lastProbeNode) && isVerticalNavigation) {\n                    return;\n                }\n                model.change((writer)=>{\n                    writer.setSelection(lastProbeNode, 'on');\n                });\n                domEventData.preventDefault();\n                eventInfo.stop();\n            }\n        }\n    }\n    /**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and prevents\n\t * the default browser behavior to make sure the fake selection is not being moved from a fake selection\n\t * container.\n\t *\n\t * See {@link #_handleSelectionChangeOnArrowKeyPress}.\n\t */ _preventDefaultOnArrowKeyPress(eventInfo, domEventData) {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const objectElement = model.document.selection.getSelectedElement();\n        // If object element is selected.\n        if (objectElement && schema.isObject(objectElement)) {\n            domEventData.preventDefault();\n            eventInfo.stop();\n        }\n    }\n    /**\n\t * Handles delete keys: backspace and delete.\n\t *\n\t * @param isForward Set to true if delete was performed in forward direction.\n\t * @returns Returns `true` if keys were handled correctly.\n\t */ _handleDelete(isForward) {\n        const modelDocument = this.editor.model.document;\n        const modelSelection = modelDocument.selection;\n        // Do nothing when the read only mode is enabled.\n        if (!this.editor.model.canEditAt(modelSelection)) {\n            return;\n        }\n        // Do nothing on non-collapsed selection.\n        if (!modelSelection.isCollapsed) {\n            return;\n        }\n        const objectElement = this._getObjectElementNextToSelection(isForward);\n        if (objectElement) {\n            this.editor.model.change((writer)=>{\n                let previousNode = modelSelection.anchor.parent;\n                // Remove previous element if empty.\n                while(previousNode.isEmpty){\n                    const nodeToRemove = previousNode;\n                    previousNode = nodeToRemove.parent;\n                    writer.remove(nodeToRemove);\n                }\n                this._setSelectionOverElement(objectElement);\n            });\n            return true;\n        }\n    }\n    /**\n\t * Sets {@link module:engine/model/selection~ModelSelection document's selection} over given element.\n\t *\n\t * @internal\n\t */ _setSelectionOverElement(element) {\n        this.editor.model.change((writer)=>{\n            writer.setSelection(writer.createRangeOn(element));\n        });\n    }\n    /**\n\t * Checks if {@link module:engine/model/element~ModelElement element} placed next to the current\n\t * {@link module:engine/model/selection~ModelSelection model selection} exists and is marked in\n\t * {@link module:engine/model/schema~ModelSchema schema} as `object`.\n\t *\n\t * @internal\n\t * @param forward Direction of checking.\n\t */ _getObjectElementNextToSelection(forward) {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const modelSelection = model.document.selection;\n        // Clone current selection to use it as a probe. We must leave default selection as it is so it can return\n        // to its current state after undo.\n        const probe = model.createSelection(modelSelection);\n        model.modifySelection(probe, {\n            direction: forward ? 'forward' : 'backward'\n        });\n        // The selection didn't change so there is nothing there.\n        if (probe.isEqual(modelSelection)) {\n            return null;\n        }\n        const objectElement = forward ? probe.focus.nodeBefore : probe.focus.nodeAfter;\n        if (objectElement && schema.isObject(objectElement)) {\n            return objectElement;\n        }\n        return null;\n    }\n    /**\n\t * Removes CSS class from previously selected widgets.\n\t */ _clearPreviouslySelectedWidgets(writer) {\n        for (const widget of this._previouslySelected){\n            writer.removeClass(WIDGET_SELECTED_CLASS_NAME, widget);\n        }\n        this._previouslySelected.clear();\n    }\n    /**\n\t * Moves the document selection into the next editable or block widget.\n\t */ _selectNextEditable(direction) {\n        const editing = this.editor.editing;\n        const view = editing.view;\n        const model = this.editor.model;\n        const viewSelection = view.document.selection;\n        const modelSelection = model.document.selection;\n        // Find start position.\n        let startPosition;\n        // Multiple table cells are selected - use focus cell.\n        if (modelSelection.rangeCount > 1) {\n            const selectionRange = modelSelection.isBackward ? modelSelection.getFirstRange() : modelSelection.getLastRange();\n            startPosition = editing.mapper.toViewPosition(direction == 'forward' ? selectionRange.end : selectionRange.start);\n        } else {\n            startPosition = direction == 'forward' ? viewSelection.getFirstPosition() : viewSelection.getLastPosition();\n        }\n        const modelRange = this._findNextFocusRange(startPosition, direction);\n        if (modelRange) {\n            model.change((writer)=>{\n                writer.setSelection(modelRange);\n            });\n            return true;\n        }\n        return false;\n    }\n    /**\n\t * Looks for next focus point in the document starting from the given view position and direction.\n\t * The focus point is either a block widget or an editable.\n\t *\n\t * @internal\n\t */ _findNextFocusRange(startPosition, direction) {\n        const editing = this.editor.editing;\n        const view = editing.view;\n        const model = this.editor.model;\n        const viewSelection = view.document.selection;\n        const editableElement = viewSelection.editableElement;\n        const editablePath = editableElement.getPath();\n        let selectedElement = viewSelection.getSelectedElement();\n        if (selectedElement && !isWidget(selectedElement)) {\n            selectedElement = null;\n        }\n        // Look for the next editable.\n        const viewRange = direction == 'forward' ? view.createRange(startPosition, view.createPositionAt(startPosition.root, 'end')) : view.createRange(view.createPositionAt(startPosition.root, 0), startPosition);\n        for (const { nextPosition } of viewRange.getWalker({\n            direction\n        })){\n            const item = nextPosition.parent;\n            // Some widget along the way except the currently selected one.\n            if (isWidget(item) && item != selectedElement) {\n                const modelElement = editing.mapper.toModelElement(item);\n                // Do not select inline widgets.\n                if (!model.schema.isBlock(modelElement)) {\n                    continue;\n                }\n                // Do not select widget itself when going out of widget or iterating over sibling elements in a widget.\n                if (compareArrays(editablePath, item.getPath()) != 'extension') {\n                    return model.createRangeOn(modelElement);\n                }\n            } else if (item.is('editableElement')) {\n                // Ignore the current editable for text selection,\n                // but use it when widget was selected to be able to jump after the widget.\n                if (item == editableElement && !selectedElement) {\n                    continue;\n                }\n                const modelPosition = editing.mapper.toModelPosition(nextPosition);\n                const newRange = model.schema.getNearestSelectionRange(modelPosition, direction);\n                // There is nothing to select so just jump to the next one.\n                if (!newRange) {\n                    continue;\n                }\n                // In the same editable while widget was selected - do not select the editable content.\n                if (item == editableElement && selectedElement) {\n                    return newRange;\n                }\n                // Select the content of editable element when iterating over sibling editable elements\n                // or going deeper into nested widgets.\n                if (compareArrays(editablePath, item.getPath()) != 'extension') {\n                    // Find a limit element closest to the new selection range.\n                    return model.createRangeIn(model.schema.getLimitElement(newRange));\n                }\n                return newRange;\n            }\n        }\n        return null;\n    }\n    /**\n\t * Updates the document selection so that it selects first ancestor widget.\n\t */ _selectAncestorWidget() {\n        const editor = this.editor;\n        const mapper = editor.editing.mapper;\n        const selection = editor.editing.view.document.selection;\n        const positionParent = selection.getFirstPosition().parent;\n        const positionParentElement = positionParent.is('$text') ? positionParent.parent : positionParent;\n        const viewElement = positionParentElement.findAncestor(isWidget);\n        if (!viewElement) {\n            return false;\n        }\n        const modelElement = mapper.toModelElement(viewElement);\n        /* istanbul ignore next -- @preserve */ if (!modelElement) {\n            return false;\n        }\n        editor.model.change((writer)=>{\n            writer.setSelection(modelElement, 'on');\n        });\n        return true;\n    }\n}\n/**\n * Returns true if there is an object on an edge of the given selection.\n */ function hasObjectAtEdge(modelSelection, schema) {\n    const firstPosition = modelSelection.getFirstPosition();\n    const lastPosition = modelSelection.getLastPosition();\n    const firstSelectedNode = firstPosition.nodeAfter;\n    const lastSelectedNode = lastPosition.nodeBefore;\n    return !!firstSelectedNode && schema.isObject(firstSelectedNode) || !!lastSelectedNode && schema.isObject(lastSelectedNode);\n}\n/**\n * Returns new instance of the model selection adjusted for fake caret and selection direction on widgets.\n */ function getModelSelectionAdjusted(model, isForward) {\n    const modelSelection = model.document.selection;\n    const selectedElement = modelSelection.getSelectedElement();\n    // Adjust selection for fake caret.\n    const typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition(modelSelection);\n    if (selectedElement && typeAroundFakeCaretPosition == 'before') {\n        return model.createSelection(selectedElement, 'before');\n    } else if (selectedElement && typeAroundFakeCaretPosition == 'after') {\n        return model.createSelection(selectedElement, 'after');\n    }\n    // Make a copy of selection with adjusted direction for object selected.\n    return model.createSelection(modelSelection.getRanges(), {\n        backward: !!selectedElement && model.schema.isObject(selectedElement) ? !isForward : modelSelection.isBackward\n    });\n}\n/**\n * Finds the closest ancestor element that is either an editable element or a widget.\n *\n * @param element The element from which to start searching.\n * @returns The closest ancestor element that is either an editable element or a widget, or null if none is found.\n */ function findClosestEditableOrWidgetAncestor(element) {\n    let currentElement = element;\n    while(currentElement){\n        if (currentElement.is('editableElement') || isWidget(currentElement)) {\n            return currentElement;\n        }\n        currentElement = currentElement.parent;\n    }\n    return null;\n}\n/**\n * Retrieves the ViewElement associated with a mouse event in the editing view.\n *\n * @param view The editing view.\n * @param domEventData The DOM event data containing the mouse event.\n * @returns The ViewElement associated with the mouse event, or null if not found.\n */ function getElementFromMouseEvent(view, domEventData) {\n    const domRange = getRangeFromMouseEvent(domEventData.domEvent);\n    let viewRange = null;\n    if (domRange) {\n        viewRange = view.domConverter.domRangeToView(domRange);\n    } else {\n        // Fallback to create range in target element. It happens frequently on Safari browser.\n        // See more: https://github.com/ckeditor/ckeditor5/issues/16978\n        viewRange = view.createRange(view.createPositionAt(domEventData.target, 0));\n    }\n    if (!viewRange) {\n        return null;\n    }\n    const viewPosition = viewRange.start;\n    if (!viewPosition.parent) {\n        return null;\n    }\n    let viewNode = viewPosition.parent;\n    if (viewPosition.parent.is('editableElement')) {\n        if (viewPosition.isAtEnd && viewPosition.nodeBefore) {\n            // Click after a widget tend to return position at the end of the editable element\n            // so use the node before it if range is at the end of a parent.\n            viewNode = viewPosition.nodeBefore;\n        } else if (viewPosition.isAtStart && viewPosition.nodeAfter) {\n            // Click before a widget tend to return position at the start of the editable element\n            // so use the node after it if range is at the start of a parent.\n            // See more: https://github.com/ckeditor/ckeditor5/issues/16992\n            viewNode = viewPosition.nodeAfter;\n        }\n    }\n    if (viewNode.is('$text')) {\n        return viewNode.parent;\n    }\n    return viewNode;\n}\n/**\n * Checks whether the specified `element` is a child of the `parent` element.\n *\n * @param element An element to check.\n * @param parent A parent for the element.\n */ function isChild(element, parent) {\n    if (!parent) {\n        return false;\n    }\n    return Array.from(element.getAncestors()).includes(parent);\n}\n/**\n * Returns nearest text block ancestor.\n */ function findTextBlockAncestor(modelElement, schema) {\n    for (const element of modelElement.getAncestors({\n        includeSelf: true,\n        parentFirst: true\n    })){\n        if (schema.checkChild(element, '$text')) {\n            return element;\n        }\n        // Do not go beyond nested editable.\n        if (schema.isLimit(element) && !schema.isObject(element)) {\n            break;\n        }\n    }\n    return null;\n}\n/**\n * Returns next text block where could put selection.\n */ function findNextTextBlock(position, schema) {\n    const treeWalker = new ModelTreeWalker({\n        startPosition: position\n    });\n    for (const { item } of treeWalker){\n        if (schema.isLimit(item) || !item.is('element')) {\n            return null;\n        }\n        if (schema.checkChild(item, '$text')) {\n            return item;\n        }\n    }\n    return null;\n}\n\n/**\n * Widget toolbar repository plugin. A central point for registering widget toolbars. This plugin handles the whole\n * toolbar rendering process and exposes a concise API.\n *\n * To add a toolbar for your widget use the {@link ~WidgetToolbarRepository#register `WidgetToolbarRepository#register()`} method.\n *\n * The following example comes from the {@link module:image/imagetoolbar~ImageToolbar} plugin:\n *\n * ```ts\n * class ImageToolbar extends Plugin {\n * \tstatic get requires() {\n * \t\treturn [ WidgetToolbarRepository ];\n * \t}\n *\n * \tafterInit() {\n * \t\tconst editor = this.editor;\n * \t\tconst widgetToolbarRepository = editor.plugins.get( WidgetToolbarRepository );\n *\n * \t\twidgetToolbarRepository.register( 'image', {\n * \t\t\titems: editor.config.get( 'image.toolbar' ),\n * \t\t\tgetRelatedElement: getClosestSelectedImageWidget\n * \t\t} );\n * \t}\n * }\n * ```\n */ class WidgetToolbarRepository extends Plugin {\n    /**\n\t * A map of toolbar definitions.\n\t */ _toolbarDefinitions = new Map();\n    _balloon;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'WidgetToolbarRepository';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Disables the default balloon toolbar for all widgets.\n        if (editor.plugins.has('BalloonToolbar')) {\n            const balloonToolbar = editor.plugins.get('BalloonToolbar');\n            this.listenTo(balloonToolbar, 'show', (evt)=>{\n                if (isWidgetSelected(editor.editing.view.document.selection)) {\n                    evt.stop();\n                }\n            }, {\n                priority: 'high'\n            });\n        }\n        this._balloon = this.editor.plugins.get('ContextualBalloon');\n        this.on('change:isEnabled', ()=>{\n            this._updateToolbarsVisibility();\n        });\n        this.listenTo(editor.ui, 'update', ()=>{\n            this._updateToolbarsVisibility();\n        });\n        // UI#update is not fired after focus is back in editor, we need to check if balloon panel should be visible.\n        this.listenTo(editor.ui.focusTracker, 'change:isFocused', ()=>{\n            this._updateToolbarsVisibility();\n        }, {\n            priority: 'low'\n        });\n    }\n    destroy() {\n        super.destroy();\n        for (const toolbarConfig of this._toolbarDefinitions.values()){\n            toolbarConfig.view.destroy();\n        }\n    }\n    /**\n\t * Registers toolbar in the WidgetToolbarRepository. It renders it in the `ContextualBalloon` based on the value of the invoked\n\t * `getRelatedElement` function. Toolbar items are gathered from `items` array.\n\t * The balloon's CSS class is by default `ck-toolbar-container` and may be override with the `balloonClassName` option.\n\t *\n\t * Note: This method should be called in the {@link module:core/plugin~PluginInterface#afterInit `Plugin#afterInit()`}\n\t * callback (or later) to make sure that the given toolbar items were already registered by other plugins.\n\t *\n\t * @param toolbarId An id for the toolbar. Used to\n\t * @param options Detailed options\n\t * @param options.ariaLabel Label used by assistive technologies to describe this toolbar element.\n\t * @param options.items Array of toolbar items.\n\t * @param options.getRelatedElement Callback which returns an element the toolbar should be attached to.\n\t * @param options.balloonClassName CSS class for the widget balloon.\n\t */ register(toolbarId, { ariaLabel, items, getRelatedElement, balloonClassName = 'ck-toolbar-container', positions }) {\n        // Trying to register a toolbar without any item.\n        if (!items.length) {\n            /**\n\t\t\t * When {@link module:widget/widgettoolbarrepository~WidgetToolbarRepository#register registering} a new widget toolbar, you\n\t\t\t * need to provide a non-empty array with the items that will be inserted into the toolbar.\n\t\t\t *\n\t\t\t * If you see this error when integrating the editor, you likely forgot to configure one of the widget toolbars.\n\t\t\t *\n\t\t\t * See for instance:\n\t\t\t *\n\t\t\t * * {@link module:table/tableconfig~TableConfig#contentToolbar `config.table.contentToolbar`}\n\t\t\t * * {@link module:image/imageconfig~ImageConfig#toolbar `config.image.toolbar`}\n\t\t\t *\n\t\t\t * @error widget-toolbar-no-items\n\t\t\t * @param {string} toolbarId The id of the toolbar that has not been configured correctly.\n\t\t\t */ logWarning('widget-toolbar-no-items', {\n                toolbarId\n            });\n            return;\n        }\n        const editor = this.editor;\n        const t = editor.t;\n        const toolbarView = new ToolbarView(editor.locale);\n        toolbarView.ariaLabel = ariaLabel || t('Widget toolbar');\n        if (this._toolbarDefinitions.has(toolbarId)) {\n            /**\n\t\t\t * Toolbar with the given id was already added.\n\t\t\t *\n\t\t\t * @error widget-toolbar-duplicated\n\t\t\t * @param {string} toolbarId Toolbar id.\n\t\t\t */ throw new CKEditorError('widget-toolbar-duplicated', this, {\n                toolbarId\n            });\n        }\n        const toolbarDefinition = {\n            view: toolbarView,\n            getRelatedElement,\n            balloonClassName,\n            itemsConfig: items,\n            positions,\n            initialized: false\n        };\n        // Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n        editor.ui.addToolbar(toolbarView, {\n            isContextual: true,\n            beforeFocus: ()=>{\n                const relatedElement = getRelatedElement(editor.editing.view.document.selection);\n                if (relatedElement) {\n                    this._showToolbar(toolbarDefinition, relatedElement);\n                }\n            },\n            afterBlur: ()=>{\n                this._hideToolbar(toolbarDefinition);\n            }\n        });\n        this._toolbarDefinitions.set(toolbarId, toolbarDefinition);\n    }\n    /**\n\t * Iterates over stored toolbars and makes them visible or hidden.\n\t */ _updateToolbarsVisibility() {\n        let maxRelatedElementDepth = 0;\n        let deepestRelatedElement = null;\n        let deepestToolbarDefinition = null;\n        for (const definition of this._toolbarDefinitions.values()){\n            const relatedElement = definition.getRelatedElement(this.editor.editing.view.document.selection);\n            if (!this.isEnabled || !relatedElement) {\n                if (this._isToolbarInBalloon(definition)) {\n                    this._hideToolbar(definition);\n                }\n            } else if (!this.editor.ui.focusTracker.isFocused) {\n                if (this._isToolbarVisible(definition)) {\n                    this._hideToolbar(definition);\n                }\n            } else {\n                const relatedElementDepth = relatedElement.getAncestors().length;\n                // Many toolbars can express willingness to be displayed but they do not know about\n                // each other. Figure out which toolbar is deepest in the view tree to decide which\n                // should be displayed. For instance, if a selected image is inside a table cell, display\n                // the ImageToolbar rather than the TableToolbar (#60).\n                if (relatedElementDepth > maxRelatedElementDepth) {\n                    maxRelatedElementDepth = relatedElementDepth;\n                    deepestRelatedElement = relatedElement;\n                    deepestToolbarDefinition = definition;\n                }\n            }\n        }\n        if (deepestToolbarDefinition) {\n            this._showToolbar(deepestToolbarDefinition, deepestRelatedElement);\n        }\n    }\n    /**\n\t * Hides the given toolbar.\n\t */ _hideToolbar(toolbarDefinition) {\n        this._balloon.remove(toolbarDefinition.view);\n        this.stopListening(this._balloon, 'change:visibleView');\n    }\n    /**\n\t * Shows up the toolbar if the toolbar is not visible.\n\t * Otherwise, repositions the toolbar's balloon when toolbar's view is the most top view in balloon stack.\n\t *\n\t * It might happen here that the toolbar's view is under another view. Then do nothing as the other toolbar view\n\t * should be still visible after the {@link module:ui/editorui/editorui~EditorUI#event:update}.\n\t */ _showToolbar(toolbarDefinition, relatedElement) {\n        if (this._isToolbarVisible(toolbarDefinition)) {\n            repositionContextualBalloon(this.editor, relatedElement, toolbarDefinition.positions);\n        } else if (!this._isToolbarInBalloon(toolbarDefinition)) {\n            if (!toolbarDefinition.initialized) {\n                toolbarDefinition.initialized = true;\n                toolbarDefinition.view.fillFromConfig(toolbarDefinition.itemsConfig, this.editor.ui.componentFactory);\n            }\n            this._balloon.add({\n                view: toolbarDefinition.view,\n                position: getBalloonPositionData(this.editor, relatedElement, toolbarDefinition.positions),\n                balloonClassName: toolbarDefinition.balloonClassName\n            });\n            // Update toolbar position each time stack with toolbar view is switched to visible.\n            // This is in a case target element has changed when toolbar was in invisible stack\n            // e.g. target image was wrapped by a block quote.\n            // See https://github.com/ckeditor/ckeditor5-widget/issues/92.\n            this.listenTo(this._balloon, 'change:visibleView', ()=>{\n                for (const definition of this._toolbarDefinitions.values()){\n                    if (this._isToolbarVisible(definition)) {\n                        const relatedElement = definition.getRelatedElement(this.editor.editing.view.document.selection);\n                        repositionContextualBalloon(this.editor, relatedElement, toolbarDefinition.positions);\n                    }\n                }\n            });\n        }\n    }\n    _isToolbarVisible(toolbar) {\n        return this._balloon.visibleView === toolbar.view;\n    }\n    _isToolbarInBalloon(toolbar) {\n        return this._balloon.hasView(toolbar.view);\n    }\n}\nfunction repositionContextualBalloon(editor, relatedElement, positions) {\n    const balloon = editor.plugins.get('ContextualBalloon');\n    const position = getBalloonPositionData(editor, relatedElement, positions);\n    balloon.updatePosition(position);\n}\nfunction getBalloonPositionData(editor, relatedElement, positions) {\n    const editingView = editor.editing.view;\n    const defaultPositions = BalloonPanelView.defaultPositions;\n    return {\n        target: editingView.domConverter.mapViewToDom(relatedElement),\n        positions: positions || [\n            defaultPositions.northArrowSouth,\n            defaultPositions.northArrowSouthWest,\n            defaultPositions.northArrowSouthEast,\n            defaultPositions.southArrowNorth,\n            defaultPositions.southArrowNorthWest,\n            defaultPositions.southArrowNorthEast,\n            defaultPositions.viewportStickyNorth\n        ]\n    };\n}\nfunction isWidgetSelected(selection) {\n    const viewElement = selection.getSelectedElement();\n    return !!(viewElement && isWidget(viewElement));\n}\n\n/**\n * Stores the internal state of a single resizable object.\n */ class WidgetResizeState extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * The reference point of the resizer where the dragging started. It is used to measure the distance the user cursor\n\t * traveled, so how much the image should be enlarged.\n\t * This information is only known after the DOM was rendered, so it will be updated later.\n\t *\n\t * @internal\n\t */ _referenceCoordinates;\n    /**\n\t * Resizer options.\n\t */ _options;\n    /**\n\t * The original width (pixels) of the resized object when the resize process was started.\n\t *\n\t * @readonly\n\t */ _originalWidth;\n    /**\n\t * The original height (pixels) of the resized object when the resize process was started.\n\t *\n\t * @readonly\n\t */ _originalHeight;\n    /**\n\t * The original width (percents) of the resized object when the resize process was started.\n\t *\n\t * @readonly\n\t */ _originalWidthPercents;\n    /**\n\t * A width to height ratio of the resized image.\n\t *\n\t * @readonly\n\t */ _aspectRatio;\n    /**\n\t * @param options Resizer options.\n\t */ constructor(options){\n        super();\n        this.set('activeHandlePosition', null);\n        this.set('proposedWidthPercents', null);\n        this.set('proposedWidth', null);\n        this.set('proposedHeight', null);\n        this.set('proposedHandleHostWidth', null);\n        this.set('proposedHandleHostHeight', null);\n        this._options = options;\n        this._referenceCoordinates = null;\n    }\n    /**\n\t * The original width (pixels) of the resized object when the resize process was started.\n\t */ get originalWidth() {\n        return this._originalWidth;\n    }\n    /**\n\t * The original height (pixels) of the resized object when the resize process was started.\n\t */ get originalHeight() {\n        return this._originalHeight;\n    }\n    /**\n\t * The original width (percents) of the resized object when the resize process was started.\n\t */ get originalWidthPercents() {\n        return this._originalWidthPercents;\n    }\n    /**\n\t * A width to height ratio of the resized image.\n\t */ get aspectRatio() {\n        return this._aspectRatio;\n    }\n    /**\n\t *\n\t * @param domResizeHandle The handle used to calculate the reference point.\n\t */ begin(domResizeHandle, domHandleHost, domResizeHost) {\n        const clientRect = new Rect(domHandleHost);\n        this.activeHandlePosition = getHandlePosition(domResizeHandle);\n        this._referenceCoordinates = getAbsoluteBoundaryPoint(domHandleHost, getOppositePosition(this.activeHandlePosition));\n        this._originalWidth = clientRect.width;\n        this._originalHeight = clientRect.height;\n        this._aspectRatio = clientRect.width / clientRect.height;\n        const widthStyle = domResizeHost.style.width;\n        if (widthStyle && widthStyle.match(/^\\d+(\\.\\d*)?%$/)) {\n            this._originalWidthPercents = parseFloat(widthStyle);\n        } else {\n            this._originalWidthPercents = calculateResizeHostPercentageWidth(domResizeHost, clientRect);\n        }\n    }\n    update(newSize) {\n        this.proposedWidth = newSize.width;\n        this.proposedHeight = newSize.height;\n        this.proposedWidthPercents = newSize.widthPercents;\n        this.proposedHandleHostWidth = newSize.handleHostWidth;\n        this.proposedHandleHostHeight = newSize.handleHostHeight;\n    }\n}\n/**\n * Returns coordinates of the top-left corner of an element, relative to the document's top-left corner.\n *\n * @param resizerPosition The position of the resize handle, e.g. `\"top-left\"`, `\"bottom-right\"`.\n */ function getAbsoluteBoundaryPoint(element, resizerPosition) {\n    const elementRect = new Rect(element);\n    const positionParts = resizerPosition.split('-');\n    const ret = {\n        x: positionParts[1] == 'right' ? elementRect.right : elementRect.left,\n        y: positionParts[0] == 'bottom' ? elementRect.bottom : elementRect.top\n    };\n    ret.x += element.ownerDocument.defaultView.scrollX;\n    ret.y += element.ownerDocument.defaultView.scrollY;\n    return ret;\n}\n/**\n * @param resizerPosition The expected resizer position, like `\"top-left\"`, `\"bottom-right\"`.\n * @returns A prefixed HTML class name for the resizer element.\n */ function getResizerHandleClass(resizerPosition) {\n    return `ck-widget__resizer__handle-${resizerPosition}`;\n}\n/**\n * Determines the position of a given resize handle.\n *\n * @param domHandle Handle used to calculate the reference point.\n * @returns Returns a string like `\"top-left\"` or `undefined` if not matched.\n */ function getHandlePosition(domHandle) {\n    const resizerPositions = [\n        'top-left',\n        'top-right',\n        'bottom-right',\n        'bottom-left'\n    ];\n    for (const position of resizerPositions){\n        if (domHandle.classList.contains(getResizerHandleClass(position))) {\n            return position;\n        }\n    }\n}\n/**\n * @param position Like `\"top-left\"`.\n * @returns Inverted `position`, e.g. it returns `\"bottom-right\"` if `\"top-left\"` was given as `position`.\n */ function getOppositePosition(position) {\n    const parts = position.split('-');\n    const replacements = {\n        top: 'bottom',\n        bottom: 'top',\n        left: 'right',\n        right: 'left'\n    };\n    return `${replacements[parts[0]]}-${replacements[parts[1]]}`;\n}\n\n/**\n * A view displaying the proposed new element size during the resizing.\n *\n * @internal\n */ class SizeView extends View {\n    constructor(){\n        super();\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-size-view',\n                    bind.to('_viewPosition', (value)=>value ? `ck-orientation-${value}` : '')\n                ],\n                style: {\n                    display: bind.if('_isVisible', 'none', (visible)=>!visible)\n                }\n            },\n            children: [\n                {\n                    text: bind.to('_label')\n                }\n            ]\n        });\n    }\n    /**\n\t * A method used for binding the `SizeView` instance properties to the `ResizeState` instance observable properties.\n\t *\n\t * @internal\n\t * @param options An object defining the resizer options, used for setting the proper size label.\n\t * @param resizeState The `ResizeState` class instance, used for keeping the `SizeView` state up to date.\n\t */ _bindToState(options, resizeState) {\n        this.bind('_isVisible').to(resizeState, 'proposedWidth', resizeState, 'proposedHeight', (width, height)=>width !== null && height !== null);\n        this.bind('_label').to(resizeState, 'proposedHandleHostWidth', resizeState, 'proposedHandleHostHeight', resizeState, 'proposedWidthPercents', (width, height, widthPercents)=>{\n            if (options.unit === 'px') {\n                return `${width}×${height}`;\n            } else {\n                return `${widthPercents}%`;\n            }\n        });\n        this.bind('_viewPosition').to(resizeState, 'activeHandlePosition', resizeState, 'proposedHandleHostWidth', resizeState, 'proposedHandleHostHeight', // If the widget is too small to contain the size label, display the label above.\n        (position, width, height)=>width < 50 || height < 50 ? 'above-center' : position);\n    }\n    /**\n\t * A method used for cleaning up. It removes the bindings and hides the view.\n\t *\n\t * @internal\n\t */ _dismiss() {\n        this.unbind();\n        this._isVisible = false;\n    }\n}\n\n/**\n * Represents a resizer for a single resizable object.\n */ class WidgetResizer extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * Stores the state of the resizable host geometry, such as the original width, the currently proposed height, etc.\n\t *\n\t * Note that a new state is created for each resize transaction.\n\t */ _state;\n    /**\n\t * A view displaying the proposed new element size during the resizing.\n\t */ _sizeView;\n    /**\n\t * Options passed to the {@link #constructor}.\n\t */ _options;\n    /**\n\t * A wrapper that is controlled by the resizer. This is usually a widget element.\n\t */ _viewResizerWrapper = null;\n    /**\n\t * The width of the resized {@link module:widget/widgetresize~WidgetResizerOptions#viewElement viewElement} before the resizing started.\n\t */ _initialViewWidth;\n    /**\n\t * @param options Resizer options.\n\t */ constructor(options){\n        super();\n        this._options = options;\n        this.set('isEnabled', true);\n        this.set('isSelected', false);\n        this.bind('isVisible').to(this, 'isEnabled', this, 'isSelected', (isEnabled, isSelected)=>isEnabled && isSelected);\n        this.decorate('begin');\n        this.decorate('cancel');\n        this.decorate('commit');\n        this.decorate('updateSize');\n        this.on('commit', (event)=>{\n            // State might not be initialized yet. In this case, prevent further handling and make sure that the resizer is\n            // cleaned up (#5195).\n            if (!this.state.proposedWidth && !this.state.proposedWidthPercents) {\n                this._cleanup();\n                event.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Stores the state of the resizable host geometry, such as the original width, the currently proposed height, etc.\n\t *\n\t * Note that a new state is created for each resize transaction.\n\t */ get state() {\n        return this._state;\n    }\n    /**\n\t * Makes resizer visible in the UI.\n\t */ show() {\n        const editingView = this._options.editor.editing.view;\n        editingView.change((writer)=>{\n            writer.removeClass('ck-hidden', this._viewResizerWrapper);\n        });\n    }\n    /**\n\t * Hides resizer in the UI.\n\t */ hide() {\n        const editingView = this._options.editor.editing.view;\n        editingView.change((writer)=>{\n            writer.addClass('ck-hidden', this._viewResizerWrapper);\n        });\n    }\n    /**\n\t * Attaches the resizer to the DOM.\n\t */ attach() {\n        // eslint-disable-next-line @typescript-eslint/no-this-alias\n        const that = this;\n        const widgetElement = this._options.viewElement;\n        const editingView = this._options.editor.editing.view;\n        editingView.change((writer)=>{\n            const viewResizerWrapper = writer.createUIElement('div', {\n                class: 'ck ck-reset_all ck-widget__resizer'\n            }, function(domDocument) {\n                const domElement = this.toDomElement(domDocument);\n                that._appendHandles(domElement);\n                that._appendSizeUI(domElement);\n                return domElement;\n            });\n            // Append the resizer wrapper to the widget's wrapper.\n            writer.insert(writer.createPositionAt(widgetElement, 'end'), viewResizerWrapper);\n            writer.addClass('ck-widget_with-resizer', widgetElement);\n            this._viewResizerWrapper = viewResizerWrapper;\n            if (!this.isVisible) {\n                this.hide();\n            }\n        });\n        this.on('change:isVisible', ()=>{\n            if (this.isVisible) {\n                this.show();\n                this.redraw();\n            } else {\n                this.hide();\n            }\n        });\n    }\n    /**\n\t * Starts the resizing process.\n\t *\n\t * Creates a new {@link #state} for the current process.\n\t *\n\t * @fires begin\n\t * @param domResizeHandle Clicked handle.\n\t */ begin(domResizeHandle) {\n        this._state = new WidgetResizeState(this._options);\n        this._sizeView._bindToState(this._options, this.state);\n        this._initialViewWidth = this._options.viewElement.getStyle('width');\n        this.state.begin(domResizeHandle, this._getHandleHost(), this._getResizeHost());\n    }\n    /**\n\t * Updates the proposed size based on `domEventData`.\n\t *\n\t * @fires updateSize\n\t */ updateSize(domEventData) {\n        const newSize = this._proposeNewSize(domEventData);\n        const editingView = this._options.editor.editing.view;\n        editingView.change((writer)=>{\n            const unit = this._options.unit || '%';\n            const newWidth = (unit === '%' ? newSize.widthPercents : newSize.width) + unit;\n            writer.setStyle('width', newWidth, this._options.viewElement);\n        });\n        // Get an actual image width, and:\n        // * reflect this size to the resize wrapper\n        // * apply this **real** size to the state\n        const domHandleHost = this._getHandleHost();\n        const domHandleHostRect = new Rect(domHandleHost);\n        const handleHostWidth = Math.round(domHandleHostRect.width);\n        const handleHostHeight = Math.round(domHandleHostRect.height);\n        // Handle max-width limitation.\n        const domResizeHostRect = new Rect(domHandleHost);\n        newSize.width = Math.round(domResizeHostRect.width);\n        newSize.height = Math.round(domResizeHostRect.height);\n        this.redraw(domHandleHostRect);\n        this.state.update({\n            ...newSize,\n            handleHostWidth,\n            handleHostHeight\n        });\n    }\n    /**\n\t * Applies the geometry proposed with the resizer.\n\t *\n\t * @fires commit\n\t */ commit() {\n        const unit = this._options.unit || '%';\n        const newValue = (unit === '%' ? this.state.proposedWidthPercents : this.state.proposedWidth) + unit;\n        // Both cleanup and onCommit callback are very likely to make view changes. Ensure that it is made in a single step.\n        this._options.editor.editing.view.change(()=>{\n            this._cleanup();\n            this._options.onCommit(newValue);\n        });\n    }\n    /**\n\t * Cancels and rejects the proposed resize dimensions, hiding the UI.\n\t *\n\t * @fires cancel\n\t */ cancel() {\n        this._cleanup();\n    }\n    /**\n\t * Destroys the resizer.\n\t */ destroy() {\n        this.cancel();\n    }\n    /**\n\t * Redraws the resizer.\n\t *\n\t * @param handleHostRect Handle host rectangle might be given to improve performance.\n\t */ redraw(handleHostRect) {\n        const domWrapper = this._domResizerWrapper;\n        // Refresh only if resizer exists in the DOM.\n        if (!existsInDom(domWrapper)) {\n            return;\n        }\n        const widgetWrapper = domWrapper.parentElement;\n        const handleHost = this._getHandleHost();\n        const resizerWrapper = this._viewResizerWrapper;\n        const currentDimensions = [\n            resizerWrapper.getStyle('width'),\n            resizerWrapper.getStyle('height'),\n            resizerWrapper.getStyle('left'),\n            resizerWrapper.getStyle('top')\n        ];\n        let newDimensions;\n        if (widgetWrapper.isSameNode(handleHost)) {\n            const clientRect = handleHostRect || new Rect(handleHost);\n            newDimensions = [\n                clientRect.width + 'px',\n                clientRect.height + 'px',\n                undefined,\n                undefined\n            ];\n        } else {\n            newDimensions = [\n                handleHost.offsetWidth + 'px',\n                handleHost.offsetHeight + 'px',\n                handleHost.offsetLeft + 'px',\n                handleHost.offsetTop + 'px'\n            ];\n        }\n        // Make changes to the view only if the resizer should actually get new dimensions.\n        // Otherwise, if View#change() was always called, this would cause EditorUI#update\n        // loops because the WidgetResize plugin listens to EditorUI#update and updates\n        // the resizer.\n        // https://github.com/ckeditor/ckeditor5/issues/7633\n        if (compareArrays(currentDimensions, newDimensions) !== 'same') {\n            this._options.editor.editing.view.change((writer)=>{\n                writer.setStyle({\n                    width: newDimensions[0],\n                    height: newDimensions[1],\n                    left: newDimensions[2],\n                    top: newDimensions[3]\n                }, resizerWrapper);\n            });\n        }\n    }\n    containsHandle(domElement) {\n        return this._domResizerWrapper.contains(domElement);\n    }\n    static isResizeHandle(domElement) {\n        return domElement.classList.contains('ck-widget__resizer__handle');\n    }\n    /**\n\t * Cleans up the context state.\n\t */ _cleanup() {\n        this._sizeView._dismiss();\n        const editingView = this._options.editor.editing.view;\n        editingView.change((writer)=>{\n            writer.setStyle('width', this._initialViewWidth, this._options.viewElement);\n        });\n    }\n    /**\n\t * Calculates the proposed size as the resize handles are dragged.\n\t *\n\t * @param domEventData Event data that caused the size update request. It should be used to calculate the proposed size.\n\t */ _proposeNewSize(domEventData) {\n        const state = this.state;\n        const currentCoordinates = extractCoordinates(domEventData);\n        const isCentered = this._options.isCentered ? this._options.isCentered(this) : true;\n        // Enlargement defines how much the resize host has changed in a given axis. Naturally it could be a negative number\n        // meaning that it has been shrunk.\n        //\n        // +----------------+--+\n        // |                |  |\n        // |       img      |  |\n        // |  /handle host  |  |\n        // +----------------+  | ^\n        // |                   | | - enlarge y\n        // +-------------------+ v\n        // \t\t\t\t\t<-->\n        // \t\t\t\t\t enlarge x\n        const enlargement = {\n            x: state._referenceCoordinates.x - (currentCoordinates.x + state.originalWidth),\n            y: currentCoordinates.y - state.originalHeight - state._referenceCoordinates.y\n        };\n        if (isCentered && state.activeHandlePosition.endsWith('-right')) {\n            enlargement.x = currentCoordinates.x - (state._referenceCoordinates.x + state.originalWidth);\n        }\n        // Objects needs to be resized twice as much in horizontal axis if centered, since enlargement is counted from\n        // one resized corner to your cursor. It needs to be duplicated to compensate for the other side too.\n        if (isCentered) {\n            enlargement.x *= 2;\n        }\n        // const resizeHost = this._getResizeHost();\n        // The size proposed by the user. It does not consider the aspect ratio.\n        let width = Math.abs(state.originalWidth + enlargement.x);\n        let height = Math.abs(state.originalHeight + enlargement.y);\n        // Dominant determination must take the ratio into account.\n        const dominant = width / state.aspectRatio > height ? 'width' : 'height';\n        if (dominant == 'width') {\n            height = width / state.aspectRatio;\n        } else {\n            width = height * state.aspectRatio;\n        }\n        return {\n            width: Math.round(width),\n            height: Math.round(height),\n            widthPercents: Math.min(Math.round(state.originalWidthPercents / state.originalWidth * width * 100) / 100, 100)\n        };\n    }\n    /**\n\t * Obtains the resize host.\n\t *\n\t * Resize host is an object that receives dimensions which are the result of resizing.\n\t */ _getResizeHost() {\n        const widgetWrapper = this._domResizerWrapper.parentElement;\n        return this._options.getResizeHost(widgetWrapper);\n    }\n    /**\n\t * Obtains the handle host.\n\t *\n\t * Handle host is an object that the handles are aligned to.\n\t *\n\t * Handle host will not always be an entire widget itself. Take an image as an example. The image widget\n\t * contains an image and a caption. Only the image should be surrounded with handles.\n\t */ _getHandleHost() {\n        const widgetWrapper = this._domResizerWrapper.parentElement;\n        return this._options.getHandleHost(widgetWrapper);\n    }\n    /**\n\t * DOM container of the entire resize UI.\n\t *\n\t * Note that this property will have a value only after the element bound with the resizer is rendered\n\t * (otherwise `null`).\n\t */ get _domResizerWrapper() {\n        return this._options.editor.editing.view.domConverter.mapViewToDom(this._viewResizerWrapper);\n    }\n    /**\n\t * Renders the resize handles in the DOM.\n\t *\n\t * @param domElement The resizer wrapper.\n\t */ _appendHandles(domElement) {\n        const resizerPositions = [\n            'top-left',\n            'top-right',\n            'bottom-right',\n            'bottom-left'\n        ];\n        for (const currentPosition of resizerPositions){\n            domElement.appendChild(new Template({\n                tag: 'div',\n                attributes: {\n                    class: `ck-widget__resizer__handle ${getResizerClass(currentPosition)}`\n                }\n            }).render());\n        }\n    }\n    /**\n\t * Sets up the {@link #_sizeView} property and adds it to the passed `domElement`.\n\t */ _appendSizeUI(domElement) {\n        this._sizeView = new SizeView();\n        // Make sure icon#element is rendered before passing to appendChild().\n        this._sizeView.render();\n        domElement.appendChild(this._sizeView.element);\n    }\n}\n/**\n * @param resizerPosition Expected resizer position like `\"top-left\"`, `\"bottom-right\"`.\n * @returns A prefixed HTML class name for the resizer element\n */ function getResizerClass(resizerPosition) {\n    return `ck-widget__resizer__handle-${resizerPosition}`;\n}\nfunction extractCoordinates(event) {\n    return {\n        x: event.pageX,\n        y: event.pageY\n    };\n}\nfunction existsInDom(element) {\n    return element && element.ownerDocument && element.ownerDocument.contains(element);\n}\n\n/**\n * The widget resize feature plugin.\n *\n * Use the {@link module:widget/widgetresize~WidgetResize#attachTo} method to create a resizer for the specified widget.\n */ class WidgetResize extends Plugin {\n    /**\n\t * A map of resizers created using this plugin instance.\n\t */ _resizers = new Map();\n    _observer;\n    _redrawSelectedResizerThrottled;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'WidgetResize';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editing = this.editor.editing;\n        const domDocument = global.window.document;\n        this.set('selectedResizer', null);\n        this.set('_activeResizer', null);\n        editing.view.addObserver(MouseObserver);\n        this._observer = new (DomEmitterMixin())();\n        this.listenTo(editing.view.document, 'mousedown', this._mouseDownListener.bind(this), {\n            priority: 'high'\n        });\n        this._observer.listenTo(domDocument, 'mousemove', this._mouseMoveListener.bind(this));\n        this._observer.listenTo(domDocument, 'mouseup', this._mouseUpListener.bind(this));\n        this._redrawSelectedResizerThrottled = throttle(()=>this.redrawSelectedResizer(), 200);\n        // Redrawing on any change of the UI of the editor (including content changes).\n        this.editor.ui.on('update', this._redrawSelectedResizerThrottled);\n        // Remove view widget-resizer mappings for widgets that have been removed from the document.\n        // https://github.com/ckeditor/ckeditor5/issues/10156\n        // https://github.com/ckeditor/ckeditor5/issues/10266\n        this.editor.model.document.on('change', ()=>{\n            for (const [viewElement, resizer] of this._resizers){\n                if (!viewElement.isAttached()) {\n                    this._resizers.delete(viewElement);\n                    resizer.destroy();\n                }\n            }\n        }, {\n            priority: 'lowest'\n        });\n        // Resizers need to be redrawn upon window resize, because new window might shrink resize host.\n        this._observer.listenTo(global.window, 'resize', this._redrawSelectedResizerThrottled);\n        const viewSelection = this.editor.editing.view.document.selection;\n        viewSelection.on('change', ()=>{\n            const selectedElement = viewSelection.getSelectedElement();\n            const resizer = this.getResizerByViewElement(selectedElement) || null;\n            if (resizer) {\n                this.select(resizer);\n            } else {\n                this.deselect();\n            }\n        });\n    }\n    /**\n\t * Redraws the selected resizer if there is any selected resizer and if it is visible.\n\t */ redrawSelectedResizer() {\n        if (this.selectedResizer && this.selectedResizer.isVisible) {\n            this.selectedResizer.redraw();\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this._observer.stopListening();\n        for (const resizer of this._resizers.values()){\n            resizer.destroy();\n        }\n        this._redrawSelectedResizerThrottled.cancel();\n    }\n    /**\n\t * Marks resizer as selected.\n\t */ select(resizer) {\n        this.deselect();\n        this.selectedResizer = resizer;\n        this.selectedResizer.isSelected = true;\n    }\n    /**\n\t * Deselects currently set resizer.\n\t */ deselect() {\n        if (this.selectedResizer) {\n            this.selectedResizer.isSelected = false;\n        }\n        this.selectedResizer = null;\n    }\n    /**\n\t * @param options Resizer options.\n\t */ attachTo(options) {\n        const resizer = new WidgetResizer(options);\n        const plugins = this.editor.plugins;\n        resizer.attach();\n        if (plugins.has('WidgetToolbarRepository')) {\n            // Hiding widget toolbar to improve the performance\n            // (https://github.com/ckeditor/ckeditor5-widget/pull/112#issuecomment-564528765).\n            const widgetToolbarRepository = plugins.get('WidgetToolbarRepository');\n            resizer.on('begin', ()=>{\n                widgetToolbarRepository.forceDisabled('resize');\n            }, {\n                priority: 'lowest'\n            });\n            resizer.on('cancel', ()=>{\n                widgetToolbarRepository.clearForceDisabled('resize');\n            }, {\n                priority: 'highest'\n            });\n            resizer.on('commit', ()=>{\n                widgetToolbarRepository.clearForceDisabled('resize');\n            }, {\n                priority: 'highest'\n            });\n        }\n        this._resizers.set(options.viewElement, resizer);\n        const viewSelection = this.editor.editing.view.document.selection;\n        const selectedElement = viewSelection.getSelectedElement();\n        // If the element the resizer is created for is currently focused, it should become visible.\n        if (this.getResizerByViewElement(selectedElement) == resizer) {\n            this.select(resizer);\n        }\n        return resizer;\n    }\n    /**\n\t * Returns a resizer created for a given view element (widget element).\n\t *\n\t * @param viewElement View element associated with the resizer.\n\t */ getResizerByViewElement(viewElement) {\n        return this._resizers.get(viewElement);\n    }\n    /**\n\t * Returns a resizer that contains a given resize handle.\n\t */ _getResizerByHandle(domResizeHandle) {\n        for (const resizer of this._resizers.values()){\n            if (resizer.containsHandle(domResizeHandle)) {\n                return resizer;\n            }\n        }\n    }\n    /**\n\t * @param domEventData Native DOM event.\n\t */ _mouseDownListener(event, domEventData) {\n        const resizeHandle = domEventData.domTarget;\n        if (!WidgetResizer.isResizeHandle(resizeHandle)) {\n            return;\n        }\n        this._activeResizer = this._getResizerByHandle(resizeHandle) || null;\n        if (this._activeResizer) {\n            this._activeResizer.begin(resizeHandle);\n            // Do not call other events when resizing. See: #6755.\n            event.stop();\n            domEventData.preventDefault();\n        }\n    }\n    /**\n\t * @param domEventData Native DOM event.\n\t */ _mouseMoveListener(event, domEventData) {\n        if (this._activeResizer) {\n            this._activeResizer.updateSize(domEventData);\n        }\n    }\n    _mouseUpListener() {\n        if (this._activeResizer) {\n            this._activeResizer.commit();\n            this._activeResizer = null;\n        }\n    }\n}\n\nexport { WIDGET_CLASS_NAME, WIDGET_SELECTED_CLASS_NAME, Widget, WidgetHighlightStack, WidgetResize, WidgetResizeState, WidgetResizer, WidgetToolbarRepository, WidgetTypeAround, TYPE_AROUND_SELECTION_ATTRIBUTE as _WIDGET_TYPE_AROUND_SELECTION_ATTRIBUTE, SizeView as _WidgetSizeView, getClosestTypeAroundDomButton as _getClosestWidgetTypeAroundDomButton, getClosestWidgetViewElement as _getClosestWidgetViewElement, getTypeAroundButtonPosition as _getWidgetTypeAroundButtonPosition, getTypeAroundFakeCaretPosition as _getWidgetTypeAroundFakeCaretPosition, calculateResizeHostAncestorWidth, calculateResizeHostPercentageWidth, findOptimalInsertionRange, getLabel, isTypeAroundWidget, isWidget, setHighlightHandling, setLabel, toWidget, toWidgetEditable, verticalWidgetNavigationHandler, viewToModelPositionOutsideModelElement };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/highlightstack\n */\n\nimport { EmitterMixin, type ArrayOrItem } from '@ckeditor/ckeditor5-utils';\n\nimport type { ViewDowncastWriter, DowncastHighlightDescriptor } from '@ckeditor/ckeditor5-engine';\n\n/**\n * Class used to handle the correct order of highlights on elements.\n *\n * When different highlights are applied to same element the correct order should be preserved:\n *\n * * highlight with highest priority should be applied,\n * * if two highlights have same priority - sort by CSS class provided in\n * {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor}.\n *\n * This way, highlight will be applied with the same rules it is applied on texts.\n */\nexport class WidgetHighlightStack extends /* #__PURE__ */ EmitterMixin() {\n\tprivate readonly _stack: Array<DowncastHighlightDescriptor> = [];\n\n\t/**\n\t * Adds highlight descriptor to the stack.\n\t *\n\t * @fires change:top\n\t */\n\tpublic add( descriptor: DowncastHighlightDescriptor, writer: ViewDowncastWriter ): void {\n\t\tconst stack = this._stack;\n\n\t\t// Save top descriptor and insert new one. If top is changed - fire event.\n\t\tconst oldTop = stack[ 0 ];\n\t\tthis._insertDescriptor( descriptor );\n\t\tconst newTop = stack[ 0 ];\n\n\t\t// When new object is at the top and stores different information.\n\t\tif ( oldTop !== newTop && !compareDescriptors( oldTop, newTop ) ) {\n\t\t\tthis.fire<WidgetHighlightStackChangeEvent>( 'change:top', {\n\t\t\t\toldDescriptor: oldTop,\n\t\t\t\tnewDescriptor: newTop,\n\t\t\t\twriter\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Removes highlight descriptor from the stack.\n\t *\n\t * @fires change:top\n\t * @param id Id of the descriptor to remove.\n\t */\n\tpublic remove( id: string, writer: ViewDowncastWriter ): void {\n\t\tconst stack = this._stack;\n\n\t\tconst oldTop = stack[ 0 ];\n\t\tthis._removeDescriptor( id );\n\t\tconst newTop = stack[ 0 ];\n\n\t\t// When new object is at the top and stores different information.\n\t\tif ( oldTop !== newTop && !compareDescriptors( oldTop, newTop ) ) {\n\t\t\tthis.fire<WidgetHighlightStackChangeEvent>( 'change:top', {\n\t\t\t\toldDescriptor: oldTop,\n\t\t\t\tnewDescriptor: newTop,\n\t\t\t\twriter\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Inserts a given descriptor in correct place in the stack. It also takes care about updating information\n\t * when descriptor with same id is already present.\n\t */\n\tprivate _insertDescriptor( descriptor: DowncastHighlightDescriptor ) {\n\t\tconst stack = this._stack;\n\t\tconst index = stack.findIndex( item => item.id === descriptor.id );\n\n\t\t// Inserting exact same descriptor - do nothing.\n\t\tif ( compareDescriptors( descriptor, stack[ index ] ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If descriptor with same id but with different information is on the stack - remove it.\n\t\tif ( index > -1 ) {\n\t\t\tstack.splice( index, 1 );\n\t\t}\n\n\t\t// Find correct place to insert descriptor in the stack.\n\t\t// It has different information (for example priority) so it must be re-inserted in correct place.\n\t\tlet i = 0;\n\n\t\twhile ( stack[ i ] && shouldABeBeforeB( stack[ i ], descriptor ) ) {\n\t\t\ti++;\n\t\t}\n\n\t\tstack.splice( i, 0, descriptor );\n\t}\n\n\t/**\n\t * Removes descriptor with given id from the stack.\n\t *\n\t * @param id Descriptor's id.\n\t */\n\tprivate _removeDescriptor( id: string ) {\n\t\tconst stack = this._stack;\n\t\tconst index = stack.findIndex( item => item.id === id );\n\n\t\t// If descriptor with same id is on the list - remove it.\n\t\tif ( index > -1 ) {\n\t\t\tstack.splice( index, 1 );\n\t\t}\n\t}\n}\n\n/**\n * Compares two descriptors by checking their priority and class list.\n *\n * @returns Returns true if both descriptors are defined and have same priority and classes.\n */\nfunction compareDescriptors( a: DowncastHighlightDescriptor, b: DowncastHighlightDescriptor ) {\n\treturn a && b && a.priority == b.priority && classesToString( a.classes ) == classesToString( b.classes );\n}\n\n/**\n * Checks whenever first descriptor should be placed in the stack before second one.\n */\nfunction shouldABeBeforeB( a: DowncastHighlightDescriptor, b: DowncastHighlightDescriptor ) {\n\tif ( a.priority! > b.priority! ) {\n\t\treturn true;\n\t} else if ( a.priority! < b.priority! ) {\n\t\treturn false;\n\t}\n\n\t// When priorities are equal and names are different - use classes to compare.\n\treturn classesToString( a.classes ) > classesToString( b.classes );\n}\n\n/**\n * Converts CSS classes passed with {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor} to\n * sorted string.\n */\nfunction classesToString( classes: ArrayOrItem<string> ) {\n\treturn Array.isArray( classes ) ? classes.sort().join( ',' ) : classes;\n}\n\n/**\n * Fired when top element on {@link module:widget/highlightstack~WidgetHighlightStack} has been changed\n *\n * @eventName ~WidgetHighlightStack#change:top\n */\nexport type WidgetHighlightStackChangeEvent = {\n\tname: 'change' | 'change:top';\n\targs: [ WidgetHighlightStackChangeEventData ];\n};\n\n/**\n * Additional information about the change.\n */\nexport type WidgetHighlightStackChangeEventData = {\n\n\t/**\n\t * Old highlight descriptor. It will be `undefined` when first descriptor is added to the stack.\n\t */\n\toldDescriptor: DowncastHighlightDescriptor;\n\n\t/**\n\t * New highlight descriptor. It will be `undefined` when last descriptor is removed from the stack.\n\t */\n\tnewDescriptor: DowncastHighlightDescriptor;\n\n\t/**\n\t * View writer that can be used to modify element.\n\t */\n\twriter: ViewDowncastWriter;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/utils\n */\n\nimport { IconDragHandle } from '@ckeditor/ckeditor5-icons';\nimport {\n\tRect,\n\tCKEditorError,\n\ttoArray,\n\ttype ObservableChangeEvent,\n\ttype GetCallback\n} from '@ckeditor/ckeditor5-utils';\n\nimport {\n\ttype DowncastAddHighlightCallback,\n\ttype DowncastHighlightDescriptor,\n\ttype DowncastRemoveHighlightCallback,\n\ttype MapperViewToModelPositionEvent,\n\ttype ModelDocumentSelection,\n\ttype ViewDowncastWriter,\n\ttype Model,\n\ttype ModelRange,\n\ttype ModelSelection,\n\ttype ViewContainerElement,\n\ttype ViewEditableElement,\n\ttype ViewElement,\n\ttype ViewTypeCheckable\n} from '@ckeditor/ckeditor5-engine';\n\nimport { IconView } from '@ckeditor/ckeditor5-ui';\n\nimport { WidgetHighlightStack, type WidgetHighlightStackChangeEvent } from './highlightstack.js';\nimport { getTypeAroundFakeCaretPosition } from './widgettypearound/utils.js';\n\n/**\n * CSS class added to each widget element.\n */\nexport const WIDGET_CLASS_NAME = 'ck-widget';\n\n/**\n * CSS class added to currently selected widget element.\n */\nexport const WIDGET_SELECTED_CLASS_NAME = 'ck-widget_selected';\n\n/**\n * Returns `true` if given {@link module:engine/view/node~ViewNode} is an {@link module:engine/view/element~ViewElement} and a widget.\n */\nexport function isWidget( node: ViewTypeCheckable ): boolean {\n\tif ( !node.is( 'element' ) ) {\n\t\treturn false;\n\t}\n\n\treturn !!node.getCustomProperty( 'widget' );\n}\n\n/**\n * Converts the given {@link module:engine/view/element~ViewElement} to a widget in the following way:\n *\n * * sets the `contenteditable` attribute to `\"false\"`,\n * * adds the `ck-widget` CSS class,\n * * adds a custom {@link module:engine/view/element~ViewElement#getFillerOffset `getFillerOffset()`} method returning `null`,\n * * adds a custom property allowing to recognize widget elements by using {@link ~isWidget `isWidget()`},\n * * implements the {@link ~setHighlightHandling view highlight on widgets}.\n *\n * This function needs to be used in conjunction with\n * {@link module:engine/conversion/downcasthelpers~DowncastHelpers downcast conversion helpers}\n * like {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`}.\n * Moreover, typically you will want to use `toWidget()` only for `editingDowncast`, while keeping the `dataDowncast` clean.\n *\n * For example, in order to convert a `<widget>` model element to `<div class=\"widget\">` in the view, you can define\n * such converters:\n *\n * ```ts\n * editor.conversion.for( 'editingDowncast' )\n * \t.elementToElement( {\n * \t\tmodel: 'widget',\n * \t\tview: ( modelItem, { writer } ) => {\n * \t\t\tconst div = writer.createContainerElement( 'div', { class: 'widget' } );\n *\n * \t\t\treturn toWidget( div, writer, { label: 'some widget' } );\n * \t\t}\n * \t} );\n *\n * editor.conversion.for( 'dataDowncast' )\n * \t.elementToElement( {\n * \t\tmodel: 'widget',\n * \t\tview: ( modelItem, { writer } ) => {\n * \t\t\treturn writer.createContainerElement( 'div', { class: 'widget' } );\n * \t\t}\n * \t} );\n * ```\n *\n * See the full source code of the widget (with a nested editable) schema definition and converters in\n * [this sample](https://github.com/ckeditor/ckeditor5-widget/blob/master/tests/manual/widget-with-nestededitable.js).\n *\n * @param options Additional options.\n * @param options.label Element's label provided to the {@link ~setLabel} function. It can be passed as\n * a plain string or a function returning a string. It represents the widget for assistive technologies (like screen readers).\n * @param options.hasSelectionHandle If `true`, the widget will have a selection handle added.\n * @returns Returns the same element.\n */\nexport function toWidget(\n\telement: ViewElement,\n\twriter: ViewDowncastWriter,\n\toptions: {\n\t\tlabel?: string | ( () => string );\n\t\thasSelectionHandle?: boolean;\n\t} = {}\n): ViewElement {\n\tif ( !element.is( 'containerElement' ) ) {\n\t\t/**\n\t\t * The element passed to `toWidget()` must be a {@link module:engine/view/containerelement~ViewContainerElement}\n\t\t * instance.\n\t\t *\n\t\t * @error widget-to-widget-wrong-element-type\n\t\t * @param {any} element The view element passed to `toWidget()`.\n\t\t */\n\t\tthrow new CKEditorError(\n\t\t\t'widget-to-widget-wrong-element-type',\n\t\t\tnull,\n\t\t\t{ element }\n\t\t);\n\t}\n\n\twriter.setAttribute( 'contenteditable', 'false', element );\n\n\twriter.addClass( WIDGET_CLASS_NAME, element );\n\twriter.setCustomProperty( 'widget', true, element );\n\telement.getFillerOffset = getFillerOffset;\n\n\twriter.setCustomProperty( 'widgetLabel', [], element );\n\n\tif ( options.label ) {\n\t\tsetLabel( element, options.label );\n\t}\n\n\tif ( options.hasSelectionHandle ) {\n\t\taddSelectionHandle( element, writer );\n\t}\n\n\tsetHighlightHandling( element, writer );\n\n\treturn element;\n}\n\n/**\n * Default handler for adding a highlight on a widget.\n * It adds CSS class and attributes basing on the given highlight descriptor.\n */\nfunction addHighlight( element: ViewElement, descriptor: DowncastHighlightDescriptor, writer: ViewDowncastWriter ) {\n\tif ( descriptor.classes ) {\n\t\twriter.addClass( toArray( descriptor.classes ), element );\n\t}\n\n\tif ( descriptor.attributes ) {\n\t\tfor ( const key in descriptor.attributes ) {\n\t\t\twriter.setAttribute( key, descriptor.attributes[ key ], element );\n\t\t}\n\t}\n}\n\n/**\n * Default handler for removing a highlight from a widget.\n * It removes CSS class and attributes basing on the given highlight descriptor.\n */\nfunction removeHighlight( element: ViewElement, descriptor: DowncastHighlightDescriptor, writer: ViewDowncastWriter ) {\n\tif ( descriptor.classes ) {\n\t\twriter.removeClass( toArray( descriptor.classes ), element );\n\t}\n\n\tif ( descriptor.attributes ) {\n\t\tfor ( const key in descriptor.attributes ) {\n\t\t\twriter.removeAttribute( key, element );\n\t\t}\n\t}\n}\n\n/**\n * Sets highlight handling methods. Uses {@link module:widget/highlightstack~WidgetHighlightStack} to\n * properly determine which highlight descriptor should be used at given time.\n */\nexport function setHighlightHandling(\n\telement: ViewElement,\n\twriter: ViewDowncastWriter,\n\tadd: ( element: ViewElement, descriptor: DowncastHighlightDescriptor, writer: ViewDowncastWriter ) => void = addHighlight,\n\tremove: ( element: ViewElement, descriptor: DowncastHighlightDescriptor, writer: ViewDowncastWriter ) => void = removeHighlight\n): void {\n\tconst stack = new WidgetHighlightStack();\n\n\tstack.on<WidgetHighlightStackChangeEvent>( 'change:top', ( evt, data ) => {\n\t\tif ( data.oldDescriptor ) {\n\t\t\tremove( element, data.oldDescriptor, data.writer );\n\t\t}\n\n\t\tif ( data.newDescriptor ) {\n\t\t\tadd( element, data.newDescriptor, data.writer );\n\t\t}\n\t} );\n\n\tconst addHighlightCallback: DowncastAddHighlightCallback = ( element, descriptor, writer ) => stack.add( descriptor, writer );\n\tconst removeHighlightCallback: DowncastRemoveHighlightCallback = ( element, id, writer ) => stack.remove( id, writer );\n\n\twriter.setCustomProperty( 'addHighlight', addHighlightCallback, element );\n\twriter.setCustomProperty( 'removeHighlight', removeHighlightCallback, element );\n}\n\n/**\n * Sets label for given element.\n * It can be passed as a plain string or a function returning a string. Function will be called each time label is retrieved by\n * {@link ~getLabel `getLabel()`}.\n */\nexport function setLabel( element: ViewElement, labelOrCreator: string | ( () => string ) ): void {\n\tconst widgetLabel = element.getCustomProperty( 'widgetLabel' ) as Array<string | ( () => string )>;\n\n\twidgetLabel.push( labelOrCreator );\n}\n\n/**\n * Returns the label of the provided element.\n */\nexport function getLabel( element: ViewElement ): string {\n\tconst widgetLabel = element.getCustomProperty( 'widgetLabel' ) as Array<string | ( () => string )>;\n\n\treturn widgetLabel.reduce( ( prev: string, current: string | ( () => string ) ) => {\n\t\tif ( typeof current === 'function' ) {\n\t\t\treturn prev ? prev + '. ' + current() : current();\n\t\t} else {\n\t\t\treturn prev ? prev + '. ' + current : current;\n\t\t}\n\t}, '' );\n}\n\n/**\n * Adds functionality to the provided {@link module:engine/view/editableelement~ViewEditableElement} to act as a widget's editable:\n *\n * * sets the `contenteditable` attribute to `true` when\n * {@link module:engine/view/editableelement~ViewEditableElement#isReadOnly} is `false`,\n * otherwise sets it to `false`,\n * * adds the `ck-editor__editable` and `ck-editor__nested-editable` CSS classes,\n * * adds the `ck-editor__nested-editable_focused` CSS class when the editable is focused and removes it when it is blurred.\n * * implements the {@link ~setHighlightHandling view highlight on widget's editable}.\n * * sets the `role` attribute to `textbox` for accessibility purposes.\n *\n * Similarly to {@link ~toWidget `toWidget()`} this function should be used in `editingDowncast` only and it is usually\n * used together with {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToElement `elementToElement()`}.\n *\n * For example, in order to convert a `<nested>` model element to `<div class=\"nested\">` in the view, you can define\n * such converters:\n *\n * ```ts\n * editor.conversion.for( 'editingDowncast' )\n * \t.elementToElement( {\n * \t\tmodel: 'nested',\n * \t\tview: ( modelItem, { writer } ) => {\n * \t\t\tconst div = writer.createEditableElement( 'div', { class: 'nested' } );\n *\n * \t\t\treturn toWidgetEditable( nested, writer, { label: 'label for editable' } );\n * \t\t}\n * \t} );\n *\n * editor.conversion.for( 'dataDowncast' )\n * \t.elementToElement( {\n * \t\tmodel: 'nested',\n * \t\tview: ( modelItem, { writer } ) => {\n * \t\t\treturn writer.createContainerElement( 'div', { class: 'nested' } );\n * \t\t}\n * \t} );\n * ```\n *\n * See the full source code of the widget (with nested editable) schema definition and converters in\n * [this sample](https://github.com/ckeditor/ckeditor5-widget/blob/master/tests/manual/widget-with-nestededitable.js).\n *\n * @param options Additional options.\n * @param options.label Editable's label used by assistive technologies (e.g. screen readers).\n * @param options.withAriaRole Whether to add the role=\"textbox\" attribute on the editable. Defaults to `true`.\n * @returns Returns the same element that was provided in the `editable` parameter\n */\nexport function toWidgetEditable(\n\teditable: ViewEditableElement,\n\twriter: ViewDowncastWriter,\n\toptions: {\n\t\tlabel?: string;\n\t\twithAriaRole?: boolean;\n\t} = {}\n): ViewEditableElement {\n\twriter.addClass( [ 'ck-editor__editable', 'ck-editor__nested-editable' ], editable );\n\n\t// Set role=\"textbox\" only if explicitly requested (defaults to true for backward compatibility).\n\tif ( options.withAriaRole !== false ) {\n\t\twriter.setAttribute( 'role', 'textbox', editable );\n\t}\n\n\t// Setting tabindex=-1 on contenteditable=false makes it focusable. It propagates focus to the editable\n\t// element and makes it possible to highlight nested editables as focused. It's not what we want\n\t// for read-only editables though.\n\t// See more: https://github.com/ckeditor/ckeditor5/issues/18965\n\tif ( !editable.isReadOnly ) {\n\t\twriter.setAttribute( 'tabindex', '-1', editable );\n\t}\n\n\tif ( options.label ) {\n\t\twriter.setAttribute( 'aria-label', options.label, editable );\n\t}\n\n\t// Set initial contenteditable value.\n\twriter.setAttribute( 'contenteditable', editable.isReadOnly ? 'false' : 'true', editable );\n\n\t// Bind the contenteditable property to element#isReadOnly.\n\teditable.on<ObservableChangeEvent<boolean>>( 'change:isReadOnly', ( evt, property, isReadonly ) => {\n\t\twriter.setAttribute( 'contenteditable', isReadonly ? 'false' : 'true', editable );\n\n\t\tif ( isReadonly ) {\n\t\t\twriter.removeAttribute( 'tabindex', editable );\n\t\t} else {\n\t\t\twriter.setAttribute( 'tabindex', '-1', editable );\n\t\t}\n\t} );\n\n\teditable.on<ObservableChangeEvent<boolean>>( 'change:isFocused', ( evt, property, is ) => {\n\t\tif ( is ) {\n\t\t\twriter.addClass( 'ck-editor__nested-editable_focused', editable );\n\t\t} else {\n\t\t\twriter.removeClass( 'ck-editor__nested-editable_focused', editable );\n\t\t}\n\t} );\n\n\tsetHighlightHandling( editable, writer );\n\n\treturn editable;\n}\n\n/**\n * Returns a model range which is optimal (in terms of UX) for inserting a widget block.\n *\n * For instance, if a selection is in the middle of a paragraph, the collapsed range before this paragraph\n * will be returned so that it is not split. If the selection is at the end of a paragraph,\n * the collapsed range after this paragraph will be returned.\n *\n * Note: If the selection is placed in an empty block, the range in that block will be returned. If that range\n * is then passed to {@link module:engine/model/model~Model#insertContent}, the block will be fully replaced\n * by the inserted widget block.\n *\n * @param selection The selection based on which the insertion position should be calculated.\n * @param model Model instance.\n * @returns The optimal range.\n */\nexport function findOptimalInsertionRange(\n\tselection: ModelSelection | ModelDocumentSelection,\n\tmodel: Model\n): ModelRange {\n\tconst selectedElement = selection.getSelectedElement();\n\n\tif ( selectedElement ) {\n\t\tconst typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition( selection );\n\n\t\t// If the WidgetTypeAround \"fake caret\" is displayed, use its position for the insertion\n\t\t// to provide the most predictable UX (https://github.com/ckeditor/ckeditor5/issues/7438).\n\t\tif ( typeAroundFakeCaretPosition ) {\n\t\t\treturn model.createRange( model.createPositionAt( selectedElement, typeAroundFakeCaretPosition ) );\n\t\t}\n\t}\n\n\treturn model.schema.findOptimalInsertionRange( selection );\n}\n\n/**\n * A util to be used in order to map view positions to correct model positions when implementing a widget\n * which renders non-empty view element for an empty model element.\n *\n * For example:\n *\n * ```\n * // Model:\n * <placeholder type=\"name\"></placeholder>\n *\n * // View:\n * <span class=\"placeholder\">name</span>\n * ```\n *\n * In such case, view positions inside `<span>` cannot be correctly mapped to the model (because the model element is empty).\n * To handle mapping positions inside `<span class=\"placeholder\">` to the model use this util as follows:\n *\n * ```ts\n * editor.editing.mapper.on(\n * \t'viewToModelPosition',\n * \tviewToModelPositionOutsideModelElement( model, viewElement => viewElement.hasClass( 'placeholder' ) )\n * );\n * ```\n *\n * The callback will try to map the view offset of selection to an expected model position.\n *\n * 1. When the position is at the end (or in the middle) of the inline widget:\n *\n * ```\n * // View:\n * <p>foo <span class=\"placeholder\">name|</span> bar</p>\n *\n * // Model:\n * <paragraph>foo <placeholder type=\"name\"></placeholder>| bar</paragraph>\n * ```\n *\n * 2. When the position is at the beginning of the inline widget:\n *\n * ```\n * // View:\n * <p>foo <span class=\"placeholder\">|name</span> bar</p>\n *\n * // Model:\n * <paragraph>foo |<placeholder type=\"name\"></placeholder> bar</paragraph>\n * ```\n *\n * @param model Model instance on which the callback operates.\n * @param viewElementMatcher Function that is passed a view element and should return `true` if the custom mapping\n * should be applied to the given view element.\n */\nexport function viewToModelPositionOutsideModelElement(\n\tmodel: Model,\n\tviewElementMatcher: ( element: ViewElement ) => boolean\n): GetCallback<MapperViewToModelPositionEvent> {\n\treturn ( evt, data ) => {\n\t\tconst { mapper, viewPosition } = data;\n\n\t\tconst viewParent = mapper.findMappedViewAncestor( viewPosition );\n\n\t\tif ( !viewElementMatcher( viewParent ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modelParent = mapper.toModelElement( viewParent );\n\n\t\tdata.modelPosition = model.createPositionAt( modelParent!, viewPosition.isAtStart ? 'before' : 'after' );\n\t};\n}\n\n/**\n * Default filler offset function applied to all widget elements.\n */\nfunction getFillerOffset() {\n\treturn null;\n}\n\n/**\n * Adds a drag handle to the widget.\n */\nfunction addSelectionHandle( widgetElement: ViewContainerElement, writer: ViewDowncastWriter ) {\n\tconst selectionHandle = writer.createUIElement( 'div', { class: 'ck ck-widget__selection-handle' }, function( domDocument ) {\n\t\tconst domElement = this.toDomElement( domDocument );\n\n\t\t// Use the IconView from the ui library.\n\t\tconst icon = new IconView();\n\t\ticon.set( 'content', IconDragHandle );\n\n\t\t// Render the icon view right away to append its #element to the selectionHandle DOM element.\n\t\ticon.render();\n\n\t\tdomElement.appendChild( icon.element! );\n\n\t\treturn domElement;\n\t} );\n\n\t// Append the selection handle into the widget wrapper.\n\twriter.insert( writer.createPositionAt( widgetElement, 0 ), selectionHandle );\n\twriter.addClass( [ 'ck-widget_with-selection-handle' ], widgetElement );\n}\n\n/**\n * Starting from a DOM resize host element (an element that receives dimensions as a result of resizing),\n * this helper returns the width of the found ancestor element.\n *\n *\t* It searches up to 5 levels of ancestors only.\n *\n * @param domResizeHost Resize host DOM element that receives dimensions as a result of resizing.\n * @returns Width of ancestor element in pixels or 0 if no ancestor with a computed width has been found.\n */\nexport function calculateResizeHostAncestorWidth( domResizeHost: HTMLElement ): number {\n\tconst getElementComputedWidth = ( element: HTMLElement ) => {\n\t\tconst { width, paddingLeft, paddingRight } = element.ownerDocument.defaultView!.getComputedStyle( element! );\n\n\t\treturn parseFloat( width ) - ( parseFloat( paddingLeft ) || 0 ) - ( parseFloat( paddingRight ) || 0 );\n\t};\n\n\tconst domResizeHostParent = domResizeHost.parentElement;\n\n\tif ( !domResizeHostParent ) {\n\t\treturn 0;\n\t}\n\n\t// Need to use computed style as it properly excludes parent's paddings from the returned value.\n\tlet parentWidth = getElementComputedWidth( domResizeHostParent! );\n\n\t// Sometimes parent width cannot be accessed. If that happens we should go up in the elements tree\n\t// and try to get width from next ancestor.\n\t// https://github.com/ckeditor/ckeditor5/issues/10776\n\tconst ancestorLevelLimit = 5;\n\tlet currentLevel = 0;\n\n\tlet checkedElement = domResizeHostParent!;\n\n\twhile ( isNaN( parentWidth ) ) {\n\t\tcheckedElement = checkedElement.parentElement!;\n\n\t\tif ( ++currentLevel > ancestorLevelLimit ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tparentWidth = getElementComputedWidth( checkedElement );\n\t}\n\n\treturn parentWidth;\n}\n\n/**\n * Calculates a relative width of a `domResizeHost` compared to its ancestor in percents.\n *\n * @param domResizeHost Resize host DOM element.\n * @returns Percentage value between 0 and 100.\n */\nexport function calculateResizeHostPercentageWidth(\n\tdomResizeHost: HTMLElement,\n\tresizeHostRect: Rect = new Rect( domResizeHost )\n): number {\n\tconst parentWidth = calculateResizeHostAncestorWidth( domResizeHost );\n\n\tif ( !parentWidth ) {\n\t\treturn 0;\n\t}\n\n\treturn resizeHostRect.width / parentWidth * 100;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/widgettypearound/utils\n */\n\nimport { isWidget } from '../utils.js';\n\nimport type {\n\tModelDocumentSelection,\n\tViewDomConverter,\n\tModelElement,\n\tModelSchema,\n\tModelSelection,\n\tViewElement\n} from '@ckeditor/ckeditor5-engine';\n\n/**\n * The name of the type around model selection attribute responsible for\n * displaying a fake caret next to a selected widget.\n *\n * @internal\n */\nexport const TYPE_AROUND_SELECTION_ATTRIBUTE = 'widget-type-around';\n\n/**\n * Checks if an element is a widget that qualifies to get the widget type around UI.\n */\nexport function isTypeAroundWidget( viewElement: ViewElement | undefined, modelElement: ModelElement, schema: ModelSchema ): boolean {\n\treturn !!viewElement && isWidget( viewElement ) && !schema.isInline( modelElement );\n}\n\n/**\n * For the passed HTML element, this helper finds the closest widget type around button ancestor.\n *\n * @internal\n */\nexport function getClosestTypeAroundDomButton( domElement: HTMLElement ): HTMLElement | null {\n\treturn domElement.closest( '.ck-widget__type-around__button' );\n}\n\n/**\n * For the passed widget type around button element, this helper determines at which position\n * the paragraph would be inserted into the content if, for instance, the button was\n * clicked by the user.\n *\n * @internal\n * @returns The position of the button.\n */\nexport function getTypeAroundButtonPosition( domElement: HTMLElement ): 'before' | 'after' {\n\treturn domElement.classList.contains( 'ck-widget__type-around__button_before' ) ? 'before' : 'after';\n}\n\n/**\n * For the passed HTML element, this helper returns the closest view widget ancestor.\n *\n * @internal\n */\nexport function getClosestWidgetViewElement( domElement: HTMLElement, domConverter: ViewDomConverter ): ViewElement {\n\tconst widgetDomElement = domElement.closest( '.ck-widget' );\n\n\treturn domConverter.mapDomToView( widgetDomElement as any ) as ViewElement;\n}\n\n/**\n * For the passed selection instance, it returns the position of the fake caret displayed next to a widget.\n *\n * **Note**: If the fake caret is not currently displayed, `null` is returned.\n *\n * @internal\n * @returns The position of the fake caret or `null` when none is present.\n */\nexport function getTypeAroundFakeCaretPosition( selection: ModelSelection | ModelDocumentSelection ): 'before' | 'after' | null {\n\treturn selection.getAttribute( TYPE_AROUND_SELECTION_ATTRIBUTE ) as any;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/widgettypearound/widgettypearound\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { IconReturnArrow } from '@ckeditor/ckeditor5-icons';\nimport { Template } from '@ckeditor/ckeditor5-ui';\n\nimport {\n\tEnter,\n\ttype ViewDocumentEnterEvent\n} from '@ckeditor/ckeditor5-enter';\n\nimport {\n\tDelete,\n\ttype ViewDocumentDeleteEvent,\n\ttype ViewDocumentInsertTextEvent\n} from '@ckeditor/ckeditor5-typing';\n\nimport {\n\tenv,\n\tisForwardArrowKeyCode,\n\ttype BaseEvent,\n\ttype Emitter,\n\ttype GetCallback,\n\ttype GetCallbackOptions,\n\ttype ObservableChangeEvent,\n\ttype KeystrokeInfo\n} from '@ckeditor/ckeditor5-utils';\n\nimport type {\n\tBubblingEventInfo,\n\tModelDocumentChangeEvent,\n\tViewDocumentDomEventData,\n\tDowncastInsertEvent,\n\tDowncastSelectionEvent,\n\tViewDowncastWriter,\n\tModelElement,\n\tModelSchema,\n\tModelSelectionChangeRangeEvent,\n\tViewDocumentArrowKeyEvent,\n\tViewDocumentCompositionStartEvent,\n\tViewDocumentKeyDownEvent,\n\tViewDocumentMouseDownEvent,\n\tViewElement,\n\tModelDeleteContentEvent,\n\tModelInsertContentEvent,\n\tModelInsertObjectEvent\n} from '@ckeditor/ckeditor5-engine';\n\nimport {\n\tisTypeAroundWidget,\n\tgetClosestTypeAroundDomButton,\n\tgetTypeAroundButtonPosition,\n\tgetClosestWidgetViewElement,\n\tgetTypeAroundFakeCaretPosition,\n\tTYPE_AROUND_SELECTION_ATTRIBUTE\n} from './utils.js';\n\nimport { isWidget } from '../utils.js';\nimport { type Widget } from '../widget.js';\n\n// @if CK_DEBUG_TYPING // const { _buildLogMessage } = require( '@ckeditor/ckeditor5-engine/src/dev-utils/utils.js' );\n\nimport '../../theme/widgettypearound.css';\n\nconst POSSIBLE_INSERTION_POSITIONS = [ 'before', 'after' ] as const;\n\n// Do the SVG parsing once and then clone the result <svg> DOM element for each new button.\nconst RETURN_ARROW_ICON_ELEMENT = new DOMParser().parseFromString( IconReturnArrow, 'image/svg+xml' ).firstChild!;\n\nconst PLUGIN_DISABLED_EDITING_ROOT_CLASS = 'ck-widget__type-around_disabled';\n\n/**\n * A plugin that allows users to type around widgets where normally it is impossible to place the caret due\n * to limitations of web browsers. These \"tight spots\" occur, for instance, before (or after) a widget being\n * the first (or last) child of its parent or between two block widgets.\n *\n * This plugin extends the {@link module:widget/widget~Widget `Widget`} plugin and injects the user interface\n * with two buttons into each widget instance in the editor. Each of the buttons can be clicked by the\n * user if the widget is next to the \"tight spot\". Once clicked, a paragraph is created with the selection anchored\n * in it so that users can type (or insert content, paste, etc.) straight away.\n */\nexport class WidgetTypeAround extends Plugin {\n\t/**\n\t * A reference to the model widget element that has the fake caret active\n\t * on either side of it. It is later used to remove CSS classes associated with the fake caret\n\t * when the widget no longer needs it.\n\t */\n\tprivate _currentFakeCaretModelElement: ModelElement | null = null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'WidgetTypeAround' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Enter, Delete ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\n\t\t// Set a CSS class on the view editing root when the plugin is disabled so all the buttons\n\t\t// and lines visually disappear. All the interactions are disabled in individual plugin methods.\n\t\tthis.on<ObservableChangeEvent<boolean>>( 'change:isEnabled', ( evt, data, isEnabled ) => {\n\t\t\teditingView.change( writer => {\n\t\t\t\tfor ( const root of editingView.document.roots ) {\n\t\t\t\t\tif ( isEnabled ) {\n\t\t\t\t\t\twriter.removeClass( PLUGIN_DISABLED_EDITING_ROOT_CLASS, root );\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.addClass( PLUGIN_DISABLED_EDITING_ROOT_CLASS, root );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tif ( !isEnabled ) {\n\t\t\t\teditor.model.change( writer => {\n\t\t\t\t\twriter.removeSelectionAttribute( TYPE_AROUND_SELECTION_ATTRIBUTE );\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\tthis._enableTypeAroundUIInjection();\n\t\tthis._enableInsertingParagraphsOnButtonClick();\n\t\tthis._enableInsertingParagraphsOnEnterKeypress();\n\t\tthis._enableInsertingParagraphsOnTypingKeystroke();\n\t\tthis._enableTypeAroundFakeCaretActivationUsingKeyboardArrows();\n\t\tthis._enableDeleteIntegration();\n\t\tthis._enableInsertContentIntegration();\n\t\tthis._enableInsertObjectIntegration();\n\t\tthis._enableDeleteContentIntegration();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis._currentFakeCaretModelElement = null;\n\t}\n\n\t/**\n\t * Inserts a new paragraph next to a widget element with the selection anchored in it.\n\t *\n\t * **Note**: This method is heavily user-oriented and will both focus the editing view and scroll\n\t * the viewport to the selection in the inserted paragraph.\n\t *\n\t * @param widgetModelElement The model widget element next to which a paragraph is inserted.\n\t * @param position The position where the paragraph is inserted. Either `'before'` or `'after'` the widget.\n\t */\n\tprivate _insertParagraph( widgetModelElement: ModelElement, position: 'before' | 'after' ) {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\n\t\tconst attributesToCopy = editor.model.schema.getAttributesWithProperty( widgetModelElement, 'copyOnReplace', true );\n\n\t\teditor.execute( 'insertParagraph', {\n\t\t\tposition: editor.model.createPositionAt( widgetModelElement, position ),\n\t\t\tattributes: attributesToCopy\n\t\t} );\n\n\t\teditingView.focus();\n\t\teditingView.scrollToTheSelection();\n\t}\n\n\t/**\n\t * A wrapper for the {@link module:utils/emittermixin~Emitter#listenTo} method that executes the callbacks only\n\t * when the plugin {@link #isEnabled is enabled}.\n\t *\n\t * @param emitter The object that fires the event.\n\t * @param event The name of the event.\n\t * @param callback The function to be called on event.\n\t * @param options Additional options.\n\t */\n\tprivate _listenToIfEnabled<TEvent extends BaseEvent>(\n\t\temitter: Emitter,\n\t\tevent: TEvent[ 'name' ],\n\t\tcallback: OmitThisParameter<GetCallback<TEvent>>,\n\t\toptions?: GetCallbackOptions<TEvent>\n\t): void {\n\t\tthis.listenTo( emitter, event, ( ...args ) => {\n\t\t\t// Do not respond if the plugin is disabled.\n\t\t\tif ( this.isEnabled ) {\n\t\t\t\tcallback( ...args );\n\t\t\t}\n\t\t}, options );\n\t}\n\n\t/**\n\t * Similar to {@link #_insertParagraph}, this method inserts a paragraph except that it\n\t * does not expect a position. Instead, it performs the insertion next to a selected widget\n\t * according to the `widget-type-around` model selection attribute value (fake caret position).\n\t *\n\t * Because this method requires the `widget-type-around` attribute to be set,\n\t * the insertion can only happen when the widget's fake caret is active (e.g. activated\n\t * using the keyboard).\n\t *\n\t * @returns Returns `true` when the paragraph was inserted (the attribute was present) and `false` otherwise.\n\t */\n\tprivate _insertParagraphAccordingToFakeCaretPosition() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst modelSelection = model.document.selection;\n\t\tconst typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition( modelSelection );\n\n\t\tif ( !typeAroundFakeCaretPosition ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// @if CK_DEBUG_TYPING // if ( ( window as any ).logCKETyping ) {\n\t\t// @if CK_DEBUG_TYPING // \tconsole.info( ..._buildLogMessage( this, 'WidgetTypeAround',\n\t\t// @if CK_DEBUG_TYPING // \t\t'Fake caret -> insert paragraph',\n\t\t// @if CK_DEBUG_TYPING // \t) );\n\t\t// @if CK_DEBUG_TYPING // }\n\n\t\tconst selectedModelElement = modelSelection.getSelectedElement()!;\n\n\t\tthis._insertParagraph( selectedModelElement, typeAroundFakeCaretPosition );\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Creates a listener in the editing conversion pipeline that injects the widget type around\n\t * UI into every single widget instance created in the editor.\n\t *\n\t * The UI is delivered as a {@link module:engine/view/uielement~ViewUIElement}\n\t * wrapper which renders DOM buttons that users can use to insert paragraphs.\n\t */\n\tprivate _enableTypeAroundUIInjection() {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst t = editor.locale.t;\n\t\tconst buttonTitles = {\n\t\t\tbefore: t( 'Insert paragraph before block' ),\n\t\t\tafter: t( 'Insert paragraph after block' )\n\t\t};\n\n\t\teditor.editing.downcastDispatcher.on<DowncastInsertEvent<ModelElement>>( 'insert', ( evt, data, conversionApi ) => {\n\t\t\tconst viewElement = conversionApi.mapper.toViewElement( data.item );\n\n\t\t\tif ( !viewElement ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Filter out non-widgets and inline widgets.\n\t\t\tif ( isTypeAroundWidget( viewElement, data.item, schema ) ) {\n\t\t\t\tinjectUIIntoWidget( conversionApi.writer, buttonTitles, viewElement! );\n\n\t\t\t\tconst widgetLabel = viewElement.getCustomProperty( 'widgetLabel' ) as Array<string | ( () => string )>;\n\n\t\t\t\twidgetLabel.push( () => {\n\t\t\t\t\treturn this.isEnabled ? t( 'Press Enter to type after or press Shift + Enter to type before the widget' ) : '';\n\t\t\t\t} );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t}\n\n\t/**\n\t * Brings support for the fake caret that appears when either:\n\t *\n\t * * the selection moves to a widget from a position next to it using arrow keys,\n\t * * the arrow key is pressed when the widget is already selected.\n\t *\n\t * The fake caret lets the user know that they can start typing or just press\n\t * <kbd>Enter</kbd> to insert a paragraph at the position next to a widget as suggested by the fake caret.\n\t *\n\t * The fake caret disappears when the user changes the selection or the editor\n\t * gets blurred.\n\t *\n\t * The whole idea is as follows:\n\t *\n\t * 1. A user does one of the 2 scenarios described at the beginning.\n\t * 2. The \"keydown\" listener is executed and the decision is made whether to show or hide the fake caret.\n\t * 3. If it should show up, the `widget-type-around` model selection attribute is set indicating\n\t *    on which side of the widget it should appear.\n\t * 4. The selection dispatcher reacts to the selection attribute and sets CSS classes responsible for the\n\t *    fake caret on the view widget.\n\t * 5. If the fake caret should disappear, the selection attribute is removed and the dispatcher\n\t *    does the CSS class clean-up in the view.\n\t * 6. Additionally, `change:range` and `FocusTracker#isFocused` listeners also remove the selection\n\t *    attribute (the former also removes widget CSS classes).\n\t */\n\tprivate _enableTypeAroundFakeCaretActivationUsingKeyboardArrows() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst modelSelection = model.document.selection;\n\t\tconst schema = model.schema;\n\t\tconst editingView = editor.editing.view;\n\n\t\t// This is the main listener responsible for the fake caret.\n\t\t// Note: The priority must precede the default Widget class keydown handler (\"high\").\n\t\tthis._listenToIfEnabled<ViewDocumentArrowKeyEvent>( editingView.document, 'arrowKey', ( evt, domEventData ) => {\n\t\t\tthis._handleArrowKeyPress( evt, domEventData );\n\t\t}, { context: [ isWidget, '$text' ], priority: 'high' } );\n\n\t\t// This listener makes sure the widget type around selection attribute will be gone from the model\n\t\t// selection as soon as the model range changes. This attribute only makes sense when a widget is selected\n\t\t// (and the \"fake horizontal caret\" is visible) so whenever the range changes (e.g. selection moved somewhere else),\n\t\t// let's get rid of the attribute so that the selection downcast dispatcher isn't even bothered.\n\t\tthis._listenToIfEnabled<ModelSelectionChangeRangeEvent>( modelSelection, 'change:range', ( evt, data ) => {\n\t\t\t// Do not reset the selection attribute when the change was indirect.\n\t\t\tif ( !data.directChange ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Get rid of the widget type around attribute of the selection on every change:range.\n\t\t\t// If the range changes, it means for sure, the user is no longer in the active (\"fake horizontal caret\") mode.\n\t\t\teditor.model.change( writer => {\n\t\t\t\twriter.removeSelectionAttribute( TYPE_AROUND_SELECTION_ATTRIBUTE );\n\t\t\t} );\n\t\t} );\n\n\t\t// Get rid of the widget type around attribute of the selection on every document change\n\t\t// that makes widget not selected any more (i.e. widget was removed).\n\t\tthis._listenToIfEnabled<ModelDocumentChangeEvent>( model.document, 'change:data', () => {\n\t\t\tconst selectedModelElement = modelSelection.getSelectedElement();\n\n\t\t\tif ( selectedModelElement ) {\n\t\t\t\tconst selectedViewElement = editor.editing.mapper.toViewElement( selectedModelElement );\n\n\t\t\t\tif ( isTypeAroundWidget( selectedViewElement, selectedModelElement, schema ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\teditor.model.change( writer => {\n\t\t\t\twriter.removeSelectionAttribute( TYPE_AROUND_SELECTION_ATTRIBUTE );\n\t\t\t} );\n\t\t} );\n\n\t\t// React to changes of the model selection attribute made by the arrow keys listener.\n\t\t// If the block widget is selected and the attribute changes, downcast the attribute to special\n\t\t// CSS classes associated with the active (\"fake horizontal caret\") mode of the widget.\n\t\tthis._listenToIfEnabled<DowncastSelectionEvent>( editor.editing.downcastDispatcher, 'selection', ( evt, data, conversionApi ) => {\n\t\t\tconst writer = conversionApi.writer;\n\n\t\t\tif ( this._currentFakeCaretModelElement ) {\n\t\t\t\tconst selectedViewElement = conversionApi.mapper.toViewElement( this._currentFakeCaretModelElement );\n\n\t\t\t\tif ( selectedViewElement ) {\n\t\t\t\t\t// Get rid of CSS classes associated with the active (\"fake horizontal caret\") mode from the view widget.\n\t\t\t\t\twriter.removeClass( POSSIBLE_INSERTION_POSITIONS.map( positionToWidgetCssClass ), selectedViewElement );\n\n\t\t\t\t\tthis._currentFakeCaretModelElement = null;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst selectedModelElement = data.selection.getSelectedElement();\n\n\t\t\tif ( !selectedModelElement ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selectedViewElement = conversionApi.mapper.toViewElement( selectedModelElement );\n\n\t\t\tif ( !isTypeAroundWidget( selectedViewElement, selectedModelElement, schema ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition( data.selection );\n\n\t\t\tif ( !typeAroundFakeCaretPosition ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\twriter.addClass( positionToWidgetCssClass( typeAroundFakeCaretPosition ), selectedViewElement! );\n\n\t\t\t// Remember the view widget that got the \"fake-caret\" CSS class. This class should be removed ASAP when the\n\t\t\t// selection changes\n\t\t\tthis._currentFakeCaretModelElement = selectedModelElement;\n\t\t} );\n\n\t\tthis._listenToIfEnabled<ObservableChangeEvent<boolean>>( editor.ui.focusTracker, 'change:isFocused', ( evt, name, isFocused ) => {\n\t\t\tif ( !isFocused ) {\n\t\t\t\teditor.model.change( writer => {\n\t\t\t\t\twriter.removeSelectionAttribute( TYPE_AROUND_SELECTION_ATTRIBUTE );\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\tfunction positionToWidgetCssClass( position: 'before' | 'after' ) {\n\t\t\treturn `ck-widget_type-around_show-fake-caret_${ position }`;\n\t\t}\n\t}\n\n\t/**\n\t * A listener executed on each \"keydown\" in the view document, a part of\n\t * {@link #_enableTypeAroundFakeCaretActivationUsingKeyboardArrows}.\n\t *\n\t * It decides whether the arrow keypress should activate the fake caret or not (also whether it should\n\t * be deactivated).\n\t *\n\t * The fake caret activation is done by setting the `widget-type-around` model selection attribute\n\t * in this listener, and stopping and preventing the event that would normally be handled by the widget\n\t * plugin that is responsible for the regular keyboard navigation near/across all widgets (that\n\t * includes inline widgets, which are ignored by the widget type around plugin).\n\t */\n\tprivate _handleArrowKeyPress( evt: BubblingEventInfo<'arrowKey'>, domEventData: ViewDocumentDomEventData & KeystrokeInfo ) {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst modelSelection = model.document.selection;\n\t\tconst schema = model.schema;\n\t\tconst editingView = editor.editing.view;\n\n\t\t// Selection expanding/shrinking is handled without the fake caret by the widget plugin.\n\t\tif ( domEventData.shiftKey ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst keyCode = domEventData.keyCode;\n\t\tconst isForward = isForwardArrowKeyCode( keyCode, editor.locale.contentLanguageDirection );\n\t\tconst selectedViewElement = editingView.document.selection.getSelectedElement()!;\n\t\tconst selectedModelElement = editor.editing.mapper.toModelElement( selectedViewElement )!;\n\t\tlet shouldStopAndPreventDefault;\n\n\t\t// Handle keyboard navigation when a type-around-compatible widget is currently selected.\n\t\tif ( isTypeAroundWidget( selectedViewElement, selectedModelElement, schema ) ) {\n\t\t\tshouldStopAndPreventDefault = this._handleArrowKeyPressOnSelectedWidget( isForward );\n\t\t}\n\t\t// Handle keyboard arrow navigation when the selection is next to a type-around-compatible widget\n\t\t// and the widget is about to be selected.\n\t\telse if ( modelSelection.isCollapsed ) {\n\t\t\tshouldStopAndPreventDefault = this._handleArrowKeyPressWhenSelectionNextToAWidget( isForward );\n\t\t}\n\t\t// Handle collapsing a non-collapsed selection that is wider than on a single widget.\n\t\telse if ( !domEventData.shiftKey ) {\n\t\t\tshouldStopAndPreventDefault = this._handleArrowKeyPressWhenNonCollapsedSelection( isForward );\n\t\t}\n\n\t\tif ( shouldStopAndPreventDefault ) {\n\t\t\tdomEventData.preventDefault();\n\t\t\tevt.stop();\n\t\t}\n\t}\n\n\t/**\n\t * Handles the keyboard navigation on \"keydown\" when a widget is currently selected and activates or deactivates\n\t * the fake caret for that widget, depending on the current value of the `widget-type-around` model\n\t * selection attribute and the direction of the pressed arrow key.\n\t *\n\t * @param isForward `true` when the pressed arrow key was responsible for the forward model selection movement\n\t * as in {@link module:utils/keyboard~isForwardArrowKeyCode}.\n\t * @returns Returns `true` when the keypress was handled and no other keydown listener of the editor should\n\t * process the event any further. Returns `false` otherwise.\n\t */\n\tprivate _handleArrowKeyPressOnSelectedWidget( isForward: boolean ) {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst modelSelection = model.document.selection;\n\t\tconst typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition( modelSelection );\n\n\t\treturn model.change( writer => {\n\t\t\t// If the fake caret is displayed...\n\t\t\tif ( typeAroundFakeCaretPosition ) {\n\t\t\t\tconst isLeavingWidget = typeAroundFakeCaretPosition === ( isForward ? 'after' : 'before' );\n\n\t\t\t\t// If the keyboard arrow works against the value of the selection attribute...\n\t\t\t\t// then remove the selection attribute but prevent default DOM actions\n\t\t\t\t// and do not let the Widget plugin listener move the selection. This brings\n\t\t\t\t// the widget back to the state, for instance, like if was selected using the mouse.\n\t\t\t\t//\n\t\t\t\t// **Note**: If leaving the widget when the fake caret is active, then the default\n\t\t\t\t// Widget handler will change the selection and, in turn, this will automatically discard\n\t\t\t\t// the selection attribute.\n\t\t\t\tif ( !isLeavingWidget ) {\n\t\t\t\t\twriter.removeSelectionAttribute( TYPE_AROUND_SELECTION_ATTRIBUTE );\n\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t\t// If the fake caret wasn't displayed, let's set it now according to the direction of the arrow\n\t\t\t// key press. This also means we cannot let the Widget plugin listener move the selection.\n\t\t\telse {\n\t\t\t\twriter.setSelectionAttribute( TYPE_AROUND_SELECTION_ATTRIBUTE, isForward ? 'after' : 'before' );\n\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t} );\n\t}\n\n\t/**\n\t * Handles the keyboard navigation on \"keydown\" when **no** widget is selected but the selection is **directly** next\n\t * to one and upon the fake caret should become active for this widget upon arrow keypress\n\t * (AKA entering/selecting the widget).\n\t *\n\t * **Note**: This code mirrors the implementation from the widget plugin but also adds the selection attribute.\n\t * Unfortunately, there is no safe way to let the widget plugin do the selection part first and then just set the\n\t * selection attribute here in the widget type around plugin. This is why this code must duplicate some from the widget plugin.\n\t *\n\t * @param isForward `true` when the pressed arrow key was responsible for the forward model selection movement\n\t * as in {@link module:utils/keyboard~isForwardArrowKeyCode}.\n\t * @returns Returns `true` when the keypress was handled and no other keydown listener of the editor should\n\t * process the event any further. Returns `false` otherwise.\n\t */\n\tprivate _handleArrowKeyPressWhenSelectionNextToAWidget( isForward: boolean ) {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst schema = model.schema;\n\t\tconst widgetPlugin: Widget = editor.plugins.get( 'Widget' );\n\n\t\t// This is the widget the selection is about to be set on.\n\t\tconst modelElementNextToSelection = widgetPlugin._getObjectElementNextToSelection( isForward )!;\n\t\tconst viewElementNextToSelection = editor.editing.mapper.toViewElement( modelElementNextToSelection );\n\n\t\tif ( isTypeAroundWidget( viewElementNextToSelection, modelElementNextToSelection, schema ) ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twidgetPlugin._setSelectionOverElement( modelElementNextToSelection );\n\t\t\t\twriter.setSelectionAttribute( TYPE_AROUND_SELECTION_ATTRIBUTE, isForward ? 'before' : 'after' );\n\t\t\t} );\n\n\t\t\t// The change() block above does the same job as the Widget plugin. The event can\n\t\t\t// be safely canceled.\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Handles the keyboard navigation on \"keydown\" when a widget is currently selected (together with some other content)\n\t * and the widget is the first or last element in the selection. It activates or deactivates the fake caret for that widget.\n\t *\n\t * @param isForward `true` when the pressed arrow key was responsible for the forward model selection movement\n\t * as in {@link module:utils/keyboard~isForwardArrowKeyCode}.\n\t * @returns Returns `true` when the keypress was handled and no other keydown listener of the editor should\n\t * process the event any further. Returns `false` otherwise.\n\t */\n\tprivate _handleArrowKeyPressWhenNonCollapsedSelection( isForward: boolean ) {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst schema = model.schema;\n\t\tconst mapper = editor.editing.mapper;\n\t\tconst modelSelection = model.document.selection;\n\n\t\tconst selectedModelNode = isForward ?\n\t\t\tmodelSelection.getLastPosition()!.nodeBefore :\n\t\t\tmodelSelection.getFirstPosition()!.nodeAfter;\n\n\t\tconst selectedViewNode = mapper.toViewElement( selectedModelNode as any );\n\n\t\t// There is a widget at the collapse position so collapse the selection to the fake caret on it.\n\t\tif ( isTypeAroundWidget( selectedViewNode, selectedModelNode as any, schema ) ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setSelection( selectedModelNode!, 'on' );\n\t\t\t\twriter.setSelectionAttribute( TYPE_AROUND_SELECTION_ATTRIBUTE, isForward ? 'after' : 'before' );\n\t\t\t} );\n\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Registers a `mousedown` listener for the view document which intercepts events\n\t * coming from the widget type around UI, which happens when a user clicks one of the buttons\n\t * that insert a paragraph next to a widget.\n\t */\n\tprivate _enableInsertingParagraphsOnButtonClick() {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\n\t\tthis._listenToIfEnabled<ViewDocumentMouseDownEvent>( editingView.document, 'mousedown', ( evt, domEventData ) => {\n\t\t\tconst button = getClosestTypeAroundDomButton( domEventData.domTarget );\n\n\t\t\tif ( !button ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst buttonPosition = getTypeAroundButtonPosition( button );\n\t\t\tconst widgetViewElement = getClosestWidgetViewElement( button, editingView.domConverter );\n\t\t\tconst widgetModelElement = editor.editing.mapper.toModelElement( widgetViewElement );\n\n\t\t\tthis._insertParagraph( widgetModelElement!, buttonPosition );\n\n\t\t\tdomEventData.preventDefault();\n\t\t\tevt.stop();\n\t\t} );\n\t}\n\n\t/**\n\t * Creates the <kbd>Enter</kbd> key listener on the view document that allows the user to insert a paragraph\n\t * near the widget when either:\n\t *\n\t * * The fake caret was first activated using the arrow keys,\n\t * * The entire widget is selected in the model.\n\t *\n\t * In the first case, the new paragraph is inserted according to the `widget-type-around` selection\n\t * attribute (see {@link #_handleArrowKeyPress}).\n\t *\n\t * In the second case, the new paragraph is inserted based on whether a soft (<kbd>Shift</kbd>+<kbd>Enter</kbd>) keystroke\n\t * was pressed or not.\n\t */\n\tprivate _enableInsertingParagraphsOnEnterKeypress() {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst editingView = editor.editing.view;\n\n\t\tthis._listenToIfEnabled<ViewDocumentEnterEvent>( editingView.document, 'enter', ( evt, domEventData ) => {\n\t\t\t// This event could be triggered from inside the widget but we are interested\n\t\t\t// only when the widget is selected itself.\n\t\t\tif ( evt.eventPhase != 'atTarget' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selectedModelElement = selection.getSelectedElement()!;\n\t\t\tconst selectedViewElement = editor.editing.mapper.toViewElement( selectedModelElement );\n\n\t\t\tconst schema = editor.model.schema;\n\t\t\tlet wasHandled;\n\n\t\t\t// First check if the widget is selected and there's a type around selection attribute associated\n\t\t\t// with the fake caret that would tell where to insert a new paragraph.\n\t\t\tif ( this._insertParagraphAccordingToFakeCaretPosition() ) {\n\t\t\t\twasHandled = true;\n\t\t\t}\n\t\t\t// Then, if there is no selection attribute associated with the fake caret, check if the widget\n\t\t\t// simply is selected and create a new paragraph according to the keystroke (Shift+)Enter.\n\t\t\telse if ( isTypeAroundWidget( selectedViewElement, selectedModelElement, schema ) ) {\n\t\t\t\tthis._insertParagraph( selectedModelElement, domEventData.isSoft ? 'before' : 'after' );\n\n\t\t\t\twasHandled = true;\n\t\t\t}\n\n\t\t\tif ( wasHandled ) {\n\t\t\t\tdomEventData.preventDefault();\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { context: isWidget } );\n\t}\n\n\t/**\n\t * Similar to the {@link #_enableInsertingParagraphsOnEnterKeypress}, it allows the user\n\t * to insert a paragraph next to a widget when the fake caret was activated using arrow\n\t * keys but it responds to typing instead of <kbd>Enter</kbd>.\n\t *\n\t * Listener enabled by this method will insert a new paragraph according to the `widget-type-around`\n\t * model selection attribute as the user simply starts typing, which creates the impression that the fake caret\n\t * behaves like a real one rendered by the browser (AKA your text appears where the caret was).\n\t *\n\t * **Note**: At the moment this listener creates 2 undo steps: one for the `insertParagraph` command\n\t * and another one for actual typing. It is not a disaster but this may need to be fixed\n\t * sooner or later.\n\t */\n\tprivate _enableInsertingParagraphsOnTypingKeystroke() {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\t// Note: The priority must precede the default Input plugin insertText handler.\n\t\tthis._listenToIfEnabled<ViewDocumentInsertTextEvent>( viewDocument, 'insertText', ( evt, data ) => {\n\t\t\tif ( this._insertParagraphAccordingToFakeCaretPosition() ) {\n\t\t\t\t// The view selection in the event data contains the widget. If the new paragraph\n\t\t\t\t// was inserted, modify the view selection passed along with the insertText event\n\t\t\t\t// so the default event handler in the Input plugin starts typing inside the paragraph.\n\t\t\t\t// Otherwise, the typing would be over the widget.\n\t\t\t\tdata.selection = viewDocument.selection;\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\tif ( env.isAndroid ) {\n\t\t\t// On Android with English keyboard, the composition starts just by putting caret\n\t\t\t// at the word end or by selecting a table column. This is not a real composition started.\n\t\t\t// Trigger delete content on first composition key pressed.\n\t\t\tthis._listenToIfEnabled<ViewDocumentKeyDownEvent>( viewDocument, 'keydown', ( evt, data ) => {\n\t\t\t\tif ( data.keyCode == 229 ) {\n\t\t\t\t\tthis._insertParagraphAccordingToFakeCaretPosition();\n\t\t\t\t}\n\t\t\t} );\n\t\t} else {\n\t\t\t// Note: The priority must precede the default Input plugin compositionstart handler (to call it before delete content).\n\t\t\tthis._listenToIfEnabled<ViewDocumentCompositionStartEvent>( viewDocument, 'compositionstart', () => {\n\t\t\t\tthis._insertParagraphAccordingToFakeCaretPosition();\n\t\t\t}, { priority: 'highest' } );\n\t\t}\n\t}\n\n\t/**\n\t * It creates a \"delete\" event listener on the view document to handle cases when the <kbd>Delete</kbd> or <kbd>Backspace</kbd>\n\t * is pressed and the fake caret is currently active.\n\t *\n\t * The fake caret should create an illusion of a real browser caret so that when it appears before or after\n\t * a widget, pressing <kbd>Delete</kbd> or <kbd>Backspace</kbd> should remove a widget or delete the content\n\t * before or after a widget (depending on the content surrounding the widget).\n\t */\n\tprivate _enableDeleteIntegration() {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst model = editor.model;\n\t\tconst schema = model.schema;\n\n\t\tthis._listenToIfEnabled<ViewDocumentDeleteEvent>( editingView.document, 'delete', ( evt, domEventData ) => {\n\t\t\t// This event could be triggered from inside the widget but we are interested\n\t\t\t// only when the widget is selected itself.\n\t\t\tif ( evt.eventPhase != 'atTarget' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition( model.document.selection );\n\n\t\t\t// This listener handles only these cases when the fake caret is active.\n\t\t\tif ( !typeAroundFakeCaretPosition ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst direction = domEventData.direction;\n\t\t\tconst selectedModelWidget = model.document.selection.getSelectedElement();\n\n\t\t\tconst isFakeCaretBefore = typeAroundFakeCaretPosition === 'before';\n\t\t\tconst isDeleteForward = direction == 'forward';\n\t\t\tconst shouldDeleteEntireWidget = isFakeCaretBefore === isDeleteForward;\n\n\t\t\tif ( shouldDeleteEntireWidget ) {\n\t\t\t\teditor.execute( 'delete', {\n\t\t\t\t\tselection: model.createSelection( selectedModelWidget!, 'on' )\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tconst range = schema.getNearestSelectionRange(\n\t\t\t\t\tmodel.createPositionAt( selectedModelWidget!, typeAroundFakeCaretPosition ),\n\t\t\t\t\tdirection\n\t\t\t\t);\n\n\t\t\t\t// If there is somewhere to move selection to, then there will be something to delete.\n\t\t\t\tif ( range ) {\n\t\t\t\t\t// If the range is NOT collapsed, then we know that the range contains an object (see getNearestSelectionRange() docs).\n\t\t\t\t\tif ( !range.isCollapsed ) {\n\t\t\t\t\t\tmodel.change( writer => {\n\t\t\t\t\t\t\twriter.setSelection( range );\n\t\t\t\t\t\t\teditor.execute( isDeleteForward ? 'deleteForward' : 'delete' );\n\t\t\t\t\t\t} );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst probe = model.createSelection( range.start );\n\t\t\t\t\t\tmodel.modifySelection( probe, { direction } );\n\n\t\t\t\t\t\t// If the range is collapsed, let's see if a non-collapsed range exists that can could be deleted.\n\t\t\t\t\t\t// If such range exists, use the editor command because it it safe for collaboration (it merges where it can).\n\t\t\t\t\t\tif ( !probe.focus!.isEqual( range.start ) ) {\n\t\t\t\t\t\t\tmodel.change( writer => {\n\t\t\t\t\t\t\t\twriter.setSelection( range );\n\t\t\t\t\t\t\t\teditor.execute( isDeleteForward ? 'deleteForward' : 'delete' );\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// If there is no non-collapsed range to be deleted then we are sure that there is an empty element\n\t\t\t\t\t\t// next to a widget that should be removed. \"delete\" and \"deleteForward\" commands cannot get rid of it\n\t\t\t\t\t\t// so calling Model#deleteContent here manually.\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tconst deepestEmptyRangeAncestor = getDeepestEmptyElementAncestor( schema, range.start.parent as ModelElement );\n\n\t\t\t\t\t\t\tmodel.deleteContent( model.createSelection( deepestEmptyRangeAncestor, 'on' ), {\n\t\t\t\t\t\t\t\tdoNotAutoparagraph: true\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// If some content was deleted, don't let the handler from the Widget plugin kick in.\n\t\t\t// If nothing was deleted, then the default handler will have nothing to do anyway.\n\t\t\tdomEventData.preventDefault();\n\t\t\tevt.stop();\n\t\t}, { context: isWidget } );\n\t}\n\n\t/**\n\t * Attaches the {@link module:engine/model/model~Model#event:insertContent} event listener that, for instance, allows the user to paste\n\t * content near a widget when the fake caret is first activated using the arrow keys.\n\t *\n\t * The content is inserted according to the `widget-type-around` selection attribute (see {@link #_handleArrowKeyPress}).\n\t */\n\tprivate _enableInsertContentIntegration() {\n\t\tconst editor = this.editor;\n\t\tconst model = this.editor.model;\n\t\tconst documentSelection = model.document.selection;\n\n\t\tthis._listenToIfEnabled<ModelInsertContentEvent>( editor.model, 'insertContent', ( evt, [ content, selectable ] ) => {\n\t\t\tif ( selectable && !( selectable as any ).is( 'documentSelection' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition( documentSelection );\n\n\t\t\tif ( !typeAroundFakeCaretPosition ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevt.stop();\n\n\t\t\treturn model.change( writer => {\n\t\t\t\tconst selectedElement = documentSelection.getSelectedElement();\n\t\t\t\tconst position = model.createPositionAt( selectedElement!, typeAroundFakeCaretPosition );\n\t\t\t\tconst selection = writer.createSelection( position );\n\n\t\t\t\tconst result = model.insertContent( content, selection );\n\n\t\t\t\twriter.setSelection( selection );\n\n\t\t\t\treturn result;\n\t\t\t} );\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Attaches the {@link module:engine/model/model~Model#event:insertObject} event listener that modifies the\n\t * `options.findOptimalPosition`parameter to position of fake caret in relation to selected element\n\t * to reflect user's intent of desired insertion position.\n\t *\n\t * The object is inserted according to the `widget-type-around` selection attribute (see {@link #_handleArrowKeyPress}).\n\t */\n\tprivate _enableInsertObjectIntegration() {\n\t\tconst editor = this.editor;\n\t\tconst model = this.editor.model;\n\t\tconst documentSelection = model.document.selection;\n\n\t\tthis._listenToIfEnabled<ModelInsertObjectEvent>( editor.model, 'insertObject', ( evt, args ) => {\n\t\t\tconst [ , selectable, options = {} ] = args;\n\n\t\t\tif ( selectable && !( selectable as any ).is( 'documentSelection' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition( documentSelection );\n\n\t\t\tif ( !typeAroundFakeCaretPosition ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\toptions.findOptimalPosition = typeAroundFakeCaretPosition;\n\t\t\targs[ 3 ] = options;\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Attaches the {@link module:engine/model/model~Model#event:deleteContent} event listener to block the event when the fake\n\t * caret is active.\n\t *\n\t * This is required for cases that trigger {@link module:engine/model/model~Model#deleteContent `model.deleteContent()`}\n\t * before calling {@link module:engine/model/model~Model#insertContent `model.insertContent()`} like, for instance,\n\t * plain text pasting.\n\t */\n\tprivate _enableDeleteContentIntegration() {\n\t\tconst editor = this.editor;\n\t\tconst model = this.editor.model;\n\t\tconst documentSelection = model.document.selection;\n\n\t\tthis._listenToIfEnabled<ModelDeleteContentEvent>( editor.model, 'deleteContent', ( evt, [ selection ] ) => {\n\t\t\tif ( selection && !selection.is( 'documentSelection' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition( documentSelection );\n\n\t\t\t// Disable removing the selection content while pasting plain text.\n\t\t\tif ( typeAroundFakeCaretPosition ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n}\n\n/**\n * Injects the type around UI into a view widget instance.\n */\nfunction injectUIIntoWidget(\n\tviewWriter: ViewDowncastWriter,\n\tbuttonTitles: { before: string; after: string },\n\twidgetViewElement: ViewElement ) {\n\tconst typeAroundWrapper = viewWriter.createUIElement( 'div', {\n\t\tclass: 'ck ck-reset_all ck-widget__type-around'\n\t}, function( domDocument ) {\n\t\tconst wrapperDomElement = this.toDomElement( domDocument );\n\n\t\tinjectButtons( wrapperDomElement, buttonTitles );\n\t\tinjectFakeCaret( wrapperDomElement );\n\n\t\treturn wrapperDomElement;\n\t} );\n\n\t// Inject the type around wrapper into the widget's wrapper.\n\tviewWriter.insert( viewWriter.createPositionAt( widgetViewElement, 'end' ), typeAroundWrapper );\n}\n\n/**\n * FYI: Not using the IconView class because each instance would need to be destroyed to avoid memory leaks\n * and it's pretty hard to figure out when a view (widget) is gone for good so it's cheaper to use raw\n * <svg> here.\n */\nfunction injectButtons( wrapperDomElement: HTMLElement, buttonTitles: { before: string; after: string } ) {\n\tfor ( const position of POSSIBLE_INSERTION_POSITIONS ) {\n\t\tconst buttonTemplate = new Template( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-widget__type-around__button',\n\t\t\t\t\t`ck-widget__type-around__button_${ position }`\n\t\t\t\t],\n\t\t\t\ttitle: buttonTitles[ position ],\n\t\t\t\t'aria-hidden': 'true'\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\twrapperDomElement.ownerDocument.importNode( RETURN_ARROW_ICON_ELEMENT, true )\n\t\t\t]\n\t\t} );\n\n\t\twrapperDomElement.appendChild( buttonTemplate.render() );\n\t}\n}\n\nfunction injectFakeCaret( wrapperDomElement: HTMLElement ) {\n\tconst caretTemplate = new Template( {\n\t\ttag: 'div',\n\t\tattributes: {\n\t\t\tclass: [\n\t\t\t\t'ck',\n\t\t\t\t'ck-widget__type-around__fake-caret'\n\t\t\t]\n\t\t}\n\t} );\n\n\twrapperDomElement.appendChild( caretTemplate.render() );\n}\n\n/**\n * Returns the ancestor of an element closest to the root which is empty. For instance,\n * for `<baz>`:\n *\n * ```\n * <foo>abc<bar><baz></baz></bar></foo>\n * ```\n *\n * it returns `<bar>`.\n */\nfunction getDeepestEmptyElementAncestor( schema: ModelSchema, element: ModelElement ) {\n\tlet deepestEmptyAncestor = element;\n\n\tfor ( const ancestor of element.getAncestors( { parentFirst: true } ) ) {\n\t\tif ( ( ancestor as any ).childCount > 1 || schema.isLimit( ancestor ) ) {\n\t\t\tbreak;\n\t\t}\n\n\t\tdeepestEmptyAncestor = ancestor as ModelElement;\n\t}\n\n\treturn deepestEmptyAncestor;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/verticalnavigation\n */\n\nimport {\n\tkeyCodes,\n\tRect,\n\ttype GetCallback\n} from '@ckeditor/ckeditor5-utils';\n\nimport type {\n\tModelDocumentSelection,\n\tEditingController,\n\tModel,\n\tModelPosition,\n\tModelRange,\n\tModelSchema,\n\tModelSelection,\n\tViewDocumentArrowKeyEvent\n} from '@ckeditor/ckeditor5-engine';\n\n/**\n * Returns 'keydown' handler for up/down arrow keys that modifies the caret movement if it's in a text line next to an object.\n *\n * @param editing The editing controller.\n */\nexport function verticalWidgetNavigationHandler(\n\tediting: EditingController\n): GetCallback<ViewDocumentArrowKeyEvent> {\n\tconst model = editing.model;\n\n\treturn ( evt, data ) => {\n\t\tconst arrowUpPressed = data.keyCode == keyCodes.arrowup;\n\t\tconst arrowDownPressed = data.keyCode == keyCodes.arrowdown;\n\t\tconst expandSelection = data.shiftKey;\n\t\tconst selection = model.document.selection;\n\n\t\tif ( !arrowUpPressed && !arrowDownPressed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isForward = arrowDownPressed;\n\n\t\t// Find a range between selection and closest limit element.\n\t\tconst range = findTextRangeFromSelection( editing, selection, isForward );\n\n\t\t// There is no selection position inside the limit element.\n\t\tif ( !range ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If already at the edge of a limit element.\n\t\tif ( range.isCollapsed ) {\n\t\t\t// A collapsed selection at limit edge - nothing more to do.\n\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// A non collapsed selection is at the limit edge while expanding the selection - let others do their stuff.\n\t\t\telse if ( expandSelection ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\t// If the range is a single line (there is no word wrapping) then move the selection to the position closest to the limit element.\n\t\t//\n\t\t// We can't move the selection directly to the isObject element (eg. table cell) because of dual position at the end/beginning\n\t\t// of wrapped line (it's at the same time at the end of one line and at the start of the next line).\n\t\tif ( range.isCollapsed || isSingleLineRange( editing, range, isForward ) ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\tconst newPosition = isForward ? range.end : range.start;\n\n\t\t\t\tif ( expandSelection ) {\n\t\t\t\t\tconst newSelection = model.createSelection( selection.anchor );\n\t\t\t\t\tnewSelection.setFocus( newPosition );\n\n\t\t\t\t\twriter.setSelection( newSelection );\n\t\t\t\t} else {\n\t\t\t\t\twriter.setSelection( newPosition );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tevt.stop();\n\t\t\tdata.preventDefault();\n\t\t\tdata.stopPropagation();\n\t\t}\n\t};\n}\n\n/**\n * Finds the range between selection and closest limit element (in the direction of navigation).\n * The position next to limit element is adjusted to the closest allowed `$text` position.\n *\n * Returns `null` if, according to the schema, the resulting range cannot contain a `$text` element.\n *\n * @param editing The editing controller.\n * @param selection The current selection.\n * @param isForward The expected navigation direction.\n */\nfunction findTextRangeFromSelection( editing: EditingController, selection: ModelSelection | ModelDocumentSelection, isForward: boolean ) {\n\tconst model = editing.model;\n\n\tif ( isForward ) {\n\t\tconst startPosition = selection.focus!;\n\t\tconst endPosition = getNearestNonInlineLimit( model, startPosition, 'forward' );\n\n\t\t// There is no limit element, browser should handle this.\n\t\tif ( !endPosition ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst range = model.createRange( startPosition, endPosition );\n\t\tconst lastRangePosition = getNearestTextPosition( model.schema, range, 'backward' );\n\n\t\tif ( lastRangePosition ) {\n\t\t\treturn model.createRange( startPosition, lastRangePosition );\n\t\t}\n\t} else {\n\t\tconst endPosition = selection.focus!;\n\t\tconst startPosition = getNearestNonInlineLimit( model, endPosition, 'backward' );\n\n\t\t// There is no limit element, browser should handle this.\n\t\tif ( !startPosition ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst range = model.createRange( startPosition, endPosition );\n\t\tconst firstRangePosition = getNearestTextPosition( model.schema, range, 'forward' );\n\n\t\tif ( firstRangePosition ) {\n\t\t\treturn model.createRange( firstRangePosition, endPosition );\n\t\t}\n\t}\n}\n\n/**\n * Finds the limit element position that is closest to startPosition.\n *\n * @param direction Search direction.\n */\nfunction getNearestNonInlineLimit( model: Model, startPosition: ModelPosition, direction: 'forward' | 'backward' ) {\n\tconst schema = model.schema;\n\tconst range = model.createRangeIn( startPosition.root );\n\n\tconst walkerValueType = direction == 'forward' ? 'elementStart' : 'elementEnd';\n\n\tfor ( const { previousPosition, item, type } of range.getWalker( { startPosition, direction } ) ) {\n\t\tif ( schema.isLimit( item ) && !schema.isInline( item ) ) {\n\t\t\treturn previousPosition;\n\t\t}\n\n\t\t// Stop looking for isLimit element if the next element is a block element (it is for sure not single line).\n\t\tif ( type == walkerValueType && schema.isBlock( item ) ) {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\treturn null;\n}\n\n/**\n * Basing on the provided range, finds the first or last (depending on `direction`) position inside the range\n * that can contain `$text` (according to schema).\n *\n * @param schema The schema.\n * @param range The range to find the position in.\n * @param direction Search direction.\n * @returns The nearest selection position.\n *\n */\nfunction getNearestTextPosition( schema: ModelSchema, range: ModelRange, direction: 'forward' | 'backward' ) {\n\tconst position = direction == 'backward' ? range.end : range.start;\n\n\tif ( schema.checkChild( position, '$text' ) ) {\n\t\treturn position;\n\t}\n\n\tfor ( const { nextPosition } of range.getWalker( { direction } ) ) {\n\t\tif ( schema.checkChild( nextPosition, '$text' ) ) {\n\t\t\treturn nextPosition;\n\t\t}\n\t}\n}\n\n/**\n * Checks if the DOM range corresponding to the provided model range renders as a single line by analyzing DOMRects\n * (verifying if they visually wrap content to the next line).\n *\n * @param editing The editing controller.\n * @param modelRange The current table cell content range.\n * @param isForward The expected navigation direction.\n */\nfunction isSingleLineRange( editing: EditingController, modelRange: ModelRange, isForward: boolean ) {\n\tconst model = editing.model;\n\tconst domConverter = editing.view.domConverter;\n\n\t// Wrapped lines contain exactly the same position at the end of current line\n\t// and at the beginning of next line. That position's client rect is at the end\n\t// of current line. In case of caret at first position of the last line that 'dual'\n\t// position would be detected as it's not the last line.\n\tif ( isForward ) {\n\t\tconst probe = model.createSelection( modelRange.start );\n\n\t\tmodel.modifySelection( probe );\n\n\t\t// If the new position is at the end of the container then we can't use this position\n\t\t// because it would provide incorrect result for eg caption of image and selection\n\t\t// just before end of it. Also in this case there is no \"dual\" position.\n\t\tif ( !probe.focus!.isAtEnd && !modelRange.start.isEqual( probe.focus! ) ) {\n\t\t\tmodelRange = model.createRange( probe.focus!, modelRange.end );\n\t\t}\n\t}\n\n\tconst viewRange = editing.mapper.toViewRange( modelRange );\n\tconst domRange = domConverter.viewRangeToDom( viewRange );\n\tconst rects = Rect.getDomRangeRects( domRange );\n\n\tlet boundaryVerticalPosition;\n\n\tfor ( const rect of rects ) {\n\t\tif ( boundaryVerticalPosition === undefined ) {\n\t\t\tboundaryVerticalPosition = Math.round( rect.bottom );\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Let's check if this rect is in new line.\n\t\tif ( Math.round( rect.top ) >= boundaryVerticalPosition ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tboundaryVerticalPosition = Math.max( boundaryVerticalPosition, Math.round( rect.bottom ) );\n\t}\n\n\treturn true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/widget\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\n\nimport {\n\tPointerObserver,\n\tMouseObserver,\n\tModelTreeWalker,\n\ttype ViewDocumentDomEventData,\n\ttype DowncastSelectionEvent,\n\ttype ViewDowncastWriter,\n\ttype ModelElement,\n\ttype ModelNode,\n\ttype ViewDocumentArrowKeyEvent,\n\ttype ViewDocumentPointerDownEvent,\n\ttype ViewDocumentMouseDownEvent,\n\ttype ViewElement,\n\ttype ModelSchema,\n\ttype ModelPosition,\n\ttype EditingView,\n\ttype ViewDocumentTabEvent,\n\ttype ViewDocumentKeyDownEvent,\n\ttype ViewNode,\n\ttype ViewRange,\n\ttype ViewPosition,\n\ttype ModelRange,\n\ttype Model,\n\ttype ModelSelection,\n\ttype ModelDocumentSelection\n} from '@ckeditor/ckeditor5-engine';\n\nimport { Delete, type ViewDocumentDeleteEvent } from '@ckeditor/ckeditor5-typing';\n\nimport {\n\tenv,\n\tkeyCodes,\n\tgetLocalizedArrowKeyCodeDirection,\n\tgetRangeFromMouseEvent,\n\tcompareArrays,\n\ttype EventInfo,\n\ttype KeystrokeInfo\n} from '@ckeditor/ckeditor5-utils';\n\nimport { WidgetTypeAround } from './widgettypearound/widgettypearound.js';\nimport { getTypeAroundFakeCaretPosition } from './widgettypearound/utils.js';\nimport { verticalWidgetNavigationHandler } from './verticalnavigation.js';\nimport { getLabel, isWidget, WIDGET_SELECTED_CLASS_NAME } from './utils.js';\n\nimport '../theme/widget.css';\n\n/**\n * The widget plugin. It enables base support for widgets.\n *\n * See {@glink api/widget package page} for more details and documentation.\n *\n * This plugin enables multiple behaviors required by widgets:\n *\n * * The model to view selection converter for the editing pipeline (it handles widget custom selection rendering).\n * If a converted selection wraps around a widget element, that selection is marked as\n * {@link module:engine/view/selection~ViewSelection#isFake fake}. Additionally, the `ck-widget_selected` CSS class\n * is added to indicate that widget has been selected.\n * * The mouse and keyboard events handling on and around widget elements.\n */\nexport class Widget extends Plugin {\n\t/**\n\t * Holds previously selected widgets.\n\t */\n\tprivate _previouslySelected = new Set<ViewElement>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Widget' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ WidgetTypeAround, Delete ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst t = editor.t;\n\n\t\t// Model to view selection converter.\n\t\t// Converts selection placed over widget element to fake selection.\n\t\t//\n\t\t// By default, the selection is downcasted by the engine to surround the attribute element, even though its only\n\t\t// child is an inline widget. A similar thing also happens when a collapsed marker is rendered as a UI element\n\t\t// next to an inline widget: the view selection contains both the widget and the marker.\n\t\t//\n\t\t// This prevents creating a correct fake selection when this inline widget is selected. Normalize the selection\n\t\t// in these cases based on the model:\n\t\t//\n\t\t//\t\t[<attributeElement><inlineWidget /></attributeElement>] -> <attributeElement>[<inlineWidget />]</attributeElement>\n\t\t//\t\t[<uiElement></uiElement><inlineWidget />] -> <uiElement></uiElement>[<inlineWidget />]\n\t\t//\n\t\t// Thanks to this:\n\t\t//\n\t\t// * fake selection can be set correctly,\n\t\t// * any logic depending on (View)Selection#getSelectedElement() also works OK.\n\t\t//\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/9524.\n\t\tthis.editor.editing.downcastDispatcher.on<DowncastSelectionEvent>( 'selection', ( evt, data, conversionApi ) => {\n\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\tconst modelSelection = data.selection;\n\n\t\t\t// The collapsed selection can't contain any widget.\n\t\t\tif ( modelSelection.isCollapsed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selectedModelElement = modelSelection.getSelectedElement();\n\n\t\t\tif ( !selectedModelElement ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selectedViewElement = editor.editing.mapper.toViewElement( selectedModelElement )!;\n\n\t\t\tif ( !isWidget( selectedViewElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !conversionApi.consumable.consume( modelSelection, 'selection' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tviewWriter.setSelection( viewWriter.createRangeOn( selectedViewElement ), {\n\t\t\t\tfake: true,\n\t\t\t\tlabel: getLabel( selectedViewElement )\n\t\t\t} );\n\t\t} );\n\n\t\t// Mark all widgets inside the selection with the css class.\n\t\t// This handler is registered at the 'low' priority so it's triggered after the real selection conversion.\n\t\tthis.editor.editing.downcastDispatcher.on<DowncastSelectionEvent>( 'selection', ( evt, data, conversionApi ) => {\n\t\t\t// Remove selected class from previously selected widgets.\n\t\t\tthis._clearPreviouslySelectedWidgets( conversionApi.writer );\n\n\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\tconst viewSelection = viewWriter.document.selection;\n\n\t\t\tlet lastMarked = null;\n\n\t\t\tfor ( const range of viewSelection.getRanges() ) {\n\t\t\t\t// Note: There could be multiple selected widgets in a range but no fake selection.\n\t\t\t\t// All of them must be marked as selected, for instance [<widget></widget><widget></widget>]\n\t\t\t\tfor ( const value of range ) {\n\t\t\t\t\tconst node = value.item as ViewElement;\n\t\t\t\t\t// Do not mark nested widgets in selected one. See: #4594\n\t\t\t\t\tif ( isWidget( node ) && !isChild( node, lastMarked ) ) {\n\t\t\t\t\t\tviewWriter.addClass( WIDGET_SELECTED_CLASS_NAME, node );\n\t\t\t\t\t\tthis._previouslySelected.add( node );\n\t\t\t\t\t\tlastMarked = node;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\n\t\t// If mouse down is pressed on widget - create selection over whole widget.\n\t\tview.addObserver( MouseObserver );\n\t\tview.addObserver( PointerObserver );\n\t\tthis.listenTo<ViewDocumentMouseDownEvent>( viewDocument, 'mousedown', ( ...args ) => this._onMousedown( ...args ) );\n\t\tthis.listenTo<ViewDocumentPointerDownEvent>( viewDocument, 'pointerdown', ( ...args ) => this._onPointerdown( ...args ) );\n\n\t\t// There are two keydown listeners working on different priorities. This allows other\n\t\t// features such as WidgetTypeAround or TableKeyboard to attach their listeners in between\n\t\t// and customize the behavior even further in different content/selection scenarios.\n\t\t//\n\t\t// * The first listener handles changing the selection on arrow key press\n\t\t// if the widget is selected or if the selection is next to a widget and the widget\n\t\t// should become selected upon the arrow key press.\n\t\t//\n\t\t// * The second (late) listener makes sure the default browser action on arrow key press is\n\t\t// prevented when a widget is selected. This prevents the selection from being moved\n\t\t// from a fake selection container.\n\t\tthis.listenTo<ViewDocumentArrowKeyEvent>( viewDocument, 'arrowKey', ( ...args ) => {\n\t\t\tthis._handleSelectionChangeOnArrowKeyPress( ...args );\n\t\t}, { context: [ isWidget, '$text' ] } );\n\n\t\tthis.listenTo<ViewDocumentArrowKeyEvent>( viewDocument, 'arrowKey', ( ...args ) => {\n\t\t\tthis._preventDefaultOnArrowKeyPress( ...args );\n\t\t}, { context: '$root' } );\n\n\t\tthis.listenTo<ViewDocumentArrowKeyEvent>(\n\t\t\tviewDocument,\n\t\t\t'arrowKey',\n\t\t\tverticalWidgetNavigationHandler( this.editor.editing ),\n\t\t\t{ context: '$text' }\n\t\t);\n\n\t\t// Handle custom delete behaviour.\n\t\tthis.listenTo<ViewDocumentDeleteEvent>( viewDocument, 'delete', ( evt, data ) => {\n\t\t\tif ( this._handleDelete( data.direction == 'forward' ) ) {\n\t\t\t\tdata.preventDefault();\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { context: '$root' } );\n\n\t\t// Handle Tab/Shift+Tab key.\n\t\tthis.listenTo<ViewDocumentTabEvent>( viewDocument, 'tab', ( evt, data ) => {\n\t\t\tif ( this._selectNextEditable( data.shiftKey ? 'backward' : 'forward' ) ) {\n\t\t\t\tview.scrollToTheSelection();\n\t\t\t\tdata.preventDefault();\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, {\n\t\t\tcontext: node => isWidget( node ) || node.is( 'editableElement' ),\n\t\t\tpriority: 'low'\n\t\t} );\n\n\t\t// Handle Esc key while inside a nested editable.\n\t\tthis.listenTo<ViewDocumentKeyDownEvent>( viewDocument, 'keydown', ( evt, data ) => {\n\t\t\tif ( data.keystroke != keyCodes.esc ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( this._selectAncestorWidget() ) {\n\t\t\t\tdata.preventDefault();\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, {\n\t\t\tcontext: node => node.is( 'editableElement' ),\n\t\t\tpriority: 'low'\n\t\t} );\n\n\t\t// Add the information about the keystrokes to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfoGroup( {\n\t\t\tid: 'widget',\n\t\t\tlabel: t( 'Keystrokes that can be used when a widget is selected (for example: image, table, etc.)' ),\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Move focus from an editable area back to the parent widget' ),\n\t\t\t\t\tkeystroke: 'Esc'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Insert a new paragraph directly after a widget' ),\n\t\t\t\t\tkeystroke: 'Enter'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Insert a new paragraph directly before a widget' ),\n\t\t\t\t\tkeystroke: 'Shift+Enter'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Move the caret to allow typing directly before a widget' ),\n\t\t\t\t\tkeystroke: [ [ 'arrowup' ], [ 'arrowleft' ] ]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Move the caret to allow typing directly after a widget' ),\n\t\t\t\t\tkeystroke: [ [ 'arrowdown' ], [ 'arrowright' ] ]\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:mousedown mousedown} events on widget elements.\n\t */\n\tprivate _onMousedown( eventInfo: EventInfo, domEventData: ViewDocumentDomEventData<MouseEvent> ) {\n\t\tconst element: ViewElement | null = domEventData.target;\n\n\t\t// Some of DOM elements have no view element representation so it may be null.\n\t\tif ( !element ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If triple click should select entire paragraph.\n\t\tif ( domEventData.domEvent.detail >= 3 ) {\n\t\t\tif ( this._selectBlockContent( element ) ) {\n\t\t\t\tdomEventData.preventDefault();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:pointerdown pointerdown} events on widget elements.\n\t */\n\tprivate _onPointerdown( eventInfo: EventInfo, domEventData: ViewDocumentDomEventData<PointerEvent> ) {\n\t\tif ( !domEventData.domEvent.isPrimary ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tlet element: ViewElement | null = domEventData.target;\n\n\t\t// Some of DOM elements have no view element representation so it may be null.\n\t\tif ( !element ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If target is not a widget element - check if one of the ancestors is.\n\t\tif ( !isWidget( element ) ) {\n\t\t\tconst editableOrWidgetElement = findClosestEditableOrWidgetAncestor( element );\n\n\t\t\tif ( !editableOrWidgetElement ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( isWidget( editableOrWidgetElement ) ) {\n\t\t\t\telement = editableOrWidgetElement;\n\t\t\t} else {\n\t\t\t\t// Pick view range from the point where the mouse was clicked.\n\t\t\t\tconst clickTargetFromPoint = getElementFromMouseEvent( view, domEventData );\n\n\t\t\t\tif ( clickTargetFromPoint && isWidget( clickTargetFromPoint ) ) {\n\t\t\t\t\telement = clickTargetFromPoint;\n\t\t\t\t} else {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// On Android and iOS selection would jump to the first table cell, on other devices\n\t\t// we can't block it (and don't need to) because of drag and drop support.\n\t\t// In iOS drag and drop works anyway on a long press.\n\t\tif ( env.isAndroid || env.isiOS ) {\n\t\t\tdomEventData.preventDefault();\n\t\t}\n\n\t\t// Focus editor if is not focused already.\n\t\tif ( !viewDocument.isFocused ) {\n\t\t\tview.focus();\n\t\t}\n\n\t\t// Create model selection over widget.\n\t\tconst modelElement = editor.editing.mapper.toModelElement( element );\n\n\t\tthis._setSelectionOverElement( modelElement! );\n\t}\n\n\t/**\n\t * Selects entire block content, e.g. on triple click it selects entire paragraph.\n\t */\n\tprivate _selectBlockContent( element: ViewElement ): boolean {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst mapper = editor.editing.mapper;\n\t\tconst schema = model.schema;\n\n\t\tconst viewElement = mapper.findMappedViewAncestor( this.editor.editing.view.createPositionAt( element, 0 ) );\n\t\tconst modelElement = findTextBlockAncestor( mapper.toModelElement( viewElement )!, model.schema );\n\n\t\tif ( !modelElement ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tconst nextTextBlock = !schema.isLimit( modelElement ) ?\n\t\t\t\tfindNextTextBlock( writer.createPositionAfter( modelElement ), schema ) :\n\t\t\t\tnull;\n\n\t\t\tconst start = writer.createPositionAt( modelElement, 0 );\n\t\t\tconst end = nextTextBlock ?\n\t\t\t\twriter.createPositionAt( nextTextBlock, 0 ) :\n\t\t\t\twriter.createPositionAt( modelElement, 'end' );\n\n\t\t\twriter.setSelection( writer.createRange( start, end ) );\n\t\t} );\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and changes\n\t * the model selection when:\n\t *\n\t * * arrow key is pressed when the widget is selected,\n\t * * the selection is next to a widget and the widget should become selected upon the arrow key press.\n\t *\n\t * See {@link #_preventDefaultOnArrowKeyPress}.\n\t */\n\tprivate _handleSelectionChangeOnArrowKeyPress( eventInfo: EventInfo, domEventData: ViewDocumentDomEventData & KeystrokeInfo ) {\n\t\tconst keyCode = domEventData.keyCode;\n\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst modelSelection = model.document.selection;\n\t\tconst selectedElement = modelSelection.getSelectedElement();\n\t\tconst direction = getLocalizedArrowKeyCodeDirection( keyCode, this.editor.locale.contentLanguageDirection );\n\t\tconst isForward = direction == 'down' || direction == 'right';\n\t\tconst isVerticalNavigation = direction == 'up' || direction == 'down';\n\n\t\t// Collapsing a non-collapsed selection.\n\t\tif ( !domEventData.shiftKey && !modelSelection.isCollapsed ) {\n\t\t\t// If object element is selected or object is at the edge of selection.\n\t\t\tif ( hasObjectAtEdge( modelSelection, schema ) ) {\n\t\t\t\tconst position = isForward ? modelSelection.getLastPosition()! : modelSelection.getFirstPosition()!;\n\t\t\t\tconst newRange = schema.getNearestSelectionRange( position, isForward ? 'forward' : 'backward' );\n\n\t\t\t\tif ( newRange ) {\n\t\t\t\t\tmodel.change( writer => {\n\t\t\t\t\t\twriter.setSelection( newRange );\n\t\t\t\t\t} );\n\n\t\t\t\t\tdomEventData.preventDefault();\n\t\t\t\t\teventInfo.stop();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Else is handled by the browser.\n\t\t\treturn;\n\t\t}\n\n\t\t// Adjust selection for fake caret and for selection direction when single object is selected.\n\t\tconst originalSelection = getModelSelectionAdjusted( model, isForward );\n\n\t\t// Clone current selection to use it as a probe. We must leave default selection as it is so it can return\n\t\t// to its current state after undo.\n\t\tconst probe = model.createSelection( originalSelection );\n\n\t\tmodel.modifySelection( probe, { direction: isForward ? 'forward' : 'backward' } );\n\n\t\t// The selection didn't change so there is nothing there.\n\t\tif ( probe.isEqual( originalSelection ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Move probe one step further to make it visually recognizable.\n\t\tif ( probe.focus!.isTouching( originalSelection.focus! ) ) {\n\t\t\tmodel.modifySelection( probe, { direction: isForward ? 'forward' : 'backward' } );\n\t\t}\n\n\t\tconst lastSelectedNode = isForward ? originalSelection.focus!.nodeBefore : originalSelection.focus!.nodeAfter;\n\n\t\tconst nodeBeforeProbe = probe.focus!.nodeBefore;\n\t\tconst nodeAfterProbe = probe.focus!.nodeAfter;\n\t\tconst lastProbeNode = isForward ? nodeBeforeProbe : nodeAfterProbe;\n\n\t\tif ( domEventData.shiftKey ) {\n\t\t\t// Expand selection from a selected object or include object in selection.\n\t\t\tif (\n\t\t\t\tselectedElement && schema.isObject( selectedElement ) ||\n\t\t\t\tlastProbeNode && schema.isObject( lastProbeNode ) ||\n\t\t\t\tlastSelectedNode && schema.isObject( lastSelectedNode )\n\t\t\t) {\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\twriter.setSelection( probe );\n\t\t\t\t} );\n\n\t\t\t\tdomEventData.preventDefault();\n\t\t\t\teventInfo.stop();\n\t\t\t}\n\t\t} else {\n\t\t\t// Select an object when moving caret over it.\n\t\t\tif ( lastProbeNode && schema.isObject( lastProbeNode ) ) {\n\t\t\t\tif ( schema.isInline( lastProbeNode ) && isVerticalNavigation ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\twriter.setSelection( lastProbeNode, 'on' );\n\t\t\t\t} );\n\n\t\t\t\tdomEventData.preventDefault();\n\t\t\t\teventInfo.stop();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and prevents\n\t * the default browser behavior to make sure the fake selection is not being moved from a fake selection\n\t * container.\n\t *\n\t * See {@link #_handleSelectionChangeOnArrowKeyPress}.\n\t */\n\tprivate _preventDefaultOnArrowKeyPress( eventInfo: EventInfo, domEventData: ViewDocumentDomEventData ) {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst objectElement = model.document.selection.getSelectedElement();\n\n\t\t// If object element is selected.\n\t\tif ( objectElement && schema.isObject( objectElement ) ) {\n\t\t\tdomEventData.preventDefault();\n\t\t\teventInfo.stop();\n\t\t}\n\t}\n\n\t/**\n\t * Handles delete keys: backspace and delete.\n\t *\n\t * @param isForward Set to true if delete was performed in forward direction.\n\t * @returns Returns `true` if keys were handled correctly.\n\t */\n\tprivate _handleDelete( isForward: boolean ) {\n\t\tconst modelDocument = this.editor.model.document;\n\t\tconst modelSelection = modelDocument.selection;\n\n\t\t// Do nothing when the read only mode is enabled.\n\t\tif ( !this.editor.model.canEditAt( modelSelection ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Do nothing on non-collapsed selection.\n\t\tif ( !modelSelection.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst objectElement = this._getObjectElementNextToSelection( isForward );\n\n\t\tif ( objectElement ) {\n\t\t\tthis.editor.model.change( writer => {\n\t\t\t\tlet previousNode = modelSelection.anchor!.parent;\n\n\t\t\t\t// Remove previous element if empty.\n\t\t\t\twhile ( previousNode.isEmpty ) {\n\t\t\t\t\tconst nodeToRemove = previousNode;\n\t\t\t\t\tpreviousNode = nodeToRemove.parent!;\n\n\t\t\t\t\twriter.remove( nodeToRemove as ModelElement );\n\t\t\t\t}\n\n\t\t\t\tthis._setSelectionOverElement( objectElement );\n\t\t\t} );\n\n\t\t\treturn true;\n\t\t}\n\t}\n\n\t/**\n\t * Sets {@link module:engine/model/selection~ModelSelection document's selection} over given element.\n\t *\n\t * @internal\n\t */\n\tpublic _setSelectionOverElement( element: ModelNode ): void {\n\t\tthis.editor.model.change( writer => {\n\t\t\twriter.setSelection( writer.createRangeOn( element ) );\n\t\t} );\n\t}\n\n\t/**\n\t * Checks if {@link module:engine/model/element~ModelElement element} placed next to the current\n\t * {@link module:engine/model/selection~ModelSelection model selection} exists and is marked in\n\t * {@link module:engine/model/schema~ModelSchema schema} as `object`.\n\t *\n\t * @internal\n\t * @param forward Direction of checking.\n\t */\n\tpublic _getObjectElementNextToSelection( forward: boolean ): ModelElement | null {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst modelSelection = model.document.selection;\n\n\t\t// Clone current selection to use it as a probe. We must leave default selection as it is so it can return\n\t\t// to its current state after undo.\n\t\tconst probe = model.createSelection( modelSelection );\n\t\tmodel.modifySelection( probe, { direction: forward ? 'forward' : 'backward' } );\n\n\t\t// The selection didn't change so there is nothing there.\n\t\tif ( probe.isEqual( modelSelection ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst objectElement = forward ? probe.focus!.nodeBefore : probe.focus!.nodeAfter;\n\n\t\tif ( objectElement && schema.isObject( objectElement ) ) {\n\t\t\treturn objectElement as ModelElement;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Removes CSS class from previously selected widgets.\n\t */\n\tprivate _clearPreviouslySelectedWidgets( writer: ViewDowncastWriter ) {\n\t\tfor ( const widget of this._previouslySelected ) {\n\t\t\twriter.removeClass( WIDGET_SELECTED_CLASS_NAME, widget );\n\t\t}\n\n\t\tthis._previouslySelected.clear();\n\t}\n\n\t/**\n\t * Moves the document selection into the next editable or block widget.\n\t */\n\tprivate _selectNextEditable( direction: 'backward' | 'forward' ): boolean {\n\t\tconst editing = this.editor.editing;\n\t\tconst view = editing.view;\n\t\tconst model = this.editor.model;\n\t\tconst viewSelection = view.document.selection;\n\t\tconst modelSelection = model.document.selection;\n\n\t\t// Find start position.\n\t\tlet startPosition: ViewPosition;\n\n\t\t// Multiple table cells are selected - use focus cell.\n\t\tif ( modelSelection.rangeCount > 1 ) {\n\t\t\tconst selectionRange = modelSelection.isBackward ?\n\t\t\t\tmodelSelection.getFirstRange()! :\n\t\t\t\tmodelSelection.getLastRange()!;\n\n\t\t\tstartPosition = editing.mapper.toViewPosition(\n\t\t\t\tdirection == 'forward' ?\n\t\t\t\t\tselectionRange.end :\n\t\t\t\t\tselectionRange.start\n\t\t\t);\n\t\t} else {\n\t\t\tstartPosition = direction == 'forward' ?\n\t\t\t\tviewSelection.getFirstPosition()! :\n\t\t\t\tviewSelection.getLastPosition()!;\n\t\t}\n\n\t\tconst modelRange = this._findNextFocusRange( startPosition, direction );\n\n\t\tif ( modelRange ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setSelection( modelRange );\n\t\t\t} );\n\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Looks for next focus point in the document starting from the given view position and direction.\n\t * The focus point is either a block widget or an editable.\n\t *\n\t * @internal\n\t */\n\tpublic _findNextFocusRange( startPosition: ViewPosition, direction: 'backward' | 'forward' ): ModelRange | null {\n\t\tconst editing = this.editor.editing;\n\t\tconst view = editing.view;\n\t\tconst model = this.editor.model;\n\t\tconst viewSelection = view.document.selection;\n\n\t\tconst editableElement = viewSelection.editableElement!;\n\t\tconst editablePath = editableElement.getPath();\n\n\t\tlet selectedElement = viewSelection.getSelectedElement();\n\n\t\tif ( selectedElement && !isWidget( selectedElement ) ) {\n\t\t\tselectedElement = null;\n\t\t}\n\n\t\t// Look for the next editable.\n\t\tconst viewRange = direction == 'forward' ?\n\t\t\tview.createRange( startPosition, view.createPositionAt( startPosition.root as ViewNode, 'end' ) ) :\n\t\t\tview.createRange( view.createPositionAt( startPosition.root as ViewNode, 0 ), startPosition );\n\n\t\tfor ( const { nextPosition } of viewRange.getWalker( { direction } ) ) {\n\t\t\tconst item = nextPosition.parent as ViewNode;\n\n\t\t\t// Some widget along the way except the currently selected one.\n\t\t\tif ( isWidget( item ) && item != selectedElement ) {\n\t\t\t\tconst modelElement = editing.mapper.toModelElement( item as ViewElement )!;\n\n\t\t\t\t// Do not select inline widgets.\n\t\t\t\tif ( !model.schema.isBlock( modelElement ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Do not select widget itself when going out of widget or iterating over sibling elements in a widget.\n\t\t\t\tif ( compareArrays( editablePath, item.getPath() ) != 'extension' ) {\n\t\t\t\t\treturn model.createRangeOn( modelElement );\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Encountered an editable element.\n\t\t\telse if ( item.is( 'editableElement' ) ) {\n\t\t\t\t// Ignore the current editable for text selection,\n\t\t\t\t// but use it when widget was selected to be able to jump after the widget.\n\t\t\t\tif ( item == editableElement && !selectedElement ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst modelPosition = editing.mapper.toModelPosition( nextPosition );\n\t\t\t\tconst newRange = model.schema.getNearestSelectionRange( modelPosition, direction );\n\n\t\t\t\t// There is nothing to select so just jump to the next one.\n\t\t\t\tif ( !newRange ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// In the same editable while widget was selected - do not select the editable content.\n\t\t\t\tif ( item == editableElement && selectedElement ) {\n\t\t\t\t\treturn newRange;\n\t\t\t\t}\n\n\t\t\t\t// Select the content of editable element when iterating over sibling editable elements\n\t\t\t\t// or going deeper into nested widgets.\n\t\t\t\tif ( compareArrays( editablePath, item.getPath() ) != 'extension' ) {\n\t\t\t\t\t// Find a limit element closest to the new selection range.\n\t\t\t\t\treturn model.createRangeIn( model.schema.getLimitElement( newRange ) );\n\t\t\t\t}\n\n\t\t\t\treturn newRange;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Updates the document selection so that it selects first ancestor widget.\n\t */\n\tprivate _selectAncestorWidget(): boolean {\n\t\tconst editor = this.editor;\n\t\tconst mapper = editor.editing.mapper;\n\t\tconst selection = editor.editing.view.document.selection;\n\n\t\tconst positionParent = selection.getFirstPosition()!.parent;\n\n\t\tconst positionParentElement = positionParent.is( '$text' ) ?\n\t\t\tpositionParent.parent as ViewElement :\n\t\t\tpositionParent as ViewElement;\n\n\t\tconst viewElement = positionParentElement.findAncestor( isWidget );\n\n\t\tif ( !viewElement ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst modelElement = mapper.toModelElement( viewElement );\n\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( !modelElement ) {\n\t\t\treturn false;\n\t\t}\n\n\t\teditor.model.change( writer => {\n\t\t\twriter.setSelection( modelElement, 'on' );\n\t\t} );\n\n\t\treturn true;\n\t}\n}\n\n/**\n * Returns true if there is an object on an edge of the given selection.\n */\nfunction hasObjectAtEdge( modelSelection: ModelSelection | ModelDocumentSelection, schema: ModelSchema ): boolean {\n\tconst firstPosition = modelSelection.getFirstPosition()!;\n\tconst lastPosition = modelSelection.getLastPosition()!;\n\n\tconst firstSelectedNode = firstPosition.nodeAfter;\n\tconst lastSelectedNode = lastPosition.nodeBefore;\n\n\treturn (\n\t\t!!firstSelectedNode && schema.isObject( firstSelectedNode ) ||\n\t\t!!lastSelectedNode && schema.isObject( lastSelectedNode )\n\t);\n}\n\n/**\n * Returns new instance of the model selection adjusted for fake caret and selection direction on widgets.\n */\nfunction getModelSelectionAdjusted( model: Model, isForward: boolean ): ModelSelection {\n\tconst modelSelection = model.document.selection;\n\tconst selectedElement = modelSelection.getSelectedElement();\n\n\t// Adjust selection for fake caret.\n\tconst typeAroundFakeCaretPosition = getTypeAroundFakeCaretPosition( modelSelection );\n\n\tif ( selectedElement && typeAroundFakeCaretPosition == 'before' ) {\n\t\treturn model.createSelection( selectedElement, 'before' );\n\t} else if ( selectedElement && typeAroundFakeCaretPosition == 'after' ) {\n\t\treturn model.createSelection( selectedElement, 'after' );\n\t}\n\n\t// Make a copy of selection with adjusted direction for object selected.\n\treturn model.createSelection( modelSelection.getRanges(), {\n\t\tbackward: !!selectedElement && model.schema.isObject( selectedElement ) ? !isForward : modelSelection.isBackward\n\t} );\n}\n\n/**\n * Finds the closest ancestor element that is either an editable element or a widget.\n *\n * @param element The element from which to start searching.\n * @returns The closest ancestor element that is either an editable element or a widget, or null if none is found.\n */\nfunction findClosestEditableOrWidgetAncestor( element: ViewElement ): ViewElement | null {\n\tlet currentElement: ViewElement | null = element;\n\n\twhile ( currentElement ) {\n\t\tif ( currentElement.is( 'editableElement' ) || isWidget( currentElement ) ) {\n\t\t\treturn currentElement;\n\t\t}\n\n\t\tcurrentElement = currentElement.parent as ViewElement | null;\n\t}\n\n\treturn null;\n}\n\n/**\n * Retrieves the ViewElement associated with a mouse event in the editing view.\n *\n * @param view The editing view.\n * @param domEventData The DOM event data containing the mouse event.\n * @returns The ViewElement associated with the mouse event, or null if not found.\n */\nfunction getElementFromMouseEvent( view: EditingView, domEventData: ViewDocumentDomEventData<MouseEvent> ): ViewElement | null {\n\tconst domRange = getRangeFromMouseEvent( domEventData.domEvent );\n\tlet viewRange: ViewRange | null = null;\n\n\tif ( domRange ) {\n\t\tviewRange = view.domConverter.domRangeToView( domRange );\n\t} else {\n\t\t// Fallback to create range in target element. It happens frequently on Safari browser.\n\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/16978\n\t\tviewRange = view.createRange( view.createPositionAt( domEventData.target, 0 ) );\n\t}\n\n\tif ( !viewRange ) {\n\t\treturn null;\n\t}\n\n\tconst viewPosition = viewRange.start;\n\n\tif ( !viewPosition.parent ) {\n\t\treturn null;\n\t}\n\n\tlet viewNode = viewPosition.parent;\n\n\tif ( viewPosition.parent.is( 'editableElement' ) ) {\n\t\tif ( viewPosition.isAtEnd && viewPosition.nodeBefore ) {\n\t\t\t// Click after a widget tend to return position at the end of the editable element\n\t\t\t// so use the node before it if range is at the end of a parent.\n\t\t\tviewNode = viewPosition.nodeBefore as ViewNode;\n\t\t} else if ( viewPosition.isAtStart && viewPosition.nodeAfter ) {\n\t\t\t// Click before a widget tend to return position at the start of the editable element\n\t\t\t// so use the node after it if range is at the start of a parent.\n\t\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/16992\n\t\t\tviewNode = viewPosition.nodeAfter as ViewNode;\n\t\t}\n\t}\n\n\tif ( viewNode.is( '$text' ) ) {\n\t\treturn viewNode.parent as ViewElement;\n\t}\n\n\treturn viewNode as ViewElement;\n}\n\n/**\n * Checks whether the specified `element` is a child of the `parent` element.\n *\n * @param element An element to check.\n * @param parent A parent for the element.\n */\nfunction isChild( element: ViewElement, parent: ViewElement | null ) {\n\tif ( !parent ) {\n\t\treturn false;\n\t}\n\n\treturn Array.from( element.getAncestors() ).includes( parent );\n}\n\n/**\n * Returns nearest text block ancestor.\n */\nfunction findTextBlockAncestor( modelElement: ModelElement, schema: ModelSchema ): ModelElement | null {\n\tfor ( const element of modelElement.getAncestors( { includeSelf: true, parentFirst: true } ) ) {\n\t\tif ( schema.checkChild( element as ModelElement, '$text' ) ) {\n\t\t\treturn element as ModelElement;\n\t\t}\n\n\t\t// Do not go beyond nested editable.\n\t\tif ( schema.isLimit( element ) && !schema.isObject( element ) ) {\n\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn null;\n}\n\n/**\n * Returns next text block where could put selection.\n */\nfunction findNextTextBlock( position: ModelPosition, schema: ModelSchema ): ModelElement | null {\n\tconst treeWalker = new ModelTreeWalker( { startPosition: position } );\n\n\tfor ( const { item } of treeWalker ) {\n\t\tif ( schema.isLimit( item ) || !item.is( 'element' ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( schema.checkChild( item, '$text' ) ) {\n\t\t\treturn item;\n\t\t}\n\t}\n\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/widgettoolbarrepository\n */\n\nimport {\n\tPlugin,\n\ttype Editor,\n\ttype ToolbarConfigItem\n} from '@ckeditor/ckeditor5-core';\n\nimport type { ViewDocumentSelection, ViewElement } from '@ckeditor/ckeditor5-engine';\n\nimport {\n\tBalloonPanelView,\n\tContextualBalloon,\n\tToolbarView,\n\ttype BalloonToolbar,\n\ttype BalloonToolbarShowEvent,\n\ttype EditorUIUpdateEvent\n} from '@ckeditor/ckeditor5-ui';\n\nimport {\n\tCKEditorError,\n\tlogWarning,\n\ttype ObservableChangeEvent,\n\ttype PositioningFunction,\n\ttype RectSource\n} from '@ckeditor/ckeditor5-utils';\n\nimport { isWidget } from './utils.js';\n\n/**\n * Widget toolbar repository plugin. A central point for registering widget toolbars. This plugin handles the whole\n * toolbar rendering process and exposes a concise API.\n *\n * To add a toolbar for your widget use the {@link ~WidgetToolbarRepository#register `WidgetToolbarRepository#register()`} method.\n *\n * The following example comes from the {@link module:image/imagetoolbar~ImageToolbar} plugin:\n *\n * ```ts\n * class ImageToolbar extends Plugin {\n * \tstatic get requires() {\n * \t\treturn [ WidgetToolbarRepository ];\n * \t}\n *\n * \tafterInit() {\n * \t\tconst editor = this.editor;\n * \t\tconst widgetToolbarRepository = editor.plugins.get( WidgetToolbarRepository );\n *\n * \t\twidgetToolbarRepository.register( 'image', {\n * \t\t\titems: editor.config.get( 'image.toolbar' ),\n * \t\t\tgetRelatedElement: getClosestSelectedImageWidget\n * \t\t} );\n * \t}\n * }\n * ```\n */\nexport class WidgetToolbarRepository extends Plugin {\n\t/**\n\t * A map of toolbar definitions.\n\t */\n\tprivate _toolbarDefinitions = new Map<string, WidgetRepositoryToolbarDefinition>();\n\n\tprivate _balloon!: ContextualBalloon;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'WidgetToolbarRepository' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Disables the default balloon toolbar for all widgets.\n\t\tif ( editor.plugins.has( 'BalloonToolbar' ) ) {\n\t\t\tconst balloonToolbar: BalloonToolbar = editor.plugins.get( 'BalloonToolbar' );\n\n\t\t\tthis.listenTo<BalloonToolbarShowEvent>( balloonToolbar, 'show', evt => {\n\t\t\t\tif ( isWidgetSelected( editor.editing.view.document.selection ) ) {\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t}, { priority: 'high' } );\n\t\t}\n\n\t\tthis._balloon = this.editor.plugins.get( 'ContextualBalloon' );\n\n\t\tthis.on<ObservableChangeEvent>( 'change:isEnabled', () => {\n\t\t\tthis._updateToolbarsVisibility();\n\t\t} );\n\n\t\tthis.listenTo<EditorUIUpdateEvent>( editor.ui, 'update', () => {\n\t\t\tthis._updateToolbarsVisibility();\n\t\t} );\n\n\t\t// UI#update is not fired after focus is back in editor, we need to check if balloon panel should be visible.\n\t\tthis.listenTo<ObservableChangeEvent>( editor.ui.focusTracker, 'change:isFocused', () => {\n\t\t\tthis._updateToolbarsVisibility();\n\t\t}, { priority: 'low' } );\n\t}\n\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tfor ( const toolbarConfig of this._toolbarDefinitions.values() ) {\n\t\t\ttoolbarConfig.view.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Registers toolbar in the WidgetToolbarRepository. It renders it in the `ContextualBalloon` based on the value of the invoked\n\t * `getRelatedElement` function. Toolbar items are gathered from `items` array.\n\t * The balloon's CSS class is by default `ck-toolbar-container` and may be override with the `balloonClassName` option.\n\t *\n\t * Note: This method should be called in the {@link module:core/plugin~PluginInterface#afterInit `Plugin#afterInit()`}\n\t * callback (or later) to make sure that the given toolbar items were already registered by other plugins.\n\t *\n\t * @param toolbarId An id for the toolbar. Used to\n\t * @param options Detailed options\n\t * @param options.ariaLabel Label used by assistive technologies to describe this toolbar element.\n\t * @param options.items Array of toolbar items.\n\t * @param options.getRelatedElement Callback which returns an element the toolbar should be attached to.\n\t * @param options.balloonClassName CSS class for the widget balloon.\n\t */\n\tpublic register(\n\t\ttoolbarId: string,\n\t\t{\n\t\t\tariaLabel,\n\t\t\titems,\n\t\t\tgetRelatedElement,\n\t\t\tballoonClassName = 'ck-toolbar-container',\n\t\t\tpositions\n\t\t}: {\n\t\t\tariaLabel?: string;\n\t\t\titems: Array<ToolbarConfigItem>;\n\t\t\tgetRelatedElement: ( selection: ViewDocumentSelection ) => ( ViewElement | null );\n\t\t\tballoonClassName?: string;\n\t\t\tpositions?: ReadonlyArray<PositioningFunction>;\n\t\t}\n\t): void {\n\t\t// Trying to register a toolbar without any item.\n\t\tif ( !items.length ) {\n\t\t\t/**\n\t\t\t * When {@link module:widget/widgettoolbarrepository~WidgetToolbarRepository#register registering} a new widget toolbar, you\n\t\t\t * need to provide a non-empty array with the items that will be inserted into the toolbar.\n\t\t\t *\n\t\t\t * If you see this error when integrating the editor, you likely forgot to configure one of the widget toolbars.\n\t\t\t *\n\t\t\t * See for instance:\n\t\t\t *\n\t\t\t * * {@link module:table/tableconfig~TableConfig#contentToolbar `config.table.contentToolbar`}\n\t\t\t * * {@link module:image/imageconfig~ImageConfig#toolbar `config.image.toolbar`}\n\t\t\t *\n\t\t\t * @error widget-toolbar-no-items\n\t\t\t * @param {string} toolbarId The id of the toolbar that has not been configured correctly.\n\t\t\t */\n\t\t\tlogWarning( 'widget-toolbar-no-items', { toolbarId } );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst toolbarView = new ToolbarView( editor.locale );\n\n\t\ttoolbarView.ariaLabel = ariaLabel || t( 'Widget toolbar' );\n\n\t\tif ( this._toolbarDefinitions.has( toolbarId ) ) {\n\t\t\t/**\n\t\t\t * Toolbar with the given id was already added.\n\t\t\t *\n\t\t\t * @error widget-toolbar-duplicated\n\t\t\t * @param {string} toolbarId Toolbar id.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'widget-toolbar-duplicated', this, { toolbarId } );\n\t\t}\n\n\t\tconst toolbarDefinition: WidgetRepositoryToolbarDefinition = {\n\t\t\tview: toolbarView,\n\t\t\tgetRelatedElement,\n\t\t\tballoonClassName,\n\t\t\titemsConfig: items,\n\t\t\tpositions,\n\t\t\tinitialized: false\n\t\t};\n\n\t\t// Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n\t\teditor.ui.addToolbar( toolbarView, {\n\t\t\tisContextual: true,\n\t\t\tbeforeFocus: () => {\n\t\t\t\tconst relatedElement = getRelatedElement( editor.editing.view.document.selection );\n\n\t\t\t\tif ( relatedElement ) {\n\t\t\t\t\tthis._showToolbar( toolbarDefinition, relatedElement );\n\t\t\t\t}\n\t\t\t},\n\t\t\tafterBlur: () => {\n\t\t\t\tthis._hideToolbar( toolbarDefinition );\n\t\t\t}\n\t\t} );\n\n\t\tthis._toolbarDefinitions.set( toolbarId, toolbarDefinition );\n\t}\n\n\t/**\n\t * Iterates over stored toolbars and makes them visible or hidden.\n\t */\n\tprivate _updateToolbarsVisibility() {\n\t\tlet maxRelatedElementDepth = 0;\n\t\tlet deepestRelatedElement = null;\n\t\tlet deepestToolbarDefinition = null;\n\n\t\tfor ( const definition of this._toolbarDefinitions.values() ) {\n\t\t\tconst relatedElement = definition.getRelatedElement( this.editor.editing.view.document.selection );\n\n\t\t\tif ( !this.isEnabled || !relatedElement ) {\n\t\t\t\tif ( this._isToolbarInBalloon( definition ) ) {\n\t\t\t\t\tthis._hideToolbar( definition );\n\t\t\t\t}\n\t\t\t} else if ( !this.editor.ui.focusTracker.isFocused ) {\n\t\t\t\tif ( this._isToolbarVisible( definition ) ) {\n\t\t\t\t\tthis._hideToolbar( definition );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst relatedElementDepth = relatedElement.getAncestors().length;\n\n\t\t\t\t// Many toolbars can express willingness to be displayed but they do not know about\n\t\t\t\t// each other. Figure out which toolbar is deepest in the view tree to decide which\n\t\t\t\t// should be displayed. For instance, if a selected image is inside a table cell, display\n\t\t\t\t// the ImageToolbar rather than the TableToolbar (#60).\n\t\t\t\tif ( relatedElementDepth > maxRelatedElementDepth ) {\n\t\t\t\t\tmaxRelatedElementDepth = relatedElementDepth;\n\t\t\t\t\tdeepestRelatedElement = relatedElement;\n\t\t\t\t\tdeepestToolbarDefinition = definition;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( deepestToolbarDefinition ) {\n\t\t\tthis._showToolbar( deepestToolbarDefinition, deepestRelatedElement! );\n\t\t}\n\t}\n\n\t/**\n\t * Hides the given toolbar.\n\t */\n\tprivate _hideToolbar( toolbarDefinition: WidgetRepositoryToolbarDefinition ) {\n\t\tthis._balloon.remove( toolbarDefinition.view );\n\t\tthis.stopListening( this._balloon, 'change:visibleView' );\n\t}\n\n\t/**\n\t * Shows up the toolbar if the toolbar is not visible.\n\t * Otherwise, repositions the toolbar's balloon when toolbar's view is the most top view in balloon stack.\n\t *\n\t * It might happen here that the toolbar's view is under another view. Then do nothing as the other toolbar view\n\t * should be still visible after the {@link module:ui/editorui/editorui~EditorUI#event:update}.\n\t */\n\tprivate _showToolbar(\n\t\ttoolbarDefinition: WidgetRepositoryToolbarDefinition,\n\t\trelatedElement: ViewElement\n\t) {\n\t\tif ( this._isToolbarVisible( toolbarDefinition ) ) {\n\t\t\trepositionContextualBalloon( this.editor, relatedElement, toolbarDefinition.positions );\n\t\t} else if ( !this._isToolbarInBalloon( toolbarDefinition ) ) {\n\t\t\tif ( !toolbarDefinition.initialized ) {\n\t\t\t\ttoolbarDefinition.initialized = true;\n\t\t\t\ttoolbarDefinition.view.fillFromConfig( toolbarDefinition.itemsConfig, this.editor.ui.componentFactory );\n\t\t\t}\n\n\t\t\tthis._balloon.add( {\n\t\t\t\tview: toolbarDefinition.view,\n\t\t\t\tposition: getBalloonPositionData( this.editor, relatedElement, toolbarDefinition.positions ),\n\t\t\t\tballoonClassName: toolbarDefinition.balloonClassName\n\t\t\t} );\n\n\t\t\t// Update toolbar position each time stack with toolbar view is switched to visible.\n\t\t\t// This is in a case target element has changed when toolbar was in invisible stack\n\t\t\t// e.g. target image was wrapped by a block quote.\n\t\t\t// See https://github.com/ckeditor/ckeditor5-widget/issues/92.\n\t\t\tthis.listenTo<ObservableChangeEvent>( this._balloon, 'change:visibleView', () => {\n\t\t\t\tfor ( const definition of this._toolbarDefinitions.values() ) {\n\t\t\t\t\tif ( this._isToolbarVisible( definition ) ) {\n\t\t\t\t\t\tconst relatedElement = definition.getRelatedElement( this.editor.editing.view.document.selection );\n\t\t\t\t\t\trepositionContextualBalloon( this.editor, relatedElement!, toolbarDefinition.positions );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\tprivate _isToolbarVisible( toolbar: WidgetRepositoryToolbarDefinition ) {\n\t\treturn this._balloon.visibleView === toolbar.view;\n\t}\n\n\tprivate _isToolbarInBalloon( toolbar: WidgetRepositoryToolbarDefinition ) {\n\t\treturn this._balloon.hasView( toolbar.view );\n\t}\n}\n\nfunction repositionContextualBalloon( editor: Editor, relatedElement: ViewElement, positions?: ReadonlyArray<PositioningFunction> ) {\n\tconst balloon: ContextualBalloon = editor.plugins.get( 'ContextualBalloon' );\n\tconst position = getBalloonPositionData( editor, relatedElement, positions );\n\n\tballoon.updatePosition( position );\n}\n\nfunction getBalloonPositionData( editor: Editor, relatedElement: ViewElement, positions?: ReadonlyArray<PositioningFunction> ) {\n\tconst editingView = editor.editing.view;\n\tconst defaultPositions = BalloonPanelView.defaultPositions;\n\n\treturn {\n\t\ttarget: editingView.domConverter.mapViewToDom( relatedElement ) as RectSource | undefined,\n\t\tpositions: positions || [\n\t\t\tdefaultPositions.northArrowSouth,\n\t\t\tdefaultPositions.northArrowSouthWest,\n\t\t\tdefaultPositions.northArrowSouthEast,\n\t\t\tdefaultPositions.southArrowNorth,\n\t\t\tdefaultPositions.southArrowNorthWest,\n\t\t\tdefaultPositions.southArrowNorthEast,\n\t\t\tdefaultPositions.viewportStickyNorth\n\t\t]\n\t};\n}\n\nfunction isWidgetSelected( selection: ViewDocumentSelection ) {\n\tconst viewElement = selection.getSelectedElement();\n\n\treturn !!( viewElement && isWidget( viewElement ) );\n}\n\n/**\n * The toolbar definition object used by the toolbar repository to manage toolbars.\n * It contains information necessary to display the toolbar in the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} and\n * update it during its life (display) cycle.\n */\ninterface WidgetRepositoryToolbarDefinition {\n\n\t/**\n\t * The UI view of the toolbar.\n\t */\n\tview: ToolbarView;\n\n\t/**\n\t * A function that returns an engine {@link module:engine/view/view~EditingView}\n\t * element the toolbar is to be attached to. For instance, an image widget or a table widget (or `null` when\n\t * there is no such element). The function accepts an instance of {@link module:engine/view/selection~ViewSelection}.\n\t */\n\tgetRelatedElement: ( selection: ViewDocumentSelection ) => ViewElement | null | undefined;\n\n\t/**\n\t * CSS class for the widget balloon when a toolbar is displayed.\n\t */\n\tballoonClassName: string;\n\n\titemsConfig: Array<ToolbarConfigItem>;\n\n\tpositions?: ReadonlyArray<PositioningFunction>;\n\n\tinitialized: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/widgetresize/resizerstate\n */\n\nimport { ObservableMixin, Rect } from '@ckeditor/ckeditor5-utils';\n\nimport type { WidgetResizerOptions } from '../widgetresize.js';\nimport { calculateResizeHostPercentageWidth } from '../utils.js';\n\n/**\n * Stores the internal state of a single resizable object.\n */\nexport class WidgetResizeState extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * The position of the handle that initiated the resizing. E.g. `\"top-left\"`, `\"bottom-right\"` etc. or `null`\n\t * if unknown.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public activeHandlePosition: string | null;\n\n\t/**\n\t * The width (percents) proposed, but not committed yet, in the current resize process.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public proposedWidthPercents: number | null;\n\n\t/**\n\t * The width (pixels) proposed, but not committed yet, in the current resize process.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public proposedWidth: number | null;\n\n\t/**\n\t * The height (pixels) proposed, but not committed yet, in the current resize process.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public proposedHeight: number | null;\n\n\t/**\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public proposedHandleHostWidth: number | null;\n\n\t/**\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public proposedHandleHostHeight: number | null;\n\n\t/**\n\t * The reference point of the resizer where the dragging started. It is used to measure the distance the user cursor\n\t * traveled, so how much the image should be enlarged.\n\t * This information is only known after the DOM was rendered, so it will be updated later.\n\t *\n\t * @internal\n\t */\n\tpublic _referenceCoordinates: { x: number; y: number } | null;\n\n\t/**\n\t * Resizer options.\n\t */\n\tprivate readonly _options: WidgetResizerOptions;\n\n\t/**\n\t * The original width (pixels) of the resized object when the resize process was started.\n\t *\n\t * @readonly\n\t */\n\tprivate _originalWidth?: number;\n\n\t/**\n\t * The original height (pixels) of the resized object when the resize process was started.\n\t *\n\t * @readonly\n\t */\n\tprivate _originalHeight?: number;\n\n\t/**\n\t * The original width (percents) of the resized object when the resize process was started.\n\t *\n\t * @readonly\n\t */\n\tprivate _originalWidthPercents?: number;\n\n\t/**\n\t * A width to height ratio of the resized image.\n\t *\n\t * @readonly\n\t */\n\tprivate _aspectRatio?: number;\n\n\t/**\n\t * @param options Resizer options.\n\t */\n\tconstructor( options: WidgetResizerOptions ) {\n\t\tsuper();\n\n\t\tthis.set( 'activeHandlePosition', null );\n\t\tthis.set( 'proposedWidthPercents', null );\n\t\tthis.set( 'proposedWidth', null );\n\t\tthis.set( 'proposedHeight', null );\n\t\tthis.set( 'proposedHandleHostWidth', null );\n\t\tthis.set( 'proposedHandleHostHeight', null );\n\n\t\tthis._options = options;\n\t\tthis._referenceCoordinates = null;\n\t}\n\n\t/**\n\t * The original width (pixels) of the resized object when the resize process was started.\n\t */\n\tpublic get originalWidth(): number | undefined {\n\t\treturn this._originalWidth;\n\t}\n\n\t/**\n\t * The original height (pixels) of the resized object when the resize process was started.\n\t */\n\tpublic get originalHeight(): number | undefined {\n\t\treturn this._originalHeight;\n\t}\n\n\t/**\n\t * The original width (percents) of the resized object when the resize process was started.\n\t */\n\tpublic get originalWidthPercents(): number | undefined {\n\t\treturn this._originalWidthPercents;\n\t}\n\n\t/**\n\t * A width to height ratio of the resized image.\n\t */\n\tpublic get aspectRatio(): number | undefined {\n\t\treturn this._aspectRatio;\n\t}\n\n\t/**\n\t *\n\t * @param domResizeHandle The handle used to calculate the reference point.\n\t */\n\tpublic begin( domResizeHandle: HTMLElement, domHandleHost: HTMLElement, domResizeHost: HTMLElement ): void {\n\t\tconst clientRect = new Rect( domHandleHost );\n\n\t\tthis.activeHandlePosition = getHandlePosition( domResizeHandle )!;\n\n\t\tthis._referenceCoordinates = getAbsoluteBoundaryPoint( domHandleHost, getOppositePosition( this.activeHandlePosition ) );\n\n\t\tthis._originalWidth = clientRect.width;\n\t\tthis._originalHeight = clientRect.height;\n\n\t\tthis._aspectRatio = clientRect.width / clientRect.height;\n\n\t\tconst widthStyle = domResizeHost.style.width;\n\n\t\tif ( widthStyle && widthStyle.match( /^\\d+(\\.\\d*)?%$/ ) ) {\n\t\t\tthis._originalWidthPercents = parseFloat( widthStyle );\n\t\t} else {\n\t\t\tthis._originalWidthPercents = calculateResizeHostPercentageWidth( domResizeHost, clientRect );\n\t\t}\n\t}\n\n\tpublic update( newSize: {\n\t\twidth: number;\n\t\theight: number;\n\t\twidthPercents: number;\n\t\thandleHostWidth: number;\n\t\thandleHostHeight: number;\n\t} ): void {\n\t\tthis.proposedWidth = newSize.width;\n\t\tthis.proposedHeight = newSize.height;\n\t\tthis.proposedWidthPercents = newSize.widthPercents;\n\n\t\tthis.proposedHandleHostWidth = newSize.handleHostWidth;\n\t\tthis.proposedHandleHostHeight = newSize.handleHostHeight;\n\t}\n}\n\n/**\n * Returns coordinates of the top-left corner of an element, relative to the document's top-left corner.\n *\n * @param resizerPosition The position of the resize handle, e.g. `\"top-left\"`, `\"bottom-right\"`.\n */\nfunction getAbsoluteBoundaryPoint( element: HTMLElement, resizerPosition: string ) {\n\tconst elementRect = new Rect( element );\n\tconst positionParts = resizerPosition.split( '-' );\n\tconst ret = {\n\t\tx: positionParts[ 1 ] == 'right' ? elementRect.right : elementRect.left,\n\t\ty: positionParts[ 0 ] == 'bottom' ? elementRect.bottom : elementRect.top\n\t};\n\n\tret.x += element.ownerDocument.defaultView!.scrollX;\n\tret.y += element.ownerDocument.defaultView!.scrollY;\n\n\treturn ret;\n}\n\n/**\n * @param resizerPosition The expected resizer position, like `\"top-left\"`, `\"bottom-right\"`.\n * @returns A prefixed HTML class name for the resizer element.\n */\nfunction getResizerHandleClass( resizerPosition: string ) {\n\treturn `ck-widget__resizer__handle-${ resizerPosition }`;\n}\n\n/**\n * Determines the position of a given resize handle.\n *\n * @param domHandle Handle used to calculate the reference point.\n * @returns Returns a string like `\"top-left\"` or `undefined` if not matched.\n */\nfunction getHandlePosition( domHandle: HTMLElement ) {\n\tconst resizerPositions = [ 'top-left', 'top-right', 'bottom-right', 'bottom-left' ];\n\n\tfor ( const position of resizerPositions ) {\n\t\tif ( domHandle.classList.contains( getResizerHandleClass( position ) ) ) {\n\t\t\treturn position;\n\t\t}\n\t}\n}\n\n/**\n * @param position Like `\"top-left\"`.\n * @returns Inverted `position`, e.g. it returns `\"bottom-right\"` if `\"top-left\"` was given as `position`.\n */\nfunction getOppositePosition( position: string ) {\n\tconst parts = position.split( '-' );\n\tconst replacements: Record<string, string> = {\n\t\ttop: 'bottom',\n\t\tbottom: 'top',\n\t\tleft: 'right',\n\t\tright: 'left'\n\t};\n\n\treturn `${ replacements[ parts[ 0 ] ] }-${ replacements[ parts[ 1 ] ] }`;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/widgetresize/sizeview\n */\n\nimport { View } from '@ckeditor/ckeditor5-ui';\nimport type { WidgetResizerOptions } from '../widgetresize.js';\nimport { type WidgetResizeState } from './resizerstate.js';\n\n/**\n * A view displaying the proposed new element size during the resizing.\n *\n * @internal\n */\nexport class SizeView extends View {\n\t/**\n\t * The visibility of the view defined based on the existence of the host proposed dimensions.\n\t *\n\t * @internal\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public _isVisible: boolean;\n\n\t/**\n\t * The text that will be displayed in the `SizeView` child.\n\t * It can be formatted as the pixel values (e.g. 10x20) or the percentage value (e.g. 10%).\n\t *\n\t * @internal\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public _label: string;\n\n\t/**\n\t * The position of the view defined based on the host size and active handle position.\n\t *\n\t * @internal\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public _viewPosition: string;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-size-view',\n\t\t\t\t\tbind.to( '_viewPosition', value => value ? `ck-orientation-${ value }` : '' )\n\t\t\t\t],\n\t\t\t\tstyle: {\n\t\t\t\t\tdisplay: bind.if( '_isVisible', 'none', visible => !visible )\n\t\t\t\t}\n\t\t\t},\n\t\t\tchildren: [ {\n\t\t\t\ttext: bind.to( '_label' )\n\t\t\t} ]\n\t\t} );\n\t}\n\n\t/**\n\t * A method used for binding the `SizeView` instance properties to the `ResizeState` instance observable properties.\n\t *\n\t * @internal\n\t * @param options An object defining the resizer options, used for setting the proper size label.\n\t * @param resizeState The `ResizeState` class instance, used for keeping the `SizeView` state up to date.\n\t */\n\tpublic _bindToState( options: WidgetResizerOptions, resizeState: WidgetResizeState ): void {\n\t\tthis.bind( '_isVisible' ).to( resizeState, 'proposedWidth', resizeState, 'proposedHeight', ( width, height ) =>\n\t\t\twidth !== null && height !== null );\n\n\t\tthis.bind( '_label' ).to(\n\t\t\tresizeState, 'proposedHandleHostWidth',\n\t\t\tresizeState, 'proposedHandleHostHeight',\n\t\t\tresizeState, 'proposedWidthPercents',\n\t\t\t( width, height, widthPercents ) => {\n\t\t\t\tif ( options.unit === 'px' ) {\n\t\t\t\t\treturn `${ width }×${ height }`;\n\t\t\t\t} else {\n\t\t\t\t\treturn `${ widthPercents }%`;\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tthis.bind( '_viewPosition' ).to(\n\t\t\tresizeState, 'activeHandlePosition',\n\t\t\tresizeState, 'proposedHandleHostWidth',\n\t\t\tresizeState, 'proposedHandleHostHeight',\n\t\t\t// If the widget is too small to contain the size label, display the label above.\n\t\t\t( position, width, height ) => width! < 50 || height! < 50 ? 'above-center' : position!\n\t\t);\n\t}\n\n\t/**\n\t * A method used for cleaning up. It removes the bindings and hides the view.\n\t *\n\t * @internal\n\t */\n\tpublic _dismiss(): void {\n\t\tthis.unbind();\n\t\tthis._isVisible = false;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/widgetresize/resizer\n */\n\nimport { Template } from '@ckeditor/ckeditor5-ui';\nimport {\n\tRect,\n\tObservableMixin,\n\tcompareArrays,\n\ttype ObservableChangeEvent,\n\ttype DecoratedMethodEvent\n} from '@ckeditor/ckeditor5-utils';\n\nimport { WidgetResizeState } from './resizerstate.js';\nimport { SizeView } from './sizeview.js';\n\nimport type { WidgetResizerOptions } from '../widgetresize.js';\nimport type { ViewElement } from '@ckeditor/ckeditor5-engine';\n\n/**\n * Represents a resizer for a single resizable object.\n */\nexport class WidgetResizer extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * Flag that indicates whether resizer can be used.\n\t *\n\t * @observable\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * Flag that indicates that resizer is currently focused.\n\t *\n\t * @observable\n\t */\n\tdeclare public isSelected: boolean;\n\n\t/**\n\t * Flag that indicates whether resizer is rendered (visible on the screen).\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * Stores the state of the resizable host geometry, such as the original width, the currently proposed height, etc.\n\t *\n\t * Note that a new state is created for each resize transaction.\n\t */\n\tprivate _state!: WidgetResizeState;\n\n\t/**\n\t * A view displaying the proposed new element size during the resizing.\n\t */\n\tprivate _sizeView!: SizeView;\n\n\t/**\n\t * Options passed to the {@link #constructor}.\n\t */\n\tprivate _options: WidgetResizerOptions;\n\n\t/**\n\t * A wrapper that is controlled by the resizer. This is usually a widget element.\n\t */\n\tprivate _viewResizerWrapper: ViewElement | null = null;\n\n\t/**\n\t * The width of the resized {@link module:widget/widgetresize~WidgetResizerOptions#viewElement viewElement} before the resizing started.\n\t */\n\tprivate _initialViewWidth: string | undefined;\n\n\t/**\n\t * @param options Resizer options.\n\t */\n\tconstructor( options: WidgetResizerOptions ) {\n\t\tsuper();\n\n\t\tthis._options = options;\n\n\t\tthis.set( 'isEnabled', true );\n\t\tthis.set( 'isSelected', false );\n\n\t\tthis.bind( 'isVisible' ).to( this, 'isEnabled', this, 'isSelected', ( isEnabled, isSelected ) => isEnabled && isSelected );\n\n\t\tthis.decorate( 'begin' );\n\t\tthis.decorate( 'cancel' );\n\t\tthis.decorate( 'commit' );\n\t\tthis.decorate( 'updateSize' );\n\n\t\tthis.on( 'commit', event => {\n\t\t\t// State might not be initialized yet. In this case, prevent further handling and make sure that the resizer is\n\t\t\t// cleaned up (#5195).\n\t\t\tif ( !this.state.proposedWidth && !this.state.proposedWidthPercents ) {\n\t\t\t\tthis._cleanup();\n\t\t\t\tevent.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Stores the state of the resizable host geometry, such as the original width, the currently proposed height, etc.\n\t *\n\t * Note that a new state is created for each resize transaction.\n\t */\n\tpublic get state(): WidgetResizeState {\n\t\treturn this._state;\n\t}\n\n\t/**\n\t * Makes resizer visible in the UI.\n\t */\n\tpublic show(): void {\n\t\tconst editingView = this._options.editor.editing.view;\n\n\t\teditingView.change( writer => {\n\t\t\twriter.removeClass( 'ck-hidden', this._viewResizerWrapper! );\n\t\t} );\n\t}\n\n\t/**\n\t * Hides resizer in the UI.\n\t */\n\tpublic hide(): void {\n\t\tconst editingView = this._options.editor.editing.view;\n\n\t\teditingView.change( writer => {\n\t\t\twriter.addClass( 'ck-hidden', this._viewResizerWrapper! );\n\t\t} );\n\t}\n\n\t/**\n\t * Attaches the resizer to the DOM.\n\t */\n\tpublic attach(): void {\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias\n\t\tconst that = this;\n\t\tconst widgetElement = this._options.viewElement;\n\t\tconst editingView = this._options.editor.editing.view;\n\n\t\teditingView.change( writer => {\n\t\t\tconst viewResizerWrapper = writer.createUIElement( 'div', {\n\t\t\t\tclass: 'ck ck-reset_all ck-widget__resizer'\n\t\t\t}, function( domDocument ) {\n\t\t\t\tconst domElement = this.toDomElement( domDocument );\n\n\t\t\t\tthat._appendHandles( domElement );\n\t\t\t\tthat._appendSizeUI( domElement );\n\n\t\t\t\treturn domElement;\n\t\t\t} );\n\n\t\t\t// Append the resizer wrapper to the widget's wrapper.\n\t\t\twriter.insert( writer.createPositionAt( widgetElement, 'end' ), viewResizerWrapper );\n\t\t\twriter.addClass( 'ck-widget_with-resizer', widgetElement );\n\n\t\t\tthis._viewResizerWrapper = viewResizerWrapper;\n\n\t\t\tif ( !this.isVisible ) {\n\t\t\t\tthis.hide();\n\t\t\t}\n\t\t} );\n\n\t\tthis.on<ObservableChangeEvent>( 'change:isVisible', () => {\n\t\t\tif ( this.isVisible ) {\n\t\t\t\tthis.show();\n\t\t\t\tthis.redraw();\n\t\t\t} else {\n\t\t\t\tthis.hide();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Starts the resizing process.\n\t *\n\t * Creates a new {@link #state} for the current process.\n\t *\n\t * @fires begin\n\t * @param domResizeHandle Clicked handle.\n\t */\n\tpublic begin( domResizeHandle: HTMLElement ): void {\n\t\tthis._state = new WidgetResizeState( this._options );\n\n\t\tthis._sizeView._bindToState( this._options, this.state );\n\n\t\tthis._initialViewWidth = this._options.viewElement.getStyle( 'width' );\n\n\t\tthis.state.begin( domResizeHandle, this._getHandleHost(), this._getResizeHost() );\n\t}\n\n\t/**\n\t * Updates the proposed size based on `domEventData`.\n\t *\n\t * @fires updateSize\n\t */\n\tpublic updateSize( domEventData: MouseEvent ): void {\n\t\tconst newSize = this._proposeNewSize( domEventData );\n\t\tconst editingView = this._options.editor.editing.view;\n\n\t\teditingView.change( writer => {\n\t\t\tconst unit = this._options.unit || '%';\n\t\t\tconst newWidth = ( unit === '%' ? newSize.widthPercents : newSize.width ) + unit;\n\n\t\t\twriter.setStyle( 'width', newWidth, this._options.viewElement );\n\t\t} );\n\n\t\t// Get an actual image width, and:\n\t\t// * reflect this size to the resize wrapper\n\t\t// * apply this **real** size to the state\n\t\tconst domHandleHost = this._getHandleHost();\n\t\tconst domHandleHostRect = new Rect( domHandleHost );\n\n\t\tconst handleHostWidth = Math.round( domHandleHostRect.width );\n\t\tconst handleHostHeight = Math.round( domHandleHostRect.height );\n\n\t\t// Handle max-width limitation.\n\t\tconst domResizeHostRect = new Rect( domHandleHost );\n\n\t\tnewSize.width = Math.round( domResizeHostRect.width );\n\t\tnewSize.height = Math.round( domResizeHostRect.height );\n\n\t\tthis.redraw( domHandleHostRect );\n\n\t\tthis.state.update( {\n\t\t\t...newSize,\n\t\t\thandleHostWidth,\n\t\t\thandleHostHeight\n\t\t} );\n\t}\n\n\t/**\n\t * Applies the geometry proposed with the resizer.\n\t *\n\t * @fires commit\n\t */\n\tpublic commit(): void {\n\t\tconst unit = this._options.unit || '%';\n\t\tconst newValue = ( unit === '%' ? this.state.proposedWidthPercents : this.state.proposedWidth ) + unit;\n\n\t\t// Both cleanup and onCommit callback are very likely to make view changes. Ensure that it is made in a single step.\n\t\tthis._options.editor.editing.view.change( () => {\n\t\t\tthis._cleanup();\n\t\t\tthis._options.onCommit( newValue );\n\t\t} );\n\t}\n\n\t/**\n\t * Cancels and rejects the proposed resize dimensions, hiding the UI.\n\t *\n\t * @fires cancel\n\t */\n\tpublic cancel(): void {\n\t\tthis._cleanup();\n\t}\n\n\t/**\n\t * Destroys the resizer.\n\t */\n\tpublic destroy(): void {\n\t\tthis.cancel();\n\t}\n\n\t/**\n\t * Redraws the resizer.\n\t *\n\t * @param handleHostRect Handle host rectangle might be given to improve performance.\n\t */\n\tpublic redraw( handleHostRect?: Rect ): void {\n\t\tconst domWrapper = this._domResizerWrapper;\n\n\t\t// Refresh only if resizer exists in the DOM.\n\t\tif ( !existsInDom( domWrapper ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst widgetWrapper = domWrapper!.parentElement;\n\t\tconst handleHost = this._getHandleHost();\n\t\tconst resizerWrapper = this._viewResizerWrapper!;\n\t\tconst currentDimensions = [\n\t\t\tresizerWrapper.getStyle( 'width' ),\n\t\t\tresizerWrapper.getStyle( 'height' ),\n\t\t\tresizerWrapper.getStyle( 'left' ),\n\t\t\tresizerWrapper.getStyle( 'top' )\n\t\t];\n\t\tlet newDimensions: Array<string | undefined>;\n\n\t\tif ( widgetWrapper!.isSameNode( handleHost ) ) {\n\t\t\tconst clientRect = handleHostRect || new Rect( handleHost );\n\n\t\t\tnewDimensions = [\n\t\t\t\tclientRect.width + 'px',\n\t\t\t\tclientRect.height + 'px',\n\t\t\t\tundefined,\n\t\t\t\tundefined\n\t\t\t];\n\t\t}\n\t\t// In case a resizing host is not a widget wrapper, we need to compensate\n\t\t// for any additional offsets the resize host might have. E.g. wrapper padding\n\t\t// or simply another editable. By doing that the border and resizers are shown\n\t\t// only around the resize host.\n\t\telse {\n\t\t\tnewDimensions = [\n\t\t\t\thandleHost.offsetWidth + 'px',\n\t\t\t\thandleHost.offsetHeight + 'px',\n\t\t\t\thandleHost.offsetLeft + 'px',\n\t\t\t\thandleHost.offsetTop + 'px'\n\t\t\t];\n\t\t}\n\n\t\t// Make changes to the view only if the resizer should actually get new dimensions.\n\t\t// Otherwise, if View#change() was always called, this would cause EditorUI#update\n\t\t// loops because the WidgetResize plugin listens to EditorUI#update and updates\n\t\t// the resizer.\n\t\t// https://github.com/ckeditor/ckeditor5/issues/7633\n\t\tif ( compareArrays( currentDimensions, newDimensions ) !== 'same' ) {\n\t\t\tthis._options.editor.editing.view.change( writer => {\n\t\t\t\twriter.setStyle( {\n\t\t\t\t\twidth: newDimensions[ 0 ]!,\n\t\t\t\t\theight: newDimensions[ 1 ]!,\n\t\t\t\t\tleft: newDimensions[ 2 ]!,\n\t\t\t\t\ttop: newDimensions[ 3 ]!\n\t\t\t\t}, resizerWrapper );\n\t\t\t} );\n\t\t}\n\t}\n\n\tpublic containsHandle( domElement: HTMLElement ): boolean {\n\t\treturn this._domResizerWrapper!.contains( domElement );\n\t}\n\n\tpublic static isResizeHandle( domElement: HTMLElement ): boolean {\n\t\treturn domElement.classList.contains( 'ck-widget__resizer__handle' );\n\t}\n\n\t/**\n\t * Cleans up the context state.\n\t */\n\tprivate _cleanup(): void {\n\t\tthis._sizeView._dismiss();\n\n\t\tconst editingView = this._options.editor.editing.view;\n\n\t\teditingView.change( writer => {\n\t\t\twriter.setStyle( 'width', this._initialViewWidth!, this._options.viewElement );\n\t\t} );\n\t}\n\n\t/**\n\t * Calculates the proposed size as the resize handles are dragged.\n\t *\n\t * @param domEventData Event data that caused the size update request. It should be used to calculate the proposed size.\n\t */\n\tprivate _proposeNewSize( domEventData: MouseEvent ): { width: number; height: number; widthPercents: number } {\n\t\tconst state = this.state;\n\t\tconst currentCoordinates = extractCoordinates( domEventData );\n\t\tconst isCentered = this._options.isCentered ? this._options.isCentered( this ) : true;\n\n\t\t// Enlargement defines how much the resize host has changed in a given axis. Naturally it could be a negative number\n\t\t// meaning that it has been shrunk.\n\t\t//\n\t\t// +----------------+--+\n\t\t// |                |  |\n\t\t// |       img      |  |\n\t\t// |  /handle host  |  |\n\t\t// +----------------+  | ^\n\t\t// |                   | | - enlarge y\n\t\t// +-------------------+ v\n\t\t// \t\t\t\t\t<-->\n\t\t// \t\t\t\t\t enlarge x\n\t\tconst enlargement = {\n\t\t\tx: state._referenceCoordinates!.x - ( currentCoordinates.x + state.originalWidth! ),\n\t\t\ty: ( currentCoordinates.y - state.originalHeight! ) - state._referenceCoordinates!.y\n\t\t};\n\n\t\tif ( isCentered && state.activeHandlePosition!.endsWith( '-right' ) ) {\n\t\t\tenlargement.x = currentCoordinates.x - ( state._referenceCoordinates!.x + state.originalWidth! );\n\t\t}\n\n\t\t// Objects needs to be resized twice as much in horizontal axis if centered, since enlargement is counted from\n\t\t// one resized corner to your cursor. It needs to be duplicated to compensate for the other side too.\n\t\tif ( isCentered ) {\n\t\t\tenlargement.x *= 2;\n\t\t}\n\n\t\t// const resizeHost = this._getResizeHost();\n\n\t\t// The size proposed by the user. It does not consider the aspect ratio.\n\t\tlet width = Math.abs( state.originalWidth! + enlargement.x );\n\t\tlet height = Math.abs( state.originalHeight! + enlargement.y );\n\n\t\t// Dominant determination must take the ratio into account.\n\t\tconst dominant = width / state.aspectRatio! > height ? 'width' : 'height';\n\n\t\tif ( dominant == 'width' ) {\n\t\t\theight = width / state.aspectRatio!;\n\t\t} else {\n\t\t\twidth = height * state.aspectRatio!;\n\t\t}\n\n\t\treturn {\n\t\t\twidth: Math.round( width ),\n\t\t\theight: Math.round( height ),\n\t\t\twidthPercents: Math.min( Math.round( state.originalWidthPercents! / state.originalWidth! * width * 100 ) / 100, 100 )\n\t\t};\n\t}\n\n\t/**\n\t * Obtains the resize host.\n\t *\n\t * Resize host is an object that receives dimensions which are the result of resizing.\n\t */\n\tprivate _getResizeHost(): HTMLElement {\n\t\tconst widgetWrapper = this._domResizerWrapper!.parentElement;\n\n\t\treturn this._options.getResizeHost( widgetWrapper! );\n\t}\n\n\t/**\n\t * Obtains the handle host.\n\t *\n\t * Handle host is an object that the handles are aligned to.\n\t *\n\t * Handle host will not always be an entire widget itself. Take an image as an example. The image widget\n\t * contains an image and a caption. Only the image should be surrounded with handles.\n\t */\n\tprivate _getHandleHost(): HTMLElement {\n\t\tconst widgetWrapper = this._domResizerWrapper!.parentElement;\n\n\t\treturn this._options.getHandleHost( widgetWrapper! );\n\t}\n\n\t/**\n\t * DOM container of the entire resize UI.\n\t *\n\t * Note that this property will have a value only after the element bound with the resizer is rendered\n\t * (otherwise `null`).\n\t */\n\tprivate get _domResizerWrapper(): HTMLElement | null {\n\t\treturn this._options.editor.editing.view.domConverter.mapViewToDom( this._viewResizerWrapper! ) as any;\n\t}\n\n\t/**\n\t * Renders the resize handles in the DOM.\n\t *\n\t * @param domElement The resizer wrapper.\n\t */\n\tprivate _appendHandles( domElement: HTMLElement ) {\n\t\tconst resizerPositions = [ 'top-left', 'top-right', 'bottom-right', 'bottom-left' ];\n\n\t\tfor ( const currentPosition of resizerPositions ) {\n\t\t\tdomElement.appendChild( ( new Template( {\n\t\t\t\ttag: 'div',\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: `ck-widget__resizer__handle ${ getResizerClass( currentPosition ) }`\n\t\t\t\t}\n\t\t\t} ).render() ) );\n\t\t}\n\t}\n\n\t/**\n\t * Sets up the {@link #_sizeView} property and adds it to the passed `domElement`.\n\t */\n\tprivate _appendSizeUI( domElement: HTMLElement ) {\n\t\tthis._sizeView = new SizeView();\n\n\t\t// Make sure icon#element is rendered before passing to appendChild().\n\t\tthis._sizeView.render();\n\n\t\tdomElement.appendChild( this._sizeView.element! );\n\t}\n}\n\n/**\n * @eventName ~WidgetResizer#begin\n */\nexport type WidgetResizerBeginEvent = DecoratedMethodEvent<WidgetResizer, 'begin'>;\n\n/**\n * @eventName ~WidgetResizer#cancel\n */\nexport type WidgetResizerCancelEvent = DecoratedMethodEvent<WidgetResizer, 'cancel'>;\n\n/**\n * @eventName ~WidgetResizer#commit\n */\nexport type WidgetResizerCommitEvent = DecoratedMethodEvent<WidgetResizer, 'commit'>;\n\n/**\n * @eventName ~WidgetResizer#updateSize\n */\nexport type WidgetResizerUpdateSizeEvent = DecoratedMethodEvent<WidgetResizer, 'updateSize'>;\n\n/**\n * @param resizerPosition Expected resizer position like `\"top-left\"`, `\"bottom-right\"`.\n * @returns A prefixed HTML class name for the resizer element\n */\nfunction getResizerClass( resizerPosition: string ) {\n\treturn `ck-widget__resizer__handle-${ resizerPosition }`;\n}\n\nfunction extractCoordinates( event: MouseEvent ) {\n\treturn {\n\t\tx: event.pageX,\n\t\ty: event.pageY\n\t};\n}\n\nfunction existsInDom( element: Node | DocumentFragment | undefined | null ) {\n\treturn element && element.ownerDocument && element.ownerDocument.contains( element );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 widget/widgetresize\n */\n\nimport {\n\tWidgetResizer,\n\ttype WidgetResizerBeginEvent,\n\ttype WidgetResizerCancelEvent,\n\ttype WidgetResizerCommitEvent\n} from './widgetresize/resizer.js';\n\nimport { type WidgetToolbarRepository } from './widgettoolbarrepository.js';\n\nimport {\n\tPlugin,\n\ttype Editor\n} from '@ckeditor/ckeditor5-core';\n\nimport {\n\tMouseObserver,\n\ttype ModelDocumentChangeEvent,\n\ttype ViewDocumentDomEventData,\n\ttype ModelElement,\n\ttype ViewContainerElement,\n\ttype ViewDocumentMouseDownEvent,\n\ttype ViewSelectionChangeEvent\n} from '@ckeditor/ckeditor5-engine';\n\nimport type { EditorUIUpdateEvent } from '@ckeditor/ckeditor5-ui';\n\nimport {\n\tDomEmitterMixin,\n\tglobal,\n\ttype DomEmitter,\n\ttype EventInfo\n} from '@ckeditor/ckeditor5-utils';\n\nimport { throttle, type DebouncedFunc } from 'es-toolkit/compat';\n\nimport '../theme/widgetresize.css';\n\n/**\n * The widget resize feature plugin.\n *\n * Use the {@link module:widget/widgetresize~WidgetResize#attachTo} method to create a resizer for the specified widget.\n */\nexport class WidgetResize extends Plugin {\n\t/**\n\t * The currently selected resizer.\n\t *\n\t * @observable\n\t */\n\tdeclare public selectedResizer: WidgetResizer | null;\n\n\t/**\n\t * References an active resizer.\n\t *\n\t * Active resizer means a resizer which handle is actively used by the end user.\n\t *\n\t * @internal\n\t * @observable\n\t */\n\tdeclare public _activeResizer: WidgetResizer | null;\n\n\t/**\n\t * A map of resizers created using this plugin instance.\n\t */\n\tprivate _resizers = new Map<ViewContainerElement, WidgetResizer>();\n\n\tprivate _observer!: DomEmitter;\n\n\tprivate _redrawSelectedResizerThrottled!: DebouncedFunc<() => void>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'WidgetResize' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editing = this.editor.editing;\n\t\tconst domDocument = global.window.document;\n\n\t\tthis.set( 'selectedResizer', null );\n\t\tthis.set( '_activeResizer', null );\n\n\t\tediting.view.addObserver( MouseObserver );\n\n\t\tthis._observer = new ( DomEmitterMixin() )();\n\n\t\tthis.listenTo<ViewDocumentMouseDownEvent>(\n\t\t\tediting.view.document,\n\t\t\t'mousedown',\n\t\t\tthis._mouseDownListener.bind( this ),\n\t\t\t{ priority: 'high' }\n\t\t);\n\n\t\tthis._observer.listenTo( domDocument, 'mousemove', this._mouseMoveListener.bind( this ) );\n\t\tthis._observer.listenTo( domDocument, 'mouseup', this._mouseUpListener.bind( this ) );\n\n\t\tthis._redrawSelectedResizerThrottled = throttle( () => this.redrawSelectedResizer(), 200 );\n\n\t\t// Redrawing on any change of the UI of the editor (including content changes).\n\t\tthis.editor.ui.on<EditorUIUpdateEvent>( 'update', this._redrawSelectedResizerThrottled );\n\n\t\t// Remove view widget-resizer mappings for widgets that have been removed from the document.\n\t\t// https://github.com/ckeditor/ckeditor5/issues/10156\n\t\t// https://github.com/ckeditor/ckeditor5/issues/10266\n\t\tthis.editor.model.document.on<ModelDocumentChangeEvent>( 'change', () => {\n\t\t\tfor ( const [ viewElement, resizer ] of this._resizers ) {\n\t\t\t\tif ( !viewElement.isAttached() ) {\n\t\t\t\t\tthis._resizers.delete( viewElement );\n\t\t\t\t\tresizer.destroy();\n\t\t\t\t}\n\t\t\t}\n\t\t}, { priority: 'lowest' } );\n\n\t\t// Resizers need to be redrawn upon window resize, because new window might shrink resize host.\n\t\tthis._observer.listenTo( global.window, 'resize', this._redrawSelectedResizerThrottled );\n\n\t\tconst viewSelection = this.editor.editing.view.document.selection;\n\n\t\tviewSelection.on<ViewSelectionChangeEvent>( 'change', () => {\n\t\t\tconst selectedElement = viewSelection.getSelectedElement() as ViewContainerElement;\n\n\t\t\tconst resizer = this.getResizerByViewElement( selectedElement ) || null;\n\t\t\tif ( resizer ) {\n\t\t\t\tthis.select( resizer );\n\t\t\t} else {\n\t\t\t\tthis.deselect();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Redraws the selected resizer if there is any selected resizer and if it is visible.\n\t */\n\tpublic redrawSelectedResizer(): void {\n\t\tif ( this.selectedResizer && this.selectedResizer.isVisible ) {\n\t\t\tthis.selectedResizer.redraw();\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis._observer.stopListening();\n\n\t\tfor ( const resizer of this._resizers.values() ) {\n\t\t\tresizer.destroy();\n\t\t}\n\n\t\tthis._redrawSelectedResizerThrottled.cancel();\n\t}\n\n\t/**\n\t * Marks resizer as selected.\n\t */\n\tpublic select( resizer: WidgetResizer ): void {\n\t\tthis.deselect();\n\t\tthis.selectedResizer = resizer;\n\t\tthis.selectedResizer.isSelected = true;\n\t}\n\n\t/**\n\t * Deselects currently set resizer.\n\t */\n\tpublic deselect(): void {\n\t\tif ( this.selectedResizer ) {\n\t\t\tthis.selectedResizer.isSelected = false;\n\t\t}\n\n\t\tthis.selectedResizer = null;\n\t}\n\n\t/**\n\t * @param options Resizer options.\n\t */\n\tpublic attachTo( options: WidgetResizerOptions ): WidgetResizer {\n\t\tconst resizer = new WidgetResizer( options );\n\t\tconst plugins = this.editor.plugins;\n\n\t\tresizer.attach();\n\n\t\tif ( plugins.has( 'WidgetToolbarRepository' ) ) {\n\t\t\t// Hiding widget toolbar to improve the performance\n\t\t\t// (https://github.com/ckeditor/ckeditor5-widget/pull/112#issuecomment-564528765).\n\t\t\tconst widgetToolbarRepository: WidgetToolbarRepository = plugins.get( 'WidgetToolbarRepository' );\n\n\t\t\tresizer.on<WidgetResizerBeginEvent>( 'begin', () => {\n\t\t\t\twidgetToolbarRepository.forceDisabled( 'resize' );\n\t\t\t}, { priority: 'lowest' } );\n\n\t\t\tresizer.on<WidgetResizerCancelEvent>( 'cancel', () => {\n\t\t\t\twidgetToolbarRepository.clearForceDisabled( 'resize' );\n\t\t\t}, { priority: 'highest' } );\n\n\t\t\tresizer.on<WidgetResizerCommitEvent>( 'commit', () => {\n\t\t\t\twidgetToolbarRepository.clearForceDisabled( 'resize' );\n\t\t\t}, { priority: 'highest' } );\n\t\t}\n\n\t\tthis._resizers.set( options.viewElement, resizer );\n\n\t\tconst viewSelection = this.editor.editing.view.document.selection;\n\t\tconst selectedElement = viewSelection.getSelectedElement() as ViewContainerElement;\n\n\t\t// If the element the resizer is created for is currently focused, it should become visible.\n\t\tif ( this.getResizerByViewElement( selectedElement ) == resizer ) {\n\t\t\tthis.select( resizer );\n\t\t}\n\n\t\treturn resizer;\n\t}\n\n\t/**\n\t * Returns a resizer created for a given view element (widget element).\n\t *\n\t * @param viewElement View element associated with the resizer.\n\t */\n\tpublic getResizerByViewElement( viewElement: ViewContainerElement ): WidgetResizer | undefined {\n\t\treturn this._resizers.get( viewElement );\n\t}\n\n\t/**\n\t * Returns a resizer that contains a given resize handle.\n\t */\n\tprivate _getResizerByHandle( domResizeHandle: HTMLElement ): WidgetResizer | undefined {\n\t\tfor ( const resizer of this._resizers.values() ) {\n\t\t\tif ( resizer.containsHandle( domResizeHandle ) ) {\n\t\t\t\treturn resizer;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * @param domEventData Native DOM event.\n\t */\n\tprivate _mouseDownListener( event: EventInfo, domEventData: ViewDocumentDomEventData ) {\n\t\tconst resizeHandle = domEventData.domTarget;\n\n\t\tif ( !WidgetResizer.isResizeHandle( resizeHandle ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._activeResizer = this._getResizerByHandle( resizeHandle ) || null;\n\n\t\tif ( this._activeResizer ) {\n\t\t\tthis._activeResizer.begin( resizeHandle );\n\n\t\t\t// Do not call other events when resizing. See: #6755.\n\t\t\tevent.stop();\n\t\t\tdomEventData.preventDefault();\n\t\t}\n\t}\n\n\t/**\n\t * @param domEventData Native DOM event.\n\t */\n\tprivate _mouseMoveListener( event: unknown, domEventData: MouseEvent ) {\n\t\tif ( this._activeResizer ) {\n\t\t\tthis._activeResizer.updateSize( domEventData );\n\t\t}\n\t}\n\n\tprivate _mouseUpListener(): void {\n\t\tif ( this._activeResizer ) {\n\t\t\tthis._activeResizer.commit();\n\t\t\tthis._activeResizer = null;\n\t\t}\n\t}\n}\n\n/**\n * Interface describing a resizer. It allows to specify the resizing host, custom logic for calculating aspect ratio, etc.\n */\nexport interface WidgetResizerOptions {\n\n\t/**\n\t * Editor instance associated with the resizer.\n\t */\n\teditor: Editor;\n\n\tmodelElement: ModelElement;\n\n\t/**\n\t * A view of an element to be resized. Typically it's the main widget's view instance.\n\t */\n\tviewElement: ViewContainerElement;\n\n\tunit?: 'px' | '%';\n\n\t/**\n\t * A callback to be executed once the resizing process is done.\n\t *\n\t * It receives a `Number` (`newValue`) as a parameter.\n\t *\n\t * For example, {@link module:image/imageresize~ImageResize} uses it to execute the resize image command\n\t * which puts the new value into the model.\n\t *\n\t * ```ts\n\t * {\n\t *\teditor,\n\t *\tmodelElement: data.item,\n\t *\tviewElement: widget,\n\t *\n\t *\tonCommit( newValue ) {\n\t *\t\teditor.execute( 'resizeImage', { width: newValue } );\n\t *\t}\n\t * };\n\t * ```\n\t */\n\tonCommit: ( newValue: string ) => void;\n\n\tgetResizeHost: ( widgetWrapper: HTMLElement ) => HTMLElement;\n\n\tgetHandleHost: ( widgetWrapper: HTMLElement ) => HTMLElement;\n\n\tisCentered?: ( resizer: WidgetResizer ) => boolean;\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { toWidget, WidgetToolbarRepository, isWidget, Widget } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { View, ViewCollection, FormRowView, FocusCycler, submitHandler, ButtonView, FormHeaderView, LabeledFieldView, createLabeledInputText, IconView, ContextualBalloon, BalloonPanelView, CssTransitionDisablerMixin, MenuBarMenuListItemButtonView, LabelView, clickOutsideHandler } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconBookmarkInline, IconPencil, IconRemove, IconBookmark, IconBookmarkMedium, IconBookmarkSmall } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { FocusTracker, KeystrokeHandler, logWarning } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { IconPreviousArrow } from '@ckeditor/ckeditor5-icons/dist/index.js';\n\n/**\n * The bookmark form view controller class.\n *\n * See {@link module:bookmark/ui/bookmarkformview~BookmarkFormView}.\n */ class BookmarkFormView extends View {\n    /**\n\t * Tracks information about DOM focus in the form.\n\t */ focusTracker = new FocusTracker();\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes = new KeystrokeHandler();\n    /**\n\t * The ID input view.\n\t */ idInputView;\n    /**\n\t * The Back button view displayed in the header.\n\t */ backButtonView;\n    /**\n\t * A button used to submit the form.\n\t */ saveButtonView;\n    /**\n\t * A collection of form child views in the form.\n\t */ children;\n    /**\n\t * An array of form validators used by {@link #isValid}.\n\t */ _validators;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables = new ViewCollection();\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * Creates an instance of the {@link module:bookmark/ui/bookmarkformview~BookmarkFormView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param validators  Form validators used by {@link #isValid}.\n\t */ constructor(locale, validators){\n        super(locale);\n        this._validators = validators;\n        // Create buttons.\n        this.backButtonView = this._createBackButton();\n        this.saveButtonView = this._createSaveButton();\n        // Create input fields.\n        this.idInputView = this._createIdInput();\n        this.children = this.createCollection([\n            this._createHeaderView()\n        ]);\n        this.children.add(new FormRowView(locale, {\n            children: [\n                this.idInputView,\n                this.saveButtonView\n            ],\n            class: [\n                'ck-form__row_with-submit',\n                'ck-form__row_large-top-padding'\n            ]\n        }));\n        // Close the panel on esc key press when the **form has focus**.\n        this.keystrokes.set('Esc', (data, cancel)=>{\n            this.fire('cancel');\n            cancel();\n        });\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form',\n                    'ck-bookmark-form',\n                    'ck-responsive-form'\n                ],\n                // https://github.com/ckeditor/ckeditor5-link/issues/90\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        submitHandler({\n            view: this\n        });\n        const childViews = [\n            this.backButtonView,\n            this.idInputView,\n            this.saveButtonView\n        ];\n        childViews.forEach((v)=>{\n            // Register the view as focusable.\n            this._focusables.add(v);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(v.element);\n        });\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */ focus() {\n        this.idInputView.focus();\n    }\n    /**\n\t * Validates the form and returns `false` when some fields are invalid.\n\t */ isValid() {\n        this.resetFormStatus();\n        for (const validator of this._validators){\n            const errorText = validator(this);\n            // One error per field is enough.\n            if (errorText) {\n                // Apply updated error.\n                this.idInputView.errorText = errorText;\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Cleans up the supplementary error and information text of the {@link #idInputView}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */ resetFormStatus() {\n        this.idInputView.errorText = null;\n    }\n    /**\n\t * Creates a back button view that cancels the form.\n\t */ _createBackButton() {\n        const t = this.locale.t;\n        const backButton = new ButtonView(this.locale);\n        backButton.set({\n            class: 'ck-button-back',\n            label: t('Back'),\n            icon: IconPreviousArrow,\n            tooltip: true\n        });\n        backButton.delegate('execute').to(this, 'cancel');\n        return backButton;\n    }\n    /**\n\t * Creates a save button view that saves the bookmark.\n\t */ _createSaveButton() {\n        const t = this.locale.t;\n        const saveButton = new ButtonView(this.locale);\n        saveButton.set({\n            label: t('Save'),\n            withText: true,\n            type: 'submit',\n            class: 'ck-button-action ck-button-bold'\n        });\n        return saveButton;\n    }\n    /**\n\t * Creates a header view for the form.\n\t */ _createHeaderView() {\n        const t = this.locale.t;\n        const header = new FormHeaderView(this.locale, {\n            label: t('Bookmark')\n        });\n        header.children.add(this.backButtonView, 0);\n        return header;\n    }\n    /**\n\t * Creates a labeled input view.\n\t *\n\t * @returns Labeled field view instance.\n\t */ _createIdInput() {\n        const t = this.locale.t;\n        const labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);\n        labeledInput.label = t('Bookmark name');\n        labeledInput.infoText = t('Enter the bookmark name without spaces.');\n        labeledInput.class = 'ck-labeled-field-view_full-width';\n        return labeledInput;\n    }\n    /**\n\t * The native DOM `value` of the {@link #idInputView} element.\n\t *\n\t * **Note**: Do not confuse it with the {@link module:ui/inputtext/inputtextview~InputTextView#value}\n\t * which works one way only and may not represent the actual state of the component in the DOM.\n\t */ get id() {\n        const { element } = this.idInputView.fieldView;\n        if (!element) {\n            return null;\n        }\n        return element.value.trim();\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module bookmark/utils\n */ /**\n * Returns `true` if the bookmark id is valid; otherwise, returns `false`.\n *\n * @internal\n */ function isBookmarkIdValid(id) {\n    if (!id || typeof id !== 'string') {\n        return false;\n    }\n    if (/\\s/.test(id)) {\n        return false;\n    }\n    return true;\n}\n\n/**\n * The insert bookmark command.\n *\n * The command is registered by {@link module:bookmark/bookmarkediting~BookmarkEditing} as `'insertBookmark'`.\n *\n * To insert a bookmark element at place where is the current collapsed selection or where is the beginning of document selection,\n * execute the command passing the bookmark id as a parameter:\n *\n * ```ts\n * editor.execute( 'insertBookmark', { bookmarkId: 'foo_bar' } );\n * ```\n */ class InsertBookmarkCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const position = this._getPositionToInsertBookmark(selection);\n        this.isEnabled = !!position;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.bookmarkId The value of the `bookmarkId` attribute.\n\t */ execute(options) {\n        if (!options) {\n            return;\n        }\n        const { bookmarkId } = options;\n        if (!isBookmarkIdValid(bookmarkId)) {\n            /**\n\t\t\t * Insert bookmark command can be executed only with a valid name.\n\t\t\t *\n\t\t\t * A valid bookmark name must be a non-empty string and must not contain any spaces.\n\t\t\t *\n\t\t\t * @error insert-bookmark-command-executed-with-invalid-name\n\t\t\t */ logWarning('insert-bookmark-command-executed-with-invalid-name');\n            return;\n        }\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        model.change((writer)=>{\n            let position = this._getPositionToInsertBookmark(selection);\n            const isBookmarkAllowed = model.schema.checkChild(position, 'bookmark');\n            // If the position does not allow for `bookmark` but allows for a `paragraph`\n            // then insert a `paragraph` then we will insert a `bookmark` inside.\n            if (!isBookmarkAllowed) {\n                const newPosition = editor.execute('insertParagraph', {\n                    position\n                });\n                if (!newPosition) {\n                    return;\n                }\n                position = newPosition;\n            }\n            const bookmarkElement = writer.createElement('bookmark', {\n                ...Object.fromEntries(selection.getAttributes()),\n                bookmarkId\n            });\n            model.insertObject(bookmarkElement, position, null, {\n                setSelection: 'on'\n            });\n        });\n    }\n    /**\n\t * Returns the position where the bookmark can be inserted. And if it is not possible to insert a bookmark,\n\t * check if it is possible to insert a paragraph.\n\t */ _getPositionToInsertBookmark(selection) {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const firstRange = selection.getFirstRange();\n        const startPosition = firstRange.start;\n        // Return position if it is allowed to insert bookmark or if it is allowed to insert paragraph.\n        if (isBookmarkAllowed(startPosition, schema)) {\n            return startPosition;\n        }\n        for (const { previousPosition, item } of firstRange){\n            // When the table cell is selected (from the outside) we look for the first paragraph-like element inside.\n            if (item.is('element') && schema.checkChild(item, '$text') && isBookmarkAllowed(item, schema)) {\n                return model.createPositionAt(item, 0);\n            }\n            if (isBookmarkAllowed(previousPosition, schema)) {\n                return previousPosition;\n            }\n        }\n        return null;\n    }\n}\n/**\n * Verify if the given position allows for bookmark insertion. Verify if auto-paragraphing could help.\n */ function isBookmarkAllowed(position, schema) {\n    if (schema.checkChild(position, 'bookmark')) {\n        return true;\n    }\n    if (!schema.checkChild(position, 'paragraph')) {\n        return false;\n    }\n    return schema.checkChild('paragraph', 'bookmark');\n}\n\n/**\n * The update bookmark command.\n *\n * The command is registered by {@link module:bookmark/bookmarkediting~BookmarkEditing} as `'updateBookmark'`.\n *\n * To update the `bookmarkId` of current selected bookmark element, execute the command passing the bookmark id as a parameter:\n *\n * ```ts\n * editor.execute( 'updateBookmark', { bookmarkId: 'newId' } );\n * ```\n */ class UpdateBookmarkCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const selectedBookmark = getSelectedBookmark(selection);\n        this.isEnabled = !!selectedBookmark;\n        this.value = selectedBookmark ? selectedBookmark.getAttribute('bookmarkId') : undefined;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.bookmarkId The new value of the `bookmarkId` attribute to set.\n\t */ execute(options) {\n        if (!options) {\n            return;\n        }\n        const { bookmarkId } = options;\n        if (!isBookmarkIdValid(bookmarkId)) {\n            /**\n\t\t\t * Update bookmark command can be executed only with a valid name.\n\t\t\t *\n\t\t\t * A valid bookmark name must be a non-empty string and must not contain any spaces.\n\t\t\t *\n\t\t\t * @error update-bookmark-command-executed-with-invalid-name\n\t\t\t */ logWarning('update-bookmark-command-executed-with-invalid-name');\n            return;\n        }\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const selectedBookmark = getSelectedBookmark(selection);\n        if (selectedBookmark) {\n            model.change((writer)=>{\n                writer.setAttribute('bookmarkId', bookmarkId, selectedBookmark);\n            });\n        }\n    }\n}\n/**\n * Returns the selected `bookmark` element in the model, if any.\n */ function getSelectedBookmark(selection) {\n    const element = selection.getSelectedElement();\n    if (!!element && element.is('element', 'bookmark')) {\n        return element;\n    }\n    return null;\n}\n\n/**\n * The bookmark editing plugin.\n */ class BookmarkEditing extends Plugin {\n    /**\n\t * A collection of bookmarks elements in the document.\n\t */ _bookmarkElements = new Map();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'BookmarkEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'BKM';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('bookmark', {\n            toolbar: [\n                'bookmarkPreview',\n                '|',\n                'editBookmark',\n                'removeBookmark'\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const { editor } = this;\n        this._defineSchema();\n        this._defineConverters();\n        editor.commands.add('insertBookmark', new InsertBookmarkCommand(editor));\n        editor.commands.add('updateBookmark', new UpdateBookmarkCommand(editor));\n        this.listenTo(editor.model.document, 'change:data', ()=>{\n            this._trackBookmarkElements();\n        });\n    }\n    /**\n\t * Returns the model element for the given bookmark ID if it exists.\n\t */ getElementForBookmarkId(bookmarkId) {\n        for (const [element, id] of this._bookmarkElements){\n            if (id == bookmarkId) {\n                return element;\n            }\n        }\n        return null;\n    }\n    /**\n\t * Returns all unique bookmark names existing in the content.\n\t */ getAllBookmarkNames() {\n        return new Set(this._bookmarkElements.values());\n    }\n    /**\n\t * Defines the schema for the bookmark feature.\n\t */ _defineSchema() {\n        const schema = this.editor.model.schema;\n        schema.register('bookmark', {\n            inheritAllFrom: '$inlineObject',\n            allowAttributes: 'bookmarkId',\n            disallowAttributes: [\n                'linkHref',\n                'htmlA'\n            ]\n        });\n    }\n    /**\n\t * Defines the converters for the bookmark feature.\n\t */ _defineConverters() {\n        const { editor } = this;\n        const { conversion, t } = editor;\n        editor.data.htmlProcessor.domConverter.registerInlineObjectMatcher((element)=>upcastMatcher(element));\n        // Register an inline object matcher so that bookmarks <a>s are correctly recognized as inline elements in editing pipeline.\n        // This prevents converting spaces around bookmarks to `&nbsp;`s.\n        editor.editing.view.domConverter.registerInlineObjectMatcher((element)=>upcastMatcher(element, false));\n        conversion.for('dataDowncast').elementToElement({\n            model: {\n                name: 'bookmark',\n                attributes: [\n                    'bookmarkId'\n                ]\n            },\n            view: (modelElement, { writer })=>{\n                const emptyElement = writer.createEmptyElement('a', {\n                    'id': modelElement.getAttribute('bookmarkId')\n                });\n                // `getFillerOffset` is not needed to set here, because `emptyElement` has already covered it.\n                return emptyElement;\n            }\n        });\n        conversion.for('editingDowncast').elementToElement({\n            model: {\n                name: 'bookmark',\n                attributes: [\n                    'bookmarkId'\n                ]\n            },\n            view: (modelElement, { writer })=>{\n                const id = modelElement.getAttribute('bookmarkId');\n                const containerElement = writer.createContainerElement('a', {\n                    id,\n                    class: 'ck-bookmark'\n                }, [\n                    this._createBookmarkUIElement(writer)\n                ]);\n                writer.setCustomProperty('bookmark', true, containerElement);\n                this._bookmarkElements.set(modelElement, id);\n                // `getFillerOffset` is not needed to set here, because `toWidget` has already covered it.\n                const labelCreator = ()=>`${id} ${t('bookmark widget')}`;\n                return toWidget(containerElement, writer, {\n                    label: labelCreator\n                });\n            }\n        });\n        conversion.for('upcast').add((dispatcher)=>dispatcher.on('element:a', dataViewModelAnchorInsertion(editor)));\n    }\n    /**\n\t * Creates a UI element for the `bookmark` representation in editing view.\n\t */ _createBookmarkUIElement(writer) {\n        return writer.createUIElement('span', {\n            class: 'ck-bookmark__icon'\n        }, function(domDocument) {\n            const domElement = this.toDomElement(domDocument);\n            const icon = new IconView();\n            icon.set({\n                content: IconBookmarkInline,\n                isColorInherited: false\n            });\n            icon.render();\n            domElement.appendChild(icon.element);\n            return domElement;\n        });\n    }\n    /**\n\t * Tracking the added or removed bookmark elements.\n\t */ _trackBookmarkElements() {\n        this._bookmarkElements.forEach((id, element)=>{\n            if (element.root.rootName === '$graveyard') {\n                this._bookmarkElements.delete(element);\n            }\n        });\n    }\n}\n/**\n * A helper function to match an `anchor` element which must contain `id` or `name` attribute but without `href` attribute,\n * also when `expectEmpty` is set to `true` but the element is not empty matcher should not match any element.\n *\n * @param element The element to be checked.\n * @param expectEmpty Default set to `true`, when set to `false` matcher expects that `anchor` is not empty;\n * in editing pipeline it's not empty because it contains the `UIElement`.\n */ function upcastMatcher(element, expectEmpty = true) {\n    const isAnchorElement = element.name === 'a';\n    if (!isAnchorElement) {\n        return null;\n    }\n    if (expectEmpty && !element.isEmpty) {\n        return null;\n    }\n    const hasIdAttribute = element.hasAttribute('id');\n    const hasNameAttribute = element.hasAttribute('name');\n    const hasHrefAttribute = element.hasAttribute('href');\n    if (hasIdAttribute && !hasHrefAttribute) {\n        return {\n            name: true,\n            attributes: [\n                'id'\n            ]\n        };\n    }\n    if (hasNameAttribute && !hasHrefAttribute) {\n        return {\n            name: true,\n            attributes: [\n                'name'\n            ]\n        };\n    }\n    return null;\n}\n/**\n * A view-to-model converter that handles converting pointed or wrapped anchors with `id` and/or `name` attributes.\n *\n * @returns Returns a conversion callback.\n */ function dataViewModelAnchorInsertion(editor) {\n    return (evt, data, conversionApi)=>{\n        const viewItem = data.viewItem;\n        const match = upcastMatcher(viewItem, false);\n        if (!match || !conversionApi.consumable.test(viewItem, match)) {\n            return;\n        }\n        const enableNonEmptyAnchorConversion = isEnabledNonEmptyAnchorConversion(editor);\n        if (!enableNonEmptyAnchorConversion && !viewItem.isEmpty) {\n            return;\n        }\n        const modelWriter = conversionApi.writer;\n        const anchorId = viewItem.getAttribute('id');\n        const anchorName = viewItem.getAttribute('name');\n        const bookmarkId = anchorId || anchorName;\n        const bookmark = modelWriter.createElement('bookmark', {\n            bookmarkId\n        });\n        if (!conversionApi.safeInsert(bookmark, data.modelCursor)) {\n            return;\n        }\n        conversionApi.consumable.consume(viewItem, match);\n        if (anchorId === anchorName) {\n            conversionApi.consumable.consume(viewItem, {\n                attributes: [\n                    'name'\n                ]\n            });\n        }\n        conversionApi.updateConversionResult(bookmark, data);\n        // Convert children uses the result of `bookmark` insertion to convert the `anchor` content\n        // after the bookmark element (not inside it).\n        const { modelCursor, modelRange } = conversionApi.convertChildren(viewItem, data.modelCursor);\n        data.modelCursor = modelCursor;\n        data.modelRange = modelWriter.createRange(data.modelRange.start, modelRange.end);\n    };\n}\n/**\n * Normalize the bookmark configuration option `enableNonEmptyAnchorConversion`.\n */ function isEnabledNonEmptyAnchorConversion(editor) {\n    const enableNonEmptyAnchorConversion = editor.config.get('bookmark.enableNonEmptyAnchorConversion');\n    // When not defined, option `enableNonEmptyAnchorConversion` by default is set to `true`.\n    return enableNonEmptyAnchorConversion !== undefined ? enableNonEmptyAnchorConversion : true;\n}\n\nconst VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';\n/**\n * The UI plugin of the bookmark feature.\n *\n * It registers the `'bookmark'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}\n * which inserts the `bookmark` element upon selection.\n */ class BookmarkUI extends Plugin {\n    /**\n\t * The form view displayed inside the balloon.\n\t */ formView = null;\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            BookmarkEditing,\n            ContextualBalloon,\n            WidgetToolbarRepository\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'BookmarkUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        this._balloon = editor.plugins.get(ContextualBalloon);\n        // Register the link provider in link plugin to display the link form.\n        if (editor.plugins.has('LinkUI')) {\n            this._registerLinkProvider();\n        }\n        // Create toolbar buttons.\n        this._registerComponents();\n        // Renders a fake visual selection marker on an expanded selection.\n        editor.conversion.for('editingDowncast').markerToHighlight({\n            model: VISUAL_SELECTION_MARKER_NAME,\n            view: {\n                classes: [\n                    'ck-fake-bookmark-selection'\n                ]\n            }\n        });\n        // Renders a fake visual selection marker on a collapsed selection.\n        editor.conversion.for('editingDowncast').markerToElement({\n            model: VISUAL_SELECTION_MARKER_NAME,\n            view: (data, { writer })=>{\n                if (!data.markerRange.isCollapsed) {\n                    return null;\n                }\n                const markerElement = writer.createUIElement('span');\n                writer.addClass([\n                    'ck-fake-bookmark-selection',\n                    'ck-fake-bookmark-selection_collapsed'\n                ], markerElement);\n                return markerElement;\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const widgetToolbarRepository = this.editor.plugins.get(WidgetToolbarRepository);\n        const defaultPositions = BalloonPanelView.defaultPositions;\n        widgetToolbarRepository.register('bookmark', {\n            ariaLabel: t('Bookmark toolbar'),\n            items: editor.config.get('bookmark.toolbar'),\n            getRelatedElement: getSelectedBookmarkWidget,\n            balloonClassName: 'ck-bookmark-balloon ck-toolbar-container',\n            // Override positions to the same list as for balloon panel default\n            // so widget toolbar will try to use same position as form view.\n            positions: [\n                defaultPositions.southArrowNorth,\n                defaultPositions.southArrowNorthMiddleWest,\n                defaultPositions.southArrowNorthMiddleEast,\n                defaultPositions.southArrowNorthWest,\n                defaultPositions.southArrowNorthEast,\n                defaultPositions.northArrowSouth,\n                defaultPositions.northArrowSouthMiddleWest,\n                defaultPositions.northArrowSouthMiddleEast,\n                defaultPositions.northArrowSouthWest,\n                defaultPositions.northArrowSouthEast,\n                defaultPositions.viewportStickyNorth\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n        if (this.formView) {\n            this.formView.destroy();\n        }\n    }\n    /**\n\t * Creates views.\n\t */ _createViews() {\n        this.formView = this._createFormView();\n        // Attach lifecycle actions to the the balloon.\n        this._enableUserBalloonInteractions();\n    }\n    /**\n\t * Creates the {@link module:bookmark/ui/bookmarkformview~BookmarkFormView} instance.\n\t */ _createFormView() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const t = locale.t;\n        const insertBookmarkCommand = editor.commands.get('insertBookmark');\n        const updateBookmarkCommand = editor.commands.get('updateBookmark');\n        const commands = [\n            insertBookmarkCommand,\n            updateBookmarkCommand\n        ];\n        const formView = new (CssTransitionDisablerMixin(BookmarkFormView))(locale, getFormValidators(editor));\n        formView.idInputView.fieldView.bind('value').to(updateBookmarkCommand, 'value');\n        formView.saveButtonView.bind('label').to(updateBookmarkCommand, 'value', (value)=>value ? t('Save') : t('Insert'));\n        // Form elements should be read-only when corresponding commands are disabled.\n        formView.idInputView.bind('isEnabled').toMany(commands, 'isEnabled', (...areEnabled)=>areEnabled.some((isEnabled)=>isEnabled));\n        // Disable the \"save\" button if the command is disabled.\n        formView.saveButtonView.bind('isEnabled').toMany(commands, 'isEnabled', (...areEnabled)=>areEnabled.some((isEnabled)=>isEnabled));\n        // Close the panel on form after clicking back button.\n        this.listenTo(formView, 'cancel', ()=>{\n            this._hideFormView();\n        });\n        // Execute link command after clicking the \"Save\" button.\n        this.listenTo(formView, 'submit', ()=>{\n            if (formView.isValid()) {\n                const value = formView.id;\n                if (this._getSelectedBookmarkElement()) {\n                    editor.execute('updateBookmark', {\n                        bookmarkId: value\n                    });\n                } else {\n                    editor.execute('insertBookmark', {\n                        bookmarkId: value\n                    });\n                }\n                this._hideFormView();\n            }\n        });\n        // Update balloon position when form error changes.\n        this.listenTo(formView.idInputView, 'change:errorText', ()=>{\n            editor.ui.update();\n        });\n        return formView;\n    }\n    /**\n\t * Creates link form menu list entry, so it'll be possible to access\n\t * the list of the bookmarks from the link form.\n\t */ _registerLinkProvider() {\n        const t = this.editor.locale.t;\n        const linksUI = this.editor.plugins.get('LinkUI');\n        const bookmarkEditing = this.editor.plugins.get(BookmarkEditing);\n        const getListItems = ()=>Array.from(bookmarkEditing.getAllBookmarkNames()).sort((a, b)=>a.localeCompare(b)).map((bookmarkId)=>({\n                    id: bookmarkId,\n                    href: `#${bookmarkId}`,\n                    label: bookmarkId,\n                    icon: IconBookmarkMedium\n                }));\n        const getItem = (href)=>{\n            const bookmark = [\n                ...bookmarkEditing.getAllBookmarkNames()\n            ].find((item)=>`#${item}` === href);\n            if (!bookmark) {\n                return null;\n            }\n            return {\n                href,\n                label: bookmark,\n                icon: IconBookmarkSmall,\n                tooltip: t('Scroll to bookmark')\n            };\n        };\n        linksUI.registerLinksListProvider({\n            label: t('Bookmarks'),\n            emptyListPlaceholder: t('No bookmarks available.'),\n            navigate: ({ href })=>this._scrollToBookmark(href),\n            getListItems,\n            getItem\n        });\n    }\n    /**\n\t * Scrolls the editor to the bookmark with the given id.\n\t */ _scrollToBookmark(href) {\n        const bookmarkEditing = this.editor.plugins.get(BookmarkEditing);\n        const bookmarkElement = bookmarkEditing.getElementForBookmarkId(href.slice(1));\n        if (!bookmarkElement) {\n            return false;\n        }\n        this.editor.model.change((writer)=>{\n            writer.setSelection(bookmarkElement, 'on');\n        });\n        this.editor.editing.view.scrollToTheSelection({\n            alignToTop: true,\n            forceScroll: true\n        });\n        return true;\n    }\n    /**\n\t * Creates a toolbar Bookmark button. Clicking this button will show\n\t * a {@link #_balloon} attached to the selection.\n\t */ _registerComponents() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('bookmark', ()=>{\n            const buttonView = this._createBookmarkButton(ButtonView);\n            buttonView.set({\n                tooltip: true\n            });\n            return buttonView;\n        });\n        editor.ui.componentFactory.add('menuBar:bookmark', ()=>{\n            return this._createBookmarkButton(MenuBarMenuListItemButtonView);\n        });\n        // Bookmark toolbar buttons.\n        editor.ui.componentFactory.add('bookmarkPreview', (locale)=>{\n            const updateBookmarkCommand = editor.commands.get('updateBookmark');\n            const label = new LabelView(locale);\n            label.extendTemplate({\n                attributes: {\n                    class: [\n                        'ck-bookmark-toolbar__preview'\n                    ]\n                }\n            });\n            label.bind('text').to(updateBookmarkCommand, 'value');\n            return label;\n        });\n        editor.ui.componentFactory.add('editBookmark', (locale)=>{\n            const updateBookmarkCommand = editor.commands.get('updateBookmark');\n            const button = new ButtonView(locale);\n            const t = locale.t;\n            button.set({\n                label: t('Edit bookmark'),\n                icon: IconPencil,\n                tooltip: true\n            });\n            button.bind('isEnabled').to(updateBookmarkCommand);\n            this.listenTo(button, 'execute', ()=>{\n                this._showFormView();\n            });\n            return button;\n        });\n        editor.ui.componentFactory.add('removeBookmark', (locale)=>{\n            const deleteCommand = editor.commands.get('delete');\n            const button = new ButtonView(locale);\n            const t = locale.t;\n            button.set({\n                label: t('Remove bookmark'),\n                icon: IconRemove,\n                tooltip: true\n            });\n            button.bind('isEnabled').to(deleteCommand);\n            this.listenTo(button, 'execute', ()=>{\n                editor.execute('delete');\n                editor.editing.view.focus();\n            });\n            return button;\n        });\n    }\n    /**\n\t * Creates a button for `bookmark` command to use either in toolbar or in menu bar.\n\t */ _createBookmarkButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const view = new ButtonClass(locale);\n        const insertCommand = editor.commands.get('insertBookmark');\n        const updateCommand = editor.commands.get('updateBookmark');\n        const t = locale.t;\n        view.set({\n            label: t('Bookmark'),\n            icon: IconBookmark\n        });\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.editing.view.scrollToTheSelection();\n            this._showFormView();\n        });\n        view.bind('isEnabled').toMany([\n            insertCommand,\n            updateCommand\n        ], 'isEnabled', (...areEnabled)=>areEnabled.some((isEnabled)=>isEnabled));\n        view.bind('isOn').to(updateCommand, 'value', (value)=>!!value);\n        return view;\n    }\n    /**\n\t * Attaches actions that control whether the balloon panel containing the\n\t * {@link #formView} is visible or not.\n\t */ _enableUserBalloonInteractions() {\n        // Close the panel on the Esc key press when the editable has focus and the balloon is visible.\n        this.editor.keystrokes.set('Esc', (data, cancel)=>{\n            if (this._isFormVisible) {\n                this._hideFormView();\n                cancel();\n            }\n        });\n        // Close on click outside of balloon panel element.\n        clickOutsideHandler({\n            emitter: this.formView,\n            activator: ()=>this._isFormInPanel,\n            contextElements: ()=>[\n                    this._balloon.view.element\n                ],\n            callback: ()=>{\n                // Focusing on the editable during a click outside the balloon panel might\n                // cause the selection to move to the beginning of the editable, so we avoid\n                // focusing on it during this action.\n                // See: https://github.com/ckeditor/ckeditor5/issues/18253\n                this._hideFormView(false);\n            }\n        });\n    }\n    /**\n\t * Adds the {@link #formView} to the {@link #_balloon}.\n\t */ _addFormView() {\n        if (!this.formView) {\n            this._createViews();\n        }\n        if (this._isFormInPanel) {\n            return;\n        }\n        const updateBookmarkCommand = this.editor.commands.get('updateBookmark');\n        this.formView.disableCssTransitions();\n        this.formView.resetFormStatus();\n        this._balloon.add({\n            view: this.formView,\n            position: this._getBalloonPositionData()\n        });\n        this.formView.backButtonView.isVisible = updateBookmarkCommand.isEnabled;\n        this.formView.idInputView.fieldView.value = updateBookmarkCommand.value || '';\n        // Select input when form view is currently visible.\n        if (this._balloon.visibleView === this.formView) {\n            this.formView.idInputView.fieldView.select();\n        }\n        this.formView.enableCssTransitions();\n    }\n    /**\n\t * Removes the {@link #formView} from the {@link #_balloon}.\n\t */ _removeFormView(updateFocus = true) {\n        // Blur the input element before removing it from DOM to prevent issues in some browsers.\n        // See https://github.com/ckeditor/ckeditor5/issues/1501.\n        this.formView.saveButtonView.focus();\n        // Reset the ID field to update the state of the submit button.\n        this.formView.idInputView.fieldView.reset();\n        this._balloon.remove(this.formView);\n        // Because the form has an input which has focus, the focus must be brought back\n        // to the editor. Otherwise, it would be lost.\n        if (updateFocus) {\n            this.editor.editing.view.focus();\n        }\n        this._hideFakeVisualSelection();\n    }\n    /**\n\t * Shows the {@link #formView}.\n\t */ _showFormView() {\n        if (!this.formView) {\n            this._createViews();\n        }\n        if (!this._getSelectedBookmarkElement()) {\n            this._showFakeVisualSelection();\n        }\n        this._addFormView();\n        // Be sure panel with bookmark is visible.\n        this._balloon.showStack('main');\n        // Begin responding to ui#update once the UI is added.\n        this._startUpdatingUI();\n    }\n    /**\n\t * Removes the {@link #formView} from the {@link #_balloon}.\n\t */ _hideFormView(updateFocus = true) {\n        if (!this._isFormInPanel) {\n            return;\n        }\n        const editor = this.editor;\n        this.stopListening(editor.ui, 'update');\n        this.stopListening(this._balloon, 'change:visibleView');\n        // Make sure the focus always gets back to the editable _before_ removing the focused form view.\n        // Doing otherwise causes issues in some browsers. See https://github.com/ckeditor/ckeditor5-link/issues/193.\n        if (updateFocus) {\n            editor.editing.view.focus();\n        }\n        // Remove form first because it's on top of the stack.\n        this._removeFormView(updateFocus);\n        this._hideFakeVisualSelection();\n    }\n    /**\n\t * Makes the UI react to the {@link module:ui/editorui/editorui~EditorUI#event:update} event to\n\t * reposition itself when the editor UI should be refreshed.\n\t *\n\t * See: {@link #_hideFormView} to learn when the UI stops reacting to the `update` event.\n\t */ _startUpdatingUI() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        let prevSelectedBookmark = this._getSelectedBookmarkElement();\n        let prevSelectionParent = getSelectionParent();\n        const update = ()=>{\n            const selectedBookmark = this._getSelectedBookmarkElement();\n            const selectionParent = getSelectionParent();\n            // Hide the panel if:\n            //\n            // * the selection went out of the EXISTING bookmark element. E.g. user moved the caret out\n            //   of the bookmark,\n            // * the selection went to a different parent when creating a NEW bookmark. E.g. someone\n            //   else modified the document.\n            // * the selection has expanded (e.g. displaying bookmark actions then pressing SHIFT+Right arrow).\n            //\n            if (prevSelectedBookmark && !selectedBookmark || !prevSelectedBookmark && selectionParent !== prevSelectionParent) {\n                this._hideFormView();\n            } else if (this._isFormVisible) {\n                // If still in a bookmark element, simply update the position of the balloon.\n                // If there was no bookmark (e.g. inserting one), the balloon must be moved\n                // to the new position in the editing view (a new native DOM range).\n                this._balloon.updatePosition(this._getBalloonPositionData());\n            }\n            prevSelectedBookmark = selectedBookmark;\n            prevSelectionParent = selectionParent;\n        };\n        function getSelectionParent() {\n            return viewDocument.selection.focus.getAncestors().reverse().find((node)=>node.is('element'));\n        }\n        this.listenTo(editor.ui, 'update', update);\n        this.listenTo(this._balloon, 'change:visibleView', update);\n    }\n    /**\n\t * Returns `true` when {@link #formView} is in the {@link #_balloon}.\n\t */ get _isFormInPanel() {\n        return !!this.formView && this._balloon.hasView(this.formView);\n    }\n    /**\n\t * Returns `true` when {@link #formView} is in the {@link #_balloon} and it is currently visible.\n\t */ get _isFormVisible() {\n        return !!this.formView && this._balloon.visibleView == this.formView;\n    }\n    /**\n\t * Returns positioning options for the {@link #_balloon}. They control the way the balloon is attached\n\t * to the target element or selection.\n\t */ _getBalloonPositionData() {\n        const view = this.editor.editing.view;\n        const model = this.editor.model;\n        let target;\n        const bookmarkElement = this._getSelectedBookmarkElement();\n        if (model.markers.has(VISUAL_SELECTION_MARKER_NAME)) {\n            // There are cases when we highlight selection using a marker (#7705, #4721).\n            const markerViewElements = Array.from(this.editor.editing.mapper.markerNameToElements(VISUAL_SELECTION_MARKER_NAME));\n            const newRange = view.createRange(view.createPositionBefore(markerViewElements[0]), view.createPositionAfter(markerViewElements[markerViewElements.length - 1]));\n            target = view.domConverter.viewRangeToDom(newRange);\n        } else if (bookmarkElement) {\n            target = ()=>{\n                const mapper = this.editor.editing.mapper;\n                const domConverter = view.domConverter;\n                const viewElement = mapper.toViewElement(bookmarkElement);\n                return domConverter.mapViewToDom(viewElement);\n            };\n        }\n        if (!target) {\n            return;\n        }\n        return {\n            target\n        };\n    }\n    /**\n\t * Returns the bookmark {@link module:engine/view/attributeelement~ViewAttributeElement} under\n\t * the {@link module:engine/view/document~ViewDocument editing view's} selection or `null`\n\t * if there is none.\n\t */ _getSelectedBookmarkElement() {\n        const selection = this.editor.model.document.selection;\n        const element = selection.getSelectedElement();\n        if (element && element.is('element', 'bookmark')) {\n            return element;\n        }\n        return null;\n    }\n    /**\n\t * Displays a fake visual selection when the contextual balloon is displayed.\n\t *\n\t * This adds a 'bookmark-ui' marker into the document that is rendered as a highlight on selected text fragment.\n\t */ _showFakeVisualSelection() {\n        const model = this.editor.model;\n        model.change((writer)=>{\n            const range = model.document.selection.getFirstRange();\n            if (model.markers.has(VISUAL_SELECTION_MARKER_NAME)) {\n                writer.updateMarker(VISUAL_SELECTION_MARKER_NAME, {\n                    range\n                });\n            } else {\n                if (range.start.isAtEnd) {\n                    const startPosition = range.start.getLastMatchingPosition(({ item })=>!model.schema.isContent(item), {\n                        boundaries: range\n                    });\n                    writer.addMarker(VISUAL_SELECTION_MARKER_NAME, {\n                        usingOperation: false,\n                        affectsData: false,\n                        range: writer.createRange(startPosition, range.end)\n                    });\n                } else {\n                    writer.addMarker(VISUAL_SELECTION_MARKER_NAME, {\n                        usingOperation: false,\n                        affectsData: false,\n                        range\n                    });\n                }\n            }\n        });\n    }\n    /**\n\t * Hides the fake visual selection created in {@link #_showFakeVisualSelection}.\n\t */ _hideFakeVisualSelection() {\n        const model = this.editor.model;\n        if (model.markers.has(VISUAL_SELECTION_MARKER_NAME)) {\n            model.change((writer)=>{\n                writer.removeMarker(VISUAL_SELECTION_MARKER_NAME);\n            });\n        }\n    }\n}\n/**\n * Returns bookmark form validation callbacks.\n */ function getFormValidators(editor) {\n    const { t } = editor;\n    const bookmarkEditing = editor.plugins.get(BookmarkEditing);\n    return [\n        (form)=>{\n            if (!form.id) {\n                return t('Bookmark must not be empty.');\n            }\n        },\n        (form)=>{\n            if (form.id && /\\s/.test(form.id)) {\n                return t('Bookmark name cannot contain space characters.');\n            }\n        },\n        (form)=>{\n            const selectedElement = editor.model.document.selection.getSelectedElement();\n            const existingBookmarkForId = bookmarkEditing.getElementForBookmarkId(form.id);\n            // Accept change of bookmark ID if no real change is happening (edit -> submit, without changes).\n            if (selectedElement === existingBookmarkForId) {\n                return;\n            }\n            if (existingBookmarkForId) {\n                return t('Bookmark name already exists.');\n            }\n        }\n    ];\n}\n/**\n * Returns the currently selected bookmark view element.\n */ function getSelectedBookmarkWidget(selection) {\n    const element = selection.getSelectedElement();\n    if (!element || !isWidget(element) || !element.getCustomProperty('bookmark')) {\n        return null;\n    }\n    return element;\n}\n\n/**\n * The bookmark feature.\n *\n * For a detailed overview, check the {@glink features/bookmarks Bookmarks} feature guide.\n */ class Bookmark extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Bookmark';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            BookmarkEditing,\n            BookmarkUI,\n            Widget\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { Bookmark, BookmarkEditing, BookmarkFormView, BookmarkUI, InsertBookmarkCommand, UpdateBookmarkCommand, isBookmarkIdValid as _isBookmarkIdValid };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 bookmark/ui/bookmarkformview\n */\n\nimport {\n\tButtonView,\n\tFocusCycler,\n\tFormRowView,\n\tLabeledFieldView,\n\tView,\n\tViewCollection,\n\tcreateLabeledInputText,\n\tsubmitHandler,\n\ttype InputTextView,\n\ttype FocusableView,\n\tFormHeaderView\n} from 'ckeditor5/src/ui.js';\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\nimport { IconPreviousArrow } from '@ckeditor/ckeditor5-icons';\n\n// See: #8833.\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/form/form.css';\n\nimport '../../theme/bookmarkform.css';\n\n/**\n * The bookmark form view controller class.\n *\n * See {@link module:bookmark/ui/bookmarkformview~BookmarkFormView}.\n */\nexport class BookmarkFormView extends View {\n\t/**\n\t * Tracks information about DOM focus in the form.\n\t */\n\tpublic readonly focusTracker = new FocusTracker();\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes = new KeystrokeHandler();\n\n\t/**\n\t * The ID input view.\n\t */\n\tpublic idInputView: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * The Back button view displayed in the header.\n\t */\n\tpublic backButtonView: ButtonView;\n\n\t/**\n\t * A button used to submit the form.\n\t */\n\tpublic saveButtonView: ButtonView;\n\n\t/**\n\t * A collection of form child views in the form.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * An array of form validators used by {@link #isValid}.\n\t */\n\tprivate readonly _validators: Array<BookmarkFormValidatorCallback>;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprivate readonly _focusables = new ViewCollection<FocusableView>();\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprivate readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * Creates an instance of the {@link module:bookmark/ui/bookmarkformview~BookmarkFormView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param validators  Form validators used by {@link #isValid}.\n\t */\n\tconstructor( locale: Locale, validators: Array<BookmarkFormValidatorCallback> ) {\n\t\tsuper( locale );\n\n\t\tthis._validators = validators;\n\n\t\t// Create buttons.\n\t\tthis.backButtonView = this._createBackButton();\n\t\tthis.saveButtonView = this._createSaveButton();\n\n\t\t// Create input fields.\n\t\tthis.idInputView = this._createIdInput();\n\n\t\tthis.children = this.createCollection( [ this._createHeaderView() ] );\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\tthis.idInputView,\n\t\t\t\tthis.saveButtonView\n\t\t\t],\n\t\t\tclass: [\n\t\t\t\t'ck-form__row_with-submit',\n\t\t\t\t'ck-form__row_large-top-padding'\n\t\t\t]\n\t\t} ) );\n\n\t\t// Close the panel on esc key press when the **form has focus**.\n\t\tthis.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis.fire<BookmarkFormViewCancelEvent>( 'cancel' );\n\t\t\tcancel();\n\t\t} );\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form',\n\t\t\t\t\t'ck-bookmark-form',\n\t\t\t\t\t'ck-responsive-form'\n\t\t\t\t],\n\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/90\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\tconst childViews = [\n\t\t\tthis.backButtonView,\n\t\t\tthis.idInputView,\n\t\t\tthis.saveButtonView\n\t\t];\n\n\t\tchildViews.forEach( v => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( v );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( v.element! );\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis.idInputView!.focus();\n\t}\n\n\t/**\n\t * Validates the form and returns `false` when some fields are invalid.\n\t */\n\tpublic isValid(): boolean {\n\t\tthis.resetFormStatus();\n\n\t\tfor ( const validator of this._validators ) {\n\t\t\tconst errorText = validator( this );\n\n\t\t\t// One error per field is enough.\n\t\t\tif ( errorText ) {\n\t\t\t\t// Apply updated error.\n\t\t\t\tthis.idInputView.errorText = errorText;\n\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Cleans up the supplementary error and information text of the {@link #idInputView}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */\n\tpublic resetFormStatus(): void {\n\t\tthis.idInputView.errorText = null;\n\t}\n\n\t/**\n\t * Creates a back button view that cancels the form.\n\t */\n\tprivate _createBackButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst backButton = new ButtonView( this.locale );\n\n\t\tbackButton.set( {\n\t\t\tclass: 'ck-button-back',\n\t\t\tlabel: t( 'Back' ),\n\t\t\ticon: IconPreviousArrow,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tbackButton.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn backButton;\n\t}\n\n\t/**\n\t * Creates a save button view that saves the bookmark.\n\t */\n\tprivate _createSaveButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst saveButton = new ButtonView( this.locale );\n\n\t\tsaveButton.set( {\n\t\t\tlabel: t( 'Save' ),\n\t\t\twithText: true,\n\t\t\ttype: 'submit',\n\t\t\tclass: 'ck-button-action ck-button-bold'\n\t\t} );\n\n\t\treturn saveButton;\n\t}\n\n\t/**\n\t * Creates a header view for the form.\n\t */\n\tprivate _createHeaderView(): FormHeaderView {\n\t\tconst t = this.locale!.t;\n\n\t\tconst header = new FormHeaderView( this.locale, {\n\t\t\tlabel: t( 'Bookmark' )\n\t\t} );\n\n\t\theader.children.add( this.backButtonView, 0 );\n\n\t\treturn header;\n\t}\n\n\t/**\n\t * Creates a labeled input view.\n\t *\n\t * @returns Labeled field view instance.\n\t */\n\tprivate _createIdInput(): LabeledFieldView<InputTextView> {\n\t\tconst t = this.locale!.t;\n\t\tconst labeledInput = new LabeledFieldView( this.locale, createLabeledInputText );\n\n\t\tlabeledInput.label = t( 'Bookmark name' );\n\t\tlabeledInput.infoText = t( 'Enter the bookmark name without spaces.' );\n\t\tlabeledInput.class = 'ck-labeled-field-view_full-width';\n\n\t\treturn labeledInput;\n\t}\n\n\t/**\n\t * The native DOM `value` of the {@link #idInputView} element.\n\t *\n\t * **Note**: Do not confuse it with the {@link module:ui/inputtext/inputtextview~InputTextView#value}\n\t * which works one way only and may not represent the actual state of the component in the DOM.\n\t */\n\tpublic get id(): string | null {\n\t\tconst { element } = this.idInputView.fieldView;\n\n\t\tif ( !element ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn element.value.trim();\n\t}\n}\n\n/**\n * Callback used by {@link ~BookmarkFormView} to check if passed form value is valid.\n *\n * If `undefined` is returned, it is assumed that the form value is correct and there is no error.\n * If string is returned, it is assumed that the form value is incorrect and the returned string is displayed in the error label\n */\nexport type BookmarkFormValidatorCallback = ( form: BookmarkFormView ) => string | undefined;\n\n/**\n * Fired when the form view is canceled.\n *\n * @eventName ~BookmarkFormView#cancel\n */\nexport type BookmarkFormViewCancelEvent = {\n\tname: 'cancel';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 bookmark/utils\n */\n\n/**\n * Returns `true` if the bookmark id is valid; otherwise, returns `false`.\n *\n * @internal\n */\nexport function isBookmarkIdValid( id: string ): boolean {\n\tif ( !id || typeof id !== 'string' ) {\n\t\treturn false;\n\t}\n\n\tif ( /\\s/.test( id ) ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 bookmark/insertbookmarkcommand\n */\n\nimport type {\n\tModelDocumentSelection,\n\tModelSelection,\n\tModelPosition,\n\tModelSchema,\n\tModelSchemaContextDefinition\n} from 'ckeditor5/src/engine.js';\nimport { logWarning } from 'ckeditor5/src/utils.js';\nimport { Command } from 'ckeditor5/src/core.js';\n\nimport { isBookmarkIdValid } from './utils.js';\n\n/**\n * The insert bookmark command.\n *\n * The command is registered by {@link module:bookmark/bookmarkediting~BookmarkEditing} as `'insertBookmark'`.\n *\n * To insert a bookmark element at place where is the current collapsed selection or where is the beginning of document selection,\n * execute the command passing the bookmark id as a parameter:\n *\n * ```ts\n * editor.execute( 'insertBookmark', { bookmarkId: 'foo_bar' } );\n * ```\n */\nexport class InsertBookmarkCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst position = this._getPositionToInsertBookmark( selection );\n\n\t\tthis.isEnabled = !!position;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.bookmarkId The value of the `bookmarkId` attribute.\n\t */\n\tpublic override execute( options: { bookmarkId: string } ): void {\n\t\tif ( !options ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { bookmarkId } = options;\n\n\t\tif ( !isBookmarkIdValid( bookmarkId ) ) {\n\t\t\t/**\n\t\t\t * Insert bookmark command can be executed only with a valid name.\n\t\t\t *\n\t\t\t * A valid bookmark name must be a non-empty string and must not contain any spaces.\n\t\t\t *\n\t\t\t * @error insert-bookmark-command-executed-with-invalid-name\n\t\t\t */\n\t\t\tlogWarning( 'insert-bookmark-command-executed-with-invalid-name' );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\tmodel.change( writer => {\n\t\t\tlet position = this._getPositionToInsertBookmark( selection )!;\n\n\t\t\tconst isBookmarkAllowed = model.schema.checkChild( position, 'bookmark' );\n\n\t\t\t// If the position does not allow for `bookmark` but allows for a `paragraph`\n\t\t\t// then insert a `paragraph` then we will insert a `bookmark` inside.\n\t\t\tif ( !isBookmarkAllowed ) {\n\t\t\t\tconst newPosition = editor.execute( 'insertParagraph', { position } ) as ModelPosition | null;\n\n\t\t\t\tif ( !newPosition ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tposition = newPosition;\n\t\t\t}\n\n\t\t\tconst bookmarkElement = writer.createElement( 'bookmark', {\n\t\t\t\t...Object.fromEntries( selection.getAttributes() ),\n\t\t\t\tbookmarkId\n\t\t\t} );\n\n\t\t\tmodel.insertObject( bookmarkElement, position, null, { setSelection: 'on' } );\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the position where the bookmark can be inserted. And if it is not possible to insert a bookmark,\n\t * check if it is possible to insert a paragraph.\n\t */\n\tprivate _getPositionToInsertBookmark( selection: ModelSelection | ModelDocumentSelection ): ModelPosition | null {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\n\t\tconst firstRange = selection.getFirstRange()!;\n\t\tconst startPosition = firstRange.start;\n\n\t\t// Return position if it is allowed to insert bookmark or if it is allowed to insert paragraph.\n\t\tif ( isBookmarkAllowed( startPosition, schema ) ) {\n\t\t\treturn startPosition;\n\t\t}\n\n\t\tfor ( const { previousPosition, item } of firstRange ) {\n\t\t\t// When the table cell is selected (from the outside) we look for the first paragraph-like element inside.\n\t\t\tif (\n\t\t\t\titem.is( 'element' ) &&\n\t\t\t\tschema.checkChild( item, '$text' ) &&\n\t\t\t\tisBookmarkAllowed( item, schema )\n\t\t\t) {\n\t\t\t\treturn model.createPositionAt( item, 0 );\n\t\t\t}\n\n\t\t\tif ( isBookmarkAllowed( previousPosition, schema ) ) {\n\t\t\t\treturn previousPosition;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n}\n\n/**\n * Verify if the given position allows for bookmark insertion. Verify if auto-paragraphing could help.\n */\nfunction isBookmarkAllowed( position: ModelSchemaContextDefinition, schema: ModelSchema ): boolean {\n\tif ( schema.checkChild( position, 'bookmark' ) ) {\n\t\treturn true;\n\t}\n\n\tif ( !schema.checkChild( position, 'paragraph' ) ) {\n\t\treturn false;\n\t}\n\n\treturn schema.checkChild( 'paragraph', 'bookmark' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 bookmark/updatebookmarkcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport type { ModelSelection, ModelDocumentSelection } from 'ckeditor5/src/engine.js';\nimport { logWarning } from 'ckeditor5/src/utils.js';\n\nimport { isBookmarkIdValid } from './utils.js';\n\n/**\n * The update bookmark command.\n *\n * The command is registered by {@link module:bookmark/bookmarkediting~BookmarkEditing} as `'updateBookmark'`.\n *\n * To update the `bookmarkId` of current selected bookmark element, execute the command passing the bookmark id as a parameter:\n *\n * ```ts\n * editor.execute( 'updateBookmark', { bookmarkId: 'newId' } );\n * ```\n */\nexport class UpdateBookmarkCommand extends Command {\n\t/**\n\t * The value of the `'bookmarkId'` attribute.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedBookmark = getSelectedBookmark( selection );\n\n\t\tthis.isEnabled = !!selectedBookmark;\n\t\tthis.value = selectedBookmark ? selectedBookmark.getAttribute( 'bookmarkId' ) as string : undefined;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.bookmarkId The new value of the `bookmarkId` attribute to set.\n\t */\n\tpublic override execute( options: { bookmarkId: string } ): void {\n\t\tif ( !options ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { bookmarkId } = options;\n\n\t\tif ( !isBookmarkIdValid( bookmarkId ) ) {\n\t\t\t/**\n\t\t\t * Update bookmark command can be executed only with a valid name.\n\t\t\t *\n\t\t\t * A valid bookmark name must be a non-empty string and must not contain any spaces.\n\t\t\t *\n\t\t\t * @error update-bookmark-command-executed-with-invalid-name\n\t\t\t */\n\t\t\tlogWarning( 'update-bookmark-command-executed-with-invalid-name' );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedBookmark = getSelectedBookmark( selection );\n\n\t\tif ( selectedBookmark ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setAttribute( 'bookmarkId', bookmarkId, selectedBookmark );\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * Returns the selected `bookmark` element in the model, if any.\n */\nfunction getSelectedBookmark( selection: ModelSelection | ModelDocumentSelection ) {\n\tconst element = selection.getSelectedElement();\n\n\tif ( !!element && element.is( 'element', 'bookmark' ) ) {\n\t\treturn element;\n\t}\n\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 bookmark/bookmarkediting\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport { toWidget } from 'ckeditor5/src/widget.js';\nimport { IconView } from 'ckeditor5/src/ui.js';\nimport { IconBookmarkInline } from 'ckeditor5/src/icons.js';\nimport type { EventInfo } from 'ckeditor5/src/utils.js';\n\nimport type {\n\tViewUIElement,\n\tViewDowncastWriter,\n\tViewElement,\n\tModelElement,\n\tModelDocumentChangeEvent,\n\tUpcastElementEvent,\n\tUpcastConversionData,\n\tUpcastConversionApi\n} from 'ckeditor5/src/engine.js';\n\nimport { InsertBookmarkCommand } from './insertbookmarkcommand.js';\nimport { UpdateBookmarkCommand } from './updatebookmarkcommand.js';\n\nimport '../theme/bookmark.css';\n\n/**\n * The bookmark editing plugin.\n */\nexport class BookmarkEditing extends Plugin {\n\t/**\n\t * A collection of bookmarks elements in the document.\n\t */\n\tprivate _bookmarkElements = new Map<ModelElement, string>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'BookmarkEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'BKM';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'bookmark', {\n\t\t\ttoolbar: [ 'bookmarkPreview', '|', 'editBookmark', 'removeBookmark' ]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst { editor } = this;\n\n\t\tthis._defineSchema();\n\t\tthis._defineConverters();\n\n\t\teditor.commands.add( 'insertBookmark', new InsertBookmarkCommand( editor ) );\n\t\teditor.commands.add( 'updateBookmark', new UpdateBookmarkCommand( editor ) );\n\n\t\tthis.listenTo<ModelDocumentChangeEvent>( editor.model.document, 'change:data', () => {\n\t\t\tthis._trackBookmarkElements();\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the model element for the given bookmark ID if it exists.\n\t */\n\tpublic getElementForBookmarkId( bookmarkId: string ): ModelElement | null {\n\t\tfor ( const [ element, id ] of this._bookmarkElements ) {\n\t\t\tif ( id == bookmarkId ) {\n\t\t\t\treturn element;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns all unique bookmark names existing in the content.\n\t */\n\tpublic getAllBookmarkNames(): Set<string> {\n\t\treturn new Set( this._bookmarkElements.values() );\n\t}\n\n\t/**\n\t * Defines the schema for the bookmark feature.\n\t */\n\tprivate _defineSchema() {\n\t\tconst schema = this.editor.model.schema;\n\n\t\tschema.register( 'bookmark', {\n\t\t\tinheritAllFrom: '$inlineObject',\n\t\t\tallowAttributes: 'bookmarkId',\n\t\t\tdisallowAttributes: [ 'linkHref', 'htmlA' ]\n\t\t} );\n\t}\n\n\t/**\n\t * Defines the converters for the bookmark feature.\n\t */\n\tprivate _defineConverters() {\n\t\tconst { editor } = this;\n\t\tconst { conversion, t } = editor;\n\n\t\teditor.data.htmlProcessor.domConverter.registerInlineObjectMatcher( element => upcastMatcher( element ) );\n\n\t\t// Register an inline object matcher so that bookmarks <a>s are correctly recognized as inline elements in editing pipeline.\n\t\t// This prevents converting spaces around bookmarks to `&nbsp;`s.\n\t\teditor.editing.view.domConverter.registerInlineObjectMatcher( element => upcastMatcher( element, false ) );\n\n\t\tconversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\tmodel: {\n\t\t\t\tname: 'bookmark',\n\t\t\t\tattributes: [ 'bookmarkId' ]\n\t\t\t},\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tconst emptyElement = writer.createEmptyElement( 'a', {\n\t\t\t\t\t'id': modelElement.getAttribute( 'bookmarkId' )\n\t\t\t\t} );\n\n\t\t\t\t// `getFillerOffset` is not needed to set here, because `emptyElement` has already covered it.\n\n\t\t\t\treturn emptyElement;\n\t\t\t}\n\t\t} );\n\n\t\tconversion.for( 'editingDowncast' ).elementToElement( {\n\t\t\tmodel: {\n\t\t\t\tname: 'bookmark',\n\t\t\t\tattributes: [ 'bookmarkId' ]\n\t\t\t},\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tconst id = modelElement.getAttribute( 'bookmarkId' ) as string;\n\t\t\t\tconst containerElement = writer.createContainerElement( 'a', {\n\t\t\t\t\tid,\n\t\t\t\t\tclass: 'ck-bookmark'\n\t\t\t\t}, [ this._createBookmarkUIElement( writer ) ] );\n\n\t\t\t\twriter.setCustomProperty( 'bookmark', true, containerElement );\n\t\t\t\tthis._bookmarkElements.set( modelElement, id );\n\n\t\t\t\t// `getFillerOffset` is not needed to set here, because `toWidget` has already covered it.\n\n\t\t\t\tconst labelCreator = () => `${ id } ${ t( 'bookmark widget' ) }`;\n\n\t\t\t\treturn toWidget( containerElement, writer, { label: labelCreator } );\n\t\t\t}\n\t\t} );\n\n\t\tconversion.for( 'upcast' ).add(\n\t\t\tdispatcher => dispatcher.on<UpcastElementEvent>( 'element:a', dataViewModelAnchorInsertion( editor ) )\n\t\t);\n\t}\n\n\t/**\n\t * Creates a UI element for the `bookmark` representation in editing view.\n\t */\n\tprivate _createBookmarkUIElement( writer: ViewDowncastWriter ): ViewUIElement {\n\t\treturn writer.createUIElement( 'span', { class: 'ck-bookmark__icon' }, function( domDocument ) {\n\t\t\tconst domElement = this.toDomElement( domDocument );\n\n\t\t\tconst icon = new IconView();\n\n\t\t\ticon.set( {\n\t\t\t\tcontent: IconBookmarkInline,\n\t\t\t\tisColorInherited: false\n\t\t\t} );\n\n\t\t\ticon.render();\n\n\t\t\tdomElement.appendChild( icon.element! );\n\n\t\t\treturn domElement;\n\t\t} );\n\t}\n\n\t/**\n\t * Tracking the added or removed bookmark elements.\n\t */\n\tprivate _trackBookmarkElements(): void {\n\t\tthis._bookmarkElements.forEach( ( id, element ) => {\n\t\t\tif ( element.root.rootName === '$graveyard' ) {\n\t\t\t\tthis._bookmarkElements.delete( element );\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * A helper function to match an `anchor` element which must contain `id` or `name` attribute but without `href` attribute,\n * also when `expectEmpty` is set to `true` but the element is not empty matcher should not match any element.\n *\n * @param element The element to be checked.\n * @param expectEmpty Default set to `true`, when set to `false` matcher expects that `anchor` is not empty;\n * in editing pipeline it's not empty because it contains the `UIElement`.\n */\nfunction upcastMatcher( element: ViewElement, expectEmpty: boolean = true ) {\n\tconst isAnchorElement = element.name === 'a';\n\n\tif ( !isAnchorElement ) {\n\t\treturn null;\n\t}\n\n\tif ( expectEmpty && !element.isEmpty ) {\n\t\treturn null;\n\t}\n\n\tconst hasIdAttribute = element.hasAttribute( 'id' );\n\tconst hasNameAttribute = element.hasAttribute( 'name' );\n\tconst hasHrefAttribute = element.hasAttribute( 'href' );\n\n\tif ( hasIdAttribute && !hasHrefAttribute ) {\n\t\treturn { name: true, attributes: [ 'id' ] };\n\t}\n\n\tif ( hasNameAttribute && !hasHrefAttribute ) {\n\t\treturn { name: true, attributes: [ 'name' ] };\n\t}\n\n\treturn null;\n}\n\n/**\n * A view-to-model converter that handles converting pointed or wrapped anchors with `id` and/or `name` attributes.\n *\n * @returns Returns a conversion callback.\n */\nfunction dataViewModelAnchorInsertion( editor: Editor ) {\n\treturn (\n\t\tevt: EventInfo,\n\t\tdata: UpcastConversionData<ViewElement>,\n\t\tconversionApi: UpcastConversionApi\n\t) => {\n\t\tconst viewItem = data.viewItem;\n\t\tconst match = upcastMatcher( viewItem, false );\n\n\t\tif ( !match || !conversionApi.consumable.test( viewItem, match ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst enableNonEmptyAnchorConversion = isEnabledNonEmptyAnchorConversion( editor );\n\n\t\tif ( !enableNonEmptyAnchorConversion && !viewItem.isEmpty ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modelWriter = conversionApi.writer;\n\t\tconst anchorId = viewItem.getAttribute( 'id' );\n\t\tconst anchorName = viewItem.getAttribute( 'name' );\n\t\tconst bookmarkId = anchorId || anchorName;\n\t\tconst bookmark = modelWriter.createElement( 'bookmark', { bookmarkId } );\n\n\t\tif ( !conversionApi.safeInsert( bookmark, data.modelCursor ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconversionApi.consumable.consume( viewItem, match );\n\n\t\tif ( anchorId === anchorName ) {\n\t\t\tconversionApi.consumable.consume( viewItem, { attributes: [ 'name' ] } );\n\t\t}\n\n\t\tconversionApi.updateConversionResult( bookmark, data );\n\n\t\t// Convert children uses the result of `bookmark` insertion to convert the `anchor` content\n\t\t// after the bookmark element (not inside it).\n\t\tconst { modelCursor, modelRange } = conversionApi.convertChildren( viewItem, data.modelCursor );\n\n\t\tdata.modelCursor = modelCursor;\n\t\tdata.modelRange = modelWriter.createRange( data.modelRange!.start, modelRange!.end );\n\t};\n}\n\n/**\n * Normalize the bookmark configuration option `enableNonEmptyAnchorConversion`.\n */\nfunction isEnabledNonEmptyAnchorConversion( editor: Editor ): boolean {\n\tconst enableNonEmptyAnchorConversion = editor.config.get( 'bookmark.enableNonEmptyAnchorConversion' );\n\n\t// When not defined, option `enableNonEmptyAnchorConversion` by default is set to `true`.\n\treturn enableNonEmptyAnchorConversion !== undefined ? enableNonEmptyAnchorConversion : true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 bookmark/bookmarkui\n */\n\nimport type { LinksProviderDetailedItem, LinksProviderListItem } from '@ckeditor/ckeditor5-link';\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport {\n\tButtonView,\n\tContextualBalloon,\n\tCssTransitionDisablerMixin,\n\tMenuBarMenuListItemButtonView,\n\tclickOutsideHandler,\n\tLabelView,\n\tBalloonPanelView,\n\ttype ViewWithCssTransitionDisabler\n} from 'ckeditor5/src/ui.js';\nimport { IconBookmark, IconRemove, IconBookmarkMedium, IconBookmarkSmall, IconPencil } from 'ckeditor5/src/icons.js';\nimport {\n\ttype ModelElement,\n\ttype ViewDocumentSelection,\n\ttype ViewElement\n} from 'ckeditor5/src/engine.js';\n\nimport type { DomOptimalPositionOptions } from 'ckeditor5/src/utils.js';\nimport type { DeleteCommand } from 'ckeditor5/src/typing.js';\nimport { isWidget, WidgetToolbarRepository } from 'ckeditor5/src/widget.js';\n\nimport { BookmarkFormView, type BookmarkFormViewCancelEvent, type BookmarkFormValidatorCallback } from './ui/bookmarkformview.js';\nimport { type UpdateBookmarkCommand } from './updatebookmarkcommand.js';\nimport { type InsertBookmarkCommand } from './insertbookmarkcommand.js';\n\nimport { BookmarkEditing } from './bookmarkediting.js';\n\nimport '../theme/bookmarktoolbar.css';\n\nconst VISUAL_SELECTION_MARKER_NAME = 'bookmark-ui';\n\n/**\n * The UI plugin of the bookmark feature.\n *\n * It registers the `'bookmark'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}\n * which inserts the `bookmark` element upon selection.\n */\nexport class BookmarkUI extends Plugin {\n\t/**\n\t * The form view displayed inside the balloon.\n\t */\n\tpublic formView: BookmarkFormView & ViewWithCssTransitionDisabler | null = null;\n\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate _balloon!: ContextualBalloon;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ BookmarkEditing, ContextualBalloon, WidgetToolbarRepository ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'BookmarkUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tthis._balloon = editor.plugins.get( ContextualBalloon );\n\n\t\t// Register the link provider in link plugin to display the link form.\n\t\tif ( editor.plugins.has( 'LinkUI' ) ) {\n\t\t\tthis._registerLinkProvider();\n\t\t}\n\n\t\t// Create toolbar buttons.\n\t\tthis._registerComponents();\n\n\t\t// Renders a fake visual selection marker on an expanded selection.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToHighlight( {\n\t\t\tmodel: VISUAL_SELECTION_MARKER_NAME,\n\t\t\tview: {\n\t\t\t\tclasses: [ 'ck-fake-bookmark-selection' ]\n\t\t\t}\n\t\t} );\n\n\t\t// Renders a fake visual selection marker on a collapsed selection.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t\t\tmodel: VISUAL_SELECTION_MARKER_NAME,\n\t\t\tview: ( data, { writer } ) => {\n\t\t\t\tif ( !data.markerRange.isCollapsed ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst markerElement = writer.createUIElement( 'span' );\n\n\t\t\t\twriter.addClass(\n\t\t\t\t\t[ 'ck-fake-bookmark-selection', 'ck-fake-bookmark-selection_collapsed' ],\n\t\t\t\t\tmarkerElement\n\t\t\t\t);\n\n\t\t\t\treturn markerElement;\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst widgetToolbarRepository = this.editor.plugins.get( WidgetToolbarRepository );\n\t\tconst defaultPositions = BalloonPanelView.defaultPositions;\n\n\t\twidgetToolbarRepository.register( 'bookmark', {\n\t\t\tariaLabel: t( 'Bookmark toolbar' ),\n\t\t\titems: editor.config.get( 'bookmark.toolbar' )!,\n\n\t\t\tgetRelatedElement: getSelectedBookmarkWidget,\n\t\t\tballoonClassName: 'ck-bookmark-balloon ck-toolbar-container',\n\n\t\t\t// Override positions to the same list as for balloon panel default\n\t\t\t// so widget toolbar will try to use same position as form view.\n\t\t\tpositions: [\n\t\t\t\tdefaultPositions.southArrowNorth,\n\t\t\t\tdefaultPositions.southArrowNorthMiddleWest,\n\t\t\t\tdefaultPositions.southArrowNorthMiddleEast,\n\t\t\t\tdefaultPositions.southArrowNorthWest,\n\t\t\t\tdefaultPositions.southArrowNorthEast,\n\t\t\t\tdefaultPositions.northArrowSouth,\n\t\t\t\tdefaultPositions.northArrowSouthMiddleWest,\n\t\t\t\tdefaultPositions.northArrowSouthMiddleEast,\n\t\t\t\tdefaultPositions.northArrowSouthWest,\n\t\t\t\tdefaultPositions.northArrowSouthEast,\n\t\t\t\tdefaultPositions.viewportStickyNorth\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n\t\tif ( this.formView ) {\n\t\t\tthis.formView.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Creates views.\n\t */\n\tprivate _createViews() {\n\t\tthis.formView = this._createFormView();\n\n\t\t// Attach lifecycle actions to the the balloon.\n\t\tthis._enableUserBalloonInteractions();\n\t}\n\n\t/**\n\t * Creates the {@link module:bookmark/ui/bookmarkformview~BookmarkFormView} instance.\n\t */\n\tprivate _createFormView(): BookmarkFormView & ViewWithCssTransitionDisabler {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst t = locale.t;\n\t\tconst insertBookmarkCommand: InsertBookmarkCommand = editor.commands.get( 'insertBookmark' )!;\n\t\tconst updateBookmarkCommand: UpdateBookmarkCommand = editor.commands.get( 'updateBookmark' )!;\n\t\tconst commands = [ insertBookmarkCommand, updateBookmarkCommand ];\n\n\t\tconst formView = new ( CssTransitionDisablerMixin( BookmarkFormView ) )( locale, getFormValidators( editor ) );\n\n\t\tformView.idInputView.fieldView.bind( 'value' ).to( updateBookmarkCommand, 'value' );\n\t\tformView.saveButtonView.bind( 'label' ).to( updateBookmarkCommand, 'value', value => value ? t( 'Save' ) : t( 'Insert' ) );\n\n\t\t// Form elements should be read-only when corresponding commands are disabled.\n\t\tformView.idInputView.bind( 'isEnabled' ).toMany(\n\t\t\tcommands,\n\t\t\t'isEnabled',\n\t\t\t( ...areEnabled ) => areEnabled.some( isEnabled => isEnabled )\n\t\t);\n\n\t\t// Disable the \"save\" button if the command is disabled.\n\t\tformView.saveButtonView.bind( 'isEnabled' ).toMany(\n\t\t\tcommands,\n\t\t\t'isEnabled',\n\t\t\t( ...areEnabled ) => areEnabled.some( isEnabled => isEnabled )\n\t\t);\n\n\t\t// Close the panel on form after clicking back button.\n\t\tthis.listenTo<BookmarkFormViewCancelEvent>( formView, 'cancel', () => {\n\t\t\tthis._hideFormView();\n\t\t} );\n\n\t\t// Execute link command after clicking the \"Save\" button.\n\t\tthis.listenTo( formView, 'submit', () => {\n\t\t\tif ( formView.isValid() ) {\n\t\t\t\tconst value = formView.id!;\n\n\t\t\t\tif ( this._getSelectedBookmarkElement() ) {\n\t\t\t\t\teditor.execute( 'updateBookmark', { bookmarkId: value } );\n\t\t\t\t} else {\n\t\t\t\t\teditor.execute( 'insertBookmark', { bookmarkId: value } );\n\t\t\t\t}\n\n\t\t\t\tthis._hideFormView();\n\t\t\t}\n\t\t} );\n\n\t\t// Update balloon position when form error changes.\n\t\tthis.listenTo( formView.idInputView, 'change:errorText', () => {\n\t\t\teditor.ui.update();\n\t\t} );\n\n\t\treturn formView;\n\t}\n\n\t/**\n\t * Creates link form menu list entry, so it'll be possible to access\n\t * the list of the bookmarks from the link form.\n\t */\n\tprivate _registerLinkProvider() {\n\t\tconst t = this.editor.locale.t;\n\t\tconst linksUI = this.editor.plugins.get( 'LinkUI' )!;\n\t\tconst bookmarkEditing = this.editor.plugins.get( BookmarkEditing );\n\n\t\tconst getListItems = () => Array\n\t\t\t.from( bookmarkEditing.getAllBookmarkNames() )\n\t\t\t.sort( ( a, b ) => a.localeCompare( b ) )\n\t\t\t.map( ( bookmarkId ): LinksProviderListItem => ( {\n\t\t\t\tid: bookmarkId,\n\t\t\t\thref: `#${ bookmarkId }`,\n\t\t\t\tlabel: bookmarkId,\n\t\t\t\ticon: IconBookmarkMedium\n\t\t\t} ) );\n\n\t\tconst getItem = ( href: string ): LinksProviderDetailedItem | null => {\n\t\t\tconst bookmark = [ ...bookmarkEditing.getAllBookmarkNames() ].find( item => `#${ item }` === href );\n\n\t\t\tif ( !bookmark ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\thref,\n\t\t\t\tlabel: bookmark,\n\t\t\t\ticon: IconBookmarkSmall,\n\t\t\t\ttooltip: t( 'Scroll to bookmark' )\n\t\t\t};\n\t\t};\n\n\t\tlinksUI.registerLinksListProvider( {\n\t\t\tlabel: t( 'Bookmarks' ),\n\t\t\temptyListPlaceholder: t( 'No bookmarks available.' ),\n\t\t\tnavigate: ( { href }: LinksProviderDetailedItem ) => this._scrollToBookmark( href ),\n\t\t\tgetListItems,\n\t\t\tgetItem\n\t\t} );\n\t}\n\n\t/**\n\t * Scrolls the editor to the bookmark with the given id.\n\t */\n\tprivate _scrollToBookmark( href: string ) {\n\t\tconst bookmarkEditing = this.editor.plugins.get( BookmarkEditing );\n\t\tconst bookmarkElement = bookmarkEditing.getElementForBookmarkId( href.slice( 1 ) );\n\n\t\tif ( !bookmarkElement ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tthis.editor.model.change( writer => {\n\t\t\twriter.setSelection( bookmarkElement!, 'on' );\n\t\t} );\n\n\t\tthis.editor.editing.view.scrollToTheSelection( {\n\t\t\talignToTop: true,\n\t\t\tforceScroll: true\n\t\t} );\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Creates a toolbar Bookmark button. Clicking this button will show\n\t * a {@link #_balloon} attached to the selection.\n\t */\n\tprivate _registerComponents() {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'bookmark', () => {\n\t\t\tconst buttonView = this._createBookmarkButton( ButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:bookmark', () => {\n\t\t\treturn this._createBookmarkButton( MenuBarMenuListItemButtonView );\n\t\t} );\n\n\t\t// Bookmark toolbar buttons.\n\n\t\teditor.ui.componentFactory.add( 'bookmarkPreview', locale => {\n\t\t\tconst updateBookmarkCommand: UpdateBookmarkCommand = editor.commands.get( 'updateBookmark' )!;\n\t\t\tconst label = new LabelView( locale );\n\n\t\t\tlabel.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: [ 'ck-bookmark-toolbar__preview' ]\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tlabel.bind( 'text' ).to( updateBookmarkCommand, 'value' );\n\n\t\t\treturn label;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'editBookmark', locale => {\n\t\t\tconst updateBookmarkCommand: UpdateBookmarkCommand = editor.commands.get( 'updateBookmark' )!;\n\t\t\tconst button = new ButtonView( locale );\n\t\t\tconst t = locale.t;\n\n\t\t\tbutton.set( {\n\t\t\t\tlabel: t( 'Edit bookmark' ),\n\t\t\t\ticon: IconPencil,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tbutton.bind( 'isEnabled' ).to( updateBookmarkCommand );\n\n\t\t\tthis.listenTo( button, 'execute', () => {\n\t\t\t\tthis._showFormView();\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'removeBookmark', locale => {\n\t\t\tconst deleteCommand: DeleteCommand = editor.commands.get( 'delete' )!;\n\t\t\tconst button = new ButtonView( locale );\n\t\t\tconst t = locale.t;\n\n\t\t\tbutton.set( {\n\t\t\t\tlabel: t( 'Remove bookmark' ),\n\t\t\t\ticon: IconRemove,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tbutton.bind( 'isEnabled' ).to( deleteCommand );\n\n\t\t\tthis.listenTo( button, 'execute', () => {\n\t\t\t\teditor.execute( 'delete' );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button for `bookmark` command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createBookmarkButton<T extends typeof ButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst view = new ButtonClass( locale ) as InstanceType<T>;\n\t\tconst insertCommand: InsertBookmarkCommand = editor.commands.get( 'insertBookmark' )!;\n\t\tconst updateCommand: UpdateBookmarkCommand = editor.commands.get( 'updateBookmark' )!;\n\t\tconst t = locale.t;\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Bookmark' ),\n\t\t\ticon: IconBookmark\n\t\t} );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.editing.view.scrollToTheSelection();\n\t\t\tthis._showFormView();\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).toMany(\n\t\t\t[ insertCommand, updateCommand ],\n\t\t\t'isEnabled',\n\t\t\t( ...areEnabled ) => areEnabled.some( isEnabled => isEnabled )\n\t\t);\n\n\t\tview.bind( 'isOn' ).to( updateCommand, 'value', value => !!value );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Attaches actions that control whether the balloon panel containing the\n\t * {@link #formView} is visible or not.\n\t */\n\tprivate _enableUserBalloonInteractions(): void {\n\t\t// Close the panel on the Esc key press when the editable has focus and the balloon is visible.\n\t\tthis.editor.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tif ( this._isFormVisible ) {\n\t\t\t\tthis._hideFormView();\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\n\t\t// Close on click outside of balloon panel element.\n\t\tclickOutsideHandler( {\n\t\t\temitter: this.formView!,\n\t\t\tactivator: () => this._isFormInPanel,\n\t\t\tcontextElements: () => [ this._balloon.view.element! ],\n\t\t\tcallback: () => {\n\t\t\t\t// Focusing on the editable during a click outside the balloon panel might\n\t\t\t\t// cause the selection to move to the beginning of the editable, so we avoid\n\t\t\t\t// focusing on it during this action.\n\t\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18253\n\t\t\t\tthis._hideFormView( false );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Adds the {@link #formView} to the {@link #_balloon}.\n\t */\n\tprivate _addFormView(): void {\n\t\tif ( !this.formView ) {\n\t\t\tthis._createViews();\n\t\t}\n\n\t\tif ( this._isFormInPanel ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst updateBookmarkCommand: UpdateBookmarkCommand = this.editor.commands.get( 'updateBookmark' )!;\n\n\t\tthis.formView!.disableCssTransitions();\n\t\tthis.formView!.resetFormStatus();\n\n\t\tthis._balloon.add( {\n\t\t\tview: this.formView!,\n\t\t\tposition: this._getBalloonPositionData()\n\t\t} );\n\n\t\tthis.formView!.backButtonView.isVisible = updateBookmarkCommand.isEnabled;\n\t\tthis.formView!.idInputView.fieldView.value = updateBookmarkCommand.value || '';\n\n\t\t// Select input when form view is currently visible.\n\t\tif ( this._balloon.visibleView === this.formView ) {\n\t\t\tthis.formView!.idInputView.fieldView.select();\n\t\t}\n\n\t\tthis.formView!.enableCssTransitions();\n\t}\n\n\t/**\n\t * Removes the {@link #formView} from the {@link #_balloon}.\n\t */\n\tprivate _removeFormView( updateFocus: boolean = true ): void {\n\t\t// Blur the input element before removing it from DOM to prevent issues in some browsers.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1501.\n\t\tthis.formView!.saveButtonView.focus();\n\n\t\t// Reset the ID field to update the state of the submit button.\n\t\tthis.formView!.idInputView.fieldView.reset();\n\n\t\tthis._balloon.remove( this.formView! );\n\n\t\t// Because the form has an input which has focus, the focus must be brought back\n\t\t// to the editor. Otherwise, it would be lost.\n\t\tif ( updateFocus ) {\n\t\t\tthis.editor.editing.view.focus();\n\t\t}\n\n\t\tthis._hideFakeVisualSelection();\n\t}\n\n\t/**\n\t * Shows the {@link #formView}.\n\t */\n\tprivate _showFormView(): void {\n\t\tif ( !this.formView ) {\n\t\t\tthis._createViews();\n\t\t}\n\n\t\tif ( !this._getSelectedBookmarkElement() ) {\n\t\t\tthis._showFakeVisualSelection();\n\t\t}\n\n\t\tthis._addFormView();\n\n\t\t// Be sure panel with bookmark is visible.\n\t\tthis._balloon.showStack( 'main' );\n\n\t\t// Begin responding to ui#update once the UI is added.\n\t\tthis._startUpdatingUI();\n\t}\n\n\t/**\n\t * Removes the {@link #formView} from the {@link #_balloon}.\n\t */\n\tprivate _hideFormView( updateFocus: boolean = true ): void {\n\t\tif ( !this._isFormInPanel ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = this.editor;\n\n\t\tthis.stopListening( editor.ui, 'update' );\n\t\tthis.stopListening( this._balloon, 'change:visibleView' );\n\n\t\t// Make sure the focus always gets back to the editable _before_ removing the focused form view.\n\t\t// Doing otherwise causes issues in some browsers. See https://github.com/ckeditor/ckeditor5-link/issues/193.\n\t\tif ( updateFocus ) {\n\t\t\teditor.editing.view.focus();\n\t\t}\n\n\t\t// Remove form first because it's on top of the stack.\n\t\tthis._removeFormView( updateFocus );\n\n\t\tthis._hideFakeVisualSelection();\n\t}\n\n\t/**\n\t * Makes the UI react to the {@link module:ui/editorui/editorui~EditorUI#event:update} event to\n\t * reposition itself when the editor UI should be refreshed.\n\t *\n\t * See: {@link #_hideFormView} to learn when the UI stops reacting to the `update` event.\n\t */\n\tprivate _startUpdatingUI(): void {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\tlet prevSelectedBookmark = this._getSelectedBookmarkElement();\n\t\tlet prevSelectionParent = getSelectionParent();\n\n\t\tconst update = () => {\n\t\t\tconst selectedBookmark = this._getSelectedBookmarkElement();\n\t\t\tconst selectionParent = getSelectionParent();\n\n\t\t\t// Hide the panel if:\n\t\t\t//\n\t\t\t// * the selection went out of the EXISTING bookmark element. E.g. user moved the caret out\n\t\t\t//   of the bookmark,\n\t\t\t// * the selection went to a different parent when creating a NEW bookmark. E.g. someone\n\t\t\t//   else modified the document.\n\t\t\t// * the selection has expanded (e.g. displaying bookmark actions then pressing SHIFT+Right arrow).\n\t\t\t//\n\t\t\tif (\n\t\t\t\tprevSelectedBookmark && !selectedBookmark ||\n\t\t\t\t!prevSelectedBookmark && selectionParent !== prevSelectionParent\n\t\t\t) {\n\t\t\t\tthis._hideFormView();\n\t\t\t}\n\t\t\t// Update the position of the panel when:\n\t\t\t//  * bookmark panel is in the visible stack\n\t\t\t//  * the selection remains on the original bookmark element,\n\t\t\t//  * there was no bookmark element in the first place, i.e. creating a new bookmark\n\t\t\telse if ( this._isFormVisible ) {\n\t\t\t\t// If still in a bookmark element, simply update the position of the balloon.\n\t\t\t\t// If there was no bookmark (e.g. inserting one), the balloon must be moved\n\t\t\t\t// to the new position in the editing view (a new native DOM range).\n\t\t\t\tthis._balloon.updatePosition( this._getBalloonPositionData() );\n\t\t\t}\n\n\t\t\tprevSelectedBookmark = selectedBookmark;\n\t\t\tprevSelectionParent = selectionParent;\n\t\t};\n\n\t\tfunction getSelectionParent() {\n\t\t\treturn viewDocument.selection.focus!.getAncestors()\n\t\t\t\t.reverse()\n\t\t\t\t.find( ( node ): node is ViewElement => node.is( 'element' ) );\n\t\t}\n\n\t\tthis.listenTo( editor.ui, 'update', update );\n\t\tthis.listenTo( this._balloon, 'change:visibleView', update );\n\t}\n\n\t/**\n\t * Returns `true` when {@link #formView} is in the {@link #_balloon}.\n\t */\n\tprivate get _isFormInPanel(): boolean {\n\t\treturn !!this.formView && this._balloon.hasView( this.formView );\n\t}\n\n\t/**\n\t * Returns `true` when {@link #formView} is in the {@link #_balloon} and it is currently visible.\n\t */\n\tprivate get _isFormVisible(): boolean {\n\t\treturn !!this.formView && this._balloon.visibleView == this.formView;\n\t}\n\n\t/**\n\t * Returns positioning options for the {@link #_balloon}. They control the way the balloon is attached\n\t * to the target element or selection.\n\t */\n\tprivate _getBalloonPositionData(): Partial<DomOptimalPositionOptions> | undefined {\n\t\tconst view = this.editor.editing.view;\n\t\tconst model = this.editor.model;\n\t\tlet target: DomOptimalPositionOptions[ 'target' ] | undefined;\n\n\t\tconst bookmarkElement = this._getSelectedBookmarkElement();\n\n\t\tif ( model.markers.has( VISUAL_SELECTION_MARKER_NAME ) ) {\n\t\t\t// There are cases when we highlight selection using a marker (#7705, #4721).\n\t\t\tconst markerViewElements = Array.from( this.editor.editing.mapper.markerNameToElements( VISUAL_SELECTION_MARKER_NAME )! );\n\t\t\tconst newRange = view.createRange(\n\t\t\t\tview.createPositionBefore( markerViewElements[ 0 ] ),\n\t\t\t\tview.createPositionAfter( markerViewElements[ markerViewElements.length - 1 ] )\n\t\t\t);\n\n\t\t\ttarget = view.domConverter.viewRangeToDom( newRange );\n\t\t}\n\t\telse if ( bookmarkElement ) {\n\t\t\ttarget = () => {\n\t\t\t\tconst mapper = this.editor.editing.mapper;\n\t\t\t\tconst domConverter = view.domConverter;\n\t\t\t\tconst viewElement = mapper.toViewElement( bookmarkElement )!;\n\n\t\t\t\treturn domConverter.mapViewToDom( viewElement )!;\n\t\t\t};\n\t\t}\n\n\t\tif ( !target ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn {\n\t\t\ttarget\n\t\t};\n\t}\n\n\t/**\n\t * Returns the bookmark {@link module:engine/view/attributeelement~ViewAttributeElement} under\n\t * the {@link module:engine/view/document~ViewDocument editing view's} selection or `null`\n\t * if there is none.\n\t */\n\tprivate _getSelectedBookmarkElement(): ModelElement | null {\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst element = selection.getSelectedElement();\n\n\t\tif ( element && element.is( 'element', 'bookmark' ) ) {\n\t\t\treturn element;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Displays a fake visual selection when the contextual balloon is displayed.\n\t *\n\t * This adds a 'bookmark-ui' marker into the document that is rendered as a highlight on selected text fragment.\n\t */\n\tprivate _showFakeVisualSelection(): void {\n\t\tconst model = this.editor.model;\n\n\t\tmodel.change( writer => {\n\t\t\tconst range = model.document.selection.getFirstRange()!;\n\n\t\t\tif ( model.markers.has( VISUAL_SELECTION_MARKER_NAME ) ) {\n\t\t\t\twriter.updateMarker( VISUAL_SELECTION_MARKER_NAME, { range } );\n\t\t\t} else {\n\t\t\t\tif ( range.start.isAtEnd ) {\n\t\t\t\t\tconst startPosition = range.start.getLastMatchingPosition(\n\t\t\t\t\t\t( { item } ) => !model.schema.isContent( item ),\n\t\t\t\t\t\t{ boundaries: range }\n\t\t\t\t\t);\n\n\t\t\t\t\twriter.addMarker( VISUAL_SELECTION_MARKER_NAME, {\n\t\t\t\t\t\tusingOperation: false,\n\t\t\t\t\t\taffectsData: false,\n\t\t\t\t\t\trange: writer.createRange( startPosition, range.end )\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\twriter.addMarker( VISUAL_SELECTION_MARKER_NAME, {\n\t\t\t\t\t\tusingOperation: false,\n\t\t\t\t\t\taffectsData: false,\n\t\t\t\t\t\trange\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Hides the fake visual selection created in {@link #_showFakeVisualSelection}.\n\t */\n\tprivate _hideFakeVisualSelection(): void {\n\t\tconst model = this.editor.model;\n\n\t\tif ( model.markers.has( VISUAL_SELECTION_MARKER_NAME ) ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.removeMarker( VISUAL_SELECTION_MARKER_NAME );\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * Returns bookmark form validation callbacks.\n */\nfunction getFormValidators( editor: Editor ): Array<BookmarkFormValidatorCallback> {\n\tconst { t } = editor;\n\tconst bookmarkEditing = editor.plugins.get( BookmarkEditing );\n\n\treturn [\n\t\tform => {\n\t\t\tif ( !form.id ) {\n\t\t\t\treturn t( 'Bookmark must not be empty.' );\n\t\t\t}\n\t\t},\n\t\tform => {\n\t\t\tif ( form.id && /\\s/.test( form.id ) ) {\n\t\t\t\treturn t( 'Bookmark name cannot contain space characters.' );\n\t\t\t}\n\t\t},\n\t\tform => {\n\t\t\tconst selectedElement = editor.model.document.selection.getSelectedElement();\n\t\t\tconst existingBookmarkForId = bookmarkEditing.getElementForBookmarkId( form.id! );\n\n\t\t\t// Accept change of bookmark ID if no real change is happening (edit -> submit, without changes).\n\t\t\tif ( selectedElement === existingBookmarkForId ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( existingBookmarkForId ) {\n\t\t\t\treturn t( 'Bookmark name already exists.' );\n\t\t\t}\n\t\t}\n\t];\n}\n\n/**\n * Returns the currently selected bookmark view element.\n */\nfunction getSelectedBookmarkWidget( selection: ViewDocumentSelection ): ViewElement | null {\n\tconst element = selection.getSelectedElement();\n\n\tif ( !element || !isWidget( element ) || !element.getCustomProperty( 'bookmark' ) ) {\n\t\treturn null;\n\t}\n\n\treturn element;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 bookmark/bookmark\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Widget } from 'ckeditor5/src/widget.js';\nimport { BookmarkUI } from './bookmarkui.js';\nimport { BookmarkEditing } from './bookmarkediting.js';\n\n/**\n * The bookmark feature.\n *\n * For a detailed overview, check the {@glink features/bookmarks Bookmarks} feature guide.\n */\nexport class Bookmark extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Bookmark' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ BookmarkEditing, BookmarkUI, Widget ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Plugin, Command, PendingActions } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView, Notification } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconBrowseFiles, IconImageAssetManager, IconCkboxImageEdit } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ModelRange } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { createElement, toMap, CKEditorError, logError, global, delay, abortableDebounce, retry } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { decode } from 'blurhash';\nimport { FileRepository } from '@ckeditor/ckeditor5-upload/dist/index.js';\nimport { isEqual } from 'es-toolkit/compat';\n\n/**\n * Introduces UI components for the `CKBox` plugin.\n *\n * The plugin introduces two UI components to the {@link module:ui/componentfactory~ComponentFactory UI component factory}:\n *\n * * the `'ckbox'` toolbar button,\n * * the `'menuBar:ckbox'` menu bar component, which is by default added to the `'Insert'` menu.\n *\n * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component.\n */ class CKBoxUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKBoxUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        // Do not register the `ckbox` button if the command does not exist.\n        // This might happen when CKBox library is not loaded on the page.\n        if (!editor.commands.get('ckbox')) {\n            return;\n        }\n        editor.ui.componentFactory.add('ckbox', ()=>this._createFileToolbarButton());\n        editor.ui.componentFactory.add('menuBar:ckbox', ()=>this._createFileMenuBarButton());\n        if (editor.plugins.has('ImageInsertUI')) {\n            editor.plugins.get('ImageInsertUI').registerIntegration({\n                name: 'assetManager',\n                observable: ()=>editor.commands.get('ckbox'),\n                buttonViewCreator: ()=>this._createImageToolbarButton(),\n                formViewCreator: ()=>this._createImageDropdownButton(),\n                menuBarButtonViewCreator: (isOnly)=>this._createImageMenuBarButton(isOnly ? 'insertOnly' : 'insertNested')\n            });\n        }\n    }\n    /**\n\t * Creates the base for various kinds of the button component provided by this feature.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const view = new ButtonClass(locale);\n        const command = editor.commands.get('ckbox');\n        view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');\n        view.on('execute', ()=>{\n            editor.execute('ckbox');\n        });\n        return view;\n    }\n    /**\n\t * Creates a simple toolbar button for files management, with an icon and a tooltip.\n\t */ _createFileToolbarButton() {\n        const t = this.editor.locale.t;\n        const button = this._createButton(ButtonView);\n        button.icon = IconBrowseFiles;\n        button.label = t('Open file manager');\n        button.tooltip = true;\n        return button;\n    }\n    /**\n\t * Creates a simple toolbar button for images management, with an icon and a tooltip.\n\t */ _createImageToolbarButton() {\n        const t = this.editor.locale.t;\n        const imageInsertUI = this.editor.plugins.get('ImageInsertUI');\n        const button = this._createButton(ButtonView);\n        button.icon = IconImageAssetManager;\n        button.bind('label').to(imageInsertUI, 'isImageSelected', (isImageSelected)=>isImageSelected ? t('Replace image with file manager') : t('Insert image with file manager'));\n        button.tooltip = true;\n        return button;\n    }\n    /**\n\t * Creates a button for images management for the dropdown view, with an icon, text and no tooltip.\n\t */ _createImageDropdownButton() {\n        const t = this.editor.locale.t;\n        const imageInsertUI = this.editor.plugins.get('ImageInsertUI');\n        const button = this._createButton(ButtonView);\n        button.icon = IconImageAssetManager;\n        button.withText = true;\n        button.bind('label').to(imageInsertUI, 'isImageSelected', (isImageSelected)=>isImageSelected ? t('Replace with file manager') : t('Insert with file manager'));\n        button.on('execute', ()=>{\n            imageInsertUI.dropdownView.isOpen = false;\n        });\n        return button;\n    }\n    /**\n\t * Creates a button for files management for the menu bar.\n\t */ _createFileMenuBarButton() {\n        const t = this.editor.locale.t;\n        const button = this._createButton(MenuBarMenuListItemButtonView);\n        button.icon = IconBrowseFiles;\n        button.withText = true;\n        button.label = t('File');\n        return button;\n    }\n    /**\n\t * Creates a button for images management for the menu bar.\n\t */ _createImageMenuBarButton(type) {\n        // Use t() stored in a variable with a different name to reuse existing translations from another package.\n        const translateVariableKey = this.editor.locale.t;\n        const t = this.editor.locale.t;\n        const button = this._createButton(MenuBarMenuListItemButtonView);\n        button.icon = IconImageAssetManager;\n        button.withText = true;\n        switch(type){\n            case 'insertOnly':\n                button.label = translateVariableKey('Image');\n                break;\n            case 'insertNested':\n                button.label = t('With file manager');\n                break;\n        }\n        return button;\n    }\n}\n\n/**\n * Converts image source set provided by the CKBox into an object containing:\n * - responsive URLs for the \"webp\" image format,\n * - one fallback URL for browsers that do not support the \"webp\" format.\n *\n * @internal\n */ function getImageUrls(imageUrls) {\n    const responsiveUrls = [];\n    let maxWidth = 0;\n    for(const key in imageUrls){\n        const width = parseInt(key, 10);\n        if (!isNaN(width)) {\n            if (width > maxWidth) {\n                maxWidth = width;\n            }\n            responsiveUrls.push(`${imageUrls[key]} ${key}w`);\n        }\n    }\n    const imageSources = [\n        {\n            srcset: responsiveUrls.join(','),\n            sizes: `(max-width: ${maxWidth}px) 100vw, ${maxWidth}px`,\n            type: 'image/webp'\n        }\n    ];\n    return {\n        imageFallbackUrl: imageUrls.default,\n        imageSources\n    };\n}\n/**\n * Returns a workspace id to use for communication with the CKBox service.\n *\n * @param defaultWorkspaceId The default workspace to use taken from editor config.\n * @internal\n */ function getWorkspaceId(token, defaultWorkspaceId) {\n    const [, binaryTokenPayload] = token.value.split('.');\n    const payload = JSON.parse(atob(binaryTokenPayload));\n    const workspaces = payload.auth?.ckbox?.workspaces || [\n        payload.aud\n    ];\n    if (!defaultWorkspaceId) {\n        return workspaces[0];\n    }\n    if (payload.auth?.ckbox?.role == 'superadmin' || workspaces.includes(defaultWorkspaceId)) {\n        return defaultWorkspaceId;\n    }\n    return null;\n}\n/**\n * Default resolution for decoding blurhash values.\n * Relatively small values must be used in order to ensure acceptable performance.\n */ const BLUR_RESOLUTION = 32;\n/**\n * Generates an image data URL from its `blurhash` representation.\n *\n * @internal\n */ function blurHashToDataUrl(hash) {\n    if (!hash) {\n        return;\n    }\n    try {\n        const resolutionInPx = `${BLUR_RESOLUTION}px`;\n        const canvas = document.createElement('canvas');\n        canvas.setAttribute('width', resolutionInPx);\n        canvas.setAttribute('height', resolutionInPx);\n        const ctx = canvas.getContext('2d');\n        /* istanbul ignore next -- @preserve */ if (!ctx) {\n            return;\n        }\n        const imageData = ctx.createImageData(BLUR_RESOLUTION, BLUR_RESOLUTION);\n        const decoded = decode(hash, BLUR_RESOLUTION, BLUR_RESOLUTION);\n        imageData.data.set(decoded);\n        ctx.putImageData(imageData, 0, 0);\n        return canvas.toDataURL();\n    } catch  {\n        return undefined;\n    }\n}\n/**\n * Sends the HTTP request.\n *\n * @internal\n * @param options Configuration options\n * @param options.url The URL where the request will be sent.\n * @param options.signal The AbortSignal to abort the request when needed.\n * @param options.authorization The authorization token for the request.\n * @param options.method The HTTP method (default: 'GET').\n * @param options.data Additional data to send.\n * @param options.onUploadProgress A callback informing about the upload progress.\n */ function sendHttpRequest({ url, method = 'GET', data, onUploadProgress, signal, authorization }) {\n    const xhr = new XMLHttpRequest();\n    xhr.open(method, url.toString());\n    xhr.setRequestHeader('Authorization', authorization);\n    xhr.setRequestHeader('CKBox-Version', 'CKEditor 5');\n    xhr.responseType = 'json';\n    // The callback is attached to the `signal#abort` event.\n    const abortCallback = ()=>{\n        xhr.abort();\n    };\n    return new Promise((resolve, reject)=>{\n        signal.throwIfAborted();\n        signal.addEventListener('abort', abortCallback);\n        xhr.addEventListener('loadstart', ()=>{\n            signal.addEventListener('abort', abortCallback);\n        });\n        xhr.addEventListener('loadend', ()=>{\n            signal.removeEventListener('abort', abortCallback);\n        });\n        xhr.addEventListener('error', ()=>{\n            reject();\n        });\n        xhr.addEventListener('abort', ()=>{\n            reject();\n        });\n        xhr.addEventListener('load', ()=>{\n            const response = xhr.response;\n            if (!response || response.statusCode >= 400) {\n                return reject(response && response.message);\n            }\n            resolve(response);\n        });\n        /* istanbul ignore else -- @preserve */ if (onUploadProgress) {\n            xhr.upload.addEventListener('progress', (evt)=>{\n                onUploadProgress(evt);\n            });\n        }\n        // Send the request.\n        xhr.send(data);\n    });\n}\nconst MIME_TO_EXTENSION = {\n    'image/gif': 'gif',\n    'image/jpeg': 'jpg',\n    'image/png': 'png',\n    'image/webp': 'webp',\n    'image/bmp': 'bmp',\n    'image/tiff': 'tiff'\n};\n/**\n * Returns an extension a typical file in the specified `mimeType` format would have.\n *\n * @internal\n */ function convertMimeTypeToExtension(mimeType) {\n    return MIME_TO_EXTENSION[mimeType];\n}\n/**\n * Tries to fetch the given `url` and returns 'content-type' of the response.\n *\n * @internal\n */ async function getContentTypeOfUrl(url, options) {\n    try {\n        const response = await fetch(url, {\n            method: 'HEAD',\n            cache: 'force-cache',\n            ...options\n        });\n        if (!response.ok) {\n            return '';\n        }\n        return response.headers.get('content-type') || '';\n    } catch  {\n        return '';\n    }\n}\n/**\n * Returns an extension from the given value.\n *\n * @internal\n */ function getFileExtension(file) {\n    const fileName = file.name;\n    const extensionRegExp = /\\.(?<ext>[^.]+)$/;\n    const match = fileName.match(extensionRegExp);\n    return match.groups.ext.toLowerCase();\n}\n\n// Defines the waiting time (in milliseconds) for inserting the chosen asset into the model. The chosen asset is temporarily stored in the\n// `CKBoxCommand#_chosenAssets` and it is removed from there automatically after this time. See `CKBoxCommand#_chosenAssets` for more\n// details.\nconst ASSET_INSERTION_WAIT_TIMEOUT = 1000;\n/**\n * The CKBox command. It is used by the {@link module:ckbox/ckboxediting~CKBoxEditing CKBox editing feature} to open the CKBox file manager.\n * The file manager allows inserting an image or a link to a file into the editor content.\n *\n * ```ts\n * editor.execute( 'ckbox' );\n * ```\n *\n * **Note:** This command uses other features to perform the following tasks:\n * - To insert images it uses the {@link module:image/image/insertimagecommand~InsertImageCommand 'insertImage'} command from the\n * {@link module:image/image~Image Image feature}.\n * - To insert links to other files it uses the {@link module:link/linkcommand~LinkCommand 'link'} command from the\n * {@link module:link/link~Link Link feature}.\n */ class CKBoxCommand extends Command {\n    /**\n\t * A set of all chosen assets. They are stored temporarily and they are automatically removed 1 second after being chosen.\n\t * Chosen assets have to be \"remembered\" for a while to be able to map the given asset with the element inserted into the model.\n\t * This association map is then used to set the ID on the model element.\n\t *\n\t * All chosen assets are automatically removed after the timeout, because (theoretically) it may happen that they will never be\n\t * inserted into the model, even if the {@link module:link/linkcommand~LinkCommand `'link'`} command or the\n\t * {@link module:image/image/insertimagecommand~InsertImageCommand `'insertImage'`} command is enabled. Such a case may arise when\n\t * another plugin blocks the command execution. Then, in order not to keep the chosen (but not inserted) assets forever, we delete\n\t * them automatically to prevent memory leakage. The 1 second timeout is enough to insert the asset into the model and extract the\n\t * ID from the chosen asset.\n\t *\n\t * The assets are stored only if\n\t * the {@link module:ckbox/ckboxconfig~CKBoxConfig#ignoreDataId `config.ckbox.ignoreDataId`} option is set to `false` (by default).\n\t *\n\t * @internal\n\t */ _chosenAssets = new Set();\n    /**\n\t * The DOM element that acts as a mounting point for the CKBox dialog.\n\t */ _wrapper = null;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._initListeners();\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.value = this._getValue();\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        this.fire('ckbox:open');\n    }\n    /**\n\t * Indicates if the CKBox dialog is already opened.\n\t *\n\t * @protected\n\t * @returns {Boolean}\n\t */ _getValue() {\n        return this._wrapper !== null;\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t */ _checkEnabled() {\n        const imageCommand = this.editor.commands.get('insertImage');\n        const linkCommand = this.editor.commands.get('link');\n        if (!imageCommand.isEnabled && !linkCommand.isEnabled) {\n            return false;\n        }\n        return true;\n    }\n    /**\n\t * Creates the options object for the CKBox dialog.\n\t *\n\t * @returns The object with properties:\n\t * - theme The theme for CKBox dialog.\n\t * - language The language for CKBox dialog.\n\t * - tokenUrl The token endpoint URL.\n\t * - serviceOrigin The base URL of the API service.\n\t * - forceDemoLabel Whether to force \"Powered by CKBox\" link.\n\t * - assets.onChoose The callback function invoked after choosing the assets.\n\t * - dialog.onClose The callback function invoked after closing the CKBox dialog.\n\t * - dialog.width The dialog width in pixels.\n\t * - dialog.height The dialog height in pixels.\n\t * - categories.icons Allows setting custom icons for categories.\n\t * - view.openLastView Sets if the last view visited by the user will be reopened\n\t * on the next startup.\n\t * - view.startupFolderId Sets the ID of the folder that will be opened on startup.\n\t * - view.startupCategoryId Sets the ID of the category that will be opened on startup.\n\t * - view.hideMaximizeButton Sets whether to hide the ‘Maximize’ button.\n\t * - view.componentsHideTimeout Sets timeout after which upload components are hidden\n\t * after completed upload.\n\t * - view.dialogMinimizeTimeout Sets timeout after which upload dialog is minimized\n\t * after completed upload.\n\t */ _prepareOptions() {\n        const editor = this.editor;\n        const ckboxConfig = editor.config.get('ckbox');\n        const dialog = ckboxConfig.dialog;\n        const categories = ckboxConfig.categories;\n        const view = ckboxConfig.view;\n        const upload = ckboxConfig.upload;\n        return {\n            theme: ckboxConfig.theme,\n            language: ckboxConfig.language,\n            tokenUrl: ckboxConfig.tokenUrl,\n            serviceOrigin: ckboxConfig.serviceOrigin,\n            forceDemoLabel: ckboxConfig.forceDemoLabel,\n            choosableFileExtensions: ckboxConfig.choosableFileExtensions,\n            assets: {\n                onChoose: (assets)=>this.fire('ckbox:choose', assets)\n            },\n            dialog: {\n                onClose: ()=>this.fire('ckbox:close'),\n                width: dialog && dialog.width,\n                height: dialog && dialog.height\n            },\n            categories: categories && {\n                icons: categories.icons\n            },\n            view: view && {\n                openLastView: view.openLastView,\n                startupFolderId: view.startupFolderId,\n                startupCategoryId: view.startupCategoryId,\n                hideMaximizeButton: view.hideMaximizeButton\n            },\n            upload: upload && {\n                componentsHideTimeout: upload.componentsHideTimeout,\n                dialogMinimizeTimeout: upload.dialogMinimizeTimeout\n            }\n        };\n    }\n    /**\n\t * Initializes various event listeners for the `ckbox:*` events, because all functionality of the `ckbox` command is event-based.\n\t */ _initListeners() {\n        const editor = this.editor;\n        const model = editor.model;\n        const shouldInsertDataId = !editor.config.get('ckbox.ignoreDataId');\n        const downloadableFilesConfig = editor.config.get('ckbox.downloadableFiles');\n        // Refresh the command after firing the `ckbox:*` event.\n        this.on('ckbox', ()=>{\n            this.refresh();\n        }, {\n            priority: 'low'\n        });\n        // Handle opening of the CKBox dialog.\n        this.on('ckbox:open', ()=>{\n            if (!this.isEnabled || this.value) {\n                return;\n            }\n            this._wrapper = createElement(document, 'div', {\n                class: 'ck ckbox-wrapper'\n            });\n            document.body.appendChild(this._wrapper);\n            window.CKBox.mount(this._wrapper, this._prepareOptions());\n        });\n        // Handle closing of the CKBox dialog.\n        this.on('ckbox:close', ()=>{\n            if (!this.value) {\n                return;\n            }\n            this._wrapper.remove();\n            this._wrapper = null;\n            editor.editing.view.focus();\n        });\n        // Handle choosing the assets.\n        this.on('ckbox:choose', (evt, assets)=>{\n            if (!this.isEnabled) {\n                return;\n            }\n            const imageCommand = editor.commands.get('insertImage');\n            const linkCommand = editor.commands.get('link');\n            const assetsToProcess = prepareAssets({\n                assets,\n                downloadableFilesConfig,\n                isImageAllowed: imageCommand.isEnabled,\n                isLinkAllowed: linkCommand.isEnabled\n            });\n            const assetsCount = assetsToProcess.length;\n            if (assetsCount === 0) {\n                return;\n            }\n            // All assets are inserted in one undo step.\n            model.change((writer)=>{\n                for (const asset of assetsToProcess){\n                    const isLastAsset = asset === assetsToProcess[assetsCount - 1];\n                    const isSingleAsset = assetsCount === 1;\n                    this._insertAsset(asset, isLastAsset, writer, isSingleAsset);\n                    // If asset ID must be set for the inserted model element, store the asset temporarily and remove it automatically\n                    // after the timeout.\n                    if (shouldInsertDataId) {\n                        setTimeout(()=>this._chosenAssets.delete(asset), ASSET_INSERTION_WAIT_TIMEOUT);\n                        this._chosenAssets.add(asset);\n                    }\n                }\n            });\n            editor.editing.view.focus();\n        });\n        // Clean up after the editor is destroyed.\n        this.listenTo(editor, 'destroy', ()=>{\n            this.fire('ckbox:close');\n            this._chosenAssets.clear();\n        });\n    }\n    /**\n\t * Inserts the asset into the model.\n\t *\n\t * @param asset The asset to be inserted.\n\t * @param isLastAsset Indicates if the current asset is the last one from the chosen set.\n\t * @param writer An instance of the model writer.\n\t * @param isSingleAsset It's true when only one asset is processed.\n\t */ _insertAsset(asset, isLastAsset, writer, isSingleAsset) {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        // Remove the `linkHref` attribute to not affect the asset to be inserted.\n        writer.removeSelectionAttribute('linkHref');\n        if (asset.type === 'image') {\n            this._insertImage(asset);\n        } else {\n            this._insertLink(asset, writer, isSingleAsset);\n        }\n        // Except for the last chosen asset, move the selection to the end of the current range to avoid overwriting other, already\n        // inserted assets.\n        if (!isLastAsset) {\n            writer.setSelection(selection.getLastPosition());\n        }\n    }\n    /**\n\t * Inserts the image by calling the `insertImage` command.\n\t *\n\t * @param asset The asset to be inserted.\n\t */ _insertImage(asset) {\n        const editor = this.editor;\n        const { imageFallbackUrl, imageSources, imageTextAlternative, imageWidth, imageHeight, imagePlaceholder } = asset.attributes;\n        editor.execute('insertImage', {\n            source: {\n                src: imageFallbackUrl,\n                sources: imageSources,\n                alt: imageTextAlternative,\n                width: imageWidth,\n                height: imageHeight,\n                ...imagePlaceholder ? {\n                    placeholder: imagePlaceholder\n                } : null\n            }\n        });\n    }\n    /**\n\t * Inserts the link to the asset by calling the `link` command.\n\t *\n\t * @param asset The asset to be inserted.\n\t * @param writer An instance of the model writer.\n\t * @param isSingleAsset It's true when only one asset is processed.\n\t */ _insertLink(asset, writer, isSingleAsset) {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const { linkName, linkHref } = asset.attributes;\n        // If the selection is collapsed, insert the asset name as the link label and select it.\n        if (selection.isCollapsed) {\n            const selectionAttributes = toMap(selection.getAttributes());\n            const textNode = writer.createText(linkName, selectionAttributes);\n            if (!isSingleAsset) {\n                const selectionLastPosition = selection.getLastPosition();\n                const parentElement = selectionLastPosition.parent;\n                // Insert new `paragraph` when selection is not in an empty `paragraph`.\n                if (!(parentElement.name === 'paragraph' && parentElement.isEmpty)) {\n                    editor.execute('insertParagraph', {\n                        position: selectionLastPosition\n                    });\n                }\n                const range = model.insertContent(textNode);\n                writer.setSelection(range);\n                editor.execute('link', linkHref);\n                return;\n            }\n            const range = model.insertContent(textNode);\n            writer.setSelection(range);\n        }\n        editor.execute('link', linkHref);\n    }\n}\n/**\n * Parses the chosen assets into the internal data format. Filters out chosen assets that are not allowed.\n */ function prepareAssets({ downloadableFilesConfig, assets, isImageAllowed, isLinkAllowed }) {\n    return assets.map((asset)=>isImage(asset) ? {\n            id: asset.data.id,\n            type: 'image',\n            attributes: prepareImageAssetAttributes(asset)\n        } : {\n            id: asset.data.id,\n            type: 'link',\n            attributes: prepareLinkAssetAttributes(asset, downloadableFilesConfig)\n        }).filter((asset)=>asset.type === 'image' ? isImageAllowed : isLinkAllowed);\n}\n/**\n * Parses the assets attributes into the internal data format.\n *\n * @internal\n */ function prepareImageAssetAttributes(asset) {\n    const { imageFallbackUrl, imageSources } = getImageUrls(asset.data.imageUrls);\n    const { description, width, height, blurHash } = asset.data.metadata;\n    const imagePlaceholder = blurHashToDataUrl(blurHash);\n    return {\n        imageFallbackUrl,\n        imageSources,\n        imageTextAlternative: description || '',\n        imageWidth: width,\n        imageHeight: height,\n        ...imagePlaceholder ? {\n            imagePlaceholder\n        } : null\n    };\n}\n/**\n * Parses the assets attributes into the internal data format.\n *\n * @param asset The asset to prepare the attributes for.\n * @param config The CKBox download asset configuration.\n */ function prepareLinkAssetAttributes(asset, config) {\n    return {\n        linkName: asset.data.name,\n        linkHref: getAssetUrl(asset, config)\n    };\n}\n/**\n * Checks whether the asset is an image.\n */ function isImage(asset) {\n    const metadata = asset.data.metadata;\n    if (!metadata) {\n        return false;\n    }\n    return metadata.width && metadata.height;\n}\n/**\n * Creates the URL for the asset.\n *\n * @param asset The asset to create the URL for.\n * @param config The CKBox download asset configuration.\n */ function getAssetUrl(asset, config) {\n    const url = new URL(asset.data.url);\n    if (isDownloadableAsset(asset, config)) {\n        url.searchParams.set('download', 'true');\n    }\n    return url.toString();\n}\n/**\n * Determines if download should be enabled for given asset based on configuration.\n *\n * @param asset The asset to check.\n * @param config The CKBox download asset configuration.\n */ function isDownloadableAsset(asset, config) {\n    if (typeof config === 'function') {\n        return config(asset);\n    }\n    return true;\n}\n\nconst DEFAULT_CKBOX_THEME_NAME = 'lark';\n/**\n * The CKBox utilities plugin.\n */ class CKBoxUtils extends Plugin {\n    /**\n\t * CKEditor Cloud Services access token.\n\t */ _token;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKBoxUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            'CloudServices'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const hasConfiguration = !!editor.config.get('ckbox');\n        const isLibraryLoaded = !!window.CKBox;\n        // Proceed with plugin initialization only when the integrator intentionally wants to use it, i.e. when the `config.ckbox` exists or\n        // the CKBox JavaScript library is loaded.\n        if (!hasConfiguration && !isLibraryLoaded) {\n            return;\n        }\n        editor.config.define('ckbox', {\n            serviceOrigin: 'https://api.ckbox.io',\n            defaultUploadCategories: null,\n            ignoreDataId: false,\n            language: editor.locale.uiLanguage,\n            theme: DEFAULT_CKBOX_THEME_NAME,\n            tokenUrl: editor.config.get('cloudServices.tokenUrl')\n        });\n        const cloudServices = editor.plugins.get('CloudServices');\n        const cloudServicesTokenUrl = editor.config.get('cloudServices.tokenUrl');\n        const ckboxTokenUrl = editor.config.get('ckbox.tokenUrl');\n        if (!ckboxTokenUrl) {\n            /**\n\t\t\t * The {@link module:ckbox/ckboxconfig~CKBoxConfig#tokenUrl `config.ckbox.tokenUrl`} or the\n\t\t\t * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl `config.cloudServices.tokenUrl`}\n\t\t\t * configuration is required for the CKBox plugin.\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * ClassicEditor.create( document.createElement( 'div' ), {\n\t\t\t * \tckbox: {\n\t\t\t * \t\ttokenUrl: \"YOUR_TOKEN_URL\"\n\t\t\t * \t\t// ...\n\t\t\t * \t}\n\t\t\t * \t// ...\n\t\t\t * } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * @error ckbox-plugin-missing-token-url\n\t\t\t */ throw new CKEditorError('ckbox-plugin-missing-token-url', this);\n        }\n        if (ckboxTokenUrl == cloudServicesTokenUrl) {\n            this._token = Promise.resolve(cloudServices.token);\n        } else {\n            this._token = cloudServices.registerTokenUrl(ckboxTokenUrl);\n        }\n        // Grant access to private categories after token is fetched. This is done within the same promise chain\n        // to ensure all services using the token have access to private categories.\n        // This step is critical as previewing images from private categories requires proper cookies.\n        this._token = this._token.then(async (token)=>{\n            await this._authorizePrivateCategoriesAccess(token.value);\n            return token;\n        });\n    }\n    /**\n\t * Returns a token used by the CKBox plugin for communication with the CKBox service.\n\t */ getToken() {\n        return this._token;\n    }\n    /**\n\t * The ID of workspace to use when uploading an image.\n\t */ async getWorkspaceId() {\n        const t = this.editor.t;\n        const cannotAccessDefaultWorkspaceError = t('Cannot access default workspace.');\n        const defaultWorkspaceId = this.editor.config.get('ckbox.defaultUploadWorkspaceId');\n        const workspaceId = getWorkspaceId(await this._token, defaultWorkspaceId);\n        if (workspaceId == null) {\n            /**\n\t\t\t * The user is not authorized to access the workspace defined in  the`ckbox.defaultUploadWorkspaceId` configuration.\n\t\t\t *\n\t\t\t * @error ckbox-access-default-workspace-error\n\t\t\t */ logError('ckbox-access-default-workspace-error');\n            throw cannotAccessDefaultWorkspaceError;\n        }\n        return workspaceId;\n    }\n    /**\n\t * Resolves a promise with an object containing a category with which the uploaded file is associated or an error code.\n\t */ async getCategoryIdForFile(fileOrUrl, options) {\n        const t = this.editor.t;\n        const cannotFindCategoryError = t('Cannot determine a category for the uploaded file.');\n        const defaultCategories = this.editor.config.get('ckbox.defaultUploadCategories');\n        const allCategoriesPromise = this._getAvailableCategories(options);\n        const extension = typeof fileOrUrl == 'string' ? convertMimeTypeToExtension(await getContentTypeOfUrl(fileOrUrl, options)) : getFileExtension(fileOrUrl);\n        const allCategories = await allCategoriesPromise;\n        // Couldn't fetch all categories. Perhaps the authorization token is invalid.\n        if (!allCategories) {\n            throw cannotFindCategoryError;\n        }\n        // If a user specifies the plugin configuration, find the first category that accepts the uploaded file.\n        if (defaultCategories) {\n            const userCategory = Object.keys(defaultCategories).find((category)=>{\n                return defaultCategories[category].find((e)=>e.toLowerCase() == extension);\n            });\n            // If found, return its ID if the category exists on the server side.\n            if (userCategory) {\n                const serverCategory = allCategories.find((category)=>category.id === userCategory || category.name === userCategory);\n                if (!serverCategory) {\n                    throw cannotFindCategoryError;\n                }\n                return serverCategory.id;\n            }\n        }\n        // Otherwise, find the first category that accepts the uploaded file and returns its ID.\n        const category = allCategories.find((category)=>category.extensions.find((e)=>e.toLowerCase() == extension));\n        if (!category) {\n            throw cannotFindCategoryError;\n        }\n        return category.id;\n    }\n    /**\n\t * Resolves a promise with an array containing available categories with which the uploaded file can be associated.\n\t *\n\t * If the API returns limited results, the method will collect all items.\n\t */ async _getAvailableCategories(options) {\n        const ITEMS_PER_REQUEST = 50;\n        const editor = this.editor;\n        const token = this._token;\n        const { signal } = options;\n        const serviceOrigin = editor.config.get('ckbox.serviceOrigin');\n        const workspaceId = await this.getWorkspaceId();\n        try {\n            const result = [];\n            let offset = 0;\n            let remainingItems;\n            do {\n                const data = await fetchCategories(offset);\n                result.push(...data.items);\n                remainingItems = data.totalCount - (offset + ITEMS_PER_REQUEST);\n                offset += ITEMS_PER_REQUEST;\n            }while (remainingItems > 0)\n            return result;\n        } catch  {\n            signal.throwIfAborted();\n            /**\n\t\t\t * Fetching a list of available categories with which an uploaded file can be associated failed.\n\t\t\t *\n\t\t\t * @error ckbox-fetch-category-http-error\n\t\t\t */ logError('ckbox-fetch-category-http-error');\n            return undefined;\n        }\n        async function fetchCategories(offset) {\n            const categoryUrl = new URL('categories', serviceOrigin);\n            categoryUrl.searchParams.set('limit', String(ITEMS_PER_REQUEST));\n            categoryUrl.searchParams.set('offset', String(offset));\n            categoryUrl.searchParams.set('workspaceId', workspaceId);\n            return sendHttpRequest({\n                url: categoryUrl,\n                signal,\n                authorization: (await token).value\n            });\n        }\n    }\n    /**\n\t * Authorize private categories access to the CKBox service. Request sets cookie for the current domain,\n\t * that allows user to preview images from private categories.\n\t */ async _authorizePrivateCategoriesAccess(token) {\n        const serviceUrl = this.editor.config.get('ckbox.serviceOrigin');\n        const formData = new FormData();\n        formData.set('token', token);\n        await fetch(`${serviceUrl}/categories/authorizePrivateAccess`, {\n            method: 'POST',\n            credentials: 'include',\n            mode: 'no-cors',\n            body: formData\n        });\n    }\n}\n\n/**\n * A plugin that enables file uploads in CKEditor 5 using the CKBox server–side connector.\n * See the {@glink features/file-management/ckbox CKBox file manager integration} guide to learn how to configure\n * and use this feature as well as find out more about the full integration with the file manager\n * provided by the {@link module:ckbox/ckbox~CKBox} plugin.\n *\n * Check out the {@glink features/images/image-upload/image-upload Image upload overview} guide to learn about\n * other ways to upload images into CKEditor 5.\n */ class CKBoxUploadAdapter extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            'ImageUploadEditing',\n            'ImageUploadProgress',\n            FileRepository,\n            CKBoxEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKBoxUploadAdapter';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ async afterInit() {\n        const editor = this.editor;\n        const hasConfiguration = !!editor.config.get('ckbox');\n        const isLibraryLoaded = !!window.CKBox;\n        // Editor supports only one upload adapter. Register the CKBox upload adapter (and potentially overwrite other one) only when the\n        // integrator intentionally wants to use the CKBox plugin, i.e. when the `config.ckbox` exists or the CKBox JavaScript library is\n        // loaded.\n        if (!hasConfiguration && !isLibraryLoaded) {\n            return;\n        }\n        const fileRepository = editor.plugins.get(FileRepository);\n        const ckboxUtils = editor.plugins.get(CKBoxUtils);\n        fileRepository.createUploadAdapter = (loader)=>new Adapter(loader, editor, ckboxUtils);\n        const shouldInsertDataId = !editor.config.get('ckbox.ignoreDataId');\n        const imageUploadEditing = editor.plugins.get('ImageUploadEditing');\n        // Mark uploaded assets with the `ckboxImageId` attribute. Its value represents an ID in CKBox.\n        if (shouldInsertDataId) {\n            imageUploadEditing.on('uploadComplete', (evt, { imageElement, data })=>{\n                editor.model.change((writer)=>{\n                    writer.setAttribute('ckboxImageId', data.ckboxImageId, imageElement);\n                });\n            });\n        }\n    }\n}\n/**\n * Upload adapter for CKBox.\n */ class Adapter {\n    /**\n\t * FileLoader instance to use during the upload.\n\t */ loader;\n    /**\n\t * CKEditor Cloud Services access token.\n\t */ token;\n    /**\n\t * The editor instance.\n\t */ editor;\n    /**\n\t * The abort controller for aborting asynchronous processes.\n\t */ controller;\n    /**\n\t * The base URL where all requests should be sent.\n\t */ serviceOrigin;\n    /**\n\t * The reference to CKBoxUtils plugin.\n\t */ ckboxUtils;\n    /**\n\t * Creates a new adapter instance.\n\t */ constructor(loader, editor, ckboxUtils){\n        this.loader = loader;\n        this.token = ckboxUtils.getToken();\n        this.ckboxUtils = ckboxUtils;\n        this.editor = editor;\n        this.controller = new AbortController();\n        this.serviceOrigin = editor.config.get('ckbox.serviceOrigin');\n    }\n    /**\n\t * Starts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#upload\n\t */ async upload() {\n        const ckboxUtils = this.ckboxUtils;\n        const t = this.editor.t;\n        const file = await this.loader.file;\n        const category = await ckboxUtils.getCategoryIdForFile(file, {\n            signal: this.controller.signal\n        });\n        const uploadUrl = new URL('assets', this.serviceOrigin);\n        const formData = new FormData();\n        uploadUrl.searchParams.set('workspaceId', await ckboxUtils.getWorkspaceId());\n        formData.append('categoryId', category);\n        formData.append('file', file);\n        const requestConfig = {\n            method: 'POST',\n            url: uploadUrl,\n            data: formData,\n            onUploadProgress: (evt)=>{\n                /* istanbul ignore else -- @preserve */ if (evt.lengthComputable) {\n                    this.loader.uploadTotal = evt.total;\n                    this.loader.uploaded = evt.loaded;\n                }\n            },\n            signal: this.controller.signal,\n            authorization: (await this.token).value\n        };\n        return sendHttpRequest(requestConfig).then(async (data)=>{\n            const imageUrls = getImageUrls(data.imageUrls);\n            return {\n                ckboxImageId: data.id,\n                default: imageUrls.imageFallbackUrl,\n                sources: imageUrls.imageSources\n            };\n        }).catch(()=>{\n            const genericError = t('Cannot upload file:') + ` ${file.name}.`;\n            return Promise.reject(genericError);\n        });\n    }\n    /**\n\t * Aborts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#abort\n\t */ abort() {\n        this.controller.abort();\n    }\n}\n\nconst COMMAND_FORCE_DISABLE_ID = 'NoPermission';\n/**\n * The CKBox editing feature. It introduces the {@link module:ckbox/ckboxcommand~CKBoxCommand CKBox command} and\n * {@link module:ckbox/ckboxuploadadapter~CKBoxUploadAdapter CKBox upload adapter}.\n */ class CKBoxEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKBoxEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            'LinkEditing',\n            'PictureEditing',\n            CKBoxUploadAdapter,\n            CKBoxUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!this._shouldBeInitialised()) {\n            return;\n        }\n        this._checkImagePlugins();\n        // Registering the `ckbox` command makes sense only if the CKBox library is loaded, as the `ckbox` command opens the CKBox dialog.\n        if (isLibraryLoaded()) {\n            editor.commands.add('ckbox', new CKBoxCommand(editor));\n        }\n        // Promise is not handled intentionally. Errors should be displayed in console if there are so.\n        isUploadPermissionGranted(editor).then((isCreateAssetAllowed)=>{\n            if (!isCreateAssetAllowed) {\n                this._blockImageCommands();\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        if (!this._shouldBeInitialised()) {\n            return;\n        }\n        // Extending the schema, registering converters and applying fixers only make sense if the configuration option to assign\n        // the assets ID with the model elements is enabled.\n        if (!editor.config.get('ckbox.ignoreDataId')) {\n            this._initSchema();\n            this._initConversion();\n            this._initFixers();\n        }\n    }\n    /**\n\t * Returns true only when the integrator intentionally wants to use the plugin, i.e. when the `config.ckbox` exists or\n\t * the CKBox JavaScript library is loaded.\n\t */ _shouldBeInitialised() {\n        const editor = this.editor;\n        const hasConfiguration = !!editor.config.get('ckbox');\n        return hasConfiguration || isLibraryLoaded();\n    }\n    /**\n\t * Blocks `uploadImage` and `ckboxImageEdit` commands.\n\t */ _blockImageCommands() {\n        const editor = this.editor;\n        const uploadImageCommand = editor.commands.get('uploadImage');\n        const imageEditingCommand = editor.commands.get('ckboxImageEdit');\n        if (uploadImageCommand) {\n            uploadImageCommand.isAccessAllowed = false;\n            uploadImageCommand.forceDisabled(COMMAND_FORCE_DISABLE_ID);\n        }\n        if (imageEditingCommand) {\n            imageEditingCommand.forceDisabled(COMMAND_FORCE_DISABLE_ID);\n        }\n    }\n    /**\n\t * Checks if at least one image plugin is loaded.\n\t */ _checkImagePlugins() {\n        const editor = this.editor;\n        if (!editor.plugins.has('ImageBlockEditing') && !editor.plugins.has('ImageInlineEditing')) {\n            /**\n\t\t\t * The CKBox feature requires one of the following plugins to be loaded to work correctly:\n\t\t\t *\n\t\t\t * * {@link module:image/imageblock~ImageBlock},\n\t\t\t * * {@link module:image/imageinline~ImageInline},\n\t\t\t * * {@link module:image/image~Image} (loads both `ImageBlock` and `ImageInline`)\n\t\t\t *\n\t\t\t * Please make sure your editor configuration is correct.\n\t\t\t *\n\t\t\t * @error ckbox-plugin-image-feature-missing\n\t\t\t * @param {module:core/editor/editor~Editor} editor The editor instance.\n\t\t\t */ logError('ckbox-plugin-image-feature-missing', editor);\n        }\n    }\n    /**\n\t * Extends the schema to allow the `ckboxImageId` and `ckboxLinkId` attributes for links and images.\n\t */ _initSchema() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        schema.extend('$text', {\n            allowAttributes: 'ckboxLinkId'\n        });\n        if (schema.isRegistered('imageBlock')) {\n            schema.extend('imageBlock', {\n                allowAttributes: [\n                    'ckboxImageId',\n                    'ckboxLinkId'\n                ]\n            });\n        }\n        if (schema.isRegistered('imageInline')) {\n            schema.extend('imageInline', {\n                allowAttributes: [\n                    'ckboxImageId',\n                    'ckboxLinkId'\n                ]\n            });\n        }\n        schema.addAttributeCheck((context)=>{\n            // Don't allow `ckboxLinkId` on elements which do not have `linkHref` attribute.\n            if (!context.last.getAttribute('linkHref')) {\n                return false;\n            }\n        }, 'ckboxLinkId');\n    }\n    /**\n\t * Configures the upcast and downcast conversions for the `ckboxImageId` and `ckboxLinkId` attributes.\n\t */ _initConversion() {\n        const editor = this.editor;\n        // Convert `ckboxLinkId` => `data-ckbox-resource-id`.\n        editor.conversion.for('downcast').add((dispatcher)=>{\n            // Due to custom converters for linked block images, handle the `ckboxLinkId` attribute manually.\n            dispatcher.on('attribute:ckboxLinkId:imageBlock', (evt, data, conversionApi)=>{\n                const { writer, mapper, consumable } = conversionApi;\n                if (!consumable.consume(data.item, evt.name)) {\n                    return;\n                }\n                const viewFigure = mapper.toViewElement(data.item);\n                const linkInImage = [\n                    ...viewFigure.getChildren()\n                ].find((child)=>child.name === 'a');\n                // No link inside an image - no conversion needed.\n                if (!linkInImage) {\n                    return;\n                }\n                if (data.item.hasAttribute('ckboxLinkId')) {\n                    writer.setAttribute('data-ckbox-resource-id', data.item.getAttribute('ckboxLinkId'), linkInImage);\n                } else {\n                    writer.removeAttribute('data-ckbox-resource-id', linkInImage);\n                }\n            }, {\n                priority: 'low'\n            });\n            dispatcher.on('attribute:ckboxLinkId', (evt, data, conversionApi)=>{\n                const { writer, mapper, consumable } = conversionApi;\n                if (!consumable.consume(data.item, evt.name)) {\n                    return;\n                }\n                // Remove the previous attribute value if it was applied.\n                if (data.attributeOldValue) {\n                    const viewElement = createLinkElement(writer, data.attributeOldValue);\n                    writer.unwrap(mapper.toViewRange(data.range), viewElement);\n                }\n                // Add the new attribute value if specified in a model element.\n                if (data.attributeNewValue) {\n                    const viewElement = createLinkElement(writer, data.attributeNewValue);\n                    if (data.item.is('selection')) {\n                        const viewSelection = writer.document.selection;\n                        writer.wrap(viewSelection.getFirstRange(), viewElement);\n                    } else {\n                        writer.wrap(mapper.toViewRange(data.range), viewElement);\n                    }\n                }\n            }, {\n                priority: 'low'\n            });\n        });\n        // Convert `data-ckbox-resource-id` => `ckboxLinkId`.\n        //\n        // The helper conversion does not handle all cases, so take care of the `data-ckbox-resource-id` attribute manually for images\n        // and links.\n        editor.conversion.for('upcast').add((dispatcher)=>{\n            dispatcher.on('element:a', (evt, data, conversionApi)=>{\n                const { writer, consumable } = conversionApi;\n                // Upcast the `data-ckbox-resource-id` attribute only for valid link elements.\n                if (!data.viewItem.getAttribute('href')) {\n                    return;\n                }\n                const consumableAttributes = {\n                    attributes: [\n                        'data-ckbox-resource-id'\n                    ]\n                };\n                if (!consumable.consume(data.viewItem, consumableAttributes)) {\n                    return;\n                }\n                const attributeValue = data.viewItem.getAttribute('data-ckbox-resource-id');\n                // Missing the `data-ckbox-resource-id` attribute.\n                if (!attributeValue) {\n                    return;\n                }\n                if (data.modelRange) {\n                    // If the `<a>` element contains more than single children (e.g. a linked image), set the `ckboxLinkId` for each\n                    // allowed child.\n                    for (let item of data.modelRange.getItems()){\n                        if (item.is('$textProxy')) {\n                            item = item.textNode;\n                        }\n                        // Do not copy the `ckboxLinkId` attribute when wrapping an element in a block element, e.g. when\n                        // auto-paragraphing.\n                        if (shouldUpcastAttributeForNode(item)) {\n                            writer.setAttribute('ckboxLinkId', attributeValue, item);\n                        }\n                    }\n                } else {\n                    // Otherwise, just set the `ckboxLinkId` for the model element.\n                    const modelElement = data.modelCursor.nodeBefore || data.modelCursor.parent;\n                    writer.setAttribute('ckboxLinkId', attributeValue, modelElement);\n                }\n            }, {\n                priority: 'low'\n            });\n        });\n        // Convert `ckboxImageId` => `data-ckbox-resource-id`.\n        editor.conversion.for('downcast').attributeToAttribute({\n            model: 'ckboxImageId',\n            view: 'data-ckbox-resource-id'\n        });\n        // Convert `data-ckbox-resource-id` => `ckboxImageId`.\n        editor.conversion.for('upcast').elementToAttribute({\n            model: {\n                key: 'ckboxImageId',\n                value: (viewElement)=>viewElement.getAttribute('data-ckbox-resource-id')\n            },\n            view: {\n                attributes: {\n                    'data-ckbox-resource-id': /[\\s\\S]+/\n                }\n            }\n        });\n        const replaceImageSourceCommand = editor.commands.get('replaceImageSource');\n        if (replaceImageSourceCommand) {\n            this.listenTo(replaceImageSourceCommand, 'cleanupImage', (_, [writer, image])=>{\n                writer.removeAttribute('ckboxImageId', image);\n            });\n        }\n    }\n    /**\n\t * Registers post-fixers that add or remove the `ckboxLinkId` and `ckboxImageId` attributes.\n\t */ _initFixers() {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        // Registers the post-fixer to sync the asset ID with the model elements.\n        model.document.registerPostFixer(syncDataIdPostFixer(editor));\n        // Registers the post-fixer to remove the `ckboxLinkId` attribute from the model selection.\n        model.document.registerPostFixer(injectSelectionPostFixer(selection));\n    }\n}\n/**\n * A post-fixer that synchronizes the asset ID with the model element.\n */ function syncDataIdPostFixer(editor) {\n    return (writer)=>{\n        let changed = false;\n        const model = editor.model;\n        const ckboxCommand = editor.commands.get('ckbox');\n        // The ID from chosen assets are stored in the `CKBoxCommand#_chosenAssets`. If there is no command, it makes no sense to check\n        // for changes in the model.\n        if (!ckboxCommand) {\n            return changed;\n        }\n        for (const entry of model.document.differ.getChanges()){\n            if (entry.type !== 'insert' && entry.type !== 'attribute') {\n                continue;\n            }\n            const range = entry.type === 'insert' ? new ModelRange(entry.position, entry.position.getShiftedBy(entry.length)) : entry.range;\n            const isLinkHrefAttributeRemoval = entry.type === 'attribute' && entry.attributeKey === 'linkHref' && entry.attributeNewValue === null;\n            for (const item of range.getItems()){\n                // If the `linkHref` attribute has been removed, sync the change with the `ckboxLinkId` attribute.\n                if (isLinkHrefAttributeRemoval && item.hasAttribute('ckboxLinkId')) {\n                    writer.removeAttribute('ckboxLinkId', item);\n                    changed = true;\n                    continue;\n                }\n                // Otherwise, the change concerns either a new model element or an attribute change. Try to find the assets for the modified\n                // model element.\n                const assets = findAssetsForItem(item, ckboxCommand._chosenAssets);\n                for (const asset of assets){\n                    const attributeName = asset.type === 'image' ? 'ckboxImageId' : 'ckboxLinkId';\n                    if (asset.id === item.getAttribute(attributeName)) {\n                        continue;\n                    }\n                    writer.setAttribute(attributeName, asset.id, item);\n                    changed = true;\n                }\n            }\n        }\n        return changed;\n    };\n}\n/**\n * A post-fixer that removes the `ckboxLinkId` from the selection if it does not represent a link anymore.\n */ function injectSelectionPostFixer(selection) {\n    return (writer)=>{\n        const shouldRemoveLinkIdAttribute = !selection.hasAttribute('linkHref') && selection.hasAttribute('ckboxLinkId');\n        if (shouldRemoveLinkIdAttribute) {\n            writer.removeSelectionAttribute('ckboxLinkId');\n            return true;\n        }\n        return false;\n    };\n}\n/**\n * Tries to find the asset that is associated with the model element by comparing the attributes:\n * - the image fallback URL with the `src` attribute for images,\n * - the link URL with the `href` attribute for links.\n *\n * For any model element, zero, one or more than one asset can be found (e.g. a linked image may be associated with the link asset and the\n * image asset).\n */ function findAssetsForItem(item, assets) {\n    const isImageElement = item.is('element', 'imageInline') || item.is('element', 'imageBlock');\n    const isLinkElement = item.hasAttribute('linkHref');\n    return [\n        ...assets\n    ].filter((asset)=>{\n        if (asset.type === 'image' && isImageElement) {\n            return asset.attributes.imageFallbackUrl === item.getAttribute('src');\n        }\n        if (asset.type === 'link' && isLinkElement) {\n            return asset.attributes.linkHref === item.getAttribute('linkHref');\n        }\n    });\n}\n/**\n * Creates view link element with the requested ID.\n */ function createLinkElement(writer, id) {\n    // Priority equal 5 is needed to merge adjacent `<a>` elements together.\n    const viewElement = writer.createAttributeElement('a', {\n        'data-ckbox-resource-id': id\n    }, {\n        priority: 5\n    });\n    writer.setCustomProperty('link', true, viewElement);\n    return viewElement;\n}\n/**\n * Checks if the model element may have the `ckboxLinkId` attribute.\n */ function shouldUpcastAttributeForNode(node) {\n    if (node.is('$text')) {\n        return true;\n    }\n    if (node.is('element', 'imageInline') || node.is('element', 'imageBlock')) {\n        return true;\n    }\n    return false;\n}\n/**\n * Returns true if the CKBox library is loaded, false otherwise.\n */ function isLibraryLoaded() {\n    return !!window.CKBox;\n}\n/**\n * Checks is access allowed to upload assets.\n */ async function isUploadPermissionGranted(editor) {\n    const ckboxUtils = editor.plugins.get(CKBoxUtils);\n    const origin = editor.config.get('ckbox.serviceOrigin');\n    const url = new URL('permissions', origin);\n    const { value } = await ckboxUtils.getToken();\n    const response = await sendHttpRequest({\n        url,\n        authorization: value,\n        signal: new AbortController().signal // Aborting is unnecessary.\n    });\n    return Object.values(response).some((category)=>category['asset:create']);\n}\n\n/**\n * The CKBox feature, a bridge between the CKEditor 5 WYSIWYG editor and the CKBox file manager and uploader.\n *\n * This is a \"glue\" plugin which enables:\n *\n * * {@link module:ckbox/ckboxediting~CKBoxEditing},\n * * {@link module:ckbox/ckboxui~CKBoxUI},\n *\n * See the {@glink features/file-management/ckbox CKBox integration} guide to learn how to configure and use this feature.\n *\n * Check out the {@glink features/images/image-upload/image-upload Image upload} guide to learn about other ways to upload\n * images into CKEditor 5.\n */ class CKBox extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKBox';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            CKBoxEditing,\n            CKBoxUI\n        ];\n    }\n}\n\n/**\n * @internal\n */ function createEditabilityChecker(allowExternalImagesEditing) {\n    const checkUrl = createUrlChecker(allowExternalImagesEditing);\n    return (element)=>{\n        const isImageElement = element.is('element', 'imageInline') || element.is('element', 'imageBlock');\n        if (!isImageElement) {\n            return false;\n        }\n        if (element.hasAttribute('ckboxImageId')) {\n            return true;\n        }\n        if (element.hasAttribute('src')) {\n            return checkUrl(element.getAttribute('src'));\n        }\n        return false;\n    };\n}\nfunction createUrlChecker(allowExternalImagesEditing) {\n    if (Array.isArray(allowExternalImagesEditing)) {\n        const urlMatchers = allowExternalImagesEditing.map(createUrlChecker);\n        return (src)=>urlMatchers.some((matcher)=>matcher(src));\n    }\n    if (allowExternalImagesEditing == 'origin') {\n        const origin = global.window.location.origin;\n        return (src)=>new URL(src, global.document.baseURI).origin == origin;\n    }\n    if (typeof allowExternalImagesEditing == 'function') {\n        return allowExternalImagesEditing;\n    }\n    if (allowExternalImagesEditing instanceof RegExp) {\n        return (src)=>!!(src.match(allowExternalImagesEditing) || src.replace(/^https?:\\/\\//, '').match(allowExternalImagesEditing));\n    }\n    return ()=>false;\n}\n\n/**\n * The CKBox edit image command.\n *\n * Opens the CKBox dialog for editing the image.\n */ class CKBoxImageEditCommand extends Command {\n    /**\n\t * The DOM element that acts as a mounting point for the CKBox Edit Image dialog.\n\t */ _wrapper = null;\n    /**\n\t * The states of image processing in progress.\n\t */ _processInProgress = new Set();\n    /**\n\t * Determines if the element can be edited.\n\t */ _canEdit;\n    /**\n\t * A wrapper function to prepare mount options. Ensures that at most one preparation is in-flight.\n\t */ _prepareOptions;\n    /**\n\t* CKBox's onClose function runs before the final cleanup, potentially causing\n\t* page layout changes after it finishes. To address this, we use a setTimeout hack\n\t* to ensure that floating elements on the page maintain their correct position.\n\t*\n\t* See: https://github.com/ckeditor/ckeditor5/issues/16153.\n\t*/ _updateUiDelayed = delay(()=>this.editor.ui.update(), 0);\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this.value = false;\n        this._canEdit = createEditabilityChecker(editor.config.get('ckbox.allowExternalImagesEditing'));\n        this._prepareOptions = abortableDebounce((signal, state)=>this._prepareOptionsAbortable(signal, state));\n        this._prepareListeners();\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        this.value = this._getValue();\n        const selectedElement = editor.model.document.selection.getSelectedElement();\n        this.isEnabled = !!selectedElement && this._canEdit(selectedElement) && !this._checkIfElementIsBeingProcessed(selectedElement);\n    }\n    /**\n\t * Opens the CKBox Image Editor dialog for editing the image.\n\t */ execute() {\n        if (this._getValue()) {\n            return;\n        }\n        const wrapper = createElement(document, 'div', {\n            class: 'ck ckbox-wrapper'\n        });\n        this._wrapper = wrapper;\n        this.value = true;\n        document.body.appendChild(this._wrapper);\n        const imageElement = this.editor.model.document.selection.getSelectedElement();\n        const processingState = {\n            element: imageElement,\n            controller: new AbortController()\n        };\n        this._prepareOptions(processingState).then((options)=>window.CKBox.mountImageEditor(wrapper, options), (error)=>{\n            const editor = this.editor;\n            const t = editor.t;\n            const notification = editor.plugins.get(Notification);\n            notification.showWarning(t('Failed to determine category of edited image.'), {\n                namespace: 'ckbox'\n            });\n            console.error(error);\n            this._handleImageEditorClose();\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this._handleImageEditorClose();\n        this._prepareOptions.abort();\n        this._updateUiDelayed.cancel();\n        for (const state of this._processInProgress.values()){\n            state.controller.abort();\n        }\n        super.destroy();\n    }\n    /**\n\t * Indicates if the CKBox Image Editor dialog is already opened.\n\t */ _getValue() {\n        return this._wrapper !== null;\n    }\n    /**\n\t * Creates the options object for the CKBox Image Editor dialog.\n\t */ async _prepareOptionsAbortable(signal, state) {\n        const editor = this.editor;\n        const ckboxConfig = editor.config.get('ckbox');\n        const ckboxUtils = editor.plugins.get(CKBoxUtils);\n        const { element } = state;\n        let imageMountOptions;\n        const ckboxImageId = element.getAttribute('ckboxImageId');\n        if (ckboxImageId) {\n            imageMountOptions = {\n                assetId: ckboxImageId\n            };\n        } else {\n            const imageUrl = new URL(element.getAttribute('src'), document.baseURI).href;\n            const uploadCategoryId = await ckboxUtils.getCategoryIdForFile(imageUrl, {\n                signal\n            });\n            imageMountOptions = {\n                imageUrl,\n                uploadCategoryId\n            };\n        }\n        return {\n            ...imageMountOptions,\n            imageEditing: {\n                allowOverwrite: false\n            },\n            tokenUrl: ckboxConfig.tokenUrl,\n            language: ckboxConfig.language,\n            ...ckboxConfig.serviceOrigin && {\n                serviceOrigin: ckboxConfig.serviceOrigin\n            },\n            onClose: ()=>this._handleImageEditorClose(),\n            onSave: (asset)=>this._handleImageEditorSave(state, asset)\n        };\n    }\n    /**\n\t * Initializes event lister for an event of removing an image.\n\t */ _prepareListeners() {\n        // Abort editing processing when the image has been removed.\n        this.listenTo(this.editor.model.document, 'change:data', ()=>{\n            const processingStates = this._getProcessingStatesOfDeletedImages();\n            processingStates.forEach((processingState)=>{\n                processingState.controller.abort();\n            });\n        });\n    }\n    /**\n\t * Gets processing states of images that have been deleted in the mean time.\n\t */ _getProcessingStatesOfDeletedImages() {\n        const states = [];\n        for (const state of this._processInProgress.values()){\n            if (state.element.root.rootName == '$graveyard') {\n                states.push(state);\n            }\n        }\n        return states;\n    }\n    _checkIfElementIsBeingProcessed(selectedElement) {\n        for (const { element } of this._processInProgress){\n            if (isEqual(element, selectedElement)) {\n                return true;\n            }\n        }\n        return false;\n    }\n    /**\n\t * Closes the CKBox Image Editor dialog.\n\t */ _handleImageEditorClose() {\n        if (!this._wrapper) {\n            return;\n        }\n        this._wrapper.remove();\n        this._wrapper = null;\n        this.editor.editing.view.focus();\n        this._updateUiDelayed();\n        this.refresh();\n    }\n    /**\n\t * Save edited image. In case server respond with \"success\" replace with edited image,\n\t * otherwise show notification error.\n\t */ _handleImageEditorSave(state, asset) {\n        const t = this.editor.locale.t;\n        const notification = this.editor.plugins.get(Notification);\n        const pendingActions = this.editor.plugins.get(PendingActions);\n        const action = pendingActions.add(t('Processing the edited image.'));\n        this._processInProgress.add(state);\n        this._showImageProcessingIndicator(state.element, asset);\n        this.refresh();\n        this._waitForAssetProcessed(asset.data.id, state.controller.signal).then((asset)=>{\n            this._replaceImage(state.element, asset);\n        }, (error)=>{\n            // Remove processing indicator. It was added only to ViewElement.\n            this.editor.editing.reconvertItem(state.element);\n            if (state.controller.signal.aborted) {\n                return;\n            }\n            if (!error || error instanceof CKEditorError) {\n                notification.showWarning(t('Server failed to process the image.'), {\n                    namespace: 'ckbox'\n                });\n            } else {\n                console.error(error);\n            }\n        }).finally(()=>{\n            this._processInProgress.delete(state);\n            pendingActions.remove(action);\n            this.refresh();\n        });\n    }\n    /**\n\t * Get asset's status on server. If server responds with \"success\" status then\n\t * image is already proceeded and ready for saving.\n\t */ async _getAssetStatusFromServer(id, signal) {\n        const ckboxUtils = this.editor.plugins.get(CKBoxUtils);\n        const url = new URL('assets/' + id, this.editor.config.get('ckbox.serviceOrigin'));\n        const response = await sendHttpRequest({\n            url,\n            signal,\n            authorization: (await ckboxUtils.getToken()).value\n        });\n        const status = response.metadata.metadataProcessingStatus;\n        if (!status || status == 'queued') {\n            /**\n\t\t\t * Image has not been processed yet.\n\t\t\t *\n\t\t\t * @error ckbox-image-not-processed\n\t\t\t */ throw new CKEditorError('ckbox-image-not-processed');\n        }\n        return {\n            data: {\n                ...response\n            }\n        };\n    }\n    /**\n\t * Waits for an asset to be processed.\n\t * It retries retrieving asset status from the server in case of failure.\n\t */ async _waitForAssetProcessed(id, signal) {\n        const result = await retry(()=>this._getAssetStatusFromServer(id, signal), {\n            signal,\n            maxAttempts: 5\n        });\n        if (result.data.metadata.metadataProcessingStatus != 'success') {\n            /**\n\t\t\t * The image processing failed.\n\t\t\t *\n\t\t\t * @error ckbox-image-processing-failed\n\t\t\t */ throw new CKEditorError('ckbox-image-processing-failed');\n        }\n        return result;\n    }\n    /**\n\t * Shows processing indicator while image is processing.\n\t *\n\t * @param asset Data about certain asset.\n\t */ _showImageProcessingIndicator(element, asset) {\n        const editor = this.editor;\n        editor.editing.view.change((writer)=>{\n            const imageElementView = editor.editing.mapper.toViewElement(element);\n            const imageUtils = this.editor.plugins.get('ImageUtils');\n            const img = imageUtils.findViewImgElement(imageElementView);\n            writer.removeStyle('aspect-ratio', img);\n            writer.setAttribute('width', asset.data.metadata.width, img);\n            writer.setAttribute('height', asset.data.metadata.height, img);\n            writer.setStyle('width', `${asset.data.metadata.width}px`, img);\n            writer.setStyle('height', `${asset.data.metadata.height}px`, img);\n            writer.addClass('image-processing', imageElementView);\n        });\n    }\n    /**\n\t * Replace the edited image with the new one.\n\t */ _replaceImage(element, asset) {\n        const editor = this.editor;\n        const { imageFallbackUrl, imageSources, imageWidth, imageHeight, imagePlaceholder } = prepareImageAssetAttributes(asset);\n        const previousSelectionRanges = Array.from(editor.model.document.selection.getRanges());\n        editor.model.change((writer)=>{\n            writer.setSelection(element, 'on');\n            editor.execute('insertImage', {\n                imageType: element.is('element', 'imageInline') ? 'imageInline' : null,\n                source: {\n                    src: imageFallbackUrl,\n                    sources: imageSources,\n                    width: imageWidth,\n                    height: imageHeight,\n                    ...imagePlaceholder ? {\n                        placeholder: imagePlaceholder\n                    } : null,\n                    ...element.hasAttribute('alt') ? {\n                        alt: element.getAttribute('alt')\n                    } : null\n                }\n            });\n            const previousChildren = element.getChildren();\n            element = editor.model.document.selection.getSelectedElement();\n            for (const child of previousChildren){\n                writer.append(writer.cloneElement(child), element);\n            }\n            writer.setAttribute('ckboxImageId', asset.data.id, element);\n            writer.setSelection(previousSelectionRanges);\n        });\n    }\n}\n\n/**\n * The CKBox image edit editing plugin.\n */ class CKBoxImageEditEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKBoxImageEditEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            CKBoxEditing,\n            CKBoxUtils,\n            PendingActions,\n            Notification,\n            'ImageUtils',\n            'ImageEditing'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const { editor } = this;\n        editor.commands.add('ckboxImageEdit', new CKBoxImageEditCommand(editor));\n    }\n}\n\n/**\n * The UI plugin of the CKBox image edit feature.\n *\n * It registers the `'ckboxImageEdit'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}\n * that allows you to open the CKBox dialog and edit the image.\n */ class CKBoxImageEditUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKBoxImageEditUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('ckboxImageEdit', (locale)=>{\n            const command = editor.commands.get('ckboxImageEdit');\n            const uploadImageCommand = editor.commands.get('uploadImage');\n            const view = new ButtonView(locale);\n            const t = locale.t;\n            view.set({\n                icon: IconCkboxImageEdit,\n                tooltip: true\n            });\n            view.bind('label').to(uploadImageCommand, 'isAccessAllowed', (isAccessAllowed)=>isAccessAllowed ? t('Edit image') : t('You have no image editing permissions.'));\n            view.bind('isOn').to(command, 'value', command, 'isEnabled', (value, isEnabled)=>value && isEnabled);\n            view.bind('isEnabled').to(command);\n            // Execute the command.\n            this.listenTo(view, 'execute', ()=>{\n                editor.execute('ckboxImageEdit');\n                editor.editing.view.focus();\n            });\n            return view;\n        });\n    }\n}\n\n/**\n * The CKBox image edit feature.\n */ class CKBoxImageEdit extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKBoxImageEdit';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            CKBoxImageEditEditing,\n            CKBoxImageEditUI\n        ];\n    }\n}\n\nexport { CKBox, CKBoxCommand, CKBoxEditing, CKBoxImageEdit, CKBoxImageEditCommand, CKBoxImageEditEditing, CKBoxImageEditUI, CKBoxUI, CKBoxUploadAdapter, CKBoxUtils, convertMimeTypeToExtension as _ckBoxConvertMimeTypeToExtension, blurHashToDataUrl as _ckboxBlurHashToDataUrl, createEditabilityChecker as _createCKBoxEditabilityChecker, getContentTypeOfUrl as _getCKBoxContentTypeOfUrl, getFileExtension as _getCKBoxFileExtension, getImageUrls as _getCKBoxImageUrls, getWorkspaceId as _getCKBoxWorkspaceId, prepareImageAssetAttributes as _prepareCKBoxImageAssetAttributes, sendHttpRequest as _sendCKBoxHttpRequest };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboxui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { IconBrowseFiles, IconImageAssetManager } from 'ckeditor5/src/icons.js';\n\nimport type { ImageInsertUI } from '@ckeditor/ckeditor5-image';\n\n/**\n * Introduces UI components for the `CKBox` plugin.\n *\n * The plugin introduces two UI components to the {@link module:ui/componentfactory~ComponentFactory UI component factory}:\n *\n * * the `'ckbox'` toolbar button,\n * * the `'menuBar:ckbox'` menu bar component, which is by default added to the `'Insert'` menu.\n *\n * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component.\n */\nexport class CKBoxUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKBoxUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Do not register the `ckbox` button if the command does not exist.\n\t\t// This might happen when CKBox library is not loaded on the page.\n\t\tif ( !editor.commands.get( 'ckbox' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\teditor.ui.componentFactory.add( 'ckbox', () => this._createFileToolbarButton() );\n\t\teditor.ui.componentFactory.add( 'menuBar:ckbox', () => this._createFileMenuBarButton() );\n\n\t\tif ( editor.plugins.has( 'ImageInsertUI' ) ) {\n\t\t\teditor.plugins.get( 'ImageInsertUI' ).registerIntegration( {\n\t\t\t\tname: 'assetManager',\n\t\t\t\tobservable: () => editor.commands.get( 'ckbox' )!,\n\t\t\t\tbuttonViewCreator: () => this._createImageToolbarButton(),\n\t\t\t\tformViewCreator: () => this._createImageDropdownButton(),\n\t\t\t\tmenuBarButtonViewCreator: isOnly => this._createImageMenuBarButton( isOnly ? 'insertOnly' : 'insertNested' )\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Creates the base for various kinds of the button component provided by this feature.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst view = new ButtonClass( locale ) as InstanceType<T>;\n\t\tconst command = editor.commands.get( 'ckbox' )!;\n\n\t\tview.bind( 'isOn', 'isEnabled' ).to( command, 'value', 'isEnabled' );\n\n\t\tview.on( 'execute', () => {\n\t\t\teditor.execute( 'ckbox' );\n\t\t} );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Creates a simple toolbar button for files management, with an icon and a tooltip.\n\t */\n\tprivate _createFileToolbarButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createButton( ButtonView );\n\n\t\tbutton.icon = IconBrowseFiles;\n\t\tbutton.label = t( 'Open file manager' );\n\t\tbutton.tooltip = true;\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a simple toolbar button for images management, with an icon and a tooltip.\n\t */\n\tprivate _createImageToolbarButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst imageInsertUI: ImageInsertUI = this.editor.plugins.get( 'ImageInsertUI' );\n\n\t\tconst button = this._createButton( ButtonView );\n\n\t\tbutton.icon = IconImageAssetManager;\n\t\tbutton.bind( 'label' ).to(\n\t\t\timageInsertUI,\n\t\t\t'isImageSelected',\n\t\t\tisImageSelected => isImageSelected ? t( 'Replace image with file manager' ) : t( 'Insert image with file manager' )\n\t\t);\n\t\tbutton.tooltip = true;\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for images management for the dropdown view, with an icon, text and no tooltip.\n\t */\n\tprivate _createImageDropdownButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst imageInsertUI: ImageInsertUI = this.editor.plugins.get( 'ImageInsertUI' );\n\n\t\tconst button = this._createButton( ButtonView );\n\n\t\tbutton.icon = IconImageAssetManager;\n\t\tbutton.withText = true;\n\t\tbutton.bind( 'label' ).to(\n\t\t\timageInsertUI,\n\t\t\t'isImageSelected',\n\t\t\tisImageSelected => isImageSelected ? t( 'Replace with file manager' ) : t( 'Insert with file manager' )\n\t\t);\n\n\t\tbutton.on( 'execute', () => {\n\t\t\timageInsertUI.dropdownView!.isOpen = false;\n\t\t} );\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for files management for the menu bar.\n\t */\n\tprivate _createFileMenuBarButton(): MenuBarMenuListItemButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createButton( MenuBarMenuListItemButtonView );\n\n\t\tbutton.icon = IconBrowseFiles;\n\t\tbutton.withText = true;\n\t\tbutton.label = t( 'File' );\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for images management for the menu bar.\n\t */\n\tprivate _createImageMenuBarButton( type: 'insertOnly' | 'insertNested' ): MenuBarMenuListItemButtonView {\n\t\t// Use t() stored in a variable with a different name to reuse existing translations from another package.\n\t\tconst translateVariableKey = this.editor.locale.t;\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createButton( MenuBarMenuListItemButtonView );\n\n\t\tbutton.icon = IconImageAssetManager;\n\t\tbutton.withText = true;\n\n\t\tswitch ( type ) {\n\t\t\tcase 'insertOnly':\n\t\t\t\tbutton.label = translateVariableKey( 'Image' );\n\t\t\t\tbreak;\n\t\t\tcase 'insertNested':\n\t\t\t\tbutton.label = t( 'With file manager' );\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn button;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/utils\n */\n\nimport type { InitializedToken } from '@ckeditor/ckeditor5-cloud-services';\nimport type { CKBoxImageUrls } from './ckboxconfig.js';\n\nimport { decode } from 'blurhash';\n\n/**\n * Converts image source set provided by the CKBox into an object containing:\n * - responsive URLs for the \"webp\" image format,\n * - one fallback URL for browsers that do not support the \"webp\" format.\n *\n * @internal\n */\nexport function getImageUrls( imageUrls: CKBoxImageUrls ): {\n\timageFallbackUrl: string;\n\timageSources: Array<{\n\t\tsrcset: string;\n\t\tsizes: string;\n\t\ttype: string;\n\t}>;\n} {\n\tconst responsiveUrls: Array<string> = [];\n\tlet maxWidth = 0;\n\n\tfor ( const key in imageUrls ) {\n\t\tconst width = parseInt( key, 10 );\n\n\t\tif ( !isNaN( width ) ) {\n\t\t\tif ( width > maxWidth ) {\n\t\t\t\tmaxWidth = width;\n\t\t\t}\n\n\t\t\tresponsiveUrls.push( `${ imageUrls[ key ] } ${ key }w` );\n\t\t}\n\t}\n\n\tconst imageSources = [ {\n\t\tsrcset: responsiveUrls.join( ',' ),\n\t\tsizes: `(max-width: ${ maxWidth }px) 100vw, ${ maxWidth }px`,\n\t\ttype: 'image/webp'\n\t} ];\n\n\treturn {\n\t\timageFallbackUrl: imageUrls.default,\n\t\timageSources\n\t};\n}\n\n/**\n * Returns a workspace id to use for communication with the CKBox service.\n *\n * @param defaultWorkspaceId The default workspace to use taken from editor config.\n * @internal\n */\nexport function getWorkspaceId( token: InitializedToken, defaultWorkspaceId?: string ): string | null {\n\tconst [ , binaryTokenPayload ] = token.value.split( '.' );\n\tconst payload = JSON.parse( atob( binaryTokenPayload ) );\n\tconst workspaces = payload.auth?.ckbox?.workspaces || [ payload.aud ];\n\n\tif ( !defaultWorkspaceId ) {\n\t\treturn workspaces[ 0 ];\n\t}\n\n\tif ( payload.auth?.ckbox?.role == 'superadmin' || workspaces.includes( defaultWorkspaceId ) ) {\n\t\treturn defaultWorkspaceId;\n\t}\n\n\treturn null;\n}\n\n/**\n * Default resolution for decoding blurhash values.\n * Relatively small values must be used in order to ensure acceptable performance.\n */\nconst BLUR_RESOLUTION = 32;\n\n/**\n * Generates an image data URL from its `blurhash` representation.\n *\n * @internal\n */\nexport function blurHashToDataUrl( hash?: string ): string | undefined {\n\tif ( !hash ) {\n\t\treturn;\n\t}\n\n\ttry {\n\t\tconst resolutionInPx = `${ BLUR_RESOLUTION }px`;\n\t\tconst canvas = document.createElement( 'canvas' );\n\n\t\tcanvas.setAttribute( 'width', resolutionInPx );\n\t\tcanvas.setAttribute( 'height', resolutionInPx );\n\n\t\tconst ctx = canvas.getContext( '2d' );\n\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( !ctx ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst imageData = ctx.createImageData( BLUR_RESOLUTION, BLUR_RESOLUTION );\n\t\tconst decoded = decode( hash, BLUR_RESOLUTION, BLUR_RESOLUTION );\n\n\t\timageData.data.set( decoded );\n\t\tctx.putImageData( imageData, 0, 0 );\n\n\t\treturn canvas.toDataURL();\n\t} catch {\n\t\treturn undefined;\n\t}\n}\n\n/**\n * Sends the HTTP request.\n *\n * @internal\n * @param options Configuration options\n * @param options.url The URL where the request will be sent.\n * @param options.signal The AbortSignal to abort the request when needed.\n * @param options.authorization The authorization token for the request.\n * @param options.method The HTTP method (default: 'GET').\n * @param options.data Additional data to send.\n * @param options.onUploadProgress A callback informing about the upload progress.\n */\nexport function sendHttpRequest( {\n\turl,\n\tmethod = 'GET',\n\tdata,\n\tonUploadProgress,\n\tsignal,\n\tauthorization\n}: {\n\turl: URL;\n\tsignal: AbortSignal;\n\tauthorization: string;\n\tmethod?: 'GET' | 'POST';\n\tdata?: FormData | null;\n\tonUploadProgress?: ( evt: ProgressEvent ) => void;\n} ): Promise<any> {\n\tconst xhr = new XMLHttpRequest();\n\n\txhr.open( method, url.toString() );\n\txhr.setRequestHeader( 'Authorization', authorization );\n\txhr.setRequestHeader( 'CKBox-Version', 'CKEditor 5' );\n\txhr.responseType = 'json';\n\n\t// The callback is attached to the `signal#abort` event.\n\tconst abortCallback = () => {\n\t\txhr.abort();\n\t};\n\n\treturn new Promise<any>( ( resolve, reject ) => {\n\t\tsignal.throwIfAborted();\n\t\tsignal.addEventListener( 'abort', abortCallback );\n\n\t\txhr.addEventListener( 'loadstart', () => {\n\t\t\tsignal.addEventListener( 'abort', abortCallback );\n\t\t} );\n\n\t\txhr.addEventListener( 'loadend', () => {\n\t\t\tsignal.removeEventListener( 'abort', abortCallback );\n\t\t} );\n\n\t\txhr.addEventListener( 'error', () => {\n\t\t\treject();\n\t\t} );\n\n\t\txhr.addEventListener( 'abort', () => {\n\t\t\treject();\n\t\t} );\n\n\t\txhr.addEventListener( 'load', () => {\n\t\t\tconst response = xhr.response;\n\n\t\t\tif ( !response || response.statusCode >= 400 ) {\n\t\t\t\treturn reject( response && response.message );\n\t\t\t}\n\n\t\t\tresolve( response );\n\t\t} );\n\n\t\t/* istanbul ignore else -- @preserve */\n\t\tif ( onUploadProgress ) {\n\t\t\txhr.upload.addEventListener( 'progress', evt => {\n\t\t\t\tonUploadProgress( evt );\n\t\t\t} );\n\t\t}\n\n\t\t// Send the request.\n\t\txhr.send( data );\n\t} );\n}\n\nconst MIME_TO_EXTENSION: Record<string, string> = {\n\t'image/gif': 'gif',\n\t'image/jpeg': 'jpg',\n\t'image/png': 'png',\n\t'image/webp': 'webp',\n\t'image/bmp': 'bmp',\n\t'image/tiff': 'tiff'\n};\n\n/**\n * Returns an extension a typical file in the specified `mimeType` format would have.\n *\n * @internal\n */\nexport function convertMimeTypeToExtension( mimeType: string ): string {\n\treturn MIME_TO_EXTENSION[ mimeType ];\n}\n\n/**\n * Tries to fetch the given `url` and returns 'content-type' of the response.\n *\n * @internal\n */\nexport async function getContentTypeOfUrl( url: string, options: { signal: AbortSignal } ): Promise<string> {\n\ttry {\n\t\tconst response = await fetch( url, {\n\t\t\tmethod: 'HEAD',\n\t\t\tcache: 'force-cache',\n\t\t\t...options\n\t\t} );\n\n\t\tif ( !response.ok ) {\n\t\t\treturn '';\n\t\t}\n\n\t\treturn response.headers.get( 'content-type' ) || '';\n\t} catch {\n\t\treturn '';\n\t}\n}\n\n/**\n * Returns an extension from the given value.\n *\n * @internal\n */\nexport function getFileExtension( file: File ): string {\n\tconst fileName = file.name;\n\tconst extensionRegExp = /\\.(?<ext>[^.]+)$/;\n\tconst match = fileName.match( extensionRegExp );\n\n\treturn match!.groups!.ext.toLowerCase();\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboxcommand\n */\n\nimport type { ModelWriter } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { createElement, toMap } from 'ckeditor5/src/utils.js';\n\nimport type {\n\tCKBoxAssetDefinition,\n\tCKBoxAssetImageAttributesDefinition,\n\tCKBoxAssetImageDefinition,\n\tCKBoxAssetLinkAttributesDefinition,\n\tCKBoxAssetLinkDefinition,\n\tCKBoxConfig,\n\tCKBoxRawAssetDefinition\n} from './ckboxconfig.js';\n\nimport { blurHashToDataUrl, getImageUrls } from './utils.js';\n\n// Defines the waiting time (in milliseconds) for inserting the chosen asset into the model. The chosen asset is temporarily stored in the\n// `CKBoxCommand#_chosenAssets` and it is removed from there automatically after this time. See `CKBoxCommand#_chosenAssets` for more\n// details.\nconst ASSET_INSERTION_WAIT_TIMEOUT = 1000;\n\n/**\n * The CKBox command. It is used by the {@link module:ckbox/ckboxediting~CKBoxEditing CKBox editing feature} to open the CKBox file manager.\n * The file manager allows inserting an image or a link to a file into the editor content.\n *\n * ```ts\n * editor.execute( 'ckbox' );\n * ```\n *\n * **Note:** This command uses other features to perform the following tasks:\n * - To insert images it uses the {@link module:image/image/insertimagecommand~InsertImageCommand 'insertImage'} command from the\n * {@link module:image/image~Image Image feature}.\n * - To insert links to other files it uses the {@link module:link/linkcommand~LinkCommand 'link'} command from the\n * {@link module:link/link~Link Link feature}.\n */\nexport class CKBoxCommand extends Command {\n\tdeclare public value: boolean;\n\n\t/**\n\t * A set of all chosen assets. They are stored temporarily and they are automatically removed 1 second after being chosen.\n\t * Chosen assets have to be \"remembered\" for a while to be able to map the given asset with the element inserted into the model.\n\t * This association map is then used to set the ID on the model element.\n\t *\n\t * All chosen assets are automatically removed after the timeout, because (theoretically) it may happen that they will never be\n\t * inserted into the model, even if the {@link module:link/linkcommand~LinkCommand `'link'`} command or the\n\t * {@link module:image/image/insertimagecommand~InsertImageCommand `'insertImage'`} command is enabled. Such a case may arise when\n\t * another plugin blocks the command execution. Then, in order not to keep the chosen (but not inserted) assets forever, we delete\n\t * them automatically to prevent memory leakage. The 1 second timeout is enough to insert the asset into the model and extract the\n\t * ID from the chosen asset.\n\t *\n\t * The assets are stored only if\n\t * the {@link module:ckbox/ckboxconfig~CKBoxConfig#ignoreDataId `config.ckbox.ignoreDataId`} option is set to `false` (by default).\n\t *\n\t * @internal\n\t */\n\tpublic readonly _chosenAssets = new Set<CKBoxAssetDefinition>();\n\n\t/**\n\t * The DOM element that acts as a mounting point for the CKBox dialog.\n\t */\n\tprivate _wrapper: Element | null = null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._initListeners();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.value = this._getValue();\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tthis.fire<CKBoxEvent<'open'>>( 'ckbox:open' );\n\t}\n\n\t/**\n\t * Indicates if the CKBox dialog is already opened.\n\t *\n\t * @protected\n\t * @returns {Boolean}\n\t */\n\tprivate _getValue(): boolean {\n\t\treturn this._wrapper !== null;\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t */\n\tprivate _checkEnabled() {\n\t\tconst imageCommand = this.editor.commands.get( 'insertImage' )!;\n\t\tconst linkCommand = this.editor.commands.get( 'link' )!;\n\n\t\tif ( !imageCommand.isEnabled && !linkCommand.isEnabled ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Creates the options object for the CKBox dialog.\n\t *\n\t * @returns The object with properties:\n\t * - theme The theme for CKBox dialog.\n\t * - language The language for CKBox dialog.\n\t * - tokenUrl The token endpoint URL.\n\t * - serviceOrigin The base URL of the API service.\n\t * - forceDemoLabel Whether to force \"Powered by CKBox\" link.\n\t * - assets.onChoose The callback function invoked after choosing the assets.\n\t * - dialog.onClose The callback function invoked after closing the CKBox dialog.\n\t * - dialog.width The dialog width in pixels.\n\t * - dialog.height The dialog height in pixels.\n\t * - categories.icons Allows setting custom icons for categories.\n\t * - view.openLastView Sets if the last view visited by the user will be reopened\n\t * on the next startup.\n\t * - view.startupFolderId Sets the ID of the folder that will be opened on startup.\n\t * - view.startupCategoryId Sets the ID of the category that will be opened on startup.\n\t * - view.hideMaximizeButton Sets whether to hide the ‘Maximize’ button.\n\t * - view.componentsHideTimeout Sets timeout after which upload components are hidden\n\t * after completed upload.\n\t * - view.dialogMinimizeTimeout Sets timeout after which upload dialog is minimized\n\t * after completed upload.\n\t */\n\tprivate _prepareOptions() {\n\t\tconst editor = this.editor;\n\t\tconst ckboxConfig = editor.config.get( 'ckbox' )!;\n\n\t\tconst dialog = ckboxConfig.dialog;\n\t\tconst categories = ckboxConfig.categories;\n\t\tconst view = ckboxConfig.view;\n\t\tconst upload = ckboxConfig.upload;\n\n\t\treturn {\n\t\t\ttheme: ckboxConfig.theme,\n\t\t\tlanguage: ckboxConfig.language,\n\t\t\ttokenUrl: ckboxConfig.tokenUrl,\n\t\t\tserviceOrigin: ckboxConfig.serviceOrigin,\n\t\t\tforceDemoLabel: ckboxConfig.forceDemoLabel,\n\t\t\tchoosableFileExtensions: ckboxConfig.choosableFileExtensions,\n\t\t\tassets: {\n\t\t\t\tonChoose: ( assets: Array<CKBoxRawAssetDefinition> ) => this.fire<CKBoxEvent<'choose'>>( 'ckbox:choose', assets )\n\t\t\t},\n\t\t\tdialog: {\n\t\t\t\tonClose: () => this.fire<CKBoxEvent<'close'>>( 'ckbox:close' ),\n\t\t\t\twidth: dialog && dialog.width,\n\t\t\t\theight: dialog && dialog.height\n\t\t\t},\n\t\t\tcategories: categories && {\n\t\t\t\ticons: categories.icons\n\t\t\t},\n\t\t\tview: view && {\n\t\t\t\topenLastView: view.openLastView,\n\t\t\t\tstartupFolderId: view.startupFolderId,\n\t\t\t\tstartupCategoryId: view.startupCategoryId,\n\t\t\t\thideMaximizeButton: view.hideMaximizeButton\n\t\t\t},\n\t\t\tupload: upload && {\n\t\t\t\tcomponentsHideTimeout: upload.componentsHideTimeout,\n\t\t\t\tdialogMinimizeTimeout: upload.dialogMinimizeTimeout\n\t\t\t}\n\t\t};\n\t}\n\n\t/**\n\t * Initializes various event listeners for the `ckbox:*` events, because all functionality of the `ckbox` command is event-based.\n\t */\n\tprivate _initListeners() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst shouldInsertDataId = !editor.config.get( 'ckbox.ignoreDataId' );\n\t\tconst downloadableFilesConfig = editor.config.get( 'ckbox.downloadableFiles' );\n\n\t\t// Refresh the command after firing the `ckbox:*` event.\n\t\tthis.on<CKBoxEvent>( 'ckbox', () => {\n\t\t\tthis.refresh();\n\t\t}, { priority: 'low' } );\n\n\t\t// Handle opening of the CKBox dialog.\n\t\tthis.on<CKBoxEvent<'open'>>( 'ckbox:open', () => {\n\t\t\tif ( !this.isEnabled || this.value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._wrapper = createElement( document, 'div', { class: 'ck ckbox-wrapper' } );\n\t\t\tdocument.body.appendChild( this._wrapper );\n\n\t\t\twindow.CKBox.mount( this._wrapper, this._prepareOptions() );\n\t\t} );\n\n\t\t// Handle closing of the CKBox dialog.\n\t\tthis.on<CKBoxEvent<'close'>>( 'ckbox:close', () => {\n\t\t\tif ( !this.value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._wrapper!.remove();\n\t\t\tthis._wrapper = null;\n\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\t// Handle choosing the assets.\n\t\tthis.on<CKBoxEvent<'choose'>>( 'ckbox:choose', ( evt, assets ) => {\n\t\t\tif ( !this.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst imageCommand = editor.commands.get( 'insertImage' )!;\n\t\t\tconst linkCommand = editor.commands.get( 'link' )!;\n\n\t\t\tconst assetsToProcess = prepareAssets( {\n\t\t\t\tassets,\n\t\t\t\tdownloadableFilesConfig,\n\t\t\t\tisImageAllowed: imageCommand.isEnabled,\n\t\t\t\tisLinkAllowed: linkCommand.isEnabled\n\t\t\t} );\n\n\t\t\tconst assetsCount = assetsToProcess.length;\n\n\t\t\tif ( assetsCount === 0 ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// All assets are inserted in one undo step.\n\t\t\tmodel.change( writer => {\n\t\t\t\tfor ( const asset of assetsToProcess ) {\n\t\t\t\t\tconst isLastAsset = asset === assetsToProcess[ assetsCount - 1 ];\n\t\t\t\t\tconst isSingleAsset = assetsCount === 1;\n\n\t\t\t\t\tthis._insertAsset( asset, isLastAsset, writer, isSingleAsset );\n\n\t\t\t\t\t// If asset ID must be set for the inserted model element, store the asset temporarily and remove it automatically\n\t\t\t\t\t// after the timeout.\n\t\t\t\t\tif ( shouldInsertDataId ) {\n\t\t\t\t\t\tsetTimeout( () => this._chosenAssets.delete( asset ), ASSET_INSERTION_WAIT_TIMEOUT );\n\n\t\t\t\t\t\tthis._chosenAssets.add( asset );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\t// Clean up after the editor is destroyed.\n\t\tthis.listenTo( editor, 'destroy', () => {\n\t\t\tthis.fire<CKBoxEvent<'close'>>( 'ckbox:close' );\n\t\t\tthis._chosenAssets.clear();\n\t\t} );\n\t}\n\n\t/**\n\t * Inserts the asset into the model.\n\t *\n\t * @param asset The asset to be inserted.\n\t * @param isLastAsset Indicates if the current asset is the last one from the chosen set.\n\t * @param writer An instance of the model writer.\n\t * @param isSingleAsset It's true when only one asset is processed.\n\t */\n\tprivate _insertAsset(\n\t\tasset: CKBoxAssetDefinition,\n\t\tisLastAsset: boolean,\n\t\twriter: ModelWriter,\n\t\tisSingleAsset: boolean\n\t) {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\t// Remove the `linkHref` attribute to not affect the asset to be inserted.\n\t\twriter.removeSelectionAttribute( 'linkHref' );\n\n\t\tif ( asset.type === 'image' ) {\n\t\t\tthis._insertImage( asset );\n\t\t} else {\n\t\t\tthis._insertLink( asset, writer, isSingleAsset );\n\t\t}\n\n\t\t// Except for the last chosen asset, move the selection to the end of the current range to avoid overwriting other, already\n\t\t// inserted assets.\n\t\tif ( !isLastAsset ) {\n\t\t\twriter.setSelection( selection.getLastPosition() );\n\t\t}\n\t}\n\n\t/**\n\t * Inserts the image by calling the `insertImage` command.\n\t *\n\t * @param asset The asset to be inserted.\n\t */\n\tprivate _insertImage( asset: CKBoxAssetImageDefinition ) {\n\t\tconst editor = this.editor;\n\t\tconst {\n\t\t\timageFallbackUrl,\n\t\t\timageSources,\n\t\t\timageTextAlternative,\n\t\t\timageWidth,\n\t\t\timageHeight,\n\t\t\timagePlaceholder\n\t\t} = asset.attributes;\n\n\t\teditor.execute( 'insertImage', {\n\t\t\tsource: {\n\t\t\t\tsrc: imageFallbackUrl,\n\t\t\t\tsources: imageSources,\n\t\t\t\talt: imageTextAlternative,\n\t\t\t\twidth: imageWidth,\n\t\t\t\theight: imageHeight,\n\t\t\t\t...( imagePlaceholder ? { placeholder: imagePlaceholder } : null )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Inserts the link to the asset by calling the `link` command.\n\t *\n\t * @param asset The asset to be inserted.\n\t * @param writer An instance of the model writer.\n\t * @param isSingleAsset It's true when only one asset is processed.\n\t */\n\tprivate _insertLink( asset: CKBoxAssetLinkDefinition, writer: ModelWriter, isSingleAsset: boolean ): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst { linkName, linkHref } = asset.attributes;\n\n\t\t// If the selection is collapsed, insert the asset name as the link label and select it.\n\t\tif ( selection.isCollapsed ) {\n\t\t\tconst selectionAttributes = toMap( selection.getAttributes() );\n\t\t\tconst textNode = writer.createText( linkName, selectionAttributes );\n\n\t\t\tif ( !isSingleAsset ) {\n\t\t\t\tconst selectionLastPosition = selection.getLastPosition()!;\n\t\t\t\tconst parentElement = selectionLastPosition.parent;\n\n\t\t\t\t// Insert new `paragraph` when selection is not in an empty `paragraph`.\n\t\t\t\tif ( !( parentElement.name === 'paragraph' && parentElement.isEmpty ) ) {\n\t\t\t\t\teditor.execute( 'insertParagraph', {\n\t\t\t\t\t\tposition: selectionLastPosition\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\tconst range = model.insertContent( textNode );\n\n\t\t\t\twriter.setSelection( range );\n\t\t\t\teditor.execute( 'link', linkHref );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst range = model.insertContent( textNode );\n\n\t\t\twriter.setSelection( range );\n\t\t}\n\n\t\teditor.execute( 'link', linkHref );\n\t}\n}\n\n/**\n * Parses the chosen assets into the internal data format. Filters out chosen assets that are not allowed.\n */\nfunction prepareAssets(\n\t{ downloadableFilesConfig, assets, isImageAllowed, isLinkAllowed }: {\n\t\tdownloadableFilesConfig: CKBoxConfig[ 'downloadableFiles' ];\n\t\tassets: Array<CKBoxRawAssetDefinition>;\n\t\tisImageAllowed: boolean;\n\t\tisLinkAllowed: boolean;\n\t}\n): Array<CKBoxAssetDefinition> {\n\treturn assets\n\t\t.map( asset => isImage( asset ) ?\n\t\t\t{\n\t\t\t\tid: asset.data.id,\n\t\t\t\ttype: 'image',\n\t\t\t\tattributes: prepareImageAssetAttributes( asset )\n\t\t\t} as const :\n\t\t\t{\n\t\t\t\tid: asset.data.id,\n\t\t\t\ttype: 'link',\n\t\t\t\tattributes: prepareLinkAssetAttributes( asset, downloadableFilesConfig )\n\t\t\t} as const\n\t\t)\n\t\t.filter( asset => asset.type === 'image' ? isImageAllowed : isLinkAllowed );\n}\n\n/**\n * Parses the assets attributes into the internal data format.\n *\n * @internal\n */\nexport function prepareImageAssetAttributes( asset: CKBoxRawAssetDefinition ): CKBoxAssetImageAttributesDefinition {\n\tconst { imageFallbackUrl, imageSources } = getImageUrls( asset.data.imageUrls! );\n\tconst { description, width, height, blurHash } = asset.data.metadata!;\n\tconst imagePlaceholder = blurHashToDataUrl( blurHash );\n\n\treturn {\n\t\timageFallbackUrl,\n\t\timageSources,\n\t\timageTextAlternative: description || '',\n\t\timageWidth: width,\n\t\timageHeight: height,\n\t\t...( imagePlaceholder ? { imagePlaceholder } : null )\n\t};\n}\n\n/**\n * Parses the assets attributes into the internal data format.\n *\n * @param asset The asset to prepare the attributes for.\n * @param config The CKBox download asset configuration.\n */\nfunction prepareLinkAssetAttributes(\n\tasset: CKBoxRawAssetDefinition,\n\tconfig: CKBoxConfig[ 'downloadableFiles' ]\n): CKBoxAssetLinkAttributesDefinition {\n\treturn {\n\t\tlinkName: asset.data.name,\n\t\tlinkHref: getAssetUrl( asset, config )\n\t};\n}\n\n/**\n * Checks whether the asset is an image.\n */\nfunction isImage( asset: CKBoxRawAssetDefinition ) {\n\tconst metadata = asset.data.metadata;\n\n\tif ( !metadata ) {\n\t\treturn false;\n\t}\n\n\treturn metadata.width && metadata.height;\n}\n\n/**\n * Creates the URL for the asset.\n *\n * @param asset The asset to create the URL for.\n * @param config The CKBox download asset configuration.\n */\nfunction getAssetUrl( asset: CKBoxRawAssetDefinition, config: CKBoxConfig[ 'downloadableFiles' ] ) {\n\tconst url = new URL( asset.data.url );\n\n\tif ( isDownloadableAsset( asset, config ) ) {\n\t\turl.searchParams.set( 'download', 'true' );\n\t}\n\n\treturn url.toString();\n}\n\n/**\n * Determines if download should be enabled for given asset based on configuration.\n *\n * @param asset The asset to check.\n * @param config The CKBox download asset configuration.\n */\nfunction isDownloadableAsset(\n\tasset: CKBoxRawAssetDefinition,\n\tconfig: CKBoxConfig[ 'downloadableFiles' ]\n): boolean {\n\tif ( typeof config === 'function' ) {\n\t\treturn config( asset );\n\t}\n\n\treturn true;\n}\n\n/**\n * Fired when the command is executed, the dialog is closed or the assets are chosen.\n *\n * @eventName ~CKBoxCommand#ckbox\n */\ntype CKBoxEvent<Name extends '' | 'choose' | 'open' | 'close' = ''> = {\n\tname: Name extends '' ? 'ckbox' : `ckbox:${ Name }`;\n\targs: Name extends 'choose' ? [ assets: Array<CKBoxRawAssetDefinition> ] : [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboxutils\n */\n\nimport type { CloudServices, InitializedToken } from '@ckeditor/ckeditor5-cloud-services';\nimport { CKEditorError, logError } from 'ckeditor5/src/utils.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\tconvertMimeTypeToExtension,\n\tgetContentTypeOfUrl,\n\tgetFileExtension,\n\tgetWorkspaceId,\n\tsendHttpRequest\n} from './utils.js';\n\nconst DEFAULT_CKBOX_THEME_NAME = 'lark';\n\n/**\n * The CKBox utilities plugin.\n */\nexport class CKBoxUtils extends Plugin {\n\t/**\n\t * CKEditor Cloud Services access token.\n\t */\n\tprivate _token!: Promise<InitializedToken>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKBoxUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ 'CloudServices' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst hasConfiguration = !!editor.config.get( 'ckbox' );\n\t\tconst isLibraryLoaded = !!window.CKBox;\n\n\t\t// Proceed with plugin initialization only when the integrator intentionally wants to use it, i.e. when the `config.ckbox` exists or\n\t\t// the CKBox JavaScript library is loaded.\n\t\tif ( !hasConfiguration && !isLibraryLoaded ) {\n\t\t\treturn;\n\t\t}\n\n\t\teditor.config.define( 'ckbox', {\n\t\t\tserviceOrigin: 'https://api.ckbox.io',\n\t\t\tdefaultUploadCategories: null,\n\t\t\tignoreDataId: false,\n\t\t\tlanguage: editor.locale.uiLanguage,\n\t\t\ttheme: DEFAULT_CKBOX_THEME_NAME,\n\t\t\ttokenUrl: editor.config.get( 'cloudServices.tokenUrl' )\n\t\t} );\n\n\t\tconst cloudServices: CloudServices = editor.plugins.get( 'CloudServices' );\n\t\tconst cloudServicesTokenUrl = editor.config.get( 'cloudServices.tokenUrl' );\n\t\tconst ckboxTokenUrl = editor.config.get( 'ckbox.tokenUrl' );\n\n\t\tif ( !ckboxTokenUrl ) {\n\t\t\t/**\n\t\t\t * The {@link module:ckbox/ckboxconfig~CKBoxConfig#tokenUrl `config.ckbox.tokenUrl`} or the\n\t\t\t * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl `config.cloudServices.tokenUrl`}\n\t\t\t * configuration is required for the CKBox plugin.\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * ClassicEditor.create( document.createElement( 'div' ), {\n\t\t\t * \tckbox: {\n\t\t\t * \t\ttokenUrl: \"YOUR_TOKEN_URL\"\n\t\t\t * \t\t// ...\n\t\t\t * \t}\n\t\t\t * \t// ...\n\t\t\t * } );\n\t\t\t * ```\n\t\t\t *\n\t\t\t * @error ckbox-plugin-missing-token-url\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'ckbox-plugin-missing-token-url', this );\n\t\t}\n\n\t\tif ( ckboxTokenUrl == cloudServicesTokenUrl ) {\n\t\t\tthis._token = Promise.resolve( cloudServices.token! );\n\t\t} else {\n\t\t\tthis._token = cloudServices.registerTokenUrl( ckboxTokenUrl );\n\t\t}\n\n\t\t// Grant access to private categories after token is fetched. This is done within the same promise chain\n\t\t// to ensure all services using the token have access to private categories.\n\t\t// This step is critical as previewing images from private categories requires proper cookies.\n\t\tthis._token = this._token.then( async token => {\n\t\t\tawait this._authorizePrivateCategoriesAccess( token.value );\n\t\t\treturn token;\n\t\t} );\n\t}\n\n\t/**\n\t * Returns a token used by the CKBox plugin for communication with the CKBox service.\n\t */\n\tpublic getToken(): Promise<InitializedToken> {\n\t\treturn this._token;\n\t}\n\n\t/**\n\t * The ID of workspace to use when uploading an image.\n\t */\n\tpublic async getWorkspaceId(): Promise<string> {\n\t\tconst t = this.editor.t;\n\t\tconst cannotAccessDefaultWorkspaceError = t( 'Cannot access default workspace.' );\n\t\tconst defaultWorkspaceId = this.editor.config.get( 'ckbox.defaultUploadWorkspaceId' );\n\t\tconst workspaceId = getWorkspaceId( await this._token, defaultWorkspaceId );\n\n\t\tif ( workspaceId == null ) {\n\t\t\t/**\n\t\t\t * The user is not authorized to access the workspace defined in  the`ckbox.defaultUploadWorkspaceId` configuration.\n\t\t\t *\n\t\t\t * @error ckbox-access-default-workspace-error\n\t\t\t */\n\t\t\tlogError( 'ckbox-access-default-workspace-error' );\n\n\t\t\tthrow cannotAccessDefaultWorkspaceError;\n\t\t}\n\n\t\treturn workspaceId;\n\t}\n\n\t/**\n\t * Resolves a promise with an object containing a category with which the uploaded file is associated or an error code.\n\t */\n\tpublic async getCategoryIdForFile( fileOrUrl: File | string, options: { signal: AbortSignal } ): Promise<string> {\n\t\tconst t = this.editor.t;\n\t\tconst cannotFindCategoryError = t( 'Cannot determine a category for the uploaded file.' );\n\n\t\tconst defaultCategories = this.editor.config.get( 'ckbox.defaultUploadCategories' );\n\n\t\tconst allCategoriesPromise = this._getAvailableCategories( options );\n\n\t\tconst extension = typeof fileOrUrl == 'string' ?\n\t\t\tconvertMimeTypeToExtension( await getContentTypeOfUrl( fileOrUrl, options ) ) :\n\t\t\tgetFileExtension( fileOrUrl );\n\n\t\tconst allCategories = await allCategoriesPromise;\n\n\t\t// Couldn't fetch all categories. Perhaps the authorization token is invalid.\n\t\tif ( !allCategories ) {\n\t\t\tthrow cannotFindCategoryError;\n\t\t}\n\n\t\t// If a user specifies the plugin configuration, find the first category that accepts the uploaded file.\n\t\tif ( defaultCategories ) {\n\t\t\tconst userCategory = Object.keys( defaultCategories ).find( category => {\n\t\t\t\treturn defaultCategories[ category ].find( e => e.toLowerCase() == extension );\n\t\t\t} );\n\n\t\t\t// If found, return its ID if the category exists on the server side.\n\t\t\tif ( userCategory ) {\n\t\t\t\tconst serverCategory = allCategories.find( category => category.id === userCategory || category.name === userCategory );\n\n\t\t\t\tif ( !serverCategory ) {\n\t\t\t\t\tthrow cannotFindCategoryError;\n\t\t\t\t}\n\n\t\t\t\treturn serverCategory.id;\n\t\t\t}\n\t\t}\n\n\t\t// Otherwise, find the first category that accepts the uploaded file and returns its ID.\n\t\tconst category = allCategories.find( category => category.extensions.find( e => e.toLowerCase() == extension ) );\n\n\t\tif ( !category ) {\n\t\t\tthrow cannotFindCategoryError;\n\t\t}\n\n\t\treturn category.id;\n\t}\n\n\t/**\n\t * Resolves a promise with an array containing available categories with which the uploaded file can be associated.\n\t *\n\t * If the API returns limited results, the method will collect all items.\n\t */\n\tprivate async _getAvailableCategories( options: { signal: AbortSignal } ): Promise<Array<AvailableCategory> | undefined> {\n\t\tconst ITEMS_PER_REQUEST = 50;\n\n\t\tconst editor = this.editor;\n\t\tconst token = this._token;\n\t\tconst { signal } = options;\n\t\tconst serviceOrigin = editor.config.get( 'ckbox.serviceOrigin' )!;\n\t\tconst workspaceId = await this.getWorkspaceId();\n\n\t\ttry {\n\t\t\tconst result: Array<AvailableCategory> = [];\n\n\t\t\tlet offset = 0;\n\t\t\tlet remainingItems: number;\n\n\t\t\tdo {\n\t\t\t\tconst data = await fetchCategories( offset );\n\n\t\t\t\tresult.push( ...data.items );\n\t\t\t\tremainingItems = data.totalCount - ( offset + ITEMS_PER_REQUEST );\n\t\t\t\toffset += ITEMS_PER_REQUEST;\n\t\t\t} while ( remainingItems > 0 );\n\n\t\t\treturn result;\n\t\t} catch {\n\t\t\tsignal.throwIfAborted();\n\n\t\t\t/**\n\t\t\t * Fetching a list of available categories with which an uploaded file can be associated failed.\n\t\t\t *\n\t\t\t * @error ckbox-fetch-category-http-error\n\t\t\t */\n\t\t\tlogError( 'ckbox-fetch-category-http-error' );\n\n\t\t\treturn undefined;\n\t\t}\n\n\t\tasync function fetchCategories( offset: number ): Promise<{ totalCount: number; items: Array<AvailableCategory> }> {\n\t\t\tconst categoryUrl = new URL( 'categories', serviceOrigin );\n\n\t\t\tcategoryUrl.searchParams.set( 'limit', String( ITEMS_PER_REQUEST ) );\n\t\t\tcategoryUrl.searchParams.set( 'offset', String( offset ) );\n\t\t\tcategoryUrl.searchParams.set( 'workspaceId', workspaceId );\n\n\t\t\treturn sendHttpRequest( {\n\t\t\t\turl: categoryUrl,\n\t\t\t\tsignal,\n\t\t\t\tauthorization: ( await token ).value\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Authorize private categories access to the CKBox service. Request sets cookie for the current domain,\n\t * that allows user to preview images from private categories.\n\t */\n\tprivate async _authorizePrivateCategoriesAccess( token: string ): Promise<void> {\n\t\tconst serviceUrl = this.editor.config.get( 'ckbox.serviceOrigin' )!;\n\t\tconst formData = new FormData();\n\n\t\tformData.set( 'token', token );\n\n\t\tawait fetch( `${ serviceUrl }/categories/authorizePrivateAccess`, {\n\t\t\tmethod: 'POST',\n\t\t\tcredentials: 'include',\n\t\t\tmode: 'no-cors',\n\t\t\tbody: formData\n\t\t} );\n\t}\n}\n\ninterface AvailableCategory {\n\tid: string;\n\tname: string;\n\textensions: Array<string>;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboxuploadadapter\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport {\n\tFileRepository,\n\ttype FileLoader,\n\ttype UploadAdapter,\n\ttype UploadResponse\n} from 'ckeditor5/src/upload.js';\n\nimport type { InitializedToken } from '@ckeditor/ckeditor5-cloud-services';\nimport type { ImageUploadCompleteEvent, ImageUploadEditing } from '@ckeditor/ckeditor5-image';\n\nimport { CKBoxEditing } from './ckboxediting.js';\nimport {\n\tgetImageUrls,\n\tsendHttpRequest\n} from './utils.js';\nimport { CKBoxUtils } from './ckboxutils.js';\n\n/**\n * A plugin that enables file uploads in CKEditor 5 using the CKBox server–side connector.\n * See the {@glink features/file-management/ckbox CKBox file manager integration} guide to learn how to configure\n * and use this feature as well as find out more about the full integration with the file manager\n * provided by the {@link module:ckbox/ckbox~CKBox} plugin.\n *\n * Check out the {@glink features/images/image-upload/image-upload Image upload overview} guide to learn about\n * other ways to upload images into CKEditor 5.\n */\nexport class CKBoxUploadAdapter extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ 'ImageUploadEditing', 'ImageUploadProgress', FileRepository, CKBoxEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKBoxUploadAdapter' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic async afterInit(): Promise<void> {\n\t\tconst editor = this.editor;\n\n\t\tconst hasConfiguration = !!editor.config.get( 'ckbox' );\n\t\tconst isLibraryLoaded = !!window.CKBox;\n\n\t\t// Editor supports only one upload adapter. Register the CKBox upload adapter (and potentially overwrite other one) only when the\n\t\t// integrator intentionally wants to use the CKBox plugin, i.e. when the `config.ckbox` exists or the CKBox JavaScript library is\n\t\t// loaded.\n\t\tif ( !hasConfiguration && !isLibraryLoaded ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst fileRepository = editor.plugins.get( FileRepository );\n\t\tconst ckboxUtils = editor.plugins.get( CKBoxUtils );\n\n\t\tfileRepository.createUploadAdapter = loader => new Adapter( loader, editor, ckboxUtils );\n\n\t\tconst shouldInsertDataId = !editor.config.get( 'ckbox.ignoreDataId' );\n\t\tconst imageUploadEditing: ImageUploadEditing = editor.plugins.get( 'ImageUploadEditing' );\n\n\t\t// Mark uploaded assets with the `ckboxImageId` attribute. Its value represents an ID in CKBox.\n\t\tif ( shouldInsertDataId ) {\n\t\t\timageUploadEditing.on<ImageUploadCompleteEvent>( 'uploadComplete', ( evt, { imageElement, data } ) => {\n\t\t\t\teditor.model.change( writer => {\n\t\t\t\t\twriter.setAttribute( 'ckboxImageId', data.ckboxImageId, imageElement );\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * Upload adapter for CKBox.\n */\nclass Adapter implements UploadAdapter {\n\t/**\n\t * FileLoader instance to use during the upload.\n\t */\n\tpublic loader: FileLoader;\n\n\t/**\n\t * CKEditor Cloud Services access token.\n\t */\n\tpublic token: Promise<InitializedToken>;\n\n\t/**\n\t * The editor instance.\n\t */\n\tpublic editor: Editor;\n\n\t/**\n\t * The abort controller for aborting asynchronous processes.\n\t */\n\tpublic controller: AbortController;\n\n\t/**\n\t * The base URL where all requests should be sent.\n\t */\n\tpublic serviceOrigin: string;\n\n\t/**\n\t * The reference to CKBoxUtils plugin.\n\t */\n\tpublic ckboxUtils: CKBoxUtils;\n\n\t/**\n\t * Creates a new adapter instance.\n\t */\n\tconstructor( loader: FileLoader, editor: Editor, ckboxUtils: CKBoxUtils ) {\n\t\tthis.loader = loader;\n\t\tthis.token = ckboxUtils.getToken();\n\t\tthis.ckboxUtils = ckboxUtils;\n\t\tthis.editor = editor;\n\t\tthis.controller = new AbortController();\n\n\t\tthis.serviceOrigin = editor.config.get( 'ckbox.serviceOrigin' )!;\n\t}\n\n\t/**\n\t * Starts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#upload\n\t */\n\tpublic async upload(): Promise<UploadResponse> {\n\t\tconst ckboxUtils = this.ckboxUtils;\n\n\t\tconst t = this.editor.t;\n\t\tconst file = ( await this.loader.file )!;\n\t\tconst category = await ckboxUtils.getCategoryIdForFile( file, { signal: this.controller.signal } );\n\n\t\tconst uploadUrl = new URL( 'assets', this.serviceOrigin );\n\t\tconst formData = new FormData();\n\n\t\tuploadUrl.searchParams.set( 'workspaceId', await ckboxUtils.getWorkspaceId() );\n\n\t\tformData.append( 'categoryId', category );\n\t\tformData.append( 'file', file );\n\n\t\tconst requestConfig = {\n\t\t\tmethod: 'POST',\n\t\t\turl: uploadUrl,\n\t\t\tdata: formData,\n\t\t\tonUploadProgress: ( evt: ProgressEvent ) => {\n\t\t\t\t/* istanbul ignore else -- @preserve */\n\t\t\t\tif ( evt.lengthComputable ) {\n\t\t\t\t\tthis.loader.uploadTotal = evt.total;\n\t\t\t\t\tthis.loader.uploaded = evt.loaded;\n\t\t\t\t}\n\t\t\t},\n\t\t\tsignal: this.controller.signal,\n\t\t\tauthorization: ( await this.token ).value\n\t\t} as const;\n\n\t\treturn sendHttpRequest( requestConfig )\n\t\t\t.then( async data => {\n\t\t\t\tconst imageUrls = getImageUrls( data.imageUrls );\n\n\t\t\t\treturn {\n\t\t\t\t\tckboxImageId: data.id,\n\t\t\t\t\tdefault: imageUrls.imageFallbackUrl,\n\t\t\t\t\tsources: imageUrls.imageSources\n\t\t\t\t};\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\tconst genericError = t( 'Cannot upload file:' ) + ` ${ file.name }.`;\n\n\t\t\t\treturn Promise.reject( genericError );\n\t\t\t} );\n\t}\n\n\t/**\n\t * Aborts the upload process.\n\t *\n\t * @see module:upload/filerepository~UploadAdapter#abort\n\t */\n\tpublic abort(): void {\n\t\tthis.controller.abort();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboxediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport {\n\tModelRange,\n\ttype ModelDocumentSelection,\n\ttype DowncastAttributeEvent,\n\ttype ViewDowncastWriter,\n\ttype ModelElement,\n\ttype ModelItem,\n\ttype ModelNode,\n\ttype UpcastElementEvent,\n\ttype ViewElement,\n\ttype ModelWriter\n} from 'ckeditor5/src/engine.js';\nimport { logError, type DecoratedMethodEvent } from 'ckeditor5/src/utils.js';\n\nimport type { CKBoxAssetDefinition } from './ckboxconfig.js';\n\nimport { CKBoxCommand } from './ckboxcommand.js';\nimport { CKBoxUploadAdapter } from './ckboxuploadadapter.js';\nimport { CKBoxUtils } from './ckboxutils.js';\n\nimport type { ReplaceImageSourceCommand } from '@ckeditor/ckeditor5-image';\nimport { sendHttpRequest } from './utils.js';\n\nconst COMMAND_FORCE_DISABLE_ID = 'NoPermission';\n\n/**\n * The CKBox editing feature. It introduces the {@link module:ckbox/ckboxcommand~CKBoxCommand CKBox command} and\n * {@link module:ckbox/ckboxuploadadapter~CKBoxUploadAdapter CKBox upload adapter}.\n */\nexport class CKBoxEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKBoxEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ 'LinkEditing', 'PictureEditing', CKBoxUploadAdapter, CKBoxUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !this._shouldBeInitialised() ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._checkImagePlugins();\n\n\t\t// Registering the `ckbox` command makes sense only if the CKBox library is loaded, as the `ckbox` command opens the CKBox dialog.\n\t\tif ( isLibraryLoaded() ) {\n\t\t\teditor.commands.add( 'ckbox', new CKBoxCommand( editor ) );\n\t\t}\n\n\t\t// Promise is not handled intentionally. Errors should be displayed in console if there are so.\n\t\tisUploadPermissionGranted( editor ).then( isCreateAssetAllowed => {\n\t\t\tif ( !isCreateAssetAllowed ) {\n\t\t\t\tthis._blockImageCommands();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !this._shouldBeInitialised() ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Extending the schema, registering converters and applying fixers only make sense if the configuration option to assign\n\t\t// the assets ID with the model elements is enabled.\n\t\tif ( !editor.config.get( 'ckbox.ignoreDataId' ) ) {\n\t\t\tthis._initSchema();\n\t\t\tthis._initConversion();\n\t\t\tthis._initFixers();\n\t\t}\n\t}\n\n\t/**\n\t * Returns true only when the integrator intentionally wants to use the plugin, i.e. when the `config.ckbox` exists or\n\t * the CKBox JavaScript library is loaded.\n\t */\n\tprivate _shouldBeInitialised(): boolean {\n\t\tconst editor = this.editor;\n\t\tconst hasConfiguration = !!editor.config.get( 'ckbox' );\n\n\t\treturn hasConfiguration || isLibraryLoaded();\n\t}\n\n\t/**\n\t * Blocks `uploadImage` and `ckboxImageEdit` commands.\n\t */\n\tprivate _blockImageCommands(): void {\n\t\tconst editor = this.editor;\n\t\tconst uploadImageCommand = editor.commands.get( 'uploadImage' );\n\t\tconst imageEditingCommand = editor.commands.get( 'ckboxImageEdit' );\n\n\t\tif ( uploadImageCommand ) {\n\t\t\tuploadImageCommand.isAccessAllowed = false;\n\t\t\tuploadImageCommand.forceDisabled( COMMAND_FORCE_DISABLE_ID );\n\t\t}\n\n\t\tif ( imageEditingCommand ) {\n\t\t\timageEditingCommand.forceDisabled( COMMAND_FORCE_DISABLE_ID );\n\t\t}\n\t}\n\n\t/**\n\t * Checks if at least one image plugin is loaded.\n\t */\n\tprivate _checkImagePlugins() {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'ImageBlockEditing' ) && !editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\t/**\n\t\t\t * The CKBox feature requires one of the following plugins to be loaded to work correctly:\n\t\t\t *\n\t\t\t * * {@link module:image/imageblock~ImageBlock},\n\t\t\t * * {@link module:image/imageinline~ImageInline},\n\t\t\t * * {@link module:image/image~Image} (loads both `ImageBlock` and `ImageInline`)\n\t\t\t *\n\t\t\t * Please make sure your editor configuration is correct.\n\t\t\t *\n\t\t\t * @error ckbox-plugin-image-feature-missing\n\t\t\t * @param {module:core/editor/editor~Editor} editor The editor instance.\n\t\t\t */\n\t\t\tlogError( 'ckbox-plugin-image-feature-missing', editor );\n\t\t}\n\t}\n\n\t/**\n\t * Extends the schema to allow the `ckboxImageId` and `ckboxLinkId` attributes for links and images.\n\t */\n\tprivate _initSchema() {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\tschema.extend( '$text', { allowAttributes: 'ckboxLinkId' } );\n\n\t\tif ( schema.isRegistered( 'imageBlock' ) ) {\n\t\t\tschema.extend( 'imageBlock', { allowAttributes: [ 'ckboxImageId', 'ckboxLinkId' ] } );\n\t\t}\n\n\t\tif ( schema.isRegistered( 'imageInline' ) ) {\n\t\t\tschema.extend( 'imageInline', { allowAttributes: [ 'ckboxImageId', 'ckboxLinkId' ] } );\n\t\t}\n\n\t\tschema.addAttributeCheck( context => {\n\t\t\t// Don't allow `ckboxLinkId` on elements which do not have `linkHref` attribute.\n\t\t\tif ( !context.last.getAttribute( 'linkHref' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}, 'ckboxLinkId' );\n\t}\n\n\t/**\n\t * Configures the upcast and downcast conversions for the `ckboxImageId` and `ckboxLinkId` attributes.\n\t */\n\tprivate _initConversion() {\n\t\tconst editor = this.editor;\n\n\t\t// Convert `ckboxLinkId` => `data-ckbox-resource-id`.\n\t\teditor.conversion.for( 'downcast' ).add( dispatcher => {\n\t\t\t// Due to custom converters for linked block images, handle the `ckboxLinkId` attribute manually.\n\t\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( 'attribute:ckboxLinkId:imageBlock', ( evt, data, conversionApi ) => {\n\t\t\t\tconst { writer, mapper, consumable } = conversionApi;\n\n\t\t\t\tif ( !consumable.consume( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst viewFigure = mapper.toViewElement( data.item );\n\t\t\t\tconst linkInImage = [ ...viewFigure!.getChildren() ]\n\t\t\t\t\t.find( ( child: any ) => child.name === 'a' ) as ViewElement | undefined;\n\n\t\t\t\t// No link inside an image - no conversion needed.\n\t\t\t\tif ( !linkInImage ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( data.item.hasAttribute( 'ckboxLinkId' ) ) {\n\t\t\t\t\twriter.setAttribute( 'data-ckbox-resource-id', data.item.getAttribute( 'ckboxLinkId' ), linkInImage );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeAttribute( 'data-ckbox-resource-id', linkInImage );\n\t\t\t\t}\n\t\t\t}, { priority: 'low' } );\n\n\t\t\tdispatcher.on<DowncastAttributeEvent>( 'attribute:ckboxLinkId', ( evt, data, conversionApi ) => {\n\t\t\t\tconst { writer, mapper, consumable } = conversionApi;\n\n\t\t\t\tif ( !consumable.consume( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Remove the previous attribute value if it was applied.\n\t\t\t\tif ( data.attributeOldValue ) {\n\t\t\t\t\tconst viewElement = createLinkElement( writer, data.attributeOldValue as string );\n\n\t\t\t\t\twriter.unwrap( mapper.toViewRange( data.range ), viewElement );\n\t\t\t\t}\n\n\t\t\t\t// Add the new attribute value if specified in a model element.\n\t\t\t\tif ( data.attributeNewValue ) {\n\t\t\t\t\tconst viewElement = createLinkElement( writer, data.attributeNewValue as string );\n\n\t\t\t\t\tif ( data.item.is( 'selection' ) ) {\n\t\t\t\t\t\tconst viewSelection = writer.document.selection;\n\n\t\t\t\t\t\twriter.wrap( viewSelection.getFirstRange()!, viewElement );\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.wrap( mapper.toViewRange( data.range ), viewElement );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, { priority: 'low' } );\n\t\t} );\n\n\t\t// Convert `data-ckbox-resource-id` => `ckboxLinkId`.\n\t\t//\n\t\t// The helper conversion does not handle all cases, so take care of the `data-ckbox-resource-id` attribute manually for images\n\t\t// and links.\n\t\teditor.conversion.for( 'upcast' ).add( dispatcher => {\n\t\t\tdispatcher.on<UpcastElementEvent>( 'element:a', ( evt, data, conversionApi ) => {\n\t\t\t\tconst { writer, consumable } = conversionApi;\n\n\t\t\t\t// Upcast the `data-ckbox-resource-id` attribute only for valid link elements.\n\t\t\t\tif ( !data.viewItem.getAttribute( 'href' ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst consumableAttributes = { attributes: [ 'data-ckbox-resource-id' ] };\n\n\t\t\t\tif ( !consumable.consume( data.viewItem, consumableAttributes ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst attributeValue = data.viewItem.getAttribute( 'data-ckbox-resource-id' );\n\n\t\t\t\t// Missing the `data-ckbox-resource-id` attribute.\n\t\t\t\tif ( !attributeValue ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( data.modelRange ) {\n\t\t\t\t\t// If the `<a>` element contains more than single children (e.g. a linked image), set the `ckboxLinkId` for each\n\t\t\t\t\t// allowed child.\n\t\t\t\t\tfor ( let item of data.modelRange.getItems() ) {\n\t\t\t\t\t\tif ( item.is( '$textProxy' ) ) {\n\t\t\t\t\t\t\titem = item.textNode;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Do not copy the `ckboxLinkId` attribute when wrapping an element in a block element, e.g. when\n\t\t\t\t\t\t// auto-paragraphing.\n\t\t\t\t\t\tif ( shouldUpcastAttributeForNode( item ) ) {\n\t\t\t\t\t\t\twriter.setAttribute( 'ckboxLinkId', attributeValue, item );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Otherwise, just set the `ckboxLinkId` for the model element.\n\t\t\t\t\tconst modelElement = data.modelCursor.nodeBefore || data.modelCursor.parent;\n\n\t\t\t\t\twriter.setAttribute( 'ckboxLinkId', attributeValue, modelElement as ModelElement );\n\t\t\t\t}\n\t\t\t}, { priority: 'low' } );\n\t\t} );\n\n\t\t// Convert `ckboxImageId` => `data-ckbox-resource-id`.\n\t\teditor.conversion.for( 'downcast' ).attributeToAttribute( {\n\t\t\tmodel: 'ckboxImageId',\n\t\t\tview: 'data-ckbox-resource-id'\n\t\t} );\n\n\t\t// Convert `data-ckbox-resource-id` => `ckboxImageId`.\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tkey: 'ckboxImageId',\n\t\t\t\tvalue: ( viewElement: ViewElement ) => viewElement.getAttribute( 'data-ckbox-resource-id' )\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tattributes: {\n\t\t\t\t\t'data-ckbox-resource-id': /[\\s\\S]+/\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tconst replaceImageSourceCommand = editor.commands.get( 'replaceImageSource' );\n\n\t\tif ( replaceImageSourceCommand ) {\n\t\t\tthis.listenTo<DecoratedMethodEvent<ReplaceImageSourceCommand, 'cleanupImage'>>(\n\t\t\t\treplaceImageSourceCommand,\n\t\t\t\t'cleanupImage',\n\t\t\t\t( _, [ writer, image ] ) => {\n\t\t\t\t\twriter.removeAttribute( 'ckboxImageId', image );\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Registers post-fixers that add or remove the `ckboxLinkId` and `ckboxImageId` attributes.\n\t */\n\tprivate _initFixers() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\t// Registers the post-fixer to sync the asset ID with the model elements.\n\t\tmodel.document.registerPostFixer( syncDataIdPostFixer( editor ) );\n\n\t\t// Registers the post-fixer to remove the `ckboxLinkId` attribute from the model selection.\n\t\tmodel.document.registerPostFixer( injectSelectionPostFixer( selection ) );\n\t}\n}\n\n/**\n * A post-fixer that synchronizes the asset ID with the model element.\n */\nfunction syncDataIdPostFixer( editor: Editor ) {\n\treturn ( writer: ModelWriter ) => {\n\t\tlet changed = false;\n\n\t\tconst model = editor.model;\n\t\tconst ckboxCommand: CKBoxCommand = editor.commands.get( 'ckbox' )!;\n\n\t\t// The ID from chosen assets are stored in the `CKBoxCommand#_chosenAssets`. If there is no command, it makes no sense to check\n\t\t// for changes in the model.\n\t\tif ( !ckboxCommand ) {\n\t\t\treturn changed;\n\t\t}\n\n\t\tfor ( const entry of model.document.differ.getChanges() ) {\n\t\t\tif ( entry.type !== 'insert' && entry.type !== 'attribute' ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst range = entry.type === 'insert' ?\n\t\t\t\tnew ModelRange( entry.position, entry.position.getShiftedBy( entry.length ) ) :\n\t\t\t\tentry.range;\n\n\t\t\tconst isLinkHrefAttributeRemoval = entry.type === 'attribute' &&\n\t\t\t\tentry.attributeKey === 'linkHref' &&\n\t\t\t\tentry.attributeNewValue === null;\n\n\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\t// If the `linkHref` attribute has been removed, sync the change with the `ckboxLinkId` attribute.\n\t\t\t\tif ( isLinkHrefAttributeRemoval && item.hasAttribute( 'ckboxLinkId' ) ) {\n\t\t\t\t\twriter.removeAttribute( 'ckboxLinkId', item );\n\n\t\t\t\t\tchanged = true;\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Otherwise, the change concerns either a new model element or an attribute change. Try to find the assets for the modified\n\t\t\t\t// model element.\n\t\t\t\tconst assets = findAssetsForItem( item, ckboxCommand._chosenAssets );\n\n\t\t\t\tfor ( const asset of assets ) {\n\t\t\t\t\tconst attributeName = asset.type === 'image' ? 'ckboxImageId' : 'ckboxLinkId';\n\n\t\t\t\t\tif ( asset.id === item.getAttribute( attributeName ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\twriter.setAttribute( attributeName, asset.id, item );\n\n\t\t\t\t\tchanged = true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn changed;\n\t};\n}\n\n/**\n * A post-fixer that removes the `ckboxLinkId` from the selection if it does not represent a link anymore.\n */\nfunction injectSelectionPostFixer( selection: ModelDocumentSelection ) {\n\treturn ( writer: ModelWriter ) => {\n\t\tconst shouldRemoveLinkIdAttribute = !selection.hasAttribute( 'linkHref' ) && selection.hasAttribute( 'ckboxLinkId' );\n\n\t\tif ( shouldRemoveLinkIdAttribute ) {\n\t\t\twriter.removeSelectionAttribute( 'ckboxLinkId' );\n\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t};\n}\n\n/**\n * Tries to find the asset that is associated with the model element by comparing the attributes:\n * - the image fallback URL with the `src` attribute for images,\n * - the link URL with the `href` attribute for links.\n *\n * For any model element, zero, one or more than one asset can be found (e.g. a linked image may be associated with the link asset and the\n * image asset).\n */\nfunction findAssetsForItem( item: ModelItem, assets: Set<CKBoxAssetDefinition> ) {\n\tconst isImageElement = item.is( 'element', 'imageInline' ) || item.is( 'element', 'imageBlock' );\n\tconst isLinkElement = item.hasAttribute( 'linkHref' );\n\n\treturn [ ...assets ].filter( asset => {\n\t\tif ( asset.type === 'image' && isImageElement ) {\n\t\t\treturn asset.attributes.imageFallbackUrl === item.getAttribute( 'src' );\n\t\t}\n\n\t\tif ( asset.type === 'link' && isLinkElement ) {\n\t\t\treturn asset.attributes.linkHref === item.getAttribute( 'linkHref' );\n\t\t}\n\t} );\n}\n\n/**\n * Creates view link element with the requested ID.\n */\nfunction createLinkElement( writer: ViewDowncastWriter, id: string ) {\n\t// Priority equal 5 is needed to merge adjacent `<a>` elements together.\n\tconst viewElement = writer.createAttributeElement( 'a', { 'data-ckbox-resource-id': id }, { priority: 5 } );\n\n\twriter.setCustomProperty( 'link', true, viewElement );\n\n\treturn viewElement;\n}\n\n/**\n * Checks if the model element may have the `ckboxLinkId` attribute.\n */\nfunction shouldUpcastAttributeForNode( node: ModelNode ) {\n\tif ( node.is( '$text' ) ) {\n\t\treturn true;\n\t}\n\n\tif ( node.is( 'element', 'imageInline' ) || node.is( 'element', 'imageBlock' ) ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Returns true if the CKBox library is loaded, false otherwise.\n */\nfunction isLibraryLoaded(): boolean {\n\treturn !!window.CKBox;\n}\n\n/**\n * Checks is access allowed to upload assets.\n */\nasync function isUploadPermissionGranted( editor: Editor ): Promise<boolean> {\n\tconst ckboxUtils = editor.plugins.get( CKBoxUtils );\n\tconst origin = editor.config.get( 'ckbox.serviceOrigin' );\n\n\tconst url = new URL( 'permissions', origin );\n\tconst { value } = await ckboxUtils.getToken();\n\n\tconst response = ( await sendHttpRequest( {\n\t\turl,\n\t\tauthorization: value,\n\t\tsignal: ( new AbortController() ).signal // Aborting is unnecessary.\n\t} ) ) as Record<string, CategoryPermission>;\n\n\treturn Object.values( response ).some( category => category[ 'asset:create' ] );\n}\n\ntype CategoryPermission = {\n\t[ key: string ]: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckbox\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { CKBoxUI } from './ckboxui.js';\nimport { CKBoxEditing } from './ckboxediting.js';\n\n/**\n * The CKBox feature, a bridge between the CKEditor 5 WYSIWYG editor and the CKBox file manager and uploader.\n *\n * This is a \"glue\" plugin which enables:\n *\n * * {@link module:ckbox/ckboxediting~CKBoxEditing},\n * * {@link module:ckbox/ckboxui~CKBoxUI},\n *\n * See the {@glink features/file-management/ckbox CKBox integration} guide to learn how to configure and use this feature.\n *\n * Check out the {@glink features/images/image-upload/image-upload Image upload} guide to learn about other ways to upload\n * images into CKEditor 5.\n */\nexport class CKBox extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKBox' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ CKBoxEditing, CKBoxUI ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboximageedit/utils\n */\n\nimport { global } from 'ckeditor5/src/utils.js';\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport type { CKBoxConfig } from '../ckboxconfig.js';\n\n/**\n * @internal\n */\nexport function createEditabilityChecker(\n\tallowExternalImagesEditing: CKBoxConfig[ 'allowExternalImagesEditing' ]\n): ( element: ModelElement ) => boolean {\n\tconst checkUrl = createUrlChecker( allowExternalImagesEditing );\n\n\treturn element => {\n\t\tconst isImageElement =\n\t\t\telement.is( 'element', 'imageInline' ) ||\n\t\t\telement.is( 'element', 'imageBlock' );\n\n\t\tif ( !isImageElement ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( element.hasAttribute( 'ckboxImageId' ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif ( element.hasAttribute( 'src' ) ) {\n\t\t\treturn checkUrl( element.getAttribute( 'src' ) as string );\n\t\t}\n\n\t\treturn false;\n\t};\n}\n\nfunction createUrlChecker(\n\tallowExternalImagesEditing: CKBoxConfig[ 'allowExternalImagesEditing' ]\n): ( src: string ) => boolean {\n\tif ( Array.isArray( allowExternalImagesEditing ) ) {\n\t\tconst urlMatchers = allowExternalImagesEditing.map( createUrlChecker );\n\n\t\treturn src => urlMatchers.some( matcher => matcher( src ) );\n\t}\n\n\tif ( allowExternalImagesEditing == 'origin' ) {\n\t\tconst origin = global.window.location.origin;\n\n\t\treturn src => new URL( src, global.document.baseURI ).origin == origin;\n\t}\n\n\tif ( typeof allowExternalImagesEditing == 'function' ) {\n\t\treturn allowExternalImagesEditing;\n\t}\n\n\tif ( allowExternalImagesEditing instanceof RegExp ) {\n\t\treturn src => !!(\n\t\t\tsrc.match( allowExternalImagesEditing ) ||\n\t\t\tsrc.replace( /^https?:\\/\\//, '' ).match( allowExternalImagesEditing )\n\t\t);\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst shouldBeUndefned: undefined = allowExternalImagesEditing;\n\n\treturn () => false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboximageedit/ckboximageeditcommand\n */\n\nimport { Command, PendingActions, type Editor } from 'ckeditor5/src/core.js';\nimport {\n\tCKEditorError,\n\tabortableDebounce,\n\tcreateElement,\n\tretry,\n\tdelay,\n\ttype AbortableFunc\n} from 'ckeditor5/src/utils.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport { Notification } from 'ckeditor5/src/ui.js';\nimport { isEqual } from 'es-toolkit/compat';\n\nimport { sendHttpRequest } from '../utils.js';\nimport { prepareImageAssetAttributes } from '../ckboxcommand.js';\nimport type { CKBoxRawAssetDefinition, CKBoxRawAssetDataDefinition } from '../ckboxconfig.js';\n\nimport type { ImageUtils } from '@ckeditor/ckeditor5-image';\nimport { createEditabilityChecker } from './utils.js';\nimport { CKBoxUtils } from '../ckboxutils.js';\n\n/**\n * The CKBox edit image command.\n *\n * Opens the CKBox dialog for editing the image.\n */\nexport class CKBoxImageEditCommand extends Command {\n\t/**\n\t * Flag indicating whether the command is active, i.e. dialog is open.\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * The DOM element that acts as a mounting point for the CKBox Edit Image dialog.\n\t */\n\tprivate _wrapper: Element | null = null;\n\n\t/**\n\t * The states of image processing in progress.\n\t */\n\tprivate _processInProgress = new Set<ProcessingState>();\n\n\t/**\n\t * Determines if the element can be edited.\n\t */\n\tprivate _canEdit: ( element: ModelElement ) => boolean;\n\n\t/**\n\t * A wrapper function to prepare mount options. Ensures that at most one preparation is in-flight.\n\t */\n\tprivate _prepareOptions: AbortableFunc<[ ProcessingState ], Promise<Record<string, unknown>>>;\n\n\t/**\n\t* CKBox's onClose function runs before the final cleanup, potentially causing\n\t* page layout changes after it finishes. To address this, we use a setTimeout hack\n\t* to ensure that floating elements on the page maintain their correct position.\n\t*\n\t* See: https://github.com/ckeditor/ckeditor5/issues/16153.\n\t*/\n\tprivate _updateUiDelayed = delay( () => this.editor.ui.update(), 0 );\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.value = false;\n\n\t\tthis._canEdit = createEditabilityChecker( editor.config.get( 'ckbox.allowExternalImagesEditing' ) );\n\t\tthis._prepareOptions = abortableDebounce( ( signal, state ) => this._prepareOptionsAbortable( signal, state ) );\n\n\t\tthis._prepareListeners();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\n\t\tthis.value = this._getValue();\n\n\t\tconst selectedElement = editor.model.document.selection.getSelectedElement();\n\n\t\tthis.isEnabled =\n\t\t\t!!selectedElement &&\n\t\t\tthis._canEdit( selectedElement ) &&\n\t\t\t!this._checkIfElementIsBeingProcessed( selectedElement );\n\t}\n\n\t/**\n\t * Opens the CKBox Image Editor dialog for editing the image.\n\t */\n\tpublic override execute(): void {\n\t\tif ( this._getValue() ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst wrapper = createElement( document, 'div', { class: 'ck ckbox-wrapper' } );\n\n\t\tthis._wrapper = wrapper;\n\t\tthis.value = true;\n\n\t\tdocument.body.appendChild( this._wrapper );\n\n\t\tconst imageElement = this.editor.model.document.selection.getSelectedElement()!;\n\n\t\tconst processingState: ProcessingState = {\n\t\t\telement: imageElement,\n\t\t\tcontroller: new AbortController()\n\t\t};\n\n\t\tthis._prepareOptions( processingState ).then(\n\t\t\toptions => window.CKBox.mountImageEditor( wrapper, options ),\n\t\t\terror => {\n\t\t\t\tconst editor = this.editor;\n\t\t\t\tconst t = editor.t;\n\t\t\t\tconst notification = editor.plugins.get( Notification );\n\n\t\t\t\tnotification.showWarning( t( 'Failed to determine category of edited image.' ), {\n\t\t\t\t\tnamespace: 'ckbox'\n\t\t\t\t} );\n\t\t\t\tconsole.error( error );\n\t\t\t\tthis._handleImageEditorClose();\n\t\t\t}\n\t\t);\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis._handleImageEditorClose();\n\n\t\tthis._prepareOptions.abort();\n\n\t\tthis._updateUiDelayed.cancel();\n\n\t\tfor ( const state of this._processInProgress.values() ) {\n\t\t\tstate.controller.abort();\n\t\t}\n\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Indicates if the CKBox Image Editor dialog is already opened.\n\t */\n\tprivate _getValue(): boolean {\n\t\treturn this._wrapper !== null;\n\t}\n\n\t/**\n\t * Creates the options object for the CKBox Image Editor dialog.\n\t */\n\tprivate async _prepareOptionsAbortable( signal: AbortSignal, state: ProcessingState ) {\n\t\tconst editor = this.editor;\n\t\tconst ckboxConfig = editor.config.get( 'ckbox' )!;\n\t\tconst ckboxUtils = editor.plugins.get( CKBoxUtils );\n\t\tconst { element } = state;\n\n\t\tlet imageMountOptions;\n\t\tconst ckboxImageId = element.getAttribute( 'ckboxImageId' );\n\n\t\tif ( ckboxImageId ) {\n\t\t\timageMountOptions = {\n\t\t\t\tassetId: ckboxImageId\n\t\t\t};\n\t\t} else {\n\t\t\tconst imageUrl = new URL( element.getAttribute( 'src' ) as string, document.baseURI ).href;\n\t\t\tconst uploadCategoryId = await ckboxUtils.getCategoryIdForFile( imageUrl, { signal } );\n\n\t\t\timageMountOptions = {\n\t\t\t\timageUrl,\n\t\t\t\tuploadCategoryId\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\t...imageMountOptions,\n\t\t\timageEditing: {\n\t\t\t\tallowOverwrite: false\n\t\t\t},\n\t\t\ttokenUrl: ckboxConfig.tokenUrl,\n\t\t\tlanguage: ckboxConfig.language,\n\t\t\t...( ckboxConfig.serviceOrigin && { serviceOrigin: ckboxConfig.serviceOrigin } ),\n\t\t\tonClose: () => this._handleImageEditorClose(),\n\t\t\tonSave: ( asset: CKBoxRawAssetDefinition ) => this._handleImageEditorSave( state, asset )\n\t\t};\n\t}\n\n\t/**\n\t * Initializes event lister for an event of removing an image.\n\t */\n\tprivate _prepareListeners(): void {\n\t\t// Abort editing processing when the image has been removed.\n\t\tthis.listenTo( this.editor.model.document, 'change:data', () => {\n\t\t\tconst processingStates = this._getProcessingStatesOfDeletedImages();\n\n\t\t\tprocessingStates.forEach( processingState => {\n\t\t\t\tprocessingState.controller.abort();\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Gets processing states of images that have been deleted in the mean time.\n\t */\n\tprivate _getProcessingStatesOfDeletedImages(): Array<ProcessingState> {\n\t\tconst states: Array<ProcessingState> = [];\n\n\t\tfor ( const state of this._processInProgress.values() ) {\n\t\t\tif ( state.element.root.rootName == '$graveyard' ) {\n\t\t\t\tstates.push( state );\n\t\t\t}\n\t\t}\n\n\t\treturn states;\n\t}\n\n\tprivate _checkIfElementIsBeingProcessed( selectedElement: ModelElement ) {\n\t\tfor ( const { element } of this._processInProgress ) {\n\t\t\tif ( isEqual( element, selectedElement ) ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Closes the CKBox Image Editor dialog.\n\t */\n\tprivate _handleImageEditorClose() {\n\t\tif ( !this._wrapper ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._wrapper.remove();\n\t\tthis._wrapper = null;\n\n\t\tthis.editor.editing.view.focus();\n\n\t\tthis._updateUiDelayed();\n\n\t\tthis.refresh();\n\t}\n\n\t/**\n\t * Save edited image. In case server respond with \"success\" replace with edited image,\n\t * otherwise show notification error.\n\t */\n\tprivate _handleImageEditorSave( state: ProcessingState, asset: CKBoxRawAssetDefinition ) {\n\t\tconst t = this.editor.locale.t;\n\t\tconst notification = this.editor.plugins.get( Notification );\n\t\tconst pendingActions = this.editor.plugins.get( PendingActions );\n\t\tconst action = pendingActions.add( t( 'Processing the edited image.' ) );\n\n\t\tthis._processInProgress.add( state );\n\t\tthis._showImageProcessingIndicator( state.element, asset );\n\t\tthis.refresh();\n\n\t\tthis._waitForAssetProcessed( asset.data.id, state.controller.signal )\n\t\t\t.then(\n\t\t\t\tasset => {\n\t\t\t\t\tthis._replaceImage( state.element, asset );\n\t\t\t\t},\n\t\t\t\terror => {\n\t\t\t\t\t// Remove processing indicator. It was added only to ViewElement.\n\t\t\t\t\tthis.editor.editing.reconvertItem( state.element );\n\n\t\t\t\t\tif ( state.controller.signal.aborted ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( !error || error instanceof CKEditorError ) {\n\t\t\t\t\t\tnotification.showWarning( t( 'Server failed to process the image.' ), {\n\t\t\t\t\t\t\tnamespace: 'ckbox'\n\t\t\t\t\t\t} );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconsole.error( error );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t).finally( () => {\n\t\t\t\tthis._processInProgress.delete( state );\n\t\t\t\tpendingActions.remove( action );\n\t\t\t\tthis.refresh();\n\t\t\t} );\n\t}\n\n\t/**\n\t * Get asset's status on server. If server responds with \"success\" status then\n\t * image is already proceeded and ready for saving.\n\t */\n\tprivate async _getAssetStatusFromServer( id: string, signal: AbortSignal ): Promise<CKBoxRawAssetDefinition> {\n\t\tconst ckboxUtils = this.editor.plugins.get( CKBoxUtils );\n\n\t\tconst url = new URL( 'assets/' + id, this.editor.config.get( 'ckbox.serviceOrigin' )! );\n\t\tconst response: CKBoxRawAssetDataDefinition = await sendHttpRequest( {\n\t\t\turl,\n\t\t\tsignal,\n\t\t\tauthorization: ( await ckboxUtils.getToken() ).value\n\t\t} );\n\t\tconst status = response.metadata!.metadataProcessingStatus;\n\n\t\tif ( !status || status == 'queued' ) {\n\t\t\t/**\n\t\t\t * Image has not been processed yet.\n\t\t\t *\n\t\t\t * @error ckbox-image-not-processed\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'ckbox-image-not-processed' );\n\t\t}\n\n\t\treturn { data: { ...response } };\n\t}\n\n\t/**\n\t * Waits for an asset to be processed.\n\t * It retries retrieving asset status from the server in case of failure.\n\t */\n\tprivate async _waitForAssetProcessed( id: string, signal: AbortSignal ): Promise<CKBoxRawAssetDefinition> {\n\t\tconst result = await retry(\n\t\t\t() => this._getAssetStatusFromServer( id, signal ),\n\t\t\t{\n\t\t\t\tsignal,\n\t\t\t\tmaxAttempts: 5\n\t\t\t}\n\t\t);\n\n\t\tif ( result.data.metadata!.metadataProcessingStatus != 'success' ) {\n\t\t\t/**\n\t\t\t * The image processing failed.\n\t\t\t *\n\t\t\t * @error ckbox-image-processing-failed\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'ckbox-image-processing-failed' );\n\t\t}\n\n\t\treturn result;\n\t}\n\n\t/**\n\t * Shows processing indicator while image is processing.\n\t *\n\t * @param asset Data about certain asset.\n\t */\n\tprivate _showImageProcessingIndicator( element: ModelElement, asset: CKBoxRawAssetDefinition ): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.editing.view.change( writer => {\n\t\t\tconst imageElementView = editor.editing.mapper.toViewElement( element )!;\n\t\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\t\t\tconst img = imageUtils.findViewImgElement( imageElementView )!;\n\n\t\t\twriter.removeStyle( 'aspect-ratio', img );\n\t\t\twriter.setAttribute( 'width', asset.data.metadata!.width, img );\n\t\t\twriter.setAttribute( 'height', asset.data.metadata!.height, img );\n\n\t\t\twriter.setStyle( 'width', `${ asset.data.metadata!.width }px`, img );\n\t\t\twriter.setStyle( 'height', `${ asset.data.metadata!.height }px`, img );\n\n\t\t\twriter.addClass( 'image-processing', imageElementView );\n\t\t} );\n\t}\n\n\t/**\n\t * Replace the edited image with the new one.\n\t */\n\tprivate _replaceImage( element: ModelElement, asset: CKBoxRawAssetDefinition ) {\n\t\tconst editor = this.editor;\n\n\t\tconst {\n\t\t\timageFallbackUrl,\n\t\t\timageSources,\n\t\t\timageWidth,\n\t\t\timageHeight,\n\t\t\timagePlaceholder\n\t\t} = prepareImageAssetAttributes( asset );\n\n\t\tconst previousSelectionRanges = Array.from( editor.model.document.selection.getRanges() );\n\n\t\teditor.model.change( writer => {\n\t\t\twriter.setSelection( element, 'on' );\n\n\t\t\teditor.execute( 'insertImage', {\n\t\t\t\timageType: element.is( 'element', 'imageInline' ) ? 'imageInline' : null,\n\t\t\t\tsource: {\n\t\t\t\t\tsrc: imageFallbackUrl,\n\t\t\t\t\tsources: imageSources,\n\t\t\t\t\twidth: imageWidth,\n\t\t\t\t\theight: imageHeight,\n\t\t\t\t\t...( imagePlaceholder ? { placeholder: imagePlaceholder } : null ),\n\t\t\t\t\t...( element.hasAttribute( 'alt' ) ? { alt: element.getAttribute( 'alt' ) } : null )\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tconst previousChildren = element.getChildren();\n\n\t\t\telement = editor.model.document.selection.getSelectedElement()!;\n\n\t\t\tfor ( const child of previousChildren ) {\n\t\t\t\twriter.append( writer.cloneElement( child as ModelElement ), element );\n\t\t\t}\n\n\t\t\twriter.setAttribute( 'ckboxImageId', asset.data.id, element );\n\n\t\t\twriter.setSelection( previousSelectionRanges );\n\t\t} );\n\t}\n}\n\ninterface ProcessingState {\n\telement: ModelElement;\n\tcontroller: AbortController;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboximageedit/ckboximageeditediting\n */\n\nimport { PendingActions, Plugin } from 'ckeditor5/src/core.js';\nimport { Notification } from 'ckeditor5/src/ui.js';\nimport { CKBoxImageEditCommand } from './ckboximageeditcommand.js';\nimport { CKBoxEditing } from '../ckboxediting.js';\nimport { CKBoxUtils } from '../ckboxutils.js';\n\n/**\n * The CKBox image edit editing plugin.\n */\nexport class CKBoxImageEditEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKBoxImageEditEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ CKBoxEditing, CKBoxUtils, PendingActions, Notification, 'ImageUtils', 'ImageEditing' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst { editor } = this;\n\n\t\teditor.commands.add( 'ckboxImageEdit', new CKBoxImageEditCommand( editor ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboximageedit/ckboximageeditui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ButtonView } from 'ckeditor5/src/ui.js';\nimport { IconCkboxImageEdit } from 'ckeditor5/src/icons.js';\n\n/**\n * The UI plugin of the CKBox image edit feature.\n *\n * It registers the `'ckboxImageEdit'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}\n * that allows you to open the CKBox dialog and edit the image.\n */\nexport class CKBoxImageEditUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKBoxImageEditUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'ckboxImageEdit', locale => {\n\t\t\tconst command = editor.commands.get( 'ckboxImageEdit' )!;\n\t\t\tconst uploadImageCommand = editor.commands.get( 'uploadImage' )!;\n\t\t\tconst view = new ButtonView( locale );\n\t\t\tconst t = locale.t;\n\n\t\t\tview.set( {\n\t\t\t\ticon: IconCkboxImageEdit,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tview.bind( 'label' ).to( uploadImageCommand, 'isAccessAllowed', isAccessAllowed => isAccessAllowed ?\n\t\t\t\tt( 'Edit image' ) :\n\t\t\t\tt( 'You have no image editing permissions.' )\n\t\t\t);\n\t\t\tview.bind( 'isOn' ).to( command, 'value', command, 'isEnabled', ( value, isEnabled ) => value && isEnabled );\n\t\t\tview.bind( 'isEnabled' ).to( command );\n\n\t\t\t// Execute the command.\n\t\t\tthis.listenTo( view, 'execute', () => {\n\t\t\t\teditor.execute( 'ckboxImageEdit' );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn view;\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckbox/ckboximageedit\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { CKBoxImageEditEditing } from './ckboximageedit/ckboximageeditediting.js';\nimport { CKBoxImageEditUI } from './ckboximageedit/ckboximageeditui.js';\n\nimport '../theme/ckboximageedit.css';\n\n/**\n * The CKBox image edit feature.\n */\nexport class CKBoxImageEdit extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKBoxImageEdit' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ CKBoxImageEditEditing, CKBoxImageEditUI ] as const;\n\t}\n}\n", "import { Plugin, Command } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView, Notification } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconBrowseFiles, IconImageAssetManager } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { CKEditorError } from '@ckeditor/ckeditor5-utils/dist/index.js';\n\n/**\n * Introduces UI components for `CKFinder` plugin.\n *\n * The plugin introduces two UI components to the {@link module:ui/componentfactory~ComponentFactory UI component factory}:\n *\n * * the `'ckfinder'` toolbar button,\n * * the `'menuBar:ckfinder'` menu bar component, which is by default added to the `'Insert'` menu.\n *\n * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component.\n */ class CKFinderUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKFinderUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('ckfinder', ()=>this._createFileToolbarButton());\n        editor.ui.componentFactory.add('menuBar:ckfinder', ()=>this._createFileMenuBarButton());\n        if (editor.plugins.has('ImageInsertUI')) {\n            editor.plugins.get('ImageInsertUI').registerIntegration({\n                name: 'assetManager',\n                observable: ()=>editor.commands.get('ckfinder'),\n                buttonViewCreator: ()=>this._createImageToolbarButton(),\n                formViewCreator: ()=>this._createImageDropdownButton(),\n                menuBarButtonViewCreator: (isOnly)=>this._createImageMenuBarButton(isOnly ? 'insertOnly' : 'insertNested')\n            });\n        }\n    }\n    /**\n\t * Creates the base for various kinds of the button component provided by this feature.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const view = new ButtonClass(locale);\n        const command = editor.commands.get('ckfinder');\n        view.bind('isEnabled').to(command);\n        view.on('execute', ()=>{\n            editor.execute('ckfinder');\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n    /**\n\t * Creates a simple toolbar button for files management, with an icon and a tooltip.\n\t */ _createFileToolbarButton() {\n        const t = this.editor.locale.t;\n        const button = this._createButton(ButtonView);\n        button.icon = IconBrowseFiles;\n        button.label = t('Insert image or file');\n        button.tooltip = true;\n        return button;\n    }\n    /**\n\t * Creates a simple toolbar button for images management, with an icon and a tooltip.\n\t */ _createImageToolbarButton() {\n        const t = this.editor.locale.t;\n        const imageInsertUI = this.editor.plugins.get('ImageInsertUI');\n        const button = this._createButton(ButtonView);\n        button.icon = IconImageAssetManager;\n        button.bind('label').to(imageInsertUI, 'isImageSelected', (isImageSelected)=>isImageSelected ? t('Replace image with file manager') : t('Insert image with file manager'));\n        button.tooltip = true;\n        return button;\n    }\n    /**\n\t * Creates a button for images management for the dropdown view, with an icon, text and no tooltip.\n\t */ _createImageDropdownButton() {\n        const t = this.editor.locale.t;\n        const imageInsertUI = this.editor.plugins.get('ImageInsertUI');\n        const button = this._createButton(ButtonView);\n        button.icon = IconImageAssetManager;\n        button.withText = true;\n        button.bind('label').to(imageInsertUI, 'isImageSelected', (isImageSelected)=>isImageSelected ? t('Replace with file manager') : t('Insert with file manager'));\n        button.on('execute', ()=>{\n            imageInsertUI.dropdownView.isOpen = false;\n        });\n        return button;\n    }\n    /**\n\t * Creates a button for files management for the menu bar.\n\t */ _createFileMenuBarButton() {\n        const t = this.editor.locale.t;\n        const button = this._createButton(MenuBarMenuListItemButtonView);\n        button.icon = IconBrowseFiles;\n        button.withText = true;\n        button.label = t('File');\n        return button;\n    }\n    /**\n\t * Creates a button for images management for the menu bar.\n\t */ _createImageMenuBarButton(type) {\n        // Use t() stored in a variable with a different name to reuse existing translations from another package.\n        const translateVariableKey = this.editor.locale.t;\n        const t = this.editor.locale.t;\n        const button = this._createButton(MenuBarMenuListItemButtonView);\n        button.icon = IconImageAssetManager;\n        button.withText = true;\n        switch(type){\n            case 'insertOnly':\n                button.label = translateVariableKey('Image');\n                break;\n            case 'insertNested':\n                button.label = t('With file manager');\n                break;\n        }\n        return button;\n    }\n}\n\n/**\n * The CKFinder command. It is used by the {@link module:ckfinder/ckfinderediting~CKFinderEditing CKFinder editing feature}\n * to open the CKFinder file manager to insert an image or a link to a file into the editor content.\n *\n * ```ts\n * editor.execute( 'ckfinder' );\n * ```\n *\n * **Note:** This command uses other features to perform tasks:\n * - To insert images the {@link module:image/image/insertimagecommand~InsertImageCommand 'insertImage'} command\n * from the {@link module:image/image~Image Image feature}.\n * - To insert links to files the {@link module:link/linkcommand~LinkCommand 'link'} command\n * from the {@link module:link/link~Link Link feature}.\n */ class CKFinderCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // The CKFinder command does not affect data by itself.\n        this.affectsData = false;\n        // Remove default document listener to lower its priority.\n        this.stopListening(this.editor.model.document, 'change');\n        // Lower this command listener priority to be sure that refresh() will be called after link & image refresh.\n        this.listenTo(this.editor.model.document, 'change', ()=>this.refresh(), {\n            priority: 'low'\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const imageCommand = this.editor.commands.get('insertImage');\n        const linkCommand = this.editor.commands.get('link');\n        // The CKFinder command is enabled when one of image or link command is enabled.\n        this.isEnabled = imageCommand.isEnabled || linkCommand.isEnabled;\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const editor = this.editor;\n        const openerMethod = this.editor.config.get('ckfinder.openerMethod') || 'modal';\n        if (openerMethod != 'popup' && openerMethod != 'modal') {\n            /**\n\t\t\t * The `ckfinder.openerMethod` must be one of: \"popup\" or \"modal\".\n\t\t\t *\n\t\t\t * @error ckfinder-unknown-openermethod\n\t\t\t */ throw new CKEditorError('ckfinder-unknown-openermethod', editor);\n        }\n        const options = this.editor.config.get('ckfinder.options') || {};\n        options.chooseFiles = true;\n        // Cache the user-defined onInit method\n        const originalOnInit = options.onInit;\n        // Pass the lang code to the CKFinder if not defined by user.\n        if (!options.language) {\n            options.language = editor.locale.uiLanguage;\n        }\n        // The onInit method allows to extend CKFinder's behavior. It is used to attach event listeners to file choosing related events.\n        options.onInit = (finder)=>{\n            // Call original options.onInit if it was defined by user.\n            if (originalOnInit) {\n                originalOnInit(finder);\n            }\n            finder.on('files:choose', (evt)=>{\n                const files = evt.data.files.toArray();\n                // Insert links\n                const links = files.filter((file)=>!file.isImage());\n                const images = files.filter((file)=>file.isImage());\n                for (const linkFile of links){\n                    editor.execute('link', linkFile.getUrl());\n                }\n                const imagesUrls = [];\n                for (const image of images){\n                    const url = image.getUrl();\n                    imagesUrls.push(url ? url : finder.request('file:getProxyUrl', {\n                        file: image\n                    }));\n                }\n                if (imagesUrls.length) {\n                    insertImages(editor, imagesUrls);\n                }\n            });\n            finder.on('file:choose:resizedImage', (evt)=>{\n                const resizedUrl = evt.data.resizedUrl;\n                if (!resizedUrl) {\n                    const notification = editor.plugins.get('Notification');\n                    const t = editor.locale.t;\n                    notification.showWarning(t('Could not obtain resized image URL.'), {\n                        title: t('Selecting resized image failed'),\n                        namespace: 'ckfinder'\n                    });\n                    return;\n                }\n                insertImages(editor, [\n                    resizedUrl\n                ]);\n            });\n        };\n        window.CKFinder[openerMethod](options);\n    }\n}\nfunction insertImages(editor, urls) {\n    const imageCommand = editor.commands.get('insertImage');\n    // Check if inserting an image is actually possible - it might be possible to only insert a link.\n    if (!imageCommand.isEnabled) {\n        const notification = editor.plugins.get('Notification');\n        const t = editor.locale.t;\n        notification.showWarning(t('Could not insert image at the current position.'), {\n            title: t('Inserting image failed'),\n            namespace: 'ckfinder'\n        });\n        return;\n    }\n    editor.execute('insertImage', {\n        source: urls\n    });\n}\n\n/**\n * The CKFinder editing feature. It introduces the {@link module:ckfinder/ckfindercommand~CKFinderCommand CKFinder command}.\n */ class CKFinderEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKFinderEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Notification,\n            'LinkEditing'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!editor.plugins.has('ImageBlockEditing') && !editor.plugins.has('ImageInlineEditing')) {\n            /**\n\t\t\t * CKFinder requires at least one plugin providing support for images loaded in the editor. Please\n\t\t\t * make sure either:\n\t\t\t *\n\t\t\t * * {@link module:image/image~Image} (which loads both types of images),\n\t\t\t * * or {@link module:image/imageblock~ImageBlock},\n\t\t\t * * or {@link module:image/imageinline~ImageInline}.\n\t\t\t *\n\t\t\t * is loaded in your editor configuration.\n\t\t\t *\n\t\t\t * @error ckfinder-missing-image-plugin\n\t\t\t */ throw new CKEditorError('ckfinder-missing-image-plugin', editor);\n        }\n        editor.commands.add('ckfinder', new CKFinderCommand(editor));\n    }\n}\n\n/**\n * The CKFinder feature, a bridge between the CKEditor 5 WYSIWYG editor and the\n * [CKFinder](https://ckeditor.com/ckfinder) file manager and uploader.\n *\n * This is a \"glue\" plugin which enables:\n *\n * * {@link module:ckfinder/ckfinderediting~CKFinderEditing},\n * * {@link module:ckfinder/ckfinderui~CKFinderUI},\n * * {@link module:adapter-ckfinder/uploadadapter~CKFinderUploadAdapter}.\n *\n * See the {@glink features/file-management/ckfinder \"CKFinder integration\" guide} to learn how to configure\n * and use this feature.\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload\" guide} to learn about\n * other ways to upload images into CKEditor 5.\n */ class CKFinder extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CKFinder';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            'Link',\n            'CKFinderUploadAdapter',\n            CKFinderEditing,\n            CKFinderUI\n        ];\n    }\n}\n\nexport { CKFinder, CKFinderCommand, CKFinderEditing, CKFinderUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckfinder/ckfinderui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { IconBrowseFiles, IconImageAssetManager } from 'ckeditor5/src/icons.js';\nimport type { ImageInsertUI } from '@ckeditor/ckeditor5-image';\n\nimport { type CKFinderCommand } from './ckfindercommand.js';\n\n/**\n * Introduces UI components for `CKFinder` plugin.\n *\n * The plugin introduces two UI components to the {@link module:ui/componentfactory~ComponentFactory UI component factory}:\n *\n * * the `'ckfinder'` toolbar button,\n * * the `'menuBar:ckfinder'` menu bar component, which is by default added to the `'Insert'` menu.\n *\n * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component.\n */\nexport class CKFinderUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKFinderUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'ckfinder', () => this._createFileToolbarButton() );\n\t\teditor.ui.componentFactory.add( 'menuBar:ckfinder', () => this._createFileMenuBarButton() );\n\n\t\tif ( editor.plugins.has( 'ImageInsertUI' ) ) {\n\t\t\teditor.plugins.get( 'ImageInsertUI' ).registerIntegration( {\n\t\t\t\tname: 'assetManager',\n\t\t\t\tobservable: () => editor.commands.get( 'ckfinder' )!,\n\t\t\t\tbuttonViewCreator: () => this._createImageToolbarButton(),\n\t\t\t\tformViewCreator: () => this._createImageDropdownButton(),\n\t\t\t\tmenuBarButtonViewCreator: isOnly => this._createImageMenuBarButton( isOnly ? 'insertOnly' : 'insertNested' )\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Creates the base for various kinds of the button component provided by this feature.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst view = new ButtonClass( locale ) as InstanceType<T>;\n\t\tconst command: CKFinderCommand = editor.commands.get( 'ckfinder' )!;\n\n\t\tview.bind( 'isEnabled' ).to( command );\n\n\t\tview.on( 'execute', () => {\n\t\t\teditor.execute( 'ckfinder' );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Creates a simple toolbar button for files management, with an icon and a tooltip.\n\t */\n\tprivate _createFileToolbarButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createButton( ButtonView );\n\n\t\tbutton.icon = IconBrowseFiles;\n\t\tbutton.label = t( 'Insert image or file' );\n\t\tbutton.tooltip = true;\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a simple toolbar button for images management, with an icon and a tooltip.\n\t */\n\tprivate _createImageToolbarButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst imageInsertUI: ImageInsertUI = this.editor.plugins.get( 'ImageInsertUI' );\n\n\t\tconst button = this._createButton( ButtonView );\n\n\t\tbutton.icon = IconImageAssetManager;\n\t\tbutton.bind( 'label' ).to(\n\t\t\timageInsertUI,\n\t\t\t'isImageSelected',\n\t\t\tisImageSelected => isImageSelected ? t( 'Replace image with file manager' ) : t( 'Insert image with file manager' )\n\t\t);\n\t\tbutton.tooltip = true;\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for images management for the dropdown view, with an icon, text and no tooltip.\n\t */\n\tprivate _createImageDropdownButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst imageInsertUI: ImageInsertUI = this.editor.plugins.get( 'ImageInsertUI' );\n\n\t\tconst button = this._createButton( ButtonView );\n\n\t\tbutton.icon = IconImageAssetManager;\n\t\tbutton.withText = true;\n\t\tbutton.bind( 'label' ).to(\n\t\t\timageInsertUI,\n\t\t\t'isImageSelected',\n\t\t\tisImageSelected => isImageSelected ? t( 'Replace with file manager' ) : t( 'Insert with file manager' )\n\t\t);\n\n\t\tbutton.on( 'execute', () => {\n\t\t\timageInsertUI.dropdownView!.isOpen = false;\n\t\t} );\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for files management for the menu bar.\n\t */\n\tprivate _createFileMenuBarButton(): MenuBarMenuListItemButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createButton( MenuBarMenuListItemButtonView );\n\n\t\tbutton.icon = IconBrowseFiles;\n\t\tbutton.withText = true;\n\t\tbutton.label = t( 'File' );\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for images management for the menu bar.\n\t */\n\tprivate _createImageMenuBarButton( type: 'insertOnly' | 'insertNested' ): MenuBarMenuListItemButtonView {\n\t\t// Use t() stored in a variable with a different name to reuse existing translations from another package.\n\t\tconst translateVariableKey = this.editor.locale.t;\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createButton( MenuBarMenuListItemButtonView );\n\n\t\tbutton.icon = IconImageAssetManager;\n\t\tbutton.withText = true;\n\n\t\tswitch ( type ) {\n\t\t\tcase 'insertOnly':\n\t\t\t\tbutton.label = translateVariableKey( 'Image' );\n\t\t\t\tbreak;\n\t\t\tcase 'insertNested':\n\t\t\t\tbutton.label = t( 'With file manager' );\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn button;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckfinder/ckfindercommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { CKEditorError } from 'ckeditor5/src/utils.js';\nimport type { Notification } from 'ckeditor5/src/ui.js';\n\n/**\n * The CKFinder command. It is used by the {@link module:ckfinder/ckfinderediting~CKFinderEditing CKFinder editing feature}\n * to open the CKFinder file manager to insert an image or a link to a file into the editor content.\n *\n * ```ts\n * editor.execute( 'ckfinder' );\n * ```\n *\n * **Note:** This command uses other features to perform tasks:\n * - To insert images the {@link module:image/image/insertimagecommand~InsertImageCommand 'insertImage'} command\n * from the {@link module:image/image~Image Image feature}.\n * - To insert links to files the {@link module:link/linkcommand~LinkCommand 'link'} command\n * from the {@link module:link/link~Link Link feature}.\n */\nexport class CKFinderCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// The CKFinder command does not affect data by itself.\n\t\tthis.affectsData = false;\n\n\t\t// Remove default document listener to lower its priority.\n\t\tthis.stopListening( this.editor.model.document, 'change' );\n\n\t\t// Lower this command listener priority to be sure that refresh() will be called after link & image refresh.\n\t\tthis.listenTo( this.editor.model.document, 'change', () => this.refresh(), { priority: 'low' } );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst imageCommand = this.editor.commands.get( 'insertImage' )!;\n\t\tconst linkCommand = this.editor.commands.get( 'link' )!;\n\n\t\t// The CKFinder command is enabled when one of image or link command is enabled.\n\t\tthis.isEnabled = imageCommand.isEnabled || linkCommand.isEnabled;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst editor = this.editor;\n\n\t\tconst openerMethod = this.editor.config.get( 'ckfinder.openerMethod' ) || 'modal';\n\n\t\tif ( openerMethod != 'popup' && openerMethod != 'modal' ) {\n\t\t\t/**\n\t\t\t * The `ckfinder.openerMethod` must be one of: \"popup\" or \"modal\".\n\t\t\t *\n\t\t\t * @error ckfinder-unknown-openermethod\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'ckfinder-unknown-openermethod', editor );\n\t\t}\n\n\t\tconst options = this.editor.config.get( 'ckfinder.options' ) || {};\n\n\t\toptions.chooseFiles = true;\n\n\t\t// Cache the user-defined onInit method\n\t\tconst originalOnInit = options.onInit;\n\n\t\t// Pass the lang code to the CKFinder if not defined by user.\n\t\tif ( !options.language ) {\n\t\t\toptions.language = editor.locale.uiLanguage;\n\t\t}\n\n\t\t// The onInit method allows to extend CKFinder's behavior. It is used to attach event listeners to file choosing related events.\n\t\toptions.onInit = finder => {\n\t\t\t// Call original options.onInit if it was defined by user.\n\t\t\tif ( originalOnInit ) {\n\t\t\t\toriginalOnInit( finder );\n\t\t\t}\n\n\t\t\tfinder.on( 'files:choose', ( evt: any ) => {\n\t\t\t\tconst files = evt.data.files.toArray();\n\n\t\t\t\t// Insert links\n\t\t\t\tconst links = files.filter( ( file: any ) => !file.isImage() );\n\t\t\t\tconst images = files.filter( ( file: any ) => file.isImage() );\n\n\t\t\t\tfor ( const linkFile of links ) {\n\t\t\t\t\teditor.execute( 'link', linkFile.getUrl() );\n\t\t\t\t}\n\n\t\t\t\tconst imagesUrls = [];\n\n\t\t\t\tfor ( const image of images ) {\n\t\t\t\t\tconst url = image.getUrl();\n\n\t\t\t\t\timagesUrls.push( url ? url : finder.request( 'file:getProxyUrl', { file: image } ) );\n\t\t\t\t}\n\n\t\t\t\tif ( imagesUrls.length ) {\n\t\t\t\t\tinsertImages( editor, imagesUrls );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tfinder.on( 'file:choose:resizedImage', ( evt: any ) => {\n\t\t\t\tconst resizedUrl = evt.data.resizedUrl;\n\n\t\t\t\tif ( !resizedUrl ) {\n\t\t\t\t\tconst notification: Notification = editor.plugins.get( 'Notification' );\n\t\t\t\t\tconst t = editor.locale.t;\n\n\t\t\t\t\tnotification.showWarning( t( 'Could not obtain resized image URL.' ), {\n\t\t\t\t\t\ttitle: t( 'Selecting resized image failed' ),\n\t\t\t\t\t\tnamespace: 'ckfinder'\n\t\t\t\t\t} );\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tinsertImages( editor, [ resizedUrl ] );\n\t\t\t} );\n\t\t};\n\n\t\t( window as any ).CKFinder[ openerMethod ]( options );\n\t}\n}\n\nfunction insertImages( editor: Editor, urls: Array<string> ): void {\n\tconst imageCommand = editor.commands.get( 'insertImage' )!;\n\n\t// Check if inserting an image is actually possible - it might be possible to only insert a link.\n\tif ( !imageCommand.isEnabled ) {\n\t\tconst notification: Notification = editor.plugins.get( 'Notification' );\n\t\tconst t = editor.locale.t;\n\n\t\tnotification.showWarning( t( 'Could not insert image at the current position.' ), {\n\t\t\ttitle: t( 'Inserting image failed' ),\n\t\t\tnamespace: 'ckfinder'\n\t\t} );\n\n\t\treturn;\n\t}\n\n\teditor.execute( 'insertImage', { source: urls } );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckfinder/ckfinderediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Notification } from 'ckeditor5/src/ui.js';\nimport { CKEditorError } from 'ckeditor5/src/utils.js';\n\nimport { CKFinderCommand } from './ckfindercommand.js';\n\n/**\n * The CKFinder editing feature. It introduces the {@link module:ckfinder/ckfindercommand~CKFinderCommand CKFinder command}.\n */\nexport class CKFinderEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKFinderEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Notification, 'LinkEditing' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'ImageBlockEditing' ) && !editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\t/**\n\t\t\t * CKFinder requires at least one plugin providing support for images loaded in the editor. Please\n\t\t\t * make sure either:\n\t\t\t *\n\t\t\t * * {@link module:image/image~Image} (which loads both types of images),\n\t\t\t * * or {@link module:image/imageblock~ImageBlock},\n\t\t\t * * or {@link module:image/imageinline~ImageInline}.\n\t\t\t *\n\t\t\t * is loaded in your editor configuration.\n\t\t\t *\n\t\t\t * @error ckfinder-missing-image-plugin\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'ckfinder-missing-image-plugin', editor );\n\t\t}\n\n\t\teditor.commands.add( 'ckfinder', new CKFinderCommand( editor ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 ckfinder/ckfinder\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { CKFinderUI } from './ckfinderui.js';\nimport { CKFinderEditing } from './ckfinderediting.js';\n\n/**\n * The CKFinder feature, a bridge between the CKEditor 5 WYSIWYG editor and the\n * [CKFinder](https://ckeditor.com/ckfinder) file manager and uploader.\n *\n * This is a \"glue\" plugin which enables:\n *\n * * {@link module:ckfinder/ckfinderediting~CKFinderEditing},\n * * {@link module:ckfinder/ckfinderui~CKFinderUI},\n * * {@link module:adapter-ckfinder/uploadadapter~CKFinderUploadAdapter}.\n *\n * See the {@glink features/file-management/ckfinder \"CKFinder integration\" guide} to learn how to configure\n * and use this feature.\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload\" guide} to learn about\n * other ways to upload images into CKEditor 5.\n */\nexport class CKFinder extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CKFinder' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ 'Link', 'CKFinderUploadAdapter', CKFinderEditing, CKFinderUI ] as const;\n\t}\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { EventInfo, getRangeFromMouseEvent, uid, toUnit, delay, DomEmitterMixin, global, Rect, ResizeObserver, env, createElement } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { DomEventObserver, ViewDataTransfer, ModelRange, PointerObserver, ModelLiveRange } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { mapValues, throttle } from 'es-toolkit/compat';\nimport { Widget, isWidget } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { View } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * Clipboard events observer.\n *\n * Fires the following events:\n *\n * * {@link module:engine/view/document~ViewDocument#event:clipboardInput},\n * * {@link module:engine/view/document~ViewDocument#event:paste},\n * * {@link module:engine/view/document~ViewDocument#event:copy},\n * * {@link module:engine/view/document~ViewDocument#event:cut},\n * * {@link module:engine/view/document~ViewDocument#event:drop},\n * * {@link module:engine/view/document~ViewDocument#event:dragover},\n * * {@link module:engine/view/document~ViewDocument#event:dragging},\n * * {@link module:engine/view/document~ViewDocument#event:dragstart},\n * * {@link module:engine/view/document~ViewDocument#event:dragend},\n * * {@link module:engine/view/document~ViewDocument#event:dragenter},\n * * {@link module:engine/view/document~ViewDocument#event:dragleave}.\n *\n * **Note**: This observer is not available by default (ckeditor5-engine does not add it on its own).\n * To make it available, it needs to be added to {@link module:engine/view/document~ViewDocument} by using\n * the {@link module:engine/view/view~EditingView#addObserver `View#addObserver()`} method. Alternatively, you can load the\n * {@link module:clipboard/clipboard~Clipboard} plugin which adds this observer automatically (because it uses it).\n */ class ClipboardObserver extends DomEventObserver {\n    domEventType = [\n        'paste',\n        'copy',\n        'cut',\n        'drop',\n        'dragover',\n        'dragstart',\n        'dragend',\n        'dragenter',\n        'dragleave'\n    ];\n    constructor(view){\n        super(view);\n        const viewDocument = this.document;\n        this.listenTo(viewDocument, 'paste', handleInput('clipboardInput'), {\n            priority: 'low'\n        });\n        this.listenTo(viewDocument, 'drop', handleInput('clipboardInput'), {\n            priority: 'low'\n        });\n        this.listenTo(viewDocument, 'dragover', handleInput('dragging'), {\n            priority: 'low'\n        });\n        function handleInput(type) {\n            return (evt, data)=>{\n                data.preventDefault();\n                const targetRanges = data.dropRange ? [\n                    data.dropRange\n                ] : null;\n                const eventInfo = new EventInfo(viewDocument, type);\n                viewDocument.fire(eventInfo, {\n                    dataTransfer: data.dataTransfer,\n                    method: evt.name,\n                    targetRanges,\n                    target: data.target,\n                    domEvent: data.domEvent\n                });\n                // If CKEditor handled the input, do not bubble the original event any further.\n                // This helps external integrations recognize that fact and act accordingly.\n                // https://github.com/ckeditor/ckeditor5-upload/issues/92\n                if (eventInfo.stop.called) {\n                    data.stopPropagation();\n                }\n            };\n        }\n    }\n    onDomEvent(domEvent) {\n        const nativeDataTransfer = 'clipboardData' in domEvent ? domEvent.clipboardData : domEvent.dataTransfer;\n        const cacheFiles = domEvent.type == 'drop' || domEvent.type == 'paste';\n        const evtData = {\n            dataTransfer: new ViewDataTransfer(nativeDataTransfer, {\n                cacheFiles\n            })\n        };\n        if (domEvent.type == 'drop' || domEvent.type == 'dragover') {\n            const domRange = getRangeFromMouseEvent(domEvent);\n            evtData.dropRange = domRange && this.view.domConverter.domRangeToView(domRange);\n        }\n        this.fire(domEvent.type, domEvent, evtData);\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module clipboard/utils/plaintexttohtml\n */ /**\n * Converts plain text to its HTML-ized version.\n *\n * @param text The plain text to convert.\n * @returns HTML generated from the plain text.\n */ function plainTextToHtml(text) {\n    text = text// Encode &.\n    .replace(/&/g, '&amp;')// Encode <>.\n    .replace(/</g, '&lt;').replace(/>/g, '&gt;')// Creates a paragraph for each double line break.\n    .replace(/\\r?\\n\\r?\\n/g, '</p><p>')// Creates a line break for each single line break.\n    .replace(/\\r?\\n/g, '<br>')// Replace tabs with four spaces.\n    .replace(/\\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;')// Preserve trailing spaces (only the first and last one – the rest is handled below).\n    .replace(/^\\s/, '&nbsp;').replace(/\\s$/, '&nbsp;')// Preserve other subsequent spaces now.\n    .replace(/\\s\\s/g, ' &nbsp;');\n    if (text.includes('</p><p>') || text.includes('<br>')) {\n        // If we created paragraphs above, add the trailing ones.\n        text = `<p>${text}</p>`;\n    }\n    // TODO:\n    // * What about '\\nfoo' vs ' foo'?\n    return text;\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module clipboard/utils/normalizeclipboarddata\n */ /**\n * Removes some popular browser quirks out of the clipboard data (HTML).\n * Removes all HTML comments. These are considered an internal thing and it makes little sense if they leak into the editor data.\n *\n * @param data The HTML data to normalize.\n * @returns Normalized HTML.\n * @internal\n */ function normalizeClipboardData(data) {\n    return data.replace(/<span(?: class=\"Apple-converted-space\"|)>(\\s+)<\\/span>/g, (fullMatch, spaces)=>{\n        // Handle the most popular and problematic case when even a single space becomes an nbsp;.\n        // Decode those to normal spaces. Read more in https://github.com/ckeditor/ckeditor5-clipboard/issues/2.\n        if (spaces.length == 1) {\n            return ' ';\n        }\n        return spaces;\n    })// Remove all HTML comments.\n    .replace(/<!--[\\s\\S]*?-->/g, '');\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module clipboard/utils/viewtoplaintext\n */ // Elements which should not have empty-line padding.\n// Most `view.ContainerElement` want to be separate by new-line, but some are creating one structure\n// together (like `<li>`) so it is better to separate them by only one \"\\n\".\nconst smallPaddingElements = [\n    'figcaption',\n    'li'\n];\nconst listElements = [\n    'ol',\n    'ul'\n];\n/**\n * Converts {@link module:engine/view/item~ViewItem view item} and all of its children to plain text.\n *\n * @param converter The converter instance.\n * @param viewItem View item to convert.\n * @returns Plain text representation of `viewItem`.\n */ function viewToPlainText(converter, viewItem) {\n    if (viewItem.is('$text') || viewItem.is('$textProxy')) {\n        return viewItem.data;\n    }\n    if (viewItem.is('element', 'img') && viewItem.hasAttribute('alt')) {\n        return viewItem.getAttribute('alt');\n    }\n    if (viewItem.is('element', 'br')) {\n        return '\\n'; // Convert soft breaks to single line break (#8045).\n    }\n    /**\n\t * Item is a document fragment, attribute element or container element. It doesn't\n\t * have it's own text value, so we need to convert its children elements.\n\t */ let text = '';\n    let prev = null;\n    for (const child of viewItem.getChildren()){\n        text += newLinePadding(child, prev) + viewToPlainText(converter, child);\n        prev = child;\n    }\n    // If item is a raw element, the only way to get its content is to render it and read the text directly from DOM.\n    if (viewItem.is('rawElement')) {\n        const doc = document.implementation.createHTMLDocument('');\n        const tempElement = doc.createElement('div');\n        viewItem.render(tempElement, converter);\n        text += domElementToPlainText(tempElement);\n    }\n    return text;\n}\n/**\n * Recursively converts DOM element and all of its children to plain text.\n */ function domElementToPlainText(element) {\n    let text = '';\n    if (element.nodeType === Node.TEXT_NODE) {\n        return element.textContent;\n    } else if (element.tagName === 'BR') {\n        return '\\n';\n    }\n    for (const child of element.childNodes){\n        text += domElementToPlainText(child);\n    }\n    return text;\n}\n/**\n * Returns new line padding to prefix the given elements with.\n */ function newLinePadding(element, previous) {\n    if (!previous) {\n        // Don't add padding to first elements in a level.\n        return '';\n    }\n    if (element.is('element', 'li') && !element.isEmpty && element.getChild(0).is('containerElement')) {\n        // Separate document list items with empty lines.\n        return '\\n\\n';\n    }\n    if (listElements.includes(element.name) && listElements.includes(previous.name)) {\n        /**\n\t\t * Because `<ul>` and `<ol>` are ViewAttributeElements, two consecutive lists will not have any padding between\n\t\t * them (see the `if` statement below). To fix this, we need to make an exception for this case.\n\t\t */ return '\\n\\n';\n    }\n    if (!element.is('containerElement') && !previous.is('containerElement')) {\n        // Don't add padding between non-container elements.\n        return '';\n    }\n    if (smallPaddingElements.includes(element.name) || smallPaddingElements.includes(previous.name)) {\n        // Add small padding between selected container elements.\n        return '\\n';\n    }\n    // Do not add padding around the elements that won't be rendered.\n    if (element.is('element') && element.getCustomProperty('dataPipeline:transparentRendering') || previous.is('element') && previous.getCustomProperty('dataPipeline:transparentRendering')) {\n        return '';\n    }\n    // Add empty lines between container elements.\n    return '\\n\\n';\n}\n\n/**\n * Part of the clipboard logic. Responsible for collecting markers from selected fragments\n * and restoring them with proper positions in pasted elements.\n *\n * @internal\n */ class ClipboardMarkersUtils extends Plugin {\n    /**\n\t * Map of marker names that can be copied.\n\t *\n\t * @internal\n\t */ _markersToCopy = new Map();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ClipboardMarkersUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * Registers marker name as copyable in clipboard pipeline.\n\t *\n\t * @param markerName Name of marker that can be copied.\n\t * @param config Configuration that describes what can be performed on specified marker.\n\t * @internal\n\t */ _registerMarkerToCopy(markerName, config) {\n        this._markersToCopy.set(markerName, config);\n    }\n    /**\n\t * Performs copy markers on provided selection and paste it to fragment returned from `getCopiedFragment`.\n\t *\n\t * \t1. Picks all markers in provided selection.\n\t * \t2. Inserts fake markers to document.\n\t * \t3. Gets copied selection fragment from document.\n\t * \t4. Removes fake elements from fragment and document.\n\t * \t5. Inserts markers in the place of removed fake markers.\n\t *\n\t * Due to selection modification, when inserting items, `getCopiedFragment` must *always* operate on `writer.model.document.selection'.\n\t * Do not use any other custom selection object within callback, as this will lead to out-of-bounds exceptions in rare scenarios.\n\t *\n\t * @param action Type of clipboard action.\n\t * @param selection Selection to be checked.\n\t * @param getCopiedFragment\tCallback that performs copy of selection and returns it as fragment.\n\t * @internal\n\t */ _copySelectedFragmentWithMarkers(action, selection, getCopiedFragment = (writer)=>writer.model.getSelectedContent(writer.model.document.selection)) {\n        return this.editor.model.change((writer)=>{\n            const oldSelection = writer.model.document.selection;\n            // In some scenarios, such like in drag & drop, passed `selection` parameter is not actually\n            // the same `selection` as the `writer.model.document.selection` which means that `_insertFakeMarkersToSelection`\n            // is not affecting passed `selection` `start` and `end` positions but rather modifies `writer.model.document.selection`.\n            //\n            // It is critical due to fact that when we have selection that starts [ 0, 0 ] and ends at [ 1, 0 ]\n            // and after inserting fake marker it will point to such marker instead of new widget position at start: [ 1, 0 ] end: [2, 0 ].\n            // `writer.insert` modifies only original `writer.model.document.selection`.\n            writer.setSelection(selection);\n            const sourceSelectionInsertedMarkers = this._insertFakeMarkersIntoSelection(writer, writer.model.document.selection, action);\n            const fragment = getCopiedFragment(writer);\n            const fakeMarkersRangesInsideRange = this._removeFakeMarkersInsideElement(writer, fragment);\n            // <fake-marker> [Foo] Bar</fake-marker>\n            //      ^                    ^\n            // In `_insertFakeMarkersIntoSelection` call we inserted fake marker just before first element.\n            // The problem is that the first element can be start position of selection so insertion fake-marker\n            // before such element shifts selection (so selection that was at [0, 0] now is at [0, 1]).\n            // It means that inserted fake-marker is no longer present inside such selection and is orphaned.\n            // This function checks special case of such problem. Markers that are orphaned at the start position\n            // and end position in the same time. Basically it means that they overlaps whole element.\n            for (const [markerName, elements] of Object.entries(sourceSelectionInsertedMarkers)){\n                fakeMarkersRangesInsideRange[markerName] ||= writer.createRangeIn(fragment);\n                for (const element of elements){\n                    writer.remove(element);\n                }\n            }\n            fragment.markers.clear();\n            for (const [markerName, range] of Object.entries(fakeMarkersRangesInsideRange)){\n                fragment.markers.set(markerName, range);\n            }\n            // Revert back selection to previous one.\n            writer.setSelection(oldSelection);\n            return fragment;\n        });\n    }\n    /**\n\t * Performs paste of markers on already pasted element.\n\t *\n\t * \t1. Inserts fake markers that are present in fragment element (such fragment will be processed in `getPastedDocumentElement`).\n\t * \t2. Calls `getPastedDocumentElement` and gets element that is inserted into root model.\n\t * \t3. Removes all fake markers present in transformed element.\n\t * \t4. Inserts new markers with removed fake markers ranges into pasted fragment.\n\t *\n\t * There are multiple edge cases that have to be considered before calling this function:\n\t *\n\t * \t* `markers` are inserted into the same element that must be later transformed inside `getPastedDocumentElement`.\n\t * \t* Fake marker elements inside `getPastedDocumentElement` can be cloned, but their ranges cannot overlap.\n\t * \t* If `duplicateOnPaste` is `true` in marker config then associated marker ID is regenerated before pasting.\n\t *\n\t * @param markers Object that maps marker name to corresponding range.\n\t * @param getPastedDocumentElement Getter used to get target markers element.\n\t * @internal\n\t */ _pasteMarkersIntoTransformedElement(markers, getPastedDocumentElement) {\n        const pasteMarkers = this._getPasteMarkersFromRangeMap(markers);\n        return this.editor.model.change((writer)=>{\n            // Inserts fake markers into source fragment / element that is later transformed inside `getPastedDocumentElement`.\n            const sourceFragmentFakeMarkers = this._insertFakeMarkersElements(writer, pasteMarkers);\n            // Modifies document fragment (for example, cloning table cells) and then inserts it into the document.\n            const transformedElement = getPastedDocumentElement(writer);\n            // Removes markers in pasted and transformed fragment in root document.\n            const removedFakeMarkers = this._removeFakeMarkersInsideElement(writer, transformedElement);\n            // Cleans up fake markers inserted into source fragment (that one before transformation which is not pasted).\n            for (const element of Object.values(sourceFragmentFakeMarkers).flat()){\n                writer.remove(element);\n            }\n            // Inserts to root document fake markers.\n            for (const [markerName, range] of Object.entries(removedFakeMarkers)){\n                if (!writer.model.markers.has(markerName)) {\n                    writer.addMarker(markerName, {\n                        usingOperation: true,\n                        affectsData: true,\n                        range\n                    });\n                }\n            }\n            return transformedElement;\n        });\n    }\n    /**\n\t * Pastes document fragment with markers to document.\n\t * If `duplicateOnPaste` is `true` in marker config then associated markers IDs\n\t * are regenerated before pasting to avoid markers duplications in content.\n\t *\n\t * @param fragment Document fragment that should contain already processed by pipeline markers.\n\t * @internal\n\t */ _pasteFragmentWithMarkers(fragment) {\n        const pasteMarkers = this._getPasteMarkersFromRangeMap(fragment.markers);\n        fragment.markers.clear();\n        for (const copyableMarker of pasteMarkers){\n            fragment.markers.set(copyableMarker.name, copyableMarker.range);\n        }\n        return this.editor.model.insertContent(fragment);\n    }\n    /**\n\t * In some situations we have to perform copy on selected fragment with certain markers. This function allows to temporarily bypass\n\t * restrictions on markers that we want to copy.\n\t *\n\t * This function executes `executor()` callback. For the duration of the callback, if the clipboard pipeline is used to copy\n\t * content, markers with the specified name will be copied to the clipboard as well.\n\t *\n\t * @param markerName Which markers should be copied.\n\t * @param executor Callback executed.\n\t * @param config Optional configuration flags used to copy (such like partial copy flag).\n\t * @internal\n\t */ _forceMarkersCopy(markerName, executor, config = {\n        allowedActions: 'all',\n        copyPartiallySelected: true,\n        duplicateOnPaste: true\n    }) {\n        const before = this._markersToCopy.get(markerName);\n        this._markersToCopy.set(markerName, config);\n        executor();\n        if (before) {\n            this._markersToCopy.set(markerName, before);\n        } else {\n            this._markersToCopy.delete(markerName);\n        }\n    }\n    /**\n\t * Checks if marker can be copied.\n\t *\n\t * @param markerName Name of checked marker.\n\t * @param action Type of clipboard action. If null then checks only if marker is registered as copyable.\n\t * @internal\n\t */ _isMarkerCopyable(markerName, action) {\n        const config = this._getMarkerClipboardConfig(markerName);\n        if (!config) {\n            return false;\n        }\n        // If there is no action provided then only presence of marker is checked.\n        if (!action) {\n            return true;\n        }\n        const { allowedActions } = config;\n        return allowedActions === 'all' || allowedActions.includes(action);\n    }\n    /**\n\t * Checks if marker has any clipboard copy behavior configuration.\n\t *\n\t * @param markerName Name of checked marker.\n\t */ _hasMarkerConfiguration(markerName) {\n        return !!this._getMarkerClipboardConfig(markerName);\n    }\n    /**\n\t * Returns marker's configuration flags passed during registration.\n\t *\n\t * @param markerName Name of marker that should be returned.\n\t * @internal\n\t */ _getMarkerClipboardConfig(markerName) {\n        const [markerNamePrefix] = markerName.split(':');\n        return this._markersToCopy.get(markerNamePrefix) || null;\n    }\n    /**\n\t * First step of copying markers. It looks for markers intersecting with given selection and inserts `$marker` elements\n\t * at positions where document markers start or end. This way `$marker` elements can be easily copied together with\n\t * the rest of the content of the selection.\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param selection Selection to be checked.\n\t * @param action Type of clipboard action.\n\t */ _insertFakeMarkersIntoSelection(writer, selection, action) {\n        const copyableMarkers = this._getCopyableMarkersFromSelection(writer, selection, action);\n        return this._insertFakeMarkersElements(writer, copyableMarkers);\n    }\n    /**\n\t * Returns array of markers that can be copied in specified selection.\n\t *\n\t * If marker cannot be copied partially (according to `copyPartiallySelected` configuration flag) and\n\t * is not present entirely in any selection range then it will be skipped.\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param selection  Selection which will be checked.\n\t * @param action Type of clipboard action. If null then checks only if marker is registered as copyable.\n\t */ _getCopyableMarkersFromSelection(writer, selection, action) {\n        const selectionRanges = Array.from(selection.getRanges());\n        // Picks all markers in provided ranges. Ensures that there are no duplications if\n        // there are multiple ranges that intersects with the same marker.\n        const markersInRanges = new Set(selectionRanges.flatMap((selectionRange)=>Array.from(writer.model.markers.getMarkersIntersectingRange(selectionRange))));\n        const isSelectionMarkerCopyable = (marker)=>{\n            // Check if marker exists in configuration and provided action can be performed on it.\n            const isCopyable = this._isMarkerCopyable(marker.name, action);\n            if (!isCopyable) {\n                return false;\n            }\n            // Checks if configuration disallows to copy marker only if part of its content is selected.\n            //\n            // Example:\n            // \t<marker-a> Hello [ World ] </marker-a>\n            //\t\t\t\t\t\t^ selection\n            //\n            // In this scenario `marker-a` won't be copied because selection doesn't overlap its content entirely.\n            const { copyPartiallySelected } = this._getMarkerClipboardConfig(marker.name);\n            if (!copyPartiallySelected) {\n                const markerRange = marker.getRange();\n                return selectionRanges.some((selectionRange)=>selectionRange.containsRange(markerRange, true));\n            }\n            return true;\n        };\n        return Array.from(markersInRanges).filter(isSelectionMarkerCopyable).map((copyableMarker)=>{\n            // During `dragstart` event original marker is still present in tree.\n            // It is removed after the clipboard drop event, so none of the copied markers are inserted at the end.\n            // It happens because there already markers with specified `marker.name` when clipboard is trying to insert data\n            // and it aborts inserting.\n            const name = action === 'dragstart' ? this._getUniqueMarkerName(copyableMarker.name) : copyableMarker.name;\n            return {\n                name,\n                range: copyableMarker.getRange()\n            };\n        });\n    }\n    /**\n\t * Picks all markers from markers map that can be pasted.\n\t * If `duplicateOnPaste` is `true`, it regenerates their IDs to ensure uniqueness.\n\t * If marker is not registered, it will be kept in the array anyway.\n\t *\n\t * @param markers Object that maps marker name to corresponding range.\n\t * @param action Type of clipboard action. If null then checks only if marker is registered as copyable.\n\t */ _getPasteMarkersFromRangeMap(markers, action = null) {\n        const { model } = this.editor;\n        const entries = markers instanceof Map ? Array.from(markers.entries()) : Object.entries(markers);\n        return entries.flatMap(([markerName, range])=>{\n            if (!this._hasMarkerConfiguration(markerName)) {\n                return [\n                    {\n                        name: markerName,\n                        range\n                    }\n                ];\n            }\n            if (this._isMarkerCopyable(markerName, action)) {\n                const copyMarkerConfig = this._getMarkerClipboardConfig(markerName);\n                const isInGraveyard = model.markers.has(markerName) && model.markers.get(markerName).getRange().root.rootName === '$graveyard';\n                if (copyMarkerConfig.duplicateOnPaste || isInGraveyard) {\n                    markerName = this._getUniqueMarkerName(markerName);\n                }\n                return [\n                    {\n                        name: markerName,\n                        range\n                    }\n                ];\n            }\n            return [];\n        });\n    }\n    /**\n\t * Inserts specified array of fake markers elements to document and assigns them `type` and `name` attributes.\n\t * Fake markers elements are used to calculate position of markers on pasted fragment that were transformed during\n\t * steps between copy and paste.\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param markers Array of markers that will be inserted.\n\t */ _insertFakeMarkersElements(writer, markers) {\n        const mappedMarkers = {};\n        const sortedMarkers = markers.flatMap((marker)=>{\n            const { start, end } = marker.range;\n            return [\n                {\n                    position: start,\n                    marker,\n                    type: 'start'\n                },\n                {\n                    position: end,\n                    marker,\n                    type: 'end'\n                }\n            ];\n        })// Markers position is sorted backwards to ensure that the insertion of fake markers will not change\n        // the position of the next markers.\n        .sort(({ position: posA }, { position: posB })=>posA.isBefore(posB) ? 1 : -1);\n        for (const { position, marker, type } of sortedMarkers){\n            const fakeMarker = writer.createElement('$marker', {\n                'data-name': marker.name,\n                'data-type': type\n            });\n            if (!mappedMarkers[marker.name]) {\n                mappedMarkers[marker.name] = [];\n            }\n            mappedMarkers[marker.name].push(fakeMarker);\n            writer.insert(fakeMarker, position);\n        }\n        return mappedMarkers;\n    }\n    /**\n\t * Removes all `$marker` elements from the given document fragment.\n\t *\n\t * Returns an object where keys are marker names, and values are ranges corresponding to positions\n\t * where `$marker` elements were inserted.\n\t *\n\t * If the document fragment had only one `$marker` element for given marker (start or end) the other boundary is set automatically\n\t * (to the end or start of the document fragment, respectively).\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param rootElement The element to be checked.\n\t */ _removeFakeMarkersInsideElement(writer, rootElement) {\n        const fakeMarkersElements = this._getAllFakeMarkersFromElement(writer, rootElement);\n        const fakeMarkersRanges = fakeMarkersElements.reduce((acc, fakeMarker)=>{\n            const position = fakeMarker.markerElement && writer.createPositionBefore(fakeMarker.markerElement);\n            let prevFakeMarker = acc[fakeMarker.name];\n            // Handle scenario when tables clone cells with the same fake node. Example:\n            //\n            // <cell><fake-marker-a></cell> <cell><fake-marker-a></cell> <cell><fake-marker-a></cell>\n            //                                          ^ cloned                    ^ cloned\n            //\n            // The easiest way to bypass this issue is to rename already existing in map nodes and\n            // set them new unique name.\n            let skipAssign = false;\n            if (prevFakeMarker?.start && prevFakeMarker?.end) {\n                const config = this._getMarkerClipboardConfig(fakeMarker.name);\n                if (config.duplicateOnPaste) {\n                    acc[this._getUniqueMarkerName(fakeMarker.name)] = acc[fakeMarker.name];\n                } else {\n                    skipAssign = true;\n                }\n                prevFakeMarker = null;\n            }\n            if (!skipAssign) {\n                acc[fakeMarker.name] = {\n                    ...prevFakeMarker,\n                    [fakeMarker.type]: position\n                };\n            }\n            if (fakeMarker.markerElement) {\n                writer.remove(fakeMarker.markerElement);\n            }\n            return acc;\n        }, {});\n        // We cannot construct ranges directly in previous reduce because element ranges can overlap.\n        // In other words lets assume we have such scenario:\n        // <fake-marker-start /> <paragraph /> <fake-marker-2-start /> <fake-marker-end /> <fake-marker-2-end />\n        //\n        // We have to remove `fake-marker-start` firstly and then remove `fake-marker-2-start`.\n        // Removal of `fake-marker-2-start` affects `fake-marker-end` position so we cannot create\n        // connection between `fake-marker-start` and `fake-marker-end` without iterating whole set firstly.\n        return mapValues(fakeMarkersRanges, (range)=>new ModelRange(range.start || writer.createPositionFromPath(rootElement, [\n                0\n            ]), range.end || writer.createPositionAt(rootElement, 'end')));\n    }\n    /**\n\t * Returns array that contains list of fake markers with corresponding `$marker` elements.\n\t *\n\t * For each marker, there can be two `$marker` elements or only one (if the document fragment contained\n\t * only the beginning or only the end of a marker).\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param rootElement The element to be checked.\n\t */ _getAllFakeMarkersFromElement(writer, rootElement) {\n        const foundFakeMarkers = Array.from(writer.createRangeIn(rootElement)).flatMap(({ item })=>{\n            if (!item.is('element', '$marker')) {\n                return [];\n            }\n            const name = item.getAttribute('data-name');\n            const type = item.getAttribute('data-type');\n            return [\n                {\n                    markerElement: item,\n                    name,\n                    type\n                }\n            ];\n        });\n        const prependFakeMarkers = [];\n        const appendFakeMarkers = [];\n        for (const fakeMarker of foundFakeMarkers){\n            if (fakeMarker.type === 'end') {\n                // <fake-marker> [ phrase</fake-marker> phrase ]\n                //   ^\n                // Handle case when marker is just before start of selection.\n                // Only end marker is inside selection.\n                const hasMatchingStartMarker = foundFakeMarkers.some((otherFakeMarker)=>otherFakeMarker.name === fakeMarker.name && otherFakeMarker.type === 'start');\n                if (!hasMatchingStartMarker) {\n                    prependFakeMarkers.push({\n                        markerElement: null,\n                        name: fakeMarker.name,\n                        type: 'start'\n                    });\n                }\n            }\n            if (fakeMarker.type === 'start') {\n                // [<fake-marker>phrase]</fake-marker>\n                //                           ^\n                // Handle case when fake marker is after selection.\n                // Only start marker is inside selection.\n                const hasMatchingEndMarker = foundFakeMarkers.some((otherFakeMarker)=>otherFakeMarker.name === fakeMarker.name && otherFakeMarker.type === 'end');\n                if (!hasMatchingEndMarker) {\n                    appendFakeMarkers.unshift({\n                        markerElement: null,\n                        name: fakeMarker.name,\n                        type: 'end'\n                    });\n                }\n            }\n        }\n        return [\n            ...prependFakeMarkers,\n            ...foundFakeMarkers,\n            ...appendFakeMarkers\n        ];\n    }\n    /**\n\t * When copy of markers occurs we have to make sure that pasted markers have different names\n\t * than source markers. This functions helps with assigning unique part to marker name to\n\t * prevent duplicated markers error.\n\t *\n\t * @param name Name of marker\n\t */ _getUniqueMarkerName(name) {\n        const parts = name.split(':');\n        const newId = uid().substring(1, 6);\n        // It looks like the marker already is UID marker so in this scenario just swap\n        // last part of marker name and assign new UID.\n        //\n        // example: comment:{ threadId }:{ id } => comment:{ threadId }:{ newId }\n        if (parts.length === 3) {\n            return `${parts.slice(0, 2).join(':')}:${newId}`;\n        }\n        // Assign new segment to marker name with id.\n        //\n        // example: comment => comment:{ newId }\n        return `${parts.join(':')}:${newId}`;\n    }\n}\n\n// Input pipeline events overview:\n//\n//              ┌──────────────────────┐          ┌──────────────────────┐\n//              │     view.Document    │          │     view.Document    │\n//              │         paste        │          │         drop         │\n//              └───────────┬──────────┘          └───────────┬──────────┘\n//                          │                                 │\n//                          └────────────────┌────────────────┘\n//                                           │\n//                                 ┌─────────V────────┐\n//                                 │   view.Document  │   Retrieves text/html or text/plain from data.dataTransfer\n//                                 │  clipboardInput  │   and processes it to view.DocumentFragment.\n//                                 └─────────┬────────┘\n//                                           │\n//                               ┌───────────V───────────┐\n//                               │   ClipboardPipeline   │   Converts view.DocumentFragment to model.DocumentFragment.\n//                               │  inputTransformation  │\n//                               └───────────┬───────────┘\n//                                           │\n//                                ┌──────────V──────────┐\n//                                │  ClipboardPipeline  │   Calls model.insertContent().\n//                                │   contentInsertion  │\n//                                └─────────────────────┘\n//\n//\n// Output pipeline events overview:\n//\n//              ┌──────────────────────┐          ┌──────────────────────┐\n//              │     view.Document    │          │     view.Document    │   Retrieves the selected model.DocumentFragment\n//              │         copy         │          │          cut         │   and fires the `outputTransformation` event.\n//              └───────────┬──────────┘          └───────────┬──────────┘\n//                          │                                 │\n//                          └────────────────┌────────────────┘\n//                                           │\n//                               ┌───────────V───────────┐\n//                               │   ClipboardPipeline   │   Processes model.DocumentFragment and converts it to\n//                               │  outputTransformation │   view.DocumentFragment.\n//                               └───────────┬───────────┘\n//                                           │\n//                                 ┌─────────V────────┐\n//                                 │   view.Document  │   Processes view.DocumentFragment to text/html and text/plain\n//                                 │  clipboardOutput │   and stores the results in data.dataTransfer.\n//                                 └──────────────────┘\n//\n/**\n * The clipboard pipeline feature. It is responsible for intercepting the `paste` and `drop` events and\n * passing the pasted content through a series of events in order to insert it into the editor's content.\n * It also handles the `cut` and `copy` events to fill the native clipboard with the serialized editor's data.\n *\n * # Input pipeline\n *\n * The behavior of the default handlers (all at a `low` priority):\n *\n * ## Event: `paste` or `drop`\n *\n * 1. Translates the event data.\n * 2. Fires the {@link module:engine/view/document~ViewDocument#event:clipboardInput `view.Document#clipboardInput`} event.\n *\n * ## Event: `view.Document#clipboardInput`\n *\n * 1. If the `data.content` event field is already set (by some listener on a higher priority), it takes this content and fires the event\n *    from the last point.\n * 2. Otherwise, it retrieves `text/html` or `text/plain` from `data.dataTransfer`.\n * 3. Normalizes the raw data by applying simple filters on string data.\n * 4. Processes the raw data to {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`} with the\n *    {@link module:engine/controller/datacontroller~DataController#htmlProcessor `DataController#htmlProcessor`}.\n * 5. Fires the {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:inputTransformation\n *   `ClipboardPipeline#inputTransformation`} event with the view document fragment in the `data.content` event field.\n *\n * ## Event: `ClipboardPipeline#inputTransformation`\n *\n * 1. Converts {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`} from the `data.content` field to\n *    {@link module:engine/model/documentfragment~ModelDocumentFragment `model.DocumentFragment`}.\n * 2. Fires the {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:contentInsertion `ClipboardPipeline#contentInsertion`}\n *    event with the model document fragment in the `data.content` event field.\n *    **Note**: The `ClipboardPipeline#contentInsertion` event is fired within a model change block to allow other handlers\n *    to run in the same block without post-fixers called in between (i.e., the selection post-fixer).\n *\n * ## Event: `ClipboardPipeline#contentInsertion`\n *\n * 1. Calls {@link module:engine/model/model~Model#insertContent `model.insertContent()`} to insert `data.content`\n *    at the current selection position.\n *\n * # Output pipeline\n *\n * The behavior of the default handlers (all at a `low` priority):\n *\n * ## Event: `copy`, `cut` or `dragstart`\n *\n * 1. Retrieves the selected {@link module:engine/model/documentfragment~ModelDocumentFragment `model.DocumentFragment`} by calling\n *    {@link module:engine/model/model~Model#getSelectedContent `model#getSelectedContent()`}.\n * 2. Converts the model document fragment to {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`}.\n * 3. Fires the {@link module:engine/view/document~ViewDocument#event:clipboardOutput `view.Document#clipboardOutput`} event\n *    with the view document fragment in the `data.content` event field.\n *\n * ## Event: `view.Document#clipboardOutput`\n *\n * 1. Processes `data.content` to HTML and plain text with the\n *    {@link module:engine/controller/datacontroller~DataController#htmlProcessor `DataController#htmlProcessor`}.\n * 2. Updates the `data.dataTransfer` data for `text/html` and `text/plain` with the processed data.\n * 3. For the `cut` method, calls {@link module:engine/model/model~Model#deleteContent `model.deleteContent()`}\n *    on the current selection.\n *\n * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n */ class ClipboardPipeline extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ClipboardPipeline';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ClipboardMarkersUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        view.addObserver(ClipboardObserver);\n        this._setupPasteDrop();\n        this._setupCopyCut();\n    }\n    /**\n\t * Fires Clipboard `'outputTransformation'` event for given parameters.\n\t *\n\t * @internal\n\t */ _fireOutputTransformationEvent(dataTransfer, selection, method) {\n        const clipboardMarkersUtils = this.editor.plugins.get('ClipboardMarkersUtils');\n        this.editor.model.enqueueChange({\n            isUndoable: method === 'cut'\n        }, ()=>{\n            const documentFragment = clipboardMarkersUtils._copySelectedFragmentWithMarkers(method, selection);\n            this.fire('outputTransformation', {\n                dataTransfer,\n                content: documentFragment,\n                method\n            });\n        });\n    }\n    /**\n\t * The clipboard paste pipeline.\n\t */ _setupPasteDrop() {\n        const editor = this.editor;\n        const model = editor.model;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const clipboardMarkersUtils = this.editor.plugins.get('ClipboardMarkersUtils');\n        // Pasting is disabled when selection is in non-editable place.\n        // Dropping is disabled in drag and drop handler.\n        this.listenTo(viewDocument, 'clipboardInput', (evt, data)=>{\n            if (data.method == 'paste' && !editor.model.canEditAt(editor.model.document.selection)) {\n                evt.stop();\n            }\n        }, {\n            priority: 'highest'\n        });\n        this.listenTo(viewDocument, 'clipboardInput', (evt, data)=>{\n            const dataTransfer = data.dataTransfer;\n            let content;\n            // Some feature could already inject content in the higher priority event handler (i.e., codeBlock).\n            if (data.content) {\n                content = data.content;\n            } else {\n                let contentData = '';\n                if (dataTransfer.getData('text/html')) {\n                    contentData = normalizeClipboardData(dataTransfer.getData('text/html'));\n                } else if (dataTransfer.getData('text/plain')) {\n                    contentData = plainTextToHtml(dataTransfer.getData('text/plain'));\n                }\n                content = this.editor.data.htmlProcessor.toView(contentData);\n            }\n            const eventInfo = new EventInfo(this, 'inputTransformation');\n            const sourceEditorId = dataTransfer.getData('application/ckeditor5-editor-id') || null;\n            this.fire(eventInfo, {\n                content,\n                dataTransfer,\n                sourceEditorId,\n                targetRanges: data.targetRanges,\n                method: data.method\n            });\n            // If CKEditor handled the input, do not bubble the original event any further.\n            // This helps external integrations recognize this fact and act accordingly.\n            // https://github.com/ckeditor/ckeditor5-upload/issues/92\n            if (eventInfo.stop.called) {\n                evt.stop();\n            }\n            view.scrollToTheSelection();\n        }, {\n            priority: 'low'\n        });\n        this.listenTo(this, 'inputTransformation', (evt, data)=>{\n            if (data.content.isEmpty) {\n                return;\n            }\n            const dataController = this.editor.data;\n            // Convert the pasted content into a model document fragment.\n            // The conversion is contextual, but in this case an \"all allowed\" context is needed\n            // and for that we use the $clipboardHolder item.\n            const modelFragment = dataController.toModel(data.content, '$clipboardHolder');\n            if (modelFragment.childCount == 0) {\n                return;\n            }\n            evt.stop();\n            // Fire content insertion event in a single change block to allow other handlers to run in the same block\n            // without post-fixers called in between (i.e., the selection post-fixer).\n            model.change(()=>{\n                this.fire('contentInsertion', {\n                    content: modelFragment,\n                    method: data.method,\n                    sourceEditorId: data.sourceEditorId,\n                    dataTransfer: data.dataTransfer,\n                    targetRanges: data.targetRanges\n                });\n            });\n        }, {\n            priority: 'low'\n        });\n        this.listenTo(this, 'contentInsertion', (evt, data)=>{\n            data.resultRange = clipboardMarkersUtils._pasteFragmentWithMarkers(data.content);\n        }, {\n            priority: 'low'\n        });\n    }\n    /**\n\t * The clipboard copy/cut pipeline.\n\t */ _setupCopyCut() {\n        const editor = this.editor;\n        const modelDocument = editor.model.document;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const onCopyCut = (evt, data)=>{\n            const dataTransfer = data.dataTransfer;\n            data.preventDefault();\n            this._fireOutputTransformationEvent(dataTransfer, modelDocument.selection, evt.name);\n        };\n        this.listenTo(viewDocument, 'copy', onCopyCut, {\n            priority: 'low'\n        });\n        this.listenTo(viewDocument, 'cut', (evt, data)=>{\n            // Cutting is disabled when selection is in non-editable place.\n            // See: https://github.com/ckeditor/ckeditor5-clipboard/issues/26.\n            if (!editor.model.canEditAt(editor.model.document.selection)) {\n                data.preventDefault();\n            } else {\n                onCopyCut(evt, data);\n            }\n        }, {\n            priority: 'low'\n        });\n        this.listenTo(this, 'outputTransformation', (evt, data)=>{\n            const content = editor.data.toView(data.content, {\n                isClipboardPipeline: true\n            });\n            viewDocument.fire('clipboardOutput', {\n                dataTransfer: data.dataTransfer,\n                content,\n                method: data.method\n            });\n        }, {\n            priority: 'low'\n        });\n        this.listenTo(viewDocument, 'clipboardOutput', (evt, data)=>{\n            if (!data.content.isEmpty) {\n                data.dataTransfer.setData('text/html', this.editor.data.htmlProcessor.toData(data.content));\n                data.dataTransfer.setData('text/plain', viewToPlainText(editor.data.htmlProcessor.domConverter, data.content));\n                data.dataTransfer.setData('application/ckeditor5-editor-id', this.editor.id);\n            }\n            if (data.method == 'cut') {\n                editor.model.deleteContent(modelDocument.selection);\n            }\n        }, {\n            priority: 'low'\n        });\n    }\n}\n\nconst toPx = /* #__PURE__ */ toUnit('px');\n/**\n * The horizontal drop target line view.\n *\n * @internal\n */ class LineView extends View {\n    /**\n\t * @inheritDoc\n\t */ constructor(){\n        super();\n        const bind = this.bindTemplate;\n        this.set({\n            isVisible: false,\n            left: null,\n            top: null,\n            width: null\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-clipboard-drop-target-line',\n                    bind.if('isVisible', 'ck-hidden', (value)=>!value)\n                ],\n                style: {\n                    left: bind.to('left', (left)=>toPx(left)),\n                    top: bind.to('top', (top)=>toPx(top)),\n                    width: bind.to('width', (width)=>toPx(width))\n                }\n            }\n        });\n    }\n}\n\n/**\n * Part of the Drag and Drop handling. Responsible for finding and displaying the drop target.\n *\n * @internal\n */ class DragDropTarget extends Plugin {\n    /**\n\t * A delayed callback removing the drop marker.\n\t *\n\t * @internal\n\t */ removeDropMarkerDelayed = delay(()=>this.removeDropMarker(), 40);\n    /**\n\t * A throttled callback updating the drop marker.\n\t */ _updateDropMarkerThrottled = throttle((targetRange)=>this._updateDropMarker(targetRange), 40);\n    /**\n\t * A throttled callback reconverting the drop parker.\n\t */ _reconvertMarkerThrottled = throttle(()=>{\n        if (this.editor.model.markers.has('drop-target')) {\n            this.editor.editing.reconvertMarker('drop-target');\n        }\n    }, 0);\n    /**\n\t * The horizontal drop target line view.\n\t */ _dropTargetLineView = new LineView();\n    /**\n\t * DOM Emitter.\n\t */ _domEmitter = new (DomEmitterMixin())();\n    /**\n\t * Map of document scrollable elements.\n\t */ _scrollables = new Map();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'DragDropTarget';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this._setupDropMarker();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this._domEmitter.stopListening();\n        for (const { resizeObserver } of this._scrollables.values()){\n            resizeObserver.destroy();\n        }\n        this._updateDropMarkerThrottled.cancel();\n        this.removeDropMarkerDelayed.cancel();\n        this._reconvertMarkerThrottled.cancel();\n        return super.destroy();\n    }\n    /**\n\t * Finds the drop target range and updates the drop marker.\n\t *\n\t * @return The updated drop target range or null if no valid range was found.\n\t * @internal\n\t */ updateDropMarker(targetViewElement, targetViewRanges, clientX, clientY, blockMode, draggedRange) {\n        this.removeDropMarkerDelayed.cancel();\n        const targetRange = findDropTargetRange(this.editor, targetViewElement, targetViewRanges, clientX, clientY, blockMode, draggedRange);\n        /* istanbul ignore next -- @preserve */ if (!targetRange) {\n            return null;\n        }\n        if (draggedRange && draggedRange.containsRange(targetRange)) {\n            // Target range is inside the dragged range.\n            this.removeDropMarker();\n            return null;\n        }\n        if (targetRange && !this.editor.model.canEditAt(targetRange)) {\n            // Do not show drop marker if target place is not editable.\n            this.removeDropMarker();\n            return null;\n        }\n        this._updateDropMarkerThrottled(targetRange);\n        return targetRange;\n    }\n    /**\n\t * Finds the final drop target range.\n\t *\n\t * @internal\n\t */ getFinalDropRange(targetViewElement, targetViewRanges, clientX, clientY, blockMode, draggedRange) {\n        const targetRange = findDropTargetRange(this.editor, targetViewElement, targetViewRanges, clientX, clientY, blockMode, draggedRange);\n        // The dragging markers must be removed after searching for the target range because sometimes\n        // the target lands on the marker itself.\n        this.removeDropMarker();\n        return targetRange;\n    }\n    /**\n\t * Removes the drop target marker.\n\t *\n\t * @internal\n\t */ removeDropMarker() {\n        const model = this.editor.model;\n        this.removeDropMarkerDelayed.cancel();\n        this._updateDropMarkerThrottled.cancel();\n        this._dropTargetLineView.isVisible = false;\n        if (model.markers.has('drop-target')) {\n            model.change((writer)=>{\n                writer.removeMarker('drop-target');\n            });\n        }\n    }\n    /**\n\t * Creates downcast conversion for the drop target marker.\n\t */ _setupDropMarker() {\n        const editor = this.editor;\n        editor.ui.view.body.add(this._dropTargetLineView);\n        // Drop marker conversion for hovering over widgets.\n        editor.conversion.for('editingDowncast').markerToHighlight({\n            model: 'drop-target',\n            view: {\n                classes: [\n                    'ck-clipboard-drop-target-range'\n                ]\n            }\n        });\n        // Drop marker conversion for in text and block drop target.\n        editor.conversion.for('editingDowncast').markerToElement({\n            model: 'drop-target',\n            view: (data, { writer })=>{\n                // Inline drop.\n                if (editor.model.schema.checkChild(data.markerRange.start, '$text')) {\n                    this._dropTargetLineView.isVisible = false;\n                    return this._createDropTargetPosition(writer);\n                } else {\n                    if (data.markerRange.isCollapsed) {\n                        this._updateDropTargetLine(data.markerRange);\n                    } else {\n                        this._dropTargetLineView.isVisible = false;\n                    }\n                }\n            }\n        });\n    }\n    /**\n\t * Updates the drop target marker to the provided range.\n\t *\n\t * @param targetRange The range to set the marker to.\n\t */ _updateDropMarker(targetRange) {\n        const editor = this.editor;\n        const markers = editor.model.markers;\n        editor.model.change((writer)=>{\n            if (markers.has('drop-target')) {\n                if (!markers.get('drop-target').getRange().isEqual(targetRange)) {\n                    writer.updateMarker('drop-target', {\n                        range: targetRange\n                    });\n                }\n            } else {\n                writer.addMarker('drop-target', {\n                    range: targetRange,\n                    usingOperation: false,\n                    affectsData: false\n                });\n            }\n        });\n    }\n    /**\n\t * Creates the UI element for vertical (in-line) drop target.\n\t */ _createDropTargetPosition(writer) {\n        return writer.createUIElement('span', {\n            class: 'ck ck-clipboard-drop-target-position'\n        }, function(domDocument) {\n            const domElement = this.toDomElement(domDocument);\n            // Using word joiner to make this marker as high as text and also making text not break on marker.\n            domElement.append('\\u2060', domDocument.createElement('span'), '\\u2060');\n            return domElement;\n        });\n    }\n    /**\n\t * Updates the horizontal drop target line.\n\t */ _updateDropTargetLine(range) {\n        const editing = this.editor.editing;\n        const nodeBefore = range.start.nodeBefore;\n        const nodeAfter = range.start.nodeAfter;\n        const nodeParent = range.start.parent;\n        const viewElementBefore = nodeBefore ? editing.mapper.toViewElement(nodeBefore) : null;\n        const domElementBefore = viewElementBefore ? editing.view.domConverter.mapViewToDom(viewElementBefore) : null;\n        const viewElementAfter = nodeAfter ? editing.mapper.toViewElement(nodeAfter) : null;\n        const domElementAfter = viewElementAfter ? editing.view.domConverter.mapViewToDom(viewElementAfter) : null;\n        const viewElementParent = editing.mapper.toViewElement(nodeParent);\n        if (!viewElementParent) {\n            return;\n        }\n        const domElementParent = editing.view.domConverter.mapViewToDom(viewElementParent);\n        const domScrollableRect = this._getScrollableRect(viewElementParent);\n        const { scrollX, scrollY } = global.window;\n        const rectBefore = domElementBefore ? new Rect(domElementBefore) : null;\n        const rectAfter = domElementAfter ? new Rect(domElementAfter) : null;\n        const rectParent = new Rect(domElementParent).excludeScrollbarsAndBorders();\n        const above = rectBefore ? rectBefore.bottom : rectParent.top;\n        const below = rectAfter ? rectAfter.top : rectParent.bottom;\n        const parentStyle = global.window.getComputedStyle(domElementParent);\n        const top = above <= below ? (above + below) / 2 : below;\n        if (domScrollableRect.top < top && top < domScrollableRect.bottom) {\n            const left = rectParent.left + parseFloat(parentStyle.paddingLeft);\n            const right = rectParent.right - parseFloat(parentStyle.paddingRight);\n            const leftClamped = Math.max(left + scrollX, domScrollableRect.left);\n            const rightClamped = Math.min(right + scrollX, domScrollableRect.right);\n            this._dropTargetLineView.set({\n                isVisible: true,\n                left: leftClamped,\n                top: top + scrollY,\n                width: rightClamped - leftClamped\n            });\n        } else {\n            this._dropTargetLineView.isVisible = false;\n        }\n    }\n    /**\n\t * Finds the closest scrollable element rect for the given view element.\n\t */ _getScrollableRect(viewElement) {\n        const rootName = viewElement.root.rootName;\n        let domScrollable;\n        if (this._scrollables.has(rootName)) {\n            domScrollable = this._scrollables.get(rootName).domElement;\n        } else {\n            const domElement = this.editor.editing.view.domConverter.mapViewToDom(viewElement);\n            domScrollable = findScrollableElement(domElement);\n            this._domEmitter.listenTo(domScrollable, 'scroll', this._reconvertMarkerThrottled, {\n                usePassive: true\n            });\n            const resizeObserver = new ResizeObserver(domScrollable, this._reconvertMarkerThrottled);\n            this._scrollables.set(rootName, {\n                domElement: domScrollable,\n                resizeObserver\n            });\n        }\n        return new Rect(domScrollable).excludeScrollbarsAndBorders();\n    }\n}\n/**\n * Returns fixed selection range for given position and target element.\n */ function findDropTargetRange(editor, targetViewElement, targetViewRanges, clientX, clientY, blockMode, draggedRange) {\n    const model = editor.model;\n    const mapper = editor.editing.mapper;\n    const targetModelElement = getClosestMappedModelElement(editor, targetViewElement);\n    let modelElement = targetModelElement;\n    while(modelElement){\n        if (!blockMode) {\n            if (model.schema.checkChild(modelElement, '$text')) {\n                if (targetViewRanges) {\n                    const targetViewPosition = targetViewRanges[0].start;\n                    const targetModelPosition = mapper.toModelPosition(targetViewPosition);\n                    const canDropOnPosition = !draggedRange || Array.from(draggedRange.getItems({\n                        shallow: true\n                    })).some((item)=>model.schema.checkChild(targetModelPosition, item));\n                    if (canDropOnPosition) {\n                        if (model.schema.checkChild(targetModelPosition, '$text')) {\n                            return model.createRange(targetModelPosition);\n                        } else if (targetViewPosition) {\n                            // This is the case of dropping inside a span wrapper of an inline image.\n                            return findDropTargetRangeForElement(editor, getClosestMappedModelElement(editor, targetViewPosition.parent), clientX, clientY);\n                        }\n                    }\n                }\n            } else if (model.schema.isInline(modelElement)) {\n                return findDropTargetRangeForElement(editor, modelElement, clientX, clientY);\n            }\n        }\n        if (model.schema.isBlock(modelElement)) {\n            return findDropTargetRangeForElement(editor, modelElement, clientX, clientY);\n        } else if (model.schema.checkChild(modelElement, '$block')) {\n            const childNodes = Array.from(modelElement.getChildren()).filter((node)=>node.is('element') && !shouldIgnoreElement(editor, node));\n            let startIndex = 0;\n            let endIndex = childNodes.length;\n            if (endIndex == 0) {\n                return model.createRange(model.createPositionAt(modelElement, 'end'));\n            }\n            while(startIndex < endIndex - 1){\n                const middleIndex = Math.floor((startIndex + endIndex) / 2);\n                const side = findElementSide(editor, childNodes[middleIndex], clientX, clientY);\n                if (side == 'before') {\n                    endIndex = middleIndex;\n                } else {\n                    startIndex = middleIndex;\n                }\n            }\n            return findDropTargetRangeForElement(editor, childNodes[startIndex], clientX, clientY);\n        }\n        modelElement = modelElement.parent;\n    }\n    return null;\n}\n/**\n * Returns true for elements which should be ignored.\n */ function shouldIgnoreElement(editor, modelElement) {\n    const mapper = editor.editing.mapper;\n    const domConverter = editor.editing.view.domConverter;\n    const viewElement = mapper.toViewElement(modelElement);\n    if (!viewElement) {\n        return true;\n    }\n    const domElement = domConverter.mapViewToDom(viewElement);\n    return global.window.getComputedStyle(domElement).float != 'none';\n}\n/**\n * Returns target range relative to the given element.\n */ function findDropTargetRangeForElement(editor, modelElement, clientX, clientY) {\n    const model = editor.model;\n    return model.createRange(model.createPositionAt(modelElement, findElementSide(editor, modelElement, clientX, clientY)));\n}\n/**\n * Resolves whether drop marker should be before or after the given element.\n */ function findElementSide(editor, modelElement, clientX, clientY) {\n    const mapper = editor.editing.mapper;\n    const domConverter = editor.editing.view.domConverter;\n    const viewElement = mapper.toViewElement(modelElement);\n    const domElement = domConverter.mapViewToDom(viewElement);\n    const rect = new Rect(domElement);\n    if (editor.model.schema.isInline(modelElement)) {\n        return clientX < (rect.left + rect.right) / 2 ? 'before' : 'after';\n    } else {\n        return clientY < (rect.top + rect.bottom) / 2 ? 'before' : 'after';\n    }\n}\n/**\n * Returns the closest model element for the specified view element.\n */ function getClosestMappedModelElement(editor, element) {\n    const mapper = editor.editing.mapper;\n    const view = editor.editing.view;\n    const targetModelElement = mapper.toModelElement(element);\n    if (targetModelElement) {\n        return targetModelElement;\n    }\n    // Find mapped ancestor if the target is inside not mapped element (for example inline code element).\n    const viewPosition = view.createPositionBefore(element);\n    const viewElement = mapper.findMappedViewAncestor(viewPosition);\n    return mapper.toModelElement(viewElement);\n}\n/**\n * Returns the closest scrollable ancestor DOM element.\n *\n * It is assumed that `domNode` is attached to the document.\n */ function findScrollableElement(domNode) {\n    let domElement = domNode;\n    do {\n        domElement = domElement.parentElement;\n        const overflow = global.window.getComputedStyle(domElement).overflowY;\n        if (overflow == 'auto' || overflow == 'scroll') {\n            break;\n        }\n    }while (domElement.tagName != 'BODY')\n    return domElement;\n}\n\n/**\n * Integration of a block Drag and Drop support with the block toolbar.\n *\n * @internal\n */ class DragDropBlockToolbar extends Plugin {\n    /**\n\t * Whether current dragging is started by block toolbar button dragging.\n\t */ _isBlockDragging = false;\n    /**\n\t * DOM Emitter.\n\t */ _domEmitter = new (DomEmitterMixin())();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'DragDropBlockToolbar';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        this.listenTo(editor, 'change:isReadOnly', (evt, name, isReadOnly)=>{\n            if (isReadOnly) {\n                this.forceDisabled('readOnlyMode');\n                this._isBlockDragging = false;\n            } else {\n                this.clearForceDisabled('readOnlyMode');\n            }\n        });\n        if (env.isAndroid) {\n            this.forceDisabled('noAndroidSupport');\n        }\n        if (editor.plugins.has('BlockToolbar')) {\n            const blockToolbar = editor.plugins.get('BlockToolbar');\n            const element = blockToolbar.buttonView.element;\n            this._domEmitter.listenTo(element, 'dragstart', (evt, data)=>this._handleBlockDragStart(data));\n            this._domEmitter.listenTo(global.document, 'dragover', (evt, data)=>this._handleBlockDragging(data));\n            this._domEmitter.listenTo(global.document, 'drop', (evt, data)=>this._handleBlockDragging(data));\n            this._domEmitter.listenTo(global.document, 'dragend', ()=>this._handleBlockDragEnd(), {\n                useCapture: true\n            });\n            if (this.isEnabled) {\n                element.setAttribute('draggable', 'true');\n            }\n            this.on('change:isEnabled', (evt, name, isEnabled)=>{\n                element.setAttribute('draggable', isEnabled ? 'true' : 'false');\n            });\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this._domEmitter.stopListening();\n        return super.destroy();\n    }\n    /**\n\t * The `dragstart` event handler.\n\t */ _handleBlockDragStart(domEvent) {\n        if (!this.isEnabled) {\n            return;\n        }\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const view = this.editor.editing.view;\n        const blocks = Array.from(selection.getSelectedBlocks());\n        const draggedRange = model.createRange(model.createPositionBefore(blocks[0]), model.createPositionAfter(blocks[blocks.length - 1]));\n        model.change((writer)=>writer.setSelection(draggedRange));\n        this._isBlockDragging = true;\n        view.focus();\n        view.getObserver(ClipboardObserver).onDomEvent(domEvent);\n    }\n    /**\n\t * The `dragover` and `drop` event handler.\n\t */ _handleBlockDragging(domEvent) {\n        if (!this.isEnabled || !this._isBlockDragging) {\n            return;\n        }\n        const clientX = domEvent.clientX + (this.editor.locale.contentLanguageDirection == 'ltr' ? 100 : -100);\n        const clientY = domEvent.clientY;\n        const target = document.elementFromPoint(clientX, clientY);\n        const view = this.editor.editing.view;\n        if (!target || !target.closest('.ck-editor__editable')) {\n            return;\n        }\n        view.getObserver(ClipboardObserver).onDomEvent({\n            ...domEvent,\n            type: domEvent.type,\n            dataTransfer: domEvent.dataTransfer,\n            target,\n            clientX,\n            clientY,\n            preventDefault: ()=>domEvent.preventDefault(),\n            stopPropagation: ()=>domEvent.stopPropagation()\n        });\n    }\n    /**\n\t * The `dragend` event handler.\n\t */ _handleBlockDragEnd() {\n        this._isBlockDragging = false;\n    }\n}\n\n// Drag and drop events overview:\n//\n//                ┌──────────────────┐\n//                │     mousedown    │   Sets the draggable attribute.\n//                └─────────┬────────┘\n//                          │\n//                          └─────────────────────┐\n//                          │                     │\n//                          │           ┌─────────V────────┐\n//                          │           │      mouseup     │   Dragging did not start, removes the draggable attribute.\n//                          │           └──────────────────┘\n//                          │\n//                ┌─────────V────────┐   Retrieves the selected model.DocumentFragment\n//                │     dragstart    │   and converts it to view.DocumentFragment.\n//                └─────────┬────────┘\n//                          │\n//                ┌─────────V────────┐   Processes view.DocumentFragment to text/html and text/plain\n//                │  clipboardOutput │   and stores the results in data.dataTransfer.\n//                └─────────┬────────┘\n//                          │\n//                          │   DOM dragover\n//                          ┌────────────┐\n//                          │            │\n//                ┌─────────V────────┐   │\n//                │     dragging     │   │   Updates the drop target marker.\n//                └─────────┬────────┘   │\n//                          │            │\n//            ┌─────────────└────────────┘\n//            │             │            │\n//            │   ┌─────────V────────┐   │\n//            │   │     dragleave    │   │   Removes the drop target marker.\n//            │   └─────────┬────────┘   │\n//            │             │            │\n//        ┌───│─────────────┘            │\n//        │   │             │            │\n//        │   │   ┌─────────V────────┐   │\n//        │   │   │     dragenter    │   │   Focuses the editor view.\n//        │   │   └─────────┬────────┘   │\n//        │   │             │            │\n//        │   │             └────────────┘\n//        │   │\n//        │   └─────────────┐\n//        │   │             │\n//        │   │   ┌─────────V────────┐\n//        └───┐   │       drop       │   (The default handler of the clipboard pipeline).\n//            │   └─────────┬────────┘\n//            │             │\n//            │   ┌─────────V────────┐   Resolves the final data.targetRanges.\n//            │   │  clipboardInput  │   Aborts if dropping on dragged content.\n//            │   └─────────┬────────┘\n//            │             │\n//            │   ┌─────────V────────┐\n//            │   │  clipboardInput  │   (The default handler of the clipboard pipeline).\n//            │   └─────────┬────────┘\n//            │             │\n//            │ ┌───────────V───────────┐\n//            │ │  inputTransformation  │   (The default handler of the clipboard pipeline).\n//            │ └───────────┬───────────┘\n//            │             │\n//            │  ┌──────────V──────────┐\n//            │  │   contentInsertion  │   Updates the document selection to drop range.\n//            │  └──────────┬──────────┘\n//            │             │\n//            │  ┌──────────V──────────┐\n//            │  │   contentInsertion  │   (The default handler of the clipboard pipeline).\n//            │  └──────────┬──────────┘\n//            │             │\n//            │  ┌──────────V──────────┐\n//            │  │   contentInsertion  │   Removes the content from the original range if the insertion was successful.\n//            │  └──────────┬──────────┘\n//            │             │\n//            └─────────────┐\n//                          │\n//                ┌─────────V────────┐\n//                │      dragend     │   Removes the drop marker and cleans the state.\n//                └──────────────────┘\n//\n/**\n * The drag and drop feature. It works on top of the {@link module:clipboard/clipboardpipeline~ClipboardPipeline}.\n *\n * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n *\n * @internal\n */ class DragDrop extends Plugin {\n    /**\n\t * The live range over the original content that is being dragged.\n\t */ _draggedRange;\n    /**\n\t * The UID of current dragging that is used to verify if the drop started in the same editor as the drag start.\n\t *\n\t * **Note**: This is a workaround for broken 'dragend' events (they are not fired if the source text node got removed).\n\t */ _draggingUid;\n    /**\n\t * The reference to the model element that currently has a `draggable` attribute set (it is set while dragging).\n\t */ _draggableElement;\n    /**\n\t * A delayed callback removing draggable attributes.\n\t */ _clearDraggableAttributesDelayed = delay(()=>this._clearDraggableAttributes(), 40);\n    /**\n\t * Whether the dragged content can be dropped only in block context.\n\t */ // TODO handle drag from other editor instance\n    // TODO configure to use block, inline or both\n    _blockMode = false;\n    /**\n\t * DOM Emitter.\n\t */ _domEmitter = new (DomEmitterMixin())();\n    /**\n\t * The DOM element used to generate dragged preview image.\n\t */ _previewContainer;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'DragDrop';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ClipboardPipeline,\n            Widget,\n            DragDropTarget,\n            DragDropBlockToolbar\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        this._draggedRange = null;\n        this._draggingUid = '';\n        this._draggableElement = null;\n        view.addObserver(ClipboardObserver);\n        view.addObserver(PointerObserver);\n        this._setupDragging();\n        this._setupContentInsertionIntegration();\n        this._setupClipboardInputIntegration();\n        this._setupDraggableAttributeHandling();\n        this.listenTo(editor, 'change:isReadOnly', (evt, name, isReadOnly)=>{\n            if (isReadOnly) {\n                this.forceDisabled('readOnlyMode');\n            } else {\n                this.clearForceDisabled('readOnlyMode');\n            }\n        });\n        this.on('change:isEnabled', (evt, name, isEnabled)=>{\n            if (!isEnabled) {\n                this._finalizeDragging(false);\n            }\n        });\n        if (env.isAndroid) {\n            this.forceDisabled('noAndroidSupport');\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        if (this._draggedRange) {\n            this._draggedRange.detach();\n            this._draggedRange = null;\n        }\n        if (this._previewContainer) {\n            this._previewContainer.remove();\n        }\n        this._domEmitter.stopListening();\n        this._clearDraggableAttributesDelayed.cancel();\n        return super.destroy();\n    }\n    /**\n\t * Drag and drop events handling.\n\t */ _setupDragging() {\n        const editor = this.editor;\n        const model = editor.model;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const dragDropTarget = editor.plugins.get(DragDropTarget);\n        // The handler for the drag start; it is responsible for setting data transfer object.\n        this.listenTo(viewDocument, 'dragstart', (evt, data)=>{\n            // Don't drag the editable element itself.\n            if (data.target?.is('editableElement')) {\n                data.preventDefault();\n                return;\n            }\n            this._prepareDraggedRange(data.target);\n            if (!this._draggedRange) {\n                data.preventDefault();\n                return;\n            }\n            this._draggingUid = uid();\n            const canEditAtDraggedRange = this.isEnabled && editor.model.canEditAt(this._draggedRange);\n            data.dataTransfer.effectAllowed = canEditAtDraggedRange ? 'copyMove' : 'copy';\n            data.dataTransfer.setData('application/ckeditor5-dragging-uid', this._draggingUid);\n            const draggedSelection = model.createSelection(this._draggedRange.toRange());\n            const clipboardPipeline = this.editor.plugins.get('ClipboardPipeline');\n            clipboardPipeline._fireOutputTransformationEvent(data.dataTransfer, draggedSelection, 'dragstart');\n            const { dataTransfer, domTarget, domEvent } = data;\n            const { clientX } = domEvent;\n            this._updatePreview({\n                dataTransfer,\n                domTarget,\n                clientX\n            });\n            data.stopPropagation();\n            if (!canEditAtDraggedRange) {\n                this._draggedRange.detach();\n                this._draggedRange = null;\n                this._draggingUid = '';\n            }\n        }, {\n            priority: 'low'\n        });\n        // The handler for finalizing drag and drop. It should always be triggered after dragging completes\n        // even if it was completed in a different application.\n        // Note: This is not fired if source text node got removed while downcasting a marker.\n        this.listenTo(viewDocument, 'dragend', (evt, data)=>{\n            this._finalizeDragging(!data.dataTransfer.isCanceled && data.dataTransfer.dropEffect == 'move');\n        }, {\n            priority: 'low'\n        });\n        // Reset block dragging mode even if dropped outside the editable.\n        this._domEmitter.listenTo(global.document, 'dragend', ()=>{\n            this._blockMode = false;\n        }, {\n            useCapture: true\n        });\n        // Dragging over the editable.\n        this.listenTo(viewDocument, 'dragenter', ()=>{\n            if (!this.isEnabled) {\n                return;\n            }\n            view.focus();\n        });\n        // Dragging out of the editable.\n        this.listenTo(viewDocument, 'dragleave', ()=>{\n            // We do not know if the mouse left the editor or just some element in it, so let us wait a few milliseconds\n            // to check if 'dragover' is not fired.\n            dragDropTarget.removeDropMarkerDelayed();\n        });\n        // Handler for moving dragged content over the target area.\n        this.listenTo(viewDocument, 'dragging', (evt, data)=>{\n            if (!this.isEnabled) {\n                data.dataTransfer.dropEffect = 'none';\n                return;\n            }\n            const { clientX, clientY } = data.domEvent;\n            const targetRange = dragDropTarget.updateDropMarker(data.target, data.targetRanges, clientX, clientY, this._blockMode, this._draggedRange);\n            // Do not allow dropping if there is no valid target range (e.g., dropping on non-editable place).\n            if (!targetRange) {\n                data.dataTransfer.dropEffect = 'none';\n                return;\n            }\n            // If this is content being dragged from another editor, moving out of current editor instance\n            // is not possible until 'dragend' event case will be fixed.\n            if (!this._draggedRange) {\n                data.dataTransfer.dropEffect = 'copy';\n            }\n            // In Firefox it is already set and effect allowed remains the same as originally set.\n            if (!env.isGecko) {\n                if (data.dataTransfer.effectAllowed == 'copy') {\n                    data.dataTransfer.dropEffect = 'copy';\n                } else if ([\n                    'all',\n                    'copyMove'\n                ].includes(data.dataTransfer.effectAllowed)) {\n                    data.dataTransfer.dropEffect = 'move';\n                }\n            }\n            evt.stop();\n        }, {\n            priority: 'low'\n        });\n    }\n    /**\n\t * Integration with the `clipboardInput` event.\n\t */ _setupClipboardInputIntegration() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const dragDropTarget = editor.plugins.get(DragDropTarget);\n        // Update the event target ranges and abort dropping if dropping over itself.\n        this.listenTo(viewDocument, 'clipboardInput', (evt, data)=>{\n            if (data.method != 'drop') {\n                return;\n            }\n            const { clientX, clientY } = data.domEvent;\n            const targetRange = dragDropTarget.getFinalDropRange(data.target, data.targetRanges, clientX, clientY, this._blockMode, this._draggedRange);\n            if (!targetRange) {\n                this._finalizeDragging(false);\n                evt.stop();\n                return;\n            }\n            // Since we cannot rely on the drag end event, we must check if the local drag range is from the current drag and drop\n            // or it is from some previous not cleared one.\n            if (this._draggedRange && this._draggingUid != data.dataTransfer.getData('application/ckeditor5-dragging-uid')) {\n                this._draggedRange.detach();\n                this._draggedRange = null;\n                this._draggingUid = '';\n            }\n            // Do not do anything if some content was dragged within the same document to the same position.\n            const isMove = getFinalDropEffect(data.dataTransfer) == 'move';\n            if (isMove && this._draggedRange && this._draggedRange.containsRange(targetRange, true)) {\n                this._finalizeDragging(false);\n                evt.stop();\n                return;\n            }\n            // Override the target ranges with the one adjusted to the best one for a drop.\n            data.targetRanges = [\n                editor.editing.mapper.toViewRange(targetRange)\n            ];\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Integration with the `contentInsertion` event of the clipboard pipeline.\n\t */ _setupContentInsertionIntegration() {\n        const clipboardPipeline = this.editor.plugins.get(ClipboardPipeline);\n        clipboardPipeline.on('contentInsertion', (evt, data)=>{\n            if (!this.isEnabled || data.method !== 'drop') {\n                return;\n            }\n            // Update the selection to the target range in the same change block to avoid selection post-fixing\n            // and to be able to clone text attributes for plain text dropping.\n            const ranges = data.targetRanges.map((viewRange)=>this.editor.editing.mapper.toModelRange(viewRange));\n            this.editor.model.change((writer)=>writer.setSelection(ranges));\n        }, {\n            priority: 'high'\n        });\n        clipboardPipeline.on('contentInsertion', (evt, data)=>{\n            if (!this.isEnabled || data.method !== 'drop') {\n                return;\n            }\n            // Remove dragged range content, remove markers, clean after dragging.\n            const isMove = getFinalDropEffect(data.dataTransfer) == 'move';\n            // Whether any content was inserted (insertion might fail if the schema is disallowing some elements\n            // (for example an image caption allows only the content of a block but not blocks themselves.\n            // Some integrations might not return valid range (i.e., table pasting).\n            const isSuccess = !data.resultRange || !data.resultRange.isCollapsed;\n            this._finalizeDragging(isSuccess && isMove);\n        }, {\n            priority: 'lowest'\n        });\n    }\n    /**\n\t * Adds listeners that add the `draggable` attribute to the elements while the mouse button is down so the dragging could start.\n\t */ _setupDraggableAttributeHandling() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        // Add the 'draggable' attribute to the widget while pressing the selection handle.\n        // This is required for widgets to be draggable. In Chrome it will enable dragging text nodes.\n        this.listenTo(viewDocument, 'pointerdown', (evt, data)=>{\n            // The lack of data can be caused by editor tests firing fake mouse events. This should not occur\n            // in real-life scenarios but this greatly simplifies editor tests that would otherwise fail a lot.\n            if (env.isAndroid || !data) {\n                return;\n            }\n            this._clearDraggableAttributesDelayed.cancel();\n            // Check if this is a mousedown over the widget (but not a nested editable).\n            let draggableElement = findDraggableWidget(data.target);\n            // Note: There is a limitation that if more than a widget is selected (a widget and some text)\n            // and dragging starts on the widget, then only the widget is dragged.\n            // If this was not a widget then we should check if we need to drag some text content.\n            // In Chrome set a 'draggable' attribute on closest editable to allow immediate dragging of the selected text range.\n            // In Firefox this is not needed. In Safari it makes the whole editable draggable (not just textual content).\n            // Disabled in read-only mode because draggable=\"true\" + contenteditable=\"false\" results\n            // in not firing selectionchange event ever, which makes the selection stuck in read-only mode.\n            if (env.isBlink && !editor.isReadOnly && !draggableElement && !viewDocument.selection.isCollapsed) {\n                const selectedElement = viewDocument.selection.getSelectedElement();\n                if (!selectedElement || !isWidget(selectedElement)) {\n                    draggableElement = viewDocument.selection.editableElement;\n                }\n            }\n            if (draggableElement) {\n                view.change((writer)=>{\n                    writer.setAttribute('draggable', 'true', draggableElement);\n                });\n                // Keep the reference to the model element in case the view element gets removed while dragging.\n                this._draggableElement = editor.editing.mapper.toModelElement(draggableElement);\n            }\n        });\n        // Remove the draggable attribute in case no dragging started (only mousedown + mouseup).\n        this.listenTo(viewDocument, 'pointerup', ()=>{\n            if (!env.isAndroid) {\n                this._clearDraggableAttributesDelayed();\n            }\n        });\n    }\n    /**\n\t * Removes the `draggable` attribute from the element that was used for dragging.\n\t */ _clearDraggableAttributes() {\n        const editing = this.editor.editing;\n        editing.view.change((writer)=>{\n            // Remove 'draggable' attribute.\n            if (this._draggableElement && this._draggableElement.root.rootName != '$graveyard') {\n                writer.removeAttribute('draggable', editing.mapper.toViewElement(this._draggableElement));\n            }\n            this._draggableElement = null;\n        });\n    }\n    /**\n\t * Deletes the dragged content from its original range and clears the dragging state.\n\t *\n\t * @param moved Whether the move succeeded.\n\t */ _finalizeDragging(moved) {\n        const editor = this.editor;\n        const model = editor.model;\n        const dragDropTarget = editor.plugins.get(DragDropTarget);\n        dragDropTarget.removeDropMarker();\n        this._clearDraggableAttributes();\n        if (editor.plugins.has('WidgetToolbarRepository')) {\n            const widgetToolbarRepository = editor.plugins.get('WidgetToolbarRepository');\n            widgetToolbarRepository.clearForceDisabled('dragDrop');\n        }\n        this._draggingUid = '';\n        if (this._previewContainer) {\n            this._previewContainer.remove();\n            this._previewContainer = undefined;\n        }\n        if (!this._draggedRange) {\n            return;\n        }\n        // Delete moved content.\n        if (moved && this.isEnabled) {\n            model.change((writer)=>{\n                const selection = model.createSelection(this._draggedRange);\n                model.deleteContent(selection, {\n                    doNotAutoparagraph: true\n                });\n                // Check result selection if it does not require auto-paragraphing of empty container.\n                const selectionParent = selection.getFirstPosition().parent;\n                if (selectionParent.isEmpty && !model.schema.checkChild(selectionParent, '$text') && model.schema.checkChild(selectionParent, 'paragraph')) {\n                    writer.insertElement('paragraph', selectionParent, 0);\n                }\n            });\n        }\n        this._draggedRange.detach();\n        this._draggedRange = null;\n    }\n    /**\n\t * Sets the dragged source range based on event target and document selection.\n\t */ _prepareDraggedRange(target) {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        // Check if this is dragstart over the widget (but not a nested editable).\n        const draggableWidget = target ? findDraggableWidget(target) : null;\n        if (draggableWidget) {\n            const modelElement = editor.editing.mapper.toModelElement(draggableWidget);\n            this._draggedRange = ModelLiveRange.fromRange(model.createRangeOn(modelElement));\n            this._blockMode = model.schema.isBlock(modelElement);\n            // Disable toolbars so they won't obscure the drop area.\n            if (editor.plugins.has('WidgetToolbarRepository')) {\n                const widgetToolbarRepository = editor.plugins.get('WidgetToolbarRepository');\n                widgetToolbarRepository.forceDisabled('dragDrop');\n            }\n            return;\n        }\n        // If this was not a widget we should check if we need to drag some text content.\n        if (selection.isCollapsed && !selection.getFirstPosition().parent.isEmpty) {\n            return;\n        }\n        const blocks = Array.from(selection.getSelectedBlocks());\n        const draggedRange = selection.getFirstRange();\n        if (blocks.length == 0) {\n            this._draggedRange = ModelLiveRange.fromRange(draggedRange);\n            return;\n        }\n        const blockRange = getRangeIncludingFullySelectedParents(model, blocks);\n        if (blocks.length > 1) {\n            this._draggedRange = ModelLiveRange.fromRange(blockRange);\n            this._blockMode = true;\n        // TODO block mode for dragging from outside editor? or inline? or both?\n        } else if (blocks.length == 1) {\n            const touchesBlockEdges = draggedRange.start.isTouching(blockRange.start) && draggedRange.end.isTouching(blockRange.end);\n            this._draggedRange = ModelLiveRange.fromRange(touchesBlockEdges ? blockRange : draggedRange);\n            this._blockMode = touchesBlockEdges;\n        }\n        model.change((writer)=>writer.setSelection(this._draggedRange.toRange()));\n    }\n    /**\n\t * Updates the dragged preview image.\n\t */ _updatePreview({ dataTransfer, domTarget, clientX }) {\n        const view = this.editor.editing.view;\n        const editable = view.document.selection.editableElement;\n        const domEditable = view.domConverter.mapViewToDom(editable);\n        const computedStyle = global.window.getComputedStyle(domEditable);\n        if (!this._previewContainer) {\n            this._previewContainer = createElement(global.document, 'div', {\n                style: 'position: fixed; left: -999999px;'\n            });\n            global.document.body.appendChild(this._previewContainer);\n        } else if (this._previewContainer.firstElementChild) {\n            this._previewContainer.removeChild(this._previewContainer.firstElementChild);\n        }\n        const preview = createElement(global.document, 'div');\n        preview.className = 'ck ck-content ck-clipboard-preview';\n        const domRect = new Rect(domEditable);\n        const domEditablePaddingLeft = parseFloat(computedStyle.paddingLeft);\n        const domEditablePaddingRight = parseFloat(computedStyle.paddingRight);\n        const editableWidth = parseFloat(computedStyle.width) - domEditablePaddingLeft - domEditablePaddingRight;\n        // Dragging by the drag handle outside editable element.\n        if (!domEditable.contains(domTarget)) {\n            if (!env.isiOS) {\n                const offsetLeft = domRect.left - clientX + domEditablePaddingLeft;\n                preview.style.width = `${editableWidth + offsetLeft}px`;\n                preview.style.paddingLeft = `${offsetLeft}px`;\n            } else {\n                // Without a padding as on iOS preview have a background and padding would be visible.\n                preview.style.width = `${editableWidth}px`;\n                preview.style.backgroundColor = 'var(--ck-color-base-background)';\n            }\n        } else if (env.isiOS) {\n            // Custom preview for iOS. Note that it must have some dimensions for iOS to start dragging element.\n            preview.style.maxWidth = `${editableWidth}px`;\n            preview.style.padding = '10px';\n            preview.style.minWidth = '200px';\n            preview.style.minHeight = '20px';\n            preview.style.boxSizing = 'border-box';\n            preview.style.backgroundColor = 'var(--ck-color-base-background)';\n        } else {\n            // If domTarget is inside the editable root, browsers will display the preview correctly by themselves.\n            return;\n        }\n        view.domConverter.setContentOf(preview, dataTransfer.getData('text/html'));\n        dataTransfer.setDragImage(preview, 0, 0);\n        this._previewContainer.appendChild(preview);\n    }\n}\n/**\n * Returns the drop effect that should be a result of dragging the content.\n * This function is handling a quirk when checking the effect in the 'drop' DOM event.\n */ function getFinalDropEffect(dataTransfer) {\n    if (env.isGecko) {\n        return dataTransfer.dropEffect;\n    }\n    return [\n        'all',\n        'copyMove'\n    ].includes(dataTransfer.effectAllowed) ? 'move' : 'copy';\n}\n/**\n * Returns a widget element that should be dragged.\n */ function findDraggableWidget(target) {\n    // This is directly an editable so not a widget for sure.\n    if (target.is('editableElement')) {\n        return null;\n    }\n    // TODO: Let's have a isWidgetSelectionHandleDomElement() helper in ckeditor5-widget utils.\n    if (target.hasClass('ck-widget__selection-handle')) {\n        return target.findAncestor(isWidget);\n    }\n    // Direct hit on a widget.\n    if (isWidget(target)) {\n        return target;\n    }\n    // Find closest ancestor that is either a widget or an editable element...\n    const ancestor = target.findAncestor((node)=>isWidget(node) || node.is('editableElement'));\n    // ...and if closer was the widget then enable dragging it.\n    if (isWidget(ancestor)) {\n        return ancestor;\n    }\n    return null;\n}\n/**\n * Recursively checks if common parent of provided elements doesn't have any other children. If that's the case,\n * it returns range including this parent. Otherwise, it returns only the range from first to last element.\n *\n * Example:\n *\n * <blockQuote>\n *   <paragraph>[Test 1</paragraph>\n *   <paragraph>Test 2</paragraph>\n *   <paragraph>Test 3]</paragraph>\n * <blockQuote>\n *\n * Because all elements inside the `blockQuote` are selected, the range is extended to include the `blockQuote` too.\n * If only first and second paragraphs would be selected, the range would not include it.\n */ function getRangeIncludingFullySelectedParents(model, elements) {\n    const firstElement = elements[0];\n    const lastElement = elements[elements.length - 1];\n    const parent = firstElement.getCommonAncestor(lastElement);\n    const startPosition = model.createPositionBefore(firstElement);\n    const endPosition = model.createPositionAfter(lastElement);\n    if (parent && parent.is('element') && !model.schema.isLimit(parent)) {\n        const parentRange = model.createRangeOn(parent);\n        const touchesStart = startPosition.isTouching(parentRange.start);\n        const touchesEnd = endPosition.isTouching(parentRange.end);\n        if (touchesStart && touchesEnd) {\n            // Selection includes all elements in the parent.\n            return getRangeIncludingFullySelectedParents(model, [\n                parent\n            ]);\n        }\n    }\n    return model.createRange(startPosition, endPosition);\n}\n\n/**\n * The plugin detects the user's intention to paste plain text.\n *\n * For example, it detects the <kbd>Ctrl/Cmd</kbd> + <kbd>Shift</kbd> + <kbd>V</kbd> keystroke.\n */ class PastePlainText extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'PastePlainText';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ClipboardPipeline\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const view = editor.editing.view;\n        const selection = model.document.selection;\n        view.addObserver(ClipboardObserver);\n        editor.plugins.get(ClipboardPipeline).on('contentInsertion', (evt, data)=>{\n            if (!isUnformattedInlineContent(data.content, model)) {\n                return;\n            }\n            model.change((writer)=>{\n                // Formatting attributes should be preserved.\n                const textAttributes = Array.from(selection.getAttributes()).filter(([key])=>model.schema.getAttributeProperties(key).isFormatting);\n                if (!selection.isCollapsed) {\n                    model.deleteContent(selection, {\n                        doNotAutoparagraph: true\n                    });\n                }\n                // Also preserve other attributes if they survived the content deletion (because they were not fully selected).\n                // For example linkHref is not a formatting attribute but it should be preserved if pasted text was in the middle\n                // of a link.\n                textAttributes.push(...selection.getAttributes());\n                const range = writer.createRangeIn(data.content);\n                for (const item of range.getItems()){\n                    for (const attribute of textAttributes){\n                        if (model.schema.checkAttribute(item, attribute[0])) {\n                            writer.setAttribute(attribute[0], attribute[1], item);\n                        }\n                    }\n                }\n            });\n        });\n    }\n}\n/**\n * Returns true if specified `documentFragment` represents the unformatted inline content.\n */ function isUnformattedInlineContent(documentFragment, model) {\n    let range = model.createRangeIn(documentFragment);\n    // We consider three scenarios here. The document fragment may include:\n    //\n    // 1. Only text and inline objects. Then it could be unformatted inline content.\n    // 2. Exactly one block element on top-level, eg. <p>Foobar</p> or <h2>Title</h2>.\n    //    In this case, check this element content, it could be treated as unformatted inline content.\n    // 3. More block elements or block objects, then it is not unformatted inline content.\n    //\n    // We will check for scenario 2. specifically, and if it happens, we will unwrap it and follow with the regular algorithm.\n    //\n    if (documentFragment.childCount == 1) {\n        const child = documentFragment.getChild(0);\n        if (child.is('element') && model.schema.isBlock(child) && !model.schema.isObject(child) && !model.schema.isLimit(child)) {\n            // Scenario 2. as described above.\n            range = model.createRangeIn(child);\n        }\n    }\n    for (const child of range.getItems()){\n        if (!model.schema.isInline(child)) {\n            return false;\n        }\n        const attributeKeys = Array.from(child.getAttributeKeys());\n        if (attributeKeys.find((key)=>model.schema.getAttributeProperties(key).isFormatting)) {\n            return false;\n        }\n    }\n    return true;\n}\n\n/**\n * The clipboard feature.\n *\n * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n * * {@link module:clipboard/clipboardpipeline~ClipboardPipeline}\n * * {@link module:clipboard/dragdrop~DragDrop}\n * * {@link module:clipboard/pasteplaintext~PastePlainText}\n */ class Clipboard extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Clipboard';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ClipboardMarkersUtils,\n            ClipboardPipeline,\n            DragDrop,\n            PastePlainText\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        // Add the information about the keystrokes to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Copy selected content'),\n                    keystroke: 'CTRL+C'\n                },\n                {\n                    label: t('Paste content'),\n                    keystroke: 'CTRL+V'\n                },\n                {\n                    label: t('Paste content as plain text'),\n                    keystroke: 'CTRL+SHIFT+V'\n                }\n            ]\n        });\n    }\n}\n\nexport { Clipboard, ClipboardMarkersUtils, ClipboardObserver, ClipboardPipeline, DragDrop, DragDropBlockToolbar, DragDropTarget, PastePlainText, LineView as _ClipboardLineView, DragDrop as _DragDrop, DragDropBlockToolbar as _DragDropBlockToolbar, DragDropTarget as _DragDropTarget, normalizeClipboardData as _normalizeClipboardData, plainTextToHtml, viewToPlainText };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/clipboardobserver\n */\n\nimport { EventInfo, getRangeFromMouseEvent } from '@ckeditor/ckeditor5-utils';\n\nimport {\n\tViewDataTransfer,\n\tDomEventObserver,\n\ttype ViewDocumentDomEventData,\n\ttype EditingView,\n\ttype ViewDocumentFragment,\n\ttype ViewElement,\n\ttype ViewRange\n} from '@ckeditor/ckeditor5-engine';\n\n/**\n * Clipboard events observer.\n *\n * Fires the following events:\n *\n * * {@link module:engine/view/document~ViewDocument#event:clipboardInput},\n * * {@link module:engine/view/document~ViewDocument#event:paste},\n * * {@link module:engine/view/document~ViewDocument#event:copy},\n * * {@link module:engine/view/document~ViewDocument#event:cut},\n * * {@link module:engine/view/document~ViewDocument#event:drop},\n * * {@link module:engine/view/document~ViewDocument#event:dragover},\n * * {@link module:engine/view/document~ViewDocument#event:dragging},\n * * {@link module:engine/view/document~ViewDocument#event:dragstart},\n * * {@link module:engine/view/document~ViewDocument#event:dragend},\n * * {@link module:engine/view/document~ViewDocument#event:dragenter},\n * * {@link module:engine/view/document~ViewDocument#event:dragleave}.\n *\n * **Note**: This observer is not available by default (ckeditor5-engine does not add it on its own).\n * To make it available, it needs to be added to {@link module:engine/view/document~ViewDocument} by using\n * the {@link module:engine/view/view~EditingView#addObserver `View#addObserver()`} method. Alternatively, you can load the\n * {@link module:clipboard/clipboard~Clipboard} plugin which adds this observer automatically (because it uses it).\n */\nexport class ClipboardObserver extends DomEventObserver<\n\t'paste' | 'copy' | 'cut' | 'drop' | 'dragover' | 'dragstart' | 'dragend' | 'dragenter' | 'dragleave',\n\tClipboardEventData\n> {\n\tpublic readonly domEventType = [\n\t\t'paste', 'copy', 'cut', 'drop', 'dragover', 'dragstart', 'dragend', 'dragenter', 'dragleave'\n\t] as const;\n\n\tconstructor( view: EditingView ) {\n\t\tsuper( view );\n\n\t\tconst viewDocument = this.document;\n\n\t\tthis.listenTo<ViewDocumentPasteEvent>( viewDocument, 'paste', handleInput( 'clipboardInput' ), { priority: 'low' } );\n\t\tthis.listenTo<ViewDocumentDropEvent>( viewDocument, 'drop', handleInput( 'clipboardInput' ), { priority: 'low' } );\n\t\tthis.listenTo<ViewDocumentDragOverEvent>( viewDocument, 'dragover', handleInput( 'dragging' ), { priority: 'low' } );\n\n\t\tfunction handleInput( type: 'clipboardInput' | 'dragging' ) {\n\t\t\treturn ( evt: EventInfo, data: ViewDocumentDomEventData & ClipboardEventData ) => {\n\t\t\t\tdata.preventDefault();\n\n\t\t\t\tconst targetRanges = data.dropRange ? [ data.dropRange ] : null;\n\t\t\t\tconst eventInfo = new EventInfo( viewDocument, type );\n\n\t\t\t\tviewDocument.fire( eventInfo, {\n\t\t\t\t\tdataTransfer: data.dataTransfer,\n\t\t\t\t\tmethod: evt.name,\n\t\t\t\t\ttargetRanges,\n\t\t\t\t\ttarget: data.target,\n\t\t\t\t\tdomEvent: data.domEvent\n\t\t\t\t} );\n\n\t\t\t\t// If CKEditor handled the input, do not bubble the original event any further.\n\t\t\t\t// This helps external integrations recognize that fact and act accordingly.\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-upload/issues/92\n\t\t\t\tif ( eventInfo.stop.called ) {\n\t\t\t\t\tdata.stopPropagation();\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\t}\n\n\tpublic onDomEvent( domEvent: ClipboardEvent | DragEvent ): void {\n\t\tconst nativeDataTransfer = 'clipboardData' in domEvent ? domEvent.clipboardData! : domEvent.dataTransfer!;\n\t\tconst cacheFiles = domEvent.type == 'drop' || domEvent.type == 'paste';\n\n\t\tconst evtData: ClipboardEventData = {\n\t\t\tdataTransfer: new ViewDataTransfer( nativeDataTransfer, { cacheFiles } )\n\t\t};\n\n\t\tif ( domEvent.type == 'drop' || domEvent.type == 'dragover' ) {\n\t\t\tconst domRange = getRangeFromMouseEvent( domEvent as DragEvent );\n\n\t\t\tevtData.dropRange = domRange && this.view.domConverter.domRangeToView( domRange );\n\t\t}\n\n\t\tthis.fire( domEvent.type, domEvent, evtData );\n\t}\n}\n\n/**\n * The data of 'paste', 'copy', 'cut', 'drop', 'dragover', 'dragstart', 'dragend', 'dragenter' and 'dragleave' events.\n */\nexport interface ClipboardEventData {\n\n\t/**\n\t * The data transfer instance.\n\t */\n\tdataTransfer: ViewDataTransfer;\n\n\t/**\n\t * The position into which the content is dropped.\n\t */\n\tdropRange?: ViewRange | null;\n}\n\n/**\n * Fired as a continuation of the {@link module:engine/view/document~ViewDocument#event:paste} and\n * {@link module:engine/view/document~ViewDocument#event:drop} events.\n *\n * It is a part of the {@glink framework/deep-dive/clipboard#input-pipeline clipboard input pipeline}.\n *\n * This event carries a `dataTransfer` object which comes from the clipboard and whose content should be processed\n * and inserted into the editor.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:clipboard/clipboardobserver~ClipboardObserver\n * @see module:clipboard/clipboard~Clipboard\n *\n * @eventName module:engine/view/document~ViewDocument#clipboardInput\n * @param data The event data.\n */\nexport type ViewDocumentClipboardInputEvent = {\n\tname: 'clipboardInput';\n\targs: [ data: ViewDocumentDomEventData<ClipboardEvent | DragEvent> & ClipboardInputEventData ];\n};\n\n/**\n * The value of the {@link module:engine/view/document~ViewDocument#event:paste},\n * {@link module:engine/view/document~ViewDocument#event:copy} and {@link module:engine/view/document~ViewDocument#event:cut} events.\n *\n * In order to access the clipboard data, use the `dataTransfer` property.\n */\nexport interface ClipboardInputEventData {\n\n\t/**\n\t * Data transfer instance.\n\t */\n\tdataTransfer: ViewDataTransfer;\n\n\t/**\n\t * Whether the event was triggered by a paste or a drop operation.\n\t */\n\tmethod: 'paste' | 'drop';\n\n\t/**\n\t * The tree view element representing the target.\n\t */\n\ttarget: ViewElement;\n\n\t/**\n\t * The ranges which are the target of the operation (usually – into which the content should be inserted).\n\t * If the clipboard input was triggered by a paste operation, this property is not set. If by a drop operation,\n\t * then it is the drop position (which can be different than the selection at the moment of the drop).\n\t */\n\ttargetRanges: Array<ViewRange> | null;\n\n\t/**\n\t * The content of clipboard input.\n\t */\n\tcontent?: ViewDocumentFragment;\n}\n\n/**\n * Fired when the user drags the content over one of the editing roots of the editor.\n *\n * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:engine/view/document~ViewDocument#event:clipboardInput\n *\n * @eventName module:engine/view/document~ViewDocument#dragover\n * @param data The event data.\n */\nexport type ViewDocumentDragOverEvent = {\n\tname: 'dragover';\n\targs: [ data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData ];\n};\n\n/**\n * Fired when the user dropped the content into one of the editing roots of the editor.\n *\n * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:engine/view/document~ViewDocument#event:clipboardInput\n *\n * @eventName module:engine/view/document~ViewDocument#drop\n * @param data The event data.\n */\nexport type ViewDocumentDropEvent = {\n\tname: 'drop';\n\targs: [ data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData ];\n};\n\n/**\n * Fired when the user pasted the content into one of the editing roots of the editor.\n *\n * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:engine/view/document~ViewDocument#event:clipboardInput\n *\n * @eventName module:engine/view/document~ViewDocument#paste\n * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.\n */\nexport type ViewDocumentPasteEvent = {\n\tname: 'paste';\n\targs: [ data: ViewDocumentDomEventData<ClipboardEvent> & ClipboardEventData ];\n};\n\n/**\n * Fired when the user copied the content from one of the editing roots of the editor.\n *\n * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:clipboard/clipboardobserver~ClipboardObserver\n *\n * @eventName module:engine/view/document~ViewDocument#copy\n * @param data The event data.\n */\nexport type ViewDocumentCopyEvent = {\n\tname: 'copy';\n\targs: [ data: ViewDocumentDomEventData<ClipboardEvent> & ClipboardEventData ];\n};\n\n/**\n * Fired when the user cut the content from one of the editing roots of the editor.\n *\n * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:clipboard/clipboardobserver~ClipboardObserver\n *\n * @eventName module:engine/view/document~ViewDocument#cut\n * @param data The event data.\n */\nexport type ViewDocumentCutEvent = {\n\tname: 'cut';\n\targs: [ data: ViewDocumentDomEventData<ClipboardEvent> & ClipboardEventData ];\n};\n\n/**\n * Fired as a continuation of the {@link module:engine/view/document~ViewDocument#event:dragover} event.\n *\n * It is a part of the {@glink framework/deep-dive/clipboard#input-pipeline clipboard input pipeline}.\n *\n * This event carries a `dataTransfer` object which comes from the clipboard and whose content should be processed\n * and inserted into the editor.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver}  method. This is usually done by the\n * {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,\n * the observer must be added manually.\n *\n * @see module:clipboard/clipboardobserver~ClipboardObserver\n * @see module:clipboard/clipboard~Clipboard\n *\n * @eventName module:engine/view/document~ViewDocument#dragging\n * @param data The event data.\n */\nexport type ViewDocumentDraggingEvent = {\n\tname: 'dragging';\n\targs: [ data: ViewDocumentDomEventData<DragEvent> & DraggingEventData ];\n};\n\nexport interface DraggingEventData {\n\n\t/**\n\t * The data transfer instance.\n\t */\n\tdataTransfer: ViewDataTransfer;\n\n\t/**\n\t * Whether the event was triggered by a paste or a drop operation.\n\t */\n\tmethod: 'dragover';\n\n\t/**\n\t * The tree view element representing the target.\n\t */\n\ttarget: Element;\n\n\t/**\n\t * Ranges which are the target of the operation (usually – into which the content should be inserted).\n\t * It is the drop position (which can be different than the selection at the moment of drop).\n\t */\n\ttargetRanges: Array<ViewRange> | null;\n}\n\n/**\n * Fired when the user starts dragging the content in one of the editing roots of the editor.\n *\n * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:engine/view/document~ViewDocument#event:clipboardInput\n *\n * @eventName module:engine/view/document~ViewDocument#dragstart\n * @param data The event data.\n */\nexport type ViewDocumentDragStartEvent = {\n\tname: 'dragstart';\n\targs: [ data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData ];\n};\n\n/**\n * Fired when the user ended dragging the content.\n *\n * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:engine/view/document~ViewDocument#event:clipboardInput\n *\n * @eventName module:engine/view/document~ViewDocument#dragend\n * @param data The event data.\n */\nexport type ViewDocumentDragEndEvent = {\n\tname: 'dragend';\n\targs: [ data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData ];\n};\n\n/**\n * Fired when the user drags the content into one of the editing roots of the editor.\n *\n * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:engine/view/document~ViewDocument#event:clipboardInput\n *\n * @eventName module:engine/view/document~ViewDocument#dragenter\n * @param data The event data.\n */\nexport type ViewDocumentDragEnterEvent = {\n\tname: 'dragenter';\n\targs: [ data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData ];\n};\n\n/**\n * Fired when the user drags the content out of one of the editing roots of the editor.\n *\n * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.\n *\n * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}\n * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the\n * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}\n * plugin, but if for some reason it is not loaded, the observer must be added manually.\n *\n * @see module:engine/view/document~ViewDocument#event:clipboardInput\n *\n * @eventName module:engine/view/document~ViewDocument#dragleave\n * @param data The event data.\n */\nexport type ViewDocumentDragLeaveEvent = {\n\tname: 'dragleave';\n\targs: [ data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/utils/plaintexttohtml\n */\n\n/**\n * Converts plain text to its HTML-ized version.\n *\n * @param text The plain text to convert.\n * @returns HTML generated from the plain text.\n */\nexport function plainTextToHtml( text: string ): string {\n\ttext = text\n\t\t// Encode &.\n\t\t.replace( /&/g, '&amp;' )\n\t\t// Encode <>.\n\t\t.replace( /</g, '&lt;' )\n\t\t.replace( />/g, '&gt;' )\n\t\t// Creates a paragraph for each double line break.\n\t\t.replace( /\\r?\\n\\r?\\n/g, '</p><p>' )\n\t\t// Creates a line break for each single line break.\n\t\t.replace( /\\r?\\n/g, '<br>' )\n\t\t// Replace tabs with four spaces.\n\t\t.replace( /\\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;' )\n\t\t// Preserve trailing spaces (only the first and last one – the rest is handled below).\n\t\t.replace( /^\\s/, '&nbsp;' )\n\t\t.replace( /\\s$/, '&nbsp;' )\n\t\t// Preserve other subsequent spaces now.\n\t\t.replace( /\\s\\s/g, ' &nbsp;' );\n\n\tif ( text.includes( '</p><p>' ) || text.includes( '<br>' ) ) {\n\t\t// If we created paragraphs above, add the trailing ones.\n\t\ttext = `<p>${ text }</p>`;\n\t}\n\n\t// TODO:\n\t// * What about '\\nfoo' vs ' foo'?\n\n\treturn text;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/utils/normalizeclipboarddata\n */\n\n/**\n * Removes some popular browser quirks out of the clipboard data (HTML).\n * Removes all HTML comments. These are considered an internal thing and it makes little sense if they leak into the editor data.\n *\n * @param data The HTML data to normalize.\n * @returns Normalized HTML.\n * @internal\n */\nexport function normalizeClipboardData( data: string ): string {\n\treturn data\n\t\t.replace( /<span(?: class=\"Apple-converted-space\"|)>(\\s+)<\\/span>/g, ( fullMatch, spaces ) => {\n\t\t\t// Handle the most popular and problematic case when even a single space becomes an nbsp;.\n\t\t\t// Decode those to normal spaces. Read more in https://github.com/ckeditor/ckeditor5-clipboard/issues/2.\n\t\t\tif ( spaces.length == 1 ) {\n\t\t\t\treturn ' ';\n\t\t\t}\n\n\t\t\treturn spaces;\n\t\t} )\n\t\t// Remove all HTML comments.\n\t\t.replace( /<!--[\\s\\S]*?-->/g, '' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/utils/viewtoplaintext\n */\n\nimport type { ViewDomConverter, ViewDocumentFragment, ViewElement, ViewItem } from '@ckeditor/ckeditor5-engine';\n\n// Elements which should not have empty-line padding.\n// Most `view.ContainerElement` want to be separate by new-line, but some are creating one structure\n// together (like `<li>`) so it is better to separate them by only one \"\\n\".\nconst smallPaddingElements = [ 'figcaption', 'li' ];\n\nconst listElements = [ 'ol', 'ul' ];\n\n/**\n * Converts {@link module:engine/view/item~ViewItem view item} and all of its children to plain text.\n *\n * @param converter The converter instance.\n * @param viewItem View item to convert.\n * @returns Plain text representation of `viewItem`.\n */\nexport function viewToPlainText(\n\tconverter: ViewDomConverter,\n\tviewItem: ViewItem | ViewDocumentFragment\n): string {\n\tif ( viewItem.is( '$text' ) || viewItem.is( '$textProxy' ) ) {\n\t\treturn viewItem.data;\n\t}\n\n\tif ( viewItem.is( 'element', 'img' ) && viewItem.hasAttribute( 'alt' ) ) {\n\t\treturn viewItem.getAttribute( 'alt' )!;\n\t}\n\n\tif ( viewItem.is( 'element', 'br' ) ) {\n\t\treturn '\\n'; // Convert soft breaks to single line break (#8045).\n\t}\n\n\t/**\n\t * Item is a document fragment, attribute element or container element. It doesn't\n\t * have it's own text value, so we need to convert its children elements.\n\t */\n\n\tlet text = '';\n\tlet prev: ViewElement | null = null;\n\n\tfor ( const child of ( viewItem as ViewElement | ViewDocumentFragment ).getChildren() ) {\n\t\ttext += newLinePadding( child as ViewElement, prev ) + viewToPlainText( converter, child );\n\t\tprev = child as ViewElement;\n\t}\n\n\t// If item is a raw element, the only way to get its content is to render it and read the text directly from DOM.\n\tif ( viewItem.is( 'rawElement' ) ) {\n\t\tconst doc = document.implementation.createHTMLDocument( '' );\n\t\tconst tempElement = doc.createElement( 'div' );\n\n\t\tviewItem.render( tempElement, converter );\n\n\t\ttext += domElementToPlainText( tempElement );\n\t}\n\n\treturn text;\n}\n\n/**\n * Recursively converts DOM element and all of its children to plain text.\n */\nfunction domElementToPlainText( element: HTMLElement ): string {\n\tlet text = '';\n\n\tif ( element.nodeType === Node.TEXT_NODE ) {\n\t\treturn element.textContent!;\n\t} else if ( element.tagName === 'BR' ) {\n\t\treturn '\\n';\n\t}\n\n\tfor ( const child of element.childNodes ) {\n\t\ttext += domElementToPlainText( child as HTMLElement );\n\t}\n\n\treturn text;\n}\n\n/**\n * Returns new line padding to prefix the given elements with.\n */\nfunction newLinePadding(\n\telement: ViewElement,\n\tprevious: ViewElement | null\n): string {\n\tif ( !previous ) {\n\t\t// Don't add padding to first elements in a level.\n\t\treturn '';\n\t}\n\n\tif ( element.is( 'element', 'li' ) && !element.isEmpty && element.getChild( 0 )!.is( 'containerElement' ) ) {\n\t\t// Separate document list items with empty lines.\n\t\treturn '\\n\\n';\n\t}\n\n\tif ( listElements.includes( element.name ) && listElements.includes( previous.name ) ) {\n\t\t/**\n\t\t * Because `<ul>` and `<ol>` are ViewAttributeElements, two consecutive lists will not have any padding between\n\t\t * them (see the `if` statement below). To fix this, we need to make an exception for this case.\n\t\t */\n\t\treturn '\\n\\n';\n\t}\n\n\tif ( !element.is( 'containerElement' ) && !previous.is( 'containerElement' ) ) {\n\t\t// Don't add padding between non-container elements.\n\t\treturn '';\n\t}\n\n\tif ( smallPaddingElements.includes( element.name ) || smallPaddingElements.includes( previous.name ) ) {\n\t\t// Add small padding between selected container elements.\n\t\treturn '\\n';\n\t}\n\n\t// Do not add padding around the elements that won't be rendered.\n\tif (\n\t\telement.is( 'element' ) && element.getCustomProperty( 'dataPipeline:transparentRendering' ) ||\n\t\tprevious.is( 'element' ) && previous.getCustomProperty( 'dataPipeline:transparentRendering' )\n\t) {\n\t\treturn '';\n\t}\n\n\t// Add empty lines between container elements.\n\treturn '\\n\\n';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/clipboardmarkersutils\n */\nimport { mapValues } from 'es-toolkit/compat';\n\nimport { uid } from '@ckeditor/ckeditor5-utils';\nimport { Plugin, type NonEmptyArray } from '@ckeditor/ckeditor5-core';\n\nimport {\n\tModelRange,\n\ttype ModelDocumentFragment,\n\ttype ModelPosition,\n\ttype ModelElement,\n\ttype ModelDocumentSelection,\n\ttype ModelSelection,\n\ttype ModelWriter,\n\ttype Marker\n} from '@ckeditor/ckeditor5-engine';\n\n/**\n * Part of the clipboard logic. Responsible for collecting markers from selected fragments\n * and restoring them with proper positions in pasted elements.\n *\n * @internal\n */\nexport class ClipboardMarkersUtils extends Plugin {\n\t/**\n\t * Map of marker names that can be copied.\n\t *\n\t * @internal\n\t */\n\tprivate _markersToCopy: Map<string, ClipboardMarkerConfiguration> = new Map();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ClipboardMarkersUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Registers marker name as copyable in clipboard pipeline.\n\t *\n\t * @param markerName Name of marker that can be copied.\n\t * @param config Configuration that describes what can be performed on specified marker.\n\t * @internal\n\t */\n\tpublic _registerMarkerToCopy( markerName: string, config: ClipboardMarkerConfiguration ): void {\n\t\tthis._markersToCopy.set( markerName, config );\n\t}\n\n\t/**\n\t * Performs copy markers on provided selection and paste it to fragment returned from `getCopiedFragment`.\n\t *\n\t * \t1. Picks all markers in provided selection.\n\t * \t2. Inserts fake markers to document.\n\t * \t3. Gets copied selection fragment from document.\n\t * \t4. Removes fake elements from fragment and document.\n\t * \t5. Inserts markers in the place of removed fake markers.\n\t *\n\t * Due to selection modification, when inserting items, `getCopiedFragment` must *always* operate on `writer.model.document.selection'.\n\t * Do not use any other custom selection object within callback, as this will lead to out-of-bounds exceptions in rare scenarios.\n\t *\n\t * @param action Type of clipboard action.\n\t * @param selection Selection to be checked.\n\t * @param getCopiedFragment\tCallback that performs copy of selection and returns it as fragment.\n\t * @internal\n\t */\n\tpublic _copySelectedFragmentWithMarkers(\n\t\taction: ClipboardMarkerRestrictedAction,\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\tgetCopiedFragment: ( writer: ModelWriter ) => ModelDocumentFragment = writer =>\n\t\t\twriter.model.getSelectedContent( writer.model.document.selection )\n\t): ModelDocumentFragment {\n\t\treturn this.editor.model.change( writer => {\n\t\t\tconst oldSelection = writer.model.document.selection;\n\n\t\t\t// In some scenarios, such like in drag & drop, passed `selection` parameter is not actually\n\t\t\t// the same `selection` as the `writer.model.document.selection` which means that `_insertFakeMarkersToSelection`\n\t\t\t// is not affecting passed `selection` `start` and `end` positions but rather modifies `writer.model.document.selection`.\n\t\t\t//\n\t\t\t// It is critical due to fact that when we have selection that starts [ 0, 0 ] and ends at [ 1, 0 ]\n\t\t\t// and after inserting fake marker it will point to such marker instead of new widget position at start: [ 1, 0 ] end: [2, 0 ].\n\t\t\t// `writer.insert` modifies only original `writer.model.document.selection`.\n\t\t\twriter.setSelection( selection );\n\n\t\t\tconst sourceSelectionInsertedMarkers = this._insertFakeMarkersIntoSelection( writer, writer.model.document.selection, action );\n\t\t\tconst fragment = getCopiedFragment( writer );\n\t\t\tconst fakeMarkersRangesInsideRange = this._removeFakeMarkersInsideElement( writer, fragment );\n\n\t\t\t// <fake-marker> [Foo] Bar</fake-marker>\n\t\t\t//      ^                    ^\n\t\t\t// In `_insertFakeMarkersIntoSelection` call we inserted fake marker just before first element.\n\t\t\t// The problem is that the first element can be start position of selection so insertion fake-marker\n\t\t\t// before such element shifts selection (so selection that was at [0, 0] now is at [0, 1]).\n\t\t\t// It means that inserted fake-marker is no longer present inside such selection and is orphaned.\n\t\t\t// This function checks special case of such problem. Markers that are orphaned at the start position\n\t\t\t// and end position in the same time. Basically it means that they overlaps whole element.\n\t\t\tfor ( const [ markerName, elements ] of Object.entries( sourceSelectionInsertedMarkers ) ) {\n\t\t\t\tfakeMarkersRangesInsideRange[ markerName ] ||= writer.createRangeIn( fragment );\n\n\t\t\t\tfor ( const element of elements ) {\n\t\t\t\t\twriter.remove( element );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfragment.markers.clear();\n\n\t\t\tfor ( const [ markerName, range ] of Object.entries( fakeMarkersRangesInsideRange ) ) {\n\t\t\t\tfragment.markers.set( markerName, range );\n\t\t\t}\n\n\t\t\t// Revert back selection to previous one.\n\t\t\twriter.setSelection( oldSelection );\n\n\t\t\treturn fragment;\n\t\t} );\n\t}\n\n\t/**\n\t * Performs paste of markers on already pasted element.\n\t *\n\t * \t1. Inserts fake markers that are present in fragment element (such fragment will be processed in `getPastedDocumentElement`).\n\t * \t2. Calls `getPastedDocumentElement` and gets element that is inserted into root model.\n\t * \t3. Removes all fake markers present in transformed element.\n\t * \t4. Inserts new markers with removed fake markers ranges into pasted fragment.\n\t *\n\t * There are multiple edge cases that have to be considered before calling this function:\n\t *\n\t * \t* `markers` are inserted into the same element that must be later transformed inside `getPastedDocumentElement`.\n\t * \t* Fake marker elements inside `getPastedDocumentElement` can be cloned, but their ranges cannot overlap.\n\t * \t* If `duplicateOnPaste` is `true` in marker config then associated marker ID is regenerated before pasting.\n\t *\n\t * @param markers Object that maps marker name to corresponding range.\n\t * @param getPastedDocumentElement Getter used to get target markers element.\n\t * @internal\n\t */\n\tpublic _pasteMarkersIntoTransformedElement(\n\t\tmarkers: Record<string, ModelRange> | Map<string, ModelRange>,\n\t\tgetPastedDocumentElement: ( writer: ModelWriter ) => ModelElement\n\t): ModelElement {\n\t\tconst pasteMarkers = this._getPasteMarkersFromRangeMap( markers );\n\n\t\treturn this.editor.model.change( writer => {\n\t\t\t// Inserts fake markers into source fragment / element that is later transformed inside `getPastedDocumentElement`.\n\t\t\tconst sourceFragmentFakeMarkers = this._insertFakeMarkersElements( writer, pasteMarkers );\n\n\t\t\t// Modifies document fragment (for example, cloning table cells) and then inserts it into the document.\n\t\t\tconst transformedElement = getPastedDocumentElement( writer );\n\n\t\t\t// Removes markers in pasted and transformed fragment in root document.\n\t\t\tconst removedFakeMarkers = this._removeFakeMarkersInsideElement( writer, transformedElement );\n\n\t\t\t// Cleans up fake markers inserted into source fragment (that one before transformation which is not pasted).\n\t\t\tfor ( const element of Object.values( sourceFragmentFakeMarkers ).flat() ) {\n\t\t\t\twriter.remove( element );\n\t\t\t}\n\n\t\t\t// Inserts to root document fake markers.\n\t\t\tfor ( const [ markerName, range ] of Object.entries( removedFakeMarkers ) ) {\n\t\t\t\tif ( !writer.model.markers.has( markerName ) ) {\n\t\t\t\t\twriter.addMarker( markerName, {\n\t\t\t\t\t\tusingOperation: true,\n\t\t\t\t\t\taffectsData: true,\n\t\t\t\t\t\trange\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn transformedElement;\n\t\t} );\n\t}\n\n\t/**\n\t * Pastes document fragment with markers to document.\n\t * If `duplicateOnPaste` is `true` in marker config then associated markers IDs\n\t * are regenerated before pasting to avoid markers duplications in content.\n\t *\n\t * @param fragment Document fragment that should contain already processed by pipeline markers.\n\t * @internal\n\t */\n\tpublic _pasteFragmentWithMarkers( fragment: ModelDocumentFragment ): ModelRange {\n\t\tconst pasteMarkers = this._getPasteMarkersFromRangeMap( fragment.markers );\n\n\t\tfragment.markers.clear();\n\n\t\tfor ( const copyableMarker of pasteMarkers ) {\n\t\t\tfragment.markers.set( copyableMarker.name, copyableMarker.range );\n\t\t}\n\n\t\treturn this.editor.model.insertContent( fragment );\n\t}\n\n\t/**\n\t * In some situations we have to perform copy on selected fragment with certain markers. This function allows to temporarily bypass\n\t * restrictions on markers that we want to copy.\n\t *\n\t * This function executes `executor()` callback. For the duration of the callback, if the clipboard pipeline is used to copy\n\t * content, markers with the specified name will be copied to the clipboard as well.\n\t *\n\t * @param markerName Which markers should be copied.\n\t * @param executor Callback executed.\n\t * @param config Optional configuration flags used to copy (such like partial copy flag).\n\t * @internal\n\t */\n\tpublic _forceMarkersCopy(\n\t\tmarkerName: string,\n\t\texecutor: VoidFunction,\n\t\tconfig: ClipboardMarkerConfiguration = {\n\t\t\tallowedActions: 'all',\n\t\t\tcopyPartiallySelected: true,\n\t\t\tduplicateOnPaste: true\n\t\t}\n\t): void {\n\t\tconst before = this._markersToCopy.get( markerName );\n\n\t\tthis._markersToCopy.set( markerName, config );\n\n\t\texecutor();\n\n\t\tif ( before ) {\n\t\t\tthis._markersToCopy.set( markerName, before );\n\t\t} else {\n\t\t\tthis._markersToCopy.delete( markerName );\n\t\t}\n\t}\n\n\t/**\n\t * Checks if marker can be copied.\n\t *\n\t * @param markerName Name of checked marker.\n\t * @param action Type of clipboard action. If null then checks only if marker is registered as copyable.\n\t * @internal\n\t */\n\tpublic _isMarkerCopyable( markerName: string, action: ClipboardMarkerRestrictedAction | null ): boolean {\n\t\tconst config = this._getMarkerClipboardConfig( markerName );\n\n\t\tif ( !config ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// If there is no action provided then only presence of marker is checked.\n\t\tif ( !action ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst { allowedActions } = config;\n\n\t\treturn allowedActions === 'all' || allowedActions.includes( action );\n\t}\n\n\t/**\n\t * Checks if marker has any clipboard copy behavior configuration.\n\t *\n\t * @param markerName Name of checked marker.\n\t */\n\tpublic _hasMarkerConfiguration( markerName: string ): boolean {\n\t\treturn !!this._getMarkerClipboardConfig( markerName );\n\t}\n\n\t/**\n\t * Returns marker's configuration flags passed during registration.\n\t *\n\t * @param markerName Name of marker that should be returned.\n\t * @internal\n\t */\n\tpublic _getMarkerClipboardConfig( markerName: string ): ClipboardMarkerConfiguration | null {\n\t\tconst [ markerNamePrefix ] = markerName.split( ':' );\n\n\t\treturn this._markersToCopy.get( markerNamePrefix ) || null;\n\t}\n\n\t/**\n\t * First step of copying markers. It looks for markers intersecting with given selection and inserts `$marker` elements\n\t * at positions where document markers start or end. This way `$marker` elements can be easily copied together with\n\t * the rest of the content of the selection.\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param selection Selection to be checked.\n\t * @param action Type of clipboard action.\n\t */\n\tprivate _insertFakeMarkersIntoSelection(\n\t\twriter: ModelWriter,\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\taction: ClipboardMarkerRestrictedAction\n\t): Record<string, Array<ModelElement>> {\n\t\tconst copyableMarkers = this._getCopyableMarkersFromSelection( writer, selection, action );\n\n\t\treturn this._insertFakeMarkersElements( writer, copyableMarkers );\n\t}\n\n\t/**\n\t * Returns array of markers that can be copied in specified selection.\n\t *\n\t * If marker cannot be copied partially (according to `copyPartiallySelected` configuration flag) and\n\t * is not present entirely in any selection range then it will be skipped.\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param selection  Selection which will be checked.\n\t * @param action Type of clipboard action. If null then checks only if marker is registered as copyable.\n\t */\n\tprivate _getCopyableMarkersFromSelection(\n\t\twriter: ModelWriter,\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\taction: ClipboardMarkerRestrictedAction | null\n\t): Array<CopyableMarker> {\n\t\tconst selectionRanges = Array.from( selection.getRanges()! );\n\n\t\t// Picks all markers in provided ranges. Ensures that there are no duplications if\n\t\t// there are multiple ranges that intersects with the same marker.\n\t\tconst markersInRanges = new Set(\n\t\t\tselectionRanges.flatMap(\n\t\t\t\tselectionRange => Array.from( writer.model.markers.getMarkersIntersectingRange( selectionRange ) )\n\t\t\t)\n\t\t);\n\n\t\tconst isSelectionMarkerCopyable = ( marker: Marker ) => {\n\t\t\t// Check if marker exists in configuration and provided action can be performed on it.\n\t\t\tconst isCopyable = this._isMarkerCopyable( marker.name, action );\n\n\t\t\tif ( !isCopyable ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// Checks if configuration disallows to copy marker only if part of its content is selected.\n\t\t\t//\n\t\t\t// Example:\n\t\t\t// \t<marker-a> Hello [ World ] </marker-a>\n\t\t\t//\t\t\t\t\t\t^ selection\n\t\t\t//\n\t\t\t// In this scenario `marker-a` won't be copied because selection doesn't overlap its content entirely.\n\t\t\tconst { copyPartiallySelected } = this._getMarkerClipboardConfig( marker.name )!;\n\n\t\t\tif ( !copyPartiallySelected ) {\n\t\t\t\tconst markerRange = marker.getRange();\n\n\t\t\t\treturn selectionRanges.some( selectionRange => selectionRange.containsRange( markerRange, true ) );\n\t\t\t}\n\n\t\t\treturn true;\n\t\t};\n\n\t\treturn Array\n\t\t\t.from( markersInRanges )\n\t\t\t.filter( isSelectionMarkerCopyable )\n\t\t\t.map( ( copyableMarker ): CopyableMarker => {\n\t\t\t\t// During `dragstart` event original marker is still present in tree.\n\t\t\t\t// It is removed after the clipboard drop event, so none of the copied markers are inserted at the end.\n\t\t\t\t// It happens because there already markers with specified `marker.name` when clipboard is trying to insert data\n\t\t\t\t// and it aborts inserting.\n\t\t\t\tconst name = action === 'dragstart' ? this._getUniqueMarkerName( copyableMarker.name ) : copyableMarker.name;\n\n\t\t\t\treturn {\n\t\t\t\t\tname,\n\t\t\t\t\trange: copyableMarker.getRange()\n\t\t\t\t};\n\t\t\t} );\n\t}\n\n\t/**\n\t * Picks all markers from markers map that can be pasted.\n\t * If `duplicateOnPaste` is `true`, it regenerates their IDs to ensure uniqueness.\n\t * If marker is not registered, it will be kept in the array anyway.\n\t *\n\t * @param markers Object that maps marker name to corresponding range.\n\t * @param action Type of clipboard action. If null then checks only if marker is registered as copyable.\n\t */\n\tprivate _getPasteMarkersFromRangeMap(\n\t\tmarkers: Record<string, ModelRange> | Map<string, ModelRange>,\n\t\taction: ClipboardMarkerRestrictedAction | null = null\n\t): Array<CopyableMarker> {\n\t\tconst { model } = this.editor;\n\t\tconst entries = markers instanceof Map ? Array.from( markers.entries() ) : Object.entries( markers );\n\n\t\treturn entries.flatMap( ( [ markerName, range ] ): Array<CopyableMarker> => {\n\t\t\tif ( !this._hasMarkerConfiguration( markerName ) ) {\n\t\t\t\treturn [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: markerName,\n\t\t\t\t\t\trange\n\t\t\t\t\t}\n\t\t\t\t];\n\t\t\t}\n\n\t\t\tif ( this._isMarkerCopyable( markerName, action ) ) {\n\t\t\t\tconst copyMarkerConfig = this._getMarkerClipboardConfig( markerName )!;\n\t\t\t\tconst isInGraveyard = model.markers.has( markerName ) &&\n\t\t\t\t\tmodel.markers.get( markerName )!.getRange().root.rootName === '$graveyard';\n\n\t\t\t\tif ( copyMarkerConfig.duplicateOnPaste || isInGraveyard ) {\n\t\t\t\t\tmarkerName = this._getUniqueMarkerName( markerName );\n\t\t\t\t}\n\n\t\t\t\treturn [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: markerName,\n\t\t\t\t\t\trange\n\t\t\t\t\t}\n\t\t\t\t];\n\t\t\t}\n\n\t\t\treturn [];\n\t\t} );\n\t}\n\n\t/**\n\t * Inserts specified array of fake markers elements to document and assigns them `type` and `name` attributes.\n\t * Fake markers elements are used to calculate position of markers on pasted fragment that were transformed during\n\t * steps between copy and paste.\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param markers Array of markers that will be inserted.\n\t */\n\tprivate _insertFakeMarkersElements( writer: ModelWriter, markers: Array<CopyableMarker> ): Record<string, Array<ModelElement>> {\n\t\tconst mappedMarkers: Record<string, Array<ModelElement>> = {};\n\t\tconst sortedMarkers = markers\n\t\t\t.flatMap( marker => {\n\t\t\t\tconst { start, end } = marker.range;\n\n\t\t\t\treturn [\n\t\t\t\t\t{ position: start, marker, type: 'start' },\n\t\t\t\t\t{ position: end, marker, type: 'end' }\n\t\t\t\t];\n\t\t\t} )\n\t\t\t// Markers position is sorted backwards to ensure that the insertion of fake markers will not change\n\t\t\t// the position of the next markers.\n\t\t\t.sort( ( { position: posA }, { position: posB } ) => posA.isBefore( posB ) ? 1 : -1 );\n\n\t\tfor ( const { position, marker, type } of sortedMarkers ) {\n\t\t\tconst fakeMarker = writer.createElement( '$marker', {\n\t\t\t\t'data-name': marker.name,\n\t\t\t\t'data-type': type\n\t\t\t} );\n\n\t\t\tif ( !mappedMarkers[ marker.name ] ) {\n\t\t\t\tmappedMarkers[ marker.name ] = [];\n\t\t\t}\n\n\t\t\tmappedMarkers[ marker.name ]!.push( fakeMarker );\n\t\t\twriter.insert( fakeMarker, position );\n\t\t}\n\n\t\treturn mappedMarkers;\n\t}\n\n\t/**\n\t * Removes all `$marker` elements from the given document fragment.\n\t *\n\t * Returns an object where keys are marker names, and values are ranges corresponding to positions\n\t * where `$marker` elements were inserted.\n\t *\n\t * If the document fragment had only one `$marker` element for given marker (start or end) the other boundary is set automatically\n\t * (to the end or start of the document fragment, respectively).\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param rootElement The element to be checked.\n\t */\n\tprivate _removeFakeMarkersInsideElement(\n\t\twriter: ModelWriter,\n\t\trootElement: ModelElement | ModelDocumentFragment\n\t): Record<string, ModelRange> {\n\t\tconst fakeMarkersElements = this._getAllFakeMarkersFromElement( writer, rootElement );\n\t\tconst fakeMarkersRanges = fakeMarkersElements.reduce<Record<string, FakeMarkerRangeConstruct>>( ( acc, fakeMarker ) => {\n\t\t\tconst position = fakeMarker.markerElement && writer.createPositionBefore( fakeMarker.markerElement );\n\t\t\tlet prevFakeMarker: FakeMarkerRangeConstruct | null = acc[ fakeMarker.name ];\n\n\t\t\t// Handle scenario when tables clone cells with the same fake node. Example:\n\t\t\t//\n\t\t\t// <cell><fake-marker-a></cell> <cell><fake-marker-a></cell> <cell><fake-marker-a></cell>\n\t\t\t//                                          ^ cloned                    ^ cloned\n\t\t\t//\n\t\t\t// The easiest way to bypass this issue is to rename already existing in map nodes and\n\t\t\t// set them new unique name.\n\t\t\tlet skipAssign = false;\n\n\t\t\tif ( prevFakeMarker?.start && prevFakeMarker?.end ) {\n\t\t\t\tconst config = this._getMarkerClipboardConfig( fakeMarker.name )!;\n\n\t\t\t\tif ( config.duplicateOnPaste ) {\n\t\t\t\t\tacc[ this._getUniqueMarkerName( fakeMarker.name ) ] = acc[ fakeMarker.name ];\n\t\t\t\t} else {\n\t\t\t\t\tskipAssign = true;\n\t\t\t\t}\n\n\t\t\t\tprevFakeMarker = null;\n\t\t\t}\n\n\t\t\tif ( !skipAssign ) {\n\t\t\t\tacc[ fakeMarker.name ] = {\n\t\t\t\t\t...prevFakeMarker!,\n\t\t\t\t\t[ fakeMarker.type ]: position\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif ( fakeMarker.markerElement ) {\n\t\t\t\twriter.remove( fakeMarker.markerElement );\n\t\t\t}\n\n\t\t\treturn acc;\n\t\t}, {} );\n\n\t\t// We cannot construct ranges directly in previous reduce because element ranges can overlap.\n\t\t// In other words lets assume we have such scenario:\n\n\t\t// <fake-marker-start /> <paragraph /> <fake-marker-2-start /> <fake-marker-end /> <fake-marker-2-end />\n\t\t//\n\t\t// We have to remove `fake-marker-start` firstly and then remove `fake-marker-2-start`.\n\t\t// Removal of `fake-marker-2-start` affects `fake-marker-end` position so we cannot create\n\t\t// connection between `fake-marker-start` and `fake-marker-end` without iterating whole set firstly.\n\t\treturn mapValues(\n\t\t\tfakeMarkersRanges,\n\t\t\trange => new ModelRange(\n\t\t\t\trange.start || writer.createPositionFromPath( rootElement, [ 0 ] ),\n\t\t\t\trange.end || writer.createPositionAt( rootElement, 'end' )\n\t\t\t)\n\t\t);\n\t}\n\n\t/**\n\t * Returns array that contains list of fake markers with corresponding `$marker` elements.\n\t *\n\t * For each marker, there can be two `$marker` elements or only one (if the document fragment contained\n\t * only the beginning or only the end of a marker).\n\t *\n\t * @param writer An instance of the model writer.\n\t * @param rootElement The element to be checked.\n\t */\n\tprivate _getAllFakeMarkersFromElement( writer: ModelWriter, rootElement: ModelElement | ModelDocumentFragment ): Array<FakeMarker> {\n\t\tconst foundFakeMarkers = Array\n\t\t\t.from( writer.createRangeIn( rootElement ) )\n\t\t\t.flatMap( ( { item } ): Array<FakeMarker> => {\n\t\t\t\tif ( !item.is( 'element', '$marker' ) ) {\n\t\t\t\t\treturn [];\n\t\t\t\t}\n\n\t\t\t\tconst name = item.getAttribute( 'data-name' ) as string;\n\t\t\t\tconst type = item.getAttribute( 'data-type' ) as 'start' | 'end';\n\n\t\t\t\treturn [\n\t\t\t\t\t{\n\t\t\t\t\t\tmarkerElement: item,\n\t\t\t\t\t\tname,\n\t\t\t\t\t\ttype\n\t\t\t\t\t}\n\t\t\t\t];\n\t\t\t} );\n\n\t\tconst prependFakeMarkers: Array<FakeMarker> = [];\n\t\tconst appendFakeMarkers: Array<FakeMarker> = [];\n\n\t\tfor ( const fakeMarker of foundFakeMarkers ) {\n\t\t\tif ( fakeMarker.type === 'end' ) {\n\t\t\t\t// <fake-marker> [ phrase</fake-marker> phrase ]\n\t\t\t\t//   ^\n\t\t\t\t// Handle case when marker is just before start of selection.\n\t\t\t\t// Only end marker is inside selection.\n\n\t\t\t\tconst hasMatchingStartMarker = foundFakeMarkers.some(\n\t\t\t\t\totherFakeMarker => otherFakeMarker.name === fakeMarker.name && otherFakeMarker.type === 'start'\n\t\t\t\t);\n\n\t\t\t\tif ( !hasMatchingStartMarker ) {\n\t\t\t\t\tprependFakeMarkers.push( {\n\t\t\t\t\t\tmarkerElement: null,\n\t\t\t\t\t\tname: fakeMarker.name,\n\t\t\t\t\t\ttype: 'start'\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( fakeMarker.type === 'start' ) {\n\t\t\t\t// [<fake-marker>phrase]</fake-marker>\n\t\t\t\t//                           ^\n\t\t\t\t// Handle case when fake marker is after selection.\n\t\t\t\t// Only start marker is inside selection.\n\n\t\t\t\tconst hasMatchingEndMarker = foundFakeMarkers.some(\n\t\t\t\t\totherFakeMarker => otherFakeMarker.name === fakeMarker.name && otherFakeMarker.type === 'end'\n\t\t\t\t);\n\n\t\t\t\tif ( !hasMatchingEndMarker ) {\n\t\t\t\t\tappendFakeMarkers.unshift( {\n\t\t\t\t\t\tmarkerElement: null,\n\t\t\t\t\t\tname: fakeMarker.name,\n\t\t\t\t\t\ttype: 'end'\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn [\n\t\t\t...prependFakeMarkers,\n\t\t\t...foundFakeMarkers,\n\t\t\t...appendFakeMarkers\n\t\t];\n\t}\n\n\t/**\n\t * When copy of markers occurs we have to make sure that pasted markers have different names\n\t * than source markers. This functions helps with assigning unique part to marker name to\n\t * prevent duplicated markers error.\n\t *\n\t * @param name Name of marker\n\t */\n\tprivate _getUniqueMarkerName( name: string ) {\n\t\tconst parts = name.split( ':' );\n\t\tconst newId = uid().substring( 1, 6 );\n\n\t\t// It looks like the marker already is UID marker so in this scenario just swap\n\t\t// last part of marker name and assign new UID.\n\t\t//\n\t\t// example: comment:{ threadId }:{ id } => comment:{ threadId }:{ newId }\n\t\tif ( parts.length === 3 ) {\n\t\t\treturn `${ parts.slice( 0, 2 ).join( ':' ) }:${ newId }`;\n\t\t}\n\n\t\t// Assign new segment to marker name with id.\n\t\t//\n\t\t// example: comment => comment:{ newId }\n\t\treturn `${ parts.join( ':' ) }:${ newId }`;\n\t}\n}\n\n/**\n * Specifies which action is performed during clipboard event.\n *\n * @internal\n */\nexport type ClipboardMarkerRestrictedAction = 'copy' | 'cut' | 'dragstart';\n\n/**\n * Specifies behavior of markers during clipboard actions.\n *\n * @internal\n */\nexport type ClipboardMarkerConfiguration = {\n\tallowedActions: NonEmptyArray<ClipboardMarkerRestrictedAction> | 'all';\n\n\t// If `false`, do not copy marker when only part of its content is selected.\n\tcopyPartiallySelected?: boolean;\n\n\t// If `true` then every marker that is present in clipboard document fragment element obtain new generated ID just before pasting.\n\t// It means that it is possible to perform copy once and then paste it multiple times wherever we want.\n\t//\n\t// On the other hand if it has false value the marker will be not pasted because ID already exists in the document.\n\t//\n\t// This flag is ignored in `cut` and `dragstart` actions because source marker is moved to graveyard and\n\t// it is still present in `model.markers`. Pasted marker id must be regenerated to avoid duplications.\n\tduplicateOnPaste?: boolean;\n};\n\n/**\n * Marker descriptor type used to revert markers into tree node.\n *\n * @internal\n */\ntype FakeMarker = {\n\ttype: 'start' | 'end';\n\tname: string;\n\tmarkerElement: ModelElement | null;\n};\n\n/**\n * Range used to construct real markers from fake markers. Every property must be optional\n * because real marker range is constructed using iteration over markers that represent `start`\n * and then `end`. Usually `start` is set firstly then after few nodes `end` is set.\n *\n * @internal\n */\ntype FakeMarkerRangeConstruct = {\n\tstart: ModelPosition | null;\n\tend: ModelPosition | null;\n};\n\n/**\n * Structure used to describe marker that has to be copied.\n *\n * @internal\n */\ntype CopyableMarker = {\n\tname: string;\n\trange: ModelRange;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/clipboardpipeline\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\n\nimport { EventInfo } from '@ckeditor/ckeditor5-utils';\n\nimport type {\n\tViewDataTransfer,\n\tModelDocumentFragment,\n\tViewDocumentDomEventData,\n\tModelRange,\n\tViewDocumentFragment,\n\tViewRange,\n\tModelSelection,\n\tModelDocumentSelection\n} from '@ckeditor/ckeditor5-engine';\n\nimport {\n\tClipboardObserver,\n\ttype ClipboardEventData,\n\ttype ViewDocumentCopyEvent,\n\ttype ViewDocumentCutEvent,\n\ttype ViewDocumentClipboardInputEvent\n} from './clipboardobserver.js';\n\nimport { plainTextToHtml } from './utils/plaintexttohtml.js';\nimport { normalizeClipboardData } from './utils/normalizeclipboarddata.js';\nimport { viewToPlainText } from './utils/viewtoplaintext.js';\nimport { ClipboardMarkersUtils } from './clipboardmarkersutils.js';\n\n// Input pipeline events overview:\n//\n//              ┌──────────────────────┐          ┌──────────────────────┐\n//              │     view.Document    │          │     view.Document    │\n//              │         paste        │          │         drop         │\n//              └───────────┬──────────┘          └───────────┬──────────┘\n//                          │                                 │\n//                          └────────────────┌────────────────┘\n//                                           │\n//                                 ┌─────────V────────┐\n//                                 │   view.Document  │   Retrieves text/html or text/plain from data.dataTransfer\n//                                 │  clipboardInput  │   and processes it to view.DocumentFragment.\n//                                 └─────────┬────────┘\n//                                           │\n//                               ┌───────────V───────────┐\n//                               │   ClipboardPipeline   │   Converts view.DocumentFragment to model.DocumentFragment.\n//                               │  inputTransformation  │\n//                               └───────────┬───────────┘\n//                                           │\n//                                ┌──────────V──────────┐\n//                                │  ClipboardPipeline  │   Calls model.insertContent().\n//                                │   contentInsertion  │\n//                                └─────────────────────┘\n//\n//\n// Output pipeline events overview:\n//\n//              ┌──────────────────────┐          ┌──────────────────────┐\n//              │     view.Document    │          │     view.Document    │   Retrieves the selected model.DocumentFragment\n//              │         copy         │          │          cut         │   and fires the `outputTransformation` event.\n//              └───────────┬──────────┘          └───────────┬──────────┘\n//                          │                                 │\n//                          └────────────────┌────────────────┘\n//                                           │\n//                               ┌───────────V───────────┐\n//                               │   ClipboardPipeline   │   Processes model.DocumentFragment and converts it to\n//                               │  outputTransformation │   view.DocumentFragment.\n//                               └───────────┬───────────┘\n//                                           │\n//                                 ┌─────────V────────┐\n//                                 │   view.Document  │   Processes view.DocumentFragment to text/html and text/plain\n//                                 │  clipboardOutput │   and stores the results in data.dataTransfer.\n//                                 └──────────────────┘\n//\n\n/**\n * The clipboard pipeline feature. It is responsible for intercepting the `paste` and `drop` events and\n * passing the pasted content through a series of events in order to insert it into the editor's content.\n * It also handles the `cut` and `copy` events to fill the native clipboard with the serialized editor's data.\n *\n * # Input pipeline\n *\n * The behavior of the default handlers (all at a `low` priority):\n *\n * ## Event: `paste` or `drop`\n *\n * 1. Translates the event data.\n * 2. Fires the {@link module:engine/view/document~ViewDocument#event:clipboardInput `view.Document#clipboardInput`} event.\n *\n * ## Event: `view.Document#clipboardInput`\n *\n * 1. If the `data.content` event field is already set (by some listener on a higher priority), it takes this content and fires the event\n *    from the last point.\n * 2. Otherwise, it retrieves `text/html` or `text/plain` from `data.dataTransfer`.\n * 3. Normalizes the raw data by applying simple filters on string data.\n * 4. Processes the raw data to {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`} with the\n *    {@link module:engine/controller/datacontroller~DataController#htmlProcessor `DataController#htmlProcessor`}.\n * 5. Fires the {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:inputTransformation\n *   `ClipboardPipeline#inputTransformation`} event with the view document fragment in the `data.content` event field.\n *\n * ## Event: `ClipboardPipeline#inputTransformation`\n *\n * 1. Converts {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`} from the `data.content` field to\n *    {@link module:engine/model/documentfragment~ModelDocumentFragment `model.DocumentFragment`}.\n * 2. Fires the {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:contentInsertion `ClipboardPipeline#contentInsertion`}\n *    event with the model document fragment in the `data.content` event field.\n *    **Note**: The `ClipboardPipeline#contentInsertion` event is fired within a model change block to allow other handlers\n *    to run in the same block without post-fixers called in between (i.e., the selection post-fixer).\n *\n * ## Event: `ClipboardPipeline#contentInsertion`\n *\n * 1. Calls {@link module:engine/model/model~Model#insertContent `model.insertContent()`} to insert `data.content`\n *    at the current selection position.\n *\n * # Output pipeline\n *\n * The behavior of the default handlers (all at a `low` priority):\n *\n * ## Event: `copy`, `cut` or `dragstart`\n *\n * 1. Retrieves the selected {@link module:engine/model/documentfragment~ModelDocumentFragment `model.DocumentFragment`} by calling\n *    {@link module:engine/model/model~Model#getSelectedContent `model#getSelectedContent()`}.\n * 2. Converts the model document fragment to {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`}.\n * 3. Fires the {@link module:engine/view/document~ViewDocument#event:clipboardOutput `view.Document#clipboardOutput`} event\n *    with the view document fragment in the `data.content` event field.\n *\n * ## Event: `view.Document#clipboardOutput`\n *\n * 1. Processes `data.content` to HTML and plain text with the\n *    {@link module:engine/controller/datacontroller~DataController#htmlProcessor `DataController#htmlProcessor`}.\n * 2. Updates the `data.dataTransfer` data for `text/html` and `text/plain` with the processed data.\n * 3. For the `cut` method, calls {@link module:engine/model/model~Model#deleteContent `model.deleteContent()`}\n *    on the current selection.\n *\n * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n */\nexport class ClipboardPipeline extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ClipboardPipeline' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ClipboardMarkersUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\n\t\tview.addObserver( ClipboardObserver );\n\n\t\tthis._setupPasteDrop();\n\t\tthis._setupCopyCut();\n\t}\n\n\t/**\n\t * Fires Clipboard `'outputTransformation'` event for given parameters.\n\t *\n\t * @internal\n\t */\n\tpublic _fireOutputTransformationEvent(\n\t\tdataTransfer: ViewDataTransfer,\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\tmethod: 'copy' | 'cut' | 'dragstart'\n\t): void {\n\t\tconst clipboardMarkersUtils: ClipboardMarkersUtils = this.editor.plugins.get( 'ClipboardMarkersUtils' );\n\n\t\tthis.editor.model.enqueueChange( { isUndoable: method === 'cut' }, () => {\n\t\t\tconst documentFragment = clipboardMarkersUtils._copySelectedFragmentWithMarkers( method, selection );\n\n\t\t\tthis.fire<ClipboardOutputTransformationEvent>( 'outputTransformation', {\n\t\t\t\tdataTransfer,\n\t\t\t\tcontent: documentFragment,\n\t\t\t\tmethod\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * The clipboard paste pipeline.\n\t */\n\tprivate _setupPasteDrop(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst clipboardMarkersUtils: ClipboardMarkersUtils = this.editor.plugins.get( 'ClipboardMarkersUtils' );\n\n\t\t// Pasting is disabled when selection is in non-editable place.\n\t\t// Dropping is disabled in drag and drop handler.\n\t\tthis.listenTo<ViewDocumentClipboardInputEvent>( viewDocument, 'clipboardInput', ( evt, data ) => {\n\t\t\tif ( data.method == 'paste' && !editor.model.canEditAt( editor.model.document.selection ) ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'highest' } );\n\n\t\tthis.listenTo<ViewDocumentClipboardInputEvent>( viewDocument, 'clipboardInput', ( evt, data ) => {\n\t\t\tconst dataTransfer = data.dataTransfer;\n\t\t\tlet content: ViewDocumentFragment;\n\n\t\t\t// Some feature could already inject content in the higher priority event handler (i.e., codeBlock).\n\t\t\tif ( data.content ) {\n\t\t\t\tcontent = data.content;\n\t\t\t} else {\n\t\t\t\tlet contentData = '';\n\n\t\t\t\tif ( dataTransfer.getData( 'text/html' ) ) {\n\t\t\t\t\tcontentData = normalizeClipboardData( dataTransfer.getData( 'text/html' ) );\n\t\t\t\t} else if ( dataTransfer.getData( 'text/plain' ) ) {\n\t\t\t\t\tcontentData = plainTextToHtml( dataTransfer.getData( 'text/plain' ) );\n\t\t\t\t}\n\n\t\t\t\tcontent = this.editor.data.htmlProcessor.toView( contentData );\n\t\t\t}\n\n\t\t\tconst eventInfo = new EventInfo( this, 'inputTransformation' );\n\t\t\tconst sourceEditorId = dataTransfer.getData( 'application/ckeditor5-editor-id' ) || null;\n\n\t\t\tthis.fire<ClipboardInputTransformationEvent>( eventInfo, {\n\t\t\t\tcontent,\n\t\t\t\tdataTransfer,\n\t\t\t\tsourceEditorId,\n\t\t\t\ttargetRanges: data.targetRanges,\n\t\t\t\tmethod: data.method as 'paste' | 'drop'\n\t\t\t} );\n\n\t\t\t// If CKEditor handled the input, do not bubble the original event any further.\n\t\t\t// This helps external integrations recognize this fact and act accordingly.\n\t\t\t// https://github.com/ckeditor/ckeditor5-upload/issues/92\n\t\t\tif ( eventInfo.stop.called ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\n\t\t\tview.scrollToTheSelection();\n\t\t}, { priority: 'low' } );\n\n\t\tthis.listenTo<ClipboardInputTransformationEvent>( this, 'inputTransformation', ( evt, data ) => {\n\t\t\tif ( data.content.isEmpty ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst dataController = this.editor.data;\n\n\t\t\t// Convert the pasted content into a model document fragment.\n\t\t\t// The conversion is contextual, but in this case an \"all allowed\" context is needed\n\t\t\t// and for that we use the $clipboardHolder item.\n\t\t\tconst modelFragment = dataController.toModel( data.content, '$clipboardHolder' );\n\n\t\t\tif ( modelFragment.childCount == 0 ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevt.stop();\n\n\t\t\t// Fire content insertion event in a single change block to allow other handlers to run in the same block\n\t\t\t// without post-fixers called in between (i.e., the selection post-fixer).\n\t\t\tmodel.change( () => {\n\t\t\t\tthis.fire<ClipboardContentInsertionEvent>( 'contentInsertion', {\n\t\t\t\t\tcontent: modelFragment,\n\t\t\t\t\tmethod: data.method,\n\t\t\t\t\tsourceEditorId: data.sourceEditorId,\n\t\t\t\t\tdataTransfer: data.dataTransfer,\n\t\t\t\t\ttargetRanges: data.targetRanges\n\t\t\t\t} );\n\t\t\t} );\n\t\t}, { priority: 'low' } );\n\n\t\tthis.listenTo<ClipboardContentInsertionEvent>( this, 'contentInsertion', ( evt, data ) => {\n\t\t\tdata.resultRange = clipboardMarkersUtils._pasteFragmentWithMarkers( data.content );\n\t\t}, { priority: 'low' } );\n\t}\n\n\t/**\n\t * The clipboard copy/cut pipeline.\n\t */\n\tprivate _setupCopyCut(): void {\n\t\tconst editor = this.editor;\n\t\tconst modelDocument = editor.model.document;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\n\t\tconst onCopyCut = ( evt: EventInfo<'copy' | 'cut'>, data: ViewDocumentDomEventData<ClipboardEvent> & ClipboardEventData ) => {\n\t\t\tconst dataTransfer = data.dataTransfer;\n\n\t\t\tdata.preventDefault();\n\n\t\t\tthis._fireOutputTransformationEvent( dataTransfer, modelDocument.selection, evt.name );\n\t\t};\n\n\t\tthis.listenTo<ViewDocumentCopyEvent>( viewDocument, 'copy', onCopyCut, { priority: 'low' } );\n\t\tthis.listenTo<ViewDocumentCutEvent>( viewDocument, 'cut', ( evt, data ) => {\n\t\t\t// Cutting is disabled when selection is in non-editable place.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5-clipboard/issues/26.\n\t\t\tif ( !editor.model.canEditAt( editor.model.document.selection ) ) {\n\t\t\t\tdata.preventDefault();\n\t\t\t} else {\n\t\t\t\tonCopyCut( evt, data );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\n\t\tthis.listenTo<ClipboardOutputTransformationEvent>( this, 'outputTransformation', ( evt, data ) => {\n\t\t\tconst content = editor.data.toView( data.content, { isClipboardPipeline: true } );\n\n\t\t\tviewDocument.fire<ViewDocumentClipboardOutputEvent>( 'clipboardOutput', {\n\t\t\t\tdataTransfer: data.dataTransfer,\n\t\t\t\tcontent,\n\t\t\t\tmethod: data.method\n\t\t\t} );\n\t\t}, { priority: 'low' } );\n\n\t\tthis.listenTo<ViewDocumentClipboardOutputEvent>( viewDocument, 'clipboardOutput', ( evt, data ) => {\n\t\t\tif ( !data.content.isEmpty ) {\n\t\t\t\tdata.dataTransfer.setData( 'text/html', this.editor.data.htmlProcessor.toData( data.content ) );\n\t\t\t\tdata.dataTransfer.setData( 'text/plain', viewToPlainText( editor.data.htmlProcessor.domConverter, data.content ) );\n\t\t\t\tdata.dataTransfer.setData( 'application/ckeditor5-editor-id', this.editor.id );\n\t\t\t}\n\n\t\t\tif ( data.method == 'cut' ) {\n\t\t\t\teditor.model.deleteContent( modelDocument.selection );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t}\n}\n\n/**\n * Fired with the `content`, `dataTransfer`, `method`, and `targetRanges` properties:\n *\n * * The `content` which comes from the clipboard (it was pasted or dropped) should be processed in order to be inserted into the editor.\n * * The `dataTransfer` object is available in case the transformation functions need access to the raw clipboard data.\n * * The `method` indicates the original DOM event (for example `'drop'` or `'paste'`).\n * * The `targetRanges` property is an array of view ranges (it is available only for `'drop'`).\n *\n * It is a part of the {@glink framework/deep-dive/clipboard#input-pipeline clipboard input pipeline}.\n *\n * **Note**: You should not stop this event if you want to change the input data. You should modify the `content` property instead.\n *\n * @see module:clipboard/clipboardobserver~ClipboardObserver\n * @see module:clipboard/clipboardpipeline~ClipboardPipeline\n *\n * @eventName ~ClipboardPipeline#inputTransformation\n * @param data The event data.\n */\nexport type ClipboardInputTransformationEvent = {\n\tname: 'inputTransformation';\n\targs: [ data: ClipboardInputTransformationData ];\n};\n\n/**\n * The data of 'inputTransformation' event.\n */\nexport interface ClipboardInputTransformationData {\n\n\t/**\n\t * The event data.\n\t * The content to be inserted into the editor. It can be modified by event listeners. Read more about the clipboard pipelines in\n\t * the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n\t */\n\tcontent: ViewDocumentFragment;\n\n\t/**\n\t * The data transfer instance.\n\t */\n\tdataTransfer: ViewDataTransfer;\n\n\t/**\n\t * The target drop ranges.\n\t */\n\ttargetRanges: Array<ViewRange> | null;\n\n\t/**\n\t * Whether the event was triggered by a paste or a drop operation.\n\t */\n\tmethod: 'paste' | 'drop';\n\n\t/**\n\t * ID of the editor instance from which the content was copied.\n\t */\n\tsourceEditorId: string | null;\n}\n\n/**\n * Fired with the `content`, `dataTransfer`, `method`, and `targetRanges` properties:\n *\n * * The `content` which comes from the clipboard (was pasted or dropped) should be processed in order to be inserted into the editor.\n * * The `dataTransfer` object is available in case the transformation functions need access to the raw clipboard data.\n * * The `method` indicates the original DOM event (for example `'drop'` or `'paste'`).\n * * The `targetRanges` property is an array of view ranges (it is available only for `'drop'`).\n *\n * Event handlers can modify the content according to the final insertion position.\n *\n * It is a part of the {@glink framework/deep-dive/clipboard#input-pipeline clipboard input pipeline}.\n *\n * **Note**: You should not stop this event if you want to change the input data. You should modify the `content` property instead.\n *\n * @see module:clipboard/clipboardobserver~ClipboardObserver\n * @see module:clipboard/clipboardpipeline~ClipboardPipeline\n * @see module:clipboard/clipboardpipeline~ClipboardPipeline#event:inputTransformation\n *\n * @eventName ~ClipboardPipeline#contentInsertion\n * @param data The event data.\n */\nexport type ClipboardContentInsertionEvent = {\n\tname: 'contentInsertion';\n\targs: [ data: ClipboardContentInsertionData ];\n};\n\n/**\n * The data of 'contentInsertion' event.\n */\nexport interface ClipboardContentInsertionData {\n\n\t/**\n\t * The content to be inserted into the editor.\n\t * Read more about the clipboard pipelines in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n\t */\n\tcontent: ModelDocumentFragment;\n\n\t/**\n\t * Whether the event was triggered by a paste or a drop operation.\n\t */\n\tmethod: 'paste' | 'drop';\n\n\t/**\n\t * The ID of the editor instance from which the content was copied.\n\t */\n\tsourceEditorId: string | null;\n\n\t/**\n\t * The data transfer instance.\n\t */\n\n\tdataTransfer: ViewDataTransfer;\n\n\t/**\n\t * The target drop ranges.\n\t */\n\ttargetRanges: Array<ViewRange> | null;\n\n\t/**\n\t * The result of the `model.insertContent()` call\n\t * (inserted by the event handler at a low priority).\n\t */\n\tresultRange?: ModelRange;\n}\n\n/**\n * Fired on {@link module:engine/view/document~ViewDocument#event:copy} and {@link module:engine/view/document~ViewDocument#event:cut}\n * with a copy of the selected content. The content can be processed before it ends up in the clipboard.\n *\n * It is a part of the {@glink framework/deep-dive/clipboard#output-pipeline clipboard output pipeline}.\n *\n * @see module:clipboard/clipboardobserver~ClipboardObserver\n * @see module:clipboard/clipboardpipeline~ClipboardPipeline\n *\n * @eventName module:engine/view/document~ViewDocument#clipboardOutput\n * @param data The event data.\n */\nexport type ViewDocumentClipboardOutputEvent = {\n\tname: 'clipboardOutput';\n\targs: [ data: ViewDocumentClipboardOutputEventData ];\n};\n\n/**\n * The value of the 'clipboardOutput' event.\n */\nexport interface ViewDocumentClipboardOutputEventData {\n\n\t/**\n\t * The data transfer instance.\n\t *\n\t * @readonly\n\t */\n\tdataTransfer: ViewDataTransfer;\n\n\t/**\n\t * Content to be put into the clipboard. It can be modified by the event listeners.\n\t * Read more about the clipboard pipelines in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n\t */\n\tcontent: ViewDocumentFragment;\n\n\t/**\n\t * Whether the event was triggered by a copy or cut operation.\n\t */\n\tmethod: 'copy' | 'cut' | 'dragstart';\n}\n\n/**\n * Fired on {@link module:engine/view/document~ViewDocument#event:copy}, {@link module:engine/view/document~ViewDocument#event:cut}\n * and {@link module:engine/view/document~ViewDocument#event:dragstart}. The content can be processed before it ends up in the clipboard.\n *\n * It is a part of the {@glink framework/deep-dive/clipboard#output-pipeline clipboard output pipeline}.\n *\n * @eventName ~ClipboardPipeline#outputTransformation\n * @param data The event data.\n */\nexport type ClipboardOutputTransformationEvent = {\n\tname: 'outputTransformation';\n\targs: [ data: ClipboardOutputTransformationData ];\n};\n\n/**\n * The value of the 'outputTransformation' event.\n */\nexport interface ClipboardOutputTransformationData {\n\n\t/**\n\t * The data transfer instance.\n\t *\n\t * @readonly\n\t */\n\tdataTransfer: ViewDataTransfer;\n\n\t/**\n\t * Content to be put into the clipboard. It can be modified by the event listeners.\n\t * Read more about the clipboard pipelines in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n\t */\n\tcontent: ModelDocumentFragment;\n\n\t/**\n\t * Whether the event was triggered by a copy or cut operation.\n\t */\n\tmethod: 'copy' | 'cut' | 'dragstart';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/lineview\n */\n\n/* istanbul ignore file -- @preserve */\n\nimport { View } from '@ckeditor/ckeditor5-ui';\nimport { toUnit } from '@ckeditor/ckeditor5-utils';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * The horizontal drop target line view.\n *\n * @internal\n */\nexport class LineView extends View {\n\t/**\n\t * Controls whether the line is visible.\n\t *\n\t * @observable\n\t * @default false\n\t */\n\tdeclare public isVisible: boolean;\n\n\t/**\n\t * Controls the line position x coordinate.\n\t *\n\t * @observable\n\t * @default null\n\t */\n\tdeclare public left: number | null;\n\n\t/**\n\t * Controls the line width.\n\t *\n\t * @observable\n\t * @default null\n\t */\n\tdeclare public width: number | null;\n\n\t/**\n\t * Controls the line position y coordinate.\n\t *\n\t * @observable\n\t * @default null\n\t */\n\tdeclare public top: number | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( {\n\t\t\tisVisible: false,\n\t\t\tleft: null,\n\t\t\ttop: null,\n\t\t\twidth: null\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-clipboard-drop-target-line',\n\t\t\t\t\tbind.if( 'isVisible', 'ck-hidden', value => !value )\n\t\t\t\t],\n\t\t\t\tstyle: {\n\t\t\t\t\tleft: bind.to( 'left', left => toPx( left! ) ),\n\t\t\t\t\ttop: bind.to( 'top', top => toPx( top! ) ),\n\t\t\t\t\twidth: bind.to( 'width', width => toPx( width! ) )\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/dragdroptarget\n */\n\nimport {\n\tPlugin,\n\ttype Editor\n} from '@ckeditor/ckeditor5-core';\n\nimport {\n\ttype ModelNode,\n\ttype ModelElement,\n\ttype ModelRange,\n\ttype ModelLiveRange,\n\ttype ViewElement,\n\ttype ViewRange,\n\ttype ViewDowncastWriter,\n\ttype ViewRootEditableElement\n} from '@ckeditor/ckeditor5-engine';\n\nimport {\n\tglobal,\n\tRect,\n\tDomEmitterMixin,\n\tdelay,\n\tResizeObserver,\n\ttype DomEmitter\n} from '@ckeditor/ckeditor5-utils';\n\nimport { LineView } from './lineview.js';\n\nimport { throttle } from 'es-toolkit/compat';\n\n/**\n * Part of the Drag and Drop handling. Responsible for finding and displaying the drop target.\n *\n * @internal\n */\nexport class DragDropTarget extends Plugin {\n\t/**\n\t * A delayed callback removing the drop marker.\n\t *\n\t * @internal\n\t */\n\tpublic readonly removeDropMarkerDelayed = delay( () => this.removeDropMarker(), 40 );\n\n\t/**\n\t * A throttled callback updating the drop marker.\n\t */\n\tprivate readonly _updateDropMarkerThrottled = throttle(\n\t\ttargetRange => this._updateDropMarker( targetRange ), 40\n\t);\n\n\t/**\n\t * A throttled callback reconverting the drop parker.\n\t */\n\tprivate readonly _reconvertMarkerThrottled = throttle( () => {\n\t\tif ( this.editor.model.markers.has( 'drop-target' ) ) {\n\t\t\tthis.editor.editing.reconvertMarker( 'drop-target' );\n\t\t}\n\t}, 0 );\n\n\t/**\n\t * The horizontal drop target line view.\n\t */\n\tprivate _dropTargetLineView = new LineView();\n\n\t/**\n\t * DOM Emitter.\n\t */\n\tprivate _domEmitter: DomEmitter = new ( DomEmitterMixin() )();\n\n\t/**\n\t * Map of document scrollable elements.\n\t */\n\tprivate _scrollables = new Map<string, {\n\t\tdomElement: HTMLElement;\n\t\tresizeObserver: ResizeObserver;\n\t}>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'DragDropTarget' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis._setupDropMarker();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis._domEmitter.stopListening();\n\n\t\tfor ( const { resizeObserver } of this._scrollables.values() ) {\n\t\t\tresizeObserver.destroy();\n\t\t}\n\n\t\tthis._updateDropMarkerThrottled.cancel();\n\t\tthis.removeDropMarkerDelayed.cancel();\n\t\tthis._reconvertMarkerThrottled.cancel();\n\n\t\treturn super.destroy();\n\t}\n\n\t/**\n\t * Finds the drop target range and updates the drop marker.\n\t *\n\t * @return The updated drop target range or null if no valid range was found.\n\t * @internal\n\t */\n\tpublic updateDropMarker(\n\t\ttargetViewElement: ViewElement,\n\t\ttargetViewRanges: Array<ViewRange> | null,\n\t\tclientX: number,\n\t\tclientY: number,\n\t\tblockMode: boolean,\n\t\tdraggedRange: ModelLiveRange | null\n\t): ModelRange | null {\n\t\tthis.removeDropMarkerDelayed.cancel();\n\n\t\tconst targetRange = findDropTargetRange(\n\t\t\tthis.editor,\n\t\t\ttargetViewElement,\n\t\t\ttargetViewRanges,\n\t\t\tclientX,\n\t\t\tclientY,\n\t\t\tblockMode,\n\t\t\tdraggedRange\n\t\t);\n\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( !targetRange ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( draggedRange && draggedRange.containsRange( targetRange ) ) {\n\t\t\t// Target range is inside the dragged range.\n\t\t\tthis.removeDropMarker();\n\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( targetRange && !this.editor.model.canEditAt( targetRange ) ) {\n\t\t\t// Do not show drop marker if target place is not editable.\n\t\t\tthis.removeDropMarker();\n\n\t\t\treturn null;\n\t\t}\n\n\t\tthis._updateDropMarkerThrottled( targetRange );\n\n\t\treturn targetRange;\n\t}\n\n\t/**\n\t * Finds the final drop target range.\n\t *\n\t * @internal\n\t */\n\tpublic getFinalDropRange(\n\t\ttargetViewElement: ViewElement,\n\t\ttargetViewRanges: Array<ViewRange> | null,\n\t\tclientX: number,\n\t\tclientY: number,\n\t\tblockMode: boolean,\n\t\tdraggedRange: ModelLiveRange | null\n\t): ModelRange | null {\n\t\tconst targetRange = findDropTargetRange(\n\t\t\tthis.editor,\n\t\t\ttargetViewElement,\n\t\t\ttargetViewRanges,\n\t\t\tclientX,\n\t\t\tclientY,\n\t\t\tblockMode,\n\t\t\tdraggedRange\n\t\t);\n\t\t// The dragging markers must be removed after searching for the target range because sometimes\n\t\t// the target lands on the marker itself.\n\t\tthis.removeDropMarker();\n\n\t\treturn targetRange;\n\t}\n\n\t/**\n\t * Removes the drop target marker.\n\t *\n\t * @internal\n\t */\n\tpublic removeDropMarker(): void {\n\t\tconst model = this.editor.model;\n\n\t\tthis.removeDropMarkerDelayed.cancel();\n\t\tthis._updateDropMarkerThrottled.cancel();\n\t\tthis._dropTargetLineView.isVisible = false;\n\n\t\tif ( model.markers.has( 'drop-target' ) ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.removeMarker( 'drop-target' );\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Creates downcast conversion for the drop target marker.\n\t */\n\tprivate _setupDropMarker(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.view.body.add( this._dropTargetLineView );\n\n\t\t// Drop marker conversion for hovering over widgets.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToHighlight( {\n\t\t\tmodel: 'drop-target',\n\t\t\tview: {\n\t\t\t\tclasses: [ 'ck-clipboard-drop-target-range' ]\n\t\t\t}\n\t\t} );\n\n\t\t// Drop marker conversion for in text and block drop target.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t\t\tmodel: 'drop-target',\n\t\t\tview: ( data, { writer } ) => {\n\t\t\t\t// Inline drop.\n\t\t\t\tif ( editor.model.schema.checkChild( data.markerRange.start, '$text' ) ) {\n\t\t\t\t\tthis._dropTargetLineView.isVisible = false;\n\n\t\t\t\t\treturn this._createDropTargetPosition( writer );\n\t\t\t\t}\n\t\t\t\t// Block drop.\n\t\t\t\telse {\n\t\t\t\t\tif ( data.markerRange.isCollapsed ) {\n\t\t\t\t\t\tthis._updateDropTargetLine( data.markerRange );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis._dropTargetLineView.isVisible = false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Updates the drop target marker to the provided range.\n\t *\n\t * @param targetRange The range to set the marker to.\n\t */\n\tprivate _updateDropMarker( targetRange: ModelRange ): void {\n\t\tconst editor = this.editor;\n\t\tconst markers = editor.model.markers;\n\n\t\teditor.model.change( writer => {\n\t\t\tif ( markers.has( 'drop-target' ) ) {\n\t\t\t\tif ( !markers.get( 'drop-target' )!.getRange().isEqual( targetRange ) ) {\n\t\t\t\t\twriter.updateMarker( 'drop-target', { range: targetRange } );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\twriter.addMarker( 'drop-target', {\n\t\t\t\t\trange: targetRange,\n\t\t\t\t\tusingOperation: false,\n\t\t\t\t\taffectsData: false\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Creates the UI element for vertical (in-line) drop target.\n\t */\n\tprivate _createDropTargetPosition( writer: ViewDowncastWriter ): ViewElement {\n\t\treturn writer.createUIElement( 'span', { class: 'ck ck-clipboard-drop-target-position' }, function( domDocument ) {\n\t\t\tconst domElement = this.toDomElement( domDocument );\n\n\t\t\t// Using word joiner to make this marker as high as text and also making text not break on marker.\n\t\t\tdomElement.append( '\\u2060', domDocument.createElement( 'span' ), '\\u2060' );\n\n\t\t\treturn domElement;\n\t\t} );\n\t}\n\n\t/**\n\t * Updates the horizontal drop target line.\n\t */\n\tprivate _updateDropTargetLine( range: ModelRange ): void {\n\t\tconst editing = this.editor.editing;\n\n\t\tconst nodeBefore = range.start.nodeBefore as ModelElement | null;\n\t\tconst nodeAfter = range.start.nodeAfter as ModelElement | null;\n\t\tconst nodeParent = range.start.parent as ModelElement;\n\n\t\tconst viewElementBefore = nodeBefore ? editing.mapper.toViewElement( nodeBefore ) : null;\n\t\tconst domElementBefore = viewElementBefore ? editing.view.domConverter.mapViewToDom( viewElementBefore ) : null;\n\n\t\tconst viewElementAfter = nodeAfter ? editing.mapper.toViewElement( nodeAfter )! : null;\n\t\tconst domElementAfter = viewElementAfter ? editing.view.domConverter.mapViewToDom( viewElementAfter ) : null;\n\n\t\tconst viewElementParent = editing.mapper.toViewElement( nodeParent )!;\n\n\t\tif ( !viewElementParent ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst domElementParent = editing.view.domConverter.mapViewToDom( viewElementParent )!;\n\n\t\tconst domScrollableRect = this._getScrollableRect( viewElementParent );\n\n\t\tconst { scrollX, scrollY } = global.window;\n\t\tconst rectBefore = domElementBefore ? new Rect( domElementBefore ) : null;\n\t\tconst rectAfter = domElementAfter ? new Rect( domElementAfter ) : null;\n\t\tconst rectParent = new Rect( domElementParent ).excludeScrollbarsAndBorders();\n\n\t\tconst above = rectBefore ? rectBefore.bottom : rectParent.top;\n\t\tconst below = rectAfter ? rectAfter.top : rectParent.bottom;\n\n\t\tconst parentStyle = global.window.getComputedStyle( domElementParent );\n\t\tconst top = ( above <= below ? ( above + below ) / 2 : below );\n\n\t\tif ( domScrollableRect.top < top && top < domScrollableRect.bottom ) {\n\t\t\tconst left = rectParent.left + parseFloat( parentStyle.paddingLeft );\n\t\t\tconst right = rectParent.right - parseFloat( parentStyle.paddingRight );\n\n\t\t\tconst leftClamped = Math.max( left + scrollX, domScrollableRect.left );\n\t\t\tconst rightClamped = Math.min( right + scrollX, domScrollableRect.right );\n\n\t\t\tthis._dropTargetLineView.set( {\n\t\t\t\tisVisible: true,\n\t\t\t\tleft: leftClamped,\n\t\t\t\ttop: top + scrollY,\n\t\t\t\twidth: rightClamped - leftClamped\n\t\t\t} );\n\t\t} else {\n\t\t\tthis._dropTargetLineView.isVisible = false;\n\t\t}\n\t}\n\n\t/**\n\t * Finds the closest scrollable element rect for the given view element.\n\t */\n\tprivate _getScrollableRect( viewElement: ViewElement ): Rect {\n\t\tconst rootName = ( viewElement.root as ViewRootEditableElement ).rootName;\n\n\t\tlet domScrollable;\n\n\t\tif ( this._scrollables.has( rootName ) ) {\n\t\t\tdomScrollable = this._scrollables.get( rootName )!.domElement;\n\t\t} else {\n\t\t\tconst domElement = this.editor.editing.view.domConverter.mapViewToDom( viewElement )!;\n\n\t\t\tdomScrollable = findScrollableElement( domElement );\n\n\t\t\tthis._domEmitter.listenTo( domScrollable, 'scroll', this._reconvertMarkerThrottled, { usePassive: true } );\n\t\t\tconst resizeObserver = new ResizeObserver( domScrollable, this._reconvertMarkerThrottled );\n\n\t\t\tthis._scrollables.set( rootName, {\n\t\t\t\tdomElement: domScrollable,\n\t\t\t\tresizeObserver\n\t\t\t} );\n\t\t}\n\n\t\treturn new Rect( domScrollable ).excludeScrollbarsAndBorders();\n\t}\n}\n\n/**\n * Returns fixed selection range for given position and target element.\n */\nfunction findDropTargetRange(\n\teditor: Editor,\n\ttargetViewElement: ViewElement,\n\ttargetViewRanges: Array<ViewRange> | null,\n\tclientX: number,\n\tclientY: number,\n\tblockMode: boolean,\n\tdraggedRange: ModelLiveRange | null\n): ModelRange | null {\n\tconst model = editor.model;\n\tconst mapper = editor.editing.mapper;\n\n\tconst targetModelElement = getClosestMappedModelElement( editor, targetViewElement );\n\tlet modelElement = targetModelElement;\n\n\twhile ( modelElement ) {\n\t\tif ( !blockMode ) {\n\t\t\tif ( model.schema.checkChild( modelElement, '$text' ) ) {\n\t\t\t\tif ( targetViewRanges ) {\n\t\t\t\t\tconst targetViewPosition = targetViewRanges[ 0 ].start;\n\t\t\t\t\tconst targetModelPosition = mapper.toModelPosition( targetViewPosition );\n\t\t\t\t\tconst canDropOnPosition = !draggedRange || Array\n\t\t\t\t\t\t.from( draggedRange.getItems( { shallow: true } ) )\n\t\t\t\t\t\t.some( item => model.schema.checkChild( targetModelPosition, item as ModelNode ) );\n\n\t\t\t\t\tif ( canDropOnPosition ) {\n\t\t\t\t\t\tif ( model.schema.checkChild( targetModelPosition, '$text' ) ) {\n\t\t\t\t\t\t\treturn model.createRange( targetModelPosition );\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse if ( targetViewPosition ) {\n\t\t\t\t\t\t// This is the case of dropping inside a span wrapper of an inline image.\n\t\t\t\t\t\t\treturn findDropTargetRangeForElement(\n\t\t\t\t\t\t\t\teditor,\n\t\t\t\t\t\t\t\tgetClosestMappedModelElement( editor, targetViewPosition.parent as ViewElement ),\n\t\t\t\t\t\t\t\tclientX,\n\t\t\t\t\t\t\t\tclientY\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\telse if ( model.schema.isInline( modelElement ) ) {\n\t\t\t\treturn findDropTargetRangeForElement( editor, modelElement, clientX, clientY );\n\t\t\t}\n\t\t}\n\n\t\tif ( model.schema.isBlock( modelElement ) ) {\n\t\t\treturn findDropTargetRangeForElement( editor, modelElement, clientX, clientY );\n\t\t}\n\t\telse if ( model.schema.checkChild( modelElement, '$block' ) ) {\n\t\t\tconst childNodes = Array.from( modelElement.getChildren() )\n\t\t\t\t.filter( ( node ): node is ModelElement => node.is( 'element' ) && !shouldIgnoreElement( editor, node ) );\n\n\t\t\tlet startIndex = 0;\n\t\t\tlet endIndex = childNodes.length;\n\n\t\t\tif ( endIndex == 0 ) {\n\t\t\t\treturn model.createRange( model.createPositionAt( modelElement as ModelElement, 'end' ) );\n\t\t\t}\n\n\t\t\twhile ( startIndex < endIndex - 1 ) {\n\t\t\t\tconst middleIndex = Math.floor( ( startIndex + endIndex ) / 2 );\n\t\t\t\tconst side = findElementSide( editor, childNodes[ middleIndex ], clientX, clientY );\n\n\t\t\t\tif ( side == 'before' ) {\n\t\t\t\t\tendIndex = middleIndex;\n\t\t\t\t} else {\n\t\t\t\t\tstartIndex = middleIndex;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn findDropTargetRangeForElement( editor, childNodes[ startIndex ], clientX, clientY );\n\t\t}\n\n\t\tmodelElement = modelElement.parent as ModelElement;\n\t}\n\n\treturn null;\n}\n\n/**\n * Returns true for elements which should be ignored.\n */\nfunction shouldIgnoreElement( editor: Editor, modelElement: ModelElement ): boolean {\n\tconst mapper = editor.editing.mapper;\n\tconst domConverter = editor.editing.view.domConverter;\n\n\tconst viewElement = mapper.toViewElement( modelElement )!;\n\n\tif ( !viewElement ) {\n\t\treturn true;\n\t}\n\n\tconst domElement = domConverter.mapViewToDom( viewElement )!;\n\n\treturn global.window.getComputedStyle( domElement ).float != 'none';\n}\n\n/**\n * Returns target range relative to the given element.\n */\nfunction findDropTargetRangeForElement( editor: Editor, modelElement: ModelElement, clientX: number, clientY: number ): ModelRange {\n\tconst model = editor.model;\n\n\treturn model.createRange(\n\t\tmodel.createPositionAt(\n\t\t\tmodelElement as ModelElement,\n\t\t\tfindElementSide( editor, modelElement, clientX, clientY )\n\t\t)\n\t);\n}\n\n/**\n * Resolves whether drop marker should be before or after the given element.\n */\nfunction findElementSide( editor: Editor, modelElement: ModelElement, clientX: number, clientY: number ): 'before' | 'after' {\n\tconst mapper = editor.editing.mapper;\n\tconst domConverter = editor.editing.view.domConverter;\n\n\tconst viewElement = mapper.toViewElement( modelElement )!;\n\tconst domElement = domConverter.mapViewToDom( viewElement )!;\n\tconst rect = new Rect( domElement );\n\n\tif ( editor.model.schema.isInline( modelElement ) ) {\n\t\treturn clientX < ( rect.left + rect.right ) / 2 ? 'before' : 'after';\n\t} else {\n\t\treturn clientY < ( rect.top + rect.bottom ) / 2 ? 'before' : 'after';\n\t}\n}\n\n/**\n * Returns the closest model element for the specified view element.\n */\nfunction getClosestMappedModelElement( editor: Editor, element: ViewElement ): ModelElement {\n\tconst mapper = editor.editing.mapper;\n\tconst view = editor.editing.view;\n\n\tconst targetModelElement = mapper.toModelElement( element );\n\n\tif ( targetModelElement ) {\n\t\treturn targetModelElement;\n\t}\n\n\t// Find mapped ancestor if the target is inside not mapped element (for example inline code element).\n\tconst viewPosition = view.createPositionBefore( element );\n\tconst viewElement = mapper.findMappedViewAncestor( viewPosition );\n\n\treturn mapper.toModelElement( viewElement )!;\n}\n\n/**\n * Returns the closest scrollable ancestor DOM element.\n *\n * It is assumed that `domNode` is attached to the document.\n */\nfunction findScrollableElement( domNode: HTMLElement ): HTMLElement {\n\tlet domElement: HTMLElement = domNode;\n\n\tdo {\n\t\tdomElement = domElement.parentElement!;\n\n\t\tconst overflow = global.window.getComputedStyle( domElement ).overflowY;\n\n\t\tif ( overflow == 'auto' || overflow == 'scroll' ) {\n\t\t\tbreak;\n\t\t}\n\t} while ( domElement.tagName != 'BODY' );\n\n\treturn domElement;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/dragdropblocktoolbar\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\n\nimport {\n\tenv,\n\tglobal,\n\tDomEmitterMixin,\n\ttype ObservableChangeEvent,\n\ttype DomEmitter\n} from '@ckeditor/ckeditor5-utils';\n\nimport type { BlockToolbar } from '@ckeditor/ckeditor5-ui';\n\nimport { ClipboardObserver } from './clipboardobserver.js';\n\n/**\n * Integration of a block Drag and Drop support with the block toolbar.\n *\n * @internal\n */\nexport class DragDropBlockToolbar extends Plugin {\n\t/**\n\t * Whether current dragging is started by block toolbar button dragging.\n\t */\n\tprivate _isBlockDragging = false;\n\n\t/**\n\t * DOM Emitter.\n\t */\n\tprivate _domEmitter: DomEmitter = new ( DomEmitterMixin() )();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'DragDropBlockToolbar' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tthis.listenTo<ObservableChangeEvent<boolean>>( editor, 'change:isReadOnly', ( evt, name, isReadOnly ) => {\n\t\t\tif ( isReadOnly ) {\n\t\t\t\tthis.forceDisabled( 'readOnlyMode' );\n\t\t\t\tthis._isBlockDragging = false;\n\t\t\t} else {\n\t\t\t\tthis.clearForceDisabled( 'readOnlyMode' );\n\t\t\t}\n\t\t} );\n\n\t\tif ( env.isAndroid ) {\n\t\t\tthis.forceDisabled( 'noAndroidSupport' );\n\t\t}\n\n\t\tif ( editor.plugins.has( 'BlockToolbar' ) ) {\n\t\t\tconst blockToolbar: BlockToolbar = editor.plugins.get( 'BlockToolbar' );\n\t\t\tconst element = blockToolbar.buttonView.element!;\n\n\t\t\tthis._domEmitter.listenTo( element, 'dragstart', ( evt, data ) => this._handleBlockDragStart( data ) );\n\t\t\tthis._domEmitter.listenTo( global.document, 'dragover', ( evt, data ) => this._handleBlockDragging( data ) );\n\t\t\tthis._domEmitter.listenTo( global.document, 'drop', ( evt, data ) => this._handleBlockDragging( data ) );\n\t\t\tthis._domEmitter.listenTo( global.document, 'dragend', () => this._handleBlockDragEnd(), { useCapture: true } );\n\n\t\t\tif ( this.isEnabled ) {\n\t\t\t\telement.setAttribute( 'draggable', 'true' );\n\t\t\t}\n\n\t\t\tthis.on<ObservableChangeEvent<boolean>>( 'change:isEnabled', ( evt, name, isEnabled ) => {\n\t\t\t\telement.setAttribute( 'draggable', isEnabled ? 'true' : 'false' );\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis._domEmitter.stopListening();\n\n\t\treturn super.destroy();\n\t}\n\n\t/**\n\t * The `dragstart` event handler.\n\t */\n\tprivate _handleBlockDragStart( domEvent: DragEvent ): void {\n\t\tif ( !this.isEnabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst view = this.editor.editing.view;\n\n\t\tconst blocks = Array.from( selection.getSelectedBlocks() );\n\t\tconst draggedRange = model.createRange(\n\t\t\tmodel.createPositionBefore( blocks[ 0 ] ),\n\t\t\tmodel.createPositionAfter( blocks[ blocks.length - 1 ] )\n\t\t);\n\n\t\tmodel.change( writer => writer.setSelection( draggedRange ) );\n\n\t\tthis._isBlockDragging = true;\n\n\t\tview.focus();\n\t\tview.getObserver( ClipboardObserver )!.onDomEvent( domEvent );\n\t}\n\n\t/**\n\t * The `dragover` and `drop` event handler.\n\t */\n\tprivate _handleBlockDragging( domEvent: DragEvent ): void {\n\t\tif ( !this.isEnabled || !this._isBlockDragging ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst clientX = domEvent.clientX + ( this.editor.locale.contentLanguageDirection == 'ltr' ? 100 : -100 );\n\t\tconst clientY = domEvent.clientY;\n\t\tconst target = document.elementFromPoint( clientX, clientY );\n\t\tconst view = this.editor.editing.view;\n\n\t\tif ( !target || !target.closest( '.ck-editor__editable' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tview.getObserver( ClipboardObserver )!.onDomEvent( {\n\t\t\t...domEvent,\n\t\t\ttype: domEvent.type,\n\t\t\tdataTransfer: domEvent.dataTransfer,\n\t\t\ttarget,\n\t\t\tclientX,\n\t\t\tclientY,\n\t\t\tpreventDefault: () => domEvent.preventDefault(),\n\t\t\tstopPropagation: () => domEvent.stopPropagation()\n\t\t} );\n\t}\n\n\t/**\n\t * The `dragend` event handler.\n\t */\n\tprivate _handleBlockDragEnd(): void {\n\t\tthis._isBlockDragging = false;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/dragdrop\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\n\nimport {\n\tModelLiveRange,\n\tPointerObserver,\n\ttype ViewDataTransfer,\n\ttype ModelElement,\n\ttype Model,\n\ttype ModelRange,\n\ttype ModelPosition,\n\ttype ViewElement,\n\ttype ViewDocumentDomEventData,\n\ttype ViewDocumentPointerDownEvent,\n\ttype ViewDocumentPointerUpEvent\n} from '@ckeditor/ckeditor5-engine';\n\nimport {\n\tWidget,\n\tisWidget,\n\ttype WidgetToolbarRepository\n} from '@ckeditor/ckeditor5-widget';\n\nimport {\n\tenv,\n\tuid,\n\tglobal,\n\tcreateElement,\n\tDomEmitterMixin,\n\tdelay,\n\tRect,\n\ttype DelayedFunc,\n\ttype ObservableChangeEvent,\n\ttype DomEmitter\n} from '@ckeditor/ckeditor5-utils';\n\nimport {\n\tClipboardPipeline,\n\ttype ClipboardContentInsertionEvent\n} from './clipboardpipeline.js';\n\nimport {\n\tClipboardObserver,\n\ttype ViewDocumentDragEndEvent,\n\ttype ViewDocumentDragEnterEvent,\n\ttype ViewDocumentDraggingEvent,\n\ttype ViewDocumentDragLeaveEvent,\n\ttype ViewDocumentDragStartEvent,\n\ttype ViewDocumentClipboardInputEvent\n} from './clipboardobserver.js';\n\nimport { DragDropTarget } from './dragdroptarget.js';\nimport { DragDropBlockToolbar } from './dragdropblocktoolbar.js';\n\nimport '../theme/clipboard.css';\n\n// Drag and drop events overview:\n//\n//                ┌──────────────────┐\n//                │     mousedown    │   Sets the draggable attribute.\n//                └─────────┬────────┘\n//                          │\n//                          └─────────────────────┐\n//                          │                     │\n//                          │           ┌─────────V────────┐\n//                          │           │      mouseup     │   Dragging did not start, removes the draggable attribute.\n//                          │           └──────────────────┘\n//                          │\n//                ┌─────────V────────┐   Retrieves the selected model.DocumentFragment\n//                │     dragstart    │   and converts it to view.DocumentFragment.\n//                └─────────┬────────┘\n//                          │\n//                ┌─────────V────────┐   Processes view.DocumentFragment to text/html and text/plain\n//                │  clipboardOutput │   and stores the results in data.dataTransfer.\n//                └─────────┬────────┘\n//                          │\n//                          │   DOM dragover\n//                          ┌────────────┐\n//                          │            │\n//                ┌─────────V────────┐   │\n//                │     dragging     │   │   Updates the drop target marker.\n//                └─────────┬────────┘   │\n//                          │            │\n//            ┌─────────────└────────────┘\n//            │             │            │\n//            │   ┌─────────V────────┐   │\n//            │   │     dragleave    │   │   Removes the drop target marker.\n//            │   └─────────┬────────┘   │\n//            │             │            │\n//        ┌───│─────────────┘            │\n//        │   │             │            │\n//        │   │   ┌─────────V────────┐   │\n//        │   │   │     dragenter    │   │   Focuses the editor view.\n//        │   │   └─────────┬────────┘   │\n//        │   │             │            │\n//        │   │             └────────────┘\n//        │   │\n//        │   └─────────────┐\n//        │   │             │\n//        │   │   ┌─────────V────────┐\n//        └───┐   │       drop       │   (The default handler of the clipboard pipeline).\n//            │   └─────────┬────────┘\n//            │             │\n//            │   ┌─────────V────────┐   Resolves the final data.targetRanges.\n//            │   │  clipboardInput  │   Aborts if dropping on dragged content.\n//            │   └─────────┬────────┘\n//            │             │\n//            │   ┌─────────V────────┐\n//            │   │  clipboardInput  │   (The default handler of the clipboard pipeline).\n//            │   └─────────┬────────┘\n//            │             │\n//            │ ┌───────────V───────────┐\n//            │ │  inputTransformation  │   (The default handler of the clipboard pipeline).\n//            │ └───────────┬───────────┘\n//            │             │\n//            │  ┌──────────V──────────┐\n//            │  │   contentInsertion  │   Updates the document selection to drop range.\n//            │  └──────────┬──────────┘\n//            │             │\n//            │  ┌──────────V──────────┐\n//            │  │   contentInsertion  │   (The default handler of the clipboard pipeline).\n//            │  └──────────┬──────────┘\n//            │             │\n//            │  ┌──────────V──────────┐\n//            │  │   contentInsertion  │   Removes the content from the original range if the insertion was successful.\n//            │  └──────────┬──────────┘\n//            │             │\n//            └─────────────┐\n//                          │\n//                ┌─────────V────────┐\n//                │      dragend     │   Removes the drop marker and cleans the state.\n//                └──────────────────┘\n//\n\n/**\n * The drag and drop feature. It works on top of the {@link module:clipboard/clipboardpipeline~ClipboardPipeline}.\n *\n * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n *\n * @internal\n */\nexport class DragDrop extends Plugin {\n\t/**\n\t * The live range over the original content that is being dragged.\n\t */\n\tprivate _draggedRange!: ModelLiveRange | null;\n\n\t/**\n\t * The UID of current dragging that is used to verify if the drop started in the same editor as the drag start.\n\t *\n\t * **Note**: This is a workaround for broken 'dragend' events (they are not fired if the source text node got removed).\n\t */\n\tprivate _draggingUid!: string;\n\n\t/**\n\t * The reference to the model element that currently has a `draggable` attribute set (it is set while dragging).\n\t */\n\tprivate _draggableElement!: ModelElement | null;\n\n\t/**\n\t * A delayed callback removing draggable attributes.\n\t */\n\tprivate _clearDraggableAttributesDelayed: DelayedFunc<() => void> = delay( () => this._clearDraggableAttributes(), 40 );\n\n\t/**\n\t * Whether the dragged content can be dropped only in block context.\n\t */\n\t// TODO handle drag from other editor instance\n\t// TODO configure to use block, inline or both\n\tprivate _blockMode: boolean = false;\n\n\t/**\n\t * DOM Emitter.\n\t */\n\tprivate _domEmitter: DomEmitter = new ( DomEmitterMixin() )();\n\n\t/**\n\t * The DOM element used to generate dragged preview image.\n\t */\n\tprivate _previewContainer?: HTMLElement;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'DragDrop' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ClipboardPipeline, Widget, DragDropTarget, DragDropBlockToolbar ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\n\t\tthis._draggedRange = null;\n\t\tthis._draggingUid = '';\n\t\tthis._draggableElement = null;\n\n\t\tview.addObserver( ClipboardObserver );\n\t\tview.addObserver( PointerObserver );\n\n\t\tthis._setupDragging();\n\t\tthis._setupContentInsertionIntegration();\n\t\tthis._setupClipboardInputIntegration();\n\t\tthis._setupDraggableAttributeHandling();\n\n\t\tthis.listenTo<ObservableChangeEvent<boolean>>( editor, 'change:isReadOnly', ( evt, name, isReadOnly ) => {\n\t\t\tif ( isReadOnly ) {\n\t\t\t\tthis.forceDisabled( 'readOnlyMode' );\n\t\t\t} else {\n\t\t\t\tthis.clearForceDisabled( 'readOnlyMode' );\n\t\t\t}\n\t\t} );\n\n\t\tthis.on<ObservableChangeEvent<boolean>>( 'change:isEnabled', ( evt, name, isEnabled ) => {\n\t\t\tif ( !isEnabled ) {\n\t\t\t\tthis._finalizeDragging( false );\n\t\t\t}\n\t\t} );\n\n\t\tif ( env.isAndroid ) {\n\t\t\tthis.forceDisabled( 'noAndroidSupport' );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tif ( this._draggedRange ) {\n\t\t\tthis._draggedRange.detach();\n\t\t\tthis._draggedRange = null;\n\t\t}\n\n\t\tif ( this._previewContainer ) {\n\t\t\tthis._previewContainer.remove();\n\t\t}\n\n\t\tthis._domEmitter.stopListening();\n\t\tthis._clearDraggableAttributesDelayed.cancel();\n\n\t\treturn super.destroy();\n\t}\n\n\t/**\n\t * Drag and drop events handling.\n\t */\n\tprivate _setupDragging(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst dragDropTarget = editor.plugins.get( DragDropTarget );\n\n\t\t// The handler for the drag start; it is responsible for setting data transfer object.\n\t\tthis.listenTo<ViewDocumentDragStartEvent>( viewDocument, 'dragstart', ( evt, data ) => {\n\t\t\t// Don't drag the editable element itself.\n\t\t\tif ( data.target?.is( 'editableElement' ) ) {\n\t\t\t\tdata.preventDefault();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._prepareDraggedRange( data.target );\n\n\t\t\tif ( !this._draggedRange ) {\n\t\t\t\tdata.preventDefault();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._draggingUid = uid();\n\n\t\t\tconst canEditAtDraggedRange = this.isEnabled && editor.model.canEditAt( this._draggedRange );\n\n\t\t\tdata.dataTransfer.effectAllowed = canEditAtDraggedRange ? 'copyMove' : 'copy';\n\t\t\tdata.dataTransfer.setData( 'application/ckeditor5-dragging-uid', this._draggingUid );\n\n\t\t\tconst draggedSelection = model.createSelection( this._draggedRange.toRange() );\n\t\t\tconst clipboardPipeline: ClipboardPipeline = this.editor.plugins.get( 'ClipboardPipeline' );\n\n\t\t\tclipboardPipeline._fireOutputTransformationEvent( data.dataTransfer, draggedSelection, 'dragstart' );\n\n\t\t\tconst { dataTransfer, domTarget, domEvent } = data;\n\t\t\tconst { clientX } = domEvent;\n\n\t\t\tthis._updatePreview( { dataTransfer, domTarget, clientX } );\n\n\t\t\tdata.stopPropagation();\n\n\t\t\tif ( !canEditAtDraggedRange ) {\n\t\t\t\tthis._draggedRange.detach();\n\t\t\t\tthis._draggedRange = null;\n\t\t\t\tthis._draggingUid = '';\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\n\t\t// The handler for finalizing drag and drop. It should always be triggered after dragging completes\n\t\t// even if it was completed in a different application.\n\t\t// Note: This is not fired if source text node got removed while downcasting a marker.\n\t\tthis.listenTo<ViewDocumentDragEndEvent>( viewDocument, 'dragend', ( evt, data ) => {\n\t\t\tthis._finalizeDragging( !data.dataTransfer.isCanceled && data.dataTransfer.dropEffect == 'move' );\n\t\t}, { priority: 'low' } );\n\n\t\t// Reset block dragging mode even if dropped outside the editable.\n\t\tthis._domEmitter.listenTo( global.document, 'dragend', () => {\n\t\t\tthis._blockMode = false;\n\t\t}, { useCapture: true } );\n\n\t\t// Dragging over the editable.\n\t\tthis.listenTo<ViewDocumentDragEnterEvent>( viewDocument, 'dragenter', () => {\n\t\t\tif ( !this.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tview.focus();\n\t\t} );\n\n\t\t// Dragging out of the editable.\n\t\tthis.listenTo<ViewDocumentDragLeaveEvent>( viewDocument, 'dragleave', () => {\n\t\t\t// We do not know if the mouse left the editor or just some element in it, so let us wait a few milliseconds\n\t\t\t// to check if 'dragover' is not fired.\n\t\t\tdragDropTarget.removeDropMarkerDelayed();\n\t\t} );\n\n\t\t// Handler for moving dragged content over the target area.\n\t\tthis.listenTo<ViewDocumentDraggingEvent>( viewDocument, 'dragging', ( evt, data ) => {\n\t\t\tif ( !this.isEnabled ) {\n\t\t\t\tdata.dataTransfer.dropEffect = 'none';\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { clientX, clientY } = ( data as ViewDocumentDomEventData<DragEvent> ).domEvent;\n\n\t\t\tconst targetRange = dragDropTarget.updateDropMarker(\n\t\t\t\tdata.target,\n\t\t\t\tdata.targetRanges,\n\t\t\t\tclientX,\n\t\t\t\tclientY,\n\t\t\t\tthis._blockMode,\n\t\t\t\tthis._draggedRange\n\t\t\t);\n\n\t\t\t// Do not allow dropping if there is no valid target range (e.g., dropping on non-editable place).\n\t\t\tif ( !targetRange ) {\n\t\t\t\tdata.dataTransfer.dropEffect = 'none';\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If this is content being dragged from another editor, moving out of current editor instance\n\t\t\t// is not possible until 'dragend' event case will be fixed.\n\t\t\tif ( !this._draggedRange ) {\n\t\t\t\tdata.dataTransfer.dropEffect = 'copy';\n\t\t\t}\n\n\t\t\t// In Firefox it is already set and effect allowed remains the same as originally set.\n\t\t\tif ( !env.isGecko ) {\n\t\t\t\tif ( data.dataTransfer.effectAllowed == 'copy' ) {\n\t\t\t\t\tdata.dataTransfer.dropEffect = 'copy';\n\t\t\t\t} else if ( [ 'all', 'copyMove' ].includes( data.dataTransfer.effectAllowed ) ) {\n\t\t\t\t\tdata.dataTransfer.dropEffect = 'move';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tevt.stop();\n\t\t}, { priority: 'low' } );\n\t}\n\n\t/**\n\t * Integration with the `clipboardInput` event.\n\t */\n\tprivate _setupClipboardInputIntegration(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst dragDropTarget = editor.plugins.get( DragDropTarget );\n\n\t\t// Update the event target ranges and abort dropping if dropping over itself.\n\t\tthis.listenTo<ViewDocumentClipboardInputEvent>( viewDocument, 'clipboardInput', ( evt, data ) => {\n\t\t\tif ( data.method != 'drop' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { clientX, clientY } = ( data as ViewDocumentDomEventData<DragEvent> ).domEvent;\n\t\t\tconst targetRange = dragDropTarget.getFinalDropRange(\n\t\t\t\tdata.target,\n\t\t\t\tdata.targetRanges,\n\t\t\t\tclientX,\n\t\t\t\tclientY,\n\t\t\t\tthis._blockMode,\n\t\t\t\tthis._draggedRange\n\t\t\t);\n\n\t\t\tif ( !targetRange ) {\n\t\t\t\tthis._finalizeDragging( false );\n\t\t\t\tevt.stop();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Since we cannot rely on the drag end event, we must check if the local drag range is from the current drag and drop\n\t\t\t// or it is from some previous not cleared one.\n\t\t\tif ( this._draggedRange && this._draggingUid != data.dataTransfer.getData( 'application/ckeditor5-dragging-uid' ) ) {\n\t\t\t\tthis._draggedRange.detach();\n\t\t\t\tthis._draggedRange = null;\n\t\t\t\tthis._draggingUid = '';\n\t\t\t}\n\n\t\t\t// Do not do anything if some content was dragged within the same document to the same position.\n\t\t\tconst isMove = getFinalDropEffect( data.dataTransfer ) == 'move';\n\n\t\t\tif ( isMove && this._draggedRange && this._draggedRange.containsRange( targetRange, true ) ) {\n\t\t\t\tthis._finalizeDragging( false );\n\t\t\t\tevt.stop();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Override the target ranges with the one adjusted to the best one for a drop.\n\t\t\tdata.targetRanges = [ editor.editing.mapper.toViewRange( targetRange ) ];\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Integration with the `contentInsertion` event of the clipboard pipeline.\n\t */\n\tprivate _setupContentInsertionIntegration(): void {\n\t\tconst clipboardPipeline = this.editor.plugins.get( ClipboardPipeline );\n\n\t\tclipboardPipeline.on<ClipboardContentInsertionEvent>( 'contentInsertion', ( evt, data ) => {\n\t\t\tif ( !this.isEnabled || data.method !== 'drop' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Update the selection to the target range in the same change block to avoid selection post-fixing\n\t\t\t// and to be able to clone text attributes for plain text dropping.\n\t\t\tconst ranges = data.targetRanges!.map( viewRange => this.editor.editing.mapper.toModelRange( viewRange ) );\n\n\t\t\tthis.editor.model.change( writer => writer.setSelection( ranges ) );\n\t\t}, { priority: 'high' } );\n\n\t\tclipboardPipeline.on<ClipboardContentInsertionEvent>( 'contentInsertion', ( evt, data ) => {\n\t\t\tif ( !this.isEnabled || data.method !== 'drop' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Remove dragged range content, remove markers, clean after dragging.\n\t\t\tconst isMove = getFinalDropEffect( data.dataTransfer ) == 'move';\n\n\t\t\t// Whether any content was inserted (insertion might fail if the schema is disallowing some elements\n\t\t\t// (for example an image caption allows only the content of a block but not blocks themselves.\n\t\t\t// Some integrations might not return valid range (i.e., table pasting).\n\t\t\tconst isSuccess = !data.resultRange || !data.resultRange.isCollapsed;\n\n\t\t\tthis._finalizeDragging( isSuccess && isMove );\n\t\t}, { priority: 'lowest' } );\n\t}\n\n\t/**\n\t * Adds listeners that add the `draggable` attribute to the elements while the mouse button is down so the dragging could start.\n\t */\n\tprivate _setupDraggableAttributeHandling(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\n\t\t// Add the 'draggable' attribute to the widget while pressing the selection handle.\n\t\t// This is required for widgets to be draggable. In Chrome it will enable dragging text nodes.\n\t\tthis.listenTo<ViewDocumentPointerDownEvent>( viewDocument, 'pointerdown', ( evt, data ) => {\n\t\t\t// The lack of data can be caused by editor tests firing fake mouse events. This should not occur\n\t\t\t// in real-life scenarios but this greatly simplifies editor tests that would otherwise fail a lot.\n\t\t\tif ( env.isAndroid || !data ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._clearDraggableAttributesDelayed.cancel();\n\n\t\t\t// Check if this is a mousedown over the widget (but not a nested editable).\n\t\t\tlet draggableElement = findDraggableWidget( data.target );\n\n\t\t\t// Note: There is a limitation that if more than a widget is selected (a widget and some text)\n\t\t\t// and dragging starts on the widget, then only the widget is dragged.\n\n\t\t\t// If this was not a widget then we should check if we need to drag some text content.\n\t\t\t// In Chrome set a 'draggable' attribute on closest editable to allow immediate dragging of the selected text range.\n\t\t\t// In Firefox this is not needed. In Safari it makes the whole editable draggable (not just textual content).\n\t\t\t// Disabled in read-only mode because draggable=\"true\" + contenteditable=\"false\" results\n\t\t\t// in not firing selectionchange event ever, which makes the selection stuck in read-only mode.\n\t\t\tif ( env.isBlink && !editor.isReadOnly && !draggableElement && !viewDocument.selection.isCollapsed ) {\n\t\t\t\tconst selectedElement = viewDocument.selection.getSelectedElement();\n\n\t\t\t\tif ( !selectedElement || !isWidget( selectedElement ) ) {\n\t\t\t\t\tdraggableElement = viewDocument.selection.editableElement;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( draggableElement ) {\n\t\t\t\tview.change( writer => {\n\t\t\t\t\twriter.setAttribute( 'draggable', 'true', draggableElement! );\n\t\t\t\t} );\n\n\t\t\t\t// Keep the reference to the model element in case the view element gets removed while dragging.\n\t\t\t\tthis._draggableElement = editor.editing.mapper.toModelElement( draggableElement )!;\n\t\t\t}\n\t\t} );\n\n\t\t// Remove the draggable attribute in case no dragging started (only mousedown + mouseup).\n\t\tthis.listenTo<ViewDocumentPointerUpEvent>( viewDocument, 'pointerup', () => {\n\t\t\tif ( !env.isAndroid ) {\n\t\t\t\tthis._clearDraggableAttributesDelayed();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Removes the `draggable` attribute from the element that was used for dragging.\n\t */\n\tprivate _clearDraggableAttributes(): void {\n\t\tconst editing = this.editor.editing;\n\n\t\tediting.view.change( writer => {\n\t\t\t// Remove 'draggable' attribute.\n\t\t\tif ( this._draggableElement && this._draggableElement.root.rootName != '$graveyard' ) {\n\t\t\t\twriter.removeAttribute( 'draggable', editing.mapper.toViewElement( this._draggableElement )! );\n\t\t\t}\n\n\t\t\tthis._draggableElement = null;\n\t\t} );\n\t}\n\n\t/**\n\t * Deletes the dragged content from its original range and clears the dragging state.\n\t *\n\t * @param moved Whether the move succeeded.\n\t */\n\tprivate _finalizeDragging( moved: boolean ): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst dragDropTarget = editor.plugins.get( DragDropTarget );\n\n\t\tdragDropTarget.removeDropMarker();\n\t\tthis._clearDraggableAttributes();\n\n\t\tif ( editor.plugins.has( 'WidgetToolbarRepository' ) ) {\n\t\t\tconst widgetToolbarRepository: WidgetToolbarRepository = editor.plugins.get( 'WidgetToolbarRepository' );\n\n\t\t\twidgetToolbarRepository.clearForceDisabled( 'dragDrop' );\n\t\t}\n\n\t\tthis._draggingUid = '';\n\n\t\tif ( this._previewContainer ) {\n\t\t\tthis._previewContainer.remove();\n\t\t\tthis._previewContainer = undefined;\n\t\t}\n\n\t\tif ( !this._draggedRange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Delete moved content.\n\t\tif ( moved && this.isEnabled ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\tconst selection = model.createSelection( this._draggedRange );\n\n\t\t\t\tmodel.deleteContent( selection, { doNotAutoparagraph: true } );\n\n\t\t\t\t// Check result selection if it does not require auto-paragraphing of empty container.\n\t\t\t\tconst selectionParent = selection.getFirstPosition()!.parent as ModelElement;\n\n\t\t\t\tif (\n\t\t\t\t\tselectionParent.isEmpty &&\n\t\t\t\t\t!model.schema.checkChild( selectionParent, '$text' ) &&\n\t\t\t\t\tmodel.schema.checkChild( selectionParent, 'paragraph' )\n\t\t\t\t) {\n\t\t\t\t\twriter.insertElement( 'paragraph', selectionParent, 0 );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\tthis._draggedRange.detach();\n\t\tthis._draggedRange = null;\n\t}\n\n\t/**\n\t * Sets the dragged source range based on event target and document selection.\n\t */\n\tprivate _prepareDraggedRange( target: ViewElement ): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\t// Check if this is dragstart over the widget (but not a nested editable).\n\t\tconst draggableWidget = target ? findDraggableWidget( target ) : null;\n\n\t\tif ( draggableWidget ) {\n\t\t\tconst modelElement = editor.editing.mapper.toModelElement( draggableWidget )!;\n\n\t\t\tthis._draggedRange = ModelLiveRange.fromRange( model.createRangeOn( modelElement ) );\n\t\t\tthis._blockMode = model.schema.isBlock( modelElement );\n\n\t\t\t// Disable toolbars so they won't obscure the drop area.\n\t\t\tif ( editor.plugins.has( 'WidgetToolbarRepository' ) ) {\n\t\t\t\tconst widgetToolbarRepository: WidgetToolbarRepository = editor.plugins.get( 'WidgetToolbarRepository' );\n\n\t\t\t\twidgetToolbarRepository.forceDisabled( 'dragDrop' );\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\t// If this was not a widget we should check if we need to drag some text content.\n\t\tif ( selection.isCollapsed && !( selection.getFirstPosition()!.parent as ModelElement ).isEmpty ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst blocks = Array.from( selection.getSelectedBlocks() );\n\t\tconst draggedRange = selection.getFirstRange()!;\n\n\t\tif ( blocks.length == 0 ) {\n\t\t\tthis._draggedRange = ModelLiveRange.fromRange( draggedRange );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst blockRange = getRangeIncludingFullySelectedParents( model, blocks );\n\n\t\tif ( blocks.length > 1 ) {\n\t\t\tthis._draggedRange = ModelLiveRange.fromRange( blockRange );\n\t\t\tthis._blockMode = true;\n\t\t\t// TODO block mode for dragging from outside editor? or inline? or both?\n\t\t} else if ( blocks.length == 1 ) {\n\t\t\tconst touchesBlockEdges = draggedRange.start.isTouching( blockRange.start ) &&\n\t\t\t\t\tdraggedRange.end.isTouching( blockRange.end );\n\n\t\t\tthis._draggedRange = ModelLiveRange.fromRange( touchesBlockEdges ? blockRange : draggedRange );\n\t\t\tthis._blockMode = touchesBlockEdges;\n\t\t}\n\n\t\tmodel.change( writer => writer.setSelection( this._draggedRange!.toRange() ) );\n\t}\n\n\t/**\n\t * Updates the dragged preview image.\n\t */\n\tprivate _updatePreview( {\n\t\tdataTransfer,\n\t\tdomTarget,\n\t\tclientX\n\t}: {\n\t\tdataTransfer: ViewDataTransfer;\n\t\tdomTarget: HTMLElement;\n\t\tclientX: number;\n\t} ): void {\n\t\tconst view = this.editor.editing.view;\n\t\tconst editable = view.document.selection.editableElement!;\n\t\tconst domEditable = view.domConverter.mapViewToDom( editable )!;\n\t\tconst computedStyle = global.window.getComputedStyle( domEditable );\n\n\t\tif ( !this._previewContainer ) {\n\t\t\tthis._previewContainer = createElement( global.document, 'div', {\n\t\t\t\tstyle: 'position: fixed; left: -999999px;'\n\t\t\t} );\n\n\t\t\tglobal.document.body.appendChild( this._previewContainer );\n\t\t} else if ( this._previewContainer.firstElementChild ) {\n\t\t\tthis._previewContainer.removeChild( this._previewContainer.firstElementChild );\n\t\t}\n\n\t\tconst preview = createElement( global.document, 'div' );\n\n\t\tpreview.className = 'ck ck-content ck-clipboard-preview';\n\n\t\tconst domRect = new Rect( domEditable );\n\t\tconst domEditablePaddingLeft = parseFloat( computedStyle.paddingLeft );\n\t\tconst domEditablePaddingRight = parseFloat( computedStyle.paddingRight );\n\t\tconst editableWidth = parseFloat( computedStyle.width ) - domEditablePaddingLeft - domEditablePaddingRight;\n\n\t\t// Dragging by the drag handle outside editable element.\n\t\tif ( !domEditable.contains( domTarget ) ) {\n\t\t\tif ( !env.isiOS ) {\n\t\t\t\tconst offsetLeft = domRect.left - clientX + domEditablePaddingLeft;\n\n\t\t\t\tpreview.style.width = `${ editableWidth + offsetLeft }px`;\n\t\t\t\tpreview.style.paddingLeft = `${ offsetLeft }px`;\n\t\t\t} else {\n\t\t\t\t// Without a padding as on iOS preview have a background and padding would be visible.\n\t\t\t\tpreview.style.width = `${ editableWidth }px`;\n\t\t\t\tpreview.style.backgroundColor = 'var(--ck-color-base-background)';\n\t\t\t}\n\t\t} else if ( env.isiOS ) {\n\t\t\t// Custom preview for iOS. Note that it must have some dimensions for iOS to start dragging element.\n\t\t\tpreview.style.maxWidth = `${ editableWidth }px`;\n\t\t\tpreview.style.padding = '10px';\n\t\t\tpreview.style.minWidth = '200px';\n\t\t\tpreview.style.minHeight = '20px';\n\t\t\tpreview.style.boxSizing = 'border-box';\n\t\t\tpreview.style.backgroundColor = 'var(--ck-color-base-background)';\n\t\t} else {\n\t\t\t// If domTarget is inside the editable root, browsers will display the preview correctly by themselves.\n\t\t\treturn;\n\t\t}\n\n\t\tview.domConverter.setContentOf( preview, dataTransfer.getData( 'text/html' ) );\n\n\t\tdataTransfer.setDragImage( preview, 0, 0 );\n\n\t\tthis._previewContainer.appendChild( preview );\n\t}\n}\n\n/**\n * Returns the drop effect that should be a result of dragging the content.\n * This function is handling a quirk when checking the effect in the 'drop' DOM event.\n */\nfunction getFinalDropEffect( dataTransfer: ViewDataTransfer ): ViewDataTransfer[ 'dropEffect' ] {\n\tif ( env.isGecko ) {\n\t\treturn dataTransfer.dropEffect;\n\t}\n\n\treturn [ 'all', 'copyMove' ].includes( dataTransfer.effectAllowed ) ? 'move' : 'copy';\n}\n\n/**\n * Returns a widget element that should be dragged.\n */\nfunction findDraggableWidget( target: ViewElement ): ViewElement | null {\n\t// This is directly an editable so not a widget for sure.\n\tif ( target.is( 'editableElement' ) ) {\n\t\treturn null;\n\t}\n\n\t// TODO: Let's have a isWidgetSelectionHandleDomElement() helper in ckeditor5-widget utils.\n\tif ( target.hasClass( 'ck-widget__selection-handle' ) ) {\n\t\treturn target.findAncestor( isWidget );\n\t}\n\n\t// Direct hit on a widget.\n\tif ( isWidget( target ) ) {\n\t\treturn target;\n\t}\n\n\t// Find closest ancestor that is either a widget or an editable element...\n\tconst ancestor = target.findAncestor( node => isWidget( node ) || node.is( 'editableElement' ) )!;\n\n\t// ...and if closer was the widget then enable dragging it.\n\tif ( isWidget( ancestor ) ) {\n\t\treturn ancestor;\n\t}\n\n\treturn null;\n}\n\n/**\n * Recursively checks if common parent of provided elements doesn't have any other children. If that's the case,\n * it returns range including this parent. Otherwise, it returns only the range from first to last element.\n *\n * Example:\n *\n * <blockQuote>\n *   <paragraph>[Test 1</paragraph>\n *   <paragraph>Test 2</paragraph>\n *   <paragraph>Test 3]</paragraph>\n * <blockQuote>\n *\n * Because all elements inside the `blockQuote` are selected, the range is extended to include the `blockQuote` too.\n * If only first and second paragraphs would be selected, the range would not include it.\n */\nfunction getRangeIncludingFullySelectedParents( model: Model, elements: Array<ModelElement> ): ModelRange {\n\tconst firstElement = elements[ 0 ];\n\tconst lastElement = elements[ elements.length - 1 ];\n\tconst parent = firstElement.getCommonAncestor( lastElement );\n\tconst startPosition: ModelPosition = model.createPositionBefore( firstElement );\n\tconst endPosition: ModelPosition = model.createPositionAfter( lastElement );\n\n\tif (\n\t\tparent &&\n\t\tparent.is( 'element' ) &&\n\t\t!model.schema.isLimit( parent )\n\t) {\n\t\tconst parentRange = model.createRangeOn( parent );\n\t\tconst touchesStart = startPosition.isTouching( parentRange.start );\n\t\tconst touchesEnd = endPosition.isTouching( parentRange.end );\n\n\t\tif ( touchesStart && touchesEnd ) {\n\t\t\t// Selection includes all elements in the parent.\n\t\t\treturn getRangeIncludingFullySelectedParents( model, [ parent ] );\n\t\t}\n\t}\n\n\treturn model.createRange( startPosition, endPosition );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/pasteplaintext\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\n\nimport type { ModelDocumentFragment, Model, ModelElement } from '@ckeditor/ckeditor5-engine';\n\nimport { ClipboardObserver } from './clipboardobserver.js';\nimport { ClipboardPipeline, type ClipboardContentInsertionEvent } from './clipboardpipeline.js';\n\n/**\n * The plugin detects the user's intention to paste plain text.\n *\n * For example, it detects the <kbd>Ctrl/Cmd</kbd> + <kbd>Shift</kbd> + <kbd>V</kbd> keystroke.\n */\nexport class PastePlainText extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'PastePlainText' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ClipboardPipeline ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst view = editor.editing.view;\n\t\tconst selection = model.document.selection;\n\n\t\tview.addObserver( ClipboardObserver );\n\n\t\teditor.plugins.get( ClipboardPipeline ).on<ClipboardContentInsertionEvent>( 'contentInsertion', ( evt, data ) => {\n\t\t\tif ( !isUnformattedInlineContent( data.content, model ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tmodel.change( writer => {\n\t\t\t\t// Formatting attributes should be preserved.\n\t\t\t\tconst textAttributes = Array.from( selection.getAttributes() )\n\t\t\t\t\t.filter( ( [ key ] ) => model.schema.getAttributeProperties( key ).isFormatting );\n\n\t\t\t\tif ( !selection.isCollapsed ) {\n\t\t\t\t\tmodel.deleteContent( selection, { doNotAutoparagraph: true } );\n\t\t\t\t}\n\n\t\t\t\t// Also preserve other attributes if they survived the content deletion (because they were not fully selected).\n\t\t\t\t// For example linkHref is not a formatting attribute but it should be preserved if pasted text was in the middle\n\t\t\t\t// of a link.\n\t\t\t\ttextAttributes.push( ...selection.getAttributes() );\n\n\t\t\t\tconst range = writer.createRangeIn( data.content );\n\n\t\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\t\tfor ( const attribute of textAttributes ) {\n\t\t\t\t\t\tif ( model.schema.checkAttribute( item, attribute[ 0 ] ) ) {\n\t\t\t\t\t\t\twriter.setAttribute( attribute[ 0 ], attribute[ 1 ], item );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n/**\n * Returns true if specified `documentFragment` represents the unformatted inline content.\n */\nfunction isUnformattedInlineContent( documentFragment: ModelDocumentFragment, model: Model ): boolean {\n\tlet range = model.createRangeIn( documentFragment );\n\n\t// We consider three scenarios here. The document fragment may include:\n\t//\n\t// 1. Only text and inline objects. Then it could be unformatted inline content.\n\t// 2. Exactly one block element on top-level, eg. <p>Foobar</p> or <h2>Title</h2>.\n\t//    In this case, check this element content, it could be treated as unformatted inline content.\n\t// 3. More block elements or block objects, then it is not unformatted inline content.\n\t//\n\t// We will check for scenario 2. specifically, and if it happens, we will unwrap it and follow with the regular algorithm.\n\t//\n\tif ( documentFragment.childCount == 1 ) {\n\t\tconst child = documentFragment.getChild( 0 )!;\n\n\t\tif ( child.is( 'element' ) && model.schema.isBlock( child ) && !model.schema.isObject( child ) && !model.schema.isLimit( child ) ) {\n\t\t\t// Scenario 2. as described above.\n\t\t\trange = model.createRangeIn( child as ModelElement );\n\t\t}\n\t}\n\n\tfor ( const child of range.getItems() ) {\n\t\tif ( !model.schema.isInline( child ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst attributeKeys = Array.from( child.getAttributeKeys() );\n\n\t\tif ( attributeKeys.find( key => model.schema.getAttributeProperties( key ).isFormatting ) ) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\treturn true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 clipboard/clipboard\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\n\nimport { ClipboardPipeline } from './clipboardpipeline.js';\nimport { DragDrop } from './dragdrop.js';\nimport { PastePlainText } from './pasteplaintext.js';\nimport { ClipboardMarkersUtils } from './clipboardmarkersutils.js';\n\n/**\n * The clipboard feature.\n *\n * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n * * {@link module:clipboard/clipboardpipeline~ClipboardPipeline}\n * * {@link module:clipboard/dragdrop~DragDrop}\n * * {@link module:clipboard/pasteplaintext~PastePlainText}\n */\nexport class Clipboard extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Clipboard' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ClipboardMarkersUtils, ClipboardPipeline, DragDrop, PastePlainText ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\n\t\t// Add the information about the keystrokes to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Copy selected content' ),\n\t\t\t\t\tkeystroke: 'CTRL+C'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Paste content' ),\n\t\t\t\t\tkeystroke: 'CTRL+V'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Paste content as plain text' ),\n\t\t\t\t\tkeystroke: 'CTRL+SHIFT+V'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "import { ContextPlugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ObservableMixin, CKEditorError, logWarning, EmitterMixin } from '@ckeditor/ckeditor5-utils/dist/index.js';\n\nconst DEFAULT_OPTIONS = {\n    autoRefresh: true\n};\nconst DEFAULT_TOKEN_REFRESH_TIMEOUT_TIME = 3600000; // 1 hour\nconst TOKEN_FAILED_REFRESH_TIMEOUT_TIME = 5000; // 5 seconds\n/**\n * The class representing the token used for communication with CKEditor Cloud Services.\n * The value of the token is retrieved from the specified URL and refreshed every 1 hour by default.\n * If the token retrieval fails, the token will automatically retry in 5 seconds intervals.\n */ class Token extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * Base refreshing function.\n\t */ _refresh;\n    /**\n\t * Cached token options.\n\t */ _options;\n    /**\n\t * `setTimeout()` id for a token refresh when {@link module:cloud-services/token/token~CloudServicesTokenOptions auto refresh}\n\t * is enabled.\n\t */ _tokenRefreshTimeout;\n    /**\n\t * Flag indicating whether the token has been destroyed.\n\t */ _isDestroyed = false;\n    /**\n\t * Creates `Token` instance.\n\t * Method `init` should be called after using the constructor or use `create` method instead.\n\t *\n\t * @param tokenUrlOrRefreshToken Endpoint address to download the token or a callback that provides the token. If the\n\t * value is a function it has to match the {@link module:cloud-services/token/token~Token#refreshToken} interface.\n\t */ constructor(tokenUrlOrRefreshToken, options = {}){\n        super();\n        if (!tokenUrlOrRefreshToken) {\n            /**\n\t\t\t * A `tokenUrl` must be provided as the first constructor argument.\n\t\t\t *\n\t\t\t * @error token-missing-token-url\n\t\t\t */ throw new CKEditorError('token-missing-token-url', this);\n        }\n        if (options.initValue) {\n            this._validateTokenValue(options.initValue);\n        }\n        this.set('value', options.initValue);\n        if (typeof tokenUrlOrRefreshToken === 'function') {\n            this._refresh = tokenUrlOrRefreshToken;\n        } else {\n            this._refresh = ()=>defaultRefreshToken(tokenUrlOrRefreshToken);\n        }\n        this._options = {\n            ...DEFAULT_OPTIONS,\n            ...options\n        };\n    }\n    /**\n\t * Initializes the token.\n\t */ init() {\n        return new Promise((resolve, reject)=>{\n            if (!this.value) {\n                this.refreshToken().then(resolve).catch(reject);\n                return;\n            }\n            if (this._options.autoRefresh) {\n                this._registerRefreshTokenTimeout();\n            }\n            resolve(this);\n        });\n    }\n    /**\n\t * Refresh token method. Useful in a method form as it can be overridden in tests.\n\t *\n\t * This method will be invoked periodically based on the token expiry date after first call to keep the token up-to-date\n\t * (requires {@link module:cloud-services/token/token~CloudServicesTokenOptions auto refresh option} to be set).\n\t *\n\t * If the token refresh fails, the method will retry in 5 seconds intervals until success or the token gets\n\t * {@link #destroy destroyed}.\n\t */ refreshToken() {\n        const autoRefresh = this._options.autoRefresh;\n        return this._refresh().then((value)=>{\n            this._validateTokenValue(value);\n            this.set('value', value);\n            if (autoRefresh) {\n                this._registerRefreshTokenTimeout();\n            }\n            return this;\n        }).catch((err)=>{\n            /**\n\t\t\t\t * You will see this warning when the CKEditor {@link module:cloud-services/token/token~Token token} could not be refreshed.\n\t\t\t\t * This may be a result of a network error, a token endpoint (server) error, or an invalid\n\t\t\t\t * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl token URL configuration}.\n\t\t\t\t *\n\t\t\t\t * If this warning repeats, please make sure that the configuration is correct and that the token\n\t\t\t\t * endpoint is up and running. {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl Learn more}\n\t\t\t\t * about token configuration.\n\t\t\t\t *\n\t\t\t\t * **Note:** If the token's {@link module:cloud-services/token/token~CloudServicesTokenOptions auto refresh option}\n\t\t\t\t * is enabled, attempts to refresh will be made until success or token's\n\t\t\t\t * {@link module:cloud-services/token/token~Token#destroy destruction}.\n\t\t\t\t *\n\t\t\t\t * @error token-refresh-failed\n\t\t\t\t * @param {boolean} autoRefresh Whether the token will keep auto refreshing.\n\t\t\t\t */ logWarning('token-refresh-failed', {\n                autoRefresh\n            });\n            // If the refresh failed, keep trying to refresh the token. Failing to do so will eventually\n            // lead to the disconnection from the RTC service and the editing session (and potential data loss\n            // if the user keeps editing).\n            if (autoRefresh) {\n                this._registerRefreshTokenTimeout(TOKEN_FAILED_REFRESH_TIMEOUT_TIME);\n            }\n            throw err;\n        });\n    }\n    /**\n\t * Destroys token instance. Stops refreshing.\n\t */ destroy() {\n        this._isDestroyed = true;\n        clearTimeout(this._tokenRefreshTimeout);\n    }\n    /**\n\t * Checks whether the provided token follows the JSON Web Tokens (JWT) format.\n\t *\n\t * @param tokenValue The token to validate.\n\t */ _validateTokenValue(tokenValue) {\n        // The token must be a string.\n        const isString = typeof tokenValue === 'string';\n        // The token must be a plain string without quotes (\"\").\n        const isPlainString = !/^\".*\"$/.test(tokenValue);\n        // JWT token contains 3 parts: header, payload, and signature.\n        // Each part is separated by a dot.\n        const isJWTFormat = isString && tokenValue.split('.').length === 3;\n        if (!(isPlainString && isJWTFormat)) {\n            /**\n\t\t\t * The provided token must follow the [JSON Web Tokens](https://jwt.io/introduction/) format.\n\t\t\t *\n\t\t\t * @error token-not-in-jwt-format\n\t\t\t */ throw new CKEditorError('token-not-in-jwt-format', this);\n        }\n    }\n    /**\n\t * Registers a refresh token timeout for the time taken from token.\n\t */ _registerRefreshTokenTimeout(timeoutTime) {\n        clearTimeout(this._tokenRefreshTimeout);\n        if (this._isDestroyed) {\n            return;\n        }\n        const tokenRefreshTimeoutTime = timeoutTime || this._getTokenRefreshTimeoutTime();\n        this._tokenRefreshTimeout = setTimeout(()=>{\n            this.refreshToken();\n        }, tokenRefreshTimeoutTime);\n    }\n    /**\n\t * Returns token refresh timeout time calculated from expire time in the token payload.\n\t *\n\t * If the token parse fails or the token payload doesn't contain, the default DEFAULT_TOKEN_REFRESH_TIMEOUT_TIME is returned.\n\t */ _getTokenRefreshTimeoutTime() {\n        try {\n            const [, binaryTokenPayload] = this.value.split('.');\n            const { exp: tokenExpireTime } = JSON.parse(atob(binaryTokenPayload));\n            if (!tokenExpireTime) {\n                return DEFAULT_TOKEN_REFRESH_TIMEOUT_TIME;\n            }\n            // Check if the token expire time exceeds 32-bit integer range\n            // It could happen if the token expire time is provided in milliseconds instead of seconds.\n            if (tokenExpireTime > 2147483647) {\n                console.warn('Token expiration time exceeds 32-bit integer range. This might cause unpredictable token refresh timing. ' + 'Token expiration time should always be provided in seconds.', {\n                    tokenExpireTime\n                });\n            }\n            const tokenRefreshTimeoutTime = Math.floor((tokenExpireTime * 1000 - Date.now()) / 2);\n            return tokenRefreshTimeoutTime;\n        } catch  {\n            return DEFAULT_TOKEN_REFRESH_TIMEOUT_TIME;\n        }\n    }\n    /**\n\t * Creates a initialized {@link module:cloud-services/token/token~Token} instance.\n\t *\n\t * @param tokenUrlOrRefreshToken Endpoint address to download the token or a callback that provides the token. If the\n\t * value is a function it has to match the {@link module:cloud-services/token/token~Token#refreshToken} interface.\n\t */ static create(tokenUrlOrRefreshToken, options = {}) {\n        const token = new Token(tokenUrlOrRefreshToken, options);\n        return token.init();\n    }\n}\n/**\n * This function is called in a defined interval by the {@link ~Token} class. It also can be invoked manually.\n * It should return a promise, which resolves with the new token value.\n * If any error occurs it should return a rejected promise with an error message.\n */ function defaultRefreshToken(tokenUrl) {\n    return new Promise((resolve, reject)=>{\n        const xhr = new XMLHttpRequest();\n        xhr.open('GET', tokenUrl);\n        xhr.addEventListener('load', ()=>{\n            const statusCode = xhr.status;\n            const xhrResponse = xhr.response;\n            if (statusCode < 200 || statusCode > 299) {\n                /**\n\t\t\t\t * Cannot download new token from the provided url.\n\t\t\t\t *\n\t\t\t\t * @error token-cannot-download-new-token\n\t\t\t\t */ return reject(new CKEditorError('token-cannot-download-new-token', null));\n            }\n            return resolve(xhrResponse);\n        });\n        xhr.addEventListener('error', ()=>reject(new Error('Network Error')));\n        xhr.addEventListener('abort', ()=>reject(new Error('Abort')));\n        xhr.send();\n    });\n}\n\nconst BASE64_HEADER_REG_EXP = /^data:(\\S*?);base64,/;\n/**\n * FileUploader class used to upload single file.\n */ class FileUploader extends /* #__PURE__ */ EmitterMixin() {\n    /**\n\t * A file that is being uploaded.\n\t */ file;\n    xhr;\n    /**\n\t * CKEditor Cloud Services access token.\n\t */ _token;\n    /**\n\t * CKEditor Cloud Services API address.\n\t */ _apiAddress;\n    /**\n\t * Creates `FileUploader` instance.\n\t *\n\t * @param fileOrData A blob object or a data string encoded with Base64.\n\t * @param token Token used for authentication.\n\t * @param apiAddress API address.\n\t */ constructor(fileOrData, token, apiAddress){\n        super();\n        if (!fileOrData) {\n            /**\n\t\t\t * File must be provided as the first argument.\n\t\t\t *\n\t\t\t * @error fileuploader-missing-file\n\t\t\t */ throw new CKEditorError('fileuploader-missing-file', null);\n        }\n        if (!token) {\n            /**\n\t\t\t * Token must be provided as the second argument.\n\t\t\t *\n\t\t\t * @error fileuploader-missing-token\n\t\t\t */ throw new CKEditorError('fileuploader-missing-token', null);\n        }\n        if (!apiAddress) {\n            /**\n\t\t\t * Api address must be provided as the third argument.\n\t\t\t *\n\t\t\t * @error fileuploader-missing-api-address\n\t\t\t */ throw new CKEditorError('fileuploader-missing-api-address', null);\n        }\n        this.file = _isBase64(fileOrData) ? _base64ToBlob(fileOrData) : fileOrData;\n        this._token = token;\n        this._apiAddress = apiAddress;\n    }\n    /**\n\t * Registers callback on `progress` event.\n\t */ onProgress(callback) {\n        this.on('progress', (event, data)=>callback(data));\n        return this;\n    }\n    /**\n\t * Registers callback on `error` event. Event is called once when error occurs.\n\t */ onError(callback) {\n        this.once('error', (event, data)=>callback(data));\n        return this;\n    }\n    /**\n\t * Aborts upload process.\n\t */ abort() {\n        this.xhr.abort();\n    }\n    /**\n\t * Sends XHR request to API.\n\t */ send() {\n        this._prepareRequest();\n        this._attachXHRListeners();\n        return this._sendRequest();\n    }\n    /**\n\t * Prepares XHR request.\n\t */ _prepareRequest() {\n        const xhr = new XMLHttpRequest();\n        xhr.open('POST', this._apiAddress);\n        xhr.setRequestHeader('Authorization', this._token.value);\n        xhr.responseType = 'json';\n        this.xhr = xhr;\n    }\n    /**\n\t * Attaches listeners to the XHR.\n\t */ _attachXHRListeners() {\n        const xhr = this.xhr;\n        const onError = (message)=>{\n            return ()=>this.fire('error', message);\n        };\n        xhr.addEventListener('error', onError('Network Error'));\n        xhr.addEventListener('abort', onError('Abort'));\n        /* istanbul ignore else -- @preserve */ if (xhr.upload) {\n            xhr.upload.addEventListener('progress', (event)=>{\n                if (event.lengthComputable) {\n                    this.fire('progress', {\n                        total: event.total,\n                        uploaded: event.loaded\n                    });\n                }\n            });\n        }\n        xhr.addEventListener('load', ()=>{\n            const statusCode = xhr.status;\n            const xhrResponse = xhr.response;\n            if (statusCode < 200 || statusCode > 299) {\n                return this.fire('error', xhrResponse.message || xhrResponse.error);\n            }\n        });\n    }\n    /**\n\t * Sends XHR request.\n\t */ _sendRequest() {\n        const formData = new FormData();\n        const xhr = this.xhr;\n        formData.append('file', this.file);\n        return new Promise((resolve, reject)=>{\n            xhr.addEventListener('load', ()=>{\n                const statusCode = xhr.status;\n                const xhrResponse = xhr.response;\n                if (statusCode < 200 || statusCode > 299) {\n                    if (xhrResponse.message) {\n                        /**\n\t\t\t\t\t\t * Uploading file failed.\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * @error fileuploader-uploading-data-failed\n\t\t\t\t\t\t */ return reject(new CKEditorError('fileuploader-uploading-data-failed', this, {\n                            message: xhrResponse.message\n                        }));\n                    }\n                    return reject(xhrResponse.error);\n                }\n                return resolve(xhrResponse);\n            });\n            xhr.addEventListener('error', ()=>reject(new Error('Network Error')));\n            xhr.addEventListener('abort', ()=>reject(new Error('Abort')));\n            xhr.send(formData);\n        });\n    }\n}\n/**\n * Transforms Base64 string data into file.\n *\n * @param base64 String data.\n */ function _base64ToBlob(base64, sliceSize = 512) {\n    try {\n        const contentType = base64.match(BASE64_HEADER_REG_EXP)[1];\n        const base64Data = atob(base64.replace(BASE64_HEADER_REG_EXP, ''));\n        const byteArrays = [];\n        for(let offset = 0; offset < base64Data.length; offset += sliceSize){\n            const slice = base64Data.slice(offset, offset + sliceSize);\n            const byteNumbers = new Array(slice.length);\n            for(let i = 0; i < slice.length; i++){\n                byteNumbers[i] = slice.charCodeAt(i);\n            }\n            byteArrays.push(new Uint8Array(byteNumbers));\n        }\n        return new Blob(byteArrays, {\n            type: contentType\n        });\n    } catch  {\n        /**\n\t\t * Problem with decoding Base64 image data.\n\t\t *\n\t\t * @error fileuploader-decoding-image-data-error\n\t\t */ throw new CKEditorError('fileuploader-decoding-image-data-error', null);\n    }\n}\n/**\n * Checks that string is Base64.\n */ function _isBase64(string) {\n    if (typeof string !== 'string') {\n        return false;\n    }\n    return !!string.match(BASE64_HEADER_REG_EXP)?.length;\n}\n\n/**\n * UploadGateway abstracts file uploads to CKEditor Cloud Services.\n */ class UploadGateway {\n    /**\n\t * CKEditor Cloud Services access token.\n\t */ _token;\n    /**\n\t * CKEditor Cloud Services API address.\n\t */ _apiAddress;\n    /**\n\t * Creates `UploadGateway` instance.\n\t *\n\t * @param token Token used for authentication.\n\t * @param apiAddress API address.\n\t */ constructor(token, apiAddress){\n        if (!token) {\n            /**\n\t\t\t * Token must be provided.\n\t\t\t *\n\t\t\t * @error uploadgateway-missing-token\n\t\t\t */ throw new CKEditorError('uploadgateway-missing-token', null);\n        }\n        if (!apiAddress) {\n            /**\n\t\t\t * Api address must be provided.\n\t\t\t *\n\t\t\t * @error uploadgateway-missing-api-address\n\t\t\t */ throw new CKEditorError('uploadgateway-missing-api-address', null);\n        }\n        this._token = token;\n        this._apiAddress = apiAddress;\n    }\n    /**\n\t * Creates a {@link module:cloud-services/uploadgateway/fileuploader~FileUploader} instance that wraps\n\t * file upload process. The file is being sent at a time when the\n\t * {@link module:cloud-services/uploadgateway/fileuploader~FileUploader#send} method is called.\n\t *\n\t * ```ts\n\t * const token = await Token.create( 'https://token-endpoint' );\n\t * new UploadGateway( token, 'https://example.org' )\n\t * \t.upload( 'FILE' )\n\t * \t.onProgress( ( data ) => console.log( data ) )\n\t * \t.send()\n\t * \t.then( ( response ) => console.log( response ) );\n\t * ```\n\t *\n\t * @param {Blob|String} fileOrData A blob object or a data string encoded with Base64.\n\t * @returns {module:cloud-services/uploadgateway/fileuploader~FileUploader} Returns `FileUploader` instance.\n\t */ upload(fileOrData) {\n        return new FileUploader(fileOrData, this._token, this._apiAddress);\n    }\n}\n\n/**\n * The `CloudServicesCore` plugin exposes the base API for communication with CKEditor Cloud Services.\n */ class CloudServicesCore extends ContextPlugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CloudServicesCore';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * Creates the {@link module:cloud-services/token/token~Token} instance.\n\t *\n\t * @param tokenUrlOrRefreshToken Endpoint address to download the token or a callback that provides the token. If the\n\t * value is a function it has to match the {@link module:cloud-services/token/token~Token#refreshToken} interface.\n\t * @param options.initValue Initial value of the token.\n\t * @param options.autoRefresh Specifies whether to start the refresh automatically.\n\t */ createToken(tokenUrlOrRefreshToken, options) {\n        return new Token(tokenUrlOrRefreshToken, options);\n    }\n    /**\n\t * Creates the {@link module:cloud-services/uploadgateway/uploadgateway~UploadGateway} instance.\n\t *\n\t * @param token Token used for authentication.\n\t * @param apiAddress API address.\n\t */ createUploadGateway(token, apiAddress) {\n        return new UploadGateway(token, apiAddress);\n    }\n}\n\n/**\n * Plugin introducing the integration between CKEditor 5 and CKEditor Cloud Services .\n *\n * It initializes the token provider based on\n * the {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig `config.cloudService`}.\n */ class CloudServices extends ContextPlugin {\n    /**\n\t * The authentication token URL for CKEditor Cloud Services or a callback to the token value promise. See the\n\t * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl} for more details.\n\t */ tokenUrl;\n    /**\n\t * The URL to which the files should be uploaded.\n\t */ uploadUrl;\n    /**\n\t * The URL for web socket communication, used by the `RealTimeCollaborativeEditing` plugin. Every customer (organization in the CKEditor\n\t * Ecosystem dashboard) has their own, unique URLs to communicate with CKEditor Cloud Services. The URL can be found in the\n\t * CKEditor Ecosystem customer dashboard.\n\t *\n\t * Note: Unlike most plugins, `RealTimeCollaborativeEditing` is not included in any CKEditor 5 build and needs to be installed manually.\n\t * Check [Collaboration overview](https://ckeditor.com/docs/ckeditor5/latest/features/collaboration/overview.html) for more details.\n\t */ webSocketUrl;\n    /**\n\t * An optional parameter used for integration with CKEditor Cloud Services when uploading the editor build to cloud services.\n\t *\n\t * Whenever the editor build or the configuration changes, this parameter should be set to a new, unique value to differentiate\n\t * the new bundle (build + configuration) from the old ones.\n\t */ bundleVersion;\n    /**\n\t * Specifies whether the token should be automatically refreshed when it expires.\n\t */ autoRefresh = true;\n    /**\n\t * Other plugins use this token for the authorization process. It handles token requesting and refreshing.\n\t * Its value is `null` when {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl} is not provided.\n\t *\n\t * @readonly\n\t */ token = null;\n    /**\n\t * A map of token object instances keyed by the token URLs.\n\t */ _tokens = new Map();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CloudServices';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            CloudServicesCore\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ async init() {\n        const config = this.context.config;\n        const options = config.get('cloudServices') || {};\n        for (const [key, value] of Object.entries(options)){\n            this[key] = value;\n        }\n        if (!this.tokenUrl) {\n            this.token = null;\n            return;\n        }\n        // Initialization of the token may fail. By default, the token is being refreshed on the failure.\n        // The problem is that if this happens here, then the token refresh interval will be executed even\n        // after destroying the editor (as the exception was thrown from `init` method). To prevent that\n        // behavior we need to catch the exception and destroy the uninitialized token instance.\n        // See: https://github.com/ckeditor/ckeditor5/issues/17531\n        const cloudServicesCore = this.context.plugins.get('CloudServicesCore');\n        const uninitializedToken = cloudServicesCore.createToken(this.tokenUrl, {\n            autoRefresh: this.autoRefresh\n        });\n        try {\n            this.token = await uninitializedToken.init();\n            this._tokens.set(this.tokenUrl, this.token);\n        } catch (error) {\n            uninitializedToken.destroy();\n            throw error;\n        }\n    }\n    /**\n\t * Registers an additional authentication token URL for CKEditor Cloud Services or a callback to the token value promise. See the\n\t * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl} for more details.\n\t *\n\t * @param tokenUrl The authentication token URL for CKEditor Cloud Services or a callback to the token value promise.\n\t */ async registerTokenUrl(tokenUrl) {\n        // Reuse the token instance in case of multiple features using the same token URL.\n        if (this._tokens.has(tokenUrl)) {\n            return this.getTokenFor(tokenUrl);\n        }\n        const cloudServicesCore = this.context.plugins.get('CloudServicesCore');\n        const token = await cloudServicesCore.createToken(tokenUrl, {\n            autoRefresh: this.autoRefresh\n        }).init();\n        this._tokens.set(tokenUrl, token);\n        return token;\n    }\n    /**\n\t * Returns an authentication token provider previously registered by {@link #registerTokenUrl}.\n\t *\n\t * @param tokenUrl The authentication token URL for CKEditor Cloud Services or a callback to the token value promise.\n\t */ getTokenFor(tokenUrl) {\n        const token = this._tokens.get(tokenUrl);\n        if (!token) {\n            /**\n\t\t\t * The provided `tokenUrl` was not registered by {@link module:cloud-services/cloudservices~CloudServices#registerTokenUrl}.\n\t\t\t *\n\t\t\t * @error cloudservices-token-not-registered\n\t\t\t */ throw new CKEditorError('cloudservices-token-not-registered', this);\n        }\n        return token;\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        for (const token of this._tokens.values()){\n            token.destroy();\n        }\n    }\n}\n\nexport { CloudServices, CloudServicesCore, Token };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 cloud-services/token/token\n */\n\nimport { ObservableMixin, CKEditorError, logWarning } from 'ckeditor5/src/utils.js';\nimport type { TokenUrl } from '../cloudservicesconfig.js';\n\nconst DEFAULT_OPTIONS = { autoRefresh: true };\nconst DEFAULT_TOKEN_REFRESH_TIMEOUT_TIME = 3600000; // 1 hour\nconst TOKEN_FAILED_REFRESH_TIMEOUT_TIME = 5000; // 5 seconds\n\n/**\n * The class representing the token used for communication with CKEditor Cloud Services.\n * The value of the token is retrieved from the specified URL and refreshed every 1 hour by default.\n * If the token retrieval fails, the token will automatically retry in 5 seconds intervals.\n */\nexport class Token extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * Value of the token.\n\t * The value of the token is undefined if `initValue` is not provided or `init` method was not called.\n\t * `create` method creates token with initialized value from url.\n\t *\n\t * @see module:cloud-services/token/token~InitializedToken\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: string | undefined;\n\n\t/**\n\t * Base refreshing function.\n\t */\n\tprivate _refresh: () => Promise<string>;\n\n\t/**\n\t * Cached token options.\n\t */\n\tprivate _options: { initValue?: string; autoRefresh: boolean };\n\n\t/**\n\t * `setTimeout()` id for a token refresh when {@link module:cloud-services/token/token~CloudServicesTokenOptions auto refresh}\n\t * is enabled.\n\t */\n\tprivate _tokenRefreshTimeout?: ReturnType<typeof setTimeout>;\n\n\t/**\n\t * Flag indicating whether the token has been destroyed.\n\t */\n\tprivate _isDestroyed = false;\n\n\t/**\n\t * Creates `Token` instance.\n\t * Method `init` should be called after using the constructor or use `create` method instead.\n\t *\n\t * @param tokenUrlOrRefreshToken Endpoint address to download the token or a callback that provides the token. If the\n\t * value is a function it has to match the {@link module:cloud-services/token/token~Token#refreshToken} interface.\n\t */\n\tconstructor( tokenUrlOrRefreshToken: TokenUrl, options: CloudServicesTokenOptions = {} ) {\n\t\tsuper();\n\n\t\tif ( !tokenUrlOrRefreshToken ) {\n\t\t\t/**\n\t\t\t * A `tokenUrl` must be provided as the first constructor argument.\n\t\t\t *\n\t\t\t * @error token-missing-token-url\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'token-missing-token-url',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\tif ( options.initValue ) {\n\t\t\tthis._validateTokenValue( options.initValue );\n\t\t}\n\n\t\tthis.set( 'value', options.initValue );\n\n\t\tif ( typeof tokenUrlOrRefreshToken === 'function' ) {\n\t\t\tthis._refresh = tokenUrlOrRefreshToken;\n\t\t} else {\n\t\t\tthis._refresh = () => defaultRefreshToken( tokenUrlOrRefreshToken );\n\t\t}\n\n\t\tthis._options = { ...DEFAULT_OPTIONS, ...options };\n\t}\n\n\t/**\n\t * Initializes the token.\n\t */\n\tpublic init(): Promise<InitializedToken> {\n\t\treturn new Promise( ( resolve, reject ) => {\n\t\t\tif ( !this.value ) {\n\t\t\t\tthis.refreshToken()\n\t\t\t\t\t.then( resolve )\n\t\t\t\t\t.catch( reject );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( this._options.autoRefresh ) {\n\t\t\t\tthis._registerRefreshTokenTimeout();\n\t\t\t}\n\n\t\t\tresolve( this as InitializedToken );\n\t\t} );\n\t}\n\n\t/**\n\t * Refresh token method. Useful in a method form as it can be overridden in tests.\n\t *\n\t * This method will be invoked periodically based on the token expiry date after first call to keep the token up-to-date\n\t * (requires {@link module:cloud-services/token/token~CloudServicesTokenOptions auto refresh option} to be set).\n\t *\n\t * If the token refresh fails, the method will retry in 5 seconds intervals until success or the token gets\n\t * {@link #destroy destroyed}.\n\t */\n\tpublic refreshToken(): Promise<InitializedToken> {\n\t\tconst autoRefresh = this._options.autoRefresh;\n\n\t\treturn this._refresh()\n\t\t\t.then( value => {\n\t\t\t\tthis._validateTokenValue( value );\n\t\t\t\tthis.set( 'value', value );\n\n\t\t\t\tif ( autoRefresh ) {\n\t\t\t\t\tthis._registerRefreshTokenTimeout();\n\t\t\t\t}\n\n\t\t\t\treturn this as InitializedToken;\n\t\t\t} )\n\t\t\t.catch( err => {\n\t\t\t\t/**\n\t\t\t\t * You will see this warning when the CKEditor {@link module:cloud-services/token/token~Token token} could not be refreshed.\n\t\t\t\t * This may be a result of a network error, a token endpoint (server) error, or an invalid\n\t\t\t\t * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl token URL configuration}.\n\t\t\t\t *\n\t\t\t\t * If this warning repeats, please make sure that the configuration is correct and that the token\n\t\t\t\t * endpoint is up and running. {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl Learn more}\n\t\t\t\t * about token configuration.\n\t\t\t\t *\n\t\t\t\t * **Note:** If the token's {@link module:cloud-services/token/token~CloudServicesTokenOptions auto refresh option}\n\t\t\t\t * is enabled, attempts to refresh will be made until success or token's\n\t\t\t\t * {@link module:cloud-services/token/token~Token#destroy destruction}.\n\t\t\t\t *\n\t\t\t\t * @error token-refresh-failed\n\t\t\t\t * @param {boolean} autoRefresh Whether the token will keep auto refreshing.\n\t\t\t\t */\n\t\t\t\tlogWarning( 'token-refresh-failed', { autoRefresh } );\n\n\t\t\t\t// If the refresh failed, keep trying to refresh the token. Failing to do so will eventually\n\t\t\t\t// lead to the disconnection from the RTC service and the editing session (and potential data loss\n\t\t\t\t// if the user keeps editing).\n\t\t\t\tif ( autoRefresh ) {\n\t\t\t\t\tthis._registerRefreshTokenTimeout( TOKEN_FAILED_REFRESH_TIMEOUT_TIME );\n\t\t\t\t}\n\n\t\t\t\tthrow err;\n\t\t\t} );\n\t}\n\n\t/**\n\t * Destroys token instance. Stops refreshing.\n\t */\n\tpublic destroy(): void {\n\t\tthis._isDestroyed = true;\n\n\t\tclearTimeout( this._tokenRefreshTimeout );\n\t}\n\n\t/**\n\t * Checks whether the provided token follows the JSON Web Tokens (JWT) format.\n\t *\n\t * @param tokenValue The token to validate.\n\t */\n\tprivate _validateTokenValue( tokenValue: string ) {\n\t\t// The token must be a string.\n\t\tconst isString = typeof tokenValue === 'string';\n\n\t\t// The token must be a plain string without quotes (\"\").\n\t\tconst isPlainString = !/^\".*\"$/.test( tokenValue );\n\n\t\t// JWT token contains 3 parts: header, payload, and signature.\n\t\t// Each part is separated by a dot.\n\t\tconst isJWTFormat = isString && tokenValue.split( '.' ).length === 3;\n\n\t\tif ( !( isPlainString && isJWTFormat ) ) {\n\t\t\t/**\n\t\t\t * The provided token must follow the [JSON Web Tokens](https://jwt.io/introduction/) format.\n\t\t\t *\n\t\t\t * @error token-not-in-jwt-format\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'token-not-in-jwt-format', this );\n\t\t}\n\t}\n\n\t/**\n\t * Registers a refresh token timeout for the time taken from token.\n\t */\n\tprivate _registerRefreshTokenTimeout( timeoutTime?: number ) {\n\t\tclearTimeout( this._tokenRefreshTimeout );\n\n\t\tif ( this._isDestroyed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tokenRefreshTimeoutTime = timeoutTime || this._getTokenRefreshTimeoutTime();\n\n\t\tthis._tokenRefreshTimeout = setTimeout( () => {\n\t\t\tthis.refreshToken();\n\t\t}, tokenRefreshTimeoutTime );\n\t}\n\n\t/**\n\t * Returns token refresh timeout time calculated from expire time in the token payload.\n\t *\n\t * If the token parse fails or the token payload doesn't contain, the default DEFAULT_TOKEN_REFRESH_TIMEOUT_TIME is returned.\n\t */\n\tprivate _getTokenRefreshTimeoutTime() {\n\t\ttry {\n\t\t\tconst [ , binaryTokenPayload ] = this.value!.split( '.' );\n\t\t\tconst { exp: tokenExpireTime } = JSON.parse( atob( binaryTokenPayload ) );\n\n\t\t\tif ( !tokenExpireTime ) {\n\t\t\t\treturn DEFAULT_TOKEN_REFRESH_TIMEOUT_TIME;\n\t\t\t}\n\n\t\t\t// Check if the token expire time exceeds 32-bit integer range\n\t\t\t// It could happen if the token expire time is provided in milliseconds instead of seconds.\n\t\t\tif ( tokenExpireTime > 2147483647 ) {\n\t\t\t\tconsole.warn(\n\t\t\t\t\t'Token expiration time exceeds 32-bit integer range. This might cause unpredictable token refresh timing. ' +\n\t\t\t\t\t'Token expiration time should always be provided in seconds.',\n\t\t\t\t\t{ tokenExpireTime }\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst tokenRefreshTimeoutTime = Math.floor( ( ( tokenExpireTime * 1000 ) - Date.now() ) / 2 );\n\n\t\t\treturn tokenRefreshTimeoutTime;\n\t\t} catch {\n\t\t\treturn DEFAULT_TOKEN_REFRESH_TIMEOUT_TIME;\n\t\t}\n\t}\n\n\t/**\n\t * Creates a initialized {@link module:cloud-services/token/token~Token} instance.\n\t *\n\t * @param tokenUrlOrRefreshToken Endpoint address to download the token or a callback that provides the token. If the\n\t * value is a function it has to match the {@link module:cloud-services/token/token~Token#refreshToken} interface.\n\t */\n\tpublic static create( tokenUrlOrRefreshToken: TokenUrl, options: CloudServicesTokenOptions = {} ): Promise<InitializedToken> {\n\t\tconst token = new Token( tokenUrlOrRefreshToken, options );\n\n\t\treturn token.init();\n\t}\n}\n\n/**\n * A {@link ~Token} instance that has been initialized.\n */\nexport type InitializedToken = Token & { value: string };\n\n/**\n * Options for creating tokens.\n */\nexport interface CloudServicesTokenOptions {\n\n\t/**\n\t * Initial value of the token.\n\t */\n\tinitValue?: string;\n\n\t/**\n\t * Specifies whether to start the refresh automatically.\n\t *\n\t * @default true\n\t */\n\tautoRefresh?: boolean;\n}\n\n/**\n * This function is called in a defined interval by the {@link ~Token} class. It also can be invoked manually.\n * It should return a promise, which resolves with the new token value.\n * If any error occurs it should return a rejected promise with an error message.\n */\nfunction defaultRefreshToken( tokenUrl: string ) {\n\treturn new Promise<string>( ( resolve, reject ) => {\n\t\tconst xhr = new XMLHttpRequest();\n\n\t\txhr.open( 'GET', tokenUrl );\n\n\t\txhr.addEventListener( 'load', () => {\n\t\t\tconst statusCode = xhr.status;\n\t\t\tconst xhrResponse = xhr.response;\n\n\t\t\tif ( statusCode < 200 || statusCode > 299 ) {\n\t\t\t\t/**\n\t\t\t\t * Cannot download new token from the provided url.\n\t\t\t\t *\n\t\t\t\t * @error token-cannot-download-new-token\n\t\t\t\t */\n\t\t\t\treturn reject(\n\t\t\t\t\tnew CKEditorError( 'token-cannot-download-new-token', null )\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn resolve( xhrResponse );\n\t\t} );\n\n\t\txhr.addEventListener( 'error', () => reject( new Error( 'Network Error' ) ) );\n\t\txhr.addEventListener( 'abort', () => reject( new Error( 'Abort' ) ) );\n\n\t\txhr.send();\n\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 cloud-services/uploadgateway/fileuploader\n */\n\nimport type { UploadResponse } from 'ckeditor5/src/upload.js';\nimport { EmitterMixin, CKEditorError } from 'ckeditor5/src/utils.js';\nimport type { InitializedToken } from '../token/token.js';\n\nconst BASE64_HEADER_REG_EXP = /^data:(\\S*?);base64,/;\n\n/**\n * FileUploader class used to upload single file.\n */\nexport class FileUploader extends /* #__PURE__ */ EmitterMixin() {\n\t/**\n\t * A file that is being uploaded.\n\t */\n\tpublic readonly file: Blob;\n\n\tpublic xhr?: XMLHttpRequest;\n\n\t/**\n\t * CKEditor Cloud Services access token.\n\t */\n\tprivate readonly _token: InitializedToken;\n\n\t/**\n\t * CKEditor Cloud Services API address.\n\t */\n\tprivate readonly _apiAddress: string;\n\n\t/**\n\t * Creates `FileUploader` instance.\n\t *\n\t * @param fileOrData A blob object or a data string encoded with Base64.\n\t * @param token Token used for authentication.\n\t * @param apiAddress API address.\n\t */\n\tconstructor(\n\t\tfileOrData: string | Blob,\n\t\ttoken: InitializedToken,\n\t\tapiAddress: string\n\t) {\n\t\tsuper();\n\n\t\tif ( !fileOrData ) {\n\t\t\t/**\n\t\t\t * File must be provided as the first argument.\n\t\t\t *\n\t\t\t * @error fileuploader-missing-file\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'fileuploader-missing-file', null );\n\t\t}\n\n\t\tif ( !token ) {\n\t\t\t/**\n\t\t\t * Token must be provided as the second argument.\n\t\t\t *\n\t\t\t * @error fileuploader-missing-token\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'fileuploader-missing-token', null );\n\t\t}\n\n\t\tif ( !apiAddress ) {\n\t\t\t/**\n\t\t\t * Api address must be provided as the third argument.\n\t\t\t *\n\t\t\t * @error fileuploader-missing-api-address\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'fileuploader-missing-api-address', null );\n\t\t}\n\n\t\tthis.file = _isBase64( fileOrData ) ? _base64ToBlob( fileOrData ) : fileOrData;\n\n\t\tthis._token = token;\n\t\tthis._apiAddress = apiAddress;\n\t}\n\n\t/**\n\t * Registers callback on `progress` event.\n\t */\n\tpublic onProgress( callback: ( status: { total: number; uploaded: number } ) => void ): this {\n\t\tthis.on<CloudServicesFileUploaderProgressErrorEvent>( 'progress', ( event, data ) => callback( data ) );\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Registers callback on `error` event. Event is called once when error occurs.\n\t */\n\tpublic onError( callback: ( error: string ) => void ): this {\n\t\tthis.once<CloudServicesFileUploaderErrorEvent>( 'error', ( event, data ) => callback( data ) );\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Aborts upload process.\n\t */\n\tpublic abort(): void {\n\t\tthis.xhr!.abort();\n\t}\n\n\t/**\n\t * Sends XHR request to API.\n\t */\n\tpublic send(): Promise<UploadResponse> {\n\t\tthis._prepareRequest();\n\t\tthis._attachXHRListeners();\n\n\t\treturn this._sendRequest();\n\t}\n\n\t/**\n\t * Prepares XHR request.\n\t */\n\tprivate _prepareRequest() {\n\t\tconst xhr = new XMLHttpRequest();\n\n\t\txhr.open( 'POST', this._apiAddress );\n\t\txhr.setRequestHeader( 'Authorization', this._token.value );\n\t\txhr.responseType = 'json';\n\n\t\tthis.xhr = xhr;\n\t}\n\n\t/**\n\t * Attaches listeners to the XHR.\n\t */\n\tprivate _attachXHRListeners() {\n\t\tconst xhr = this.xhr!;\n\n\t\tconst onError = ( message: string ) => {\n\t\t\treturn () => this.fire<CloudServicesFileUploaderErrorEvent>( 'error', message );\n\t\t};\n\n\t\txhr.addEventListener( 'error', onError( 'Network Error' ) );\n\t\txhr.addEventListener( 'abort', onError( 'Abort' ) );\n\n\t\t/* istanbul ignore else -- @preserve */\n\t\tif ( xhr.upload ) {\n\t\t\txhr.upload.addEventListener( 'progress', event => {\n\t\t\t\tif ( event.lengthComputable ) {\n\t\t\t\t\tthis.fire<CloudServicesFileUploaderProgressErrorEvent>( 'progress', {\n\t\t\t\t\t\ttotal: event.total,\n\t\t\t\t\t\tuploaded: event.loaded\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\txhr.addEventListener( 'load', () => {\n\t\t\tconst statusCode = xhr.status;\n\t\t\tconst xhrResponse = xhr.response;\n\n\t\t\tif ( statusCode < 200 || statusCode > 299 ) {\n\t\t\t\treturn this.fire<CloudServicesFileUploaderErrorEvent>( 'error', xhrResponse.message || xhrResponse.error );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Sends XHR request.\n\t */\n\tprivate _sendRequest() {\n\t\tconst formData = new FormData();\n\t\tconst xhr = this.xhr!;\n\n\t\tformData.append( 'file', this.file );\n\n\t\treturn new Promise<UploadResponse>( ( resolve, reject ) => {\n\t\t\txhr.addEventListener( 'load', () => {\n\t\t\t\tconst statusCode = xhr.status;\n\t\t\t\tconst xhrResponse = xhr.response;\n\n\t\t\t\tif ( statusCode < 200 || statusCode > 299 ) {\n\t\t\t\t\tif ( xhrResponse.message ) {\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Uploading file failed.\n\t\t\t\t\t\t *\n\t\t\t\t\t\t * @error fileuploader-uploading-data-failed\n\t\t\t\t\t\t */\n\t\t\t\t\t\treturn reject( new CKEditorError(\n\t\t\t\t\t\t\t'fileuploader-uploading-data-failed',\n\t\t\t\t\t\t\tthis,\n\t\t\t\t\t\t\t{ message: xhrResponse.message }\n\t\t\t\t\t\t) );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn reject( xhrResponse.error );\n\t\t\t\t}\n\n\t\t\t\treturn resolve( xhrResponse );\n\t\t\t} );\n\n\t\t\txhr.addEventListener( 'error', () => reject( new Error( 'Network Error' ) ) );\n\t\t\txhr.addEventListener( 'abort', () => reject( new Error( 'Abort' ) ) );\n\n\t\t\txhr.send( formData );\n\t\t} );\n\t}\n}\n\n/**\n * Fired when error occurs.\n *\n * @eventName ~FileUploader#error\n * @param error Error message\n */\nexport type CloudServicesFileUploaderErrorEvent = {\n\tname: 'error';\n\targs: [ error: string ];\n};\n\n/**\n * Fired on upload progress.\n *\n * @eventName ~FileUploader#progress\n * @param status Total and uploaded status\n */\nexport type CloudServicesFileUploaderProgressErrorEvent = {\n\tname: 'progress';\n\targs: [ status: { total: number; uploaded: number } ];\n};\n\n/**\n * Transforms Base64 string data into file.\n *\n * @param base64 String data.\n */\nfunction _base64ToBlob( base64: string, sliceSize = 512 ) {\n\ttry {\n\t\tconst contentType = base64.match( BASE64_HEADER_REG_EXP )![ 1 ];\n\t\tconst base64Data = atob( base64.replace( BASE64_HEADER_REG_EXP, '' ) );\n\n\t\tconst byteArrays: Array<Uint8Array> = [];\n\n\t\tfor ( let offset = 0; offset < base64Data.length; offset += sliceSize ) {\n\t\t\tconst slice = base64Data.slice( offset, offset + sliceSize );\n\t\t\tconst byteNumbers = new Array<number>( slice.length );\n\n\t\t\tfor ( let i = 0; i < slice.length; i++ ) {\n\t\t\t\tbyteNumbers[ i ] = slice.charCodeAt( i );\n\t\t\t}\n\n\t\t\tbyteArrays.push( new Uint8Array( byteNumbers ) );\n\t\t}\n\n\t\treturn new Blob( byteArrays, { type: contentType } );\n\t} catch {\n\t\t/**\n\t\t * Problem with decoding Base64 image data.\n\t\t *\n\t\t * @error fileuploader-decoding-image-data-error\n\t\t */\n\t\tthrow new CKEditorError( 'fileuploader-decoding-image-data-error', null );\n\t}\n}\n\n/**\n * Checks that string is Base64.\n */\nfunction _isBase64( string: string | Blob ): string is string {\n\tif ( typeof string !== 'string' ) {\n\t\treturn false;\n\t}\n\n\treturn !!string.match( BASE64_HEADER_REG_EXP )?.length;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 cloud-services/uploadgateway/uploadgateway\n */\n\nimport { FileUploader } from './fileuploader.js';\nimport type { InitializedToken } from '../token/token.js';\nimport { CKEditorError } from 'ckeditor5/src/utils.js';\n\n/**\n * UploadGateway abstracts file uploads to CKEditor Cloud Services.\n */\nexport class UploadGateway {\n\t/**\n\t * CKEditor Cloud Services access token.\n\t */\n\tprivate readonly _token: InitializedToken;\n\n\t/**\n\t * CKEditor Cloud Services API address.\n\t */\n\tprivate readonly _apiAddress: string;\n\n\t/**\n\t * Creates `UploadGateway` instance.\n\t *\n\t * @param token Token used for authentication.\n\t * @param apiAddress API address.\n\t */\n\tconstructor( token: InitializedToken, apiAddress: string ) {\n\t\tif ( !token ) {\n\t\t\t/**\n\t\t\t * Token must be provided.\n\t\t\t *\n\t\t\t * @error uploadgateway-missing-token\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'uploadgateway-missing-token', null );\n\t\t}\n\n\t\tif ( !apiAddress ) {\n\t\t\t/**\n\t\t\t * Api address must be provided.\n\t\t\t *\n\t\t\t * @error uploadgateway-missing-api-address\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'uploadgateway-missing-api-address', null );\n\t\t}\n\n\t\tthis._token = token;\n\t\tthis._apiAddress = apiAddress;\n\t}\n\n\t/**\n\t * Creates a {@link module:cloud-services/uploadgateway/fileuploader~FileUploader} instance that wraps\n\t * file upload process. The file is being sent at a time when the\n\t * {@link module:cloud-services/uploadgateway/fileuploader~FileUploader#send} method is called.\n\t *\n\t * ```ts\n\t * const token = await Token.create( 'https://token-endpoint' );\n\t * new UploadGateway( token, 'https://example.org' )\n\t * \t.upload( 'FILE' )\n\t * \t.onProgress( ( data ) => console.log( data ) )\n\t * \t.send()\n\t * \t.then( ( response ) => console.log( response ) );\n\t * ```\n\t *\n\t * @param {Blob|String} fileOrData A blob object or a data string encoded with Base64.\n\t * @returns {module:cloud-services/uploadgateway/fileuploader~FileUploader} Returns `FileUploader` instance.\n\t */\n\tpublic upload( fileOrData: string | Blob ): FileUploader {\n\t\treturn new FileUploader( fileOrData, this._token, this._apiAddress );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 cloud-services/cloudservicescore\n */\n\nimport { ContextPlugin } from 'ckeditor5/src/core.js';\nimport type { TokenUrl } from './cloudservicesconfig.js';\nimport { Token, type InitializedToken, type CloudServicesTokenOptions } from './token/token.js';\nimport { UploadGateway } from './uploadgateway/uploadgateway.js';\n\n/**\n * The `CloudServicesCore` plugin exposes the base API for communication with CKEditor Cloud Services.\n */\nexport class CloudServicesCore extends ContextPlugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CloudServicesCore' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Creates the {@link module:cloud-services/token/token~Token} instance.\n\t *\n\t * @param tokenUrlOrRefreshToken Endpoint address to download the token or a callback that provides the token. If the\n\t * value is a function it has to match the {@link module:cloud-services/token/token~Token#refreshToken} interface.\n\t * @param options.initValue Initial value of the token.\n\t * @param options.autoRefresh Specifies whether to start the refresh automatically.\n\t */\n\tpublic createToken( tokenUrlOrRefreshToken: TokenUrl, options?: CloudServicesTokenOptions ): Token {\n\t\treturn new Token( tokenUrlOrRefreshToken, options );\n\t}\n\n\t/**\n\t * Creates the {@link module:cloud-services/uploadgateway/uploadgateway~UploadGateway} instance.\n\t *\n\t * @param token Token used for authentication.\n\t * @param apiAddress API address.\n\t */\n\tpublic createUploadGateway( token: InitializedToken, apiAddress: string ): UploadGateway {\n\t\treturn new UploadGateway( token, apiAddress );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 cloud-services/cloudservices\n */\n\nimport { ContextPlugin } from 'ckeditor5/src/core.js';\nimport { CKEditorError } from 'ckeditor5/src/utils.js';\nimport { CloudServicesCore } from './cloudservicescore.js';\nimport type { CloudServicesConfig, TokenUrl } from './cloudservicesconfig.js';\nimport type { InitializedToken } from './token/token.js';\n\n/**\n * Plugin introducing the integration between CKEditor 5 and CKEditor Cloud Services .\n *\n * It initializes the token provider based on\n * the {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig `config.cloudService`}.\n */\nexport class CloudServices extends ContextPlugin implements CloudServicesConfig {\n\t/**\n\t * The authentication token URL for CKEditor Cloud Services or a callback to the token value promise. See the\n\t * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl} for more details.\n\t */\n\tpublic readonly tokenUrl?: TokenUrl;\n\n\t/**\n\t * The URL to which the files should be uploaded.\n\t */\n\tpublic readonly uploadUrl?: string;\n\n\t/**\n\t * The URL for web socket communication, used by the `RealTimeCollaborativeEditing` plugin. Every customer (organization in the CKEditor\n\t * Ecosystem dashboard) has their own, unique URLs to communicate with CKEditor Cloud Services. The URL can be found in the\n\t * CKEditor Ecosystem customer dashboard.\n\t *\n\t * Note: Unlike most plugins, `RealTimeCollaborativeEditing` is not included in any CKEditor 5 build and needs to be installed manually.\n\t * Check [Collaboration overview](https://ckeditor.com/docs/ckeditor5/latest/features/collaboration/overview.html) for more details.\n\t */\n\tpublic readonly webSocketUrl?: string;\n\n\t/**\n\t * An optional parameter used for integration with CKEditor Cloud Services when uploading the editor build to cloud services.\n\t *\n\t * Whenever the editor build or the configuration changes, this parameter should be set to a new, unique value to differentiate\n\t * the new bundle (build + configuration) from the old ones.\n\t */\n\tpublic readonly bundleVersion?: string;\n\n\t/**\n\t * Specifies whether the token should be automatically refreshed when it expires.\n\t */\n\tpublic readonly autoRefresh: boolean = true;\n\n\t/**\n\t * Other plugins use this token for the authorization process. It handles token requesting and refreshing.\n\t * Its value is `null` when {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl} is not provided.\n\t *\n\t * @readonly\n\t */\n\tpublic token: InitializedToken | null = null;\n\n\t/**\n\t * A map of token object instances keyed by the token URLs.\n\t */\n\tprivate readonly _tokens = new Map<TokenUrl, InitializedToken>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CloudServices' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ CloudServicesCore ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic async init(): Promise<void> {\n\t\tconst config = this.context.config;\n\n\t\tconst options = config.get( 'cloudServices' ) || {};\n\n\t\tfor ( const [ key, value ] of Object.entries( options ) as Array<[key: keyof CloudServicesConfig, value: any]> ) {\n\t\t\t( this as CloudServicesConfig )[ key ] = value;\n\t\t}\n\n\t\tif ( !this.tokenUrl ) {\n\t\t\tthis.token = null;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Initialization of the token may fail. By default, the token is being refreshed on the failure.\n\t\t// The problem is that if this happens here, then the token refresh interval will be executed even\n\t\t// after destroying the editor (as the exception was thrown from `init` method). To prevent that\n\t\t// behavior we need to catch the exception and destroy the uninitialized token instance.\n\t\t// See: https://github.com/ckeditor/ckeditor5/issues/17531\n\t\tconst cloudServicesCore: CloudServicesCore = this.context.plugins.get( 'CloudServicesCore' );\n\t\tconst uninitializedToken = cloudServicesCore.createToken( this.tokenUrl, { autoRefresh: this.autoRefresh } );\n\n\t\ttry {\n\t\t\tthis.token = await uninitializedToken.init();\n\t\t\tthis._tokens.set( this.tokenUrl, this.token );\n\t\t} catch ( error ) {\n\t\t\tuninitializedToken.destroy();\n\t\t\tthrow error;\n\t\t}\n\t}\n\n\t/**\n\t * Registers an additional authentication token URL for CKEditor Cloud Services or a callback to the token value promise. See the\n\t * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl} for more details.\n\t *\n\t * @param tokenUrl The authentication token URL for CKEditor Cloud Services or a callback to the token value promise.\n\t */\n\tpublic async registerTokenUrl( tokenUrl: TokenUrl ): Promise<InitializedToken> {\n\t\t// Reuse the token instance in case of multiple features using the same token URL.\n\t\tif ( this._tokens.has( tokenUrl ) ) {\n\t\t\treturn this.getTokenFor( tokenUrl );\n\t\t}\n\n\t\tconst cloudServicesCore: CloudServicesCore = this.context.plugins.get( 'CloudServicesCore' );\n\t\tconst token = await cloudServicesCore.createToken( tokenUrl, { autoRefresh: this.autoRefresh } ).init();\n\n\t\tthis._tokens.set( tokenUrl, token );\n\n\t\treturn token;\n\t}\n\n\t/**\n\t * Returns an authentication token provider previously registered by {@link #registerTokenUrl}.\n\t *\n\t * @param tokenUrl The authentication token URL for CKEditor Cloud Services or a callback to the token value promise.\n\t */\n\tpublic getTokenFor( tokenUrl: TokenUrl ): InitializedToken {\n\t\tconst token = this._tokens.get( tokenUrl );\n\n\t\tif ( !token ) {\n\t\t\t/**\n\t\t\t * The provided `tokenUrl` was not registered by {@link module:cloud-services/cloudservices~CloudServices#registerTokenUrl}.\n\t\t\t *\n\t\t\t * @error cloudservices-token-not-registered\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'cloudservices-token-not-registered', this );\n\t\t}\n\n\t\treturn token;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tfor ( const token of this._tokens.values() ) {\n\t\t\ttoken.destroy();\n\t\t}\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ShiftEnter } from '@ckeditor/ckeditor5-enter/dist/index.js';\nimport { ViewUpcastWriter } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard/dist/index.js';\nimport { first, Collection } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { createDropdown, SplitButtonView, addListToDropdown, MenuBarMenuView, MenuBarMenuListView, MenuBarMenuListItemView, MenuBarMenuListItemButtonView, UIModel } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconCodeBlock } from '@ckeditor/ckeditor5-icons/dist/index.js';\n\n/**\n * Returns code block languages as defined in `config.codeBlock.languages` but processed:\n *\n * * To consider the editor localization, i.e. to display {@link module:code-block/codeblockconfig~CodeBlockLanguageDefinition}\n * in the correct language. There is no way to use {@link module:utils/locale~Locale#t} when the user\n * configuration is defined because the editor does not exist yet.\n * * To make sure each definition has a CSS class associated with it even if not specified\n * in the original configuration.\n *\n * @internal\n */ function getNormalizedAndLocalizedLanguageDefinitions(editor) {\n    const t = editor.t;\n    const languageDefs = editor.config.get('codeBlock.languages');\n    for (const def of languageDefs){\n        if (def.label === 'Plain text') {\n            def.label = t('Plain text');\n        }\n        if (def.class === undefined) {\n            def.class = `language-${def.language}`;\n        }\n    }\n    return languageDefs;\n}\n/**\n * Returns an object associating certain language definition properties with others. For instance:\n *\n * For:\n *\n * ```ts\n * const definitions = {\n * \t{ language: 'php', class: 'language-php', label: 'PHP' },\n * \t{ language: 'javascript', class: 'js', label: 'JavaScript' },\n * };\n *\n * getPropertyAssociation( definitions, 'class', 'language' );\n * ```\n *\n * returns:\n *\n * ```ts\n * {\n * \t'language-php': 'php',\n * \t'js': 'javascript'\n * }\n * ```\n *\n * and\n *\n * ```ts\n * getPropertyAssociation( definitions, 'language', 'label' );\n * ```\n *\n * returns:\n *\n * ```ts\n * {\n * \t'php': 'PHP',\n * \t'javascript': 'JavaScript'\n * }\n * ```\n *\n * @internal\n */ function getPropertyAssociation(languageDefs, key, value) {\n    const association = {};\n    for (const def of languageDefs){\n        if (key === 'class') {\n            // Only the first class is considered.\n            const newKey = def[key].split(' ').shift();\n            association[newKey] = def[value];\n        } else {\n            association[def[key]] = def[value];\n        }\n    }\n    return association;\n}\n/**\n * For a given model text node, it returns white spaces that precede other characters in that node.\n * This corresponds to the indentation part of the code block line.\n *\n * @internal\n */ function getLeadingWhiteSpaces(textNode) {\n    return textNode.data.match(/^(\\s*)/)[0];\n}\n/**\n * For plain text containing the code (a snippet), it returns a document fragment containing\n * view text nodes separated by `<br>` elements (in place of new line characters \"\\n\"), for instance:\n *\n * Input:\n *\n * ```ts\n * \"foo()\\n\n * bar()\"\n * ```\n *\n * Output:\n *\n * ```html\n * <DocumentFragment>\n * \t\"foo()\"\n * \t<br/>\n * \t\"bar()\"\n * </DocumentFragment>\n * ```\n *\n * @param text The raw code text to be converted.\n * @internal\n */ function rawSnippetTextToViewDocumentFragment(writer, text) {\n    const fragment = writer.createDocumentFragment();\n    const textLines = text.split('\\n');\n    const items = textLines.reduce((nodes, line, lineIndex)=>{\n        nodes.push(line);\n        if (lineIndex < textLines.length - 1) {\n            nodes.push(writer.createElement('br'));\n        }\n        return nodes;\n    }, []);\n    writer.appendChild(items, fragment);\n    return fragment;\n}\n/**\n * Returns an array of all model positions within the selection that represent code block lines.\n *\n * If the selection is collapsed, it returns the exact selection anchor position:\n *\n * ```html\n * <codeBlock>[]foo</codeBlock>        ->     <codeBlock>^foo</codeBlock>\n * <codeBlock>foo[]bar</codeBlock>     ->     <codeBlock>foo^bar</codeBlock>\n * ```\n *\n * Otherwise, it returns positions **before** each text node belonging to all code blocks contained by the selection:\n *\n * ```html\n * <codeBlock>                                <codeBlock>\n *     foo[bar                                   ^foobar\n *     <softBreak></softBreak>         ->        <softBreak></softBreak>\n *     baz]qux                                   ^bazqux\n * </codeBlock>                               </codeBlock>\n * ```\n *\n * It also works across other non–code blocks:\n *\n * ```html\n * <codeBlock>                                <codeBlock>\n *     foo[bar                                   ^foobar\n * </codeBlock>                               </codeBlock>\n * <paragraph>text</paragraph>         ->     <paragraph>text</paragraph>\n * <codeBlock>                                <codeBlock>\n *     baz]qux                                   ^bazqux\n * </codeBlock>                               </codeBlock>\n * ```\n *\n * **Note:** The positions are in reverse order so they do not get outdated when iterating over them and\n * the writer inserts or removes elements at the same time.\n *\n * **Note:** The position is located after the leading white spaces in the text node.\n *\n * @internal\n */ function getIndentOutdentPositions(model) {\n    const selection = model.document.selection;\n    const positions = [];\n    // When the selection is collapsed, there's only one position we can indent or outdent.\n    if (selection.isCollapsed) {\n        return [\n            selection.anchor\n        ];\n    }\n    // When the selection is NOT collapsed, collect all positions starting before text nodes\n    // (code lines) in any <codeBlock> within the selection.\n    // Walk backward so positions we are about to collect here do not get outdated when\n    // inserting or deleting using the writer.\n    const walker = selection.getFirstRange().getWalker({\n        ignoreElementEnd: true,\n        direction: 'backward'\n    });\n    for (const { item } of walker){\n        let node = item.is('$textProxy') ? item.textNode : item;\n        const parent = node.parent;\n        if (!parent.is('element', 'codeBlock') || node.is('element', 'softBreak')) {\n            continue;\n        }\n        // For each item in code block, move backwards until the beginning of the line it is in is found.\n        while(node.previousSibling && !node.previousSibling.is('element', 'softBreak')){\n            node = node.previousSibling;\n        }\n        // Take the leading white spaces into account (only for text nodes).\n        const startOffset = !node.is('$text') ? node.startOffset : node.startOffset + getLeadingWhiteSpaces(node).length;\n        const position = model.createPositionAt(parent, startOffset);\n        // Do not add the same position twice. Unfortunately using set doesn't deduplicate positions because\n        // they are different objects.\n        if (positions.every((pos)=>!pos.isEqual(position))) {\n            positions.push(position);\n        }\n    }\n    return positions;\n}\n/**\n * Checks if any of the blocks within the model selection is a code block.\n *\n * @internal\n */ function isModelSelectionInCodeBlock(selection) {\n    const firstBlock = first(selection.getSelectedBlocks());\n    return !!firstBlock && firstBlock.is('element', 'codeBlock');\n}\n/**\n * Checks if an {@link module:engine/model/element~ModelElement Element} can become a code block.\n *\n * @param schema Model's schema.\n * @param element The element to be checked.\n * @returns Check result.\n * @internal\n */ function canBeCodeBlock(schema, element) {\n    if (element.is('rootElement') || schema.isLimit(element)) {\n        return false;\n    }\n    return schema.checkChild(element.parent, 'codeBlock');\n}\n/**\n * Get the translated message read by the screen reader when you enter or exit an element with your cursor.\n *\n * @internal\n */ function getCodeBlockAriaAnnouncement(t, languageDefs, element, direction) {\n    const languagesToLabels = getPropertyAssociation(languageDefs, 'language', 'label');\n    const codeBlockLanguage = element.getAttribute('language');\n    if (codeBlockLanguage in languagesToLabels) {\n        const language = languagesToLabels[codeBlockLanguage];\n        if (direction === 'enter') {\n            return t('Entering %0 code snippet', language);\n        }\n        return t('Leaving %0 code snippet', language);\n    }\n    if (direction === 'enter') {\n        return t('Entering code snippet');\n    }\n    return t('Leaving code snippet');\n}\n/**\n * For given position, finds the closest position that is at the beginning of a line of code and returns a text node that is at the\n * beginning of the line (or `null` if there's no text node at the beginning of a given line).\n *\n * Line beings at the start of a code block element and after each `softBreak` element.\n *\n * Note: even though code block doesn't allow inline elements other than `<softBreak>` by default, some features may overwrite this rule,\n * so such inline elements are taken into account.\n *\n * Some examples of expected results:\n *\n * ```\n * <codeBlock>^</codeBlock>                                ->   null\n * <codeBlock>^foobar</codeBlock>                          ->   <codeBlock>[foobar]</codeBlock>\n * <codeBlock>foobar^</codeBlock>                          ->   <codeBlock>[foobar]</codeBlock>\n * <codeBlock>foo^bar</codeBlock>                          ->   <codeBlock>[foobar]</codeBlock>\n * <codeBlock>foo^<softBreak />bar</codeBlock>             ->   <codeBlock>[foo]<softBreak />bar</codeBlock>\n * <codeBlock>foo<softBreak />bar^</codeBlock>             ->   <codeBlock>foo<softBreak />[bar]</codeBlock>\n * <codeBlock>foo<softBreak />b^ar</codeBlock>             ->   <codeBlock>foo<softBreak />[bar]</codeBlock>\n * <codeBlock>foo<softBreak />^bar</codeBlock>             ->   <codeBlock>foo<softBreak />[bar]</codeBlock>\n * <codeBlock>^<element /></codeBlock>                     ->   null\n * <codeBlock><element />^</codeBlock>                     ->   null\n * <codeBlock>foo^<element /></codeBlock>                  ->   <codeBlock>[foo]<element /></codeBlock>\n * <codeBlock>foo<element />^</codeBlock>                  ->   <codeBlock>[foo]<element /></codeBlock>\n * <codeBlock>foo<element />bar^</codeBlock>               ->   <codeBlock>[foo]<element />bar</codeBlock>\n * <codeBlock><element />bar^</codeBlock>                  ->   null\n * <codeBlock>foo<softBreak />^<softBreak /></codeBlock>   ->   null\n * <codeBlock>foo<softBreak />^<element /></codeBlock>     ->   null\n * <codeBlock>foo<softBreak /><element />^</codeBlock>     ->   null\n * <codeBlock>foo<softBreak />bar<element />^</codeBlock>  ->   <codeBlock>foo<softBreak />[bar]<element /></codeBlock>\n * <codeBlock>foo<softBreak /><element />ba^r</codeBlock>  ->   null\n * ```\n *\n * @internal\n */ function getTextNodeAtLineStart(position, model) {\n    // First, move position before a text node, if it is inside a text node.\n    if (position.textNode) {\n        position = model.createPositionBefore(position.textNode);\n    }\n    // Then, jump-back the position until it is before a `softBreak` or at the beginning of the `codeBlock`.\n    while(position.nodeBefore && !position.nodeBefore.is('element', 'softBreak')){\n        position = model.createPositionBefore(position.nodeBefore);\n    }\n    // Now, the position is at the beginning of a line.\n    // Return a text node after the position, if there is one.\n    const nodeAtStart = position.nodeAfter;\n    return nodeAtStart && nodeAtStart.is('$text') ? nodeAtStart : null;\n}\n\n/**\n * The code block command plugin.\n */ class CodeBlockCommand extends Command {\n    /**\n\t * Contains the last used language.\n\t */ _lastLanguage;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._lastLanguage = null;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.value = this._getValue();\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Executes the command. When the command {@link #value is on}, all topmost code blocks within\n\t * the selection will be removed. If it is off, all selected blocks will be flattened and\n\t * wrapped by a code block.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.language The code block language.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply a code block,\n\t * otherwise the command will remove the code block. If not set, the command will act basing on its current value.\n\t * @param options.usePreviousLanguageChoice If set on `true` and the `options.language` is not specified, the command\n\t * will apply the previous language (if the command was already executed) when inserting the `codeBlock` element.\n\t */ execute(options = {}) {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const normalizedLanguagesDefs = getNormalizedAndLocalizedLanguageDefinitions(editor);\n        const firstLanguageInConfig = normalizedLanguagesDefs[0];\n        const blocks = Array.from(selection.getSelectedBlocks());\n        const value = options.forceValue == undefined ? !this.value : options.forceValue;\n        const language = getLanguage(options, this._lastLanguage, firstLanguageInConfig.language);\n        model.change((writer)=>{\n            if (value) {\n                this._applyCodeBlock(writer, blocks, language);\n            } else {\n                this._removeCodeBlock(writer, blocks);\n            }\n        });\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */ _getValue() {\n        const selection = this.editor.model.document.selection;\n        const firstBlock = first(selection.getSelectedBlocks());\n        const isCodeBlock = !!firstBlock?.is('element', 'codeBlock');\n        return isCodeBlock ? firstBlock.getAttribute('language') : false;\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        if (this.value) {\n            return true;\n        }\n        const selection = this.editor.model.document.selection;\n        const schema = this.editor.model.schema;\n        const firstBlock = first(selection.getSelectedBlocks());\n        if (!firstBlock) {\n            return false;\n        }\n        return canBeCodeBlock(schema, firstBlock);\n    }\n    _applyCodeBlock(writer, blocks, language) {\n        this._lastLanguage = language;\n        const schema = this.editor.model.schema;\n        const allowedBlocks = blocks.filter((block)=>canBeCodeBlock(schema, block));\n        for (const block of allowedBlocks){\n            writer.rename(block, 'codeBlock');\n            writer.setAttribute('language', language, block);\n            schema.removeDisallowedAttributes([\n                block\n            ], writer);\n            // Remove children of the  `codeBlock` element that are not allowed. See #9567.\n            Array.from(block.getChildren()).filter((child)=>!schema.checkChild(block, child)).forEach((child)=>writer.remove(child));\n        }\n        allowedBlocks.reverse().forEach((currentBlock, i)=>{\n            const nextBlock = allowedBlocks[i + 1];\n            if (currentBlock.previousSibling === nextBlock) {\n                writer.appendElement('softBreak', nextBlock);\n                writer.merge(writer.createPositionBefore(currentBlock));\n            }\n        });\n    }\n    _removeCodeBlock(writer, blocks) {\n        const codeBlocks = blocks.filter((block)=>block.is('element', 'codeBlock'));\n        for (const block of codeBlocks){\n            const range = writer.createRangeOn(block);\n            for (const item of Array.from(range.getItems()).reverse()){\n                if (item.is('element', 'softBreak') && item.parent.is('element', 'codeBlock')) {\n                    const { position } = writer.split(writer.createPositionBefore(item));\n                    const elementAfter = position.nodeAfter;\n                    writer.rename(elementAfter, 'paragraph');\n                    writer.removeAttribute('language', elementAfter);\n                    writer.remove(item);\n                }\n            }\n            writer.rename(block, 'paragraph');\n            writer.removeAttribute('language', block);\n        }\n    }\n}\n/**\n * Picks the language for the new code block. If any language is passed as an option,\n * it will be returned. Else, if option usePreviousLanguageChoice is true and some\n * code block was already created (lastLanguage is not null) then previously used\n * language will be returned. If not, it will return default language.\n */ function getLanguage(options, lastLanguage, defaultLanguage) {\n    if (options.language) {\n        return options.language;\n    }\n    if (options.usePreviousLanguageChoice && lastLanguage) {\n        return lastLanguage;\n    }\n    return defaultLanguage;\n}\n\n/**\n * The code block indentation increase command plugin.\n */ class IndentCodeBlockCommand extends Command {\n    /**\n\t * A sequence of characters added to the line when the command is executed.\n\t */ _indentSequence;\n    constructor(editor){\n        super(editor);\n        this._indentSequence = editor.config.get('codeBlock.indentSequence');\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Executes the command. When the command {@link #isEnabled is enabled}, the indentation of the\n\t * code lines in the selection will be increased.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const editor = this.editor;\n        const model = editor.model;\n        model.change((writer)=>{\n            const positions = getIndentOutdentPositions(model);\n            // Indent all positions, for instance assuming the indent sequence is 4x space (\"    \"):\n            //\n            //\t\t<codeBlock>^foo</codeBlock>        ->       <codeBlock>    foo</codeBlock>\n            //\n            //\t\t<codeBlock>foo^bar</codeBlock>     ->       <codeBlock>foo    bar</codeBlock>\n            //\n            // Also, when there is more than one position:\n            //\n            //\t\t<codeBlock>\n            //\t\t\t^foobar\n            //\t\t\t<softBreak></softBreak>\n            //\t\t\t^bazqux\n            //\t\t</codeBlock>\n            //\n            //\t\t->\n            //\n            //\t\t<codeBlock>\n            //\t\t\t    foobar\n            //\t\t\t<softBreak></softBreak>\n            //\t\t\t    bazqux\n            //\t\t</codeBlock>\n            //\n            for (const position of positions){\n                const indentSequenceTextElement = writer.createText(this._indentSequence);\n                // Previously insertion was done by writer.insertText(). It was changed to insertContent() to enable\n                // integration of code block with track changes. It's the easiest way of integration because insertContent()\n                // is already integrated with track changes, but if it ever cause any troubles it can be reverted, however\n                // some additional work will be required in track changes integration of code block.\n                model.insertContent(indentSequenceTextElement, position);\n            }\n        });\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t */ _checkEnabled() {\n        if (!this._indentSequence) {\n            return false;\n        }\n        // Indent (forward) command is always enabled when there's any code block in the selection\n        // because you can always indent code lines.\n        return isModelSelectionInCodeBlock(this.editor.model.document.selection);\n    }\n}\n\n/**\n * The code block indentation decrease command plugin.\n */ class OutdentCodeBlockCommand extends Command {\n    /**\n\t * A sequence of characters removed from the line when the command is executed.\n\t */ _indentSequence;\n    constructor(editor){\n        super(editor);\n        this._indentSequence = editor.config.get('codeBlock.indentSequence');\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Executes the command. When the command {@link #isEnabled is enabled}, the indentation of the\n\t * code lines in the selection will be decreased.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const editor = this.editor;\n        const model = editor.model;\n        model.change(()=>{\n            const positions = getIndentOutdentPositions(model);\n            // Outdent all positions, for instance assuming the indent sequence is 4x space (\"    \"):\n            //\n            //\t\t<codeBlock>^foo</codeBlock>         ->       <codeBlock>foo</codeBlock>\n            //\n            //\t\t<codeBlock>    ^bar</codeBlock>     ->       <codeBlock>bar</codeBlock>\n            //\n            // Also, when there is more than one position:\n            //\n            //\t\t<codeBlock>\n            //\t\t\t    ^foobar\n            //\t\t\t<softBreak></softBreak>\n            //\t\t\t    ^bazqux\n            //\t\t</codeBlock>\n            //\n            //\t\t->\n            //\n            //\t\t<codeBlock>\n            //\t\t\tfoobar\n            //\t\t\t<softBreak></softBreak>\n            //\t\t\tbazqux\n            //\t\t</codeBlock>\n            for (const position of positions){\n                const range = getLastOutdentableSequenceRange(model, position, this._indentSequence);\n                if (range) {\n                    // Previously deletion was done by writer.remove(). It was changed to deleteContent() to enable\n                    // integration of code block with track changes. It's the easiest way of integration because deleteContent()\n                    // is already integrated with track changes, but if it ever cause any troubles it can be reverted, however\n                    // some additional work will be required in track changes integration of code block.\n                    model.deleteContent(model.createSelection(range));\n                }\n            }\n        });\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @private\n\t * @returns {Boolean} Whether the command should be enabled.\n\t */ _checkEnabled() {\n        if (!this._indentSequence) {\n            return false;\n        }\n        const model = this.editor.model;\n        if (!isModelSelectionInCodeBlock(model.document.selection)) {\n            return false;\n        }\n        // Outdent command can execute only when there is an indent character sequence\n        // in some of the lines.\n        return getIndentOutdentPositions(model).some((position)=>{\n            return getLastOutdentableSequenceRange(model, position, this._indentSequence);\n        });\n    }\n}\n// For a position coming from `getIndentOutdentPositions()`, it returns the range representing\n// the last occurrence of the indent sequence among the leading whitespaces of the code line the\n// position represents.\n//\n// For instance, assuming the indent sequence is 4x space (\"    \"):\n//\n//\t\t<codeBlock>foo^</codeBlock>                                 ->          null\n//\t\t<codeBlock>foo^<softBreak></softBreak>bar</codeBlock>       ->          null\n//\t\t<codeBlock>  ^foo</codeBlock>                               ->          null\n//\t\t<codeBlock>        ^foo</codeBlock>                         ->          <codeBlock>    [    ]foo</codeBlock>\n//\t\t<codeBlock>    ^foo    bar</codeBlock>                      ->          <codeBlock>[    ]foo    bar</codeBlock>\n//\n// @param {<module:engine/model/model~Model>} model\n// @param {<module:engine/model/position~ModelPosition>} position\n// @param {String} sequence\n// @returns {<module:engine/model/range~ModelRange>|null}\nfunction getLastOutdentableSequenceRange(model, position, sequence) {\n    // Positions start before each text node (code line). Get the node corresponding to the position.\n    const nodeAtPosition = getTextNodeAtLineStart(position, model);\n    if (!nodeAtPosition) {\n        return null;\n    }\n    const leadingWhiteSpaces = getLeadingWhiteSpaces(nodeAtPosition);\n    const lastIndexOfSequence = leadingWhiteSpaces.lastIndexOf(sequence);\n    // For instance, assuming the indent sequence is 4x space (\"    \"):\n    //\n    //\t\t<codeBlock>    \t^foo</codeBlock>           ->             null\n    //\n    if (lastIndexOfSequence + sequence.length !== leadingWhiteSpaces.length) {\n        return null;\n    }\n    // For instance, assuming the indent sequence is 4x space (\"    \"):\n    //\n    //\t\t<codeBlock>  ^foo</codeBlock>           ->             null\n    //\n    if (lastIndexOfSequence === -1) {\n        return null;\n    }\n    const { parent, startOffset } = nodeAtPosition;\n    // Create a range that contains the **last** indent sequence among the leading whitespaces\n    // of the line.\n    //\n    // For instance, assuming the indent sequence is 4x space (\"    \"):\n    //\n    //\t\t<codeBlock>        ^foo</codeBlock>      ->     <codeBlock>    [    ]foo</codeBlock>\n    //\n    return model.createRange(model.createPositionAt(parent, startOffset + lastIndexOfSequence), model.createPositionAt(parent, startOffset + lastIndexOfSequence + sequence.length));\n}\n\n/**\n * A model-to-view (both editing and data) converter for the `codeBlock` element.\n *\n * Sample input:\n *\n * ```html\n * <codeBlock language=\"javascript\">foo();<softBreak></softBreak>bar();</codeBlock>\n * ```\n *\n * Sample output (editing):\n *\n * ```html\n * <pre data-language=\"JavaScript\"><code class=\"language-javascript\">foo();<br />bar();</code></pre>\n * ```\n *\n * Sample output (data, see {@link module:code-block/converters~modelToDataViewSoftBreakInsertion}):\n *\n * ```html\n * <pre><code class=\"language-javascript\">foo();\\nbar();</code></pre>\n * ```\n *\n * @param languageDefs The normalized language configuration passed to the feature.\n * @param useLabels When `true`, the `<pre>` element will get a `data-language` attribute with a\n * human–readable label of the language. Used only in the editing.\n * @returns Returns a conversion callback.\n * @internal\n */ function modelToViewCodeBlockInsertion(model, languageDefs, useLabels = false) {\n    // Language CSS classes:\n    //\n    //\t\t{\n    //\t\t\tphp: 'language-php',\n    //\t\t\tpython: 'language-python',\n    //\t\t\tjavascript: 'js',\n    //\t\t\t...\n    //\t\t}\n    const languagesToClasses = getPropertyAssociation(languageDefs, 'language', 'class');\n    // Language labels:\n    //\n    //\t\t{\n    //\t\t\tphp: 'PHP',\n    //\t\t\tpython: 'Python',\n    //\t\t\tjavascript: 'JavaScript',\n    //\t\t\t...\n    //\t\t}\n    const languagesToLabels = getPropertyAssociation(languageDefs, 'language', 'label');\n    return (evt, data, conversionApi)=>{\n        const { writer, mapper, consumable } = conversionApi;\n        if (!consumable.consume(data.item, 'insert')) {\n            return;\n        }\n        const codeBlockLanguage = data.item.getAttribute('language');\n        const targetViewPosition = mapper.toViewPosition(model.createPositionBefore(data.item));\n        const preAttributes = {};\n        // Attributes added only in the editing view.\n        if (useLabels) {\n            preAttributes['data-language'] = languagesToLabels[codeBlockLanguage];\n            preAttributes.spellcheck = 'false';\n        }\n        const codeAttributes = languagesToClasses[codeBlockLanguage] ? {\n            class: languagesToClasses[codeBlockLanguage]\n        } : undefined;\n        const code = writer.createContainerElement('code', codeAttributes);\n        const pre = writer.createContainerElement('pre', preAttributes, code);\n        writer.insert(targetViewPosition, pre);\n        mapper.bindElements(data.item, code);\n    };\n}\n/**\n * A model-to-data view converter for the new line (`softBreak`) separator.\n *\n * Sample input:\n *\n * ```html\n * <codeBlock ...>foo();<softBreak></softBreak>bar();</codeBlock>\n * ```\n *\n * Sample output:\n *\n * ```html\n * <pre><code ...>foo();\\nbar();</code></pre>\n * ```\n *\n * @returns Returns a conversion callback.\n * @internal\n */ function modelToDataViewSoftBreakInsertion(model) {\n    return (evt, data, conversionApi)=>{\n        if (data.item.parent.name !== 'codeBlock') {\n            return;\n        }\n        const { writer, mapper, consumable } = conversionApi;\n        if (!consumable.consume(data.item, 'insert')) {\n            return;\n        }\n        const position = mapper.toViewPosition(model.createPositionBefore(data.item));\n        writer.insert(position, writer.createText('\\n'));\n    };\n}\n/**\n * A view-to-model converter for `<pre>` with the `<code>` HTML.\n *\n * Sample input:\n *\n * ```html\n * <pre><code class=\"language-javascript\">foo();bar();</code></pre>\n * ```\n *\n * Sample output:\n *\n * ```html\n * <codeBlock language=\"javascript\">foo();bar();</codeBlock>\n * ```\n *\n * @param languageDefs The normalized language configuration passed to the feature.\n * @returns Returns a conversion callback.\n * @internal\n */ function dataViewToModelCodeBlockInsertion(editingView, languageDefs) {\n    // Language names associated with CSS classes:\n    //\n    //\t\t{\n    //\t\t\t'language-php': 'php',\n    //\t\t\t'language-python': 'python',\n    //\t\t\tjs: 'javascript',\n    //\t\t\t...\n    //\t\t}\n    const classesToLanguages = getPropertyAssociation(languageDefs, 'class', 'language');\n    const defaultLanguageName = languageDefs[0].language;\n    return (evt, data, conversionApi)=>{\n        const viewCodeElement = data.viewItem;\n        const viewPreElement = viewCodeElement.parent;\n        if (!viewPreElement || !viewPreElement.is('element', 'pre')) {\n            return;\n        }\n        // In case of nested code blocks we don't want to convert to another code block.\n        if (data.modelCursor.findAncestor('codeBlock')) {\n            return;\n        }\n        const { consumable, writer } = conversionApi;\n        if (!consumable.test(viewCodeElement, {\n            name: true\n        })) {\n            return;\n        }\n        const codeBlock = writer.createElement('codeBlock');\n        const viewChildClasses = [\n            ...viewCodeElement.getClassNames()\n        ];\n        // As we're to associate each class with a model language, a lack of class (empty class) can be\n        // also associated with a language if the language definition was configured so. Pushing an empty\n        // string to make sure the association will work.\n        if (!viewChildClasses.length) {\n            viewChildClasses.push('');\n        }\n        // Figure out if any of the <code> element's class names is a valid programming\n        // language class. If so, use it on the model element (becomes the language of the entire block).\n        for (const className of viewChildClasses){\n            const language = classesToLanguages[className];\n            if (language) {\n                consumable.consume(viewCodeElement, {\n                    classes: [\n                        className\n                    ]\n                });\n                writer.setAttribute('language', language, codeBlock);\n                break;\n            }\n        }\n        // If no language value was set, use the default language from the config.\n        if (!codeBlock.hasAttribute('language')) {\n            writer.setAttribute('language', defaultLanguageName, codeBlock);\n        }\n        // Convert children before inserting the code block element\n        // to make sure that code block won't be splitted by any block.\n        conversionApi.convertChildren(viewCodeElement, codeBlock);\n        // Let's try to insert code block.\n        if (!conversionApi.safeInsert(codeBlock, data.modelCursor)) {\n            return;\n        }\n        consumable.consume(viewCodeElement, {\n            name: true\n        });\n        conversionApi.updateConversionResult(codeBlock, data);\n    };\n}\n/**\n * A view-to-model converter for new line characters in `<pre>`.\n *\n * Sample input:\n *\n * ```html\n * <pre><code class=\"language-javascript\">foo();\\nbar();</code></pre>\n * ```\n *\n * Sample output:\n *\n * ```html\n * <codeBlock language=\"javascript\">foo();<softBreak></softBreak>bar();</codeBlock>\n * ```\n *\n * @returns {Function} Returns a conversion callback.\n * @internal\n */ function dataViewToModelTextNewlinesInsertion() {\n    return (evt, data, { consumable, writer })=>{\n        let position = data.modelCursor;\n        // When node is already converted then do nothing.\n        if (!consumable.test(data.viewItem)) {\n            return;\n        }\n        // When not inside `codeBlock` then do nothing.\n        if (!position.findAncestor('codeBlock')) {\n            return;\n        }\n        consumable.consume(data.viewItem);\n        const text = data.viewItem.data;\n        const textLines = text.split('\\n').map((data)=>writer.createText(data));\n        const lastLine = textLines[textLines.length - 1];\n        for (const node of textLines){\n            writer.insert(node, position);\n            position = position.getShiftedBy(node.offsetSize);\n            if (node !== lastLine) {\n                const softBreak = writer.createElement('softBreak');\n                writer.insert(softBreak, position);\n                position = writer.createPositionAfter(softBreak);\n            }\n        }\n        data.modelRange = writer.createRange(data.modelCursor, position);\n        data.modelCursor = position;\n    };\n}\n/**\n * A view-to-model converter that handles orphan text nodes (white spaces, new lines, etc.)\n * that surround `<code>` inside `<pre>`.\n *\n * Sample input:\n *\n * ```html\n * // White spaces\n * <pre> <code>foo()</code> </pre>\n *\n * // White spaces\n * <pre>      <code>foo()</code>      </pre>\n *\n * // White spaces\n * <pre>\t\t\t<code>foo()</code>\t\t\t</pre>\n *\n * // New lines\n * <pre>\n * \t<code>foo()</code>\n * </pre>\n *\n * // Redundant text\n * <pre>ABC<code>foo()</code>DEF</pre>\n * ```\n *\n * Unified output for each case:\n *\n * ```html\n * <codeBlock language=\"plaintext\">foo()</codeBlock>\n * ```\n *\n * @returns Returns a conversion callback.\n * @internal\n */ function dataViewToModelOrphanNodeConsumer() {\n    return (evt, data, { consumable })=>{\n        const preElement = data.viewItem;\n        // Don't clean up nested pre elements. Their content should stay as it is, they are not upcasted\n        // to code blocks.\n        if (preElement.findAncestor('pre')) {\n            return;\n        }\n        const preChildren = Array.from(preElement.getChildren());\n        const childCodeElement = preChildren.find((node)=>node.is('element', 'code'));\n        // <code>-less <pre>. It will not upcast to code block in the model, skipping.\n        if (!childCodeElement) {\n            return;\n        }\n        for (const child of preChildren){\n            if (child === childCodeElement || !child.is('$text')) {\n                continue;\n            }\n            // Consuming the orphan to remove it from the input data.\n            // Second argument in `consumable.consume` is discarded for text nodes.\n            consumable.consume(child, {\n                name: true\n            });\n        }\n    };\n}\n\nconst DEFAULT_ELEMENT = 'paragraph';\n/**\n * The editing part of the code block feature.\n *\n * Introduces the `'codeBlock'` command and the `'codeBlock'` model element.\n */ class CodeBlockEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CodeBlockEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ShiftEnter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('codeBlock', {\n            languages: [\n                {\n                    language: 'plaintext',\n                    label: 'Plain text'\n                },\n                {\n                    language: 'c',\n                    label: 'C'\n                },\n                {\n                    language: 'cs',\n                    label: 'C#'\n                },\n                {\n                    language: 'cpp',\n                    label: 'C++'\n                },\n                {\n                    language: 'css',\n                    label: 'CSS'\n                },\n                {\n                    language: 'diff',\n                    label: 'Diff'\n                },\n                {\n                    language: 'go',\n                    label: 'Go'\n                },\n                {\n                    language: 'html',\n                    label: 'HTML'\n                },\n                {\n                    language: 'java',\n                    label: 'Java'\n                },\n                {\n                    language: 'javascript',\n                    label: 'JavaScript'\n                },\n                {\n                    language: 'php',\n                    label: 'PHP'\n                },\n                {\n                    language: 'python',\n                    label: 'Python'\n                },\n                {\n                    language: 'ruby',\n                    label: 'Ruby'\n                },\n                {\n                    language: 'typescript',\n                    label: 'TypeScript'\n                },\n                {\n                    language: 'xml',\n                    label: 'XML'\n                }\n            ],\n            // A single tab.\n            indentSequence: '\\t'\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const model = editor.model;\n        const view = editor.editing.view;\n        const normalizedLanguagesDefs = getNormalizedAndLocalizedLanguageDefinitions(editor);\n        // The main command.\n        editor.commands.add('codeBlock', new CodeBlockCommand(editor));\n        // Commands that change the indentation.\n        editor.commands.add('indentCodeBlock', new IndentCodeBlockCommand(editor));\n        editor.commands.add('outdentCodeBlock', new OutdentCodeBlockCommand(editor));\n        this.listenTo(view.document, 'tab', (evt, data)=>{\n            const commandName = data.shiftKey ? 'outdentCodeBlock' : 'indentCodeBlock';\n            const command = editor.commands.get(commandName);\n            if (!command.isEnabled) {\n                return;\n            }\n            editor.execute(commandName);\n            data.stopPropagation();\n            data.preventDefault();\n            evt.stop();\n        }, {\n            context: 'pre'\n        });\n        schema.register('codeBlock', {\n            allowWhere: '$block',\n            allowChildren: '$text',\n            // Disallow `$inlineObject` and its derivatives like `inlineWidget` inside `codeBlock` to ensure that only text,\n            // not other inline elements like inline images, are allowed. This maintains the semantic integrity of code blocks.\n            disallowChildren: '$inlineObject',\n            allowAttributes: [\n                'language'\n            ],\n            allowAttributesOf: '$listItem',\n            isBlock: true\n        });\n        // Disallow formatting attributes on `codeBlock` children.\n        schema.addAttributeCheck((context, attributeName)=>{\n            const parent = context.getItem(context.length - 2);\n            const isFormatting = schema.getAttributeProperties(attributeName).isFormatting;\n            if (isFormatting && parent && parent.name == 'codeBlock') {\n                return false;\n            }\n        });\n        // Conversion.\n        editor.editing.downcastDispatcher.on('insert:codeBlock', modelToViewCodeBlockInsertion(model, normalizedLanguagesDefs, true));\n        editor.data.downcastDispatcher.on('insert:codeBlock', modelToViewCodeBlockInsertion(model, normalizedLanguagesDefs));\n        editor.data.downcastDispatcher.on('insert:softBreak', modelToDataViewSoftBreakInsertion(model), {\n            priority: 'high'\n        });\n        editor.data.upcastDispatcher.on('element:code', dataViewToModelCodeBlockInsertion(view, normalizedLanguagesDefs));\n        editor.data.upcastDispatcher.on('text', dataViewToModelTextNewlinesInsertion());\n        editor.data.upcastDispatcher.on('element:pre', dataViewToModelOrphanNodeConsumer(), {\n            priority: 'high'\n        });\n        // Intercept the clipboard input (paste) when the selection is anchored in the code block and force the clipboard\n        // data to be pasted as a single plain text. Otherwise, the code lines will split the code block and\n        // \"spill out\" as separate paragraphs.\n        this.listenTo(editor.editing.view.document, 'clipboardInput', (evt, data)=>{\n            let insertionRange = model.createRange(model.document.selection.anchor);\n            // Use target ranges in case this is a drop.\n            if (data.targetRanges) {\n                insertionRange = editor.editing.mapper.toModelRange(data.targetRanges[0]);\n            }\n            if (!insertionRange.start.parent.is('element', 'codeBlock')) {\n                return;\n            }\n            const text = data.dataTransfer.getData('text/plain');\n            const writer = new ViewUpcastWriter(editor.editing.view.document);\n            // Pass the view fragment to the default clipboardInput handler.\n            data.content = rawSnippetTextToViewDocumentFragment(writer, text);\n        });\n        if (editor.plugins.has('ClipboardPipeline')) {\n            // Elements may have a plain textual representation (hence be present in the 'text/plain' data transfer),\n            // but not be allowed in the code block.\n            // Filter them out before inserting the content to the model.\n            editor.plugins.get(ClipboardPipeline).on('contentInsertion', (evt, data)=>{\n                const model = editor.model;\n                const selection = model.document.selection;\n                if (!selection.anchor.parent.is('element', 'codeBlock')) {\n                    return;\n                }\n                model.change((writer)=>{\n                    const contentRange = writer.createRangeIn(data.content);\n                    for (const item of [\n                        ...contentRange.getItems()\n                    ]){\n                        // Remove all nodes disallowed in the code block.\n                        if (item.is('node') && !schema.checkChild(selection.anchor, item)) {\n                            writer.remove(item);\n                        }\n                    }\n                });\n            });\n        }\n        // Make sure multi–line selection is always wrapped in a code block when `getSelectedContent()`\n        // is used (e.g. clipboard copy). Otherwise, only the raw text will be copied to the clipboard and,\n        // upon next paste, this bare text will not be inserted as a code block, which is not the best UX.\n        // Similarly, when the selection in a single line, the selected content should be an inline code\n        // so it can be pasted later on and retain it's preformatted nature.\n        this.listenTo(model, 'getSelectedContent', (evt, [selection])=>{\n            const anchor = selection.anchor;\n            if (selection.isCollapsed || !anchor.parent.is('element', 'codeBlock') || !anchor.hasSameParentAs(selection.focus)) {\n                return;\n            }\n            model.change((writer)=>{\n                const docFragment = evt.return;\n                // fo[o<softBreak></softBreak>b]ar  ->   <codeBlock language=\"...\">[o<softBreak></softBreak>b]<codeBlock>\n                if (anchor.parent.is('element') && (docFragment.childCount > 1 || selection.containsEntireContent(anchor.parent))) {\n                    const codeBlock = writer.createElement('codeBlock', anchor.parent.getAttributes());\n                    writer.append(docFragment, codeBlock);\n                    const newDocumentFragment = writer.createDocumentFragment();\n                    writer.append(codeBlock, newDocumentFragment);\n                    evt.return = newDocumentFragment;\n                    return;\n                }\n                // \"f[oo]\"                          ->   <$text code=\"true\">oo</text>\n                const textNode = docFragment.getChild(0);\n                if (schema.checkAttribute(textNode, 'code')) {\n                    writer.setAttribute('code', true, textNode);\n                }\n            });\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const commands = editor.commands;\n        const indent = commands.get('indent');\n        const outdent = commands.get('outdent');\n        if (indent) {\n            // Priority is highest due to integration with `IndentList` command of `List` plugin.\n            // If selection is in a code block we give priority to it. This way list item cannot be indented\n            // but if we would give priority to indenting list item then user would have to indent list item\n            // as much as possible and only then he could indent code block.\n            indent.registerChildCommand(commands.get('indentCodeBlock'), {\n                priority: 'highest'\n            });\n        }\n        if (outdent) {\n            outdent.registerChildCommand(commands.get('outdentCodeBlock'));\n        }\n        // Customize the response to the <kbd>Enter</kbd> and <kbd>Shift</kbd>+<kbd>Enter</kbd>\n        // key press when the selection is in the code block. Upon enter key press we can either\n        // leave the block if it's \"two or three enters\" in a row or create a new code block line, preserving\n        // previous line's indentation.\n        this.listenTo(editor.editing.view.document, 'enter', (evt, data)=>{\n            const positionParent = editor.model.document.selection.getLastPosition().parent;\n            if (!positionParent.is('element', 'codeBlock')) {\n                return;\n            }\n            if (!leaveBlockStartOnEnter(editor, data.isSoft) && !leaveBlockEndOnEnter(editor, data.isSoft)) {\n                breakLineOnEnter(editor);\n            }\n            data.preventDefault();\n            evt.stop();\n        }, {\n            context: 'pre'\n        });\n        this._initAriaAnnouncements();\n    }\n    /**\n\t * Observe when user enters or leaves code block and set proper aria value in global live announcer.\n\t * This allows screen readers to indicate when the user has entered and left the specified code block.\n\t *\n\t * @internal\n\t */ _initAriaAnnouncements() {\n        const { model, ui, t } = this.editor;\n        const languageDefs = getNormalizedAndLocalizedLanguageDefinitions(this.editor);\n        let lastFocusedCodeBlock = null;\n        model.document.selection.on('change:range', ()=>{\n            const focusParent = model.document.selection.focus.parent;\n            if (!ui || lastFocusedCodeBlock === focusParent || !focusParent.is('element')) {\n                return;\n            }\n            if (lastFocusedCodeBlock && lastFocusedCodeBlock.is('element', 'codeBlock')) {\n                ui.ariaLiveAnnouncer.announce(getCodeBlockAriaAnnouncement(t, languageDefs, lastFocusedCodeBlock, 'leave'));\n            }\n            if (focusParent.is('element', 'codeBlock')) {\n                ui.ariaLiveAnnouncer.announce(getCodeBlockAriaAnnouncement(t, languageDefs, focusParent, 'enter'));\n            }\n            lastFocusedCodeBlock = focusParent;\n        });\n    }\n}\n/**\n * Normally, when the Enter (or Shift+Enter) key is pressed, a soft line break is to be added to the\n * code block. Let's try to follow the indentation of the previous line when possible, for instance:\n *\n * ```html\n * // Before pressing enter (or shift enter)\n * <codeBlock>\n * \"    foo()\"[]                   // Indent of 4 spaces.\n * </codeBlock>\n *\n * // After pressing:\n * <codeBlock>\n * \"    foo()\"                 // Indent of 4 spaces.\n * <softBreak></softBreak>     // A new soft break created by pressing enter.\n * \"    \"[]                    // Retain the indent of 4 spaces.\n * </codeBlock>\n * ```\n */ function breakLineOnEnter(editor) {\n    const model = editor.model;\n    const modelDoc = model.document;\n    // Use last position as other mechanisms (e.g. condition deciding whether this function should be called) also check that.\n    const lastSelectionPosition = modelDoc.selection.getLastPosition();\n    let leadingWhiteSpaces;\n    const node = getTextNodeAtLineStart(lastSelectionPosition, model);\n    // Figure out the indentation (white space chars) at the beginning of the line.\n    if (node && node.is('$text')) {\n        leadingWhiteSpaces = getLeadingWhiteSpaces(node);\n    }\n    // Keeping everything in a change block for a single undo step.\n    editor.model.change((writer)=>{\n        editor.execute('shiftEnter');\n        // If the line before being broken in two had some indentation, let's retain it\n        // in the new line.\n        if (leadingWhiteSpaces) {\n            writer.insertText(leadingWhiteSpaces, modelDoc.selection.anchor);\n        }\n    });\n}\n/**\n * Leave the code block when Enter (but NOT Shift+Enter) has been pressed twice at the beginning\n * of the code block:\n *\n * ```html\n * // Before:\n * <codeBlock>[]<softBreak></softBreak>foo</codeBlock>\n *\n * // After pressing:\n * <paragraph>[]</paragraph><codeBlock>foo</codeBlock>\n * ```\n *\n * @param isSoftEnter When `true`, enter was pressed along with <kbd>Shift</kbd>.\n * @returns `true` when selection left the block. `false` if stayed.\n */ function leaveBlockStartOnEnter(editor, isSoftEnter) {\n    const model = editor.model;\n    const modelDoc = model.document;\n    const view = editor.editing.view;\n    const lastSelectionPosition = modelDoc.selection.getLastPosition();\n    const nodeAfter = lastSelectionPosition.nodeAfter;\n    if (isSoftEnter || !modelDoc.selection.isCollapsed || !lastSelectionPosition.isAtStart) {\n        return false;\n    }\n    if (!isSoftBreakNode(nodeAfter)) {\n        return false;\n    }\n    // We're doing everything in a single change block to have a single undo step.\n    editor.model.change((writer)=>{\n        // \"Clone\" the <codeBlock> in the standard way.\n        editor.execute('enter');\n        // The cloned block exists now before the original code block.\n        const newBlock = modelDoc.selection.anchor.parent.previousSibling;\n        // Make the cloned <codeBlock> a regular <paragraph> (with clean attributes, so no language).\n        writer.rename(newBlock, DEFAULT_ELEMENT);\n        writer.setSelection(newBlock, 'in');\n        editor.model.schema.removeDisallowedAttributes([\n            newBlock\n        ], writer);\n        // Remove the <softBreak> that originally followed the selection position.\n        writer.remove(nodeAfter);\n    });\n    // Eye candy.\n    view.scrollToTheSelection();\n    return true;\n}\n/**\n * Leave the code block when Enter (but NOT Shift+Enter) has been pressed twice at the end\n * of the code block:\n *\n * ```html\n * // Before:\n * <codeBlock>foo[]</codeBlock>\n *\n * // After first press:\n * <codeBlock>foo<softBreak></softBreak>[]</codeBlock>\n *\n * // After second press:\n * <codeBlock>foo</codeBlock><paragraph>[]</paragraph>\n * ```\n *\n * @param isSoftEnter When `true`, enter was pressed along with <kbd>Shift</kbd>.\n * @returns `true` when selection left the block. `false` if stayed.\n */ function leaveBlockEndOnEnter(editor, isSoftEnter) {\n    const model = editor.model;\n    const modelDoc = model.document;\n    const view = editor.editing.view;\n    const lastSelectionPosition = modelDoc.selection.getLastPosition();\n    const nodeBefore = lastSelectionPosition.nodeBefore;\n    let emptyLineRangeToRemoveOnEnter;\n    if (isSoftEnter || !modelDoc.selection.isCollapsed || !lastSelectionPosition.isAtEnd || !nodeBefore || !nodeBefore.previousSibling) {\n        return false;\n    }\n    // When the position is directly preceded by two soft breaks\n    //\n    //\t\t<codeBlock>foo<softBreak></softBreak><softBreak></softBreak>[]</codeBlock>\n    //\n    // it creates the following range that will be cleaned up before leaving:\n    //\n    //\t\t<codeBlock>foo[<softBreak></softBreak><softBreak></softBreak>]</codeBlock>\n    //\n    if (isSoftBreakNode(nodeBefore) && isSoftBreakNode(nodeBefore.previousSibling)) {\n        emptyLineRangeToRemoveOnEnter = model.createRange(model.createPositionBefore(nodeBefore.previousSibling), model.createPositionAfter(nodeBefore));\n    } else if (isEmptyishTextNode(nodeBefore) && isSoftBreakNode(nodeBefore.previousSibling) && isSoftBreakNode(nodeBefore.previousSibling.previousSibling)) {\n        emptyLineRangeToRemoveOnEnter = model.createRange(model.createPositionBefore(nodeBefore.previousSibling.previousSibling), model.createPositionAfter(nodeBefore));\n    } else if (isEmptyishTextNode(nodeBefore) && isSoftBreakNode(nodeBefore.previousSibling) && isEmptyishTextNode(nodeBefore.previousSibling.previousSibling) && nodeBefore.previousSibling.previousSibling && isSoftBreakNode(nodeBefore.previousSibling.previousSibling.previousSibling)) {\n        emptyLineRangeToRemoveOnEnter = model.createRange(model.createPositionBefore(nodeBefore.previousSibling.previousSibling.previousSibling), model.createPositionAfter(nodeBefore));\n    } else {\n        return false;\n    }\n    // We're doing everything in a single change block to have a single undo step.\n    editor.model.change((writer)=>{\n        // Remove the last <softBreak>s and all white space characters that followed them.\n        writer.remove(emptyLineRangeToRemoveOnEnter);\n        // \"Clone\" the <codeBlock> in the standard way.\n        editor.execute('enter');\n        const newBlock = modelDoc.selection.anchor.parent;\n        // Make the cloned <codeBlock> a regular <paragraph> (with clean attributes, so no language).\n        writer.rename(newBlock, DEFAULT_ELEMENT);\n        editor.model.schema.removeDisallowedAttributes([\n            newBlock\n        ], writer);\n    });\n    // Eye candy.\n    view.scrollToTheSelection();\n    return true;\n}\nfunction isEmptyishTextNode(node) {\n    return node && node.is('$text') && !node.data.match(/\\S/);\n}\nfunction isSoftBreakNode(node) {\n    return node && node.is('element', 'softBreak');\n}\n\n/**\n * The code block UI plugin.\n *\n * Introduces the `'codeBlock'` dropdown.\n */ class CodeBlockUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CodeBlockUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const componentFactory = editor.ui.componentFactory;\n        const normalizedLanguageDefs = getNormalizedAndLocalizedLanguageDefinitions(editor);\n        const itemDefinitions = this._getLanguageListItemDefinitions(normalizedLanguageDefs);\n        const command = editor.commands.get('codeBlock');\n        componentFactory.add('codeBlock', (locale)=>{\n            const dropdownView = createDropdown(locale, SplitButtonView);\n            const splitButtonView = dropdownView.buttonView;\n            const accessibleLabel = t('Insert code block');\n            splitButtonView.set({\n                label: accessibleLabel,\n                tooltip: true,\n                icon: IconCodeBlock,\n                isToggleable: true\n            });\n            splitButtonView.bind('isOn').to(command, 'value', (value)=>!!value);\n            splitButtonView.on('execute', ()=>{\n                editor.execute('codeBlock', {\n                    usePreviousLanguageChoice: true\n                });\n                editor.editing.view.focus();\n            });\n            dropdownView.on('execute', (evt)=>{\n                editor.execute('codeBlock', {\n                    language: evt.source._codeBlockLanguage,\n                    forceValue: true\n                });\n                editor.editing.view.focus();\n            });\n            dropdownView.class = 'ck-code-block-dropdown';\n            dropdownView.bind('isEnabled').to(command);\n            addListToDropdown(dropdownView, itemDefinitions, {\n                role: 'menu',\n                ariaLabel: accessibleLabel\n            });\n            return dropdownView;\n        });\n        componentFactory.add('menuBar:codeBlock', (locale)=>{\n            const menuView = new MenuBarMenuView(locale);\n            menuView.buttonView.set({\n                role: 'menuitem',\n                label: t('Code block'),\n                icon: IconCodeBlock\n            });\n            menuView.bind('isEnabled').to(command);\n            const listView = new MenuBarMenuListView(locale);\n            listView.set({\n                ariaLabel: t('Insert code block')\n            });\n            for (const definition of itemDefinitions){\n                const listItemView = new MenuBarMenuListItemView(locale, menuView);\n                const buttonView = new MenuBarMenuListItemButtonView(locale);\n                buttonView.bind(...Object.keys(definition.model)).to(definition.model);\n                buttonView.set({\n                    isToggleable: true,\n                    role: 'menuitemcheckbox'\n                });\n                buttonView.delegate('execute').to(menuView);\n                buttonView.on('execute', ()=>{\n                    editor.execute('codeBlock', {\n                        language: definition.model._codeBlockLanguage,\n                        forceValue: command.value == definition.model._codeBlockLanguage ? false : true\n                    });\n                    editor.editing.view.focus();\n                });\n                listItemView.children.add(buttonView);\n                listView.items.add(listItemView);\n            }\n            menuView.panelView.children.add(listView);\n            return menuView;\n        });\n    }\n    /**\n\t * A helper returning a collection of the `codeBlock` dropdown items representing languages\n\t * available for the user to choose from.\n\t */ _getLanguageListItemDefinitions(normalizedLanguageDefs) {\n        const editor = this.editor;\n        const command = editor.commands.get('codeBlock');\n        const itemDefinitions = new Collection();\n        for (const languageDef of normalizedLanguageDefs){\n            const definition = {\n                type: 'button',\n                model: new UIModel({\n                    _codeBlockLanguage: languageDef.language,\n                    label: languageDef.label,\n                    role: 'menuitemradio',\n                    withText: true\n                })\n            };\n            definition.model.bind('isOn').to(command, 'value', (value)=>{\n                return value === definition.model._codeBlockLanguage;\n            });\n            itemDefinitions.add(definition);\n        }\n        return itemDefinitions;\n    }\n}\n\n/**\n * The code block plugin.\n *\n * For more information about this feature check the {@glink api/code-block package page} and the\n * {@glink features/code-blocks code block} feature guide.\n *\n * This is a \"glue\" plugin that loads the {@link module:code-block/codeblockediting~CodeBlockEditing code block editing feature}\n * and the {@link module:code-block/codeblockui~CodeBlockUI code block UI feature}.\n */ class CodeBlock extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            CodeBlockEditing,\n            CodeBlockUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CodeBlock';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { CodeBlock, CodeBlockCommand, CodeBlockEditing, CodeBlockUI, IndentCodeBlockCommand, OutdentCodeBlockCommand, canBeCodeBlock as _canBeCodeBlock, dataViewToModelCodeBlockInsertion as _dataViewToModelCodeBlockInsertion, dataViewToModelOrphanNodeConsumer as _dataViewToModelCodeBlockOrphanNodeConsumer, dataViewToModelTextNewlinesInsertion as _dataViewToModelCodeBlockTextNewlinesInsertion, getCodeBlockAriaAnnouncement as _getCodeBlockAriaAnnouncement, getIndentOutdentPositions as _getCodeBlockIndentOutdentPositions, getLeadingWhiteSpaces as _getCodeBlockLeadingWhiteSpaces, getPropertyAssociation as _getCodeBlockPropertyAssociation, getTextNodeAtLineStart as _getCodeBlockTextNodeAtLineStart, getNormalizedAndLocalizedLanguageDefinitions as _getNormalizedAndLocalizedCodeBlockLanguageDefinitions, isModelSelectionInCodeBlock as _isModelSelectionInCodeBlock, modelToDataViewSoftBreakInsertion as _modelToDataViewCodeBlockSoftBreakInsertion, modelToViewCodeBlockInsertion as _modelToViewCodeBlockInsertion, rawSnippetTextToViewDocumentFragment as _rawCodeBlockSnippetTextToViewDocumentFragment };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 code-block/utils\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type { CodeBlockLanguageDefinition } from './codeblockconfig.js';\nimport type {\n\tModelDocumentSelection,\n\tModelElement,\n\tModel,\n\tModelPosition,\n\tModelSchema,\n\tModelText,\n\tViewUpcastWriter,\n\tViewDocumentFragment,\n\tViewElement\n} from 'ckeditor5/src/engine.js';\n\nimport { first, type LocaleTranslate } from 'ckeditor5/src/utils.js';\n\n/**\n * Returns code block languages as defined in `config.codeBlock.languages` but processed:\n *\n * * To consider the editor localization, i.e. to display {@link module:code-block/codeblockconfig~CodeBlockLanguageDefinition}\n * in the correct language. There is no way to use {@link module:utils/locale~Locale#t} when the user\n * configuration is defined because the editor does not exist yet.\n * * To make sure each definition has a CSS class associated with it even if not specified\n * in the original configuration.\n *\n * @internal\n */\nexport function getNormalizedAndLocalizedLanguageDefinitions( editor: Editor ): Array<CodeBlockLanguageDefinition> {\n\tconst t = editor.t;\n\tconst languageDefs = editor.config.get( 'codeBlock.languages' ) as Array<CodeBlockLanguageDefinition>;\n\n\tfor ( const def of languageDefs ) {\n\t\tif ( def.label === 'Plain text' ) {\n\t\t\tdef.label = t( 'Plain text' );\n\t\t}\n\n\t\tif ( def.class === undefined ) {\n\t\t\tdef.class = `language-${ def.language }`;\n\t\t}\n\t}\n\n\treturn languageDefs;\n}\n\n/**\n * Returns an object associating certain language definition properties with others. For instance:\n *\n * For:\n *\n * ```ts\n * const definitions = {\n * \t{ language: 'php', class: 'language-php', label: 'PHP' },\n * \t{ language: 'javascript', class: 'js', label: 'JavaScript' },\n * };\n *\n * getPropertyAssociation( definitions, 'class', 'language' );\n * ```\n *\n * returns:\n *\n * ```ts\n * {\n * \t'language-php': 'php',\n * \t'js': 'javascript'\n * }\n * ```\n *\n * and\n *\n * ```ts\n * getPropertyAssociation( definitions, 'language', 'label' );\n * ```\n *\n * returns:\n *\n * ```ts\n * {\n * \t'php': 'PHP',\n * \t'javascript': 'JavaScript'\n * }\n * ```\n *\n * @internal\n */\nexport function getPropertyAssociation(\n\tlanguageDefs: Array<CodeBlockLanguageDefinition>,\n\tkey: keyof CodeBlockLanguageDefinition,\n\tvalue: keyof CodeBlockLanguageDefinition\n): Record<string, string> {\n\tconst association: Record<string, string> = {};\n\n\tfor ( const def of languageDefs ) {\n\t\tif ( key === 'class' ) {\n\t\t\t// Only the first class is considered.\n\t\t\tconst newKey = ( def[ key ]! ).split( ' ' ).shift()!;\n\n\t\t\tassociation[ newKey ] = def[ value ]!;\n\t\t} else {\n\t\t\tassociation[ def[ key ]! ] = def[ value ]!;\n\t\t}\n\t}\n\n\treturn association;\n}\n\n/**\n * For a given model text node, it returns white spaces that precede other characters in that node.\n * This corresponds to the indentation part of the code block line.\n *\n * @internal\n */\nexport function getLeadingWhiteSpaces( textNode: ModelText ): string {\n\treturn textNode.data.match( /^(\\s*)/ )![ 0 ];\n}\n\n/**\n * For plain text containing the code (a snippet), it returns a document fragment containing\n * view text nodes separated by `<br>` elements (in place of new line characters \"\\n\"), for instance:\n *\n * Input:\n *\n * ```ts\n * \"foo()\\n\n * bar()\"\n * ```\n *\n * Output:\n *\n * ```html\n * <DocumentFragment>\n * \t\"foo()\"\n * \t<br/>\n * \t\"bar()\"\n * </DocumentFragment>\n * ```\n *\n * @param text The raw code text to be converted.\n * @internal\n */\nexport function rawSnippetTextToViewDocumentFragment( writer: ViewUpcastWriter, text: string ): ViewDocumentFragment {\n\tconst fragment = writer.createDocumentFragment();\n\tconst textLines = text.split( '\\n' );\n\n\tconst items = textLines.reduce( ( nodes: Array<string | ViewElement>, line, lineIndex ) => {\n\t\tnodes.push( line );\n\n\t\tif ( lineIndex < textLines.length - 1 ) {\n\t\t\tnodes.push( writer.createElement( 'br' ) );\n\t\t}\n\n\t\treturn nodes;\n\t}, [] );\n\n\twriter.appendChild( items, fragment );\n\n\treturn fragment;\n}\n\n/**\n * Returns an array of all model positions within the selection that represent code block lines.\n *\n * If the selection is collapsed, it returns the exact selection anchor position:\n *\n * ```html\n * <codeBlock>[]foo</codeBlock>        ->     <codeBlock>^foo</codeBlock>\n * <codeBlock>foo[]bar</codeBlock>     ->     <codeBlock>foo^bar</codeBlock>\n * ```\n *\n * Otherwise, it returns positions **before** each text node belonging to all code blocks contained by the selection:\n *\n * ```html\n * <codeBlock>                                <codeBlock>\n *     foo[bar                                   ^foobar\n *     <softBreak></softBreak>         ->        <softBreak></softBreak>\n *     baz]qux                                   ^bazqux\n * </codeBlock>                               </codeBlock>\n * ```\n *\n * It also works across other non–code blocks:\n *\n * ```html\n * <codeBlock>                                <codeBlock>\n *     foo[bar                                   ^foobar\n * </codeBlock>                               </codeBlock>\n * <paragraph>text</paragraph>         ->     <paragraph>text</paragraph>\n * <codeBlock>                                <codeBlock>\n *     baz]qux                                   ^bazqux\n * </codeBlock>                               </codeBlock>\n * ```\n *\n * **Note:** The positions are in reverse order so they do not get outdated when iterating over them and\n * the writer inserts or removes elements at the same time.\n *\n * **Note:** The position is located after the leading white spaces in the text node.\n *\n * @internal\n */\nexport function getIndentOutdentPositions( model: Model ): Array<ModelPosition> {\n\tconst selection = model.document.selection;\n\tconst positions: Array<ModelPosition> = [];\n\n\t// When the selection is collapsed, there's only one position we can indent or outdent.\n\tif ( selection.isCollapsed ) {\n\t\treturn [ selection.anchor! ];\n\t}\n\n\t// When the selection is NOT collapsed, collect all positions starting before text nodes\n\t// (code lines) in any <codeBlock> within the selection.\n\n\t// Walk backward so positions we are about to collect here do not get outdated when\n\t// inserting or deleting using the writer.\n\n\tconst walker = selection.getFirstRange()!.getWalker( {\n\t\tignoreElementEnd: true,\n\t\tdirection: 'backward'\n\t} );\n\n\tfor ( const { item } of walker ) {\n\t\tlet node = item.is( '$textProxy' ) ? item.textNode : item;\n\t\tconst parent = node.parent;\n\n\t\tif ( !parent!.is( 'element', 'codeBlock' ) || node.is( 'element', 'softBreak' ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// For each item in code block, move backwards until the beginning of the line it is in is found.\n\t\twhile ( node.previousSibling && !node.previousSibling.is( 'element', 'softBreak' ) ) {\n\t\t\tnode = node.previousSibling;\n\t\t}\n\n\t\t// Take the leading white spaces into account (only for text nodes).\n\t\tconst startOffset = !node.is( '$text' ) ? node.startOffset! : node.startOffset! + getLeadingWhiteSpaces( node ).length;\n\t\tconst position = model.createPositionAt( parent, startOffset );\n\n\t\t// Do not add the same position twice. Unfortunately using set doesn't deduplicate positions because\n\t\t// they are different objects.\n\t\tif ( positions.every( pos => !pos.isEqual( position ) ) ) {\n\t\t\tpositions.push( position );\n\t\t}\n\t}\n\n\treturn positions;\n}\n\n/**\n * Checks if any of the blocks within the model selection is a code block.\n *\n * @internal\n */\nexport function isModelSelectionInCodeBlock( selection: ModelDocumentSelection ): boolean {\n\tconst firstBlock = first( selection.getSelectedBlocks() );\n\n\treturn !!firstBlock && firstBlock.is( 'element', 'codeBlock' );\n}\n\n/**\n * Checks if an {@link module:engine/model/element~ModelElement Element} can become a code block.\n *\n * @param schema Model's schema.\n * @param element The element to be checked.\n * @returns Check result.\n * @internal\n */\nexport function canBeCodeBlock( schema: ModelSchema, element: ModelElement ): boolean {\n\tif ( element.is( 'rootElement' ) || schema.isLimit( element ) ) {\n\t\treturn false;\n\t}\n\n\treturn schema.checkChild( element.parent as ModelElement, 'codeBlock' );\n}\n\n/**\n * Get the translated message read by the screen reader when you enter or exit an element with your cursor.\n *\n * @internal\n */\nexport function getCodeBlockAriaAnnouncement(\n\tt: LocaleTranslate,\n\tlanguageDefs: Array<CodeBlockLanguageDefinition>,\n\telement: ModelElement,\n\tdirection: 'enter' | 'leave'\n): string {\n\tconst languagesToLabels = getPropertyAssociation( languageDefs, 'language', 'label' );\n\tconst codeBlockLanguage = element.getAttribute( 'language' ) as string;\n\n\tif ( codeBlockLanguage in languagesToLabels ) {\n\t\tconst language = languagesToLabels[ codeBlockLanguage ];\n\n\t\tif ( direction === 'enter' ) {\n\t\t\treturn t( 'Entering %0 code snippet', language );\n\t\t}\n\n\t\treturn t( 'Leaving %0 code snippet', language );\n\t}\n\n\tif ( direction === 'enter' ) {\n\t\treturn t( 'Entering code snippet' );\n\t}\n\n\treturn t( 'Leaving code snippet' );\n}\n\n/**\n * For given position, finds the closest position that is at the beginning of a line of code and returns a text node that is at the\n * beginning of the line (or `null` if there's no text node at the beginning of a given line).\n *\n * Line beings at the start of a code block element and after each `softBreak` element.\n *\n * Note: even though code block doesn't allow inline elements other than `<softBreak>` by default, some features may overwrite this rule,\n * so such inline elements are taken into account.\n *\n * Some examples of expected results:\n *\n * ```\n * <codeBlock>^</codeBlock>                                ->   null\n * <codeBlock>^foobar</codeBlock>                          ->   <codeBlock>[foobar]</codeBlock>\n * <codeBlock>foobar^</codeBlock>                          ->   <codeBlock>[foobar]</codeBlock>\n * <codeBlock>foo^bar</codeBlock>                          ->   <codeBlock>[foobar]</codeBlock>\n * <codeBlock>foo^<softBreak />bar</codeBlock>             ->   <codeBlock>[foo]<softBreak />bar</codeBlock>\n * <codeBlock>foo<softBreak />bar^</codeBlock>             ->   <codeBlock>foo<softBreak />[bar]</codeBlock>\n * <codeBlock>foo<softBreak />b^ar</codeBlock>             ->   <codeBlock>foo<softBreak />[bar]</codeBlock>\n * <codeBlock>foo<softBreak />^bar</codeBlock>             ->   <codeBlock>foo<softBreak />[bar]</codeBlock>\n * <codeBlock>^<element /></codeBlock>                     ->   null\n * <codeBlock><element />^</codeBlock>                     ->   null\n * <codeBlock>foo^<element /></codeBlock>                  ->   <codeBlock>[foo]<element /></codeBlock>\n * <codeBlock>foo<element />^</codeBlock>                  ->   <codeBlock>[foo]<element /></codeBlock>\n * <codeBlock>foo<element />bar^</codeBlock>               ->   <codeBlock>[foo]<element />bar</codeBlock>\n * <codeBlock><element />bar^</codeBlock>                  ->   null\n * <codeBlock>foo<softBreak />^<softBreak /></codeBlock>   ->   null\n * <codeBlock>foo<softBreak />^<element /></codeBlock>     ->   null\n * <codeBlock>foo<softBreak /><element />^</codeBlock>     ->   null\n * <codeBlock>foo<softBreak />bar<element />^</codeBlock>  ->   <codeBlock>foo<softBreak />[bar]<element /></codeBlock>\n * <codeBlock>foo<softBreak /><element />ba^r</codeBlock>  ->   null\n * ```\n *\n * @internal\n */\nexport function getTextNodeAtLineStart( position: ModelPosition, model: Model ): ModelText | null {\n\t// First, move position before a text node, if it is inside a text node.\n\tif ( position.textNode ) {\n\t\tposition = model.createPositionBefore( position.textNode );\n\t}\n\n\t// Then, jump-back the position until it is before a `softBreak` or at the beginning of the `codeBlock`.\n\twhile ( position.nodeBefore && !position.nodeBefore.is( 'element', 'softBreak' ) ) {\n\t\tposition = model.createPositionBefore( position.nodeBefore );\n\t}\n\n\t// Now, the position is at the beginning of a line.\n\t// Return a text node after the position, if there is one.\n\tconst nodeAtStart = position.nodeAfter;\n\n\treturn nodeAtStart && nodeAtStart.is( '$text' ) ? nodeAtStart : null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 code-block/codeblockcommand\n */\n\nimport type { ModelElement, ModelWriter } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\n\nimport { getNormalizedAndLocalizedLanguageDefinitions, canBeCodeBlock } from './utils.js';\n\n/**\n * The code block command plugin.\n */\nexport class CodeBlockCommand extends Command {\n\t/**\n\t * Contains the last used language.\n\t */\n\tprivate _lastLanguage: string | null;\n\n\t/**\n\t * Contains language if any is selected, false otherwise.\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: string | false;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._lastLanguage = null;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.value = this._getValue();\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Executes the command. When the command {@link #value is on}, all topmost code blocks within\n\t * the selection will be removed. If it is off, all selected blocks will be flattened and\n\t * wrapped by a code block.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.language The code block language.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply a code block,\n\t * otherwise the command will remove the code block. If not set, the command will act basing on its current value.\n\t * @param options.usePreviousLanguageChoice If set on `true` and the `options.language` is not specified, the command\n\t * will apply the previous language (if the command was already executed) when inserting the `codeBlock` element.\n\t */\n\tpublic override execute( options: {\n\t\tlanguage?: string;\n\t\tforceValue?: boolean;\n\t\tusePreviousLanguageChoice?: boolean;\n\t} = {} ): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst normalizedLanguagesDefs = getNormalizedAndLocalizedLanguageDefinitions( editor );\n\t\tconst firstLanguageInConfig = normalizedLanguagesDefs[ 0 ];\n\n\t\tconst blocks = Array.from( selection.getSelectedBlocks() );\n\t\tconst value = options.forceValue == undefined ? !this.value : options.forceValue;\n\t\tconst language = getLanguage( options, this._lastLanguage, firstLanguageInConfig.language );\n\n\t\tmodel.change( writer => {\n\t\t\tif ( value ) {\n\t\t\t\tthis._applyCodeBlock( writer, blocks, language );\n\t\t\t} else {\n\t\t\t\tthis._removeCodeBlock( writer, blocks );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */\n\tprivate _getValue(): string | false {\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst firstBlock = first( selection.getSelectedBlocks() );\n\t\tconst isCodeBlock = !!firstBlock?.is( 'element', 'codeBlock' );\n\n\t\treturn isCodeBlock ? firstBlock.getAttribute( 'language' ) as string : false;\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled(): boolean {\n\t\tif ( this.value ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst schema = this.editor.model.schema;\n\n\t\tconst firstBlock = first( selection.getSelectedBlocks() );\n\n\t\tif ( !firstBlock ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn canBeCodeBlock( schema, firstBlock );\n\t}\n\n\tprivate _applyCodeBlock( writer: ModelWriter, blocks: Array<ModelElement>, language: string ): void {\n\t\tthis._lastLanguage = language;\n\n\t\tconst schema = this.editor.model.schema;\n\t\tconst allowedBlocks = blocks.filter( block => canBeCodeBlock( schema, block ) );\n\n\t\tfor ( const block of allowedBlocks ) {\n\t\t\twriter.rename( block, 'codeBlock' );\n\t\t\twriter.setAttribute( 'language', language, block );\n\t\t\tschema.removeDisallowedAttributes( [ block ], writer );\n\n\t\t\t// Remove children of the  `codeBlock` element that are not allowed. See #9567.\n\t\t\tArray.from( block.getChildren() )\n\t\t\t\t.filter( child => !schema.checkChild( block, child ) )\n\t\t\t\t.forEach( child => writer.remove( child ) );\n\t\t}\n\n\t\tallowedBlocks.reverse().forEach( ( currentBlock, i ) => {\n\t\t\tconst nextBlock = allowedBlocks[ i + 1 ];\n\n\t\t\tif ( currentBlock.previousSibling === nextBlock ) {\n\t\t\t\twriter.appendElement( 'softBreak', nextBlock );\n\t\t\t\twriter.merge( writer.createPositionBefore( currentBlock ) );\n\t\t\t}\n\t\t} );\n\t}\n\n\tprivate _removeCodeBlock( writer: ModelWriter, blocks: Array<ModelElement> ): void {\n\t\tconst codeBlocks = blocks.filter( block => block.is( 'element', 'codeBlock' ) );\n\n\t\tfor ( const block of codeBlocks ) {\n\t\t\tconst range = writer.createRangeOn( block );\n\n\t\t\tfor ( const item of Array.from( range.getItems() ).reverse() ) {\n\t\t\t\tif ( item.is( 'element', 'softBreak' ) && item.parent!.is( 'element', 'codeBlock' ) ) {\n\t\t\t\t\tconst { position } = writer.split( writer.createPositionBefore( item ) );\n\t\t\t\t\tconst elementAfter = position.nodeAfter as ModelElement;\n\n\t\t\t\t\twriter.rename( elementAfter, 'paragraph' );\n\t\t\t\t\twriter.removeAttribute( 'language', elementAfter );\n\t\t\t\t\twriter.remove( item );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\twriter.rename( block, 'paragraph' );\n\t\t\twriter.removeAttribute( 'language', block );\n\t\t}\n\t}\n}\n\n/**\n * Picks the language for the new code block. If any language is passed as an option,\n * it will be returned. Else, if option usePreviousLanguageChoice is true and some\n * code block was already created (lastLanguage is not null) then previously used\n * language will be returned. If not, it will return default language.\n */\nfunction getLanguage(\n\toptions: { usePreviousLanguageChoice?: boolean; language?: string },\n\tlastLanguage: string | null,\n\tdefaultLanguage: string\n): string {\n\tif ( options.language ) {\n\t\treturn options.language;\n\t}\n\n\tif ( options.usePreviousLanguageChoice && lastLanguage ) {\n\t\treturn lastLanguage;\n\t}\n\n\treturn defaultLanguage;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 code-block/indentcodeblockcommand\n */\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\n\nimport {\n\tgetIndentOutdentPositions,\n\tisModelSelectionInCodeBlock\n} from './utils.js';\n\n/**\n * The code block indentation increase command plugin.\n */\nexport class IndentCodeBlockCommand extends Command {\n\t/**\n\t * A sequence of characters added to the line when the command is executed.\n\t */\n\tprivate _indentSequence: string;\n\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._indentSequence = editor.config.get( 'codeBlock.indentSequence' )!;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Executes the command. When the command {@link #isEnabled is enabled}, the indentation of the\n\t * code lines in the selection will be increased.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tmodel.change( writer => {\n\t\t\tconst positions = getIndentOutdentPositions( model );\n\n\t\t\t// Indent all positions, for instance assuming the indent sequence is 4x space (\"    \"):\n\t\t\t//\n\t\t\t//\t\t<codeBlock>^foo</codeBlock>        ->       <codeBlock>    foo</codeBlock>\n\t\t\t//\n\t\t\t//\t\t<codeBlock>foo^bar</codeBlock>     ->       <codeBlock>foo    bar</codeBlock>\n\t\t\t//\n\t\t\t// Also, when there is more than one position:\n\t\t\t//\n\t\t\t//\t\t<codeBlock>\n\t\t\t//\t\t\t^foobar\n\t\t\t//\t\t\t<softBreak></softBreak>\n\t\t\t//\t\t\t^bazqux\n\t\t\t//\t\t</codeBlock>\n\t\t\t//\n\t\t\t//\t\t->\n\t\t\t//\n\t\t\t//\t\t<codeBlock>\n\t\t\t//\t\t\t    foobar\n\t\t\t//\t\t\t<softBreak></softBreak>\n\t\t\t//\t\t\t    bazqux\n\t\t\t//\t\t</codeBlock>\n\t\t\t//\n\t\t\tfor ( const position of positions ) {\n\t\t\t\tconst indentSequenceTextElement = writer.createText( this._indentSequence );\n\n\t\t\t\t// Previously insertion was done by writer.insertText(). It was changed to insertContent() to enable\n\t\t\t\t// integration of code block with track changes. It's the easiest way of integration because insertContent()\n\t\t\t\t// is already integrated with track changes, but if it ever cause any troubles it can be reverted, however\n\t\t\t\t// some additional work will be required in track changes integration of code block.\n\t\t\t\tmodel.insertContent( indentSequenceTextElement, position );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t */\n\tprivate _checkEnabled(): boolean {\n\t\tif ( !this._indentSequence ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Indent (forward) command is always enabled when there's any code block in the selection\n\t\t// because you can always indent code lines.\n\t\treturn isModelSelectionInCodeBlock( this.editor.model.document.selection );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 code-block/outdentcodeblockcommand\n */\n\nimport type { Model, ModelPosition, ModelRange } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\n\nimport {\n\tgetLeadingWhiteSpaces,\n\tgetIndentOutdentPositions,\n\tisModelSelectionInCodeBlock,\n\tgetTextNodeAtLineStart\n} from './utils.js';\n\n/**\n * The code block indentation decrease command plugin.\n */\nexport class OutdentCodeBlockCommand extends Command {\n\t/**\n\t * A sequence of characters removed from the line when the command is executed.\n\t */\n\tprivate readonly _indentSequence: string;\n\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._indentSequence = editor.config.get( 'codeBlock.indentSequence' )!;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Executes the command. When the command {@link #isEnabled is enabled}, the indentation of the\n\t * code lines in the selection will be decreased.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tmodel.change( () => {\n\t\t\tconst positions = getIndentOutdentPositions( model );\n\n\t\t\t// Outdent all positions, for instance assuming the indent sequence is 4x space (\"    \"):\n\t\t\t//\n\t\t\t//\t\t<codeBlock>^foo</codeBlock>         ->       <codeBlock>foo</codeBlock>\n\t\t\t//\n\t\t\t//\t\t<codeBlock>    ^bar</codeBlock>     ->       <codeBlock>bar</codeBlock>\n\t\t\t//\n\t\t\t// Also, when there is more than one position:\n\t\t\t//\n\t\t\t//\t\t<codeBlock>\n\t\t\t//\t\t\t    ^foobar\n\t\t\t//\t\t\t<softBreak></softBreak>\n\t\t\t//\t\t\t    ^bazqux\n\t\t\t//\t\t</codeBlock>\n\t\t\t//\n\t\t\t//\t\t->\n\t\t\t//\n\t\t\t//\t\t<codeBlock>\n\t\t\t//\t\t\tfoobar\n\t\t\t//\t\t\t<softBreak></softBreak>\n\t\t\t//\t\t\tbazqux\n\t\t\t//\t\t</codeBlock>\n\t\t\tfor ( const position of positions ) {\n\t\t\t\tconst range = getLastOutdentableSequenceRange( model, position, this._indentSequence );\n\n\t\t\t\tif ( range ) {\n\t\t\t\t\t// Previously deletion was done by writer.remove(). It was changed to deleteContent() to enable\n\t\t\t\t\t// integration of code block with track changes. It's the easiest way of integration because deleteContent()\n\t\t\t\t\t// is already integrated with track changes, but if it ever cause any troubles it can be reverted, however\n\t\t\t\t\t// some additional work will be required in track changes integration of code block.\n\t\t\t\t\tmodel.deleteContent( model.createSelection( range ) );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @private\n\t * @returns {Boolean} Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled(): boolean {\n\t\tif ( !this._indentSequence ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst model = this.editor.model;\n\n\t\tif ( !isModelSelectionInCodeBlock( model.document.selection ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Outdent command can execute only when there is an indent character sequence\n\t\t// in some of the lines.\n\t\treturn getIndentOutdentPositions( model ).some( position => {\n\t\t\treturn getLastOutdentableSequenceRange( model, position, this._indentSequence );\n\t\t} );\n\t}\n}\n\n// For a position coming from `getIndentOutdentPositions()`, it returns the range representing\n// the last occurrence of the indent sequence among the leading whitespaces of the code line the\n// position represents.\n//\n// For instance, assuming the indent sequence is 4x space (\"    \"):\n//\n//\t\t<codeBlock>foo^</codeBlock>                                 ->          null\n//\t\t<codeBlock>foo^<softBreak></softBreak>bar</codeBlock>       ->          null\n//\t\t<codeBlock>  ^foo</codeBlock>                               ->          null\n//\t\t<codeBlock>        ^foo</codeBlock>                         ->          <codeBlock>    [    ]foo</codeBlock>\n//\t\t<codeBlock>    ^foo    bar</codeBlock>                      ->          <codeBlock>[    ]foo    bar</codeBlock>\n//\n// @param {<module:engine/model/model~Model>} model\n// @param {<module:engine/model/position~ModelPosition>} position\n// @param {String} sequence\n// @returns {<module:engine/model/range~ModelRange>|null}\nfunction getLastOutdentableSequenceRange( model: Model, position: ModelPosition, sequence: string ): ModelRange | null {\n\t// Positions start before each text node (code line). Get the node corresponding to the position.\n\tconst nodeAtPosition = getTextNodeAtLineStart( position, model );\n\n\tif ( !nodeAtPosition ) {\n\t\treturn null;\n\t}\n\n\tconst leadingWhiteSpaces = getLeadingWhiteSpaces( nodeAtPosition );\n\tconst lastIndexOfSequence = leadingWhiteSpaces.lastIndexOf( sequence );\n\n\t// For instance, assuming the indent sequence is 4x space (\"    \"):\n\t//\n\t//\t\t<codeBlock>    \t^foo</codeBlock>           ->             null\n\t//\n\tif ( lastIndexOfSequence + sequence.length !== leadingWhiteSpaces.length ) {\n\t\treturn null;\n\t}\n\n\t// For instance, assuming the indent sequence is 4x space (\"    \"):\n\t//\n\t//\t\t<codeBlock>  ^foo</codeBlock>           ->             null\n\t//\n\tif ( lastIndexOfSequence === -1 ) {\n\t\treturn null;\n\t}\n\n\tconst { parent, startOffset } = nodeAtPosition;\n\n\t// Create a range that contains the **last** indent sequence among the leading whitespaces\n\t// of the line.\n\t//\n\t// For instance, assuming the indent sequence is 4x space (\"    \"):\n\t//\n\t//\t\t<codeBlock>        ^foo</codeBlock>      ->     <codeBlock>    [    ]foo</codeBlock>\n\t//\n\treturn model.createRange(\n\t\tmodel.createPositionAt( parent!, startOffset! + lastIndexOfSequence ),\n\t\tmodel.createPositionAt( parent!, startOffset! + lastIndexOfSequence + sequence.length )\n\t);\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 code-block/converters\n */\n\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\nimport type { DowncastInsertEvent, ModelElement, Model, UpcastElementEvent, UpcastTextEvent, EditingView } from 'ckeditor5/src/engine.js';\nimport type { CodeBlockLanguageDefinition } from './codeblockconfig.js';\nimport { getPropertyAssociation } from './utils.js';\n\n/**\n * A model-to-view (both editing and data) converter for the `codeBlock` element.\n *\n * Sample input:\n *\n * ```html\n * <codeBlock language=\"javascript\">foo();<softBreak></softBreak>bar();</codeBlock>\n * ```\n *\n * Sample output (editing):\n *\n * ```html\n * <pre data-language=\"JavaScript\"><code class=\"language-javascript\">foo();<br />bar();</code></pre>\n * ```\n *\n * Sample output (data, see {@link module:code-block/converters~modelToDataViewSoftBreakInsertion}):\n *\n * ```html\n * <pre><code class=\"language-javascript\">foo();\\nbar();</code></pre>\n * ```\n *\n * @param languageDefs The normalized language configuration passed to the feature.\n * @param useLabels When `true`, the `<pre>` element will get a `data-language` attribute with a\n * human–readable label of the language. Used only in the editing.\n * @returns Returns a conversion callback.\n * @internal\n */\nexport function modelToViewCodeBlockInsertion(\n\tmodel: Model,\n\tlanguageDefs: Array<CodeBlockLanguageDefinition>,\n\tuseLabels: boolean = false\n): GetCallback<DowncastInsertEvent> {\n\t// Language CSS classes:\n\t//\n\t//\t\t{\n\t//\t\t\tphp: 'language-php',\n\t//\t\t\tpython: 'language-python',\n\t//\t\t\tjavascript: 'js',\n\t//\t\t\t...\n\t//\t\t}\n\tconst languagesToClasses = getPropertyAssociation( languageDefs, 'language', 'class' );\n\n\t// Language labels:\n\t//\n\t//\t\t{\n\t//\t\t\tphp: 'PHP',\n\t//\t\t\tpython: 'Python',\n\t//\t\t\tjavascript: 'JavaScript',\n\t//\t\t\t...\n\t//\t\t}\n\tconst languagesToLabels = getPropertyAssociation( languageDefs, 'language', 'label' );\n\n\treturn ( evt, data, conversionApi ): void => {\n\t\tconst { writer, mapper, consumable } = conversionApi;\n\n\t\tif ( !consumable.consume( data.item, 'insert' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst codeBlockLanguage = data.item.getAttribute( 'language' ) as string;\n\t\tconst targetViewPosition = mapper.toViewPosition( model.createPositionBefore( data.item ) );\n\t\tconst preAttributes: Record<string, string> = {};\n\n\t\t// Attributes added only in the editing view.\n\t\tif ( useLabels ) {\n\t\t\tpreAttributes[ 'data-language' ] = languagesToLabels[ codeBlockLanguage ];\n\t\t\tpreAttributes.spellcheck = 'false';\n\t\t}\n\n\t\tconst codeAttributes = languagesToClasses[ codeBlockLanguage ] ? {\n\t\t\tclass: languagesToClasses[ codeBlockLanguage ]\n\t\t} : undefined;\n\t\tconst code = writer.createContainerElement( 'code', codeAttributes );\n\n\t\tconst pre = writer.createContainerElement( 'pre', preAttributes, code );\n\n\t\twriter.insert( targetViewPosition, pre );\n\n\t\tmapper.bindElements( data.item as ModelElement, code );\n\t};\n}\n\n/**\n * A model-to-data view converter for the new line (`softBreak`) separator.\n *\n * Sample input:\n *\n * ```html\n * <codeBlock ...>foo();<softBreak></softBreak>bar();</codeBlock>\n * ```\n *\n * Sample output:\n *\n * ```html\n * <pre><code ...>foo();\\nbar();</code></pre>\n * ```\n *\n * @returns Returns a conversion callback.\n * @internal\n */\nexport function modelToDataViewSoftBreakInsertion( model: Model ): GetCallback<DowncastInsertEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tif ( data.item.parent!.name !== 'codeBlock' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { writer, mapper, consumable } = conversionApi;\n\n\t\tif ( !consumable.consume( data.item, 'insert' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst position = mapper.toViewPosition( model.createPositionBefore( data.item ) );\n\n\t\twriter.insert( position, writer.createText( '\\n' ) );\n\t};\n}\n\n/**\n * A view-to-model converter for `<pre>` with the `<code>` HTML.\n *\n * Sample input:\n *\n * ```html\n * <pre><code class=\"language-javascript\">foo();bar();</code></pre>\n * ```\n *\n * Sample output:\n *\n * ```html\n * <codeBlock language=\"javascript\">foo();bar();</codeBlock>\n * ```\n *\n * @param languageDefs The normalized language configuration passed to the feature.\n * @returns Returns a conversion callback.\n * @internal\n */\nexport function dataViewToModelCodeBlockInsertion(\n\teditingView: EditingView,\n\tlanguageDefs: Array<CodeBlockLanguageDefinition>\n): GetCallback<UpcastElementEvent> {\n\t// Language names associated with CSS classes:\n\t//\n\t//\t\t{\n\t//\t\t\t'language-php': 'php',\n\t//\t\t\t'language-python': 'python',\n\t//\t\t\tjs: 'javascript',\n\t//\t\t\t...\n\t//\t\t}\n\tconst classesToLanguages = getPropertyAssociation( languageDefs, 'class', 'language' );\n\tconst defaultLanguageName = languageDefs[ 0 ].language;\n\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst viewCodeElement = data.viewItem;\n\t\tconst viewPreElement = viewCodeElement.parent;\n\n\t\tif ( !viewPreElement || !viewPreElement.is( 'element', 'pre' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// In case of nested code blocks we don't want to convert to another code block.\n\t\tif ( data.modelCursor.findAncestor( 'codeBlock' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { consumable, writer } = conversionApi;\n\n\t\tif ( !consumable.test( viewCodeElement, { name: true } ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst codeBlock = writer.createElement( 'codeBlock' );\n\t\tconst viewChildClasses = [ ...viewCodeElement.getClassNames() ];\n\n\t\t// As we're to associate each class with a model language, a lack of class (empty class) can be\n\t\t// also associated with a language if the language definition was configured so. Pushing an empty\n\t\t// string to make sure the association will work.\n\t\tif ( !viewChildClasses.length ) {\n\t\t\tviewChildClasses.push( '' );\n\t\t}\n\n\t\t// Figure out if any of the <code> element's class names is a valid programming\n\t\t// language class. If so, use it on the model element (becomes the language of the entire block).\n\t\tfor ( const className of viewChildClasses ) {\n\t\t\tconst language = classesToLanguages[ className ];\n\n\t\t\tif ( language ) {\n\t\t\t\tconsumable.consume( viewCodeElement, { classes: [ className ] } );\n\t\t\t\twriter.setAttribute( 'language', language, codeBlock );\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// If no language value was set, use the default language from the config.\n\t\tif ( !codeBlock.hasAttribute( 'language' ) ) {\n\t\t\twriter.setAttribute( 'language', defaultLanguageName, codeBlock );\n\t\t}\n\n\t\t// Convert children before inserting the code block element\n\t\t// to make sure that code block won't be splitted by any block.\n\t\tconversionApi.convertChildren( viewCodeElement, codeBlock );\n\n\t\t// Let's try to insert code block.\n\t\tif ( !conversionApi.safeInsert( codeBlock, data.modelCursor ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconsumable.consume( viewCodeElement, { name: true } );\n\n\t\tconversionApi.updateConversionResult( codeBlock, data );\n\t};\n}\n\n/**\n * A view-to-model converter for new line characters in `<pre>`.\n *\n * Sample input:\n *\n * ```html\n * <pre><code class=\"language-javascript\">foo();\\nbar();</code></pre>\n * ```\n *\n * Sample output:\n *\n * ```html\n * <codeBlock language=\"javascript\">foo();<softBreak></softBreak>bar();</codeBlock>\n * ```\n *\n * @returns {Function} Returns a conversion callback.\n * @internal\n */\nexport function dataViewToModelTextNewlinesInsertion(): GetCallback<UpcastTextEvent> {\n\treturn ( evt, data, { consumable, writer } ) => {\n\t\tlet position = data.modelCursor;\n\n\t\t// When node is already converted then do nothing.\n\t\tif ( !consumable.test( data.viewItem ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// When not inside `codeBlock` then do nothing.\n\t\tif ( !position.findAncestor( 'codeBlock' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconsumable.consume( data.viewItem );\n\n\t\tconst text = data.viewItem.data;\n\t\tconst textLines = text.split( '\\n' ).map( data => writer.createText( data ) );\n\t\tconst lastLine = textLines[ textLines.length - 1 ];\n\n\t\tfor ( const node of textLines ) {\n\t\t\twriter.insert( node, position );\n\t\t\tposition = position.getShiftedBy( node.offsetSize );\n\n\t\t\tif ( node !== lastLine ) {\n\t\t\t\tconst softBreak = writer.createElement( 'softBreak' );\n\n\t\t\t\twriter.insert( softBreak, position );\n\t\t\t\tposition = writer.createPositionAfter( softBreak );\n\t\t\t}\n\t\t}\n\n\t\tdata.modelRange = writer.createRange(\n\t\t\tdata.modelCursor,\n\t\t\tposition\n\t\t);\n\t\tdata.modelCursor = position;\n\t};\n}\n\n/**\n * A view-to-model converter that handles orphan text nodes (white spaces, new lines, etc.)\n * that surround `<code>` inside `<pre>`.\n *\n * Sample input:\n *\n * ```html\n * // White spaces\n * <pre> <code>foo()</code> </pre>\n *\n * // White spaces\n * <pre>      <code>foo()</code>      </pre>\n *\n * // White spaces\n * <pre>\t\t\t<code>foo()</code>\t\t\t</pre>\n *\n * // New lines\n * <pre>\n * \t<code>foo()</code>\n * </pre>\n *\n * // Redundant text\n * <pre>ABC<code>foo()</code>DEF</pre>\n * ```\n *\n * Unified output for each case:\n *\n * ```html\n * <codeBlock language=\"plaintext\">foo()</codeBlock>\n * ```\n *\n * @returns Returns a conversion callback.\n * @internal\n */\nexport function dataViewToModelOrphanNodeConsumer(): GetCallback<UpcastElementEvent> {\n\treturn ( evt, data, { consumable } ) => {\n\t\tconst preElement = data.viewItem;\n\n\t\t// Don't clean up nested pre elements. Their content should stay as it is, they are not upcasted\n\t\t// to code blocks.\n\t\tif ( preElement.findAncestor( 'pre' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst preChildren = Array.from( preElement.getChildren() );\n\t\tconst childCodeElement = preChildren.find( node => node.is( 'element', 'code' ) );\n\n\t\t// <code>-less <pre>. It will not upcast to code block in the model, skipping.\n\t\tif ( !childCodeElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor ( const child of preChildren ) {\n\t\t\tif ( child === childCodeElement || !child.is( '$text' ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Consuming the orphan to remove it from the input data.\n\t\t\t// Second argument in `consumable.consume` is discarded for text nodes.\n\t\t\tconsumable.consume( child, { name: true } );\n\t\t}\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 code-block/codeblockediting\n */\n\nimport { Plugin, type Editor, type MultiCommand } from 'ckeditor5/src/core.js';\nimport { ShiftEnter, type ViewDocumentEnterEvent } from 'ckeditor5/src/enter.js';\n\nimport {\n\tViewUpcastWriter,\n\ttype ModelRange,\n\ttype ModelNode,\n\ttype ModelGetSelectedContentEvent,\n\ttype ViewDocumentTabEvent,\n\ttype DowncastInsertEvent,\n\ttype UpcastElementEvent,\n\ttype UpcastTextEvent,\n\ttype ModelElement,\n\ttype ModelSelectionChangeRangeEvent\n} from 'ckeditor5/src/engine.js';\nimport { ClipboardPipeline, type ClipboardContentInsertionEvent } from 'ckeditor5/src/clipboard.js';\n\nimport { CodeBlockCommand } from './codeblockcommand.js';\nimport { IndentCodeBlockCommand } from './indentcodeblockcommand.js';\nimport { OutdentCodeBlockCommand } from './outdentcodeblockcommand.js';\nimport {\n\tgetNormalizedAndLocalizedLanguageDefinitions,\n\tgetLeadingWhiteSpaces,\n\trawSnippetTextToViewDocumentFragment,\n\tgetCodeBlockAriaAnnouncement,\n\tgetTextNodeAtLineStart\n} from './utils.js';\nimport {\n\tmodelToViewCodeBlockInsertion,\n\tmodelToDataViewSoftBreakInsertion,\n\tdataViewToModelCodeBlockInsertion,\n\tdataViewToModelTextNewlinesInsertion,\n\tdataViewToModelOrphanNodeConsumer\n} from './converters.js';\n\nconst DEFAULT_ELEMENT = 'paragraph';\n\n/**\n * The editing part of the code block feature.\n *\n * Introduces the `'codeBlock'` command and the `'codeBlock'` model element.\n */\nexport class CodeBlockEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CodeBlockEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ShiftEnter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'codeBlock', {\n\t\t\tlanguages: [\n\t\t\t\t{ language: 'plaintext', label: 'Plain text' },\n\t\t\t\t{ language: 'c', label: 'C' },\n\t\t\t\t{ language: 'cs', label: 'C#' },\n\t\t\t\t{ language: 'cpp', label: 'C++' },\n\t\t\t\t{ language: 'css', label: 'CSS' },\n\t\t\t\t{ language: 'diff', label: 'Diff' },\n\t\t\t\t{ language: 'go', label: 'Go' },\n\t\t\t\t{ language: 'html', label: 'HTML' },\n\t\t\t\t{ language: 'java', label: 'Java' },\n\t\t\t\t{ language: 'javascript', label: 'JavaScript' },\n\t\t\t\t{ language: 'php', label: 'PHP' },\n\t\t\t\t{ language: 'python', label: 'Python' },\n\t\t\t\t{ language: 'ruby', label: 'Ruby' },\n\t\t\t\t{ language: 'typescript', label: 'TypeScript' },\n\t\t\t\t{ language: 'xml', label: 'XML' }\n\t\t\t],\n\n\t\t\t// A single tab.\n\t\t\tindentSequence: '\\t'\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst model = editor.model;\n\t\tconst view = editor.editing.view;\n\n\t\tconst normalizedLanguagesDefs = getNormalizedAndLocalizedLanguageDefinitions( editor );\n\n\t\t// The main command.\n\t\teditor.commands.add( 'codeBlock', new CodeBlockCommand( editor ) );\n\n\t\t// Commands that change the indentation.\n\t\teditor.commands.add( 'indentCodeBlock', new IndentCodeBlockCommand( editor ) );\n\t\teditor.commands.add( 'outdentCodeBlock', new OutdentCodeBlockCommand( editor ) );\n\n\t\tthis.listenTo<ViewDocumentTabEvent>( view.document, 'tab', ( evt, data ) => {\n\t\t\tconst commandName = data.shiftKey ? 'outdentCodeBlock' : 'indentCodeBlock';\n\t\t\tconst command: OutdentCodeBlockCommand | IndentCodeBlockCommand = editor.commands.get( commandName )!;\n\n\t\t\tif ( !command.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\teditor.execute( commandName );\n\n\t\t\tdata.stopPropagation();\n\t\t\tdata.preventDefault();\n\t\t\tevt.stop();\n\t\t}, { context: 'pre' } );\n\n\t\tschema.register( 'codeBlock', {\n\t\t\tallowWhere: '$block',\n\t\t\tallowChildren: '$text',\n\t\t\t// Disallow `$inlineObject` and its derivatives like `inlineWidget` inside `codeBlock` to ensure that only text,\n\t\t\t// not other inline elements like inline images, are allowed. This maintains the semantic integrity of code blocks.\n\t\t\tdisallowChildren: '$inlineObject',\n\t\t\tallowAttributes: [ 'language' ],\n\t\t\tallowAttributesOf: '$listItem',\n\t\t\tisBlock: true\n\t\t} );\n\n\t\t// Disallow formatting attributes on `codeBlock` children.\n\t\tschema.addAttributeCheck( ( context, attributeName ) => {\n\t\t\tconst parent = context.getItem( context.length - 2 );\n\t\t\tconst isFormatting = schema.getAttributeProperties( attributeName ).isFormatting;\n\n\t\t\tif ( isFormatting && parent && parent.name == 'codeBlock' ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t} );\n\n\t\t// Conversion.\n\t\teditor.editing.downcastDispatcher.on<DowncastInsertEvent>(\n\t\t\t'insert:codeBlock',\n\t\t\tmodelToViewCodeBlockInsertion( model, normalizedLanguagesDefs, true )\n\t\t);\n\t\teditor.data.downcastDispatcher.on<DowncastInsertEvent>(\n\t\t\t'insert:codeBlock',\n\t\t\tmodelToViewCodeBlockInsertion( model, normalizedLanguagesDefs )\n\t\t);\n\t\teditor.data.downcastDispatcher.on<DowncastInsertEvent>(\n\t\t\t'insert:softBreak',\n\t\t\tmodelToDataViewSoftBreakInsertion( model ),\n\t\t\t{ priority: 'high' }\n\t\t);\n\t\teditor.data.upcastDispatcher.on<UpcastElementEvent>(\n\t\t\t'element:code',\n\t\t\tdataViewToModelCodeBlockInsertion( view, normalizedLanguagesDefs )\n\t\t);\n\t\teditor.data.upcastDispatcher.on<UpcastTextEvent>( 'text', dataViewToModelTextNewlinesInsertion() );\n\t\teditor.data.upcastDispatcher.on<UpcastElementEvent>( 'element:pre', dataViewToModelOrphanNodeConsumer(), { priority: 'high' } );\n\n\t\t// Intercept the clipboard input (paste) when the selection is anchored in the code block and force the clipboard\n\t\t// data to be pasted as a single plain text. Otherwise, the code lines will split the code block and\n\t\t// \"spill out\" as separate paragraphs.\n\t\tthis.listenTo( editor.editing.view.document, 'clipboardInput', ( evt, data ) => {\n\t\t\tlet insertionRange = model.createRange( model.document.selection.anchor! );\n\n\t\t\t// Use target ranges in case this is a drop.\n\t\t\tif ( data.targetRanges ) {\n\t\t\t\tinsertionRange = editor.editing.mapper.toModelRange( data.targetRanges[ 0 ] );\n\t\t\t}\n\n\t\t\tif ( !insertionRange.start.parent.is( 'element', 'codeBlock' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst text = data.dataTransfer.getData( 'text/plain' );\n\t\t\tconst writer = new ViewUpcastWriter( editor.editing.view.document );\n\n\t\t\t// Pass the view fragment to the default clipboardInput handler.\n\t\t\tdata.content = rawSnippetTextToViewDocumentFragment( writer, text );\n\t\t} );\n\n\t\tif ( editor.plugins.has( 'ClipboardPipeline' ) ) {\n\t\t\t// Elements may have a plain textual representation (hence be present in the 'text/plain' data transfer),\n\t\t\t// but not be allowed in the code block.\n\t\t\t// Filter them out before inserting the content to the model.\n\t\t\teditor.plugins.get( ClipboardPipeline ).on<ClipboardContentInsertionEvent>( 'contentInsertion', ( evt, data ) => {\n\t\t\t\tconst model = editor.model;\n\t\t\t\tconst selection = model.document.selection;\n\n\t\t\t\tif ( !selection.anchor!.parent.is( 'element', 'codeBlock' ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\tconst contentRange = writer.createRangeIn( data.content );\n\n\t\t\t\t\tfor ( const item of [ ...contentRange.getItems() ] ) {\n\t\t\t\t\t\t// Remove all nodes disallowed in the code block.\n\t\t\t\t\t\tif ( item.is( 'node' ) && !schema.checkChild( selection.anchor!, item ) ) {\n\t\t\t\t\t\t\twriter.remove( item );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\n\t\t// Make sure multi–line selection is always wrapped in a code block when `getSelectedContent()`\n\t\t// is used (e.g. clipboard copy). Otherwise, only the raw text will be copied to the clipboard and,\n\t\t// upon next paste, this bare text will not be inserted as a code block, which is not the best UX.\n\t\t// Similarly, when the selection in a single line, the selected content should be an inline code\n\t\t// so it can be pasted later on and retain it's preformatted nature.\n\t\tthis.listenTo<ModelGetSelectedContentEvent>( model, 'getSelectedContent', ( evt, [ selection ] ) => {\n\t\t\tconst anchor = selection.anchor!;\n\n\t\t\tif ( selection.isCollapsed || !anchor.parent.is( 'element', 'codeBlock' ) || !anchor.hasSameParentAs( selection.focus! ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tmodel.change( writer => {\n\t\t\t\tconst docFragment = evt.return!;\n\n\t\t\t\t// fo[o<softBreak></softBreak>b]ar  ->   <codeBlock language=\"...\">[o<softBreak></softBreak>b]<codeBlock>\n\t\t\t\tif (\n\t\t\t\t\tanchor.parent.is( 'element' ) &&\n\t\t\t\t\t( docFragment.childCount > 1 || selection.containsEntireContent( anchor.parent ) )\n\t\t\t\t) {\n\t\t\t\t\tconst codeBlock = writer.createElement( 'codeBlock', anchor.parent.getAttributes() );\n\t\t\t\t\twriter.append( docFragment, codeBlock );\n\n\t\t\t\t\tconst newDocumentFragment = writer.createDocumentFragment();\n\t\t\t\t\twriter.append( codeBlock, newDocumentFragment );\n\n\t\t\t\t\tevt.return = newDocumentFragment;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// \"f[oo]\"                          ->   <$text code=\"true\">oo</text>\n\t\t\t\tconst textNode = docFragment.getChild( 0 )!;\n\n\t\t\t\tif ( schema.checkAttribute( textNode, 'code' ) ) {\n\t\t\t\t\twriter.setAttribute( 'code', true, textNode );\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst commands = editor.commands;\n\t\tconst indent = commands.get( 'indent' );\n\t\tconst outdent = commands.get( 'outdent' );\n\n\t\tif ( indent ) {\n\t\t\t// Priority is highest due to integration with `IndentList` command of `List` plugin.\n\t\t\t// If selection is in a code block we give priority to it. This way list item cannot be indented\n\t\t\t// but if we would give priority to indenting list item then user would have to indent list item\n\t\t\t// as much as possible and only then he could indent code block.\n\t\t\t( indent as MultiCommand ).registerChildCommand( commands.get( 'indentCodeBlock' )!, { priority: 'highest' } );\n\t\t}\n\n\t\tif ( outdent ) {\n\t\t\t( outdent as MultiCommand ).registerChildCommand( commands.get( 'outdentCodeBlock' )! );\n\t\t}\n\n\t\t// Customize the response to the <kbd>Enter</kbd> and <kbd>Shift</kbd>+<kbd>Enter</kbd>\n\t\t// key press when the selection is in the code block. Upon enter key press we can either\n\t\t// leave the block if it's \"two or three enters\" in a row or create a new code block line, preserving\n\t\t// previous line's indentation.\n\t\tthis.listenTo<ViewDocumentEnterEvent>( editor.editing.view.document, 'enter', ( evt, data ) => {\n\t\t\tconst positionParent = editor.model.document.selection.getLastPosition()!.parent;\n\n\t\t\tif ( !positionParent.is( 'element', 'codeBlock' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !leaveBlockStartOnEnter( editor, data.isSoft ) && !leaveBlockEndOnEnter( editor, data.isSoft ) ) {\n\t\t\t\tbreakLineOnEnter( editor );\n\t\t\t}\n\n\t\t\tdata.preventDefault();\n\t\t\tevt.stop();\n\t\t}, { context: 'pre' } );\n\n\t\tthis._initAriaAnnouncements( );\n\t}\n\n\t/**\n\t * Observe when user enters or leaves code block and set proper aria value in global live announcer.\n\t * This allows screen readers to indicate when the user has entered and left the specified code block.\n\t *\n\t * @internal\n\t */\n\tprivate _initAriaAnnouncements( ) {\n\t\tconst { model, ui, t } = this.editor;\n\t\tconst languageDefs = getNormalizedAndLocalizedLanguageDefinitions( this.editor );\n\n\t\tlet lastFocusedCodeBlock: ModelElement | null = null;\n\n\t\tmodel.document.selection.on<ModelSelectionChangeRangeEvent>( 'change:range', () => {\n\t\t\tconst focusParent = model.document.selection.focus!.parent;\n\n\t\t\tif ( !ui || lastFocusedCodeBlock === focusParent || !focusParent.is( 'element' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( lastFocusedCodeBlock && lastFocusedCodeBlock.is( 'element', 'codeBlock' ) ) {\n\t\t\t\tui.ariaLiveAnnouncer.announce( getCodeBlockAriaAnnouncement( t, languageDefs, lastFocusedCodeBlock, 'leave' ) );\n\t\t\t}\n\n\t\t\tif ( focusParent.is( 'element', 'codeBlock' ) ) {\n\t\t\t\tui.ariaLiveAnnouncer.announce( getCodeBlockAriaAnnouncement( t, languageDefs, focusParent, 'enter' ) );\n\t\t\t}\n\n\t\t\tlastFocusedCodeBlock = focusParent;\n\t\t} );\n\t}\n}\n\n/**\n * Normally, when the Enter (or Shift+Enter) key is pressed, a soft line break is to be added to the\n * code block. Let's try to follow the indentation of the previous line when possible, for instance:\n *\n * ```html\n * // Before pressing enter (or shift enter)\n * <codeBlock>\n * \"    foo()\"[]                   // Indent of 4 spaces.\n * </codeBlock>\n *\n * // After pressing:\n * <codeBlock>\n * \"    foo()\"                 // Indent of 4 spaces.\n * <softBreak></softBreak>     // A new soft break created by pressing enter.\n * \"    \"[]                    // Retain the indent of 4 spaces.\n * </codeBlock>\n * ```\n */\nfunction breakLineOnEnter( editor: Editor ): void {\n\tconst model = editor.model;\n\tconst modelDoc = model.document;\n\t// Use last position as other mechanisms (e.g. condition deciding whether this function should be called) also check that.\n\tconst lastSelectionPosition = modelDoc.selection.getLastPosition()!;\n\tlet leadingWhiteSpaces: string | undefined;\n\n\tconst node = getTextNodeAtLineStart( lastSelectionPosition, model );\n\n\t// Figure out the indentation (white space chars) at the beginning of the line.\n\tif ( node && node.is( '$text' ) ) {\n\t\tleadingWhiteSpaces = getLeadingWhiteSpaces( node );\n\t}\n\n\t// Keeping everything in a change block for a single undo step.\n\teditor.model.change( writer => {\n\t\teditor.execute( 'shiftEnter' );\n\n\t\t// If the line before being broken in two had some indentation, let's retain it\n\t\t// in the new line.\n\t\tif ( leadingWhiteSpaces ) {\n\t\t\twriter.insertText( leadingWhiteSpaces, modelDoc.selection.anchor! );\n\t\t}\n\t} );\n}\n\n/**\n * Leave the code block when Enter (but NOT Shift+Enter) has been pressed twice at the beginning\n * of the code block:\n *\n * ```html\n * // Before:\n * <codeBlock>[]<softBreak></softBreak>foo</codeBlock>\n *\n * // After pressing:\n * <paragraph>[]</paragraph><codeBlock>foo</codeBlock>\n * ```\n *\n * @param isSoftEnter When `true`, enter was pressed along with <kbd>Shift</kbd>.\n * @returns `true` when selection left the block. `false` if stayed.\n */\nfunction leaveBlockStartOnEnter( editor: Editor, isSoftEnter: boolean ): boolean {\n\tconst model = editor.model;\n\tconst modelDoc = model.document;\n\tconst view = editor.editing.view;\n\tconst lastSelectionPosition = modelDoc.selection.getLastPosition()!;\n\tconst nodeAfter = lastSelectionPosition.nodeAfter;\n\n\tif ( isSoftEnter || !modelDoc.selection.isCollapsed || !lastSelectionPosition.isAtStart ) {\n\t\treturn false;\n\t}\n\n\tif ( !isSoftBreakNode( nodeAfter ) ) {\n\t\treturn false;\n\t}\n\n\t// We're doing everything in a single change block to have a single undo step.\n\teditor.model.change( writer => {\n\t\t// \"Clone\" the <codeBlock> in the standard way.\n\t\teditor.execute( 'enter' );\n\n\t\t// The cloned block exists now before the original code block.\n\t\tconst newBlock = modelDoc.selection.anchor!.parent.previousSibling! as ModelElement;\n\n\t\t// Make the cloned <codeBlock> a regular <paragraph> (with clean attributes, so no language).\n\t\twriter.rename( newBlock, DEFAULT_ELEMENT );\n\t\twriter.setSelection( newBlock, 'in' );\n\t\teditor.model.schema.removeDisallowedAttributes( [ newBlock ], writer );\n\n\t\t// Remove the <softBreak> that originally followed the selection position.\n\t\twriter.remove( nodeAfter! );\n\t} );\n\n\t// Eye candy.\n\tview.scrollToTheSelection();\n\n\treturn true;\n}\n\n/**\n * Leave the code block when Enter (but NOT Shift+Enter) has been pressed twice at the end\n * of the code block:\n *\n * ```html\n * // Before:\n * <codeBlock>foo[]</codeBlock>\n *\n * // After first press:\n * <codeBlock>foo<softBreak></softBreak>[]</codeBlock>\n *\n * // After second press:\n * <codeBlock>foo</codeBlock><paragraph>[]</paragraph>\n * ```\n *\n * @param isSoftEnter When `true`, enter was pressed along with <kbd>Shift</kbd>.\n * @returns `true` when selection left the block. `false` if stayed.\n */\nfunction leaveBlockEndOnEnter( editor: Editor, isSoftEnter: boolean ): boolean {\n\tconst model = editor.model;\n\tconst modelDoc = model.document;\n\tconst view = editor.editing.view;\n\tconst lastSelectionPosition = modelDoc.selection.getLastPosition()!;\n\tconst nodeBefore = lastSelectionPosition.nodeBefore;\n\n\tlet emptyLineRangeToRemoveOnEnter: ModelRange;\n\n\tif ( isSoftEnter || !modelDoc.selection.isCollapsed || !lastSelectionPosition.isAtEnd || !nodeBefore || !nodeBefore.previousSibling ) {\n\t\treturn false;\n\t}\n\n\t// When the position is directly preceded by two soft breaks\n\t//\n\t//\t\t<codeBlock>foo<softBreak></softBreak><softBreak></softBreak>[]</codeBlock>\n\t//\n\t// it creates the following range that will be cleaned up before leaving:\n\t//\n\t//\t\t<codeBlock>foo[<softBreak></softBreak><softBreak></softBreak>]</codeBlock>\n\t//\n\tif ( isSoftBreakNode( nodeBefore ) && isSoftBreakNode( nodeBefore.previousSibling ) ) {\n\t\temptyLineRangeToRemoveOnEnter = model.createRange(\n\t\t\tmodel.createPositionBefore( nodeBefore.previousSibling ), model.createPositionAfter( nodeBefore )\n\t\t);\n\t}\n\n\t// When there's some text before the position that is\n\t// preceded by two soft breaks and made purely of white–space characters\n\t//\n\t//\t\t<codeBlock>foo<softBreak></softBreak><softBreak></softBreak>    []</codeBlock>\n\t//\n\t// it creates the following range to clean up before leaving:\n\t//\n\t//\t\t<codeBlock>foo[<softBreak></softBreak><softBreak></softBreak>    ]</codeBlock>\n\t//\n\telse if (\n\t\tisEmptyishTextNode( nodeBefore ) &&\n\t\tisSoftBreakNode( nodeBefore.previousSibling ) &&\n\t\tisSoftBreakNode( nodeBefore.previousSibling.previousSibling )\n\t) {\n\t\temptyLineRangeToRemoveOnEnter = model.createRange(\n\t\t\tmodel.createPositionBefore( nodeBefore.previousSibling.previousSibling! ), model.createPositionAfter( nodeBefore )\n\t\t);\n\t}\n\n\t// When there's some text before the position that is made purely of white–space characters\n\t// and is preceded by some other text made purely of white–space characters\n\t//\n\t//\t\t<codeBlock>foo<softBreak></softBreak>    <softBreak></softBreak>    []</codeBlock>\n\t//\n\t// it creates the following range to clean up before leaving:\n\t//\n\t//\t\t<codeBlock>foo[<softBreak></softBreak>    <softBreak></softBreak>    ]</codeBlock>\n\t//\n\telse if (\n\t\tisEmptyishTextNode( nodeBefore ) &&\n\t\tisSoftBreakNode( nodeBefore.previousSibling ) &&\n\t\tisEmptyishTextNode( nodeBefore.previousSibling.previousSibling ) &&\n\t\tnodeBefore.previousSibling.previousSibling &&\n\t\tisSoftBreakNode( nodeBefore.previousSibling.previousSibling.previousSibling )\n\t) {\n\t\temptyLineRangeToRemoveOnEnter = model.createRange(\n\t\t\tmodel.createPositionBefore( nodeBefore.previousSibling.previousSibling.previousSibling! ),\n\t\t\tmodel.createPositionAfter( nodeBefore )\n\t\t);\n\t}\n\n\t// Not leaving the block in the following cases:\n\t//\n\t//\t\t<codeBlock>    []</codeBlock>\n\t//\t\t<codeBlock>  a []</codeBlock>\n\t//\t\t<codeBlock>foo<softBreak></softBreak>[]</codeBlock>\n\t//\t\t<codeBlock>foo<softBreak></softBreak><softBreak></softBreak>bar[]</codeBlock>\n\t//\t\t<codeBlock>foo<softBreak></softBreak><softBreak></softBreak> a []</codeBlock>\n\t//\n\telse {\n\t\treturn false;\n\t}\n\n\t// We're doing everything in a single change block to have a single undo step.\n\teditor.model.change( writer => {\n\t\t// Remove the last <softBreak>s and all white space characters that followed them.\n\t\twriter.remove( emptyLineRangeToRemoveOnEnter );\n\n\t\t// \"Clone\" the <codeBlock> in the standard way.\n\t\teditor.execute( 'enter' );\n\n\t\tconst newBlock = modelDoc.selection.anchor!.parent as ModelElement;\n\n\t\t// Make the cloned <codeBlock> a regular <paragraph> (with clean attributes, so no language).\n\t\twriter.rename( newBlock, DEFAULT_ELEMENT );\n\t\teditor.model.schema.removeDisallowedAttributes( [ newBlock ], writer );\n\t} );\n\n\t// Eye candy.\n\tview.scrollToTheSelection();\n\n\treturn true;\n}\n\nfunction isEmptyishTextNode( node: ModelNode | null ) {\n\treturn node && node.is( '$text' ) && !node.data.match( /\\S/ );\n}\n\nfunction isSoftBreakNode( node: ModelNode | null ) {\n\treturn node && node.is( 'element', 'softBreak' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 code-block/codeblockui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Collection } from 'ckeditor5/src/utils.js';\nimport {\n\tUIModel,\n\tSplitButtonView,\n\tcreateDropdown,\n\taddListToDropdown,\n\tMenuBarMenuListItemButtonView,\n\tMenuBarMenuListView,\n\tMenuBarMenuView,\n\tMenuBarMenuListItemView,\n\ttype ListDropdownButtonDefinition\n} from 'ckeditor5/src/ui.js';\nimport { IconCodeBlock } from 'ckeditor5/src/icons.js';\n\nimport { getNormalizedAndLocalizedLanguageDefinitions } from './utils.js';\n\nimport type { CodeBlockLanguageDefinition } from './codeblockconfig.js';\nimport { type CodeBlockCommand } from './codeblockcommand.js';\n\nimport '../theme/codeblock.css';\n\n/**\n * The code block UI plugin.\n *\n * Introduces the `'codeBlock'` dropdown.\n */\nexport class CodeBlockUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CodeBlockUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst componentFactory = editor.ui.componentFactory;\n\t\tconst normalizedLanguageDefs = getNormalizedAndLocalizedLanguageDefinitions( editor );\n\t\tconst itemDefinitions = this._getLanguageListItemDefinitions( normalizedLanguageDefs );\n\t\tconst command: CodeBlockCommand = editor.commands.get( 'codeBlock' )!;\n\n\t\tcomponentFactory.add( 'codeBlock', locale => {\n\t\t\tconst dropdownView = createDropdown( locale, SplitButtonView );\n\t\t\tconst splitButtonView = dropdownView.buttonView;\n\t\t\tconst accessibleLabel = t( 'Insert code block' );\n\n\t\t\tsplitButtonView.set( {\n\t\t\t\tlabel: accessibleLabel,\n\t\t\t\ttooltip: true,\n\t\t\t\ticon: IconCodeBlock,\n\t\t\t\tisToggleable: true\n\t\t\t} );\n\n\t\t\tsplitButtonView.bind( 'isOn' ).to( command, 'value', value => !!value );\n\n\t\t\tsplitButtonView.on( 'execute', () => {\n\t\t\t\teditor.execute( 'codeBlock', {\n\t\t\t\t\tusePreviousLanguageChoice: true\n\t\t\t\t} );\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\tdropdownView.on( 'execute', evt => {\n\t\t\t\teditor.execute( 'codeBlock', {\n\t\t\t\t\tlanguage: ( evt.source as any )._codeBlockLanguage,\n\t\t\t\t\tforceValue: true\n\t\t\t\t} );\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\tdropdownView.class = 'ck-code-block-dropdown';\n\t\t\tdropdownView.bind( 'isEnabled' ).to( command );\n\n\t\t\taddListToDropdown( dropdownView, itemDefinitions, {\n\t\t\t\trole: 'menu',\n\t\t\t\tariaLabel: accessibleLabel\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\tcomponentFactory.add( 'menuBar:codeBlock', locale => {\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\trole: 'menuitem',\n\t\t\t\tlabel: t( 'Code block' ),\n\t\t\t\ticon: IconCodeBlock\n\t\t\t} );\n\n\t\t\tmenuView.bind( 'isEnabled' ).to( command );\n\n\t\t\tconst listView = new MenuBarMenuListView( locale );\n\n\t\t\tlistView.set( {\n\t\t\t\tariaLabel: t( 'Insert code block' )\n\t\t\t} );\n\n\t\t\tfor ( const definition of itemDefinitions ) {\n\t\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, menuView );\n\t\t\t\tconst buttonView = new MenuBarMenuListItemButtonView( locale );\n\n\t\t\t\tbuttonView.bind( ...Object.keys( definition.model ) as Array<keyof MenuBarMenuListItemButtonView> ).to( definition.model );\n\t\t\t\tbuttonView.set( {\n\t\t\t\t\tisToggleable: true,\n\t\t\t\t\trole: 'menuitemcheckbox'\n\t\t\t\t} );\n\n\t\t\t\tbuttonView.delegate( 'execute' ).to( menuView );\n\n\t\t\t\tbuttonView.on( 'execute', () => {\n\t\t\t\t\teditor.execute( 'codeBlock', {\n\t\t\t\t\t\tlanguage: definition.model._codeBlockLanguage as string,\n\t\t\t\t\t\tforceValue: command.value == definition.model._codeBlockLanguage ? false : true\n\t\t\t\t\t} );\n\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t} );\n\n\t\t\t\tlistItemView.children.add( buttonView );\n\t\t\t\tlistView.items.add( listItemView );\n\t\t\t}\n\n\t\t\tmenuView.panelView.children.add( listView );\n\n\t\t\treturn menuView;\n\t\t} );\n\t}\n\n\t/**\n\t * A helper returning a collection of the `codeBlock` dropdown items representing languages\n\t * available for the user to choose from.\n\t */\n\tprivate _getLanguageListItemDefinitions(\n\t\tnormalizedLanguageDefs: Array<CodeBlockLanguageDefinition>\n\t): Collection<ListDropdownButtonDefinition> {\n\t\tconst editor = this.editor;\n\t\tconst command: CodeBlockCommand = editor.commands.get( 'codeBlock' )!;\n\t\tconst itemDefinitions = new Collection<ListDropdownButtonDefinition>();\n\n\t\tfor ( const languageDef of normalizedLanguageDefs ) {\n\t\t\tconst definition: ListDropdownButtonDefinition = {\n\t\t\t\ttype: 'button',\n\t\t\t\tmodel: new UIModel( {\n\t\t\t\t\t_codeBlockLanguage: languageDef.language,\n\t\t\t\t\tlabel: languageDef.label,\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\twithText: true\n\t\t\t\t} )\n\t\t\t};\n\n\t\t\tdefinition.model.bind( 'isOn' ).to( command, 'value', value => {\n\t\t\t\treturn value === definition.model._codeBlockLanguage;\n\t\t\t} );\n\n\t\t\titemDefinitions.add( definition );\n\t\t}\n\n\t\treturn itemDefinitions;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 code-block/codeblock\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { CodeBlockEditing } from './codeblockediting.js';\nimport { CodeBlockUI } from './codeblockui.js';\n\n/**\n * The code block plugin.\n *\n * For more information about this feature check the {@glink api/code-block package page} and the\n * {@glink features/code-blocks code block} feature guide.\n *\n * This is a \"glue\" plugin that loads the {@link module:code-block/codeblockediting~CodeBlockEditing code block editing feature}\n * and the {@link module:code-block/codeblockui~CodeBlockUI code block UI feature}.\n */\nexport class CodeBlock extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ CodeBlockEditing, CodeBlockUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CodeBlock' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { logWarning } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { FileRepository } from '@ckeditor/ckeditor5-upload/dist/index.js';\n\n/**\n * A plugin that enables upload to [CKEditor Cloud Services](https://ckeditor.com/ckeditor-cloud-services/).\n *\n * It is mainly used by the {@link module:easy-image/easyimage~EasyImage} feature.\n *\n * After enabling this adapter you need to configure the CKEditor Cloud Services integration through\n * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig `config.cloudServices`}.\n */ class CloudServicesUploadAdapter extends Plugin {\n    _uploadGateway;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CloudServicesUploadAdapter';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            'CloudServices',\n            FileRepository\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const cloudServices = editor.plugins.get('CloudServices');\n        const token = cloudServices.token;\n        const uploadUrl = cloudServices.uploadUrl;\n        if (!token) {\n            return;\n        }\n        const cloudServicesCore = editor.plugins.get('CloudServicesCore');\n        this._uploadGateway = cloudServicesCore.createUploadGateway(token, uploadUrl);\n        editor.plugins.get(FileRepository).createUploadAdapter = (loader)=>{\n            return new Adapter(this._uploadGateway, loader);\n        };\n    }\n}\nclass Adapter {\n    uploadGateway;\n    loader;\n    fileUploader;\n    constructor(uploadGateway, loader){\n        this.uploadGateway = uploadGateway;\n        this.loader = loader;\n    }\n    upload() {\n        return this.loader.file.then((file)=>{\n            this.fileUploader = this.uploadGateway.upload(file);\n            this.fileUploader.on('progress', (evt, data)=>{\n                this.loader.uploadTotal = data.total;\n                this.loader.uploaded = data.uploaded;\n            });\n            return this.fileUploader.send();\n        });\n    }\n    abort() {\n        this.fileUploader.abort();\n    }\n}\n\n/**\n * The Easy Image feature, which makes the image upload in CKEditor 5 possible with virtually zero\n * server setup. A part of the [CKEditor Cloud Services](https://ckeditor.com/ckeditor-cloud-services/)\n * family.\n *\n * This is a \"glue\" plugin which enables:\n *\n * * {@link module:easy-image/cloudservicesuploadadapter~CloudServicesUploadAdapter}.\n *\n * This plugin requires plugin to be present in the editor configuration:\n *\n * * {@link module:image/image~Image},\n * * {@link module:image/imageupload~ImageUpload},\n *\n * See the [Easy Image Quick Start guide](https://ckeditor.com/docs/cs/latest/guides/easy-image/quick-start.html) to learn how to configure\n * and use this feature.\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload\" guide} to learn about\n * other ways to upload images into CKEditor 5.\n *\n * **Note**: After enabling the Easy Image plugin you need to configure the\n * [CKEditor Cloud Services](https://ckeditor.com/ckeditor-cloud-services/)\n * integration through {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig `config.cloudServices`}.\n */ class EasyImage extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'EasyImage';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            CloudServicesUploadAdapter,\n            'ImageUpload'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!editor.plugins.has('ImageBlockEditing') && !editor.plugins.has('ImageInlineEditing')) {\n            /**\n\t\t\t * The Easy Image feature requires one of the following plugins to be loaded to work correctly:\n\t\t\t *\n\t\t\t * * {@link module:image/imageblock~ImageBlock},\n\t\t\t * * {@link module:image/imageinline~ImageInline},\n\t\t\t * * {@link module:image/image~Image} (loads both `ImageBlock` and `ImageInline`)\n\t\t\t *\n\t\t\t * Please make sure your editor configuration is correct.\n\t\t\t *\n\t\t\t * @error easy-image-image-feature-missing\n\t\t\t * @param {module:core/editor/editor~Editor} editor The editor instance.\n\t\t\t */ logWarning('easy-image-image-feature-missing', editor);\n        }\n    }\n}\n\nexport { CloudServicesUploadAdapter, EasyImage };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 easy-image/cloudservicesuploadadapter\n*/\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { FileRepository, type FileLoader, type UploadAdapter } from 'ckeditor5/src/upload.js';\nimport type { CloudServicesCore, CloudServices, UploadGateway, FileUploader } from '@ckeditor/ckeditor5-cloud-services';\n\n/**\n * A plugin that enables upload to [CKEditor Cloud Services](https://ckeditor.com/ckeditor-cloud-services/).\n *\n * It is mainly used by the {@link module:easy-image/easyimage~EasyImage} feature.\n *\n * After enabling this adapter you need to configure the CKEditor Cloud Services integration through\n * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig `config.cloudServices`}.\n */\nexport class CloudServicesUploadAdapter extends Plugin {\n\tprivate _uploadGateway?: UploadGateway;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CloudServicesUploadAdapter' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ 'CloudServices', FileRepository ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tconst cloudServices: CloudServices = editor.plugins.get( 'CloudServices' );\n\n\t\tconst token = cloudServices.token;\n\t\tconst uploadUrl = cloudServices.uploadUrl;\n\n\t\tif ( !token ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst cloudServicesCore: CloudServicesCore = editor.plugins.get( 'CloudServicesCore' );\n\t\tthis._uploadGateway = cloudServicesCore.createUploadGateway( token, uploadUrl! );\n\n\t\teditor.plugins.get( FileRepository ).createUploadAdapter = loader => {\n\t\t\treturn new Adapter( this._uploadGateway!, loader );\n\t\t};\n\t}\n}\n\nclass Adapter implements UploadAdapter {\n\tprivate uploadGateway: UploadGateway;\n\tprivate loader: FileLoader;\n\tprivate fileUploader?: FileUploader;\n\n\tconstructor( uploadGateway: UploadGateway, loader: FileLoader ) {\n\t\tthis.uploadGateway = uploadGateway;\n\n\t\tthis.loader = loader;\n\t}\n\n\tpublic upload() {\n\t\treturn this.loader.file.then( file => {\n\t\t\tthis.fileUploader = this.uploadGateway.upload( file! );\n\n\t\t\tthis.fileUploader.on( 'progress', ( evt, data ) => {\n\t\t\t\tthis.loader.uploadTotal = data.total;\n\t\t\t\tthis.loader.uploaded = data.uploaded;\n\t\t\t} );\n\n\t\t\treturn this.fileUploader.send();\n\t\t} );\n\t}\n\n\tpublic abort() {\n\t\tthis.fileUploader!.abort();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 easy-image/easyimage\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { logWarning } from 'ckeditor5/src/utils.js';\n\nimport { CloudServicesUploadAdapter } from './cloudservicesuploadadapter.js';\n\n/**\n * The Easy Image feature, which makes the image upload in CKEditor 5 possible with virtually zero\n * server setup. A part of the [CKEditor Cloud Services](https://ckeditor.com/ckeditor-cloud-services/)\n * family.\n *\n * This is a \"glue\" plugin which enables:\n *\n * * {@link module:easy-image/cloudservicesuploadadapter~CloudServicesUploadAdapter}.\n *\n * This plugin requires plugin to be present in the editor configuration:\n *\n * * {@link module:image/image~Image},\n * * {@link module:image/imageupload~ImageUpload},\n *\n * See the [Easy Image Quick Start guide](https://ckeditor.com/docs/cs/latest/guides/easy-image/quick-start.html) to learn how to configure\n * and use this feature.\n *\n * Check out the {@glink features/images/image-upload/image-upload comprehensive \"Image upload\" guide} to learn about\n * other ways to upload images into CKEditor 5.\n *\n * **Note**: After enabling the Easy Image plugin you need to configure the\n * [CKEditor Cloud Services](https://ckeditor.com/ckeditor-cloud-services/)\n * integration through {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig `config.cloudServices`}.\n */\nexport class EasyImage extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'EasyImage' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ CloudServicesUploadAdapter, 'ImageUpload' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'ImageBlockEditing' ) && !editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\t/**\n\t\t\t * The Easy Image feature requires one of the following plugins to be loaded to work correctly:\n\t\t\t *\n\t\t\t * * {@link module:image/imageblock~ImageBlock},\n\t\t\t * * {@link module:image/imageinline~ImageInline},\n\t\t\t * * {@link module:image/image~Image} (loads both `ImageBlock` and `ImageInline`)\n\t\t\t *\n\t\t\t * Please make sure your editor configuration is correct.\n\t\t\t *\n\t\t\t * @error easy-image-image-feature-missing\n\t\t\t * @param {module:core/editor/editor~Editor} editor The editor instance.\n\t\t\t */\n\t\t\tlogWarning( 'easy-image-image-feature-missing', editor );\n\t\t}\n\t}\n}\n", "import { ElementApiMixin, Editor, secureSourceElement, attachToForm } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { EditorUI, EditorUIView, InlineEditableUIView, MenuBarView, BalloonToolbar } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { CKEditorError, getDataFromElement } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { enableViewPlaceholder } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { isElement as isElement$1 } from 'es-toolkit/compat';\n\n/**\n * The balloon editor UI class.\n */ class BalloonEditorUI extends EditorUI {\n    /**\n\t * The main (top–most) view of the editor UI.\n\t */ view;\n    /**\n\t * Creates an instance of the balloon editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */ constructor(editor, view){\n        super(editor);\n        this.view = view;\n    }\n    /**\n\t * @inheritDoc\n\t */ get element() {\n        return this.view.editable.element;\n    }\n    /**\n\t * Initializes the UI.\n\t */ init() {\n        const editor = this.editor;\n        const view = this.view;\n        const editingView = editor.editing.view;\n        const editable = view.editable;\n        const editingRoot = editingView.document.getRoot();\n        // The editable UI and editing root should share the same name. Then name is used\n        // to recognize the particular editable, for instance in ARIA attributes.\n        editable.name = editingRoot.rootName;\n        view.render();\n        // The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n        // But it can be available earlier if a DOM element has been passed to BalloonEditor.create().\n        const editableElement = editable.element;\n        // Register the editable UI view in the editor. A single editor instance can aggregate multiple\n        // editable areas (roots) but the balloon editor has only one.\n        this.setEditableElement(editable.name, editableElement);\n        // Let the editable UI element respond to the changes in the global editor focus\n        // tracker. It has been added to the same tracker a few lines above but, in reality, there are\n        // many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n        // as they have focus, the editable should act like it is focused too (although technically\n        // it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n        // Doing otherwise will result in editable focus styles disappearing, once e.g. the\n        // toolbar gets focused.\n        editable.bind('isFocused').to(this.focusTracker);\n        // Bind the editable UI element to the editing view, making it an end– and entry–point\n        // of the editor's engine. This is where the engine meets the UI.\n        editingView.attachDomRoot(editableElement);\n        this._initPlaceholder();\n        this.initMenuBar(this.view.menuBarView);\n        this.fire('ready');\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        const view = this.view;\n        const editingView = this.editor.editing.view;\n        if (editingView.getDomRoot(view.editable.name)) {\n            editingView.detachDomRoot(view.editable.name);\n        }\n        view.destroy();\n    }\n    /**\n\t * Enable the placeholder text on the editing root.\n\t */ _initPlaceholder() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const editingRoot = editingView.document.getRoot();\n        const placeholder = editor.config.get('placeholder');\n        if (placeholder) {\n            const placeholderText = typeof placeholder === 'string' ? placeholder : placeholder[editingRoot.rootName];\n            if (placeholderText) {\n                editingRoot.placeholder = placeholderText;\n            }\n        }\n        enableViewPlaceholder({\n            view: editingView,\n            element: editingRoot,\n            isDirectHost: false,\n            keepOnFocus: true\n        });\n    }\n}\n\n/**\n * Contextual editor UI view. Uses the {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView}.\n */ class BalloonEditorUIView extends EditorUIView {\n    /**\n\t * Editable UI view.\n\t */ editable;\n    /**\n\t * Menu bar view instance.\n\t */ menuBarView;\n    /**\n\t * Creates an instance of the balloon editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param editableElement The editable element. If not specified, it will be automatically created by\n\t * {@link module:ui/editableui/editableuiview~EditableUIView}. Otherwise, the given element will be used.\n\t * @param label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.\n\t */ constructor(locale, editingView, editableElement, label){\n        super(locale);\n        this.editable = new InlineEditableUIView(locale, editingView, editableElement, {\n            label\n        });\n        this.menuBarView = new MenuBarView(locale);\n        this.menuBarView.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-reset_all',\n                    'ck-rounded-corners'\n                ],\n                dir: locale.uiLanguageDirection\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.registerChild(this.editable);\n        this.registerChild(this.menuBarView);\n    }\n}\n\n/**\n * The balloon editor implementation (Medium-like editor).\n * It uses an inline editable and a toolbar based on the {@link module:ui/toolbar/balloon/balloontoolbar~BalloonToolbar}.\n * See the {@glink examples/builds/balloon-editor demo}.\n *\n * In order to create a balloon editor instance, use the static\n * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method.\n */ class BalloonEditor extends /* #__PURE__ */ ElementApiMixin(Editor) {\n    /**\n\t * @inheritDoc\n\t */ static get editorName() {\n        return 'BalloonEditor';\n    }\n    /**\n\t * @inheritDoc\n\t */ ui;\n    /**\n\t * Creates an instance of the balloon editor.\n\t *\n\t * **Note:** do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method instead.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * (on which the editor will be initialized) or initial data for the editor. For more information see\n\t * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`}.\n\t * @param config The editor configuration.\n\t */ constructor(sourceElementOrData, config = {}){\n        // If both `config.initialData` is set and initial data is passed as the constructor parameter, then throw.\n        if (!isElement(sourceElementOrData) && config.initialData !== undefined) {\n            // Documented in core/editor/editorconfig.jsdoc.\n            // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n            throw new CKEditorError('editor-create-initial-data', null);\n        }\n        super(config);\n        if (this.config.get('initialData') === undefined) {\n            this.config.set('initialData', getInitialData(sourceElementOrData));\n        }\n        if (isElement(sourceElementOrData)) {\n            this.sourceElement = sourceElementOrData;\n            secureSourceElement(this, sourceElementOrData);\n        }\n        const plugins = this.config.get('plugins');\n        plugins.push(BalloonToolbar);\n        this.config.set('plugins', plugins);\n        this.config.define('balloonToolbar', this.config.get('toolbar'));\n        this.model.document.createRoot();\n        const view = new BalloonEditorUIView(this.locale, this.editing.view, this.sourceElement, this.config.get('label'));\n        this.ui = new BalloonEditorUI(this, view);\n        attachToForm(this);\n    }\n    /**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t */ destroy() {\n        // Cache the data, then destroy.\n        // It's safe to assume that the model->view conversion will not work after super.destroy().\n        const data = this.getData();\n        this.ui.destroy();\n        return super.destroy().then(()=>{\n            if (this.sourceElement) {\n                this.updateSourceElement(data);\n            }\n        });\n    }\n    /**\n\t * Creates a new balloon editor instance.\n\t *\n\t * There are three general ways how the editor can be initialized.\n\t *\n\t * # Using an existing DOM element (and loading data from it)\n\t *\n\t * You can initialize the editor using an existing DOM element:\n\t *\n\t * ```ts\n\t * BalloonEditor\n\t * \t.create( document.querySelector( '#editor' ) )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * The element's content will be used as the editor data and the element will become the editable element.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as a string.\n\t * In this case, the editor will render an element that must be inserted into the DOM for the editor to work properly:\n\t *\n\t * ```ts\n\t * BalloonEditor\n\t * \t.create( '<p>Hello world!</p>' )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Initial data was provided so the editor UI element needs to be added manually to the DOM.\n\t * \t\tdocument.body.appendChild( editor.ui.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Using an existing DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * BalloonEditor\n\t * \t.create( document.querySelector( '#editor' ), {\n\t * \t\tinitialData: '<h2>Initial data</h2><p>Foo bar.</p>'\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * # Using the editor from source\n\t *\n\t * If you want to use the balloon editor,\n\t * you need to define the list of\n\t * {@link module:core/editor/editorconfig~EditorConfig#plugins plugins to be initialized} and\n\t * {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar items}.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data.\n\t *\n\t * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization.\n\t * The editor data will be set back to the original element once the editor is destroyed only if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}\n\t * option is set to `true`.\n\t *\n\t * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.\n\t * It is available under the {@link module:editor-balloon/ballooneditorui~BalloonEditorUI#element `editor.ui.element`} property.\n\t *\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */ static create(sourceElementOrData, config = {}) {\n        return new Promise((resolve)=>{\n            if (isElement(sourceElementOrData) && sourceElementOrData.tagName === 'TEXTAREA') {\n                // Documented in core/editor/editor.js\n                // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n                throw new CKEditorError('editor-wrong-element', null);\n            }\n            const editor = new this(sourceElementOrData, config);\n            resolve(editor.initPlugins().then(()=>editor.ui.init()).then(()=>editor.data.init(editor.config.get('initialData'))).then(()=>editor.fire('ready')).then(()=>editor));\n        });\n    }\n}\nfunction getInitialData(sourceElementOrData) {\n    return isElement(sourceElementOrData) ? getDataFromElement(sourceElementOrData) : sourceElementOrData;\n}\nfunction isElement(value) {\n    return isElement$1(value);\n}\n\nexport { BalloonEditor, BalloonEditorUI, BalloonEditorUIView };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-balloon/ballooneditorui\n */\n\nimport {\n\ttype Editor\n} from 'ckeditor5/src/core.js';\n\nimport {\n\tEditorUI,\n\ttype EditorUIReadyEvent\n} from 'ckeditor5/src/ui.js';\n\nimport { enableViewPlaceholder } from 'ckeditor5/src/engine.js';\n\nimport { type BalloonEditorUIView } from './ballooneditoruiview.js';\n\n/**\n * The balloon editor UI class.\n */\nexport class BalloonEditorUI extends EditorUI {\n\t/**\n\t * The main (top–most) view of the editor UI.\n\t */\n\tpublic readonly view: BalloonEditorUIView;\n\n\t/**\n\t * Creates an instance of the balloon editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */\n\tconstructor( editor: Editor, view: BalloonEditorUIView ) {\n\t\tsuper( editor );\n\n\t\tthis.view = view;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override get element(): HTMLElement | null {\n\t\treturn this.view.editable.element;\n\t}\n\n\t/**\n\t * Initializes the UI.\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editable = view.editable;\n\t\tconst editingRoot = editingView.document.getRoot()!;\n\n\t\t// The editable UI and editing root should share the same name. Then name is used\n\t\t// to recognize the particular editable, for instance in ARIA attributes.\n\t\teditable.name = editingRoot.rootName;\n\n\t\tview.render();\n\n\t\t// The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n\t\t// But it can be available earlier if a DOM element has been passed to BalloonEditor.create().\n\t\tconst editableElement = editable.element!;\n\n\t\t// Register the editable UI view in the editor. A single editor instance can aggregate multiple\n\t\t// editable areas (roots) but the balloon editor has only one.\n\t\tthis.setEditableElement( editable.name, editableElement );\n\n\t\t// Let the editable UI element respond to the changes in the global editor focus\n\t\t// tracker. It has been added to the same tracker a few lines above but, in reality, there are\n\t\t// many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n\t\t// as they have focus, the editable should act like it is focused too (although technically\n\t\t// it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n\t\t// Doing otherwise will result in editable focus styles disappearing, once e.g. the\n\t\t// toolbar gets focused.\n\t\teditable.bind( 'isFocused' ).to( this.focusTracker );\n\n\t\t// Bind the editable UI element to the editing view, making it an end– and entry–point\n\t\t// of the editor's engine. This is where the engine meets the UI.\n\t\teditingView.attachDomRoot( editableElement );\n\n\t\tthis._initPlaceholder();\n\t\tthis.initMenuBar( this.view.menuBarView! );\n\t\tthis.fire<EditorUIReadyEvent>( 'ready' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tconst view = this.view;\n\t\tconst editingView = this.editor.editing.view;\n\n\t\tif ( editingView.getDomRoot( view.editable.name! ) ) {\n\t\t\teditingView.detachDomRoot( view.editable.name! );\n\t\t}\n\n\t\tview.destroy();\n\t}\n\n\t/**\n\t * Enable the placeholder text on the editing root.\n\t */\n\tprivate _initPlaceholder(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editingRoot = editingView.document.getRoot()!;\n\t\tconst placeholder = editor.config.get( 'placeholder' );\n\n\t\tif ( placeholder ) {\n\t\t\tconst placeholderText = typeof placeholder === 'string' ? placeholder : placeholder[ editingRoot.rootName ];\n\n\t\t\tif ( placeholderText ) {\n\t\t\t\teditingRoot.placeholder = placeholderText;\n\t\t\t}\n\t\t}\n\n\t\tenableViewPlaceholder( {\n\t\t\tview: editingView,\n\t\t\telement: editingRoot,\n\t\t\tisDirectHost: false,\n\t\t\tkeepOnFocus: true\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-balloon/ballooneditoruiview\n */\n\nimport { EditorUIView, InlineEditableUIView, MenuBarView } from 'ckeditor5/src/ui.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\nimport type { EditingView } from 'ckeditor5/src/engine.js';\n\n/**\n * Contextual editor UI view. Uses the {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView}.\n */\nexport class BalloonEditorUIView extends EditorUIView {\n\t/**\n\t * Editable UI view.\n\t */\n\tpublic readonly editable: InlineEditableUIView;\n\n\t/**\n\t * Menu bar view instance.\n\t */\n\tpublic override menuBarView: MenuBarView;\n\n\t/**\n\t * Creates an instance of the balloon editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param editableElement The editable element. If not specified, it will be automatically created by\n\t * {@link module:ui/editableui/editableuiview~EditableUIView}. Otherwise, the given element will be used.\n\t * @param label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\teditingView: EditingView,\n\t\teditableElement?: HTMLElement,\n\t\tlabel?: string | Record<string, string>\n\t) {\n\t\tsuper( locale );\n\n\t\tthis.editable = new InlineEditableUIView( locale, editingView, editableElement, {\n\t\t\tlabel\n\t\t} );\n\n\t\tthis.menuBarView = new MenuBarView( locale );\n\n\t\tthis.menuBarView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-reset_all',\n\t\t\t\t\t'ck-rounded-corners'\n\t\t\t\t],\n\t\t\t\tdir: locale.uiLanguageDirection\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.registerChild( this.editable );\n\t\tthis.registerChild( this.menuBarView );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-balloon/ballooneditor\n */\n\nimport {\n\tEditor,\n\tElementApiMixin,\n\tattachToForm,\n\tsecureSourceElement,\n\ttype EditorConfig,\n\ttype EditorReadyEvent\n} from 'ckeditor5/src/core.js';\n\nimport { BalloonToolbar } from 'ckeditor5/src/ui.js';\nimport { CKEditorError, getDataFromElement } from 'ckeditor5/src/utils.js';\n\nimport { BalloonEditorUI } from './ballooneditorui.js';\nimport { BalloonEditorUIView } from './ballooneditoruiview.js';\n\nimport { isElement as _isElement } from 'es-toolkit/compat';\n\n/**\n * The balloon editor implementation (Medium-like editor).\n * It uses an inline editable and a toolbar based on the {@link module:ui/toolbar/balloon/balloontoolbar~BalloonToolbar}.\n * See the {@glink examples/builds/balloon-editor demo}.\n *\n * In order to create a balloon editor instance, use the static\n * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method.\n */\nexport class BalloonEditor extends /* #__PURE__ */ ElementApiMixin( Editor ) {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get editorName(): 'BalloonEditor' {\n\t\treturn 'BalloonEditor';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly ui: BalloonEditorUI;\n\n\t/**\n\t * Creates an instance of the balloon editor.\n\t *\n\t * **Note:** do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`} method instead.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * (on which the editor will be initialized) or initial data for the editor. For more information see\n\t * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`}.\n\t * @param config The editor configuration.\n\t */\n\tprotected constructor( sourceElementOrData: HTMLElement | string, config: EditorConfig = {} ) {\n\t\t// If both `config.initialData` is set and initial data is passed as the constructor parameter, then throw.\n\t\tif ( !isElement( sourceElementOrData ) && config.initialData !== undefined ) {\n\t\t\t// Documented in core/editor/editorconfig.jsdoc.\n\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\tthrow new CKEditorError( 'editor-create-initial-data', null );\n\t\t}\n\n\t\tsuper( config );\n\n\t\tif ( this.config.get( 'initialData' ) === undefined ) {\n\t\t\tthis.config.set( 'initialData', getInitialData( sourceElementOrData ) );\n\t\t}\n\n\t\tif ( isElement( sourceElementOrData ) ) {\n\t\t\tthis.sourceElement = sourceElementOrData;\n\t\t\tsecureSourceElement( this, sourceElementOrData );\n\t\t}\n\n\t\tconst plugins = this.config.get( 'plugins' )!;\n\t\tplugins.push( BalloonToolbar );\n\n\t\tthis.config.set( 'plugins', plugins );\n\n\t\tthis.config.define( 'balloonToolbar', this.config.get( 'toolbar' ) );\n\n\t\tthis.model.document.createRoot();\n\n\t\tconst view = new BalloonEditorUIView( this.locale, this.editing.view, this.sourceElement, this.config.get( 'label' ) );\n\t\tthis.ui = new BalloonEditorUI( this, view );\n\n\t\tattachToForm( this );\n\t}\n\n\t/**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t */\n\tpublic override destroy(): Promise<unknown> {\n\t\t// Cache the data, then destroy.\n\t\t// It's safe to assume that the model->view conversion will not work after super.destroy().\n\t\tconst data = this.getData();\n\n\t\tthis.ui.destroy();\n\n\t\treturn super.destroy()\n\t\t\t.then( () => {\n\t\t\t\tif ( this.sourceElement ) {\n\t\t\t\t\tthis.updateSourceElement( data );\n\t\t\t\t}\n\t\t\t} );\n\t}\n\n\t/**\n\t * Creates a new balloon editor instance.\n\t *\n\t * There are three general ways how the editor can be initialized.\n\t *\n\t * # Using an existing DOM element (and loading data from it)\n\t *\n\t * You can initialize the editor using an existing DOM element:\n\t *\n\t * ```ts\n\t * BalloonEditor\n\t * \t.create( document.querySelector( '#editor' ) )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * The element's content will be used as the editor data and the element will become the editable element.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as a string.\n\t * In this case, the editor will render an element that must be inserted into the DOM for the editor to work properly:\n\t *\n\t * ```ts\n\t * BalloonEditor\n\t * \t.create( '<p>Hello world!</p>' )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Initial data was provided so the editor UI element needs to be added manually to the DOM.\n\t * \t\tdocument.body.appendChild( editor.ui.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Using an existing DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * BalloonEditor\n\t * \t.create( document.querySelector( '#editor' ), {\n\t * \t\tinitialData: '<h2>Initial data</h2><p>Foo bar.</p>'\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * # Using the editor from source\n\t *\n\t * If you want to use the balloon editor,\n\t * you need to define the list of\n\t * {@link module:core/editor/editorconfig~EditorConfig#plugins plugins to be initialized} and\n\t * {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar items}.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data.\n\t *\n\t * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization.\n\t * The editor data will be set back to the original element once the editor is destroyed only if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}\n\t * option is set to `true`.\n\t *\n\t * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.\n\t * It is available under the {@link module:editor-balloon/ballooneditorui~BalloonEditorUI#element `editor.ui.element`} property.\n\t *\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */\n\tpublic static override create( sourceElementOrData: HTMLElement | string, config: EditorConfig = {} ): Promise<BalloonEditor> {\n\t\treturn new Promise( resolve => {\n\t\t\tif ( isElement( sourceElementOrData ) && sourceElementOrData.tagName === 'TEXTAREA' ) {\n\t\t\t\t// Documented in core/editor/editor.js\n\t\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\t\tthrow new CKEditorError( 'editor-wrong-element', null );\n\t\t\t}\n\n\t\t\tconst editor = new this( sourceElementOrData, config );\n\n\t\t\tresolve(\n\t\t\t\teditor.initPlugins()\n\t\t\t\t\t.then( () => editor.ui.init() )\n\t\t\t\t\t.then( () => editor.data.init( editor.config.get( 'initialData' )! ) )\n\t\t\t\t\t.then( () => editor.fire<EditorReadyEvent>( 'ready' ) )\n\t\t\t\t\t.then( () => editor )\n\t\t\t);\n\t\t} );\n\t}\n}\n\nfunction getInitialData( sourceElementOrData: HTMLElement | string ): string {\n\treturn isElement( sourceElementOrData ) ? getDataFromElement( sourceElementOrData ) : sourceElementOrData;\n}\n\nfunction isElement( value: any ): value is Element {\n\treturn _isElement( value );\n}\n", "import { EditorUI, normalizeToolbarConfig, DialogView, BoxedEditorUIView, StickyPanelView, ToolbarView, MenuBarView, InlineEditableUIView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { enableViewPlaceholder } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { ElementReplacer, Rect, CKEditorError, getDataFromElement } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { ElementApiMixin, Editor, attachToForm } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { isElement as isElement$1 } from 'es-toolkit/compat';\n\n/**\n * The classic editor UI class.\n */ class ClassicEditorUI extends EditorUI {\n    /**\n\t * The main (top–most) view of the editor UI.\n\t */ view;\n    /**\n\t * A normalized `config.toolbar` object.\n\t */ _toolbarConfig;\n    /**\n\t * The element replacer instance used to hide the editor's source element.\n\t */ _elementReplacer;\n    /**\n\t * Creates an instance of the classic editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */ constructor(editor, view){\n        super(editor);\n        this.view = view;\n        this._toolbarConfig = normalizeToolbarConfig(editor.config.get('toolbar'));\n        this._elementReplacer = new ElementReplacer();\n        this.listenTo(editor.editing.view, 'scrollToTheSelection', this._handleScrollToTheSelectionWithStickyPanel.bind(this));\n    }\n    /**\n\t * @inheritDoc\n\t */ get element() {\n        return this.view.element;\n    }\n    /**\n\t * Initializes the UI.\n\t *\n\t * @param replacementElement The DOM element that will be the source for the created editor.\n\t */ init(replacementElement) {\n        const editor = this.editor;\n        const view = this.view;\n        const editingView = editor.editing.view;\n        const editable = view.editable;\n        const editingRoot = editingView.document.getRoot();\n        // The editable UI and editing root should share the same name. Then name is used\n        // to recognize the particular editable, for instance in ARIA attributes.\n        editable.name = editingRoot.rootName;\n        view.render();\n        // The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n        // But it can be available earlier if a DOM element has been passed to BalloonEditor.create().\n        const editableElement = editable.element;\n        // Register the editable UI view in the editor. A single editor instance can aggregate multiple\n        // editable areas (roots) but the classic editor has only one.\n        this.setEditableElement(editable.name, editableElement);\n        // Let the editable UI element respond to the changes in the global editor focus\n        // tracker. It has been added to the same tracker a few lines above but, in reality, there are\n        // many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n        // as they have focus, the editable should act like it is focused too (although technically\n        // it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n        // Doing otherwise will result in editable focus styles disappearing, once e.g. the\n        // toolbar gets focused.\n        view.editable.bind('isFocused').to(this.focusTracker);\n        // Bind the editable UI element to the editing view, making it an end– and entry–point\n        // of the editor's engine. This is where the engine meets the UI.\n        editingView.attachDomRoot(editableElement);\n        // If an element containing the initial data of the editor was provided, replace it with\n        // an editor instance's UI in DOM until the editor is destroyed. For instance, a <textarea>\n        // can be such element.\n        if (replacementElement) {\n            this._elementReplacer.replace(replacementElement, this.element);\n        }\n        this._initPlaceholder();\n        this._initToolbar();\n        if (view.menuBarView) {\n            this.initMenuBar(view.menuBarView);\n        }\n        this._initDialogPluginIntegration();\n        this._initContextualBalloonIntegration();\n        this.fire('ready');\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        const view = this.view;\n        const editingView = this.editor.editing.view;\n        this._elementReplacer.restore();\n        if (editingView.getDomRoot(view.editable.name)) {\n            editingView.detachDomRoot(view.editable.name);\n        }\n        view.destroy();\n    }\n    /**\n\t * Initializes the editor toolbar.\n\t */ _initToolbar() {\n        const view = this.view;\n        // Set–up the sticky panel with toolbar.\n        view.stickyPanel.bind('isActive').to(this.focusTracker, 'isFocused');\n        view.stickyPanel.limiterElement = view.element;\n        view.stickyPanel.bind('viewportTopOffset').to(this, 'viewportOffset', ({ visualTop })=>visualTop || 0);\n        view.toolbar.fillFromConfig(this._toolbarConfig, this.componentFactory);\n        // Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n        this.addToolbar(view.toolbar);\n    }\n    /**\n\t * Enable the placeholder text on the editing root.\n\t */ _initPlaceholder() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const editingRoot = editingView.document.getRoot();\n        const sourceElement = editor.sourceElement;\n        let placeholderText;\n        const placeholder = editor.config.get('placeholder');\n        if (placeholder) {\n            placeholderText = typeof placeholder === 'string' ? placeholder : placeholder[this.view.editable.name];\n        }\n        if (!placeholderText && sourceElement && sourceElement.tagName.toLowerCase() === 'textarea') {\n            placeholderText = sourceElement.getAttribute('placeholder');\n        }\n        if (placeholderText) {\n            editingRoot.placeholder = placeholderText;\n        }\n        enableViewPlaceholder({\n            view: editingView,\n            element: editingRoot,\n            isDirectHost: false,\n            keepOnFocus: true\n        });\n    }\n    /**\n\t * Provides an integration between the sticky toolbar and {@link module:ui/panel/balloon/contextualballoon contextual balloon plugin}.\n\t * It allows the contextual balloon to consider the height of the\n\t * {@link module:editor-classic/classiceditoruiview~ClassicEditorUIView#stickyPanel}. It prevents the balloon from overlapping\n\t * the sticky toolbar by adjusting the balloon's position using viewport offset configuration.\n\t */ _initContextualBalloonIntegration() {\n        if (!this.editor.plugins.has('ContextualBalloon')) {\n            return;\n        }\n        const { stickyPanel } = this.view;\n        const contextualBalloon = this.editor.plugins.get('ContextualBalloon');\n        contextualBalloon.on('getPositionOptions', (evt)=>{\n            const position = evt.return;\n            if (!position || !stickyPanel.isSticky || !stickyPanel.element) {\n                return;\n            }\n            // Measure toolbar (and menu bar) height.\n            const stickyPanelHeight = new Rect(stickyPanel.element).height;\n            // Handle edge case when the target element is larger than the limiter.\n            // It's an issue because the contextual balloon can overlap top table cells when the table is larger than the viewport\n            // and it's placed at the top of the editor. It's better to overlap toolbar in that situation.\n            // Check this issue: https://github.com/ckeditor/ckeditor5/issues/15744\n            const target = typeof position.target === 'function' ? position.target() : position.target;\n            const limiter = typeof position.limiter === 'function' ? position.limiter() : position.limiter;\n            if (target && limiter && new Rect(target).height >= new Rect(limiter).height - stickyPanelHeight) {\n                return;\n            }\n            // Ensure that viewport offset is present, it can be undefined according to the typing.\n            const viewportOffsetConfig = {\n                ...position.viewportOffsetConfig\n            };\n            const newTopViewportOffset = (viewportOffsetConfig.top || 0) + stickyPanelHeight;\n            evt.return = {\n                ...position,\n                viewportOffsetConfig: {\n                    ...viewportOffsetConfig,\n                    top: newTopViewportOffset\n                }\n            };\n        }, {\n            priority: 'low'\n        });\n        // Update balloon position when the toolbar becomes sticky or when ui viewportOffset changes.\n        const updateBalloonPosition = ()=>{\n            if (contextualBalloon.visibleView) {\n                contextualBalloon.updatePosition();\n            }\n        };\n        this.listenTo(stickyPanel, 'change:isSticky', updateBalloonPosition);\n        this.listenTo(this.editor.ui, 'change:viewportOffset', updateBalloonPosition);\n    }\n    /**\n\t * Provides an integration between the sticky toolbar and {@link module:utils/dom/scroll~scrollViewportToShowTarget}.\n\t * It allows the UI-agnostic engine method to consider the geometry of the\n\t * {@link module:editor-classic/classiceditoruiview~ClassicEditorUIView#stickyPanel} that pins to the\n\t * edge of the viewport and can obscure the user caret after scrolling the window.\n\t *\n\t * @param evt The `scrollToTheSelection` event info.\n\t * @param data The payload carried by the `scrollToTheSelection` event.\n\t * @param originalArgs The original arguments passed to `scrollViewportToShowTarget()` method (see implementation to learn more).\n\t */ _handleScrollToTheSelectionWithStickyPanel(evt, data, originalArgs) {\n        const stickyPanel = this.view.stickyPanel;\n        if (stickyPanel.isSticky) {\n            const stickyPanelHeight = new Rect(stickyPanel.element).height;\n            data.viewportOffset.top += stickyPanelHeight;\n        } else {\n            const scrollViewportOnPanelGettingSticky = ()=>{\n                this.editor.editing.view.scrollToTheSelection(originalArgs);\n            };\n            this.listenTo(stickyPanel, 'change:isSticky', scrollViewportOnPanelGettingSticky);\n            // This works as a post-scroll-fixer because it's impossible predict whether the panel will be sticky after scrolling or not.\n            // Listen for a short period of time only and if the toolbar does not become sticky very soon, cancel the listener.\n            setTimeout(()=>{\n                this.stopListening(stickyPanel, 'change:isSticky', scrollViewportOnPanelGettingSticky);\n            }, 20);\n        }\n    }\n    /**\n\t * Provides an integration between the sticky toolbar and {@link module:ui/dialog/dialog the Dialog plugin}.\n\t *\n\t * It moves the dialog down to ensure that the\n\t * {@link module:editor-classic/classiceditoruiview~ClassicEditorUIView#stickyPanel sticky panel}\n\t * used by the editor UI will not get obscured by the dialog when the dialog uses one of its automatic positions.\n\t */ _initDialogPluginIntegration() {\n        if (!this.editor.plugins.has('Dialog')) {\n            return;\n        }\n        const stickyPanel = this.view.stickyPanel;\n        const dialogPlugin = this.editor.plugins.get('Dialog');\n        dialogPlugin.on('show', ()=>{\n            const dialogView = dialogPlugin.view;\n            dialogView.on('moveTo', (evt, data)=>{\n                // Engage only when the panel is sticky, and the dialog is using one of default positions.\n                // Ignore modals because they are displayed on top of the page (and overlay) and they do not collide with anything\n                // See (https://github.com/ckeditor/ckeditor5/issues/17339).\n                if (!stickyPanel.isSticky || dialogView.wasMoved || dialogView.isModal) {\n                    return;\n                }\n                const stickyPanelContentRect = new Rect(stickyPanel.contentPanelElement);\n                if (data[1] < stickyPanelContentRect.bottom + DialogView.defaultOffset) {\n                    data[1] = stickyPanelContentRect.bottom + DialogView.defaultOffset;\n                }\n            }, {\n                priority: 'high'\n            });\n        }, {\n            priority: 'low'\n        });\n    }\n}\n\n/**\n * Classic editor UI view. Uses an inline editable and a sticky toolbar, all\n * enclosed in a boxed UI view.\n */ class ClassicEditorUIView extends BoxedEditorUIView {\n    /**\n\t * Sticky panel view instance. This is a parent view of a {@link #toolbar}\n\t * that makes toolbar sticky.\n\t */ stickyPanel;\n    /**\n\t * Toolbar view instance.\n\t */ toolbar;\n    /**\n\t * Editable UI view.\n\t */ editable;\n    /**\n\t * Creates an instance of the classic editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param options Configuration options for the view instance.\n\t * @param options.shouldToolbarGroupWhenFull When set `true` enables automatic items grouping\n\t * in the main {@link module:editor-classic/classiceditoruiview~ClassicEditorUIView#toolbar toolbar}.\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.\n\t * @param options.label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.\n\t */ constructor(locale, editingView, options = {}){\n        super(locale);\n        this.stickyPanel = new StickyPanelView(locale);\n        this.toolbar = new ToolbarView(locale, {\n            shouldGroupWhenFull: options.shouldToolbarGroupWhenFull\n        });\n        if (options.useMenuBar) {\n            this.menuBarView = new MenuBarView(locale);\n        }\n        this.editable = new InlineEditableUIView(locale, editingView, undefined, {\n            label: options.label\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        if (this.menuBarView) {\n            // Set toolbar as a child of a stickyPanel and makes toolbar sticky.\n            this.stickyPanel.content.addMany([\n                this.menuBarView,\n                this.toolbar\n            ]);\n        } else {\n            this.stickyPanel.content.add(this.toolbar);\n        }\n        this.top.add(this.stickyPanel);\n        this.main.add(this.editable);\n    }\n}\n\n/**\n * The classic editor implementation. It uses an inline editable and a sticky toolbar, all enclosed in a boxed UI.\n * See the {@glink examples/builds/classic-editor demo}.\n *\n * In order to create a classic editor instance, use the static\n * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`} method.\n */ class ClassicEditor extends /* #__PURE__ */ ElementApiMixin(Editor) {\n    /**\n\t * @inheritDoc\n\t */ static get editorName() {\n        return 'ClassicEditor';\n    }\n    /**\n\t * @inheritDoc\n\t */ ui;\n    /**\n\t * Creates an instance of the classic editor.\n\t *\n\t * **Note:** do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`} method instead.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data. For more information see\n\t * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`}.\n\t * @param config The editor configuration.\n\t */ constructor(sourceElementOrData, config = {}){\n        // If both `config.initialData` is set and initial data is passed as the constructor parameter, then throw.\n        if (!isElement(sourceElementOrData) && config.initialData !== undefined) {\n            // Documented in core/editor/editorconfig.jsdoc.\n            // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n            throw new CKEditorError('editor-create-initial-data', null);\n        }\n        super(config);\n        this.config.define('menuBar.isVisible', false);\n        if (this.config.get('initialData') === undefined) {\n            this.config.set('initialData', getInitialData(sourceElementOrData));\n        }\n        if (isElement(sourceElementOrData)) {\n            this.sourceElement = sourceElementOrData;\n        }\n        this.model.document.createRoot();\n        const shouldToolbarGroupWhenFull = !this.config.get('toolbar.shouldNotGroupWhenFull');\n        const menuBarConfig = this.config.get('menuBar');\n        const view = new ClassicEditorUIView(this.locale, this.editing.view, {\n            shouldToolbarGroupWhenFull,\n            useMenuBar: menuBarConfig.isVisible,\n            label: this.config.get('label')\n        });\n        this.ui = new ClassicEditorUI(this, view);\n        attachToForm(this);\n    }\n    /**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t */ destroy() {\n        if (this.sourceElement) {\n            this.updateSourceElement();\n        }\n        this.ui.destroy();\n        return super.destroy();\n    }\n    /**\n\t * Creates a new classic editor instance.\n\t *\n\t * There are three ways how the editor can be initialized.\n\t *\n\t * # Replacing a DOM element (and loading data from it)\n\t *\n\t * You can initialize the editor using an existing DOM element:\n\t *\n\t * ```ts\n\t * ClassicEditor\n\t * \t.create( document.querySelector( '#editor' ) )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * The element's content will be used as the editor data and the element will be replaced by the editor UI.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as a string.\n\t * In this case, the editor will render an element that must be inserted into the DOM:\n\t *\n\t * ```ts\n\t * ClassicEditor\n\t * \t.create( '<p>Hello world!</p>' )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Initial data was provided so the editor UI element needs to be added manually to the DOM.\n\t * \t\tdocument.body.appendChild( editor.ui.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Replacing a DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * ClassicEditor\n\t * \t.create( document.querySelector( '#editor' ), {\n\t * \t\tinitialData: '<h2>Initial data</h2><p>Foo bar.</p>'\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data.\n\t *\n\t * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization\n\t * and the {@link module:editor-classic/classiceditorui~ClassicEditorUI#element editor element} will replace the passed element\n\t * in the DOM (the original one will be hidden and the editor will be injected next to it).\n\t *\n\t * If the {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}\n\t * option is set to `true`, the editor data will be set back to the original element once the editor is destroyed and when a form,\n\t * in which this element is contained, is submitted (if the original element is a `<textarea>`). This ensures seamless integration\n\t * with native web forms.\n\t *\n\t * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.\n\t * It is available under the {@link module:editor-classic/classiceditorui~ClassicEditorUI#element `editor.ui.element`} property.\n\t *\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */ static create(sourceElementOrData, config = {}) {\n        return new Promise((resolve)=>{\n            const editor = new this(sourceElementOrData, config);\n            resolve(editor.initPlugins().then(()=>editor.ui.init(isElement(sourceElementOrData) ? sourceElementOrData : null)).then(()=>editor.data.init(editor.config.get('initialData'))).then(()=>editor.fire('ready')).then(()=>editor));\n        });\n    }\n}\nfunction getInitialData(sourceElementOrData) {\n    return isElement(sourceElementOrData) ? getDataFromElement(sourceElementOrData) : sourceElementOrData;\n}\nfunction isElement(value) {\n    return isElement$1(value);\n}\n\nexport { ClassicEditor, ClassicEditorUI, ClassicEditorUIView };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-classic/classiceditorui\n */\n\nimport type { Editor, ElementApi } from 'ckeditor5/src/core.js';\nimport {\n\tEditorUI,\n\tDialogView,\n\tnormalizeToolbarConfig,\n\ttype DialogViewMoveToEvent,\n\ttype Dialog,\n\ttype EditorUIReadyEvent,\n\ttype ContextualBalloonGetPositionOptionsEvent\n} from 'ckeditor5/src/ui.js';\nimport {\n\tenableViewPlaceholder,\n\ttype ViewScrollToTheSelectionEvent\n} from 'ckeditor5/src/engine.js';\nimport { ElementReplacer, Rect, type EventInfo } from 'ckeditor5/src/utils.js';\nimport { type ClassicEditorUIView } from './classiceditoruiview.js';\n\n/**\n * The classic editor UI class.\n */\nexport class ClassicEditorUI extends EditorUI {\n\t/**\n\t * The main (top–most) view of the editor UI.\n\t */\n\tpublic readonly view: ClassicEditorUIView;\n\n\t/**\n\t * A normalized `config.toolbar` object.\n\t */\n\tprivate readonly _toolbarConfig: ReturnType<typeof normalizeToolbarConfig>;\n\n\t/**\n\t * The element replacer instance used to hide the editor's source element.\n\t */\n\tprivate readonly _elementReplacer: ElementReplacer;\n\n\t/**\n\t * Creates an instance of the classic editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */\n\tconstructor( editor: Editor, view: ClassicEditorUIView ) {\n\t\tsuper( editor );\n\n\t\tthis.view = view;\n\t\tthis._toolbarConfig = normalizeToolbarConfig( editor.config.get( 'toolbar' ) );\n\n\t\tthis._elementReplacer = new ElementReplacer();\n\n\t\tthis.listenTo<ViewScrollToTheSelectionEvent>(\n\t\t\teditor.editing.view, 'scrollToTheSelection', this._handleScrollToTheSelectionWithStickyPanel.bind( this ) );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override get element(): HTMLElement | null {\n\t\treturn this.view.element;\n\t}\n\n\t/**\n\t * Initializes the UI.\n\t *\n\t * @param replacementElement The DOM element that will be the source for the created editor.\n\t */\n\tpublic init( replacementElement: HTMLElement | null ): void {\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editable = view.editable;\n\t\tconst editingRoot = editingView.document.getRoot()!;\n\n\t\t// The editable UI and editing root should share the same name. Then name is used\n\t\t// to recognize the particular editable, for instance in ARIA attributes.\n\t\teditable.name = editingRoot.rootName;\n\n\t\tview.render();\n\n\t\t// The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n\t\t// But it can be available earlier if a DOM element has been passed to BalloonEditor.create().\n\t\tconst editableElement = editable.element!;\n\n\t\t// Register the editable UI view in the editor. A single editor instance can aggregate multiple\n\t\t// editable areas (roots) but the classic editor has only one.\n\t\tthis.setEditableElement( editable.name, editableElement );\n\n\t\t// Let the editable UI element respond to the changes in the global editor focus\n\t\t// tracker. It has been added to the same tracker a few lines above but, in reality, there are\n\t\t// many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n\t\t// as they have focus, the editable should act like it is focused too (although technically\n\t\t// it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n\t\t// Doing otherwise will result in editable focus styles disappearing, once e.g. the\n\t\t// toolbar gets focused.\n\t\tview.editable.bind( 'isFocused' ).to( this.focusTracker );\n\n\t\t// Bind the editable UI element to the editing view, making it an end– and entry–point\n\t\t// of the editor's engine. This is where the engine meets the UI.\n\t\teditingView.attachDomRoot( editableElement );\n\n\t\t// If an element containing the initial data of the editor was provided, replace it with\n\t\t// an editor instance's UI in DOM until the editor is destroyed. For instance, a <textarea>\n\t\t// can be such element.\n\t\tif ( replacementElement ) {\n\t\t\tthis._elementReplacer.replace( replacementElement, this.element as HTMLElement | undefined );\n\t\t}\n\n\t\tthis._initPlaceholder();\n\t\tthis._initToolbar();\n\n\t\tif ( view.menuBarView ) {\n\t\t\tthis.initMenuBar( view.menuBarView );\n\t\t}\n\n\t\tthis._initDialogPluginIntegration();\n\t\tthis._initContextualBalloonIntegration();\n\n\t\tthis.fire<EditorUIReadyEvent>( 'ready' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tconst view = this.view;\n\t\tconst editingView = this.editor.editing.view;\n\n\t\tthis._elementReplacer.restore();\n\n\t\tif ( editingView.getDomRoot( view.editable.name! ) ) {\n\t\t\teditingView.detachDomRoot( view.editable.name! );\n\t\t}\n\n\t\tview.destroy();\n\t}\n\n\t/**\n\t * Initializes the editor toolbar.\n\t */\n\tprivate _initToolbar(): void {\n\t\tconst view = this.view;\n\n\t\t// Set–up the sticky panel with toolbar.\n\t\tview.stickyPanel.bind( 'isActive' ).to( this.focusTracker, 'isFocused' );\n\t\tview.stickyPanel.limiterElement = view.element;\n\t\tview.stickyPanel.bind( 'viewportTopOffset' ).to( this, 'viewportOffset', ( { visualTop } ) => visualTop || 0 );\n\n\t\tview.toolbar.fillFromConfig( this._toolbarConfig, this.componentFactory );\n\n\t\t// Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n\t\tthis.addToolbar( view.toolbar );\n\t}\n\n\t/**\n\t * Enable the placeholder text on the editing root.\n\t */\n\tprivate _initPlaceholder(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editingRoot = editingView.document.getRoot()!;\n\t\tconst sourceElement = ( editor as Editor & ElementApi ).sourceElement;\n\n\t\tlet placeholderText;\n\t\tconst placeholder = editor.config.get( 'placeholder' );\n\n\t\tif ( placeholder ) {\n\t\t\tplaceholderText = typeof placeholder === 'string' ? placeholder : placeholder[ this.view.editable.name! ];\n\t\t}\n\n\t\tif ( !placeholderText && sourceElement && sourceElement.tagName.toLowerCase() === 'textarea' ) {\n\t\t\tplaceholderText = sourceElement.getAttribute( 'placeholder' );\n\t\t}\n\n\t\tif ( placeholderText ) {\n\t\t\teditingRoot.placeholder = placeholderText;\n\t\t}\n\n\t\tenableViewPlaceholder( {\n\t\t\tview: editingView,\n\t\t\telement: editingRoot,\n\t\t\tisDirectHost: false,\n\t\t\tkeepOnFocus: true\n\t\t} );\n\t}\n\n\t/**\n\t * Provides an integration between the sticky toolbar and {@link module:ui/panel/balloon/contextualballoon contextual balloon plugin}.\n\t * It allows the contextual balloon to consider the height of the\n\t * {@link module:editor-classic/classiceditoruiview~ClassicEditorUIView#stickyPanel}. It prevents the balloon from overlapping\n\t * the sticky toolbar by adjusting the balloon's position using viewport offset configuration.\n\t */\n\tprivate _initContextualBalloonIntegration(): void {\n\t\tif ( !this.editor.plugins.has( 'ContextualBalloon' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { stickyPanel } = this.view;\n\t\tconst contextualBalloon = this.editor.plugins.get( 'ContextualBalloon' );\n\n\t\tcontextualBalloon.on<ContextualBalloonGetPositionOptionsEvent>( 'getPositionOptions', evt => {\n\t\t\tconst position = evt.return;\n\n\t\t\tif ( !position || !stickyPanel.isSticky || !stickyPanel.element ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Measure toolbar (and menu bar) height.\n\t\t\tconst stickyPanelHeight = new Rect( stickyPanel.element ).height;\n\n\t\t\t// Handle edge case when the target element is larger than the limiter.\n\t\t\t// It's an issue because the contextual balloon can overlap top table cells when the table is larger than the viewport\n\t\t\t// and it's placed at the top of the editor. It's better to overlap toolbar in that situation.\n\t\t\t// Check this issue: https://github.com/ckeditor/ckeditor5/issues/15744\n\t\t\tconst target = typeof position.target === 'function' ? position.target() : position.target;\n\t\t\tconst limiter = typeof position.limiter === 'function' ? position.limiter() : position.limiter;\n\n\t\t\tif ( target && limiter && new Rect( target ).height >= new Rect( limiter ).height - stickyPanelHeight ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Ensure that viewport offset is present, it can be undefined according to the typing.\n\t\t\tconst viewportOffsetConfig = { ...position.viewportOffsetConfig };\n\t\t\tconst newTopViewportOffset = ( viewportOffsetConfig.top || 0 ) + stickyPanelHeight;\n\n\t\t\tevt.return = {\n\t\t\t\t...position,\n\t\t\t\tviewportOffsetConfig: {\n\t\t\t\t\t...viewportOffsetConfig,\n\t\t\t\t\ttop: newTopViewportOffset\n\t\t\t\t}\n\t\t\t};\n\t\t}, { priority: 'low' } );\n\n\t\t// Update balloon position when the toolbar becomes sticky or when ui viewportOffset changes.\n\t\tconst updateBalloonPosition = () => {\n\t\t\tif ( contextualBalloon.visibleView ) {\n\t\t\t\tcontextualBalloon.updatePosition();\n\t\t\t}\n\t\t};\n\n\t\tthis.listenTo( stickyPanel, 'change:isSticky', updateBalloonPosition );\n\t\tthis.listenTo( this.editor.ui, 'change:viewportOffset', updateBalloonPosition );\n\t}\n\n\t/**\n\t * Provides an integration between the sticky toolbar and {@link module:utils/dom/scroll~scrollViewportToShowTarget}.\n\t * It allows the UI-agnostic engine method to consider the geometry of the\n\t * {@link module:editor-classic/classiceditoruiview~ClassicEditorUIView#stickyPanel} that pins to the\n\t * edge of the viewport and can obscure the user caret after scrolling the window.\n\t *\n\t * @param evt The `scrollToTheSelection` event info.\n\t * @param data The payload carried by the `scrollToTheSelection` event.\n\t * @param originalArgs The original arguments passed to `scrollViewportToShowTarget()` method (see implementation to learn more).\n\t */\n\tprivate _handleScrollToTheSelectionWithStickyPanel(\n\t\tevt: EventInfo<'scrollToTheSelection'>,\n\t\tdata: ViewScrollToTheSelectionEvent[ 'args' ][ 0 ],\n\t\toriginalArgs: ViewScrollToTheSelectionEvent[ 'args' ][ 1 ]\n\t): void {\n\t\tconst stickyPanel = this.view.stickyPanel;\n\n\t\tif ( stickyPanel.isSticky ) {\n\t\t\tconst stickyPanelHeight = new Rect( stickyPanel.element! ).height;\n\n\t\t\tdata.viewportOffset.top += stickyPanelHeight;\n\t\t} else {\n\t\t\tconst scrollViewportOnPanelGettingSticky = () => {\n\t\t\t\tthis.editor.editing.view.scrollToTheSelection( originalArgs );\n\t\t\t};\n\n\t\t\tthis.listenTo( stickyPanel, 'change:isSticky', scrollViewportOnPanelGettingSticky );\n\n\t\t\t// This works as a post-scroll-fixer because it's impossible predict whether the panel will be sticky after scrolling or not.\n\t\t\t// Listen for a short period of time only and if the toolbar does not become sticky very soon, cancel the listener.\n\t\t\tsetTimeout( () => {\n\t\t\t\tthis.stopListening( stickyPanel, 'change:isSticky', scrollViewportOnPanelGettingSticky );\n\t\t\t}, 20 );\n\t\t}\n\t}\n\n\t/**\n\t * Provides an integration between the sticky toolbar and {@link module:ui/dialog/dialog the Dialog plugin}.\n\t *\n\t * It moves the dialog down to ensure that the\n\t * {@link module:editor-classic/classiceditoruiview~ClassicEditorUIView#stickyPanel sticky panel}\n\t * used by the editor UI will not get obscured by the dialog when the dialog uses one of its automatic positions.\n\t */\n\tprivate _initDialogPluginIntegration(): void {\n\t\tif ( !this.editor.plugins.has( 'Dialog' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst stickyPanel = this.view.stickyPanel;\n\t\tconst dialogPlugin: Dialog = this.editor.plugins.get( 'Dialog' );\n\n\t\tdialogPlugin.on( 'show', () => {\n\t\t\tconst dialogView = dialogPlugin.view!;\n\n\t\t\tdialogView.on<DialogViewMoveToEvent>( 'moveTo', ( evt, data ) => {\n\t\t\t\t// Engage only when the panel is sticky, and the dialog is using one of default positions.\n\t\t\t\t// Ignore modals because they are displayed on top of the page (and overlay) and they do not collide with anything\n\t\t\t\t// See (https://github.com/ckeditor/ckeditor5/issues/17339).\n\t\t\t\tif ( !stickyPanel.isSticky || dialogView.wasMoved || dialogView.isModal ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst stickyPanelContentRect = new Rect( stickyPanel.contentPanelElement );\n\n\t\t\t\tif ( data[ 1 ] < stickyPanelContentRect.bottom + DialogView.defaultOffset ) {\n\t\t\t\t\tdata[ 1 ] = stickyPanelContentRect.bottom + DialogView.defaultOffset;\n\t\t\t\t}\n\t\t\t}, { priority: 'high' } );\n\t\t}, { priority: 'low' } );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-classic/classiceditoruiview\n */\n\nimport { BoxedEditorUIView, InlineEditableUIView, MenuBarView, StickyPanelView, ToolbarView } from 'ckeditor5/src/ui.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\nimport type { EditingView } from 'ckeditor5/src/engine.js';\n\nimport '../theme/classiceditor.css';\n\n/**\n * Classic editor UI view. Uses an inline editable and a sticky toolbar, all\n * enclosed in a boxed UI view.\n */\nexport class ClassicEditorUIView extends BoxedEditorUIView {\n\t/**\n\t * Sticky panel view instance. This is a parent view of a {@link #toolbar}\n\t * that makes toolbar sticky.\n\t */\n\tpublic readonly stickyPanel: StickyPanelView;\n\n\t/**\n\t * Toolbar view instance.\n\t */\n\tpublic override readonly toolbar: ToolbarView;\n\n\t/**\n\t * Editable UI view.\n\t */\n\tpublic readonly editable: InlineEditableUIView;\n\n\t/**\n\t * Creates an instance of the classic editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param options Configuration options for the view instance.\n\t * @param options.shouldToolbarGroupWhenFull When set `true` enables automatic items grouping\n\t * in the main {@link module:editor-classic/classiceditoruiview~ClassicEditorUIView#toolbar toolbar}.\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.\n\t * @param options.label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\teditingView: EditingView,\n\t\toptions: {\n\t\t\tshouldToolbarGroupWhenFull?: boolean;\n\t\t\tuseMenuBar?: boolean;\n\t\t\tlabel?: string | Record<string, string>;\n\t\t} = {}\n\t) {\n\t\tsuper( locale );\n\n\t\tthis.stickyPanel = new StickyPanelView( locale );\n\n\t\tthis.toolbar = new ToolbarView( locale, {\n\t\t\tshouldGroupWhenFull: options.shouldToolbarGroupWhenFull\n\t\t} );\n\n\t\tif ( options.useMenuBar ) {\n\t\t\tthis.menuBarView = new MenuBarView( locale );\n\t\t}\n\n\t\tthis.editable = new InlineEditableUIView( locale, editingView, undefined, {\n\t\t\tlabel: options.label\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tif ( this.menuBarView ) {\n\t\t\t// Set toolbar as a child of a stickyPanel and makes toolbar sticky.\n\t\t\tthis.stickyPanel.content.addMany( [ this.menuBarView, this.toolbar ] );\n\t\t} else {\n\t\t\tthis.stickyPanel.content.add( this.toolbar );\n\t\t}\n\n\t\tthis.top.add( this.stickyPanel );\n\t\tthis.main.add( this.editable );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-classic/classiceditor\n */\n\nimport { ClassicEditorUI } from './classiceditorui.js';\nimport { ClassicEditorUIView } from './classiceditoruiview.js';\n\nimport {\n\tEditor,\n\tElementApiMixin,\n\tattachToForm,\n\ttype EditorConfig,\n\ttype EditorReadyEvent\n} from 'ckeditor5/src/core.js';\nimport { getDataFromElement, CKEditorError } from 'ckeditor5/src/utils.js';\n\nimport { isElement as _isElement } from 'es-toolkit/compat';\n\n/**\n * The classic editor implementation. It uses an inline editable and a sticky toolbar, all enclosed in a boxed UI.\n * See the {@glink examples/builds/classic-editor demo}.\n *\n * In order to create a classic editor instance, use the static\n * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`} method.\n */\nexport class ClassicEditor extends /* #__PURE__ */ ElementApiMixin( Editor ) {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get editorName(): 'ClassicEditor' {\n\t\treturn 'ClassicEditor';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly ui: ClassicEditorUI;\n\n\t/**\n\t * Creates an instance of the classic editor.\n\t *\n\t * **Note:** do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`} method instead.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data. For more information see\n\t * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`}.\n\t * @param config The editor configuration.\n\t */\n\tprotected constructor( sourceElementOrData: HTMLElement | string, config: EditorConfig = {} ) {\n\t\t// If both `config.initialData` is set and initial data is passed as the constructor parameter, then throw.\n\t\tif ( !isElement( sourceElementOrData ) && config.initialData !== undefined ) {\n\t\t\t// Documented in core/editor/editorconfig.jsdoc.\n\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\tthrow new CKEditorError( 'editor-create-initial-data', null );\n\t\t}\n\n\t\tsuper( config );\n\n\t\tthis.config.define( 'menuBar.isVisible', false );\n\n\t\tif ( this.config.get( 'initialData' ) === undefined ) {\n\t\t\tthis.config.set( 'initialData', getInitialData( sourceElementOrData ) );\n\t\t}\n\n\t\tif ( isElement( sourceElementOrData ) ) {\n\t\t\tthis.sourceElement = sourceElementOrData;\n\t\t}\n\n\t\tthis.model.document.createRoot();\n\n\t\tconst shouldToolbarGroupWhenFull = !this.config.get( 'toolbar.shouldNotGroupWhenFull' );\n\n\t\tconst menuBarConfig = this.config.get( 'menuBar' )!;\n\n\t\tconst view = new ClassicEditorUIView( this.locale, this.editing.view, {\n\t\t\tshouldToolbarGroupWhenFull,\n\t\t\tuseMenuBar: menuBarConfig.isVisible,\n\t\t\tlabel: this.config.get( 'label' )\n\t\t} );\n\n\t\tthis.ui = new ClassicEditorUI( this, view );\n\n\t\tattachToForm( this );\n\t}\n\n\t/**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t */\n\tpublic override destroy(): Promise<unknown> {\n\t\tif ( this.sourceElement ) {\n\t\t\tthis.updateSourceElement();\n\t\t}\n\n\t\tthis.ui.destroy();\n\n\t\treturn super.destroy();\n\t}\n\n\t/**\n\t * Creates a new classic editor instance.\n\t *\n\t * There are three ways how the editor can be initialized.\n\t *\n\t * # Replacing a DOM element (and loading data from it)\n\t *\n\t * You can initialize the editor using an existing DOM element:\n\t *\n\t * ```ts\n\t * ClassicEditor\n\t * \t.create( document.querySelector( '#editor' ) )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * The element's content will be used as the editor data and the element will be replaced by the editor UI.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as a string.\n\t * In this case, the editor will render an element that must be inserted into the DOM:\n\t *\n\t * ```ts\n\t * ClassicEditor\n\t * \t.create( '<p>Hello world!</p>' )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Initial data was provided so the editor UI element needs to be added manually to the DOM.\n\t * \t\tdocument.body.appendChild( editor.ui.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Replacing a DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * ClassicEditor\n\t * \t.create( document.querySelector( '#editor' ), {\n\t * \t\tinitialData: '<h2>Initial data</h2><p>Foo bar.</p>'\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data.\n\t *\n\t * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization\n\t * and the {@link module:editor-classic/classiceditorui~ClassicEditorUI#element editor element} will replace the passed element\n\t * in the DOM (the original one will be hidden and the editor will be injected next to it).\n\t *\n\t * If the {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}\n\t * option is set to `true`, the editor data will be set back to the original element once the editor is destroyed and when a form,\n\t * in which this element is contained, is submitted (if the original element is a `<textarea>`). This ensures seamless integration\n\t * with native web forms.\n\t *\n\t * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.\n\t * It is available under the {@link module:editor-classic/classiceditorui~ClassicEditorUI#element `editor.ui.element`} property.\n\t *\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */\n\tpublic static override create( sourceElementOrData: HTMLElement | string, config: EditorConfig = {} ): Promise<ClassicEditor> {\n\t\treturn new Promise( resolve => {\n\t\t\tconst editor = new this( sourceElementOrData, config );\n\n\t\t\tresolve(\n\t\t\t\teditor.initPlugins()\n\t\t\t\t\t.then( () => editor.ui.init( isElement( sourceElementOrData ) ? sourceElementOrData : null ) )\n\t\t\t\t\t.then( () => editor.data.init( editor.config.get( 'initialData' )! ) )\n\t\t\t\t\t.then( () => editor.fire<EditorReadyEvent>( 'ready' ) )\n\t\t\t\t\t.then( () => editor )\n\t\t\t);\n\t\t} );\n\t}\n}\n\nfunction getInitialData( sourceElementOrData: HTMLElement | string ): string {\n\treturn isElement( sourceElementOrData ) ? getDataFromElement( sourceElementOrData ) : sourceElementOrData;\n}\n\nfunction isElement( value: any ): value is Element {\n\treturn _isElement( value );\n}\n", "import { ElementApiMixin, Editor, secureSourceElement } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { CKEditorError, getDataFromElement } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { EditorUI, EditorUIView, ToolbarView, MenuBarView, InlineEditableUIView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { enableViewPlaceholder } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { isElement as isElement$1 } from 'es-toolkit/compat';\n\n/**\n * The decoupled editor UI class.\n */ class DecoupledEditorUI extends EditorUI {\n    /**\n\t * The main (top–most) view of the editor UI.\n\t */ view;\n    /**\n\t * Creates an instance of the decoupled editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */ constructor(editor, view){\n        super(editor);\n        this.view = view;\n    }\n    /**\n\t * Initializes the UI.\n\t */ init() {\n        const editor = this.editor;\n        const view = this.view;\n        const editingView = editor.editing.view;\n        const editable = view.editable;\n        const editingRoot = editingView.document.getRoot();\n        // The editable UI and editing root should share the same name. Then name is used\n        // to recognize the particular editable, for instance in ARIA attributes.\n        editable.name = editingRoot.rootName;\n        view.render();\n        // The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n        // But it can be available earlier if a DOM element has been passed to DecoupledEditor.create().\n        const editableElement = editable.element;\n        // Register the editable UI view in the editor. A single editor instance can aggregate multiple\n        // editable areas (roots) but the decoupled editor has only one.\n        this.setEditableElement(editable.name, editableElement);\n        // Let the editable UI element respond to the changes in the global editor focus\n        // tracker. It has been added to the same tracker a few lines above but, in reality, there are\n        // many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n        // as they have focus, the editable should act like it is focused too (although technically\n        // it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n        // Doing otherwise will result in editable focus styles disappearing, once e.g. the\n        // toolbar gets focused.\n        view.editable.bind('isFocused').to(this.focusTracker);\n        // Bind the editable UI element to the editing view, making it an end– and entry–point\n        // of the editor's engine. This is where the engine meets the UI.\n        editingView.attachDomRoot(editableElement);\n        this._initPlaceholder();\n        this._initToolbar();\n        this.initMenuBar(this.view.menuBarView);\n        this.fire('ready');\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        const view = this.view;\n        const editingView = this.editor.editing.view;\n        if (editingView.getDomRoot(view.editable.name)) {\n            editingView.detachDomRoot(view.editable.name);\n        }\n        view.destroy();\n    }\n    /**\n\t * Initializes the inline editor toolbar and its panel.\n\t */ _initToolbar() {\n        const editor = this.editor;\n        const view = this.view;\n        const toolbar = view.toolbar;\n        toolbar.fillFromConfig(editor.config.get('toolbar'), this.componentFactory);\n        // Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n        this.addToolbar(view.toolbar);\n    }\n    /**\n\t * Enable the placeholder text on the editing root.\n\t */ _initPlaceholder() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const editingRoot = editingView.document.getRoot();\n        const placeholder = editor.config.get('placeholder');\n        if (placeholder) {\n            const placeholderText = typeof placeholder === 'string' ? placeholder : placeholder[editingRoot.rootName];\n            if (placeholderText) {\n                editingRoot.placeholder = placeholderText;\n            }\n        }\n        enableViewPlaceholder({\n            view: editingView,\n            element: editingRoot,\n            isDirectHost: false,\n            keepOnFocus: true\n        });\n    }\n}\n\n/**\n * The decoupled editor UI view. It is a virtual view providing an inline\n * {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#editable},\n * {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#toolbar}, and a\n * {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#menuBarView} but without any\n * specific arrangement of the components in the DOM.\n *\n * See {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`}\n * to learn more about this view.\n */ class DecoupledEditorUIView extends EditorUIView {\n    /**\n\t * The main toolbar of the decoupled editor UI.\n\t */ toolbar;\n    /**\n\t * The editable of the decoupled editor UI.\n\t */ editable;\n    /**\n\t * Menu bar view instance.\n\t */ menuBarView;\n    /**\n\t * Creates an instance of the decoupled editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param options Configuration options for the view instance.\n\t * @param options.editableElement The editable element. If not specified, it will be automatically created by\n\t * {@link module:ui/editableui/editableuiview~EditableUIView}. Otherwise, the given element will be used.\n\t * @param options.shouldToolbarGroupWhenFull When set `true` enables automatic items grouping\n\t * in the main {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#toolbar toolbar}.\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.\n\t * @param options.label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.\n\t */ constructor(locale, editingView, options = {}){\n        super(locale);\n        this.toolbar = new ToolbarView(locale, {\n            shouldGroupWhenFull: options.shouldToolbarGroupWhenFull\n        });\n        this.menuBarView = new MenuBarView(locale);\n        this.editable = new InlineEditableUIView(locale, editingView, options.editableElement, {\n            label: options.label\n        });\n        // This toolbar may be placed anywhere in the page so things like font size need to be reset in it.\n        // Because of the above, make sure the toolbar supports rounded corners.\n        // Also, make sure the toolbar has the proper dir attribute because its ancestor may not have one\n        // and some toolbar item styles depend on this attribute.\n        this.toolbar.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-reset_all',\n                    'ck-rounded-corners'\n                ],\n                dir: locale.uiLanguageDirection\n            }\n        });\n        this.menuBarView.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-reset_all',\n                    'ck-rounded-corners'\n                ],\n                dir: locale.uiLanguageDirection\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.registerChild([\n            this.menuBarView,\n            this.toolbar,\n            this.editable\n        ]);\n    }\n}\n\n/**\n * The decoupled editor implementation. It provides an inline editable and a toolbar. However, unlike other editors,\n * it does not render these components anywhere in the DOM unless configured.\n *\n * This type of an editor is dedicated to integrations which require a customized UI with an open\n * structure, allowing developers to specify the exact location of the interface.\n *\n * See the document editor {@glink examples/builds/document-editor demo} to learn about possible use cases\n * for the decoupled editor.\n *\n * In order to create a decoupled editor instance, use the static\n * {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`} method.\n *\n * Note that you will need to attach the editor toolbar and menu bar to your web page manually, in a desired place,\n * after the editor is initialized.\n */ class DecoupledEditor extends /* #__PURE__ */ ElementApiMixin(Editor) {\n    /**\n\t * @inheritDoc\n\t */ static get editorName() {\n        return 'DecoupledEditor';\n    }\n    /**\n\t * @inheritDoc\n\t */ ui;\n    /**\n\t * Creates an instance of the decoupled editor.\n\t *\n\t * **Note:** Do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`} method instead.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * (on which the editor will be initialized) or initial data for the editor. For more information see\n\t * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`}.\n\t * @param config The editor configuration.\n\t */ constructor(sourceElementOrData, config = {}){\n        // If both `config.initialData` is set and initial data is passed as the constructor parameter, then throw.\n        if (!isElement(sourceElementOrData) && config.initialData !== undefined) {\n            // Documented in core/editor/editorconfig.jsdoc.\n            // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n            throw new CKEditorError('editor-create-initial-data', null);\n        }\n        super(config);\n        if (this.config.get('initialData') === undefined) {\n            this.config.set('initialData', getInitialData(sourceElementOrData));\n        }\n        if (isElement(sourceElementOrData)) {\n            this.sourceElement = sourceElementOrData;\n            secureSourceElement(this, sourceElementOrData);\n        }\n        this.model.document.createRoot();\n        const shouldToolbarGroupWhenFull = !this.config.get('toolbar.shouldNotGroupWhenFull');\n        const view = new DecoupledEditorUIView(this.locale, this.editing.view, {\n            editableElement: this.sourceElement,\n            shouldToolbarGroupWhenFull,\n            label: this.config.get('label')\n        });\n        this.ui = new DecoupledEditorUI(this, view);\n    }\n    /**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t *\n\t * **Note**: The decoupled editor does not remove the toolbar and editable when destroyed. You can\n\t * do that yourself in the destruction chain:\n\t *\n\t * ```ts\n\t * editor.destroy()\n\t * \t.then( () => {\n\t * \t\t// Remove the toolbar from DOM.\n\t * \t\teditor.ui.view.toolbar.element.remove();\n\t *\n\t * \t\t// Remove the editable from DOM.\n\t * \t\teditor.ui.view.editable.element.remove();\n\t *\n\t * \t\tconsole.log( 'Editor was destroyed' );\n\t * \t} );\n\t * ```\n\t */ destroy() {\n        // Cache the data, then destroy.\n        // It's safe to assume that the model->view conversion will not work after super.destroy().\n        const data = this.getData();\n        this.ui.destroy();\n        return super.destroy().then(()=>{\n            if (this.sourceElement) {\n                this.updateSourceElement(data);\n            }\n        });\n    }\n    /**\n\t * Creates a new decoupled editor instance.\n\t *\n\t * **Note:** remember that `DecoupledEditor` does not append the toolbar element to your web page, so you have to do it manually\n\t * after the editor has been initialized.\n\t *\n\t * There are two ways how the editor can be initialized.\n\t *\n\t * # Using an existing DOM element (and loading data from it)\n\t *\n\t * You can initialize the editor using an existing DOM element:\n\t *\n\t * ```ts\n\t * DecoupledEditor\n\t * \t.create( document.querySelector( '#editor' ) )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Append the toolbar to the <body> element.\n\t * \t\tdocument.body.appendChild( editor.ui.view.toolbar.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * The element's content will be used as the editor data and the element will become the editable element.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as a string.\n\t * In this case, you will have to manually append both the toolbar element and the editable element to your web page.\n\t *\n\t * ```ts\n\t * DecoupledEditor\n\t * \t.create( '<p>Hello world!</p>' )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Append the toolbar to the <body> element.\n\t * \t\tdocument.body.appendChild( editor.ui.view.toolbar.element );\n\t *\n\t * \t\t// Initial data was provided so the editor UI element needs to be added manually to the DOM.\n\t * \t\tdocument.body.appendChild( editor.ui.getEditableElement() );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Using an existing DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * DecoupledEditor\n\t * \t.create( document.querySelector( '#editor' ), {\n\t * \t\tinitialData: '<h2>Initial data</h2><p>Foo bar.</p>'\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Append the toolbar to the <body> element.\n\t * \t\tdocument.body.appendChild( editor.ui.view.toolbar.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data.\n\t *\n\t * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization.\n\t * The editor data will be set back to the original element once the editor is destroyed only if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}\n\t * option is set to `true`.\n\t *\n\t * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.\n\t * It is available via\n\t * {@link module:editor-decoupled/decouplededitorui~DecoupledEditorUI#getEditableElement `editor.ui.getEditableElement()`}.\n\t *\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */ static create(sourceElementOrData, config = {}) {\n        return new Promise((resolve)=>{\n            if (isElement(sourceElementOrData) && sourceElementOrData.tagName === 'TEXTAREA') {\n                // Documented in core/editor/editor.js\n                // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n                throw new CKEditorError('editor-wrong-element', null);\n            }\n            const editor = new this(sourceElementOrData, config);\n            resolve(editor.initPlugins().then(()=>editor.ui.init()).then(()=>editor.data.init(editor.config.get('initialData'))).then(()=>editor.fire('ready')).then(()=>editor));\n        });\n    }\n}\nfunction getInitialData(sourceElementOrData) {\n    return isElement(sourceElementOrData) ? getDataFromElement(sourceElementOrData) : sourceElementOrData;\n}\nfunction isElement(value) {\n    return isElement$1(value);\n}\n\nexport { DecoupledEditor, DecoupledEditorUI, DecoupledEditorUIView };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-decoupled/decouplededitorui\n */\n\nimport {\n\ttype Editor\n} from 'ckeditor5/src/core.js';\n\nimport {\n\tEditorUI,\n\ttype EditorUIReadyEvent\n} from 'ckeditor5/src/ui.js';\n\nimport { enableViewPlaceholder } from 'ckeditor5/src/engine.js';\n\nimport { type DecoupledEditorUIView } from './decouplededitoruiview.js';\n\n/**\n * The decoupled editor UI class.\n */\nexport class DecoupledEditorUI extends EditorUI {\n\t/**\n\t * The main (top–most) view of the editor UI.\n\t */\n\tpublic readonly view: DecoupledEditorUIView;\n\n\t/**\n\t * Creates an instance of the decoupled editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */\n\tconstructor( editor: Editor, view: DecoupledEditorUIView ) {\n\t\tsuper( editor );\n\n\t\tthis.view = view;\n\t}\n\n\t/**\n\t * Initializes the UI.\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editable = view.editable;\n\t\tconst editingRoot = editingView.document.getRoot()!;\n\n\t\t// The editable UI and editing root should share the same name. Then name is used\n\t\t// to recognize the particular editable, for instance in ARIA attributes.\n\t\teditable.name = editingRoot.rootName;\n\n\t\tview.render();\n\n\t\t// The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n\t\t// But it can be available earlier if a DOM element has been passed to DecoupledEditor.create().\n\t\tconst editableElement = editable.element!;\n\n\t\t// Register the editable UI view in the editor. A single editor instance can aggregate multiple\n\t\t// editable areas (roots) but the decoupled editor has only one.\n\t\tthis.setEditableElement( editable.name, editableElement );\n\n\t\t// Let the editable UI element respond to the changes in the global editor focus\n\t\t// tracker. It has been added to the same tracker a few lines above but, in reality, there are\n\t\t// many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n\t\t// as they have focus, the editable should act like it is focused too (although technically\n\t\t// it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n\t\t// Doing otherwise will result in editable focus styles disappearing, once e.g. the\n\t\t// toolbar gets focused.\n\t\tview.editable.bind( 'isFocused' ).to( this.focusTracker );\n\n\t\t// Bind the editable UI element to the editing view, making it an end– and entry–point\n\t\t// of the editor's engine. This is where the engine meets the UI.\n\t\teditingView.attachDomRoot( editableElement );\n\n\t\tthis._initPlaceholder();\n\t\tthis._initToolbar();\n\t\tthis.initMenuBar( this.view.menuBarView! );\n\t\tthis.fire<EditorUIReadyEvent>( 'ready' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tconst view = this.view;\n\t\tconst editingView = this.editor.editing.view;\n\n\t\tif ( editingView.getDomRoot( view.editable.name! ) ) {\n\t\t\teditingView.detachDomRoot( view.editable.name! );\n\t\t}\n\n\t\tview.destroy();\n\t}\n\n\t/**\n\t * Initializes the inline editor toolbar and its panel.\n\t */\n\tprivate _initToolbar(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\t\tconst toolbar = view.toolbar;\n\n\t\ttoolbar.fillFromConfig( editor.config.get( 'toolbar' ), this.componentFactory );\n\n\t\t// Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n\t\tthis.addToolbar( view.toolbar );\n\t}\n\n\t/**\n\t * Enable the placeholder text on the editing root.\n\t */\n\tprivate _initPlaceholder(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editingRoot = editingView.document.getRoot()!;\n\t\tconst placeholder = editor.config.get( 'placeholder' );\n\n\t\tif ( placeholder ) {\n\t\t\tconst placeholderText = typeof placeholder === 'string' ? placeholder : placeholder[ editingRoot.rootName ];\n\n\t\t\tif ( placeholderText ) {\n\t\t\t\teditingRoot.placeholder = placeholderText;\n\t\t\t}\n\t\t}\n\n\t\tenableViewPlaceholder( {\n\t\t\tview: editingView,\n\t\t\telement: editingRoot,\n\t\t\tisDirectHost: false,\n\t\t\tkeepOnFocus: true\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-decoupled/decouplededitoruiview\n */\n\nimport { EditorUIView, InlineEditableUIView, MenuBarView, ToolbarView } from 'ckeditor5/src/ui.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\nimport type { EditingView } from 'ckeditor5/src/engine.js';\n\n/**\n * The decoupled editor UI view. It is a virtual view providing an inline\n * {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#editable},\n * {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#toolbar}, and a\n * {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#menuBarView} but without any\n * specific arrangement of the components in the DOM.\n *\n * See {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`}\n * to learn more about this view.\n */\nexport class DecoupledEditorUIView extends EditorUIView {\n\t/**\n\t * The main toolbar of the decoupled editor UI.\n\t */\n\tpublic override readonly toolbar: ToolbarView;\n\n\t/**\n\t * The editable of the decoupled editor UI.\n\t */\n\tpublic readonly editable: InlineEditableUIView;\n\n\t/**\n\t * Menu bar view instance.\n\t */\n\tpublic override menuBarView: MenuBarView;\n\n\t/**\n\t * Creates an instance of the decoupled editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param options Configuration options for the view instance.\n\t * @param options.editableElement The editable element. If not specified, it will be automatically created by\n\t * {@link module:ui/editableui/editableuiview~EditableUIView}. Otherwise, the given element will be used.\n\t * @param options.shouldToolbarGroupWhenFull When set `true` enables automatic items grouping\n\t * in the main {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#toolbar toolbar}.\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.\n\t * @param options.label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\teditingView: EditingView,\n\t\toptions: {\n\t\t\teditableElement?: HTMLElement;\n\t\t\tshouldToolbarGroupWhenFull?: boolean;\n\t\t\tlabel?: string | Record<string, string>;\n\t\t} = {}\n\t) {\n\t\tsuper( locale );\n\n\t\tthis.toolbar = new ToolbarView( locale, {\n\t\t\tshouldGroupWhenFull: options.shouldToolbarGroupWhenFull\n\t\t} );\n\n\t\tthis.menuBarView = new MenuBarView( locale );\n\n\t\tthis.editable = new InlineEditableUIView( locale, editingView, options.editableElement, {\n\t\t\tlabel: options.label\n\t\t} );\n\n\t\t// This toolbar may be placed anywhere in the page so things like font size need to be reset in it.\n\t\t// Because of the above, make sure the toolbar supports rounded corners.\n\t\t// Also, make sure the toolbar has the proper dir attribute because its ancestor may not have one\n\t\t// and some toolbar item styles depend on this attribute.\n\t\tthis.toolbar.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-reset_all',\n\t\t\t\t\t'ck-rounded-corners'\n\t\t\t\t],\n\t\t\t\tdir: locale.uiLanguageDirection\n\t\t\t}\n\t\t} );\n\n\t\tthis.menuBarView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-reset_all',\n\t\t\t\t\t'ck-rounded-corners'\n\t\t\t\t],\n\t\t\t\tdir: locale.uiLanguageDirection\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.registerChild( [ this.menuBarView, this.toolbar, this.editable ] );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-decoupled/decouplededitor\n */\n\nimport {\n\tEditor,\n\tElementApiMixin,\n\tsecureSourceElement,\n\ttype EditorConfig,\n\ttype EditorReadyEvent\n} from 'ckeditor5/src/core.js';\nimport {\n\tCKEditorError,\n\tgetDataFromElement\n} from 'ckeditor5/src/utils.js';\n\nimport { DecoupledEditorUI } from './decouplededitorui.js';\nimport { DecoupledEditorUIView } from './decouplededitoruiview.js';\n\nimport { isElement as _isElement } from 'es-toolkit/compat';\n\n/**\n * The decoupled editor implementation. It provides an inline editable and a toolbar. However, unlike other editors,\n * it does not render these components anywhere in the DOM unless configured.\n *\n * This type of an editor is dedicated to integrations which require a customized UI with an open\n * structure, allowing developers to specify the exact location of the interface.\n *\n * See the document editor {@glink examples/builds/document-editor demo} to learn about possible use cases\n * for the decoupled editor.\n *\n * In order to create a decoupled editor instance, use the static\n * {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`} method.\n *\n * Note that you will need to attach the editor toolbar and menu bar to your web page manually, in a desired place,\n * after the editor is initialized.\n */\nexport class DecoupledEditor extends /* #__PURE__ */ ElementApiMixin( Editor ) {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get editorName(): 'DecoupledEditor' {\n\t\treturn 'DecoupledEditor';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly ui: DecoupledEditorUI;\n\n\t/**\n\t * Creates an instance of the decoupled editor.\n\t *\n\t * **Note:** Do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`} method instead.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * (on which the editor will be initialized) or initial data for the editor. For more information see\n\t * {@link module:editor-balloon/ballooneditor~BalloonEditor.create `BalloonEditor.create()`}.\n\t * @param config The editor configuration.\n\t */\n\tprotected constructor( sourceElementOrData: HTMLElement | string, config: EditorConfig = {} ) {\n\t\t// If both `config.initialData` is set and initial data is passed as the constructor parameter, then throw.\n\t\tif ( !isElement( sourceElementOrData ) && config.initialData !== undefined ) {\n\t\t\t// Documented in core/editor/editorconfig.jsdoc.\n\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\tthrow new CKEditorError( 'editor-create-initial-data', null );\n\t\t}\n\n\t\tsuper( config );\n\n\t\tif ( this.config.get( 'initialData' ) === undefined ) {\n\t\t\tthis.config.set( 'initialData', getInitialData( sourceElementOrData ) );\n\t\t}\n\n\t\tif ( isElement( sourceElementOrData ) ) {\n\t\t\tthis.sourceElement = sourceElementOrData;\n\t\t\tsecureSourceElement( this, sourceElementOrData );\n\t\t}\n\n\t\tthis.model.document.createRoot();\n\n\t\tconst shouldToolbarGroupWhenFull = !this.config.get( 'toolbar.shouldNotGroupWhenFull' );\n\t\tconst view = new DecoupledEditorUIView( this.locale, this.editing.view, {\n\t\t\teditableElement: this.sourceElement,\n\t\t\tshouldToolbarGroupWhenFull,\n\t\t\tlabel: this.config.get( 'label' )\n\t\t} );\n\n\t\tthis.ui = new DecoupledEditorUI( this, view );\n\t}\n\n\t/**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t *\n\t * **Note**: The decoupled editor does not remove the toolbar and editable when destroyed. You can\n\t * do that yourself in the destruction chain:\n\t *\n\t * ```ts\n\t * editor.destroy()\n\t * \t.then( () => {\n\t * \t\t// Remove the toolbar from DOM.\n\t * \t\teditor.ui.view.toolbar.element.remove();\n\t *\n\t * \t\t// Remove the editable from DOM.\n\t * \t\teditor.ui.view.editable.element.remove();\n\t *\n\t * \t\tconsole.log( 'Editor was destroyed' );\n\t * \t} );\n\t * ```\n\t */\n\tpublic override destroy(): Promise<unknown> {\n\t\t// Cache the data, then destroy.\n\t\t// It's safe to assume that the model->view conversion will not work after super.destroy().\n\t\tconst data = this.getData();\n\n\t\tthis.ui.destroy();\n\n\t\treturn super.destroy()\n\t\t\t.then( () => {\n\t\t\t\tif ( this.sourceElement ) {\n\t\t\t\t\tthis.updateSourceElement( data );\n\t\t\t\t}\n\t\t\t} );\n\t}\n\n\t/**\n\t * Creates a new decoupled editor instance.\n\t *\n\t * **Note:** remember that `DecoupledEditor` does not append the toolbar element to your web page, so you have to do it manually\n\t * after the editor has been initialized.\n\t *\n\t * There are two ways how the editor can be initialized.\n\t *\n\t * # Using an existing DOM element (and loading data from it)\n\t *\n\t * You can initialize the editor using an existing DOM element:\n\t *\n\t * ```ts\n\t * DecoupledEditor\n\t * \t.create( document.querySelector( '#editor' ) )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Append the toolbar to the <body> element.\n\t * \t\tdocument.body.appendChild( editor.ui.view.toolbar.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * The element's content will be used as the editor data and the element will become the editable element.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as a string.\n\t * In this case, you will have to manually append both the toolbar element and the editable element to your web page.\n\t *\n\t * ```ts\n\t * DecoupledEditor\n\t * \t.create( '<p>Hello world!</p>' )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Append the toolbar to the <body> element.\n\t * \t\tdocument.body.appendChild( editor.ui.view.toolbar.element );\n\t *\n\t * \t\t// Initial data was provided so the editor UI element needs to be added manually to the DOM.\n\t * \t\tdocument.body.appendChild( editor.ui.getEditableElement() );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Using an existing DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * DecoupledEditor\n\t * \t.create( document.querySelector( '#editor' ), {\n\t * \t\tinitialData: '<h2>Initial data</h2><p>Foo bar.</p>'\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Append the toolbar to the <body> element.\n\t * \t\tdocument.body.appendChild( editor.ui.view.toolbar.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data.\n\t *\n\t * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization.\n\t * The editor data will be set back to the original element once the editor is destroyed only if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}\n\t * option is set to `true`.\n\t *\n\t * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.\n\t * It is available via\n\t * {@link module:editor-decoupled/decouplededitorui~DecoupledEditorUI#getEditableElement `editor.ui.getEditableElement()`}.\n\t *\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */\n\tpublic static override create( sourceElementOrData: HTMLElement | string, config: EditorConfig = {} ): Promise<DecoupledEditor> {\n\t\treturn new Promise( resolve => {\n\t\t\tif ( isElement( sourceElementOrData ) && sourceElementOrData.tagName === 'TEXTAREA' ) {\n\t\t\t\t// Documented in core/editor/editor.js\n\t\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\t\tthrow new CKEditorError( 'editor-wrong-element', null );\n\t\t\t}\n\n\t\t\tconst editor = new this( sourceElementOrData, config );\n\n\t\t\tresolve(\n\t\t\t\teditor.initPlugins()\n\t\t\t\t\t.then( () => editor.ui.init() )\n\t\t\t\t\t.then( () => editor.data.init( editor.config.get( 'initialData' )! ) )\n\t\t\t\t\t.then( () => editor.fire<EditorReadyEvent>( 'ready' ) )\n\t\t\t\t\t.then( () => editor )\n\t\t\t);\n\t\t} );\n\t}\n}\n\nfunction getInitialData( sourceElementOrData: HTMLElement | string ): string {\n\treturn isElement( sourceElementOrData ) ? getDataFromElement( sourceElementOrData ) : sourceElementOrData;\n}\n\nfunction isElement( value: any ): value is Element {\n\treturn _isElement( value );\n}\n", "import { ElementApiMixin, Editor, secureSourceElement, attachToForm } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ResizeObserver, toUnit, Rect, CKEditorError, getDataFromElement } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { EditorUI, normalizeToolbarConfig, EditorUIView, ToolbarView, MenuBarView, BalloonPanelView, InlineEditableUIView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { enableViewPlaceholder } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { isElement as isElement$1 } from 'es-toolkit/compat';\n\n/**\n * The inline editor UI class.\n *\n * @extends module:ui/editorui/editorui~EditorUI\n */ class InlineEditorUI extends EditorUI {\n    /**\n\t * The main (top–most) view of the editor UI.\n\t */ view;\n    /**\n\t * A normalized `config.toolbar` object.\n\t */ _toolbarConfig;\n    /**\n\t * Creates an instance of the inline editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */ constructor(editor, view){\n        super(editor);\n        this.view = view;\n        this._toolbarConfig = normalizeToolbarConfig(editor.config.get('toolbar'));\n    }\n    /**\n\t * @inheritDoc\n\t */ get element() {\n        return this.view.editable.element;\n    }\n    /**\n\t * Initializes the UI.\n\t */ init() {\n        const editor = this.editor;\n        const view = this.view;\n        const editingView = editor.editing.view;\n        const editable = view.editable;\n        const editingRoot = editingView.document.getRoot();\n        // The editable UI and editing root should share the same name. Then name is used\n        // to recognize the particular editable, for instance in ARIA attributes.\n        editable.name = editingRoot.rootName;\n        view.render();\n        // The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n        // But it can be available earlier if a DOM element has been passed to InlineEditor.create().\n        const editableElement = editable.element;\n        // Register the editable UI view in the editor. A single editor instance can aggregate multiple\n        // editable areas (roots) but the inline editor has only one.\n        this.setEditableElement(editable.name, editableElement);\n        // Let the editable UI element respond to the changes in the global editor focus\n        // tracker. It has been added to the same tracker a few lines above but, in reality, there are\n        // many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n        // as they have focus, the editable should act like it is focused too (although technically\n        // it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n        // Doing otherwise will result in editable focus styles disappearing, once e.g. the\n        // toolbar gets focused.\n        editable.bind('isFocused').to(this.focusTracker);\n        // Bind the editable UI element to the editing view, making it an end– and entry–point\n        // of the editor's engine. This is where the engine meets the UI.\n        editingView.attachDomRoot(editableElement);\n        this._initPlaceholder();\n        this._initToolbar();\n        if (view.menuBarView) {\n            this.initMenuBar(view.menuBarView);\n        }\n        this.fire('ready');\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        const view = this.view;\n        const editingView = this.editor.editing.view;\n        if (editingView.getDomRoot(view.editable.name)) {\n            editingView.detachDomRoot(view.editable.name);\n        }\n        view.destroy();\n    }\n    /**\n\t * Initializes the inline editor toolbar and its panel.\n\t */ _initToolbar() {\n        const editor = this.editor;\n        const view = this.view;\n        const editableElement = view.editable.element;\n        const toolbar = view.toolbar;\n        // Set–up the view#panel.\n        view.panel.bind('isVisible').to(this.focusTracker, 'isFocused');\n        view.bind('viewportTopOffset').to(this, 'viewportOffset', ({ visualTop })=>visualTop || 0);\n        // https://github.com/ckeditor/ckeditor5-editor-inline/issues/4\n        view.listenTo(editor.ui, 'update', ()=>{\n            // Don't pin if the panel is not already visible. It prevents the panel\n            // showing up when there's no focus in the UI.\n            if (view.panel.isVisible) {\n                view.panel.pin({\n                    target: editableElement,\n                    positions: view.panelPositions\n                });\n            }\n        });\n        toolbar.fillFromConfig(this._toolbarConfig, this.componentFactory);\n        // Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n        this.addToolbar(toolbar);\n    }\n    /**\n\t * Enable the placeholder text on the editing root.\n\t */ _initPlaceholder() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const editingRoot = editingView.document.getRoot();\n        const placeholder = editor.config.get('placeholder');\n        if (placeholder) {\n            const placeholderText = typeof placeholder === 'string' ? placeholder : placeholder[editingRoot.rootName];\n            if (placeholderText) {\n                editingRoot.placeholder = placeholderText;\n            }\n        }\n        enableViewPlaceholder({\n            view: editingView,\n            element: editingRoot,\n            isDirectHost: false,\n            keepOnFocus: true\n        });\n    }\n}\n\nconst toPx = /* #__PURE__ */ toUnit('px');\n/**\n * Inline editor UI view. Uses an nline editable and a floating toolbar.\n */ class InlineEditorUIView extends EditorUIView {\n    /**\n\t * A floating toolbar view instance.\n\t */ toolbar;\n    /**\n\t * A balloon panel view instance.\n\t */ panel;\n    /**\n\t * A set of positioning functions used by the {@link #panel} to float around\n\t * {@link #element editableElement}.\n\t *\n\t * The positioning functions are as follows:\n\t *\n\t * * West:\n\t *\n\t * ```\n\t * [ Panel ]\n\t * +------------------+\n\t * | #editableElement |\n\t * +------------------+\n\t *\n\t * +------------------+\n\t * | #editableElement |\n\t * |[ Panel ]         |\n\t * |                  |\n\t * +------------------+\n\t *\n\t * +------------------+\n\t * | #editableElement |\n\t * +------------------+\n\t * [ Panel ]\n\t * ```\n\t *\n\t * * East:\n\t *\n\t * ```\n\t *            [ Panel ]\n\t * +------------------+\n\t * | #editableElement |\n\t * +------------------+\n\t *\n\t * +------------------+\n\t * | #editableElement |\n\t * |         [ Panel ]|\n\t * |                  |\n\t * +------------------+\n\t *\n\t * +------------------+\n\t * | #editableElement |\n\t * +------------------+\n\t *            [ Panel ]\n\t * ```\n\t *\n\t * See: {@link module:utils/dom/position~DomOptimalPositionOptions#positions}.\n\t */ panelPositions;\n    /**\n\t * Editable UI view.\n\t */ editable;\n    /**\n\t * An instance of the resize observer that helps dynamically determine the geometry of the toolbar\n\t * and manage items that do not fit into a single row.\n\t *\n\t * **Note:** Created in {@link #render}.\n\t */ _resizeObserver;\n    /**\n\t * Creates an instance of the inline editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param editableElement The editable element. If not specified, it will be automatically created by\n\t * {@link module:ui/editableui/editableuiview~EditableUIView}. Otherwise, the given element will be used.\n\t * @param options Configuration options for the view instance.\n\t * @param options.shouldToolbarGroupWhenFull When set `true` enables automatic items grouping\n\t * in the main {@link module:editor-inline/inlineeditoruiview~InlineEditorUIView#toolbar toolbar}.\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.\n\t * @param options.label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.\n\t */ constructor(locale, editingView, editableElement, options = {}){\n        super(locale);\n        this.toolbar = new ToolbarView(locale, {\n            shouldGroupWhenFull: options.shouldToolbarGroupWhenFull,\n            isFloating: true\n        });\n        if (options.useMenuBar) {\n            this.menuBarView = new MenuBarView(locale);\n        }\n        this.set('viewportTopOffset', 0);\n        this.panel = new BalloonPanelView(locale);\n        this.panelPositions = this._getPanelPositions();\n        this.panel.extendTemplate({\n            attributes: {\n                class: 'ck-toolbar-container'\n            }\n        });\n        this.editable = new InlineEditableUIView(locale, editingView, editableElement, {\n            label: options.label\n        });\n        this._resizeObserver = null;\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.body.add(this.panel);\n        this.registerChild(this.editable);\n        if (this.menuBarView) {\n            // Set toolbar as a child of a stickyPanel and makes toolbar sticky.\n            this.panel.content.addMany([\n                this.menuBarView,\n                this.toolbar\n            ]);\n        } else {\n            this.panel.content.add(this.toolbar);\n        }\n        const options = this.toolbar.options;\n        // Set toolbar's max-width on the initialization and update it on the editable resize,\n        // if 'shouldToolbarGroupWhenFull' in config is set to 'true'.\n        if (options.shouldGroupWhenFull) {\n            const editableElement = this.editable.element;\n            this._resizeObserver = new ResizeObserver(editableElement, ()=>{\n                this.toolbar.maxWidth = toPx(new Rect(editableElement).width);\n            });\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        if (this._resizeObserver) {\n            this._resizeObserver.destroy();\n        }\n    }\n    /**\n\t * Determines the panel top position of the {@link #panel} in {@link #panelPositions}.\n\t *\n\t * @param editableRect Rect of the {@link #element}.\n\t * @param panelRect Rect of the {@link #panel}.\n\t */ _getPanelPositionTop(editableRect, panelRect) {\n        let top;\n        if (editableRect.top > panelRect.height + this.viewportTopOffset) {\n            top = editableRect.top - panelRect.height;\n        } else if (editableRect.bottom > panelRect.height + this.viewportTopOffset + 50) {\n            top = this.viewportTopOffset;\n        } else {\n            top = editableRect.bottom;\n        }\n        return top;\n    }\n    /**\n\t * Returns the positions for {@link #panelPositions}.\n\t *\n\t * See: {@link module:utils/dom/position~DomOptimalPositionOptions#positions}.\n\t */ _getPanelPositions() {\n        const positions = [\n            (editableRect, panelRect)=>{\n                return {\n                    top: this._getPanelPositionTop(editableRect, panelRect),\n                    left: editableRect.left,\n                    name: 'toolbar_west',\n                    config: {\n                        withArrow: false\n                    }\n                };\n            },\n            (editableRect, panelRect)=>{\n                return {\n                    top: this._getPanelPositionTop(editableRect, panelRect),\n                    left: editableRect.left + editableRect.width - panelRect.width,\n                    name: 'toolbar_east',\n                    config: {\n                        withArrow: false\n                    }\n                };\n            }\n        ];\n        if (this.locale.uiLanguageDirection === 'ltr') {\n            return positions;\n        } else {\n            return positions.reverse();\n        }\n    }\n}\n\n/**\n * The inline editor implementation. It uses an inline editable and a floating toolbar.\n * See the {@glink examples/builds/inline-editor demo}.\n *\n * In order to create a inline editor instance, use the static\n * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`} method.\n */ class InlineEditor extends /* #__PURE__ */ ElementApiMixin(Editor) {\n    /**\n\t * @inheritDoc\n\t */ static get editorName() {\n        return 'InlineEditor';\n    }\n    /**\n\t * @inheritDoc\n\t */ ui;\n    /**\n\t * Creates an instance of the inline editor.\n\t *\n\t * **Note:** Do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`} method instead.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * (on which the editor will be initialized) or initial data for the editor. For more information see\n\t * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`}.\n\t * @param config The editor configuration.\n\t */ constructor(sourceElementOrData, config = {}){\n        // If both `config.initialData` and initial data parameter in `create()` are set, then throw.\n        if (!isElement(sourceElementOrData) && config.initialData !== undefined) {\n            // Documented in core/editor/editorconfig.jsdoc.\n            // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n            throw new CKEditorError('editor-create-initial-data', null);\n        }\n        super(config);\n        this.config.define('menuBar.isVisible', false);\n        if (this.config.get('initialData') === undefined) {\n            this.config.set('initialData', getInitialData(sourceElementOrData));\n        }\n        this.model.document.createRoot();\n        if (isElement(sourceElementOrData)) {\n            this.sourceElement = sourceElementOrData;\n            secureSourceElement(this, sourceElementOrData);\n        }\n        const shouldToolbarGroupWhenFull = !this.config.get('toolbar.shouldNotGroupWhenFull');\n        const menuBarConfig = this.config.get('menuBar');\n        const view = new InlineEditorUIView(this.locale, this.editing.view, this.sourceElement, {\n            shouldToolbarGroupWhenFull,\n            useMenuBar: menuBarConfig.isVisible,\n            label: this.config.get('label')\n        });\n        this.ui = new InlineEditorUI(this, view);\n        attachToForm(this);\n    }\n    /**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t */ destroy() {\n        // Cache the data, then destroy.\n        // It's safe to assume that the model->view conversion will not work after super.destroy().\n        const data = this.getData();\n        this.ui.destroy();\n        return super.destroy().then(()=>{\n            if (this.sourceElement) {\n                this.updateSourceElement(data);\n            }\n        });\n    }\n    /**\n\t * Creates a new inline editor instance.\n\t *\n\t * There are three general ways how the editor can be initialized.\n\t *\n\t * # Using an existing DOM element (and loading data from it)\n\t *\n\t * You can initialize the editor using an existing DOM element:\n\t *\n\t * ```ts\n\t * InlineEditor\n\t * \t.create( document.querySelector( '#editor' ) )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * The element's content will be used as the editor data and the element will become the editable element.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as a `String`.\n\t * In this case, the editor will render an element that must be inserted into the DOM for the editor to work properly:\n\t *\n\t * ```ts\n\t * InlineEditor\n\t * \t.create( '<p>Hello world!</p>' )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Initial data was provided so the editor UI element needs to be added manually to the DOM.\n\t * \t\tdocument.body.appendChild( editor.ui.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Using an existing DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * InlineEditor\n\t * \t.create( document.querySelector( '#editor' ), {\n\t * \t\tinitialData: '<h2>Initial data</h2><p>Foo bar.</p>'\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data.\n\t *\n\t * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization.\n\t * The editor data will be set back to the original element once the editor is destroyed only if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}\n\t * option is set to `true`.\n\t *\n\t * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.\n\t * It is available under the {@link module:editor-inline/inlineeditorui~InlineEditorUI#element `editor.ui.element`} property.\n\t *\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */ static create(sourceElementOrData, config = {}) {\n        return new Promise((resolve)=>{\n            if (isElement(sourceElementOrData) && sourceElementOrData.tagName === 'TEXTAREA') {\n                // Documented in core/editor/editor.js\n                // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n                throw new CKEditorError('editor-wrong-element', null);\n            }\n            const editor = new this(sourceElementOrData, config);\n            resolve(editor.initPlugins().then(()=>editor.ui.init()).then(()=>editor.data.init(editor.config.get('initialData'))).then(()=>editor.fire('ready')).then(()=>editor));\n        });\n    }\n}\nfunction getInitialData(sourceElementOrData) {\n    return isElement(sourceElementOrData) ? getDataFromElement(sourceElementOrData) : sourceElementOrData;\n}\nfunction isElement(value) {\n    return isElement$1(value);\n}\n\nexport { InlineEditor, InlineEditorUI, InlineEditorUIView };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-inline/inlineeditorui\n */\n\nimport {\n\ttype Editor\n} from 'ckeditor5/src/core.js';\n\nimport {\n\tEditorUI,\n\tnormalizeToolbarConfig,\n\ttype EditorUIReadyEvent,\n\ttype EditorUIUpdateEvent\n} from 'ckeditor5/src/ui.js';\n\nimport { enableViewPlaceholder } from 'ckeditor5/src/engine.js';\n\nimport { type InlineEditorUIView } from './inlineeditoruiview.js';\n\n/**\n * The inline editor UI class.\n *\n * @extends module:ui/editorui/editorui~EditorUI\n */\nexport class InlineEditorUI extends EditorUI {\n\t/**\n\t * The main (top–most) view of the editor UI.\n\t */\n\tpublic readonly view: InlineEditorUIView;\n\n\t/**\n\t * A normalized `config.toolbar` object.\n\t */\n\tprivate readonly _toolbarConfig: ReturnType<typeof normalizeToolbarConfig>;\n\n\t/**\n\t * Creates an instance of the inline editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */\n\tconstructor( editor: Editor, view: InlineEditorUIView ) {\n\t\tsuper( editor );\n\n\t\tthis.view = view;\n\t\tthis._toolbarConfig = normalizeToolbarConfig( editor.config.get( 'toolbar' ) );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override get element(): HTMLElement | null {\n\t\treturn this.view.editable.element;\n\t}\n\n\t/**\n\t * Initializes the UI.\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editable = view.editable;\n\t\tconst editingRoot = editingView.document.getRoot()!;\n\n\t\t// The editable UI and editing root should share the same name. Then name is used\n\t\t// to recognize the particular editable, for instance in ARIA attributes.\n\t\teditable.name = editingRoot.rootName;\n\n\t\tview.render();\n\n\t\t// The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n\t\t// But it can be available earlier if a DOM element has been passed to InlineEditor.create().\n\t\tconst editableElement = editable.element!;\n\n\t\t// Register the editable UI view in the editor. A single editor instance can aggregate multiple\n\t\t// editable areas (roots) but the inline editor has only one.\n\t\tthis.setEditableElement( editable.name, editableElement );\n\n\t\t// Let the editable UI element respond to the changes in the global editor focus\n\t\t// tracker. It has been added to the same tracker a few lines above but, in reality, there are\n\t\t// many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n\t\t// as they have focus, the editable should act like it is focused too (although technically\n\t\t// it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n\t\t// Doing otherwise will result in editable focus styles disappearing, once e.g. the\n\t\t// toolbar gets focused.\n\t\teditable.bind( 'isFocused' ).to( this.focusTracker );\n\n\t\t// Bind the editable UI element to the editing view, making it an end– and entry–point\n\t\t// of the editor's engine. This is where the engine meets the UI.\n\t\teditingView.attachDomRoot( editableElement );\n\n\t\tthis._initPlaceholder();\n\t\tthis._initToolbar();\n\n\t\tif ( view.menuBarView ) {\n\t\t\tthis.initMenuBar( view.menuBarView );\n\t\t}\n\n\t\tthis.fire<EditorUIReadyEvent>( 'ready' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tconst view = this.view;\n\t\tconst editingView = this.editor.editing.view;\n\n\t\tif ( editingView.getDomRoot( view.editable.name! ) ) {\n\t\t\teditingView.detachDomRoot( view.editable.name! );\n\t\t}\n\n\t\tview.destroy();\n\t}\n\n\t/**\n\t * Initializes the inline editor toolbar and its panel.\n\t */\n\tprivate _initToolbar(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\t\tconst editableElement = view.editable.element!;\n\t\tconst toolbar = view.toolbar;\n\n\t\t// Set–up the view#panel.\n\t\tview.panel.bind( 'isVisible' ).to( this.focusTracker, 'isFocused' );\n\n\t\tview.bind( 'viewportTopOffset' ).to( this, 'viewportOffset', ( { visualTop } ) => visualTop || 0 );\n\n\t\t// https://github.com/ckeditor/ckeditor5-editor-inline/issues/4\n\t\tview.listenTo<EditorUIUpdateEvent>( editor.ui, 'update', () => {\n\t\t\t// Don't pin if the panel is not already visible. It prevents the panel\n\t\t\t// showing up when there's no focus in the UI.\n\t\t\tif ( view.panel.isVisible ) {\n\t\t\t\tview.panel.pin( {\n\t\t\t\t\ttarget: editableElement,\n\t\t\t\t\tpositions: view.panelPositions\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\ttoolbar.fillFromConfig( this._toolbarConfig, this.componentFactory );\n\n\t\t// Register the toolbar so it becomes available for Alt+F10 and Esc navigation.\n\t\tthis.addToolbar( toolbar );\n\t}\n\n\t/**\n\t * Enable the placeholder text on the editing root.\n\t */\n\tprivate _initPlaceholder(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editingRoot = editingView.document.getRoot()!;\n\t\tconst placeholder = editor.config.get( 'placeholder' );\n\n\t\tif ( placeholder ) {\n\t\t\tconst placeholderText = typeof placeholder === 'string' ? placeholder : placeholder[ editingRoot.rootName ];\n\n\t\t\tif ( placeholderText ) {\n\t\t\t\teditingRoot.placeholder = placeholderText;\n\t\t\t}\n\t\t}\n\n\t\tenableViewPlaceholder( {\n\t\t\tview: editingView,\n\t\t\telement: editingRoot,\n\t\t\tisDirectHost: false,\n\t\t\tkeepOnFocus: true\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-inline/inlineeditoruiview\n */\n\nimport {\n\tBalloonPanelView,\n\tEditorUIView,\n\tInlineEditableUIView,\n\tMenuBarView,\n\tToolbarView\n} from 'ckeditor5/src/ui.js';\nimport {\n\tRect,\n\tResizeObserver,\n\ttoUnit,\n\ttype PositioningFunction,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\nimport type { EditingView } from 'ckeditor5/src/engine.js';\n\nimport '../theme/inlineeditor.css';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * Inline editor UI view. Uses an nline editable and a floating toolbar.\n */\nexport class InlineEditorUIView extends EditorUIView {\n\t/**\n\t * A floating toolbar view instance.\n\t */\n\tpublic override readonly toolbar: ToolbarView;\n\n\t/**\n\t * The offset from the top edge of the web browser's viewport which makes the\n\t * UI become sticky. The default value is `0`, which means that the UI becomes\n\t * sticky when its upper edge touches the top of the page viewport.\n\t *\n\t * This attribute is useful when the web page has UI elements positioned to the top\n\t * either using `position: fixed` or `position: sticky`, which would cover the\n\t * UI or vice–versa (depending on the `z-index` hierarchy).\n\t *\n\t * Bound to {@link module:ui/editorui/editorui~EditorUI#viewportOffset `EditorUI#viewportOffset`}.\n\t *\n\t * If {@link module:core/editor/editorconfig~EditorConfig#ui `EditorConfig#ui.viewportOffset.top`} is defined, then\n\t * it will override the default value.\n\t *\n\t * @observable\n\t * @default 0\n\t */\n\tdeclare public viewportTopOffset: number;\n\n\t/**\n\t * A balloon panel view instance.\n\t */\n\tpublic readonly panel: BalloonPanelView;\n\n\t/**\n\t * A set of positioning functions used by the {@link #panel} to float around\n\t * {@link #element editableElement}.\n\t *\n\t * The positioning functions are as follows:\n\t *\n\t * * West:\n\t *\n\t * ```\n\t * [ Panel ]\n\t * +------------------+\n\t * | #editableElement |\n\t * +------------------+\n\t *\n\t * +------------------+\n\t * | #editableElement |\n\t * |[ Panel ]         |\n\t * |                  |\n\t * +------------------+\n\t *\n\t * +------------------+\n\t * | #editableElement |\n\t * +------------------+\n\t * [ Panel ]\n\t * ```\n\t *\n\t * * East:\n\t *\n\t * ```\n\t *            [ Panel ]\n\t * +------------------+\n\t * | #editableElement |\n\t * +------------------+\n\t *\n\t * +------------------+\n\t * | #editableElement |\n\t * |         [ Panel ]|\n\t * |                  |\n\t * +------------------+\n\t *\n\t * +------------------+\n\t * | #editableElement |\n\t * +------------------+\n\t *            [ Panel ]\n\t * ```\n\t *\n\t * See: {@link module:utils/dom/position~DomOptimalPositionOptions#positions}.\n\t */\n\tpublic readonly panelPositions: Array<PositioningFunction>;\n\n\t/**\n\t * Editable UI view.\n\t */\n\tpublic readonly editable: InlineEditableUIView;\n\n\t/**\n\t * An instance of the resize observer that helps dynamically determine the geometry of the toolbar\n\t * and manage items that do not fit into a single row.\n\t *\n\t * **Note:** Created in {@link #render}.\n\t */\n\tprivate _resizeObserver: ResizeObserver | null;\n\n\t/**\n\t * Creates an instance of the inline editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param editableElement The editable element. If not specified, it will be automatically created by\n\t * {@link module:ui/editableui/editableuiview~EditableUIView}. Otherwise, the given element will be used.\n\t * @param options Configuration options for the view instance.\n\t * @param options.shouldToolbarGroupWhenFull When set `true` enables automatic items grouping\n\t * in the main {@link module:editor-inline/inlineeditoruiview~InlineEditorUIView#toolbar toolbar}.\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.\n\t * @param options.label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view}.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\teditingView: EditingView,\n\t\teditableElement?: HTMLElement,\n\t\toptions: {\n\t\t\tshouldToolbarGroupWhenFull?: boolean;\n\t\t\tuseMenuBar?: boolean;\n\t\t\tlabel?: string | Record<string, string>;\n\t\t} = {}\n\t) {\n\t\tsuper( locale );\n\n\t\tthis.toolbar = new ToolbarView( locale, {\n\t\t\tshouldGroupWhenFull: options.shouldToolbarGroupWhenFull,\n\t\t\tisFloating: true\n\t\t} );\n\n\t\tif ( options.useMenuBar ) {\n\t\t\tthis.menuBarView = new MenuBarView( locale );\n\t\t}\n\n\t\tthis.set( 'viewportTopOffset', 0 );\n\n\t\tthis.panel = new BalloonPanelView( locale );\n\t\tthis.panelPositions = this._getPanelPositions();\n\n\t\tthis.panel.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-toolbar-container'\n\t\t\t}\n\t\t} );\n\n\t\tthis.editable = new InlineEditableUIView( locale, editingView, editableElement, {\n\t\t\tlabel: options.label\n\t\t} );\n\n\t\tthis._resizeObserver = null;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.body.add( this.panel );\n\t\tthis.registerChild( this.editable );\n\n\t\tif ( this.menuBarView ) {\n\t\t\t// Set toolbar as a child of a stickyPanel and makes toolbar sticky.\n\t\t\tthis.panel.content.addMany( [ this.menuBarView, this.toolbar ] );\n\t\t} else {\n\t\t\tthis.panel.content.add( this.toolbar );\n\t\t}\n\n\t\tconst options = this.toolbar.options;\n\n\t\t// Set toolbar's max-width on the initialization and update it on the editable resize,\n\t\t// if 'shouldToolbarGroupWhenFull' in config is set to 'true'.\n\t\tif ( options.shouldGroupWhenFull ) {\n\t\t\tconst editableElement = this.editable.element!;\n\n\t\t\tthis._resizeObserver = new ResizeObserver( editableElement, () => {\n\t\t\t\tthis.toolbar.maxWidth = toPx( new Rect( editableElement ).width );\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tif ( this._resizeObserver ) {\n\t\t\tthis._resizeObserver.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Determines the panel top position of the {@link #panel} in {@link #panelPositions}.\n\t *\n\t * @param editableRect Rect of the {@link #element}.\n\t * @param panelRect Rect of the {@link #panel}.\n\t */\n\tprivate _getPanelPositionTop( editableRect: Rect, panelRect: Rect ): number {\n\t\tlet top;\n\n\t\tif ( editableRect.top > panelRect.height + this.viewportTopOffset ) {\n\t\t\ttop = editableRect.top - panelRect.height;\n\t\t} else if ( editableRect.bottom > panelRect.height + this.viewportTopOffset + 50 ) {\n\t\t\ttop = this.viewportTopOffset;\n\t\t} else {\n\t\t\ttop = editableRect.bottom;\n\t\t}\n\n\t\treturn top;\n\t}\n\n\t/**\n\t * Returns the positions for {@link #panelPositions}.\n\t *\n\t * See: {@link module:utils/dom/position~DomOptimalPositionOptions#positions}.\n\t */\n\tprivate _getPanelPositions(): Array<PositioningFunction> {\n\t\tconst positions: Array<PositioningFunction> = [\n\t\t\t( editableRect, panelRect ) => {\n\t\t\t\treturn {\n\t\t\t\t\ttop: this._getPanelPositionTop( editableRect, panelRect ),\n\t\t\t\t\tleft: editableRect.left,\n\t\t\t\t\tname: 'toolbar_west',\n\t\t\t\t\tconfig: {\n\t\t\t\t\t\twithArrow: false\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t},\n\t\t\t( editableRect, panelRect ) => {\n\t\t\t\treturn {\n\t\t\t\t\ttop: this._getPanelPositionTop( editableRect, panelRect ),\n\t\t\t\t\tleft: editableRect.left + editableRect.width - panelRect.width,\n\t\t\t\t\tname: 'toolbar_east',\n\t\t\t\t\tconfig: {\n\t\t\t\t\t\twithArrow: false\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t}\n\t\t];\n\n\t\tif ( this.locale.uiLanguageDirection === 'ltr' ) {\n\t\t\treturn positions;\n\t\t} else {\n\t\t\treturn positions.reverse();\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-inline/inlineeditor\n */\n\nimport {\n\tEditor,\n\tElementApiMixin,\n\tattachToForm,\n\tsecureSourceElement,\n\ttype EditorConfig,\n\ttype EditorReadyEvent\n} from 'ckeditor5/src/core.js';\nimport { getDataFromElement, CKEditorError } from 'ckeditor5/src/utils.js';\n\nimport { InlineEditorUI } from './inlineeditorui.js';\nimport { InlineEditorUIView } from './inlineeditoruiview.js';\n\nimport { isElement as _isElement } from 'es-toolkit/compat';\n\n/**\n * The inline editor implementation. It uses an inline editable and a floating toolbar.\n * See the {@glink examples/builds/inline-editor demo}.\n *\n * In order to create a inline editor instance, use the static\n * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`} method.\n */\nexport class InlineEditor extends /* #__PURE__ */ ElementApiMixin( Editor ) {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get editorName(): 'InlineEditor' {\n\t\treturn 'InlineEditor';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly ui: InlineEditorUI;\n\n\t/**\n\t * Creates an instance of the inline editor.\n\t *\n\t * **Note:** Do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`} method instead.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * (on which the editor will be initialized) or initial data for the editor. For more information see\n\t * {@link module:editor-inline/inlineeditor~InlineEditor.create `InlineEditor.create()`}.\n\t * @param config The editor configuration.\n\t */\n\tprotected constructor( sourceElementOrData: HTMLElement | string, config: EditorConfig = {} ) {\n\t\t// If both `config.initialData` and initial data parameter in `create()` are set, then throw.\n\t\tif ( !isElement( sourceElementOrData ) && config.initialData !== undefined ) {\n\t\t\t// Documented in core/editor/editorconfig.jsdoc.\n\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\tthrow new CKEditorError( 'editor-create-initial-data', null );\n\t\t}\n\n\t\tsuper( config );\n\n\t\tthis.config.define( 'menuBar.isVisible', false );\n\n\t\tif ( this.config.get( 'initialData' ) === undefined ) {\n\t\t\tthis.config.set( 'initialData', getInitialData( sourceElementOrData ) );\n\t\t}\n\n\t\tthis.model.document.createRoot();\n\n\t\tif ( isElement( sourceElementOrData ) ) {\n\t\t\tthis.sourceElement = sourceElementOrData;\n\t\t\tsecureSourceElement( this, sourceElementOrData );\n\t\t}\n\n\t\tconst shouldToolbarGroupWhenFull = !this.config.get( 'toolbar.shouldNotGroupWhenFull' );\n\n\t\tconst menuBarConfig = this.config.get( 'menuBar' )!;\n\n\t\tconst view = new InlineEditorUIView( this.locale, this.editing.view, this.sourceElement, {\n\t\t\tshouldToolbarGroupWhenFull,\n\t\t\tuseMenuBar: menuBarConfig.isVisible,\n\t\t\tlabel: this.config.get( 'label' )\n\t\t} );\n\t\tthis.ui = new InlineEditorUI( this, view );\n\n\t\tattachToForm( this );\n\t}\n\n\t/**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t */\n\tpublic override destroy(): Promise<unknown> {\n\t\t// Cache the data, then destroy.\n\t\t// It's safe to assume that the model->view conversion will not work after super.destroy().\n\t\tconst data = this.getData();\n\n\t\tthis.ui.destroy();\n\n\t\treturn super.destroy()\n\t\t\t.then( () => {\n\t\t\t\tif ( this.sourceElement ) {\n\t\t\t\t\tthis.updateSourceElement( data );\n\t\t\t\t}\n\t\t\t} );\n\t}\n\n\t/**\n\t * Creates a new inline editor instance.\n\t *\n\t * There are three general ways how the editor can be initialized.\n\t *\n\t * # Using an existing DOM element (and loading data from it)\n\t *\n\t * You can initialize the editor using an existing DOM element:\n\t *\n\t * ```ts\n\t * InlineEditor\n\t * \t.create( document.querySelector( '#editor' ) )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * The element's content will be used as the editor data and the element will become the editable element.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as a `String`.\n\t * In this case, the editor will render an element that must be inserted into the DOM for the editor to work properly:\n\t *\n\t * ```ts\n\t * InlineEditor\n\t * \t.create( '<p>Hello world!</p>' )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t\t// Initial data was provided so the editor UI element needs to be added manually to the DOM.\n\t * \t\tdocument.body.appendChild( editor.ui.element );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Using an existing DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * InlineEditor\n\t * \t.create( document.querySelector( '#editor' ), {\n\t * \t\tinitialData: '<h2>Initial data</h2><p>Foo bar.</p>'\n\t * \t} )\n\t * \t.then( editor => {\n\t * \t\tconsole.log( 'Editor was initialized', editor );\n\t * \t} )\n\t * \t.catch( err => {\n\t * \t\tconsole.error( err.stack );\n\t * \t} );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * @param sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data.\n\t *\n\t * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization.\n\t * The editor data will be set back to the original element once the editor is destroyed only if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}\n\t * option is set to `true`.\n\t *\n\t * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.\n\t * It is available under the {@link module:editor-inline/inlineeditorui~InlineEditorUI#element `editor.ui.element`} property.\n\t *\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */\n\tpublic static override create( sourceElementOrData: HTMLElement | string, config: EditorConfig = {} ): Promise<InlineEditor> {\n\t\treturn new Promise( resolve => {\n\t\t\tif ( isElement( sourceElementOrData ) && sourceElementOrData.tagName === 'TEXTAREA' ) {\n\t\t\t\t// Documented in core/editor/editor.js\n\t\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\t\tthrow new CKEditorError( 'editor-wrong-element', null );\n\t\t\t}\n\n\t\t\tconst editor = new this( sourceElementOrData, config );\n\n\t\t\tresolve(\n\t\t\t\teditor.initPlugins()\n\t\t\t\t\t.then( () => editor.ui.init() )\n\t\t\t\t\t.then( () => editor.data.init( editor.config.get( 'initialData' )! ) )\n\t\t\t\t\t.then( () => editor.fire<EditorReadyEvent>( 'ready' ) )\n\t\t\t\t\t.then( () => editor )\n\t\t\t);\n\t\t} );\n\t}\n}\n\nfunction getInitialData( sourceElementOrData: HTMLElement | string ): string {\n\treturn isElement( sourceElementOrData ) ? getDataFromElement( sourceElementOrData ) : sourceElementOrData;\n}\n\nfunction isElement( value: any ): value is Element {\n\treturn _isElement( value );\n}\n", "import { Editor, secureSourceElement } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { CKEditorError, logWarning, decodeLicenseKey, isFeatureBlockedByLicenseKey, setDataInElement, getDataFromElement } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { EditorUI, EditorUIView, ToolbarView, MenuBarView, InlineEditableUIView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { enableViewPlaceholder } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { isElement as isElement$1 } from 'es-toolkit/compat';\n\n/**\n * The multi-root editor UI class.\n */ class MultiRootEditorUI extends EditorUI {\n    /**\n\t * The main (top–most) view of the editor UI.\n\t */ view;\n    /**\n\t * The editable element that was focused the last time when any of the editables had focus.\n\t */ _lastFocusedEditableElement;\n    /**\n\t * Creates an instance of the multi-root editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */ constructor(editor, view){\n        super(editor);\n        this.view = view;\n        this._lastFocusedEditableElement = null;\n    }\n    /**\n\t * Initializes the UI.\n\t */ init() {\n        const view = this.view;\n        view.render();\n        // Keep track of the last focused editable element. Knowing which one was focused\n        // is useful when the focus moves from editable to other UI components like balloons\n        // (especially inputs) but the editable remains the \"focus context\" (e.g. link balloon\n        // attached to a link in an editable). In this case, the editable should preserve visual\n        // focus styles.\n        this.focusTracker.on('change:focusedElement', (evt, name, focusedElement)=>{\n            for (const editable of Object.values(this.view.editables)){\n                if (focusedElement === editable.element) {\n                    this._lastFocusedEditableElement = editable.element;\n                }\n            }\n        });\n        // If the focus tracker loses focus, stop tracking the last focused editable element.\n        // Wherever the focus is restored, it will no longer be in the context of that editable\n        // because the focus \"came from the outside\", as opposed to the focus moving from one element\n        // to another within the editor UI.\n        this.focusTracker.on('change:isFocused', (evt, name, isFocused)=>{\n            if (!isFocused) {\n                this._lastFocusedEditableElement = null;\n            }\n        });\n        for (const editable of Object.values(this.view.editables)){\n            this.addEditable(editable);\n        }\n        this._initToolbar();\n        this.initMenuBar(this.view.menuBarView);\n        this.fire('ready');\n    }\n    /**\n\t * Adds the editable to the editor UI.\n\t *\n\t * After the editable is added to the editor UI it can be considered \"active\".\n\t *\n\t * The editable is attached to the editor editing pipeline, which means that it will be updated as the editor model updates and\n\t * changing its content will be reflected in the editor model. Keystrokes, focus handling and placeholder are initialized.\n\t *\n\t * @param editable The editable instance to add.\n\t * @param placeholder Placeholder for the editable element. If not set, placeholder value from the\n\t * {@link module:core/editor/editorconfig~EditorConfig#placeholder editor configuration} will be used (if it was provided).\n\t */ addEditable(editable, placeholder) {\n        // The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n        // But it can be available earlier if a DOM element has been passed to `MultiRootEditor.create()`.\n        const editableElement = editable.element;\n        // Bind the editable UI element to the editing view, making it an end– and entry–point\n        // of the editor's engine. This is where the engine meets the UI.\n        this.editor.editing.view.attachDomRoot(editableElement, editable.name);\n        // Register each editable UI view in the editor.\n        this.setEditableElement(editable.name, editableElement);\n        // Let the editable UI element respond to the changes in the global editor focus\n        // tracker. It has been added to the same tracker a few lines above but, in reality, there are\n        // many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n        // as they have focus, the editable should act like it is focused too (although technically\n        // it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n        // Doing otherwise will result in editable focus styles disappearing, once e.g. the\n        // toolbar gets focused.\n        editable.bind('isFocused').to(this.focusTracker, 'isFocused', this.focusTracker, 'focusedElement', (isFocused, focusedElement)=>{\n            // When the focus tracker is blurred, it means the focus moved out of the editor UI.\n            // No editable will maintain focus then.\n            if (!isFocused) {\n                return false;\n            }\n            // If the focus tracker says the editor UI is focused and currently focused element\n            // is the editable, then the editable should be visually marked as focused too.\n            if (focusedElement === editableElement) {\n                return true;\n            } else {\n                return this._lastFocusedEditableElement === editableElement;\n            }\n        });\n        this._initPlaceholder(editable, placeholder);\n    }\n    /**\n\t * Removes the editable instance from the editor UI.\n\t *\n\t * Removed editable can be considered \"deactivated\".\n\t *\n\t * The editable is detached from the editing pipeline, so model changes are no longer reflected in it. All handling added in\n\t * {@link #addEditable} is removed.\n\t *\n\t * @param editable Editable to remove from the editor UI.\n\t */ removeEditable(editable) {\n        const editingView = this.editor.editing.view;\n        if (editingView.getDomRoot(editable.name)) {\n            editingView.detachDomRoot(editable.name);\n        }\n        editable.unbind('isFocused');\n        this.removeEditableElement(editable.name);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        for (const editable of Object.values(this.view.editables)){\n            this.removeEditable(editable);\n        }\n        this.view.destroy();\n    }\n    /**\n\t * Initializes the editor main toolbar and its panel.\n\t */ _initToolbar() {\n        const editor = this.editor;\n        const view = this.view;\n        const toolbar = view.toolbar;\n        toolbar.fillFromConfig(editor.config.get('toolbar'), this.componentFactory);\n        // Register the toolbar, so it becomes available for Alt+F10 and Esc navigation.\n        this.addToolbar(view.toolbar);\n    }\n    /**\n\t * Enables the placeholder text on a given editable.\n\t *\n\t * @param editable Editable on which the placeholder should be set.\n\t * @param placeholder Placeholder for the editable element. If not set, placeholder value from the\n\t * {@link module:core/editor/editorconfig~EditorConfig#placeholder editor configuration} will be used (if it was provided).\n\t */ _initPlaceholder(editable, placeholder) {\n        if (!placeholder) {\n            const configPlaceholder = this.editor.config.get('placeholder');\n            if (configPlaceholder) {\n                placeholder = typeof configPlaceholder === 'string' ? configPlaceholder : configPlaceholder[editable.name];\n            }\n        }\n        const editingView = this.editor.editing.view;\n        const editingRoot = editingView.document.getRoot(editable.name);\n        if (placeholder) {\n            editingRoot.placeholder = placeholder;\n        }\n        enableViewPlaceholder({\n            view: editingView,\n            element: editingRoot,\n            isDirectHost: false,\n            keepOnFocus: true\n        });\n    }\n}\n\n/**\n * The multi-root editor UI view. It is a virtual view providing an inline\n * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#editable} and a\n * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#toolbar}, but without any\n * specific arrangement of the components in the DOM.\n *\n * See {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`}\n * to learn more about this view.\n */ class MultiRootEditorUIView extends EditorUIView {\n    /**\n\t * The main toolbar of the multi-root editor UI.\n\t */ toolbar;\n    /**\n\t * Editable elements used by the multi-root editor UI.\n\t */ editables;\n    editable;\n    /**\n\t * Menu bar view instance.\n\t */ menuBarView;\n    /**\n\t * The editing view instance this view is related to.\n\t */ _editingView;\n    /**\n\t * Creates an instance of the multi-root editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param editableNames Names for all editable views. For each name, one\n\t * {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView `InlineEditableUIView`} instance will be initialized.\n\t * @param options Configuration options for the view instance.\n\t * @param options.editableElements The editable elements to be used, assigned to their names. If not specified, they will be\n\t * automatically created by {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView `InlineEditableUIView`}\n\t * instances.\n\t * @param options.shouldToolbarGroupWhenFull When set to `true` enables automatic items grouping\n\t * in the main {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#toolbar toolbar}.\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.\n\t * @param options.label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view} elements.\n\t */ constructor(locale, editingView, editableNames, options = {}){\n        super(locale);\n        this._editingView = editingView;\n        this.toolbar = new ToolbarView(locale, {\n            shouldGroupWhenFull: options.shouldToolbarGroupWhenFull\n        });\n        this.menuBarView = new MenuBarView(locale);\n        this.editables = {};\n        // Create `InlineEditableUIView` instance for each editable.\n        for (const editableName of editableNames){\n            const editableElement = options.editableElements ? options.editableElements[editableName] : undefined;\n            let { label } = options;\n            if (typeof label === 'object') {\n                label = label[editableName];\n            }\n            this.createEditable(editableName, editableElement, label);\n        }\n        this.editable = Object.values(this.editables)[0];\n        // This toolbar may be placed anywhere in the page so things like font size need to be reset in it.\n        // Because of the above, make sure the toolbar supports rounded corners.\n        // Also, make sure the toolbar has the proper dir attribute because its ancestor may not have one\n        // and some toolbar item styles depend on this attribute.\n        this.toolbar.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-reset_all',\n                    'ck-rounded-corners'\n                ],\n                dir: locale.uiLanguageDirection\n            }\n        });\n        this.menuBarView.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-reset_all',\n                    'ck-rounded-corners'\n                ],\n                dir: locale.uiLanguageDirection\n            }\n        });\n    }\n    /**\n\t * Creates an editable instance with given name and registers it in the editor UI view.\n\t *\n\t * If `editableElement` is provided, the editable instance will be created on top of it. Otherwise, the editor will create a new\n\t * DOM element and use it instead.\n\t *\n\t * @param editableName The name for the editable.\n\t * @param editableElement DOM element for which the editable should be created.\n\t * @param label The accessible editable label used by assistive technologies.\n\t * @returns The created editable instance.\n\t */ createEditable(editableName, editableElement, label) {\n        const editable = new InlineEditableUIView(this.locale, this._editingView, editableElement, {\n            label\n        });\n        this.editables[editableName] = editable;\n        editable.name = editableName;\n        if (this.isRendered) {\n            this.registerChild(editable);\n        }\n        return editable;\n    }\n    /**\n\t * Destroys and removes the editable from the editor UI view.\n\t *\n\t * @param editableName The name of the editable that should be removed.\n\t */ removeEditable(editableName) {\n        const editable = this.editables[editableName];\n        if (this.isRendered) {\n            this.deregisterChild(editable);\n        }\n        delete this.editables[editableName];\n        editable.destroy();\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.registerChild(Object.values(this.editables));\n        this.registerChild(this.toolbar);\n        this.registerChild(this.menuBarView);\n    }\n}\n\n/**\n * The multi-root editor implementation.\n *\n * The multi-root editor provides multiple inline editable elements and a toolbar. All editable areas are controlled by one editor\n * instance, which means that they share common configuration, document ID, or undo stack.\n *\n * This type of editor is dedicated to integrations which require a customized UI with an open structure, featuring multiple editable areas,\n * allowing developers to have a control over the exact location of these editable areas.\n *\n * In order to create a multi-root editor instance, use the static\n * {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`} method.\n *\n * Note that you will need to attach the editor toolbar to your web page manually, in a desired place, after the editor is initialized.\n */ class MultiRootEditor extends Editor {\n    /**\n\t * @inheritDoc\n\t */ static get editorName() {\n        return 'MultiRootEditor';\n    }\n    /**\n\t * @inheritDoc\n\t */ ui;\n    /**\n\t * The elements on which the editor has been initialized.\n\t */ sourceElements;\n    /**\n\t * Holds attributes keys that were passed in {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `rootsAttributes`}\n\t * config property and should be returned by {@link #getRootsAttributes}.\n\t */ _registeredRootsAttributesKeys = new Set();\n    /**\n\t * A set of lock IDs for enabling or disabling particular root.\n\t */ _readOnlyRootLocks = new Map();\n    /**\n\t * Creates an instance of the multi-root editor.\n\t *\n\t * **Note:** Do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`} method instead.\n\t *\n\t * @param sourceElementsOrData The DOM elements that will be the source for the created editor\n\t * or the editor's initial data. The editor will initialize multiple roots with names according to the keys in the passed object.\n\t * For more information see {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`}.\n\t * @param config The editor configuration.\n\t */ constructor(sourceElementsOrData, config = {}){\n        const rootNames = Object.keys(sourceElementsOrData);\n        const sourceIsData = rootNames.length === 0 || typeof sourceElementsOrData[rootNames[0]] === 'string';\n        if (sourceIsData && config.initialData !== undefined && Object.keys(config.initialData).length > 0) {\n            // Documented in core/editor/editorconfig.jsdoc.\n            // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n            throw new CKEditorError('editor-create-initial-data', null);\n        }\n        super(config);\n        if (!sourceIsData) {\n            this.sourceElements = sourceElementsOrData;\n        } else {\n            this.sourceElements = {};\n        }\n        if (this.config.get('initialData') === undefined) {\n            // Create initial data object containing data from all roots.\n            const initialData = {};\n            for (const rootName of rootNames){\n                initialData[rootName] = getInitialData(sourceElementsOrData[rootName]);\n            }\n            this.config.set('initialData', initialData);\n        }\n        if (!sourceIsData) {\n            for (const rootName of rootNames){\n                secureSourceElement(this, sourceElementsOrData[rootName]);\n            }\n        }\n        this.editing.view.document.roots.on('add', (evt, viewRoot)=>{\n            // Here we change the standard binding of readOnly flag by adding\n            // additional constraint that multi-root has (enabling / disabling particular root).\n            viewRoot.unbind('isReadOnly');\n            viewRoot.bind('isReadOnly').to(this.editing.view.document, 'isReadOnly', (isReadOnly)=>{\n                return isReadOnly || this._readOnlyRootLocks.has(viewRoot.rootName);\n            });\n            // Hacky solution to nested editables.\n            // Nested editables should be managed each separately and do not base on view document or view root.\n            viewRoot.on('change:isReadOnly', (evt, prop, value)=>{\n                const viewRange = this.editing.view.createRangeIn(viewRoot);\n                for (const viewItem of viewRange.getItems()){\n                    if (viewItem.is('editableElement')) {\n                        viewItem.unbind('isReadOnly');\n                        viewItem.isReadOnly = value;\n                    }\n                }\n            });\n        });\n        for (const rootName of rootNames){\n            // Create root and `UIView` element for each editable container.\n            this.model.document.createRoot('$root', rootName);\n        }\n        if (this.config.get('lazyRoots')) {\n            for (const rootName of this.config.get('lazyRoots')){\n                const root = this.model.document.createRoot('$root', rootName);\n                root._isLoaded = false;\n            }\n        }\n        if (this.config.get('rootsAttributes')) {\n            const rootsAttributes = this.config.get('rootsAttributes');\n            for (const [rootName, attributes] of Object.entries(rootsAttributes)){\n                if (!this.model.document.getRoot(rootName)) {\n                    /**\n\t\t\t\t\t * Trying to set attributes on a non-existing root.\n\t\t\t\t\t *\n\t\t\t\t\t * Roots specified in {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes} do not match initial\n\t\t\t\t\t * editor roots.\n\t\t\t\t\t *\n\t\t\t\t\t * @error multi-root-editor-root-attributes-no-root\n\t\t\t\t\t */ throw new CKEditorError('multi-root-editor-root-attributes-no-root', null);\n                }\n                for (const key of Object.keys(attributes)){\n                    this.registerRootAttribute(key);\n                }\n            }\n            this.data.on('init', ()=>{\n                this.model.enqueueChange({\n                    isUndoable: false\n                }, (writer)=>{\n                    for (const [name, attributes] of Object.entries(rootsAttributes)){\n                        const root = this.model.document.getRoot(name);\n                        for (const [key, value] of Object.entries(attributes)){\n                            if (value !== null) {\n                                writer.setAttribute(key, value, root);\n                            }\n                        }\n                    }\n                });\n            });\n        }\n        const options = {\n            shouldToolbarGroupWhenFull: !this.config.get('toolbar.shouldNotGroupWhenFull'),\n            editableElements: sourceIsData ? undefined : sourceElementsOrData,\n            label: this.config.get('label')\n        };\n        const view = new MultiRootEditorUIView(this.locale, this.editing.view, rootNames, options);\n        this.ui = new MultiRootEditorUI(this, view);\n        this.model.document.on('change:data', ()=>{\n            const changedRoots = this.model.document.differ.getChangedRoots();\n            // Fire detaches first. If there are multiple roots removed and added in one batch, it should be easier to handle if\n            // changes aren't mixed. Detaching will usually lead to just removing DOM elements. Detaching first will lead to a clean DOM\n            // when new editables are added in `addRoot` event.\n            for (const changes of changedRoots){\n                const root = this.model.document.getRoot(changes.name);\n                if (changes.state == 'detached') {\n                    this.fire('detachRoot', root);\n                }\n            }\n            for (const changes of changedRoots){\n                const root = this.model.document.getRoot(changes.name);\n                if (changes.state == 'attached') {\n                    this.fire('addRoot', root);\n                }\n            }\n        });\n        // Overwrite `Model#canEditAt()` decorated method.\n        // Check if the provided selection is inside a read-only root. If so, return `false`.\n        this.listenTo(this.model, 'canEditAt', (evt, [selection])=>{\n            // Skip empty selections.\n            if (!selection) {\n                return;\n            }\n            let selectionInReadOnlyRoot = false;\n            for (const range of selection.getRanges()){\n                const root = range.root;\n                if (this._readOnlyRootLocks.has(root.rootName)) {\n                    selectionInReadOnlyRoot = true;\n                    break;\n                }\n            }\n            // If selection is in read-only root, return `false` and prevent further processing.\n            // Otherwise, allow for other callbacks (or default callback) to evaluate.\n            if (selectionInReadOnlyRoot) {\n                evt.return = false;\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        this.decorate('loadRoot');\n        this.on('loadRoot', (evt, [rootName])=>{\n            const root = this.model.document.getRoot(rootName);\n            if (!root) {\n                /**\n\t\t\t\t * The root to load does not exist.\n\t\t\t\t *\n\t\t\t\t * @error multi-root-editor-load-root-no-root\n\t\t\t\t */ throw new CKEditorError('multi-root-editor-load-root-no-root', this, {\n                    rootName\n                });\n            }\n            if (root._isLoaded) {\n                /**\n\t\t\t\t * The root to load was already loaded before. The `loadRoot()` call has no effect.\n\t\t\t\t *\n\t\t\t\t * @error multi-root-editor-load-root-already-loaded\n\t\t\t\t */ logWarning('multi-root-editor-load-root-already-loaded');\n                evt.stop();\n            }\n        }, {\n            priority: 'highest'\n        });\n        verifyLicenseKey(this);\n        function verifyLicenseKey(editor) {\n            const licenseKey = editor.config.get('licenseKey');\n            const decodedPayload = decodeLicenseKey(licenseKey);\n            if (!decodedPayload) {\n                return;\n            }\n            if (isFeatureBlockedByLicenseKey(decodedPayload, 'MRE')) {\n                editor.enableReadOnlyMode(Symbol('invalidLicense'));\n                editor._showLicenseError('featureNotAllowed', 'Multi-root editor');\n            }\n        }\n    }\n    /**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t *\n\t * **Note**: The multi-root editor does not remove the toolbar and editable when destroyed. You can\n\t * do that yourself in the destruction chain, if you need to:\n\t *\n\t * ```ts\n\t * editor.destroy().then( () => {\n\t * \t// Remove the toolbar from DOM.\n\t * \teditor.ui.view.toolbar.element.remove();\n\t *\n\t * \t// Remove editable elements from DOM.\n\t * \tfor ( const editable of Object.values( editor.ui.view.editables ) ) {\n\t * \t    editable.element.remove();\n\t * \t}\n\t *\n\t * \tconsole.log( 'Editor was destroyed' );\n\t * } );\n\t * ```\n\t */ destroy() {\n        const shouldUpdateSourceElement = this.config.get('updateSourceElementOnDestroy');\n        // Cache the data and editable DOM elements, then destroy.\n        // It's safe to assume that the model->view conversion will not work after `super.destroy()`,\n        // same as `ui.getEditableElement()` method will not return editables.\n        const data = {};\n        for (const rootName of Object.keys(this.sourceElements)){\n            data[rootName] = shouldUpdateSourceElement ? this.getData({\n                rootName\n            }) : '';\n        }\n        this.ui.destroy();\n        return super.destroy().then(()=>{\n            for (const rootName of Object.keys(this.sourceElements)){\n                setDataInElement(this.sourceElements[rootName], data[rootName]);\n            }\n        });\n    }\n    /**\n\t * Adds a new root to the editor.\n\t *\n\t * ```ts\n\t * editor.addRoot( 'myRoot', { data: '<p>Initial root data.</p>' } );\n\t * ```\n\t *\n\t * After a root is added, you will be able to modify and retrieve its data.\n\t *\n\t * All root names must be unique. An error will be thrown if you will try to create a root with the name same as\n\t * an already existing, attached root. However, you can call this method for a detached root. See also {@link #detachRoot}.\n\t *\n\t * Whenever a root is added, the editor instance will fire {@link #event:addRoot `addRoot` event}. The event is also called when\n\t * the root is added indirectly, e.g. by the undo feature or on a remote client during real-time collaboration.\n\t *\n\t * Note, that this method only adds a root to the editor model. It **does not** create a DOM editable element for the new root.\n\t * Until such element is created (and attached to the root), the root is \"virtual\": it is not displayed anywhere and its data can\n\t * be changed only using the editor API.\n\t *\n\t * To create a DOM editable element for the root, listen to {@link #event:addRoot `addRoot` event} and call {@link #createEditable}.\n\t * Then, insert the DOM element in a desired place, that will depend on the integration with your application and your requirements.\n\t *\n\t * ```ts\n\t * editor.on( 'addRoot', ( evt, root ) => {\n\t * \tconst editableElement = editor.createEditable( root );\n\t *\n\t * \t// You may want to create a more complex DOM structure here.\n\t * \t//\n\t * \t// Alternatively, you may want to create a DOM structure before\n\t * \t// calling `editor.addRoot()` and only append `editableElement` at\n\t * \t// a proper place.\n\t *\n\t * \tdocument.querySelector( '#editors' ).appendChild( editableElement );\n\t * } );\n\t *\n\t * // ...\n\t *\n\t * editor.addRoot( 'myRoot' ); // Will create a root, a DOM editable element and append it to `#editors` container element.\n\t * ```\n\t *\n\t * You can set root attributes on the new root while you add it:\n\t *\n\t * ```ts\n\t * // Add a collapsed root at fourth position from top.\n\t * // Keep in mind that these are just examples of attributes. You need to provide your own features that will handle the attributes.\n\t * editor.addRoot( 'myRoot', { attributes: { isCollapsed: true, index: 4 } } );\n\t * ```\n\t *\n\t * Note that attributes added together with a root are automatically registered.\n\t *\n\t * See also {@link ~MultiRootEditor#registerRootAttribute `MultiRootEditor#registerRootAttribute()`} and\n\t * {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `config.rootsAttributes` configuration option}.\n\t *\n\t * By setting `isUndoable` flag to `true`, you can allow for detaching the root using the undo feature.\n\t *\n\t * Additionally, you can group adding multiple roots in one undo step. This can be useful if you add multiple roots that are\n\t * combined into one, bigger UI element, and want them all to be undone together.\n\t *\n\t * ```ts\n\t * let rowId = 0;\n\t *\n\t * editor.model.change( () => {\n\t * \teditor.addRoot( 'left-row-' + rowId, { isUndoable: true } );\n\t * \teditor.addRoot( 'center-row-' + rowId, { isUndoable: true } );\n\t * \teditor.addRoot( 'right-row-' + rowId, { isUndoable: true } );\n\t *\n\t * \trowId++;\n\t * } );\n\t * ```\n\t *\n\t * @param rootName Name of the root to add.\n\t * @param options Additional options for the added root.\n\t */ addRoot(rootName, { data = '', attributes = {}, elementName = '$root', isUndoable = false } = {}) {\n        const _addRoot = (writer)=>{\n            const root = writer.addRoot(rootName, elementName);\n            if (data) {\n                writer.insert(this.data.parse(data, root), root, 0);\n            }\n            for (const key of Object.keys(attributes)){\n                this.registerRootAttribute(key);\n                writer.setAttribute(key, attributes[key], root);\n            }\n        };\n        if (isUndoable) {\n            this.model.change(_addRoot);\n        } else {\n            this.model.enqueueChange({\n                isUndoable: false\n            }, _addRoot);\n        }\n    }\n    /**\n\t * Detaches a root from the editor.\n\t *\n\t * ```ts\n\t * editor.detachRoot( 'myRoot' );\n\t * ```\n\t *\n\t * A detached root is not entirely removed from the editor model, however it can be considered removed.\n\t *\n\t * After a root is detached all its children are removed, all markers inside it are removed, and whenever something is inserted to it,\n\t * it is automatically removed as well. Finally, a detached root is not returned by\n\t * {@link module:engine/model/document~ModelDocument#getRootNames} by default.\n\t *\n\t * It is possible to re-add a previously detached root calling {@link #addRoot}.\n\t *\n\t * Whenever a root is detached, the editor instance will fire {@link #event:detachRoot `detachRoot` event}. The event is also\n\t * called when the root is detached indirectly, e.g. by the undo feature or on a remote client during real-time collaboration.\n\t *\n\t * Note, that this method only detached a root in the editor model. It **does not** destroy the DOM editable element linked with\n\t * the root and it **does not** remove the DOM element from the DOM structure of your application.\n\t *\n\t * To properly remove a DOM editable element after a root was detached, listen to {@link #event:detachRoot `detachRoot` event}\n\t * and call {@link #detachEditable}. Then, remove the DOM element from your application.\n\t *\n\t * ```ts\n\t * editor.on( 'detachRoot', ( evt, root ) => {\n\t * \tconst editableElement = editor.detachEditable( root );\n\t *\n\t * \t// You may want to do an additional DOM clean-up here.\n\t *\n\t * \teditableElement.remove();\n\t * } );\n\t *\n\t * // ...\n\t *\n\t * editor.detachRoot( 'myRoot' ); // Will detach the root, and remove the DOM editable element.\n\t * ```\n\t *\n\t * By setting `isUndoable` flag to `true`, you can allow for re-adding the root using the undo feature.\n\t *\n\t * Additionally, you can group detaching multiple roots in one undo step. This can be useful if the roots are combined into one,\n\t * bigger UI element, and you want them all to be re-added together.\n\t *\n\t * ```ts\n\t * editor.model.change( () => {\n\t * \teditor.detachRoot( 'left-row-3', true );\n\t * \teditor.detachRoot( 'center-row-3', true );\n\t * \teditor.detachRoot( 'right-row-3', true );\n\t * } );\n\t * ```\n\t *\n\t * @param rootName Name of the root to detach.\n\t * @param isUndoable Whether detaching the root can be undone (using the undo feature) or not.\n\t */ detachRoot(rootName, isUndoable = false) {\n        if (isUndoable) {\n            this.model.change((writer)=>writer.detachRoot(rootName));\n        } else {\n            this.model.enqueueChange({\n                isUndoable: false\n            }, (writer)=>writer.detachRoot(rootName));\n        }\n    }\n    /**\n\t * Creates and returns a new DOM editable element for the given root element.\n\t *\n\t * The new DOM editable is attached to the model root and can be used to modify the root content.\n\t *\n\t * @param root Root for which the editable element should be created.\n\t * @param placeholder Placeholder for the editable element. If not set, placeholder value from the\n\t * {@link module:core/editor/editorconfig~EditorConfig#placeholder editor configuration} will be used (if it was provided).\n\t * @param label The accessible label text describing the editable to the assistive technologies.\n\t * @returns The created DOM element. Append it in a desired place in your application.\n\t */ createEditable(root, placeholder, label) {\n        const editable = this.ui.view.createEditable(root.rootName, undefined, label);\n        this.ui.addEditable(editable, placeholder);\n        this.editing.view.forceRender();\n        return editable.element;\n    }\n    /**\n\t * Detaches the DOM editable element that was attached to the given root.\n\t *\n\t * @param root Root for which the editable element should be detached.\n\t * @returns The DOM element that was detached. You may want to remove it from your application DOM structure.\n\t */ detachEditable(root) {\n        const rootName = root.rootName;\n        const editable = this.ui.view.editables[rootName];\n        this.ui.removeEditable(editable);\n        this.ui.view.removeEditable(rootName);\n        return editable.element;\n    }\n    /**\n\t * Loads a root that has previously been declared in {@link module:core/editor/editorconfig~EditorConfig#lazyRoots `lazyRoots`}\n\t * configuration option.\n\t *\n\t * **Important! Lazy roots loading is an experimental feature, and may become deprecated. Be advised of the following\n\t * known limitations:**\n\t *\n\t * * **Real-time collaboration integrations that use\n\t * [uploaded editor bundles](https://ckeditor.com/docs/cs/latest/guides/collaboration/editor-bundle.html) are not supported. Using\n\t * lazy roots will lead to unexpected behavior and data loss.**\n\t * * **Revision history feature will read and process the whole document on editor initialization, possibly defeating the purpose\n\t * of using the lazy roots loading. Additionally, when the document is loaded for the first time, all roots need to be loaded,\n\t * to make sure that the initial revision data includes all roots. Otherwise, you may experience data loss.**\n\t * * **Multiple features, that require full document data to be loaded, will produce incorrect or confusing results if not all\n\t * roots are loaded. These include: bookmarks, find and replace, word count, pagination, document exports, document outline,\n\t * and table of contents.**\n\t *\n\t * Only roots specified in the editor config can be loaded. A root cannot be loaded multiple times. A root cannot be unloaded and\n\t * loading a root cannot be reverted using the undo feature.\n\t *\n\t * When a root becomes loaded, it will be treated by the editor as though it was just added. This, among others, means that all\n\t * related events and mechanisms will be fired, including {@link ~MultiRootEditor#event:addRoot `addRoot` event},\n\t * {@link module:engine/model/document~ModelDocument#event:change `model.Document` `change` event}, model post-fixers and conversion.\n\t *\n\t * Until the root becomes loaded, all above mechanisms are suppressed.\n\t *\n\t * This method is {@link module:utils/observablemixin~Observable#decorate decorated}.\n\t *\n\t * Note that attributes loaded together with a root are automatically registered.\n\t *\n\t * See also {@link ~MultiRootEditor#registerRootAttribute `MultiRootEditor#registerRootAttribute()`} and\n\t * {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `config.rootsAttributes` configuration option}.\n\t *\n\t * When this method is used in real-time collaboration environment, its effects become asynchronous as the editor will first synchronize\n\t * with the remote editing session, before the root is added to the editor.\n\t *\n\t * If the root has been already loaded by any other client, the additional data passed in `loadRoot()` parameters will be ignored.\n\t *\n\t * @param rootName Name of the root to load.\n\t * @param options Additional options for the loaded root.\n\t * @fires loadRoot\n\t */ loadRoot(rootName, { data = '', attributes = {} } = {}) {\n        // `root` will be defined as it is guaranteed by a check in a higher priority callback.\n        const root = this.model.document.getRoot(rootName);\n        this.model.enqueueChange({\n            isUndoable: false\n        }, (writer)=>{\n            if (data) {\n                writer.insert(this.data.parse(data, root), root, 0);\n            }\n            for (const key of Object.keys(attributes)){\n                this.registerRootAttribute(key);\n                writer.setAttribute(key, attributes[key], root);\n            }\n            root._isLoaded = true;\n            this.model.document.differ._bufferRootLoad(root);\n        });\n    }\n    /**\n\t * Returns the document data for all attached roots.\n\t *\n\t * @param options Additional configuration for the retrieved data.\n\t * Editor features may introduce more configuration options that can be set through this parameter.\n\t * @param options.trim Whether returned data should be trimmed. This option is set to `'empty'` by default,\n\t * which means that whenever editor content is considered empty, an empty string is returned. To turn off trimming\n\t * use `'none'`. In such cases exact content will be returned (for example `'<p>&nbsp;</p>'` for an empty editor).\n\t * @returns The full document data.\n\t */ getFullData(options) {\n        const data = {};\n        for (const rootName of this.model.document.getRootNames()){\n            data[rootName] = this.data.get({\n                ...options,\n                rootName\n            });\n        }\n        return data;\n    }\n    /**\n\t * Returns attributes for all attached roots.\n\t *\n\t * Note: all and only {@link ~MultiRootEditor#registerRootAttribute registered} roots attributes will be returned.\n\t * If a registered root attribute is not set for a given root, `null` will be returned.\n\t *\n\t * @returns Object with roots attributes. Keys are roots names, while values are attributes set on given root.\n\t */ getRootsAttributes() {\n        const rootsAttributes = {};\n        for (const rootName of this.model.document.getRootNames()){\n            rootsAttributes[rootName] = this.getRootAttributes(rootName);\n        }\n        return rootsAttributes;\n    }\n    /**\n\t * Returns attributes for the specified root.\n\t *\n\t * Note: all and only {@link ~MultiRootEditor#registerRootAttribute registered} roots attributes will be returned.\n\t * If a registered root attribute is not set for a given root, `null` will be returned.\n\t */ getRootAttributes(rootName) {\n        const rootAttributes = {};\n        const root = this.model.document.getRoot(rootName);\n        for (const key of this._registeredRootsAttributesKeys){\n            rootAttributes[key] = root.hasAttribute(key) ? root.getAttribute(key) : null;\n        }\n        return rootAttributes;\n    }\n    /**\n\t * Registers given string as a root attribute key. Registered root attributes are added to\n\t * {@link module:engine/model/schema~ModelSchema schema}, and also returned by\n\t * {@link ~MultiRootEditor#getRootAttributes `getRootAttributes()`} and\n\t * {@link ~MultiRootEditor#getRootsAttributes `getRootsAttributes()`}.\n\t *\n\t * Note: attributes passed in {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `config.rootsAttributes`} are\n\t * automatically registered as the editor is initialized. However, registering the same attribute twice does not have any negative\n\t * impact, so it is recommended to use this method in any feature that uses roots attributes.\n\t */ registerRootAttribute(key) {\n        if (this._registeredRootsAttributesKeys.has(key)) {\n            return;\n        }\n        this._registeredRootsAttributesKeys.add(key);\n        this.editing.model.schema.extend('$root', {\n            allowAttributes: key\n        });\n    }\n    /**\n\t * Switches given editor root to the read-only mode.\n\t *\n\t * In contrary to {@link module:core/editor/editor~Editor#enableReadOnlyMode `enableReadOnlyMode()`}, which switches the whole editor\n\t * to the read-only mode, this method turns only a particular root to the read-only mode. This can be useful when you want to prevent\n\t * editing only a part of the editor content.\n\t *\n\t * When you switch a root to the read-only mode, you need provide a unique identifier (`lockId`) that will identify this request. You\n\t * will need to provide the same `lockId` when you will want to\n\t * {@link module:editor-multi-root/multirooteditor~MultiRootEditor#enableRoot re-enable} the root.\n\t *\n\t * ```ts\n\t * const model = editor.model;\n\t * const myRoot = model.document.getRoot( 'myRoot' );\n\t *\n\t * editor.disableRoot( 'myRoot', 'my-lock' );\n\t * model.canEditAt( myRoot ); // `false`\n\t *\n\t * editor.disableRoot( 'myRoot', 'other-lock' );\n\t * editor.disableRoot( 'myRoot', 'other-lock' ); // Multiple locks with the same ID have no effect.\n\t * model.canEditAt( myRoot ); // `false`\n\t *\n\t * editor.enableRoot( 'myRoot', 'my-lock' );\n\t * model.canEditAt( myRoot ); // `false`\n\t *\n\t * editor.enableRoot( 'myRoot', 'other-lock' );\n\t * model.canEditAt( myRoot ); // `true`\n\t * ```\n\t *\n\t * See also {@link module:core/editor/editor~Editor#enableReadOnlyMode `Editor#enableReadOnlyMode()`} and\n\t * {@link module:editor-multi-root/multirooteditor~MultiRootEditor#enableRoot `MultiRootEditor#enableRoot()`}.\n\t *\n\t * @param rootName Name of the root to switch to read-only mode.\n\t * @param lockId A unique ID for setting the editor to the read-only state.\n\t */ disableRoot(rootName, lockId) {\n        if (rootName == '$graveyard') {\n            /**\n\t\t\t * You cannot disable the `$graveyard` root.\n\t\t\t *\n\t\t\t * @error multi-root-editor-cannot-disable-graveyard-root\n\t\t\t */ throw new CKEditorError('multi-root-editor-cannot-disable-graveyard-root', this);\n        }\n        const locksForGivenRoot = this._readOnlyRootLocks.get(rootName);\n        if (locksForGivenRoot) {\n            locksForGivenRoot.add(lockId);\n        } else {\n            this._readOnlyRootLocks.set(rootName, new Set([\n                lockId\n            ]));\n            const editableRootElement = this.editing.view.document.getRoot(rootName);\n            editableRootElement.isReadOnly = true;\n            // Since one of the roots has changed read-only state, we need to refresh all commands that affect data.\n            Array.from(this.commands.commands()).forEach((command)=>command.affectsData && command.refresh());\n        }\n    }\n    /**\n\t * Removes given read-only lock from the given root.\n\t *\n\t * See {@link module:editor-multi-root/multirooteditor~MultiRootEditor#disableRoot `disableRoot()`}.\n\t *\n\t * @param rootName Name of the root to switch back from the read-only mode.\n\t * @param lockId A unique ID for setting the editor to the read-only state.\n\t */ enableRoot(rootName, lockId) {\n        const locksForGivenRoot = this._readOnlyRootLocks.get(rootName);\n        if (!locksForGivenRoot || !locksForGivenRoot.has(lockId)) {\n            return;\n        }\n        if (locksForGivenRoot.size === 1) {\n            this._readOnlyRootLocks.delete(rootName);\n            const editableRootElement = this.editing.view.document.getRoot(rootName);\n            editableRootElement.isReadOnly = this.isReadOnly;\n            // Since one of the roots has changed read-only state, we need to refresh all commands that affect data.\n            Array.from(this.commands.commands()).forEach((command)=>command.affectsData && command.refresh());\n        } else {\n            locksForGivenRoot.delete(lockId);\n        }\n    }\n    /**\n\t * Creates a new multi-root editor instance.\n\t *\n\t * **Note:** remember that `MultiRootEditor` does not append the toolbar element to your web page, so you have to do it manually\n\t * after the editor has been initialized.\n\t *\n\t * There are a few different ways to initialize the multi-root editor.\n\t *\n\t * # Using existing DOM elements:\n\t *\n\t * ```ts\n\t * MultiRootEditor.create( {\n\t * \tintro: document.querySelector( '#editor-intro' ),\n\t * \tcontent: document.querySelector( '#editor-content' ),\n\t * \tsidePanelLeft: document.querySelector( '#editor-side-left' ),\n\t * \tsidePanelRight: document.querySelector( '#editor-side-right' ),\n\t * \toutro: document.querySelector( '#editor-outro' )\n\t * } )\n\t * .then( editor => {\n\t * \tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t// Append the toolbar inside a provided DOM element.\n\t * \tdocument.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );\n\t * } )\n\t * .catch( err => {\n\t * \tconsole.error( err.stack );\n\t * } );\n\t * ```\n\t *\n\t * The elements' content will be used as the editor data and elements will become editable elements.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as strings.\n\t * In this case, you will have to manually append both the toolbar element and the editable elements to your web page.\n\t *\n\t * ```ts\n\t * MultiRootEditor.create( {\n\t * \tintro: '<p><strong>Exciting</strong> intro text to an article.</p>',\n\t * \tcontent: '<p>Lorem ipsum dolor sit amet.</p>',\n\t * \tsidePanelLeft: '<blockquote>Strong quotation from article.</blockquote>',\n\t * \tsidePanelRight: '<p>List of similar articles...</p>',\n\t * \toutro: '<p>Closing text.</p>'\n\t * } )\n\t * .then( editor => {\n\t * \tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t// Append the toolbar inside a provided DOM element.\n\t * \tdocument.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );\n\t *\n\t * \t// Append DOM editable elements created by the editor.\n\t * \tconst editables = editor.ui.view.editables;\n\t * \tconst container = document.querySelector( '#editable-container' );\n\t *\n\t * \tcontainer.appendChild( editables.intro.element );\n\t * \tcontainer.appendChild( editables.content.element );\n\t * \tcontainer.appendChild( editables.outro.element );\n\t * } )\n\t * .catch( err => {\n\t * \tconsole.error( err.stack );\n\t * } );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Using an existing DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * MultiRootEditor.create( {\n\t * \tintro: document.querySelector( '#editor-intro' ),\n\t * \tcontent: document.querySelector( '#editor-content' ),\n\t * \tsidePanelLeft: document.querySelector( '#editor-side-left' ),\n\t * \tsidePanelRight: document.querySelector( '#editor-side-right' ),\n\t * \toutro: document.querySelector( '#editor-outro' )\n\t * }, {\n\t * \tinitialData: {\n\t * \t\tintro: '<p><strong>Exciting</strong> intro text to an article.</p>',\n\t * \t\tcontent: '<p>Lorem ipsum dolor sit amet.</p>',\n\t * \t\tsidePanelLeft '<blockquote>Strong quotation from article.</blockquote>':\n\t * \t\tsidePanelRight '<p>List of similar articles...</p>':\n\t * \t\toutro: '<p>Closing text.</p>'\n\t * \t}\n\t * } )\n\t * .then( editor => {\n\t * \tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t// Append the toolbar inside a provided DOM element.\n\t * \tdocument.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );\n\t * } )\n\t * .catch( err => {\n\t * \tconsole.error( err.stack );\n\t * } );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * @param sourceElementsOrData The DOM elements that will be the source for the created editor\n\t * or the editor's initial data. The editor will initialize multiple roots with names according to the keys in the passed object.\n\t *\n\t * If DOM elements are passed, their content will be automatically loaded to the editor upon initialization and the elements will be\n\t * used as the editor's editable areas. The editor data will be set back to the original element once the editor is destroyed if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy} option\n\t * is set to `true`.\n\t *\n\t * If the initial data is passed, a detached editor will be created. For each entry in the passed object, one editor root and one\n\t * editable DOM element will be created. You will need to attach the editable elements into the DOM manually. The elements are available\n\t * through the {@link module:editor-multi-root/multirooteditorui~MultiRootEditorUI#getEditableElement `editor.ui.getEditableElement()`}\n\t * method.\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */ static create(sourceElementsOrData, config = {}) {\n        return new Promise((resolve)=>{\n            for (const sourceItem of Object.values(sourceElementsOrData)){\n                if (isElement(sourceItem) && sourceItem.tagName === 'TEXTAREA') {\n                    // Documented in core/editor/editor.js\n                    // eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n                    throw new CKEditorError('editor-wrong-element', null);\n                }\n            }\n            const editor = new this(sourceElementsOrData, config);\n            resolve(editor.initPlugins().then(()=>editor.ui.init()).then(()=>{\n                // This is checked directly before setting the initial data,\n                // as plugins may change `EditorConfig#initialData` value.\n                editor._verifyRootsWithInitialData();\n                return editor.data.init(editor.config.get('initialData'));\n            }).then(()=>editor.fire('ready')).then(()=>editor));\n        });\n    }\n    /**\n\t * @internal\n\t */ _verifyRootsWithInitialData() {\n        const initialData = this.config.get('initialData');\n        // Roots that are not in the initial data.\n        for (const rootName of this.model.document.getRootNames()){\n            if (!(rootName in initialData)) {\n                /**\n\t\t\t\t * Editor roots do not match the\n\t\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#initialData `initialData` configuration}.\n\t\t\t\t *\n\t\t\t\t * This may happen for one of the two reasons:\n\t\t\t\t *\n\t\t\t\t * * Configuration error. The `sourceElementsOrData` parameter in\n\t\t\t\t * {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`} contains different\n\t\t\t\t * roots than {@link module:core/editor/editorconfig~EditorConfig#initialData `initialData` configuration}.\n\t\t\t\t * * As the editor was initialized, the {@link module:core/editor/editorconfig~EditorConfig#initialData `initialData`}\n\t\t\t\t * configuration value or the state of the editor roots has been changed.\n\t\t\t\t *\n\t\t\t\t * @error multi-root-editor-root-initial-data-mismatch\n\t\t\t\t */ throw new CKEditorError('multi-root-editor-root-initial-data-mismatch', null);\n            }\n        }\n        // Roots that are not in the editor.\n        for (const rootName of Object.keys(initialData)){\n            const root = this.model.document.getRoot(rootName);\n            if (!root || !root.isAttached()) {\n                throw new CKEditorError('multi-root-editor-root-initial-data-mismatch', null);\n            }\n        }\n    }\n}\nfunction getInitialData(sourceElementOrData) {\n    return isElement(sourceElementOrData) ? getDataFromElement(sourceElementOrData) : sourceElementOrData;\n}\nfunction isElement(value) {\n    return isElement$1(value);\n}\n\nexport { MultiRootEditor, MultiRootEditorUI, MultiRootEditorUIView };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-multi-root/multirooteditorui\n */\n\nimport {\n\ttype Editor\n} from 'ckeditor5/src/core.js';\n\nimport {\n\tEditorUI,\n\ttype EditorUIReadyEvent,\n\ttype InlineEditableUIView\n} from 'ckeditor5/src/ui.js';\n\nimport { enableViewPlaceholder } from 'ckeditor5/src/engine.js';\n\nimport { type MultiRootEditorUIView } from './multirooteditoruiview.js';\n\n/**\n * The multi-root editor UI class.\n */\nexport class MultiRootEditorUI extends EditorUI {\n\t/**\n\t * The main (top–most) view of the editor UI.\n\t */\n\tpublic readonly view: MultiRootEditorUIView;\n\n\t/**\n\t * The editable element that was focused the last time when any of the editables had focus.\n\t */\n\tprivate _lastFocusedEditableElement: HTMLElement | null;\n\n\t/**\n\t * Creates an instance of the multi-root editor UI class.\n\t *\n\t * @param editor The editor instance.\n\t * @param view The view of the UI.\n\t */\n\tconstructor( editor: Editor, view: MultiRootEditorUIView ) {\n\t\tsuper( editor );\n\n\t\tthis.view = view;\n\t\tthis._lastFocusedEditableElement = null;\n\t}\n\n\t/**\n\t * Initializes the UI.\n\t */\n\tpublic init(): void {\n\t\tconst view = this.view;\n\n\t\tview.render();\n\n\t\t// Keep track of the last focused editable element. Knowing which one was focused\n\t\t// is useful when the focus moves from editable to other UI components like balloons\n\t\t// (especially inputs) but the editable remains the \"focus context\" (e.g. link balloon\n\t\t// attached to a link in an editable). In this case, the editable should preserve visual\n\t\t// focus styles.\n\t\tthis.focusTracker.on( 'change:focusedElement', ( evt, name, focusedElement ) => {\n\t\t\tfor ( const editable of Object.values( this.view.editables ) ) {\n\t\t\t\tif ( focusedElement === editable.element ) {\n\t\t\t\t\tthis._lastFocusedEditableElement = editable.element;\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// If the focus tracker loses focus, stop tracking the last focused editable element.\n\t\t// Wherever the focus is restored, it will no longer be in the context of that editable\n\t\t// because the focus \"came from the outside\", as opposed to the focus moving from one element\n\t\t// to another within the editor UI.\n\t\tthis.focusTracker.on( 'change:isFocused', ( evt, name, isFocused ) => {\n\t\t\tif ( !isFocused ) {\n\t\t\t\tthis._lastFocusedEditableElement = null;\n\t\t\t}\n\t\t} );\n\n\t\tfor ( const editable of Object.values( this.view.editables ) ) {\n\t\t\tthis.addEditable( editable );\n\t\t}\n\n\t\tthis._initToolbar();\n\t\tthis.initMenuBar( this.view.menuBarView! );\n\t\tthis.fire<EditorUIReadyEvent>( 'ready' );\n\t}\n\n\t/**\n\t * Adds the editable to the editor UI.\n\t *\n\t * After the editable is added to the editor UI it can be considered \"active\".\n\t *\n\t * The editable is attached to the editor editing pipeline, which means that it will be updated as the editor model updates and\n\t * changing its content will be reflected in the editor model. Keystrokes, focus handling and placeholder are initialized.\n\t *\n\t * @param editable The editable instance to add.\n\t * @param placeholder Placeholder for the editable element. If not set, placeholder value from the\n\t * {@link module:core/editor/editorconfig~EditorConfig#placeholder editor configuration} will be used (if it was provided).\n\t */\n\tpublic addEditable( editable: InlineEditableUIView, placeholder?: string ): void {\n\t\t// The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n\t\t// But it can be available earlier if a DOM element has been passed to `MultiRootEditor.create()`.\n\t\tconst editableElement = editable.element!;\n\n\t\t// Bind the editable UI element to the editing view, making it an end– and entry–point\n\t\t// of the editor's engine. This is where the engine meets the UI.\n\t\tthis.editor.editing.view.attachDomRoot( editableElement, editable.name! );\n\n\t\t// Register each editable UI view in the editor.\n\t\tthis.setEditableElement( editable.name!, editableElement );\n\n\t\t// Let the editable UI element respond to the changes in the global editor focus\n\t\t// tracker. It has been added to the same tracker a few lines above but, in reality, there are\n\t\t// many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n\t\t// as they have focus, the editable should act like it is focused too (although technically\n\t\t// it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n\t\t// Doing otherwise will result in editable focus styles disappearing, once e.g. the\n\t\t// toolbar gets focused.\n\t\teditable.bind( 'isFocused' ).to( this.focusTracker, 'isFocused', this.focusTracker, 'focusedElement',\n\t\t\t( isFocused: boolean, focusedElement: Element | null ) => {\n\t\t\t\t// When the focus tracker is blurred, it means the focus moved out of the editor UI.\n\t\t\t\t// No editable will maintain focus then.\n\t\t\t\tif ( !isFocused ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\t// If the focus tracker says the editor UI is focused and currently focused element\n\t\t\t\t// is the editable, then the editable should be visually marked as focused too.\n\t\t\t\tif ( focusedElement === editableElement ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\t// If the focus tracker says the editor UI is focused but the focused element is\n\t\t\t\t// not an editable, it is possible that the editable is still (context–)focused.\n\t\t\t\t// For instance, the focused element could be an input inside of a balloon attached\n\t\t\t\t// to the content in the editable. In such case, the editable should remain _visually_\n\t\t\t\t// focused even though technically the focus is somewhere else. The focus moved from\n\t\t\t\t// the editable to the input but the focus context remained the same.\n\t\t\t\telse {\n\t\t\t\t\treturn this._lastFocusedEditableElement === editableElement;\n\t\t\t\t}\n\t\t\t} );\n\n\t\tthis._initPlaceholder( editable, placeholder );\n\t}\n\n\t/**\n\t * Removes the editable instance from the editor UI.\n\t *\n\t * Removed editable can be considered \"deactivated\".\n\t *\n\t * The editable is detached from the editing pipeline, so model changes are no longer reflected in it. All handling added in\n\t * {@link #addEditable} is removed.\n\t *\n\t * @param editable Editable to remove from the editor UI.\n\t */\n\tpublic removeEditable( editable: InlineEditableUIView ): void {\n\t\tconst editingView = this.editor.editing.view;\n\n\t\tif ( editingView.getDomRoot( editable.name! ) ) {\n\t\t\teditingView.detachDomRoot( editable.name! );\n\t\t}\n\n\t\teditable.unbind( 'isFocused' );\n\t\tthis.removeEditableElement( editable.name! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tfor ( const editable of Object.values( this.view.editables ) ) {\n\t\t\tthis.removeEditable( editable );\n\t\t}\n\n\t\tthis.view.destroy();\n\t}\n\n\t/**\n\t * Initializes the editor main toolbar and its panel.\n\t */\n\tprivate _initToolbar(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\t\tconst toolbar = view.toolbar;\n\n\t\ttoolbar.fillFromConfig( editor.config.get( 'toolbar' ), this.componentFactory );\n\n\t\t// Register the toolbar, so it becomes available for Alt+F10 and Esc navigation.\n\t\tthis.addToolbar( view.toolbar );\n\t}\n\n\t/**\n\t * Enables the placeholder text on a given editable.\n\t *\n\t * @param editable Editable on which the placeholder should be set.\n\t * @param placeholder Placeholder for the editable element. If not set, placeholder value from the\n\t * {@link module:core/editor/editorconfig~EditorConfig#placeholder editor configuration} will be used (if it was provided).\n\t */\n\tprivate _initPlaceholder( editable: InlineEditableUIView, placeholder?: string ): void {\n\t\tif ( !placeholder ) {\n\t\t\tconst configPlaceholder = this.editor.config.get( 'placeholder' );\n\n\t\t\tif ( configPlaceholder ) {\n\t\t\t\tplaceholder = typeof configPlaceholder === 'string' ? configPlaceholder : configPlaceholder[ editable.name! ];\n\t\t\t}\n\t\t}\n\n\t\tconst editingView = this.editor.editing.view;\n\t\tconst editingRoot = editingView.document.getRoot( editable.name! )!;\n\n\t\tif ( placeholder ) {\n\t\t\teditingRoot.placeholder = placeholder;\n\t\t}\n\n\t\tenableViewPlaceholder( {\n\t\t\tview: editingView,\n\t\t\telement: editingRoot,\n\t\t\tisDirectHost: false,\n\t\t\tkeepOnFocus: true\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-multi-root/multirooteditoruiview\n */\n\nimport { EditorUIView, InlineEditableUIView, MenuBarView, ToolbarView } from 'ckeditor5/src/ui.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\nimport type { EditingView } from 'ckeditor5/src/engine.js';\n\n/**\n * The multi-root editor UI view. It is a virtual view providing an inline\n * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#editable} and a\n * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#toolbar}, but without any\n * specific arrangement of the components in the DOM.\n *\n * See {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`}\n * to learn more about this view.\n */\nexport class MultiRootEditorUIView extends EditorUIView {\n\t/**\n\t * The main toolbar of the multi-root editor UI.\n\t */\n\tpublic override readonly toolbar: ToolbarView;\n\n\t/**\n\t * Editable elements used by the multi-root editor UI.\n\t */\n\tpublic readonly editables: Record<string, InlineEditableUIView>;\n\n\tpublic readonly editable: InlineEditableUIView;\n\n\t/**\n\t * Menu bar view instance.\n\t */\n\tpublic override menuBarView: MenuBarView;\n\n\t/**\n\t * The editing view instance this view is related to.\n\t */\n\tprivate readonly _editingView: EditingView;\n\n\t/**\n\t * Creates an instance of the multi-root editor UI view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param editingView The editing view instance this view is related to.\n\t * @param editableNames Names for all editable views. For each name, one\n\t * {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView `InlineEditableUIView`} instance will be initialized.\n\t * @param options Configuration options for the view instance.\n\t * @param options.editableElements The editable elements to be used, assigned to their names. If not specified, they will be\n\t * automatically created by {@link module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView `InlineEditableUIView`}\n\t * instances.\n\t * @param options.shouldToolbarGroupWhenFull When set to `true` enables automatic items grouping\n\t * in the main {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#toolbar toolbar}.\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.\n\t * @param options.label When set, this value will be used as an accessible `aria-label` of the\n\t * {@link module:ui/editableui/editableuiview~EditableUIView editable view} elements.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\teditingView: EditingView,\n\t\teditableNames: Array<string>,\n\t\toptions: {\n\t\t\teditableElements?: Record<string, HTMLElement>;\n\t\t\tshouldToolbarGroupWhenFull?: boolean;\n\t\t\tlabel?: string | Record<string, string>;\n\t\t} = {}\n\t) {\n\t\tsuper( locale );\n\n\t\tthis._editingView = editingView;\n\n\t\tthis.toolbar = new ToolbarView( locale, {\n\t\t\tshouldGroupWhenFull: options.shouldToolbarGroupWhenFull\n\t\t} );\n\n\t\tthis.menuBarView = new MenuBarView( locale );\n\n\t\tthis.editables = {};\n\n\t\t// Create `InlineEditableUIView` instance for each editable.\n\t\tfor ( const editableName of editableNames ) {\n\t\t\tconst editableElement = options.editableElements ? options.editableElements[ editableName ] : undefined;\n\t\t\tlet { label } = options;\n\n\t\t\tif ( typeof label === 'object' ) {\n\t\t\t\tlabel = label[ editableName ];\n\t\t\t}\n\n\t\t\tthis.createEditable( editableName, editableElement, label );\n\t\t}\n\n\t\tthis.editable = Object.values( this.editables )[ 0 ];\n\n\t\t// This toolbar may be placed anywhere in the page so things like font size need to be reset in it.\n\t\t// Because of the above, make sure the toolbar supports rounded corners.\n\t\t// Also, make sure the toolbar has the proper dir attribute because its ancestor may not have one\n\t\t// and some toolbar item styles depend on this attribute.\n\t\tthis.toolbar.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-reset_all',\n\t\t\t\t\t'ck-rounded-corners'\n\t\t\t\t],\n\t\t\t\tdir: locale.uiLanguageDirection\n\t\t\t}\n\t\t} );\n\n\t\tthis.menuBarView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-reset_all',\n\t\t\t\t\t'ck-rounded-corners'\n\t\t\t\t],\n\t\t\t\tdir: locale.uiLanguageDirection\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Creates an editable instance with given name and registers it in the editor UI view.\n\t *\n\t * If `editableElement` is provided, the editable instance will be created on top of it. Otherwise, the editor will create a new\n\t * DOM element and use it instead.\n\t *\n\t * @param editableName The name for the editable.\n\t * @param editableElement DOM element for which the editable should be created.\n\t * @param label The accessible editable label used by assistive technologies.\n\t * @returns The created editable instance.\n\t */\n\tpublic createEditable( editableName: string, editableElement?: HTMLElement, label?: string ): InlineEditableUIView {\n\t\tconst editable = new InlineEditableUIView( this.locale, this._editingView, editableElement, {\n\t\t\tlabel\n\t\t} );\n\n\t\tthis.editables[ editableName ] = editable;\n\t\teditable.name = editableName;\n\n\t\tif ( this.isRendered ) {\n\t\t\tthis.registerChild( editable );\n\t\t}\n\n\t\treturn editable;\n\t}\n\n\t/**\n\t * Destroys and removes the editable from the editor UI view.\n\t *\n\t * @param editableName The name of the editable that should be removed.\n\t */\n\tpublic removeEditable( editableName: string ): void {\n\t\tconst editable = this.editables[ editableName ];\n\n\t\tif ( this.isRendered ) {\n\t\t\tthis.deregisterChild( editable );\n\t\t}\n\n\t\tdelete this.editables[ editableName ];\n\n\t\teditable.destroy();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.registerChild( Object.values( this.editables ) );\n\t\tthis.registerChild( this.toolbar );\n\t\tthis.registerChild( this.menuBarView );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 editor-multi-root/multirooteditor\n */\n\nimport {\n\tEditor,\n\tsecureSourceElement,\n\ttype EditorConfig,\n\ttype EditorReadyEvent\n} from 'ckeditor5/src/core.js';\n\nimport {\n\tCKEditorError,\n\tgetDataFromElement,\n\tsetDataInElement,\n\tlogWarning,\n\tdecodeLicenseKey,\n\tisFeatureBlockedByLicenseKey,\n\ttype CollectionAddEvent,\n\ttype DecoratedMethodEvent\n} from 'ckeditor5/src/utils.js';\n\nimport { MultiRootEditorUI } from './multirooteditorui.js';\nimport { MultiRootEditorUIView } from './multirooteditoruiview.js';\n\nimport { isElement as _isElement } from 'es-toolkit/compat';\nimport {\n\ttype ModelRootElement,\n\ttype ViewRootEditableElement,\n\ttype ModelWriter,\n\ttype ModelCanEditAtEvent\n} from 'ckeditor5/src/engine.js';\n\n/**\n * The multi-root editor implementation.\n *\n * The multi-root editor provides multiple inline editable elements and a toolbar. All editable areas are controlled by one editor\n * instance, which means that they share common configuration, document ID, or undo stack.\n *\n * This type of editor is dedicated to integrations which require a customized UI with an open structure, featuring multiple editable areas,\n * allowing developers to have a control over the exact location of these editable areas.\n *\n * In order to create a multi-root editor instance, use the static\n * {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`} method.\n *\n * Note that you will need to attach the editor toolbar to your web page manually, in a desired place, after the editor is initialized.\n */\nexport class MultiRootEditor extends Editor {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get editorName(): 'MultiRootEditor' {\n\t\treturn 'MultiRootEditor';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly ui: MultiRootEditorUI;\n\n\t/**\n\t * The elements on which the editor has been initialized.\n\t */\n\tpublic readonly sourceElements: Record<string, HTMLElement>;\n\n\t/**\n\t * Holds attributes keys that were passed in {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `rootsAttributes`}\n\t * config property and should be returned by {@link #getRootsAttributes}.\n\t */\n\tprivate readonly _registeredRootsAttributesKeys = new Set<string>();\n\n\t/**\n\t * A set of lock IDs for enabling or disabling particular root.\n\t */\n\tprivate readonly _readOnlyRootLocks = new Map<string, Set<symbol | string>>();\n\n\t/**\n\t * Creates an instance of the multi-root editor.\n\t *\n\t * **Note:** Do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`} method instead.\n\t *\n\t * @param sourceElementsOrData The DOM elements that will be the source for the created editor\n\t * or the editor's initial data. The editor will initialize multiple roots with names according to the keys in the passed object.\n\t * For more information see {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`}.\n\t * @param config The editor configuration.\n\t */\n\tprotected constructor( sourceElementsOrData: Record<string, HTMLElement> | Record<string, string>, config: EditorConfig = {} ) {\n\t\tconst rootNames = Object.keys( sourceElementsOrData );\n\t\tconst sourceIsData = rootNames.length === 0 || typeof sourceElementsOrData[ rootNames[ 0 ] ] === 'string';\n\n\t\tif ( sourceIsData && config.initialData !== undefined && Object.keys( config.initialData ).length > 0 ) {\n\t\t\t// Documented in core/editor/editorconfig.jsdoc.\n\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\tthrow new CKEditorError( 'editor-create-initial-data', null );\n\t\t}\n\n\t\tsuper( config );\n\n\t\tif ( !sourceIsData ) {\n\t\t\tthis.sourceElements = sourceElementsOrData as Record<string, HTMLElement>;\n\t\t} else {\n\t\t\tthis.sourceElements = {};\n\t\t}\n\n\t\tif ( this.config.get( 'initialData' ) === undefined ) {\n\t\t\t// Create initial data object containing data from all roots.\n\t\t\tconst initialData: Record<string, string> = {};\n\n\t\t\tfor ( const rootName of rootNames ) {\n\t\t\t\tinitialData[ rootName ] = getInitialData( sourceElementsOrData[ rootName ] );\n\t\t\t}\n\n\t\t\tthis.config.set( 'initialData', initialData );\n\t\t}\n\n\t\tif ( !sourceIsData ) {\n\t\t\tfor ( const rootName of rootNames ) {\n\t\t\t\tsecureSourceElement( this, sourceElementsOrData[ rootName ] as HTMLElement );\n\t\t\t}\n\t\t}\n\n\t\tthis.editing.view.document.roots.on<CollectionAddEvent<ViewRootEditableElement>>( 'add', ( evt, viewRoot ) => {\n\t\t\t// Here we change the standard binding of readOnly flag by adding\n\t\t\t// additional constraint that multi-root has (enabling / disabling particular root).\n\t\t\tviewRoot.unbind( 'isReadOnly' );\n\t\t\tviewRoot.bind( 'isReadOnly' ).to( this.editing.view.document, 'isReadOnly', isReadOnly => {\n\t\t\t\treturn isReadOnly || this._readOnlyRootLocks.has( viewRoot.rootName );\n\t\t\t} );\n\n\t\t\t// Hacky solution to nested editables.\n\t\t\t// Nested editables should be managed each separately and do not base on view document or view root.\n\t\t\tviewRoot.on( 'change:isReadOnly', ( evt, prop, value ) => {\n\t\t\t\tconst viewRange = this.editing.view.createRangeIn( viewRoot );\n\n\t\t\t\tfor ( const viewItem of viewRange.getItems() ) {\n\t\t\t\t\tif ( viewItem.is( 'editableElement' ) ) {\n\t\t\t\t\t\tviewItem.unbind( 'isReadOnly' );\n\t\t\t\t\t\tviewItem.isReadOnly = value;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\n\t\tfor ( const rootName of rootNames ) {\n\t\t\t// Create root and `UIView` element for each editable container.\n\t\t\tthis.model.document.createRoot( '$root', rootName );\n\t\t}\n\n\t\tif ( this.config.get( 'lazyRoots' ) ) {\n\t\t\tfor ( const rootName of this.config.get( 'lazyRoots' )! ) {\n\t\t\t\tconst root = this.model.document.createRoot( '$root', rootName );\n\n\t\t\t\troot._isLoaded = false;\n\t\t\t}\n\t\t}\n\n\t\tif ( this.config.get( 'rootsAttributes' ) ) {\n\t\t\tconst rootsAttributes = this.config.get( 'rootsAttributes' )!;\n\n\t\t\tfor ( const [ rootName, attributes ] of Object.entries( rootsAttributes ) ) {\n\t\t\t\tif ( !this.model.document.getRoot( rootName ) ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * Trying to set attributes on a non-existing root.\n\t\t\t\t\t *\n\t\t\t\t\t * Roots specified in {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes} do not match initial\n\t\t\t\t\t * editor roots.\n\t\t\t\t\t *\n\t\t\t\t\t * @error multi-root-editor-root-attributes-no-root\n\t\t\t\t\t */\n\t\t\t\t\tthrow new CKEditorError( 'multi-root-editor-root-attributes-no-root', null );\n\t\t\t\t}\n\n\t\t\t\tfor ( const key of Object.keys( attributes ) ) {\n\t\t\t\t\tthis.registerRootAttribute( key );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.data.on( 'init', () => {\n\t\t\t\tthis.model.enqueueChange( { isUndoable: false }, writer => {\n\t\t\t\t\tfor ( const [ name, attributes ] of Object.entries( rootsAttributes ) ) {\n\t\t\t\t\t\tconst root = this.model.document.getRoot( name )!;\n\n\t\t\t\t\t\tfor ( const [ key, value ] of Object.entries( attributes ) ) {\n\t\t\t\t\t\t\tif ( value !== null ) {\n\t\t\t\t\t\t\t\twriter.setAttribute( key, value, root! );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\n\t\tconst options = {\n\t\t\tshouldToolbarGroupWhenFull: !this.config.get( 'toolbar.shouldNotGroupWhenFull' ),\n\t\t\teditableElements: sourceIsData ? undefined : sourceElementsOrData as Record<string, HTMLElement>,\n\t\t\tlabel: this.config.get( 'label' )\n\t\t};\n\n\t\tconst view = new MultiRootEditorUIView( this.locale, this.editing.view, rootNames, options );\n\n\t\tthis.ui = new MultiRootEditorUI( this, view );\n\n\t\tthis.model.document.on( 'change:data', () => {\n\t\t\tconst changedRoots = this.model.document.differ.getChangedRoots();\n\n\t\t\t// Fire detaches first. If there are multiple roots removed and added in one batch, it should be easier to handle if\n\t\t\t// changes aren't mixed. Detaching will usually lead to just removing DOM elements. Detaching first will lead to a clean DOM\n\t\t\t// when new editables are added in `addRoot` event.\n\t\t\tfor ( const changes of changedRoots ) {\n\t\t\t\tconst root = this.model.document.getRoot( changes.name )!;\n\n\t\t\t\tif ( changes.state == 'detached' ) {\n\t\t\t\t\tthis.fire<DetachRootEvent>( 'detachRoot', root );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( const changes of changedRoots ) {\n\t\t\t\tconst root = this.model.document.getRoot( changes.name )!;\n\n\t\t\t\tif ( changes.state == 'attached' ) {\n\t\t\t\t\tthis.fire<AddRootEvent>( 'addRoot', root );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Overwrite `Model#canEditAt()` decorated method.\n\t\t// Check if the provided selection is inside a read-only root. If so, return `false`.\n\t\tthis.listenTo<ModelCanEditAtEvent>( this.model, 'canEditAt', ( evt, [ selection ] ) => {\n\t\t\t// Skip empty selections.\n\t\t\tif ( !selection ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet selectionInReadOnlyRoot = false;\n\n\t\t\tfor ( const range of selection.getRanges() ) {\n\t\t\t\tconst root = range.root as ModelRootElement;\n\n\t\t\t\tif ( this._readOnlyRootLocks.has( root.rootName ) ) {\n\t\t\t\t\tselectionInReadOnlyRoot = true;\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// If selection is in read-only root, return `false` and prevent further processing.\n\t\t\t// Otherwise, allow for other callbacks (or default callback) to evaluate.\n\t\t\tif ( selectionInReadOnlyRoot ) {\n\t\t\t\tevt.return = false;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\tthis.decorate( 'loadRoot' );\n\t\tthis.on<LoadRootEvent>( 'loadRoot', ( evt, [ rootName ] ) => {\n\t\t\tconst root = this.model.document.getRoot( rootName )!;\n\n\t\t\tif ( !root ) {\n\t\t\t\t/**\n\t\t\t\t * The root to load does not exist.\n\t\t\t\t *\n\t\t\t\t * @error multi-root-editor-load-root-no-root\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'multi-root-editor-load-root-no-root', this, { rootName } );\n\t\t\t}\n\n\t\t\tif ( root._isLoaded ) {\n\t\t\t\t/**\n\t\t\t\t * The root to load was already loaded before. The `loadRoot()` call has no effect.\n\t\t\t\t *\n\t\t\t\t * @error multi-root-editor-load-root-already-loaded\n\t\t\t\t */\n\t\t\t\tlogWarning( 'multi-root-editor-load-root-already-loaded' );\n\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'highest' } );\n\n\t\tverifyLicenseKey( this );\n\n\t\tfunction verifyLicenseKey( editor: MultiRootEditor ) {\n\t\t\tconst licenseKey = editor.config.get( 'licenseKey' );\n\t\t\tconst decodedPayload = decodeLicenseKey( licenseKey );\n\n\t\t\tif ( !decodedPayload ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( isFeatureBlockedByLicenseKey( decodedPayload, 'MRE' ) ) {\n\t\t\t\teditor.enableReadOnlyMode( Symbol( 'invalidLicense' ) );\n\t\t\t\teditor._showLicenseError( 'featureNotAllowed', 'Multi-root editor' );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the original editor element with the data if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy `updateSourceElementOnDestroy`}\n\t * configuration option is set to `true`.\n\t *\n\t * **Note**: The multi-root editor does not remove the toolbar and editable when destroyed. You can\n\t * do that yourself in the destruction chain, if you need to:\n\t *\n\t * ```ts\n\t * editor.destroy().then( () => {\n\t * \t// Remove the toolbar from DOM.\n\t * \teditor.ui.view.toolbar.element.remove();\n\t *\n\t * \t// Remove editable elements from DOM.\n\t * \tfor ( const editable of Object.values( editor.ui.view.editables ) ) {\n\t * \t    editable.element.remove();\n\t * \t}\n\t *\n\t * \tconsole.log( 'Editor was destroyed' );\n\t * } );\n\t * ```\n\t */\n\tpublic override destroy(): Promise<unknown> {\n\t\tconst shouldUpdateSourceElement = this.config.get( 'updateSourceElementOnDestroy' );\n\t\t// Cache the data and editable DOM elements, then destroy.\n\t\t// It's safe to assume that the model->view conversion will not work after `super.destroy()`,\n\t\t// same as `ui.getEditableElement()` method will not return editables.\n\t\tconst data: Record<string, string> = {};\n\n\t\tfor ( const rootName of Object.keys( this.sourceElements ) ) {\n\t\t\tdata[ rootName ] = shouldUpdateSourceElement ? this.getData( { rootName } ) : '';\n\t\t}\n\n\t\tthis.ui.destroy();\n\n\t\treturn super.destroy()\n\t\t\t.then( () => {\n\t\t\t\tfor ( const rootName of Object.keys( this.sourceElements ) ) {\n\t\t\t\t\tsetDataInElement( this.sourceElements[ rootName ], data[ rootName ] );\n\t\t\t\t}\n\t\t\t} );\n\t}\n\n\t/**\n\t * Adds a new root to the editor.\n\t *\n\t * ```ts\n\t * editor.addRoot( 'myRoot', { data: '<p>Initial root data.</p>' } );\n\t * ```\n\t *\n\t * After a root is added, you will be able to modify and retrieve its data.\n\t *\n\t * All root names must be unique. An error will be thrown if you will try to create a root with the name same as\n\t * an already existing, attached root. However, you can call this method for a detached root. See also {@link #detachRoot}.\n\t *\n\t * Whenever a root is added, the editor instance will fire {@link #event:addRoot `addRoot` event}. The event is also called when\n\t * the root is added indirectly, e.g. by the undo feature or on a remote client during real-time collaboration.\n\t *\n\t * Note, that this method only adds a root to the editor model. It **does not** create a DOM editable element for the new root.\n\t * Until such element is created (and attached to the root), the root is \"virtual\": it is not displayed anywhere and its data can\n\t * be changed only using the editor API.\n\t *\n\t * To create a DOM editable element for the root, listen to {@link #event:addRoot `addRoot` event} and call {@link #createEditable}.\n\t * Then, insert the DOM element in a desired place, that will depend on the integration with your application and your requirements.\n\t *\n\t * ```ts\n\t * editor.on( 'addRoot', ( evt, root ) => {\n\t * \tconst editableElement = editor.createEditable( root );\n\t *\n\t * \t// You may want to create a more complex DOM structure here.\n\t * \t//\n\t * \t// Alternatively, you may want to create a DOM structure before\n\t * \t// calling `editor.addRoot()` and only append `editableElement` at\n\t * \t// a proper place.\n\t *\n\t * \tdocument.querySelector( '#editors' ).appendChild( editableElement );\n\t * } );\n\t *\n\t * // ...\n\t *\n\t * editor.addRoot( 'myRoot' ); // Will create a root, a DOM editable element and append it to `#editors` container element.\n\t * ```\n\t *\n\t * You can set root attributes on the new root while you add it:\n\t *\n\t * ```ts\n\t * // Add a collapsed root at fourth position from top.\n\t * // Keep in mind that these are just examples of attributes. You need to provide your own features that will handle the attributes.\n\t * editor.addRoot( 'myRoot', { attributes: { isCollapsed: true, index: 4 } } );\n\t * ```\n\t *\n\t * Note that attributes added together with a root are automatically registered.\n\t *\n\t * See also {@link ~MultiRootEditor#registerRootAttribute `MultiRootEditor#registerRootAttribute()`} and\n\t * {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `config.rootsAttributes` configuration option}.\n\t *\n\t * By setting `isUndoable` flag to `true`, you can allow for detaching the root using the undo feature.\n\t *\n\t * Additionally, you can group adding multiple roots in one undo step. This can be useful if you add multiple roots that are\n\t * combined into one, bigger UI element, and want them all to be undone together.\n\t *\n\t * ```ts\n\t * let rowId = 0;\n\t *\n\t * editor.model.change( () => {\n\t * \teditor.addRoot( 'left-row-' + rowId, { isUndoable: true } );\n\t * \teditor.addRoot( 'center-row-' + rowId, { isUndoable: true } );\n\t * \teditor.addRoot( 'right-row-' + rowId, { isUndoable: true } );\n\t *\n\t * \trowId++;\n\t * } );\n\t * ```\n\t *\n\t * @param rootName Name of the root to add.\n\t * @param options Additional options for the added root.\n\t */\n\tpublic addRoot(\n\t\trootName: string,\n\t\t{ data = '', attributes = {}, elementName = '$root', isUndoable = false }: AddRootOptions = {}\n\t): void {\n\t\tconst _addRoot = ( writer: ModelWriter ) => {\n\t\t\tconst root = writer.addRoot( rootName, elementName );\n\n\t\t\tif ( data ) {\n\t\t\t\twriter.insert( this.data.parse( data, root ), root, 0 );\n\t\t\t}\n\n\t\t\tfor ( const key of Object.keys( attributes ) ) {\n\t\t\t\tthis.registerRootAttribute( key );\n\t\t\t\twriter.setAttribute( key, attributes[ key ], root );\n\t\t\t}\n\t\t};\n\n\t\tif ( isUndoable ) {\n\t\t\tthis.model.change( _addRoot );\n\t\t} else {\n\t\t\tthis.model.enqueueChange( { isUndoable: false }, _addRoot );\n\t\t}\n\t}\n\n\t/**\n\t * Detaches a root from the editor.\n\t *\n\t * ```ts\n\t * editor.detachRoot( 'myRoot' );\n\t * ```\n\t *\n\t * A detached root is not entirely removed from the editor model, however it can be considered removed.\n\t *\n\t * After a root is detached all its children are removed, all markers inside it are removed, and whenever something is inserted to it,\n\t * it is automatically removed as well. Finally, a detached root is not returned by\n\t * {@link module:engine/model/document~ModelDocument#getRootNames} by default.\n\t *\n\t * It is possible to re-add a previously detached root calling {@link #addRoot}.\n\t *\n\t * Whenever a root is detached, the editor instance will fire {@link #event:detachRoot `detachRoot` event}. The event is also\n\t * called when the root is detached indirectly, e.g. by the undo feature or on a remote client during real-time collaboration.\n\t *\n\t * Note, that this method only detached a root in the editor model. It **does not** destroy the DOM editable element linked with\n\t * the root and it **does not** remove the DOM element from the DOM structure of your application.\n\t *\n\t * To properly remove a DOM editable element after a root was detached, listen to {@link #event:detachRoot `detachRoot` event}\n\t * and call {@link #detachEditable}. Then, remove the DOM element from your application.\n\t *\n\t * ```ts\n\t * editor.on( 'detachRoot', ( evt, root ) => {\n\t * \tconst editableElement = editor.detachEditable( root );\n\t *\n\t * \t// You may want to do an additional DOM clean-up here.\n\t *\n\t * \teditableElement.remove();\n\t * } );\n\t *\n\t * // ...\n\t *\n\t * editor.detachRoot( 'myRoot' ); // Will detach the root, and remove the DOM editable element.\n\t * ```\n\t *\n\t * By setting `isUndoable` flag to `true`, you can allow for re-adding the root using the undo feature.\n\t *\n\t * Additionally, you can group detaching multiple roots in one undo step. This can be useful if the roots are combined into one,\n\t * bigger UI element, and you want them all to be re-added together.\n\t *\n\t * ```ts\n\t * editor.model.change( () => {\n\t * \teditor.detachRoot( 'left-row-3', true );\n\t * \teditor.detachRoot( 'center-row-3', true );\n\t * \teditor.detachRoot( 'right-row-3', true );\n\t * } );\n\t * ```\n\t *\n\t * @param rootName Name of the root to detach.\n\t * @param isUndoable Whether detaching the root can be undone (using the undo feature) or not.\n\t */\n\tpublic detachRoot( rootName: string, isUndoable = false ): void {\n\t\tif ( isUndoable ) {\n\t\t\tthis.model.change( writer => writer.detachRoot( rootName ) );\n\t\t} else {\n\t\t\tthis.model.enqueueChange( { isUndoable: false }, writer => writer.detachRoot( rootName ) );\n\t\t}\n\t}\n\n\t/**\n\t * Creates and returns a new DOM editable element for the given root element.\n\t *\n\t * The new DOM editable is attached to the model root and can be used to modify the root content.\n\t *\n\t * @param root Root for which the editable element should be created.\n\t * @param placeholder Placeholder for the editable element. If not set, placeholder value from the\n\t * {@link module:core/editor/editorconfig~EditorConfig#placeholder editor configuration} will be used (if it was provided).\n\t * @param label The accessible label text describing the editable to the assistive technologies.\n\t * @returns The created DOM element. Append it in a desired place in your application.\n\t */\n\tpublic createEditable( root: ModelRootElement, placeholder?: string, label?: string ): HTMLElement {\n\t\tconst editable = this.ui.view.createEditable( root.rootName, undefined, label );\n\n\t\tthis.ui.addEditable( editable, placeholder );\n\n\t\tthis.editing.view.forceRender();\n\n\t\treturn editable.element!;\n\t}\n\n\t/**\n\t * Detaches the DOM editable element that was attached to the given root.\n\t *\n\t * @param root Root for which the editable element should be detached.\n\t * @returns The DOM element that was detached. You may want to remove it from your application DOM structure.\n\t */\n\tpublic detachEditable( root: ModelRootElement ): HTMLElement {\n\t\tconst rootName = root.rootName;\n\t\tconst editable = this.ui.view.editables[ rootName ];\n\n\t\tthis.ui.removeEditable( editable );\n\t\tthis.ui.view.removeEditable( rootName );\n\n\t\treturn editable.element!;\n\t}\n\n\t/**\n\t * Loads a root that has previously been declared in {@link module:core/editor/editorconfig~EditorConfig#lazyRoots `lazyRoots`}\n\t * configuration option.\n\t *\n\t * **Important! Lazy roots loading is an experimental feature, and may become deprecated. Be advised of the following\n\t * known limitations:**\n\t *\n\t * * **Real-time collaboration integrations that use\n\t * [uploaded editor bundles](https://ckeditor.com/docs/cs/latest/guides/collaboration/editor-bundle.html) are not supported. Using\n\t * lazy roots will lead to unexpected behavior and data loss.**\n\t * * **Revision history feature will read and process the whole document on editor initialization, possibly defeating the purpose\n\t * of using the lazy roots loading. Additionally, when the document is loaded for the first time, all roots need to be loaded,\n\t * to make sure that the initial revision data includes all roots. Otherwise, you may experience data loss.**\n\t * * **Multiple features, that require full document data to be loaded, will produce incorrect or confusing results if not all\n\t * roots are loaded. These include: bookmarks, find and replace, word count, pagination, document exports, document outline,\n\t * and table of contents.**\n\t *\n\t * Only roots specified in the editor config can be loaded. A root cannot be loaded multiple times. A root cannot be unloaded and\n\t * loading a root cannot be reverted using the undo feature.\n\t *\n\t * When a root becomes loaded, it will be treated by the editor as though it was just added. This, among others, means that all\n\t * related events and mechanisms will be fired, including {@link ~MultiRootEditor#event:addRoot `addRoot` event},\n\t * {@link module:engine/model/document~ModelDocument#event:change `model.Document` `change` event}, model post-fixers and conversion.\n\t *\n\t * Until the root becomes loaded, all above mechanisms are suppressed.\n\t *\n\t * This method is {@link module:utils/observablemixin~Observable#decorate decorated}.\n\t *\n\t * Note that attributes loaded together with a root are automatically registered.\n\t *\n\t * See also {@link ~MultiRootEditor#registerRootAttribute `MultiRootEditor#registerRootAttribute()`} and\n\t * {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `config.rootsAttributes` configuration option}.\n\t *\n\t * When this method is used in real-time collaboration environment, its effects become asynchronous as the editor will first synchronize\n\t * with the remote editing session, before the root is added to the editor.\n\t *\n\t * If the root has been already loaded by any other client, the additional data passed in `loadRoot()` parameters will be ignored.\n\t *\n\t * @param rootName Name of the root to load.\n\t * @param options Additional options for the loaded root.\n\t * @fires loadRoot\n\t */\n\tpublic loadRoot(\n\t\trootName: string,\n\t\t{ data = '', attributes = {} as Record<string, unknown> }: LoadRootOptions = {}\n\t): void {\n\t\t// `root` will be defined as it is guaranteed by a check in a higher priority callback.\n\t\tconst root = this.model.document.getRoot( rootName )!;\n\n\t\tthis.model.enqueueChange( { isUndoable: false }, writer => {\n\t\t\tif ( data ) {\n\t\t\t\twriter.insert( this.data.parse( data, root ), root, 0 );\n\t\t\t}\n\n\t\t\tfor ( const key of Object.keys( attributes ) ) {\n\t\t\t\tthis.registerRootAttribute( key );\n\n\t\t\t\twriter.setAttribute( key, attributes[ key ], root );\n\t\t\t}\n\n\t\t\troot._isLoaded = true;\n\n\t\t\tthis.model.document.differ._bufferRootLoad( root );\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the document data for all attached roots.\n\t *\n\t * @param options Additional configuration for the retrieved data.\n\t * Editor features may introduce more configuration options that can be set through this parameter.\n\t * @param options.trim Whether returned data should be trimmed. This option is set to `'empty'` by default,\n\t * which means that whenever editor content is considered empty, an empty string is returned. To turn off trimming\n\t * use `'none'`. In such cases exact content will be returned (for example `'<p>&nbsp;</p>'` for an empty editor).\n\t * @returns The full document data.\n\t */\n\tpublic getFullData( options?: Record<string, unknown> ): Record<string, string> {\n\t\tconst data: Record<string, string> = {};\n\n\t\tfor ( const rootName of this.model.document.getRootNames() ) {\n\t\t\tdata[ rootName ] = this.data.get( { ...options, rootName } );\n\t\t}\n\n\t\treturn data;\n\t}\n\n\t/**\n\t * Returns attributes for all attached roots.\n\t *\n\t * Note: all and only {@link ~MultiRootEditor#registerRootAttribute registered} roots attributes will be returned.\n\t * If a registered root attribute is not set for a given root, `null` will be returned.\n\t *\n\t * @returns Object with roots attributes. Keys are roots names, while values are attributes set on given root.\n\t */\n\tpublic getRootsAttributes(): Record<string, RootAttributes> {\n\t\tconst rootsAttributes: Record<string, RootAttributes> = {};\n\n\t\tfor ( const rootName of this.model.document.getRootNames() ) {\n\t\t\trootsAttributes[ rootName ] = this.getRootAttributes( rootName );\n\t\t}\n\n\t\treturn rootsAttributes;\n\t}\n\n\t/**\n\t * Returns attributes for the specified root.\n\t *\n\t * Note: all and only {@link ~MultiRootEditor#registerRootAttribute registered} roots attributes will be returned.\n\t * If a registered root attribute is not set for a given root, `null` will be returned.\n\t */\n\tpublic getRootAttributes( rootName: string ): RootAttributes {\n\t\tconst rootAttributes: RootAttributes = {};\n\t\tconst root = this.model.document.getRoot( rootName )!;\n\n\t\tfor ( const key of this._registeredRootsAttributesKeys ) {\n\t\t\trootAttributes[ key ] = root.hasAttribute( key ) ? root.getAttribute( key ) : null;\n\t\t}\n\n\t\treturn rootAttributes;\n\t}\n\n\t/**\n\t * Registers given string as a root attribute key. Registered root attributes are added to\n\t * {@link module:engine/model/schema~ModelSchema schema}, and also returned by\n\t * {@link ~MultiRootEditor#getRootAttributes `getRootAttributes()`} and\n\t * {@link ~MultiRootEditor#getRootsAttributes `getRootsAttributes()`}.\n\t *\n\t * Note: attributes passed in {@link module:core/editor/editorconfig~EditorConfig#rootsAttributes `config.rootsAttributes`} are\n\t * automatically registered as the editor is initialized. However, registering the same attribute twice does not have any negative\n\t * impact, so it is recommended to use this method in any feature that uses roots attributes.\n\t */\n\tpublic registerRootAttribute( key: string ): void {\n\t\tif ( this._registeredRootsAttributesKeys.has( key ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._registeredRootsAttributesKeys.add( key );\n\t\tthis.editing.model.schema.extend( '$root', { allowAttributes: key } );\n\t}\n\n\t/**\n\t * Switches given editor root to the read-only mode.\n\t *\n\t * In contrary to {@link module:core/editor/editor~Editor#enableReadOnlyMode `enableReadOnlyMode()`}, which switches the whole editor\n\t * to the read-only mode, this method turns only a particular root to the read-only mode. This can be useful when you want to prevent\n\t * editing only a part of the editor content.\n\t *\n\t * When you switch a root to the read-only mode, you need provide a unique identifier (`lockId`) that will identify this request. You\n\t * will need to provide the same `lockId` when you will want to\n\t * {@link module:editor-multi-root/multirooteditor~MultiRootEditor#enableRoot re-enable} the root.\n\t *\n\t * ```ts\n\t * const model = editor.model;\n\t * const myRoot = model.document.getRoot( 'myRoot' );\n\t *\n\t * editor.disableRoot( 'myRoot', 'my-lock' );\n\t * model.canEditAt( myRoot ); // `false`\n\t *\n\t * editor.disableRoot( 'myRoot', 'other-lock' );\n\t * editor.disableRoot( 'myRoot', 'other-lock' ); // Multiple locks with the same ID have no effect.\n\t * model.canEditAt( myRoot ); // `false`\n\t *\n\t * editor.enableRoot( 'myRoot', 'my-lock' );\n\t * model.canEditAt( myRoot ); // `false`\n\t *\n\t * editor.enableRoot( 'myRoot', 'other-lock' );\n\t * model.canEditAt( myRoot ); // `true`\n\t * ```\n\t *\n\t * See also {@link module:core/editor/editor~Editor#enableReadOnlyMode `Editor#enableReadOnlyMode()`} and\n\t * {@link module:editor-multi-root/multirooteditor~MultiRootEditor#enableRoot `MultiRootEditor#enableRoot()`}.\n\t *\n\t * @param rootName Name of the root to switch to read-only mode.\n\t * @param lockId A unique ID for setting the editor to the read-only state.\n\t */\n\tpublic disableRoot( rootName: string, lockId: string | symbol ): void {\n\t\tif ( rootName == '$graveyard' ) {\n\t\t\t/**\n\t\t\t * You cannot disable the `$graveyard` root.\n\t\t\t *\n\t\t\t * @error multi-root-editor-cannot-disable-graveyard-root\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'multi-root-editor-cannot-disable-graveyard-root', this );\n\t\t}\n\n\t\tconst locksForGivenRoot = this._readOnlyRootLocks.get( rootName );\n\n\t\tif ( locksForGivenRoot ) {\n\t\t\tlocksForGivenRoot.add( lockId );\n\t\t} else {\n\t\t\tthis._readOnlyRootLocks.set( rootName, new Set( [ lockId ] ) );\n\n\t\t\tconst editableRootElement = this.editing.view.document.getRoot( rootName )!;\n\n\t\t\teditableRootElement.isReadOnly = true;\n\n\t\t\t// Since one of the roots has changed read-only state, we need to refresh all commands that affect data.\n\t\t\tArray.from( this.commands.commands() ).forEach( command => command.affectsData && command.refresh() );\n\t\t}\n\t}\n\n\t/**\n\t * Removes given read-only lock from the given root.\n\t *\n\t * See {@link module:editor-multi-root/multirooteditor~MultiRootEditor#disableRoot `disableRoot()`}.\n\t *\n\t * @param rootName Name of the root to switch back from the read-only mode.\n\t * @param lockId A unique ID for setting the editor to the read-only state.\n\t */\n\tpublic enableRoot( rootName: string, lockId: string | symbol ): void {\n\t\tconst locksForGivenRoot = this._readOnlyRootLocks.get( rootName );\n\n\t\tif ( !locksForGivenRoot || !locksForGivenRoot.has( lockId ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( locksForGivenRoot.size === 1 ) {\n\t\t\tthis._readOnlyRootLocks.delete( rootName );\n\n\t\t\tconst editableRootElement = this.editing.view.document.getRoot( rootName )!;\n\n\t\t\teditableRootElement.isReadOnly = this.isReadOnly;\n\n\t\t\t// Since one of the roots has changed read-only state, we need to refresh all commands that affect data.\n\t\t\tArray.from( this.commands.commands() ).forEach( command => command.affectsData && command.refresh() );\n\t\t} else {\n\t\t\tlocksForGivenRoot.delete( lockId );\n\t\t}\n\t}\n\n\t/**\n\t * Creates a new multi-root editor instance.\n\t *\n\t * **Note:** remember that `MultiRootEditor` does not append the toolbar element to your web page, so you have to do it manually\n\t * after the editor has been initialized.\n\t *\n\t * There are a few different ways to initialize the multi-root editor.\n\t *\n\t * # Using existing DOM elements:\n\t *\n\t * ```ts\n\t * MultiRootEditor.create( {\n\t * \tintro: document.querySelector( '#editor-intro' ),\n\t * \tcontent: document.querySelector( '#editor-content' ),\n\t * \tsidePanelLeft: document.querySelector( '#editor-side-left' ),\n\t * \tsidePanelRight: document.querySelector( '#editor-side-right' ),\n\t * \toutro: document.querySelector( '#editor-outro' )\n\t * } )\n\t * .then( editor => {\n\t * \tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t// Append the toolbar inside a provided DOM element.\n\t * \tdocument.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );\n\t * } )\n\t * .catch( err => {\n\t * \tconsole.error( err.stack );\n\t * } );\n\t * ```\n\t *\n\t * The elements' content will be used as the editor data and elements will become editable elements.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as strings.\n\t * In this case, you will have to manually append both the toolbar element and the editable elements to your web page.\n\t *\n\t * ```ts\n\t * MultiRootEditor.create( {\n\t * \tintro: '<p><strong>Exciting</strong> intro text to an article.</p>',\n\t * \tcontent: '<p>Lorem ipsum dolor sit amet.</p>',\n\t * \tsidePanelLeft: '<blockquote>Strong quotation from article.</blockquote>',\n\t * \tsidePanelRight: '<p>List of similar articles...</p>',\n\t * \toutro: '<p>Closing text.</p>'\n\t * } )\n\t * .then( editor => {\n\t * \tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t// Append the toolbar inside a provided DOM element.\n\t * \tdocument.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );\n\t *\n\t * \t// Append DOM editable elements created by the editor.\n\t * \tconst editables = editor.ui.view.editables;\n\t * \tconst container = document.querySelector( '#editable-container' );\n\t *\n\t * \tcontainer.appendChild( editables.intro.element );\n\t * \tcontainer.appendChild( editables.content.element );\n\t * \tcontainer.appendChild( editables.outro.element );\n\t * } )\n\t * .catch( err => {\n\t * \tconsole.error( err.stack );\n\t * } );\n\t * ```\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Using an existing DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t * ```ts\n\t * MultiRootEditor.create( {\n\t * \tintro: document.querySelector( '#editor-intro' ),\n\t * \tcontent: document.querySelector( '#editor-content' ),\n\t * \tsidePanelLeft: document.querySelector( '#editor-side-left' ),\n\t * \tsidePanelRight: document.querySelector( '#editor-side-right' ),\n\t * \toutro: document.querySelector( '#editor-outro' )\n\t * }, {\n\t * \tinitialData: {\n\t * \t\tintro: '<p><strong>Exciting</strong> intro text to an article.</p>',\n\t * \t\tcontent: '<p>Lorem ipsum dolor sit amet.</p>',\n\t * \t\tsidePanelLeft '<blockquote>Strong quotation from article.</blockquote>':\n\t * \t\tsidePanelRight '<p>List of similar articles...</p>':\n\t * \t\toutro: '<p>Closing text.</p>'\n\t * \t}\n\t * } )\n\t * .then( editor => {\n\t * \tconsole.log( 'Editor was initialized', editor );\n\t *\n\t * \t// Append the toolbar inside a provided DOM element.\n\t * \tdocument.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );\n\t * } )\n\t * .catch( err => {\n\t * \tconsole.error( err.stack );\n\t * } );\n\t * ```\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * @param sourceElementsOrData The DOM elements that will be the source for the created editor\n\t * or the editor's initial data. The editor will initialize multiple roots with names according to the keys in the passed object.\n\t *\n\t * If DOM elements are passed, their content will be automatically loaded to the editor upon initialization and the elements will be\n\t * used as the editor's editable areas. The editor data will be set back to the original element once the editor is destroyed if the\n\t * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy} option\n\t * is set to `true`.\n\t *\n\t * If the initial data is passed, a detached editor will be created. For each entry in the passed object, one editor root and one\n\t * editable DOM element will be created. You will need to attach the editable elements into the DOM manually. The elements are available\n\t * through the {@link module:editor-multi-root/multirooteditorui~MultiRootEditorUI#getEditableElement `editor.ui.getEditableElement()`}\n\t * method.\n\t * @param config The editor configuration.\n\t * @returns A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */\n\tpublic static override create(\n\t\tsourceElementsOrData: Record<string, HTMLElement> | Record<string, string>,\n\t\tconfig: EditorConfig = {}\n\t): Promise<MultiRootEditor> {\n\t\treturn new Promise( resolve => {\n\t\t\tfor ( const sourceItem of Object.values( sourceElementsOrData ) ) {\n\t\t\t\tif ( isElement( sourceItem ) && sourceItem.tagName === 'TEXTAREA' ) {\n\t\t\t\t\t// Documented in core/editor/editor.js\n\t\t\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\t\t\tthrow new CKEditorError( 'editor-wrong-element', null );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst editor = new this( sourceElementsOrData, config );\n\n\t\t\tresolve(\n\t\t\t\teditor.initPlugins()\n\t\t\t\t\t.then( () => editor.ui.init() )\n\t\t\t\t\t.then( () => {\n\t\t\t\t\t\t// This is checked directly before setting the initial data,\n\t\t\t\t\t\t// as plugins may change `EditorConfig#initialData` value.\n\t\t\t\t\t\teditor._verifyRootsWithInitialData();\n\n\t\t\t\t\t\treturn editor.data.init( editor.config.get( 'initialData' )! );\n\t\t\t\t\t} )\n\t\t\t\t\t.then( () => editor.fire<EditorReadyEvent>( 'ready' ) )\n\t\t\t\t\t.then( () => editor )\n\t\t\t);\n\t\t} );\n\t}\n\n\t/**\n\t * @internal\n\t */\n\tprivate _verifyRootsWithInitialData(): void {\n\t\tconst initialData = this.config.get( 'initialData' ) as Record<string, string>;\n\n\t\t// Roots that are not in the initial data.\n\t\tfor ( const rootName of this.model.document.getRootNames() ) {\n\t\t\tif ( !( rootName in initialData ) ) {\n\t\t\t\t/**\n\t\t\t\t * Editor roots do not match the\n\t\t\t\t * {@link module:core/editor/editorconfig~EditorConfig#initialData `initialData` configuration}.\n\t\t\t\t *\n\t\t\t\t * This may happen for one of the two reasons:\n\t\t\t\t *\n\t\t\t\t * * Configuration error. The `sourceElementsOrData` parameter in\n\t\t\t\t * {@link module:editor-multi-root/multirooteditor~MultiRootEditor.create `MultiRootEditor.create()`} contains different\n\t\t\t\t * roots than {@link module:core/editor/editorconfig~EditorConfig#initialData `initialData` configuration}.\n\t\t\t\t * * As the editor was initialized, the {@link module:core/editor/editorconfig~EditorConfig#initialData `initialData`}\n\t\t\t\t * configuration value or the state of the editor roots has been changed.\n\t\t\t\t *\n\t\t\t\t * @error multi-root-editor-root-initial-data-mismatch\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'multi-root-editor-root-initial-data-mismatch', null );\n\t\t\t}\n\t\t}\n\n\t\t// Roots that are not in the editor.\n\t\tfor ( const rootName of Object.keys( initialData ) ) {\n\t\t\tconst root = this.model.document.getRoot( rootName );\n\n\t\t\tif ( !root || !root.isAttached() ) {\n\t\t\t\tthrow new CKEditorError( 'multi-root-editor-root-initial-data-mismatch', null );\n\t\t\t}\n\t\t}\n\t}\n}\n\nfunction getInitialData( sourceElementOrData: HTMLElement | string ): string {\n\treturn isElement( sourceElementOrData ) ? getDataFromElement( sourceElementOrData ) : sourceElementOrData;\n}\n\nfunction isElement( value: any ): value is Element {\n\treturn _isElement( value );\n}\n\n/**\n * Fired whenever a root is {@link ~MultiRootEditor#addRoot added or re-added} to the editor model.\n *\n * Use this event to {@link ~MultiRootEditor#createEditable create a DOM editable} for the added root and append the DOM element\n * in a desired place in your application.\n *\n * The event is fired after all changes from a given batch are applied. The event is not fired, if the root was added and detached\n * in the same batch.\n *\n * @eventName ~MultiRootEditor#addRoot\n * @param root The root that was added.\n */\nexport type AddRootEvent = {\n\tname: 'addRoot';\n\targs: [ root: ModelRootElement ];\n};\n\n/**\n * Fired whenever a root is {@link ~MultiRootEditor#detachRoot detached} from the editor model.\n *\n * Use this event to {@link ~MultiRootEditor#detachEditable destroy a DOM editable} for the detached root and remove the DOM element\n * from your application.\n *\n * The event is fired after all changes from a given batch are applied. The event is not fired, if the root was detached and re-added\n * in the same batch.\n *\n * @eventName ~MultiRootEditor#detachRoot\n * @param root The root that was detached.\n */\nexport type DetachRootEvent = {\n\tname: 'detachRoot';\n\targs: [ root: ModelRootElement ];\n};\n\n/**\n * Event fired when {@link ~MultiRootEditor#loadRoot} method is called.\n *\n * The {@link ~MultiRootEditor#loadRoot default action of that method} is implemented as a\n * listener to this event, so it can be fully customized by the features.\n *\n * @eventName ~MultiRootEditor#loadRoot\n * @param args The arguments passed to the original method.\n */\nexport type LoadRootEvent = DecoratedMethodEvent<MultiRootEditor, 'loadRoot'>;\n\n/**\n * Additional options available when adding a root.\n */\nexport type AddRootOptions = {\n\n\t/**\n\t * Initial data for the root.\n\t */\n\tdata?: string;\n\n\t/**\n\t * Initial attributes for the root.\n\t */\n\tattributes?: RootAttributes;\n\n\t/**\n\t * Element name for the root element in the model. It can be used to set different schema rules for different roots.\n\t */\n\telementName?: string;\n\n\t/**\n\t * Whether creating the root can be undone (using the undo feature) or not.\n\t */\n\tisUndoable?: boolean;\n};\n\n/**\n * Additional options available when loading a root.\n */\nexport type LoadRootOptions = Omit<AddRootOptions, 'elementName' | 'isUndoable'>;\n\n/**\n * Attributes set on a model root element.\n */\nexport type RootAttributes = Record<string, unknown>;\n", "// https://github.com/farzher/fuzzysort v3.0.2\r\n\r\n// UMD (Universal Module Definition) for fuzzysort\r\n;((root, UMD) => {\r\n  if(typeof define === 'function' && define.amd) define([], UMD)\r\n  else if(typeof module === 'object' && module.exports) module.exports = UMD()\r\n  else root['fuzzysort'] = UMD()\r\n})(this, _ => {\r\n  'use strict'\r\n\r\n  var single = (search, target) => {\r\n    if(!search || !target) return NULL\r\n\r\n    var preparedSearch = getPreparedSearch(search)\r\n    if(!isPrepared(target)) target = getPrepared(target)\r\n\r\n    var searchBitflags = preparedSearch.bitflags\r\n    if((searchBitflags & target._bitflags) !== searchBitflags) return NULL\r\n\r\n    return algorithm(preparedSearch, target)\r\n  }\r\n\r\n  var go = (search, targets, options) => {\r\n    if(!search) return options?.all ? all(targets, options) : noResults\r\n\r\n    var preparedSearch = getPreparedSearch(search)\r\n    var searchBitflags = preparedSearch.bitflags\r\n    var containsSpace  = preparedSearch.containsSpace\r\n\r\n    var threshold = denormalizeScore( options?.threshold || 0 )\r\n    var limit     = options?.limit || INFINITY\r\n\r\n    var resultsLen = 0; var limitedCount = 0\r\n    var targetsLen = targets.length\r\n\r\n    function push_result(result) {\r\n      if(resultsLen < limit) { q.add(result); ++resultsLen }\r\n      else {\r\n        ++limitedCount\r\n        if(result._score > q.peek()._score) q.replaceTop(result)\r\n      }\r\n    }\r\n\r\n    // This code is copy/pasted 3 times for performance reasons [options.key, options.keys, no keys]\r\n\r\n    // options.key\r\n    if(options?.key) {\r\n      var key = options.key\r\n      for(var i = 0; i < targetsLen; ++i) { var obj = targets[i]\r\n        var target = getValue(obj, key)\r\n        if(!target) continue\r\n        if(!isPrepared(target)) target = getPrepared(target)\r\n\r\n        if((searchBitflags & target._bitflags) !== searchBitflags) continue\r\n        var result = algorithm(preparedSearch, target)\r\n        if(result === NULL) continue\r\n        if(result._score < threshold) continue\r\n\r\n        result.obj = obj\r\n        push_result(result)\r\n      }\r\n\r\n    // options.keys\r\n    } else if(options?.keys) {\r\n      var keys = options.keys\r\n      var keysLen = keys.length\r\n\r\n      outer: for(var i = 0; i < targetsLen; ++i) { var obj = targets[i]\r\n\r\n        { // early out based on bitflags\r\n          var keysBitflags = 0\r\n          for (var keyI = 0; keyI < keysLen; ++keyI) {\r\n            var key = keys[keyI]\r\n            var target = getValue(obj, key)\r\n            if(!target) { tmpTargets[keyI] = noTarget; continue }\r\n            if(!isPrepared(target)) target = getPrepared(target)\r\n            tmpTargets[keyI] = target\r\n\r\n            keysBitflags |= target._bitflags\r\n          }\r\n\r\n          if((searchBitflags & keysBitflags) !== searchBitflags) continue\r\n        }\r\n\r\n        if(containsSpace) for(let i=0; i<preparedSearch.spaceSearches.length; i++) keysSpacesBestScores[i] = NEGATIVE_INFINITY\r\n\r\n        for (var keyI = 0; keyI < keysLen; ++keyI) {\r\n          target = tmpTargets[keyI]\r\n          if(target === noTarget) { tmpResults[keyI] = noTarget; continue }\r\n\r\n          tmpResults[keyI] = algorithm(preparedSearch, target, /*allowSpaces=*/false, /*allowPartialMatch=*/containsSpace)\r\n          if(tmpResults[keyI] === NULL) { tmpResults[keyI] = noTarget; continue }\r\n\r\n          // todo: this seems weird and wrong. like what if our first match wasn't good. this should just replace it instead of averaging with it\r\n          // if our second match isn't good we ignore it instead of averaging with it\r\n          if(containsSpace) for(let i=0; i<preparedSearch.spaceSearches.length; i++) {\r\n            if(allowPartialMatchScores[i] > -1000) {\r\n              if(keysSpacesBestScores[i] > NEGATIVE_INFINITY) {\r\n                var tmp = (keysSpacesBestScores[i] + allowPartialMatchScores[i]) / 4/*bonus score for having multiple matches*/\r\n                if(tmp > keysSpacesBestScores[i]) keysSpacesBestScores[i] = tmp\r\n              }\r\n            }\r\n            if(allowPartialMatchScores[i] > keysSpacesBestScores[i]) keysSpacesBestScores[i] = allowPartialMatchScores[i]\r\n          }\r\n        }\r\n\r\n        if(containsSpace) {\r\n          for(let i=0; i<preparedSearch.spaceSearches.length; i++) { if(keysSpacesBestScores[i] === NEGATIVE_INFINITY) continue outer }\r\n        } else {\r\n          var hasAtLeast1Match = false\r\n          for(let i=0; i < keysLen; i++) { if(tmpResults[i]._score !== NEGATIVE_INFINITY) { hasAtLeast1Match = true; break } }\r\n          if(!hasAtLeast1Match) continue\r\n        }\r\n\r\n        var objResults = new KeysResult(keysLen)\r\n        for(let i=0; i < keysLen; i++) { objResults[i] = tmpResults[i] }\r\n\r\n        if(containsSpace) {\r\n          var score = 0\r\n          for(let i=0; i<preparedSearch.spaceSearches.length; i++) score += keysSpacesBestScores[i]\r\n        } else {\r\n          // todo could rewrite this scoring to be more similar to when there's spaces\r\n          // if we match multiple keys give us bonus points\r\n          var score = NEGATIVE_INFINITY\r\n          for(let i=0; i<keysLen; i++) {\r\n            var result = objResults[i]\r\n            if(result._score > -1000) {\r\n              if(score > NEGATIVE_INFINITY) {\r\n                var tmp = (score + result._score) / 4/*bonus score for having multiple matches*/\r\n                if(tmp > score) score = tmp\r\n              }\r\n            }\r\n            if(result._score > score) score = result._score\r\n          }\r\n        }\r\n\r\n        objResults.obj = obj\r\n        objResults._score = score\r\n        if(options?.scoreFn) {\r\n          score = options.scoreFn(objResults)\r\n          if(!score) continue\r\n          score = denormalizeScore(score)\r\n          objResults._score = score\r\n        }\r\n\r\n        if(score < threshold) continue\r\n        push_result(objResults)\r\n      }\r\n\r\n    // no keys\r\n    } else {\r\n      for(var i = 0; i < targetsLen; ++i) { var target = targets[i]\r\n        if(!target) continue\r\n        if(!isPrepared(target)) target = getPrepared(target)\r\n\r\n        if((searchBitflags & target._bitflags) !== searchBitflags) continue\r\n        var result = algorithm(preparedSearch, target)\r\n        if(result === NULL) continue\r\n        if(result._score < threshold) continue\r\n\r\n        push_result(result)\r\n      }\r\n    }\r\n\r\n    if(resultsLen === 0) return noResults\r\n    var results = new Array(resultsLen)\r\n    for(var i = resultsLen - 1; i >= 0; --i) results[i] = q.poll()\r\n    results.total = resultsLen + limitedCount\r\n    return results\r\n  }\r\n\r\n\r\n  // this is written as 1 function instead of 2 for minification. perf seems fine ...\r\n  // except when minified. the perf is very slow\r\n  var highlight = (result, open='<b>', close='</b>') => {\r\n    var callback = typeof open === 'function' ? open : undefined\r\n\r\n    var target      = result.target\r\n    var targetLen   = target.length\r\n    var indexes     = result.indexes\r\n    var highlighted = ''\r\n    var matchI      = 0\r\n    var indexesI    = 0\r\n    var opened      = false\r\n    var parts       = []\r\n\r\n    for(var i = 0; i < targetLen; ++i) { var char = target[i]\r\n      if(indexes[indexesI] === i) {\r\n        ++indexesI\r\n        if(!opened) { opened = true\r\n          if(callback) {\r\n            parts.push(highlighted); highlighted = ''\r\n          } else {\r\n            highlighted += open\r\n          }\r\n        }\r\n\r\n        if(indexesI === indexes.length) {\r\n          if(callback) {\r\n            highlighted += char\r\n            parts.push(callback(highlighted, matchI++)); highlighted = ''\r\n            parts.push(target.substr(i+1))\r\n          } else {\r\n            highlighted += char + close + target.substr(i+1)\r\n          }\r\n          break\r\n        }\r\n      } else {\r\n        if(opened) { opened = false\r\n          if(callback) {\r\n            parts.push(callback(highlighted, matchI++)); highlighted = ''\r\n          } else {\r\n            highlighted += close\r\n          }\r\n        }\r\n      }\r\n      highlighted += char\r\n    }\r\n\r\n    return callback ? parts : highlighted\r\n  }\r\n\r\n\r\n  var prepare = (target) => {\r\n    if(typeof target === 'number') target = ''+target\r\n    else if(typeof target !== 'string') target = ''\r\n    var info = prepareLowerInfo(target)\r\n    return new_result(target, {_targetLower:info._lower, _targetLowerCodes:info.lowerCodes, _bitflags:info.bitflags})\r\n  }\r\n\r\n  var cleanup = () => { preparedCache.clear(); preparedSearchCache.clear() }\r\n\r\n\r\n  // Below this point is only internal code\r\n  // Below this point is only internal code\r\n  // Below this point is only internal code\r\n  // Below this point is only internal code\r\n\r\n\r\n  class Result {\r\n    get ['indexes']() { return this._indexes.slice(0, this._indexes.len).sort((a,b)=>a-b) }\r\n    set ['indexes'](indexes) { return this._indexes = indexes }\r\n    ['highlight'](open, close) { return highlight(this, open, close) }\r\n    get ['score']() { return normalizeScore(this._score) }\r\n    set ['score'](score) { this._score = denormalizeScore(score) }\r\n  }\r\n\r\n  class KeysResult extends Array {\r\n    get ['score']() { return normalizeScore(this._score) }\r\n    set ['score'](score) { this._score = denormalizeScore(score) }\r\n  }\r\n\r\n  var new_result = (target, options) => {\r\n    const result = new Result()\r\n    result['target']             = target\r\n    result['obj']                = options.obj                   ?? NULL\r\n    result._score                = options._score                ?? NEGATIVE_INFINITY\r\n    result._indexes              = options._indexes              ?? []\r\n    result._targetLower          = options._targetLower          ?? ''\r\n    result._targetLowerCodes     = options._targetLowerCodes     ?? NULL\r\n    result._nextBeginningIndexes = options._nextBeginningIndexes ?? NULL\r\n    result._bitflags             = options._bitflags             ?? 0\r\n    return result\r\n  }\r\n\r\n\r\n  var normalizeScore = score => {\r\n    if(score === NEGATIVE_INFINITY) return 0\r\n    if(score > 1) return score\r\n    return Math.E ** ( ((-score + 1)**.04307 - 1) * -2)\r\n  }\r\n  var denormalizeScore = normalizedScore => {\r\n    if(normalizedScore === 0) return NEGATIVE_INFINITY\r\n    if(normalizedScore > 1) return normalizedScore\r\n    return 1 - Math.pow((Math.log(normalizedScore) / -2 + 1), 1 / 0.04307)\r\n  }\r\n\r\n\r\n  var prepareSearch = (search) => {\r\n    if(typeof search === 'number') search = ''+search\r\n    else if(typeof search !== 'string') search = ''\r\n    search = search.trim()\r\n    var info = prepareLowerInfo(search)\r\n\r\n    var spaceSearches = []\r\n    if(info.containsSpace) {\r\n      var searches = search.split(/\\s+/)\r\n      searches = [...new Set(searches)] // distinct\r\n      for(var i=0; i<searches.length; i++) {\r\n        if(searches[i] === '') continue\r\n        var _info = prepareLowerInfo(searches[i])\r\n        spaceSearches.push({lowerCodes:_info.lowerCodes, _lower:searches[i].toLowerCase(), containsSpace:false})\r\n      }\r\n    }\r\n\r\n    return {lowerCodes: info.lowerCodes, _lower: info._lower, containsSpace: info.containsSpace, bitflags: info.bitflags, spaceSearches: spaceSearches}\r\n  }\r\n\r\n\r\n\r\n  var getPrepared = (target) => {\r\n    if(target.length > 999) return prepare(target) // don't cache huge targets\r\n    var targetPrepared = preparedCache.get(target)\r\n    if(targetPrepared !== undefined) return targetPrepared\r\n    targetPrepared = prepare(target)\r\n    preparedCache.set(target, targetPrepared)\r\n    return targetPrepared\r\n  }\r\n  var getPreparedSearch = (search) => {\r\n    if(search.length > 999) return prepareSearch(search) // don't cache huge searches\r\n    var searchPrepared = preparedSearchCache.get(search)\r\n    if(searchPrepared !== undefined) return searchPrepared\r\n    searchPrepared = prepareSearch(search)\r\n    preparedSearchCache.set(search, searchPrepared)\r\n    return searchPrepared\r\n  }\r\n\r\n\r\n  var all = (targets, options) => {\r\n    var results = []; results.total = targets.length // this total can be wrong if some targets are skipped\r\n\r\n    var limit = options?.limit || INFINITY\r\n\r\n    if(options?.key) {\r\n      for(var i=0;i<targets.length;i++) { var obj = targets[i]\r\n        var target = getValue(obj, options.key)\r\n        if(target == NULL) continue\r\n        if(!isPrepared(target)) target = getPrepared(target)\r\n        var result = new_result(target.target, {_score: target._score, obj: obj})\r\n        results.push(result); if(results.length >= limit) return results\r\n      }\r\n    } else if(options?.keys) {\r\n      for(var i=0;i<targets.length;i++) { var obj = targets[i]\r\n        var objResults = new KeysResult(options.keys.length)\r\n        for (var keyI = options.keys.length - 1; keyI >= 0; --keyI) {\r\n          var target = getValue(obj, options.keys[keyI])\r\n          if(!target) { objResults[keyI] = noTarget; continue }\r\n          if(!isPrepared(target)) target = getPrepared(target)\r\n          target._score = NEGATIVE_INFINITY\r\n          target._indexes.len = 0\r\n          objResults[keyI] = target\r\n        }\r\n        objResults.obj = obj\r\n        objResults._score = NEGATIVE_INFINITY\r\n        results.push(objResults); if(results.length >= limit) return results\r\n      }\r\n    } else {\r\n      for(var i=0;i<targets.length;i++) { var target = targets[i]\r\n        if(target == NULL) continue\r\n        if(!isPrepared(target)) target = getPrepared(target)\r\n        target._score = NEGATIVE_INFINITY\r\n        target._indexes.len = 0\r\n        results.push(target); if(results.length >= limit) return results\r\n      }\r\n    }\r\n\r\n    return results\r\n  }\r\n\r\n\r\n  var algorithm = (preparedSearch, prepared, allowSpaces=false, allowPartialMatch=false) => {\r\n    if(allowSpaces===false && preparedSearch.containsSpace) return algorithmSpaces(preparedSearch, prepared, allowPartialMatch)\r\n\r\n    var searchLower      = preparedSearch._lower\r\n    var searchLowerCodes = preparedSearch.lowerCodes\r\n    var searchLowerCode  = searchLowerCodes[0]\r\n    var targetLowerCodes = prepared._targetLowerCodes\r\n    var searchLen        = searchLowerCodes.length\r\n    var targetLen        = targetLowerCodes.length\r\n    var searchI          = 0 // where we at\r\n    var targetI          = 0 // where you at\r\n    var matchesSimpleLen = 0\r\n\r\n    // very basic fuzzy match; to remove non-matching targets ASAP!\r\n    // walk through target. find sequential matches.\r\n    // if all chars aren't found then exit\r\n    for(;;) {\r\n      var isMatch = searchLowerCode === targetLowerCodes[targetI]\r\n      if(isMatch) {\r\n        matchesSimple[matchesSimpleLen++] = targetI\r\n        ++searchI; if(searchI === searchLen) break\r\n        searchLowerCode = searchLowerCodes[searchI]\r\n      }\r\n      ++targetI; if(targetI >= targetLen) return NULL // Failed to find searchI\r\n    }\r\n\r\n    var searchI = 0\r\n    var successStrict = false\r\n    var matchesStrictLen = 0\r\n\r\n    var nextBeginningIndexes = prepared._nextBeginningIndexes\r\n    if(nextBeginningIndexes === NULL) nextBeginningIndexes = prepared._nextBeginningIndexes = prepareNextBeginningIndexes(prepared.target)\r\n    targetI = matchesSimple[0]===0 ? 0 : nextBeginningIndexes[matchesSimple[0]-1]\r\n\r\n    // Our target string successfully matched all characters in sequence!\r\n    // Let's try a more advanced and strict test to improve the score\r\n    // only count it as a match if it's consecutive or a beginning character!\r\n    var backtrackCount = 0\r\n    if(targetI !== targetLen) for(;;) {\r\n      if(targetI >= targetLen) {\r\n        // We failed to find a good spot for this search char, go back to the previous search char and force it forward\r\n        if(searchI <= 0) break // We failed to push chars forward for a better match\r\n\r\n        ++backtrackCount; if(backtrackCount > 200) break // exponential backtracking is taking too long, just give up and return a bad match\r\n\r\n        --searchI\r\n        var lastMatch = matchesStrict[--matchesStrictLen]\r\n        targetI = nextBeginningIndexes[lastMatch]\r\n\r\n      } else {\r\n        var isMatch = searchLowerCodes[searchI] === targetLowerCodes[targetI]\r\n        if(isMatch) {\r\n          matchesStrict[matchesStrictLen++] = targetI\r\n          ++searchI; if(searchI === searchLen) { successStrict = true; break }\r\n          ++targetI\r\n        } else {\r\n          targetI = nextBeginningIndexes[targetI]\r\n        }\r\n      }\r\n    }\r\n\r\n    // check if it's a substring match\r\n    var substringIndex = searchLen <= 1 ? -1 : prepared._targetLower.indexOf(searchLower, matchesSimple[0]) // perf: this is slow\r\n    var isSubstring = !!~substringIndex\r\n    var isSubstringBeginning = !isSubstring ? false : substringIndex===0 || prepared._nextBeginningIndexes[substringIndex-1] === substringIndex\r\n\r\n    // if it's a substring match but not at a beginning index, let's try to find a substring starting at a beginning index for a better score\r\n    if(isSubstring && !isSubstringBeginning) {\r\n      for(var i=0; i<nextBeginningIndexes.length; i=nextBeginningIndexes[i]) {\r\n        if(i <= substringIndex) continue\r\n\r\n        for(var s=0; s<searchLen; s++) if(searchLowerCodes[s] !== prepared._targetLowerCodes[i+s]) break\r\n        if(s === searchLen) { substringIndex = i; isSubstringBeginning = true; break }\r\n      }\r\n    }\r\n\r\n    // tally up the score & keep track of matches for highlighting later\r\n    // if it's a simple match, we'll switch to a substring match if a substring exists\r\n    // if it's a strict match, we'll switch to a substring match only if that's a better score\r\n\r\n    var calculateScore = matches => {\r\n      var score = 0\r\n\r\n      var extraMatchGroupCount = 0\r\n      for(var i = 1; i < searchLen; ++i) {\r\n        if(matches[i] - matches[i-1] !== 1) {score -= matches[i]; ++extraMatchGroupCount}\r\n      }\r\n      var unmatchedDistance = matches[searchLen-1] - matches[0] - (searchLen-1)\r\n\r\n      score -= (12+unmatchedDistance) * extraMatchGroupCount // penality for more groups\r\n\r\n      if(matches[0] !== 0) score -= matches[0]*matches[0]*.2 // penality for not starting near the beginning\r\n\r\n      if(!successStrict) {\r\n        score *= 1000\r\n      } else {\r\n        // successStrict on a target with too many beginning indexes loses points for being a bad target\r\n        var uniqueBeginningIndexes = 1\r\n        for(var i = nextBeginningIndexes[0]; i < targetLen; i=nextBeginningIndexes[i]) ++uniqueBeginningIndexes\r\n\r\n        if(uniqueBeginningIndexes > 24) score *= (uniqueBeginningIndexes-24)*10 // quite arbitrary numbers here ...\r\n      }\r\n\r\n      score -= (targetLen - searchLen)/2 // penality for longer targets\r\n\r\n      if(isSubstring)          score /= 1+searchLen*searchLen*1 // bonus for being a full substring\r\n      if(isSubstringBeginning) score /= 1+searchLen*searchLen*1 // bonus for substring starting on a beginningIndex\r\n\r\n      score -= (targetLen - searchLen)/2 // penality for longer targets\r\n\r\n      return score\r\n    }\r\n\r\n    if(!successStrict) {\r\n      if(isSubstring) for(var i=0; i<searchLen; ++i) matchesSimple[i] = substringIndex+i // at this point it's safe to overwrite matchehsSimple with substr matches\r\n      var matchesBest = matchesSimple\r\n      var score = calculateScore(matchesBest)\r\n    } else {\r\n      if(isSubstringBeginning) {\r\n        for(var i=0; i<searchLen; ++i) matchesSimple[i] = substringIndex+i // at this point it's safe to overwrite matchehsSimple with substr matches\r\n        var matchesBest = matchesSimple\r\n        var score = calculateScore(matchesSimple)\r\n      } else {\r\n        var matchesBest = matchesStrict\r\n        var score = calculateScore(matchesStrict)\r\n      }\r\n    }\r\n\r\n    prepared._score = score\r\n\r\n    for(var i = 0; i < searchLen; ++i) prepared._indexes[i] = matchesBest[i]\r\n    prepared._indexes.len = searchLen\r\n\r\n    const result    = new Result()\r\n    result.target   = prepared.target\r\n    result._score   = prepared._score\r\n    result._indexes = prepared._indexes\r\n    return result\r\n  }\r\n  var algorithmSpaces = (preparedSearch, target, allowPartialMatch) => {\r\n    var seen_indexes = new Set()\r\n    var score = 0\r\n    var result = NULL\r\n\r\n    var first_seen_index_last_search = 0\r\n    var searches = preparedSearch.spaceSearches\r\n    var searchesLen = searches.length\r\n    var changeslen = 0\r\n\r\n    // Return _nextBeginningIndexes back to its normal state\r\n    var resetNextBeginningIndexes = () => {\r\n      for(let i=changeslen-1; i>=0; i--) target._nextBeginningIndexes[nextBeginningIndexesChanges[i*2 + 0]] = nextBeginningIndexesChanges[i*2 + 1]\r\n    }\r\n\r\n    var hasAtLeast1Match = false\r\n    for(var i=0; i<searchesLen; ++i) {\r\n      allowPartialMatchScores[i] = NEGATIVE_INFINITY\r\n      var search = searches[i]\r\n\r\n      result = algorithm(search, target)\r\n      if(allowPartialMatch) {\r\n        if(result === NULL) continue\r\n        hasAtLeast1Match = true\r\n      } else {\r\n        if(result === NULL) {resetNextBeginningIndexes(); return NULL}\r\n      }\r\n\r\n      // if not the last search, we need to mutate _nextBeginningIndexes for the next search\r\n      var isTheLastSearch = i === searchesLen - 1\r\n      if(!isTheLastSearch) {\r\n        var indexes = result._indexes\r\n\r\n        var indexesIsConsecutiveSubstring = true\r\n        for(let i=0; i<indexes.len-1; i++) {\r\n          if(indexes[i+1] - indexes[i] !== 1) {\r\n            indexesIsConsecutiveSubstring = false; break;\r\n          }\r\n        }\r\n\r\n        if(indexesIsConsecutiveSubstring) {\r\n          var newBeginningIndex = indexes[indexes.len-1] + 1\r\n          var toReplace = target._nextBeginningIndexes[newBeginningIndex-1]\r\n          for(let i=newBeginningIndex-1; i>=0; i--) {\r\n            if(toReplace !== target._nextBeginningIndexes[i]) break\r\n            target._nextBeginningIndexes[i] = newBeginningIndex\r\n            nextBeginningIndexesChanges[changeslen*2 + 0] = i\r\n            nextBeginningIndexesChanges[changeslen*2 + 1] = toReplace\r\n            changeslen++\r\n          }\r\n        }\r\n      }\r\n\r\n      score += result._score / searchesLen\r\n      allowPartialMatchScores[i] = result._score / searchesLen\r\n\r\n      // dock points based on order otherwise \"c man\" returns Manifest.cpp instead of CheatManager.h\r\n      if(result._indexes[0] < first_seen_index_last_search) {\r\n        score -= (first_seen_index_last_search - result._indexes[0]) * 2\r\n      }\r\n      first_seen_index_last_search = result._indexes[0]\r\n\r\n      for(var j=0; j<result._indexes.len; ++j) seen_indexes.add(result._indexes[j])\r\n    }\r\n\r\n    if(allowPartialMatch && !hasAtLeast1Match) return NULL\r\n\r\n    resetNextBeginningIndexes()\r\n\r\n    // allows a search with spaces that's an exact substring to score well\r\n    var allowSpacesResult = algorithm(preparedSearch, target, /*allowSpaces=*/true)\r\n    if(allowSpacesResult !== NULL && allowSpacesResult._score > score) {\r\n      if(allowPartialMatch) {\r\n        for(var i=0; i<searchesLen; ++i) {\r\n          allowPartialMatchScores[i] = allowSpacesResult._score / searchesLen\r\n        }\r\n      }\r\n      return allowSpacesResult\r\n    }\r\n\r\n    if(allowPartialMatch) result = target\r\n    result._score = score\r\n\r\n    var i = 0\r\n    for (let index of seen_indexes) result._indexes[i++] = index\r\n    result._indexes.len = i\r\n\r\n    return result\r\n  }\r\n\r\n  // we use this instead of just .normalize('NFD').replace(/[\\u0300-\\u036f]/g, '') because that screws with japanese characters\r\n  var remove_accents = (str) => str.replace(/\\p{Script=Latin}+/gu, match => match.normalize('NFD')).replace(/[\\u0300-\\u036f]/g, '')\r\n\r\n  var prepareLowerInfo = (str) => {\r\n    str = remove_accents(str)\r\n    var strLen = str.length\r\n    var lower = str.toLowerCase()\r\n    var lowerCodes = [] // new Array(strLen)    sparse array is too slow\r\n    var bitflags = 0\r\n    var containsSpace = false // space isn't stored in bitflags because of how searching with a space works\r\n\r\n    for(var i = 0; i < strLen; ++i) {\r\n      var lowerCode = lowerCodes[i] = lower.charCodeAt(i)\r\n\r\n      if(lowerCode === 32) {\r\n        containsSpace = true\r\n        continue // it's important that we don't set any bitflags for space\r\n      }\r\n\r\n      var bit = lowerCode>=97&&lowerCode<=122 ? lowerCode-97 // alphabet\r\n              : lowerCode>=48&&lowerCode<=57  ? 26           // numbers\r\n                                                             // 3 bits available\r\n              : lowerCode<=127                ? 30           // other ascii\r\n              :                                 31           // other utf8\r\n      bitflags |= 1<<bit\r\n    }\r\n\r\n    return {lowerCodes:lowerCodes, bitflags:bitflags, containsSpace:containsSpace, _lower:lower}\r\n  }\r\n  var prepareBeginningIndexes = (target) => {\r\n    var targetLen = target.length\r\n    var beginningIndexes = []; var beginningIndexesLen = 0\r\n    var wasUpper = false\r\n    var wasAlphanum = false\r\n    for(var i = 0; i < targetLen; ++i) {\r\n      var targetCode = target.charCodeAt(i)\r\n      var isUpper = targetCode>=65&&targetCode<=90\r\n      var isAlphanum = isUpper || targetCode>=97&&targetCode<=122 || targetCode>=48&&targetCode<=57\r\n      var isBeginning = isUpper && !wasUpper || !wasAlphanum || !isAlphanum\r\n      wasUpper = isUpper\r\n      wasAlphanum = isAlphanum\r\n      if(isBeginning) beginningIndexes[beginningIndexesLen++] = i\r\n    }\r\n    return beginningIndexes\r\n  }\r\n  var prepareNextBeginningIndexes = (target) => {\r\n    target = remove_accents(target)\r\n    var targetLen = target.length\r\n    var beginningIndexes = prepareBeginningIndexes(target)\r\n    var nextBeginningIndexes = [] // new Array(targetLen)     sparse array is too slow\r\n    var lastIsBeginning = beginningIndexes[0]\r\n    var lastIsBeginningI = 0\r\n    for(var i = 0; i < targetLen; ++i) {\r\n      if(lastIsBeginning > i) {\r\n        nextBeginningIndexes[i] = lastIsBeginning\r\n      } else {\r\n        lastIsBeginning = beginningIndexes[++lastIsBeginningI]\r\n        nextBeginningIndexes[i] = lastIsBeginning===undefined ? targetLen : lastIsBeginning\r\n      }\r\n    }\r\n    return nextBeginningIndexes\r\n  }\r\n\r\n  var preparedCache       = new Map()\r\n  var preparedSearchCache = new Map()\r\n\r\n  // the theory behind these being globals is to reduce garbage collection by not making new arrays\r\n  var matchesSimple = []; var matchesStrict = []\r\n  var nextBeginningIndexesChanges = [] // allows straw berry to match strawberry well, by modifying the end of a substring to be considered a beginning index for the rest of the search\r\n  var keysSpacesBestScores = []; var allowPartialMatchScores = []\r\n  var tmpTargets = []; var tmpResults = []\r\n\r\n  // prop = 'key'                  2.5ms optimized for this case, seems to be about as fast as direct obj[prop]\r\n  // prop = 'key1.key2'            10ms\r\n  // prop = ['key1', 'key2']       27ms\r\n  // prop = obj => obj.tags.join() ??ms\r\n  var getValue = (obj, prop) => {\r\n    var tmp = obj[prop]; if(tmp !== undefined) return tmp\r\n    if(typeof prop === 'function') return prop(obj) // this should run first. but that makes string props slower\r\n    var segs = prop\r\n    if(!Array.isArray(prop)) segs = prop.split('.')\r\n    var len = segs.length\r\n    var i = -1\r\n    while (obj && (++i < len)) obj = obj[segs[i]]\r\n    return obj\r\n  }\r\n\r\n  var isPrepared = (x) => { return typeof x === 'object' && typeof x._bitflags === 'number' }\r\n  var INFINITY = Infinity; var NEGATIVE_INFINITY = -INFINITY\r\n  var noResults = []; noResults.total = 0\r\n  var NULL = null\r\n\r\n  var noTarget = prepare('')\r\n\r\n  // Hacked version of https://github.com/lemire/FastPriorityQueue.js\r\n  var fastpriorityqueue=r=>{var e=[],o=0,a={},v=r=>{for(var a=0,v=e[a],c=1;c<o;){var s=c+1;a=c,s<o&&e[s]._score<e[c]._score&&(a=s),e[a-1>>1]=e[a],c=1+(a<<1)}for(var f=a-1>>1;a>0&&v._score<e[f]._score;f=(a=f)-1>>1)e[a]=e[f];e[a]=v};return a.add=(r=>{var a=o;e[o++]=r;for(var v=a-1>>1;a>0&&r._score<e[v]._score;v=(a=v)-1>>1)e[a]=e[v];e[a]=r}),a.poll=(r=>{if(0!==o){var a=e[0];return e[0]=e[--o],v(),a}}),a.peek=(r=>{if(0!==o)return e[0]}),a.replaceTop=(r=>{e[0]=r,v()}),a}\r\n  var q = fastpriorityqueue() // reuse this\r\n\r\n  // fuzzysort is written this way for minification. all names are mangeled unless quoted\r\n  return {'single':single, 'go':go, 'prepare':prepare, 'cleanup':cleanup}\r\n}) // UMD\r\n", "import { Plugin, Command } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { logWarning, version, FocusTracker, KeystrokeHandler, global, Collection } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { Typing } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport fuzzysort from 'fuzzysort';\nimport { groupBy, escapeRegExp } from 'es-toolkit/compat';\nimport { View, addKeyboardHandlingForGrid, ButtonView, FocusCycler, SearchTextView, createLabeledInputText, createDropdown, UIModel, addListToDropdown, SearchInfoView, ViewCollection, isFocusable, isViewWithFocusCycler, FormHeaderView, ContextualBalloon, Dialog, MenuBarMenuListItemButtonView, clickOutsideHandler } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconPreviousArrow, IconEmoji } from '@ckeditor/ckeditor5-icons/dist/index.js';\n\n/**\n * @license Copyright (c) 2023, Koala Interactive SAS\n * For licensing, see https://github.com/koala-interactive/is-emoji-supported/blob/master/LICENSE.md\n */ /**\n * @module emoji/utils/isemojisupported\n */ /**\n * Checks if the two pixels parts are the same using canvas.\n *\n * @internal\n */ function isEmojiSupported(unicode) {\n    const ctx = getCanvas();\n    /* istanbul ignore next -- @preserve */ if (!ctx) {\n        return false;\n    }\n    const CANVAS_HEIGHT = 25;\n    const CANVAS_WIDTH = 20;\n    const textSize = Math.floor(CANVAS_HEIGHT / 2);\n    // Initialize canvas context.\n    ctx.font = textSize + 'px Arial, Sans-Serif';\n    ctx.textBaseline = 'top';\n    ctx.canvas.width = CANVAS_WIDTH * 2;\n    ctx.canvas.height = CANVAS_HEIGHT;\n    ctx.clearRect(0, 0, CANVAS_WIDTH * 2, CANVAS_HEIGHT);\n    // Draw in red on the left.\n    ctx.fillStyle = '#FF0000';\n    ctx.fillText(unicode, 0, 22);\n    // Draw in blue on right.\n    ctx.fillStyle = '#0000FF';\n    ctx.fillText(unicode, CANVAS_WIDTH, 22);\n    const a = ctx.getImageData(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT).data;\n    const count = a.length;\n    let i = 0;\n    // Search the first visible pixel.\n    for(; i < count && !a[i + 3]; i += 4);\n    // No visible pixel.\n    /* istanbul ignore next -- @preserve */ if (i >= count) {\n        return false;\n    }\n    // Emoji has immutable color, so we check the color of the emoji in two different colors.\n    // the result show be the same.\n    const x = CANVAS_WIDTH + i / 4 % CANVAS_WIDTH;\n    const y = Math.floor(i / 4 / CANVAS_WIDTH);\n    const b = ctx.getImageData(x, y, 1, 1).data;\n    /* istanbul ignore next -- @preserve */ if (a[i] !== b[0] || a[i + 2] !== b[2]) {\n        return false;\n    }\n    //Some emojis consist of different ones, so they will show multiple characters if they are not supported.\n    /* istanbul ignore next -- @preserve */ if (ctx.measureText(unicode).width >= CANVAS_WIDTH) {\n        return false;\n    }\n    // Supported.\n    return true;\n}\nfunction getCanvas() {\n    try {\n        return document.createElement('canvas').getContext('2d', {\n            willReadFrequently: true\n        });\n    } catch  {\n        /* istanbul ignore next -- @preserve */ return null;\n    }\n}\n\n/**\n * @module emoji/emojiutils\n */ const SKIN_TONE_MAP = {\n    0: 'default',\n    1: 'light',\n    2: 'medium-light',\n    3: 'medium',\n    4: 'medium-dark',\n    5: 'dark'\n};\n/**\n * A map representing an emoji and its release version.\n * It's used to identify a user's minimal supported emoji level.\n * We skip versions with older patches, such as 15.0 instead of 15.1 etc.\n */ const EMOJI_SUPPORT_LEVEL = {\n    '🫩': 16,\n    '🫨': 15.1,\n    '🫠': 14,\n    '😶‍🌫️': 13.1,\n    '🧑‍💻': 12.1,\n    '🥰': 11,\n    '🤪': 5,\n    '⚕️': 4,\n    '🤣': 3,\n    '👋🏽': 2,\n    '😀': 1,\n    '😐': 0.7,\n    '😂': 0.6 // Face with Tears of Joy.\n};\nconst BASELINE_EMOJI_WIDTH = 24;\n/**\n * The Emoji utilities plugin.\n */ class EmojiUtils extends Plugin {\n    /**\n\t * Used for testing whether the environment supports the given emoji.\n\t */ _emojiCanvas = null;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'EmojiUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this._emojiCanvas = document.createElement('canvas').getContext('2d');\n    }\n    /**\n\t * Checks if the emoji is supported by verifying the emoji version supported by the system first.\n\t * Then checks if emoji contains a zero width joiner (ZWJ), and if yes, then checks if it is supported by the system.\n\t */ isEmojiSupported(item, emojiSupportedVersionByOs, container) {\n        const isEmojiVersionSupported = item.version <= emojiSupportedVersionByOs;\n        if (!isEmojiVersionSupported) {\n            return false;\n        }\n        if (!this.hasZwj(item.emoji)) {\n            return true;\n        }\n        return this.isEmojiZwjSupported(item, container);\n    }\n    /**\n\t * Checks the supported emoji version by the OS, by sampling some representatives from different emoji releases.\n\t */ getEmojiSupportedVersionByOs() {\n        for (const [emoji, emojiVersion] of Object.entries(EMOJI_SUPPORT_LEVEL)){\n            if (EmojiUtils._isEmojiSupported(emoji)) {\n                return emojiVersion;\n            }\n        }\n        return 0;\n    }\n    /**\n\t * Check for ZWJ (zero width joiner) character.\n\t */ hasZwj(emoji) {\n        return emoji.includes('\\u200d');\n    }\n    /**\n\t * Checks whether the emoji is supported in the operating system.\n\t */ isEmojiZwjSupported(item, container) {\n        // On Windows, some supported emoji are ~50% bigger than the baseline emoji, but what we really want to guard\n        // against are the ones that are 2x the size, because those are truly broken (person with red hair = person with\n        // floating red wig, black cat = cat with black square, polar bear = bear with snowflake, etc.)\n        // So here we set the threshold at 1.8 times the size of the baseline emoji.\n        const canvasWidth = this.getNodeWidthUsingCanvas(container, item.emoji);\n        // Checking emoji using canvas is much faster, so always try it first. Unfortunately canvas has worse emoji coverage.\n        if (canvasWidth < BASELINE_EMOJI_WIDTH * 1.8) {\n            return true;\n        }\n        const domWidth = this.getNodeWidth(container, item.emoji);\n        // Checking emoji using DOM is much slower, so use it as a fallback.\n        return domWidth < BASELINE_EMOJI_WIDTH * 1.8;\n    }\n    /**\n\t * Returns the width of the provided node.\n\t */ getNodeWidth(container, node) {\n        const span = document.createElement('span');\n        span.textContent = node;\n        container.appendChild(span);\n        const nodeWidth = span.offsetWidth;\n        container.removeChild(span);\n        return nodeWidth;\n    }\n    /**\n\t * Returns the width of the provided node.\n\t *\n\t * This is a faster alternative to `getNodeWidth` method, which works for great majority of emojis.\n\t */ getNodeWidthUsingCanvas(container, node) {\n        const style = getComputedStyle(container);\n        this._emojiCanvas.font = [\n            style.fontStyle,\n            style.fontVariant,\n            style.fontWeight,\n            `${BASELINE_EMOJI_WIDTH}px`,\n            `\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\", ${style.fontFamily}`\n        ].join(' ');\n        return Math.ceil(this._emojiCanvas.measureText(node).width);\n    }\n    /**\n\t * Creates a div for emoji width testing purposes.\n\t */ createEmojiWidthTestingContainer() {\n        const container = document.createElement('div');\n        container.setAttribute('aria-hidden', 'true');\n        container.style.position = 'absolute';\n        container.style.left = '-9999px';\n        container.style.whiteSpace = 'nowrap';\n        container.style.fontSize = BASELINE_EMOJI_WIDTH + 'px';\n        return container;\n    }\n    /**\n\t * Adds default skin tone property to each emoji. If emoji defines other skin tones, they are added as well.\n\t */ normalizeEmojiSkinTone(item) {\n        const entry = {\n            ...item,\n            skins: {\n                default: item.emoji\n            }\n        };\n        if (item.skins) {\n            item.skins.forEach((skin)=>{\n                const skinTone = SKIN_TONE_MAP[skin.tone];\n                entry.skins[skinTone] = skin.emoji;\n            });\n        }\n        return entry;\n    }\n    /**\n\t * Checks whether the emoji belongs to a group that is allowed.\n\t */ isEmojiCategoryAllowed(item) {\n        // Category group=2 contains skin tones only, which we do not want to render.\n        return item.group !== 2;\n    }\n    /**\n\t * A function used to determine if emoji is supported by detecting pixels.\n\t *\n\t * Referenced for unit testing purposes. Kept in a separate file because of licensing.\n\t */ static _isEmojiSupported = isEmojiSupported;\n}\n\n// An endpoint from which the emoji data will be downloaded during plugin initialization.\n// The `{version}` placeholder is replaced with the value from editor config.\nconst DEFAULT_EMOJI_DATABASE_URL = 'https://cdn.ckeditor.com/ckeditor5/data/emoji/{version}/en.json';\nconst DEFAULT_EMOJI_VERSION = 16;\n/**\n * The emoji repository plugin.\n *\n * Loads the emoji repository from URL during plugin initialization and provides utility methods to search it.\n */ class EmojiRepository extends Plugin {\n    /**\n\t * Emoji repository in a configured version.\n\t */ _items;\n    /**\n\t * The resolved URL from which the emoji repository is downloaded.\n\t */ _url;\n    /**\n\t * A promise resolved after downloading the emoji collection.\n\t * The promise resolves with `true` when the repository is successfully downloaded or `false` otherwise.\n\t */ _repositoryPromise;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            EmojiUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'EmojiRepository';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('emoji', {\n            version: undefined,\n            skinTone: 'default',\n            definitionsUrl: undefined,\n            useCustomFont: false\n        });\n        this._url = this._getUrl();\n        this._repositoryPromise = new Promise((resolve)=>{\n            this._repositoryPromiseResolveCallback = resolve;\n        });\n        this._items = null;\n    }\n    /**\n\t * @inheritDoc\n\t */ async init() {\n        this._warnAboutCdnUse();\n        await this._loadAndCacheEmoji();\n        this._items = this._getItems();\n        if (!this._items) {\n            /**\n\t\t\t * Unable to identify the available emoji to display.\n\t\t\t *\n\t\t\t * See the {@glink features/emoji#troubleshooting troubleshooting} section in the {@glink features/emoji Emoji feature} guide\n\t\t\t * for more details.\n\t\t\t *\n\t\t\t * @error emoji-repository-empty\n\t\t\t */ logWarning('emoji-repository-empty');\n            return this._repositoryPromiseResolveCallback(false);\n        }\n        return this._repositoryPromiseResolveCallback(true);\n    }\n    /**\n\t * Returns an array of emoji entries that match the search query.\n\t * If the emoji repository is not loaded this method returns an empty array.\n\t *\n\t * @param searchQuery A search query to match emoji.\n\t * @returns An array of emoji entries that match the search query.\n\t */ getEmojiByQuery(searchQuery) {\n        if (!this._items) {\n            return [];\n        }\n        const searchQueryTokens = searchQuery.split(/\\s/).filter(Boolean);\n        // Perform the search only if there is at least two non-white characters next to each other.\n        const shouldSearch = searchQueryTokens.some((token)=>token.length >= 2);\n        if (!shouldSearch) {\n            return [];\n        }\n        return fuzzysort.go(searchQuery, this._items, {\n            threshold: 0.6,\n            keys: [\n                'emoticon',\n                'annotation',\n                (emojiEntry)=>{\n                    // Instead of searching over all tags, let's use only those that matches the query.\n                    // It enables searching in tags with the space character in names.\n                    const searchQueryTokens = searchQuery.split(/\\s/).filter(Boolean);\n                    const matchedTags = searchQueryTokens.flatMap((tok)=>{\n                        return emojiEntry.tags?.filter((t)=>t.startsWith(tok));\n                    });\n                    return matchedTags.join();\n                }\n            ]\n        }).map((result)=>result.obj);\n    }\n    /**\n\t * Groups all emojis by categories.\n\t * If the emoji repository is not loaded, it returns an empty array.\n\t *\n\t * @returns An array of emoji entries grouped by categories.\n\t */ getEmojiCategories() {\n        const repository = this._getItems();\n        if (!repository) {\n            return [];\n        }\n        const { t } = this.editor.locale;\n        const categories = [\n            {\n                title: t('Smileys & Expressions'),\n                icon: '😄',\n                groupId: 0\n            },\n            {\n                title: t('Gestures & People'),\n                icon: '👋',\n                groupId: 1\n            },\n            {\n                title: t('Animals & Nature'),\n                icon: '🐻',\n                groupId: 3\n            },\n            {\n                title: t('Food & Drinks'),\n                icon: '🍎',\n                groupId: 4\n            },\n            {\n                title: t('Travel & Places'),\n                icon: '🚘',\n                groupId: 5\n            },\n            {\n                title: t('Activities'),\n                icon: '🏀',\n                groupId: 6\n            },\n            {\n                title: t('Objects'),\n                icon: '💡',\n                groupId: 7\n            },\n            {\n                title: t('Symbols'),\n                icon: '🔵',\n                groupId: 8\n            },\n            {\n                title: t('Flags'),\n                icon: '🏁',\n                groupId: 9\n            }\n        ];\n        const groups = groupBy(repository, (item)=>item.group);\n        return categories.map((category)=>{\n            return {\n                ...category,\n                items: groups[category.groupId]\n            };\n        });\n    }\n    /**\n\t * Returns an array of available skin tones.\n\t */ getSkinTones() {\n        const { t } = this.editor.locale;\n        return [\n            {\n                id: 'default',\n                icon: '👋',\n                tooltip: t('Default skin tone')\n            },\n            {\n                id: 'light',\n                icon: '👋🏻',\n                tooltip: t('Light skin tone')\n            },\n            {\n                id: 'medium-light',\n                icon: '👋🏼',\n                tooltip: t('Medium Light skin tone')\n            },\n            {\n                id: 'medium',\n                icon: '👋🏽',\n                tooltip: t('Medium skin tone')\n            },\n            {\n                id: 'medium-dark',\n                icon: '👋🏾',\n                tooltip: t('Medium Dark skin tone')\n            },\n            {\n                id: 'dark',\n                icon: '👋🏿',\n                tooltip: t('Dark skin tone')\n            }\n        ];\n    }\n    /**\n\t * Indicates whether the emoji repository has been successfully downloaded and the plugin is operational.\n\t */ isReady() {\n        return this._repositoryPromise;\n    }\n    /**\n\t * Returns the URL from which the emoji repository is downloaded. If the URL is not provided\n\t * in the configuration, the default URL is used with the version from the configuration.\n\t *\n\t * If both the URL and version are provided, a warning is logged.\n\t */ _getUrl() {\n        const { definitionsUrl, version: version$1 } = this.editor.config.get('emoji');\n        if (!definitionsUrl || definitionsUrl === 'cdn') {\n            // URL was not provided or is set to 'cdn', so we use the default CDN URL.\n            const urlVersion = version$1 || DEFAULT_EMOJI_VERSION;\n            const url = new URL(DEFAULT_EMOJI_DATABASE_URL.replace('{version}', urlVersion.toString()));\n            url.searchParams.set('editorVersion', version);\n            return url;\n        }\n        if (version$1) {\n            /**\n\t\t\t * Both {@link module:emoji/emojiconfig~EmojiConfig#definitionsUrl `emoji.definitionsUrl`} and\n\t\t\t * {@link module:emoji/emojiconfig~EmojiConfig#version `emoji.version`} configuration options\n\t\t\t * are set. Only the `emoji.definitionsUrl` option will be used.\n\t\t\t *\n\t\t\t * The `emoji.version` option will be ignored and should be removed from the configuration.\n\t\t\t *\n\t\t\t * @error emoji-repository-redundant-version\n\t\t\t */ logWarning('emoji-repository-redundant-version');\n        }\n        return new URL(definitionsUrl);\n    }\n    /**\n\t * Warn users on self-hosted installations that this plugin uses a CDN to fetch the emoji repository.\n\t */ _warnAboutCdnUse() {\n        const editor = this.editor;\n        const config = editor.config.get('emoji');\n        const licenseKey = editor.config.get('licenseKey');\n        const distributionChannel = window[Symbol.for('cke distribution')];\n        if (licenseKey === 'GPL') {\n            // Don't warn GPL users.\n            return;\n        }\n        if (distributionChannel === 'cloud') {\n            // Don't warn cloud users, because they already use our CDN.\n            return;\n        }\n        if (config && config.definitionsUrl) {\n            // Don't warn users who have configured their own definitions URL.\n            return;\n        }\n        /**\n\t\t * It was detected that your installation uses a commercial license key,\n\t\t * and the default {@glink features/emoji#emoji-source CKEditor CDN for Emoji plugin data}.\n\t\t *\n\t\t * To avoid this, you can use the {@link module:emoji/emojiconfig~EmojiConfig#definitionsUrl `emoji.definitionsUrl`}\n\t\t * configuration option to provide a URL to your own emoji repository.\n\t\t *\n\t\t * If you want to suppress this warning, while using the default CDN, set this configuration option to `cdn`.\n\t\t *\n\t\t * @error emoji-repository-cdn-use\n\t\t */ logWarning('emoji-repository-cdn-use');\n    }\n    /**\n\t * Returns the emoji repository in a configured version if it is a non-empty array. Returns `null` otherwise.\n\t */ _getItems() {\n        const repository = EmojiRepository._results[this._url.href];\n        return repository && repository.length ? repository : null;\n    }\n    /**\n\t * Loads the emoji repository. If the repository is already loaded, it returns the cached result.\n\t * Otherwise, it fetches the repository from the URL and adds it to the cache.\n\t */ async _loadAndCacheEmoji() {\n        if (EmojiRepository._results[this._url.href]) {\n            // The repository has already been downloaded.\n            return;\n        }\n        const result = await fetch(this._url, {\n            cache: 'force-cache'\n        }).then((response)=>{\n            if (!response.ok) {\n                return [];\n            }\n            return response.json();\n        }).catch(()=>{\n            return [];\n        });\n        EmojiRepository._results[this._url.href] = this._normalizeEmoji(result);\n    }\n    /**\n\t * Normalizes the raw data fetched from CDN. By normalization, we meant:\n\t *\n\t *  * Filter out unsupported emoji (these that will not render correctly),\n\t *  * Prepare skin tone variants if an emoji defines them.\n\t */ _normalizeEmoji(data) {\n        const editor = this.editor;\n        const useCustomFont = editor.config.get('emoji.useCustomFont');\n        const emojiUtils = editor.plugins.get('EmojiUtils');\n        const insertableEmoji = data.filter((item)=>emojiUtils.isEmojiCategoryAllowed(item));\n        // When using a custom font, the feature does not filter any emoji.\n        if (useCustomFont) {\n            return insertableEmoji.map((item)=>emojiUtils.normalizeEmojiSkinTone(item));\n        }\n        const emojiSupportedVersionByOs = emojiUtils.getEmojiSupportedVersionByOs();\n        const container = emojiUtils.createEmojiWidthTestingContainer();\n        document.body.appendChild(container);\n        const results = insertableEmoji.filter((item)=>emojiUtils.isEmojiSupported(item, emojiSupportedVersionByOs, container)).map((item)=>emojiUtils.normalizeEmojiSkinTone(item));\n        container.remove();\n        return results;\n    }\n    /**\n\t * Versioned emoji repository.\n\t */ static _results = {};\n}\n /**\n * Unable to load the emoji repository from the URL.\n *\n * If the URL works properly and there is no disruption of communication, please check your\n * {@glink getting-started/setup/csp Content Security Policy (CSP)} setting and make sure\n * the URL connection is allowed by the editor.\n *\n * @error emoji-repository-load-failed\n */\n\nconst EMOJI_MENTION_MARKER = ':';\nconst EMOJI_SHOW_ALL_OPTION_ID = ':__EMOJI_SHOW_ALL:';\nconst EMOJI_HINT_OPTION_ID = ':__EMOJI_HINT:';\n/**\n * The emoji mention plugin.\n *\n * Introduces the autocomplete of emojis while typing.\n */ class EmojiMention extends Plugin {\n    /**\n\t * Defines a number of displayed items in the auto complete dropdown.\n\t *\n\t * It includes the \"Show all emoji...\" option if the `EmojiPicker` plugin is loaded.\n\t */ _emojiDropdownLimit;\n    /**\n\t * Defines a skin tone that is set in the emoji config.\n\t */ _skinTone;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            EmojiRepository,\n            Typing,\n            'Mention'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'EmojiMention';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this.editor.config.define('emoji', {\n            dropdownLimit: 6\n        });\n        this._emojiDropdownLimit = editor.config.get('emoji.dropdownLimit');\n        this._skinTone = editor.config.get('emoji.skinTone');\n        this._setupMentionConfiguration(editor);\n    }\n    /**\n\t * Initializes the configuration for emojis in the mention feature.\n\t * If the marker used by emoji mention is already registered, it displays a warning.\n\t * If emoji mention configuration is detected, it does not register it for a second time.\n\t */ _setupMentionConfiguration(editor) {\n        const mergeFieldsPrefix = editor.config.get('mergeFields.prefix');\n        const mentionFeedsConfigs = editor.config.get('mention.feeds');\n        const isEmojiMarkerUsedByMergeFields = mergeFieldsPrefix ? mergeFieldsPrefix[0] === EMOJI_MENTION_MARKER : false;\n        const isEmojiMarkerUsedByMention = mentionFeedsConfigs.filter((config)=>!config._isEmojiMarker).some((config)=>config.marker === EMOJI_MENTION_MARKER);\n        if (isEmojiMarkerUsedByMention || isEmojiMarkerUsedByMergeFields) {\n            /**\n\t\t\t * The `marker` in the `emoji` config is already used by other plugin configuration.\n\t\t\t *\n\t\t\t * @error emoji-config-marker-already-used\n\t\t\t * @param {string} marker Used marker.\n\t\t\t */ logWarning('emoji-config-marker-already-used', {\n                marker: EMOJI_MENTION_MARKER\n            });\n            return;\n        }\n        const isEmojiConfigDefined = mentionFeedsConfigs.some((config)=>config._isEmojiMarker);\n        if (isEmojiConfigDefined) {\n            return;\n        }\n        const emojiMentionFeedConfig = {\n            _isEmojiMarker: true,\n            marker: EMOJI_MENTION_MARKER,\n            dropdownLimit: this._emojiDropdownLimit,\n            itemRenderer: this._customItemRendererFactory(this.editor.t),\n            feed: this._queryEmojiCallbackFactory()\n        };\n        this.editor.config.set('mention.feeds', [\n            ...mentionFeedsConfigs,\n            emojiMentionFeedConfig\n        ]);\n    }\n    /**\n\t * @inheritDoc\n\t */ async init() {\n        const editor = this.editor;\n        this.emojiPickerPlugin = editor.plugins.has('EmojiPicker') ? editor.plugins.get('EmojiPicker') : null;\n        this.emojiRepositoryPlugin = editor.plugins.get('EmojiRepository');\n        this._isEmojiRepositoryAvailable = await this.emojiRepositoryPlugin.isReady();\n        // Override the `mention` command listener if the emoji repository is ready.\n        if (this._isEmojiRepositoryAvailable) {\n            editor.once('ready', this._overrideMentionExecuteListener.bind(this));\n        }\n    }\n    /**\n\t * Returns the `itemRenderer()` callback for mention config.\n\t */ _customItemRendererFactory(t) {\n        return (item)=>{\n            const itemElement = document.createElement('button');\n            itemElement.classList.add('ck');\n            itemElement.classList.add('ck-button');\n            itemElement.classList.add('ck-button_with-text');\n            itemElement.id = `mention-list-item-id${item.id.slice(0, -1)}`;\n            itemElement.type = 'button';\n            itemElement.tabIndex = -1;\n            const labelElement = document.createElement('span');\n            labelElement.classList.add('ck');\n            labelElement.classList.add('ck-button__label');\n            itemElement.appendChild(labelElement);\n            if (item.id === EMOJI_HINT_OPTION_ID) {\n                itemElement.classList.add('ck-list-item-button');\n                itemElement.classList.add('ck-disabled');\n                labelElement.textContent = t('Keep on typing to see the emoji.');\n            } else if (item.id === EMOJI_SHOW_ALL_OPTION_ID) {\n                labelElement.textContent = t('Show all emoji...');\n            } else {\n                labelElement.textContent = `${item.text} ${item.id}`;\n            }\n            return itemElement;\n        };\n    }\n    /**\n\t * Overrides the default mention execute listener to insert an emoji as plain text instead.\n\t */ _overrideMentionExecuteListener() {\n        const editor = this.editor;\n        editor.commands.get('mention').on('execute', (event, data)=>{\n            const eventData = data[0];\n            // Ignore non-emoji auto-complete actions.\n            if (eventData.marker !== EMOJI_MENTION_MARKER) {\n                return;\n            }\n            // Do not propagate the event.\n            event.stop();\n            // Do nothing when executing after selecting a hint message.\n            if (eventData.mention.id === EMOJI_HINT_OPTION_ID) {\n                return;\n            }\n            // Trigger the picker UI.\n            if (eventData.mention.id === EMOJI_SHOW_ALL_OPTION_ID) {\n                const text = [\n                    ...eventData.range.getItems()\n                ].filter((item)=>item.is('$textProxy')).map((item)=>item.data).reduce((result, text)=>result + text, '');\n                editor.model.change((writer)=>{\n                    editor.model.deleteContent(writer.createSelection(eventData.range));\n                });\n                const emojiPickerPlugin = this.emojiPickerPlugin;\n                emojiPickerPlugin.showUI(text.slice(1));\n                setTimeout(()=>{\n                    emojiPickerPlugin.emojiPickerView.focus();\n                });\n            } else {\n                editor.execute('insertText', {\n                    text: eventData.mention.text,\n                    range: eventData.range\n                });\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Returns the `feed()` callback for mention config.\n\t */ _queryEmojiCallbackFactory() {\n        return (searchQuery)=>{\n            // Do not show anything when a query starts with a space.\n            if (searchQuery.startsWith(' ')) {\n                return [];\n            }\n            // Do not show anything when a query starts with a marker character.\n            if (searchQuery.startsWith(EMOJI_MENTION_MARKER)) {\n                return [];\n            }\n            // If the repository plugin is not available, return an empty feed to avoid confusion. See: #17842.\n            if (!this._isEmojiRepositoryAvailable) {\n                return [];\n            }\n            const emojis = this.emojiRepositoryPlugin.getEmojiByQuery(searchQuery).map((emoji)=>{\n                let text = emoji.skins[this._skinTone] || emoji.skins.default;\n                if (this.emojiPickerPlugin) {\n                    text = emoji.skins[this.emojiPickerPlugin.skinTone] || emoji.skins.default;\n                }\n                return {\n                    id: `:${emoji.annotation}:`,\n                    text\n                };\n            });\n            if (!this.emojiPickerPlugin) {\n                return emojis.slice(0, this._emojiDropdownLimit);\n            }\n            const actionItem = {\n                id: searchQuery.length > 1 ? EMOJI_SHOW_ALL_OPTION_ID : EMOJI_HINT_OPTION_ID\n            };\n            return [\n                ...emojis.slice(0, this._emojiDropdownLimit - 1),\n                actionItem\n            ];\n        };\n    }\n}\n\n/**\n * Command that shows the emoji user interface.\n */ class EmojiCommand extends Command {\n    /**\n\t * Updates the command's {@link #isEnabled} based on the current selection.\n\t */ refresh() {\n        const editor = this.editor;\n        const model = editor.model;\n        const schema = model.schema;\n        const selection = model.document.selection;\n        this.isEnabled = schema.checkChild(selection.getFirstPosition(), '$text');\n    }\n    /**\n\t * Opens emoji user interface for the current document selection.\n\t *\n\t * @fires execute\n\t * @param [searchValue=''] A default query used to filer the grid when opening the UI.\n\t */ execute(searchValue = '') {\n        const emojiPickerPlugin = this.editor.plugins.get('EmojiPicker');\n        emojiPickerPlugin.showUI(searchValue);\n    }\n}\n\n/**\n * A grid of emoji tiles. It allows browsing emojis and selecting them to be inserted into the content.\n */ class EmojiGridView extends View {\n    /**\n\t * A collection of the child tile views. Each tile represents a particular emoji.\n\t */ tiles;\n    /**\n\t * Tracks information about the DOM focus in the grid.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * An array containing all emojis grouped by their categories.\n\t */ emojiCategories;\n    /**\n\t * A collection of all already created tile views. Each tile represents a particular emoji.\n\t * The cached tiles collection is used for efficiency purposes to avoid re-creating a particular\n\t * tile again when the grid view has changed.\n\t */ cachedTiles;\n    /**\n\t * A callback used to filter grid items by a specified query.\n\t */ _getEmojiByQuery;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, { categoryName, emojiCategories, getEmojiByQuery, skinTone }){\n        super(locale);\n        this.set('isEmpty', true);\n        this.set('categoryName', categoryName);\n        this.set('skinTone', skinTone);\n        this.tiles = this.createCollection();\n        this.cachedTiles = this.createCollection();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this._getEmojiByQuery = getEmojiByQuery;\n        this.emojiCategories = emojiCategories;\n        const bind = this.bindTemplate;\n        this.setTemplate({\n            tag: 'div',\n            children: [\n                {\n                    tag: 'div',\n                    attributes: {\n                        role: 'grid',\n                        class: [\n                            'ck',\n                            'ck-emoji__grid'\n                        ]\n                    },\n                    children: this.tiles\n                }\n            ],\n            attributes: {\n                role: 'tabpanel',\n                class: [\n                    'ck',\n                    'ck-emoji__tiles',\n                    // To avoid issues with focus cycling, ignore a grid when it's empty.\n                    bind.if('isEmpty', 'ck-hidden', (value)=>value)\n                ]\n            }\n        });\n        addKeyboardHandlingForGrid({\n            keystrokeHandler: this.keystrokes,\n            focusTracker: this.focusTracker,\n            gridItems: this.tiles,\n            numberOfColumns: ()=>global.window.getComputedStyle(this.element.firstChild) // Responsive `.ck-emoji-grid__tiles`.\n                .getPropertyValue('grid-template-columns').split(' ').length,\n            uiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.keystrokes.destroy();\n        this.focusTracker.destroy();\n    }\n    /**\n\t * Focuses the first focusable in {@link ~EmojiGridView#tiles} if available.\n\t */ focus() {\n        const firstTile = this.tiles.first;\n        if (firstTile) {\n            firstTile.focus();\n        }\n    }\n    /**\n\t * Filters the grid view by the given regular expression.\n\t *\n\t * It filters either by the pattern or an emoji category, but never both.\n\t *\n\t * @param pattern Expression to search or `null` when filter by category name.\n\t */ filter(pattern) {\n        const { matchingItems, allItems } = pattern ? this._getItemsByQuery(pattern.source) : this._getItemsByCategory();\n        this._updateGrid(matchingItems);\n        this.set('isEmpty', matchingItems.length === 0);\n        return {\n            resultsCount: matchingItems.length,\n            totalItemsCount: allItems.length\n        };\n    }\n    /**\n\t * Filters emojis to show based on the specified query phrase.\n\t *\n\t * @param query A query used to filter the grid.\n\t */ _getItemsByQuery(query) {\n        return {\n            matchingItems: this._getEmojiByQuery(query),\n            allItems: this.emojiCategories.flatMap((group)=>group.items)\n        };\n    }\n    /**\n\t * Returns emojis that belong to the specified category.\n\t */ _getItemsByCategory() {\n        const emojiCategory = this.emojiCategories.find((item)=>item.title === this.categoryName);\n        const { items } = emojiCategory;\n        return {\n            matchingItems: items,\n            allItems: items\n        };\n    }\n    /**\n\t * Updates the grid by removing the existing items and insert the new ones.\n\t *\n\t * @param items An array of items to insert.\n\t */ _updateGrid(items) {\n        // Clean-up.\n        [\n            ...this.tiles\n        ].forEach((item)=>{\n            this.focusTracker.remove(item);\n            this.tiles.remove(item);\n        });\n        items// Create tiles from matching results.\n        .map((item)=>{\n            const emoji = item.skins[this.skinTone] || item.skins.default;\n            return this.cachedTiles.get(emoji) || this._createTile(emoji, item.annotation);\n        })// Insert new elements.\n        .forEach((item)=>{\n            this.tiles.add(item);\n            this.focusTracker.add(item);\n        });\n    }\n    /**\n\t * Creates a new tile for the grid. Created tile is added to the {@link #cachedTiles} collection for further usage, if needed.\n\t *\n\t * @param emoji The emoji itself.\n\t * @param name The name of the emoji (e.g. \"Smiling Face with Smiling Eyes\").\n\t */ _createTile(emoji, name) {\n        const tile = new ButtonView(this.locale);\n        tile.viewUid = emoji;\n        tile.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-emoji__tile'\n                ]\n            }\n        });\n        tile.set({\n            label: emoji,\n            tooltip: name,\n            withText: true,\n            ariaLabel: name,\n            // To improve accessibility, disconnect a button and its label connection so that screen\n            // readers can read the `[aria-label]` attribute directly from the more descriptive button.\n            ariaLabelledBy: undefined\n        });\n        tile.on('execute', ()=>{\n            this.fire('execute', {\n                name,\n                emoji\n            });\n        });\n        this.cachedTiles.add(tile);\n        return tile;\n    }\n}\n\n/**\n * A class representing the navigation part of the emoji UI.\n * It is responsible allowing the user to select a particular emoji category.\n */ class EmojiCategoriesView extends View {\n    /**\n\t * Tracks information about the DOM focus in the grid.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * Helps cycling over focusable children in the input view.\n\t */ focusCycler;\n    /**\n\t * A collection of the categories buttons.\n\t */ buttonViews;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, { emojiCategories, categoryName }){\n        super(locale);\n        this.buttonViews = this.createCollection(emojiCategories.map((emojiCategory)=>this._createCategoryButton(emojiCategory)));\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.focusCycler = new FocusCycler({\n            focusables: this.buttonViews,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                focusPrevious: 'arrowleft',\n                focusNext: 'arrowright'\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-emoji__categories-list'\n                ],\n                role: 'tablist'\n            },\n            children: this.buttonViews\n        });\n        this.on('change:categoryName', (event, name, newValue, oldValue)=>{\n            const oldCategoryButton = this.buttonViews.find((button)=>button.tooltip === oldValue);\n            if (oldCategoryButton) {\n                oldCategoryButton.isOn = false;\n            }\n            const newCategoryButton = this.buttonViews.find((button)=>button.tooltip === newValue);\n            newCategoryButton.isOn = true;\n        });\n        this.set('categoryName', categoryName);\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.buttonViews.forEach((buttonView)=>{\n            this.focusTracker.add(buttonView);\n        });\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n        this.buttonViews.destroy();\n    }\n    /**\n\t * @inheritDoc\n\t */ focus() {\n        this.buttonViews.first.focus();\n    }\n    /**\n\t * Marks all categories buttons as enabled (clickable).\n\t */ enableCategories() {\n        this.buttonViews.forEach((buttonView)=>{\n            buttonView.isEnabled = true;\n        });\n    }\n    /**\n\t * Marks all categories buttons as disabled (non-clickable).\n\t */ disableCategories() {\n        this.buttonViews.forEach((buttonView)=>{\n            buttonView.set({\n                class: '',\n                isEnabled: false,\n                isOn: false\n            });\n        });\n    }\n    /**\n\t * Creates a button representing a category item.\n\t */ _createCategoryButton(emojiCategory) {\n        const buttonView = new ButtonView();\n        const bind = buttonView.bindTemplate;\n        // A `[role=\"tab\"]` element requires also the `[aria-selected]` attribute with its state.\n        buttonView.extendTemplate({\n            attributes: {\n                'aria-selected': bind.to('isOn', (value)=>value.toString()),\n                class: [\n                    'ck-emoji__category-item'\n                ]\n            }\n        });\n        buttonView.set({\n            ariaLabel: emojiCategory.title,\n            label: emojiCategory.icon,\n            role: 'tab',\n            tooltip: emojiCategory.title,\n            withText: true,\n            // To improve accessibility, disconnect a button and its label connection so that screen\n            // readers can read the `[aria-label]` attribute directly from the more descriptive button.\n            ariaLabelledBy: undefined\n        });\n        buttonView.on('execute', ()=>{\n            this.categoryName = emojiCategory.title;\n        });\n        buttonView.on('change:isEnabled', ()=>{\n            if (buttonView.isEnabled && buttonView.tooltip === this.categoryName) {\n                buttonView.isOn = true;\n            }\n        });\n        return buttonView;\n    }\n}\n\n/**\n * A view responsible for providing an input element that allows filtering emoji by the provided query.\n */ class EmojiSearchView extends View {\n    /**\n\t * The find in text input view that stores the searched string.\n\t */ inputView;\n    /**\n\t * An instance of the `EmojiGridView`.\n\t */ gridView;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, { gridView, resultsView }){\n        super(locale);\n        this.gridView = gridView;\n        const t = locale.t;\n        this.inputView = new SearchTextView(this.locale, {\n            queryView: {\n                label: t('Find an emoji (min. 2 characters)'),\n                creator: createLabeledInputText\n            },\n            filteredView: this.gridView,\n            infoView: {\n                instance: resultsView\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-search'\n                ],\n                tabindex: '-1'\n            },\n            children: [\n                this.inputView.queryView\n            ]\n        });\n        // Pass through the `search` event to handle it by a parent view.\n        this.inputView.delegate('search').to(this);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.inputView.destroy();\n    }\n    /**\n\t * Searches the {@link #gridView} for the given query.\n\t *\n\t * @param query The search query string.\n\t */ search(query) {\n        const regExp = query ? new RegExp(escapeRegExp(query), 'ig') : null;\n        const filteringResults = this.gridView.filter(regExp);\n        this.inputView.fire('search', {\n            query,\n            ...filteringResults\n        });\n    }\n    /**\n\t * Allows defining the default value in the search text field.\n\t *\n\t * @param value The new value.\n\t */ setInputValue(value) {\n        if (!value) {\n            this.inputView.queryView.fieldView.reset();\n        } else {\n            this.inputView.queryView.fieldView.value = value;\n        }\n    }\n    /**\n\t * Returns an input provided by a user in the search text field.\n\t */ getInputValue() {\n        return this.inputView.queryView.fieldView.element.value;\n    }\n    /**\n\t * @inheritDoc\n\t */ focus() {\n        this.inputView.focus();\n    }\n}\n\n/**\n * A view responsible for selecting a skin tone for an emoji.\n */ class EmojiToneView extends View {\n    /**\n\t * A dropdown element for selecting an active skin tone.\n\t */ dropdownView;\n    /**\n\t * An array of available skin tones.\n\t */ _skinTones;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, { skinTone, skinTones }){\n        super(locale);\n        this.set('skinTone', skinTone);\n        this._skinTones = skinTones;\n        const t = locale.t;\n        const accessibleLabel = t('Select skin tone');\n        const dropdownView = createDropdown(locale);\n        const itemDefinitions = new Collection();\n        for (const { id, icon, tooltip } of this._skinTones){\n            const def = {\n                type: 'button',\n                model: new UIModel({\n                    value: id,\n                    label: icon,\n                    ariaLabel: tooltip,\n                    tooltip,\n                    tooltipPosition: 'e',\n                    role: 'menuitemradio',\n                    withText: true,\n                    // To improve accessibility, disconnect a button and its label connection so that screen\n                    // readers can read the `[aria-label]` attribute directly from the more descriptive button.\n                    ariaLabelledBy: undefined\n                })\n            };\n            def.model.bind('isOn').to(this, 'skinTone', (value)=>value === id);\n            itemDefinitions.add(def);\n        }\n        addListToDropdown(dropdownView, itemDefinitions, {\n            ariaLabel: accessibleLabel,\n            role: 'menu'\n        });\n        dropdownView.buttonView.set({\n            label: this._getSkinTone().icon,\n            ariaLabel: accessibleLabel,\n            ariaLabelledBy: undefined,\n            isOn: false,\n            withText: true,\n            tooltip: accessibleLabel\n        });\n        this.dropdownView = dropdownView;\n        // Execute command when an item from the dropdown is selected.\n        this.listenTo(dropdownView, 'execute', (evt)=>{\n            this.skinTone = evt.source.value;\n        });\n        dropdownView.buttonView.bind('label').to(this, 'skinTone', ()=>{\n            return this._getSkinTone().icon;\n        });\n        dropdownView.buttonView.bind('ariaLabel').to(this, 'skinTone', ()=>{\n            // Render a current state, but also what the dropdown does.\n            return `${this._getSkinTone().tooltip}, ${accessibleLabel}`;\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-emoji__skin-tone'\n                ]\n            },\n            children: [\n                dropdownView\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ focus() {\n        this.dropdownView.buttonView.focus();\n    }\n    /**\n\t * Helper method for receiving an object describing the active skin tone.\n\t */ _getSkinTone() {\n        return this._skinTones.find((tone)=>tone.id === this.skinTone);\n    }\n}\n\n/**\n * A view that glues pieces of the emoji panel together.\n */ class EmojiPickerView extends View {\n    /**\n\t * A collection of the focusable children of the view.\n\t */ items;\n    /**\n\t * Tracks information about the DOM focus in the view.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * Helps cycling over focusable {@link #items} in the view.\n\t */ focusCycler;\n    /**\n\t * An instance of the `EmojiSearchView`.\n\t */ searchView;\n    /**\n\t * An instance of the `EmojiToneView`.\n\t */ toneView;\n    /**\n\t * An instance of the `EmojiCategoriesView`.\n\t */ categoriesView;\n    /**\n\t * An instance of the `EmojiGridView`.\n\t */ gridView;\n    /**\n\t * An instance of the `EmojiGridView`.\n\t */ infoView;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, { emojiCategories, getEmojiByQuery, skinTone, skinTones }){\n        super(locale);\n        const categoryName = emojiCategories[0].title;\n        this.gridView = new EmojiGridView(locale, {\n            categoryName,\n            emojiCategories,\n            getEmojiByQuery,\n            skinTone\n        });\n        this.infoView = new SearchInfoView();\n        this.searchView = new EmojiSearchView(locale, {\n            gridView: this.gridView,\n            resultsView: this.infoView\n        });\n        this.categoriesView = new EmojiCategoriesView(locale, {\n            emojiCategories,\n            categoryName\n        });\n        this.toneView = new EmojiToneView(locale, {\n            skinTone,\n            skinTones\n        });\n        this.items = this.createCollection([\n            this.searchView,\n            this.toneView,\n            this.categoriesView,\n            this.gridView,\n            this.infoView\n        ]);\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.focusCycler = new FocusCycler({\n            focusables: this.items,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                focusPrevious: 'shift + tab',\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            children: [\n                {\n                    tag: 'div',\n                    children: [\n                        this.searchView,\n                        this.toneView\n                    ],\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-emoji__search'\n                        ]\n                    }\n                },\n                this.categoriesView,\n                this.gridView,\n                {\n                    tag: 'div',\n                    children: [\n                        this.infoView\n                    ],\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-search__results'\n                        ]\n                    }\n                }\n            ],\n            attributes: {\n                tabindex: '-1',\n                class: [\n                    'ck',\n                    'ck-emoji',\n                    'ck-search'\n                ]\n            }\n        });\n        this._setupEventListeners();\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.focusTracker.add(this.searchView.element);\n        this.focusTracker.add(this.toneView.element);\n        this.focusTracker.add(this.categoriesView.element);\n        this.focusTracker.add(this.gridView.element);\n        this.focusTracker.add(this.infoView.element);\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the search input.\n\t */ focus() {\n        this.searchView.focus();\n    }\n    /**\n\t * Initializes interactions between sub-views.\n\t */ _setupEventListeners() {\n        const t = this.locale.t;\n        // Disable the category switcher when filtering by a query.\n        this.searchView.on('search', (evt, data)=>{\n            if (data.query) {\n                this.categoriesView.disableCategories();\n            } else {\n                this.categoriesView.enableCategories();\n            }\n        });\n        // Show a user-friendly message depending on the search query.\n        this.searchView.on('search', (evt, data)=>{\n            if (data.query.length === 1) {\n                this.infoView.set({\n                    primaryText: t('Keep on typing to see the emoji.'),\n                    secondaryText: t('The query must contain at least two characters.'),\n                    isVisible: true\n                });\n            } else if (!data.resultsCount) {\n                this.infoView.set({\n                    primaryText: t('No emojis were found matching \"%0\".', data.query),\n                    secondaryText: t('Please try a different phrase or check the spelling.'),\n                    isVisible: true\n                });\n            } else {\n                this.infoView.set({\n                    isVisible: false\n                });\n            }\n        });\n        // Emit an update event to react to balloon dimensions changes.\n        this.searchView.on('search', ()=>{\n            this.fire('update');\n            this.gridView.element.scrollTo(0, 0);\n        });\n        // Update the grid of emojis when the selected category is changed.\n        this.categoriesView.on('change:categoryName', (ev, args, categoryName)=>{\n            this.gridView.categoryName = categoryName;\n            this.searchView.search('');\n        });\n        // Update the grid of emojis when the selected skin tone is changed.\n        // In such a case, the displayed emoji should use an updated skin tone value.\n        this.toneView.on('change:skinTone', (evt, propertyName, newValue)=>{\n            this.gridView.skinTone = newValue;\n            this.searchView.search(this.searchView.getInputValue());\n        });\n    }\n}\n\n/**\n * The emoji picker form view.\n */ class EmojiPickerFormView extends View {\n    /**\n\t * The Back button view displayed in the header.\n\t */ backButtonView;\n    /**\n\t * Tracks information about DOM focus in the form.\n\t */ focusTracker = new FocusTracker();\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes = new KeystrokeHandler();\n    /**\n\t * A collection of child views.\n\t */ children;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables = new ViewCollection();\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * Creates an instance of the {@link module:emoji/ui/emojipickerformview~EmojiPickerFormView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        this.backButtonView = this._createBackButton();\n        this.children = this.createCollection([\n            this._createHeaderView()\n        ]);\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backward using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form',\n                    'ck-emoji-picker-form',\n                    'ck-responsive-form'\n                ],\n                // https://github.com/ckeditor/ckeditor5-link/issues/90\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        const childViews = [\n            ...this.children.filter(isFocusable),\n            this.backButtonView\n        ];\n        childViews.forEach((v)=>{\n            // Register the view as focusable.\n            this._focusables.add(v);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(v.element);\n            // Register the view in the focus cycler to avoid nested focus cycles traps.\n            if (isViewWithFocusCycler(v)) {\n                this._focusCycler.chain(v.focusCycler);\n            }\n        });\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Creates a back button view that cancels the form.\n\t */ _createBackButton() {\n        const t = this.locale.t;\n        const backButton = new ButtonView(this.locale);\n        backButton.set({\n            class: 'ck-button-back',\n            label: t('Back'),\n            icon: IconPreviousArrow,\n            tooltip: true\n        });\n        backButton.delegate('execute').to(this, 'cancel');\n        return backButton;\n    }\n    /**\n\t * Creates a header view for the form.\n\t */ _createHeaderView() {\n        const t = this.locale.t;\n        const header = new FormHeaderView(this.locale, {\n            label: t('Emoji picker')\n        });\n        header.children.add(this.backButtonView, 0);\n        return header;\n    }\n}\n\nconst VISUAL_SELECTION_MARKER_NAME = 'emoji-picker';\n/**\n * The emoji picker plugin.\n *\n * Introduces the `'emoji'` dropdown.\n */ class EmojiPicker extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            EmojiRepository,\n            ContextualBalloon,\n            Dialog,\n            Typing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'EmojiPicker';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ async init() {\n        const editor = this.editor;\n        this.balloonPlugin = editor.plugins.get('ContextualBalloon');\n        this.emojiRepositoryPlugin = editor.plugins.get('EmojiRepository');\n        // Skip registering a button in the toolbar and list item in the menu bar if the emoji repository is not ready.\n        if (!await this.emojiRepositoryPlugin.isReady()) {\n            return;\n        }\n        const command = new EmojiCommand(editor);\n        editor.commands.add('emoji', command);\n        editor.ui.componentFactory.add('emoji', ()=>{\n            const button = this._createButton(ButtonView, command);\n            button.set({\n                tooltip: true\n            });\n            return button;\n        });\n        editor.ui.componentFactory.add('menuBar:emoji', ()=>{\n            return this._createButton(MenuBarMenuListItemButtonView, command);\n        });\n        this._setupConversion();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        if (this.emojiPickerView) {\n            this.emojiPickerView.destroy();\n        }\n    }\n    /**\n\t * Represents an active skin tone. Its value depends on the emoji UI plugin.\n\t *\n\t * Before opening the UI for the first time, the returned value is read from the editor configuration.\n\t * Otherwise, it reflects the user's intention.\n\t */ get skinTone() {\n        if (!this.emojiPickerView) {\n            return this.editor.config.get('emoji.skinTone');\n        }\n        return this.emojiPickerView.gridView.skinTone;\n    }\n    /**\n\t * Displays the balloon with the emoji picker.\n\t *\n\t * @param [searchValue=''] A default query used to filer the grid when opening the UI.\n\t */ showUI(searchValue = '') {\n        // Show visual selection on a text when the contextual balloon is displayed.\n        // See #17654.\n        this._showFakeVisualSelection();\n        if (!this.emojiPickerView) {\n            this.emojiPickerView = this._createEmojiPickerView();\n        }\n        if (searchValue) {\n            this.emojiPickerView.searchView.setInputValue(searchValue);\n        }\n        this.emojiPickerView.searchView.search(searchValue);\n        if (!this.emojiPickerFormView) {\n            this.emojiPickerFormView = this._createEmojiPickerFormView();\n        }\n        if (!this.balloonPlugin.hasView(this.emojiPickerFormView)) {\n            // Show back button if there is another balloon view visible.\n            this.emojiPickerFormView.backButtonView.isVisible = !!this.balloonPlugin.visibleView;\n            this.balloonPlugin.add({\n                view: this.emojiPickerFormView,\n                position: this._getBalloonPositionData(),\n                balloonClassName: 'ck-emoji-picker-balloon'\n            });\n        }\n        this.emojiPickerView.focus();\n    }\n    /**\n\t * Creates a button for toolbar and menu bar that will show the emoji dialog.\n\t */ _createButton(ViewClass, command) {\n        const buttonView = new ViewClass(this.editor.locale);\n        const t = this.editor.locale.t;\n        buttonView.bind('isEnabled').to(command, 'isEnabled');\n        buttonView.set({\n            label: t('Emoji'),\n            icon: IconEmoji,\n            isToggleable: true\n        });\n        buttonView.on('execute', ()=>{\n            this.editor.editing.view.scrollToTheSelection();\n            this.showUI();\n        });\n        return buttonView;\n    }\n    /**\n\t * Creates an instance of the `EmojiPickerView` class that represents an emoji balloon.\n\t */ _createEmojiPickerView() {\n        const emojiPickerView = new EmojiPickerView(this.editor.locale, {\n            emojiCategories: this.emojiRepositoryPlugin.getEmojiCategories(),\n            skinTone: this.editor.config.get('emoji.skinTone'),\n            skinTones: this.emojiRepositoryPlugin.getSkinTones(),\n            getEmojiByQuery: (query)=>{\n                return this.emojiRepositoryPlugin.getEmojiByQuery(query);\n            }\n        });\n        // Insert an emoji on a tile click.\n        this.listenTo(emojiPickerView.gridView, 'execute', (evt, data)=>{\n            const editor = this.editor;\n            const textToInsert = data.emoji;\n            this._hideUI();\n            editor.execute('insertText', {\n                text: textToInsert\n            });\n        });\n        return emojiPickerView;\n    }\n    /**\n\t * Creates an instance of the `EmojiPickerFormView` class that represents a balloon with the emoji picker.\n\t */ _createEmojiPickerFormView() {\n        const emojiPickerFormView = new EmojiPickerFormView(this.editor.locale);\n        emojiPickerFormView.children.add(this.emojiPickerView);\n        // Update the balloon position when layout is changed.\n        this.listenTo(this.emojiPickerView, 'update', ()=>{\n            if (this.balloonPlugin.visibleView === emojiPickerFormView) {\n                this.balloonPlugin.updatePosition();\n            }\n        });\n        // Close the dialog when the back button is clicked.\n        this.listenTo(emojiPickerFormView, 'cancel', ()=>{\n            this._hideUI();\n        });\n        // Close the panel on `Esc` key press when the **actions have focus**.\n        emojiPickerFormView.keystrokes.set('Esc', (data, cancel)=>{\n            this._hideUI();\n            cancel();\n        });\n        // Close the dialog when clicking outside of it.\n        clickOutsideHandler({\n            emitter: emojiPickerFormView,\n            contextElements: [\n                this.balloonPlugin.view.element\n            ],\n            callback: ()=>{\n                // Focusing on the editable during a click outside the balloon panel might\n                // cause the selection to move to the beginning of the editable, so we avoid\n                // focusing on it during this action.\n                // See: https://github.com/ckeditor/ckeditor5/issues/18253\n                this._hideUI(false);\n            },\n            activator: ()=>this.balloonPlugin.visibleView === emojiPickerFormView\n        });\n        return emojiPickerFormView;\n    }\n    /**\n\t * Hides the balloon with the emoji picker.\n\t *\n\t * @param updateFocus Whether to focus the editor after closing the emoji picker.\n\t */ _hideUI(updateFocus = true) {\n        this.balloonPlugin.remove(this.emojiPickerFormView);\n        this.emojiPickerView.searchView.setInputValue('');\n        if (updateFocus) {\n            this.editor.editing.view.focus();\n        }\n        this._hideFakeVisualSelection();\n    }\n    /**\n\t * Registers converters.\n\t */ _setupConversion() {\n        const editor = this.editor;\n        // Renders a fake visual selection marker on an expanded selection.\n        editor.conversion.for('editingDowncast').markerToHighlight({\n            model: VISUAL_SELECTION_MARKER_NAME,\n            view: {\n                classes: [\n                    'ck-fake-emoji-selection'\n                ]\n            }\n        });\n        // Renders a fake visual selection marker on a collapsed selection.\n        editor.conversion.for('editingDowncast').markerToElement({\n            model: VISUAL_SELECTION_MARKER_NAME,\n            view: (data, { writer })=>{\n                if (!data.markerRange.isCollapsed) {\n                    return null;\n                }\n                const markerElement = writer.createUIElement('span');\n                writer.addClass([\n                    'ck-fake-emoji-selection',\n                    'ck-fake-emoji-selection_collapsed'\n                ], markerElement);\n                return markerElement;\n            }\n        });\n    }\n    /**\n\t * Returns positioning options for the {@link #balloonPlugin}. They control the way the balloon is attached\n\t * to the target element or selection.\n\t */ _getBalloonPositionData() {\n        const view = this.editor.editing.view;\n        const viewDocument = view.document;\n        // Set a target position by converting view selection range to DOM.\n        const target = ()=>view.domConverter.viewRangeToDom(viewDocument.selection.getFirstRange());\n        return {\n            target\n        };\n    }\n    /**\n\t * Displays a fake visual selection when the contextual balloon is displayed.\n\t *\n\t * This adds an 'emoji-picker' marker into the document that is rendered as a highlight on selected text fragment.\n\t */ _showFakeVisualSelection() {\n        const model = this.editor.model;\n        model.change((writer)=>{\n            const range = model.document.selection.getFirstRange();\n            if (model.markers.has(VISUAL_SELECTION_MARKER_NAME)) {\n                writer.updateMarker(VISUAL_SELECTION_MARKER_NAME, {\n                    range\n                });\n            } else {\n                if (range.start.isAtEnd) {\n                    const startPosition = range.start.getLastMatchingPosition(({ item })=>!model.schema.isContent(item), {\n                        boundaries: range\n                    });\n                    writer.addMarker(VISUAL_SELECTION_MARKER_NAME, {\n                        usingOperation: false,\n                        affectsData: false,\n                        range: writer.createRange(startPosition, range.end)\n                    });\n                } else {\n                    writer.addMarker(VISUAL_SELECTION_MARKER_NAME, {\n                        usingOperation: false,\n                        affectsData: false,\n                        range\n                    });\n                }\n            }\n        });\n    }\n    /**\n\t * Hides the fake visual selection.\n\t */ _hideFakeVisualSelection() {\n        const model = this.editor.model;\n        if (model.markers.has(VISUAL_SELECTION_MARKER_NAME)) {\n            model.change((writer)=>{\n                writer.removeMarker(VISUAL_SELECTION_MARKER_NAME);\n            });\n        }\n    }\n}\n\n/**\n * The emoji plugin.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * {@link module:emoji/emojimention~EmojiMention},\n * * {@link module:emoji/emojipicker~EmojiPicker},\n */ class Emoji extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            EmojiMention,\n            EmojiPicker\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Emoji';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { Emoji, EmojiCategoriesView, EmojiCommand, EmojiGridView, EmojiMention, EmojiPicker, EmojiPickerFormView, EmojiPickerView, EmojiRepository, EmojiSearchView, EmojiToneView, EmojiUtils, isEmojiSupported as _isEmojiSupported };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2023, Koala Interactive SAS\n * For licensing, see https://github.com/koala-interactive/is-emoji-supported/blob/master/LICENSE.md\n */\n\n/**\n * @module emoji/utils/isemojisupported\n */\n\n/**\n * Checks if the two pixels parts are the same using canvas.\n *\n * @internal\n */\nexport function isEmojiSupported( unicode: string ): boolean {\n\tconst ctx = getCanvas();\n\n\t/* istanbul ignore next -- @preserve */\n\tif ( !ctx ) {\n\t\treturn false;\n\t}\n\n\tconst CANVAS_HEIGHT = 25;\n\tconst CANVAS_WIDTH = 20;\n\tconst textSize = Math.floor( CANVAS_HEIGHT / 2 );\n\n\t// Initialize canvas context.\n\tctx.font = textSize + 'px Arial, Sans-Serif';\n\tctx.textBaseline = 'top';\n\tctx.canvas.width = CANVAS_WIDTH * 2;\n\tctx.canvas.height = CANVAS_HEIGHT;\n\n\tctx.clearRect( 0, 0, CANVAS_WIDTH * 2, CANVAS_HEIGHT );\n\n\t// Draw in red on the left.\n\tctx.fillStyle = '#FF0000';\n\tctx.fillText( unicode, 0, 22 );\n\n\t// Draw in blue on right.\n\tctx.fillStyle = '#0000FF';\n\tctx.fillText( unicode, CANVAS_WIDTH, 22 );\n\n\tconst a = ctx.getImageData( 0, 0, CANVAS_WIDTH, CANVAS_HEIGHT ).data;\n\tconst count = a.length;\n\tlet i = 0;\n\n\t// Search the first visible pixel.\n\tfor ( ; i < count && !a[ i + 3 ]; i += 4 );\n\n\t// No visible pixel.\n\t/* istanbul ignore next -- @preserve */\n\tif ( i >= count ) {\n\t\treturn false;\n\t}\n\n\t// Emoji has immutable color, so we check the color of the emoji in two different colors.\n\t// the result show be the same.\n\tconst x = CANVAS_WIDTH + ( ( i / 4 ) % CANVAS_WIDTH );\n\tconst y = Math.floor( i / 4 / CANVAS_WIDTH );\n\tconst b = ctx.getImageData( x, y, 1, 1 ).data;\n\n\t/* istanbul ignore next -- @preserve */\n\tif ( a[ i ] !== b[ 0 ] || a[ i + 2 ] !== b[ 2 ]) {\n\t\treturn false;\n\t}\n\n\t//Some emojis consist of different ones, so they will show multiple characters if they are not supported.\n\t/* istanbul ignore next -- @preserve */\n\tif ( ctx.measureText( unicode ).width >= CANVAS_WIDTH ) {\n\t\treturn false;\n\t}\n\n\t// Supported.\n\treturn true;\n};\n\nfunction getCanvas(): CanvasRenderingContext2D | null {\n\ttry {\n\t\treturn document.createElement( 'canvas' ).getContext( '2d', { willReadFrequently: true } );\n\t} catch {\n\t\t/* istanbul ignore next -- @preserve */\n\t\treturn null;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { EmojiCdnResource, EmojiEntry } from './emojirepository.js';\nimport type { EmojiSkinToneId } from './emojiconfig.js';\nimport { isEmojiSupported } from './utils/isemojisupported.js';\n\n/**\n * @module emoji/emojiutils\n */\n\nconst SKIN_TONE_MAP: Record<number, EmojiSkinToneId> = {\n\t0: 'default',\n\t1: 'light',\n\t2: 'medium-light',\n\t3: 'medium',\n\t4: 'medium-dark',\n\t5: 'dark'\n};\n\n/**\n * A map representing an emoji and its release version.\n * It's used to identify a user's minimal supported emoji level.\n * We skip versions with older patches, such as 15.0 instead of 15.1 etc.\n */\nconst EMOJI_SUPPORT_LEVEL: Record<string, number> = {\n\t'🫩': 16, // Face with bags under eyes.\n\t'🫨': 15.1, // Shaking Face.\n\t'🫠': 14, // Melting Face.\n\t'😶‍🌫️': 13.1, // Face in Clouds.\n\t'🧑‍💻': 12.1, // Technologist.\n\t'🥰': 11, // Smiling Face with Hearts.\n\t'🤪': 5, // Zany Face.\n\t'⚕️': 4, // Medical Symbol.\n\t'🤣': 3, // Rolling on the Floor Laughing.\n\t'👋🏽': 2, // Waving Hand: Medium Skin Tone.\n\t'😀': 1, // Grinning Face.\n\t'😐': 0.7, // Neutral Face.\n\t'😂': 0.6 // Face with Tears of Joy.\n};\n\nconst BASELINE_EMOJI_WIDTH = 24;\n\n/**\n * The Emoji utilities plugin.\n */\nexport class EmojiUtils extends Plugin {\n\t/**\n\t * Used for testing whether the environment supports the given emoji.\n\t */\n\tprivate _emojiCanvas: CanvasRenderingContext2D | null = null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'EmojiUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis._emojiCanvas = document.createElement( 'canvas' ).getContext( '2d' );\n\t}\n\n\t/**\n\t * Checks if the emoji is supported by verifying the emoji version supported by the system first.\n\t * Then checks if emoji contains a zero width joiner (ZWJ), and if yes, then checks if it is supported by the system.\n\t */\n\tpublic isEmojiSupported( item: EmojiCdnResource, emojiSupportedVersionByOs: number, container: HTMLDivElement ): boolean {\n\t\tconst isEmojiVersionSupported = item.version <= emojiSupportedVersionByOs;\n\n\t\tif ( !isEmojiVersionSupported ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( !this.hasZwj( item.emoji ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn this.isEmojiZwjSupported( item, container );\n\t}\n\n\t/**\n\t * Checks the supported emoji version by the OS, by sampling some representatives from different emoji releases.\n\t */\n\tpublic getEmojiSupportedVersionByOs(): number {\n\t\tfor ( const [ emoji, emojiVersion ] of Object.entries( EMOJI_SUPPORT_LEVEL ) ) {\n\t\t\tif ( EmojiUtils._isEmojiSupported( emoji ) ) {\n\t\t\t\treturn emojiVersion;\n\t\t\t}\n\t\t}\n\n\t\treturn 0;\n\t}\n\n\t/**\n\t * Check for ZWJ (zero width joiner) character.\n\t */\n\tpublic hasZwj( emoji: string ): boolean {\n\t\treturn emoji.includes( '\\u200d' );\n\t}\n\n\t/**\n\t * Checks whether the emoji is supported in the operating system.\n\t */\n\tpublic isEmojiZwjSupported( item: EmojiCdnResource, container: HTMLDivElement ): boolean {\n\t\t// On Windows, some supported emoji are ~50% bigger than the baseline emoji, but what we really want to guard\n\t\t// against are the ones that are 2x the size, because those are truly broken (person with red hair = person with\n\t\t// floating red wig, black cat = cat with black square, polar bear = bear with snowflake, etc.)\n\t\t// So here we set the threshold at 1.8 times the size of the baseline emoji.\n\n\t\tconst canvasWidth = this.getNodeWidthUsingCanvas( container, item.emoji );\n\n\t\t// Checking emoji using canvas is much faster, so always try it first. Unfortunately canvas has worse emoji coverage.\n\t\tif ( canvasWidth < BASELINE_EMOJI_WIDTH * 1.8 ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst domWidth = this.getNodeWidth( container, item.emoji );\n\n\t\t// Checking emoji using DOM is much slower, so use it as a fallback.\n\t\treturn domWidth < BASELINE_EMOJI_WIDTH * 1.8;\n\t}\n\n\t/**\n\t * Returns the width of the provided node.\n\t */\n\tpublic getNodeWidth( container: HTMLDivElement, node: string ): number {\n\t\tconst span = document.createElement( 'span' );\n\t\tspan.textContent = node;\n\t\tcontainer.appendChild( span );\n\t\tconst nodeWidth = span.offsetWidth;\n\t\tcontainer.removeChild( span );\n\n\t\treturn nodeWidth;\n\t}\n\n\t/**\n\t * Returns the width of the provided node.\n\t *\n\t * This is a faster alternative to `getNodeWidth` method, which works for great majority of emojis.\n\t */\n\tpublic getNodeWidthUsingCanvas( container: HTMLDivElement, node: string ): number {\n\t\tconst style = getComputedStyle( container );\n\n\t\tthis._emojiCanvas!.font = [\n\t\t\tstyle.fontStyle,\n\t\t\tstyle.fontVariant,\n\t\t\tstyle.fontWeight,\n\t\t\t`${ BASELINE_EMOJI_WIDTH }px`,\n\t\t\t`\"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\", ${ style.fontFamily }`\n\t\t].join( ' ' );\n\n\t\treturn Math.ceil( this._emojiCanvas!.measureText( node ).width );\n\t}\n\n\t/**\n\t * Creates a div for emoji width testing purposes.\n\t */\n\tpublic createEmojiWidthTestingContainer(): HTMLDivElement {\n\t\tconst container = document.createElement( 'div' );\n\n\t\tcontainer.setAttribute( 'aria-hidden', 'true' );\n\t\tcontainer.style.position = 'absolute';\n\t\tcontainer.style.left = '-9999px';\n\t\tcontainer.style.whiteSpace = 'nowrap';\n\t\tcontainer.style.fontSize = BASELINE_EMOJI_WIDTH + 'px';\n\n\t\treturn container;\n\t}\n\n\t/**\n\t * Adds default skin tone property to each emoji. If emoji defines other skin tones, they are added as well.\n\t */\n\tpublic normalizeEmojiSkinTone( item: EmojiCdnResource ): EmojiEntry {\n\t\tconst entry: EmojiEntry = {\n\t\t\t...item,\n\t\t\tskins: {\n\t\t\t\tdefault: item.emoji\n\t\t\t}\n\t\t};\n\n\t\tif ( item.skins ) {\n\t\t\titem.skins.forEach( skin => {\n\t\t\t\tconst skinTone = SKIN_TONE_MAP[ skin.tone ];\n\n\t\t\t\tentry.skins[ skinTone ] = skin.emoji;\n\t\t\t} );\n\t\t}\n\n\t\treturn entry;\n\t}\n\n\t/**\n\t * Checks whether the emoji belongs to a group that is allowed.\n\t */\n\tpublic isEmojiCategoryAllowed( item: EmojiCdnResource ): boolean {\n\t\t// Category group=2 contains skin tones only, which we do not want to render.\n\t\treturn item.group !== 2;\n\t}\n\n\t/**\n\t * A function used to determine if emoji is supported by detecting pixels.\n\t *\n\t * Referenced for unit testing purposes. Kept in a separate file because of licensing.\n\t */\n\tprivate static _isEmojiSupported = isEmojiSupported;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/emojirepository\n */\n\nimport fuzzysort from 'fuzzysort';\nimport { groupBy } from 'es-toolkit/compat';\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport { logWarning, version as editorVersion } from 'ckeditor5/src/utils.js';\nimport { EmojiUtils } from './emojiutils.js';\nimport type { EmojiSkinToneId } from './emojiconfig.js';\n\n// An endpoint from which the emoji data will be downloaded during plugin initialization.\n// The `{version}` placeholder is replaced with the value from editor config.\nconst DEFAULT_EMOJI_DATABASE_URL = 'https://cdn.ckeditor.com/ckeditor5/data/emoji/{version}/en.json';\n\nconst DEFAULT_EMOJI_VERSION = 16;\n\n/**\n * The emoji repository plugin.\n *\n * Loads the emoji repository from URL during plugin initialization and provides utility methods to search it.\n */\nexport class EmojiRepository extends Plugin {\n\t/**\n\t * A callback to resolve the {@link #_repositoryPromise} to control the return value of this promise.\n\t */\n\tdeclare private _repositoryPromiseResolveCallback: ( value: boolean ) => void;\n\n\t/**\n\t * Emoji repository in a configured version.\n\t */\n\tprivate _items: Array<EmojiEntry> | null;\n\n\t/**\n\t * The resolved URL from which the emoji repository is downloaded.\n\t */\n\tprivate readonly _url: URL;\n\n\t/**\n\t * A promise resolved after downloading the emoji collection.\n\t * The promise resolves with `true` when the repository is successfully downloaded or `false` otherwise.\n\t */\n\tprivate readonly _repositoryPromise: Promise<boolean>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ EmojiUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'EmojiRepository' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'emoji', {\n\t\t\tversion: undefined,\n\t\t\tskinTone: 'default',\n\t\t\tdefinitionsUrl: undefined,\n\t\t\tuseCustomFont: false\n\t\t} );\n\n\t\tthis._url = this._getUrl();\n\n\t\tthis._repositoryPromise = new Promise<boolean>( resolve => {\n\t\t\tthis._repositoryPromiseResolveCallback = resolve;\n\t\t} );\n\n\t\tthis._items = null;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic async init(): Promise<void> {\n\t\tthis._warnAboutCdnUse();\n\n\t\tawait this._loadAndCacheEmoji();\n\n\t\tthis._items = this._getItems();\n\n\t\tif ( !this._items ) {\n\t\t\t/**\n\t\t\t * Unable to identify the available emoji to display.\n\t\t\t *\n\t\t\t * See the {@glink features/emoji#troubleshooting troubleshooting} section in the {@glink features/emoji Emoji feature} guide\n\t\t\t * for more details.\n\t\t\t *\n\t\t\t * @error emoji-repository-empty\n\t\t\t */\n\t\t\tlogWarning( 'emoji-repository-empty' );\n\n\t\t\treturn this._repositoryPromiseResolveCallback( false );\n\t\t}\n\n\t\treturn this._repositoryPromiseResolveCallback( true );\n\t}\n\n\t/**\n\t * Returns an array of emoji entries that match the search query.\n\t * If the emoji repository is not loaded this method returns an empty array.\n\t *\n\t * @param searchQuery A search query to match emoji.\n\t * @returns An array of emoji entries that match the search query.\n\t */\n\tpublic getEmojiByQuery( searchQuery: string ): Array<EmojiEntry> {\n\t\tif ( !this._items ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst searchQueryTokens = searchQuery.split( /\\s/ ).filter( Boolean );\n\n\t\t// Perform the search only if there is at least two non-white characters next to each other.\n\t\tconst shouldSearch = searchQueryTokens.some( token => token.length >= 2 );\n\n\t\tif ( !shouldSearch ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn fuzzysort\n\t\t\t.go( searchQuery, this._items, {\n\t\t\t\tthreshold: 0.6,\n\t\t\t\tkeys: [\n\t\t\t\t\t'emoticon',\n\t\t\t\t\t'annotation',\n\t\t\t\t\t( emojiEntry: EmojiEntry ) => {\n\t\t\t\t\t\t// Instead of searching over all tags, let's use only those that matches the query.\n\t\t\t\t\t\t// It enables searching in tags with the space character in names.\n\t\t\t\t\t\tconst searchQueryTokens = searchQuery.split( /\\s/ ).filter( Boolean );\n\n\t\t\t\t\t\tconst matchedTags = searchQueryTokens.flatMap( tok => {\n\t\t\t\t\t\t\treturn emojiEntry.tags?.filter( t => t.startsWith( tok ) );\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\treturn matchedTags.join();\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t} )\n\t\t\t.map( result => result.obj );\n\t}\n\n\t/**\n\t * Groups all emojis by categories.\n\t * If the emoji repository is not loaded, it returns an empty array.\n\t *\n\t * @returns An array of emoji entries grouped by categories.\n\t */\n\tpublic getEmojiCategories(): Array<EmojiCategory> {\n\t\tconst repository = this._getItems();\n\n\t\tif ( !repository ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst { t } = this.editor.locale;\n\n\t\tconst categories = [\n\t\t\t{ title: t( 'Smileys & Expressions' ), icon: '😄', groupId: 0 },\n\t\t\t{ title: t( 'Gestures & People' ), icon: '👋', groupId: 1 },\n\t\t\t{ title: t( 'Animals & Nature' ), icon: '🐻', groupId: 3 },\n\t\t\t{ title: t( 'Food & Drinks' ), icon: '🍎', groupId: 4 },\n\t\t\t{ title: t( 'Travel & Places' ), icon: '🚘', groupId: 5 },\n\t\t\t{ title: t( 'Activities' ), icon: '🏀', groupId: 6 },\n\t\t\t{ title: t( 'Objects' ), icon: '💡', groupId: 7 },\n\t\t\t{ title: t( 'Symbols' ), icon: '🔵', groupId: 8 },\n\t\t\t{ title: t( 'Flags' ), icon: '🏁', groupId: 9 }\n\t\t];\n\n\t\tconst groups = groupBy( repository, item => item.group );\n\n\t\treturn categories.map( category => {\n\t\t\treturn {\n\t\t\t\t...category,\n\t\t\t\titems: groups[ category.groupId ]\n\t\t\t};\n\t\t} );\n\t}\n\n\t/**\n\t * Returns an array of available skin tones.\n\t */\n\tpublic getSkinTones(): Array<EmojiSkinTone> {\n\t\tconst { t } = this.editor.locale;\n\n\t\treturn [\n\t\t\t{ id: 'default', icon: '👋', tooltip: t( 'Default skin tone' ) },\n\t\t\t{ id: 'light', icon: '👋🏻', tooltip: t( 'Light skin tone' ) },\n\t\t\t{ id: 'medium-light', icon: '👋🏼', tooltip: t( 'Medium Light skin tone' ) },\n\t\t\t{ id: 'medium', icon: '👋🏽', tooltip: t( 'Medium skin tone' ) },\n\t\t\t{ id: 'medium-dark', icon: '👋🏾', tooltip: t( 'Medium Dark skin tone' ) },\n\t\t\t{ id: 'dark', icon: '👋🏿', tooltip: t( 'Dark skin tone' ) }\n\t\t];\n\t}\n\n\t/**\n\t * Indicates whether the emoji repository has been successfully downloaded and the plugin is operational.\n\t */\n\tpublic isReady(): Promise<boolean> {\n\t\treturn this._repositoryPromise;\n\t}\n\n\t/**\n\t * Returns the URL from which the emoji repository is downloaded. If the URL is not provided\n\t * in the configuration, the default URL is used with the version from the configuration.\n\t *\n\t * If both the URL and version are provided, a warning is logged.\n\t */\n\tprivate _getUrl(): URL {\n\t\tconst { definitionsUrl, version } = this.editor.config.get( 'emoji' )!;\n\n\t\tif ( !definitionsUrl || definitionsUrl === 'cdn' ) {\n\t\t\t// URL was not provided or is set to 'cdn', so we use the default CDN URL.\n\t\t\tconst urlVersion = version || DEFAULT_EMOJI_VERSION;\n\t\t\tconst url = new URL( DEFAULT_EMOJI_DATABASE_URL.replace( '{version}', urlVersion.toString() ) );\n\n\t\t\turl.searchParams.set( 'editorVersion', editorVersion );\n\n\t\t\treturn url;\n\t\t}\n\n\t\tif ( version ) {\n\t\t\t/**\n\t\t\t * Both {@link module:emoji/emojiconfig~EmojiConfig#definitionsUrl `emoji.definitionsUrl`} and\n\t\t\t * {@link module:emoji/emojiconfig~EmojiConfig#version `emoji.version`} configuration options\n\t\t\t * are set. Only the `emoji.definitionsUrl` option will be used.\n\t\t\t *\n\t\t\t * The `emoji.version` option will be ignored and should be removed from the configuration.\n\t\t\t *\n\t\t\t * @error emoji-repository-redundant-version\n\t\t\t */\n\t\t\tlogWarning( 'emoji-repository-redundant-version' );\n\t\t}\n\n\t\treturn new URL( definitionsUrl );\n\t}\n\n\t/**\n\t * Warn users on self-hosted installations that this plugin uses a CDN to fetch the emoji repository.\n\t */\n\tprivate _warnAboutCdnUse(): void {\n\t\tconst editor = this.editor;\n\t\tconst config = editor.config.get( 'emoji' );\n\t\tconst licenseKey = editor.config.get( 'licenseKey' );\n\t\tconst distributionChannel = ( window as any )[ Symbol.for( 'cke distribution' ) ];\n\n\t\tif ( licenseKey === 'GPL' ) {\n\t\t\t// Don't warn GPL users.\n\t\t\treturn;\n\t\t}\n\n\t\tif ( distributionChannel === 'cloud' ) {\n\t\t\t// Don't warn cloud users, because they already use our CDN.\n\t\t\treturn;\n\t\t}\n\n\t\tif ( config && config.definitionsUrl ) {\n\t\t\t// Don't warn users who have configured their own definitions URL.\n\t\t\treturn;\n\t\t}\n\n\t\t/**\n\t\t * It was detected that your installation uses a commercial license key,\n\t\t * and the default {@glink features/emoji#emoji-source CKEditor CDN for Emoji plugin data}.\n\t\t *\n\t\t * To avoid this, you can use the {@link module:emoji/emojiconfig~EmojiConfig#definitionsUrl `emoji.definitionsUrl`}\n\t\t * configuration option to provide a URL to your own emoji repository.\n\t\t *\n\t\t * If you want to suppress this warning, while using the default CDN, set this configuration option to `cdn`.\n\t\t *\n\t\t * @error emoji-repository-cdn-use\n\t\t */\n\t\tlogWarning( 'emoji-repository-cdn-use' );\n\t}\n\n\t/**\n\t * Returns the emoji repository in a configured version if it is a non-empty array. Returns `null` otherwise.\n\t */\n\tprivate _getItems(): Array<EmojiEntry> | null {\n\t\tconst repository = EmojiRepository._results[ this._url.href ];\n\n\t\treturn repository && repository.length ? repository : null;\n\t}\n\n\t/**\n\t * Loads the emoji repository. If the repository is already loaded, it returns the cached result.\n\t * Otherwise, it fetches the repository from the URL and adds it to the cache.\n\t */\n\tprivate async _loadAndCacheEmoji(): Promise<void> {\n\t\tif ( EmojiRepository._results[ this._url.href ] ) {\n\t\t\t// The repository has already been downloaded.\n\t\t\treturn;\n\t\t}\n\n\t\tconst result: Array<EmojiCdnResource> = await fetch( this._url, { cache: 'force-cache' } )\n\t\t\t.then( response => {\n\t\t\t\tif ( !response.ok ) {\n\t\t\t\t\treturn [];\n\t\t\t\t}\n\n\t\t\t\treturn response.json();\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\treturn [];\n\t\t\t} );\n\n\t\tEmojiRepository._results[ this._url.href ] = this._normalizeEmoji( result );\n\t}\n\n\t/**\n\t * Normalizes the raw data fetched from CDN. By normalization, we meant:\n\t *\n\t *  * Filter out unsupported emoji (these that will not render correctly),\n\t *  * Prepare skin tone variants if an emoji defines them.\n\t */\n\tprivate _normalizeEmoji( data: Array<EmojiCdnResource> ): Array<EmojiEntry> {\n\t\tconst editor = this.editor;\n\t\tconst useCustomFont = editor.config.get( 'emoji.useCustomFont' );\n\t\tconst emojiUtils = editor.plugins.get( 'EmojiUtils' );\n\n\t\tconst insertableEmoji = data.filter( item => emojiUtils.isEmojiCategoryAllowed( item ) );\n\n\t\t// When using a custom font, the feature does not filter any emoji.\n\t\tif ( useCustomFont ) {\n\t\t\treturn insertableEmoji.map( item => emojiUtils.normalizeEmojiSkinTone( item ) );\n\t\t}\n\n\t\tconst emojiSupportedVersionByOs = emojiUtils.getEmojiSupportedVersionByOs();\n\n\t\tconst container = emojiUtils.createEmojiWidthTestingContainer();\n\t\tdocument.body.appendChild( container );\n\n\t\tconst results = insertableEmoji\n\t\t\t.filter( item => emojiUtils.isEmojiSupported( item, emojiSupportedVersionByOs, container ) )\n\t\t\t.map( item => emojiUtils.normalizeEmojiSkinTone( item ) );\n\n\t\tcontainer.remove();\n\n\t\treturn results;\n\t}\n\n\t/**\n\t * Versioned emoji repository.\n\t */\n\tprivate static _results: {\n\t\t[ key in string ]?: Array<EmojiEntry>\n\t} = {};\n}\n\n/**\n * Represents a single group of the emoji category, e.g., \"Smileys & Expressions\".\n */\nexport type EmojiCategory = {\n\n\t/**\n\t * A name of the category.\n\t */\n\ttitle: string;\n\n\t/**\n\t * An example emoji representing items belonging to the category.\n\t */\n\ticon: string;\n\n\t/**\n\t * Group id used to assign {@link #items}.\n\t */\n\tgroupId: number;\n\n\t/**\n\t * An array of emojis.\n\t */\n\titems: Array<EmojiEntry>;\n};\n\n/**\n * Represents a single item fetched from the CDN.\n */\nexport type EmojiCdnResource = {\n\tannotation: string;\n\temoji: string;\n\tgroup: number;\n\torder: number;\n\tversion: number;\n\temoticon?: string;\n\tshortcodes?: Array<string>;\n\tskins?: Array<{\n\t\temoji: string;\n\t\ttone: number;\n\t\tversion: number;\n\t}>;\n\ttags?: Array<string>;\n};\n\n/**\n * Represents a single emoji item used by the Emoji feature.\n */\nexport type EmojiEntry = Omit<EmojiCdnResource, 'skins'> & {\n\tskins: EmojiMap;\n};\n\n/**\n * Represents mapping between a skin tone and its corresponding emoji.\n *\n * The `default` key is always present. Additional values are assigned only if an emoji supports skin tones.\n */\nexport type EmojiMap = { [K in Exclude<EmojiSkinToneId, 'default'>]?: string; } & {\n\tdefault: string;\n};\n\n/**\n * Represents an emoji skin tone variant.\n */\nexport type EmojiSkinTone = {\n\tid: EmojiSkinToneId;\n\ticon: string;\n\ttooltip: string;\n};\n\n/**\n * Unable to load the emoji repository from the URL.\n *\n * If the URL works properly and there is no disruption of communication, please check your\n * {@glink getting-started/setup/csp Content Security Policy (CSP)} setting and make sure\n * the URL connection is allowed by the editor.\n *\n * @error emoji-repository-load-failed\n */\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/emojimention\n */\n\nimport { logWarning, type LocaleTranslate } from 'ckeditor5/src/utils.js';\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { Typing } from 'ckeditor5/src/typing.js';\nimport type { MentionFeed, MentionFeedObjectItem, MentionItemRenderer } from '@ckeditor/ckeditor5-mention';\n\nimport { EmojiRepository } from './emojirepository.js';\nimport { type EmojiPicker } from './emojipicker.js';\nimport type { EmojiSkinToneId } from './emojiconfig.js';\n\nconst EMOJI_MENTION_MARKER = ':';\nconst EMOJI_SHOW_ALL_OPTION_ID = ':__EMOJI_SHOW_ALL:';\nconst EMOJI_HINT_OPTION_ID = ':__EMOJI_HINT:';\n\n/**\n * The emoji mention plugin.\n *\n * Introduces the autocomplete of emojis while typing.\n */\nexport class EmojiMention extends Plugin {\n\t/**\n\t * An instance of the {@link module:emoji/emojipicker~EmojiPicker} plugin if it is loaded in the editor.\n\t */\n\tdeclare public emojiPickerPlugin: EmojiPicker | null;\n\n\t/**\n\t * An instance of the {@link module:emoji/emojirepository~EmojiRepository} plugin.\n\t */\n\tdeclare public emojiRepositoryPlugin: EmojiRepository;\n\n\t/**\n\t * A flag that informs if the {@link module:emoji/emojirepository~EmojiRepository} plugin is loaded correctly.\n\t */\n\tdeclare private _isEmojiRepositoryAvailable: boolean;\n\n\t/**\n\t * Defines a number of displayed items in the auto complete dropdown.\n\t *\n\t * It includes the \"Show all emoji...\" option if the `EmojiPicker` plugin is loaded.\n\t */\n\tprivate readonly _emojiDropdownLimit: number;\n\n\t/**\n\t * Defines a skin tone that is set in the emoji config.\n\t */\n\tprivate readonly _skinTone: EmojiSkinToneId;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ EmojiRepository, Typing, 'Mention' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'EmojiMention' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.editor.config.define( 'emoji', {\n\t\t\tdropdownLimit: 6\n\t\t} );\n\n\t\tthis._emojiDropdownLimit = editor.config.get( 'emoji.dropdownLimit' )!;\n\t\tthis._skinTone = editor.config.get( 'emoji.skinTone' )!;\n\n\t\tthis._setupMentionConfiguration( editor );\n\t}\n\n\t/**\n\t * Initializes the configuration for emojis in the mention feature.\n\t * If the marker used by emoji mention is already registered, it displays a warning.\n\t * If emoji mention configuration is detected, it does not register it for a second time.\n\t */\n\tprivate _setupMentionConfiguration( editor: Editor ) {\n\t\tconst mergeFieldsPrefix = editor.config.get( 'mergeFields.prefix' )! as string;\n\t\tconst mentionFeedsConfigs = editor.config.get( 'mention.feeds' )! as Array<EmojiMentionFeed>;\n\n\t\tconst isEmojiMarkerUsedByMergeFields = mergeFieldsPrefix ? mergeFieldsPrefix[ 0 ] === EMOJI_MENTION_MARKER : false;\n\t\tconst isEmojiMarkerUsedByMention = mentionFeedsConfigs\n\t\t\t.filter( config => !config._isEmojiMarker )\n\t\t\t.some( config => config.marker === EMOJI_MENTION_MARKER );\n\n\t\tif ( isEmojiMarkerUsedByMention || isEmojiMarkerUsedByMergeFields ) {\n\t\t\t/**\n\t\t\t * The `marker` in the `emoji` config is already used by other plugin configuration.\n\t\t\t *\n\t\t\t * @error emoji-config-marker-already-used\n\t\t\t * @param {string} marker Used marker.\n\t\t\t */\n\t\t\tlogWarning( 'emoji-config-marker-already-used', { marker: EMOJI_MENTION_MARKER } );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst isEmojiConfigDefined = mentionFeedsConfigs.some( config => config._isEmojiMarker );\n\n\t\tif ( isEmojiConfigDefined ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst emojiMentionFeedConfig = {\n\t\t\t_isEmojiMarker: true,\n\t\t\tmarker: EMOJI_MENTION_MARKER,\n\t\t\tdropdownLimit: this._emojiDropdownLimit,\n\t\t\titemRenderer: this._customItemRendererFactory( this.editor.t ),\n\t\t\tfeed: this._queryEmojiCallbackFactory()\n\t\t};\n\n\t\tthis.editor.config.set( 'mention.feeds', [ ...mentionFeedsConfigs, emojiMentionFeedConfig ] );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic async init(): Promise<void> {\n\t\tconst editor = this.editor;\n\n\t\tthis.emojiPickerPlugin = editor.plugins.has( 'EmojiPicker' ) ? editor.plugins.get( 'EmojiPicker' ) : null;\n\t\tthis.emojiRepositoryPlugin = editor.plugins.get( 'EmojiRepository' );\n\t\tthis._isEmojiRepositoryAvailable = await this.emojiRepositoryPlugin.isReady();\n\n\t\t// Override the `mention` command listener if the emoji repository is ready.\n\t\tif ( this._isEmojiRepositoryAvailable ) {\n\t\t\teditor.once( 'ready', this._overrideMentionExecuteListener.bind( this ) );\n\t\t}\n\t}\n\n\t/**\n\t * Returns the `itemRenderer()` callback for mention config.\n\t */\n\tprivate _customItemRendererFactory( t: LocaleTranslate ): MentionItemRenderer {\n\t\treturn ( item: MentionFeedObjectItem ) => {\n\t\t\tconst itemElement = document.createElement( 'button' );\n\n\t\t\titemElement.classList.add( 'ck' );\n\t\t\titemElement.classList.add( 'ck-button' );\n\t\t\titemElement.classList.add( 'ck-button_with-text' );\n\n\t\t\titemElement.id = `mention-list-item-id${ item.id.slice( 0, -1 ) }`;\n\t\t\titemElement.type = 'button';\n\t\t\titemElement.tabIndex = -1;\n\n\t\t\tconst labelElement = document.createElement( 'span' );\n\n\t\t\tlabelElement.classList.add( 'ck' );\n\t\t\tlabelElement.classList.add( 'ck-button__label' );\n\n\t\t\titemElement.appendChild( labelElement );\n\n\t\t\tif ( item.id === EMOJI_HINT_OPTION_ID ) {\n\t\t\t\titemElement.classList.add( 'ck-list-item-button' );\n\t\t\t\titemElement.classList.add( 'ck-disabled' );\n\t\t\t\tlabelElement.textContent = t( 'Keep on typing to see the emoji.' );\n\t\t\t} else if ( item.id === EMOJI_SHOW_ALL_OPTION_ID ) {\n\t\t\t\tlabelElement.textContent = t( 'Show all emoji...' );\n\t\t\t} else {\n\t\t\t\tlabelElement.textContent = `${ item.text } ${ item.id }`;\n\t\t\t}\n\n\t\t\treturn itemElement;\n\t\t};\n\t}\n\n\t/**\n\t * Overrides the default mention execute listener to insert an emoji as plain text instead.\n\t */\n\tprivate _overrideMentionExecuteListener(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.commands.get( 'mention' )!.on( 'execute', ( event, data ) => {\n\t\t\tconst eventData = data[ 0 ];\n\n\t\t\t// Ignore non-emoji auto-complete actions.\n\t\t\tif ( eventData.marker !== EMOJI_MENTION_MARKER ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Do not propagate the event.\n\t\t\tevent.stop();\n\n\t\t\t// Do nothing when executing after selecting a hint message.\n\t\t\tif ( eventData.mention.id === EMOJI_HINT_OPTION_ID ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Trigger the picker UI.\n\t\t\tif ( eventData.mention.id === EMOJI_SHOW_ALL_OPTION_ID ) {\n\t\t\t\tconst text = [ ...eventData.range.getItems() ]\n\t\t\t\t\t.filter( item => item.is( '$textProxy' ) )\n\t\t\t\t\t.map( item => item.data )\n\t\t\t\t\t.reduce( ( result, text ) => result + text, '' );\n\n\t\t\t\teditor.model.change( writer => {\n\t\t\t\t\teditor.model.deleteContent( writer.createSelection( eventData.range ) );\n\t\t\t\t} );\n\n\t\t\t\tconst emojiPickerPlugin = this.emojiPickerPlugin!;\n\n\t\t\t\temojiPickerPlugin.showUI( text.slice( 1 ) );\n\n\t\t\t\tsetTimeout( () => {\n\t\t\t\t\temojiPickerPlugin.emojiPickerView!.focus();\n\t\t\t\t} );\n\t\t\t}\n\t\t\t// Or insert the emoji to editor.\n\t\t\telse {\n\t\t\t\teditor.execute( 'insertText', {\n\t\t\t\t\ttext: eventData.mention.text,\n\t\t\t\t\trange: eventData.range\n\t\t\t\t} );\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Returns the `feed()` callback for mention config.\n\t */\n\tprivate _queryEmojiCallbackFactory(): ( searchQuery: string ) => Array<MentionFeedObjectItem> {\n\t\treturn ( searchQuery: string ) => {\n\t\t\t// Do not show anything when a query starts with a space.\n\t\t\tif ( searchQuery.startsWith( ' ' ) ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\t// Do not show anything when a query starts with a marker character.\n\t\t\tif ( searchQuery.startsWith( EMOJI_MENTION_MARKER ) ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\t// If the repository plugin is not available, return an empty feed to avoid confusion. See: #17842.\n\t\t\tif ( !this._isEmojiRepositoryAvailable ) {\n\t\t\t\treturn [];\n\t\t\t}\n\n\t\t\tconst emojis: Array<MentionFeedObjectItem> = this.emojiRepositoryPlugin.getEmojiByQuery( searchQuery )\n\t\t\t\t.map( emoji => {\n\t\t\t\t\tlet text = emoji.skins[ this._skinTone ] || emoji.skins.default;\n\n\t\t\t\t\tif ( this.emojiPickerPlugin ) {\n\t\t\t\t\t\ttext = emoji.skins[ this.emojiPickerPlugin.skinTone ] || emoji.skins.default;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tid: `:${ emoji.annotation }:`,\n\t\t\t\t\t\ttext\n\t\t\t\t\t};\n\t\t\t\t} );\n\n\t\t\tif ( !this.emojiPickerPlugin ) {\n\t\t\t\treturn emojis.slice( 0, this._emojiDropdownLimit );\n\t\t\t}\n\n\t\t\tconst actionItem: MentionFeedObjectItem = {\n\t\t\t\tid: searchQuery.length > 1 ? EMOJI_SHOW_ALL_OPTION_ID : EMOJI_HINT_OPTION_ID\n\t\t\t};\n\n\t\t\treturn [\n\t\t\t\t...emojis.slice( 0, this._emojiDropdownLimit - 1 ),\n\t\t\t\tactionItem\n\t\t\t];\n\t\t};\n\t}\n}\n\ntype EmojiMentionFeed = MentionFeed & {\n\n\t/**\n\t * It's used prevent displaying an emoji mention feed warning when editor plugins are initialized more than once.\n\t */\n\t_isEmojiMarker?: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/emojicommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { type EmojiPicker } from './emojipicker.js';\n\n/**\n * Command that shows the emoji user interface.\n */\nexport class EmojiCommand extends Command {\n\t/**\n\t * Updates the command's {@link #isEnabled} based on the current selection.\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tthis.isEnabled = schema.checkChild( selection.getFirstPosition()!, '$text' );\n\t}\n\n\t/**\n\t * Opens emoji user interface for the current document selection.\n\t *\n\t * @fires execute\n\t * @param [searchValue=''] A default query used to filer the grid when opening the UI.\n\t */\n\tpublic override execute( searchValue: string = '' ): void {\n\t\tconst emojiPickerPlugin: EmojiPicker = this.editor.plugins.get( 'EmojiPicker' );\n\n\t\temojiPickerPlugin.showUI( searchValue );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/ui/emojigridview\n */\n\nimport { addKeyboardHandlingForGrid, ButtonView, type FilteredView, View, type ViewCollection } from 'ckeditor5/src/ui.js';\nimport { FocusTracker, global, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\nimport type { EmojiCategory, EmojiEntry } from '../emojirepository.js';\nimport type { EmojiSkinToneId } from '../emojiconfig.js';\n\nimport '../../theme/emojigrid.css';\n\n/**\n * A grid of emoji tiles. It allows browsing emojis and selecting them to be inserted into the content.\n */\nexport class EmojiGridView extends View<HTMLDivElement> implements FilteredView {\n\t/**\n\t * Defines the active category name.\n\t *\n\t * @observable\n\t */\n\tdeclare public categoryName: string;\n\n\t/**\n\t * Active skin tone.\n\t *\n\t * @observable\n\t */\n\tdeclare public skinTone: EmojiSkinToneId;\n\n\t/**\n\t * Set to `true` when the {@link #tiles} collection does not contain items to display.\n\t *\n\t * @observable\n\t */\n\tdeclare public isEmpty: boolean;\n\n\t/**\n\t * A collection of the child tile views. Each tile represents a particular emoji.\n\t */\n\tpublic readonly tiles: ViewCollection<ButtonView>;\n\n\t/**\n\t * Tracks information about the DOM focus in the grid.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * An array containing all emojis grouped by their categories.\n\t */\n\tpublic readonly emojiCategories: Array<EmojiCategory>;\n\n\t/**\n\t * A collection of all already created tile views. Each tile represents a particular emoji.\n\t * The cached tiles collection is used for efficiency purposes to avoid re-creating a particular\n\t * tile again when the grid view has changed.\n\t */\n\tpublic readonly cachedTiles: ViewCollection<ButtonView>;\n\n\t/**\n\t * A callback used to filter grid items by a specified query.\n\t */\n\tprivate readonly _getEmojiByQuery: EmojiSearchQueryCallback;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale, { categoryName, emojiCategories, getEmojiByQuery, skinTone }: {\n\t\tcategoryName: string;\n\t\temojiCategories: Array<EmojiCategory>;\n\t\tgetEmojiByQuery: EmojiSearchQueryCallback;\n\t\tskinTone: EmojiSkinToneId;\n\t} ) {\n\t\tsuper( locale );\n\n\t\tthis.set( 'isEmpty', true );\n\t\tthis.set( 'categoryName', categoryName );\n\t\tthis.set( 'skinTone', skinTone );\n\n\t\tthis.tiles = this.createCollection() as ViewCollection<ButtonView>;\n\t\tthis.cachedTiles = this.createCollection() as ViewCollection<ButtonView>;\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\tthis._getEmojiByQuery = getEmojiByQuery;\n\t\tthis.emojiCategories = emojiCategories;\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\trole: 'grid',\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-emoji__grid'\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\tchildren: this.tiles\n\t\t\t\t}\n\t\t\t],\n\t\t\tattributes: {\n\t\t\t\trole: 'tabpanel',\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-emoji__tiles',\n\t\t\t\t\t// To avoid issues with focus cycling, ignore a grid when it's empty.\n\t\t\t\t\tbind.if( 'isEmpty', 'ck-hidden', value => value )\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\n\t\taddKeyboardHandlingForGrid( {\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tgridItems: this.tiles,\n\t\t\tnumberOfColumns: () => global.window\n\t\t\t\t.getComputedStyle( this.element!.firstChild as Element ) // Responsive `.ck-emoji-grid__tiles`.\n\t\t\t\t.getPropertyValue( 'grid-template-columns' )\n\t\t\t\t.split( ' ' )\n\t\t\t\t.length,\n\t\t\tuiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.keystrokes.destroy();\n\t\tthis.focusTracker.destroy();\n\t}\n\n\t/**\n\t * Focuses the first focusable in {@link ~EmojiGridView#tiles} if available.\n\t */\n\tpublic focus(): void {\n\t\tconst firstTile = this.tiles.first;\n\n\t\tif ( firstTile ) {\n\t\t\tfirstTile.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Filters the grid view by the given regular expression.\n\t *\n\t * It filters either by the pattern or an emoji category, but never both.\n\t *\n\t * @param pattern Expression to search or `null` when filter by category name.\n\t */\n\tpublic filter( pattern: RegExp | null ): { resultsCount: number; totalItemsCount: number } {\n\t\tconst { matchingItems, allItems } = pattern ? this._getItemsByQuery( pattern.source ) : this._getItemsByCategory();\n\n\t\tthis._updateGrid( matchingItems );\n\t\tthis.set( 'isEmpty', matchingItems.length === 0 );\n\n\t\treturn {\n\t\t\tresultsCount: matchingItems.length,\n\t\t\ttotalItemsCount: allItems.length\n\t\t};\n\t}\n\n\t/**\n\t * Filters emojis to show based on the specified query phrase.\n\t *\n\t * @param query A query used to filter the grid.\n\t */\n\tprivate _getItemsByQuery( query: string ): { matchingItems: Array<EmojiEntry>; allItems: Array<EmojiEntry> } {\n\t\treturn {\n\t\t\tmatchingItems: this._getEmojiByQuery( query ),\n\t\t\tallItems: this.emojiCategories.flatMap( group => group.items )\n\t\t};\n\t}\n\n\t/**\n\t * Returns emojis that belong to the specified category.\n\t */\n\tprivate _getItemsByCategory(): { matchingItems: Array<EmojiEntry>; allItems: Array<EmojiEntry> } {\n\t\tconst emojiCategory = this.emojiCategories.find( item => item.title === this.categoryName )!;\n\t\tconst { items } = emojiCategory;\n\n\t\treturn {\n\t\t\tmatchingItems: items,\n\t\t\tallItems: items\n\t\t};\n\t}\n\n\t/**\n\t * Updates the grid by removing the existing items and insert the new ones.\n\t *\n\t * @param items An array of items to insert.\n\t */\n\tprivate _updateGrid( items: Array<EmojiEntry> ): void {\n\t\t// Clean-up.\n\t\t[ ...this.tiles ].forEach( item => {\n\t\t\tthis.focusTracker.remove( item );\n\t\t\tthis.tiles.remove( item );\n\t\t} );\n\n\t\titems\n\t\t\t// Create tiles from matching results.\n\t\t\t.map( item => {\n\t\t\t\tconst emoji = item.skins[ this.skinTone ] || item.skins.default;\n\n\t\t\t\treturn this.cachedTiles.get( emoji ) || this._createTile( emoji, item.annotation );\n\t\t\t} )\n\t\t\t// Insert new elements.\n\t\t\t.forEach( item => {\n\t\t\t\tthis.tiles.add( item );\n\t\t\t\tthis.focusTracker.add( item );\n\t\t\t} );\n\t}\n\n\t/**\n\t * Creates a new tile for the grid. Created tile is added to the {@link #cachedTiles} collection for further usage, if needed.\n\t *\n\t * @param emoji The emoji itself.\n\t * @param name The name of the emoji (e.g. \"Smiling Face with Smiling Eyes\").\n\t */\n\tprivate _createTile( emoji: string, name: string ): ButtonView {\n\t\tconst tile = new ButtonView( this.locale );\n\n\t\ttile.viewUid = emoji;\n\n\t\ttile.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-emoji__tile'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\n\t\ttile.set( {\n\t\t\tlabel: emoji,\n\t\t\ttooltip: name,\n\t\t\twithText: true,\n\t\t\tariaLabel: name,\n\t\t\t// To improve accessibility, disconnect a button and its label connection so that screen\n\t\t\t// readers can read the `[aria-label]` attribute directly from the more descriptive button.\n\t\t\tariaLabelledBy: undefined\n\t\t} );\n\n\t\ttile.on( 'execute', () => {\n\t\t\tthis.fire<EmojiGridViewExecuteEvent>( 'execute', { name, emoji } );\n\t\t} );\n\n\t\tthis.cachedTiles.add( tile );\n\n\t\treturn tile;\n\t}\n}\n\n/**\n * A callback used to filter grid items by a specified query.\n */\nexport type EmojiSearchQueryCallback = ( query: string ) => Array<EmojiEntry>;\n\n/**\n * Fired when any of {@link ~EmojiGridView#tiles grid tiles} is clicked.\n *\n * @eventName ~EmojiGridView#execute\n * @param data Additional information about the event.\n */\nexport type EmojiGridViewExecuteEvent = {\n\tname: 'execute';\n\targs: [ data: EmojiGridViewEventData ];\n};\n\nexport type EmojiGridViewEventData = {\n\n\t/**\n\t * The name of the emoji (e.g. \"Smiling Face with Smiling Eyes\").\n\t */\n\tname: string;\n\n\t/**\n\t * The emoji itself.\n\t */\n\temoji: string;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/ui/emojicategoriesview\n */\n\nimport { ButtonView, View, FocusCycler, type ViewCollection } from 'ckeditor5/src/ui.js';\nimport { FocusTracker, KeystrokeHandler, type Locale, type ObservableChangeEvent } from 'ckeditor5/src/utils.js';\nimport type { EmojiCategory } from '../emojirepository.js';\n\nimport '../../theme/emojicategories.css';\n\n/**\n * A class representing the navigation part of the emoji UI.\n * It is responsible allowing the user to select a particular emoji category.\n */\nexport class EmojiCategoriesView extends View {\n\t/**\n\t * Currently selected emoji category name.\n\t */\n\tdeclare public categoryName: string;\n\n\t/**\n\t * Tracks information about the DOM focus in the grid.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Helps cycling over focusable children in the input view.\n\t */\n\tpublic readonly focusCycler: FocusCycler;\n\n\t/**\n\t * A collection of the categories buttons.\n\t */\n\tpublic readonly buttonViews: ViewCollection<ButtonView>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale, { emojiCategories, categoryName }: { emojiCategories: Array<EmojiCategory>; categoryName: string } ) {\n\t\tsuper( locale );\n\n\t\tthis.buttonViews = this.createCollection(\n\t\t\temojiCategories.map( emojiCategory => this._createCategoryButton( emojiCategory ) )\n\t\t);\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.focusCycler = new FocusCycler( {\n\t\t\tfocusables: this.buttonViews,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\tfocusPrevious: 'arrowleft',\n\t\t\t\tfocusNext: 'arrowright'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-emoji__categories-list' ],\n\t\t\t\trole: 'tablist'\n\t\t\t},\n\t\t\tchildren: this.buttonViews\n\t\t} );\n\n\t\tthis.on<ObservableChangeEvent<string>>( 'change:categoryName', ( event, name, newValue, oldValue ) => {\n\t\t\tconst oldCategoryButton = this.buttonViews.find( button => button.tooltip === oldValue );\n\n\t\t\tif ( oldCategoryButton ) {\n\t\t\t\toldCategoryButton.isOn = false;\n\t\t\t}\n\n\t\t\tconst newCategoryButton = this.buttonViews.find( button => button.tooltip === newValue )!;\n\t\t\tnewCategoryButton.isOn = true;\n\t\t} );\n\n\t\tthis.set( 'categoryName', categoryName );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.buttonViews.forEach( buttonView => {\n\t\t\tthis.focusTracker.add( buttonView );\n\t\t} );\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t\tthis.buttonViews.destroy();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus(): void {\n\t\tthis.buttonViews.first!.focus();\n\t}\n\n\t/**\n\t * Marks all categories buttons as enabled (clickable).\n\t */\n\tpublic enableCategories(): void {\n\t\tthis.buttonViews.forEach( buttonView => {\n\t\t\tbuttonView.isEnabled = true;\n\t\t} );\n\t}\n\n\t/**\n\t * Marks all categories buttons as disabled (non-clickable).\n\t */\n\tpublic disableCategories(): void {\n\t\tthis.buttonViews.forEach( buttonView => {\n\t\t\tbuttonView.set( {\n\t\t\t\tclass: '',\n\t\t\t\tisEnabled: false,\n\t\t\t\tisOn: false\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button representing a category item.\n\t */\n\tprivate _createCategoryButton( emojiCategory: EmojiCategory ): ButtonView {\n\t\tconst buttonView = new ButtonView();\n\t\tconst bind = buttonView.bindTemplate;\n\n\t\t// A `[role=\"tab\"]` element requires also the `[aria-selected]` attribute with its state.\n\t\tbuttonView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\t'aria-selected': bind.to( 'isOn', value => value.toString() ),\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-emoji__category-item'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\n\t\tbuttonView.set( {\n\t\t\tariaLabel: emojiCategory.title,\n\t\t\tlabel: emojiCategory.icon,\n\t\t\trole: 'tab',\n\t\t\ttooltip: emojiCategory.title,\n\t\t\twithText: true,\n\t\t\t// To improve accessibility, disconnect a button and its label connection so that screen\n\t\t\t// readers can read the `[aria-label]` attribute directly from the more descriptive button.\n\t\t\tariaLabelledBy: undefined\n\t\t} );\n\n\t\tbuttonView.on( 'execute', () => {\n\t\t\tthis.categoryName = emojiCategory.title;\n\t\t} );\n\n\t\tbuttonView.on<ObservableChangeEvent<boolean>>( 'change:isEnabled', () => {\n\t\t\tif ( buttonView.isEnabled && buttonView.tooltip === this.categoryName ) {\n\t\t\t\tbuttonView.isOn = true;\n\t\t\t}\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/ui/emojisearchview\n */\n\nimport { escapeRegExp } from 'es-toolkit/compat';\nimport { createLabeledInputText, SearchTextView, View, type SearchTextViewSearchEvent, type SearchInfoView } from 'ckeditor5/src/ui.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\nimport { type EmojiGridView } from './emojigridview.js';\n\n/**\n * A view responsible for providing an input element that allows filtering emoji by the provided query.\n */\nexport class EmojiSearchView extends View {\n\t/**\n\t * The find in text input view that stores the searched string.\n\t */\n\tpublic readonly inputView: SearchTextView;\n\n\t/**\n\t * An instance of the `EmojiGridView`.\n\t */\n\tpublic readonly gridView: EmojiGridView;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale, { gridView, resultsView }: { gridView: EmojiGridView; resultsView: SearchInfoView } ) {\n\t\tsuper( locale );\n\n\t\tthis.gridView = gridView;\n\n\t\tconst t = locale.t;\n\n\t\tthis.inputView = new SearchTextView( this.locale!, {\n\t\t\tqueryView: {\n\t\t\t\tlabel: t( 'Find an emoji (min. 2 characters)' ),\n\t\t\t\tcreator: createLabeledInputText\n\t\t\t},\n\t\t\tfilteredView: this.gridView,\n\t\t\tinfoView: {\n\t\t\t\tinstance: resultsView\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-search'\n\t\t\t\t],\n\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tthis.inputView.queryView\n\t\t\t]\n\t\t} );\n\n\t\t// Pass through the `search` event to handle it by a parent view.\n\t\tthis.inputView.delegate( 'search' ).to( this );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.inputView.destroy();\n\t}\n\n\t/**\n\t * Searches the {@link #gridView} for the given query.\n\t *\n\t * @param query The search query string.\n\t */\n\tpublic search( query: string ): void {\n\t\tconst regExp = query ? new RegExp( escapeRegExp( query ), 'ig' ) : null;\n\t\tconst filteringResults = this.gridView.filter( regExp );\n\n\t\tthis.inputView.fire<SearchTextViewSearchEvent>( 'search', { query, ...filteringResults } );\n\t}\n\n\t/**\n\t * Allows defining the default value in the search text field.\n\t *\n\t * @param value The new value.\n\t */\n\tpublic setInputValue( value: string ): void {\n\t\tif ( !value ) {\n\t\t\tthis.inputView.queryView.fieldView.reset();\n\t\t} else {\n\t\t\tthis.inputView.queryView.fieldView.value = value;\n\t\t}\n\t}\n\n\t/**\n\t * Returns an input provided by a user in the search text field.\n\t */\n\tpublic getInputValue(): string {\n\t\treturn this.inputView.queryView.fieldView.element!.value;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus(): void {\n\t\tthis.inputView.focus();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/ui/emojitoneview\n */\n\nimport {\n\tcreateDropdown,\n\taddListToDropdown,\n\tView,\n\tUIModel,\n\ttype ButtonExecuteEvent,\n\ttype DropdownView,\n\ttype ListDropdownItemDefinition\n} from 'ckeditor5/src/ui.js';\nimport { Collection, type Locale } from 'ckeditor5/src/utils.js';\nimport type { EmojiSkinToneId } from '../emojiconfig.js';\nimport type { EmojiSkinTone } from '../emojirepository.js';\n\nimport '../../theme/emojitone.css';\n\n/**\n * A view responsible for selecting a skin tone for an emoji.\n */\nexport class EmojiToneView extends View {\n\t/**\n\t * Active skin tone.\n\t *\n\t * @observable\n\t */\n\tdeclare public skinTone: EmojiSkinToneId;\n\n\t/**\n\t * A dropdown element for selecting an active skin tone.\n\t */\n\tpublic readonly dropdownView: DropdownView;\n\n\t/**\n\t * An array of available skin tones.\n\t */\n\tprivate readonly _skinTones: Array<EmojiSkinTone>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale, { skinTone, skinTones }: { skinTone: EmojiSkinToneId; skinTones: Array<EmojiSkinTone> } ) {\n\t\tsuper( locale );\n\n\t\tthis.set( 'skinTone', skinTone );\n\t\tthis._skinTones = skinTones;\n\n\t\tconst t = locale.t;\n\t\tconst accessibleLabel = t( 'Select skin tone' );\n\n\t\tconst dropdownView = createDropdown( locale );\n\t\tconst itemDefinitions: Collection<ListDropdownItemDefinition> = new Collection();\n\n\t\tfor ( const { id, icon, tooltip } of this._skinTones ) {\n\t\t\tconst def: ListDropdownItemDefinition = {\n\t\t\t\ttype: 'button',\n\t\t\t\tmodel: new UIModel( {\n\t\t\t\t\tvalue: id,\n\t\t\t\t\tlabel: icon,\n\t\t\t\t\tariaLabel: tooltip,\n\t\t\t\t\ttooltip,\n\t\t\t\t\ttooltipPosition: 'e',\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\twithText: true,\n\t\t\t\t\t// To improve accessibility, disconnect a button and its label connection so that screen\n\t\t\t\t\t// readers can read the `[aria-label]` attribute directly from the more descriptive button.\n\t\t\t\t\tariaLabelledBy: undefined\n\t\t\t\t} )\n\t\t\t};\n\n\t\t\tdef.model.bind( 'isOn' ).to( this, 'skinTone', value => value === id );\n\n\t\t\titemDefinitions.add( def );\n\t\t}\n\n\t\taddListToDropdown(\n\t\t\tdropdownView,\n\t\t\titemDefinitions,\n\t\t\t{\n\t\t\t\tariaLabel: accessibleLabel,\n\t\t\t\trole: 'menu'\n\t\t\t}\n\t\t);\n\n\t\tdropdownView.buttonView.set( {\n\t\t\tlabel: this._getSkinTone().icon,\n\t\t\tariaLabel: accessibleLabel,\n\t\t\tariaLabelledBy: undefined,\n\t\t\tisOn: false,\n\t\t\twithText: true,\n\t\t\ttooltip: accessibleLabel\n\t\t} );\n\n\t\tthis.dropdownView = dropdownView;\n\n\t\t// Execute command when an item from the dropdown is selected.\n\t\tthis.listenTo<ButtonExecuteEvent>( dropdownView, 'execute', evt => {\n\t\t\tthis.skinTone = ( evt.source as any ).value;\n\t\t} );\n\n\t\tdropdownView.buttonView.bind( 'label' ).to( this, 'skinTone', () => {\n\t\t\treturn this._getSkinTone().icon;\n\t\t} );\n\n\t\tdropdownView.buttonView.bind( 'ariaLabel' ).to( this, 'skinTone', () => {\n\t\t\t// Render a current state, but also what the dropdown does.\n\t\t\treturn `${ this._getSkinTone().tooltip }, ${ accessibleLabel }`;\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-emoji__skin-tone' ]\n\t\t\t},\n\t\t\tchildren: [ dropdownView ]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus(): void {\n\t\tthis.dropdownView.buttonView.focus();\n\t}\n\n\t/**\n\t * Helper method for receiving an object describing the active skin tone.\n\t */\n\tprivate _getSkinTone(): EmojiSkinTone {\n\t\treturn this._skinTones.find( tone => tone.id === this.skinTone )!;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/ui/emojipickerview\n */\n\nimport {\n\tFocusCycler,\n\tSearchInfoView,\n\tView,\n\ttype FocusableView,\n\ttype ViewCollection,\n\ttype SearchTextViewSearchEvent\n} from 'ckeditor5/src/ui.js';\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\ttype Locale,\n\ttype ObservableChangeEvent\n} from 'ckeditor5/src/utils.js';\nimport { EmojiGridView, type EmojiSearchQueryCallback } from './emojigridview.js';\nimport { EmojiCategoriesView } from './emojicategoriesview.js';\nimport { EmojiSearchView } from './emojisearchview.js';\nimport { EmojiToneView } from './emojitoneview.js';\nimport type { EmojiSkinToneId } from '../emojiconfig.js';\nimport type { EmojiCategory, EmojiSkinTone } from '../emojirepository.js';\n\n/**\n * A view that glues pieces of the emoji panel together.\n */\nexport class EmojiPickerView extends View<HTMLDivElement> {\n\t/**\n\t * A collection of the focusable children of the view.\n\t */\n\tpublic readonly items: ViewCollection<FocusableView>;\n\n\t/**\n\t * Tracks information about the DOM focus in the view.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Helps cycling over focusable {@link #items} in the view.\n\t */\n\tpublic readonly focusCycler: FocusCycler;\n\n\t/**\n\t * An instance of the `EmojiSearchView`.\n\t */\n\tpublic readonly searchView: EmojiSearchView;\n\n\t/**\n\t * An instance of the `EmojiToneView`.\n\t */\n\tpublic readonly toneView: EmojiToneView;\n\n\t/**\n\t * An instance of the `EmojiCategoriesView`.\n\t */\n\tpublic readonly categoriesView: EmojiCategoriesView;\n\n\t/**\n\t * An instance of the `EmojiGridView`.\n\t */\n\tpublic readonly gridView: EmojiGridView;\n\n\t/**\n\t * An instance of the `EmojiGridView`.\n\t */\n\tpublic readonly infoView: SearchInfoView;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\t{ emojiCategories, getEmojiByQuery, skinTone, skinTones }: {\n\t\t\temojiCategories: Array<EmojiCategory>;\n\t\t\tgetEmojiByQuery: EmojiSearchQueryCallback;\n\t\t\tskinTone: EmojiSkinToneId;\n\t\t\tskinTones: Array<EmojiSkinTone>;\n\t\t}\n\t) {\n\t\tsuper( locale );\n\n\t\tconst categoryName = emojiCategories[ 0 ].title;\n\n\t\tthis.gridView = new EmojiGridView( locale, {\n\t\t\tcategoryName,\n\t\t\temojiCategories,\n\t\t\tgetEmojiByQuery,\n\t\t\tskinTone\n\t\t} );\n\t\tthis.infoView = new SearchInfoView();\n\t\tthis.searchView = new EmojiSearchView( locale, {\n\t\t\tgridView: this.gridView,\n\t\t\tresultsView: this.infoView\n\t\t} );\n\t\tthis.categoriesView = new EmojiCategoriesView( locale, {\n\t\t\temojiCategories,\n\t\t\tcategoryName\n\t\t} );\n\t\tthis.toneView = new EmojiToneView( locale, {\n\t\t\tskinTone,\n\t\t\tskinTones\n\t\t} );\n\n\t\tthis.items = this.createCollection( [\n\t\t\tthis.searchView,\n\t\t\tthis.toneView,\n\t\t\tthis.categoriesView,\n\t\t\tthis.gridView,\n\t\t\tthis.infoView\n\t\t] );\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.focusCycler = new FocusCycler( {\n\t\t\tfocusables: this.items,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\tfocusPrevious: 'shift + tab',\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tthis.searchView,\n\t\t\t\t\t\tthis.toneView\n\t\t\t\t\t],\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [ 'ck', 'ck-emoji__search' ]\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tthis.categoriesView,\n\t\t\t\tthis.gridView,\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tthis.infoView\n\t\t\t\t\t],\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [ 'ck', 'ck-search__results' ]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t],\n\t\t\tattributes: {\n\t\t\t\ttabindex: '-1',\n\t\t\t\tclass: [ 'ck', 'ck-emoji', 'ck-search' ]\n\t\t\t}\n\t\t} );\n\n\t\tthis._setupEventListeners();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.focusTracker.add( this.searchView.element! );\n\t\tthis.focusTracker.add( this.toneView.element! );\n\t\tthis.focusTracker.add( this.categoriesView.element! );\n\t\tthis.focusTracker.add( this.gridView.element! );\n\t\tthis.focusTracker.add( this.infoView.element! );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the search input.\n\t */\n\tpublic focus(): void {\n\t\tthis.searchView.focus();\n\t}\n\n\t/**\n\t * Initializes interactions between sub-views.\n\t */\n\tprivate _setupEventListeners(): void {\n\t\tconst t = this.locale!.t;\n\n\t\t// Disable the category switcher when filtering by a query.\n\t\tthis.searchView.on<SearchTextViewSearchEvent>( 'search', ( evt, data ) => {\n\t\t\tif ( data.query ) {\n\t\t\t\tthis.categoriesView.disableCategories();\n\t\t\t} else {\n\t\t\t\tthis.categoriesView.enableCategories();\n\t\t\t}\n\t\t} );\n\n\t\t// Show a user-friendly message depending on the search query.\n\t\tthis.searchView.on<SearchTextViewSearchEvent>( 'search', ( evt, data ) => {\n\t\t\tif ( data.query.length === 1 ) {\n\t\t\t\tthis.infoView.set( {\n\t\t\t\t\tprimaryText: t( 'Keep on typing to see the emoji.' ),\n\t\t\t\t\tsecondaryText: t( 'The query must contain at least two characters.' ),\n\t\t\t\t\tisVisible: true\n\t\t\t\t} );\n\t\t\t} else if ( !data.resultsCount ) {\n\t\t\t\tthis.infoView.set( {\n\t\t\t\t\tprimaryText: t( 'No emojis were found matching \"%0\".', data.query ),\n\t\t\t\t\tsecondaryText: t( 'Please try a different phrase or check the spelling.' ),\n\t\t\t\t\tisVisible: true\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tthis.infoView.set( {\n\t\t\t\t\tisVisible: false\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\t// Emit an update event to react to balloon dimensions changes.\n\t\tthis.searchView.on<SearchTextViewSearchEvent>( 'search', () => {\n\t\t\tthis.fire<EmojiPickerViewUpdateEvent>( 'update' );\n\t\t\tthis.gridView.element!.scrollTo( 0, 0 );\n\t\t} );\n\n\t\t// Update the grid of emojis when the selected category is changed.\n\t\tthis.categoriesView.on<ObservableChangeEvent<string>>( 'change:categoryName', ( ev, args, categoryName ) => {\n\t\t\tthis.gridView.categoryName = categoryName;\n\t\t\tthis.searchView.search( '' );\n\t\t} );\n\n\t\t// Update the grid of emojis when the selected skin tone is changed.\n\t\t// In such a case, the displayed emoji should use an updated skin tone value.\n\t\tthis.toneView.on<ObservableChangeEvent<EmojiSkinToneId>>( 'change:skinTone', ( evt, propertyName, newValue ) => {\n\t\t\tthis.gridView.skinTone = newValue;\n\t\t\tthis.searchView.search( this.searchView.getInputValue() );\n\t\t} );\n\t}\n}\n\n/**\n * Fired when the  {@link module:emoji/ui/emojipickerview~EmojiPickerView} layout is changed, either by filtering emoji tiles or\n * showing a hint to a user regarding the provided query.\n *\n * @eventName ~EmojiPickerView#update\n */\nexport type EmojiPickerViewUpdateEvent = {\n\tname: 'update';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/ui/emojipickerformview\n */\n\nimport {\n\tButtonView,\n\tFocusCycler,\n\tFormHeaderView,\n\tView,\n\tViewCollection,\n\tisFocusable,\n\tisViewWithFocusCycler,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\nimport { IconPreviousArrow } from 'ckeditor5/src/icons.js';\n\n// See: https://github.com/ckeditor/ckeditor5/issues/8833\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/form/form.css';\n\nimport '../../theme/emojipickerform.css';\n\n/**\n * The emoji picker form view.\n */\nexport class EmojiPickerFormView extends View {\n\t/**\n\t * The Back button view displayed in the header.\n\t */\n\tpublic backButtonView: ButtonView;\n\n\t/**\n\t * Tracks information about DOM focus in the form.\n\t */\n\tpublic readonly focusTracker = new FocusTracker();\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes = new KeystrokeHandler();\n\n\t/**\n\t * A collection of child views.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprivate readonly _focusables = new ViewCollection<FocusableView>();\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprivate readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * Creates an instance of the {@link module:emoji/ui/emojipickerformview~EmojiPickerFormView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.backButtonView = this._createBackButton();\n\t\tthis.children = this.createCollection( [\n\t\t\tthis._createHeaderView()\n\t\t] );\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backward using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form',\n\t\t\t\t\t'ck-emoji-picker-form',\n\t\t\t\t\t'ck-responsive-form'\n\t\t\t\t],\n\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/90\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tconst childViews = [\n\t\t\t...this.children.filter( isFocusable ) as Array<FocusableView>,\n\t\t\tthis.backButtonView\n\t\t];\n\n\t\tchildViews.forEach( v => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( v );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( v.element! );\n\n\t\t\t// Register the view in the focus cycler to avoid nested focus cycles traps.\n\t\t\tif ( isViewWithFocusCycler( v ) ) {\n\t\t\t\tthis._focusCycler.chain( v.focusCycler );\n\t\t\t}\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Creates a back button view that cancels the form.\n\t */\n\tprivate _createBackButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst backButton = new ButtonView( this.locale );\n\n\t\tbackButton.set( {\n\t\t\tclass: 'ck-button-back',\n\t\t\tlabel: t( 'Back' ),\n\t\t\ticon: IconPreviousArrow,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tbackButton.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn backButton;\n\t}\n\n\t/**\n\t * Creates a header view for the form.\n\t */\n\tprivate _createHeaderView(): FormHeaderView {\n\t\tconst t = this.locale!.t;\n\n\t\tconst header = new FormHeaderView( this.locale, {\n\t\t\tlabel: t( 'Emoji picker' )\n\t\t} );\n\n\t\theader.children.add( this.backButtonView, 0 );\n\n\t\treturn header;\n\t}\n}\n\n/**\n * Fired when the form view is canceled, for example with a click on {@link ~EmojiPickerFormView#backButtonView}.\n *\n * @eventName ~EmojiPickerFormView#cancel\n */\nexport type EmojiPickerFormViewCancelEvent = {\n\tname: 'cancel';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/emojipicker\n */\n\nimport { ButtonView, clickOutsideHandler, ContextualBalloon, Dialog, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport type { DomOptimalPositionOptions } from 'ckeditor5/src/utils.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Typing } from 'ckeditor5/src/typing.js';\nimport { IconEmoji } from 'ckeditor5/src/icons.js';\n\nimport { EmojiCommand } from './emojicommand.js';\nimport { EmojiRepository } from './emojirepository.js';\nimport { EmojiPickerView, type EmojiPickerViewUpdateEvent } from './ui/emojipickerview.js';\nimport { EmojiPickerFormView, type EmojiPickerFormViewCancelEvent } from './ui/emojipickerformview.js';\nimport { type EmojiGridViewExecuteEvent } from './ui/emojigridview.js';\nimport type { EmojiSkinToneId } from './emojiconfig.js';\n\nimport '../theme/emojipicker.css';\n\nconst VISUAL_SELECTION_MARKER_NAME = 'emoji-picker';\n\n/**\n * The emoji picker plugin.\n *\n * Introduces the `'emoji'` dropdown.\n */\nexport class EmojiPicker extends Plugin {\n\t/**\n\t * The actions view displayed inside the balloon.\n\t */\n\tdeclare public emojiPickerView: EmojiPickerView | undefined;\n\n\t/**\n\t * The form view displayed inside the balloon.\n\t */\n\tdeclare public emojiPickerFormView: EmojiPickerFormView | undefined;\n\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tdeclare public balloonPlugin: ContextualBalloon;\n\n\t/**\n\t * An instance of the {@link module:emoji/emojirepository~EmojiRepository} plugin.\n\t */\n\tdeclare public emojiRepositoryPlugin: EmojiRepository;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ EmojiRepository, ContextualBalloon, Dialog, Typing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'EmojiPicker' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic async init(): Promise<void> {\n\t\tconst editor = this.editor;\n\n\t\tthis.balloonPlugin = editor.plugins.get( 'ContextualBalloon' );\n\t\tthis.emojiRepositoryPlugin = editor.plugins.get( 'EmojiRepository' );\n\n\t\t// Skip registering a button in the toolbar and list item in the menu bar if the emoji repository is not ready.\n\t\tif ( !await this.emojiRepositoryPlugin.isReady() ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst command = new EmojiCommand( editor );\n\n\t\teditor.commands.add( 'emoji', command );\n\n\t\teditor.ui.componentFactory.add( 'emoji', () => {\n\t\t\tconst button = this._createButton( ButtonView, command );\n\n\t\t\tbutton.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:emoji', () => {\n\t\t\treturn this._createButton( MenuBarMenuListItemButtonView, command );\n\t\t} );\n\n\t\tthis._setupConversion();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tif ( this.emojiPickerView ) {\n\t\t\tthis.emojiPickerView.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Represents an active skin tone. Its value depends on the emoji UI plugin.\n\t *\n\t * Before opening the UI for the first time, the returned value is read from the editor configuration.\n\t * Otherwise, it reflects the user's intention.\n\t */\n\tpublic get skinTone(): EmojiSkinToneId {\n\t\tif ( !this.emojiPickerView ) {\n\t\t\treturn this.editor.config.get( 'emoji.skinTone' )!;\n\t\t}\n\n\t\treturn this.emojiPickerView.gridView.skinTone;\n\t}\n\n\t/**\n\t * Displays the balloon with the emoji picker.\n\t *\n\t * @param [searchValue=''] A default query used to filer the grid when opening the UI.\n\t */\n\tpublic showUI( searchValue: string = '' ): void {\n\t\t// Show visual selection on a text when the contextual balloon is displayed.\n\t\t// See #17654.\n\t\tthis._showFakeVisualSelection();\n\n\t\tif ( !this.emojiPickerView ) {\n\t\t\tthis.emojiPickerView = this._createEmojiPickerView();\n\t\t}\n\n\t\tif ( searchValue ) {\n\t\t\tthis.emojiPickerView.searchView.setInputValue( searchValue );\n\t\t}\n\n\t\tthis.emojiPickerView.searchView.search( searchValue );\n\n\t\tif ( !this.emojiPickerFormView ) {\n\t\t\tthis.emojiPickerFormView = this._createEmojiPickerFormView();\n\t\t}\n\n\t\tif ( !this.balloonPlugin.hasView( this.emojiPickerFormView ) ) {\n\t\t\t// Show back button if there is another balloon view visible.\n\t\t\tthis.emojiPickerFormView!.backButtonView.isVisible = !!this.balloonPlugin.visibleView;\n\n\t\t\tthis.balloonPlugin.add( {\n\t\t\t\tview: this.emojiPickerFormView,\n\t\t\t\tposition: this._getBalloonPositionData(),\n\t\t\t\tballoonClassName: 'ck-emoji-picker-balloon'\n\t\t\t} );\n\t\t}\n\n\t\tthis.emojiPickerView.focus();\n\t}\n\n\t/**\n\t * Creates a button for toolbar and menu bar that will show the emoji dialog.\n\t */\n\tprivate _createButton<T extends typeof ButtonView>( ViewClass: T, command: EmojiCommand ): InstanceType<T> {\n\t\tconst buttonView = new ViewClass( this.editor.locale ) as InstanceType<T>;\n\t\tconst t = this.editor.locale.t;\n\n\t\tbuttonView.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\tbuttonView.set( {\n\t\t\tlabel: t( 'Emoji' ),\n\t\t\ticon: IconEmoji,\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\tbuttonView.on( 'execute', () => {\n\t\t\tthis.editor.editing.view.scrollToTheSelection();\n\t\t\tthis.showUI();\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n\n\t/**\n\t * Creates an instance of the `EmojiPickerView` class that represents an emoji balloon.\n\t */\n\tprivate _createEmojiPickerView(): EmojiPickerView {\n\t\tconst emojiPickerView = new EmojiPickerView( this.editor.locale, {\n\t\t\temojiCategories: this.emojiRepositoryPlugin.getEmojiCategories(),\n\t\t\tskinTone: this.editor.config.get( 'emoji.skinTone' )!,\n\t\t\tskinTones: this.emojiRepositoryPlugin.getSkinTones(),\n\t\t\tgetEmojiByQuery: ( query: string ) => {\n\t\t\t\treturn this.emojiRepositoryPlugin.getEmojiByQuery( query );\n\t\t\t}\n\t\t} );\n\n\t\t// Insert an emoji on a tile click.\n\t\tthis.listenTo<EmojiGridViewExecuteEvent>( emojiPickerView.gridView, 'execute', ( evt, data ) => {\n\t\t\tconst editor = this.editor;\n\t\t\tconst textToInsert = data.emoji;\n\n\t\t\tthis._hideUI();\n\t\t\teditor.execute( 'insertText', { text: textToInsert } );\n\t\t} );\n\n\t\treturn emojiPickerView;\n\t}\n\n\t/**\n\t * Creates an instance of the `EmojiPickerFormView` class that represents a balloon with the emoji picker.\n\t */\n\tprivate _createEmojiPickerFormView(): EmojiPickerFormView {\n\t\tconst emojiPickerFormView = new EmojiPickerFormView( this.editor.locale );\n\n\t\temojiPickerFormView.children.add( this.emojiPickerView! );\n\n\t\t// Update the balloon position when layout is changed.\n\t\tthis.listenTo<EmojiPickerViewUpdateEvent>( this.emojiPickerView!, 'update', () => {\n\t\t\tif ( this.balloonPlugin.visibleView === emojiPickerFormView ) {\n\t\t\t\tthis.balloonPlugin.updatePosition();\n\t\t\t}\n\t\t} );\n\n\t\t// Close the dialog when the back button is clicked.\n\t\tthis.listenTo<EmojiPickerFormViewCancelEvent>( emojiPickerFormView, 'cancel', () => {\n\t\t\tthis._hideUI();\n\t\t} );\n\n\t\t// Close the panel on `Esc` key press when the **actions have focus**.\n\t\temojiPickerFormView.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis._hideUI();\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Close the dialog when clicking outside of it.\n\t\tclickOutsideHandler( {\n\t\t\temitter: emojiPickerFormView,\n\t\t\tcontextElements: [ this.balloonPlugin.view.element! ],\n\t\t\tcallback: () => {\n\t\t\t\t// Focusing on the editable during a click outside the balloon panel might\n\t\t\t\t// cause the selection to move to the beginning of the editable, so we avoid\n\t\t\t\t// focusing on it during this action.\n\t\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18253\n\t\t\t\tthis._hideUI( false );\n\t\t\t},\n\t\t\tactivator: () => this.balloonPlugin.visibleView === emojiPickerFormView\n\t\t} );\n\n\t\treturn emojiPickerFormView;\n\t}\n\n\t/**\n\t * Hides the balloon with the emoji picker.\n\t *\n\t * @param updateFocus Whether to focus the editor after closing the emoji picker.\n\t */\n\tprivate _hideUI( updateFocus: boolean = true ): void {\n\t\tthis.balloonPlugin.remove( this.emojiPickerFormView! );\n\t\tthis.emojiPickerView!.searchView.setInputValue( '' );\n\n\t\tif ( updateFocus ) {\n\t\t\tthis.editor.editing.view.focus();\n\t\t}\n\n\t\tthis._hideFakeVisualSelection();\n\t}\n\n\t/**\n\t * Registers converters.\n\t */\n\tprivate _setupConversion(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Renders a fake visual selection marker on an expanded selection.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToHighlight( {\n\t\t\tmodel: VISUAL_SELECTION_MARKER_NAME,\n\t\t\tview: {\n\t\t\t\tclasses: [ 'ck-fake-emoji-selection' ]\n\t\t\t}\n\t\t} );\n\n\t\t// Renders a fake visual selection marker on a collapsed selection.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t\t\tmodel: VISUAL_SELECTION_MARKER_NAME,\n\t\t\tview: ( data, { writer } ) => {\n\t\t\t\tif ( !data.markerRange.isCollapsed ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst markerElement = writer.createUIElement( 'span' );\n\n\t\t\t\twriter.addClass(\n\t\t\t\t\t[ 'ck-fake-emoji-selection', 'ck-fake-emoji-selection_collapsed' ],\n\t\t\t\t\tmarkerElement\n\t\t\t\t);\n\n\t\t\t\treturn markerElement;\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns positioning options for the {@link #balloonPlugin}. They control the way the balloon is attached\n\t * to the target element or selection.\n\t */\n\tprivate _getBalloonPositionData(): Partial<DomOptimalPositionOptions> {\n\t\tconst view = this.editor.editing.view;\n\t\tconst viewDocument = view.document;\n\n\t\t// Set a target position by converting view selection range to DOM.\n\t\tconst target = () => view.domConverter.viewRangeToDom( viewDocument.selection.getFirstRange()! );\n\n\t\treturn {\n\t\t\ttarget\n\t\t};\n\t}\n\n\t/**\n\t * Displays a fake visual selection when the contextual balloon is displayed.\n\t *\n\t * This adds an 'emoji-picker' marker into the document that is rendered as a highlight on selected text fragment.\n\t */\n\tprivate _showFakeVisualSelection(): void {\n\t\tconst model = this.editor.model;\n\n\t\tmodel.change( writer => {\n\t\t\tconst range = model.document.selection.getFirstRange()!;\n\n\t\t\tif ( model.markers.has( VISUAL_SELECTION_MARKER_NAME ) ) {\n\t\t\t\twriter.updateMarker( VISUAL_SELECTION_MARKER_NAME, { range } );\n\t\t\t} else {\n\t\t\t\tif ( range.start.isAtEnd ) {\n\t\t\t\t\tconst startPosition = range.start.getLastMatchingPosition(\n\t\t\t\t\t\t( { item } ) => !model.schema.isContent( item ),\n\t\t\t\t\t\t{ boundaries: range }\n\t\t\t\t\t);\n\n\t\t\t\t\twriter.addMarker( VISUAL_SELECTION_MARKER_NAME, {\n\t\t\t\t\t\tusingOperation: false,\n\t\t\t\t\t\taffectsData: false,\n\t\t\t\t\t\trange: writer.createRange( startPosition, range.end )\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\twriter.addMarker( VISUAL_SELECTION_MARKER_NAME, {\n\t\t\t\t\t\tusingOperation: false,\n\t\t\t\t\t\taffectsData: false,\n\t\t\t\t\t\trange\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Hides the fake visual selection.\n\t */\n\tprivate _hideFakeVisualSelection(): void {\n\t\tconst model = this.editor.model;\n\n\t\tif ( model.markers.has( VISUAL_SELECTION_MARKER_NAME ) ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.removeMarker( VISUAL_SELECTION_MARKER_NAME );\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 emoji/emoji\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { EmojiMention } from './emojimention.js';\nimport { EmojiPicker } from './emojipicker.js';\n\n/**\n * The emoji plugin.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * {@link module:emoji/emojimention~EmojiMention},\n * * {@link module:emoji/emojipicker~EmojiPicker},\n */\nexport class Emoji extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ EmojiMention, EmojiPicker ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Emoji' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { getCode, parseKeystroke } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { IconSelectAll } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * The select all command.\n *\n * It is used by the {@link module:select-all/selectallediting~SelectAllEditing select all editing feature} to handle\n * the <kbd>Ctrl/⌘</kbd>+<kbd>A</kbd> keystroke.\n *\n * Executing this command changes the {@glink framework/architecture/editing-engine#model model}\n * selection so it contains the entire content of the editable root of the editor the selection is\n * {@link module:engine/model/selection~ModelSelection#anchor anchored} in.\n *\n * If the selection was anchored in a {@glink framework/tutorials/widgets/implementing-a-block-widget nested editable}\n * (e.g. a caption of an image), the new selection will contain its entire content. Successive executions of this command\n * will expand the selection to encompass more and more content up to the entire editable root of the editor.\n */ class SelectAllCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // It does not affect data so should be enabled in read-only mode.\n        this.affectsData = false;\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        let scopeElement = model.schema.getLimitElement(selection);\n        // If an entire scope is selected, or the selection's ancestor is not a scope yet,\n        // browse through ancestors to find the enclosing parent scope.\n        if (selection.containsEntireContent(scopeElement) || !isSelectAllScope(model.schema, scopeElement)) {\n            do {\n                scopeElement = scopeElement.parent;\n                // Do nothing, if the entire `root` is already selected.\n                if (!scopeElement) {\n                    return;\n                }\n            }while (!isSelectAllScope(model.schema, scopeElement))\n        }\n        model.change((writer)=>{\n            writer.setSelection(scopeElement, 'in');\n        });\n    }\n}\n/**\n * Checks whether the element is a valid select-all scope. Returns true, if the element is a\n * {@link module:engine/model/schema~ModelSchema#isLimit limit}, and can contain any text or paragraph.\n *\n * @param schema Schema to check against.\n * @param element Model element.\n */ function isSelectAllScope(schema, element) {\n    return schema.isLimit(element) && (schema.checkChild(element, '$text') || schema.checkChild(element, 'paragraph'));\n}\n\nconst SELECT_ALL_KEYSTROKE = /* #__PURE__ */ parseKeystroke('Ctrl+A');\n/**\n * The select all editing feature.\n *\n * It registers the `'selectAll'` {@link module:select-all/selectallcommand~SelectAllCommand command}\n * and the <kbd>Ctrl/⌘</kbd>+<kbd>A</kbd> keystroke listener which executes it.\n */ class SelectAllEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SelectAllEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        editor.commands.add('selectAll', new SelectAllCommand(editor));\n        this.listenTo(viewDocument, 'keydown', (eventInfo, domEventData)=>{\n            if (getCode(domEventData) === SELECT_ALL_KEYSTROKE) {\n                editor.execute('selectAll');\n                domEventData.preventDefault();\n            }\n        });\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Select all'),\n                    keystroke: 'CTRL+A'\n                }\n            ]\n        });\n    }\n}\n\n/**\n * The select all UI feature.\n *\n * It registers the `'selectAll'` UI button in the editor's\n * {@link module:ui/componentfactory~ComponentFactory component factory}. When clicked, the button\n * executes the {@link module:select-all/selectallcommand~SelectAllCommand select all command}.\n */ class SelectAllUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SelectAllUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('selectAll', ()=>{\n            const buttonView = this._createButton(ButtonView);\n            buttonView.set({\n                tooltip: true\n            });\n            return buttonView;\n        });\n        editor.ui.componentFactory.add('menuBar:selectAll', ()=>{\n            return this._createButton(MenuBarMenuListItemButtonView);\n        });\n    }\n    /**\n\t * Creates a button for select all command to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = editor.commands.get('selectAll');\n        const view = new ButtonClass(editor.locale);\n        const t = locale.t;\n        view.set({\n            label: t('Select all'),\n            icon: IconSelectAll,\n            keystroke: 'Ctrl+A'\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute('selectAll');\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The select all feature.\n *\n * This is a \"glue\" plugin which loads the {@link module:select-all/selectallediting~SelectAllEditing select all editing feature}\n * and the {@link module:select-all/selectallui~SelectAllUI select all UI feature}.\n *\n * Please refer to the documentation of individual features to learn more.\n */ class SelectAll extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            SelectAllEditing,\n            SelectAllUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SelectAll';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { SelectAll, SelectAllCommand, SelectAllEditing, SelectAllUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 select-all/selectallcommand\n */\n\nimport { Command, type Editor } from '@ckeditor/ckeditor5-core';\nimport type { ModelElement, ModelSchema } from '@ckeditor/ckeditor5-engine';\n\n/**\n * The select all command.\n *\n * It is used by the {@link module:select-all/selectallediting~SelectAllEditing select all editing feature} to handle\n * the <kbd>Ctrl/⌘</kbd>+<kbd>A</kbd> keystroke.\n *\n * Executing this command changes the {@glink framework/architecture/editing-engine#model model}\n * selection so it contains the entire content of the editable root of the editor the selection is\n * {@link module:engine/model/selection~ModelSelection#anchor anchored} in.\n *\n * If the selection was anchored in a {@glink framework/tutorials/widgets/implementing-a-block-widget nested editable}\n * (e.g. a caption of an image), the new selection will contain its entire content. Successive executions of this command\n * will expand the selection to encompass more and more content up to the entire editable root of the editor.\n */\nexport class SelectAllCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// It does not affect data so should be enabled in read-only mode.\n\t\tthis.affectsData = false;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tlet scopeElement: ModelElement | null = model.schema.getLimitElement( selection );\n\n\t\t// If an entire scope is selected, or the selection's ancestor is not a scope yet,\n\t\t// browse through ancestors to find the enclosing parent scope.\n\t\tif ( selection.containsEntireContent( scopeElement ) || !isSelectAllScope( model.schema, scopeElement ) ) {\n\t\t\tdo {\n\t\t\t\tscopeElement = scopeElement.parent as ModelElement | null;\n\n\t\t\t\t// Do nothing, if the entire `root` is already selected.\n\t\t\t\tif ( !scopeElement ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} while ( !isSelectAllScope( model.schema, scopeElement ) );\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\twriter.setSelection( scopeElement!, 'in' );\n\t\t} );\n\t}\n}\n\n/**\n * Checks whether the element is a valid select-all scope. Returns true, if the element is a\n * {@link module:engine/model/schema~ModelSchema#isLimit limit}, and can contain any text or paragraph.\n *\n * @param schema Schema to check against.\n * @param element Model element.\n */\nfunction isSelectAllScope( schema: ModelSchema, element: ModelElement ): boolean {\n\treturn schema.isLimit( element ) && ( schema.checkChild( element, '$text' ) || schema.checkChild( element, 'paragraph' ) );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 select-all/selectallediting\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { getCode, parseKeystroke } from '@ckeditor/ckeditor5-utils';\nimport { SelectAllCommand } from './selectallcommand.js';\nimport type { ViewDocumentKeyDownEvent } from '@ckeditor/ckeditor5-engine';\n\nconst SELECT_ALL_KEYSTROKE = /* #__PURE__ */ parseKeystroke( 'Ctrl+A' );\n\n/**\n * The select all editing feature.\n *\n * It registers the `'selectAll'` {@link module:select-all/selectallcommand~SelectAllCommand command}\n * and the <kbd>Ctrl/⌘</kbd>+<kbd>A</kbd> keystroke listener which executes it.\n */\nexport class SelectAllEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SelectAllEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\n\t\teditor.commands.add( 'selectAll', new SelectAllCommand( editor ) );\n\n\t\tthis.listenTo<ViewDocumentKeyDownEvent>( viewDocument, 'keydown', ( eventInfo, domEventData ) => {\n\t\t\tif ( getCode( domEventData ) === SELECT_ALL_KEYSTROKE ) {\n\t\t\t\teditor.execute( 'selectAll' );\n\t\t\t\tdomEventData.preventDefault();\n\t\t\t}\n\t\t} );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Select all' ),\n\t\t\t\t\tkeystroke: 'CTRL+A'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 select-all/selectallui\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { IconSelectAll } from '@ckeditor/ckeditor5-icons';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui';\n\n/**\n * The select all UI feature.\n *\n * It registers the `'selectAll'` UI button in the editor's\n * {@link module:ui/componentfactory~ComponentFactory component factory}. When clicked, the button\n * executes the {@link module:select-all/selectallcommand~SelectAllCommand select all command}.\n */\nexport class SelectAllUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SelectAllUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'selectAll', () => {\n\t\t\tconst buttonView = this._createButton( ButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:selectAll', () => {\n\t\t\treturn this._createButton( MenuBarMenuListItemButtonView );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button for select all command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command = editor.commands.get( 'selectAll' )!;\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst t = locale.t;\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Select all' ),\n\t\t\ticon: IconSelectAll,\n\t\t\tkeystroke: 'Ctrl+A'\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( 'selectAll' );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 select-all/selectall\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { SelectAllEditing } from './selectallediting.js';\nimport { SelectAllUI } from './selectallui.js';\n\n/**\n * The select all feature.\n *\n * This is a \"glue\" plugin which loads the {@link module:select-all/selectallediting~SelectAllEditing select all editing feature}\n * and the {@link module:select-all/selectallui~SelectAllUI select all UI feature}.\n *\n * Please refer to the documentation of individual features to learn more.\n */\nexport class SelectAll extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ SelectAllEditing, SelectAllUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SelectAll' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { transformOperationSets, NoOperation } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconUndo, IconRedo } from '@ckeditor/ckeditor5-icons/dist/index.js';\n\n/**\n * Base class for the undo feature commands: {@link module:undo/undocommand~UndoCommand} and {@link module:undo/redocommand~RedoCommand}.\n */ class UndoRedoBaseCommand extends Command {\n    /**\n\t * Stack of items stored by the command. These are pairs of:\n\t *\n\t * * {@link module:engine/model/batch~Batch batch} saved by the command,\n\t * * {@link module:engine/model/selection~ModelSelection selection} state at the moment of saving the batch.\n\t */ _stack = [];\n    /**\n\t * Stores all batches that were created by this command.\n\t *\n\t * @internal\n\t */ _createdBatches = new WeakSet();\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // Refresh state, so the command is inactive right after initialization.\n        this.refresh();\n        // This command should not depend on selection change.\n        this._isEnabledBasedOnSelection = false;\n        // Set the transparent batch for the `editor.data.set()` call if the\n        // batch type is not set already.\n        this.listenTo(editor.data, 'set', (evt, data)=>{\n            // Create a shallow copy of the options to not change the original args.\n            // And make sure that an object is assigned to data[ 1 ].\n            data[1] = {\n                ...data[1]\n            };\n            const options = data[1];\n            // If batch type is not set, default to non-undoable batch.\n            if (!options.batchType) {\n                options.batchType = {\n                    isUndoable: false\n                };\n            }\n        }, {\n            priority: 'high'\n        });\n        // Clear the stack for the `transparent` batches.\n        this.listenTo(editor.data, 'set', (evt, data)=>{\n            // We can assume that the object exists and it has a `batchType` property.\n            // It was ensured with a higher priority listener before.\n            const options = data[1];\n            if (!options.batchType.isUndoable) {\n                this.clearStack();\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.isEnabled = this._stack.length > 0;\n    }\n    /**\n\t * Returns all batches created by this command.\n\t */ get createdBatches() {\n        return this._createdBatches;\n    }\n    /**\n\t * Stores a batch in the command, together with the selection state of the {@link module:engine/model/document~ModelDocument document}\n\t * created by the editor which this command is registered to.\n\t *\n\t * @param batch The batch to add.\n\t */ addBatch(batch) {\n        const docSelection = this.editor.model.document.selection;\n        const selection = {\n            ranges: docSelection.hasOwnRange ? Array.from(docSelection.getRanges()) : [],\n            isBackward: docSelection.isBackward\n        };\n        this._stack.push({\n            batch,\n            selection\n        });\n        this.refresh();\n    }\n    /**\n\t * Removes all items from the stack.\n\t */ clearStack() {\n        this._stack = [];\n        this.refresh();\n    }\n    /**\n\t * Restores the {@link module:engine/model/document~ModelDocument#selection document selection} state after a batch was undone.\n\t *\n\t * @param ranges Ranges to be restored.\n\t * @param isBackward A flag describing whether the restored range was selected forward or backward.\n\t * @param operations Operations which has been applied since selection has been stored.\n\t */ _restoreSelection(ranges, isBackward, operations) {\n        const model = this.editor.model;\n        const document = model.document;\n        // This will keep the transformed selection ranges.\n        const selectionRanges = [];\n        // Transform all ranges from the restored selection.\n        const transformedRangeGroups = ranges.map((range)=>range.getTransformedByOperations(operations));\n        const allRanges = transformedRangeGroups.flat();\n        for (const rangeGroup of transformedRangeGroups){\n            // While transforming there could appear ranges that are contained by other ranges, we shall ignore them.\n            const transformed = rangeGroup.filter((range)=>range.root != document.graveyard).filter((range)=>!isRangeContainedByAnyOtherRange(range, allRanges));\n            // All the transformed ranges ended up in graveyard.\n            if (!transformed.length) {\n                continue;\n            }\n            // After the range got transformed, we have an array of ranges. Some of those\n            // ranges may be \"touching\" -- they can be next to each other and could be merged.\n            normalizeRanges(transformed);\n            // For each `range` from `ranges`, we take only one transformed range.\n            // This is because we want to prevent situation where single-range selection\n            // got transformed to multi-range selection.\n            selectionRanges.push(transformed[0]);\n        }\n        // @if CK_DEBUG_ENGINE // console.log( `Restored selection by undo: ${ selectionRanges.join( ', ' ) }` );\n        // `selectionRanges` may be empty if all ranges ended up in graveyard. If that is the case, do not restore selection.\n        if (selectionRanges.length) {\n            model.change((writer)=>{\n                writer.setSelection(selectionRanges, {\n                    backward: isBackward\n                });\n            });\n        }\n    }\n    /**\n\t * Undoes a batch by reversing that batch, transforming reversed batch and finally applying it.\n\t * This is a helper method for {@link #execute}.\n\t *\n\t * @param batchToUndo The batch to be undone.\n\t * @param undoingBatch The batch that will contain undoing changes.\n\t */ _undo(batchToUndo, undoingBatch) {\n        const model = this.editor.model;\n        const document = model.document;\n        // All changes done by the command execution will be saved as one batch.\n        this._createdBatches.add(undoingBatch);\n        const operationsToUndo = batchToUndo.operations.slice().filter((operation)=>operation.isDocumentOperation);\n        operationsToUndo.reverse();\n        // We will process each operation from `batchToUndo`, in reverse order. If there were operations A, B and C in undone batch,\n        // we need to revert them in reverse order, so first C' (reversed C), then B', then A'.\n        for (const operationToUndo of operationsToUndo){\n            const nextBaseVersion = operationToUndo.baseVersion + 1;\n            const historyOperations = Array.from(document.history.getOperations(nextBaseVersion));\n            const transformedSets = transformOperationSets([\n                operationToUndo.getReversed()\n            ], historyOperations, {\n                useRelations: true,\n                document: this.editor.model.document,\n                padWithNoOps: false,\n                forceWeakRemove: true\n            });\n            const reversedOperations = transformedSets.operationsA;\n            // After reversed operation has been transformed by all history operations, apply it.\n            for (let operation of reversedOperations){\n                // Do not apply any operation on non-editable space.\n                const affectedSelectable = operation.affectedSelectable;\n                if (affectedSelectable && !model.canEditAt(affectedSelectable)) {\n                    operation = new NoOperation(operation.baseVersion);\n                }\n                // Before applying, add the operation to the `undoingBatch`.\n                undoingBatch.addOperation(operation);\n                model.applyOperation(operation);\n                document.history.setOperationAsUndone(operationToUndo, operation);\n            }\n        }\n    }\n}\n/**\n * Normalizes list of ranges by joining intersecting or \"touching\" ranges.\n *\n * @param ranges Ranges to be normalized.\n */ function normalizeRanges(ranges) {\n    ranges.sort((a, b)=>a.start.isBefore(b.start) ? -1 : 1);\n    for(let i = 1; i < ranges.length; i++){\n        const previousRange = ranges[i - 1];\n        const joinedRange = previousRange.getJoined(ranges[i], true);\n        if (joinedRange) {\n            // Replace the ranges on the list with the new joined range.\n            i--;\n            ranges.splice(i, 2, joinedRange);\n        }\n    }\n}\nfunction isRangeContainedByAnyOtherRange(range, ranges) {\n    return ranges.some((otherRange)=>otherRange !== range && otherRange.containsRange(range, true));\n}\n\n/**\n * The undo command stores {@link module:engine/model/batch~Batch batches} applied to the\n * {@link module:engine/model/document~ModelDocument document} and is able to undo a batch by reversing it and transforming by\n * batches from {@link module:engine/model/document~ModelDocument#history history} that happened after the reversed batch.\n *\n * The undo command also takes care of restoring the {@link module:engine/model/document~ModelDocument#selection document selection}.\n */ class UndoCommand extends UndoRedoBaseCommand {\n    /**\n\t * Executes the command. This method reverts a {@link module:engine/model/batch~Batch batch} added to the command's stack, transforms\n\t * and applies the reverted version on the {@link module:engine/model/document~ModelDocument document} and removes the batch from\n\t * the stack. Then, it restores the {@link module:engine/model/document~ModelDocument#selection document selection}.\n\t *\n\t * @fires execute\n\t * @fires revert\n\t * @param batch A batch that should be undone. If not set, the last added batch will be undone.\n\t */ execute(batch = null) {\n        // If batch is not given, set `batchIndex` to the last index in command stack.\n        const batchIndex = batch ? this._stack.findIndex((a)=>a.batch == batch) : this._stack.length - 1;\n        const item = this._stack.splice(batchIndex, 1)[0];\n        const undoingBatch = this.editor.model.createBatch({\n            isUndo: true\n        });\n        // All changes have to be done in one `enqueueChange` callback so other listeners will not\n        // step between consecutive operations, or won't do changes to the document before selection is properly restored.\n        this.editor.model.enqueueChange(undoingBatch, ()=>{\n            this._undo(item.batch, undoingBatch);\n            const operations = this.editor.model.document.history.getOperations(item.batch.baseVersion);\n            this._restoreSelection(item.selection.ranges, item.selection.isBackward, operations);\n        });\n        // Firing `revert` event after the change block to make sure that it includes all changes from post-fixers\n        // and make sure that the selection is \"stabilized\" (the selection range is saved after undo is executed and then\n        // restored on redo, so it is important that the selection range is saved after post-fixers are done).\n        this.fire('revert', item.batch, undoingBatch);\n        this.refresh();\n    }\n}\n\n/**\n * The redo command stores {@link module:engine/model/batch~Batch batches} that were used to undo a batch by\n * {@link module:undo/undocommand~UndoCommand}. It is able to redo a previously undone batch by reversing the undoing\n * batches created by `UndoCommand`. The reversed batch is transformed by all the batches from\n * {@link module:engine/model/document~ModelDocument#history history} that happened after the reversed undo batch.\n *\n * The redo command also takes care of restoring the {@link module:engine/model/document~ModelDocument#selection document selection}.\n */ class RedoCommand extends UndoRedoBaseCommand {\n    /**\n\t * Executes the command. This method reverts the last {@link module:engine/model/batch~Batch batch} added to\n\t * the command's stack, applies the reverted and transformed version on the\n\t * {@link module:engine/model/document~ModelDocument document} and removes the batch from the stack.\n\t * Then, it restores the {@link module:engine/model/document~ModelDocument#selection document selection}.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const item = this._stack.pop();\n        const redoingBatch = this.editor.model.createBatch({\n            isUndo: true\n        });\n        // All changes have to be done in one `enqueueChange` callback so other listeners will not step between consecutive\n        // operations, or won't do changes to the document before selection is properly restored.\n        this.editor.model.enqueueChange(redoingBatch, ()=>{\n            const lastOperation = item.batch.operations[item.batch.operations.length - 1];\n            const nextBaseVersion = lastOperation.baseVersion + 1;\n            const operations = this.editor.model.document.history.getOperations(nextBaseVersion);\n            this._restoreSelection(item.selection.ranges, item.selection.isBackward, operations);\n            this._undo(item.batch, redoingBatch);\n        });\n        // Firing `revert` event after the change block to make sure that it includes all changes from post-fixers\n        // and make sure that the selection is \"stabilized\" (the selection range is saved after undo is executed and then\n        // restored on redo, so it is important that the selection range is saved after post-fixers are done).\n        this.fire('revert', item.batch, redoingBatch);\n        this.refresh();\n    }\n}\n\n/**\n * The undo engine feature.\n *\n * It introduces the `'undo'` and `'redo'` commands to the editor.\n */ class UndoEditing extends Plugin {\n    /**\n\t * The command that manages the undo {@link module:engine/model/batch~Batch batches} stack (history).\n\t * Created and registered during the {@link #init feature initialization}.\n\t */ _undoCommand;\n    /**\n\t * The command that manages the redo {@link module:engine/model/batch~Batch batches} stack (history).\n\t * Created and registered during the {@link #init feature initialization}.\n\t */ _redoCommand;\n    /**\n\t * Keeps track of which batches were registered in undo.\n\t */ _batchRegistry = new WeakSet();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'UndoEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        // Create commands.\n        this._undoCommand = new UndoCommand(editor);\n        this._redoCommand = new RedoCommand(editor);\n        // Register command to the editor.\n        editor.commands.add('undo', this._undoCommand);\n        editor.commands.add('redo', this._redoCommand);\n        this.listenTo(editor.model, 'applyOperation', (evt, args)=>{\n            const operation = args[0];\n            // Do not register batch if the operation is not a document operation.\n            // This prevents from creating empty undo steps, where all operations where non-document operations.\n            // Non-document operations creates and alters content in detached tree fragments (for example, document fragments).\n            // Most of time this is preparing data before it is inserted into actual tree (for example during copy & paste).\n            // Such operations should not be reversed.\n            if (!operation.isDocumentOperation) {\n                return;\n            }\n            const batch = operation.batch;\n            const isRedoBatch = this._redoCommand.createdBatches.has(batch);\n            const isUndoBatch = this._undoCommand.createdBatches.has(batch);\n            const wasProcessed = this._batchRegistry.has(batch);\n            // Skip the batch if it was already processed.\n            if (wasProcessed) {\n                return;\n            }\n            // Add the batch to the registry so it will not be processed again.\n            this._batchRegistry.add(batch);\n            if (!batch.isUndoable) {\n                return;\n            }\n            if (isRedoBatch) {\n                // If this batch comes from `redoCommand`, add it to the `undoCommand` stack.\n                this._undoCommand.addBatch(batch);\n            } else if (!isUndoBatch) {\n                // If the batch comes neither  from `redoCommand` nor from `undoCommand` then it is a new, regular batch.\n                // Add the batch to the `undoCommand` stack and clear the `redoCommand` stack.\n                this._undoCommand.addBatch(batch);\n                this._redoCommand.clearStack();\n            }\n        }, {\n            priority: 'highest'\n        });\n        this.listenTo(this._undoCommand, 'revert', (evt, undoneBatch, undoingBatch)=>{\n            this._redoCommand.addBatch(undoingBatch);\n        });\n        editor.keystrokes.set('CTRL+Z', 'undo');\n        editor.keystrokes.set('CTRL+Y', 'redo');\n        editor.keystrokes.set('CTRL+SHIFT+Z', 'redo');\n        // Add the information about the keystrokes to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Undo'),\n                    keystroke: 'CTRL+Z'\n                },\n                {\n                    label: t('Redo'),\n                    keystroke: [\n                        [\n                            'CTRL+Y'\n                        ],\n                        [\n                            'CTRL+SHIFT+Z'\n                        ]\n                    ]\n                }\n            ]\n        });\n    }\n}\n\n/**\n * The undo UI feature. It introduces the `'undo'` and `'redo'` buttons to the editor.\n */ class UndoUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'UndoUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const t = editor.t;\n        const localizedUndoIcon = locale.uiLanguageDirection == 'ltr' ? IconUndo : IconRedo;\n        const localizedRedoIcon = locale.uiLanguageDirection == 'ltr' ? IconRedo : IconUndo;\n        this._addButtonsToFactory('undo', t('Undo'), 'CTRL+Z', localizedUndoIcon);\n        this._addButtonsToFactory('redo', t('Redo'), 'CTRL+Y', localizedRedoIcon);\n    }\n    /**\n\t * Creates a button for the specified command.\n\t *\n\t * @param name Command name.\n\t * @param label Button label.\n\t * @param keystroke Command keystroke.\n\t * @param Icon Source of the icon.\n\t */ _addButtonsToFactory(name, label, keystroke, Icon) {\n        const editor = this.editor;\n        editor.ui.componentFactory.add(name, ()=>{\n            const buttonView = this._createButton(ButtonView, name, label, keystroke, Icon);\n            buttonView.set({\n                tooltip: true\n            });\n            return buttonView;\n        });\n        editor.ui.componentFactory.add('menuBar:' + name, ()=>{\n            return this._createButton(MenuBarMenuListItemButtonView, name, label, keystroke, Icon);\n        });\n    }\n    /**\n\t * TODO\n\t */ _createButton(ButtonClass, name, label, keystroke, Icon) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = editor.commands.get(name);\n        const view = new ButtonClass(locale);\n        view.set({\n            label,\n            icon: Icon,\n            keystroke\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute(name);\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The undo feature.\n *\n * This is a \"glue\" plugin which loads the {@link module:undo/undoediting~UndoEditing undo editing feature}\n * and the {@link module:undo/undoui~UndoUI undo UI feature}.\n *\n * Below is an explanation of the undo mechanism working together with {@link module:engine/model/history~History History}:\n *\n * Whenever an {@link module:engine/model/operation/operation~Operation operation} is applied to the\n * {@link module:engine/model/document~ModelDocument document}, it is saved to `History` as is.\n * The {@link module:engine/model/batch~Batch batch} that owns that operation is also saved, in\n * {@link module:undo/undocommand~UndoCommand}, together with the selection that was present in the document before the\n * operation was applied. A batch is saved instead of the operation because changes are undone batch-by-batch, not operation-by-operation\n * and a batch is seen as one undo step.\n *\n * After changes happen to the document, the `History` and `UndoCommand` stack can be represented as follows:\n *\n * ```\n *    History                            Undo stack\n * ==============             ==================================\n * [operation A1]                      [  batch A  ]\n * [operation B1]                      [  batch B  ]\n * [operation B2]                      [  batch C  ]\n * [operation C1]\n * [operation C2]\n * [operation B3]\n * [operation C3]\n * ```\n *\n * Where operations starting with the same letter are from same batch.\n *\n * Undoing a batch means that a set of operations which will reverse the effects of that batch needs to be generated.\n * For example, if a batch added several letters, undoing the batch should remove them. It is important to apply undoing\n * operations in the reversed order, so if a batch has operation `X`, `Y`, `Z`, reversed operations `Zr`, `Yr` and `Xr`\n * need to be applied. Otherwise reversed operation `Xr` would operate on a wrong document state, because operation `X`\n * does not know that operations `Y` and `Z` happened.\n *\n * After operations from an undone batch got {@link module:engine/model/operation/operation~Operation#getReversed reversed},\n * one needs to make sure if they are ready to be applied. In the scenario above, operation `C3` is the last operation and `C3r`\n * bases on up-to-date document state, so it can be applied to the document.\n *\n * ```\n *      History                             Undo stack\n * =================             ==================================\n * [ operation A1  ]                      [  batch A  ]\n * [ operation B1  ]                      [  batch B  ]\n * [ operation B2  ]             [   processing undoing batch C   ]\n * [ operation C1  ]\n * [ operation C2  ]\n * [ operation B3  ]\n * [ operation C3  ]\n * [ operation C3r ]\n * ```\n *\n * Next is operation `C2`, reversed to `C2r`. `C2r` bases on `C2`, so it bases on the wrong document state. It needs to be\n * transformed by operations from history that happened after it, so it \"knows\" about them. Let us assume that `C2' = C2r * B3 * C3 * C3r`,\n * where `*` means \"transformed by\". Rest of operations from that batch are processed in the same fashion.\n *\n * ```\n *      History                             Undo stack                                      Redo stack\n * =================             ==================================             ==================================\n * [ operation A1  ]                      [  batch A  ]                                    [ batch Cr ]\n * [ operation B1  ]                      [  batch B  ]\n * [ operation B2  ]\n * [ operation C1  ]\n * [ operation C2  ]\n * [ operation B3  ]\n * [ operation C3  ]\n * [ operation C3r ]\n * [ operation C2' ]\n * [ operation C1' ]\n * ```\n *\n * Selective undo works on the same basis, however, instead of undoing the last batch in the undo stack, any batch can be undone.\n * The same algorithm applies: operations from a batch (i.e. `A1`) are reversed and then transformed by operations stored in history.\n *\n * Redo also is very similar to undo. It has its own stack that is filled with undoing (reversed batches). Operations from\n * the batch that is re-done are reversed-back, transformed in proper order and applied to the document.\n *\n * ```\n *      History                             Undo stack                                      Redo stack\n * =================             ==================================             ==================================\n * [ operation A1  ]                      [  batch A  ]\n * [ operation B1  ]                      [  batch B  ]\n * [ operation B2  ]                      [ batch Crr ]\n * [ operation C1  ]\n * [ operation C2  ]\n * [ operation B3  ]\n * [ operation C3  ]\n * [ operation C3r ]\n * [ operation C2' ]\n * [ operation C1' ]\n * [ operation C1'r]\n * [ operation C2'r]\n * [ operation C3rr]\n * ```\n */ class Undo extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            UndoEditing,\n            UndoUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Undo';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { RedoCommand, Undo, UndoCommand, UndoEditing, UndoRedoBaseCommand, UndoUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 undo/basecommand\n */\n\nimport { Command, type Editor } from '@ckeditor/ckeditor5-core';\n\nimport {\n\ttransformOperationSets,\n\ttype Batch,\n\ttype Operation,\n\ttype DataControllerSetEvent,\n\ttype ModelRange,\n\tNoOperation\n} from '@ckeditor/ckeditor5-engine';\n\n/**\n * Base class for the undo feature commands: {@link module:undo/undocommand~UndoCommand} and {@link module:undo/redocommand~RedoCommand}.\n */\nexport abstract class UndoRedoBaseCommand extends Command {\n\t/**\n\t * Stack of items stored by the command. These are pairs of:\n\t *\n\t * * {@link module:engine/model/batch~Batch batch} saved by the command,\n\t * * {@link module:engine/model/selection~ModelSelection selection} state at the moment of saving the batch.\n\t */\n\tprotected _stack: Array<{ batch: Batch; selection: { ranges: Array<ModelRange>; isBackward: boolean } }> = [];\n\n\t/**\n\t * Stores all batches that were created by this command.\n\t *\n\t * @internal\n\t */\n\tpublic _createdBatches = new WeakSet<Batch>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// Refresh state, so the command is inactive right after initialization.\n\t\tthis.refresh();\n\n\t\t// This command should not depend on selection change.\n\t\tthis._isEnabledBasedOnSelection = false;\n\n\t\t// Set the transparent batch for the `editor.data.set()` call if the\n\t\t// batch type is not set already.\n\t\tthis.listenTo<DataControllerSetEvent>( editor.data, 'set', ( evt, data ) => {\n\t\t\t// Create a shallow copy of the options to not change the original args.\n\t\t\t// And make sure that an object is assigned to data[ 1 ].\n\t\t\tdata[ 1 ] = { ...data[ 1 ] };\n\n\t\t\tconst options = data[ 1 ];\n\n\t\t\t// If batch type is not set, default to non-undoable batch.\n\t\t\tif ( !options.batchType ) {\n\t\t\t\toptions.batchType = { isUndoable: false };\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\t// Clear the stack for the `transparent` batches.\n\t\tthis.listenTo<DataControllerSetEvent>( editor.data, 'set', ( evt, data ) => {\n\t\t\t// We can assume that the object exists and it has a `batchType` property.\n\t\t\t// It was ensured with a higher priority listener before.\n\t\t\tconst options = data[ 1 ]!;\n\n\t\t\tif ( !options.batchType!.isUndoable ) {\n\t\t\t\tthis.clearStack();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.isEnabled = this._stack.length > 0;\n\t}\n\n\t/**\n\t * Returns all batches created by this command.\n\t */\n\tpublic get createdBatches(): WeakSet<Batch> {\n\t\treturn this._createdBatches;\n\t}\n\n\t/**\n\t * Stores a batch in the command, together with the selection state of the {@link module:engine/model/document~ModelDocument document}\n\t * created by the editor which this command is registered to.\n\t *\n\t * @param batch The batch to add.\n\t */\n\tpublic addBatch( batch: Batch ): void {\n\t\tconst docSelection = this.editor.model.document.selection;\n\n\t\tconst selection = {\n\t\t\tranges: docSelection.hasOwnRange ? Array.from( docSelection.getRanges() ) : [],\n\t\t\tisBackward: docSelection.isBackward\n\t\t};\n\n\t\tthis._stack.push( { batch, selection } );\n\t\tthis.refresh();\n\t}\n\n\t/**\n\t * Removes all items from the stack.\n\t */\n\tpublic clearStack(): void {\n\t\tthis._stack = [];\n\t\tthis.refresh();\n\t}\n\n\t/**\n\t * Restores the {@link module:engine/model/document~ModelDocument#selection document selection} state after a batch was undone.\n\t *\n\t * @param ranges Ranges to be restored.\n\t * @param isBackward A flag describing whether the restored range was selected forward or backward.\n\t * @param operations Operations which has been applied since selection has been stored.\n\t */\n\tprotected _restoreSelection(\n\t\tranges: Array<ModelRange>,\n\t\tisBackward: boolean,\n\t\toperations: Array<Operation>\n\t): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\n\t\t// This will keep the transformed selection ranges.\n\t\tconst selectionRanges: Array<ModelRange> = [];\n\n\t\t// Transform all ranges from the restored selection.\n\t\tconst transformedRangeGroups = ranges.map( range => range.getTransformedByOperations( operations ) );\n\t\tconst allRanges = transformedRangeGroups.flat();\n\n\t\tfor ( const rangeGroup of transformedRangeGroups ) {\n\t\t\t// While transforming there could appear ranges that are contained by other ranges, we shall ignore them.\n\t\t\tconst transformed = rangeGroup\n\t\t\t\t.filter( range => range.root != document.graveyard )\n\t\t\t\t.filter( range => !isRangeContainedByAnyOtherRange( range, allRanges ) );\n\n\t\t\t// All the transformed ranges ended up in graveyard.\n\t\t\tif ( !transformed.length ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// After the range got transformed, we have an array of ranges. Some of those\n\t\t\t// ranges may be \"touching\" -- they can be next to each other and could be merged.\n\t\t\tnormalizeRanges( transformed );\n\n\t\t\t// For each `range` from `ranges`, we take only one transformed range.\n\t\t\t// This is because we want to prevent situation where single-range selection\n\t\t\t// got transformed to multi-range selection.\n\t\t\tselectionRanges.push( transformed[ 0 ] );\n\t\t}\n\n\t\t// @if CK_DEBUG_ENGINE // console.log( `Restored selection by undo: ${ selectionRanges.join( ', ' ) }` );\n\n\t\t// `selectionRanges` may be empty if all ranges ended up in graveyard. If that is the case, do not restore selection.\n\t\tif ( selectionRanges.length ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setSelection( selectionRanges, { backward: isBackward } );\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Undoes a batch by reversing that batch, transforming reversed batch and finally applying it.\n\t * This is a helper method for {@link #execute}.\n\t *\n\t * @param batchToUndo The batch to be undone.\n\t * @param undoingBatch The batch that will contain undoing changes.\n\t */\n\tprotected _undo( batchToUndo: Batch, undoingBatch: Batch ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\n\t\t// All changes done by the command execution will be saved as one batch.\n\t\tthis._createdBatches.add( undoingBatch );\n\n\t\tconst operationsToUndo = batchToUndo.operations.slice().filter( operation => operation.isDocumentOperation );\n\t\toperationsToUndo.reverse();\n\n\t\t// We will process each operation from `batchToUndo`, in reverse order. If there were operations A, B and C in undone batch,\n\t\t// we need to revert them in reverse order, so first C' (reversed C), then B', then A'.\n\t\tfor ( const operationToUndo of operationsToUndo ) {\n\t\t\tconst nextBaseVersion = operationToUndo.baseVersion! + 1;\n\t\t\tconst historyOperations = Array.from( document.history.getOperations( nextBaseVersion ) );\n\n\t\t\tconst transformedSets = transformOperationSets(\n\t\t\t\t[ operationToUndo.getReversed() ],\n\t\t\t\thistoryOperations,\n\t\t\t\t{\n\t\t\t\t\tuseRelations: true,\n\t\t\t\t\tdocument: this.editor.model.document,\n\t\t\t\t\tpadWithNoOps: false,\n\t\t\t\t\tforceWeakRemove: true\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tconst reversedOperations = transformedSets.operationsA;\n\n\t\t\t// After reversed operation has been transformed by all history operations, apply it.\n\t\t\tfor ( let operation of reversedOperations ) {\n\t\t\t\t// Do not apply any operation on non-editable space.\n\t\t\t\tconst affectedSelectable = operation.affectedSelectable;\n\n\t\t\t\tif ( affectedSelectable && !model.canEditAt( affectedSelectable ) ) {\n\t\t\t\t\toperation = new NoOperation( operation.baseVersion );\n\t\t\t\t}\n\n\t\t\t\t// Before applying, add the operation to the `undoingBatch`.\n\t\t\t\tundoingBatch.addOperation( operation );\n\t\t\t\tmodel.applyOperation( operation );\n\n\t\t\t\tdocument.history.setOperationAsUndone( operationToUndo, operation );\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Normalizes list of ranges by joining intersecting or \"touching\" ranges.\n *\n * @param ranges Ranges to be normalized.\n */\nfunction normalizeRanges( ranges: Array<ModelRange> ): void {\n\tranges.sort( ( a, b ) => a.start.isBefore( b.start ) ? -1 : 1 );\n\n\tfor ( let i = 1; i < ranges.length; i++ ) {\n\t\tconst previousRange = ranges[ i - 1 ];\n\t\tconst joinedRange = previousRange.getJoined( ranges[ i ], true );\n\n\t\tif ( joinedRange ) {\n\t\t\t// Replace the ranges on the list with the new joined range.\n\t\t\ti--;\n\t\t\tranges.splice( i, 2, joinedRange );\n\t\t}\n\t}\n}\n\nfunction isRangeContainedByAnyOtherRange( range: ModelRange, ranges: Array<ModelRange> ): boolean {\n\treturn ranges.some( otherRange => otherRange !== range && otherRange.containsRange( range, true ) );\n}\n\n/**\n * Fired when execution of the undo or redo command reverts some batch.\n *\n * @eventName ~UndoRedoBaseCommand#revert\n */\nexport type UndoRedoBaseCommandRevertEvent = {\n\tname: 'revert';\n\targs: [ batch: Batch, undoingBatch: Batch ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 undo/undocommand\n */\n\nimport { UndoRedoBaseCommand, type UndoRedoBaseCommandRevertEvent } from './basecommand.js';\nimport type { Batch } from '@ckeditor/ckeditor5-engine';\n\n/**\n * The undo command stores {@link module:engine/model/batch~Batch batches} applied to the\n * {@link module:engine/model/document~ModelDocument document} and is able to undo a batch by reversing it and transforming by\n * batches from {@link module:engine/model/document~ModelDocument#history history} that happened after the reversed batch.\n *\n * The undo command also takes care of restoring the {@link module:engine/model/document~ModelDocument#selection document selection}.\n */\nexport class UndoCommand extends UndoRedoBaseCommand {\n\t/**\n\t * Executes the command. This method reverts a {@link module:engine/model/batch~Batch batch} added to the command's stack, transforms\n\t * and applies the reverted version on the {@link module:engine/model/document~ModelDocument document} and removes the batch from\n\t * the stack. Then, it restores the {@link module:engine/model/document~ModelDocument#selection document selection}.\n\t *\n\t * @fires execute\n\t * @fires revert\n\t * @param batch A batch that should be undone. If not set, the last added batch will be undone.\n\t */\n\tpublic override execute( batch: Batch | null = null ): void {\n\t\t// If batch is not given, set `batchIndex` to the last index in command stack.\n\t\tconst batchIndex = batch ? this._stack.findIndex( a => a.batch == batch ) : this._stack.length - 1;\n\n\t\tconst item = this._stack.splice( batchIndex, 1 )[ 0 ];\n\t\tconst undoingBatch = this.editor.model.createBatch( { isUndo: true } );\n\n\t\t// All changes have to be done in one `enqueueChange` callback so other listeners will not\n\t\t// step between consecutive operations, or won't do changes to the document before selection is properly restored.\n\t\tthis.editor.model.enqueueChange( undoingBatch, () => {\n\t\t\tthis._undo( item.batch, undoingBatch );\n\n\t\t\tconst operations = this.editor.model.document.history.getOperations( item.batch.baseVersion! );\n\t\t\tthis._restoreSelection( item.selection.ranges, item.selection.isBackward, operations );\n\t\t} );\n\n\t\t// Firing `revert` event after the change block to make sure that it includes all changes from post-fixers\n\t\t// and make sure that the selection is \"stabilized\" (the selection range is saved after undo is executed and then\n\t\t// restored on redo, so it is important that the selection range is saved after post-fixers are done).\n\t\tthis.fire<UndoRedoBaseCommandRevertEvent>( 'revert', item.batch, undoingBatch );\n\n\t\tthis.refresh();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 undo/redocommand\n */\n\nimport { UndoRedoBaseCommand, type UndoRedoBaseCommandRevertEvent } from './basecommand.js';\n\n/**\n * The redo command stores {@link module:engine/model/batch~Batch batches} that were used to undo a batch by\n * {@link module:undo/undocommand~UndoCommand}. It is able to redo a previously undone batch by reversing the undoing\n * batches created by `UndoCommand`. The reversed batch is transformed by all the batches from\n * {@link module:engine/model/document~ModelDocument#history history} that happened after the reversed undo batch.\n *\n * The redo command also takes care of restoring the {@link module:engine/model/document~ModelDocument#selection document selection}.\n */\nexport class RedoCommand extends UndoRedoBaseCommand {\n\t/**\n\t * Executes the command. This method reverts the last {@link module:engine/model/batch~Batch batch} added to\n\t * the command's stack, applies the reverted and transformed version on the\n\t * {@link module:engine/model/document~ModelDocument document} and removes the batch from the stack.\n\t * Then, it restores the {@link module:engine/model/document~ModelDocument#selection document selection}.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst item = this._stack.pop()!;\n\t\tconst redoingBatch = this.editor.model.createBatch( { isUndo: true } );\n\n\t\t// All changes have to be done in one `enqueueChange` callback so other listeners will not step between consecutive\n\t\t// operations, or won't do changes to the document before selection is properly restored.\n\t\tthis.editor.model.enqueueChange( redoingBatch, () => {\n\t\t\tconst lastOperation = item.batch.operations[ item.batch.operations.length - 1 ];\n\t\t\tconst nextBaseVersion = lastOperation.baseVersion! + 1;\n\t\t\tconst operations = this.editor.model.document.history.getOperations( nextBaseVersion );\n\n\t\t\tthis._restoreSelection( item.selection.ranges, item.selection.isBackward, operations );\n\t\t\tthis._undo( item.batch, redoingBatch );\n\t\t} );\n\n\t\t// Firing `revert` event after the change block to make sure that it includes all changes from post-fixers\n\t\t// and make sure that the selection is \"stabilized\" (the selection range is saved after undo is executed and then\n\t\t// restored on redo, so it is important that the selection range is saved after post-fixers are done).\n\t\tthis.fire<UndoRedoBaseCommandRevertEvent>( 'revert', item.batch, redoingBatch );\n\n\t\tthis.refresh();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 undo/undoediting\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\n\nimport { UndoCommand } from './undocommand.js';\nimport { RedoCommand } from './redocommand.js';\nimport { type UndoRedoBaseCommandRevertEvent } from './basecommand.js';\n\nimport type {\n\tBatch,\n\tModelApplyOperationEvent\n} from '@ckeditor/ckeditor5-engine';\n\n/**\n * The undo engine feature.\n *\n * It introduces the `'undo'` and `'redo'` commands to the editor.\n */\nexport class UndoEditing extends Plugin {\n\t/**\n\t * The command that manages the undo {@link module:engine/model/batch~Batch batches} stack (history).\n\t * Created and registered during the {@link #init feature initialization}.\n\t */\n\tprivate _undoCommand!: UndoCommand;\n\n\t/**\n\t * The command that manages the redo {@link module:engine/model/batch~Batch batches} stack (history).\n\t * Created and registered during the {@link #init feature initialization}.\n\t */\n\tprivate _redoCommand!: RedoCommand;\n\n\t/**\n\t * Keeps track of which batches were registered in undo.\n\t */\n\tprivate _batchRegistry = new WeakSet<Batch>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'UndoEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\t// Create commands.\n\t\tthis._undoCommand = new UndoCommand( editor );\n\t\tthis._redoCommand = new RedoCommand( editor );\n\n\t\t// Register command to the editor.\n\t\teditor.commands.add( 'undo', this._undoCommand );\n\t\teditor.commands.add( 'redo', this._redoCommand );\n\n\t\tthis.listenTo<ModelApplyOperationEvent>( editor.model, 'applyOperation', ( evt, args ) => {\n\t\t\tconst operation = args[ 0 ];\n\n\t\t\t// Do not register batch if the operation is not a document operation.\n\t\t\t// This prevents from creating empty undo steps, where all operations where non-document operations.\n\t\t\t// Non-document operations creates and alters content in detached tree fragments (for example, document fragments).\n\t\t\t// Most of time this is preparing data before it is inserted into actual tree (for example during copy & paste).\n\t\t\t// Such operations should not be reversed.\n\t\t\tif ( !operation.isDocumentOperation ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst batch = operation.batch!;\n\n\t\t\tconst isRedoBatch = this._redoCommand.createdBatches.has( batch );\n\t\t\tconst isUndoBatch = this._undoCommand.createdBatches.has( batch );\n\t\t\tconst wasProcessed = this._batchRegistry.has( batch );\n\n\t\t\t// Skip the batch if it was already processed.\n\t\t\tif ( wasProcessed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Add the batch to the registry so it will not be processed again.\n\t\t\tthis._batchRegistry.add( batch );\n\n\t\t\tif ( !batch.isUndoable ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( isRedoBatch ) {\n\t\t\t\t// If this batch comes from `redoCommand`, add it to the `undoCommand` stack.\n\t\t\t\tthis._undoCommand.addBatch( batch );\n\t\t\t} else if ( !isUndoBatch ) {\n\t\t\t\t// If the batch comes neither  from `redoCommand` nor from `undoCommand` then it is a new, regular batch.\n\t\t\t\t// Add the batch to the `undoCommand` stack and clear the `redoCommand` stack.\n\t\t\t\tthis._undoCommand.addBatch( batch );\n\t\t\t\tthis._redoCommand.clearStack();\n\t\t\t}\n\t\t}, { priority: 'highest' } );\n\n\t\tthis.listenTo<UndoRedoBaseCommandRevertEvent>( this._undoCommand, 'revert', ( evt, undoneBatch, undoingBatch ) => {\n\t\t\tthis._redoCommand.addBatch( undoingBatch );\n\t\t} );\n\n\t\teditor.keystrokes.set( 'CTRL+Z', 'undo' );\n\t\teditor.keystrokes.set( 'CTRL+Y', 'redo' );\n\t\teditor.keystrokes.set( 'CTRL+SHIFT+Z', 'redo' );\n\n\t\t// Add the information about the keystrokes to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Undo' ),\n\t\t\t\t\tkeystroke: 'CTRL+Z'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Redo' ),\n\t\t\t\t\tkeystroke: [ [ 'CTRL+Y' ], [ 'CTRL+SHIFT+Z' ] ]\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 undo/undoui\n */\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui';\nimport { IconUndo, IconRedo } from '@ckeditor/ckeditor5-icons';\n\n/**\n * The undo UI feature. It introduces the `'undo'` and `'redo'` buttons to the editor.\n */\nexport class UndoUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'UndoUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst t = editor.t;\n\n\t\tconst localizedUndoIcon = locale.uiLanguageDirection == 'ltr' ? IconUndo : IconRedo;\n\t\tconst localizedRedoIcon = locale.uiLanguageDirection == 'ltr' ? IconRedo : IconUndo;\n\n\t\tthis._addButtonsToFactory( 'undo', t( 'Undo' ), 'CTRL+Z', localizedUndoIcon );\n\t\tthis._addButtonsToFactory( 'redo', t( 'Redo' ), 'CTRL+Y', localizedRedoIcon );\n\t}\n\n\t/**\n\t * Creates a button for the specified command.\n\t *\n\t * @param name Command name.\n\t * @param label Button label.\n\t * @param keystroke Command keystroke.\n\t * @param Icon Source of the icon.\n\t */\n\tprivate _addButtonsToFactory( name: 'undo' | 'redo', label: string, keystroke: string, Icon: string ) {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( name, () => {\n\t\t\tconst buttonView = this._createButton( ButtonView, name, label, keystroke, Icon );\n\n\t\t\tbuttonView.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:' + name, () => {\n\t\t\treturn this._createButton( MenuBarMenuListItemButtonView, name, label, keystroke, Icon );\n\t\t} );\n\t}\n\n\t/**\n\t * TODO\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>(\n\t\tButtonClass: T,\n\t\tname: 'undo' | 'redo',\n\t\tlabel: string,\n\t\tkeystroke: string,\n\t\tIcon: string\n\t): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command = editor.commands.get( name )!;\n\t\tconst view = new ButtonClass( locale ) as InstanceType<T>;\n\n\t\tview.set( {\n\t\t\tlabel,\n\t\t\ticon: Icon,\n\t\t\tkeystroke\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( name );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 undo/undo\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { UndoEditing } from './undoediting.js';\nimport { UndoUI } from './undoui.js';\n\n/**\n * The undo feature.\n *\n * This is a \"glue\" plugin which loads the {@link module:undo/undoediting~UndoEditing undo editing feature}\n * and the {@link module:undo/undoui~UndoUI undo UI feature}.\n *\n * Below is an explanation of the undo mechanism working together with {@link module:engine/model/history~History History}:\n *\n * Whenever an {@link module:engine/model/operation/operation~Operation operation} is applied to the\n * {@link module:engine/model/document~ModelDocument document}, it is saved to `History` as is.\n * The {@link module:engine/model/batch~Batch batch} that owns that operation is also saved, in\n * {@link module:undo/undocommand~UndoCommand}, together with the selection that was present in the document before the\n * operation was applied. A batch is saved instead of the operation because changes are undone batch-by-batch, not operation-by-operation\n * and a batch is seen as one undo step.\n *\n * After changes happen to the document, the `History` and `UndoCommand` stack can be represented as follows:\n *\n * ```\n *    History                            Undo stack\n * ==============             ==================================\n * [operation A1]                      [  batch A  ]\n * [operation B1]                      [  batch B  ]\n * [operation B2]                      [  batch C  ]\n * [operation C1]\n * [operation C2]\n * [operation B3]\n * [operation C3]\n * ```\n *\n * Where operations starting with the same letter are from same batch.\n *\n * Undoing a batch means that a set of operations which will reverse the effects of that batch needs to be generated.\n * For example, if a batch added several letters, undoing the batch should remove them. It is important to apply undoing\n * operations in the reversed order, so if a batch has operation `X`, `Y`, `Z`, reversed operations `Zr`, `Yr` and `Xr`\n * need to be applied. Otherwise reversed operation `Xr` would operate on a wrong document state, because operation `X`\n * does not know that operations `Y` and `Z` happened.\n *\n * After operations from an undone batch got {@link module:engine/model/operation/operation~Operation#getReversed reversed},\n * one needs to make sure if they are ready to be applied. In the scenario above, operation `C3` is the last operation and `C3r`\n * bases on up-to-date document state, so it can be applied to the document.\n *\n * ```\n *      History                             Undo stack\n * =================             ==================================\n * [ operation A1  ]                      [  batch A  ]\n * [ operation B1  ]                      [  batch B  ]\n * [ operation B2  ]             [   processing undoing batch C   ]\n * [ operation C1  ]\n * [ operation C2  ]\n * [ operation B3  ]\n * [ operation C3  ]\n * [ operation C3r ]\n * ```\n *\n * Next is operation `C2`, reversed to `C2r`. `C2r` bases on `C2`, so it bases on the wrong document state. It needs to be\n * transformed by operations from history that happened after it, so it \"knows\" about them. Let us assume that `C2' = C2r * B3 * C3 * C3r`,\n * where `*` means \"transformed by\". Rest of operations from that batch are processed in the same fashion.\n *\n * ```\n *      History                             Undo stack                                      Redo stack\n * =================             ==================================             ==================================\n * [ operation A1  ]                      [  batch A  ]                                    [ batch Cr ]\n * [ operation B1  ]                      [  batch B  ]\n * [ operation B2  ]\n * [ operation C1  ]\n * [ operation C2  ]\n * [ operation B3  ]\n * [ operation C3  ]\n * [ operation C3r ]\n * [ operation C2' ]\n * [ operation C1' ]\n * ```\n *\n * Selective undo works on the same basis, however, instead of undoing the last batch in the undo stack, any batch can be undone.\n * The same algorithm applies: operations from a batch (i.e. `A1`) are reversed and then transformed by operations stored in history.\n *\n * Redo also is very similar to undo. It has its own stack that is filled with undoing (reversed batches). Operations from\n * the batch that is re-done are reversed-back, transformed in proper order and applied to the document.\n *\n * ```\n *      History                             Undo stack                                      Redo stack\n * =================             ==================================             ==================================\n * [ operation A1  ]                      [  batch A  ]\n * [ operation B1  ]                      [  batch B  ]\n * [ operation B2  ]                      [ batch Crr ]\n * [ operation C1  ]\n * [ operation C2  ]\n * [ operation B3  ]\n * [ operation C3  ]\n * [ operation C3r ]\n * [ operation C2' ]\n * [ operation C1' ]\n * [ operation C1'r]\n * [ operation C2'r]\n * [ operation C3rr]\n * ```\n */\nexport class Undo extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ UndoEditing, UndoUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Undo' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { Clipboard } from '@ckeditor/ckeditor5-clipboard/dist/index.js';\nimport { Enter, ShiftEnter } from '@ckeditor/ckeditor5-enter/dist/index.js';\nimport { SelectAll } from '@ckeditor/ckeditor5-select-all/dist/index.js';\nimport { Typing } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { Undo } from '@ckeditor/ckeditor5-undo/dist/index.js';\nimport { AccessibilityHelp } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * A plugin including all essential editing features. It represents a set of features that enables similar functionalities\n * to a `<textarea>` element.\n *\n * It includes:\n *\n * * {@link module:ui/editorui/accessibilityhelp/accessibilityhelp~AccessibilityHelp},\n * * {@link module:clipboard/clipboard~Clipboard},\n * * {@link module:enter/enter~Enter},\n * * {@link module:select-all/selectall~SelectAll},\n * * {@link module:enter/shiftenter~ShiftEnter},\n * * {@link module:typing/typing~Typing},\n * * {@link module:undo/undo~Undo}.\n *\n * This plugin set does not define any block-level containers (such as {@link module:paragraph/paragraph~Paragraph}).\n * If your editor is supposed to handle block content, make sure to include it.\n */ class Essentials extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            AccessibilityHelp,\n            Clipboard,\n            Enter,\n            SelectAll,\n            ShiftEnter,\n            Typing,\n            Undo\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Essentials';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { Essentials };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 essentials/essentials\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { Clipboard } from 'ckeditor5/src/clipboard.js';\nimport { Enter, ShiftEnter } from 'ckeditor5/src/enter.js';\nimport { SelectAll } from 'ckeditor5/src/select-all.js';\nimport { Typing } from 'ckeditor5/src/typing.js';\nimport { Undo } from 'ckeditor5/src/undo.js';\nimport { AccessibilityHelp } from 'ckeditor5/src/ui.js';\n\n/**\n * A plugin including all essential editing features. It represents a set of features that enables similar functionalities\n * to a `<textarea>` element.\n *\n * It includes:\n *\n * * {@link module:ui/editorui/accessibilityhelp/accessibilityhelp~AccessibilityHelp},\n * * {@link module:clipboard/clipboard~Clipboard},\n * * {@link module:enter/enter~Enter},\n * * {@link module:select-all/selectall~SelectAll},\n * * {@link module:enter/shiftenter~ShiftEnter},\n * * {@link module:typing/typing~Typing},\n * * {@link module:undo/undo~Undo}.\n *\n * This plugin set does not define any block-level containers (such as {@link module:paragraph/paragraph~Paragraph}).\n * If your editor is supposed to handle block content, make sure to include it.\n */\nexport class Essentials extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ AccessibilityHelp, Clipboard, Enter, SelectAll, ShiftEnter, Typing, Undo ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Essentials' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Plugin, Command } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { IconPreviousArrow, IconFindReplace } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { View, ViewCollection, FocusCycler, submitHandler, CollapsibleView, SwitchButtonView, ButtonView, LabeledFieldView, createLabeledInputText, Dialog, DropdownView, createDropdown, FormHeaderView, MenuBarMenuListItemButtonView, DialogViewPosition, CssTransitionDisablerMixin } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { FocusTracker, KeystrokeHandler, isVisible, Rect, ObservableMixin, Collection, uid, scrollViewportToShowTarget } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { escapeRegExp, debounce } from 'es-toolkit/compat';\n\n/**\n * The find and replace form view class.\n *\n * See {@link module:find-and-replace/ui/findandreplaceformview~FindAndReplaceFormView}.\n */ class FindAndReplaceFormView extends View {\n    /**\n\t * A collection of child views.\n\t */ children;\n    /**\n\t * The find in text input view that stores the searched string.\n\t *\n\t * @internal\n\t */ _findInputView;\n    /**\n\t * The replace input view.\n\t */ _replaceInputView;\n    /**\n\t * The find button view that initializes the search process.\n\t */ _findButtonView;\n    /**\n\t * The find previous button view.\n\t */ _findPrevButtonView;\n    /**\n\t * The find next button view.\n\t */ _findNextButtonView;\n    /**\n\t * A collapsible view aggregating the advanced search options.\n\t */ _advancedOptionsCollapsibleView;\n    /**\n\t * A switch button view controlling the \"Match case\" option.\n\t */ _matchCaseSwitchView;\n    /**\n\t * A switch button view controlling the \"Whole words only\" option.\n\t */ _wholeWordsOnlySwitchView;\n    /**\n\t * The replace button view.\n\t */ _replaceButtonView;\n    /**\n\t * The replace all button view.\n\t */ _replaceAllButtonView;\n    /**\n\t * The `div` aggregating the inputs.\n\t */ _inputsDivView;\n    /**\n\t * The `div` aggregating the action buttons.\n\t */ _actionButtonsDivView;\n    /**\n\t * Tracks information about the DOM focus in the form.\n\t */ _focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ _keystrokes;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables;\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ focusCycler;\n    /**\n\t * Creates a view of find and replace form.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        const t = locale.t;\n        this.children = this.createCollection();\n        this.set('matchCount', 0);\n        this.set('highlightOffset', 0);\n        this.set('isDirty', false);\n        this.set('_areCommandsEnabled', {});\n        this.set('_resultsCounterText', '');\n        this.set('_matchCase', false);\n        this.set('_wholeWordsOnly', false);\n        this.bind('_searchResultsFound').to(this, 'matchCount', this, 'isDirty', (matchCount, isDirty)=>{\n            return matchCount > 0 && !isDirty;\n        });\n        this._findInputView = this._createInputField(t('Find in text…'));\n        this._findPrevButtonView = this._createButton({\n            label: t('Previous result'),\n            class: 'ck-button-prev',\n            icon: IconPreviousArrow,\n            keystroke: 'Shift+F3',\n            tooltip: true\n        });\n        this._findNextButtonView = this._createButton({\n            label: t('Next result'),\n            class: 'ck-button-next',\n            icon: IconPreviousArrow,\n            keystroke: 'F3',\n            tooltip: true\n        });\n        this._replaceInputView = this._createInputField(t('Replace with…'), 'ck-labeled-field-replace');\n        this._inputsDivView = this._createInputsDiv();\n        this._matchCaseSwitchView = this._createMatchCaseSwitch();\n        this._wholeWordsOnlySwitchView = this._createWholeWordsOnlySwitch();\n        this._advancedOptionsCollapsibleView = this._createAdvancedOptionsCollapsible();\n        this._replaceAllButtonView = this._createButton({\n            label: t('Replace all'),\n            class: 'ck-button-replaceall',\n            withText: true\n        });\n        this._replaceButtonView = this._createButton({\n            label: t('Replace'),\n            class: 'ck-button-replace',\n            withText: true\n        });\n        this._findButtonView = this._createButton({\n            label: t('Find'),\n            class: 'ck-button-find ck-button-action',\n            withText: true\n        });\n        this._actionButtonsDivView = this._createActionButtonsDiv();\n        this._focusTracker = new FocusTracker();\n        this._keystrokes = new KeystrokeHandler();\n        this._focusables = new ViewCollection();\n        this.focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this._focusTracker,\n            keystrokeHandler: this._keystrokes,\n            actions: {\n                // Navigate form fields backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the <kbd>Tab</kbd> key.\n                focusNext: 'tab'\n            }\n        });\n        this.children.addMany([\n            this._inputsDivView,\n            this._advancedOptionsCollapsibleView,\n            this._actionButtonsDivView\n        ]);\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-find-and-replace-form'\n                ],\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        submitHandler({\n            view: this\n        });\n        this._initFocusCycling();\n        this._initKeystrokeHandling();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this._focusTracker.destroy();\n        this._keystrokes.destroy();\n    }\n    /**\n\t * @inheritDoc\n\t */ focus(direction) {\n        if (direction === -1) {\n            this.focusCycler.focusLast();\n        } else {\n            this.focusCycler.focusFirst();\n        }\n    }\n    /**\n\t * Resets the form before re-appearing.\n\t *\n\t * It clears error messages, hides the match counter and disables the replace feature\n\t * until the next hit of the \"Find\" button.\n\t *\n\t * **Note**: It does not reset inputs and options, though. This way the form works better in editors with\n\t * disappearing toolbar (e.g. BalloonEditor): hiding the toolbar by accident (together with the find and replace UI)\n\t * does not require filling the entire form again.\n\t */ reset() {\n        this._findInputView.errorText = null;\n        this.isDirty = true;\n    }\n    /**\n\t * Returns the value of the find input.\n\t */ get _textToFind() {\n        return this._findInputView.fieldView.element.value;\n    }\n    /**\n\t * Returns the value of the replace input.\n\t */ get _textToReplace() {\n        return this._replaceInputView.fieldView.element.value;\n    }\n    /**\n\t * Configures and returns the `<div>` aggregating all form inputs.\n\t */ _createInputsDiv() {\n        const locale = this.locale;\n        const t = locale.t;\n        const inputsDivView = new View(locale);\n        // Typing in the find field invalidates all previous results (the form is \"dirty\").\n        this._findInputView.fieldView.on('input', ()=>{\n            this.isDirty = true;\n        });\n        // Pressing prev/next buttons fires related event on the form.\n        this._findPrevButtonView.delegate('execute').to(this, 'findPrevious');\n        this._findNextButtonView.delegate('execute').to(this, 'findNext');\n        // Prev/next buttons will be disabled when related editor command gets disabled.\n        this._findPrevButtonView.bind('isEnabled').to(this, '_areCommandsEnabled', ({ findPrevious })=>findPrevious);\n        this._findNextButtonView.bind('isEnabled').to(this, '_areCommandsEnabled', ({ findNext })=>findNext);\n        this._injectFindResultsCounter();\n        this._replaceInputView.bind('isEnabled').to(this, '_areCommandsEnabled', this, '_searchResultsFound', ({ replace }, resultsFound)=>replace && resultsFound);\n        this._replaceInputView.bind('infoText').to(this._replaceInputView, 'isEnabled', this._replaceInputView, 'isFocused', (isEnabled, isFocused)=>{\n            if (isEnabled || !isFocused) {\n                return '';\n            }\n            return t('Tip: Find some text first in order to replace it.');\n        });\n        inputsDivView.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-find-and-replace-form__inputs'\n                ]\n            },\n            children: [\n                this._findInputView,\n                this._findPrevButtonView,\n                this._findNextButtonView,\n                this._replaceInputView\n            ]\n        });\n        return inputsDivView;\n    }\n    /**\n\t * The action performed when the {@link #_findButtonView} is pressed.\n\t */ _onFindButtonExecute() {\n        // When hitting \"Find\" in an empty input, an error should be displayed.\n        // Also, if the form was \"dirty\", it should remain so.\n        if (!this._textToFind) {\n            const t = this.t;\n            this._findInputView.errorText = t('Text to find must not be empty.');\n            return;\n        }\n        // Hitting \"Find\" automatically clears the dirty state.\n        this.isDirty = false;\n        this.fire('findNext', {\n            searchText: this._textToFind,\n            matchCase: this._matchCase,\n            wholeWords: this._wholeWordsOnly\n        });\n    }\n    /**\n\t * Configures an injects the find results counter displaying a \"N of M\" label of the {@link #_findInputView}.\n\t */ _injectFindResultsCounter() {\n        const locale = this.locale;\n        const t = locale.t;\n        const bind = this.bindTemplate;\n        const resultsCounterView = new View(this.locale);\n        this.bind('_resultsCounterText').to(this, 'highlightOffset', this, 'matchCount', (highlightOffset, matchCount)=>t('%0 of %1', [\n                highlightOffset,\n                matchCount\n            ]));\n        resultsCounterView.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-results-counter',\n                    // The counter only makes sense when the field text corresponds to search results in the editing.\n                    bind.if('isDirty', 'ck-hidden')\n                ]\n            },\n            children: [\n                {\n                    text: bind.to('_resultsCounterText')\n                }\n            ]\n        });\n        // The whole idea is that when the text of the counter changes, its width also increases/decreases and\n        // it consumes more or less space over the input. The input, on the other hand, should adjust it's right\n        // padding so its *entire* text always remains visible and available to the user.\n        const updateFindInputPadding = ()=>{\n            const inputElement = this._findInputView.fieldView.element;\n            // Don't adjust the padding if the input (also: counter) were not rendered or not inserted into DOM yet.\n            if (!inputElement || !isVisible(inputElement)) {\n                return;\n            }\n            const counterWidth = new Rect(resultsCounterView.element).width;\n            const paddingPropertyName = locale.uiLanguageDirection === 'ltr' ? 'paddingRight' : 'paddingLeft';\n            if (!counterWidth) {\n                inputElement.style[paddingPropertyName] = '';\n            } else {\n                inputElement.style[paddingPropertyName] = `calc( 2 * var(--ck-spacing-standard) + ${counterWidth}px )`;\n            }\n        };\n        // Adjust the input padding when the text of the counter changes, for instance \"1 of 200\" is narrower than \"123 of 200\".\n        // Using \"low\" priority to let the text be set by the template binding first.\n        this.on('change:_resultsCounterText', updateFindInputPadding, {\n            priority: 'low'\n        });\n        // Adjust the input padding when the counter shows or hides. When hidden, there should be no padding. When it shows, the\n        // padding should be set according to the text of the counter.\n        // Using \"low\" priority to let the text be set by the template binding first.\n        this.on('change:isDirty', updateFindInputPadding, {\n            priority: 'low'\n        });\n        // Put the counter element next to the <input> in the find field.\n        this._findInputView.template.children[0].children.push(resultsCounterView);\n    }\n    /**\n\t * Creates the collapsible view aggregating the advanced search options.\n\t */ _createAdvancedOptionsCollapsible() {\n        const t = this.locale.t;\n        const collapsible = new CollapsibleView(this.locale, [\n            this._matchCaseSwitchView,\n            this._wholeWordsOnlySwitchView\n        ]);\n        collapsible.set({\n            label: t('Advanced options'),\n            isCollapsed: true\n        });\n        return collapsible;\n    }\n    /**\n\t * Configures and returns the `<div>` element aggregating all form action buttons.\n\t */ _createActionButtonsDiv() {\n        const actionsDivView = new View(this.locale);\n        this._replaceButtonView.bind('isEnabled').to(this, '_areCommandsEnabled', this, '_searchResultsFound', ({ replace }, resultsFound)=>replace && resultsFound);\n        this._replaceAllButtonView.bind('isEnabled').to(this, '_areCommandsEnabled', this, '_searchResultsFound', ({ replaceAll }, resultsFound)=>replaceAll && resultsFound);\n        this._replaceButtonView.on('execute', ()=>{\n            this.fire('replace', {\n                searchText: this._textToFind,\n                replaceText: this._textToReplace\n            });\n        });\n        this._replaceAllButtonView.on('execute', ()=>{\n            this.fire('replaceAll', {\n                searchText: this._textToFind,\n                replaceText: this._textToReplace\n            });\n            this.focus();\n        });\n        this._findButtonView.on('execute', this._onFindButtonExecute.bind(this));\n        actionsDivView.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-find-and-replace-form__actions'\n                ]\n            },\n            children: [\n                this._replaceAllButtonView,\n                this._replaceButtonView,\n                this._findButtonView\n            ]\n        });\n        return actionsDivView;\n    }\n    /**\n\t * Creates, configures and returns and instance of a dropdown allowing users to narrow\n\t * the search criteria down. The dropdown has a list with switch buttons for each option.\n\t */ _createMatchCaseSwitch() {\n        const t = this.locale.t;\n        const matchCaseSwitchButton = new SwitchButtonView(this.locale);\n        matchCaseSwitchButton.set({\n            label: t('Match case'),\n            withText: true\n        });\n        // Let the switch be controlled by form's observable property.\n        matchCaseSwitchButton.bind('isOn').to(this, '_matchCase');\n        // // Update the state of the form when a switch is toggled.\n        matchCaseSwitchButton.on('execute', ()=>{\n            this._matchCase = !this._matchCase;\n            // Toggling a switch makes the form dirty because this changes search criteria\n            // just like typing text of the find input.\n            this.isDirty = true;\n        });\n        return matchCaseSwitchButton;\n    }\n    /**\n\t * Creates, configures and returns and instance of a dropdown allowing users to narrow\n\t * the search criteria down. The dropdown has a list with switch buttons for each option.\n\t */ _createWholeWordsOnlySwitch() {\n        const t = this.locale.t;\n        const wholeWordsOnlySwitchButton = new SwitchButtonView(this.locale);\n        wholeWordsOnlySwitchButton.set({\n            label: t('Whole words only'),\n            withText: true\n        });\n        // Let the switch be controlled by form's observable property.\n        wholeWordsOnlySwitchButton.bind('isOn').to(this, '_wholeWordsOnly');\n        // // Update the state of the form when a switch is toggled.\n        wholeWordsOnlySwitchButton.on('execute', ()=>{\n            this._wholeWordsOnly = !this._wholeWordsOnly;\n            // Toggling a switch makes the form dirty because this changes search criteria\n            // just like typing text of the find input.\n            this.isDirty = true;\n        });\n        return wholeWordsOnlySwitchButton;\n    }\n    /**\n\t * Initializes the {@link #_focusables} and {@link #_focusTracker} to allow navigation\n\t * using <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> keystrokes in the right order.\n\t */ _initFocusCycling() {\n        const childViews = [\n            this._findInputView,\n            this._findPrevButtonView,\n            this._findNextButtonView,\n            this._replaceInputView,\n            this._advancedOptionsCollapsibleView.buttonView,\n            this._matchCaseSwitchView,\n            this._wholeWordsOnlySwitchView,\n            this._replaceAllButtonView,\n            this._replaceButtonView,\n            this._findButtonView\n        ];\n        childViews.forEach((v)=>{\n            // Register the view as focusable.\n            this._focusables.add(v);\n            // Register the view in the focus tracker.\n            this._focusTracker.add(v.element);\n        });\n    }\n    /**\n\t * Initializes the keystroke handling in the form.\n\t */ _initKeystrokeHandling() {\n        const stopPropagation = (data)=>data.stopPropagation();\n        const stopPropagationAndPreventDefault = (data)=>{\n            data.stopPropagation();\n            data.preventDefault();\n        };\n        // Start listening for the keystrokes coming from #element.\n        this._keystrokes.listenTo(this.element);\n        // Find the next result upon F3.\n        this._keystrokes.set('f3', (event)=>{\n            stopPropagationAndPreventDefault(event);\n            this._findNextButtonView.fire('execute');\n        });\n        // Find the previous result upon F3.\n        this._keystrokes.set('shift+f3', (event)=>{\n            stopPropagationAndPreventDefault(event);\n            this._findPrevButtonView.fire('execute');\n        });\n        // Find or replace upon pressing Enter in the find and replace fields.\n        this._keystrokes.set('enter', (event)=>{\n            const target = event.target;\n            if (target === this._findInputView.fieldView.element) {\n                if (this._areCommandsEnabled.findNext) {\n                    this._findNextButtonView.fire('execute');\n                } else {\n                    this._findButtonView.fire('execute');\n                }\n                stopPropagationAndPreventDefault(event);\n            } else if (target === this._replaceInputView.fieldView.element && !this.isDirty) {\n                this._replaceButtonView.fire('execute');\n                stopPropagationAndPreventDefault(event);\n            }\n        });\n        // Find previous upon pressing Shift+Enter in the find field.\n        this._keystrokes.set('shift+enter', (event)=>{\n            const target = event.target;\n            if (target !== this._findInputView.fieldView.element) {\n                return;\n            }\n            if (this._areCommandsEnabled.findPrevious) {\n                this._findPrevButtonView.fire('execute');\n            } else {\n                this._findButtonView.fire('execute');\n            }\n            stopPropagationAndPreventDefault(event);\n        });\n        // Since the form is in the dropdown panel which is a child of the toolbar, the toolbar's\n        // keystroke handler would take over the key management in the URL input.\n        // We need to prevent this ASAP. Otherwise, the basic caret movement using the arrow keys will be impossible.\n        this._keystrokes.set('arrowright', stopPropagation);\n        this._keystrokes.set('arrowleft', stopPropagation);\n        this._keystrokes.set('arrowup', stopPropagation);\n        this._keystrokes.set('arrowdown', stopPropagation);\n    }\n    /**\n\t * Creates a button view.\n\t *\n\t * @param options The properties of the `ButtonView`.\n\t * @returns The button view instance.\n\t */ _createButton(options) {\n        const button = new ButtonView(this.locale);\n        button.set(options);\n        return button;\n    }\n    /**\n\t * Creates a labeled input view.\n\t *\n\t * @param label The input label.\n\t * @returns The labeled input view instance.\n\t */ _createInputField(label, className) {\n        const labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);\n        labeledInput.label = label;\n        labeledInput.class = className;\n        return labeledInput;\n    }\n}\n\n/**\n * The default find and replace UI.\n *\n * It registers the `'findAndReplace'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}.\n * that uses the {@link module:find-and-replace/findandreplace~FindAndReplace FindAndReplace} plugin API.\n */ class FindAndReplaceUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Dialog\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FindAndReplaceUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * A reference to the find and replace form view.\n\t */ formView;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('findAndReplace.uiType', 'dialog');\n        this.formView = null;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const isUiUsingDropdown = editor.config.get('findAndReplace.uiType') === 'dropdown';\n        const findCommand = editor.commands.get('find');\n        const t = this.editor.t;\n        // Register the toolbar component: dropdown or button (that opens a dialog).\n        editor.ui.componentFactory.add('findAndReplace', ()=>{\n            let view;\n            if (isUiUsingDropdown) {\n                view = this._createDropdown();\n                // Button should be disabled when in source editing mode. See #10001.\n                view.bind('isEnabled').to(findCommand);\n            } else {\n                view = this._createDialogButtonForToolbar();\n            }\n            editor.keystrokes.set('Ctrl+F', (data, cancelEvent)=>{\n                if (!findCommand.isEnabled) {\n                    return;\n                }\n                if (view instanceof DropdownView) {\n                    const dropdownButtonView = view.buttonView;\n                    if (!dropdownButtonView.isOn) {\n                        dropdownButtonView.fire('execute');\n                    }\n                } else {\n                    if (view.isOn) {\n                        // If the dialog is open, do not close it. Instead focus it.\n                        // Unfortunately we can't simply use:\n                        // \tthis.formView!.focus();\n                        // because it would always move focus to the first input field, which we don't want.\n                        editor.plugins.get('Dialog').view.focus();\n                    } else {\n                        view.fire('execute');\n                    }\n                }\n                cancelEvent();\n            });\n            return view;\n        });\n        if (!isUiUsingDropdown) {\n            editor.ui.componentFactory.add('menuBar:findAndReplace', ()=>{\n                return this._createDialogButtonForMenuBar();\n            });\n        }\n        // Add the information about the keystroke to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Find in the document'),\n                    keystroke: 'CTRL+F'\n                }\n            ]\n        });\n    }\n    /**\n\t * Creates a dropdown containing the find and replace form.\n\t */ _createDropdown() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const dropdownView = createDropdown(editor.locale);\n        dropdownView.once('change:isOpen', ()=>{\n            this.formView = this._createFormView();\n            this.formView.children.add(new FormHeaderView(editor.locale, {\n                label: t('Find and replace')\n            }), 0);\n            dropdownView.panelView.children.add(this.formView);\n        });\n        // Every time a dropdown is opened, the search text field should get focused and selected for better UX.\n        // Note: Using the low priority here to make sure the following listener starts working after\n        // the default action of the drop-down is executed (i.e. the panel showed up). Otherwise,\n        // the invisible form/input cannot be focused/selected.\n        //\n        // Each time a dropdown is closed, move the focus back to the find and replace toolbar button\n        // and let the find and replace editing feature know that all search results can be invalidated\n        // and no longer should be marked in the content.\n        dropdownView.on('change:isOpen', (event, name, isOpen)=>{\n            if (isOpen) {\n                this._setupFormView();\n            } else {\n                this.fire('searchReseted');\n            }\n        }, {\n            priority: 'low'\n        });\n        dropdownView.buttonView.set({\n            icon: IconFindReplace,\n            label: t('Find and replace'),\n            keystroke: 'CTRL+F',\n            tooltip: true\n        });\n        return dropdownView;\n    }\n    /**\n\t * Creates a button that opens a dialog with the find and replace form.\n\t */ _createDialogButtonForToolbar() {\n        const editor = this.editor;\n        const buttonView = this._createButton(ButtonView);\n        const dialog = editor.plugins.get('Dialog');\n        buttonView.set({\n            tooltip: true\n        });\n        // Button should be on when the find and replace dialog is opened.\n        buttonView.bind('isOn').to(dialog, 'id', (id)=>id === 'findAndReplace');\n        // Every time a dialog is opened, the search text field should get focused and selected for better UX.\n        // Each time a dialog is closed, move the focus back to the find and replace toolbar button\n        // and let the find and replace editing feature know that all search results can be invalidated\n        // and no longer should be marked in the content.\n        buttonView.on('execute', ()=>{\n            if (buttonView.isOn) {\n                dialog.hide();\n            } else {\n                this._showDialog();\n            }\n        });\n        return buttonView;\n    }\n    /**\n\t * Creates a button for for menu bar that will show find and replace dialog.\n\t */ _createDialogButtonForMenuBar() {\n        const buttonView = this._createButton(MenuBarMenuListItemButtonView);\n        const dialogPlugin = this.editor.plugins.get('Dialog');\n        const dialog = this.editor.plugins.get('Dialog');\n        buttonView.set({\n            role: 'menuitemcheckbox',\n            isToggleable: true\n        });\n        // Button should be on when the find and replace dialog is opened.\n        buttonView.bind('isOn').to(dialog, 'id', (id)=>id === 'findAndReplace');\n        buttonView.on('execute', ()=>{\n            if (dialogPlugin.id === 'findAndReplace') {\n                dialogPlugin.hide();\n                return;\n            }\n            this._showDialog();\n        });\n        return buttonView;\n    }\n    /**\n\t * Creates a button for find and replace command to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const findCommand = editor.commands.get('find');\n        const buttonView = new ButtonClass(editor.locale);\n        const t = editor.locale.t;\n        // Button should be disabled when in source editing mode. See #10001.\n        buttonView.bind('isEnabled').to(findCommand);\n        buttonView.set({\n            icon: IconFindReplace,\n            label: t('Find and replace'),\n            keystroke: 'CTRL+F'\n        });\n        return buttonView;\n    }\n    /**\n\t * Shows the find and replace dialog.\n\t */ _showDialog() {\n        const editor = this.editor;\n        const dialog = editor.plugins.get('Dialog');\n        const t = editor.locale.t;\n        if (!this.formView) {\n            this.formView = this._createFormView();\n        }\n        dialog.show({\n            id: 'findAndReplace',\n            title: t('Find and replace'),\n            content: this.formView,\n            position: DialogViewPosition.EDITOR_TOP_SIDE,\n            onShow: ()=>{\n                this._setupFormView();\n            },\n            onHide: ()=>{\n                this.fire('searchReseted');\n            }\n        });\n    }\n    /**\n\t * Sets up the form view for the findN and replace.\n\t */ _createFormView() {\n        const editor = this.editor;\n        const formView = new (CssTransitionDisablerMixin(FindAndReplaceFormView))(editor.locale);\n        const commands = editor.commands;\n        const findAndReplaceEditing = this.editor.plugins.get('FindAndReplaceEditing');\n        const editingState = findAndReplaceEditing.state;\n        formView.bind('highlightOffset').to(editingState, 'highlightedOffset');\n        // Let the form know how many results were found in total.\n        formView.listenTo(editingState.results, 'change', ()=>{\n            formView.matchCount = editingState.results.length;\n        });\n        // Command states are used to enable/disable individual form controls.\n        // To keep things simple, instead of binding 4 individual observables, there's only one that combines every\n        // commands' isEnabled state. Yes, it will change more often but this simplifies the structure of the form.\n        const findNextCommand = commands.get('findNext');\n        const findPreviousCommand = commands.get('findPrevious');\n        const replaceCommand = commands.get('replace');\n        const replaceAllCommand = commands.get('replaceAll');\n        formView.bind('_areCommandsEnabled').to(findNextCommand, 'isEnabled', findPreviousCommand, 'isEnabled', replaceCommand, 'isEnabled', replaceAllCommand, 'isEnabled', (findNext, findPrevious, replace, replaceAll)=>({\n                findNext,\n                findPrevious,\n                replace,\n                replaceAll\n            }));\n        // The UI plugin works as an interface between the form and the editing part of the feature.\n        formView.delegate('findNext', 'findPrevious', 'replace', 'replaceAll').to(this);\n        // Let the feature know that search results are no longer relevant because the user changed the searched phrase\n        // (or options) but didn't hit the \"Find\" button yet (e.g. still typing).\n        formView.on('change:isDirty', (evt, data, isDirty)=>{\n            if (isDirty) {\n                this.fire('searchReseted');\n            }\n        });\n        return formView;\n    }\n    /**\n\t * Clears the find and replace form and focuses the search text field.\n\t */ _setupFormView() {\n        this.formView.disableCssTransitions();\n        this.formView.reset();\n        this.formView._findInputView.fieldView.select();\n        this.formView.enableCssTransitions();\n    }\n}\n\n/**\n * The find command. It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */ class FindCommand extends Command {\n    /**\n\t * The find and replace state object used for command operations.\n\t */ _state;\n    /**\n\t * Creates a new `FindCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param state An object to hold plugin state.\n\t */ constructor(editor, state){\n        super(editor);\n        // The find command is always enabled.\n        this.isEnabled = true;\n        // It does not affect data so should be enabled in read-only mode.\n        this.affectsData = false;\n        this._state = state;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @param callbackOrText\n\t * @param options Options object.\n\t * @param options.matchCase If set to `true`, the letter case will be matched.\n\t * @param options.wholeWords If set to `true`, only whole words that match `callbackOrText` will be matched.\n\t *\n\t * @fires execute\n\t */ execute(callbackOrText, { matchCase, wholeWords } = {}) {\n        const { editor } = this;\n        const { model } = editor;\n        const findAndReplaceUtils = editor.plugins.get('FindAndReplaceUtils');\n        let findCallback;\n        let callbackSearchText = '';\n        // Allow to execute `find()` on a plugin with a keyword only.\n        if (typeof callbackOrText === 'string') {\n            findCallback = (...args)=>({\n                    results: findAndReplaceUtils.findByTextCallback(callbackOrText, {\n                        matchCase,\n                        wholeWords\n                    })(...args),\n                    searchText: callbackOrText\n                });\n        } else {\n            findCallback = callbackOrText;\n        }\n        // Wrap the callback to get the search text that will be assigned to the state.\n        const oldCallback = findCallback;\n        findCallback = (...args)=>{\n            const result = oldCallback(...args);\n            if (result && 'searchText' in result) {\n                callbackSearchText = result.searchText;\n            }\n            return result;\n        };\n        // Initial search is done on all nodes in all roots inside the content.\n        const results = model.document.getRootNames().reduce((currentResults, rootName)=>findAndReplaceUtils.updateFindResultFromRange(model.createRangeIn(model.document.getRoot(rootName)), model, findCallback, currentResults), null);\n        this._state.clear(model);\n        this._state.results.addMany(results);\n        this._state.highlightedResult = results.get(0);\n        this._state.searchText = callbackSearchText;\n        if (findCallback) {\n            this._state.lastSearchCallback = findCallback;\n        }\n        this._state.matchCase = !!matchCase;\n        this._state.matchWholeWords = !!wholeWords;\n        return {\n            results,\n            findCallback\n        };\n    }\n}\n\n/**\n * The object storing find and replace plugin state for a given editor instance.\n */ class FindAndReplaceState extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * Creates an instance of the state.\n\t */ constructor(model){\n        super();\n        this.set('results', new Collection());\n        this.set('highlightedResult', null);\n        this.set('highlightedOffset', 0);\n        this.set('searchText', '');\n        this.set('replaceText', '');\n        this.set('lastSearchCallback', null);\n        this.set('matchCase', false);\n        this.set('matchWholeWords', false);\n        this.results.on('change', (eventInfo, { removed, index })=>{\n            if (Array.from(removed).length) {\n                let highlightedResultRemoved = false;\n                model.change((writer)=>{\n                    for (const removedResult of removed){\n                        if (this.highlightedResult === removedResult) {\n                            highlightedResultRemoved = true;\n                        }\n                        if (model.markers.has(removedResult.marker.name)) {\n                            writer.removeMarker(removedResult.marker);\n                        }\n                    }\n                });\n                if (highlightedResultRemoved) {\n                    const nextHighlightedIndex = index >= this.results.length ? 0 : index;\n                    this.highlightedResult = this.results.get(nextHighlightedIndex);\n                }\n            }\n        });\n        this.on('change:highlightedResult', ()=>{\n            this.refreshHighlightOffset(model);\n        });\n    }\n    /**\n\t * Cleans the state up and removes markers from the model.\n\t */ clear(model) {\n        this.searchText = '';\n        model.change((writer)=>{\n            if (this.highlightedResult) {\n                const oldMatchId = this.highlightedResult.marker.name.split(':')[1];\n                const oldMarker = model.markers.get(`findResultHighlighted:${oldMatchId}`);\n                if (oldMarker) {\n                    writer.removeMarker(oldMarker);\n                }\n            }\n            [\n                ...this.results\n            ].forEach(({ marker })=>{\n                writer.removeMarker(marker);\n            });\n        });\n        this.results.clear();\n    }\n    /**\n\t * Refreshes the highlight result offset based on it's index within the result list.\n\t */ refreshHighlightOffset(model) {\n        const { highlightedResult, results } = this;\n        if (highlightedResult) {\n            this.highlightedOffset = sortSearchResultsByMarkerPositions(model, [\n                ...results\n            ]).indexOf(highlightedResult) + 1;\n        } else {\n            this.highlightedOffset = 0;\n        }\n    }\n}\n/**\n * Sorts search results by marker positions. Make sure that the results are sorted in the same order as they appear in the document\n * to avoid issues with the `find next` command. Apparently, the order of the results in the state might be different than the order\n * of the markers in the model.\n *\n * @internal\n */ function sortSearchResultsByMarkerPositions(model, results) {\n    const sortMapping = {\n        before: -1,\n        same: 0,\n        after: 1,\n        different: 1\n    };\n    // `compareWith` doesn't play well with multi-root documents, so we need to sort results by root name first\n    // and then sort them within each root. It prevents \"random\" order of results when the document has multiple roots.\n    // See more: https://github.com/ckeditor/ckeditor5/pull/17292#issuecomment-2442084549\n    return model.document.getRootNames().flatMap((rootName)=>results.filter((result)=>result.marker.getStart().root.rootName === rootName).sort((a, b)=>sortMapping[a.marker.getStart().compareWith(b.marker.getStart())]));\n}\n\nclass FindReplaceCommandBase extends Command {\n    /**\n\t * The find and replace state object used for command operations.\n\t */ _state;\n    /**\n\t * Creates a new `ReplaceCommand` instance.\n\t *\n\t * @param editor Editor on which this command will be used.\n\t * @param state An object to hold plugin state.\n\t */ constructor(editor, state){\n        super(editor);\n        // The replace command is always enabled.\n        this.isEnabled = true;\n        this._state = state;\n        // Since this command executes on particular result independent of selection, it should be checked directly in execute block.\n        this._isEnabledBasedOnSelection = false;\n    }\n    /**\n\t * Common logic for both `replace` commands.\n\t * Replace a given find result by a string or a callback.\n\t *\n\t * @param result A single result from the find command.\n\t */ _replace(replacementText, result) {\n        const { model } = this.editor;\n        const range = result.marker.getRange();\n        // Don't replace a result that is in non-editable place.\n        if (!model.canEditAt(range)) {\n            return;\n        }\n        model.change((writer)=>{\n            // Don't replace a result (marker) that found its way into the $graveyard (e.g. removed by collaborators).\n            if (range.root.rootName === '$graveyard') {\n                this._state.results.remove(result);\n                return;\n            }\n            let textAttributes = {};\n            for (const item of range.getItems()){\n                if (item.is('$text') || item.is('$textProxy')) {\n                    textAttributes = item.getAttributes();\n                    break;\n                }\n            }\n            model.insertContent(writer.createText(replacementText, textAttributes), range);\n            if (this._state.results.has(result)) {\n                this._state.results.remove(result);\n            }\n        });\n    }\n}\n\n/**\n * The replace command. It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */ class ReplaceCommand extends FindReplaceCommandBase {\n    /**\n\t * Replace a given find result by a string or a callback.\n\t *\n\t * @param result A single result from the find command.\n\t *\n\t * @fires execute\n\t */ execute(replacementText, result) {\n        // We save highlight offset here, as the information about the highlighted result will be lost after the changes.\n        //\n        // It happens because result list is partially regenerated if the result is removed from the paragraph.\n        // Partially means that all sibling result items that are placed in the same paragraph are removed and added again,\n        // which causes the highlighted result to be malformed (usually it's set to first but it's not guaranteed).\n        //\n        // While this saving can be done in editing state, it's better to keep it here, as it's a part of the command logic\n        // and might be super tricky to implement in multi-root documents.\n        //\n        // Keep in mind that the highlighted offset is indexed from 1, as it's displayed to the user. It's why we subtract 1 here.\n        //\n        // More info: https://github.com/ckeditor/ckeditor5/issues/16648\n        const oldHighlightOffset = Math.max(this._state.highlightedOffset - 1, 0);\n        this._replace(replacementText, result);\n        // Let's revert the highlight offset to the previous value.\n        if (this._state.results.length) {\n            // Highlight offset operates on sorted array, so we need to sort the results first.\n            // It's not guaranteed that items in state results are sorted, usually they are, but it's not guaranteed when\n            // the result is removed from the paragraph with other highlighted results.\n            const sortedResults = sortSearchResultsByMarkerPositions(this.editor.model, [\n                ...this._state.results\n            ]);\n            // Just make sure that we don't overflow the results array, so use modulo.\n            this._state.highlightedResult = sortedResults[oldHighlightOffset % sortedResults.length];\n        }\n    }\n}\n\n/**\n * The replace all command. It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */ class ReplaceAllCommand extends FindReplaceCommandBase {\n    /**\n\t * Replaces all the occurrences of `textToReplace` with a given `newText` string.\n\t *\n\t * ```ts\n\t *\treplaceAllCommand.execute( 'replaceAll', 'new text replacement', 'text to replace' );\n\t * ```\n\t *\n\t * Alternatively you can call it from editor instance:\n\t *\n\t * ```ts\n\t *\teditor.execute( 'replaceAll', 'new text', 'old text' );\n\t * ```\n\t *\n\t * @param newText Text that will be inserted to the editor for each match.\n\t * @param textToReplace Text to be replaced or a collection of matches\n\t * as returned by the find command.\n\t *\n\t * @fires module:core/command~Command#event:execute\n\t */ execute(newText, textToReplace) {\n        const { editor } = this;\n        const { model } = editor;\n        const findAndReplaceUtils = editor.plugins.get('FindAndReplaceUtils');\n        const results = textToReplace instanceof Collection ? textToReplace : model.document.getRootNames().reduce((currentResults, rootName)=>findAndReplaceUtils.updateFindResultFromRange(model.createRangeIn(model.document.getRoot(rootName)), model, findAndReplaceUtils.findByTextCallback(textToReplace, this._state), currentResults), null);\n        if (results.length) {\n            // Wrapped in single change will batch it into one transaction.\n            model.change(()=>{\n                [\n                    ...results\n                ].forEach((searchResult)=>{\n                    // Just reuse logic from the replace command to replace a single match.\n                    this._replace(newText, searchResult);\n                });\n            });\n        }\n    }\n}\n\n/**\n * The find next command. Moves the highlight to the next search result.\n *\n * It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */ class FindNextCommand extends Command {\n    /**\n\t * The find and replace state object used for command operations.\n\t */ _state;\n    /**\n\t * Creates a new `FindNextCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param state An object to hold plugin state.\n\t */ constructor(editor, state){\n        super(editor);\n        // It does not affect data so should be enabled in read-only mode.\n        this.affectsData = false;\n        this._state = state;\n        this.isEnabled = false;\n        this.listenTo(this._state.results, 'change', ()=>{\n            this.isEnabled = this._state.results.length > 1;\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.isEnabled = this._state.results.length > 1;\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const results = this._state.results;\n        const currentIndex = results.getIndex(this._state.highlightedResult);\n        const nextIndex = currentIndex + 1 >= results.length ? 0 : currentIndex + 1;\n        this._state.highlightedResult = this._state.results.get(nextIndex);\n    }\n}\n\n/**\n * The find previous command. Moves the highlight to the previous search result.\n *\n * It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */ class FindPreviousCommand extends FindNextCommand {\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const results = this._state.results;\n        const currentIndex = results.getIndex(this._state.highlightedResult);\n        const previousIndex = currentIndex - 1 < 0 ? this._state.results.length - 1 : currentIndex - 1;\n        this._state.highlightedResult = this._state.results.get(previousIndex);\n    }\n}\n\n/**\n * A set of helpers related to find and replace.\n */ class FindAndReplaceUtils extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FindAndReplaceUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * Executes findCallback and updates search results list.\n\t *\n\t * @param range The model range to scan for matches.\n\t * @param model The model.\n\t * @param findCallback The callback that should return `true` if provided text matches the search term.\n\t * @param startResults An optional collection of find matches that the function should\n\t * start with. This would be a collection returned by a previous `updateFindResultFromRange()` call.\n\t * @returns A collection of objects describing find match.\n\t *\n\t * An example structure:\n\t *\n\t * ```js\n\t * {\n\t *\tid: resultId,\n\t *\tlabel: foundItem.label,\n\t *\tmarker\n\t *\t}\n\t * ```\n\t */ updateFindResultFromRange(range, model, findCallback, startResults) {\n        const results = startResults || new Collection();\n        const checkIfResultAlreadyOnList = (marker)=>results.find((markerItem)=>{\n                const { marker: resultsMarker } = markerItem;\n                const resultRange = resultsMarker.getRange();\n                const markerRange = marker.getRange();\n                return resultRange.isEqual(markerRange);\n            });\n        model.change((writer)=>{\n            [\n                ...range\n            ].forEach(({ type, item })=>{\n                if (type === 'elementStart') {\n                    if (model.schema.checkChild(item, '$text')) {\n                        let foundItems = findCallback({\n                            item,\n                            text: this.rangeToText(model.createRangeIn(item))\n                        });\n                        if (!foundItems) {\n                            return;\n                        }\n                        if ('results' in foundItems) {\n                            foundItems = foundItems.results;\n                        }\n                        foundItems.forEach((foundItem)=>{\n                            const resultId = `findResult:${uid()}`;\n                            const marker = writer.addMarker(resultId, {\n                                usingOperation: false,\n                                affectsData: false,\n                                range: writer.createRange(writer.createPositionAt(item, foundItem.start), writer.createPositionAt(item, foundItem.end))\n                            });\n                            const index = findInsertIndex(results, marker);\n                            if (!checkIfResultAlreadyOnList(marker)) {\n                                results.add({\n                                    id: resultId,\n                                    label: foundItem.label,\n                                    marker\n                                }, index);\n                            }\n                        });\n                    }\n                }\n            });\n        });\n        return results;\n    }\n    /**\n\t * Returns text representation of a range. The returned text length should be the same as range length.\n\t * In order to achieve this, this function will replace inline elements (text-line) as new line character (\"\\n\").\n\t *\n\t * @param range The model range.\n\t * @returns The text content of the provided range.\n\t */ rangeToText(range) {\n        return Array.from(range.getItems({\n            shallow: true\n        })).reduce((rangeText, node)=>{\n            // Trim text to a last occurrence of an inline element and update range start.\n            if (!(node.is('$text') || node.is('$textProxy'))) {\n                // Editor has only one inline element defined in schema: `<softBreak>` which is treated as new line character in blocks.\n                // Special handling might be needed for other inline elements (inline widgets).\n                return `${rangeText}\\n`;\n            }\n            return rangeText + node.data;\n        }, '');\n    }\n    /**\n\t * Creates a text matching callback for a specified search term and matching options.\n\t *\n\t * @param searchTerm The search term.\n\t * @param options Matching options.\n\t * \t- options.matchCase=false If set to `true` letter casing will be ignored.\n\t * \t- options.wholeWords=false If set to `true` only whole words that match `callbackOrText` will be matched.\n\t */ findByTextCallback(searchTerm, options) {\n        let flags = 'gu';\n        if (!options.matchCase) {\n            flags += 'i';\n        }\n        let regExpQuery = `(${escapeRegExp(searchTerm)})`;\n        if (options.wholeWords) {\n            const nonLetterGroup = '[^a-zA-Z\\u00C0-\\u024F\\u1E00-\\u1EFF]';\n            if (!new RegExp('^' + nonLetterGroup).test(searchTerm)) {\n                regExpQuery = `(^|${nonLetterGroup}|_)${regExpQuery}`;\n            }\n            if (!new RegExp(nonLetterGroup + '$').test(searchTerm)) {\n                regExpQuery = `${regExpQuery}(?=_|${nonLetterGroup}|$)`;\n            }\n        }\n        const regExp = new RegExp(regExpQuery, flags);\n        function findCallback({ text }) {\n            const matches = [\n                ...text.matchAll(regExp)\n            ];\n            return matches.map(regexpMatchToFindResult);\n        }\n        return findCallback;\n    }\n}\n// Finds the appropriate index in the resultsList Collection.\nfunction findInsertIndex(resultsList, markerToInsert) {\n    const result = resultsList.find(({ marker })=>{\n        return markerToInsert.getStart().isBefore(marker.getStart());\n    });\n    return result ? resultsList.getIndex(result) : resultsList.length;\n}\n/**\n *  Maps RegExp match result to find result.\n */ function regexpMatchToFindResult(matchResult) {\n    const lastGroupIndex = matchResult.length - 1;\n    let startOffset = matchResult.index;\n    // Searches with match all flag have an extra matching group with empty string or white space matched before the word.\n    // If the search term starts with the space already, there is no extra group even with match all flag on.\n    if (matchResult.length === 3) {\n        startOffset += matchResult[1].length;\n    }\n    return {\n        label: matchResult[lastGroupIndex],\n        start: startOffset,\n        end: startOffset + matchResult[lastGroupIndex].length\n    };\n}\n\nconst HIGHLIGHT_CLASS = 'ck-find-result_selected';\n/**\n * Implements the editing part for find and replace plugin. For example conversion, commands etc.\n */ class FindAndReplaceEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FindAndReplaceUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FindAndReplaceEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'FAR';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * An object storing the find and replace state within a given editor instance.\n\t */ state;\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this.state = new FindAndReplaceState(this.editor.model);\n        this.set('_isSearchActive', false);\n        this._defineConverters();\n        this._defineCommands();\n        this.listenTo(this.state, 'change:highlightedResult', (eventInfo, name, newValue, oldValue)=>{\n            const { model } = this.editor;\n            model.change((writer)=>{\n                if (oldValue) {\n                    const oldMatchId = oldValue.marker.name.split(':')[1];\n                    const oldMarker = model.markers.get(`findResultHighlighted:${oldMatchId}`);\n                    if (oldMarker) {\n                        writer.removeMarker(oldMarker);\n                    }\n                }\n                if (newValue) {\n                    const newMatchId = newValue.marker.name.split(':')[1];\n                    writer.addMarker(`findResultHighlighted:${newMatchId}`, {\n                        usingOperation: false,\n                        affectsData: false,\n                        range: newValue.marker.getRange()\n                    });\n                }\n            });\n        });\n        /* istanbul ignore next -- @preserve */ const scrollToHighlightedResult = (eventInfo, name, newValue)=>{\n            if (newValue) {\n                const domConverter = this.editor.editing.view.domConverter;\n                const viewRange = this.editor.editing.mapper.toViewRange(newValue.marker.getRange());\n                scrollViewportToShowTarget({\n                    target: domConverter.viewRangeToDom(viewRange),\n                    viewportOffset: 40\n                });\n            }\n        };\n        const debouncedScrollListener = debounce(scrollToHighlightedResult.bind(this), 32);\n        // Debounce scroll as highlight might be changed very frequently, e.g. when there's a replace all command.\n        this.listenTo(this.state, 'change:highlightedResult', debouncedScrollListener, {\n            priority: 'low'\n        });\n        // It's possible that the editor will get destroyed before debounced call kicks in.\n        // This would result with accessing a view three that is no longer in DOM.\n        this.listenTo(this.editor, 'destroy', debouncedScrollListener.cancel);\n        this.on('change:_isSearchActive', (evt, name, isSearchActive)=>{\n            if (isSearchActive) {\n                this.listenTo(this.editor.model.document, 'change:data', this._onDocumentChange);\n            } else {\n                this.stopListening(this.editor.model.document, 'change:data', this._onDocumentChange);\n            }\n        });\n    }\n    /**\n\t * Initiate a search.\n\t */ find(callbackOrText, findAttributes) {\n        this._isSearchActive = true;\n        this.editor.execute('find', callbackOrText, findAttributes);\n        return this.state.results;\n    }\n    /**\n\t * Stops active results from updating, and clears out the results.\n\t */ stop() {\n        this.state.clear(this.editor.model);\n        this._isSearchActive = false;\n    }\n    /**\n\t * Sets up the commands.\n\t */ _defineCommands() {\n        this.editor.commands.add('find', new FindCommand(this.editor, this.state));\n        this.editor.commands.add('findNext', new FindNextCommand(this.editor, this.state));\n        this.editor.commands.add('findPrevious', new FindPreviousCommand(this.editor, this.state));\n        this.editor.commands.add('replace', new ReplaceCommand(this.editor, this.state));\n        this.editor.commands.add('replaceAll', new ReplaceAllCommand(this.editor, this.state));\n    }\n    /**\n\t * Sets up the marker downcast converters for search results highlighting.\n\t */ _defineConverters() {\n        const { editor } = this;\n        // Setup the marker highlighting conversion.\n        editor.conversion.for('editingDowncast').markerToHighlight({\n            model: 'findResult',\n            view: ({ markerName })=>{\n                const [, id] = markerName.split(':');\n                // Marker removal from the view has a bug: https://github.com/ckeditor/ckeditor5/issues/7499\n                // A minimal option is to return a new object for each converted marker...\n                return {\n                    name: 'span',\n                    classes: [\n                        'ck-find-result'\n                    ],\n                    attributes: {\n                        // ...however, adding a unique attribute should be future-proof..\n                        'data-find-result': id\n                    }\n                };\n            }\n        });\n        editor.conversion.for('editingDowncast').markerToHighlight({\n            model: 'findResultHighlighted',\n            view: ({ markerName })=>{\n                const [, id] = markerName.split(':');\n                // Marker removal from the view has a bug: https://github.com/ckeditor/ckeditor5/issues/7499\n                // A minimal option is to return a new object for each converted marker...\n                return {\n                    name: 'span',\n                    classes: [\n                        HIGHLIGHT_CLASS\n                    ],\n                    attributes: {\n                        // ...however, adding a unique attribute should be future-proof..\n                        'data-find-result': id\n                    }\n                };\n            }\n        });\n    }\n    /**\n\t * Reacts to document changes in order to update search list.\n\t */ _onDocumentChange = ()=>{\n        const changedNodes = new Set();\n        const removedMarkers = new Set();\n        const model = this.editor.model;\n        const { results } = this.state;\n        const changes = model.document.differ.getChanges();\n        const changedMarkers = model.document.differ.getChangedMarkers();\n        // Get nodes in which changes happened to re-run a search callback on them.\n        changes.forEach((change)=>{\n            if (!change.position) {\n                return;\n            }\n            if (change.name === '$text' || change.position.nodeAfter && model.schema.isInline(change.position.nodeAfter)) {\n                changedNodes.add(change.position.parent);\n                [\n                    ...model.markers.getMarkersAtPosition(change.position)\n                ].forEach((markerAtChange)=>{\n                    removedMarkers.add(markerAtChange.name);\n                });\n            } else if (change.type === 'insert' && change.position.nodeAfter) {\n                changedNodes.add(change.position.nodeAfter);\n            }\n        });\n        // Get markers from removed nodes also.\n        changedMarkers.forEach(({ name, data: { newRange } })=>{\n            if (newRange && newRange.start.root.rootName === '$graveyard') {\n                removedMarkers.add(name);\n            }\n        });\n        // Get markers from the updated nodes and remove all (search will be re-run on these nodes).\n        changedNodes.forEach((node)=>{\n            const markersInNode = [\n                ...model.markers.getMarkersIntersectingRange(model.createRangeIn(node))\n            ];\n            markersInNode.forEach((marker)=>removedMarkers.add(marker.name));\n        });\n        // Remove results from the changed part of content.\n        removedMarkers.forEach((markerName)=>{\n            if (!results.has(markerName)) {\n                return;\n            }\n            if (results.get(markerName) === this.state.highlightedResult) {\n                this.state.highlightedResult = null;\n            }\n            results.remove(markerName);\n        });\n        // Run search callback again on updated nodes.\n        const changedSearchResults = [];\n        const findAndReplaceUtils = this.editor.plugins.get('FindAndReplaceUtils');\n        changedNodes.forEach((nodeToCheck)=>{\n            const changedNodeSearchResults = findAndReplaceUtils.updateFindResultFromRange(model.createRangeOn(nodeToCheck), model, this.state.lastSearchCallback, results);\n            changedSearchResults.push(...changedNodeSearchResults);\n        });\n        changedMarkers.forEach((markerToCheck)=>{\n            // Handle search result highlight update when T&C plugin is active.\n            // Lookup is performed only on newly inserted markers.\n            if (markerToCheck.data.newRange) {\n                const changedNodeSearchResults = findAndReplaceUtils.updateFindResultFromRange(markerToCheck.data.newRange, model, this.state.lastSearchCallback, results);\n                changedSearchResults.push(...changedNodeSearchResults);\n            }\n        });\n        if (!this.state.highlightedResult && changedSearchResults.length) {\n            // If there are found phrases but none is selected, select the first one.\n            this.state.highlightedResult = changedSearchResults[0];\n        } else {\n            // If there is already highlight item then refresh highlight offset after appending new items.\n            this.state.refreshHighlightOffset(model);\n        }\n    };\n}\n\n/**\n * The find and replace plugin.\n *\n * For a detailed overview, check the {@glink features/find-and-replace Find and replace feature documentation}.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * The {@link module:find-and-replace/findandreplaceediting~FindAndReplaceEditing find and replace editing feature},\n * * The {@link module:find-and-replace/findandreplaceui~FindAndReplaceUI find and replace UI feature}\n */ class FindAndReplace extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FindAndReplaceEditing,\n            FindAndReplaceUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FindAndReplace';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const ui = this.editor.plugins.get('FindAndReplaceUI');\n        const findAndReplaceEditing = this.editor.plugins.get('FindAndReplaceEditing');\n        const state = findAndReplaceEditing.state;\n        ui.on('findNext', (event, data)=>{\n            // Data is contained only for the \"find\" button.\n            if (data) {\n                state.searchText = data.searchText;\n                findAndReplaceEditing.find(data.searchText, data);\n            } else {\n                // Find next arrow button press.\n                this.editor.execute('findNext');\n            }\n        });\n        ui.on('findPrevious', (event, data)=>{\n            if (data && state.searchText !== data.searchText) {\n                findAndReplaceEditing.find(data.searchText);\n            } else {\n                // Subsequent calls.\n                this.editor.execute('findPrevious');\n            }\n        });\n        ui.on('replace', (event, data)=>{\n            if (state.searchText !== data.searchText) {\n                findAndReplaceEditing.find(data.searchText);\n            }\n            const highlightedResult = state.highlightedResult;\n            if (highlightedResult) {\n                this.editor.execute('replace', data.replaceText, highlightedResult);\n            }\n        });\n        ui.on('replaceAll', (event, data)=>{\n            // The state hadn't been yet built for this search text.\n            if (state.searchText !== data.searchText) {\n                findAndReplaceEditing.find(data.searchText);\n            }\n            this.editor.execute('replaceAll', data.replaceText, state.results);\n        });\n        // Reset the state when the user invalidated last search results, for instance,\n        // by starting typing another search query or changing options.\n        ui.on('searchReseted', ()=>{\n            state.clear(this.editor.model);\n            findAndReplaceEditing.stop();\n        });\n    }\n}\n\nexport { FindAndReplace, FindAndReplaceEditing, FindAndReplaceFormView, FindAndReplaceState, FindAndReplaceUI, FindAndReplaceUtils, FindCommand, FindNextCommand, FindPreviousCommand, FindReplaceCommandBase, ReplaceAllCommand, ReplaceCommand, sortSearchResultsByMarkerPositions as _sortFindResultsByMarkerPositions };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/ui/findandreplaceformview\n */\n\nimport {\n\tView,\n\tButtonView,\n\tLabeledFieldView,\n\n\tFocusCycler,\n\tcreateLabeledInputText,\n\tsubmitHandler,\n\tViewCollection,\n\n\ttype Template,\n\ttype InputView,\n\ttype FocusableView,\n\tSwitchButtonView,\n\tCollapsibleView\n} from 'ckeditor5/src/ui.js';\n\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\tRect,\n\tisVisible,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\n\n// See: #8833.\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';\nimport '../../theme/findandreplaceform.css';\nimport { IconPreviousArrow } from 'ckeditor5/src/icons.js';\n\n/**\n * The find and replace form view class.\n *\n * See {@link module:find-and-replace/ui/findandreplaceformview~FindAndReplaceFormView}.\n */\nexport class FindAndReplaceFormView extends View {\n\t/**\n\t * A collection of child views.\n\t */\n\tpublic children: ViewCollection;\n\n\t/**\n\t * Stores the number of matched search results.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public matchCount: number;\n\n\t/**\n\t * The offset of currently highlighted search result in {@link #matchCount matched results}.\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly highlightOffset: number;\n\n\t/**\n\t * `true` when the search params (find text, options) has been changed by the user since\n\t * the last time find was executed. `false` otherwise.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public isDirty: boolean;\n\n\t/**\n\t * A live object with the aggregated `isEnabled` states of editor commands related to find and\n\t * replace. For instance, it may look as follows:\n\t *\n\t * ```json\n\t * {\n\t * \tfindNext: true,\n\t * \tfindPrevious: true,\n\t * \treplace: false,\n\t * \treplaceAll: false\n\t * }\n\t * ```\n\t *\n\t * @internal\n\t * @observable\n\t */\n\tdeclare public readonly _areCommandsEnabled: Record<string, boolean>;\n\n\t/**\n\t * The content of the counter label displaying the index of the current highlighted match\n\t * on top of the find input, for instance \"3 of 50\".\n\t *\n\t * @internal\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _resultsCounterText: string;\n\n\t/**\n\t * The flag reflecting the state of the \"Match case\" switch button in the search options\n\t * dropdown.\n\t *\n\t * @internal\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _matchCase: boolean;\n\n\t/**\n\t * The flag reflecting the state of the \"Whole words only\" switch button in the search options\n\t * dropdown.\n\t *\n\t * @internal\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public _wholeWordsOnly: boolean;\n\n\t/**\n\t * This flag is set `true` when some matches were found and the user didn't change the search\n\t * params (text to find, options) yet. This is only possible immediately after hitting the \"Find\" button.\n\t * `false` when there were no matches (see {@link #matchCount}) or the user changed the params (see {@link #isDirty}).\n\t *\n\t * It is used to control the enabled state of the replace UI (input and buttons); replacing text is only possible\n\t * if this flag is `true`.\n\t *\n\t * @internal\n\t * @observable\n\t */\n\tdeclare public readonly _searchResultsFound: boolean;\n\n\t/**\n\t * The find in text input view that stores the searched string.\n\t *\n\t * @internal\n\t */\n\tpublic readonly _findInputView: LabeledFieldView<InputView>;\n\n\t/**\n\t * The replace input view.\n\t */\n\tprivate readonly _replaceInputView: LabeledFieldView;\n\n\t/**\n\t * The find button view that initializes the search process.\n\t */\n\tprivate readonly _findButtonView: ButtonView;\n\n\t/**\n\t * The find previous button view.\n\t */\n\tprivate readonly _findPrevButtonView: ButtonView;\n\n\t/**\n\t * The find next button view.\n\t */\n\tprivate readonly _findNextButtonView: ButtonView;\n\n\t/**\n\t * A collapsible view aggregating the advanced search options.\n\t */\n\tprivate readonly _advancedOptionsCollapsibleView: CollapsibleView;\n\n\t/**\n\t * A switch button view controlling the \"Match case\" option.\n\t */\n\tprivate readonly _matchCaseSwitchView: SwitchButtonView;\n\n\t/**\n\t * A switch button view controlling the \"Whole words only\" option.\n\t */\n\tprivate readonly _wholeWordsOnlySwitchView: SwitchButtonView;\n\n\t/**\n\t * The replace button view.\n\t */\n\tprivate readonly _replaceButtonView: ButtonView;\n\n\t/**\n\t * The replace all button view.\n\t */\n\tprivate readonly _replaceAllButtonView: ButtonView;\n\n\t/**\n\t * The `div` aggregating the inputs.\n\t */\n\tprivate readonly _inputsDivView: View;\n\n\t/**\n\t * The `div` aggregating the action buttons.\n\t */\n\tprivate readonly _actionButtonsDivView: View;\n\n\t/**\n\t * Tracks information about the DOM focus in the form.\n\t */\n\tprivate readonly _focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tprivate readonly _keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprivate readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tpublic readonly focusCycler: FocusCycler;\n\n\tpublic declare locale: Locale;\n\n\t/**\n\t * Creates a view of find and replace form.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst t = locale.t;\n\n\t\tthis.children = this.createCollection();\n\n\t\tthis.set( 'matchCount', 0 );\n\n\t\tthis.set( 'highlightOffset', 0 );\n\n\t\tthis.set( 'isDirty', false );\n\n\t\tthis.set( '_areCommandsEnabled', {} );\n\n\t\tthis.set( '_resultsCounterText', '' );\n\n\t\tthis.set( '_matchCase', false );\n\n\t\tthis.set( '_wholeWordsOnly', false );\n\n\t\tthis.bind( '_searchResultsFound' ).to(\n\t\t\tthis, 'matchCount',\n\t\t\tthis, 'isDirty',\n\t\t\t( matchCount, isDirty ) => {\n\t\t\t\treturn matchCount > 0 && !isDirty;\n\t\t\t}\n\t\t);\n\n\t\tthis._findInputView = this._createInputField( t( 'Find in text…' ) );\n\n\t\tthis._findPrevButtonView = this._createButton( {\n\t\t\tlabel: t( 'Previous result' ),\n\t\t\tclass: 'ck-button-prev',\n\t\t\ticon: IconPreviousArrow,\n\t\t\tkeystroke: 'Shift+F3',\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tthis._findNextButtonView = this._createButton( {\n\t\t\tlabel: t( 'Next result' ),\n\t\t\tclass: 'ck-button-next',\n\t\t\ticon: IconPreviousArrow,\n\t\t\tkeystroke: 'F3',\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tthis._replaceInputView = this._createInputField( t( 'Replace with…' ), 'ck-labeled-field-replace' );\n\n\t\tthis._inputsDivView = this._createInputsDiv();\n\n\t\tthis._matchCaseSwitchView = this._createMatchCaseSwitch();\n\t\tthis._wholeWordsOnlySwitchView = this._createWholeWordsOnlySwitch();\n\n\t\tthis._advancedOptionsCollapsibleView = this._createAdvancedOptionsCollapsible();\n\n\t\tthis._replaceAllButtonView = this._createButton( {\n\t\t\tlabel: t( 'Replace all' ),\n\t\t\tclass: 'ck-button-replaceall',\n\t\t\twithText: true\n\t\t} );\n\n\t\tthis._replaceButtonView = this._createButton( {\n\t\t\tlabel: t( 'Replace' ),\n\t\t\tclass: 'ck-button-replace',\n\t\t\twithText: true\n\t\t} );\n\n\t\tthis._findButtonView = this._createButton( {\n\t\t\tlabel: t( 'Find' ),\n\t\t\tclass: 'ck-button-find ck-button-action',\n\t\t\twithText: true\n\t\t} );\n\n\t\tthis._actionButtonsDivView = this._createActionButtonsDiv();\n\n\t\tthis._focusTracker = new FocusTracker();\n\n\t\tthis._keystrokes = new KeystrokeHandler();\n\n\t\tthis._focusables = new ViewCollection();\n\n\t\tthis.focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this._focusTracker,\n\t\t\tkeystrokeHandler: this._keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the <kbd>Tab</kbd> key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.children.addMany( [\n\t\t\tthis._inputsDivView,\n\t\t\tthis._advancedOptionsCollapsibleView,\n\t\t\tthis._actionButtonsDivView\n\t\t] );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-find-and-replace-form'\n\t\t\t\t],\n\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tsubmitHandler( { view: this } );\n\n\t\tthis._initFocusCycling();\n\t\tthis._initKeystrokeHandling();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis._focusTracker.destroy();\n\t\tthis._keystrokes.destroy();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus( direction?: 1 | -1 ): void {\n\t\tif ( direction === -1 ) {\n\t\t\tthis.focusCycler.focusLast();\n\t\t} else {\n\t\t\tthis.focusCycler.focusFirst();\n\t\t}\n\t}\n\n\t/**\n\t * Resets the form before re-appearing.\n\t *\n\t * It clears error messages, hides the match counter and disables the replace feature\n\t * until the next hit of the \"Find\" button.\n\t *\n\t * **Note**: It does not reset inputs and options, though. This way the form works better in editors with\n\t * disappearing toolbar (e.g. BalloonEditor): hiding the toolbar by accident (together with the find and replace UI)\n\t * does not require filling the entire form again.\n\t */\n\tpublic reset(): void {\n\t\tthis._findInputView.errorText = null;\n\t\tthis.isDirty = true;\n\t}\n\n\t/**\n\t * Returns the value of the find input.\n\t */\n\tprivate get _textToFind(): string {\n\t\treturn ( this._findInputView.fieldView.element as HTMLInputElement ).value;\n\t}\n\n\t/**\n\t * Returns the value of the replace input.\n\t */\n\tprivate get _textToReplace() {\n\t\treturn ( this._replaceInputView.fieldView.element as HTMLInputElement ).value;\n\t}\n\n\t/**\n\t * Configures and returns the `<div>` aggregating all form inputs.\n\t */\n\tprivate _createInputsDiv(): View {\n\t\tconst locale = this.locale;\n\t\tconst t = locale.t;\n\t\tconst inputsDivView = new View( locale );\n\n\t\t// Typing in the find field invalidates all previous results (the form is \"dirty\").\n\t\tthis._findInputView.fieldView.on( 'input', () => {\n\t\t\tthis.isDirty = true;\n\t\t} );\n\n\t\t// Pressing prev/next buttons fires related event on the form.\n\t\tthis._findPrevButtonView.delegate( 'execute' ).to( this, 'findPrevious' );\n\t\tthis._findNextButtonView.delegate( 'execute' ).to( this, 'findNext' );\n\n\t\t// Prev/next buttons will be disabled when related editor command gets disabled.\n\t\tthis._findPrevButtonView.bind( 'isEnabled' ).to( this, '_areCommandsEnabled', ( { findPrevious } ) => findPrevious );\n\t\tthis._findNextButtonView.bind( 'isEnabled' ).to( this, '_areCommandsEnabled', ( { findNext } ) => findNext );\n\n\t\tthis._injectFindResultsCounter();\n\n\t\tthis._replaceInputView.bind( 'isEnabled' ).to(\n\t\t\tthis, '_areCommandsEnabled',\n\t\t\tthis, '_searchResultsFound',\n\t\t\t( { replace }, resultsFound ) => replace && resultsFound );\n\n\t\tthis._replaceInputView.bind( 'infoText' ).to(\n\t\t\tthis._replaceInputView, 'isEnabled',\n\t\t\tthis._replaceInputView, 'isFocused',\n\t\t\t( isEnabled, isFocused ) => {\n\t\t\t\tif ( isEnabled || !isFocused ) {\n\t\t\t\t\treturn '';\n\t\t\t\t}\n\n\t\t\t\treturn t( 'Tip: Find some text first in order to replace it.' );\n\t\t\t} );\n\n\t\tinputsDivView.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-find-and-replace-form__inputs' ]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tthis._findInputView,\n\t\t\t\tthis._findPrevButtonView,\n\t\t\t\tthis._findNextButtonView,\n\t\t\t\tthis._replaceInputView\n\t\t\t]\n\t\t} );\n\n\t\treturn inputsDivView;\n\t}\n\n\t/**\n\t * The action performed when the {@link #_findButtonView} is pressed.\n\t */\n\tprivate _onFindButtonExecute() {\n\t\t// When hitting \"Find\" in an empty input, an error should be displayed.\n\t\t// Also, if the form was \"dirty\", it should remain so.\n\t\tif ( !this._textToFind ) {\n\t\t\tconst t = this.t!;\n\n\t\t\tthis._findInputView.errorText = t( 'Text to find must not be empty.' );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Hitting \"Find\" automatically clears the dirty state.\n\t\tthis.isDirty = false;\n\n\t\tthis.fire<FindNextEvent>( 'findNext', {\n\t\t\tsearchText: this._textToFind,\n\t\t\tmatchCase: this._matchCase,\n\t\t\twholeWords: this._wholeWordsOnly\n\t\t} );\n\t}\n\n\t/**\n\t * Configures an injects the find results counter displaying a \"N of M\" label of the {@link #_findInputView}.\n\t */\n\tprivate _injectFindResultsCounter() {\n\t\tconst locale = this.locale;\n\t\tconst t = locale.t;\n\t\tconst bind = this.bindTemplate;\n\t\tconst resultsCounterView = new View( this.locale );\n\n\t\tthis.bind( '_resultsCounterText' ).to( this, 'highlightOffset', this, 'matchCount',\n\t\t\t( highlightOffset, matchCount ) => t( '%0 of %1', [ highlightOffset, matchCount ] )\n\t\t);\n\n\t\tresultsCounterView.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-results-counter',\n\t\t\t\t\t// The counter only makes sense when the field text corresponds to search results in the editing.\n\t\t\t\t\tbind.if( 'isDirty', 'ck-hidden' )\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttext: bind.to( '_resultsCounterText' )\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\t// The whole idea is that when the text of the counter changes, its width also increases/decreases and\n\t\t// it consumes more or less space over the input. The input, on the other hand, should adjust it's right\n\t\t// padding so its *entire* text always remains visible and available to the user.\n\t\tconst updateFindInputPadding = () => {\n\t\t\tconst inputElement = this._findInputView.fieldView.element;\n\n\t\t\t// Don't adjust the padding if the input (also: counter) were not rendered or not inserted into DOM yet.\n\t\t\tif ( !inputElement || !isVisible( inputElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst counterWidth = new Rect( resultsCounterView.element! ).width;\n\t\t\tconst paddingPropertyName = locale.uiLanguageDirection === 'ltr' ? 'paddingRight' : 'paddingLeft';\n\n\t\t\tif ( !counterWidth ) {\n\t\t\t\tinputElement.style[ paddingPropertyName ] = '';\n\t\t\t} else {\n\t\t\t\tinputElement.style[ paddingPropertyName ] = `calc( 2 * var(--ck-spacing-standard) + ${ counterWidth }px )`;\n\t\t\t}\n\t\t};\n\n\t\t// Adjust the input padding when the text of the counter changes, for instance \"1 of 200\" is narrower than \"123 of 200\".\n\t\t// Using \"low\" priority to let the text be set by the template binding first.\n\t\tthis.on( 'change:_resultsCounterText', updateFindInputPadding, { priority: 'low' } );\n\n\t\t// Adjust the input padding when the counter shows or hides. When hidden, there should be no padding. When it shows, the\n\t\t// padding should be set according to the text of the counter.\n\t\t// Using \"low\" priority to let the text be set by the template binding first.\n\t\tthis.on( 'change:isDirty', updateFindInputPadding, { priority: 'low' } );\n\n\t\t// Put the counter element next to the <input> in the find field.\n\t\t( this._findInputView.template!.children![ 0 ] as Template ).children!.push( resultsCounterView );\n\t}\n\n\t/**\n\t * Creates the collapsible view aggregating the advanced search options.\n\t */\n\tprivate _createAdvancedOptionsCollapsible(): CollapsibleView {\n\t\tconst t = this.locale.t;\n\t\tconst collapsible = new CollapsibleView( this.locale, [\n\t\t\tthis._matchCaseSwitchView,\n\t\t\tthis._wholeWordsOnlySwitchView\n\t\t] );\n\n\t\tcollapsible.set( {\n\t\t\tlabel: t( 'Advanced options' ),\n\t\t\tisCollapsed: true\n\t\t} );\n\n\t\treturn collapsible;\n\t}\n\n\t/**\n\t * Configures and returns the `<div>` element aggregating all form action buttons.\n\t */\n\tprivate _createActionButtonsDiv(): View {\n\t\tconst actionsDivView = new View( this.locale );\n\n\t\tthis._replaceButtonView.bind( 'isEnabled' ).to(\n\t\t\tthis, '_areCommandsEnabled',\n\t\t\tthis, '_searchResultsFound',\n\t\t\t( { replace }, resultsFound ) => replace && resultsFound );\n\n\t\tthis._replaceAllButtonView.bind( 'isEnabled' ).to(\n\t\t\tthis, '_areCommandsEnabled',\n\t\t\tthis, '_searchResultsFound',\n\t\t\t( { replaceAll }, resultsFound ) => replaceAll && resultsFound );\n\n\t\tthis._replaceButtonView.on( 'execute', () => {\n\t\t\tthis.fire( 'replace', {\n\t\t\t\tsearchText: this._textToFind,\n\t\t\t\treplaceText: this._textToReplace\n\t\t\t} );\n\t\t} );\n\n\t\tthis._replaceAllButtonView.on( 'execute', () => {\n\t\t\tthis.fire( 'replaceAll', {\n\t\t\t\tsearchText: this._textToFind,\n\t\t\t\treplaceText: this._textToReplace\n\t\t\t} );\n\n\t\t\tthis.focus();\n\t\t} );\n\n\t\tthis._findButtonView.on( 'execute', this._onFindButtonExecute.bind( this ) );\n\n\t\tactionsDivView.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-find-and-replace-form__actions' ]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tthis._replaceAllButtonView,\n\t\t\t\tthis._replaceButtonView,\n\t\t\t\tthis._findButtonView\n\t\t\t]\n\t\t} );\n\n\t\treturn actionsDivView;\n\t}\n\n\t/**\n\t * Creates, configures and returns and instance of a dropdown allowing users to narrow\n\t * the search criteria down. The dropdown has a list with switch buttons for each option.\n\t */\n\tprivate _createMatchCaseSwitch(): SwitchButtonView {\n\t\tconst t = this.locale.t;\n\n\t\tconst matchCaseSwitchButton = new SwitchButtonView( this.locale );\n\n\t\tmatchCaseSwitchButton.set( {\n\t\t\tlabel: t( 'Match case' ),\n\t\t\twithText: true\n\t\t} );\n\n\t\t// Let the switch be controlled by form's observable property.\n\t\tmatchCaseSwitchButton.bind( 'isOn' ).to( this, '_matchCase' );\n\n\t\t// // Update the state of the form when a switch is toggled.\n\t\tmatchCaseSwitchButton.on( 'execute', () => {\n\t\t\tthis._matchCase = !this._matchCase;\n\t\t\t// Toggling a switch makes the form dirty because this changes search criteria\n\t\t\t// just like typing text of the find input.\n\t\t\tthis.isDirty = true;\n\t\t} );\n\n\t\treturn matchCaseSwitchButton;\n\t}\n\n\t/**\n\t * Creates, configures and returns and instance of a dropdown allowing users to narrow\n\t * the search criteria down. The dropdown has a list with switch buttons for each option.\n\t */\n\tprivate _createWholeWordsOnlySwitch(): SwitchButtonView {\n\t\tconst t = this.locale.t;\n\n\t\tconst wholeWordsOnlySwitchButton = new SwitchButtonView( this.locale );\n\n\t\twholeWordsOnlySwitchButton.set( {\n\t\t\tlabel: t( 'Whole words only' ),\n\t\t\twithText: true\n\t\t} );\n\n\t\t// Let the switch be controlled by form's observable property.\n\t\twholeWordsOnlySwitchButton.bind( 'isOn' ).to( this, '_wholeWordsOnly' );\n\n\t\t// // Update the state of the form when a switch is toggled.\n\t\twholeWordsOnlySwitchButton.on( 'execute', () => {\n\t\t\tthis._wholeWordsOnly = !this._wholeWordsOnly;\n\t\t\t// Toggling a switch makes the form dirty because this changes search criteria\n\t\t\t// just like typing text of the find input.\n\t\t\tthis.isDirty = true;\n\t\t} );\n\n\t\treturn wholeWordsOnlySwitchButton;\n\t}\n\n\t/**\n\t * Initializes the {@link #_focusables} and {@link #_focusTracker} to allow navigation\n\t * using <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> keystrokes in the right order.\n\t */\n\tprivate _initFocusCycling() {\n\t\tconst childViews = [\n\t\t\tthis._findInputView,\n\t\t\tthis._findPrevButtonView,\n\t\t\tthis._findNextButtonView,\n\t\t\tthis._replaceInputView,\n\t\t\tthis._advancedOptionsCollapsibleView.buttonView,\n\t\t\tthis._matchCaseSwitchView,\n\t\t\tthis._wholeWordsOnlySwitchView,\n\t\t\tthis._replaceAllButtonView,\n\t\t\tthis._replaceButtonView,\n\t\t\tthis._findButtonView\n\t\t];\n\n\t\tchildViews.forEach( v => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( v );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis._focusTracker.add( v.element! );\n\t\t} );\n\t}\n\n\t/**\n\t * Initializes the keystroke handling in the form.\n\t */\n\tprivate _initKeystrokeHandling() {\n\t\tconst stopPropagation = ( data: Event ) => data.stopPropagation();\n\t\tconst stopPropagationAndPreventDefault = ( data: Event ) => {\n\t\t\tdata.stopPropagation();\n\t\t\tdata.preventDefault();\n\t\t};\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis._keystrokes.listenTo( this.element! );\n\n\t\t// Find the next result upon F3.\n\t\tthis._keystrokes.set( 'f3', event => {\n\t\t\tstopPropagationAndPreventDefault( event );\n\n\t\t\tthis._findNextButtonView.fire( 'execute' );\n\t\t} );\n\n\t\t// Find the previous result upon F3.\n\t\tthis._keystrokes.set( 'shift+f3', event => {\n\t\t\tstopPropagationAndPreventDefault( event );\n\n\t\t\tthis._findPrevButtonView.fire( 'execute' );\n\t\t} );\n\n\t\t// Find or replace upon pressing Enter in the find and replace fields.\n\t\tthis._keystrokes.set( 'enter', event => {\n\t\t\tconst target = event.target;\n\n\t\t\tif ( target === this._findInputView.fieldView.element ) {\n\t\t\t\tif ( this._areCommandsEnabled.findNext ) {\n\t\t\t\t\tthis._findNextButtonView.fire( 'execute' );\n\t\t\t\t} else {\n\t\t\t\t\tthis._findButtonView.fire( 'execute' );\n\t\t\t\t}\n\t\t\t\tstopPropagationAndPreventDefault( event );\n\t\t\t} else if ( target === this._replaceInputView.fieldView.element && !this.isDirty ) {\n\t\t\t\tthis._replaceButtonView.fire( 'execute' );\n\t\t\t\tstopPropagationAndPreventDefault( event );\n\t\t\t}\n\t\t} );\n\n\t\t// Find previous upon pressing Shift+Enter in the find field.\n\t\tthis._keystrokes.set( 'shift+enter', event => {\n\t\t\tconst target = event.target;\n\n\t\t\tif ( target !== this._findInputView.fieldView.element ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( this._areCommandsEnabled.findPrevious ) {\n\t\t\t\tthis._findPrevButtonView.fire( 'execute' );\n\t\t\t} else {\n\t\t\t\tthis._findButtonView.fire( 'execute' );\n\t\t\t}\n\n\t\t\tstopPropagationAndPreventDefault( event );\n\t\t} );\n\n\t\t// Since the form is in the dropdown panel which is a child of the toolbar, the toolbar's\n\t\t// keystroke handler would take over the key management in the URL input.\n\t\t// We need to prevent this ASAP. Otherwise, the basic caret movement using the arrow keys will be impossible.\n\t\tthis._keystrokes.set( 'arrowright', stopPropagation );\n\t\tthis._keystrokes.set( 'arrowleft', stopPropagation );\n\t\tthis._keystrokes.set( 'arrowup', stopPropagation );\n\t\tthis._keystrokes.set( 'arrowdown', stopPropagation );\n\t}\n\n\t/**\n\t * Creates a button view.\n\t *\n\t * @param options The properties of the `ButtonView`.\n\t * @returns The button view instance.\n\t */\n\tprivate _createButton( options: object ): ButtonView {\n\t\tconst button = new ButtonView( this.locale );\n\n\t\tbutton.set( options );\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a labeled input view.\n\t *\n\t * @param label The input label.\n\t * @returns The labeled input view instance.\n\t */\n\tprivate _createInputField( label: string, className?: string ): LabeledFieldView<InputView> {\n\t\tconst labeledInput = new LabeledFieldView( this.locale, createLabeledInputText );\n\n\t\tlabeledInput.label = label;\n\t\tlabeledInput.class = className;\n\n\t\treturn labeledInput;\n\t}\n}\n\n/**\n * Fired when the find next button is triggered.\n *\n * @eventName ~FindAndReplaceFormView#findNext\n * @param data The event data.\n */\nexport type FindNextEvent = {\n\tname: 'findNext';\n\targs: [ data?: FindNextEventData ];\n};\n\nexport type FindNextEventData = FindEventBaseData & {\n\tmatchCase: boolean;\n\twholeWords: boolean;\n};\n\n/**\n * Fired when the find previous button is triggered.\n *\n * @eventName ~FindAndReplaceFormView#findPrevious\n * @param data The event data.\n */\nexport type FindPreviousEvent = {\n\tname: 'findPrevious';\n\targs: [ data?: FindEventBaseData ];\n};\n\n/**\n * Base type for all find/replace events.\n */\nexport type FindEventBaseData = {\n\tsearchText: string;\n};\n\n/**\n * Fired when the replace button is triggered.\n *\n * @eventName ~FindAndReplaceFormView#replace\n * @param data The event data.\n */\nexport type ReplaceEvent = {\n\tname: 'replace';\n\targs: [ data: ReplaceEventData ];\n};\n\nexport type ReplaceEventData = FindEventBaseData & {\n\treplaceText: string;\n};\n\n/**\n * Fired when the replaceAll button is triggered.\n *\n * @eventName ~FindAndReplaceFormView#replaceAll\n * @param data The event data.\n */\nexport type ReplaceAllEvent = {\n\tname: 'replaceAll';\n\targs: [ data: ReplaceEventData ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/findandreplaceui\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { IconFindReplace } from 'ckeditor5/src/icons.js';\nimport {\n\tButtonView,\n\tMenuBarMenuListItemButtonView,\n\tDialog,\n\tDialogViewPosition,\n\tcreateDropdown,\n\tDropdownView,\n\tFormHeaderView,\n\tCssTransitionDisablerMixin,\n\ttype ViewWithCssTransitionDisabler\n} from 'ckeditor5/src/ui.js';\nimport { FindAndReplaceFormView } from './ui/findandreplaceformview.js';\nimport { type FindAndReplaceEditing } from './findandreplaceediting.js';\nimport { type FindNextCommand } from './findnextcommand.js';\nimport { type FindPreviousCommand } from './findpreviouscommand.js';\nimport { type ReplaceCommand } from './replacecommand.js';\nimport { type ReplaceAllCommand } from './replaceallcommand.js';\n\n/**\n * The default find and replace UI.\n *\n * It registers the `'findAndReplace'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}.\n * that uses the {@link module:find-and-replace/findandreplace~FindAndReplace FindAndReplace} plugin API.\n */\nexport class FindAndReplaceUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Dialog ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FindAndReplaceUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * A reference to the find and replace form view.\n\t */\n\tpublic formView: FindAndReplaceFormView & ViewWithCssTransitionDisabler | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'findAndReplace.uiType', 'dialog' );\n\n\t\tthis.formView = null;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst isUiUsingDropdown = editor.config.get( 'findAndReplace.uiType' ) === 'dropdown';\n\t\tconst findCommand = editor.commands.get( 'find' )!;\n\t\tconst t = this.editor.t;\n\n\t\t// Register the toolbar component: dropdown or button (that opens a dialog).\n\t\teditor.ui.componentFactory.add( 'findAndReplace', () => {\n\t\t\tlet view: DropdownView | ButtonView;\n\n\t\t\tif ( isUiUsingDropdown ) {\n\t\t\t\tview = this._createDropdown();\n\n\t\t\t\t// Button should be disabled when in source editing mode. See #10001.\n\t\t\t\tview.bind( 'isEnabled' ).to( findCommand );\n\t\t\t} else {\n\t\t\t\tview = this._createDialogButtonForToolbar();\n\t\t\t}\n\n\t\t\teditor.keystrokes.set( 'Ctrl+F', ( data, cancelEvent ) => {\n\t\t\t\tif ( !findCommand.isEnabled ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( view instanceof DropdownView ) {\n\t\t\t\t\tconst dropdownButtonView = view.buttonView;\n\n\t\t\t\t\tif ( !dropdownButtonView.isOn ) {\n\t\t\t\t\t\tdropdownButtonView.fire( 'execute' );\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif ( view.isOn ) {\n\t\t\t\t\t\t// If the dialog is open, do not close it. Instead focus it.\n\t\t\t\t\t\t// Unfortunately we can't simply use:\n\t\t\t\t\t\t// \tthis.formView!.focus();\n\t\t\t\t\t\t// because it would always move focus to the first input field, which we don't want.\n\t\t\t\t\t\teditor.plugins.get( 'Dialog' ).view!.focus();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tview.fire( 'execute' );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tcancelEvent();\n\t\t\t} );\n\n\t\t\treturn view;\n\t\t} );\n\n\t\tif ( !isUiUsingDropdown ) {\n\t\t\teditor.ui.componentFactory.add( 'menuBar:findAndReplace', () => {\n\t\t\t\treturn this._createDialogButtonForMenuBar();\n\t\t\t} );\n\t\t}\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Find in the document' ),\n\t\t\t\t\tkeystroke: 'CTRL+F'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a dropdown containing the find and replace form.\n\t */\n\tprivate _createDropdown(): DropdownView {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst dropdownView = createDropdown( editor.locale );\n\n\t\tdropdownView.once( 'change:isOpen', () => {\n\t\t\tthis.formView = this._createFormView();\n\t\t\tthis.formView.children.add(\n\t\t\t\tnew FormHeaderView( editor.locale, {\n\t\t\t\t\tlabel: t( 'Find and replace' )\n\t\t\t\t} ),\n\t\t\t\t0\n\t\t\t);\n\n\t\t\tdropdownView.panelView.children.add( this.formView );\n\t\t} );\n\n\t\t// Every time a dropdown is opened, the search text field should get focused and selected for better UX.\n\t\t// Note: Using the low priority here to make sure the following listener starts working after\n\t\t// the default action of the drop-down is executed (i.e. the panel showed up). Otherwise,\n\t\t// the invisible form/input cannot be focused/selected.\n\t\t//\n\t\t// Each time a dropdown is closed, move the focus back to the find and replace toolbar button\n\t\t// and let the find and replace editing feature know that all search results can be invalidated\n\t\t// and no longer should be marked in the content.\n\t\tdropdownView.on( 'change:isOpen', ( event, name, isOpen ) => {\n\t\t\tif ( isOpen ) {\n\t\t\t\tthis._setupFormView();\n\t\t\t} else {\n\t\t\t\tthis.fire( 'searchReseted' );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\n\t\tdropdownView.buttonView.set( {\n\t\t\ticon: IconFindReplace,\n\t\t\tlabel: t( 'Find and replace' ),\n\t\t\tkeystroke: 'CTRL+F',\n\t\t\ttooltip: true\n\t\t} );\n\n\t\treturn dropdownView;\n\t}\n\n\t/**\n\t * Creates a button that opens a dialog with the find and replace form.\n\t */\n\tprivate _createDialogButtonForToolbar(): ButtonView {\n\t\tconst editor = this.editor;\n\t\tconst buttonView = this._createButton( ButtonView );\n\t\tconst dialog = editor.plugins.get( 'Dialog' );\n\n\t\tbuttonView.set( {\n\t\t\ttooltip: true\n\t\t} );\n\n\t\t// Button should be on when the find and replace dialog is opened.\n\t\tbuttonView.bind( 'isOn' ).to( dialog, 'id', id => id === 'findAndReplace' );\n\n\t\t// Every time a dialog is opened, the search text field should get focused and selected for better UX.\n\t\t// Each time a dialog is closed, move the focus back to the find and replace toolbar button\n\t\t// and let the find and replace editing feature know that all search results can be invalidated\n\t\t// and no longer should be marked in the content.\n\t\tbuttonView.on( 'execute', () => {\n\t\t\tif ( buttonView.isOn ) {\n\t\t\t\tdialog.hide();\n\t\t\t} else {\n\t\t\t\tthis._showDialog();\n\t\t\t}\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n\n\t/**\n\t * Creates a button for for menu bar that will show find and replace dialog.\n\t */\n\tprivate _createDialogButtonForMenuBar(): MenuBarMenuListItemButtonView {\n\t\tconst buttonView = this._createButton( MenuBarMenuListItemButtonView );\n\t\tconst dialogPlugin = this.editor.plugins.get( 'Dialog' );\n\t\tconst dialog = this.editor.plugins.get( 'Dialog' );\n\n\t\tbuttonView.set( {\n\t\t\trole: 'menuitemcheckbox',\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\t// Button should be on when the find and replace dialog is opened.\n\t\tbuttonView.bind( 'isOn' ).to( dialog, 'id', id => id === 'findAndReplace' );\n\n\t\tbuttonView.on( 'execute', () => {\n\t\t\tif ( dialogPlugin.id === 'findAndReplace' ) {\n\t\t\t\tdialogPlugin.hide();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._showDialog();\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n\n\t/**\n\t * Creates a button for find and replace command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst findCommand = editor.commands.get( 'find' )!;\n\t\tconst buttonView = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst t = editor.locale.t;\n\n\t\t// Button should be disabled when in source editing mode. See #10001.\n\t\tbuttonView.bind( 'isEnabled' ).to( findCommand );\n\n\t\tbuttonView.set( {\n\t\t\ticon: IconFindReplace,\n\t\t\tlabel: t( 'Find and replace' ),\n\t\t\tkeystroke: 'CTRL+F'\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n\n\t/**\n\t * Shows the find and replace dialog.\n\t */\n\tprivate _showDialog(): void {\n\t\tconst editor = this.editor;\n\t\tconst dialog = editor.plugins.get( 'Dialog' );\n\t\tconst t = editor.locale.t;\n\n\t\tif ( !this.formView ) {\n\t\t\tthis.formView = this._createFormView();\n\t\t}\n\n\t\tdialog.show( {\n\t\t\tid: 'findAndReplace',\n\t\t\ttitle: t( 'Find and replace' ),\n\t\t\tcontent: this.formView,\n\t\t\tposition: DialogViewPosition.EDITOR_TOP_SIDE,\n\t\t\tonShow: () => {\n\t\t\t\tthis._setupFormView();\n\t\t\t},\n\n\t\t\tonHide: () => {\n\t\t\t\tthis.fire( 'searchReseted' );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Sets up the form view for the findN and replace.\n\t */\n\tprivate _createFormView(): FindAndReplaceFormView & ViewWithCssTransitionDisabler {\n\t\tconst editor = this.editor;\n\t\tconst formView = new ( CssTransitionDisablerMixin( FindAndReplaceFormView ) )( editor.locale );\n\t\tconst commands = editor.commands;\n\t\tconst findAndReplaceEditing: FindAndReplaceEditing = this.editor.plugins.get( 'FindAndReplaceEditing' );\n\t\tconst editingState = findAndReplaceEditing.state!;\n\n\t\tformView.bind( 'highlightOffset' ).to( editingState, 'highlightedOffset' );\n\n\t\t// Let the form know how many results were found in total.\n\t\tformView.listenTo( editingState.results, 'change', () => {\n\t\t\tformView.matchCount = editingState.results.length;\n\t\t} );\n\n\t\t// Command states are used to enable/disable individual form controls.\n\t\t// To keep things simple, instead of binding 4 individual observables, there's only one that combines every\n\t\t// commands' isEnabled state. Yes, it will change more often but this simplifies the structure of the form.\n\t\tconst findNextCommand: FindNextCommand = commands.get( 'findNext' )!;\n\t\tconst findPreviousCommand: FindPreviousCommand = commands.get( 'findPrevious' )!;\n\t\tconst replaceCommand: ReplaceCommand = commands.get( 'replace' )!;\n\t\tconst replaceAllCommand: ReplaceAllCommand = commands.get( 'replaceAll' )!;\n\t\tformView.bind( '_areCommandsEnabled' ).to(\n\t\t\tfindNextCommand, 'isEnabled',\n\t\t\tfindPreviousCommand, 'isEnabled',\n\t\t\treplaceCommand, 'isEnabled',\n\t\t\treplaceAllCommand, 'isEnabled',\n\t\t\t( findNext, findPrevious, replace, replaceAll ) => ( { findNext, findPrevious, replace, replaceAll } )\n\t\t);\n\n\t\t// The UI plugin works as an interface between the form and the editing part of the feature.\n\t\tformView.delegate( 'findNext', 'findPrevious', 'replace', 'replaceAll' ).to( this );\n\n\t\t// Let the feature know that search results are no longer relevant because the user changed the searched phrase\n\t\t// (or options) but didn't hit the \"Find\" button yet (e.g. still typing).\n\t\tformView.on( 'change:isDirty', ( evt, data, isDirty ) => {\n\t\t\tif ( isDirty ) {\n\t\t\t\tthis.fire( 'searchReseted' );\n\t\t\t}\n\t\t} );\n\n\t\treturn formView;\n\t}\n\n\t/**\n\t * Clears the find and replace form and focuses the search text field.\n\t */\n\tprivate _setupFormView(): void {\n\t\tthis.formView!.disableCssTransitions();\n\t\tthis.formView!.reset();\n\t\tthis.formView!._findInputView.fieldView.select();\n\t\tthis.formView!.enableCssTransitions();\n\t}\n}\n\n/**\n * Fired when the UI was reset and the search results marked in the editing root should be invalidated,\n * for instance, because the user changed the searched phrase (or options) but didn't hit\n * the \"Find\" button yet.\n *\n * @eventName ~FindAndReplaceUI#searchReseted\n */\nexport type FindResetedEvent = {\n\tname: 'searchReseted';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/findcommand\n*/\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { Collection } from 'ckeditor5/src/utils.js';\n\nimport type { FindAndReplaceState, FindCallback } from './findandreplacestate.js';\nimport type { FindResultType } from './findandreplace.js';\nimport { type FindAndReplaceUtils } from './findandreplaceutils.js';\n\n/**\n * The find command. It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */\nexport class FindCommand extends Command {\n\t/**\n\t * The find and replace state object used for command operations.\n\t */\n\tprivate _state: FindAndReplaceState;\n\n\t/**\n\t * Creates a new `FindCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param state An object to hold plugin state.\n\t */\n\tconstructor( editor: Editor, state: FindAndReplaceState ) {\n\t\tsuper( editor );\n\n\t\t// The find command is always enabled.\n\t\tthis.isEnabled = true;\n\n\t\t// It does not affect data so should be enabled in read-only mode.\n\t\tthis.affectsData = false;\n\n\t\tthis._state = state;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @param callbackOrText\n\t * @param options Options object.\n\t * @param options.matchCase If set to `true`, the letter case will be matched.\n\t * @param options.wholeWords If set to `true`, only whole words that match `callbackOrText` will be matched.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(\n\t\tcallbackOrText: string | FindCallback,\n\t\t{ matchCase, wholeWords }: FindAttributes = {}\n\t): { results: Collection<FindResultType>; findCallback: FindCallback } {\n\t\tconst { editor } = this;\n\t\tconst { model } = editor;\n\t\tconst findAndReplaceUtils: FindAndReplaceUtils = editor.plugins.get( 'FindAndReplaceUtils' );\n\n\t\tlet findCallback: FindCallback | undefined;\n\t\tlet callbackSearchText: string = '';\n\n\t\t// Allow to execute `find()` on a plugin with a keyword only.\n\t\tif ( typeof callbackOrText === 'string' ) {\n\t\t\tfindCallback = ( ...args ) => ( {\n\t\t\t\tresults: findAndReplaceUtils.findByTextCallback( callbackOrText, { matchCase, wholeWords } )( ...args ),\n\t\t\t\tsearchText: callbackOrText\n\t\t\t} );\n\t\t} else {\n\t\t\tfindCallback = callbackOrText;\n\t\t}\n\n\t\t// Wrap the callback to get the search text that will be assigned to the state.\n\t\tconst oldCallback = findCallback;\n\n\t\tfindCallback = ( ...args ) => {\n\t\t\tconst result = oldCallback( ...args );\n\n\t\t\tif ( result && 'searchText' in result ) {\n\t\t\t\tcallbackSearchText = result.searchText;\n\t\t\t}\n\n\t\t\treturn result;\n\t\t};\n\n\t\t// Initial search is done on all nodes in all roots inside the content.\n\t\tconst results = model.document.getRootNames()\n\t\t\t.reduce( ( ( currentResults: Collection<FindResultType> | null, rootName ) => findAndReplaceUtils.updateFindResultFromRange(\n\t\t\t\tmodel.createRangeIn( model.document.getRoot( rootName )! ),\n\t\t\t\tmodel,\n\t\t\t\tfindCallback!,\n\t\t\t\tcurrentResults\n\t\t\t) ), null )!;\n\n\t\tthis._state.clear( model );\n\t\tthis._state.results.addMany( results );\n\t\tthis._state.highlightedResult = results.get( 0 );\n\t\tthis._state.searchText = callbackSearchText;\n\n\t\tif ( findCallback ) {\n\t\t\tthis._state.lastSearchCallback = findCallback;\n\t\t}\n\n\t\tthis._state.matchCase = !!matchCase;\n\t\tthis._state.matchWholeWords = !!wholeWords;\n\n\t\treturn {\n\t\t\tresults,\n\t\t\tfindCallback\n\t\t};\n\t}\n}\n\n/**\n * The options object for the find command.\n */\nexport type FindAttributes = { matchCase?: boolean; wholeWords?: boolean };\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/findandreplacestate\n */\n\nimport type { Model, ModelItem } from 'ckeditor5/src/engine.js';\nimport { ObservableMixin, Collection, type CollectionChangeEvent, type ObservableChangeEvent } from 'ckeditor5/src/utils.js';\nimport type { FindResultType } from './findandreplace.js';\n\n/**\n * The object storing find and replace plugin state for a given editor instance.\n */\nexport class FindAndReplaceState extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * A collection of find matches.\n\t *\n\t * @observable\n\t */\n\tdeclare public results: Collection<FindResultType>;\n\n\t/**\n\t * Currently highlighted search result in {@link #results matched results}.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public highlightedResult: FindResultType | null;\n\n\t/**\n\t * Currently highlighted search result offset in {@link #results matched results}.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public highlightedOffset: number;\n\n\t/**\n\t * Searched text value.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public searchText: string;\n\n\t/**\n\t *  The most recent search callback used by the feature to find matches.\n\t *  It is used to re-run the search when user modifies the editor content.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public lastSearchCallback: FindCallback | null;\n\n\t/**\n\t * Replace text value.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public replaceText: string;\n\n\t/**\n\t * Indicates whether the matchCase checkbox has been checked.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public matchCase: boolean;\n\n\t/**\n\t * Indicates whether the matchWholeWords checkbox has been checked.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public matchWholeWords: boolean;\n\n\t/**\n\t * Creates an instance of the state.\n\t */\n\tpublic constructor( model: Model ) {\n\t\tsuper();\n\n\t\tthis.set( 'results', new Collection() );\n\t\tthis.set( 'highlightedResult', null );\n\t\tthis.set( 'highlightedOffset', 0 );\n\t\tthis.set( 'searchText', '' );\n\t\tthis.set( 'replaceText', '' );\n\t\tthis.set( 'lastSearchCallback', null );\n\t\tthis.set( 'matchCase', false );\n\t\tthis.set( 'matchWholeWords', false );\n\n\t\tthis.results.on<CollectionChangeEvent<FindResultType>>( 'change', ( eventInfo, { removed, index } ) => {\n\t\t\tif ( Array.from( removed ).length ) {\n\t\t\t\tlet highlightedResultRemoved = false;\n\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\tfor ( const removedResult of removed ) {\n\t\t\t\t\t\tif ( this.highlightedResult === removedResult ) {\n\t\t\t\t\t\t\thighlightedResultRemoved = true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( model.markers.has( removedResult.marker!.name ) ) {\n\t\t\t\t\t\t\twriter.removeMarker( removedResult.marker! );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\n\t\t\t\tif ( highlightedResultRemoved ) {\n\t\t\t\t\tconst nextHighlightedIndex = index >= this.results.length ? 0 : index;\n\t\t\t\t\tthis.highlightedResult = this.results.get( nextHighlightedIndex );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tthis.on<ObservableChangeEvent<FindResultType | null>>( 'change:highlightedResult', ( ) => {\n\t\t\tthis.refreshHighlightOffset( model );\n\t\t} );\n\t}\n\n\t/**\n\t * Cleans the state up and removes markers from the model.\n\t */\n\tpublic clear( model: Model ): void {\n\t\tthis.searchText = '';\n\n\t\tmodel.change( writer => {\n\t\t\tif ( this.highlightedResult ) {\n\t\t\t\tconst oldMatchId = this.highlightedResult.marker!.name.split( ':' )[ 1 ];\n\t\t\t\tconst oldMarker = model.markers.get( `findResultHighlighted:${ oldMatchId }` );\n\n\t\t\t\tif ( oldMarker ) {\n\t\t\t\t\twriter.removeMarker( oldMarker );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t[ ...this.results ].forEach( ( { marker } ) => {\n\t\t\t\twriter.removeMarker( marker! );\n\t\t\t} );\n\t\t} );\n\n\t\tthis.results.clear();\n\t}\n\n\t/**\n\t * Refreshes the highlight result offset based on it's index within the result list.\n\t */\n\tpublic refreshHighlightOffset( model: Model ): void {\n\t\tconst { highlightedResult, results } = this;\n\n\t\tif ( highlightedResult ) {\n\t\t\tthis.highlightedOffset = sortSearchResultsByMarkerPositions( model, [ ...results ] ).indexOf( highlightedResult ) + 1;\n\t\t} else {\n\t\t\tthis.highlightedOffset = 0;\n\t\t}\n\t}\n}\n\n/**\n * Sorts search results by marker positions. Make sure that the results are sorted in the same order as they appear in the document\n * to avoid issues with the `find next` command. Apparently, the order of the results in the state might be different than the order\n * of the markers in the model.\n *\n * @internal\n */\nexport function sortSearchResultsByMarkerPositions( model: Model, results: Array<FindResultType> ): Array<FindResultType> {\n\tconst sortMapping = { before: -1, same: 0, after: 1, different: 1 };\n\n\t// `compareWith` doesn't play well with multi-root documents, so we need to sort results by root name first\n\t// and then sort them within each root. It prevents \"random\" order of results when the document has multiple roots.\n\t// See more: https://github.com/ckeditor/ckeditor5/pull/17292#issuecomment-2442084549\n\treturn model.document.getRootNames().flatMap( rootName =>\n\t\tresults\n\t\t\t.filter( result => result.marker!.getStart().root.rootName === rootName )\n\t\t\t.sort( ( a, b ) => sortMapping[ a.marker!.getStart().compareWith( b.marker!.getStart() ) ] )\n\t);\n}\n\n/**\n * The callback function used to find matches in the document.\n */\nexport type FindCallback = ( { item, text }: { item: ModelItem; text: string } ) => FindCallbackResultObject | FindCallbackResult;\n\n/**\n * Represents the result of a find callback.\n *\n * The `searchText` attribute in the result object is used to determine if the search text has changed.\n * If returned `searchText` is different than the last search text, the search results will be invalidated\n * while searching for next item and the search will start from the beginning of the document.\n */\nexport type FindCallbackResultObject = {\n\tresults: Array<FindResultType>;\n\tsearchText: string;\n};\n\n/**\n * Represents the result of a find callback.\n *\n * @deprecated Use `FindCallbackResultObject` instead.\n */\nexport type FindCallbackResult = Array<FindResultType>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/replacecommandbase\n*/\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { FindResultType } from './findandreplace.js';\nimport { type FindAndReplaceState } from './findandreplacestate.js';\n\nexport abstract class FindReplaceCommandBase extends Command {\n\t/**\n\t * The find and replace state object used for command operations.\n\t */\n\tprotected _state: FindAndReplaceState;\n\n\t/**\n\t * Creates a new `ReplaceCommand` instance.\n\t *\n\t * @param editor Editor on which this command will be used.\n\t * @param state An object to hold plugin state.\n\t */\n\tconstructor( editor: Editor, state: FindAndReplaceState ) {\n\t\tsuper( editor );\n\n\t\t// The replace command is always enabled.\n\t\tthis.isEnabled = true;\n\n\t\tthis._state = state;\n\n\t\t// Since this command executes on particular result independent of selection, it should be checked directly in execute block.\n\t\tthis._isEnabledBasedOnSelection = false;\n\t}\n\n\tpublic abstract override execute( ...args: Array<unknown> ): void;\n\n\t/**\n\t * Common logic for both `replace` commands.\n\t * Replace a given find result by a string or a callback.\n\t *\n\t * @param result A single result from the find command.\n\t */\n\tprotected _replace( replacementText: string, result: FindResultType ): void {\n\t\tconst { model } = this.editor;\n\n\t\tconst range = result.marker!.getRange();\n\n\t\t// Don't replace a result that is in non-editable place.\n\t\tif ( !model.canEditAt( range ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\t// Don't replace a result (marker) that found its way into the $graveyard (e.g. removed by collaborators).\n\t\t\tif ( range.root.rootName === '$graveyard' ) {\n\t\t\t\tthis._state.results.remove( result );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet textAttributes = {};\n\n\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\tif ( item.is( '$text' ) || item.is( '$textProxy' ) ) {\n\t\t\t\t\ttextAttributes = item.getAttributes();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tmodel.insertContent( writer.createText( replacementText, textAttributes ), range );\n\n\t\t\tif ( this._state.results.has( result ) ) {\n\t\t\t\tthis._state.results.remove( result );\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/replacecommand\n*/\n\nimport type { FindResultType } from './findandreplace.js';\nimport { sortSearchResultsByMarkerPositions } from './findandreplacestate.js';\nimport { FindReplaceCommandBase } from './replacecommandbase.js';\n\n/**\n * The replace command. It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */\nexport class ReplaceCommand extends FindReplaceCommandBase {\n\t/**\n\t * Replace a given find result by a string or a callback.\n\t *\n\t * @param result A single result from the find command.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute( replacementText: string, result: FindResultType ): void {\n\t\t// We save highlight offset here, as the information about the highlighted result will be lost after the changes.\n\t\t//\n\t\t// It happens because result list is partially regenerated if the result is removed from the paragraph.\n\t\t// Partially means that all sibling result items that are placed in the same paragraph are removed and added again,\n\t\t// which causes the highlighted result to be malformed (usually it's set to first but it's not guaranteed).\n\t\t//\n\t\t// While this saving can be done in editing state, it's better to keep it here, as it's a part of the command logic\n\t\t// and might be super tricky to implement in multi-root documents.\n\t\t//\n\t\t// Keep in mind that the highlighted offset is indexed from 1, as it's displayed to the user. It's why we subtract 1 here.\n\t\t//\n\t\t// More info: https://github.com/ckeditor/ckeditor5/issues/16648\n\t\tconst oldHighlightOffset = Math.max( this._state!.highlightedOffset - 1, 0 );\n\n\t\tthis._replace( replacementText, result );\n\n\t\t// Let's revert the highlight offset to the previous value.\n\t\tif ( this._state!.results.length ) {\n\t\t\t// Highlight offset operates on sorted array, so we need to sort the results first.\n\t\t\t// It's not guaranteed that items in state results are sorted, usually they are, but it's not guaranteed when\n\t\t\t// the result is removed from the paragraph with other highlighted results.\n\t\t\tconst sortedResults = sortSearchResultsByMarkerPositions( this.editor.model, [ ...this._state!.results ] );\n\n\t\t\t// Just make sure that we don't overflow the results array, so use modulo.\n\t\t\tthis._state!.highlightedResult = sortedResults[ oldHighlightOffset % sortedResults.length ];\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/replaceallcommand\n */\n\nimport { Collection } from 'ckeditor5/src/utils.js';\nimport type { FindResultType } from './findandreplace.js';\nimport { type FindAndReplaceUtils } from './findandreplaceutils.js';\nimport { FindReplaceCommandBase } from './replacecommandbase.js';\n\n/**\n * The replace all command. It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */\nexport class ReplaceAllCommand extends FindReplaceCommandBase {\n\t/**\n\t * Replaces all the occurrences of `textToReplace` with a given `newText` string.\n\t *\n\t * ```ts\n\t *\treplaceAllCommand.execute( 'replaceAll', 'new text replacement', 'text to replace' );\n\t * ```\n\t *\n\t * Alternatively you can call it from editor instance:\n\t *\n\t * ```ts\n\t *\teditor.execute( 'replaceAll', 'new text', 'old text' );\n\t * ```\n\t *\n\t * @param newText Text that will be inserted to the editor for each match.\n\t * @param textToReplace Text to be replaced or a collection of matches\n\t * as returned by the find command.\n\t *\n\t * @fires module:core/command~Command#event:execute\n\t */\n\tpublic override execute( newText: string, textToReplace: string | Collection<FindResultType> ): void {\n\t\tconst { editor } = this;\n\t\tconst { model } = editor;\n\t\tconst findAndReplaceUtils: FindAndReplaceUtils = editor.plugins.get( 'FindAndReplaceUtils' );\n\n\t\tconst results = textToReplace instanceof Collection ?\n\t\t\ttextToReplace : model.document.getRootNames()\n\t\t\t\t.reduce( ( ( currentResults: Collection<FindResultType> | null, rootName ) => findAndReplaceUtils.updateFindResultFromRange(\n\t\t\t\t\tmodel.createRangeIn( model.document.getRoot( rootName )! ),\n\t\t\t\t\tmodel,\n\t\t\t\t\tfindAndReplaceUtils.findByTextCallback( textToReplace, this._state ),\n\t\t\t\t\tcurrentResults\n\t\t\t\t) ), null as Collection<FindResultType> | null )!;\n\n\t\tif ( results.length ) {\n\t\t\t// Wrapped in single change will batch it into one transaction.\n\t\t\tmodel.change( () => {\n\t\t\t\t[ ...results ].forEach( searchResult => {\n\t\t\t\t\t// Just reuse logic from the replace command to replace a single match.\n\t\t\t\t\tthis._replace( newText, searchResult );\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/findnextcommand\n*/\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { type FindAndReplaceState } from './findandreplacestate.js';\n\n/**\n * The find next command. Moves the highlight to the next search result.\n *\n * It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */\nexport class FindNextCommand extends Command {\n\t/**\n\t * The find and replace state object used for command operations.\n\t */\n\tprotected _state: FindAndReplaceState;\n\n\t/**\n\t * Creates a new `FindNextCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param state An object to hold plugin state.\n\t */\n\tconstructor( editor: Editor, state: FindAndReplaceState ) {\n\t\tsuper( editor );\n\n\t\t// It does not affect data so should be enabled in read-only mode.\n\t\tthis.affectsData = false;\n\n\t\tthis._state = state;\n\n\t\tthis.isEnabled = false;\n\n\t\tthis.listenTo( this._state.results, 'change', () => {\n\t\t\tthis.isEnabled = this._state.results.length > 1;\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.isEnabled = this._state.results.length > 1;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst results = this._state.results;\n\t\tconst currentIndex = results.getIndex( this._state.highlightedResult! );\n\t\tconst nextIndex = currentIndex + 1 >= results.length ?\n\t\t\t0 : currentIndex + 1;\n\n\t\tthis._state.highlightedResult = this._state.results.get( nextIndex );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/findpreviouscommand\n*/\n\nimport { FindNextCommand } from './findnextcommand.js';\n\n/**\n * The find previous command. Moves the highlight to the previous search result.\n *\n * It is used by the {@link module:find-and-replace/findandreplace~FindAndReplace find and replace feature}.\n */\nexport class FindPreviousCommand extends FindNextCommand {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst results = this._state.results;\n\t\tconst currentIndex = results.getIndex( this._state.highlightedResult! );\n\t\tconst previousIndex = currentIndex - 1 < 0 ?\n\t\t\tthis._state.results.length - 1 : currentIndex - 1;\n\n\t\tthis._state.highlightedResult = this._state.results.get( previousIndex );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/findandreplaceutils\n */\n\nimport type { ModelElement, ModelItem, Marker, Model, ModelRange } from 'ckeditor5/src/engine.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Collection, uid } from 'ckeditor5/src/utils.js';\nimport { escapeRegExp } from 'es-toolkit/compat';\nimport type { FindResultType } from './findandreplace.js';\n\n/**\n * A set of helpers related to find and replace.\n */\nexport class FindAndReplaceUtils extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FindAndReplaceUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Executes findCallback and updates search results list.\n\t *\n\t * @param range The model range to scan for matches.\n\t * @param model The model.\n\t * @param findCallback The callback that should return `true` if provided text matches the search term.\n\t * @param startResults An optional collection of find matches that the function should\n\t * start with. This would be a collection returned by a previous `updateFindResultFromRange()` call.\n\t * @returns A collection of objects describing find match.\n\t *\n\t * An example structure:\n\t *\n\t * ```js\n\t * {\n\t *\tid: resultId,\n\t *\tlabel: foundItem.label,\n\t *\tmarker\n\t *\t}\n\t * ```\n\t */\n\tpublic updateFindResultFromRange(\n\t\trange: ModelRange,\n\t\tmodel: Model,\n\t\tfindCallback: ( { item, text }: { item: ModelItem; text: string } ) => Array<FindResultType> | { results: Array<FindResultType> },\n\t\tstartResults: Collection<FindResultType> | null\n\t): Collection<FindResultType> {\n\t\tconst results = startResults || new Collection();\n\n\t\tconst checkIfResultAlreadyOnList = ( marker: Marker ) => results.find(\n\t\t\tmarkerItem => {\n\t\t\t\tconst { marker: resultsMarker } = markerItem;\n\n\t\t\t\tconst resultRange = resultsMarker!.getRange();\n\t\t\t\tconst markerRange = marker.getRange();\n\n\t\t\t\treturn resultRange.isEqual( markerRange );\n\t\t\t}\n\t\t);\n\n\t\tmodel.change( writer => {\n\t\t\t[ ...range ].forEach( ( { type, item } ) => {\n\t\t\t\tif ( type === 'elementStart' ) {\n\t\t\t\t\tif ( model.schema.checkChild( item, '$text' ) ) {\n\t\t\t\t\t\tlet foundItems = findCallback( {\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\ttext: this.rangeToText( model.createRangeIn( item as ModelElement ) )\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\tif ( !foundItems ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( 'results' in foundItems ) {\n\t\t\t\t\t\t\tfoundItems = foundItems.results;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfoundItems.forEach( foundItem => {\n\t\t\t\t\t\t\tconst resultId = `findResult:${ uid() }`;\n\t\t\t\t\t\t\tconst marker = writer.addMarker( resultId, {\n\t\t\t\t\t\t\t\tusingOperation: false,\n\t\t\t\t\t\t\t\taffectsData: false,\n\t\t\t\t\t\t\t\trange: writer.createRange(\n\t\t\t\t\t\t\t\t\twriter.createPositionAt( item, foundItem.start ),\n\t\t\t\t\t\t\t\t\twriter.createPositionAt( item, foundItem.end )\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t\tconst index = findInsertIndex( results, marker );\n\n\t\t\t\t\t\t\tif ( !checkIfResultAlreadyOnList( marker ) ) {\n\t\t\t\t\t\t\t\tresults.add(\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tid: resultId,\n\t\t\t\t\t\t\t\t\t\tlabel: foundItem.label,\n\t\t\t\t\t\t\t\t\t\tmarker\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\n\t\treturn results;\n\t}\n\n\t/**\n\t * Returns text representation of a range. The returned text length should be the same as range length.\n\t * In order to achieve this, this function will replace inline elements (text-line) as new line character (\"\\n\").\n\t *\n\t * @param range The model range.\n\t * @returns The text content of the provided range.\n\t */\n\tpublic rangeToText( range: ModelRange ): string {\n\t\treturn Array.from( range.getItems( { shallow: true } ) ).reduce( ( rangeText, node ) => {\n\t\t\t// Trim text to a last occurrence of an inline element and update range start.\n\t\t\tif ( !( node.is( '$text' ) || node.is( '$textProxy' ) ) ) {\n\t\t\t\t// Editor has only one inline element defined in schema: `<softBreak>` which is treated as new line character in blocks.\n\t\t\t\t// Special handling might be needed for other inline elements (inline widgets).\n\t\t\t\treturn `${ rangeText }\\n`;\n\t\t\t}\n\n\t\t\treturn rangeText + node.data;\n\t\t}, '' );\n\t}\n\n\t/**\n\t * Creates a text matching callback for a specified search term and matching options.\n\t *\n\t * @param searchTerm The search term.\n\t * @param options Matching options.\n\t * \t- options.matchCase=false If set to `true` letter casing will be ignored.\n\t * \t- options.wholeWords=false If set to `true` only whole words that match `callbackOrText` will be matched.\n\t */\n\tpublic findByTextCallback(\n\t\tsearchTerm: string,\n\t\toptions: { matchCase?: boolean; wholeWords?: boolean }\n\t): ( { item, text }: { item: ModelItem; text: string } ) => Array<FindResultType> {\n\t\tlet flags = 'gu';\n\n\t\tif ( !options.matchCase ) {\n\t\t\tflags += 'i';\n\t\t}\n\n\t\tlet regExpQuery = `(${ escapeRegExp( searchTerm ) })`;\n\n\t\tif ( options.wholeWords ) {\n\t\t\tconst nonLetterGroup = '[^a-zA-Z\\u00C0-\\u024F\\u1E00-\\u1EFF]';\n\n\t\t\tif ( !new RegExp( '^' + nonLetterGroup ).test( searchTerm ) ) {\n\t\t\t\tregExpQuery = `(^|${ nonLetterGroup }|_)${ regExpQuery }`;\n\t\t\t}\n\n\t\t\tif ( !new RegExp( nonLetterGroup + '$' ).test( searchTerm ) ) {\n\t\t\t\tregExpQuery = `${ regExpQuery }(?=_|${ nonLetterGroup }|$)`;\n\t\t\t}\n\t\t}\n\n\t\tconst regExp = new RegExp( regExpQuery, flags );\n\n\t\tfunction findCallback( { text }: { text: string } ) {\n\t\t\tconst matches = [ ...text.matchAll( regExp ) ];\n\n\t\t\treturn matches.map( regexpMatchToFindResult );\n\t\t}\n\n\t\treturn findCallback;\n\t}\n}\n\n// Finds the appropriate index in the resultsList Collection.\nfunction findInsertIndex( resultsList: Collection<any>, markerToInsert: Marker ) {\n\tconst result = resultsList.find( ( { marker } ) => {\n\t\treturn markerToInsert.getStart().isBefore( marker.getStart() );\n\t} );\n\n\treturn result ? resultsList.getIndex( result ) : resultsList.length;\n}\n\n/**\n *  Maps RegExp match result to find result.\n */\nfunction regexpMatchToFindResult( matchResult: RegExpMatchArray ): FindResultType {\n\tconst lastGroupIndex = matchResult.length - 1;\n\n\tlet startOffset = matchResult.index!;\n\n\t// Searches with match all flag have an extra matching group with empty string or white space matched before the word.\n\t// If the search term starts with the space already, there is no extra group even with match all flag on.\n\tif ( matchResult.length === 3 ) {\n\t\tstartOffset += matchResult[ 1 ].length;\n\t}\n\n\treturn {\n\t\tlabel: matchResult[ lastGroupIndex ],\n\t\tstart: startOffset,\n\t\tend: startOffset + matchResult[ lastGroupIndex ].length\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/findandreplaceediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { DifferItem, DifferItemAttribute, ModelElement, ModelNode } from 'ckeditor5/src/engine.js';\nimport {\n\tscrollViewportToShowTarget,\n\ttype Collection,\n\ttype GetCallback,\n\ttype ObservableChangeEvent\n} from 'ckeditor5/src/utils.js';\n\nimport { FindCommand, type FindAttributes } from './findcommand.js';\nimport { ReplaceCommand } from './replacecommand.js';\nimport { ReplaceAllCommand } from './replaceallcommand.js';\nimport { FindNextCommand } from './findnextcommand.js';\nimport { FindPreviousCommand } from './findpreviouscommand.js';\nimport { FindAndReplaceState, type FindCallback } from './findandreplacestate.js';\nimport { FindAndReplaceUtils } from './findandreplaceutils.js';\nimport type { FindResultType } from './findandreplace.js';\n\nimport { debounce } from 'es-toolkit/compat';\n\nimport '../theme/findandreplace.css';\n\nconst HIGHLIGHT_CLASS = 'ck-find-result_selected';\n\n/**\n * Implements the editing part for find and replace plugin. For example conversion, commands etc.\n */\nexport class FindAndReplaceEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FindAndReplaceUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FindAndReplaceEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'FAR';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * An object storing the find and replace state within a given editor instance.\n\t */\n\tpublic state?: FindAndReplaceState;\n\n\t/**\n\t * A flag that indicates that the user has started a search and the editor is listening for changes\n\t * to the text on which it will perform an automatic search. Among other things, the mode is activated\n\t * when the user first clicks 'Find' button and then later deactivated when the modal or search dropdown is closed.\n\t *\n\t * @internal\n\t */\n\tpublic declare _isSearchActive: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis.state = new FindAndReplaceState( this.editor.model );\n\t\tthis.set( '_isSearchActive', false );\n\n\t\tthis._defineConverters();\n\t\tthis._defineCommands();\n\n\t\tthis.listenTo( this.state, 'change:highlightedResult', ( eventInfo, name, newValue, oldValue ) => {\n\t\t\tconst { model } = this.editor;\n\n\t\t\tmodel.change( writer => {\n\t\t\t\tif ( oldValue ) {\n\t\t\t\t\tconst oldMatchId = oldValue.marker.name.split( ':' )[ 1 ];\n\t\t\t\t\tconst oldMarker = model.markers.get( `findResultHighlighted:${ oldMatchId }` );\n\n\t\t\t\t\tif ( oldMarker ) {\n\t\t\t\t\t\twriter.removeMarker( oldMarker );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( newValue ) {\n\t\t\t\t\tconst newMatchId = newValue.marker.name.split( ':' )[ 1 ];\n\t\t\t\t\twriter.addMarker( `findResultHighlighted:${ newMatchId }`, {\n\t\t\t\t\t\tusingOperation: false,\n\t\t\t\t\t\taffectsData: false,\n\t\t\t\t\t\trange: newValue.marker.getRange()\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\n\t\t/* istanbul ignore next -- @preserve */\n\t\tconst scrollToHighlightedResult: GetCallback<ObservableChangeEvent> = ( eventInfo, name, newValue ) => {\n\t\t\tif ( newValue ) {\n\t\t\t\tconst domConverter = this.editor.editing.view.domConverter;\n\t\t\t\tconst viewRange = this.editor.editing.mapper.toViewRange( newValue.marker.getRange() );\n\n\t\t\t\tscrollViewportToShowTarget( {\n\t\t\t\t\ttarget: domConverter.viewRangeToDom( viewRange ),\n\t\t\t\t\tviewportOffset: 40\n\t\t\t\t} );\n\t\t\t}\n\t\t};\n\n\t\tconst debouncedScrollListener = debounce( scrollToHighlightedResult.bind( this ), 32 );\n\t\t// Debounce scroll as highlight might be changed very frequently, e.g. when there's a replace all command.\n\t\tthis.listenTo<ObservableChangeEvent>( this.state, 'change:highlightedResult', debouncedScrollListener, { priority: 'low' } );\n\n\t\t// It's possible that the editor will get destroyed before debounced call kicks in.\n\t\t// This would result with accessing a view three that is no longer in DOM.\n\t\tthis.listenTo( this.editor, 'destroy', debouncedScrollListener.cancel );\n\n\t\tthis.on<ObservableChangeEvent<boolean>>( 'change:_isSearchActive', ( evt, name, isSearchActive ) => {\n\t\t\tif ( isSearchActive ) {\n\t\t\t\tthis.listenTo( this.editor.model.document, 'change:data', this._onDocumentChange );\n\t\t\t} else {\n\t\t\t\tthis.stopListening( this.editor.model.document, 'change:data', this._onDocumentChange );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Initiate a search.\n\t */\n\tpublic find( callbackOrText: string | FindCallback, findAttributes?: FindAttributes ): Collection<FindResultType> {\n\t\tthis._isSearchActive = true;\n\t\tthis.editor.execute( 'find', callbackOrText, findAttributes );\n\n\t\treturn this.state!.results;\n\t}\n\n\t/**\n\t * Stops active results from updating, and clears out the results.\n\t */\n\tpublic stop(): void {\n\t\tthis.state!.clear( this.editor.model );\n\t\tthis._isSearchActive = false;\n\t}\n\n\t/**\n\t * Sets up the commands.\n\t */\n\tprivate _defineCommands(): void {\n\t\tthis.editor.commands.add( 'find', new FindCommand( this.editor, this.state! ) );\n\t\tthis.editor.commands.add( 'findNext', new FindNextCommand( this.editor, this.state! ) );\n\t\tthis.editor.commands.add( 'findPrevious', new FindPreviousCommand( this.editor, this.state! ) );\n\t\tthis.editor.commands.add( 'replace', new ReplaceCommand( this.editor, this.state! ) );\n\t\tthis.editor.commands.add( 'replaceAll', new ReplaceAllCommand( this.editor, this.state! ) );\n\t}\n\n\t/**\n\t * Sets up the marker downcast converters for search results highlighting.\n\t */\n\tprivate _defineConverters(): void {\n\t\tconst { editor } = this;\n\n\t\t// Setup the marker highlighting conversion.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToHighlight( {\n\t\t\tmodel: 'findResult',\n\t\t\tview: ( { markerName } ) => {\n\t\t\t\tconst [ , id ] = markerName.split( ':' );\n\n\t\t\t\t// Marker removal from the view has a bug: https://github.com/ckeditor/ckeditor5/issues/7499\n\t\t\t\t// A minimal option is to return a new object for each converted marker...\n\t\t\t\treturn {\n\t\t\t\t\tname: 'span',\n\t\t\t\t\tclasses: [ 'ck-find-result' ],\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\t// ...however, adding a unique attribute should be future-proof..\n\t\t\t\t\t\t'data-find-result': id\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\teditor.conversion.for( 'editingDowncast' ).markerToHighlight( {\n\t\t\tmodel: 'findResultHighlighted',\n\t\t\tview: ( { markerName } ) => {\n\t\t\t\tconst [ , id ] = markerName.split( ':' );\n\n\t\t\t\t// Marker removal from the view has a bug: https://github.com/ckeditor/ckeditor5/issues/7499\n\t\t\t\t// A minimal option is to return a new object for each converted marker...\n\t\t\t\treturn {\n\t\t\t\t\tname: 'span',\n\t\t\t\t\tclasses: [ HIGHLIGHT_CLASS ],\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\t// ...however, adding a unique attribute should be future-proof..\n\t\t\t\t\t\t'data-find-result': id\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Reacts to document changes in order to update search list.\n\t */\n\tprivate _onDocumentChange = () => {\n\t\tconst changedNodes = new Set<ModelNode>();\n\t\tconst removedMarkers = new Set<string>();\n\t\tconst model = this.editor.model;\n\t\tconst { results } = this.state!;\n\n\t\tconst changes = model.document.differ.getChanges() as Array<Exclude<DifferItem, DifferItemAttribute>>;\n\t\tconst changedMarkers = model.document.differ.getChangedMarkers();\n\n\t\t// Get nodes in which changes happened to re-run a search callback on them.\n\t\tchanges.forEach( change => {\n\t\t\tif ( !change.position ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( change.name === '$text' || ( change.position.nodeAfter && model.schema.isInline( change.position.nodeAfter ) ) ) {\n\t\t\t\tchangedNodes.add( change.position.parent as ModelElement );\n\n\t\t\t\t[ ...model.markers.getMarkersAtPosition( change.position ) ].forEach( markerAtChange => {\n\t\t\t\t\tremovedMarkers.add( markerAtChange.name );\n\t\t\t\t} );\n\t\t\t} else if ( change.type === 'insert' && change.position.nodeAfter ) {\n\t\t\t\tchangedNodes.add( change.position.nodeAfter );\n\t\t\t}\n\t\t} );\n\n\t\t// Get markers from removed nodes also.\n\t\tchangedMarkers.forEach( ( { name, data: { newRange } } ) => {\n\t\t\tif ( newRange && newRange.start.root.rootName === '$graveyard' ) {\n\t\t\t\tremovedMarkers.add( name );\n\t\t\t}\n\t\t} );\n\n\t\t// Get markers from the updated nodes and remove all (search will be re-run on these nodes).\n\t\tchangedNodes.forEach( node => {\n\t\t\tconst markersInNode = [ ...model.markers.getMarkersIntersectingRange( model.createRangeIn( node as ModelElement ) ) ];\n\n\t\t\tmarkersInNode.forEach( marker => removedMarkers.add( marker.name ) );\n\t\t} );\n\n\t\t// Remove results from the changed part of content.\n\t\tremovedMarkers.forEach( markerName => {\n\t\t\tif ( !results.has( markerName ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( results.get( markerName ) === this.state!.highlightedResult ) {\n\t\t\t\tthis.state!.highlightedResult = null;\n\t\t\t}\n\n\t\t\tresults.remove( markerName );\n\t\t} );\n\n\t\t// Run search callback again on updated nodes.\n\t\tconst changedSearchResults: Array<FindResultType> = [];\n\t\tconst findAndReplaceUtils: FindAndReplaceUtils = this.editor.plugins.get( 'FindAndReplaceUtils' );\n\n\t\tchangedNodes.forEach( nodeToCheck => {\n\t\t\tconst changedNodeSearchResults = findAndReplaceUtils.updateFindResultFromRange(\n\t\t\t\tmodel.createRangeOn( nodeToCheck ), model, this.state!.lastSearchCallback!, results\n\t\t\t);\n\n\t\t\tchangedSearchResults.push( ...changedNodeSearchResults );\n\t\t} );\n\n\t\tchangedMarkers.forEach( markerToCheck => {\n\t\t\t// Handle search result highlight update when T&C plugin is active.\n\t\t\t// Lookup is performed only on newly inserted markers.\n\t\t\tif ( markerToCheck.data.newRange ) {\n\t\t\t\tconst changedNodeSearchResults = findAndReplaceUtils.updateFindResultFromRange(\n\t\t\t\t\tmarkerToCheck.data.newRange, model, this.state!.lastSearchCallback!, results\n\t\t\t\t);\n\n\t\t\t\tchangedSearchResults.push( ...changedNodeSearchResults );\n\t\t\t}\n\t\t} );\n\n\t\tif ( !this.state!.highlightedResult && changedSearchResults.length ) {\n\t\t\t// If there are found phrases but none is selected, select the first one.\n\t\t\tthis.state!.highlightedResult = changedSearchResults[ 0 ];\n\t\t} else {\n\t\t\t// If there is already highlight item then refresh highlight offset after appending new items.\n\t\t\tthis.state!.refreshHighlightOffset( model );\n\t\t}\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 find-and-replace/findandreplace\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { FindAndReplaceUI, type FindResetedEvent } from './findandreplaceui.js';\nimport { FindAndReplaceEditing } from './findandreplaceediting.js';\nimport type { Marker } from 'ckeditor5/src/engine.js';\nimport type { FindNextEvent, FindPreviousEvent, ReplaceAllEvent, ReplaceEvent } from './ui/findandreplaceformview.js';\n\nexport type FindResultType = {\n\tid?: string;\n\tlabel?: string;\n\tstart?: number;\n\tend?: number;\n\tmarker?: Marker;\n};\n\n/**\n * The find and replace plugin.\n *\n * For a detailed overview, check the {@glink features/find-and-replace Find and replace feature documentation}.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * The {@link module:find-and-replace/findandreplaceediting~FindAndReplaceEditing find and replace editing feature},\n * * The {@link module:find-and-replace/findandreplaceui~FindAndReplaceUI find and replace UI feature}\n */\nexport class FindAndReplace extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FindAndReplaceEditing, FindAndReplaceUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FindAndReplace' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst ui = this.editor.plugins.get( 'FindAndReplaceUI' );\n\t\tconst findAndReplaceEditing = this.editor.plugins.get( 'FindAndReplaceEditing' );\n\t\tconst state = findAndReplaceEditing.state!;\n\n\t\tui.on<FindNextEvent>( 'findNext', ( event, data ) => {\n\t\t\t// Data is contained only for the \"find\" button.\n\t\t\tif ( data ) {\n\t\t\t\tstate.searchText = data.searchText;\n\t\t\t\tfindAndReplaceEditing.find( data.searchText, data );\n\t\t\t} else {\n\t\t\t\t// Find next arrow button press.\n\t\t\t\tthis.editor.execute( 'findNext' );\n\t\t\t}\n\t\t} );\n\n\t\tui.on<FindPreviousEvent>( 'findPrevious', ( event, data ) => {\n\t\t\tif ( data && state.searchText !== data.searchText ) {\n\t\t\t\tfindAndReplaceEditing.find( data.searchText );\n\t\t\t} else {\n\t\t\t\t// Subsequent calls.\n\t\t\t\tthis.editor.execute( 'findPrevious' );\n\t\t\t}\n\t\t} );\n\n\t\tui.on<ReplaceEvent>( 'replace', ( event, data ) => {\n\t\t\tif ( state.searchText !== data.searchText ) {\n\t\t\t\tfindAndReplaceEditing.find( data.searchText );\n\t\t\t}\n\n\t\t\tconst highlightedResult = state.highlightedResult;\n\n\t\t\tif ( highlightedResult ) {\n\t\t\t\tthis.editor.execute( 'replace', data.replaceText, highlightedResult );\n\t\t\t}\n\t\t} );\n\n\t\tui.on<ReplaceAllEvent>( 'replaceAll', ( event, data ) => {\n\t\t\t// The state hadn't been yet built for this search text.\n\t\t\tif ( state.searchText !== data.searchText ) {\n\t\t\t\tfindAndReplaceEditing.find( data.searchText );\n\t\t\t}\n\n\t\t\tthis.editor.execute( 'replaceAll', data.replaceText, state.results );\n\t\t} );\n\n\t\t// Reset the state when the user invalidated last search results, for instance,\n\t\t// by starting typing another search query or changing options.\n\t\tui.on<FindResetedEvent>( 'searchReseted', () => {\n\t\t\tstate.clear( this.editor.model );\n\t\t\tfindAndReplaceEditing.stop();\n\t\t} );\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ColorSelectorView, createDropdown, addListToDropdown, MenuBarMenuView, MenuBarMenuListView, MenuBarMenuListItemView, MenuBarMenuListItemButtonView, UIModel, normalizeColorOptions, getLocalizedColorOptions, focusChildOnDropdownOpen } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { Collection, CKEditorError } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { IconFontFamily, IconFontSize, IconFontColor, IconFontBackground } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { isLengthStyleValue, isPercentageStyleValue, addBackgroundStylesRules } from '@ckeditor/ckeditor5-engine/dist/index.js';\n\n/**\n * The base font command.\n */ class FontCommand extends Command {\n    /**\n\t * A model attribute on which this command operates.\n\t */ attributeKey;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor Editor instance.\n\t * @param attributeKey The name of a model attribute on which this command operates.\n\t */ constructor(editor, attributeKey){\n        super(editor);\n        this.attributeKey = attributeKey;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const doc = model.document;\n        this.value = doc.selection.getAttribute(this.attributeKey);\n        this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, this.attributeKey);\n    }\n    /**\n\t * Executes the command. Applies the `value` of the {@link #attributeKey} to the selection.\n\t * If no `value` is passed, it removes the attribute from the selection.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.value The value to apply.\n\t * @fires execute\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const document = model.document;\n        const selection = document.selection;\n        const value = options.value;\n        const batch = options.batch;\n        const updateAttribute = (writer)=>{\n            if (selection.isCollapsed) {\n                if (value) {\n                    writer.setSelectionAttribute(this.attributeKey, value);\n                } else {\n                    writer.removeSelectionAttribute(this.attributeKey);\n                }\n            } else {\n                const ranges = model.schema.getValidRanges(selection.getRanges(), this.attributeKey);\n                for (const range of ranges){\n                    if (value) {\n                        writer.setAttribute(this.attributeKey, value, range);\n                    } else {\n                        writer.removeAttribute(this.attributeKey, range);\n                    }\n                }\n            }\n        };\n        // In some scenarios, you may want to use a single undo step for multiple changes (e.g. in color picker).\n        if (batch) {\n            model.enqueueChange(batch, (writer)=>{\n                updateAttribute(writer);\n            });\n        } else {\n            model.change((writer)=>{\n                updateAttribute(writer);\n            });\n        }\n    }\n}\n\n/**\n * The name of the font size plugin.\n */ const FONT_SIZE = 'fontSize';\n/**\n * The name of the font family plugin.\n */ const FONT_FAMILY = 'fontFamily';\n/**\n * The name of the font color plugin.\n */ const FONT_COLOR = 'fontColor';\n/**\n * The name of the font background color plugin.\n */ const FONT_BACKGROUND_COLOR = 'fontBackgroundColor';\n/**\n * Builds a proper converter definition out of input data.\n *\n * @internal\n */ function buildDefinition(modelAttributeKey, options) {\n    const definition = {\n        model: {\n            key: modelAttributeKey,\n            values: []\n        },\n        view: {},\n        upcastAlso: {}\n    };\n    for (const option of options){\n        definition.model.values.push(option.model);\n        definition.view[option.model] = option.view;\n        if (option.upcastAlso) {\n            definition.upcastAlso[option.model] = option.upcastAlso;\n        }\n    }\n    return definition;\n}\n/**\n * A {@link module:font/fontcolor~FontColor font color} and\n * {@link module:font/fontbackgroundcolor~FontBackgroundColor font background color} helper\n * responsible for upcasting data to the model.\n *\n * **Note**: The `styleAttr` parameter should be either `'color'` or `'background-color'`.\n *\n * @internal\n */ function renderUpcastAttribute(styleAttr) {\n    return (viewElement)=>normalizeColorCode(viewElement.getStyle(styleAttr));\n}\n/**\n * A {@link module:font/fontcolor~FontColor font color} and\n * {@link module:font/fontbackgroundcolor~FontBackgroundColor font background color} helper\n * responsible for downcasting a color attribute to a `<span>` element.\n *\n * **Note**: The `styleAttr` parameter should be either `'color'` or `'background-color'`.\n *\n * @internal\n */ function renderDowncastElement(styleAttr) {\n    return (modelAttributeValue, { writer })=>writer.createAttributeElement('span', {\n            style: `${styleAttr}:${modelAttributeValue}`\n        }, {\n            priority: 7\n        });\n}\n/**\n * A helper that adds {@link module:ui/colorselector/colorselectorview~ColorSelectorView} to the color dropdown with proper initial values.\n *\n * @param options Configuration options\n * @param options.dropdownView The dropdown view to which a {@link module:ui/colorselector/colorselectorview~ColorSelectorView}\n * will be added.\n * @param options.colors An array with definitions representing colors to be displayed in the color selector.\n * @param options.columns The number of columns in the color grid.\n * @param options.removeButtonLabel The label for the button responsible for removing the color.\n * @param options.colorPickerLabel The label for the color picker button.\n * @param options.documentColorsLabel The label for the section with document colors.\n * @param options.documentColorsCount The number of document colors inside the dropdown.\n * @param options.colorPickerViewConfig Configuration of the color picker view.\n * @returns The new color selector view.\n * @internal\n */ function addColorSelectorToDropdown({ dropdownView, colors, columns, removeButtonLabel, colorPickerLabel, documentColorsLabel, documentColorsCount, colorPickerViewConfig }) {\n    const locale = dropdownView.locale;\n    const colorSelectorView = new ColorSelectorView(locale, {\n        colors,\n        columns,\n        removeButtonLabel,\n        colorPickerLabel,\n        documentColorsLabel,\n        documentColorsCount,\n        colorPickerViewConfig\n    });\n    dropdownView.colorSelectorView = colorSelectorView;\n    dropdownView.panelView.children.add(colorSelectorView);\n    return colorSelectorView;\n}\n/**\n * Fixes the color value string.\n */ function normalizeColorCode(value) {\n    return value.replace(/\\s/g, '');\n}\n\n/**\n * The font family command. It is used by {@link module:font/fontfamily/fontfamilyediting~FontFamilyEditing}\n * to apply the font family.\n *\n * ```ts\n * editor.execute( 'fontFamily', { value: 'Arial' } );\n * ```\n *\n * **Note**: Executing the command without the value removes the attribute from the model.\n */ class FontFamilyCommand extends FontCommand {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor, FONT_FAMILY);\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module font/fontfamily/utils\n */ /**\n * Normalizes the {@link module:font/fontconfig~FontFamilyConfig#options configuration options}\n * to the {@link module:font/fontconfig~FontFamilyOption} format.\n *\n * @param configuredOptions An array of options taken from the configuration.\n * @internal\n */ function normalizeOptions$1(configuredOptions) {\n    // Convert options to objects.\n    return configuredOptions.map(getOptionDefinition$1)// Filter out undefined values that `getOptionDefinition` might return.\n    .filter((option)=>option !== undefined);\n}\n/**\n * Normalizes the CSS `font-family` property value to an array of unquoted and trimmed font faces.\n *\n * @internal\n */ function normalizeFontFamilies(fontDefinition) {\n    return fontDefinition.replace(/[\"']/g, '').split(',').map((name)=>name.trim());\n}\n/**\n * Returns an option definition either created from string shortcut.\n * If object is passed then this method will return it without alternating it. Returns undefined for item than cannot be parsed.\n *\n */ function getOptionDefinition$1(option) {\n    // Treat any object as full item definition provided by user in configuration.\n    if (typeof option === 'object') {\n        return option;\n    }\n    // Handle 'default' string as a special case. It will be used to remove the fontFamily attribute.\n    if (option === 'default') {\n        return {\n            title: 'Default',\n            model: undefined\n        };\n    }\n    // Ignore values that we cannot parse to a definition.\n    if (typeof option !== 'string') {\n        return undefined;\n    }\n    // Return font family definition from font string.\n    return generateFontPreset(option);\n}\n/**\n * Creates a predefined preset for pixel size. It deconstructs font-family like string into full configuration option.\n * A font definition is passed as coma delimited set of font family names. Font names might be quoted.\n *\n * @param fontDefinition A font definition form configuration.\n */ function generateFontPreset(fontDefinition) {\n    // Remove quotes from font names. They will be normalized later.\n    const fontNames = normalizeFontFamilies(fontDefinition);\n    // The first matched font name will be used as dropdown list item title and as model value.\n    const firstFontName = fontNames[0];\n    // CSS-compatible font names.\n    const cssFontNames = fontNames.map(normalizeFontNameForCSS).join(', ');\n    return {\n        title: firstFontName,\n        model: cssFontNames,\n        view: {\n            name: 'span',\n            styles: {\n                'font-family': cssFontNames\n            },\n            priority: 7\n        }\n    };\n}\n/**\n * Normalizes font name for the style attribute. It adds braces (') if font name contains spaces.\n */ function normalizeFontNameForCSS(fontName) {\n    fontName = fontName.trim();\n    // Compound font names should be quoted.\n    if (fontName.indexOf(' ') > 0) {\n        fontName = `'${fontName}'`;\n    }\n    return fontName;\n}\n\n/**\n * The font family editing feature.\n *\n * It introduces the {@link module:font/fontfamily/fontfamilycommand~FontFamilyCommand command} and\n * the `fontFamily` attribute in the {@link module:engine/model/model~Model model} which renders\n * in the {@link module:engine/view/view view} as an inline `<span>` element (`<span style=\"font-family: Arial\">`),\n * depending on the {@link module:font/fontconfig~FontFamilyConfig configuration}.\n */ class FontFamilyEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontFamilyEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // Define default configuration using font families shortcuts.\n        editor.config.define(FONT_FAMILY, {\n            options: [\n                'default',\n                'Arial, Helvetica, sans-serif',\n                'Courier New, Courier, monospace',\n                'Georgia, serif',\n                'Lucida Sans Unicode, Lucida Grande, sans-serif',\n                'Tahoma, Geneva, sans-serif',\n                'Times New Roman, Times, serif',\n                'Trebuchet MS, Helvetica, sans-serif',\n                'Verdana, Geneva, sans-serif'\n            ],\n            supportAllValues: false\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Allow fontFamily attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: FONT_FAMILY\n        });\n        editor.model.schema.setAttributeProperties(FONT_FAMILY, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n        // Get configured font family options without \"default\" option.\n        const options = normalizeOptions$1(editor.config.get('fontFamily.options')).filter((item)=>item.model);\n        const definition = buildDefinition(FONT_FAMILY, options);\n        // Set-up the two-way conversion.\n        if (editor.config.get('fontFamily.supportAllValues')) {\n            this._prepareAnyValueConverters();\n            this._prepareCompatibilityConverter();\n        } else {\n            editor.conversion.attributeToElement(definition);\n        }\n        editor.commands.add(FONT_FAMILY, new FontFamilyCommand(editor));\n    }\n    /**\n\t * These converters enable keeping any value found as `style=\"font-family: *\"` as a value of an attribute on a text even\n\t * if it is not defined in the plugin configuration.\n\t */ _prepareAnyValueConverters() {\n        const editor = this.editor;\n        editor.conversion.for('downcast').attributeToElement({\n            model: FONT_FAMILY,\n            view: (attributeValue, { writer })=>{\n                return writer.createAttributeElement('span', {\n                    style: 'font-family:' + attributeValue\n                }, {\n                    priority: 7\n                });\n            }\n        });\n        editor.conversion.for('upcast').elementToAttribute({\n            model: {\n                key: FONT_FAMILY,\n                value: (viewElement)=>viewElement.getStyle('font-family')\n            },\n            view: {\n                name: 'span',\n                styles: {\n                    'font-family': /.*/\n                }\n            }\n        });\n    }\n    /**\n\t * Adds support for legacy `<font face=\"..\">` formatting.\n\t */ _prepareCompatibilityConverter() {\n        const editor = this.editor;\n        editor.conversion.for('upcast').elementToAttribute({\n            view: {\n                name: 'font',\n                attributes: {\n                    'face': /.*/\n                }\n            },\n            model: {\n                key: FONT_FAMILY,\n                value: (viewElement)=>viewElement.getAttribute('face')\n            }\n        });\n    }\n}\n\n/**\n * The font family UI plugin. It introduces the `'fontFamily'` dropdown.\n */ class FontFamilyUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontFamilyUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const options = this._getLocalizedOptions();\n        const command = editor.commands.get(FONT_FAMILY);\n        const accessibleLabel = t('Font Family');\n        const listOptions = _prepareListOptions$1(options, command);\n        // Register UI component.\n        editor.ui.componentFactory.add(FONT_FAMILY, (locale)=>{\n            const dropdownView = createDropdown(locale);\n            addListToDropdown(dropdownView, listOptions, {\n                role: 'menu',\n                ariaLabel: accessibleLabel\n            });\n            dropdownView.buttonView.set({\n                label: accessibleLabel,\n                icon: IconFontFamily,\n                tooltip: true\n            });\n            dropdownView.extendTemplate({\n                attributes: {\n                    class: 'ck-font-family-dropdown'\n                }\n            });\n            dropdownView.bind('isEnabled').to(command);\n            // Execute command when an item from the dropdown is selected.\n            this.listenTo(dropdownView, 'execute', (evt)=>{\n                editor.execute(evt.source.commandName, {\n                    value: evt.source.commandParam\n                });\n                editor.editing.view.focus();\n            });\n            return dropdownView;\n        });\n        editor.ui.componentFactory.add(`menuBar:${FONT_FAMILY}`, (locale)=>{\n            const menuView = new MenuBarMenuView(locale);\n            menuView.buttonView.set({\n                label: accessibleLabel,\n                icon: IconFontFamily\n            });\n            menuView.bind('isEnabled').to(command);\n            const listView = new MenuBarMenuListView(locale);\n            for (const definition of listOptions){\n                const listItemView = new MenuBarMenuListItemView(locale, menuView);\n                const buttonView = new MenuBarMenuListItemButtonView(locale);\n                buttonView.set({\n                    role: 'menuitemradio',\n                    isToggleable: true\n                });\n                buttonView.bind(...Object.keys(definition.model)).to(definition.model);\n                buttonView.delegate('execute').to(menuView);\n                buttonView.on('execute', ()=>{\n                    editor.execute(definition.model.commandName, {\n                        value: definition.model.commandParam\n                    });\n                    editor.editing.view.focus();\n                });\n                listItemView.children.add(buttonView);\n                listView.items.add(listItemView);\n            }\n            menuView.panelView.children.add(listView);\n            return menuView;\n        });\n    }\n    /**\n\t * Returns options as defined in `config.fontFamily.options` but processed to account for\n\t * editor localization, i.e. to display {@link module:font/fontconfig~FontFamilyOption}\n\t * in the correct language.\n\t *\n\t * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}\n\t * when the user configuration is defined because the editor does not exist yet.\n\t */ _getLocalizedOptions() {\n        const editor = this.editor;\n        const t = editor.t;\n        const options = normalizeOptions$1(editor.config.get(FONT_FAMILY).options);\n        return options.map((option)=>{\n            // The only title to localize is \"Default\" others are font names.\n            if (option.title === 'Default') {\n                option.title = t('Default');\n            }\n            return option;\n        });\n    }\n}\n/**\n * Prepares FontFamily dropdown items.\n */ function _prepareListOptions$1(options, command) {\n    const itemDefinitions = new Collection();\n    // Create dropdown items.\n    for (const option of options){\n        const def = {\n            type: 'button',\n            model: new UIModel({\n                commandName: FONT_FAMILY,\n                commandParam: option.model,\n                label: option.title,\n                role: 'menuitemradio',\n                withText: true\n            })\n        };\n        def.model.bind('isOn').to(command, 'value', (value)=>{\n            // \"Default\" or check in strict font-family converters mode.\n            if (value === option.model) {\n                return true;\n            }\n            if (!value || !option.model) {\n                return false;\n            }\n            const valueNormalized = normalizeFontFamilies(value)[0].toLowerCase();\n            const optionNormalized = normalizeFontFamilies(option.model)[0].toLowerCase();\n            return valueNormalized === optionNormalized;\n        });\n        // Try to set a dropdown list item style.\n        if (option.view && typeof option.view !== 'string' && option.view.styles) {\n            def.model.set('labelStyle', `font-family: ${option.view.styles['font-family']}`);\n        }\n        itemDefinitions.add(def);\n    }\n    return itemDefinitions;\n}\n\n/**\n * The font family plugin.\n *\n * For a detailed overview, check the {@glink features/font font feature} documentatiom\n * and the {@glink api/font package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:font/fontfamily/fontfamilyediting~FontFamilyEditing} and\n * {@link module:font/fontfamily/fontfamilyui~FontFamilyUI} features in the editor.\n */ class FontFamily extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FontFamilyEditing,\n            FontFamilyUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontFamily';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The font size command. It is used by {@link module:font/fontsize/fontsizeediting~FontSizeEditing}\n * to apply the font size.\n *\n * ```ts\n * editor.execute( 'fontSize', { value: 'small' } );\n * ```\n *\n * **Note**: Executing the command without the value removes the attribute from the model.\n */ class FontSizeCommand extends FontCommand {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor, FONT_SIZE);\n    }\n}\n\n/**\n * Normalizes and translates the {@link module:font/fontconfig~FontSizeConfig#options configuration options}\n * to the {@link module:font/fontconfig~FontSizeOption} format.\n *\n * @param configuredOptions An array of options taken from the configuration.\n * @internal\n */ function normalizeOptions(configuredOptions) {\n    // Convert options to objects.\n    return configuredOptions.map((item)=>getOptionDefinition(item))// Filter out undefined values that `getOptionDefinition` might return.\n    .filter((option)=>option !== undefined);\n}\n// Default named presets map. Always create a new instance of the preset object in order to avoid modifying references.\nconst namedPresets = {\n    get tiny () {\n        return {\n            title: 'Tiny',\n            model: 'tiny',\n            view: {\n                name: 'span',\n                classes: 'text-tiny',\n                priority: 7\n            }\n        };\n    },\n    get small () {\n        return {\n            title: 'Small',\n            model: 'small',\n            view: {\n                name: 'span',\n                classes: 'text-small',\n                priority: 7\n            }\n        };\n    },\n    get big () {\n        return {\n            title: 'Big',\n            model: 'big',\n            view: {\n                name: 'span',\n                classes: 'text-big',\n                priority: 7\n            }\n        };\n    },\n    get huge () {\n        return {\n            title: 'Huge',\n            model: 'huge',\n            view: {\n                name: 'span',\n                classes: 'text-huge',\n                priority: 7\n            }\n        };\n    }\n};\n/**\n * Returns an option definition either from preset or creates one from number shortcut.\n * If object is passed then this method will return it without alternating it. Returns undefined for item than cannot be parsed.\n */ function getOptionDefinition(option) {\n    if (typeof option === 'number') {\n        option = String(option);\n    }\n    // Check whether passed option is a full item definition provided by user in configuration.\n    if (typeof option === 'object' && isFullItemDefinition(option)) {\n        return attachPriority(option);\n    }\n    const preset = findPreset(option);\n    // Item is a named preset.\n    if (preset) {\n        return attachPriority(preset);\n    }\n    // 'Default' font size. It will be used to remove the fontSize attribute.\n    if (option === 'default') {\n        return {\n            model: undefined,\n            title: 'Default'\n        };\n    }\n    // At this stage we probably have numerical value to generate a preset so parse it's value.\n    // Discard any faulty values.\n    if (isNumericalDefinition(option)) {\n        return undefined;\n    }\n    // Return font size definition from size value.\n    return generatePixelPreset(option);\n}\n/**\n * Creates a predefined preset for pixel size.\n * @param definition Font size in pixels.\n * @returns\n */ function generatePixelPreset(definition) {\n    // Extend a short (numeric value) definition.\n    if (typeof definition === 'string') {\n        definition = {\n            title: definition,\n            model: `${parseFloat(definition)}px`\n        };\n    }\n    definition.view = {\n        name: 'span',\n        styles: {\n            'font-size': definition.model\n        }\n    };\n    return attachPriority(definition);\n}\n/**\n * Adds the priority to the view element definition if missing. It's required due to ckeditor/ckeditor5#2291\n */ function attachPriority(definition) {\n    if (definition.view && typeof definition.view !== 'string' && !definition.view.priority) {\n        definition.view.priority = 7;\n    }\n    return definition;\n}\n/**\n * Returns a prepared preset definition. If passed an object, a name of preset should be defined as `model` value.\n *\n * @param definition.model A preset name.\n */ function findPreset(definition) {\n    return typeof definition === 'string' ? namedPresets[definition] : namedPresets[definition.model];\n}\n/**\n * We treat `definition` as completed if it is an object that contains `title`, `model` and `view` values.\n */ function isFullItemDefinition(definition) {\n    return definition.title && definition.model && definition.view;\n}\nfunction isNumericalDefinition(definition) {\n    let numberValue;\n    if (typeof definition === 'object') {\n        if (!definition.model) {\n            /**\n\t\t\t * Provided value as an option for {@link module:font/fontsize~FontSize} seems to invalid.\n\t\t\t *\n\t\t\t * See valid examples described in the {@link module:font/fontconfig~FontSizeConfig#options plugin configuration}.\n\t\t\t *\n\t\t\t * @error font-size-invalid-definition\n\t\t\t */ throw new CKEditorError('font-size-invalid-definition', null, definition);\n        } else {\n            numberValue = parseFloat(definition.model);\n        }\n    } else {\n        numberValue = parseFloat(definition);\n    }\n    return isNaN(numberValue);\n}\n\n// Mapping of `<font size=\"..\">` styling to CSS's `font-size` values.\nconst styleFontSize = [\n    'x-small',\n    'x-small',\n    'small',\n    'medium',\n    'large',\n    'x-large',\n    'xx-large',\n    'xxx-large'\n];\n/**\n * The font size editing feature.\n *\n * It introduces the {@link module:font/fontsize/fontsizecommand~FontSizeCommand command} and the `fontSize`\n * attribute in the {@link module:engine/model/model~Model model} which renders in the {@link module:engine/view/view view}\n * as a `<span>` element with either:\n * * a style attribute (`<span style=\"font-size:12px\">...</span>`),\n * * or a class attribute (`<span class=\"text-small\">...</span>`)\n *\n * depending on the {@link module:font/fontconfig~FontSizeConfig configuration}.\n */ class FontSizeEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontSizeEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // Define default configuration using named presets.\n        editor.config.define(FONT_SIZE, {\n            options: [\n                'tiny',\n                'small',\n                'default',\n                'big',\n                'huge'\n            ],\n            supportAllValues: false\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Allow fontSize attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: FONT_SIZE\n        });\n        editor.model.schema.setAttributeProperties(FONT_SIZE, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n        const supportAllValues = editor.config.get('fontSize.supportAllValues');\n        // Define view to model conversion.\n        const options = normalizeOptions(this.editor.config.get('fontSize.options')).filter((item)=>item.model);\n        const definition = buildDefinition(FONT_SIZE, options);\n        // Set-up the two-way conversion.\n        if (supportAllValues) {\n            this._prepareAnyValueConverters(definition);\n            this._prepareCompatibilityConverter();\n        } else {\n            editor.conversion.attributeToElement(definition);\n        }\n        // Add FontSize command.\n        editor.commands.add(FONT_SIZE, new FontSizeCommand(editor));\n    }\n    /**\n\t * These converters enable keeping any value found as `style=\"font-size: *\"` as a value of an attribute on a text even\n\t * if it is not defined in the plugin configuration.\n\t *\n\t * @param definition Converter definition out of input data.\n\t */ _prepareAnyValueConverters(definition) {\n        const editor = this.editor;\n        // If `fontSize.supportAllValues=true`, we do not allow to use named presets in the plugin's configuration.\n        const presets = definition.model.values.filter((value)=>{\n            return !isLengthStyleValue(String(value)) && !isPercentageStyleValue(String(value));\n        });\n        if (presets.length) {\n            /**\n\t\t\t * If {@link module:font/fontconfig~FontSizeConfig#supportAllValues `config.fontSize.supportAllValues`} is `true`,\n\t\t\t * you need to use numerical values as font size options.\n\t\t\t *\n\t\t\t * See valid examples described in the {@link module:font/fontconfig~FontSizeConfig#options plugin configuration}.\n\t\t\t *\n\t\t\t * @error font-size-invalid-use-of-named-presets\n\t\t\t * @param {Array.<string>} presets Invalid values.\n\t\t\t */ throw new CKEditorError('font-size-invalid-use-of-named-presets', null, {\n                presets\n            });\n        }\n        editor.conversion.for('downcast').attributeToElement({\n            model: FONT_SIZE,\n            view: (attributeValue, { writer })=>{\n                if (!attributeValue) {\n                    return;\n                }\n                return writer.createAttributeElement('span', {\n                    style: 'font-size:' + attributeValue\n                }, {\n                    priority: 7\n                });\n            }\n        });\n        editor.conversion.for('upcast').elementToAttribute({\n            model: {\n                key: FONT_SIZE,\n                value: (viewElement)=>viewElement.getStyle('font-size')\n            },\n            view: {\n                name: 'span',\n                styles: {\n                    'font-size': /.*/\n                }\n            }\n        });\n    }\n    /**\n\t * Adds support for legacy `<font size=\"..\">` formatting.\n\t */ _prepareCompatibilityConverter() {\n        const editor = this.editor;\n        editor.conversion.for('upcast').elementToAttribute({\n            view: {\n                name: 'font',\n                attributes: {\n                    // Documentation mentions sizes from 1 to 7. To handle old content we support all values\n                    // up to 999 but clamp it to the valid range. Why 999? It should cover accidental values\n                    // similar to percentage, e.g. 100%, 200% which could be the usual mistake for font size.\n                    'size': /^[+-]?\\d{1,3}$/\n                }\n            },\n            model: {\n                key: FONT_SIZE,\n                value: (viewElement)=>{\n                    const value = viewElement.getAttribute('size');\n                    const isRelative = value[0] === '-' || value[0] === '+';\n                    let size = parseInt(value, 10);\n                    if (isRelative) {\n                        // Add relative size (which can be negative) to the default size = 3.\n                        size = 3 + size;\n                    }\n                    const maxSize = styleFontSize.length - 1;\n                    const clampedSize = Math.min(Math.max(size, 0), maxSize);\n                    return styleFontSize[clampedSize];\n                }\n            }\n        });\n    }\n}\n\n/**\n * The font size UI plugin. It introduces the `'fontSize'` dropdown.\n */ class FontSizeUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontSizeUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const options = this._getLocalizedOptions();\n        const command = editor.commands.get(FONT_SIZE);\n        const accessibleLabel = t('Font Size');\n        const listOptions = _prepareListOptions(options, command);\n        // Register UI component.\n        editor.ui.componentFactory.add(FONT_SIZE, (locale)=>{\n            const dropdownView = createDropdown(locale);\n            addListToDropdown(dropdownView, listOptions, {\n                role: 'menu',\n                ariaLabel: accessibleLabel\n            });\n            // Create dropdown model.\n            dropdownView.buttonView.set({\n                label: accessibleLabel,\n                icon: IconFontSize,\n                tooltip: true\n            });\n            dropdownView.extendTemplate({\n                attributes: {\n                    class: [\n                        'ck-font-size-dropdown'\n                    ]\n                }\n            });\n            dropdownView.bind('isEnabled').to(command);\n            // Execute command when an item from the dropdown is selected.\n            this.listenTo(dropdownView, 'execute', (evt)=>{\n                editor.execute(evt.source.commandName, {\n                    value: evt.source.commandParam\n                });\n                editor.editing.view.focus();\n            });\n            return dropdownView;\n        });\n        editor.ui.componentFactory.add(`menuBar:${FONT_SIZE}`, (locale)=>{\n            const menuView = new MenuBarMenuView(locale);\n            menuView.buttonView.set({\n                label: accessibleLabel,\n                icon: IconFontSize\n            });\n            menuView.bind('isEnabled').to(command);\n            const listView = new MenuBarMenuListView(locale);\n            for (const definition of listOptions){\n                const listItemView = new MenuBarMenuListItemView(locale, menuView);\n                const buttonView = new MenuBarMenuListItemButtonView(locale);\n                buttonView.set({\n                    role: 'menuitemradio',\n                    isToggleable: true\n                });\n                buttonView.bind(...Object.keys(definition.model)).to(definition.model);\n                buttonView.delegate('execute').to(menuView);\n                buttonView.on('execute', ()=>{\n                    editor.execute(definition.model.commandName, {\n                        value: definition.model.commandParam\n                    });\n                    editor.editing.view.focus();\n                });\n                listItemView.children.add(buttonView);\n                listView.items.add(listItemView);\n            }\n            menuView.panelView.children.add(listView);\n            return menuView;\n        });\n    }\n    /**\n\t * Returns options as defined in `config.fontSize.options` but processed to account for\n\t * editor localization, i.e. to display {@link module:font/fontconfig~FontSizeOption}\n\t * in the correct language.\n\t *\n\t * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}\n\t * when the user configuration is defined because the editor does not exist yet.\n\t */ _getLocalizedOptions() {\n        const editor = this.editor;\n        const t = editor.t;\n        const localizedTitles = {\n            Default: t('Default'),\n            Tiny: t('Tiny'),\n            Small: t('Small'),\n            Big: t('Big'),\n            Huge: t('Huge')\n        };\n        const options = normalizeOptions(editor.config.get(FONT_SIZE).options);\n        return options.map((option)=>{\n            const title = localizedTitles[option.title];\n            if (title && title != option.title) {\n                // Clone the option to avoid altering the original `namedPresets` from `./utils.js`.\n                option = Object.assign({}, option, {\n                    title\n                });\n            }\n            return option;\n        });\n    }\n}\n/**\n * Prepares FontSize dropdown items.\n */ function _prepareListOptions(options, command) {\n    const itemDefinitions = new Collection();\n    for (const option of options){\n        const def = {\n            type: 'button',\n            model: new UIModel({\n                commandName: FONT_SIZE,\n                commandParam: option.model,\n                label: option.title,\n                class: 'ck-fontsize-option',\n                role: 'menuitemradio',\n                withText: true\n            })\n        };\n        if (option.view && typeof option.view !== 'string') {\n            if (option.view.styles) {\n                def.model.set('labelStyle', `font-size:${option.view.styles['font-size']}`);\n            }\n            if (option.view.classes) {\n                def.model.set('class', `${def.model.class} ${option.view.classes}`);\n            }\n        }\n        def.model.bind('isOn').to(command, 'value', (value)=>value === option.model);\n        // Add the option to the collection.\n        itemDefinitions.add(def);\n    }\n    return itemDefinitions;\n}\n\n/**\n * The font size plugin.\n *\n * For a detailed overview, check the {@glink features/font font feature} documentation\n * and the {@glink api/font package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:font/fontsize/fontsizeediting~FontSizeEditing} and\n * {@link module:font/fontsize/fontsizeui~FontSizeUI} features in the editor.\n */ class FontSize extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FontSizeEditing,\n            FontSizeUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontSize';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * Normalizes and translates the {@link module:font/fontconfig~FontSizeConfig#options configuration options}\n\t * to the {@link module:font/fontconfig~FontSizeOption} format.\n\t *\n\t * @param options An array of options taken from the configuration.\n\t */ normalizeSizeOptions(options) {\n        return normalizeOptions(options);\n    }\n}\n\n/**\n * The font color command. It is used by {@link module:font/fontcolor/fontcolorediting~FontColorEditing}\n * to apply the font color.\n *\n * ```ts\n * editor.execute( 'fontColor', { value: 'rgb(250, 20, 20)' } );\n * ```\n *\n * **Note**: Executing the command with the `null` value removes the attribute from the model.\n */ class FontColorCommand extends FontCommand {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor, FONT_COLOR);\n    }\n}\n\n/**\n * The font color editing feature.\n *\n * It introduces the {@link module:font/fontcolor/fontcolorcommand~FontColorCommand command} and\n * the `fontColor` attribute in the {@link module:engine/model/model~Model model} which renders\n * in the {@link module:engine/view/view view} as a `<span>` element (`<span style=\"color: ...\">`),\n * depending on the {@link module:font/fontconfig~FontColorConfig configuration}.\n */ class FontColorEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontColorEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define(FONT_COLOR, {\n            colors: [\n                {\n                    color: 'hsl(0, 0%, 0%)',\n                    label: 'Black'\n                },\n                {\n                    color: 'hsl(0, 0%, 30%)',\n                    label: 'Dim grey'\n                },\n                {\n                    color: 'hsl(0, 0%, 60%)',\n                    label: 'Grey'\n                },\n                {\n                    color: 'hsl(0, 0%, 90%)',\n                    label: 'Light grey'\n                },\n                {\n                    color: 'hsl(0, 0%, 100%)',\n                    label: 'White',\n                    hasBorder: true\n                },\n                {\n                    color: 'hsl(0, 75%, 60%)',\n                    label: 'Red'\n                },\n                {\n                    color: 'hsl(30, 75%, 60%)',\n                    label: 'Orange'\n                },\n                {\n                    color: 'hsl(60, 75%, 60%)',\n                    label: 'Yellow'\n                },\n                {\n                    color: 'hsl(90, 75%, 60%)',\n                    label: 'Light green'\n                },\n                {\n                    color: 'hsl(120, 75%, 60%)',\n                    label: 'Green'\n                },\n                {\n                    color: 'hsl(150, 75%, 60%)',\n                    label: 'Aquamarine'\n                },\n                {\n                    color: 'hsl(180, 75%, 60%)',\n                    label: 'Turquoise'\n                },\n                {\n                    color: 'hsl(210, 75%, 60%)',\n                    label: 'Light blue'\n                },\n                {\n                    color: 'hsl(240, 75%, 60%)',\n                    label: 'Blue'\n                },\n                {\n                    color: 'hsl(270, 75%, 60%)',\n                    label: 'Purple'\n                }\n            ],\n            columns: 5\n        });\n        editor.conversion.for('upcast').elementToAttribute({\n            view: {\n                name: 'span',\n                styles: {\n                    'color': /[\\s\\S]+/\n                }\n            },\n            model: {\n                key: FONT_COLOR,\n                value: renderUpcastAttribute('color')\n            }\n        });\n        // Support legacy `<font color=\"..\">` formatting.\n        editor.conversion.for('upcast').elementToAttribute({\n            view: {\n                name: 'font',\n                attributes: {\n                    'color': /^#?\\w+$/\n                }\n            },\n            model: {\n                key: FONT_COLOR,\n                value: (viewElement)=>viewElement.getAttribute('color')\n            }\n        });\n        editor.conversion.for('downcast').attributeToElement({\n            model: FONT_COLOR,\n            view: renderDowncastElement('color')\n        });\n        editor.commands.add(FONT_COLOR, new FontColorCommand(editor));\n        // Allow the font color attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: FONT_COLOR\n        });\n        editor.model.schema.setAttributeProperties(FONT_COLOR, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n    }\n}\n\n/**\n * The color UI plugin which isolates the common logic responsible for displaying dropdowns with color grids.\n *\n * It is used to create the `'fontBackgroundColor'` and `'fontColor'` dropdowns, each hosting\n * a {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.\n */ class FontColorUIBase extends Plugin {\n    /**\n\t * The name of the command which will be executed when a color tile is clicked.\n\t */ commandName;\n    /**\n\t * The name of this component in the {@link module:ui/componentfactory~ComponentFactory}.\n\t * Also the configuration scope name in `editor.config`.\n\t */ componentName;\n    /**\n\t * The SVG icon used by the dropdown.\n\t */ icon;\n    /**\n\t * The label used by the dropdown.\n\t */ dropdownLabel;\n    /**\n\t * The number of columns in the color grid.\n\t */ columns;\n    /**\n\t * Creates a plugin which introduces a dropdown with a pre–configured\n\t * {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.\n\t *\n\t * @param editor An editor instance.\n\t * @param config The configuration object.\n\t * @param config.commandName The name of the command which will be executed when a color tile is clicked.\n\t * @param config.componentName The name of the dropdown in the {@link module:ui/componentfactory~ComponentFactory}\n\t * and the configuration scope name in `editor.config`.\n\t * @param config.icon The SVG icon used by the dropdown.\n\t * @param config.dropdownLabel The label used by the dropdown.\n\t */ constructor(editor, { commandName, componentName, icon, dropdownLabel }){\n        super(editor);\n        this.commandName = commandName;\n        this.componentName = componentName;\n        this.icon = icon;\n        this.dropdownLabel = dropdownLabel;\n        this.columns = editor.config.get(`${this.componentName}.columns`);\n    }\n    /**\n\t* @inheritDoc\n\t*/ init() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const t = locale.t;\n        const command = editor.commands.get(this.commandName);\n        const componentConfig = editor.config.get(this.componentName);\n        const colorsConfig = normalizeColorOptions(componentConfig.colors);\n        const localizedColors = getLocalizedColorOptions(locale, colorsConfig);\n        const documentColorsCount = componentConfig.documentColors;\n        const hasColorPicker = componentConfig.colorPicker !== false;\n        // Register the UI component.\n        editor.ui.componentFactory.add(this.componentName, (locale)=>{\n            const dropdownView = createDropdown(locale);\n            // Font color dropdown rendering is deferred once it gets open to improve performance (#6192).\n            let dropdownContentRendered = false;\n            const colorSelectorView = addColorSelectorToDropdown({\n                dropdownView,\n                colors: localizedColors.map((option)=>({\n                        label: option.label,\n                        color: option.model,\n                        options: {\n                            hasBorder: option.hasBorder\n                        }\n                    })),\n                columns: this.columns,\n                removeButtonLabel: t('Remove color'),\n                colorPickerLabel: t('Color picker'),\n                documentColorsLabel: documentColorsCount !== 0 ? t('Document colors') : '',\n                documentColorsCount: documentColorsCount === undefined ? this.columns : documentColorsCount,\n                colorPickerViewConfig: hasColorPicker ? componentConfig.colorPicker || {} : false\n            });\n            colorSelectorView.bind('selectedColor').to(command, 'value');\n            dropdownView.buttonView.set({\n                label: this.dropdownLabel,\n                icon: this.icon,\n                tooltip: true\n            });\n            dropdownView.extendTemplate({\n                attributes: {\n                    class: 'ck-color-ui-dropdown'\n                }\n            });\n            dropdownView.bind('isEnabled').to(command);\n            colorSelectorView.on('execute', (evt, data)=>{\n                if (dropdownView.isOpen) {\n                    editor.execute(this.commandName, {\n                        value: data.value,\n                        batch: this._undoStepBatch\n                    });\n                }\n                if (data.source !== 'colorPicker') {\n                    editor.editing.view.focus();\n                }\n                if (data.source === 'colorPickerSaveButton') {\n                    dropdownView.isOpen = false;\n                }\n            });\n            colorSelectorView.on('colorPicker:show', ()=>{\n                this._undoStepBatch = editor.model.createBatch();\n            });\n            colorSelectorView.on('colorPicker:cancel', ()=>{\n                if (this._undoStepBatch.operations.length) {\n                    // We need to close the dropdown before the undo batch.\n                    // Otherwise, FontColorUIBase treats undo as a selected color change,\n                    // propagating the update to the whole selection.\n                    // That's an issue if spans with various colors were selected.\n                    dropdownView.isOpen = false;\n                    editor.execute('undo', this._undoStepBatch);\n                }\n                editor.editing.view.focus();\n            });\n            dropdownView.on('change:isOpen', (evt, name, isVisible)=>{\n                if (!dropdownContentRendered) {\n                    dropdownContentRendered = true;\n                    dropdownView.colorSelectorView.appendUI();\n                }\n                if (isVisible) {\n                    if (documentColorsCount !== 0) {\n                        colorSelectorView.updateDocumentColors(editor.model, this.componentName);\n                    }\n                    colorSelectorView.updateSelectedColors();\n                    colorSelectorView.showColorGridsFragment();\n                }\n            });\n            // Accessibility: focus the first active color when opening the dropdown.\n            focusChildOnDropdownOpen(dropdownView, ()=>dropdownView.colorSelectorView.colorGridsFragmentView.staticColorsGrid.items.find((item)=>item.isOn));\n            return dropdownView;\n        });\n        // Register menu bar button..\n        editor.ui.componentFactory.add(`menuBar:${this.componentName}`, (locale)=>{\n            const menuView = new MenuBarMenuView(locale);\n            menuView.buttonView.set({\n                label: this.dropdownLabel,\n                icon: this.icon\n            });\n            menuView.bind('isEnabled').to(command);\n            // Font color sub-menu rendering is deferred once it gets open to improve performance (#6192).\n            let contentRendered = false;\n            const colorSelectorView = new ColorSelectorView(locale, {\n                colors: localizedColors.map((option)=>({\n                        label: option.label,\n                        color: option.model,\n                        options: {\n                            hasBorder: option.hasBorder\n                        }\n                    })),\n                columns: this.columns,\n                removeButtonLabel: t('Remove color'),\n                colorPickerLabel: t('Color picker'),\n                documentColorsLabel: documentColorsCount !== 0 ? t('Document colors') : '',\n                documentColorsCount: documentColorsCount === undefined ? this.columns : documentColorsCount,\n                colorPickerViewConfig: false\n            });\n            colorSelectorView.bind('selectedColor').to(command, 'value');\n            colorSelectorView.delegate('execute').to(menuView);\n            colorSelectorView.on('execute', (evt, data)=>{\n                editor.execute(this.commandName, {\n                    value: data.value,\n                    batch: this._undoStepBatch\n                });\n                editor.editing.view.focus();\n            });\n            menuView.on('change:isOpen', (evt, name, isVisible)=>{\n                if (!contentRendered) {\n                    contentRendered = true;\n                    colorSelectorView.appendUI();\n                }\n                if (isVisible) {\n                    if (documentColorsCount !== 0) {\n                        colorSelectorView.updateDocumentColors(editor.model, this.componentName);\n                    }\n                    colorSelectorView.updateSelectedColors();\n                    colorSelectorView.showColorGridsFragment();\n                }\n            });\n            menuView.panelView.children.add(colorSelectorView);\n            return menuView;\n        });\n    }\n}\n\n/**\n * The font color UI plugin. It introduces the `'fontColor'` dropdown.\n */ class FontColorUI extends FontColorUIBase {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        const t = editor.locale.t;\n        super(editor, {\n            commandName: FONT_COLOR,\n            componentName: FONT_COLOR,\n            icon: IconFontColor,\n            dropdownLabel: t('Font Color')\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontColorUI';\n    }\n}\n\n/**\n * The font color plugin.\n *\n * For a detailed overview, check the {@glink features/font font feature} documentation\n * and the {@glink api/font package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:font/fontcolor/fontcolorediting~FontColorEditing} and\n * {@link module:font/fontcolor/fontcolorui~FontColorUI} features in the editor.\n */ class FontColor extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FontColorEditing,\n            FontColorUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontColor';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The font background color command. It is used by\n * {@link module:font/fontbackgroundcolor/fontbackgroundcolorediting~FontBackgroundColorEditing}\n * to apply the font background color.\n *\n * ```ts\n * editor.execute( 'fontBackgroundColor', { value: 'rgb(250, 20, 20)' } );\n * ```\n *\n * **Note**: Executing the command with the `null` value removes the attribute from the model.\n */ class FontBackgroundColorCommand extends FontCommand {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor, FONT_BACKGROUND_COLOR);\n    }\n}\n\n/**\n * The font background color editing feature.\n *\n * It introduces the {@link module:font/fontbackgroundcolor/fontbackgroundcolorcommand~FontBackgroundColorCommand command} and\n * the `fontBackgroundColor` attribute in the {@link module:engine/model/model~Model model} which renders\n * in the {@link module:engine/view/view view} as a `<span>` element (`<span style=\"background-color: ...\">`),\n * depending on the {@link module:font/fontconfig~FontColorConfig configuration}.\n */ class FontBackgroundColorEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontBackgroundColorEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define(FONT_BACKGROUND_COLOR, {\n            colors: [\n                {\n                    color: 'hsl(0, 0%, 0%)',\n                    label: 'Black'\n                },\n                {\n                    color: 'hsl(0, 0%, 30%)',\n                    label: 'Dim grey'\n                },\n                {\n                    color: 'hsl(0, 0%, 60%)',\n                    label: 'Grey'\n                },\n                {\n                    color: 'hsl(0, 0%, 90%)',\n                    label: 'Light grey'\n                },\n                {\n                    color: 'hsl(0, 0%, 100%)',\n                    label: 'White',\n                    hasBorder: true\n                },\n                {\n                    color: 'hsl(0, 75%, 60%)',\n                    label: 'Red'\n                },\n                {\n                    color: 'hsl(30, 75%, 60%)',\n                    label: 'Orange'\n                },\n                {\n                    color: 'hsl(60, 75%, 60%)',\n                    label: 'Yellow'\n                },\n                {\n                    color: 'hsl(90, 75%, 60%)',\n                    label: 'Light green'\n                },\n                {\n                    color: 'hsl(120, 75%, 60%)',\n                    label: 'Green'\n                },\n                {\n                    color: 'hsl(150, 75%, 60%)',\n                    label: 'Aquamarine'\n                },\n                {\n                    color: 'hsl(180, 75%, 60%)',\n                    label: 'Turquoise'\n                },\n                {\n                    color: 'hsl(210, 75%, 60%)',\n                    label: 'Light blue'\n                },\n                {\n                    color: 'hsl(240, 75%, 60%)',\n                    label: 'Blue'\n                },\n                {\n                    color: 'hsl(270, 75%, 60%)',\n                    label: 'Purple'\n                }\n            ],\n            columns: 5\n        });\n        editor.data.addStyleProcessorRules(addBackgroundStylesRules);\n        editor.conversion.for('upcast').elementToAttribute({\n            view: {\n                name: 'span',\n                styles: {\n                    'background-color': /[\\s\\S]+/\n                }\n            },\n            model: {\n                key: FONT_BACKGROUND_COLOR,\n                value: renderUpcastAttribute('background-color')\n            }\n        });\n        editor.conversion.for('downcast').attributeToElement({\n            model: FONT_BACKGROUND_COLOR,\n            view: renderDowncastElement('background-color')\n        });\n        editor.commands.add(FONT_BACKGROUND_COLOR, new FontBackgroundColorCommand(editor));\n        // Allow the font backgroundColor attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: FONT_BACKGROUND_COLOR\n        });\n        editor.model.schema.setAttributeProperties(FONT_BACKGROUND_COLOR, {\n            isFormatting: true,\n            copyOnEnter: true\n        });\n    }\n}\n\n/**\n * The font background color UI plugin. It introduces the `'fontBackgroundColor'` dropdown.\n */ class FontBackgroundColorUI extends FontColorUIBase {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        const t = editor.locale.t;\n        super(editor, {\n            commandName: FONT_BACKGROUND_COLOR,\n            componentName: FONT_BACKGROUND_COLOR,\n            icon: IconFontBackground,\n            dropdownLabel: t('Font Background Color')\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontBackgroundColorUI';\n    }\n}\n\n/**\n * The font background color plugin.\n *\n * For a detailed overview, check the {@glink features/font font feature} documentation\n * and the {@glink api/font package page}.\n *\n * This is a \"glue\" plugin which loads\n * the {@link module:font/fontbackgroundcolor/fontbackgroundcolorediting~FontBackgroundColorEditing} and\n * {@link module:font/fontbackgroundcolor/fontbackgroundcolorui~FontBackgroundColorUI} features in the editor.\n */ class FontBackgroundColor extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FontBackgroundColorEditing,\n            FontBackgroundColorUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FontBackgroundColor';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * A plugin that enables a set of text styling features:\n *\n * * {@link module:font/fontsize~FontSize},\n * * {@link module:font/fontfamily~FontFamily}.\n * * {@link module:font/fontcolor~FontColor},\n * * {@link module:font/fontbackgroundcolor~FontBackgroundColor}.\n *\n * For a detailed overview, check the {@glink features/font Font feature} documentation\n * and the {@glink api/font package page}.\n */ class Font extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FontFamily,\n            FontSize,\n            FontColor,\n            FontBackgroundColor\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Font';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { Font, FontBackgroundColor, FontBackgroundColorCommand, FontBackgroundColorEditing, FontBackgroundColorUI, FontColor, FontColorCommand, FontColorEditing, FontColorUI, FontColorUIBase, FontCommand, FontFamily, FontFamilyCommand, FontFamilyEditing, FontFamilyUI, FontSize, FontSizeCommand, FontSizeEditing, FontSizeUI, addColorSelectorToDropdown as _addFontColorSelectorToDropdown, buildDefinition as _buildFontDefinition, normalizeOptions$1 as _normalizeFontFamilyOptions, normalizeOptions as _normalizeFontSizeOptions, renderDowncastElement as _renderDowncastFontElement, renderUpcastAttribute as _renderUpcastFontColorAttribute };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontcommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { type Batch, type ModelWriter } from 'ckeditor5/src/engine.js';\n\n/**\n * The base font command.\n */\nexport abstract class FontCommand extends Command {\n\t/**\n\t * When set, it reflects the {@link #attributeKey} value of the selection.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: string;\n\n\t/**\n\t * A model attribute on which this command operates.\n\t */\n\tpublic readonly attributeKey: string;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor Editor instance.\n\t * @param attributeKey The name of a model attribute on which this command operates.\n\t */\n\tconstructor( editor: Editor, attributeKey: string ) {\n\t\tsuper( editor );\n\n\t\tthis.attributeKey = attributeKey;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\n\t\tthis.value = doc.selection.getAttribute( this.attributeKey ) as string;\n\t\tthis.isEnabled = model.schema.checkAttributeInSelection( doc.selection, this.attributeKey );\n\t}\n\n\t/**\n\t * Executes the command. Applies the `value` of the {@link #attributeKey} to the selection.\n\t * If no `value` is passed, it removes the attribute from the selection.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.value The value to apply.\n\t * @fires execute\n\t */\n\tpublic override execute( options: { value?: string; batch?: Batch } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\t\tconst selection = document.selection;\n\n\t\tconst value = options.value;\n\t\tconst batch = options.batch;\n\n\t\tconst updateAttribute = ( writer: ModelWriter ) => {\n\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.setSelectionAttribute( this.attributeKey, value );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeSelectionAttribute( this.attributeKey );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst ranges = model.schema.getValidRanges( selection.getRanges(), this.attributeKey );\n\n\t\t\t\tfor ( const range of ranges ) {\n\t\t\t\t\tif ( value ) {\n\t\t\t\t\t\twriter.setAttribute( this.attributeKey, value, range );\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.removeAttribute( this.attributeKey, range );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\t// In some scenarios, you may want to use a single undo step for multiple changes (e.g. in color picker).\n\t\tif ( batch ) {\n\t\t\tmodel.enqueueChange( batch, writer => {\n\t\t\t\tupdateAttribute( writer );\n\t\t\t} );\n\t\t} else {\n\t\t\tmodel.change( writer => {\n\t\t\t\tupdateAttribute( writer );\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/utils\n */\n\nimport type { FontFamilyOption, FontSizeOption } from './fontconfig.js';\nimport { ColorSelectorView, type ColorDefinition, type ColorPickerViewConfig, type DropdownView } from 'ckeditor5/src/ui.js';\nimport type { ArrayOrItem } from 'ckeditor5/src/utils.js';\nimport type {\n\tViewAttributeElement,\n\tViewElement,\n\tMatcherPattern,\n\tViewElementDefinition,\n\tDowncastConversionApi\n} from 'ckeditor5/src/engine.js';\n\n/**\n * The name of the font size plugin.\n */\nexport const FONT_SIZE = 'fontSize';\n\n/**\n * The name of the font family plugin.\n */\nexport const FONT_FAMILY = 'fontFamily';\n\n/**\n * The name of the font color plugin.\n */\nexport const FONT_COLOR = 'fontColor';\n\n/**\n * The name of the font background color plugin.\n */\nexport const FONT_BACKGROUND_COLOR = 'fontBackgroundColor';\n\n/**\n * Builds a proper converter definition out of input data.\n *\n * @internal\n */\nexport function buildDefinition(\n\tmodelAttributeKey: string,\n\toptions: Array<FontFamilyOption> | Array<FontSizeOption>\n): FontConverterDefinition {\n\tconst definition: FontConverterDefinition = {\n\t\tmodel: {\n\t\t\tkey: modelAttributeKey,\n\t\t\tvalues: []\n\t\t},\n\t\tview: {},\n\t\tupcastAlso: {}\n\t};\n\n\tfor ( const option of options ) {\n\t\tdefinition.model.values.push( option.model! );\n\t\tdefinition.view[ option.model! ] = option.view!;\n\n\t\tif ( option.upcastAlso ) {\n\t\t\tdefinition.upcastAlso[ option.model! ] = option.upcastAlso;\n\t\t}\n\t}\n\n\treturn definition;\n}\n\n/**\n * @internal\n */\nexport type FontConverterDefinition = {\n\tmodel: { key: string; values: Array<string> };\n\tview: Record<string, ViewElementDefinition>;\n\tupcastAlso: Record<string, ArrayOrItem<MatcherPattern>>;\n};\n\n/**\n * A {@link module:font/fontcolor~FontColor font color} and\n * {@link module:font/fontbackgroundcolor~FontBackgroundColor font background color} helper\n * responsible for upcasting data to the model.\n *\n * **Note**: The `styleAttr` parameter should be either `'color'` or `'background-color'`.\n *\n * @internal\n */\nexport function renderUpcastAttribute( styleAttr: string ) {\n\treturn ( viewElement: ViewElement ): string => normalizeColorCode( viewElement.getStyle( styleAttr )! );\n}\n\n/**\n * A {@link module:font/fontcolor~FontColor font color} and\n * {@link module:font/fontbackgroundcolor~FontBackgroundColor font background color} helper\n * responsible for downcasting a color attribute to a `<span>` element.\n *\n * **Note**: The `styleAttr` parameter should be either `'color'` or `'background-color'`.\n *\n * @internal\n */\nexport function renderDowncastElement( styleAttr: string ) {\n\treturn ( modelAttributeValue: string, { writer }: DowncastConversionApi ): ViewAttributeElement =>\n\t\twriter.createAttributeElement( 'span', {\n\t\t\tstyle: `${ styleAttr }:${ modelAttributeValue }`\n\t\t}, { priority: 7 } );\n}\n\n/**\n * A helper that adds {@link module:ui/colorselector/colorselectorview~ColorSelectorView} to the color dropdown with proper initial values.\n *\n * @param options Configuration options\n * @param options.dropdownView The dropdown view to which a {@link module:ui/colorselector/colorselectorview~ColorSelectorView}\n * will be added.\n * @param options.colors An array with definitions representing colors to be displayed in the color selector.\n * @param options.columns The number of columns in the color grid.\n * @param options.removeButtonLabel The label for the button responsible for removing the color.\n * @param options.colorPickerLabel The label for the color picker button.\n * @param options.documentColorsLabel The label for the section with document colors.\n * @param options.documentColorsCount The number of document colors inside the dropdown.\n * @param options.colorPickerViewConfig Configuration of the color picker view.\n * @returns The new color selector view.\n * @internal\n */\nexport function addColorSelectorToDropdown(\n\t{\n\t\tdropdownView, colors, columns, removeButtonLabel, colorPickerLabel,\n\t\tdocumentColorsLabel, documentColorsCount, colorPickerViewConfig\n\t}: {\n\t\tdropdownView: FontColorSelectorDropdownView;\n\t\tcolors: Array<ColorDefinition>;\n\t\tcolumns: number;\n\t\tremoveButtonLabel: string;\n\t\tcolorPickerLabel: string;\n\t\tdocumentColorsLabel?: string;\n\t\tdocumentColorsCount?: number;\n\t\tcolorPickerViewConfig: ColorPickerViewConfig | false;\n\t}\n): ColorSelectorView {\n\tconst locale = dropdownView.locale!;\n\tconst colorSelectorView = new ColorSelectorView( locale, {\n\t\tcolors,\n\t\tcolumns,\n\t\tremoveButtonLabel,\n\t\tcolorPickerLabel,\n\t\tdocumentColorsLabel,\n\t\tdocumentColorsCount,\n\t\tcolorPickerViewConfig\n\t} );\n\n\tdropdownView.colorSelectorView = colorSelectorView;\n\tdropdownView.panelView.children.add( colorSelectorView );\n\n\treturn colorSelectorView;\n}\n\n/**\n * Fixes the color value string.\n */\nfunction normalizeColorCode( value: string ): string {\n\treturn value.replace( /\\s/g, '' );\n}\n\nexport type FontColorSelectorDropdownView = DropdownView & {\n\tcolorSelectorView?: ColorSelectorView;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontfamily/fontfamilycommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport { FontCommand } from '../fontcommand.js';\nimport { FONT_FAMILY } from '../utils.js';\n\n/**\n * The font family command. It is used by {@link module:font/fontfamily/fontfamilyediting~FontFamilyEditing}\n * to apply the font family.\n *\n * ```ts\n * editor.execute( 'fontFamily', { value: 'Arial' } );\n * ```\n *\n * **Note**: Executing the command without the value removes the attribute from the model.\n */\nexport class FontFamilyCommand extends FontCommand {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor, FONT_FAMILY );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport type { FontFamilyOption } from '../fontconfig.js';\n\n/**\n * @module font/fontfamily/utils\n */\n\n/**\n * Normalizes the {@link module:font/fontconfig~FontFamilyConfig#options configuration options}\n * to the {@link module:font/fontconfig~FontFamilyOption} format.\n *\n * @param configuredOptions An array of options taken from the configuration.\n * @internal\n */\nexport function normalizeOptions( configuredOptions: Array<string | FontFamilyOption> ): Array<FontFamilyOption> {\n\t// Convert options to objects.\n\treturn configuredOptions\n\t\t.map( getOptionDefinition )\n\t\t// Filter out undefined values that `getOptionDefinition` might return.\n\t\t.filter( option => option !== undefined ) as Array<FontFamilyOption>;\n}\n\n/**\n * Normalizes the CSS `font-family` property value to an array of unquoted and trimmed font faces.\n *\n * @internal\n */\nexport function normalizeFontFamilies( fontDefinition: string ): Array<string> {\n\treturn fontDefinition\n\t\t.replace( /[\"']/g, '' ).split( ',' )\n\t\t.map( name => name.trim() );\n}\n\n/**\n * Returns an option definition either created from string shortcut.\n * If object is passed then this method will return it without alternating it. Returns undefined for item than cannot be parsed.\n *\n */\nfunction getOptionDefinition( option: string | FontFamilyOption ): FontFamilyOption | undefined {\n\t// Treat any object as full item definition provided by user in configuration.\n\tif ( typeof option === 'object' ) {\n\t\treturn option;\n\t}\n\n\t// Handle 'default' string as a special case. It will be used to remove the fontFamily attribute.\n\tif ( option === 'default' ) {\n\t\treturn {\n\t\t\ttitle: 'Default',\n\t\t\tmodel: undefined\n\t\t};\n\t}\n\n\t// Ignore values that we cannot parse to a definition.\n\tif ( typeof option !== 'string' ) {\n\t\treturn undefined;\n\t}\n\n\t// Return font family definition from font string.\n\treturn generateFontPreset( option );\n}\n\n/**\n * Creates a predefined preset for pixel size. It deconstructs font-family like string into full configuration option.\n * A font definition is passed as coma delimited set of font family names. Font names might be quoted.\n *\n * @param fontDefinition A font definition form configuration.\n */\nfunction generateFontPreset( fontDefinition: string ): FontFamilyOption {\n\t// Remove quotes from font names. They will be normalized later.\n\tconst fontNames = normalizeFontFamilies( fontDefinition );\n\n\t// The first matched font name will be used as dropdown list item title and as model value.\n\tconst firstFontName = fontNames[ 0 ];\n\n\t// CSS-compatible font names.\n\tconst cssFontNames = fontNames.map( normalizeFontNameForCSS ).join( ', ' );\n\n\treturn {\n\t\ttitle: firstFontName,\n\t\tmodel: cssFontNames,\n\t\tview: {\n\t\t\tname: 'span',\n\t\t\tstyles: {\n\t\t\t\t'font-family': cssFontNames\n\t\t\t},\n\t\t\tpriority: 7\n\t\t}\n\t};\n}\n\n/**\n * Normalizes font name for the style attribute. It adds braces (') if font name contains spaces.\n */\nfunction normalizeFontNameForCSS( fontName: string ): string {\n\tfontName = fontName.trim();\n\n\t// Compound font names should be quoted.\n\tif ( fontName.indexOf( ' ' ) > 0 ) {\n\t\tfontName = `'${ fontName }'`;\n\t}\n\n\treturn fontName;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontfamily/fontfamilyediting\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport type { ViewElement } from 'ckeditor5/src/engine.js';\n\nimport { FontFamilyCommand } from './fontfamilycommand.js';\nimport { normalizeOptions } from './utils.js';\nimport { buildDefinition, FONT_FAMILY } from '../utils.js';\n\n/**\n * The font family editing feature.\n *\n * It introduces the {@link module:font/fontfamily/fontfamilycommand~FontFamilyCommand command} and\n * the `fontFamily` attribute in the {@link module:engine/model/model~Model model} which renders\n * in the {@link module:engine/view/view view} as an inline `<span>` element (`<span style=\"font-family: Arial\">`),\n * depending on the {@link module:font/fontconfig~FontFamilyConfig configuration}.\n */\nexport class FontFamilyEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontFamilyEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// Define default configuration using font families shortcuts.\n\t\teditor.config.define( FONT_FAMILY, {\n\t\t\toptions: [\n\t\t\t\t'default',\n\t\t\t\t'Arial, Helvetica, sans-serif',\n\t\t\t\t'Courier New, Courier, monospace',\n\t\t\t\t'Georgia, serif',\n\t\t\t\t'Lucida Sans Unicode, Lucida Grande, sans-serif',\n\t\t\t\t'Tahoma, Geneva, sans-serif',\n\t\t\t\t'Times New Roman, Times, serif',\n\t\t\t\t'Trebuchet MS, Helvetica, sans-serif',\n\t\t\t\t'Verdana, Geneva, sans-serif'\n\t\t\t],\n\t\t\tsupportAllValues: false\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Allow fontFamily attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: FONT_FAMILY } );\n\t\teditor.model.schema.setAttributeProperties( FONT_FAMILY, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\n\t\t// Get configured font family options without \"default\" option.\n\t\tconst options = normalizeOptions(\n\t\t\teditor.config.get( 'fontFamily.options' )!\n\t\t).filter( item => item.model );\n\t\tconst definition = buildDefinition( FONT_FAMILY, options );\n\n\t\t// Set-up the two-way conversion.\n\t\tif ( editor.config.get( 'fontFamily.supportAllValues' ) ) {\n\t\t\tthis._prepareAnyValueConverters();\n\t\t\tthis._prepareCompatibilityConverter();\n\t\t} else {\n\t\t\teditor.conversion.attributeToElement( definition );\n\t\t}\n\n\t\teditor.commands.add( FONT_FAMILY, new FontFamilyCommand( editor ) );\n\t}\n\n\t/**\n\t * These converters enable keeping any value found as `style=\"font-family: *\"` as a value of an attribute on a text even\n\t * if it is not defined in the plugin configuration.\n\t */\n\tprivate _prepareAnyValueConverters(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.conversion.for( 'downcast' ).attributeToElement( {\n\t\t\tmodel: FONT_FAMILY,\n\t\t\tview: ( attributeValue, { writer } ) => {\n\t\t\t\treturn writer.createAttributeElement( 'span', { style: 'font-family:' + attributeValue }, { priority: 7 } );\n\t\t\t}\n\t\t} );\n\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tkey: FONT_FAMILY,\n\t\t\t\tvalue: ( viewElement: ViewElement ) => viewElement.getStyle( 'font-family' )\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tstyles: {\n\t\t\t\t\t'font-family': /.*/\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Adds support for legacy `<font face=\"..\">` formatting.\n\t */\n\tprivate _prepareCompatibilityConverter(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: 'font',\n\t\t\t\tattributes: {\n\t\t\t\t\t'face': /.*/\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: FONT_FAMILY,\n\t\t\t\tvalue: ( viewElement: ViewElement ) => viewElement.getAttribute( 'face' )\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontfamily/fontfamilyui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Collection } from 'ckeditor5/src/utils.js';\nimport { IconFontFamily } from 'ckeditor5/src/icons.js';\nimport {\n\tUIModel,\n\tcreateDropdown,\n\taddListToDropdown,\n\tMenuBarMenuView,\n\tMenuBarMenuListView,\n\tMenuBarMenuListItemView,\n\tMenuBarMenuListItemButtonView,\n\ttype ListDropdownButtonDefinition\n} from 'ckeditor5/src/ui.js';\n\nimport { normalizeFontFamilies, normalizeOptions } from './utils.js';\nimport { FONT_FAMILY } from '../utils.js';\n\nimport type { FontFamilyOption } from '../fontconfig.js';\nimport { type FontFamilyCommand } from './fontfamilycommand.js';\n\n/**\n * The font family UI plugin. It introduces the `'fontFamily'` dropdown.\n */\nexport class FontFamilyUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontFamilyUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\tconst options = this._getLocalizedOptions();\n\n\t\tconst command: FontFamilyCommand = editor.commands.get( FONT_FAMILY )!;\n\t\tconst accessibleLabel = t( 'Font Family' );\n\t\tconst listOptions = _prepareListOptions( options, command );\n\n\t\t// Register UI component.\n\t\teditor.ui.componentFactory.add( FONT_FAMILY, locale => {\n\t\t\tconst dropdownView = createDropdown( locale );\n\n\t\t\taddListToDropdown( dropdownView, listOptions, {\n\t\t\t\trole: 'menu',\n\t\t\t\tariaLabel: accessibleLabel\n\t\t\t} );\n\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\tlabel: accessibleLabel,\n\t\t\t\ticon: IconFontFamily,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tdropdownView.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: 'ck-font-family-dropdown'\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tdropdownView.bind( 'isEnabled' ).to( command );\n\n\t\t\t// Execute command when an item from the dropdown is selected.\n\t\t\tthis.listenTo( dropdownView, 'execute', evt => {\n\t\t\t\teditor.execute( ( evt.source as any ).commandName, { value: ( evt.source as any ).commandParam } );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( `menuBar:${ FONT_FAMILY }`, locale => {\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: accessibleLabel,\n\t\t\t\ticon: IconFontFamily\n\t\t\t} );\n\n\t\t\tmenuView.bind( 'isEnabled' ).to( command );\n\n\t\t\tconst listView = new MenuBarMenuListView( locale );\n\n\t\t\tfor ( const definition of listOptions ) {\n\t\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, menuView );\n\t\t\t\tconst buttonView = new MenuBarMenuListItemButtonView( locale );\n\n\t\t\t\tbuttonView.set( {\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\tisToggleable: true\n\t\t\t\t} );\n\n\t\t\t\tbuttonView.bind( ...Object.keys( definition.model ) as Array<keyof MenuBarMenuListItemButtonView> ).to( definition.model );\n\t\t\t\tbuttonView.delegate( 'execute' ).to( menuView );\n\n\t\t\t\tbuttonView.on( 'execute', () => {\n\t\t\t\t\teditor.execute( ( definition.model as any ).commandName, {\n\t\t\t\t\t\tvalue: ( definition.model as any ).commandParam\n\t\t\t\t\t} );\n\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t} );\n\n\t\t\t\tlistItemView.children.add( buttonView );\n\t\t\t\tlistView.items.add( listItemView );\n\t\t\t}\n\n\t\t\tmenuView.panelView.children.add( listView );\n\n\t\t\treturn menuView;\n\t\t} );\n\t}\n\n\t/**\n\t * Returns options as defined in `config.fontFamily.options` but processed to account for\n\t * editor localization, i.e. to display {@link module:font/fontconfig~FontFamilyOption}\n\t * in the correct language.\n\t *\n\t * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}\n\t * when the user configuration is defined because the editor does not exist yet.\n\t */\n\tprivate _getLocalizedOptions(): Array<FontFamilyOption> {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\tconst options = normalizeOptions( ( editor.config.get( FONT_FAMILY )! ).options! );\n\n\t\treturn options.map( option => {\n\t\t\t// The only title to localize is \"Default\" others are font names.\n\t\t\tif ( option.title === 'Default' ) {\n\t\t\t\toption.title = t( 'Default' );\n\t\t\t}\n\n\t\t\treturn option;\n\t\t} );\n\t}\n}\n\n/**\n * Prepares FontFamily dropdown items.\n */\nfunction _prepareListOptions( options: Array<FontFamilyOption>, command: FontFamilyCommand ): Collection<ListDropdownButtonDefinition> {\n\tconst itemDefinitions = new Collection<ListDropdownButtonDefinition>();\n\n\t// Create dropdown items.\n\tfor ( const option of options ) {\n\t\tconst def = {\n\t\t\ttype: 'button' as const,\n\t\t\tmodel: new UIModel( {\n\t\t\t\tcommandName: FONT_FAMILY,\n\t\t\t\tcommandParam: option.model,\n\t\t\t\tlabel: option.title,\n\t\t\t\trole: 'menuitemradio',\n\t\t\t\twithText: true\n\t\t\t} )\n\t\t};\n\n\t\tdef.model.bind( 'isOn' ).to( command, 'value', value => {\n\t\t\t// \"Default\" or check in strict font-family converters mode.\n\t\t\tif ( value === option.model ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tif ( !value || !option.model ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst valueNormalized = normalizeFontFamilies( value )[ 0 ].toLowerCase();\n\t\t\tconst optionNormalized = normalizeFontFamilies( option.model )[ 0 ].toLowerCase();\n\n\t\t\treturn valueNormalized === optionNormalized;\n\t\t} );\n\n\t\t// Try to set a dropdown list item style.\n\t\tif ( option.view && typeof option.view !== 'string' && option.view.styles ) {\n\t\t\tdef.model.set( 'labelStyle', `font-family: ${ option.view.styles[ 'font-family' ] }` );\n\t\t}\n\n\t\titemDefinitions.add( def );\n\t}\n\treturn itemDefinitions;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontfamily\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { FontFamilyEditing } from './fontfamily/fontfamilyediting.js';\nimport { FontFamilyUI } from './fontfamily/fontfamilyui.js';\n\n/**\n * The font family plugin.\n *\n * For a detailed overview, check the {@glink features/font font feature} documentatiom\n * and the {@glink api/font package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:font/fontfamily/fontfamilyediting~FontFamilyEditing} and\n * {@link module:font/fontfamily/fontfamilyui~FontFamilyUI} features in the editor.\n */\nexport class FontFamily extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FontFamilyEditing, FontFamilyUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontFamily' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontsize/fontsizecommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport { FontCommand } from '../fontcommand.js';\nimport { FONT_SIZE } from '../utils.js';\n\n/**\n * The font size command. It is used by {@link module:font/fontsize/fontsizeediting~FontSizeEditing}\n * to apply the font size.\n *\n * ```ts\n * editor.execute( 'fontSize', { value: 'small' } );\n * ```\n *\n * **Note**: Executing the command without the value removes the attribute from the model.\n */\nexport class FontSizeCommand extends FontCommand {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor, FONT_SIZE );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontsize/utils\n */\n\nimport { CKEditorError } from 'ckeditor5/src/utils.js';\nimport { type FontSizeOption } from '../fontconfig.js';\n\n/**\n * Normalizes and translates the {@link module:font/fontconfig~FontSizeConfig#options configuration options}\n * to the {@link module:font/fontconfig~FontSizeOption} format.\n *\n * @param configuredOptions An array of options taken from the configuration.\n * @internal\n */\nexport function normalizeOptions( configuredOptions: Array<string | number | FontSizeOption> ): Array<FontSizeOption> {\n\t// Convert options to objects.\n\treturn configuredOptions\n\t\t.map( item => getOptionDefinition( item ) )\n\t\t// Filter out undefined values that `getOptionDefinition` might return.\n\t\t.filter( ( option ): option is FontSizeOption => option !== undefined );\n}\n\n// Default named presets map. Always create a new instance of the preset object in order to avoid modifying references.\nconst namedPresets: Record<string, FontSizeOption> = {\n\tget tiny(): FontSizeOption {\n\t\treturn {\n\t\t\ttitle: 'Tiny',\n\t\t\tmodel: 'tiny',\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tclasses: 'text-tiny',\n\t\t\t\tpriority: 7\n\t\t\t}\n\t\t};\n\t},\n\tget small(): FontSizeOption {\n\t\treturn {\n\t\t\ttitle: 'Small',\n\t\t\tmodel: 'small',\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tclasses: 'text-small',\n\t\t\t\tpriority: 7\n\t\t\t}\n\t\t};\n\t},\n\tget big(): FontSizeOption {\n\t\treturn {\n\t\t\ttitle: 'Big',\n\t\t\tmodel: 'big',\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tclasses: 'text-big',\n\t\t\t\tpriority: 7\n\t\t\t}\n\t\t};\n\t},\n\tget huge(): FontSizeOption {\n\t\treturn {\n\t\t\ttitle: 'Huge',\n\t\t\tmodel: 'huge',\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tclasses: 'text-huge',\n\t\t\t\tpriority: 7\n\t\t\t}\n\t\t};\n\t}\n};\n\n/**\n * Returns an option definition either from preset or creates one from number shortcut.\n * If object is passed then this method will return it without alternating it. Returns undefined for item than cannot be parsed.\n */\nfunction getOptionDefinition( option: string | number | FontSizeOption ): FontSizeOption | undefined {\n\tif ( typeof option === 'number' ) {\n\t\toption = String( option );\n\t}\n\n\t// Check whether passed option is a full item definition provided by user in configuration.\n\tif ( typeof option === 'object' && isFullItemDefinition( option ) ) {\n\t\treturn attachPriority( option );\n\t}\n\n\tconst preset = findPreset( option );\n\n\t// Item is a named preset.\n\tif ( preset ) {\n\t\treturn attachPriority( preset );\n\t}\n\n\t// 'Default' font size. It will be used to remove the fontSize attribute.\n\tif ( option === 'default' ) {\n\t\treturn {\n\t\t\tmodel: undefined,\n\t\t\ttitle: 'Default'\n\t\t};\n\t}\n\n\t// At this stage we probably have numerical value to generate a preset so parse it's value.\n\t// Discard any faulty values.\n\tif ( isNumericalDefinition( option ) ) {\n\t\treturn undefined;\n\t}\n\n\t// Return font size definition from size value.\n\treturn generatePixelPreset( option );\n}\n\n/**\n * Creates a predefined preset for pixel size.\n * @param definition Font size in pixels.\n * @returns\n */\nfunction generatePixelPreset( definition: string | FontSizeOption ): FontSizeOption {\n\t// Extend a short (numeric value) definition.\n\tif ( typeof definition === 'string' ) {\n\t\tdefinition = {\n\t\t\ttitle: definition,\n\t\t\tmodel: `${ parseFloat( definition ) }px`\n\t\t};\n\t}\n\n\tdefinition.view = {\n\t\tname: 'span',\n\t\tstyles: {\n\t\t\t'font-size': definition.model!\n\t\t}\n\t};\n\n\treturn attachPriority( definition );\n}\n\n/**\n * Adds the priority to the view element definition if missing. It's required due to ckeditor/ckeditor5#2291\n */\nfunction attachPriority( definition: FontSizeOption ): FontSizeOption {\n\tif ( definition.view && typeof definition.view !== 'string' && !definition.view.priority ) {\n\t\tdefinition.view!.priority = 7;\n\t}\n\n\treturn definition;\n}\n\n/**\n * Returns a prepared preset definition. If passed an object, a name of preset should be defined as `model` value.\n *\n * @param definition.model A preset name.\n */\nfunction findPreset( definition: string | { model?: string } ): FontSizeOption | undefined {\n\treturn typeof definition === 'string' ? namedPresets[ definition ] : namedPresets[ definition.model! ];\n}\n\n/**\n * We treat `definition` as completed if it is an object that contains `title`, `model` and `view` values.\n */\nfunction isFullItemDefinition( definition: Record<string, any> ): boolean {\n\treturn definition.title && definition.model && definition.view;\n}\n\nfunction isNumericalDefinition( definition: string | FontSizeOption ): boolean {\n\tlet numberValue;\n\n\tif ( typeof definition === 'object' ) {\n\t\tif ( !definition.model ) {\n\t\t\t/**\n\t\t\t * Provided value as an option for {@link module:font/fontsize~FontSize} seems to invalid.\n\t\t\t *\n\t\t\t * See valid examples described in the {@link module:font/fontconfig~FontSizeConfig#options plugin configuration}.\n\t\t\t *\n\t\t\t * @error font-size-invalid-definition\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'font-size-invalid-definition', null, definition );\n\t\t} else {\n\t\t\tnumberValue = parseFloat( definition.model );\n\t\t}\n\t} else {\n\t\tnumberValue = parseFloat( definition );\n\t}\n\n\treturn isNaN( numberValue );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontsize/fontsizeediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { CKEditorError } from 'ckeditor5/src/utils.js';\nimport {\n\tisLengthStyleValue,\n\tisPercentageStyleValue,\n\ttype ViewElement\n} from 'ckeditor5/src/engine.js';\n\nimport { FontSizeCommand } from './fontsizecommand.js';\nimport { normalizeOptions } from './utils.js';\nimport { buildDefinition, FONT_SIZE, type FontConverterDefinition } from '../utils.js';\n\n// Mapping of `<font size=\"..\">` styling to CSS's `font-size` values.\nconst styleFontSize = [\n\t'x-small', // Size \"0\" equal to \"1\".\n\t'x-small',\n\t'small',\n\t'medium',\n\t'large',\n\t'x-large',\n\t'xx-large',\n\t'xxx-large'\n];\n\n/**\n * The font size editing feature.\n *\n * It introduces the {@link module:font/fontsize/fontsizecommand~FontSizeCommand command} and the `fontSize`\n * attribute in the {@link module:engine/model/model~Model model} which renders in the {@link module:engine/view/view view}\n * as a `<span>` element with either:\n * * a style attribute (`<span style=\"font-size:12px\">...</span>`),\n * * or a class attribute (`<span class=\"text-small\">...</span>`)\n *\n * depending on the {@link module:font/fontconfig~FontSizeConfig configuration}.\n */\nexport class FontSizeEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontSizeEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// Define default configuration using named presets.\n\t\teditor.config.define( FONT_SIZE, {\n\t\t\toptions: [\n\t\t\t\t'tiny',\n\t\t\t\t'small',\n\t\t\t\t'default',\n\t\t\t\t'big',\n\t\t\t\t'huge'\n\t\t\t],\n\t\t\tsupportAllValues: false\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Allow fontSize attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: FONT_SIZE } );\n\t\teditor.model.schema.setAttributeProperties( FONT_SIZE, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\n\t\tconst supportAllValues = editor.config.get( 'fontSize.supportAllValues' );\n\n\t\t// Define view to model conversion.\n\t\tconst options = normalizeOptions( this.editor.config.get( 'fontSize.options' )! )\n\t\t\t.filter( item => item.model );\n\t\tconst definition = buildDefinition( FONT_SIZE, options );\n\n\t\t// Set-up the two-way conversion.\n\t\tif ( supportAllValues ) {\n\t\t\tthis._prepareAnyValueConverters( definition );\n\t\t\tthis._prepareCompatibilityConverter();\n\t\t} else {\n\t\t\teditor.conversion.attributeToElement( definition );\n\t\t}\n\n\t\t// Add FontSize command.\n\t\teditor.commands.add( FONT_SIZE, new FontSizeCommand( editor ) );\n\t}\n\n\t/**\n\t * These converters enable keeping any value found as `style=\"font-size: *\"` as a value of an attribute on a text even\n\t * if it is not defined in the plugin configuration.\n\t *\n\t * @param definition Converter definition out of input data.\n\t */\n\tprivate _prepareAnyValueConverters( definition: FontConverterDefinition ): void {\n\t\tconst editor = this.editor;\n\n\t\t// If `fontSize.supportAllValues=true`, we do not allow to use named presets in the plugin's configuration.\n\t\tconst presets = definition.model!.values.filter( ( value: any ) => {\n\t\t\treturn !isLengthStyleValue( String( value ) ) && !isPercentageStyleValue( String( value ) );\n\t\t} );\n\n\t\tif ( presets.length ) {\n\t\t\t/**\n\t\t\t * If {@link module:font/fontconfig~FontSizeConfig#supportAllValues `config.fontSize.supportAllValues`} is `true`,\n\t\t\t * you need to use numerical values as font size options.\n\t\t\t *\n\t\t\t * See valid examples described in the {@link module:font/fontconfig~FontSizeConfig#options plugin configuration}.\n\t\t\t *\n\t\t\t * @error font-size-invalid-use-of-named-presets\n\t\t\t * @param {Array.<string>} presets Invalid values.\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'font-size-invalid-use-of-named-presets',\n\t\t\t\tnull, { presets }\n\t\t\t);\n\t\t}\n\n\t\teditor.conversion.for( 'downcast' ).attributeToElement( {\n\t\t\tmodel: FONT_SIZE,\n\t\t\tview: ( attributeValue, { writer } ) => {\n\t\t\t\tif ( !attributeValue ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\treturn writer.createAttributeElement( 'span', { style: 'font-size:' + attributeValue }, { priority: 7 } );\n\t\t\t}\n\t\t} );\n\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tkey: FONT_SIZE,\n\t\t\t\tvalue: ( viewElement: ViewElement ) => viewElement.getStyle( 'font-size' )\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tstyles: {\n\t\t\t\t\t'font-size': /.*/\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Adds support for legacy `<font size=\"..\">` formatting.\n\t */\n\tprivate _prepareCompatibilityConverter(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: 'font',\n\t\t\t\tattributes: {\n\t\t\t\t\t// Documentation mentions sizes from 1 to 7. To handle old content we support all values\n\t\t\t\t\t// up to 999 but clamp it to the valid range. Why 999? It should cover accidental values\n\t\t\t\t\t// similar to percentage, e.g. 100%, 200% which could be the usual mistake for font size.\n\t\t\t\t\t'size': /^[+-]?\\d{1,3}$/\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: FONT_SIZE,\n\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\tconst value = viewElement.getAttribute( 'size' )!;\n\t\t\t\t\tconst isRelative = value[ 0 ] === '-' || value[ 0 ] === '+';\n\n\t\t\t\t\tlet size = parseInt( value, 10 );\n\n\t\t\t\t\tif ( isRelative ) {\n\t\t\t\t\t\t// Add relative size (which can be negative) to the default size = 3.\n\t\t\t\t\t\tsize = 3 + size;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst maxSize = styleFontSize.length - 1;\n\t\t\t\t\tconst clampedSize = Math.min( Math.max( size, 0 ), maxSize );\n\n\t\t\t\t\treturn styleFontSize[ clampedSize ];\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontsize/fontsizeui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconFontSize } from 'ckeditor5/src/icons.js';\nimport {\n\tUIModel,\n\tcreateDropdown,\n\taddListToDropdown,\n\ttype ListDropdownButtonDefinition,\n\tMenuBarMenuView,\n\tMenuBarMenuListView,\n\tMenuBarMenuListItemView,\n\tMenuBarMenuListItemButtonView\n} from 'ckeditor5/src/ui.js';\nimport { Collection } from 'ckeditor5/src/utils.js';\n\nimport { normalizeOptions } from './utils.js';\nimport { FONT_SIZE } from '../utils.js';\n\nimport '../../theme/fontsize.css';\nimport type { FontSizeOption } from '../fontconfig.js';\nimport { type FontSizeCommand } from './fontsizecommand.js';\n\n/**\n * The font size UI plugin. It introduces the `'fontSize'` dropdown.\n */\nexport class FontSizeUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontSizeUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\tconst options = this._getLocalizedOptions();\n\n\t\tconst command: FontSizeCommand = editor.commands.get( FONT_SIZE )!;\n\t\tconst accessibleLabel = t( 'Font Size' );\n\n\t\tconst listOptions = _prepareListOptions( options, command );\n\n\t\t// Register UI component.\n\t\teditor.ui.componentFactory.add( FONT_SIZE, locale => {\n\t\t\tconst dropdownView = createDropdown( locale );\n\n\t\t\taddListToDropdown( dropdownView, listOptions, {\n\t\t\t\trole: 'menu',\n\t\t\t\tariaLabel: accessibleLabel\n\t\t\t} );\n\n\t\t\t// Create dropdown model.\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\tlabel: accessibleLabel,\n\t\t\t\ticon: IconFontSize,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tdropdownView.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: [\n\t\t\t\t\t\t'ck-font-size-dropdown'\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tdropdownView.bind( 'isEnabled' ).to( command );\n\n\t\t\t// Execute command when an item from the dropdown is selected.\n\t\t\tthis.listenTo( dropdownView, 'execute', evt => {\n\t\t\t\teditor.execute( ( evt.source as any ).commandName, { value: ( evt.source as any ).commandParam } );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( `menuBar:${ FONT_SIZE }`, locale => {\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: accessibleLabel,\n\t\t\t\ticon: IconFontSize\n\t\t\t} );\n\n\t\t\tmenuView.bind( 'isEnabled' ).to( command );\n\n\t\t\tconst listView = new MenuBarMenuListView( locale );\n\n\t\t\tfor ( const definition of listOptions ) {\n\t\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, menuView );\n\t\t\t\tconst buttonView = new MenuBarMenuListItemButtonView( locale );\n\n\t\t\t\tbuttonView.set( {\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\tisToggleable: true\n\t\t\t\t} );\n\n\t\t\t\tbuttonView.bind( ...Object.keys( definition.model ) as Array<keyof MenuBarMenuListItemButtonView> ).to( definition.model );\n\t\t\t\tbuttonView.delegate( 'execute' ).to( menuView );\n\n\t\t\t\tbuttonView.on( 'execute', () => {\n\t\t\t\t\teditor.execute( ( definition.model as any ).commandName, {\n\t\t\t\t\t\tvalue: ( definition.model as any ).commandParam\n\t\t\t\t\t} );\n\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t} );\n\n\t\t\t\tlistItemView.children.add( buttonView );\n\t\t\t\tlistView.items.add( listItemView );\n\t\t\t}\n\n\t\t\tmenuView.panelView.children.add( listView );\n\n\t\t\treturn menuView;\n\t\t} );\n\t}\n\n\t/**\n\t * Returns options as defined in `config.fontSize.options` but processed to account for\n\t * editor localization, i.e. to display {@link module:font/fontconfig~FontSizeOption}\n\t * in the correct language.\n\t *\n\t * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}\n\t * when the user configuration is defined because the editor does not exist yet.\n\t */\n\tprivate _getLocalizedOptions(): Array<FontSizeOption> {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\tconst localizedTitles: Record<string, string> = {\n\t\t\tDefault: t( 'Default' ),\n\t\t\tTiny: t( 'Tiny' ),\n\t\t\tSmall: t( 'Small' ),\n\t\t\tBig: t( 'Big' ),\n\t\t\tHuge: t( 'Huge' )\n\t\t};\n\n\t\tconst options = normalizeOptions( ( editor.config.get( FONT_SIZE )! ).options! );\n\n\t\treturn options.map( option => {\n\t\t\tconst title = localizedTitles[ option.title ];\n\n\t\t\tif ( title && title != option.title ) {\n\t\t\t\t// Clone the option to avoid altering the original `namedPresets` from `./utils.js`.\n\t\t\t\toption = Object.assign( {}, option, { title } );\n\t\t\t}\n\n\t\t\treturn option;\n\t\t} );\n\t}\n}\n\n/**\n * Prepares FontSize dropdown items.\n */\nfunction _prepareListOptions( options: Array<FontSizeOption>, command: FontSizeCommand ): Collection<ListDropdownButtonDefinition> {\n\tconst itemDefinitions = new Collection<ListDropdownButtonDefinition>();\n\n\tfor ( const option of options ) {\n\t\tconst def = {\n\t\t\ttype: 'button' as const,\n\t\t\tmodel: new UIModel( {\n\t\t\t\tcommandName: FONT_SIZE,\n\t\t\t\tcommandParam: option.model,\n\t\t\t\tlabel: option.title,\n\t\t\t\tclass: 'ck-fontsize-option',\n\t\t\t\trole: 'menuitemradio',\n\t\t\t\twithText: true\n\t\t\t} )\n\t\t};\n\n\t\tif ( option.view && typeof option.view !== 'string' ) {\n\t\t\tif ( option.view.styles ) {\n\t\t\t\tdef.model.set( 'labelStyle', `font-size:${ option.view.styles[ 'font-size' ] }` );\n\t\t\t}\n\t\t\tif ( option.view.classes ) {\n\t\t\t\tdef.model.set( 'class', `${ def.model.class } ${ option.view.classes }` );\n\t\t\t}\n\t\t}\n\n\t\tdef.model.bind( 'isOn' ).to( command, 'value', value => value === option.model );\n\n\t\t// Add the option to the collection.\n\t\titemDefinitions.add( def );\n\t}\n\n\treturn itemDefinitions;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontsize\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { FontSizeEditing } from './fontsize/fontsizeediting.js';\nimport { FontSizeUI } from './fontsize/fontsizeui.js';\nimport { normalizeOptions } from './fontsize/utils.js';\nimport type { FontSizeOption } from './fontconfig.js';\n\n/**\n * The font size plugin.\n *\n * For a detailed overview, check the {@glink features/font font feature} documentation\n * and the {@glink api/font package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:font/fontsize/fontsizeediting~FontSizeEditing} and\n * {@link module:font/fontsize/fontsizeui~FontSizeUI} features in the editor.\n */\nexport class FontSize extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FontSizeEditing, FontSizeUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontSize' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Normalizes and translates the {@link module:font/fontconfig~FontSizeConfig#options configuration options}\n\t * to the {@link module:font/fontconfig~FontSizeOption} format.\n\t *\n\t * @param options An array of options taken from the configuration.\n\t */\n\tpublic normalizeSizeOptions( options: Array<string | number | FontSizeOption> ): Array<FontSizeOption> {\n\t\treturn normalizeOptions( options );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontcolor/fontcolorcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport { FontCommand } from '../fontcommand.js';\nimport { FONT_COLOR } from '../utils.js';\n\n/**\n * The font color command. It is used by {@link module:font/fontcolor/fontcolorediting~FontColorEditing}\n * to apply the font color.\n *\n * ```ts\n * editor.execute( 'fontColor', { value: 'rgb(250, 20, 20)' } );\n * ```\n *\n * **Note**: Executing the command with the `null` value removes the attribute from the model.\n */\nexport class FontColorCommand extends FontCommand {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor, FONT_COLOR );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontcolor/fontcolorediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { FontColorCommand } from './fontcolorcommand.js';\nimport type { ViewElement } from 'ckeditor5/src/engine.js';\nimport { FONT_COLOR, renderDowncastElement, renderUpcastAttribute } from '../utils.js';\n\n/**\n * The font color editing feature.\n *\n * It introduces the {@link module:font/fontcolor/fontcolorcommand~FontColorCommand command} and\n * the `fontColor` attribute in the {@link module:engine/model/model~Model model} which renders\n * in the {@link module:engine/view/view view} as a `<span>` element (`<span style=\"color: ...\">`),\n * depending on the {@link module:font/fontconfig~FontColorConfig configuration}.\n */\nexport class FontColorEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontColorEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( FONT_COLOR, {\n\t\t\tcolors: [\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 0%)',\n\t\t\t\t\tlabel: 'Black'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 30%)',\n\t\t\t\t\tlabel: 'Dim grey'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 60%)',\n\t\t\t\t\tlabel: 'Grey'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 90%)',\n\t\t\t\t\tlabel: 'Light grey'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 100%)',\n\t\t\t\t\tlabel: 'White',\n\t\t\t\t\thasBorder: true\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 75%, 60%)',\n\t\t\t\t\tlabel: 'Red'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(30, 75%, 60%)',\n\t\t\t\t\tlabel: 'Orange'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(60, 75%, 60%)',\n\t\t\t\t\tlabel: 'Yellow'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(90, 75%, 60%)',\n\t\t\t\t\tlabel: 'Light green'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(120, 75%, 60%)',\n\t\t\t\t\tlabel: 'Green'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(150, 75%, 60%)',\n\t\t\t\t\tlabel: 'Aquamarine'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(180, 75%, 60%)',\n\t\t\t\t\tlabel: 'Turquoise'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(210, 75%, 60%)',\n\t\t\t\t\tlabel: 'Light blue'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(240, 75%, 60%)',\n\t\t\t\t\tlabel: 'Blue'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(270, 75%, 60%)',\n\t\t\t\t\tlabel: 'Purple'\n\t\t\t\t}\n\t\t\t],\n\t\t\tcolumns: 5\n\t\t} );\n\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tstyles: {\n\t\t\t\t\t'color': /[\\s\\S]+/\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: FONT_COLOR,\n\t\t\t\tvalue: renderUpcastAttribute( 'color' )\n\t\t\t}\n\t\t} );\n\n\t\t// Support legacy `<font color=\"..\">` formatting.\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: 'font',\n\t\t\t\tattributes: {\n\t\t\t\t\t'color': /^#?\\w+$/\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: FONT_COLOR,\n\t\t\t\tvalue: ( viewElement: ViewElement ) => viewElement.getAttribute( 'color' )\n\t\t\t}\n\t\t} );\n\n\t\teditor.conversion.for( 'downcast' ).attributeToElement( {\n\t\t\tmodel: FONT_COLOR,\n\t\t\tview: renderDowncastElement( 'color' )\n\t\t} );\n\n\t\teditor.commands.add( FONT_COLOR, new FontColorCommand( editor ) );\n\n\t\t// Allow the font color attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: FONT_COLOR } );\n\n\t\teditor.model.schema.setAttributeProperties( FONT_COLOR, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/ui/colorui\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport type { Batch } from 'ckeditor5/src/engine.js';\nimport {\n\tcreateDropdown,\n\tnormalizeColorOptions,\n\tgetLocalizedColorOptions,\n\tfocusChildOnDropdownOpen,\n\ttype ColorSelectorExecuteEvent,\n\ttype ColorSelectorColorPickerCancelEvent,\n\ttype ColorSelectorColorPickerShowEvent,\n\tMenuBarMenuView,\n\tColorSelectorView\n} from 'ckeditor5/src/ui.js';\n\nimport {\n\taddColorSelectorToDropdown,\n\ttype FontColorSelectorDropdownView,\n\ttype FONT_BACKGROUND_COLOR,\n\ttype FONT_COLOR\n} from '../utils.js';\nimport { type FontColorCommand } from '../fontcolor/fontcolorcommand.js';\nimport { type FontBackgroundColorCommand } from '../fontbackgroundcolor/fontbackgroundcolorcommand.js';\nimport type { FontColorConfig } from '../fontconfig.js';\n\n/**\n * The color UI plugin which isolates the common logic responsible for displaying dropdowns with color grids.\n *\n * It is used to create the `'fontBackgroundColor'` and `'fontColor'` dropdowns, each hosting\n * a {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.\n */\nexport class FontColorUIBase extends Plugin {\n\t/**\n\t * The name of the command which will be executed when a color tile is clicked.\n\t */\n\tpublic commandName: typeof FONT_BACKGROUND_COLOR | typeof FONT_COLOR;\n\n\t/**\n\t * The name of this component in the {@link module:ui/componentfactory~ComponentFactory}.\n\t * Also the configuration scope name in `editor.config`.\n\t */\n\tpublic componentName: typeof FONT_BACKGROUND_COLOR | typeof FONT_COLOR;\n\n\t/**\n\t * The SVG icon used by the dropdown.\n\t */\n\tpublic icon: string;\n\n\t/**\n\t * The label used by the dropdown.\n\t */\n\tpublic dropdownLabel: string;\n\n\t/**\n\t * The number of columns in the color grid.\n\t */\n\tpublic columns: number;\n\n\t/**\n\t * Keeps all changes in color picker in one batch while dropdown is open.\n\t */\n\tdeclare private _undoStepBatch: Batch;\n\n\t/**\n\t * Creates a plugin which introduces a dropdown with a pre–configured\n\t * {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.\n\t *\n\t * @param editor An editor instance.\n\t * @param config The configuration object.\n\t * @param config.commandName The name of the command which will be executed when a color tile is clicked.\n\t * @param config.componentName The name of the dropdown in the {@link module:ui/componentfactory~ComponentFactory}\n\t * and the configuration scope name in `editor.config`.\n\t * @param config.icon The SVG icon used by the dropdown.\n\t * @param config.dropdownLabel The label used by the dropdown.\n\t */\n\tconstructor(\n\t\teditor: Editor,\n\t\t{ commandName, componentName, icon, dropdownLabel }: {\n\t\t\tcommandName: typeof FONT_BACKGROUND_COLOR | typeof FONT_COLOR;\n\t\t\tcomponentName: typeof FONT_BACKGROUND_COLOR | typeof FONT_COLOR;\n\t\t\ticon: string;\n\t\t\tdropdownLabel: string;\n\t\t}\n\t) {\n\t\tsuper( editor );\n\n\t\tthis.commandName = commandName;\n\t\tthis.componentName = componentName;\n\t\tthis.icon = icon;\n\t\tthis.dropdownLabel = dropdownLabel;\n\t\tthis.columns = editor.config.get( `${ this.componentName }.columns` )!;\n\t}\n\n\t/**\n\t* @inheritDoc\n\t*/\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst t = locale.t;\n\t\tconst command: FontColorCommand | FontBackgroundColorCommand = editor.commands.get( this.commandName )!;\n\t\tconst componentConfig = editor.config.get( this.componentName )! as FontColorConfig;\n\t\tconst colorsConfig = normalizeColorOptions( componentConfig.colors! );\n\t\tconst localizedColors = getLocalizedColorOptions( locale, colorsConfig );\n\t\tconst documentColorsCount = componentConfig.documentColors;\n\t\tconst hasColorPicker = componentConfig.colorPicker !== false;\n\n\t\t// Register the UI component.\n\t\teditor.ui.componentFactory.add( this.componentName, locale => {\n\t\t\tconst dropdownView: FontColorSelectorDropdownView = createDropdown( locale );\n\t\t\t// Font color dropdown rendering is deferred once it gets open to improve performance (#6192).\n\t\t\tlet dropdownContentRendered = false;\n\n\t\t\tconst colorSelectorView = addColorSelectorToDropdown( {\n\t\t\t\tdropdownView,\n\t\t\t\tcolors: localizedColors.map( option => ( {\n\t\t\t\t\tlabel: option.label,\n\t\t\t\t\tcolor: option.model,\n\t\t\t\t\toptions: {\n\t\t\t\t\t\thasBorder: option.hasBorder\n\t\t\t\t\t}\n\t\t\t\t} ) ),\n\t\t\t\tcolumns: this.columns,\n\t\t\t\tremoveButtonLabel: t( 'Remove color' ),\n\t\t\t\tcolorPickerLabel: t( 'Color picker' ),\n\t\t\t\tdocumentColorsLabel: documentColorsCount !== 0 ? t( 'Document colors' ) : '',\n\t\t\t\tdocumentColorsCount: documentColorsCount === undefined ? this.columns : documentColorsCount,\n\t\t\t\tcolorPickerViewConfig: hasColorPicker ? ( componentConfig.colorPicker || {} ) : false\n\t\t\t} );\n\n\t\t\tcolorSelectorView.bind( 'selectedColor' ).to( command, 'value' );\n\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\tlabel: this.dropdownLabel,\n\t\t\t\ticon: this.icon,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tdropdownView.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: 'ck-color-ui-dropdown'\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tdropdownView.bind( 'isEnabled' ).to( command );\n\n\t\t\tcolorSelectorView.on<ColorSelectorExecuteEvent>( 'execute', ( evt, data ) => {\n\t\t\t\tif ( dropdownView.isOpen ) {\n\t\t\t\t\teditor.execute( this.commandName, {\n\t\t\t\t\t\tvalue: data.value,\n\t\t\t\t\t\tbatch: this._undoStepBatch\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\tif ( data.source !== 'colorPicker' ) {\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t}\n\n\t\t\t\tif ( data.source === 'colorPickerSaveButton' ) {\n\t\t\t\t\tdropdownView.isOpen = false;\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tcolorSelectorView.on<ColorSelectorColorPickerShowEvent>( 'colorPicker:show', () => {\n\t\t\t\tthis._undoStepBatch = editor.model.createBatch();\n\t\t\t} );\n\n\t\t\tcolorSelectorView.on<ColorSelectorColorPickerCancelEvent>( 'colorPicker:cancel', () => {\n\t\t\t\tif ( this._undoStepBatch!.operations.length ) {\n\t\t\t\t\t// We need to close the dropdown before the undo batch.\n\t\t\t\t\t// Otherwise, FontColorUIBase treats undo as a selected color change,\n\t\t\t\t\t// propagating the update to the whole selection.\n\t\t\t\t\t// That's an issue if spans with various colors were selected.\n\t\t\t\t\tdropdownView.isOpen = false;\n\t\t\t\t\teditor.execute( 'undo', this._undoStepBatch );\n\t\t\t\t}\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\tdropdownView.on( 'change:isOpen', ( evt, name, isVisible ) => {\n\t\t\t\tif ( !dropdownContentRendered ) {\n\t\t\t\t\tdropdownContentRendered = true;\n\n\t\t\t\t\tdropdownView.colorSelectorView!.appendUI();\n\t\t\t\t}\n\n\t\t\t\tif ( isVisible ) {\n\t\t\t\t\tif ( documentColorsCount !== 0 ) {\n\t\t\t\t\t\tcolorSelectorView!.updateDocumentColors( editor.model, this.componentName );\n\t\t\t\t\t}\n\n\t\t\t\t\tcolorSelectorView!.updateSelectedColors();\n\t\t\t\t\tcolorSelectorView!.showColorGridsFragment();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// Accessibility: focus the first active color when opening the dropdown.\n\t\t\tfocusChildOnDropdownOpen(\n\t\t\t\tdropdownView,\n\t\t\t\t() => dropdownView.colorSelectorView!.colorGridsFragmentView.staticColorsGrid!.items.find( ( item: any ) => item.isOn )\n\t\t\t);\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\t// Register menu bar button..\n\t\teditor.ui.componentFactory.add( `menuBar:${ this.componentName }`, locale => {\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: this.dropdownLabel,\n\t\t\t\ticon: this.icon\n\t\t\t} );\n\n\t\t\tmenuView.bind( 'isEnabled' ).to( command );\n\n\t\t\t// Font color sub-menu rendering is deferred once it gets open to improve performance (#6192).\n\t\t\tlet contentRendered = false;\n\n\t\t\tconst colorSelectorView = new ColorSelectorView( locale, {\n\t\t\t\tcolors: localizedColors.map( option => ( {\n\t\t\t\t\tlabel: option.label,\n\t\t\t\t\tcolor: option.model,\n\t\t\t\t\toptions: {\n\t\t\t\t\t\thasBorder: option.hasBorder\n\t\t\t\t\t}\n\t\t\t\t} ) ),\n\t\t\t\tcolumns: this.columns,\n\t\t\t\tremoveButtonLabel: t( 'Remove color' ),\n\t\t\t\tcolorPickerLabel: t( 'Color picker' ),\n\t\t\t\tdocumentColorsLabel: documentColorsCount !== 0 ? t( 'Document colors' ) : '',\n\t\t\t\tdocumentColorsCount: documentColorsCount === undefined ? this.columns : documentColorsCount,\n\t\t\t\tcolorPickerViewConfig: false\n\t\t\t} );\n\n\t\t\tcolorSelectorView.bind( 'selectedColor' ).to( command, 'value' );\n\n\t\t\tcolorSelectorView.delegate( 'execute' ).to( menuView );\n\t\t\tcolorSelectorView.on<ColorSelectorExecuteEvent>( 'execute', ( evt, data ) => {\n\t\t\t\teditor.execute( this.commandName, {\n\t\t\t\t\tvalue: data.value,\n\t\t\t\t\tbatch: this._undoStepBatch\n\t\t\t\t} );\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\tmenuView.on( 'change:isOpen', ( evt, name, isVisible ) => {\n\t\t\t\tif ( !contentRendered ) {\n\t\t\t\t\tcontentRendered = true;\n\n\t\t\t\t\tcolorSelectorView!.appendUI();\n\t\t\t\t}\n\n\t\t\t\tif ( isVisible ) {\n\t\t\t\t\tif ( documentColorsCount !== 0 ) {\n\t\t\t\t\t\tcolorSelectorView!.updateDocumentColors( editor.model, this.componentName );\n\t\t\t\t\t}\n\n\t\t\t\t\tcolorSelectorView!.updateSelectedColors();\n\t\t\t\t\tcolorSelectorView!.showColorGridsFragment();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tmenuView.panelView.children.add( colorSelectorView );\n\n\t\t\treturn menuView;\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontcolor/fontcolorui\n */\n\nimport { IconFontColor } from 'ckeditor5/src/icons.js';\nimport { FontColorUIBase } from '../ui/colorui.js';\nimport { FONT_COLOR } from '../utils.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\n/**\n * The font color UI plugin. It introduces the `'fontColor'` dropdown.\n */\nexport class FontColorUI extends FontColorUIBase {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tconst t = editor.locale.t;\n\n\t\tsuper( editor, {\n\t\t\tcommandName: FONT_COLOR,\n\t\t\tcomponentName: FONT_COLOR,\n\t\t\ticon: IconFontColor,\n\t\t\tdropdownLabel: t( 'Font Color' )\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontColorUI' as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontcolor\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { FontColorEditing } from './fontcolor/fontcolorediting.js';\nimport { FontColorUI } from './fontcolor/fontcolorui.js';\n\n/**\n * The font color plugin.\n *\n * For a detailed overview, check the {@glink features/font font feature} documentation\n * and the {@glink api/font package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:font/fontcolor/fontcolorediting~FontColorEditing} and\n * {@link module:font/fontcolor/fontcolorui~FontColorUI} features in the editor.\n */\nexport class FontColor extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FontColorEditing, FontColorUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontColor' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontbackgroundcolor/fontbackgroundcolorcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport { FontCommand } from '../fontcommand.js';\nimport { FONT_BACKGROUND_COLOR } from '../utils.js';\n\n/**\n * The font background color command. It is used by\n * {@link module:font/fontbackgroundcolor/fontbackgroundcolorediting~FontBackgroundColorEditing}\n * to apply the font background color.\n *\n * ```ts\n * editor.execute( 'fontBackgroundColor', { value: 'rgb(250, 20, 20)' } );\n * ```\n *\n * **Note**: Executing the command with the `null` value removes the attribute from the model.\n */\nexport class FontBackgroundColorCommand extends FontCommand {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor, FONT_BACKGROUND_COLOR );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontbackgroundcolor/fontbackgroundcolorediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { addBackgroundStylesRules } from 'ckeditor5/src/engine.js';\n\nimport { FontBackgroundColorCommand } from './fontbackgroundcolorcommand.js';\nimport { FONT_BACKGROUND_COLOR, renderDowncastElement, renderUpcastAttribute } from '../utils.js';\n\n/**\n * The font background color editing feature.\n *\n * It introduces the {@link module:font/fontbackgroundcolor/fontbackgroundcolorcommand~FontBackgroundColorCommand command} and\n * the `fontBackgroundColor` attribute in the {@link module:engine/model/model~Model model} which renders\n * in the {@link module:engine/view/view view} as a `<span>` element (`<span style=\"background-color: ...\">`),\n * depending on the {@link module:font/fontconfig~FontColorConfig configuration}.\n */\nexport class FontBackgroundColorEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontBackgroundColorEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( FONT_BACKGROUND_COLOR, {\n\t\t\tcolors: [\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 0%)',\n\t\t\t\t\tlabel: 'Black'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 30%)',\n\t\t\t\t\tlabel: 'Dim grey'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 60%)',\n\t\t\t\t\tlabel: 'Grey'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 90%)',\n\t\t\t\t\tlabel: 'Light grey'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 0%, 100%)',\n\t\t\t\t\tlabel: 'White',\n\t\t\t\t\thasBorder: true\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(0, 75%, 60%)',\n\t\t\t\t\tlabel: 'Red'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(30, 75%, 60%)',\n\t\t\t\t\tlabel: 'Orange'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(60, 75%, 60%)',\n\t\t\t\t\tlabel: 'Yellow'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(90, 75%, 60%)',\n\t\t\t\t\tlabel: 'Light green'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(120, 75%, 60%)',\n\t\t\t\t\tlabel: 'Green'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(150, 75%, 60%)',\n\t\t\t\t\tlabel: 'Aquamarine'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(180, 75%, 60%)',\n\t\t\t\t\tlabel: 'Turquoise'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(210, 75%, 60%)',\n\t\t\t\t\tlabel: 'Light blue'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(240, 75%, 60%)',\n\t\t\t\t\tlabel: 'Blue'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tcolor: 'hsl(270, 75%, 60%)',\n\t\t\t\t\tlabel: 'Purple'\n\t\t\t\t}\n\t\t\t],\n\t\t\tcolumns: 5\n\t\t} );\n\n\t\teditor.data.addStyleProcessorRules( addBackgroundStylesRules );\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tstyles: {\n\t\t\t\t\t'background-color': /[\\s\\S]+/\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: FONT_BACKGROUND_COLOR,\n\t\t\t\tvalue: renderUpcastAttribute( 'background-color' )\n\t\t\t}\n\t\t} );\n\n\t\teditor.conversion.for( 'downcast' ).attributeToElement( {\n\t\t\tmodel: FONT_BACKGROUND_COLOR,\n\t\t\tview: renderDowncastElement( 'background-color' )\n\t\t} );\n\n\t\teditor.commands.add( FONT_BACKGROUND_COLOR, new FontBackgroundColorCommand( editor ) );\n\n\t\t// Allow the font backgroundColor attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: FONT_BACKGROUND_COLOR } );\n\n\t\teditor.model.schema.setAttributeProperties( FONT_BACKGROUND_COLOR, {\n\t\t\tisFormatting: true,\n\t\t\tcopyOnEnter: true\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontbackgroundcolor/fontbackgroundcolorui\n */\n\nimport { IconFontBackground } from 'ckeditor5/src/icons.js';\nimport { FontColorUIBase } from '../ui/colorui.js';\nimport { FONT_BACKGROUND_COLOR } from '../utils.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\n/**\n * The font background color UI plugin. It introduces the `'fontBackgroundColor'` dropdown.\n */\nexport class FontBackgroundColorUI extends FontColorUIBase {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tconst t = editor.locale.t;\n\n\t\tsuper( editor, {\n\t\t\tcommandName: FONT_BACKGROUND_COLOR,\n\t\t\tcomponentName: FONT_BACKGROUND_COLOR,\n\t\t\ticon: IconFontBackground,\n\t\t\tdropdownLabel: t( 'Font Background Color' )\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontBackgroundColorUI' as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/fontbackgroundcolor\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { FontBackgroundColorEditing } from './fontbackgroundcolor/fontbackgroundcolorediting.js';\nimport { FontBackgroundColorUI } from './fontbackgroundcolor/fontbackgroundcolorui.js';\n\n/**\n * The font background color plugin.\n *\n * For a detailed overview, check the {@glink features/font font feature} documentation\n * and the {@glink api/font package page}.\n *\n * This is a \"glue\" plugin which loads\n * the {@link module:font/fontbackgroundcolor/fontbackgroundcolorediting~FontBackgroundColorEditing} and\n * {@link module:font/fontbackgroundcolor/fontbackgroundcolorui~FontBackgroundColorUI} features in the editor.\n */\nexport class FontBackgroundColor extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FontBackgroundColorEditing, FontBackgroundColorUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FontBackgroundColor' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 font/font\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { FontFamily } from './fontfamily.js';\nimport { FontSize } from './fontsize.js';\nimport { FontColor } from './fontcolor.js';\nimport { FontBackgroundColor } from './fontbackgroundcolor.js';\n\n/**\n * A plugin that enables a set of text styling features:\n *\n * * {@link module:font/fontsize~FontSize},\n * * {@link module:font/fontfamily~FontFamily}.\n * * {@link module:font/fontcolor~FontColor},\n * * {@link module:font/fontbackgroundcolor~FontBackgroundColor}.\n *\n * For a detailed overview, check the {@glink features/font Font feature} documentation\n * and the {@glink api/font package page}.\n */\nexport class Font extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FontFamily, FontSize, FontColor, FontBackgroundColor ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Font' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { global, createElement, Rect, ResizeObserver, env } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { BodyCollection, ButtonView, DialogViewPosition, MenuBarView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconPreviousArrow, IconDocumentOutlineToggle } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { IconFullscreenLeave, IconFullscreenEnter } from '@ckeditor/ckeditor5-icons/dist/index.js';\n\nconst DIALOG_OFFSET = 28;\n/**\n * The abstract editor type handler.\n *\n * This class defines some actions and behaviors that are applied when fullscreen mode is toggled, and which are common\n * regardless of the editor type. Then, specific classes like `ClassicEditorHandler` or `DecoupledEditorHandler`\n * extend this class with actions specific for these editor types.\n *\n * Extend this class to provide fullscreen mode handling for unsupported editor types,\n * or if you wish to heavily customize the default behavior.\n *\n * The only method that is necessary to provide when extending this class is {@link #defaultOnEnter}. However, make sure to\n * familiarize yourself with the below full list of actions taken by `FullscreenAbstractEditorHandler` to understand\n * what is covered by default, and what should be provided by you.\n *\n * When entering the fullscreen mode, the {@link #enable} method is called. It creates the properly styled container\n * and handles the editor features that need it, in the following order:\n *\n * 1. Saves the scroll positions of all ancestors of the editable element to restore them after leaving the fullscreen mode.\n * 2. Executes the {@link #defaultOnEnter} method to move the proper editor UI elements to the fullscreen mode.\n * **If you extend the abstract handler, you should override this method** to move the elements that are specific to your editor type, like:\n * \teditable, toolbar, menu bar.\n * \tUse {@link #moveToFullscreen} method for this purpose to ensure they are automatically cleaned up after leaving the fullscreen mode.\n * 3. Adds proper classes to the `<body>` and `<html>` elements to block page scrolling, adjust `z-index` etc.\n *\n * Steps 4-12 are only executed if the corresponding features are used.\n *\n * 4. If presence list is used, moves it to the fullscreen mode container.\n * 5. If document outline is used, moves it to the fullscreen mode.\n * 6. If pagination is used, adjusts it's configuration for the changed view.\n * 7. If annotations are used, moves them to the fullscreen mode.\n * 8. If revision history is used, overrides the callbacks to show the revision viewer in the fullscreen mode.\n * 9. If AI Tabs is used, moves it to the fullscreen mode.\n * 10. If source editing and document outline are both used, registers a callback hiding the document outline header in source editing mode.\n * 11. Changes the position of some dialogs to utilize the empty space on the right side of the editable element.\n * 12. If custom container is used, hides all other elements in it to ensure they don't create an empty unscrollable space.\n *\n * Then finally:\n *\n * 13. Adjusts the visibility of the left and right sidebars based on the available space.\n * 14. Sets up a resize observer to adjust the visibility of the left and right sidebars dynamically.\n * 15. Executes the configured {@link module:fullscreen/fullscreenconfig~FullscreenConfig#onEnterCallback\n * \t`config.fullscreen.onEnterCallback`} function.\n * \tBy default, it returns the fullscreen mode container element so it can be further customized.\n *\n * When leaving the fullscreen mode, the {@link #disable} method is called. It does the following:\n *\n * 1. Execute the configured {@link module:fullscreen/fullscreenconfig~FullscreenConfig#onLeaveCallback\n * \t`config.fullscreen.onLeaveCallback`} function.\n * 2. Remove the classes added to the `<body>` and `<html>` elements.\n * 3. If document outline is used, restore its default container.\n * 4. If annotations are used, restore their original state (UI, filters etc).\n * 5. If revision history is used, restore the original callbacks.\n * 7. If AI Tabs is used, restore it to the original state.\n * 8. If source editing and document outline are both used, restore the document outline header.\n * 9. Restore all moved elements to their original place.\n * 10. Destroy the fullscreen mode container.\n * 11. If the editor has a toolbar, switch its behavior to the one configured in the\n * \t{@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} property.\n * 12. Restore the scroll positions of all ancestors of the editable element.\n * 13. If pagination is used, restore its default configuration.\n * 14. Restore default dialogs positions.\n *\n * This class is exported to allow for custom extensions.\n */ class FullscreenAbstractEditorHandler {\n    /**\n\t * Maps placeholder names to placeholder elements and moved elements.\n\t */ _placeholderMap;\n    /**\n\t * The wrapper element that holds the fullscreen mode layout.\n\t */ _wrapper = null;\n    /**\n\t * The document object in which the editor is located.\n\t */ _document;\n    /**\n\t * Data of the annotations UIs that were active before entering the fullscreen mode.\n\t */ _annotationsUIsData = null;\n    /**\n\t * The pagination body collection that is used in the fullscreen mode.\n\t * If we don't move pagination lines to the fullscreen container, they won't be visible.\n\t */ _paginationBodyCollection = null;\n    /**\n\t * Whether the left sidebar collapse button is created.\n\t */ _hasLeftCollapseButton = false;\n    /**\n\t * The button that toggles the visibility of the left sidebar.\n\t */ _collapseLeftSidebarButton = null;\n    /**\n\t * The resize observer that is used to adjust the visibility of the left and right sidebars dynamically.\n\t */ _resizeObserver = null;\n    /**\n\t * The width of the expanded left and right sidebars in the fullscreen mode. Necessary for logic checking if they should be visible.\n\t */ _sidebarsWidths = {\n        left: 0,\n        right: 0\n    };\n    /**\n\t * Whether the left sidebar should be kept hidden even if there is enough space for it. It's set to `true` when user\n\t * collapses the left sidebar with a button. Behavior is reset when exiting the fullscreen mode.\n\t */ _keepLeftSidebarHidden = false;\n    /**\n\t * Temporary flag used to ignore the first automatic layout adjustment logic when user collapses the left sidebar with a button.\n\t * It is then immediately set back to `false`.\n\t */ _forceShowLeftSidebar = false;\n    /**\n\t * A callback that hides the document outline header when the source editing mode is enabled.\n\t * Document outline element itself is hidden by source editing plugin.\n\t */ /* istanbul ignore next -- @preserve */ _sourceEditingCallback = (_evt, _name, value)=>{\n        this.getWrapper().querySelector('.ck-fullscreen__document-outline-header').style.display = value ? 'none' : '';\n    };\n    /**\n\t * A map of elements that were hidden when entering the fullscreen mode.\n\t * It is used to restore their previous visibility when leaving the fullscreen mode and avoid showing elements\n\t * that were hidden before entering the fullscreen mode.\n\t */ _hiddenElements = new Map();\n    /**\n\t * A map matching the ancestors of the editable element with their scroll positions before entering fullscreen mode.\n\t */ _savedAncestorsScrollPositions = new Map();\n    /**\n\t * A callback that shows the revision viewer, stored to restore the original one after exiting the fullscreen mode.\n\t */ _showRevisionViewerCallback = null;\n    /**\n\t * A callback that closes the revision viewer, stored to restore the original one after exiting the fullscreen mode.\n\t */ _closeRevisionViewerCallback = null;\n    /**\n\t * A map of AI Tabs data that were set before entering the fullscreen mode.\n\t */ _aiTabsData = null;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        this._placeholderMap = new Map();\n        if (editor.plugins.has('RevisionHistory')) {\n            this._showRevisionViewerCallback = editor.config.get('revisionHistory').showRevisionViewerCallback;\n            this._closeRevisionViewerCallback = editor.config.get('revisionHistory').closeRevisionViewerCallback;\n        }\n        this._editor = editor;\n        this._document = this._editor.sourceElement ? this._editor.sourceElement.ownerDocument : global.document;\n        this._editor.config.define('fullscreen.container', this._document.body);\n        editor.on('destroy', ()=>{\n            if (this._wrapper) {\n                this.destroy();\n            }\n            if (this._resizeObserver) {\n                this._resizeObserver.destroy();\n            }\n        });\n    }\n    /**\n\t * Moves the given element to the fullscreen mode container, leaving a placeholder in its place.\n\t */ moveToFullscreen(elementToMove, placeholderName) {\n        const placeholderElement = createElement(this._document, 'div');\n        placeholderElement.setAttribute('data-ck-fullscreen-placeholder', placeholderName);\n        elementToMove.replaceWith(placeholderElement);\n        this.getWrapper().querySelector(`[data-ck-fullscreen=\"${placeholderName}\"]`).append(elementToMove);\n        this._placeholderMap.set(placeholderName, {\n            placeholderElement,\n            movedElement: elementToMove\n        });\n    }\n    /**\n\t * Returns a single moved element to its original place.\n\t */ restoreMovedElementLocation(placeholderName) {\n        if (!this._placeholderMap.has(placeholderName)) {\n            return;\n        }\n        const { placeholderElement, movedElement } = this._placeholderMap.get(placeholderName);\n        placeholderElement.replaceWith(movedElement);\n        placeholderElement.remove();\n        this._placeholderMap.delete(placeholderName);\n        if (this._placeholderMap.size === 0) {\n            this._destroyContainer();\n        }\n    }\n    /**\n\t * Returns the fullscreen mode container element.\n\t */ getWrapper() {\n        if (!this._wrapper) {\n            this._wrapper = createElement(this._document, 'div', {\n                class: 'ck ck-fullscreen__main-wrapper'\n            });\n            // For now, the container is generated in a very straightforward way. If necessary, it may be rewritten using editor's UI lib.\n            this._wrapper.innerHTML = `\n\t\t\t\t<div class=\"ck ck-fullscreen__top-wrapper ck-reset_all\">\n\t\t\t\t\t<div class=\"ck ck-fullscreen__menu-bar\" data-ck-fullscreen=\"menu-bar\"></div>\n\t\t\t\t\t<div class=\"ck ck-fullscreen__toolbar\" data-ck-fullscreen=\"toolbar\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ck ck-fullscreen__editable-wrapper\">\n\t\t\t\t\t<div class=\"ck ck-fullscreen__sidebar ck-fullscreen__left-sidebar\" data-ck-fullscreen=\"left-sidebar\"></div>\n\t\t\t\t\t<div class=\"ck ck-fullscreen__editable\" data-ck-fullscreen=\"editable\">\n\t\t\t\t\t\t<div class=\"ck ck-fullscreen__pagination-view\" data-ck-fullscreen=\"pagination-view\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"ck ck-fullscreen__sidebar ck-fullscreen__right-sidebar\" data-ck-fullscreen=\"right-sidebar\"></div>\n\t\t\t\t\t<div class=\"ck ck-fullscreen__right-edge\" data-ck-fullscreen=\"right-edge\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ck ck-fullscreen__bottom-wrapper\">\n\t\t\t\t\t<div class=\"ck ck-fullscreen__body-wrapper\" data-ck-fullscreen=\"body-wrapper\"></div>\n\t\t\t\t</div>\n\t\t\t`;\n            this._editor.config.get('fullscreen.container').appendChild(this._wrapper);\n        }\n        return this._wrapper;\n    }\n    /**\n\t * Enables the fullscreen mode. It executes the editor-specific enable handler and then the configured callback.\n\t */ enable() {\n        this._saveAncestorsScrollPositions(this._editor.ui.getEditableElement());\n        this.defaultOnEnter();\n        // Block scroll if the fullscreen container is the body element. Otherwise the document has to stay scrollable.\n        if (this._editor.config.get('fullscreen.container') === this._document.body) {\n            this._document.body.classList.add('ck-fullscreen');\n            this._document.body.parentElement.classList.add('ck-fullscreen');\n        }\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore if -- @preserve */ if (this._editor.plugins.has('PresenceListUI')) {\n            this._generatePresenceListContainer();\n        }\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore if -- @preserve */ if (this._editor.plugins.has('DocumentOutlineUI')) {\n            this._generateDocumentOutlineContainer();\n        }\n        if (this._hasLeftCollapseButton) {\n            this._generateCollapseButton();\n        }\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore next -- @preserve */ if (this._editor.plugins.has('Pagination') && this._editor.plugins.get('Pagination').isEnabled) {\n            const paginationRenderer = this._editor.plugins.get('PaginationRenderer');\n            paginationRenderer.setupScrollableAncestor();\n            this._paginationBodyCollection = new BodyCollection(this._editor.locale);\n            this._paginationBodyCollection.attachToDom();\n            paginationRenderer.linesRepository.setViewCollection(this._paginationBodyCollection);\n            this._editor.once('destroy', ()=>{\n                this._paginationBodyCollection.detachFromDom();\n            });\n            this.moveToFullscreen(this._paginationBodyCollection.bodyCollectionContainer, 'body-wrapper');\n        }\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore if -- @preserve */ if (this._editor.plugins.has('AnnotationsUIs')) {\n            this._overrideAnnotationsUIs();\n        }\n        if (this._editor.plugins.has('RevisionHistory')) {\n            // Code coverage is provided in the commercial package repository as integration unit tests.\n            /* istanbul ignore if -- @preserve */ if (this._editor.plugins.get('RevisionHistory').isRevisionViewerOpen) {\n                // Keep in mind that closing the revision history viewer is an asynchronous operation.\n                this._editor.config.get('revisionHistory.closeRevisionViewerCallback')();\n            }\n            this._overrideRevisionHistoryCallbacks();\n        }\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore if -- @preserve */ if (this._editor.plugins.has('AITabs')) {\n            this._handleAITabsTransfer();\n        }\n        if (this._editor.plugins.has('SourceEditing') && this._editor.plugins.has('DocumentOutlineUI')) {\n            // Register a callback to hide the document outline header in source editing mode.\n            this._editor.plugins.get('SourceEditing').on('change:isSourceEditingMode', this._sourceEditingCallback);\n        }\n        // Dialog position should be done after all known elements are moved to the fullscreen container.\n        if (this._editor.plugins.has('Dialog')) {\n            this._registerFullscreenDialogPositionAdjustments();\n        }\n        // Hide all other elements in the container to ensure they don't create an empty unscrollable space.\n        for (const element of this._editor.config.get('fullscreen.container').children){\n            // Do not hide body wrapper and ckbox wrapper to keep dialogs, balloons etc visible.\n            if (element !== this._wrapper && !element.classList.contains('ck-body-wrapper') && !element.classList.contains('ckbox-wrapper') && // Already hidden elements are not hidden again to avoid accidentally showing them after leaving fullscreen.\n            element.style.display !== 'none') {\n                this._hiddenElements.set(element, element.style.display);\n                element.style.display = 'none';\n            }\n        }\n        // Save the information about the width of the left and right sidebars before they possibly get hidden.\n        // It will be used for math checking if they should be visible or not dynamically.\n        this._sidebarsWidths = {\n            left: this._wrapper.querySelector('.ck-fullscreen__left-sidebar').scrollWidth,\n            right: this._wrapper.querySelector('.ck-fullscreen__right-sidebar').scrollWidth\n        };\n        this._adjustVisibleElements();\n        this._setupResizeObserver();\n        if (this._editor.config.get('fullscreen.onEnterCallback')) {\n            this._editor.config.get('fullscreen.onEnterCallback')(this.getWrapper());\n        }\n    }\n    /**\n\t * Disables the fullscreen mode by restoring all moved elements and destroying the fullscreen container.\n\t */ disable() {\n        if (this._editor.config.get('fullscreen.onLeaveCallback')) {\n            this._editor.config.get('fullscreen.onLeaveCallback')(this.getWrapper());\n        }\n        this._document.body.classList.remove('ck-fullscreen');\n        this._document.body.parentElement.classList.remove('ck-fullscreen');\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore if -- @preserve */ if (this._editor.plugins.has('DocumentOutlineUI')) {\n            this._restoreDocumentOutlineDefaultContainer();\n        }\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore if -- @preserve */ if (this._annotationsUIsData) {\n            this._restoreAnnotationsUIs();\n        }\n        if (this._editor.plugins.has('RevisionHistory')) {\n            this._restoreRevisionHistoryCallbacks();\n        }\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore if -- @preserve */ if (this._editor.plugins.has('AITabs')) {\n            this._restoreAITabs();\n        }\n        if (this._editor.plugins.has('SourceEditing') && this._editor.plugins.has('DocumentOutlineUI')) {\n            this._editor.plugins.get('SourceEditing').off('change:isSourceEditingMode', this._sourceEditingCallback);\n        }\n        for (const placeholderName of this._placeholderMap.keys()){\n            this.restoreMovedElementLocation(placeholderName);\n        }\n        // Container is also destroyed in the `restoreMovedElementLocation()` method, but we need to do it here\n        // to ensure that the container is destroyed even if no elements were moved.\n        this._destroyContainer();\n        if (this._editor.ui.view.toolbar) {\n            this._editor.ui.view.toolbar.switchBehavior(this._editor.config.get('toolbar.shouldNotGroupWhenFull') === true ? 'static' : 'dynamic');\n        }\n        // Restore scroll positions of all ancestors. It may include the closest editable wrapper causing the editor to change\n        // the visible content, which is not what we want. Thus, after executing the command, we use\n        // `editor.editing.view.scrollToTheSelection()` to scroll the editor viewport to the current selection.\n        // Using `behavior: 'instant'` is necessary to force scroll if some of the containers has `scroll-behavior: smooth` set (otherwise\n        // the scroll won't happen).\n        for (const [ancestor, value] of this._savedAncestorsScrollPositions){\n            // `ScrollBehavior` has incorrect type definition in currently used TS version (5.0.4). Fix should be present since 5.1.0:\n            // https://github.com/Microsoft/TypeScript/issues/28755. Hence we need a type assertion here.\n            ancestor.scrollTo({\n                left: value.scrollLeft,\n                top: value.scrollTop,\n                behavior: 'instant'\n            });\n        }\n        this._savedAncestorsScrollPositions.clear();\n        // Pagination has to be restored after leaving fullscreen mode to ensure proper rendering.\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore next -- @preserve */ if (this._editor.plugins.has('Pagination') && this._editor.plugins.get('Pagination').isEnabled) {\n            const paginationRenderer = this._editor.plugins.get('PaginationRenderer');\n            paginationRenderer.setupScrollableAncestor();\n            paginationRenderer.linesRepository.setViewCollection(this._editor.ui.view.body);\n            this._paginationBodyCollection.detachFromDom();\n            this._paginationBodyCollection?.destroy();\n        }\n        // Also dialog position needs to be recalculated after leaving fullscreen mode.\n        if (this._editor.plugins.has('Dialog')) {\n            this._unregisterFullscreenDialogPositionAdjustments();\n        }\n        // Reset the behavior of the left sidebar.\n        this._keepLeftSidebarHidden = false;\n        this._resizeObserver?.destroy();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        for (const { placeholderElement, movedElement } of this._placeholderMap.values()){\n            placeholderElement.remove();\n            movedElement.remove();\n        }\n        this._destroyContainer();\n        this._document.body.classList.remove('ck-fullscreen');\n        this._document.body.parentElement.classList.remove('ck-fullscreen');\n    }\n    /**\n\t * A function that moves the editor UI elements to the fullscreen mode. It should be set by the particular editor type handler.\n\t *\n\t * Returns the fullscreen mode container element so it can be further customized via\n\t * `fullscreen.onEnterCallback` configuration property.\n\t */ defaultOnEnter() {\n        return this.getWrapper();\n    }\n    /**\n\t * Destroys the fullscreen mode container.\n\t */ _destroyContainer() {\n        if (!this._wrapper) {\n            return;\n        }\n        this._wrapper.remove();\n        this._wrapper = null;\n        // Restore visibility of all other elements in the container.\n        for (const [element, displayValue] of this._hiddenElements){\n            element.style.display = displayValue;\n        }\n        this._hiddenElements.clear();\n    }\n    /**\n\t * Checks if the PresenceListUI plugin is available and moves its elements to fullscreen mode.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _generatePresenceListContainer() {\n        const t = this._editor.t;\n        const presenceListElement = createElement(document, 'div', {\n            class: 'ck ck-fullscreen__left-sidebar-item'\n        });\n        presenceListElement.innerHTML = `\n\t\t\t<div class=\"ck ck-fullscreen__left-sidebar-header\"></div>\n\t\t\t<div class=\"ck ck-fullscreen__presence-list\" data-ck-fullscreen=\"presence-list\"></div>\n\t\t`;\n        presenceListElement.firstElementChild.innerText = t('Connected users');\n        if (!document.querySelector('[data-ck-fullscreen=\"left-sidebar-sticky\"]')) {\n            document.querySelector('[data-ck-fullscreen=\"left-sidebar\"]').appendChild(createElement(document, 'div', {\n                class: 'ck ck-fullscreen__left-sidebar-sticky',\n                'data-ck-fullscreen': 'left-sidebar-sticky'\n            }));\n        }\n        document.querySelector('[data-ck-fullscreen=\"left-sidebar-sticky\"]').appendChild(presenceListElement);\n        const presenceListUI = this._editor.plugins.get('PresenceListUI');\n        this.moveToFullscreen(presenceListUI.view.element, 'presence-list');\n        this._hasLeftCollapseButton = true;\n    }\n    /**\n\t * Checks if the DocumentOutlineUI plugin is available and moves its elements to fullscreen mode.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _generateDocumentOutlineContainer() {\n        const t = this._editor.t;\n        const documentOutlineHeaderElement = createElement(document, 'div', {\n            class: 'ck-fullscreen__left-sidebar-item ck-fullscreen__left-sidebar-item--no-margin'\n        });\n        documentOutlineHeaderElement.innerHTML = `\n\t\t\t<div class=\"ck ck-fullscreen__left-sidebar-header ck-fullscreen__document-outline-header\"></div>\n\t\t`;\n        documentOutlineHeaderElement.firstElementChild.innerText = t('Document outline');\n        const documentOutlineBodyWrapper = createElement(document, 'div', {\n            class: 'ck ck-fullscreen__left-sidebar-item ck-fullscreen__document-outline-wrapper'\n        });\n        documentOutlineBodyWrapper.innerHTML = `\n\t\t\t<div class=\"ck ck-fullscreen__document-outline\" data-ck-fullscreen=\"document-outline\"></div>\n\t\t`;\n        if (!document.querySelector('[data-ck-fullscreen=\"left-sidebar-sticky\"]')) {\n            document.querySelector('[data-ck-fullscreen=\"left-sidebar\"]').appendChild(createElement(document, 'div', {\n                class: 'ck ck-fullscreen__left-sidebar-sticky',\n                'data-ck-fullscreen': 'left-sidebar-sticky'\n            }));\n        }\n        document.querySelector('[data-ck-fullscreen=\"left-sidebar\"]').appendChild(documentOutlineBodyWrapper);\n        document.querySelector('[data-ck-fullscreen=\"left-sidebar-sticky\"]').appendChild(documentOutlineHeaderElement);\n        const documentOutlineUI = this._editor.plugins.get('DocumentOutlineUI');\n        documentOutlineUI.view.documentOutlineContainer = document.querySelector('[data-ck-fullscreen=\"left-sidebar\"]');\n        this.moveToFullscreen(documentOutlineUI.view.element, 'document-outline');\n        this._hasLeftCollapseButton = true;\n    }\n    /**\n\t * Restores the default value of documentOutlineContainer, which is modified in fullscreen mode.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _restoreDocumentOutlineDefaultContainer() {\n        const documentOutlineUI = this._editor.plugins.get('DocumentOutlineUI');\n        documentOutlineUI.view.documentOutlineContainer = documentOutlineUI.view.element;\n    }\n    // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _generateCollapseButton() {\n        const button = new ButtonView(this._editor.locale);\n        const leftSidebarContainer = document.querySelector('.ck-fullscreen__left-sidebar');\n        const t = this._editor.t;\n        button.set({\n            label: t('Toggle sidebar'),\n            class: 'ck-fullscreen__left-sidebar-toggle-button',\n            tooltip: t('Hide left sidebar'),\n            tooltipPosition: 'se',\n            icon: IconPreviousArrow\n        });\n        button.on('execute', ()=>{\n            // Change the look of the button to reflect the state of the left sidebar.\n            if (leftSidebarContainer.classList.contains('ck-fullscreen__left-sidebar--collapsed')) {\n                // Enable automatic left sidebar toggling.\n                this._forceShowLeftSidebar = true;\n                this._keepLeftSidebarHidden = false;\n                this._showLeftSidebar();\n            } else {\n                // Disable automatic left sidebar toggling.\n                this._keepLeftSidebarHidden = true;\n                this._hideLeftSidebar();\n            }\n            // Keep the focus in the editor whenever the button is clicked.\n            this._editor.editing.view.focus();\n        });\n        button.render();\n        this._collapseLeftSidebarButton = button;\n        // Append the button at the top of the left sidebar.\n        leftSidebarContainer.prepend(button.element);\n    }\n    /**\n\t * Stores the current state of the annotations UIs to restore it when leaving fullscreen mode and switches the UI to the wide sidebar.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _overrideAnnotationsUIs() {\n        const annotationsUIs = this._editor.plugins.get('AnnotationsUIs');\n        this._annotationsUIsData = new Map(annotationsUIs.uisData);\n        annotationsUIs.deactivateAll();\n        const sidebarPlugin = this._editor.plugins.get('Sidebar');\n        // There are two scenarios to consider: if wide sidebar is already used and when it's not.\n        // If sidebar container is not set (e.g. in case of inline annotations), we need to:\n        // 1. Set the sidebar container in the sidebar plugin.\n        // 2. Activate the wide sidebar UI.\n        // 3. Move the sidebar element to the fullscreen mode.\n        if (!sidebarPlugin.container) {\n            sidebarPlugin.setContainer(this.getWrapper().querySelector('[data-ck-fullscreen=\"right-sidebar\"]'));\n            this._switchAnnotationsUI('wideSidebar');\n            this.moveToFullscreen(sidebarPlugin.container.firstElementChild, 'right-sidebar');\n        } else {\n            this._switchAnnotationsUI('wideSidebar');\n            this.moveToFullscreen(sidebarPlugin.container.firstElementChild, 'right-sidebar');\n            sidebarPlugin.setContainer(this.getWrapper().querySelector('[data-ck-fullscreen=\"right-sidebar\"]'));\n        }\n    }\n    /**\n\t * Restores the saved state of the annotations UIs.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _restoreAnnotationsUIs() {\n        const sidebarPlugin = this._editor.plugins.get('Sidebar');\n        const sidebarContainer = sidebarPlugin.context.config.get('sidebar.container');\n        // If sidebar container was set initially, restore it to the original value from config.\n        if (sidebarContainer) {\n            sidebarPlugin.setContainer(sidebarContainer);\n        }\n        const annotationsUIs = this._editor.plugins.get('AnnotationsUIs');\n        annotationsUIs.deactivateAll();\n        for (const [uiName, data] of [\n            ...this._annotationsUIsData\n        ]){\n            annotationsUIs.activate(uiName, data.filter);\n        }\n        this._annotationsUIsData = null;\n    }\n    /**\n\t * Modifies the revision history viewer callbacks to display the viewer in the fullscreen mode.\n\t */ _overrideRevisionHistoryCallbacks() {\n        // * Hide editor's editable, toolbar and sidebar;\n        // * Disable menu bar;\n        // * Show revision viewer editable, toolbar and sidebar.\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore next -- @preserve */ this._editor.config.set('revisionHistory.showRevisionViewerCallback', async ()=>{\n            const revisionViewerEditor = await this._showRevisionViewerCallback();\n            if (this._editor.plugins.has('DocumentOutlineUI')) {\n                this.getWrapper().querySelector('.ck-fullscreen__document-outline-header').style.display = 'none';\n            }\n            this.restoreMovedElementLocation('editable');\n            this.restoreMovedElementLocation('toolbar');\n            this.restoreMovedElementLocation('right-sidebar');\n            if (this._annotationsUIsData) {\n                this._restoreAnnotationsUIs();\n            }\n            if (this._editor.ui.view.menuBarView) {\n                this._editor.ui.view.menuBarView.disable();\n            }\n            this.moveToFullscreen(revisionViewerEditor.ui.getEditableElement(), 'editable');\n            this.moveToFullscreen(revisionViewerEditor.ui.view.toolbar.element, 'toolbar');\n            this.moveToFullscreen(this._editor.config.get('revisionHistory.viewerSidebarContainer'), 'right-sidebar');\n            return revisionViewerEditor;\n        });\n        // * Hide revision viewer editable, toolbar and sidebar;\n        // * Enable menu bar;\n        // * Show editor's editable, toolbar and sidebar.\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore next -- @preserve */ this._editor.config.set('revisionHistory.closeRevisionViewerCallback', async ()=>{\n            this.restoreMovedElementLocation('toolbar');\n            this.restoreMovedElementLocation('editable');\n            this.restoreMovedElementLocation('right-sidebar');\n            if (this._editor.plugins.has('DocumentOutlineUI')) {\n                this.getWrapper().querySelector('.ck-fullscreen__document-outline-header').style.display = '';\n            }\n            this.moveToFullscreen(this._editor.ui.getEditableElement(), 'editable');\n            this.moveToFullscreen(this._editor.ui.view.toolbar.element, 'toolbar');\n            await this._closeRevisionViewerCallback();\n            if (this._editor.plugins.has('AnnotationsUIs')) {\n                this._overrideAnnotationsUIs();\n            }\n            if (this._editor.ui.view.menuBarView) {\n                this._editor.ui.view.menuBarView.enable();\n            }\n        });\n    }\n    /**\n\t * Resets the revision history viewer callbacks to their original values.\n\t */ _restoreRevisionHistoryCallbacks() {\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore next -- @preserve */ this._editor.config.set('revisionHistory.showRevisionViewerCallback', async ()=>{\n            return this._showRevisionViewerCallback();\n        });\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore next -- @preserve */ this._editor.config.set('revisionHistory.closeRevisionViewerCallback', async ()=>{\n            return this._closeRevisionViewerCallback();\n        });\n    }\n    /**\n\t * Adds an event listener when the dialog opens to adjust its position in fullscreen mode,\n\t * utilizing the empty space on the right side of the editable element.\n\t */ _registerFullscreenDialogPositionAdjustments() {\n        const dialog = this._editor.plugins.get('Dialog');\n        this._setNewDialogPosition();\n        dialog.on('change:isOpen', this.updateDialogPositionCallback, {\n            priority: 'highest'\n        });\n    }\n    /**\n\t * Removes an event listener that adjusts the dialog's position in fullscreen mode.\n\t */ _unregisterFullscreenDialogPositionAdjustments() {\n        const dialog = this._editor.plugins.get('Dialog');\n        const dialogView = dialog.view;\n        if (dialogView && dialogView.position === null) {\n            dialogView.position = DialogViewPosition.EDITOR_TOP_SIDE;\n        }\n        if (dialogView) {\n            dialogView.updatePosition();\n        }\n        dialog.off('change:isOpen', this.updateDialogPositionCallback);\n    }\n    /**\n\t * Stores a bound reference to the _updateDialogPosition method, allowing it to be attached and detached from change event.\n\t */ updateDialogPositionCallback = this._updateDialogPosition.bind(this);\n    /**\n\t * If dialog is open, adjust its positioning.\n\t */ _updateDialogPosition(_evt, _name, isOpen) {\n        if (isOpen) {\n            this._setNewDialogPosition();\n        }\n    }\n    /**\n\t * Adjusts the dialog position to utilize the empty space on the right side of the editable.\n\t * The new dialog position should be on the right side of the fullscreen view with a 30px margin.\n\t * Only dialogs with the position set to \"editor-top-side\" should have their position changed.\n\t */ _setNewDialogPosition() {\n        const dialog = this._editor.plugins.get('Dialog');\n        const dialogView = dialog.view;\n        if (!dialogView || dialogView.position !== DialogViewPosition.EDITOR_TOP_SIDE) {\n            return;\n        }\n        // It's possible that the right edge container is used but not visible. We then fallback to the wrapper.\n        const keepRightEdgeContainerVisible = new Rect(this._wrapper.querySelector('.ck-fullscreen__right-edge')).getVisible();\n        const relativeContainer = keepRightEdgeContainerVisible ? this._wrapper.querySelector('.ck-fullscreen__right-edge') : this._wrapper;\n        const relativeContainerRect = new Rect(relativeContainer).getVisible();\n        const editorContainerRect = new Rect(document.querySelector('.ck-fullscreen__editable')).getVisible();\n        const dialogRect = new Rect(dialogView.element.querySelector('.ck-dialog')).getVisible();\n        const scrollOffset = new Rect(document.querySelector('.ck-fullscreen__editable-wrapper')).excludeScrollbarsAndBorders().getVisible().width - new Rect(document.querySelector('.ck-fullscreen__editable-wrapper')).getVisible().width;\n        if (relativeContainerRect && editorContainerRect && dialogRect) {\n            dialogView.position = null;\n            const leftOffset = keepRightEdgeContainerVisible ? relativeContainerRect.left - dialogRect.width - DIALOG_OFFSET : relativeContainerRect.left + relativeContainerRect.width - dialogRect.width - DIALOG_OFFSET + scrollOffset;\n            dialogView.moveTo(leftOffset, editorContainerRect.top);\n        }\n    }\n    /**\n\t * Saves the scroll positions of all ancestors of the given element.\n\t */ _saveAncestorsScrollPositions(domElement) {\n        let element = domElement.parentElement;\n        if (!element) {\n            return;\n        }\n        while(element){\n            const overflowY = element.style.overflowY || global.window.getComputedStyle(element).overflowY;\n            const overflowX = element.style.overflowX || global.window.getComputedStyle(element).overflowX;\n            // Out of 5 possible keyword values: visible, hidden, clip, scroll and auto - only the last two allow for scrolling.\n            if (overflowY === 'auto' || overflowY === 'scroll' || overflowX === 'auto' || overflowX === 'scroll') {\n                this._savedAncestorsScrollPositions.set(element, {\n                    scrollLeft: element.scrollLeft,\n                    scrollTop: element.scrollTop\n                });\n            } else if (element.tagName === 'HTML') {\n                this._savedAncestorsScrollPositions.set(element, {\n                    scrollLeft: element.scrollLeft,\n                    scrollTop: element.scrollTop\n                });\n            }\n            element = element.parentElement;\n        }\n    }\n    /**\n\t * Stores the current state of the AI Tabs and moves it to the fullscreen mode.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _handleAITabsTransfer() {\n        const aiTabs = this._editor.plugins.get('AITabs');\n        this._aiTabsData = {\n            side: aiTabs.side,\n            type: aiTabs.type\n        };\n        this.moveToFullscreen(aiTabs.view.element, 'right-edge');\n        aiTabs.side = 'right';\n        aiTabs.type = 'sidebar';\n        // Adjust the visible elements when the transition (changing the size of the AI tabs) ends. Earlier we do not have the\n        // correct sizes of elements.\n        aiTabs.view.element.addEventListener('transitionend', (evt)=>this._handleAISidebarTransitions(evt));\n    }\n    /**\n\t * Checks the transition event to see if it's changing the width of the AI tabs and if so, adjusts the visible fullscreen mode elements.\n\t */ _handleAISidebarTransitions(evt) {\n        const aiTabs = this._editor.plugins.get('AITabs');\n        // Transition may occur on any element inside the AI tabs (e.g. changing the box-shadow in review mode),\n        // so we need to check the target and the property name.\n        if (evt.target === aiTabs.view.element && evt.propertyName.includes('width')) {\n            this._adjustVisibleElements();\n        }\n    }\n    /**\n\t * Restores the state of the AI Tabs to the original values.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _restoreAITabs() {\n        const aiTabs = this._editor.plugins.get('AITabs');\n        aiTabs.side = this._aiTabsData?.side;\n        aiTabs.type = this._aiTabsData?.type;\n        this._aiTabsData = null;\n        aiTabs.view.element.removeEventListener('transitionend', this._handleAISidebarTransitions);\n    }\n    /**\n\t * Adjusts the visibility of the left and right sidebars based on the available space.\n\t */ _adjustVisibleElements() {\n        const editableWrapper = this._wrapper.querySelector('.ck-fullscreen__editable-wrapper');\n        // If user has explicitly opened the left sidebar, don't try to hide it automatically - but only once. Any later\n        // resizes will affect the sidebar visibility.\n        if (this._forceShowLeftSidebar) {\n            this._forceShowLeftSidebar = false;\n            return;\n        }\n        // First of all, check if we need to collapse something or not.\n        if (editableWrapper.scrollWidth > editableWrapper.clientWidth) {\n            // If we do, collapse left sidebar first.\n            this._hideLeftSidebar();\n            // If we still need more space, collapse right sidebar.\n            if (editableWrapper.scrollWidth > editableWrapper.clientWidth) {\n                this._hideRightSidebar();\n            }\n        } else {\n            // Try to expand right sidebar first. It's not enough to check if scrollWidth + rightSidebarWidth < clientWidth,\n            // because the wrapper will always stretch to the full available width.\n            // We need to check the sum of its children widths instead.\n            let actualWidth = [\n                ...editableWrapper.children\n            ].reduce((acc, child)=>acc + child.scrollWidth, 0);\n            // If adding right sidebar width to the factual width of the wrapper\n            // would still be less than the client width, expand right sidebar.\n            if (actualWidth + this._sidebarsWidths.right < editableWrapper.clientWidth) {\n                this._showRightSidebar();\n                actualWidth = [\n                    ...editableWrapper.children\n                ].reduce((acc, child)=>acc + child.scrollWidth, 0);\n            }\n            // Then follow the same logic for left sidebar - but only if we are controlling it\n            // (i.e. user hasn't explicitly collapsed the sidebar with a button).\n            if (actualWidth + this._sidebarsWidths.left < editableWrapper.clientWidth && !this._keepLeftSidebarHidden) {\n                this._showLeftSidebar();\n            }\n        }\n    }\n    /**\n\t * Switches the annotations UI to the requested one.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _switchAnnotationsUI(uiName) {\n        const annotationsUIs = this._editor.plugins.get('AnnotationsUIs');\n        annotationsUIs.deactivateAll();\n        const annotationsFilters = new Map();\n        for (const [uiName, data] of [\n            ...this._annotationsUIsData\n        ]){\n            // Default filter is `() => true`. Only store filters that are different.\n            if (data.filter !== annotationsUIs.defaultFilter) {\n                annotationsFilters.set(uiName, data.filter);\n            }\n        }\n        // First, check if someone has a filter defined for requested UI. If so, retrieve and apply it in fullscreen.\n        if (annotationsFilters.has(uiName)) {\n            annotationsUIs.activate(uiName, annotationsFilters.get(uiName));\n        } else if (annotationsFilters.size) {\n            annotationsUIs.activate(uiName, (annotation)=>[\n                    ...annotationsFilters.values()\n                ].some((filter)=>filter(annotation)));\n        } else {\n            annotationsUIs.switchTo(uiName);\n        }\n    }\n    /**\n\t * Sets up a resize observer to adjust the visibility of the left and right sidebars dynamically.\n\t */ _setupResizeObserver() {\n        const wrapper = this._wrapper.querySelector('.ck-fullscreen__editable-wrapper');\n        if (this._resizeObserver) {\n            this._resizeObserver.destroy();\n        }\n        this._resizeObserver = new ResizeObserver(wrapper, ()=>{\n            this._adjustVisibleElements();\n        });\n    }\n    /**\n\t * Hides the left sidebar. Works only if there is anything to hide.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _hideLeftSidebar() {\n        const t = this._editor.t;\n        if (this._collapseLeftSidebarButton) {\n            const leftSidebar = this._wrapper.querySelector('.ck-fullscreen__left-sidebar');\n            leftSidebar.classList.add('ck-fullscreen__left-sidebar--collapsed');\n            this._collapseLeftSidebarButton.icon = IconDocumentOutlineToggle;\n            this._collapseLeftSidebarButton.tooltip = t('Show left sidebar');\n        }\n    }\n    /**\n\t * Shows the left sidebar. Works only if there is anything to show.\n\t */ // Code coverage is provided in the commercial package repository as integration unit tests.\n    /* istanbul ignore next -- @preserve */ _showLeftSidebar() {\n        const t = this._editor.t;\n        if (this._collapseLeftSidebarButton) {\n            const leftSidebar = this._wrapper.querySelector('.ck-fullscreen__left-sidebar');\n            leftSidebar.classList.remove('ck-fullscreen__left-sidebar--collapsed');\n            this._collapseLeftSidebarButton.icon = IconPreviousArrow;\n            this._collapseLeftSidebarButton.tooltip = t('Hide left sidebar');\n        }\n    }\n    /**\n\t * Hides the right sidebar. Works only if there is anything to hide.\n\t */ _hideRightSidebar() {\n        if (this._wrapper.querySelector('.ck-fullscreen__right-sidebar').firstChild) {\n            this._switchAnnotationsUI('narrowSidebar');\n            this._wrapper.querySelector('.ck-fullscreen__right-sidebar').classList.add('ck-fullscreen__right-sidebar--collapsed');\n        }\n    }\n    /**\n\t * Shows the right sidebar. Works only if there is anything to show.\n\t */ _showRightSidebar() {\n        if (this._wrapper.querySelector('.ck-fullscreen__right-sidebar').firstChild) {\n            this._switchAnnotationsUI('wideSidebar');\n            this._wrapper.querySelector('.ck-fullscreen__right-sidebar').classList.remove('ck-fullscreen__right-sidebar--collapsed');\n        }\n    }\n}\n\n/**\n * The classic editor fullscreen mode handler.\n */ class FullscreenClassicEditorHandler extends FullscreenAbstractEditorHandler {\n    /**\n\t * An editor instance.\n\t */ _editor;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._editor = editor;\n    }\n    /**\n\t * A function that moves the editor UI elements to the fullscreen mode.\n\t */ defaultOnEnter() {\n        const editorUI = this._editor.ui;\n        const editorUIView = editorUI.view;\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore next -- @preserve */ if (this._editor.plugins.has('Pagination') && this._editor.plugins.get('Pagination').isEnabled) {\n            this.moveToFullscreen(editorUI.getEditableElement().parentElement.querySelector('.ck-pagination-view'), 'pagination-view');\n        }\n        this.moveToFullscreen(editorUI.getEditableElement(), 'editable');\n        this.moveToFullscreen(editorUIView.toolbar.element, 'toolbar');\n        editorUIView.toolbar.switchBehavior(this._editor.config.get('fullscreen.toolbar.shouldNotGroupWhenFull') === true ? 'static' : 'dynamic');\n        // In classic editor, the `dir` attribute is set on the top-level container and it affects the styling\n        // in both menu bar and toolbar (adding the side padding to the elements).\n        // Since we don't move the whole container but only parts, we need to reapply the attribute value manually.\n        // Decupled editor doesn't have this issue because there is no top-level container,\n        // so `dir` attribute is set on each component separately.\n        this.getWrapper().setAttribute('dir', editorUIView.element.getAttribute('dir'));\n        // The `ck-rounded-corners` class is added to the wrapper element to ensure that the corners in menu bar, toolbar etc are rounded\n        // when the editor is in fullscreen mode.\n        // Decupled editor doesn't have this issue because there is no top-level container,\n        // so `ck-rounded-corners` class is set on each component separately.\n        this.getWrapper().classList.add('ck-rounded-corners');\n        if (this._editor.config.get('fullscreen.menuBar.isVisible')) {\n            if (!editorUIView.menuBarView) {\n                editorUIView.menuBarView = new MenuBarView(this._editor.locale);\n                editorUIView.menuBarView.render();\n                editorUI.initMenuBar(editorUIView.menuBarView);\n            }\n            this.moveToFullscreen(editorUIView.menuBarView.element, 'menu-bar');\n        }\n        return this.getWrapper();\n    }\n}\n\n/**\n * The decoupled editor fullscreen mode handler.\n */ class FullscreenDecoupledEditorHandler extends FullscreenAbstractEditorHandler {\n    /**\n\t * An editor instance.\n\t */ _editor;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._editor = editor;\n    }\n    /**\n\t * A function that moves the editor UI elements to the fullscreen mode.\n\t */ defaultOnEnter() {\n        // Code coverage is provided in the commercial package repository as integration unit tests.\n        /* istanbul ignore next -- @preserve */ if (this._editor.plugins.has('Pagination') && this._editor.plugins.get('Pagination').isEnabled) {\n            this.moveToFullscreen(this._editor.ui.getEditableElement().parentElement.querySelector('.ck-pagination-view'), 'pagination-view');\n        }\n        this.moveToFullscreen(this._editor.ui.getEditableElement(), 'editable');\n        this.moveToFullscreen(this._editor.ui.view.toolbar.element, 'toolbar');\n        this._editor.ui.view.toolbar.switchBehavior(this._editor.config.get('fullscreen.toolbar.shouldNotGroupWhenFull') === true ? 'static' : 'dynamic');\n        if (this._editor.config.get('fullscreen.menuBar.isVisible')) {\n            this.moveToFullscreen(this._editor.ui.view.menuBarView.element, 'menu-bar');\n        }\n        return this.getWrapper();\n    }\n}\n\n/**\n * A command toggling the fullscreen mode.\n */ class FullscreenCommand extends Command {\n    /**\n\t * Specialized class handling the fullscreen mode toggling for a specific editor type.\n\t *\n\t * If you want to add support for a new editor type (for now, only Classic and Decoupled editors are handled),\n\t * create a custom handler that extends `FullscreenAbstractEditorHandler` and replace `fullscreenHandler` with it after\n\t * editor initialization:\n\t *\n\t * ```ts\n\t * // See the details of how to implement a custom handler in the `FullscreenAbstractEditorHandler` class API docs.\n\t * class CustomEditorHandler extends FullscreenAbstractEditorHandler {}\n\t *\n\t * CustomEditorClass.create( document.querySelector( '#editor' ), {} )\n\t * \t.then( ( editor ) => {\n\t * \t\teditor.commands.get( 'toggleFullscreen' ).fullscreenHandler = new CustomEditorHandler( editor );\n\t * \t} );\n\t * ```\n\t */ fullscreenHandler;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this.affectsData = false;\n        this.isEnabled = true;\n        this.value = false;\n        // Choose the appropriate handler based on the editor type.\n        // Currently only `ClassicEditor` and `DecoupledEditor` are supported. For other editor types, you should create a custom handler\n        // that extends `FullscreenAbstractEditorHandler` and replace `fullscreenHandler` with it.\n        if (isClassicEditor(editor)) {\n            this.fullscreenHandler = new FullscreenClassicEditorHandler(editor);\n        } else if (isDecoupledEditor(editor)) {\n            this.fullscreenHandler = new FullscreenDecoupledEditorHandler(editor);\n        } else {\n            this.fullscreenHandler = new FullscreenAbstractEditorHandler(editor);\n        }\n    }\n    /**\n\t * Toggles the fullscreen mode.\n\t */ execute() {\n        if (this.value) {\n            this._disableFullscreenMode();\n        } else {\n            this._enableFullscreenMode();\n        }\n    }\n    /**\n\t * Enables the fullscreen mode.\n\t */ _enableFullscreenMode() {\n        this.fullscreenHandler.enable();\n        this.value = true;\n    }\n    /**\n\t * Disables the fullscreen mode.\n\t */ _disableFullscreenMode() {\n        this.fullscreenHandler.disable();\n        this.value = false;\n    }\n}\n/**\n * Classic editor typeguard.\n */ function isClassicEditor(editor) {\n    return editor.constructor.editorName === 'ClassicEditor';\n}\n/**\n * Decoupled editor typeguard.\n */ function isDecoupledEditor(editor) {\n    return editor.constructor.editorName === 'DecoupledEditor';\n}\n\n/**\n * A plugin that registers the fullscreen mode command.\n */ class FullscreenEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FullscreenEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('fullscreen.menuBar.isVisible', true);\n        // By default, toolbar should behave the same way in fullscreen mode as in normal mode.\n        // This means that the toolbar buttons should be grouped when the toolbar is full.\n        editor.config.define('fullscreen.toolbar.shouldNotGroupWhenFull', editor.config.get('toolbar.shouldNotGroupWhenFull') === true);\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this.editor.commands.add('toggleFullscreen', new FullscreenCommand(this.editor));\n        const t = this.editor.locale.t;\n        // Set the Ctrl+Shift+F keystroke.\n        this.editor.keystrokes.set('Ctrl+Shift+F', (evt, cancel)=>{\n            this.editor.execute('toggleFullscreen');\n            // On non-Chromium browsers, the editor view and toolbar are not blurred properly after moving the editable,\n            // even though the `document.activeElement` is changed. Hence we need to blur them manually.\n            // Fixes https://github.com/ckeditor/ckeditor5/issues/18250 and https://github.com/ckeditor/ckeditor5/issues/18247.\n            if (!env.isBlink) {\n                this.editor.editing.view.document.isFocused = false;\n                this.editor.ui.view.toolbar.focusTracker.focusedElement = null;\n            }\n            // The order of scroll and focus is not important here.\n            this.editor.editing.view.scrollToTheSelection();\n            this.editor.editing.view.focus();\n            cancel();\n        });\n        // Add the information about the keystroke to the accessibility database.\n        this.editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Toggle fullscreen mode'),\n                    keystroke: 'CTRL+SHIFT+F'\n                }\n            ],\n            categoryId: 'navigation'\n        });\n    }\n}\n\nconst COMMAND_NAME = 'toggleFullscreen';\n/**\n * A plugin registering the fullscreen mode buttons.\n */ class FullscreenUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FullscreenEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FullscreenUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('fullscreen', ()=>this._createButton(ButtonView));\n        editor.ui.componentFactory.add('menuBar:fullscreen', ()=>this._createButton(MenuBarMenuListItemButtonView));\n    }\n    /**\n\t * Creates a button that toggles the fullscreen mode.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const t = editor.t;\n        const command = editor.commands.get(COMMAND_NAME);\n        const view = new ButtonClass(editor.locale);\n        view.set({\n            isToggleable: true\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        view.bind('isOn').to(command, 'value');\n        if (view instanceof MenuBarMenuListItemButtonView) {\n            view.set({\n                role: 'menuitemcheckbox',\n                label: t('Fullscreen mode')\n            });\n        } else {\n            view.bind('icon').to(command, 'value', (value)=>value ? IconFullscreenLeave : IconFullscreenEnter);\n            view.bind('label').to(command, 'value', (value)=>value ? t('Leave fullscreen mode') : t('Enter fullscreen mode'));\n            view.set({\n                tooltip: true\n            });\n        }\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute(COMMAND_NAME);\n            // On non-Chromium browsers, toolbar is not blurred properly after moving the editable,\n            // even though the `document.activeElement` is changed. Hence we need to blur the view manually.\n            // Fixes https://github.com/ckeditor/ckeditor5/issues/18250 and https://github.com/ckeditor/ckeditor5/issues/18247.\n            if (!env.isBlink) {\n                this.editor.ui.view.toolbar.focusTracker.focusedElement = null;\n            }\n            // The order of scroll and focus is not important here.\n            editor.editing.view.scrollToTheSelection();\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The fullscreen mode feature.\n */ class Fullscreen extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FullscreenEditing,\n            FullscreenUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Fullscreen';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { Fullscreen, FullscreenAbstractEditorHandler, FullscreenClassicEditorHandler, FullscreenCommand, FullscreenDecoupledEditorHandler, FullscreenEditing, FullscreenUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 fullscreen/handlers/abstracteditorhandler\n */\n\nimport { BodyCollection, ButtonView, DialogViewPosition } from 'ckeditor5/src/ui.js';\nimport { global, createElement, Rect, type EventInfo, ResizeObserver } from 'ckeditor5/src/utils.js';\nimport type { ElementApi, Editor, EditorConfig } from 'ckeditor5/src/core.js';\nimport { IconDocumentOutlineToggle, IconPreviousArrow } from '@ckeditor/ckeditor5-icons';\n\nconst DIALOG_OFFSET = 28;\n\n/**\n * The abstract editor type handler.\n *\n * This class defines some actions and behaviors that are applied when fullscreen mode is toggled, and which are common\n * regardless of the editor type. Then, specific classes like `ClassicEditorHandler` or `DecoupledEditorHandler`\n * extend this class with actions specific for these editor types.\n *\n * Extend this class to provide fullscreen mode handling for unsupported editor types,\n * or if you wish to heavily customize the default behavior.\n *\n * The only method that is necessary to provide when extending this class is {@link #defaultOnEnter}. However, make sure to\n * familiarize yourself with the below full list of actions taken by `FullscreenAbstractEditorHandler` to understand\n * what is covered by default, and what should be provided by you.\n *\n * When entering the fullscreen mode, the {@link #enable} method is called. It creates the properly styled container\n * and handles the editor features that need it, in the following order:\n *\n * 1. Saves the scroll positions of all ancestors of the editable element to restore them after leaving the fullscreen mode.\n * 2. Executes the {@link #defaultOnEnter} method to move the proper editor UI elements to the fullscreen mode.\n * **If you extend the abstract handler, you should override this method** to move the elements that are specific to your editor type, like:\n * \teditable, toolbar, menu bar.\n * \tUse {@link #moveToFullscreen} method for this purpose to ensure they are automatically cleaned up after leaving the fullscreen mode.\n * 3. Adds proper classes to the `<body>` and `<html>` elements to block page scrolling, adjust `z-index` etc.\n *\n * Steps 4-12 are only executed if the corresponding features are used.\n *\n * 4. If presence list is used, moves it to the fullscreen mode container.\n * 5. If document outline is used, moves it to the fullscreen mode.\n * 6. If pagination is used, adjusts it's configuration for the changed view.\n * 7. If annotations are used, moves them to the fullscreen mode.\n * 8. If revision history is used, overrides the callbacks to show the revision viewer in the fullscreen mode.\n * 9. If AI Tabs is used, moves it to the fullscreen mode.\n * 10. If source editing and document outline are both used, registers a callback hiding the document outline header in source editing mode.\n * 11. Changes the position of some dialogs to utilize the empty space on the right side of the editable element.\n * 12. If custom container is used, hides all other elements in it to ensure they don't create an empty unscrollable space.\n *\n * Then finally:\n *\n * 13. Adjusts the visibility of the left and right sidebars based on the available space.\n * 14. Sets up a resize observer to adjust the visibility of the left and right sidebars dynamically.\n * 15. Executes the configured {@link module:fullscreen/fullscreenconfig~FullscreenConfig#onEnterCallback\n * \t`config.fullscreen.onEnterCallback`} function.\n * \tBy default, it returns the fullscreen mode container element so it can be further customized.\n *\n * When leaving the fullscreen mode, the {@link #disable} method is called. It does the following:\n *\n * 1. Execute the configured {@link module:fullscreen/fullscreenconfig~FullscreenConfig#onLeaveCallback\n * \t`config.fullscreen.onLeaveCallback`} function.\n * 2. Remove the classes added to the `<body>` and `<html>` elements.\n * 3. If document outline is used, restore its default container.\n * 4. If annotations are used, restore their original state (UI, filters etc).\n * 5. If revision history is used, restore the original callbacks.\n * 7. If AI Tabs is used, restore it to the original state.\n * 8. If source editing and document outline are both used, restore the document outline header.\n * 9. Restore all moved elements to their original place.\n * 10. Destroy the fullscreen mode container.\n * 11. If the editor has a toolbar, switch its behavior to the one configured in the\n * \t{@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} property.\n * 12. Restore the scroll positions of all ancestors of the editable element.\n * 13. If pagination is used, restore its default configuration.\n * 14. Restore default dialogs positions.\n *\n * This class is exported to allow for custom extensions.\n */\nexport class FullscreenAbstractEditorHandler {\n\t/**\n\t * Maps placeholder names to placeholder elements and moved elements.\n\t */\n\tprivate _placeholderMap: Map<string, { placeholderElement: HTMLElement; movedElement: HTMLElement }>;\n\n\t/**\n\t * The wrapper element that holds the fullscreen mode layout.\n\t */\n\tprivate _wrapper: HTMLElement | null = null;\n\n\t/**\n\t * The document object in which the editor is located.\n\t */\n\tprivate _document: Document;\n\n\t/**\n\t * Data of the annotations UIs that were active before entering the fullscreen mode.\n\t */\n\tprivate _annotationsUIsData: Map<string, Record<string, any>> | null = null;\n\n\t/**\n\t * The pagination body collection that is used in the fullscreen mode.\n\t * If we don't move pagination lines to the fullscreen container, they won't be visible.\n\t */\n\tprivate _paginationBodyCollection: BodyCollection | null = null;\n\n\t/**\n\t * Whether the left sidebar collapse button is created.\n\t */\n\tprivate _hasLeftCollapseButton: boolean = false;\n\n\t/**\n\t * The button that toggles the visibility of the left sidebar.\n\t */\n\tprivate _collapseLeftSidebarButton: ButtonView | null = null;\n\n\t/**\n\t * The resize observer that is used to adjust the visibility of the left and right sidebars dynamically.\n\t */\n\tprivate _resizeObserver: ResizeObserver | null = null;\n\n\t/**\n\t * The width of the expanded left and right sidebars in the fullscreen mode. Necessary for logic checking if they should be visible.\n\t */\n\tprivate _sidebarsWidths: { left: number; right: number } = { left: 0, right: 0 };\n\n\t/**\n\t * Whether the left sidebar should be kept hidden even if there is enough space for it. It's set to `true` when user\n\t * collapses the left sidebar with a button. Behavior is reset when exiting the fullscreen mode.\n\t */\n\tprivate _keepLeftSidebarHidden: boolean = false;\n\n\t/**\n\t * Temporary flag used to ignore the first automatic layout adjustment logic when user collapses the left sidebar with a button.\n\t * It is then immediately set back to `false`.\n\t */\n\tprivate _forceShowLeftSidebar: boolean = false;\n\n\t/**\n\t * A callback that hides the document outline header when the source editing mode is enabled.\n\t * Document outline element itself is hidden by source editing plugin.\n\t */\n\t/* istanbul ignore next -- @preserve */\n\tprivate _sourceEditingCallback = ( _evt: EventInfo, _name: string, value: boolean ) => {\n\t\t( this.getWrapper().querySelector( '.ck-fullscreen__document-outline-header' ) as HTMLElement ).style.display =\n\t\t\tvalue ? 'none' : '';\n\t};\n\n\t/**\n\t * A map of elements that were hidden when entering the fullscreen mode.\n\t * It is used to restore their previous visibility when leaving the fullscreen mode and avoid showing elements\n\t * that were hidden before entering the fullscreen mode.\n\t */\n\tprivate _hiddenElements: Map<HTMLElement, string> = new Map();\n\n\t/**\n\t * A map matching the ancestors of the editable element with their scroll positions before entering fullscreen mode.\n\t */\n\tprivate _savedAncestorsScrollPositions: Map<HTMLElement, { scrollLeft: number; scrollTop: number }> = new Map();\n\n\t/**\n\t * A callback that shows the revision viewer, stored to restore the original one after exiting the fullscreen mode.\n\t */\n\tprotected _showRevisionViewerCallback: ( ( config?: EditorConfig ) => Promise<any> ) | null = null;\n\n\t/**\n\t * A callback that closes the revision viewer, stored to restore the original one after exiting the fullscreen mode.\n\t */\n\tprotected _closeRevisionViewerCallback: ( ( viewerEditor?: any ) => Promise<unknown> ) | null = null;\n\n\t/**\n\t * An editor instance. It should be set by the particular editor type handler.\n\t */\n\tdeclare protected _editor: Editor & Partial<ElementApi>;\n\n\t/**\n\t * A map of AI Tabs data that were set before entering the fullscreen mode.\n\t */\n\tprivate _aiTabsData: { side: 'right' | 'left'; type: 'sidebar' | 'overlay' | 'custom' } | null = null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tthis._placeholderMap = new Map();\n\n\t\tif ( editor.plugins.has( 'RevisionHistory' ) ) {\n\t\t\tthis._showRevisionViewerCallback = ( editor.config.get( 'revisionHistory' ) as any ).showRevisionViewerCallback;\n\t\t\tthis._closeRevisionViewerCallback = ( editor.config.get( 'revisionHistory' ) as any ).closeRevisionViewerCallback;\n\t\t}\n\n\t\tthis._editor = editor;\n\t\tthis._document = this._editor.sourceElement ? this._editor.sourceElement.ownerDocument : global.document;\n\t\tthis._editor.config.define( 'fullscreen.container', this._document.body );\n\n\t\teditor.on( 'destroy', () => {\n\t\t\tif ( this._wrapper ) {\n\t\t\t\tthis.destroy();\n\t\t\t}\n\n\t\t\tif ( this._resizeObserver ) {\n\t\t\t\tthis._resizeObserver.destroy();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Moves the given element to the fullscreen mode container, leaving a placeholder in its place.\n\t */\n\tpublic moveToFullscreen( elementToMove: HTMLElement, placeholderName: string ): void {\n\t\tconst placeholderElement = createElement( this._document, 'div' );\n\n\t\tplaceholderElement.setAttribute( 'data-ck-fullscreen-placeholder', placeholderName );\n\t\telementToMove.replaceWith( placeholderElement );\n\n\t\tthis.getWrapper().querySelector( `[data-ck-fullscreen=\"${ placeholderName }\"]` )!.append( elementToMove );\n\n\t\tthis._placeholderMap.set( placeholderName, { placeholderElement, movedElement: elementToMove } );\n\t}\n\n\t/**\n\t * Returns a single moved element to its original place.\n\t */\n\tpublic restoreMovedElementLocation( placeholderName: string ): void {\n\t\tif ( !this._placeholderMap.has( placeholderName ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { placeholderElement, movedElement } = this._placeholderMap.get( placeholderName )!;\n\n\t\tplaceholderElement.replaceWith( movedElement );\n\t\tplaceholderElement.remove();\n\n\t\tthis._placeholderMap.delete( placeholderName );\n\n\t\tif ( this._placeholderMap.size === 0 ) {\n\t\t\tthis._destroyContainer();\n\t\t}\n\t}\n\n\t/**\n\t * Returns the fullscreen mode container element.\n\t */\n\tpublic getWrapper(): HTMLElement {\n\t\tif ( !this._wrapper ) {\n\t\t\tthis._wrapper = createElement( this._document, 'div', {\n\t\t\t\tclass: 'ck ck-fullscreen__main-wrapper'\n\t\t\t} );\n\n\t\t\t// For now, the container is generated in a very straightforward way. If necessary, it may be rewritten using editor's UI lib.\n\t\t\tthis._wrapper.innerHTML = `\n\t\t\t\t<div class=\"ck ck-fullscreen__top-wrapper ck-reset_all\">\n\t\t\t\t\t<div class=\"ck ck-fullscreen__menu-bar\" data-ck-fullscreen=\"menu-bar\"></div>\n\t\t\t\t\t<div class=\"ck ck-fullscreen__toolbar\" data-ck-fullscreen=\"toolbar\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ck ck-fullscreen__editable-wrapper\">\n\t\t\t\t\t<div class=\"ck ck-fullscreen__sidebar ck-fullscreen__left-sidebar\" data-ck-fullscreen=\"left-sidebar\"></div>\n\t\t\t\t\t<div class=\"ck ck-fullscreen__editable\" data-ck-fullscreen=\"editable\">\n\t\t\t\t\t\t<div class=\"ck ck-fullscreen__pagination-view\" data-ck-fullscreen=\"pagination-view\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"ck ck-fullscreen__sidebar ck-fullscreen__right-sidebar\" data-ck-fullscreen=\"right-sidebar\"></div>\n\t\t\t\t\t<div class=\"ck ck-fullscreen__right-edge\" data-ck-fullscreen=\"right-edge\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ck ck-fullscreen__bottom-wrapper\">\n\t\t\t\t\t<div class=\"ck ck-fullscreen__body-wrapper\" data-ck-fullscreen=\"body-wrapper\"></div>\n\t\t\t\t</div>\n\t\t\t`;\n\n\t\t\tthis._editor.config.get( 'fullscreen.container' )!.appendChild( this._wrapper );\n\t\t}\n\n\t\treturn this._wrapper;\n\t}\n\n\t/**\n\t * Enables the fullscreen mode. It executes the editor-specific enable handler and then the configured callback.\n\t */\n\tpublic enable(): void {\n\t\tthis._saveAncestorsScrollPositions( this._editor.ui.getEditableElement()! )!;\n\t\tthis.defaultOnEnter();\n\n\t\t// Block scroll if the fullscreen container is the body element. Otherwise the document has to stay scrollable.\n\t\tif ( this._editor.config.get( 'fullscreen.container' ) === this._document.body ) {\n\t\t\tthis._document.body.classList.add( 'ck-fullscreen' );\n\t\t\tthis._document.body.parentElement!.classList.add( 'ck-fullscreen' );\n\t\t}\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore if -- @preserve */\n\t\tif ( this._editor.plugins.has( 'PresenceListUI' ) ) {\n\t\t\tthis._generatePresenceListContainer();\n\t\t}\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore if -- @preserve */\n\t\tif ( this._editor.plugins.has( 'DocumentOutlineUI' ) ) {\n\t\t\tthis._generateDocumentOutlineContainer();\n\t\t}\n\n\t\tif ( this._hasLeftCollapseButton ) {\n\t\t\tthis._generateCollapseButton();\n\t\t}\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( this._editor.plugins.has( 'Pagination' ) && ( this._editor.plugins.get( 'Pagination' ) as any ).isEnabled ) {\n\t\t\tconst paginationRenderer = this._editor.plugins.get( 'PaginationRenderer' ) as any;\n\n\t\t\tpaginationRenderer.setupScrollableAncestor();\n\n\t\t\tthis._paginationBodyCollection = new BodyCollection( this._editor.locale );\n\n\t\t\tthis._paginationBodyCollection.attachToDom();\n\t\t\tpaginationRenderer.linesRepository.setViewCollection( this._paginationBodyCollection );\n\n\t\t\tthis._editor.once( 'destroy', () => {\n\t\t\t\tthis._paginationBodyCollection!.detachFromDom();\n\t\t\t} );\n\n\t\t\tthis.moveToFullscreen( this._paginationBodyCollection.bodyCollectionContainer!, 'body-wrapper' );\n\t\t}\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore if -- @preserve */\n\t\tif ( this._editor.plugins.has( 'AnnotationsUIs' ) ) {\n\t\t\tthis._overrideAnnotationsUIs();\n\t\t}\n\n\t\tif ( this._editor.plugins.has( 'RevisionHistory' ) ) {\n\t\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t\t/* istanbul ignore if -- @preserve */\n\t\t\tif ( ( this._editor.plugins.get( 'RevisionHistory' ) as any ).isRevisionViewerOpen ) {\n\t\t\t\t// Keep in mind that closing the revision history viewer is an asynchronous operation.\n\t\t\t\t( this._editor.config.get( 'revisionHistory.closeRevisionViewerCallback' ) as any )();\n\t\t\t}\n\n\t\t\tthis._overrideRevisionHistoryCallbacks();\n\t\t}\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore if -- @preserve */\n\t\tif ( this._editor.plugins.has( 'AITabs' ) ) {\n\t\t\tthis._handleAITabsTransfer();\n\t\t}\n\n\t\tif ( this._editor.plugins.has( 'SourceEditing' ) && this._editor.plugins.has( 'DocumentOutlineUI' ) ) {\n\t\t\t// Register a callback to hide the document outline header in source editing mode.\n\t\t\t( this._editor.plugins.get( 'SourceEditing' ) as any ).on( 'change:isSourceEditingMode', this._sourceEditingCallback );\n\t\t}\n\n\t\t// Dialog position should be done after all known elements are moved to the fullscreen container.\n\t\tif ( this._editor.plugins.has( 'Dialog' ) ) {\n\t\t\tthis._registerFullscreenDialogPositionAdjustments();\n\t\t}\n\n\t\t// Hide all other elements in the container to ensure they don't create an empty unscrollable space.\n\t\tfor ( const element of this._editor.config.get( 'fullscreen.container' )!.children ) {\n\t\t\t// Do not hide body wrapper and ckbox wrapper to keep dialogs, balloons etc visible.\n\t\t\tif (\n\t\t\t\telement !== this._wrapper &&\n\t\t\t\t!element.classList.contains( 'ck-body-wrapper' ) &&\n\t\t\t\t!element.classList.contains( 'ckbox-wrapper' ) &&\n\t\t\t\t// Already hidden elements are not hidden again to avoid accidentally showing them after leaving fullscreen.\n\t\t\t\t( element as HTMLElement ).style.display !== 'none'\n\t\t\t) {\n\t\t\t\tthis._hiddenElements.set( element as HTMLElement, ( element as HTMLElement ).style.display );\n\t\t\t\t( element as HTMLElement ).style.display = 'none';\n\t\t\t}\n\t\t}\n\n\t\t// Save the information about the width of the left and right sidebars before they possibly get hidden.\n\t\t// It will be used for math checking if they should be visible or not dynamically.\n\t\tthis._sidebarsWidths = {\n\t\t\tleft: this._wrapper!.querySelector( '.ck-fullscreen__left-sidebar' )!.scrollWidth,\n\t\t\tright: this._wrapper!.querySelector( '.ck-fullscreen__right-sidebar' )!.scrollWidth\n\t\t};\n\n\t\tthis._adjustVisibleElements();\n\t\tthis._setupResizeObserver();\n\n\t\tif ( this._editor.config.get( 'fullscreen.onEnterCallback' ) ) {\n\t\t\tthis._editor.config.get( 'fullscreen.onEnterCallback' )!( this.getWrapper() );\n\t\t}\n\t}\n\n\t/**\n\t * Disables the fullscreen mode by restoring all moved elements and destroying the fullscreen container.\n\t */\n\tpublic disable(): void {\n\t\tif ( this._editor.config.get( 'fullscreen.onLeaveCallback' ) ) {\n\t\t\tthis._editor.config.get( 'fullscreen.onLeaveCallback' )!( this.getWrapper() );\n\t\t}\n\n\t\tthis._document.body.classList.remove( 'ck-fullscreen' );\n\t\tthis._document.body.parentElement!.classList.remove( 'ck-fullscreen' );\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore if -- @preserve */\n\t\tif ( this._editor.plugins.has( 'DocumentOutlineUI' ) ) {\n\t\t\tthis._restoreDocumentOutlineDefaultContainer();\n\t\t}\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore if -- @preserve */\n\t\tif ( this._annotationsUIsData ) {\n\t\t\tthis._restoreAnnotationsUIs();\n\t\t}\n\n\t\tif ( this._editor.plugins.has( 'RevisionHistory' ) ) {\n\t\t\tthis._restoreRevisionHistoryCallbacks();\n\t\t}\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore if -- @preserve */\n\t\tif ( this._editor.plugins.has( 'AITabs' ) ) {\n\t\t\tthis._restoreAITabs();\n\t\t}\n\n\t\tif ( this._editor.plugins.has( 'SourceEditing' ) && this._editor.plugins.has( 'DocumentOutlineUI' ) ) {\n\t\t\t( this._editor.plugins.get( 'SourceEditing' ) as any ).off( 'change:isSourceEditingMode', this._sourceEditingCallback );\n\t\t}\n\n\t\tfor ( const placeholderName of this._placeholderMap.keys() ) {\n\t\t\tthis.restoreMovedElementLocation( placeholderName );\n\t\t}\n\n\t\t// Container is also destroyed in the `restoreMovedElementLocation()` method, but we need to do it here\n\t\t// to ensure that the container is destroyed even if no elements were moved.\n\t\tthis._destroyContainer();\n\n\t\tif ( this._editor.ui.view.toolbar ) {\n\t\t\tthis._editor.ui.view.toolbar.switchBehavior(\n\t\t\t\tthis._editor.config.get( 'toolbar.shouldNotGroupWhenFull' ) === true ? 'static' : 'dynamic'\n\t\t\t);\n\t\t}\n\n\t\t// Restore scroll positions of all ancestors. It may include the closest editable wrapper causing the editor to change\n\t\t// the visible content, which is not what we want. Thus, after executing the command, we use\n\t\t// `editor.editing.view.scrollToTheSelection()` to scroll the editor viewport to the current selection.\n\t\t// Using `behavior: 'instant'` is necessary to force scroll if some of the containers has `scroll-behavior: smooth` set (otherwise\n\t\t// the scroll won't happen).\n\t\tfor ( const [ ancestor, value ] of this._savedAncestorsScrollPositions ) {\n\t\t\t// `ScrollBehavior` has incorrect type definition in currently used TS version (5.0.4). Fix should be present since 5.1.0:\n\t\t\t// https://github.com/Microsoft/TypeScript/issues/28755. Hence we need a type assertion here.\n\t\t\tancestor.scrollTo( { left: value.scrollLeft, top: value.scrollTop, behavior: 'instant' as ScrollBehavior } );\n\t\t}\n\n\t\tthis._savedAncestorsScrollPositions.clear();\n\n\t\t// Pagination has to be restored after leaving fullscreen mode to ensure proper rendering.\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( this._editor.plugins.has( 'Pagination' ) && ( this._editor.plugins.get( 'Pagination' ) as any ).isEnabled ) {\n\t\t\tconst paginationRenderer = this._editor.plugins.get( 'PaginationRenderer' ) as any;\n\n\t\t\tpaginationRenderer.setupScrollableAncestor();\n\t\t\tpaginationRenderer.linesRepository.setViewCollection( this._editor.ui.view.body );\n\n\t\t\tthis._paginationBodyCollection!.detachFromDom();\n\t\t\tthis._paginationBodyCollection?.destroy();\n\t\t}\n\n\t\t// Also dialog position needs to be recalculated after leaving fullscreen mode.\n\t\tif ( this._editor.plugins.has( 'Dialog' ) ) {\n\t\t\tthis._unregisterFullscreenDialogPositionAdjustments();\n\t\t}\n\n\t\t// Reset the behavior of the left sidebar.\n\t\tthis._keepLeftSidebarHidden = false;\n\n\t\tthis._resizeObserver?.destroy();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic destroy(): void {\n\t\tfor ( const { placeholderElement, movedElement } of this._placeholderMap.values() ) {\n\t\t\tplaceholderElement.remove();\n\t\t\tmovedElement.remove();\n\t\t}\n\n\t\tthis._destroyContainer();\n\n\t\tthis._document.body.classList.remove( 'ck-fullscreen' );\n\t\tthis._document.body.parentElement!.classList.remove( 'ck-fullscreen' );\n\t}\n\n\t/**\n\t * A function that moves the editor UI elements to the fullscreen mode. It should be set by the particular editor type handler.\n\t *\n\t * Returns the fullscreen mode container element so it can be further customized via\n\t * `fullscreen.onEnterCallback` configuration property.\n\t */\n\tpublic defaultOnEnter(): HTMLElement {\n\t\treturn this.getWrapper();\n\t}\n\n\t/**\n\t * Destroys the fullscreen mode container.\n\t */\n\tprivate _destroyContainer(): void {\n\t\tif ( !this._wrapper ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._wrapper.remove();\n\t\tthis._wrapper = null;\n\n\t\t// Restore visibility of all other elements in the container.\n\t\tfor ( const [ element, displayValue ] of this._hiddenElements ) {\n\t\t\telement.style.display = displayValue;\n\t\t}\n\n\t\tthis._hiddenElements.clear();\n\t}\n\n\t/**\n\t * Checks if the PresenceListUI plugin is available and moves its elements to fullscreen mode.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _generatePresenceListContainer(): void {\n\t\tconst t = this._editor.t;\n\t\tconst presenceListElement = createElement( document, 'div', {\n\t\t\tclass: 'ck ck-fullscreen__left-sidebar-item'\n\t\t} );\n\n\t\tpresenceListElement.innerHTML = `\n\t\t\t<div class=\"ck ck-fullscreen__left-sidebar-header\"></div>\n\t\t\t<div class=\"ck ck-fullscreen__presence-list\" data-ck-fullscreen=\"presence-list\"></div>\n\t\t`;\n\t\t( presenceListElement.firstElementChild as HTMLElement ).innerText = t( 'Connected users' );\n\n\t\tif ( !document.querySelector( '[data-ck-fullscreen=\"left-sidebar-sticky\"]' ) ) {\n\t\t\tdocument.querySelector( '[data-ck-fullscreen=\"left-sidebar\"]' )!.appendChild(\n\t\t\t\tcreateElement( document, 'div', {\n\t\t\t\t\tclass: 'ck ck-fullscreen__left-sidebar-sticky',\n\t\t\t\t\t'data-ck-fullscreen': 'left-sidebar-sticky'\n\t\t\t\t} )\n\t\t\t);\n\t\t}\n\n\t\tdocument.querySelector( '[data-ck-fullscreen=\"left-sidebar-sticky\"]' )!.appendChild( presenceListElement );\n\n\t\tconst presenceListUI = this._editor.plugins.get( 'PresenceListUI' ) as any;\n\n\t\tthis.moveToFullscreen( presenceListUI.view.element!, 'presence-list' );\n\n\t\tthis._hasLeftCollapseButton = true;\n\t}\n\n\t/**\n\t * Checks if the DocumentOutlineUI plugin is available and moves its elements to fullscreen mode.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _generateDocumentOutlineContainer(): void {\n\t\tconst t = this._editor.t;\n\t\tconst documentOutlineHeaderElement = createElement( document, 'div', {\n\t\t\tclass: 'ck-fullscreen__left-sidebar-item ck-fullscreen__left-sidebar-item--no-margin'\n\t\t} );\n\n\t\tdocumentOutlineHeaderElement.innerHTML = `\n\t\t\t<div class=\"ck ck-fullscreen__left-sidebar-header ck-fullscreen__document-outline-header\"></div>\n\t\t`;\n\t\t( documentOutlineHeaderElement.firstElementChild as HTMLElement ).innerText = t( 'Document outline' );\n\n\t\tconst documentOutlineBodyWrapper = createElement( document, 'div', {\n\t\t\tclass: 'ck ck-fullscreen__left-sidebar-item ck-fullscreen__document-outline-wrapper'\n\t\t} );\n\n\t\tdocumentOutlineBodyWrapper.innerHTML = `\n\t\t\t<div class=\"ck ck-fullscreen__document-outline\" data-ck-fullscreen=\"document-outline\"></div>\n\t\t`;\n\n\t\tif ( !document.querySelector( '[data-ck-fullscreen=\"left-sidebar-sticky\"]' ) ) {\n\t\t\tdocument.querySelector( '[data-ck-fullscreen=\"left-sidebar\"]' )!.appendChild(\n\t\t\t\tcreateElement( document, 'div', {\n\t\t\t\t\tclass: 'ck ck-fullscreen__left-sidebar-sticky',\n\t\t\t\t\t'data-ck-fullscreen': 'left-sidebar-sticky'\n\t\t\t\t} )\n\t\t\t);\n\t\t}\n\n\t\tdocument.querySelector( '[data-ck-fullscreen=\"left-sidebar\"]' )!.appendChild( documentOutlineBodyWrapper );\n\t\tdocument.querySelector( '[data-ck-fullscreen=\"left-sidebar-sticky\"]' )!.appendChild( documentOutlineHeaderElement );\n\n\t\tconst documentOutlineUI = this._editor.plugins.get( 'DocumentOutlineUI' ) as any;\n\t\tdocumentOutlineUI.view.documentOutlineContainer = document.querySelector( '[data-ck-fullscreen=\"left-sidebar\"]' ) as HTMLElement;\n\n\t\tthis.moveToFullscreen( documentOutlineUI.view.element!, 'document-outline' );\n\n\t\tthis._hasLeftCollapseButton = true;\n\t}\n\n\t/**\n\t * Restores the default value of documentOutlineContainer, which is modified in fullscreen mode.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _restoreDocumentOutlineDefaultContainer(): void {\n\t\tconst documentOutlineUI = this._editor.plugins.get( 'DocumentOutlineUI' ) as any;\n\t\tdocumentOutlineUI.view.documentOutlineContainer = documentOutlineUI.view.element as HTMLElement;\n\t}\n\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _generateCollapseButton(): void {\n\t\tconst button = new ButtonView( this._editor.locale );\n\t\tconst leftSidebarContainer = document.querySelector( '.ck-fullscreen__left-sidebar' ) as HTMLElement;\n\t\tconst t = this._editor.t;\n\n\t\tbutton.set( {\n\t\t\tlabel: t( 'Toggle sidebar' ),\n\t\t\tclass: 'ck-fullscreen__left-sidebar-toggle-button',\n\t\t\ttooltip: t( 'Hide left sidebar' ),\n\t\t\ttooltipPosition: 'se',\n\t\t\ticon: IconPreviousArrow\n\t\t} );\n\n\t\tbutton.on( 'execute', () => {\n\t\t\t// Change the look of the button to reflect the state of the left sidebar.\n\t\t\tif ( leftSidebarContainer.classList.contains( 'ck-fullscreen__left-sidebar--collapsed' ) ) {\n\t\t\t\t// Enable automatic left sidebar toggling.\n\t\t\t\tthis._forceShowLeftSidebar = true;\n\t\t\t\tthis._keepLeftSidebarHidden = false;\n\n\t\t\t\tthis._showLeftSidebar();\n\t\t\t} else {\n\t\t\t\t// Disable automatic left sidebar toggling.\n\t\t\t\tthis._keepLeftSidebarHidden = true;\n\n\t\t\t\tthis._hideLeftSidebar();\n\t\t\t}\n\n\t\t\t// Keep the focus in the editor whenever the button is clicked.\n\t\t\tthis._editor.editing.view.focus();\n\t\t} );\n\n\t\tbutton.render();\n\n\t\tthis._collapseLeftSidebarButton = button;\n\n\t\t// Append the button at the top of the left sidebar.\n\t\tleftSidebarContainer.prepend( button.element! );\n\t}\n\n\t/**\n\t * Stores the current state of the annotations UIs to restore it when leaving fullscreen mode and switches the UI to the wide sidebar.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _overrideAnnotationsUIs() {\n\t\tconst annotationsUIs = this._editor.plugins.get( 'AnnotationsUIs' ) as any;\n\n\t\tthis._annotationsUIsData = new Map( annotationsUIs.uisData );\n\n\t\tannotationsUIs.deactivateAll();\n\n\t\tconst sidebarPlugin = this._editor.plugins.get( 'Sidebar' ) as any;\n\n\t\t// There are two scenarios to consider: if wide sidebar is already used and when it's not.\n\t\t// If sidebar container is not set (e.g. in case of inline annotations), we need to:\n\t\t// 1. Set the sidebar container in the sidebar plugin.\n\t\t// 2. Activate the wide sidebar UI.\n\t\t// 3. Move the sidebar element to the fullscreen mode.\n\t\tif ( !sidebarPlugin.container ) {\n\t\t\tsidebarPlugin.setContainer( this.getWrapper().querySelector( '[data-ck-fullscreen=\"right-sidebar\"]' ) as HTMLElement );\n\n\t\t\tthis._switchAnnotationsUI( 'wideSidebar' );\n\n\t\t\tthis.moveToFullscreen( ( sidebarPlugin.container!.firstElementChild as HTMLElement ), 'right-sidebar' );\n\t\t}\n\t\t// If sidebar was already used:\n\t\t// 1. Switch to the wide sidebar UI (it's possibly switch back but we deactivated all UIs before).\n\t\t// 2. Move the sidebar element to the fullscreen mode.\n\t\t// 3. Set the sidebar container in the sidebar plugin.\n\t\t// If we set the container before moving the sidebar, we lose the reference to the original sidebar container and it won't be\n\t\t// moved back to the correct position after leaving fullscreen.\n\t\telse {\n\t\t\tthis._switchAnnotationsUI( 'wideSidebar' );\n\n\t\t\tthis.moveToFullscreen( ( sidebarPlugin.container!.firstElementChild as HTMLElement ), 'right-sidebar' );\n\n\t\t\tsidebarPlugin.setContainer(\n\t\t\t\tthis.getWrapper().querySelector( '[data-ck-fullscreen=\"right-sidebar\"]' ) as HTMLElement\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Restores the saved state of the annotations UIs.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _restoreAnnotationsUIs() {\n\t\tconst sidebarPlugin = this._editor.plugins.get( 'Sidebar' ) as any;\n\t\tconst sidebarContainer = sidebarPlugin.context.config.get( 'sidebar.container' );\n\n\t\t// If sidebar container was set initially, restore it to the original value from config.\n\t\tif ( sidebarContainer ) {\n\t\t\tsidebarPlugin.setContainer( sidebarContainer as HTMLElement );\n\t\t}\n\n\t\tconst annotationsUIs = this._editor.plugins.get( 'AnnotationsUIs' ) as any;\n\n\t\tannotationsUIs.deactivateAll();\n\n\t\tfor ( const [ uiName, data ] of [ ...this._annotationsUIsData! ] ) {\n\t\t\tannotationsUIs.activate( uiName, data.filter );\n\t\t}\n\n\t\tthis._annotationsUIsData = null;\n\t}\n\n\t/**\n\t * Modifies the revision history viewer callbacks to display the viewer in the fullscreen mode.\n\t */\n\tprivate _overrideRevisionHistoryCallbacks(): void {\n\t\t// * Hide editor's editable, toolbar and sidebar;\n\t\t// * Disable menu bar;\n\t\t// * Show revision viewer editable, toolbar and sidebar.\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tthis._editor.config.set( 'revisionHistory.showRevisionViewerCallback', async () => {\n\t\t\tconst revisionViewerEditor = await this._showRevisionViewerCallback!();\n\n\t\t\tif ( this._editor.plugins.has( 'DocumentOutlineUI' ) ) {\n\t\t\t\t( this.getWrapper().querySelector( '.ck-fullscreen__document-outline-header' ) as HTMLElement ).style.display = 'none';\n\t\t\t}\n\n\t\t\tthis.restoreMovedElementLocation( 'editable' );\n\t\t\tthis.restoreMovedElementLocation( 'toolbar' );\n\t\t\tthis.restoreMovedElementLocation( 'right-sidebar' );\n\n\t\t\tif ( this._annotationsUIsData ) {\n\t\t\t\tthis._restoreAnnotationsUIs();\n\t\t\t}\n\n\t\t\tif ( this._editor.ui.view.menuBarView ) {\n\t\t\t\tthis._editor.ui.view.menuBarView.disable();\n\t\t\t}\n\n\t\t\tthis.moveToFullscreen( revisionViewerEditor.ui.getEditableElement(), 'editable' );\n\t\t\tthis.moveToFullscreen( revisionViewerEditor.ui.view.toolbar.element, 'toolbar' );\n\t\t\tthis.moveToFullscreen( this._editor.config.get( 'revisionHistory.viewerSidebarContainer' ) as any, 'right-sidebar' );\n\n\t\t\treturn revisionViewerEditor;\n\t\t} );\n\n\t\t// * Hide revision viewer editable, toolbar and sidebar;\n\t\t// * Enable menu bar;\n\t\t// * Show editor's editable, toolbar and sidebar.\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tthis._editor.config.set( 'revisionHistory.closeRevisionViewerCallback', async () => {\n\t\t\tthis.restoreMovedElementLocation( 'toolbar' );\n\t\t\tthis.restoreMovedElementLocation( 'editable' );\n\t\t\tthis.restoreMovedElementLocation( 'right-sidebar' );\n\n\t\t\tif ( this._editor.plugins.has( 'DocumentOutlineUI' ) ) {\n\t\t\t\t( this.getWrapper().querySelector( '.ck-fullscreen__document-outline-header' ) as HTMLElement ).style.display = '';\n\t\t\t}\n\n\t\t\tthis.moveToFullscreen( this._editor.ui.getEditableElement()!, 'editable' );\n\t\t\tthis.moveToFullscreen( this._editor.ui.view.toolbar!.element!, 'toolbar' );\n\n\t\t\tawait this._closeRevisionViewerCallback!();\n\n\t\t\tif ( this._editor.plugins.has( 'AnnotationsUIs' ) ) {\n\t\t\t\tthis._overrideAnnotationsUIs();\n\t\t\t}\n\n\t\t\tif ( this._editor.ui.view.menuBarView ) {\n\t\t\t\tthis._editor.ui.view.menuBarView.enable();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Resets the revision history viewer callbacks to their original values.\n\t */\n\tprivate _restoreRevisionHistoryCallbacks(): void {\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tthis._editor.config.set( 'revisionHistory.showRevisionViewerCallback', async () => {\n\t\t\treturn this._showRevisionViewerCallback!();\n\t\t} );\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tthis._editor.config.set( 'revisionHistory.closeRevisionViewerCallback', async () => {\n\t\t\treturn this._closeRevisionViewerCallback!();\n\t\t} );\n\t}\n\n\t/**\n\t * Adds an event listener when the dialog opens to adjust its position in fullscreen mode,\n\t * utilizing the empty space on the right side of the editable element.\n\t */\n\tprivate _registerFullscreenDialogPositionAdjustments(): void {\n\t\tconst dialog = this._editor.plugins.get( 'Dialog' );\n\n\t\tthis._setNewDialogPosition();\n\n\t\tdialog.on( 'change:isOpen', this.updateDialogPositionCallback, { priority: 'highest' } );\n\t}\n\n\t/**\n\t * Removes an event listener that adjusts the dialog's position in fullscreen mode.\n\t */\n\tprivate _unregisterFullscreenDialogPositionAdjustments(): void {\n\t\tconst dialog = this._editor.plugins.get( 'Dialog' );\n\t\tconst dialogView = dialog.view;\n\n\t\tif ( dialogView && dialogView.position === null ) {\n\t\t\tdialogView.position = DialogViewPosition.EDITOR_TOP_SIDE;\n\t\t}\n\n\t\tif ( dialogView ) {\n\t\t\tdialogView.updatePosition();\n\t\t}\n\n\t\tdialog.off( 'change:isOpen', this.updateDialogPositionCallback );\n\t}\n\n\t/**\n\t * Stores a bound reference to the _updateDialogPosition method, allowing it to be attached and detached from change event.\n\t */\n\tpublic updateDialogPositionCallback = this._updateDialogPosition.bind( this );\n\n\t/**\n\t * If dialog is open, adjust its positioning.\n\t */\n\tprivate _updateDialogPosition( _evt: EventInfo, _name: string, isOpen: boolean ): void {\n\t\tif ( isOpen ) {\n\t\t\tthis._setNewDialogPosition();\n\t\t}\n\t}\n\n\t/**\n\t * Adjusts the dialog position to utilize the empty space on the right side of the editable.\n\t * The new dialog position should be on the right side of the fullscreen view with a 30px margin.\n\t * Only dialogs with the position set to \"editor-top-side\" should have their position changed.\n\t */\n\tprivate _setNewDialogPosition(): void {\n\t\tconst dialog = this._editor.plugins.get( 'Dialog' );\n\t\tconst dialogView = dialog.view!;\n\n\t\tif ( !dialogView || dialogView.position !== DialogViewPosition.EDITOR_TOP_SIDE ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// It's possible that the right edge container is used but not visible. We then fallback to the wrapper.\n\t\tconst keepRightEdgeContainerVisible =\n\t\t\tnew Rect( this._wrapper!.querySelector( '.ck-fullscreen__right-edge' ) as HTMLElement ).getVisible();\n\t\tconst relativeContainer = keepRightEdgeContainerVisible ?\n\t\t\tthis._wrapper!.querySelector( '.ck-fullscreen__right-edge' ) as HTMLElement :\n\t\t\tthis._wrapper!;\n\t\tconst relativeContainerRect = new Rect( relativeContainer ).getVisible();\n\t\tconst editorContainerRect = new Rect( document.querySelector( '.ck-fullscreen__editable' ) as HTMLElement ).getVisible();\n\t\tconst dialogRect = new Rect( dialogView.element!.querySelector( '.ck-dialog' ) as HTMLElement ).getVisible();\n\t\tconst scrollOffset = new Rect( document.querySelector( '.ck-fullscreen__editable-wrapper' ) as HTMLElement )\n\t\t\t.excludeScrollbarsAndBorders().getVisible()!.width -\n\t\t\tnew Rect( document.querySelector( '.ck-fullscreen__editable-wrapper' ) as HTMLElement ).getVisible()!.width;\n\n\t\tif ( relativeContainerRect && editorContainerRect && dialogRect ) {\n\t\t\tdialogView.position = null;\n\n\t\t\tconst leftOffset = keepRightEdgeContainerVisible ?\n\t\t\t\trelativeContainerRect.left - dialogRect.width - DIALOG_OFFSET :\n\t\t\t\trelativeContainerRect.left + relativeContainerRect.width - dialogRect.width - DIALOG_OFFSET + scrollOffset;\n\n\t\t\tdialogView.moveTo(\n\t\t\t\tleftOffset,\n\t\t\t\teditorContainerRect.top\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Saves the scroll positions of all ancestors of the given element.\n\t */\n\tprivate _saveAncestorsScrollPositions( domElement: HTMLElement ): void {\n\t\tlet element = domElement.parentElement;\n\n\t\tif ( !element ) {\n\t\t\treturn;\n\t\t}\n\n\t\twhile ( element ) {\n\t\t\tconst overflowY = element.style.overflowY || global.window.getComputedStyle( element ).overflowY;\n\t\t\tconst overflowX = element.style.overflowX || global.window.getComputedStyle( element ).overflowX;\n\n\t\t\t// Out of 5 possible keyword values: visible, hidden, clip, scroll and auto - only the last two allow for scrolling.\n\t\t\tif (\n\t\t\t\toverflowY === 'auto' ||\n\t\t\t\toverflowY === 'scroll' ||\n\t\t\t\toverflowX === 'auto' ||\n\t\t\t\toverflowX === 'scroll'\n\t\t\t) {\n\t\t\t\tthis._savedAncestorsScrollPositions.set( element, {\n\t\t\t\t\tscrollLeft: element.scrollLeft,\n\t\t\t\t\tscrollTop: element.scrollTop\n\t\t\t\t} );\n\t\t\t} else if ( element.tagName === 'HTML' ) {\n\t\t\t\tthis._savedAncestorsScrollPositions.set( element, {\n\t\t\t\t\tscrollLeft: element.scrollLeft,\n\t\t\t\t\tscrollTop: element.scrollTop\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\telement = element.parentElement;\n\t\t}\n\t}\n\n\t/**\n\t * Stores the current state of the AI Tabs and moves it to the fullscreen mode.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _handleAITabsTransfer(): void {\n\t\tconst aiTabs = this._editor.plugins.get( 'AITabs' ) as any;\n\n\t\tthis._aiTabsData = {\n\t\t\tside: aiTabs.side,\n\t\t\ttype: aiTabs.type\n\t\t};\n\n\t\tthis.moveToFullscreen( aiTabs.view.element!, 'right-edge' );\n\n\t\taiTabs.side = 'right';\n\t\taiTabs.type = 'sidebar';\n\n\t\t// Adjust the visible elements when the transition (changing the size of the AI tabs) ends. Earlier we do not have the\n\t\t// correct sizes of elements.\n\t\taiTabs.view.element.addEventListener( 'transitionend', ( evt: TransitionEvent ) => this._handleAISidebarTransitions( evt ) );\n\t}\n\n\t/**\n\t * Checks the transition event to see if it's changing the width of the AI tabs and if so, adjusts the visible fullscreen mode elements.\n\t */\n\tprivate _handleAISidebarTransitions( evt: TransitionEvent ): void {\n\t\tconst aiTabs = this._editor.plugins.get( 'AITabs' ) as any;\n\n\t\t// Transition may occur on any element inside the AI tabs (e.g. changing the box-shadow in review mode),\n\t\t// so we need to check the target and the property name.\n\t\tif ( evt.target === aiTabs.view.element && evt.propertyName.includes( 'width' ) ) {\n\t\t\tthis._adjustVisibleElements();\n\t\t}\n\t}\n\n\t/**\n\t * Restores the state of the AI Tabs to the original values.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _restoreAITabs(): void {\n\t\tconst aiTabs = this._editor.plugins.get( 'AITabs' ) as any;\n\n\t\taiTabs.side = this._aiTabsData?.side;\n\t\taiTabs.type = this._aiTabsData?.type;\n\n\t\tthis._aiTabsData = null;\n\n\t\taiTabs.view.element.removeEventListener( 'transitionend', this._handleAISidebarTransitions );\n\t}\n\n\t/**\n\t * Adjusts the visibility of the left and right sidebars based on the available space.\n\t */\n\tprivate _adjustVisibleElements(): void {\n\t\tconst editableWrapper = this._wrapper!.querySelector( '.ck-fullscreen__editable-wrapper' ) as HTMLElement;\n\n\t\t// If user has explicitly opened the left sidebar, don't try to hide it automatically - but only once. Any later\n\t\t// resizes will affect the sidebar visibility.\n\t\tif ( this._forceShowLeftSidebar ) {\n\t\t\tthis._forceShowLeftSidebar = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// First of all, check if we need to collapse something or not.\n\t\tif ( editableWrapper.scrollWidth > editableWrapper.clientWidth ) {\n\t\t\t// If we do, collapse left sidebar first.\n\t\t\tthis._hideLeftSidebar();\n\n\t\t\t// If we still need more space, collapse right sidebar.\n\t\t\tif ( editableWrapper.scrollWidth > editableWrapper.clientWidth ) {\n\t\t\t\tthis._hideRightSidebar();\n\t\t\t}\n\t\t}\n\t\t// If we don't need more space, maybe we could expand sidebars instead.\n\t\telse {\n\t\t\t// Try to expand right sidebar first. It's not enough to check if scrollWidth + rightSidebarWidth < clientWidth,\n\t\t\t// because the wrapper will always stretch to the full available width.\n\t\t\t// We need to check the sum of its children widths instead.\n\t\t\tlet actualWidth = [ ...editableWrapper.children ].reduce( ( acc, child ) => acc + child.scrollWidth, 0 );\n\n\t\t\t// If adding right sidebar width to the factual width of the wrapper\n\t\t\t// would still be less than the client width, expand right sidebar.\n\t\t\tif ( actualWidth + this._sidebarsWidths.right < editableWrapper.clientWidth ) {\n\t\t\t\tthis._showRightSidebar();\n\n\t\t\t\tactualWidth = [ ...editableWrapper.children ].reduce( ( acc, child ) => acc + child.scrollWidth, 0 );\n\t\t\t}\n\n\t\t\t// Then follow the same logic for left sidebar - but only if we are controlling it\n\t\t\t// (i.e. user hasn't explicitly collapsed the sidebar with a button).\n\t\t\tif ( actualWidth + this._sidebarsWidths.left < editableWrapper.clientWidth && !this._keepLeftSidebarHidden ) {\n\t\t\t\tthis._showLeftSidebar();\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Switches the annotations UI to the requested one.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _switchAnnotationsUI( uiName: string ) {\n\t\tconst annotationsUIs = this._editor.plugins.get( 'AnnotationsUIs' ) as any;\n\t\tannotationsUIs.deactivateAll();\n\t\tconst annotationsFilters = new Map<string, ( annotation: any ) => boolean>();\n\n\t\tfor ( const [ uiName, data ] of [ ...this._annotationsUIsData! ] ) {\n\t\t\t// Default filter is `() => true`. Only store filters that are different.\n\t\t\tif ( data.filter !== annotationsUIs.defaultFilter ) {\n\t\t\t\tannotationsFilters.set( uiName, data.filter );\n\t\t\t}\n\t\t}\n\n\t\t// First, check if someone has a filter defined for requested UI. If so, retrieve and apply it in fullscreen.\n\t\tif ( annotationsFilters.has( uiName ) ) {\n\t\t\tannotationsUIs.activate( uiName, annotationsFilters.get( uiName ) );\n\t\t}\n\t\t// If no filter is defined for requested UI, read the filters for the active display(s) mode and apply them.\n\t\t// It's possible there are filters for modes other than selected, so display annotations that match any of them.\n\t\telse if ( annotationsFilters.size ) {\n\t\t\tannotationsUIs.activate( uiName,\n\t\t\t\t( annotation: any ) => [ ...annotationsFilters.values() ].some( filter => filter( annotation ) )\n\t\t\t);\n\t\t}\n\t\t// If no filters are defined for the active display mode(s), simply display all annotations in the requested UI.\n\t\telse {\n\t\t\tannotationsUIs.switchTo( uiName );\n\t\t}\n\t}\n\n\t/**\n\t * Sets up a resize observer to adjust the visibility of the left and right sidebars dynamically.\n\t */\n\tprivate _setupResizeObserver(): void {\n\t\tconst wrapper = this._wrapper!.querySelector( '.ck-fullscreen__editable-wrapper' ) as HTMLElement;\n\n\t\tif ( this._resizeObserver ) {\n\t\t\tthis._resizeObserver.destroy();\n\t\t}\n\n\t\tthis._resizeObserver = new ResizeObserver( wrapper, () => {\n\t\t\tthis._adjustVisibleElements();\n\t\t} );\n\t}\n\n\t/**\n\t * Hides the left sidebar. Works only if there is anything to hide.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _hideLeftSidebar() {\n\t\tconst t = this._editor.t;\n\n\t\tif ( this._collapseLeftSidebarButton ) {\n\t\t\tconst leftSidebar = this._wrapper!.querySelector( '.ck-fullscreen__left-sidebar' ) as HTMLElement;\n\n\t\t\tleftSidebar.classList.add( 'ck-fullscreen__left-sidebar--collapsed' );\n\t\t\tthis._collapseLeftSidebarButton.icon = IconDocumentOutlineToggle;\n\t\t\tthis._collapseLeftSidebarButton.tooltip = t( 'Show left sidebar' );\n\t\t}\n\t}\n\n\t/**\n\t * Shows the left sidebar. Works only if there is anything to show.\n\t */\n\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t/* istanbul ignore next -- @preserve */\n\tprivate _showLeftSidebar() {\n\t\tconst t = this._editor.t;\n\n\t\tif ( this._collapseLeftSidebarButton ) {\n\t\t\tconst leftSidebar = this._wrapper!.querySelector( '.ck-fullscreen__left-sidebar' ) as HTMLElement;\n\n\t\t\tleftSidebar.classList.remove( 'ck-fullscreen__left-sidebar--collapsed' );\n\t\t\tthis._collapseLeftSidebarButton.icon = IconPreviousArrow;\n\t\t\tthis._collapseLeftSidebarButton.tooltip = t( 'Hide left sidebar' );\n\t\t}\n\t}\n\n\t/**\n\t * Hides the right sidebar. Works only if there is anything to hide.\n\t */\n\tprivate _hideRightSidebar() {\n\t\tif ( this._wrapper!.querySelector( '.ck-fullscreen__right-sidebar' )!.firstChild ) {\n\t\t\tthis._switchAnnotationsUI( 'narrowSidebar' );\n\t\t\tthis._wrapper!.querySelector( '.ck-fullscreen__right-sidebar' )!.classList.add( 'ck-fullscreen__right-sidebar--collapsed' );\n\t\t}\n\t}\n\n\t/**\n\t * Shows the right sidebar. Works only if there is anything to show.\n\t */\n\tprivate _showRightSidebar() {\n\t\tif ( this._wrapper!.querySelector( '.ck-fullscreen__right-sidebar' )!.firstChild ) {\n\t\t\tthis._switchAnnotationsUI( 'wideSidebar' );\n\t\t\tthis._wrapper!.querySelector( '.ck-fullscreen__right-sidebar' )!.classList.remove( 'ck-fullscreen__right-sidebar--collapsed' );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 fullscreen/handlers/classiceditorhandler\n */\n\nimport { MenuBarView } from 'ckeditor5/src/ui.js';\nimport type { ClassicEditor } from '@ckeditor/ckeditor5-editor-classic';\n\nimport { FullscreenAbstractEditorHandler } from './abstracteditorhandler.js';\n\n/**\n * The classic editor fullscreen mode handler.\n */\nexport class FullscreenClassicEditorHandler extends FullscreenAbstractEditorHandler {\n\t/**\n\t * An editor instance.\n\t */\n\tprotected override readonly _editor: ClassicEditor;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: ClassicEditor ) {\n\t\tsuper( editor );\n\n\t\tthis._editor = editor;\n\t}\n\n\t/**\n\t * A function that moves the editor UI elements to the fullscreen mode.\n\t */\n\tpublic override defaultOnEnter(): HTMLElement {\n\t\tconst editorUI = this._editor.ui;\n\t\tconst editorUIView = editorUI.view;\n\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( this._editor.plugins.has( 'Pagination' ) && ( this._editor.plugins.get( 'Pagination' ) as any ).isEnabled ) {\n\t\t\tthis.moveToFullscreen(\n\t\t\t\teditorUI.getEditableElement()!.parentElement!.querySelector( '.ck-pagination-view' )!, 'pagination-view'\n\t\t\t);\n\t\t}\n\n\t\tthis.moveToFullscreen( editorUI.getEditableElement()!, 'editable' );\n\t\tthis.moveToFullscreen( editorUIView.toolbar.element!, 'toolbar' );\n\n\t\teditorUIView.toolbar.switchBehavior(\n\t\t\tthis._editor.config.get( 'fullscreen.toolbar.shouldNotGroupWhenFull' ) === true ? 'static' : 'dynamic'\n\t\t);\n\n\t\t// In classic editor, the `dir` attribute is set on the top-level container and it affects the styling\n\t\t// in both menu bar and toolbar (adding the side padding to the elements).\n\t\t// Since we don't move the whole container but only parts, we need to reapply the attribute value manually.\n\t\t// Decupled editor doesn't have this issue because there is no top-level container,\n\t\t// so `dir` attribute is set on each component separately.\n\t\tthis.getWrapper().setAttribute( 'dir', editorUIView.element!.getAttribute( 'dir' )! );\n\n\t\t// The `ck-rounded-corners` class is added to the wrapper element to ensure that the corners in menu bar, toolbar etc are rounded\n\t\t// when the editor is in fullscreen mode.\n\t\t// Decupled editor doesn't have this issue because there is no top-level container,\n\t\t// so `ck-rounded-corners` class is set on each component separately.\n\t\tthis.getWrapper().classList.add( 'ck-rounded-corners' );\n\n\t\tif ( this._editor.config.get( 'fullscreen.menuBar.isVisible' ) ) {\n\t\t\tif ( !editorUIView.menuBarView ) {\n\t\t\t\teditorUIView.menuBarView = new MenuBarView( this._editor.locale );\n\t\t\t\teditorUIView.menuBarView.render();\n\t\t\t\teditorUI.initMenuBar( editorUIView.menuBarView );\n\t\t\t}\n\n\t\t\tthis.moveToFullscreen( editorUIView.menuBarView.element!, 'menu-bar' );\n\t\t}\n\n\t\treturn this.getWrapper();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 fullscreen/handlers/decouplededitorhandler\n */\n\nimport type { DecoupledEditor } from '@ckeditor/ckeditor5-editor-decoupled';\n\nimport { FullscreenAbstractEditorHandler } from './abstracteditorhandler.js';\n\n/**\n * The decoupled editor fullscreen mode handler.\n */\nexport class FullscreenDecoupledEditorHandler extends FullscreenAbstractEditorHandler {\n\t/**\n\t * An editor instance.\n\t */\n\tprotected override readonly _editor: DecoupledEditor;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: DecoupledEditor ) {\n\t\tsuper( editor );\n\n\t\tthis._editor = editor;\n\t}\n\n\t/**\n\t * A function that moves the editor UI elements to the fullscreen mode.\n\t */\n\tpublic override defaultOnEnter(): HTMLElement {\n\t\t// Code coverage is provided in the commercial package repository as integration unit tests.\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( this._editor.plugins.has( 'Pagination' ) && ( this._editor.plugins.get( 'Pagination' ) as any ).isEnabled ) {\n\t\t\tthis.moveToFullscreen(\n\t\t\t\tthis._editor.ui.getEditableElement()!.parentElement!.querySelector( '.ck-pagination-view' )!, 'pagination-view'\n\t\t\t);\n\t\t}\n\n\t\tthis.moveToFullscreen( this._editor.ui.getEditableElement()!, 'editable' );\n\t\tthis.moveToFullscreen( this._editor.ui.view.toolbar.element!, 'toolbar' );\n\n\t\tthis._editor.ui.view.toolbar.switchBehavior(\n\t\t\tthis._editor.config.get( 'fullscreen.toolbar.shouldNotGroupWhenFull' ) === true ? 'static' : 'dynamic'\n\t\t);\n\n\t\tif ( this._editor.config.get( 'fullscreen.menuBar.isVisible' ) ) {\n\t\t\tthis.moveToFullscreen( this._editor.ui.view.menuBarView.element!, 'menu-bar' );\n\t\t}\n\n\t\treturn this.getWrapper();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 fullscreen/fullscreencommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ClassicEditor } from '@ckeditor/ckeditor5-editor-classic';\nimport type { DecoupledEditor } from '@ckeditor/ckeditor5-editor-decoupled';\n\nimport { FullscreenAbstractEditorHandler } from './handlers/abstracteditorhandler.js';\nimport { FullscreenClassicEditorHandler } from './handlers/classiceditorhandler.js';\nimport { FullscreenDecoupledEditorHandler } from './handlers/decouplededitorhandler.js';\n\n/**\n * A command toggling the fullscreen mode.\n */\nexport class FullscreenCommand extends Command {\n\t/**\n\t * Indicates whether the fullscreen mode is enabled.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * Specialized class handling the fullscreen mode toggling for a specific editor type.\n\t *\n\t * If you want to add support for a new editor type (for now, only Classic and Decoupled editors are handled),\n\t * create a custom handler that extends `FullscreenAbstractEditorHandler` and replace `fullscreenHandler` with it after\n\t * editor initialization:\n\t *\n\t * ```ts\n\t * // See the details of how to implement a custom handler in the `FullscreenAbstractEditorHandler` class API docs.\n\t * class CustomEditorHandler extends FullscreenAbstractEditorHandler {}\n\t *\n\t * CustomEditorClass.create( document.querySelector( '#editor' ), {} )\n\t * \t.then( ( editor ) => {\n\t * \t\teditor.commands.get( 'toggleFullscreen' ).fullscreenHandler = new CustomEditorHandler( editor );\n\t * \t} );\n\t * ```\n\t */\n\tpublic fullscreenHandler: FullscreenAbstractEditorHandler;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic constructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.affectsData = false;\n\t\tthis.isEnabled = true;\n\t\tthis.value = false;\n\n\t\t// Choose the appropriate handler based on the editor type.\n\t\t// Currently only `ClassicEditor` and `DecoupledEditor` are supported. For other editor types, you should create a custom handler\n\t\t// that extends `FullscreenAbstractEditorHandler` and replace `fullscreenHandler` with it.\n\t\tif ( isClassicEditor( editor ) ) {\n\t\t\tthis.fullscreenHandler = new FullscreenClassicEditorHandler( editor );\n\t\t} else if ( isDecoupledEditor( editor ) ) {\n\t\t\tthis.fullscreenHandler = new FullscreenDecoupledEditorHandler( editor );\n\t\t} else {\n\t\t\tthis.fullscreenHandler = new FullscreenAbstractEditorHandler( editor );\n\t\t}\n\t}\n\n\t/**\n\t * Toggles the fullscreen mode.\n\t */\n\tpublic override execute(): void {\n\t\tif ( this.value ) {\n\t\t\tthis._disableFullscreenMode();\n\t\t} else {\n\t\t\tthis._enableFullscreenMode();\n\t\t}\n\t}\n\n\t/**\n\t * Enables the fullscreen mode.\n\t */\n\tprivate _enableFullscreenMode(): void {\n\t\tthis.fullscreenHandler.enable();\n\n\t\tthis.value = true;\n\t}\n\n\t/**\n\t * Disables the fullscreen mode.\n\t */\n\tprivate _disableFullscreenMode(): void {\n\t\tthis.fullscreenHandler.disable();\n\n\t\tthis.value = false;\n\t}\n}\n\n/**\n * Classic editor typeguard.\n */\nfunction isClassicEditor( editor: Editor ): editor is ClassicEditor {\n\treturn ( editor.constructor as typeof Editor ).editorName === 'ClassicEditor';\n}\n\n/**\n * Decoupled editor typeguard.\n */\nfunction isDecoupledEditor( editor: Editor ): editor is DecoupledEditor {\n\treturn ( editor.constructor as typeof Editor ).editorName === 'DecoupledEditor';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 fullscreen/fullscreenediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { env } from 'ckeditor5/src/utils.js';\n\nimport { FullscreenCommand } from './fullscreencommand.js';\n\n/**\n * A plugin that registers the fullscreen mode command.\n */\nexport class FullscreenEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FullscreenEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'fullscreen.menuBar.isVisible', true );\n\n\t\t// By default, toolbar should behave the same way in fullscreen mode as in normal mode.\n\t\t// This means that the toolbar buttons should be grouped when the toolbar is full.\n\t\teditor.config.define( 'fullscreen.toolbar.shouldNotGroupWhenFull', editor.config.get( 'toolbar.shouldNotGroupWhenFull' ) === true );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis.editor.commands.add( 'toggleFullscreen', new FullscreenCommand( this.editor ) );\n\n\t\tconst t = this.editor.locale.t;\n\n\t\t// Set the Ctrl+Shift+F keystroke.\n\t\tthis.editor.keystrokes.set( 'Ctrl+Shift+F', ( evt, cancel ) => {\n\t\t\tthis.editor.execute( 'toggleFullscreen' );\n\n\t\t\t// On non-Chromium browsers, the editor view and toolbar are not blurred properly after moving the editable,\n\t\t\t// even though the `document.activeElement` is changed. Hence we need to blur them manually.\n\t\t\t// Fixes https://github.com/ckeditor/ckeditor5/issues/18250 and https://github.com/ckeditor/ckeditor5/issues/18247.\n\t\t\tif ( !env.isBlink ) {\n\t\t\t\tthis.editor.editing.view.document.isFocused = false;\n\t\t\t\tthis.editor.ui.view.toolbar!.focusTracker.focusedElement = null;\n\t\t\t}\n\n\t\t\t// The order of scroll and focus is not important here.\n\t\t\tthis.editor.editing.view.scrollToTheSelection();\n\t\t\tthis.editor.editing.view.focus();\n\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Add the information about the keystroke to the accessibility database.\n\t\tthis.editor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle fullscreen mode' ),\n\t\t\t\t\tkeystroke: 'CTRL+SHIFT+F'\n\t\t\t\t}\n\t\t\t],\n\t\t\tcategoryId: 'navigation'\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 fullscreen/fullscreenui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { IconFullscreenEnter, IconFullscreenLeave } from 'ckeditor5/src/icons.js';\nimport { env } from 'ckeditor5/src/utils.js';\n\nimport { FullscreenEditing } from './fullscreenediting.js';\nimport '../theme/fullscreen.css';\n\nconst COMMAND_NAME = 'toggleFullscreen';\n\n/**\n * A plugin registering the fullscreen mode buttons.\n */\nexport class FullscreenUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FullscreenEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FullscreenUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'fullscreen', () => this._createButton( ButtonView ) );\n\t\teditor.ui.componentFactory.add( 'menuBar:fullscreen', () => this._createButton( MenuBarMenuListItemButtonView ) );\n\t}\n\n\t/**\n\t * Creates a button that toggles the fullscreen mode.\n\t */\n\tprivate _createButton( ButtonClass: typeof ButtonView | typeof MenuBarMenuListItemButtonView ) {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst command = editor.commands.get( COMMAND_NAME )!;\n\t\tconst view = new ButtonClass( editor.locale );\n\n\t\tview.set( {\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t\tview.bind( 'isOn' ).to( command, 'value' );\n\n\t\tif ( ( view instanceof MenuBarMenuListItemButtonView ) ) {\n\t\t\tview.set( {\n\t\t\t\trole: 'menuitemcheckbox',\n\t\t\t\tlabel: t( 'Fullscreen mode' )\n\t\t\t} );\n\t\t} else {\n\t\t\tview.bind( 'icon' ).to( command, 'value', value => value ? IconFullscreenLeave : IconFullscreenEnter );\n\t\t\tview.bind( 'label' ).to( command, 'value', value => value ? t( 'Leave fullscreen mode' ) : t( 'Enter fullscreen mode' ) );\n\t\t\tview.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\t\t}\n\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( COMMAND_NAME );\n\n\t\t\t// On non-Chromium browsers, toolbar is not blurred properly after moving the editable,\n\t\t\t// even though the `document.activeElement` is changed. Hence we need to blur the view manually.\n\t\t\t// Fixes https://github.com/ckeditor/ckeditor5/issues/18250 and https://github.com/ckeditor/ckeditor5/issues/18247.\n\t\t\tif ( !env.isBlink ) {\n\t\t\t\tthis.editor.ui.view.toolbar!.focusTracker.focusedElement = null;\n\t\t\t}\n\n\t\t\t// The order of scroll and focus is not important here.\n\t\t\teditor.editing.view.scrollToTheSelection();\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 fullscreen/fullscreen\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { FullscreenEditing } from './fullscreenediting.js';\nimport { FullscreenUI } from './fullscreenui.js';\n\n/**\n * The fullscreen mode feature.\n */\nexport class Fullscreen extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FullscreenEditing, FullscreenUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Fullscreen' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { first } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { ButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconParagraph } from '@ckeditor/ckeditor5-icons/dist/index.js';\n\n/**\n * The paragraph command.\n */ class ParagraphCommand extends Command {\n    constructor(editor){\n        super(editor);\n        // Since this command may pass selection in execution block, it should be checked directly.\n        this._isEnabledBasedOnSelection = false;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const document = model.document;\n        const block = first(document.selection.getSelectedBlocks());\n        this.value = !!block && block.is('element', 'paragraph');\n        this.isEnabled = !!block && checkCanBecomeParagraph(block, model.schema);\n    }\n    /**\n\t * Executes the command. All the blocks (see {@link module:engine/model/schema~ModelSchema}) in the selection\n\t * will be turned to paragraphs.\n\t *\n\t * @fires execute\n\t * @param options Options for the executed command.\n\t * @param options.selection The selection that the command should be applied to. By default,\n\t * if not provided, the command is applied to the {@link module:engine/model/document~ModelDocument#selection}.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const document = model.document;\n        const selection = options.selection || document.selection;\n        // Don't execute command if selection is in non-editable place.\n        if (!model.canEditAt(selection)) {\n            return;\n        }\n        model.change((writer)=>{\n            const blocks = selection.getSelectedBlocks();\n            for (const block of blocks){\n                if (!block.is('element', 'paragraph') && checkCanBecomeParagraph(block, model.schema)) {\n                    writer.rename(block, 'paragraph');\n                }\n            }\n        });\n    }\n}\n/**\n * Checks whether the given block can be replaced by a paragraph.\n *\n * @param block A block to be tested.\n * @param schema The schema of the document.\n */ function checkCanBecomeParagraph(block, schema) {\n    return schema.checkChild(block.parent, 'paragraph') && !schema.isObject(block);\n}\n\n/**\n * The insert paragraph command. It inserts a new paragraph at a specific\n * {@link module:engine/model/position~ModelPosition document position}.\n *\n * ```ts\n * // Insert a new paragraph before an element in the document.\n * editor.execute( 'insertParagraph', {\n *   position: editor.model.createPositionBefore( element )\n * } );\n * ```\n *\n * If a paragraph is disallowed in the context of the specific position, the command\n * will attempt to split position ancestors to find a place where it is possible\n * to insert a paragraph.\n *\n * **Note**: This command moves the selection to the inserted paragraph.\n */ class InsertParagraphCommand extends Command {\n    constructor(editor){\n        super(editor);\n        // Since this command passes position in execution block instead of selection, it should be checked directly.\n        this._isEnabledBasedOnSelection = false;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.position The model position at which the new paragraph will be inserted.\n\t * @param options.attributes Attributes keys and values to set on a inserted paragraph.\n\t * @fires execute\n\t */ execute(options) {\n        const model = this.editor.model;\n        const attributes = options.attributes;\n        let position = options.position;\n        // Don't execute command if position is in non-editable place.\n        if (!model.canEditAt(position)) {\n            return null;\n        }\n        return model.change((writer)=>{\n            position = this._findPositionToInsertParagraph(position, writer);\n            if (!position) {\n                return null;\n            }\n            const paragraph = writer.createElement('paragraph');\n            if (attributes) {\n                model.schema.setAllowedAttributes(paragraph, attributes, writer);\n            }\n            model.insertContent(paragraph, position);\n            writer.setSelection(paragraph, 'in');\n            return writer.createPositionAt(paragraph, 0);\n        });\n    }\n    /**\n\t * Returns the best position to insert a new paragraph.\n\t */ _findPositionToInsertParagraph(position, writer) {\n        const model = this.editor.model;\n        if (model.schema.checkChild(position, 'paragraph')) {\n            return position;\n        }\n        const allowedParent = model.schema.findAllowedParent(position, 'paragraph');\n        // It could be there's no ancestor limit that would allow paragraph.\n        // In theory, \"paragraph\" could be disallowed even in the \"$root\".\n        if (!allowedParent) {\n            return null;\n        }\n        const positionParent = position.parent;\n        const isTextAllowed = model.schema.checkChild(positionParent, '$text');\n        // At empty $block or at the end of $block.\n        // <paragraph>[]</paragraph> ---> <paragraph></paragraph><paragraph>[]</paragraph>\n        // <paragraph>foo[]</paragraph> ---> <paragraph>foo</paragraph><paragraph>[]</paragraph>\n        if (positionParent.isEmpty || isTextAllowed && position.isAtEnd) {\n            return model.createPositionAfter(positionParent);\n        }\n        // At the start of $block with text.\n        // <paragraph>[]foo</paragraph> ---> <paragraph>[]</paragraph><paragraph>foo</paragraph>\n        if (!positionParent.isEmpty && isTextAllowed && position.isAtStart) {\n            return model.createPositionBefore(positionParent);\n        }\n        return writer.split(position, allowedParent).position;\n    }\n}\n\n/**\n * The paragraph feature for the editor.\n *\n * It introduces the `<paragraph>` element in the model which renders as a `<p>` element in the DOM and data.\n *\n * It also brings two editors commands:\n *\n * * The {@link module:paragraph/paragraphcommand~ParagraphCommand `'paragraph'`} command that converts all\n * blocks in the model selection into paragraphs.\n * * The {@link module:paragraph/insertparagraphcommand~InsertParagraphCommand `'insertParagraph'`} command\n * that inserts a new paragraph at a specified location in the model.\n */ class Paragraph extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Paragraph';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        editor.commands.add('paragraph', new ParagraphCommand(editor));\n        editor.commands.add('insertParagraph', new InsertParagraphCommand(editor));\n        // Schema.\n        model.schema.register('paragraph', {\n            inheritAllFrom: '$block'\n        });\n        editor.conversion.elementToElement({\n            model: 'paragraph',\n            view: 'p'\n        });\n        // Conversion for paragraph-like elements which has not been converted by any plugin.\n        editor.conversion.for('upcast').elementToElement({\n            model: (viewElement, { writer })=>{\n                if (!Paragraph.paragraphLikeElements.has(viewElement.name)) {\n                    return null;\n                }\n                // Do not auto-paragraph empty elements.\n                if (viewElement.isEmpty) {\n                    return null;\n                }\n                return writer.createElement('paragraph');\n            },\n            view: /.+/,\n            converterPriority: 'low'\n        });\n    }\n    /**\n\t * A list of element names which should be treated by the autoparagraphing algorithms as\n\t * paragraph-like. This means that e.g. the following content:\n\t *\n\t * ```html\n\t * <h1>Foo</h1>\n\t * <table>\n\t *   <tr>\n\t *     <td>X</td>\n\t *     <td>\n\t *       <ul>\n\t *         <li>Y</li>\n\t *         <li>Z</li>\n\t *       </ul>\n\t *     </td>\n\t *   </tr>\n\t * </table>\n\t * ```\n\t *\n\t * contains five paragraph-like elements: `<h1>`, two `<td>`s and two `<li>`s.\n\t * Hence, if none of the features is going to convert those elements the above content will be automatically handled\n\t * by the paragraph feature and converted to:\n\t *\n\t * ```html\n\t * <p>Foo</p>\n\t * <p>X</p>\n\t * <p>Y</p>\n\t * <p>Z</p>\n\t * ```\n\t *\n\t * Note: The `<td>` containing two `<li>` elements was ignored as the innermost paragraph-like elements\n\t * have a priority upon conversion.\n\t */ static paragraphLikeElements = new Set([\n        'blockquote',\n        'dd',\n        'div',\n        'dt',\n        'h1',\n        'h2',\n        'h3',\n        'h4',\n        'h5',\n        'h6',\n        'li',\n        'p',\n        'td',\n        'th'\n    ]);\n}\n\n/**\n * This plugin defines the `'paragraph'` button. It can be used together with\n * {@link module:heading/headingbuttonsui~HeadingButtonsUI} to replace the standard heading dropdown.\n *\n * This plugin is not loaded automatically by the {@link module:paragraph/paragraph~Paragraph} plugin. It must\n * be added manually.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., Heading, Paragraph, HeadingButtonsUI, ParagraphButtonUI ]\n *     toolbar: [ 'paragraph', 'heading1', 'heading2', 'heading3' ]\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */ class ParagraphButtonUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Paragraph\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        editor.ui.componentFactory.add('paragraph', (locale)=>{\n            const view = new ButtonView(locale);\n            const command = editor.commands.get('paragraph');\n            view.label = t('Paragraph');\n            view.icon = IconParagraph;\n            view.tooltip = true;\n            view.isToggleable = true;\n            view.bind('isEnabled').to(command);\n            view.bind('isOn').to(command, 'value');\n            view.on('execute', ()=>{\n                editor.execute('paragraph');\n            });\n            return view;\n        });\n    }\n}\n\nexport { InsertParagraphCommand, Paragraph, ParagraphButtonUI, ParagraphCommand };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 paragraph/paragraphcommand\n */\n\nimport { Command, type Editor } from '@ckeditor/ckeditor5-core';\nimport { first } from '@ckeditor/ckeditor5-utils';\n\nimport type { ModelSchema, ModelSelection, ModelDocumentSelection, ModelElement } from '@ckeditor/ckeditor5-engine';\n\n/**\n * The paragraph command.\n */\nexport class ParagraphCommand extends Command {\n\tpublic constructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// Since this command may pass selection in execution block, it should be checked directly.\n\t\tthis._isEnabledBasedOnSelection = false;\n\t}\n\n\t/**\n\t * The value of the command. Indicates whether the selection start is placed in a paragraph.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\t\tconst block = first( document.selection.getSelectedBlocks() );\n\n\t\tthis.value = !!block && block.is( 'element', 'paragraph' );\n\t\tthis.isEnabled = !!block && checkCanBecomeParagraph( block, model.schema );\n\t}\n\n\t/**\n\t * Executes the command. All the blocks (see {@link module:engine/model/schema~ModelSchema}) in the selection\n\t * will be turned to paragraphs.\n\t *\n\t * @fires execute\n\t * @param options Options for the executed command.\n\t * @param options.selection The selection that the command should be applied to. By default,\n\t * if not provided, the command is applied to the {@link module:engine/model/document~ModelDocument#selection}.\n\t */\n\tpublic override execute( options: {\n\t\tselection?: ModelSelection | ModelDocumentSelection;\n\t} = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\n\t\tconst selection = options.selection || document.selection;\n\n\t\t// Don't execute command if selection is in non-editable place.\n\t\tif ( !model.canEditAt( selection ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tconst blocks = selection.getSelectedBlocks();\n\n\t\t\tfor ( const block of blocks ) {\n\t\t\t\tif ( !block.is( 'element', 'paragraph' ) && checkCanBecomeParagraph( block, model.schema ) ) {\n\t\t\t\t\twriter.rename( block, 'paragraph' );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Checks whether the given block can be replaced by a paragraph.\n *\n * @param block A block to be tested.\n * @param schema The schema of the document.\n */\nfunction checkCanBecomeParagraph( block: ModelElement, schema: ModelSchema ): boolean {\n\treturn schema.checkChild( block.parent as ModelElement, 'paragraph' ) && !schema.isObject( block );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 paragraph/insertparagraphcommand\n */\n\nimport { Command, type Editor } from '@ckeditor/ckeditor5-core';\nimport type { ModelElement, ModelPosition, ModelWriter } from '@ckeditor/ckeditor5-engine';\n\n/**\n * The insert paragraph command. It inserts a new paragraph at a specific\n * {@link module:engine/model/position~ModelPosition document position}.\n *\n * ```ts\n * // Insert a new paragraph before an element in the document.\n * editor.execute( 'insertParagraph', {\n *   position: editor.model.createPositionBefore( element )\n * } );\n * ```\n *\n * If a paragraph is disallowed in the context of the specific position, the command\n * will attempt to split position ancestors to find a place where it is possible\n * to insert a paragraph.\n *\n * **Note**: This command moves the selection to the inserted paragraph.\n */\nexport class InsertParagraphCommand extends Command {\n\tpublic constructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// Since this command passes position in execution block instead of selection, it should be checked directly.\n\t\tthis._isEnabledBasedOnSelection = false;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.position The model position at which the new paragraph will be inserted.\n\t * @param options.attributes Attributes keys and values to set on a inserted paragraph.\n\t * @fires execute\n\t */\n\tpublic override execute( options: {\n\t\tposition: ModelPosition;\n\t\tattributes?: Record<string, unknown>;\n\t} ): ModelPosition | null {\n\t\tconst model = this.editor.model;\n\t\tconst attributes = options.attributes;\n\n\t\tlet position: ModelPosition | null = options.position;\n\n\t\t// Don't execute command if position is in non-editable place.\n\t\tif ( !model.canEditAt( position ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn model.change( writer => {\n\t\t\tposition = this._findPositionToInsertParagraph( position!, writer );\n\n\t\t\tif ( !position ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst paragraph = writer.createElement( 'paragraph' );\n\n\t\t\tif ( attributes ) {\n\t\t\t\tmodel.schema.setAllowedAttributes( paragraph, attributes, writer );\n\t\t\t}\n\n\t\t\tmodel.insertContent( paragraph, position );\n\t\t\twriter.setSelection( paragraph, 'in' );\n\n\t\t\treturn writer.createPositionAt( paragraph, 0 );\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the best position to insert a new paragraph.\n\t */\n\tprivate _findPositionToInsertParagraph( position: ModelPosition, writer: ModelWriter ): ModelPosition | null {\n\t\tconst model = this.editor.model;\n\n\t\tif ( model.schema.checkChild( position, 'paragraph' ) ) {\n\t\t\treturn position;\n\t\t}\n\n\t\tconst allowedParent = model.schema.findAllowedParent( position, 'paragraph' );\n\n\t\t// It could be there's no ancestor limit that would allow paragraph.\n\t\t// In theory, \"paragraph\" could be disallowed even in the \"$root\".\n\t\tif ( !allowedParent ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst positionParent = position.parent as ModelElement;\n\t\tconst isTextAllowed = model.schema.checkChild( positionParent, '$text' );\n\n\t\t// At empty $block or at the end of $block.\n\t\t// <paragraph>[]</paragraph> ---> <paragraph></paragraph><paragraph>[]</paragraph>\n\t\t// <paragraph>foo[]</paragraph> ---> <paragraph>foo</paragraph><paragraph>[]</paragraph>\n\t\tif ( positionParent.isEmpty || isTextAllowed && position.isAtEnd ) {\n\t\t\treturn model.createPositionAfter( positionParent );\n\t\t}\n\n\t\t// At the start of $block with text.\n\t\t// <paragraph>[]foo</paragraph> ---> <paragraph>[]</paragraph><paragraph>foo</paragraph>\n\t\tif ( !positionParent.isEmpty && isTextAllowed && position.isAtStart ) {\n\t\t\treturn model.createPositionBefore( positionParent );\n\t\t}\n\n\t\treturn writer.split( position, allowedParent ).position;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 paragraph/paragraph\n */\n\nimport { ParagraphCommand } from './paragraphcommand.js';\nimport { InsertParagraphCommand } from './insertparagraphcommand.js';\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\n\n/**\n * The paragraph feature for the editor.\n *\n * It introduces the `<paragraph>` element in the model which renders as a `<p>` element in the DOM and data.\n *\n * It also brings two editors commands:\n *\n * * The {@link module:paragraph/paragraphcommand~ParagraphCommand `'paragraph'`} command that converts all\n * blocks in the model selection into paragraphs.\n * * The {@link module:paragraph/insertparagraphcommand~InsertParagraphCommand `'insertParagraph'`} command\n * that inserts a new paragraph at a specified location in the model.\n */\nexport class Paragraph extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Paragraph' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\teditor.commands.add( 'paragraph', new ParagraphCommand( editor ) );\n\t\teditor.commands.add( 'insertParagraph', new InsertParagraphCommand( editor ) );\n\n\t\t// Schema.\n\t\tmodel.schema.register( 'paragraph', { inheritAllFrom: '$block' } );\n\n\t\teditor.conversion.elementToElement( { model: 'paragraph', view: 'p' } );\n\n\t\t// Conversion for paragraph-like elements which has not been converted by any plugin.\n\t\teditor.conversion.for( 'upcast' ).elementToElement( {\n\t\t\tmodel: ( viewElement, { writer } ) => {\n\t\t\t\tif ( !Paragraph.paragraphLikeElements.has( viewElement.name ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// Do not auto-paragraph empty elements.\n\t\t\t\tif ( viewElement.isEmpty ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn writer.createElement( 'paragraph' );\n\t\t\t},\n\t\t\tview: /.+/,\n\t\t\tconverterPriority: 'low'\n\t\t} );\n\t}\n\n\t/**\n\t * A list of element names which should be treated by the autoparagraphing algorithms as\n\t * paragraph-like. This means that e.g. the following content:\n\t *\n\t * ```html\n\t * <h1>Foo</h1>\n\t * <table>\n\t *   <tr>\n\t *     <td>X</td>\n\t *     <td>\n\t *       <ul>\n\t *         <li>Y</li>\n\t *         <li>Z</li>\n\t *       </ul>\n\t *     </td>\n\t *   </tr>\n\t * </table>\n\t * ```\n\t *\n\t * contains five paragraph-like elements: `<h1>`, two `<td>`s and two `<li>`s.\n\t * Hence, if none of the features is going to convert those elements the above content will be automatically handled\n\t * by the paragraph feature and converted to:\n\t *\n\t * ```html\n\t * <p>Foo</p>\n\t * <p>X</p>\n\t * <p>Y</p>\n\t * <p>Z</p>\n\t * ```\n\t *\n\t * Note: The `<td>` containing two `<li>` elements was ignored as the innermost paragraph-like elements\n\t * have a priority upon conversion.\n\t */\n\tpublic static paragraphLikeElements = new Set( [\n\t\t'blockquote',\n\t\t'dd',\n\t\t'div',\n\t\t'dt',\n\t\t'h1',\n\t\t'h2',\n\t\t'h3',\n\t\t'h4',\n\t\t'h5',\n\t\t'h6',\n\t\t'li',\n\t\t'p',\n\t\t'td',\n\t\t'th'\n\t] );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 paragraph/paragraphbuttonui\n */\n\nimport { Plugin } from '@ckeditor/ckeditor5-core';\nimport { ButtonView } from '@ckeditor/ckeditor5-ui';\nimport { IconParagraph } from '@ckeditor/ckeditor5-icons';\n\nimport { Paragraph } from './paragraph.js';\nimport { type ParagraphCommand } from './paragraphcommand.js';\n\n/**\n * This plugin defines the `'paragraph'` button. It can be used together with\n * {@link module:heading/headingbuttonsui~HeadingButtonsUI} to replace the standard heading dropdown.\n *\n * This plugin is not loaded automatically by the {@link module:paragraph/paragraph~Paragraph} plugin. It must\n * be added manually.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., Heading, Paragraph, HeadingButtonsUI, ParagraphButtonUI ]\n *     toolbar: [ 'paragraph', 'heading1', 'heading2', 'heading3' ]\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */\nexport class ParagraphButtonUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Paragraph ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\teditor.ui.componentFactory.add( 'paragraph', locale => {\n\t\t\tconst view = new ButtonView( locale );\n\t\t\tconst command: ParagraphCommand = editor.commands.get( 'paragraph' )!;\n\n\t\t\tview.label = t( 'Paragraph' );\n\t\t\tview.icon = IconParagraph;\n\t\t\tview.tooltip = true;\n\t\t\tview.isToggleable = true;\n\t\t\tview.bind( 'isEnabled' ).to( command );\n\t\t\tview.bind( 'isOn' ).to( command, 'value' );\n\n\t\t\tview.on( 'execute', () => {\n\t\t\t\teditor.execute( 'paragraph' );\n\t\t\t} );\n\n\t\t\treturn view;\n\t\t} );\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { Paragraph } from '@ckeditor/ckeditor5-paragraph/dist/index.js';\nimport { first, priorities, Collection } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { UIModel, createDropdown, addListToDropdown, MenuBarMenuView, MenuBarMenuListView, MenuBarMenuListItemView, MenuBarMenuListItemButtonView, ButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconHeading6, IconHeading5, IconHeading4, IconHeading3, IconHeading2, IconHeading1 } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ViewDowncastWriter, enableViewPlaceholder, hideViewPlaceholder, needsViewPlaceholder, showViewPlaceholder } from '@ckeditor/ckeditor5-engine/dist/index.js';\n\n/**\n * The heading command. It is used by the {@link module:heading/heading~Heading heading feature} to apply headings.\n */ class HeadingCommand extends Command {\n    /**\n\t * Set of defined model's elements names that this command support.\n\t * See {@link module:heading/headingconfig~HeadingOption}.\n\t */ modelElements;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor Editor instance.\n\t * @param modelElements Names of the element which this command can apply in the model.\n\t */ constructor(editor, modelElements){\n        super(editor);\n        this.modelElements = modelElements;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const block = first(this.editor.model.document.selection.getSelectedBlocks());\n        this.value = !!block && this.modelElements.includes(block.name) && block.name;\n        this.isEnabled = !!block && this.modelElements.some((heading)=>checkCanBecomeHeading(block, heading, this.editor.model.schema));\n    }\n    /**\n\t * Executes the command. Applies the heading to the selected blocks or, if the first selected\n\t * block is a heading already, turns selected headings (of this level only) to paragraphs.\n\t *\n\t * @param options.value Name of the element which this command will apply in the model.\n\t * @fires execute\n\t */ execute(options) {\n        const model = this.editor.model;\n        const document = model.document;\n        const modelElement = options.value;\n        model.change((writer)=>{\n            const blocks = Array.from(document.selection.getSelectedBlocks()).filter((block)=>{\n                return checkCanBecomeHeading(block, modelElement, model.schema);\n            });\n            for (const block of blocks){\n                if (!block.is('element', modelElement)) {\n                    writer.rename(block, modelElement);\n                }\n            }\n        });\n    }\n}\n/**\n * Checks whether the given block can be replaced by a specific heading.\n *\n * @param block A block to be tested.\n * @param heading Command element name in the model.\n * @param schema The schema of the document.\n */ function checkCanBecomeHeading(block, heading, schema) {\n    return schema.checkChild(block.parent, heading) && !schema.isObject(block);\n}\n\nconst defaultModelElement = 'paragraph';\n/**\n * The headings engine feature. It handles switching between block formats &ndash; headings and paragraph.\n * This class represents the engine part of the heading feature. See also {@link module:heading/heading~Heading}.\n * It introduces `heading1`-`headingN` commands which allow to convert paragraphs into headings.\n */ class HeadingEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HeadingEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('heading', {\n            options: [\n                {\n                    model: 'paragraph',\n                    title: 'Paragraph',\n                    class: 'ck-heading_paragraph'\n                },\n                {\n                    model: 'heading1',\n                    view: 'h2',\n                    title: 'Heading 1',\n                    class: 'ck-heading_heading1'\n                },\n                {\n                    model: 'heading2',\n                    view: 'h3',\n                    title: 'Heading 2',\n                    class: 'ck-heading_heading2'\n                },\n                {\n                    model: 'heading3',\n                    view: 'h4',\n                    title: 'Heading 3',\n                    class: 'ck-heading_heading3'\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Paragraph\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const options = editor.config.get('heading.options');\n        const modelElements = [];\n        for (const option of options){\n            // Skip paragraph - it is defined in required Paragraph feature.\n            if (option.model === 'paragraph') {\n                continue;\n            }\n            // Schema.\n            editor.model.schema.register(option.model, {\n                inheritAllFrom: '$block'\n            });\n            editor.conversion.elementToElement(option);\n            modelElements.push(option.model);\n        }\n        this._addDefaultH1Conversion(editor);\n        // Register the heading command for this option.\n        editor.commands.add('heading', new HeadingCommand(editor, modelElements));\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        // If the enter command is added to the editor, alter its behavior.\n        // Enter at the end of a heading element should create a paragraph.\n        const editor = this.editor;\n        const enterCommand = editor.commands.get('enter');\n        const options = editor.config.get('heading.options');\n        if (enterCommand) {\n            this.listenTo(enterCommand, 'afterExecute', (evt, data)=>{\n                const positionParent = editor.model.document.selection.getFirstPosition().parent;\n                const isHeading = options.some((option)=>positionParent.is('element', option.model));\n                if (isHeading && !positionParent.is('element', defaultModelElement) && positionParent.childCount === 0) {\n                    data.writer.rename(positionParent, defaultModelElement);\n                }\n            });\n        }\n    }\n    /**\n\t * Adds default conversion for `h1` -> `heading1` with a low priority.\n\t *\n\t * @param editor Editor instance on which to add the `h1` conversion.\n\t */ _addDefaultH1Conversion(editor) {\n        editor.conversion.for('upcast').elementToElement({\n            model: 'heading1',\n            view: 'h1',\n            // With a `low` priority, `paragraph` plugin autoparagraphing mechanism is executed. Make sure\n            // this listener is called before it. If not, `h1` will be transformed into a paragraph.\n            converterPriority: priorities.low + 1\n        });\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module heading/utils\n */ /**\n * Returns heading options as defined in `config.heading.options` but processed to consider\n * the editor localization, i.e. to display {@link module:heading/headingconfig~HeadingOption}\n * in the correct language.\n *\n * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}\n * when the user configuration is defined because the editor does not exist yet.\n *\n * @internal\n */ function getLocalizedOptions(editor) {\n    const t = editor.t;\n    const localizedTitles = {\n        'Paragraph': t('Paragraph'),\n        'Heading 1': t('Heading 1'),\n        'Heading 2': t('Heading 2'),\n        'Heading 3': t('Heading 3'),\n        'Heading 4': t('Heading 4'),\n        'Heading 5': t('Heading 5'),\n        'Heading 6': t('Heading 6')\n    };\n    return editor.config.get('heading.options').map((option)=>{\n        const title = localizedTitles[option.title];\n        if (title && title != option.title) {\n            option.title = title;\n        }\n        return option;\n    });\n}\n\n/**\n * The headings UI feature. It introduces the `headings` dropdown.\n */ class HeadingUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HeadingUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const options = getLocalizedOptions(editor);\n        const defaultTitle = t('Choose heading');\n        const accessibleLabel = t('Heading');\n        // Register UI component.\n        editor.ui.componentFactory.add('heading', (locale)=>{\n            const titles = {};\n            const itemDefinitions = new Collection();\n            const headingCommand = editor.commands.get('heading');\n            const paragraphCommand = editor.commands.get('paragraph');\n            const commands = [\n                headingCommand\n            ];\n            for (const option of options){\n                const def = {\n                    type: 'button',\n                    model: new UIModel({\n                        label: option.title,\n                        class: option.class,\n                        role: 'menuitemradio',\n                        withText: true\n                    })\n                };\n                if (option.model === 'paragraph') {\n                    def.model.bind('isOn').to(paragraphCommand, 'value');\n                    def.model.set('commandName', 'paragraph');\n                    commands.push(paragraphCommand);\n                } else {\n                    def.model.bind('isOn').to(headingCommand, 'value', (value)=>value === option.model);\n                    def.model.set({\n                        commandName: 'heading',\n                        commandValue: option.model\n                    });\n                }\n                // Add the option to the collection.\n                itemDefinitions.add(def);\n                titles[option.model] = option.title;\n            }\n            const dropdownView = createDropdown(locale);\n            addListToDropdown(dropdownView, itemDefinitions, {\n                ariaLabel: accessibleLabel,\n                role: 'menu'\n            });\n            dropdownView.buttonView.set({\n                ariaLabel: accessibleLabel,\n                ariaLabelledBy: undefined,\n                isOn: false,\n                withText: true,\n                tooltip: accessibleLabel\n            });\n            dropdownView.extendTemplate({\n                attributes: {\n                    class: [\n                        'ck-heading-dropdown'\n                    ]\n                }\n            });\n            dropdownView.bind('isEnabled').toMany(commands, 'isEnabled', (...areEnabled)=>{\n                return areEnabled.some((isEnabled)=>isEnabled);\n            });\n            dropdownView.buttonView.bind('label').to(headingCommand, 'value', paragraphCommand, 'value', (heading, paragraph)=>{\n                const whichModel = paragraph ? 'paragraph' : heading;\n                if (typeof whichModel === 'boolean') {\n                    return defaultTitle;\n                }\n                // If none of the commands is active, display default title.\n                if (!titles[whichModel]) {\n                    return defaultTitle;\n                }\n                return titles[whichModel];\n            });\n            dropdownView.buttonView.bind('ariaLabel').to(headingCommand, 'value', paragraphCommand, 'value', (heading, paragraph)=>{\n                const whichModel = paragraph ? 'paragraph' : heading;\n                if (typeof whichModel === 'boolean') {\n                    return accessibleLabel;\n                }\n                // If none of the commands is active, display default title.\n                if (!titles[whichModel]) {\n                    return accessibleLabel;\n                }\n                return `${titles[whichModel]}, ${accessibleLabel}`;\n            });\n            // Execute command when an item from the dropdown is selected.\n            this.listenTo(dropdownView, 'execute', (evt)=>{\n                const { commandName, commandValue } = evt.source;\n                editor.execute(commandName, commandValue ? {\n                    value: commandValue\n                } : undefined);\n                editor.editing.view.focus();\n            });\n            return dropdownView;\n        });\n        editor.ui.componentFactory.add('menuBar:heading', (locale)=>{\n            const menuView = new MenuBarMenuView(locale);\n            const headingCommand = editor.commands.get('heading');\n            const paragraphCommand = editor.commands.get('paragraph');\n            const commands = [\n                headingCommand\n            ];\n            const listView = new MenuBarMenuListView(locale);\n            menuView.set({\n                class: 'ck-heading-dropdown'\n            });\n            listView.set({\n                ariaLabel: t('Heading'),\n                role: 'menu'\n            });\n            menuView.buttonView.set({\n                label: t('Heading')\n            });\n            menuView.panelView.children.add(listView);\n            for (const option of options){\n                const listItemView = new MenuBarMenuListItemView(locale, menuView);\n                const buttonView = new MenuBarMenuListItemButtonView(locale);\n                listItemView.children.add(buttonView);\n                listView.items.add(listItemView);\n                buttonView.set({\n                    isToggleable: true,\n                    label: option.title,\n                    role: 'menuitemradio',\n                    class: option.class\n                });\n                buttonView.delegate('execute').to(menuView);\n                buttonView.on('execute', ()=>{\n                    const commandName = option.model === 'paragraph' ? 'paragraph' : 'heading';\n                    editor.execute(commandName, {\n                        value: option.model\n                    });\n                    editor.editing.view.focus();\n                });\n                if (option.model === 'paragraph') {\n                    buttonView.bind('isOn').to(paragraphCommand, 'value');\n                    commands.push(paragraphCommand);\n                } else {\n                    buttonView.bind('isOn').to(headingCommand, 'value', (value)=>value === option.model);\n                }\n            }\n            menuView.bind('isEnabled').toMany(commands, 'isEnabled', (...areEnabled)=>{\n                return areEnabled.some((isEnabled)=>isEnabled);\n            });\n            return menuView;\n        });\n    }\n}\n\n/**\n * The headings feature.\n *\n * For a detailed overview, check the {@glink features/headings Headings feature} guide\n * and the {@glink api/heading package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:heading/headingediting~HeadingEditing heading editing feature}\n * and {@link module:heading/headingui~HeadingUI heading UI feature}.\n *\n * @extends module:core/plugin~Plugin\n */ class Heading extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            HeadingEditing,\n            HeadingUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Heading';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nconst defaultIcons = /* #__PURE__ */ (()=>({\n        heading1: IconHeading1,\n        heading2: IconHeading2,\n        heading3: IconHeading3,\n        heading4: IconHeading4,\n        heading5: IconHeading5,\n        heading6: IconHeading6\n    }))();\n/**\n * The `HeadingButtonsUI` plugin defines a set of UI buttons that can be used instead of the\n * standard drop down component.\n *\n * This feature is not enabled by default by the {@link module:heading/heading~Heading} plugin and needs to be\n * installed manually to the editor configuration.\n *\n * Plugin introduces button UI elements, which names are same as `model` property from {@link module:heading/headingconfig~HeadingOption}.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., Heading, Paragraph, HeadingButtonsUI, ParagraphButtonUI ]\n *     heading: {\n *       options: [\n *         { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },\n *         { model: 'heading1', view: 'h2', title: 'Heading 1', class: 'ck-heading_heading1' },\n *         { model: 'heading2', view: 'h3', title: 'Heading 2', class: 'ck-heading_heading2' },\n *         { model: 'heading3', view: 'h4', title: 'Heading 3', class: 'ck-heading_heading3' }\n *       ]\n *      },\n *      toolbar: [ 'paragraph', 'heading1', 'heading2', 'heading3' ]\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n *\n * NOTE: The `'paragraph'` button is defined in by the {@link module:paragraph/paragraphbuttonui~ParagraphButtonUI} plugin\n * which needs to be loaded manually as well.\n *\n * It is possible to use custom icons by providing `icon` config option in {@link module:heading/headingconfig~HeadingOption}.\n * For the default configuration standard icons are used.\n */ class HeadingButtonsUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const options = getLocalizedOptions(this.editor);\n        options.filter((item)=>item.model !== 'paragraph').map((item)=>this._createButton(item));\n    }\n    /**\n\t * Creates single button view from provided configuration option.\n\t */ _createButton(option) {\n        const editor = this.editor;\n        editor.ui.componentFactory.add(option.model, (locale)=>{\n            const view = new ButtonView(locale);\n            const command = editor.commands.get('heading');\n            view.label = option.title;\n            view.icon = option.icon || defaultIcons[option.model];\n            view.tooltip = true;\n            view.isToggleable = true;\n            view.bind('isEnabled').to(command);\n            view.bind('isOn').to(command, 'value', (value)=>value == option.model);\n            view.on('execute', ()=>{\n                editor.execute('heading', {\n                    value: option.model\n                });\n                editor.editing.view.focus();\n            });\n            return view;\n        });\n    }\n}\n\n// A list of element names that should be treated by the Title plugin as title-like.\n// This means that an element of a type from this list will be changed to a title element\n// when it is the first element in the root.\nconst titleLikeElements = new Set([\n    'paragraph',\n    'heading1',\n    'heading2',\n    'heading3',\n    'heading4',\n    'heading5',\n    'heading6'\n]);\n/**\n * The Title plugin.\n *\n * It splits the document into `Title` and `Body` sections.\n */ class Title extends Plugin {\n    /**\n\t * A reference to an empty paragraph in the body\n\t * created when there is no element in the body for the placeholder purposes.\n\t */ _bodyPlaceholder = new Map();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Title';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            'Paragraph'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        // To use the schema for disabling some features when the selection is inside the title element\n        // it is needed to create the following structure:\n        //\n        // <title>\n        //     <title-content>The title text</title-content>\n        // </title>\n        //\n        // See: https://github.com/ckeditor/ckeditor5/issues/2005.\n        model.schema.register('title', {\n            isBlock: true,\n            allowIn: '$root'\n        });\n        model.schema.register('title-content', {\n            isBlock: true,\n            allowIn: 'title',\n            allowAttributes: [\n                'alignment'\n            ]\n        });\n        model.schema.extend('$text', {\n            allowIn: 'title-content'\n        });\n        // Disallow all attributes in `title-content`.\n        model.schema.addAttributeCheck((context)=>{\n            if (context.endsWith('title-content $text')) {\n                return false;\n            }\n        });\n        // Because `title` is represented by two elements in the model\n        // but only one in the view, it is needed to adjust Mapper.\n        editor.editing.mapper.on('modelToViewPosition', mapModelPositionToView(editor.editing.view));\n        editor.data.mapper.on('modelToViewPosition', mapModelPositionToView(editor.editing.view));\n        // Conversion.\n        editor.conversion.for('downcast').elementToElement({\n            model: 'title-content',\n            view: 'h1'\n        });\n        editor.conversion.for('downcast').add((dispatcher)=>dispatcher.on('insert:title', (evt, data, conversionApi)=>{\n                conversionApi.consumable.consume(data.item, evt.name);\n            }));\n        // Custom converter is used for data v -> m conversion to avoid calling post-fixer when setting data.\n        // See https://github.com/ckeditor/ckeditor5/issues/2036.\n        editor.data.upcastDispatcher.on('element:h1', dataViewModelH1Insertion, {\n            priority: 'high'\n        });\n        editor.data.upcastDispatcher.on('element:h2', dataViewModelH1Insertion, {\n            priority: 'high'\n        });\n        editor.data.upcastDispatcher.on('element:h3', dataViewModelH1Insertion, {\n            priority: 'high'\n        });\n        // Take care about correct `title` element structure.\n        model.document.registerPostFixer((writer)=>this._fixTitleContent(writer));\n        // Create and take care of correct position of a `title` element.\n        model.document.registerPostFixer((writer)=>this._fixTitleElement(writer));\n        // Create element for `Body` placeholder if it is missing.\n        model.document.registerPostFixer((writer)=>this._fixBodyElement(writer));\n        // Prevent from adding extra at the end of the document.\n        model.document.registerPostFixer((writer)=>this._fixExtraParagraph(writer));\n        // Attach `Title` and `Body` placeholders to the empty title and/or content.\n        this._attachPlaceholders();\n        // Attach Tab handling.\n        this._attachTabPressHandling();\n    }\n    /**\n\t * Returns the title of the document. Note that because this plugin does not allow any formatting inside\n\t * the title element, the output of this method will be a plain text, with no HTML tags.\n\t *\n\t * It is not recommended to use this method together with features that insert markers to the\n\t * data output, like comments or track changes features. If such markers start in the title and end in the\n\t * body, the result of this method might be incorrect.\n\t *\n\t * @param options Additional configuration passed to the conversion process.\n\t * See {@link module:engine/controller/datacontroller~DataController#get `DataController#get`}.\n\t * @returns The title of the document.\n\t */ getTitle(options = {}) {\n        const rootName = options.rootName ? options.rootName : undefined;\n        const titleElement = this._getTitleElement(rootName);\n        const titleContentElement = titleElement.getChild(0);\n        return this.editor.data.stringify(titleContentElement, options);\n    }\n    /**\n\t * Returns the body of the document.\n\t *\n\t * Note that it is not recommended to use this method together with features that insert markers to the\n\t * data output, like comments or track changes features. If such markers start in the title and end in the\n\t * body, the result of this method might be incorrect.\n\t *\n\t * @param options Additional configuration passed to the conversion process.\n\t * See {@link module:engine/controller/datacontroller~DataController#get `DataController#get`}.\n\t * @returns The body of the document.\n\t */ getBody(options = {}) {\n        const editor = this.editor;\n        const data = editor.data;\n        const model = editor.model;\n        const rootName = options.rootName ? options.rootName : undefined;\n        const root = editor.model.document.getRoot(rootName);\n        const view = editor.editing.view;\n        const viewWriter = new ViewDowncastWriter(view.document);\n        const rootRange = model.createRangeIn(root);\n        const viewDocumentFragment = viewWriter.createDocumentFragment();\n        // Find all markers that intersects with body.\n        const bodyStartPosition = model.createPositionAfter(root.getChild(0));\n        const bodyRange = model.createRange(bodyStartPosition, model.createPositionAt(root, 'end'));\n        const markers = new Map();\n        for (const marker of model.markers){\n            const intersection = bodyRange.getIntersection(marker.getRange());\n            if (intersection) {\n                markers.set(marker.name, intersection);\n            }\n        }\n        // Convert the entire root to view.\n        data.mapper.clearBindings();\n        data.mapper.bindElements(root, viewDocumentFragment);\n        data.downcastDispatcher.convert(rootRange, markers, viewWriter, options);\n        // Remove title element from view.\n        viewWriter.remove(viewWriter.createRangeOn(viewDocumentFragment.getChild(0)));\n        // view -> data\n        return editor.data.processor.toData(viewDocumentFragment);\n    }\n    /**\n\t * Returns the `title` element when it is in the document. Returns `undefined` otherwise.\n\t */ _getTitleElement(rootName) {\n        const root = this.editor.model.document.getRoot(rootName);\n        for (const child of root.getChildren()){\n            if (isTitle(child)) {\n                return child;\n            }\n        }\n    }\n    /**\n\t * Model post-fixer callback that ensures that `title` has only one `title-content` child.\n\t * All additional children should be moved after the `title` element and renamed to a paragraph.\n\t */ _fixTitleContent(writer) {\n        let changed = false;\n        for (const rootName of this.editor.model.document.getRootNames()){\n            const title = this._getTitleElement(rootName);\n            // If there is no title in the content it will be created by `_fixTitleElement` post-fixer.\n            // If the title has just one element, then it is correct. No fixing.\n            if (!title || title.maxOffset === 1) {\n                continue;\n            }\n            const titleChildren = Array.from(title.getChildren());\n            // Skip first child because it is an allowed element.\n            titleChildren.shift();\n            for (const titleChild of titleChildren){\n                writer.move(writer.createRangeOn(titleChild), title, 'after');\n                writer.rename(titleChild, 'paragraph');\n            }\n            changed = true;\n        }\n        return changed;\n    }\n    /**\n\t * Model post-fixer callback that creates a title element when it is missing,\n\t * takes care of the correct position of it and removes additional title elements.\n\t */ _fixTitleElement(writer) {\n        let changed = false;\n        const model = this.editor.model;\n        for (const modelRoot of this.editor.model.document.getRoots()){\n            const titleElements = Array.from(modelRoot.getChildren()).filter(isTitle);\n            const firstTitleElement = titleElements[0];\n            const firstRootChild = modelRoot.getChild(0);\n            // When title element is at the beginning of the document then try to fix additional title elements (if there are any).\n            if (firstRootChild.is('element', 'title')) {\n                if (titleElements.length > 1) {\n                    fixAdditionalTitleElements(titleElements, writer, model);\n                    changed = true;\n                }\n                continue;\n            }\n            // When there is no title in the document and first element in the document cannot be changed\n            // to the title then create an empty title element at the beginning of the document.\n            if (!firstTitleElement && !titleLikeElements.has(firstRootChild.name)) {\n                const title = writer.createElement('title');\n                writer.insert(title, modelRoot);\n                writer.insertElement('title-content', title);\n                changed = true;\n                continue;\n            }\n            if (titleLikeElements.has(firstRootChild.name)) {\n                // Change the first element in the document to the title if it can be changed (is title-like).\n                changeElementToTitle(firstRootChild, writer, model);\n            } else {\n                // Otherwise, move the first occurrence of the title element to the beginning of the document.\n                writer.move(writer.createRangeOn(firstTitleElement), modelRoot, 0);\n            }\n            fixAdditionalTitleElements(titleElements, writer, model);\n            changed = true;\n        }\n        return changed;\n    }\n    /**\n\t * Model post-fixer callback that adds an empty paragraph at the end of the document\n\t * when it is needed for the placeholder purposes.\n\t */ _fixBodyElement(writer) {\n        let changed = false;\n        for (const rootName of this.editor.model.document.getRootNames()){\n            const modelRoot = this.editor.model.document.getRoot(rootName);\n            if (modelRoot.childCount < 2) {\n                const placeholder = writer.createElement('paragraph');\n                writer.insert(placeholder, modelRoot, 1);\n                this._bodyPlaceholder.set(rootName, placeholder);\n                changed = true;\n            }\n        }\n        return changed;\n    }\n    /**\n\t * Model post-fixer callback that removes a paragraph from the end of the document\n\t * if it was created for the placeholder purposes and is not needed anymore.\n\t */ _fixExtraParagraph(writer) {\n        let changed = false;\n        for (const rootName of this.editor.model.document.getRootNames()){\n            const root = this.editor.model.document.getRoot(rootName);\n            const placeholder = this._bodyPlaceholder.get(rootName);\n            if (shouldRemoveLastParagraph(placeholder, root)) {\n                this._bodyPlaceholder.delete(rootName);\n                writer.remove(placeholder);\n                changed = true;\n            }\n        }\n        return changed;\n    }\n    /**\n\t * Attaches the `Title` and `Body` placeholders to the title and/or content.\n\t */ _attachPlaceholders() {\n        const editor = this.editor;\n        const t = editor.t;\n        const view = editor.editing.view;\n        const sourceElement = editor.sourceElement;\n        const titlePlaceholder = editor.config.get('title.placeholder') || t('Type your title');\n        const bodyPlaceholder = editor.config.get('placeholder') || sourceElement && sourceElement.tagName.toLowerCase() === 'textarea' && sourceElement.getAttribute('placeholder') || t('Type or paste your content here.');\n        // Attach placeholder to the view title element.\n        editor.editing.downcastDispatcher.on('insert:title-content', (evt, data, conversionApi)=>{\n            const element = conversionApi.mapper.toViewElement(data.item);\n            element.placeholder = titlePlaceholder;\n            enableViewPlaceholder({\n                view,\n                element,\n                keepOnFocus: true\n            });\n        });\n        // Attach placeholder to first element after a title element and remove it if it's not needed anymore.\n        // First element after title can change, so we need to observe all changes keep placeholder in sync.\n        const bodyViewElements = new Map();\n        // This post-fixer runs after the model post-fixer, so we can assume that the second child in view root will always exist.\n        view.document.registerPostFixer((writer)=>{\n            let hasChanged = false;\n            for (const viewRoot of view.document.roots){\n                // `viewRoot` can be empty despite the model post-fixers if the model root was detached.\n                if (viewRoot.isEmpty) {\n                    continue;\n                }\n                // If `viewRoot` is not empty, then we can expect at least two elements in it.\n                const body = viewRoot.getChild(1);\n                const oldBody = bodyViewElements.get(viewRoot.rootName);\n                // If body element has changed we need to disable placeholder on the previous element and enable on the new one.\n                if (body !== oldBody) {\n                    if (oldBody) {\n                        hideViewPlaceholder(writer, oldBody);\n                        writer.removeAttribute('data-placeholder', oldBody);\n                    }\n                    writer.setAttribute('data-placeholder', bodyPlaceholder, body);\n                    bodyViewElements.set(viewRoot.rootName, body);\n                    hasChanged = true;\n                }\n                // Then we need to display placeholder if it is needed.\n                // See: https://github.com/ckeditor/ckeditor5/issues/8689.\n                if (needsViewPlaceholder(body, true) && viewRoot.childCount === 2 && body.name === 'p') {\n                    hasChanged = showViewPlaceholder(writer, body) ? true : hasChanged;\n                } else {\n                    // Or hide if it is not needed.\n                    hasChanged = hideViewPlaceholder(writer, body) ? true : hasChanged;\n                }\n            }\n            return hasChanged;\n        });\n    }\n    /**\n\t * Creates navigation between the title and body sections using <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> keys.\n\t */ _attachTabPressHandling() {\n        const editor = this.editor;\n        const model = editor.model;\n        // Pressing <kbd>Tab</kbd> inside the title should move the caret to the body.\n        editor.keystrokes.set('TAB', (data, cancel)=>{\n            model.change((writer)=>{\n                const selection = model.document.selection;\n                const selectedElements = Array.from(selection.getSelectedBlocks());\n                if (selectedElements.length === 1 && selectedElements[0].is('element', 'title-content')) {\n                    const root = selection.getFirstPosition().root;\n                    const firstBodyElement = root.getChild(1);\n                    writer.setSelection(firstBodyElement, 0);\n                    cancel();\n                }\n            });\n        });\n        // Pressing <kbd>Shift</kbd>+<kbd>Tab</kbd> at the beginning of the body should move the caret to the title.\n        editor.keystrokes.set('SHIFT + TAB', (data, cancel)=>{\n            model.change((writer)=>{\n                const selection = model.document.selection;\n                if (!selection.isCollapsed) {\n                    return;\n                }\n                const selectedElement = first(selection.getSelectedBlocks());\n                const selectionPosition = selection.getFirstPosition();\n                const root = editor.model.document.getRoot(selectionPosition.root.rootName);\n                const title = root.getChild(0);\n                const body = root.getChild(1);\n                if (selectedElement === body && selectionPosition.isAtStart) {\n                    writer.setSelection(title.getChild(0), 0);\n                    cancel();\n                }\n            });\n        });\n    }\n}\n/**\n * A view-to-model converter for the h1 that appears at the beginning of the document (a title element).\n *\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n * @param evt An object containing information about the fired event.\n * @param data An object containing conversion input, a placeholder for conversion output and possibly other values.\n * @param conversionApi Conversion interface to be used by the callback.\n */ function dataViewModelH1Insertion(evt, data, conversionApi) {\n    const modelCursor = data.modelCursor;\n    const viewItem = data.viewItem;\n    if (!modelCursor.isAtStart || !modelCursor.parent.is('element', '$root')) {\n        return;\n    }\n    if (!conversionApi.consumable.consume(viewItem, {\n        name: true\n    })) {\n        return;\n    }\n    const modelWriter = conversionApi.writer;\n    const title = modelWriter.createElement('title');\n    const titleContent = modelWriter.createElement('title-content');\n    modelWriter.append(titleContent, title);\n    modelWriter.insert(title, modelCursor);\n    conversionApi.convertChildren(viewItem, titleContent);\n    conversionApi.updateConversionResult(title, data);\n}\n/**\n * Maps position from the beginning of the model `title` element to the beginning of the view `h1` element.\n *\n * ```html\n * <title>^<title-content>Foo</title-content></title> -> <h1>^Foo</h1>\n * ```\n */ function mapModelPositionToView(editingView) {\n    return (evt, data)=>{\n        const positionParent = data.modelPosition.parent;\n        if (!positionParent.is('element', 'title')) {\n            return;\n        }\n        const modelTitleElement = positionParent.parent;\n        const viewElement = data.mapper.toViewElement(modelTitleElement);\n        data.viewPosition = editingView.createPositionAt(viewElement, 0);\n        evt.stop();\n    };\n}\n/**\n * @returns Returns true when given element is a title. Returns false otherwise.\n */ function isTitle(element) {\n    return element.is('element', 'title');\n}\n/**\n * Changes the given element to the title element.\n */ function changeElementToTitle(element, writer, model) {\n    const title = writer.createElement('title');\n    writer.insert(title, element, 'before');\n    writer.insert(element, title, 0);\n    writer.rename(element, 'title-content');\n    model.schema.removeDisallowedAttributes([\n        element\n    ], writer);\n}\n/**\n * Loops over the list of title elements and fixes additional ones.\n *\n * @returns Returns true when there was any change. Returns false otherwise.\n */ function fixAdditionalTitleElements(titleElements, writer, model) {\n    let hasChanged = false;\n    for (const title of titleElements){\n        if (title.index !== 0) {\n            fixTitleElement(title, writer, model);\n            hasChanged = true;\n        }\n    }\n    return hasChanged;\n}\n/**\n * Changes given title element to a paragraph or removes it when it is empty.\n */ function fixTitleElement(title, writer, model) {\n    const child = title.getChild(0);\n    // Empty title should be removed.\n    // It is created as a result of pasting to the title element.\n    if (child.isEmpty) {\n        writer.remove(title);\n        return;\n    }\n    writer.move(writer.createRangeOn(child), title, 'before');\n    writer.rename(child, 'paragraph');\n    writer.remove(title);\n    model.schema.removeDisallowedAttributes([\n        child\n    ], writer);\n}\n/**\n * Returns true when the last paragraph in the document was created only for the placeholder\n * purpose and it's not needed anymore. Returns false otherwise.\n */ function shouldRemoveLastParagraph(placeholder, root) {\n    if (!placeholder || !placeholder.is('element', 'paragraph') || placeholder.childCount) {\n        return false;\n    }\n    if (root.childCount <= 2 || root.getChild(root.childCount - 1) !== placeholder) {\n        return false;\n    }\n    return true;\n}\n\nexport { Heading, HeadingButtonsUI, HeadingCommand, HeadingEditing, HeadingUI, Title, getLocalizedOptions as _getLocalizedHeadingOptions };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 heading/headingcommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\n\nimport type { ModelElement, ModelSchema } from 'ckeditor5/src/engine.js';\n\n/**\n * The heading command. It is used by the {@link module:heading/heading~Heading heading feature} to apply headings.\n */\nexport class HeadingCommand extends Command {\n\t/**\n\t * If the selection starts in a heading (which {@link #modelElements is supported by this command})\n\t * the value is set to the name of that heading model element.\n\t * It is  set to `false` otherwise.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: false | string;\n\n\t/**\n\t * Set of defined model's elements names that this command support.\n\t * See {@link module:heading/headingconfig~HeadingOption}.\n\t */\n\tpublic readonly modelElements: Array<string>;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor Editor instance.\n\t * @param modelElements Names of the element which this command can apply in the model.\n\t */\n\tconstructor( editor: Editor, modelElements: Array<string> ) {\n\t\tsuper( editor );\n\n\t\tthis.modelElements = modelElements;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst block = first( this.editor.model.document.selection.getSelectedBlocks() );\n\n\t\tthis.value = !!block && this.modelElements.includes( block.name ) && block.name;\n\t\tthis.isEnabled = !!block && this.modelElements.some( heading => checkCanBecomeHeading( block, heading, this.editor.model.schema ) );\n\t}\n\n\t/**\n\t * Executes the command. Applies the heading to the selected blocks or, if the first selected\n\t * block is a heading already, turns selected headings (of this level only) to paragraphs.\n\t *\n\t * @param options.value Name of the element which this command will apply in the model.\n\t * @fires execute\n\t */\n\tpublic override execute( options: { value: string } ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\n\t\tconst modelElement = options.value;\n\n\t\tmodel.change( writer => {\n\t\t\tconst blocks = Array.from( document.selection.getSelectedBlocks() )\n\t\t\t\t.filter( block => {\n\t\t\t\t\treturn checkCanBecomeHeading( block, modelElement, model.schema );\n\t\t\t\t} );\n\n\t\t\tfor ( const block of blocks ) {\n\t\t\t\tif ( !block.is( 'element', modelElement ) ) {\n\t\t\t\t\twriter.rename( block, modelElement );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Checks whether the given block can be replaced by a specific heading.\n *\n * @param block A block to be tested.\n * @param heading Command element name in the model.\n * @param schema The schema of the document.\n */\nfunction checkCanBecomeHeading( block: ModelElement, heading: string, schema: ModelSchema ) {\n\treturn schema.checkChild( block.parent as ModelElement, heading ) && !schema.isObject( block );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 heading/headingediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { Paragraph } from 'ckeditor5/src/paragraph.js';\nimport { priorities } from 'ckeditor5/src/utils.js';\nimport type { EnterCommandAfterExecuteEvent } from 'ckeditor5/src/enter.js';\nimport type { HeadingOption } from './headingconfig.js';\n\nimport { HeadingCommand } from './headingcommand.js';\n\nconst defaultModelElement = 'paragraph';\n\n/**\n * The headings engine feature. It handles switching between block formats &ndash; headings and paragraph.\n * This class represents the engine part of the heading feature. See also {@link module:heading/heading~Heading}.\n * It introduces `heading1`-`headingN` commands which allow to convert paragraphs into headings.\n */\nexport class HeadingEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HeadingEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'heading', {\n\t\t\toptions: [\n\t\t\t\t{ model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },\n\t\t\t\t{ model: 'heading1', view: 'h2', title: 'Heading 1', class: 'ck-heading_heading1' },\n\t\t\t\t{ model: 'heading2', view: 'h3', title: 'Heading 2', class: 'ck-heading_heading2' },\n\t\t\t\t{ model: 'heading3', view: 'h4', title: 'Heading 3', class: 'ck-heading_heading3' }\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Paragraph ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst options: Array<HeadingOption> = editor.config.get( 'heading.options' )!;\n\n\t\tconst modelElements = [];\n\n\t\tfor ( const option of options ) {\n\t\t\t// Skip paragraph - it is defined in required Paragraph feature.\n\t\t\tif ( option.model === 'paragraph' ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Schema.\n\t\t\teditor.model.schema.register( option.model, {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t} );\n\n\t\t\teditor.conversion.elementToElement( option );\n\n\t\t\tmodelElements.push( option.model );\n\t\t}\n\n\t\tthis._addDefaultH1Conversion( editor );\n\n\t\t// Register the heading command for this option.\n\t\teditor.commands.add( 'heading', new HeadingCommand( editor, modelElements ) );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\t// If the enter command is added to the editor, alter its behavior.\n\t\t// Enter at the end of a heading element should create a paragraph.\n\t\tconst editor = this.editor;\n\t\tconst enterCommand = editor.commands.get( 'enter' );\n\t\tconst options: Array<HeadingOption> = editor.config.get( 'heading.options' )!;\n\n\t\tif ( enterCommand ) {\n\t\t\tthis.listenTo<EnterCommandAfterExecuteEvent>( enterCommand, 'afterExecute', ( evt, data ) => {\n\t\t\t\tconst positionParent = editor.model.document.selection.getFirstPosition()!.parent;\n\t\t\t\tconst isHeading = options.some( option => positionParent.is( 'element', option.model ) );\n\n\t\t\t\tif ( isHeading && !positionParent.is( 'element', defaultModelElement ) && positionParent.childCount === 0 ) {\n\t\t\t\t\tdata.writer.rename( positionParent, defaultModelElement );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Adds default conversion for `h1` -> `heading1` with a low priority.\n\t *\n\t * @param editor Editor instance on which to add the `h1` conversion.\n\t */\n\tprivate _addDefaultH1Conversion( editor: Editor ) {\n\t\teditor.conversion.for( 'upcast' ).elementToElement( {\n\t\t\tmodel: 'heading1',\n\t\t\tview: 'h1',\n\t\t\t// With a `low` priority, `paragraph` plugin autoparagraphing mechanism is executed. Make sure\n\t\t\t// this listener is called before it. If not, `h1` will be transformed into a paragraph.\n\t\t\tconverterPriority: priorities.low + 1\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 heading/utils\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport type { HeadingOption } from './headingconfig.js';\n\n/**\n * Returns heading options as defined in `config.heading.options` but processed to consider\n * the editor localization, i.e. to display {@link module:heading/headingconfig~HeadingOption}\n * in the correct language.\n *\n * Note: The reason behind this method is that there is no way to use {@link module:utils/locale~Locale#t}\n * when the user configuration is defined because the editor does not exist yet.\n *\n * @internal\n */\nexport function getLocalizedOptions( editor: Editor ): Array<HeadingOption> {\n\tconst t = editor.t;\n\tconst localizedTitles: Record<string, string> = {\n\t\t'Paragraph': t( 'Paragraph' ),\n\t\t'Heading 1': t( 'Heading 1' ),\n\t\t'Heading 2': t( 'Heading 2' ),\n\t\t'Heading 3': t( 'Heading 3' ),\n\t\t'Heading 4': t( 'Heading 4' ),\n\t\t'Heading 5': t( 'Heading 5' ),\n\t\t'Heading 6': t( 'Heading 6' )\n\t};\n\n\treturn editor.config.get( 'heading.options' )!.map( option => {\n\t\tconst title = localizedTitles[ option.title ];\n\n\t\tif ( title && title != option.title ) {\n\t\t\toption.title = title;\n\t\t}\n\n\t\treturn option;\n\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 heading/headingui\n */\n\nimport { Plugin, type Command } from 'ckeditor5/src/core.js';\nimport {\n\tUIModel,\n\tcreateDropdown,\n\taddListToDropdown,\n\ttype ButtonExecuteEvent,\n\ttype ListDropdownItemDefinition,\n\tMenuBarMenuListItemView,\n\tMenuBarMenuListView,\n\tMenuBarMenuView,\n\tMenuBarMenuListItemButtonView\n} from 'ckeditor5/src/ui.js';\nimport { Collection } from 'ckeditor5/src/utils.js';\nimport type { ParagraphCommand } from 'ckeditor5/src/paragraph.js';\n\nimport { getLocalizedOptions } from './utils.js';\nimport { type HeadingCommand } from './headingcommand.js';\n\nimport '../theme/heading.css';\n\n/**\n * The headings UI feature. It introduces the `headings` dropdown.\n */\nexport class HeadingUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HeadingUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst options = getLocalizedOptions( editor );\n\t\tconst defaultTitle = t( 'Choose heading' );\n\t\tconst accessibleLabel = t( 'Heading' );\n\n\t\t// Register UI component.\n\t\teditor.ui.componentFactory.add( 'heading', locale => {\n\t\t\tconst titles: Record<string, string> = {};\n\t\t\tconst itemDefinitions: Collection<ListDropdownItemDefinition> = new Collection();\n\t\t\tconst headingCommand: HeadingCommand = editor.commands.get( 'heading' )!;\n\t\t\tconst paragraphCommand: ParagraphCommand = editor.commands.get( 'paragraph' )!;\n\t\t\tconst commands: Array<Command> = [ headingCommand ];\n\n\t\t\tfor ( const option of options ) {\n\t\t\t\tconst def: ListDropdownItemDefinition = {\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: new UIModel( {\n\t\t\t\t\t\tlabel: option.title,\n\t\t\t\t\t\tclass: option.class,\n\t\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\t\twithText: true\n\t\t\t\t\t} )\n\t\t\t\t};\n\n\t\t\t\tif ( option.model === 'paragraph' ) {\n\t\t\t\t\tdef.model.bind( 'isOn' ).to( paragraphCommand, 'value' );\n\t\t\t\t\tdef.model.set( 'commandName', 'paragraph' );\n\t\t\t\t\tcommands.push( paragraphCommand );\n\t\t\t\t} else {\n\t\t\t\t\tdef.model.bind( 'isOn' ).to( headingCommand, 'value', value => value === option.model );\n\t\t\t\t\tdef.model.set( {\n\t\t\t\t\t\tcommandName: 'heading',\n\t\t\t\t\t\tcommandValue: option.model\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t// Add the option to the collection.\n\t\t\t\titemDefinitions.add( def );\n\n\t\t\t\ttitles[ option.model ] = option.title;\n\t\t\t}\n\n\t\t\tconst dropdownView = createDropdown( locale );\n\t\t\taddListToDropdown( dropdownView, itemDefinitions, {\n\t\t\t\tariaLabel: accessibleLabel,\n\t\t\t\trole: 'menu'\n\t\t\t} );\n\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\tariaLabel: accessibleLabel,\n\t\t\t\tariaLabelledBy: undefined,\n\t\t\t\tisOn: false,\n\t\t\t\twithText: true,\n\t\t\t\ttooltip: accessibleLabel\n\t\t\t} );\n\n\t\t\tdropdownView.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: [\n\t\t\t\t\t\t'ck-heading-dropdown'\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tdropdownView.bind( 'isEnabled' ).toMany( commands, 'isEnabled', ( ...areEnabled ) => {\n\t\t\t\treturn areEnabled.some( isEnabled => isEnabled );\n\t\t\t} );\n\n\t\t\tdropdownView.buttonView.bind( 'label' ).to( headingCommand, 'value', paragraphCommand, 'value', ( heading, paragraph ) => {\n\t\t\t\tconst whichModel = paragraph ? 'paragraph' : heading;\n\n\t\t\t\tif ( typeof whichModel === 'boolean' ) {\n\t\t\t\t\treturn defaultTitle;\n\t\t\t\t}\n\n\t\t\t\t// If none of the commands is active, display default title.\n\t\t\t\tif ( !titles[ whichModel ] ) {\n\t\t\t\t\treturn defaultTitle;\n\t\t\t\t}\n\n\t\t\t\treturn titles[ whichModel ];\n\t\t\t} );\n\n\t\t\tdropdownView.buttonView.bind( 'ariaLabel' ).to( headingCommand, 'value', paragraphCommand, 'value', ( heading, paragraph ) => {\n\t\t\t\tconst whichModel = paragraph ? 'paragraph' : heading;\n\n\t\t\t\tif ( typeof whichModel === 'boolean' ) {\n\t\t\t\t\treturn accessibleLabel;\n\t\t\t\t}\n\n\t\t\t\t// If none of the commands is active, display default title.\n\t\t\t\tif ( !titles[ whichModel ] ) {\n\t\t\t\t\treturn accessibleLabel;\n\t\t\t\t}\n\n\t\t\t\treturn `${ titles[ whichModel ] }, ${ accessibleLabel }`;\n\t\t\t} );\n\n\t\t\t// Execute command when an item from the dropdown is selected.\n\t\t\tthis.listenTo<ButtonExecuteEvent>( dropdownView, 'execute', evt => {\n\t\t\t\tconst { commandName, commandValue } = evt.source as any;\n\t\t\t\teditor.execute( commandName, commandValue ? { value: commandValue } : undefined );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:heading', locale => {\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\t\t\tconst headingCommand: HeadingCommand = editor.commands.get( 'heading' )!;\n\t\t\tconst paragraphCommand: ParagraphCommand = editor.commands.get( 'paragraph' )!;\n\t\t\tconst commands: Array<Command> = [ headingCommand ];\n\t\t\tconst listView = new MenuBarMenuListView( locale );\n\n\t\t\tmenuView.set( {\n\t\t\t\tclass: 'ck-heading-dropdown'\n\t\t\t} );\n\n\t\t\tlistView.set( {\n\t\t\t\tariaLabel: t( 'Heading' ),\n\t\t\t\trole: 'menu'\n\t\t\t} );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: t( 'Heading' )\n\t\t\t} );\n\n\t\t\tmenuView.panelView.children.add( listView );\n\n\t\t\tfor ( const option of options ) {\n\t\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, menuView );\n\t\t\t\tconst buttonView = new MenuBarMenuListItemButtonView( locale );\n\n\t\t\t\tlistItemView.children.add( buttonView );\n\t\t\t\tlistView.items.add( listItemView );\n\n\t\t\t\tbuttonView.set( {\n\t\t\t\t\tisToggleable: true,\n\t\t\t\t\tlabel: option.title,\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\tclass: option.class\n\t\t\t\t} );\n\n\t\t\t\tbuttonView.delegate( 'execute' ).to( menuView );\n\n\t\t\t\tbuttonView.on<ButtonExecuteEvent>( 'execute', () => {\n\t\t\t\t\tconst commandName = option.model === 'paragraph' ? 'paragraph' : 'heading';\n\n\t\t\t\t\teditor.execute( commandName, { value: option.model } );\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t} );\n\n\t\t\t\tif ( option.model === 'paragraph' ) {\n\t\t\t\t\tbuttonView.bind( 'isOn' ).to( paragraphCommand, 'value' );\n\t\t\t\t\tcommands.push( paragraphCommand );\n\t\t\t\t} else {\n\t\t\t\t\tbuttonView.bind( 'isOn' ).to( headingCommand, 'value', value => value === option.model );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tmenuView.bind( 'isEnabled' ).toMany( commands, 'isEnabled', ( ...areEnabled ) => {\n\t\t\t\treturn areEnabled.some( isEnabled => isEnabled );\n\t\t\t} );\n\n\t\t\treturn menuView;\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 heading/heading\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { HeadingEditing } from './headingediting.js';\nimport { HeadingUI } from './headingui.js';\n\nimport '../theme/heading.css';\n\n/**\n * The headings feature.\n *\n * For a detailed overview, check the {@glink features/headings Headings feature} guide\n * and the {@glink api/heading package page}.\n *\n * This is a \"glue\" plugin which loads the {@link module:heading/headingediting~HeadingEditing heading editing feature}\n * and {@link module:heading/headingui~HeadingUI heading UI feature}.\n *\n * @extends module:core/plugin~Plugin\n */\nexport class Heading extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ HeadingEditing, HeadingUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Heading' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 heading/headingbuttonsui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ButtonView } from 'ckeditor5/src/ui.js';\nimport { IconHeading1, IconHeading2, IconHeading3, IconHeading4, IconHeading5, IconHeading6 } from 'ckeditor5/src/icons.js';\n\nimport { getLocalizedOptions } from './utils.js';\nimport type { HeadingOption } from './headingconfig.js';\nimport { type HeadingCommand } from './headingcommand.js';\n\nconst defaultIcons: Record<string, string> = /* #__PURE__ */ ( () => ( {\n\theading1: IconHeading1,\n\theading2: IconHeading2,\n\theading3: IconHeading3,\n\theading4: IconHeading4,\n\theading5: IconHeading5,\n\theading6: IconHeading6\n} ) )();\n\n/**\n * The `HeadingButtonsUI` plugin defines a set of UI buttons that can be used instead of the\n * standard drop down component.\n *\n * This feature is not enabled by default by the {@link module:heading/heading~Heading} plugin and needs to be\n * installed manually to the editor configuration.\n *\n * Plugin introduces button UI elements, which names are same as `model` property from {@link module:heading/headingconfig~HeadingOption}.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., Heading, Paragraph, HeadingButtonsUI, ParagraphButtonUI ]\n *     heading: {\n *       options: [\n *         { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },\n *         { model: 'heading1', view: 'h2', title: 'Heading 1', class: 'ck-heading_heading1' },\n *         { model: 'heading2', view: 'h3', title: 'Heading 2', class: 'ck-heading_heading2' },\n *         { model: 'heading3', view: 'h4', title: 'Heading 3', class: 'ck-heading_heading3' }\n *       ]\n *      },\n *      toolbar: [ 'paragraph', 'heading1', 'heading2', 'heading3' ]\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n *\n * NOTE: The `'paragraph'` button is defined in by the {@link module:paragraph/paragraphbuttonui~ParagraphButtonUI} plugin\n * which needs to be loaded manually as well.\n *\n * It is possible to use custom icons by providing `icon` config option in {@link module:heading/headingconfig~HeadingOption}.\n * For the default configuration standard icons are used.\n */\nexport class HeadingButtonsUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst options = getLocalizedOptions( this.editor );\n\n\t\toptions\n\t\t\t.filter( item => item.model !== 'paragraph' )\n\t\t\t.map( item => this._createButton( item ) );\n\t}\n\n\t/**\n\t * Creates single button view from provided configuration option.\n\t */\n\tprivate _createButton( option: HeadingOption ) {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( option.model, locale => {\n\t\t\tconst view = new ButtonView( locale );\n\t\t\tconst command: HeadingCommand = editor.commands.get( 'heading' )!;\n\n\t\t\tview.label = option.title;\n\t\t\tview.icon = option.icon || defaultIcons[ option.model ];\n\t\t\tview.tooltip = true;\n\t\t\tview.isToggleable = true;\n\t\t\tview.bind( 'isEnabled' ).to( command );\n\t\t\tview.bind( 'isOn' ).to( command, 'value', value => value == option.model );\n\n\t\t\tview.on( 'execute', () => {\n\t\t\t\teditor.execute( 'heading', { value: option.model } );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn view;\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 heading/title\n */\n\nimport { Plugin, type Editor, type ElementApi } from 'ckeditor5/src/core.js';\nimport { first, type GetCallback } from 'ckeditor5/src/utils.js';\nimport {\n\tViewDowncastWriter,\n\tenableViewPlaceholder,\n\thideViewPlaceholder,\n\tneedsViewPlaceholder,\n\tshowViewPlaceholder,\n\ttype DowncastInsertEvent,\n\ttype ModelElement,\n\ttype MapperModelToViewPositionEvent,\n\ttype Model,\n\ttype ModelRootElement,\n\ttype UpcastConversionApi,\n\ttype UpcastConversionData,\n\ttype UpcastElementEvent,\n\ttype EditingView,\n\ttype ViewElement,\n\ttype ModelWriter,\n\ttype PlaceholderableViewElement\n} from 'ckeditor5/src/engine.js';\n\n// A list of element names that should be treated by the Title plugin as title-like.\n// This means that an element of a type from this list will be changed to a title element\n// when it is the first element in the root.\nconst titleLikeElements = new Set( [ 'paragraph', 'heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6' ] );\n\n/**\n * The Title plugin.\n *\n * It splits the document into `Title` and `Body` sections.\n */\nexport class Title extends Plugin {\n\t/**\n\t * A reference to an empty paragraph in the body\n\t * created when there is no element in the body for the placeholder purposes.\n\t */\n\tprivate _bodyPlaceholder = new Map<string, ModelElement>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Title' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ 'Paragraph' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\t// To use the schema for disabling some features when the selection is inside the title element\n\t\t// it is needed to create the following structure:\n\t\t//\n\t\t// <title>\n\t\t//     <title-content>The title text</title-content>\n\t\t// </title>\n\t\t//\n\t\t// See: https://github.com/ckeditor/ckeditor5/issues/2005.\n\t\tmodel.schema.register( 'title', { isBlock: true, allowIn: '$root' } );\n\t\tmodel.schema.register( 'title-content', { isBlock: true, allowIn: 'title', allowAttributes: [ 'alignment' ] } );\n\t\tmodel.schema.extend( '$text', { allowIn: 'title-content' } );\n\n\t\t// Disallow all attributes in `title-content`.\n\t\tmodel.schema.addAttributeCheck( context => {\n\t\t\tif ( context.endsWith( 'title-content $text' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t} );\n\n\t\t// Because `title` is represented by two elements in the model\n\t\t// but only one in the view, it is needed to adjust Mapper.\n\t\teditor.editing.mapper.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', mapModelPositionToView( editor.editing.view ) );\n\t\teditor.data.mapper.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', mapModelPositionToView( editor.editing.view ) );\n\n\t\t// Conversion.\n\t\teditor.conversion.for( 'downcast' ).elementToElement( { model: 'title-content', view: 'h1' } );\n\t\teditor.conversion.for( 'downcast' ).add( dispatcher => dispatcher.on<DowncastInsertEvent>(\n\t\t\t'insert:title',\n\t\t\t( evt, data, conversionApi ) => {\n\t\t\t\tconversionApi.consumable.consume( data.item, evt.name );\n\t\t\t}\n\t\t) );\n\n\t\t// Custom converter is used for data v -> m conversion to avoid calling post-fixer when setting data.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/2036.\n\t\teditor.data.upcastDispatcher.on<UpcastElementEvent>( 'element:h1', dataViewModelH1Insertion, { priority: 'high' } );\n\t\teditor.data.upcastDispatcher.on<UpcastElementEvent>( 'element:h2', dataViewModelH1Insertion, { priority: 'high' } );\n\t\teditor.data.upcastDispatcher.on<UpcastElementEvent>( 'element:h3', dataViewModelH1Insertion, { priority: 'high' } );\n\n\t\t// Take care about correct `title` element structure.\n\t\tmodel.document.registerPostFixer( writer => this._fixTitleContent( writer ) );\n\n\t\t// Create and take care of correct position of a `title` element.\n\t\tmodel.document.registerPostFixer( writer => this._fixTitleElement( writer ) );\n\n\t\t// Create element for `Body` placeholder if it is missing.\n\t\tmodel.document.registerPostFixer( writer => this._fixBodyElement( writer ) );\n\n\t\t// Prevent from adding extra at the end of the document.\n\t\tmodel.document.registerPostFixer( writer => this._fixExtraParagraph( writer ) );\n\n\t\t// Attach `Title` and `Body` placeholders to the empty title and/or content.\n\t\tthis._attachPlaceholders();\n\n\t\t// Attach Tab handling.\n\t\tthis._attachTabPressHandling();\n\t}\n\n\t/**\n\t * Returns the title of the document. Note that because this plugin does not allow any formatting inside\n\t * the title element, the output of this method will be a plain text, with no HTML tags.\n\t *\n\t * It is not recommended to use this method together with features that insert markers to the\n\t * data output, like comments or track changes features. If such markers start in the title and end in the\n\t * body, the result of this method might be incorrect.\n\t *\n\t * @param options Additional configuration passed to the conversion process.\n\t * See {@link module:engine/controller/datacontroller~DataController#get `DataController#get`}.\n\t * @returns The title of the document.\n\t */\n\tpublic getTitle( options: Record<string, unknown> = {} ): string {\n\t\tconst rootName = options.rootName ? options.rootName as string : undefined;\n\t\tconst titleElement = this._getTitleElement( rootName );\n\t\tconst titleContentElement = titleElement!.getChild( 0 ) as ModelElement;\n\n\t\treturn this.editor.data.stringify( titleContentElement, options );\n\t}\n\n\t/**\n\t * Returns the body of the document.\n\t *\n\t * Note that it is not recommended to use this method together with features that insert markers to the\n\t * data output, like comments or track changes features. If such markers start in the title and end in the\n\t * body, the result of this method might be incorrect.\n\t *\n\t * @param options Additional configuration passed to the conversion process.\n\t * See {@link module:engine/controller/datacontroller~DataController#get `DataController#get`}.\n\t * @returns The body of the document.\n\t */\n\tpublic getBody( options: Record<string, unknown> = {} ): string {\n\t\tconst editor = this.editor;\n\t\tconst data = editor.data;\n\t\tconst model = editor.model;\n\t\tconst rootName = options.rootName ? options.rootName as string : undefined;\n\t\tconst root = editor.model.document.getRoot( rootName )!;\n\t\tconst view = editor.editing.view;\n\t\tconst viewWriter = new ViewDowncastWriter( view.document );\n\n\t\tconst rootRange = model.createRangeIn( root );\n\t\tconst viewDocumentFragment = viewWriter.createDocumentFragment();\n\n\t\t// Find all markers that intersects with body.\n\t\tconst bodyStartPosition = model.createPositionAfter( root.getChild( 0 )! );\n\t\tconst bodyRange = model.createRange( bodyStartPosition, model.createPositionAt( root, 'end' ) );\n\n\t\tconst markers = new Map();\n\n\t\tfor ( const marker of model.markers ) {\n\t\t\tconst intersection = bodyRange.getIntersection( marker.getRange() );\n\n\t\t\tif ( intersection ) {\n\t\t\t\tmarkers.set( marker.name, intersection );\n\t\t\t}\n\t\t}\n\n\t\t// Convert the entire root to view.\n\t\tdata.mapper.clearBindings();\n\t\tdata.mapper.bindElements( root, viewDocumentFragment );\n\t\tdata.downcastDispatcher.convert( rootRange, markers, viewWriter, options );\n\n\t\t// Remove title element from view.\n\t\tviewWriter.remove( viewWriter.createRangeOn( viewDocumentFragment.getChild( 0 ) ) );\n\n\t\t// view -> data\n\t\treturn editor.data.processor.toData( viewDocumentFragment );\n\t}\n\n\t/**\n\t * Returns the `title` element when it is in the document. Returns `undefined` otherwise.\n\t */\n\tprivate _getTitleElement( rootName?: string ): ModelElement | undefined {\n\t\tconst root = this.editor.model.document.getRoot( rootName )!;\n\n\t\tfor ( const child of root.getChildren() as IterableIterator<ModelElement> ) {\n\t\t\tif ( isTitle( child ) ) {\n\t\t\t\treturn child;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Model post-fixer callback that ensures that `title` has only one `title-content` child.\n\t * All additional children should be moved after the `title` element and renamed to a paragraph.\n\t */\n\tprivate _fixTitleContent( writer: ModelWriter ) {\n\t\tlet changed = false;\n\n\t\tfor ( const rootName of this.editor.model.document.getRootNames() ) {\n\t\t\tconst title = this._getTitleElement( rootName );\n\n\t\t\t// If there is no title in the content it will be created by `_fixTitleElement` post-fixer.\n\t\t\t// If the title has just one element, then it is correct. No fixing.\n\t\t\tif ( !title || title.maxOffset === 1 ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst titleChildren = Array.from( title.getChildren() ) as Array<ModelElement>;\n\n\t\t\t// Skip first child because it is an allowed element.\n\t\t\ttitleChildren.shift();\n\n\t\t\tfor ( const titleChild of titleChildren ) {\n\t\t\t\twriter.move( writer.createRangeOn( titleChild ), title, 'after' );\n\t\t\t\twriter.rename( titleChild, 'paragraph' );\n\t\t\t}\n\n\t\t\tchanged = true;\n\t\t}\n\n\t\treturn changed;\n\t}\n\n\t/**\n\t * Model post-fixer callback that creates a title element when it is missing,\n\t * takes care of the correct position of it and removes additional title elements.\n\t */\n\tprivate _fixTitleElement( writer: ModelWriter ) {\n\t\tlet changed = false;\n\t\tconst model = this.editor.model;\n\n\t\tfor ( const modelRoot of this.editor.model.document.getRoots() ) {\n\t\t\tconst titleElements = Array.from( modelRoot.getChildren() as IterableIterator<ModelElement> ).filter( isTitle );\n\t\t\tconst firstTitleElement = titleElements[ 0 ];\n\t\t\tconst firstRootChild = modelRoot.getChild( 0 ) as ModelElement;\n\n\t\t\t// When title element is at the beginning of the document then try to fix additional title elements (if there are any).\n\t\t\tif ( firstRootChild.is( 'element', 'title' ) ) {\n\t\t\t\tif ( titleElements.length > 1 ) {\n\t\t\t\t\tfixAdditionalTitleElements( titleElements, writer, model );\n\n\t\t\t\t\tchanged = true;\n\t\t\t\t}\n\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// When there is no title in the document and first element in the document cannot be changed\n\t\t\t// to the title then create an empty title element at the beginning of the document.\n\t\t\tif ( !firstTitleElement && !titleLikeElements.has( firstRootChild.name ) ) {\n\t\t\t\tconst title = writer.createElement( 'title' );\n\n\t\t\t\twriter.insert( title, modelRoot );\n\t\t\t\twriter.insertElement( 'title-content', title );\n\n\t\t\t\tchanged = true;\n\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( titleLikeElements.has( firstRootChild.name ) ) {\n\t\t\t\t// Change the first element in the document to the title if it can be changed (is title-like).\n\t\t\t\tchangeElementToTitle( firstRootChild, writer, model );\n\t\t\t} else {\n\t\t\t\t// Otherwise, move the first occurrence of the title element to the beginning of the document.\n\t\t\t\twriter.move( writer.createRangeOn( firstTitleElement ), modelRoot, 0 );\n\t\t\t}\n\n\t\t\tfixAdditionalTitleElements( titleElements, writer, model );\n\n\t\t\tchanged = true;\n\t\t}\n\n\t\treturn changed;\n\t}\n\n\t/**\n\t * Model post-fixer callback that adds an empty paragraph at the end of the document\n\t * when it is needed for the placeholder purposes.\n\t */\n\tprivate _fixBodyElement( writer: ModelWriter ) {\n\t\tlet changed = false;\n\n\t\tfor ( const rootName of this.editor.model.document.getRootNames() ) {\n\t\t\tconst modelRoot = this.editor.model.document.getRoot( rootName )!;\n\n\t\t\tif ( modelRoot.childCount < 2 ) {\n\t\t\t\tconst placeholder = writer.createElement( 'paragraph' );\n\n\t\t\t\twriter.insert( placeholder, modelRoot, 1 );\n\t\t\t\tthis._bodyPlaceholder.set( rootName, placeholder );\n\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t}\n\n\t\treturn changed;\n\t}\n\n\t/**\n\t * Model post-fixer callback that removes a paragraph from the end of the document\n\t * if it was created for the placeholder purposes and is not needed anymore.\n\t */\n\tprivate _fixExtraParagraph( writer: ModelWriter ) {\n\t\tlet changed = false;\n\n\t\tfor ( const rootName of this.editor.model.document.getRootNames() ) {\n\t\t\tconst root = this.editor.model.document.getRoot( rootName )!;\n\t\t\tconst placeholder = this._bodyPlaceholder.get( rootName )!;\n\n\t\t\tif ( shouldRemoveLastParagraph( placeholder, root ) ) {\n\t\t\t\tthis._bodyPlaceholder.delete( rootName );\n\t\t\t\twriter.remove( placeholder );\n\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t}\n\n\t\treturn changed;\n\t}\n\n\t/**\n\t * Attaches the `Title` and `Body` placeholders to the title and/or content.\n\t */\n\tprivate _attachPlaceholders() {\n\t\tconst editor: Editor & Partial<ElementApi> = this.editor;\n\t\tconst t = editor.t;\n\t\tconst view = editor.editing.view;\n\t\tconst sourceElement = editor.sourceElement;\n\n\t\tconst titlePlaceholder = editor.config.get( 'title.placeholder' ) || t( 'Type your title' );\n\t\tconst bodyPlaceholder = editor.config.get( 'placeholder' ) ||\n\t\t\tsourceElement && sourceElement.tagName.toLowerCase() === 'textarea' && sourceElement.getAttribute( 'placeholder' ) ||\n\t\t\tt( 'Type or paste your content here.' );\n\n\t\t// Attach placeholder to the view title element.\n\t\teditor.editing.downcastDispatcher.on<DowncastInsertEvent<ModelElement>>( 'insert:title-content', ( evt, data, conversionApi ) => {\n\t\t\tconst element: PlaceholderableViewElement = conversionApi.mapper.toViewElement( data.item )!;\n\n\t\t\telement.placeholder = titlePlaceholder;\n\n\t\t\tenableViewPlaceholder( {\n\t\t\t\tview,\n\t\t\t\telement,\n\t\t\t\tkeepOnFocus: true\n\t\t\t} );\n\t\t} );\n\n\t\t// Attach placeholder to first element after a title element and remove it if it's not needed anymore.\n\t\t// First element after title can change, so we need to observe all changes keep placeholder in sync.\n\t\tconst bodyViewElements = new Map<string, ViewElement>();\n\n\t\t// This post-fixer runs after the model post-fixer, so we can assume that the second child in view root will always exist.\n\t\tview.document.registerPostFixer( writer => {\n\t\t\tlet hasChanged = false;\n\n\t\t\tfor ( const viewRoot of view.document.roots ) {\n\t\t\t\t// `viewRoot` can be empty despite the model post-fixers if the model root was detached.\n\t\t\t\tif ( viewRoot.isEmpty ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// If `viewRoot` is not empty, then we can expect at least two elements in it.\n\t\t\t\tconst body = viewRoot!.getChild( 1 ) as ViewElement;\n\t\t\t\tconst oldBody = bodyViewElements.get( viewRoot.rootName );\n\n\t\t\t\t// If body element has changed we need to disable placeholder on the previous element and enable on the new one.\n\t\t\t\tif ( body !== oldBody ) {\n\t\t\t\t\tif ( oldBody ) {\n\t\t\t\t\t\thideViewPlaceholder( writer, oldBody );\n\t\t\t\t\t\twriter.removeAttribute( 'data-placeholder', oldBody );\n\t\t\t\t\t}\n\n\t\t\t\t\twriter.setAttribute( 'data-placeholder', bodyPlaceholder, body );\n\t\t\t\t\tbodyViewElements.set( viewRoot.rootName, body );\n\n\t\t\t\t\thasChanged = true;\n\t\t\t\t}\n\n\t\t\t\t// Then we need to display placeholder if it is needed.\n\t\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/8689.\n\t\t\t\tif ( needsViewPlaceholder( body, true ) && viewRoot!.childCount === 2 && body!.name === 'p' ) {\n\t\t\t\t\thasChanged = showViewPlaceholder( writer, body ) ? true : hasChanged;\n\t\t\t\t} else {\n\t\t\t\t\t// Or hide if it is not needed.\n\t\t\t\t\thasChanged = hideViewPlaceholder( writer, body ) ? true : hasChanged;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn hasChanged;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates navigation between the title and body sections using <kbd>Tab</kbd> and <kbd>Shift</kbd>+<kbd>Tab</kbd> keys.\n\t */\n\tprivate _attachTabPressHandling() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\t// Pressing <kbd>Tab</kbd> inside the title should move the caret to the body.\n\t\teditor.keystrokes.set( 'TAB', ( data, cancel ) => {\n\t\t\tmodel.change( writer => {\n\t\t\t\tconst selection = model.document.selection;\n\t\t\t\tconst selectedElements = Array.from( selection.getSelectedBlocks() );\n\n\t\t\t\tif ( selectedElements.length === 1 && selectedElements[ 0 ].is( 'element', 'title-content' ) ) {\n\t\t\t\t\tconst root = selection.getFirstPosition()!.root;\n\t\t\t\t\tconst firstBodyElement = root.getChild( 1 );\n\n\t\t\t\t\twriter.setSelection( firstBodyElement!, 0 );\n\n\t\t\t\t\tcancel();\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\n\t\t// Pressing <kbd>Shift</kbd>+<kbd>Tab</kbd> at the beginning of the body should move the caret to the title.\n\t\teditor.keystrokes.set( 'SHIFT + TAB', ( data, cancel ) => {\n\t\t\tmodel.change( writer => {\n\t\t\t\tconst selection = model.document.selection;\n\n\t\t\t\tif ( !selection.isCollapsed ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst selectedElement = first( selection.getSelectedBlocks() );\n\t\t\t\tconst selectionPosition = selection.getFirstPosition()!;\n\t\t\t\tconst root = editor.model.document.getRoot( selectionPosition.root.rootName! )!;\n\n\t\t\t\tconst title = root.getChild( 0 ) as ModelElement;\n\t\t\t\tconst body = root.getChild( 1 );\n\n\t\t\t\tif ( selectedElement === body && selectionPosition.isAtStart ) {\n\t\t\t\t\twriter.setSelection( title.getChild( 0 )!, 0 );\n\n\t\t\t\t\tcancel();\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n/**\n * A view-to-model converter for the h1 that appears at the beginning of the document (a title element).\n *\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n * @param evt An object containing information about the fired event.\n * @param data An object containing conversion input, a placeholder for conversion output and possibly other values.\n * @param conversionApi Conversion interface to be used by the callback.\n */\nfunction dataViewModelH1Insertion( evt: unknown, data: UpcastConversionData<ViewElement>, conversionApi: UpcastConversionApi ) {\n\tconst modelCursor = data.modelCursor;\n\tconst viewItem = data.viewItem;\n\n\tif ( !modelCursor.isAtStart || !modelCursor.parent.is( 'element', '$root' ) ) {\n\t\treturn;\n\t}\n\n\tif ( !conversionApi.consumable.consume( viewItem, { name: true } ) ) {\n\t\treturn;\n\t}\n\n\tconst modelWriter = conversionApi.writer;\n\n\tconst title = modelWriter.createElement( 'title' );\n\tconst titleContent = modelWriter.createElement( 'title-content' );\n\n\tmodelWriter.append( titleContent, title );\n\tmodelWriter.insert( title, modelCursor );\n\n\tconversionApi.convertChildren( viewItem, titleContent );\n\n\tconversionApi.updateConversionResult( title, data );\n}\n\n/**\n * Maps position from the beginning of the model `title` element to the beginning of the view `h1` element.\n *\n * ```html\n * <title>^<title-content>Foo</title-content></title> -> <h1>^Foo</h1>\n * ```\n */\nfunction mapModelPositionToView( editingView: EditingView ): GetCallback<MapperModelToViewPositionEvent> {\n\treturn ( evt, data ) => {\n\t\tconst positionParent = data.modelPosition.parent;\n\n\t\tif ( !positionParent.is( 'element', 'title' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modelTitleElement = positionParent.parent as ModelElement;\n\t\tconst viewElement = data.mapper.toViewElement( modelTitleElement )!;\n\n\t\tdata.viewPosition = editingView.createPositionAt( viewElement, 0 );\n\t\tevt.stop();\n\t};\n}\n\n/**\n * @returns Returns true when given element is a title. Returns false otherwise.\n */\nfunction isTitle( element: ModelElement ) {\n\treturn element.is( 'element', 'title' );\n}\n\n/**\n * Changes the given element to the title element.\n */\nfunction changeElementToTitle( element: ModelElement, writer: ModelWriter, model: Model ) {\n\tconst title = writer.createElement( 'title' );\n\n\twriter.insert( title, element, 'before' );\n\twriter.insert( element, title, 0 );\n\twriter.rename( element, 'title-content' );\n\tmodel.schema.removeDisallowedAttributes( [ element ], writer );\n}\n\n/**\n * Loops over the list of title elements and fixes additional ones.\n *\n * @returns Returns true when there was any change. Returns false otherwise.\n */\nfunction fixAdditionalTitleElements( titleElements: Array<ModelElement>, writer: ModelWriter, model: Model ) {\n\tlet hasChanged = false;\n\n\tfor ( const title of titleElements ) {\n\t\tif ( title.index !== 0 ) {\n\t\t\tfixTitleElement( title, writer, model );\n\n\t\t\thasChanged = true;\n\t\t}\n\t}\n\n\treturn hasChanged;\n}\n\n/**\n * Changes given title element to a paragraph or removes it when it is empty.\n */\nfunction fixTitleElement( title: ModelElement, writer: ModelWriter, model: Model ) {\n\tconst child = title.getChild( 0 ) as ModelElement;\n\n\t// Empty title should be removed.\n\t// It is created as a result of pasting to the title element.\n\tif ( child.isEmpty ) {\n\t\twriter.remove( title );\n\n\t\treturn;\n\t}\n\n\twriter.move( writer.createRangeOn( child ), title, 'before' );\n\twriter.rename( child, 'paragraph' );\n\twriter.remove( title );\n\tmodel.schema.removeDisallowedAttributes( [ child ], writer );\n}\n\n/**\n * Returns true when the last paragraph in the document was created only for the placeholder\n * purpose and it's not needed anymore. Returns false otherwise.\n */\nfunction shouldRemoveLastParagraph( placeholder: ModelElement, root: ModelRootElement ) {\n\tif ( !placeholder || !placeholder.is( 'element', 'paragraph' ) || placeholder.childCount ) {\n\t\treturn false;\n\t}\n\n\tif ( root.childCount <= 2 || root.getChild( root.childCount - 1 ) !== placeholder ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * The configuration of the {@link module:heading/title~Title title feature}.\n *\n * ```ts\n * ClassicEditor\n *   .create( document.querySelector( '#editor' ), {\n *     plugins: [ Title, ... ],\n *     title: {\n *       placeholder: 'My custom placeholder for the title'\n *     },\n *     placeholder: 'My custom placeholder for the body'\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n *\n * See {@link module:core/editor/editorconfig~EditorConfig all editor configuration options}.\n */\nexport interface HeadingTitleConfig {\n\n\t/**\n\t * Defines a custom value of the placeholder for the title field.\n\t *\n\t * Read more in {@link module:heading/title~HeadingTitleConfig}.\n\t */\n\tplaceholder?: string;\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { IconEraser, IconMarker, IconPen } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ButtonView, createDropdown, SplitButtonView, addToolbarToDropdown, MenuBarMenuView, MenuBarMenuListView, MenuBarMenuListItemView, MenuBarMenuListItemButtonView, ListSeparatorView, ToolbarSeparatorView } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * The highlight command. It is used by the {@link module:highlight/highlightediting~HighlightEditing highlight feature}\n * to apply the text highlighting.\n *\n * ```ts\n * editor.execute( 'highlight', { value: 'greenMarker' } );\n * ```\n *\n * **Note**: Executing the command without a value removes the attribute from the model. If the selection is collapsed\n * inside a text with the highlight attribute, the command will remove the attribute from the entire range\n * of that text.\n */ class HighlightCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const doc = model.document;\n        this.value = doc.selection.getAttribute('highlight');\n        this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, 'highlight');\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.value The value to apply.\n\t *\n\t * @fires execute\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const document = model.document;\n        const selection = document.selection;\n        const highlighter = options.value;\n        model.change((writer)=>{\n            if (selection.isCollapsed) {\n                const position = selection.getFirstPosition();\n                // When selection is inside text with `highlight` attribute.\n                if (selection.hasAttribute('highlight')) {\n                    // Find the full highlighted range.\n                    const isSameHighlight = (value)=>{\n                        return value.item.hasAttribute('highlight') && value.item.getAttribute('highlight') === this.value;\n                    };\n                    const highlightStart = position.getLastMatchingPosition(isSameHighlight, {\n                        direction: 'backward'\n                    });\n                    const highlightEnd = position.getLastMatchingPosition(isSameHighlight);\n                    const highlightRange = writer.createRange(highlightStart, highlightEnd);\n                    // Then depending on current value...\n                    if (!highlighter || this.value === highlighter) {\n                        // ...remove attribute when passing highlighter different then current or executing \"eraser\".\n                        // If we're at the end of the highlighted range, we don't want to remove highlight of the range.\n                        if (!position.isEqual(highlightEnd)) {\n                            writer.removeAttribute('highlight', highlightRange);\n                        }\n                        writer.removeSelectionAttribute('highlight');\n                    } else {\n                        // ...update `highlight` value.\n                        // If we're at the end of the highlighted range, we don't want to change the highlight of the range.\n                        if (!position.isEqual(highlightEnd)) {\n                            writer.setAttribute('highlight', highlighter, highlightRange);\n                        }\n                        writer.setSelectionAttribute('highlight', highlighter);\n                    }\n                } else if (highlighter) {\n                    writer.setSelectionAttribute('highlight', highlighter);\n                }\n            } else {\n                const ranges = model.schema.getValidRanges(selection.getRanges(), 'highlight');\n                for (const range of ranges){\n                    if (highlighter) {\n                        writer.setAttribute('highlight', highlighter, range);\n                    } else {\n                        writer.removeAttribute('highlight', range);\n                    }\n                }\n            }\n        });\n    }\n}\n\n/**\n * The highlight editing feature. It introduces the {@link module:highlight/highlightcommand~HighlightCommand command} and the `highlight`\n * attribute in the {@link module:engine/model/model~Model model} which renders in the {@link module:engine/view/view view}\n * as a `<mark>` element with a `class` attribute (`<mark class=\"marker-green\">...</mark>`) depending\n * on the {@link module:highlight/highlightconfig~HighlightConfig configuration}.\n */ class HighlightEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HighlightEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('highlight', {\n            options: [\n                {\n                    model: 'yellowMarker',\n                    class: 'marker-yellow',\n                    title: 'Yellow marker',\n                    color: 'var(--ck-content-highlight-marker-yellow)',\n                    type: 'marker'\n                },\n                {\n                    model: 'greenMarker',\n                    class: 'marker-green',\n                    title: 'Green marker',\n                    color: 'var(--ck-content-highlight-marker-green)',\n                    type: 'marker'\n                },\n                {\n                    model: 'pinkMarker',\n                    class: 'marker-pink',\n                    title: 'Pink marker',\n                    color: 'var(--ck-content-highlight-marker-pink)',\n                    type: 'marker'\n                },\n                {\n                    model: 'blueMarker',\n                    class: 'marker-blue',\n                    title: 'Blue marker',\n                    color: 'var(--ck-content-highlight-marker-blue)',\n                    type: 'marker'\n                },\n                {\n                    model: 'redPen',\n                    class: 'pen-red',\n                    title: 'Red pen',\n                    color: 'var(--ck-content-highlight-pen-red)',\n                    type: 'pen'\n                },\n                {\n                    model: 'greenPen',\n                    class: 'pen-green',\n                    title: 'Green pen',\n                    color: 'var(--ck-content-highlight-pen-green)',\n                    type: 'pen'\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Allow highlight attribute on text nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: 'highlight'\n        });\n        const options = editor.config.get('highlight.options');\n        // Set-up the two-way conversion.\n        editor.conversion.attributeToElement(_buildDefinition(options));\n        editor.commands.add('highlight', new HighlightCommand(editor));\n    }\n}\n/**\n * Converts the options array to a converter definition.\n *\n * @param options An array with configured options.\n */ function _buildDefinition(options) {\n    const definition = {\n        model: {\n            key: 'highlight',\n            values: []\n        },\n        view: {}\n    };\n    for (const option of options){\n        definition.model.values.push(option.model);\n        definition.view[option.model] = {\n            name: 'mark',\n            classes: option.class\n        };\n    }\n    return definition;\n}\n\n/**\n * The default highlight UI plugin. It introduces:\n *\n * * The `'highlight'` dropdown,\n * * The `'removeHighlight'` and `'highlight:*'` buttons.\n *\n * The default configuration includes the following buttons:\n *\n * * `'highlight:yellowMarker'`\n * * `'highlight:greenMarker'`\n * * `'highlight:pinkMarker'`\n * * `'highlight:blueMarker'`\n * * `'highlight:redPen'`\n * * `'highlight:greenPen'`\n *\n * See the {@link module:highlight/highlightconfig~HighlightConfig#options configuration} to learn more\n * about the defaults.\n */ class HighlightUI extends Plugin {\n    /**\n\t * Returns the localized option titles provided by the plugin.\n\t *\n\t * The following localized titles corresponding with default\n\t * {@link module:highlight/highlightconfig~HighlightConfig#options} are available:\n\t *\n\t * * `'Yellow marker'`,\n\t * * `'Green marker'`,\n\t * * `'Pink marker'`,\n\t * * `'Blue marker'`,\n\t * * `'Red pen'`,\n\t * * `'Green pen'`.\n\t */ get localizedOptionTitles() {\n        const t = this.editor.t;\n        return {\n            'Yellow marker': t('Yellow marker'),\n            'Green marker': t('Green marker'),\n            'Pink marker': t('Pink marker'),\n            'Blue marker': t('Blue marker'),\n            'Red pen': t('Red pen'),\n            'Green pen': t('Green pen')\n        };\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HighlightUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const options = this.editor.config.get('highlight.options');\n        for (const option of options){\n            this._addHighlighterButton(option);\n        }\n        this._addRemoveHighlightButton();\n        this._addDropdown(options);\n        this._addMenuBarButton(options);\n    }\n    /**\n\t * Creates the \"Remove highlight\" button.\n\t */ _addRemoveHighlightButton() {\n        const t = this.editor.t;\n        const command = this.editor.commands.get('highlight');\n        this._addButton('removeHighlight', t('Remove highlight'), IconEraser, null, (button)=>{\n            button.bind('isEnabled').to(command, 'isEnabled');\n        });\n    }\n    /**\n\t * Creates a toolbar button from the provided highlight option.\n\t */ _addHighlighterButton(option) {\n        const command = this.editor.commands.get('highlight');\n        // TODO: change naming\n        this._addButton('highlight:' + option.model, option.title, getIconForType(option.type), option.model, decorateHighlightButton);\n        function decorateHighlightButton(button) {\n            button.bind('isEnabled').to(command, 'isEnabled');\n            button.bind('isOn').to(command, 'value', (value)=>value === option.model);\n            button.iconView.fillColor = option.color;\n            button.isToggleable = true;\n        }\n    }\n    /**\n\t * Internal method for creating highlight buttons.\n\t *\n\t * @param name The name of the button.\n\t * @param label The label for the button.\n\t * @param icon The button icon.\n\t * @param value The `value` property passed to the executed command.\n\t * @param decorateButton A callback getting ButtonView instance so that it can be further customized.\n\t */ _addButton(name, label, icon, value, decorateButton) {\n        const editor = this.editor;\n        editor.ui.componentFactory.add(name, (locale)=>{\n            const buttonView = new ButtonView(locale);\n            const localized = this.localizedOptionTitles[label] ? this.localizedOptionTitles[label] : label;\n            buttonView.set({\n                label: localized,\n                icon,\n                tooltip: true\n            });\n            buttonView.on('execute', ()=>{\n                editor.execute('highlight', {\n                    value\n                });\n                editor.editing.view.focus();\n            });\n            // Add additional behavior for buttonView.\n            decorateButton(buttonView);\n            return buttonView;\n        });\n    }\n    /**\n\t * Creates the split button dropdown UI from the provided highlight options.\n\t */ _addDropdown(options) {\n        const editor = this.editor;\n        const t = editor.t;\n        const componentFactory = editor.ui.componentFactory;\n        const startingHighlighter = options[0];\n        const optionsMap = options.reduce((retVal, option)=>{\n            retVal[option.model] = option;\n            return retVal;\n        }, {});\n        componentFactory.add('highlight', (locale)=>{\n            const command = editor.commands.get('highlight');\n            const dropdownView = createDropdown(locale, SplitButtonView);\n            const splitButtonView = dropdownView.buttonView;\n            splitButtonView.set({\n                label: t('Highlight'),\n                tooltip: true,\n                // Holds last executed highlighter.\n                lastExecuted: startingHighlighter.model,\n                // Holds current highlighter to execute (might be different then last used).\n                commandValue: startingHighlighter.model,\n                isToggleable: true\n            });\n            // Dropdown button changes to selection (command.value):\n            // - If selection is in highlight it get active highlight appearance (icon, color) and is activated.\n            // - Otherwise it gets appearance (icon, color) of last executed highlight.\n            splitButtonView.bind('icon').to(command, 'value', (value)=>getIconForType(getActiveOption(value, 'type')));\n            splitButtonView.bind('color').to(command, 'value', (value)=>getActiveOption(value, 'color'));\n            splitButtonView.bind('commandValue').to(command, 'value', (value)=>getActiveOption(value, 'model'));\n            splitButtonView.bind('isOn').to(command, 'value', (value)=>!!value);\n            splitButtonView.delegate('execute').to(dropdownView);\n            // Create buttons array.\n            const buttonsCreator = ()=>{\n                const buttons = options.map((option)=>{\n                    // Get existing highlighter button.\n                    const buttonView = componentFactory.create('highlight:' + option.model);\n                    // Update lastExecutedHighlight on execute.\n                    this.listenTo(buttonView, 'execute', ()=>{\n                        dropdownView.buttonView.set({\n                            lastExecuted: option.model\n                        });\n                    });\n                    return buttonView;\n                });\n                // Add separator and eraser buttons to dropdown.\n                buttons.push(new ToolbarSeparatorView());\n                buttons.push(componentFactory.create('removeHighlight'));\n                return buttons;\n            };\n            // Make toolbar button enabled when any button in dropdown is enabled before adding separator and eraser.\n            dropdownView.bind('isEnabled').to(command, 'isEnabled');\n            addToolbarToDropdown(dropdownView, buttonsCreator, {\n                enableActiveItemFocusOnDropdownOpen: true,\n                ariaLabel: t('Text highlight toolbar')\n            });\n            bindToolbarIconStyleToActiveColor(dropdownView);\n            // Execute current action from dropdown's split button action button.\n            splitButtonView.on('execute', ()=>{\n                editor.execute('highlight', {\n                    value: splitButtonView.commandValue\n                });\n            });\n            // Focus the editable after executing the command.\n            // It overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n            this.listenTo(dropdownView, 'execute', ()=>{\n                editor.editing.view.focus();\n            });\n            /**\n\t\t\t * Returns active highlighter option depending on current command value.\n\t\t\t * If current is not set or it is the same as last execute this method will return the option key (like icon or color)\n\t\t\t * of last executed highlighter. Otherwise it will return option key for current one.\n\t\t\t */ function getActiveOption(current, key) {\n                const whichHighlighter = !current || current === splitButtonView.lastExecuted ? splitButtonView.lastExecuted : current;\n                return optionsMap[whichHighlighter][key];\n            }\n            return dropdownView;\n        });\n    }\n    /**\n\t * Creates the menu bar button for highlight including submenu with available options.\n\t */ _addMenuBarButton(options) {\n        const editor = this.editor;\n        const t = editor.t;\n        const command = editor.commands.get('highlight');\n        editor.ui.componentFactory.add('menuBar:highlight', (locale)=>{\n            const menuView = new MenuBarMenuView(locale);\n            menuView.buttonView.set({\n                label: t('Highlight'),\n                icon: getIconForType('marker')\n            });\n            menuView.bind('isEnabled').to(command);\n            menuView.buttonView.iconView.fillColor = 'transparent';\n            const listView = new MenuBarMenuListView(locale);\n            for (const option of options){\n                const listItemView = new MenuBarMenuListItemView(locale, menuView);\n                const buttonView = new MenuBarMenuListItemButtonView(locale);\n                buttonView.set({\n                    label: option.title,\n                    icon: getIconForType(option.type),\n                    role: 'menuitemradio',\n                    isToggleable: true\n                });\n                buttonView.iconView.fillColor = option.color;\n                buttonView.delegate('execute').to(menuView);\n                buttonView.bind('isOn').to(command, 'value', (value)=>value === option.model);\n                buttonView.on('execute', ()=>{\n                    editor.execute('highlight', {\n                        value: option.model\n                    });\n                    editor.editing.view.focus();\n                });\n                listItemView.children.add(buttonView);\n                listView.items.add(listItemView);\n            }\n            // Add remove highlight button\n            listView.items.add(new ListSeparatorView(locale));\n            const listItemView = new MenuBarMenuListItemView(locale, menuView);\n            const buttonView = new MenuBarMenuListItemButtonView(locale);\n            buttonView.set({\n                label: t('Remove highlight'),\n                icon: IconEraser\n            });\n            buttonView.delegate('execute').to(menuView);\n            buttonView.on('execute', ()=>{\n                editor.execute('highlight', {\n                    value: null\n                });\n                editor.editing.view.focus();\n            });\n            listItemView.children.add(buttonView);\n            listView.items.add(listItemView);\n            menuView.panelView.children.add(listView);\n            return menuView;\n        });\n    }\n}\n/**\n * Extends split button icon style to reflect last used button style.\n */ function bindToolbarIconStyleToActiveColor(dropdownView) {\n    const actionView = dropdownView.buttonView.actionView;\n    actionView.iconView.bind('fillColor').to(dropdownView.buttonView, 'color');\n}\n/**\n * Returns icon for given highlighter type.\n */ function getIconForType(type) {\n    return type === 'marker' ? IconMarker : IconPen;\n}\n\n/**\n * The highlight plugin.\n *\n * For a detailed overview, check the {@glink features/highlight Highlight feature} documentation.\n *\n * This is a \"glue\" plugin which loads the {@link module:highlight/highlightediting~HighlightEditing} and\n * {@link module:highlight/highlightui~HighlightUI} plugins.\n */ class Highlight extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            HighlightEditing,\n            HighlightUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Highlight';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { Highlight, HighlightCommand, HighlightEditing, HighlightUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 highlight/highlightcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport type { ModelTreeWalkerValue } from 'ckeditor5/src/engine.js';\n\n/**\n * The highlight command. It is used by the {@link module:highlight/highlightediting~HighlightEditing highlight feature}\n * to apply the text highlighting.\n *\n * ```ts\n * editor.execute( 'highlight', { value: 'greenMarker' } );\n * ```\n *\n * **Note**: Executing the command without a value removes the attribute from the model. If the selection is collapsed\n * inside a text with the highlight attribute, the command will remove the attribute from the entire range\n * of that text.\n */\nexport class HighlightCommand extends Command {\n\t/**\n\t * A value indicating whether the command is active. If the selection has some highlight attribute,\n\t * it corresponds to the value of that attribute.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\n\t\tthis.value = doc.selection.getAttribute( 'highlight' ) as string | undefined;\n\t\tthis.isEnabled = model.schema.checkAttributeInSelection( doc.selection, 'highlight' );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.value The value to apply.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute( options: { value?: string | null } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\t\tconst selection = document.selection;\n\n\t\tconst highlighter = options.value;\n\n\t\tmodel.change( writer => {\n\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\tconst position = selection.getFirstPosition()!;\n\n\t\t\t\t// When selection is inside text with `highlight` attribute.\n\t\t\t\tif ( selection.hasAttribute( 'highlight' ) ) {\n\t\t\t\t\t// Find the full highlighted range.\n\t\t\t\t\tconst isSameHighlight = ( value: ModelTreeWalkerValue ) => {\n\t\t\t\t\t\treturn value.item.hasAttribute( 'highlight' ) && value.item.getAttribute( 'highlight' ) === this.value;\n\t\t\t\t\t};\n\n\t\t\t\t\tconst highlightStart = position.getLastMatchingPosition( isSameHighlight, { direction: 'backward' } );\n\t\t\t\t\tconst highlightEnd = position.getLastMatchingPosition( isSameHighlight );\n\n\t\t\t\t\tconst highlightRange = writer.createRange( highlightStart, highlightEnd );\n\n\t\t\t\t\t// Then depending on current value...\n\t\t\t\t\tif ( !highlighter || this.value === highlighter ) {\n\t\t\t\t\t\t// ...remove attribute when passing highlighter different then current or executing \"eraser\".\n\n\t\t\t\t\t\t// If we're at the end of the highlighted range, we don't want to remove highlight of the range.\n\t\t\t\t\t\tif ( !position.isEqual( highlightEnd ) ) {\n\t\t\t\t\t\t\twriter.removeAttribute( 'highlight', highlightRange );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\twriter.removeSelectionAttribute( 'highlight' );\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// ...update `highlight` value.\n\n\t\t\t\t\t\t// If we're at the end of the highlighted range, we don't want to change the highlight of the range.\n\t\t\t\t\t\tif ( !position.isEqual( highlightEnd ) ) {\n\t\t\t\t\t\t\twriter.setAttribute( 'highlight', highlighter, highlightRange );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\twriter.setSelectionAttribute( 'highlight', highlighter );\n\t\t\t\t\t}\n\t\t\t\t} else if ( highlighter ) {\n\t\t\t\t\twriter.setSelectionAttribute( 'highlight', highlighter );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst ranges = model.schema.getValidRanges( selection.getRanges(), 'highlight' );\n\n\t\t\t\tfor ( const range of ranges ) {\n\t\t\t\t\tif ( highlighter ) {\n\t\t\t\t\t\twriter.setAttribute( 'highlight', highlighter, range );\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.removeAttribute( 'highlight', range );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 highlight/highlightediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\n\nimport { HighlightCommand } from './highlightcommand.js';\nimport type { HighlightOption } from './highlightconfig.js';\n\n/**\n * The highlight editing feature. It introduces the {@link module:highlight/highlightcommand~HighlightCommand command} and the `highlight`\n * attribute in the {@link module:engine/model/model~Model model} which renders in the {@link module:engine/view/view view}\n * as a `<mark>` element with a `class` attribute (`<mark class=\"marker-green\">...</mark>`) depending\n * on the {@link module:highlight/highlightconfig~HighlightConfig configuration}.\n */\nexport class HighlightEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HighlightEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'highlight', {\n\t\t\toptions: [\n\t\t\t\t{\n\t\t\t\t\tmodel: 'yellowMarker',\n\t\t\t\t\tclass: 'marker-yellow',\n\t\t\t\t\ttitle: 'Yellow marker',\n\t\t\t\t\tcolor: 'var(--ck-content-highlight-marker-yellow)',\n\t\t\t\t\ttype: 'marker'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'greenMarker',\n\t\t\t\t\tclass: 'marker-green',\n\t\t\t\t\ttitle: 'Green marker',\n\t\t\t\t\tcolor: 'var(--ck-content-highlight-marker-green)',\n\t\t\t\t\ttype: 'marker'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'pinkMarker',\n\t\t\t\t\tclass: 'marker-pink',\n\t\t\t\t\ttitle: 'Pink marker',\n\t\t\t\t\tcolor: 'var(--ck-content-highlight-marker-pink)',\n\t\t\t\t\ttype: 'marker'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'blueMarker',\n\t\t\t\t\tclass: 'marker-blue',\n\t\t\t\t\ttitle: 'Blue marker',\n\t\t\t\t\tcolor: 'var(--ck-content-highlight-marker-blue)',\n\t\t\t\t\ttype: 'marker'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'redPen',\n\t\t\t\t\tclass: 'pen-red',\n\t\t\t\t\ttitle: 'Red pen',\n\t\t\t\t\tcolor: 'var(--ck-content-highlight-pen-red)',\n\t\t\t\t\ttype: 'pen'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmodel: 'greenPen',\n\t\t\t\t\tclass: 'pen-green',\n\t\t\t\t\ttitle: 'Green pen',\n\t\t\t\t\tcolor: 'var(--ck-content-highlight-pen-green)',\n\t\t\t\t\ttype: 'pen'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Allow highlight attribute on text nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: 'highlight' } );\n\n\t\tconst options = editor.config.get( 'highlight.options' )!;\n\n\t\t// Set-up the two-way conversion.\n\t\teditor.conversion.attributeToElement( _buildDefinition( options ) );\n\n\t\teditor.commands.add( 'highlight', new HighlightCommand( editor ) );\n\t}\n}\n\n/**\n * Converts the options array to a converter definition.\n *\n * @param options An array with configured options.\n */\nfunction _buildDefinition( options: Array<HighlightOption> ): HighlightConverterDefinition {\n\tconst definition: HighlightConverterDefinition = {\n\t\tmodel: {\n\t\t\tkey: 'highlight',\n\t\t\tvalues: []\n\t\t},\n\t\tview: {}\n\t};\n\n\tfor ( const option of options ) {\n\t\tdefinition.model.values.push( option.model );\n\t\tdefinition.view[ option.model ] = {\n\t\t\tname: 'mark',\n\t\t\tclasses: option.class\n\t\t};\n\t}\n\n\treturn definition;\n}\n\ntype HighlightConverterDefinition = {\n\tmodel: { key: string; values: Array<string> };\n\tview: Record<string, { name: string; classes: string }>;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 highlight/highlightui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconEraser, IconMarker, IconPen } from 'ckeditor5/src/icons.js';\nimport {\n\taddToolbarToDropdown,\n\tcreateDropdown,\n\tButtonView,\n\tListSeparatorView,\n\tMenuBarMenuView,\n\tMenuBarMenuListView,\n\tMenuBarMenuListItemView,\n\tMenuBarMenuListItemButtonView,\n\tSplitButtonView,\n\tToolbarSeparatorView,\n\ttype DropdownView\n} from 'ckeditor5/src/ui.js';\n\nimport type { HighlightOption } from './highlightconfig.js';\nimport { type HighlightCommand } from './highlightcommand.js';\n\nimport './../theme/highlight.css';\n\n/**\n * The default highlight UI plugin. It introduces:\n *\n * * The `'highlight'` dropdown,\n * * The `'removeHighlight'` and `'highlight:*'` buttons.\n *\n * The default configuration includes the following buttons:\n *\n * * `'highlight:yellowMarker'`\n * * `'highlight:greenMarker'`\n * * `'highlight:pinkMarker'`\n * * `'highlight:blueMarker'`\n * * `'highlight:redPen'`\n * * `'highlight:greenPen'`\n *\n * See the {@link module:highlight/highlightconfig~HighlightConfig#options configuration} to learn more\n * about the defaults.\n */\nexport class HighlightUI extends Plugin {\n\t/**\n\t * Returns the localized option titles provided by the plugin.\n\t *\n\t * The following localized titles corresponding with default\n\t * {@link module:highlight/highlightconfig~HighlightConfig#options} are available:\n\t *\n\t * * `'Yellow marker'`,\n\t * * `'Green marker'`,\n\t * * `'Pink marker'`,\n\t * * `'Blue marker'`,\n\t * * `'Red pen'`,\n\t * * `'Green pen'`.\n\t */\n\tpublic get localizedOptionTitles(): Record<string, string> {\n\t\tconst t = this.editor.t;\n\n\t\treturn {\n\t\t\t'Yellow marker': t( 'Yellow marker' ),\n\t\t\t'Green marker': t( 'Green marker' ),\n\t\t\t'Pink marker': t( 'Pink marker' ),\n\t\t\t'Blue marker': t( 'Blue marker' ),\n\t\t\t'Red pen': t( 'Red pen' ),\n\t\t\t'Green pen': t( 'Green pen' )\n\t\t};\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HighlightUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst options = this.editor.config.get( 'highlight.options' )!;\n\n\t\tfor ( const option of options ) {\n\t\t\tthis._addHighlighterButton( option );\n\t\t}\n\n\t\tthis._addRemoveHighlightButton();\n\n\t\tthis._addDropdown( options );\n\n\t\tthis._addMenuBarButton( options );\n\t}\n\n\t/**\n\t * Creates the \"Remove highlight\" button.\n\t */\n\tprivate _addRemoveHighlightButton(): void {\n\t\tconst t = this.editor.t;\n\t\tconst command: HighlightCommand = this.editor.commands.get( 'highlight' )!;\n\n\t\tthis._addButton( 'removeHighlight', t( 'Remove highlight' ), IconEraser, null, button => {\n\t\t\tbutton.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a toolbar button from the provided highlight option.\n\t */\n\tprivate _addHighlighterButton( option: HighlightOption ) {\n\t\tconst command: HighlightCommand = this.editor.commands.get( 'highlight' )!;\n\n\t\t// TODO: change naming\n\t\tthis._addButton( 'highlight:' + option.model, option.title, getIconForType( option.type ), option.model, decorateHighlightButton );\n\n\t\tfunction decorateHighlightButton( button: ButtonView ) {\n\t\t\tbutton.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t\t\tbutton.bind( 'isOn' ).to( command, 'value', value => value === option.model );\n\t\t\tbutton.iconView.fillColor = option.color;\n\t\t\tbutton.isToggleable = true;\n\t\t}\n\t}\n\n\t/**\n\t * Internal method for creating highlight buttons.\n\t *\n\t * @param name The name of the button.\n\t * @param label The label for the button.\n\t * @param icon The button icon.\n\t * @param value The `value` property passed to the executed command.\n\t * @param decorateButton A callback getting ButtonView instance so that it can be further customized.\n\t */\n\tprivate _addButton( name: string, label: string, icon: string, value: string | null, decorateButton: ( button: ButtonView ) => void ) {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( name, locale => {\n\t\t\tconst buttonView = new ButtonView( locale );\n\n\t\t\tconst localized = this.localizedOptionTitles[ label ] ? this.localizedOptionTitles[ label ] : label;\n\n\t\t\tbuttonView.set( {\n\t\t\t\tlabel: localized,\n\t\t\t\ticon,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tbuttonView.on( 'execute', () => {\n\t\t\t\teditor.execute( 'highlight', { value } );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\t// Add additional behavior for buttonView.\n\t\t\tdecorateButton( buttonView );\n\n\t\t\treturn buttonView;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates the split button dropdown UI from the provided highlight options.\n\t */\n\tprivate _addDropdown( options: Array<HighlightOption> ) {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst componentFactory = editor.ui.componentFactory;\n\n\t\tconst startingHighlighter = options[ 0 ];\n\n\t\tconst optionsMap = options.reduce( ( retVal, option ) => {\n\t\t\tretVal[ option.model ] = option;\n\n\t\t\treturn retVal;\n\t\t}, {} as Record<string, HighlightOption> );\n\n\t\tcomponentFactory.add( 'highlight', locale => {\n\t\t\tconst command: HighlightCommand = editor.commands.get( 'highlight' )!;\n\t\t\tconst dropdownView = createDropdown( locale, SplitButtonView );\n\t\t\tconst splitButtonView = dropdownView.buttonView as HighlightSplitButtonView;\n\n\t\t\tsplitButtonView.set( {\n\t\t\t\tlabel: t( 'Highlight' ),\n\t\t\t\ttooltip: true,\n\t\t\t\t// Holds last executed highlighter.\n\t\t\t\tlastExecuted: startingHighlighter.model,\n\t\t\t\t// Holds current highlighter to execute (might be different then last used).\n\t\t\t\tcommandValue: startingHighlighter.model,\n\t\t\t\tisToggleable: true\n\t\t\t} );\n\n\t\t\t// Dropdown button changes to selection (command.value):\n\t\t\t// - If selection is in highlight it get active highlight appearance (icon, color) and is activated.\n\t\t\t// - Otherwise it gets appearance (icon, color) of last executed highlight.\n\t\t\tsplitButtonView.bind( 'icon' ).to( command, 'value', value => getIconForType( getActiveOption( value, 'type' ) ) );\n\t\t\tsplitButtonView.bind( 'color' ).to( command, 'value', value => getActiveOption( value, 'color' ) );\n\t\t\tsplitButtonView.bind( 'commandValue' ).to( command, 'value', value => getActiveOption( value, 'model' ) );\n\t\t\tsplitButtonView.bind( 'isOn' ).to( command, 'value', value => !!value );\n\n\t\t\tsplitButtonView.delegate( 'execute' ).to( dropdownView );\n\n\t\t\t// Create buttons array.\n\t\t\tconst buttonsCreator = () => {\n\t\t\t\tconst buttons = options.map( option => {\n\t\t\t\t\t// Get existing highlighter button.\n\t\t\t\t\tconst buttonView = componentFactory.create( 'highlight:' + option.model );\n\n\t\t\t\t\t// Update lastExecutedHighlight on execute.\n\t\t\t\t\tthis.listenTo( buttonView, 'execute', () => {\n\t\t\t\t\t\t( dropdownView.buttonView as HighlightSplitButtonView ).set( { lastExecuted: option.model } );\n\t\t\t\t\t} );\n\n\t\t\t\t\treturn buttonView;\n\t\t\t\t} );\n\n\t\t\t\t// Add separator and eraser buttons to dropdown.\n\t\t\t\tbuttons.push( new ToolbarSeparatorView() );\n\t\t\t\tbuttons.push( componentFactory.create( 'removeHighlight' ) );\n\n\t\t\t\treturn buttons;\n\t\t\t};\n\n\t\t\t// Make toolbar button enabled when any button in dropdown is enabled before adding separator and eraser.\n\t\t\tdropdownView.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\t\taddToolbarToDropdown( dropdownView, buttonsCreator, {\n\t\t\t\tenableActiveItemFocusOnDropdownOpen: true,\n\t\t\t\tariaLabel: t( 'Text highlight toolbar' )\n\t\t\t} );\n\t\t\tbindToolbarIconStyleToActiveColor( dropdownView );\n\n\t\t\t// Execute current action from dropdown's split button action button.\n\t\t\tsplitButtonView.on( 'execute', () => {\n\t\t\t\teditor.execute( 'highlight', { value: splitButtonView.commandValue } );\n\t\t\t} );\n\n\t\t\t// Focus the editable after executing the command.\n\t\t\t// It overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n\t\t\tthis.listenTo( dropdownView, 'execute', () => {\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\t/**\n\t\t\t * Returns active highlighter option depending on current command value.\n\t\t\t * If current is not set or it is the same as last execute this method will return the option key (like icon or color)\n\t\t\t * of last executed highlighter. Otherwise it will return option key for current one.\n\t\t\t */\n\t\t\tfunction getActiveOption<Key extends keyof HighlightOption>( current: string | undefined, key: Key ): HighlightOption[ Key ] {\n\t\t\t\tconst whichHighlighter = !current ||\n\t\t\t\tcurrent === splitButtonView.lastExecuted ? splitButtonView.lastExecuted : current;\n\n\t\t\t\treturn optionsMap[ whichHighlighter! ][ key ];\n\t\t\t}\n\n\t\t\treturn dropdownView;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates the menu bar button for highlight including submenu with available options.\n\t */\n\tprivate _addMenuBarButton( options: Array<HighlightOption> ) {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst command: HighlightCommand = editor.commands.get( 'highlight' )!;\n\n\t\teditor.ui.componentFactory.add( 'menuBar:highlight', locale => {\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: t( 'Highlight' ),\n\t\t\t\ticon: getIconForType( 'marker' )\n\t\t\t} );\n\t\t\tmenuView.bind( 'isEnabled' ).to( command );\n\t\t\tmenuView.buttonView.iconView.fillColor = 'transparent';\n\n\t\t\tconst listView = new MenuBarMenuListView( locale );\n\n\t\t\tfor ( const option of options ) {\n\t\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, menuView );\n\t\t\t\tconst buttonView = new MenuBarMenuListItemButtonView( locale );\n\n\t\t\t\tbuttonView.set( {\n\t\t\t\t\tlabel: option.title,\n\t\t\t\t\ticon: getIconForType( option.type ),\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\tisToggleable: true\n\t\t\t\t} );\n\n\t\t\t\tbuttonView.iconView.fillColor = option.color;\n\n\t\t\t\tbuttonView.delegate( 'execute' ).to( menuView );\n\t\t\t\tbuttonView.bind( 'isOn' ).to( command, 'value', value => value === option.model );\n\n\t\t\t\tbuttonView.on( 'execute', () => {\n\t\t\t\t\teditor.execute( 'highlight', { value: option.model } );\n\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t} );\n\n\t\t\t\tlistItemView.children.add( buttonView );\n\t\t\t\tlistView.items.add( listItemView );\n\t\t\t}\n\n\t\t\t// Add remove highlight button\n\t\t\tlistView.items.add( new ListSeparatorView( locale ) );\n\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, menuView );\n\t\t\tconst buttonView = new MenuBarMenuListItemButtonView( locale );\n\n\t\t\tbuttonView.set( {\n\t\t\t\tlabel: t( 'Remove highlight' ),\n\t\t\t\ticon: IconEraser\n\t\t\t} );\n\n\t\t\tbuttonView.delegate( 'execute' ).to( menuView );\n\n\t\t\tbuttonView.on( 'execute', () => {\n\t\t\t\teditor.execute( 'highlight', { value: null } );\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\tlistItemView.children.add( buttonView );\n\t\t\tlistView.items.add( listItemView );\n\n\t\t\tmenuView.panelView.children.add( listView );\n\n\t\t\treturn menuView;\n\t\t} );\n\t}\n}\n\n/**\n * Extends split button icon style to reflect last used button style.\n */\nfunction bindToolbarIconStyleToActiveColor( dropdownView: DropdownView ): void {\n\tconst actionView = ( dropdownView.buttonView as HighlightSplitButtonView ).actionView;\n\n\tactionView.iconView.bind( 'fillColor' ).to( ( dropdownView.buttonView! as HighlightSplitButtonView ), 'color' );\n}\n\n/**\n * Returns icon for given highlighter type.\n */\nfunction getIconForType( type: 'marker' | 'pen' ) {\n\treturn type === 'marker' ? IconMarker : IconPen;\n}\n\ntype HighlightSplitButtonView = SplitButtonView & {\n\tlastExecuted: string;\n\tcommandValue: string;\n\tcolor: string;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 highlight/highlight\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { HighlightEditing } from './highlightediting.js';\nimport { HighlightUI } from './highlightui.js';\n\n/**\n * The highlight plugin.\n *\n * For a detailed overview, check the {@glink features/highlight Highlight feature} documentation.\n *\n * This is a \"glue\" plugin which loads the {@link module:highlight/highlightediting~HighlightEditing} and\n * {@link module:highlight/highlightui~HighlightUI} plugins.\n */\nexport class Highlight extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ HighlightEditing, HighlightUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Highlight' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { findOptimalInsertionRange, toWidget, Widget } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { IconHorizontalLine } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * The horizontal line command.\n *\n * The command is registered by {@link module:horizontal-line/horizontallineediting~HorizontalLineEditing} as `'horizontalLine'`.\n *\n * To insert a horizontal line at the current selection, execute the command:\n *\n * ```ts\n * editor.execute( 'horizontalLine' );\n * ```\n */ class HorizontalLineCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selection = model.document.selection;\n        this.isEnabled = isHorizontalLineAllowedInParent(selection, schema, model);\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const model = this.editor.model;\n        model.change((writer)=>{\n            const horizontalElement = writer.createElement('horizontalLine');\n            model.insertObject(horizontalElement, null, null, {\n                setSelection: 'after'\n            });\n        });\n    }\n}\n/**\n * Checks if a horizontal line is allowed by the schema in the optimal insertion parent.\n *\n * @param model Model instance.\n */ function isHorizontalLineAllowedInParent(selection, schema, model) {\n    const parent = getInsertHorizontalLineParent(selection, model);\n    return schema.checkChild(parent, 'horizontalLine');\n}\n/**\n * Returns a node that will be used to insert a horizontal line with `model.insertContent` to check if the horizontal line can be\n * placed there.\n *\n * @param model Model instance.\n */ function getInsertHorizontalLineParent(selection, model) {\n    const insertionRange = findOptimalInsertionRange(selection, model);\n    const parent = insertionRange.start.parent;\n    if (parent.isEmpty && !parent.is('element', '$root')) {\n        return parent.parent;\n    }\n    return parent;\n}\n\n/**\n * The horizontal line editing feature.\n */ class HorizontalLineEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HorizontalLineEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const t = editor.t;\n        const conversion = editor.conversion;\n        schema.register('horizontalLine', {\n            inheritAllFrom: '$blockObject'\n        });\n        conversion.for('dataDowncast').elementToElement({\n            model: 'horizontalLine',\n            view: (modelElement, { writer })=>{\n                return writer.createEmptyElement('hr');\n            }\n        });\n        conversion.for('editingDowncast').elementToStructure({\n            model: 'horizontalLine',\n            view: (modelElement, { writer })=>{\n                const label = t('Horizontal line');\n                const viewWrapper = writer.createContainerElement('div', null, writer.createEmptyElement('hr'));\n                writer.addClass('ck-horizontal-line', viewWrapper);\n                writer.setCustomProperty('hr', true, viewWrapper);\n                return toHorizontalLineWidget(viewWrapper, writer, label);\n            }\n        });\n        conversion.for('upcast').elementToElement({\n            view: 'hr',\n            model: 'horizontalLine'\n        });\n        editor.commands.add('horizontalLine', new HorizontalLineCommand(editor));\n    }\n}\n/**\n * Converts a given {@link module:engine/view/element~ViewElement} to a horizontal line widget:\n * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property} allowing to\n *   recognize the horizontal line widget element.\n * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n *\n * @param writer An instance of the view writer.\n */ function toHorizontalLineWidget(viewElement, writer, label) {\n    writer.setCustomProperty('horizontalLine', true, viewElement);\n    return toWidget(viewElement, writer, {\n        label\n    });\n}\n\n/**\n * The horizontal line UI plugin.\n */ class HorizontalLineUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HorizontalLineUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Add the `horizontalLine` button to feature components.\n        editor.ui.componentFactory.add('horizontalLine', ()=>{\n            const buttonView = this._createButton(ButtonView);\n            buttonView.set({\n                tooltip: true\n            });\n            return buttonView;\n        });\n        editor.ui.componentFactory.add('menuBar:horizontalLine', ()=>{\n            return this._createButton(MenuBarMenuListItemButtonView);\n        });\n    }\n    /**\n\t * Creates a button for horizontal line command to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = editor.commands.get('horizontalLine');\n        const view = new ButtonClass(editor.locale);\n        const t = locale.t;\n        view.set({\n            label: t('Horizontal line'),\n            icon: IconHorizontalLine\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute('horizontalLine');\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The horizontal line feature.\n *\n * It provides the possibility to insert a horizontal line into the rich-text editor.\n *\n * For a detailed overview, check the {@glink features/horizontal-line Horizontal line feature} documentation.\n */ class HorizontalLine extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            HorizontalLineEditing,\n            HorizontalLineUI,\n            Widget\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HorizontalLine';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { HorizontalLine, HorizontalLineCommand, HorizontalLineEditing, HorizontalLineUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 horizontal-line/horizontallinecommand\n */\n\nimport type { ModelDocumentSelection, ModelElement, Model, ModelSchema, ModelSelection } from 'ckeditor5/src/engine.js';\nimport { Command } from 'ckeditor5/src/core.js';\nimport { findOptimalInsertionRange } from 'ckeditor5/src/widget.js';\n\n/**\n * The horizontal line command.\n *\n * The command is registered by {@link module:horizontal-line/horizontallineediting~HorizontalLineEditing} as `'horizontalLine'`.\n *\n * To insert a horizontal line at the current selection, execute the command:\n *\n * ```ts\n * editor.execute( 'horizontalLine' );\n * ```\n */\nexport class HorizontalLineCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tthis.isEnabled = isHorizontalLineAllowedInParent( selection, schema, model );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\n\t\tmodel.change( writer => {\n\t\t\tconst horizontalElement = writer.createElement( 'horizontalLine' );\n\n\t\t\tmodel.insertObject( horizontalElement, null, null, { setSelection: 'after' } );\n\t\t} );\n\t}\n}\n\n/**\n * Checks if a horizontal line is allowed by the schema in the optimal insertion parent.\n *\n * @param model Model instance.\n */\nfunction isHorizontalLineAllowedInParent( selection: ModelSelection | ModelDocumentSelection, schema: ModelSchema, model: Model ): boolean {\n\tconst parent = getInsertHorizontalLineParent( selection, model );\n\n\treturn schema.checkChild( parent, 'horizontalLine' );\n}\n\n/**\n * Returns a node that will be used to insert a horizontal line with `model.insertContent` to check if the horizontal line can be\n * placed there.\n *\n * @param model Model instance.\n */\nfunction getInsertHorizontalLineParent( selection: ModelSelection | ModelDocumentSelection, model: Model ): ModelElement {\n\tconst insertionRange = findOptimalInsertionRange( selection, model );\n\tconst parent = insertionRange.start.parent;\n\n\tif ( parent.isEmpty && !parent.is( 'element', '$root' ) ) {\n\t\treturn parent.parent! as ModelElement;\n\t}\n\n\treturn parent as ModelElement;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 horizontal-line/horizontallineediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { toWidget } from 'ckeditor5/src/widget.js';\nimport type { ViewDowncastWriter, ViewElement } from 'ckeditor5/src/engine.js';\n\nimport { HorizontalLineCommand } from './horizontallinecommand.js';\n\nimport '../theme/horizontalline.css';\n\n/**\n * The horizontal line editing feature.\n */\nexport class HorizontalLineEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HorizontalLineEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst t = editor.t;\n\t\tconst conversion = editor.conversion;\n\n\t\tschema.register( 'horizontalLine', {\n\t\t\tinheritAllFrom: '$blockObject'\n\t\t} );\n\n\t\tconversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\tmodel: 'horizontalLine',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\treturn writer.createEmptyElement( 'hr' );\n\t\t\t}\n\t\t} );\n\n\t\tconversion.for( 'editingDowncast' ).elementToStructure( {\n\t\t\tmodel: 'horizontalLine',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tconst label = t( 'Horizontal line' );\n\n\t\t\t\tconst viewWrapper = writer.createContainerElement( 'div', null,\n\t\t\t\t\twriter.createEmptyElement( 'hr' )\n\t\t\t\t);\n\n\t\t\t\twriter.addClass( 'ck-horizontal-line', viewWrapper );\n\t\t\t\twriter.setCustomProperty( 'hr', true, viewWrapper );\n\n\t\t\t\treturn toHorizontalLineWidget( viewWrapper, writer, label );\n\t\t\t}\n\t\t} );\n\n\t\tconversion.for( 'upcast' ).elementToElement( { view: 'hr', model: 'horizontalLine' } );\n\n\t\teditor.commands.add( 'horizontalLine', new HorizontalLineCommand( editor ) );\n\t}\n}\n\n/**\n * Converts a given {@link module:engine/view/element~ViewElement} to a horizontal line widget:\n * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property} allowing to\n *   recognize the horizontal line widget element.\n * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n *\n * @param writer An instance of the view writer.\n */\nfunction toHorizontalLineWidget( viewElement: ViewElement, writer: ViewDowncastWriter, label: string ): ViewElement {\n\twriter.setCustomProperty( 'horizontalLine', true, viewElement );\n\n\treturn toWidget( viewElement, writer, { label } );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 horizontal-line/horizontallineui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconHorizontalLine } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\n\nimport { type HorizontalLineCommand } from './horizontallinecommand.js';\n\n/**\n * The horizontal line UI plugin.\n */\nexport class HorizontalLineUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HorizontalLineUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Add the `horizontalLine` button to feature components.\n\t\teditor.ui.componentFactory.add( 'horizontalLine', () => {\n\t\t\tconst buttonView = this._createButton( ButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:horizontalLine', () => {\n\t\t\treturn this._createButton( MenuBarMenuListItemButtonView );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button for horizontal line command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command: HorizontalLineCommand = editor.commands.get( 'horizontalLine' )!;\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst t = locale.t;\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Horizontal line' ),\n\t\t\ticon: IconHorizontalLine\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( 'horizontalLine' );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 horizontal-line/horizontalline\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Widget } from 'ckeditor5/src/widget.js';\nimport { HorizontalLineEditing } from './horizontallineediting.js';\nimport { HorizontalLineUI } from './horizontallineui.js';\n\n/**\n * The horizontal line feature.\n *\n * It provides the possibility to insert a horizontal line into the rich-text editor.\n *\n * For a detailed overview, check the {@glink features/horizontal-line Horizontal line feature} documentation.\n */\nexport class HorizontalLine extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ HorizontalLineEditing, HorizontalLineUI, Widget ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HorizontalLine' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { findOptimalInsertionRange, toWidget, Widget } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { logWarning, createElement } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { IconPencil, IconCheck, IconCancel, IconHtml } from '@ckeditor/ckeditor5-icons/dist/index.js';\n\n/**\n * The insert HTML embed element command.\n *\n * The command is registered by {@link module:html-embed/htmlembedediting~HtmlEmbedEditing} as `'htmlEmbed'`.\n *\n * To insert an empty HTML embed element at the current selection, execute the command:\n *\n * ```ts\n * editor.execute( 'htmlEmbed' );\n * ```\n *\n * You can specify the initial content of a new HTML embed in the argument:\n *\n * ```ts\n * editor.execute( 'htmlEmbed', '<b>Initial content.</b>' );\n * ```\n *\n * To update the content of the HTML embed, select it in the model and pass the content in the argument:\n *\n * ```ts\n * editor.execute( 'htmlEmbed', '<b>New content of an existing embed.</b>' );\n * ```\n */ class HtmlEmbedCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selection = model.document.selection;\n        const selectedRawHtmlElement = getSelectedRawHtmlModelWidget(selection);\n        this.isEnabled = isHtmlEmbedAllowedInParent(selection, schema, model);\n        this.value = selectedRawHtmlElement ? selectedRawHtmlElement.getAttribute('value') || '' : null;\n    }\n    /**\n\t * Executes the command, which either:\n\t *\n\t * * creates and inserts a new HTML embed element if none was selected,\n\t * * updates the content of the HTML embed if one was selected.\n\t *\n\t * @fires execute\n\t * @param value When passed, the value (content) will be set on a new embed or a selected one.\n\t */ execute(value) {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        model.change((writer)=>{\n            let htmlEmbedElement;\n            // If the command has a non-null value, there must be some HTML embed selected in the model.\n            if (this.value !== null) {\n                htmlEmbedElement = getSelectedRawHtmlModelWidget(selection);\n            } else {\n                htmlEmbedElement = writer.createElement('rawHtml');\n                model.insertObject(htmlEmbedElement, null, null, {\n                    setSelection: 'on'\n                });\n            }\n            writer.setAttribute('value', value, htmlEmbedElement);\n        });\n    }\n}\n/**\n * Checks if an HTML embed is allowed by the schema in the optimal insertion parent.\n */ function isHtmlEmbedAllowedInParent(selection, schema, model) {\n    const parent = getInsertHtmlEmbedParent(selection, model);\n    return schema.checkChild(parent, 'rawHtml');\n}\n/**\n * Returns a node that will be used to insert a html embed with `model.insertContent` to check if a html embed element can be placed there.\n */ function getInsertHtmlEmbedParent(selection, model) {\n    const insertionRange = findOptimalInsertionRange(selection, model);\n    const parent = insertionRange.start.parent;\n    if (parent.isEmpty && !parent.is('rootElement')) {\n        return parent.parent;\n    }\n    return parent;\n}\n/**\n * Returns the selected HTML embed element in the model, if any.\n */ function getSelectedRawHtmlModelWidget(selection) {\n    const selectedElement = selection.getSelectedElement();\n    if (selectedElement && selectedElement.is('element', 'rawHtml')) {\n        return selectedElement;\n    }\n    return null;\n}\n\n/**\n * The HTML embed editing feature.\n */ class HtmlEmbedEditing extends Plugin {\n    /**\n\t * Keeps references to {@link module:ui/button/buttonview~ButtonView edit, save, and cancel} button instances created for\n\t * each widget so they can be destroyed if they are no longer in DOM after the editing view was re-rendered.\n\t */ _widgetButtonViewReferences = new Set();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HtmlEmbedEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'HE';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('htmlEmbed', {\n            showPreviews: false,\n            sanitizeHtml: (rawHtml)=>{\n                /**\n\t\t\t\t * When using the HTML embed feature with the `config.htmlEmbed.showPreviews` set to `true`, it is strongly recommended to\n\t\t\t\t * define a sanitize function that will clean up the input HTML in order to avoid XSS vulnerability.\n\t\t\t\t *\n\t\t\t\t * For a detailed overview, check the {@glink features/html/html-embed HTML embed feature} documentation.\n\t\t\t\t *\n\t\t\t\t * @error html-embed-provide-sanitize-function\n\t\t\t\t */ logWarning('html-embed-provide-sanitize-function');\n                return {\n                    html: rawHtml,\n                    hasChanged: false\n                };\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        schema.register('rawHtml', {\n            inheritAllFrom: '$blockObject',\n            allowAttributes: [\n                'value'\n            ]\n        });\n        editor.commands.add('htmlEmbed', new HtmlEmbedCommand(editor));\n        this._setupConversion();\n    }\n    /**\n\t * Prepares converters for the feature.\n\t */ _setupConversion() {\n        const editor = this.editor;\n        const t = editor.t;\n        const view = editor.editing.view;\n        const widgetButtonViewReferences = this._widgetButtonViewReferences;\n        const htmlEmbedConfig = editor.config.get('htmlEmbed');\n        // Destroy UI buttons created for widgets that have been removed from the view document (e.g. in the previous conversion).\n        // This prevents unexpected memory leaks from UI views.\n        this.editor.editing.view.on('render', ()=>{\n            for (const buttonView of widgetButtonViewReferences){\n                if (buttonView.element && buttonView.element.isConnected) {\n                    return;\n                }\n                buttonView.destroy();\n                widgetButtonViewReferences.delete(buttonView);\n            }\n        }, {\n            priority: 'lowest'\n        });\n        // Register div.raw-html-embed as a raw content element so all of it's content will be provided\n        // as a view element's custom property while data upcasting.\n        editor.data.registerRawContentMatcher({\n            name: 'div',\n            classes: 'raw-html-embed'\n        });\n        editor.conversion.for('upcast').elementToElement({\n            view: {\n                name: 'div',\n                classes: 'raw-html-embed'\n            },\n            model: (viewElement, { writer })=>{\n                // The div.raw-html-embed is registered as a raw content element,\n                // so all it's content is available in a custom property.\n                return writer.createElement('rawHtml', {\n                    value: viewElement.getCustomProperty('$rawContent')\n                });\n            }\n        });\n        editor.conversion.for('dataDowncast').elementToElement({\n            model: 'rawHtml',\n            view: (modelElement, { writer })=>{\n                return writer.createRawElement('div', {\n                    class: 'raw-html-embed'\n                }, function(domElement) {\n                    domElement.innerHTML = modelElement.getAttribute('value') || '';\n                });\n            }\n        });\n        editor.conversion.for('editingDowncast').elementToStructure({\n            model: {\n                name: 'rawHtml',\n                attributes: [\n                    'value'\n                ]\n            },\n            view: (modelElement, { writer })=>{\n                let domContentWrapper;\n                let state;\n                let props;\n                const viewContentWrapper = writer.createRawElement('div', {\n                    class: 'raw-html-embed__content-wrapper'\n                }, function(domElement) {\n                    domContentWrapper = domElement;\n                    renderContent({\n                        editor,\n                        domElement,\n                        state,\n                        props\n                    });\n                    // Since there is a `data-cke-ignore-events` attribute set on the wrapper element in the editable mode,\n                    // the explicit `mousedown` handler on the `capture` phase is needed to move the selection onto the whole\n                    // HTML embed widget.\n                    domContentWrapper.addEventListener('mousedown', ()=>{\n                        if (state.isEditable) {\n                            const model = editor.model;\n                            const selectedElement = model.document.selection.getSelectedElement();\n                            // Move the selection onto the whole HTML embed widget if it's currently not selected.\n                            if (selectedElement !== modelElement) {\n                                model.change((writer)=>writer.setSelection(modelElement, 'on'));\n                            }\n                        }\n                    }, true);\n                });\n                // API exposed on each raw HTML embed widget so other features can control a particular widget.\n                const rawHtmlApi = {\n                    makeEditable () {\n                        state = Object.assign({}, state, {\n                            isEditable: true\n                        });\n                        renderContent({\n                            domElement: domContentWrapper,\n                            editor,\n                            state,\n                            props\n                        });\n                        view.change((writer)=>{\n                            writer.setAttribute('data-cke-ignore-events', 'true', viewContentWrapper);\n                        });\n                        // This could be potentially pulled to a separate method called focusTextarea().\n                        domContentWrapper.querySelector('textarea').focus();\n                    },\n                    save (newValue) {\n                        // If the value didn't change, we just cancel. If it changed,\n                        // it's enough to update the model – the entire widget will be reconverted.\n                        if (newValue !== state.getRawHtmlValue()) {\n                            editor.execute('htmlEmbed', newValue);\n                            editor.editing.view.focus();\n                        } else {\n                            this.cancel();\n                        }\n                    },\n                    cancel () {\n                        state = Object.assign({}, state, {\n                            isEditable: false\n                        });\n                        renderContent({\n                            domElement: domContentWrapper,\n                            editor,\n                            state,\n                            props\n                        });\n                        editor.editing.view.focus();\n                        view.change((writer)=>{\n                            writer.removeAttribute('data-cke-ignore-events', viewContentWrapper);\n                        });\n                    }\n                };\n                state = {\n                    showPreviews: htmlEmbedConfig.showPreviews,\n                    isEditable: false,\n                    getRawHtmlValue: ()=>modelElement.getAttribute('value') || ''\n                };\n                props = {\n                    sanitizeHtml: htmlEmbedConfig.sanitizeHtml,\n                    textareaPlaceholder: t('Paste raw HTML here...'),\n                    onEditClick () {\n                        rawHtmlApi.makeEditable();\n                    },\n                    onSaveClick (newValue) {\n                        rawHtmlApi.save(newValue);\n                    },\n                    onCancelClick () {\n                        rawHtmlApi.cancel();\n                    }\n                };\n                const viewContainer = writer.createContainerElement('div', {\n                    class: 'raw-html-embed',\n                    'data-html-embed-label': t('HTML snippet'),\n                    dir: editor.locale.uiLanguageDirection\n                }, viewContentWrapper);\n                writer.setCustomProperty('rawHtmlApi', rawHtmlApi, viewContainer);\n                writer.setCustomProperty('rawHtml', true, viewContainer);\n                return toWidget(viewContainer, writer, {\n                    label: t('HTML snippet'),\n                    hasSelectionHandle: true\n                });\n            }\n        });\n        function renderContent({ editor, domElement, state, props }) {\n            // Remove all children;\n            domElement.textContent = '';\n            const domDocument = domElement.ownerDocument;\n            let domTextarea;\n            if (state.isEditable) {\n                const textareaProps = {\n                    isDisabled: false,\n                    placeholder: props.textareaPlaceholder\n                };\n                domTextarea = createDomTextarea({\n                    domDocument,\n                    state,\n                    props: textareaProps\n                });\n                domElement.append(domTextarea);\n            } else if (state.showPreviews) {\n                const previewContainerProps = {\n                    sanitizeHtml: props.sanitizeHtml\n                };\n                domElement.append(createPreviewContainer({\n                    domDocument,\n                    state,\n                    props: previewContainerProps,\n                    editor\n                }));\n            } else {\n                const textareaProps = {\n                    isDisabled: true,\n                    placeholder: props.textareaPlaceholder\n                };\n                domElement.append(createDomTextarea({\n                    domDocument,\n                    state,\n                    props: textareaProps\n                }));\n            }\n            const buttonsWrapperProps = {\n                onEditClick: props.onEditClick,\n                onSaveClick: ()=>{\n                    props.onSaveClick(domTextarea.value);\n                },\n                onCancelClick: props.onCancelClick\n            };\n            domElement.prepend(createDomButtonsWrapper({\n                editor,\n                domDocument,\n                state,\n                props: buttonsWrapperProps\n            }));\n        }\n        function createDomButtonsWrapper({ editor, domDocument, state, props }) {\n            const domButtonsWrapper = createElement(domDocument, 'div', {\n                class: 'raw-html-embed__buttons-wrapper'\n            });\n            if (state.isEditable) {\n                const saveButtonView = createUIButton(editor, 'save', props.onSaveClick);\n                const cancelButtonView = createUIButton(editor, 'cancel', props.onCancelClick);\n                domButtonsWrapper.append(saveButtonView.element, cancelButtonView.element);\n                widgetButtonViewReferences.add(saveButtonView).add(cancelButtonView);\n            } else {\n                const editButtonView = createUIButton(editor, 'edit', props.onEditClick);\n                domButtonsWrapper.append(editButtonView.element);\n                widgetButtonViewReferences.add(editButtonView);\n            }\n            return domButtonsWrapper;\n        }\n        function createDomTextarea({ domDocument, state, props }) {\n            const domTextarea = createElement(domDocument, 'textarea', {\n                placeholder: props.placeholder,\n                class: 'ck ck-reset ck-input ck-input-text raw-html-embed__source'\n            });\n            domTextarea.disabled = props.isDisabled;\n            domTextarea.value = state.getRawHtmlValue();\n            return domTextarea;\n        }\n        function createPreviewContainer({ editor, domDocument, state, props }) {\n            const sanitizedOutput = props.sanitizeHtml(state.getRawHtmlValue());\n            const placeholderText = state.getRawHtmlValue().length > 0 ? t('No preview available') : t('Empty snippet content');\n            const domPreviewPlaceholder = createElement(domDocument, 'div', {\n                class: 'ck ck-reset_all raw-html-embed__preview-placeholder'\n            }, placeholderText);\n            const domPreviewContent = createElement(domDocument, 'div', {\n                class: 'raw-html-embed__preview-content',\n                dir: editor.locale.contentLanguageDirection\n            });\n            // Creating a contextual document fragment allows executing scripts when inserting into the preview element.\n            // See: #8326.\n            const domRange = domDocument.createRange();\n            const domDocumentFragment = domRange.createContextualFragment(sanitizedOutput.html);\n            domPreviewContent.appendChild(domDocumentFragment);\n            const domPreviewContainer = createElement(domDocument, 'div', {\n                class: 'raw-html-embed__preview'\n            }, [\n                domPreviewPlaceholder,\n                domPreviewContent\n            ]);\n            return domPreviewContainer;\n        }\n    }\n}\n/**\n * Returns a UI button view that can be used in conversion.\n */ function createUIButton(editor, type, onClick) {\n    const { t } = editor.locale;\n    const buttonView = new ButtonView(editor.locale);\n    const command = editor.commands.get('htmlEmbed');\n    buttonView.set({\n        class: `raw-html-embed__${type}-button`,\n        icon: IconPencil,\n        tooltip: true,\n        tooltipPosition: editor.locale.uiLanguageDirection === 'rtl' ? 'e' : 'w'\n    });\n    buttonView.render();\n    if (type === 'edit') {\n        buttonView.set({\n            icon: IconPencil,\n            label: t('Edit source')\n        });\n        buttonView.bind('isEnabled').to(command);\n    } else if (type === 'save') {\n        buttonView.set({\n            icon: IconCheck,\n            label: t('Save changes')\n        });\n        buttonView.bind('isEnabled').to(command);\n    } else {\n        buttonView.set({\n            icon: IconCancel,\n            label: t('Cancel')\n        });\n    }\n    buttonView.on('execute', onClick);\n    return buttonView;\n}\n\n/**\n * The HTML embed UI plugin.\n */ class HtmlEmbedUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HtmlEmbedUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const t = locale.t;\n        // Add the `htmlEmbed` button to feature components.\n        editor.ui.componentFactory.add('htmlEmbed', ()=>{\n            const buttonView = this._createButton(ButtonView);\n            buttonView.set({\n                tooltip: true,\n                label: t('Insert HTML')\n            });\n            return buttonView;\n        });\n        editor.ui.componentFactory.add('menuBar:htmlEmbed', ()=>{\n            const buttonView = this._createButton(MenuBarMenuListItemButtonView);\n            buttonView.set({\n                label: t('HTML snippet')\n            });\n            return buttonView;\n        });\n    }\n    /**\n\t * Creates a button for html embed command to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const command = editor.commands.get('htmlEmbed');\n        const view = new ButtonClass(editor.locale);\n        view.set({\n            icon: IconHtml\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute('htmlEmbed');\n            editor.editing.view.focus();\n            const rawHtmlApi = editor.editing.view.document.selection.getSelectedElement().getCustomProperty('rawHtmlApi');\n            rawHtmlApi.makeEditable();\n        });\n        return view;\n    }\n}\n\n/**\n * The HTML embed feature.\n *\n * It allows inserting HTML snippets directly into the editor.\n *\n * For a detailed overview, check the {@glink features/html/html-embed HTML embed feature} documentation.\n */ class HtmlEmbed extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            HtmlEmbedEditing,\n            HtmlEmbedUI,\n            Widget\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HtmlEmbed';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { HtmlEmbed, HtmlEmbedCommand, HtmlEmbedEditing, HtmlEmbedUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-embed/htmlembedcommand\n */\n\nimport type { ModelDocumentSelection, ModelElement, Model, ModelSchema, ModelSelection } from 'ckeditor5/src/engine.js';\nimport { Command } from 'ckeditor5/src/core.js';\nimport { findOptimalInsertionRange } from 'ckeditor5/src/widget.js';\n\n/**\n * The insert HTML embed element command.\n *\n * The command is registered by {@link module:html-embed/htmlembedediting~HtmlEmbedEditing} as `'htmlEmbed'`.\n *\n * To insert an empty HTML embed element at the current selection, execute the command:\n *\n * ```ts\n * editor.execute( 'htmlEmbed' );\n * ```\n *\n * You can specify the initial content of a new HTML embed in the argument:\n *\n * ```ts\n * editor.execute( 'htmlEmbed', '<b>Initial content.</b>' );\n * ```\n *\n * To update the content of the HTML embed, select it in the model and pass the content in the argument:\n *\n * ```ts\n * editor.execute( 'htmlEmbed', '<b>New content of an existing embed.</b>' );\n * ```\n */\nexport class HtmlEmbedCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedRawHtmlElement = getSelectedRawHtmlModelWidget( selection );\n\n\t\tthis.isEnabled = isHtmlEmbedAllowedInParent( selection, schema, model );\n\t\tthis.value = selectedRawHtmlElement ? selectedRawHtmlElement.getAttribute( 'value' ) || '' : null;\n\t}\n\n\t/**\n\t * Executes the command, which either:\n\t *\n\t * * creates and inserts a new HTML embed element if none was selected,\n\t * * updates the content of the HTML embed if one was selected.\n\t *\n\t * @fires execute\n\t * @param value When passed, the value (content) will be set on a new embed or a selected one.\n\t */\n\tpublic override execute( value?: string ): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\tmodel.change( writer => {\n\t\t\tlet htmlEmbedElement;\n\n\t\t\t// If the command has a non-null value, there must be some HTML embed selected in the model.\n\t\t\tif ( this.value !== null ) {\n\t\t\t\thtmlEmbedElement = getSelectedRawHtmlModelWidget( selection );\n\t\t\t} else {\n\t\t\t\thtmlEmbedElement = writer.createElement( 'rawHtml' );\n\n\t\t\t\tmodel.insertObject( htmlEmbedElement, null, null, { setSelection: 'on' } );\n\t\t\t}\n\n\t\t\twriter.setAttribute( 'value', value, htmlEmbedElement! );\n\t\t} );\n\t}\n}\n\n/**\n * Checks if an HTML embed is allowed by the schema in the optimal insertion parent.\n */\nfunction isHtmlEmbedAllowedInParent( selection: ModelDocumentSelection, schema: ModelSchema, model: Model ): boolean {\n\tconst parent = getInsertHtmlEmbedParent( selection, model );\n\n\treturn schema.checkChild( parent, 'rawHtml' );\n}\n\n/**\n * Returns a node that will be used to insert a html embed with `model.insertContent` to check if a html embed element can be placed there.\n */\nfunction getInsertHtmlEmbedParent( selection: ModelSelection | ModelDocumentSelection, model: Model ): ModelElement {\n\tconst insertionRange = findOptimalInsertionRange( selection, model );\n\tconst parent = insertionRange.start.parent as ModelElement;\n\n\tif ( parent.isEmpty && !parent.is( 'rootElement' ) ) {\n\t\treturn parent.parent as ModelElement;\n\t}\n\n\treturn parent;\n}\n\n/**\n * Returns the selected HTML embed element in the model, if any.\n */\nfunction getSelectedRawHtmlModelWidget( selection: ModelDocumentSelection ): ModelElement | null {\n\tconst selectedElement = selection.getSelectedElement();\n\n\tif ( selectedElement && selectedElement.is( 'element', 'rawHtml' ) ) {\n\t\treturn selectedElement;\n\t}\n\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-embed/htmlembedediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { ButtonView } from 'ckeditor5/src/ui.js';\nimport { toWidget } from 'ckeditor5/src/widget.js';\nimport { logWarning, createElement } from 'ckeditor5/src/utils.js';\nimport { IconCancel, IconCheck, IconPencil } from 'ckeditor5/src/icons.js';\n\nimport type { HtmlEmbedConfig } from './htmlembedconfig.js';\nimport { HtmlEmbedCommand } from './htmlembedcommand.js';\n\nimport '../theme/htmlembed.css';\n\n/**\n * The HTML embed editing feature.\n */\nexport class HtmlEmbedEditing extends Plugin {\n\t/**\n\t * Keeps references to {@link module:ui/button/buttonview~ButtonView edit, save, and cancel} button instances created for\n\t * each widget so they can be destroyed if they are no longer in DOM after the editing view was re-rendered.\n\t */\n\tprivate _widgetButtonViewReferences: Set<ButtonView> = new Set();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HtmlEmbedEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'HE';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'htmlEmbed', {\n\t\t\tshowPreviews: false,\n\t\t\tsanitizeHtml: rawHtml => {\n\t\t\t\t/**\n\t\t\t\t * When using the HTML embed feature with the `config.htmlEmbed.showPreviews` set to `true`, it is strongly recommended to\n\t\t\t\t * define a sanitize function that will clean up the input HTML in order to avoid XSS vulnerability.\n\t\t\t\t *\n\t\t\t\t * For a detailed overview, check the {@glink features/html/html-embed HTML embed feature} documentation.\n\t\t\t\t *\n\t\t\t\t * @error html-embed-provide-sanitize-function\n\t\t\t\t */\n\t\t\t\tlogWarning( 'html-embed-provide-sanitize-function' );\n\n\t\t\t\treturn {\n\t\t\t\t\thtml: rawHtml,\n\t\t\t\t\thasChanged: false\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\tschema.register( 'rawHtml', {\n\t\t\tinheritAllFrom: '$blockObject',\n\t\t\tallowAttributes: [ 'value' ]\n\t\t} );\n\n\t\teditor.commands.add( 'htmlEmbed', new HtmlEmbedCommand( editor ) );\n\n\t\tthis._setupConversion();\n\t}\n\n\t/**\n\t * Prepares converters for the feature.\n\t */\n\tprivate _setupConversion() {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst view = editor.editing.view;\n\t\tconst widgetButtonViewReferences = this._widgetButtonViewReferences;\n\t\tconst htmlEmbedConfig: HtmlEmbedConfig = editor.config.get( 'htmlEmbed' )!;\n\n\t\t// Destroy UI buttons created for widgets that have been removed from the view document (e.g. in the previous conversion).\n\t\t// This prevents unexpected memory leaks from UI views.\n\t\tthis.editor.editing.view.on( 'render', () => {\n\t\t\tfor ( const buttonView of widgetButtonViewReferences ) {\n\t\t\t\tif ( buttonView.element && buttonView.element.isConnected ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tbuttonView.destroy();\n\t\t\t\twidgetButtonViewReferences.delete( buttonView );\n\t\t\t}\n\t\t}, { priority: 'lowest' } );\n\n\t\t// Register div.raw-html-embed as a raw content element so all of it's content will be provided\n\t\t// as a view element's custom property while data upcasting.\n\t\teditor.data.registerRawContentMatcher( {\n\t\t\tname: 'div',\n\t\t\tclasses: 'raw-html-embed'\n\t\t} );\n\n\t\teditor.conversion.for( 'upcast' ).elementToElement( {\n\t\t\tview: {\n\t\t\t\tname: 'div',\n\t\t\t\tclasses: 'raw-html-embed'\n\t\t\t},\n\t\t\tmodel: ( viewElement, { writer } ) => {\n\t\t\t\t// The div.raw-html-embed is registered as a raw content element,\n\t\t\t\t// so all it's content is available in a custom property.\n\t\t\t\treturn writer.createElement( 'rawHtml', {\n\t\t\t\t\tvalue: viewElement.getCustomProperty( '$rawContent' )\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\teditor.conversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\tmodel: 'rawHtml',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\treturn writer.createRawElement( 'div', { class: 'raw-html-embed' }, function( domElement ) {\n\t\t\t\t\tdomElement.innerHTML = modelElement.getAttribute( 'value' ) as string || '';\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\teditor.conversion.for( 'editingDowncast' ).elementToStructure( {\n\t\t\tmodel: { name: 'rawHtml', attributes: [ 'value' ] },\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tlet domContentWrapper: HTMLElement;\n\t\t\t\tlet state: State;\n\t\t\t\tlet props: Props;\n\n\t\t\t\tconst viewContentWrapper = writer.createRawElement( 'div', {\n\t\t\t\t\tclass: 'raw-html-embed__content-wrapper'\n\t\t\t\t}, function( domElement ) {\n\t\t\t\t\tdomContentWrapper = domElement;\n\n\t\t\t\t\trenderContent( { editor, domElement, state, props } );\n\n\t\t\t\t\t// Since there is a `data-cke-ignore-events` attribute set on the wrapper element in the editable mode,\n\t\t\t\t\t// the explicit `mousedown` handler on the `capture` phase is needed to move the selection onto the whole\n\t\t\t\t\t// HTML embed widget.\n\t\t\t\t\tdomContentWrapper.addEventListener( 'mousedown', () => {\n\t\t\t\t\t\tif ( state.isEditable ) {\n\t\t\t\t\t\t\tconst model = editor.model;\n\t\t\t\t\t\t\tconst selectedElement = model.document.selection.getSelectedElement();\n\n\t\t\t\t\t\t\t// Move the selection onto the whole HTML embed widget if it's currently not selected.\n\t\t\t\t\t\t\tif ( selectedElement !== modelElement ) {\n\t\t\t\t\t\t\t\tmodel.change( writer => writer.setSelection( modelElement, 'on' ) );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}, true );\n\t\t\t\t} );\n\n\t\t\t\t// API exposed on each raw HTML embed widget so other features can control a particular widget.\n\t\t\t\tconst rawHtmlApi: RawHtmlApi = {\n\t\t\t\t\tmakeEditable() {\n\t\t\t\t\t\tstate = Object.assign( {}, state, {\n\t\t\t\t\t\t\tisEditable: true\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\trenderContent( { domElement: domContentWrapper, editor, state, props } );\n\n\t\t\t\t\t\tview.change( writer => {\n\t\t\t\t\t\t\twriter.setAttribute( 'data-cke-ignore-events', 'true', viewContentWrapper );\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t// This could be potentially pulled to a separate method called focusTextarea().\n\t\t\t\t\t\tdomContentWrapper.querySelector( 'textarea' )!.focus();\n\t\t\t\t\t},\n\t\t\t\t\tsave( newValue: string ) {\n\t\t\t\t\t\t// If the value didn't change, we just cancel. If it changed,\n\t\t\t\t\t\t// it's enough to update the model – the entire widget will be reconverted.\n\t\t\t\t\t\tif ( newValue !== state.getRawHtmlValue() ) {\n\t\t\t\t\t\t\teditor.execute( 'htmlEmbed', newValue );\n\t\t\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.cancel();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tcancel() {\n\t\t\t\t\t\tstate = Object.assign( {}, state, {\n\t\t\t\t\t\t\tisEditable: false\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\trenderContent( { domElement: domContentWrapper, editor, state, props } );\n\t\t\t\t\t\teditor.editing.view.focus();\n\n\t\t\t\t\t\tview.change( writer => {\n\t\t\t\t\t\t\twriter.removeAttribute( 'data-cke-ignore-events', viewContentWrapper );\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\tstate = {\n\t\t\t\t\tshowPreviews: htmlEmbedConfig.showPreviews,\n\t\t\t\t\tisEditable: false,\n\t\t\t\t\tgetRawHtmlValue: () => modelElement.getAttribute( 'value' ) as string || ''\n\t\t\t\t};\n\n\t\t\t\tprops = {\n\t\t\t\t\tsanitizeHtml: htmlEmbedConfig.sanitizeHtml,\n\t\t\t\t\ttextareaPlaceholder: t( 'Paste raw HTML here...' ),\n\n\t\t\t\t\tonEditClick() {\n\t\t\t\t\t\trawHtmlApi.makeEditable();\n\t\t\t\t\t},\n\t\t\t\t\tonSaveClick( newValue ) {\n\t\t\t\t\t\trawHtmlApi.save( newValue );\n\t\t\t\t\t},\n\t\t\t\t\tonCancelClick() {\n\t\t\t\t\t\trawHtmlApi.cancel();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\tconst viewContainer = writer.createContainerElement( 'div', {\n\t\t\t\t\tclass: 'raw-html-embed',\n\t\t\t\t\t'data-html-embed-label': t( 'HTML snippet' ),\n\t\t\t\t\tdir: editor.locale.uiLanguageDirection\n\t\t\t\t}, viewContentWrapper );\n\n\t\t\t\twriter.setCustomProperty( 'rawHtmlApi', rawHtmlApi, viewContainer );\n\t\t\t\twriter.setCustomProperty( 'rawHtml', true, viewContainer );\n\n\t\t\t\treturn toWidget( viewContainer, writer, {\n\t\t\t\t\tlabel: t( 'HTML snippet' ),\n\t\t\t\t\thasSelectionHandle: true\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\tfunction renderContent( {\n\t\t\teditor,\n\t\t\tdomElement,\n\t\t\tstate,\n\t\t\tprops\n\t\t}: {\n\t\t\teditor: Editor;\n\t\t\tdomElement: HTMLElement;\n\t\t\tstate: State;\n\t\t\tprops: Props;\n\t\t} ) {\n\t\t\t// Remove all children;\n\t\t\tdomElement.textContent = '';\n\n\t\t\tconst domDocument = domElement.ownerDocument;\n\t\t\tlet domTextarea: HTMLTextAreaElement;\n\n\t\t\tif ( state.isEditable ) {\n\t\t\t\tconst textareaProps = {\n\t\t\t\t\tisDisabled: false,\n\t\t\t\t\tplaceholder: props.textareaPlaceholder\n\t\t\t\t};\n\n\t\t\t\tdomTextarea = createDomTextarea( { domDocument, state, props: textareaProps } );\n\n\t\t\t\tdomElement.append( domTextarea );\n\t\t\t} else if ( state.showPreviews ) {\n\t\t\t\tconst previewContainerProps = {\n\t\t\t\t\tsanitizeHtml: props.sanitizeHtml\n\t\t\t\t};\n\n\t\t\t\tdomElement.append( createPreviewContainer( { domDocument, state, props: previewContainerProps, editor } ) );\n\t\t\t} else {\n\t\t\t\tconst textareaProps = {\n\t\t\t\t\tisDisabled: true,\n\t\t\t\t\tplaceholder: props.textareaPlaceholder\n\t\t\t\t};\n\n\t\t\t\tdomElement.append( createDomTextarea( { domDocument, state, props: textareaProps } ) );\n\t\t\t}\n\n\t\t\tconst buttonsWrapperProps = {\n\t\t\t\tonEditClick: props.onEditClick,\n\t\t\t\tonSaveClick: () => {\n\t\t\t\t\tprops.onSaveClick( domTextarea.value );\n\t\t\t\t},\n\t\t\t\tonCancelClick: props.onCancelClick\n\t\t\t};\n\n\t\t\tdomElement.prepend( createDomButtonsWrapper( { editor, domDocument, state, props: buttonsWrapperProps } ) );\n\t\t}\n\n\t\tfunction createDomButtonsWrapper( {\n\t\t\teditor,\n\t\t\tdomDocument,\n\t\t\tstate,\n\t\t\tprops\n\t\t}: {\n\t\t\teditor: Editor;\n\t\t\tdomDocument: Document;\n\t\t\tstate: State;\n\t\t\tprops: Pick<Props, 'onEditClick' | 'onCancelClick'> & {\n\t\t\t\tonSaveClick(): void;\n\t\t\t};\n\t\t} ): HTMLDivElement {\n\t\t\tconst domButtonsWrapper = createElement( domDocument, 'div', {\n\t\t\t\tclass: 'raw-html-embed__buttons-wrapper'\n\t\t\t} );\n\n\t\t\tif ( state.isEditable ) {\n\t\t\t\tconst saveButtonView = createUIButton( editor, 'save', props.onSaveClick );\n\t\t\t\tconst cancelButtonView = createUIButton( editor, 'cancel', props.onCancelClick );\n\n\t\t\t\tdomButtonsWrapper.append( saveButtonView.element!, cancelButtonView.element! );\n\t\t\t\twidgetButtonViewReferences.add( saveButtonView ).add( cancelButtonView );\n\t\t\t} else {\n\t\t\t\tconst editButtonView = createUIButton( editor, 'edit', props.onEditClick );\n\n\t\t\t\tdomButtonsWrapper.append( editButtonView.element! );\n\t\t\t\twidgetButtonViewReferences.add( editButtonView );\n\t\t\t}\n\n\t\t\treturn domButtonsWrapper;\n\t\t}\n\n\t\tfunction createDomTextarea( {\n\t\t\tdomDocument,\n\t\t\tstate,\n\t\t\tprops\n\t\t}: {\n\t\t\tdomDocument: Document;\n\t\t\tstate: State;\n\t\t\tprops: {\n\t\t\t\tisDisabled: boolean;\n\t\t\t\tplaceholder: string;\n\t\t\t};\n\t\t} ): HTMLTextAreaElement {\n\t\t\tconst domTextarea = createElement( domDocument, 'textarea', {\n\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\tclass: 'ck ck-reset ck-input ck-input-text raw-html-embed__source'\n\t\t\t} );\n\n\t\t\tdomTextarea.disabled = props.isDisabled;\n\t\t\tdomTextarea.value = state.getRawHtmlValue();\n\n\t\t\treturn domTextarea;\n\t\t}\n\n\t\tfunction createPreviewContainer( {\n\t\t\teditor,\n\t\t\tdomDocument,\n\t\t\tstate,\n\t\t\tprops\n\t\t}: {\n\t\t\teditor: Editor;\n\t\t\tdomDocument: Document;\n\t\t\tstate: State;\n\t\t\tprops: {\n\t\t\t\tsanitizeHtml: HtmlEmbedConfig['sanitizeHtml'];\n\t\t\t};\n\t\t} ): HTMLDivElement {\n\t\t\tconst sanitizedOutput = props.sanitizeHtml!( state.getRawHtmlValue() );\n\t\t\tconst placeholderText = state.getRawHtmlValue().length > 0 ?\n\t\t\t\tt( 'No preview available' ) :\n\t\t\t\tt( 'Empty snippet content' );\n\n\t\t\tconst domPreviewPlaceholder = createElement( domDocument, 'div', {\n\t\t\t\tclass: 'ck ck-reset_all raw-html-embed__preview-placeholder'\n\t\t\t}, placeholderText );\n\n\t\t\tconst domPreviewContent = createElement( domDocument, 'div', {\n\t\t\t\tclass: 'raw-html-embed__preview-content',\n\t\t\t\tdir: editor.locale.contentLanguageDirection\n\t\t\t} );\n\n\t\t\t// Creating a contextual document fragment allows executing scripts when inserting into the preview element.\n\t\t\t// See: #8326.\n\t\t\tconst domRange = domDocument.createRange();\n\t\t\tconst domDocumentFragment = domRange.createContextualFragment( sanitizedOutput.html );\n\n\t\t\tdomPreviewContent.appendChild( domDocumentFragment );\n\n\t\t\tconst domPreviewContainer = createElement( domDocument, 'div', {\n\t\t\t\tclass: 'raw-html-embed__preview'\n\t\t\t}, [\n\t\t\t\tdomPreviewPlaceholder, domPreviewContent\n\t\t\t] );\n\n\t\t\treturn domPreviewContainer;\n\t\t}\n\t}\n}\n\n/**\n * Returns a UI button view that can be used in conversion.\n */\nfunction createUIButton( editor: Editor, type: 'edit' | 'save' | 'cancel', onClick: () => void ): ButtonView {\n\tconst { t } = editor.locale;\n\tconst buttonView = new ButtonView( editor.locale );\n\tconst command: HtmlEmbedCommand = editor.commands.get( 'htmlEmbed' )!;\n\n\tbuttonView.set( {\n\t\tclass: `raw-html-embed__${ type }-button`,\n\t\ticon: IconPencil,\n\t\ttooltip: true,\n\t\ttooltipPosition: editor.locale.uiLanguageDirection === 'rtl' ? 'e' : 'w'\n\t} );\n\n\tbuttonView.render();\n\n\tif ( type === 'edit' ) {\n\t\tbuttonView.set( {\n\t\t\ticon: IconPencil,\n\t\t\tlabel: t( 'Edit source' )\n\t\t} );\n\n\t\tbuttonView.bind( 'isEnabled' ).to( command );\n\t} else if ( type === 'save' ) {\n\t\tbuttonView.set( {\n\t\t\ticon: IconCheck,\n\t\t\tlabel: t( 'Save changes' )\n\t\t} );\n\n\t\tbuttonView.bind( 'isEnabled' ).to( command );\n\t} else {\n\t\tbuttonView.set( {\n\t\t\ticon: IconCancel,\n\t\t\tlabel: t( 'Cancel' )\n\t\t} );\n\t}\n\n\tbuttonView.on( 'execute', onClick );\n\n\treturn buttonView;\n}\n\ninterface State {\n\tshowPreviews: HtmlEmbedConfig['showPreviews'];\n\tisEditable: boolean;\n\tgetRawHtmlValue(): string;\n}\n\ninterface Props {\n\tsanitizeHtml: HtmlEmbedConfig['sanitizeHtml'];\n\ttextareaPlaceholder: string;\n\tonEditClick(): void;\n\tonSaveClick( newValue: string ): void;\n\tonCancelClick(): void;\n}\n\n/**\n * The API exposed on each raw HTML embed widget so other features can control a particular widget.\n *\n * @internal\n */\nexport interface RawHtmlApi {\n\tmakeEditable(): void;\n\tsave( newValue: string ): void;\n\tcancel(): void;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-embed/htmlembedui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconHtml } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport type { RawHtmlApi } from './htmlembedediting.js';\nimport { type HtmlEmbedCommand } from './htmlembedcommand.js';\n\n/**\n * The HTML embed UI plugin.\n */\nexport class HtmlEmbedUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HtmlEmbedUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst t = locale.t;\n\n\t\t// Add the `htmlEmbed` button to feature components.\n\t\teditor.ui.componentFactory.add( 'htmlEmbed', () => {\n\t\t\tconst buttonView = this._createButton( ButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\ttooltip: true,\n\t\t\t\tlabel: t( 'Insert HTML' )\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:htmlEmbed', () => {\n\t\t\tconst buttonView = this._createButton( MenuBarMenuListItemButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\tlabel: t( 'HTML snippet' )\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button for html embed command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst command: HtmlEmbedCommand = editor.commands.get( 'htmlEmbed' )!;\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\n\t\tview.set( {\n\t\t\ticon: IconHtml\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( 'htmlEmbed' );\n\t\t\teditor.editing.view.focus();\n\n\t\t\tconst rawHtmlApi = editor.editing.view.document.selection\n\t\t\t\t.getSelectedElement()!\n\t\t\t\t.getCustomProperty( 'rawHtmlApi' ) as RawHtmlApi;\n\n\t\t\trawHtmlApi.makeEditable();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-embed/htmlembed\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Widget } from 'ckeditor5/src/widget.js';\n\nimport { HtmlEmbedEditing } from './htmlembedediting.js';\nimport { HtmlEmbedUI } from './htmlembedui.js';\n\n/**\n * The HTML embed feature.\n *\n * It allows inserting HTML snippets directly into the editor.\n *\n * For a detailed overview, check the {@glink features/html/html-embed HTML embed feature} documentation.\n */\nexport class HtmlEmbed extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ HtmlEmbedEditing, HtmlEmbedUI, Widget ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HtmlEmbed' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { toArray, priorities, CKEditorError, isValidAttributeName, uid, logWarning, global } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { Matcher, StylesMap, ViewUpcastWriter, HtmlDataProcessor } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { toWidget, Widget } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { cloneDeep, startCase, mergeWith, isPlainObject, isEqual } from 'es-toolkit/compat';\nimport { Enter } from '@ckeditor/ckeditor5-enter/dist/index.js';\n\n/**\n* Helper function for the downcast converter. Updates attributes on the given view element.\n*\n* @param writer The view writer.\n* @param oldViewAttributes The previous GHS attribute value.\n* @param newViewAttributes The current GHS attribute value.\n* @param viewElement The view element to update.\n* @internal\n*/ function updateViewAttributes(writer, oldViewAttributes, newViewAttributes, viewElement) {\n    if (oldViewAttributes) {\n        removeViewAttributes(writer, oldViewAttributes, viewElement);\n    }\n    if (newViewAttributes) {\n        setViewAttributes(writer, newViewAttributes, viewElement);\n    }\n}\n/**\n * Helper function for the downcast converter. Sets attributes on the given view element.\n *\n * @param writer The view writer.\n * @param viewAttributes The GHS attribute value.\n * @param viewElement The view element to update.\n * @internal\n */ function setViewAttributes(writer, viewAttributes, viewElement) {\n    if (viewAttributes.attributes) {\n        for (const [key, value] of Object.entries(viewAttributes.attributes)){\n            writer.setAttribute(key, value, viewElement);\n        }\n    }\n    if (viewAttributes.styles) {\n        writer.setStyle(viewAttributes.styles, viewElement);\n    }\n    if (viewAttributes.classes) {\n        writer.addClass(viewAttributes.classes, viewElement);\n    }\n}\n/**\n * Helper function for the downcast converter. Removes attributes on the given view element.\n *\n * @param writer The view writer.\n * @param viewAttributes The GHS attribute value.\n * @param viewElement The view element to update.\n * @internal\n */ function removeViewAttributes(writer, viewAttributes, viewElement) {\n    if (viewAttributes.attributes) {\n        for (const [key] of Object.entries(viewAttributes.attributes)){\n            writer.removeAttribute(key, viewElement);\n        }\n    }\n    if (viewAttributes.styles) {\n        for (const style of Object.keys(viewAttributes.styles)){\n            writer.removeStyle(style, viewElement);\n        }\n    }\n    if (viewAttributes.classes) {\n        writer.removeClass(viewAttributes.classes, viewElement);\n    }\n}\n/**\n* Merges view element attribute objects.\n*\n* @internal\n*/ function mergeViewElementAttributes(target, source) {\n    const result = cloneDeep(target);\n    let key = 'attributes';\n    for(key in source){\n        // Merge classes.\n        if (key == 'classes') {\n            result[key] = Array.from(new Set([\n                ...target[key] || [],\n                ...source[key]\n            ]));\n        } else {\n            result[key] = {\n                ...target[key],\n                ...source[key]\n            };\n        }\n    }\n    return result;\n}\nfunction modifyGhsAttribute(writer, item, ghsAttributeName, subject, callback) {\n    const oldValue = item.getAttribute(ghsAttributeName);\n    const newValue = {};\n    for (const kind of [\n        'attributes',\n        'styles',\n        'classes'\n    ]){\n        // Properties other than `subject` should be assigned from `oldValue`.\n        if (kind != subject) {\n            if (oldValue && oldValue[kind]) {\n                newValue[kind] = oldValue[kind];\n            }\n            continue;\n        }\n        // `callback` should be applied on property [`subject`].\n        if (subject == 'classes') {\n            const values = new Set(oldValue && oldValue.classes || []);\n            callback(values);\n            if (values.size) {\n                newValue[kind] = Array.from(values);\n            }\n            continue;\n        }\n        const values = new Map(Object.entries(oldValue && oldValue[kind] || {}));\n        callback(values);\n        if (values.size) {\n            newValue[kind] = Object.fromEntries(values);\n        }\n    }\n    if (Object.keys(newValue).length) {\n        if (item.is('documentSelection')) {\n            writer.setSelectionAttribute(ghsAttributeName, newValue);\n        } else {\n            writer.setAttribute(ghsAttributeName, newValue, item);\n        }\n    } else if (oldValue) {\n        if (item.is('documentSelection')) {\n            writer.removeSelectionAttribute(ghsAttributeName);\n        } else {\n            writer.removeAttribute(ghsAttributeName, item);\n        }\n    }\n}\n/**\n * Strips the `styles`, and `classes` keys from the GHS attribute value on the given item.\n *\n * @internal\n */ function removeFormatting(ghsAttributeName, itemRange, writer) {\n    for (const item of itemRange.getItems({\n        shallow: true\n    })){\n        const value = item.getAttribute(ghsAttributeName);\n        // Copy only attributes to the new attribute value.\n        if (value && value.attributes && Object.keys(value.attributes).length) {\n            // But reset the GHS attribute only when there is anything more than just attributes.\n            if (Object.keys(value).length > 1) {\n                writer.setAttribute(ghsAttributeName, {\n                    attributes: value.attributes\n                }, item);\n            }\n        } else {\n            // There are no attributes, so remove the GHS attribute completely.\n            writer.removeAttribute(ghsAttributeName, item);\n        }\n    }\n}\n/**\n * Transforms passed string to PascalCase format. Examples:\n * * `div` => `Div`\n * * `h1` => `H1`\n * * `table` => `Table`\n *\n * @internal\n */ function toPascalCase(data) {\n    return startCase(data).replace(/ /g, '');\n}\n/**\n * Returns the attribute name of the model element that holds raw HTML attributes.\n *\n * @internal\n */ function getHtmlAttributeName(viewElementName) {\n    return `html${toPascalCase(viewElementName)}Attributes`;\n}\n\n/**\n * View-to-model conversion helper for object elements.\n *\n * Preserves object element content in `htmlContent` attribute.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/ function viewToModelObjectConverter({ model: modelName }) {\n    return (viewElement, conversionApi)=>{\n        // Let's keep element HTML and its attributes, so we can rebuild element in downcast conversions.\n        return conversionApi.writer.createElement(modelName, {\n            htmlContent: viewElement.getCustomProperty('$rawContent')\n        });\n    };\n}\n/**\n * Conversion helper converting an object element to an HTML object widget.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/ function toObjectWidgetConverter(editor, { view: viewName, isInline }) {\n    const t = editor.t;\n    return (modelElement, { writer })=>{\n        const widgetLabel = t('HTML object');\n        const viewElement = createObjectView(viewName, modelElement, writer);\n        const viewAttributes = modelElement.getAttribute(getHtmlAttributeName(viewName));\n        writer.addClass('html-object-embed__content', viewElement);\n        if (viewAttributes) {\n            setViewAttributes(writer, viewAttributes, viewElement);\n        }\n        // Widget cannot be a raw element because the widget system would not be able\n        // to add its UI to it. Thus, we need separate view container.\n        const viewContainer = writer.createContainerElement(isInline ? 'span' : 'div', {\n            class: 'html-object-embed',\n            'data-html-object-embed-label': widgetLabel\n        }, viewElement);\n        return toWidget(viewContainer, writer, {\n            label: widgetLabel\n        });\n    };\n}\n/**\n* Creates object view element from the given model element.\n*\n* @internal\n*/ function createObjectView(viewName, modelElement, writer) {\n    return writer.createRawElement(viewName, null, (domElement, domConverter)=>{\n        domConverter.setContentOf(domElement, modelElement.getAttribute('htmlContent'));\n    });\n}\n/**\n * View-to-attribute conversion helper preserving inline element attributes on `$text`.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/ function viewToAttributeInlineConverter({ view: viewName, model: attributeKey, allowEmpty }, dataFilter) {\n    return (dispatcher)=>{\n        dispatcher.on(`element:${viewName}`, (evt, data, conversionApi)=>{\n            let viewAttributes = dataFilter.processViewAttributes(data.viewItem, conversionApi);\n            // Do not apply the attribute if the element itself is already consumed and there are no view attributes to store.\n            if (!viewAttributes && !conversionApi.consumable.test(data.viewItem, {\n                name: true\n            })) {\n                return;\n            }\n            // Otherwise, we might need to convert it to an empty object just to preserve element itself,\n            // for example `<cite>` => <$text htmlCite=\"{}\">.\n            viewAttributes = viewAttributes || {};\n            // Consume the element itself if it wasn't consumed by any other converter.\n            conversionApi.consumable.consume(data.viewItem, {\n                name: true\n            });\n            // Since we are converting to attribute we need a range on which we will set the attribute.\n            // If the range is not created yet, we will create it.\n            if (!data.modelRange) {\n                data = Object.assign(data, conversionApi.convertChildren(data.viewItem, data.modelCursor));\n            }\n            // Convert empty inline element if allowed and has any attributes.\n            if (allowEmpty && data.modelRange.isCollapsed && Object.keys(viewAttributes).length) {\n                const modelElement = conversionApi.writer.createElement('htmlEmptyElement');\n                if (!conversionApi.safeInsert(modelElement, data.modelCursor)) {\n                    return;\n                }\n                const parts = conversionApi.getSplitParts(modelElement);\n                data.modelRange = conversionApi.writer.createRange(data.modelRange.start, conversionApi.writer.createPositionAfter(parts[parts.length - 1]));\n                conversionApi.updateConversionResult(modelElement, data);\n                setAttributeOnItem(modelElement, viewAttributes, conversionApi);\n                return;\n            }\n            // Set attribute on each item in range according to the schema.\n            for (const node of data.modelRange.getItems()){\n                setAttributeOnItem(node, viewAttributes, conversionApi);\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n    function setAttributeOnItem(node, viewAttributes, conversionApi) {\n        if (conversionApi.schema.checkAttribute(node, attributeKey)) {\n            // Node's children are converted recursively, so node can already include model attribute.\n            // We want to extend it, not replace.\n            const nodeAttributes = node.getAttribute(attributeKey);\n            const attributesToAdd = mergeViewElementAttributes(viewAttributes, nodeAttributes || {});\n            conversionApi.writer.setAttribute(attributeKey, attributesToAdd, node);\n        }\n    }\n}\n/**\n * Conversion helper converting an empty inline model element to an HTML element or widget.\n *\n * @internal\n */ function emptyInlineModelElementToViewConverter({ model: attributeKey, view: viewName }, asWidget) {\n    return (item, { writer, consumable })=>{\n        if (!item.hasAttribute(attributeKey)) {\n            return null;\n        }\n        const viewElement = writer.createContainerElement(viewName);\n        const attributeValue = item.getAttribute(attributeKey);\n        consumable.consume(item, `attribute:${attributeKey}`);\n        setViewAttributes(writer, attributeValue, viewElement);\n        viewElement.getFillerOffset = ()=>null;\n        return asWidget ? toWidget(viewElement, writer) : viewElement;\n    };\n}\n/**\n * Attribute-to-view conversion helper applying attributes to view element preserved on `$text`.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/ function attributeToViewInlineConverter({ priority, view: viewName }) {\n    return (attributeValue, conversionApi)=>{\n        if (!attributeValue) {\n            return;\n        }\n        const { writer } = conversionApi;\n        const viewElement = writer.createAttributeElement(viewName, null, {\n            priority\n        });\n        setViewAttributes(writer, attributeValue, viewElement);\n        return viewElement;\n    };\n}\n/**\n * View-to-model conversion helper preserving allowed attributes on block element.\n *\n * All matched attributes will be preserved on `html*Attributes` attribute.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/ function viewToModelBlockAttributeConverter({ view: viewName }, dataFilter) {\n    return (dispatcher)=>{\n        dispatcher.on(`element:${viewName}`, (evt, data, conversionApi)=>{\n            // Converting an attribute of an element that has not been converted to anything does not make sense\n            // because there will be nowhere to set that attribute on. At this stage, the element should've already\n            // been converted. A collapsed range can show up in to-do lists (<input>) or complex widgets (e.g. table).\n            // (https://github.com/ckeditor/ckeditor5/issues/11000).\n            if (!data.modelRange || data.modelRange.isCollapsed) {\n                return;\n            }\n            const viewAttributes = dataFilter.processViewAttributes(data.viewItem, conversionApi);\n            if (!viewAttributes) {\n                return;\n            }\n            conversionApi.writer.setAttribute(getHtmlAttributeName(data.viewItem.name), viewAttributes, data.modelRange);\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * Model-to-view conversion helper applying attributes preserved in `html*Attributes` attribute\n * for block elements.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/ function modelToViewBlockAttributeConverter({ view: viewName, model: modelName }) {\n    return (dispatcher)=>{\n        dispatcher.on(`attribute:${getHtmlAttributeName(viewName)}:${modelName}`, (evt, data, conversionApi)=>{\n            if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                return;\n            }\n            const { attributeOldValue, attributeNewValue } = data;\n            const viewWriter = conversionApi.writer;\n            const viewElement = conversionApi.mapper.toViewElement(data.item);\n            updateViewAttributes(viewWriter, attributeOldValue, attributeNewValue, viewElement);\n        });\n    };\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module html-support/schemadefinitions\n */ /**\n * Skipped elements due to HTML deprecation:\n * * noframes (not sure if we should provide support for this element. CKE4 is not supporting frameset and frame,\n *   but it will unpack <frameset><noframes>foobar</noframes></frameset> to <noframes>foobar</noframes>, so there\n *   may be some content loss. Although using noframes as a standalone element seems invalid)\n * * keygen (this one is also empty)\n * * applet (support is limited mostly to old IE)\n * * basefont (this one is also empty)\n * * isindex (basically no support for modern browsers at all)\n *\n * Skipped elements due to lack empty element support:\n * * hr\n * * area\n * * br\n * * command\n * * map\n * * wbr\n * * colgroup -> col\n *\n * Skipped elements due to complexity:\n * * datalist with option elements used as a data source for input[list] element\n *\n * Skipped elements as they are handled as an object content:\n * * track\n * * source\n * * option\n * * param\n * * optgroup\n *\n * Skipped full page HTML elements:\n * * body\n * * html\n * * title\n * * head\n * * meta\n * * link\n * * etc...\n *\n * Skipped hidden elements:\n * noscript\n *\n * When adding elements to this list, update the feature guide listing, too.\n *\n * @internal\n */ const defaultConfig = {\n    block: [\n        // Existing features.\n        {\n            model: 'codeBlock',\n            view: 'pre'\n        },\n        {\n            model: 'paragraph',\n            view: 'p'\n        },\n        {\n            model: 'blockQuote',\n            view: 'blockquote'\n        },\n        {\n            model: 'listItem',\n            view: 'li'\n        },\n        {\n            model: 'pageBreak',\n            view: 'div'\n        },\n        {\n            model: 'rawHtml',\n            view: 'div'\n        },\n        {\n            model: 'table',\n            view: 'table'\n        },\n        {\n            model: 'tableRow',\n            view: 'tr'\n        },\n        {\n            model: 'tableCell',\n            view: 'td'\n        },\n        {\n            model: 'tableCell',\n            view: 'th'\n        },\n        {\n            model: 'tableColumnGroup',\n            view: 'colgroup'\n        },\n        {\n            model: 'tableColumn',\n            view: 'col'\n        },\n        {\n            model: 'caption',\n            view: 'caption'\n        },\n        {\n            model: 'caption',\n            view: 'figcaption'\n        },\n        {\n            model: 'imageBlock',\n            view: 'img'\n        },\n        {\n            model: 'imageInline',\n            view: 'img'\n        },\n        {\n            model: 'horizontalLine',\n            view: 'hr'\n        },\n        // Compatibility features.\n        {\n            model: 'htmlP',\n            view: 'p',\n            modelSchema: {\n                inheritAllFrom: '$block'\n            }\n        },\n        {\n            model: 'htmlBlockquote',\n            view: 'blockquote',\n            modelSchema: {\n                inheritAllFrom: '$container'\n            }\n        },\n        {\n            model: 'htmlTable',\n            view: 'table',\n            modelSchema: {\n                allowWhere: '$block',\n                isBlock: true\n            }\n        },\n        {\n            model: 'htmlTbody',\n            view: 'tbody',\n            modelSchema: {\n                allowIn: 'htmlTable',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlThead',\n            view: 'thead',\n            modelSchema: {\n                allowIn: 'htmlTable',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlTfoot',\n            view: 'tfoot',\n            modelSchema: {\n                allowIn: 'htmlTable',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlCaption',\n            view: 'caption',\n            modelSchema: {\n                allowIn: 'htmlTable',\n                allowChildren: '$text',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlColgroup',\n            view: 'colgroup',\n            modelSchema: {\n                allowIn: 'htmlTable',\n                allowChildren: 'col',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlCol',\n            view: 'col',\n            modelSchema: {\n                allowIn: 'htmlColgroup',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlTr',\n            view: 'tr',\n            modelSchema: {\n                allowIn: [\n                    'htmlTable',\n                    'htmlThead',\n                    'htmlTbody'\n                ],\n                isLimit: true\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlTd',\n            view: 'td',\n            modelSchema: {\n                allowIn: 'htmlTr',\n                allowContentOf: '$container',\n                isLimit: true,\n                isBlock: false\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlTh',\n            view: 'th',\n            modelSchema: {\n                allowIn: 'htmlTr',\n                allowContentOf: '$container',\n                isLimit: true,\n                isBlock: false\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlFigure',\n            view: 'figure',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        // TODO can also include other block elements.\n        {\n            model: 'htmlFigcaption',\n            view: 'figcaption',\n            modelSchema: {\n                allowIn: 'htmlFigure',\n                allowChildren: '$text',\n                isBlock: false\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlAddress',\n            view: 'address',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlAside',\n            view: 'aside',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlMain',\n            view: 'main',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlDetails',\n            view: 'details',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlSummary',\n            view: 'summary',\n            modelSchema: {\n                allowChildren: [\n                    'htmlH1',\n                    'htmlH2',\n                    'htmlH3',\n                    'htmlH4',\n                    'htmlH5',\n                    'htmlH6',\n                    '$text'\n                ],\n                allowIn: 'htmlDetails',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlDiv',\n            view: 'div',\n            paragraphLikeModel: 'htmlDivParagraph',\n            modelSchema: {\n                inheritAllFrom: '$container'\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlFieldset',\n            view: 'fieldset',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        // TODO can also include h1-h6.\n        {\n            model: 'htmlLegend',\n            view: 'legend',\n            modelSchema: {\n                allowIn: 'htmlFieldset',\n                allowChildren: '$text'\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlHeader',\n            view: 'header',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlFooter',\n            view: 'footer',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlForm',\n            view: 'form',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: true\n            }\n        },\n        {\n            model: 'htmlHgroup',\n            view: 'hgroup',\n            modelSchema: {\n                allowIn: [\n                    '$root',\n                    '$container'\n                ],\n                allowChildren: [\n                    'paragraph',\n                    'htmlP',\n                    'htmlH1',\n                    'htmlH2',\n                    'htmlH3',\n                    'htmlH4',\n                    'htmlH5',\n                    'htmlH6'\n                ],\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlH1',\n            view: 'h1',\n            modelSchema: {\n                inheritAllFrom: '$block'\n            }\n        },\n        {\n            model: 'htmlH2',\n            view: 'h2',\n            modelSchema: {\n                inheritAllFrom: '$block'\n            }\n        },\n        {\n            model: 'htmlH3',\n            view: 'h3',\n            modelSchema: {\n                inheritAllFrom: '$block'\n            }\n        },\n        {\n            model: 'htmlH4',\n            view: 'h4',\n            modelSchema: {\n                inheritAllFrom: '$block'\n            }\n        },\n        {\n            model: 'htmlH5',\n            view: 'h5',\n            modelSchema: {\n                inheritAllFrom: '$block'\n            }\n        },\n        {\n            model: 'htmlH6',\n            view: 'h6',\n            modelSchema: {\n                inheritAllFrom: '$block'\n            }\n        },\n        {\n            model: '$htmlList',\n            modelSchema: {\n                allowWhere: '$container',\n                allowChildren: [\n                    '$htmlList',\n                    'htmlLi'\n                ],\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlDir',\n            view: 'dir',\n            modelSchema: {\n                inheritAllFrom: '$htmlList'\n            }\n        },\n        {\n            model: 'htmlMenu',\n            view: 'menu',\n            modelSchema: {\n                inheritAllFrom: '$htmlList'\n            }\n        },\n        {\n            model: 'htmlUl',\n            view: 'ul',\n            modelSchema: {\n                inheritAllFrom: '$htmlList'\n            }\n        },\n        {\n            model: 'htmlOl',\n            view: 'ol',\n            modelSchema: {\n                inheritAllFrom: '$htmlList'\n            }\n        },\n        // TODO can also include other block elements.\n        {\n            model: 'htmlLi',\n            view: 'li',\n            modelSchema: {\n                allowIn: '$htmlList',\n                allowChildren: '$text',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlPre',\n            view: 'pre',\n            modelSchema: {\n                inheritAllFrom: '$block'\n            }\n        },\n        {\n            model: 'htmlArticle',\n            view: 'article',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlSection',\n            view: 'section',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        // TODO can also include text.\n        {\n            model: 'htmlNav',\n            view: 'nav',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlDivDl',\n            view: 'div',\n            modelSchema: {\n                allowChildren: [\n                    'htmlDt',\n                    'htmlDd'\n                ],\n                allowIn: 'htmlDl'\n            }\n        },\n        {\n            model: 'htmlDl',\n            view: 'dl',\n            modelSchema: {\n                allowWhere: '$container',\n                allowChildren: [\n                    'htmlDt',\n                    'htmlDd',\n                    'htmlDivDl'\n                ],\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlDt',\n            view: 'dt',\n            modelSchema: {\n                allowChildren: '$block',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlDd',\n            view: 'dd',\n            modelSchema: {\n                allowChildren: '$block',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlCenter',\n            view: 'center',\n            modelSchema: {\n                inheritAllFrom: '$container',\n                isBlock: false\n            }\n        },\n        {\n            model: 'htmlHr',\n            view: 'hr',\n            isEmpty: true,\n            modelSchema: {\n                inheritAllFrom: '$blockObject'\n            }\n        }\n    ],\n    inline: [\n        // Existing features (attribute set on an existing model element).\n        {\n            model: 'htmlLiAttributes',\n            view: 'li',\n            appliesToBlock: true,\n            coupledAttribute: 'listItemId'\n        },\n        {\n            model: 'htmlOlAttributes',\n            view: 'ol',\n            appliesToBlock: true,\n            coupledAttribute: 'listItemId'\n        },\n        {\n            model: 'htmlUlAttributes',\n            view: 'ul',\n            appliesToBlock: true,\n            coupledAttribute: 'listItemId'\n        },\n        {\n            model: 'htmlFigureAttributes',\n            view: 'figure',\n            appliesToBlock: 'table'\n        },\n        {\n            model: 'htmlTheadAttributes',\n            view: 'thead',\n            appliesToBlock: 'table'\n        },\n        {\n            model: 'htmlTbodyAttributes',\n            view: 'tbody',\n            appliesToBlock: 'table'\n        },\n        {\n            model: 'htmlFigureAttributes',\n            view: 'figure',\n            appliesToBlock: 'imageBlock'\n        },\n        // Compatibility features.\n        {\n            model: 'htmlAcronym',\n            view: 'acronym',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlTt',\n            view: 'tt',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlFont',\n            view: 'font',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlTime',\n            view: 'time',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlVar',\n            view: 'var',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlBig',\n            view: 'big',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlSmall',\n            view: 'small',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlSamp',\n            view: 'samp',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlQ',\n            view: 'q',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlOutput',\n            view: 'output',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlKbd',\n            view: 'kbd',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlBdi',\n            view: 'bdi',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlBdo',\n            view: 'bdo',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlAbbr',\n            view: 'abbr',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlA',\n            view: 'a',\n            priority: 5,\n            coupledAttribute: 'linkHref',\n            attributeProperties: {\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlStrong',\n            view: 'strong',\n            coupledAttribute: 'bold',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlB',\n            view: 'b',\n            coupledAttribute: 'bold',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlI',\n            view: 'i',\n            coupledAttribute: 'italic',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlEm',\n            view: 'em',\n            coupledAttribute: 'italic',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlS',\n            view: 's',\n            coupledAttribute: 'strikethrough',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        // TODO According to HTML-spec can behave as div-like element, although CKE4 only handles it as an inline element.\n        {\n            model: 'htmlDel',\n            view: 'del',\n            coupledAttribute: 'strikethrough',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        // TODO According to HTML-spec can behave as div-like element, although CKE4 only handles it as an inline element.\n        {\n            model: 'htmlIns',\n            view: 'ins',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlU',\n            view: 'u',\n            coupledAttribute: 'underline',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlSub',\n            view: 'sub',\n            coupledAttribute: 'subscript',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlSup',\n            view: 'sup',\n            coupledAttribute: 'superscript',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlCode',\n            view: 'code',\n            coupledAttribute: 'code',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlMark',\n            view: 'mark',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlSpan',\n            view: 'span',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlCite',\n            view: 'cite',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlLabel',\n            view: 'label',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        {\n            model: 'htmlDfn',\n            view: 'dfn',\n            attributeProperties: {\n                copyOnEnter: true,\n                isFormatting: true\n            }\n        },\n        // Objects.\n        {\n            model: 'htmlObject',\n            view: 'object',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlIframe',\n            view: 'iframe',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlInput',\n            view: 'input',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlButton',\n            view: 'button',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlTextarea',\n            view: 'textarea',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlSelect',\n            view: 'select',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlVideo',\n            view: 'video',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlEmbed',\n            view: 'embed',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlOembed',\n            view: 'oembed',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlAudio',\n            view: 'audio',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlImg',\n            view: 'img',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlCanvas',\n            view: 'canvas',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        // TODO it could be probably represented as non-object element, although it has graphical representation,\n        // so probably makes more sense to keep it as an object.\n        {\n            model: 'htmlMeter',\n            view: 'meter',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        // TODO it could be probably represented as non-object element, although it has graphical representation,\n        // so probably makes more sense to keep it as an object.\n        {\n            model: 'htmlProgress',\n            view: 'progress',\n            isObject: true,\n            modelSchema: {\n                inheritAllFrom: '$inlineObject'\n            }\n        },\n        {\n            model: 'htmlScript',\n            view: 'script',\n            modelSchema: {\n                allowWhere: [\n                    '$text',\n                    '$block'\n                ],\n                isInline: true\n            }\n        },\n        {\n            model: 'htmlStyle',\n            view: 'style',\n            modelSchema: {\n                allowWhere: [\n                    '$text',\n                    '$block'\n                ],\n                isInline: true\n            }\n        },\n        {\n            model: 'htmlCustomElement',\n            view: '$customElement',\n            modelSchema: {\n                allowWhere: [\n                    '$text',\n                    '$block'\n                ],\n                allowAttributesOf: '$inlineObject',\n                isInline: true\n            }\n        }\n    ]\n};\n\n/**\n * Holds representation of the extended HTML document type definitions to be used by the\n * editor in HTML support.\n *\n * Data schema is represented by data schema definitions.\n *\n * To add new definition for block element,\n * use {@link module:html-support/dataschema~DataSchema#registerBlockElement} method:\n *\n * ```ts\n * dataSchema.registerBlockElement( {\n * \tview: 'section',\n * \tmodel: 'my-section',\n * \tmodelSchema: {\n * \t\tinheritAllFrom: '$block'\n * \t}\n * } );\n * ```\n *\n * To add new definition for inline element,\n * use {@link module:html-support/dataschema~DataSchema#registerInlineElement} method:\n *\n * ```\n * dataSchema.registerInlineElement( {\n * \tview: 'span',\n * \tmodel: 'my-span',\n * \tattributeProperties: {\n * \t\tcopyOnEnter: true\n * \t}\n * } );\n * ```\n */ class DataSchema extends Plugin {\n    /**\n\t * A map of registered data schema definitions.\n\t */ _definitions = [];\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'DataSchema';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        for (const definition of defaultConfig.block){\n            this.registerBlockElement(definition);\n        }\n        for (const definition of defaultConfig.inline){\n            this.registerInlineElement(definition);\n        }\n    }\n    /**\n\t * Add new data schema definition describing block element.\n\t */ registerBlockElement(definition) {\n        this._definitions.push({\n            ...definition,\n            isBlock: true\n        });\n    }\n    /**\n\t * Add new data schema definition describing inline element.\n\t */ registerInlineElement(definition) {\n        this._definitions.push({\n            ...definition,\n            isInline: true\n        });\n    }\n    /**\n\t * Updates schema definition describing block element with new properties.\n\t *\n\t * Creates new scheme if it doesn't exist.\n\t * Array properties are concatenated with original values.\n\t *\n\t * @param definition Definition update.\n\t */ extendBlockElement(definition) {\n        this._extendDefinition({\n            ...definition,\n            isBlock: true\n        });\n    }\n    /**\n\t * Updates schema definition describing inline element with new properties.\n\t *\n\t * Creates new scheme if it doesn't exist.\n\t * Array properties are concatenated with original values.\n\t *\n\t * @param definition Definition update.\n\t */ extendInlineElement(definition) {\n        this._extendDefinition({\n            ...definition,\n            isInline: true\n        });\n    }\n    /**\n\t * Returns all definitions matching the given view name.\n\t *\n\t * @param includeReferences Indicates if this method should also include definitions of referenced models.\n\t */ getDefinitionsForView(viewName, includeReferences = false) {\n        const definitions = new Set();\n        for (const definition of this._getMatchingViewDefinitions(viewName)){\n            if (includeReferences) {\n                for (const reference of this._getReferences(definition.model)){\n                    definitions.add(reference);\n                }\n            }\n            definitions.add(definition);\n        }\n        return definitions;\n    }\n    /**\n\t * Returns definitions matching the given model name.\n\t */ getDefinitionsForModel(modelName) {\n        return this._definitions.filter((definition)=>definition.model == modelName);\n    }\n    /**\n\t * Returns definitions matching the given view name.\n\t */ _getMatchingViewDefinitions(viewName) {\n        return this._definitions.filter((def)=>def.view && testViewName(viewName, def.view));\n    }\n    /**\n\t * Resolves all definition references registered for the given data schema definition.\n\t *\n\t * @param modelName Data schema model name.\n\t */ *_getReferences(modelName) {\n        const inheritProperties = [\n            'inheritAllFrom',\n            'inheritTypesFrom',\n            'allowWhere',\n            'allowContentOf',\n            'allowAttributesOf'\n        ];\n        const definitions = this._definitions.filter((definition)=>definition.model == modelName);\n        for (const { modelSchema } of definitions){\n            if (!modelSchema) {\n                continue;\n            }\n            for (const property of inheritProperties){\n                for (const referenceName of toArray(modelSchema[property] || [])){\n                    const definitions = this._definitions.filter((definition)=>definition.model == referenceName);\n                    for (const definition of definitions){\n                        if (referenceName !== modelName) {\n                            yield* this._getReferences(definition.model);\n                            yield definition;\n                        }\n                    }\n                }\n            }\n        }\n    }\n    /**\n\t * Updates schema definition with new properties.\n\t *\n\t * Creates new scheme if it doesn't exist.\n\t * Array properties are concatenated with original values.\n\t *\n\t * @param definition Definition update.\n\t */ _extendDefinition(definition) {\n        const currentDefinitions = Array.from(this._definitions.entries()).filter(([, currentDefinition])=>currentDefinition.model == definition.model);\n        if (currentDefinitions.length == 0) {\n            this._definitions.push(definition);\n            return;\n        }\n        for (const [idx, currentDefinition] of currentDefinitions){\n            this._definitions[idx] = mergeWith({}, currentDefinition, definition, (target, source)=>{\n                return Array.isArray(target) ? target.concat(source) : undefined;\n            });\n        }\n    }\n}\n/**\n * Test view name against the given pattern.\n */ function testViewName(pattern, viewName) {\n    if (typeof pattern === 'string') {\n        return pattern === viewName;\n    }\n    if (pattern instanceof RegExp) {\n        return pattern.test(viewName);\n    }\n    return false;\n}\n\n/**\n * Allows to validate elements and element attributes registered by {@link module:html-support/dataschema~DataSchema}.\n *\n * To enable registered element in the editor, use {@link module:html-support/datafilter~DataFilter#allowElement} method:\n *\n * ```ts\n * dataFilter.allowElement( 'section' );\n * ```\n *\n * You can also allow or disallow specific element attributes:\n *\n * ```ts\n * // Allow `data-foo` attribute on `section` element.\n * dataFilter.allowAttributes( {\n * \tname: 'section',\n * \tattributes: {\n * \t\t'data-foo': true\n * \t}\n * } );\n *\n * // Disallow `color` style attribute on 'section' element.\n * dataFilter.disallowAttributes( {\n * \tname: 'section',\n * \tstyles: {\n * \t\tcolor: /[\\s\\S]+/\n * \t}\n * } );\n * ```\n *\n * To apply the information about allowed and disallowed attributes in custom integration plugin,\n * use the {@link module:html-support/datafilter~DataFilter#processViewAttributes `processViewAttributes()`} method.\n */ class DataFilter extends Plugin {\n    /**\n\t * An instance of the {@link module:html-support/dataschema~DataSchema}.\n\t */ _dataSchema;\n    /**\n\t * {@link module:engine/view/matcher~Matcher Matcher} instance describing rules upon which\n\t * content attributes should be allowed.\n\t */ _allowedAttributes;\n    /**\n\t * {@link module:engine/view/matcher~Matcher Matcher} instance describing rules upon which\n\t * content attributes should be disallowed.\n\t */ _disallowedAttributes;\n    /**\n\t * Allowed element definitions by {@link module:html-support/datafilter~DataFilter#allowElement} method.\n\t*/ _allowedElements;\n    /**\n\t * Disallowed element names by {@link module:html-support/datafilter~DataFilter#disallowElement} method.\n\t */ _disallowedElements;\n    /**\n\t * Indicates if {@link module:engine/controller/datacontroller~DataController editor's data controller}\n\t * data has been already initialized.\n\t*/ _dataInitialized;\n    /**\n\t * Cached map of coupled attributes. Keys are the feature attributes names\n\t * and values are arrays with coupled GHS attributes names.\n\t */ _coupledAttributes;\n    constructor(editor){\n        super(editor);\n        this._dataSchema = editor.plugins.get('DataSchema');\n        this._allowedAttributes = new Matcher();\n        this._disallowedAttributes = new Matcher();\n        this._allowedElements = new Set();\n        this._disallowedElements = new Set();\n        this._dataInitialized = false;\n        this._coupledAttributes = null;\n        this._registerElementsAfterInit();\n        this._registerElementHandlers();\n        this._registerCoupledAttributesPostFixer();\n        this._registerAssociatedHtmlAttributesPostFixer();\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'DataFilter';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataSchema,\n            Widget\n        ];\n    }\n    /**\n\t * Load a configuration of one or many elements, where their attributes should be allowed.\n\t *\n\t * **Note**: Rules will be applied just before next data pipeline data init or set.\n\t *\n\t * @param config Configuration of elements that should have their attributes accepted in the editor.\n\t */ loadAllowedConfig(config) {\n        for (const pattern of config){\n            // MatcherPattern allows omitting `name` to widen the search of elements.\n            // Let's keep it consistent and match every element if a `name` has not been provided.\n            const elementName = pattern.name || /[\\s\\S]+/;\n            const rules = splitRules(pattern);\n            this.allowElement(elementName);\n            rules.forEach((pattern)=>this.allowAttributes(pattern));\n        }\n    }\n    /**\n\t * Load a configuration of one or many elements, where their attributes should be disallowed.\n\t *\n\t * **Note**: Rules will be applied just before next data pipeline data init or set.\n\t *\n\t * @param config Configuration of elements that should have their attributes rejected from the editor.\n\t */ loadDisallowedConfig(config) {\n        for (const pattern of config){\n            // MatcherPattern allows omitting `name` to widen the search of elements.\n            // Let's keep it consistent and match every element if a `name` has not been provided.\n            const elementName = pattern.name || /[\\s\\S]+/;\n            const rules = splitRules(pattern);\n            // Disallow element itself if there is no other rules.\n            if (rules.length == 0) {\n                this.disallowElement(elementName);\n            } else {\n                rules.forEach((pattern)=>this.disallowAttributes(pattern));\n            }\n        }\n    }\n    /**\n\t * Load a configuration of one or many elements, where when empty should be allowed.\n\t *\n\t * **Note**: It modifies DataSchema so must be loaded before registering filtering rules.\n\t *\n\t * @param config Configuration of elements that should be preserved even if empty.\n\t */ loadAllowedEmptyElementsConfig(config) {\n        for (const elementName of config){\n            this.allowEmptyElement(elementName);\n        }\n    }\n    /**\n\t * Allow the given element in the editor context.\n\t *\n\t * This method will only allow elements described by the {@link module:html-support/dataschema~DataSchema} used\n\t * to create data filter.\n\t *\n\t * **Note**: Rules will be applied just before next data pipeline data init or set.\n\t *\n\t * @param viewName String or regular expression matching view name.\n\t */ allowElement(viewName) {\n        for (const definition of this._dataSchema.getDefinitionsForView(viewName, true)){\n            this._addAllowedElement(definition);\n            // Reset cached map to recalculate it on the next usage.\n            this._coupledAttributes = null;\n        }\n    }\n    /**\n\t * Disallow the given element in the editor context.\n\t *\n\t * This method will only disallow elements described by the {@link module:html-support/dataschema~DataSchema} used\n\t * to create data filter.\n\t *\n\t * @param viewName String or regular expression matching view name.\n\t */ disallowElement(viewName) {\n        for (const definition of this._dataSchema.getDefinitionsForView(viewName, false)){\n            this._disallowedElements.add(definition.view);\n        }\n    }\n    /**\n\t * Allow the given empty element in the editor context.\n\t *\n\t * This method will only allow elements described by the {@link module:html-support/dataschema~DataSchema} used\n\t * to create data filter.\n\t *\n\t * **Note**: It modifies DataSchema so must be called before registering filtering rules.\n\t *\n\t * @param viewName String or regular expression matching view name.\n\t */ allowEmptyElement(viewName) {\n        for (const definition of this._dataSchema.getDefinitionsForView(viewName, true)){\n            if (definition.isInline) {\n                this._dataSchema.extendInlineElement({\n                    ...definition,\n                    allowEmpty: true\n                });\n            }\n        }\n    }\n    /**\n\t * Allow the given attributes for view element allowed by {@link #allowElement} method.\n\t *\n\t * @param config Pattern matching all attributes which should be allowed.\n\t */ allowAttributes(config) {\n        this._allowedAttributes.add(config);\n    }\n    /**\n\t * Disallow the given attributes for view element allowed by {@link #allowElement} method.\n\t *\n\t * @param config Pattern matching all attributes which should be disallowed.\n\t */ disallowAttributes(config) {\n        this._disallowedAttributes.add(config);\n    }\n    /**\n\t * Processes all allowed and disallowed attributes on the view element by consuming them and returning the allowed ones.\n\t *\n\t * This method applies the configuration set up by {@link #allowAttributes `allowAttributes()`}\n\t * and {@link #disallowAttributes `disallowAttributes()`} over the given view element by consuming relevant attributes.\n\t * It returns the allowed attributes that were found on the given view element for further processing by integration code.\n\t *\n\t * ```ts\n\t * dispatcher.on( 'element:myElement', ( evt, data, conversionApi ) => {\n\t * \t// Get rid of disallowed and extract all allowed attributes from a viewElement.\n\t * \tconst viewAttributes = dataFilter.processViewAttributes( data.viewItem, conversionApi );\n\t * \t// Do something with them, i.e. store inside a model as a dictionary.\n\t * \tif ( viewAttributes ) {\n\t * \t\tconversionApi.writer.setAttribute( 'htmlAttributesOfMyElement', viewAttributes, data.modelRange );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * @see module:engine/conversion/viewconsumable~ViewConsumable#consume\n\t *\n\t * @returns Object with following properties:\n\t * - attributes Set with matched attribute names.\n\t * - styles Set with matched style names.\n\t * - classes Set with matched class names.\n\t */ processViewAttributes(viewElement, conversionApi) {\n        const { consumable } = conversionApi;\n        // Make sure that the disabled attributes are handled before the allowed attributes are called.\n        // For example, for block images the <figure> converter triggers conversion for <img> first and then for other elements, i.e. <a>.\n        matchAndConsumeAttributes(viewElement, this._disallowedAttributes, consumable);\n        return prepareGHSAttribute(viewElement, matchAndConsumeAttributes(viewElement, this._allowedAttributes, consumable));\n    }\n    /**\n\t * Adds allowed element definition and fires registration event.\n\t */ _addAllowedElement(definition) {\n        if (this._allowedElements.has(definition)) {\n            return;\n        }\n        this._allowedElements.add(definition);\n        // For attribute based integrations (table figure, document lists, etc.) register related element definitions.\n        if ('appliesToBlock' in definition && typeof definition.appliesToBlock == 'string') {\n            for (const relatedDefinition of this._dataSchema.getDefinitionsForModel(definition.appliesToBlock)){\n                if (relatedDefinition.isBlock) {\n                    this._addAllowedElement(relatedDefinition);\n                }\n            }\n        }\n        // We need to wait for all features to be initialized before we can register\n        // element, so we can access existing features model schemas.\n        // If the data has not been initialized yet, _registerElementsAfterInit() method will take care of\n        // registering elements.\n        if (this._dataInitialized) {\n            // Defer registration to the next data pipeline data set so any disallow rules could be applied\n            // even if added after allow rule (disallowElement).\n            this.editor.data.once('set', ()=>{\n                this._fireRegisterEvent(definition);\n            }, {\n                // With the highest priority listener we are able to register elements right before\n                // running data conversion.\n                priority: priorities.highest + 1\n            });\n        }\n    }\n    /**\n\t * Registers elements allowed by {@link module:html-support/datafilter~DataFilter#allowElement} method\n\t * once {@link module:engine/controller/datacontroller~DataController editor's data controller} is initialized.\n\t*/ _registerElementsAfterInit() {\n        this.editor.data.on('init', ()=>{\n            this._dataInitialized = true;\n            for (const definition of this._allowedElements){\n                this._fireRegisterEvent(definition);\n            }\n        }, {\n            // With highest priority listener we are able to register elements right before\n            // running data conversion. Also:\n            // * Make sure that priority is higher than the one used by `RealTimeCollaborationClient`,\n            // as RTC is stopping event propagation.\n            // * Make sure no other features hook into this event before GHS because otherwise the\n            // downcast conversion (for these features) could run before GHS registered its converters\n            // (https://github.com/ckeditor/ckeditor5/issues/11356).\n            priority: priorities.highest + 1\n        });\n    }\n    /**\n\t * Registers default element handlers.\n\t */ _registerElementHandlers() {\n        this.on('register', (evt, definition)=>{\n            const schema = this.editor.model.schema;\n            // Object element should be only registered for new features.\n            // If the model schema is already registered, it should be handled by\n            // #_registerBlockElement() or #_registerObjectElement() attribute handlers.\n            if (definition.isObject && !schema.isRegistered(definition.model)) {\n                this._registerObjectElement(definition);\n            } else if (definition.isBlock) {\n                this._registerBlockElement(definition);\n            } else if (definition.isInline) {\n                this._registerInlineElement(definition);\n            } else {\n                /**\n\t\t\t\t * The definition cannot be handled by the data filter.\n\t\t\t\t *\n\t\t\t\t * Make sure that the registered definition is correct.\n\t\t\t\t *\n\t\t\t\t * @error data-filter-invalid-definition\n\t\t\t\t */ throw new CKEditorError('data-filter-invalid-definition', null, definition);\n            }\n            evt.stop();\n        }, {\n            priority: 'lowest'\n        });\n    }\n    /**\n\t * Registers a model post-fixer that is removing coupled GHS attributes of inline elements. Those attributes\n\t * are removed if a coupled feature attribute is removed.\n\t *\n\t * For example, consider following HTML:\n\t *\n\t * ```html\n\t * <a href=\"foo.html\" id=\"myId\">bar</a>\n\t * ```\n\t *\n\t * Which would be upcasted to following text node in the model:\n\t *\n\t * ```html\n\t * <$text linkHref=\"foo.html\" htmlA=\"{ attributes: { id: 'myId' } }\">bar</$text>\n\t * ```\n\t *\n\t * When the user removes the link from that text (using UI), only `linkHref` attribute would be removed:\n\t *\n\t * ```html\n\t * <$text htmlA=\"{ attributes: { id: 'myId' } }\">bar</$text>\n\t * ```\n\t *\n\t * The `htmlA` attribute would stay in the model and would cause GHS to generate an `<a>` element.\n\t * This is incorrect from UX point of view, as the user wanted to remove the whole link (not only `href`).\n\t */ _registerCoupledAttributesPostFixer() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        model.document.registerPostFixer((writer)=>{\n            const changes = model.document.differ.getChanges();\n            let changed = false;\n            const coupledAttributes = this._getCoupledAttributesMap();\n            for (const change of changes){\n                // Handle only attribute removals.\n                if (change.type != 'attribute' || change.attributeNewValue !== null) {\n                    continue;\n                }\n                // Find a list of coupled GHS attributes.\n                const attributeKeys = coupledAttributes.get(change.attributeKey);\n                if (!attributeKeys) {\n                    continue;\n                }\n                // Remove the coupled GHS attributes on the same range as the feature attribute was removed.\n                for (const { item } of change.range.getWalker()){\n                    for (const attributeKey of attributeKeys){\n                        if (item.hasAttribute(attributeKey)) {\n                            writer.removeAttribute(attributeKey, item);\n                            changed = true;\n                        }\n                    }\n                }\n            }\n            return changed;\n        });\n        this.listenTo(selection, 'change:attribute', (evt, { attributeKeys })=>{\n            const removeAttributes = new Set();\n            const coupledAttributes = this._getCoupledAttributesMap();\n            for (const attributeKey of attributeKeys){\n                // Handle only attribute removals.\n                if (selection.hasAttribute(attributeKey)) {\n                    continue;\n                }\n                // Find a list of coupled GHS attributes.\n                const coupledAttributeKeys = coupledAttributes.get(attributeKey);\n                if (!coupledAttributeKeys) {\n                    continue;\n                }\n                for (const coupledAttributeKey of coupledAttributeKeys){\n                    if (selection.hasAttribute(coupledAttributeKey)) {\n                        removeAttributes.add(coupledAttributeKey);\n                    }\n                }\n            }\n            if (removeAttributes.size == 0) {\n                return;\n            }\n            model.change((writer)=>{\n                for (const attributeKey of removeAttributes){\n                    writer.removeSelectionAttribute(attributeKey);\n                }\n            });\n        });\n    }\n    /**\n\t * Removes `html*Attributes` attributes from incompatible elements.\n\t *\n\t * For example, consider the following HTML:\n\t *\n\t * ```html\n\t * <heading2 htmlH2Attributes=\"...\">foobar[]</heading2>\n\t * ```\n\t *\n\t * Pressing `enter` creates a new `paragraph` element that inherits\n\t * the `htmlH2Attributes` attribute from `heading2`.\n\t *\n\t * ```html\n\t * <heading2 htmlH2Attributes=\"...\">foobar</heading2>\n\t * <paragraph htmlH2Attributes=\"...\">[]</paragraph>\n\t * ```\n\t *\n\t * This postfixer ensures that this doesn't happen, and that elements can\n\t * only have `html*Attributes` associated with them,\n\t * e.g.: `htmlPAttributes` for `<p>`, `htmlDivAttributes` for `<div>`, etc.\n\t *\n\t * With it enabled, pressing `enter` at the end of `<heading2>` will create\n\t * a new paragraph without the `htmlH2Attributes` attribute.\n\t *\n\t * ```html\n\t * <heading2 htmlH2Attributes=\"...\">foobar</heading2>\n\t * <paragraph>[]</paragraph>\n\t * ```\n\t */ _registerAssociatedHtmlAttributesPostFixer() {\n        const model = this.editor.model;\n        model.document.registerPostFixer((writer)=>{\n            const changes = model.document.differ.getChanges();\n            let changed = false;\n            for (const change of changes){\n                if (change.type !== 'insert' || change.name === '$text') {\n                    continue;\n                }\n                for (const attr of change.attributes.keys()){\n                    if (!attr.startsWith('html') || !attr.endsWith('Attributes')) {\n                        continue;\n                    }\n                    if (!model.schema.checkAttribute(change.name, attr)) {\n                        writer.removeAttribute(attr, change.position.nodeAfter);\n                        changed = true;\n                    }\n                }\n            }\n            return changed;\n        });\n    }\n    /**\n\t * Collects the map of coupled attributes. The returned map is keyed by the feature attribute name\n\t * and coupled GHS attribute names are stored in the value array.\n\t */ _getCoupledAttributesMap() {\n        if (this._coupledAttributes) {\n            return this._coupledAttributes;\n        }\n        this._coupledAttributes = new Map();\n        for (const definition of this._allowedElements){\n            if (definition.coupledAttribute && definition.model) {\n                const attributeNames = this._coupledAttributes.get(definition.coupledAttribute);\n                if (attributeNames) {\n                    attributeNames.push(definition.model);\n                } else {\n                    this._coupledAttributes.set(definition.coupledAttribute, [\n                        definition.model\n                    ]);\n                }\n            }\n        }\n        return this._coupledAttributes;\n    }\n    /**\n\t * Fires `register` event for the given element definition.\n\t */ _fireRegisterEvent(definition) {\n        if (definition.view && this._disallowedElements.has(definition.view)) {\n            return;\n        }\n        this.fire(definition.view ? `register:${definition.view}` : 'register', definition);\n    }\n    /**\n\t * Registers object element and attribute converters for the given data schema definition.\n\t */ _registerObjectElement(definition) {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        const { view: viewName, model: modelName } = definition;\n        schema.register(modelName, definition.modelSchema);\n        /* istanbul ignore next: paranoid check -- @preserve */ if (!viewName) {\n            return;\n        }\n        schema.extend(definition.model, {\n            allowAttributes: [\n                getHtmlAttributeName(viewName),\n                'htmlContent'\n            ]\n        });\n        // Store element content in special `$rawContent` custom property to\n        // avoid editor's data filtering mechanism.\n        editor.data.registerRawContentMatcher({\n            name: viewName\n        });\n        conversion.for('upcast').elementToElement({\n            view: viewName,\n            model: viewToModelObjectConverter(definition),\n            // With a `low` priority, `paragraph` plugin auto-paragraphing mechanism is executed. Make sure\n            // this listener is called before it. If not, some elements will be transformed into a paragraph.\n            // `+ 2` is used to take priority over `_addDefaultH1Conversion` in the Heading plugin.\n            converterPriority: priorities.low + 2\n        });\n        conversion.for('upcast').add(viewToModelBlockAttributeConverter(definition, this));\n        conversion.for('editingDowncast').elementToStructure({\n            model: {\n                name: modelName,\n                attributes: [\n                    getHtmlAttributeName(viewName)\n                ]\n            },\n            view: toObjectWidgetConverter(editor, definition)\n        });\n        conversion.for('dataDowncast').elementToElement({\n            model: modelName,\n            view: (modelElement, { writer })=>{\n                return createObjectView(viewName, modelElement, writer);\n            }\n        });\n        conversion.for('dataDowncast').add(modelToViewBlockAttributeConverter(definition));\n    }\n    /**\n\t * Registers block element and attribute converters for the given data schema definition.\n\t */ _registerBlockElement(definition) {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        const { view: viewName, model: modelName } = definition;\n        if (!schema.isRegistered(definition.model)) {\n            // Do not register converters and empty schema for editor existing feature\n            // as empty schema won't allow element anywhere in the model.\n            if (!definition.modelSchema) {\n                return;\n            }\n            schema.register(definition.model, definition.modelSchema);\n            if (!viewName) {\n                return;\n            }\n            conversion.for('upcast').elementToElement({\n                model: modelName,\n                view: viewName,\n                // With a `low` priority, `paragraph` plugin auto-paragraphing mechanism is executed. Make sure\n                // this listener is called before it. If not, some elements will be transformed into a paragraph.\n                // `+ 2` is used to take priority over `_addDefaultH1Conversion` in the Heading plugin.\n                converterPriority: priorities.low + 2\n            });\n            conversion.for('downcast').elementToElement({\n                model: modelName,\n                view: (modelElement, { writer })=>definition.isEmpty ? writer.createEmptyElement(viewName) : writer.createContainerElement(viewName)\n            });\n        }\n        if (!viewName) {\n            return;\n        }\n        schema.extend(definition.model, {\n            allowAttributes: getHtmlAttributeName(viewName)\n        });\n        conversion.for('upcast').add(viewToModelBlockAttributeConverter(definition, this));\n        conversion.for('downcast').add(modelToViewBlockAttributeConverter(definition));\n    }\n    /**\n\t * Registers inline element and attribute converters for the given data schema definition.\n\t *\n\t * Extends `$text` model schema to allow the given definition model attribute and its properties.\n\t */ _registerInlineElement(definition) {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        const attributeKey = definition.model;\n        // This element is stored in the model as an attribute on a block element, for example Lists.\n        if (definition.appliesToBlock) {\n            return;\n        }\n        schema.extend('$text', {\n            allowAttributes: attributeKey\n        });\n        if (definition.attributeProperties) {\n            schema.setAttributeProperties(attributeKey, definition.attributeProperties);\n        }\n        conversion.for('upcast').add(viewToAttributeInlineConverter(definition, this));\n        conversion.for('downcast').attributeToElement({\n            model: attributeKey,\n            view: attributeToViewInlineConverter(definition)\n        });\n        if (!definition.allowEmpty) {\n            return;\n        }\n        schema.setAttributeProperties(attributeKey, {\n            copyFromObject: false\n        });\n        if (!schema.isRegistered('htmlEmptyElement')) {\n            schema.register('htmlEmptyElement', {\n                inheritAllFrom: '$inlineObject'\n            });\n            // Helper function to check if an element has any HTML attributes.\n            const hasHtmlAttributes = (element)=>Array.from(element.getAttributeKeys()).some((key)=>key.startsWith('html'));\n            // Register a post-fixer that removes htmlEmptyElement when its htmlXX attribute is removed.\n            // See: https://github.com/ckeditor/ckeditor5/issues/18089\n            editor.model.document.registerPostFixer((writer)=>{\n                const changes = editor.model.document.differ.getChanges();\n                const elementsToRemove = new Set();\n                for (const change of changes){\n                    if (change.type === 'remove') {\n                        continue;\n                    }\n                    // Look for removal of html* attributes.\n                    if (change.type === 'attribute' && change.attributeNewValue === null) {\n                        // Find htmlEmptyElement instances in the range that lost their html attribute.\n                        for (const { item } of change.range){\n                            if (item.is('element', 'htmlEmptyElement') && !hasHtmlAttributes(item)) {\n                                elementsToRemove.add(item);\n                            }\n                        }\n                    }\n                    // Look for insertion of htmlEmptyElement.\n                    if (change.type === 'insert' && change.position.nodeAfter) {\n                        const insertedElement = change.position.nodeAfter;\n                        for (const { item } of writer.createRangeOn(insertedElement)){\n                            if (item.is('element', 'htmlEmptyElement') && !hasHtmlAttributes(item)) {\n                                elementsToRemove.add(item);\n                            }\n                        }\n                    }\n                }\n                for (const element of elementsToRemove){\n                    writer.remove(element);\n                }\n                return elementsToRemove.size > 0;\n            });\n        }\n        editor.data.htmlProcessor.domConverter.registerInlineObjectMatcher((element)=>{\n            // Element must be empty and have any attribute.\n            if (element.name == definition.view && element.isEmpty && Array.from(element.getAttributeKeys()).length) {\n                return {\n                    name: true\n                };\n            }\n            return null;\n        });\n        conversion.for('editingDowncast').elementToElement({\n            model: 'htmlEmptyElement',\n            view: emptyInlineModelElementToViewConverter(definition, true)\n        });\n        conversion.for('dataDowncast').elementToElement({\n            model: 'htmlEmptyElement',\n            view: emptyInlineModelElementToViewConverter(definition)\n        });\n    }\n}\n/**\n * Matches and consumes matched attributes.\n *\n * @returns Object with following properties:\n * - attributes Array with matched attribute names.\n * - classes Array with matched class names.\n * - styles Array with matched style names.\n */ function matchAndConsumeAttributes(viewElement, matcher, consumable) {\n    const matches = matcher.matchAll(viewElement) || [];\n    const stylesProcessor = viewElement.document.stylesProcessor;\n    return matches.reduce((result, { match })=>{\n        for (const [key, token] of match.attributes || []){\n            // Verify and consume styles.\n            if (key == 'style') {\n                const style = token;\n                // Check longer forms of the same style as those could be matched\n                // but not present in the element directly.\n                // Consider only longhand (or longer than current notation) so that\n                // we do not include all sides of the box if only one side is allowed.\n                const sortedRelatedStyles = stylesProcessor.getRelatedStyles(style).filter((relatedStyle)=>relatedStyle.split('-').length > style.split('-').length).sort((a, b)=>b.split('-').length - a.split('-').length);\n                for (const relatedStyle of sortedRelatedStyles){\n                    if (consumable.consume(viewElement, {\n                        styles: [\n                            relatedStyle\n                        ]\n                    })) {\n                        result.styles.push(relatedStyle);\n                    }\n                }\n                // Verify and consume style as specified in the matcher.\n                if (consumable.consume(viewElement, {\n                    styles: [\n                        style\n                    ]\n                })) {\n                    result.styles.push(style);\n                }\n            } else if (key == 'class') {\n                const className = token;\n                if (consumable.consume(viewElement, {\n                    classes: [\n                        className\n                    ]\n                })) {\n                    result.classes.push(className);\n                }\n            } else {\n                // Verify and consume other attributes.\n                if (consumable.consume(viewElement, {\n                    attributes: [\n                        key\n                    ]\n                })) {\n                    result.attributes.push(key);\n                }\n            }\n        }\n        return result;\n    }, {\n        attributes: [],\n        classes: [],\n        styles: []\n    });\n}\n/**\n * Prepares the GHS attribute value as an object with element attributes' values.\n */ function prepareGHSAttribute(viewElement, { attributes, classes, styles }) {\n    if (!attributes.length && !classes.length && !styles.length) {\n        return null;\n    }\n    return {\n        ...attributes.length && {\n            attributes: getAttributes(viewElement, attributes)\n        },\n        ...styles.length && {\n            styles: getReducedStyles(viewElement, styles)\n        },\n        ...classes.length && {\n            classes\n        }\n    };\n}\n/**\n * Returns attributes as an object with names and values.\n */ function getAttributes(viewElement, attributes) {\n    const attributesObject = {};\n    for (const key of attributes){\n        const value = viewElement.getAttribute(key);\n        if (value !== undefined && isValidAttributeName(key)) {\n            attributesObject[key] = value;\n        }\n    }\n    return attributesObject;\n}\n/**\n * Returns styles as an object reduced to shorthand notation without redundant entries.\n */ function getReducedStyles(viewElement, styles) {\n    // Use StyleMap to reduce style value to the minimal form (without shorthand and long-hand notation and duplication).\n    const stylesMap = new StylesMap(viewElement.document.stylesProcessor);\n    for (const key of styles){\n        const styleValue = viewElement.getStyle(key);\n        if (styleValue !== undefined) {\n            stylesMap.set(key, styleValue);\n        }\n    }\n    return Object.fromEntries(stylesMap.getStylesEntries());\n}\n/**\n * Matcher by default has to match **all** patterns to count it as an actual match. Splitting the pattern\n * into separate patterns means that any matched pattern will be count as a match.\n *\n * @param pattern Pattern to split.\n * @param attributeName Name of the attribute to split (e.g. 'attributes', 'classes', 'styles').\n */ function splitPattern(pattern, attributeName) {\n    const { name } = pattern;\n    const attributeValue = pattern[attributeName];\n    if (isPlainObject(attributeValue)) {\n        return Object.entries(attributeValue).map(([key, value])=>({\n                name,\n                [attributeName]: {\n                    [key]: value\n                }\n            }));\n    }\n    if (Array.isArray(attributeValue)) {\n        return attributeValue.map((value)=>({\n                name,\n                [attributeName]: [\n                    value\n                ]\n            }));\n    }\n    return [\n        pattern\n    ];\n}\n/**\n * Rules are matched in conjunction (AND operation), but we want to have a match if *any* of the rules is matched (OR operation).\n * By splitting the rules we force the latter effect.\n */ function splitRules(rules) {\n    const { name, attributes, classes, styles } = rules;\n    const splitRules = [];\n    if (attributes) {\n        splitRules.push(...splitPattern({\n            name,\n            attributes\n        }, 'attributes'));\n    }\n    if (classes) {\n        splitRules.push(...splitPattern({\n            name,\n            classes\n        }, 'classes'));\n    }\n    if (styles) {\n        splitRules.push(...splitPattern({\n            name,\n            styles\n        }, 'styles'));\n    }\n    return splitRules;\n}\n\n/**\n * Provides the General HTML Support integration with {@link module:code-block/codeblock~CodeBlock Code Block} feature.\n */ class CodeBlockElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CodeBlockElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        if (!this.editor.plugins.has('CodeBlockEditing')) {\n            return;\n        }\n        const dataFilter = this.editor.plugins.get(DataFilter);\n        dataFilter.on('register:pre', (evt, definition)=>{\n            if (definition.model !== 'codeBlock') {\n                return;\n            }\n            const editor = this.editor;\n            const schema = editor.model.schema;\n            const conversion = editor.conversion;\n            // Extend codeBlock to allow attributes required by attribute filtration.\n            schema.extend('codeBlock', {\n                allowAttributes: [\n                    'htmlPreAttributes',\n                    'htmlContentAttributes'\n                ]\n            });\n            conversion.for('upcast').add(viewToModelCodeBlockAttributeConverter(dataFilter));\n            conversion.for('downcast').add(modelToViewCodeBlockAttributeConverter());\n            evt.stop();\n        });\n    }\n}\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:code-block/codeblock~CodeBlock Code Block}\n * feature model element.\n *\n * Attributes are preserved as a value of `html*Attributes` model attribute.\n * @param dataFilter\n * @returns Returns a conversion callback.\n */ function viewToModelCodeBlockAttributeConverter(dataFilter) {\n    return (dispatcher)=>{\n        dispatcher.on('element:code', (evt, data, conversionApi)=>{\n            const viewCodeElement = data.viewItem;\n            const viewPreElement = viewCodeElement.parent;\n            if (!viewPreElement || !viewPreElement.is('element', 'pre')) {\n                return;\n            }\n            preserveElementAttributes(viewPreElement, 'htmlPreAttributes');\n            preserveElementAttributes(viewCodeElement, 'htmlContentAttributes');\n            function preserveElementAttributes(viewElement, attributeName) {\n                const viewAttributes = dataFilter.processViewAttributes(viewElement, conversionApi);\n                if (viewAttributes) {\n                    conversionApi.writer.setAttribute(attributeName, viewAttributes, data.modelRange);\n                }\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * Model-to-view conversion helper applying attributes from {@link module:code-block/codeblock~CodeBlock Code Block}\n * feature model element.\n * @returns Returns a conversion callback.\n */ function modelToViewCodeBlockAttributeConverter() {\n    return (dispatcher)=>{\n        dispatcher.on('attribute:htmlPreAttributes:codeBlock', (evt, data, conversionApi)=>{\n            if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                return;\n            }\n            const { attributeOldValue, attributeNewValue } = data;\n            const viewCodeElement = conversionApi.mapper.toViewElement(data.item);\n            const viewPreElement = viewCodeElement.parent;\n            updateViewAttributes(conversionApi.writer, attributeOldValue, attributeNewValue, viewPreElement);\n        });\n        dispatcher.on('attribute:htmlContentAttributes:codeBlock', (evt, data, conversionApi)=>{\n            if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                return;\n            }\n            const { attributeOldValue, attributeNewValue } = data;\n            const viewCodeElement = conversionApi.mapper.toViewElement(data.item);\n            updateViewAttributes(conversionApi.writer, attributeOldValue, attributeNewValue, viewCodeElement);\n        });\n    };\n}\n\n/**\n * Provides the General HTML Support integration for elements which can behave like sectioning element (e.g. article) or\n * element accepting only inline content (e.g. paragraph).\n *\n * The distinction between this two content models is important for choosing correct schema model and proper content conversion.\n * As an example, it ensures that:\n *\n * * children elements paragraphing is enabled for sectioning elements only,\n * * element and its content can be correctly handled by editing view (splitting and merging elements),\n * * model element HTML is semantically correct and easier to work with.\n *\n * If element contains any block element, it will be treated as a sectioning element and registered using\n * {@link module:html-support/dataschema~HtmlSupportDataSchemaDefinition#model} and\n * {@link module:html-support/dataschema~HtmlSupportDataSchemaDefinition#modelSchema} in editor schema.\n * Otherwise, it will be registered under\n * {@link module:html-support/dataschema~HtmlSupportDataSchemaBlockElementDefinition#paragraphLikeModel} model\n * name with model schema accepting only inline content (inheriting from `$block`).\n */ class DualContentModelElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'DualContentModelElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const dataFilter = this.editor.plugins.get(DataFilter);\n        dataFilter.on('register', (evt, definition)=>{\n            const blockDefinition = definition;\n            const editor = this.editor;\n            const schema = editor.model.schema;\n            const conversion = editor.conversion;\n            if (!blockDefinition.paragraphLikeModel) {\n                return;\n            }\n            // Can only apply to newly registered features.\n            if (schema.isRegistered(blockDefinition.model) || schema.isRegistered(blockDefinition.paragraphLikeModel)) {\n                return;\n            }\n            const paragraphLikeModelDefinition = {\n                model: blockDefinition.paragraphLikeModel,\n                view: blockDefinition.view\n            };\n            schema.register(blockDefinition.model, blockDefinition.modelSchema);\n            schema.register(paragraphLikeModelDefinition.model, {\n                inheritAllFrom: '$block'\n            });\n            conversion.for('upcast').elementToElement({\n                view: blockDefinition.view,\n                model: (viewElement, { writer })=>{\n                    if (this._hasBlockContent(viewElement)) {\n                        return writer.createElement(blockDefinition.model);\n                    }\n                    return writer.createElement(paragraphLikeModelDefinition.model);\n                },\n                // With a `low` priority, `paragraph` plugin auto-paragraphing mechanism is executed. Make sure\n                // this listener is called before it. If not, some elements will be transformed into a paragraph.\n                converterPriority: priorities.low + 0.5\n            });\n            conversion.for('downcast').elementToElement({\n                view: blockDefinition.view,\n                model: blockDefinition.model\n            });\n            this._addAttributeConversion(blockDefinition);\n            conversion.for('downcast').elementToElement({\n                view: paragraphLikeModelDefinition.view,\n                model: paragraphLikeModelDefinition.model\n            });\n            this._addAttributeConversion(paragraphLikeModelDefinition);\n            evt.stop();\n        });\n    }\n    /**\n\t * Checks whether the given view element includes any other block element.\n\t */ _hasBlockContent(viewElement) {\n        const view = this.editor.editing.view;\n        const blockElements = view.domConverter.blockElements;\n        // Traversing the viewElement subtree looking for block elements.\n        // Especially for the cases like <div><a href=\"#\"><p>foo</p></a></div>.\n        // https://github.com/ckeditor/ckeditor5/issues/11513\n        for (const viewItem of view.createRangeIn(viewElement).getItems()){\n            if (viewItem.is('element') && blockElements.includes(viewItem.name)) {\n                return true;\n            }\n        }\n        return false;\n    }\n    /**\n\t * Adds attribute filtering conversion for the given data schema.\n\t */ _addAttributeConversion(definition) {\n        const editor = this.editor;\n        const conversion = editor.conversion;\n        const dataFilter = editor.plugins.get(DataFilter);\n        editor.model.schema.extend(definition.model, {\n            allowAttributes: getHtmlAttributeName(definition.view)\n        });\n        conversion.for('upcast').add(viewToModelBlockAttributeConverter(definition, dataFilter));\n        conversion.for('downcast').add(modelToViewBlockAttributeConverter(definition));\n    }\n}\n\n/**\n * Provides the General HTML Support integration with {@link module:heading/heading~Heading Heading} feature.\n */ class HeadingElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataSchema,\n            Enter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HeadingElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!editor.plugins.has('HeadingEditing')) {\n            return;\n        }\n        const options = editor.config.get('heading.options');\n        this.registerHeadingElements(editor, options);\n    }\n    /**\n\t * Registers all elements supported by HeadingEditing to enable custom attributes for those elements.\n\t */ registerHeadingElements(editor, options) {\n        const dataSchema = editor.plugins.get(DataSchema);\n        const headerModels = [];\n        for (const option of options){\n            if ('model' in option && 'view' in option) {\n                dataSchema.registerBlockElement({\n                    view: option.view,\n                    model: option.model\n                });\n                headerModels.push(option.model);\n            }\n        }\n        dataSchema.extendBlockElement({\n            model: 'htmlHgroup',\n            modelSchema: {\n                allowChildren: headerModels\n            }\n        });\n        dataSchema.extendBlockElement({\n            model: 'htmlSummary',\n            modelSchema: {\n                allowChildren: headerModels\n            }\n        });\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module html-support/integrations/integrationutils\n */ /**\n * Returns the first view element descendant matching the given view name.\n * Includes view element itself.\n *\n * @internal\n */ function getDescendantElement(writer, containerElement, elementName) {\n    const range = writer.createRangeOn(containerElement);\n    for (const { item } of range.getWalker()){\n        if (item.is('element', elementName)) {\n            return item;\n        }\n    }\n}\n\n/**\n * Provides the General HTML Support integration with the {@link module:image/image~Image Image} feature.\n */ class ImageElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // At least one image plugin should be loaded for the integration to work properly.\n        if (!editor.plugins.has('ImageInlineEditing') && !editor.plugins.has('ImageBlockEditing')) {\n            return;\n        }\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        const dataFilter = editor.plugins.get(DataFilter);\n        dataFilter.on('register:figure', ()=>{\n            conversion.for('upcast').add(viewToModelFigureAttributeConverter$1(dataFilter));\n        });\n        dataFilter.on('register:img', (evt, definition)=>{\n            if (definition.model !== 'imageBlock' && definition.model !== 'imageInline') {\n                return;\n            }\n            if (schema.isRegistered('imageBlock')) {\n                schema.extend('imageBlock', {\n                    allowAttributes: [\n                        'htmlImgAttributes',\n                        // Figure and Link don't have model counterpart.\n                        // We will preserve attributes on image model element using these attribute keys.\n                        'htmlFigureAttributes',\n                        'htmlLinkAttributes'\n                    ]\n                });\n            }\n            if (schema.isRegistered('imageInline')) {\n                schema.extend('imageInline', {\n                    allowAttributes: [\n                        // `htmlA` is needed for standard GHS link integration.\n                        'htmlA',\n                        'htmlImgAttributes'\n                    ]\n                });\n            }\n            conversion.for('upcast').add(viewToModelImageAttributeConverter(dataFilter));\n            conversion.for('downcast').add(modelToViewImageAttributeConverter());\n            if (editor.plugins.has('LinkImage')) {\n                conversion.for('upcast').add(viewToModelLinkImageAttributeConverter(dataFilter, editor));\n            }\n            evt.stop();\n        });\n    }\n}\n/**\n * View-to-model conversion helper preserving allowed attributes on the {@link module:image/image~Image Image}\n * feature model element.\n *\n * @returns Returns a conversion callback.\n */ function viewToModelImageAttributeConverter(dataFilter) {\n    return (dispatcher)=>{\n        dispatcher.on('element:img', (evt, data, conversionApi)=>{\n            if (!data.modelRange) {\n                return;\n            }\n            const viewImageElement = data.viewItem;\n            const viewAttributes = dataFilter.processViewAttributes(viewImageElement, conversionApi);\n            if (viewAttributes) {\n                conversionApi.writer.setAttribute('htmlImgAttributes', viewAttributes, data.modelRange);\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:image/image~Image Image}\n * feature model element from link view element.\n *\n * @returns Returns a conversion callback.\n */ function viewToModelLinkImageAttributeConverter(dataFilter, editor) {\n    const imageUtils = editor.plugins.get('ImageUtils');\n    return (dispatcher)=>{\n        dispatcher.on('element:a', (evt, data, conversionApi)=>{\n            const viewLink = data.viewItem;\n            const viewImage = imageUtils.findViewImgElement(viewLink);\n            if (!viewImage) {\n                return;\n            }\n            const modelImage = data.modelCursor.parent;\n            if (!modelImage.is('element', 'imageBlock')) {\n                return;\n            }\n            const viewAttributes = dataFilter.processViewAttributes(viewLink, conversionApi);\n            if (viewAttributes) {\n                conversionApi.writer.setAttribute('htmlLinkAttributes', viewAttributes, modelImage);\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:image/image~Image Image}\n * feature model element from figure view element.\n *\n * @returns Returns a conversion callback.\n */ function viewToModelFigureAttributeConverter$1(dataFilter) {\n    return (dispatcher)=>{\n        dispatcher.on('element:figure', (evt, data, conversionApi)=>{\n            const viewFigureElement = data.viewItem;\n            if (!data.modelRange || !viewFigureElement.hasClass('image')) {\n                return;\n            }\n            const viewAttributes = dataFilter.processViewAttributes(viewFigureElement, conversionApi);\n            if (viewAttributes) {\n                conversionApi.writer.setAttribute('htmlFigureAttributes', viewAttributes, data.modelRange);\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * A model-to-view conversion helper applying attributes from the {@link module:image/image~Image Image}\n * feature.\n * @returns Returns a conversion callback.\n */ function modelToViewImageAttributeConverter() {\n    return (dispatcher)=>{\n        addInlineAttributeConversion('htmlImgAttributes');\n        addBlockAttributeConversion('img', 'htmlImgAttributes');\n        addBlockAttributeConversion('figure', 'htmlFigureAttributes');\n        addBlockAttributeConversion('a', 'htmlLinkAttributes');\n        function addInlineAttributeConversion(attributeName) {\n            dispatcher.on(`attribute:${attributeName}:imageInline`, (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                    return;\n                }\n                const { attributeOldValue, attributeNewValue } = data;\n                const viewElement = conversionApi.mapper.toViewElement(data.item);\n                updateViewAttributes(conversionApi.writer, attributeOldValue, attributeNewValue, viewElement);\n            }, {\n                priority: 'low'\n            });\n        }\n        function addBlockAttributeConversion(elementName, attributeName) {\n            dispatcher.on(`attribute:${attributeName}:imageBlock`, (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.test(data.item, evt.name)) {\n                    return;\n                }\n                const { attributeOldValue, attributeNewValue } = data;\n                const containerElement = conversionApi.mapper.toViewElement(data.item);\n                const viewElement = getDescendantElement(conversionApi.writer, containerElement, elementName);\n                if (viewElement) {\n                    updateViewAttributes(conversionApi.writer, attributeOldValue, attributeNewValue, viewElement);\n                    conversionApi.consumable.consume(data.item, evt.name);\n                }\n            }, {\n                priority: 'low'\n            });\n            if (elementName === 'a') {\n                // To have a link element in the view, we need to attach a converter to the `linkHref` attribute as well.\n                dispatcher.on('attribute:linkHref:imageBlock', (evt, data, conversionApi)=>{\n                    if (!conversionApi.consumable.consume(data.item, 'attribute:htmlLinkAttributes:imageBlock')) {\n                        return;\n                    }\n                    const containerElement = conversionApi.mapper.toViewElement(data.item);\n                    const viewElement = getDescendantElement(conversionApi.writer, containerElement, 'a');\n                    setViewAttributes(conversionApi.writer, data.item.getAttribute('htmlLinkAttributes'), viewElement);\n                }, {\n                    priority: 'low'\n                });\n            }\n        }\n    };\n}\n\n/**\n * Provides the General HTML Support integration with {@link module:media-embed/mediaembed~MediaEmbed Media Embed} feature.\n */ class MediaEmbedElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'MediaEmbedElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Stop here if MediaEmbed plugin is not provided or the integrator wants to output markup with previews as\n        // we do not support filtering previews.\n        if (!editor.plugins.has('MediaEmbed') || editor.config.get('mediaEmbed.previewsInData')) {\n            return;\n        }\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        const dataFilter = this.editor.plugins.get(DataFilter);\n        const dataSchema = this.editor.plugins.get(DataSchema);\n        const mediaElementName = editor.config.get('mediaEmbed.elementName');\n        // Overwrite GHS schema definition for a given elementName.\n        dataSchema.registerBlockElement({\n            model: 'media',\n            view: mediaElementName\n        });\n        dataFilter.on('register:figure', ()=>{\n            conversion.for('upcast').add(viewToModelFigureAttributesConverter(dataFilter));\n        });\n        dataFilter.on(`register:${mediaElementName}`, (evt, definition)=>{\n            if (definition.model !== 'media') {\n                return;\n            }\n            schema.extend('media', {\n                allowAttributes: [\n                    getHtmlAttributeName(mediaElementName),\n                    'htmlFigureAttributes'\n                ]\n            });\n            conversion.for('upcast').add(viewToModelMediaAttributesConverter(dataFilter, mediaElementName));\n            conversion.for('dataDowncast').add(modelToViewMediaAttributeConverter(mediaElementName));\n            evt.stop();\n        });\n    }\n}\nfunction viewToModelMediaAttributesConverter(dataFilter, mediaElementName) {\n    const upcastMedia = (evt, data, conversionApi)=>{\n        const viewMediaElement = data.viewItem;\n        preserveElementAttributes(viewMediaElement, getHtmlAttributeName(mediaElementName));\n        function preserveElementAttributes(viewElement, attributeName) {\n            const viewAttributes = dataFilter.processViewAttributes(viewElement, conversionApi);\n            if (viewAttributes) {\n                conversionApi.writer.setAttribute(attributeName, viewAttributes, data.modelRange);\n            }\n        }\n    };\n    return (dispatcher)=>{\n        dispatcher.on(`element:${mediaElementName}`, upcastMedia, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:media-embed/mediaembed~MediaEmbed MediaEmbed}\n * feature model element from figure view element.\n *\n * @returns Returns a conversion callback.\n */ function viewToModelFigureAttributesConverter(dataFilter) {\n    return (dispatcher)=>{\n        dispatcher.on('element:figure', (evt, data, conversionApi)=>{\n            const viewFigureElement = data.viewItem;\n            if (!data.modelRange || !viewFigureElement.hasClass('media')) {\n                return;\n            }\n            const viewAttributes = dataFilter.processViewAttributes(viewFigureElement, conversionApi);\n            if (viewAttributes) {\n                conversionApi.writer.setAttribute('htmlFigureAttributes', viewAttributes, data.modelRange);\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\nfunction modelToViewMediaAttributeConverter(mediaElementName) {\n    return (dispatcher)=>{\n        addAttributeConversionDispatcherHandler(mediaElementName, getHtmlAttributeName(mediaElementName));\n        addAttributeConversionDispatcherHandler('figure', 'htmlFigureAttributes');\n        function addAttributeConversionDispatcherHandler(elementName, attributeName) {\n            dispatcher.on(`attribute:${attributeName}:media`, (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                    return;\n                }\n                const { attributeOldValue, attributeNewValue } = data;\n                const containerElement = conversionApi.mapper.toViewElement(data.item);\n                const viewElement = getDescendantElement(conversionApi.writer, containerElement, elementName);\n                updateViewAttributes(conversionApi.writer, attributeOldValue, attributeNewValue, viewElement);\n            });\n        }\n    };\n}\n\n/**\n * Provides the General HTML Support for `script` elements.\n */ class ScriptElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ScriptElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const dataFilter = this.editor.plugins.get(DataFilter);\n        dataFilter.on('register:script', (evt, definition)=>{\n            const editor = this.editor;\n            const schema = editor.model.schema;\n            const conversion = editor.conversion;\n            schema.register('htmlScript', definition.modelSchema);\n            schema.extend('htmlScript', {\n                allowAttributes: [\n                    'htmlScriptAttributes',\n                    'htmlContent'\n                ],\n                isContent: true\n            });\n            editor.data.registerRawContentMatcher({\n                name: 'script'\n            });\n            conversion.for('upcast').elementToElement({\n                view: 'script',\n                model: viewToModelObjectConverter(definition)\n            });\n            conversion.for('upcast').add(viewToModelBlockAttributeConverter(definition, dataFilter));\n            conversion.for('downcast').elementToElement({\n                model: 'htmlScript',\n                view: (modelElement, { writer })=>{\n                    return createObjectView('script', modelElement, writer);\n                }\n            });\n            conversion.for('downcast').add(modelToViewBlockAttributeConverter(definition));\n            evt.stop();\n        });\n    }\n}\n\nconst STYLE_ATTRIBUTES_TO_PROPAGATE = [\n    'width',\n    'max-width',\n    'min-width',\n    'height',\n    'min-height',\n    'max-height'\n];\n/**\n * Provides the General HTML Support integration with {@link module:table/table~Table Table} feature.\n */ class TableElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!editor.plugins.has('TableEditing')) {\n            return;\n        }\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        const dataFilter = editor.plugins.get(DataFilter);\n        const tableUtils = editor.plugins.get('TableUtils');\n        dataFilter.on('register:figure', ()=>{\n            conversion.for('upcast').add(viewToModelFigureAttributeConverter(dataFilter));\n        });\n        dataFilter.on('register:table', (evt, definition)=>{\n            if (definition.model !== 'table') {\n                return;\n            }\n            schema.extend('table', {\n                allowAttributes: [\n                    'htmlTableAttributes',\n                    // Figure, thead and tbody elements don't have model counterparts.\n                    // We will be preserving attributes on table element using these attribute keys.\n                    'htmlFigureAttributes',\n                    'htmlTheadAttributes',\n                    'htmlTbodyAttributes'\n                ]\n            });\n            conversion.for('upcast').add(viewToModelTableAttributeConverter(dataFilter));\n            conversion.for('downcast').add(modelToViewTableAttributeConverter());\n            editor.model.document.registerPostFixer(createHeadingRowsPostFixer(editor.model, tableUtils));\n            evt.stop();\n        });\n    }\n}\n/**\n * Creates a model post-fixer for thead and tbody GHS related attributes.\n */ function createHeadingRowsPostFixer(model, tableUtils) {\n    return (writer)=>{\n        const changes = model.document.differ.getChanges();\n        let wasFixed = false;\n        for (const change of changes){\n            if (change.type != 'attribute' || change.attributeKey != 'headingRows') {\n                continue;\n            }\n            const table = change.range.start.nodeAfter;\n            const hasTHeadAttributes = table.getAttribute('htmlTheadAttributes');\n            const hasTBodyAttributes = table.getAttribute('htmlTbodyAttributes');\n            if (hasTHeadAttributes && !change.attributeNewValue) {\n                writer.removeAttribute('htmlTheadAttributes', table);\n                wasFixed = true;\n            } else if (hasTBodyAttributes && change.attributeNewValue == tableUtils.getRows(table)) {\n                writer.removeAttribute('htmlTbodyAttributes', table);\n                wasFixed = true;\n            }\n        }\n        return wasFixed;\n    };\n}\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:table/table~Table Table}\n * feature model element.\n *\n * @returns Returns a conversion callback.\n */ function viewToModelTableAttributeConverter(dataFilter) {\n    return (dispatcher)=>{\n        dispatcher.on('element:table', (evt, data, conversionApi)=>{\n            if (!data.modelRange) {\n                return;\n            }\n            const viewTableElement = data.viewItem;\n            // Prevent `table` class on both <table> and <figure> elements simultaneously.\n            conversionApi.consumable.consume(viewTableElement, {\n                classes: 'table'\n            });\n            preserveElementAttributes(viewTableElement, 'htmlTableAttributes');\n            for (const childNode of viewTableElement.getChildren()){\n                if (childNode.is('element', 'thead')) {\n                    preserveElementAttributes(childNode, 'htmlTheadAttributes');\n                }\n                if (childNode.is('element', 'tbody')) {\n                    preserveElementAttributes(childNode, 'htmlTbodyAttributes');\n                }\n            }\n            function preserveElementAttributes(viewElement, attributeName) {\n                const viewAttributes = dataFilter.processViewAttributes(viewElement, conversionApi);\n                if (viewAttributes) {\n                    conversionApi.writer.setAttribute(attributeName, viewAttributes, data.modelRange);\n                }\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:table/table~Table Table}\n * feature model element from figure view element.\n *\n * @returns Returns a conversion callback.\n */ function viewToModelFigureAttributeConverter(dataFilter) {\n    return (dispatcher)=>{\n        dispatcher.on('element:figure', (evt, data, conversionApi)=>{\n            const viewFigureElement = data.viewItem;\n            if (!data.modelRange || !viewFigureElement.hasClass('table')) {\n                return;\n            }\n            const viewAttributes = dataFilter.processViewAttributes(viewFigureElement, conversionApi);\n            if (viewAttributes) {\n                conversionApi.writer.setAttribute('htmlFigureAttributes', viewAttributes, data.modelRange);\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * Model-to-view conversion helper applying attributes from {@link module:table/table~Table Table}\n * feature.\n *\n * @returns Returns a conversion callback.\n */ function modelToViewTableAttributeConverter() {\n    return (dispatcher)=>{\n        addAttributeConversionDispatcherHandler('table', 'htmlTableAttributes');\n        addAttributeConversionDispatcherHandler('figure', 'htmlFigureAttributes');\n        addAttributeConversionDispatcherHandler('thead', 'htmlTheadAttributes');\n        addAttributeConversionDispatcherHandler('tbody', 'htmlTbodyAttributes');\n        function addAttributeConversionDispatcherHandler(elementName, attributeName) {\n            dispatcher.on(`attribute:${attributeName}:table`, (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.test(data.item, evt.name)) {\n                    return;\n                }\n                const containerElement = conversionApi.mapper.toViewElement(data.item);\n                const viewElement = getDescendantElement(conversionApi.writer, containerElement, elementName);\n                if (!viewElement) {\n                    return;\n                }\n                conversionApi.consumable.consume(data.item, evt.name);\n                // Downcast selected styles to a figure element instead of a table element.\n                if (attributeName === 'htmlTableAttributes' && containerElement !== viewElement) {\n                    const oldAttributes = splitAttributesForFigureAndTable(data.attributeOldValue);\n                    const newAttributes = splitAttributesForFigureAndTable(data.attributeNewValue);\n                    updateViewAttributes(conversionApi.writer, oldAttributes.tableAttributes, newAttributes.tableAttributes, viewElement);\n                    updateViewAttributes(conversionApi.writer, oldAttributes.figureAttributes, newAttributes.figureAttributes, containerElement);\n                } else {\n                    updateViewAttributes(conversionApi.writer, data.attributeOldValue, data.attributeNewValue, viewElement);\n                }\n            });\n        }\n    };\n}\n/**\n * Splits styles based on the `STYLE_ATTRIBUTES_TO_PROPAGATE` pattern that should be moved to the parent element\n * and those that should remain on element.\n */ function splitAttributesForFigureAndTable(data) {\n    const figureAttributes = {};\n    const tableAttributes = {\n        ...data\n    };\n    if (!data || !('styles' in data)) {\n        return {\n            figureAttributes,\n            tableAttributes\n        };\n    }\n    tableAttributes.styles = {};\n    for (const [key, value] of Object.entries(data.styles)){\n        if (STYLE_ATTRIBUTES_TO_PROPAGATE.includes(key)) {\n            figureAttributes.styles = {\n                ...figureAttributes.styles,\n                [key]: value\n            };\n        } else {\n            tableAttributes.styles = {\n                ...tableAttributes.styles,\n                [key]: value\n            };\n        }\n    }\n    return {\n        figureAttributes,\n        tableAttributes\n    };\n}\n\n/**\n * Provides the General HTML Support for `style` elements.\n */ class StyleElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'StyleElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const dataFilter = this.editor.plugins.get(DataFilter);\n        dataFilter.on('register:style', (evt, definition)=>{\n            const editor = this.editor;\n            const schema = editor.model.schema;\n            const conversion = editor.conversion;\n            schema.register('htmlStyle', definition.modelSchema);\n            schema.extend('htmlStyle', {\n                allowAttributes: [\n                    'htmlStyleAttributes',\n                    'htmlContent'\n                ],\n                isContent: true\n            });\n            editor.data.registerRawContentMatcher({\n                name: 'style'\n            });\n            conversion.for('upcast').elementToElement({\n                view: 'style',\n                model: viewToModelObjectConverter(definition)\n            });\n            conversion.for('upcast').add(viewToModelBlockAttributeConverter(definition, dataFilter));\n            conversion.for('downcast').elementToElement({\n                model: 'htmlStyle',\n                view: (modelElement, { writer })=>{\n                    return createObjectView('style', modelElement, writer);\n                }\n            });\n            conversion.for('downcast').add(modelToViewBlockAttributeConverter(definition));\n            evt.stop();\n        });\n    }\n}\n\n/**\n * Provides the General HTML Support integration with the {@link module:list/list~List List} feature.\n */ class ListElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!editor.plugins.has('ListEditing')) {\n            return;\n        }\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        const dataFilter = editor.plugins.get(DataFilter);\n        const listEditing = editor.plugins.get('ListEditing');\n        const listUtils = editor.plugins.get('ListUtils');\n        const viewElements = [\n            'ul',\n            'ol',\n            'li'\n        ];\n        // Register downcast strategy.\n        // Note that this must be done before document list editing registers conversion in afterInit.\n        listEditing.registerDowncastStrategy({\n            scope: 'item',\n            attributeName: 'htmlLiAttributes',\n            setAttributeOnDowncast: setViewAttributes\n        });\n        listEditing.registerDowncastStrategy({\n            scope: 'list',\n            attributeName: 'htmlUlAttributes',\n            setAttributeOnDowncast: setViewAttributes\n        });\n        listEditing.registerDowncastStrategy({\n            scope: 'list',\n            attributeName: 'htmlOlAttributes',\n            setAttributeOnDowncast: setViewAttributes\n        });\n        dataFilter.on('register', (evt, definition)=>{\n            if (!viewElements.includes(definition.view)) {\n                return;\n            }\n            evt.stop();\n            // Do not register same converters twice.\n            if (schema.checkAttribute('$block', 'htmlLiAttributes')) {\n                return;\n            }\n            const allowAttributes = viewElements.map((element)=>getHtmlAttributeName(element));\n            schema.extend('$listItem', {\n                allowAttributes\n            });\n            conversion.for('upcast').add((dispatcher)=>{\n                dispatcher.on('element:ul', viewToModelListAttributeConverter('htmlUlAttributes', dataFilter), {\n                    priority: 'low'\n                });\n                dispatcher.on('element:ol', viewToModelListAttributeConverter('htmlOlAttributes', dataFilter), {\n                    priority: 'low'\n                });\n                dispatcher.on('element:li', viewToModelListAttributeConverter('htmlLiAttributes', dataFilter), {\n                    priority: 'low'\n                });\n            });\n        });\n        // Make sure that all items in a single list (items at the same level & listType) have the same properties.\n        listEditing.on('postFixer', (evt, { listNodes, writer })=>{\n            for (const { node, previousNodeInList } of listNodes){\n                // This is a first item of a nested list.\n                if (!previousNodeInList) {\n                    continue;\n                }\n                if (previousNodeInList.getAttribute('listType') == node.getAttribute('listType')) {\n                    const attribute = getAttributeFromListType(previousNodeInList.getAttribute('listType'));\n                    const value = previousNodeInList.getAttribute(attribute);\n                    if (!isEqual(node.getAttribute(attribute), value) && writer.model.schema.checkAttribute(node, attribute)) {\n                        writer.setAttribute(attribute, value, node);\n                        evt.return = true;\n                    }\n                }\n                if (previousNodeInList.getAttribute('listItemId') == node.getAttribute('listItemId')) {\n                    const value = previousNodeInList.getAttribute('htmlLiAttributes');\n                    if (!isEqual(node.getAttribute('htmlLiAttributes'), value) && writer.model.schema.checkAttribute(node, 'htmlLiAttributes')) {\n                        writer.setAttribute('htmlLiAttributes', value, node);\n                        evt.return = true;\n                    }\n                }\n            }\n        });\n        // Remove `ol` attributes from `ul` elements and vice versa.\n        listEditing.on('postFixer', (evt, { listNodes, writer })=>{\n            for (const { node } of listNodes){\n                const listType = node.getAttribute('listType');\n                if (!listUtils.isNumberedListType(listType) && node.getAttribute('htmlOlAttributes')) {\n                    writer.removeAttribute('htmlOlAttributes', node);\n                    evt.return = true;\n                }\n                if (listUtils.isNumberedListType(listType) && node.getAttribute('htmlUlAttributes')) {\n                    writer.removeAttribute('htmlUlAttributes', node);\n                    evt.return = true;\n                }\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        if (!editor.commands.get('indentList')) {\n            return;\n        }\n        // Reset list attributes after indenting list items.\n        const indentList = editor.commands.get('indentList');\n        this.listenTo(indentList, 'afterExecute', (evt, changedBlocks)=>{\n            editor.model.change((writer)=>{\n                for (const node of changedBlocks){\n                    const attribute = getAttributeFromListType(node.getAttribute('listType'));\n                    if (!editor.model.schema.checkAttribute(node, attribute)) {\n                        continue;\n                    }\n                    // Just reset the attribute.\n                    // If there is a previous indented list that this node should be merged into,\n                    // the postfixer will unify all the attributes of both sub-lists.\n                    writer.setAttribute(attribute, {}, node);\n                }\n            });\n        });\n    }\n}\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link TODO}\n * feature model element.\n *\n * @returns Returns a conversion callback.\n */ function viewToModelListAttributeConverter(attributeName, dataFilter) {\n    return (evt, data, conversionApi)=>{\n        const viewElement = data.viewItem;\n        if (!data.modelRange) {\n            Object.assign(data, conversionApi.convertChildren(data.viewItem, data.modelCursor));\n        }\n        const viewAttributes = dataFilter.processViewAttributes(viewElement, conversionApi);\n        for (const item of data.modelRange.getItems({\n            shallow: true\n        })){\n            // Apply only to list item blocks.\n            if (!item.hasAttribute('listItemId')) {\n                continue;\n            }\n            // Set list attributes only on same level items, those nested deeper are already handled\n            // by the recursive conversion.\n            if (item.hasAttribute('htmlUlAttributes') || item.hasAttribute('htmlOlAttributes')) {\n                continue;\n            }\n            if (conversionApi.writer.model.schema.checkAttribute(item, attributeName)) {\n                conversionApi.writer.setAttribute(attributeName, viewAttributes || {}, item);\n            }\n        }\n    };\n}\n/**\n * Returns HTML attribute name based on provided list type.\n */ function getAttributeFromListType(listType) {\n    return listType === 'numbered' || listType == 'customNumbered' ? 'htmlOlAttributes' : 'htmlUlAttributes';\n}\n\n/**\n * Provides the General HTML Support integration with the {@link module:horizontal-line/horizontalline~HorizontalLine} feature.\n */ class HorizontalLineElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HorizontalLineElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!editor.plugins.has('HorizontalLineEditing')) {\n            return;\n        }\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        const dataFilter = editor.plugins.get(DataFilter);\n        dataFilter.on('register:hr', (evt, definition)=>{\n            if (definition.model !== 'horizontalLine') {\n                return;\n            }\n            schema.extend('horizontalLine', {\n                allowAttributes: [\n                    'htmlHrAttributes'\n                ]\n            });\n            conversion.for('upcast').add(viewToModelBlockAttributeConverter(definition, dataFilter));\n            conversion.for('downcast').add(modelToViewHorizontalLineAttributeConverter());\n            evt.stop();\n        });\n    }\n}\n/**\n * A model-to-view conversion helper applying attributes from the\n * {@link module:horizontal-line/horizontalline~HorizontalLine HorizontalLine} feature.\n *\n * @returns Returns a conversion callback.\n */ function modelToViewHorizontalLineAttributeConverter() {\n    return (dispatcher)=>{\n        dispatcher.on('attribute:htmlHrAttributes:horizontalLine', (evt, data, conversionApi)=>{\n            if (!conversionApi.consumable.test(data.item, evt.name)) {\n                return;\n            }\n            const { attributeOldValue, attributeNewValue } = data;\n            const containerElement = conversionApi.mapper.toViewElement(data.item);\n            const viewElement = getDescendantElement(conversionApi.writer, containerElement, 'hr');\n            if (viewElement) {\n                updateViewAttributes(conversionApi.writer, attributeOldValue, attributeNewValue, viewElement);\n                conversionApi.consumable.consume(data.item, evt.name);\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n\n/**\n * Provides the General HTML Support for custom elements (not registered in the {@link module:html-support/dataschema~DataSchema}).\n */ class CustomElementSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter,\n            DataSchema\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'CustomElementSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const dataFilter = this.editor.plugins.get(DataFilter);\n        const dataSchema = this.editor.plugins.get(DataSchema);\n        dataFilter.on('register:$customElement', (evt, definition)=>{\n            evt.stop();\n            const editor = this.editor;\n            const schema = editor.model.schema;\n            const conversion = editor.conversion;\n            const unsafeElements = editor.editing.view.domConverter.unsafeElements;\n            const preLikeElements = editor.data.htmlProcessor.domConverter.preElements;\n            schema.register(definition.model, definition.modelSchema);\n            schema.extend(definition.model, {\n                allowAttributes: [\n                    'htmlElementName',\n                    'htmlCustomElementAttributes',\n                    'htmlContent'\n                ],\n                isContent: true\n            });\n            // For the `<template>` element we use only raw-content because DOM API exposes its content\n            // only as a document fragment in the `content` property (or innerHTML).\n            editor.data.htmlProcessor.domConverter.registerRawContentMatcher({\n                name: 'template'\n            });\n            // Being executed on the low priority, it will catch all elements that were not caught by other converters.\n            conversion.for('upcast').elementToElement({\n                view: /.*/,\n                model: (viewElement, conversionApi)=>{\n                    // Do not try to convert $comment fake element.\n                    if (viewElement.name == '$comment') {\n                        return null;\n                    }\n                    /* istanbul ignore next -- @preserve */ if (!isValidElementName(viewElement.name)) {\n                        return null;\n                    }\n                    // Allow for fallback only if this element is not defined in data schema to make sure\n                    // that this will handle only custom elements not registered in the data schema.\n                    if (dataSchema.getDefinitionsForView(viewElement.name).size) {\n                        return null;\n                    }\n                    // Make sure that this element will not render in the editing view.\n                    if (!unsafeElements.includes(viewElement.name)) {\n                        unsafeElements.push(viewElement.name);\n                    }\n                    // Make sure that whitespaces will not be trimmed or replaced by nbsps while stringify content.\n                    if (!preLikeElements.includes(viewElement.name)) {\n                        preLikeElements.push(viewElement.name);\n                    }\n                    const modelElement = conversionApi.writer.createElement(definition.model, {\n                        htmlElementName: viewElement.name\n                    });\n                    const htmlAttributes = dataFilter.processViewAttributes(viewElement, conversionApi);\n                    if (htmlAttributes) {\n                        conversionApi.writer.setAttribute('htmlCustomElementAttributes', htmlAttributes, modelElement);\n                    }\n                    let htmlContent;\n                    // For the `<template>` element we use only raw-content because DOM API exposes its content\n                    // only as a document fragment in the `content` property.\n                    if (viewElement.is('element', 'template') && viewElement.getCustomProperty('$rawContent')) {\n                        htmlContent = viewElement.getCustomProperty('$rawContent');\n                    } else {\n                        // Store the whole element in the attribute so that ViewDomConverter\n                        // will be able to use the pre like element context.\n                        const viewWriter = new ViewUpcastWriter(viewElement.document);\n                        const documentFragment = viewWriter.createDocumentFragment(viewElement);\n                        const domFragment = editor.data.htmlProcessor.domConverter.viewToDom(documentFragment);\n                        const domElement = domFragment.firstChild;\n                        while(domElement.firstChild){\n                            domFragment.appendChild(domElement.firstChild);\n                        }\n                        domElement.remove();\n                        htmlContent = editor.data.htmlProcessor.htmlWriter.getHtml(domFragment);\n                    }\n                    conversionApi.writer.setAttribute('htmlContent', htmlContent, modelElement);\n                    // Consume the content of the element.\n                    for (const { item } of editor.editing.view.createRangeIn(viewElement)){\n                        conversionApi.consumable.consume(item, {\n                            name: true\n                        });\n                    }\n                    return modelElement;\n                },\n                converterPriority: 'low'\n            });\n            // Because this element is unsafe (DomConverter#unsafeElements), it will render as a transparent <span> but it must\n            // be rendered anyway for the mapping between the model and the view to exist.\n            conversion.for('editingDowncast').elementToElement({\n                model: {\n                    name: definition.model,\n                    attributes: [\n                        'htmlElementName',\n                        'htmlCustomElementAttributes',\n                        'htmlContent'\n                    ]\n                },\n                view: (modelElement, { writer })=>{\n                    const viewName = modelElement.getAttribute('htmlElementName');\n                    const viewElement = writer.createRawElement(viewName);\n                    if (modelElement.hasAttribute('htmlCustomElementAttributes')) {\n                        setViewAttributes(writer, modelElement.getAttribute('htmlCustomElementAttributes'), viewElement);\n                    }\n                    return viewElement;\n                }\n            });\n            conversion.for('dataDowncast').elementToElement({\n                model: {\n                    name: definition.model,\n                    attributes: [\n                        'htmlElementName',\n                        'htmlCustomElementAttributes',\n                        'htmlContent'\n                    ]\n                },\n                view: (modelElement, { writer })=>{\n                    const viewName = modelElement.getAttribute('htmlElementName');\n                    const htmlContent = modelElement.getAttribute('htmlContent');\n                    const viewElement = writer.createRawElement(viewName, null, (domElement, domConverter)=>{\n                        domConverter.setContentOf(domElement, htmlContent);\n                    });\n                    if (modelElement.hasAttribute('htmlCustomElementAttributes')) {\n                        setViewAttributes(writer, modelElement.getAttribute('htmlCustomElementAttributes'), viewElement);\n                    }\n                    return viewElement;\n                }\n            });\n        });\n    }\n}\n/**\n * Returns true if name is valid for a DOM element name.\n */ function isValidElementName(name) {\n    try {\n        document.createElement(name);\n    } catch  {\n        /* istanbul ignore next -- @preserve */ return false;\n    }\n    return true;\n}\n\n/**\n * The General HTML Support feature.\n *\n * This is a \"glue\" plugin which initializes the {@link module:html-support/datafilter~DataFilter data filter} configuration\n * and features integration with the General HTML Support.\n */ class GeneralHtmlSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'GeneralHtmlSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            DataFilter,\n            CodeBlockElementSupport,\n            DualContentModelElementSupport,\n            HeadingElementSupport,\n            ImageElementSupport,\n            MediaEmbedElementSupport,\n            ScriptElementSupport,\n            TableElementSupport,\n            StyleElementSupport,\n            ListElementSupport,\n            HorizontalLineElementSupport,\n            CustomElementSupport\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const dataFilter = editor.plugins.get(DataFilter);\n        // Load the allowed empty inline elements' configuration.\n        // Note that this modifies DataSchema so must be loaded before registering filtering rules.\n        dataFilter.loadAllowedEmptyElementsConfig(editor.config.get('htmlSupport.allowEmpty') || []);\n        // Load the filtering configuration.\n        dataFilter.loadAllowedConfig(editor.config.get('htmlSupport.allow') || []);\n        dataFilter.loadDisallowedConfig(editor.config.get('htmlSupport.disallow') || []);\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const removeFormatCommand = this.editor.commands.get('removeFormat');\n        removeFormatCommand?.registerCustomAttribute((attributeName)=>attributeName.startsWith('html') && attributeName.endsWith('Attributes'), removeFormatting);\n    }\n    /**\n\t * Returns a GHS model attribute name related to a given view element name.\n\t *\n\t * @internal\n\t * @param viewElementName A view element name.\n\t */ getGhsAttributeNameForElement(viewElementName) {\n        const dataSchema = this.editor.plugins.get('DataSchema');\n        const definitions = Array.from(dataSchema.getDefinitionsForView(viewElementName, false));\n        const inlineDefinition = definitions.find((definition)=>definition.isInline && !definitions[0].isObject);\n        if (inlineDefinition) {\n            return inlineDefinition.model;\n        }\n        return getHtmlAttributeName(viewElementName);\n    }\n    /**\n\t * Updates GHS model attribute for a specified view element name, so it includes the given class name.\n\t *\n\t * @internal\n\t * @param viewElementName A view element name.\n\t * @param className The css class to add.\n\t * @param selectable The selection or element to update.\n\t */ addModelHtmlClass(viewElementName, className, selectable) {\n        const model = this.editor.model;\n        const ghsAttributeName = this.getGhsAttributeNameForElement(viewElementName);\n        model.change((writer)=>{\n            for (const item of getItemsToUpdateGhsAttribute(model, selectable, ghsAttributeName)){\n                modifyGhsAttribute(writer, item, ghsAttributeName, 'classes', (classes)=>{\n                    for (const value of toArray(className)){\n                        classes.add(value);\n                    }\n                });\n            }\n        });\n    }\n    /**\n\t * Updates GHS model attribute for a specified view element name, so it does not include the given class name.\n\t *\n\t * @internal\n\t * @param viewElementName A view element name.\n\t * @param className The css class to remove.\n\t * @param selectable The selection or element to update.\n\t */ removeModelHtmlClass(viewElementName, className, selectable) {\n        const model = this.editor.model;\n        const ghsAttributeName = this.getGhsAttributeNameForElement(viewElementName);\n        model.change((writer)=>{\n            for (const item of getItemsToUpdateGhsAttribute(model, selectable, ghsAttributeName)){\n                modifyGhsAttribute(writer, item, ghsAttributeName, 'classes', (classes)=>{\n                    for (const value of toArray(className)){\n                        classes.delete(value);\n                    }\n                });\n            }\n        });\n    }\n    /**\n\t * Updates GHS model attribute for a specified view element name, so it includes the given attribute.\n\t *\n\t * @param viewElementName A view element name.\n\t * @param attributes The object with attributes to set.\n\t * @param selectable The selection or element to update.\n\t */ setModelHtmlAttributes(viewElementName, attributes, selectable) {\n        const model = this.editor.model;\n        const ghsAttributeName = this.getGhsAttributeNameForElement(viewElementName);\n        model.change((writer)=>{\n            for (const item of getItemsToUpdateGhsAttribute(model, selectable, ghsAttributeName)){\n                modifyGhsAttribute(writer, item, ghsAttributeName, 'attributes', (attributesMap)=>{\n                    for (const [key, value] of Object.entries(attributes)){\n                        attributesMap.set(key, value);\n                    }\n                });\n            }\n        });\n    }\n    /**\n\t * Updates GHS model attribute for a specified view element name, so it does not include the given attribute.\n\t *\n\t * @param viewElementName A view element name.\n\t * @param attributeName The attribute name (or names) to remove.\n\t * @param selectable The selection or element to update.\n\t */ removeModelHtmlAttributes(viewElementName, attributeName, selectable) {\n        const model = this.editor.model;\n        const ghsAttributeName = this.getGhsAttributeNameForElement(viewElementName);\n        model.change((writer)=>{\n            for (const item of getItemsToUpdateGhsAttribute(model, selectable, ghsAttributeName)){\n                modifyGhsAttribute(writer, item, ghsAttributeName, 'attributes', (attributesMap)=>{\n                    for (const key of toArray(attributeName)){\n                        attributesMap.delete(key);\n                    }\n                });\n            }\n        });\n    }\n    /**\n\t * Updates GHS model attribute for a specified view element name, so it includes a given style.\n\t *\n\t * @param viewElementName A view element name.\n\t * @param styles The object with styles to set.\n\t * @param selectable The selection or element to update.\n\t */ setModelHtmlStyles(viewElementName, styles, selectable) {\n        const model = this.editor.model;\n        const ghsAttributeName = this.getGhsAttributeNameForElement(viewElementName);\n        model.change((writer)=>{\n            for (const item of getItemsToUpdateGhsAttribute(model, selectable, ghsAttributeName)){\n                modifyGhsAttribute(writer, item, ghsAttributeName, 'styles', (stylesMap)=>{\n                    for (const [key, value] of Object.entries(styles)){\n                        stylesMap.set(key, value);\n                    }\n                });\n            }\n        });\n    }\n    /**\n\t * Updates GHS model attribute for a specified view element name, so it does not include a given style.\n\t *\n\t * @param viewElementName A view element name.\n\t * @param properties The style (or styles list) to remove.\n\t * @param selectable The selection or element to update.\n\t */ removeModelHtmlStyles(viewElementName, properties, selectable) {\n        const model = this.editor.model;\n        const ghsAttributeName = this.getGhsAttributeNameForElement(viewElementName);\n        model.change((writer)=>{\n            for (const item of getItemsToUpdateGhsAttribute(model, selectable, ghsAttributeName)){\n                modifyGhsAttribute(writer, item, ghsAttributeName, 'styles', (stylesMap)=>{\n                    for (const key of toArray(properties)){\n                        stylesMap.delete(key);\n                    }\n                });\n            }\n        });\n    }\n}\n/**\n * Returns an iterator over an items in the selectable that accept given GHS attribute.\n */ function* getItemsToUpdateGhsAttribute(model, selectable, ghsAttributeName) {\n    if (!selectable) {\n        return;\n    }\n    if (!(Symbol.iterator in selectable) && selectable.is('documentSelection') && selectable.isCollapsed) {\n        if (model.schema.checkAttributeInSelection(selectable, ghsAttributeName)) {\n            yield selectable;\n        }\n    } else {\n        for (const range of getValidRangesForSelectable(model, selectable, ghsAttributeName)){\n            yield* range.getItems({\n                shallow: true\n            });\n        }\n    }\n}\n/**\n * Translates a given selectable to an iterable of ranges.\n */ function getValidRangesForSelectable(model, selectable, ghsAttributeName) {\n    if (!(Symbol.iterator in selectable) && (selectable.is('node') || selectable.is('$text') || selectable.is('$textProxy'))) {\n        if (model.schema.checkAttribute(selectable, ghsAttributeName)) {\n            return [\n                model.createRangeOn(selectable)\n            ];\n        } else {\n            return [];\n        }\n    } else {\n        return model.schema.getValidRanges(model.createSelection(selectable).getRanges(), ghsAttributeName);\n    }\n}\n\n/**\n * The HTML comment feature. It preserves the HTML comments (`<!-- -->`) in the editor data.\n *\n * For a detailed overview, check the {@glink features/html/html-comments HTML comment feature documentation}.\n */ class HtmlComment extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'HtmlComment';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const loadedCommentsContent = new Map();\n        editor.data.processor.skipComments = false;\n        // Allow storing comment's content as the $root attribute with the name `$comment:<unique id>`.\n        editor.model.schema.addAttributeCheck((context, attributeName)=>{\n            if (context.endsWith('$root') && attributeName.startsWith('$comment')) {\n                return true;\n            }\n        });\n        // Convert the `$comment` view element to `$comment:<unique id>` marker and store its content (the comment itself) as a $root\n        // attribute. The comment content is needed in the `dataDowncast` pipeline to re-create the comment node.\n        editor.conversion.for('upcast').elementToMarker({\n            view: '$comment',\n            model: (viewElement)=>{\n                const markerUid = uid();\n                const markerName = `$comment:${markerUid}`;\n                const commentContent = viewElement.getCustomProperty('$rawContent');\n                loadedCommentsContent.set(markerName, commentContent);\n                return markerName;\n            }\n        });\n        // Convert the `$comment` marker to `$comment` UI element with `$rawContent` custom property containing the comment content.\n        editor.conversion.for('dataDowncast').markerToElement({\n            model: '$comment',\n            view: (modelElement, { writer })=>{\n                let root = undefined;\n                for (const rootName of this.editor.model.document.getRootNames()){\n                    root = this.editor.model.document.getRoot(rootName);\n                    if (root.hasAttribute(modelElement.markerName)) {\n                        break;\n                    }\n                }\n                const markerName = modelElement.markerName;\n                const commentContent = root.getAttribute(markerName);\n                const comment = writer.createUIElement('$comment');\n                writer.setCustomProperty('$rawContent', commentContent, comment);\n                return comment;\n            }\n        });\n        // Remove comments' markers and their corresponding $root attributes, which are moved to the graveyard.\n        editor.model.document.registerPostFixer((writer)=>{\n            let changed = false;\n            const markers = editor.model.document.differ.getChangedMarkers().filter((marker)=>marker.name.startsWith('$comment:'));\n            for (const marker of markers){\n                const { oldRange, newRange } = marker.data;\n                if (oldRange && newRange && oldRange.root == newRange.root) {\n                    continue;\n                }\n                if (oldRange) {\n                    // The comment marker was moved from one root to another (most probably to the graveyard).\n                    // Remove the related attribute from the previous root.\n                    const oldRoot = oldRange.root;\n                    if (oldRoot.hasAttribute(marker.name)) {\n                        writer.removeAttribute(marker.name, oldRoot);\n                        changed = true;\n                    }\n                }\n                if (newRange) {\n                    const newRoot = newRange.root;\n                    if (newRoot.rootName == '$graveyard') {\n                        // Comment marker was moved to the graveyard -- remove it entirely.\n                        writer.removeMarker(marker.name);\n                        changed = true;\n                    } else if (!newRoot.hasAttribute(marker.name)) {\n                        // Comment marker was just added or was moved to another root - updated roots attributes.\n                        //\n                        // Added fallback to `''` for the comment content in case if someone incorrectly added just the marker \"by hand\"\n                        // and forgot to add the root attribute or add them in different change blocks.\n                        //\n                        // It caused an infinite loop in one of the unit tests.\n                        writer.setAttribute(marker.name, loadedCommentsContent.get(marker.name) || '', newRoot);\n                        changed = true;\n                    }\n                }\n            }\n            return changed;\n        });\n        // Delete all comment markers from the document before setting new data.\n        editor.data.on('set', ()=>{\n            for (const commentMarker of editor.model.markers.getMarkersGroup('$comment')){\n                this.removeHtmlComment(commentMarker.name);\n            }\n        }, {\n            priority: 'high'\n        });\n        // Delete all comment markers that are within a removed range.\n        // Delete all comment markers at the limit element boundaries if the whole content of the limit element is removed.\n        editor.model.on('deleteContent', (evt, [selection])=>{\n            for (const range of selection.getRanges()){\n                const limitElement = editor.model.schema.getLimitElement(range);\n                const firstPosition = editor.model.createPositionAt(limitElement, 0);\n                const lastPosition = editor.model.createPositionAt(limitElement, 'end');\n                let affectedCommentIDs;\n                if (firstPosition.isTouching(range.start) && lastPosition.isTouching(range.end)) {\n                    affectedCommentIDs = this.getHtmlCommentsInRange(editor.model.createRange(firstPosition, lastPosition));\n                } else {\n                    affectedCommentIDs = this.getHtmlCommentsInRange(range, {\n                        skipBoundaries: true\n                    });\n                }\n                for (const commentMarkerID of affectedCommentIDs){\n                    this.removeHtmlComment(commentMarkerID);\n                }\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Creates an HTML comment on the specified position and returns its ID.\n\t *\n\t * *Note*: If two comments are created at the same position, the second comment will be inserted before the first one.\n\t *\n\t * @returns Comment ID. This ID can be later used to e.g. remove the comment from the content.\n\t */ createHtmlComment(position, content) {\n        const id = uid();\n        const editor = this.editor;\n        const model = editor.model;\n        const root = model.document.getRoot(position.root.rootName);\n        const markerName = `$comment:${id}`;\n        return model.change((writer)=>{\n            const range = writer.createRange(position);\n            writer.addMarker(markerName, {\n                usingOperation: true,\n                affectsData: true,\n                range\n            });\n            writer.setAttribute(markerName, content, root);\n            return markerName;\n        });\n    }\n    /**\n\t * Removes an HTML comment with the given comment ID.\n\t *\n\t * It does nothing and returns `false` if the comment with the given ID does not exist.\n\t * Otherwise it removes the comment and returns `true`.\n\t *\n\t * Note that a comment can be removed also by removing the content around the comment.\n\t *\n\t * @param commentID The ID of the comment to be removed.\n\t * @returns `true` when the comment with the given ID was removed, `false` otherwise.\n\t */ removeHtmlComment(commentID) {\n        const editor = this.editor;\n        const marker = editor.model.markers.get(commentID);\n        if (!marker) {\n            return false;\n        }\n        editor.model.change((writer)=>{\n            writer.removeMarker(marker);\n        });\n        return true;\n    }\n    /**\n\t * Gets the HTML comment data for the comment with a given ID.\n\t *\n\t * Returns `null` if the comment does not exist.\n\t */ getHtmlCommentData(commentID) {\n        const editor = this.editor;\n        const marker = editor.model.markers.get(commentID);\n        if (!marker) {\n            return null;\n        }\n        let content = '';\n        for (const root of this.editor.model.document.getRoots()){\n            if (root.hasAttribute(commentID)) {\n                content = root.getAttribute(commentID);\n                break;\n            }\n        }\n        return {\n            content,\n            position: marker.getStart()\n        };\n    }\n    /**\n\t * Gets all HTML comments in the given range.\n\t *\n\t * By default, it includes comments at the range boundaries.\n\t *\n\t * @param range The range to search for HTML comments.\n\t * @param options Additional options.\n\t * @param options.skipBoundaries When set to `true` the range boundaries will be skipped.\n\t * @returns HTML comment IDs\n\t */ getHtmlCommentsInRange(range, { skipBoundaries = false } = {}) {\n        const includeBoundaries = !skipBoundaries;\n        // Unfortunately, MarkerCollection#getMarkersAtPosition() filters out collapsed markers.\n        return Array.from(this.editor.model.markers.getMarkersGroup('$comment')).filter((marker)=>isCommentMarkerInRange(marker, range)).map((marker)=>marker.name);\n        function isCommentMarkerInRange(commentMarker, range) {\n            const position = commentMarker.getRange().start;\n            return (position.isAfter(range.start) || includeBoundaries && position.isEqual(range.start)) && (position.isBefore(range.end) || includeBoundaries && position.isEqual(range.end));\n        }\n    }\n}\n\n/**\n * The full page HTML data processor class.\n * This data processor implementation uses HTML as input and output data.\n */ class HtmlPageDataProcessor extends HtmlDataProcessor {\n    /**\n\t * @inheritDoc\n\t */ toView(data) {\n        // Ignore content that is not a full page source.\n        if (!/<(?:html|body|head|meta)(?:\\s[^>]*)?>/i.test(data.trim().slice(0, 10_000))) {\n            return super.toView(data);\n        }\n        // Store doctype and xml declaration in a separate properties as they can't be stringified later.\n        let docType = '';\n        let xmlDeclaration = '';\n        data = data.trim().replace(/<\\?xml\\s[^?]*\\?>/i, (match)=>{\n            xmlDeclaration = match;\n            return '';\n        });\n        data = data.trim().replace(/^<!DOCTYPE\\s[^>]*?>/i, (match)=>{\n            docType = match;\n            return '';\n        });\n        // Convert input HTML data to DOM DocumentFragment.\n        const domFragment = this._toDom(data);\n        // Convert DOM DocumentFragment to view DocumentFragment.\n        const viewFragment = this.domConverter.domToView(domFragment, {\n            skipComments: this.skipComments\n        });\n        const writer = new ViewUpcastWriter(viewFragment.document);\n        // Using the DOM document with body content extracted as a skeleton of the page.\n        writer.setCustomProperty('$fullPageDocument', domFragment.ownerDocument.documentElement.outerHTML, viewFragment);\n        // List of `<style>` elements extracted from document's `<head>` element.\n        const headStylesElements = Array.from(domFragment.ownerDocument.querySelectorAll('head style'));\n        writer.setCustomProperty('$fullPageHeadStyles', headStylesElements, viewFragment);\n        if (docType) {\n            writer.setCustomProperty('$fullPageDocType', docType, viewFragment);\n        }\n        if (xmlDeclaration) {\n            writer.setCustomProperty('$fullPageXmlDeclaration', xmlDeclaration, viewFragment);\n        }\n        return viewFragment;\n    }\n    /**\n\t * @inheritDoc\n\t */ toData(viewFragment) {\n        let data = super.toData(viewFragment);\n        const page = viewFragment.getCustomProperty('$fullPageDocument');\n        const docType = viewFragment.getCustomProperty('$fullPageDocType');\n        const xmlDeclaration = viewFragment.getCustomProperty('$fullPageXmlDeclaration');\n        if (page) {\n            data = page.replace(/<\\/body\\s*>/, data + '$&');\n            if (docType) {\n                data = docType + '\\n' + data;\n            }\n            if (xmlDeclaration) {\n                data = xmlDeclaration + '\\n' + data;\n            }\n        }\n        return data;\n    }\n}\n\n/**\n * The full page editing feature. It preserves the whole HTML page in the editor data.\n */ class FullPage extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'FullPage';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'FPH';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('htmlSupport.fullPage', {\n            allowRenderStylesFromHead: false,\n            sanitizeCss: (rawCss)=>{\n                /**\n\t\t\t\t * When using the Full page with the `config.htmlSupport.fullPage.allowRenderStylesFromHead` set to `true`,\n\t\t\t\t * it is strongly recommended to define a sanitize function that will clean up the CSS\n\t\t\t\t * which is present in the `<head>` in editors content in order to avoid XSS vulnerability.\n\t\t\t\t *\n\t\t\t\t * For a detailed overview, check the {@glink features/html/full-page-html Full page HTML feature} documentation.\n\t\t\t\t *\n\t\t\t\t * @error css-full-page-provide-sanitize-function\n\t\t\t\t */ logWarning('css-full-page-provide-sanitize-function');\n                return {\n                    css: rawCss,\n                    hasChanged: false\n                };\n            }\n        });\n        editor.data.processor = new HtmlPageDataProcessor(editor.data.viewDocument);\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const properties = [\n            '$fullPageDocument',\n            '$fullPageDocType',\n            '$fullPageXmlDeclaration',\n            '$fullPageHeadStyles'\n        ];\n        editor.model.schema.extend('$root', {\n            allowAttributes: properties\n        });\n        // Apply custom properties from view document fragment to the model root attributes.\n        editor.data.on('toModel', (evt, [viewElementOrFragment])=>{\n            const root = editor.model.document.getRoot();\n            editor.model.change((writer)=>{\n                for (const name of properties){\n                    const value = viewElementOrFragment.getCustomProperty(name);\n                    if (value) {\n                        writer.setAttribute(name, value, root);\n                    }\n                }\n            });\n            if (isAllowedRenderStylesFromHead(editor)) {\n                this._renderStylesFromHead(root);\n            }\n        }, {\n            priority: 'low'\n        });\n        // Apply root attributes to the view document fragment.\n        editor.data.on('toView', (evt, [modelElementOrFragment])=>{\n            if (!modelElementOrFragment.is('rootElement')) {\n                return;\n            }\n            const root = modelElementOrFragment;\n            const viewFragment = evt.return;\n            if (!root.hasAttribute('$fullPageDocument')) {\n                return;\n            }\n            const writer = new ViewUpcastWriter(viewFragment.document);\n            for (const name of properties){\n                const value = root.getAttribute(name);\n                if (value) {\n                    writer.setCustomProperty(name, value, viewFragment);\n                }\n            }\n        }, {\n            priority: 'low'\n        });\n        // Clear root attributes related to full page editing on editor content reset.\n        editor.data.on('set', ()=>{\n            const root = editor.model.document.getRoot();\n            editor.model.change((writer)=>{\n                for (const name of properties){\n                    if (root.hasAttribute(name)) {\n                        writer.removeAttribute(name, root);\n                    }\n                }\n            });\n        }, {\n            priority: 'high'\n        });\n        // Make sure that document is returned even if there is no content in the page body.\n        editor.data.on('get', (evt, args)=>{\n            if (!args[0]) {\n                args[0] = {};\n            }\n            args[0].trim = false;\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        if (isAllowedRenderStylesFromHead(this.editor)) {\n            this._removeStyleElementsFromDom();\n        }\n    }\n    /**\n\t * Checks if in the document exists any `<style>` elements injected by the plugin and removes them,\n\t * so these could be re-rendered later.\n\t * There is used `data-full-page-style-id` attribute to recognize styles injected by the feature.\n\t */ _removeStyleElementsFromDom() {\n        const existingStyleElements = Array.from(global.document.querySelectorAll(`[data-full-page-style-id=\"${this.editor.id}\"]`));\n        for (const style of existingStyleElements){\n            style.remove();\n        }\n    }\n    /**\n\t * Extracts `<style>` elements from the full page data and renders them in the main document `<head>`.\n\t * CSS content is sanitized before rendering.\n\t */ _renderStyleElementsInDom(root) {\n        const editor = this.editor;\n        // Get `<style>` elements list from the `<head>` from the full page data.\n        const styleElements = root.getAttribute('$fullPageHeadStyles');\n        if (!styleElements) {\n            return;\n        }\n        const sanitizeCss = editor.config.get('htmlSupport.fullPage.sanitizeCss');\n        // Add `data-full-page-style-id` attribute to the `<style>` element and render it in `<head>` in the main document.\n        for (const style of styleElements){\n            style.setAttribute('data-full-page-style-id', editor.id);\n            // Sanitize the CSS content before rendering it in the editor.\n            const sanitizedCss = sanitizeCss(style.innerText);\n            if (sanitizedCss.hasChanged) {\n                style.innerText = sanitizedCss.css;\n            }\n            global.document.head.append(style);\n        }\n    }\n    /**\n\t * Removes existing `<style>` elements injected by the plugin and renders new ones from the full page data.\n\t */ _renderStylesFromHead(root) {\n        this._removeStyleElementsFromDom();\n        this._renderStyleElementsInDom(root);\n    }\n}\n/**\n * Normalize the Full page configuration option `allowRenderStylesFromHead`.\n */ function isAllowedRenderStylesFromHead(editor) {\n    return editor.config.get('htmlSupport.fullPage.allowRenderStylesFromHead');\n}\n\nconst EMPTY_BLOCK_MODEL_ATTRIBUTE = 'htmlEmptyBlock';\n/**\n * This plugin allows for preserving empty block elements in the editor content\n * instead of automatically filling them with block fillers (`&nbsp;`).\n *\n * This is useful when you want to:\n *\n * * Preserve empty block elements exactly as they were in the source HTML.\n * * Allow for styling empty blocks with CSS (block fillers can interfere with height/margin).\n * * Maintain compatibility with external systems that expect empty blocks to remain empty.\n *\n * Known limitations:\n *\n * * Empty blocks may not work correctly with revision history features.\n * * Keyboard navigation through the document might behave unexpectedly, especially when\n *   navigating through structures like lists and tables.\n *\n * For example, this allows for HTML like:\n *\n * ```html\n * <p></p>\n * <p class=\"spacer\"></p>\n * <td></td>\n * ```\n * to remain empty instead of being converted to:\n *\n * ```html\n * <p>&nbsp;</p>\n * <p class=\"spacer\">&nbsp;</p>\n * <td>&nbsp;</td>\n * ```\n */ class EmptyBlock extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'EmptyBlock';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const { model, conversion, plugins, config } = this.editor;\n        const schema = model.schema;\n        const preserveEmptyBlocksInEditingView = config.get('htmlSupport.preserveEmptyBlocksInEditingView');\n        schema.extend('$block', {\n            allowAttributes: [\n                EMPTY_BLOCK_MODEL_ATTRIBUTE\n            ]\n        });\n        schema.extend('$container', {\n            allowAttributes: [\n                EMPTY_BLOCK_MODEL_ATTRIBUTE\n            ]\n        });\n        if (schema.isRegistered('tableCell')) {\n            schema.extend('tableCell', {\n                allowAttributes: [\n                    EMPTY_BLOCK_MODEL_ATTRIBUTE\n                ]\n            });\n        }\n        if (preserveEmptyBlocksInEditingView) {\n            conversion.for('downcast').add(createEmptyBlockDowncastConverter());\n        } else {\n            conversion.for('dataDowncast').add(createEmptyBlockDowncastConverter());\n        }\n        conversion.for('upcast').add(createEmptyBlockUpcastConverter(schema));\n        if (plugins.has('ClipboardPipeline')) {\n            this._registerClipboardPastingHandler();\n        }\n    }\n    /**\n\t * Handle clipboard paste events:\n\t *\n\t * * It does not affect *copying* content from the editor, only *pasting*.\n\t * * When content is pasted from another editor instance with `<p></p>`,\n\t *   the `&nbsp;` filler is added, so the getData result is `<p>&nbsp;</p>`.\n\t * * When content is pasted from the same editor instance with `<p></p>`,\n\t *   the `&nbsp;` filler is not added, so the getData result is `<p></p>`.\n\t */ _registerClipboardPastingHandler() {\n        const clipboardPipeline = this.editor.plugins.get('ClipboardPipeline');\n        this.listenTo(clipboardPipeline, 'contentInsertion', (evt, data)=>{\n            if (data.sourceEditorId === this.editor.id) {\n                return;\n            }\n            this.editor.model.change((writer)=>{\n                for (const { item } of writer.createRangeIn(data.content)){\n                    if (item.is('element') && item.hasAttribute(EMPTY_BLOCK_MODEL_ATTRIBUTE)) {\n                        writer.removeAttribute(EMPTY_BLOCK_MODEL_ATTRIBUTE, item);\n                    }\n                }\n            });\n        });\n    }\n}\n/**\n * Creates a downcast converter for handling empty blocks.\n * This converter prevents filler elements from being added to elements marked as empty blocks.\n */ function createEmptyBlockDowncastConverter() {\n    return (dispatcher)=>{\n        dispatcher.on(`attribute:${EMPTY_BLOCK_MODEL_ATTRIBUTE}`, (evt, data, conversionApi)=>{\n            const { mapper, consumable } = conversionApi;\n            const { item } = data;\n            if (!consumable.consume(item, evt.name)) {\n                return;\n            }\n            const viewElement = mapper.toViewElement(item);\n            if (viewElement && data.attributeNewValue) {\n                viewElement.getFillerOffset = ()=>null;\n            }\n        });\n    };\n}\n/**\n * Creates an upcast converter for handling empty blocks.\n * The converter detects empty elements and marks them with the empty block attribute.\n */ function createEmptyBlockUpcastConverter(schema) {\n    return (dispatcher)=>{\n        dispatcher.on('element', (evt, data, conversionApi)=>{\n            const { viewItem, modelRange } = data;\n            if (!viewItem.is('element') || !viewItem.isEmpty || viewItem.getCustomProperty('$hasBlockFiller')) {\n                return;\n            }\n            // Handle element itself.\n            const modelElement = modelRange && modelRange.start.nodeAfter;\n            if (!modelElement || !schema.checkAttribute(modelElement, EMPTY_BLOCK_MODEL_ATTRIBUTE)) {\n                return;\n            }\n            conversionApi.writer.setAttribute(EMPTY_BLOCK_MODEL_ATTRIBUTE, true, modelElement);\n            // Handle an auto-paragraphed bogus paragraph inside empty element.\n            if (modelElement.childCount != 1) {\n                return;\n            }\n            const firstModelChild = modelElement.getChild(0);\n            if (firstModelChild.is('element', 'paragraph') && schema.checkAttribute(firstModelChild, EMPTY_BLOCK_MODEL_ATTRIBUTE)) {\n                conversionApi.writer.setAttribute(EMPTY_BLOCK_MODEL_ATTRIBUTE, true, firstModelChild);\n            }\n        }, {\n            priority: 'lowest'\n        });\n    };\n}\n\nexport { CodeBlockElementSupport, CustomElementSupport, DataFilter, DataSchema, DualContentModelElementSupport, EmptyBlock, FullPage, GeneralHtmlSupport, HeadingElementSupport, HorizontalLineElementSupport, HtmlComment, HtmlPageDataProcessor, ImageElementSupport, ListElementSupport, MediaEmbedElementSupport, ScriptElementSupport, StyleElementSupport, TableElementSupport, defaultConfig as _HTML_SUPPORT_SCHEMA_DEFINITIONS, attributeToViewInlineConverter as _attributeToInlineHtmlSupportConverter, createObjectView as _createObjectHtmlSupportView, emptyInlineModelElementToViewConverter as _emptyInlineModelElementToViewHtmlSupportConverter, getHtmlAttributeName as _getHtmlSupportAttributeName, getDescendantElement as _getHtmlSupportDescendantElement, mergeViewElementAttributes as _mergeHtmlSupportViewElementAttributes, modelToViewBlockAttributeConverter as _modelToViewBlockAttributeHtmlSupportConverter, modifyGhsAttribute as _modifyHtmlSupportGhsAttribute, removeViewAttributes as _removeHtmlSupportViewAttributes, setViewAttributes as _setHtmlSupportViewAttributes, toPascalCase as _toHtmlSupportPascalCase, toObjectWidgetConverter as _toObjectWidgetHtmlSupportConverter, updateViewAttributes as _updateHtmlSupportViewAttributes, viewToAttributeInlineConverter as _viewToAttributeInlineHtmlSupportConverter, viewToModelBlockAttributeConverter as _viewToModelBlockAttributeHtmlSupportConverter, viewToModelObjectConverter as _viewToModelObjectContentHtmlSupportConverter };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/utils\n */\n\nimport type {\n\tModelDocumentSelection,\n\tViewDowncastWriter,\n\tModelItem,\n\tModelRange,\n\tViewElement,\n\tModelWriter\n} from 'ckeditor5/src/engine.js';\nimport { startCase, cloneDeep } from 'es-toolkit/compat';\n\nexport interface GHSViewAttributes {\n\tattributes?: Record<string, unknown>;\n\tclasses?: Array<string>;\n\tstyles?: Record<string, string>;\n}\n\n/**\n* Helper function for the downcast converter. Updates attributes on the given view element.\n*\n* @param writer The view writer.\n* @param oldViewAttributes The previous GHS attribute value.\n* @param newViewAttributes The current GHS attribute value.\n* @param viewElement The view element to update.\n* @internal\n*/\nexport function updateViewAttributes(\n\twriter: ViewDowncastWriter,\n\toldViewAttributes: GHSViewAttributes,\n\tnewViewAttributes: GHSViewAttributes,\n\tviewElement: ViewElement\n): void {\n\tif ( oldViewAttributes ) {\n\t\tremoveViewAttributes( writer, oldViewAttributes, viewElement );\n\t}\n\n\tif ( newViewAttributes ) {\n\t\tsetViewAttributes( writer, newViewAttributes, viewElement );\n\t}\n}\n\n/**\n * Helper function for the downcast converter. Sets attributes on the given view element.\n *\n * @param writer The view writer.\n * @param viewAttributes The GHS attribute value.\n * @param viewElement The view element to update.\n * @internal\n */\nexport function setViewAttributes( writer: ViewDowncastWriter, viewAttributes: GHSViewAttributes, viewElement: ViewElement ): void {\n\tif ( viewAttributes.attributes ) {\n\t\tfor ( const [ key, value ] of Object.entries( viewAttributes.attributes ) ) {\n\t\t\twriter.setAttribute( key, value, viewElement );\n\t\t}\n\t}\n\n\tif ( viewAttributes.styles ) {\n\t\twriter.setStyle( viewAttributes.styles, viewElement );\n\t}\n\n\tif ( viewAttributes.classes ) {\n\t\twriter.addClass( viewAttributes.classes, viewElement );\n\t}\n}\n\n/**\n * Helper function for the downcast converter. Removes attributes on the given view element.\n *\n * @param writer The view writer.\n * @param viewAttributes The GHS attribute value.\n * @param viewElement The view element to update.\n * @internal\n */\nexport function removeViewAttributes( writer: ViewDowncastWriter, viewAttributes: GHSViewAttributes, viewElement: ViewElement ): void {\n\tif ( viewAttributes.attributes ) {\n\t\tfor ( const [ key ] of Object.entries( viewAttributes.attributes ) ) {\n\t\t\twriter.removeAttribute( key, viewElement );\n\t\t}\n\t}\n\n\tif ( viewAttributes.styles ) {\n\t\tfor ( const style of Object.keys( viewAttributes.styles ) ) {\n\t\t\twriter.removeStyle( style, viewElement );\n\t\t}\n\t}\n\n\tif ( viewAttributes.classes ) {\n\t\twriter.removeClass( viewAttributes.classes, viewElement );\n\t}\n}\n\n/**\n* Merges view element attribute objects.\n*\n* @internal\n*/\nexport function mergeViewElementAttributes( target: GHSViewAttributes, source: GHSViewAttributes ): GHSViewAttributes {\n\tconst result = cloneDeep( target ) as Record<string, any>;\n\tlet key: keyof GHSViewAttributes = 'attributes';\n\tfor ( key in source ) {\n\t\t// Merge classes.\n\t\tif ( key == 'classes' ) {\n\t\t\tresult[ key ] = Array.from( new Set( [ ...( target[ key ] || [] ), ...source[ key ]! ] ) );\n\t\t}\n\n\t\t// Merge attributes or styles.\n\t\telse {\n\t\t\tresult[ key ] = { ...target[ key ], ...source[ key ] };\n\t\t}\n\t}\n\n\treturn result;\n}\n\ntype ModifyGhsAttributesCallback = ( t: Map<string, unknown> ) => void;\ntype ModifyGhsClassesCallback = ( t: Set<string> ) => void;\ntype ModifyGhsStylesCallback = ( t: Map<string, string> ) => void;\n\n/**\n * Updates a GHS attribute on a specified item.\n *\n * @param callback That receives a map as an argument and should modify it (add or remove entries).\n * @internal\n */\nexport function modifyGhsAttribute(\n\twriter: ModelWriter,\n\titem: ModelItem | ModelDocumentSelection,\n\tghsAttributeName: string,\n\tsubject: 'attributes',\n\tcallback: ModifyGhsAttributesCallback\n): void;\n\n/**\n * Updates a GHS attribute on a specified item.\n *\n * @param callback That receives a set as an argument and should modify it (add or remove entries).\n * @internal\n */\nexport function modifyGhsAttribute(\n\twriter: ModelWriter,\n\titem: ModelItem | ModelDocumentSelection,\n\tghsAttributeName: string,\n\tsubject: 'classes',\n\tcallback: ModifyGhsClassesCallback\n): void;\n\n/**\n * Updates a GHS attribute on a specified item.\n * @param callback That receives a map as an argument and should modify it (add or remove entries).\n */\nexport function modifyGhsAttribute(\n\twriter: ModelWriter,\n\titem: ModelItem | ModelDocumentSelection,\n\tghsAttributeName: string,\n\tsubject: 'styles',\n\tcallback: ModifyGhsStylesCallback\n): void;\n\nexport function modifyGhsAttribute(\n\twriter: ModelWriter,\n\titem: ModelItem | ModelDocumentSelection,\n\tghsAttributeName: string,\n\tsubject: 'attributes' | 'styles' | 'classes',\n\tcallback: ModifyGhsClassesCallback | ModifyGhsAttributesCallback | ModifyGhsStylesCallback\n): void {\n\tconst oldValue = item.getAttribute( ghsAttributeName ) as Record<string, any>;\n\tconst newValue: Record<string, any> = {};\n\n\tfor ( const kind of [ 'attributes', 'styles', 'classes' ] ) {\n\t\t// Properties other than `subject` should be assigned from `oldValue`.\n\t\tif ( kind != subject ) {\n\t\t\tif ( oldValue && oldValue[ kind ] ) {\n\t\t\t\tnewValue[ kind ] = oldValue[ kind ];\n\t\t\t}\n\t\t\tcontinue;\n\t\t}\n\n\t\t// `callback` should be applied on property [`subject`].\n\t\tif ( subject == 'classes' ) {\n\t\t\tconst values = new Set<string>( oldValue && oldValue.classes || [] );\n\t\t\t( callback as ModifyGhsClassesCallback )( values );\n\t\t\tif ( values.size ) {\n\t\t\t\tnewValue[ kind ] = Array.from( values );\n\t\t\t}\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst values = new Map<string, any>( Object.entries( oldValue && oldValue[ kind ] || {} ) );\n\t\t( callback as ( ModifyGhsAttributesCallback | ModifyGhsStylesCallback ) )( values );\n\t\tif ( values.size ) {\n\t\t\tnewValue[ kind ] = Object.fromEntries( values );\n\t\t}\n\t}\n\n\tif ( Object.keys( newValue ).length ) {\n\t\tif ( item.is( 'documentSelection' ) ) {\n\t\t\twriter.setSelectionAttribute( ghsAttributeName, newValue );\n\t\t} else {\n\t\t\twriter.setAttribute( ghsAttributeName, newValue, item );\n\t\t}\n\t} else if ( oldValue ) {\n\t\tif ( item.is( 'documentSelection' ) ) {\n\t\t\twriter.removeSelectionAttribute( ghsAttributeName );\n\t\t} else {\n\t\t\twriter.removeAttribute( ghsAttributeName, item );\n\t\t}\n\t}\n}\n\n/**\n * Strips the `styles`, and `classes` keys from the GHS attribute value on the given item.\n *\n * @internal\n */\nexport function removeFormatting( ghsAttributeName: string, itemRange: ModelRange, writer: ModelWriter ): void {\n\tfor ( const item of itemRange.getItems( { shallow: true } ) ) {\n\t\tconst value = item.getAttribute( ghsAttributeName ) as Record<string, any>;\n\n\t\t// Copy only attributes to the new attribute value.\n\t\tif ( value && value.attributes && Object.keys( value.attributes ).length ) {\n\t\t\t// But reset the GHS attribute only when there is anything more than just attributes.\n\t\t\tif ( Object.keys( value ).length > 1 ) {\n\t\t\t\twriter.setAttribute( ghsAttributeName, { attributes: value.attributes }, item );\n\t\t\t}\n\t\t} else {\n\t\t\t// There are no attributes, so remove the GHS attribute completely.\n\t\t\twriter.removeAttribute( ghsAttributeName, item );\n\t\t}\n\t}\n}\n\n/**\n * Transforms passed string to PascalCase format. Examples:\n * * `div` => `Div`\n * * `h1` => `H1`\n * * `table` => `Table`\n *\n * @internal\n */\nexport function toPascalCase( data: string ): string {\n\treturn startCase( data ).replace( / /g, '' );\n}\n\n/**\n * Returns the attribute name of the model element that holds raw HTML attributes.\n *\n * @internal\n */\nexport function getHtmlAttributeName( viewElementName: string ): string {\n\treturn `html${ toPascalCase( viewElementName ) }Attributes`;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/converters\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type {\n\tViewAttributeElement,\n\tDowncastAttributeEvent,\n\tDowncastConversionApi,\n\tDowncastDispatcher,\n\tViewDowncastWriter,\n\tModelElement,\n\tDowncastElementCreatorFunction,\n\tUpcastConversionApi,\n\tUpcastDispatcher,\n\tUpcastElementEvent,\n\tViewElement,\n\tModelItem\n} from 'ckeditor5/src/engine.js';\nimport { toWidget } from 'ckeditor5/src/widget.js';\nimport {\n\tsetViewAttributes,\n\tmergeViewElementAttributes,\n\tupdateViewAttributes,\n\tgetHtmlAttributeName,\n\ttype GHSViewAttributes\n} from './utils.js';\nimport { type DataFilter } from './datafilter.js';\nimport type {\n\tHtmlSupportDataSchemaBlockElementDefinition,\n\tHtmlSupportDataSchemaDefinition,\n\tHtmlSupportDataSchemaInlineElementDefinition\n} from './dataschema.js';\n\n/**\n * View-to-model conversion helper for object elements.\n *\n * Preserves object element content in `htmlContent` attribute.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/\nexport function viewToModelObjectConverter( { model: modelName }: HtmlSupportDataSchemaDefinition ) {\n\treturn ( viewElement: ViewElement, conversionApi: UpcastConversionApi ): ModelElement => {\n\t\t// Let's keep element HTML and its attributes, so we can rebuild element in downcast conversions.\n\t\treturn conversionApi.writer.createElement( modelName, {\n\t\t\thtmlContent: viewElement.getCustomProperty( '$rawContent' )\n\t\t} );\n\t};\n}\n\n/**\n * Conversion helper converting an object element to an HTML object widget.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/\nexport function toObjectWidgetConverter(\n\teditor: Editor,\n\t{ view: viewName, isInline }: HtmlSupportDataSchemaInlineElementDefinition\n): DowncastElementCreatorFunction {\n\tconst t = editor.t;\n\n\treturn ( modelElement: ModelElement, { writer }: DowncastConversionApi ) => {\n\t\tconst widgetLabel = t( 'HTML object' );\n\n\t\tconst viewElement = createObjectView( viewName!, modelElement, writer );\n\t\tconst viewAttributes = modelElement.getAttribute( getHtmlAttributeName( viewName! ) );\n\n\t\twriter.addClass( 'html-object-embed__content', viewElement );\n\n\t\tif ( viewAttributes ) {\n\t\t\tsetViewAttributes( writer, viewAttributes, viewElement );\n\t\t}\n\n\t\t// Widget cannot be a raw element because the widget system would not be able\n\t\t// to add its UI to it. Thus, we need separate view container.\n\t\tconst viewContainer = writer.createContainerElement( isInline ? 'span' : 'div',\n\t\t\t{\n\t\t\t\tclass: 'html-object-embed',\n\t\t\t\t'data-html-object-embed-label': widgetLabel\n\t\t\t},\n\t\t\tviewElement\n\t\t);\n\n\t\treturn toWidget( viewContainer, writer, { label: widgetLabel } );\n\t};\n}\n\n/**\n* Creates object view element from the given model element.\n*\n* @internal\n*/\nexport function createObjectView( viewName: string, modelElement: ModelElement, writer: ViewDowncastWriter ): ViewElement {\n\treturn writer.createRawElement( viewName, null, ( domElement, domConverter ) => {\n\t\tdomConverter.setContentOf( domElement, modelElement.getAttribute( 'htmlContent' ) as string );\n\t} );\n}\n\n/**\n * View-to-attribute conversion helper preserving inline element attributes on `$text`.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/\nexport function viewToAttributeInlineConverter(\n\t{ view: viewName, model: attributeKey, allowEmpty }: HtmlSupportDataSchemaInlineElementDefinition,\n\tdataFilter: DataFilter\n): ( dispatcher: UpcastDispatcher ) => void {\n\treturn dispatcher => {\n\t\tdispatcher.on<UpcastElementEvent>( `element:${ viewName }`, ( evt, data, conversionApi ) => {\n\t\t\tlet viewAttributes = dataFilter.processViewAttributes( data.viewItem, conversionApi );\n\n\t\t\t// Do not apply the attribute if the element itself is already consumed and there are no view attributes to store.\n\t\t\tif ( !viewAttributes && !conversionApi.consumable.test( data.viewItem, { name: true } ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Otherwise, we might need to convert it to an empty object just to preserve element itself,\n\t\t\t// for example `<cite>` => <$text htmlCite=\"{}\">.\n\t\t\tviewAttributes = viewAttributes || {};\n\n\t\t\t// Consume the element itself if it wasn't consumed by any other converter.\n\t\t\tconversionApi.consumable.consume( data.viewItem, { name: true } );\n\n\t\t\t// Since we are converting to attribute we need a range on which we will set the attribute.\n\t\t\t// If the range is not created yet, we will create it.\n\t\t\tif ( !data.modelRange ) {\n\t\t\t\tdata = Object.assign( data, conversionApi.convertChildren( data.viewItem, data.modelCursor ) );\n\t\t\t}\n\n\t\t\t// Convert empty inline element if allowed and has any attributes.\n\t\t\tif ( allowEmpty && data.modelRange!.isCollapsed && Object.keys( viewAttributes ).length ) {\n\t\t\t\tconst modelElement = conversionApi.writer.createElement( 'htmlEmptyElement' );\n\n\t\t\t\tif ( !conversionApi.safeInsert( modelElement, data.modelCursor ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst parts = conversionApi.getSplitParts( modelElement );\n\n\t\t\t\tdata.modelRange = conversionApi.writer.createRange(\n\t\t\t\t\tdata.modelRange!.start,\n\t\t\t\t\tconversionApi.writer.createPositionAfter( parts[ parts.length - 1 ] )\n\t\t\t\t);\n\n\t\t\t\tconversionApi.updateConversionResult( modelElement, data );\n\t\t\t\tsetAttributeOnItem( modelElement, viewAttributes, conversionApi );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Set attribute on each item in range according to the schema.\n\t\t\tfor ( const node of data.modelRange!.getItems() ) {\n\t\t\t\tsetAttributeOnItem( node, viewAttributes, conversionApi );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n\n\tfunction setAttributeOnItem( node: ModelItem, viewAttributes: GHSViewAttributes, conversionApi: UpcastConversionApi ): void {\n\t\tif ( conversionApi.schema.checkAttribute( node, attributeKey ) ) {\n\t\t\t// Node's children are converted recursively, so node can already include model attribute.\n\t\t\t// We want to extend it, not replace.\n\t\t\tconst nodeAttributes = node.getAttribute( attributeKey );\n\t\t\tconst attributesToAdd = mergeViewElementAttributes( viewAttributes, nodeAttributes || {} );\n\n\t\t\tconversionApi.writer.setAttribute( attributeKey, attributesToAdd, node );\n\t\t}\n\t}\n}\n\n/**\n * Conversion helper converting an empty inline model element to an HTML element or widget.\n *\n * @internal\n */\nexport function emptyInlineModelElementToViewConverter(\n\t{ model: attributeKey, view: viewName }: HtmlSupportDataSchemaInlineElementDefinition,\n\tasWidget?: boolean\n): DowncastElementCreatorFunction {\n\treturn ( item, { writer, consumable } ) => {\n\t\tif ( !item.hasAttribute( attributeKey ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst viewElement = writer.createContainerElement( viewName! );\n\t\tconst attributeValue = item.getAttribute( attributeKey ) as GHSViewAttributes;\n\n\t\tconsumable.consume( item, `attribute:${ attributeKey }` );\n\t\tsetViewAttributes( writer, attributeValue, viewElement );\n\n\t\tviewElement.getFillerOffset = () => null;\n\n\t\treturn asWidget ? toWidget( viewElement, writer ) : viewElement;\n\t};\n}\n\n/**\n * Attribute-to-view conversion helper applying attributes to view element preserved on `$text`.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/\nexport function attributeToViewInlineConverter( { priority, view: viewName }: HtmlSupportDataSchemaInlineElementDefinition ) {\n\treturn ( attributeValue: any, conversionApi: DowncastConversionApi ): ViewAttributeElement | undefined => {\n\t\tif ( !attributeValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { writer } = conversionApi;\n\t\tconst viewElement = writer.createAttributeElement( viewName!, null, { priority } );\n\n\t\tsetViewAttributes( writer, attributeValue, viewElement );\n\n\t\treturn viewElement;\n\t};\n}\n\n/**\n * View-to-model conversion helper preserving allowed attributes on block element.\n *\n * All matched attributes will be preserved on `html*Attributes` attribute.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/\nexport function viewToModelBlockAttributeConverter(\n\t{ view: viewName }: HtmlSupportDataSchemaBlockElementDefinition,\n\tdataFilter: DataFilter\n) {\n\treturn ( dispatcher: UpcastDispatcher ): void => {\n\t\tdispatcher.on<UpcastElementEvent>( `element:${ viewName }`, ( evt, data, conversionApi ) => {\n\t\t\t// Converting an attribute of an element that has not been converted to anything does not make sense\n\t\t\t// because there will be nowhere to set that attribute on. At this stage, the element should've already\n\t\t\t// been converted. A collapsed range can show up in to-do lists (<input>) or complex widgets (e.g. table).\n\t\t\t// (https://github.com/ckeditor/ckeditor5/issues/11000).\n\t\t\tif ( !data.modelRange || data.modelRange.isCollapsed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewAttributes = dataFilter.processViewAttributes( data.viewItem, conversionApi );\n\n\t\t\tif ( !viewAttributes ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconversionApi.writer.setAttribute(\n\t\t\t\tgetHtmlAttributeName( data.viewItem.name ),\n\t\t\t\tviewAttributes,\n\t\t\t\tdata.modelRange\n\t\t\t);\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * Model-to-view conversion helper applying attributes preserved in `html*Attributes` attribute\n * for block elements.\n *\n * @returns Returns a conversion callback.\n * @internal\n*/\nexport function modelToViewBlockAttributeConverter( { view: viewName, model: modelName }: HtmlSupportDataSchemaBlockElementDefinition ) {\n\treturn ( dispatcher: DowncastDispatcher ): void => {\n\t\tdispatcher.on<DowncastAttributeEvent>(\n\t\t\t`attribute:${ getHtmlAttributeName( viewName! ) }:${ modelName }`,\n\t\t\t( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst { attributeOldValue, attributeNewValue } = data;\n\t\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\t\tconst viewElement = conversionApi.mapper.toViewElement( data.item as ModelElement )!;\n\n\t\t\t\tupdateViewAttributes(\n\t\t\t\t\tviewWriter,\n\t\t\t\t\tattributeOldValue as GHSViewAttributes,\n\t\t\t\t\tattributeNewValue as GHSViewAttributes,\n\t\t\t\t\tviewElement\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport type { HtmlSupportDataSchemaBlockElementDefinition, HtmlSupportDataSchemaInlineElementDefinition } from './dataschema.js';\n\n/**\n * @module html-support/schemadefinitions\n */\n\n/**\n * Skipped elements due to HTML deprecation:\n * * noframes (not sure if we should provide support for this element. CKE4 is not supporting frameset and frame,\n *   but it will unpack <frameset><noframes>foobar</noframes></frameset> to <noframes>foobar</noframes>, so there\n *   may be some content loss. Although using noframes as a standalone element seems invalid)\n * * keygen (this one is also empty)\n * * applet (support is limited mostly to old IE)\n * * basefont (this one is also empty)\n * * isindex (basically no support for modern browsers at all)\n *\n * Skipped elements due to lack empty element support:\n * * hr\n * * area\n * * br\n * * command\n * * map\n * * wbr\n * * colgroup -> col\n *\n * Skipped elements due to complexity:\n * * datalist with option elements used as a data source for input[list] element\n *\n * Skipped elements as they are handled as an object content:\n * * track\n * * source\n * * option\n * * param\n * * optgroup\n *\n * Skipped full page HTML elements:\n * * body\n * * html\n * * title\n * * head\n * * meta\n * * link\n * * etc...\n *\n * Skipped hidden elements:\n * noscript\n *\n * When adding elements to this list, update the feature guide listing, too.\n *\n * @internal\n */\nexport const defaultConfig = {\n\tblock: [\n\t\t// Existing features.\n\t\t{\n\t\t\tmodel: 'codeBlock',\n\t\t\tview: 'pre'\n\t\t},\n\t\t{\n\t\t\tmodel: 'paragraph',\n\t\t\tview: 'p'\n\t\t},\n\t\t{\n\t\t\tmodel: 'blockQuote',\n\t\t\tview: 'blockquote'\n\t\t},\n\t\t{\n\t\t\tmodel: 'listItem',\n\t\t\tview: 'li'\n\t\t},\n\t\t{\n\t\t\tmodel: 'pageBreak',\n\t\t\tview: 'div'\n\t\t},\n\t\t{\n\t\t\tmodel: 'rawHtml',\n\t\t\tview: 'div'\n\t\t},\n\t\t{\n\t\t\tmodel: 'table',\n\t\t\tview: 'table'\n\t\t},\n\t\t{\n\t\t\tmodel: 'tableRow',\n\t\t\tview: 'tr'\n\t\t},\n\t\t{\n\t\t\tmodel: 'tableCell',\n\t\t\tview: 'td'\n\t\t},\n\t\t{\n\t\t\tmodel: 'tableCell',\n\t\t\tview: 'th'\n\t\t},\n\t\t{\n\t\t\tmodel: 'tableColumnGroup',\n\t\t\tview: 'colgroup'\n\t\t},\n\t\t{\n\t\t\tmodel: 'tableColumn',\n\t\t\tview: 'col'\n\t\t},\n\t\t{\n\t\t\tmodel: 'caption',\n\t\t\tview: 'caption'\n\t\t},\n\t\t{\n\t\t\tmodel: 'caption',\n\t\t\tview: 'figcaption'\n\t\t},\n\t\t{\n\t\t\tmodel: 'imageBlock',\n\t\t\tview: 'img'\n\t\t},\n\t\t{\n\t\t\tmodel: 'imageInline',\n\t\t\tview: 'img'\n\t\t},\n\t\t{\n\t\t\tmodel: 'horizontalLine',\n\t\t\tview: 'hr'\n\t\t},\n\n\t\t// Compatibility features.\n\t\t{\n\t\t\tmodel: 'htmlP',\n\t\t\tview: 'p',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlBlockquote',\n\t\t\tview: 'blockquote',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlTable',\n\t\t\tview: 'table',\n\t\t\tmodelSchema: {\n\t\t\t\tallowWhere: '$block',\n\t\t\t\tisBlock: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlTbody',\n\t\t\tview: 'tbody',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlTable',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlThead',\n\t\t\tview: 'thead',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlTable',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlTfoot',\n\t\t\tview: 'tfoot',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlTable',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlCaption',\n\t\t\tview: 'caption',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlTable',\n\t\t\t\tallowChildren: '$text',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlColgroup',\n\t\t\tview: 'colgroup',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlTable',\n\t\t\t\tallowChildren: 'col',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlCol',\n\t\t\tview: 'col',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlColgroup',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlTr',\n\t\t\tview: 'tr',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: [ 'htmlTable', 'htmlThead', 'htmlTbody' ],\n\t\t\t\tisLimit: true\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlTd',\n\t\t\tview: 'td',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlTr',\n\t\t\t\tallowContentOf: '$container',\n\t\t\t\tisLimit: true,\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlTh',\n\t\t\tview: 'th',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlTr',\n\t\t\t\tallowContentOf: '$container',\n\t\t\t\tisLimit: true,\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlFigure',\n\t\t\tview: 'figure',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include other block elements.\n\t\t{\n\t\t\tmodel: 'htmlFigcaption',\n\t\t\tview: 'figcaption',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlFigure',\n\t\t\t\tallowChildren: '$text',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlAddress',\n\t\t\tview: 'address',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlAside',\n\t\t\tview: 'aside',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlMain',\n\t\t\tview: 'main',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlDetails',\n\t\t\tview: 'details',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlSummary',\n\t\t\tview: 'summary',\n\t\t\tmodelSchema: {\n\t\t\t\tallowChildren: [\n\t\t\t\t\t'htmlH1',\n\t\t\t\t\t'htmlH2',\n\t\t\t\t\t'htmlH3',\n\t\t\t\t\t'htmlH4',\n\t\t\t\t\t'htmlH5',\n\t\t\t\t\t'htmlH6',\n\t\t\t\t\t'$text'\n\t\t\t\t],\n\t\t\t\tallowIn: 'htmlDetails',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlDiv',\n\t\t\tview: 'div',\n\t\t\tparagraphLikeModel: 'htmlDivParagraph',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container'\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlFieldset',\n\t\t\tview: 'fieldset',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include h1-h6.\n\t\t{\n\t\t\tmodel: 'htmlLegend',\n\t\t\tview: 'legend',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: 'htmlFieldset',\n\t\t\t\tallowChildren: '$text'\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlHeader',\n\t\t\tview: 'header',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlFooter',\n\t\t\tview: 'footer',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlForm',\n\t\t\tview: 'form',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlHgroup',\n\t\t\tview: 'hgroup',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: [ '$root', '$container' ],\n\t\t\t\tallowChildren: [\n\t\t\t\t\t'paragraph',\n\t\t\t\t\t'htmlP',\n\t\t\t\t\t'htmlH1',\n\t\t\t\t\t'htmlH2',\n\t\t\t\t\t'htmlH3',\n\t\t\t\t\t'htmlH4',\n\t\t\t\t\t'htmlH5',\n\t\t\t\t\t'htmlH6'\n\t\t\t\t],\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlH1',\n\t\t\tview: 'h1',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlH2',\n\t\t\tview: 'h2',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlH3',\n\t\t\tview: 'h3',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlH4',\n\t\t\tview: 'h4',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlH5',\n\t\t\tview: 'h5',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlH6',\n\t\t\tview: 'h6',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: '$htmlList',\n\t\t\tmodelSchema: {\n\t\t\t\tallowWhere: '$container',\n\t\t\t\tallowChildren: [ '$htmlList', 'htmlLi' ],\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlDir',\n\t\t\tview: 'dir',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$htmlList'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlMenu',\n\t\t\tview: 'menu',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$htmlList'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlUl',\n\t\t\tview: 'ul',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$htmlList'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlOl',\n\t\t\tview: 'ol',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$htmlList'\n\t\t\t}\n\t\t},\n\t\t// TODO can also include other block elements.\n\t\t{\n\t\t\tmodel: 'htmlLi',\n\t\t\tview: 'li',\n\t\t\tmodelSchema: {\n\t\t\t\tallowIn: '$htmlList',\n\t\t\t\tallowChildren: '$text',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlPre',\n\t\t\tview: 'pre',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlArticle',\n\t\t\tview: 'article',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlSection',\n\t\t\tview: 'section',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t// TODO can also include text.\n\t\t{\n\t\t\tmodel: 'htmlNav',\n\t\t\tview: 'nav',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlDivDl',\n\t\t\tview: 'div',\n\t\t\tmodelSchema: {\n\t\t\t\tallowChildren: [ 'htmlDt', 'htmlDd' ],\n\t\t\t\tallowIn: 'htmlDl'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlDl',\n\t\t\tview: 'dl',\n\t\t\tmodelSchema: {\n\t\t\t\tallowWhere: '$container',\n\t\t\t\tallowChildren: [ 'htmlDt', 'htmlDd', 'htmlDivDl' ],\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlDt',\n\t\t\tview: 'dt',\n\t\t\tmodelSchema: {\n\t\t\t\tallowChildren: '$block',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlDd',\n\t\t\tview: 'dd',\n\t\t\tmodelSchema: {\n\t\t\t\tallowChildren: '$block',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlCenter',\n\t\t\tview: 'center',\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$container',\n\t\t\t\tisBlock: false\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlHr',\n\t\t\tview: 'hr',\n\t\t\tisEmpty: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$blockObject'\n\t\t\t}\n\t\t}\n\t] as Array<HtmlSupportDataSchemaBlockElementDefinition>,\n\n\tinline: [\n\t\t// Existing features (attribute set on an existing model element).\n\t\t{\n\t\t\tmodel: 'htmlLiAttributes',\n\t\t\tview: 'li',\n\t\t\tappliesToBlock: true,\n\t\t\tcoupledAttribute: 'listItemId'\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlOlAttributes',\n\t\t\tview: 'ol',\n\t\t\tappliesToBlock: true,\n\t\t\tcoupledAttribute: 'listItemId'\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlUlAttributes',\n\t\t\tview: 'ul',\n\t\t\tappliesToBlock: true,\n\t\t\tcoupledAttribute: 'listItemId'\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlFigureAttributes',\n\t\t\tview: 'figure',\n\t\t\tappliesToBlock: 'table'\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlTheadAttributes',\n\t\t\tview: 'thead',\n\t\t\tappliesToBlock: 'table'\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlTbodyAttributes',\n\t\t\tview: 'tbody',\n\t\t\tappliesToBlock: 'table'\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlFigureAttributes',\n\t\t\tview: 'figure',\n\t\t\tappliesToBlock: 'imageBlock'\n\t\t},\n\n\t\t// Compatibility features.\n\t\t{\n\t\t\tmodel: 'htmlAcronym',\n\t\t\tview: 'acronym',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlTt',\n\t\t\tview: 'tt',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlFont',\n\t\t\tview: 'font',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlTime',\n\t\t\tview: 'time',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlVar',\n\t\t\tview: 'var',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlBig',\n\t\t\tview: 'big',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlSmall',\n\t\t\tview: 'small',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlSamp',\n\t\t\tview: 'samp',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlQ',\n\t\t\tview: 'q',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlOutput',\n\t\t\tview: 'output',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlKbd',\n\t\t\tview: 'kbd',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlBdi',\n\t\t\tview: 'bdi',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlBdo',\n\t\t\tview: 'bdo',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlAbbr',\n\t\t\tview: 'abbr',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlA',\n\t\t\tview: 'a',\n\t\t\tpriority: 5,\n\t\t\tcoupledAttribute: 'linkHref',\n\t\t\tattributeProperties: {\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlStrong',\n\t\t\tview: 'strong',\n\t\t\tcoupledAttribute: 'bold',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlB',\n\t\t\tview: 'b',\n\t\t\tcoupledAttribute: 'bold',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlI',\n\t\t\tview: 'i',\n\t\t\tcoupledAttribute: 'italic',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlEm',\n\t\t\tview: 'em',\n\t\t\tcoupledAttribute: 'italic',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlS',\n\t\t\tview: 's',\n\t\t\tcoupledAttribute: 'strikethrough',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t// TODO According to HTML-spec can behave as div-like element, although CKE4 only handles it as an inline element.\n\t\t{\n\t\t\tmodel: 'htmlDel',\n\t\t\tview: 'del',\n\t\t\tcoupledAttribute: 'strikethrough',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t// TODO According to HTML-spec can behave as div-like element, although CKE4 only handles it as an inline element.\n\t\t{\n\t\t\tmodel: 'htmlIns',\n\t\t\tview: 'ins',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlU',\n\t\t\tview: 'u',\n\t\t\tcoupledAttribute: 'underline',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlSub',\n\t\t\tview: 'sub',\n\t\t\tcoupledAttribute: 'subscript',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlSup',\n\t\t\tview: 'sup',\n\t\t\tcoupledAttribute: 'superscript',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlCode',\n\t\t\tview: 'code',\n\t\t\tcoupledAttribute: 'code',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlMark',\n\t\t\tview: 'mark',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlSpan',\n\t\t\tview: 'span',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlCite',\n\t\t\tview: 'cite',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlLabel',\n\t\t\tview: 'label',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlDfn',\n\t\t\tview: 'dfn',\n\t\t\tattributeProperties: {\n\t\t\t\tcopyOnEnter: true,\n\t\t\t\tisFormatting: true\n\t\t\t}\n\t\t},\n\n\t\t// Objects.\n\t\t{\n\t\t\tmodel: 'htmlObject',\n\t\t\tview: 'object',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlIframe',\n\t\t\tview: 'iframe',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlInput',\n\t\t\tview: 'input',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlButton',\n\t\t\tview: 'button',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlTextarea',\n\t\t\tview: 'textarea',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlSelect',\n\t\t\tview: 'select',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlVideo',\n\t\t\tview: 'video',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlEmbed',\n\t\t\tview: 'embed',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlOembed',\n\t\t\tview: 'oembed',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlAudio',\n\t\t\tview: 'audio',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlImg',\n\t\t\tview: 'img',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlCanvas',\n\t\t\tview: 'canvas',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t// TODO it could be probably represented as non-object element, although it has graphical representation,\n\t\t// so probably makes more sense to keep it as an object.\n\t\t{\n\t\t\tmodel: 'htmlMeter',\n\t\t\tview: 'meter',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t// TODO it could be probably represented as non-object element, although it has graphical representation,\n\t\t// so probably makes more sense to keep it as an object.\n\t\t{\n\t\t\tmodel: 'htmlProgress',\n\t\t\tview: 'progress',\n\t\t\tisObject: true,\n\t\t\tmodelSchema: {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlScript',\n\t\t\tview: 'script',\n\t\t\tmodelSchema: {\n\t\t\t\tallowWhere: [ '$text', '$block' ],\n\t\t\t\tisInline: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlStyle',\n\t\t\tview: 'style',\n\t\t\tmodelSchema: {\n\t\t\t\tallowWhere: [ '$text', '$block' ],\n\t\t\t\tisInline: true\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tmodel: 'htmlCustomElement',\n\t\t\tview: '$customElement',\n\t\t\tmodelSchema: {\n\t\t\t\tallowWhere: [ '$text', '$block' ],\n\t\t\t\tallowAttributesOf: '$inlineObject',\n\t\t\t\tisInline: true\n\t\t\t}\n\t\t}\n\t] as Array<HtmlSupportDataSchemaInlineElementDefinition>\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/dataschema\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { toArray } from 'ckeditor5/src/utils.js';\nimport { defaultConfig } from './schemadefinitions.js';\nimport { mergeWith } from 'es-toolkit/compat';\nimport type { ModelAttributeProperties, ModelSchemaItemDefinition } from 'ckeditor5/src/engine.js';\n\n/**\n * Holds representation of the extended HTML document type definitions to be used by the\n * editor in HTML support.\n *\n * Data schema is represented by data schema definitions.\n *\n * To add new definition for block element,\n * use {@link module:html-support/dataschema~DataSchema#registerBlockElement} method:\n *\n * ```ts\n * dataSchema.registerBlockElement( {\n * \tview: 'section',\n * \tmodel: 'my-section',\n * \tmodelSchema: {\n * \t\tinheritAllFrom: '$block'\n * \t}\n * } );\n * ```\n *\n * To add new definition for inline element,\n * use {@link module:html-support/dataschema~DataSchema#registerInlineElement} method:\n *\n * ```\n * dataSchema.registerInlineElement( {\n * \tview: 'span',\n * \tmodel: 'my-span',\n * \tattributeProperties: {\n * \t\tcopyOnEnter: true\n * \t}\n * } );\n * ```\n */\nexport class DataSchema extends Plugin {\n\t/**\n\t * A map of registered data schema definitions.\n\t */\n\tprivate readonly _definitions: Array<HtmlSupportDataSchemaDefinition> = [];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'DataSchema' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tfor ( const definition of defaultConfig.block ) {\n\t\t\tthis.registerBlockElement( definition );\n\t\t}\n\n\t\tfor ( const definition of defaultConfig.inline ) {\n\t\t\tthis.registerInlineElement( definition );\n\t\t}\n\t}\n\n\t/**\n\t * Add new data schema definition describing block element.\n\t */\n\tpublic registerBlockElement( definition: HtmlSupportDataSchemaBlockElementDefinition ): void {\n\t\tthis._definitions.push( { ...definition, isBlock: true } );\n\t}\n\n\t/**\n\t * Add new data schema definition describing inline element.\n\t */\n\tpublic registerInlineElement( definition: HtmlSupportDataSchemaInlineElementDefinition ): void {\n\t\tthis._definitions.push( { ...definition, isInline: true } );\n\t}\n\n\t/**\n\t * Updates schema definition describing block element with new properties.\n\t *\n\t * Creates new scheme if it doesn't exist.\n\t * Array properties are concatenated with original values.\n\t *\n\t * @param definition Definition update.\n\t */\n\tpublic extendBlockElement( definition: HtmlSupportDataSchemaBlockElementDefinition ): void {\n\t\tthis._extendDefinition( { ...definition, isBlock: true } );\n\t}\n\n\t/**\n\t * Updates schema definition describing inline element with new properties.\n\t *\n\t * Creates new scheme if it doesn't exist.\n\t * Array properties are concatenated with original values.\n\t *\n\t * @param definition Definition update.\n\t */\n\tpublic extendInlineElement( definition: HtmlSupportDataSchemaInlineElementDefinition ): void {\n\t\tthis._extendDefinition( { ...definition, isInline: true } );\n\t}\n\n\t/**\n\t * Returns all definitions matching the given view name.\n\t *\n\t * @param includeReferences Indicates if this method should also include definitions of referenced models.\n\t */\n\tpublic getDefinitionsForView( viewName: string | RegExp, includeReferences: boolean = false ): Set<HtmlSupportDataSchemaDefinition> {\n\t\tconst definitions = new Set<HtmlSupportDataSchemaDefinition>();\n\n\t\tfor ( const definition of this._getMatchingViewDefinitions( viewName ) ) {\n\t\t\tif ( includeReferences ) {\n\t\t\t\tfor ( const reference of this._getReferences( definition.model ) ) {\n\t\t\t\t\tdefinitions.add( reference );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tdefinitions.add( definition );\n\t\t}\n\n\t\treturn definitions;\n\t}\n\n\t/**\n\t * Returns definitions matching the given model name.\n\t */\n\tpublic getDefinitionsForModel( modelName: string ): Array<HtmlSupportDataSchemaDefinition> {\n\t\treturn this._definitions.filter( definition => definition.model == modelName );\n\t}\n\n\t/**\n\t * Returns definitions matching the given view name.\n\t */\n\tprivate _getMatchingViewDefinitions( viewName: string | RegExp ): Array<HtmlSupportDataSchemaDefinition> {\n\t\treturn this._definitions.filter( def => def.view && testViewName( viewName, def.view ) );\n\t}\n\n\t/**\n\t * Resolves all definition references registered for the given data schema definition.\n\t *\n\t * @param modelName Data schema model name.\n\t */\n\tprivate* _getReferences( modelName: string ): Iterable<HtmlSupportDataSchemaDefinition> {\n\t\tconst inheritProperties = [\n\t\t\t'inheritAllFrom',\n\t\t\t'inheritTypesFrom',\n\t\t\t'allowWhere',\n\t\t\t'allowContentOf',\n\t\t\t'allowAttributesOf'\n\t\t] as const;\n\n\t\tconst definitions = this._definitions.filter( definition => definition.model == modelName );\n\n\t\tfor ( const { modelSchema } of definitions ) {\n\t\t\tif ( !modelSchema ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tfor ( const property of inheritProperties ) {\n\t\t\t\tfor ( const referenceName of toArray( modelSchema[ property ] || [] ) ) {\n\t\t\t\t\tconst definitions = this._definitions.filter( definition => definition.model == referenceName );\n\n\t\t\t\t\tfor ( const definition of definitions ) {\n\t\t\t\t\t\tif ( referenceName !== modelName ) {\n\t\t\t\t\t\t\tyield* this._getReferences( definition.model );\n\t\t\t\t\t\t\tyield definition;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Updates schema definition with new properties.\n\t *\n\t * Creates new scheme if it doesn't exist.\n\t * Array properties are concatenated with original values.\n\t *\n\t * @param definition Definition update.\n\t */\n\tprivate _extendDefinition( definition: HtmlSupportDataSchemaDefinition ): void {\n\t\tconst currentDefinitions = Array.from( this._definitions.entries() )\n\t\t\t.filter( ( [ , currentDefinition ] ) => currentDefinition.model == definition.model );\n\n\t\tif ( currentDefinitions.length == 0 ) {\n\t\t\tthis._definitions.push( definition );\n\n\t\t\treturn;\n\t\t}\n\n\t\tfor ( const [ idx, currentDefinition ] of currentDefinitions ) {\n\t\t\tthis._definitions[ idx ] = mergeWith( {}, currentDefinition, definition, ( target, source ) => {\n\t\t\t\treturn Array.isArray( target ) ? target.concat( source ) : undefined;\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * Test view name against the given pattern.\n */\nfunction testViewName( pattern: string | RegExp, viewName: string ): boolean {\n\tif ( typeof pattern === 'string' ) {\n\t\treturn pattern === viewName;\n\t}\n\n\tif ( pattern instanceof RegExp ) {\n\t\treturn pattern.test( viewName );\n\t}\n\n\treturn false;\n}\n\n/**\n * A base definition of {@link module:html-support/dataschema~DataSchema data schema}.\n */\nexport interface HtmlSupportDataSchemaDefinition {\n\n\t/**\n\t * Name of the model.\n\t */\n\tmodel: string;\n\n\t/**\n\t * Name of the view element.\n\t */\n\tview?: string;\n\n\t/**\n\t * Indicates that the definition describes object element.\n\t */\n\tisObject?: boolean;\n\n\t/**\n\t * The model schema item definition describing registered model.\n\t */\n\tmodelSchema?: ModelSchemaItemDefinition;\n\n\t/**\n\t * Indicates that the definition describes block element.\n\t * Set by {@link module:html-support/dataschema~DataSchema#registerBlockElement} method.\n\t */\n\tisBlock?: boolean;\n\n\t/**\n\t * Indicates that the definition describes inline element.\n\t */\n\tisInline?: boolean;\n\n\t/**\n\t * Indicates that the definition describes an empty HTML element like `<hr>`.\n\t */\n\tisEmpty?: boolean;\n}\n\n/**\n * A definition of {@link module:html-support/dataschema~DataSchema data schema} for block elements.\n */\nexport interface HtmlSupportDataSchemaBlockElementDefinition extends HtmlSupportDataSchemaDefinition {\n\n\t/**\n\t * Should be used when an element can behave both as a sectioning element (e.g. article) and\n\t * element accepting only inline content (e.g. paragraph).\n\t * If an element contains only inline content, this option will be used as a model name.\n\t */\n\tparagraphLikeModel?: string;\n}\n\n/**\n * A definition of {@link module:html-support/dataschema~DataSchema data schema} for inline elements.\n */\nexport interface HtmlSupportDataSchemaInlineElementDefinition extends HtmlSupportDataSchemaDefinition {\n\n\t/**\n\t *  Additional metadata describing the model attribute.\n\t */\n\tattributeProperties?: ModelAttributeProperties;\n\n\t/**\n\t * Element priority. Decides in what order elements are wrapped by\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter}.\n\t * Set by {@link module:html-support/dataschema~DataSchema#registerInlineElement} method.\n\t */\n\tpriority?: number;\n\n\t/**\n\t * The name of the model attribute that generates the same view element. GHS inline attribute\n\t * will be removed from the model tree as soon as the coupled attribute is removed. See\n\t * {@link module:html-support/datafilter~DataFilter#_registerCoupledAttributesPostFixer GHS post-fixer} for more details.\n\t */\n\tcoupledAttribute?: string;\n\n\t/**\n\t * Indicates that element should not be converted as a model text attribute.\n\t * It is used to map view elements that do not have a separate model element but their data is stored in a model attribute.\n\t * For example `<tbody>` element does not have a dedicated model element and GHS stores attributes of `<tbody>`\n\t * in the `htmlTbodyAttributes` model attribute of the `table` model element.\n\t */\n\tappliesToBlock?: boolean | string;\n\n\t/**\n\t * Indicates that an element should be preserved even if it has no content.\n\t */\n\tallowEmpty?: boolean;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/datafilter\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\n\nimport {\n\tMatcher,\n\tStylesMap,\n\ttype MatcherPattern,\n\ttype UpcastConversionApi,\n\ttype ViewElement,\n\ttype ViewConsumable,\n\ttype MatcherObjectPattern,\n\ttype ModelDocumentSelectionChangeAttributeEvent,\n\ttype ModelElement,\n\ttype ModelItem\n} from 'ckeditor5/src/engine.js';\n\nimport {\n\tCKEditorError,\n\tpriorities,\n\tisValidAttributeName\n} from 'ckeditor5/src/utils.js';\n\nimport { Widget } from 'ckeditor5/src/widget.js';\n\nimport {\n\tviewToModelObjectConverter,\n\ttoObjectWidgetConverter,\n\tcreateObjectView,\n\n\tviewToAttributeInlineConverter,\n\tattributeToViewInlineConverter,\n\temptyInlineModelElementToViewConverter,\n\n\tviewToModelBlockAttributeConverter,\n\tmodelToViewBlockAttributeConverter\n} from './converters.js';\n\nimport {\n\tDataSchema,\n\ttype HtmlSupportDataSchemaBlockElementDefinition,\n\ttype HtmlSupportDataSchemaDefinition,\n\ttype HtmlSupportDataSchemaInlineElementDefinition\n} from './dataschema.js';\n\nimport {\n\tgetHtmlAttributeName,\n\ttype GHSViewAttributes\n} from './utils.js';\n\nimport { isPlainObject } from 'es-toolkit/compat';\n\nimport '../theme/datafilter.css';\n\n/**\n * Allows to validate elements and element attributes registered by {@link module:html-support/dataschema~DataSchema}.\n *\n * To enable registered element in the editor, use {@link module:html-support/datafilter~DataFilter#allowElement} method:\n *\n * ```ts\n * dataFilter.allowElement( 'section' );\n * ```\n *\n * You can also allow or disallow specific element attributes:\n *\n * ```ts\n * // Allow `data-foo` attribute on `section` element.\n * dataFilter.allowAttributes( {\n * \tname: 'section',\n * \tattributes: {\n * \t\t'data-foo': true\n * \t}\n * } );\n *\n * // Disallow `color` style attribute on 'section' element.\n * dataFilter.disallowAttributes( {\n * \tname: 'section',\n * \tstyles: {\n * \t\tcolor: /[\\s\\S]+/\n * \t}\n * } );\n * ```\n *\n * To apply the information about allowed and disallowed attributes in custom integration plugin,\n * use the {@link module:html-support/datafilter~DataFilter#processViewAttributes `processViewAttributes()`} method.\n */\nexport class DataFilter extends Plugin {\n\t/**\n\t * An instance of the {@link module:html-support/dataschema~DataSchema}.\n\t */\n\tprivate readonly _dataSchema: DataSchema;\n\n\t/**\n\t * {@link module:engine/view/matcher~Matcher Matcher} instance describing rules upon which\n\t * content attributes should be allowed.\n\t */\n\tprivate readonly _allowedAttributes: Matcher;\n\n\t/**\n\t * {@link module:engine/view/matcher~Matcher Matcher} instance describing rules upon which\n\t * content attributes should be disallowed.\n\t */\n\tprivate readonly _disallowedAttributes: Matcher;\n\n\t/**\n\t * Allowed element definitions by {@link module:html-support/datafilter~DataFilter#allowElement} method.\n\t*/\n\tprivate readonly _allowedElements: Set<HtmlSupportDataSchemaDefinition & { coupledAttribute?: string }>;\n\n\t/**\n\t * Disallowed element names by {@link module:html-support/datafilter~DataFilter#disallowElement} method.\n\t */\n\tprivate readonly _disallowedElements: Set<string>;\n\n\t/**\n\t * Indicates if {@link module:engine/controller/datacontroller~DataController editor's data controller}\n\t * data has been already initialized.\n\t*/\n\tprivate _dataInitialized: boolean;\n\n\t/**\n\t * Cached map of coupled attributes. Keys are the feature attributes names\n\t * and values are arrays with coupled GHS attributes names.\n\t */\n\tprivate _coupledAttributes: Map<string, Array<string>> | null;\n\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._dataSchema = editor.plugins.get( 'DataSchema' );\n\t\tthis._allowedAttributes = new Matcher();\n\t\tthis._disallowedAttributes = new Matcher();\n\t\tthis._allowedElements = new Set();\n\t\tthis._disallowedElements = new Set();\n\t\tthis._dataInitialized = false;\n\t\tthis._coupledAttributes = null;\n\n\t\tthis._registerElementsAfterInit();\n\t\tthis._registerElementHandlers();\n\t\tthis._registerCoupledAttributesPostFixer();\n\t\tthis._registerAssociatedHtmlAttributesPostFixer();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'DataFilter' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataSchema, Widget ] as const;\n\t}\n\n\t/**\n\t * Load a configuration of one or many elements, where their attributes should be allowed.\n\t *\n\t * **Note**: Rules will be applied just before next data pipeline data init or set.\n\t *\n\t * @param config Configuration of elements that should have their attributes accepted in the editor.\n\t */\n\tpublic loadAllowedConfig( config: Array<MatcherObjectPattern> ): void {\n\t\tfor ( const pattern of config ) {\n\t\t\t// MatcherPattern allows omitting `name` to widen the search of elements.\n\t\t\t// Let's keep it consistent and match every element if a `name` has not been provided.\n\t\t\tconst elementName = pattern.name || /[\\s\\S]+/;\n\t\t\tconst rules = splitRules( pattern );\n\n\t\t\tthis.allowElement( elementName );\n\n\t\t\trules.forEach( pattern => this.allowAttributes( pattern ) );\n\t\t}\n\t}\n\n\t/**\n\t * Load a configuration of one or many elements, where their attributes should be disallowed.\n\t *\n\t * **Note**: Rules will be applied just before next data pipeline data init or set.\n\t *\n\t * @param config Configuration of elements that should have their attributes rejected from the editor.\n\t */\n\tpublic loadDisallowedConfig( config: Array<MatcherObjectPattern> ): void {\n\t\tfor ( const pattern of config ) {\n\t\t\t// MatcherPattern allows omitting `name` to widen the search of elements.\n\t\t\t// Let's keep it consistent and match every element if a `name` has not been provided.\n\t\t\tconst elementName = pattern.name || /[\\s\\S]+/;\n\t\t\tconst rules = splitRules( pattern );\n\n\t\t\t// Disallow element itself if there is no other rules.\n\t\t\tif ( rules.length == 0 ) {\n\t\t\t\tthis.disallowElement( elementName );\n\t\t\t} else {\n\t\t\t\trules.forEach( pattern => this.disallowAttributes( pattern ) );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Load a configuration of one or many elements, where when empty should be allowed.\n\t *\n\t * **Note**: It modifies DataSchema so must be loaded before registering filtering rules.\n\t *\n\t * @param config Configuration of elements that should be preserved even if empty.\n\t */\n\tpublic loadAllowedEmptyElementsConfig( config: Array<string> ): void {\n\t\tfor ( const elementName of config ) {\n\t\t\tthis.allowEmptyElement( elementName );\n\t\t}\n\t}\n\n\t/**\n\t * Allow the given element in the editor context.\n\t *\n\t * This method will only allow elements described by the {@link module:html-support/dataschema~DataSchema} used\n\t * to create data filter.\n\t *\n\t * **Note**: Rules will be applied just before next data pipeline data init or set.\n\t *\n\t * @param viewName String or regular expression matching view name.\n\t */\n\tpublic allowElement( viewName: string | RegExp ): void {\n\t\tfor ( const definition of this._dataSchema.getDefinitionsForView( viewName, true ) ) {\n\t\t\tthis._addAllowedElement( definition );\n\n\t\t\t// Reset cached map to recalculate it on the next usage.\n\t\t\tthis._coupledAttributes = null;\n\t\t}\n\t}\n\n\t/**\n\t * Disallow the given element in the editor context.\n\t *\n\t * This method will only disallow elements described by the {@link module:html-support/dataschema~DataSchema} used\n\t * to create data filter.\n\t *\n\t * @param viewName String or regular expression matching view name.\n\t */\n\tpublic disallowElement( viewName: string | RegExp ): void {\n\t\tfor ( const definition of this._dataSchema.getDefinitionsForView( viewName, false ) ) {\n\t\t\tthis._disallowedElements.add( definition.view! );\n\t\t}\n\t}\n\n\t/**\n\t * Allow the given empty element in the editor context.\n\t *\n\t * This method will only allow elements described by the {@link module:html-support/dataschema~DataSchema} used\n\t * to create data filter.\n\t *\n\t * **Note**: It modifies DataSchema so must be called before registering filtering rules.\n\t *\n\t * @param viewName String or regular expression matching view name.\n\t */\n\tpublic allowEmptyElement( viewName: string ): void {\n\t\tfor ( const definition of this._dataSchema.getDefinitionsForView( viewName, true ) ) {\n\t\t\tif ( definition.isInline ) {\n\t\t\t\tthis._dataSchema.extendInlineElement( { ...definition, allowEmpty: true } );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Allow the given attributes for view element allowed by {@link #allowElement} method.\n\t *\n\t * @param config Pattern matching all attributes which should be allowed.\n\t */\n\tpublic allowAttributes( config: MatcherPattern ): void {\n\t\tthis._allowedAttributes.add( config );\n\t}\n\n\t/**\n\t * Disallow the given attributes for view element allowed by {@link #allowElement} method.\n\t *\n\t * @param config Pattern matching all attributes which should be disallowed.\n\t */\n\tpublic disallowAttributes( config: MatcherPattern ): void {\n\t\tthis._disallowedAttributes.add( config );\n\t}\n\n\t/**\n\t * Processes all allowed and disallowed attributes on the view element by consuming them and returning the allowed ones.\n\t *\n\t * This method applies the configuration set up by {@link #allowAttributes `allowAttributes()`}\n\t * and {@link #disallowAttributes `disallowAttributes()`} over the given view element by consuming relevant attributes.\n\t * It returns the allowed attributes that were found on the given view element for further processing by integration code.\n\t *\n\t * ```ts\n\t * dispatcher.on( 'element:myElement', ( evt, data, conversionApi ) => {\n\t * \t// Get rid of disallowed and extract all allowed attributes from a viewElement.\n\t * \tconst viewAttributes = dataFilter.processViewAttributes( data.viewItem, conversionApi );\n\t * \t// Do something with them, i.e. store inside a model as a dictionary.\n\t * \tif ( viewAttributes ) {\n\t * \t\tconversionApi.writer.setAttribute( 'htmlAttributesOfMyElement', viewAttributes, data.modelRange );\n\t * \t}\n\t * } );\n\t * ```\n\t *\n\t * @see module:engine/conversion/viewconsumable~ViewConsumable#consume\n\t *\n\t * @returns Object with following properties:\n\t * - attributes Set with matched attribute names.\n\t * - styles Set with matched style names.\n\t * - classes Set with matched class names.\n\t */\n\tpublic processViewAttributes( viewElement: ViewElement, conversionApi: UpcastConversionApi ): GHSViewAttributes | null {\n\t\tconst { consumable } = conversionApi;\n\n\t\t// Make sure that the disabled attributes are handled before the allowed attributes are called.\n\t\t// For example, for block images the <figure> converter triggers conversion for <img> first and then for other elements, i.e. <a>.\n\t\tmatchAndConsumeAttributes( viewElement, this._disallowedAttributes, consumable );\n\n\t\treturn prepareGHSAttribute( viewElement, matchAndConsumeAttributes( viewElement, this._allowedAttributes, consumable ) );\n\t}\n\n\t/**\n\t * Adds allowed element definition and fires registration event.\n\t */\n\tprivate _addAllowedElement( definition: HtmlSupportDataSchemaDefinition ): void {\n\t\tif ( this._allowedElements.has( definition ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._allowedElements.add( definition );\n\n\t\t// For attribute based integrations (table figure, document lists, etc.) register related element definitions.\n\t\tif ( 'appliesToBlock' in definition && typeof definition.appliesToBlock == 'string' ) {\n\t\t\tfor ( const relatedDefinition of this._dataSchema.getDefinitionsForModel( definition.appliesToBlock ) ) {\n\t\t\t\tif ( relatedDefinition.isBlock ) {\n\t\t\t\t\tthis._addAllowedElement( relatedDefinition );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// We need to wait for all features to be initialized before we can register\n\t\t// element, so we can access existing features model schemas.\n\t\t// If the data has not been initialized yet, _registerElementsAfterInit() method will take care of\n\t\t// registering elements.\n\t\tif ( this._dataInitialized ) {\n\t\t\t// Defer registration to the next data pipeline data set so any disallow rules could be applied\n\t\t\t// even if added after allow rule (disallowElement).\n\t\t\tthis.editor.data.once( 'set', () => {\n\t\t\t\tthis._fireRegisterEvent( definition );\n\t\t\t}, {\n\t\t\t\t// With the highest priority listener we are able to register elements right before\n\t\t\t\t// running data conversion.\n\t\t\t\tpriority: priorities.highest + 1\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Registers elements allowed by {@link module:html-support/datafilter~DataFilter#allowElement} method\n\t * once {@link module:engine/controller/datacontroller~DataController editor's data controller} is initialized.\n\t*/\n\tprivate _registerElementsAfterInit() {\n\t\tthis.editor.data.on( 'init', () => {\n\t\t\tthis._dataInitialized = true;\n\n\t\t\tfor ( const definition of this._allowedElements ) {\n\t\t\t\tthis._fireRegisterEvent( definition );\n\t\t\t}\n\t\t}, {\n\t\t\t// With highest priority listener we are able to register elements right before\n\t\t\t// running data conversion. Also:\n\t\t\t// * Make sure that priority is higher than the one used by `RealTimeCollaborationClient`,\n\t\t\t// as RTC is stopping event propagation.\n\t\t\t// * Make sure no other features hook into this event before GHS because otherwise the\n\t\t\t// downcast conversion (for these features) could run before GHS registered its converters\n\t\t\t// (https://github.com/ckeditor/ckeditor5/issues/11356).\n\t\t\tpriority: priorities.highest + 1\n\t\t} );\n\t}\n\n\t/**\n\t * Registers default element handlers.\n\t */\n\tprivate _registerElementHandlers() {\n\t\tthis.on<HtmlSupportDataFilterRegisterEvent>( 'register', ( evt, definition ) => {\n\t\t\tconst schema = this.editor.model.schema;\n\n\t\t\t// Object element should be only registered for new features.\n\t\t\t// If the model schema is already registered, it should be handled by\n\t\t\t// #_registerBlockElement() or #_registerObjectElement() attribute handlers.\n\t\t\tif ( definition.isObject && !schema.isRegistered( definition.model ) ) {\n\t\t\t\tthis._registerObjectElement( definition );\n\t\t\t} else if ( definition.isBlock ) {\n\t\t\t\tthis._registerBlockElement( definition as HtmlSupportDataSchemaBlockElementDefinition );\n\t\t\t} else if ( definition.isInline ) {\n\t\t\t\tthis._registerInlineElement( definition as HtmlSupportDataSchemaInlineElementDefinition );\n\t\t\t} else {\n\t\t\t\t/**\n\t\t\t\t * The definition cannot be handled by the data filter.\n\t\t\t\t *\n\t\t\t\t * Make sure that the registered definition is correct.\n\t\t\t\t *\n\t\t\t\t * @error data-filter-invalid-definition\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'data-filter-invalid-definition',\n\t\t\t\t\tnull,\n\t\t\t\t\tdefinition\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tevt.stop();\n\t\t}, { priority: 'lowest' } );\n\t}\n\n\t/**\n\t * Registers a model post-fixer that is removing coupled GHS attributes of inline elements. Those attributes\n\t * are removed if a coupled feature attribute is removed.\n\t *\n\t * For example, consider following HTML:\n\t *\n\t * ```html\n\t * <a href=\"foo.html\" id=\"myId\">bar</a>\n\t * ```\n\t *\n\t * Which would be upcasted to following text node in the model:\n\t *\n\t * ```html\n\t * <$text linkHref=\"foo.html\" htmlA=\"{ attributes: { id: 'myId' } }\">bar</$text>\n\t * ```\n\t *\n\t * When the user removes the link from that text (using UI), only `linkHref` attribute would be removed:\n\t *\n\t * ```html\n\t * <$text htmlA=\"{ attributes: { id: 'myId' } }\">bar</$text>\n\t * ```\n\t *\n\t * The `htmlA` attribute would stay in the model and would cause GHS to generate an `<a>` element.\n\t * This is incorrect from UX point of view, as the user wanted to remove the whole link (not only `href`).\n\t */\n\tprivate _registerCoupledAttributesPostFixer() {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\tmodel.document.registerPostFixer( writer => {\n\t\t\tconst changes = model.document.differ.getChanges();\n\t\t\tlet changed = false;\n\n\t\t\tconst coupledAttributes = this._getCoupledAttributesMap();\n\n\t\t\tfor ( const change of changes ) {\n\t\t\t\t// Handle only attribute removals.\n\t\t\t\tif ( change.type != 'attribute' || change.attributeNewValue !== null ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Find a list of coupled GHS attributes.\n\t\t\t\tconst attributeKeys = coupledAttributes.get( change.attributeKey );\n\n\t\t\t\tif ( !attributeKeys ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Remove the coupled GHS attributes on the same range as the feature attribute was removed.\n\t\t\t\tfor ( const { item } of change.range.getWalker() ) {\n\t\t\t\t\tfor ( const attributeKey of attributeKeys ) {\n\t\t\t\t\t\tif ( item.hasAttribute( attributeKey ) ) {\n\t\t\t\t\t\t\twriter.removeAttribute( attributeKey, item );\n\t\t\t\t\t\t\tchanged = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn changed;\n\t\t} );\n\n\t\tthis.listenTo<ModelDocumentSelectionChangeAttributeEvent>( selection, 'change:attribute', ( evt, { attributeKeys } ) => {\n\t\t\tconst removeAttributes = new Set<string>();\n\t\t\tconst coupledAttributes = this._getCoupledAttributesMap();\n\n\t\t\tfor ( const attributeKey of attributeKeys ) {\n\t\t\t\t// Handle only attribute removals.\n\t\t\t\tif ( selection.hasAttribute( attributeKey ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Find a list of coupled GHS attributes.\n\t\t\t\tconst coupledAttributeKeys = coupledAttributes.get( attributeKey );\n\n\t\t\t\tif ( !coupledAttributeKeys ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor ( const coupledAttributeKey of coupledAttributeKeys ) {\n\t\t\t\t\tif ( selection.hasAttribute( coupledAttributeKey ) ) {\n\t\t\t\t\t\tremoveAttributes.add( coupledAttributeKey );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( removeAttributes.size == 0 ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tmodel.change( writer => {\n\t\t\t\tfor ( const attributeKey of removeAttributes ) {\n\t\t\t\t\twriter.removeSelectionAttribute( attributeKey );\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Removes `html*Attributes` attributes from incompatible elements.\n\t *\n\t * For example, consider the following HTML:\n\t *\n\t * ```html\n\t * <heading2 htmlH2Attributes=\"...\">foobar[]</heading2>\n\t * ```\n\t *\n\t * Pressing `enter` creates a new `paragraph` element that inherits\n\t * the `htmlH2Attributes` attribute from `heading2`.\n\t *\n\t * ```html\n\t * <heading2 htmlH2Attributes=\"...\">foobar</heading2>\n\t * <paragraph htmlH2Attributes=\"...\">[]</paragraph>\n\t * ```\n\t *\n\t * This postfixer ensures that this doesn't happen, and that elements can\n\t * only have `html*Attributes` associated with them,\n\t * e.g.: `htmlPAttributes` for `<p>`, `htmlDivAttributes` for `<div>`, etc.\n\t *\n\t * With it enabled, pressing `enter` at the end of `<heading2>` will create\n\t * a new paragraph without the `htmlH2Attributes` attribute.\n\t *\n\t * ```html\n\t * <heading2 htmlH2Attributes=\"...\">foobar</heading2>\n\t * <paragraph>[]</paragraph>\n\t * ```\n\t */\n\tprivate _registerAssociatedHtmlAttributesPostFixer() {\n\t\tconst model = this.editor.model;\n\n\t\tmodel.document.registerPostFixer( writer => {\n\t\t\tconst changes = model.document.differ.getChanges();\n\t\t\tlet changed = false;\n\n\t\t\tfor ( const change of changes ) {\n\t\t\t\tif ( change.type !== 'insert' || change.name === '$text' ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor ( const attr of change.attributes.keys() ) {\n\t\t\t\t\tif ( !attr.startsWith( 'html' ) || !attr.endsWith( 'Attributes' ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( !model.schema.checkAttribute( change.name, attr ) ) {\n\t\t\t\t\t\twriter.removeAttribute( attr, change.position.nodeAfter! );\n\t\t\t\t\t\tchanged = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn changed;\n\t\t} );\n\t}\n\n\t/**\n\t * Collects the map of coupled attributes. The returned map is keyed by the feature attribute name\n\t * and coupled GHS attribute names are stored in the value array.\n\t */\n\tprivate _getCoupledAttributesMap(): Map<string, Array<string>> {\n\t\tif ( this._coupledAttributes ) {\n\t\t\treturn this._coupledAttributes;\n\t\t}\n\n\t\tthis._coupledAttributes = new Map<string, Array<string>>();\n\n\t\tfor ( const definition of this._allowedElements ) {\n\t\t\tif ( definition.coupledAttribute && definition.model ) {\n\t\t\t\tconst attributeNames = this._coupledAttributes.get( definition.coupledAttribute );\n\n\t\t\t\tif ( attributeNames ) {\n\t\t\t\t\tattributeNames.push( definition.model );\n\t\t\t\t} else {\n\t\t\t\t\tthis._coupledAttributes.set( definition.coupledAttribute, [ definition.model ] );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn this._coupledAttributes;\n\t}\n\n\t/**\n\t * Fires `register` event for the given element definition.\n\t */\n\tprivate _fireRegisterEvent( definition: HtmlSupportDataSchemaDefinition ) {\n\t\tif ( definition.view && this._disallowedElements.has( definition.view ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fire<HtmlSupportDataFilterRegisterEvent>( definition.view ? `register:${ definition.view }` : 'register', definition );\n\t}\n\n\t/**\n\t * Registers object element and attribute converters for the given data schema definition.\n\t */\n\tprivate _registerObjectElement( definition: HtmlSupportDataSchemaDefinition ) {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst { view: viewName, model: modelName } = definition;\n\n\t\tschema.register( modelName, definition.modelSchema );\n\n\t\t/* istanbul ignore next: paranoid check -- @preserve */\n\t\tif ( !viewName ) {\n\t\t\treturn;\n\t\t}\n\n\t\tschema.extend( definition.model, {\n\t\t\tallowAttributes: [ getHtmlAttributeName( viewName ), 'htmlContent' ]\n\t\t} );\n\n\t\t// Store element content in special `$rawContent` custom property to\n\t\t// avoid editor's data filtering mechanism.\n\t\teditor.data.registerRawContentMatcher( {\n\t\t\tname: viewName\n\t\t} );\n\n\t\tconversion.for( 'upcast' ).elementToElement( {\n\t\t\tview: viewName,\n\t\t\tmodel: viewToModelObjectConverter( definition ),\n\t\t\t// With a `low` priority, `paragraph` plugin auto-paragraphing mechanism is executed. Make sure\n\t\t\t// this listener is called before it. If not, some elements will be transformed into a paragraph.\n\t\t\t// `+ 2` is used to take priority over `_addDefaultH1Conversion` in the Heading plugin.\n\t\t\tconverterPriority: priorities.low + 2\n\t\t} );\n\t\tconversion.for( 'upcast' )\n\t\t\t.add( viewToModelBlockAttributeConverter( definition as HtmlSupportDataSchemaBlockElementDefinition, this ) );\n\n\t\tconversion.for( 'editingDowncast' ).elementToStructure( {\n\t\t\tmodel: {\n\t\t\t\tname: modelName,\n\t\t\t\tattributes: [ getHtmlAttributeName( viewName ) ]\n\t\t\t},\n\t\t\tview: toObjectWidgetConverter( editor, definition as HtmlSupportDataSchemaInlineElementDefinition )\n\t\t} );\n\n\t\tconversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\tmodel: modelName,\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\treturn createObjectView( viewName, modelElement, writer );\n\t\t\t}\n\t\t} );\n\t\tconversion.for( 'dataDowncast' )\n\t\t\t.add( modelToViewBlockAttributeConverter( definition as HtmlSupportDataSchemaBlockElementDefinition ) );\n\t}\n\n\t/**\n\t * Registers block element and attribute converters for the given data schema definition.\n\t */\n\tprivate _registerBlockElement( definition: HtmlSupportDataSchemaBlockElementDefinition ) {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst { view: viewName, model: modelName } = definition;\n\n\t\tif ( !schema.isRegistered( definition.model ) ) {\n\t\t\t// Do not register converters and empty schema for editor existing feature\n\t\t\t// as empty schema won't allow element anywhere in the model.\n\t\t\tif ( !definition.modelSchema ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tschema.register( definition.model, definition.modelSchema );\n\n\t\t\tif ( !viewName ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconversion.for( 'upcast' ).elementToElement( {\n\t\t\t\tmodel: modelName,\n\t\t\t\tview: viewName,\n\t\t\t\t// With a `low` priority, `paragraph` plugin auto-paragraphing mechanism is executed. Make sure\n\t\t\t\t// this listener is called before it. If not, some elements will be transformed into a paragraph.\n\t\t\t\t// `+ 2` is used to take priority over `_addDefaultH1Conversion` in the Heading plugin.\n\t\t\t\tconverterPriority: priorities.low + 2\n\t\t\t} );\n\n\t\t\tconversion.for( 'downcast' ).elementToElement( {\n\t\t\t\tmodel: modelName,\n\t\t\t\tview: ( modelElement, { writer } ) => definition.isEmpty ?\n\t\t\t\t\twriter.createEmptyElement( viewName ) :\n\t\t\t\t\twriter.createContainerElement( viewName )\n\t\t\t} );\n\t\t}\n\n\t\tif ( !viewName ) {\n\t\t\treturn;\n\t\t}\n\n\t\tschema.extend( definition.model, {\n\t\t\tallowAttributes: getHtmlAttributeName( viewName )\n\t\t} );\n\n\t\tconversion.for( 'upcast' ).add( viewToModelBlockAttributeConverter( definition, this ) );\n\t\tconversion.for( 'downcast' ).add( modelToViewBlockAttributeConverter( definition ) );\n\t}\n\n\t/**\n\t * Registers inline element and attribute converters for the given data schema definition.\n\t *\n\t * Extends `$text` model schema to allow the given definition model attribute and its properties.\n\t */\n\tprivate _registerInlineElement( definition: HtmlSupportDataSchemaInlineElementDefinition ) {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst attributeKey = definition.model;\n\n\t\t// This element is stored in the model as an attribute on a block element, for example Lists.\n\t\tif ( definition.appliesToBlock ) {\n\t\t\treturn;\n\t\t}\n\n\t\tschema.extend( '$text', {\n\t\t\tallowAttributes: attributeKey\n\t\t} );\n\n\t\tif ( definition.attributeProperties ) {\n\t\t\tschema.setAttributeProperties( attributeKey, definition.attributeProperties );\n\t\t}\n\n\t\tconversion.for( 'upcast' ).add( viewToAttributeInlineConverter( definition, this ) );\n\n\t\tconversion.for( 'downcast' ).attributeToElement( {\n\t\t\tmodel: attributeKey,\n\t\t\tview: attributeToViewInlineConverter( definition )\n\t\t} );\n\n\t\tif ( !definition.allowEmpty ) {\n\t\t\treturn;\n\t\t}\n\n\t\tschema.setAttributeProperties( attributeKey, { copyFromObject: false } );\n\n\t\tif ( !schema.isRegistered( 'htmlEmptyElement' ) ) {\n\t\t\tschema.register( 'htmlEmptyElement', {\n\t\t\t\tinheritAllFrom: '$inlineObject'\n\t\t\t} );\n\n\t\t\t// Helper function to check if an element has any HTML attributes.\n\t\t\tconst hasHtmlAttributes = ( element: ModelElement | ModelItem ): boolean =>\n\t\t\t\tArray\n\t\t\t\t\t.from( element.getAttributeKeys() )\n\t\t\t\t\t.some( key => key.startsWith( 'html' ) );\n\n\t\t\t// Register a post-fixer that removes htmlEmptyElement when its htmlXX attribute is removed.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18089\n\t\t\teditor.model.document.registerPostFixer( writer => {\n\t\t\t\tconst changes = editor.model.document.differ.getChanges();\n\t\t\t\tconst elementsToRemove = new Set<ModelElement>();\n\n\t\t\t\tfor ( const change of changes ) {\n\t\t\t\t\tif ( change.type === 'remove' ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Look for removal of html* attributes.\n\t\t\t\t\tif ( change.type === 'attribute' && change.attributeNewValue === null ) {\n\t\t\t\t\t\t// Find htmlEmptyElement instances in the range that lost their html attribute.\n\t\t\t\t\t\tfor ( const { item } of change.range ) {\n\t\t\t\t\t\t\tif ( item.is( 'element', 'htmlEmptyElement' ) && !hasHtmlAttributes( item ) ) {\n\t\t\t\t\t\t\t\telementsToRemove.add( item );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Look for insertion of htmlEmptyElement.\n\t\t\t\t\tif ( change.type === 'insert' && change.position.nodeAfter ) {\n\t\t\t\t\t\tconst insertedElement = change.position.nodeAfter;\n\n\t\t\t\t\t\tfor ( const { item } of writer.createRangeOn( insertedElement ) ) {\n\t\t\t\t\t\t\tif ( item.is( 'element', 'htmlEmptyElement' ) && !hasHtmlAttributes( item ) ) {\n\t\t\t\t\t\t\t\telementsToRemove.add( item );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tfor ( const element of elementsToRemove ) {\n\t\t\t\t\twriter.remove( element );\n\t\t\t\t}\n\n\t\t\t\treturn elementsToRemove.size > 0;\n\t\t\t} );\n\t\t}\n\n\t\teditor.data.htmlProcessor.domConverter.registerInlineObjectMatcher( element => {\n\t\t\t// Element must be empty and have any attribute.\n\t\t\tif (\n\t\t\t\telement.name == definition.view &&\n\t\t\t\telement.isEmpty &&\n\t\t\t\tArray.from( element.getAttributeKeys() ).length\n\t\t\t) {\n\t\t\t\treturn {\n\t\t\t\t\tname: true\n\t\t\t\t};\n\t\t\t}\n\n\t\t\treturn null;\n\t\t} );\n\n\t\tconversion.for( 'editingDowncast' )\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: 'htmlEmptyElement',\n\t\t\t\tview: emptyInlineModelElementToViewConverter( definition, true )\n\t\t\t} );\n\n\t\tconversion.for( 'dataDowncast' )\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: 'htmlEmptyElement',\n\t\t\t\tview: emptyInlineModelElementToViewConverter( definition )\n\t\t\t} );\n\t}\n}\n\n/**\n * Fired when {@link module:html-support/datafilter~DataFilter} is registering element and attribute\n * converters for the {@link module:html-support/dataschema~HtmlSupportDataSchemaDefinition element definition}.\n *\n * The event also accepts {@link module:html-support/dataschema~HtmlSupportDataSchemaDefinition#view} value\n * as an event namespace, e.g. `register:span`.\n *\n * ```ts\n * dataFilter.on( 'register', ( evt, definition ) => {\n * \teditor.model.schema.register( definition.model, definition.modelSchema );\n * \teditor.conversion.elementToElement( { model: definition.model, view: definition.view } );\n *\n * \tevt.stop();\n * } );\n *\n * dataFilter.on( 'register:span', ( evt, definition ) => {\n * \teditor.model.schema.extend( '$text', { allowAttributes: 'htmlSpan' } );\n *\n * \teditor.conversion.for( 'upcast' ).elementToAttribute( { view: 'span', model: 'htmlSpan' } );\n * \teditor.conversion.for( 'downcast' ).attributeToElement( { view: 'span', model: 'htmlSpan' } );\n *\n * \tevt.stop();\n * }, { priority: 'high' } )\n * ```\n *\n * @eventName ~DataFilter#register\n */\nexport interface HtmlSupportDataFilterRegisterEvent {\n\tname: 'register' | `register:${ string }`;\n\targs: [ data: HtmlSupportDataSchemaDefinition ];\n}\n\n/**\n * Matches and consumes matched attributes.\n *\n * @returns Object with following properties:\n * - attributes Array with matched attribute names.\n * - classes Array with matched class names.\n * - styles Array with matched style names.\n */\nfunction matchAndConsumeAttributes(\n\tviewElement: ViewElement,\n\tmatcher: Matcher,\n\tconsumable: ViewConsumable\n): {\n\t\tattributes: Array<string>;\n\t\tclasses: Array<string>;\n\t\tstyles: Array<string>;\n\t} {\n\tconst matches = matcher.matchAll( viewElement ) || [];\n\tconst stylesProcessor = viewElement.document.stylesProcessor;\n\n\treturn matches.reduce( ( result, { match } ) => {\n\t\tfor ( const [ key, token ] of match.attributes || [] ) {\n\t\t\t// Verify and consume styles.\n\t\t\tif ( key == 'style' ) {\n\t\t\t\tconst style = token!;\n\n\t\t\t\t// Check longer forms of the same style as those could be matched\n\t\t\t\t// but not present in the element directly.\n\t\t\t\t// Consider only longhand (or longer than current notation) so that\n\t\t\t\t// we do not include all sides of the box if only one side is allowed.\n\t\t\t\tconst sortedRelatedStyles = stylesProcessor.getRelatedStyles( style )\n\t\t\t\t\t.filter( relatedStyle => relatedStyle.split( '-' ).length > style.split( '-' ).length )\n\t\t\t\t\t.sort( ( a, b ) => b.split( '-' ).length - a.split( '-' ).length );\n\n\t\t\t\tfor ( const relatedStyle of sortedRelatedStyles ) {\n\t\t\t\t\tif ( consumable.consume( viewElement, { styles: [ relatedStyle ] } ) ) {\n\t\t\t\t\t\tresult.styles.push( relatedStyle );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Verify and consume style as specified in the matcher.\n\t\t\t\tif ( consumable.consume( viewElement, { styles: [ style ] } ) ) {\n\t\t\t\t\tresult.styles.push( style );\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Verify and consume class names.\n\t\t\telse if ( key == 'class' ) {\n\t\t\t\tconst className = token!;\n\n\t\t\t\tif ( consumable.consume( viewElement, { classes: [ className ] } ) ) {\n\t\t\t\t\tresult.classes.push( className );\n\t\t\t\t}\n\t\t\t}\n\t\t\telse {\n\t\t\t\t// Verify and consume other attributes.\n\t\t\t\tif ( consumable.consume( viewElement, { attributes: [ key ] } ) ) {\n\t\t\t\t\tresult.attributes.push( key );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t}, {\n\t\tattributes: [] as Array<string>,\n\t\tclasses: [] as Array<string>,\n\t\tstyles: [] as Array<string>\n\t} );\n}\n\n/**\n * Prepares the GHS attribute value as an object with element attributes' values.\n */\nfunction prepareGHSAttribute(\n\tviewElement: ViewElement,\n\t{ attributes, classes, styles }: {\n\t\tattributes: Array<string>;\n\t\tclasses: Array<string>;\n\t\tstyles: Array<string>;\n\t}\n): GHSViewAttributes | null {\n\tif ( !attributes.length && !classes.length && !styles.length ) {\n\t\treturn null;\n\t}\n\n\treturn {\n\t\t...( attributes.length && {\n\t\t\tattributes: getAttributes( viewElement, attributes )\n\t\t} ),\n\n\t\t...( styles.length && {\n\t\t\tstyles: getReducedStyles( viewElement, styles )\n\t\t} ),\n\n\t\t...( classes.length && {\n\t\t\tclasses\n\t\t} )\n\t};\n}\n\n/**\n * Returns attributes as an object with names and values.\n */\nfunction getAttributes( viewElement: ViewElement, attributes: Iterable<string> ): Record<string, string> {\n\tconst attributesObject: Record<string, string> = {};\n\n\tfor ( const key of attributes ) {\n\t\tconst value = viewElement.getAttribute( key );\n\n\t\tif ( value !== undefined && isValidAttributeName( key ) ) {\n\t\t\tattributesObject[ key ] = value;\n\t\t}\n\t}\n\n\treturn attributesObject;\n}\n\n/**\n * Returns styles as an object reduced to shorthand notation without redundant entries.\n */\nfunction getReducedStyles( viewElement: ViewElement, styles: Iterable<string> ): Record<string, string> {\n\t// Use StyleMap to reduce style value to the minimal form (without shorthand and long-hand notation and duplication).\n\tconst stylesMap = new StylesMap( viewElement.document.stylesProcessor );\n\n\tfor ( const key of styles ) {\n\t\tconst styleValue = viewElement.getStyle( key );\n\n\t\tif ( styleValue !== undefined ) {\n\t\t\tstylesMap.set( key, styleValue );\n\t\t}\n\t}\n\n\treturn Object.fromEntries( stylesMap.getStylesEntries() );\n}\n\n/**\n * Matcher by default has to match **all** patterns to count it as an actual match. Splitting the pattern\n * into separate patterns means that any matched pattern will be count as a match.\n *\n * @param pattern Pattern to split.\n * @param attributeName Name of the attribute to split (e.g. 'attributes', 'classes', 'styles').\n */\nfunction splitPattern( pattern: MatcherObjectPattern, attributeName: 'attributes' | 'classes' | 'styles' ): Array<MatcherObjectPattern> {\n\tconst { name } = pattern;\n\tconst attributeValue = pattern[ attributeName ];\n\n\tif ( isPlainObject( attributeValue ) ) {\n\t\treturn Object.entries( attributeValue as Record<string, unknown> )\n\t\t\t.map( ( [ key, value ] ) => ( {\n\t\t\t\tname,\n\t\t\t\t[ attributeName ]: {\n\t\t\t\t\t[ key ]: value\n\t\t\t\t}\n\t\t\t} ) );\n\t}\n\n\tif ( Array.isArray( attributeValue ) ) {\n\t\treturn attributeValue\n\t\t\t.map( value => ( {\n\t\t\t\tname,\n\t\t\t\t[ attributeName ]: [ value ]\n\t\t\t} ) );\n\t}\n\n\treturn [ pattern ];\n}\n\n/**\n * Rules are matched in conjunction (AND operation), but we want to have a match if *any* of the rules is matched (OR operation).\n * By splitting the rules we force the latter effect.\n */\nfunction splitRules( rules: MatcherObjectPattern ): Array<MatcherObjectPattern> {\n\tconst { name, attributes, classes, styles } = rules;\n\tconst splitRules = [];\n\n\tif ( attributes ) {\n\t\tsplitRules.push( ...splitPattern( { name, attributes }, 'attributes' ) );\n\t}\n\n\tif ( classes ) {\n\t\tsplitRules.push( ...splitPattern( { name, classes }, 'classes' ) );\n\t}\n\n\tif ( styles ) {\n\t\tsplitRules.push( ...splitPattern( { name, styles }, 'styles' ) );\n\t}\n\n\treturn splitRules;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/codeblock\n */\n\nimport type {\n\tDowncastAttributeEvent,\n\tDowncastDispatcher,\n\tModelElement,\n\tUpcastDispatcher,\n\tUpcastElementEvent,\n\tViewElement\n} from 'ckeditor5/src/engine.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport {\n\tupdateViewAttributes,\n\ttype GHSViewAttributes\n} from '../utils.js';\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\n\n/**\n * Provides the General HTML Support integration with {@link module:code-block/codeblock~CodeBlock Code Block} feature.\n */\nexport class CodeBlockElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CodeBlockElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tif ( !this.editor.plugins.has( 'CodeBlockEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst dataFilter = this.editor.plugins.get( DataFilter );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:pre', ( evt, definition ) => {\n\t\t\tif ( definition.model !== 'codeBlock' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst editor = this.editor;\n\t\t\tconst schema = editor.model.schema;\n\t\t\tconst conversion = editor.conversion;\n\n\t\t\t// Extend codeBlock to allow attributes required by attribute filtration.\n\t\t\tschema.extend( 'codeBlock', {\n\t\t\t\tallowAttributes: [ 'htmlPreAttributes', 'htmlContentAttributes' ]\n\t\t\t} );\n\n\t\t\tconversion.for( 'upcast' ).add( viewToModelCodeBlockAttributeConverter( dataFilter ) );\n\t\t\tconversion.for( 'downcast' ).add( modelToViewCodeBlockAttributeConverter() );\n\n\t\t\tevt.stop();\n\t\t} );\n\t}\n}\n\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:code-block/codeblock~CodeBlock Code Block}\n * feature model element.\n *\n * Attributes are preserved as a value of `html*Attributes` model attribute.\n * @param dataFilter\n * @returns Returns a conversion callback.\n */\nfunction viewToModelCodeBlockAttributeConverter( dataFilter: DataFilter ) {\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:code', ( evt, data, conversionApi ) => {\n\t\t\tconst viewCodeElement = data.viewItem;\n\t\t\tconst viewPreElement = viewCodeElement.parent;\n\n\t\t\tif ( !viewPreElement || !viewPreElement.is( 'element', 'pre' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tpreserveElementAttributes( viewPreElement, 'htmlPreAttributes' );\n\t\t\tpreserveElementAttributes( viewCodeElement, 'htmlContentAttributes' );\n\n\t\t\tfunction preserveElementAttributes( viewElement: ViewElement, attributeName: string ) {\n\t\t\t\tconst viewAttributes = dataFilter.processViewAttributes( viewElement, conversionApi );\n\n\t\t\t\tif ( viewAttributes ) {\n\t\t\t\t\tconversionApi.writer.setAttribute( attributeName, viewAttributes, data.modelRange! );\n\t\t\t\t}\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * Model-to-view conversion helper applying attributes from {@link module:code-block/codeblock~CodeBlock Code Block}\n * feature model element.\n * @returns Returns a conversion callback.\n */\nfunction modelToViewCodeBlockAttributeConverter() {\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tdispatcher.on<DowncastAttributeEvent>( 'attribute:htmlPreAttributes:codeBlock', ( evt, data, conversionApi ) => {\n\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { attributeOldValue, attributeNewValue } = data;\n\t\t\tconst viewCodeElement = conversionApi.mapper.toViewElement( data.item as ModelElement )!;\n\t\t\tconst viewPreElement = viewCodeElement.parent as ViewElement;\n\n\t\t\tupdateViewAttributes(\n\t\t\t\tconversionApi.writer,\n\t\t\t\tattributeOldValue as GHSViewAttributes,\n\t\t\t\tattributeNewValue as GHSViewAttributes,\n\t\t\t\tviewPreElement\n\t\t\t);\n\t\t} );\n\n\t\tdispatcher.on<DowncastAttributeEvent>( 'attribute:htmlContentAttributes:codeBlock', ( evt, data, conversionApi ) => {\n\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { attributeOldValue, attributeNewValue } = data;\n\t\t\tconst viewCodeElement = conversionApi.mapper.toViewElement( data.item as ModelElement );\n\n\t\t\tupdateViewAttributes(\n\t\t\t\tconversionApi.writer,\n\t\t\t\tattributeOldValue as GHSViewAttributes,\n\t\t\t\tattributeNewValue as GHSViewAttributes,\n\t\t\t\tviewCodeElement!\n\t\t\t);\n\t\t} );\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/dualcontent\n */\n\nimport type { ViewElement } from 'ckeditor5/src/engine.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { priorities } from 'ckeditor5/src/utils.js';\n\nimport {\n\tmodelToViewBlockAttributeConverter,\n\tviewToModelBlockAttributeConverter\n} from '../converters.js';\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\nimport type { HtmlSupportDataSchemaBlockElementDefinition } from '../dataschema.js';\nimport { getHtmlAttributeName } from '../utils.js';\n\n/**\n * Provides the General HTML Support integration for elements which can behave like sectioning element (e.g. article) or\n * element accepting only inline content (e.g. paragraph).\n *\n * The distinction between this two content models is important for choosing correct schema model and proper content conversion.\n * As an example, it ensures that:\n *\n * * children elements paragraphing is enabled for sectioning elements only,\n * * element and its content can be correctly handled by editing view (splitting and merging elements),\n * * model element HTML is semantically correct and easier to work with.\n *\n * If element contains any block element, it will be treated as a sectioning element and registered using\n * {@link module:html-support/dataschema~HtmlSupportDataSchemaDefinition#model} and\n * {@link module:html-support/dataschema~HtmlSupportDataSchemaDefinition#modelSchema} in editor schema.\n * Otherwise, it will be registered under\n * {@link module:html-support/dataschema~HtmlSupportDataSchemaBlockElementDefinition#paragraphLikeModel} model\n * name with model schema accepting only inline content (inheriting from `$block`).\n */\nexport class DualContentModelElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'DualContentModelElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst dataFilter = this.editor.plugins.get( DataFilter );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register', ( evt, definition ) => {\n\t\t\tconst blockDefinition = definition as HtmlSupportDataSchemaBlockElementDefinition;\n\t\t\tconst editor = this.editor;\n\t\t\tconst schema = editor.model.schema;\n\t\t\tconst conversion = editor.conversion;\n\n\t\t\tif ( !blockDefinition.paragraphLikeModel ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Can only apply to newly registered features.\n\t\t\tif ( schema.isRegistered( blockDefinition.model ) || schema.isRegistered( blockDefinition.paragraphLikeModel ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst paragraphLikeModelDefinition: HtmlSupportDataSchemaBlockElementDefinition = {\n\t\t\t\tmodel: blockDefinition.paragraphLikeModel,\n\t\t\t\tview: blockDefinition.view\n\t\t\t};\n\n\t\t\tschema.register( blockDefinition.model, blockDefinition.modelSchema );\n\t\t\tschema.register( paragraphLikeModelDefinition.model, {\n\t\t\t\tinheritAllFrom: '$block'\n\t\t\t} );\n\n\t\t\tconversion.for( 'upcast' ).elementToElement( {\n\t\t\t\tview: blockDefinition.view!,\n\t\t\t\tmodel: ( viewElement, { writer } ) => {\n\t\t\t\t\tif ( this._hasBlockContent( viewElement ) ) {\n\t\t\t\t\t\treturn writer.createElement( blockDefinition.model );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn writer.createElement( paragraphLikeModelDefinition.model );\n\t\t\t\t},\n\t\t\t\t// With a `low` priority, `paragraph` plugin auto-paragraphing mechanism is executed. Make sure\n\t\t\t\t// this listener is called before it. If not, some elements will be transformed into a paragraph.\n\t\t\t\tconverterPriority: priorities.low + 0.5\n\t\t\t} );\n\n\t\t\tconversion.for( 'downcast' ).elementToElement( {\n\t\t\t\tview: blockDefinition.view!,\n\t\t\t\tmodel: blockDefinition.model\n\t\t\t} );\n\t\t\tthis._addAttributeConversion( blockDefinition );\n\n\t\t\tconversion.for( 'downcast' ).elementToElement( {\n\t\t\t\tview: paragraphLikeModelDefinition.view!,\n\t\t\t\tmodel: paragraphLikeModelDefinition.model\n\t\t\t} );\n\t\t\tthis._addAttributeConversion( paragraphLikeModelDefinition );\n\n\t\t\tevt.stop();\n\t\t} );\n\t}\n\n\t/**\n\t * Checks whether the given view element includes any other block element.\n\t */\n\tprivate _hasBlockContent( viewElement: ViewElement ): boolean {\n\t\tconst view = this.editor.editing.view;\n\t\tconst blockElements = view.domConverter.blockElements;\n\n\t\t// Traversing the viewElement subtree looking for block elements.\n\t\t// Especially for the cases like <div><a href=\"#\"><p>foo</p></a></div>.\n\t\t// https://github.com/ckeditor/ckeditor5/issues/11513\n\t\tfor ( const viewItem of view.createRangeIn( viewElement ).getItems() ) {\n\t\t\tif ( viewItem.is( 'element' ) && blockElements.includes( viewItem.name ) ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Adds attribute filtering conversion for the given data schema.\n\t */\n\tprivate _addAttributeConversion( definition: HtmlSupportDataSchemaBlockElementDefinition ) {\n\t\tconst editor = this.editor;\n\t\tconst conversion = editor.conversion;\n\t\tconst dataFilter = editor.plugins.get( DataFilter );\n\n\t\teditor.model.schema.extend( definition.model, {\n\t\t\tallowAttributes: getHtmlAttributeName( definition.view! )\n\t\t} );\n\n\t\tconversion.for( 'upcast' ).add( viewToModelBlockAttributeConverter( definition, dataFilter ) );\n\t\tconversion.for( 'downcast' ).add( modelToViewBlockAttributeConverter( definition ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/heading\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport type { HeadingOption } from '@ckeditor/ckeditor5-heading';\nimport { Enter } from 'ckeditor5/src/enter.js';\n\nimport { DataSchema } from '../dataschema.js';\n\n/**\n * Provides the General HTML Support integration with {@link module:heading/heading~Heading Heading} feature.\n */\nexport class HeadingElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataSchema, Enter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HeadingElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'HeadingEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst options: Array<HeadingOption> = editor.config.get( 'heading.options' )!;\n\n\t\tthis.registerHeadingElements( editor, options );\n\t}\n\n\t/**\n\t * Registers all elements supported by HeadingEditing to enable custom attributes for those elements.\n\t */\n\tprivate registerHeadingElements( editor: Editor, options: Array<HeadingOption> ) {\n\t\tconst dataSchema = editor.plugins.get( DataSchema );\n\n\t\tconst headerModels = [];\n\t\tfor ( const option of options ) {\n\t\t\tif ( 'model' in option && 'view' in option ) {\n\t\t\t\tdataSchema.registerBlockElement( {\n\t\t\t\t\tview: option.view as string,\n\t\t\t\t\tmodel: option.model\n\t\t\t\t} );\n\n\t\t\t\theaderModels.push( option.model );\n\t\t\t}\n\t\t}\n\n\t\tdataSchema.extendBlockElement( {\n\t\t\tmodel: 'htmlHgroup',\n\t\t\tmodelSchema: {\n\t\t\t\tallowChildren: headerModels\n\t\t\t}\n\t\t} );\n\n\t\tdataSchema.extendBlockElement( {\n\t\t\tmodel: 'htmlSummary',\n\t\t\tmodelSchema: {\n\t\t\t\tallowChildren: headerModels\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport type { ViewDowncastWriter, ViewElement } from 'ckeditor5/src/engine.js';\n\n/**\n * @module html-support/integrations/integrationutils\n */\n\n/**\n * Returns the first view element descendant matching the given view name.\n * Includes view element itself.\n *\n * @internal\n */\nexport function getDescendantElement(\n\twriter: ViewDowncastWriter,\n\tcontainerElement: ViewElement,\n\telementName: string\n): ViewElement | undefined {\n\tconst range = writer.createRangeOn( containerElement );\n\n\tfor ( const { item } of range.getWalker() ) {\n\t\tif ( item.is( 'element', elementName ) ) {\n\t\t\treturn item;\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/image\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport type {\n\tDowncastAttributeEvent,\n\tDowncastDispatcher,\n\tModelElement,\n\tModelNode,\n\tUpcastDispatcher\n} from 'ckeditor5/src/engine.js';\nimport type { ImageUtils } from '@ckeditor/ckeditor5-image';\n\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\nimport { type GHSViewAttributes, setViewAttributes, updateViewAttributes } from '../utils.js';\nimport { getDescendantElement } from './integrationutils.js';\n\n/**\n * Provides the General HTML Support integration with the {@link module:image/image~Image Image} feature.\n */\nexport class ImageElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// At least one image plugin should be loaded for the integration to work properly.\n\t\tif ( !editor.plugins.has( 'ImageInlineEditing' ) && !editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst dataFilter = editor.plugins.get( DataFilter );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:figure', () => {\n\t\t\tconversion.for( 'upcast' ).add( viewToModelFigureAttributeConverter( dataFilter ) );\n\t\t} );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:img', ( evt, definition ) => {\n\t\t\tif ( definition.model !== 'imageBlock' && definition.model !== 'imageInline' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( schema.isRegistered( 'imageBlock' ) ) {\n\t\t\t\tschema.extend( 'imageBlock', {\n\t\t\t\t\tallowAttributes: [\n\t\t\t\t\t\t'htmlImgAttributes',\n\t\t\t\t\t\t// Figure and Link don't have model counterpart.\n\t\t\t\t\t\t// We will preserve attributes on image model element using these attribute keys.\n\t\t\t\t\t\t'htmlFigureAttributes',\n\t\t\t\t\t\t'htmlLinkAttributes'\n\t\t\t\t\t]\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( schema.isRegistered( 'imageInline' ) ) {\n\t\t\t\tschema.extend( 'imageInline', {\n\t\t\t\t\tallowAttributes: [\n\t\t\t\t\t\t// `htmlA` is needed for standard GHS link integration.\n\t\t\t\t\t\t'htmlA',\n\t\t\t\t\t\t'htmlImgAttributes'\n\t\t\t\t\t]\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tconversion.for( 'upcast' ).add( viewToModelImageAttributeConverter( dataFilter ) );\n\t\t\tconversion.for( 'downcast' ).add( modelToViewImageAttributeConverter() );\n\n\t\t\tif ( editor.plugins.has( 'LinkImage' ) ) {\n\t\t\t\tconversion.for( 'upcast' ).add( viewToModelLinkImageAttributeConverter( dataFilter, editor ) );\n\t\t\t}\n\n\t\t\tevt.stop();\n\t\t} );\n\t}\n}\n\n/**\n * View-to-model conversion helper preserving allowed attributes on the {@link module:image/image~Image Image}\n * feature model element.\n *\n * @returns Returns a conversion callback.\n */\nfunction viewToModelImageAttributeConverter( dataFilter: DataFilter ) {\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on( 'element:img', ( evt, data, conversionApi ) => {\n\t\t\tif ( !data.modelRange ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewImageElement = data.viewItem;\n\n\t\t\tconst viewAttributes = dataFilter.processViewAttributes( viewImageElement, conversionApi );\n\n\t\t\tif ( viewAttributes ) {\n\t\t\t\tconversionApi.writer.setAttribute( 'htmlImgAttributes', viewAttributes, data.modelRange );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:image/image~Image Image}\n * feature model element from link view element.\n *\n * @returns Returns a conversion callback.\n */\nfunction viewToModelLinkImageAttributeConverter( dataFilter: DataFilter, editor: Editor ) {\n\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on( 'element:a', ( evt, data, conversionApi ) => {\n\t\t\tconst viewLink = data.viewItem;\n\t\t\tconst viewImage = imageUtils.findViewImgElement( viewLink );\n\n\t\t\tif ( !viewImage ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst modelImage: ModelNode | null = data.modelCursor.parent as ModelNode;\n\n\t\t\tif ( !modelImage.is( 'element', 'imageBlock' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewAttributes = dataFilter.processViewAttributes( viewLink, conversionApi );\n\n\t\t\tif ( viewAttributes ) {\n\t\t\t\tconversionApi.writer.setAttribute( 'htmlLinkAttributes', viewAttributes, modelImage );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:image/image~Image Image}\n * feature model element from figure view element.\n *\n * @returns Returns a conversion callback.\n */\nfunction viewToModelFigureAttributeConverter( dataFilter: DataFilter ) {\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on( 'element:figure', ( evt, data, conversionApi ) => {\n\t\t\tconst viewFigureElement = data.viewItem;\n\n\t\t\tif ( !data.modelRange || !viewFigureElement.hasClass( 'image' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewAttributes = dataFilter.processViewAttributes( viewFigureElement, conversionApi );\n\n\t\t\tif ( viewAttributes ) {\n\t\t\t\tconversionApi.writer.setAttribute( 'htmlFigureAttributes', viewAttributes, data.modelRange );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * A model-to-view conversion helper applying attributes from the {@link module:image/image~Image Image}\n * feature.\n * @returns Returns a conversion callback.\n */\nfunction modelToViewImageAttributeConverter() {\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\taddInlineAttributeConversion( 'htmlImgAttributes' );\n\n\t\taddBlockAttributeConversion( 'img', 'htmlImgAttributes' );\n\t\taddBlockAttributeConversion( 'figure', 'htmlFigureAttributes' );\n\t\taddBlockAttributeConversion( 'a', 'htmlLinkAttributes' );\n\n\t\tfunction addInlineAttributeConversion( attributeName: string ) {\n\t\t\tdispatcher.on<DowncastAttributeEvent>( `attribute:${ attributeName }:imageInline`, ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst { attributeOldValue, attributeNewValue } = data;\n\t\t\t\tconst viewElement = conversionApi.mapper.toViewElement( data.item as ModelElement )!;\n\n\t\t\t\tupdateViewAttributes(\n\t\t\t\t\tconversionApi.writer,\n\t\t\t\t\tattributeOldValue as GHSViewAttributes,\n\t\t\t\t\tattributeNewValue as GHSViewAttributes,\n\t\t\t\t\tviewElement );\n\t\t\t}, { priority: 'low' } );\n\t\t}\n\n\t\tfunction addBlockAttributeConversion( elementName: string, attributeName: string ) {\n\t\t\tdispatcher.on<DowncastAttributeEvent>( `attribute:${ attributeName }:imageBlock`, ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst { attributeOldValue, attributeNewValue } = data;\n\t\t\t\tconst containerElement = conversionApi.mapper.toViewElement( data.item as ModelElement )!;\n\t\t\t\tconst viewElement = getDescendantElement( conversionApi.writer, containerElement, elementName );\n\n\t\t\t\tif ( viewElement ) {\n\t\t\t\t\tupdateViewAttributes(\n\t\t\t\t\t\tconversionApi.writer,\n\t\t\t\t\t\tattributeOldValue as GHSViewAttributes,\n\t\t\t\t\t\tattributeNewValue as GHSViewAttributes,\n\t\t\t\t\t\tviewElement );\n\t\t\t\t\tconversionApi.consumable.consume( data.item, evt.name );\n\t\t\t\t}\n\t\t\t}, { priority: 'low' } );\n\n\t\t\tif ( elementName === 'a' ) {\n\t\t\t\t// To have a link element in the view, we need to attach a converter to the `linkHref` attribute as well.\n\t\t\t\tdispatcher.on<DowncastAttributeEvent>( 'attribute:linkHref:imageBlock', ( evt, data, conversionApi ) => {\n\t\t\t\t\tif ( !conversionApi.consumable.consume( data.item, 'attribute:htmlLinkAttributes:imageBlock' ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst containerElement = conversionApi.mapper.toViewElement( data.item as ModelElement );\n\t\t\t\t\tconst viewElement = getDescendantElement( conversionApi.writer, containerElement!, 'a' )!;\n\n\t\t\t\t\tsetViewAttributes(\n\t\t\t\t\t\tconversionApi.writer,\n\t\t\t\t\t\tdata.item.getAttribute( 'htmlLinkAttributes' ) as GHSViewAttributes,\n\t\t\t\t\t\tviewElement );\n\t\t\t\t}, { priority: 'low' } );\n\t\t\t}\n\t\t}\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/mediaembed\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\nimport { DataSchema } from '../dataschema.js';\nimport { updateViewAttributes, type GHSViewAttributes, getHtmlAttributeName } from '../utils.js';\nimport type {\n\tDowncastAttributeEvent,\n\tDowncastDispatcher,\n\tModelElement,\n\tUpcastDispatcher,\n\tUpcastElementEvent,\n\tViewElement } from 'ckeditor5/src/engine.js';\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\nimport { getDescendantElement } from './integrationutils.js';\n\n/**\n * Provides the General HTML Support integration with {@link module:media-embed/mediaembed~MediaEmbed Media Embed} feature.\n */\nexport class MediaEmbedElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'MediaEmbedElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Stop here if MediaEmbed plugin is not provided or the integrator wants to output markup with previews as\n\t\t// we do not support filtering previews.\n\t\tif ( !editor.plugins.has( 'MediaEmbed' ) || editor.config.get( 'mediaEmbed.previewsInData' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst dataFilter = this.editor.plugins.get( DataFilter );\n\t\tconst dataSchema = this.editor.plugins.get( DataSchema );\n\t\tconst mediaElementName = editor.config.get( 'mediaEmbed.elementName' ) as string;\n\n\t\t// Overwrite GHS schema definition for a given elementName.\n\t\tdataSchema.registerBlockElement( {\n\t\t\tmodel: 'media',\n\t\t\tview: mediaElementName\n\t\t} );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:figure', ( ) => {\n\t\t\tconversion.for( 'upcast' ).add( viewToModelFigureAttributesConverter( dataFilter ) );\n\t\t} );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( `register:${ mediaElementName }`, ( evt, definition ) => {\n\t\t\tif ( definition.model !== 'media' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tschema.extend( 'media', {\n\t\t\t\tallowAttributes: [\n\t\t\t\t\tgetHtmlAttributeName( mediaElementName ),\n\t\t\t\t\t'htmlFigureAttributes'\n\t\t\t\t]\n\t\t\t} );\n\n\t\t\tconversion.for( 'upcast' ).add( viewToModelMediaAttributesConverter( dataFilter, mediaElementName ) );\n\t\t\tconversion.for( 'dataDowncast' ).add( modelToViewMediaAttributeConverter( mediaElementName ) );\n\n\t\t\tevt.stop();\n\t\t} );\n\t}\n}\n\nfunction viewToModelMediaAttributesConverter( dataFilter: DataFilter, mediaElementName: string ) {\n\tconst upcastMedia: GetCallback<UpcastElementEvent> = ( evt, data, conversionApi ) => {\n\t\tconst viewMediaElement = data.viewItem;\n\n\t\tpreserveElementAttributes( viewMediaElement, getHtmlAttributeName( mediaElementName ) );\n\n\t\tfunction preserveElementAttributes( viewElement: ViewElement, attributeName: string ) {\n\t\t\tconst viewAttributes = dataFilter.processViewAttributes( viewElement, conversionApi );\n\n\t\t\tif ( viewAttributes ) {\n\t\t\t\tconversionApi.writer.setAttribute( attributeName, viewAttributes, data.modelRange! );\n\t\t\t}\n\t\t}\n\t};\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( `element:${ mediaElementName }`, upcastMedia, { priority: 'low' } );\n\t};\n}\n\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:media-embed/mediaembed~MediaEmbed MediaEmbed}\n * feature model element from figure view element.\n *\n * @returns Returns a conversion callback.\n */\nfunction viewToModelFigureAttributesConverter( dataFilter: DataFilter ) {\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:figure', ( evt, data, conversionApi ) => {\n\t\t\tconst viewFigureElement = data.viewItem;\n\n\t\t\tif ( !data.modelRange || !viewFigureElement.hasClass( 'media' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewAttributes = dataFilter.processViewAttributes( viewFigureElement, conversionApi );\n\n\t\t\tif ( viewAttributes ) {\n\t\t\t\tconversionApi.writer.setAttribute( 'htmlFigureAttributes', viewAttributes, data.modelRange );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\nfunction modelToViewMediaAttributeConverter( mediaElementName: string ) {\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\taddAttributeConversionDispatcherHandler( mediaElementName, getHtmlAttributeName( mediaElementName ) );\n\t\taddAttributeConversionDispatcherHandler( 'figure', 'htmlFigureAttributes' );\n\n\t\tfunction addAttributeConversionDispatcherHandler( elementName: string, attributeName: string ) {\n\t\t\tdispatcher.on<DowncastAttributeEvent>( `attribute:${ attributeName }:media`, ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst { attributeOldValue, attributeNewValue } = data;\n\t\t\t\tconst containerElement = conversionApi.mapper.toViewElement( data.item as ModelElement );\n\t\t\t\tconst viewElement = getDescendantElement( conversionApi.writer, containerElement!, elementName );\n\n\t\t\t\tupdateViewAttributes(\n\t\t\t\t\tconversionApi.writer,\n\t\t\t\t\tattributeOldValue as GHSViewAttributes,\n\t\t\t\t\tattributeNewValue as GHSViewAttributes,\n\t\t\t\t\tviewElement!\n\t\t\t\t);\n\t\t\t} );\n\t\t}\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/script\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\tcreateObjectView,\n\tmodelToViewBlockAttributeConverter,\n\tviewToModelBlockAttributeConverter,\n\tviewToModelObjectConverter\n} from '../converters.js';\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\nimport type { HtmlSupportDataSchemaBlockElementDefinition } from '../dataschema.js';\n\n/**\n * Provides the General HTML Support for `script` elements.\n */\nexport class ScriptElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ScriptElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst dataFilter = this.editor.plugins.get( DataFilter );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:script', ( evt, definition ) => {\n\t\t\tconst editor = this.editor;\n\t\t\tconst schema = editor.model.schema;\n\t\t\tconst conversion = editor.conversion;\n\n\t\t\tschema.register( 'htmlScript', definition.modelSchema );\n\n\t\t\tschema.extend( 'htmlScript', {\n\t\t\t\tallowAttributes: [ 'htmlScriptAttributes', 'htmlContent' ],\n\t\t\t\tisContent: true\n\t\t\t} );\n\n\t\t\teditor.data.registerRawContentMatcher( {\n\t\t\t\tname: 'script'\n\t\t\t} );\n\n\t\t\tconversion.for( 'upcast' ).elementToElement( {\n\t\t\t\tview: 'script',\n\t\t\t\tmodel: viewToModelObjectConverter( definition )\n\t\t\t} );\n\n\t\t\tconversion.for( 'upcast' ).add( viewToModelBlockAttributeConverter(\n\t\t\t\tdefinition as HtmlSupportDataSchemaBlockElementDefinition,\n\t\t\t\tdataFilter\n\t\t\t) );\n\n\t\t\tconversion.for( 'downcast' ).elementToElement( {\n\t\t\t\tmodel: 'htmlScript',\n\t\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\t\treturn createObjectView( 'script', modelElement, writer );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tconversion.for( 'downcast' )\n\t\t\t\t.add( modelToViewBlockAttributeConverter( definition as HtmlSupportDataSchemaBlockElementDefinition ) );\n\n\t\t\tevt.stop();\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/table\n */\n\nimport type {\n\tDowncastAttributeEvent,\n\tDowncastDispatcher,\n\tModelElement,\n\tUpcastDispatcher,\n\tUpcastElementEvent,\n\tViewElement,\n\tModelPostFixer,\n\tModel\n} from 'ckeditor5/src/engine.js';\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { TableUtils } from '@ckeditor/ckeditor5-table';\n\nimport { updateViewAttributes, type GHSViewAttributes } from '../utils.js';\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\nimport { getDescendantElement } from './integrationutils.js';\n\nconst STYLE_ATTRIBUTES_TO_PROPAGATE = [\n\t'width',\n\t'max-width',\n\t'min-width',\n\t'height',\n\t'min-height',\n\t'max-height'\n];\n\n/**\n * Provides the General HTML Support integration with {@link module:table/table~Table Table} feature.\n */\nexport class TableElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'TableEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst dataFilter = editor.plugins.get( DataFilter );\n\t\tconst tableUtils: TableUtils = editor.plugins.get( 'TableUtils' );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:figure', ( ) => {\n\t\t\tconversion.for( 'upcast' ).add( viewToModelFigureAttributeConverter( dataFilter ) );\n\t\t} );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:table', ( evt, definition ) => {\n\t\t\tif ( definition.model !== 'table' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tschema.extend( 'table', {\n\t\t\t\tallowAttributes: [\n\t\t\t\t\t'htmlTableAttributes',\n\t\t\t\t\t// Figure, thead and tbody elements don't have model counterparts.\n\t\t\t\t\t// We will be preserving attributes on table element using these attribute keys.\n\t\t\t\t\t'htmlFigureAttributes', 'htmlTheadAttributes', 'htmlTbodyAttributes'\n\t\t\t\t]\n\t\t\t} );\n\n\t\t\tconversion.for( 'upcast' ).add( viewToModelTableAttributeConverter( dataFilter ) );\n\t\t\tconversion.for( 'downcast' ).add( modelToViewTableAttributeConverter() );\n\n\t\t\teditor.model.document.registerPostFixer( createHeadingRowsPostFixer( editor.model, tableUtils ) );\n\n\t\t\tevt.stop();\n\t\t} );\n\t}\n}\n\n/**\n * Creates a model post-fixer for thead and tbody GHS related attributes.\n */\nfunction createHeadingRowsPostFixer( model: Model, tableUtils: TableUtils ): ModelPostFixer {\n\treturn writer => {\n\t\tconst changes = model.document.differ.getChanges();\n\t\tlet wasFixed = false;\n\n\t\tfor ( const change of changes ) {\n\t\t\tif ( change.type != 'attribute' || change.attributeKey != 'headingRows' ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst table = change.range.start.nodeAfter as ModelElement;\n\t\t\tconst hasTHeadAttributes = table.getAttribute( 'htmlTheadAttributes' );\n\t\t\tconst hasTBodyAttributes = table.getAttribute( 'htmlTbodyAttributes' );\n\n\t\t\tif ( hasTHeadAttributes && !change.attributeNewValue ) {\n\t\t\t\twriter.removeAttribute( 'htmlTheadAttributes', table );\n\t\t\t\twasFixed = true;\n\t\t\t}\n\t\t\telse if ( hasTBodyAttributes && change.attributeNewValue == tableUtils.getRows( table ) ) {\n\t\t\t\twriter.removeAttribute( 'htmlTbodyAttributes', table );\n\t\t\t\twasFixed = true;\n\t\t\t}\n\t\t}\n\n\t\treturn wasFixed;\n\t};\n}\n\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:table/table~Table Table}\n * feature model element.\n *\n * @returns Returns a conversion callback.\n */\nfunction viewToModelTableAttributeConverter( dataFilter: DataFilter ) {\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:table', ( evt, data, conversionApi ) => {\n\t\t\tif ( !data.modelRange ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewTableElement = data.viewItem;\n\n\t\t\t// Prevent `table` class on both <table> and <figure> elements simultaneously.\n\t\t\tconversionApi.consumable.consume( viewTableElement, { classes: 'table' } );\n\n\t\t\tpreserveElementAttributes( viewTableElement, 'htmlTableAttributes' );\n\n\t\t\tfor ( const childNode of viewTableElement.getChildren() ) {\n\t\t\t\tif ( childNode.is( 'element', 'thead' ) ) {\n\t\t\t\t\tpreserveElementAttributes( childNode, 'htmlTheadAttributes' );\n\t\t\t\t}\n\n\t\t\t\tif ( childNode.is( 'element', 'tbody' ) ) {\n\t\t\t\t\tpreserveElementAttributes( childNode, 'htmlTbodyAttributes' );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction preserveElementAttributes( viewElement: ViewElement, attributeName: string ) {\n\t\t\t\tconst viewAttributes = dataFilter.processViewAttributes( viewElement, conversionApi );\n\n\t\t\t\tif ( viewAttributes ) {\n\t\t\t\t\tconversionApi.writer.setAttribute( attributeName, viewAttributes as GHSViewAttributes, data.modelRange! );\n\t\t\t\t}\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link module:table/table~Table Table}\n * feature model element from figure view element.\n *\n * @returns Returns a conversion callback.\n */\nfunction viewToModelFigureAttributeConverter( dataFilter: DataFilter ) {\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:figure', ( evt, data, conversionApi ) => {\n\t\t\tconst viewFigureElement = data.viewItem;\n\n\t\t\tif ( !data.modelRange || !viewFigureElement.hasClass( 'table' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewAttributes = dataFilter.processViewAttributes( viewFigureElement, conversionApi );\n\n\t\t\tif ( viewAttributes ) {\n\t\t\t\tconversionApi.writer.setAttribute( 'htmlFigureAttributes', viewAttributes, data.modelRange );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * Model-to-view conversion helper applying attributes from {@link module:table/table~Table Table}\n * feature.\n *\n * @returns Returns a conversion callback.\n */\nfunction modelToViewTableAttributeConverter() {\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\taddAttributeConversionDispatcherHandler( 'table', 'htmlTableAttributes' );\n\t\taddAttributeConversionDispatcherHandler( 'figure', 'htmlFigureAttributes' );\n\t\taddAttributeConversionDispatcherHandler( 'thead', 'htmlTheadAttributes' );\n\t\taddAttributeConversionDispatcherHandler( 'tbody', 'htmlTbodyAttributes' );\n\n\t\tfunction addAttributeConversionDispatcherHandler( elementName: string, attributeName: string ) {\n\t\t\tdispatcher.on<DowncastAttributeEvent>( `attribute:${ attributeName }:table`, ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst containerElement = conversionApi.mapper.toViewElement( data.item as ModelElement );\n\t\t\t\tconst viewElement = getDescendantElement( conversionApi.writer, containerElement!, elementName );\n\n\t\t\t\tif ( !viewElement ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconversionApi.consumable.consume( data.item, evt.name );\n\n\t\t\t\t// Downcast selected styles to a figure element instead of a table element.\n\t\t\t\tif ( attributeName === 'htmlTableAttributes' && containerElement !== viewElement ) {\n\t\t\t\t\tconst oldAttributes = splitAttributesForFigureAndTable( data.attributeOldValue as GHSViewAttributes );\n\t\t\t\t\tconst newAttributes = splitAttributesForFigureAndTable( data.attributeNewValue as GHSViewAttributes );\n\n\t\t\t\t\tupdateViewAttributes(\n\t\t\t\t\t\tconversionApi.writer,\n\t\t\t\t\t\toldAttributes.tableAttributes,\n\t\t\t\t\t\tnewAttributes.tableAttributes,\n\t\t\t\t\t\tviewElement!\n\t\t\t\t\t);\n\n\t\t\t\t\tupdateViewAttributes(\n\t\t\t\t\t\tconversionApi.writer,\n\t\t\t\t\t\toldAttributes.figureAttributes,\n\t\t\t\t\t\tnewAttributes.figureAttributes,\n\t\t\t\t\t\tcontainerElement!\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tupdateViewAttributes(\n\t\t\t\t\t\tconversionApi.writer,\n\t\t\t\t\t\tdata.attributeOldValue as GHSViewAttributes,\n\t\t\t\t\t\tdata.attributeNewValue as GHSViewAttributes,\n\t\t\t\t\t\tviewElement!\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t};\n}\n\n/**\n * Splits styles based on the `STYLE_ATTRIBUTES_TO_PROPAGATE` pattern that should be moved to the parent element\n * and those that should remain on element.\n */\nfunction splitAttributesForFigureAndTable( data: GHSViewAttributes ): {\n\tfigureAttributes: GHSViewAttributes;\n\ttableAttributes: GHSViewAttributes;\n} {\n\tconst figureAttributes: GHSViewAttributes = {};\n\tconst tableAttributes: GHSViewAttributes = { ...data };\n\n\tif ( !data || !( 'styles' in data ) ) {\n\t\treturn { figureAttributes, tableAttributes };\n\t}\n\n\ttableAttributes.styles = {};\n\n\tfor ( const [ key, value ] of Object.entries( data.styles! ) ) {\n\t\tif ( STYLE_ATTRIBUTES_TO_PROPAGATE.includes( key ) ) {\n\t\t\tfigureAttributes.styles = { ...figureAttributes.styles, [ key ]: value };\n\t\t} else {\n\t\t\ttableAttributes.styles = { ...tableAttributes.styles, [ key ]: value };\n\t\t}\n\t}\n\n\treturn { figureAttributes, tableAttributes };\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/style\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport {\n\tcreateObjectView,\n\tmodelToViewBlockAttributeConverter,\n\tviewToModelBlockAttributeConverter,\n\tviewToModelObjectConverter\n} from '../converters.js';\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\nimport type { HtmlSupportDataSchemaBlockElementDefinition } from '../dataschema.js';\n\n/**\n * Provides the General HTML Support for `style` elements.\n */\nexport class StyleElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'StyleElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst dataFilter = this.editor.plugins.get( DataFilter );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:style', ( evt, definition ) => {\n\t\t\tconst editor = this.editor;\n\t\t\tconst schema = editor.model.schema;\n\t\t\tconst conversion = editor.conversion;\n\n\t\t\tschema.register( 'htmlStyle', definition.modelSchema );\n\n\t\t\tschema.extend( 'htmlStyle', {\n\t\t\t\tallowAttributes: [ 'htmlStyleAttributes', 'htmlContent' ],\n\t\t\t\tisContent: true\n\t\t\t} );\n\n\t\t\teditor.data.registerRawContentMatcher( {\n\t\t\t\tname: 'style'\n\t\t\t} );\n\n\t\t\tconversion.for( 'upcast' ).elementToElement( {\n\t\t\t\tview: 'style',\n\t\t\t\tmodel: viewToModelObjectConverter( definition )\n\t\t\t} );\n\n\t\t\tconversion.for( 'upcast' ).add( viewToModelBlockAttributeConverter(\n\t\t\t\tdefinition as HtmlSupportDataSchemaBlockElementDefinition, dataFilter\n\t\t\t) );\n\n\t\t\tconversion.for( 'downcast' ).elementToElement( {\n\t\t\t\tmodel: 'htmlStyle',\n\t\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\t\treturn createObjectView( 'style', modelElement, writer );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tconversion.for( 'downcast' )\n\t\t\t\t.add( modelToViewBlockAttributeConverter( definition as HtmlSupportDataSchemaBlockElementDefinition ) );\n\n\t\t\tevt.stop();\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/list\n */\n\nimport { isEqual } from 'es-toolkit/compat';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { UpcastElementEvent } from 'ckeditor5/src/engine.js';\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\nimport type {\n\tListEditing,\n\tListEditingPostFixerEvent,\n\tLegacyIndentCommand,\n\tListIndentCommand,\n\tListType,\n\tListUtils\n} from '@ckeditor/ckeditor5-list';\n\nimport { getHtmlAttributeName, setViewAttributes } from '../utils.js';\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\n\n/**\n * Provides the General HTML Support integration with the {@link module:list/list~List List} feature.\n */\nexport class ListElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'ListEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst dataFilter = editor.plugins.get( DataFilter );\n\t\tconst listEditing: ListEditing = editor.plugins.get( 'ListEditing' );\n\t\tconst listUtils: ListUtils = editor.plugins.get( 'ListUtils' );\n\t\tconst viewElements = [ 'ul', 'ol', 'li' ];\n\n\t\t// Register downcast strategy.\n\t\t// Note that this must be done before document list editing registers conversion in afterInit.\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'item',\n\t\t\tattributeName: 'htmlLiAttributes',\n\t\t\tsetAttributeOnDowncast: setViewAttributes\n\t\t} );\n\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'list',\n\t\t\tattributeName: 'htmlUlAttributes',\n\t\t\tsetAttributeOnDowncast: setViewAttributes\n\t\t} );\n\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'list',\n\t\t\tattributeName: 'htmlOlAttributes',\n\t\t\tsetAttributeOnDowncast: setViewAttributes\n\t\t} );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register', ( evt, definition ) => {\n\t\t\tif ( !viewElements.includes( definition.view! ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevt.stop();\n\n\t\t\t// Do not register same converters twice.\n\t\t\tif ( schema.checkAttribute( '$block', 'htmlLiAttributes' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst allowAttributes = viewElements.map( element => getHtmlAttributeName( element ) );\n\n\t\t\tschema.extend( '$listItem', { allowAttributes } );\n\n\t\t\tconversion.for( 'upcast' ).add( dispatcher => {\n\t\t\t\tdispatcher.on<UpcastElementEvent>(\n\t\t\t\t\t'element:ul', viewToModelListAttributeConverter( 'htmlUlAttributes', dataFilter ), { priority: 'low' }\n\t\t\t\t);\n\t\t\t\tdispatcher.on<UpcastElementEvent>(\n\t\t\t\t\t'element:ol', viewToModelListAttributeConverter( 'htmlOlAttributes', dataFilter ), { priority: 'low' }\n\t\t\t\t);\n\t\t\t\tdispatcher.on<UpcastElementEvent>(\n\t\t\t\t\t'element:li', viewToModelListAttributeConverter( 'htmlLiAttributes', dataFilter ), { priority: 'low' }\n\t\t\t\t);\n\t\t\t} );\n\t\t} );\n\n\t\t// Make sure that all items in a single list (items at the same level & listType) have the same properties.\n\t\tlistEditing.on<ListEditingPostFixerEvent>( 'postFixer', ( evt, { listNodes, writer } ) => {\n\t\t\tfor ( const { node, previousNodeInList } of listNodes ) {\n\t\t\t\t// This is a first item of a nested list.\n\t\t\t\tif ( !previousNodeInList ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif ( previousNodeInList.getAttribute( 'listType' ) == node.getAttribute( 'listType' ) ) {\n\t\t\t\t\tconst attribute = getAttributeFromListType( previousNodeInList.getAttribute( 'listType' ) );\n\t\t\t\t\tconst value = previousNodeInList.getAttribute( attribute );\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t!isEqual( node.getAttribute( attribute ), value ) &&\n\t\t\t\t\t\twriter.model.schema.checkAttribute( node, attribute )\n\t\t\t\t\t) {\n\t\t\t\t\t\twriter.setAttribute( attribute, value, node );\n\t\t\t\t\t\tevt.return = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( previousNodeInList.getAttribute( 'listItemId' ) == node.getAttribute( 'listItemId' ) ) {\n\t\t\t\t\tconst value = previousNodeInList.getAttribute( 'htmlLiAttributes' );\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t!isEqual( node.getAttribute( 'htmlLiAttributes' ), value ) &&\n\t\t\t\t\t\twriter.model.schema.checkAttribute( node, 'htmlLiAttributes' )\n\t\t\t\t\t) {\n\t\t\t\t\t\twriter.setAttribute( 'htmlLiAttributes', value, node );\n\t\t\t\t\t\tevt.return = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Remove `ol` attributes from `ul` elements and vice versa.\n\t\tlistEditing.on<ListEditingPostFixerEvent>( 'postFixer', ( evt, { listNodes, writer } ) => {\n\t\t\tfor ( const { node } of listNodes ) {\n\t\t\t\tconst listType = node.getAttribute( 'listType' );\n\n\t\t\t\tif ( !listUtils.isNumberedListType( listType ) && node.getAttribute( 'htmlOlAttributes' ) ) {\n\t\t\t\t\twriter.removeAttribute( 'htmlOlAttributes', node );\n\t\t\t\t\tevt.return = true;\n\t\t\t\t}\n\n\t\t\t\tif ( listUtils.isNumberedListType( listType ) && node.getAttribute( 'htmlUlAttributes' ) ) {\n\t\t\t\t\twriter.removeAttribute( 'htmlUlAttributes', node );\n\t\t\t\t\tevt.return = true;\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.commands.get( 'indentList' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Reset list attributes after indenting list items.\n\t\tconst indentList: LegacyIndentCommand | ListIndentCommand = editor.commands.get( 'indentList' )!;\n\n\t\tthis.listenTo( indentList, 'afterExecute', ( evt, changedBlocks ) => {\n\t\t\teditor.model.change( writer => {\n\t\t\t\tfor ( const node of changedBlocks ) {\n\t\t\t\t\tconst attribute = getAttributeFromListType( node.getAttribute( 'listType' ) );\n\n\t\t\t\t\tif ( !editor.model.schema.checkAttribute( node, attribute ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Just reset the attribute.\n\t\t\t\t\t// If there is a previous indented list that this node should be merged into,\n\t\t\t\t\t// the postfixer will unify all the attributes of both sub-lists.\n\t\t\t\t\twriter.setAttribute( attribute, {}, node );\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n/**\n * View-to-model conversion helper preserving allowed attributes on {@link TODO}\n * feature model element.\n *\n * @returns Returns a conversion callback.\n */\nfunction viewToModelListAttributeConverter( attributeName: string, dataFilter: DataFilter ): GetCallback<UpcastElementEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst viewElement = data.viewItem;\n\n\t\tif ( !data.modelRange ) {\n\t\t\tObject.assign( data, conversionApi.convertChildren( data.viewItem, data.modelCursor ) );\n\t\t}\n\n\t\tconst viewAttributes = dataFilter.processViewAttributes( viewElement, conversionApi );\n\n\t\tfor ( const item of data.modelRange!.getItems( { shallow: true } ) ) {\n\t\t\t// Apply only to list item blocks.\n\t\t\tif ( !item.hasAttribute( 'listItemId' ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Set list attributes only on same level items, those nested deeper are already handled\n\t\t\t// by the recursive conversion.\n\t\t\tif ( item.hasAttribute( 'htmlUlAttributes' ) || item.hasAttribute( 'htmlOlAttributes' ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( conversionApi.writer.model.schema.checkAttribute( item, attributeName ) ) {\n\t\t\t\tconversionApi.writer.setAttribute( attributeName, viewAttributes || {}, item );\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Returns HTML attribute name based on provided list type.\n */\nfunction getAttributeFromListType( listType: ListType ) {\n\treturn listType === 'numbered' || listType == 'customNumbered' ?\n\t\t'htmlOlAttributes' :\n\t\t'htmlUlAttributes';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/horizontalline\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type {\n\tDowncastAttributeEvent,\n\tDowncastDispatcher,\n\tModelElement\n} from 'ckeditor5/src/engine.js';\n\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\nimport { type GHSViewAttributes, updateViewAttributes } from '../utils.js';\nimport { getDescendantElement } from './integrationutils.js';\nimport { viewToModelBlockAttributeConverter } from '../converters.js';\n\n/**\n * Provides the General HTML Support integration with the {@link module:horizontal-line/horizontalline~HorizontalLine} feature.\n */\nexport class HorizontalLineElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HorizontalLineElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'HorizontalLineEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst dataFilter = editor.plugins.get( DataFilter );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:hr', ( evt, definition ) => {\n\t\t\tif ( definition.model !== 'horizontalLine' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tschema.extend( 'horizontalLine', {\n\t\t\t\tallowAttributes: [ 'htmlHrAttributes' ]\n\t\t\t} );\n\n\t\t\tconversion.for( 'upcast' ).add( viewToModelBlockAttributeConverter( definition, dataFilter ) );\n\t\t\tconversion.for( 'downcast' ).add( modelToViewHorizontalLineAttributeConverter() );\n\n\t\t\tevt.stop();\n\t\t} );\n\t}\n}\n\n/**\n * A model-to-view conversion helper applying attributes from the\n * {@link module:horizontal-line/horizontalline~HorizontalLine HorizontalLine} feature.\n *\n * @returns Returns a conversion callback.\n */\nfunction modelToViewHorizontalLineAttributeConverter() {\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tdispatcher.on<DowncastAttributeEvent>( 'attribute:htmlHrAttributes:horizontalLine', ( evt, data, conversionApi ) => {\n\t\t\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { attributeOldValue, attributeNewValue } = data;\n\t\t\tconst containerElement = conversionApi.mapper.toViewElement( data.item as ModelElement )!;\n\t\t\tconst viewElement = getDescendantElement( conversionApi.writer, containerElement, 'hr' );\n\n\t\t\tif ( viewElement ) {\n\t\t\t\tupdateViewAttributes(\n\t\t\t\t\tconversionApi.writer,\n\t\t\t\t\tattributeOldValue as GHSViewAttributes,\n\t\t\t\t\tattributeNewValue as GHSViewAttributes,\n\t\t\t\t\tviewElement );\n\t\t\t\tconversionApi.consumable.consume( data.item, evt.name );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/integrations/customelement\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ViewUpcastWriter, type ViewDocumentFragment, type ViewNode } from 'ckeditor5/src/engine.js';\n\nimport { DataSchema } from '../dataschema.js';\nimport { DataFilter, type HtmlSupportDataFilterRegisterEvent } from '../datafilter.js';\nimport { type GHSViewAttributes, setViewAttributes } from '../utils.js';\n\n/**\n * Provides the General HTML Support for custom elements (not registered in the {@link module:html-support/dataschema~DataSchema}).\n */\nexport class CustomElementSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ DataFilter, DataSchema ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'CustomElementSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst dataFilter = this.editor.plugins.get( DataFilter );\n\t\tconst dataSchema = this.editor.plugins.get( DataSchema );\n\n\t\tdataFilter.on<HtmlSupportDataFilterRegisterEvent>( 'register:$customElement', ( evt, definition ) => {\n\t\t\tevt.stop();\n\n\t\t\tconst editor = this.editor;\n\t\t\tconst schema = editor.model.schema;\n\t\t\tconst conversion = editor.conversion;\n\t\t\tconst unsafeElements = editor.editing.view.domConverter.unsafeElements;\n\t\t\tconst preLikeElements = editor.data.htmlProcessor.domConverter.preElements;\n\n\t\t\tschema.register( definition.model, definition.modelSchema );\n\t\t\tschema.extend( definition.model, {\n\t\t\t\tallowAttributes: [ 'htmlElementName', 'htmlCustomElementAttributes', 'htmlContent' ],\n\t\t\t\tisContent: true\n\t\t\t} );\n\n\t\t\t// For the `<template>` element we use only raw-content because DOM API exposes its content\n\t\t\t// only as a document fragment in the `content` property (or innerHTML).\n\t\t\teditor.data.htmlProcessor.domConverter.registerRawContentMatcher( { name: 'template' } );\n\n\t\t\t// Being executed on the low priority, it will catch all elements that were not caught by other converters.\n\t\t\tconversion.for( 'upcast' ).elementToElement( {\n\t\t\t\tview: /.*/,\n\t\t\t\tmodel: ( viewElement, conversionApi ) => {\n\t\t\t\t\t// Do not try to convert $comment fake element.\n\t\t\t\t\tif ( viewElement.name == '$comment' ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\t\t\tif ( !isValidElementName( viewElement.name ) ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Allow for fallback only if this element is not defined in data schema to make sure\n\t\t\t\t\t// that this will handle only custom elements not registered in the data schema.\n\t\t\t\t\tif ( dataSchema.getDefinitionsForView( viewElement.name ).size ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure that this element will not render in the editing view.\n\t\t\t\t\tif ( !unsafeElements.includes( viewElement.name ) ) {\n\t\t\t\t\t\tunsafeElements.push( viewElement.name );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Make sure that whitespaces will not be trimmed or replaced by nbsps while stringify content.\n\t\t\t\t\tif ( !preLikeElements.includes( viewElement.name ) ) {\n\t\t\t\t\t\tpreLikeElements.push( viewElement.name );\n\t\t\t\t\t}\n\n\t\t\t\t\tconst modelElement = conversionApi.writer.createElement( definition.model, {\n\t\t\t\t\t\thtmlElementName: viewElement.name\n\t\t\t\t\t} );\n\n\t\t\t\t\tconst htmlAttributes = dataFilter.processViewAttributes( viewElement, conversionApi );\n\n\t\t\t\t\tif ( htmlAttributes ) {\n\t\t\t\t\t\tconversionApi.writer.setAttribute( 'htmlCustomElementAttributes', htmlAttributes, modelElement );\n\t\t\t\t\t}\n\n\t\t\t\t\tlet htmlContent;\n\n\t\t\t\t\t// For the `<template>` element we use only raw-content because DOM API exposes its content\n\t\t\t\t\t// only as a document fragment in the `content` property.\n\t\t\t\t\tif ( viewElement.is( 'element', 'template' ) && viewElement.getCustomProperty( '$rawContent' ) ) {\n\t\t\t\t\t\thtmlContent = viewElement.getCustomProperty( '$rawContent' );\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Store the whole element in the attribute so that ViewDomConverter\n\t\t\t\t\t\t// will be able to use the pre like element context.\n\t\t\t\t\t\tconst viewWriter = new ViewUpcastWriter( viewElement.document );\n\t\t\t\t\t\tconst documentFragment = viewWriter.createDocumentFragment( viewElement );\n\t\t\t\t\t\tconst domFragment = editor.data.htmlProcessor.domConverter.viewToDom( documentFragment );\n\t\t\t\t\t\tconst domElement = domFragment.firstChild!;\n\n\t\t\t\t\t\twhile ( domElement.firstChild ) {\n\t\t\t\t\t\t\tdomFragment.appendChild( domElement.firstChild );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tdomElement.remove();\n\n\t\t\t\t\t\thtmlContent = editor.data.htmlProcessor.htmlWriter.getHtml( domFragment );\n\t\t\t\t\t}\n\n\t\t\t\t\tconversionApi.writer.setAttribute( 'htmlContent', htmlContent, modelElement );\n\n\t\t\t\t\t// Consume the content of the element.\n\t\t\t\t\tfor ( const { item } of editor.editing.view.createRangeIn( viewElement ) ) {\n\t\t\t\t\t\tconversionApi.consumable.consume( item as ViewNode | ViewDocumentFragment, { name: true } );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn modelElement;\n\t\t\t\t},\n\t\t\t\tconverterPriority: 'low'\n\t\t\t} );\n\n\t\t\t// Because this element is unsafe (DomConverter#unsafeElements), it will render as a transparent <span> but it must\n\t\t\t// be rendered anyway for the mapping between the model and the view to exist.\n\t\t\tconversion.for( 'editingDowncast' ).elementToElement( {\n\t\t\t\tmodel: {\n\t\t\t\t\tname: definition.model,\n\t\t\t\t\tattributes: [ 'htmlElementName', 'htmlCustomElementAttributes', 'htmlContent' ]\n\t\t\t\t},\n\t\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\t\tconst viewName = modelElement.getAttribute( 'htmlElementName' ) as string;\n\t\t\t\t\tconst viewElement = writer.createRawElement( viewName );\n\n\t\t\t\t\tif ( modelElement.hasAttribute( 'htmlCustomElementAttributes' ) ) {\n\t\t\t\t\t\tsetViewAttributes(\n\t\t\t\t\t\t\twriter,\n\t\t\t\t\t\t\tmodelElement.getAttribute( 'htmlCustomElementAttributes' ) as GHSViewAttributes,\n\t\t\t\t\t\t\tviewElement\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn viewElement;\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tconversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\t\tmodel: {\n\t\t\t\t\tname: definition.model,\n\t\t\t\t\tattributes: [ 'htmlElementName', 'htmlCustomElementAttributes', 'htmlContent' ]\n\t\t\t\t},\n\t\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\t\tconst viewName = modelElement.getAttribute( 'htmlElementName' ) as string;\n\t\t\t\t\tconst htmlContent = modelElement.getAttribute( 'htmlContent' ) as string;\n\n\t\t\t\t\tconst viewElement = writer.createRawElement( viewName, null, ( domElement, domConverter ) => {\n\t\t\t\t\t\tdomConverter.setContentOf( domElement, htmlContent );\n\t\t\t\t\t} );\n\n\t\t\t\t\tif ( modelElement.hasAttribute( 'htmlCustomElementAttributes' ) ) {\n\t\t\t\t\t\tsetViewAttributes(\n\t\t\t\t\t\t\twriter,\n\t\t\t\t\t\t\tmodelElement.getAttribute( 'htmlCustomElementAttributes' ) as GHSViewAttributes,\n\t\t\t\t\t\t\tviewElement\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn viewElement;\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n/**\n * Returns true if name is valid for a DOM element name.\n */\nfunction isValidElementName( name: string ): boolean {\n\ttry {\n\t\tdocument.createElement( name );\n\t} catch {\n\t\t/* istanbul ignore next -- @preserve */\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/generalhtmlsupport\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { toArray, type ArrayOrItem } from 'ckeditor5/src/utils.js';\nimport type { RemoveFormatCommand } from '@ckeditor/ckeditor5-remove-format';\n\nimport { DataFilter } from './datafilter.js';\nimport { CodeBlockElementSupport } from './integrations/codeblock.js';\nimport { DualContentModelElementSupport } from './integrations/dualcontent.js';\nimport { HeadingElementSupport } from './integrations/heading.js';\nimport { ImageElementSupport } from './integrations/image.js';\nimport { MediaEmbedElementSupport } from './integrations/mediaembed.js';\nimport { ScriptElementSupport } from './integrations/script.js';\nimport { TableElementSupport } from './integrations/table.js';\nimport { StyleElementSupport } from './integrations/style.js';\nimport { ListElementSupport } from './integrations/list.js';\nimport { HorizontalLineElementSupport } from './integrations/horizontalline.js';\nimport { CustomElementSupport } from './integrations/customelement.js';\nimport type { HtmlSupportDataSchemaInlineElementDefinition } from './dataschema.js';\nimport type { ModelDocumentSelection, ModelItem, Model, ModelRange, ModelSelectable } from 'ckeditor5/src/engine.js';\nimport { getHtmlAttributeName, modifyGhsAttribute, removeFormatting } from './utils.js';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport type { GeneralHtmlSupportConfig } from './generalhtmlsupportconfig.js';\n\n/**\n * The General HTML Support feature.\n *\n * This is a \"glue\" plugin which initializes the {@link module:html-support/datafilter~DataFilter data filter} configuration\n * and features integration with the General HTML Support.\n */\nexport class GeneralHtmlSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'GeneralHtmlSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [\n\t\t\tDataFilter,\n\t\t\tCodeBlockElementSupport,\n\t\t\tDualContentModelElementSupport,\n\t\t\tHeadingElementSupport,\n\t\t\tImageElementSupport,\n\t\t\tMediaEmbedElementSupport,\n\t\t\tScriptElementSupport,\n\t\t\tTableElementSupport,\n\t\t\tStyleElementSupport,\n\t\t\tListElementSupport,\n\t\t\tHorizontalLineElementSupport,\n\t\t\tCustomElementSupport\n\t\t] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst dataFilter = editor.plugins.get( DataFilter );\n\n\t\t// Load the allowed empty inline elements' configuration.\n\t\t// Note that this modifies DataSchema so must be loaded before registering filtering rules.\n\t\tdataFilter.loadAllowedEmptyElementsConfig( editor.config.get( 'htmlSupport.allowEmpty' ) || [] );\n\n\t\t// Load the filtering configuration.\n\t\tdataFilter.loadAllowedConfig( editor.config.get( 'htmlSupport.allow' ) || [] );\n\t\tdataFilter.loadDisallowedConfig( editor.config.get( 'htmlSupport.disallow' ) || [] );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst removeFormatCommand: RemoveFormatCommand | undefined = this.editor.commands.get( 'removeFormat' );\n\n\t\tremoveFormatCommand?.registerCustomAttribute(\n\t\t\tattributeName => attributeName.startsWith( 'html' ) && attributeName.endsWith( 'Attributes' ),\n\t\t\tremoveFormatting\n\t\t);\n\t}\n\n\t/**\n\t * Returns a GHS model attribute name related to a given view element name.\n\t *\n\t * @internal\n\t * @param viewElementName A view element name.\n\t */\n\tpublic getGhsAttributeNameForElement( viewElementName: string ): string {\n\t\tconst dataSchema = this.editor.plugins.get( 'DataSchema' );\n\t\tconst definitions = Array.from( dataSchema.getDefinitionsForView( viewElementName, false ) );\n\n\t\tconst inlineDefinition = definitions.find( definition => (\n\t\t\t( definition as HtmlSupportDataSchemaInlineElementDefinition ).isInline && !definitions[ 0 ].isObject\n\t\t) );\n\n\t\tif ( inlineDefinition ) {\n\t\t\treturn inlineDefinition.model;\n\t\t}\n\n\t\treturn getHtmlAttributeName( viewElementName );\n\t}\n\n\t/**\n\t * Updates GHS model attribute for a specified view element name, so it includes the given class name.\n\t *\n\t * @internal\n\t * @param viewElementName A view element name.\n\t * @param className The css class to add.\n\t * @param selectable The selection or element to update.\n\t */\n\tpublic addModelHtmlClass( viewElementName: string, className: ArrayOrItem<string>, selectable: ModelSelectable ): void {\n\t\tconst model = this.editor.model;\n\t\tconst ghsAttributeName = this.getGhsAttributeNameForElement( viewElementName );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of getItemsToUpdateGhsAttribute( model, selectable, ghsAttributeName ) ) {\n\t\t\t\tmodifyGhsAttribute( writer, item, ghsAttributeName, 'classes', classes => {\n\t\t\t\t\tfor ( const value of toArray( className ) ) {\n\t\t\t\t\t\tclasses.add( value );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Updates GHS model attribute for a specified view element name, so it does not include the given class name.\n\t *\n\t * @internal\n\t * @param viewElementName A view element name.\n\t * @param className The css class to remove.\n\t * @param selectable The selection or element to update.\n\t */\n\tpublic removeModelHtmlClass( viewElementName: string, className: ArrayOrItem<string>, selectable: ModelSelectable ): void {\n\t\tconst model = this.editor.model;\n\t\tconst ghsAttributeName = this.getGhsAttributeNameForElement( viewElementName );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of getItemsToUpdateGhsAttribute( model, selectable, ghsAttributeName ) ) {\n\t\t\t\tmodifyGhsAttribute( writer, item, ghsAttributeName, 'classes', classes => {\n\t\t\t\t\tfor ( const value of toArray( className ) ) {\n\t\t\t\t\t\tclasses.delete( value );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Updates GHS model attribute for a specified view element name, so it includes the given attribute.\n\t *\n\t * @param viewElementName A view element name.\n\t * @param attributes The object with attributes to set.\n\t * @param selectable The selection or element to update.\n\t */\n\tprivate setModelHtmlAttributes( viewElementName: string, attributes: Record<string, unknown>, selectable: ModelSelectable ) {\n\t\tconst model = this.editor.model;\n\t\tconst ghsAttributeName = this.getGhsAttributeNameForElement( viewElementName );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of getItemsToUpdateGhsAttribute( model, selectable, ghsAttributeName ) ) {\n\t\t\t\tmodifyGhsAttribute( writer, item, ghsAttributeName, 'attributes', attributesMap => {\n\t\t\t\t\tfor ( const [ key, value ] of Object.entries( attributes ) ) {\n\t\t\t\t\t\tattributesMap.set( key, value );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Updates GHS model attribute for a specified view element name, so it does not include the given attribute.\n\t *\n\t * @param viewElementName A view element name.\n\t * @param attributeName The attribute name (or names) to remove.\n\t * @param selectable The selection or element to update.\n\t */\n\tprivate removeModelHtmlAttributes( viewElementName: string, attributeName: ArrayOrItem<string>, selectable: ModelSelectable ) {\n\t\tconst model = this.editor.model;\n\t\tconst ghsAttributeName = this.getGhsAttributeNameForElement( viewElementName );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of getItemsToUpdateGhsAttribute( model, selectable, ghsAttributeName ) ) {\n\t\t\t\tmodifyGhsAttribute( writer, item, ghsAttributeName, 'attributes', attributesMap => {\n\t\t\t\t\tfor ( const key of toArray( attributeName ) ) {\n\t\t\t\t\t\tattributesMap.delete( key );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Updates GHS model attribute for a specified view element name, so it includes a given style.\n\t *\n\t * @param viewElementName A view element name.\n\t * @param styles The object with styles to set.\n\t * @param selectable The selection or element to update.\n\t */\n\tprivate setModelHtmlStyles( viewElementName: string, styles: Record<string, string>, selectable: ModelSelectable ) {\n\t\tconst model = this.editor.model;\n\t\tconst ghsAttributeName = this.getGhsAttributeNameForElement( viewElementName );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of getItemsToUpdateGhsAttribute( model, selectable, ghsAttributeName ) ) {\n\t\t\t\tmodifyGhsAttribute( writer, item, ghsAttributeName, 'styles', stylesMap => {\n\t\t\t\t\tfor ( const [ key, value ] of Object.entries( styles ) ) {\n\t\t\t\t\t\tstylesMap.set( key, value );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Updates GHS model attribute for a specified view element name, so it does not include a given style.\n\t *\n\t * @param viewElementName A view element name.\n\t * @param properties The style (or styles list) to remove.\n\t * @param selectable The selection or element to update.\n\t */\n\tprivate removeModelHtmlStyles( viewElementName: string, properties: ArrayOrItem<string>, selectable: ModelSelectable ) {\n\t\tconst model = this.editor.model;\n\t\tconst ghsAttributeName = this.getGhsAttributeNameForElement( viewElementName );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of getItemsToUpdateGhsAttribute( model, selectable, ghsAttributeName ) ) {\n\t\t\t\tmodifyGhsAttribute( writer, item, ghsAttributeName, 'styles', stylesMap => {\n\t\t\t\t\tfor ( const key of toArray( properties ) ) {\n\t\t\t\t\t\tstylesMap.delete( key );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Returns an iterator over an items in the selectable that accept given GHS attribute.\n */\nfunction* getItemsToUpdateGhsAttribute(\n\tmodel: Model,\n\tselectable: ModelSelectable,\n\tghsAttributeName: string\n): IterableIterator<ModelItem | ModelDocumentSelection> {\n\tif ( !selectable ) {\n\t\treturn;\n\t}\n\n\tif ( !( Symbol.iterator in selectable ) && selectable.is( 'documentSelection' ) && selectable.isCollapsed ) {\n\t\tif ( model.schema.checkAttributeInSelection( selectable, ghsAttributeName ) ) {\n\t\t\tyield selectable;\n\t\t}\n\t} else {\n\t\tfor ( const range of getValidRangesForSelectable( model, selectable, ghsAttributeName ) ) {\n\t\t\tyield* range.getItems( { shallow: true } );\n\t\t}\n\t}\n}\n\n/**\n * Translates a given selectable to an iterable of ranges.\n */\nfunction getValidRangesForSelectable(\n\tmodel: Model,\n\tselectable: NonNullable<ModelSelectable>,\n\tghsAttributeName: string\n): Iterable<ModelRange> {\n\tif (\n\t\t!( Symbol.iterator in selectable ) &&\n\t\t(\n\t\t\tselectable.is( 'node' ) ||\n\t\t\tselectable.is( '$text' ) ||\n\t\t\tselectable.is( '$textProxy' )\n\t\t)\n\t) {\n\t\tif ( model.schema.checkAttribute( selectable, ghsAttributeName ) ) {\n\t\t\treturn [ model.createRangeOn( selectable ) ];\n\t\t} else {\n\t\t\treturn [];\n\t\t}\n\t} else {\n\t\treturn model.schema.getValidRanges( model.createSelection( selectable ).getRanges(), ghsAttributeName );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/htmlcomment\n */\n\nimport type { Marker, ModelPosition, ModelRange, ModelElement } from 'ckeditor5/src/engine.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { uid } from 'ckeditor5/src/utils.js';\n\n/**\n * The HTML comment feature. It preserves the HTML comments (`<!-- -->`) in the editor data.\n *\n * For a detailed overview, check the {@glink features/html/html-comments HTML comment feature documentation}.\n */\nexport class HtmlComment extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'HtmlComment' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst loadedCommentsContent = new Map<string, string>();\n\n\t\teditor.data.processor.skipComments = false;\n\n\t\t// Allow storing comment's content as the $root attribute with the name `$comment:<unique id>`.\n\t\teditor.model.schema.addAttributeCheck( ( context, attributeName ) => {\n\t\t\tif ( context.endsWith( '$root' ) && attributeName.startsWith( '$comment' ) ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t} );\n\n\t\t// Convert the `$comment` view element to `$comment:<unique id>` marker and store its content (the comment itself) as a $root\n\t\t// attribute. The comment content is needed in the `dataDowncast` pipeline to re-create the comment node.\n\t\teditor.conversion.for( 'upcast' ).elementToMarker( {\n\t\t\tview: '$comment',\n\t\t\tmodel: viewElement => {\n\t\t\t\tconst markerUid = uid();\n\t\t\t\tconst markerName = `$comment:${ markerUid }`;\n\t\t\t\tconst commentContent = viewElement.getCustomProperty( '$rawContent' ) as string;\n\n\t\t\t\tloadedCommentsContent.set( markerName, commentContent );\n\n\t\t\t\treturn markerName;\n\t\t\t}\n\t\t} );\n\n\t\t// Convert the `$comment` marker to `$comment` UI element with `$rawContent` custom property containing the comment content.\n\t\teditor.conversion.for( 'dataDowncast' ).markerToElement( {\n\t\t\tmodel: '$comment',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tlet root = undefined;\n\n\t\t\t\tfor ( const rootName of this.editor.model.document.getRootNames() ) {\n\t\t\t\t\troot = this.editor.model.document.getRoot( rootName )!;\n\n\t\t\t\t\tif ( root.hasAttribute( modelElement.markerName ) ) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst markerName = modelElement.markerName;\n\t\t\t\tconst commentContent = root!.getAttribute( markerName );\n\t\t\t\tconst comment = writer.createUIElement( '$comment' );\n\n\t\t\t\twriter.setCustomProperty( '$rawContent', commentContent, comment );\n\n\t\t\t\treturn comment;\n\t\t\t}\n\t\t} );\n\n\t\t// Remove comments' markers and their corresponding $root attributes, which are moved to the graveyard.\n\t\teditor.model.document.registerPostFixer( writer => {\n\t\t\tlet changed = false;\n\t\t\tconst markers = editor.model.document.differ.getChangedMarkers().filter( marker => marker.name.startsWith( '$comment:' ) );\n\n\t\t\tfor ( const marker of markers ) {\n\t\t\t\tconst { oldRange, newRange } = marker.data;\n\n\t\t\t\tif ( oldRange && newRange && oldRange.root == newRange.root ) {\n\t\t\t\t\t// The marker was moved in the same root. Don't do anything.\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif ( oldRange ) {\n\t\t\t\t\t// The comment marker was moved from one root to another (most probably to the graveyard).\n\t\t\t\t\t// Remove the related attribute from the previous root.\n\t\t\t\t\tconst oldRoot = oldRange.root as ModelElement;\n\n\t\t\t\t\tif ( oldRoot.hasAttribute( marker.name ) ) {\n\t\t\t\t\t\twriter.removeAttribute( marker.name, oldRoot );\n\n\t\t\t\t\t\tchanged = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( newRange ) {\n\t\t\t\t\tconst newRoot = newRange.root as ModelElement;\n\n\t\t\t\t\tif ( newRoot.rootName == '$graveyard' ) {\n\t\t\t\t\t\t// Comment marker was moved to the graveyard -- remove it entirely.\n\t\t\t\t\t\twriter.removeMarker( marker.name );\n\n\t\t\t\t\t\tchanged = true;\n\t\t\t\t\t} else if ( !newRoot.hasAttribute( marker.name ) ) {\n\t\t\t\t\t\t// Comment marker was just added or was moved to another root - updated roots attributes.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// Added fallback to `''` for the comment content in case if someone incorrectly added just the marker \"by hand\"\n\t\t\t\t\t\t// and forgot to add the root attribute or add them in different change blocks.\n\t\t\t\t\t\t//\n\t\t\t\t\t\t// It caused an infinite loop in one of the unit tests.\n\t\t\t\t\t\twriter.setAttribute( marker.name, loadedCommentsContent.get( marker.name ) || '', newRoot );\n\n\t\t\t\t\t\tchanged = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn changed;\n\t\t} );\n\n\t\t// Delete all comment markers from the document before setting new data.\n\t\teditor.data.on( 'set', () => {\n\t\t\tfor ( const commentMarker of editor.model.markers.getMarkersGroup( '$comment' ) ) {\n\t\t\t\tthis.removeHtmlComment( commentMarker.name );\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\t// Delete all comment markers that are within a removed range.\n\t\t// Delete all comment markers at the limit element boundaries if the whole content of the limit element is removed.\n\t\teditor.model.on( 'deleteContent', ( evt, [ selection ] ) => {\n\t\t\tfor ( const range of selection.getRanges() ) {\n\t\t\t\tconst limitElement = editor.model.schema.getLimitElement( range );\n\t\t\t\tconst firstPosition = editor.model.createPositionAt( limitElement, 0 );\n\t\t\t\tconst lastPosition = editor.model.createPositionAt( limitElement, 'end' );\n\n\t\t\t\tlet affectedCommentIDs;\n\n\t\t\t\tif ( firstPosition.isTouching( range.start ) && lastPosition.isTouching( range.end ) ) {\n\t\t\t\t\taffectedCommentIDs = this.getHtmlCommentsInRange( editor.model.createRange( firstPosition, lastPosition ) );\n\t\t\t\t} else {\n\t\t\t\t\taffectedCommentIDs = this.getHtmlCommentsInRange( range, { skipBoundaries: true } );\n\t\t\t\t}\n\n\t\t\t\tfor ( const commentMarkerID of affectedCommentIDs ) {\n\t\t\t\t\tthis.removeHtmlComment( commentMarkerID );\n\t\t\t\t}\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Creates an HTML comment on the specified position and returns its ID.\n\t *\n\t * *Note*: If two comments are created at the same position, the second comment will be inserted before the first one.\n\t *\n\t * @returns Comment ID. This ID can be later used to e.g. remove the comment from the content.\n\t */\n\tpublic createHtmlComment( position: ModelPosition, content: string ): string {\n\t\tconst id = uid();\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst root = model.document.getRoot( position.root.rootName )!;\n\t\tconst markerName = `$comment:${ id }`;\n\n\t\treturn model.change( writer => {\n\t\t\tconst range = writer.createRange( position );\n\n\t\t\twriter.addMarker( markerName, {\n\t\t\t\tusingOperation: true,\n\t\t\t\taffectsData: true,\n\t\t\t\trange\n\t\t\t} );\n\n\t\t\twriter.setAttribute( markerName, content, root );\n\n\t\t\treturn markerName;\n\t\t} );\n\t}\n\n\t/**\n\t * Removes an HTML comment with the given comment ID.\n\t *\n\t * It does nothing and returns `false` if the comment with the given ID does not exist.\n\t * Otherwise it removes the comment and returns `true`.\n\t *\n\t * Note that a comment can be removed also by removing the content around the comment.\n\t *\n\t * @param commentID The ID of the comment to be removed.\n\t * @returns `true` when the comment with the given ID was removed, `false` otherwise.\n\t */\n\tpublic removeHtmlComment( commentID: string ): boolean {\n\t\tconst editor = this.editor;\n\t\tconst marker = editor.model.markers.get( commentID );\n\n\t\tif ( !marker ) {\n\t\t\treturn false;\n\t\t}\n\n\t\teditor.model.change( writer => {\n\t\t\twriter.removeMarker( marker );\n\t\t} );\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Gets the HTML comment data for the comment with a given ID.\n\t *\n\t * Returns `null` if the comment does not exist.\n\t */\n\tpublic getHtmlCommentData( commentID: string ): HtmlCommentData | null {\n\t\tconst editor = this.editor;\n\t\tconst marker = editor.model.markers.get( commentID );\n\n\t\tif ( !marker ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet content = '';\n\n\t\tfor ( const root of this.editor.model.document.getRoots() ) {\n\t\t\tif ( root.hasAttribute( commentID ) ) {\n\t\t\t\tcontent = root.getAttribute( commentID ) as string;\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tcontent,\n\t\t\tposition: marker.getStart()\n\t\t};\n\t}\n\n\t/**\n\t * Gets all HTML comments in the given range.\n\t *\n\t * By default, it includes comments at the range boundaries.\n\t *\n\t * @param range The range to search for HTML comments.\n\t * @param options Additional options.\n\t * @param options.skipBoundaries When set to `true` the range boundaries will be skipped.\n\t * @returns HTML comment IDs\n\t */\n\tpublic getHtmlCommentsInRange( range: ModelRange, { skipBoundaries = false } = {} ): Array<string> {\n\t\tconst includeBoundaries = !skipBoundaries;\n\n\t\t// Unfortunately, MarkerCollection#getMarkersAtPosition() filters out collapsed markers.\n\t\treturn Array.from( this.editor.model.markers.getMarkersGroup( '$comment' ) )\n\t\t\t.filter( marker => isCommentMarkerInRange( marker, range ) )\n\t\t\t.map( marker => marker.name );\n\n\t\tfunction isCommentMarkerInRange( commentMarker: Marker, range: ModelRange ) {\n\t\t\tconst position = commentMarker.getRange().start;\n\n\t\t\treturn (\n\t\t\t\t( position.isAfter( range.start ) || ( includeBoundaries && position.isEqual( range.start ) ) ) &&\n\t\t\t\t( position.isBefore( range.end ) || ( includeBoundaries && position.isEqual( range.end ) ) )\n\t\t\t);\n\t\t}\n\t}\n}\n\n/**\n * An interface for the HTML comments data.\n *\n * It consists of the {@link module:engine/model/position~ModelPosition `position`} and `content`.\n */\nexport interface HtmlCommentData {\n\tposition: ModelPosition;\n\tcontent: string;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/htmlpagedataprocessor\n */\n\nimport { HtmlDataProcessor, ViewUpcastWriter, type ViewDocumentFragment } from 'ckeditor5/src/engine.js';\n\n/**\n * The full page HTML data processor class.\n * This data processor implementation uses HTML as input and output data.\n */\nexport class HtmlPageDataProcessor extends HtmlDataProcessor {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toView( data: string ): ViewDocumentFragment {\n\t\t// Ignore content that is not a full page source.\n\t\tif ( !/<(?:html|body|head|meta)(?:\\s[^>]*)?>/i.test( data.trim().slice( 0, 10_000 ) ) ) {\n\t\t\treturn super.toView( data );\n\t\t}\n\n\t\t// Store doctype and xml declaration in a separate properties as they can't be stringified later.\n\t\tlet docType = '';\n\t\tlet xmlDeclaration = '';\n\n\t\tdata = data.trim().replace( /<\\?xml\\s[^?]*\\?>/i, match => {\n\t\t\txmlDeclaration = match;\n\n\t\t\treturn '';\n\t\t} );\n\n\t\tdata = data.trim().replace( /^<!DOCTYPE\\s[^>]*?>/i, match => {\n\t\t\tdocType = match;\n\n\t\t\treturn '';\n\t\t} );\n\n\t\t// Convert input HTML data to DOM DocumentFragment.\n\t\tconst domFragment = this._toDom( data );\n\n\t\t// Convert DOM DocumentFragment to view DocumentFragment.\n\t\tconst viewFragment = this.domConverter.domToView(\n\t\t\tdomFragment,\n\t\t\t{ skipComments: this.skipComments }\n\t\t) as ViewDocumentFragment;\n\n\t\tconst writer = new ViewUpcastWriter( viewFragment.document );\n\n\t\t// Using the DOM document with body content extracted as a skeleton of the page.\n\t\twriter.setCustomProperty( '$fullPageDocument', domFragment.ownerDocument.documentElement.outerHTML, viewFragment );\n\n\t\t// List of `<style>` elements extracted from document's `<head>` element.\n\t\tconst headStylesElements = Array.from( domFragment.ownerDocument.querySelectorAll( 'head style' ) );\n\n\t\twriter.setCustomProperty( '$fullPageHeadStyles', headStylesElements, viewFragment );\n\n\t\tif ( docType ) {\n\t\t\twriter.setCustomProperty( '$fullPageDocType', docType, viewFragment );\n\t\t}\n\n\t\tif ( xmlDeclaration ) {\n\t\t\twriter.setCustomProperty( '$fullPageXmlDeclaration', xmlDeclaration, viewFragment );\n\t\t}\n\n\t\treturn viewFragment;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override toData( viewFragment: ViewDocumentFragment ): string {\n\t\tlet data = super.toData( viewFragment );\n\n\t\tconst page = viewFragment.getCustomProperty( '$fullPageDocument' ) as string | undefined;\n\t\tconst docType = viewFragment.getCustomProperty( '$fullPageDocType' );\n\t\tconst xmlDeclaration = viewFragment.getCustomProperty( '$fullPageXmlDeclaration' );\n\n\t\tif ( page ) {\n\t\t\tdata = page.replace( /<\\/body\\s*>/, data + '$&' );\n\n\t\t\tif ( docType ) {\n\t\t\t\tdata = docType + '\\n' + data;\n\t\t\t}\n\n\t\t\tif ( xmlDeclaration ) {\n\t\t\t\tdata = xmlDeclaration + '\\n' + data;\n\t\t\t}\n\t\t}\n\n\t\treturn data;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/fullpage\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { logWarning, global } from 'ckeditor5/src/utils.js';\nimport {\n\tViewUpcastWriter,\n\ttype DataControllerToModelEvent,\n\ttype DataControllerToViewEvent,\n\ttype ModelRootElement\n} from 'ckeditor5/src/engine.js';\n\nimport { HtmlPageDataProcessor } from './htmlpagedataprocessor.js';\n\n/**\n * The full page editing feature. It preserves the whole HTML page in the editor data.\n */\nexport class FullPage extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'FullPage' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'FPH';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'htmlSupport.fullPage', {\n\t\t\tallowRenderStylesFromHead: false,\n\t\t\tsanitizeCss: rawCss => {\n\t\t\t\t/**\n\t\t\t\t * When using the Full page with the `config.htmlSupport.fullPage.allowRenderStylesFromHead` set to `true`,\n\t\t\t\t * it is strongly recommended to define a sanitize function that will clean up the CSS\n\t\t\t\t * which is present in the `<head>` in editors content in order to avoid XSS vulnerability.\n\t\t\t\t *\n\t\t\t\t * For a detailed overview, check the {@glink features/html/full-page-html Full page HTML feature} documentation.\n\t\t\t\t *\n\t\t\t\t * @error css-full-page-provide-sanitize-function\n\t\t\t\t */\n\t\t\t\tlogWarning( 'css-full-page-provide-sanitize-function' );\n\n\t\t\t\treturn {\n\t\t\t\t\tcss: rawCss,\n\t\t\t\t\thasChanged: false\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\teditor.data.processor = new HtmlPageDataProcessor( editor.data.viewDocument );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst properties = [ '$fullPageDocument', '$fullPageDocType', '$fullPageXmlDeclaration', '$fullPageHeadStyles' ];\n\n\t\teditor.model.schema.extend( '$root', {\n\t\t\tallowAttributes: properties\n\t\t} );\n\n\t\t// Apply custom properties from view document fragment to the model root attributes.\n\t\teditor.data.on<DataControllerToModelEvent>( 'toModel', ( evt, [ viewElementOrFragment ] ) => {\n\t\t\tconst root = editor.model.document.getRoot()!;\n\n\t\t\teditor.model.change( writer => {\n\t\t\t\tfor ( const name of properties ) {\n\t\t\t\t\tconst value = viewElementOrFragment.getCustomProperty( name );\n\n\t\t\t\t\tif ( value ) {\n\t\t\t\t\t\twriter.setAttribute( name, value, root );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tif ( isAllowedRenderStylesFromHead( editor ) ) {\n\t\t\t\tthis._renderStylesFromHead( root );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\n\t\t// Apply root attributes to the view document fragment.\n\t\teditor.data.on<DataControllerToViewEvent>( 'toView', ( evt, [ modelElementOrFragment ] ) => {\n\t\t\tif ( !modelElementOrFragment.is( 'rootElement' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst root = modelElementOrFragment;\n\t\t\tconst viewFragment = evt.return!;\n\n\t\t\tif ( !root.hasAttribute( '$fullPageDocument' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst writer = new ViewUpcastWriter( viewFragment.document );\n\n\t\t\tfor ( const name of properties ) {\n\t\t\t\tconst value = root.getAttribute( name );\n\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.setCustomProperty( name, value, viewFragment );\n\t\t\t\t}\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\n\t\t// Clear root attributes related to full page editing on editor content reset.\n\t\teditor.data.on( 'set', () => {\n\t\t\tconst root = editor.model.document.getRoot()!;\n\n\t\t\teditor.model.change( writer => {\n\t\t\t\tfor ( const name of properties ) {\n\t\t\t\t\tif ( root.hasAttribute( name ) ) {\n\t\t\t\t\t\twriter.removeAttribute( name, root );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t}, { priority: 'high' } );\n\n\t\t// Make sure that document is returned even if there is no content in the page body.\n\t\teditor.data.on( 'get', ( evt, args ) => {\n\t\t\tif ( !args[ 0 ] ) {\n\t\t\t\targs[ 0 ] = {};\n\t\t\t}\n\n\t\t\targs[ 0 ].trim = false;\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tif ( isAllowedRenderStylesFromHead( this.editor ) ) {\n\t\t\tthis._removeStyleElementsFromDom();\n\t\t}\n\t}\n\n\t/**\n\t * Checks if in the document exists any `<style>` elements injected by the plugin and removes them,\n\t * so these could be re-rendered later.\n\t * There is used `data-full-page-style-id` attribute to recognize styles injected by the feature.\n\t */\n\tprivate _removeStyleElementsFromDom(): void {\n\t\tconst existingStyleElements = Array.from(\n\t\t\tglobal.document.querySelectorAll( `[data-full-page-style-id=\"${ this.editor.id }\"]` )\n\t\t);\n\n\t\tfor ( const style of existingStyleElements ) {\n\t\t\tstyle.remove();\n\t\t}\n\t}\n\n\t/**\n\t * Extracts `<style>` elements from the full page data and renders them in the main document `<head>`.\n\t * CSS content is sanitized before rendering.\n\t */\n\tprivate _renderStyleElementsInDom( root: ModelRootElement ): void {\n\t\tconst editor = this.editor;\n\n\t\t// Get `<style>` elements list from the `<head>` from the full page data.\n\t\tconst styleElements = root.getAttribute( '$fullPageHeadStyles' ) as Array<HTMLStyleElement> | undefined;\n\n\t\tif ( !styleElements ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst sanitizeCss = editor.config.get( 'htmlSupport.fullPage.sanitizeCss' )!;\n\n\t\t// Add `data-full-page-style-id` attribute to the `<style>` element and render it in `<head>` in the main document.\n\t\tfor ( const style of styleElements ) {\n\t\t\tstyle.setAttribute( 'data-full-page-style-id', editor.id );\n\n\t\t\t// Sanitize the CSS content before rendering it in the editor.\n\t\t\tconst sanitizedCss = sanitizeCss( style.innerText );\n\n\t\t\tif ( sanitizedCss.hasChanged ) {\n\t\t\t\tstyle.innerText = sanitizedCss.css;\n\t\t\t}\n\n\t\t\tglobal.document.head.append( style );\n\t\t}\n\t}\n\n\t/**\n\t * Removes existing `<style>` elements injected by the plugin and renders new ones from the full page data.\n\t */\n\tprivate _renderStylesFromHead( root: ModelRootElement ): void {\n\t\tthis._removeStyleElementsFromDom();\n\t\tthis._renderStyleElementsInDom( root );\n\t}\n}\n\n/**\n * Normalize the Full page configuration option `allowRenderStylesFromHead`.\n */\nfunction isAllowedRenderStylesFromHead( editor: Editor ): boolean {\n\treturn editor.config.get( 'htmlSupport.fullPage.allowRenderStylesFromHead' )!;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 html-support/emptyblock\n */\n\nimport type { ClipboardContentInsertionEvent, ClipboardPipeline } from 'ckeditor5/src/clipboard.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type {\n\tUpcastElementEvent,\n\tModelElement,\n\tModelSchema,\n\tDowncastDispatcher,\n\tUpcastDispatcher,\n\tDowncastAttributeEvent\n} from 'ckeditor5/src/engine.js';\n\nconst EMPTY_BLOCK_MODEL_ATTRIBUTE = 'htmlEmptyBlock';\n\n/**\n * This plugin allows for preserving empty block elements in the editor content\n * instead of automatically filling them with block fillers (`&nbsp;`).\n *\n * This is useful when you want to:\n *\n * * Preserve empty block elements exactly as they were in the source HTML.\n * * Allow for styling empty blocks with CSS (block fillers can interfere with height/margin).\n * * Maintain compatibility with external systems that expect empty blocks to remain empty.\n *\n * Known limitations:\n *\n * * Empty blocks may not work correctly with revision history features.\n * * Keyboard navigation through the document might behave unexpectedly, especially when\n *   navigating through structures like lists and tables.\n *\n * For example, this allows for HTML like:\n *\n * ```html\n * <p></p>\n * <p class=\"spacer\"></p>\n * <td></td>\n * ```\n * to remain empty instead of being converted to:\n *\n * ```html\n * <p>&nbsp;</p>\n * <p class=\"spacer\">&nbsp;</p>\n * <td>&nbsp;</td>\n * ```\n */\nexport class EmptyBlock extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'EmptyBlock' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst { model, conversion, plugins, config } = this.editor;\n\t\tconst schema = model.schema;\n\t\tconst preserveEmptyBlocksInEditingView = config.get( 'htmlSupport.preserveEmptyBlocksInEditingView' );\n\n\t\tschema.extend( '$block', { allowAttributes: [ EMPTY_BLOCK_MODEL_ATTRIBUTE ] } );\n\t\tschema.extend( '$container', { allowAttributes: [ EMPTY_BLOCK_MODEL_ATTRIBUTE ] } );\n\n\t\tif ( schema.isRegistered( 'tableCell' ) ) {\n\t\t\tschema.extend( 'tableCell', { allowAttributes: [ EMPTY_BLOCK_MODEL_ATTRIBUTE ] } );\n\t\t}\n\n\t\tif ( preserveEmptyBlocksInEditingView ) {\n\t\t\tconversion.for( 'downcast' ).add( createEmptyBlockDowncastConverter() );\n\t\t} else {\n\t\t\tconversion.for( 'dataDowncast' ).add( createEmptyBlockDowncastConverter() );\n\t\t}\n\n\t\tconversion.for( 'upcast' ).add( createEmptyBlockUpcastConverter( schema ) );\n\n\t\tif ( plugins.has( 'ClipboardPipeline' ) ) {\n\t\t\tthis._registerClipboardPastingHandler();\n\t\t}\n\t}\n\n\t/**\n\t * Handle clipboard paste events:\n\t *\n\t * * It does not affect *copying* content from the editor, only *pasting*.\n\t * * When content is pasted from another editor instance with `<p></p>`,\n\t *   the `&nbsp;` filler is added, so the getData result is `<p>&nbsp;</p>`.\n\t * * When content is pasted from the same editor instance with `<p></p>`,\n\t *   the `&nbsp;` filler is not added, so the getData result is `<p></p>`.\n\t */\n\tprivate _registerClipboardPastingHandler() {\n\t\tconst clipboardPipeline: ClipboardPipeline = this.editor.plugins.get( 'ClipboardPipeline' );\n\n\t\tthis.listenTo<ClipboardContentInsertionEvent>( clipboardPipeline, 'contentInsertion', ( evt, data ) => {\n\t\t\tif ( data.sourceEditorId === this.editor.id ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.editor.model.change( writer => {\n\t\t\t\tfor ( const { item } of writer.createRangeIn( data.content ) ) {\n\t\t\t\t\tif ( item.is( 'element' ) && item.hasAttribute( EMPTY_BLOCK_MODEL_ATTRIBUTE ) ) {\n\t\t\t\t\t\twriter.removeAttribute( EMPTY_BLOCK_MODEL_ATTRIBUTE, item );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n/**\n * Creates a downcast converter for handling empty blocks.\n * This converter prevents filler elements from being added to elements marked as empty blocks.\n */\nfunction createEmptyBlockDowncastConverter() {\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( `attribute:${ EMPTY_BLOCK_MODEL_ATTRIBUTE }`, ( evt, data, conversionApi ) => {\n\t\t\tconst { mapper, consumable } = conversionApi;\n\t\t\tconst { item } = data;\n\n\t\t\tif ( !consumable.consume( item, evt.name ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewElement = mapper.toViewElement( item as ModelElement );\n\n\t\t\tif ( viewElement && data.attributeNewValue ) {\n\t\t\t\tviewElement.getFillerOffset = () => null;\n\t\t\t}\n\t\t} );\n\t};\n}\n\n/**\n * Creates an upcast converter for handling empty blocks.\n * The converter detects empty elements and marks them with the empty block attribute.\n */\nfunction createEmptyBlockUpcastConverter( schema: ModelSchema ) {\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element', ( evt, data, conversionApi ) => {\n\t\t\tconst { viewItem, modelRange } = data;\n\n\t\t\tif ( !viewItem.is( 'element' ) || !viewItem.isEmpty || viewItem.getCustomProperty( '$hasBlockFiller' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Handle element itself.\n\t\t\tconst modelElement = modelRange && modelRange.start.nodeAfter as ModelElement;\n\n\t\t\tif ( !modelElement || !schema.checkAttribute( modelElement, EMPTY_BLOCK_MODEL_ATTRIBUTE ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconversionApi.writer.setAttribute( EMPTY_BLOCK_MODEL_ATTRIBUTE, true, modelElement );\n\n\t\t\t// Handle an auto-paragraphed bogus paragraph inside empty element.\n\t\t\tif ( modelElement.childCount != 1 ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst firstModelChild = modelElement.getChild( 0 )!;\n\n\t\t\tif (\n\t\t\t\tfirstModelChild.is( 'element', 'paragraph' ) &&\n\t\t\t\tschema.checkAttribute( firstModelChild, EMPTY_BLOCK_MODEL_ATTRIBUTE )\n\t\t\t) {\n\t\t\t\tconversionApi.writer.setAttribute( EMPTY_BLOCK_MODEL_ATTRIBUTE, true, firstModelChild );\n\t\t\t}\n\t\t}, { priority: 'lowest' } );\n\t};\n}\n", "import { Plugin, Command } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { Clipboard, ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard/dist/index.js';\nimport { ModelLivePosition, ModelLiveRange, Observer, ViewUpcastWriter, enableViewPlaceholder, ModelElement } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { Undo } from '@ckeditor/ckeditor5-undo/dist/index.js';\nimport { Delete } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { first, DomEmitterMixin, global, FocusTracker, KeystrokeHandler, logWarning, toArray, env, CKEditorError, Collection, Rect } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { toWidget, isWidget, findOptimalInsertionRange, Widget, toWidgetEditable, WidgetResize, calculateResizeHostAncestorWidth, WidgetToolbarRepository } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { View, FormRowView, ViewCollection, FocusCycler, submitHandler, ButtonView, FormHeaderView, LabeledFieldView, createLabeledInputText, BalloonPanelView, ContextualBalloon, CssTransitionDisablerMixin, clickOutsideHandler, CollapsibleView, SplitButtonView, createDropdown, MenuBarMenuView, MenuBarMenuListView, MenuBarMenuListItemView, FileDialogButtonView, MenuBarMenuListItemFileDialogButtonView, Notification, Dialog, MenuBarMenuListItemButtonView, UIModel, DropdownButtonView, addListToDropdown, createLabeledInputNumber, addToolbarToDropdown } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconPreviousArrow, IconTextAlternative, IconImage, IconCaption, IconImageUpload, IconImageUrl, IconObjectSizeFull, IconObjectSizeCustom, IconObjectSizeLarge, IconObjectSizeMedium, IconObjectSizeSmall, IconObjectInline, IconObjectInlineRight, IconObjectInlineLeft, IconObjectCenter, IconObjectRight, IconObjectLeft, IconObjectFullWidth } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { FileRepository } from '@ckeditor/ckeditor5-upload/dist/index.js';\nimport { isObject, identity } from 'es-toolkit/compat';\n\n/**\n * Creates a view element representing the inline image.\n *\n * ```html\n * <span class=\"image-inline\"><img></img></span>\n * ```\n *\n * Note that `alt` and `src` attributes are converted separately, so they are not included.\n *\n * @internal\n */ function createInlineImageViewElement(writer) {\n    return writer.createContainerElement('span', {\n        class: 'image-inline'\n    }, writer.createEmptyElement('img'));\n}\n/**\n * Creates a view element representing the block image.\n *\n * ```html\n * <figure class=\"image\"><img></img></figure>\n * ```\n *\n * Note that `alt` and `src` attributes are converted separately, so they are not included.\n *\n * @internal\n */ function createBlockImageViewElement(writer) {\n    return writer.createContainerElement('figure', {\n        class: 'image'\n    }, [\n        writer.createEmptyElement('img'),\n        writer.createSlot('children')\n    ]);\n}\n/**\n * A function returning a `MatcherPattern` for a particular type of View images.\n *\n * @internal\n * @param matchImageType The type of created image.\n */ function getImgViewElementMatcher(editor, matchImageType) {\n    const imageUtils = editor.plugins.get('ImageUtils');\n    const areBothImagePluginsLoaded = editor.plugins.has('ImageInlineEditing') && editor.plugins.has('ImageBlockEditing');\n    return (element)=>{\n        // Check if the matched view element is an <img>.\n        if (!imageUtils.isInlineImageView(element)) {\n            return null;\n        }\n        // If just one of the plugins is loaded (block or inline), it will match all kinds of images.\n        if (!areBothImagePluginsLoaded) {\n            return getPositiveMatchPattern(element);\n        }\n        // The <img> can be standalone, wrapped in <figure>...</figure> (ImageBlock plugin) or\n        // wrapped in <figure><a>...</a></figure> (LinkImage plugin).\n        const imageType = element.getStyle('display') == 'block' || element.findAncestor(imageUtils.isBlockImageView) ? 'imageBlock' : 'imageInline';\n        if (imageType !== matchImageType) {\n            return null;\n        }\n        return getPositiveMatchPattern(element);\n    };\n    function getPositiveMatchPattern(element) {\n        const pattern = {\n            name: true\n        };\n        // This will trigger src consumption (See https://github.com/ckeditor/ckeditor5/issues/11530).\n        if (element.hasAttribute('src')) {\n            pattern.attributes = [\n                'src'\n            ];\n        }\n        return pattern;\n    }\n}\n/**\n * Considering the current model selection, it returns the name of the model image element\n * (`'imageBlock'` or `'imageInline'`) that will make most sense from the UX perspective if a new\n * image was inserted (also: uploaded, dropped, pasted) at that selection.\n *\n * The assumption is that inserting images into empty blocks or on other block widgets should\n * produce block images. Inline images should be inserted in other cases, e.g. in paragraphs\n * that already contain some text.\n *\n * @internal\n */ function determineImageTypeForInsertionAtSelection(schema, selection) {\n    const firstBlock = first(selection.getSelectedBlocks());\n    // Insert a block image if the selection is not in/on block elements or it's on a block widget.\n    if (!firstBlock || schema.isObject(firstBlock)) {\n        return 'imageBlock';\n    }\n    // A block image should also be inserted into an empty block element\n    // (that is not an empty list item so the list won't get split).\n    if (firstBlock.isEmpty && firstBlock.name != 'listItem') {\n        return 'imageBlock';\n    }\n    // Otherwise insert an inline image.\n    return 'imageInline';\n}\n/**\n * Returns parsed value of the size, but only if it contains unit: px.\n *\n * @internal\n */ function getSizeValueIfInPx(size) {\n    if (size && size.endsWith('px')) {\n        return parseInt(size);\n    }\n    return null;\n}\n/**\n * Returns true if both styles (width and height) are set.\n *\n * If both image styles: width & height are set, they will override the image width & height attributes in the\n * browser. In this case, the image looks the same as if these styles were applied to attributes instead of styles.\n * That's why we can upcast these styles to width & height attributes instead of resizedWidth and resizedHeight.\n *\n * @internal\n */ function widthAndHeightStylesAreBothSet(viewElement) {\n    const widthStyle = getSizeValueIfInPx(viewElement.getStyle('width'));\n    const heightStyle = getSizeValueIfInPx(viewElement.getStyle('height'));\n    return !!(widthStyle && heightStyle);\n}\n\nconst IMAGE_WIDGETS_CLASSES_MATCH_REGEXP = /^(image|image-inline)$/;\n/**\n * A set of helpers related to images.\n */ class ImageUtils extends Plugin {\n    /**\n\t * DOM Emitter.\n\t */ _domEmitter = new (DomEmitterMixin())();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * Checks if the provided model element is an `image` or `imageInline`.\n\t */ isImage(modelElement) {\n        return this.isInlineImage(modelElement) || this.isBlockImage(modelElement);\n    }\n    /**\n\t * Checks if the provided view element represents an inline image.\n\t *\n\t * Also, see {@link module:image/imageutils~ImageUtils#isImageWidget}.\n\t */ isInlineImageView(element) {\n        return !!element && element.is('element', 'img');\n    }\n    /**\n\t * Checks if the provided view element represents a block image.\n\t *\n\t * Also, see {@link module:image/imageutils~ImageUtils#isImageWidget}.\n\t */ isBlockImageView(element) {\n        return !!element && element.is('element', 'figure') && element.hasClass('image');\n    }\n    /**\n\t * Handles inserting single file. This method unifies image insertion using {@link module:widget/utils~findOptimalInsertionRange}\n\t * method.\n\t *\n\t * ```ts\n\t * const imageUtils = editor.plugins.get( 'ImageUtils' );\n\t *\n\t * imageUtils.insertImage( { src: 'path/to/image.jpg' } );\n\t * ```\n\t *\n\t * @param attributes Attributes of the inserted image.\n\t * This method filters out the attributes which are disallowed by the {@link module:engine/model/schema~ModelSchema}.\n\t * @param selectable Place to insert the image. If not specified,\n\t * the {@link module:widget/utils~findOptimalInsertionRange} logic will be applied for the block images\n\t * and `model.document.selection` for the inline images.\n\t *\n\t * **Note**: If `selectable` is passed, this helper will not be able to set selection attributes (such as `linkHref`)\n\t * and apply them to the new image. In this case, make sure all selection attributes are passed in `attributes`.\n\t *\n\t * @param imageType Image type of inserted image. If not specified,\n\t * it will be determined automatically depending of editor config or place of the insertion.\n\t * @param options.setImageSizes Specifies whether the image `width` and `height` attributes should be set automatically.\n\t * The default is `true`.\n\t * @return The inserted model image element.\n\t */ insertImage(attributes = {}, selectable = null, imageType = null, options = {}) {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const determinedImageType = determineImageTypeForInsertion(editor, selectable || selection, imageType);\n        // Mix declarative attributes with selection attributes because the new image should \"inherit\"\n        // the latter for best UX. For instance, inline images inserted into existing links\n        // should not split them. To do that, they need to have \"linkHref\" inherited from the selection.\n        attributes = {\n            ...Object.fromEntries(selection.getAttributes()),\n            ...attributes\n        };\n        for(const attributeName in attributes){\n            if (!model.schema.checkAttribute(determinedImageType, attributeName)) {\n                delete attributes[attributeName];\n            }\n        }\n        return model.change((writer)=>{\n            const { setImageSizes = true } = options;\n            const imageElement = writer.createElement(determinedImageType, attributes);\n            model.insertObject(imageElement, selectable, null, {\n                setSelection: 'on',\n                // If we want to insert a block image (for whatever reason) then we don't want to split text blocks.\n                // This applies only when we don't have the selectable specified (i.e., we insert multiple block images at once).\n                findOptimalPosition: !selectable && determinedImageType != 'imageInline' ? 'auto' : undefined\n            });\n            // Inserting an image might've failed due to schema regulations.\n            if (imageElement.parent) {\n                if (setImageSizes) {\n                    this.setImageNaturalSizeAttributes(imageElement);\n                }\n                return imageElement;\n            }\n            return null;\n        });\n    }\n    /**\n\t * Reads original image sizes and sets them as `width` and `height`.\n\t *\n\t * The `src` attribute may not be available if the user is using an upload adapter. In such a case,\n\t * this method is called again after the upload process is complete and the `src` attribute is available.\n\t */ setImageNaturalSizeAttributes(imageElement) {\n        const src = imageElement.getAttribute('src');\n        if (!src) {\n            return;\n        }\n        if (imageElement.getAttribute('width') || imageElement.getAttribute('height')) {\n            return;\n        }\n        this.editor.model.change((writer)=>{\n            const img = new global.window.Image();\n            this._domEmitter.listenTo(img, 'load', ()=>{\n                if (!imageElement.getAttribute('width') && !imageElement.getAttribute('height')) {\n                    // We use writer.batch to be able to undo (in a single step) width and height setting\n                    // along with any change that triggered this action (e.g. image resize or image style change).\n                    this.editor.model.enqueueChange(writer.batch, (writer)=>{\n                        writer.setAttribute('width', img.naturalWidth, imageElement);\n                        writer.setAttribute('height', img.naturalHeight, imageElement);\n                    });\n                }\n                this._domEmitter.stopListening(img, 'load');\n            });\n            img.src = src;\n        });\n    }\n    /**\n\t * Returns an image widget editing view element if one is selected or is among the selection's ancestors.\n\t */ getClosestSelectedImageWidget(selection) {\n        const selectionPosition = selection.getFirstPosition();\n        if (!selectionPosition) {\n            return null;\n        }\n        const viewElement = selection.getSelectedElement();\n        if (viewElement && this.isImageWidget(viewElement)) {\n            return viewElement;\n        }\n        let parent = selectionPosition.parent;\n        while(parent){\n            if (parent.is('element') && this.isImageWidget(parent)) {\n                return parent;\n            }\n            parent = parent.parent;\n        }\n        return null;\n    }\n    /**\n\t * Returns a image model element if one is selected or is among the selection's ancestors.\n\t */ getClosestSelectedImageElement(selection) {\n        const selectedElement = selection.getSelectedElement();\n        return this.isImage(selectedElement) ? selectedElement : selection.getFirstPosition().findAncestor('imageBlock');\n    }\n    /**\n\t * Returns an image widget editing view based on the passed image view.\n\t */ getImageWidgetFromImageView(imageView) {\n        return imageView.findAncestor({\n            classes: IMAGE_WIDGETS_CLASSES_MATCH_REGEXP\n        });\n    }\n    /**\n\t * Checks if image can be inserted at current model selection.\n\t *\n\t * @internal\n\t */ isImageAllowed() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        return isImageAllowedInParent(this.editor, selection) && isNotInsideImage(selection);\n    }\n    /**\n\t * Converts a given {@link module:engine/view/element~ViewElement} to an image widget:\n\t * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property} allowing to recognize the image widget\n\t * element.\n\t * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n\t *\n\t * @param writer An instance of the view writer.\n\t * @param label The element's label. It will be concatenated with the image `alt` attribute if one is present.\n\t */ toImageWidget(viewElement, writer, label) {\n        writer.setCustomProperty('image', true, viewElement);\n        const labelCreator = ()=>{\n            const imgElement = this.findViewImgElement(viewElement);\n            const altText = imgElement.getAttribute('alt');\n            return altText ? `${altText} ${label}` : label;\n        };\n        return toWidget(viewElement, writer, {\n            label: labelCreator\n        });\n    }\n    /**\n\t * Checks if a given view element is an image widget.\n\t */ isImageWidget(viewElement) {\n        return !!viewElement.getCustomProperty('image') && isWidget(viewElement);\n    }\n    /**\n\t * Checks if the provided model element is an `image`.\n\t */ isBlockImage(modelElement) {\n        return !!modelElement && modelElement.is('element', 'imageBlock');\n    }\n    /**\n\t * Checks if the provided model element is an `imageInline`.\n\t */ isInlineImage(modelElement) {\n        return !!modelElement && modelElement.is('element', 'imageInline');\n    }\n    /**\n\t * Get the view `<img>` from another view element, e.g. a widget (`<figure class=\"image\">`), a link (`<a>`).\n\t *\n\t * The `<img>` can be located deep in other elements, so this helper performs a deep tree search.\n\t */ findViewImgElement(figureView) {\n        if (this.isInlineImageView(figureView)) {\n            return figureView;\n        }\n        const editingView = this.editor.editing.view;\n        for (const { item } of editingView.createRangeIn(figureView)){\n            if (this.isInlineImageView(item)) {\n                return item;\n            }\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this._domEmitter.stopListening();\n        return super.destroy();\n    }\n}\n/**\n * Checks if image is allowed by schema in optimal insertion parent.\n */ function isImageAllowedInParent(editor, selection) {\n    const imageType = determineImageTypeForInsertion(editor, selection, null);\n    if (imageType == 'imageBlock') {\n        const parent = getInsertImageParent(selection, editor.model);\n        if (editor.model.schema.checkChild(parent, 'imageBlock')) {\n            return true;\n        }\n    } else if (editor.model.schema.checkChild(selection.focus, 'imageInline')) {\n        return true;\n    }\n    return false;\n}\n/**\n * Checks if selection is not placed inside an image (e.g. its caption).\n */ function isNotInsideImage(selection) {\n    return [\n        ...selection.focus.getAncestors()\n    ].every((ancestor)=>!ancestor.is('element', 'imageBlock'));\n}\n/**\n * Returns a node that will be used to insert image with `model.insertContent`.\n */ function getInsertImageParent(selection, model) {\n    const insertionRange = findOptimalInsertionRange(selection, model);\n    const parent = insertionRange.start.parent;\n    if (parent.isEmpty && !parent.is('element', '$root')) {\n        return parent.parent;\n    }\n    return parent;\n}\n/**\n * Determine image element type name depending on editor config or place of insertion.\n *\n * @param imageType Image element type name. Used to force return of provided element name,\n * but only if there is proper plugin enabled.\n */ function determineImageTypeForInsertion(editor, selectable, imageType) {\n    const schema = editor.model.schema;\n    const configImageInsertType = editor.config.get('image.insert.type');\n    if (!editor.plugins.has('ImageBlockEditing')) {\n        return 'imageInline';\n    }\n    if (!editor.plugins.has('ImageInlineEditing')) {\n        return 'imageBlock';\n    }\n    if (imageType) {\n        return imageType;\n    }\n    if (configImageInsertType === 'inline') {\n        return 'imageInline';\n    }\n    if (configImageInsertType !== 'auto') {\n        return 'imageBlock';\n    }\n    // Try to replace the selected widget (e.g. another image).\n    if (selectable.is('selection')) {\n        return determineImageTypeForInsertionAtSelection(schema, selectable);\n    }\n    return schema.checkChild(selectable, 'imageInline') ? 'imageInline' : 'imageBlock';\n}\n\n// Implements the pattern: http(s)://(www.)example.com/path/to/resource.ext?query=params&maybe=too.\nconst IMAGE_URL_REGEXP = new RegExp(String(/^(http(s)?:\\/\\/)?[\\w-]+\\.[\\w.~:/[\\]@!$&'()*+,;=%-]+/.source + /\\.(jpg|jpeg|png|gif|ico|webp|JPG|JPEG|PNG|GIF|ICO|WEBP)/.source + /(\\?[\\w.~:/[\\]@!$&'()*+,;=%-]*)?/.source + /(#[\\w.~:/[\\]@!$&'()*+,;=%-]*)?$/.source));\n/**\n * The auto-image plugin. It recognizes image links in the pasted content and embeds\n * them shortly after they are injected into the document.\n */ class AutoImage extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Clipboard,\n            ImageUtils,\n            Undo,\n            Delete\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'AutoImage';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * The paste–to–embed `setTimeout` ID. Stored as a property to allow\n\t * cleaning of the timeout.\n\t */ _timeoutId;\n    /**\n\t * The position where the `<imageBlock>` element will be inserted after the timeout,\n\t * determined each time a new content is pasted into the document.\n\t */ _positionToInsert;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._timeoutId = null;\n        this._positionToInsert = null;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const modelDocument = editor.model.document;\n        const clipboardPipeline = editor.plugins.get('ClipboardPipeline');\n        // We need to listen on `Clipboard#inputTransformation` because we need to save positions of selection.\n        // After pasting, the content between those positions will be checked for a URL that could be transformed\n        // into an image.\n        this.listenTo(clipboardPipeline, 'inputTransformation', ()=>{\n            const firstRange = modelDocument.selection.getFirstRange();\n            const leftLivePosition = ModelLivePosition.fromPosition(firstRange.start);\n            leftLivePosition.stickiness = 'toPrevious';\n            const rightLivePosition = ModelLivePosition.fromPosition(firstRange.end);\n            rightLivePosition.stickiness = 'toNext';\n            modelDocument.once('change:data', ()=>{\n                this._embedImageBetweenPositions(leftLivePosition, rightLivePosition);\n                leftLivePosition.detach();\n                rightLivePosition.detach();\n            }, {\n                priority: 'high'\n            });\n        });\n        editor.commands.get('undo').on('execute', ()=>{\n            if (this._timeoutId) {\n                global.window.clearTimeout(this._timeoutId);\n                this._positionToInsert.detach();\n                this._timeoutId = null;\n                this._positionToInsert = null;\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Analyzes the part of the document between provided positions in search for a URL representing an image.\n\t * When the URL is found, it is automatically converted into an image.\n\t *\n\t * @param leftPosition Left position of the selection.\n\t * @param rightPosition Right position of the selection.\n\t */ _embedImageBetweenPositions(leftPosition, rightPosition) {\n        const editor = this.editor;\n        // TODO: Use a marker instead of ModelLiveRange & LivePositions.\n        const urlRange = new ModelLiveRange(leftPosition, rightPosition);\n        const walker = urlRange.getWalker({\n            ignoreElementEnd: true\n        });\n        const selectionAttributes = Object.fromEntries(editor.model.document.selection.getAttributes());\n        const imageUtils = this.editor.plugins.get('ImageUtils');\n        let src = '';\n        for (const node of walker){\n            if (node.item.is('$textProxy')) {\n                src += node.item.data;\n            }\n        }\n        src = src.trim();\n        // If the URL does not match the image URL regexp, let's skip that.\n        if (!src.match(IMAGE_URL_REGEXP)) {\n            urlRange.detach();\n            return;\n        }\n        // Position will not be available in the `setTimeout` function so let's clone it.\n        this._positionToInsert = ModelLivePosition.fromPosition(leftPosition);\n        // This action mustn't be executed if undo was called between pasting and auto-embedding.\n        this._timeoutId = setTimeout(()=>{\n            // Do nothing if image element cannot be inserted at the current position.\n            // See https://github.com/ckeditor/ckeditor5/issues/2763.\n            // Condition must be checked after timeout - pasting may take place on an element, replacing it. The final position matters.\n            const imageCommand = editor.commands.get('insertImage');\n            if (!imageCommand.isEnabled) {\n                urlRange.detach();\n                return;\n            }\n            editor.model.change((writer)=>{\n                this._timeoutId = null;\n                writer.remove(urlRange);\n                urlRange.detach();\n                let insertionPosition;\n                // Check if the position where the element should be inserted is still valid.\n                // Otherwise leave it as undefined to use the logic of insertImage().\n                if (this._positionToInsert.root.rootName !== '$graveyard') {\n                    insertionPosition = this._positionToInsert.toPosition();\n                }\n                imageUtils.insertImage({\n                    ...selectionAttributes,\n                    src\n                }, insertionPosition);\n                this._positionToInsert.detach();\n                this._positionToInsert = null;\n            });\n            const deletePlugin = editor.plugins.get('Delete');\n            deletePlugin.requestUndoOnBackspace();\n        }, 100);\n    }\n}\n\n/**\n * The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.\n */ class ImageTextAlternativeCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const element = imageUtils.getClosestSelectedImageElement(this.editor.model.document.selection);\n        this.isEnabled = !!element;\n        if (this.isEnabled && element.hasAttribute('alt')) {\n            this.value = element.getAttribute('alt');\n        } else {\n            this.value = false;\n        }\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options\n\t * @param options.newValue The new value of the `alt` attribute to set.\n\t */ execute(options) {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const model = editor.model;\n        const imageElement = imageUtils.getClosestSelectedImageElement(model.document.selection);\n        model.change((writer)=>{\n            writer.setAttribute('alt', options.newValue, imageElement);\n        });\n    }\n}\n\n/**\n * The image text alternative editing plugin.\n *\n * Registers the `'imageTextAlternative'` command.\n */ class ImageTextAlternativeEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageTextAlternativeEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this.editor.commands.add('imageTextAlternative', new ImageTextAlternativeCommand(this.editor));\n    }\n}\n\n/**\n * The TextAlternativeFormView class.\n *\n * @internal\n */ class TextAlternativeFormView extends View {\n    /**\n\t * Tracks information about the DOM focus in the form.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * An input with a label.\n\t */ labeledInput;\n    /**\n\t * The Back button view displayed in the header.\n\t */ backButtonView;\n    /**\n\t * A button used to submit the form.\n\t */ saveButtonView;\n    /**\n\t * A collection of child views.\n\t */ children;\n    /**\n\t * A collection of views which can be focused in the form.\n\t */ _focusables;\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        // Create buttons.\n        this.backButtonView = this._createBackButton();\n        this.saveButtonView = this._createSaveButton();\n        // Create input fields.\n        this.labeledInput = this._createLabeledInputView();\n        this.children = this.createCollection([\n            this._createHeaderView()\n        ]);\n        this.children.add(new FormRowView(locale, {\n            children: [\n                this.labeledInput,\n                this.saveButtonView\n            ],\n            class: [\n                'ck-form__row_with-submit',\n                'ck-form__row_large-top-padding'\n            ]\n        }));\n        this._focusables = new ViewCollection();\n        // Close the panel on esc key press when the **form has focus**.\n        this.keystrokes.set('Esc', (data, cancel)=>{\n            this.fire('cancel');\n            cancel();\n        });\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form',\n                    'ck-text-alternative-form',\n                    'ck-responsive-form'\n                ],\n                // https://github.com/ckeditor/ckeditor5-image/issues/40\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        submitHandler({\n            view: this\n        });\n        const childViews = [\n            this.backButtonView,\n            this.labeledInput,\n            this.saveButtonView\n        ];\n        childViews.forEach((v)=>{\n            // Register the view as focusable.\n            this._focusables.add(v);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(v.element);\n        });\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Creates a back button view that cancels the form.\n\t */ _createBackButton() {\n        const t = this.locale.t;\n        const backButton = new ButtonView(this.locale);\n        backButton.set({\n            class: 'ck-button-back',\n            label: t('Back'),\n            icon: IconPreviousArrow,\n            tooltip: true\n        });\n        backButton.delegate('execute').to(this, 'cancel');\n        return backButton;\n    }\n    /**\n\t * Creates a save button view that text alternative the image.\n\t */ _createSaveButton() {\n        const t = this.locale.t;\n        const saveButton = new ButtonView(this.locale);\n        saveButton.set({\n            label: t('Save'),\n            withText: true,\n            type: 'submit',\n            class: 'ck-button-action ck-button-bold'\n        });\n        return saveButton;\n    }\n    /**\n\t * Creates a header view for the form.\n\t */ _createHeaderView() {\n        const t = this.locale.t;\n        const header = new FormHeaderView(this.locale, {\n            label: t('Text Alternative')\n        });\n        header.children.add(this.backButtonView, 0);\n        return header;\n    }\n    /**\n\t * Creates an input with a label.\n\t *\n\t * @returns Labeled field view instance.\n\t */ _createLabeledInputView() {\n        const t = this.locale.t;\n        const labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);\n        labeledInput.label = t('Text alternative');\n        labeledInput.class = 'ck-labeled-field-view_full-width';\n        return labeledInput;\n    }\n}\n\n/**\n * A helper utility that positions the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} instance\n * with respect to the image in the editor content, if one is selected.\n *\n * @param editor The editor instance.\n * @internal\n */ function repositionContextualBalloon(editor) {\n    const balloon = editor.plugins.get('ContextualBalloon');\n    const imageUtils = editor.plugins.get('ImageUtils');\n    if (imageUtils.getClosestSelectedImageWidget(editor.editing.view.document.selection)) {\n        const position = getBalloonPositionData(editor);\n        balloon.updatePosition(position);\n    }\n}\n/**\n * Returns the positioning options that control the geometry of the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} with respect\n * to the selected element in the editor content.\n *\n * @param editor The editor instance.\n * @internal\n */ function getBalloonPositionData(editor) {\n    const editingView = editor.editing.view;\n    const defaultPositions = BalloonPanelView.defaultPositions;\n    const imageUtils = editor.plugins.get('ImageUtils');\n    return {\n        target: editingView.domConverter.mapViewToDom(imageUtils.getClosestSelectedImageWidget(editingView.document.selection)),\n        positions: [\n            defaultPositions.northArrowSouth,\n            defaultPositions.northArrowSouthWest,\n            defaultPositions.northArrowSouthEast,\n            defaultPositions.southArrowNorth,\n            defaultPositions.southArrowNorthWest,\n            defaultPositions.southArrowNorthEast,\n            defaultPositions.viewportStickyNorth\n        ]\n    };\n}\n\n/**\n * The image text alternative UI plugin.\n *\n * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.\n */ class ImageTextAlternativeUI extends Plugin {\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    /**\n\t * A form containing a textarea and buttons, used to change the `alt` text value.\n\t */ _form;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageTextAlternativeUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this._createButton();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n        if (this._form) {\n            this._form.destroy();\n        }\n    }\n    /**\n\t * Creates a button showing the balloon panel for changing the image text alternative and\n\t * registers it in the editor {@link module:ui/componentfactory~ComponentFactory ComponentFactory}.\n\t */ _createButton() {\n        const editor = this.editor;\n        const t = editor.t;\n        editor.ui.componentFactory.add('imageTextAlternative', (locale)=>{\n            const command = editor.commands.get('imageTextAlternative');\n            const view = new ButtonView(locale);\n            view.set({\n                label: t('Change image text alternative'),\n                icon: IconTextAlternative,\n                tooltip: true\n            });\n            view.bind('isEnabled').to(command, 'isEnabled');\n            view.bind('isOn').to(command, 'value', (value)=>!!value);\n            this.listenTo(view, 'execute', ()=>{\n                this._showForm();\n            });\n            return view;\n        });\n    }\n    /**\n\t * Creates the {@link module:image/imagetextalternative/ui/textalternativeformview~TextAlternativeFormView}\n\t * form.\n\t */ _createForm() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        this._balloon = this.editor.plugins.get('ContextualBalloon');\n        this._form = new (CssTransitionDisablerMixin(TextAlternativeFormView))(editor.locale);\n        // Render the form so its #element is available for clickOutsideHandler.\n        this._form.render();\n        this.listenTo(this._form, 'submit', ()=>{\n            editor.execute('imageTextAlternative', {\n                newValue: this._form.labeledInput.fieldView.element.value\n            });\n            this._hideForm(true);\n        });\n        this.listenTo(this._form, 'cancel', ()=>{\n            this._hideForm(true);\n        });\n        // Reposition the balloon or hide the form if an image widget is no longer selected.\n        this.listenTo(editor.ui, 'update', ()=>{\n            if (!imageUtils.getClosestSelectedImageWidget(viewDocument.selection)) {\n                this._hideForm(true);\n            } else if (this._isVisible) {\n                repositionContextualBalloon(editor);\n            }\n        });\n        // Close on click outside of balloon panel element.\n        clickOutsideHandler({\n            emitter: this._form,\n            activator: ()=>this._isVisible,\n            contextElements: ()=>[\n                    this._balloon.view.element\n                ],\n            callback: ()=>this._hideForm()\n        });\n    }\n    /**\n\t * Shows the {@link #_form} in the {@link #_balloon}.\n\t */ _showForm() {\n        if (this._isVisible) {\n            return;\n        }\n        if (!this._form) {\n            this._createForm();\n        }\n        const editor = this.editor;\n        const command = editor.commands.get('imageTextAlternative');\n        const labeledInput = this._form.labeledInput;\n        this._form.disableCssTransitions();\n        if (!this._isInBalloon) {\n            this._balloon.add({\n                view: this._form,\n                position: getBalloonPositionData(editor)\n            });\n        }\n        // Make sure that each time the panel shows up, the field remains in sync with the value of\n        // the command. If the user typed in the input, then canceled the balloon (`labeledInput#value`\n        // stays unaltered) and re-opened it without changing the value of the command, they would see the\n        // old value instead of the actual value of the command.\n        // https://github.com/ckeditor/ckeditor5-image/issues/114\n        labeledInput.fieldView.value = labeledInput.fieldView.element.value = command.value || '';\n        this._form.labeledInput.fieldView.select();\n        this._form.enableCssTransitions();\n    }\n    /**\n\t * Removes the {@link #_form} from the {@link #_balloon}.\n\t *\n\t * @param focusEditable Controls whether the editing view is focused afterwards.\n\t */ _hideForm(focusEditable = false) {\n        if (!this._isInBalloon) {\n            return;\n        }\n        // Blur the input element before removing it from DOM to prevent issues in some browsers.\n        // See https://github.com/ckeditor/ckeditor5/issues/1501.\n        if (this._form.focusTracker.isFocused) {\n            this._form.saveButtonView.focus();\n        }\n        this._balloon.remove(this._form);\n        if (focusEditable) {\n            this.editor.editing.view.focus();\n        }\n    }\n    /**\n\t * Returns `true` when the {@link #_form} is the visible view in the {@link #_balloon}.\n\t */ get _isVisible() {\n        return !!this._balloon && this._balloon.visibleView === this._form;\n    }\n    /**\n\t * Returns `true` when the {@link #_form} is in the {@link #_balloon}.\n\t */ get _isInBalloon() {\n        return !!this._balloon && this._balloon.hasView(this._form);\n    }\n}\n\n/**\n * The image text alternative plugin.\n *\n * For a detailed overview, check the {@glink features/images/images-styles image styles} documentation.\n *\n * This is a \"glue\" plugin which loads the\n *  {@link module:image/imagetextalternative/imagetextalternativeediting~ImageTextAlternativeEditing}\n * and {@link module:image/imagetextalternative/imagetextalternativeui~ImageTextAlternativeUI} plugins.\n */ class ImageTextAlternative extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageTextAlternativeEditing,\n            ImageTextAlternativeUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageTextAlternative';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * Returns a function that converts the image view representation:\n *\n * ```html\n * <figure class=\"image\"><img src=\"...\" alt=\"...\"></img></figure>\n * ```\n *\n * to the model representation:\n *\n * ```html\n * <imageBlock src=\"...\" alt=\"...\"></imageBlock>\n * ```\n *\n * The entire content of the `<figure>` element except the first `<img>` is being converted as children\n * of the `<imageBlock>` model element.\n *\n * @internal\n */ function upcastImageFigure(imageUtils) {\n    const converter = (evt, data, conversionApi)=>{\n        // Do not convert if this is not an \"image figure\".\n        if (!conversionApi.consumable.test(data.viewItem, {\n            name: true,\n            classes: 'image'\n        })) {\n            return;\n        }\n        // Find an image element inside the figure element.\n        const viewImage = imageUtils.findViewImgElement(data.viewItem);\n        // Do not convert if image element is absent or was already converted.\n        if (!viewImage || !conversionApi.consumable.test(viewImage, {\n            name: true\n        })) {\n            return;\n        }\n        // Consume the figure to prevent other converters from processing it again.\n        conversionApi.consumable.consume(data.viewItem, {\n            name: true,\n            classes: 'image'\n        });\n        // Convert view image to model image.\n        const conversionResult = conversionApi.convertItem(viewImage, data.modelCursor);\n        // Get image element from conversion result.\n        const modelImage = first(conversionResult.modelRange.getItems());\n        // When image wasn't successfully converted then finish conversion.\n        if (!modelImage) {\n            // Revert consumed figure so other features can convert it.\n            conversionApi.consumable.revert(data.viewItem, {\n                name: true,\n                classes: 'image'\n            });\n            return;\n        }\n        // Convert rest of the figure element's children as an image children.\n        conversionApi.convertChildren(data.viewItem, modelImage);\n        conversionApi.updateConversionResult(modelImage, data);\n    };\n    return (dispatcher)=>{\n        dispatcher.on('element:figure', converter);\n    };\n}\n/**\n * Returns a function that converts the image view representation:\n *\n * ```html\n * <picture><source ... /><source ... />...<img ... /></picture>\n * ```\n *\n * to the model representation as the `sources` attribute:\n *\n * ```html\n * <image[Block|Inline] ... sources=\"...\"></image[Block|Inline]>\n * ```\n *\n * @internal\n */ function upcastPicture(imageUtils) {\n    const sourceAttributeNames = [\n        'srcset',\n        'media',\n        'type',\n        'sizes'\n    ];\n    const converter = (evt, data, conversionApi)=>{\n        const pictureViewElement = data.viewItem;\n        // Do not convert <picture> if already consumed.\n        if (!conversionApi.consumable.test(pictureViewElement, {\n            name: true\n        })) {\n            return;\n        }\n        const sources = new Map();\n        // Collect all <source /> elements attribute values.\n        for (const childSourceElement of pictureViewElement.getChildren()){\n            if (childSourceElement.is('element', 'source')) {\n                const attributes = {};\n                for (const name of sourceAttributeNames){\n                    if (childSourceElement.hasAttribute(name)) {\n                        // Don't collect <source /> attribute if already consumed somewhere else.\n                        if (conversionApi.consumable.test(childSourceElement, {\n                            attributes: name\n                        })) {\n                            attributes[name] = childSourceElement.getAttribute(name);\n                        }\n                    }\n                }\n                if (Object.keys(attributes).length) {\n                    sources.set(childSourceElement, attributes);\n                }\n            }\n        }\n        const imgViewElement = imageUtils.findViewImgElement(pictureViewElement);\n        // Don't convert when a picture has no <img/> inside (it is broken).\n        if (!imgViewElement) {\n            return;\n        }\n        let modelImage = data.modelCursor.parent;\n        // - In case of an inline image (cursor parent in a <paragraph>), the <img/> must be converted right away\n        // because no converter handled it yet and otherwise there would be no model element to set the sources attribute on.\n        // - In case of a block image, the <figure class=\"image\"> converter (in ImageBlockEditing) converts the\n        // <img/> right away on its own and the modelCursor is already inside an imageBlock and there's nothing special\n        // to do here.\n        if (!modelImage.is('element', 'imageBlock')) {\n            const conversionResult = conversionApi.convertItem(imgViewElement, data.modelCursor);\n            // Set image range as conversion result.\n            data.modelRange = conversionResult.modelRange;\n            // Continue conversion where image conversion ends.\n            data.modelCursor = conversionResult.modelCursor;\n            modelImage = first(conversionResult.modelRange.getItems());\n        }\n        conversionApi.consumable.consume(pictureViewElement, {\n            name: true\n        });\n        // Consume only these <source/> attributes that were actually collected and will be passed on\n        // to the image model element.\n        for (const [sourceElement, attributes] of sources){\n            conversionApi.consumable.consume(sourceElement, {\n                attributes: Object.keys(attributes)\n            });\n        }\n        if (sources.size) {\n            conversionApi.writer.setAttribute('sources', Array.from(sources.values()), modelImage);\n        }\n        // Convert rest of the <picture> children as an image children. Other converters may want to consume them.\n        conversionApi.convertChildren(pictureViewElement, modelImage);\n    };\n    return (dispatcher)=>{\n        dispatcher.on('element:picture', converter);\n    };\n}\n/**\n * Converter used to convert the `srcset` model image attribute to the `srcset` and `sizes` attributes in the view.\n *\n * @internal\n * @param imageType The type of the image.\n */ function downcastSrcsetAttribute(imageUtils, imageType) {\n    const converter = (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.consume(data.item, evt.name)) {\n            return;\n        }\n        const writer = conversionApi.writer;\n        const element = conversionApi.mapper.toViewElement(data.item);\n        const img = imageUtils.findViewImgElement(element);\n        if (data.attributeNewValue === null) {\n            writer.removeAttribute('srcset', img);\n            writer.removeAttribute('sizes', img);\n        } else {\n            if (data.attributeNewValue) {\n                writer.setAttribute('srcset', data.attributeNewValue, img);\n                // Always outputting `100vw`. See https://github.com/ckeditor/ckeditor5-image/issues/2.\n                writer.setAttribute('sizes', '100vw', img);\n            }\n        }\n    };\n    return (dispatcher)=>{\n        dispatcher.on(`attribute:srcset:${imageType}`, converter);\n    };\n}\n/**\n * Converts the `source` model attribute to the `<picture><source /><source />...<img /></picture>`\n * view structure.\n *\n * @internal\n */ function downcastSourcesAttribute(imageUtils) {\n    const converter = (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.consume(data.item, evt.name)) {\n            return;\n        }\n        const viewWriter = conversionApi.writer;\n        const element = conversionApi.mapper.toViewElement(data.item);\n        const imgElement = imageUtils.findViewImgElement(element);\n        const attributeNewValue = data.attributeNewValue;\n        if (attributeNewValue && attributeNewValue.length) {\n            // Collect all wrapping attribute elements.\n            const attributeElements = [];\n            let viewElement = imgElement.parent;\n            while(viewElement && viewElement.is('attributeElement')){\n                const parentElement = viewElement.parent;\n                viewWriter.unwrap(viewWriter.createRangeOn(imgElement), viewElement);\n                attributeElements.unshift(viewElement);\n                viewElement = parentElement;\n            }\n            const hasPictureElement = imgElement.parent.is('element', 'picture');\n            // Reuse existing <picture> element (ckeditor5#17192) or create a new one.\n            const pictureElement = hasPictureElement ? imgElement.parent : viewWriter.createContainerElement('picture', null);\n            if (!hasPictureElement) {\n                viewWriter.insert(viewWriter.createPositionBefore(imgElement), pictureElement);\n            }\n            viewWriter.remove(viewWriter.createRangeIn(pictureElement));\n            viewWriter.insert(viewWriter.createPositionAt(pictureElement, 'end'), attributeNewValue.map((sourceAttributes)=>{\n                return viewWriter.createEmptyElement('source', sourceAttributes);\n            }));\n            viewWriter.move(viewWriter.createRangeOn(imgElement), viewWriter.createPositionAt(pictureElement, 'end'));\n            // Apply collected attribute elements over the new picture element.\n            for (const attributeElement of attributeElements){\n                viewWriter.wrap(viewWriter.createRangeOn(pictureElement), attributeElement);\n            }\n        } else if (imgElement.parent.is('element', 'picture')) {\n            const pictureElement = imgElement.parent;\n            viewWriter.move(viewWriter.createRangeOn(imgElement), viewWriter.createPositionBefore(pictureElement));\n            viewWriter.remove(pictureElement);\n        }\n    };\n    return (dispatcher)=>{\n        dispatcher.on('attribute:sources:imageBlock', converter);\n        dispatcher.on('attribute:sources:imageInline', converter);\n    };\n}\n/**\n * Converter used to convert a given image attribute from the model to the view.\n *\n * @internal\n * @param imageType The type of the image.\n * @param attributeKey The name of the attribute to convert.\n */ function downcastImageAttribute(imageUtils, imageType, attributeKey) {\n    const converter = (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.consume(data.item, evt.name)) {\n            return;\n        }\n        const viewWriter = conversionApi.writer;\n        const element = conversionApi.mapper.toViewElement(data.item);\n        const img = imageUtils.findViewImgElement(element);\n        viewWriter.setAttribute(data.attributeKey, data.attributeNewValue || '', img);\n    };\n    return (dispatcher)=>{\n        dispatcher.on(`attribute:${attributeKey}:${imageType}`, converter);\n    };\n}\n\n/**\n * Observes all new images added to the {@link module:engine/view/document~ViewDocument},\n * fires {@link module:engine/view/document~ViewDocument#event:imageLoaded} and\n * {@link module:engine/view/document~ViewDocument#event:layoutChanged} event every time when the new image\n * has been loaded.\n *\n * **Note:** This event is not fired for images that has been added to the document and rendered as `complete` (already loaded).\n */ class ImageLoadObserver extends Observer {\n    /**\n\t * @inheritDoc\n\t */ observe(domRoot) {\n        this.listenTo(domRoot, 'load', (event, domEvent)=>{\n            const domElement = domEvent.target;\n            if (this.checkShouldIgnoreEventFromTarget(domElement)) {\n                return;\n            }\n            if (domElement.tagName == 'IMG') {\n                this._fireEvents(domEvent);\n            }\n        // Use capture phase for better performance (#4504).\n        }, {\n            useCapture: true\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ stopObserving(domRoot) {\n        this.stopListening(domRoot);\n    }\n    /**\n\t * Fires {@link module:engine/view/document~ViewDocument#event:layoutChanged} and\n\t * {@link module:engine/view/document~ViewDocument#event:imageLoaded}\n\t * if observer {@link #isEnabled is enabled}.\n\t *\n\t * @param domEvent The DOM event.\n\t */ _fireEvents(domEvent) {\n        if (this.isEnabled) {\n            this.document.fire('layoutChanged');\n            this.document.fire('imageLoaded', domEvent);\n        }\n    }\n}\n\n/**\n * Insert image command.\n *\n * The command is registered by the {@link module:image/image/imageediting~ImageEditing} plugin as `insertImage`\n * and it is also available via aliased `imageInsert` name.\n *\n * In order to insert an image at the current selection position\n * (according to the {@link module:widget/utils~findOptimalInsertionRange} algorithm),\n * execute the command and specify the image source:\n *\n * ```ts\n * editor.execute( 'insertImage', { source: 'http://url.to.the/image' } );\n * ```\n *\n * It is also possible to insert multiple images at once:\n *\n * ```ts\n * editor.execute( 'insertImage', {\n * \tsource:  [\n * \t\t'path/to/image.jpg',\n * \t\t'path/to/other-image.jpg'\n * \t]\n * } );\n * ```\n *\n * If you want to take the full control over the process, you can specify individual model attributes:\n *\n * ```ts\n * editor.execute( 'insertImage', {\n * \tsource:  [\n * \t\t{ src: 'path/to/image.jpg', alt: 'First alt text' },\n * \t\t{ src: 'path/to/other-image.jpg', alt: 'Second alt text', customAttribute: 'My attribute value' }\n * \t]\n * } );\n * ```\n */ class InsertImageCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        const configImageInsertType = editor.config.get('image.insert.type');\n        if (!editor.plugins.has('ImageBlockEditing')) {\n            if (configImageInsertType === 'block') {\n                /**\n\t\t\t\t * The {@link module:image/imageblock~ImageBlock} plugin must be enabled to allow inserting block images. See\n\t\t\t\t * {@link module:image/imageconfig~ImageInsertConfig#type} to learn more.\n\t\t\t\t *\n\t\t\t\t * @error image-block-plugin-required\n\t\t\t\t */ logWarning('image-block-plugin-required');\n            }\n        }\n        if (!editor.plugins.has('ImageInlineEditing')) {\n            if (configImageInsertType === 'inline') {\n                /**\n\t\t\t\t * The {@link module:image/imageinline~ImageInline} plugin must be enabled to allow inserting inline images. See\n\t\t\t\t * {@link module:image/imageconfig~ImageInsertConfig#type} to learn more.\n\t\t\t\t *\n\t\t\t\t * @error image-inline-plugin-required\n\t\t\t\t */ logWarning('image-inline-plugin-required');\n            }\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const imageUtils = this.editor.plugins.get('ImageUtils');\n        this.isEnabled = imageUtils.isImageAllowed();\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Options for the executed command.\n\t * @param options.imageType The type of the image to insert. If not specified, the type will be determined automatically.\n\t * @param options.source The image source or an array of image sources to insert.\n\t * @param options.breakBlock If set to `true`, the block at the selection start will be broken before inserting the image.\n\t * See the documentation of the command to learn more about accepted formats.\n\t */ execute(options) {\n        const sourceDefinitions = toArray(options.source);\n        const selection = this.editor.model.document.selection;\n        const imageUtils = this.editor.plugins.get('ImageUtils');\n        // In case of multiple images, each image (starting from the 2nd) will be inserted at a position that\n        // follows the previous one. That will move the selection and, to stay on the safe side and make sure\n        // all images inherit the same selection attributes, they are collected beforehand.\n        //\n        // Applying these attributes ensures, for instance, that inserting an (inline) image into a link does\n        // not split that link but preserves its continuity.\n        //\n        // Note: Selection attributes that do not make sense for images will be filtered out by insertImage() anyway.\n        const selectionAttributes = Object.fromEntries(selection.getAttributes());\n        sourceDefinitions.forEach((sourceDefinition, index)=>{\n            const selectedElement = selection.getSelectedElement();\n            if (typeof sourceDefinition === 'string') {\n                sourceDefinition = {\n                    src: sourceDefinition\n                };\n            }\n            // Inserting of an inline image replace the selected element and make a selection on the inserted image.\n            // Therefore inserting multiple inline images requires creating position after each element.\n            if (index && selectedElement && imageUtils.isImage(selectedElement)) {\n                const position = this.editor.model.createPositionAfter(selectedElement);\n                imageUtils.insertImage({\n                    ...sourceDefinition,\n                    ...selectionAttributes\n                }, position, options.imageType);\n            } else if (options.breakBlock) {\n                imageUtils.insertImage({\n                    ...sourceDefinition,\n                    ...selectionAttributes\n                }, selection.getFirstPosition(), options.imageType);\n            } else {\n                imageUtils.insertImage({\n                    ...sourceDefinition,\n                    ...selectionAttributes\n                }, null, options.imageType);\n            }\n        });\n    }\n}\n\n/**\n * @module image/image/replaceimagesourcecommand\n */ /**\n * Replace image source command.\n *\n * Changes image source to the one provided. Can be executed as follows:\n *\n * ```ts\n * editor.execute( 'replaceImageSource', { source: 'http://url.to.the/image' } );\n * ```\n */ class ReplaceImageSourceCommand extends Command {\n    constructor(editor){\n        super(editor);\n        this.decorate('cleanupImage');\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const element = this.editor.model.document.selection.getSelectedElement();\n        this.isEnabled = imageUtils.isImage(element);\n        this.value = this.isEnabled ? element.getAttribute('src') : null;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Options for the executed command.\n\t * @param options.source The image source to replace.\n\t */ execute(options) {\n        const image = this.editor.model.document.selection.getSelectedElement();\n        const imageUtils = this.editor.plugins.get('ImageUtils');\n        this.editor.model.change((writer)=>{\n            writer.setAttribute('src', options.source, image);\n            this.cleanupImage(writer, image);\n            imageUtils.setImageNaturalSizeAttributes(image);\n        });\n    }\n    /**\n\t * Cleanup image attributes that are not relevant to the new source.\n\t *\n\t * Removed attributes are: 'srcset', 'sizes', 'sources', 'width', 'height', 'alt'.\n\t *\n\t * This method is decorated, to allow custom cleanup logic.\n\t * For example, to remove 'myImageId' attribute after 'src' has changed:\n\t *\n\t * ```ts\n\t * replaceImageSourceCommand.on( 'cleanupImage', ( eventInfo, [ writer, image ] ) => {\n\t * \twriter.removeAttribute( 'myImageId', image );\n\t * } );\n\t * ```\n\t */ cleanupImage(writer, image) {\n        writer.removeAttribute('srcset', image);\n        writer.removeAttribute('sizes', image);\n        /**\n\t\t * In case responsive images some attributes should be cleaned up.\n\t\t * Check: https://github.com/ckeditor/ckeditor5/issues/15093\n\t\t */ writer.removeAttribute('sources', image);\n        writer.removeAttribute('width', image);\n        writer.removeAttribute('height', image);\n        writer.removeAttribute('alt', image);\n    }\n}\n\n/**\n * The image engine plugin. This module loads common code shared between\n * {@link module:image/image/imageinlineediting~ImageInlineEditing} and\n * {@link module:image/image/imageblockediting~ImageBlockEditing} plugins.\n *\n * This plugin registers the {@link module:image/image/insertimagecommand~InsertImageCommand 'insertImage'} command.\n */ class ImageEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const conversion = editor.conversion;\n        // See https://github.com/ckeditor/ckeditor5-image/issues/142.\n        editor.editing.view.addObserver(ImageLoadObserver);\n        conversion.for('upcast').attributeToAttribute({\n            view: {\n                name: 'img',\n                key: 'alt'\n            },\n            model: 'alt'\n        }).attributeToAttribute({\n            view: {\n                name: 'img',\n                key: 'srcset'\n            },\n            model: 'srcset'\n        });\n        const insertImageCommand = new InsertImageCommand(editor);\n        const replaceImageSourceCommand = new ReplaceImageSourceCommand(editor);\n        editor.commands.add('insertImage', insertImageCommand);\n        editor.commands.add('replaceImageSource', replaceImageSourceCommand);\n        // `imageInsert` is an alias for backward compatibility.\n        editor.commands.add('imageInsert', insertImageCommand);\n    }\n}\n\n/**\n * This plugin enables `width` and `height` attributes in inline and block image elements.\n */ class ImageSizeAttributes extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageSizeAttributes';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        this._registerSchema();\n        this._registerConverters('imageBlock');\n        this._registerConverters('imageInline');\n    }\n    /**\n\t * Registers the `width` and `height` attributes for inline and block images.\n\t */ _registerSchema() {\n        const schema = this.editor.model.schema;\n        if (this.editor.plugins.has('ImageBlockEditing')) {\n            schema.extend('imageBlock', {\n                allowAttributes: [\n                    'width',\n                    'height'\n                ]\n            });\n        }\n        if (this.editor.plugins.has('ImageInlineEditing')) {\n            schema.extend('imageInline', {\n                allowAttributes: [\n                    'width',\n                    'height'\n                ]\n            });\n        }\n    }\n    /**\n\t * Registers converters for `width` and `height` attributes.\n\t */ _registerConverters(imageType) {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const viewElementName = imageType === 'imageBlock' ? 'figure' : 'img';\n        editor.conversion.for('upcast').attributeToAttribute({\n            view: {\n                name: viewElementName,\n                styles: {\n                    width: /.+/\n                }\n            },\n            model: {\n                key: 'width',\n                value: (viewElement)=>{\n                    if (widthAndHeightStylesAreBothSet(viewElement)) {\n                        return getSizeValueIfInPx(viewElement.getStyle('width'));\n                    }\n                    return null;\n                }\n            }\n        }).attributeToAttribute({\n            view: {\n                name: viewElementName,\n                key: 'width'\n            },\n            model: 'width'\n        }).attributeToAttribute({\n            view: {\n                name: viewElementName,\n                styles: {\n                    height: /.+/\n                }\n            },\n            model: {\n                key: 'height',\n                value: (viewElement)=>{\n                    if (widthAndHeightStylesAreBothSet(viewElement)) {\n                        return getSizeValueIfInPx(viewElement.getStyle('height'));\n                    }\n                    return null;\n                }\n            }\n        }).attributeToAttribute({\n            view: {\n                name: viewElementName,\n                key: 'height'\n            },\n            model: 'height'\n        });\n        // Dedicated converters to propagate attributes to the <img> element.\n        editor.conversion.for('editingDowncast').add((dispatcher)=>{\n            attachDowncastConverter(dispatcher, 'width', 'width', true, true);\n            attachDowncastConverter(dispatcher, 'height', 'height', true, true);\n        });\n        editor.conversion.for('dataDowncast').add((dispatcher)=>{\n            attachDowncastConverter(dispatcher, 'width', 'width', false);\n            attachDowncastConverter(dispatcher, 'height', 'height', false);\n        });\n        // Consume `aspect-ratio` style if `width` and `height` attributes are set on the image.\n        editor.conversion.for('upcast').add((dispatcher)=>{\n            dispatcher.on('element:img', (evt, data, conversionApi)=>{\n                const width = data.viewItem.getAttribute('width');\n                const height = data.viewItem.getAttribute('height');\n                if (width && height) {\n                    conversionApi.consumable.consume(data.viewItem, {\n                        styles: [\n                            'aspect-ratio'\n                        ]\n                    });\n                }\n            });\n        });\n        function attachDowncastConverter(dispatcher, modelAttributeName, viewAttributeName, setRatioForInlineImage, isEditingDowncast = false) {\n            dispatcher.on(`attribute:${modelAttributeName}:${imageType}`, (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                    return;\n                }\n                const viewWriter = conversionApi.writer;\n                const viewElement = conversionApi.mapper.toViewElement(data.item);\n                const img = imageUtils.findViewImgElement(viewElement);\n                if (data.attributeNewValue !== null) {\n                    viewWriter.setAttribute(viewAttributeName, data.attributeNewValue, img);\n                } else {\n                    viewWriter.removeAttribute(viewAttributeName, img);\n                }\n                const width = data.item.getAttribute('width');\n                const height = data.item.getAttribute('height');\n                const hasSizes = width && height;\n                if (hasSizes && isEditingDowncast) {\n                    viewWriter.setAttribute('loading', 'lazy', img);\n                }\n                // Do not set aspect-ratio for pictures. See https://github.com/ckeditor/ckeditor5/issues/14579.\n                if (data.item.hasAttribute('sources')) {\n                    return;\n                }\n                const isResized = data.item.hasAttribute('resizedWidth');\n                // Do not set aspect ratio for inline images which are not resized (data pipeline).\n                if (imageType === 'imageInline' && !isResized && !setRatioForInlineImage) {\n                    return;\n                }\n                if (hasSizes) {\n                    viewWriter.setStyle('aspect-ratio', `${width}/${height}`, img);\n                }\n            });\n        }\n    }\n}\n\n/**\n * The image type command. It changes the type of a selected image, depending on the configuration.\n */ class ImageTypeCommand extends Command {\n    /**\n\t * Model element name the command converts to.\n\t */ _modelElementName;\n    /**\n\t * @inheritDoc\n\t *\n\t * @param modelElementName Model element name the command converts to.\n\t */ constructor(editor, modelElementName){\n        super(editor);\n        this._modelElementName = modelElementName;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const element = imageUtils.getClosestSelectedImageElement(this.editor.model.document.selection);\n        if (this._modelElementName === 'imageBlock') {\n            this.isEnabled = imageUtils.isInlineImage(element);\n        } else {\n            this.isEnabled = imageUtils.isBlockImage(element);\n        }\n    }\n    /**\n\t * Executes the command and changes the type of a selected image.\n\t *\n\t * @fires execute\n\t * @param options.setImageSizes Specifies whether the image `width` and `height` attributes should be set automatically.\n\t * The default is `true`.\n\t * @returns An object containing references to old and new model image elements\n\t * (for before and after the change) so external integrations can hook into the decorated\n\t * `execute` event and handle this change. `null` if the type change failed.\n\t */ execute(options = {}) {\n        const editor = this.editor;\n        const model = this.editor.model;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const oldElement = imageUtils.getClosestSelectedImageElement(model.document.selection);\n        const attributes = Object.fromEntries(oldElement.getAttributes());\n        // Don't change image type if \"src\" is missing (a broken image), unless there's \"uploadId\" set.\n        // This state may happen during image upload (before it finishes) and it should be possible to change type\n        // of the image in the meantime.\n        if (!attributes.src && !attributes.uploadId) {\n            return null;\n        }\n        return model.change((writer)=>{\n            const { setImageSizes = true } = options;\n            // Get all markers that contain the old image element.\n            const markers = Array.from(model.markers).filter((marker)=>marker.getRange().containsItem(oldElement));\n            const newElement = imageUtils.insertImage(attributes, model.createSelection(oldElement, 'on'), this._modelElementName, {\n                setImageSizes\n            });\n            if (!newElement) {\n                return null;\n            }\n            const newElementRange = writer.createRangeOn(newElement);\n            // Expand the previously intersecting markers' ranges to include the new image element.\n            for (const marker of markers){\n                const markerRange = marker.getRange();\n                // Join the survived part of the old marker range with the new element range\n                // (loosely because there could be some new paragraph or the existing one might got split).\n                const range = markerRange.root.rootName != '$graveyard' ? markerRange.getJoined(newElementRange, true) : newElementRange;\n                writer.updateMarker(marker, {\n                    range\n                });\n            }\n            return {\n                oldElement,\n                newElement\n            };\n        });\n    }\n}\n\n/**\n * Adds support for image placeholder that is automatically removed when the image is loaded.\n */ class ImagePlaceholder extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImagePlaceholder';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        this._setupSchema();\n        this._setupConversion();\n        this._setupLoadListener();\n    }\n    /**\n\t * Extends model schema.\n\t */ _setupSchema() {\n        const schema = this.editor.model.schema;\n        // Wait for ImageBlockEditing or ImageInlineEditing to register their elements first,\n        // that's why doing this in afterInit() instead of init().\n        if (schema.isRegistered('imageBlock')) {\n            schema.extend('imageBlock', {\n                allowAttributes: [\n                    'placeholder'\n                ]\n            });\n        }\n        if (schema.isRegistered('imageInline')) {\n            schema.extend('imageInline', {\n                allowAttributes: [\n                    'placeholder'\n                ]\n            });\n        }\n    }\n    /**\n\t * Registers converters.\n\t */ _setupConversion() {\n        const editor = this.editor;\n        const conversion = editor.conversion;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        conversion.for('editingDowncast').add((dispatcher)=>{\n            dispatcher.on('attribute:placeholder', (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.test(data.item, evt.name)) {\n                    return;\n                }\n                if (!data.item.is('element', 'imageBlock') && !data.item.is('element', 'imageInline')) {\n                    return;\n                }\n                conversionApi.consumable.consume(data.item, evt.name);\n                const viewWriter = conversionApi.writer;\n                const element = conversionApi.mapper.toViewElement(data.item);\n                const img = imageUtils.findViewImgElement(element);\n                if (data.attributeNewValue) {\n                    viewWriter.addClass('image_placeholder', img);\n                    viewWriter.setStyle('background-image', `url(${data.attributeNewValue})`, img);\n                    viewWriter.setCustomProperty('editingPipeline:doNotReuseOnce', true, img);\n                } else {\n                    viewWriter.removeClass('image_placeholder', img);\n                    viewWriter.removeStyle('background-image', img);\n                }\n            });\n        });\n    }\n    /**\n\t * Prepares listener for image load.\n\t */ _setupLoadListener() {\n        const editor = this.editor;\n        const model = editor.model;\n        const editing = editor.editing;\n        const editingView = editing.view;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        editingView.addObserver(ImageLoadObserver);\n        this.listenTo(editingView.document, 'imageLoaded', (evt, domEvent)=>{\n            const imgViewElement = editingView.domConverter.mapDomToView(domEvent.target);\n            if (!imgViewElement) {\n                return;\n            }\n            const viewElement = imageUtils.getImageWidgetFromImageView(imgViewElement);\n            if (!viewElement) {\n                return;\n            }\n            const modelElement = editing.mapper.toModelElement(viewElement);\n            if (!modelElement || !modelElement.hasAttribute('placeholder')) {\n                return;\n            }\n            model.enqueueChange({\n                isUndoable: false\n            }, (writer)=>{\n                writer.removeAttribute('placeholder', modelElement);\n            });\n        });\n    }\n}\n\n/**\n * The image block plugin.\n *\n * It registers:\n *\n * * `<imageBlock>` as a block element in the document schema, and allows `alt`, `src` and `srcset` attributes.\n * * converters for editing and data pipelines.,\n * * {@link module:image/image/imagetypecommand~ImageTypeCommand `'imageTypeBlock'`} command that converts inline images into\n * block images.\n */ class ImageBlockEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageEditing,\n            ImageSizeAttributes,\n            ImageUtils,\n            ImagePlaceholder,\n            ClipboardPipeline\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageBlockEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        // Converters 'alt' and 'srcset' are added in 'ImageEditing' plugin.\n        schema.register('imageBlock', {\n            inheritAllFrom: '$blockObject',\n            allowAttributes: [\n                'alt',\n                'src',\n                'srcset'\n            ]\n        });\n        this._setupConversion();\n        if (editor.plugins.has('ImageInlineEditing')) {\n            editor.commands.add('imageTypeBlock', new ImageTypeCommand(this.editor, 'imageBlock'));\n            this._setupClipboardIntegration();\n        }\n    }\n    /**\n\t * Configures conversion pipelines to support upcasting and downcasting\n\t * block images (block image widgets) and their attributes.\n\t */ _setupConversion() {\n        const editor = this.editor;\n        const t = editor.t;\n        const conversion = editor.conversion;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        conversion.for('dataDowncast').elementToStructure({\n            model: 'imageBlock',\n            view: (modelElement, { writer })=>createBlockImageViewElement(writer)\n        });\n        conversion.for('editingDowncast').elementToStructure({\n            model: 'imageBlock',\n            view: (modelElement, { writer })=>imageUtils.toImageWidget(createBlockImageViewElement(writer), writer, t('image widget'))\n        });\n        conversion.for('downcast').add(downcastImageAttribute(imageUtils, 'imageBlock', 'src')).add(downcastImageAttribute(imageUtils, 'imageBlock', 'alt')).add(downcastSrcsetAttribute(imageUtils, 'imageBlock'));\n        // More image related upcasts are in 'ImageEditing' plugin.\n        conversion.for('upcast').elementToElement({\n            view: getImgViewElementMatcher(editor, 'imageBlock'),\n            model: (viewImage, { writer })=>writer.createElement('imageBlock', viewImage.hasAttribute('src') ? {\n                    src: viewImage.getAttribute('src')\n                } : undefined)\n        }).add(upcastImageFigure(imageUtils));\n    }\n    /**\n\t * Integrates the plugin with the clipboard pipeline.\n\t *\n\t * Idea is that the feature should recognize the user's intent when an **inline** image is\n\t * pasted or dropped. If such an image is pasted/dropped:\n\t *\n\t * * into an empty block (e.g. an empty paragraph),\n\t * * on another object (e.g. some block widget).\n\t *\n\t * it gets converted into a block image on the fly. We assume this is the user's intent\n\t * if they decided to put their image there.\n\t *\n\t * See the `ImageInlineEditing` for the similar integration that works in the opposite direction.\n\t *\n\t * The feature also sets image `width` and `height` attributes on paste.\n\t */ _setupClipboardIntegration() {\n        const editor = this.editor;\n        const model = editor.model;\n        const editingView = editor.editing.view;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const clipboardPipeline = editor.plugins.get('ClipboardPipeline');\n        this.listenTo(clipboardPipeline, 'inputTransformation', (evt, data)=>{\n            const docFragmentChildren = Array.from(data.content.getChildren());\n            let modelRange;\n            // Make sure only <img> elements are dropped or pasted. Otherwise, if there some other HTML\n            // mixed up, this should be handled as a regular paste.\n            if (!docFragmentChildren.every(imageUtils.isInlineImageView)) {\n                return;\n            }\n            // When drag and dropping, data.targetRanges specifies where to drop because\n            // this is usually a different place than the current model selection (the user\n            // uses a drop marker to specify the drop location).\n            if (data.targetRanges) {\n                modelRange = editor.editing.mapper.toModelRange(data.targetRanges[0]);\n            } else {\n                modelRange = model.document.selection.getFirstRange();\n            }\n            const selection = model.createSelection(modelRange);\n            // Convert inline images into block images only when the currently selected block is empty\n            // (e.g. an empty paragraph) or some object is selected (to replace it).\n            if (determineImageTypeForInsertionAtSelection(model.schema, selection) === 'imageBlock') {\n                const writer = new ViewUpcastWriter(editingView.document);\n                // Wrap <img ... /> -> <figure class=\"image\"><img .../></figure>\n                const blockViewImages = docFragmentChildren.map((inlineViewImage)=>writer.createElement('figure', {\n                        class: 'image'\n                    }, inlineViewImage));\n                data.content = writer.createDocumentFragment(blockViewImages);\n            }\n        });\n        this.listenTo(clipboardPipeline, 'contentInsertion', (evt, data)=>{\n            if (data.method !== 'paste') {\n                return;\n            }\n            model.change((writer)=>{\n                const range = writer.createRangeIn(data.content);\n                for (const item of range.getItems()){\n                    if (item.is('element', 'imageBlock')) {\n                        imageUtils.setImageNaturalSizeAttributes(item);\n                    }\n                }\n            });\n        });\n    }\n}\n\n/**\n * The view displayed in the insert image dropdown.\n *\n * See {@link module:image/imageinsert/imageinsertui~ImageInsertUI}.\n *\n * @internal\n */ class ImageInsertFormView extends View {\n    /**\n\t * Tracks information about DOM focus in the form.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables;\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * A collection of the defined integrations for inserting the images.\n\t */ children;\n    /**\n\t * Creates a view for the dropdown panel of {@link module:image/imageinsert/imageinsertui~ImageInsertUI}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param integrations An integrations object that contains components (or tokens for components) to be shown in the panel view.\n\t */ constructor(locale, integrations = []){\n        super(locale);\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this._focusables = new ViewCollection();\n        this.children = this.createCollection();\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        for (const view of integrations){\n            this.children.add(view);\n            this._focusables.add(view);\n            if (view instanceof CollapsibleView) {\n                this._focusables.addMany(view.children);\n            }\n        }\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-image-insert-form'\n                ],\n                tabindex: -1\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        submitHandler({\n            view: this\n        });\n        for (const view of this._focusables){\n            this.focusTracker.add(view.element);\n        }\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n        const stopPropagation = (data)=>data.stopPropagation();\n        // Since the form is in the dropdown panel which is a child of the toolbar, the toolbar's\n        // keystroke handler would take over the key management in the URL input. We need to prevent\n        // this ASAP. Otherwise, the basic caret movement using the arrow keys will be impossible.\n        this.keystrokes.set('arrowright', stopPropagation);\n        this.keystrokes.set('arrowleft', stopPropagation);\n        this.keystrokes.set('arrowup', stopPropagation);\n        this.keystrokes.set('arrowdown', stopPropagation);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the first {@link #_focusables focusable} in the form.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n}\n\n/**\n * The image insert dropdown plugin.\n *\n * For a detailed overview, check the {@glink features/images/image-upload/image-upload Image upload feature}\n * and {@glink features/images/images-inserting Insert images via source URL} documentation.\n *\n * Adds the `'insertImage'` dropdown to the {@link module:ui/componentfactory~ComponentFactory UI component factory}\n * and also the `imageInsert` dropdown as an alias for backward compatibility.\n *\n * Adds the `'menuBar:insertImage'` sub-menu to the {@link module:ui/componentfactory~ComponentFactory UI component factory}, which is\n * by default added to the `'Insert'` menu.\n */ class ImageInsertUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageInsertUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUtils\n        ];\n    }\n    /**\n\t * The dropdown view responsible for displaying the image insert UI.\n\t */ dropdownView;\n    /**\n\t * Registered integrations map.\n\t */ _integrations = new Map();\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('image.insert.integrations', [\n            'upload',\n            'assetManager',\n            'url'\n        ]);\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        this.set('isImageSelected', false);\n        this.listenTo(editor.model.document, 'change', ()=>{\n            this.isImageSelected = imageUtils.isImage(selection.getSelectedElement());\n        });\n        const componentCreator = (locale)=>this._createToolbarComponent(locale);\n        const menuBarComponentCreator = (locale)=>this._createMenuBarComponent(locale);\n        // Register `insertImage` dropdown and add `imageInsert` dropdown as an alias for backward compatibility.\n        editor.ui.componentFactory.add('insertImage', componentCreator);\n        editor.ui.componentFactory.add('imageInsert', componentCreator);\n        editor.ui.componentFactory.add('menuBar:insertImage', menuBarComponentCreator);\n    }\n    /**\n\t * Registers the insert image dropdown integration.\n\t */ registerIntegration({ name, observable, buttonViewCreator, formViewCreator, menuBarButtonViewCreator, requiresForm = false, override = false }) {\n        if (this._integrations.has(name) && !override) {\n            /**\n\t\t\t * There are two insert-image integrations registered with the same name.\n\t\t\t *\n\t\t\t * Make sure that you do not load multiple asset manager plugins.\n\t\t\t *\n\t\t\t * @error image-insert-integration-exists\n\t\t\t */ logWarning('image-insert-integration-exists', {\n                name\n            });\n        }\n        this._integrations.set(name, {\n            observable,\n            buttonViewCreator,\n            menuBarButtonViewCreator,\n            formViewCreator,\n            requiresForm\n        });\n    }\n    /**\n\t * Creates the toolbar component.\n\t */ _createToolbarComponent(locale) {\n        const editor = this.editor;\n        const t = locale.t;\n        const integrations = this._prepareIntegrations();\n        if (!integrations.length) {\n            return null;\n        }\n        let dropdownButton;\n        const firstIntegration = integrations[0];\n        if (integrations.length == 1) {\n            // Do not use dropdown for a single integration button (integration that does not require form view).\n            if (!firstIntegration.requiresForm) {\n                return firstIntegration.buttonViewCreator(true);\n            }\n            dropdownButton = firstIntegration.buttonViewCreator(true);\n        } else {\n            const actionButton = firstIntegration.buttonViewCreator(false);\n            dropdownButton = new SplitButtonView(locale, actionButton);\n            dropdownButton.tooltip = true;\n            dropdownButton.bind('label').to(this, 'isImageSelected', (isImageSelected)=>isImageSelected ? t('Replace image') : t('Insert image'));\n        }\n        const dropdownView = this.dropdownView = createDropdown(locale, dropdownButton);\n        const observables = integrations.map(({ observable })=>typeof observable == 'function' ? observable() : observable);\n        dropdownView.bind('isEnabled').toMany(observables, 'isEnabled', (...isEnabled)=>isEnabled.some((isEnabled)=>isEnabled));\n        dropdownView.once('change:isOpen', ()=>{\n            const integrationViews = integrations.flatMap(({ formViewCreator })=>formViewCreator(integrations.length == 1));\n            const imageInsertFormView = new ImageInsertFormView(editor.locale, integrationViews);\n            dropdownView.panelView.children.add(imageInsertFormView);\n        });\n        return dropdownView;\n    }\n    /**\n\t * Creates the menu bar component.\n\t */ _createMenuBarComponent(locale) {\n        const t = locale.t;\n        const integrations = this._prepareIntegrations();\n        if (!integrations.length) {\n            return null;\n        }\n        const integrationViews = integrations.flatMap(({ menuBarButtonViewCreator })=>menuBarButtonViewCreator(integrations.length == 1));\n        const resultView = new MenuBarMenuView(locale);\n        const listView = new MenuBarMenuListView(locale);\n        resultView.panelView.children.add(listView);\n        resultView.buttonView.set({\n            icon: IconImage,\n            label: t('Image')\n        });\n        for (const integrationView of integrationViews){\n            const listItemView = new MenuBarMenuListItemView(locale, resultView);\n            listItemView.children.add(integrationView);\n            listView.items.add(listItemView);\n            integrationView.delegate('execute').to(resultView);\n        }\n        return resultView;\n    }\n    /**\n\t * Validates the integrations list.\n\t */ _prepareIntegrations() {\n        const editor = this.editor;\n        const items = editor.config.get('image.insert.integrations');\n        const result = [];\n        if (!items.length) {\n            /**\n\t\t\t * The insert image feature requires a list of integrations to be provided in the editor configuration.\n\t\t\t *\n\t\t\t * The default list of integrations is `upload`, `assetManager`, `url`. Those integrations are included\n\t\t\t * in the insert image dropdown if the given feature plugin is loaded. You should omit the `integrations`\n\t\t\t * configuration key to use the default set or provide a selected list of integrations that should be used.\n\t\t\t *\n\t\t\t * @error image-insert-integrations-not-specified\n\t\t\t */ logWarning('image-insert-integrations-not-specified');\n            return result;\n        }\n        for (const item of items){\n            if (!this._integrations.has(item)) {\n                if (![\n                    'upload',\n                    'assetManager',\n                    'url'\n                ].includes(item)) {\n                    /**\n\t\t\t\t\t * The specified insert image integration name is unknown or the providing plugin is not loaded in the editor.\n\t\t\t\t\t *\n\t\t\t\t\t * @error image-insert-unknown-integration\n\t\t\t\t\t */ logWarning('image-insert-unknown-integration', {\n                        item\n                    });\n                }\n                continue;\n            }\n            result.push(this._integrations.get(item));\n        }\n        if (!result.length) {\n            /**\n\t\t\t * The image insert feature requires integrations to be registered by separate features.\n\t\t\t *\n\t\t\t * The `insertImage` toolbar button requires integrations to be registered by other features.\n\t\t\t * For example {@link module:image/imageupload~ImageUpload ImageUpload},\n\t\t\t * {@link module:image/imageinsert~ImageInsert ImageInsert},\n\t\t\t * {@link module:image/imageinsertviaurl~ImageInsertViaUrl ImageInsertViaUrl},\n\t\t\t * {@link module:ckbox/ckbox~CKBox CKBox}\n\t\t\t *\n\t\t\t * @error image-insert-integrations-not-registered\n\t\t\t */ logWarning('image-insert-integrations-not-registered');\n        }\n        return result;\n    }\n}\n\n/**\n * The image block plugin.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * {@link module:image/image/imageblockediting~ImageBlockEditing},\n * * {@link module:image/imagetextalternative~ImageTextAlternative}.\n *\n * Usually, it is used in conjunction with other plugins from this package. See the {@glink api/image package page}\n * for more information.\n */ class ImageBlock extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageBlockEditing,\n            Widget,\n            ImageTextAlternative,\n            ImageInsertUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageBlock';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The image inline plugin.\n *\n * It registers:\n *\n * * `<imageInline>` as an inline element in the document schema, and allows `alt`, `src` and `srcset` attributes.\n * * converters for editing and data pipelines.\n * * {@link module:image/image/imagetypecommand~ImageTypeCommand `'imageTypeInline'`} command that converts block images into\n * inline images.\n */ class ImageInlineEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageEditing,\n            ImageSizeAttributes,\n            ImageUtils,\n            ImagePlaceholder,\n            ClipboardPipeline\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageInlineEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        // Converters 'alt' and 'srcset' are added in 'ImageEditing' plugin.\n        schema.register('imageInline', {\n            inheritAllFrom: '$inlineObject',\n            allowAttributes: [\n                'alt',\n                'src',\n                'srcset'\n            ],\n            // Disallow inline images in captions (at least for now).\n            // This is the best spot to do that because independent packages can introduce captions (ImageCaption, TableCaption, etc.).\n            disallowIn: [\n                'caption'\n            ]\n        });\n        this._setupConversion();\n        if (editor.plugins.has('ImageBlockEditing')) {\n            editor.commands.add('imageTypeInline', new ImageTypeCommand(this.editor, 'imageInline'));\n            this._setupClipboardIntegration();\n        }\n    }\n    /**\n\t * Configures conversion pipelines to support upcasting and downcasting\n\t * inline images (inline image widgets) and their attributes.\n\t */ _setupConversion() {\n        const editor = this.editor;\n        const t = editor.t;\n        const conversion = editor.conversion;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        conversion.for('dataDowncast').elementToElement({\n            model: 'imageInline',\n            view: (modelElement, { writer })=>writer.createEmptyElement('img')\n        });\n        conversion.for('editingDowncast').elementToStructure({\n            model: 'imageInline',\n            view: (modelElement, { writer })=>imageUtils.toImageWidget(createInlineImageViewElement(writer), writer, t('image widget'))\n        });\n        conversion.for('downcast').add(downcastImageAttribute(imageUtils, 'imageInline', 'src')).add(downcastImageAttribute(imageUtils, 'imageInline', 'alt')).add(downcastSrcsetAttribute(imageUtils, 'imageInline'));\n        // More image related upcasts are in 'ImageEditing' plugin.\n        conversion.for('upcast').elementToElement({\n            view: getImgViewElementMatcher(editor, 'imageInline'),\n            model: (viewImage, { writer })=>writer.createElement('imageInline', viewImage.hasAttribute('src') ? {\n                    src: viewImage.getAttribute('src')\n                } : undefined)\n        });\n    }\n    /**\n\t * Integrates the plugin with the clipboard pipeline.\n\t *\n\t * Idea is that the feature should recognize the user's intent when an **block** image is\n\t * pasted or dropped. If such an image is pasted/dropped into a non-empty block\n\t * (e.g. a paragraph with some text) it gets converted into an inline image on the fly.\n\t *\n\t * We assume this is the user's intent if they decided to put their image there.\n\t *\n\t * **Note**: If a block image has a caption, it will not be converted to an inline image\n\t * to avoid the confusion. Captions are added on purpose and they should never be lost\n\t * in the clipboard pipeline.\n\t *\n\t * See the `ImageBlockEditing` for the similar integration that works in the opposite direction.\n\t *\n\t * The feature also sets image `width` and `height` attributes when pasting.\n\t */ _setupClipboardIntegration() {\n        const editor = this.editor;\n        const model = editor.model;\n        const editingView = editor.editing.view;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const clipboardPipeline = editor.plugins.get('ClipboardPipeline');\n        this.listenTo(clipboardPipeline, 'inputTransformation', (evt, data)=>{\n            const docFragmentChildren = Array.from(data.content.getChildren());\n            let modelRange;\n            // Make sure only <figure class=\"image\"></figure> elements are dropped or pasted. Otherwise, if there some other HTML\n            // mixed up, this should be handled as a regular paste.\n            if (!docFragmentChildren.every(imageUtils.isBlockImageView)) {\n                return;\n            }\n            // When drag and dropping, data.targetRanges specifies where to drop because\n            // this is usually a different place than the current model selection (the user\n            // uses a drop marker to specify the drop location).\n            if (data.targetRanges) {\n                modelRange = editor.editing.mapper.toModelRange(data.targetRanges[0]);\n            } else {\n                modelRange = model.document.selection.getFirstRange();\n            }\n            const selection = model.createSelection(modelRange);\n            // Convert block images into inline images only when pasting or dropping into non-empty blocks\n            // and when the block is not an object (e.g. pasting to replace another widget).\n            if (determineImageTypeForInsertionAtSelection(model.schema, selection) === 'imageInline') {\n                const writer = new ViewUpcastWriter(editingView.document);\n                // Unwrap <figure class=\"image\"><img .../></figure> -> <img ... />\n                // but <figure class=\"image\"><img .../><figcaption>...</figcaption></figure> -> stays the same\n                const inlineViewImages = docFragmentChildren.map((blockViewImage)=>{\n                    // If there's just one child, it can be either <img /> or <a><img></a>.\n                    // If there are other children than <img>, this means that the block image\n                    // has a caption or some other features and this kind of image should be\n                    // pasted/dropped without modifications.\n                    if (blockViewImage.childCount === 1) {\n                        // Pass the attributes which are present only in the <figure> to the <img>\n                        // (e.g. the style=\"width:10%\" attribute applied by the ImageResize plugin).\n                        Array.from(blockViewImage.getAttributes()).forEach((attribute)=>writer.setAttribute(...attribute, imageUtils.findViewImgElement(blockViewImage)));\n                        return blockViewImage.getChild(0);\n                    } else {\n                        return blockViewImage;\n                    }\n                });\n                data.content = writer.createDocumentFragment(inlineViewImages);\n            }\n        });\n        this.listenTo(clipboardPipeline, 'contentInsertion', (evt, data)=>{\n            if (data.method !== 'paste') {\n                return;\n            }\n            model.change((writer)=>{\n                const range = writer.createRangeIn(data.content);\n                for (const item of range.getItems()){\n                    if (item.is('element', 'imageInline')) {\n                        imageUtils.setImageNaturalSizeAttributes(item);\n                    }\n                }\n            });\n        });\n    }\n}\n\n/**\n * The image inline plugin.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * {@link module:image/image/imageinlineediting~ImageInlineEditing},\n * * {@link module:image/imagetextalternative~ImageTextAlternative}.\n *\n * Usually, it is used in conjunction with other plugins from this package. See the {@glink api/image package page}\n * for more information.\n */ class ImageInline extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageInlineEditing,\n            Widget,\n            ImageTextAlternative,\n            ImageInsertUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageInline';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The image plugin.\n *\n * For a detailed overview, check the {@glink features/images/images-overview image feature} documentation.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * {@link module:image/imageblock~ImageBlock},\n * * {@link module:image/imageinline~ImageInline},\n *\n * Usually, it is used in conjunction with other plugins from this package. See the {@glink api/image package page}\n * for more information.\n */ class Image extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageBlock,\n            ImageInline\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Image';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The image caption utilities plugin.\n */ class ImageCaptionUtils extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageCaptionUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUtils\n        ];\n    }\n    /**\n\t * Returns the caption model element from a given image element. Returns `null` if no caption is found.\n\t */ getCaptionFromImageModelElement(imageModelElement) {\n        for (const node of imageModelElement.getChildren()){\n            if (!!node && node.is('element', 'caption')) {\n                return node;\n            }\n        }\n        return null;\n    }\n    /**\n\t * Returns the caption model element for a model selection. Returns `null` if the selection has no caption element ancestor.\n\t */ getCaptionFromModelSelection(selection) {\n        const imageUtils = this.editor.plugins.get('ImageUtils');\n        const captionElement = selection.getFirstPosition().findAncestor('caption');\n        if (!captionElement) {\n            return null;\n        }\n        if (imageUtils.isBlockImage(captionElement.parent)) {\n            return captionElement;\n        }\n        return null;\n    }\n    /**\n\t * {@link module:engine/view/matcher~Matcher} pattern. Checks if a given element is a `<figcaption>` element that is placed\n\t * inside the image `<figure>` element.\n\t * @returns Returns the object accepted by {@link module:engine/view/matcher~Matcher} or `null` if the element\n\t * cannot be matched.\n\t */ matchImageCaptionViewElement(element) {\n        const imageUtils = this.editor.plugins.get('ImageUtils');\n        // Convert only captions for images.\n        if (element.name == 'figcaption' && imageUtils.isBlockImageView(element.parent)) {\n            return {\n                name: true\n            };\n        }\n        return null;\n    }\n}\n\n/**\n * The toggle image caption command.\n *\n * This command is registered by {@link module:image/imagecaption/imagecaptionediting~ImageCaptionEditing} as the\n * `'toggleImageCaption'` editor command.\n *\n * Executing this command:\n *\n * * either adds or removes the image caption of a selected image (depending on whether the caption is present or not),\n * * removes the image caption if the selection is anchored in one.\n *\n * ```ts\n * // Toggle the presence of the caption.\n * editor.execute( 'toggleImageCaption' );\n * ```\n *\n * **Note**: Upon executing this command, the selection will be set on the image if previously anchored in the caption element.\n *\n * **Note**: You can move the selection to the caption right away as it shows up upon executing this command by using\n * the `focusCaptionOnShow` option:\n *\n * ```ts\n * editor.execute( 'toggleImageCaption', { focusCaptionOnShow: true } );\n * ```\n */ class ToggleImageCaptionCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const imageCaptionUtils = editor.plugins.get('ImageCaptionUtils');\n        const imageUtils = editor.plugins.get('ImageUtils');\n        // Only block images can get captions.\n        if (!editor.plugins.has(ImageBlockEditing)) {\n            this.isEnabled = false;\n            this.value = false;\n            return;\n        }\n        const selection = editor.model.document.selection;\n        const selectedElement = selection.getSelectedElement();\n        if (!selectedElement) {\n            const ancestorCaptionElement = imageCaptionUtils.getCaptionFromModelSelection(selection);\n            this.isEnabled = !!ancestorCaptionElement;\n            this.value = !!ancestorCaptionElement;\n            return;\n        }\n        // Block images support captions by default but the command should also be enabled for inline\n        // images because toggling the caption when one is selected should convert it into a block image.\n        this.isEnabled = imageUtils.isImage(selectedElement);\n        if (!this.isEnabled) {\n            this.value = false;\n        } else {\n            this.value = !!imageCaptionUtils.getCaptionFromImageModelElement(selectedElement);\n        }\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * ```ts\n\t * editor.execute( 'toggleImageCaption' );\n\t * ```\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.focusCaptionOnShow When true and the caption shows up, the selection will be moved into it straight away.\n\t * @fires execute\n\t */ execute(options = {}) {\n        const { focusCaptionOnShow } = options;\n        this.editor.model.change((writer)=>{\n            if (this.value) {\n                this._hideImageCaption(writer);\n            } else {\n                this._showImageCaption(writer, focusCaptionOnShow);\n            }\n        });\n    }\n    /**\n\t * Shows the caption of the `<imageBlock>` or `<imageInline>`. Also:\n\t *\n\t * * it converts `<imageInline>` to `<imageBlock>` to show the caption,\n\t * * it attempts to restore the caption content from the `ImageCaptionEditing` caption registry,\n\t * * it moves the selection to the caption right away, it the `focusCaptionOnShow` option was set.\n\t */ _showImageCaption(writer, focusCaptionOnShow) {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const imageCaptionEditing = this.editor.plugins.get('ImageCaptionEditing');\n        const imageUtils = this.editor.plugins.get('ImageUtils');\n        let selectedImage = selection.getSelectedElement();\n        const savedCaption = imageCaptionEditing._getSavedCaption(selectedImage);\n        // Convert imageInline -> image first.\n        if (imageUtils.isInlineImage(selectedImage)) {\n            this.editor.execute('imageTypeBlock');\n            // Executing the command created a new model element. Let's pick it again.\n            selectedImage = selection.getSelectedElement();\n        }\n        // Try restoring the caption from the ImageCaptionEditing plugin storage.\n        const newCaptionElement = savedCaption || writer.createElement('caption');\n        writer.append(newCaptionElement, selectedImage);\n        if (focusCaptionOnShow) {\n            writer.setSelection(newCaptionElement, 'in');\n        }\n    }\n    /**\n\t * Hides the caption of a selected image (or an image caption the selection is anchored to).\n\t *\n\t * The content of the caption is stored in the `ImageCaptionEditing` caption registry to make this\n\t * a reversible action.\n\t */ _hideImageCaption(writer) {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        const imageCaptionEditing = editor.plugins.get('ImageCaptionEditing');\n        const imageCaptionUtils = editor.plugins.get('ImageCaptionUtils');\n        let selectedImage = selection.getSelectedElement();\n        let captionElement;\n        if (selectedImage) {\n            captionElement = imageCaptionUtils.getCaptionFromImageModelElement(selectedImage);\n        } else {\n            captionElement = imageCaptionUtils.getCaptionFromModelSelection(selection);\n            selectedImage = captionElement.parent;\n        }\n        // Store the caption content so it can be restored quickly if the user changes their mind even if they toggle image<->imageInline.\n        imageCaptionEditing._saveCaption(selectedImage, captionElement);\n        writer.setSelection(selectedImage, 'on');\n        writer.remove(captionElement);\n    }\n}\n\n/**\n * The image caption engine plugin. It is responsible for:\n *\n * * registering converters for the caption element,\n * * registering converters for the caption model attribute,\n * * registering the {@link module:image/imagecaption/toggleimagecaptioncommand~ToggleImageCaptionCommand `toggleImageCaption`} command.\n */ class ImageCaptionEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUtils,\n            ImageCaptionUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageCaptionEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * A map that keeps saved JSONified image captions and image model elements they are\n\t * associated with.\n\t *\n\t * To learn more about this system, see {@link #_saveCaption}.\n\t */ _savedCaptionsMap;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._savedCaptionsMap = new WeakMap();\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        // Schema configuration.\n        if (!schema.isRegistered('caption')) {\n            schema.register('caption', {\n                allowIn: 'imageBlock',\n                allowContentOf: '$block',\n                isLimit: true\n            });\n        } else {\n            schema.extend('caption', {\n                allowIn: 'imageBlock'\n            });\n        }\n        editor.commands.add('toggleImageCaption', new ToggleImageCaptionCommand(this.editor));\n        this._setupConversion();\n        this._setupImageTypeCommandsIntegration();\n        this._registerCaptionReconversion();\n    }\n    /**\n\t * Configures conversion pipelines to support upcasting and downcasting\n\t * image captions.\n\t */ _setupConversion() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const imageCaptionUtils = editor.plugins.get('ImageCaptionUtils');\n        const t = editor.t;\n        // View -> model converter for the data pipeline.\n        editor.conversion.for('upcast').elementToElement({\n            view: (element)=>imageCaptionUtils.matchImageCaptionViewElement(element),\n            model: 'caption'\n        });\n        // Model -> view converter for the data pipeline.\n        editor.conversion.for('dataDowncast').elementToElement({\n            model: 'caption',\n            view: (modelElement, { writer })=>{\n                if (!imageUtils.isBlockImage(modelElement.parent)) {\n                    return null;\n                }\n                return writer.createContainerElement('figcaption');\n            }\n        });\n        // Model -> view converter for the editing pipeline.\n        editor.conversion.for('editingDowncast').elementToElement({\n            model: 'caption',\n            view: (modelElement, { writer })=>{\n                if (!imageUtils.isBlockImage(modelElement.parent)) {\n                    return null;\n                }\n                const figcaptionElement = writer.createEditableElement('figcaption');\n                writer.setCustomProperty('imageCaption', true, figcaptionElement);\n                figcaptionElement.placeholder = t('Enter image caption');\n                enableViewPlaceholder({\n                    view,\n                    element: figcaptionElement,\n                    keepOnFocus: true\n                });\n                const imageAlt = modelElement.parent.getAttribute('alt');\n                const label = imageAlt ? t('Caption for image: %0', [\n                    imageAlt\n                ]) : t('Caption for the image');\n                return toWidgetEditable(figcaptionElement, writer, {\n                    label\n                });\n            }\n        });\n    }\n    /**\n\t * Integrates with {@link module:image/image/imagetypecommand~ImageTypeCommand image type commands}\n\t * to make sure the caption is preserved when the type of an image changes so it can be restored\n\t * in the future if the user decides they want their caption back.\n\t */ _setupImageTypeCommandsIntegration() {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const imageCaptionUtils = editor.plugins.get('ImageCaptionUtils');\n        const imageTypeInlineCommand = editor.commands.get('imageTypeInline');\n        const imageTypeBlockCommand = editor.commands.get('imageTypeBlock');\n        const handleImageTypeChange = (evt)=>{\n            // The image type command execution can be unsuccessful.\n            if (!evt.return) {\n                return;\n            }\n            const { oldElement, newElement } = evt.return;\n            /* istanbul ignore if: paranoid check -- @preserve */ if (!oldElement) {\n                return;\n            }\n            if (imageUtils.isBlockImage(oldElement)) {\n                const oldCaptionElement = imageCaptionUtils.getCaptionFromImageModelElement(oldElement);\n                // If the old element was a captioned block image (the caption was visible),\n                // simply save it so it can be restored.\n                if (oldCaptionElement) {\n                    this._saveCaption(newElement, oldCaptionElement);\n                    return;\n                }\n            }\n            const savedOldElementCaption = this._getSavedCaption(oldElement);\n            // If either:\n            //\n            // * the block image didn't have a visible caption,\n            // * the block image caption was hidden (and already saved),\n            // * the inline image was passed\n            //\n            // just try to \"pass\" the saved caption from the old image to the new image\n            // so it can be retrieved in the future if the user wants it back.\n            if (savedOldElementCaption) {\n                // Note: Since we're writing to a WeakMap, we don't bother with removing the\n                // [ oldElement, savedOldElementCaption ] pair from it.\n                this._saveCaption(newElement, savedOldElementCaption);\n            }\n        };\n        // Presence of the commands depends on the Image(Inline|Block)Editing plugins loaded in the editor.\n        if (imageTypeInlineCommand) {\n            this.listenTo(imageTypeInlineCommand, 'execute', handleImageTypeChange, {\n                priority: 'low'\n            });\n        }\n        if (imageTypeBlockCommand) {\n            this.listenTo(imageTypeBlockCommand, 'execute', handleImageTypeChange, {\n                priority: 'low'\n            });\n        }\n    }\n    /**\n\t * Returns the saved {@link module:engine/model/element~ModelElement#toJSON JSONified} caption\n\t * of an image model element.\n\t *\n\t * See {@link #_saveCaption}.\n\t *\n\t * @internal\n\t * @param imageModelElement The model element the caption should be returned for.\n\t * @returns The model caption element or `null` if there is none.\n\t */ _getSavedCaption(imageModelElement) {\n        const jsonObject = this._savedCaptionsMap.get(imageModelElement);\n        return jsonObject ? ModelElement.fromJSON(jsonObject) : null;\n    }\n    /**\n\t * Saves a {@link module:engine/model/element~ModelElement#toJSON JSONified} caption for\n\t * an image element to allow restoring it in the future.\n\t *\n\t * A caption is saved every time it gets hidden and/or the type of an image changes. The\n\t * user should be able to restore it on demand.\n\t *\n\t * **Note**: The caption cannot be stored in the image model element attribute because,\n\t * for instance, when the model state propagates to collaborators, the attribute would get\n\t * lost (mainly because it does not convert to anything when the caption is hidden) and\n\t * the states of collaborators' models would de-synchronize causing numerous issues.\n\t *\n\t * See {@link #_getSavedCaption}.\n\t *\n\t * @internal\n\t * @param imageModelElement The model element the caption is saved for.\n\t * @param caption The caption model element to be saved.\n\t */ _saveCaption(imageModelElement, caption) {\n        this._savedCaptionsMap.set(imageModelElement, caption.toJSON());\n    }\n    /**\n\t * Reconverts image caption when image alt attribute changes.\n\t * The change of alt attribute is reflected in caption's aria-label attribute.\n\t */ _registerCaptionReconversion() {\n        const editor = this.editor;\n        const model = editor.model;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const imageCaptionUtils = editor.plugins.get('ImageCaptionUtils');\n        model.document.on('change:data', ()=>{\n            const changes = model.document.differ.getChanges();\n            for (const change of changes){\n                if (change.attributeKey !== 'alt') {\n                    continue;\n                }\n                const image = change.range.start.nodeAfter;\n                if (imageUtils.isBlockImage(image)) {\n                    const caption = imageCaptionUtils.getCaptionFromImageModelElement(image);\n                    if (!caption) {\n                        return;\n                    }\n                    editor.editing.reconvertItem(caption);\n                }\n            }\n        });\n    }\n}\n\n/**\n * The image caption UI plugin. It introduces the `'toggleImageCaption'` UI button.\n */ class ImageCaptionUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageCaptionUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageCaptionUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const imageCaptionUtils = editor.plugins.get('ImageCaptionUtils');\n        const t = editor.t;\n        editor.ui.componentFactory.add('toggleImageCaption', (locale)=>{\n            const command = editor.commands.get('toggleImageCaption');\n            const view = new ButtonView(locale);\n            view.set({\n                icon: IconCaption,\n                tooltip: true,\n                isToggleable: true\n            });\n            view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');\n            view.bind('label').to(command, 'value', (value)=>value ? t('Toggle caption off') : t('Toggle caption on'));\n            this.listenTo(view, 'execute', ()=>{\n                editor.execute('toggleImageCaption', {\n                    focusCaptionOnShow: true\n                });\n                // Scroll to the selection and highlight the caption if the caption showed up.\n                const modelCaptionElement = imageCaptionUtils.getCaptionFromModelSelection(editor.model.document.selection);\n                if (modelCaptionElement) {\n                    const figcaptionElement = editor.editing.mapper.toViewElement(modelCaptionElement);\n                    editingView.scrollToTheSelection();\n                    editingView.change((writer)=>{\n                        writer.addClass('image__caption_highlighted', figcaptionElement);\n                    });\n                }\n                editor.editing.view.focus();\n            });\n            return view;\n        });\n    }\n}\n\n/**\n * The image caption plugin.\n *\n * For a detailed overview, check the {@glink features/images/images-captions image caption} documentation.\n */ class ImageCaption extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageCaptionEditing,\n            ImageCaptionUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageCaption';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * Creates a regular expression used to test for image files.\n *\n * ```ts\n * const imageType = createImageTypeRegExp( [ 'png', 'jpeg', 'svg+xml', 'vnd.microsoft.icon' ] );\n *\n * console.log( 'is supported image', imageType.test( file.type ) );\n * ```\n */ function createImageTypeRegExp(types) {\n    // Sanitize the MIME type name which may include: \"+\", \"-\" or \".\".\n    const regExpSafeNames = types.map((type)=>type.replace('+', '\\\\+'));\n    return new RegExp(`^image\\\\/(${regExpSafeNames.join('|')})$`);\n}\n/**\n * Creates a promise that fetches the image local source (Base64 or blob) and resolves with a `File` object.\n *\n * @internal\n * @param image Image whose source to fetch.\n * @returns A promise which resolves when an image source is fetched and converted to a `File` instance.\n * It resolves with a `File` object. If there were any errors during file processing, the promise will be rejected.\n */ function fetchLocalImage(image) {\n    return new Promise((resolve, reject)=>{\n        const imageSrc = image.getAttribute('src');\n        // Fetch works asynchronously and so does not block browser UI when processing data.\n        fetch(imageSrc).then((resource)=>resource.blob()).then((blob)=>{\n            const mimeType = getImageMimeType(blob, imageSrc);\n            const ext = mimeType.replace('image/', '');\n            const filename = `image.${ext}`;\n            const file = new File([\n                blob\n            ], filename, {\n                type: mimeType\n            });\n            resolve(file);\n        }).catch((err)=>{\n            // Fetch fails only, if it can't make a request due to a network failure or if anything prevented the request\n            // from completing, i.e. the Content Security Policy rules. It is not possible to detect the exact cause of failure,\n            // so we are just trying the fallback solution, if general TypeError is thrown.\n            return err && err.name === 'TypeError' ? convertLocalImageOnCanvas(imageSrc).then(resolve).catch(reject) : reject(err);\n        });\n    });\n}\n/**\n * Checks whether a given node is an image element with a local source (Base64 or blob).\n *\n * @param node The node to check.\n * @internal\n */ function isLocalImage(imageUtils, node) {\n    if (!imageUtils.isInlineImageView(node) || !node.getAttribute('src')) {\n        return false;\n    }\n    return !!node.getAttribute('src').match(/^data:image\\/\\w+;base64,/g) || !!node.getAttribute('src').match(/^blob:/g);\n}\n/**\n * Extracts an image type based on its blob representation or its source.\n * @param blob Image blob representation.\n * @param src Image `src` attribute value.\n */ function getImageMimeType(blob, src) {\n    if (blob.type) {\n        return blob.type;\n    } else if (src.match(/data:(image\\/\\w+);base64/)) {\n        return src.match(/data:(image\\/\\w+);base64/)[1].toLowerCase();\n    } else {\n        // Fallback to 'jpeg' as common extension.\n        return 'image/jpeg';\n    }\n}\n/**\n * Creates a promise that converts the image local source (Base64 or blob) to a blob using canvas and resolves\n * with a `File` object.\n * @param imageSrc Image `src` attribute value.\n * @returns A promise which resolves when an image source is converted to a `File` instance.\n * It resolves with a `File` object. If there were any errors during file processing, the promise will be rejected.\n */ function convertLocalImageOnCanvas(imageSrc) {\n    return getBlobFromCanvas(imageSrc).then((blob)=>{\n        const mimeType = getImageMimeType(blob, imageSrc);\n        const ext = mimeType.replace('image/', '');\n        const filename = `image.${ext}`;\n        return new File([\n            blob\n        ], filename, {\n            type: mimeType\n        });\n    });\n}\n/**\n * Creates a promise that resolves with a `Blob` object converted from the image source (Base64 or blob).\n * @param imageSrc Image `src` attribute value.\n */ function getBlobFromCanvas(imageSrc) {\n    return new Promise((resolve, reject)=>{\n        const image = global.document.createElement('img');\n        image.addEventListener('load', ()=>{\n            const canvas = global.document.createElement('canvas');\n            canvas.width = image.width;\n            canvas.height = image.height;\n            const ctx = canvas.getContext('2d');\n            ctx.drawImage(image, 0, 0);\n            canvas.toBlob((blob)=>blob ? resolve(blob) : reject());\n        });\n        image.addEventListener('error', ()=>reject());\n        image.src = imageSrc;\n    });\n}\n\n/**\n * The image upload button plugin.\n *\n * For a detailed overview, check the {@glink features/images/image-upload/image-upload Image upload feature} documentation.\n *\n * Adds the `'uploadImage'` button to the {@link module:ui/componentfactory~ComponentFactory UI component factory}\n * and also the `imageUpload` button as an alias for backward compatibility.\n *\n * Adds the `'menuBar:uploadImage'` menu button to the {@link module:ui/componentfactory~ComponentFactory UI component factory}.\n *\n * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component, which are the default components\n * through which image upload is available.\n */ class ImageUploadUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageUploadUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Setup `uploadImage` button and add `imageUpload` button as an alias for backward compatibility.\n        editor.ui.componentFactory.add('uploadImage', ()=>this._createToolbarButton());\n        editor.ui.componentFactory.add('imageUpload', ()=>this._createToolbarButton());\n        editor.ui.componentFactory.add('menuBar:uploadImage', ()=>this._createMenuBarButton('standalone'));\n        if (editor.plugins.has('ImageInsertUI')) {\n            editor.plugins.get('ImageInsertUI').registerIntegration({\n                name: 'upload',\n                observable: ()=>editor.commands.get('uploadImage'),\n                buttonViewCreator: ()=>this._createToolbarButton(),\n                formViewCreator: ()=>this._createDropdownButton(),\n                menuBarButtonViewCreator: (isOnly)=>this._createMenuBarButton(isOnly ? 'insertOnly' : 'insertNested')\n            });\n        }\n    }\n    /**\n\t * Creates the base for various kinds of the button component provided by this feature.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = editor.commands.get('uploadImage');\n        const imageTypes = editor.config.get('image.upload.types');\n        const imageTypesRegExp = createImageTypeRegExp(imageTypes);\n        const view = new ButtonClass(editor.locale);\n        const t = locale.t;\n        view.set({\n            acceptedType: imageTypes.map((type)=>`image/${type}`).join(','),\n            allowMultipleFiles: true,\n            label: t('Upload from computer'),\n            icon: IconImageUpload\n        });\n        view.bind('isEnabled').to(command);\n        view.on('done', (evt, files)=>{\n            const imagesToUpload = Array.from(files).filter((file)=>imageTypesRegExp.test(file.type));\n            if (imagesToUpload.length) {\n                editor.execute('uploadImage', {\n                    file: imagesToUpload\n                });\n                editor.editing.view.focus();\n            }\n        });\n        return view;\n    }\n    /**\n\t * Creates a simple toolbar button, with an icon and a tooltip.\n\t */ _createToolbarButton() {\n        const t = this.editor.locale.t;\n        const imageInsertUI = this.editor.plugins.get('ImageInsertUI');\n        const uploadImageCommand = this.editor.commands.get('uploadImage');\n        const button = this._createButton(FileDialogButtonView);\n        button.tooltip = true;\n        button.bind('label').to(imageInsertUI, 'isImageSelected', uploadImageCommand, 'isAccessAllowed', (isImageSelected, isAccessAllowed)=>{\n            if (!isAccessAllowed) {\n                return t('You have no image upload permissions.');\n            }\n            return isImageSelected ? t('Replace image from computer') : t('Upload image from computer');\n        });\n        return button;\n    }\n    /**\n\t * Creates a button for the dropdown view, with an icon, text and no tooltip.\n\t */ _createDropdownButton() {\n        const t = this.editor.locale.t;\n        const imageInsertUI = this.editor.plugins.get('ImageInsertUI');\n        const button = this._createButton(FileDialogButtonView);\n        button.withText = true;\n        button.bind('label').to(imageInsertUI, 'isImageSelected', (isImageSelected)=>isImageSelected ? t('Replace from computer') : t('Upload from computer'));\n        button.on('execute', ()=>{\n            imageInsertUI.dropdownView.isOpen = false;\n        });\n        return button;\n    }\n    /**\n\t * Creates a button for the menu bar.\n\t */ _createMenuBarButton(type) {\n        const t = this.editor.locale.t;\n        const button = this._createButton(MenuBarMenuListItemFileDialogButtonView);\n        button.withText = true;\n        switch(type){\n            case 'standalone':\n                button.label = t('Image from computer');\n                break;\n            case 'insertOnly':\n                button.label = t('Image');\n                break;\n            case 'insertNested':\n                button.label = t('From computer');\n                break;\n        }\n        return button;\n    }\n}\n\n/**\n * The image upload progress plugin.\n * It shows a placeholder when the image is read from the disk and a progress bar while the image is uploading.\n */ class ImageUploadProgress extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageUploadProgress';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * The image placeholder that is displayed before real image data can be accessed.\n\t *\n\t * For the record, this image is a 1x1 px GIF with an aspect ratio set by CSS.\n\t */ placeholder;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this.placeholder = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Upload status change - update image's view according to that status.\n        if (editor.plugins.has('ImageBlockEditing')) {\n            editor.editing.downcastDispatcher.on('attribute:uploadStatus:imageBlock', this.uploadStatusChange);\n        }\n        if (editor.plugins.has('ImageInlineEditing')) {\n            editor.editing.downcastDispatcher.on('attribute:uploadStatus:imageInline', this.uploadStatusChange);\n        }\n    }\n    /**\n\t * This method is called each time the image `uploadStatus` attribute is changed.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param data Additional information about the change.\n\t */ uploadStatusChange = (evt, data, conversionApi)=>{\n        const editor = this.editor;\n        const modelImage = data.item;\n        const uploadId = modelImage.getAttribute('uploadId');\n        if (!conversionApi.consumable.consume(data.item, evt.name)) {\n            return;\n        }\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const fileRepository = editor.plugins.get(FileRepository);\n        const status = uploadId ? data.attributeNewValue : null;\n        const placeholder = this.placeholder;\n        const viewFigure = editor.editing.mapper.toViewElement(modelImage);\n        const viewWriter = conversionApi.writer;\n        if (status == 'reading') {\n            // Start \"appearing\" effect and show placeholder with infinite progress bar on the top\n            // while image is read from disk.\n            _startAppearEffect(viewFigure, viewWriter);\n            _showPlaceholder(imageUtils, placeholder, viewFigure, viewWriter);\n            return;\n        }\n        // Show progress bar on the top of the image when image is uploading.\n        if (status == 'uploading') {\n            const loader = fileRepository.loaders.get(uploadId);\n            // Start appear effect if needed - see https://github.com/ckeditor/ckeditor5-image/issues/191.\n            _startAppearEffect(viewFigure, viewWriter);\n            if (!loader) {\n                // There is no loader associated with uploadId - this means that image came from external changes.\n                // In such cases we still want to show the placeholder until image is fully uploaded.\n                // Show placeholder if needed - see https://github.com/ckeditor/ckeditor5-image/issues/191.\n                _showPlaceholder(imageUtils, placeholder, viewFigure, viewWriter);\n            } else {\n                // Hide placeholder and initialize progress bar showing upload progress.\n                _hidePlaceholder(viewFigure, viewWriter);\n                _showProgressBar(viewFigure, viewWriter, loader, editor.editing.view);\n                _displayLocalImage(imageUtils, viewFigure, viewWriter, loader);\n            }\n            return;\n        }\n        if (status == 'complete' && fileRepository.loaders.get(uploadId)) {\n            _showCompleteIcon(viewFigure, viewWriter, editor.editing.view);\n        }\n        // Clean up.\n        _hideProgressBar(viewFigure, viewWriter);\n        _hidePlaceholder(viewFigure, viewWriter);\n        _stopAppearEffect(viewFigure, viewWriter);\n    };\n}\n/**\n * Adds ck-appear class to the image figure if one is not already applied.\n */ function _startAppearEffect(viewFigure, writer) {\n    if (!viewFigure.hasClass('ck-appear')) {\n        writer.addClass('ck-appear', viewFigure);\n    }\n}\n/**\n * Removes ck-appear class to the image figure if one is not already removed.\n */ function _stopAppearEffect(viewFigure, writer) {\n    writer.removeClass('ck-appear', viewFigure);\n}\n/**\n * Shows placeholder together with infinite progress bar on given image figure.\n */ function _showPlaceholder(imageUtils, placeholder, viewFigure, writer) {\n    if (!viewFigure.hasClass('ck-image-upload-placeholder')) {\n        writer.addClass('ck-image-upload-placeholder', viewFigure);\n    }\n    const viewImg = imageUtils.findViewImgElement(viewFigure);\n    if (viewImg.getAttribute('src') !== placeholder) {\n        writer.setAttribute('src', placeholder, viewImg);\n    }\n    if (!_getUIElement(viewFigure, 'placeholder')) {\n        writer.insert(writer.createPositionAfter(viewImg), _createPlaceholder(writer));\n    }\n}\n/**\n * Removes placeholder together with infinite progress bar on given image figure.\n */ function _hidePlaceholder(viewFigure, writer) {\n    if (viewFigure.hasClass('ck-image-upload-placeholder')) {\n        writer.removeClass('ck-image-upload-placeholder', viewFigure);\n    }\n    _removeUIElement(viewFigure, writer, 'placeholder');\n}\n/**\n * Shows progress bar displaying upload progress.\n * Attaches it to the file loader to update when upload percentace is changed.\n */ function _showProgressBar(viewFigure, writer, loader, view) {\n    const progressBar = _createProgressBar(writer);\n    writer.insert(writer.createPositionAt(viewFigure, 'end'), progressBar);\n    // Update progress bar width when uploadedPercent is changed.\n    loader.on('change:uploadedPercent', (evt, name, value)=>{\n        view.change((writer)=>{\n            writer.setStyle('width', value + '%', progressBar);\n        });\n    });\n}\n/**\n * Hides upload progress bar.\n */ function _hideProgressBar(viewFigure, writer) {\n    _removeUIElement(viewFigure, writer, 'progressBar');\n}\n/**\n * Shows complete icon and hides after a certain amount of time.\n */ function _showCompleteIcon(viewFigure, writer, view) {\n    const completeIcon = writer.createUIElement('div', {\n        class: 'ck-image-upload-complete-icon'\n    });\n    writer.insert(writer.createPositionAt(viewFigure, 'end'), completeIcon);\n    setTimeout(()=>{\n        view.change((writer)=>writer.remove(writer.createRangeOn(completeIcon)));\n    }, 3000);\n}\n/**\n * Create progress bar element using {@link module:engine/view/uielement~ViewUIElement}.\n */ function _createProgressBar(writer) {\n    const progressBar = writer.createUIElement('div', {\n        class: 'ck-progress-bar'\n    });\n    writer.setCustomProperty('progressBar', true, progressBar);\n    return progressBar;\n}\n/**\n * Create placeholder element using {@link module:engine/view/uielement~ViewUIElement}.\n */ function _createPlaceholder(writer) {\n    const placeholder = writer.createUIElement('div', {\n        class: 'ck-upload-placeholder-loader'\n    });\n    writer.setCustomProperty('placeholder', true, placeholder);\n    return placeholder;\n}\n/**\n * Returns {@link module:engine/view/uielement~ViewUIElement} of given unique property from image figure element.\n * Returns `undefined` if element is not found.\n */ function _getUIElement(imageFigure, uniqueProperty) {\n    for (const child of imageFigure.getChildren()){\n        if (child.getCustomProperty(uniqueProperty)) {\n            return child;\n        }\n    }\n}\n/**\n * Removes {@link module:engine/view/uielement~ViewUIElement} of given unique property from image figure element.\n */ function _removeUIElement(viewFigure, writer, uniqueProperty) {\n    const element = _getUIElement(viewFigure, uniqueProperty);\n    if (element) {\n        writer.remove(writer.createRangeOn(element));\n    }\n}\n/**\n * Displays local data from file loader.\n */ function _displayLocalImage(imageUtils, viewFigure, writer, loader) {\n    if (loader.data) {\n        const viewImg = imageUtils.findViewImgElement(viewFigure);\n        writer.setAttribute('src', loader.data, viewImg);\n    }\n}\n\n/**\n * @module image/imageupload/uploadimagecommand\n */ /**\n * The upload image command.\n *\n * The command is registered by the {@link module:image/imageupload/imageuploadediting~ImageUploadEditing} plugin as `uploadImage`\n * and it is also available via aliased `imageUpload` name.\n *\n * In order to upload an image at the current selection position\n * (according to the {@link module:widget/utils~findOptimalInsertionRange} algorithm),\n * execute the command and pass the native image file instance:\n *\n * ```ts\n * this.listenTo( editor.editing.view.document, 'clipboardInput', ( evt, data ) => {\n * \t// Assuming that only images were pasted:\n * \tconst images = Array.from( data.dataTransfer.files );\n *\n * \t// Upload the first image:\n * \teditor.execute( 'uploadImage', { file: images[ 0 ] } );\n * } );\n * ```\n *\n * It is also possible to insert multiple images at once:\n *\n * ```ts\n * editor.execute( 'uploadImage', {\n * \tfile: [\n * \t\tfile1,\n * \t\tfile2\n * \t]\n * } );\n * ```\n */ class UploadImageCommand extends Command {\n    /**\n\t * Creates an instance of the `imageUlpoad` command. When executed, the command upload one of\n\t * the currently selected image from computer.\n\t *\n\t * @param editor The editor instance.\n\t */ constructor(editor){\n        super(editor);\n        this.set('isAccessAllowed', true);\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const selectedElement = editor.model.document.selection.getSelectedElement();\n        // TODO: This needs refactoring.\n        this.isEnabled = imageUtils.isImageAllowed() || imageUtils.isImage(selectedElement);\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Options for the executed command.\n\t * @param options.file The image file or an array of image files to upload.\n\t */ execute(options) {\n        const files = toArray(options.file);\n        const selection = this.editor.model.document.selection;\n        const imageUtils = this.editor.plugins.get('ImageUtils');\n        // In case of multiple files, each file (starting from the 2nd) will be inserted at a position that\n        // follows the previous one. That will move the selection and, to stay on the safe side and make sure\n        // all images inherit the same selection attributes, they are collected beforehand.\n        //\n        // Applying these attributes ensures, for instance, that inserting an (inline) image into a link does\n        // not split that link but preserves its continuity.\n        //\n        // Note: Selection attributes that do not make sense for images will be filtered out by insertImage() anyway.\n        const selectionAttributes = Object.fromEntries(selection.getAttributes());\n        files.forEach((file, index)=>{\n            const selectedElement = selection.getSelectedElement();\n            // Inserting of an inline image replace the selected element and make a selection on the inserted image.\n            // Therefore inserting multiple inline images requires creating position after each element.\n            if (index && selectedElement && imageUtils.isImage(selectedElement)) {\n                const position = this.editor.model.createPositionAfter(selectedElement);\n                this._uploadImage(file, selectionAttributes, position);\n            } else {\n                this._uploadImage(file, selectionAttributes);\n            }\n        });\n    }\n    /**\n\t * Handles uploading single file.\n\t */ _uploadImage(file, attributes, position) {\n        const editor = this.editor;\n        const fileRepository = editor.plugins.get(FileRepository);\n        const loader = fileRepository.createLoader(file);\n        const imageUtils = editor.plugins.get('ImageUtils');\n        // Do not throw when upload adapter is not set. FileRepository will log an error anyway.\n        if (!loader) {\n            return;\n        }\n        imageUtils.insertImage({\n            ...attributes,\n            uploadId: loader.id\n        }, position);\n    }\n}\n\n/**\n * The editing part of the image upload feature. It registers the `'uploadImage'` command\n * and the `imageUpload` command as an aliased name.\n *\n * When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event\n * that allows adding custom attributes to the {@link module:engine/model/element~ModelElement image element}.\n */ class ImageUploadEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            FileRepository,\n            Notification,\n            ClipboardPipeline,\n            ImageUtils\n        ];\n    }\n    static get pluginName() {\n        return 'ImageUploadEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * An internal mapping of {@link module:upload/filerepository~FileLoader#id file loader UIDs} and\n\t * model elements during the upload.\n\t *\n\t * Model element of the uploaded image can change, for instance, when {@link module:image/image/imagetypecommand~ImageTypeCommand}\n\t * is executed as a result of adding caption or changing image style. As a result, the upload logic must keep track of the model\n\t * element (reference) and resolve the upload for the correct model element (instead of the one that landed in the `$graveyard`\n\t * after image type changed).\n\t */ _uploadImageElements;\n    /**\n\t * An internal mapping of {@link module:upload/filerepository~FileLoader#id file loader UIDs} and\n\t * upload responses for handling images dragged during their upload process. When such images are later\n\t * dropped, their original upload IDs no longer exist in the registry (as the original upload completed).\n\t * This map preserves the upload responses to properly handle such cases.\n\t */ _uploadedImages = new Map();\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('image', {\n            upload: {\n                types: [\n                    'jpeg',\n                    'png',\n                    'gif',\n                    'bmp',\n                    'webp',\n                    'tiff'\n                ]\n            }\n        });\n        this._uploadImageElements = new Map();\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const doc = editor.model.document;\n        const conversion = editor.conversion;\n        const fileRepository = editor.plugins.get(FileRepository);\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const clipboardPipeline = editor.plugins.get('ClipboardPipeline');\n        const imageTypes = createImageTypeRegExp(editor.config.get('image.upload.types'));\n        const uploadImageCommand = new UploadImageCommand(editor);\n        // Register `uploadImage` command and add `imageUpload` command as an alias for backward compatibility.\n        editor.commands.add('uploadImage', uploadImageCommand);\n        editor.commands.add('imageUpload', uploadImageCommand);\n        // Register upcast converter for uploadId.\n        conversion.for('upcast').attributeToAttribute({\n            view: {\n                name: 'img',\n                key: 'uploadId'\n            },\n            model: 'uploadId'\n        })// Handle the case when the image is not fully uploaded yet but it's being moved.\n        // See more: https://github.com/ckeditor/ckeditor5/pull/17327\n        .add((dispatcher)=>dispatcher.on('element:img', (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.test(data.viewItem, {\n                    attributes: [\n                        'data-ck-upload-id'\n                    ]\n                })) {\n                    return;\n                }\n                const uploadId = data.viewItem.getAttribute('data-ck-upload-id');\n                if (!uploadId) {\n                    return;\n                }\n                const [modelElement] = Array.from(data.modelRange.getItems({\n                    shallow: true\n                }));\n                const loader = fileRepository.loaders.get(uploadId);\n                if (modelElement) {\n                    // Handle case when `uploadId` is set on the image element but the loader is not present in the registry.\n                    // It may happen when the image was successfully uploaded and the loader was removed from the registry.\n                    // It's still present in the `_uploadedImages` map though. It's why we do not place this line in the condition below.\n                    conversionApi.writer.setAttribute('uploadId', uploadId, modelElement);\n                    conversionApi.consumable.consume(data.viewItem, {\n                        attributes: [\n                            'data-ck-upload-id'\n                        ]\n                    });\n                    if (loader && loader.data) {\n                        conversionApi.writer.setAttribute('uploadStatus', loader.status, modelElement);\n                    }\n                }\n            }, {\n                priority: 'low'\n            }));\n        // Handle pasted images.\n        // For every image file, a new file loader is created and a placeholder image is\n        // inserted into the content. Then, those images are uploaded once they appear in the model\n        // (see Document#change listener below).\n        this.listenTo(editor.editing.view.document, 'clipboardInput', (evt, data)=>{\n            // Skip if non empty HTML data is included.\n            // https://github.com/ckeditor/ckeditor5-upload/issues/68\n            if (isHtmlInDataTransfer(data.dataTransfer)) {\n                return;\n            }\n            const images = Array.from(data.dataTransfer.files).filter((file)=>{\n                // See https://github.com/ckeditor/ckeditor5-image/pull/254.\n                if (!file) {\n                    return false;\n                }\n                return imageTypes.test(file.type);\n            });\n            if (!images.length) {\n                return;\n            }\n            evt.stop();\n            editor.model.change((writer)=>{\n                // Set selection to paste target.\n                if (data.targetRanges) {\n                    writer.setSelection(data.targetRanges.map((viewRange)=>editor.editing.mapper.toModelRange(viewRange)));\n                }\n                editor.execute('uploadImage', {\n                    file: images\n                });\n            });\n            const uploadImageCommand = editor.commands.get('uploadImage');\n            if (!uploadImageCommand.isAccessAllowed) {\n                const notification = editor.plugins.get('Notification');\n                const t = editor.locale.t;\n                notification.showWarning(t('You have no image upload permissions.'), {\n                    namespace: 'image'\n                });\n            }\n        });\n        // Handle HTML pasted with images with base64 or blob sources.\n        // For every image file, a new file loader is created and a placeholder image is\n        // inserted into the content. Then, those images are uploaded once they appear in the model\n        // (see Document#change listener below).\n        this.listenTo(clipboardPipeline, 'inputTransformation', (evt, data)=>{\n            const fetchableImages = Array.from(editor.editing.view.createRangeIn(data.content)).map((value)=>value.item).filter((viewElement)=>isLocalImage(imageUtils, viewElement) && !viewElement.getAttribute('uploadProcessed')).map((viewElement)=>{\n                return {\n                    promise: fetchLocalImage(viewElement),\n                    imageElement: viewElement\n                };\n            });\n            if (!fetchableImages.length) {\n                return;\n            }\n            const writer = new ViewUpcastWriter(editor.editing.view.document);\n            for (const fetchableImage of fetchableImages){\n                // Set attribute marking that the image was processed already.\n                writer.setAttribute('uploadProcessed', true, fetchableImage.imageElement);\n                const loader = fileRepository.createLoader(fetchableImage.promise);\n                if (loader) {\n                    writer.setAttribute('src', '', fetchableImage.imageElement);\n                    writer.setAttribute('uploadId', loader.id, fetchableImage.imageElement);\n                }\n            }\n        });\n        // Prevents from the browser redirecting to the dropped image.\n        editor.editing.view.document.on('dragover', (evt, data)=>{\n            data.preventDefault();\n        });\n        // Upload placeholder images that appeared in the model.\n        doc.on('change', ()=>{\n            // Note: Reversing changes to start with insertions and only then handle removals. If it was the other way around,\n            // loaders for **all** images that land in the $graveyard would abort while in fact only those that were **not** replaced\n            // by other images should be aborted.\n            const changes = doc.differ.getChanges({\n                includeChangesInGraveyard: true\n            }).reverse();\n            const insertedImagesIds = new Set();\n            for (const entry of changes){\n                if (entry.type == 'insert' && entry.name != '$text') {\n                    const item = entry.position.nodeAfter;\n                    const isInsertedInGraveyard = entry.position.root.rootName == '$graveyard';\n                    for (const imageElement of getImagesFromChangeItem(editor, item)){\n                        // Check if the image element still has upload id.\n                        const uploadId = imageElement.getAttribute('uploadId');\n                        const uploadStatus = imageElement.getAttribute('uploadStatus');\n                        // Check if status is complete to ensure that there were no additional reconversions\n                        // in the same batch that set the status to 'complete'. It may happen when list item\n                        // performed refresh of its children (including images) because `uploadStatus` attribute\n                        // has been changed.\n                        if (!uploadId || uploadStatus == 'complete') {\n                            continue;\n                        }\n                        // Check if the image is loaded on this client.\n                        const loader = fileRepository.loaders.get(uploadId);\n                        if (!loader) {\n                            // If the loader does not exist, it means that the image was already uploaded\n                            // and the loader promise was removed from the registry. In that scenario we need\n                            // to restore response object from the internal map.\n                            if (!isInsertedInGraveyard && this._uploadedImages.has(uploadId)) {\n                                // Fire `uploadComplete` to set proper attributes on the image element.\n                                editor.model.enqueueChange({\n                                    isUndoable: false\n                                }, (writer)=>{\n                                    writer.setAttribute('uploadStatus', 'complete', imageElement);\n                                    this.fire('uploadComplete', {\n                                        data: this._uploadedImages.get(uploadId),\n                                        imageElement: imageElement\n                                    });\n                                });\n                            // While it makes sense to remove the image from the `_uploadedImages` map here,\n                            // it's counterintuitive for the user that pastes image in uploading several times.\n                            // It'll work the first time, but the next time the image will be empty because the\n                            // `_uploadedImages` no longer contain the response.\n                            }\n                            continue;\n                        }\n                        if (isInsertedInGraveyard) {\n                            // If the image was inserted to the graveyard for good (**not** replaced by another image),\n                            // only then abort the loading process.\n                            if (!insertedImagesIds.has(uploadId)) {\n                                // ... but abort it only if all remain images that share the same loader are in the graveyard too.\n                                // This is to prevent situation when we have two images in uploading state and one of them is being\n                                // placed in the graveyard (e.g. using undo). The other one should not be aborted.\n                                const allImagesThatShareUploaderInGraveyard = Array.from(this._uploadImageElements.get(uploadId)).every((element)=>element.root.rootName == '$graveyard');\n                                if (allImagesThatShareUploaderInGraveyard) {\n                                    loader.abort();\n                                }\n                            }\n                        } else {\n                            // Remember the upload id of the inserted image. If it acted as a replacement for another\n                            // image (which landed in the $graveyard), the related loader will not be aborted because\n                            // this is still the same image upload.\n                            insertedImagesIds.add(uploadId);\n                            // Keep the mapping between the upload ID and the image model element so the upload\n                            // can later resolve in the context of the correct model element. The model element could\n                            // change for the same upload if one image was replaced by another (e.g. image type was changed),\n                            // so this may also replace an existing mapping.\n                            if (!this._uploadImageElements.has(uploadId)) {\n                                this._uploadImageElements.set(uploadId, new Set([\n                                    imageElement\n                                ]));\n                            } else {\n                                this._uploadImageElements.get(uploadId).add(imageElement);\n                            }\n                            if (loader.status == 'idle') {\n                                // If the image was inserted into content and has not been loaded yet, start loading it.\n                                this._readAndUpload(loader);\n                            }\n                        }\n                    }\n                }\n            }\n        });\n        // Set the default handler for feeding the image element with `src` and `srcset` attributes.\n        // Also set the natural `width` and `height` attributes (if not already set).\n        this.on('uploadComplete', (evt, { imageElement, data })=>{\n            const urls = data.urls ? data.urls : data;\n            this.editor.model.change((writer)=>{\n                writer.setAttribute('src', urls.default, imageElement);\n                this._parseAndSetSrcsetAttributeOnImage(urls, imageElement, writer);\n                imageUtils.setImageNaturalSizeAttributes(imageElement);\n            });\n        }, {\n            priority: 'low'\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const schema = this.editor.model.schema;\n        // Setup schema to allow uploadId and uploadStatus for images.\n        // Wait for ImageBlockEditing or ImageInlineEditing to register their elements first,\n        // that's why doing this in afterInit() instead of init().\n        if (this.editor.plugins.has('ImageBlockEditing')) {\n            schema.extend('imageBlock', {\n                allowAttributes: [\n                    'uploadId',\n                    'uploadStatus'\n                ]\n            });\n            this._registerConverters('imageBlock');\n        }\n        if (this.editor.plugins.has('ImageInlineEditing')) {\n            schema.extend('imageInline', {\n                allowAttributes: [\n                    'uploadId',\n                    'uploadStatus'\n                ]\n            });\n            this._registerConverters('imageInline');\n        }\n    }\n    /**\n\t * Reads and uploads an image.\n\t *\n\t * The image is read from the disk and as a Base64-encoded string it is set temporarily to\n\t * `image[src]`. When the image is successfully uploaded, the temporary data is replaced with the target\n\t * image's URL (the URL to the uploaded image on the server).\n\t */ _readAndUpload(loader) {\n        const editor = this.editor;\n        const model = editor.model;\n        const t = editor.locale.t;\n        const fileRepository = editor.plugins.get(FileRepository);\n        const notification = editor.plugins.get(Notification);\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const imageUploadElements = this._uploadImageElements;\n        model.enqueueChange({\n            isUndoable: false\n        }, (writer)=>{\n            const elements = imageUploadElements.get(loader.id);\n            for (const element of elements){\n                writer.setAttribute('uploadStatus', 'reading', element);\n            }\n        });\n        return loader.read().then(()=>{\n            const promise = loader.upload();\n            if (editor.ui) {\n                editor.ui.ariaLiveAnnouncer.announce(t('Uploading image'));\n            }\n            for (const imageElement of imageUploadElements.get(loader.id)){\n                // Force re–paint in Safari. Without it, the image will display with a wrong size.\n                // https://github.com/ckeditor/ckeditor5/issues/1975\n                /* istanbul ignore next -- @preserve */ if (env.isSafari) {\n                    const viewFigure = editor.editing.mapper.toViewElement(imageElement);\n                    const viewImg = imageUtils.findViewImgElement(viewFigure);\n                    editor.editing.view.once('render', ()=>{\n                        // Early returns just to be safe. There might be some code ran\n                        // in between the outer scope and this callback.\n                        if (!viewImg.parent) {\n                            return;\n                        }\n                        const domFigure = editor.editing.view.domConverter.mapViewToDom(viewImg.parent);\n                        if (!domFigure) {\n                            return;\n                        }\n                        const originalDisplay = domFigure.style.display;\n                        domFigure.style.display = 'none';\n                        // Make sure this line will never be removed during minification for having \"no effect\".\n                        domFigure._ckHack = domFigure.offsetHeight;\n                        domFigure.style.display = originalDisplay;\n                    });\n                }\n                model.enqueueChange({\n                    isUndoable: false\n                }, (writer)=>{\n                    writer.setAttribute('uploadStatus', 'uploading', imageElement);\n                });\n            }\n            return promise;\n        }).then((data)=>{\n            model.enqueueChange({\n                isUndoable: false\n            }, (writer)=>{\n                for (const imageElement of imageUploadElements.get(loader.id)){\n                    writer.setAttribute('uploadStatus', 'complete', imageElement);\n                    this.fire('uploadComplete', {\n                        data,\n                        imageElement\n                    });\n                }\n                if (editor.ui) {\n                    editor.ui.ariaLiveAnnouncer.announce(t('Image upload complete'));\n                }\n                this._uploadedImages.set(loader.id, data);\n            });\n            clean();\n        }).catch((error)=>{\n            if (editor.ui) {\n                editor.ui.ariaLiveAnnouncer.announce(t('Error during image upload'));\n            }\n            // If status is not 'error' nor 'aborted' - throw error because it means that something else went wrong,\n            // it might be generic error and it would be real pain to find what is going on.\n            if (loader.status !== 'error' && loader.status !== 'aborted') {\n                throw error;\n            }\n            // Might be 'aborted'.\n            if (loader.status == 'error' && error) {\n                notification.showWarning(error, {\n                    title: t('Upload failed'),\n                    namespace: 'upload'\n                });\n            }\n            // Permanently remove image from insertion batch.\n            model.enqueueChange({\n                isUndoable: false\n            }, (writer)=>{\n                for (const imageElement of imageUploadElements.get(loader.id)){\n                    // Handle situation when the image has been removed and then `abort` exception was thrown.\n                    // See: https://github.com/ckeditor/ckeditor5-commercial/issues/6817\n                    if (imageElement.root.rootName !== '$graveyard') {\n                        writer.remove(imageElement);\n                    }\n                }\n            });\n            clean();\n        });\n        function clean() {\n            model.enqueueChange({\n                isUndoable: false\n            }, (writer)=>{\n                for (const imageElement of imageUploadElements.get(loader.id)){\n                    writer.removeAttribute('uploadId', imageElement);\n                    writer.removeAttribute('uploadStatus', imageElement);\n                }\n                imageUploadElements.delete(loader.id);\n            });\n            fileRepository.destroyLoader(loader);\n        }\n    }\n    /**\n\t * Creates the `srcset` attribute based on a given file upload response and sets it as an attribute to a specific image element.\n\t *\n\t * @param data Data object from which `srcset` will be created.\n\t * @param image The image element on which the `srcset` attribute will be set.\n\t */ _parseAndSetSrcsetAttributeOnImage(data, image, writer) {\n        // Srcset attribute for responsive images support.\n        let maxWidth = 0;\n        const srcsetAttribute = Object.keys(data)// Filter out keys that are not integers.\n        .filter((key)=>{\n            const width = parseInt(key, 10);\n            if (!isNaN(width)) {\n                maxWidth = Math.max(maxWidth, width);\n                return true;\n            }\n        })// Convert each key to srcset entry.\n        .map((key)=>`${data[key]} ${key}w`)// Join all entries.\n        .join(', ');\n        if (srcsetAttribute != '') {\n            const attributes = {\n                srcset: srcsetAttribute\n            };\n            if (!image.hasAttribute('width') && !image.hasAttribute('height')) {\n                attributes.width = maxWidth;\n            }\n            writer.setAttributes(attributes, image);\n        }\n    }\n    /**\n\t * Registers image upload converters.\n\t *\n\t * @param imageType The type of the image.\n\t */ _registerConverters(imageType) {\n        const { conversion, plugins } = this.editor;\n        const fileRepository = plugins.get(FileRepository);\n        const imageUtils = plugins.get(ImageUtils);\n        // It sets `data-ck-upload-id` attribute on the view image elements that are not fully uploaded.\n        // It avoids the situation when image disappears when it's being moved and upload is not finished yet.\n        // See more: https://github.com/ckeditor/ckeditor5/issues/16967\n        conversion.for('dataDowncast').add((dispatcher)=>{\n            dispatcher.on(`attribute:uploadId:${imageType}`, (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.test(data.item, evt.name)) {\n                    return;\n                }\n                const loader = fileRepository.loaders.get(data.attributeNewValue);\n                if (!loader || !loader.data) {\n                    return null;\n                }\n                const viewElement = conversionApi.mapper.toViewElement(data.item);\n                const img = imageUtils.findViewImgElement(viewElement);\n                if (img) {\n                    conversionApi.consumable.consume(data.item, evt.name);\n                    conversionApi.writer.setAttribute('data-ck-upload-id', loader.id, img);\n                }\n            });\n        });\n    }\n}\n/**\n * TODO move this to the clipboard package.\n *\n * Returns `true` if non-empty `text/html` is included in the data transfer.\n */ function isHtmlInDataTransfer(dataTransfer) {\n    return Array.from(dataTransfer.types).includes('text/html') && dataTransfer.getData('text/html') !== '';\n}\nfunction getImagesFromChangeItem(editor, item) {\n    const imageUtils = editor.plugins.get('ImageUtils');\n    return Array.from(editor.model.createRangeOn(item)).filter((value)=>imageUtils.isImage(value.item)).map((value)=>value.item);\n}\n\n/**\n * The image upload plugin.\n *\n * For a detailed overview, check the {@glink features/images/image-upload/image-upload image upload feature} documentation.\n *\n * This plugin does not do anything directly, but it loads a set of specific plugins to enable image uploading:\n *\n * * {@link module:image/imageupload/imageuploadediting~ImageUploadEditing},\n * * {@link module:image/imageupload/imageuploadui~ImageUploadUI},\n * * {@link module:image/imageupload/imageuploadprogress~ImageUploadProgress}.\n */ class ImageUpload extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageUpload';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUploadEditing,\n            ImageUploadUI,\n            ImageUploadProgress\n        ];\n    }\n}\n\n/**\n * The insert an image via URL view.\n *\n * See {@link module:image/imageinsert/imageinsertviaurlui~ImageInsertViaUrlUI}.\n *\n * @internal\n */ class ImageInsertUrlView extends View {\n    /**\n\t * The URL input field view.\n\t */ urlInputView;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * Creates a view for the dropdown panel of {@link module:image/imageinsert/imageinsertui~ImageInsertUI}.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        this.set('imageURLInputValue', '');\n        this.set('isImageSelected', false);\n        this.set('isEnabled', true);\n        this.keystrokes = new KeystrokeHandler();\n        this.urlInputView = this._createUrlInputView();\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-image-insert-url'\n                ],\n                tabindex: '-1'\n            },\n            children: [\n                this.urlInputView,\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-image-insert-url__action-row'\n                        ]\n                    }\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        submitHandler({\n            view: this\n        });\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Creates the {@link #urlInputView}.\n\t */ _createUrlInputView() {\n        const locale = this.locale;\n        const t = locale.t;\n        const urlInputView = new LabeledFieldView(locale, createLabeledInputText);\n        urlInputView.bind('label').to(this, 'isImageSelected', (value)=>value ? t('Update image URL') : t('Insert image via URL'));\n        urlInputView.bind('isEnabled').to(this);\n        urlInputView.fieldView.inputMode = 'url';\n        urlInputView.fieldView.placeholder = 'https://example.com/image.png';\n        urlInputView.fieldView.bind('value').to(this, 'imageURLInputValue', (value)=>value || '');\n        urlInputView.fieldView.on('input', ()=>{\n            this.imageURLInputValue = urlInputView.fieldView.element.value.trim();\n        });\n        return urlInputView;\n    }\n    /**\n\t * Focuses the view.\n\t */ focus() {\n        this.urlInputView.focus();\n    }\n}\n\n/**\n * The image insert via URL plugin (UI part).\n *\n * The plugin introduces two UI components to the {@link module:ui/componentfactory~ComponentFactory UI component factory}:\n *\n * * the `'insertImageViaUrl'` toolbar button,\n * * the `'menuBar:insertImageViaUrl'` menu bar component.\n *\n * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component, which are default components\n * through which inserting image via URL is available.\n */ class ImageInsertViaUrlUI extends Plugin {\n    _imageInsertUI;\n    _formView;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageInsertViaUrlUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageInsertUI,\n            Dialog\n        ];\n    }\n    init() {\n        this.editor.ui.componentFactory.add('insertImageViaUrl', ()=>this._createToolbarButton());\n        this.editor.ui.componentFactory.add('menuBar:insertImageViaUrl', ()=>this._createMenuBarButton('standalone'));\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        this._imageInsertUI = this.editor.plugins.get('ImageInsertUI');\n        this._imageInsertUI.registerIntegration({\n            name: 'url',\n            observable: ()=>this.editor.commands.get('insertImage'),\n            buttonViewCreator: ()=>this._createToolbarButton(),\n            formViewCreator: ()=>this._createDropdownButton(),\n            menuBarButtonViewCreator: (isOnly)=>this._createMenuBarButton(isOnly ? 'insertOnly' : 'insertNested')\n        });\n    }\n    /**\n\t * Creates the base for various kinds of the button component provided by this feature.\n\t */ _createInsertUrlButton(ButtonClass) {\n        const button = new ButtonClass(this.editor.locale);\n        button.icon = IconImageUrl;\n        button.on('execute', ()=>{\n            this._showModal();\n        });\n        return button;\n    }\n    /**\n\t * Creates a simple toolbar button, with an icon and a tooltip.\n\t */ _createToolbarButton() {\n        const t = this.editor.locale.t;\n        const button = this._createInsertUrlButton(ButtonView);\n        button.tooltip = true;\n        button.bind('label').to(this._imageInsertUI, 'isImageSelected', (isImageSelected)=>isImageSelected ? t('Update image URL') : t('Insert image via URL'));\n        return button;\n    }\n    /**\n\t * Creates a button for the dropdown view, with an icon, text and no tooltip.\n\t */ _createDropdownButton() {\n        const t = this.editor.locale.t;\n        const button = this._createInsertUrlButton(ButtonView);\n        button.withText = true;\n        button.bind('label').to(this._imageInsertUI, 'isImageSelected', (isImageSelected)=>isImageSelected ? t('Update image URL') : t('Insert via URL'));\n        return button;\n    }\n    /**\n\t * Creates a button for the menu bar.\n\t */ _createMenuBarButton(type) {\n        const t = this.editor.locale.t;\n        const button = this._createInsertUrlButton(MenuBarMenuListItemButtonView);\n        button.withText = true;\n        switch(type){\n            case 'standalone':\n                button.label = t('Image via URL');\n                break;\n            case 'insertOnly':\n                button.label = t('Image');\n                break;\n            case 'insertNested':\n                button.label = t('Via URL');\n                break;\n        }\n        return button;\n    }\n    /**\n\t * Creates the form view used to submit the image URL.\n\t */ _createInsertUrlView() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const replaceImageSourceCommand = editor.commands.get('replaceImageSource');\n        const insertImageCommand = editor.commands.get('insertImage');\n        const imageInsertUrlView = new ImageInsertUrlView(locale);\n        imageInsertUrlView.bind('isImageSelected').to(this._imageInsertUI);\n        imageInsertUrlView.bind('isEnabled').toMany([\n            insertImageCommand,\n            replaceImageSourceCommand\n        ], 'isEnabled', (...isEnabled)=>isEnabled.some((isCommandEnabled)=>isCommandEnabled));\n        return imageInsertUrlView;\n    }\n    /**\n\t * Shows the insert image via URL form view in a modal.\n\t */ _showModal() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const t = locale.t;\n        const dialog = editor.plugins.get('Dialog');\n        if (!this._formView) {\n            this._formView = this._createInsertUrlView();\n            this._formView.on('submit', ()=>this._handleSave());\n        }\n        const replaceImageSourceCommand = editor.commands.get('replaceImageSource');\n        this._formView.imageURLInputValue = replaceImageSourceCommand.value || '';\n        dialog.show({\n            id: 'insertImageViaUrl',\n            title: t('Image via URL'),\n            isModal: true,\n            content: this._formView,\n            actionButtons: [\n                {\n                    label: t('Cancel'),\n                    withText: true,\n                    onExecute: ()=>dialog.hide()\n                },\n                {\n                    label: this._imageInsertUI.isImageSelected ? t('Save') : t('Insert'),\n                    class: 'ck-button-action',\n                    withText: true,\n                    onExecute: ()=>this._handleSave()\n                }\n            ]\n        });\n    }\n    /**\n\t * Executes appropriate command depending on selection and form value.\n\t */ _handleSave() {\n        const replaceImageSourceCommand = this.editor.commands.get('replaceImageSource');\n        // If an image element is currently selected, we want to replace its source attribute (instead of inserting a new image).\n        // We detect if an image is selected by checking `replaceImageSource` command state.\n        if (replaceImageSourceCommand.isEnabled) {\n            this.editor.execute('replaceImageSource', {\n                source: this._formView.imageURLInputValue\n            });\n        } else {\n            this.editor.execute('insertImage', {\n                source: this._formView.imageURLInputValue\n            });\n        }\n        this.editor.plugins.get('Dialog').hide();\n    }\n}\n\n/**\n * The image insert via URL plugin.\n *\n * For a detailed overview, check the {@glink features/images/images-inserting\n * Insert images via source URL} documentation.\n *\n * This plugin does not do anything directly, but it loads a set of specific plugins\n * to enable image inserting via implemented integrations:\n *\n * * {@link module:image/imageinsert/imageinsertui~ImageInsertUI},\n */ class ImageInsertViaUrl extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageInsertViaUrl';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageInsertViaUrlUI,\n            ImageInsertUI\n        ];\n    }\n}\n\n/**\n * The image insert plugin.\n *\n * For a detailed overview, check the {@glink features/images/image-upload/image-upload Image upload feature}\n * and {@glink features/images/images-inserting Insert images via source URL} documentation.\n *\n * This plugin does not do anything directly, but it loads a set of specific plugins\n * to enable image uploading or inserting via implemented integrations:\n *\n * * {@link module:image/imageupload~ImageUpload}\n * * {@link module:image/imageinsert/imageinsertui~ImageInsertUI}\n */ class ImageInsert extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageInsert';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUpload,\n            ImageInsertViaUrl,\n            ImageInsertUI\n        ];\n    }\n}\n\n/**\n * The resize image command. Currently, it only supports the width attribute.\n */ class ResizeImageCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const element = imageUtils.getClosestSelectedImageElement(editor.model.document.selection);\n        this.isEnabled = !!element;\n        if (!element || !element.hasAttribute('resizedWidth')) {\n            this.value = null;\n        } else {\n            this.value = {\n                width: element.getAttribute('resizedWidth'),\n                height: null\n            };\n        }\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * ```ts\n\t * // Sets the width to 50%:\n\t * editor.execute( 'resizeImage', { width: '50%' } );\n\t *\n\t * // Removes the width attribute:\n\t * editor.execute( 'resizeImage', { width: null } );\n\t * ```\n\t *\n\t * @param options\n\t * @param options.width The new width of the image.\n\t * @fires execute\n\t */ execute(options) {\n        const editor = this.editor;\n        const model = editor.model;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const imageElement = imageUtils.getClosestSelectedImageElement(model.document.selection);\n        this.value = {\n            width: options.width,\n            height: null\n        };\n        if (imageElement) {\n            model.change((writer)=>{\n                writer.setAttribute('resizedWidth', options.width, imageElement);\n                writer.removeAttribute('resizedHeight', imageElement);\n                imageUtils.setImageNaturalSizeAttributes(imageElement);\n            });\n        }\n    }\n}\n\n/**\n * The image resize editing feature.\n *\n * It adds the ability to resize each image using handles or manually by\n * {@link module:image/imageresize/imageresizebuttons~ImageResizeButtons} buttons.\n */ class ImageResizeEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageResizeEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'IR';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('image', {\n            resizeUnit: '%',\n            resizeOptions: [\n                {\n                    name: 'resizeImage:original',\n                    value: null,\n                    icon: 'original'\n                },\n                {\n                    name: 'resizeImage:custom',\n                    value: 'custom',\n                    icon: 'custom'\n                },\n                {\n                    name: 'resizeImage:25',\n                    value: '25',\n                    icon: 'small'\n                },\n                {\n                    name: 'resizeImage:50',\n                    value: '50',\n                    icon: 'medium'\n                },\n                {\n                    name: 'resizeImage:75',\n                    value: '75',\n                    icon: 'large'\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const resizeImageCommand = new ResizeImageCommand(editor);\n        this._registerConverters('imageBlock');\n        this._registerConverters('imageInline');\n        // Register `resizeImage` command and add `imageResize` command as an alias for backward compatibility.\n        editor.commands.add('resizeImage', resizeImageCommand);\n        editor.commands.add('imageResize', resizeImageCommand);\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        this._registerSchema();\n    }\n    _registerSchema() {\n        const schema = this.editor.model.schema;\n        if (this.editor.plugins.has('ImageBlockEditing')) {\n            schema.extend('imageBlock', {\n                allowAttributes: [\n                    'resizedWidth',\n                    'resizedHeight'\n                ]\n            });\n            schema.setAttributeProperties('resizedWidth', {\n                isFormatting: true\n            });\n            schema.setAttributeProperties('resizedHeight', {\n                isFormatting: true\n            });\n        }\n        if (this.editor.plugins.has('ImageInlineEditing')) {\n            schema.extend('imageInline', {\n                allowAttributes: [\n                    'resizedWidth',\n                    'resizedHeight'\n                ]\n            });\n            schema.setAttributeProperties('resizedWidth', {\n                isFormatting: true\n            });\n            schema.setAttributeProperties('resizedHeight', {\n                isFormatting: true\n            });\n        }\n    }\n    /**\n\t * Registers image resize converters.\n\t *\n\t * @param imageType The type of the image.\n\t */ _registerConverters(imageType) {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        // Dedicated converter to propagate image's attribute to the img tag.\n        editor.conversion.for('downcast').add((dispatcher)=>dispatcher.on(`attribute:resizedWidth:${imageType}`, (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                    return;\n                }\n                const viewWriter = conversionApi.writer;\n                const viewImg = conversionApi.mapper.toViewElement(data.item);\n                if (data.attributeNewValue !== null) {\n                    viewWriter.setStyle('width', data.attributeNewValue, viewImg);\n                    viewWriter.addClass('image_resized', viewImg);\n                } else {\n                    viewWriter.removeStyle('width', viewImg);\n                    viewWriter.removeClass('image_resized', viewImg);\n                }\n            }));\n        editor.conversion.for('dataDowncast').attributeToAttribute({\n            model: {\n                name: imageType,\n                key: 'resizedHeight'\n            },\n            view: (modelAttributeValue)=>({\n                    key: 'style',\n                    value: {\n                        'height': modelAttributeValue\n                    }\n                })\n        });\n        editor.conversion.for('editingDowncast').add((dispatcher)=>dispatcher.on(`attribute:resizedHeight:${imageType}`, (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                    return;\n                }\n                const viewWriter = conversionApi.writer;\n                const viewImg = conversionApi.mapper.toViewElement(data.item);\n                const target = imageType === 'imageInline' ? imageUtils.findViewImgElement(viewImg) : viewImg;\n                if (data.attributeNewValue !== null) {\n                    viewWriter.setStyle('height', data.attributeNewValue, target);\n                } else {\n                    viewWriter.removeStyle('height', target);\n                }\n            }));\n        editor.conversion.for('upcast').attributeToAttribute({\n            view: {\n                name: imageType === 'imageBlock' ? 'figure' : 'img',\n                styles: {\n                    width: /.+/\n                }\n            },\n            model: {\n                key: 'resizedWidth',\n                value: (viewElement)=>{\n                    if (widthAndHeightStylesAreBothSet(viewElement)) {\n                        return null;\n                    }\n                    return viewElement.getStyle('width');\n                }\n            }\n        });\n        editor.conversion.for('upcast').attributeToAttribute({\n            view: {\n                name: imageType === 'imageBlock' ? 'figure' : 'img',\n                styles: {\n                    height: /.+/\n                }\n            },\n            model: {\n                key: 'resizedHeight',\n                value: (viewElement)=>{\n                    if (widthAndHeightStylesAreBothSet(viewElement)) {\n                        return null;\n                    }\n                    return viewElement.getStyle('height');\n                }\n            }\n        });\n        editor.conversion.for('upcast').add((dispatcher)=>{\n            dispatcher.on(`element:${imageType === 'imageBlock' ? 'figure' : 'img'}`, (evt, data, conversionApi)=>{\n                conversionApi.consumable.consume(data.viewItem, {\n                    classes: [\n                        'image_resized'\n                    ]\n                });\n            });\n        });\n    }\n}\n\nconst RESIZE_ICONS = /* #__PURE__ */ (()=>({\n        small: IconObjectSizeSmall,\n        medium: IconObjectSizeMedium,\n        large: IconObjectSizeLarge,\n        custom: IconObjectSizeCustom,\n        original: IconObjectSizeFull\n    }))();\n/**\n * The image resize buttons plugin.\n *\n * It adds a possibility to resize images using the toolbar dropdown or individual buttons, depending on the plugin configuration.\n */ class ImageResizeButtons extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageResizeEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageResizeButtons';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * The resize unit.\n\t * @default '%'\n\t */ _resizeUnit;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._resizeUnit = editor.config.get('image.resizeUnit');\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const options = editor.config.get('image.resizeOptions');\n        const command = editor.commands.get('resizeImage');\n        this.bind('isEnabled').to(command);\n        for (const option of options){\n            this._registerImageResizeButton(option);\n        }\n        this._registerImageResizeDropdown(options);\n    }\n    /**\n\t * A helper function that creates a standalone button component for the plugin.\n\t *\n\t * @param option A model of the resize option.\n\t */ _registerImageResizeButton(option) {\n        const editor = this.editor;\n        const { name, value, icon } = option;\n        editor.ui.componentFactory.add(name, (locale)=>{\n            const button = new ButtonView(locale);\n            const command = editor.commands.get('resizeImage');\n            const labelText = this._getOptionLabelValue(option, true);\n            if (!RESIZE_ICONS[icon]) {\n                /**\n\t\t\t\t * When configuring {@link module:image/imageconfig~ImageConfig#resizeOptions `config.image.resizeOptions`} for standalone\n\t\t\t\t * buttons, a valid `icon` token must be set for each option.\n\t\t\t\t *\n\t\t\t\t * See all valid options described in the\n\t\t\t\t * {@link module:image/imageconfig~ImageResizeOption plugin configuration}.\n\t\t\t\t *\n\t\t\t\t * @error imageresizebuttons-missing-icon\n\t\t\t\t * @param {module:image/imageconfig~ImageResizeOption} option Invalid image resize option.\n\t\t\t\t*/ throw new CKEditorError('imageresizebuttons-missing-icon', editor, option);\n            }\n            button.set({\n                // Use the `label` property for a verbose description (because of ARIA).\n                label: labelText,\n                icon: RESIZE_ICONS[icon],\n                tooltip: labelText,\n                isToggleable: true\n            });\n            // Bind button to the command.\n            button.bind('isEnabled').to(this);\n            if (editor.plugins.has('ImageCustomResizeUI') && isCustomImageResizeOption(option)) {\n                const customResizeUI = editor.plugins.get('ImageCustomResizeUI');\n                this.listenTo(button, 'execute', ()=>{\n                    customResizeUI._showForm(this._resizeUnit);\n                });\n            } else {\n                const optionValueWithUnit = value ? value + this._resizeUnit : null;\n                button.bind('isOn').to(command, 'value', command, 'isEnabled', getIsOnButtonCallback(optionValueWithUnit));\n                this.listenTo(button, 'execute', ()=>{\n                    editor.execute('resizeImage', {\n                        width: optionValueWithUnit\n                    });\n                });\n            }\n            return button;\n        });\n    }\n    /**\n\t * A helper function that creates a dropdown component for the plugin containing all the resize options defined in\n\t * the editor configuration.\n\t *\n\t * @param options An array of configured options.\n\t */ _registerImageResizeDropdown(options) {\n        const editor = this.editor;\n        const t = editor.t;\n        const originalSizeOption = options.find((option)=>!option.value);\n        const componentCreator = (locale)=>{\n            const command = editor.commands.get('resizeImage');\n            const dropdownView = createDropdown(locale, DropdownButtonView);\n            const dropdownButton = dropdownView.buttonView;\n            const accessibleLabel = t('Resize image');\n            dropdownButton.set({\n                tooltip: accessibleLabel,\n                commandValue: originalSizeOption.value,\n                icon: RESIZE_ICONS.medium,\n                isToggleable: true,\n                label: this._getOptionLabelValue(originalSizeOption),\n                withText: true,\n                class: 'ck-resize-image-button',\n                ariaLabel: accessibleLabel,\n                ariaLabelledBy: undefined\n            });\n            dropdownButton.bind('label').to(command, 'value', (commandValue)=>{\n                if (commandValue && commandValue.width) {\n                    return commandValue.width;\n                } else {\n                    return this._getOptionLabelValue(originalSizeOption);\n                }\n            });\n            dropdownView.bind('isEnabled').to(this);\n            addListToDropdown(dropdownView, ()=>this._getResizeDropdownListItemDefinitions(options, command), {\n                ariaLabel: t('Image resize list'),\n                role: 'menu'\n            });\n            // Execute command when an item from the dropdown is selected.\n            this.listenTo(dropdownView, 'execute', (evt)=>{\n                if ('onClick' in evt.source) {\n                    evt.source.onClick();\n                } else {\n                    editor.execute(evt.source.commandName, {\n                        width: evt.source.commandValue\n                    });\n                    editor.editing.view.focus();\n                }\n            });\n            return dropdownView;\n        };\n        // Register `resizeImage` dropdown and add `imageResize` dropdown as an alias for backward compatibility.\n        editor.ui.componentFactory.add('resizeImage', componentCreator);\n        editor.ui.componentFactory.add('imageResize', componentCreator);\n    }\n    /**\n\t * A helper function for creating an option label value string.\n\t *\n\t * @param option A resize option object.\n\t * @param forTooltip An optional flag for creating a tooltip label.\n\t * @returns A user-defined label combined from the numeric value and the resize unit or the default label\n\t * for reset options (`Original`).\n\t */ _getOptionLabelValue(option, forTooltip = false) {\n        const t = this.editor.t;\n        if (option.label) {\n            return option.label;\n        } else if (forTooltip) {\n            if (isCustomImageResizeOption(option)) {\n                return t('Custom image size');\n            } else if (option.value) {\n                return t('Resize image to %0', option.value + this._resizeUnit);\n            } else {\n                return t('Resize image to the original size');\n            }\n        } else {\n            if (isCustomImageResizeOption(option)) {\n                return t('Custom');\n            } else if (option.value) {\n                return option.value + this._resizeUnit;\n            } else {\n                return t('Original');\n            }\n        }\n    }\n    /**\n\t * A helper function that parses the resize options and returns list item definitions ready for use in the dropdown.\n\t *\n\t * @param options The resize options.\n\t * @param command The resize image command.\n\t * @returns Dropdown item definitions.\n\t */ _getResizeDropdownListItemDefinitions(options, command) {\n        const { editor } = this;\n        const itemDefinitions = new Collection();\n        const optionsWithSerializedValues = options.map((option)=>{\n            if (isCustomImageResizeOption(option)) {\n                return {\n                    ...option,\n                    valueWithUnits: 'custom'\n                };\n            }\n            if (!option.value) {\n                return {\n                    ...option,\n                    valueWithUnits: null\n                };\n            }\n            return {\n                ...option,\n                valueWithUnits: `${option.value}${this._resizeUnit}`\n            };\n        });\n        for (const option of optionsWithSerializedValues){\n            let definition = null;\n            if (editor.plugins.has('ImageCustomResizeUI') && isCustomImageResizeOption(option)) {\n                const customResizeUI = editor.plugins.get('ImageCustomResizeUI');\n                definition = {\n                    type: 'button',\n                    model: new UIModel({\n                        label: this._getOptionLabelValue(option),\n                        role: 'menuitemradio',\n                        withText: true,\n                        icon: null,\n                        onClick: ()=>{\n                            customResizeUI._showForm(this._resizeUnit);\n                        }\n                    })\n                };\n                const allDropdownValues = Object.values(optionsWithSerializedValues).map((option)=>option.valueWithUnits);\n                definition.model.bind('isOn').to(command, 'value', command, 'isEnabled', getIsOnCustomButtonCallback(allDropdownValues));\n            } else {\n                definition = {\n                    type: 'button',\n                    model: new UIModel({\n                        commandName: 'resizeImage',\n                        commandValue: option.valueWithUnits,\n                        label: this._getOptionLabelValue(option),\n                        role: 'menuitemradio',\n                        withText: true,\n                        icon: null\n                    })\n                };\n                definition.model.bind('isOn').to(command, 'value', command, 'isEnabled', getIsOnButtonCallback(option.valueWithUnits));\n            }\n            definition.model.bind('isEnabled').to(command, 'isEnabled');\n            itemDefinitions.add(definition);\n        }\n        return itemDefinitions;\n    }\n}\n/**\n * A helper that checks if provided option triggers custom resize balloon.\n */ function isCustomImageResizeOption(option) {\n    return option.value === 'custom';\n}\n/**\n * A helper function for setting the `isOn` state of buttons in value bindings.\n */ function getIsOnButtonCallback(value) {\n    return (commandValue, isEnabled)=>{\n        const objectCommandValue = commandValue;\n        if (objectCommandValue === undefined || !isEnabled) {\n            return false;\n        }\n        if (value === null && objectCommandValue === value) {\n            return true;\n        }\n        return objectCommandValue !== null && objectCommandValue.width === value;\n    };\n}\n/**\n * A helper function for setting the `isOn` state of custom size button in value bindings.\n */ function getIsOnCustomButtonCallback(allDropdownValues) {\n    return (commandValue, isEnabled)=>!allDropdownValues.some((dropdownValue)=>getIsOnButtonCallback(dropdownValue)(commandValue, isEnabled));\n}\n\nconst RESIZABLE_IMAGES_CSS_SELECTOR = 'figure.image.ck-widget > img,' + 'figure.image.ck-widget > picture > img,' + 'figure.image.ck-widget > a > img,' + 'figure.image.ck-widget > a > picture > img,' + 'span.image-inline.ck-widget > img,' + 'span.image-inline.ck-widget > picture > img';\nconst RESIZED_IMAGE_CLASS = 'image_resized';\n/**\n * The image resize by handles feature.\n *\n * It adds the ability to resize each image using handles or manually by\n * {@link module:image/imageresize/imageresizebuttons~ImageResizeButtons} buttons.\n */ class ImageResizeHandles extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            WidgetResize,\n            ImageUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageResizeHandles';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const command = this.editor.commands.get('resizeImage');\n        this.bind('isEnabled').to(command);\n        this._setupResizerCreator();\n    }\n    /**\n\t * Attaches the listeners responsible for creating a resizer for each image, except for images inside the HTML embed preview.\n\t */ _setupResizerCreator() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        editingView.addObserver(ImageLoadObserver);\n        this.listenTo(editingView.document, 'imageLoaded', (evt, domEvent)=>{\n            // The resizer must be attached only to images loaded by the `ImageInsert`, `ImageUpload` or `LinkImage` plugins.\n            if (!domEvent.target.matches(RESIZABLE_IMAGES_CSS_SELECTOR)) {\n                return;\n            }\n            const domConverter = editor.editing.view.domConverter;\n            const imageView = domConverter.domToView(domEvent.target);\n            const widgetView = imageUtils.getImageWidgetFromImageView(imageView);\n            let resizer = this.editor.plugins.get(WidgetResize).getResizerByViewElement(widgetView);\n            if (resizer) {\n                // There are rare cases when the image will be triggered multiple times for the same widget, e.g. when\n                // the image's source was changed after upload (https://github.com/ckeditor/ckeditor5/pull/8108#issuecomment-708302992).\n                resizer.redraw();\n                return;\n            }\n            const mapper = editor.editing.mapper;\n            const imageModel = mapper.toModelElement(widgetView);\n            resizer = editor.plugins.get(WidgetResize).attachTo({\n                unit: editor.config.get('image.resizeUnit'),\n                modelElement: imageModel,\n                viewElement: widgetView,\n                editor,\n                getHandleHost (domWidgetElement) {\n                    return domWidgetElement.querySelector('img');\n                },\n                getResizeHost () {\n                    return domConverter.mapViewToDom(mapper.toViewElement(imageModel));\n                },\n                isCentered () {\n                    const imageStyle = imageModel.getAttribute('imageStyle');\n                    return imageStyle == 'alignCenter';\n                },\n                onCommit (newValue) {\n                    // Get rid of the CSS class in case the command execution that follows is unsuccessful\n                    // (e.g. Track Changes can override it and the new dimensions will not apply). Otherwise,\n                    // the presence of the class and the absence of the width style will cause it to take 100%\n                    // of the horizontal space.\n                    editingView.change((writer)=>{\n                        writer.removeClass(RESIZED_IMAGE_CLASS, widgetView);\n                    });\n                    editor.execute('resizeImage', {\n                        width: newValue\n                    });\n                }\n            });\n            resizer.on('updateSize', ()=>{\n                if (!widgetView.hasClass(RESIZED_IMAGE_CLASS)) {\n                    editingView.change((writer)=>{\n                        writer.addClass(RESIZED_IMAGE_CLASS, widgetView);\n                    });\n                }\n                const target = imageModel.name === 'imageInline' ? imageView : widgetView;\n                if (target.getStyle('height')) {\n                    editingView.change((writer)=>{\n                        writer.removeStyle('height', target);\n                    });\n                }\n            });\n            resizer.bind('isEnabled').to(this);\n        });\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module image/imageresize/utils/tryparsedimensionwithunit\n */ /**\n * Parses provided string with dimension value and returns extracted numeric value and unit.\n *\n * \t* If non-string dimension is passed then `null` value is returned.\n * \t* If unit is missing then `null` is returned.\n * \t* If numeric value part of string is not a number then `null` is returned.\n *\n * Example:\n * \t`\"222px\"` => `{ value: 222, unit: \"px\" }`\n *\t`\"99%\"` => `{ value: 99, unit: \"%\" }`\n\n * @param dimension Unsafe string with dimension.\n * @returns Parsed dimension with extracted numeric value and units.\n * @internal\n */ function tryParseDimensionWithUnit(dimension) {\n    if (!dimension) {\n        return null;\n    }\n    const [, rawValue, unit] = dimension.trim().match(/([.,\\d]+)(%|px)$/) || [];\n    const parsedValue = Number.parseFloat(rawValue);\n    if (Number.isNaN(parsedValue)) {\n        return null;\n    }\n    return {\n        value: parsedValue,\n        unit\n    };\n}\n/**\n * Converts dimension between `px` -> `%` and `%` -> `px`.\n *\n * @param parentDimensionPx\tDimension of parent element that contains measured element.\n * @param dimension Measured element dimension.\n * @returns Casted dimension.\n * @internal\n */ function tryCastDimensionsToUnit(parentDimensionPx, dimension, targetUnit) {\n    // \"%\" -> \"px\" conversion\n    if (targetUnit === 'px') {\n        return {\n            value: dimension.value,\n            unit: 'px'\n        };\n    }\n    // \"px\" -> \"%\" conversion\n    return {\n        value: dimension.value / parentDimensionPx * 100,\n        unit: '%'\n    };\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module image/imageresize/utils/getselectedimageeditornodes\n */ /**\n * Finds model, view and DOM element for selected image element. Returns `null` if there is no image selected.\n *\n * @param editor Editor instance.\n * @internal\n */ function getSelectedImageEditorNodes(editor) {\n    const { editing } = editor;\n    const imageUtils = editor.plugins.get('ImageUtils');\n    const imageModelElement = imageUtils.getClosestSelectedImageElement(editor.model.document.selection);\n    if (!imageModelElement) {\n        return null;\n    }\n    const imageViewElement = editing.mapper.toViewElement(imageModelElement);\n    const imageDOMElement = editing.view.domConverter.mapViewToDom(imageViewElement);\n    return {\n        model: imageModelElement,\n        view: imageViewElement,\n        dom: imageDOMElement\n    };\n}\n\n/**\n * Returns image width in specified units. It is width of image after resize.\n *\n * \t* If image is not selected or command is disabled then `null` will be returned.\n * \t* If image is not fully loaded (and it is impossible to determine its natural size) then `null` will be returned.\n *\t* If `targetUnit` percentage is passed then it will return width percentage of image related to its accessors.\n *\n * @param editor Editor instance.\n * @param targetUnit Unit in which dimension will be returned.\n * @returns Parsed image width after resize (with unit).\n * @internal\n */ function getSelectedImageWidthInUnits(editor, targetUnit) {\n    const imageNodes = getSelectedImageEditorNodes(editor);\n    if (!imageNodes) {\n        return null;\n    }\n    const parsedResizedWidth = tryParseDimensionWithUnit(imageNodes.model.getAttribute('resizedWidth') || null);\n    if (!parsedResizedWidth) {\n        return null;\n    }\n    if (parsedResizedWidth.unit === targetUnit) {\n        return parsedResizedWidth;\n    }\n    const imageParentWidthPx = calculateResizeHostAncestorWidth(imageNodes.dom);\n    const imageHolderDimension = {\n        value: new Rect(imageNodes.dom).width\n    };\n    return tryCastDimensionsToUnit(imageParentWidthPx, imageHolderDimension, targetUnit);\n}\n\n/**\n * The ImageCustomResizeFormView class.\n *\n * @internal\n */ class ImageCustomResizeFormView extends View {\n    /**\n\t * Tracks information about the DOM focus in the form.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * Resize unit shortcut.\n\t */ unit;\n    /**\n\t * The Back button view displayed in the header.\n\t */ backButtonView;\n    /**\n\t * A button used to submit the form.\n\t */ saveButtonView;\n    /**\n\t * An input with a label.\n\t */ labeledInput;\n    /**\n\t * A collection of child views.\n\t */ children;\n    /**\n\t * A collection of views which can be focused in the form.\n\t */ _focusables;\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * An array of form validators used by {@link #isValid}.\n\t */ _validators;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale, unit, validators){\n        super(locale);\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.unit = unit;\n        // Create buttons.\n        this.backButtonView = this._createBackButton();\n        this.saveButtonView = this._createSaveButton();\n        // Create input fields.\n        this.labeledInput = this._createLabeledInputView();\n        this.children = this.createCollection([\n            this._createHeaderView()\n        ]);\n        this.children.add(new FormRowView(locale, {\n            children: [\n                this.labeledInput,\n                this.saveButtonView\n            ],\n            class: [\n                'ck-form__row_with-submit',\n                'ck-form__row_large-top-padding'\n            ]\n        }));\n        this._focusables = new ViewCollection();\n        this._validators = validators;\n        // Close the panel on esc key press when the **form has focus**.\n        this.keystrokes.set('Esc', (data, cancel)=>{\n            this.fire('cancel');\n            cancel();\n        });\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form',\n                    'ck-image-custom-resize-form',\n                    'ck-responsive-form'\n                ],\n                // https://github.com/ckeditor/ckeditor5-image/issues/40\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        submitHandler({\n            view: this\n        });\n        const childViews = [\n            this.backButtonView,\n            this.labeledInput,\n            this.saveButtonView\n        ];\n        childViews.forEach((v)=>{\n            // Register the view as focusable.\n            this._focusables.add(v);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(v.element);\n        });\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Creates a back button view that cancels the form.\n\t */ _createBackButton() {\n        const t = this.locale.t;\n        const backButton = new ButtonView(this.locale);\n        backButton.set({\n            class: 'ck-button-back',\n            label: t('Back'),\n            icon: IconPreviousArrow,\n            tooltip: true\n        });\n        backButton.delegate('execute').to(this, 'cancel');\n        return backButton;\n    }\n    /**\n\t * Creates a save button view that resize the image.\n\t */ _createSaveButton() {\n        const t = this.locale.t;\n        const saveButton = new ButtonView(this.locale);\n        saveButton.set({\n            label: t('Save'),\n            withText: true,\n            type: 'submit',\n            class: 'ck-button-action ck-button-bold'\n        });\n        return saveButton;\n    }\n    /**\n\t * Creates a header view for the form.\n\t */ _createHeaderView() {\n        const t = this.locale.t;\n        const header = new FormHeaderView(this.locale, {\n            label: t('Image Resize')\n        });\n        header.children.add(this.backButtonView, 0);\n        return header;\n    }\n    /**\n\t * Creates an input with a label.\n\t *\n\t * @returns Labeled field view instance.\n\t */ _createLabeledInputView() {\n        const t = this.locale.t;\n        const labeledInput = new LabeledFieldView(this.locale, createLabeledInputNumber);\n        labeledInput.label = t('Resize image (in %0)', this.unit);\n        labeledInput.class = 'ck-labeled-field-view_full-width';\n        labeledInput.fieldView.set({\n            step: 0.1\n        });\n        return labeledInput;\n    }\n    /**\n\t * Validates the form and returns `false` when some fields are invalid.\n\t */ isValid() {\n        this.resetFormStatus();\n        for (const validator of this._validators){\n            const errorText = validator(this);\n            // One error per field is enough.\n            if (errorText) {\n                // Apply updated error.\n                this.labeledInput.errorText = errorText;\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Cleans up the supplementary error and information text of the {@link #labeledInput}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */ resetFormStatus() {\n        this.labeledInput.errorText = null;\n    }\n    /**\n\t * The native DOM `value` of the input element of {@link #labeledInput}.\n\t */ get rawSize() {\n        const { element } = this.labeledInput.fieldView;\n        if (!element) {\n            return null;\n        }\n        return element.value;\n    }\n    /**\n\t * Get numeric value of size. Returns `null` if value of size input element in {@link #labeledInput}.is not a number.\n\t */ get parsedSize() {\n        const { rawSize } = this;\n        if (rawSize === null) {\n            return null;\n        }\n        const parsed = Number.parseFloat(rawSize);\n        if (Number.isNaN(parsed)) {\n            return null;\n        }\n        return parsed;\n    }\n    /**\n\t * Returns serialized image input size with unit.\n\t * Returns `null` if value of size input element in {@link #labeledInput}.is not a number.\n\t */ get sizeWithUnits() {\n        const { parsedSize, unit } = this;\n        if (parsedSize === null) {\n            return null;\n        }\n        return `${parsedSize}${unit}`;\n    }\n}\n\n/**\n * Returns min and max value of resize image in specified unit.\n *\n * @param editor Editor instance.\n * @param targetUnit Unit in which dimension will be returned.\n * @returns Possible resize range in numeric form.\n * @internal\n */ function getSelectedImagePossibleResizeRange(editor, targetUnit) {\n    const imageNodes = getSelectedImageEditorNodes(editor);\n    if (!imageNodes) {\n        return null;\n    }\n    const imageParentWidthPx = calculateResizeHostAncestorWidth(imageNodes.dom);\n    const minimumImageWidth = tryParseDimensionWithUnit(window.getComputedStyle(imageNodes.dom).minWidth) || {\n        value: 1};\n    const lower = Math.max(0.1, tryCastDimensionsToUnit(imageParentWidthPx, minimumImageWidth, targetUnit).value);\n    const upper = targetUnit === 'px' ? imageParentWidthPx : 100;\n    return {\n        unit: targetUnit,\n        lower,\n        upper\n    };\n}\n\n/**\n * The custom resize image UI plugin.\n *\n * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.\n */ class ImageCustomResizeUI extends Plugin {\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    /**\n\t * A form containing a textarea and buttons, used to change the `alt` text value.\n\t */ _form;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageCustomResizeUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n        if (this._form) {\n            this._form.destroy();\n        }\n    }\n    /**\n\t * Creates the {@link module:image/imageresize/ui/imagecustomresizeformview~ImageCustomResizeFormView}\n\t * form.\n\t */ _createForm(unit) {\n        const editor = this.editor;\n        this._balloon = this.editor.plugins.get('ContextualBalloon');\n        this._form = new (CssTransitionDisablerMixin(ImageCustomResizeFormView))(editor.locale, unit, getFormValidators(editor));\n        // Render the form so its #element is available for clickOutsideHandler.\n        this._form.render();\n        this.listenTo(this._form, 'submit', ()=>{\n            if (this._form.isValid()) {\n                editor.execute('resizeImage', {\n                    width: this._form.sizeWithUnits\n                });\n                this._hideForm(true);\n            }\n        });\n        // Update balloon position when form error label is added .\n        this.listenTo(this._form.labeledInput, 'change:errorText', ()=>{\n            editor.ui.update();\n        });\n        this.listenTo(this._form, 'cancel', ()=>{\n            this._hideForm(true);\n        });\n        // Close on click outside of balloon panel element.\n        clickOutsideHandler({\n            emitter: this._form,\n            activator: ()=>this._isVisible,\n            contextElements: ()=>[\n                    this._balloon.view.element\n                ],\n            callback: ()=>this._hideForm()\n        });\n    }\n    /**\n\t * Shows the {@link #_form} in the {@link #_balloon}.\n\t *\n\t * @internal\n\t */ _showForm(unit) {\n        if (this._isVisible) {\n            return;\n        }\n        if (!this._form) {\n            this._createForm(unit);\n        }\n        const editor = this.editor;\n        const labeledInput = this._form.labeledInput;\n        this._form.disableCssTransitions();\n        this._form.resetFormStatus();\n        if (!this._isInBalloon) {\n            this._balloon.add({\n                view: this._form,\n                position: getBalloonPositionData(editor)\n            });\n        }\n        // Make sure that each time the panel shows up, the field remains in sync with the value of\n        // the command. If the user typed in the input, then canceled the balloon (`labeledInput#value`\n        // stays unaltered) and re-opened it without changing the value of the command, they would see the\n        // old value instead of the actual value of the command.\n        const currentParsedWidth = getSelectedImageWidthInUnits(editor, unit);\n        const initialInputValue = currentParsedWidth ? currentParsedWidth.value.toFixed(1) : '';\n        const possibleRange = getSelectedImagePossibleResizeRange(editor, unit);\n        labeledInput.fieldView.value = labeledInput.fieldView.element.value = initialInputValue;\n        if (possibleRange) {\n            Object.assign(labeledInput.fieldView, {\n                min: possibleRange.lower.toFixed(1),\n                max: Math.ceil(possibleRange.upper).toFixed(1)\n            });\n        }\n        this._form.labeledInput.fieldView.select();\n        this._form.enableCssTransitions();\n    }\n    /**\n\t * Removes the {@link #_form} from the {@link #_balloon}.\n\t *\n\t * @param focusEditable Controls whether the editing view is focused afterwards.\n\t */ _hideForm(focusEditable = false) {\n        if (!this._isInBalloon) {\n            return;\n        }\n        // Blur the input element before removing it from DOM to prevent issues in some browsers.\n        // See https://github.com/ckeditor/ckeditor5/issues/1501.\n        if (this._form.focusTracker.isFocused) {\n            this._form.saveButtonView.focus();\n        }\n        this._balloon.remove(this._form);\n        if (focusEditable) {\n            this.editor.editing.view.focus();\n        }\n    }\n    /**\n\t * Returns `true` when the {@link #_form} is the visible view in the {@link #_balloon}.\n\t */ get _isVisible() {\n        return !!this._balloon && this._balloon.visibleView === this._form;\n    }\n    /**\n\t * Returns `true` when the {@link #_form} is in the {@link #_balloon}.\n\t */ get _isInBalloon() {\n        return !!this._balloon && this._balloon.hasView(this._form);\n    }\n}\n/**\n * Returns image resize form validation callbacks.\n *\n * @param editor Editor instance.\n */ function getFormValidators(editor) {\n    const t = editor.t;\n    return [\n        (form)=>{\n            if (form.rawSize.trim() === '') {\n                return t('The value must not be empty.');\n            }\n            if (form.parsedSize === null) {\n                return t('The value should be a plain number.');\n            }\n        }\n    ];\n}\n\n/**\n * The image resize plugin.\n *\n * It adds a possibility to resize each image using handles.\n */ class ImageResize extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageResizeEditing,\n            ImageResizeHandles,\n            ImageCustomResizeUI,\n            ImageResizeButtons\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageResize';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The image style command. It is used to apply {@link module:image/imageconfig~ImageStyleConfig#options image style option}\n * to a selected image.\n *\n * **Note**: Executing this command may change the image model element if the desired style requires an image of a different\n * type. See {@link module:image/imagestyle/imagestylecommand~ImageStyleCommand#execute} to learn more.\n */ class ImageStyleCommand extends Command {\n    /**\n\t * An object containing names of default style options for the inline and block images.\n\t * If there is no default style option for the given image type in the configuration,\n\t * the name will be `false`.\n\t */ _defaultStyles;\n    /**\n\t * The styles handled by this command.\n\t */ _styles;\n    /**\n\t * Creates an instance of the image style command. When executed, the command applies one of\n\t * {@link module:image/imageconfig~ImageStyleConfig#options style options} to the currently selected image.\n\t *\n\t * @param editor The editor instance.\n\t * @param styles The style options that this command supports.\n\t */ constructor(editor, styles){\n        super(editor);\n        this._defaultStyles = {\n            imageBlock: false,\n            imageInline: false\n        };\n        this._styles = new Map(styles.map((style)=>{\n            if (style.isDefault) {\n                for (const modelElementName of style.modelElements){\n                    this._defaultStyles[modelElementName] = style.name;\n                }\n            }\n            return [\n                style.name,\n                style\n            ];\n        }));\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        const element = imageUtils.getClosestSelectedImageElement(this.editor.model.document.selection);\n        this.isEnabled = !!element;\n        if (!this.isEnabled) {\n            this.value = false;\n        } else if (element.hasAttribute('imageStyle')) {\n            this.value = element.getAttribute('imageStyle');\n        } else {\n            this.value = this._defaultStyles[element.name];\n        }\n    }\n    /**\n\t * Executes the command and applies the style to the currently selected image:\n\t *\n\t * ```ts\n\t * editor.execute( 'imageStyle', { value: 'side' } );\n\t * ```\n\t *\n\t * **Note**: Executing this command may change the image model element if the desired style requires an image\n\t * of a different type. Learn more about {@link module:image/imageconfig~ImageStyleOptionDefinition#modelElements model element}\n\t * configuration for the style option.\n\t *\n\t * @param options.value The name of the style (as configured in {@link module:image/imageconfig~ImageStyleConfig#options}).\n\t * @param options.setImageSizes Specifies whether the image `width` and `height` attributes should be set automatically.\n\t * The default is `true`.\n\t * @fires execute\n\t */ execute(options = {}) {\n        const editor = this.editor;\n        const model = editor.model;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        model.change((writer)=>{\n            const requestedStyle = options.value;\n            const { setImageSizes = true } = options;\n            let imageElement = imageUtils.getClosestSelectedImageElement(model.document.selection);\n            // Change the image type if a style requires it.\n            if (requestedStyle && this.shouldConvertImageType(requestedStyle, imageElement)) {\n                this.editor.execute(imageUtils.isBlockImage(imageElement) ? 'imageTypeInline' : 'imageTypeBlock', {\n                    setImageSizes\n                });\n                // Update the imageElement to the newly created image.\n                imageElement = imageUtils.getClosestSelectedImageElement(model.document.selection);\n            }\n            // Default style means that there is no `imageStyle` attribute in the model.\n            // https://github.com/ckeditor/ckeditor5-image/issues/147\n            if (!requestedStyle || this._styles.get(requestedStyle).isDefault) {\n                writer.removeAttribute('imageStyle', imageElement);\n            } else {\n                writer.setAttribute('imageStyle', requestedStyle, imageElement);\n            }\n            if (setImageSizes) {\n                imageUtils.setImageNaturalSizeAttributes(imageElement);\n            }\n        });\n    }\n    /**\n\t * Returns `true` if requested style change would trigger the image type change.\n\t *\n\t * @param requestedStyle The name of the style (as configured in {@link module:image/imageconfig~ImageStyleConfig#options}).\n\t * @param imageElement The image model element.\n\t */ shouldConvertImageType(requestedStyle, imageElement) {\n        const supportedTypes = this._styles.get(requestedStyle).modelElements;\n        return !supportedTypes.includes(imageElement.name);\n    }\n}\n\n/**\n * Default image style options provided by the plugin that can be referred in the {@link module:image/imageconfig~ImageConfig#styles}\n * configuration.\n *\n * There are available 5 styles focused on formatting:\n *\n * * **`'alignLeft'`** aligns the inline or block image to the left and wraps it with the text using the `image-style-align-left` class,\n * * **`'alignRight'`** aligns the inline or block image to the right and wraps it with the text using the `image-style-align-right` class,\n * * **`'alignCenter'`** centers the block image using the `image-style-align-center` class,\n * * **`'alignBlockLeft'`** aligns the block image to the left using the `image-style-block-align-left` class,\n * * **`'alignBlockRight'`** aligns the block image to the right using the `image-style-block-align-right` class,\n *\n * and 3 semantic styles:\n *\n * * **`'inline'`** is an inline image without any CSS class,\n * * **`'block'`** is a block image without any CSS class,\n * * **`'side'`** is a block image styled with the `image-style-side` CSS class.\n *\n * @internal\n */ const DEFAULT_OPTIONS = {\n    // This style represents an image placed in the line of text.\n    get inline () {\n        return {\n            name: 'inline',\n            title: 'In line',\n            icon: IconObjectInline,\n            modelElements: [\n                'imageInline'\n            ],\n            isDefault: true\n        };\n    },\n    // This style represents an image aligned to the left and wrapped with text.\n    get alignLeft () {\n        return {\n            name: 'alignLeft',\n            title: 'Left aligned image',\n            icon: IconObjectInlineLeft,\n            modelElements: [\n                'imageBlock',\n                'imageInline'\n            ],\n            className: 'image-style-align-left'\n        };\n    },\n    // This style represents an image aligned to the left.\n    get alignBlockLeft () {\n        return {\n            name: 'alignBlockLeft',\n            title: 'Left aligned image',\n            icon: IconObjectLeft,\n            modelElements: [\n                'imageBlock'\n            ],\n            className: 'image-style-block-align-left'\n        };\n    },\n    // This style represents a centered image.\n    get alignCenter () {\n        return {\n            name: 'alignCenter',\n            title: 'Centered image',\n            icon: IconObjectCenter,\n            modelElements: [\n                'imageBlock'\n            ],\n            className: 'image-style-align-center'\n        };\n    },\n    // This style represents an image aligned to the right and wrapped with text.\n    get alignRight () {\n        return {\n            name: 'alignRight',\n            title: 'Right aligned image',\n            icon: IconObjectInlineRight,\n            modelElements: [\n                'imageBlock',\n                'imageInline'\n            ],\n            className: 'image-style-align-right'\n        };\n    },\n    // This style represents an image aligned to the right.\n    get alignBlockRight () {\n        return {\n            name: 'alignBlockRight',\n            title: 'Right aligned image',\n            icon: IconObjectRight,\n            modelElements: [\n                'imageBlock'\n            ],\n            className: 'image-style-block-align-right'\n        };\n    },\n    // This option is equal to the situation when no style is applied.\n    get block () {\n        return {\n            name: 'block',\n            title: 'Centered image',\n            icon: IconObjectCenter,\n            modelElements: [\n                'imageBlock'\n            ],\n            isDefault: true\n        };\n    },\n    // This represents a side image.\n    get side () {\n        return {\n            name: 'side',\n            title: 'Side image',\n            icon: IconObjectInlineRight,\n            modelElements: [\n                'imageBlock'\n            ],\n            className: 'image-style-side'\n        };\n    }\n};\n/**\n * Default image style icons provided by the plugin that can be referred in the {@link module:image/imageconfig~ImageConfig#styles}\n * configuration.\n *\n * See {@link module:image/imageconfig~ImageStyleOptionDefinition#icon} to learn more.\n *\n * There are 7 default icons available: `'full'`, `'left'`, `'inlineLeft'`, `'center'`, `'right'`, `'inlineRight'`, and `'inline'`.\n *\n * @internal\n */ const DEFAULT_ICONS = /* #__PURE__ */ (()=>({\n        full: IconObjectFullWidth,\n        left: IconObjectLeft,\n        right: IconObjectRight,\n        center: IconObjectCenter,\n        inlineLeft: IconObjectInlineLeft,\n        inlineRight: IconObjectInlineRight,\n        inline: IconObjectInline\n    }))();\n/**\n * Default drop-downs provided by the plugin that can be referred in the {@link module:image/imageconfig~ImageConfig#toolbar}\n * configuration. The drop-downs are containers for the {@link module:image/imageconfig~ImageStyleConfig#options image style options}.\n *\n * If both of the `ImageEditing` plugins are loaded, there are 2 predefined drop-downs available:\n *\n * * **`'imageStyle:wrapText'`**, which contains the `alignLeft` and `alignRight` options, that is,\n * those that wraps the text around the image,\n * * **`'imageStyle:breakText'`**, which contains the `alignBlockLeft`, `alignCenter` and `alignBlockRight` options, that is,\n * those that breaks the text around the image.\n *\n * @internal\n */ const DEFAULT_DROPDOWN_DEFINITIONS = [\n    {\n        name: 'imageStyle:wrapText',\n        title: 'Wrap text',\n        defaultItem: 'imageStyle:alignLeft',\n        items: [\n            'imageStyle:alignLeft',\n            'imageStyle:alignRight'\n        ]\n    },\n    {\n        name: 'imageStyle:breakText',\n        title: 'Break text',\n        defaultItem: 'imageStyle:block',\n        items: [\n            'imageStyle:alignBlockLeft',\n            'imageStyle:block',\n            'imageStyle:alignBlockRight'\n        ]\n    }\n];\n/**\n * Returns a list of the normalized and validated image style options.\n *\n * @param config\n * @param config.isInlinePluginLoaded\n * Determines whether the {@link module:image/image/imageblockediting~ImageBlockEditing `ImageBlockEditing`} plugin has been loaded.\n * @param config.isBlockPluginLoaded\n * Determines whether the {@link module:image/image/imageinlineediting~ImageInlineEditing `ImageInlineEditing`} plugin has been loaded.\n * @param config.configuredStyles\n * The image styles configuration provided in the image styles {@link module:image/imageconfig~ImageConfig#styles configuration}\n * as a default or custom value.\n * @returns\n * * Each of options contains a complete icon markup.\n * * The image style options not supported by any of the loaded plugins are filtered out.\n */ function normalizeStyles(config) {\n    const configuredStyles = config.configuredStyles.options || [];\n    const styles = configuredStyles.map((arrangement)=>normalizeDefinition(arrangement)).filter((arrangement)=>isValidOption(arrangement, config));\n    return styles;\n}\n/**\n * Returns the default image styles configuration depending on the loaded image editing plugins.\n *\n * @param isInlinePluginLoaded\n * Determines whether the {@link module:image/image/imageblockediting~ImageBlockEditing `ImageBlockEditing`} plugin has been loaded.\n *\n * @param isBlockPluginLoaded\n * Determines whether the {@link module:image/image/imageinlineediting~ImageInlineEditing `ImageInlineEditing`} plugin has been loaded.\n *\n * @returns\n * It returns an object with the lists of the image style options and groups defined as strings related to the\n * {@link module:image/imagestyle/utils#DEFAULT_OPTIONS default options}\n */ function getDefaultStylesConfiguration(isBlockPluginLoaded, isInlinePluginLoaded) {\n    if (isBlockPluginLoaded && isInlinePluginLoaded) {\n        return {\n            options: [\n                'inline',\n                'alignLeft',\n                'alignRight',\n                'alignCenter',\n                'alignBlockLeft',\n                'alignBlockRight',\n                'block',\n                'side'\n            ]\n        };\n    } else if (isBlockPluginLoaded) {\n        return {\n            options: [\n                'block',\n                'side'\n            ]\n        };\n    } else if (isInlinePluginLoaded) {\n        return {\n            options: [\n                'inline',\n                'alignLeft',\n                'alignRight'\n            ]\n        };\n    }\n    return {};\n}\n/**\n * Returns a list of the available predefined drop-downs' definitions depending on the loaded image editing plugins.\n */ function getDefaultDropdownDefinitions(pluginCollection) {\n    if (pluginCollection.has('ImageBlockEditing') && pluginCollection.has('ImageInlineEditing')) {\n        return [\n            ...DEFAULT_DROPDOWN_DEFINITIONS\n        ];\n    } else {\n        return [];\n    }\n}\n/**\n * Normalizes an image style option or group provided in the {@link module:image/imageconfig~ImageConfig#styles}\n * and returns it in a {@link module:image/imageconfig~ImageStyleOptionDefinition}/\n */ function normalizeDefinition(definition) {\n    if (typeof definition === 'string') {\n        // Just the name of the style has been passed, but none of the defaults.\n        if (!DEFAULT_OPTIONS[definition]) {\n            // Normalize the style anyway to prevent errors.\n            definition = {\n                name: definition\n            };\n        } else {\n            definition = {\n                ...DEFAULT_OPTIONS[definition]\n            };\n        }\n    } else {\n        // If an object style has been passed and if the name matches one of the defaults,\n        // extend it with defaults – the user wants to customize a default style.\n        // Note: Don't override the user–defined style object, clone it instead.\n        definition = extendStyle(DEFAULT_OPTIONS[definition.name], definition);\n    }\n    // If an icon is defined as a string and correspond with a name\n    // in default icons, use the default icon provided by the plugin.\n    if (typeof definition.icon === 'string') {\n        definition.icon = DEFAULT_ICONS[definition.icon] || definition.icon;\n    }\n    return definition;\n}\n/**\n * Checks if the image style option is valid:\n * * if it has the modelElements fields defined and filled,\n * * if the defined modelElements are supported by any of the loaded image editing plugins.\n * It also displays a console warning these conditions are not met.\n *\n * @param option image style option\n */ function isValidOption(option, { isBlockPluginLoaded, isInlinePluginLoaded }) {\n    const { modelElements, name } = option;\n    if (!modelElements || !modelElements.length || !name) {\n        warnInvalidStyle({\n            style: option\n        });\n        return false;\n    } else {\n        const supportedElements = [\n            isBlockPluginLoaded ? 'imageBlock' : null,\n            isInlinePluginLoaded ? 'imageInline' : null\n        ];\n        // Check if the option is supported by any of the loaded plugins.\n        if (!modelElements.some((elementName)=>supportedElements.includes(elementName))) {\n            /**\n\t\t\t * In order to work correctly, each image style {@link module:image/imageconfig~ImageStyleOptionDefinition option}\n\t\t\t * requires specific model elements (also: types of images) to be supported by the editor.\n\t\t\t *\n\t\t\t * Model element names to which the image style option can be applied are defined in the\n\t\t\t * {@link module:image/imageconfig~ImageStyleOptionDefinition#modelElements} property of the style option\n\t\t\t * definition.\n\t\t\t *\n\t\t\t * Explore the warning in the console to find out precisely which option is not supported and which editor plugins\n\t\t\t * are missing. Make sure these plugins are loaded in your editor to get this image style option working.\n\t\t\t *\n\t\t\t * @error image-style-missing-dependency\n\t\t\t * @param {string} style The name of the unsupported option.\n\t\t\t * @param {Array.<string>} missingPlugins The names of the plugins one of which has to be loaded for the particular option.\n\t\t\t */ logWarning('image-style-missing-dependency', {\n                style: option,\n                missingPlugins: modelElements.map((name)=>name === 'imageBlock' ? 'ImageBlockEditing' : 'ImageInlineEditing')\n            });\n            return false;\n        }\n    }\n    return true;\n}\n/**\n * Extends the default style with a style provided by the developer.\n * Note: Don't override the custom–defined style object, clone it instead.\n */ function extendStyle(source, style) {\n    const extendedStyle = {\n        ...style\n    };\n    for(const prop in source){\n        if (!Object.prototype.hasOwnProperty.call(style, prop)) {\n            extendedStyle[prop] = source[prop];\n        }\n    }\n    return extendedStyle;\n}\n/**\n * Displays a console warning with the 'image-style-configuration-definition-invalid' error.\n */ function warnInvalidStyle(info) {\n    /**\n\t * The image style definition provided in the configuration is invalid.\n\t *\n\t * Please make sure the definition implements properly one of the following:\n\t *\n\t * * {@link module:image/imageconfig~ImageStyleOptionDefinition image style option definition},\n\t * * {@link module:image/imageconfig~ImageStyleDropdownDefinition image style dropdown definition}\n\t *\n\t * @error image-style-configuration-definition-invalid\n\t * @param {object} info The information about the invalid definition.\n\t */ logWarning('image-style-configuration-definition-invalid', info);\n}\n/**\n * @internal\n */ const utils = {\n    normalizeStyles,\n    getDefaultStylesConfiguration,\n    getDefaultDropdownDefinitions,\n    warnInvalidStyle\n};\n\n/**\n * @module image/imagestyle/converters\n */ /**\n * Returns a converter for the `imageStyle` attribute. It can be used for adding, changing and removing the attribute.\n *\n * @param styles An array containing available image style options.\n * @returns A model-to-view attribute converter.\n * @internal\n */ function modelToViewStyleAttribute(styles) {\n    return (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.consume(data.item, evt.name)) {\n            return;\n        }\n        // Check if there is class name associated with given value.\n        const newStyle = getStyleDefinitionByName(data.attributeNewValue, styles);\n        const oldStyle = getStyleDefinitionByName(data.attributeOldValue, styles);\n        const viewElement = conversionApi.mapper.toViewElement(data.item);\n        const viewWriter = conversionApi.writer;\n        if (oldStyle) {\n            viewWriter.removeClass(oldStyle.className, viewElement);\n        }\n        if (newStyle) {\n            viewWriter.addClass(newStyle.className, viewElement);\n        }\n    };\n}\n/**\n * Returns a view-to-model converter converting image CSS classes to a proper value in the model.\n *\n * @param styles Image style options for which the converter is created.\n * @returns A view-to-model converter.\n * @internal\n */ function viewToModelStyleAttribute(styles) {\n    // Convert only non–default styles.\n    const nonDefaultStyles = {\n        imageInline: styles.filter((style)=>!style.isDefault && style.modelElements.includes('imageInline')),\n        imageBlock: styles.filter((style)=>!style.isDefault && style.modelElements.includes('imageBlock'))\n    };\n    return (evt, data, conversionApi)=>{\n        if (!data.modelRange) {\n            return;\n        }\n        const viewElement = data.viewItem;\n        const modelImageElement = first(data.modelRange.getItems());\n        // Run this converter only if an image has been found in the model.\n        // In some cases it may not be found (for example if we run this on a figure with different type than image).\n        if (!modelImageElement) {\n            return;\n        }\n        // ...and the `imageStyle` attribute is allowed for that element, otherwise stop conversion early.\n        if (!conversionApi.schema.checkAttribute(modelImageElement, 'imageStyle')) {\n            return;\n        }\n        // Convert styles one by one.\n        for (const style of nonDefaultStyles[modelImageElement.name]){\n            // Try to consume class corresponding with the style.\n            if (conversionApi.consumable.consume(viewElement, {\n                classes: style.className\n            })) {\n                // And convert this style to model attribute.\n                conversionApi.writer.setAttribute('imageStyle', style.name, modelImageElement);\n            }\n        }\n    };\n}\n/**\n * Returns the style with a given `name` from an array of styles.\n */ function getStyleDefinitionByName(name, styles) {\n    for (const style of styles){\n        if (style.name === name) {\n            return style;\n        }\n    }\n}\n\n/**\n * The image style engine plugin. It sets the default configuration, creates converters and registers\n * {@link module:image/imagestyle/imagestylecommand~ImageStyleCommand ImageStyleCommand}.\n */ class ImageStyleEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageStyleEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageUtils\n        ];\n    }\n    /**\n\t * It contains a list of the normalized and validated style options.\n\t *\n\t * * Each option contains a complete icon markup.\n\t * * The style options not supported by any of the loaded image editing plugins (\n\t * {@link module:image/image/imageinlineediting~ImageInlineEditing `ImageInlineEditing`} or\n\t * {@link module:image/image/imageblockediting~ImageBlockEditing `ImageBlockEditing`}) are filtered out.\n\t *\n\t * @internal\n\t * @readonly\n\t */ normalizedStyles;\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const isBlockPluginLoaded = editor.plugins.has('ImageBlockEditing');\n        const isInlinePluginLoaded = editor.plugins.has('ImageInlineEditing');\n        editor.config.define('image.styles', utils.getDefaultStylesConfiguration(isBlockPluginLoaded, isInlinePluginLoaded));\n        this.normalizedStyles = utils.normalizeStyles({\n            configuredStyles: editor.config.get('image.styles'),\n            isBlockPluginLoaded,\n            isInlinePluginLoaded\n        });\n        this._setupConversion(isBlockPluginLoaded, isInlinePluginLoaded);\n        this._setupPostFixer();\n        // Register imageStyle command.\n        editor.commands.add('imageStyle', new ImageStyleCommand(editor, this.normalizedStyles));\n    }\n    /**\n\t * Sets the editor conversion taking the presence of\n\t * {@link module:image/image/imageinlineediting~ImageInlineEditing `ImageInlineEditing`}\n\t * and {@link module:image/image/imageblockediting~ImageBlockEditing `ImageBlockEditing`} plugins into consideration.\n\t */ _setupConversion(isBlockPluginLoaded, isInlinePluginLoaded) {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const modelToViewConverter = modelToViewStyleAttribute(this.normalizedStyles);\n        const viewToModelConverter = viewToModelStyleAttribute(this.normalizedStyles);\n        editor.editing.downcastDispatcher.on('attribute:imageStyle', modelToViewConverter);\n        editor.data.downcastDispatcher.on('attribute:imageStyle', modelToViewConverter);\n        // Allow imageStyle attribute in image and imageInline.\n        // We could call it 'style' but https://github.com/ckeditor/ckeditor5-engine/issues/559.\n        if (isBlockPluginLoaded) {\n            schema.extend('imageBlock', {\n                allowAttributes: 'imageStyle'\n            });\n            schema.setAttributeProperties('imageStyle', {\n                isFormatting: true\n            });\n            // Converter for figure element from view to model.\n            editor.data.upcastDispatcher.on('element:figure', viewToModelConverter, {\n                priority: 'low'\n            });\n        }\n        if (isInlinePluginLoaded) {\n            schema.extend('imageInline', {\n                allowAttributes: 'imageStyle'\n            });\n            schema.setAttributeProperties('imageStyle', {\n                isFormatting: true\n            });\n            // Converter for the img element from view to model.\n            editor.data.upcastDispatcher.on('element:img', viewToModelConverter, {\n                priority: 'low'\n            });\n        }\n    }\n    /**\n\t * Registers a post-fixer that will make sure that the style attribute value is correct for a specific image type (block vs inline).\n\t */ _setupPostFixer() {\n        const editor = this.editor;\n        const document = editor.model.document;\n        const imageUtils = editor.plugins.get(ImageUtils);\n        const stylesMap = new Map(this.normalizedStyles.map((style)=>[\n                style.name,\n                style\n            ]));\n        // Make sure that style attribute is valid for the image type.\n        document.registerPostFixer((writer)=>{\n            let changed = false;\n            for (const change of document.differ.getChanges()){\n                if (change.type == 'insert' || change.type == 'attribute' && change.attributeKey == 'imageStyle') {\n                    let element = change.type == 'insert' ? change.position.nodeAfter : change.range.start.nodeAfter;\n                    if (element && element.is('element', 'paragraph') && element.childCount > 0) {\n                        element = element.getChild(0);\n                    }\n                    if (!imageUtils.isImage(element)) {\n                        continue;\n                    }\n                    const imageStyle = element.getAttribute('imageStyle');\n                    if (!imageStyle) {\n                        continue;\n                    }\n                    const imageStyleDefinition = stylesMap.get(imageStyle);\n                    if (!imageStyleDefinition || !imageStyleDefinition.modelElements.includes(element.name)) {\n                        writer.removeAttribute('imageStyle', element);\n                        changed = true;\n                    }\n                }\n            }\n            return changed;\n        });\n    }\n}\n\n/**\n * The image style UI plugin.\n *\n * It registers buttons corresponding to the {@link module:image/imageconfig~ImageConfig#styles} configuration.\n * It also registers the {@link module:image/imagestyle/utils#DEFAULT_DROPDOWN_DEFINITIONS default drop-downs} and the\n * custom drop-downs defined by the developer in the {@link module:image/imageconfig~ImageConfig#toolbar} configuration.\n */ class ImageStyleUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageStyleEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageStyleUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * Returns the default localized style titles provided by the plugin.\n\t *\n\t * The following localized titles corresponding with\n\t * {@link module:image/imagestyle/utils#DEFAULT_OPTIONS} are available:\n\t *\n\t * * `'Wrap text'`,\n\t * * `'Break text'`,\n\t * * `'In line'`,\n\t * * `'Full size image'`,\n\t * * `'Side image'`,\n\t * * `'Left aligned image'`,\n\t * * `'Centered image'`,\n\t * * `'Right aligned image'`\n\t */ get localizedDefaultStylesTitles() {\n        const t = this.editor.t;\n        return {\n            'Wrap text': t('Wrap text'),\n            'Break text': t('Break text'),\n            'In line': t('In line'),\n            'Full size image': t('Full size image'),\n            'Side image': t('Side image'),\n            'Left aligned image': t('Left aligned image'),\n            'Centered image': t('Centered image'),\n            'Right aligned image': t('Right aligned image')\n        };\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const plugins = this.editor.plugins;\n        const toolbarConfig = this.editor.config.get('image.toolbar') || [];\n        const imageStyleEditing = plugins.get('ImageStyleEditing');\n        const definedStyles = translateStyles(imageStyleEditing.normalizedStyles, this.localizedDefaultStylesTitles);\n        for (const styleConfig of definedStyles){\n            this._createButton(styleConfig);\n        }\n        const definedDropdowns = translateStyles([\n            ...toolbarConfig.filter(isObject),\n            ...utils.getDefaultDropdownDefinitions(plugins)\n        ], this.localizedDefaultStylesTitles);\n        for (const dropdownConfig of definedDropdowns){\n            this._createDropdown(dropdownConfig, definedStyles);\n        }\n    }\n    /**\n\t * Creates a dropdown and stores it in the editor {@link module:ui/componentfactory~ComponentFactory}.\n\t */ _createDropdown(dropdownConfig, definedStyles) {\n        const factory = this.editor.ui.componentFactory;\n        factory.add(dropdownConfig.name, (locale)=>{\n            let defaultButton;\n            const { defaultItem, items, title } = dropdownConfig;\n            const buttonViews = items.filter((itemName)=>definedStyles.find(({ name })=>getUIComponentName(name) === itemName)).map((buttonName)=>{\n                const button = factory.create(buttonName);\n                if (buttonName === defaultItem) {\n                    defaultButton = button;\n                }\n                return button;\n            });\n            if (items.length !== buttonViews.length) {\n                utils.warnInvalidStyle({\n                    dropdown: dropdownConfig\n                });\n            }\n            const dropdownView = createDropdown(locale, SplitButtonView);\n            const splitButtonView = dropdownView.buttonView;\n            const splitButtonViewArrow = splitButtonView.arrowView;\n            addToolbarToDropdown(dropdownView, buttonViews, {\n                enableActiveItemFocusOnDropdownOpen: true\n            });\n            splitButtonView.set({\n                label: getDropdownButtonTitle(title, defaultButton.label),\n                class: null,\n                tooltip: true\n            });\n            splitButtonViewArrow.unbind('label');\n            splitButtonViewArrow.set({\n                label: title\n            });\n            splitButtonView.bind('icon').toMany(buttonViews, 'isOn', (...areOn)=>{\n                const index = areOn.findIndex(identity);\n                return index < 0 ? defaultButton.icon : buttonViews[index].icon;\n            });\n            splitButtonView.bind('label').toMany(buttonViews, 'isOn', (...areOn)=>{\n                const index = areOn.findIndex(identity);\n                return getDropdownButtonTitle(title, index < 0 ? defaultButton.label : buttonViews[index].label);\n            });\n            splitButtonView.bind('isOn').toMany(buttonViews, 'isOn', (...areOn)=>areOn.some(identity));\n            splitButtonView.bind('class').toMany(buttonViews, 'isOn', (...areOn)=>areOn.some(identity) ? 'ck-splitbutton_flatten' : undefined);\n            splitButtonView.on('execute', ()=>{\n                if (!buttonViews.some(({ isOn })=>isOn)) {\n                    defaultButton.fire('execute');\n                } else {\n                    dropdownView.isOpen = !dropdownView.isOpen;\n                }\n            });\n            dropdownView.bind('isEnabled').toMany(buttonViews, 'isEnabled', (...areEnabled)=>areEnabled.some(identity));\n            // Focus the editable after executing the command.\n            // Overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n            this.listenTo(dropdownView, 'execute', ()=>{\n                this.editor.editing.view.focus();\n            });\n            return dropdownView;\n        });\n    }\n    /**\n\t * Creates a button and stores it in the editor {@link module:ui/componentfactory~ComponentFactory}.\n\t */ _createButton(buttonConfig) {\n        const buttonName = buttonConfig.name;\n        this.editor.ui.componentFactory.add(getUIComponentName(buttonName), (locale)=>{\n            const command = this.editor.commands.get('imageStyle');\n            const view = new ButtonView(locale);\n            view.set({\n                label: buttonConfig.title,\n                icon: buttonConfig.icon,\n                tooltip: true,\n                isToggleable: true\n            });\n            view.bind('isEnabled').to(command, 'isEnabled');\n            view.bind('isOn').to(command, 'value', (value)=>value === buttonName);\n            view.on('execute', this._executeCommand.bind(this, buttonName));\n            return view;\n        });\n    }\n    _executeCommand(name) {\n        this.editor.execute('imageStyle', {\n            value: name\n        });\n        this.editor.editing.view.focus();\n    }\n}\n/**\n * Returns the translated `title` from the passed styles array.\n */ function translateStyles(styles, titles) {\n    for (const style of styles){\n        // Localize the titles of the styles, if a title corresponds with\n        // a localized default provided by the plugin.\n        if (titles[style.title]) {\n            style.title = titles[style.title];\n        }\n    }\n    return styles;\n}\n/**\n * Returns the image style component name with the \"imageStyle:\" prefix.\n */ function getUIComponentName(name) {\n    return `imageStyle:${name}`;\n}\n/**\n * Returns title for the splitbutton containing the dropdown title and default action item title.\n */ function getDropdownButtonTitle(dropdownTitle, buttonTitle) {\n    return (dropdownTitle ? dropdownTitle + ': ' : '') + buttonTitle;\n}\n\n/**\n * The image style plugin.\n *\n * For a detailed overview of the image styles feature, check the {@glink features/images/images-styles documentation}.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n * * {@link module:image/imagestyle/imagestyleediting~ImageStyleEditing},\n * * {@link module:image/imagestyle/imagestyleui~ImageStyleUI}\n *\n * It provides a default configuration, which can be extended or overwritten.\n * Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.\n */ class ImageStyle extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageStyleEditing,\n            ImageStyleUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageStyle';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The image toolbar plugin. It creates and manages the image toolbar (the toolbar displayed when an image is selected).\n *\n * For an overview, check the {@glink features/images/images-overview#image-contextual-toolbar image contextual toolbar} documentation.\n *\n * Instances of toolbar components (e.g. buttons) are created using the editor's\n * {@link module:ui/componentfactory~ComponentFactory component factory}\n * based on the {@link module:image/imageconfig~ImageConfig#toolbar `image.toolbar` configuration option}.\n *\n * The toolbar uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.\n */ class ImageToolbar extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            WidgetToolbarRepository,\n            ImageUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ImageToolbar';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const t = editor.t;\n        const widgetToolbarRepository = editor.plugins.get(WidgetToolbarRepository);\n        const imageUtils = editor.plugins.get('ImageUtils');\n        widgetToolbarRepository.register('image', {\n            ariaLabel: t('Image toolbar'),\n            items: normalizeDeclarativeConfig(editor.config.get('image.toolbar') || []),\n            getRelatedElement: (selection)=>imageUtils.getClosestSelectedImageWidget(selection)\n        });\n    }\n}\n/**\n * Convert the dropdown definitions to their keys registered in the ComponentFactory.\n * The registration precess should be handled by the plugin which handles the UI of a particular feature.\n */ function normalizeDeclarativeConfig(config) {\n    return config.map((item)=>isObject(item) ? item.name : item);\n}\n\n/**\n * This plugin enables the [`<picture>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture) element support in the editor.\n *\n * * It enables the `sources` model attribute on `imageBlock` and `imageInline` model elements\n * (brought by {@link module:image/imageblock~ImageBlock} and {@link module:image/imageinline~ImageInline}, respectively).\n * * It translates the `sources` model element to the view (also: data) structure that may look as follows:\n *\n * ```html\n * <p>Inline image using picture:\n * \t<picture>\n * \t\t<source media=\"(min-width: 800px)\" srcset=\"image-large.webp\" type=\"image/webp\">\n * \t\t<source media=\"(max-width: 800px)\" srcset=\"image-small.webp\" type=\"image/webp\">\n * \t\t<!-- Other sources as specified in the \"sources\" model attribute... -->\n * \t\t<img src=\"image.png\" alt=\"An image using picture\" />\n * \t</picture>\n * </p>\n *\n * <p>Block image using picture:</p>\n * <figure class=\"image\">\n * \t<picture>\n * \t\t<source media=\"(min-width: 800px)\" srcset=\"image-large.webp\" type=\"image/webp\">\n * \t\t<source media=\"(max-width: 800px)\" srcset=\"image-small.webp\" type=\"image/webp\">\n * \t\t<!-- Other sources as specified in the \"sources\" model attribute... -->\n * \t\t<img src=\"image.png\" alt=\"An image using picture\" />\n * \t</picture>\n * \t<figcaption>Caption of the image</figcaption>\n * </figure>\n * ```\n *\n * **Note:** The value of the `sources` {@glink framework/architecture/editing-engine#changing-the-model model attribute}\n * in both examples equals:\n *\n * ```css\n * [\n * \t{\n * \t\tmedia: '(min-width: 800px)',\n * \t\tsrcset: 'image-large.webp',\n * \t\ttype: 'image/webp'\n * \t},\n * \t{\n * \t\tmedia: '(max-width: 800px)',\n * \t\tsrcset: 'image-small.webp',\n * \t\ttype: 'image/webp'\n * \t}\n * ]\n * ```\n *\n * * It integrates with the {@link module:image/imageupload~ImageUpload} plugin so images uploaded in the editor\n * automatically render using `<picture>` if the {@glink features/images/image-upload/image-upload upload adapter}\n * supports image sources and provides neccessary data.\n *\n * @private\n */ class PictureEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ImageEditing,\n            ImageUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'PictureEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        if (editor.plugins.has('ImageBlockEditing')) {\n            editor.model.schema.extend('imageBlock', {\n                allowAttributes: [\n                    'sources'\n                ]\n            });\n        }\n        if (editor.plugins.has('ImageInlineEditing')) {\n            editor.model.schema.extend('imageInline', {\n                allowAttributes: [\n                    'sources'\n                ]\n            });\n        }\n        this._setupConversion();\n        this._setupImageUploadEditingIntegration();\n    }\n    /**\n\t * Configures conversion pipelines to support upcasting and downcasting images using the `<picture>` view element\n\t * and the model `sources` attribute.\n\t */ _setupConversion() {\n        const editor = this.editor;\n        const conversion = editor.conversion;\n        const imageUtils = editor.plugins.get('ImageUtils');\n        conversion.for('upcast').add(upcastPicture(imageUtils));\n        conversion.for('downcast').add(downcastSourcesAttribute(imageUtils));\n    }\n    /**\n\t * Makes it possible for uploaded images to get the `sources` model attribute and the `<picture>...</picture>`\n\t * view structure out-of-the-box if relevant data is provided along the\n\t * {@link module:image/imageupload/imageuploadediting~ImageUploadEditing#event:uploadComplete} event.\n\t */ _setupImageUploadEditingIntegration() {\n        const editor = this.editor;\n        if (!editor.plugins.has('ImageUploadEditing')) {\n            return;\n        }\n        const imageUploadEditing = editor.plugins.get('ImageUploadEditing');\n        this.listenTo(imageUploadEditing, 'uploadComplete', (evt, { imageElement, data })=>{\n            const sources = data.sources;\n            if (!sources) {\n                return;\n            }\n            editor.model.change((writer)=>{\n                writer.setAttributes({\n                    sources\n                }, imageElement);\n            });\n        });\n    }\n}\n\nexport { AutoImage, Image, ImageBlock, ImageBlockEditing, ImageCaption, ImageCaptionEditing, ImageCaptionUI, ImageCaptionUtils, ImageCustomResizeUI, ImageEditing, ImageInline, ImageInlineEditing, ImageInsert, ImageInsertUI, ImageInsertViaUrl, ImageInsertViaUrlUI, ImageLoadObserver, ImagePlaceholder, ImageResize, ImageResizeButtons, ImageResizeEditing, ImageResizeHandles, ImageSizeAttributes, ImageStyle, ImageStyleCommand, ImageStyleEditing, ImageStyleUI, ImageTextAlternative, ImageTextAlternativeCommand, ImageTextAlternativeEditing, ImageTextAlternativeUI, ImageToolbar, ImageTypeCommand, ImageUpload, ImageUploadEditing, ImageUploadProgress, ImageUploadUI, ImageUtils, InsertImageCommand, PictureEditing, ReplaceImageSourceCommand, ResizeImageCommand, ToggleImageCaptionCommand, UploadImageCommand, DEFAULT_DROPDOWN_DEFINITIONS as _IMAGE_DEFAULT_DROPDOWN_DEFINITIONS, DEFAULT_ICONS as _IMAGE_DEFAULT_ICONS, DEFAULT_OPTIONS as _IMAGE_DEFAULT_OPTIONS, ImageCustomResizeFormView as _ImageCustomResizeFormView, ImageInsertFormView as _ImageInsertFormView, ImageInsertUrlView as _ImageInsertUrlView, utils as _ImageStyleUtils, TextAlternativeFormView as _ImageTextAlternativeFormView, widthAndHeightStylesAreBothSet as _checkIfImageWidthAndHeightStylesAreBothSet, createBlockImageViewElement as _createBlockImageViewElement, createInlineImageViewElement as _createInlineImageViewElement, determineImageTypeForInsertionAtSelection as _determineImageTypeForInsertionAtSelection, downcastImageAttribute as _downcastImageAttribute, downcastSourcesAttribute as _downcastImageSourcesAttribute, downcastSrcsetAttribute as _downcastImageSrcsetAttribute, fetchLocalImage as _fetchLocalImage, getBalloonPositionData as _getImageBalloonPositionData, getSizeValueIfInPx as _getImageSizeValueIfInPx, getImgViewElementMatcher as _getImageViewElementMatcher, getSelectedImageEditorNodes as _getSelectedImageEditorNodes, getSelectedImagePossibleResizeRange as _getSelectedImagePossibleResizeRange, getSelectedImageWidthInUnits as _getSelectedImageWidthInUnits, isLocalImage as _isLocalImage, modelToViewStyleAttribute as _modelToViewImageStyleAttribute, repositionContextualBalloon as _repositionImageContextualBalloon, tryCastDimensionsToUnit as _tryCastImageDimensionsToUnit, tryParseDimensionWithUnit as _tryParseImageDimensionWithUnit, upcastImageFigure as _upcastImageFigure, upcastPicture as _upcastImagePicture, viewToModelStyleAttribute as _viewToModelImageStyleAttribute, createImageTypeRegExp, isHtmlInDataTransfer };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/utils\n */\n\nimport type {\n\tModelDocumentSelection,\n\tMatcherPattern,\n\tModelSchema,\n\tModelSelection,\n\tViewContainerElement,\n\tViewDowncastWriter,\n\tViewElement\n} from 'ckeditor5/src/engine.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\n\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * Creates a view element representing the inline image.\n *\n * ```html\n * <span class=\"image-inline\"><img></img></span>\n * ```\n *\n * Note that `alt` and `src` attributes are converted separately, so they are not included.\n *\n * @internal\n */\nexport function createInlineImageViewElement( writer: ViewDowncastWriter ): ViewContainerElement {\n\treturn writer.createContainerElement( 'span', { class: 'image-inline' },\n\t\twriter.createEmptyElement( 'img' )\n\t);\n}\n\n/**\n * Creates a view element representing the block image.\n *\n * ```html\n * <figure class=\"image\"><img></img></figure>\n * ```\n *\n * Note that `alt` and `src` attributes are converted separately, so they are not included.\n *\n * @internal\n */\nexport function createBlockImageViewElement( writer: ViewDowncastWriter ): ViewContainerElement {\n\treturn writer.createContainerElement( 'figure', { class: 'image' }, [\n\t\twriter.createEmptyElement( 'img' ),\n\t\twriter.createSlot( 'children' )\n\t] );\n}\n\n/**\n * A function returning a `MatcherPattern` for a particular type of View images.\n *\n * @internal\n * @param matchImageType The type of created image.\n */\nexport function getImgViewElementMatcher( editor: Editor, matchImageType: 'imageBlock' | 'imageInline' ): MatcherPattern {\n\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\tconst areBothImagePluginsLoaded = editor.plugins.has( 'ImageInlineEditing' ) && editor.plugins.has( 'ImageBlockEditing' );\n\n\treturn element => {\n\t\t// Check if the matched view element is an <img>.\n\t\tif ( !imageUtils.isInlineImageView( element ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// If just one of the plugins is loaded (block or inline), it will match all kinds of images.\n\t\tif ( !areBothImagePluginsLoaded ) {\n\t\t\treturn getPositiveMatchPattern( element );\n\t\t}\n\n\t\t// The <img> can be standalone, wrapped in <figure>...</figure> (ImageBlock plugin) or\n\t\t// wrapped in <figure><a>...</a></figure> (LinkImage plugin).\n\t\tconst imageType = element.getStyle( 'display' ) == 'block' || element.findAncestor( imageUtils.isBlockImageView ) ?\n\t\t\t'imageBlock' :\n\t\t\t'imageInline';\n\n\t\tif ( imageType !== matchImageType ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn getPositiveMatchPattern( element );\n\t};\n\n\tfunction getPositiveMatchPattern( element: ViewElement ) {\n\t\tconst pattern: Record<string, unknown> = {\n\t\t\tname: true\n\t\t};\n\n\t\t// This will trigger src consumption (See https://github.com/ckeditor/ckeditor5/issues/11530).\n\t\tif ( element.hasAttribute( 'src' ) ) {\n\t\t\tpattern.attributes = [ 'src' ];\n\t\t}\n\n\t\treturn pattern;\n\t}\n}\n\n/**\n * Considering the current model selection, it returns the name of the model image element\n * (`'imageBlock'` or `'imageInline'`) that will make most sense from the UX perspective if a new\n * image was inserted (also: uploaded, dropped, pasted) at that selection.\n *\n * The assumption is that inserting images into empty blocks or on other block widgets should\n * produce block images. Inline images should be inserted in other cases, e.g. in paragraphs\n * that already contain some text.\n *\n * @internal\n */\nexport function determineImageTypeForInsertionAtSelection(\n\tschema: ModelSchema,\n\tselection: ModelSelection | ModelDocumentSelection\n): 'imageBlock' | 'imageInline' {\n\tconst firstBlock = first( selection.getSelectedBlocks() );\n\n\t// Insert a block image if the selection is not in/on block elements or it's on a block widget.\n\tif ( !firstBlock || schema.isObject( firstBlock ) ) {\n\t\treturn 'imageBlock';\n\t}\n\n\t// A block image should also be inserted into an empty block element\n\t// (that is not an empty list item so the list won't get split).\n\tif ( firstBlock.isEmpty && firstBlock.name != 'listItem' ) {\n\t\treturn 'imageBlock';\n\t}\n\n\t// Otherwise insert an inline image.\n\treturn 'imageInline';\n}\n\n/**\n * Returns parsed value of the size, but only if it contains unit: px.\n *\n * @internal\n */\nexport function getSizeValueIfInPx( size: string | undefined ): number | null {\n\tif ( size && size.endsWith( 'px' ) ) {\n\t\treturn parseInt( size );\n\t}\n\n\treturn null;\n}\n\n/**\n * Returns true if both styles (width and height) are set.\n *\n * If both image styles: width & height are set, they will override the image width & height attributes in the\n * browser. In this case, the image looks the same as if these styles were applied to attributes instead of styles.\n * That's why we can upcast these styles to width & height attributes instead of resizedWidth and resizedHeight.\n *\n * @internal\n */\nexport function widthAndHeightStylesAreBothSet( viewElement: ViewElement ): boolean {\n\tconst widthStyle = getSizeValueIfInPx( viewElement.getStyle( 'width' ) );\n\tconst heightStyle = getSizeValueIfInPx( viewElement.getStyle( 'height' ) );\n\n\treturn !!( widthStyle && heightStyle );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageutils\n */\n\nimport type {\n\tModelElement,\n\tViewElement,\n\tViewNode,\n\tModelDocumentSelection,\n\tViewDocumentSelection,\n\tModelSelection,\n\tViewSelection,\n\tModelDocumentFragment,\n\tViewDocumentFragment,\n\tViewDowncastWriter,\n\tModel,\n\tModelPosition,\n\tViewContainerElement\n} from 'ckeditor5/src/engine.js';\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { findOptimalInsertionRange, isWidget, toWidget } from 'ckeditor5/src/widget.js';\nimport { determineImageTypeForInsertionAtSelection } from './image/utils.js';\nimport { DomEmitterMixin, type DomEmitter, global } from 'ckeditor5/src/utils.js';\n\nconst IMAGE_WIDGETS_CLASSES_MATCH_REGEXP = /^(image|image-inline)$/;\n\n/**\n * A set of helpers related to images.\n */\nexport class ImageUtils extends Plugin {\n\t/**\n\t * DOM Emitter.\n\t */\n\tprivate _domEmitter: DomEmitter = new ( DomEmitterMixin() )();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Checks if the provided model element is an `image` or `imageInline`.\n\t */\n\tpublic isImage( modelElement?: ModelElement | null ): modelElement is ModelElement & { name: 'imageInline' | 'imageBlock' } {\n\t\treturn this.isInlineImage( modelElement ) || this.isBlockImage( modelElement );\n\t}\n\n\t/**\n\t * Checks if the provided view element represents an inline image.\n\t *\n\t * Also, see {@link module:image/imageutils~ImageUtils#isImageWidget}.\n\t */\n\tpublic isInlineImageView( element?: ViewElement | null ): boolean {\n\t\treturn !!element && element.is( 'element', 'img' );\n\t}\n\n\t/**\n\t * Checks if the provided view element represents a block image.\n\t *\n\t * Also, see {@link module:image/imageutils~ImageUtils#isImageWidget}.\n\t */\n\tpublic isBlockImageView( element?: ViewElement | null ): boolean {\n\t\treturn !!element && element.is( 'element', 'figure' ) && element.hasClass( 'image' );\n\t}\n\n\t/**\n\t * Handles inserting single file. This method unifies image insertion using {@link module:widget/utils~findOptimalInsertionRange}\n\t * method.\n\t *\n\t * ```ts\n\t * const imageUtils = editor.plugins.get( 'ImageUtils' );\n\t *\n\t * imageUtils.insertImage( { src: 'path/to/image.jpg' } );\n\t * ```\n\t *\n\t * @param attributes Attributes of the inserted image.\n\t * This method filters out the attributes which are disallowed by the {@link module:engine/model/schema~ModelSchema}.\n\t * @param selectable Place to insert the image. If not specified,\n\t * the {@link module:widget/utils~findOptimalInsertionRange} logic will be applied for the block images\n\t * and `model.document.selection` for the inline images.\n\t *\n\t * **Note**: If `selectable` is passed, this helper will not be able to set selection attributes (such as `linkHref`)\n\t * and apply them to the new image. In this case, make sure all selection attributes are passed in `attributes`.\n\t *\n\t * @param imageType Image type of inserted image. If not specified,\n\t * it will be determined automatically depending of editor config or place of the insertion.\n\t * @param options.setImageSizes Specifies whether the image `width` and `height` attributes should be set automatically.\n\t * The default is `true`.\n\t * @return The inserted model image element.\n\t */\n\tpublic insertImage(\n\t\tattributes: Record<string, unknown> = {},\n\t\tselectable: ModelSelection | ModelPosition | null = null,\n\t\timageType: ( 'imageBlock' | 'imageInline' | null ) = null,\n\t\toptions: { setImageSizes?: boolean } = {}\n\t): ModelElement | null {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\tconst determinedImageType = determineImageTypeForInsertion( editor, selectable || selection, imageType );\n\n\t\t// Mix declarative attributes with selection attributes because the new image should \"inherit\"\n\t\t// the latter for best UX. For instance, inline images inserted into existing links\n\t\t// should not split them. To do that, they need to have \"linkHref\" inherited from the selection.\n\t\tattributes = {\n\t\t\t...Object.fromEntries( selection.getAttributes() ),\n\t\t\t...attributes\n\t\t};\n\n\t\tfor ( const attributeName in attributes ) {\n\t\t\tif ( !model.schema.checkAttribute( determinedImageType, attributeName ) ) {\n\t\t\t\tdelete attributes[ attributeName ];\n\t\t\t}\n\t\t}\n\n\t\treturn model.change( writer => {\n\t\t\tconst { setImageSizes = true } = options;\n\t\t\tconst imageElement = writer.createElement( determinedImageType, attributes );\n\n\t\t\tmodel.insertObject( imageElement, selectable, null, {\n\t\t\t\tsetSelection: 'on',\n\t\t\t\t// If we want to insert a block image (for whatever reason) then we don't want to split text blocks.\n\t\t\t\t// This applies only when we don't have the selectable specified (i.e., we insert multiple block images at once).\n\t\t\t\tfindOptimalPosition: !selectable && determinedImageType != 'imageInline' ? 'auto' : undefined\n\t\t\t} );\n\n\t\t\t// Inserting an image might've failed due to schema regulations.\n\t\t\tif ( imageElement.parent ) {\n\t\t\t\tif ( setImageSizes ) {\n\t\t\t\t\tthis.setImageNaturalSizeAttributes( imageElement );\n\t\t\t\t}\n\n\t\t\t\treturn imageElement;\n\t\t\t}\n\n\t\t\treturn null;\n\t\t} );\n\t}\n\n\t/**\n\t * Reads original image sizes and sets them as `width` and `height`.\n\t *\n\t * The `src` attribute may not be available if the user is using an upload adapter. In such a case,\n\t * this method is called again after the upload process is complete and the `src` attribute is available.\n\t */\n\tpublic setImageNaturalSizeAttributes( imageElement: ModelElement ): void {\n\t\tconst src = imageElement.getAttribute( 'src' ) as string;\n\n\t\tif ( !src ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( imageElement.getAttribute( 'width' ) || imageElement.getAttribute( 'height' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.editor.model.change( writer => {\n\t\t\tconst img = new global.window.Image();\n\n\t\t\tthis._domEmitter.listenTo( img, 'load', () => {\n\t\t\t\tif ( !imageElement.getAttribute( 'width' ) && !imageElement.getAttribute( 'height' ) ) {\n\t\t\t\t\t// We use writer.batch to be able to undo (in a single step) width and height setting\n\t\t\t\t\t// along with any change that triggered this action (e.g. image resize or image style change).\n\t\t\t\t\tthis.editor.model.enqueueChange( writer.batch, writer => {\n\t\t\t\t\t\twriter.setAttribute( 'width', img.naturalWidth, imageElement );\n\t\t\t\t\t\twriter.setAttribute( 'height', img.naturalHeight, imageElement );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\tthis._domEmitter.stopListening( img, 'load' );\n\t\t\t} );\n\n\t\t\timg.src = src;\n\t\t} );\n\t}\n\n\t/**\n\t * Returns an image widget editing view element if one is selected or is among the selection's ancestors.\n\t */\n\tpublic getClosestSelectedImageWidget( selection: ViewSelection | ViewDocumentSelection ): ViewElement | null {\n\t\tconst selectionPosition = selection.getFirstPosition();\n\n\t\tif ( !selectionPosition ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst viewElement = selection.getSelectedElement();\n\n\t\tif ( viewElement && this.isImageWidget( viewElement ) ) {\n\t\t\treturn viewElement;\n\t\t}\n\n\t\tlet parent: ViewNode | ViewDocumentFragment | null = selectionPosition.parent;\n\n\t\twhile ( parent ) {\n\t\t\tif ( parent.is( 'element' ) && this.isImageWidget( parent ) ) {\n\t\t\t\treturn parent;\n\t\t\t}\n\n\t\t\tparent = parent.parent;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns a image model element if one is selected or is among the selection's ancestors.\n\t */\n\tpublic getClosestSelectedImageElement( selection: ModelSelection | ModelDocumentSelection ): ModelElement | null {\n\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\treturn this.isImage( selectedElement ) ? selectedElement : selection.getFirstPosition()!.findAncestor( 'imageBlock' );\n\t}\n\n\t/**\n\t * Returns an image widget editing view based on the passed image view.\n\t */\n\tpublic getImageWidgetFromImageView( imageView: ViewElement ): ViewContainerElement | null {\n\t\treturn imageView.findAncestor( { classes: IMAGE_WIDGETS_CLASSES_MATCH_REGEXP } ) as ( ViewContainerElement | null );\n\t}\n\n\t/**\n\t * Checks if image can be inserted at current model selection.\n\t *\n\t * @internal\n\t */\n\tpublic isImageAllowed(): boolean {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\treturn isImageAllowedInParent( this.editor, selection ) && isNotInsideImage( selection );\n\t}\n\n\t/**\n\t * Converts a given {@link module:engine/view/element~ViewElement} to an image widget:\n\t * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property} allowing to recognize the image widget\n\t * element.\n\t * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n\t *\n\t * @param writer An instance of the view writer.\n\t * @param label The element's label. It will be concatenated with the image `alt` attribute if one is present.\n\t */\n\tpublic toImageWidget( viewElement: ViewElement, writer: ViewDowncastWriter, label: string ): ViewElement {\n\t\twriter.setCustomProperty( 'image', true, viewElement );\n\n\t\tconst labelCreator = () => {\n\t\t\tconst imgElement = this.findViewImgElement( viewElement )!;\n\t\t\tconst altText = imgElement.getAttribute( 'alt' );\n\n\t\t\treturn altText ? `${ altText } ${ label }` : label;\n\t\t};\n\n\t\treturn toWidget( viewElement, writer, { label: labelCreator } );\n\t}\n\n\t/**\n\t * Checks if a given view element is an image widget.\n\t */\n\tprotected isImageWidget( viewElement: ViewElement ): boolean {\n\t\treturn !!viewElement.getCustomProperty( 'image' ) && isWidget( viewElement );\n\t}\n\n\t/**\n\t * Checks if the provided model element is an `image`.\n\t */\n\tpublic isBlockImage( modelElement?: ModelElement | null ): boolean {\n\t\treturn !!modelElement && modelElement.is( 'element', 'imageBlock' );\n\t}\n\n\t/**\n\t * Checks if the provided model element is an `imageInline`.\n\t */\n\tpublic isInlineImage( modelElement?: ModelElement | null ): boolean {\n\t\treturn !!modelElement && modelElement.is( 'element', 'imageInline' );\n\t}\n\n\t/**\n\t * Get the view `<img>` from another view element, e.g. a widget (`<figure class=\"image\">`), a link (`<a>`).\n\t *\n\t * The `<img>` can be located deep in other elements, so this helper performs a deep tree search.\n\t */\n\tpublic findViewImgElement( figureView: ViewElement ): ViewElement | undefined {\n\t\tif ( this.isInlineImageView( figureView ) ) {\n\t\t\treturn figureView;\n\t\t}\n\n\t\tconst editingView = this.editor.editing.view;\n\n\t\tfor ( const { item } of editingView.createRangeIn( figureView ) ) {\n\t\t\tif ( this.isInlineImageView( item as ViewElement ) ) {\n\t\t\t\treturn item as ViewElement;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis._domEmitter.stopListening();\n\n\t\treturn super.destroy();\n\t}\n}\n\n/**\n * Checks if image is allowed by schema in optimal insertion parent.\n */\nfunction isImageAllowedInParent( editor: Editor, selection: ModelSelection | ModelDocumentSelection ): boolean {\n\tconst imageType = determineImageTypeForInsertion( editor, selection, null );\n\n\tif ( imageType == 'imageBlock' ) {\n\t\tconst parent = getInsertImageParent( selection, editor.model );\n\n\t\tif ( editor.model.schema.checkChild( parent as ModelElement, 'imageBlock' ) ) {\n\t\t\treturn true;\n\t\t}\n\t} else if ( editor.model.schema.checkChild( selection.focus!, 'imageInline' ) ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Checks if selection is not placed inside an image (e.g. its caption).\n */\nfunction isNotInsideImage( selection: ModelDocumentSelection ): boolean {\n\treturn [ ...selection.focus!.getAncestors() ].every( ancestor => !ancestor.is( 'element', 'imageBlock' ) );\n}\n\n/**\n * Returns a node that will be used to insert image with `model.insertContent`.\n */\nfunction getInsertImageParent( selection: ModelSelection | ModelDocumentSelection, model: Model ): ModelElement | ModelDocumentFragment {\n\tconst insertionRange = findOptimalInsertionRange( selection, model );\n\tconst parent = insertionRange.start.parent;\n\n\tif ( parent.isEmpty && !parent.is( 'element', '$root' ) ) {\n\t\treturn parent.parent!;\n\t}\n\n\treturn parent;\n}\n\n/**\n * Determine image element type name depending on editor config or place of insertion.\n *\n * @param imageType Image element type name. Used to force return of provided element name,\n * but only if there is proper plugin enabled.\n */\nfunction determineImageTypeForInsertion(\n\teditor: Editor,\n\tselectable: ModelPosition | ModelSelection | ModelDocumentSelection,\n\timageType: 'imageBlock' | 'imageInline' | null\n): 'imageBlock' | 'imageInline' {\n\tconst schema = editor.model.schema;\n\tconst configImageInsertType = editor.config.get( 'image.insert.type' );\n\n\tif ( !editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\treturn 'imageInline';\n\t}\n\n\tif ( !editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\treturn 'imageBlock';\n\t}\n\n\tif ( imageType ) {\n\t\treturn imageType;\n\t}\n\n\tif ( configImageInsertType === 'inline' ) {\n\t\treturn 'imageInline';\n\t}\n\n\tif ( configImageInsertType !== 'auto' ) {\n\t\treturn 'imageBlock';\n\t}\n\n\t// Try to replace the selected widget (e.g. another image).\n\tif ( selectable.is( 'selection' ) ) {\n\t\treturn determineImageTypeForInsertionAtSelection( schema, selectable );\n\t}\n\n\treturn schema.checkChild( selectable, 'imageInline' ) ? 'imageInline' : 'imageBlock';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/autoimage\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { Clipboard, type ClipboardPipeline } from 'ckeditor5/src/clipboard.js';\nimport { ModelLivePosition, ModelLiveRange } from 'ckeditor5/src/engine.js';\nimport { Undo } from 'ckeditor5/src/undo.js';\nimport { Delete } from 'ckeditor5/src/typing.js';\nimport { global } from 'ckeditor5/src/utils.js';\n\nimport { ImageUtils } from './imageutils.js';\n\n// Implements the pattern: http(s)://(www.)example.com/path/to/resource.ext?query=params&maybe=too.\nconst IMAGE_URL_REGEXP = new RegExp( String( /^(http(s)?:\\/\\/)?[\\w-]+\\.[\\w.~:/[\\]@!$&'()*+,;=%-]+/.source +\n\t/\\.(jpg|jpeg|png|gif|ico|webp|JPG|JPEG|PNG|GIF|ICO|WEBP)/.source +\n\t/(\\?[\\w.~:/[\\]@!$&'()*+,;=%-]*)?/.source +\n\t/(#[\\w.~:/[\\]@!$&'()*+,;=%-]*)?$/.source ) );\n\n/**\n * The auto-image plugin. It recognizes image links in the pasted content and embeds\n * them shortly after they are injected into the document.\n */\nexport class AutoImage extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Clipboard, ImageUtils, Undo, Delete ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'AutoImage' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * The paste–to–embed `setTimeout` ID. Stored as a property to allow\n\t * cleaning of the timeout.\n\t */\n\tprivate _timeoutId: ReturnType<typeof setTimeout> | null;\n\n\t/**\n\t * The position where the `<imageBlock>` element will be inserted after the timeout,\n\t * determined each time a new content is pasted into the document.\n\t */\n\tprivate _positionToInsert: ModelLivePosition | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._timeoutId = null;\n\n\t\tthis._positionToInsert = null;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst modelDocument = editor.model.document;\n\t\tconst clipboardPipeline: ClipboardPipeline = editor.plugins.get( 'ClipboardPipeline' );\n\n\t\t// We need to listen on `Clipboard#inputTransformation` because we need to save positions of selection.\n\t\t// After pasting, the content between those positions will be checked for a URL that could be transformed\n\t\t// into an image.\n\t\tthis.listenTo( clipboardPipeline, 'inputTransformation', () => {\n\t\t\tconst firstRange = modelDocument.selection.getFirstRange()!;\n\n\t\t\tconst leftLivePosition = ModelLivePosition.fromPosition( firstRange.start );\n\t\t\tleftLivePosition.stickiness = 'toPrevious';\n\n\t\t\tconst rightLivePosition = ModelLivePosition.fromPosition( firstRange.end );\n\t\t\trightLivePosition.stickiness = 'toNext';\n\n\t\t\tmodelDocument.once( 'change:data', () => {\n\t\t\t\tthis._embedImageBetweenPositions( leftLivePosition, rightLivePosition );\n\n\t\t\t\tleftLivePosition.detach();\n\t\t\t\trightLivePosition.detach();\n\t\t\t}, { priority: 'high' } );\n\t\t} );\n\n\t\teditor.commands.get( 'undo' )!.on( 'execute', () => {\n\t\t\tif ( this._timeoutId ) {\n\t\t\t\tglobal.window.clearTimeout( this._timeoutId );\n\t\t\t\tthis._positionToInsert!.detach();\n\n\t\t\t\tthis._timeoutId = null;\n\t\t\t\tthis._positionToInsert = null;\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Analyzes the part of the document between provided positions in search for a URL representing an image.\n\t * When the URL is found, it is automatically converted into an image.\n\t *\n\t * @param leftPosition Left position of the selection.\n\t * @param rightPosition Right position of the selection.\n\t */\n\tprivate _embedImageBetweenPositions( leftPosition: ModelLivePosition, rightPosition: ModelLivePosition ): void {\n\t\tconst editor = this.editor;\n\t\t// TODO: Use a marker instead of ModelLiveRange & LivePositions.\n\t\tconst urlRange = new ModelLiveRange( leftPosition, rightPosition );\n\t\tconst walker = urlRange.getWalker( { ignoreElementEnd: true } );\n\t\tconst selectionAttributes = Object.fromEntries( editor.model.document.selection.getAttributes() );\n\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\n\t\tlet src = '';\n\n\t\tfor ( const node of walker ) {\n\t\t\tif ( node.item.is( '$textProxy' ) ) {\n\t\t\t\tsrc += node.item.data;\n\t\t\t}\n\t\t}\n\n\t\tsrc = src.trim();\n\n\t\t// If the URL does not match the image URL regexp, let's skip that.\n\t\tif ( !src.match( IMAGE_URL_REGEXP ) ) {\n\t\t\turlRange.detach();\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Position will not be available in the `setTimeout` function so let's clone it.\n\t\tthis._positionToInsert = ModelLivePosition.fromPosition( leftPosition );\n\n\t\t// This action mustn't be executed if undo was called between pasting and auto-embedding.\n\t\tthis._timeoutId = setTimeout( () => {\n\t\t\t// Do nothing if image element cannot be inserted at the current position.\n\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/2763.\n\t\t\t// Condition must be checked after timeout - pasting may take place on an element, replacing it. The final position matters.\n\t\t\tconst imageCommand = editor.commands.get( 'insertImage' )!;\n\n\t\t\tif ( !imageCommand.isEnabled ) {\n\t\t\t\turlRange.detach();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\teditor.model.change( writer => {\n\t\t\t\tthis._timeoutId = null;\n\n\t\t\t\twriter.remove( urlRange );\n\t\t\t\turlRange.detach();\n\n\t\t\t\tlet insertionPosition;\n\n\t\t\t\t// Check if the position where the element should be inserted is still valid.\n\t\t\t\t// Otherwise leave it as undefined to use the logic of insertImage().\n\t\t\t\tif ( this._positionToInsert!.root.rootName !== '$graveyard' ) {\n\t\t\t\t\tinsertionPosition = this._positionToInsert!.toPosition();\n\t\t\t\t}\n\n\t\t\t\timageUtils.insertImage( { ...selectionAttributes, src }, insertionPosition );\n\n\t\t\t\tthis._positionToInsert!.detach();\n\t\t\t\tthis._positionToInsert = null;\n\t\t\t} );\n\n\t\t\tconst deletePlugin: Delete = editor.plugins.get( 'Delete' );\n\n\t\t\tdeletePlugin.requestUndoOnBackspace();\n\t\t}, 100 );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagetextalternative/imagetextalternativecommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.\n */\nexport class ImageTextAlternativeCommand extends Command {\n\t/**\n\t * The command value: `false` if there is no `alt` attribute, otherwise the value of the `alt` attribute.\n\t *\n\t * @readonly\n\t * @observable\n\t */\n\tdeclare public value: string | false;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst element = imageUtils.getClosestSelectedImageElement( this.editor.model.document.selection )!;\n\n\t\tthis.isEnabled = !!element;\n\n\t\tif ( this.isEnabled && element.hasAttribute( 'alt' ) ) {\n\t\t\tthis.value = element.getAttribute( 'alt' ) as string | false;\n\t\t} else {\n\t\t\tthis.value = false;\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options\n\t * @param options.newValue The new value of the `alt` attribute to set.\n\t */\n\tpublic override execute( options: { newValue: string } ): void {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst model = editor.model;\n\t\tconst imageElement = imageUtils.getClosestSelectedImageElement( model.document.selection );\n\n\t\tmodel.change( writer => {\n\t\t\twriter.setAttribute( 'alt', options.newValue, imageElement! );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagetextalternative/imagetextalternativeediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageTextAlternativeCommand } from './imagetextalternativecommand.js';\nimport { ImageUtils } from '../imageutils.js';\n\n/**\n * The image text alternative editing plugin.\n *\n * Registers the `'imageTextAlternative'` command.\n */\nexport class ImageTextAlternativeEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageTextAlternativeEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis.editor.commands.add( 'imageTextAlternative', new ImageTextAlternativeCommand( this.editor ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagetextalternative/ui/textalternativeformview\n */\n\nimport {\n\tButtonView,\n\tFocusCycler,\n\tFormRowView,\n\tFormHeaderView,\n\tLabeledFieldView,\n\tView,\n\tViewCollection,\n\tcreateLabeledInputText,\n\tsubmitHandler,\n\ttype InputView,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\nimport { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\nimport { IconPreviousArrow } from 'ckeditor5/src/icons.js';\n\nimport '../../../theme/textalternativeform.css';\n\n// See: #8833.\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/form/form.css';\n\n/**\n * The TextAlternativeFormView class.\n *\n * @internal\n */\nexport class TextAlternativeFormView extends View {\n\t/**\n\t * Tracks information about the DOM focus in the form.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * An input with a label.\n\t */\n\tpublic labeledInput: LabeledFieldView<InputView>;\n\n\t/**\n\t * The Back button view displayed in the header.\n\t */\n\tpublic backButtonView: ButtonView;\n\n\t/**\n\t * A button used to submit the form.\n\t */\n\tpublic saveButtonView: ButtonView;\n\n\t/**\n\t * A collection of child views.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A collection of views which can be focused in the form.\n\t */\n\tprotected readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprotected readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\t// Create buttons.\n\t\tthis.backButtonView = this._createBackButton();\n\t\tthis.saveButtonView = this._createSaveButton();\n\n\t\t// Create input fields.\n\t\tthis.labeledInput = this._createLabeledInputView();\n\n\t\tthis.children = this.createCollection( [\n\t\t\tthis._createHeaderView()\n\t\t] );\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\tthis.labeledInput,\n\t\t\t\tthis.saveButtonView\n\t\t\t],\n\t\t\tclass: [\n\t\t\t\t'ck-form__row_with-submit',\n\t\t\t\t'ck-form__row_large-top-padding'\n\t\t\t]\n\t\t} ) );\n\n\t\tthis._focusables = new ViewCollection();\n\n\t\t// Close the panel on esc key press when the **form has focus**.\n\t\tthis.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis.fire<TextAlternativeFormViewCancelEvent>( 'cancel' );\n\t\t\tcancel();\n\t\t} );\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form',\n\t\t\t\t\t'ck-text-alternative-form',\n\t\t\t\t\t'ck-responsive-form'\n\t\t\t\t],\n\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-image/issues/40\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\tconst childViews = [\n\t\t\tthis.backButtonView,\n\t\t\tthis.labeledInput,\n\t\t\tthis.saveButtonView\n\t\t];\n\n\t\tchildViews.forEach( v => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( v );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( v.element! );\n\t\t} );\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Creates a back button view that cancels the form.\n\t */\n\tprivate _createBackButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst backButton = new ButtonView( this.locale );\n\n\t\tbackButton.set( {\n\t\t\tclass: 'ck-button-back',\n\t\t\tlabel: t( 'Back' ),\n\t\t\ticon: IconPreviousArrow,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tbackButton.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn backButton;\n\t}\n\n\t/**\n\t * Creates a save button view that text alternative the image.\n\t */\n\tprivate _createSaveButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst saveButton = new ButtonView( this.locale );\n\n\t\tsaveButton.set( {\n\t\t\tlabel: t( 'Save' ),\n\t\t\twithText: true,\n\t\t\ttype: 'submit',\n\t\t\tclass: 'ck-button-action ck-button-bold'\n\t\t} );\n\n\t\treturn saveButton;\n\t}\n\n\t/**\n\t * Creates a header view for the form.\n\t */\n\tprivate _createHeaderView(): FormHeaderView {\n\t\tconst t = this.locale!.t;\n\n\t\tconst header = new FormHeaderView( this.locale, {\n\t\t\tlabel: t( 'Text Alternative' )\n\t\t} );\n\n\t\theader.children.add( this.backButtonView, 0 );\n\n\t\treturn header;\n\t}\n\n\t/**\n\t * Creates an input with a label.\n\t *\n\t * @returns Labeled field view instance.\n\t */\n\tprivate _createLabeledInputView(): LabeledFieldView<InputView> {\n\t\tconst t = this.locale!.t;\n\t\tconst labeledInput = new LabeledFieldView<InputView>( this.locale, createLabeledInputText );\n\n\t\tlabeledInput.label = t( 'Text alternative' );\n\t\tlabeledInput.class = 'ck-labeled-field-view_full-width';\n\n\t\treturn labeledInput;\n\t}\n}\n\n/**\n * Fired when the form view is submitted.\n *\n * @eventName ~TextAlternativeFormView#submit\n * @internal\n */\nexport type TextAlternativeFormViewSubmitEvent = {\n\tname: 'submit';\n\targs: [];\n};\n\n/**\n * Fired when the form view is canceled.\n *\n * @eventName ~TextAlternativeFormView#cancel\n * @internal\n */\nexport type TextAlternativeFormViewCancelEvent = {\n\tname: 'cancel';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/ui/utils\n */\n\nimport type { DomOptimalPositionOptions } from 'ckeditor5/src/utils.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport { BalloonPanelView, type ContextualBalloon } from 'ckeditor5/src/ui.js';\n\nimport { type ImageUtils } from '../../imageutils.js';\n\n/**\n * A helper utility that positions the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} instance\n * with respect to the image in the editor content, if one is selected.\n *\n * @param editor The editor instance.\n * @internal\n */\nexport function repositionContextualBalloon( editor: Editor ): void {\n\tconst balloon: ContextualBalloon = editor.plugins.get( 'ContextualBalloon' );\n\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\tif ( imageUtils.getClosestSelectedImageWidget( editor.editing.view.document.selection ) ) {\n\t\tconst position = getBalloonPositionData( editor );\n\n\t\tballoon.updatePosition( position );\n\t}\n}\n\n/**\n * Returns the positioning options that control the geometry of the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} with respect\n * to the selected element in the editor content.\n *\n * @param editor The editor instance.\n * @internal\n */\nexport function getBalloonPositionData( editor: Editor ): Partial<DomOptimalPositionOptions> {\n\tconst editingView = editor.editing.view;\n\tconst defaultPositions = BalloonPanelView.defaultPositions;\n\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\treturn {\n\t\ttarget: editingView.domConverter.mapViewToDom(\n\t\t\timageUtils.getClosestSelectedImageWidget( editingView.document.selection )!\n\t\t) as HTMLElement,\n\t\tpositions: [\n\t\t\tdefaultPositions.northArrowSouth,\n\t\t\tdefaultPositions.northArrowSouthWest,\n\t\t\tdefaultPositions.northArrowSouthEast,\n\t\t\tdefaultPositions.southArrowNorth,\n\t\t\tdefaultPositions.southArrowNorthWest,\n\t\t\tdefaultPositions.southArrowNorthEast,\n\t\t\tdefaultPositions.viewportStickyNorth\n\t\t]\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagetextalternative/imagetextalternativeui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\tButtonView,\n\tContextualBalloon,\n\tclickOutsideHandler,\n\tCssTransitionDisablerMixin,\n\ttype ViewWithCssTransitionDisabler\n} from 'ckeditor5/src/ui.js';\nimport { IconTextAlternative } from 'ckeditor5/src/icons.js';\n\nimport {\n\tTextAlternativeFormView,\n\ttype TextAlternativeFormViewCancelEvent,\n\ttype TextAlternativeFormViewSubmitEvent\n} from './ui/textalternativeformview.js';\nimport { repositionContextualBalloon, getBalloonPositionData } from '../image/ui/utils.js';\nimport { type ImageTextAlternativeCommand } from './imagetextalternativecommand.js';\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * The image text alternative UI plugin.\n *\n * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.\n */\nexport class ImageTextAlternativeUI extends Plugin {\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate _balloon?: ContextualBalloon;\n\n\t/**\n\t * A form containing a textarea and buttons, used to change the `alt` text value.\n\t */\n\tprivate _form?: TextAlternativeFormView & ViewWithCssTransitionDisabler;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageTextAlternativeUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis._createButton();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n\t\tif ( this._form ) {\n\t\t\tthis._form.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Creates a button showing the balloon panel for changing the image text alternative and\n\t * registers it in the editor {@link module:ui/componentfactory~ComponentFactory ComponentFactory}.\n\t */\n\tprivate _createButton(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\teditor.ui.componentFactory.add( 'imageTextAlternative', locale => {\n\t\t\tconst command: ImageTextAlternativeCommand = editor.commands.get( 'imageTextAlternative' )!;\n\t\t\tconst view = new ButtonView( locale );\n\n\t\t\tview.set( {\n\t\t\t\tlabel: t( 'Change image text alternative' ),\n\t\t\t\ticon: IconTextAlternative,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t\t\tview.bind( 'isOn' ).to( command, 'value', value => !!value );\n\n\t\t\tthis.listenTo( view, 'execute', () => {\n\t\t\t\tthis._showForm();\n\t\t\t} );\n\n\t\t\treturn view;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates the {@link module:image/imagetextalternative/ui/textalternativeformview~TextAlternativeFormView}\n\t * form.\n\t */\n\tprivate _createForm(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\tthis._balloon = this.editor.plugins.get( 'ContextualBalloon' );\n\n\t\tthis._form = new ( CssTransitionDisablerMixin( TextAlternativeFormView ) )( editor.locale );\n\n\t\t// Render the form so its #element is available for clickOutsideHandler.\n\t\tthis._form.render();\n\n\t\tthis.listenTo<TextAlternativeFormViewSubmitEvent>( this._form, 'submit', () => {\n\t\t\teditor.execute( 'imageTextAlternative', {\n\t\t\t\tnewValue: this._form!.labeledInput.fieldView.element!.value\n\t\t\t} );\n\n\t\t\tthis._hideForm( true );\n\t\t} );\n\n\t\tthis.listenTo<TextAlternativeFormViewCancelEvent>( this._form, 'cancel', () => {\n\t\t\tthis._hideForm( true );\n\t\t} );\n\n\t\t// Reposition the balloon or hide the form if an image widget is no longer selected.\n\t\tthis.listenTo( editor.ui, 'update', () => {\n\t\t\tif ( !imageUtils.getClosestSelectedImageWidget( viewDocument.selection ) ) {\n\t\t\t\tthis._hideForm( true );\n\t\t\t} else if ( this._isVisible ) {\n\t\t\t\trepositionContextualBalloon( editor );\n\t\t\t}\n\t\t} );\n\n\t\t// Close on click outside of balloon panel element.\n\t\tclickOutsideHandler( {\n\t\t\temitter: this._form,\n\t\t\tactivator: () => this._isVisible,\n\t\t\tcontextElements: () => [ this._balloon!.view.element! ],\n\t\t\tcallback: () => this._hideForm()\n\t\t} );\n\t}\n\n\t/**\n\t * Shows the {@link #_form} in the {@link #_balloon}.\n\t */\n\tprivate _showForm(): void {\n\t\tif ( this._isVisible ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this._form ) {\n\t\t\tthis._createForm();\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst command: ImageTextAlternativeCommand = editor.commands.get( 'imageTextAlternative' )!;\n\t\tconst labeledInput = this._form!.labeledInput;\n\n\t\tthis._form!.disableCssTransitions();\n\n\t\tif ( !this._isInBalloon ) {\n\t\t\tthis._balloon!.add( {\n\t\t\t\tview: this._form!,\n\t\t\t\tposition: getBalloonPositionData( editor )\n\t\t\t} );\n\t\t}\n\n\t\t// Make sure that each time the panel shows up, the field remains in sync with the value of\n\t\t// the command. If the user typed in the input, then canceled the balloon (`labeledInput#value`\n\t\t// stays unaltered) and re-opened it without changing the value of the command, they would see the\n\t\t// old value instead of the actual value of the command.\n\t\t// https://github.com/ckeditor/ckeditor5-image/issues/114\n\t\tlabeledInput.fieldView.value = labeledInput.fieldView.element!.value = command.value || '';\n\n\t\tthis._form!.labeledInput.fieldView.select();\n\n\t\tthis._form!.enableCssTransitions();\n\t}\n\n\t/**\n\t * Removes the {@link #_form} from the {@link #_balloon}.\n\t *\n\t * @param focusEditable Controls whether the editing view is focused afterwards.\n\t */\n\tprivate _hideForm( focusEditable: boolean = false ): void {\n\t\tif ( !this._isInBalloon ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Blur the input element before removing it from DOM to prevent issues in some browsers.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1501.\n\t\tif ( this._form!.focusTracker.isFocused ) {\n\t\t\tthis._form!.saveButtonView.focus();\n\t\t}\n\n\t\tthis._balloon!.remove( this._form! );\n\n\t\tif ( focusEditable ) {\n\t\t\tthis.editor.editing.view.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #_form} is the visible view in the {@link #_balloon}.\n\t */\n\tprivate get _isVisible(): boolean {\n\t\treturn !!this._balloon && this._balloon.visibleView === this._form;\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #_form} is in the {@link #_balloon}.\n\t */\n\tprivate get _isInBalloon(): boolean {\n\t\treturn !!this._balloon && this._balloon.hasView( this._form! );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagetextalternative\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageTextAlternativeEditing } from './imagetextalternative/imagetextalternativeediting.js';\nimport { ImageTextAlternativeUI } from './imagetextalternative/imagetextalternativeui.js';\n\n/**\n * The image text alternative plugin.\n *\n * For a detailed overview, check the {@glink features/images/images-styles image styles} documentation.\n *\n * This is a \"glue\" plugin which loads the\n *  {@link module:image/imagetextalternative/imagetextalternativeediting~ImageTextAlternativeEditing}\n * and {@link module:image/imagetextalternative/imagetextalternativeui~ImageTextAlternativeUI} plugins.\n */\nexport class ImageTextAlternative extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageTextAlternativeEditing, ImageTextAlternativeUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageTextAlternative' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/converters\n */\n\nimport type {\n\tDowncastDispatcher,\n\tModelElement,\n\tUpcastDispatcher,\n\tUpcastElementEvent,\n\tViewElement,\n\tViewElementAttributes,\n\tDowncastAttributeEvent\n} from 'ckeditor5/src/engine.js';\nimport { first, type GetCallback } from 'ckeditor5/src/utils.js';\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * Returns a function that converts the image view representation:\n *\n * ```html\n * <figure class=\"image\"><img src=\"...\" alt=\"...\"></img></figure>\n * ```\n *\n * to the model representation:\n *\n * ```html\n * <imageBlock src=\"...\" alt=\"...\"></imageBlock>\n * ```\n *\n * The entire content of the `<figure>` element except the first `<img>` is being converted as children\n * of the `<imageBlock>` model element.\n *\n * @internal\n */\nexport function upcastImageFigure( imageUtils: ImageUtils ): ( dispatcher: UpcastDispatcher ) => void {\n\tconst converter: GetCallback<UpcastElementEvent> = ( evt, data, conversionApi ) => {\n\t\t// Do not convert if this is not an \"image figure\".\n\t\tif ( !conversionApi.consumable.test( data.viewItem, { name: true, classes: 'image' } ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Find an image element inside the figure element.\n\t\tconst viewImage = imageUtils.findViewImgElement( data.viewItem );\n\n\t\t// Do not convert if image element is absent or was already converted.\n\t\tif ( !viewImage || !conversionApi.consumable.test( viewImage, { name: true } ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Consume the figure to prevent other converters from processing it again.\n\t\tconversionApi.consumable.consume( data.viewItem, { name: true, classes: 'image' } );\n\n\t\t// Convert view image to model image.\n\t\tconst conversionResult = conversionApi.convertItem( viewImage, data.modelCursor );\n\n\t\t// Get image element from conversion result.\n\t\tconst modelImage = first( conversionResult.modelRange!.getItems() ) as ModelElement;\n\n\t\t// When image wasn't successfully converted then finish conversion.\n\t\tif ( !modelImage ) {\n\t\t\t// Revert consumed figure so other features can convert it.\n\t\t\tconversionApi.consumable.revert( data.viewItem, { name: true, classes: 'image' } );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Convert rest of the figure element's children as an image children.\n\t\tconversionApi.convertChildren( data.viewItem, modelImage );\n\n\t\tconversionApi.updateConversionResult( modelImage, data );\n\t};\n\n\treturn dispatcher => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:figure', converter );\n\t};\n}\n\n/**\n * Returns a function that converts the image view representation:\n *\n * ```html\n * <picture><source ... /><source ... />...<img ... /></picture>\n * ```\n *\n * to the model representation as the `sources` attribute:\n *\n * ```html\n * <image[Block|Inline] ... sources=\"...\"></image[Block|Inline]>\n * ```\n *\n * @internal\n */\nexport function upcastPicture( imageUtils: ImageUtils ): ( dispatcher: UpcastDispatcher ) => void {\n\tconst sourceAttributeNames = [ 'srcset', 'media', 'type', 'sizes' ];\n\n\tconst converter: GetCallback<UpcastElementEvent> = ( evt, data, conversionApi ) => {\n\t\tconst pictureViewElement = data.viewItem;\n\n\t\t// Do not convert <picture> if already consumed.\n\t\tif ( !conversionApi.consumable.test( pictureViewElement, { name: true } ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst sources = new Map<ViewElement, Record<string, string | undefined>>();\n\n\t\t// Collect all <source /> elements attribute values.\n\t\tfor ( const childSourceElement of pictureViewElement.getChildren() ) {\n\t\t\tif ( childSourceElement.is( 'element', 'source' ) ) {\n\t\t\t\tconst attributes: Record<string, string | undefined> = {};\n\n\t\t\t\tfor ( const name of sourceAttributeNames ) {\n\t\t\t\t\tif ( childSourceElement.hasAttribute( name ) ) {\n\t\t\t\t\t\t// Don't collect <source /> attribute if already consumed somewhere else.\n\t\t\t\t\t\tif ( conversionApi.consumable.test( childSourceElement, { attributes: name } ) ) {\n\t\t\t\t\t\t\tattributes[ name ] = childSourceElement.getAttribute( name );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif ( Object.keys( attributes ).length ) {\n\t\t\t\t\tsources.set( childSourceElement, attributes );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst imgViewElement = imageUtils.findViewImgElement( pictureViewElement );\n\n\t\t// Don't convert when a picture has no <img/> inside (it is broken).\n\t\tif ( !imgViewElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet modelImage = data.modelCursor.parent;\n\n\t\t// - In case of an inline image (cursor parent in a <paragraph>), the <img/> must be converted right away\n\t\t// because no converter handled it yet and otherwise there would be no model element to set the sources attribute on.\n\t\t// - In case of a block image, the <figure class=\"image\"> converter (in ImageBlockEditing) converts the\n\t\t// <img/> right away on its own and the modelCursor is already inside an imageBlock and there's nothing special\n\t\t// to do here.\n\t\tif ( !modelImage.is( 'element', 'imageBlock' ) ) {\n\t\t\tconst conversionResult = conversionApi.convertItem( imgViewElement, data.modelCursor );\n\n\t\t\t// Set image range as conversion result.\n\t\t\tdata.modelRange = conversionResult.modelRange;\n\n\t\t\t// Continue conversion where image conversion ends.\n\t\t\tdata.modelCursor = conversionResult.modelCursor;\n\n\t\t\tmodelImage = first( conversionResult.modelRange!.getItems() ) as ModelElement;\n\t\t}\n\n\t\tconversionApi.consumable.consume( pictureViewElement, { name: true } );\n\n\t\t// Consume only these <source/> attributes that were actually collected and will be passed on\n\t\t// to the image model element.\n\t\tfor ( const [ sourceElement, attributes ] of sources ) {\n\t\t\tconversionApi.consumable.consume( sourceElement, { attributes: Object.keys( attributes ) } );\n\t\t}\n\n\t\tif ( sources.size ) {\n\t\t\tconversionApi.writer.setAttribute( 'sources', Array.from( sources.values() ), modelImage );\n\t\t}\n\n\t\t// Convert rest of the <picture> children as an image children. Other converters may want to consume them.\n\t\tconversionApi.convertChildren( pictureViewElement, modelImage );\n\t};\n\n\treturn dispatcher => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:picture', converter );\n\t};\n}\n\n/**\n * Converter used to convert the `srcset` model image attribute to the `srcset` and `sizes` attributes in the view.\n *\n * @internal\n * @param imageType The type of the image.\n */\nexport function downcastSrcsetAttribute(\n\timageUtils: ImageUtils,\n\timageType: 'imageBlock' | 'imageInline'\n): ( dispatcher: DowncastDispatcher ) => void {\n\tconst converter: GetCallback<DowncastAttributeEvent<ModelElement>> = ( evt, data, conversionApi\t) => {\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst writer = conversionApi.writer;\n\t\tconst element = conversionApi.mapper.toViewElement( data.item )!;\n\t\tconst img = imageUtils.findViewImgElement( element )!;\n\n\t\tif ( data.attributeNewValue === null ) {\n\t\t\twriter.removeAttribute( 'srcset', img );\n\t\t\twriter.removeAttribute( 'sizes', img );\n\t\t} else {\n\t\t\tif ( data.attributeNewValue ) {\n\t\t\t\twriter.setAttribute( 'srcset', data.attributeNewValue, img );\n\t\t\t\t// Always outputting `100vw`. See https://github.com/ckeditor/ckeditor5-image/issues/2.\n\t\t\t\twriter.setAttribute( 'sizes', '100vw', img );\n\t\t\t}\n\t\t}\n\t};\n\n\treturn dispatcher => {\n\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( `attribute:srcset:${ imageType }`, converter );\n\t};\n}\n\n/**\n * Converts the `source` model attribute to the `<picture><source /><source />...<img /></picture>`\n * view structure.\n *\n * @internal\n */\nexport function downcastSourcesAttribute( imageUtils: ImageUtils ): ( dispatcher: DowncastDispatcher ) => void {\n\tconst converter: GetCallback<DowncastAttributeEvent<ModelElement>> = ( evt, data, conversionApi\t) => {\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst element = conversionApi.mapper.toViewElement( data.item )!;\n\t\tconst imgElement = imageUtils.findViewImgElement( element )!;\n\t\tconst attributeNewValue = data.attributeNewValue as null | Array<ViewElementAttributes>;\n\n\t\tif ( attributeNewValue && attributeNewValue.length ) {\n\t\t\t// Collect all wrapping attribute elements.\n\t\t\tconst attributeElements = [];\n\t\t\tlet viewElement = imgElement.parent;\n\n\t\t\twhile ( viewElement && viewElement.is( 'attributeElement' ) ) {\n\t\t\t\tconst parentElement = viewElement.parent;\n\n\t\t\t\tviewWriter.unwrap( viewWriter.createRangeOn( imgElement ), viewElement );\n\n\t\t\t\tattributeElements.unshift( viewElement );\n\t\t\t\tviewElement = parentElement;\n\t\t\t}\n\n\t\t\tconst hasPictureElement = imgElement.parent!.is( 'element', 'picture' );\n\n\t\t\t// Reuse existing <picture> element (ckeditor5#17192) or create a new one.\n\t\t\tconst pictureElement = hasPictureElement ? imgElement.parent : viewWriter.createContainerElement( 'picture', null );\n\n\t\t\tif ( !hasPictureElement ) {\n\t\t\t\tviewWriter.insert( viewWriter.createPositionBefore( imgElement ), pictureElement );\n\t\t\t}\n\n\t\t\tviewWriter.remove( viewWriter.createRangeIn( pictureElement ) );\n\n\t\t\tviewWriter.insert( viewWriter.createPositionAt( pictureElement, 'end' ),\n\t\t\t\tattributeNewValue.map( sourceAttributes => {\n\t\t\t\t\treturn viewWriter.createEmptyElement( 'source', sourceAttributes );\n\t\t\t\t} )\n\t\t\t);\n\n\t\t\tviewWriter.move( viewWriter.createRangeOn( imgElement ), viewWriter.createPositionAt( pictureElement, 'end' ) );\n\n\t\t\t// Apply collected attribute elements over the new picture element.\n\t\t\tfor ( const attributeElement of attributeElements ) {\n\t\t\t\tviewWriter.wrap( viewWriter.createRangeOn( pictureElement ), attributeElement );\n\t\t\t}\n\t\t}\n\t\t// Both setting \"sources\" to an empty array and removing the attribute should unwrap the <img />.\n\t\t// Unwrap once if the latter followed the former, though.\n\t\telse if ( imgElement.parent!.is( 'element', 'picture' ) ) {\n\t\t\tconst pictureElement = imgElement.parent;\n\n\t\t\tviewWriter.move( viewWriter.createRangeOn( imgElement ), viewWriter.createPositionBefore( pictureElement ) );\n\t\t\tviewWriter.remove( pictureElement );\n\t\t}\n\t};\n\n\treturn dispatcher => {\n\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( 'attribute:sources:imageBlock', converter );\n\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( 'attribute:sources:imageInline', converter );\n\t};\n}\n\n/**\n * Converter used to convert a given image attribute from the model to the view.\n *\n * @internal\n * @param imageType The type of the image.\n * @param attributeKey The name of the attribute to convert.\n */\nexport function downcastImageAttribute(\n\timageUtils: ImageUtils,\n\timageType: 'imageBlock' | 'imageInline',\n\tattributeKey: string\n): ( dispatcher: DowncastDispatcher ) => void {\n\tconst converter: GetCallback<DowncastAttributeEvent<ModelElement>> = ( evt, data, conversionApi ) => {\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst element = conversionApi.mapper.toViewElement( data.item )!;\n\t\tconst img = imageUtils.findViewImgElement( element )!;\n\n\t\tviewWriter.setAttribute( data.attributeKey, data.attributeNewValue || '', img );\n\t};\n\n\treturn dispatcher => {\n\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( `attribute:${ attributeKey }:${ imageType }`, converter );\n\t};\n}\n\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/imageloadobserver\n */\n\nimport { Observer } from 'ckeditor5/src/engine.js';\n\n/**\n * Observes all new images added to the {@link module:engine/view/document~ViewDocument},\n * fires {@link module:engine/view/document~ViewDocument#event:imageLoaded} and\n * {@link module:engine/view/document~ViewDocument#event:layoutChanged} event every time when the new image\n * has been loaded.\n *\n * **Note:** This event is not fired for images that has been added to the document and rendered as `complete` (already loaded).\n */\nexport class ImageLoadObserver extends Observer {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic observe( domRoot: HTMLElement ): void {\n\t\tthis.listenTo( domRoot, 'load', ( event, domEvent ) => {\n\t\t\tconst domElement = domEvent.target as HTMLElement;\n\n\t\t\tif ( this.checkShouldIgnoreEventFromTarget( domElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( domElement.tagName == 'IMG' ) {\n\t\t\t\tthis._fireEvents( domEvent );\n\t\t\t}\n\t\t\t// Use capture phase for better performance (#4504).\n\t\t}, { useCapture: true } );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override stopObserving( domRoot: HTMLElement ): void {\n\t\tthis.stopListening( domRoot );\n\t}\n\n\t/**\n\t * Fires {@link module:engine/view/document~ViewDocument#event:layoutChanged} and\n\t * {@link module:engine/view/document~ViewDocument#event:imageLoaded}\n\t * if observer {@link #isEnabled is enabled}.\n\t *\n\t * @param domEvent The DOM event.\n\t */\n\tprivate _fireEvents( domEvent: Event ): void {\n\t\tif ( this.isEnabled ) {\n\t\t\tthis.document.fire( 'layoutChanged' );\n\t\t\tthis.document.fire<ImageLoadedEvent>( 'imageLoaded', domEvent );\n\t\t}\n\t}\n}\n\n/**\n * Fired when an <img/> DOM element has been loaded in the DOM root.\n *\n * Introduced by {@link module:image/image/imageloadobserver~ImageLoadObserver}.\n *\n * @see module:image/image/imageloadobserver~ImageLoadObserver\n *\n * @eventName module:engine/view/document~ViewDocument#imageLoaded\n * @param data Event data.\n */\nexport type ImageLoadedEvent = {\n\tname: 'imageLoaded';\n\targs: [ Event ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/insertimagecommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { logWarning, toArray, type ArrayOrItem } from 'ckeditor5/src/utils.js';\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * Insert image command.\n *\n * The command is registered by the {@link module:image/image/imageediting~ImageEditing} plugin as `insertImage`\n * and it is also available via aliased `imageInsert` name.\n *\n * In order to insert an image at the current selection position\n * (according to the {@link module:widget/utils~findOptimalInsertionRange} algorithm),\n * execute the command and specify the image source:\n *\n * ```ts\n * editor.execute( 'insertImage', { source: 'http://url.to.the/image' } );\n * ```\n *\n * It is also possible to insert multiple images at once:\n *\n * ```ts\n * editor.execute( 'insertImage', {\n * \tsource:  [\n * \t\t'path/to/image.jpg',\n * \t\t'path/to/other-image.jpg'\n * \t]\n * } );\n * ```\n *\n * If you want to take the full control over the process, you can specify individual model attributes:\n *\n * ```ts\n * editor.execute( 'insertImage', {\n * \tsource:  [\n * \t\t{ src: 'path/to/image.jpg', alt: 'First alt text' },\n * \t\t{ src: 'path/to/other-image.jpg', alt: 'Second alt text', customAttribute: 'My attribute value' }\n * \t]\n * } );\n * ```\n */\nexport class InsertImageCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tconst configImageInsertType = editor.config.get( 'image.insert.type' );\n\n\t\tif ( !editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\tif ( configImageInsertType === 'block' ) {\n\t\t\t\t/**\n\t\t\t\t * The {@link module:image/imageblock~ImageBlock} plugin must be enabled to allow inserting block images. See\n\t\t\t\t * {@link module:image/imageconfig~ImageInsertConfig#type} to learn more.\n\t\t\t\t *\n\t\t\t\t * @error image-block-plugin-required\n\t\t\t\t */\n\t\t\t\tlogWarning( 'image-block-plugin-required' );\n\t\t\t}\n\t\t}\n\n\t\tif ( !editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\tif ( configImageInsertType === 'inline' ) {\n\t\t\t\t/**\n\t\t\t\t * The {@link module:image/imageinline~ImageInline} plugin must be enabled to allow inserting inline images. See\n\t\t\t\t * {@link module:image/imageconfig~ImageInsertConfig#type} to learn more.\n\t\t\t\t *\n\t\t\t\t * @error image-inline-plugin-required\n\t\t\t\t */\n\t\t\t\tlogWarning( 'image-inline-plugin-required' );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\n\t\tthis.isEnabled = imageUtils.isImageAllowed();\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Options for the executed command.\n\t * @param options.imageType The type of the image to insert. If not specified, the type will be determined automatically.\n\t * @param options.source The image source or an array of image sources to insert.\n\t * @param options.breakBlock If set to `true`, the block at the selection start will be broken before inserting the image.\n\t * See the documentation of the command to learn more about accepted formats.\n\t */\n\tpublic override execute(\n\t\toptions: {\n\t\t\tsource: ArrayOrItem<string | Record<string, unknown>>;\n\t\t\timageType?: 'imageBlock' | 'imageInline' | null;\n\t\t\tbreakBlock?: boolean;\n\t\t}\n\t): void {\n\t\tconst sourceDefinitions = toArray<string | Record<string, unknown>>( options.source );\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\n\t\t// In case of multiple images, each image (starting from the 2nd) will be inserted at a position that\n\t\t// follows the previous one. That will move the selection and, to stay on the safe side and make sure\n\t\t// all images inherit the same selection attributes, they are collected beforehand.\n\t\t//\n\t\t// Applying these attributes ensures, for instance, that inserting an (inline) image into a link does\n\t\t// not split that link but preserves its continuity.\n\t\t//\n\t\t// Note: Selection attributes that do not make sense for images will be filtered out by insertImage() anyway.\n\t\tconst selectionAttributes = Object.fromEntries( selection.getAttributes() );\n\n\t\tsourceDefinitions.forEach( ( sourceDefinition, index ) => {\n\t\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\t\tif ( typeof sourceDefinition === 'string' ) {\n\t\t\t\tsourceDefinition = { src: sourceDefinition };\n\t\t\t}\n\n\t\t\t// Inserting of an inline image replace the selected element and make a selection on the inserted image.\n\t\t\t// Therefore inserting multiple inline images requires creating position after each element.\n\t\t\tif ( index && selectedElement && imageUtils.isImage( selectedElement ) ) {\n\t\t\t\tconst position = this.editor.model.createPositionAfter( selectedElement );\n\n\t\t\t\timageUtils.insertImage( { ...sourceDefinition, ...selectionAttributes }, position, options.imageType );\n\t\t\t} else if ( options.breakBlock ) {\n\t\t\t\timageUtils.insertImage( { ...sourceDefinition, ...selectionAttributes }, selection.getFirstPosition(), options.imageType );\n\t\t\t} else {\n\t\t\t\timageUtils.insertImage( { ...sourceDefinition, ...selectionAttributes }, null, options.imageType );\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { type ImageUtils } from '../imageutils.js';\nimport type { ModelWriter, ModelElement } from 'ckeditor5/src/engine.js';\n\n/**\n * @module image/image/replaceimagesourcecommand\n */\n\n/**\n * Replace image source command.\n *\n * Changes image source to the one provided. Can be executed as follows:\n *\n * ```ts\n * editor.execute( 'replaceImageSource', { source: 'http://url.to.the/image' } );\n * ```\n */\nexport class ReplaceImageSourceCommand extends Command {\n\tdeclare public value: string | null;\n\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.decorate( 'cleanupImage' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst element = this.editor.model.document.selection.getSelectedElement()!;\n\n\t\tthis.isEnabled = imageUtils.isImage( element );\n\t\tthis.value = this.isEnabled ? element.getAttribute( 'src' ) as string : null;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Options for the executed command.\n\t * @param options.source The image source to replace.\n\t */\n\tpublic override execute( options: { source: string } ): void {\n\t\tconst image = this.editor.model.document.selection.getSelectedElement()!;\n\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\n\t\tthis.editor.model.change( writer => {\n\t\t\twriter.setAttribute( 'src', options.source, image );\n\n\t\t\tthis.cleanupImage( writer, image );\n\n\t\t\timageUtils.setImageNaturalSizeAttributes( image );\n\t\t} );\n\t}\n\n\t/**\n\t * Cleanup image attributes that are not relevant to the new source.\n\t *\n\t * Removed attributes are: 'srcset', 'sizes', 'sources', 'width', 'height', 'alt'.\n\t *\n\t * This method is decorated, to allow custom cleanup logic.\n\t * For example, to remove 'myImageId' attribute after 'src' has changed:\n\t *\n\t * ```ts\n\t * replaceImageSourceCommand.on( 'cleanupImage', ( eventInfo, [ writer, image ] ) => {\n\t * \twriter.removeAttribute( 'myImageId', image );\n\t * } );\n\t * ```\n\t */\n\tpublic cleanupImage( writer: ModelWriter, image: ModelElement ): void {\n\t\twriter.removeAttribute( 'srcset', image );\n\t\twriter.removeAttribute( 'sizes', image );\n\n\t\t/**\n\t\t * In case responsive images some attributes should be cleaned up.\n\t\t * Check: https://github.com/ckeditor/ckeditor5/issues/15093\n\t\t */\n\t\twriter.removeAttribute( 'sources', image );\n\t\twriter.removeAttribute( 'width', image );\n\t\twriter.removeAttribute( 'height', image );\n\t\twriter.removeAttribute( 'alt', image );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/imageediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageLoadObserver } from './imageloadobserver.js';\nimport { InsertImageCommand } from './insertimagecommand.js';\nimport { ReplaceImageSourceCommand } from './replaceimagesourcecommand.js';\nimport { ImageUtils } from '../imageutils.js';\n\n/**\n * The image engine plugin. This module loads common code shared between\n * {@link module:image/image/imageinlineediting~ImageInlineEditing} and\n * {@link module:image/image/imageblockediting~ImageBlockEditing} plugins.\n *\n * This plugin registers the {@link module:image/image/insertimagecommand~InsertImageCommand 'insertImage'} command.\n */\nexport class ImageEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst conversion = editor.conversion;\n\n\t\t// See https://github.com/ckeditor/ckeditor5-image/issues/142.\n\t\teditor.editing.view.addObserver( ImageLoadObserver );\n\n\t\tconversion.for( 'upcast' )\n\t\t\t.attributeToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: 'img',\n\t\t\t\t\tkey: 'alt'\n\t\t\t\t},\n\t\t\t\tmodel: 'alt'\n\t\t\t} )\n\t\t\t.attributeToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: 'img',\n\t\t\t\t\tkey: 'srcset'\n\t\t\t\t},\n\t\t\t\tmodel: 'srcset'\n\t\t\t} );\n\n\t\tconst insertImageCommand = new InsertImageCommand( editor );\n\t\tconst replaceImageSourceCommand = new ReplaceImageSourceCommand( editor );\n\n\t\teditor.commands.add( 'insertImage', insertImageCommand );\n\t\teditor.commands.add( 'replaceImageSource', replaceImageSourceCommand );\n\n\t\t// `imageInsert` is an alias for backward compatibility.\n\t\teditor.commands.add( 'imageInsert', insertImageCommand );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagesizeattributes\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { DowncastDispatcher, DowncastAttributeEvent, ViewElement, ModelElement } from 'ckeditor5/src/engine.js';\nimport { ImageUtils } from './imageutils.js';\nimport { widthAndHeightStylesAreBothSet, getSizeValueIfInPx } from './image/utils.js';\n\n/**\n * This plugin enables `width` and `height` attributes in inline and block image elements.\n */\nexport class ImageSizeAttributes extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageSizeAttributes' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tthis._registerSchema();\n\t\tthis._registerConverters( 'imageBlock' );\n\t\tthis._registerConverters( 'imageInline' );\n\t}\n\n\t/**\n\t * Registers the `width` and `height` attributes for inline and block images.\n\t */\n\tprivate _registerSchema(): void {\n\t\tconst schema = this.editor.model.schema;\n\n\t\tif ( this.editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\tschema.extend( 'imageBlock', { allowAttributes: [ 'width', 'height' ] } );\n\t\t}\n\n\t\tif ( this.editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\tschema.extend( 'imageInline', { allowAttributes: [ 'width', 'height' ] } );\n\t\t}\n\t}\n\n\t/**\n\t * Registers converters for `width` and `height` attributes.\n\t */\n\tprivate _registerConverters( imageType: 'imageBlock' | 'imageInline' ): void {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst viewElementName = imageType === 'imageBlock' ? 'figure' : 'img';\n\n\t\teditor.conversion.for( 'upcast' )\n\t\t\t.attributeToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: viewElementName,\n\t\t\t\t\tstyles: {\n\t\t\t\t\t\twidth: /.+/\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tmodel: {\n\t\t\t\t\tkey: 'width',\n\t\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\t\tif ( widthAndHeightStylesAreBothSet( viewElement ) ) {\n\t\t\t\t\t\t\treturn getSizeValueIfInPx( viewElement.getStyle( 'width' ) );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.attributeToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: viewElementName,\n\t\t\t\t\tkey: 'width'\n\t\t\t\t},\n\t\t\t\tmodel: 'width'\n\t\t\t} )\n\t\t\t.attributeToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: viewElementName,\n\t\t\t\t\tstyles: {\n\t\t\t\t\t\theight: /.+/\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tmodel: {\n\t\t\t\t\tkey: 'height',\n\t\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\t\tif ( widthAndHeightStylesAreBothSet( viewElement ) ) {\n\t\t\t\t\t\t\treturn getSizeValueIfInPx( viewElement.getStyle( 'height' ) );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.attributeToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: viewElementName,\n\t\t\t\t\tkey: 'height'\n\t\t\t\t},\n\t\t\t\tmodel: 'height'\n\t\t\t} );\n\n\t\t// Dedicated converters to propagate attributes to the <img> element.\n\t\teditor.conversion.for( 'editingDowncast' ).add( dispatcher => {\n\t\t\tattachDowncastConverter( dispatcher, 'width', 'width', true, true );\n\t\t\tattachDowncastConverter( dispatcher, 'height', 'height', true, true );\n\t\t} );\n\n\t\teditor.conversion.for( 'dataDowncast' ).add( dispatcher => {\n\t\t\tattachDowncastConverter( dispatcher, 'width', 'width', false );\n\t\t\tattachDowncastConverter( dispatcher, 'height', 'height', false );\n\t\t} );\n\n\t\t// Consume `aspect-ratio` style if `width` and `height` attributes are set on the image.\n\t\teditor.conversion.for( 'upcast' ).add( dispatcher => {\n\t\t\tdispatcher.on( 'element:img', ( evt, data, conversionApi ) => {\n\t\t\t\tconst width = data.viewItem.getAttribute( 'width' );\n\t\t\t\tconst height = data.viewItem.getAttribute( 'height' );\n\n\t\t\t\tif ( width && height ) {\n\t\t\t\t\tconversionApi.consumable.consume( data.viewItem, { styles: [ 'aspect-ratio' ] } );\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\n\t\tfunction attachDowncastConverter(\n\t\t\tdispatcher: DowncastDispatcher,\n\t\t\tmodelAttributeName: string,\n\t\t\tviewAttributeName: string,\n\t\t\tsetRatioForInlineImage: boolean,\n\t\t\tisEditingDowncast: boolean = false\n\t\t) {\n\t\t\tdispatcher.on<DowncastAttributeEvent>( `attribute:${ modelAttributeName }:${ imageType }`, ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\t\tconst viewElement = conversionApi.mapper.toViewElement( data.item as ModelElement )!;\n\t\t\t\tconst img = imageUtils.findViewImgElement( viewElement )!;\n\n\t\t\t\tif ( data.attributeNewValue !== null ) {\n\t\t\t\t\tviewWriter.setAttribute( viewAttributeName, data.attributeNewValue, img );\n\t\t\t\t} else {\n\t\t\t\t\tviewWriter.removeAttribute( viewAttributeName, img );\n\t\t\t\t}\n\n\t\t\t\tconst width = data.item.getAttribute( 'width' );\n\t\t\t\tconst height = data.item.getAttribute( 'height' );\n\t\t\t\tconst hasSizes = width && height;\n\n\t\t\t\tif ( hasSizes && isEditingDowncast ) {\n\t\t\t\t\tviewWriter.setAttribute( 'loading', 'lazy', img );\n\t\t\t\t}\n\n\t\t\t\t// Do not set aspect-ratio for pictures. See https://github.com/ckeditor/ckeditor5/issues/14579.\n\t\t\t\tif ( data.item.hasAttribute( 'sources' ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst isResized = data.item.hasAttribute( 'resizedWidth' );\n\n\t\t\t\t// Do not set aspect ratio for inline images which are not resized (data pipeline).\n\t\t\t\tif ( imageType === 'imageInline' && !isResized && !setRatioForInlineImage ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( hasSizes ) {\n\t\t\t\t\tviewWriter.setStyle( 'aspect-ratio', `${ width }/${ height }`, img );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/imagetypecommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * The image type command. It changes the type of a selected image, depending on the configuration.\n */\nexport class ImageTypeCommand extends Command {\n\t/**\n\t * Model element name the command converts to.\n\t */\n\tprivate readonly _modelElementName: 'imageBlock' | 'imageInline';\n\n\t/**\n\t * @inheritDoc\n\t *\n\t * @param modelElementName Model element name the command converts to.\n\t */\n\tconstructor( editor: Editor, modelElementName: 'imageBlock' | 'imageInline' ) {\n\t\tsuper( editor );\n\n\t\tthis._modelElementName = modelElementName;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst element = imageUtils.getClosestSelectedImageElement( this.editor.model.document.selection );\n\n\t\tif ( this._modelElementName === 'imageBlock' ) {\n\t\t\tthis.isEnabled = imageUtils.isInlineImage( element );\n\t\t} else {\n\t\t\tthis.isEnabled = imageUtils.isBlockImage( element );\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command and changes the type of a selected image.\n\t *\n\t * @fires execute\n\t * @param options.setImageSizes Specifies whether the image `width` and `height` attributes should be set automatically.\n\t * The default is `true`.\n\t * @returns An object containing references to old and new model image elements\n\t * (for before and after the change) so external integrations can hook into the decorated\n\t * `execute` event and handle this change. `null` if the type change failed.\n\t */\n\tpublic override execute( options: { setImageSizes?: boolean } = {} ): { oldElement: ModelElement; newElement: ModelElement } | null {\n\t\tconst editor = this.editor;\n\t\tconst model = this.editor.model;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst oldElement = imageUtils.getClosestSelectedImageElement( model.document.selection )!;\n\t\tconst attributes = Object.fromEntries( oldElement.getAttributes() );\n\n\t\t// Don't change image type if \"src\" is missing (a broken image), unless there's \"uploadId\" set.\n\t\t// This state may happen during image upload (before it finishes) and it should be possible to change type\n\t\t// of the image in the meantime.\n\t\tif ( !attributes.src && !attributes.uploadId ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn model.change( writer => {\n\t\t\tconst { setImageSizes = true } = options;\n\n\t\t\t// Get all markers that contain the old image element.\n\t\t\tconst markers = Array.from( model.markers )\n\t\t\t\t.filter( marker => marker.getRange().containsItem( oldElement ) );\n\n\t\t\tconst newElement = imageUtils.insertImage(\n\t\t\t\tattributes,\n\t\t\t\tmodel.createSelection( oldElement, 'on' ),\n\t\t\t\tthis._modelElementName,\n\t\t\t\t{ setImageSizes }\n\t\t\t);\n\n\t\t\tif ( !newElement ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst newElementRange = writer.createRangeOn( newElement );\n\n\t\t\t// Expand the previously intersecting markers' ranges to include the new image element.\n\t\t\tfor ( const marker of markers ) {\n\t\t\t\tconst markerRange = marker.getRange();\n\n\t\t\t\t// Join the survived part of the old marker range with the new element range\n\t\t\t\t// (loosely because there could be some new paragraph or the existing one might got split).\n\t\t\t\tconst range = markerRange.root.rootName != '$graveyard' ?\n\t\t\t\t\tmarkerRange.getJoined( newElementRange, true )! : newElementRange;\n\n\t\t\t\twriter.updateMarker( marker, { range } );\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\toldElement,\n\t\t\t\tnewElement\n\t\t\t};\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/imageplaceholder\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type {\n\tDowncastAttributeEvent,\n\tModelElement,\n\tViewElement\n} from 'ckeditor5/src/engine.js';\n\nimport { ImageUtils } from '../imageutils.js';\nimport { ImageLoadObserver, type ImageLoadedEvent } from './imageloadobserver.js';\n\nimport '../../theme/imageplaceholder.css';\n\n/**\n * Adds support for image placeholder that is automatically removed when the image is loaded.\n */\nexport class ImagePlaceholder extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImagePlaceholder' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tthis._setupSchema();\n\t\tthis._setupConversion();\n\t\tthis._setupLoadListener();\n\t}\n\n\t/**\n\t * Extends model schema.\n\t */\n\tprivate _setupSchema(): void {\n\t\tconst schema = this.editor.model.schema;\n\n\t\t// Wait for ImageBlockEditing or ImageInlineEditing to register their elements first,\n\t\t// that's why doing this in afterInit() instead of init().\n\t\tif ( schema.isRegistered( 'imageBlock' ) ) {\n\t\t\tschema.extend( 'imageBlock', {\n\t\t\t\tallowAttributes: [ 'placeholder' ]\n\t\t\t} );\n\t\t}\n\n\t\tif ( schema.isRegistered( 'imageInline' ) ) {\n\t\t\tschema.extend( 'imageInline', {\n\t\t\t\tallowAttributes: [ 'placeholder' ]\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Registers converters.\n\t */\n\tprivate _setupConversion(): void {\n\t\tconst editor = this.editor;\n\t\tconst conversion = editor.conversion;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\tconversion.for( 'editingDowncast' ).add( dispatcher => {\n\t\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( 'attribute:placeholder', ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( !data.item.is( 'element', 'imageBlock' ) && !data.item.is( 'element', 'imageInline' ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconversionApi.consumable.consume( data.item, evt.name );\n\n\t\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\t\tconst element = conversionApi.mapper.toViewElement( data.item )!;\n\t\t\t\tconst img = imageUtils.findViewImgElement( element )!;\n\n\t\t\t\tif ( data.attributeNewValue ) {\n\t\t\t\t\tviewWriter.addClass( 'image_placeholder', img );\n\t\t\t\t\tviewWriter.setStyle( 'background-image', `url(${ data.attributeNewValue })`, img );\n\t\t\t\t\tviewWriter.setCustomProperty( 'editingPipeline:doNotReuseOnce', true, img );\n\t\t\t\t} else {\n\t\t\t\t\tviewWriter.removeClass( 'image_placeholder', img );\n\t\t\t\t\tviewWriter.removeStyle( 'background-image', img );\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Prepares listener for image load.\n\t */\n\tprivate _setupLoadListener(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst editing = editor.editing;\n\t\tconst editingView = editing.view;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\teditingView.addObserver( ImageLoadObserver );\n\n\t\tthis.listenTo<ImageLoadedEvent>( editingView.document, 'imageLoaded', ( evt, domEvent ) => {\n\t\t\tconst imgViewElement = editingView.domConverter.mapDomToView( domEvent.target as HTMLElement );\n\n\t\t\tif ( !imgViewElement ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewElement = imageUtils.getImageWidgetFromImageView( imgViewElement as ViewElement );\n\n\t\t\tif ( !viewElement ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst modelElement = editing.mapper.toModelElement( viewElement );\n\n\t\t\tif ( !modelElement || !modelElement.hasAttribute( 'placeholder' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tmodel.enqueueChange( { isUndoable: false }, writer => {\n\t\t\t\twriter.removeAttribute( 'placeholder', modelElement );\n\t\t\t} );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/imageblockediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ClipboardPipeline, type ClipboardInputTransformationEvent, type ClipboardContentInsertionEvent } from 'ckeditor5/src/clipboard.js';\nimport { ViewUpcastWriter, type ViewElement } from 'ckeditor5/src/engine.js';\n\nimport {\n\tdowncastImageAttribute,\n\tdowncastSrcsetAttribute,\n\tupcastImageFigure\n} from './converters.js';\n\nimport { ImageEditing } from './imageediting.js';\nimport { ImageSizeAttributes } from '../imagesizeattributes.js';\nimport { ImageTypeCommand } from './imagetypecommand.js';\nimport { ImageUtils } from '../imageutils.js';\nimport {\n\tgetImgViewElementMatcher,\n\tcreateBlockImageViewElement,\n\tdetermineImageTypeForInsertionAtSelection\n} from './utils.js';\nimport { ImagePlaceholder } from './imageplaceholder.js';\n\n/**\n * The image block plugin.\n *\n * It registers:\n *\n * * `<imageBlock>` as a block element in the document schema, and allows `alt`, `src` and `srcset` attributes.\n * * converters for editing and data pipelines.,\n * * {@link module:image/image/imagetypecommand~ImageTypeCommand `'imageTypeBlock'`} command that converts inline images into\n * block images.\n */\nexport class ImageBlockEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageEditing, ImageSizeAttributes, ImageUtils, ImagePlaceholder, ClipboardPipeline ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageBlockEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\t// Converters 'alt' and 'srcset' are added in 'ImageEditing' plugin.\n\t\tschema.register( 'imageBlock', {\n\t\t\tinheritAllFrom: '$blockObject',\n\t\t\tallowAttributes: [ 'alt', 'src', 'srcset' ]\n\t\t} );\n\n\t\tthis._setupConversion();\n\n\t\tif ( editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\teditor.commands.add( 'imageTypeBlock', new ImageTypeCommand( this.editor, 'imageBlock' ) );\n\n\t\t\tthis._setupClipboardIntegration();\n\t\t}\n\t}\n\n\t/**\n\t * Configures conversion pipelines to support upcasting and downcasting\n\t * block images (block image widgets) and their attributes.\n\t */\n\tprivate _setupConversion(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst conversion = editor.conversion;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\tconversion.for( 'dataDowncast' )\n\t\t\t.elementToStructure( {\n\t\t\t\tmodel: 'imageBlock',\n\t\t\t\tview: ( modelElement, { writer } ) => createBlockImageViewElement( writer )\n\t\t\t} );\n\n\t\tconversion.for( 'editingDowncast' )\n\t\t\t.elementToStructure( {\n\t\t\t\tmodel: 'imageBlock',\n\t\t\t\tview: ( modelElement, { writer } ) => imageUtils.toImageWidget(\n\t\t\t\t\tcreateBlockImageViewElement( writer ), writer, t( 'image widget' )\n\t\t\t\t)\n\t\t\t} );\n\n\t\tconversion.for( 'downcast' )\n\t\t\t.add( downcastImageAttribute( imageUtils, 'imageBlock', 'src' ) )\n\t\t\t.add( downcastImageAttribute( imageUtils, 'imageBlock', 'alt' ) )\n\t\t\t.add( downcastSrcsetAttribute( imageUtils, 'imageBlock' ) );\n\n\t\t// More image related upcasts are in 'ImageEditing' plugin.\n\t\tconversion.for( 'upcast' )\n\t\t\t.elementToElement( {\n\t\t\t\tview: getImgViewElementMatcher( editor, 'imageBlock' ),\n\t\t\t\tmodel: ( viewImage, { writer } ) => writer.createElement(\n\t\t\t\t\t'imageBlock',\n\t\t\t\t\tviewImage.hasAttribute( 'src' ) ? { src: viewImage.getAttribute( 'src' ) } : undefined\n\t\t\t\t)\n\t\t\t} )\n\t\t\t.add( upcastImageFigure( imageUtils ) );\n\t}\n\n\t/**\n\t * Integrates the plugin with the clipboard pipeline.\n\t *\n\t * Idea is that the feature should recognize the user's intent when an **inline** image is\n\t * pasted or dropped. If such an image is pasted/dropped:\n\t *\n\t * * into an empty block (e.g. an empty paragraph),\n\t * * on another object (e.g. some block widget).\n\t *\n\t * it gets converted into a block image on the fly. We assume this is the user's intent\n\t * if they decided to put their image there.\n\t *\n\t * See the `ImageInlineEditing` for the similar integration that works in the opposite direction.\n\t *\n\t * The feature also sets image `width` and `height` attributes on paste.\n\t */\n\tprivate _setupClipboardIntegration(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst editingView = editor.editing.view;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst clipboardPipeline: ClipboardPipeline = editor.plugins.get( 'ClipboardPipeline' );\n\n\t\tthis.listenTo<ClipboardInputTransformationEvent>(\n\t\t\tclipboardPipeline,\n\t\t\t'inputTransformation',\n\t\t\t( evt, data ) => {\n\t\t\t\tconst docFragmentChildren = Array.from( data.content.getChildren() as IterableIterator<ViewElement> );\n\t\t\t\tlet modelRange;\n\n\t\t\t\t// Make sure only <img> elements are dropped or pasted. Otherwise, if there some other HTML\n\t\t\t\t// mixed up, this should be handled as a regular paste.\n\t\t\t\tif ( !docFragmentChildren.every( imageUtils.isInlineImageView ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// When drag and dropping, data.targetRanges specifies where to drop because\n\t\t\t\t// this is usually a different place than the current model selection (the user\n\t\t\t\t// uses a drop marker to specify the drop location).\n\t\t\t\tif ( data.targetRanges ) {\n\t\t\t\t\tmodelRange = editor.editing.mapper.toModelRange( data.targetRanges[ 0 ] );\n\t\t\t\t}\n\t\t\t\t// Pasting, however, always occurs at the current model selection.\n\t\t\t\telse {\n\t\t\t\t\tmodelRange = model.document.selection.getFirstRange();\n\t\t\t\t}\n\n\t\t\t\tconst selection = model.createSelection( modelRange );\n\n\t\t\t\t// Convert inline images into block images only when the currently selected block is empty\n\t\t\t\t// (e.g. an empty paragraph) or some object is selected (to replace it).\n\t\t\t\tif ( determineImageTypeForInsertionAtSelection( model.schema, selection ) === 'imageBlock' ) {\n\t\t\t\t\tconst writer = new ViewUpcastWriter( editingView.document );\n\n\t\t\t\t\t// Wrap <img ... /> -> <figure class=\"image\"><img .../></figure>\n\t\t\t\t\tconst blockViewImages = docFragmentChildren.map(\n\t\t\t\t\t\tinlineViewImage => writer.createElement( 'figure', { class: 'image' }, inlineViewImage )\n\t\t\t\t\t);\n\n\t\t\t\t\tdata.content = writer.createDocumentFragment( blockViewImages );\n\t\t\t\t}\n\t\t\t} );\n\n\t\tthis.listenTo<ClipboardContentInsertionEvent>(\n\t\t\tclipboardPipeline,\n\t\t\t'contentInsertion',\n\t\t\t( evt, data ) => {\n\t\t\t\tif ( data.method !== 'paste' ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\tconst range = writer.createRangeIn( data.content );\n\n\t\t\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\t\t\tif ( item.is( 'element', 'imageBlock' ) ) {\n\t\t\t\t\t\t\timageUtils.setImageNaturalSizeAttributes( item );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageinsert/ui/imageinsertformview\n */\n\nimport {\n\tView,\n\tViewCollection,\n\tsubmitHandler,\n\tFocusCycler,\n\tCollapsibleView,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\nimport { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\n\nimport '../../../theme/imageinsert.css';\n\n/**\n * The view displayed in the insert image dropdown.\n *\n * See {@link module:image/imageinsert/imageinsertui~ImageInsertUI}.\n *\n * @internal\n */\nexport class ImageInsertFormView extends View {\n\t/**\n\t * Tracks information about DOM focus in the form.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprotected readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprotected readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * A collection of the defined integrations for inserting the images.\n\t */\n\tprivate readonly children: ViewCollection<FocusableView>;\n\n\t/**\n\t * Creates a view for the dropdown panel of {@link module:image/imageinsert/imageinsertui~ImageInsertUI}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param integrations An integrations object that contains components (or tokens for components) to be shown in the panel view.\n\t */\n\tconstructor( locale: Locale, integrations: Array<FocusableView> = [] ) {\n\t\tsuper( locale );\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis._focusables = new ViewCollection();\n\t\tthis.children = this.createCollection();\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tfor ( const view of integrations ) {\n\t\t\tthis.children.add( view );\n\t\t\tthis._focusables.add( view );\n\n\t\t\tif ( view instanceof CollapsibleView ) {\n\t\t\t\tthis._focusables.addMany( view.children );\n\t\t\t}\n\t\t}\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-image-insert-form'\n\t\t\t\t],\n\t\t\t\ttabindex: -1\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\tfor ( const view of this._focusables ) {\n\t\t\tthis.focusTracker.add( view.element! );\n\t\t}\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\n\t\tconst stopPropagation = ( data: KeyboardEvent ) => data.stopPropagation();\n\n\t\t// Since the form is in the dropdown panel which is a child of the toolbar, the toolbar's\n\t\t// keystroke handler would take over the key management in the URL input. We need to prevent\n\t\t// this ASAP. Otherwise, the basic caret movement using the arrow keys will be impossible.\n\t\tthis.keystrokes.set( 'arrowright', stopPropagation );\n\t\tthis.keystrokes.set( 'arrowleft', stopPropagation );\n\t\tthis.keystrokes.set( 'arrowup', stopPropagation );\n\t\tthis.keystrokes.set( 'arrowdown', stopPropagation );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the first {@link #_focusables focusable} in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageinsert/imageinsertui\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport {\n\tlogWarning,\n\ttype Locale,\n\ttype Observable\n} from 'ckeditor5/src/utils.js';\nimport {\n\tcreateDropdown,\n\ttype ButtonView,\n\ttype DropdownButtonView,\n\ttype DropdownView,\n\ttype FocusableView,\n\ttype MenuBarMenuListItemButtonView,\n\tMenuBarMenuListItemView,\n\tMenuBarMenuListView,\n\tMenuBarMenuView,\n\tSplitButtonView,\n\ttype View\n} from 'ckeditor5/src/ui.js';\nimport { IconImage } from 'ckeditor5/src/icons.js';\n\nimport { ImageInsertFormView } from './ui/imageinsertformview.js';\nimport { ImageUtils } from '../imageutils.js';\n\n/**\n * The image insert dropdown plugin.\n *\n * For a detailed overview, check the {@glink features/images/image-upload/image-upload Image upload feature}\n * and {@glink features/images/images-inserting Insert images via source URL} documentation.\n *\n * Adds the `'insertImage'` dropdown to the {@link module:ui/componentfactory~ComponentFactory UI component factory}\n * and also the `imageInsert` dropdown as an alias for backward compatibility.\n *\n * Adds the `'menuBar:insertImage'` sub-menu to the {@link module:ui/componentfactory~ComponentFactory UI component factory}, which is\n * by default added to the `'Insert'` menu.\n */\nexport class ImageInsertUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageInsertUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUtils ] as const;\n\t}\n\n\t/**\n\t * The dropdown view responsible for displaying the image insert UI.\n\t */\n\tpublic dropdownView?: DropdownView;\n\n\t/**\n\t * Observable property used to alter labels while some image is selected and when it is not.\n\t *\n\t * @observable\n\t */\n\tdeclare public isImageSelected: boolean;\n\n\t/**\n\t * Registered integrations map.\n\t */\n\tprivate _integrations = new Map<string, IntegrationData>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'image.insert.integrations', [\n\t\t\t'upload',\n\t\t\t'assetManager',\n\t\t\t'url'\n\t\t] );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\tthis.set( 'isImageSelected', false );\n\n\t\tthis.listenTo( editor.model.document, 'change', () => {\n\t\t\tthis.isImageSelected = imageUtils.isImage( selection.getSelectedElement() );\n\t\t} );\n\n\t\tconst componentCreator = ( locale: Locale ) => this._createToolbarComponent( locale );\n\t\tconst menuBarComponentCreator = ( locale: Locale ) => this._createMenuBarComponent( locale );\n\n\t\t// Register `insertImage` dropdown and add `imageInsert` dropdown as an alias for backward compatibility.\n\t\teditor.ui.componentFactory.add( 'insertImage', componentCreator );\n\t\teditor.ui.componentFactory.add( 'imageInsert', componentCreator );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:insertImage', menuBarComponentCreator );\n\t}\n\n\t/**\n\t * Registers the insert image dropdown integration.\n\t */\n\tpublic registerIntegration( {\n\t\tname,\n\t\tobservable,\n\t\tbuttonViewCreator,\n\t\tformViewCreator,\n\t\tmenuBarButtonViewCreator,\n\t\trequiresForm = false,\n\t\toverride = false\n\t}: {\n\t\tname: string;\n\t\tobservable: Observable & { isEnabled: boolean } | ( () => Observable & { isEnabled: boolean } );\n\t\tbuttonViewCreator: ( isOnlyOne: boolean ) => ButtonView;\n\t\tformViewCreator: ( isOnlyOne: boolean ) => FocusableView | Array<FocusableView>;\n\t\tmenuBarButtonViewCreator: ( isOnlyOne: boolean ) => MenuBarMenuListItemButtonView | Array<MenuBarMenuListItemButtonView>;\n\t\trequiresForm?: boolean;\n\t\toverride?: boolean;\n\t} ): void {\n\t\tif ( this._integrations.has( name ) && !override ) {\n\t\t\t/**\n\t\t\t * There are two insert-image integrations registered with the same name.\n\t\t\t *\n\t\t\t * Make sure that you do not load multiple asset manager plugins.\n\t\t\t *\n\t\t\t * @error image-insert-integration-exists\n\t\t\t */\n\t\t\tlogWarning( 'image-insert-integration-exists', { name } );\n\t\t}\n\n\t\tthis._integrations.set( name, {\n\t\t\tobservable,\n\t\t\tbuttonViewCreator,\n\t\t\tmenuBarButtonViewCreator,\n\t\t\tformViewCreator,\n\t\t\trequiresForm\n\t\t} );\n\t}\n\n\t/**\n\t * Creates the toolbar component.\n\t */\n\tprivate _createToolbarComponent( locale: Locale ): DropdownView | FocusableView {\n\t\tconst editor = this.editor;\n\t\tconst t = locale.t;\n\n\t\tconst integrations = this._prepareIntegrations();\n\n\t\tif ( !integrations.length ) {\n\t\t\treturn null as any;\n\t\t}\n\n\t\tlet dropdownButton: SplitButtonView | DropdownButtonView | undefined;\n\t\tconst firstIntegration = integrations[ 0 ];\n\n\t\tif ( integrations.length == 1 ) {\n\t\t\t// Do not use dropdown for a single integration button (integration that does not require form view).\n\t\t\tif ( !firstIntegration.requiresForm ) {\n\t\t\t\treturn firstIntegration.buttonViewCreator( true );\n\t\t\t}\n\n\t\t\tdropdownButton = firstIntegration.buttonViewCreator( true ) as DropdownButtonView;\n\t\t} else {\n\t\t\tconst actionButton = firstIntegration.buttonViewCreator( false ) as ButtonView & FocusableView;\n\n\t\t\tdropdownButton = new SplitButtonView( locale, actionButton );\n\t\t\tdropdownButton.tooltip = true;\n\n\t\t\tdropdownButton.bind( 'label' ).to( this, 'isImageSelected', isImageSelected => isImageSelected ?\n\t\t\t\tt( 'Replace image' ) :\n\t\t\t\tt( 'Insert image' )\n\t\t\t);\n\t\t}\n\n\t\tconst dropdownView = this.dropdownView = createDropdown( locale, dropdownButton );\n\t\tconst observables = integrations.map( ( { observable } ) => typeof observable == 'function' ? observable() : observable );\n\n\t\tdropdownView.bind( 'isEnabled' ).toMany( observables, 'isEnabled', ( ...isEnabled ) => (\n\t\t\tisEnabled.some( isEnabled => isEnabled )\n\t\t) );\n\n\t\tdropdownView.once( 'change:isOpen', () => {\n\t\t\tconst integrationViews = integrations.flatMap( ( { formViewCreator } ) => formViewCreator( integrations.length == 1 ) );\n\t\t\tconst imageInsertFormView = new ImageInsertFormView( editor.locale, integrationViews );\n\n\t\t\tdropdownView.panelView.children.add( imageInsertFormView );\n\t\t} );\n\n\t\treturn dropdownView;\n\t}\n\n\t/**\n\t * Creates the menu bar component.\n\t */\n\tprivate _createMenuBarComponent( locale: Locale ): View {\n\t\tconst t = locale.t;\n\n\t\tconst integrations = this._prepareIntegrations();\n\n\t\tif ( !integrations.length ) {\n\t\t\treturn null as any;\n\t\t}\n\n\t\tconst integrationViews = integrations.flatMap( ( {\n\t\t\tmenuBarButtonViewCreator\n\t\t} ) => menuBarButtonViewCreator( integrations.length == 1 ) );\n\n\t\tconst resultView = new MenuBarMenuView( locale );\n\t\tconst listView = new MenuBarMenuListView( locale );\n\t\tresultView.panelView.children.add( listView );\n\n\t\tresultView.buttonView.set( {\n\t\t\ticon: IconImage,\n\t\t\tlabel: t( 'Image' )\n\t\t} );\n\n\t\tfor ( const integrationView of integrationViews ) {\n\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, resultView );\n\n\t\t\tlistItemView.children.add( integrationView );\n\t\t\tlistView.items.add( listItemView );\n\n\t\t\tintegrationView.delegate( 'execute' ).to( resultView );\n\t\t}\n\n\t\treturn resultView;\n\t}\n\n\t/**\n\t * Validates the integrations list.\n\t */\n\tprivate _prepareIntegrations(): Array<IntegrationData> {\n\t\tconst editor = this.editor;\n\t\tconst items = editor.config.get( 'image.insert.integrations' )!;\n\t\tconst result: Array<IntegrationData> = [];\n\n\t\tif ( !items.length ) {\n\t\t\t/**\n\t\t\t * The insert image feature requires a list of integrations to be provided in the editor configuration.\n\t\t\t *\n\t\t\t * The default list of integrations is `upload`, `assetManager`, `url`. Those integrations are included\n\t\t\t * in the insert image dropdown if the given feature plugin is loaded. You should omit the `integrations`\n\t\t\t * configuration key to use the default set or provide a selected list of integrations that should be used.\n\t\t\t *\n\t\t\t * @error image-insert-integrations-not-specified\n\t\t\t */\n\t\t\tlogWarning( 'image-insert-integrations-not-specified' );\n\n\t\t\treturn result;\n\t\t}\n\n\t\tfor ( const item of items ) {\n\t\t\tif ( !this._integrations.has( item ) ) {\n\t\t\t\tif ( ![ 'upload', 'assetManager', 'url' ].includes( item ) ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * The specified insert image integration name is unknown or the providing plugin is not loaded in the editor.\n\t\t\t\t\t *\n\t\t\t\t\t * @error image-insert-unknown-integration\n\t\t\t\t\t */\n\t\t\t\t\tlogWarning( 'image-insert-unknown-integration', { item } );\n\t\t\t\t}\n\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tresult.push( this._integrations.get( item )! );\n\t\t}\n\n\t\tif ( !result.length ) {\n\t\t\t/**\n\t\t\t * The image insert feature requires integrations to be registered by separate features.\n\t\t\t *\n\t\t\t * The `insertImage` toolbar button requires integrations to be registered by other features.\n\t\t\t * For example {@link module:image/imageupload~ImageUpload ImageUpload},\n\t\t\t * {@link module:image/imageinsert~ImageInsert ImageInsert},\n\t\t\t * {@link module:image/imageinsertviaurl~ImageInsertViaUrl ImageInsertViaUrl},\n\t\t\t * {@link module:ckbox/ckbox~CKBox CKBox}\n\t\t\t *\n\t\t\t * @error image-insert-integrations-not-registered\n\t\t\t */\n\t\t\tlogWarning( 'image-insert-integrations-not-registered' );\n\t\t}\n\n\t\treturn result;\n\t}\n}\n\ntype IntegrationData = {\n\tobservable: Observable & { isEnabled: boolean } | ( () => Observable & { isEnabled: boolean } );\n\tbuttonViewCreator: ( isOnlyOne: boolean ) => ButtonView;\n\tmenuBarButtonViewCreator: ( isOnlyOne: boolean ) => MenuBarMenuListItemButtonView | Array<MenuBarMenuListItemButtonView>;\n\tformViewCreator: ( isOnlyOne: boolean ) => FocusableView | Array<FocusableView>;\n\trequiresForm: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageblock\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Widget } from 'ckeditor5/src/widget.js';\n\nimport { ImageTextAlternative } from './imagetextalternative.js';\nimport { ImageBlockEditing } from './image/imageblockediting.js';\nimport { ImageInsertUI } from './imageinsert/imageinsertui.js';\n\nimport '../theme/image.css';\n\n/**\n * The image block plugin.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * {@link module:image/image/imageblockediting~ImageBlockEditing},\n * * {@link module:image/imagetextalternative~ImageTextAlternative}.\n *\n * Usually, it is used in conjunction with other plugins from this package. See the {@glink api/image package page}\n * for more information.\n */\nexport class ImageBlock extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageBlockEditing, Widget, ImageTextAlternative, ImageInsertUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageBlock' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image/imageinlineediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ClipboardPipeline, type ClipboardInputTransformationEvent, type ClipboardContentInsertionEvent } from 'ckeditor5/src/clipboard.js';\nimport { ViewUpcastWriter, type ViewElement } from 'ckeditor5/src/engine.js';\n\nimport {\n\tdowncastImageAttribute,\n\tdowncastSrcsetAttribute\n} from './converters.js';\n\nimport { ImageEditing } from './imageediting.js';\nimport { ImageSizeAttributes } from '../imagesizeattributes.js';\nimport { ImageTypeCommand } from './imagetypecommand.js';\nimport { ImageUtils } from '../imageutils.js';\nimport {\n\tgetImgViewElementMatcher,\n\tcreateInlineImageViewElement,\n\tdetermineImageTypeForInsertionAtSelection\n} from './utils.js';\nimport { ImagePlaceholder } from './imageplaceholder.js';\n\n/**\n * The image inline plugin.\n *\n * It registers:\n *\n * * `<imageInline>` as an inline element in the document schema, and allows `alt`, `src` and `srcset` attributes.\n * * converters for editing and data pipelines.\n * * {@link module:image/image/imagetypecommand~ImageTypeCommand `'imageTypeInline'`} command that converts block images into\n * inline images.\n */\nexport class ImageInlineEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageEditing, ImageSizeAttributes, ImageUtils, ImagePlaceholder, ClipboardPipeline ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageInlineEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\t// Converters 'alt' and 'srcset' are added in 'ImageEditing' plugin.\n\t\tschema.register( 'imageInline', {\n\t\t\tinheritAllFrom: '$inlineObject',\n\t\t\tallowAttributes: [ 'alt', 'src', 'srcset' ],\n\t\t\t// Disallow inline images in captions (at least for now).\n\t\t\t// This is the best spot to do that because independent packages can introduce captions (ImageCaption, TableCaption, etc.).\n\t\t\tdisallowIn: [ 'caption' ]\n\t\t} );\n\n\t\tthis._setupConversion();\n\n\t\tif ( editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\teditor.commands.add( 'imageTypeInline', new ImageTypeCommand( this.editor, 'imageInline' ) );\n\n\t\t\tthis._setupClipboardIntegration();\n\t\t}\n\t}\n\n\t/**\n\t * Configures conversion pipelines to support upcasting and downcasting\n\t * inline images (inline image widgets) and their attributes.\n\t */\n\tprivate _setupConversion(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst conversion = editor.conversion;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\tconversion.for( 'dataDowncast' )\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: 'imageInline',\n\t\t\t\tview: ( modelElement, { writer } ) => writer.createEmptyElement( 'img' )\n\t\t\t} );\n\n\t\tconversion.for( 'editingDowncast' )\n\t\t\t.elementToStructure( {\n\t\t\t\tmodel: 'imageInline',\n\t\t\t\tview: ( modelElement, { writer } ) => imageUtils.toImageWidget(\n\t\t\t\t\tcreateInlineImageViewElement( writer ), writer, t( 'image widget' )\n\t\t\t\t)\n\t\t\t} );\n\n\t\tconversion.for( 'downcast' )\n\t\t\t.add( downcastImageAttribute( imageUtils, 'imageInline', 'src' ) )\n\t\t\t.add( downcastImageAttribute( imageUtils, 'imageInline', 'alt' ) )\n\t\t\t.add( downcastSrcsetAttribute( imageUtils, 'imageInline' ) );\n\n\t\t// More image related upcasts are in 'ImageEditing' plugin.\n\t\tconversion.for( 'upcast' )\n\t\t\t.elementToElement( {\n\t\t\t\tview: getImgViewElementMatcher( editor, 'imageInline' ),\n\t\t\t\tmodel: ( viewImage, { writer } ) => writer.createElement(\n\t\t\t\t\t'imageInline',\n\t\t\t\t\tviewImage.hasAttribute( 'src' ) ? { src: viewImage.getAttribute( 'src' ) } : undefined\n\t\t\t\t)\n\t\t\t} );\n\t}\n\n\t/**\n\t * Integrates the plugin with the clipboard pipeline.\n\t *\n\t * Idea is that the feature should recognize the user's intent when an **block** image is\n\t * pasted or dropped. If such an image is pasted/dropped into a non-empty block\n\t * (e.g. a paragraph with some text) it gets converted into an inline image on the fly.\n\t *\n\t * We assume this is the user's intent if they decided to put their image there.\n\t *\n\t * **Note**: If a block image has a caption, it will not be converted to an inline image\n\t * to avoid the confusion. Captions are added on purpose and they should never be lost\n\t * in the clipboard pipeline.\n\t *\n\t * See the `ImageBlockEditing` for the similar integration that works in the opposite direction.\n\t *\n\t * The feature also sets image `width` and `height` attributes when pasting.\n\t */\n\tprivate _setupClipboardIntegration(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst editingView = editor.editing.view;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst clipboardPipeline: ClipboardPipeline = editor.plugins.get( 'ClipboardPipeline' );\n\n\t\tthis.listenTo<ClipboardInputTransformationEvent>(\n\t\t\tclipboardPipeline,\n\t\t\t'inputTransformation',\n\t\t\t( evt, data ) => {\n\t\t\t\tconst docFragmentChildren = Array.from( data.content.getChildren() as IterableIterator<ViewElement> );\n\t\t\t\tlet modelRange;\n\n\t\t\t\t// Make sure only <figure class=\"image\"></figure> elements are dropped or pasted. Otherwise, if there some other HTML\n\t\t\t\t// mixed up, this should be handled as a regular paste.\n\t\t\t\tif ( !docFragmentChildren.every( imageUtils.isBlockImageView ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// When drag and dropping, data.targetRanges specifies where to drop because\n\t\t\t\t// this is usually a different place than the current model selection (the user\n\t\t\t\t// uses a drop marker to specify the drop location).\n\t\t\t\tif ( data.targetRanges ) {\n\t\t\t\t\tmodelRange = editor.editing.mapper.toModelRange( data.targetRanges[ 0 ] );\n\t\t\t\t}\n\t\t\t\t// Pasting, however, always occurs at the current model selection.\n\t\t\t\telse {\n\t\t\t\t\tmodelRange = model.document.selection.getFirstRange();\n\t\t\t\t}\n\n\t\t\t\tconst selection = model.createSelection( modelRange );\n\n\t\t\t\t// Convert block images into inline images only when pasting or dropping into non-empty blocks\n\t\t\t\t// and when the block is not an object (e.g. pasting to replace another widget).\n\t\t\t\tif ( determineImageTypeForInsertionAtSelection( model.schema, selection ) === 'imageInline' ) {\n\t\t\t\t\tconst writer = new ViewUpcastWriter( editingView.document );\n\n\t\t\t\t\t// Unwrap <figure class=\"image\"><img .../></figure> -> <img ... />\n\t\t\t\t\t// but <figure class=\"image\"><img .../><figcaption>...</figcaption></figure> -> stays the same\n\t\t\t\t\tconst inlineViewImages = docFragmentChildren.map( blockViewImage => {\n\t\t\t\t\t// If there's just one child, it can be either <img /> or <a><img></a>.\n\t\t\t\t\t// If there are other children than <img>, this means that the block image\n\t\t\t\t\t// has a caption or some other features and this kind of image should be\n\t\t\t\t\t// pasted/dropped without modifications.\n\t\t\t\t\t\tif ( blockViewImage.childCount === 1 ) {\n\t\t\t\t\t\t// Pass the attributes which are present only in the <figure> to the <img>\n\t\t\t\t\t\t// (e.g. the style=\"width:10%\" attribute applied by the ImageResize plugin).\n\t\t\t\t\t\t\tArray.from( blockViewImage.getAttributes() )\n\t\t\t\t\t\t\t\t.forEach( attribute => writer.setAttribute(\n\t\t\t\t\t\t\t\t\t...attribute,\n\t\t\t\t\t\t\t\t\timageUtils.findViewImgElement( blockViewImage )!\n\t\t\t\t\t\t\t\t) );\n\n\t\t\t\t\t\t\treturn blockViewImage.getChild( 0 )!;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn blockViewImage;\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\n\t\t\t\t\tdata.content = writer.createDocumentFragment( inlineViewImages );\n\t\t\t\t}\n\t\t\t} );\n\n\t\tthis.listenTo<ClipboardContentInsertionEvent>(\n\t\t\tclipboardPipeline,\n\t\t\t'contentInsertion',\n\t\t\t( evt, data ) => {\n\t\t\t\tif ( data.method !== 'paste' ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\tconst range = writer.createRangeIn( data.content );\n\n\t\t\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\t\t\tif ( item.is( 'element', 'imageInline' ) ) {\n\t\t\t\t\t\t\timageUtils.setImageNaturalSizeAttributes( item );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageinline\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Widget } from 'ckeditor5/src/widget.js';\n\nimport { ImageTextAlternative } from './imagetextalternative.js';\nimport { ImageInlineEditing } from './image/imageinlineediting.js';\nimport { ImageInsertUI } from './imageinsert/imageinsertui.js';\n\nimport '../theme/image.css';\n\n/**\n * The image inline plugin.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * {@link module:image/image/imageinlineediting~ImageInlineEditing},\n * * {@link module:image/imagetextalternative~ImageTextAlternative}.\n *\n * Usually, it is used in conjunction with other plugins from this package. See the {@glink api/image package page}\n * for more information.\n */\nexport class ImageInline extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageInlineEditing, Widget, ImageTextAlternative, ImageInsertUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageInline' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/image\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageBlock } from './imageblock.js';\nimport { ImageInline } from './imageinline.js';\n\nimport '../theme/image.css';\n\n/**\n * The image plugin.\n *\n * For a detailed overview, check the {@glink features/images/images-overview image feature} documentation.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * {@link module:image/imageblock~ImageBlock},\n * * {@link module:image/imageinline~ImageInline},\n *\n * Usually, it is used in conjunction with other plugins from this package. See the {@glink api/image package page}\n * for more information.\n */\nexport class Image extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageBlock, ImageInline ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Image' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagecaption/imagecaptionutils\n */\n\nimport type { ModelDocumentSelection, ModelElement, ModelSelection, ViewElement, Match } from 'ckeditor5/src/engine.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { ImageUtils } from '../imageutils.js';\n\n/**\n * The image caption utilities plugin.\n */\nexport class ImageCaptionUtils extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageCaptionUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUtils ] as const;\n\t}\n\n\t/**\n\t * Returns the caption model element from a given image element. Returns `null` if no caption is found.\n\t */\n\tpublic getCaptionFromImageModelElement( imageModelElement: ModelElement ): ModelElement | null {\n\t\tfor ( const node of imageModelElement.getChildren() ) {\n\t\t\tif ( !!node && node.is( 'element', 'caption' ) ) {\n\t\t\t\treturn node;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns the caption model element for a model selection. Returns `null` if the selection has no caption element ancestor.\n\t */\n\tpublic getCaptionFromModelSelection( selection: ModelSelection | ModelDocumentSelection ): ModelElement | null {\n\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\t\tconst captionElement = selection.getFirstPosition()!.findAncestor( 'caption' );\n\n\t\tif ( !captionElement ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( imageUtils.isBlockImage( captionElement.parent as ModelElement ) ) {\n\t\t\treturn captionElement;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * {@link module:engine/view/matcher~Matcher} pattern. Checks if a given element is a `<figcaption>` element that is placed\n\t * inside the image `<figure>` element.\n\t * @returns Returns the object accepted by {@link module:engine/view/matcher~Matcher} or `null` if the element\n\t * cannot be matched.\n\t */\n\tpublic matchImageCaptionViewElement( element: ViewElement ): Match | null {\n\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\n\t\t// Convert only captions for images.\n\t\tif ( element.name == 'figcaption' && imageUtils.isBlockImageView( element.parent as ViewElement ) ) {\n\t\t\treturn { name: true };\n\t\t}\n\n\t\treturn null;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagecaption/toggleimagecaptioncommand\n */\n\nimport type { ModelElement, ModelWriter } from 'ckeditor5/src/engine.js';\nimport { Command } from 'ckeditor5/src/core.js';\n\nimport { ImageBlockEditing } from '../image/imageblockediting.js';\nimport { type ImageCaptionUtils } from './imagecaptionutils.js';\nimport { type ImageUtils } from '../imageutils.js';\nimport { type ImageCaptionEditing } from './imagecaptionediting.js';\n\n/**\n * The toggle image caption command.\n *\n * This command is registered by {@link module:image/imagecaption/imagecaptionediting~ImageCaptionEditing} as the\n * `'toggleImageCaption'` editor command.\n *\n * Executing this command:\n *\n * * either adds or removes the image caption of a selected image (depending on whether the caption is present or not),\n * * removes the image caption if the selection is anchored in one.\n *\n * ```ts\n * // Toggle the presence of the caption.\n * editor.execute( 'toggleImageCaption' );\n * ```\n *\n * **Note**: Upon executing this command, the selection will be set on the image if previously anchored in the caption element.\n *\n * **Note**: You can move the selection to the caption right away as it shows up upon executing this command by using\n * the `focusCaptionOnShow` option:\n *\n * ```ts\n * editor.execute( 'toggleImageCaption', { focusCaptionOnShow: true } );\n * ```\n */\nexport class ToggleImageCaptionCommand extends Command {\n\tdeclare public value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst imageCaptionUtils: ImageCaptionUtils = editor.plugins.get( 'ImageCaptionUtils' );\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\t// Only block images can get captions.\n\t\tif ( !editor.plugins.has( ImageBlockEditing ) ) {\n\t\t\tthis.isEnabled = false;\n\t\t\tthis.value = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst selection = editor.model.document.selection;\n\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\tif ( !selectedElement ) {\n\t\t\tconst ancestorCaptionElement = imageCaptionUtils.getCaptionFromModelSelection( selection );\n\n\t\t\tthis.isEnabled = !!ancestorCaptionElement;\n\t\t\tthis.value = !!ancestorCaptionElement;\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Block images support captions by default but the command should also be enabled for inline\n\t\t// images because toggling the caption when one is selected should convert it into a block image.\n\t\tthis.isEnabled = imageUtils.isImage( selectedElement );\n\n\t\tif ( !this.isEnabled ) {\n\t\t\tthis.value = false;\n\t\t} else {\n\t\t\tthis.value = !!imageCaptionUtils.getCaptionFromImageModelElement( selectedElement );\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * ```ts\n\t * editor.execute( 'toggleImageCaption' );\n\t * ```\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.focusCaptionOnShow When true and the caption shows up, the selection will be moved into it straight away.\n\t * @fires execute\n\t */\n\tpublic override execute( options: { focusCaptionOnShow?: boolean } = {} ): void {\n\t\tconst { focusCaptionOnShow } = options;\n\n\t\tthis.editor.model.change( writer => {\n\t\t\tif ( this.value ) {\n\t\t\t\tthis._hideImageCaption( writer );\n\t\t\t} else {\n\t\t\t\tthis._showImageCaption( writer, focusCaptionOnShow );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Shows the caption of the `<imageBlock>` or `<imageInline>`. Also:\n\t *\n\t * * it converts `<imageInline>` to `<imageBlock>` to show the caption,\n\t * * it attempts to restore the caption content from the `ImageCaptionEditing` caption registry,\n\t * * it moves the selection to the caption right away, it the `focusCaptionOnShow` option was set.\n\t */\n\tprivate _showImageCaption( writer: ModelWriter, focusCaptionOnShow?: boolean ): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst imageCaptionEditing: ImageCaptionEditing = this.editor.plugins.get( 'ImageCaptionEditing' );\n\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\n\t\tlet selectedImage = selection.getSelectedElement()!;\n\n\t\tconst savedCaption = imageCaptionEditing._getSavedCaption( selectedImage );\n\n\t\t// Convert imageInline -> image first.\n\t\tif ( imageUtils.isInlineImage( selectedImage ) ) {\n\t\t\tthis.editor.execute( 'imageTypeBlock' );\n\n\t\t\t// Executing the command created a new model element. Let's pick it again.\n\t\t\tselectedImage = selection.getSelectedElement()!;\n\t\t}\n\n\t\t// Try restoring the caption from the ImageCaptionEditing plugin storage.\n\t\tconst newCaptionElement = savedCaption || writer.createElement( 'caption' );\n\n\t\twriter.append( newCaptionElement, selectedImage );\n\n\t\tif ( focusCaptionOnShow ) {\n\t\t\twriter.setSelection( newCaptionElement, 'in' );\n\t\t}\n\t}\n\n\t/**\n\t * Hides the caption of a selected image (or an image caption the selection is anchored to).\n\t *\n\t * The content of the caption is stored in the `ImageCaptionEditing` caption registry to make this\n\t * a reversible action.\n\t */\n\tprivate _hideImageCaption( writer: ModelWriter ): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst imageCaptionEditing: ImageCaptionEditing = editor.plugins.get( 'ImageCaptionEditing' );\n\t\tconst imageCaptionUtils: ImageCaptionUtils = editor.plugins.get( 'ImageCaptionUtils' );\n\t\tlet selectedImage = selection.getSelectedElement()!;\n\t\tlet captionElement: ModelElement;\n\n\t\tif ( selectedImage ) {\n\t\t\tcaptionElement = imageCaptionUtils.getCaptionFromImageModelElement( selectedImage )!;\n\t\t} else {\n\t\t\tcaptionElement = imageCaptionUtils.getCaptionFromModelSelection( selection )!;\n\t\t\tselectedImage = captionElement!.parent as ModelElement;\n\t\t}\n\n\t\t// Store the caption content so it can be restored quickly if the user changes their mind even if they toggle image<->imageInline.\n\t\timageCaptionEditing._saveCaption( selectedImage, captionElement );\n\n\t\twriter.setSelection( selectedImage, 'on' );\n\t\twriter.remove( captionElement );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagecaption/imagecaptionediting\n */\n\nimport { type Editor, Plugin, type CommandExecuteEvent } from 'ckeditor5/src/core.js';\nimport { ModelElement, enableViewPlaceholder, type ModelDocumentChangeEvent, type DifferItemAttribute } from 'ckeditor5/src/engine.js';\nimport { toWidgetEditable } from 'ckeditor5/src/widget.js';\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\n\nimport { ToggleImageCaptionCommand } from './toggleimagecaptioncommand.js';\nimport { ImageUtils } from '../imageutils.js';\nimport { ImageCaptionUtils } from './imagecaptionutils.js';\n\n/**\n * The image caption engine plugin. It is responsible for:\n *\n * * registering converters for the caption element,\n * * registering converters for the caption model attribute,\n * * registering the {@link module:image/imagecaption/toggleimagecaptioncommand~ToggleImageCaptionCommand `toggleImageCaption`} command.\n */\nexport class ImageCaptionEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUtils, ImageCaptionUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageCaptionEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * A map that keeps saved JSONified image captions and image model elements they are\n\t * associated with.\n\t *\n\t * To learn more about this system, see {@link #_saveCaption}.\n\t */\n\tprivate _savedCaptionsMap: WeakMap<ModelElement, unknown>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._savedCaptionsMap = new WeakMap();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\t// Schema configuration.\n\t\tif ( !schema.isRegistered( 'caption' ) ) {\n\t\t\tschema.register( 'caption', {\n\t\t\t\tallowIn: 'imageBlock',\n\t\t\t\tallowContentOf: '$block',\n\t\t\t\tisLimit: true\n\t\t\t} );\n\t\t} else {\n\t\t\tschema.extend( 'caption', {\n\t\t\t\tallowIn: 'imageBlock'\n\t\t\t} );\n\t\t}\n\n\t\teditor.commands.add( 'toggleImageCaption', new ToggleImageCaptionCommand( this.editor ) );\n\n\t\tthis._setupConversion();\n\t\tthis._setupImageTypeCommandsIntegration();\n\t\tthis._registerCaptionReconversion();\n\t}\n\n\t/**\n\t * Configures conversion pipelines to support upcasting and downcasting\n\t * image captions.\n\t */\n\tprivate _setupConversion(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst imageCaptionUtils: ImageCaptionUtils = editor.plugins.get( 'ImageCaptionUtils' );\n\t\tconst t = editor.t;\n\n\t\t// View -> model converter for the data pipeline.\n\t\teditor.conversion.for( 'upcast' ).elementToElement( {\n\t\t\tview: element => imageCaptionUtils.matchImageCaptionViewElement( element ),\n\t\t\tmodel: 'caption'\n\t\t} );\n\n\t\t// Model -> view converter for the data pipeline.\n\t\teditor.conversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\tmodel: 'caption',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tif ( !imageUtils.isBlockImage( modelElement.parent as ModelElement ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn writer.createContainerElement( 'figcaption' );\n\t\t\t}\n\t\t} );\n\n\t\t// Model -> view converter for the editing pipeline.\n\t\teditor.conversion.for( 'editingDowncast' ).elementToElement( {\n\t\t\tmodel: 'caption',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tif ( !imageUtils.isBlockImage( modelElement.parent as ModelElement ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst figcaptionElement = writer.createEditableElement( 'figcaption' );\n\t\t\t\twriter.setCustomProperty( 'imageCaption', true, figcaptionElement );\n\n\t\t\t\tfigcaptionElement.placeholder = t( 'Enter image caption' );\n\t\t\t\tenableViewPlaceholder( {\n\t\t\t\t\tview,\n\t\t\t\t\telement: figcaptionElement,\n\t\t\t\t\tkeepOnFocus: true\n\t\t\t\t} );\n\n\t\t\t\tconst imageAlt = ( modelElement.parent as ModelElement ).getAttribute( 'alt' ) as string;\n\t\t\t\tconst label = imageAlt ? t( 'Caption for image: %0', [ imageAlt ] ) : t( 'Caption for the image' );\n\n\t\t\t\treturn toWidgetEditable( figcaptionElement, writer, { label } );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Integrates with {@link module:image/image/imagetypecommand~ImageTypeCommand image type commands}\n\t * to make sure the caption is preserved when the type of an image changes so it can be restored\n\t * in the future if the user decides they want their caption back.\n\t */\n\tprivate _setupImageTypeCommandsIntegration(): void {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst imageCaptionUtils: ImageCaptionUtils = editor.plugins.get( 'ImageCaptionUtils' );\n\t\tconst imageTypeInlineCommand = editor.commands.get( 'imageTypeInline' );\n\t\tconst imageTypeBlockCommand = editor.commands.get( 'imageTypeBlock' );\n\n\t\tconst handleImageTypeChange: GetCallback<CommandExecuteEvent> = evt => {\n\t\t\t// The image type command execution can be unsuccessful.\n\t\t\tif ( !evt.return ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { oldElement, newElement } = evt.return as { oldElement: ModelElement; newElement: ModelElement };\n\n\t\t\t/* istanbul ignore if: paranoid check -- @preserve */\n\t\t\tif ( !oldElement ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( imageUtils.isBlockImage( oldElement ) ) {\n\t\t\t\tconst oldCaptionElement = imageCaptionUtils.getCaptionFromImageModelElement( oldElement );\n\n\t\t\t\t// If the old element was a captioned block image (the caption was visible),\n\t\t\t\t// simply save it so it can be restored.\n\t\t\t\tif ( oldCaptionElement ) {\n\t\t\t\t\tthis._saveCaption( newElement, oldCaptionElement );\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst savedOldElementCaption = this._getSavedCaption( oldElement );\n\n\t\t\t// If either:\n\t\t\t//\n\t\t\t// * the block image didn't have a visible caption,\n\t\t\t// * the block image caption was hidden (and already saved),\n\t\t\t// * the inline image was passed\n\t\t\t//\n\t\t\t// just try to \"pass\" the saved caption from the old image to the new image\n\t\t\t// so it can be retrieved in the future if the user wants it back.\n\t\t\tif ( savedOldElementCaption ) {\n\t\t\t\t// Note: Since we're writing to a WeakMap, we don't bother with removing the\n\t\t\t\t// [ oldElement, savedOldElementCaption ] pair from it.\n\t\t\t\tthis._saveCaption( newElement, savedOldElementCaption );\n\t\t\t}\n\t\t};\n\n\t\t// Presence of the commands depends on the Image(Inline|Block)Editing plugins loaded in the editor.\n\t\tif ( imageTypeInlineCommand ) {\n\t\t\tthis.listenTo<CommandExecuteEvent>( imageTypeInlineCommand, 'execute', handleImageTypeChange, { priority: 'low' } );\n\t\t}\n\n\t\tif ( imageTypeBlockCommand ) {\n\t\t\tthis.listenTo<CommandExecuteEvent>( imageTypeBlockCommand, 'execute', handleImageTypeChange, { priority: 'low' } );\n\t\t}\n\t}\n\n\t/**\n\t * Returns the saved {@link module:engine/model/element~ModelElement#toJSON JSONified} caption\n\t * of an image model element.\n\t *\n\t * See {@link #_saveCaption}.\n\t *\n\t * @internal\n\t * @param imageModelElement The model element the caption should be returned for.\n\t * @returns The model caption element or `null` if there is none.\n\t */\n\tpublic _getSavedCaption( imageModelElement: ModelElement ): ModelElement | null {\n\t\tconst jsonObject = this._savedCaptionsMap.get( imageModelElement );\n\n\t\treturn jsonObject ? ModelElement.fromJSON( jsonObject ) : null;\n\t}\n\n\t/**\n\t * Saves a {@link module:engine/model/element~ModelElement#toJSON JSONified} caption for\n\t * an image element to allow restoring it in the future.\n\t *\n\t * A caption is saved every time it gets hidden and/or the type of an image changes. The\n\t * user should be able to restore it on demand.\n\t *\n\t * **Note**: The caption cannot be stored in the image model element attribute because,\n\t * for instance, when the model state propagates to collaborators, the attribute would get\n\t * lost (mainly because it does not convert to anything when the caption is hidden) and\n\t * the states of collaborators' models would de-synchronize causing numerous issues.\n\t *\n\t * See {@link #_getSavedCaption}.\n\t *\n\t * @internal\n\t * @param imageModelElement The model element the caption is saved for.\n\t * @param caption The caption model element to be saved.\n\t */\n\tpublic _saveCaption( imageModelElement: ModelElement, caption: ModelElement ): void {\n\t\tthis._savedCaptionsMap.set( imageModelElement, caption.toJSON() );\n\t}\n\n\t/**\n\t * Reconverts image caption when image alt attribute changes.\n\t * The change of alt attribute is reflected in caption's aria-label attribute.\n\t */\n\tprivate _registerCaptionReconversion(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst imageCaptionUtils: ImageCaptionUtils = editor.plugins.get( 'ImageCaptionUtils' );\n\n\t\tmodel.document.on<ModelDocumentChangeEvent>( 'change:data', () => {\n\t\t\tconst changes = model.document.differ.getChanges();\n\n\t\t\tfor ( const change of changes as Array<DifferItemAttribute> ) {\n\t\t\t\tif ( change.attributeKey !== 'alt' ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst image = change.range.start.nodeAfter as ModelElement;\n\n\t\t\t\tif ( imageUtils.isBlockImage( image ) ) {\n\t\t\t\t\tconst caption = imageCaptionUtils.getCaptionFromImageModelElement( image );\n\n\t\t\t\t\tif ( !caption ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\teditor.editing.reconvertItem( caption );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagecaption/imagecaptionui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ButtonView } from 'ckeditor5/src/ui.js';\nimport { IconCaption } from 'ckeditor5/src/icons.js';\nimport { ImageCaptionUtils } from './imagecaptionutils.js';\nimport { type ToggleImageCaptionCommand } from './toggleimagecaptioncommand.js';\n\n/**\n * The image caption UI plugin. It introduces the `'toggleImageCaption'` UI button.\n */\nexport class ImageCaptionUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageCaptionUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageCaptionUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst imageCaptionUtils: ImageCaptionUtils = editor.plugins.get( 'ImageCaptionUtils' );\n\t\tconst t = editor.t;\n\n\t\teditor.ui.componentFactory.add( 'toggleImageCaption', locale => {\n\t\t\tconst command: ToggleImageCaptionCommand = editor.commands.get( 'toggleImageCaption' )!;\n\t\t\tconst view = new ButtonView( locale );\n\n\t\t\tview.set( {\n\t\t\t\ticon: IconCaption,\n\t\t\t\ttooltip: true,\n\t\t\t\tisToggleable: true\n\t\t\t} );\n\n\t\t\tview.bind( 'isOn', 'isEnabled' ).to( command, 'value', 'isEnabled' );\n\t\t\tview.bind( 'label' ).to( command, 'value', value => value ? t( 'Toggle caption off' ) : t( 'Toggle caption on' ) );\n\n\t\t\tthis.listenTo( view, 'execute', () => {\n\t\t\t\teditor.execute( 'toggleImageCaption', { focusCaptionOnShow: true } );\n\n\t\t\t\t// Scroll to the selection and highlight the caption if the caption showed up.\n\t\t\t\tconst modelCaptionElement = imageCaptionUtils.getCaptionFromModelSelection( editor.model.document.selection );\n\n\t\t\t\tif ( modelCaptionElement ) {\n\t\t\t\t\tconst figcaptionElement = editor.editing.mapper.toViewElement( modelCaptionElement );\n\n\t\t\t\t\teditingView.scrollToTheSelection();\n\n\t\t\t\t\teditingView.change( writer => {\n\t\t\t\t\t\twriter.addClass( 'image__caption_highlighted', figcaptionElement! );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn view;\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagecaption\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageCaptionEditing } from './imagecaption/imagecaptionediting.js';\nimport { ImageCaptionUI } from './imagecaption/imagecaptionui.js';\n\nimport '../theme/imagecaption.css';\n\n/**\n * The image caption plugin.\n *\n * For a detailed overview, check the {@glink features/images/images-captions image caption} documentation.\n */\nexport class ImageCaption extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageCaptionEditing, ImageCaptionUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageCaption' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageupload/utils\n */\n\nimport type { ViewElement } from 'ckeditor5/src/engine.js';\nimport { global } from 'ckeditor5/src/utils.js';\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * Creates a regular expression used to test for image files.\n *\n * ```ts\n * const imageType = createImageTypeRegExp( [ 'png', 'jpeg', 'svg+xml', 'vnd.microsoft.icon' ] );\n *\n * console.log( 'is supported image', imageType.test( file.type ) );\n * ```\n */\nexport function createImageTypeRegExp( types: Array<string> ): RegExp {\n\t// Sanitize the MIME type name which may include: \"+\", \"-\" or \".\".\n\tconst regExpSafeNames = types.map( type => type.replace( '+', '\\\\+' ) );\n\n\treturn new RegExp( `^image\\\\/(${ regExpSafeNames.join( '|' ) })$` );\n}\n\n/**\n * Creates a promise that fetches the image local source (Base64 or blob) and resolves with a `File` object.\n *\n * @internal\n * @param image Image whose source to fetch.\n * @returns A promise which resolves when an image source is fetched and converted to a `File` instance.\n * It resolves with a `File` object. If there were any errors during file processing, the promise will be rejected.\n */\nexport function fetchLocalImage( image: ViewElement ): Promise<File> {\n\treturn new Promise( ( resolve, reject ) => {\n\t\tconst imageSrc = image.getAttribute( 'src' )!;\n\n\t\t// Fetch works asynchronously and so does not block browser UI when processing data.\n\t\tfetch( imageSrc )\n\t\t\t.then( resource => resource.blob() )\n\t\t\t.then( blob => {\n\t\t\t\tconst mimeType = getImageMimeType( blob, imageSrc );\n\t\t\t\tconst ext = mimeType.replace( 'image/', '' );\n\t\t\t\tconst filename = `image.${ ext }`;\n\t\t\t\tconst file = new File( [ blob ], filename, { type: mimeType } );\n\n\t\t\t\tresolve( file );\n\t\t\t} )\n\t\t\t.catch( err => {\n\t\t\t\t// Fetch fails only, if it can't make a request due to a network failure or if anything prevented the request\n\t\t\t\t// from completing, i.e. the Content Security Policy rules. It is not possible to detect the exact cause of failure,\n\t\t\t\t// so we are just trying the fallback solution, if general TypeError is thrown.\n\t\t\t\treturn err && err.name === 'TypeError' ?\n\t\t\t\t\tconvertLocalImageOnCanvas( imageSrc ).then( resolve ).catch( reject ) :\n\t\t\t\t\treject( err );\n\t\t\t} );\n\t} );\n}\n\n/**\n * Checks whether a given node is an image element with a local source (Base64 or blob).\n *\n * @param node The node to check.\n * @internal\n */\nexport function isLocalImage( imageUtils: ImageUtils, node: ViewElement ): boolean {\n\tif ( !imageUtils.isInlineImageView( node ) || !node.getAttribute( 'src' ) ) {\n\t\treturn false;\n\t}\n\n\treturn !!node.getAttribute( 'src' )!.match( /^data:image\\/\\w+;base64,/g ) ||\n\t\t!!node.getAttribute( 'src' )!.match( /^blob:/g );\n}\n\n/**\n * Extracts an image type based on its blob representation or its source.\n * @param blob Image blob representation.\n * @param src Image `src` attribute value.\n */\nfunction getImageMimeType( blob: Blob, src: string ): string {\n\tif ( blob.type ) {\n\t\treturn blob.type;\n\t} else if ( src.match( /data:(image\\/\\w+);base64/ ) ) {\n\t\treturn src.match( /data:(image\\/\\w+);base64/ )![ 1 ].toLowerCase();\n\t} else {\n\t\t// Fallback to 'jpeg' as common extension.\n\t\treturn 'image/jpeg';\n\t}\n}\n\n/**\n * Creates a promise that converts the image local source (Base64 or blob) to a blob using canvas and resolves\n * with a `File` object.\n * @param imageSrc Image `src` attribute value.\n * @returns A promise which resolves when an image source is converted to a `File` instance.\n * It resolves with a `File` object. If there were any errors during file processing, the promise will be rejected.\n */\nfunction convertLocalImageOnCanvas( imageSrc: string ): Promise<File> {\n\treturn getBlobFromCanvas( imageSrc ).then( blob => {\n\t\tconst mimeType = getImageMimeType( blob, imageSrc );\n\t\tconst ext = mimeType.replace( 'image/', '' );\n\t\tconst filename = `image.${ ext }`;\n\n\t\treturn new File( [ blob ], filename, { type: mimeType } );\n\t} );\n}\n\n/**\n * Creates a promise that resolves with a `Blob` object converted from the image source (Base64 or blob).\n * @param imageSrc Image `src` attribute value.\n */\nfunction getBlobFromCanvas( imageSrc: string ): Promise<Blob> {\n\treturn new Promise( ( resolve, reject ) => {\n\t\tconst image = global.document.createElement( 'img' );\n\n\t\timage.addEventListener( 'load', () => {\n\t\t\tconst canvas = global.document.createElement( 'canvas' );\n\n\t\t\tcanvas.width = image.width;\n\t\t\tcanvas.height = image.height;\n\n\t\t\tconst ctx = canvas.getContext( '2d' )!;\n\n\t\t\tctx.drawImage( image, 0, 0 );\n\n\t\t\tcanvas.toBlob( blob => blob ? resolve( blob ) : reject() );\n\t\t} );\n\n\t\timage.addEventListener( 'error', () => reject() );\n\n\t\timage.src = imageSrc;\n\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageupload/imageuploadui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\tFileDialogButtonView,\n\tMenuBarMenuListItemFileDialogButtonView,\n\ttype ButtonView,\n\ttype MenuBarMenuListItemButtonView\n} from 'ckeditor5/src/ui.js';\nimport { IconImageUpload } from 'ckeditor5/src/icons.js';\nimport { createImageTypeRegExp } from './utils.js';\nimport { type ImageInsertUI } from '../imageinsert/imageinsertui.js';\n\n/**\n * The image upload button plugin.\n *\n * For a detailed overview, check the {@glink features/images/image-upload/image-upload Image upload feature} documentation.\n *\n * Adds the `'uploadImage'` button to the {@link module:ui/componentfactory~ComponentFactory UI component factory}\n * and also the `imageUpload` button as an alias for backward compatibility.\n *\n * Adds the `'menuBar:uploadImage'` menu button to the {@link module:ui/componentfactory~ComponentFactory UI component factory}.\n *\n * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component, which are the default components\n * through which image upload is available.\n */\nexport class ImageUploadUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageUploadUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Setup `uploadImage` button and add `imageUpload` button as an alias for backward compatibility.\n\t\teditor.ui.componentFactory.add( 'uploadImage', () => this._createToolbarButton() );\n\t\teditor.ui.componentFactory.add( 'imageUpload', () => this._createToolbarButton() );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:uploadImage', () => this._createMenuBarButton( 'standalone' ) );\n\n\t\tif ( editor.plugins.has( 'ImageInsertUI' ) ) {\n\t\t\teditor.plugins.get( 'ImageInsertUI' ).registerIntegration( {\n\t\t\t\tname: 'upload',\n\t\t\t\tobservable: () => editor.commands.get( 'uploadImage' )!,\n\t\t\t\tbuttonViewCreator: () => this._createToolbarButton(),\n\t\t\t\tformViewCreator: () => this._createDropdownButton(),\n\t\t\t\tmenuBarButtonViewCreator: isOnly => this._createMenuBarButton( isOnly ? 'insertOnly' : 'insertNested' )\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Creates the base for various kinds of the button component provided by this feature.\n\t */\n\tprivate _createButton<T extends typeof FileDialogButtonView | typeof MenuBarMenuListItemFileDialogButtonView>(\n\t\tButtonClass: T\n\t): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command = editor.commands.get( 'uploadImage' )!;\n\t\tconst imageTypes = editor.config.get( 'image.upload.types' )!;\n\t\tconst imageTypesRegExp = createImageTypeRegExp( imageTypes );\n\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst t = locale.t;\n\n\t\tview.set( {\n\t\t\tacceptedType: imageTypes.map( type => `image/${ type }` ).join( ',' ),\n\t\t\tallowMultipleFiles: true,\n\t\t\tlabel: t( 'Upload from computer' ),\n\t\t\ticon: IconImageUpload\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command );\n\n\t\tview.on( 'done', ( evt, files: FileList ) => {\n\t\t\tconst imagesToUpload = Array.from( files ).filter( file => imageTypesRegExp.test( file.type ) );\n\n\t\t\tif ( imagesToUpload.length ) {\n\t\t\t\teditor.execute( 'uploadImage', { file: imagesToUpload } );\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t}\n\t\t} );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Creates a simple toolbar button, with an icon and a tooltip.\n\t */\n\tprivate _createToolbarButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst imageInsertUI: ImageInsertUI = this.editor.plugins.get( 'ImageInsertUI' );\n\t\tconst uploadImageCommand = this.editor.commands.get( 'uploadImage' )!;\n\n\t\tconst button = this._createButton( FileDialogButtonView );\n\n\t\tbutton.tooltip = true;\n\t\tbutton.bind( 'label' ).to(\n\t\t\timageInsertUI,\n\t\t\t'isImageSelected',\n\t\t\tuploadImageCommand,\n\t\t\t'isAccessAllowed',\n\t\t\t( isImageSelected, isAccessAllowed ) => {\n\t\t\t\tif ( !isAccessAllowed ) {\n\t\t\t\t\treturn t( 'You have no image upload permissions.' );\n\t\t\t\t}\n\n\t\t\t\treturn isImageSelected ? t( 'Replace image from computer' ) : t( 'Upload image from computer' );\n\t\t\t}\n\t\t);\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for the dropdown view, with an icon, text and no tooltip.\n\t */\n\tprivate _createDropdownButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst imageInsertUI: ImageInsertUI = this.editor.plugins.get( 'ImageInsertUI' );\n\n\t\tconst button = this._createButton( FileDialogButtonView );\n\n\t\tbutton.withText = true;\n\n\t\tbutton.bind( 'label' ).to(\n\t\t\timageInsertUI,\n\t\t\t'isImageSelected',\n\t\t\tisImageSelected => isImageSelected ? t( 'Replace from computer' ) : t( 'Upload from computer' )\n\t\t);\n\n\t\tbutton.on( 'execute', () => {\n\t\t\timageInsertUI.dropdownView!.isOpen = false;\n\t\t} );\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for the menu bar.\n\t */\n\tprivate _createMenuBarButton( type: 'standalone' | 'insertOnly' | 'insertNested' ): MenuBarMenuListItemButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createButton( MenuBarMenuListItemFileDialogButtonView );\n\n\t\tbutton.withText = true;\n\n\t\tswitch ( type ) {\n\t\t\tcase 'standalone':\n\t\t\t\tbutton.label = t( 'Image from computer' );\n\t\t\t\tbreak;\n\t\t\tcase 'insertOnly':\n\t\t\t\tbutton.label = t( 'Image' );\n\t\t\t\tbreak;\n\t\t\tcase 'insertNested':\n\t\t\t\tbutton.label = t( 'From computer' );\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn button;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageupload/imageuploadprogress\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport { FileRepository, type FileLoader } from 'ckeditor5/src/upload.js';\n\nimport '../../theme/imageuploadprogress.css';\nimport '../../theme/imageuploadicon.css';\nimport '../../theme/imageuploadloader.css';\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\nimport type {\n\tViewDowncastWriter,\n\tEditingView,\n\tViewElement,\n\tViewContainerElement,\n\tViewUIElement,\n\tDowncastAttributeEvent,\n\tModelElement\n} from 'ckeditor5/src/engine.js';\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * The image upload progress plugin.\n * It shows a placeholder when the image is read from the disk and a progress bar while the image is uploading.\n */\nexport class ImageUploadProgress extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageUploadProgress' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * The image placeholder that is displayed before real image data can be accessed.\n\t *\n\t * For the record, this image is a 1x1 px GIF with an aspect ratio set by CSS.\n\t */\n\tprivate placeholder: string;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.placeholder = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Upload status change - update image's view according to that status.\n\t\tif ( editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\teditor.editing.downcastDispatcher.on<DowncastAttributeEvent>(\n\t\t\t\t'attribute:uploadStatus:imageBlock',\n\t\t\t\tthis.uploadStatusChange\n\t\t\t);\n\t\t}\n\n\t\tif ( editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\teditor.editing.downcastDispatcher.on<DowncastAttributeEvent>(\n\t\t\t\t'attribute:uploadStatus:imageInline',\n\t\t\t\tthis.uploadStatusChange\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * This method is called each time the image `uploadStatus` attribute is changed.\n\t *\n\t * @param evt An object containing information about the fired event.\n\t * @param data Additional information about the change.\n\t */\n\tprivate uploadStatusChange: GetCallback<DowncastAttributeEvent> = ( evt, data, conversionApi ) => {\n\t\tconst editor = this.editor;\n\t\tconst modelImage = data.item as ModelElement;\n\t\tconst uploadId = modelImage.getAttribute( 'uploadId' ) as string | number;\n\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst fileRepository = editor.plugins.get( FileRepository );\n\t\tconst status = uploadId ? data.attributeNewValue : null;\n\t\tconst placeholder = this.placeholder;\n\t\tconst viewFigure = editor.editing.mapper.toViewElement( modelImage )! as ViewContainerElement;\n\t\tconst viewWriter = conversionApi.writer;\n\n\t\tif ( status == 'reading' ) {\n\t\t\t// Start \"appearing\" effect and show placeholder with infinite progress bar on the top\n\t\t\t// while image is read from disk.\n\t\t\t_startAppearEffect( viewFigure, viewWriter );\n\t\t\t_showPlaceholder( imageUtils, placeholder, viewFigure, viewWriter );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Show progress bar on the top of the image when image is uploading.\n\t\tif ( status == 'uploading' ) {\n\t\t\tconst loader = fileRepository.loaders.get( uploadId );\n\n\t\t\t// Start appear effect if needed - see https://github.com/ckeditor/ckeditor5-image/issues/191.\n\t\t\t_startAppearEffect( viewFigure, viewWriter );\n\n\t\t\tif ( !loader ) {\n\t\t\t\t// There is no loader associated with uploadId - this means that image came from external changes.\n\t\t\t\t// In such cases we still want to show the placeholder until image is fully uploaded.\n\t\t\t\t// Show placeholder if needed - see https://github.com/ckeditor/ckeditor5-image/issues/191.\n\t\t\t\t_showPlaceholder( imageUtils, placeholder, viewFigure, viewWriter );\n\t\t\t} else {\n\t\t\t\t// Hide placeholder and initialize progress bar showing upload progress.\n\t\t\t\t_hidePlaceholder( viewFigure, viewWriter );\n\t\t\t\t_showProgressBar( viewFigure, viewWriter, loader, editor.editing.view );\n\t\t\t\t_displayLocalImage( imageUtils, viewFigure!, viewWriter, loader );\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tif ( status == 'complete' && fileRepository.loaders.get( uploadId ) ) {\n\t\t\t_showCompleteIcon( viewFigure, viewWriter, editor.editing.view );\n\t\t}\n\n\t\t// Clean up.\n\t\t_hideProgressBar( viewFigure, viewWriter );\n\t\t_hidePlaceholder( viewFigure, viewWriter );\n\t\t_stopAppearEffect( viewFigure, viewWriter );\n\t};\n}\n\n/**\n * Adds ck-appear class to the image figure if one is not already applied.\n */\nfunction _startAppearEffect( viewFigure: ViewContainerElement, writer: ViewDowncastWriter ) {\n\tif ( !viewFigure.hasClass( 'ck-appear' ) ) {\n\t\twriter.addClass( 'ck-appear', viewFigure );\n\t}\n}\n\n/**\n * Removes ck-appear class to the image figure if one is not already removed.\n */\nfunction _stopAppearEffect( viewFigure: ViewContainerElement, writer: ViewDowncastWriter ) {\n\twriter.removeClass( 'ck-appear', viewFigure );\n}\n\n/**\n * Shows placeholder together with infinite progress bar on given image figure.\n */\nfunction _showPlaceholder( imageUtils: ImageUtils, placeholder: string, viewFigure: ViewContainerElement, writer: ViewDowncastWriter ) {\n\tif ( !viewFigure.hasClass( 'ck-image-upload-placeholder' ) ) {\n\t\twriter.addClass( 'ck-image-upload-placeholder', viewFigure );\n\t}\n\n\tconst viewImg = imageUtils.findViewImgElement( viewFigure )!;\n\n\tif ( viewImg.getAttribute( 'src' ) !== placeholder ) {\n\t\twriter.setAttribute( 'src', placeholder, viewImg );\n\t}\n\n\tif ( !_getUIElement( viewFigure, 'placeholder' ) ) {\n\t\twriter.insert( writer.createPositionAfter( viewImg ), _createPlaceholder( writer ) );\n\t}\n}\n\n/**\n * Removes placeholder together with infinite progress bar on given image figure.\n */\nfunction _hidePlaceholder( viewFigure: ViewContainerElement, writer: ViewDowncastWriter ) {\n\tif ( viewFigure.hasClass( 'ck-image-upload-placeholder' ) ) {\n\t\twriter.removeClass( 'ck-image-upload-placeholder', viewFigure );\n\t}\n\n\t_removeUIElement( viewFigure, writer, 'placeholder' );\n}\n\n/**\n * Shows progress bar displaying upload progress.\n * Attaches it to the file loader to update when upload percentace is changed.\n */\nfunction _showProgressBar( viewFigure: ViewContainerElement, writer: ViewDowncastWriter, loader: FileLoader, view: EditingView ) {\n\tconst progressBar = _createProgressBar( writer );\n\twriter.insert( writer.createPositionAt( viewFigure, 'end' ), progressBar );\n\n\t// Update progress bar width when uploadedPercent is changed.\n\tloader.on( 'change:uploadedPercent', ( evt, name, value ) => {\n\t\tview.change( writer => {\n\t\t\twriter.setStyle( 'width', value + '%', progressBar );\n\t\t} );\n\t} );\n}\n\n/**\n * Hides upload progress bar.\n */\nfunction _hideProgressBar( viewFigure: ViewContainerElement, writer: ViewDowncastWriter ) {\n\t_removeUIElement( viewFigure, writer, 'progressBar' );\n}\n\n/**\n * Shows complete icon and hides after a certain amount of time.\n */\nfunction _showCompleteIcon( viewFigure: ViewContainerElement, writer: ViewDowncastWriter, view: EditingView ) {\n\tconst completeIcon = writer.createUIElement( 'div', { class: 'ck-image-upload-complete-icon' } );\n\n\twriter.insert( writer.createPositionAt( viewFigure, 'end' ), completeIcon );\n\n\tsetTimeout( () => {\n\t\tview.change( writer => writer.remove( writer.createRangeOn( completeIcon ) ) );\n\t}, 3000 );\n}\n\n/**\n * Create progress bar element using {@link module:engine/view/uielement~ViewUIElement}.\n */\nfunction _createProgressBar( writer: ViewDowncastWriter ): ViewUIElement {\n\tconst progressBar = writer.createUIElement( 'div', { class: 'ck-progress-bar' } );\n\n\twriter.setCustomProperty( 'progressBar', true, progressBar );\n\n\treturn progressBar;\n}\n\n/**\n * Create placeholder element using {@link module:engine/view/uielement~ViewUIElement}.\n */\nfunction _createPlaceholder( writer: ViewDowncastWriter ): ViewUIElement {\n\tconst placeholder = writer.createUIElement( 'div', { class: 'ck-upload-placeholder-loader' } );\n\n\twriter.setCustomProperty( 'placeholder', true, placeholder );\n\n\treturn placeholder;\n}\n\n/**\n * Returns {@link module:engine/view/uielement~ViewUIElement} of given unique property from image figure element.\n * Returns `undefined` if element is not found.\n */\nfunction _getUIElement( imageFigure: ViewElement, uniqueProperty: string ): ViewUIElement | undefined {\n\tfor ( const child of imageFigure.getChildren() ) {\n\t\tif ( ( child as ViewElement ).getCustomProperty( uniqueProperty ) ) {\n\t\t\treturn child as ViewUIElement;\n\t\t}\n\t}\n}\n\n/**\n * Removes {@link module:engine/view/uielement~ViewUIElement} of given unique property from image figure element.\n */\nfunction _removeUIElement( viewFigure: ViewContainerElement, writer: ViewDowncastWriter, uniqueProperty: string ) {\n\tconst element = _getUIElement( viewFigure, uniqueProperty );\n\n\tif ( element ) {\n\t\twriter.remove( writer.createRangeOn( element ) );\n\t}\n}\n\n/**\n * Displays local data from file loader.\n */\nfunction _displayLocalImage( imageUtils: ImageUtils, viewFigure: ViewElement, writer: ViewDowncastWriter, loader: FileLoader ) {\n\tif ( loader.data ) {\n\t\tconst viewImg = imageUtils.findViewImgElement( viewFigure )!;\n\n\t\twriter.setAttribute( 'src', loader.data, viewImg );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport { FileRepository } from 'ckeditor5/src/upload.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { toArray, type ArrayOrItem } from 'ckeditor5/src/utils.js';\nimport type { ModelPosition } from 'ckeditor5/src/engine.js';\n\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * @module image/imageupload/uploadimagecommand\n */\n\n/**\n * The upload image command.\n *\n * The command is registered by the {@link module:image/imageupload/imageuploadediting~ImageUploadEditing} plugin as `uploadImage`\n * and it is also available via aliased `imageUpload` name.\n *\n * In order to upload an image at the current selection position\n * (according to the {@link module:widget/utils~findOptimalInsertionRange} algorithm),\n * execute the command and pass the native image file instance:\n *\n * ```ts\n * this.listenTo( editor.editing.view.document, 'clipboardInput', ( evt, data ) => {\n * \t// Assuming that only images were pasted:\n * \tconst images = Array.from( data.dataTransfer.files );\n *\n * \t// Upload the first image:\n * \teditor.execute( 'uploadImage', { file: images[ 0 ] } );\n * } );\n * ```\n *\n * It is also possible to insert multiple images at once:\n *\n * ```ts\n * editor.execute( 'uploadImage', {\n * \tfile: [\n * \t\tfile1,\n * \t\tfile2\n * \t]\n * } );\n * ```\n */\nexport class UploadImageCommand extends Command {\n\t/**\n\t * The command property: `false` if there is no permission on image upload, otherwise `true`.\n\t *\n\t * @observable\n\t * @internal\n\t */\n\tdeclare public isAccessAllowed: boolean;\n\n\t/**\n\t * Creates an instance of the `imageUlpoad` command. When executed, the command upload one of\n\t * the currently selected image from computer.\n\t *\n\t * @param editor The editor instance.\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.set( 'isAccessAllowed', true );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst selectedElement = editor.model.document.selection.getSelectedElement()!;\n\n\t\t// TODO: This needs refactoring.\n\t\tthis.isEnabled = imageUtils.isImageAllowed() || imageUtils.isImage( selectedElement );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Options for the executed command.\n\t * @param options.file The image file or an array of image files to upload.\n\t */\n\tpublic override execute( options: { file: ArrayOrItem<File> } ): void {\n\t\tconst files = toArray( options.file );\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\n\t\t// In case of multiple files, each file (starting from the 2nd) will be inserted at a position that\n\t\t// follows the previous one. That will move the selection and, to stay on the safe side and make sure\n\t\t// all images inherit the same selection attributes, they are collected beforehand.\n\t\t//\n\t\t// Applying these attributes ensures, for instance, that inserting an (inline) image into a link does\n\t\t// not split that link but preserves its continuity.\n\t\t//\n\t\t// Note: Selection attributes that do not make sense for images will be filtered out by insertImage() anyway.\n\t\tconst selectionAttributes = Object.fromEntries( selection.getAttributes() );\n\n\t\tfiles.forEach( ( file, index ) => {\n\t\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\t\t// Inserting of an inline image replace the selected element and make a selection on the inserted image.\n\t\t\t// Therefore inserting multiple inline images requires creating position after each element.\n\t\t\tif ( index && selectedElement && imageUtils.isImage( selectedElement ) ) {\n\t\t\t\tconst position = this.editor.model.createPositionAfter( selectedElement );\n\n\t\t\t\tthis._uploadImage( file, selectionAttributes, position );\n\t\t\t} else {\n\t\t\t\tthis._uploadImage( file, selectionAttributes );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Handles uploading single file.\n\t */\n\tprivate _uploadImage( file: File, attributes: object, position?: ModelPosition ): void {\n\t\tconst editor = this.editor;\n\t\tconst fileRepository = editor.plugins.get( FileRepository );\n\t\tconst loader = fileRepository.createLoader( file );\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\t// Do not throw when upload adapter is not set. FileRepository will log an error anyway.\n\t\tif ( !loader ) {\n\t\t\treturn;\n\t\t}\n\n\t\timageUtils.insertImage( { ...attributes, uploadId: loader.id }, position );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageupload/imageuploadediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\n\nimport {\n\tViewUpcastWriter,\n\ttype ModelElement,\n\ttype ModelItem,\n\ttype ModelWriter,\n\ttype ViewDataTransfer,\n\ttype ViewElement,\n\ttype ModelNodeAttributes,\n\ttype DowncastAttributeEvent,\n\ttype UpcastElementEvent\n} from 'ckeditor5/src/engine.js';\n\nimport { Notification } from 'ckeditor5/src/ui.js';\nimport { ClipboardPipeline, type ViewDocumentClipboardInputEvent } from 'ckeditor5/src/clipboard.js';\nimport { FileRepository, type UploadResponse, type FileLoader } from 'ckeditor5/src/upload.js';\nimport { env } from 'ckeditor5/src/utils.js';\n\nimport { ImageUtils } from '../imageutils.js';\nimport { UploadImageCommand } from './uploadimagecommand.js';\nimport { fetchLocalImage, isLocalImage } from '../../src/imageupload/utils.js';\nimport { createImageTypeRegExp } from './utils.js';\n\n/**\n * The editing part of the image upload feature. It registers the `'uploadImage'` command\n * and the `imageUpload` command as an aliased name.\n *\n * When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event\n * that allows adding custom attributes to the {@link module:engine/model/element~ModelElement image element}.\n */\nexport class ImageUploadEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ FileRepository, Notification, ClipboardPipeline, ImageUtils ] as const;\n\t}\n\n\tpublic static get pluginName() {\n\t\treturn 'ImageUploadEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * An internal mapping of {@link module:upload/filerepository~FileLoader#id file loader UIDs} and\n\t * model elements during the upload.\n\t *\n\t * Model element of the uploaded image can change, for instance, when {@link module:image/image/imagetypecommand~ImageTypeCommand}\n\t * is executed as a result of adding caption or changing image style. As a result, the upload logic must keep track of the model\n\t * element (reference) and resolve the upload for the correct model element (instead of the one that landed in the `$graveyard`\n\t * after image type changed).\n\t */\n\tprivate readonly _uploadImageElements: Map<string, Set<ModelElement>>;\n\n\t/**\n\t * An internal mapping of {@link module:upload/filerepository~FileLoader#id file loader UIDs} and\n\t * upload responses for handling images dragged during their upload process. When such images are later\n\t * dropped, their original upload IDs no longer exist in the registry (as the original upload completed).\n\t * This map preserves the upload responses to properly handle such cases.\n\t */\n\tprivate readonly _uploadedImages = new Map<string, UploadResponse>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'image', {\n\t\t\tupload: {\n\t\t\t\ttypes: [ 'jpeg', 'png', 'gif', 'bmp', 'webp', 'tiff' ]\n\t\t\t}\n\t\t} );\n\n\t\tthis._uploadImageElements = new Map();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst doc = editor.model.document;\n\t\tconst conversion = editor.conversion;\n\t\tconst fileRepository = editor.plugins.get( FileRepository );\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst clipboardPipeline: ClipboardPipeline = editor.plugins.get( 'ClipboardPipeline' );\n\t\tconst imageTypes = createImageTypeRegExp( editor.config.get( 'image.upload.types' )! );\n\t\tconst uploadImageCommand = new UploadImageCommand( editor );\n\n\t\t// Register `uploadImage` command and add `imageUpload` command as an alias for backward compatibility.\n\t\teditor.commands.add( 'uploadImage', uploadImageCommand );\n\t\teditor.commands.add( 'imageUpload', uploadImageCommand );\n\n\t\t// Register upcast converter for uploadId.\n\t\tconversion.for( 'upcast' )\n\t\t\t.attributeToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: 'img',\n\t\t\t\t\tkey: 'uploadId'\n\t\t\t\t},\n\t\t\t\tmodel: 'uploadId'\n\t\t\t} )\n\n\t\t\t// Handle the case when the image is not fully uploaded yet but it's being moved.\n\t\t\t// See more: https://github.com/ckeditor/ckeditor5/pull/17327\n\t\t\t.add( dispatcher => dispatcher.on<UpcastElementEvent>( 'element:img', ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.test( data.viewItem, { attributes: [ 'data-ck-upload-id' ] } ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst uploadId = data.viewItem.getAttribute( 'data-ck-upload-id' );\n\n\t\t\t\tif ( !uploadId ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst [ modelElement ] = Array.from( data.modelRange!.getItems( { shallow: true } ) );\n\t\t\t\tconst loader = fileRepository.loaders.get( uploadId as string );\n\n\t\t\t\tif ( modelElement ) {\n\t\t\t\t\t// Handle case when `uploadId` is set on the image element but the loader is not present in the registry.\n\t\t\t\t\t// It may happen when the image was successfully uploaded and the loader was removed from the registry.\n\t\t\t\t\t// It's still present in the `_uploadedImages` map though. It's why we do not place this line in the condition below.\n\t\t\t\t\tconversionApi.writer.setAttribute( 'uploadId', uploadId, modelElement );\n\t\t\t\t\tconversionApi.consumable.consume( data.viewItem, { attributes: [ 'data-ck-upload-id' ] } );\n\n\t\t\t\t\tif ( loader && loader.data ) {\n\t\t\t\t\t\tconversionApi.writer.setAttribute( 'uploadStatus', loader.status, modelElement );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, { priority: 'low' } ) );\n\n\t\t// Handle pasted images.\n\t\t// For every image file, a new file loader is created and a placeholder image is\n\t\t// inserted into the content. Then, those images are uploaded once they appear in the model\n\t\t// (see Document#change listener below).\n\t\tthis.listenTo<ViewDocumentClipboardInputEvent>( editor.editing.view.document, 'clipboardInput', ( evt, data ) => {\n\t\t\t// Skip if non empty HTML data is included.\n\t\t\t// https://github.com/ckeditor/ckeditor5-upload/issues/68\n\t\t\tif ( isHtmlInDataTransfer( data.dataTransfer ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst images = Array.from( data.dataTransfer.files ).filter( file => {\n\t\t\t\t// See https://github.com/ckeditor/ckeditor5-image/pull/254.\n\t\t\t\tif ( !file ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn imageTypes.test( file.type );\n\t\t\t} );\n\n\t\t\tif ( !images.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevt.stop();\n\n\t\t\teditor.model.change( writer => {\n\t\t\t\t// Set selection to paste target.\n\t\t\t\tif ( data.targetRanges ) {\n\t\t\t\t\twriter.setSelection( data.targetRanges.map( viewRange => editor.editing.mapper.toModelRange( viewRange ) ) );\n\t\t\t\t}\n\n\t\t\t\teditor.execute( 'uploadImage', { file: images } );\n\t\t\t} );\n\n\t\t\tconst uploadImageCommand = editor.commands.get( 'uploadImage' )!;\n\n\t\t\tif ( !uploadImageCommand.isAccessAllowed ) {\n\t\t\t\tconst notification: Notification = editor.plugins.get( 'Notification' );\n\t\t\t\tconst t = editor.locale.t;\n\n\t\t\t\tnotification.showWarning( t( 'You have no image upload permissions.' ), {\n\t\t\t\t\tnamespace: 'image'\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\t// Handle HTML pasted with images with base64 or blob sources.\n\t\t// For every image file, a new file loader is created and a placeholder image is\n\t\t// inserted into the content. Then, those images are uploaded once they appear in the model\n\t\t// (see Document#change listener below).\n\t\tthis.listenTo( clipboardPipeline, 'inputTransformation', ( evt, data ) => {\n\t\t\tconst fetchableImages = Array.from( editor.editing.view.createRangeIn( data.content ) )\n\t\t\t\t.map( value => value.item as ViewElement )\n\t\t\t\t.filter( viewElement =>\n\t\t\t\t\tisLocalImage( imageUtils, viewElement ) &&\n\t\t\t\t\t!viewElement.getAttribute( 'uploadProcessed' ) )\n\t\t\t\t.map( viewElement => { return { promise: fetchLocalImage( viewElement ), imageElement: viewElement }; } );\n\n\t\t\tif ( !fetchableImages.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst writer = new ViewUpcastWriter( editor.editing.view.document );\n\n\t\t\tfor ( const fetchableImage of fetchableImages ) {\n\t\t\t\t// Set attribute marking that the image was processed already.\n\t\t\t\twriter.setAttribute( 'uploadProcessed', true, fetchableImage.imageElement );\n\n\t\t\t\tconst loader = fileRepository.createLoader( fetchableImage.promise );\n\n\t\t\t\tif ( loader ) {\n\t\t\t\t\twriter.setAttribute( 'src', '', fetchableImage.imageElement );\n\t\t\t\t\twriter.setAttribute( 'uploadId', loader.id, fetchableImage.imageElement );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Prevents from the browser redirecting to the dropped image.\n\t\teditor.editing.view.document.on( 'dragover', ( evt, data ) => {\n\t\t\tdata.preventDefault();\n\t\t} );\n\n\t\t// Upload placeholder images that appeared in the model.\n\t\tdoc.on( 'change', () => {\n\t\t\t// Note: Reversing changes to start with insertions and only then handle removals. If it was the other way around,\n\t\t\t// loaders for **all** images that land in the $graveyard would abort while in fact only those that were **not** replaced\n\t\t\t// by other images should be aborted.\n\t\t\tconst changes = doc.differ.getChanges( { includeChangesInGraveyard: true } ).reverse();\n\t\t\tconst insertedImagesIds = new Set();\n\n\t\t\tfor ( const entry of changes ) {\n\t\t\t\tif ( entry.type == 'insert' && entry.name != '$text' ) {\n\t\t\t\t\tconst item = entry.position.nodeAfter!;\n\t\t\t\t\tconst isInsertedInGraveyard = entry.position.root.rootName == '$graveyard';\n\n\t\t\t\t\tfor ( const imageElement of getImagesFromChangeItem( editor, item ) ) {\n\t\t\t\t\t\t// Check if the image element still has upload id.\n\t\t\t\t\t\tconst uploadId = imageElement.getAttribute( 'uploadId' ) as string;\n\t\t\t\t\t\tconst uploadStatus = imageElement.getAttribute( 'uploadStatus' );\n\n\t\t\t\t\t\t// Check if status is complete to ensure that there were no additional reconversions\n\t\t\t\t\t\t// in the same batch that set the status to 'complete'. It may happen when list item\n\t\t\t\t\t\t// performed refresh of its children (including images) because `uploadStatus` attribute\n\t\t\t\t\t\t// has been changed.\n\t\t\t\t\t\tif ( !uploadId || uploadStatus == 'complete' ) {\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Check if the image is loaded on this client.\n\t\t\t\t\t\tconst loader = fileRepository.loaders.get( uploadId );\n\n\t\t\t\t\t\tif ( !loader ) {\n\t\t\t\t\t\t\t// If the loader does not exist, it means that the image was already uploaded\n\t\t\t\t\t\t\t// and the loader promise was removed from the registry. In that scenario we need\n\t\t\t\t\t\t\t// to restore response object from the internal map.\n\t\t\t\t\t\t\tif ( !isInsertedInGraveyard && this._uploadedImages.has( uploadId ) ) {\n\t\t\t\t\t\t\t\t// Fire `uploadComplete` to set proper attributes on the image element.\n\t\t\t\t\t\t\t\teditor.model.enqueueChange( { isUndoable: false }, writer => {\n\t\t\t\t\t\t\t\t\twriter.setAttribute( 'uploadStatus', 'complete', imageElement );\n\n\t\t\t\t\t\t\t\t\tthis.fire<ImageUploadCompleteEvent>( 'uploadComplete', {\n\t\t\t\t\t\t\t\t\t\tdata: this._uploadedImages.get( uploadId )!,\n\t\t\t\t\t\t\t\t\t\timageElement: imageElement as ModelElement\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t\t\t// While it makes sense to remove the image from the `_uploadedImages` map here,\n\t\t\t\t\t\t\t\t// it's counterintuitive for the user that pastes image in uploading several times.\n\t\t\t\t\t\t\t\t// It'll work the first time, but the next time the image will be empty because the\n\t\t\t\t\t\t\t\t// `_uploadedImages` no longer contain the response.\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( isInsertedInGraveyard ) {\n\t\t\t\t\t\t\t// If the image was inserted to the graveyard for good (**not** replaced by another image),\n\t\t\t\t\t\t\t// only then abort the loading process.\n\t\t\t\t\t\t\tif ( !insertedImagesIds.has( uploadId ) ) {\n\t\t\t\t\t\t\t\t// ... but abort it only if all remain images that share the same loader are in the graveyard too.\n\t\t\t\t\t\t\t\t// This is to prevent situation when we have two images in uploading state and one of them is being\n\t\t\t\t\t\t\t\t// placed in the graveyard (e.g. using undo). The other one should not be aborted.\n\t\t\t\t\t\t\t\tconst allImagesThatShareUploaderInGraveyard = Array\n\t\t\t\t\t\t\t\t\t.from( this._uploadImageElements.get( uploadId )! )\n\t\t\t\t\t\t\t\t\t.every( element => element.root.rootName == '$graveyard' );\n\n\t\t\t\t\t\t\t\tif ( allImagesThatShareUploaderInGraveyard ) {\n\t\t\t\t\t\t\t\t\tloader.abort();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Remember the upload id of the inserted image. If it acted as a replacement for another\n\t\t\t\t\t\t\t// image (which landed in the $graveyard), the related loader will not be aborted because\n\t\t\t\t\t\t\t// this is still the same image upload.\n\t\t\t\t\t\t\tinsertedImagesIds.add( uploadId );\n\n\t\t\t\t\t\t\t// Keep the mapping between the upload ID and the image model element so the upload\n\t\t\t\t\t\t\t// can later resolve in the context of the correct model element. The model element could\n\t\t\t\t\t\t\t// change for the same upload if one image was replaced by another (e.g. image type was changed),\n\t\t\t\t\t\t\t// so this may also replace an existing mapping.\n\t\t\t\t\t\t\tif ( !this._uploadImageElements.has( uploadId ) ) {\n\t\t\t\t\t\t\t\tthis._uploadImageElements.set( uploadId, new Set( [ imageElement as ModelElement ] ) );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tthis._uploadImageElements.get( uploadId )!.add( imageElement as ModelElement );\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif ( loader.status == 'idle' ) {\n\t\t\t\t\t\t\t\t// If the image was inserted into content and has not been loaded yet, start loading it.\n\t\t\t\t\t\t\t\tthis._readAndUpload( loader );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Set the default handler for feeding the image element with `src` and `srcset` attributes.\n\t\t// Also set the natural `width` and `height` attributes (if not already set).\n\t\tthis.on<ImageUploadCompleteEvent>( 'uploadComplete', ( evt, { imageElement, data } ) => {\n\t\t\tconst urls = data.urls ? data.urls as Record<string, unknown> : data;\n\n\t\t\tthis.editor.model.change( writer => {\n\t\t\t\twriter.setAttribute( 'src', urls.default, imageElement );\n\t\t\t\tthis._parseAndSetSrcsetAttributeOnImage( urls, imageElement, writer );\n\t\t\t\timageUtils.setImageNaturalSizeAttributes( imageElement );\n\t\t\t} );\n\t\t}, { priority: 'low' } );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst schema = this.editor.model.schema;\n\n\t\t// Setup schema to allow uploadId and uploadStatus for images.\n\t\t// Wait for ImageBlockEditing or ImageInlineEditing to register their elements first,\n\t\t// that's why doing this in afterInit() instead of init().\n\t\tif ( this.editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\tschema.extend( 'imageBlock', {\n\t\t\t\tallowAttributes: [ 'uploadId', 'uploadStatus' ]\n\t\t\t} );\n\n\t\t\tthis._registerConverters( 'imageBlock' );\n\t\t}\n\n\t\tif ( this.editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\tschema.extend( 'imageInline', {\n\t\t\t\tallowAttributes: [ 'uploadId', 'uploadStatus' ]\n\t\t\t} );\n\n\t\t\tthis._registerConverters( 'imageInline' );\n\t\t}\n\t}\n\n\t/**\n\t * Reads and uploads an image.\n\t *\n\t * The image is read from the disk and as a Base64-encoded string it is set temporarily to\n\t * `image[src]`. When the image is successfully uploaded, the temporary data is replaced with the target\n\t * image's URL (the URL to the uploaded image on the server).\n\t */\n\tprotected _readAndUpload( loader: FileLoader ): Promise<void> {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst t = editor.locale.t;\n\t\tconst fileRepository = editor.plugins.get( FileRepository );\n\t\tconst notification = editor.plugins.get( Notification );\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst imageUploadElements = this._uploadImageElements;\n\n\t\tmodel.enqueueChange( { isUndoable: false }, writer => {\n\t\t\tconst elements = imageUploadElements.get( loader.id )!;\n\n\t\t\tfor ( const element of elements ) {\n\t\t\t\twriter.setAttribute( 'uploadStatus', 'reading', element );\n\t\t\t}\n\t\t} );\n\n\t\treturn loader.read()\n\t\t\t.then( () => {\n\t\t\t\tconst promise = loader.upload();\n\n\t\t\t\tif ( editor.ui ) {\n\t\t\t\t\teditor.ui.ariaLiveAnnouncer.announce( t( 'Uploading image' ) );\n\t\t\t\t}\n\n\t\t\t\tfor ( const imageElement of imageUploadElements.get( loader.id )! ) {\n\t\t\t\t\t// Force re–paint in Safari. Without it, the image will display with a wrong size.\n\t\t\t\t\t// https://github.com/ckeditor/ckeditor5/issues/1975\n\t\t\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\t\t\tif ( env.isSafari ) {\n\t\t\t\t\t\tconst viewFigure = editor.editing.mapper.toViewElement( imageElement )!;\n\t\t\t\t\t\tconst viewImg = imageUtils.findViewImgElement( viewFigure )!;\n\n\t\t\t\t\t\teditor.editing.view.once( 'render', () => {\n\t\t\t\t\t\t\t// Early returns just to be safe. There might be some code ran\n\t\t\t\t\t\t\t// in between the outer scope and this callback.\n\t\t\t\t\t\t\tif ( !viewImg.parent ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst domFigure = editor.editing.view.domConverter.mapViewToDom( viewImg.parent ) as HTMLElement | undefined;\n\n\t\t\t\t\t\t\tif ( !domFigure ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst originalDisplay = domFigure.style.display;\n\n\t\t\t\t\t\t\tdomFigure.style.display = 'none';\n\n\t\t\t\t\t\t\t// Make sure this line will never be removed during minification for having \"no effect\".\n\t\t\t\t\t\t\t( domFigure as any )._ckHack = domFigure.offsetHeight;\n\n\t\t\t\t\t\t\tdomFigure.style.display = originalDisplay;\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\n\t\t\t\t\tmodel.enqueueChange( { isUndoable: false }, writer => {\n\t\t\t\t\t\twriter.setAttribute( 'uploadStatus', 'uploading', imageElement );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\treturn promise;\n\t\t\t} )\n\t\t\t.then( data => {\n\t\t\t\tmodel.enqueueChange( { isUndoable: false }, writer => {\n\t\t\t\t\tfor ( const imageElement of imageUploadElements.get( loader.id )! ) {\n\t\t\t\t\t\twriter.setAttribute( 'uploadStatus', 'complete', imageElement );\n\t\t\t\t\t\tthis.fire<ImageUploadCompleteEvent>( 'uploadComplete', { data, imageElement } );\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( editor.ui ) {\n\t\t\t\t\t\teditor.ui.ariaLiveAnnouncer.announce( t( 'Image upload complete' ) );\n\t\t\t\t\t}\n\n\t\t\t\t\tthis._uploadedImages.set( loader.id, data );\n\t\t\t\t} );\n\n\t\t\t\tclean();\n\t\t\t} )\n\t\t\t.catch( error => {\n\t\t\t\tif ( editor.ui ) {\n\t\t\t\t\teditor.ui.ariaLiveAnnouncer.announce( t( 'Error during image upload' ) );\n\t\t\t\t}\n\n\t\t\t\t// If status is not 'error' nor 'aborted' - throw error because it means that something else went wrong,\n\t\t\t\t// it might be generic error and it would be real pain to find what is going on.\n\t\t\t\tif ( loader.status !== 'error' && loader.status !== 'aborted' ) {\n\t\t\t\t\tthrow error;\n\t\t\t\t}\n\n\t\t\t\t// Might be 'aborted'.\n\t\t\t\tif ( loader.status == 'error' && error ) {\n\t\t\t\t\tnotification.showWarning( error, {\n\t\t\t\t\t\ttitle: t( 'Upload failed' ),\n\t\t\t\t\t\tnamespace: 'upload'\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t// Permanently remove image from insertion batch.\n\t\t\t\tmodel.enqueueChange( { isUndoable: false }, writer => {\n\t\t\t\t\tfor ( const imageElement of imageUploadElements.get( loader.id )! ) {\n\t\t\t\t\t\t// Handle situation when the image has been removed and then `abort` exception was thrown.\n\t\t\t\t\t\t// See: https://github.com/ckeditor/ckeditor5-commercial/issues/6817\n\t\t\t\t\t\tif ( imageElement.root.rootName !== '$graveyard' ) {\n\t\t\t\t\t\t\twriter.remove( imageElement );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\n\t\t\t\tclean();\n\t\t\t} );\n\n\t\tfunction clean() {\n\t\t\tmodel.enqueueChange( { isUndoable: false }, writer => {\n\t\t\t\tfor ( const imageElement of imageUploadElements.get( loader.id )! ) {\n\t\t\t\t\twriter.removeAttribute( 'uploadId', imageElement );\n\t\t\t\t\twriter.removeAttribute( 'uploadStatus', imageElement );\n\t\t\t\t}\n\n\t\t\t\timageUploadElements.delete( loader.id );\n\t\t\t} );\n\n\t\t\tfileRepository.destroyLoader( loader );\n\t\t}\n\t}\n\n\t/**\n\t * Creates the `srcset` attribute based on a given file upload response and sets it as an attribute to a specific image element.\n\t *\n\t * @param data Data object from which `srcset` will be created.\n\t * @param image The image element on which the `srcset` attribute will be set.\n\t */\n\tprotected _parseAndSetSrcsetAttributeOnImage( data: Record<string, unknown>, image: ModelElement, writer: ModelWriter ): void {\n\t\t// Srcset attribute for responsive images support.\n\t\tlet maxWidth = 0;\n\n\t\tconst srcsetAttribute = Object.keys( data )\n\t\t\t// Filter out keys that are not integers.\n\t\t\t.filter( key => {\n\t\t\t\tconst width = parseInt( key, 10 );\n\n\t\t\t\tif ( !isNaN( width ) ) {\n\t\t\t\t\tmaxWidth = Math.max( maxWidth, width );\n\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t} )\n\n\t\t\t// Convert each key to srcset entry.\n\t\t\t.map( key => `${ data[ key ] } ${ key }w` )\n\n\t\t\t// Join all entries.\n\t\t\t.join( ', ' );\n\n\t\tif ( srcsetAttribute != '' ) {\n\t\t\tconst attributes: ModelNodeAttributes = {\n\t\t\t\tsrcset: srcsetAttribute\n\t\t\t};\n\n\t\t\tif ( !image.hasAttribute( 'width' ) && !image.hasAttribute( 'height' ) ) {\n\t\t\t\tattributes.width = maxWidth;\n\t\t\t}\n\n\t\t\twriter.setAttributes( attributes, image );\n\t\t}\n\t}\n\n\t/**\n\t * Registers image upload converters.\n\t *\n\t * @param imageType The type of the image.\n\t */\n\tprivate _registerConverters( imageType: 'imageBlock' | 'imageInline' ) {\n\t\tconst { conversion, plugins } = this.editor;\n\n\t\tconst fileRepository = plugins.get( FileRepository );\n\t\tconst imageUtils = plugins.get( ImageUtils );\n\n\t\t// It sets `data-ck-upload-id` attribute on the view image elements that are not fully uploaded.\n\t\t// It avoids the situation when image disappears when it's being moved and upload is not finished yet.\n\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/16967\n\t\tconversion.for( 'dataDowncast' ).add( dispatcher => {\n\t\t\tdispatcher.on<DowncastAttributeEvent>( `attribute:uploadId:${ imageType }`, ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst loader = fileRepository.loaders.get( data.attributeNewValue as string );\n\n\t\t\t\tif ( !loader || !loader.data ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst viewElement = conversionApi.mapper.toViewElement( data.item as ModelElement )!;\n\t\t\t\tconst img = imageUtils.findViewImgElement( viewElement );\n\n\t\t\t\tif ( img ) {\n\t\t\t\t\tconversionApi.consumable.consume( data.item, evt.name );\n\t\t\t\t\tconversionApi.writer.setAttribute( 'data-ck-upload-id', loader.id, img );\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n/**\n * TODO move this to the clipboard package.\n *\n * Returns `true` if non-empty `text/html` is included in the data transfer.\n */\nexport function isHtmlInDataTransfer( dataTransfer: ViewDataTransfer ): boolean {\n\treturn Array.from( dataTransfer.types ).includes( 'text/html' ) && dataTransfer.getData( 'text/html' ) !== '';\n}\n\nfunction getImagesFromChangeItem( editor: Editor, item: ModelItem ): Array<ModelItem> {\n\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\treturn Array.from( editor.model.createRangeOn( item ) )\n\t\t.filter( value => imageUtils.isImage( value.item as ModelElement ) )\n\t\t.map( value => value.item );\n}\n\n/**\n * An event fired when an image is uploaded. You can hook into this event to provide\n * custom attributes to the {@link module:engine/model/element~ModelElement image element} based on the data from\n * the server.\n *\n * ```ts\n * const imageUploadEditing = editor.plugins.get( 'ImageUploadEditing' );\n *\n * imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {\n * \teditor.model.change( writer => {\n * \t\twriter.setAttribute( 'someAttribute', 'foo', imageElement );\n * \t} );\n * } );\n * ```\n *\n * You can also stop the default handler that sets the `src` and `srcset` attributes\n * if you want to provide custom values for these attributes.\n *\n * ```ts\n * imageUploadEditing.on( 'uploadComplete', ( evt, { data, imageElement } ) => {\n * \tevt.stop();\n * } );\n * ```\n *\n * **Note**: This event is fired by the {@link module:image/imageupload/imageuploadediting~ImageUploadEditing} plugin.\n *\n * @eventName ~ImageUploadEditing#uploadComplete\n * @param data The `uploadComplete` event data.\n */\nexport type ImageUploadCompleteEvent = {\n\tname: 'uploadComplete';\n\targs: [ data: ImageUploadCompleteData];\n};\n\nexport type ImageUploadCompleteData = {\n\n\t/**\n\t * The data coming from the upload adapter.\n\t */\n\tdata: UploadResponse;\n\n\t/**\n\t * The model {@link module:engine/model/element~ModelElement image element} that can be customized.\n\t */\n\timageElement: ModelElement;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageupload\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageUploadUI } from './imageupload/imageuploadui.js';\nimport { ImageUploadProgress } from './imageupload/imageuploadprogress.js';\nimport { ImageUploadEditing } from './imageupload/imageuploadediting.js';\n\n/**\n * The image upload plugin.\n *\n * For a detailed overview, check the {@glink features/images/image-upload/image-upload image upload feature} documentation.\n *\n * This plugin does not do anything directly, but it loads a set of specific plugins to enable image uploading:\n *\n * * {@link module:image/imageupload/imageuploadediting~ImageUploadEditing},\n * * {@link module:image/imageupload/imageuploadui~ImageUploadUI},\n * * {@link module:image/imageupload/imageuploadprogress~ImageUploadProgress}.\n */\nexport class ImageUpload extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageUpload' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUploadEditing, ImageUploadUI, ImageUploadProgress ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageinsert/ui/imageinserturlview\n */\n\nimport {\n\tView,\n\tLabeledFieldView,\n\tcreateLabeledInputText,\n\tsubmitHandler,\n\ttype InputTextView\n} from 'ckeditor5/src/ui.js';\nimport { KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\n\n/**\n * The insert an image via URL view.\n *\n * See {@link module:image/imageinsert/imageinsertviaurlui~ImageInsertViaUrlUI}.\n *\n * @internal\n */\nexport class ImageInsertUrlView extends View {\n\t/**\n\t * The URL input field view.\n\t */\n\tpublic urlInputView: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * The value of the URL input.\n\t *\n\t * @observable\n\t */\n\tdeclare public imageURLInputValue: string;\n\n\t/**\n\t * Observable property used to alter labels while some image is selected and when it is not.\n\t *\n\t * @observable\n\t */\n\tdeclare public isImageSelected: boolean;\n\n\t/**\n\t * Observable property indicating whether the form interactive elements should be enabled.\n\t *\n\t * @observable\n\t */\n\tdeclare public isEnabled: boolean;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Creates a view for the dropdown panel of {@link module:image/imageinsert/imageinsertui~ImageInsertUI}.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.set( 'imageURLInputValue', '' );\n\t\tthis.set( 'isImageSelected', false );\n\t\tthis.set( 'isEnabled', true );\n\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\tthis.urlInputView = this._createUrlInputView();\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-image-insert-url'\n\t\t\t\t],\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\tthis.urlInputView,\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-image-insert-url__action-row'\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Creates the {@link #urlInputView}.\n\t */\n\tprivate _createUrlInputView() {\n\t\tconst locale = this.locale!;\n\t\tconst t = locale.t;\n\t\tconst urlInputView = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\turlInputView.bind( 'label' ).to( this, 'isImageSelected',\n\t\t\tvalue => value ? t( 'Update image URL' ) : t( 'Insert image via URL' )\n\t\t);\n\n\t\turlInputView.bind( 'isEnabled' ).to( this );\n\n\t\turlInputView.fieldView.inputMode = 'url';\n\t\turlInputView.fieldView.placeholder = 'https://example.com/image.png';\n\n\t\turlInputView.fieldView.bind( 'value' ).to( this, 'imageURLInputValue', ( value: string ) => value || '' );\n\t\turlInputView.fieldView.on( 'input', () => {\n\t\t\tthis.imageURLInputValue = urlInputView.fieldView.element!.value.trim();\n\t\t} );\n\n\t\treturn urlInputView;\n\t}\n\n\t/**\n\t * Focuses the view.\n\t */\n\tpublic focus(): void {\n\t\tthis.urlInputView.focus();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageinsert/imageinsertviaurlui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ButtonView, Dialog, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { IconImageUrl } from 'ckeditor5/src/icons.js';\n\nimport { ImageInsertUI } from './imageinsertui.js';\nimport { ImageInsertUrlView } from './ui/imageinserturlview.js';\n\n/**\n * The image insert via URL plugin (UI part).\n *\n * The plugin introduces two UI components to the {@link module:ui/componentfactory~ComponentFactory UI component factory}:\n *\n * * the `'insertImageViaUrl'` toolbar button,\n * * the `'menuBar:insertImageViaUrl'` menu bar component.\n *\n * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component, which are default components\n * through which inserting image via URL is available.\n */\nexport class ImageInsertViaUrlUI extends Plugin {\n\tprivate _imageInsertUI!: ImageInsertUI;\n\tprivate _formView?: ImageInsertUrlView;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageInsertViaUrlUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageInsertUI, Dialog ] as const;\n\t}\n\n\tpublic init(): void {\n\t\tthis.editor.ui.componentFactory.add( 'insertImageViaUrl', () => this._createToolbarButton() );\n\t\tthis.editor.ui.componentFactory.add( 'menuBar:insertImageViaUrl', () => this._createMenuBarButton( 'standalone' ) );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tthis._imageInsertUI = this.editor.plugins.get( 'ImageInsertUI' );\n\n\t\tthis._imageInsertUI.registerIntegration( {\n\t\t\tname: 'url',\n\t\t\tobservable: () => this.editor.commands.get( 'insertImage' )!,\n\t\t\tbuttonViewCreator: () => this._createToolbarButton(),\n\t\t\tformViewCreator: () => this._createDropdownButton(),\n\t\t\tmenuBarButtonViewCreator: isOnly => this._createMenuBarButton( isOnly ? 'insertOnly' : 'insertNested' )\n\t\t} );\n\t}\n\n\t/**\n\t * Creates the base for various kinds of the button component provided by this feature.\n\t */\n\tprivate _createInsertUrlButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>(\n\t\tButtonClass: T\n\t): InstanceType<T> {\n\t\tconst button = new ButtonClass( this.editor.locale ) as InstanceType<T>;\n\n\t\tbutton.icon = IconImageUrl;\n\t\tbutton.on( 'execute', () => {\n\t\t\tthis._showModal();\n\t\t} );\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a simple toolbar button, with an icon and a tooltip.\n\t */\n\tprivate _createToolbarButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createInsertUrlButton( ButtonView );\n\n\t\tbutton.tooltip = true;\n\t\tbutton.bind( 'label' ).to(\n\t\t\tthis._imageInsertUI,\n\t\t\t'isImageSelected',\n\t\t\tisImageSelected => isImageSelected ? t( 'Update image URL' ) : t( 'Insert image via URL' )\n\t\t);\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for the dropdown view, with an icon, text and no tooltip.\n\t */\n\tprivate _createDropdownButton(): ButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createInsertUrlButton( ButtonView );\n\n\t\tbutton.withText = true;\n\t\tbutton.bind( 'label' ).to(\n\t\t\tthis._imageInsertUI,\n\t\t\t'isImageSelected',\n\t\t\tisImageSelected => isImageSelected ? t( 'Update image URL' ) : t( 'Insert via URL' )\n\t\t);\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates a button for the menu bar.\n\t */\n\tprivate _createMenuBarButton( type: 'standalone' | 'insertOnly' | 'insertNested' ): MenuBarMenuListItemButtonView {\n\t\tconst t = this.editor.locale.t;\n\t\tconst button = this._createInsertUrlButton( MenuBarMenuListItemButtonView );\n\n\t\tbutton.withText = true;\n\n\t\tswitch ( type ) {\n\t\t\tcase 'standalone':\n\t\t\t\tbutton.label = t( 'Image via URL' );\n\t\t\t\tbreak;\n\t\t\tcase 'insertOnly':\n\t\t\t\tbutton.label = t( 'Image' );\n\t\t\t\tbreak;\n\t\t\tcase 'insertNested':\n\t\t\t\tbutton.label = t( 'Via URL' );\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * Creates the form view used to submit the image URL.\n\t */\n\tprivate _createInsertUrlView(): ImageInsertUrlView {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\n\t\tconst replaceImageSourceCommand = editor.commands.get( 'replaceImageSource' )!;\n\t\tconst insertImageCommand = editor.commands.get( 'insertImage' )!;\n\n\t\tconst imageInsertUrlView = new ImageInsertUrlView( locale );\n\n\t\timageInsertUrlView.bind( 'isImageSelected' ).to( this._imageInsertUI );\n\t\timageInsertUrlView.bind( 'isEnabled' ).toMany( [ insertImageCommand, replaceImageSourceCommand ], 'isEnabled', ( ...isEnabled ) => (\n\t\t\tisEnabled.some( isCommandEnabled => isCommandEnabled )\n\t\t) );\n\n\t\treturn imageInsertUrlView;\n\t}\n\n\t/**\n\t * Shows the insert image via URL form view in a modal.\n\t */\n\tprivate _showModal() {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst t = locale.t;\n\t\tconst dialog = editor.plugins.get( 'Dialog' );\n\n\t\tif ( !this._formView ) {\n\t\t\tthis._formView = this._createInsertUrlView();\n\t\t\tthis._formView.on( 'submit', () => this._handleSave() );\n\t\t}\n\n\t\tconst replaceImageSourceCommand = editor.commands.get( 'replaceImageSource' )!;\n\t\tthis._formView.imageURLInputValue = replaceImageSourceCommand.value || '';\n\n\t\tdialog.show( {\n\t\t\tid: 'insertImageViaUrl',\n\t\t\ttitle: t( 'Image via URL' ),\n\t\t\tisModal: true,\n\t\t\tcontent: this._formView,\n\t\t\tactionButtons: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Cancel' ),\n\t\t\t\t\twithText: true,\n\t\t\t\t\tonExecute: () => dialog.hide()\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: this._imageInsertUI.isImageSelected ? t( 'Save' ) : t( 'Insert' ),\n\t\t\t\t\tclass: 'ck-button-action',\n\t\t\t\t\twithText: true,\n\t\t\t\t\tonExecute: () => this._handleSave()\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Executes appropriate command depending on selection and form value.\n\t */\n\tprivate _handleSave() {\n\t\tconst replaceImageSourceCommand = this.editor.commands.get( 'replaceImageSource' )!;\n\n\t\t// If an image element is currently selected, we want to replace its source attribute (instead of inserting a new image).\n\t\t// We detect if an image is selected by checking `replaceImageSource` command state.\n\t\tif ( replaceImageSourceCommand.isEnabled ) {\n\t\t\tthis.editor.execute( 'replaceImageSource', { source: this._formView!.imageURLInputValue } );\n\t\t} else {\n\t\t\tthis.editor.execute( 'insertImage', { source: this._formView!.imageURLInputValue } );\n\t\t}\n\n\t\tthis.editor.plugins.get( 'Dialog' ).hide();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageinsertviaurl\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageInsertUI } from './imageinsert/imageinsertui.js';\nimport { ImageInsertViaUrlUI } from './imageinsert/imageinsertviaurlui.js';\n\n/**\n * The image insert via URL plugin.\n *\n * For a detailed overview, check the {@glink features/images/images-inserting\n * Insert images via source URL} documentation.\n *\n * This plugin does not do anything directly, but it loads a set of specific plugins\n * to enable image inserting via implemented integrations:\n *\n * * {@link module:image/imageinsert/imageinsertui~ImageInsertUI},\n */\nexport class ImageInsertViaUrl extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageInsertViaUrl' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageInsertViaUrlUI, ImageInsertUI ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageinsert\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageUpload } from './imageupload.js';\nimport { ImageInsertViaUrl } from './imageinsertviaurl.js';\nimport { ImageInsertUI } from './imageinsert/imageinsertui.js';\n\n/**\n * The image insert plugin.\n *\n * For a detailed overview, check the {@glink features/images/image-upload/image-upload Image upload feature}\n * and {@glink features/images/images-inserting Insert images via source URL} documentation.\n *\n * This plugin does not do anything directly, but it loads a set of specific plugins\n * to enable image uploading or inserting via implemented integrations:\n *\n * * {@link module:image/imageupload~ImageUpload}\n * * {@link module:image/imageinsert/imageinsertui~ImageInsertUI}\n */\nexport class ImageInsert extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageInsert' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUpload, ImageInsertViaUrl, ImageInsertUI ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/resizeimagecommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * The resize image command. Currently, it only supports the width attribute.\n */\nexport class ResizeImageCommand extends Command {\n\t/**\n\t * Desired image width and height.\n\t */\n\tdeclare public value: undefined | null | {\n\t\twidth: string | null;\n\t\theight: string | null;\n\t};\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst element = imageUtils.getClosestSelectedImageElement( editor.model.document.selection );\n\n\t\tthis.isEnabled = !!element;\n\n\t\tif ( !element || !element.hasAttribute( 'resizedWidth' ) ) {\n\t\t\tthis.value = null;\n\t\t} else {\n\t\t\tthis.value = {\n\t\t\t\twidth: element.getAttribute( 'resizedWidth' ) as string,\n\t\t\t\theight: null\n\t\t\t};\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * ```ts\n\t * // Sets the width to 50%:\n\t * editor.execute( 'resizeImage', { width: '50%' } );\n\t *\n\t * // Removes the width attribute:\n\t * editor.execute( 'resizeImage', { width: null } );\n\t * ```\n\t *\n\t * @param options\n\t * @param options.width The new width of the image.\n\t * @fires execute\n\t */\n\tpublic override execute( options: { width: string | null } ): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst imageElement = imageUtils.getClosestSelectedImageElement( model.document.selection );\n\n\t\tthis.value = {\n\t\t\twidth: options.width,\n\t\t\theight: null\n\t\t};\n\n\t\tif ( imageElement ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setAttribute( 'resizedWidth', options.width, imageElement );\n\t\t\t\twriter.removeAttribute( 'resizedHeight', imageElement );\n\t\t\t\timageUtils.setImageNaturalSizeAttributes( imageElement );\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/imageresizeediting\n */\n\nimport type { ViewElement } from 'ckeditor5/src/engine.js';\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport { ImageUtils } from '../imageutils.js';\nimport { ResizeImageCommand } from './resizeimagecommand.js';\nimport { widthAndHeightStylesAreBothSet } from '../image/utils.js';\n\n/**\n * The image resize editing feature.\n *\n * It adds the ability to resize each image using handles or manually by\n * {@link module:image/imageresize/imageresizebuttons~ImageResizeButtons} buttons.\n */\nexport class ImageResizeEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageResizeEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'IR';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'image', {\n\t\t\tresizeUnit: '%',\n\t\t\tresizeOptions: [\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:original',\n\t\t\t\t\tvalue: null,\n\t\t\t\t\ticon: 'original'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:custom',\n\t\t\t\t\tvalue: 'custom',\n\t\t\t\t\ticon: 'custom'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:25',\n\t\t\t\t\tvalue: '25',\n\t\t\t\t\ticon: 'small'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:50',\n\t\t\t\t\tvalue: '50',\n\t\t\t\t\ticon: 'medium'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'resizeImage:75',\n\t\t\t\t\tvalue: '75',\n\t\t\t\t\ticon: 'large'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst resizeImageCommand = new ResizeImageCommand( editor );\n\n\t\tthis._registerConverters( 'imageBlock' );\n\t\tthis._registerConverters( 'imageInline' );\n\n\t\t// Register `resizeImage` command and add `imageResize` command as an alias for backward compatibility.\n\t\teditor.commands.add( 'resizeImage', resizeImageCommand );\n\t\teditor.commands.add( 'imageResize', resizeImageCommand );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tthis._registerSchema();\n\t}\n\n\tprivate _registerSchema(): void {\n\t\tconst schema = this.editor.model.schema;\n\n\t\tif ( this.editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\tschema.extend( 'imageBlock', { allowAttributes: [ 'resizedWidth', 'resizedHeight' ] } );\n\t\t\tschema.setAttributeProperties( 'resizedWidth', { isFormatting: true } );\n\t\t\tschema.setAttributeProperties( 'resizedHeight', { isFormatting: true } );\n\t\t}\n\n\t\tif ( this.editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\tschema.extend( 'imageInline', { allowAttributes: [ 'resizedWidth', 'resizedHeight' ] } );\n\t\t\tschema.setAttributeProperties( 'resizedWidth', { isFormatting: true } );\n\t\t\tschema.setAttributeProperties( 'resizedHeight', { isFormatting: true } );\n\t\t}\n\t}\n\n\t/**\n\t * Registers image resize converters.\n\t *\n\t * @param imageType The type of the image.\n\t */\n\tprivate _registerConverters( imageType: 'imageBlock' | 'imageInline' ) {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\t// Dedicated converter to propagate image's attribute to the img tag.\n\t\teditor.conversion.for( 'downcast' ).add( dispatcher =>\n\t\t\tdispatcher.on( `attribute:resizedWidth:${ imageType }`, ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\t\tconst viewImg = conversionApi.mapper.toViewElement( data.item );\n\n\t\t\t\tif ( data.attributeNewValue !== null ) {\n\t\t\t\t\tviewWriter.setStyle( 'width', data.attributeNewValue, viewImg );\n\t\t\t\t\tviewWriter.addClass( 'image_resized', viewImg );\n\t\t\t\t} else {\n\t\t\t\t\tviewWriter.removeStyle( 'width', viewImg );\n\t\t\t\t\tviewWriter.removeClass( 'image_resized', viewImg );\n\t\t\t\t}\n\t\t\t} )\n\t\t);\n\n\t\teditor.conversion.for( 'dataDowncast' ).attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tname: imageType,\n\t\t\t\tkey: 'resizedHeight'\n\t\t\t},\n\t\t\tview: modelAttributeValue => ( {\n\t\t\t\tkey: 'style',\n\t\t\t\tvalue: {\n\t\t\t\t\t'height': modelAttributeValue\n\t\t\t\t}\n\t\t\t} )\n\t\t} );\n\n\t\teditor.conversion.for( 'editingDowncast' ).add( dispatcher =>\n\t\t\tdispatcher.on( `attribute:resizedHeight:${ imageType }`, ( evt, data, conversionApi ) => {\n\t\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\t\tconst viewImg = conversionApi.mapper.toViewElement( data.item );\n\t\t\t\tconst target = imageType === 'imageInline' ? imageUtils.findViewImgElement( viewImg ) : viewImg;\n\n\t\t\t\tif ( data.attributeNewValue !== null ) {\n\t\t\t\t\tviewWriter.setStyle( 'height', data.attributeNewValue, target );\n\t\t\t\t} else {\n\t\t\t\t\tviewWriter.removeStyle( 'height', target );\n\t\t\t\t}\n\t\t\t} )\n\t\t);\n\n\t\teditor.conversion.for( 'upcast' )\n\t\t\t.attributeToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: imageType === 'imageBlock' ? 'figure' : 'img',\n\t\t\t\t\tstyles: {\n\t\t\t\t\t\twidth: /.+/\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tmodel: {\n\t\t\t\t\tkey: 'resizedWidth',\n\t\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\t\tif ( widthAndHeightStylesAreBothSet( viewElement ) ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn viewElement.getStyle( 'width' );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\teditor.conversion.for( 'upcast' )\n\t\t\t.attributeToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: imageType === 'imageBlock' ? 'figure' : 'img',\n\t\t\t\t\tstyles: {\n\t\t\t\t\t\theight: /.+/\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tmodel: {\n\t\t\t\t\tkey: 'resizedHeight',\n\t\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\t\tif ( widthAndHeightStylesAreBothSet( viewElement ) ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn viewElement.getStyle( 'height' );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\teditor.conversion.for( 'upcast' ).add( dispatcher => {\n\t\t\tdispatcher.on( `element:${ imageType === 'imageBlock' ? 'figure' : 'img' }`, ( evt, data, conversionApi ) => {\n\t\t\t\tconversionApi.consumable.consume( data.viewItem, { classes: [ 'image_resized' ] } );\n\t\t\t} );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/imageresizebuttons\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport {\n\tButtonView,\n\tDropdownButtonView,\n\tUIModel,\n\tcreateDropdown,\n\taddListToDropdown,\n\ttype ListDropdownItemDefinition\n} from 'ckeditor5/src/ui.js';\nimport { CKEditorError, Collection, type Locale } from 'ckeditor5/src/utils.js';\nimport {\n\tIconObjectSizeCustom,\n\tIconObjectSizeFull,\n\tIconObjectSizeLarge,\n\tIconObjectSizeMedium,\n\tIconObjectSizeSmall\n} from 'ckeditor5/src/icons.js';\n\nimport { ImageResizeEditing } from './imageresizeediting.js';\n\nimport { type ResizeImageCommand } from './resizeimagecommand.js';\nimport type { ImageResizeOption } from '../imageconfig.js';\n\nconst RESIZE_ICONS = /* #__PURE__ */ ( () => ( {\n\tsmall: IconObjectSizeSmall,\n\tmedium: IconObjectSizeMedium,\n\tlarge: IconObjectSizeLarge,\n\tcustom: IconObjectSizeCustom,\n\toriginal: IconObjectSizeFull\n} ) )();\n\n/**\n * The image resize buttons plugin.\n *\n * It adds a possibility to resize images using the toolbar dropdown or individual buttons, depending on the plugin configuration.\n */\nexport class ImageResizeButtons extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageResizeEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageResizeButtons' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * The resize unit.\n\t * @default '%'\n\t */\n\tprivate readonly _resizeUnit: 'px' | '%';\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._resizeUnit = editor.config.get( 'image.resizeUnit' )!;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst options = editor.config.get( 'image.resizeOptions' )!;\n\t\tconst command: ResizeImageCommand = editor.commands.get( 'resizeImage' )!;\n\n\t\tthis.bind( 'isEnabled' ).to( command );\n\n\t\tfor ( const option of options ) {\n\t\t\tthis._registerImageResizeButton( option );\n\t\t}\n\n\t\tthis._registerImageResizeDropdown( options );\n\t}\n\n\t/**\n\t * A helper function that creates a standalone button component for the plugin.\n\t *\n\t * @param option A model of the resize option.\n\t */\n\tprivate _registerImageResizeButton( option: ImageResizeOption ): void {\n\t\tconst editor = this.editor;\n\t\tconst { name, value, icon } = option;\n\n\t\teditor.ui.componentFactory.add( name, locale => {\n\t\t\tconst button = new ButtonView( locale );\n\t\t\tconst command: ResizeImageCommand = editor.commands.get( 'resizeImage' )!;\n\t\t\tconst labelText = this._getOptionLabelValue( option, true );\n\n\t\t\tif ( !RESIZE_ICONS[ icon as keyof typeof RESIZE_ICONS ] ) {\n\t\t\t\t/**\n\t\t\t\t * When configuring {@link module:image/imageconfig~ImageConfig#resizeOptions `config.image.resizeOptions`} for standalone\n\t\t\t\t * buttons, a valid `icon` token must be set for each option.\n\t\t\t\t *\n\t\t\t\t * See all valid options described in the\n\t\t\t\t * {@link module:image/imageconfig~ImageResizeOption plugin configuration}.\n\t\t\t\t *\n\t\t\t\t * @error imageresizebuttons-missing-icon\n\t\t\t\t * @param {module:image/imageconfig~ImageResizeOption} option Invalid image resize option.\n\t\t\t\t*/\n\t\t\t\tthrow new CKEditorError(\n\t\t\t\t\t'imageresizebuttons-missing-icon',\n\t\t\t\t\teditor,\n\t\t\t\t\toption\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tbutton.set( {\n\t\t\t\t// Use the `label` property for a verbose description (because of ARIA).\n\t\t\t\tlabel: labelText,\n\t\t\t\ticon: RESIZE_ICONS[ icon as keyof typeof RESIZE_ICONS ],\n\t\t\t\ttooltip: labelText,\n\t\t\t\tisToggleable: true\n\t\t\t} );\n\n\t\t\t// Bind button to the command.\n\t\t\tbutton.bind( 'isEnabled' ).to( this );\n\n\t\t\tif ( editor.plugins.has( 'ImageCustomResizeUI' ) && isCustomImageResizeOption( option ) ) {\n\t\t\t\tconst customResizeUI = editor.plugins.get( 'ImageCustomResizeUI' );\n\n\t\t\t\tthis.listenTo( button, 'execute', () => {\n\t\t\t\t\tcustomResizeUI._showForm( this._resizeUnit );\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tconst optionValueWithUnit = value ? value + this._resizeUnit : null;\n\n\t\t\t\tbutton.bind( 'isOn' ).to(\n\t\t\t\t\tcommand, 'value',\n\t\t\t\t\tcommand, 'isEnabled',\n\t\t\t\t\tgetIsOnButtonCallback( optionValueWithUnit )\n\t\t\t\t);\n\n\t\t\t\tthis.listenTo( button, 'execute', () => {\n\t\t\t\t\teditor.execute( 'resizeImage', { width: optionValueWithUnit } );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\treturn button;\n\t\t} );\n\t}\n\n\t/**\n\t * A helper function that creates a dropdown component for the plugin containing all the resize options defined in\n\t * the editor configuration.\n\t *\n\t * @param options An array of configured options.\n\t */\n\tprivate _registerImageResizeDropdown( options: Array<ImageResizeOption> ): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst originalSizeOption = options.find( option => !option.value )!;\n\n\t\tconst componentCreator = ( locale: Locale ) => {\n\t\t\tconst command: ResizeImageCommand = editor.commands.get( 'resizeImage' )!;\n\t\t\tconst dropdownView = createDropdown( locale, DropdownButtonView );\n\t\t\tconst dropdownButton: typeof dropdownView.buttonView & { commandValue?: string | null } = dropdownView.buttonView;\n\t\t\tconst accessibleLabel = t( 'Resize image' );\n\n\t\t\tdropdownButton.set( {\n\t\t\t\ttooltip: accessibleLabel,\n\t\t\t\tcommandValue: originalSizeOption.value,\n\t\t\t\ticon: RESIZE_ICONS.medium,\n\t\t\t\tisToggleable: true,\n\t\t\t\tlabel: this._getOptionLabelValue( originalSizeOption ),\n\t\t\t\twithText: true,\n\t\t\t\tclass: 'ck-resize-image-button',\n\t\t\t\tariaLabel: accessibleLabel,\n\t\t\t\tariaLabelledBy: undefined\n\t\t\t} );\n\n\t\t\tdropdownButton.bind( 'label' ).to( command, 'value', commandValue => {\n\t\t\t\tif ( commandValue && commandValue.width ) {\n\t\t\t\t\treturn commandValue.width;\n\t\t\t\t} else {\n\t\t\t\t\treturn this._getOptionLabelValue( originalSizeOption );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tdropdownView.bind( 'isEnabled' ).to( this );\n\n\t\t\taddListToDropdown( dropdownView, () => this._getResizeDropdownListItemDefinitions( options, command ), {\n\t\t\t\tariaLabel: t( 'Image resize list' ),\n\t\t\t\trole: 'menu'\n\t\t\t} );\n\n\t\t\t// Execute command when an item from the dropdown is selected.\n\t\t\tthis.listenTo( dropdownView, 'execute', evt => {\n\t\t\t\tif ( 'onClick' in evt.source ) {\n\t\t\t\t\t( evt.source as any ).onClick();\n\t\t\t\t} else {\n\t\t\t\t\teditor.execute( ( evt.source as any ).commandName, { width: ( evt.source as any ).commandValue } );\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t};\n\n\t\t// Register `resizeImage` dropdown and add `imageResize` dropdown as an alias for backward compatibility.\n\t\teditor.ui.componentFactory.add( 'resizeImage', componentCreator );\n\t\teditor.ui.componentFactory.add( 'imageResize', componentCreator );\n\t}\n\n\t/**\n\t * A helper function for creating an option label value string.\n\t *\n\t * @param option A resize option object.\n\t * @param forTooltip An optional flag for creating a tooltip label.\n\t * @returns A user-defined label combined from the numeric value and the resize unit or the default label\n\t * for reset options (`Original`).\n\t */\n\tprivate _getOptionLabelValue( option: ImageResizeOption, forTooltip: boolean = false ): string {\n\t\tconst t = this.editor.t;\n\n\t\tif ( option.label ) {\n\t\t\treturn option.label;\n\t\t} else if ( forTooltip ) {\n\t\t\tif ( isCustomImageResizeOption( option ) ) {\n\t\t\t\treturn t( 'Custom image size' );\n\t\t\t} else if ( option.value ) {\n\t\t\t\treturn t( 'Resize image to %0', option.value + this._resizeUnit );\n\t\t\t} else {\n\t\t\t\treturn t( 'Resize image to the original size' );\n\t\t\t}\n\t\t} else {\n\t\t\tif ( isCustomImageResizeOption( option ) ) {\n\t\t\t\treturn t( 'Custom' );\n\t\t\t} else if ( option.value ) {\n\t\t\t\treturn option.value + this._resizeUnit;\n\t\t\t} else {\n\t\t\t\treturn t( 'Original' );\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * A helper function that parses the resize options and returns list item definitions ready for use in the dropdown.\n\t *\n\t * @param options The resize options.\n\t * @param command The resize image command.\n\t * @returns Dropdown item definitions.\n\t */\n\tprivate _getResizeDropdownListItemDefinitions(\n\t\toptions: Array<ImageResizeOption>,\n\t\tcommand: ResizeImageCommand\n\t): Collection<ListDropdownItemDefinition> {\n\t\tconst { editor } = this;\n\t\tconst itemDefinitions = new Collection<ListDropdownItemDefinition>();\n\n\t\tconst optionsWithSerializedValues = options.map( option => {\n\t\t\tif ( isCustomImageResizeOption( option ) ) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tvalueWithUnits: 'custom'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif ( !option.value ) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tvalueWithUnits: null\n\t\t\t\t};\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...option,\n\t\t\t\tvalueWithUnits: `${ option.value }${ this._resizeUnit }`\n\t\t\t};\n\t\t} );\n\n\t\tfor ( const option of optionsWithSerializedValues ) {\n\t\t\tlet definition: ListDropdownItemDefinition | null = null;\n\n\t\t\tif ( editor.plugins.has( 'ImageCustomResizeUI' ) && isCustomImageResizeOption( option ) ) {\n\t\t\t\tconst customResizeUI = editor.plugins.get( 'ImageCustomResizeUI' );\n\n\t\t\t\tdefinition = {\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: new UIModel( {\n\t\t\t\t\t\tlabel: this._getOptionLabelValue( option ),\n\t\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\t\twithText: true,\n\t\t\t\t\t\ticon: null,\n\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\tcustomResizeUI._showForm( this._resizeUnit );\n\t\t\t\t\t\t}\n\t\t\t\t\t} )\n\t\t\t\t};\n\n\t\t\t\tconst allDropdownValues = Object.values( optionsWithSerializedValues ).map( option => option.valueWithUnits );\n\n\t\t\t\tdefinition.model.bind( 'isOn' ).to(\n\t\t\t\t\tcommand, 'value',\n\t\t\t\t\tcommand, 'isEnabled',\n\t\t\t\t\tgetIsOnCustomButtonCallback( allDropdownValues )\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tdefinition = {\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: new UIModel( {\n\t\t\t\t\t\tcommandName: 'resizeImage',\n\t\t\t\t\t\tcommandValue: option.valueWithUnits,\n\t\t\t\t\t\tlabel: this._getOptionLabelValue( option ),\n\t\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\t\twithText: true,\n\t\t\t\t\t\ticon: null\n\t\t\t\t\t} )\n\t\t\t\t};\n\n\t\t\t\tdefinition.model.bind( 'isOn' ).to(\n\t\t\t\t\tcommand, 'value',\n\t\t\t\t\tcommand, 'isEnabled',\n\t\t\t\t\tgetIsOnButtonCallback( option.valueWithUnits )\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tdefinition.model.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t\t\titemDefinitions.add( definition );\n\t\t}\n\n\t\treturn itemDefinitions;\n\t}\n}\n\n/**\n * A helper that checks if provided option triggers custom resize balloon.\n */\nfunction isCustomImageResizeOption( option: ImageResizeOption ) {\n\treturn option.value === 'custom';\n}\n\n/**\n * A helper function for setting the `isOn` state of buttons in value bindings.\n */\nfunction getIsOnButtonCallback( value: string | null ) {\n\treturn ( commandValue: ResizeImageCommand['value'], isEnabled: boolean ): boolean => {\n\t\tconst objectCommandValue = commandValue as null | undefined | { width: string | null };\n\n\t\tif ( objectCommandValue === undefined || !isEnabled ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( value === null && objectCommandValue === value ) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn objectCommandValue !== null && objectCommandValue.width === value;\n\t};\n}\n\n/**\n * A helper function for setting the `isOn` state of custom size button in value bindings.\n */\nfunction getIsOnCustomButtonCallback( allDropdownValues: Array<string | null> ) {\n\treturn ( commandValue: ResizeImageCommand['value'], isEnabled: boolean ): boolean => !allDropdownValues.some(\n\t\tdropdownValue => getIsOnButtonCallback( dropdownValue )( commandValue, isEnabled )\n\t);\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/imageresizehandles\n */\n\nimport type { ModelElement, ViewElement } from 'ckeditor5/src/engine.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { WidgetResize } from 'ckeditor5/src/widget.js';\nimport { ImageUtils } from '../imageutils.js';\n\nimport { ImageLoadObserver, type ImageLoadedEvent } from '../image/imageloadobserver.js';\nimport { type ResizeImageCommand } from './resizeimagecommand.js';\n\nconst RESIZABLE_IMAGES_CSS_SELECTOR =\n\t'figure.image.ck-widget > img,' +\n\t'figure.image.ck-widget > picture > img,' +\n\t'figure.image.ck-widget > a > img,' +\n\t'figure.image.ck-widget > a > picture > img,' +\n\t'span.image-inline.ck-widget > img,' +\n\t'span.image-inline.ck-widget > picture > img';\n\nconst RESIZED_IMAGE_CLASS = 'image_resized';\n\n/**\n * The image resize by handles feature.\n *\n * It adds the ability to resize each image using handles or manually by\n * {@link module:image/imageresize/imageresizebuttons~ImageResizeButtons} buttons.\n */\nexport class ImageResizeHandles extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ WidgetResize, ImageUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageResizeHandles' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst command: ResizeImageCommand = this.editor.commands.get( 'resizeImage' )!;\n\t\tthis.bind( 'isEnabled' ).to( command );\n\n\t\tthis._setupResizerCreator();\n\t}\n\n\t/**\n\t * Attaches the listeners responsible for creating a resizer for each image, except for images inside the HTML embed preview.\n\t */\n\tprivate _setupResizerCreator(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\teditingView.addObserver( ImageLoadObserver );\n\n\t\tthis.listenTo<ImageLoadedEvent>( editingView.document, 'imageLoaded', ( evt, domEvent ) => {\n\t\t\t// The resizer must be attached only to images loaded by the `ImageInsert`, `ImageUpload` or `LinkImage` plugins.\n\t\t\tif ( !( domEvent.target as HTMLElement ).matches( RESIZABLE_IMAGES_CSS_SELECTOR ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst domConverter = editor.editing.view.domConverter;\n\t\t\tconst imageView = domConverter.domToView( domEvent.target as HTMLElement ) as ViewElement;\n\t\t\tconst widgetView = imageUtils.getImageWidgetFromImageView( imageView )!;\n\t\t\tlet resizer = this.editor.plugins.get( WidgetResize ).getResizerByViewElement( widgetView );\n\n\t\t\tif ( resizer ) {\n\t\t\t\t// There are rare cases when the image will be triggered multiple times for the same widget, e.g. when\n\t\t\t\t// the image's source was changed after upload (https://github.com/ckeditor/ckeditor5/pull/8108#issuecomment-708302992).\n\t\t\t\tresizer.redraw();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst mapper = editor.editing.mapper;\n\t\t\tconst imageModel = mapper.toModelElement( widgetView )!;\n\n\t\t\tresizer = editor.plugins\n\t\t\t\t.get( WidgetResize )\n\t\t\t\t.attachTo( {\n\t\t\t\t\tunit: editor.config.get( 'image.resizeUnit' )!,\n\n\t\t\t\t\tmodelElement: imageModel,\n\t\t\t\t\tviewElement: widgetView,\n\t\t\t\t\teditor,\n\n\t\t\t\t\tgetHandleHost( domWidgetElement ) {\n\t\t\t\t\t\treturn domWidgetElement.querySelector( 'img' )!;\n\t\t\t\t\t},\n\t\t\t\t\tgetResizeHost() {\n\t\t\t\t\t\treturn domConverter.mapViewToDom( mapper.toViewElement( imageModel as ModelElement )! ) as HTMLElement;\n\t\t\t\t\t},\n\n\t\t\t\t\tisCentered() {\n\t\t\t\t\t\tconst imageStyle = imageModel.getAttribute( 'imageStyle' );\n\n\t\t\t\t\t\treturn imageStyle == 'alignCenter';\n\t\t\t\t\t},\n\n\t\t\t\t\tonCommit( newValue ) {\n\t\t\t\t\t\t// Get rid of the CSS class in case the command execution that follows is unsuccessful\n\t\t\t\t\t\t// (e.g. Track Changes can override it and the new dimensions will not apply). Otherwise,\n\t\t\t\t\t\t// the presence of the class and the absence of the width style will cause it to take 100%\n\t\t\t\t\t\t// of the horizontal space.\n\t\t\t\t\t\teditingView.change( writer => {\n\t\t\t\t\t\t\twriter.removeClass( RESIZED_IMAGE_CLASS, widgetView );\n\t\t\t\t\t\t} );\n\n\t\t\t\t\t\teditor.execute( 'resizeImage', { width: newValue } );\n\t\t\t\t\t}\n\t\t\t\t} );\n\n\t\t\tresizer.on( 'updateSize', () => {\n\t\t\t\tif ( !widgetView.hasClass( RESIZED_IMAGE_CLASS ) ) {\n\t\t\t\t\teditingView.change( writer => {\n\t\t\t\t\t\twriter.addClass( RESIZED_IMAGE_CLASS, widgetView );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\tconst target = imageModel.name === 'imageInline' ? imageView : widgetView;\n\n\t\t\t\tif ( target.getStyle( 'height' ) ) {\n\t\t\t\t\teditingView.change( writer => {\n\t\t\t\t\t\twriter.removeStyle( 'height', target );\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tresizer.bind( 'isEnabled' ).to( this );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/utils/tryparsedimensionwithunit\n */\n\n/**\n * Parses provided string with dimension value and returns extracted numeric value and unit.\n *\n * \t* If non-string dimension is passed then `null` value is returned.\n * \t* If unit is missing then `null` is returned.\n * \t* If numeric value part of string is not a number then `null` is returned.\n *\n * Example:\n * \t`\"222px\"` => `{ value: 222, unit: \"px\" }`\n *\t`\"99%\"` => `{ value: 99, unit: \"%\" }`\n\n * @param dimension Unsafe string with dimension.\n * @returns Parsed dimension with extracted numeric value and units.\n * @internal\n */\nexport function tryParseDimensionWithUnit( dimension: string | null | undefined ): DimensionWithUnit | null {\n\tif ( !dimension ) {\n\t\treturn null;\n\t}\n\n\tconst [ , rawValue, unit ] = dimension.trim().match( /([.,\\d]+)(%|px)$/ ) || [];\n\tconst parsedValue = Number.parseFloat( rawValue );\n\n\tif ( Number.isNaN( parsedValue ) ) {\n\t\treturn null;\n\t}\n\n\treturn {\n\t\tvalue: parsedValue,\n\t\tunit\n\t};\n}\n\n/**\n * Converts dimension between `px` -> `%` and `%` -> `px`.\n *\n * @param parentDimensionPx\tDimension of parent element that contains measured element.\n * @param dimension Measured element dimension.\n * @returns Casted dimension.\n * @internal\n */\nexport function tryCastDimensionsToUnit( parentDimensionPx: number, dimension: DimensionWithUnit, targetUnit: string ): DimensionWithUnit {\n\t// \"%\" -> \"px\" conversion\n\tif ( targetUnit === 'px' ) {\n\t\treturn {\n\t\t\tvalue: dimension.value,\n\t\t\tunit: 'px'\n\t\t};\n\t}\n\n\t// \"px\" -> \"%\" conversion\n\treturn {\n\t\tvalue: dimension.value / parentDimensionPx * 100,\n\t\tunit: '%'\n\t};\n}\n\n/**\n * @internal\n */\nexport type DimensionWithUnit = {\n\tvalue: number;\n\tunit: string;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/utils/getselectedimageeditornodes\n */\n\nimport type { ViewElement, ModelElement } from 'ckeditor5/src/engine.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\n/**\n * Finds model, view and DOM element for selected image element. Returns `null` if there is no image selected.\n *\n * @param editor Editor instance.\n * @internal\n */\nexport function getSelectedImageEditorNodes( editor: Editor ): ImageEditorNodes | null {\n\tconst { editing } = editor;\n\n\tconst imageUtils = editor.plugins.get( 'ImageUtils' );\n\tconst imageModelElement = imageUtils.getClosestSelectedImageElement( editor.model.document.selection );\n\n\tif ( !imageModelElement ) {\n\t\treturn null;\n\t}\n\n\tconst imageViewElement = editing.mapper.toViewElement( imageModelElement )!;\n\tconst imageDOMElement = editing.view.domConverter.mapViewToDom( imageViewElement )!;\n\n\treturn {\n\t\tmodel: imageModelElement,\n\t\tview: imageViewElement,\n\t\tdom: imageDOMElement\n\t};\n}\n\n/**\n * @internal;\n */\ntype ImageEditorNodes = {\n\tmodel: ModelElement;\n\tview: ViewElement;\n\tdom: HTMLElement;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/utils/getselectedimagewidthinunits\n */\n\nimport { Rect } from 'ckeditor5/src/utils.js';\n\nimport { calculateResizeHostAncestorWidth } from 'ckeditor5/src/widget.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { tryCastDimensionsToUnit, tryParseDimensionWithUnit, type DimensionWithUnit } from './tryparsedimensionwithunit.js';\nimport { getSelectedImageEditorNodes } from './getselectedimageeditornodes.js';\n\n/**\n * Returns image width in specified units. It is width of image after resize.\n *\n * \t* If image is not selected or command is disabled then `null` will be returned.\n * \t* If image is not fully loaded (and it is impossible to determine its natural size) then `null` will be returned.\n *\t* If `targetUnit` percentage is passed then it will return width percentage of image related to its accessors.\n *\n * @param editor Editor instance.\n * @param targetUnit Unit in which dimension will be returned.\n * @returns Parsed image width after resize (with unit).\n * @internal\n */\nexport function getSelectedImageWidthInUnits( editor: Editor, targetUnit: string ): DimensionWithUnit | null {\n\tconst imageNodes = getSelectedImageEditorNodes( editor );\n\n\tif ( !imageNodes ) {\n\t\treturn null;\n\t}\n\n\tconst parsedResizedWidth = tryParseDimensionWithUnit(\n\t\timageNodes.model.getAttribute( 'resizedWidth' ) as string || null\n\t);\n\n\tif ( !parsedResizedWidth ) {\n\t\treturn null;\n\t}\n\n\tif ( parsedResizedWidth.unit === targetUnit ) {\n\t\treturn parsedResizedWidth;\n\t}\n\n\tconst imageParentWidthPx = calculateResizeHostAncestorWidth( imageNodes.dom );\n\tconst imageHolderDimension = {\n\t\tunit: 'px',\n\t\tvalue: new Rect( imageNodes.dom ).width\n\t};\n\n\treturn tryCastDimensionsToUnit( imageParentWidthPx, imageHolderDimension, targetUnit );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/ui/imagecustomresizeformview\n */\n\nimport {\n\tButtonView,\n\tFocusCycler,\n\tFormHeaderView,\n\tFormRowView,\n\tLabeledFieldView,\n\tView,\n\tViewCollection,\n\tcreateLabeledInputNumber,\n\tsubmitHandler,\n\ttype FocusableView,\n\ttype InputNumberView\n} from 'ckeditor5/src/ui.js';\n\nimport { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\nimport { IconPreviousArrow } from 'ckeditor5/src/icons.js';\n\nimport '../../../theme/imagecustomresizeform.css';\n\n// See: #8833.\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/form/form.css';\n\n/**\n * The ImageCustomResizeFormView class.\n *\n * @internal\n */\nexport class ImageCustomResizeFormView extends View {\n\t/**\n\t * Tracks information about the DOM focus in the form.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Resize unit shortcut.\n\t */\n\tpublic readonly unit: string;\n\n\t/**\n\t * The Back button view displayed in the header.\n\t */\n\tpublic backButtonView: ButtonView;\n\n\t/**\n\t * A button used to submit the form.\n\t */\n\tpublic saveButtonView: ButtonView;\n\n\t/**\n\t * An input with a label.\n\t */\n\tpublic labeledInput: LabeledFieldView<InputNumberView>;\n\n\t/**\n\t * A collection of child views.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A collection of views which can be focused in the form.\n\t */\n\tprotected readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprotected readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * An array of form validators used by {@link #isValid}.\n\t */\n\tprivate readonly _validators: Array<ImageCustomResizeFormValidatorCallback>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale, unit: string, validators: Array<ImageCustomResizeFormValidatorCallback> ) {\n\t\tsuper( locale );\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.unit = unit;\n\n\t\t// Create buttons.\n\t\tthis.backButtonView = this._createBackButton();\n\t\tthis.saveButtonView = this._createSaveButton();\n\n\t\t// Create input fields.\n\t\tthis.labeledInput = this._createLabeledInputView();\n\n\t\tthis.children = this.createCollection( [ this._createHeaderView() ] );\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\tthis.labeledInput,\n\t\t\t\tthis.saveButtonView\n\t\t\t],\n\t\t\tclass: [\n\t\t\t\t'ck-form__row_with-submit',\n\t\t\t\t'ck-form__row_large-top-padding'\n\t\t\t]\n\t\t} ) );\n\n\t\tthis._focusables = new ViewCollection();\n\t\tthis._validators = validators;\n\n\t\t// Close the panel on esc key press when the **form has focus**.\n\t\tthis.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis.fire<ImageCustomResizeFormViewCancelEvent>( 'cancel' );\n\t\t\tcancel();\n\t\t} );\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form',\n\t\t\t\t\t'ck-image-custom-resize-form',\n\t\t\t\t\t'ck-responsive-form'\n\t\t\t\t],\n\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-image/issues/40\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\tconst childViews = [\n\t\t\tthis.backButtonView,\n\t\t\tthis.labeledInput,\n\t\t\tthis.saveButtonView\n\t\t];\n\n\t\tchildViews.forEach( v => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( v );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( v.element! );\n\t\t} );\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Creates a back button view that cancels the form.\n\t */\n\tprivate _createBackButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst backButton = new ButtonView( this.locale );\n\n\t\tbackButton.set( {\n\t\t\tclass: 'ck-button-back',\n\t\t\tlabel: t( 'Back' ),\n\t\t\ticon: IconPreviousArrow,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tbackButton.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn backButton;\n\t}\n\n\t/**\n\t * Creates a save button view that resize the image.\n\t */\n\tprivate _createSaveButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst saveButton = new ButtonView( this.locale );\n\n\t\tsaveButton.set( {\n\t\t\tlabel: t( 'Save' ),\n\t\t\twithText: true,\n\t\t\ttype: 'submit',\n\t\t\tclass: 'ck-button-action ck-button-bold'\n\t\t} );\n\n\t\treturn saveButton;\n\t}\n\n\t/**\n\t * Creates a header view for the form.\n\t */\n\tprivate _createHeaderView(): FormHeaderView {\n\t\tconst t = this.locale!.t;\n\n\t\tconst header = new FormHeaderView( this.locale, {\n\t\t\tlabel: t( 'Image Resize' )\n\t\t} );\n\n\t\theader.children.add( this.backButtonView, 0 );\n\n\t\treturn header;\n\t}\n\n\t/**\n\t * Creates an input with a label.\n\t *\n\t * @returns Labeled field view instance.\n\t */\n\tprivate _createLabeledInputView(): LabeledFieldView<InputNumberView> {\n\t\tconst t = this.locale!.t;\n\t\tconst labeledInput = new LabeledFieldView<InputNumberView>( this.locale, createLabeledInputNumber );\n\n\t\tlabeledInput.label = t( 'Resize image (in %0)', this.unit );\n\t\tlabeledInput.class = 'ck-labeled-field-view_full-width';\n\t\tlabeledInput.fieldView.set( {\n\t\t\tstep: 0.1\n\t\t} );\n\n\t\treturn labeledInput;\n\t}\n\n\t/**\n\t * Validates the form and returns `false` when some fields are invalid.\n\t */\n\tpublic isValid(): boolean {\n\t\tthis.resetFormStatus();\n\n\t\tfor ( const validator of this._validators ) {\n\t\t\tconst errorText = validator( this );\n\n\t\t\t// One error per field is enough.\n\t\t\tif ( errorText ) {\n\t\t\t\t// Apply updated error.\n\t\t\t\tthis.labeledInput.errorText = errorText;\n\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Cleans up the supplementary error and information text of the {@link #labeledInput}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */\n\tpublic resetFormStatus(): void {\n\t\tthis.labeledInput.errorText = null;\n\t}\n\n\t/**\n\t * The native DOM `value` of the input element of {@link #labeledInput}.\n\t */\n\tpublic get rawSize(): string | null {\n\t\tconst { element } = this.labeledInput.fieldView;\n\n\t\tif ( !element ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn element.value;\n\t}\n\n\t/**\n\t * Get numeric value of size. Returns `null` if value of size input element in {@link #labeledInput}.is not a number.\n\t */\n\tpublic get parsedSize(): number | null {\n\t\tconst { rawSize } = this;\n\n\t\tif ( rawSize === null ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst parsed = Number.parseFloat( rawSize );\n\n\t\tif ( Number.isNaN( parsed ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn parsed;\n\t}\n\n\t/**\n\t * Returns serialized image input size with unit.\n\t * Returns `null` if value of size input element in {@link #labeledInput}.is not a number.\n\t */\n\tpublic get sizeWithUnits(): string | null {\n\t\tconst { parsedSize, unit } = this;\n\n\t\tif ( parsedSize === null ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn `${ parsedSize }${ unit }`;\n\t}\n}\n\n/**\n * Callback used by {@link ~ImageCustomResizeFormView} to check if passed form value is valid.\n *\n * \t* If `undefined` is returned, it is assumed that the form value is correct and there is no error.\n * \t* If string is returned, it is assumed that the form value is incorrect and the returned string is displayed in the error label\n *\n * @internal\n */\nexport type ImageCustomResizeFormValidatorCallback = ( form: ImageCustomResizeFormView ) => string | undefined;\n\n/**\n * Fired when the form view is submitted.\n *\n * @eventName ~ImageCustomResizeFormView#submit\n */\nexport type ImageCustomResizeFormViewSubmitEvent = {\n\tname: 'submit';\n\targs: [];\n};\n\n/**\n * Fired when the form view is canceled.\n *\n * @eventName ~ImageCustomResizeFormView#cancel\n */\nexport type ImageCustomResizeFormViewCancelEvent = {\n\tname: 'cancel';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/utils/getselectedimagepossibleresizerange\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { calculateResizeHostAncestorWidth } from 'ckeditor5/src/widget.js';\nimport { getSelectedImageEditorNodes } from './getselectedimageeditornodes.js';\nimport { tryCastDimensionsToUnit, tryParseDimensionWithUnit } from './tryparsedimensionwithunit.js';\n\n/**\n * Returns min and max value of resize image in specified unit.\n *\n * @param editor Editor instance.\n * @param targetUnit Unit in which dimension will be returned.\n * @returns Possible resize range in numeric form.\n * @internal\n */\nexport function getSelectedImagePossibleResizeRange( editor: Editor, targetUnit: string ): PossibleResizeImageRange | null {\n\tconst imageNodes = getSelectedImageEditorNodes( editor );\n\n\tif ( !imageNodes ) {\n\t\treturn null;\n\t}\n\n\tconst imageParentWidthPx = calculateResizeHostAncestorWidth( imageNodes.dom );\n\tconst minimumImageWidth = tryParseDimensionWithUnit( window.getComputedStyle( imageNodes.dom ).minWidth ) || {\n\t\tvalue: 1,\n\t\tunit: 'px'\n\t};\n\n\tconst lower = Math.max( 0.1, tryCastDimensionsToUnit( imageParentWidthPx, minimumImageWidth, targetUnit ).value );\n\tconst upper = targetUnit === 'px' ? imageParentWidthPx : 100;\n\n\treturn {\n\t\tunit: targetUnit,\n\t\tlower,\n\t\tupper\n\t};\n}\n\n/**\n * @internal\n */\nexport type PossibleResizeImageRange = {\n\tunit: string;\n\tlower: number;\n\tupper: number;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize/imagecustomresizeui\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport {\n\tContextualBalloon,\n\tclickOutsideHandler,\n\tCssTransitionDisablerMixin,\n\ttype ViewWithCssTransitionDisabler\n} from 'ckeditor5/src/ui.js';\n\nimport { getBalloonPositionData } from '../image/ui/utils.js';\nimport { getSelectedImageWidthInUnits } from './utils/getselectedimagewidthinunits.js';\n\nimport {\n\tImageCustomResizeFormView,\n\ttype ImageCustomResizeFormValidatorCallback,\n\ttype ImageCustomResizeFormViewCancelEvent,\n\ttype ImageCustomResizeFormViewSubmitEvent\n} from './ui/imagecustomresizeformview.js';\nimport { getSelectedImagePossibleResizeRange } from './utils/getselectedimagepossibleresizerange.js';\n\n/**\n * The custom resize image UI plugin.\n *\n * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.\n */\nexport class ImageCustomResizeUI extends Plugin {\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate _balloon?: ContextualBalloon;\n\n\t/**\n\t * A form containing a textarea and buttons, used to change the `alt` text value.\n\t */\n\tprivate _form?: ImageCustomResizeFormView & ViewWithCssTransitionDisabler;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageCustomResizeUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n\t\tif ( this._form ) {\n\t\t\tthis._form.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Creates the {@link module:image/imageresize/ui/imagecustomresizeformview~ImageCustomResizeFormView}\n\t * form.\n\t */\n\tprivate _createForm( unit: string ): void {\n\t\tconst editor = this.editor;\n\n\t\tthis._balloon = this.editor.plugins.get( 'ContextualBalloon' );\n\n\t\tthis._form = new ( CssTransitionDisablerMixin( ImageCustomResizeFormView ) )( editor.locale, unit, getFormValidators( editor ) );\n\n\t\t// Render the form so its #element is available for clickOutsideHandler.\n\t\tthis._form.render();\n\n\t\tthis.listenTo<ImageCustomResizeFormViewSubmitEvent>( this._form, 'submit', () => {\n\t\t\tif ( this._form!.isValid() ) {\n\t\t\t\teditor.execute( 'resizeImage', {\n\t\t\t\t\twidth: this._form!.sizeWithUnits\n\t\t\t\t} );\n\n\t\t\t\tthis._hideForm( true );\n\t\t\t}\n\t\t} );\n\n\t\t// Update balloon position when form error label is added .\n\t\tthis.listenTo( this._form.labeledInput, 'change:errorText', () => {\n\t\t\teditor.ui.update();\n\t\t} );\n\n\t\tthis.listenTo<ImageCustomResizeFormViewCancelEvent>( this._form, 'cancel', () => {\n\t\t\tthis._hideForm( true );\n\t\t} );\n\n\t\t// Close on click outside of balloon panel element.\n\t\tclickOutsideHandler( {\n\t\t\temitter: this._form,\n\t\t\tactivator: () => this._isVisible,\n\t\t\tcontextElements: () => [ this._balloon!.view.element! ],\n\t\t\tcallback: () => this._hideForm()\n\t\t} );\n\t}\n\n\t/**\n\t * Shows the {@link #_form} in the {@link #_balloon}.\n\t *\n\t * @internal\n\t */\n\tpublic _showForm( unit: string ): void {\n\t\tif ( this._isVisible ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this._form ) {\n\t\t\tthis._createForm( unit );\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst labeledInput = this._form!.labeledInput;\n\n\t\tthis._form!.disableCssTransitions();\n\t\tthis._form!.resetFormStatus();\n\n\t\tif ( !this._isInBalloon ) {\n\t\t\tthis._balloon!.add( {\n\t\t\t\tview: this._form!,\n\t\t\t\tposition: getBalloonPositionData( editor )\n\t\t\t} );\n\t\t}\n\n\t\t// Make sure that each time the panel shows up, the field remains in sync with the value of\n\t\t// the command. If the user typed in the input, then canceled the balloon (`labeledInput#value`\n\t\t// stays unaltered) and re-opened it without changing the value of the command, they would see the\n\t\t// old value instead of the actual value of the command.\n\t\tconst currentParsedWidth = getSelectedImageWidthInUnits( editor, unit );\n\t\tconst initialInputValue = currentParsedWidth ? currentParsedWidth.value.toFixed( 1 ) : '';\n\t\tconst possibleRange = getSelectedImagePossibleResizeRange( editor, unit );\n\n\t\tlabeledInput.fieldView.value = labeledInput.fieldView.element!.value = initialInputValue;\n\n\t\tif ( possibleRange ) {\n\t\t\tObject.assign( labeledInput.fieldView, {\n\t\t\t\tmin: possibleRange.lower.toFixed( 1 ),\n\t\t\t\tmax: Math.ceil( possibleRange.upper ).toFixed( 1 )\n\t\t\t} );\n\t\t}\n\n\t\tthis._form!.labeledInput.fieldView.select();\n\t\tthis._form!.enableCssTransitions();\n\t}\n\n\t/**\n\t * Removes the {@link #_form} from the {@link #_balloon}.\n\t *\n\t * @param focusEditable Controls whether the editing view is focused afterwards.\n\t */\n\tprivate _hideForm( focusEditable: boolean = false ): void {\n\t\tif ( !this._isInBalloon ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Blur the input element before removing it from DOM to prevent issues in some browsers.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1501.\n\t\tif ( this._form!.focusTracker.isFocused ) {\n\t\t\tthis._form!.saveButtonView.focus();\n\t\t}\n\n\t\tthis._balloon!.remove( this._form! );\n\n\t\tif ( focusEditable ) {\n\t\t\tthis.editor.editing.view.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #_form} is the visible view in the {@link #_balloon}.\n\t */\n\tprivate get _isVisible(): boolean {\n\t\treturn !!this._balloon && this._balloon.visibleView === this._form;\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #_form} is in the {@link #_balloon}.\n\t */\n\tprivate get _isInBalloon(): boolean {\n\t\treturn !!this._balloon && this._balloon.hasView( this._form! );\n\t}\n}\n\n/**\n * Returns image resize form validation callbacks.\n *\n * @param editor Editor instance.\n */\nfunction getFormValidators( editor: Editor ): Array<ImageCustomResizeFormValidatorCallback> {\n\tconst t = editor.t;\n\n\treturn [\n\t\tform => {\n\t\t\tif ( form.rawSize!.trim() === '' ) {\n\t\t\t\treturn t( 'The value must not be empty.' );\n\t\t\t}\n\n\t\t\tif ( form.parsedSize === null ) {\n\t\t\t\treturn t( 'The value should be a plain number.' );\n\t\t\t}\n\t\t}\n\t];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imageresize\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageResizeButtons } from './imageresize/imageresizebuttons.js';\nimport { ImageResizeEditing } from './imageresize/imageresizeediting.js';\nimport { ImageResizeHandles } from './imageresize/imageresizehandles.js';\nimport { ImageCustomResizeUI } from './imageresize/imagecustomresizeui.js';\n\nimport '../theme/imageresize.css';\n\n/**\n * The image resize plugin.\n *\n * It adds a possibility to resize each image using handles.\n */\nexport class ImageResize extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageResizeEditing, ImageResizeHandles, ImageCustomResizeUI, ImageResizeButtons ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageResize' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagestyle/imagestylecommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ImageStyleOptionDefinition } from '../imageconfig.js';\nimport { type ImageUtils } from '../imageutils.js';\n\n/**\n * The image style command. It is used to apply {@link module:image/imageconfig~ImageStyleConfig#options image style option}\n * to a selected image.\n *\n * **Note**: Executing this command may change the image model element if the desired style requires an image of a different\n * type. See {@link module:image/imagestyle/imagestylecommand~ImageStyleCommand#execute} to learn more.\n */\nexport class ImageStyleCommand extends Command {\n\t/**\n\t * An object containing names of default style options for the inline and block images.\n\t * If there is no default style option for the given image type in the configuration,\n\t * the name will be `false`.\n\t */\n\tprivate _defaultStyles: Record<string, string | false>;\n\n\t/**\n\t * The styles handled by this command.\n\t */\n\tprivate _styles: Map<string, ImageStyleOptionDefinition>;\n\n\t/**\n\t * Creates an instance of the image style command. When executed, the command applies one of\n\t * {@link module:image/imageconfig~ImageStyleConfig#options style options} to the currently selected image.\n\t *\n\t * @param editor The editor instance.\n\t * @param styles The style options that this command supports.\n\t */\n\tconstructor( editor: Editor, styles: Array<ImageStyleOptionDefinition> ) {\n\t\tsuper( editor );\n\n\t\tthis._defaultStyles = {\n\t\t\timageBlock: false,\n\t\t\timageInline: false\n\t\t};\n\n\t\tthis._styles = new Map( styles.map( style => {\n\t\t\tif ( style.isDefault ) {\n\t\t\t\tfor ( const modelElementName of style.modelElements ) {\n\t\t\t\t\tthis._defaultStyles[ modelElementName ] = style.name;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn [ style.name, style ];\n\t\t} ) );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\t\tconst element = imageUtils.getClosestSelectedImageElement( this.editor.model.document.selection )!;\n\n\t\tthis.isEnabled = !!element;\n\n\t\tif ( !this.isEnabled ) {\n\t\t\tthis.value = false;\n\t\t} else if ( element.hasAttribute( 'imageStyle' ) ) {\n\t\t\tthis.value = element.getAttribute( 'imageStyle' );\n\t\t} else {\n\t\t\tthis.value = this._defaultStyles[ element.name ];\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command and applies the style to the currently selected image:\n\t *\n\t * ```ts\n\t * editor.execute( 'imageStyle', { value: 'side' } );\n\t * ```\n\t *\n\t * **Note**: Executing this command may change the image model element if the desired style requires an image\n\t * of a different type. Learn more about {@link module:image/imageconfig~ImageStyleOptionDefinition#modelElements model element}\n\t * configuration for the style option.\n\t *\n\t * @param options.value The name of the style (as configured in {@link module:image/imageconfig~ImageStyleConfig#options}).\n\t * @param options.setImageSizes Specifies whether the image `width` and `height` attributes should be set automatically.\n\t * The default is `true`.\n\t * @fires execute\n\t */\n\tpublic override execute( options: { value?: string; setImageSizes?: boolean } = {} ): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\tmodel.change( writer => {\n\t\t\tconst requestedStyle = options.value;\n\t\t\tconst { setImageSizes = true } = options;\n\n\t\t\tlet imageElement = imageUtils.getClosestSelectedImageElement( model.document.selection )!;\n\n\t\t\t// Change the image type if a style requires it.\n\t\t\tif ( requestedStyle && this.shouldConvertImageType( requestedStyle, imageElement ) ) {\n\t\t\t\tthis.editor.execute( imageUtils.isBlockImage( imageElement ) ? 'imageTypeInline' : 'imageTypeBlock', { setImageSizes } );\n\n\t\t\t\t// Update the imageElement to the newly created image.\n\t\t\t\timageElement = imageUtils.getClosestSelectedImageElement( model.document.selection )!;\n\t\t\t}\n\n\t\t\t// Default style means that there is no `imageStyle` attribute in the model.\n\t\t\t// https://github.com/ckeditor/ckeditor5-image/issues/147\n\t\t\tif ( !requestedStyle || this._styles.get( requestedStyle )!.isDefault ) {\n\t\t\t\twriter.removeAttribute( 'imageStyle', imageElement );\n\t\t\t} else {\n\t\t\t\twriter.setAttribute( 'imageStyle', requestedStyle, imageElement );\n\t\t\t}\n\n\t\t\tif ( setImageSizes ) {\n\t\t\t\timageUtils.setImageNaturalSizeAttributes( imageElement );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns `true` if requested style change would trigger the image type change.\n\t *\n\t * @param requestedStyle The name of the style (as configured in {@link module:image/imageconfig~ImageStyleConfig#options}).\n\t * @param imageElement The image model element.\n\t */\n\tpublic shouldConvertImageType( requestedStyle: string, imageElement: ModelElement ): boolean {\n\t\tconst supportedTypes = this._styles.get( requestedStyle )!.modelElements;\n\n\t\treturn !supportedTypes.includes( imageElement.name );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagestyle/utils\n */\n\nimport { logWarning } from 'ckeditor5/src/utils.js';\nimport {\n\tIconObjectCenter,\n\tIconObjectFullWidth,\n\tIconObjectInline,\n\tIconObjectInlineLeft,\n\tIconObjectInlineRight,\n\tIconObjectLeft,\n\tIconObjectRight\n} from 'ckeditor5/src/icons.js';\nimport type { Editor, PluginCollection } from 'ckeditor5/src/core.js';\nimport type { ImageStyleConfig, ImageStyleDropdownDefinition, ImageStyleOptionDefinition } from '../imageconfig.js';\n\n/**\n * Default image style options provided by the plugin that can be referred in the {@link module:image/imageconfig~ImageConfig#styles}\n * configuration.\n *\n * There are available 5 styles focused on formatting:\n *\n * * **`'alignLeft'`** aligns the inline or block image to the left and wraps it with the text using the `image-style-align-left` class,\n * * **`'alignRight'`** aligns the inline or block image to the right and wraps it with the text using the `image-style-align-right` class,\n * * **`'alignCenter'`** centers the block image using the `image-style-align-center` class,\n * * **`'alignBlockLeft'`** aligns the block image to the left using the `image-style-block-align-left` class,\n * * **`'alignBlockRight'`** aligns the block image to the right using the `image-style-block-align-right` class,\n *\n * and 3 semantic styles:\n *\n * * **`'inline'`** is an inline image without any CSS class,\n * * **`'block'`** is a block image without any CSS class,\n * * **`'side'`** is a block image styled with the `image-style-side` CSS class.\n *\n * @internal\n */\nexport const DEFAULT_OPTIONS: Record<string, ImageStyleOptionDefinition> = {\n\t// This style represents an image placed in the line of text.\n\tget inline() {\n\t\treturn {\n\t\t\tname: 'inline',\n\t\t\ttitle: 'In line',\n\t\t\ticon: IconObjectInline,\n\t\t\tmodelElements: [ 'imageInline' ],\n\t\t\tisDefault: true\n\t\t};\n\t},\n\n\t// This style represents an image aligned to the left and wrapped with text.\n\tget alignLeft() {\n\t\treturn {\n\t\t\tname: 'alignLeft',\n\t\t\ttitle: 'Left aligned image',\n\t\t\ticon: IconObjectInlineLeft,\n\t\t\tmodelElements: [ 'imageBlock', 'imageInline' ],\n\t\t\tclassName: 'image-style-align-left'\n\t\t};\n\t},\n\n\t// This style represents an image aligned to the left.\n\tget alignBlockLeft() {\n\t\treturn {\n\t\t\tname: 'alignBlockLeft',\n\t\t\ttitle: 'Left aligned image',\n\t\t\ticon: IconObjectLeft,\n\t\t\tmodelElements: [ 'imageBlock' ],\n\t\t\tclassName: 'image-style-block-align-left'\n\t\t};\n\t},\n\n\t// This style represents a centered image.\n\tget alignCenter() {\n\t\treturn {\n\t\t\tname: 'alignCenter',\n\t\t\ttitle: 'Centered image',\n\t\t\ticon: IconObjectCenter,\n\t\t\tmodelElements: [ 'imageBlock' ],\n\t\t\tclassName: 'image-style-align-center'\n\t\t};\n\t},\n\n\t// This style represents an image aligned to the right and wrapped with text.\n\tget alignRight() {\n\t\treturn {\n\t\t\tname: 'alignRight',\n\t\t\ttitle: 'Right aligned image',\n\t\t\ticon: IconObjectInlineRight,\n\t\t\tmodelElements: [ 'imageBlock', 'imageInline' ],\n\t\t\tclassName: 'image-style-align-right'\n\t\t};\n\t},\n\n\t// This style represents an image aligned to the right.\n\tget alignBlockRight() {\n\t\treturn {\n\t\t\tname: 'alignBlockRight',\n\t\t\ttitle: 'Right aligned image',\n\t\t\ticon: IconObjectRight,\n\t\t\tmodelElements: [ 'imageBlock' ],\n\t\t\tclassName: 'image-style-block-align-right'\n\t\t};\n\t},\n\n\t// This option is equal to the situation when no style is applied.\n\tget block() {\n\t\treturn {\n\t\t\tname: 'block',\n\t\t\ttitle: 'Centered image',\n\t\t\ticon: IconObjectCenter,\n\t\t\tmodelElements: [ 'imageBlock' ],\n\t\t\tisDefault: true\n\t\t};\n\t},\n\n\t// This represents a side image.\n\tget side() {\n\t\treturn {\n\t\t\tname: 'side',\n\t\t\ttitle: 'Side image',\n\t\t\ticon: IconObjectInlineRight,\n\t\t\tmodelElements: [ 'imageBlock' ],\n\t\t\tclassName: 'image-style-side'\n\t\t};\n\t}\n};\n\n/**\n * Default image style icons provided by the plugin that can be referred in the {@link module:image/imageconfig~ImageConfig#styles}\n * configuration.\n *\n * See {@link module:image/imageconfig~ImageStyleOptionDefinition#icon} to learn more.\n *\n * There are 7 default icons available: `'full'`, `'left'`, `'inlineLeft'`, `'center'`, `'right'`, `'inlineRight'`, and `'inline'`.\n *\n * @internal\n */\nexport const DEFAULT_ICONS: Record<string, string> = /* #__PURE__ */ ( () => ( {\n\tfull: IconObjectFullWidth,\n\tleft: IconObjectLeft,\n\tright: IconObjectRight,\n\tcenter: IconObjectCenter,\n\tinlineLeft: IconObjectInlineLeft,\n\tinlineRight: IconObjectInlineRight,\n\tinline: IconObjectInline\n} ) )();\n\n/**\n * Default drop-downs provided by the plugin that can be referred in the {@link module:image/imageconfig~ImageConfig#toolbar}\n * configuration. The drop-downs are containers for the {@link module:image/imageconfig~ImageStyleConfig#options image style options}.\n *\n * If both of the `ImageEditing` plugins are loaded, there are 2 predefined drop-downs available:\n *\n * * **`'imageStyle:wrapText'`**, which contains the `alignLeft` and `alignRight` options, that is,\n * those that wraps the text around the image,\n * * **`'imageStyle:breakText'`**, which contains the `alignBlockLeft`, `alignCenter` and `alignBlockRight` options, that is,\n * those that breaks the text around the image.\n *\n * @internal\n */\nexport const DEFAULT_DROPDOWN_DEFINITIONS: Array<ImageStyleDropdownDefinition> = [ {\n\tname: 'imageStyle:wrapText',\n\ttitle: 'Wrap text',\n\tdefaultItem: 'imageStyle:alignLeft',\n\titems: [ 'imageStyle:alignLeft', 'imageStyle:alignRight' ]\n}, {\n\tname: 'imageStyle:breakText',\n\ttitle: 'Break text',\n\tdefaultItem: 'imageStyle:block',\n\titems: [ 'imageStyle:alignBlockLeft', 'imageStyle:block', 'imageStyle:alignBlockRight' ]\n} ];\n\n/**\n * Returns a list of the normalized and validated image style options.\n *\n * @param config\n * @param config.isInlinePluginLoaded\n * Determines whether the {@link module:image/image/imageblockediting~ImageBlockEditing `ImageBlockEditing`} plugin has been loaded.\n * @param config.isBlockPluginLoaded\n * Determines whether the {@link module:image/image/imageinlineediting~ImageInlineEditing `ImageInlineEditing`} plugin has been loaded.\n * @param config.configuredStyles\n * The image styles configuration provided in the image styles {@link module:image/imageconfig~ImageConfig#styles configuration}\n * as a default or custom value.\n * @returns\n * * Each of options contains a complete icon markup.\n * * The image style options not supported by any of the loaded plugins are filtered out.\n */\nfunction normalizeStyles( config: {\n\tisInlinePluginLoaded: boolean;\n\tisBlockPluginLoaded: boolean;\n\tconfiguredStyles: ImageStyleConfig;\n}\n): Array<ImageStyleOptionDefinition> {\n\tconst configuredStyles = config.configuredStyles.options || [];\n\n\tconst styles = configuredStyles\n\t\t.map( arrangement => normalizeDefinition( arrangement ) )\n\t\t.filter( arrangement => isValidOption( arrangement, config ) );\n\n\treturn styles;\n}\n\n/**\n * Returns the default image styles configuration depending on the loaded image editing plugins.\n *\n * @param isInlinePluginLoaded\n * Determines whether the {@link module:image/image/imageblockediting~ImageBlockEditing `ImageBlockEditing`} plugin has been loaded.\n *\n * @param isBlockPluginLoaded\n * Determines whether the {@link module:image/image/imageinlineediting~ImageInlineEditing `ImageInlineEditing`} plugin has been loaded.\n *\n * @returns\n * It returns an object with the lists of the image style options and groups defined as strings related to the\n * {@link module:image/imagestyle/utils#DEFAULT_OPTIONS default options}\n */\nfunction getDefaultStylesConfiguration( isBlockPluginLoaded: boolean, isInlinePluginLoaded: boolean ): ImageStyleConfig {\n\tif ( isBlockPluginLoaded && isInlinePluginLoaded ) {\n\t\treturn {\n\t\t\toptions: [\n\t\t\t\t'inline', 'alignLeft', 'alignRight',\n\t\t\t\t'alignCenter', 'alignBlockLeft', 'alignBlockRight',\n\t\t\t\t'block', 'side'\n\t\t\t]\n\t\t};\n\t} else if ( isBlockPluginLoaded ) {\n\t\treturn {\n\t\t\toptions: [ 'block', 'side' ]\n\t\t};\n\t} else if ( isInlinePluginLoaded ) {\n\t\treturn {\n\t\t\toptions: [ 'inline', 'alignLeft', 'alignRight' ]\n\t\t};\n\t}\n\n\treturn {};\n}\n\n/**\n * Returns a list of the available predefined drop-downs' definitions depending on the loaded image editing plugins.\n */\nfunction getDefaultDropdownDefinitions( pluginCollection: PluginCollection<Editor> ): Array<ImageStyleDropdownDefinition> {\n\tif ( pluginCollection.has( 'ImageBlockEditing' ) && pluginCollection.has( 'ImageInlineEditing' ) ) {\n\t\treturn [ ...DEFAULT_DROPDOWN_DEFINITIONS ];\n\t} else {\n\t\treturn [];\n\t}\n}\n\n/**\n * Normalizes an image style option or group provided in the {@link module:image/imageconfig~ImageConfig#styles}\n * and returns it in a {@link module:image/imageconfig~ImageStyleOptionDefinition}/\n */\nfunction normalizeDefinition( definition: string | Partial<ImageStyleOptionDefinition> & { name: string } ): ImageStyleOptionDefinition {\n\tif ( typeof definition === 'string' ) {\n\t\t// Just the name of the style has been passed, but none of the defaults.\n\t\tif ( !DEFAULT_OPTIONS[ definition ] ) {\n\t\t\t// Normalize the style anyway to prevent errors.\n\t\t\tdefinition = { name: definition };\n\t\t}\n\t\t// Just the name of the style has been passed and it's one of the defaults, just use it.\n\t\t// Clone the style to avoid overriding defaults.\n\t\telse {\n\t\t\tdefinition = { ...DEFAULT_OPTIONS[ definition ] };\n\t\t}\n\t} else {\n\t\t// If an object style has been passed and if the name matches one of the defaults,\n\t\t// extend it with defaults – the user wants to customize a default style.\n\t\t// Note: Don't override the user–defined style object, clone it instead.\n\t\tdefinition = extendStyle( DEFAULT_OPTIONS[ definition.name ], definition );\n\t}\n\n\t// If an icon is defined as a string and correspond with a name\n\t// in default icons, use the default icon provided by the plugin.\n\tif ( typeof definition.icon === 'string' ) {\n\t\tdefinition.icon = DEFAULT_ICONS[ definition.icon ] || definition.icon;\n\t}\n\n\treturn definition as ImageStyleOptionDefinition;\n}\n\n/**\n * Checks if the image style option is valid:\n * * if it has the modelElements fields defined and filled,\n * * if the defined modelElements are supported by any of the loaded image editing plugins.\n * It also displays a console warning these conditions are not met.\n *\n * @param option image style option\n */\nfunction isValidOption(\n\toption: ImageStyleOptionDefinition,\n\t{ isBlockPluginLoaded, isInlinePluginLoaded }: { isBlockPluginLoaded: boolean; isInlinePluginLoaded: boolean }\n): boolean {\n\tconst { modelElements, name } = option;\n\n\tif ( !modelElements || !modelElements.length || !name ) {\n\t\twarnInvalidStyle( { style: option } );\n\n\t\treturn false;\n\t} else {\n\t\tconst supportedElements = [ isBlockPluginLoaded ? 'imageBlock' : null, isInlinePluginLoaded ? 'imageInline' : null ];\n\n\t\t// Check if the option is supported by any of the loaded plugins.\n\t\tif ( !modelElements.some( elementName => supportedElements.includes( elementName ) ) ) {\n\t\t\t/**\n\t\t\t * In order to work correctly, each image style {@link module:image/imageconfig~ImageStyleOptionDefinition option}\n\t\t\t * requires specific model elements (also: types of images) to be supported by the editor.\n\t\t\t *\n\t\t\t * Model element names to which the image style option can be applied are defined in the\n\t\t\t * {@link module:image/imageconfig~ImageStyleOptionDefinition#modelElements} property of the style option\n\t\t\t * definition.\n\t\t\t *\n\t\t\t * Explore the warning in the console to find out precisely which option is not supported and which editor plugins\n\t\t\t * are missing. Make sure these plugins are loaded in your editor to get this image style option working.\n\t\t\t *\n\t\t\t * @error image-style-missing-dependency\n\t\t\t * @param {string} style The name of the unsupported option.\n\t\t\t * @param {Array.<string>} missingPlugins The names of the plugins one of which has to be loaded for the particular option.\n\t\t\t */\n\t\t\tlogWarning( 'image-style-missing-dependency', {\n\t\t\t\tstyle: option,\n\t\t\t\tmissingPlugins: modelElements.map( name => name === 'imageBlock' ? 'ImageBlockEditing' : 'ImageInlineEditing' )\n\t\t\t} );\n\n\t\t\treturn false;\n\t\t}\n\t}\n\n\treturn true;\n}\n\n/**\n * Extends the default style with a style provided by the developer.\n * Note: Don't override the custom–defined style object, clone it instead.\n */\nfunction extendStyle( source: ImageStyleOptionDefinition, style: Partial<ImageStyleOptionDefinition> ): ImageStyleOptionDefinition {\n\tconst extendedStyle: Record<string, any> = { ...style };\n\n\tfor ( const prop in source ) {\n\t\tif ( !Object.prototype.hasOwnProperty.call( style, prop ) ) {\n\t\t\textendedStyle[ prop ] = source[ prop as keyof typeof source ];\n\t\t}\n\t}\n\n\treturn extendedStyle as ImageStyleOptionDefinition;\n}\n\n/**\n * Displays a console warning with the 'image-style-configuration-definition-invalid' error.\n */\nfunction warnInvalidStyle( info: object ): void {\n\t/**\n\t * The image style definition provided in the configuration is invalid.\n\t *\n\t * Please make sure the definition implements properly one of the following:\n\t *\n\t * * {@link module:image/imageconfig~ImageStyleOptionDefinition image style option definition},\n\t * * {@link module:image/imageconfig~ImageStyleDropdownDefinition image style dropdown definition}\n\t *\n\t * @error image-style-configuration-definition-invalid\n\t * @param {object} info The information about the invalid definition.\n\t */\n\tlogWarning( 'image-style-configuration-definition-invalid', info );\n}\n\n/**\n * @internal\n */\nexport const utils = {\n\tnormalizeStyles,\n\tgetDefaultStylesConfiguration,\n\tgetDefaultDropdownDefinitions,\n\twarnInvalidStyle\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport type { DowncastAttributeEvent, ModelElement, UpcastElementEvent } from 'ckeditor5/src/engine.js';\nimport { first, type GetCallback } from 'ckeditor5/src/utils.js';\nimport type { ImageStyleOptionDefinition } from '../imageconfig.js';\n\n/**\n * @module image/imagestyle/converters\n */\n\n/**\n * Returns a converter for the `imageStyle` attribute. It can be used for adding, changing and removing the attribute.\n *\n * @param styles An array containing available image style options.\n * @returns A model-to-view attribute converter.\n * @internal\n */\nexport function modelToViewStyleAttribute( styles: Array<ImageStyleOptionDefinition> ): GetCallback<DowncastAttributeEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if there is class name associated with given value.\n\t\tconst newStyle = getStyleDefinitionByName( data.attributeNewValue as string, styles );\n\t\tconst oldStyle = getStyleDefinitionByName( data.attributeOldValue as string, styles );\n\n\t\tconst viewElement = conversionApi.mapper.toViewElement( data.item as ModelElement )!;\n\t\tconst viewWriter = conversionApi.writer;\n\n\t\tif ( oldStyle ) {\n\t\t\tviewWriter.removeClass( oldStyle.className!, viewElement );\n\t\t}\n\n\t\tif ( newStyle ) {\n\t\t\tviewWriter.addClass( newStyle.className!, viewElement );\n\t\t}\n\t};\n}\n\n/**\n * Returns a view-to-model converter converting image CSS classes to a proper value in the model.\n *\n * @param styles Image style options for which the converter is created.\n * @returns A view-to-model converter.\n * @internal\n */\nexport function viewToModelStyleAttribute( styles: Array<ImageStyleOptionDefinition> ): GetCallback<UpcastElementEvent> {\n\t// Convert only non–default styles.\n\tconst nonDefaultStyles: Record<string, Array<ImageStyleOptionDefinition>> = {\n\t\timageInline: styles.filter( style => !style.isDefault && style.modelElements.includes( 'imageInline' ) ),\n\t\timageBlock: styles.filter( style => !style.isDefault && style.modelElements.includes( 'imageBlock' ) )\n\t};\n\n\treturn ( evt, data, conversionApi ) => {\n\t\tif ( !data.modelRange ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewElement = data.viewItem;\n\t\tconst modelImageElement = first( data.modelRange.getItems() );\n\n\t\t// Run this converter only if an image has been found in the model.\n\t\t// In some cases it may not be found (for example if we run this on a figure with different type than image).\n\t\tif ( !modelImageElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// ...and the `imageStyle` attribute is allowed for that element, otherwise stop conversion early.\n\t\tif ( !conversionApi.schema.checkAttribute( modelImageElement, 'imageStyle' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Convert styles one by one.\n\t\tfor ( const style of nonDefaultStyles[ ( modelImageElement as ModelElement ).name ] ) {\n\t\t\t// Try to consume class corresponding with the style.\n\t\t\tif ( conversionApi.consumable.consume( viewElement, { classes: style.className } ) ) {\n\t\t\t\t// And convert this style to model attribute.\n\t\t\t\tconversionApi.writer.setAttribute( 'imageStyle', style.name, modelImageElement );\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Returns the style with a given `name` from an array of styles.\n */\nfunction getStyleDefinitionByName( name: string, styles: Array<ImageStyleOptionDefinition> ): ImageStyleOptionDefinition | undefined {\n\tfor ( const style of styles ) {\n\t\tif ( style.name === name ) {\n\t\t\treturn style;\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagestyle/imagestyleediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { ModelElement, UpcastElementEvent } from 'ckeditor5/src/engine.js';\n\nimport { ImageStyleCommand } from './imagestylecommand.js';\nimport { ImageUtils } from '../imageutils.js';\nimport { utils } from './utils.js';\nimport { viewToModelStyleAttribute, modelToViewStyleAttribute } from './converters.js';\nimport type { ImageStyleOptionDefinition } from '../imageconfig.js';\n\n/**\n * The image style engine plugin. It sets the default configuration, creates converters and registers\n * {@link module:image/imagestyle/imagestylecommand~ImageStyleCommand ImageStyleCommand}.\n */\nexport class ImageStyleEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageStyleEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageUtils ] as const;\n\t}\n\n\t/**\n\t * It contains a list of the normalized and validated style options.\n\t *\n\t * * Each option contains a complete icon markup.\n\t * * The style options not supported by any of the loaded image editing plugins (\n\t * {@link module:image/image/imageinlineediting~ImageInlineEditing `ImageInlineEditing`} or\n\t * {@link module:image/image/imageblockediting~ImageBlockEditing `ImageBlockEditing`}) are filtered out.\n\t *\n\t * @internal\n\t * @readonly\n\t */\n\tpublic normalizedStyles?: Array<ImageStyleOptionDefinition>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst isBlockPluginLoaded = editor.plugins.has( 'ImageBlockEditing' );\n\t\tconst isInlinePluginLoaded = editor.plugins.has( 'ImageInlineEditing' );\n\n\t\teditor.config.define( 'image.styles', utils.getDefaultStylesConfiguration( isBlockPluginLoaded, isInlinePluginLoaded ) );\n\n\t\tthis.normalizedStyles = utils.normalizeStyles( {\n\t\t\tconfiguredStyles: editor.config.get( 'image.styles' )!,\n\t\t\tisBlockPluginLoaded,\n\t\t\tisInlinePluginLoaded\n\t\t} );\n\n\t\tthis._setupConversion( isBlockPluginLoaded, isInlinePluginLoaded );\n\t\tthis._setupPostFixer();\n\n\t\t// Register imageStyle command.\n\t\teditor.commands.add( 'imageStyle', new ImageStyleCommand( editor, this.normalizedStyles ) );\n\t}\n\n\t/**\n\t * Sets the editor conversion taking the presence of\n\t * {@link module:image/image/imageinlineediting~ImageInlineEditing `ImageInlineEditing`}\n\t * and {@link module:image/image/imageblockediting~ImageBlockEditing `ImageBlockEditing`} plugins into consideration.\n\t */\n\tprivate _setupConversion( isBlockPluginLoaded: boolean, isInlinePluginLoaded: boolean ): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\tconst modelToViewConverter = modelToViewStyleAttribute( this.normalizedStyles! );\n\t\tconst viewToModelConverter = viewToModelStyleAttribute( this.normalizedStyles! );\n\n\t\teditor.editing.downcastDispatcher.on( 'attribute:imageStyle', modelToViewConverter );\n\t\teditor.data.downcastDispatcher.on( 'attribute:imageStyle', modelToViewConverter );\n\n\t\t// Allow imageStyle attribute in image and imageInline.\n\t\t// We could call it 'style' but https://github.com/ckeditor/ckeditor5-engine/issues/559.\n\t\tif ( isBlockPluginLoaded ) {\n\t\t\tschema.extend( 'imageBlock', { allowAttributes: 'imageStyle' } );\n\t\t\tschema.setAttributeProperties( 'imageStyle', { isFormatting: true } );\n\n\t\t\t// Converter for figure element from view to model.\n\t\t\teditor.data.upcastDispatcher.on<UpcastElementEvent>( 'element:figure', viewToModelConverter, { priority: 'low' } );\n\t\t}\n\n\t\tif ( isInlinePluginLoaded ) {\n\t\t\tschema.extend( 'imageInline', { allowAttributes: 'imageStyle' } );\n\t\t\tschema.setAttributeProperties( 'imageStyle', { isFormatting: true } );\n\n\t\t\t// Converter for the img element from view to model.\n\t\t\teditor.data.upcastDispatcher.on( 'element:img', viewToModelConverter, { priority: 'low' } );\n\t\t}\n\t}\n\n\t/**\n\t * Registers a post-fixer that will make sure that the style attribute value is correct for a specific image type (block vs inline).\n\t */\n\tprivate _setupPostFixer(): void {\n\t\tconst editor = this.editor;\n\t\tconst document = editor.model.document;\n\n\t\tconst imageUtils = editor.plugins.get( ImageUtils );\n\t\tconst stylesMap = new Map( this.normalizedStyles!.map( style => [ style.name, style ] ) );\n\n\t\t// Make sure that style attribute is valid for the image type.\n\t\tdocument.registerPostFixer( writer => {\n\t\t\tlet changed = false;\n\n\t\t\tfor ( const change of document.differ.getChanges() ) {\n\t\t\t\tif ( change.type == 'insert' || change.type == 'attribute' && change.attributeKey == 'imageStyle' ) {\n\t\t\t\t\tlet element = change.type == 'insert' ? change.position.nodeAfter! : change.range.start.nodeAfter!;\n\n\t\t\t\t\tif ( element && element.is( 'element', 'paragraph' ) && element.childCount > 0 ) {\n\t\t\t\t\t\telement = element.getChild( 0 )!;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( !imageUtils.isImage( element as ModelElement ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst imageStyle = element.getAttribute( 'imageStyle' ) as string | undefined;\n\n\t\t\t\t\tif ( !imageStyle ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst imageStyleDefinition = stylesMap.get( imageStyle );\n\n\t\t\t\t\tif ( !imageStyleDefinition || !imageStyleDefinition.modelElements.includes( ( element as ModelElement ).name ) ) {\n\t\t\t\t\t\twriter.removeAttribute( 'imageStyle', element );\n\t\t\t\t\t\tchanged = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn changed;\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagestyle/imagestyleui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ButtonView, createDropdown, addToolbarToDropdown, SplitButtonView } from 'ckeditor5/src/ui.js';\nimport { isObject, identity } from 'es-toolkit/compat';\nimport { ImageStyleEditing } from './imagestyleediting.js';\nimport { utils } from './utils.js';\nimport type { ImageStyleDropdownDefinition, ImageStyleOptionDefinition } from '../imageconfig.js';\nimport { type ImageStyleCommand } from './imagestylecommand.js';\n\nimport '../../theme/imagestyle.css';\n\n/**\n * The image style UI plugin.\n *\n * It registers buttons corresponding to the {@link module:image/imageconfig~ImageConfig#styles} configuration.\n * It also registers the {@link module:image/imagestyle/utils#DEFAULT_DROPDOWN_DEFINITIONS default drop-downs} and the\n * custom drop-downs defined by the developer in the {@link module:image/imageconfig~ImageConfig#toolbar} configuration.\n */\nexport class ImageStyleUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageStyleEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageStyleUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Returns the default localized style titles provided by the plugin.\n\t *\n\t * The following localized titles corresponding with\n\t * {@link module:image/imagestyle/utils#DEFAULT_OPTIONS} are available:\n\t *\n\t * * `'Wrap text'`,\n\t * * `'Break text'`,\n\t * * `'In line'`,\n\t * * `'Full size image'`,\n\t * * `'Side image'`,\n\t * * `'Left aligned image'`,\n\t * * `'Centered image'`,\n\t * * `'Right aligned image'`\n\t */\n\tpublic get localizedDefaultStylesTitles(): Record<string, string> {\n\t\tconst t = this.editor.t;\n\n\t\treturn {\n\t\t\t'Wrap text': t( 'Wrap text' ),\n\t\t\t'Break text': t( 'Break text' ),\n\t\t\t'In line': t( 'In line' ),\n\t\t\t'Full size image': t( 'Full size image' ),\n\t\t\t'Side image': t( 'Side image' ),\n\t\t\t'Left aligned image': t( 'Left aligned image' ),\n\t\t\t'Centered image': t( 'Centered image' ),\n\t\t\t'Right aligned image': t( 'Right aligned image' )\n\t\t};\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst plugins = this.editor.plugins;\n\t\tconst toolbarConfig = this.editor.config.get( 'image.toolbar' ) || [];\n\t\tconst imageStyleEditing: ImageStyleEditing = plugins.get( 'ImageStyleEditing' );\n\n\t\tconst definedStyles = translateStyles(\n\t\t\timageStyleEditing.normalizedStyles!,\n\t\t\tthis.localizedDefaultStylesTitles\n\t\t);\n\n\t\tfor ( const styleConfig of definedStyles ) {\n\t\t\tthis._createButton( styleConfig );\n\t\t}\n\n\t\tconst definedDropdowns = translateStyles(\n\t\t\t[\n\t\t\t\t...toolbarConfig.filter( isObject ) as Array<ImageStyleDropdownDefinition>,\n\t\t\t\t...utils.getDefaultDropdownDefinitions( plugins )\n\t\t\t],\n\t\t\tthis.localizedDefaultStylesTitles\n\t\t);\n\n\t\tfor ( const dropdownConfig of definedDropdowns ) {\n\t\t\tthis._createDropdown( dropdownConfig, definedStyles );\n\t\t}\n\t}\n\n\t/**\n\t * Creates a dropdown and stores it in the editor {@link module:ui/componentfactory~ComponentFactory}.\n\t */\n\tprivate _createDropdown( dropdownConfig: ImageStyleDropdownDefinition, definedStyles: Array<ImageStyleOptionDefinition> ): void {\n\t\tconst factory = this.editor.ui.componentFactory;\n\n\t\tfactory.add( dropdownConfig.name, locale => {\n\t\t\tlet defaultButton: ButtonView | undefined;\n\n\t\t\tconst { defaultItem, items, title } = dropdownConfig;\n\t\t\tconst buttonViews = items\n\t\t\t\t.filter( itemName => definedStyles.find( ( { name } ) => getUIComponentName( name ) === itemName ) )\n\t\t\t\t.map( buttonName => {\n\t\t\t\t\tconst button = factory.create( buttonName ) as ButtonView;\n\n\t\t\t\t\tif ( buttonName === defaultItem ) {\n\t\t\t\t\t\tdefaultButton = button;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn button;\n\t\t\t\t} );\n\n\t\t\tif ( items.length !== buttonViews.length ) {\n\t\t\t\tutils.warnInvalidStyle( { dropdown: dropdownConfig } );\n\t\t\t}\n\n\t\t\tconst dropdownView = createDropdown( locale, SplitButtonView );\n\t\t\tconst splitButtonView = dropdownView.buttonView as SplitButtonView;\n\t\t\tconst splitButtonViewArrow = splitButtonView.arrowView;\n\n\t\t\taddToolbarToDropdown( dropdownView, buttonViews, { enableActiveItemFocusOnDropdownOpen: true } );\n\n\t\t\tsplitButtonView.set( {\n\t\t\t\tlabel: getDropdownButtonTitle( title, defaultButton!.label! ),\n\t\t\t\tclass: null,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tsplitButtonViewArrow.unbind( 'label' );\n\t\t\tsplitButtonViewArrow.set( {\n\t\t\t\tlabel: title\n\t\t\t} );\n\n\t\t\tsplitButtonView.bind( 'icon' ).toMany( buttonViews, 'isOn', ( ...areOn ) => {\n\t\t\t\tconst index = areOn.findIndex( identity );\n\n\t\t\t\treturn ( index < 0 ) ? defaultButton!.icon : buttonViews[ index ].icon;\n\t\t\t} );\n\n\t\t\tsplitButtonView.bind( 'label' ).toMany( buttonViews, 'isOn', ( ...areOn ) => {\n\t\t\t\tconst index = areOn.findIndex( identity );\n\n\t\t\t\treturn getDropdownButtonTitle( title, ( index < 0 ) ? defaultButton!.label! : buttonViews[ index ].label! );\n\t\t\t} );\n\n\t\t\tsplitButtonView.bind( 'isOn' ).toMany( buttonViews, 'isOn', ( ...areOn ) => areOn.some( identity ) );\n\n\t\t\tsplitButtonView.bind( 'class' )\n\t\t\t\t.toMany( buttonViews, 'isOn', ( ...areOn ) => areOn.some( identity ) ? 'ck-splitbutton_flatten' : undefined );\n\n\t\t\tsplitButtonView.on( 'execute', () => {\n\t\t\t\tif ( !buttonViews.some( ( { isOn } ) => isOn ) ) {\n\t\t\t\t\tdefaultButton!.fire( 'execute' );\n\t\t\t\t} else {\n\t\t\t\t\tdropdownView.isOpen = !dropdownView.isOpen;\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tdropdownView.bind( 'isEnabled' )\n\t\t\t\t.toMany( buttonViews, 'isEnabled', ( ...areEnabled ) => areEnabled.some( identity ) );\n\n\t\t\t// Focus the editable after executing the command.\n\t\t\t// Overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n\t\t\tthis.listenTo( dropdownView, 'execute', () => {\n\t\t\t\tthis.editor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button and stores it in the editor {@link module:ui/componentfactory~ComponentFactory}.\n\t */\n\tprivate _createButton( buttonConfig: ImageStyleOptionDefinition ): void {\n\t\tconst buttonName = buttonConfig.name;\n\n\t\tthis.editor.ui.componentFactory.add( getUIComponentName( buttonName ), locale => {\n\t\t\tconst command: ImageStyleCommand = this.editor.commands.get( 'imageStyle' )!;\n\t\t\tconst view = new ButtonView( locale );\n\n\t\t\tview.set( {\n\t\t\t\tlabel: buttonConfig.title,\n\t\t\t\ticon: buttonConfig.icon,\n\t\t\t\ttooltip: true,\n\t\t\t\tisToggleable: true\n\t\t\t} );\n\n\t\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t\t\tview.bind( 'isOn' ).to( command, 'value', value => value === buttonName );\n\t\t\tview.on( 'execute', this._executeCommand.bind( this, buttonName ) );\n\n\t\t\treturn view;\n\t\t} );\n\t}\n\n\tprivate _executeCommand( name: string ): void {\n\t\tthis.editor.execute( 'imageStyle', { value: name } );\n\t\tthis.editor.editing.view.focus();\n\t}\n}\n\n/**\n * Returns the translated `title` from the passed styles array.\n */\nfunction translateStyles<T extends ImageStyleOptionDefinition | ImageStyleDropdownDefinition>(\n\tstyles: Array<T>,\n\ttitles: Record<string, string>\n): Array<T> {\n\tfor ( const style of styles ) {\n\t\t// Localize the titles of the styles, if a title corresponds with\n\t\t// a localized default provided by the plugin.\n\t\tif ( titles[ style.title! ] ) {\n\t\t\tstyle.title = titles[ style.title! ];\n\t\t}\n\t}\n\n\treturn styles;\n}\n\n/**\n * Returns the image style component name with the \"imageStyle:\" prefix.\n */\nfunction getUIComponentName( name: string ): string {\n\treturn `imageStyle:${ name }`;\n}\n\n/**\n * Returns title for the splitbutton containing the dropdown title and default action item title.\n */\nfunction getDropdownButtonTitle( dropdownTitle: string | undefined, buttonTitle: string ): string {\n\treturn ( dropdownTitle ? dropdownTitle + ': ' : '' ) + buttonTitle;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagestyle\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ImageStyleEditing } from './imagestyle/imagestyleediting.js';\nimport { ImageStyleUI } from './imagestyle/imagestyleui.js';\n\n/**\n * The image style plugin.\n *\n * For a detailed overview of the image styles feature, check the {@glink features/images/images-styles documentation}.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n * * {@link module:image/imagestyle/imagestyleediting~ImageStyleEditing},\n * * {@link module:image/imagestyle/imagestyleui~ImageStyleUI}\n *\n * It provides a default configuration, which can be extended or overwritten.\n * Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.\n */\nexport class ImageStyle extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageStyleEditing, ImageStyleUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageStyle' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/imagetoolbar\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';\n\nimport { ImageUtils } from './imageutils.js';\nimport type { ImageStyleDropdownDefinition } from './imageconfig.js';\n\nimport { isObject } from 'es-toolkit/compat';\n\n/**\n * The image toolbar plugin. It creates and manages the image toolbar (the toolbar displayed when an image is selected).\n *\n * For an overview, check the {@glink features/images/images-overview#image-contextual-toolbar image contextual toolbar} documentation.\n *\n * Instances of toolbar components (e.g. buttons) are created using the editor's\n * {@link module:ui/componentfactory~ComponentFactory component factory}\n * based on the {@link module:image/imageconfig~ImageConfig#toolbar `image.toolbar` configuration option}.\n *\n * The toolbar uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.\n */\nexport class ImageToolbar extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ WidgetToolbarRepository, ImageUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ImageToolbar' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst widgetToolbarRepository = editor.plugins.get( WidgetToolbarRepository );\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\twidgetToolbarRepository.register( 'image', {\n\t\t\tariaLabel: t( 'Image toolbar' ),\n\t\t\titems: normalizeDeclarativeConfig( editor.config.get( 'image.toolbar' ) || [] ),\n\t\t\tgetRelatedElement: selection => imageUtils.getClosestSelectedImageWidget( selection )!\n\t\t} );\n\t}\n}\n\n/**\n * Convert the dropdown definitions to their keys registered in the ComponentFactory.\n * The registration precess should be handled by the plugin which handles the UI of a particular feature.\n */\nfunction normalizeDeclarativeConfig( config: Array<string | ImageStyleDropdownDefinition> ): Array<string> {\n\treturn config.map( item => isObject( item ) ? item.name : item );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 image/pictureediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { ImageEditing } from './image/imageediting.js';\nimport { ImageUtils } from './imageutils.js';\nimport { downcastSourcesAttribute, upcastPicture } from './image/converters.js';\nimport type { ImageUploadEditing, ImageUploadCompleteEvent } from './imageupload/imageuploadediting.js';\n\n/**\n * This plugin enables the [`<picture>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture) element support in the editor.\n *\n * * It enables the `sources` model attribute on `imageBlock` and `imageInline` model elements\n * (brought by {@link module:image/imageblock~ImageBlock} and {@link module:image/imageinline~ImageInline}, respectively).\n * * It translates the `sources` model element to the view (also: data) structure that may look as follows:\n *\n * ```html\n * <p>Inline image using picture:\n * \t<picture>\n * \t\t<source media=\"(min-width: 800px)\" srcset=\"image-large.webp\" type=\"image/webp\">\n * \t\t<source media=\"(max-width: 800px)\" srcset=\"image-small.webp\" type=\"image/webp\">\n * \t\t<!-- Other sources as specified in the \"sources\" model attribute... -->\n * \t\t<img src=\"image.png\" alt=\"An image using picture\" />\n * \t</picture>\n * </p>\n *\n * <p>Block image using picture:</p>\n * <figure class=\"image\">\n * \t<picture>\n * \t\t<source media=\"(min-width: 800px)\" srcset=\"image-large.webp\" type=\"image/webp\">\n * \t\t<source media=\"(max-width: 800px)\" srcset=\"image-small.webp\" type=\"image/webp\">\n * \t\t<!-- Other sources as specified in the \"sources\" model attribute... -->\n * \t\t<img src=\"image.png\" alt=\"An image using picture\" />\n * \t</picture>\n * \t<figcaption>Caption of the image</figcaption>\n * </figure>\n * ```\n *\n * **Note:** The value of the `sources` {@glink framework/architecture/editing-engine#changing-the-model model attribute}\n * in both examples equals:\n *\n * ```css\n * [\n * \t{\n * \t\tmedia: '(min-width: 800px)',\n * \t\tsrcset: 'image-large.webp',\n * \t\ttype: 'image/webp'\n * \t},\n * \t{\n * \t\tmedia: '(max-width: 800px)',\n * \t\tsrcset: 'image-small.webp',\n * \t\ttype: 'image/webp'\n * \t}\n * ]\n * ```\n *\n * * It integrates with the {@link module:image/imageupload~ImageUpload} plugin so images uploaded in the editor\n * automatically render using `<picture>` if the {@glink features/images/image-upload/image-upload upload adapter}\n * supports image sources and provides neccessary data.\n *\n * @private\n */\nexport class PictureEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ImageEditing, ImageUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'PictureEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\teditor.model.schema.extend( 'imageBlock', {\n\t\t\t\tallowAttributes: [ 'sources' ]\n\t\t\t} );\n\t\t}\n\n\t\tif ( editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\teditor.model.schema.extend( 'imageInline', {\n\t\t\t\tallowAttributes: [ 'sources' ]\n\t\t\t} );\n\t\t}\n\n\t\tthis._setupConversion();\n\t\tthis._setupImageUploadEditingIntegration();\n\t}\n\n\t/**\n\t * Configures conversion pipelines to support upcasting and downcasting images using the `<picture>` view element\n\t * and the model `sources` attribute.\n\t */\n\tprivate _setupConversion(): void {\n\t\tconst editor = this.editor;\n\t\tconst conversion = editor.conversion;\n\t\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\t\tconversion.for( 'upcast' ).add( upcastPicture( imageUtils ) );\n\t\tconversion.for( 'downcast' ).add( downcastSourcesAttribute( imageUtils ) );\n\t}\n\n\t/**\n\t * Makes it possible for uploaded images to get the `sources` model attribute and the `<picture>...</picture>`\n\t * view structure out-of-the-box if relevant data is provided along the\n\t * {@link module:image/imageupload/imageuploadediting~ImageUploadEditing#event:uploadComplete} event.\n\t */\n\tprivate _setupImageUploadEditingIntegration(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'ImageUploadEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst imageUploadEditing: ImageUploadEditing = editor.plugins.get( 'ImageUploadEditing' );\n\n\t\tthis.listenTo<ImageUploadCompleteEvent>(\n\t\t\timageUploadEditing,\n\t\t\t'uploadComplete',\n\t\t\t( evt, { imageElement, data } ) => {\n\t\t\t\tconst sources = data.sources;\n\n\t\t\t\tif ( !sources ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\teditor.model.change( writer => {\n\t\t\t\t\twriter.setAttributes( {\n\t\t\t\t\t\tsources\n\t\t\t\t\t}, imageElement );\n\t\t\t\t} );\n\t\t\t} );\n\t}\n}\n", "import { Plugin, MultiCommand, Command } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconIndent, IconOutdent } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { addMarginStylesRules } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { first } from '@ckeditor/ckeditor5-utils/dist/index.js';\n\n/**\n * The indent editing feature.\n *\n * This plugin registers the `'indent'` and `'outdent'` commands.\n *\n * **Note**: In order for the commands to work, at least one of the compatible features is required. Read more in the\n * {@link module:indent/indent~Indent indent feature} API documentation.\n */ class IndentEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'IndentEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.commands.add('indent', new MultiCommand(editor));\n        editor.commands.add('outdent', new MultiCommand(editor));\n    }\n}\n\n/**\n * The indent UI feature.\n *\n * This plugin registers the `'indent'` and `'outdent'` buttons.\n *\n * **Note**: In order for the commands to work, at least one of the compatible features is required. Read more in\n * the {@link module:indent/indent~Indent indent feature} API documentation.\n */ class IndentUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'IndentUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const t = editor.t;\n        const localizedIndentIcon = locale.uiLanguageDirection == 'ltr' ? IconIndent : IconOutdent;\n        const localizedOutdentIcon = locale.uiLanguageDirection == 'ltr' ? IconOutdent : IconIndent;\n        this._defineButton('indent', t('Increase indent'), localizedIndentIcon);\n        this._defineButton('outdent', t('Decrease indent'), localizedOutdentIcon);\n    }\n    /**\n\t * Defines UI buttons for both toolbar and menu bar.\n\t */ _defineButton(commandName, label, icon) {\n        const editor = this.editor;\n        editor.ui.componentFactory.add(commandName, ()=>{\n            const buttonView = this._createButton(ButtonView, commandName, label, icon);\n            buttonView.set({\n                tooltip: true\n            });\n            return buttonView;\n        });\n        editor.ui.componentFactory.add('menuBar:' + commandName, ()=>{\n            return this._createButton(MenuBarMenuListItemButtonView, commandName, label, icon);\n        });\n    }\n    /**\n\t * Creates a button to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass, commandName, label, icon) {\n        const editor = this.editor;\n        const command = editor.commands.get(commandName);\n        const view = new ButtonClass(editor.locale);\n        view.set({\n            label,\n            icon\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute(commandName);\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The indent feature.\n *\n * This plugin acts as a single entry point plugin for other features that implement indentation of elements like lists or paragraphs.\n *\n * The compatible features are:\n *\n * * The {@link module:list/list~List} or {@link module:list/list/listediting~ListEditing} feature for list indentation.\n * * The {@link module:indent/indentblock~IndentBlock} feature for block indentation.\n *\n * This is a \"glue\" plugin that loads the following plugins:\n *\n * * The {@link module:indent/indentediting~IndentEditing indent editing feature}.\n * * The {@link module:indent/indentui~IndentUI indent UI feature}.\n *\n * The dependent plugins register the `'indent'` and `'outdent'` commands and introduce the `'indent'` and `'outdent'` buttons\n * that allow to increase or decrease text indentation of supported elements.\n *\n * **Note**: In order for the commands and buttons to work, at least one of compatible features is required.\n */ class Indent extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Indent';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            IndentEditing,\n            IndentUI\n        ];\n    }\n}\n\n/**\n * The indent block command.\n *\n * The command is registered by the {@link module:indent/indentblock~IndentBlock} as `'indentBlock'` for indenting blocks and\n * `'outdentBlock'` for outdenting blocks.\n *\n * To increase block indentation at the current selection, execute the command:\n *\n * ```ts\n * editor.execute( 'indentBlock' );\n * ```\n *\n * To decrease block indentation at the current selection, execute the command:\n *\n * ```ts\n * editor.execute( 'outdentBlock' );\n * ```\n */ class IndentBlockCommand extends Command {\n    /**\n\t * The command's indentation behavior.\n\t */ _indentBehavior;\n    /**\n\t * Creates an instance of the command.\n\t */ constructor(editor, indentBehavior){\n        super(editor);\n        this._indentBehavior = indentBehavior;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const model = editor.model;\n        const block = first(model.document.selection.getSelectedBlocks());\n        if (!block || !this._isIndentationChangeAllowed(block)) {\n            this.isEnabled = false;\n            return;\n        }\n        this.isEnabled = this._indentBehavior.checkEnabled(block.getAttribute('blockIndent'));\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const model = this.editor.model;\n        const blocksToChange = this._getBlocksToChange();\n        model.change((writer)=>{\n            for (const block of blocksToChange){\n                const currentIndent = block.getAttribute('blockIndent');\n                const nextIndent = this._indentBehavior.getNextIndent(currentIndent);\n                if (nextIndent) {\n                    writer.setAttribute('blockIndent', nextIndent, block);\n                } else {\n                    writer.removeAttribute('blockIndent', block);\n                }\n            }\n        });\n    }\n    /**\n\t * Returns blocks from selection that should have blockIndent selection set.\n\t */ _getBlocksToChange() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const blocksInSelection = Array.from(selection.getSelectedBlocks());\n        return blocksInSelection.filter((block)=>this._isIndentationChangeAllowed(block));\n    }\n    /**\n\t * Returns false if indentation cannot be applied, i.e.:\n\t * - for blocks disallowed by schema declaration\n\t * - for blocks in Document Lists (disallowed forward indentation only). See https://github.com/ckeditor/ckeditor5/issues/14155.\n\t * Otherwise returns true.\n\t */ _isIndentationChangeAllowed(element) {\n        const editor = this.editor;\n        if (!editor.model.schema.checkAttribute(element, 'blockIndent')) {\n            return false;\n        }\n        if (!editor.plugins.has('ListUtils')) {\n            return true;\n        }\n        // Only forward indentation is disallowed in list items. This allows the user to outdent blocks that are already indented.\n        if (!this._indentBehavior.isForward) {\n            return true;\n        }\n        const listUtils = editor.plugins.get('ListUtils');\n        return !listUtils.isListItemBlock(element);\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module indent/indentcommandbehavior/indentusingoffset\n */ /**\n * The block indentation behavior that uses offsets to set indentation.\n *\n * @internal\n */ class IndentUsingOffset {\n    /**\n\t * The direction of indentation.\n\t */ isForward;\n    /**\n\t * The offset of the next indentation step.\n\t */ offset;\n    /**\n\t * Indentation unit.\n\t */ unit;\n    /**\n\t * Creates an instance of the indentation behavior.\n\t *\n\t * @param config.direction The direction of indentation.\n\t * @param config.offset The offset of the next indentation step.\n\t * @param config.unit Indentation unit.\n\t */ constructor(config){\n        this.isForward = config.direction === 'forward';\n        this.offset = config.offset;\n        this.unit = config.unit;\n    }\n    /**\n\t * @inheritDoc\n\t */ checkEnabled(indentAttributeValue) {\n        const currentOffset = parseFloat(indentAttributeValue || '0');\n        // The command is always enabled for forward indentation.\n        return this.isForward || currentOffset > 0;\n    }\n    /**\n\t * @inheritDoc\n\t */ getNextIndent(indentAttributeValue) {\n        const currentOffset = parseFloat(indentAttributeValue || '0');\n        const isSameUnit = !indentAttributeValue || indentAttributeValue.endsWith(this.unit);\n        if (!isSameUnit) {\n            return this.isForward ? this.offset + this.unit : undefined;\n        }\n        const nextOffset = this.isForward ? this.offset : -this.offset;\n        const offsetToSet = currentOffset + nextOffset;\n        return offsetToSet > 0 ? offsetToSet + this.unit : undefined;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module indent/indentcommandbehavior/indentusingclasses\n */ /**\n * The block indentation behavior that uses classes to set indentation.\n *\n * @internal\n */ class IndentUsingClasses {\n    /**\n\t * The direction of indentation.\n\t */ isForward;\n    /**\n\t * A list of classes used for indentation.\n\t */ classes;\n    /**\n\t * Creates an instance of the indentation behavior.\n\t *\n\t * @param config.direction The direction of indentation.\n\t * @param config.classes A list of classes used for indentation.\n\t */ constructor(config){\n        this.isForward = config.direction === 'forward';\n        this.classes = config.classes;\n    }\n    /**\n\t * @inheritDoc\n\t */ checkEnabled(indentAttributeValue) {\n        const currentIndex = this.classes.indexOf(indentAttributeValue);\n        if (this.isForward) {\n            return currentIndex < this.classes.length - 1;\n        } else {\n            return currentIndex >= 0;\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ getNextIndent(indentAttributeValue) {\n        const currentIndex = this.classes.indexOf(indentAttributeValue);\n        const indexStep = this.isForward ? 1 : -1;\n        return this.classes[currentIndex + indexStep];\n    }\n}\n\nconst DEFAULT_ELEMENTS = [\n    'paragraph',\n    'heading1',\n    'heading2',\n    'heading3',\n    'heading4',\n    'heading5',\n    'heading6'\n];\n/**\n * The block indentation feature.\n *\n * It registers the `'indentBlock'` and `'outdentBlock'` commands.\n *\n * If the plugin {@link module:indent/indent~Indent} is defined, it also attaches the `'indentBlock'` and `'outdentBlock'` commands to\n * the `'indent'` and `'outdent'` commands.\n */ class IndentBlock extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('indentBlock', {\n            offset: 40,\n            unit: 'px'\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'IndentBlock';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const configuration = editor.config.get('indentBlock');\n        if (configuration.classes && configuration.classes.length) {\n            this._setupConversionUsingClasses(configuration.classes);\n            editor.commands.add('indentBlock', new IndentBlockCommand(editor, new IndentUsingClasses({\n                direction: 'forward',\n                classes: configuration.classes\n            })));\n            editor.commands.add('outdentBlock', new IndentBlockCommand(editor, new IndentUsingClasses({\n                direction: 'backward',\n                classes: configuration.classes\n            })));\n        } else {\n            editor.data.addStyleProcessorRules(addMarginStylesRules);\n            this._setupConversionUsingOffset();\n            editor.commands.add('indentBlock', new IndentBlockCommand(editor, new IndentUsingOffset({\n                direction: 'forward',\n                offset: configuration.offset,\n                unit: configuration.unit\n            })));\n            editor.commands.add('outdentBlock', new IndentBlockCommand(editor, new IndentUsingOffset({\n                direction: 'backward',\n                offset: configuration.offset,\n                unit: configuration.unit\n            })));\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const indentCommand = editor.commands.get('indent');\n        const outdentCommand = editor.commands.get('outdent');\n        // Enable block indentation to heading configuration options. If it is not defined enable in paragraph and default headings.\n        const options = editor.config.get('heading.options');\n        const configuredElements = options && options.map((option)=>option.model);\n        const knownElements = configuredElements || DEFAULT_ELEMENTS;\n        knownElements.forEach((elementName)=>{\n            if (schema.isRegistered(elementName)) {\n                schema.extend(elementName, {\n                    allowAttributes: 'blockIndent'\n                });\n            }\n        });\n        schema.setAttributeProperties('blockIndent', {\n            isFormatting: true\n        });\n        indentCommand.registerChildCommand(editor.commands.get('indentBlock'));\n        outdentCommand.registerChildCommand(editor.commands.get('outdentBlock'));\n    }\n    /**\n\t * Setups conversion for using offset indents.\n\t */ _setupConversionUsingOffset() {\n        const conversion = this.editor.conversion;\n        const locale = this.editor.locale;\n        const marginProperty = locale.contentLanguageDirection === 'rtl' ? 'margin-right' : 'margin-left';\n        conversion.for('upcast').attributeToAttribute({\n            view: {\n                styles: {\n                    [marginProperty]: /[\\s\\S]+/\n                }\n            },\n            model: {\n                key: 'blockIndent',\n                value: (viewElement)=>{\n                    // Do not indent block elements in Document Lists. See https://github.com/ckeditor/ckeditor5/issues/12466.\n                    if (!viewElement.is('element', 'li')) {\n                        return viewElement.getStyle(marginProperty);\n                    }\n                }\n            }\n        });\n        conversion.for('downcast').attributeToAttribute({\n            model: 'blockIndent',\n            view: (modelAttributeValue)=>{\n                return {\n                    key: 'style',\n                    value: {\n                        [marginProperty]: modelAttributeValue\n                    }\n                };\n            }\n        });\n    }\n    /**\n\t * Setups conversion for using classes.\n\t */ _setupConversionUsingClasses(classes) {\n        const definition = {\n            model: {\n                key: 'blockIndent',\n                values: []\n            },\n            view: {}\n        };\n        for (const className of classes){\n            definition.model.values.push(className);\n            definition.view[className] = {\n                key: 'class',\n                value: [\n                    className\n                ]\n            };\n        }\n        this.editor.conversion.attributeToAttribute(definition);\n    }\n}\n\nexport { Indent, IndentBlock, IndentBlockCommand, IndentEditing, IndentUI, IndentUsingClasses as _IndentUsingClasses, IndentUsingOffset as _IndentUsingOffset };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 indent/indentediting\n */\n\nimport { Plugin, MultiCommand } from 'ckeditor5/src/core.js';\n\n/**\n * The indent editing feature.\n *\n * This plugin registers the `'indent'` and `'outdent'` commands.\n *\n * **Note**: In order for the commands to work, at least one of the compatible features is required. Read more in the\n * {@link module:indent/indent~Indent indent feature} API documentation.\n */\nexport class IndentEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'IndentEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.commands.add( 'indent', new MultiCommand( editor ) );\n\t\teditor.commands.add( 'outdent', new MultiCommand( editor ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 indent/indentui\n */\n\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconIndent, IconOutdent } from 'ckeditor5/src/icons.js';\n\n/**\n * The indent UI feature.\n *\n * This plugin registers the `'indent'` and `'outdent'` buttons.\n *\n * **Note**: In order for the commands to work, at least one of the compatible features is required. Read more in\n * the {@link module:indent/indent~Indent indent feature} API documentation.\n */\nexport class IndentUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'IndentUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst t = editor.t;\n\n\t\tconst localizedIndentIcon = locale.uiLanguageDirection == 'ltr' ? IconIndent : IconOutdent;\n\t\tconst localizedOutdentIcon = locale.uiLanguageDirection == 'ltr' ? IconOutdent : IconIndent;\n\n\t\tthis._defineButton( 'indent', t( 'Increase indent' ), localizedIndentIcon );\n\t\tthis._defineButton( 'outdent', t( 'Decrease indent' ), localizedOutdentIcon );\n\t}\n\n\t/**\n\t * Defines UI buttons for both toolbar and menu bar.\n\t */\n\tprivate _defineButton( commandName: 'indent' | 'outdent', label: string, icon: string ): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( commandName, () => {\n\t\t\tconst buttonView = this._createButton( ButtonView, commandName, label, icon );\n\n\t\t\tbuttonView.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:' + commandName, () => {\n\t\t\treturn this._createButton( MenuBarMenuListItemButtonView, commandName, label, icon );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>(\n\t\tButtonClass: T,\n\t\tcommandName: string,\n\t\tlabel: string,\n\t\ticon: string\n\t): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst command = editor.commands.get( commandName )!;\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\n\t\tview.set( {\n\t\t\tlabel,\n\t\t\ticon\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( commandName );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 indent/indent\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { IndentEditing } from './indentediting.js';\nimport { IndentUI } from './indentui.js';\n\n/**\n * The indent feature.\n *\n * This plugin acts as a single entry point plugin for other features that implement indentation of elements like lists or paragraphs.\n *\n * The compatible features are:\n *\n * * The {@link module:list/list~List} or {@link module:list/list/listediting~ListEditing} feature for list indentation.\n * * The {@link module:indent/indentblock~IndentBlock} feature for block indentation.\n *\n * This is a \"glue\" plugin that loads the following plugins:\n *\n * * The {@link module:indent/indentediting~IndentEditing indent editing feature}.\n * * The {@link module:indent/indentui~IndentUI indent UI feature}.\n *\n * The dependent plugins register the `'indent'` and `'outdent'` commands and introduce the `'indent'` and `'outdent'` buttons\n * that allow to increase or decrease text indentation of supported elements.\n *\n * **Note**: In order for the commands and buttons to work, at least one of compatible features is required.\n */\nexport class Indent extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Indent' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ IndentEditing, IndentUI ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 indent/indentblockcommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport type { ListUtils } from '@ckeditor/ckeditor5-list';\nimport { first } from 'ckeditor5/src/utils.js';\n\nimport type { IndentBehavior } from './indentcommandbehavior/indentbehavior.js';\n\n/**\n * The indent block command.\n *\n * The command is registered by the {@link module:indent/indentblock~IndentBlock} as `'indentBlock'` for indenting blocks and\n * `'outdentBlock'` for outdenting blocks.\n *\n * To increase block indentation at the current selection, execute the command:\n *\n * ```ts\n * editor.execute( 'indentBlock' );\n * ```\n *\n * To decrease block indentation at the current selection, execute the command:\n *\n * ```ts\n * editor.execute( 'outdentBlock' );\n * ```\n */\nexport class IndentBlockCommand extends Command {\n\t/**\n\t * The command's indentation behavior.\n\t */\n\tprivate readonly _indentBehavior: IndentBehavior;\n\n\t/**\n\t * Creates an instance of the command.\n\t */\n\tconstructor( editor: Editor, indentBehavior: IndentBehavior ) {\n\t\tsuper( editor );\n\n\t\tthis._indentBehavior = indentBehavior;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tconst block = first( model.document.selection.getSelectedBlocks() );\n\n\t\tif ( !block || !this._isIndentationChangeAllowed( block ) ) {\n\t\t\tthis.isEnabled = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis.isEnabled = this._indentBehavior.checkEnabled( block.getAttribute( 'blockIndent' ) as string );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\n\t\tconst blocksToChange = this._getBlocksToChange();\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const block of blocksToChange ) {\n\t\t\t\tconst currentIndent = block.getAttribute( 'blockIndent' ) as string;\n\n\t\t\t\tconst nextIndent = this._indentBehavior.getNextIndent( currentIndent );\n\n\t\t\t\tif ( nextIndent ) {\n\t\t\t\t\twriter.setAttribute( 'blockIndent', nextIndent, block );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeAttribute( 'blockIndent', block );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns blocks from selection that should have blockIndent selection set.\n\t */\n\tprivate _getBlocksToChange(): Array<ModelElement> {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst blocksInSelection = Array.from( selection.getSelectedBlocks() );\n\n\t\treturn blocksInSelection.filter( block => this._isIndentationChangeAllowed( block ) );\n\t}\n\n\t/**\n\t * Returns false if indentation cannot be applied, i.e.:\n\t * - for blocks disallowed by schema declaration\n\t * - for blocks in Document Lists (disallowed forward indentation only). See https://github.com/ckeditor/ckeditor5/issues/14155.\n\t * Otherwise returns true.\n\t */\n\tprivate _isIndentationChangeAllowed( element: ModelElement ): boolean {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.model.schema.checkAttribute( element, 'blockIndent' ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( !editor.plugins.has( 'ListUtils' ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\t// Only forward indentation is disallowed in list items. This allows the user to outdent blocks that are already indented.\n\t\tif ( !this._indentBehavior.isForward ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst listUtils: ListUtils = editor.plugins.get( 'ListUtils' );\n\n\t\treturn !listUtils.isListItemBlock( element );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 indent/indentcommandbehavior/indentusingoffset\n */\n\nimport type { IndentBehavior } from './indentbehavior.js';\n\n/**\n * The block indentation behavior that uses offsets to set indentation.\n *\n * @internal\n */\nexport class IndentUsingOffset implements IndentBehavior {\n\t/**\n\t * The direction of indentation.\n\t */\n\tpublic isForward: boolean;\n\n\t/**\n\t * The offset of the next indentation step.\n\t */\n\tpublic offset: number;\n\n\t/**\n\t * Indentation unit.\n\t */\n\tpublic unit: string;\n\n\t/**\n\t * Creates an instance of the indentation behavior.\n\t *\n\t * @param config.direction The direction of indentation.\n\t * @param config.offset The offset of the next indentation step.\n\t * @param config.unit Indentation unit.\n\t */\n\tconstructor( config: { direction: 'forward' | 'backward'; offset: number; unit: string } ) {\n\t\tthis.isForward = config.direction === 'forward';\n\t\tthis.offset = config.offset;\n\t\tthis.unit = config.unit;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic checkEnabled( indentAttributeValue: string ): boolean {\n\t\tconst currentOffset = parseFloat( indentAttributeValue || '0' );\n\n\t\t// The command is always enabled for forward indentation.\n\t\treturn this.isForward || currentOffset > 0;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic getNextIndent( indentAttributeValue: string ): string | undefined {\n\t\tconst currentOffset = parseFloat( indentAttributeValue || '0' );\n\t\tconst isSameUnit = !indentAttributeValue || indentAttributeValue.endsWith( this.unit );\n\n\t\tif ( !isSameUnit ) {\n\t\t\treturn this.isForward ? this.offset + this.unit : undefined;\n\t\t}\n\n\t\tconst nextOffset = this.isForward ? this.offset : -this.offset;\n\n\t\tconst offsetToSet = currentOffset + nextOffset;\n\n\t\treturn offsetToSet > 0 ? offsetToSet + this.unit : undefined;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 indent/indentcommandbehavior/indentusingclasses\n */\n\nimport type { IndentBehavior } from './indentbehavior.js';\n\n/**\n * The block indentation behavior that uses classes to set indentation.\n *\n * @internal\n */\nexport class IndentUsingClasses implements IndentBehavior {\n\t/**\n\t * The direction of indentation.\n\t */\n\tpublic isForward: boolean;\n\n\t/**\n\t * A list of classes used for indentation.\n\t */\n\tpublic classes: Array<string>;\n\n\t/**\n\t * Creates an instance of the indentation behavior.\n\t *\n\t * @param config.direction The direction of indentation.\n\t * @param config.classes A list of classes used for indentation.\n\t */\n\tconstructor( config: { direction: 'forward' | 'backward'; classes: Array<string> } ) {\n\t\tthis.isForward = config.direction === 'forward';\n\t\tthis.classes = config.classes!;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic checkEnabled( indentAttributeValue: string ): boolean {\n\t\tconst currentIndex = this.classes.indexOf( indentAttributeValue );\n\n\t\tif ( this.isForward ) {\n\t\t\treturn currentIndex < this.classes.length - 1;\n\t\t} else {\n\t\t\treturn currentIndex >= 0;\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic getNextIndent( indentAttributeValue: string ): string | undefined {\n\t\tconst currentIndex = this.classes.indexOf( indentAttributeValue );\n\t\tconst indexStep = this.isForward ? 1 : -1;\n\n\t\treturn this.classes[ currentIndex + indexStep ];\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 indent/indentblock\n */\n\nimport { Plugin, type Editor, type MultiCommand } from 'ckeditor5/src/core.js';\nimport { addMarginStylesRules, type DowncastAttributeDescriptor, type ViewElement } from 'ckeditor5/src/engine.js';\n\nimport { IndentBlockCommand } from './indentblockcommand.js';\nimport { IndentUsingOffset } from './indentcommandbehavior/indentusingoffset.js';\nimport { IndentUsingClasses } from './indentcommandbehavior/indentusingclasses.js';\nimport type { HeadingOption } from '@ckeditor/ckeditor5-heading';\n\nconst DEFAULT_ELEMENTS = [ 'paragraph', 'heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6' ];\n\n/**\n * The block indentation feature.\n *\n * It registers the `'indentBlock'` and `'outdentBlock'` commands.\n *\n * If the plugin {@link module:indent/indent~Indent} is defined, it also attaches the `'indentBlock'` and `'outdentBlock'` commands to\n * the `'indent'` and `'outdent'` commands.\n */\nexport class IndentBlock extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'indentBlock', {\n\t\t\toffset: 40,\n\t\t\tunit: 'px'\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'IndentBlock' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst configuration = editor.config.get( 'indentBlock' )!;\n\n\t\tif ( configuration.classes && configuration.classes.length ) {\n\t\t\tthis._setupConversionUsingClasses( configuration.classes );\n\n\t\t\teditor.commands.add( 'indentBlock', new IndentBlockCommand( editor, new IndentUsingClasses( {\n\t\t\t\tdirection: 'forward',\n\t\t\t\tclasses: configuration.classes\n\t\t\t} ) ) );\n\n\t\t\teditor.commands.add( 'outdentBlock', new IndentBlockCommand( editor, new IndentUsingClasses( {\n\t\t\t\tdirection: 'backward',\n\t\t\t\tclasses: configuration.classes\n\t\t\t} ) ) );\n\t\t} else {\n\t\t\teditor.data.addStyleProcessorRules( addMarginStylesRules );\n\t\t\tthis._setupConversionUsingOffset();\n\n\t\t\teditor.commands.add( 'indentBlock', new IndentBlockCommand( editor, new IndentUsingOffset( {\n\t\t\t\tdirection: 'forward',\n\t\t\t\toffset: configuration.offset!,\n\t\t\t\tunit: configuration.unit!\n\t\t\t} ) ) );\n\n\t\t\teditor.commands.add( 'outdentBlock', new IndentBlockCommand( editor, new IndentUsingOffset( {\n\t\t\t\tdirection: 'backward',\n\t\t\t\toffset: configuration.offset!,\n\t\t\t\tunit: configuration.unit!\n\t\t\t} ) ) );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\tconst indentCommand = editor.commands.get( 'indent' ) as MultiCommand;\n\t\tconst outdentCommand = editor.commands.get( 'outdent' ) as MultiCommand;\n\n\t\t// Enable block indentation to heading configuration options. If it is not defined enable in paragraph and default headings.\n\t\tconst options: Array<HeadingOption> = editor.config.get( 'heading.options' )!;\n\t\tconst configuredElements = options && options.map( option => option.model );\n\t\tconst knownElements = configuredElements || DEFAULT_ELEMENTS;\n\n\t\tknownElements.forEach( elementName => {\n\t\t\tif ( schema.isRegistered( elementName ) ) {\n\t\t\t\tschema.extend( elementName, { allowAttributes: 'blockIndent' } );\n\t\t\t}\n\t\t} );\n\n\t\tschema.setAttributeProperties( 'blockIndent', { isFormatting: true } );\n\n\t\tindentCommand.registerChildCommand( editor.commands.get( 'indentBlock' )! );\n\t\toutdentCommand.registerChildCommand( editor.commands.get( 'outdentBlock' )! );\n\t}\n\n\t/**\n\t * Setups conversion for using offset indents.\n\t */\n\tprivate _setupConversionUsingOffset(): void {\n\t\tconst conversion = this.editor.conversion;\n\t\tconst locale = this.editor.locale;\n\t\tconst marginProperty = locale.contentLanguageDirection === 'rtl' ? 'margin-right' : 'margin-left';\n\n\t\tconversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tstyles: {\n\t\t\t\t\t[ marginProperty ]: /[\\s\\S]+/\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'blockIndent',\n\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\t// Do not indent block elements in Document Lists. See https://github.com/ckeditor/ckeditor5/issues/12466.\n\t\t\t\t\tif ( !viewElement.is( 'element', 'li' ) ) {\n\t\t\t\t\t\treturn viewElement.getStyle( marginProperty );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tconversion.for( 'downcast' ).attributeToAttribute( {\n\t\t\tmodel: 'blockIndent',\n\t\t\tview: modelAttributeValue => {\n\t\t\t\treturn {\n\t\t\t\t\tkey: 'style',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\t[ marginProperty as string ]: modelAttributeValue as string\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Setups conversion for using classes.\n\t */\n\tprivate _setupConversionUsingClasses( classes: Array<string> ) {\n\t\tconst definition: {\n\t\t\tmodel: { key: string; values: Array<string> };\n\t\t\tview: Record<string, DowncastAttributeDescriptor>;\n\t\t} = {\n\t\t\tmodel: {\n\t\t\t\tkey: 'blockIndent',\n\t\t\t\tvalues: []\n\t\t\t},\n\t\t\tview: {}\n\t\t};\n\n\t\tfor ( const className of classes ) {\n\t\t\tdefinition.model.values.push( className );\n\t\t\tdefinition.view[ className ] = {\n\t\t\t\tkey: 'class',\n\t\t\t\tvalue: [ className ]\n\t\t\t};\n\t\t}\n\n\t\tthis.editor.conversion.attributeToAttribute( definition );\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { getLanguageDirection, Collection } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { createDropdown, addListToDropdown, MenuBarMenuView, MenuBarMenuListView, ListSeparatorView, MenuBarMenuListItemView, MenuBarMenuListItemButtonView, UIModel } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * Returns the language attribute value in a human-readable text format:\n *\n * ```\n * <languageCode>:<textDirection>\n * ```\n *\n * * `languageCode` - The language code used for the `lang` attribute in the [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format.\n * * `textDirection` - One of the following values: `rtl` or `ltr`, indicating the reading direction of the language.\n *\n * See the {@link module:core/editor/editorconfig~LanguageConfig#textPartLanguage text part language configuration}\n * for more information about language properties.\n *\n * If the `textDirection` argument is omitted, it will be automatically detected based on `languageCode`.\n *\n * @param languageCode The language code in the ISO 639-1 format.\n * @param textDirection The language text direction. Automatically detected if omitted.\n * @internal\n */ function stringifyLanguageAttribute(languageCode, textDirection) {\n    textDirection = textDirection || getLanguageDirection(languageCode);\n    return `${languageCode}:${textDirection}`;\n}\n/**\n * Retrieves language properties converted to attribute value by the\n * {@link module:language/utils~stringifyLanguageAttribute stringifyLanguageAttribute} function.\n *\n * @internal\n * @param str The attribute value.\n * @returns The object with properties:\n * * languageCode - The language code in the ISO 639 format.\n * * textDirection - The language text direction.\n */ function parseLanguageAttribute(str) {\n    const [languageCode, textDirection] = str.split(':');\n    return {\n        languageCode,\n        textDirection\n    };\n}\n\n/**\n * The text part language command plugin.\n */ class TextPartLanguageCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const doc = model.document;\n        this.value = this._getValueFromFirstAllowedNode();\n        this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, 'language');\n    }\n    /**\n\t * Executes the command. Applies the attribute to the selection or removes it from the selection.\n\t *\n\t * If `languageCode` is set to `false` or a `null` value, it will remove attributes. Otherwise, it will set\n\t * the attribute in the `{@link #value value}` format.\n\t *\n\t * The execution result differs, depending on the {@link module:engine/model/document~ModelDocument#selection}:\n\t *\n\t * * If the selection is on a range, the command applies the attribute to all nodes in that range\n\t * (if they are allowed to have this attribute by the {@link module:engine/model/schema~ModelSchema schema}).\n\t * * If the selection is collapsed in a non-empty node, the command applies the attribute to the\n\t * {@link module:engine/model/document~ModelDocument#selection} itself (note that typed characters copy attributes from the selection).\n\t * * If the selection is collapsed in an empty node, the command applies the attribute to the parent node of the selection (note\n\t * that the selection inherits all attributes from a node if it is in an empty node).\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.languageCode The language code to be applied to the model.\n\t * @param options.textDirection The language text direction.\n\t */ execute({ languageCode, textDirection } = {}) {\n        const model = this.editor.model;\n        const doc = model.document;\n        const selection = doc.selection;\n        const value = languageCode ? stringifyLanguageAttribute(languageCode, textDirection) : false;\n        model.change((writer)=>{\n            if (selection.isCollapsed) {\n                if (value) {\n                    writer.setSelectionAttribute('language', value);\n                } else {\n                    writer.removeSelectionAttribute('language');\n                }\n            } else {\n                const ranges = model.schema.getValidRanges(selection.getRanges(), 'language');\n                for (const range of ranges){\n                    if (value) {\n                        writer.setAttribute('language', value, range);\n                    } else {\n                        writer.removeAttribute('language', range);\n                    }\n                }\n            }\n        });\n    }\n    /**\n\t * Returns the attribute value of the first node in the selection that allows the attribute.\n\t * For a collapsed selection it returns the selection attribute.\n\t *\n\t * @returns The attribute value.\n\t */ _getValueFromFirstAllowedNode() {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selection = model.document.selection;\n        if (selection.isCollapsed) {\n            return selection.getAttribute('language') || false;\n        }\n        for (const range of selection.getRanges()){\n            for (const item of range.getItems()){\n                if (schema.checkAttribute(item, 'language')) {\n                    return item.getAttribute('language') || false;\n                }\n            }\n        }\n        return false;\n    }\n}\n\n/**\n * The text part language editing.\n *\n * Introduces the `'textPartLanguage'` command and the `'language'` model element attribute.\n */ class TextPartLanguageEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TextPartLanguageEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // Text part language options are only used to ensure that the feature works by default.\n        // In the real usage it should be reconfigured by a developer. We are not providing\n        // translations for `title` properties on purpose, as it's only an example configuration.\n        editor.config.define('language', {\n            textPartLanguage: [\n                {\n                    title: 'Arabic',\n                    languageCode: 'ar'\n                },\n                {\n                    title: 'French',\n                    languageCode: 'fr'\n                },\n                {\n                    title: 'Spanish',\n                    languageCode: 'es'\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.model.schema.extend('$text', {\n            allowAttributes: 'language'\n        });\n        editor.model.schema.setAttributeProperties('language', {\n            copyOnEnter: true\n        });\n        this._defineConverters();\n        editor.commands.add('textPartLanguage', new TextPartLanguageCommand(editor));\n    }\n    /**\n\t * @private\n\t */ _defineConverters() {\n        const conversion = this.editor.conversion;\n        conversion.for('upcast').elementToAttribute({\n            model: {\n                key: 'language',\n                value: (viewElement)=>{\n                    const languageCode = viewElement.getAttribute('lang');\n                    const textDirection = viewElement.getAttribute('dir');\n                    return stringifyLanguageAttribute(languageCode, textDirection);\n                }\n            },\n            view: {\n                name: 'span',\n                attributes: {\n                    lang: /[\\s\\S]+/\n                }\n            }\n        });\n        conversion.for('downcast').attributeToElement({\n            model: 'language',\n            view: (attributeValue, { writer }, data)=>{\n                if (!attributeValue) {\n                    return;\n                }\n                if (!data.item.is('$textProxy') && !data.item.is('documentSelection')) {\n                    return;\n                }\n                const { languageCode, textDirection } = parseLanguageAttribute(attributeValue);\n                return writer.createAttributeElement('span', {\n                    lang: languageCode,\n                    dir: textDirection\n                });\n            }\n        });\n    }\n}\n\n/**\n * The text part language UI plugin.\n *\n * It introduces the `'language'` dropdown.\n */ class TextPartLanguageUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TextPartLanguageUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const defaultTitle = t('Choose language');\n        const accessibleLabel = t('Language');\n        // Register UI component.\n        editor.ui.componentFactory.add('textPartLanguage', (locale)=>{\n            const { definitions, titles } = this._getItemMetadata();\n            const languageCommand = editor.commands.get('textPartLanguage');\n            const dropdownView = createDropdown(locale);\n            addListToDropdown(dropdownView, definitions, {\n                ariaLabel: accessibleLabel,\n                role: 'menu'\n            });\n            dropdownView.buttonView.set({\n                ariaLabel: accessibleLabel,\n                ariaLabelledBy: undefined,\n                isOn: false,\n                withText: true,\n                tooltip: accessibleLabel\n            });\n            dropdownView.extendTemplate({\n                attributes: {\n                    class: [\n                        'ck-text-fragment-language-dropdown'\n                    ]\n                }\n            });\n            dropdownView.bind('isEnabled').to(languageCommand, 'isEnabled');\n            dropdownView.buttonView.bind('label').to(languageCommand, 'value', (value)=>{\n                return value && titles[value] || defaultTitle;\n            });\n            dropdownView.buttonView.bind('ariaLabel').to(languageCommand, 'value', (value)=>{\n                const selectedLanguageTitle = value && titles[value];\n                if (!selectedLanguageTitle) {\n                    return accessibleLabel;\n                }\n                return `${selectedLanguageTitle}, ${accessibleLabel}`;\n            });\n            // Execute command when an item from the dropdown is selected.\n            this.listenTo(dropdownView, 'execute', (evt)=>{\n                languageCommand.execute({\n                    languageCode: evt.source.languageCode,\n                    textDirection: evt.source.textDirection\n                });\n                editor.editing.view.focus();\n            });\n            return dropdownView;\n        });\n        // Register menu bar UI component.\n        editor.ui.componentFactory.add('menuBar:textPartLanguage', (locale)=>{\n            const { definitions } = this._getItemMetadata();\n            const languageCommand = editor.commands.get('textPartLanguage');\n            const menuView = new MenuBarMenuView(locale);\n            menuView.buttonView.set({\n                label: accessibleLabel\n            });\n            const listView = new MenuBarMenuListView(locale);\n            listView.set({\n                ariaLabel: t('Language'),\n                role: 'menu'\n            });\n            for (const definition of definitions){\n                if (definition.type != 'button') {\n                    listView.items.add(new ListSeparatorView(locale));\n                    continue;\n                }\n                const listItemView = new MenuBarMenuListItemView(locale, menuView);\n                const buttonView = new MenuBarMenuListItemButtonView(locale);\n                buttonView.set({\n                    role: 'menuitemradio',\n                    isToggleable: true\n                });\n                buttonView.bind(...Object.keys(definition.model)).to(definition.model);\n                buttonView.delegate('execute').to(menuView);\n                listItemView.children.add(buttonView);\n                listView.items.add(listItemView);\n            }\n            menuView.bind('isEnabled').to(languageCommand, 'isEnabled');\n            menuView.panelView.children.add(listView);\n            menuView.on('execute', (evt)=>{\n                languageCommand.execute({\n                    languageCode: evt.source.languageCode,\n                    textDirection: evt.source.textDirection\n                });\n                editor.editing.view.focus();\n            });\n            return menuView;\n        });\n    }\n    /**\n\t * Returns metadata for dropdown and menu items.\n\t */ _getItemMetadata() {\n        const editor = this.editor;\n        const itemDefinitions = new Collection();\n        const titles = {};\n        const languageCommand = editor.commands.get('textPartLanguage');\n        const options = editor.config.get('language.textPartLanguage');\n        const t = editor.locale.t;\n        const removeTitle = t('Remove language');\n        // Item definition with false `languageCode` will behave as remove lang button.\n        itemDefinitions.add({\n            type: 'button',\n            model: new UIModel({\n                label: removeTitle,\n                languageCode: false,\n                withText: true\n            })\n        });\n        itemDefinitions.add({\n            type: 'separator'\n        });\n        for (const option of options){\n            const def = {\n                type: 'button',\n                model: new UIModel({\n                    label: option.title,\n                    languageCode: option.languageCode,\n                    role: 'menuitemradio',\n                    textDirection: option.textDirection,\n                    withText: true\n                })\n            };\n            const language = stringifyLanguageAttribute(option.languageCode, option.textDirection);\n            def.model.bind('isOn').to(languageCommand, 'value', (value)=>value === language);\n            itemDefinitions.add(def);\n            titles[language] = option.title;\n        }\n        return {\n            definitions: itemDefinitions,\n            titles\n        };\n    }\n}\n\n/**\n * The text part language feature.\n *\n * This feature allows setting a language of the document's text part to support\n * [WCAG 3.1.2 Language of Parts](https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-other-lang-id.html) specification.\n *\n * To change the editor's UI language, refer to the {@glink getting-started/setup/ui-language Setting the UI language} guide.\n *\n * For more information about this feature, check the {@glink api/language package page} as well as the {@glink features/language\n * Text part language} feature guide.\n *\n * This is a \"glue\" plugin which loads the\n * {@link module:language/textpartlanguageediting~TextPartLanguageEditing text part language editing feature}\n * and the {@link module:language/textpartlanguageui~TextPartLanguageUI text part language UI feature}.\n */ class TextPartLanguage extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TextPartLanguageEditing,\n            TextPartLanguageUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TextPartLanguage';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { TextPartLanguage, TextPartLanguageCommand, TextPartLanguageEditing, TextPartLanguageUI, parseLanguageAttribute as _parseLanguageAttribute, stringifyLanguageAttribute as _stringifyLanguageAttribute };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 language/utils\n */\n\nimport { getLanguageDirection, type LanguageDirection } from 'ckeditor5/src/utils.js';\n\n/**\n * Returns the language attribute value in a human-readable text format:\n *\n * ```\n * <languageCode>:<textDirection>\n * ```\n *\n * * `languageCode` - The language code used for the `lang` attribute in the [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1) format.\n * * `textDirection` - One of the following values: `rtl` or `ltr`, indicating the reading direction of the language.\n *\n * See the {@link module:core/editor/editorconfig~LanguageConfig#textPartLanguage text part language configuration}\n * for more information about language properties.\n *\n * If the `textDirection` argument is omitted, it will be automatically detected based on `languageCode`.\n *\n * @param languageCode The language code in the ISO 639-1 format.\n * @param textDirection The language text direction. Automatically detected if omitted.\n * @internal\n */\nexport function stringifyLanguageAttribute( languageCode: string, textDirection?: LanguageDirection ): string {\n\ttextDirection = textDirection || getLanguageDirection( languageCode );\n\treturn `${ languageCode }:${ textDirection }`;\n}\n\n/**\n * Retrieves language properties converted to attribute value by the\n * {@link module:language/utils~stringifyLanguageAttribute stringifyLanguageAttribute} function.\n *\n * @internal\n * @param str The attribute value.\n * @returns The object with properties:\n * * languageCode - The language code in the ISO 639 format.\n * * textDirection - The language text direction.\n */\nexport function parseLanguageAttribute( str: string ): { languageCode: string; textDirection: string } {\n\tconst [ languageCode, textDirection ] = str.split( ':' );\n\n\treturn { languageCode, textDirection };\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 language/textpartlanguagecommand\n */\n\nimport type { LanguageDirection } from 'ckeditor5/src/utils.js';\nimport { Command } from 'ckeditor5/src/core.js';\nimport { stringifyLanguageAttribute } from './utils.js';\n\n/**\n * The text part language command plugin.\n */\nexport class TextPartLanguageCommand extends Command {\n\t/**\n\t * If the selection starts in a language attribute, the value is set to\n\t * the value of that language in the following format:\n\t *\n\t * ```\n\t * <languageCode>:<textDirection>\n\t * ```\n\t *\n\t * * `languageCode` - The language code used for the `lang` attribute in the [ISO 639-1](https://en.wikipedia.org/wiki/ISO_639-1)\n\t *    format.\n\t * * `textDirection` - One of the following values: `rtl` or `ltr`, indicating the reading direction of the language.\n\t *\n\t * See the {@link module:core/editor/editorconfig~LanguageConfig#textPartLanguage text part language configuration}\n\t * for more information about language properties.\n\t *\n\t * It is set to `false` otherwise.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: false | string;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\n\t\tthis.value = this._getValueFromFirstAllowedNode();\n\t\tthis.isEnabled = model.schema.checkAttributeInSelection( doc.selection, 'language' );\n\t}\n\n\t/**\n\t * Executes the command. Applies the attribute to the selection or removes it from the selection.\n\t *\n\t * If `languageCode` is set to `false` or a `null` value, it will remove attributes. Otherwise, it will set\n\t * the attribute in the `{@link #value value}` format.\n\t *\n\t * The execution result differs, depending on the {@link module:engine/model/document~ModelDocument#selection}:\n\t *\n\t * * If the selection is on a range, the command applies the attribute to all nodes in that range\n\t * (if they are allowed to have this attribute by the {@link module:engine/model/schema~ModelSchema schema}).\n\t * * If the selection is collapsed in a non-empty node, the command applies the attribute to the\n\t * {@link module:engine/model/document~ModelDocument#selection} itself (note that typed characters copy attributes from the selection).\n\t * * If the selection is collapsed in an empty node, the command applies the attribute to the parent node of the selection (note\n\t * that the selection inherits all attributes from a node if it is in an empty node).\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.languageCode The language code to be applied to the model.\n\t * @param options.textDirection The language text direction.\n\t */\n\tpublic override execute(\n\t\t{ languageCode, textDirection }: { languageCode?: string | false; textDirection?: LanguageDirection } = {}\n\t): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\t\tconst selection = doc.selection;\n\n\t\tconst value = languageCode ? stringifyLanguageAttribute( languageCode, textDirection ) : false;\n\n\t\tmodel.change( writer => {\n\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.setSelectionAttribute( 'language', value );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeSelectionAttribute( 'language' );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst ranges = model.schema.getValidRanges( selection.getRanges(), 'language' );\n\n\t\t\t\tfor ( const range of ranges ) {\n\t\t\t\t\tif ( value ) {\n\t\t\t\t\t\twriter.setAttribute( 'language', value, range );\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.removeAttribute( 'language', range );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the attribute value of the first node in the selection that allows the attribute.\n\t * For a collapsed selection it returns the selection attribute.\n\t *\n\t * @returns The attribute value.\n\t */\n\tprivate _getValueFromFirstAllowedNode(): false | string {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tif ( selection.isCollapsed ) {\n\t\t\treturn selection.getAttribute( 'language' ) as string || false;\n\t\t}\n\n\t\tfor ( const range of selection.getRanges() ) {\n\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\tif ( schema.checkAttribute( item, 'language' ) ) {\n\t\t\t\t\treturn item.getAttribute( 'language' ) as string || false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 language/textpartlanguageediting\n */\n\nimport type { ViewElement } from 'ckeditor5/src/engine.js';\nimport type { LanguageDirection } from 'ckeditor5/src/utils.js';\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { TextPartLanguageCommand } from './textpartlanguagecommand.js';\nimport { stringifyLanguageAttribute, parseLanguageAttribute } from './utils.js';\n\n/**\n * The text part language editing.\n *\n * Introduces the `'textPartLanguage'` command and the `'language'` model element attribute.\n */\nexport class TextPartLanguageEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TextPartLanguageEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// Text part language options are only used to ensure that the feature works by default.\n\t\t// In the real usage it should be reconfigured by a developer. We are not providing\n\t\t// translations for `title` properties on purpose, as it's only an example configuration.\n\t\teditor.config.define( 'language', {\n\t\t\ttextPartLanguage: [\n\t\t\t\t{ title: 'Arabic', languageCode: 'ar' },\n\t\t\t\t{ title: 'French', languageCode: 'fr' },\n\t\t\t\t{ title: 'Spanish', languageCode: 'es' }\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.model.schema.extend( '$text', { allowAttributes: 'language' } );\n\t\teditor.model.schema.setAttributeProperties( 'language', {\n\t\t\tcopyOnEnter: true\n\t\t} );\n\n\t\tthis._defineConverters();\n\n\t\teditor.commands.add( 'textPartLanguage', new TextPartLanguageCommand( editor ) );\n\t}\n\n\t/**\n\t * @private\n\t */\n\tprivate _defineConverters(): void {\n\t\tconst conversion = this.editor.conversion;\n\n\t\tconversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tkey: 'language',\n\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\tconst languageCode = viewElement.getAttribute( 'lang' )!;\n\t\t\t\t\tconst textDirection = viewElement.getAttribute( 'dir' )! as LanguageDirection;\n\n\t\t\t\t\treturn stringifyLanguageAttribute( languageCode, textDirection );\n\t\t\t\t}\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tattributes: { lang: /[\\s\\S]+/ }\n\t\t\t}\n\t\t} );\n\n\t\tconversion.for( 'downcast' ).attributeToElement( {\n\t\t\tmodel: 'language',\n\t\t\tview: ( attributeValue, { writer }, data ) => {\n\t\t\t\tif ( !attributeValue ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( !data.item.is( '$textProxy' ) && !data.item.is( 'documentSelection' ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst { languageCode, textDirection } = parseLanguageAttribute( attributeValue );\n\n\t\t\t\treturn writer.createAttributeElement( 'span', {\n\t\t\t\t\tlang: languageCode,\n\t\t\t\t\tdir: textDirection\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 language/textpartlanguageui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\taddListToDropdown,\n\tcreateDropdown,\n\tListSeparatorView,\n\tMenuBarMenuView,\n\tMenuBarMenuListView,\n\tMenuBarMenuListItemView,\n\tMenuBarMenuListItemButtonView,\n\tUIModel,\n\ttype ListDropdownItemDefinition\n} from 'ckeditor5/src/ui.js';\nimport { Collection, type LanguageDirection } from 'ckeditor5/src/utils.js';\nimport { stringifyLanguageAttribute } from './utils.js';\nimport { type TextPartLanguageCommand } from './textpartlanguagecommand.js';\n\n/**\n * The text part language UI plugin.\n *\n * It introduces the `'language'` dropdown.\n */\nexport class TextPartLanguageUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TextPartLanguageUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst defaultTitle = t( 'Choose language' );\n\t\tconst accessibleLabel = t( 'Language' );\n\n\t\t// Register UI component.\n\t\teditor.ui.componentFactory.add( 'textPartLanguage', locale => {\n\t\t\tconst { definitions, titles } = this._getItemMetadata();\n\t\t\tconst languageCommand = editor.commands.get( 'textPartLanguage' )!;\n\n\t\t\tconst dropdownView = createDropdown( locale );\n\t\t\taddListToDropdown( dropdownView, definitions, {\n\t\t\t\tariaLabel: accessibleLabel,\n\t\t\t\trole: 'menu'\n\t\t\t} );\n\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\tariaLabel: accessibleLabel,\n\t\t\t\tariaLabelledBy: undefined,\n\t\t\t\tisOn: false,\n\t\t\t\twithText: true,\n\t\t\t\ttooltip: accessibleLabel\n\t\t\t} );\n\n\t\t\tdropdownView.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: [\n\t\t\t\t\t\t'ck-text-fragment-language-dropdown'\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tdropdownView.bind( 'isEnabled' ).to( languageCommand, 'isEnabled' );\n\t\t\tdropdownView.buttonView.bind( 'label' ).to( languageCommand, 'value', value => {\n\t\t\t\treturn ( value && titles[ value ] ) || defaultTitle;\n\t\t\t} );\n\n\t\t\tdropdownView.buttonView.bind( 'ariaLabel' ).to( languageCommand, 'value', value => {\n\t\t\t\tconst selectedLanguageTitle = value && titles[ value ];\n\n\t\t\t\tif ( !selectedLanguageTitle ) {\n\t\t\t\t\treturn accessibleLabel;\n\t\t\t\t}\n\n\t\t\t\treturn `${ selectedLanguageTitle }, ${ accessibleLabel }`;\n\t\t\t} );\n\n\t\t\t// Execute command when an item from the dropdown is selected.\n\t\t\tthis.listenTo( dropdownView, 'execute', evt => {\n\t\t\t\tlanguageCommand.execute( {\n\t\t\t\t\tlanguageCode: ( evt.source as any ).languageCode,\n\t\t\t\t\ttextDirection: ( evt.source as any ).textDirection\n\t\t\t\t} );\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\t// Register menu bar UI component.\n\t\teditor.ui.componentFactory.add( 'menuBar:textPartLanguage', locale => {\n\t\t\tconst { definitions } = this._getItemMetadata();\n\t\t\tconst languageCommand = editor.commands.get( 'textPartLanguage' )!;\n\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: accessibleLabel\n\t\t\t} );\n\n\t\t\tconst listView = new MenuBarMenuListView( locale );\n\n\t\t\tlistView.set( {\n\t\t\t\tariaLabel: t( 'Language' ),\n\t\t\t\trole: 'menu'\n\t\t\t} );\n\n\t\t\tfor ( const definition of definitions ) {\n\t\t\t\tif ( definition.type != 'button' ) {\n\t\t\t\t\tlistView.items.add( new ListSeparatorView( locale ) );\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, menuView );\n\t\t\t\tconst buttonView = new MenuBarMenuListItemButtonView( locale );\n\n\t\t\t\tbuttonView.set( {\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\tisToggleable: true\n\t\t\t\t} );\n\n\t\t\t\tbuttonView.bind( ...Object.keys( definition.model ) as Array<keyof MenuBarMenuListItemButtonView> ).to( definition.model );\n\t\t\t\tbuttonView.delegate( 'execute' ).to( menuView );\n\n\t\t\t\tlistItemView.children.add( buttonView );\n\t\t\t\tlistView.items.add( listItemView );\n\t\t\t}\n\n\t\t\tmenuView.bind( 'isEnabled' ).to( languageCommand, 'isEnabled' );\n\t\t\tmenuView.panelView.children.add( listView );\n\t\t\tmenuView.on( 'execute', evt => {\n\t\t\t\tlanguageCommand.execute( {\n\t\t\t\t\tlanguageCode: ( evt.source as any ).languageCode as string,\n\t\t\t\t\ttextDirection: ( evt.source as any ).textDirection as LanguageDirection\n\t\t\t\t} );\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn menuView;\n\t\t} );\n\t}\n\n\t/**\n\t * Returns metadata for dropdown and menu items.\n\t */\n\tprivate _getItemMetadata(): ItemMetadata {\n\t\tconst editor = this.editor;\n\t\tconst itemDefinitions = new Collection<ListDropdownItemDefinition>();\n\t\tconst titles: Record<string, string> = {};\n\t\tconst languageCommand: TextPartLanguageCommand = editor.commands.get( 'textPartLanguage' )!;\n\t\tconst options = editor.config.get( 'language.textPartLanguage' )!;\n\t\tconst t = editor.locale.t;\n\t\tconst removeTitle = t( 'Remove language' );\n\n\t\t// Item definition with false `languageCode` will behave as remove lang button.\n\t\titemDefinitions.add( {\n\t\t\ttype: 'button',\n\t\t\tmodel: new UIModel( {\n\t\t\t\tlabel: removeTitle,\n\t\t\t\tlanguageCode: false,\n\t\t\t\twithText: true\n\t\t\t} )\n\t\t} );\n\n\t\titemDefinitions.add( {\n\t\t\ttype: 'separator'\n\t\t} );\n\n\t\tfor ( const option of options ) {\n\t\t\tconst def = {\n\t\t\t\ttype: 'button' as const,\n\t\t\t\tmodel: new UIModel( {\n\t\t\t\t\tlabel: option.title,\n\t\t\t\t\tlanguageCode: option.languageCode,\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\ttextDirection: option.textDirection,\n\t\t\t\t\twithText: true\n\t\t\t\t} )\n\t\t\t};\n\n\t\t\tconst language = stringifyLanguageAttribute( option.languageCode, option.textDirection );\n\n\t\t\tdef.model.bind( 'isOn' ).to( languageCommand, 'value', value => value === language );\n\n\t\t\titemDefinitions.add( def );\n\n\t\t\ttitles[ language ] = option.title;\n\t\t}\n\n\t\treturn {\n\t\t\tdefinitions: itemDefinitions,\n\t\t\ttitles\n\t\t};\n\t}\n}\n\ntype ItemMetadata = {\n\tdefinitions: Collection<ListDropdownItemDefinition>;\n\ttitles: Record<string, string>;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 language/textpartlanguage\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { TextPartLanguageEditing } from './textpartlanguageediting.js';\nimport { TextPartLanguageUI } from './textpartlanguageui.js';\n\n/**\n * The text part language feature.\n *\n * This feature allows setting a language of the document's text part to support\n * [WCAG 3.1.2 Language of Parts](https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-other-lang-id.html) specification.\n *\n * To change the editor's UI language, refer to the {@glink getting-started/setup/ui-language Setting the UI language} guide.\n *\n * For more information about this feature, check the {@glink api/language package page} as well as the {@glink features/language\n * Text part language} feature guide.\n *\n * This is a \"glue\" plugin which loads the\n * {@link module:language/textpartlanguageediting~TextPartLanguageEditing text part language editing feature}\n * and the {@link module:language/textpartlanguageui~TextPartLanguageUI text part language UI feature}.\n */\nexport class TextPartLanguage extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TextPartLanguageEditing, TextPartLanguageUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TextPartLanguage' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { findAttributeRange, TwoStepCaretMovement, Input, inlineHighlight, Delete, TextWatcher, getLastTextLine } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard/dist/index.js';\nimport { toMap, Collection, first, diff, ObservableMixin, env, keyCodes, FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { ModelLivePosition, ClickObserver, Matcher } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { upperFirst } from 'es-toolkit/compat';\nimport { IconPreviousArrow, IconUnlink, IconPencil, IconSettings, IconLink } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ButtonView, View, ViewCollection, FocusCycler, submitHandler, FormHeaderView, ListView, ListItemView, LabeledFieldView, createLabeledInputText, FormRowView, IconView, ContextualBalloon, ToolbarView, CssTransitionDisablerMixin, SwitchButtonView, MenuBarMenuListItemButtonView, clickOutsideHandler } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { isWidget } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { IconPreviousArrow as IconPreviousArrow$1, IconNextArrow } from '@ckeditor/ckeditor5-icons/dist/index.js';\n\n/**\n * Helper class that ties together all {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition} and provides\n * the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement downcast dispatchers} for them.\n */ class AutomaticLinkDecorators {\n    /**\n\t * Stores the definition of {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators}.\n\t * This data is used as a source for a downcast dispatcher to create a proper conversion to output data.\n\t */ _definitions = new Set();\n    /**\n\t * Gives information about the number of decorators stored in the {@link module:link/utils/automaticdecorators~AutomaticLinkDecorators}\n\t * instance.\n\t */ get length() {\n        return this._definitions.size;\n    }\n    /**\n\t * Adds automatic decorator objects or an array with them to be used during downcasting.\n\t *\n\t * @param item A configuration object of automatic rules for decorating links. It might also be an array of such objects.\n\t */ add(item) {\n        if (Array.isArray(item)) {\n            item.forEach((item)=>this._definitions.add(item));\n        } else {\n            this._definitions.add(item);\n        }\n    }\n    /**\n\t * Provides the conversion helper used in the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add} method.\n\t *\n\t * @returns A dispatcher function used as conversion helper in {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add}.\n\t */ getDispatcher() {\n        return (dispatcher)=>{\n            dispatcher.on('attribute:linkHref', (evt, data, conversionApi)=>{\n                // There is only test as this behavior decorates links and\n                // it is run before dispatcher which actually consumes this node.\n                // This allows on writing own dispatcher with highest priority,\n                // which blocks both native converter and this additional decoration.\n                if (!conversionApi.consumable.test(data.item, 'attribute:linkHref')) {\n                    return;\n                }\n                // Automatic decorators for block links are handled e.g. in LinkImageEditing.\n                if (!(data.item.is('selection') || conversionApi.schema.isInline(data.item))) {\n                    return;\n                }\n                const viewWriter = conversionApi.writer;\n                const viewSelection = viewWriter.document.selection;\n                for (const item of this._definitions){\n                    const viewElement = viewWriter.createAttributeElement('a', item.attributes, {\n                        priority: 5\n                    });\n                    if (item.classes) {\n                        viewWriter.addClass(item.classes, viewElement);\n                    }\n                    for(const key in item.styles){\n                        viewWriter.setStyle(key, item.styles[key], viewElement);\n                    }\n                    viewWriter.setCustomProperty('link', true, viewElement);\n                    if (item.callback(data.attributeNewValue)) {\n                        if (data.item.is('selection')) {\n                            viewWriter.wrap(viewSelection.getFirstRange(), viewElement);\n                        } else {\n                            viewWriter.wrap(conversionApi.mapper.toViewRange(data.range), viewElement);\n                        }\n                    } else {\n                        viewWriter.unwrap(conversionApi.mapper.toViewRange(data.range), viewElement);\n                    }\n                }\n            }, {\n                priority: 'high'\n            });\n        };\n    }\n    /**\n\t * Provides the conversion helper used in the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add} method\n\t * when linking images.\n\t *\n\t * @returns A dispatcher function used as conversion helper in {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add}.\n\t */ getDispatcherForLinkedImage() {\n        return (dispatcher)=>{\n            dispatcher.on('attribute:linkHref:imageBlock', (evt, data, { writer, mapper })=>{\n                const viewFigure = mapper.toViewElement(data.item);\n                const linkInImage = Array.from(viewFigure.getChildren()).find((child)=>child.is('element', 'a'));\n                // It's not guaranteed that the anchor is present in the image block during execution of this dispatcher.\n                // It might have been removed during the execution of unlink command that runs the image link downcast dispatcher\n                // that is executed before this one and removes the anchor from the image block.\n                if (!linkInImage) {\n                    return;\n                }\n                for (const item of this._definitions){\n                    const attributes = toMap(item.attributes);\n                    if (item.callback(data.attributeNewValue)) {\n                        for (const [key, val] of attributes){\n                            // Left for backward compatibility. Since v30 decorator should\n                            // accept `classes` and `styles` separately from `attributes`.\n                            if (key === 'class') {\n                                writer.addClass(val, linkInImage);\n                            } else {\n                                writer.setAttribute(key, val, linkInImage);\n                            }\n                        }\n                        if (item.classes) {\n                            writer.addClass(item.classes, linkInImage);\n                        }\n                        for(const key in item.styles){\n                            writer.setStyle(key, item.styles[key], linkInImage);\n                        }\n                    } else {\n                        for (const [key, val] of attributes){\n                            if (key === 'class') {\n                                writer.removeClass(val, linkInImage);\n                            } else {\n                                writer.removeAttribute(key, linkInImage);\n                            }\n                        }\n                        if (item.classes) {\n                            writer.removeClass(item.classes, linkInImage);\n                        }\n                        for(const key in item.styles){\n                            writer.removeStyle(key, linkInImage);\n                        }\n                    }\n                }\n            });\n        };\n    }\n}\n\nconst ATTRIBUTE_WHITESPACES = /[\\u0000-\\u0020\\u00A0\\u1680\\u180E\\u2000-\\u2029\\u205f\\u3000]/g; // eslint-disable-line no-control-regex\nconst SAFE_URL_TEMPLATE = '^(?:(?:<protocols>):|[^a-z]|[a-z+.-]+(?:[^a-z+.:-]|$))';\n// Simplified email test - should be run over previously found URL.\nconst EMAIL_REG_EXP = /^[\\S]+@((?![-_])(?:[-\\w\\u00a1-\\uffff]{0,63}[^-_]\\.))+(?:[a-z\\u00a1-\\uffff]{2,})$/i;\n// The regex checks for the protocol syntax ('xxxx://' or 'xxxx:')\n// or non-word characters at the beginning of the link ('/', '#' etc.).\nconst PROTOCOL_REG_EXP = /^((\\w+:(\\/{2,})?)|(\\W))/i;\nconst DEFAULT_LINK_PROTOCOLS = [\n    'https?',\n    'ftps?',\n    'mailto'\n];\n/**\n * A keystroke used by the {@link module:link/linkui~LinkUI link UI feature}.\n */ const LINK_KEYSTROKE = 'Ctrl+K';\n/**\n * Returns `true` if a given view node is the link element.\n */ function isLinkElement(node) {\n    return node.is('attributeElement') && !!node.getCustomProperty('link');\n}\n/**\n * Creates a link {@link module:engine/view/attributeelement~ViewAttributeElement} with the provided `href` attribute.\n */ function createLinkElement(href, { writer }) {\n    // Priority 5 - https://github.com/ckeditor/ckeditor5-link/issues/121.\n    const linkElement = writer.createAttributeElement('a', {\n        href\n    }, {\n        priority: 5\n    });\n    writer.setCustomProperty('link', true, linkElement);\n    return linkElement;\n}\n/**\n * Returns a safe URL based on a given value.\n *\n * A URL is considered safe if it is safe for the user (does not contain any malicious code).\n *\n * If a URL is considered unsafe, a simple `\"#\"` is returned.\n *\n * @internal\n */ function ensureSafeUrl(url, allowedProtocols = DEFAULT_LINK_PROTOCOLS) {\n    const urlString = String(url);\n    const protocolsList = allowedProtocols.join('|');\n    const customSafeRegex = new RegExp(`${SAFE_URL_TEMPLATE.replace('<protocols>', protocolsList)}`, 'i');\n    return isSafeUrl(urlString, customSafeRegex) ? urlString : '#';\n}\n/**\n * Checks whether the given URL is safe for the user (does not contain any malicious code).\n */ function isSafeUrl(url, customRegexp) {\n    const normalizedUrl = url.replace(ATTRIBUTE_WHITESPACES, '');\n    return !!normalizedUrl.match(customRegexp);\n}\n/**\n * Returns the {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`} configuration processed\n * to respect the locale of the editor, i.e. to display the {@link module:link/linkconfig~LinkDecoratorManualDefinition label}\n * in the correct language.\n *\n * **Note**: Only the few most commonly used labels are translated automatically. Other labels should be manually\n * translated in the {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`} configuration.\n *\n * @param t Shorthand for {@link module:utils/locale~Locale#t Locale#t}.\n * @param decorators The decorator reference where the label values should be localized.\n * @internal\n */ function getLocalizedDecorators(t, decorators) {\n    const localizedDecoratorsLabels = {\n        'Open in a new tab': t('Open in a new tab'),\n        'Downloadable': t('Downloadable')\n    };\n    decorators.forEach((decorator)=>{\n        if ('label' in decorator && localizedDecoratorsLabels[decorator.label]) {\n            decorator.label = localizedDecoratorsLabels[decorator.label];\n        }\n        return decorator;\n    });\n    return decorators;\n}\n/**\n * Converts an object with defined decorators to a normalized array of decorators. The `id` key is added for each decorator and\n * is used as the attribute's name in the model.\n *\n * @internal\n */ function normalizeDecorators(decorators) {\n    const retArray = [];\n    if (decorators) {\n        for (const [key, value] of Object.entries(decorators)){\n            const decorator = Object.assign({}, value, {\n                id: `link${upperFirst(key)}`\n            });\n            retArray.push(decorator);\n        }\n    }\n    return retArray;\n}\n/**\n * Returns `true` if the specified `element` can be linked (the element allows the `linkHref` attribute).\n */ function isLinkableElement(element, schema) {\n    if (!element) {\n        return false;\n    }\n    return schema.checkAttribute(element.name, 'linkHref');\n}\n/**\n * Returns `true` if the specified `value` is an email.\n *\n * @internal\n */ function isEmail(value) {\n    return EMAIL_REG_EXP.test(value);\n}\n/**\n * Adds the protocol prefix to the specified `link` when:\n *\n * * it does not contain it already, and there is a {@link module:link/linkconfig~LinkConfig#defaultProtocol `defaultProtocol` }\n * configuration value provided,\n * * or the link is an email address.\n */ function addLinkProtocolIfApplicable(link, defaultProtocol) {\n    const protocol = isEmail(link) ? 'mailto:' : defaultProtocol;\n    const isProtocolNeeded = !!protocol && !linkHasProtocol(link);\n    return link && isProtocolNeeded ? protocol + link : link;\n}\n/**\n * Checks if protocol is already included in the link.\n *\n * @internal\n */ function linkHasProtocol(link) {\n    return PROTOCOL_REG_EXP.test(link);\n}\n/**\n * Opens the link in a new browser tab.\n */ function openLink(link) {\n    window.open(link, '_blank', 'noopener');\n}\n/**\n * Returns a text of a link range.\n *\n * If the returned value is `undefined`, the range contains elements other than text nodes.\n */ function extractTextFromLinkRange(range) {\n    let text = '';\n    for (const item of range.getItems()){\n        if (!item.is('$text') && !item.is('$textProxy')) {\n            return;\n        }\n        text += item.data;\n    }\n    return text;\n}\n\n/**\n * The link command. It is used by the {@link module:link/link~Link link feature}.\n */ class LinkCommand extends Command {\n    /**\n\t * A collection of {@link module:link/utils/manualdecorator~LinkManualDecorator manual decorators}\n\t * corresponding to the {@link module:link/linkconfig~LinkConfig#decorators decorator configuration}.\n\t *\n\t * You can consider it a model with states of manual decorators added to the currently selected link.\n\t */ manualDecorators = new Collection();\n    /**\n\t * An instance of the helper that ties together all {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition}\n\t * that are used by the {@glink features/link link} and the {@glink features/images/images-linking linking images} features.\n\t */ automaticDecorators = new AutomaticLinkDecorators();\n    /**\n\t * Synchronizes the state of {@link #manualDecorators} with the currently present elements in the model.\n\t */ restoreManualDecoratorStates() {\n        for (const manualDecorator of this.manualDecorators){\n            manualDecorator.value = this._getDecoratorStateFromModel(manualDecorator.id);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const selectedElement = selection.getSelectedElement() || first(selection.getSelectedBlocks());\n        // A check for any integration that allows linking elements (e.g. `LinkImage`).\n        // Currently the selection reads attributes from text nodes only. See #7429 and #7465.\n        if (isLinkableElement(selectedElement, model.schema)) {\n            this.value = selectedElement.getAttribute('linkHref');\n            this.isEnabled = model.schema.checkAttribute(selectedElement, 'linkHref');\n        } else {\n            this.value = selection.getAttribute('linkHref');\n            this.isEnabled = model.schema.checkAttributeInSelection(selection, 'linkHref');\n        }\n        for (const manualDecorator of this.manualDecorators){\n            manualDecorator.value = this._getDecoratorStateFromModel(manualDecorator.id);\n        }\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * When the selection is non-collapsed, the `linkHref` attribute will be applied to nodes inside the selection, but only to\n\t * those nodes where the `linkHref` attribute is allowed (disallowed nodes will be omitted).\n\t *\n\t * When the selection is collapsed and is not inside the text with the `linkHref` attribute, a\n\t * new {@link module:engine/model/text~ModelText text node} with the `linkHref` attribute will be inserted in place of the caret, but\n\t * only if such element is allowed in this place. The `_data` of the inserted text will equal the `href` parameter.\n\t * The selection will be updated to wrap the just inserted text node.\n\t *\n\t * When the selection is collapsed and inside the text with the `linkHref` attribute, the attribute value will be updated.\n\t *\n\t * # Decorators and model attribute management\n\t *\n\t * There is an optional argument to this command that applies or removes model\n\t * {@glink framework/architecture/editing-engine#text-attributes text attributes} brought by\n\t * {@link module:link/utils/manualdecorator~LinkManualDecorator manual link decorators}.\n\t *\n\t * Text attribute names in the model correspond to the entries in the {@link module:link/linkconfig~LinkConfig#decorators\n\t * configuration}.\n\t * For every decorator configured, a model text attribute exists with the \"link\" prefix. For example, a `'linkMyDecorator'` attribute\n\t * corresponds to `'myDecorator'` in the configuration.\n\t *\n\t * To learn more about link decorators, check out the {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`}\n\t * documentation.\n\t *\n\t * Here is how to manage decorator attributes with the link command:\n\t *\n\t * ```ts\n\t * const linkCommand = editor.commands.get( 'link' );\n\t *\n\t * // Adding a new decorator attribute.\n\t * linkCommand.execute( 'http://example.com', {\n\t * \tlinkIsExternal: true\n\t * } );\n\t *\n\t * // Removing a decorator attribute from the selection.\n\t * linkCommand.execute( 'http://example.com', {\n\t * \tlinkIsExternal: false\n\t * } );\n\t *\n\t * // Adding multiple decorator attributes at the same time.\n\t * linkCommand.execute( 'http://example.com', {\n\t * \tlinkIsExternal: true,\n\t * \tlinkIsDownloadable: true,\n\t * } );\n\t *\n\t * // Removing and adding decorator attributes at the same time.\n\t * linkCommand.execute( 'http://example.com', {\n\t * \tlinkIsExternal: false,\n\t * \tlinkFoo: true,\n\t * \tlinkIsDownloadable: false,\n\t * } );\n\t * ```\n\t *\n\t * **Note**: If the decorator attribute name is not specified, its state remains untouched.\n\t *\n\t * **Note**: {@link module:link/unlinkcommand~UnlinkCommand#execute `UnlinkCommand#execute()`} removes all\n\t * decorator attributes.\n\t *\n\t * An optional parameter called `displayedText` is to add or update text of the link that represents the `href`. For example:\n\t *\n\t * ```ts\n\t * const linkCommand = editor.commands.get( 'link' );\n\t *\n\t * // Adding a new link with `displayedText` attribute.\n\t * linkCommand.execute( 'http://example.com', {}, 'Example' );\n\t * ```\n\t *\n\t * The above code will create an anchor like this:\n\t *\n\t * ```html\n\t * <a href=\"http://example.com\">Example</a>\n\t * ```\n\t *\n\t * @fires execute\n\t * @param href Link destination.\n\t * @param manualDecoratorIds The information about manual decorator attributes to be applied or removed upon execution.\n\t * @param displayedText Text of the link.\n\t */ execute(href, manualDecoratorIds = {}, displayedText) {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        // Stores information about manual decorators to turn them on/off when command is applied.\n        const truthyManualDecorators = [];\n        const falsyManualDecorators = [];\n        for(const name in manualDecoratorIds){\n            if (manualDecoratorIds[name]) {\n                truthyManualDecorators.push(name);\n            } else {\n                falsyManualDecorators.push(name);\n            }\n        }\n        model.change((writer)=>{\n            const updateLinkAttributes = (itemOrRange)=>{\n                writer.setAttribute('linkHref', href, itemOrRange);\n                truthyManualDecorators.forEach((item)=>writer.setAttribute(item, true, itemOrRange));\n                falsyManualDecorators.forEach((item)=>writer.removeAttribute(item, itemOrRange));\n            };\n            const updateLinkTextIfNeeded = (range, linkHref)=>{\n                const linkText = extractTextFromLinkRange(range);\n                if (!linkText) {\n                    return range;\n                }\n                // Make a copy not to override the command param value.\n                let newText = displayedText;\n                if (!newText) {\n                    // Replace the link text with the new href if previously href was equal to text.\n                    // For example: `<a href=\"http://ckeditor.com/\">http://ckeditor.com/</a>`.\n                    newText = linkHref && linkHref == linkText ? href : linkText;\n                }\n                // Only if needed.\n                if (newText != linkText) {\n                    const fragment = writer.createDocumentFragment();\n                    for (const item of range.getItems()){\n                        // `extractTextFromLinkRange()` called above guarantees that we operate only on text proxies here.\n                        const text = item;\n                        writer.append(writer.createText(text.data, text.getAttributes()), fragment);\n                    }\n                    const fragRange = writer.createRangeIn(fragment);\n                    const changes = findChanges(linkText, newText);\n                    let insertsLength = 0;\n                    for (const { offset, actual, expected } of changes){\n                        const updatedOffset = offset + insertsLength;\n                        const subRange = writer.createRange(fragRange.start.getShiftedBy(updatedOffset), fragRange.start.getShiftedBy(updatedOffset + actual.length));\n                        // Collect formatting attributes from replaced text.\n                        const textNode = getLinkPartTextNode(subRange, fragRange);\n                        const attributes = textNode.getAttributes();\n                        const formattingAttributes = Array.from(attributes).filter(([key])=>model.schema.getAttributeProperties(key).isFormatting);\n                        // Create a new text node.\n                        const newTextNode = writer.createText(expected, formattingAttributes);\n                        // Set link attributes before inserting to document to avoid Differ attributes edge case.\n                        updateLinkAttributes(newTextNode);\n                        // Replace text with formatting.\n                        writer.remove(subRange);\n                        writer.insert(newTextNode, subRange.start);\n                        // Sum of all previous inserts.\n                        insertsLength += expected.length;\n                    }\n                    model.insertContent(fragment, range);\n                    return writer.createRange(range.start, range.start.getShiftedBy(newText.length));\n                }\n            };\n            const collapseSelectionAtLinkEnd = (linkRange)=>{\n                const { plugins } = this.editor;\n                writer.setSelection(linkRange.end);\n                if (plugins.has('TwoStepCaretMovement')) {\n                    // After replacing the text of the link, we need to move the caret to the end of the link,\n                    // override it's gravity to forward to prevent keeping e.g. bold attribute on the caret\n                    // which was previously inside the link.\n                    //\n                    // If the plugin is not available, the caret will be placed at the end of the link and the\n                    // bold attribute will be kept even if command moved caret outside the link.\n                    plugins.get('TwoStepCaretMovement')._handleForwardMovement();\n                } else {\n                    // Remove the `linkHref` attribute and all link decorators from the selection.\n                    // It stops adding a new content into the link element.\n                    for (const key of [\n                        'linkHref',\n                        ...truthyManualDecorators,\n                        ...falsyManualDecorators\n                    ]){\n                        writer.removeSelectionAttribute(key);\n                    }\n                }\n            };\n            // If selection is collapsed then update selected link or insert new one at the place of caret.\n            if (selection.isCollapsed) {\n                const position = selection.getFirstPosition();\n                // When selection is inside text with `linkHref` attribute.\n                if (selection.hasAttribute('linkHref')) {\n                    const linkHref = selection.getAttribute('linkHref');\n                    const linkRange = findAttributeRange(position, 'linkHref', linkHref, model);\n                    const newLinkRange = updateLinkTextIfNeeded(linkRange, linkHref);\n                    updateLinkAttributes(newLinkRange || linkRange);\n                    // Put the selection at the end of the updated link only when text was changed.\n                    // When text was not altered we keep the original selection.\n                    if (newLinkRange) {\n                        collapseSelectionAtLinkEnd(newLinkRange);\n                    }\n                } else if (href !== '') {\n                    const attributes = toMap(selection.getAttributes());\n                    attributes.set('linkHref', href);\n                    truthyManualDecorators.forEach((item)=>{\n                        attributes.set(item, true);\n                    });\n                    const newLinkRange = model.insertContent(writer.createText(displayedText || href, attributes), position);\n                    // Put the selection at the end of the inserted link.\n                    // Using end of range returned from insertContent in case nodes with the same attributes got merged.\n                    collapseSelectionAtLinkEnd(newLinkRange);\n                }\n            } else {\n                // Non-collapsed selection.\n                // If selection has non-collapsed ranges, we change attribute on nodes inside those ranges\n                // omitting nodes where the `linkHref` attribute is disallowed.\n                const selectionRanges = Array.from(selection.getRanges());\n                const ranges = model.schema.getValidRanges(selectionRanges, 'linkHref');\n                // But for the first, check whether the `linkHref` attribute is allowed on selected blocks (e.g. the \"image\" element).\n                const allowedRanges = [];\n                for (const element of selection.getSelectedBlocks()){\n                    if (model.schema.checkAttribute(element, 'linkHref')) {\n                        allowedRanges.push(writer.createRangeOn(element));\n                    }\n                }\n                // Ranges that accept the `linkHref` attribute. Since we will iterate over `allowedRanges`, let's clone it.\n                const rangesToUpdate = allowedRanges.slice();\n                // For all selection ranges we want to check whether given range is inside an element that accepts the `linkHref` attribute.\n                // If so, we don't want to propagate applying the attribute to its children.\n                for (const range of ranges){\n                    if (this._isRangeToUpdate(range, allowedRanges)) {\n                        rangesToUpdate.push(range);\n                    }\n                }\n                // Store the selection ranges in a pseudo live range array (stickiness to the outside of the range).\n                const stickyPseudoRanges = selectionRanges.map((range)=>({\n                        start: ModelLivePosition.fromPosition(range.start, 'toPrevious'),\n                        end: ModelLivePosition.fromPosition(range.end, 'toNext')\n                    }));\n                // Update or set links (including text update if needed).\n                for (let range of rangesToUpdate){\n                    const linkHref = (range.start.textNode || range.start.nodeAfter).getAttribute('linkHref');\n                    range = updateLinkTextIfNeeded(range, linkHref) || range;\n                    updateLinkAttributes(range);\n                }\n                // The original selection got trimmed by replacing content so we need to restore it.\n                writer.setSelection(stickyPseudoRanges.map((pseudoRange)=>{\n                    const start = pseudoRange.start.toPosition();\n                    const end = pseudoRange.end.toPosition();\n                    pseudoRange.start.detach();\n                    pseudoRange.end.detach();\n                    return model.createRange(start, end);\n                }));\n            }\n        });\n    }\n    /**\n\t * Provides information whether a decorator with a given name is present in the currently processed selection.\n\t *\n\t * @param decoratorName The name of the manual decorator used in the model\n\t * @returns The information whether a given decorator is currently present in the selection.\n\t */ _getDecoratorStateFromModel(decoratorName) {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const selectedElement = selection.getSelectedElement();\n        // A check for the `LinkImage` plugin. If the selection contains an element, get values from the element.\n        // Currently the selection reads attributes from text nodes only. See #7429 and #7465.\n        if (isLinkableElement(selectedElement, model.schema)) {\n            return selectedElement.getAttribute(decoratorName);\n        }\n        return selection.getAttribute(decoratorName);\n    }\n    /**\n\t * Checks whether specified `range` is inside an element that accepts the `linkHref` attribute.\n\t *\n\t * @param range A range to check.\n\t * @param allowedRanges An array of ranges created on elements where the attribute is accepted.\n\t */ _isRangeToUpdate(range, allowedRanges) {\n        for (const allowedRange of allowedRanges){\n            // A range is inside an element that will have the `linkHref` attribute. Do not modify its nodes.\n            if (allowedRange.containsRange(range)) {\n                return false;\n            }\n        }\n        return true;\n    }\n}\n/**\n * Compares two strings and returns an array of changes needed to transform one into another.\n * Uses the diff utility to find the differences and groups them into chunks containing information\n * about the offset and actual/expected content.\n *\n * @param oldText The original text to compare.\n * @param newText The new text to compare against.\n * @returns Array of change objects containing offset and actual/expected content.\n *\n * @example\n * findChanges( 'hello world', 'hi there' );\n *\n * Returns:\n * [\n * \t{\n * \t\t\"offset\": 1,\n * \t\t\"actual\": \"ello\",\n * \t\t\"expected\": \"i\"\n * \t},\n * \t{\n * \t\t\"offset\": 2,\n * \t\t\"actual\": \"wo\",\n * \t\t\"expected\": \"the\"\n * \t},\n * \t{\n * \t\t\"offset\": 3,\n * \t\t\"actual\": \"ld\",\n * \t\t\"expected\": \"e\"\n * \t}\n * ]\n */ function findChanges(oldText, newText) {\n    // Get array of operations (insert/delete/equal) needed to transform oldText into newText.\n    // Example: diff('abc', 'abxc') returns ['equal', 'equal', 'insert', 'equal']\n    const changes = diff(oldText, newText);\n    // Track position in both strings based on operation type.\n    const counter = {\n        equal: 0,\n        insert: 0,\n        delete: 0\n    };\n    const result = [];\n    // Accumulate consecutive changes into slices before creating change objects.\n    let actualSlice = '';\n    let expectedSlice = '';\n    // Adding null as sentinel value to handle final accumulated changes.\n    for (const action of [\n        ...changes,\n        null\n    ]){\n        if (action == 'insert') {\n            // Example: for 'abc' -> 'abxc', at insert position, adds 'x' to expectedSlice.\n            expectedSlice += newText[counter.equal + counter.insert];\n        } else if (action == 'delete') {\n            // Example: for 'abc' -> 'ac', at delete position, adds 'b' to actualSlice.\n            actualSlice += oldText[counter.equal + counter.delete];\n        } else if (actualSlice.length || expectedSlice.length) {\n            // On 'equal' or end: bundle accumulated changes into a single change object.\n            // Example: { offset: 2, actual: \"\", expected: \"x\" }\n            result.push({\n                offset: counter.equal,\n                actual: actualSlice,\n                expected: expectedSlice\n            });\n            actualSlice = '';\n            expectedSlice = '';\n        }\n        // Increment appropriate counter for the current operation.\n        if (action) {\n            counter[action]++;\n        }\n    }\n    return result;\n}\n/**\n * Returns text node withing the link range that should be updated.\n *\n * @param range Partial link range.\n * @param linkRange Range of the entire link.\n * @returns Text node.\n */ function getLinkPartTextNode(range, linkRange) {\n    if (!range.isCollapsed) {\n        return first(range.getItems());\n    }\n    const position = range.start;\n    if (position.textNode) {\n        return position.textNode;\n    }\n    // If the range is at the start of a link range then prefer node inside a link range.\n    if (!position.nodeBefore || position.isEqual(linkRange.start)) {\n        return position.nodeAfter;\n    } else {\n        return position.nodeBefore;\n    }\n}\n\n/**\n * The unlink command. It is used by the {@link module:link/link~Link link plugin}.\n */ class UnlinkCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const selectedElement = selection.getSelectedElement();\n        // A check for any integration that allows linking elements (e.g. `LinkImage`).\n        // Currently the selection reads attributes from text nodes only. See #7429 and #7465.\n        if (isLinkableElement(selectedElement, model.schema)) {\n            this.isEnabled = model.schema.checkAttribute(selectedElement, 'linkHref');\n        } else {\n            this.isEnabled = model.schema.checkAttributeInSelection(selection, 'linkHref');\n        }\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * When the selection is collapsed, it removes the `linkHref` attribute from each node with the same `linkHref` attribute value.\n\t * When the selection is non-collapsed, it removes the `linkHref` attribute from each node in selected ranges.\n\t *\n\t * # Decorators\n\t *\n\t * If {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`} is specified,\n\t * all configured decorators are removed together with the `linkHref` attribute.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const editor = this.editor;\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const linkCommand = editor.commands.get('link');\n        model.change((writer)=>{\n            // Get ranges to unlink.\n            const rangesToUnlink = selection.isCollapsed ? [\n                findAttributeRange(selection.getFirstPosition(), 'linkHref', selection.getAttribute('linkHref'), model)\n            ] : model.schema.getValidRanges(selection.getRanges(), 'linkHref');\n            // Remove `linkHref` attribute from specified ranges.\n            for (const range of rangesToUnlink){\n                writer.removeAttribute('linkHref', range);\n                // If there are registered custom attributes, then remove them during unlink.\n                if (linkCommand) {\n                    for (const manualDecorator of linkCommand.manualDecorators){\n                        writer.removeAttribute(manualDecorator.id, range);\n                    }\n                }\n            }\n        });\n    }\n}\n\n/**\n * Helper class that stores manual decorators with observable {@link module:link/utils/manualdecorator~LinkManualDecorator#value}\n * to support integration with the UI state. An instance of this class is a model with the state of individual manual decorators.\n * These decorators are kept as collections in {@link module:link/linkcommand~LinkCommand#manualDecorators}.\n */ class LinkManualDecorator extends /* #__PURE__ */ ObservableMixin() {\n    /**\n\t * An ID of a manual decorator which is the name of the attribute in the model, for example: 'linkManualDecorator0'.\n\t */ id;\n    /**\n\t * The default value of manual decorator.\n\t */ defaultValue;\n    /**\n\t * The label used in the user interface to toggle the manual decorator.\n\t */ label;\n    /**\n\t * A set of attributes added to downcasted data when the decorator is activated for a specific link.\n\t * Attributes should be added in a form of attributes defined in {@link module:engine/view/elementdefinition~ViewElementDefinition}.\n\t */ attributes;\n    /**\n\t * A set of classes added to downcasted data when the decorator is activated for a specific link.\n\t * Classes should be added in a form of classes defined in {@link module:engine/view/elementdefinition~ViewElementDefinition}.\n\t */ classes;\n    /**\n\t * A set of styles added to downcasted data when the decorator is activated for a specific link.\n\t * Styles should be added in a form of styles defined in {@link module:engine/view/elementdefinition~ViewElementDefinition}.\n\t */ styles;\n    /**\n\t * Creates a new instance of {@link module:link/utils/manualdecorator~LinkManualDecorator}.\n\t *\n\t * @param options The configuration object.\n\t */ constructor({ id, label, attributes, classes, styles, defaultValue }){\n        super();\n        this.id = id;\n        this.set('value', undefined);\n        this.defaultValue = defaultValue;\n        this.label = label;\n        this.attributes = attributes;\n        this.classes = classes;\n        this.styles = styles;\n    }\n    /**\n\t * Returns {@link module:engine/view/matcher~MatcherPattern} with decorator attributes.\n\t *\n\t * @internal\n\t */ _createPattern() {\n        return {\n            attributes: this.attributes,\n            classes: this.classes,\n            styles: this.styles\n        };\n    }\n}\n\nconst HIGHLIGHT_CLASS = 'ck-link_selected';\nconst DECORATOR_AUTOMATIC = 'automatic';\nconst DECORATOR_MANUAL = 'manual';\nconst EXTERNAL_LINKS_REGEXP = /^(https?:)?\\/\\//;\n/**\n * The link engine feature.\n *\n * It introduces the `linkHref=\"url\"` attribute in the model which renders to the view as a `<a href=\"url\">` element\n * as well as `'link'` and `'unlink'` commands.\n */ class LinkEditing extends Plugin {\n    /**\n\t * A list of functions that handles opening links. If any of them returns `true`, the link is considered to be opened.\n\t */ _linkOpeners = [];\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LinkEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        // Clipboard is required for handling cut and paste events while typing over the link.\n        return [\n            TwoStepCaretMovement,\n            Input,\n            ClipboardPipeline\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('link', {\n            allowCreatingEmptyLinks: false,\n            addTargetToExternalLinks: false,\n            toolbar: [\n                'linkPreview',\n                '|',\n                'editLink',\n                'linkProperties',\n                'unlink'\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const allowedProtocols = this.editor.config.get('link.allowedProtocols');\n        // Allow link attribute on all inline nodes.\n        editor.model.schema.extend('$text', {\n            allowAttributes: 'linkHref'\n        });\n        editor.conversion.for('dataDowncast').attributeToElement({\n            model: 'linkHref',\n            view: createLinkElement\n        });\n        editor.conversion.for('editingDowncast').attributeToElement({\n            model: 'linkHref',\n            view: (href, conversionApi)=>{\n                return createLinkElement(ensureSafeUrl(href, allowedProtocols), conversionApi);\n            }\n        });\n        editor.conversion.for('upcast').elementToAttribute({\n            view: {\n                name: 'a',\n                attributes: {\n                    href: true\n                }\n            },\n            model: {\n                key: 'linkHref',\n                value: (viewElement)=>viewElement.getAttribute('href')\n            }\n        });\n        // Create linking commands.\n        editor.commands.add('link', new LinkCommand(editor));\n        editor.commands.add('unlink', new UnlinkCommand(editor));\n        const linkDecorators = getLocalizedDecorators(editor.t, normalizeDecorators(editor.config.get('link.decorators')));\n        this._enableAutomaticDecorators(linkDecorators.filter((item)=>item.mode === DECORATOR_AUTOMATIC));\n        this._enableManualDecorators(linkDecorators.filter((item)=>item.mode === DECORATOR_MANUAL));\n        // Enable two-step caret movement for `linkHref` attribute.\n        const twoStepCaretMovementPlugin = editor.plugins.get(TwoStepCaretMovement);\n        twoStepCaretMovementPlugin.registerAttribute('linkHref');\n        // Setup highlight over selected link.\n        inlineHighlight(editor, 'linkHref', 'a', HIGHLIGHT_CLASS);\n        // Handle link following by CTRL+click or ALT+ENTER\n        this._enableLinkOpen();\n        // Clears the ModelDocumentSelection decorator attributes if the selection is no longer in a link (for example while using 2-SCM).\n        this._enableSelectionAttributesFixer();\n        // Handle adding default protocol to pasted links.\n        this._enableClipboardIntegration();\n    }\n    /**\n\t * Registers a function that opens links in a new browser tab.\n\t *\n\t * @param linkOpener The function that opens a link in a new browser tab.\n\t * @internal\n\t */ _registerLinkOpener(linkOpener) {\n        this._linkOpeners.push(linkOpener);\n    }\n    /**\n\t * Processes an array of configured {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators}\n\t * and registers a {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher downcast dispatcher}\n\t * for each one of them. Downcast dispatchers are obtained using the\n\t * {@link module:link/utils/automaticdecorators~AutomaticLinkDecorators#getDispatcher} method.\n\t *\n\t * **Note**: This method also activates the automatic external link decorator if enabled with\n\t * {@link module:link/linkconfig~LinkConfig#addTargetToExternalLinks `config.link.addTargetToExternalLinks`}.\n\t */ _enableAutomaticDecorators(automaticDecoratorDefinitions) {\n        const editor = this.editor;\n        // Store automatic decorators in the command instance as we do the same with manual decorators.\n        // Thanks to that, `LinkImageEditing` plugin can re-use the same definitions.\n        const command = editor.commands.get('link');\n        const automaticDecorators = command.automaticDecorators;\n        // Adds a default decorator for external links.\n        if (editor.config.get('link.addTargetToExternalLinks')) {\n            automaticDecorators.add({\n                id: 'linkIsExternal',\n                mode: DECORATOR_AUTOMATIC,\n                callback: (url)=>!!url && EXTERNAL_LINKS_REGEXP.test(url),\n                attributes: {\n                    target: '_blank',\n                    rel: 'noopener noreferrer'\n                }\n            });\n        }\n        automaticDecorators.add(automaticDecoratorDefinitions);\n        if (automaticDecorators.length) {\n            editor.conversion.for('downcast').add(automaticDecorators.getDispatcher());\n        }\n    }\n    /**\n\t * Processes an array of configured {@link module:link/linkconfig~LinkDecoratorManualDefinition manual decorators},\n\t * transforms them into {@link module:link/utils/manualdecorator~LinkManualDecorator} instances and stores them in the\n\t * {@link module:link/linkcommand~LinkCommand#manualDecorators} collection (a model for manual decorators state).\n\t *\n\t * Also registers an {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement attribute-to-element}\n\t * converter for each manual decorator and extends the {@link module:engine/model/schema~ModelSchema model's schema}\n\t * with adequate model attributes.\n\t */ _enableManualDecorators(manualDecoratorDefinitions) {\n        if (!manualDecoratorDefinitions.length) {\n            return;\n        }\n        const editor = this.editor;\n        const command = editor.commands.get('link');\n        const manualDecorators = command.manualDecorators;\n        manualDecoratorDefinitions.forEach((decoratorDefinition)=>{\n            editor.model.schema.extend('$text', {\n                allowAttributes: decoratorDefinition.id\n            });\n            // Keeps reference to manual decorator to decode its name to attributes during downcast.\n            const decorator = new LinkManualDecorator(decoratorDefinition);\n            manualDecorators.add(decorator);\n            editor.conversion.for('downcast').attributeToElement({\n                model: decorator.id,\n                view: (manualDecoratorValue, { writer, schema }, { item })=>{\n                    // Manual decorators for block links are handled e.g. in LinkImageEditing.\n                    if (!(item.is('selection') || schema.isInline(item))) {\n                        return;\n                    }\n                    if (manualDecoratorValue) {\n                        const element = writer.createAttributeElement('a', decorator.attributes, {\n                            priority: 5\n                        });\n                        if (decorator.classes) {\n                            writer.addClass(decorator.classes, element);\n                        }\n                        for(const key in decorator.styles){\n                            writer.setStyle(key, decorator.styles[key], element);\n                        }\n                        writer.setCustomProperty('link', true, element);\n                        return element;\n                    }\n                }\n            });\n            editor.conversion.for('upcast').elementToAttribute({\n                view: {\n                    name: 'a',\n                    ...decorator._createPattern()\n                },\n                model: {\n                    key: decorator.id\n                }\n            });\n        });\n    }\n    /**\n\t * Attaches handlers for {@link module:engine/view/document~ViewDocument#event:enter} and\n\t * {@link module:engine/view/document~ViewDocument#event:click} to enable link following.\n\t */ _enableLinkOpen() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const handleLinkOpening = (url)=>{\n            if (!this._linkOpeners.some((opener)=>opener(url))) {\n                openLink(url);\n            }\n        };\n        this.listenTo(viewDocument, 'click', (evt, data)=>{\n            const shouldOpen = env.isMac ? data.domEvent.metaKey : data.domEvent.ctrlKey;\n            if (!shouldOpen) {\n                return;\n            }\n            let clickedElement = data.domTarget;\n            if (clickedElement.tagName.toLowerCase() != 'a') {\n                clickedElement = clickedElement.closest('a');\n            }\n            if (!clickedElement) {\n                return;\n            }\n            const url = clickedElement.getAttribute('href');\n            if (!url) {\n                return;\n            }\n            evt.stop();\n            data.preventDefault();\n            handleLinkOpening(url);\n        }, {\n            context: '$capture'\n        });\n        // Open link on Alt+Enter.\n        this.listenTo(viewDocument, 'keydown', (evt, data)=>{\n            const linkCommand = editor.commands.get('link');\n            const url = linkCommand.value;\n            const shouldOpen = !!url && data.keyCode === keyCodes.enter && data.altKey;\n            if (!shouldOpen) {\n                return;\n            }\n            evt.stop();\n            handleLinkOpening(url);\n        });\n    }\n    /**\n\t * Watches the ModelDocumentSelection attribute changes and removes link decorator attributes when the linkHref attribute is removed.\n\t *\n\t * This is to ensure that there is no left-over link decorator attributes on the document selection that is no longer in a link.\n\t */ _enableSelectionAttributesFixer() {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        this.listenTo(selection, 'change:attribute', (evt, { attributeKeys })=>{\n            if (!attributeKeys.includes('linkHref') || selection.hasAttribute('linkHref')) {\n                return;\n            }\n            model.change((writer)=>{\n                removeLinkAttributesFromSelection(writer, getLinkAttributesAllowedOnText(model.schema));\n            });\n        });\n    }\n    /**\n\t * Enables URL fixing on pasting.\n\t */ _enableClipboardIntegration() {\n        const editor = this.editor;\n        const model = editor.model;\n        const defaultProtocol = this.editor.config.get('link.defaultProtocol');\n        if (!defaultProtocol) {\n            return;\n        }\n        this.listenTo(editor.plugins.get('ClipboardPipeline'), 'contentInsertion', (evt, data)=>{\n            model.change((writer)=>{\n                const range = writer.createRangeIn(data.content);\n                for (const item of range.getItems()){\n                    if (item.hasAttribute('linkHref')) {\n                        const newLink = addLinkProtocolIfApplicable(item.getAttribute('linkHref'), defaultProtocol);\n                        writer.setAttribute('linkHref', newLink, item);\n                    }\n                }\n            });\n        });\n    }\n}\n/**\n * Make the selection free of link-related model attributes.\n * All link-related model attributes start with \"link\". That includes not only \"linkHref\"\n * but also all decorator attributes (they have dynamic names), or even custom plugins.\n */ function removeLinkAttributesFromSelection(writer, linkAttributes) {\n    writer.removeSelectionAttribute('linkHref');\n    for (const attribute of linkAttributes){\n        writer.removeSelectionAttribute(attribute);\n    }\n}\n/**\n * Returns an array containing names of the attributes allowed on `$text` that describes the link item.\n */ function getLinkAttributesAllowedOnText(schema) {\n    const textAttributes = schema.getDefinition('$text').allowAttributes;\n    return textAttributes.filter((attribute)=>attribute.startsWith('link'));\n}\n\n/**\n * The link button class. Rendered as an `<a>` tag with link opening in a new tab.\n *\n * Provides a custom `navigate` cancelable event.\n */ class LinkPreviewButtonView extends ButtonView {\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set({\n            href: undefined,\n            withText: true\n        });\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-link-toolbar__preview'\n                ],\n                href: bind.to('href'),\n                target: '_blank',\n                rel: 'noopener noreferrer'\n            },\n            on: {\n                click: bind.to((evt)=>{\n                    if (this.href) {\n                        const cancel = ()=>evt.preventDefault();\n                        this.fire('navigate', this.href, cancel);\n                    }\n                })\n            }\n        });\n        this.template.tag = 'a';\n    }\n}\n\n/**\n * The link form view.\n */ class LinkFormView extends View {\n    /**\n\t * Tracks information about DOM focus in the form.\n\t */ focusTracker = new FocusTracker();\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes = new KeystrokeHandler();\n    /**\n\t * The Back button view displayed in the header.\n\t */ backButtonView;\n    /**\n\t * The Save button view.\n\t */ saveButtonView;\n    /**\n\t * The \"Displayed text\" input view.\n\t */ displayedTextInputView;\n    /**\n\t * The URL input view.\n\t */ urlInputView;\n    /**\n\t * A collection of child views.\n\t */ children;\n    /**\n\t * A collection of child views in the providers list.\n\t */ providersListChildren;\n    /**\n\t * An array of form validators used by {@link #isValid}.\n\t */ _validators;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables = new ViewCollection();\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * Creates an instance of the {@link module:link/ui/linkformview~LinkFormView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param validators  Form validators used by {@link #isValid}.\n\t */ constructor(locale, validators){\n        super(locale);\n        this._validators = validators;\n        // Create buttons.\n        this.backButtonView = this._createBackButton();\n        this.saveButtonView = this._createSaveButton();\n        // Create input fields.\n        this.displayedTextInputView = this._createDisplayedTextInput();\n        this.urlInputView = this._createUrlInput();\n        this.providersListChildren = this.createCollection();\n        this.children = this.createCollection([\n            this._createHeaderView()\n        ]);\n        this._createFormChildren();\n        // Add providers list view to the children when the first item is added to the list.\n        // This is to avoid adding the list view when the form is empty.\n        this.listenTo(this.providersListChildren, 'add', ()=>{\n            this.stopListening(this.providersListChildren, 'add');\n            this.children.add(this._createProvidersListView());\n        });\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form',\n                    'ck-link-form',\n                    'ck-responsive-form'\n                ],\n                // https://github.com/ckeditor/ckeditor5-link/issues/90\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        submitHandler({\n            view: this\n        });\n        const childViews = [\n            this.urlInputView,\n            this.saveButtonView,\n            ...this.providersListChildren,\n            this.backButtonView,\n            this.displayedTextInputView\n        ];\n        childViews.forEach((v)=>{\n            // Register the view as focusable.\n            this._focusables.add(v);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(v.element);\n        });\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Validates the form and returns `false` when some fields are invalid.\n\t */ isValid() {\n        this.resetFormStatus();\n        for (const validator of this._validators){\n            const errorText = validator(this);\n            // One error per field is enough.\n            if (errorText) {\n                // Apply updated error.\n                this.urlInputView.errorText = errorText;\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Cleans up the supplementary error and information text of the {@link #urlInputView}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */ resetFormStatus() {\n        this.urlInputView.errorText = null;\n    }\n    /**\n\t * Creates a back button view that cancels the form.\n\t */ _createBackButton() {\n        const t = this.locale.t;\n        const backButton = new ButtonView(this.locale);\n        backButton.set({\n            class: 'ck-button-back',\n            label: t('Back'),\n            icon: IconPreviousArrow,\n            tooltip: true\n        });\n        backButton.delegate('execute').to(this, 'cancel');\n        return backButton;\n    }\n    /**\n\t * Creates a save button view that inserts the link.\n\t */ _createSaveButton() {\n        const t = this.locale.t;\n        const saveButton = new ButtonView(this.locale);\n        saveButton.set({\n            label: t('Insert'),\n            tooltip: false,\n            withText: true,\n            type: 'submit',\n            class: 'ck-button-action ck-button-bold'\n        });\n        return saveButton;\n    }\n    /**\n\t * Creates a header view for the form.\n\t */ _createHeaderView() {\n        const t = this.locale.t;\n        const header = new FormHeaderView(this.locale, {\n            label: t('Link')\n        });\n        header.children.add(this.backButtonView, 0);\n        return header;\n    }\n    /**\n\t * Creates a view for the providers list.\n\t */ _createProvidersListView() {\n        const providersListView = new ListView(this.locale);\n        providersListView.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-link-form__providers-list'\n                ]\n            }\n        });\n        providersListView.items.bindTo(this.providersListChildren).using((def)=>{\n            const listItemView = new ListItemView(this.locale);\n            listItemView.children.add(def);\n            return listItemView;\n        });\n        return providersListView;\n    }\n    /**\n\t * Creates a labeled input view for the \"Displayed text\" field.\n\t */ _createDisplayedTextInput() {\n        const t = this.locale.t;\n        const labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);\n        labeledInput.label = t('Displayed text');\n        labeledInput.class = 'ck-labeled-field-view_full-width';\n        return labeledInput;\n    }\n    /**\n\t * Creates a labeled input view for the URL field.\n\t *\n\t * @returns Labeled field view instance.\n\t */ _createUrlInput() {\n        const t = this.locale.t;\n        const labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);\n        labeledInput.fieldView.inputMode = 'url';\n        labeledInput.label = t('Link URL');\n        labeledInput.class = 'ck-labeled-field-view_full-width';\n        return labeledInput;\n    }\n    /**\n\t * Populates the {@link #children} collection of the form.\n\t */ _createFormChildren() {\n        this.children.add(new FormRowView(this.locale, {\n            children: [\n                this.displayedTextInputView\n            ],\n            class: [\n                'ck-form__row_large-top-padding'\n            ]\n        }));\n        this.children.add(new FormRowView(this.locale, {\n            children: [\n                this.urlInputView,\n                this.saveButtonView\n            ],\n            class: [\n                'ck-form__row_with-submit',\n                'ck-form__row_large-top-padding',\n                'ck-form__row_large-bottom-padding'\n            ]\n        }));\n    }\n    /**\n\t * The native DOM `value` of the {@link #urlInputView} element.\n\t *\n\t * **Note**: Do not confuse it with the {@link module:ui/inputtext/inputtextview~InputTextView#value}\n\t * which works one way only and may not represent the actual state of the component in the DOM.\n\t */ get url() {\n        const { element } = this.urlInputView.fieldView;\n        if (!element) {\n            return null;\n        }\n        return element.value.trim();\n    }\n}\n\n/**\n * The link provider items view.\n */ class LinkProviderItemsView extends View {\n    /**\n\t * Tracks information about DOM focus in the form.\n\t */ focusTracker = new FocusTracker();\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes = new KeystrokeHandler();\n    /**\n\t * The Back button view displayed in the header.\n\t */ backButtonView;\n    /**\n\t * The List view of links buttons.\n\t */ listView;\n    /**\n\t * The collection of child views, which is bind with the `listView`.\n\t */ listChildren;\n    /**\n\t * The view displayed when the list is empty.\n\t */ emptyListInformation;\n    /**\n\t * A collection of child views.\n\t */ children;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables = new ViewCollection();\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * Creates an instance of the {@link module:link/ui/linkprovideritemsview~LinkProviderItemsView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        this.listChildren = this.createCollection();\n        this.backButtonView = this._createBackButton();\n        this.listView = this._createListView();\n        this.emptyListInformation = this._createEmptyLinksListItemView();\n        this.children = this.createCollection([\n            this._createHeaderView(),\n            this.emptyListInformation\n        ]);\n        this.set('title', '');\n        this.set('emptyListPlaceholder', '');\n        this.set('hasItems', false);\n        this.listenTo(this.listChildren, 'change', ()=>{\n            this.hasItems = this.listChildren.length > 0;\n        });\n        this.on('change:hasItems', (evt, propName, hasItems)=>{\n            if (hasItems) {\n                this.children.remove(this.emptyListInformation);\n                this.children.add(this.listView);\n            } else {\n                this.children.remove(this.listView);\n                this.children.add(this.emptyListInformation);\n            }\n        });\n        // Close the panel on esc key press when the **form has focus**.\n        this.keystrokes.set('Esc', (data, cancel)=>{\n            this.fire('cancel');\n            cancel();\n        });\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-link-providers'\n                ],\n                // https://github.com/ckeditor/ckeditor5-link/issues/90\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        const childViews = [\n            this.listView,\n            this.backButtonView\n        ];\n        childViews.forEach((v)=>{\n            // Register the view as focusable.\n            this._focusables.add(v);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(v.element);\n        });\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Creates a view for the list at the bottom.\n\t */ _createListView() {\n        const listView = new ListView(this.locale);\n        listView.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-link-providers__list'\n                ]\n            }\n        });\n        listView.items.bindTo(this.listChildren).using((button)=>{\n            const listItemView = new ListItemView(this.locale);\n            listItemView.children.add(button);\n            return listItemView;\n        });\n        return listView;\n    }\n    /**\n\t * Creates a back button view that cancels the form.\n\t */ _createBackButton() {\n        const t = this.locale.t;\n        const backButton = new ButtonView(this.locale);\n        backButton.set({\n            class: 'ck-button-back',\n            label: t('Back'),\n            icon: IconPreviousArrow$1,\n            tooltip: true\n        });\n        backButton.delegate('execute').to(this, 'cancel');\n        return backButton;\n    }\n    /**\n\t * Creates a header view for the form.\n\t */ _createHeaderView() {\n        const header = new FormHeaderView(this.locale);\n        header.bind('label').to(this, 'title');\n        header.children.add(this.backButtonView, 0);\n        return header;\n    }\n    /**\n\t * Creates an info view for an empty list.\n\t */ _createEmptyLinksListItemView() {\n        const view = new View(this.locale);\n        view.setTemplate({\n            tag: 'p',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-link__empty-list-info'\n                ]\n            },\n            children: [\n                {\n                    text: this.bindTemplate.to('emptyListPlaceholder')\n                }\n            ]\n        });\n        return view;\n    }\n}\n\n/**\n * The link properties view controller class.\n *\n * See {@link module:link/ui/linkpropertiesview~LinkPropertiesView}.\n */ class LinkPropertiesView extends View {\n    /**\n\t * Tracks information about DOM focus in the form.\n\t */ focusTracker = new FocusTracker();\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes = new KeystrokeHandler();\n    /**\n\t * The Back button view displayed in the header.\n\t */ backButtonView;\n    /**\n\t * A collection of child views.\n\t */ children;\n    /**\n\t * A collection of {@link module:ui/button/switchbuttonview~SwitchButtonView},\n\t * which corresponds to {@link module:link/linkcommand~LinkCommand#manualDecorators manual decorators}\n\t * configured in the editor.\n\t */ listChildren;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables = new ViewCollection();\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * Creates an instance of the {@link module:link/ui/linkpropertiesview~LinkPropertiesView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        this.backButtonView = this._createBackButton();\n        this.listChildren = this.createCollection();\n        this.children = this.createCollection([\n            this._createHeaderView(),\n            this._createListView()\n        ]);\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-link-properties'\n                ],\n                // https://github.com/ckeditor/ckeditor5-link/issues/90\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n        // Close the panel on esc key press when the **form has focus**.\n        this.keystrokes.set('Esc', (data, cancel)=>{\n            this.fire('back');\n            cancel();\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        const childViews = [\n            ...this.listChildren,\n            this.backButtonView\n        ];\n        childViews.forEach((v)=>{\n            // Register the view as focusable.\n            this._focusables.add(v);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(v.element);\n        });\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Creates a back button view.\n\t */ _createBackButton() {\n        const t = this.locale.t;\n        const backButton = new ButtonView(this.locale);\n        // TODO: maybe we should have a dedicated BackButtonView in the UI library.\n        backButton.set({\n            class: 'ck-button-back',\n            label: t('Back'),\n            icon: IconPreviousArrow$1,\n            tooltip: true\n        });\n        backButton.delegate('execute').to(this, 'back');\n        return backButton;\n    }\n    /**\n\t * Creates a header view for the form.\n\t */ _createHeaderView() {\n        const t = this.locale.t;\n        const header = new FormHeaderView(this.locale, {\n            label: t('Link properties')\n        });\n        header.children.add(this.backButtonView, 0);\n        return header;\n    }\n    /**\n\t * Creates a form view that displays the {@link #listChildren} collection.\n\t */ _createListView() {\n        const listView = new ListView(this.locale);\n        listView.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-link__list'\n                ]\n            }\n        });\n        listView.items.bindTo(this.listChildren).using((item)=>{\n            const listItemView = new ListItemView(this.locale);\n            listItemView.children.add(item);\n            return listItemView;\n        });\n        return listView;\n    }\n}\n\n/**\n * Represents a view for a dropdown menu button.\n */ class LinkButtonView extends ButtonView {\n    /**\n\t * An icon that displays an arrow to indicate a direction of the menu.\n\t */ arrowView;\n    /**\n\t * Creates an instance of the dropdown menu button view.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        this.set({\n            withText: true\n        });\n        this.arrowView = this._createArrowView();\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-link__button'\n                ]\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.children.add(this.arrowView);\n    }\n    /**\n\t * Creates the arrow view instance.\n\t *\n\t * @private\n\t */ _createArrowView() {\n        const arrowView = new IconView();\n        arrowView.content = IconNextArrow;\n        return arrowView;\n    }\n}\n\nconst VISUAL_SELECTION_MARKER_NAME = 'link-ui';\n/**\n * The link UI plugin. It introduces the `'link'` and `'unlink'` buttons and support for the <kbd>Ctrl+K</kbd> keystroke.\n *\n * It uses the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */ class LinkUI extends Plugin {\n    /**\n\t * The toolbar view displayed inside of the balloon.\n\t */ toolbarView = null;\n    /**\n\t * The form view displayed inside the balloon.\n\t */ formView = null;\n    /**\n\t * The view displaying links list.\n\t */ linkProviderItemsView = null;\n    /**\n\t * The form view displaying properties link settings.\n\t */ propertiesView = null;\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    /**\n\t * The collection of the link providers.\n\t */ _linksProviders = new Collection();\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon,\n            LinkEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LinkUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        this.set('selectedLinkableText', undefined);\n        editor.editing.view.addObserver(ClickObserver);\n        this._balloon = editor.plugins.get(ContextualBalloon);\n        // Create toolbar buttons.\n        this._registerComponents();\n        this._registerEditingOpeners();\n        this._enableBalloonActivators();\n        // Renders a fake visual selection marker on an expanded selection.\n        editor.conversion.for('editingDowncast').markerToHighlight({\n            model: VISUAL_SELECTION_MARKER_NAME,\n            view: {\n                classes: [\n                    'ck-fake-link-selection'\n                ]\n            }\n        });\n        // Renders a fake visual selection marker on a collapsed selection.\n        editor.conversion.for('editingDowncast').markerToElement({\n            model: VISUAL_SELECTION_MARKER_NAME,\n            view: (data, { writer })=>{\n                if (!data.markerRange.isCollapsed) {\n                    return null;\n                }\n                const markerElement = writer.createUIElement('span');\n                writer.addClass([\n                    'ck-fake-link-selection',\n                    'ck-fake-link-selection_collapsed'\n                ], markerElement);\n                return markerElement;\n            }\n        });\n        // Add the information about the keystrokes to the accessibility database.\n        editor.accessibility.addKeystrokeInfos({\n            keystrokes: [\n                {\n                    label: t('Create link'),\n                    keystroke: LINK_KEYSTROKE\n                },\n                {\n                    label: t('Move out of a link'),\n                    keystroke: [\n                        [\n                            'arrowleft',\n                            'arrowleft'\n                        ],\n                        [\n                            'arrowright',\n                            'arrowright'\n                        ]\n                    ]\n                }\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n        if (this.propertiesView) {\n            this.propertiesView.destroy();\n        }\n        if (this.formView) {\n            this.formView.destroy();\n        }\n        if (this.toolbarView) {\n            this.toolbarView.destroy();\n        }\n        if (this.linkProviderItemsView) {\n            this.linkProviderItemsView.destroy();\n        }\n    }\n    /**\n\t * Registers list of buttons below the link form view that\n\t * open a list of links provided by the clicked provider.\n\t */ registerLinksListProvider(provider) {\n        const insertIndex = this._linksProviders.filter((existing)=>(existing.order || 0) <= (provider.order || 0)).length;\n        this._linksProviders.add(provider, insertIndex);\n    }\n    /**\n\t * Creates views.\n\t */ _createViews() {\n        const linkCommand = this.editor.commands.get('link');\n        this.toolbarView = this._createToolbarView();\n        this.formView = this._createFormView();\n        if (linkCommand.manualDecorators.length) {\n            this.propertiesView = this._createPropertiesView();\n        }\n        // Attach lifecycle actions to the the balloon.\n        this._enableUserBalloonInteractions();\n    }\n    /**\n\t * Creates the ToolbarView instance.\n\t */ _createToolbarView() {\n        const editor = this.editor;\n        const toolbarView = new ToolbarView(editor.locale);\n        const linkCommand = editor.commands.get('link');\n        toolbarView.class = 'ck-link-toolbar';\n        // Remove the linkProperties button if there are no manual decorators, as it would be useless.\n        let toolbarItems = editor.config.get('link.toolbar');\n        if (!linkCommand.manualDecorators.length) {\n            toolbarItems = toolbarItems.filter((item)=>item !== 'linkProperties');\n        }\n        toolbarView.fillFromConfig(toolbarItems, editor.ui.componentFactory);\n        // Close the panel on esc key press when the **link toolbar have focus**.\n        toolbarView.keystrokes.set('Esc', (data, cancel)=>{\n            this._hideUI();\n            cancel();\n        });\n        // Open the form view on Ctrl+K when the **link toolbar have focus**..\n        toolbarView.keystrokes.set(LINK_KEYSTROKE, (data, cancel)=>{\n            this._addFormView();\n            cancel();\n        });\n        // Register the toolbar, so it becomes available for Alt+F10 and Esc navigation.\n        // TODO this should be registered earlier to be able to open this toolbar without previously opening it by click or Ctrl+K\n        editor.ui.addToolbar(toolbarView, {\n            isContextual: true,\n            beforeFocus: ()=>{\n                if (this._getSelectedLinkElement() && !this._isToolbarVisible) {\n                    this._showUI(true);\n                }\n            },\n            afterBlur: ()=>{\n                this._hideUI(false);\n            }\n        });\n        return toolbarView;\n    }\n    /**\n\t * Creates the {@link module:link/ui/linkformview~LinkFormView} instance.\n\t */ _createFormView() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const linkCommand = editor.commands.get('link');\n        const defaultProtocol = editor.config.get('link.defaultProtocol');\n        const formView = new (CssTransitionDisablerMixin(LinkFormView))(editor.locale, getFormValidators(editor));\n        formView.displayedTextInputView.bind('isEnabled').to(this, 'selectedLinkableText', (value)=>value !== undefined);\n        // Form elements should be read-only when corresponding commands are disabled.\n        formView.urlInputView.bind('isEnabled').to(linkCommand, 'isEnabled');\n        // Disable the \"save\" button if the command is disabled.\n        formView.saveButtonView.bind('isEnabled').to(linkCommand, 'isEnabled');\n        // Change the \"Save\" button label depending on the command state.\n        formView.saveButtonView.bind('label').to(linkCommand, 'value', (value)=>value ? t('Update') : t('Insert'));\n        // Execute link command after clicking the \"Save\" button.\n        this.listenTo(formView, 'submit', ()=>{\n            if (formView.isValid()) {\n                const url = formView.urlInputView.fieldView.element.value;\n                const parsedUrl = addLinkProtocolIfApplicable(url, defaultProtocol);\n                const displayedText = formView.displayedTextInputView.fieldView.element.value;\n                editor.execute('link', parsedUrl, this._getDecoratorSwitchesState(), displayedText !== this.selectedLinkableText ? displayedText : undefined);\n                this._closeFormView();\n            }\n        });\n        // Update balloon position when form error changes.\n        this.listenTo(formView.urlInputView, 'change:errorText', ()=>{\n            editor.ui.update();\n        });\n        // Hide the panel after clicking the \"Cancel\" button.\n        this.listenTo(formView, 'cancel', ()=>{\n            this._closeFormView();\n        });\n        // Close the panel on esc key press when the **form has focus**.\n        formView.keystrokes.set('Esc', (data, cancel)=>{\n            this._closeFormView();\n            cancel();\n        });\n        // Watch adding new link providers and add them to the buttons list.\n        formView.providersListChildren.bindTo(this._linksProviders).using((provider)=>this._createLinksListProviderButton(provider));\n        return formView;\n    }\n    /**\n\t * Creates a sorted array of buttons with link names.\n\t */ _createLinkProviderListView(provider) {\n        return provider.getListItems().map(({ href, label, icon })=>{\n            const buttonView = new ButtonView();\n            buttonView.set({\n                label,\n                icon,\n                tooltip: false,\n                withText: true\n            });\n            buttonView.on('execute', ()=>{\n                this.formView.resetFormStatus();\n                this.formView.urlInputView.fieldView.value = href;\n                // Set focus to the editing view to prevent from losing it while current view is removed.\n                this.editor.editing.view.focus();\n                this._removeLinksProviderView();\n                // Set the focus to the URL input field.\n                this.formView.focus();\n            });\n            return buttonView;\n        });\n    }\n    /**\n\t * Creates a view for links provider.\n\t */ _createLinkProviderItemsView(provider) {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const view = new LinkProviderItemsView(editor.locale);\n        const { emptyListPlaceholder, label } = provider;\n        view.emptyListPlaceholder = emptyListPlaceholder || t('No links available');\n        view.title = label;\n        // Hide the panel after clicking the \"Cancel\" button.\n        this.listenTo(view, 'cancel', ()=>{\n            // Set focus to the editing view to prevent from losing it while current view is removed.\n            editor.editing.view.focus();\n            this._removeLinksProviderView();\n            // Set the focus to the URL input field.\n            this.formView.focus();\n        });\n        return view;\n    }\n    /**\n\t * Creates the {@link module:link/ui/linkpropertiesview~LinkPropertiesView} instance.\n\t */ _createPropertiesView() {\n        const editor = this.editor;\n        const linkCommand = this.editor.commands.get('link');\n        const view = new (CssTransitionDisablerMixin(LinkPropertiesView))(editor.locale);\n        // Hide the panel after clicking the back button.\n        this.listenTo(view, 'back', ()=>{\n            // Move focus back to the editing view to prevent from losing it while current view is removed.\n            editor.editing.view.focus();\n            this._removePropertiesView();\n        });\n        view.listChildren.bindTo(linkCommand.manualDecorators).using((manualDecorator)=>{\n            const button = new SwitchButtonView(editor.locale);\n            button.set({\n                label: manualDecorator.label,\n                withText: true\n            });\n            button.bind('isOn').toMany([\n                manualDecorator,\n                linkCommand\n            ], 'value', (decoratorValue, commandValue)=>{\n                return commandValue === undefined && decoratorValue === undefined ? !!manualDecorator.defaultValue : !!decoratorValue;\n            });\n            button.on('execute', ()=>{\n                manualDecorator.set('value', !button.isOn);\n                editor.execute('link', linkCommand.value, this._getDecoratorSwitchesState());\n            });\n            return button;\n        });\n        return view;\n    }\n    /**\n\t * Obtains the state of the manual decorators.\n\t */ _getDecoratorSwitchesState() {\n        const linkCommand = this.editor.commands.get('link');\n        return Array.from(linkCommand.manualDecorators).reduce((accumulator, manualDecorator)=>{\n            const value = linkCommand.value === undefined && manualDecorator.value === undefined ? manualDecorator.defaultValue : manualDecorator.value;\n            return {\n                ...accumulator,\n                [manualDecorator.id]: !!value\n            };\n        }, {});\n    }\n    /**\n\t * Registers listeners used in editing plugin, used to open links.\n\t */ _registerEditingOpeners() {\n        const linkEditing = this.editor.plugins.get(LinkEditing);\n        linkEditing._registerLinkOpener((href)=>{\n            const match = this._getLinkProviderLinkByHref(href);\n            if (!match) {\n                return false;\n            }\n            const { item, provider } = match;\n            if (provider.navigate) {\n                return provider.navigate(item);\n            }\n            return false;\n        });\n    }\n    /**\n\t * Registers components in the ComponentFactory.\n\t */ _registerComponents() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('link', ()=>{\n            const button = this._createButton(ButtonView);\n            button.set({\n                tooltip: true\n            });\n            return button;\n        });\n        editor.ui.componentFactory.add('menuBar:link', ()=>{\n            const button = this._createButton(MenuBarMenuListItemButtonView);\n            button.set({\n                role: 'menuitemcheckbox'\n            });\n            return button;\n        });\n        editor.ui.componentFactory.add('linkPreview', (locale)=>{\n            const button = new LinkPreviewButtonView(locale);\n            const allowedProtocols = editor.config.get('link.allowedProtocols');\n            const linkCommand = editor.commands.get('link');\n            const t = locale.t;\n            button.bind('isEnabled').to(linkCommand, 'value', (href)=>!!href);\n            button.bind('href').to(linkCommand, 'value', (href)=>{\n                return href && ensureSafeUrl(href, allowedProtocols);\n            });\n            const setHref = (href)=>{\n                if (!href) {\n                    button.label = undefined;\n                    button.icon = undefined;\n                    button.tooltip = t('Open link in new tab');\n                    return;\n                }\n                const selectedLinksProviderLink = this._getLinkProviderLinkByHref(href);\n                if (selectedLinksProviderLink) {\n                    const { label, tooltip, icon } = selectedLinksProviderLink.item;\n                    button.label = label;\n                    button.tooltip = tooltip || false;\n                    button.icon = icon;\n                } else {\n                    button.label = href;\n                    button.icon = undefined;\n                    button.tooltip = t('Open link in new tab');\n                }\n            };\n            setHref(linkCommand.value);\n            this.listenTo(linkCommand, 'change:value', (evt, name, href)=>{\n                setHref(href);\n            });\n            this.listenTo(button, 'navigate', (evt, href, cancel)=>{\n                const selectedLinksProviderLink = this._getLinkProviderLinkByHref(href);\n                if (!selectedLinksProviderLink) {\n                    return;\n                }\n                const { provider, item } = selectedLinksProviderLink;\n                const { navigate } = provider;\n                if (navigate && navigate(item)) {\n                    evt.stop();\n                    cancel();\n                }\n            });\n            return button;\n        });\n        editor.ui.componentFactory.add('unlink', (locale)=>{\n            const unlinkCommand = editor.commands.get('unlink');\n            const button = new ButtonView(locale);\n            const t = locale.t;\n            button.set({\n                label: t('Unlink'),\n                icon: IconUnlink,\n                tooltip: true\n            });\n            button.bind('isEnabled').to(unlinkCommand);\n            this.listenTo(button, 'execute', ()=>{\n                editor.execute('unlink');\n                this._hideUI();\n            });\n            return button;\n        });\n        editor.ui.componentFactory.add('editLink', (locale)=>{\n            const linkCommand = editor.commands.get('link');\n            const button = new ButtonView(locale);\n            const t = locale.t;\n            button.set({\n                label: t('Edit link'),\n                icon: IconPencil,\n                tooltip: true\n            });\n            button.bind('isEnabled').to(linkCommand);\n            this.listenTo(button, 'execute', ()=>{\n                this._addFormView();\n            });\n            return button;\n        });\n        editor.ui.componentFactory.add('linkProperties', (locale)=>{\n            const linkCommand = editor.commands.get('link');\n            const button = new ButtonView(locale);\n            const t = locale.t;\n            button.set({\n                label: t('Link properties'),\n                icon: IconSettings,\n                tooltip: true\n            });\n            button.bind('isEnabled').to(linkCommand, 'isEnabled', linkCommand, 'value', linkCommand, 'manualDecorators', (isEnabled, href, manualDecorators)=>isEnabled && !!href && manualDecorators.length > 0);\n            this.listenTo(button, 'execute', ()=>{\n                this._addPropertiesView();\n            });\n            return button;\n        });\n    }\n    /**\n\t * Creates a links button view.\n\t */ _createLinksListProviderButton(linkProvider) {\n        const locale = this.editor.locale;\n        const linksButton = new LinkButtonView(locale);\n        linksButton.set({\n            label: linkProvider.label\n        });\n        this.listenTo(linksButton, 'execute', ()=>{\n            this._showLinksProviderView(linkProvider);\n        });\n        return linksButton;\n    }\n    /**\n\t * Creates a button for link command to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = editor.commands.get('link');\n        const view = new ButtonClass(editor.locale);\n        const t = locale.t;\n        view.set({\n            label: t('Link'),\n            icon: IconLink,\n            keystroke: LINK_KEYSTROKE,\n            isToggleable: true\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        view.bind('isOn').to(command, 'value', (value)=>!!value);\n        // Show the panel on button click.\n        this.listenTo(view, 'execute', ()=>{\n            editor.editing.view.scrollToTheSelection();\n            this._showUI(true);\n            // Open the form view on-top of the toolbar view if it's already visible.\n            // It should be visible every time the link is selected.\n            if (this._getSelectedLinkElement()) {\n                this._addFormView();\n            }\n        });\n        return view;\n    }\n    /**\n\t * Attaches actions that control whether the balloon panel containing the\n\t * {@link #formView} should be displayed.\n\t */ _enableBalloonActivators() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        // Handle click on view document and show panel when selection is placed inside the link element.\n        // Keep panel open until selection will be inside the same link element.\n        this.listenTo(viewDocument, 'click', ()=>{\n            const parentLink = this._getSelectedLinkElement();\n            if (parentLink) {\n                // Then show panel but keep focus inside editor editable.\n                this._showUI();\n            }\n        });\n        // Handle the `Ctrl+K` keystroke and show the panel.\n        editor.keystrokes.set(LINK_KEYSTROKE, (keyEvtData, cancel)=>{\n            // Prevent focusing the search bar in FF, Chrome and Edge. See https://github.com/ckeditor/ckeditor5/issues/4811.\n            cancel();\n            if (editor.commands.get('link').isEnabled) {\n                editor.editing.view.scrollToTheSelection();\n                this._showUI(true);\n            }\n        });\n    }\n    /**\n\t * Attaches actions that control whether the balloon panel containing the\n\t * {@link #formView} is visible or not.\n\t */ _enableUserBalloonInteractions() {\n        // Focus the form if the balloon is visible and the Tab key has been pressed.\n        this.editor.keystrokes.set('Tab', (data, cancel)=>{\n            if (this._isToolbarVisible && !this.toolbarView.focusTracker.isFocused) {\n                this.toolbarView.focus();\n                cancel();\n            }\n        }, {\n            // Use the high priority because the link UI navigation is more important\n            // than other feature's actions, e.g. list indentation.\n            // https://github.com/ckeditor/ckeditor5-link/issues/146\n            priority: 'high'\n        });\n        // Close the panel on the Esc key press when the editable has focus and the balloon is visible.\n        this.editor.keystrokes.set('Esc', (data, cancel)=>{\n            if (this._isUIVisible) {\n                this._hideUI();\n                cancel();\n            }\n        });\n        // Close on click outside of balloon panel element.\n        clickOutsideHandler({\n            emitter: this.formView,\n            activator: ()=>this._isUIInPanel,\n            contextElements: ()=>[\n                    this._balloon.view.element\n                ],\n            callback: ()=>{\n                // Focusing on the editable during a click outside the balloon panel might\n                // cause the selection to move to the beginning of the editable, so we avoid\n                // focusing on it during this action.\n                // See: https://github.com/ckeditor/ckeditor5/issues/18253\n                this._hideUI(false);\n            }\n        });\n    }\n    /**\n\t * Adds the {@link #toolbarView} to the {@link #_balloon}.\n\t *\n\t * @internal\n\t */ _addToolbarView() {\n        if (!this.toolbarView) {\n            this._createViews();\n        }\n        if (this._isToolbarInPanel) {\n            return;\n        }\n        this._balloon.add({\n            view: this.toolbarView,\n            position: this._getBalloonPositionData(),\n            balloonClassName: 'ck-toolbar-container'\n        });\n    }\n    /**\n\t * Adds the {@link #formView} to the {@link #_balloon}.\n\t */ _addFormView() {\n        if (!this.formView) {\n            this._createViews();\n        }\n        if (this._isFormInPanel) {\n            return;\n        }\n        const linkCommand = this.editor.commands.get('link');\n        this.formView.disableCssTransitions();\n        this.formView.resetFormStatus();\n        this.formView.backButtonView.isVisible = linkCommand.isEnabled && !!linkCommand.value;\n        this._balloon.add({\n            view: this.formView,\n            position: this._getBalloonPositionData()\n        });\n        // Make sure that each time the panel shows up, the fields remains in sync with the value of\n        // the command. If the user typed in the input, then canceled the balloon (`urlInputView.fieldView#value` stays\n        // unaltered) and re-opened it without changing the value of the link command (e.g. because they\n        // clicked the same link), they would see the old value instead of the actual value of the command.\n        // https://github.com/ckeditor/ckeditor5-link/issues/78\n        // https://github.com/ckeditor/ckeditor5-link/issues/123\n        this.selectedLinkableText = this._getSelectedLinkableText();\n        this.formView.displayedTextInputView.fieldView.value = this.selectedLinkableText || '';\n        this.formView.urlInputView.fieldView.value = linkCommand.value || '';\n        // Select input when form view is currently visible.\n        if (this._balloon.visibleView === this.formView) {\n            this.formView.urlInputView.fieldView.select();\n        }\n        this.formView.enableCssTransitions();\n    }\n    /**\n\t * Adds the {@link #propertiesView} to the {@link #_balloon}.\n\t */ _addPropertiesView() {\n        if (!this.propertiesView) {\n            this._createViews();\n        }\n        if (this._arePropertiesInPanel) {\n            return;\n        }\n        this.propertiesView.disableCssTransitions();\n        this._balloon.add({\n            view: this.propertiesView,\n            position: this._getBalloonPositionData()\n        });\n        this.propertiesView.enableCssTransitions();\n        this.propertiesView.focus();\n    }\n    /**\n\t * Shows the view with links provided by the given provider.\n\t */ _showLinksProviderView(provider) {\n        if (this.linkProviderItemsView) {\n            this._removeLinksProviderView();\n        }\n        this.linkProviderItemsView = this._createLinkProviderItemsView(provider);\n        this._addLinkProviderItemsView(provider);\n    }\n    /**\n\t * Adds the {@link #linkProviderItemsView} to the {@link #_balloon}.\n\t */ _addLinkProviderItemsView(provider) {\n        // Clear the collection of links.\n        this.linkProviderItemsView.listChildren.clear();\n        // Add links to the collection.\n        this.linkProviderItemsView.listChildren.addMany(this._createLinkProviderListView(provider));\n        this._balloon.add({\n            view: this.linkProviderItemsView,\n            position: this._getBalloonPositionData()\n        });\n        this.linkProviderItemsView.focus();\n    }\n    /**\n\t * Closes the form view. Decides whether the balloon should be hidden completely or if the action view should be shown. This is\n\t * decided upon the link command value (which has a value if the document selection is in the link).\n\t */ _closeFormView() {\n        const linkCommand = this.editor.commands.get('link');\n        this.selectedLinkableText = undefined;\n        if (linkCommand.value !== undefined) {\n            this._removeFormView();\n        } else {\n            this._hideUI();\n        }\n    }\n    /**\n\t * Removes the {@link #propertiesView} from the {@link #_balloon}.\n\t */ _removePropertiesView() {\n        if (this._arePropertiesInPanel) {\n            this._balloon.remove(this.propertiesView);\n        }\n    }\n    /**\n\t * Removes the {@link #linkProviderItemsView} from the {@link #_balloon}.\n\t */ _removeLinksProviderView() {\n        if (this._isLinksListInPanel) {\n            this._balloon.remove(this.linkProviderItemsView);\n        }\n    }\n    /**\n\t * Removes the {@link #formView} from the {@link #_balloon}.\n\t */ _removeFormView(updateFocus = true) {\n        if (this._isFormInPanel) {\n            // Blur the input element before removing it from DOM to prevent issues in some browsers.\n            // See https://github.com/ckeditor/ckeditor5/issues/1501.\n            this.formView.saveButtonView.focus();\n            // Reset fields to update the state of the submit button.\n            this.formView.displayedTextInputView.fieldView.reset();\n            this.formView.urlInputView.fieldView.reset();\n            this._balloon.remove(this.formView);\n            // Because the form has an input which has focus, the focus must be brought back\n            // to the editor. Otherwise, it would be lost.\n            if (updateFocus) {\n                this.editor.editing.view.focus();\n            }\n            this._hideFakeVisualSelection();\n        }\n    }\n    /**\n\t * Shows the correct UI type. It is either {@link #formView} or {@link #toolbarView}.\n\t *\n\t * @internal\n\t */ _showUI(forceVisible = false) {\n        if (!this.formView) {\n            this._createViews();\n        }\n        // When there's no link under the selection, go straight to the editing UI.\n        if (!this._getSelectedLinkElement()) {\n            // Show visual selection on a text without a link when the contextual balloon is displayed.\n            // See https://github.com/ckeditor/ckeditor5/issues/4721.\n            this._showFakeVisualSelection();\n            this._addToolbarView();\n            // Be sure panel with link is visible.\n            if (forceVisible) {\n                this._balloon.showStack('main');\n            }\n            this._addFormView();\n        } else {\n            // Go to the editing UI if toolbar is already visible.\n            if (this._isToolbarVisible) {\n                this._addFormView();\n            } else {\n                this._addToolbarView();\n            }\n            // Be sure panel with link is visible.\n            if (forceVisible) {\n                this._balloon.showStack('main');\n            }\n        }\n        // Begin responding to ui#update once the UI is added.\n        this._startUpdatingUI();\n    }\n    /**\n\t * Removes the {@link #formView} from the {@link #_balloon}.\n\t *\n\t * See {@link #_addFormView}, {@link #_addToolbarView}.\n\t */ _hideUI(updateFocus = true) {\n        const editor = this.editor;\n        if (!this._isUIInPanel) {\n            return;\n        }\n        this.stopListening(editor.ui, 'update');\n        this.stopListening(this._balloon, 'change:visibleView');\n        // Make sure the focus always gets back to the editable _before_ removing the focused form view.\n        // Doing otherwise causes issues in some browsers. See https://github.com/ckeditor/ckeditor5-link/issues/193.\n        if (updateFocus) {\n            editor.editing.view.focus();\n        }\n        // If the links view is visible, remove it because it can be on top of the stack.\n        this._removeLinksProviderView();\n        // If the properties form view is visible, remove it because it can be on top of the stack.\n        this._removePropertiesView();\n        // Then remove the form view because it's beneath the properties form.\n        this._removeFormView(updateFocus);\n        // Finally, remove the link toolbar view because it's last in the stack.\n        if (this._isToolbarInPanel) {\n            this._balloon.remove(this.toolbarView);\n        }\n        this._hideFakeVisualSelection();\n    }\n    /**\n\t * Makes the UI react to the {@link module:ui/editorui/editorui~EditorUI#event:update} event to\n\t * reposition itself when the editor UI should be refreshed.\n\t *\n\t * See: {@link #_hideUI} to learn when the UI stops reacting to the `update` event.\n\t */ _startUpdatingUI() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        let prevSelectedLink = this._getSelectedLinkElement();\n        let prevSelectionParent = getSelectionParent();\n        const update = ()=>{\n            const selectedLink = this._getSelectedLinkElement();\n            const selectionParent = getSelectionParent();\n            // Hide the panel if:\n            //\n            // * the selection went out of the EXISTING link element. E.g. user moved the caret out\n            //   of the link,\n            // * the selection went to a different parent when creating a NEW link. E.g. someone\n            //   else modified the document.\n            // * the selection has expanded (e.g. displaying link toolbar then pressing SHIFT+Right arrow).\n            //\n            // Note: #_getSelectedLinkElement will return a link for a non-collapsed selection only\n            // when fully selected.\n            if (prevSelectedLink && !selectedLink || !prevSelectedLink && selectionParent !== prevSelectionParent) {\n                this._hideUI();\n            } else if (this._isUIVisible) {\n                // If still in a link element, simply update the position of the balloon.\n                // If there was no link (e.g. inserting one), the balloon must be moved\n                // to the new position in the editing view (a new native DOM range).\n                this._balloon.updatePosition(this._getBalloonPositionData());\n            }\n            prevSelectedLink = selectedLink;\n            prevSelectionParent = selectionParent;\n        };\n        function getSelectionParent() {\n            return viewDocument.selection.focus.getAncestors().reverse().find((node)=>node.is('element'));\n        }\n        this.listenTo(editor.ui, 'update', update);\n        this.listenTo(this._balloon, 'change:visibleView', update);\n    }\n    /**\n\t * Returns `true` when {@link #propertiesView} is in the {@link #_balloon}.\n\t */ get _arePropertiesInPanel() {\n        return !!this.propertiesView && this._balloon.hasView(this.propertiesView);\n    }\n    /**\n\t * Returns `true` when {@link #linkProviderItemsView} is in the {@link #_balloon}.\n\t */ get _isLinksListInPanel() {\n        return !!this.linkProviderItemsView && this._balloon.hasView(this.linkProviderItemsView);\n    }\n    /**\n\t * Returns `true` when {@link #formView} is in the {@link #_balloon}.\n\t */ get _isFormInPanel() {\n        return !!this.formView && this._balloon.hasView(this.formView);\n    }\n    /**\n\t * Returns `true` when {@link #toolbarView} is in the {@link #_balloon}.\n\t */ get _isToolbarInPanel() {\n        return !!this.toolbarView && this._balloon.hasView(this.toolbarView);\n    }\n    /**\n\t * Returns `true` when {@link #propertiesView} is in the {@link #_balloon} and it is\n\t * currently visible.\n\t */ get _isPropertiesVisible() {\n        return !!this.propertiesView && this._balloon.visibleView === this.propertiesView;\n    }\n    /**\n\t * Returns `true` when {@link #formView} is in the {@link #_balloon} and it is\n\t * currently visible.\n\t */ get _isFormVisible() {\n        return !!this.formView && this._balloon.visibleView == this.formView;\n    }\n    /**\n\t * Returns `true` when {@link #toolbarView} is in the {@link #_balloon} and it is\n\t * currently visible.\n\t */ get _isToolbarVisible() {\n        return !!this.toolbarView && this._balloon.visibleView === this.toolbarView;\n    }\n    /**\n\t * Returns `true` when {@link #propertiesView}, {@link #toolbarView}, {@link #linkProviderItemsView}\n\t * or {@link #formView} is in the {@link #_balloon}.\n\t */ get _isUIInPanel() {\n        return this._arePropertiesInPanel || this._isLinksListInPanel || this._isFormInPanel || this._isToolbarInPanel;\n    }\n    /**\n\t * Returns `true` when {@link #propertiesView}, {@link #linkProviderItemsView}, {@link #toolbarView}\n\t * or {@link #formView} is in the {@link #_balloon} and it is currently visible.\n\t */ get _isUIVisible() {\n        return this._isPropertiesVisible || this._isLinksListInPanel || this._isFormVisible || this._isToolbarVisible;\n    }\n    /**\n\t * Returns positioning options for the {@link #_balloon}. They control the way the balloon is attached\n\t * to the target element or selection.\n\t *\n\t * If the selection is collapsed and inside a link element, the panel will be attached to the\n\t * entire link element. Otherwise, it will be attached to the selection.\n\t */ _getBalloonPositionData() {\n        const view = this.editor.editing.view;\n        const viewDocument = view.document;\n        const model = this.editor.model;\n        if (model.markers.has(VISUAL_SELECTION_MARKER_NAME)) {\n            // There are cases when we highlight selection using a marker (#7705, #4721).\n            const markerViewElements = this.editor.editing.mapper.markerNameToElements(VISUAL_SELECTION_MARKER_NAME);\n            // Marker could be removed by link text override and end up in the graveyard.\n            if (markerViewElements) {\n                const markerViewElementsArray = Array.from(markerViewElements);\n                const newRange = view.createRange(view.createPositionBefore(markerViewElementsArray[0]), view.createPositionAfter(markerViewElementsArray[markerViewElementsArray.length - 1]));\n                return {\n                    target: view.domConverter.viewRangeToDom(newRange)\n                };\n            }\n        }\n        // Make sure the target is calculated on demand at the last moment because a cached DOM range\n        // (which is very fragile) can desynchronize with the state of the editing view if there was\n        // any rendering done in the meantime. This can happen, for instance, when an inline widget\n        // gets unlinked.\n        return {\n            target: ()=>{\n                const targetLink = this._getSelectedLinkElement();\n                return targetLink ? // When selection is inside link element, then attach panel to this element.\n                view.domConverter.mapViewToDom(targetLink) : // Otherwise attach panel to the selection.\n                view.domConverter.viewRangeToDom(viewDocument.selection.getFirstRange());\n            }\n        };\n    }\n    /**\n\t * Returns the link {@link module:engine/view/attributeelement~ViewAttributeElement} under\n\t * the {@link module:engine/view/document~ViewDocument editing view's} selection or `null`\n\t * if there is none.\n\t *\n\t * **Note**: For a non–collapsed selection, the link element is returned when **fully**\n\t * selected and the **only** element within the selection boundaries, or when\n\t * a linked widget is selected.\n\t */ _getSelectedLinkElement() {\n        const view = this.editor.editing.view;\n        const selection = view.document.selection;\n        const selectedElement = selection.getSelectedElement();\n        // The selection is collapsed or some widget is selected (especially inline widget).\n        if (selection.isCollapsed || selectedElement && isWidget(selectedElement)) {\n            return findLinkElementAncestor(selection.getFirstPosition());\n        } else {\n            // The range for fully selected link is usually anchored in adjacent text nodes.\n            // Trim it to get closer to the actual link element.\n            const range = selection.getFirstRange().getTrimmed();\n            const startLink = findLinkElementAncestor(range.start);\n            const endLink = findLinkElementAncestor(range.end);\n            if (!startLink || startLink != endLink) {\n                return null;\n            }\n            // Check if the link element is fully selected.\n            if (view.createRangeIn(startLink).getTrimmed().isEqual(range)) {\n                return startLink;\n            } else {\n                return null;\n            }\n        }\n    }\n    /**\n\t * Returns selected link text content.\n\t * If link is not selected it returns the selected text.\n\t * If selection or link includes non text node (inline object or block) then returns undefined.\n\t */ _getSelectedLinkableText() {\n        const model = this.editor.model;\n        const editing = this.editor.editing;\n        const selectedLink = this._getSelectedLinkElement();\n        if (!selectedLink) {\n            return extractTextFromLinkRange(model.document.selection.getFirstRange());\n        }\n        const viewLinkRange = editing.view.createRangeOn(selectedLink);\n        const linkRange = editing.mapper.toModelRange(viewLinkRange);\n        return extractTextFromLinkRange(linkRange);\n    }\n    /**\n\t * Returns a provider by its URL.\n\t *\n\t * @param href URL of the link.\n\t * @returns Link provider and item or `null` if not found.\n\t */ _getLinkProviderLinkByHref(href) {\n        if (!href) {\n            return null;\n        }\n        for (const provider of this._linksProviders){\n            const item = provider.getItem ? provider.getItem(href) : provider.getListItems().find((item)=>item.href === href);\n            if (item) {\n                return {\n                    provider,\n                    item\n                };\n            }\n        }\n        return null;\n    }\n    /**\n\t * Displays a fake visual selection when the contextual balloon is displayed.\n\t *\n\t * This adds a 'link-ui' marker into the document that is rendered as a highlight on selected text fragment.\n\t */ _showFakeVisualSelection() {\n        const model = this.editor.model;\n        model.change((writer)=>{\n            const range = model.document.selection.getFirstRange();\n            if (model.markers.has(VISUAL_SELECTION_MARKER_NAME)) {\n                writer.updateMarker(VISUAL_SELECTION_MARKER_NAME, {\n                    range\n                });\n            } else {\n                if (range.start.isAtEnd) {\n                    const startPosition = range.start.getLastMatchingPosition(({ item })=>!model.schema.isContent(item), {\n                        boundaries: range\n                    });\n                    writer.addMarker(VISUAL_SELECTION_MARKER_NAME, {\n                        usingOperation: false,\n                        affectsData: false,\n                        range: writer.createRange(startPosition, range.end)\n                    });\n                } else {\n                    writer.addMarker(VISUAL_SELECTION_MARKER_NAME, {\n                        usingOperation: false,\n                        affectsData: false,\n                        range\n                    });\n                }\n            }\n        });\n    }\n    /**\n\t * Hides the fake visual selection created in {@link #_showFakeVisualSelection}.\n\t */ _hideFakeVisualSelection() {\n        const model = this.editor.model;\n        if (model.markers.has(VISUAL_SELECTION_MARKER_NAME)) {\n            model.change((writer)=>{\n                writer.removeMarker(VISUAL_SELECTION_MARKER_NAME);\n            });\n        }\n    }\n}\n/**\n * Returns a link element if there's one among the ancestors of the provided `Position`.\n *\n * @param View position to analyze.\n * @returns Link element at the position or null.\n */ function findLinkElementAncestor(position) {\n    return position.getAncestors().find((ancestor)=>isLinkElement(ancestor)) || null;\n}\n/**\n * Returns link form validation callbacks.\n *\n * @param editor Editor instance.\n */ function getFormValidators(editor) {\n    const t = editor.t;\n    const allowCreatingEmptyLinks = editor.config.get('link.allowCreatingEmptyLinks');\n    return [\n        (form)=>{\n            if (!allowCreatingEmptyLinks && !form.url.length) {\n                return t('Link URL must not be empty.');\n            }\n        }\n    ];\n}\n\nconst MIN_LINK_LENGTH_WITH_SPACE_AT_END = 4; // Ie: \"t.co \" (length 5).\n// This was a tweak from https://gist.github.com/dperini/729294.\nconst URL_REG_EXP = new RegExp(// Group 1: Line start or after a space.\n'(^|\\\\s)' + // Group 2: Detected URL (or e-mail).\n'(' + // Protocol identifier or short syntax \"//\"\n// a. Full form http://user@foo.bar.baz:8080/foo/bar.html#baz?foo=bar\n'(' + '(?:(?:(?:https?|ftp):)?\\\\/\\\\/)' + // BasicAuth using user:pass (optional)\n'(?:\\\\S+(?::\\\\S*)?@)?' + '(?:' + // IP address dotted notation octets\n// excludes loopback network 0.0.0.0\n// excludes reserved space >= 224.0.0.0\n// excludes network & broadcast addresses\n// (first & last IP address of each class)\n'(?:[1-9]\\\\d?|1\\\\d\\\\d|2[01]\\\\d|22[0-3])' + '(?:\\\\.(?:1?\\\\d{1,2}|2[0-4]\\\\d|25[0-5])){2}' + '(?:\\\\.(?:[1-9]\\\\d?|1\\\\d\\\\d|2[0-4]\\\\d|25[0-4]))' + '|' + '(' + // Do not allow `www.foo` - see https://github.com/ckeditor/ckeditor5/issues/8050.\n'((?!www\\\\.)|(www\\\\.))' + // Host & domain names.\n'(?![-_])(?:[-_a-z0-9\\\\u00a1-\\\\uffff]{1,63}\\\\.)+' + // TLD identifier name.\n'(?:[a-z\\\\u00a1-\\\\uffff]{2,63})' + ')' + '|' + // Allow localhost as a valid hostname\n'localhost' + ')' + // port number (optional)\n'(?::\\\\d{2,5})?' + // resource path (optional)\n'(?:[/?#]\\\\S*)?' + ')' + '|' + // b. Short form (either www.example.com or example@example.com)\n'(' + '(www.|(\\\\S+@))' + // Host & domain names.\n'((?![-_])(?:[-_a-z0-9\\\\u00a1-\\\\uffff]{1,63}\\\\.))+' + // TLD identifier name.\n'(?:[a-z\\\\u00a1-\\\\uffff]{2,63})' + ')' + ')$', 'i');\nconst URL_GROUP_IN_MATCH = 2;\n/**\n * The autolink plugin.\n */ class AutoLink extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Delete,\n            LinkEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'AutoLink';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        selection.on('change:range', ()=>{\n            // Disable plugin when selection is inside a code block.\n            this.isEnabled = !selection.anchor.parent.is('element', 'codeBlock');\n        });\n        this._enableTypingHandling();\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        this._enableEnterHandling();\n        this._enableShiftEnterHandling();\n        this._enablePasteLinking();\n    }\n    /**\n\t * For given position, returns a range that includes the whole link that contains the position.\n\t *\n\t * If position is not inside a link, returns `null`.\n\t */ _expandLinkRange(model, position) {\n        if (position.textNode && position.textNode.hasAttribute('linkHref')) {\n            return findAttributeRange(position, 'linkHref', position.textNode.getAttribute('linkHref'), model);\n        } else {\n            return null;\n        }\n    }\n    /**\n\t * Extends the document selection to includes all links that intersects with given `selectedRange`.\n\t */ _selectEntireLinks(writer, selectedRange) {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const selStart = selection.getFirstPosition();\n        const selEnd = selection.getLastPosition();\n        let updatedSelection = selectedRange.getJoined(this._expandLinkRange(model, selStart) || selectedRange);\n        if (updatedSelection) {\n            updatedSelection = updatedSelection.getJoined(this._expandLinkRange(model, selEnd) || selectedRange);\n        }\n        if (updatedSelection && (updatedSelection.start.isBefore(selStart) || updatedSelection.end.isAfter(selEnd))) {\n            // Only update the selection if it changed.\n            writer.setSelection(updatedSelection);\n        }\n    }\n    /**\n\t * Enables autolinking on pasting a URL when some content is selected.\n\t */ _enablePasteLinking() {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const clipboardPipeline = editor.plugins.get('ClipboardPipeline');\n        const linkCommand = editor.commands.get('link');\n        clipboardPipeline.on('inputTransformation', (evt, data)=>{\n            if (!this.isEnabled || !linkCommand.isEnabled || selection.isCollapsed || data.method !== 'paste') {\n                // Abort if we are disabled or the selection is collapsed.\n                return;\n            }\n            if (selection.rangeCount > 1) {\n                // Abort if there are multiple selection ranges.\n                return;\n            }\n            const selectedRange = selection.getFirstRange();\n            const newLink = data.dataTransfer.getData('text/plain');\n            if (!newLink) {\n                // Abort if there is no plain text on the clipboard.\n                return;\n            }\n            const matches = newLink.match(URL_REG_EXP);\n            // If the text in the clipboard has a URL, and that URL is the whole clipboard.\n            if (matches && matches[2] === newLink) {\n                model.change((writer)=>{\n                    this._selectEntireLinks(writer, selectedRange);\n                    linkCommand.execute(newLink);\n                });\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Enables autolinking on typing.\n\t */ _enableTypingHandling() {\n        const editor = this.editor;\n        const watcher = new TextWatcher(editor.model, (text)=>{\n            let mappedText = text;\n            // 1. Detect <kbd>Space</kbd> after a text with a potential link.\n            if (!isSingleSpaceAtTheEnd(mappedText)) {\n                return;\n            }\n            // 2. Remove the last space character.\n            mappedText = mappedText.slice(0, -1);\n            // 3. Remove punctuation at the end of the URL if it exists.\n            if ('!.:,;?'.includes(mappedText[mappedText.length - 1])) {\n                mappedText = mappedText.slice(0, -1);\n            }\n            // 4. Check text before last typed <kbd>Space</kbd> or punctuation.\n            const url = getUrlAtTextEnd(mappedText);\n            if (url) {\n                return {\n                    url,\n                    removedTrailingCharacters: text.length - mappedText.length\n                };\n            }\n        });\n        watcher.on('matched:data', (evt, data)=>{\n            const { batch, range, url, removedTrailingCharacters } = data;\n            if (!batch.isTyping) {\n                return;\n            }\n            const linkEnd = range.end.getShiftedBy(-removedTrailingCharacters); // Executed after a space character or punctuation.\n            const linkStart = linkEnd.getShiftedBy(-url.length);\n            const linkRange = editor.model.createRange(linkStart, linkEnd);\n            this._applyAutoLink(url, linkRange);\n        });\n        watcher.bind('isEnabled').to(this);\n    }\n    /**\n\t * Enables autolinking on the <kbd>Enter</kbd> key.\n\t */ _enableEnterHandling() {\n        const editor = this.editor;\n        const model = editor.model;\n        const enterCommand = editor.commands.get('enter');\n        if (!enterCommand) {\n            return;\n        }\n        enterCommand.on('execute', ()=>{\n            const position = model.document.selection.getFirstPosition();\n            let rangeToCheck;\n            // Previous sibling might not be an element if enter was blocked due to be triggered in a limit element.\n            if (position.parent.previousSibling?.is('element')) {\n                rangeToCheck = model.createRangeIn(position.parent.previousSibling);\n            } else {\n                rangeToCheck = model.createRange(model.createPositionAt(position.parent, 0), position);\n            }\n            this._checkAndApplyAutoLinkOnRange(rangeToCheck);\n        });\n    }\n    /**\n\t * Enables autolinking on the <kbd>Shift</kbd>+<kbd>Enter</kbd> keyboard shortcut.\n\t */ _enableShiftEnterHandling() {\n        const editor = this.editor;\n        const model = editor.model;\n        const shiftEnterCommand = editor.commands.get('shiftEnter');\n        if (!shiftEnterCommand) {\n            return;\n        }\n        shiftEnterCommand.on('execute', ()=>{\n            const position = model.document.selection.getFirstPosition();\n            const rangeToCheck = model.createRange(model.createPositionAt(position.parent, 0), position.getShiftedBy(-1));\n            this._checkAndApplyAutoLinkOnRange(rangeToCheck);\n        });\n    }\n    /**\n\t * Checks if the passed range contains a linkable text.\n\t */ _checkAndApplyAutoLinkOnRange(rangeToCheck) {\n        const model = this.editor.model;\n        const { text, range } = getLastTextLine(rangeToCheck, model);\n        const url = getUrlAtTextEnd(text);\n        if (url) {\n            const linkRange = model.createRange(range.end.getShiftedBy(-url.length), range.end);\n            this._applyAutoLink(url, linkRange);\n        }\n    }\n    /**\n\t * Applies a link on a given range if the link should be applied.\n\t *\n\t * @param url The URL to link.\n\t * @param range The text range to apply the link attribute to.\n\t */ _applyAutoLink(url, range) {\n        const model = this.editor.model;\n        const defaultProtocol = this.editor.config.get('link.defaultProtocol');\n        const fullUrl = addLinkProtocolIfApplicable(url, defaultProtocol);\n        if (!this.isEnabled || !isLinkAllowedOnRange(range, model) || !linkHasProtocol(fullUrl) || linkIsAlreadySet(range)) {\n            return;\n        }\n        this._persistAutoLink(fullUrl, range);\n    }\n    /**\n\t * Enqueues autolink changes in the model.\n\t *\n\t * @param url The URL to link.\n\t * @param range The text range to apply the link attribute to.\n\t */ _persistAutoLink(url, range) {\n        const model = this.editor.model;\n        const deletePlugin = this.editor.plugins.get('Delete');\n        // Enqueue change to make undo step.\n        model.enqueueChange((writer)=>{\n            writer.setAttribute('linkHref', url, range);\n            model.enqueueChange(()=>{\n                deletePlugin.requestUndoOnBackspace();\n            });\n        });\n    }\n}\n// Check if text should be evaluated by the plugin in order to reduce number of RegExp checks on whole text.\nfunction isSingleSpaceAtTheEnd(text) {\n    return text.length > MIN_LINK_LENGTH_WITH_SPACE_AT_END && text[text.length - 1] === ' ' && text[text.length - 2] !== ' ';\n}\nfunction getUrlAtTextEnd(text) {\n    const match = URL_REG_EXP.exec(text);\n    return match ? match[URL_GROUP_IN_MATCH] : null;\n}\nfunction isLinkAllowedOnRange(range, model) {\n    return model.schema.checkAttributeInSelection(model.createSelection(range), 'linkHref');\n}\nfunction linkIsAlreadySet(range) {\n    const item = range.start.nodeAfter;\n    return !!item && item.hasAttribute('linkHref');\n}\n\n/**\n * The link plugin.\n *\n * This is a \"glue\" plugin that loads the {@link module:link/linkediting~LinkEditing link editing feature}\n * and {@link module:link/linkui~LinkUI link UI feature}.\n */ class Link extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            LinkEditing,\n            LinkUI,\n            AutoLink\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Link';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The link image engine feature.\n *\n * It accepts the `linkHref=\"url\"` attribute in the model for the {@link module:image/image~Image `<imageBlock>`} element\n * which allows linking images.\n */ class LinkImageEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            'ImageEditing',\n            'ImageUtils',\n            LinkEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LinkImageEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        if (editor.plugins.has('ImageBlockEditing')) {\n            schema.extend('imageBlock', {\n                allowAttributes: [\n                    'linkHref'\n                ]\n            });\n        }\n        editor.conversion.for('upcast').add(upcastLink(editor));\n        editor.conversion.for('downcast').add(downcastImageLink(editor));\n        // Definitions for decorators are provided by the `link` command and the `LinkEditing` plugin.\n        this._enableAutomaticDecorators();\n        this._enableManualDecorators();\n    }\n    /**\n\t * Processes {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators} definitions and\n\t * attaches proper converters that will work when linking an image.`\n\t */ _enableAutomaticDecorators() {\n        const editor = this.editor;\n        const command = editor.commands.get('link');\n        const automaticDecorators = command.automaticDecorators;\n        if (automaticDecorators.length) {\n            editor.conversion.for('downcast').add(automaticDecorators.getDispatcherForLinkedImage());\n        }\n    }\n    /**\n\t * Processes transformed {@link module:link/utils/manualdecorator~LinkManualDecorator} instances and attaches proper converters\n\t * that will work when linking an image.\n\t */ _enableManualDecorators() {\n        const editor = this.editor;\n        const command = editor.commands.get('link');\n        for (const decorator of command.manualDecorators){\n            if (editor.plugins.has('ImageBlockEditing')) {\n                editor.model.schema.extend('imageBlock', {\n                    allowAttributes: decorator.id\n                });\n            }\n            if (editor.plugins.has('ImageInlineEditing')) {\n                editor.model.schema.extend('imageInline', {\n                    allowAttributes: decorator.id\n                });\n            }\n            editor.conversion.for('downcast').add(downcastImageLinkManualDecorator(decorator));\n            editor.conversion.for('upcast').add(upcastImageLinkManualDecorator(editor, decorator));\n        }\n    }\n}\n/**\n * Returns a converter for linked block images that consumes the \"href\" attribute\n * if a link contains an image.\n *\n * @param editor The editor instance.\n */ function upcastLink(editor) {\n    const isImageInlinePluginLoaded = editor.plugins.has('ImageInlineEditing');\n    const imageUtils = editor.plugins.get('ImageUtils');\n    return (dispatcher)=>{\n        dispatcher.on('element:a', (evt, data, conversionApi)=>{\n            const viewLink = data.viewItem;\n            const imageInLink = imageUtils.findViewImgElement(viewLink);\n            if (!imageInLink) {\n                return;\n            }\n            const blockImageView = imageInLink.findAncestor((element)=>imageUtils.isBlockImageView(element));\n            // There are four possible cases to consider here\n            //\n            // 1. A \"root > ... > figure.image > a > img\" structure.\n            // 2. A \"root > ... > figure.image > a > picture > img\" structure.\n            // 3. A \"root > ... > block > a > img\" structure.\n            // 4. A \"root > ... > block > a > picture > img\" structure.\n            //\n            // but the last 2 cases should only be considered by this converter when the inline image plugin\n            // is NOT loaded in the editor (because otherwise, that would be a plain, linked inline image).\n            if (isImageInlinePluginLoaded && !blockImageView) {\n                return;\n            }\n            // There's an image inside an <a> element - we consume it so it won't be picked up by the Link plugin.\n            const consumableAttributes = {\n                attributes: [\n                    'href'\n                ]\n            };\n            // Consume the `href` attribute so the default one will not convert it to $text attribute.\n            if (!conversionApi.consumable.consume(viewLink, consumableAttributes)) {\n                // Might be consumed by something else - i.e. other converter with priority=highest - a standard check.\n                return;\n            }\n            const linkHref = viewLink.getAttribute('href');\n            // Missing the 'href' attribute.\n            if (!linkHref) {\n                return;\n            }\n            // A full definition of the image feature.\n            // figure > a > img: parent of the view link element is an image element (figure).\n            let modelElement = data.modelCursor.parent;\n            if (!modelElement.is('element', 'imageBlock')) {\n                // a > img: parent of the view link is not the image (figure) element. We need to convert it manually.\n                const conversionResult = conversionApi.convertItem(imageInLink, data.modelCursor);\n                // Set image range as conversion result.\n                data.modelRange = conversionResult.modelRange;\n                // Continue conversion where image conversion ends.\n                data.modelCursor = conversionResult.modelCursor;\n                modelElement = data.modelCursor.nodeBefore;\n            }\n            if (modelElement && modelElement.is('element', 'imageBlock')) {\n                // Set the linkHref attribute from link element on model image element.\n                conversionApi.writer.setAttribute('linkHref', linkHref, modelElement);\n            }\n        }, {\n            priority: 'high'\n        });\n    // Using the same priority that `upcastImageLinkManualDecorator()` converter guarantees\n    // that manual decorators will decorate the proper element.\n    };\n}\n/**\n * Creates a converter that adds `<a>` to linked block image view elements.\n */ function downcastImageLink(editor) {\n    const imageUtils = editor.plugins.get('ImageUtils');\n    return (dispatcher)=>{\n        dispatcher.on('attribute:linkHref:imageBlock', (evt, data, conversionApi)=>{\n            if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                return;\n            }\n            // The image will be already converted - so it will be present in the view.\n            const viewFigure = conversionApi.mapper.toViewElement(data.item);\n            const writer = conversionApi.writer;\n            // But we need to check whether the link element exists.\n            const linkInImage = Array.from(viewFigure.getChildren()).find((child)=>child.is('element', 'a'));\n            const viewImage = imageUtils.findViewImgElement(viewFigure);\n            // <picture>...<img/></picture> or <img/>\n            const viewImgOrPicture = viewImage.parent.is('element', 'picture') ? viewImage.parent : viewImage;\n            // If so, update the attribute if it's defined or remove the entire link if the attribute is empty.\n            if (linkInImage) {\n                if (data.attributeNewValue) {\n                    writer.setAttribute('href', data.attributeNewValue, linkInImage);\n                } else {\n                    writer.move(writer.createRangeOn(viewImgOrPicture), writer.createPositionAt(viewFigure, 0));\n                    writer.remove(linkInImage);\n                }\n            } else {\n                // But if it does not exist. Let's wrap already converted image by newly created link element.\n                // 1. Create an empty link element.\n                const linkElement = writer.createContainerElement('a', {\n                    href: data.attributeNewValue\n                });\n                // 2. Insert link inside the associated image.\n                writer.insert(writer.createPositionAt(viewFigure, 0), linkElement);\n                // 3. Move the image to the link.\n                writer.move(writer.createRangeOn(viewImgOrPicture), writer.createPositionAt(linkElement, 0));\n            }\n        }, {\n            priority: 'high'\n        });\n    };\n}\n/**\n * Returns a converter that decorates the `<a>` element when the image is the link label.\n */ function downcastImageLinkManualDecorator(decorator) {\n    return (dispatcher)=>{\n        dispatcher.on(`attribute:${decorator.id}:imageBlock`, (evt, data, conversionApi)=>{\n            const viewFigure = conversionApi.mapper.toViewElement(data.item);\n            const linkInImage = Array.from(viewFigure.getChildren()).find((child)=>child.is('element', 'a'));\n            // The <a> element was removed by the time this converter is executed.\n            // It may happen when the base `linkHref` and decorator attributes are removed\n            // at the same time (see #8401).\n            if (!linkInImage) {\n                return;\n            }\n            // Handle deactivated manual decorator.\n            if (data.attributeOldValue) {\n                for(const key in decorator.attributes){\n                    conversionApi.writer.removeAttribute(key, linkInImage);\n                }\n                if (decorator.classes) {\n                    conversionApi.writer.removeClass(decorator.classes, linkInImage);\n                }\n                for(const key in decorator.styles){\n                    conversionApi.writer.removeStyle(key, linkInImage);\n                }\n            }\n            // Handle activated manual decorator.\n            if (data.attributeNewValue) {\n                for (const [key, val] of toMap(decorator.attributes)){\n                    conversionApi.writer.setAttribute(key, val, linkInImage);\n                }\n                if (decorator.classes) {\n                    conversionApi.writer.addClass(decorator.classes, linkInImage);\n                }\n                for(const key in decorator.styles){\n                    conversionApi.writer.setStyle(key, decorator.styles[key], linkInImage);\n                }\n            }\n        });\n    };\n}\n/**\n * Returns a converter that checks whether manual decorators should be applied to the link.\n */ function upcastImageLinkManualDecorator(editor, decorator) {\n    const isImageInlinePluginLoaded = editor.plugins.has('ImageInlineEditing');\n    const imageUtils = editor.plugins.get('ImageUtils');\n    return (dispatcher)=>{\n        dispatcher.on('element:a', (evt, data, conversionApi)=>{\n            const viewLink = data.viewItem;\n            const imageInLink = imageUtils.findViewImgElement(viewLink);\n            // We need to check whether an image is inside a link because the converter handles\n            // only manual decorators for linked images. See #7975.\n            if (!imageInLink) {\n                return;\n            }\n            const blockImageView = imageInLink.findAncestor((element)=>imageUtils.isBlockImageView(element));\n            if (isImageInlinePluginLoaded && !blockImageView) {\n                return;\n            }\n            const matcher = new Matcher(decorator._createPattern());\n            const result = matcher.match(viewLink);\n            // The link element does not have required attributes or/and proper values.\n            if (!result) {\n                return;\n            }\n            // Check whether we can consume those attributes.\n            if (!conversionApi.consumable.consume(viewLink, result.match)) {\n                return;\n            }\n            // At this stage we can assume that we have the `<imageBlock>` element.\n            // `nodeBefore` comes after conversion: `<a><img></a>`.\n            // `parent` comes with full image definition: `<figure><a><img></a></figure>.\n            // See the body of the `upcastLink()` function.\n            const modelElement = data.modelCursor.nodeBefore || data.modelCursor.parent;\n            conversionApi.writer.setAttribute(decorator.id, true, modelElement);\n        }, {\n            priority: 'high'\n        });\n    // Using the same priority that `upcastLink()` converter guarantees that the linked image was properly converted.\n    };\n}\n\n/**\n * The link image UI plugin.\n *\n * This plugin provides the `'linkImage'` button that can be displayed in the {@link module:image/imagetoolbar~ImageToolbar}.\n * It can be used to wrap images in links.\n */ class LinkImageUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            LinkEditing,\n            LinkUI,\n            'ImageBlockEditing'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LinkImageUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        this.listenTo(viewDocument, 'click', (evt, data)=>{\n            if (this._isSelectedLinkedImage(editor.model.document.selection)) {\n                // Prevent browser navigation when clicking a linked image.\n                data.preventDefault();\n                // Block the `LinkUI` plugin when an image was clicked.\n                // In such a case, we'd like to display the image toolbar.\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        this._createToolbarLinkImageButton();\n    }\n    /**\n\t * Creates a `LinkImageUI` button view.\n\t *\n\t * Clicking this button shows a {@link module:link/linkui~LinkUI#_balloon} attached to the selection.\n\t * When an image is already linked, the view shows {@link module:link/linkui~LinkUI#toolbarView} or\n\t * {@link module:link/linkui~LinkUI#formView} if it is not.\n\t */ _createToolbarLinkImageButton() {\n        const editor = this.editor;\n        const t = editor.t;\n        editor.ui.componentFactory.add('linkImage', (locale)=>{\n            const button = new ButtonView(locale);\n            const plugin = editor.plugins.get('LinkUI');\n            const linkCommand = editor.commands.get('link');\n            button.set({\n                isEnabled: true,\n                label: t('Link image'),\n                icon: IconLink,\n                keystroke: LINK_KEYSTROKE,\n                tooltip: true,\n                isToggleable: true\n            });\n            // Bind button to the command.\n            button.bind('isEnabled').to(linkCommand, 'isEnabled');\n            button.bind('isOn').to(linkCommand, 'value', (value)=>!!value);\n            // Show the actionsView or formView (both from LinkUI) on button click depending on whether the image is linked already.\n            this.listenTo(button, 'execute', ()=>{\n                if (this._isSelectedLinkedImage(editor.model.document.selection)) {\n                    plugin._addToolbarView();\n                } else {\n                    plugin._showUI(true);\n                }\n            });\n            return button;\n        });\n    }\n    /**\n\t * Returns true if a linked image (either block or inline) is the only selected element\n\t * in the model document.\n\t */ _isSelectedLinkedImage(selection) {\n        const selectedModelElement = selection.getSelectedElement();\n        const imageUtils = this.editor.plugins.get('ImageUtils');\n        return imageUtils.isImage(selectedModelElement) && selectedModelElement.hasAttribute('linkHref');\n    }\n}\n\n/**\n * The `LinkImage` plugin.\n *\n * This is a \"glue\" plugin that loads the {@link module:link/linkimageediting~LinkImageEditing link image editing feature}\n * and {@link module:link/linkimageui~LinkImageUI link image UI feature}.\n */ class LinkImage extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            LinkImageEditing,\n            LinkImageUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LinkImage';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { AutoLink, AutomaticLinkDecorators, Link, LinkCommand, LinkEditing, LinkFormView, LinkImage, LinkImageEditing, LinkImageUI, LinkManualDecorator, LinkPropertiesView, LinkProviderItemsView, LinkUI, UnlinkCommand, LINK_KEYSTROKE as _LINK_KEYSTROKE, LinkButtonView as _LinkButtonView, LinkPreviewButtonView as _LinkPreviewButtonView, createLinkElement as _createLinkElement, ensureSafeUrl as _ensureSafeLinkUrl, extractTextFromLinkRange as _extractTextFromLinkRange, getLocalizedDecorators as _getLocalizedLinkDecorators, linkHasProtocol as _hasLinkProtocol, isEmail as _isEmailLink, normalizeDecorators as _normalizeLinkDecorators, openLink as _openLink, addLinkProtocolIfApplicable, ensureSafeUrl, isLinkElement, isLinkableElement };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/utils/automaticdecorators\n */\n\nimport { toMap, type ArrayOrItem } from 'ckeditor5/src/utils.js';\nimport type { DowncastAttributeEvent, DowncastDispatcher, ModelElement, ViewElement } from 'ckeditor5/src/engine.js';\nimport type { NormalizedLinkDecoratorAutomaticDefinition } from '../utils.js';\n\n/**\n * Helper class that ties together all {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition} and provides\n * the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement downcast dispatchers} for them.\n */\nexport class AutomaticLinkDecorators {\n\t/**\n\t * Stores the definition of {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators}.\n\t * This data is used as a source for a downcast dispatcher to create a proper conversion to output data.\n\t */\n\tprivate _definitions = new Set<NormalizedLinkDecoratorAutomaticDefinition>();\n\n\t/**\n\t * Gives information about the number of decorators stored in the {@link module:link/utils/automaticdecorators~AutomaticLinkDecorators}\n\t * instance.\n\t */\n\tpublic get length(): number {\n\t\treturn this._definitions.size;\n\t}\n\n\t/**\n\t * Adds automatic decorator objects or an array with them to be used during downcasting.\n\t *\n\t * @param item A configuration object of automatic rules for decorating links. It might also be an array of such objects.\n\t */\n\tpublic add( item: ArrayOrItem<NormalizedLinkDecoratorAutomaticDefinition> ): void {\n\t\tif ( Array.isArray( item ) ) {\n\t\t\titem.forEach( item => this._definitions.add( item ) );\n\t\t} else {\n\t\t\tthis._definitions.add( item );\n\t\t}\n\t}\n\n\t/**\n\t * Provides the conversion helper used in the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add} method.\n\t *\n\t * @returns A dispatcher function used as conversion helper in {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add}.\n\t */\n\tpublic getDispatcher(): ( dispatcher: DowncastDispatcher ) => void {\n\t\treturn dispatcher => {\n\t\t\tdispatcher.on<DowncastAttributeEvent>( 'attribute:linkHref', ( evt, data, conversionApi ) => {\n\t\t\t\t// There is only test as this behavior decorates links and\n\t\t\t\t// it is run before dispatcher which actually consumes this node.\n\t\t\t\t// This allows on writing own dispatcher with highest priority,\n\t\t\t\t// which blocks both native converter and this additional decoration.\n\t\t\t\tif ( !conversionApi.consumable.test( data.item, 'attribute:linkHref' ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Automatic decorators for block links are handled e.g. in LinkImageEditing.\n\t\t\t\tif ( !( data.item.is( 'selection' ) || conversionApi.schema.isInline( data.item ) ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\t\tconst viewSelection = viewWriter.document.selection;\n\n\t\t\t\tfor ( const item of this._definitions ) {\n\t\t\t\t\tconst viewElement = viewWriter.createAttributeElement( 'a', item.attributes, {\n\t\t\t\t\t\tpriority: 5\n\t\t\t\t\t} );\n\n\t\t\t\t\tif ( item.classes ) {\n\t\t\t\t\t\tviewWriter.addClass( item.classes, viewElement );\n\t\t\t\t\t}\n\n\t\t\t\t\tfor ( const key in item.styles ) {\n\t\t\t\t\t\tviewWriter.setStyle( key, item.styles[ key ], viewElement );\n\t\t\t\t\t}\n\n\t\t\t\t\tviewWriter.setCustomProperty( 'link', true, viewElement );\n\n\t\t\t\t\tif ( item.callback( data.attributeNewValue as string | null ) ) {\n\t\t\t\t\t\tif ( data.item.is( 'selection' ) ) {\n\t\t\t\t\t\t\tviewWriter.wrap( viewSelection.getFirstRange()!, viewElement );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tviewWriter.wrap( conversionApi.mapper.toViewRange( data.range ), viewElement );\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tviewWriter.unwrap( conversionApi.mapper.toViewRange( data.range ), viewElement );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, { priority: 'high' } );\n\t\t};\n\t}\n\n\t/**\n\t * Provides the conversion helper used in the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add} method\n\t * when linking images.\n\t *\n\t * @returns A dispatcher function used as conversion helper in {@link module:engine/conversion/downcasthelpers~DowncastHelpers#add}.\n\t */\n\tpublic getDispatcherForLinkedImage(): ( dispatcher: DowncastDispatcher ) => void {\n\t\treturn dispatcher => {\n\t\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( 'attribute:linkHref:imageBlock', ( evt, data, { writer, mapper } ) => {\n\t\t\t\tconst viewFigure = mapper.toViewElement( data.item )!;\n\t\t\t\tconst linkInImage = Array.from( viewFigure.getChildren() )\n\t\t\t\t\t.find( ( child ): child is ViewElement => child.is( 'element', 'a' ) )!;\n\n\t\t\t\t// It's not guaranteed that the anchor is present in the image block during execution of this dispatcher.\n\t\t\t\t// It might have been removed during the execution of unlink command that runs the image link downcast dispatcher\n\t\t\t\t// that is executed before this one and removes the anchor from the image block.\n\t\t\t\tif ( !linkInImage ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tfor ( const item of this._definitions ) {\n\t\t\t\t\tconst attributes = toMap( item.attributes );\n\n\t\t\t\t\tif ( item.callback( data.attributeNewValue as string | null ) ) {\n\t\t\t\t\t\tfor ( const [ key, val ] of attributes ) {\n\t\t\t\t\t\t\t// Left for backward compatibility. Since v30 decorator should\n\t\t\t\t\t\t\t// accept `classes` and `styles` separately from `attributes`.\n\t\t\t\t\t\t\tif ( key === 'class' ) {\n\t\t\t\t\t\t\t\twriter.addClass( val, linkInImage );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\twriter.setAttribute( key, val, linkInImage );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( item.classes ) {\n\t\t\t\t\t\t\twriter.addClass( item.classes, linkInImage );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfor ( const key in item.styles ) {\n\t\t\t\t\t\t\twriter.setStyle( key, item.styles[ key ], linkInImage );\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tfor ( const [ key, val ] of attributes ) {\n\t\t\t\t\t\t\tif ( key === 'class' ) {\n\t\t\t\t\t\t\t\twriter.removeClass( val, linkInImage );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\twriter.removeAttribute( key, linkInImage );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( item.classes ) {\n\t\t\t\t\t\t\twriter.removeClass( item.classes, linkInImage );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfor ( const key in item.styles ) {\n\t\t\t\t\t\t\twriter.removeStyle( key, linkInImage );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t};\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/utils\n */\n\nimport type {\n\tDowncastConversionApi,\n\tModelElement,\n\tModelSchema,\n\tViewAttributeElement,\n\tViewNode,\n\tViewDocumentFragment,\n\tModelRange\n} from 'ckeditor5/src/engine.js';\n\nimport type { LocaleTranslate } from 'ckeditor5/src/utils.js';\n\nimport type {\n\tLinkDecoratorAutomaticDefinition,\n\tLinkDecoratorDefinition,\n\tLinkDecoratorManualDefinition\n} from './linkconfig.js';\n\nimport { upperFirst } from 'es-toolkit/compat';\n\nconst ATTRIBUTE_WHITESPACES = /[\\u0000-\\u0020\\u00A0\\u1680\\u180E\\u2000-\\u2029\\u205f\\u3000]/g; // eslint-disable-line no-control-regex\n\nconst SAFE_URL_TEMPLATE = '^(?:(?:<protocols>):|[^a-z]|[a-z+.-]+(?:[^a-z+.:-]|$))';\n\n// Simplified email test - should be run over previously found URL.\nconst EMAIL_REG_EXP = /^[\\S]+@((?![-_])(?:[-\\w\\u00a1-\\uffff]{0,63}[^-_]\\.))+(?:[a-z\\u00a1-\\uffff]{2,})$/i;\n\n// The regex checks for the protocol syntax ('xxxx://' or 'xxxx:')\n// or non-word characters at the beginning of the link ('/', '#' etc.).\nconst PROTOCOL_REG_EXP = /^((\\w+:(\\/{2,})?)|(\\W))/i;\n\nconst DEFAULT_LINK_PROTOCOLS = [\n\t'https?',\n\t'ftps?',\n\t'mailto'\n];\n\n/**\n * A keystroke used by the {@link module:link/linkui~LinkUI link UI feature}.\n */\nexport const LINK_KEYSTROKE = 'Ctrl+K';\n\n/**\n * Returns `true` if a given view node is the link element.\n */\nexport function isLinkElement( node: ViewNode | ViewDocumentFragment ): boolean {\n\treturn node.is( 'attributeElement' ) && !!node.getCustomProperty( 'link' );\n}\n\n/**\n * Creates a link {@link module:engine/view/attributeelement~ViewAttributeElement} with the provided `href` attribute.\n */\nexport function createLinkElement( href: string, { writer }: DowncastConversionApi ): ViewAttributeElement {\n\t// Priority 5 - https://github.com/ckeditor/ckeditor5-link/issues/121.\n\tconst linkElement = writer.createAttributeElement( 'a', { href }, { priority: 5 } );\n\n\twriter.setCustomProperty( 'link', true, linkElement );\n\n\treturn linkElement;\n}\n\n/**\n * Returns a safe URL based on a given value.\n *\n * A URL is considered safe if it is safe for the user (does not contain any malicious code).\n *\n * If a URL is considered unsafe, a simple `\"#\"` is returned.\n *\n * @internal\n */\nexport function ensureSafeUrl( url: unknown, allowedProtocols: Array<string> = DEFAULT_LINK_PROTOCOLS ): string {\n\tconst urlString = String( url );\n\n\tconst protocolsList = allowedProtocols.join( '|' );\n\tconst customSafeRegex = new RegExp( `${ SAFE_URL_TEMPLATE.replace( '<protocols>', protocolsList ) }`, 'i' );\n\n\treturn isSafeUrl( urlString, customSafeRegex ) ? urlString : '#';\n}\n\n/**\n * Checks whether the given URL is safe for the user (does not contain any malicious code).\n */\nfunction isSafeUrl( url: string, customRegexp: RegExp ): boolean {\n\tconst normalizedUrl = url.replace( ATTRIBUTE_WHITESPACES, '' );\n\n\treturn !!normalizedUrl.match( customRegexp );\n}\n\n/**\n * Returns the {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`} configuration processed\n * to respect the locale of the editor, i.e. to display the {@link module:link/linkconfig~LinkDecoratorManualDefinition label}\n * in the correct language.\n *\n * **Note**: Only the few most commonly used labels are translated automatically. Other labels should be manually\n * translated in the {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`} configuration.\n *\n * @param t Shorthand for {@link module:utils/locale~Locale#t Locale#t}.\n * @param decorators The decorator reference where the label values should be localized.\n * @internal\n */\nexport function getLocalizedDecorators(\n\tt: LocaleTranslate,\n\tdecorators: Array<NormalizedLinkDecoratorDefinition>\n): Array<NormalizedLinkDecoratorDefinition> {\n\tconst localizedDecoratorsLabels: Record<string, string> = {\n\t\t'Open in a new tab': t( 'Open in a new tab' ),\n\t\t'Downloadable': t( 'Downloadable' )\n\t};\n\n\tdecorators.forEach( decorator => {\n\t\tif ( 'label' in decorator && localizedDecoratorsLabels[ decorator.label ] ) {\n\t\t\tdecorator.label = localizedDecoratorsLabels[ decorator.label ];\n\t\t}\n\n\t\treturn decorator;\n\t} );\n\n\treturn decorators;\n}\n\n/**\n * Converts an object with defined decorators to a normalized array of decorators. The `id` key is added for each decorator and\n * is used as the attribute's name in the model.\n *\n * @internal\n */\nexport function normalizeDecorators( decorators?: Record<string, LinkDecoratorDefinition> ): Array<NormalizedLinkDecoratorDefinition> {\n\tconst retArray: Array<NormalizedLinkDecoratorDefinition> = [];\n\n\tif ( decorators ) {\n\t\tfor ( const [ key, value ] of Object.entries( decorators ) ) {\n\t\t\tconst decorator = Object.assign(\n\t\t\t\t{},\n\t\t\t\tvalue,\n\t\t\t\t{ id: `link${ upperFirst( key ) }` }\n\t\t\t);\n\n\t\t\tretArray.push( decorator );\n\t\t}\n\t}\n\n\treturn retArray;\n}\n\n/**\n * Returns `true` if the specified `element` can be linked (the element allows the `linkHref` attribute).\n */\nexport function isLinkableElement( element: ModelElement | null, schema: ModelSchema ): element is ModelElement {\n\tif ( !element ) {\n\t\treturn false;\n\t}\n\n\treturn schema.checkAttribute( element.name, 'linkHref' );\n}\n\n/**\n * Returns `true` if the specified `value` is an email.\n *\n * @internal\n */\nexport function isEmail( value: string ): boolean {\n\treturn EMAIL_REG_EXP.test( value );\n}\n\n/**\n * Adds the protocol prefix to the specified `link` when:\n *\n * * it does not contain it already, and there is a {@link module:link/linkconfig~LinkConfig#defaultProtocol `defaultProtocol` }\n * configuration value provided,\n * * or the link is an email address.\n */\nexport function addLinkProtocolIfApplicable( link: string, defaultProtocol?: string ): string {\n\tconst protocol = isEmail( link ) ? 'mailto:' : defaultProtocol;\n\tconst isProtocolNeeded = !!protocol && !linkHasProtocol( link );\n\n\treturn link && isProtocolNeeded ? protocol + link : link;\n}\n\n/**\n * Checks if protocol is already included in the link.\n *\n * @internal\n */\nexport function linkHasProtocol( link: string ): boolean {\n\treturn PROTOCOL_REG_EXP.test( link );\n}\n\n/**\n * Opens the link in a new browser tab.\n */\nexport function openLink( link: string ): void {\n\twindow.open( link, '_blank', 'noopener' );\n}\n\n/**\n * Returns a text of a link range.\n *\n * If the returned value is `undefined`, the range contains elements other than text nodes.\n */\nexport function extractTextFromLinkRange( range: ModelRange ): string | undefined {\n\tlet text = '';\n\n\tfor ( const item of range.getItems() ) {\n\t\tif ( !item.is( '$text' ) && !item.is( '$textProxy' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttext += item.data;\n\t}\n\n\treturn text;\n}\n\nexport type NormalizedLinkDecoratorAutomaticDefinition = LinkDecoratorAutomaticDefinition & { id: string };\nexport type NormalizedLinkDecoratorManualDefinition = LinkDecoratorManualDefinition & { id: string };\nexport type NormalizedLinkDecoratorDefinition = NormalizedLinkDecoratorAutomaticDefinition | NormalizedLinkDecoratorManualDefinition;\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/linkcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { findAttributeRange } from 'ckeditor5/src/typing.js';\nimport { Collection, diff, first, toMap } from 'ckeditor5/src/utils.js';\nimport { ModelLivePosition, type ModelRange, type ModelItem, type ModelTextProxy } from 'ckeditor5/src/engine.js';\n\nimport { AutomaticLinkDecorators } from './utils/automaticdecorators.js';\nimport { extractTextFromLinkRange, isLinkableElement } from './utils.js';\nimport { type LinkManualDecorator } from './utils/manualdecorator.js';\n\n/**\n * The link command. It is used by the {@link module:link/link~Link link feature}.\n */\nexport class LinkCommand extends Command {\n\t/**\n\t * The value of the `'linkHref'` attribute if the start of the selection is located in a node with this attribute.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: string | undefined;\n\n\t/**\n\t * A collection of {@link module:link/utils/manualdecorator~LinkManualDecorator manual decorators}\n\t * corresponding to the {@link module:link/linkconfig~LinkConfig#decorators decorator configuration}.\n\t *\n\t * You can consider it a model with states of manual decorators added to the currently selected link.\n\t */\n\tpublic readonly manualDecorators = new Collection<LinkManualDecorator>();\n\n\t/**\n\t * An instance of the helper that ties together all {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition}\n\t * that are used by the {@glink features/link link} and the {@glink features/images/images-linking linking images} features.\n\t */\n\tpublic readonly automaticDecorators = new AutomaticLinkDecorators();\n\n\t/**\n\t * Synchronizes the state of {@link #manualDecorators} with the currently present elements in the model.\n\t */\n\tpublic restoreManualDecoratorStates(): void {\n\t\tfor ( const manualDecorator of this.manualDecorators ) {\n\t\t\tmanualDecorator.value = this._getDecoratorStateFromModel( manualDecorator.id );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedElement = selection.getSelectedElement() || first( selection.getSelectedBlocks() );\n\n\t\t// A check for any integration that allows linking elements (e.g. `LinkImage`).\n\t\t// Currently the selection reads attributes from text nodes only. See #7429 and #7465.\n\t\tif ( isLinkableElement( selectedElement, model.schema ) ) {\n\t\t\tthis.value = selectedElement.getAttribute( 'linkHref' ) as string | undefined;\n\t\t\tthis.isEnabled = model.schema.checkAttribute( selectedElement, 'linkHref' );\n\t\t} else {\n\t\t\tthis.value = selection.getAttribute( 'linkHref' ) as string | undefined;\n\t\t\tthis.isEnabled = model.schema.checkAttributeInSelection( selection, 'linkHref' );\n\t\t}\n\n\t\tfor ( const manualDecorator of this.manualDecorators ) {\n\t\t\tmanualDecorator.value = this._getDecoratorStateFromModel( manualDecorator.id );\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * When the selection is non-collapsed, the `linkHref` attribute will be applied to nodes inside the selection, but only to\n\t * those nodes where the `linkHref` attribute is allowed (disallowed nodes will be omitted).\n\t *\n\t * When the selection is collapsed and is not inside the text with the `linkHref` attribute, a\n\t * new {@link module:engine/model/text~ModelText text node} with the `linkHref` attribute will be inserted in place of the caret, but\n\t * only if such element is allowed in this place. The `_data` of the inserted text will equal the `href` parameter.\n\t * The selection will be updated to wrap the just inserted text node.\n\t *\n\t * When the selection is collapsed and inside the text with the `linkHref` attribute, the attribute value will be updated.\n\t *\n\t * # Decorators and model attribute management\n\t *\n\t * There is an optional argument to this command that applies or removes model\n\t * {@glink framework/architecture/editing-engine#text-attributes text attributes} brought by\n\t * {@link module:link/utils/manualdecorator~LinkManualDecorator manual link decorators}.\n\t *\n\t * Text attribute names in the model correspond to the entries in the {@link module:link/linkconfig~LinkConfig#decorators\n\t * configuration}.\n\t * For every decorator configured, a model text attribute exists with the \"link\" prefix. For example, a `'linkMyDecorator'` attribute\n\t * corresponds to `'myDecorator'` in the configuration.\n\t *\n\t * To learn more about link decorators, check out the {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`}\n\t * documentation.\n\t *\n\t * Here is how to manage decorator attributes with the link command:\n\t *\n\t * ```ts\n\t * const linkCommand = editor.commands.get( 'link' );\n\t *\n\t * // Adding a new decorator attribute.\n\t * linkCommand.execute( 'http://example.com', {\n\t * \tlinkIsExternal: true\n\t * } );\n\t *\n\t * // Removing a decorator attribute from the selection.\n\t * linkCommand.execute( 'http://example.com', {\n\t * \tlinkIsExternal: false\n\t * } );\n\t *\n\t * // Adding multiple decorator attributes at the same time.\n\t * linkCommand.execute( 'http://example.com', {\n\t * \tlinkIsExternal: true,\n\t * \tlinkIsDownloadable: true,\n\t * } );\n\t *\n\t * // Removing and adding decorator attributes at the same time.\n\t * linkCommand.execute( 'http://example.com', {\n\t * \tlinkIsExternal: false,\n\t * \tlinkFoo: true,\n\t * \tlinkIsDownloadable: false,\n\t * } );\n\t * ```\n\t *\n\t * **Note**: If the decorator attribute name is not specified, its state remains untouched.\n\t *\n\t * **Note**: {@link module:link/unlinkcommand~UnlinkCommand#execute `UnlinkCommand#execute()`} removes all\n\t * decorator attributes.\n\t *\n\t * An optional parameter called `displayedText` is to add or update text of the link that represents the `href`. For example:\n\t *\n\t * ```ts\n\t * const linkCommand = editor.commands.get( 'link' );\n\t *\n\t * // Adding a new link with `displayedText` attribute.\n\t * linkCommand.execute( 'http://example.com', {}, 'Example' );\n\t * ```\n\t *\n\t * The above code will create an anchor like this:\n\t *\n\t * ```html\n\t * <a href=\"http://example.com\">Example</a>\n\t * ```\n\t *\n\t * @fires execute\n\t * @param href Link destination.\n\t * @param manualDecoratorIds The information about manual decorator attributes to be applied or removed upon execution.\n\t * @param displayedText Text of the link.\n\t */\n\tpublic override execute(\n\t\thref: string,\n\t\tmanualDecoratorIds: Record<string, boolean> = {},\n\t\tdisplayedText?: string\n\t): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\t// Stores information about manual decorators to turn them on/off when command is applied.\n\t\tconst truthyManualDecorators: Array<string> = [];\n\t\tconst falsyManualDecorators: Array<string> = [];\n\n\t\tfor ( const name in manualDecoratorIds ) {\n\t\t\tif ( manualDecoratorIds[ name ] ) {\n\t\t\t\ttruthyManualDecorators.push( name );\n\t\t\t} else {\n\t\t\t\tfalsyManualDecorators.push( name );\n\t\t\t}\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tconst updateLinkAttributes = ( itemOrRange: ModelItem | ModelRange ): void => {\n\t\t\t\twriter.setAttribute( 'linkHref', href, itemOrRange );\n\n\t\t\t\ttruthyManualDecorators.forEach( item => writer.setAttribute( item, true, itemOrRange ) );\n\t\t\t\tfalsyManualDecorators.forEach( item => writer.removeAttribute( item, itemOrRange ) );\n\t\t\t};\n\n\t\t\tconst updateLinkTextIfNeeded = ( range: ModelRange, linkHref?: string ): ModelRange | undefined => {\n\t\t\t\tconst linkText = extractTextFromLinkRange( range );\n\n\t\t\t\tif ( !linkText ) {\n\t\t\t\t\treturn range;\n\t\t\t\t}\n\n\t\t\t\t// Make a copy not to override the command param value.\n\t\t\t\tlet newText = displayedText;\n\n\t\t\t\tif ( !newText ) {\n\t\t\t\t\t// Replace the link text with the new href if previously href was equal to text.\n\t\t\t\t\t// For example: `<a href=\"http://ckeditor.com/\">http://ckeditor.com/</a>`.\n\t\t\t\t\tnewText = linkHref && linkHref == linkText ? href : linkText;\n\t\t\t\t}\n\n\t\t\t\t// Only if needed.\n\t\t\t\tif ( newText != linkText ) {\n\t\t\t\t\tconst fragment = writer.createDocumentFragment();\n\n\t\t\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\t\t\t// `extractTextFromLinkRange()` called above guarantees that we operate only on text proxies here.\n\t\t\t\t\t\tconst text = item as ModelTextProxy;\n\n\t\t\t\t\t\twriter.append( writer.createText( text.data, text.getAttributes() ), fragment );\n\t\t\t\t\t}\n\n\t\t\t\t\tconst fragRange = writer.createRangeIn( fragment );\n\n\t\t\t\t\tconst changes = findChanges( linkText, newText );\n\t\t\t\t\tlet insertsLength = 0;\n\n\t\t\t\t\tfor ( const { offset, actual, expected } of changes ) {\n\t\t\t\t\t\tconst updatedOffset = offset + insertsLength;\n\t\t\t\t\t\tconst subRange = writer.createRange(\n\t\t\t\t\t\t\tfragRange.start.getShiftedBy( updatedOffset ),\n\t\t\t\t\t\t\tfragRange.start.getShiftedBy( updatedOffset + actual.length )\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\t// Collect formatting attributes from replaced text.\n\t\t\t\t\t\tconst textNode = getLinkPartTextNode( subRange, fragRange )!;\n\t\t\t\t\t\tconst attributes = textNode.getAttributes();\n\t\t\t\t\t\tconst formattingAttributes = Array\n\t\t\t\t\t\t\t.from( attributes )\n\t\t\t\t\t\t\t.filter( ( [ key ] ) => model.schema.getAttributeProperties( key ).isFormatting );\n\n\t\t\t\t\t\t// Create a new text node.\n\t\t\t\t\t\tconst newTextNode = writer.createText( expected, formattingAttributes );\n\n\t\t\t\t\t\t// Set link attributes before inserting to document to avoid Differ attributes edge case.\n\t\t\t\t\t\tupdateLinkAttributes( newTextNode );\n\n\t\t\t\t\t\t// Replace text with formatting.\n\t\t\t\t\t\twriter.remove( subRange );\n\t\t\t\t\t\twriter.insert( newTextNode, subRange.start );\n\n\t\t\t\t\t\t// Sum of all previous inserts.\n\t\t\t\t\t\tinsertsLength += expected.length;\n\t\t\t\t\t}\n\n\t\t\t\t\tmodel.insertContent( fragment, range );\n\n\t\t\t\t\treturn writer.createRange( range.start, range.start.getShiftedBy( newText.length ) );\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tconst collapseSelectionAtLinkEnd = ( linkRange: ModelRange ): void => {\n\t\t\t\tconst { plugins } = this.editor;\n\n\t\t\t\twriter.setSelection( linkRange.end );\n\n\t\t\t\tif ( plugins.has( 'TwoStepCaretMovement' ) ) {\n\t\t\t\t\t// After replacing the text of the link, we need to move the caret to the end of the link,\n\t\t\t\t\t// override it's gravity to forward to prevent keeping e.g. bold attribute on the caret\n\t\t\t\t\t// which was previously inside the link.\n\t\t\t\t\t//\n\t\t\t\t\t// If the plugin is not available, the caret will be placed at the end of the link and the\n\t\t\t\t\t// bold attribute will be kept even if command moved caret outside the link.\n\t\t\t\t\tplugins.get( 'TwoStepCaretMovement' )._handleForwardMovement();\n\t\t\t\t} else {\n\t\t\t\t\t// Remove the `linkHref` attribute and all link decorators from the selection.\n\t\t\t\t\t// It stops adding a new content into the link element.\n\t\t\t\t\tfor ( const key of [ 'linkHref', ...truthyManualDecorators, ...falsyManualDecorators ] ) {\n\t\t\t\t\t\twriter.removeSelectionAttribute( key );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\t// If selection is collapsed then update selected link or insert new one at the place of caret.\n\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\tconst position = selection.getFirstPosition()!;\n\n\t\t\t\t// When selection is inside text with `linkHref` attribute.\n\t\t\t\tif ( selection.hasAttribute( 'linkHref' ) ) {\n\t\t\t\t\tconst linkHref = selection.getAttribute( 'linkHref' ) as string;\n\t\t\t\t\tconst linkRange = findAttributeRange( position, 'linkHref', linkHref, model );\n\t\t\t\t\tconst newLinkRange = updateLinkTextIfNeeded( linkRange, linkHref );\n\n\t\t\t\t\tupdateLinkAttributes( newLinkRange || linkRange );\n\n\t\t\t\t\t// Put the selection at the end of the updated link only when text was changed.\n\t\t\t\t\t// When text was not altered we keep the original selection.\n\t\t\t\t\tif ( newLinkRange ) {\n\t\t\t\t\t\tcollapseSelectionAtLinkEnd( newLinkRange );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// If not then insert text node with `linkHref` attribute in place of caret.\n\t\t\t\t// However, since selection is collapsed, attribute value will be used as data for text node.\n\t\t\t\t// So, if `href` is empty, do not create text node.\n\t\t\t\telse if ( href !== '' ) {\n\t\t\t\t\tconst attributes = toMap( selection.getAttributes() );\n\n\t\t\t\t\tattributes.set( 'linkHref', href );\n\n\t\t\t\t\ttruthyManualDecorators.forEach( item => {\n\t\t\t\t\t\tattributes.set( item, true );\n\t\t\t\t\t} );\n\n\t\t\t\t\tconst newLinkRange = model.insertContent( writer.createText( displayedText || href, attributes ), position );\n\n\t\t\t\t\t// Put the selection at the end of the inserted link.\n\t\t\t\t\t// Using end of range returned from insertContent in case nodes with the same attributes got merged.\n\t\t\t\t\tcollapseSelectionAtLinkEnd( newLinkRange );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Non-collapsed selection.\n\n\t\t\t\t// If selection has non-collapsed ranges, we change attribute on nodes inside those ranges\n\t\t\t\t// omitting nodes where the `linkHref` attribute is disallowed.\n\t\t\t\tconst selectionRanges = Array.from( selection.getRanges() );\n\t\t\t\tconst ranges = model.schema.getValidRanges( selectionRanges, 'linkHref' );\n\n\t\t\t\t// But for the first, check whether the `linkHref` attribute is allowed on selected blocks (e.g. the \"image\" element).\n\t\t\t\tconst allowedRanges = [];\n\n\t\t\t\tfor ( const element of selection.getSelectedBlocks() ) {\n\t\t\t\t\tif ( model.schema.checkAttribute( element, 'linkHref' ) ) {\n\t\t\t\t\t\tallowedRanges.push( writer.createRangeOn( element ) );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Ranges that accept the `linkHref` attribute. Since we will iterate over `allowedRanges`, let's clone it.\n\t\t\t\tconst rangesToUpdate = allowedRanges.slice();\n\n\t\t\t\t// For all selection ranges we want to check whether given range is inside an element that accepts the `linkHref` attribute.\n\t\t\t\t// If so, we don't want to propagate applying the attribute to its children.\n\t\t\t\tfor ( const range of ranges ) {\n\t\t\t\t\tif ( this._isRangeToUpdate( range, allowedRanges ) ) {\n\t\t\t\t\t\trangesToUpdate.push( range );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Store the selection ranges in a pseudo live range array (stickiness to the outside of the range).\n\t\t\t\tconst stickyPseudoRanges = selectionRanges.map( range => ( {\n\t\t\t\t\tstart: ModelLivePosition.fromPosition( range.start, 'toPrevious' ),\n\t\t\t\t\tend: ModelLivePosition.fromPosition( range.end, 'toNext' )\n\t\t\t\t} ) );\n\n\t\t\t\t// Update or set links (including text update if needed).\n\t\t\t\tfor ( let range of rangesToUpdate ) {\n\t\t\t\t\tconst linkHref = ( range.start.textNode || range.start.nodeAfter! ).getAttribute( 'linkHref' ) as string | undefined;\n\n\t\t\t\t\trange = updateLinkTextIfNeeded( range, linkHref ) || range;\n\n\t\t\t\t\tupdateLinkAttributes( range );\n\t\t\t\t}\n\n\t\t\t\t// The original selection got trimmed by replacing content so we need to restore it.\n\t\t\t\twriter.setSelection( stickyPseudoRanges.map( pseudoRange => {\n\t\t\t\t\tconst start = pseudoRange.start.toPosition();\n\t\t\t\t\tconst end = pseudoRange.end.toPosition();\n\n\t\t\t\t\tpseudoRange.start.detach();\n\t\t\t\t\tpseudoRange.end.detach();\n\n\t\t\t\t\treturn model.createRange( start, end );\n\t\t\t\t} ) );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Provides information whether a decorator with a given name is present in the currently processed selection.\n\t *\n\t * @param decoratorName The name of the manual decorator used in the model\n\t * @returns The information whether a given decorator is currently present in the selection.\n\t */\n\tprivate _getDecoratorStateFromModel( decoratorName: string ): boolean | undefined {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\t// A check for the `LinkImage` plugin. If the selection contains an element, get values from the element.\n\t\t// Currently the selection reads attributes from text nodes only. See #7429 and #7465.\n\t\tif ( isLinkableElement( selectedElement, model.schema ) ) {\n\t\t\treturn selectedElement.getAttribute( decoratorName ) as boolean | undefined;\n\t\t}\n\n\t\treturn selection.getAttribute( decoratorName ) as boolean | undefined;\n\t}\n\n\t/**\n\t * Checks whether specified `range` is inside an element that accepts the `linkHref` attribute.\n\t *\n\t * @param range A range to check.\n\t * @param allowedRanges An array of ranges created on elements where the attribute is accepted.\n\t */\n\tprivate _isRangeToUpdate( range: ModelRange, allowedRanges: Array<ModelRange> ): boolean {\n\t\tfor ( const allowedRange of allowedRanges ) {\n\t\t\t// A range is inside an element that will have the `linkHref` attribute. Do not modify its nodes.\n\t\t\tif ( allowedRange.containsRange( range ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\n/**\n * Compares two strings and returns an array of changes needed to transform one into another.\n * Uses the diff utility to find the differences and groups them into chunks containing information\n * about the offset and actual/expected content.\n *\n * @param oldText The original text to compare.\n * @param newText The new text to compare against.\n * @returns Array of change objects containing offset and actual/expected content.\n *\n * @example\n * findChanges( 'hello world', 'hi there' );\n *\n * Returns:\n * [\n * \t{\n * \t\t\"offset\": 1,\n * \t\t\"actual\": \"ello\",\n * \t\t\"expected\": \"i\"\n * \t},\n * \t{\n * \t\t\"offset\": 2,\n * \t\t\"actual\": \"wo\",\n * \t\t\"expected\": \"the\"\n * \t},\n * \t{\n * \t\t\"offset\": 3,\n * \t\t\"actual\": \"ld\",\n * \t\t\"expected\": \"e\"\n * \t}\n * ]\n */\nfunction findChanges( oldText: string, newText: string ): Array<{ offset: number; actual: string; expected: string }> {\n\t// Get array of operations (insert/delete/equal) needed to transform oldText into newText.\n\t// Example: diff('abc', 'abxc') returns ['equal', 'equal', 'insert', 'equal']\n\tconst changes = diff( oldText, newText );\n\n\t// Track position in both strings based on operation type.\n\tconst counter = { equal: 0, insert: 0, delete: 0 };\n\tconst result = [];\n\n\t// Accumulate consecutive changes into slices before creating change objects.\n\tlet actualSlice = '';\n\tlet expectedSlice = '';\n\n\t// Adding null as sentinel value to handle final accumulated changes.\n\tfor ( const action of [ ...changes, null ] ) {\n\t\tif ( action == 'insert' ) {\n\t\t\t// Example: for 'abc' -> 'abxc', at insert position, adds 'x' to expectedSlice.\n\t\t\texpectedSlice += newText[ counter.equal + counter.insert ];\n\t\t}\n\t\telse if ( action == 'delete' ) {\n\t\t\t// Example: for 'abc' -> 'ac', at delete position, adds 'b' to actualSlice.\n\t\t\tactualSlice += oldText[ counter.equal + counter.delete ];\n\t\t}\n\t\telse if ( actualSlice.length || expectedSlice.length ) {\n\t\t\t// On 'equal' or end: bundle accumulated changes into a single change object.\n\t\t\t// Example: { offset: 2, actual: \"\", expected: \"x\" }\n\t\t\tresult.push( {\n\t\t\t\toffset: counter.equal,\n\t\t\t\tactual: actualSlice,\n\t\t\t\texpected: expectedSlice\n\t\t\t} );\n\n\t\t\tactualSlice = '';\n\t\t\texpectedSlice = '';\n\t\t}\n\n\t\t// Increment appropriate counter for the current operation.\n\t\tif ( action ) {\n\t\t\tcounter[ action ]++;\n\t\t}\n\t}\n\n\treturn result;\n}\n\n/**\n * Returns text node withing the link range that should be updated.\n *\n * @param range Partial link range.\n * @param linkRange Range of the entire link.\n * @returns Text node.\n */\nfunction getLinkPartTextNode( range: ModelRange, linkRange: ModelRange ): ModelItem | null {\n\tif ( !range.isCollapsed ) {\n\t\treturn first( range.getItems() );\n\t}\n\n\tconst position = range.start;\n\n\tif ( position.textNode ) {\n\t\treturn position.textNode;\n\t}\n\n\t// If the range is at the start of a link range then prefer node inside a link range.\n\tif ( !position.nodeBefore || position.isEqual( linkRange.start ) ) {\n\t\treturn position.nodeAfter;\n\t} else {\n\t\treturn position.nodeBefore;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/unlinkcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { findAttributeRange } from 'ckeditor5/src/typing.js';\n\nimport { type LinkCommand } from './linkcommand.js';\nimport { isLinkableElement } from './utils.js';\n\n/**\n * The unlink command. It is used by the {@link module:link/link~Link link plugin}.\n */\nexport class UnlinkCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\t// A check for any integration that allows linking elements (e.g. `LinkImage`).\n\t\t// Currently the selection reads attributes from text nodes only. See #7429 and #7465.\n\t\tif ( isLinkableElement( selectedElement, model.schema ) ) {\n\t\t\tthis.isEnabled = model.schema.checkAttribute( selectedElement, 'linkHref' );\n\t\t} else {\n\t\t\tthis.isEnabled = model.schema.checkAttributeInSelection( selection, 'linkHref' );\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * When the selection is collapsed, it removes the `linkHref` attribute from each node with the same `linkHref` attribute value.\n\t * When the selection is non-collapsed, it removes the `linkHref` attribute from each node in selected ranges.\n\t *\n\t * # Decorators\n\t *\n\t * If {@link module:link/linkconfig~LinkConfig#decorators `config.link.decorators`} is specified,\n\t * all configured decorators are removed together with the `linkHref` attribute.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst linkCommand: LinkCommand | undefined = editor.commands.get( 'link' );\n\n\t\tmodel.change( writer => {\n\t\t\t// Get ranges to unlink.\n\t\t\tconst rangesToUnlink = selection.isCollapsed ?\n\t\t\t\t[ findAttributeRange(\n\t\t\t\t\tselection.getFirstPosition()!,\n\t\t\t\t\t'linkHref',\n\t\t\t\t\tselection.getAttribute( 'linkHref' ),\n\t\t\t\t\tmodel\n\t\t\t\t) ] :\n\t\t\t\tmodel.schema.getValidRanges( selection.getRanges(), 'linkHref' );\n\n\t\t\t// Remove `linkHref` attribute from specified ranges.\n\t\t\tfor ( const range of rangesToUnlink ) {\n\t\t\t\twriter.removeAttribute( 'linkHref', range );\n\t\t\t\t// If there are registered custom attributes, then remove them during unlink.\n\t\t\t\tif ( linkCommand ) {\n\t\t\t\t\tfor ( const manualDecorator of linkCommand.manualDecorators ) {\n\t\t\t\t\t\twriter.removeAttribute( manualDecorator.id, range );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/utils/manualdecorator\n */\n\nimport { ObservableMixin, type ArrayOrItem } from 'ckeditor5/src/utils.js';\nimport type { MatcherObjectPattern } from 'ckeditor5/src/engine.js';\nimport type { NormalizedLinkDecoratorManualDefinition } from '../utils.js';\n\n/**\n * Helper class that stores manual decorators with observable {@link module:link/utils/manualdecorator~LinkManualDecorator#value}\n * to support integration with the UI state. An instance of this class is a model with the state of individual manual decorators.\n * These decorators are kept as collections in {@link module:link/linkcommand~LinkCommand#manualDecorators}.\n */\nexport class LinkManualDecorator extends /* #__PURE__ */ ObservableMixin() {\n\t/**\n\t * An ID of a manual decorator which is the name of the attribute in the model, for example: 'linkManualDecorator0'.\n\t */\n\tpublic id: string;\n\n\t/**\n\t * The value of the current manual decorator. It reflects its state from the UI.\n\t *\n\t * @observable\n\t */\n\tdeclare public value: boolean | undefined;\n\n\t/**\n\t * The default value of manual decorator.\n\t */\n\tpublic defaultValue?: boolean;\n\n\t/**\n\t * The label used in the user interface to toggle the manual decorator.\n\t */\n\tpublic label: string;\n\n\t/**\n\t * A set of attributes added to downcasted data when the decorator is activated for a specific link.\n\t * Attributes should be added in a form of attributes defined in {@link module:engine/view/elementdefinition~ViewElementDefinition}.\n\t */\n\tpublic attributes?: Record<string, string>;\n\n\t/**\n\t * A set of classes added to downcasted data when the decorator is activated for a specific link.\n\t * Classes should be added in a form of classes defined in {@link module:engine/view/elementdefinition~ViewElementDefinition}.\n\t */\n\tpublic classes?: ArrayOrItem<string>;\n\n\t/**\n\t * A set of styles added to downcasted data when the decorator is activated for a specific link.\n\t * Styles should be added in a form of styles defined in {@link module:engine/view/elementdefinition~ViewElementDefinition}.\n\t */\n\tpublic styles?: Record<string, string>;\n\n\t/**\n\t * Creates a new instance of {@link module:link/utils/manualdecorator~LinkManualDecorator}.\n\t *\n\t * @param options The configuration object.\n\t */\n\tconstructor( { id, label, attributes, classes, styles, defaultValue }: NormalizedLinkDecoratorManualDefinition ) {\n\t\tsuper();\n\n\t\tthis.id = id;\n\t\tthis.set( 'value', undefined );\n\t\tthis.defaultValue = defaultValue;\n\t\tthis.label = label;\n\t\tthis.attributes = attributes;\n\t\tthis.classes = classes;\n\t\tthis.styles = styles;\n\t}\n\n\t/**\n\t * Returns {@link module:engine/view/matcher~MatcherPattern} with decorator attributes.\n\t *\n\t * @internal\n\t */\n\tpublic _createPattern(): MatcherObjectPattern {\n\t\treturn {\n\t\t\tattributes: this.attributes,\n\t\t\tclasses: this.classes,\n\t\t\tstyles: this.styles\n\t\t};\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/linkediting\n */\n\nimport {\n\tPlugin,\n\ttype Editor\n} from 'ckeditor5/src/core.js';\nimport type {\n\tModelSchema,\n\tModelWriter,\n\tViewElement,\n\tViewDocumentKeyDownEvent,\n\tViewDocumentClickEvent,\n\tModelDocumentSelectionChangeAttributeEvent\n} from 'ckeditor5/src/engine.js';\nimport {\n\tInput,\n\tTwoStepCaretMovement,\n\tinlineHighlight\n} from 'ckeditor5/src/typing.js';\nimport {\n\tClipboardPipeline,\n\ttype ClipboardContentInsertionEvent\n} from 'ckeditor5/src/clipboard.js';\nimport { keyCodes, env } from 'ckeditor5/src/utils.js';\n\nimport { LinkCommand } from './linkcommand.js';\nimport { UnlinkCommand } from './unlinkcommand.js';\nimport { LinkManualDecorator } from './utils/manualdecorator.js';\nimport {\n\tcreateLinkElement,\n\tensureSafeUrl,\n\tgetLocalizedDecorators,\n\tnormalizeDecorators,\n\taddLinkProtocolIfApplicable,\n\topenLink,\n\ttype NormalizedLinkDecoratorAutomaticDefinition,\n\ttype NormalizedLinkDecoratorManualDefinition\n} from './utils.js';\n\nimport '../theme/link.css';\n\nconst HIGHLIGHT_CLASS = 'ck-link_selected';\nconst DECORATOR_AUTOMATIC = 'automatic';\nconst DECORATOR_MANUAL = 'manual';\nconst EXTERNAL_LINKS_REGEXP = /^(https?:)?\\/\\//;\n\n/**\n * The link engine feature.\n *\n * It introduces the `linkHref=\"url\"` attribute in the model which renders to the view as a `<a href=\"url\">` element\n * as well as `'link'` and `'unlink'` commands.\n */\nexport class LinkEditing extends Plugin {\n\t/**\n\t * A list of functions that handles opening links. If any of them returns `true`, the link is considered to be opened.\n\t */\n\tprivate readonly _linkOpeners: Array<LinkOpener> = [];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LinkEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\t// Clipboard is required for handling cut and paste events while typing over the link.\n\t\treturn [ TwoStepCaretMovement, Input, ClipboardPipeline ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'link', {\n\t\t\tallowCreatingEmptyLinks: false,\n\t\t\taddTargetToExternalLinks: false,\n\t\t\ttoolbar: [ 'linkPreview', '|', 'editLink', 'linkProperties', 'unlink' ]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst allowedProtocols = this.editor.config.get( 'link.allowedProtocols' );\n\n\t\t// Allow link attribute on all inline nodes.\n\t\teditor.model.schema.extend( '$text', { allowAttributes: 'linkHref' } );\n\n\t\teditor.conversion.for( 'dataDowncast' )\n\t\t\t.attributeToElement( { model: 'linkHref', view: createLinkElement } );\n\n\t\teditor.conversion.for( 'editingDowncast' )\n\t\t\t.attributeToElement( { model: 'linkHref', view: ( href, conversionApi ) => {\n\t\t\t\treturn createLinkElement( ensureSafeUrl( href, allowedProtocols ), conversionApi );\n\t\t\t} } );\n\n\t\teditor.conversion.for( 'upcast' )\n\t\t\t.elementToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: 'a',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\thref: true\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tmodel: {\n\t\t\t\t\tkey: 'linkHref',\n\t\t\t\t\tvalue: ( viewElement: ViewElement ) => viewElement.getAttribute( 'href' )\n\t\t\t\t}\n\t\t\t} );\n\n\t\t// Create linking commands.\n\t\teditor.commands.add( 'link', new LinkCommand( editor ) );\n\t\teditor.commands.add( 'unlink', new UnlinkCommand( editor ) );\n\n\t\tconst linkDecorators = getLocalizedDecorators( editor.t, normalizeDecorators( editor.config.get( 'link.decorators' ) ) );\n\n\t\tthis._enableAutomaticDecorators( linkDecorators\n\t\t\t.filter( ( item ): item is NormalizedLinkDecoratorAutomaticDefinition => item.mode === DECORATOR_AUTOMATIC ) );\n\t\tthis._enableManualDecorators( linkDecorators\n\t\t\t.filter( ( item ): item is NormalizedLinkDecoratorManualDefinition => item.mode === DECORATOR_MANUAL ) );\n\n\t\t// Enable two-step caret movement for `linkHref` attribute.\n\t\tconst twoStepCaretMovementPlugin = editor.plugins.get( TwoStepCaretMovement );\n\t\ttwoStepCaretMovementPlugin.registerAttribute( 'linkHref' );\n\n\t\t// Setup highlight over selected link.\n\t\tinlineHighlight( editor, 'linkHref', 'a', HIGHLIGHT_CLASS );\n\n\t\t// Handle link following by CTRL+click or ALT+ENTER\n\t\tthis._enableLinkOpen();\n\n\t\t// Clears the ModelDocumentSelection decorator attributes if the selection is no longer in a link (for example while using 2-SCM).\n\t\tthis._enableSelectionAttributesFixer();\n\n\t\t// Handle adding default protocol to pasted links.\n\t\tthis._enableClipboardIntegration();\n\t}\n\n\t/**\n\t * Registers a function that opens links in a new browser tab.\n\t *\n\t * @param linkOpener The function that opens a link in a new browser tab.\n\t * @internal\n\t */\n\tpublic _registerLinkOpener( linkOpener: LinkOpener ): void {\n\t\tthis._linkOpeners.push( linkOpener );\n\t}\n\n\t/**\n\t * Processes an array of configured {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators}\n\t * and registers a {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher downcast dispatcher}\n\t * for each one of them. Downcast dispatchers are obtained using the\n\t * {@link module:link/utils/automaticdecorators~AutomaticLinkDecorators#getDispatcher} method.\n\t *\n\t * **Note**: This method also activates the automatic external link decorator if enabled with\n\t * {@link module:link/linkconfig~LinkConfig#addTargetToExternalLinks `config.link.addTargetToExternalLinks`}.\n\t */\n\tprivate _enableAutomaticDecorators( automaticDecoratorDefinitions: Array<NormalizedLinkDecoratorAutomaticDefinition> ): void {\n\t\tconst editor = this.editor;\n\t\t// Store automatic decorators in the command instance as we do the same with manual decorators.\n\t\t// Thanks to that, `LinkImageEditing` plugin can re-use the same definitions.\n\t\tconst command: LinkCommand = editor.commands.get( 'link' )!;\n\t\tconst automaticDecorators = command.automaticDecorators;\n\n\t\t// Adds a default decorator for external links.\n\t\tif ( editor.config.get( 'link.addTargetToExternalLinks' ) ) {\n\t\t\tautomaticDecorators.add( {\n\t\t\t\tid: 'linkIsExternal',\n\t\t\t\tmode: DECORATOR_AUTOMATIC,\n\t\t\t\tcallback: url => !!url && EXTERNAL_LINKS_REGEXP.test( url ),\n\t\t\t\tattributes: {\n\t\t\t\t\ttarget: '_blank',\n\t\t\t\t\trel: 'noopener noreferrer'\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\tautomaticDecorators.add( automaticDecoratorDefinitions );\n\n\t\tif ( automaticDecorators.length ) {\n\t\t\teditor.conversion.for( 'downcast' ).add( automaticDecorators.getDispatcher() );\n\t\t}\n\t}\n\n\t/**\n\t * Processes an array of configured {@link module:link/linkconfig~LinkDecoratorManualDefinition manual decorators},\n\t * transforms them into {@link module:link/utils/manualdecorator~LinkManualDecorator} instances and stores them in the\n\t * {@link module:link/linkcommand~LinkCommand#manualDecorators} collection (a model for manual decorators state).\n\t *\n\t * Also registers an {@link module:engine/conversion/downcasthelpers~DowncastHelpers#attributeToElement attribute-to-element}\n\t * converter for each manual decorator and extends the {@link module:engine/model/schema~ModelSchema model's schema}\n\t * with adequate model attributes.\n\t */\n\tprivate _enableManualDecorators( manualDecoratorDefinitions: Array<NormalizedLinkDecoratorManualDefinition> ): void {\n\t\tif ( !manualDecoratorDefinitions.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst command: LinkCommand = editor.commands.get( 'link' )!;\n\t\tconst manualDecorators = command.manualDecorators;\n\n\t\tmanualDecoratorDefinitions.forEach( decoratorDefinition => {\n\t\t\teditor.model.schema.extend( '$text', { allowAttributes: decoratorDefinition.id } );\n\n\t\t\t// Keeps reference to manual decorator to decode its name to attributes during downcast.\n\t\t\tconst decorator = new LinkManualDecorator( decoratorDefinition );\n\n\t\t\tmanualDecorators.add( decorator );\n\n\t\t\teditor.conversion.for( 'downcast' ).attributeToElement( {\n\t\t\t\tmodel: decorator.id,\n\t\t\t\tview: ( manualDecoratorValue, { writer, schema }, { item } ) => {\n\t\t\t\t\t// Manual decorators for block links are handled e.g. in LinkImageEditing.\n\t\t\t\t\tif ( !( item.is( 'selection' ) || schema.isInline( item ) ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( manualDecoratorValue ) {\n\t\t\t\t\t\tconst element = writer.createAttributeElement( 'a', decorator.attributes, { priority: 5 } );\n\n\t\t\t\t\t\tif ( decorator.classes ) {\n\t\t\t\t\t\t\twriter.addClass( decorator.classes, element );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfor ( const key in decorator.styles ) {\n\t\t\t\t\t\t\twriter.setStyle( key, decorator.styles[ key ], element );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\twriter.setCustomProperty( 'link', true, element );\n\n\t\t\t\t\t\treturn element;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\t\tview: {\n\t\t\t\t\tname: 'a',\n\t\t\t\t\t...decorator._createPattern()\n\t\t\t\t},\n\t\t\t\tmodel: {\n\t\t\t\t\tkey: decorator.id\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Attaches handlers for {@link module:engine/view/document~ViewDocument#event:enter} and\n\t * {@link module:engine/view/document~ViewDocument#event:click} to enable link following.\n\t */\n\tprivate _enableLinkOpen(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\n\t\tconst handleLinkOpening = ( url: string ): void => {\n\t\t\tif ( !this._linkOpeners.some( opener => opener( url ) ) ) {\n\t\t\t\topenLink( url );\n\t\t\t}\n\t\t};\n\n\t\tthis.listenTo<ViewDocumentClickEvent>( viewDocument, 'click', ( evt, data ) => {\n\t\t\tconst shouldOpen = env.isMac ? data.domEvent.metaKey : data.domEvent.ctrlKey;\n\n\t\t\tif ( !shouldOpen ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet clickedElement: Element | null = data.domTarget;\n\n\t\t\tif ( clickedElement.tagName.toLowerCase() != 'a' ) {\n\t\t\t\tclickedElement = clickedElement.closest( 'a' );\n\t\t\t}\n\n\t\t\tif ( !clickedElement ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst url = clickedElement.getAttribute( 'href' );\n\n\t\t\tif ( !url ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevt.stop();\n\t\t\tdata.preventDefault();\n\n\t\t\thandleLinkOpening( url );\n\t\t}, { context: '$capture' } );\n\n\t\t// Open link on Alt+Enter.\n\t\tthis.listenTo<ViewDocumentKeyDownEvent>( viewDocument, 'keydown', ( evt, data ) => {\n\t\t\tconst linkCommand: LinkCommand = editor.commands.get( 'link' )!;\n\t\t\tconst url = linkCommand!.value;\n\t\t\tconst shouldOpen = !!url && data.keyCode === keyCodes.enter && data.altKey;\n\n\t\t\tif ( !shouldOpen ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevt.stop();\n\n\t\t\thandleLinkOpening( url );\n\t\t} );\n\t}\n\n\t/**\n\t * Watches the ModelDocumentSelection attribute changes and removes link decorator attributes when the linkHref attribute is removed.\n\t *\n\t * This is to ensure that there is no left-over link decorator attributes on the document selection that is no longer in a link.\n\t */\n\tprivate _enableSelectionAttributesFixer(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\tthis.listenTo<ModelDocumentSelectionChangeAttributeEvent>( selection, 'change:attribute', ( evt, { attributeKeys } ) => {\n\t\t\tif ( !attributeKeys.includes( 'linkHref' ) || selection.hasAttribute( 'linkHref' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tmodel.change( writer => {\n\t\t\t\tremoveLinkAttributesFromSelection( writer, getLinkAttributesAllowedOnText( model.schema ) );\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Enables URL fixing on pasting.\n\t */\n\tprivate _enableClipboardIntegration(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst defaultProtocol = this.editor.config.get( 'link.defaultProtocol' );\n\n\t\tif ( !defaultProtocol ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.listenTo<ClipboardContentInsertionEvent>( editor.plugins.get( 'ClipboardPipeline' ), 'contentInsertion', ( evt, data ) => {\n\t\t\tmodel.change( writer => {\n\t\t\t\tconst range = writer.createRangeIn( data.content );\n\n\t\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\t\tif ( item.hasAttribute( 'linkHref' ) ) {\n\t\t\t\t\t\tconst newLink = addLinkProtocolIfApplicable( item.getAttribute( 'linkHref' ) as string, defaultProtocol );\n\n\t\t\t\t\t\twriter.setAttribute( 'linkHref', newLink, item );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n/**\n * A function that handles opening links. It may be used to define custom link handlers.\n *\n * @returns `true` if the link was opened successfully.\n */\ntype LinkOpener = ( url: string ) => boolean;\n\n/**\n * Make the selection free of link-related model attributes.\n * All link-related model attributes start with \"link\". That includes not only \"linkHref\"\n * but also all decorator attributes (they have dynamic names), or even custom plugins.\n */\nfunction removeLinkAttributesFromSelection( writer: ModelWriter, linkAttributes: Array<string> ): void {\n\twriter.removeSelectionAttribute( 'linkHref' );\n\n\tfor ( const attribute of linkAttributes ) {\n\t\twriter.removeSelectionAttribute( attribute );\n\t}\n}\n\n/**\n * Returns an array containing names of the attributes allowed on `$text` that describes the link item.\n */\nfunction getLinkAttributesAllowedOnText( schema: ModelSchema ): Array<string> {\n\tconst textAttributes = schema.getDefinition( '$text' )!.allowAttributes;\n\n\treturn textAttributes.filter( attribute => attribute.startsWith( 'link' ) );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/ui/linkpreviewbuttonview\n */\n\nimport { ButtonView } from 'ckeditor5/src/ui.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\n\n/**\n * The link button class. Rendered as an `<a>` tag with link opening in a new tab.\n *\n * Provides a custom `navigate` cancelable event.\n */\nexport class LinkPreviewButtonView extends ButtonView {\n\t/**\n\t * The value of the \"href\" attribute of the link.\n\t *\n\t * @observable\n\t */\n\tdeclare public href: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( {\n\t\t\thref: undefined,\n\t\t\twithText: true\n\t\t} );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck-link-toolbar__preview' ],\n\t\t\t\thref: bind.to( 'href' ),\n\t\t\t\ttarget: '_blank',\n\t\t\t\trel: 'noopener noreferrer'\n\t\t\t},\n\n\t\t\ton: {\n\t\t\t\tclick: bind.to( evt => {\n\t\t\t\t\tif ( this.href ) {\n\t\t\t\t\t\tconst cancel = () => evt.preventDefault();\n\n\t\t\t\t\t\tthis.fire<LinkPreviewButtonNavigateEvent>( 'navigate', this.href, cancel );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t}\n\t\t} );\n\n\t\tthis.template!.tag = 'a';\n\t}\n}\n\n/**\n * Fired when the button view is clicked.\n *\n * @eventName ~LinkPreviewButtonView#navigate\n */\nexport type LinkPreviewButtonNavigateEvent = {\n\tname: 'navigate';\n\targs: [ href: string, cancel: () => void ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/ui/linkformview\n */\n\nimport {\n\tButtonView,\n\tListView,\n\tListItemView,\n\tFocusCycler,\n\tLabeledFieldView,\n\tFormHeaderView,\n\tFormRowView,\n\tView,\n\tViewCollection,\n\tcreateLabeledInputText,\n\tsubmitHandler,\n\ttype InputTextView,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\nimport { IconPreviousArrow } from 'ckeditor5/src/icons.js';\n\n// See: #8833.\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/form/form.css';\n\nimport '../../theme/linkform.css';\n\n/**\n * The link form view.\n */\nexport class LinkFormView extends View {\n\t/**\n\t * Tracks information about DOM focus in the form.\n\t */\n\tpublic readonly focusTracker = new FocusTracker();\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes = new KeystrokeHandler();\n\n\t/**\n\t * The Back button view displayed in the header.\n\t */\n\tpublic backButtonView: ButtonView;\n\n\t/**\n\t * The Save button view.\n\t */\n\tpublic saveButtonView: ButtonView;\n\n\t/**\n\t * The \"Displayed text\" input view.\n\t */\n\tpublic displayedTextInputView: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * The URL input view.\n\t */\n\tpublic urlInputView: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * A collection of child views.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A collection of child views in the providers list.\n\t */\n\tpublic readonly providersListChildren: ViewCollection<ButtonView>;\n\n\t/**\n\t * An array of form validators used by {@link #isValid}.\n\t */\n\tprivate readonly _validators: Array<LinkFormValidatorCallback>;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprivate readonly _focusables = new ViewCollection<FocusableView>();\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprivate readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * Creates an instance of the {@link module:link/ui/linkformview~LinkFormView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t * @param validators  Form validators used by {@link #isValid}.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\tvalidators: Array<LinkFormValidatorCallback>\n\t) {\n\t\tsuper( locale );\n\n\t\tthis._validators = validators;\n\n\t\t// Create buttons.\n\t\tthis.backButtonView = this._createBackButton();\n\t\tthis.saveButtonView = this._createSaveButton();\n\n\t\t// Create input fields.\n\t\tthis.displayedTextInputView = this._createDisplayedTextInput();\n\t\tthis.urlInputView = this._createUrlInput();\n\n\t\tthis.providersListChildren = this.createCollection();\n\t\tthis.children = this.createCollection( [\n\t\t\tthis._createHeaderView()\n\t\t] );\n\n\t\tthis._createFormChildren();\n\n\t\t// Add providers list view to the children when the first item is added to the list.\n\t\t// This is to avoid adding the list view when the form is empty.\n\t\tthis.listenTo( this.providersListChildren, 'add', () => {\n\t\t\tthis.stopListening( this.providersListChildren, 'add' );\n\t\t\tthis.children.add( this._createProvidersListView() );\n\t\t} );\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form',\n\t\t\t\t\t'ck-link-form',\n\t\t\t\t\t'ck-responsive-form'\n\t\t\t\t],\n\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/90\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\tconst childViews = [\n\t\t\tthis.urlInputView,\n\t\t\tthis.saveButtonView,\n\t\t\t...this.providersListChildren,\n\t\t\tthis.backButtonView,\n\t\t\tthis.displayedTextInputView\n\t\t];\n\n\t\tchildViews.forEach( v => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( v );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( v.element! );\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Validates the form and returns `false` when some fields are invalid.\n\t */\n\tpublic isValid(): boolean {\n\t\tthis.resetFormStatus();\n\n\t\tfor ( const validator of this._validators ) {\n\t\t\tconst errorText = validator( this );\n\n\t\t\t// One error per field is enough.\n\t\t\tif ( errorText ) {\n\t\t\t\t// Apply updated error.\n\t\t\t\tthis.urlInputView.errorText = errorText;\n\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Cleans up the supplementary error and information text of the {@link #urlInputView}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */\n\tpublic resetFormStatus(): void {\n\t\tthis.urlInputView.errorText = null;\n\t}\n\n\t/**\n\t * Creates a back button view that cancels the form.\n\t */\n\tprivate _createBackButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst backButton = new ButtonView( this.locale );\n\n\t\tbackButton.set( {\n\t\t\tclass: 'ck-button-back',\n\t\t\tlabel: t( 'Back' ),\n\t\t\ticon: IconPreviousArrow,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tbackButton.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn backButton;\n\t}\n\n\t/**\n\t * Creates a save button view that inserts the link.\n\t */\n\tprivate _createSaveButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst saveButton = new ButtonView( this.locale );\n\n\t\tsaveButton.set( {\n\t\t\tlabel: t( 'Insert' ),\n\t\t\ttooltip: false,\n\t\t\twithText: true,\n\t\t\ttype: 'submit',\n\t\t\tclass: 'ck-button-action ck-button-bold'\n\t\t} );\n\n\t\treturn saveButton;\n\t}\n\n\t/**\n\t * Creates a header view for the form.\n\t */\n\tprivate _createHeaderView(): FormHeaderView {\n\t\tconst t = this.locale!.t;\n\n\t\tconst header = new FormHeaderView( this.locale, {\n\t\t\tlabel: t( 'Link' )\n\t\t} );\n\n\t\theader.children.add( this.backButtonView, 0 );\n\n\t\treturn header;\n\t}\n\n\t/**\n\t * Creates a view for the providers list.\n\t */\n\tprivate _createProvidersListView(): ListView {\n\t\tconst providersListView = new ListView( this.locale );\n\n\t\tprovidersListView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-link-form__providers-list'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\n\t\tprovidersListView.items.bindTo( this.providersListChildren ).using( def => {\n\t\t\tconst listItemView = new ListItemView( this.locale );\n\n\t\t\tlistItemView.children.add( def );\n\n\t\t\treturn listItemView;\n\t\t} );\n\n\t\treturn providersListView;\n\t}\n\n\t/**\n\t * Creates a labeled input view for the \"Displayed text\" field.\n\t */\n\tprivate _createDisplayedTextInput(): LabeledFieldView<InputTextView> {\n\t\tconst t = this.locale!.t;\n\t\tconst labeledInput = new LabeledFieldView( this.locale, createLabeledInputText );\n\n\t\tlabeledInput.label = t( 'Displayed text' );\n\t\tlabeledInput.class = 'ck-labeled-field-view_full-width';\n\n\t\treturn labeledInput;\n\t}\n\n\t/**\n\t * Creates a labeled input view for the URL field.\n\t *\n\t * @returns Labeled field view instance.\n\t */\n\tprivate _createUrlInput(): LabeledFieldView<InputTextView> {\n\t\tconst t = this.locale!.t;\n\t\tconst labeledInput = new LabeledFieldView( this.locale, createLabeledInputText );\n\n\t\tlabeledInput.fieldView.inputMode = 'url';\n\t\tlabeledInput.label = t( 'Link URL' );\n\t\tlabeledInput.class = 'ck-labeled-field-view_full-width';\n\n\t\treturn labeledInput;\n\t}\n\n\t/**\n\t * Populates the {@link #children} collection of the form.\n\t */\n\tprivate _createFormChildren(): void {\n\t\tthis.children.add( new FormRowView( this.locale!, {\n\t\t\tchildren: [\n\t\t\t\tthis.displayedTextInputView\n\t\t\t],\n\t\t\tclass: [\n\t\t\t\t'ck-form__row_large-top-padding'\n\t\t\t]\n\t\t} ) );\n\n\t\tthis.children.add( new FormRowView( this.locale!, {\n\t\t\tchildren: [\n\t\t\t\tthis.urlInputView,\n\t\t\t\tthis.saveButtonView\n\t\t\t],\n\t\t\tclass: [\n\t\t\t\t'ck-form__row_with-submit',\n\t\t\t\t'ck-form__row_large-top-padding',\n\t\t\t\t'ck-form__row_large-bottom-padding'\n\t\t\t]\n\t\t} ) );\n\t}\n\n\t/**\n\t * The native DOM `value` of the {@link #urlInputView} element.\n\t *\n\t * **Note**: Do not confuse it with the {@link module:ui/inputtext/inputtextview~InputTextView#value}\n\t * which works one way only and may not represent the actual state of the component in the DOM.\n\t */\n\tpublic get url(): string | null {\n\t\tconst { element } = this.urlInputView.fieldView;\n\n\t\tif ( !element ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn element.value.trim();\n\t}\n}\n\n/**\n * Callback used by {@link ~LinkFormView} to check if passed form value is valid.\n *\n * \t* If `undefined` is returned, it is assumed that the form value is correct and there is no error.\n * \t* If string is returned, it is assumed that the form value is incorrect and the returned string is displayed in the error label\n */\nexport type LinkFormValidatorCallback = ( form: LinkFormView ) => string | undefined;\n\n/**\n * Fired when the form view is submitted (when one of the children triggered the submit event),\n * for example with a click on {@link ~LinkFormView#saveButtonView}.\n *\n * @eventName ~LinkFormView#submit\n */\nexport type LinkFormSubmitEvent = {\n\tname: 'submit';\n\targs: [];\n};\n\n/**\n * Fired when the form view is canceled, for example with a click on {@link ~LinkFormView#backButtonView}.\n *\n * @eventName ~LinkFormView#cancel\n */\nexport type LinkFormCancelEvent = {\n\tname: 'cancel';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/ui/linkprovideritemsview\n */\n\nimport {\n\tButtonView,\n\tFocusCycler,\n\tFormHeaderView,\n\tView,\n\tListView,\n\tListItemView,\n\tViewCollection,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\n\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\n\nimport { IconPreviousArrow } from '@ckeditor/ckeditor5-icons';\n\nimport '../../theme/linkprovideritems.css';\n\n/**\n * The link provider items view.\n */\nexport class LinkProviderItemsView extends View {\n\t/**\n\t * Tracks information about the list of links.\n\t *\n\t * @observable\n\t */\n\tdeclare public hasItems: boolean;\n\n\t/**\n\t * The header label of the view.\n\t *\n\t * @observable\n\t */\n\tdeclare public title: string;\n\n\t/**\n\t * The text displayed when no links are available.\n\t *\n\t * @observable\n\t */\n\tdeclare public emptyListPlaceholder: string;\n\n\t/**\n\t * Tracks information about DOM focus in the form.\n\t */\n\tpublic readonly focusTracker = new FocusTracker();\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes = new KeystrokeHandler();\n\n\t/**\n\t * The Back button view displayed in the header.\n\t */\n\tpublic backButtonView: ButtonView;\n\n\t/**\n\t * The List view of links buttons.\n\t */\n\tpublic listView: ListView;\n\n\t/**\n\t * The collection of child views, which is bind with the `listView`.\n\t */\n\tpublic readonly listChildren: ViewCollection<ButtonView>;\n\n\t/**\n\t * The view displayed when the list is empty.\n\t */\n\tpublic emptyListInformation: View;\n\n\t/**\n\t * A collection of child views.\n\t */\n\tpublic children: ViewCollection;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprivate readonly _focusables = new ViewCollection<FocusableView>();\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprivate readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * Creates an instance of the {@link module:link/ui/linkprovideritemsview~LinkProviderItemsView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.listChildren = this.createCollection();\n\n\t\tthis.backButtonView = this._createBackButton();\n\t\tthis.listView = this._createListView();\n\t\tthis.emptyListInformation = this._createEmptyLinksListItemView();\n\n\t\tthis.children = this.createCollection( [\n\t\t\tthis._createHeaderView(),\n\t\t\tthis.emptyListInformation\n\t\t] );\n\n\t\tthis.set( 'title', '' );\n\t\tthis.set( 'emptyListPlaceholder', '' );\n\t\tthis.set( 'hasItems', false );\n\n\t\tthis.listenTo( this.listChildren, 'change', () => {\n\t\t\tthis.hasItems = this.listChildren.length > 0;\n\t\t} );\n\n\t\tthis.on( 'change:hasItems', ( evt, propName, hasItems ) => {\n\t\t\tif ( hasItems ) {\n\t\t\t\tthis.children.remove( this.emptyListInformation );\n\t\t\t\tthis.children.add( this.listView );\n\t\t\t} else {\n\t\t\t\tthis.children.remove( this.listView );\n\t\t\t\tthis.children.add( this.emptyListInformation );\n\t\t\t}\n\t\t} );\n\n\t\t// Close the panel on esc key press when the **form has focus**.\n\t\tthis.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis.fire<LinkProvidersCancelEvent>( 'cancel' );\n\t\t\tcancel();\n\t\t} );\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-link-providers'\n\t\t\t\t],\n\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/90\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tconst childViews = [\n\t\t\tthis.listView,\n\t\t\tthis.backButtonView\n\t\t];\n\n\t\tchildViews.forEach( v => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( v );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( v.element! );\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Creates a view for the list at the bottom.\n\t */\n\tprivate _createListView(): ListView {\n\t\tconst listView = new ListView( this.locale );\n\n\t\tlistView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-link-providers__list'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\n\t\tlistView.items.bindTo( this.listChildren ).using( button => {\n\t\t\tconst listItemView = new ListItemView( this.locale );\n\n\t\t\tlistItemView.children.add( button );\n\n\t\t\treturn listItemView;\n\t\t} );\n\n\t\treturn listView;\n\t}\n\n\t/**\n\t * Creates a back button view that cancels the form.\n\t */\n\tprivate _createBackButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst backButton = new ButtonView( this.locale );\n\n\t\tbackButton.set( {\n\t\t\tclass: 'ck-button-back',\n\t\t\tlabel: t( 'Back' ),\n\t\t\ticon: IconPreviousArrow,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tbackButton.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn backButton;\n\t}\n\n\t/**\n\t * Creates a header view for the form.\n\t */\n\tprivate _createHeaderView(): FormHeaderView {\n\t\tconst header = new FormHeaderView( this.locale );\n\n\t\theader.bind( 'label' ).to( this, 'title' );\n\t\theader.children.add( this.backButtonView, 0 );\n\n\t\treturn header;\n\t}\n\n\t/**\n\t * Creates an info view for an empty list.\n\t */\n\tprivate _createEmptyLinksListItemView(): View {\n\t\tconst view = new View( this.locale );\n\n\t\tview.setTemplate( {\n\t\t\ttag: 'p',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-link__empty-list-info' ]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttext: this.bindTemplate.to( 'emptyListPlaceholder' )\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n\n/**\n * Fired when the links view is canceled, for example with a click on {@link ~LinkProviderItemsView#backButtonView}.\n *\n * @eventName ~LinkProviderItemsView#cancel\n */\nexport type LinkProvidersCancelEvent = {\n\tname: 'cancel';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/ui/linkpropertiesview\n */\n\nimport {\n\tButtonView,\n\tFocusCycler,\n\tFormHeaderView,\n\tView,\n\tViewCollection,\n\tListView,\n\tListItemView,\n\ttype SwitchButtonView,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\nimport { IconPreviousArrow } from '@ckeditor/ckeditor5-icons';\n\nimport '../../theme/linkproperties.css';\n\n/**\n * The link properties view controller class.\n *\n * See {@link module:link/ui/linkpropertiesview~LinkPropertiesView}.\n */\nexport class LinkPropertiesView extends View {\n\t/**\n\t * Tracks information about DOM focus in the form.\n\t */\n\tpublic readonly focusTracker = new FocusTracker();\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes = new KeystrokeHandler();\n\n\t/**\n\t * The Back button view displayed in the header.\n\t */\n\tpublic backButtonView: ButtonView;\n\n\t/**\n\t * A collection of child views.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A collection of {@link module:ui/button/switchbuttonview~SwitchButtonView},\n\t * which corresponds to {@link module:link/linkcommand~LinkCommand#manualDecorators manual decorators}\n\t * configured in the editor.\n\t */\n\tpublic readonly listChildren: ViewCollection<SwitchButtonView>;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprivate readonly _focusables = new ViewCollection<FocusableView>();\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprivate readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * Creates an instance of the {@link module:link/ui/linkpropertiesview~LinkPropertiesView} class.\n\t *\n\t * Also see {@link #render}.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.backButtonView = this._createBackButton();\n\t\tthis.listChildren = this.createCollection();\n\n\t\tthis.children = this.createCollection( [\n\t\t\tthis._createHeaderView(),\n\t\t\tthis._createListView()\n\t\t] );\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-link-properties'\n\t\t\t\t],\n\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/90\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\n\t\t// Close the panel on esc key press when the **form has focus**.\n\t\tthis.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis.fire<LinkPropertiesBackEvent>( 'back' );\n\t\t\tcancel();\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tconst childViews = [\n\t\t\t...this.listChildren,\n\t\t\tthis.backButtonView\n\t\t];\n\n\t\tchildViews.forEach( v => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( v );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( v.element! );\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the fist {@link #_focusables} in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Creates a back button view.\n\t */\n\tprivate _createBackButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst backButton = new ButtonView( this.locale );\n\n\t\t// TODO: maybe we should have a dedicated BackButtonView in the UI library.\n\t\tbackButton.set( {\n\t\t\tclass: 'ck-button-back',\n\t\t\tlabel: t( 'Back' ),\n\t\t\ticon: IconPreviousArrow,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tbackButton.delegate( 'execute' ).to( this, 'back' );\n\n\t\treturn backButton;\n\t}\n\n\t/**\n\t * Creates a header view for the form.\n\t */\n\tprivate _createHeaderView(): FormHeaderView {\n\t\tconst t = this.locale!.t;\n\n\t\tconst header = new FormHeaderView( this.locale, {\n\t\t\tlabel: t( 'Link properties' )\n\t\t} );\n\n\t\theader.children.add( this.backButtonView, 0 );\n\n\t\treturn header;\n\t}\n\n\t/**\n\t * Creates a form view that displays the {@link #listChildren} collection.\n\t */\n\tprivate _createListView(): ListView {\n\t\tconst listView = new ListView( this.locale );\n\n\t\tlistView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-link__list'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\n\t\tlistView.items.bindTo( this.listChildren ).using( item => {\n\t\t\tconst listItemView = new ListItemView( this.locale );\n\n\t\t\tlistItemView.children.add( item );\n\n\t\t\treturn listItemView;\n\t\t} );\n\n\t\treturn listView;\n\t}\n}\n\n/**\n * Fired when the {@link ~LinkPropertiesView#backButtonView} is pressed.\n *\n * @eventName ~LinkPropertiesView#back\n */\nexport type LinkPropertiesBackEvent = {\n\tname: 'back';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/ui/linkbuttonview\n */\n\nimport { IconNextArrow } from '@ckeditor/ckeditor5-icons';\nimport { ButtonView, IconView } from 'ckeditor5/src/ui.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\n\n/**\n * Represents a view for a dropdown menu button.\n */\nexport class LinkButtonView extends ButtonView {\n\t/**\n\t * An icon that displays an arrow to indicate a direction of the menu.\n\t */\n\tpublic readonly arrowView: IconView;\n\n\t/**\n\t * Creates an instance of the dropdown menu button view.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale?: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.set( {\n\t\t\twithText: true\n\t\t} );\n\n\t\tthis.arrowView = this._createArrowView();\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-link__button'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.children.add( this.arrowView );\n\t}\n\n\t/**\n\t * Creates the arrow view instance.\n\t *\n\t * @private\n\t */\n\tprivate _createArrowView() {\n\t\tconst arrowView = new IconView();\n\n\t\tarrowView.content = IconNextArrow;\n\n\t\treturn arrowView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/linkui\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { IconLink, IconPencil, IconUnlink, IconSettings } from 'ckeditor5/src/icons.js';\nimport {\n\tClickObserver,\n\ttype ViewAttributeElement,\n\ttype ViewDocumentClickEvent,\n\ttype ViewElement,\n\ttype ViewPosition\n} from 'ckeditor5/src/engine.js';\nimport {\n\tButtonView,\n\tSwitchButtonView,\n\tContextualBalloon,\n\tclickOutsideHandler,\n\tCssTransitionDisablerMixin,\n\tMenuBarMenuListItemButtonView,\n\tToolbarView,\n\ttype ViewWithCssTransitionDisabler,\n\ttype ButtonExecuteEvent\n} from 'ckeditor5/src/ui.js';\n\nimport { Collection, type ObservableChangeEvent, type DomOptimalPositionOptions } from 'ckeditor5/src/utils.js';\nimport { isWidget } from 'ckeditor5/src/widget.js';\n\nimport { LinkEditing } from './linkediting.js';\n\nimport { LinkPreviewButtonView, type LinkPreviewButtonNavigateEvent } from './ui/linkpreviewbuttonview.js';\nimport { LinkFormView, type LinkFormValidatorCallback } from './ui/linkformview.js';\nimport { LinkProviderItemsView } from './ui/linkprovideritemsview.js';\nimport { LinkPropertiesView } from './ui/linkpropertiesview.js';\nimport { LinkButtonView } from './ui/linkbuttonview.js';\n\nimport { type LinkCommand } from './linkcommand.js';\nimport { type UnlinkCommand } from './unlinkcommand.js';\n\nimport {\n\taddLinkProtocolIfApplicable,\n\tensureSafeUrl,\n\tisLinkElement,\n\textractTextFromLinkRange,\n\tLINK_KEYSTROKE\n} from './utils.js';\n\nimport '../theme/linktoolbar.css';\n\nconst VISUAL_SELECTION_MARKER_NAME = 'link-ui';\n\n/**\n * The link UI plugin. It introduces the `'link'` and `'unlink'` buttons and support for the <kbd>Ctrl+K</kbd> keystroke.\n *\n * It uses the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */\nexport class LinkUI extends Plugin {\n\t/**\n\t * The toolbar view displayed inside of the balloon.\n\t */\n\tpublic toolbarView: ToolbarView | null = null;\n\n\t/**\n\t * The form view displayed inside the balloon.\n\t */\n\tpublic formView: LinkFormView & ViewWithCssTransitionDisabler | null = null;\n\n\t/**\n\t * The view displaying links list.\n\t */\n\tpublic linkProviderItemsView: LinkProviderItemsView | null = null;\n\n\t/**\n\t * The form view displaying properties link settings.\n\t */\n\tpublic propertiesView: LinkPropertiesView & ViewWithCssTransitionDisabler | null = null;\n\n\t/**\n\t * The selected text of the link or text that is selected and can become a link.\n\t *\n\t * Note: It is `undefined` when the current selection does not allow for text,\n\t * for example any non text node is selected or multiple blocks are selected.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public selectedLinkableText: string | undefined;\n\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate _balloon!: ContextualBalloon;\n\n\t/**\n\t * The collection of the link providers.\n\t */\n\tprivate _linksProviders: Collection<LinksProvider> = new Collection();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon, LinkEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LinkUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\n\t\tthis.set( 'selectedLinkableText', undefined );\n\n\t\teditor.editing.view.addObserver( ClickObserver );\n\n\t\tthis._balloon = editor.plugins.get( ContextualBalloon );\n\n\t\t// Create toolbar buttons.\n\t\tthis._registerComponents();\n\t\tthis._registerEditingOpeners();\n\t\tthis._enableBalloonActivators();\n\n\t\t// Renders a fake visual selection marker on an expanded selection.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToHighlight( {\n\t\t\tmodel: VISUAL_SELECTION_MARKER_NAME,\n\t\t\tview: {\n\t\t\t\tclasses: [ 'ck-fake-link-selection' ]\n\t\t\t}\n\t\t} );\n\n\t\t// Renders a fake visual selection marker on a collapsed selection.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t\t\tmodel: VISUAL_SELECTION_MARKER_NAME,\n\t\t\tview: ( data, { writer } ) => {\n\t\t\t\tif ( !data.markerRange.isCollapsed ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst markerElement = writer.createUIElement( 'span' );\n\n\t\t\t\twriter.addClass(\n\t\t\t\t\t[ 'ck-fake-link-selection', 'ck-fake-link-selection_collapsed' ],\n\t\t\t\t\tmarkerElement\n\t\t\t\t);\n\n\t\t\t\treturn markerElement;\n\t\t\t}\n\t\t} );\n\n\t\t// Add the information about the keystrokes to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfos( {\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Create link' ),\n\t\t\t\t\tkeystroke: LINK_KEYSTROKE\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Move out of a link' ),\n\t\t\t\t\tkeystroke: [\n\t\t\t\t\t\t[ 'arrowleft', 'arrowleft' ],\n\t\t\t\t\t\t[ 'arrowright', 'arrowright' ]\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n\t\tif ( this.propertiesView ) {\n\t\t\tthis.propertiesView.destroy();\n\t\t}\n\n\t\tif ( this.formView ) {\n\t\t\tthis.formView.destroy();\n\t\t}\n\n\t\tif ( this.toolbarView ) {\n\t\t\tthis.toolbarView.destroy();\n\t\t}\n\n\t\tif ( this.linkProviderItemsView ) {\n\t\t\tthis.linkProviderItemsView.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Registers list of buttons below the link form view that\n\t * open a list of links provided by the clicked provider.\n\t */\n\tpublic registerLinksListProvider( provider: LinksProvider ): void {\n\t\tconst insertIndex = this._linksProviders\n\t\t\t.filter( existing => ( existing.order || 0 ) <= ( provider.order || 0 ) )\n\t\t\t.length;\n\n\t\tthis._linksProviders.add( provider, insertIndex );\n\t}\n\n\t/**\n\t * Creates views.\n\t */\n\tprivate _createViews() {\n\t\tconst linkCommand: LinkCommand = this.editor.commands.get( 'link' )!;\n\n\t\tthis.toolbarView = this._createToolbarView();\n\t\tthis.formView = this._createFormView();\n\n\t\tif ( linkCommand.manualDecorators.length ) {\n\t\t\tthis.propertiesView = this._createPropertiesView();\n\t\t}\n\n\t\t// Attach lifecycle actions to the the balloon.\n\t\tthis._enableUserBalloonInteractions();\n\t}\n\n\t/**\n\t * Creates the ToolbarView instance.\n\t */\n\tprivate _createToolbarView(): ToolbarView {\n\t\tconst editor = this.editor;\n\t\tconst toolbarView = new ToolbarView( editor.locale );\n\t\tconst linkCommand: LinkCommand = editor.commands.get( 'link' )!;\n\n\t\ttoolbarView.class = 'ck-link-toolbar';\n\n\t\t// Remove the linkProperties button if there are no manual decorators, as it would be useless.\n\t\tlet toolbarItems = editor.config.get( 'link.toolbar' )!;\n\n\t\tif ( !linkCommand.manualDecorators.length ) {\n\t\t\ttoolbarItems = toolbarItems.filter( item => item !== 'linkProperties' );\n\t\t}\n\n\t\ttoolbarView.fillFromConfig( toolbarItems, editor.ui.componentFactory );\n\n\t\t// Close the panel on esc key press when the **link toolbar have focus**.\n\t\ttoolbarView.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis._hideUI();\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Open the form view on Ctrl+K when the **link toolbar have focus**..\n\t\ttoolbarView.keystrokes.set( LINK_KEYSTROKE, ( data, cancel ) => {\n\t\t\tthis._addFormView();\n\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Register the toolbar, so it becomes available for Alt+F10 and Esc navigation.\n\t\t// TODO this should be registered earlier to be able to open this toolbar without previously opening it by click or Ctrl+K\n\t\teditor.ui.addToolbar( toolbarView, {\n\t\t\tisContextual: true,\n\t\t\tbeforeFocus: () => {\n\t\t\t\tif ( this._getSelectedLinkElement() && !this._isToolbarVisible ) {\n\t\t\t\t\tthis._showUI( true );\n\t\t\t\t}\n\t\t\t},\n\t\t\tafterBlur: () => {\n\t\t\t\tthis._hideUI( false );\n\t\t\t}\n\t\t} );\n\n\t\treturn toolbarView;\n\t}\n\n\t/**\n\t * Creates the {@link module:link/ui/linkformview~LinkFormView} instance.\n\t */\n\tprivate _createFormView(): LinkFormView & ViewWithCssTransitionDisabler {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst linkCommand: LinkCommand = editor.commands.get( 'link' )!;\n\t\tconst defaultProtocol = editor.config.get( 'link.defaultProtocol' );\n\n\t\tconst formView = new ( CssTransitionDisablerMixin( LinkFormView ) )( editor.locale, getFormValidators( editor ) );\n\n\t\tformView.displayedTextInputView.bind( 'isEnabled' ).to( this, 'selectedLinkableText', value => value !== undefined );\n\n\t\t// Form elements should be read-only when corresponding commands are disabled.\n\t\tformView.urlInputView.bind( 'isEnabled' ).to( linkCommand, 'isEnabled' );\n\n\t\t// Disable the \"save\" button if the command is disabled.\n\t\tformView.saveButtonView.bind( 'isEnabled' ).to( linkCommand, 'isEnabled' );\n\n\t\t// Change the \"Save\" button label depending on the command state.\n\t\tformView.saveButtonView.bind( 'label' ).to( linkCommand, 'value', value => value ? t( 'Update' ) : t( 'Insert' ) );\n\n\t\t// Execute link command after clicking the \"Save\" button.\n\t\tthis.listenTo( formView, 'submit', () => {\n\t\t\tif ( formView.isValid() ) {\n\t\t\t\tconst url = formView.urlInputView.fieldView.element!.value;\n\t\t\t\tconst parsedUrl = addLinkProtocolIfApplicable( url, defaultProtocol );\n\t\t\t\tconst displayedText = formView.displayedTextInputView.fieldView.element!.value;\n\n\t\t\t\teditor.execute(\n\t\t\t\t\t'link',\n\t\t\t\t\tparsedUrl,\n\t\t\t\t\tthis._getDecoratorSwitchesState(),\n\t\t\t\t\tdisplayedText !== this.selectedLinkableText ? displayedText : undefined\n\t\t\t\t);\n\n\t\t\t\tthis._closeFormView();\n\t\t\t}\n\t\t} );\n\n\t\t// Update balloon position when form error changes.\n\t\tthis.listenTo( formView.urlInputView, 'change:errorText', () => {\n\t\t\teditor.ui.update();\n\t\t} );\n\n\t\t// Hide the panel after clicking the \"Cancel\" button.\n\t\tthis.listenTo( formView, 'cancel', () => {\n\t\t\tthis._closeFormView();\n\t\t} );\n\n\t\t// Close the panel on esc key press when the **form has focus**.\n\t\tformView.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis._closeFormView();\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Watch adding new link providers and add them to the buttons list.\n\t\tformView.providersListChildren.bindTo( this._linksProviders ).using(\n\t\t\tprovider => this._createLinksListProviderButton( provider )\n\t\t);\n\n\t\treturn formView;\n\t}\n\n\t/**\n\t * Creates a sorted array of buttons with link names.\n\t */\n\tprivate _createLinkProviderListView( provider: LinksProvider ): Array<ButtonView> {\n\t\treturn provider.getListItems().map( ( { href, label, icon } ) => {\n\t\t\tconst buttonView = new ButtonView();\n\n\t\t\tbuttonView.set( {\n\t\t\t\tlabel,\n\t\t\t\ticon,\n\t\t\t\ttooltip: false,\n\t\t\t\twithText: true\n\t\t\t} );\n\n\t\t\tbuttonView.on( 'execute', () => {\n\t\t\t\tthis.formView!.resetFormStatus();\n\t\t\t\tthis.formView!.urlInputView.fieldView.value = href;\n\n\t\t\t\t// Set focus to the editing view to prevent from losing it while current view is removed.\n\t\t\t\tthis.editor.editing.view.focus();\n\n\t\t\t\tthis._removeLinksProviderView();\n\n\t\t\t\t// Set the focus to the URL input field.\n\t\t\t\tthis.formView!.focus();\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a view for links provider.\n\t */\n\tprivate _createLinkProviderItemsView( provider: LinksProvider ): LinkProviderItemsView {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\n\t\tconst view = new LinkProviderItemsView( editor.locale );\n\t\tconst { emptyListPlaceholder, label } = provider;\n\n\t\tview.emptyListPlaceholder = emptyListPlaceholder || t( 'No links available' );\n\t\tview.title = label;\n\n\t\t// Hide the panel after clicking the \"Cancel\" button.\n\t\tthis.listenTo( view, 'cancel', () => {\n\t\t\t// Set focus to the editing view to prevent from losing it while current view is removed.\n\t\t\teditor.editing.view.focus();\n\n\t\t\tthis._removeLinksProviderView();\n\n\t\t\t// Set the focus to the URL input field.\n\t\t\tthis.formView!.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Creates the {@link module:link/ui/linkpropertiesview~LinkPropertiesView} instance.\n\t */\n\tprivate _createPropertiesView(): LinkPropertiesView & ViewWithCssTransitionDisabler {\n\t\tconst editor = this.editor;\n\t\tconst linkCommand: LinkCommand = this.editor.commands.get( 'link' )!;\n\n\t\tconst view = new ( CssTransitionDisablerMixin( LinkPropertiesView ) )( editor.locale );\n\n\t\t// Hide the panel after clicking the back button.\n\t\tthis.listenTo( view, 'back', () => {\n\t\t\t// Move focus back to the editing view to prevent from losing it while current view is removed.\n\t\t\teditor.editing.view.focus();\n\n\t\t\tthis._removePropertiesView();\n\t\t} );\n\n\t\tview.listChildren.bindTo( linkCommand.manualDecorators ).using( manualDecorator => {\n\t\t\tconst button: SwitchButtonView = new SwitchButtonView( editor.locale );\n\n\t\t\tbutton.set( {\n\t\t\t\tlabel: manualDecorator.label,\n\t\t\t\twithText: true\n\t\t\t} );\n\n\t\t\tbutton.bind( 'isOn' ).toMany( [ manualDecorator, linkCommand ], 'value', ( decoratorValue, commandValue ) => {\n\t\t\t\treturn commandValue === undefined && decoratorValue === undefined ?\n\t\t\t\t\t!!manualDecorator.defaultValue :\n\t\t\t\t\t!!decoratorValue;\n\t\t\t} );\n\n\t\t\tbutton.on( 'execute', () => {\n\t\t\t\tmanualDecorator.set( 'value', !button.isOn );\n\t\t\t\teditor.execute( 'link', linkCommand.value!, this._getDecoratorSwitchesState() );\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Obtains the state of the manual decorators.\n\t */\n\tprivate _getDecoratorSwitchesState(): Record<string, boolean> {\n\t\tconst linkCommand: LinkCommand = this.editor.commands.get( 'link' )!;\n\n\t\treturn Array\n\t\t\t.from( linkCommand.manualDecorators )\n\t\t\t.reduce( ( accumulator, manualDecorator ) => {\n\t\t\t\tconst value = linkCommand.value === undefined && manualDecorator.value === undefined ?\n\t\t\t\t\tmanualDecorator.defaultValue :\n\t\t\t\t\tmanualDecorator.value;\n\n\t\t\t\treturn {\n\t\t\t\t\t...accumulator,\n\t\t\t\t\t[ manualDecorator.id ]: !!value\n\t\t\t\t};\n\t\t\t}, {} as Record<string, boolean> );\n\t}\n\n\t/**\n\t * Registers listeners used in editing plugin, used to open links.\n\t */\n\tprivate _registerEditingOpeners() {\n\t\tconst linkEditing = this.editor.plugins.get( LinkEditing );\n\n\t\tlinkEditing._registerLinkOpener( href => {\n\t\t\tconst match = this._getLinkProviderLinkByHref( href );\n\n\t\t\tif ( !match ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst { item, provider } = match;\n\n\t\t\tif ( provider.navigate ) {\n\t\t\t\treturn provider.navigate( item );\n\t\t\t}\n\n\t\t\treturn false;\n\t\t} );\n\t}\n\n\t/**\n\t * Registers components in the ComponentFactory.\n\t */\n\tprivate _registerComponents(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'link', () => {\n\t\t\tconst button = this._createButton( ButtonView );\n\n\t\t\tbutton.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:link', () => {\n\t\t\tconst button = this._createButton( MenuBarMenuListItemButtonView );\n\n\t\t\tbutton.set( {\n\t\t\t\trole: 'menuitemcheckbox'\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'linkPreview', locale => {\n\t\t\tconst button = new LinkPreviewButtonView( locale );\n\t\t\tconst allowedProtocols = editor.config.get( 'link.allowedProtocols' )!;\n\t\t\tconst linkCommand: LinkCommand = editor.commands.get( 'link' )!;\n\t\t\tconst t = locale.t;\n\n\t\t\tbutton.bind( 'isEnabled' ).to( linkCommand, 'value', href => !!href );\n\n\t\t\tbutton.bind( 'href' ).to( linkCommand, 'value', href => {\n\t\t\t\treturn href && ensureSafeUrl( href, allowedProtocols );\n\t\t\t} );\n\n\t\t\tconst setHref = ( href: string | undefined ) => {\n\t\t\t\tif ( !href ) {\n\t\t\t\t\tbutton.label = undefined;\n\t\t\t\t\tbutton.icon = undefined;\n\t\t\t\t\tbutton.tooltip = t( 'Open link in new tab' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst selectedLinksProviderLink = this._getLinkProviderLinkByHref( href );\n\n\t\t\t\tif ( selectedLinksProviderLink ) {\n\t\t\t\t\tconst { label, tooltip, icon } = selectedLinksProviderLink.item;\n\n\t\t\t\t\tbutton.label = label;\n\t\t\t\t\tbutton.tooltip = tooltip || false;\n\t\t\t\t\tbutton.icon = icon;\n\t\t\t\t} else {\n\t\t\t\t\tbutton.label = href;\n\t\t\t\t\tbutton.icon = undefined;\n\t\t\t\t\tbutton.tooltip = t( 'Open link in new tab' );\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tsetHref( linkCommand.value );\n\n\t\t\tthis.listenTo<ObservableChangeEvent<string | undefined>>( linkCommand, 'change:value', ( evt, name, href ) => {\n\t\t\t\tsetHref( href );\n\t\t\t} );\n\n\t\t\tthis.listenTo<LinkPreviewButtonNavigateEvent>( button, 'navigate', ( evt, href, cancel ) => {\n\t\t\t\tconst selectedLinksProviderLink = this._getLinkProviderLinkByHref( href );\n\n\t\t\t\tif ( !selectedLinksProviderLink ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst { provider, item } = selectedLinksProviderLink!;\n\t\t\t\tconst { navigate } = provider;\n\n\t\t\t\tif ( navigate && navigate( item! ) ) {\n\t\t\t\t\tevt.stop();\n\t\t\t\t\tcancel();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'unlink', locale => {\n\t\t\tconst unlinkCommand: UnlinkCommand = editor.commands.get( 'unlink' )!;\n\t\t\tconst button = new ButtonView( locale );\n\t\t\tconst t = locale.t;\n\n\t\t\tbutton.set( {\n\t\t\t\tlabel: t( 'Unlink' ),\n\t\t\t\ticon: IconUnlink,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tbutton.bind( 'isEnabled' ).to( unlinkCommand );\n\n\t\t\tthis.listenTo<ButtonExecuteEvent>( button, 'execute', () => {\n\t\t\t\teditor.execute( 'unlink' );\n\t\t\t\tthis._hideUI();\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'editLink', locale => {\n\t\t\tconst linkCommand: LinkCommand = editor.commands.get( 'link' )!;\n\t\t\tconst button = new ButtonView( locale );\n\t\t\tconst t = locale.t;\n\n\t\t\tbutton.set( {\n\t\t\t\tlabel: t( 'Edit link' ),\n\t\t\t\ticon: IconPencil,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tbutton.bind( 'isEnabled' ).to( linkCommand );\n\n\t\t\tthis.listenTo<ButtonExecuteEvent>( button, 'execute', () => {\n\t\t\t\tthis._addFormView();\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'linkProperties', locale => {\n\t\t\tconst linkCommand: LinkCommand = editor.commands.get( 'link' )!;\n\t\t\tconst button = new ButtonView( locale );\n\t\t\tconst t = locale.t;\n\n\t\t\tbutton.set( {\n\t\t\t\tlabel: t( 'Link properties' ),\n\t\t\t\ticon: IconSettings,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tbutton.bind( 'isEnabled' ).to(\n\t\t\t\tlinkCommand, 'isEnabled',\n\t\t\t\tlinkCommand, 'value',\n\t\t\t\tlinkCommand, 'manualDecorators',\n\t\t\t\t( isEnabled, href, manualDecorators ) => isEnabled && !!href && manualDecorators.length > 0\n\t\t\t);\n\n\t\t\tthis.listenTo<ButtonExecuteEvent>( button, 'execute', () => {\n\t\t\t\tthis._addPropertiesView();\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a links button view.\n\t */\n\tprivate _createLinksListProviderButton( linkProvider: LinksProvider ): LinkButtonView {\n\t\tconst locale = this.editor.locale!;\n\t\tconst linksButton = new LinkButtonView( locale );\n\n\t\tlinksButton.set( {\n\t\t\tlabel: linkProvider.label\n\t\t} );\n\n\t\tthis.listenTo( linksButton, 'execute', () => {\n\t\t\tthis._showLinksProviderView( linkProvider );\n\t\t} );\n\n\t\treturn linksButton;\n\t}\n\n\t/**\n\t * Creates a button for link command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command = editor.commands.get( 'link' )!;\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst t = locale.t;\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Link' ),\n\t\t\ticon: IconLink,\n\t\t\tkeystroke: LINK_KEYSTROKE,\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\t\tview.bind( 'isOn' ).to( command, 'value', value => !!value );\n\n\t\t// Show the panel on button click.\n\t\tthis.listenTo<ButtonExecuteEvent>( view, 'execute', () => {\n\t\t\teditor.editing.view.scrollToTheSelection();\n\t\t\tthis._showUI( true );\n\n\t\t\t// Open the form view on-top of the toolbar view if it's already visible.\n\t\t\t// It should be visible every time the link is selected.\n\t\t\tif ( this._getSelectedLinkElement() ) {\n\t\t\t\tthis._addFormView();\n\t\t\t}\n\t\t} );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Attaches actions that control whether the balloon panel containing the\n\t * {@link #formView} should be displayed.\n\t */\n\tprivate _enableBalloonActivators(): void {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\t// Handle click on view document and show panel when selection is placed inside the link element.\n\t\t// Keep panel open until selection will be inside the same link element.\n\t\tthis.listenTo<ViewDocumentClickEvent>( viewDocument, 'click', () => {\n\t\t\tconst parentLink = this._getSelectedLinkElement();\n\n\t\t\tif ( parentLink ) {\n\t\t\t\t// Then show panel but keep focus inside editor editable.\n\t\t\t\tthis._showUI();\n\t\t\t}\n\t\t} );\n\n\t\t// Handle the `Ctrl+K` keystroke and show the panel.\n\t\teditor.keystrokes.set( LINK_KEYSTROKE, ( keyEvtData, cancel ) => {\n\t\t\t// Prevent focusing the search bar in FF, Chrome and Edge. See https://github.com/ckeditor/ckeditor5/issues/4811.\n\t\t\tcancel();\n\n\t\t\tif ( editor.commands.get( 'link' )!.isEnabled ) {\n\t\t\t\teditor.editing.view.scrollToTheSelection();\n\t\t\t\tthis._showUI( true );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Attaches actions that control whether the balloon panel containing the\n\t * {@link #formView} is visible or not.\n\t */\n\tprivate _enableUserBalloonInteractions(): void {\n\t\t// Focus the form if the balloon is visible and the Tab key has been pressed.\n\t\tthis.editor.keystrokes.set( 'Tab', ( data, cancel ) => {\n\t\t\tif ( this._isToolbarVisible && !this.toolbarView!.focusTracker.isFocused ) {\n\t\t\t\tthis.toolbarView!.focus();\n\t\t\t\tcancel();\n\t\t\t}\n\t\t}, {\n\t\t\t// Use the high priority because the link UI navigation is more important\n\t\t\t// than other feature's actions, e.g. list indentation.\n\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/146\n\t\t\tpriority: 'high'\n\t\t} );\n\n\t\t// Close the panel on the Esc key press when the editable has focus and the balloon is visible.\n\t\tthis.editor.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tif ( this._isUIVisible ) {\n\t\t\t\tthis._hideUI();\n\t\t\t\tcancel();\n\t\t\t}\n\t\t} );\n\n\t\t// Close on click outside of balloon panel element.\n\t\tclickOutsideHandler( {\n\t\t\temitter: this.formView!,\n\t\t\tactivator: () => this._isUIInPanel,\n\t\t\tcontextElements: () => [ this._balloon.view.element! ],\n\t\t\tcallback: () => {\n\t\t\t\t// Focusing on the editable during a click outside the balloon panel might\n\t\t\t\t// cause the selection to move to the beginning of the editable, so we avoid\n\t\t\t\t// focusing on it during this action.\n\t\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18253\n\t\t\t\tthis._hideUI( false );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Adds the {@link #toolbarView} to the {@link #_balloon}.\n\t *\n\t * @internal\n\t */\n\tpublic _addToolbarView(): void {\n\t\tif ( !this.toolbarView ) {\n\t\t\tthis._createViews();\n\t\t}\n\n\t\tif ( this._isToolbarInPanel ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._balloon.add( {\n\t\t\tview: this.toolbarView!,\n\t\t\tposition: this._getBalloonPositionData(),\n\t\t\tballoonClassName: 'ck-toolbar-container'\n\t\t} );\n\t}\n\n\t/**\n\t * Adds the {@link #formView} to the {@link #_balloon}.\n\t */\n\tprivate _addFormView(): void {\n\t\tif ( !this.formView ) {\n\t\t\tthis._createViews();\n\t\t}\n\n\t\tif ( this._isFormInPanel ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst linkCommand: LinkCommand = this.editor.commands.get( 'link' )!;\n\n\t\tthis.formView!.disableCssTransitions();\n\t\tthis.formView!.resetFormStatus();\n\t\tthis.formView!.backButtonView.isVisible = linkCommand.isEnabled && !!linkCommand.value;\n\n\t\tthis._balloon.add( {\n\t\t\tview: this.formView!,\n\t\t\tposition: this._getBalloonPositionData()\n\t\t} );\n\n\t\t// Make sure that each time the panel shows up, the fields remains in sync with the value of\n\t\t// the command. If the user typed in the input, then canceled the balloon (`urlInputView.fieldView#value` stays\n\t\t// unaltered) and re-opened it without changing the value of the link command (e.g. because they\n\t\t// clicked the same link), they would see the old value instead of the actual value of the command.\n\t\t// https://github.com/ckeditor/ckeditor5-link/issues/78\n\t\t// https://github.com/ckeditor/ckeditor5-link/issues/123\n\n\t\tthis.selectedLinkableText = this._getSelectedLinkableText();\n\n\t\tthis.formView!.displayedTextInputView.fieldView.value = this.selectedLinkableText || '';\n\t\tthis.formView!.urlInputView.fieldView.value = linkCommand.value || '';\n\n\t\t// Select input when form view is currently visible.\n\t\tif ( this._balloon.visibleView === this.formView ) {\n\t\t\tthis.formView!.urlInputView.fieldView.select();\n\t\t}\n\n\t\tthis.formView!.enableCssTransitions();\n\t}\n\n\t/**\n\t * Adds the {@link #propertiesView} to the {@link #_balloon}.\n\t */\n\tprivate _addPropertiesView(): void {\n\t\tif ( !this.propertiesView ) {\n\t\t\tthis._createViews();\n\t\t}\n\n\t\tif ( this._arePropertiesInPanel ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.propertiesView!.disableCssTransitions();\n\n\t\tthis._balloon.add( {\n\t\t\tview: this.propertiesView!,\n\t\t\tposition: this._getBalloonPositionData()\n\t\t} );\n\n\t\tthis.propertiesView!.enableCssTransitions();\n\t\tthis.propertiesView!.focus();\n\t}\n\n\t/**\n\t * Shows the view with links provided by the given provider.\n\t */\n\tprivate _showLinksProviderView( provider: LinksProvider ): void {\n\t\tif ( this.linkProviderItemsView ) {\n\t\t\tthis._removeLinksProviderView();\n\t\t}\n\n\t\tthis.linkProviderItemsView = this._createLinkProviderItemsView( provider );\n\n\t\tthis._addLinkProviderItemsView( provider );\n\t}\n\n\t/**\n\t * Adds the {@link #linkProviderItemsView} to the {@link #_balloon}.\n\t */\n\tprivate _addLinkProviderItemsView( provider: LinksProvider ): void {\n\t\t// Clear the collection of links.\n\t\tthis.linkProviderItemsView!.listChildren.clear();\n\n\t\t// Add links to the collection.\n\t\tthis.linkProviderItemsView!.listChildren.addMany( this._createLinkProviderListView( provider ) );\n\n\t\tthis._balloon.add( {\n\t\t\tview: this.linkProviderItemsView!,\n\t\t\tposition: this._getBalloonPositionData()\n\t\t} );\n\n\t\tthis.linkProviderItemsView!.focus();\n\t}\n\n\t/**\n\t * Closes the form view. Decides whether the balloon should be hidden completely or if the action view should be shown. This is\n\t * decided upon the link command value (which has a value if the document selection is in the link).\n\t */\n\tprivate _closeFormView(): void {\n\t\tconst linkCommand: LinkCommand = this.editor.commands.get( 'link' )!;\n\n\t\tthis.selectedLinkableText = undefined;\n\n\t\tif ( linkCommand.value !== undefined ) {\n\t\t\tthis._removeFormView();\n\t\t} else {\n\t\t\tthis._hideUI();\n\t\t}\n\t}\n\n\t/**\n\t * Removes the {@link #propertiesView} from the {@link #_balloon}.\n\t */\n\tprivate _removePropertiesView(): void {\n\t\tif ( this._arePropertiesInPanel ) {\n\t\t\tthis._balloon.remove( this.propertiesView! );\n\t\t}\n\t}\n\n\t/**\n\t * Removes the {@link #linkProviderItemsView} from the {@link #_balloon}.\n\t */\n\tprivate _removeLinksProviderView(): void {\n\t\tif ( this._isLinksListInPanel ) {\n\t\t\tthis._balloon.remove( this.linkProviderItemsView! );\n\t\t}\n\t}\n\n\t/**\n\t * Removes the {@link #formView} from the {@link #_balloon}.\n\t */\n\tprivate _removeFormView( updateFocus: boolean = true ): void {\n\t\tif ( this._isFormInPanel ) {\n\t\t\t// Blur the input element before removing it from DOM to prevent issues in some browsers.\n\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/1501.\n\t\t\tthis.formView!.saveButtonView.focus();\n\n\t\t\t// Reset fields to update the state of the submit button.\n\t\t\tthis.formView!.displayedTextInputView.fieldView.reset();\n\t\t\tthis.formView!.urlInputView.fieldView.reset();\n\n\t\t\tthis._balloon.remove( this.formView! );\n\n\t\t\t// Because the form has an input which has focus, the focus must be brought back\n\t\t\t// to the editor. Otherwise, it would be lost.\n\t\t\tif ( updateFocus ) {\n\t\t\t\tthis.editor.editing.view.focus();\n\t\t\t}\n\n\t\t\tthis._hideFakeVisualSelection();\n\t\t}\n\t}\n\n\t/**\n\t * Shows the correct UI type. It is either {@link #formView} or {@link #toolbarView}.\n\t *\n\t * @internal\n\t */\n\tpublic _showUI( forceVisible: boolean = false ): void {\n\t\tif ( !this.formView ) {\n\t\t\tthis._createViews();\n\t\t}\n\n\t\t// When there's no link under the selection, go straight to the editing UI.\n\t\tif ( !this._getSelectedLinkElement() ) {\n\t\t\t// Show visual selection on a text without a link when the contextual balloon is displayed.\n\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/4721.\n\t\t\tthis._showFakeVisualSelection();\n\n\t\t\tthis._addToolbarView();\n\n\t\t\t// Be sure panel with link is visible.\n\t\t\tif ( forceVisible ) {\n\t\t\t\tthis._balloon.showStack( 'main' );\n\t\t\t}\n\n\t\t\tthis._addFormView();\n\t\t}\n\t\t// If there's a link under the selection...\n\t\telse {\n\t\t\t// Go to the editing UI if toolbar is already visible.\n\t\t\tif ( this._isToolbarVisible ) {\n\t\t\t\tthis._addFormView();\n\t\t\t}\n\t\t\t// Otherwise display just the toolbar.\n\t\t\telse {\n\t\t\t\tthis._addToolbarView();\n\t\t\t}\n\n\t\t\t// Be sure panel with link is visible.\n\t\t\tif ( forceVisible ) {\n\t\t\t\tthis._balloon.showStack( 'main' );\n\t\t\t}\n\t\t}\n\n\t\t// Begin responding to ui#update once the UI is added.\n\t\tthis._startUpdatingUI();\n\t}\n\n\t/**\n\t * Removes the {@link #formView} from the {@link #_balloon}.\n\t *\n\t * See {@link #_addFormView}, {@link #_addToolbarView}.\n\t */\n\tprivate _hideUI( updateFocus: boolean = true ): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !this._isUIInPanel ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.stopListening( editor.ui, 'update' );\n\t\tthis.stopListening( this._balloon, 'change:visibleView' );\n\n\t\t// Make sure the focus always gets back to the editable _before_ removing the focused form view.\n\t\t// Doing otherwise causes issues in some browsers. See https://github.com/ckeditor/ckeditor5-link/issues/193.\n\t\tif ( updateFocus ) {\n\t\t\teditor.editing.view.focus();\n\t\t}\n\n\t\t// If the links view is visible, remove it because it can be on top of the stack.\n\t\tthis._removeLinksProviderView();\n\n\t\t// If the properties form view is visible, remove it because it can be on top of the stack.\n\t\tthis._removePropertiesView();\n\n\t\t// Then remove the form view because it's beneath the properties form.\n\t\tthis._removeFormView( updateFocus );\n\n\t\t// Finally, remove the link toolbar view because it's last in the stack.\n\t\tif ( this._isToolbarInPanel ) {\n\t\t\tthis._balloon.remove( this.toolbarView! );\n\t\t}\n\n\t\tthis._hideFakeVisualSelection();\n\t}\n\n\t/**\n\t * Makes the UI react to the {@link module:ui/editorui/editorui~EditorUI#event:update} event to\n\t * reposition itself when the editor UI should be refreshed.\n\t *\n\t * See: {@link #_hideUI} to learn when the UI stops reacting to the `update` event.\n\t */\n\tprivate _startUpdatingUI(): void {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\tlet prevSelectedLink = this._getSelectedLinkElement();\n\t\tlet prevSelectionParent = getSelectionParent();\n\n\t\tconst update = () => {\n\t\t\tconst selectedLink = this._getSelectedLinkElement();\n\t\t\tconst selectionParent = getSelectionParent();\n\n\t\t\t// Hide the panel if:\n\t\t\t//\n\t\t\t// * the selection went out of the EXISTING link element. E.g. user moved the caret out\n\t\t\t//   of the link,\n\t\t\t// * the selection went to a different parent when creating a NEW link. E.g. someone\n\t\t\t//   else modified the document.\n\t\t\t// * the selection has expanded (e.g. displaying link toolbar then pressing SHIFT+Right arrow).\n\t\t\t//\n\t\t\t// Note: #_getSelectedLinkElement will return a link for a non-collapsed selection only\n\t\t\t// when fully selected.\n\t\t\tif ( ( prevSelectedLink && !selectedLink ) ||\n\t\t\t\t( !prevSelectedLink && selectionParent !== prevSelectionParent ) ) {\n\t\t\t\tthis._hideUI();\n\t\t\t}\n\t\t\t// Update the position of the panel when:\n\t\t\t//  * link panel is in the visible stack\n\t\t\t//  * the selection remains in the original link element,\n\t\t\t//  * there was no link element in the first place, i.e. creating a new link\n\t\t\telse if ( this._isUIVisible ) {\n\t\t\t\t// If still in a link element, simply update the position of the balloon.\n\t\t\t\t// If there was no link (e.g. inserting one), the balloon must be moved\n\t\t\t\t// to the new position in the editing view (a new native DOM range).\n\t\t\t\tthis._balloon.updatePosition( this._getBalloonPositionData() );\n\t\t\t}\n\n\t\t\tprevSelectedLink = selectedLink;\n\t\t\tprevSelectionParent = selectionParent;\n\t\t};\n\n\t\tfunction getSelectionParent() {\n\t\t\treturn viewDocument.selection.focus!.getAncestors()\n\t\t\t\t.reverse()\n\t\t\t\t.find( ( node ): node is ViewElement => node.is( 'element' ) );\n\t\t}\n\n\t\tthis.listenTo( editor.ui, 'update', update );\n\t\tthis.listenTo( this._balloon, 'change:visibleView', update );\n\t}\n\n\t/**\n\t * Returns `true` when {@link #propertiesView} is in the {@link #_balloon}.\n\t */\n\tprivate get _arePropertiesInPanel(): boolean {\n\t\treturn !!this.propertiesView && this._balloon.hasView( this.propertiesView );\n\t}\n\n\t/**\n\t * Returns `true` when {@link #linkProviderItemsView} is in the {@link #_balloon}.\n\t */\n\tprivate get _isLinksListInPanel(): boolean {\n\t\treturn !!this.linkProviderItemsView && this._balloon.hasView( this.linkProviderItemsView );\n\t}\n\n\t/**\n\t * Returns `true` when {@link #formView} is in the {@link #_balloon}.\n\t */\n\tprivate get _isFormInPanel(): boolean {\n\t\treturn !!this.formView && this._balloon.hasView( this.formView );\n\t}\n\n\t/**\n\t * Returns `true` when {@link #toolbarView} is in the {@link #_balloon}.\n\t */\n\tprivate get _isToolbarInPanel(): boolean {\n\t\treturn !!this.toolbarView && this._balloon.hasView( this.toolbarView );\n\t}\n\n\t/**\n\t * Returns `true` when {@link #propertiesView} is in the {@link #_balloon} and it is\n\t * currently visible.\n\t */\n\tprivate get _isPropertiesVisible(): boolean {\n\t\treturn !!this.propertiesView && this._balloon.visibleView === this.propertiesView;\n\t}\n\n\t/**\n\t * Returns `true` when {@link #formView} is in the {@link #_balloon} and it is\n\t * currently visible.\n\t */\n\tprivate get _isFormVisible(): boolean {\n\t\treturn !!this.formView && this._balloon.visibleView == this.formView;\n\t}\n\n\t/**\n\t * Returns `true` when {@link #toolbarView} is in the {@link #_balloon} and it is\n\t * currently visible.\n\t */\n\tprivate get _isToolbarVisible(): boolean {\n\t\treturn !!this.toolbarView && this._balloon.visibleView === this.toolbarView;\n\t}\n\n\t/**\n\t * Returns `true` when {@link #propertiesView}, {@link #toolbarView}, {@link #linkProviderItemsView}\n\t * or {@link #formView} is in the {@link #_balloon}.\n\t */\n\tprivate get _isUIInPanel(): boolean {\n\t\treturn this._arePropertiesInPanel || this._isLinksListInPanel || this._isFormInPanel || this._isToolbarInPanel;\n\t}\n\n\t/**\n\t * Returns `true` when {@link #propertiesView}, {@link #linkProviderItemsView}, {@link #toolbarView}\n\t * or {@link #formView} is in the {@link #_balloon} and it is currently visible.\n\t */\n\tprivate get _isUIVisible(): boolean {\n\t\treturn this._isPropertiesVisible || this._isLinksListInPanel || this._isFormVisible || this._isToolbarVisible;\n\t}\n\n\t/**\n\t * Returns positioning options for the {@link #_balloon}. They control the way the balloon is attached\n\t * to the target element or selection.\n\t *\n\t * If the selection is collapsed and inside a link element, the panel will be attached to the\n\t * entire link element. Otherwise, it will be attached to the selection.\n\t */\n\tprivate _getBalloonPositionData(): Partial<DomOptimalPositionOptions> {\n\t\tconst view = this.editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst model = this.editor.model;\n\n\t\tif ( model.markers.has( VISUAL_SELECTION_MARKER_NAME ) ) {\n\t\t\t// There are cases when we highlight selection using a marker (#7705, #4721).\n\t\t\tconst markerViewElements = this.editor.editing.mapper.markerNameToElements( VISUAL_SELECTION_MARKER_NAME );\n\n\t\t\t// Marker could be removed by link text override and end up in the graveyard.\n\t\t\tif ( markerViewElements ) {\n\t\t\t\tconst markerViewElementsArray = Array.from( markerViewElements );\n\t\t\t\tconst newRange = view.createRange(\n\t\t\t\t\tview.createPositionBefore( markerViewElementsArray[ 0 ] ),\n\t\t\t\t\tview.createPositionAfter( markerViewElementsArray[ markerViewElementsArray.length - 1 ] )\n\t\t\t\t);\n\n\t\t\t\treturn {\n\t\t\t\t\ttarget: view.domConverter.viewRangeToDom( newRange )\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\t// Make sure the target is calculated on demand at the last moment because a cached DOM range\n\t\t// (which is very fragile) can desynchronize with the state of the editing view if there was\n\t\t// any rendering done in the meantime. This can happen, for instance, when an inline widget\n\t\t// gets unlinked.\n\t\treturn {\n\t\t\ttarget: () => {\n\t\t\t\tconst targetLink = this._getSelectedLinkElement();\n\n\t\t\t\treturn targetLink ?\n\t\t\t\t\t// When selection is inside link element, then attach panel to this element.\n\t\t\t\t\tview.domConverter.mapViewToDom( targetLink )! :\n\t\t\t\t\t// Otherwise attach panel to the selection.\n\t\t\t\t\tview.domConverter.viewRangeToDom( viewDocument.selection.getFirstRange()! );\n\t\t\t}\n\t\t};\n\t}\n\n\t/**\n\t * Returns the link {@link module:engine/view/attributeelement~ViewAttributeElement} under\n\t * the {@link module:engine/view/document~ViewDocument editing view's} selection or `null`\n\t * if there is none.\n\t *\n\t * **Note**: For a non–collapsed selection, the link element is returned when **fully**\n\t * selected and the **only** element within the selection boundaries, or when\n\t * a linked widget is selected.\n\t */\n\tprivate _getSelectedLinkElement(): ViewAttributeElement | null {\n\t\tconst view = this.editor.editing.view;\n\t\tconst selection = view.document.selection;\n\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\t// The selection is collapsed or some widget is selected (especially inline widget).\n\t\tif ( selection.isCollapsed || selectedElement && isWidget( selectedElement ) ) {\n\t\t\treturn findLinkElementAncestor( selection.getFirstPosition()! );\n\t\t} else {\n\t\t\t// The range for fully selected link is usually anchored in adjacent text nodes.\n\t\t\t// Trim it to get closer to the actual link element.\n\t\t\tconst range = selection.getFirstRange()!.getTrimmed();\n\t\t\tconst startLink = findLinkElementAncestor( range.start );\n\t\t\tconst endLink = findLinkElementAncestor( range.end );\n\n\t\t\tif ( !startLink || startLink != endLink ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\t// Check if the link element is fully selected.\n\t\t\tif ( view.createRangeIn( startLink ).getTrimmed().isEqual( range ) ) {\n\t\t\t\treturn startLink;\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Returns selected link text content.\n\t * If link is not selected it returns the selected text.\n\t * If selection or link includes non text node (inline object or block) then returns undefined.\n\t */\n\tprivate _getSelectedLinkableText(): string | undefined {\n\t\tconst model = this.editor.model;\n\t\tconst editing = this.editor.editing;\n\t\tconst selectedLink = this._getSelectedLinkElement();\n\n\t\tif ( !selectedLink ) {\n\t\t\treturn extractTextFromLinkRange( model.document.selection.getFirstRange()! );\n\t\t}\n\n\t\tconst viewLinkRange = editing.view.createRangeOn( selectedLink );\n\t\tconst linkRange = editing.mapper.toModelRange( viewLinkRange );\n\n\t\treturn extractTextFromLinkRange( linkRange );\n\t}\n\n\t/**\n\t * Returns a provider by its URL.\n\t *\n\t * @param href URL of the link.\n\t * @returns Link provider and item or `null` if not found.\n\t */\n\tprivate _getLinkProviderLinkByHref( href: string ): { provider: LinksProvider; item: LinksProviderDetailedItem } | null {\n\t\tif ( !href ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tfor ( const provider of this._linksProviders ) {\n\t\t\tconst item = provider.getItem ?\n\t\t\t\tprovider.getItem( href ) :\n\t\t\t\tprovider.getListItems().find( item => item.href === href );\n\n\t\t\tif ( item ) {\n\t\t\t\treturn { provider, item };\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Displays a fake visual selection when the contextual balloon is displayed.\n\t *\n\t * This adds a 'link-ui' marker into the document that is rendered as a highlight on selected text fragment.\n\t */\n\tprivate _showFakeVisualSelection(): void {\n\t\tconst model = this.editor.model;\n\n\t\tmodel.change( writer => {\n\t\t\tconst range = model.document.selection.getFirstRange()!;\n\n\t\t\tif ( model.markers.has( VISUAL_SELECTION_MARKER_NAME ) ) {\n\t\t\t\twriter.updateMarker( VISUAL_SELECTION_MARKER_NAME, { range } );\n\t\t\t} else {\n\t\t\t\tif ( range.start.isAtEnd ) {\n\t\t\t\t\tconst startPosition = range.start.getLastMatchingPosition(\n\t\t\t\t\t\t( { item } ) => !model.schema.isContent( item ),\n\t\t\t\t\t\t{ boundaries: range }\n\t\t\t\t\t);\n\n\t\t\t\t\twriter.addMarker( VISUAL_SELECTION_MARKER_NAME, {\n\t\t\t\t\t\tusingOperation: false,\n\t\t\t\t\t\taffectsData: false,\n\t\t\t\t\t\trange: writer.createRange( startPosition, range.end )\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\twriter.addMarker( VISUAL_SELECTION_MARKER_NAME, {\n\t\t\t\t\t\tusingOperation: false,\n\t\t\t\t\t\taffectsData: false,\n\t\t\t\t\t\trange\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Hides the fake visual selection created in {@link #_showFakeVisualSelection}.\n\t */\n\tprivate _hideFakeVisualSelection(): void {\n\t\tconst model = this.editor.model;\n\n\t\tif ( model.markers.has( VISUAL_SELECTION_MARKER_NAME ) ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.removeMarker( VISUAL_SELECTION_MARKER_NAME );\n\t\t\t} );\n\t\t}\n\t}\n}\n\n/**\n * Link list item that represents a single link in the provider's list.\n * It's displayed after the user clicks the button that opens the list in the link form view.\n */\nexport type LinksProviderListItem = {\n\n\t/**\n\t * Unique identifier of the item. Avoids collection malfunction when there are links with the same labels.\n\t */\n\tid: string;\n\n\t/**\n\t * URL of the link.\n\t */\n\thref: string;\n\n\t/**\n\t * Label that is used as a text for the list item.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Optional icon displayed for the item.\n\t */\n\ticon?: string;\n};\n\n/**\n * Link list item with additional attributes that will be used when:\n *\n * \t* The item is selected and the preview of the item is displayed.\n * \t* The user selects the item and the link is created.\n * \t* The user navigates to the item using editing.\n *\n * It can be used to perform additional lookups in the database or to provide additional information about the link.\n */\nexport type LinksProviderDetailedItem = {\n\n\t/**\n\t * URL of the link.\n\t */\n\thref: string;\n\n\t/**\n\t * Optional icon displayed when the user opens toolbar with the item preview.\n\t */\n\ticon?: string;\n\n\t/**\n\t * Optional label shown in the link preview. If not passed then the `href` is used as the label.\n\t */\n\tlabel?: string;\n\n\t/**\n\t * Optional tooltip shown in the link preview.\n\t */\n\ttooltip?: string;\n};\n\n/**\n * Interface for a provider that provides a list of links to be displayed in the link form view.\n */\nexport type LinksProvider = {\n\n\t/**\n\t * Label that serves two purposes:\n\t *\n\t * \t* As a text for the button that opens this link list from within link form view.\n\t * \t* As a text for the header when the list of links from this provider is displayed.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Message to be displayed when there are no items in the list.\n\t * It's optional and if not provided, a default message will be displayed.\n\t */\n\temptyListPlaceholder?: string;\n\n\t/**\n\t * Weight used for ordering providers in the list. Higher weight means the provider will be displayed lower in the list.\n\t *\n\t * @default 0\n\t */\n\torder?: number;\n\n\t/**\n\t * Callback for retrieving an static array of items which is being called every time the list is displayed.\n\t * It's not required to provide all links at once, it's possible to pass only slice of links.\n\t */\n\tgetListItems(): Array<LinksProviderListItem>;\n\n\t/**\n\t * Optional callback for retrieving an item by its URL.\n\t * If not provided the item from the list will be used.\n\t */\n\tgetItem?( href: string ): LinksProviderDetailedItem | null;\n\n\t/**\n\t * Callback called when user clicked the link in the list.\n\t *\n\t * @param item Item that was clicked.\n\t * @returns `true` if the link was handled by the provider, `false` otherwise. It'll prevent the default action if `true`.\n\t */\n\tnavigate?( item: LinksProviderDetailedItem ): boolean;\n};\n\n/**\n * Returns a link element if there's one among the ancestors of the provided `Position`.\n *\n * @param View position to analyze.\n * @returns Link element at the position or null.\n */\nfunction findLinkElementAncestor( position: ViewPosition ): ViewAttributeElement | null {\n\treturn position.getAncestors().find( ( ancestor ): ancestor is ViewAttributeElement => isLinkElement( ancestor ) ) || null;\n}\n\n/**\n * Returns link form validation callbacks.\n *\n * @param editor Editor instance.\n */\nfunction getFormValidators( editor: Editor ): Array<LinkFormValidatorCallback> {\n\tconst t = editor.t;\n\tconst allowCreatingEmptyLinks = editor.config.get( 'link.allowCreatingEmptyLinks' );\n\n\treturn [\n\t\tform => {\n\t\t\tif ( !allowCreatingEmptyLinks && !form.url!.length ) {\n\t\t\t\treturn t( 'Link URL must not be empty.' );\n\t\t\t}\n\t\t}\n\t];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/autolink\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { ClipboardInputTransformationData } from 'ckeditor5/src/clipboard.js';\nimport type { ModelDocumentSelectionChangeEvent, Model, ModelPosition, ModelRange, ModelWriter } from 'ckeditor5/src/engine.js';\nimport { Delete, TextWatcher, getLastTextLine, findAttributeRange, type TextWatcherMatchedDataEvent } from 'ckeditor5/src/typing.js';\nimport type { EnterCommand, ShiftEnterCommand } from 'ckeditor5/src/enter.js';\n\nimport { addLinkProtocolIfApplicable, linkHasProtocol } from './utils.js';\nimport { LinkEditing } from './linkediting.js';\n\nconst MIN_LINK_LENGTH_WITH_SPACE_AT_END = 4; // Ie: \"t.co \" (length 5).\n\n// This was a tweak from https://gist.github.com/dperini/729294.\nconst URL_REG_EXP = new RegExp(\n\t// Group 1: Line start or after a space.\n\t'(^|\\\\s)' +\n\t// Group 2: Detected URL (or e-mail).\n\t'(' +\n\t\t// Protocol identifier or short syntax \"//\"\n\t\t// a. Full form http://user@foo.bar.baz:8080/foo/bar.html#baz?foo=bar\n\t\t'(' +\n\t\t\t'(?:(?:(?:https?|ftp):)?\\\\/\\\\/)' +\n\t\t\t// BasicAuth using user:pass (optional)\n\t\t\t'(?:\\\\S+(?::\\\\S*)?@)?' +\n\t\t\t'(?:' +\n\t\t\t\t// IP address dotted notation octets\n\t\t\t\t// excludes loopback network 0.0.0.0\n\t\t\t\t// excludes reserved space >= 224.0.0.0\n\t\t\t\t// excludes network & broadcast addresses\n\t\t\t\t// (first & last IP address of each class)\n\t\t\t\t'(?:[1-9]\\\\d?|1\\\\d\\\\d|2[01]\\\\d|22[0-3])' +\n\t\t\t\t'(?:\\\\.(?:1?\\\\d{1,2}|2[0-4]\\\\d|25[0-5])){2}' +\n\t\t\t\t'(?:\\\\.(?:[1-9]\\\\d?|1\\\\d\\\\d|2[0-4]\\\\d|25[0-4]))' +\n\t\t\t\t'|' +\n\t\t\t\t'(' +\n\t\t\t\t\t// Do not allow `www.foo` - see https://github.com/ckeditor/ckeditor5/issues/8050.\n\t\t\t\t\t'((?!www\\\\.)|(www\\\\.))' +\n\t\t\t\t\t// Host & domain names.\n\t\t\t\t\t'(?![-_])(?:[-_a-z0-9\\\\u00a1-\\\\uffff]{1,63}\\\\.)+' +\n\t\t\t\t\t// TLD identifier name.\n\t\t\t\t\t'(?:[a-z\\\\u00a1-\\\\uffff]{2,63})' +\n\t\t\t\t')' +\n\t\t\t\t'|' +\n\t\t\t\t// Allow localhost as a valid hostname\n\t\t\t\t'localhost' +\n\t\t\t')' +\n\t\t\t// port number (optional)\n\t\t\t'(?::\\\\d{2,5})?' +\n\t\t\t// resource path (optional)\n\t\t\t'(?:[/?#]\\\\S*)?' +\n\t\t')' +\n\t\t'|' +\n\t\t// b. Short form (either www.example.com or example@example.com)\n\t\t'(' +\n\t\t\t'(www.|(\\\\S+@))' +\n\t\t\t// Host & domain names.\n\t\t\t'((?![-_])(?:[-_a-z0-9\\\\u00a1-\\\\uffff]{1,63}\\\\.))+' +\n\t\t\t// TLD identifier name.\n\t\t\t'(?:[a-z\\\\u00a1-\\\\uffff]{2,63})' +\n\t\t')' +\n\t')$', 'i' );\n\nconst URL_GROUP_IN_MATCH = 2;\n\n/**\n * The autolink plugin.\n */\nexport class AutoLink extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Delete, LinkEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'AutoLink' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\n\t\tselection.on<ModelDocumentSelectionChangeEvent>( 'change:range', () => {\n\t\t\t// Disable plugin when selection is inside a code block.\n\t\t\tthis.isEnabled = !selection.anchor!.parent.is( 'element', 'codeBlock' );\n\t\t} );\n\n\t\tthis._enableTypingHandling();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tthis._enableEnterHandling();\n\t\tthis._enableShiftEnterHandling();\n\t\tthis._enablePasteLinking();\n\t}\n\n\t/**\n\t * For given position, returns a range that includes the whole link that contains the position.\n\t *\n\t * If position is not inside a link, returns `null`.\n\t */\n\tprivate _expandLinkRange( model: Model, position: ModelPosition ): ModelRange | null {\n\t\tif ( position.textNode && position.textNode.hasAttribute( 'linkHref' ) ) {\n\t\t\treturn findAttributeRange( position, 'linkHref', position.textNode.getAttribute( 'linkHref' ), model );\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\t/**\n\t * Extends the document selection to includes all links that intersects with given `selectedRange`.\n\t */\n\tprivate _selectEntireLinks( writer: ModelWriter, selectedRange: ModelRange ): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selStart = selection.getFirstPosition()!;\n\t\tconst selEnd = selection.getLastPosition()!;\n\n\t\tlet updatedSelection = selectedRange.getJoined( this._expandLinkRange( model, selStart ) || selectedRange );\n\t\tif ( updatedSelection ) {\n\t\t\tupdatedSelection = updatedSelection.getJoined( this._expandLinkRange( model, selEnd ) || selectedRange );\n\t\t}\n\n\t\tif ( updatedSelection && ( updatedSelection.start.isBefore( selStart ) || updatedSelection.end.isAfter( selEnd ) ) ) {\n\t\t\t// Only update the selection if it changed.\n\t\t\twriter.setSelection( updatedSelection );\n\t\t}\n\t}\n\n\t/**\n\t * Enables autolinking on pasting a URL when some content is selected.\n\t */\n\tprivate _enablePasteLinking(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst clipboardPipeline = editor.plugins.get( 'ClipboardPipeline' );\n\t\tconst linkCommand = editor.commands.get( 'link' )!;\n\n\t\tclipboardPipeline.on( 'inputTransformation', ( evt, data: ClipboardInputTransformationData ) => {\n\t\t\tif ( !this.isEnabled || !linkCommand.isEnabled || selection.isCollapsed || data.method !== 'paste' ) {\n\t\t\t\t// Abort if we are disabled or the selection is collapsed.\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( selection.rangeCount > 1 ) {\n\t\t\t\t// Abort if there are multiple selection ranges.\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selectedRange = selection.getFirstRange()!;\n\n\t\t\tconst newLink = data.dataTransfer.getData( 'text/plain' );\n\n\t\t\tif ( !newLink ) {\n\t\t\t\t// Abort if there is no plain text on the clipboard.\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst matches = newLink.match( URL_REG_EXP );\n\n\t\t\t// If the text in the clipboard has a URL, and that URL is the whole clipboard.\n\t\t\tif ( matches && matches[ 2 ] === newLink ) {\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\tthis._selectEntireLinks( writer, selectedRange );\n\t\t\t\t\tlinkCommand.execute( newLink );\n\t\t\t\t} );\n\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Enables autolinking on typing.\n\t */\n\tprivate _enableTypingHandling(): void {\n\t\tconst editor = this.editor;\n\n\t\tconst watcher = new TextWatcher( editor.model, text => {\n\t\t\tlet mappedText = text;\n\n\t\t\t// 1. Detect <kbd>Space</kbd> after a text with a potential link.\n\t\t\tif ( !isSingleSpaceAtTheEnd( mappedText ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// 2. Remove the last space character.\n\t\t\tmappedText = mappedText.slice( 0, -1 );\n\n\t\t\t// 3. Remove punctuation at the end of the URL if it exists.\n\t\t\tif ( '!.:,;?'.includes( mappedText[ mappedText.length - 1 ] ) ) {\n\t\t\t\tmappedText = mappedText.slice( 0, -1 );\n\t\t\t}\n\n\t\t\t// 4. Check text before last typed <kbd>Space</kbd> or punctuation.\n\t\t\tconst url = getUrlAtTextEnd( mappedText );\n\n\t\t\tif ( url ) {\n\t\t\t\treturn {\n\t\t\t\t\turl,\n\t\t\t\t\tremovedTrailingCharacters: text.length - mappedText.length\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\twatcher.on<TextWatcherMatchedDataEvent<{ url: string; removedTrailingCharacters: number }>>( 'matched:data', ( evt, data ) => {\n\t\t\tconst { batch, range, url, removedTrailingCharacters } = data;\n\n\t\t\tif ( !batch.isTyping ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst linkEnd = range.end.getShiftedBy( -removedTrailingCharacters ); // Executed after a space character or punctuation.\n\t\t\tconst linkStart = linkEnd.getShiftedBy( -url.length );\n\n\t\t\tconst linkRange = editor.model.createRange( linkStart, linkEnd );\n\n\t\t\tthis._applyAutoLink( url, linkRange );\n\t\t} );\n\n\t\twatcher.bind( 'isEnabled' ).to( this );\n\t}\n\n\t/**\n\t * Enables autolinking on the <kbd>Enter</kbd> key.\n\t */\n\tprivate _enableEnterHandling(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst enterCommand: EnterCommand | undefined = editor.commands.get( 'enter' );\n\n\t\tif ( !enterCommand ) {\n\t\t\treturn;\n\t\t}\n\n\t\tenterCommand.on( 'execute', () => {\n\t\t\tconst position = model.document.selection.getFirstPosition()!;\n\n\t\t\tlet rangeToCheck: ModelRange;\n\n\t\t\t// Previous sibling might not be an element if enter was blocked due to be triggered in a limit element.\n\t\t\tif ( position.parent.previousSibling?.is( 'element' ) ) {\n\t\t\t\trangeToCheck = model.createRangeIn( position.parent.previousSibling );\n\t\t\t} else {\n\t\t\t\trangeToCheck = model.createRange( model.createPositionAt( position.parent, 0 ), position );\n\t\t\t}\n\n\t\t\tthis._checkAndApplyAutoLinkOnRange( rangeToCheck );\n\t\t} );\n\t}\n\n\t/**\n\t * Enables autolinking on the <kbd>Shift</kbd>+<kbd>Enter</kbd> keyboard shortcut.\n\t */\n\tprivate _enableShiftEnterHandling(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tconst shiftEnterCommand: ShiftEnterCommand | undefined = editor.commands.get( 'shiftEnter' );\n\n\t\tif ( !shiftEnterCommand ) {\n\t\t\treturn;\n\t\t}\n\n\t\tshiftEnterCommand.on( 'execute', () => {\n\t\t\tconst position = model.document.selection.getFirstPosition()!;\n\n\t\t\tconst rangeToCheck = model.createRange(\n\t\t\t\tmodel.createPositionAt( position.parent, 0 ),\n\t\t\t\tposition.getShiftedBy( -1 )\n\t\t\t);\n\n\t\t\tthis._checkAndApplyAutoLinkOnRange( rangeToCheck );\n\t\t} );\n\t}\n\n\t/**\n\t * Checks if the passed range contains a linkable text.\n\t */\n\tprivate _checkAndApplyAutoLinkOnRange( rangeToCheck: ModelRange ): void {\n\t\tconst model = this.editor.model;\n\t\tconst { text, range } = getLastTextLine( rangeToCheck, model );\n\n\t\tconst url = getUrlAtTextEnd( text );\n\n\t\tif ( url ) {\n\t\t\tconst linkRange = model.createRange(\n\t\t\t\trange.end.getShiftedBy( -url.length ),\n\t\t\t\trange.end\n\t\t\t);\n\n\t\t\tthis._applyAutoLink( url, linkRange );\n\t\t}\n\t}\n\n\t/**\n\t * Applies a link on a given range if the link should be applied.\n\t *\n\t * @param url The URL to link.\n\t * @param range The text range to apply the link attribute to.\n\t */\n\tprivate _applyAutoLink( url: string, range: ModelRange ): void {\n\t\tconst model = this.editor.model;\n\n\t\tconst defaultProtocol = this.editor.config.get( 'link.defaultProtocol' );\n\t\tconst fullUrl = addLinkProtocolIfApplicable( url, defaultProtocol );\n\n\t\tif ( !this.isEnabled || !isLinkAllowedOnRange( range, model ) || !linkHasProtocol( fullUrl ) || linkIsAlreadySet( range ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._persistAutoLink( fullUrl, range );\n\t}\n\n\t/**\n\t * Enqueues autolink changes in the model.\n\t *\n\t * @param url The URL to link.\n\t * @param range The text range to apply the link attribute to.\n\t */\n\tprivate _persistAutoLink( url: string, range: ModelRange ): void {\n\t\tconst model = this.editor.model;\n\t\tconst deletePlugin = this.editor.plugins.get( 'Delete' );\n\n\t\t// Enqueue change to make undo step.\n\t\tmodel.enqueueChange( writer => {\n\t\t\twriter.setAttribute( 'linkHref', url, range );\n\n\t\t\tmodel.enqueueChange( () => {\n\t\t\t\tdeletePlugin.requestUndoOnBackspace();\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n// Check if text should be evaluated by the plugin in order to reduce number of RegExp checks on whole text.\nfunction isSingleSpaceAtTheEnd( text: string ): boolean {\n\treturn text.length > MIN_LINK_LENGTH_WITH_SPACE_AT_END && text[ text.length - 1 ] === ' ' && text[ text.length - 2 ] !== ' ';\n}\n\nfunction getUrlAtTextEnd( text: string ): string | null {\n\tconst match = URL_REG_EXP.exec( text );\n\n\treturn match ? match[ URL_GROUP_IN_MATCH ] : null;\n}\n\nfunction isLinkAllowedOnRange( range: ModelRange, model: Model ): boolean {\n\treturn model.schema.checkAttributeInSelection( model.createSelection( range ), 'linkHref' );\n}\n\nfunction linkIsAlreadySet( range: ModelRange ): boolean {\n\tconst item = range.start.nodeAfter;\n\treturn !!item && item.hasAttribute( 'linkHref' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/link\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { LinkEditing } from './linkediting.js';\nimport { LinkUI } from './linkui.js';\nimport { AutoLink } from './autolink.js';\n\n/**\n * The link plugin.\n *\n * This is a \"glue\" plugin that loads the {@link module:link/linkediting~LinkEditing link editing feature}\n * and {@link module:link/linkui~LinkUI link UI feature}.\n */\nexport class Link extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ LinkEditing, LinkUI, AutoLink ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Link' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/linkimageediting\n */\n\nimport {\n\tPlugin,\n\ttype Editor\n} from 'ckeditor5/src/core.js';\nimport {\n\tMatcher,\n\ttype UpcastElementEvent,\n\ttype ModelNode,\n\ttype ModelElement,\n\ttype DowncastAttributeEvent,\n\ttype ViewElement,\n\ttype DowncastDispatcher,\n\ttype UpcastDispatcher\n} from 'ckeditor5/src/engine.js';\nimport { toMap } from 'ckeditor5/src/utils.js';\n\nimport { LinkEditing } from './linkediting.js';\nimport { type LinkManualDecorator } from './utils/manualdecorator.js';\nimport { type LinkCommand } from './linkcommand.js';\n\nimport type { ImageUtils } from '@ckeditor/ckeditor5-image';\n\n/**\n * The link image engine feature.\n *\n * It accepts the `linkHref=\"url\"` attribute in the model for the {@link module:image/image~Image `<imageBlock>`} element\n * which allows linking images.\n */\nexport class LinkImageEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ 'ImageEditing', 'ImageUtils', LinkEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LinkImageEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\tif ( editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\tschema.extend( 'imageBlock', { allowAttributes: [ 'linkHref' ] } );\n\t\t}\n\n\t\teditor.conversion.for( 'upcast' ).add( upcastLink( editor ) );\n\t\teditor.conversion.for( 'downcast' ).add( downcastImageLink( editor ) );\n\n\t\t// Definitions for decorators are provided by the `link` command and the `LinkEditing` plugin.\n\t\tthis._enableAutomaticDecorators();\n\t\tthis._enableManualDecorators();\n\t}\n\n\t/**\n\t * Processes {@link module:link/linkconfig~LinkDecoratorAutomaticDefinition automatic decorators} definitions and\n\t * attaches proper converters that will work when linking an image.`\n\t */\n\tprivate _enableAutomaticDecorators(): void {\n\t\tconst editor = this.editor;\n\t\tconst command: LinkCommand = editor.commands.get( 'link' )!;\n\t\tconst automaticDecorators = command.automaticDecorators;\n\n\t\tif ( automaticDecorators.length ) {\n\t\t\teditor.conversion.for( 'downcast' ).add( automaticDecorators.getDispatcherForLinkedImage() );\n\t\t}\n\t}\n\n\t/**\n\t * Processes transformed {@link module:link/utils/manualdecorator~LinkManualDecorator} instances and attaches proper converters\n\t * that will work when linking an image.\n\t */\n\tprivate _enableManualDecorators(): void {\n\t\tconst editor = this.editor;\n\t\tconst command: LinkCommand = editor.commands.get( 'link' )!;\n\n\t\tfor ( const decorator of command.manualDecorators ) {\n\t\t\tif ( editor.plugins.has( 'ImageBlockEditing' ) ) {\n\t\t\t\teditor.model.schema.extend( 'imageBlock', { allowAttributes: decorator.id } );\n\t\t\t}\n\n\t\t\tif ( editor.plugins.has( 'ImageInlineEditing' ) ) {\n\t\t\t\teditor.model.schema.extend( 'imageInline', { allowAttributes: decorator.id } );\n\t\t\t}\n\n\t\t\teditor.conversion.for( 'downcast' ).add( downcastImageLinkManualDecorator( decorator ) );\n\t\t\teditor.conversion.for( 'upcast' ).add( upcastImageLinkManualDecorator( editor, decorator ) );\n\t\t}\n\t}\n}\n\n/**\n * Returns a converter for linked block images that consumes the \"href\" attribute\n * if a link contains an image.\n *\n * @param editor The editor instance.\n */\nfunction upcastLink( editor: Editor ): ( dispatcher: UpcastDispatcher ) => void {\n\tconst isImageInlinePluginLoaded = editor.plugins.has( 'ImageInlineEditing' );\n\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\treturn dispatcher => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:a', ( evt, data, conversionApi ) => {\n\t\t\tconst viewLink = data.viewItem;\n\t\t\tconst imageInLink = imageUtils.findViewImgElement( viewLink );\n\n\t\t\tif ( !imageInLink ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst blockImageView = imageInLink.findAncestor( element => imageUtils.isBlockImageView( element ) );\n\n\t\t\t// There are four possible cases to consider here\n\t\t\t//\n\t\t\t// 1. A \"root > ... > figure.image > a > img\" structure.\n\t\t\t// 2. A \"root > ... > figure.image > a > picture > img\" structure.\n\t\t\t// 3. A \"root > ... > block > a > img\" structure.\n\t\t\t// 4. A \"root > ... > block > a > picture > img\" structure.\n\t\t\t//\n\t\t\t// but the last 2 cases should only be considered by this converter when the inline image plugin\n\t\t\t// is NOT loaded in the editor (because otherwise, that would be a plain, linked inline image).\n\t\t\tif ( isImageInlinePluginLoaded && !blockImageView ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// There's an image inside an <a> element - we consume it so it won't be picked up by the Link plugin.\n\t\t\tconst consumableAttributes = { attributes: [ 'href' ] };\n\n\t\t\t// Consume the `href` attribute so the default one will not convert it to $text attribute.\n\t\t\tif ( !conversionApi.consumable.consume( viewLink, consumableAttributes ) ) {\n\t\t\t\t// Might be consumed by something else - i.e. other converter with priority=highest - a standard check.\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst linkHref = viewLink.getAttribute( 'href' );\n\n\t\t\t// Missing the 'href' attribute.\n\t\t\tif ( !linkHref ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// A full definition of the image feature.\n\t\t\t// figure > a > img: parent of the view link element is an image element (figure).\n\t\t\tlet modelElement: ModelNode | null = data.modelCursor.parent as ModelNode;\n\n\t\t\tif ( !modelElement.is( 'element', 'imageBlock' ) ) {\n\t\t\t\t// a > img: parent of the view link is not the image (figure) element. We need to convert it manually.\n\t\t\t\tconst conversionResult = conversionApi.convertItem( imageInLink, data.modelCursor );\n\n\t\t\t\t// Set image range as conversion result.\n\t\t\t\tdata.modelRange = conversionResult.modelRange;\n\n\t\t\t\t// Continue conversion where image conversion ends.\n\t\t\t\tdata.modelCursor = conversionResult.modelCursor;\n\n\t\t\t\tmodelElement = data.modelCursor.nodeBefore as ModelNode;\n\t\t\t}\n\n\t\t\tif ( modelElement && modelElement.is( 'element', 'imageBlock' ) ) {\n\t\t\t\t// Set the linkHref attribute from link element on model image element.\n\t\t\t\tconversionApi.writer.setAttribute( 'linkHref', linkHref, modelElement );\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t\t// Using the same priority that `upcastImageLinkManualDecorator()` converter guarantees\n\t\t// that manual decorators will decorate the proper element.\n\t};\n}\n\n/**\n * Creates a converter that adds `<a>` to linked block image view elements.\n */\nfunction downcastImageLink( editor: Editor ): ( dispatcher: DowncastDispatcher ) => void {\n\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\treturn dispatcher => {\n\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( 'attribute:linkHref:imageBlock', ( evt, data, conversionApi ) => {\n\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// The image will be already converted - so it will be present in the view.\n\t\t\tconst viewFigure = conversionApi.mapper.toViewElement( data.item )!;\n\t\t\tconst writer = conversionApi.writer;\n\n\t\t\t// But we need to check whether the link element exists.\n\t\t\tconst linkInImage = Array.from( viewFigure.getChildren() )\n\t\t\t\t.find( ( child ): child is ViewElement => child.is( 'element', 'a' ) );\n\t\t\tconst viewImage = imageUtils.findViewImgElement( viewFigure )!;\n\t\t\t// <picture>...<img/></picture> or <img/>\n\t\t\tconst viewImgOrPicture = viewImage.parent!.is( 'element', 'picture' ) ? viewImage.parent : viewImage;\n\n\t\t\t// If so, update the attribute if it's defined or remove the entire link if the attribute is empty.\n\t\t\tif ( linkInImage ) {\n\t\t\t\tif ( data.attributeNewValue ) {\n\t\t\t\t\twriter.setAttribute( 'href', data.attributeNewValue, linkInImage );\n\t\t\t\t} else {\n\t\t\t\t\twriter.move( writer.createRangeOn( viewImgOrPicture ), writer.createPositionAt( viewFigure, 0 ) );\n\t\t\t\t\twriter.remove( linkInImage );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// But if it does not exist. Let's wrap already converted image by newly created link element.\n\t\t\t\t// 1. Create an empty link element.\n\t\t\t\tconst linkElement = writer.createContainerElement( 'a', { href: data.attributeNewValue } );\n\n\t\t\t\t// 2. Insert link inside the associated image.\n\t\t\t\twriter.insert( writer.createPositionAt( viewFigure, 0 ), linkElement );\n\n\t\t\t\t// 3. Move the image to the link.\n\t\t\t\twriter.move( writer.createRangeOn( viewImgOrPicture ), writer.createPositionAt( linkElement, 0 ) );\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t};\n}\n\n/**\n * Returns a converter that decorates the `<a>` element when the image is the link label.\n */\nfunction downcastImageLinkManualDecorator( decorator: LinkManualDecorator ): ( dispatcher: DowncastDispatcher ) => void {\n\treturn dispatcher => {\n\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>( `attribute:${ decorator.id }:imageBlock`, ( evt, data, conversionApi ) => {\n\t\t\tconst viewFigure = conversionApi.mapper.toViewElement( data.item )!;\n\t\t\tconst linkInImage = Array.from( viewFigure.getChildren() )\n\t\t\t\t.find( ( child ): child is ViewElement => child.is( 'element', 'a' ) );\n\n\t\t\t// The <a> element was removed by the time this converter is executed.\n\t\t\t// It may happen when the base `linkHref` and decorator attributes are removed\n\t\t\t// at the same time (see #8401).\n\t\t\tif ( !linkInImage ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Handle deactivated manual decorator.\n\t\t\tif ( data.attributeOldValue ) {\n\t\t\t\tfor ( const key in decorator.attributes ) {\n\t\t\t\t\tconversionApi.writer.removeAttribute( key, linkInImage );\n\t\t\t\t}\n\n\t\t\t\tif ( decorator.classes ) {\n\t\t\t\t\tconversionApi.writer.removeClass( decorator.classes, linkInImage );\n\t\t\t\t}\n\n\t\t\t\tfor ( const key in decorator.styles ) {\n\t\t\t\t\tconversionApi.writer.removeStyle( key, linkInImage );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Handle activated manual decorator.\n\t\t\tif ( data.attributeNewValue ) {\n\t\t\t\tfor ( const [ key, val ] of toMap( decorator.attributes ) ) {\n\t\t\t\t\tconversionApi.writer.setAttribute( key, val, linkInImage );\n\t\t\t\t}\n\n\t\t\t\tif ( decorator.classes ) {\n\t\t\t\t\tconversionApi.writer.addClass( decorator.classes, linkInImage );\n\t\t\t\t}\n\n\t\t\t\tfor ( const key in decorator.styles ) {\n\t\t\t\t\tconversionApi.writer.setStyle( key, decorator.styles[ key ], linkInImage );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t};\n}\n\n/**\n * Returns a converter that checks whether manual decorators should be applied to the link.\n */\nfunction upcastImageLinkManualDecorator( editor: Editor, decorator: LinkManualDecorator ): ( dispatcher: UpcastDispatcher ) => void {\n\tconst isImageInlinePluginLoaded = editor.plugins.has( 'ImageInlineEditing' );\n\tconst imageUtils: ImageUtils = editor.plugins.get( 'ImageUtils' );\n\n\treturn dispatcher => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:a', ( evt, data, conversionApi ) => {\n\t\t\tconst viewLink = data.viewItem;\n\t\t\tconst imageInLink = imageUtils.findViewImgElement( viewLink );\n\n\t\t\t// We need to check whether an image is inside a link because the converter handles\n\t\t\t// only manual decorators for linked images. See #7975.\n\t\t\tif ( !imageInLink ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst blockImageView = imageInLink.findAncestor( element => imageUtils.isBlockImageView( element ) );\n\n\t\t\tif ( isImageInlinePluginLoaded && !blockImageView ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst matcher = new Matcher( decorator._createPattern() );\n\t\t\tconst result = matcher.match( viewLink );\n\n\t\t\t// The link element does not have required attributes or/and proper values.\n\t\t\tif ( !result ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Check whether we can consume those attributes.\n\t\t\tif ( !conversionApi.consumable.consume( viewLink, result.match ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// At this stage we can assume that we have the `<imageBlock>` element.\n\t\t\t// `nodeBefore` comes after conversion: `<a><img></a>`.\n\t\t\t// `parent` comes with full image definition: `<figure><a><img></a></figure>.\n\t\t\t// See the body of the `upcastLink()` function.\n\t\t\tconst modelElement = data.modelCursor.nodeBefore as ModelElement || data.modelCursor.parent;\n\n\t\t\tconversionApi.writer.setAttribute( decorator.id, true, modelElement );\n\t\t}, { priority: 'high' } );\n\t\t// Using the same priority that `upcastLink()` converter guarantees that the linked image was properly converted.\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/linkimageui\n */\n\nimport { ButtonView } from 'ckeditor5/src/ui.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconLink } from 'ckeditor5/src/icons.js';\nimport type {\n\tModelDocumentSelection,\n\tModelSelection,\n\tViewDocumentClickEvent\n} from 'ckeditor5/src/engine.js';\n\nimport type { ImageUtils } from '@ckeditor/ckeditor5-image';\n\nimport { LinkUI } from './linkui.js';\nimport { LinkEditing } from './linkediting.js';\nimport { type LinkCommand } from './linkcommand.js';\n\nimport { LINK_KEYSTROKE } from './utils.js';\n\n/**\n * The link image UI plugin.\n *\n * This plugin provides the `'linkImage'` button that can be displayed in the {@link module:image/imagetoolbar~ImageToolbar}.\n * It can be used to wrap images in links.\n */\nexport class LinkImageUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ LinkEditing, LinkUI, 'ImageBlockEditing' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LinkImageUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\tthis.listenTo<ViewDocumentClickEvent>( viewDocument, 'click', ( evt, data ) => {\n\t\t\tif ( this._isSelectedLinkedImage( editor.model.document.selection ) ) {\n\t\t\t\t// Prevent browser navigation when clicking a linked image.\n\t\t\t\tdata.preventDefault();\n\n\t\t\t\t// Block the `LinkUI` plugin when an image was clicked.\n\t\t\t\t// In such a case, we'd like to display the image toolbar.\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\tthis._createToolbarLinkImageButton();\n\t}\n\n\t/**\n\t * Creates a `LinkImageUI` button view.\n\t *\n\t * Clicking this button shows a {@link module:link/linkui~LinkUI#_balloon} attached to the selection.\n\t * When an image is already linked, the view shows {@link module:link/linkui~LinkUI#toolbarView} or\n\t * {@link module:link/linkui~LinkUI#formView} if it is not.\n\t */\n\tprivate _createToolbarLinkImageButton(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\teditor.ui.componentFactory.add( 'linkImage', locale => {\n\t\t\tconst button = new ButtonView( locale );\n\t\t\tconst plugin = editor.plugins.get( 'LinkUI' );\n\t\t\tconst linkCommand: LinkCommand = editor.commands.get( 'link' )!;\n\n\t\t\tbutton.set( {\n\t\t\t\tisEnabled: true,\n\t\t\t\tlabel: t( 'Link image' ),\n\t\t\t\ticon: IconLink,\n\t\t\t\tkeystroke: LINK_KEYSTROKE,\n\t\t\t\ttooltip: true,\n\t\t\t\tisToggleable: true\n\t\t\t} );\n\n\t\t\t// Bind button to the command.\n\t\t\tbutton.bind( 'isEnabled' ).to( linkCommand, 'isEnabled' );\n\t\t\tbutton.bind( 'isOn' ).to( linkCommand, 'value', value => !!value );\n\n\t\t\t// Show the actionsView or formView (both from LinkUI) on button click depending on whether the image is linked already.\n\t\t\tthis.listenTo( button, 'execute', () => {\n\t\t\t\tif ( this._isSelectedLinkedImage( editor.model.document.selection ) ) {\n\t\t\t\t\tplugin._addToolbarView();\n\t\t\t\t} else {\n\t\t\t\t\tplugin._showUI( true );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\t}\n\n\t/**\n\t * Returns true if a linked image (either block or inline) is the only selected element\n\t * in the model document.\n\t */\n\tprivate _isSelectedLinkedImage( selection: ModelDocumentSelection | ModelSelection ): boolean {\n\t\tconst selectedModelElement = selection.getSelectedElement();\n\t\tconst imageUtils: ImageUtils = this.editor.plugins.get( 'ImageUtils' );\n\n\t\treturn imageUtils.isImage( selectedModelElement ) && selectedModelElement.hasAttribute( 'linkHref' );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 link/linkimage\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { LinkImageEditing } from './linkimageediting.js';\nimport { LinkImageUI } from './linkimageui.js';\n\nimport '../theme/linkimage.css';\n\n/**\n * The `LinkImage` plugin.\n *\n * This is a \"glue\" plugin that loads the {@link module:link/linkimageediting~LinkImageEditing link image editing feature}\n * and {@link module:link/linkimageui~LinkImageUI link image UI feature}.\n */\nexport class LinkImage extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ LinkImageEditing, LinkImageUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LinkImage' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { Delete } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { Enter } from '@ckeditor/ckeditor5-enter/dist/index.js';\nimport { toArray, first, uid, env, CKEditorError, FocusTracker, KeystrokeHandler, global, getCode, parseKeystroke, getLocalizedArrowKeyCodeDirection, createElement } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { _normalizeFontSizeOptions } from '@ckeditor/ckeditor5-font/dist/index.js';\nimport { ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView, View, ViewCollection, FocusCycler, addKeyboardHandlingForGrid, CollapsibleView, LabeledFieldView, createLabeledInputNumber, SwitchButtonView, createDropdown, SplitButtonView, MenuBarMenuView, focusChildOnDropdownOpen } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconNumberedList, IconBulletedList, IconListStyleDisc, IconListStyleCircle, IconListStyleSquare, IconListStyleDecimal, IconListStyleDecimalLeadingZero, IconListStyleLowerRoman, IconListStyleUpperRoman, IconListStyleLowerLatin, IconListStyleUpperLatin, IconTodoList } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { DomEventObserver, Matcher, ModelTreeWalker, getViewFillerOffset } from '@ckeditor/ckeditor5-engine/dist/index.js';\n\n/**\n * Document list blocks iterator.\n *\n * @internal\n */ class ListWalker {\n    /**\n\t * The start list item block element.\n\t */ _startElement;\n    /**\n\t * The reference indent. Initialized by the indent of the start block.\n\t */ _referenceIndent;\n    /**\n\t * The iterating direction.\n\t */ _isForward;\n    /**\n\t * Whether start block should be included in the result (if it's matching other criteria).\n\t */ _includeSelf;\n    /**\n\t * Additional attributes that must be the same for each block.\n\t */ _sameAttributes;\n    /**\n\t * Whether blocks with the same indent level as the start block should be included in the result.\n\t */ _sameIndent;\n    /**\n\t * Whether blocks with a lower indent level than the start block should be included in the result.\n\t */ _lowerIndent;\n    /**\n\t * Whether blocks with a higher indent level than the start block should be included in the result.\n\t */ _higherIndent;\n    /**\n\t * Creates a document list iterator.\n\t *\n\t * @param startElement The start list item block element.\n\t * @param options.direction The iterating direction.\n\t * @param options.includeSelf Whether start block should be included in the result (if it's matching other criteria).\n\t * @param options.sameAttributes Additional attributes that must be the same for each block.\n\t * @param options.sameIndent Whether blocks with the same indent level as the start block should be included\n\t * in the result.\n\t * @param options.lowerIndent Whether blocks with a lower indent level than the start block should be included\n\t * in the result.\n\t * @param options.higherIndent Whether blocks with a higher indent level than the start block should be included\n\t * in the result.\n\t */ constructor(startElement, options){\n        this._startElement = startElement;\n        this._referenceIndent = startElement.getAttribute('listIndent');\n        this._isForward = options.direction == 'forward';\n        this._includeSelf = !!options.includeSelf;\n        this._sameAttributes = toArray(options.sameAttributes || []);\n        this._sameIndent = !!options.sameIndent;\n        this._lowerIndent = !!options.lowerIndent;\n        this._higherIndent = !!options.higherIndent;\n    }\n    /**\n\t * Performs only first step of iteration and returns the result.\n\t *\n\t * @param startElement The start list item block element.\n\t * @param options.direction The iterating direction.\n\t * @param options.includeSelf Whether start block should be included in the result (if it's matching other criteria).\n\t * @param options.sameAttributes Additional attributes that must be the same for each block.\n\t * @param options.sameIndent Whether blocks with the same indent level as the start block should be included\n\t * in the result.\n\t * @param options.lowerIndent Whether blocks with a lower indent level than the start block should be included\n\t * in the result.\n\t * @param options.higherIndent Whether blocks with a higher indent level than the start block should be included\n\t * in the result.\n\t */ static first(startElement, options) {\n        const walker = new this(startElement, options);\n        const iterator = walker[Symbol.iterator]();\n        return first(iterator);\n    }\n    /**\n\t * Iterable interface.\n\t */ *[Symbol.iterator]() {\n        const nestedItems = [];\n        for (const { node } of new SiblingListBlocksIterator(this._getStartNode(), this._isForward ? 'forward' : 'backward')){\n            const indent = node.getAttribute('listIndent');\n            // Leaving a nested list.\n            if (indent < this._referenceIndent) {\n                // Abort searching blocks.\n                if (!this._lowerIndent) {\n                    break;\n                }\n                // While searching for lower indents, update the reference indent to find another parent in the next step.\n                this._referenceIndent = indent;\n            } else if (indent > this._referenceIndent) {\n                // Ignore nested blocks.\n                if (!this._higherIndent) {\n                    continue;\n                }\n                // Collect nested blocks to verify if they are really nested, or it's a different item.\n                if (!this._isForward) {\n                    nestedItems.push(node);\n                    continue;\n                }\n            } else {\n                // Ignore same indent block.\n                if (!this._sameIndent) {\n                    // While looking for nested blocks, stop iterating while encountering first same indent block.\n                    if (this._higherIndent) {\n                        // No more nested blocks so yield nested items.\n                        if (nestedItems.length) {\n                            yield* nestedItems;\n                            nestedItems.length = 0;\n                        }\n                        break;\n                    }\n                    continue;\n                }\n                // Abort if item has any additionally specified attribute different.\n                if (this._sameAttributes.some((attr)=>node.getAttribute(attr) !== this._startElement.getAttribute(attr))) {\n                    break;\n                }\n            }\n            // There is another block for the same list item so the nested items were in the same list item.\n            if (nestedItems.length) {\n                yield* nestedItems;\n                nestedItems.length = 0;\n            }\n            yield node;\n        }\n    }\n    /**\n\t * Returns the model element to start iterating.\n\t */ _getStartNode() {\n        if (this._includeSelf) {\n            return this._startElement;\n        }\n        return this._isForward ? this._startElement.nextSibling : this._startElement.previousSibling;\n    }\n}\n/**\n * Iterates sibling list blocks starting from the given node.\n *\n * @internal\n */ class SiblingListBlocksIterator {\n    _node;\n    _isForward;\n    _previousNodesByIndent = [];\n    _previous = null;\n    _previousNodeIndent = null;\n    /**\n\t * @param node The model node.\n\t * @param direction Iteration direction.\n\t */ constructor(node, direction = 'forward'){\n        this._node = node;\n        this._isForward = direction === 'forward';\n    }\n    [Symbol.iterator]() {\n        return this;\n    }\n    next() {\n        if (!isListItemBlock(this._node)) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        const nodeIndent = this._node.getAttribute('listIndent');\n        let previousNodeInList = null;\n        if (this._previous) {\n            const previousNodeIndent = this._previousNodeIndent;\n            // Let's find previous node for the same indent.\n            // We're going to need that when we get back to previous indent.\n            if (nodeIndent > previousNodeIndent) {\n                this._previousNodesByIndent[previousNodeIndent] = this._previous;\n            } else if (nodeIndent < previousNodeIndent) {\n                previousNodeInList = this._previousNodesByIndent[nodeIndent] || null;\n                this._previousNodesByIndent.length = nodeIndent;\n            } else {\n                previousNodeInList = this._previous;\n            }\n        }\n        const value = {\n            node: this._node,\n            previous: this._previous,\n            previousNodeInList\n        };\n        this._previous = this._node;\n        this._previousNodeIndent = nodeIndent;\n        this._node = this._isForward ? this._node.nextSibling : this._node.previousSibling;\n        return {\n            value,\n            done: false\n        };\n    }\n}\n/**\n * The iterable protocol over the list elements.\n *\n * @internal\n */ class ListBlocksIterable {\n    _listHead;\n    /**\n\t * @param listHead The head element of a list.\n\t */ constructor(listHead){\n        this._listHead = listHead;\n    }\n    /**\n\t * List blocks iterator.\n\t *\n\t * Iterates over all blocks of a list.\n\t */ [Symbol.iterator]() {\n        return new SiblingListBlocksIterator(this._listHead);\n    }\n}\n\n/**\n * The list item ID generator.\n *\n * @internal\n */ class ListItemUid {\n    /**\n\t * Returns the next ID.\n\t *\n\t * @internal\n\t */ /* istanbul ignore next: static function definition -- @preserve */ static next() {\n        return uid();\n    }\n}\n/**\n * Returns true if the given model node is a list item block.\n *\n * @internal\n */ function isListItemBlock(node) {\n    return !!node && node.is('element') && node.hasAttribute('listItemId');\n}\n/**\n * Returns an array with all elements that represents the same list item.\n *\n * It means that values for `listIndent`, and `listItemId` for all items are equal.\n *\n * @internal\n * @param listItem Starting list item element.\n * @param options.higherIndent Whether blocks with a higher indent level than the start block should be included\n * in the result.\n */ function getAllListItemBlocks(listItem, options = {}) {\n    return [\n        ...getListItemBlocks(listItem, {\n            ...options,\n            direction: 'backward'\n        }),\n        ...getListItemBlocks(listItem, {\n            ...options,\n            direction: 'forward'\n        })\n    ];\n}\n/**\n * Returns an array with elements that represents the same list item in the specified direction.\n *\n * It means that values for `listIndent` and `listItemId` for all items are equal.\n *\n * **Note**: For backward search the provided item is not included, but for forward search it is included in the result.\n *\n * @internal\n * @param listItem Starting list item element.\n * @param options.direction Walking direction.\n * @param options.higherIndent Whether blocks with a higher indent level than the start block should be included in the result.\n */ function getListItemBlocks(listItem, options = {}) {\n    const isForward = options.direction == 'forward';\n    const items = Array.from(new ListWalker(listItem, {\n        ...options,\n        includeSelf: isForward,\n        sameIndent: true,\n        sameAttributes: 'listItemId'\n    }));\n    return isForward ? items : items.reverse();\n}\n/**\n * Returns a list items nested inside the given list item.\n *\n * @internal\n */ function getNestedListBlocks(listItem) {\n    return Array.from(new ListWalker(listItem, {\n        direction: 'forward',\n        higherIndent: true\n    }));\n}\n/**\n * Returns array of all blocks/items of the same list as given block (same indent, same type and properties).\n *\n * @internal\n * @param listItem Starting list item element.\n * @param options Additional list walker options to modify the range of returned list items.\n */ function getListItems(listItem, options) {\n    const backwardBlocks = new ListWalker(listItem, {\n        sameIndent: true,\n        sameAttributes: 'listType',\n        ...options\n    });\n    const forwardBlocks = new ListWalker(listItem, {\n        sameIndent: true,\n        sameAttributes: 'listType',\n        includeSelf: true,\n        direction: 'forward',\n        ...options\n    });\n    return [\n        ...Array.from(backwardBlocks).reverse(),\n        ...forwardBlocks\n    ];\n}\n/**\n * Check if the given block is the first in the list item.\n *\n * @internal\n * @param listBlock The list block element.\n */ function isFirstBlockOfListItem(listBlock) {\n    const previousSibling = ListWalker.first(listBlock, {\n        sameIndent: true,\n        sameAttributes: 'listItemId'\n    });\n    if (!previousSibling) {\n        return true;\n    }\n    return false;\n}\n/**\n * Check if the given block is the last in the list item.\n *\n * @internal\n */ function isLastBlockOfListItem(listBlock) {\n    const nextSibling = ListWalker.first(listBlock, {\n        direction: 'forward',\n        sameIndent: true,\n        sameAttributes: 'listItemId'\n    });\n    if (!nextSibling) {\n        return true;\n    }\n    return false;\n}\n/**\n * Expands the given list of selected blocks to include the leading and tailing blocks of partially selected list items.\n *\n * @internal\n * @param blocks The list of selected blocks.\n * @param options.withNested Whether should include nested list items.\n */ function expandListBlocksToCompleteItems(blocks, options = {}) {\n    blocks = toArray(blocks);\n    const higherIndent = options.withNested !== false;\n    const allBlocks = new Set();\n    for (const block of blocks){\n        for (const itemBlock of getAllListItemBlocks(block, {\n            higherIndent\n        })){\n            allBlocks.add(itemBlock);\n        }\n    }\n    return sortBlocks(allBlocks);\n}\n/**\n * Expands the given list of selected blocks to include all the items of the lists they're in.\n *\n * @internal\n * @param blocks The list of selected blocks.\n */ function expandListBlocksToCompleteList(blocks) {\n    blocks = toArray(blocks);\n    const allBlocks = new Set();\n    for (const block of blocks){\n        for (const itemBlock of getListItems(block)){\n            allBlocks.add(itemBlock);\n        }\n    }\n    return sortBlocks(allBlocks);\n}\n/**\n * Splits the list item just before the provided list block.\n *\n * @internal\n * @param listBlock The list block element.\n * @param writer The model writer.\n * @returns The array of updated blocks.\n */ function splitListItemBefore(listBlock, writer) {\n    const blocks = getListItemBlocks(listBlock, {\n        direction: 'forward'\n    });\n    const id = ListItemUid.next();\n    for (const block of blocks){\n        writer.setAttribute('listItemId', id, block);\n    }\n    return blocks;\n}\n/**\n * Merges the list item with the parent list item.\n *\n * @internal\n * @param listBlock The list block element.\n * @param parentBlock The list block element to merge with.\n * @param writer The model writer.\n * @returns The array of updated blocks.\n */ function mergeListItemBefore(listBlock, parentBlock, writer) {\n    const attributes = {};\n    for (const [key, value] of parentBlock.getAttributes()){\n        if (key.startsWith('list')) {\n            attributes[key] = value;\n        }\n    }\n    const blocks = getListItemBlocks(listBlock, {\n        direction: 'forward'\n    });\n    for (const block of blocks){\n        writer.setAttributes(attributes, block);\n    }\n    return blocks;\n}\n/**\n * Increases indentation of given list blocks.\n *\n * @internal\n * @param blocks The block or iterable of blocks.\n * @param writer The model writer.\n * @param options Additional options.\n * @param options.expand Whether should expand the list of blocks to include complete list items.\n * @param options.indentBy The number of levels the indentation should change (could be negative).\n */ function indentBlocks(blocks, writer, { expand, indentBy = 1 } = {}) {\n    blocks = toArray(blocks);\n    // Expand the selected blocks to contain the whole list items.\n    const allBlocks = expand ? expandListBlocksToCompleteItems(blocks) : blocks;\n    for (const block of allBlocks){\n        const blockIndent = block.getAttribute('listIndent') + indentBy;\n        if (blockIndent < 0) {\n            removeListAttributes(block, writer);\n        } else {\n            writer.setAttribute('listIndent', blockIndent, block);\n        }\n    }\n    return allBlocks;\n}\n/**\n * Decreases indentation of given list of blocks. If the indentation of some blocks matches the indentation\n * of surrounding blocks, they get merged together.\n *\n * @internal\n * @param blocks The block or iterable of blocks.\n * @param writer The model writer.\n */ function outdentBlocksWithMerge(blocks, writer) {\n    blocks = toArray(blocks);\n    // Expand the selected blocks to contain the whole list items.\n    const allBlocks = expandListBlocksToCompleteItems(blocks);\n    const visited = new Set();\n    const referenceIndent = Math.min(...allBlocks.map((block)=>block.getAttribute('listIndent')));\n    const parentBlocks = new Map();\n    // Collect parent blocks before the list structure gets altered.\n    for (const block of allBlocks){\n        parentBlocks.set(block, ListWalker.first(block, {\n            lowerIndent: true\n        }));\n    }\n    for (const block of allBlocks){\n        if (visited.has(block)) {\n            continue;\n        }\n        visited.add(block);\n        const blockIndent = block.getAttribute('listIndent') - 1;\n        if (blockIndent < 0) {\n            removeListAttributes(block, writer);\n            continue;\n        }\n        // Merge with parent list item while outdenting and indent matches reference indent.\n        if (block.getAttribute('listIndent') == referenceIndent) {\n            const mergedBlocks = mergeListItemIfNotLast(block, parentBlocks.get(block), writer);\n            // All list item blocks are updated while merging so add those to visited set.\n            for (const mergedBlock of mergedBlocks){\n                visited.add(mergedBlock);\n            }\n            // The indent level was updated while merging so continue to next block.\n            if (mergedBlocks.length) {\n                continue;\n            }\n        }\n        writer.setAttribute('listIndent', blockIndent, block);\n    }\n    return sortBlocks(visited);\n}\n/**\n * Removes all list attributes from the given blocks.\n *\n * @internal\n * @param blocks The block or iterable of blocks.\n * @param writer The model writer.\n * @returns Array of altered blocks.\n */ function removeListAttributes(blocks, writer) {\n    blocks = toArray(blocks);\n    // Convert simple list items to plain paragraphs.\n    for (const block of blocks){\n        if (block.is('element', 'listItem')) {\n            writer.rename(block, 'paragraph');\n        }\n    }\n    // Remove list attributes.\n    for (const block of blocks){\n        for (const attributeKey of block.getAttributeKeys()){\n            if (attributeKey.startsWith('list')) {\n                writer.removeAttribute(attributeKey, block);\n            }\n        }\n    }\n    return blocks;\n}\n/**\n * Checks whether the given blocks are related to a single list item.\n *\n * @internal\n * @param blocks The list block elements.\n */ function isSingleListItem(blocks) {\n    if (!blocks.length) {\n        return false;\n    }\n    const firstItemId = blocks[0].getAttribute('listItemId');\n    if (!firstItemId) {\n        return false;\n    }\n    return !blocks.some((item)=>item.getAttribute('listItemId') != firstItemId);\n}\n/**\n * Modifies the indents of list blocks following the given list block so the indentation is valid after\n * the given block is no longer a list item.\n *\n * @internal\n * @param lastBlock The last list block that has become a non-list element.\n * @param writer The model writer.\n * @returns Array of altered blocks.\n */ function outdentFollowingItems(lastBlock, writer) {\n    const changedBlocks = [];\n    // Start from the model item that is just after the last turned-off item.\n    let currentIndent = Number.POSITIVE_INFINITY;\n    // Correct indent of all items after the last turned off item.\n    // Rules that should be followed:\n    // 1. All direct sub-items of turned-off item should become indent 0, because the first item after it\n    //    will be the first item of a new list. Other items are at the same level, so should have same 0 index.\n    // 2. All items with indent lower than indent of turned-off item should become indent 0, because they\n    //    should not end up as a child of any of list items that they were not children of before.\n    // 3. All other items should have their indent changed relatively to it's parent.\n    //\n    // For example:\n    // 1  * --------\n    // 2     * --------\n    // 3        * --------\t\t\t<-- this is turned off.\n    // 4           * --------\t\t<-- this has to become indent = 0, because it will be first item on a new list.\n    // 5              * --------\t<-- this should be still be a child of item above, so indent = 1.\n    // 6        * --------\t\t\t<-- this has to become indent = 0, because it should not be a child of any of items above.\n    // 7           * --------\t\t<-- this should be still be a child of item above, so indent = 1.\n    // 8     * --------\t\t\t\t<-- this has to become indent = 0.\n    // 9        * --------\t\t\t<-- this should still be a child of item above, so indent = 1.\n    // 10          * --------\t\t<-- this should still be a child of item above, so indent = 2.\n    // 11          * --------\t\t<-- this should still be at the same level as item above, so indent = 2.\n    // 12 * --------\t\t\t\t<-- this and all below are left unchanged.\n    // 13    * --------\n    // 14       * --------\n    //\n    // After turning off 3 the list becomes:\n    //\n    // 1  * --------\n    // 2     * --------\n    //\n    // 3  --------\n    //\n    // 4  * --------\n    // 5     * --------\n    // 6  * --------\n    // 7     * --------\n    // 8  * --------\n    // 9     * --------\n    // 10       * --------\n    // 11       * --------\n    // 12 * --------\n    // 13    * --------\n    // 14       * --------\n    //\n    // Thanks to this algorithm no lists are mismatched and no items get unexpected children/parent, while\n    // those parent-child connection which are possible to maintain are still maintained. It's worth noting\n    // that this is the same effect that we would be get by multiple use of outdent command. However doing\n    // it like this is much more efficient because it's less operation (less memory usage, easier OT) and\n    // less conversion (faster).\n    for (const { node } of new SiblingListBlocksIterator(lastBlock.nextSibling)){\n        // Check each next list item, as long as its indent is higher than 0.\n        const indent = node.getAttribute('listIndent');\n        // If the indent is 0 we are not going to change anything anyway.\n        if (indent == 0) {\n            break;\n        }\n        // We check if that's item indent is lower than current relative indent.\n        if (indent < currentIndent) {\n            // If it is, current relative indent becomes that indent.\n            currentIndent = indent;\n        }\n        // Fix indent relatively to current relative indent.\n        // Note, that if we just changed the current relative indent, the newIndent will be equal to 0.\n        const newIndent = indent - currentIndent;\n        writer.setAttribute('listIndent', newIndent, node);\n        changedBlocks.push(node);\n    }\n    return changedBlocks;\n}\n/**\n * Returns the array of given blocks sorted by model indexes (document order).\n *\n * @internal\n */ function sortBlocks(blocks) {\n    return Array.from(blocks).filter((block)=>block.root.rootName !== '$graveyard').sort((a, b)=>a.index - b.index);\n}\n/**\n * Returns a selected block object. If a selected object is inline or when there is no selected\n * object, `null` is returned.\n *\n * @internal\n * @param model The instance of editor model.\n * @returns Selected block object or `null`.\n */ function getSelectedBlockObject(model) {\n    const selectedElement = model.document.selection.getSelectedElement();\n    if (!selectedElement) {\n        return null;\n    }\n    if (model.schema.isObject(selectedElement) && model.schema.isBlock(selectedElement)) {\n        return selectedElement;\n    }\n    return null;\n}\n/**\n * Checks whether the given block can be replaced by a listItem.\n *\n * Note that this is possible only when multiBlock = false option is set in feature config.\n *\n * @param block A block to be tested.\n * @param schema The schema of the document.\n * @internal\n */ function canBecomeSimpleListItem(block, schema) {\n    return schema.checkChild(block.parent, 'listItem') && schema.checkChild(block, '$text') && !schema.isObject(block);\n}\n/**\n * Returns true if listType is of type `numbered` or `customNumbered`.\n *\n * @internal\n */ function isNumberedListType(listType) {\n    return listType == 'numbered' || listType == 'customNumbered';\n}\n/**\n * Merges a given block to the given parent block if parent is a list item and there is no more blocks in the same item.\n */ function mergeListItemIfNotLast(block, parentBlock, writer) {\n    const parentItemBlocks = getListItemBlocks(parentBlock, {\n        direction: 'forward'\n    });\n    // Merge with parent only if outdented item wasn't the last one in its parent.\n    // Merge:\n    // * a\t\t\t->\t\t* a\n    //   * [b]\t\t->\t\t  b\n    //   c\t\t\t->\t\t  c\n    // Don't merge:\n    // * a\t\t\t->\t\t* a\n    //   * [b]\t\t-> \t\t* b\n    // * c\t\t\t->\t\t* c\n    if (parentItemBlocks.pop().index > block.index) {\n        return mergeListItemBefore(block, parentBlock, writer);\n    }\n    return [];\n}\n\n/**\n * The document list indent command. It is used by the {@link module:list/list~List list feature}.\n */ class ListIndentCommand extends Command {\n    /**\n\t * Determines by how much the command will change the list item's indent attribute.\n\t */ _direction;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param indentDirection The direction of indent. If it is equal to `backward`, the command\n\t * will outdent a list item.\n\t */ constructor(editor, indentDirection){\n        super(editor);\n        this._direction = indentDirection;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Indents or outdents (depending on the {@link #constructor}'s `indentDirection` parameter) selected list items.\n\t *\n\t * @fires execute\n\t * @fires afterExecute\n\t */ execute() {\n        const model = this.editor.model;\n        const blocks = getSelectedListBlocks(model.document.selection);\n        model.change((writer)=>{\n            const changedBlocks = [];\n            // Handle selection contained in the single list item and starting in the following blocks.\n            if (isSingleListItem(blocks) && !isFirstBlockOfListItem(blocks[0])) {\n                // Allow increasing indent of following list item blocks.\n                if (this._direction == 'forward') {\n                    changedBlocks.push(...indentBlocks(blocks, writer));\n                }\n                // For indent make sure that indented blocks have a new ID.\n                // For outdent just split blocks from the list item (give them a new IDs).\n                changedBlocks.push(...splitListItemBefore(blocks[0], writer));\n            } else {\n                // Now just update the attributes of blocks.\n                if (this._direction == 'forward') {\n                    changedBlocks.push(...indentBlocks(blocks, writer, {\n                        expand: true\n                    }));\n                } else {\n                    changedBlocks.push(...outdentBlocksWithMerge(blocks, writer));\n                }\n            }\n            // Align the list item type to match the previous list item (from the same list).\n            for (const block of changedBlocks){\n                // This block become a plain block (for example a paragraph).\n                if (!block.hasAttribute('listType')) {\n                    continue;\n                }\n                const previousItemBlock = ListWalker.first(block, {\n                    sameIndent: true\n                });\n                if (previousItemBlock) {\n                    writer.setAttribute('listType', previousItemBlock.getAttribute('listType'), block);\n                }\n            }\n            this._fireAfterExecute(changedBlocks);\n        });\n    }\n    /**\n\t * Fires the `afterExecute` event.\n\t *\n\t * @param changedBlocks The changed list elements.\n\t */ _fireAfterExecute(changedBlocks) {\n        this.fire('afterExecute', sortBlocks(new Set(changedBlocks)));\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        // Check whether any of position's ancestor is a list item.\n        let blocks = getSelectedListBlocks(this.editor.model.document.selection);\n        let firstBlock = blocks[0];\n        // If selection is not in a list item, the command is disabled.\n        if (!firstBlock) {\n            return false;\n        }\n        // If we are outdenting it is enough to be in list item. Every list item can always be outdented.\n        if (this._direction == 'backward') {\n            return true;\n        }\n        // A single block of a list item is selected, so it could be indented as a sublist.\n        if (isSingleListItem(blocks) && !isFirstBlockOfListItem(blocks[0])) {\n            return true;\n        }\n        blocks = expandListBlocksToCompleteItems(blocks);\n        firstBlock = blocks[0];\n        // Check if there is any list item before selected items that could become a parent of selected items.\n        const siblingItem = ListWalker.first(firstBlock, {\n            sameIndent: true\n        });\n        if (!siblingItem) {\n            return false;\n        }\n        if (siblingItem.getAttribute('listType') == firstBlock.getAttribute('listType')) {\n            return true;\n        }\n        return false;\n    }\n}\n/**\n * Returns an array of selected blocks truncated to the first non list block element.\n */ function getSelectedListBlocks(selection) {\n    const blocks = Array.from(selection.getSelectedBlocks());\n    const firstNonListBlockIndex = blocks.findIndex((block)=>!isListItemBlock(block));\n    if (firstNonListBlockIndex != -1) {\n        blocks.length = firstNonListBlockIndex;\n    }\n    return blocks;\n}\n\n/**\n * The list command. It is used by the {@link module:list/list~List list feature}.\n */ class ListCommand extends Command {\n    /**\n\t * The type of the list created by the command.\n\t */ type;\n    /**\n\t * List Walker options that change the range of the list items to be changed when the selection is collapsed within a list item.\n\t *\n\t * In a multi-level list, when the selection is collapsed within a list item, instead of changing only the list items of the same list\n\t * type and current indent level, the entire list structure is changed (all list items at all indent levels of any list type).\n\t */ _listWalkerOptions;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param type List type that will be handled by this command.\n\t */ constructor(editor, type, options = {}){\n        super(editor);\n        this.type = type;\n        this._listWalkerOptions = options.multiLevel ? {\n            higherIndent: true,\n            lowerIndent: true,\n            sameAttributes: []\n        } : undefined;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.value = this._getValue();\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Executes the list command.\n\t *\n\t * @fires execute\n\t * @fires afterExecute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will try to convert the\n\t * selected items and potentially the neighbor elements to the proper list items. If set to `false` it will convert selected elements\n\t * to paragraphs. If not set, the command will toggle selected elements to list items or paragraphs, depending on the selection.\n\t * @param options.additionalAttributes Additional attributes that are set for list items when the command is executed.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const document = model.document;\n        const selectedBlockObject = getSelectedBlockObject(model);\n        const blocks = Array.from(document.selection.getSelectedBlocks()).filter((block)=>model.schema.checkAttribute(block, 'listType') || canBecomeSimpleListItem(block, model.schema));\n        // Whether we are turning off some items.\n        const turnOff = options.forceValue !== undefined ? !options.forceValue : this.value;\n        model.change((writer)=>{\n            if (turnOff) {\n                const lastBlock = blocks[blocks.length - 1];\n                // Split the first block from the list item.\n                const itemBlocks = getListItemBlocks(lastBlock, {\n                    direction: 'forward'\n                });\n                const changedBlocks = [];\n                if (itemBlocks.length > 1) {\n                    changedBlocks.push(...splitListItemBefore(itemBlocks[1], writer));\n                }\n                // Strip list attributes.\n                changedBlocks.push(...removeListAttributes(blocks, writer));\n                // Outdent items following the selected list item.\n                changedBlocks.push(...outdentFollowingItems(lastBlock, writer));\n                this._fireAfterExecute(changedBlocks);\n            } else if ((selectedBlockObject || document.selection.isCollapsed) && isListItemBlock(blocks[0])) {\n                const changedBlocks = getListItems(selectedBlockObject || blocks[0], this._listWalkerOptions);\n                for (const block of changedBlocks){\n                    writer.setAttributes({\n                        ...options.additionalAttributes,\n                        listType: this.type\n                    }, block);\n                }\n                this._fireAfterExecute(changedBlocks);\n            } else {\n                const changedBlocks = [];\n                for (const block of blocks){\n                    // Promote the given block to the list item.\n                    if (!block.hasAttribute('listType')) {\n                        // Rename block to a simple list item if this option is enabled.\n                        if (!block.is('element', 'listItem') && canBecomeSimpleListItem(block, model.schema)) {\n                            writer.rename(block, 'listItem');\n                        }\n                        writer.setAttributes({\n                            ...options.additionalAttributes,\n                            listIndent: 0,\n                            listItemId: ListItemUid.next(),\n                            listType: this.type\n                        }, block);\n                        changedBlocks.push(block);\n                    } else {\n                        for (const node of expandListBlocksToCompleteItems(block, {\n                            withNested: false\n                        })){\n                            if (node.getAttribute('listType') != this.type) {\n                                writer.setAttributes({\n                                    ...options.additionalAttributes,\n                                    listType: this.type\n                                }, node);\n                                changedBlocks.push(node);\n                            }\n                        }\n                    }\n                }\n                this._fireAfterExecute(changedBlocks);\n            }\n        });\n    }\n    /**\n\t * Fires the `afterExecute` event.\n\t *\n\t * @param changedBlocks The changed list elements.\n\t */ _fireAfterExecute(changedBlocks) {\n        this.fire('afterExecute', sortBlocks(new Set(changedBlocks)));\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */ _getValue() {\n        const selection = this.editor.model.document.selection;\n        const blocks = Array.from(selection.getSelectedBlocks());\n        if (!blocks.length) {\n            return false;\n        }\n        for (const block of blocks){\n            if (block.getAttribute('listType') != this.type) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selection = model.document.selection;\n        const blocks = Array.from(selection.getSelectedBlocks());\n        if (!blocks.length) {\n            return false;\n        }\n        // If command value is true it means that we are in list item, so the command should be enabled.\n        if (this.value) {\n            return true;\n        }\n        for (const block of blocks){\n            if (schema.checkAttribute(block, 'listType') || canBecomeSimpleListItem(block, schema)) {\n                return true;\n            }\n        }\n        return false;\n    }\n}\n\n/**\n * The document list merge command. It is used by the {@link module:list/list~List list feature}.\n */ class ListMergeCommand extends Command {\n    /**\n\t * Whether list item should be merged before or after the selected block.\n\t */ _direction;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param direction Whether list item should be merged before or after the selected block.\n\t */ constructor(editor, direction){\n        super(editor);\n        this._direction = direction;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Merges list blocks together (depending on the {@link #constructor}'s `direction` parameter).\n\t *\n\t * @fires execute\n\t * @fires afterExecute\n\t * @param options Command options.\n\t * @param options.shouldMergeOnBlocksContentLevel When set `true`, merging will be performed together\n\t * with {@link module:engine/model/model~Model#deleteContent} to get rid of the inline content in the selection or take advantage\n\t * of the heuristics in `deleteContent()` that helps convert lists into paragraphs in certain cases.\n\t */ execute({ shouldMergeOnBlocksContentLevel = false } = {}) {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const changedBlocks = [];\n        model.change((writer)=>{\n            const { firstElement, lastElement } = this._getMergeSubjectElements(selection, shouldMergeOnBlocksContentLevel);\n            const firstIndent = firstElement.getAttribute('listIndent') || 0;\n            const lastIndent = lastElement.getAttribute('listIndent');\n            const lastElementId = lastElement.getAttribute('listItemId');\n            if (firstIndent != lastIndent) {\n                const nestedLastElementBlocks = getNestedListBlocks(lastElement);\n                changedBlocks.push(...indentBlocks([\n                    lastElement,\n                    ...nestedLastElementBlocks\n                ], writer, {\n                    indentBy: firstIndent - lastIndent,\n                    // If outdenting, the entire sub-tree that follows must be included.\n                    expand: firstIndent < lastIndent\n                }));\n            }\n            if (shouldMergeOnBlocksContentLevel) {\n                let sel = selection;\n                if (selection.isCollapsed) {\n                    sel = writer.createSelection(writer.createRange(writer.createPositionAt(firstElement, 'end'), writer.createPositionAt(lastElement, 0)));\n                }\n                // Delete selected content. Replace entire content only for non-collapsed selection.\n                model.deleteContent(sel, {\n                    doNotResetEntireContent: selection.isCollapsed\n                });\n                // Get the last \"touched\" element after deleteContent call (can't use the lastElement because\n                // it could get merged into the firstElement while deleting content).\n                const lastElementAfterDelete = sel.getLastPosition().parent;\n                // Check if the element after it was in the same list item and adjust it if needed.\n                const nextSibling = lastElementAfterDelete.nextSibling;\n                changedBlocks.push(lastElementAfterDelete);\n                if (nextSibling && nextSibling !== lastElement && nextSibling.getAttribute('listItemId') == lastElementId) {\n                    changedBlocks.push(...mergeListItemBefore(nextSibling, lastElementAfterDelete, writer));\n                }\n            } else {\n                changedBlocks.push(...mergeListItemBefore(lastElement, firstElement, writer));\n            }\n            this._fireAfterExecute(changedBlocks);\n        });\n    }\n    /**\n\t * Fires the `afterExecute` event.\n\t *\n\t * @param changedBlocks The changed list elements.\n\t */ _fireAfterExecute(changedBlocks) {\n        this.fire('afterExecute', sortBlocks(new Set(changedBlocks)));\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const selectedBlockObject = getSelectedBlockObject(model);\n        if (selection.isCollapsed || selectedBlockObject) {\n            const positionParent = selectedBlockObject || selection.getFirstPosition().parent;\n            if (!isListItemBlock(positionParent)) {\n                return false;\n            }\n            const siblingNode = this._direction == 'backward' ? positionParent.previousSibling : positionParent.nextSibling;\n            if (!siblingNode) {\n                return false;\n            }\n            if (isSingleListItem([\n                positionParent,\n                siblingNode\n            ])) {\n                return false;\n            }\n        } else {\n            const lastPosition = selection.getLastPosition();\n            const firstPosition = selection.getFirstPosition();\n            // If deleting within a single block of a list item, there's no need to merge anything.\n            // The default delete should be executed instead.\n            if (lastPosition.parent === firstPosition.parent) {\n                return false;\n            }\n            if (!isListItemBlock(lastPosition.parent)) {\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Returns the boundary elements the merge should be executed for. These are not necessarily selection's first\n\t * and last position parents but sometimes sibling or even further blocks depending on the context.\n\t *\n\t * @param selection The selection the merge is executed for.\n\t * @param shouldMergeOnBlocksContentLevel When `true`, merge is performed together with\n\t * {@link module:engine/model/model~Model#deleteContent} to remove the inline content within the selection.\n\t */ _getMergeSubjectElements(selection, shouldMergeOnBlocksContentLevel) {\n        const model = this.editor.model;\n        const selectedBlockObject = getSelectedBlockObject(model);\n        let firstElement, lastElement;\n        if (selection.isCollapsed || selectedBlockObject) {\n            const positionParent = selectedBlockObject || selection.getFirstPosition().parent;\n            const isFirstBlock = isFirstBlockOfListItem(positionParent);\n            if (this._direction == 'backward') {\n                lastElement = positionParent;\n                if (isFirstBlock && !shouldMergeOnBlocksContentLevel) {\n                    // For the \"c\" as an anchorElement:\n                    //  * a\n                    //    * b\n                    //  * [c]  <-- this block should be merged with \"a\"\n                    // It should find \"a\" element to merge with:\n                    //  * a\n                    //    * b\n                    //    c\n                    firstElement = ListWalker.first(positionParent, {\n                        sameIndent: true,\n                        lowerIndent: true\n                    });\n                } else {\n                    firstElement = positionParent.previousSibling;\n                }\n            } else {\n                // In case of the forward merge there is no case as above, just merge with next sibling.\n                firstElement = positionParent;\n                lastElement = positionParent.nextSibling;\n            }\n        } else {\n            firstElement = selection.getFirstPosition().parent;\n            lastElement = selection.getLastPosition().parent;\n        }\n        return {\n            firstElement: firstElement,\n            lastElement: lastElement\n        };\n    }\n}\n\n/**\n * The document list split command that splits the list item at the selection.\n *\n * It is used by the {@link module:list/list~List list feature}.\n */ class ListSplitCommand extends Command {\n    /**\n\t * Whether list item should be split before or after the selected block.\n\t */ _direction;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param direction Whether list item should be split before or after the selected block.\n\t */ constructor(editor, direction){\n        super(editor);\n        this._direction = direction;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Splits the list item at the selection.\n\t *\n\t * @fires execute\n\t * @fires afterExecute\n\t */ execute() {\n        const editor = this.editor;\n        editor.model.change((writer)=>{\n            const changedBlocks = splitListItemBefore(this._getStartBlock(), writer);\n            this._fireAfterExecute(changedBlocks);\n        });\n    }\n    /**\n\t * Fires the `afterExecute` event.\n\t *\n\t * @param changedBlocks The changed list elements.\n\t */ _fireAfterExecute(changedBlocks) {\n        this.fire('afterExecute', sortBlocks(new Set(changedBlocks)));\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        const selection = this.editor.model.document.selection;\n        const block = this._getStartBlock();\n        return selection.isCollapsed && isListItemBlock(block) && !isFirstBlockOfListItem(block);\n    }\n    /**\n\t * Returns the model element that is the main focus of the command (according to the current selection and command direction).\n\t */ _getStartBlock() {\n        const doc = this.editor.model.document;\n        const positionParent = doc.selection.getFirstPosition().parent;\n        return this._direction == 'before' ? positionParent : positionParent.nextSibling;\n    }\n}\n\n/**\n * The list item bold integration plugin.\n */ class ListItemBoldIntegration extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListItemBoldIntegration';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const ListFormatting = editor.plugins.get('ListFormatting');\n        const listEditing = editor.plugins.get(ListEditing);\n        if (!editor.plugins.has('BoldEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        ListFormatting.registerFormatAttribute('bold', 'listItemBold');\n        // Register the downcast strategy in init() so that the attribute name is registered before the list editing\n        // registers its converters.\n        // This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n        listEditing.registerDowncastStrategy({\n            scope: 'item',\n            attributeName: 'listItemBold',\n            setAttributeOnDowncast (writer, value, viewElement, options) {\n                if (value) {\n                    writer.addClass('ck-list-marker-bold', viewElement);\n                    // See: https://github.com/ckeditor/ckeditor5/issues/18790.\n                    if (env.isSafari && !(options && options.dataPipeline)) {\n                        writer.setStyle('--ck-content-list-marker-dummy-bold', '0', viewElement);\n                    }\n                }\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const model = editor.model;\n        if (!editor.plugins.has('BoldEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        model.schema.extend('$listItem', {\n            allowAttributes: 'listItemBold'\n        });\n        model.schema.setAttributeProperties('listItemBold', {\n            isFormatting: true\n        });\n        model.schema.addAttributeCheck((context)=>{\n            const item = context.last;\n            if (!item.getAttribute('listItemId')) {\n                return false;\n            }\n        }, 'listItemBold');\n        editor.conversion.for('upcast').attributeToAttribute({\n            model: 'listItemBold',\n            view: {\n                name: 'li',\n                classes: 'ck-list-marker-bold'\n            }\n        });\n    }\n}\n\n/**\n * The list item italic integration plugin.\n */ class ListItemItalicIntegration extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListItemItalicIntegration';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const ListFormatting = editor.plugins.get('ListFormatting');\n        const listEditing = editor.plugins.get(ListEditing);\n        if (!editor.plugins.has('ItalicEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        ListFormatting.registerFormatAttribute('italic', 'listItemItalic');\n        // Register the downcast strategy in init() so that the attribute name is registered before the list editing\n        // registers its converters.\n        // This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n        listEditing.registerDowncastStrategy({\n            scope: 'item',\n            attributeName: 'listItemItalic',\n            setAttributeOnDowncast (writer, value, viewElement, options) {\n                if (value) {\n                    writer.addClass('ck-list-marker-italic', viewElement);\n                    // See: https://github.com/ckeditor/ckeditor5/issues/18790.\n                    if (env.isSafari && !(options && options.dataPipeline)) {\n                        writer.setStyle('--ck-content-list-marker-dummy-italic', '0', viewElement);\n                    }\n                }\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const model = editor.model;\n        if (!editor.plugins.has('ItalicEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        model.schema.extend('$listItem', {\n            allowAttributes: 'listItemItalic'\n        });\n        model.schema.setAttributeProperties('listItemItalic', {\n            isFormatting: true\n        });\n        model.schema.addAttributeCheck((context)=>{\n            const item = context.last;\n            if (!item.getAttribute('listItemId')) {\n                return false;\n            }\n        }, 'listItemItalic');\n        editor.conversion.for('upcast').attributeToAttribute({\n            model: 'listItemItalic',\n            view: {\n                name: 'li',\n                classes: 'ck-list-marker-italic'\n            }\n        });\n    }\n}\n\n/**\n * The list item font size integration plugin.\n */ class ListItemFontSizeIntegration extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListItemFontSizeIntegration';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const ListFormatting = editor.plugins.get('ListFormatting');\n        const listEditing = editor.plugins.get(ListEditing);\n        if (!editor.plugins.has('FontSizeEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        const normalizedFontSizeOptions = _normalizeFontSizeOptions(editor.config.get('fontSize.options'));\n        ListFormatting.registerFormatAttribute('fontSize', 'listItemFontSize');\n        // Register the downcast strategy in init() so that the attribute name is registered before the list editing\n        // registers its converters.\n        // This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n        listEditing.registerDowncastStrategy({\n            scope: 'item',\n            attributeName: 'listItemFontSize',\n            setAttributeOnDowncast (writer, value, viewElement, options) {\n                if (value) {\n                    const fontSizeOption = normalizedFontSizeOptions.find((option)=>option.model == value);\n                    if (fontSizeOption && fontSizeOption.view && typeof fontSizeOption.view != 'string') {\n                        if (fontSizeOption.view.styles) {\n                            writer.addClass('ck-list-marker-font-size', viewElement);\n                            writer.setStyle('--ck-content-list-marker-font-size', fontSizeOption.view.styles['font-size'], viewElement);\n                        } else if (fontSizeOption.view.classes) {\n                            writer.addClass(`ck-list-marker-font-size-${value}`, viewElement);\n                            // See: https://github.com/ckeditor/ckeditor5/issues/18790.\n                            if (env.isSafari && !(options && options.dataPipeline)) {\n                                writer.setStyle('--ck-content-list-marker-dummy-font-size', '0', viewElement);\n                            }\n                        }\n                    } else {\n                        writer.addClass('ck-list-marker-font-size', viewElement);\n                        writer.setStyle('--ck-content-list-marker-font-size', value, viewElement);\n                    }\n                }\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const model = editor.model;\n        if (!editor.plugins.has('FontSizeEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        model.schema.extend('$listItem', {\n            allowAttributes: 'listItemFontSize'\n        });\n        model.schema.setAttributeProperties('listItemFontSize', {\n            isFormatting: true\n        });\n        model.schema.addAttributeCheck((context)=>{\n            const item = context.last;\n            if (!item.getAttribute('listItemId')) {\n                return false;\n            }\n        }, 'listItemFontSize');\n        editor.conversion.for('upcast').elementToAttribute({\n            model: {\n                key: 'listItemFontSize',\n                value: (viewElement)=>viewElement.getStyle('--ck-content-list-marker-font-size')\n            },\n            view: {\n                name: 'li',\n                classes: 'ck-list-marker-font-size',\n                styles: {\n                    '--ck-content-list-marker-font-size': /.*/\n                }\n            }\n        });\n        const fontSizeOptions = _normalizeFontSizeOptions(editor.config.get('fontSize.options'));\n        for (const option of fontSizeOptions){\n            if (option.model && option.view) {\n                editor.conversion.for('upcast').elementToAttribute({\n                    model: {\n                        key: 'listItemFontSize',\n                        value: option.model\n                    },\n                    view: {\n                        name: 'li',\n                        classes: `ck-list-marker-font-size-${option.model}`\n                    }\n                });\n            }\n        }\n    }\n}\n\n/**\n * The list item font color integration plugin.\n */ class ListItemFontColorIntegration extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListItemFontColorIntegration';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const ListFormatting = editor.plugins.get('ListFormatting');\n        const listEditing = editor.plugins.get(ListEditing);\n        if (!editor.plugins.has('FontColorEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        ListFormatting.registerFormatAttribute('fontColor', 'listItemFontColor');\n        // Register the downcast strategy in init() so that the attribute name is registered before the list editing\n        // registers its converters.\n        // This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n        listEditing.registerDowncastStrategy({\n            scope: 'item',\n            attributeName: 'listItemFontColor',\n            setAttributeOnDowncast (writer, value, viewElement) {\n                if (value) {\n                    writer.addClass('ck-list-marker-color', viewElement);\n                    writer.setStyle('--ck-content-list-marker-color', value, viewElement);\n                }\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const model = editor.model;\n        if (!editor.plugins.has('FontColorEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        model.schema.extend('$listItem', {\n            allowAttributes: 'listItemFontColor'\n        });\n        model.schema.setAttributeProperties('listItemFontColor', {\n            isFormatting: true\n        });\n        model.schema.addAttributeCheck((context)=>{\n            const item = context.last;\n            if (!item.getAttribute('listItemId')) {\n                return false;\n            }\n        }, 'listItemFontColor');\n        editor.conversion.for('upcast').attributeToAttribute({\n            model: {\n                key: 'listItemFontColor',\n                value: (viewElement)=>{\n                    return viewElement.getStyle('--ck-content-list-marker-color');\n                }\n            },\n            view: {\n                name: 'li',\n                classes: 'ck-list-marker-color',\n                styles: {\n                    '--ck-content-list-marker-color': /.*/\n                }\n            }\n        });\n    }\n}\n\n/**\n * The list item font family integration plugin.\n */ class ListItemFontFamilyIntegration extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListItemFontFamilyIntegration';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const ListFormatting = editor.plugins.get('ListFormatting');\n        const listEditing = editor.plugins.get(ListEditing);\n        if (!editor.plugins.has('FontFamilyEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        ListFormatting.registerFormatAttribute('fontFamily', 'listItemFontFamily');\n        // Register the downcast strategy in init() so that the attribute name is registered before the list editing\n        // registers its converters.\n        // This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n        listEditing.registerDowncastStrategy({\n            scope: 'item',\n            attributeName: 'listItemFontFamily',\n            setAttributeOnDowncast (writer, value, viewElement) {\n                // There is no need of removing the style because downcast strategies handles it automatically.\n                if (value) {\n                    writer.addClass('ck-list-marker-font-family', viewElement);\n                    writer.setStyle('--ck-content-list-marker-font-family', value, viewElement);\n                }\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const model = editor.model;\n        if (!editor.plugins.has('FontFamilyEditing') || !this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        model.schema.extend('$listItem', {\n            allowAttributes: 'listItemFontFamily'\n        });\n        model.schema.setAttributeProperties('listItemFontFamily', {\n            isFormatting: true\n        });\n        model.schema.addAttributeCheck((context)=>{\n            const item = context.last;\n            if (!item.getAttribute('listItemId')) {\n                return false;\n            }\n        }, 'listItemFontFamily');\n        editor.conversion.for('upcast').attributeToAttribute({\n            model: {\n                key: 'listItemFontFamily',\n                value: (viewElement)=>{\n                    return viewElement.getStyle('--ck-content-list-marker-font-family');\n                }\n            },\n            view: {\n                name: 'li',\n                classes: 'ck-list-marker-font-family',\n                styles: {\n                    '--ck-content-list-marker-font-family': /.*/\n                }\n            }\n        });\n    }\n}\n\n/**\n * The list formatting plugin.\n *\n * It enables integration with formatting plugins to style the list marker.\n * The list marker is styled based on the consistent formatting applied to the content of the list item.\n *\n * The list of supported formatting plugins includes:\n * * Font color.\n * * Font size.\n * * Font family.\n * * Bold.\n * * Italic.\n */ class ListFormatting extends Plugin {\n    /**\n\t * The list of loaded formatting.\n\t */ _loadedFormatting = {};\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListFormatting';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListItemBoldIntegration,\n            ListItemItalicIntegration,\n            ListItemFontSizeIntegration,\n            ListItemFontColorIntegration,\n            ListItemFontFamilyIntegration\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('list.enableListItemMarkerFormatting', true);\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        if (!this.editor.config.get('list.enableListItemMarkerFormatting')) {\n            return;\n        }\n        this._registerPostfixerForListItemFormatting();\n    }\n    /**\n\t * Registers a postfixer that ensures that the list item formatting attribute is consistent with the formatting\n\t * applied to the content of the list item.\n\t */ _registerPostfixerForListItemFormatting() {\n        const model = this.editor.model;\n        model.document.registerPostFixer((writer)=>{\n            const changes = model.document.differ.getChanges();\n            const modifiedListItems = new Set();\n            let returnValue = false;\n            for (const entry of changes){\n                if (entry.type === 'attribute') {\n                    if (entry.attributeKey == 'listItemId' || entry.attributeKey == 'listType' || this._isInlineOrSelectionFormatting(entry.attributeKey) || Object.values(this._loadedFormatting).includes(entry.attributeKey)) {\n                        if (isListItemBlock(entry.range.start.nodeAfter)) {\n                            modifiedListItems.add(entry.range.start.nodeAfter);\n                        } else if (isListItemBlock(entry.range.start.parent)) {\n                            modifiedListItems.add(entry.range.start.parent);\n                        }\n                    }\n                } else {\n                    if (isListItemBlock(entry.position.nodeAfter)) {\n                        modifiedListItems.add(entry.position.nodeAfter);\n                    }\n                    if (isListItemBlock(entry.position.nodeBefore)) {\n                        modifiedListItems.add(entry.position.nodeBefore);\n                    }\n                    if (isListItemBlock(entry.position.parent)) {\n                        modifiedListItems.add(entry.position.parent);\n                    }\n                    if (entry.type == 'insert' && entry.name != '$text') {\n                        const range = writer.createRangeIn(entry.position.nodeAfter);\n                        for (const item of range.getItems()){\n                            if (isListItemBlock(item)) {\n                                modifiedListItems.add(item);\n                            }\n                        }\n                    }\n                }\n            }\n            for (const listItem of modifiedListItems){\n                const formats = getListItemConsistentFormat(model, listItem, Object.keys(this._loadedFormatting));\n                for (const [formatAttributeName, formatValue] of Object.entries(formats)){\n                    const listItemFormatAttributeName = this._loadedFormatting[formatAttributeName];\n                    if (formatValue && setFormattingToListItem(writer, listItem, listItemFormatAttributeName, formatValue)) {\n                        returnValue = true;\n                    } else if (!formatValue && removeFormattingFromListItem(writer, listItem, listItemFormatAttributeName)) {\n                        returnValue = true;\n                    }\n                }\n            }\n            return returnValue;\n        });\n    }\n    /**\n\t * Registers an integration between a default attribute (e.g., `fontFamily`) and a new attribute\n\t * intended specifically for list item elements (e.g., `listItemFontFamily`).\n\t *\n\t * These attributes are later used by the postfixer logic to determine whether to add the new attribute\n\t * to the list item element, based on whether there is a consistent default formatting attribute\n\t * applied within its content.\n\t */ registerFormatAttribute(formatAttribute, listItemFormatAttribute) {\n        this._loadedFormatting[formatAttribute] = listItemFormatAttribute;\n    }\n    /**\n\t * Returns true if the given model attribute name is a supported inline formatting attribute.\n\t */ _isInlineOrSelectionFormatting(attributeKey) {\n        return attributeKey.replace(/^selection:/, '') in this._loadedFormatting;\n    }\n}\n/**\n * Returns the consistent format of the list item element.\n * If the list item contains multiple blocks, it checks only the first block.\n */ function getListItemConsistentFormat(model, listItem, attributeKeys) {\n    if (isFirstBlockOfListItem(listItem)) {\n        return getSingleListItemConsistentFormat(model, listItem, attributeKeys);\n    }\n    // Always the first block of the list item should be checked for consistent formatting.\n    const listItemBlocks = getAllListItemBlocks(listItem);\n    return getSingleListItemConsistentFormat(model, listItemBlocks[0], attributeKeys);\n}\n/**\n * Returns the consistent format of a single list item element.\n */ function getSingleListItemConsistentFormat(model, listItem, attributeKeys) {\n    // Only bulleted and numbered lists can have formatting (to-do lists are not supported).\n    // Do not check internals of limit elements (for example, do not check table cells).\n    if (!isNumberedOrBulletedList(listItem) || model.schema.isLimit(listItem)) {\n        return Object.fromEntries(attributeKeys.map((attributeKey)=>[\n                attributeKey\n            ]));\n    }\n    if (listItem.isEmpty) {\n        return Object.fromEntries(attributeKeys.map((attributeKey)=>[\n                attributeKey,\n                listItem.getAttribute(`selection:${attributeKey}`)\n            ]));\n    }\n    const attributesToCheck = new Set(attributeKeys);\n    const valuesMap = {};\n    const range = model.createRangeIn(listItem);\n    const walker = range.getWalker({\n        ignoreElementEnd: true\n    });\n    for (const { item } of walker){\n        for (const attributeKey of attributesToCheck){\n            if (model.schema.checkAttribute(item, attributeKey)) {\n                const formatAttribute = item.getAttribute(attributeKey);\n                if (formatAttribute === undefined) {\n                    attributesToCheck.delete(attributeKey);\n                    valuesMap[attributeKey] = undefined;\n                } else if (valuesMap[attributeKey] === undefined) {\n                    // First item inside a list item block.\n                    valuesMap[attributeKey] = formatAttribute;\n                } else if (valuesMap[attributeKey] !== formatAttribute) {\n                    // Following items in the same block of a list item.\n                    attributesToCheck.delete(attributeKey);\n                    valuesMap[attributeKey] = undefined;\n                }\n            } else if (!(attributeKey in valuesMap)) {\n                // Store it so a format would be removed when all items in the given list item does not allow that formatting.\n                valuesMap[attributeKey] = undefined;\n            }\n        }\n        // End early if all attributes have been checked and are inconsistent.\n        if (!attributesToCheck.size) {\n            break;\n        }\n        // Jump over inline limit elements as we expect only outside them to be the same formatting.\n        if (model.schema.isLimit(item)) {\n            walker.jumpTo(model.createPositionAfter(item));\n        }\n    }\n    return valuesMap;\n}\n/**\n * Adds the specified formatting attribute to the list item element.\n */ function setFormattingToListItem(writer, listItem, attributeKey, attributeValue) {\n    // Multi-block items should have consistent formatting.\n    const listItemBlocks = getAllListItemBlocks(listItem);\n    let wasChanged = false;\n    for (const listItem of listItemBlocks){\n        if (!listItem.hasAttribute(attributeKey) || listItem.getAttribute(attributeKey) !== attributeValue) {\n            writer.setAttribute(attributeKey, attributeValue, listItem);\n            wasChanged = true;\n        }\n    }\n    return wasChanged;\n}\n/**\n * Removes the specified formatting attribute from the list item element.\n */ function removeFormattingFromListItem(writer, listItem, attributeKey) {\n    // Multi-block items should have consistent formatting.\n    const listItemBlocks = getAllListItemBlocks(listItem);\n    let wasChanged = false;\n    for (const listItem of listItemBlocks){\n        if (listItem.hasAttribute(attributeKey)) {\n            writer.removeAttribute(attributeKey, listItem);\n            wasChanged = true;\n        }\n    }\n    return wasChanged;\n}\n/**\n * Checks if the given list type is a numbered or bulleted list.\n */ function isNumberedOrBulletedList(listItem) {\n    return [\n        'numbered',\n        'bulleted',\n        'customNumbered',\n        'customBulleted'\n    ].includes(listItem.getAttribute('listType'));\n}\n\n/**\n * A set of helpers related to document lists.\n */ class ListUtils extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * Expands the given list of selected blocks to include all the items of the lists they're in.\n\t *\n\t * @param blocks The list of selected blocks.\n\t */ expandListBlocksToCompleteList(blocks) {\n        return expandListBlocksToCompleteList(blocks);\n    }\n    /**\n\t * Check if the given block is the first in the list item.\n\t *\n\t * @param listBlock The list block element.\n\t */ isFirstBlockOfListItem(listBlock) {\n        return isFirstBlockOfListItem(listBlock);\n    }\n    /**\n\t * Returns true if the given model node is a list item block.\n\t *\n\t * @param node A model node.\n\t */ isListItemBlock(node) {\n        return isListItemBlock(node);\n    }\n    /**\n\t * Expands the given list of selected blocks to include the leading and tailing blocks of partially selected list items.\n\t *\n\t * @param blocks The list of selected blocks.\n\t * @param options.withNested Whether should include nested list items.\n\t */ expandListBlocksToCompleteItems(blocks, options = {}) {\n        return expandListBlocksToCompleteItems(blocks, options);\n    }\n    /**\n\t * Returns true if listType is of type `numbered` or `customNumbered`.\n\t */ isNumberedListType(listType) {\n        return isNumberedListType(listType);\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module list/list/utils/view\n */ /**\n * Checks if view element is a list type (ul or ol).\n *\n * @internal\n */ function isListView(viewElement) {\n    return viewElement.is('element', 'ol') || viewElement.is('element', 'ul');\n}\n/**\n * Checks if view element is a list item (li).\n *\n * @internal\n */ function isListItemView(viewElement) {\n    return viewElement.is('element', 'li');\n}\n/**\n * Calculates the indent value for a list item. Handles HTML compliant and non-compliant lists.\n *\n * Also, fixes non HTML compliant lists indents:\n *\n * ```\n * before:                                     fixed list:\n * OL                                          OL\n * |-> LI (parent LIs: 0)                      |-> LI     (indent: 0)\n *     |-> OL                                  |-> OL\n *         |-> OL                                  |\n *         |   |-> OL                              |\n *         |       |-> OL                          |\n *         |           |-> LI (parent LIs: 1)      |-> LI (indent: 1)\n *         |-> LI (parent LIs: 1)                  |-> LI (indent: 1)\n *\n * before:                                     fixed list:\n * OL                                          OL\n * |-> OL                                      |\n *     |-> OL                                  |\n *          |-> OL                             |\n *              |-> LI (parent LIs: 0)         |-> LI        (indent: 0)\n *\n * before:                                     fixed list:\n * OL                                          OL\n * |-> LI (parent LIs: 0)                      |-> LI         (indent: 0)\n * |-> OL                                          |-> OL\n *     |-> LI (parent LIs: 0)                          |-> LI (indent: 1)\n * ```\n *\n * @internal\n */ function getIndent$1(listItem) {\n    let indent = 0;\n    let parent = listItem.parent;\n    while(parent){\n        // Each LI in the tree will result in an increased indent for HTML compliant lists.\n        if (isListItemView(parent)) {\n            indent++;\n        } else {\n            // If however the list is nested in other list we should check previous sibling of any of the list elements...\n            const previousSibling = parent.previousSibling;\n            // ...because the we might need increase its indent:\n            //\t\tbefore:                           fixed list:\n            //\t\tOL                                OL\n            //\t\t|-> LI (parent LIs: 0)            |-> LI         (indent: 0)\n            //\t\t|-> OL                                |-> OL\n            //\t\t    |-> LI (parent LIs: 0)                |-> LI (indent: 1)\n            if (previousSibling && isListItemView(previousSibling)) {\n                indent++;\n            }\n        }\n        parent = parent.parent;\n    }\n    return indent;\n}\n/**\n * Creates a list attribute element (ol or ul).\n *\n * @internal\n */ function createListElement(writer, indent, type, id = getViewElementIdForListType(type, indent)) {\n    // Negative priorities so that restricted editing attribute won't wrap lists.\n    return writer.createAttributeElement(getViewElementNameForListType(type), null, {\n        priority: 2 * indent / 100 - 100,\n        id\n    });\n}\n/**\n * Creates a list item attribute element (li).\n *\n * @internal\n */ function createListItemElement(writer, indent, id) {\n    // Negative priorities so that restricted editing attribute won't wrap list items.\n    return writer.createAttributeElement('li', null, {\n        priority: (2 * indent + 1) / 100 - 100,\n        id\n    });\n}\n/**\n * Returns a view element name for the given list type.\n *\n * @internal\n */ function getViewElementNameForListType(type) {\n    return type == 'numbered' || type == 'customNumbered' ? 'ol' : 'ul';\n}\n/**\n * Returns a view element ID for the given list type and indent.\n *\n * @internal\n */ function getViewElementIdForListType(type, indent) {\n    return `list-${type}-${indent}`;\n}\n\n/**\n * Based on the provided positions looks for the list head and stores it in the provided map.\n *\n * @internal\n * @param position The search starting position.\n * @param itemToListHead The map from list item element to the list head element.\n * @param visited A set of elements that were already visited.\n */ function findAndAddListHeadToMap(position, itemToListHead, visited) {\n    const previousNode = position.nodeBefore;\n    if (!isListItemBlock(previousNode)) {\n        const item = position.nodeAfter;\n        if (isListItemBlock(item)) {\n            itemToListHead.add(item);\n        }\n    } else {\n        let listHead = previousNode;\n        // Previously, the loop below was defined like this:\n        //\n        // \t\tfor ( { node: listHead } of new SiblingListBlocksIterator( listHead, 'backward' ) )\n        //\n        // Unfortunately, such a destructuring is incorrectly transpiled by Babel and the loop never ends.\n        // See: https://github.com/ckeditor/ckeditor5-react/issues/345.\n        for (const { node } of new SiblingListBlocksIterator(listHead, 'backward')){\n            listHead = node;\n            if (visited.has(listHead)) {\n                return;\n            }\n            visited.add(listHead);\n            if (itemToListHead.has(previousNode)) {\n                return;\n            }\n        }\n        itemToListHead.add(listHead);\n    }\n}\n/**\n * Scans the list starting from the given list head element and fixes items' indentation.\n *\n * @internal\n * @param listNodes The iterable of list nodes.\n * @param writer The model writer.\n * @returns Whether the model was modified.\n */ function fixListIndents(listNodes, writer) {\n    let maxIndent = 0; // Guards local sublist max indents that need fixing.\n    let prevIndent = -1; // Previous item indent.\n    let fixBy = null;\n    let applied = false;\n    for (const { node } of listNodes){\n        const itemIndent = node.getAttribute('listIndent');\n        if (itemIndent > maxIndent) {\n            let newIndent;\n            if (fixBy === null) {\n                fixBy = itemIndent - maxIndent;\n                newIndent = maxIndent;\n            } else {\n                if (fixBy > itemIndent) {\n                    fixBy = itemIndent;\n                }\n                newIndent = itemIndent - fixBy;\n            }\n            if (newIndent > prevIndent + 1) {\n                newIndent = prevIndent + 1;\n            }\n            writer.setAttribute('listIndent', newIndent, node);\n            applied = true;\n            prevIndent = newIndent;\n        } else {\n            fixBy = null;\n            maxIndent = itemIndent + 1;\n            prevIndent = itemIndent;\n        }\n    }\n    return applied;\n}\n/**\n * Scans the list starting from the given list head element and fixes items' types.\n *\n * @internal\n * @param listNodes The iterable of list nodes.\n * @param seenIds The set of already known IDs.\n * @param writer The model writer.\n * @returns Whether the model was modified.\n */ function fixListItemIds(listNodes, seenIds, writer) {\n    const visited = new Set();\n    let applied = false;\n    for (const { node } of listNodes){\n        if (visited.has(node)) {\n            continue;\n        }\n        let listType = node.getAttribute('listType');\n        let listItemId = node.getAttribute('listItemId');\n        // Use a new ID if this one was spot earlier (even in other list).\n        if (seenIds.has(listItemId)) {\n            listItemId = ListItemUid.next();\n        }\n        seenIds.add(listItemId);\n        // Make sure that all items in a simple list have unique IDs.\n        if (node.is('element', 'listItem')) {\n            if (node.getAttribute('listItemId') != listItemId) {\n                writer.setAttribute('listItemId', listItemId, node);\n                applied = true;\n            }\n            continue;\n        }\n        for (const block of getListItemBlocks(node, {\n            direction: 'forward'\n        })){\n            visited.add(block);\n            // Use a new ID if a block of a bigger list item has different type.\n            if (block.getAttribute('listType') != listType) {\n                listItemId = ListItemUid.next();\n                listType = block.getAttribute('listType');\n            }\n            if (block.getAttribute('listItemId') != listItemId) {\n                writer.setAttribute('listItemId', listItemId, block);\n                applied = true;\n            }\n        }\n    }\n    return applied;\n}\n\n/**\n * Returns the upcast converter for list items. It's supposed to work after the block converters (content inside list items) are converted.\n *\n * @internal\n */ function listItemUpcastConverter() {\n    return (evt, data, conversionApi)=>{\n        const { writer, schema } = conversionApi;\n        if (!data.modelRange) {\n            return;\n        }\n        const items = Array.from(data.modelRange.getItems({\n            shallow: true\n        })).filter((item)=>schema.checkAttribute(item, 'listItemId'));\n        if (!items.length) {\n            return;\n        }\n        const listItemId = data.viewItem.getAttribute('data-list-item-id') || ListItemUid.next();\n        conversionApi.consumable.consume(data.viewItem, {\n            attributes: 'data-list-item-id'\n        });\n        const listIndent = getIndent$1(data.viewItem);\n        let listType = data.viewItem.parent && data.viewItem.parent.is('element', 'ol') ? 'numbered' : 'bulleted';\n        // Preserve list type if was already set (for example by to-do list feature).\n        const firstItemListType = items[0].getAttribute('listType');\n        if (firstItemListType) {\n            listType = firstItemListType;\n        }\n        const attributes = {\n            listItemId,\n            listIndent,\n            listType\n        };\n        for (const item of items){\n            // Set list attributes only on same level items, those nested deeper are already handled by the recursive conversion.\n            if (!item.hasAttribute('listItemId')) {\n                writer.setAttributes(attributes, item);\n            }\n        }\n        if (items.length > 1) {\n            // Make sure that list item that contain only nested list will preserve paragraph for itself:\n            //\t<ul>\n            //\t\t<li>\n            //\t\t\t<p></p>  <-- this one must be kept\n            //\t\t\t<ul>\n            //\t\t\t\t<li></li>\n            //\t\t\t</ul>\n            //\t\t</li>\n            //\t</ul>\n            if (items[1].getAttribute('listItemId') != attributes.listItemId) {\n                conversionApi.keepEmptyElement(items[0]);\n            }\n        }\n    };\n}\n/**\n * Returns a model document change:data event listener that triggers conversion of related items if needed.\n *\n * @internal\n * @param model The editor model.\n * @param editing The editing controller.\n * @param attributeNames The list of all model list attributes (including registered strategies).\n * @param listEditing The document list editing plugin.\n */ function reconvertItemsOnDataChange(model, editing, attributeNames, listEditing) {\n    return ()=>{\n        const changes = model.document.differ.getChanges();\n        const itemsToRefresh = [];\n        const itemToListHead = new Set();\n        const changedItems = new Set();\n        const visited = new Set();\n        for (const entry of changes){\n            if (entry.type == 'insert' && entry.name != '$text') {\n                findAndAddListHeadToMap(entry.position, itemToListHead, visited);\n                // Insert of a non-list item.\n                if (!entry.attributes.has('listItemId')) {\n                    findAndAddListHeadToMap(entry.position.getShiftedBy(entry.length), itemToListHead, visited);\n                } else {\n                    changedItems.add(entry.position.nodeAfter);\n                }\n            } else if (entry.type == 'remove' && entry.attributes.has('listItemId')) {\n                findAndAddListHeadToMap(entry.position, itemToListHead, visited);\n            } else if (entry.type == 'attribute') {\n                const item = entry.range.start.nodeAfter;\n                if (attributeNames.includes(entry.attributeKey)) {\n                    findAndAddListHeadToMap(entry.range.start, itemToListHead, visited);\n                    if (entry.attributeNewValue === null) {\n                        findAndAddListHeadToMap(entry.range.start.getShiftedBy(1), itemToListHead, visited);\n                        // Check if paragraph should be converted from bogus to plain paragraph.\n                        if (doesItemBlockRequiresRefresh(item)) {\n                            itemsToRefresh.push(item);\n                        }\n                    } else {\n                        changedItems.add(item);\n                    }\n                } else if (isListItemBlock(item)) {\n                    // Some other attribute was changed on the list item,\n                    // check if paragraph does not need to be converted to bogus or back.\n                    if (doesItemBlockRequiresRefresh(item)) {\n                        itemsToRefresh.push(item);\n                    }\n                }\n            }\n        }\n        for (const listHead of itemToListHead.values()){\n            itemsToRefresh.push(...collectListItemsToRefresh(listHead, changedItems));\n        }\n        for (const item of new Set(itemsToRefresh)){\n            editing.reconvertItem(item);\n        }\n    };\n    function collectListItemsToRefresh(listHead, changedItems) {\n        const itemsToRefresh = [];\n        const visited = new Set();\n        const stack = [];\n        for (const { node, previous } of new SiblingListBlocksIterator(listHead)){\n            if (visited.has(node)) {\n                continue;\n            }\n            const itemIndent = node.getAttribute('listIndent');\n            // Current node is at the lower indent so trim the stack.\n            if (previous && itemIndent < previous.getAttribute('listIndent')) {\n                stack.length = itemIndent + 1;\n            }\n            // Update the stack for the current indent level.\n            stack[itemIndent] = {\n                modelAttributes: Object.fromEntries(Array.from(node.getAttributes()).filter(([key])=>attributeNames.includes(key))),\n                modelElement: node\n            };\n            // Find all blocks of the current node.\n            const blocks = getListItemBlocks(node, {\n                direction: 'forward'\n            });\n            for (const block of blocks){\n                visited.add(block);\n                // Check if bogus vs plain paragraph needs refresh.\n                if (doesItemBlockRequiresRefresh(block, blocks)) {\n                    itemsToRefresh.push(block);\n                } else if (doesItemWrappingRequiresRefresh(block, stack, changedItems)) {\n                    itemsToRefresh.push(block);\n                }\n            }\n        }\n        return itemsToRefresh;\n    }\n    function doesItemBlockRequiresRefresh(item, blocks) {\n        const viewElement = editing.mapper.toViewElement(item);\n        if (!viewElement) {\n            return false;\n        }\n        if (isItemBlockInsideStructureSlot(viewElement)) {\n            return true;\n        }\n        const needsRefresh = listEditing.fire('checkElement', {\n            modelElement: item,\n            viewElement\n        });\n        if (needsRefresh) {\n            return true;\n        }\n        if (!item.is('element', 'paragraph') && !item.is('element', 'listItem')) {\n            return false;\n        }\n        const useBogus = shouldUseBogusParagraph(item, attributeNames, blocks);\n        if (useBogus && viewElement.is('element', 'p')) {\n            return true;\n        } else if (!useBogus && viewElement.is('element', 'span')) {\n            return true;\n        }\n        return false;\n    }\n    function isItemBlockInsideStructureSlot(viewElement) {\n        viewElement = viewElement.parent;\n        while(viewElement.is('attributeElement') && [\n            'ol',\n            'ul',\n            'li'\n        ].includes(viewElement.name)){\n            viewElement = viewElement.parent;\n        }\n        // List item inside elementToStructure slot parent without mapping then it requires refresh for correct positions\n        // as structure child elements does not have mapping from model and position would land in wrong place.\n        if (viewElement.getCustomProperty('$structureSlotParent') && !editing.mapper.toModelElement(viewElement)) {\n            return true;\n        }\n        return false;\n    }\n    function doesItemWrappingRequiresRefresh(item, stack, changedItems) {\n        // Items directly affected by some \"change\" don't need a refresh, they will be converted by their own changes.\n        if (changedItems.has(item)) {\n            return false;\n        }\n        const viewElement = editing.mapper.toViewElement(item);\n        let indent = stack.length - 1;\n        // Traverse down the stack to the root to verify if all ULs, OLs, and LIs are as expected.\n        for(let element = viewElement.parent; !element.is('editableElement'); element = element.parent){\n            const isListItemElement = isListItemView(element);\n            const isListElement = isListView(element);\n            if (!isListElement && !isListItemElement) {\n                continue;\n            }\n            const eventName = `checkAttributes:${isListItemElement ? 'item' : 'list'}`;\n            const needsRefresh = listEditing.fire(eventName, {\n                viewElement: element,\n                modelAttributes: stack[indent].modelAttributes,\n                modelReferenceElement: stack[indent].modelElement\n            });\n            if (needsRefresh) {\n                break;\n            }\n            if (isListElement) {\n                indent--;\n                // Don't need to iterate further if we already know that the item is wrapped appropriately.\n                if (indent < 0) {\n                    return false;\n                }\n            }\n        }\n        return true;\n    }\n}\n/**\n * Returns the list item downcast converter.\n *\n * @internal\n * @param attributeNames A list of attribute names that should be converted if they are set.\n * @param strategies The strategies.\n * @param model The model.\n */ function listItemDowncastConverter(attributeNames, strategies, model, { dataPipeline } = {}) {\n    const consumer = createAttributesConsumer(attributeNames, strategies);\n    return (evt, data, conversionApi)=>{\n        const { writer, mapper, consumable } = conversionApi;\n        const listItem = data.item;\n        if (!attributeNames.includes(data.attributeKey)) {\n            return;\n        }\n        // Test if attributes on the converted items are not consumed.\n        if (!consumer(listItem, consumable)) {\n            return;\n        }\n        const options = {\n            ...conversionApi.options,\n            dataPipeline\n        };\n        // Use positions mapping instead of mapper.toViewElement( listItem ) to find outermost view element.\n        // This is for cases when mapping is using inner view element like in the code blocks (pre > code).\n        const viewElement = findMappedViewElement(listItem, mapper, model, writer);\n        // Remove custom item marker.\n        removeCustomMarkerElements(viewElement, writer, mapper);\n        // Unwrap element from current list wrappers.\n        unwrapListItemBlock(viewElement, writer);\n        // Insert custom item marker.\n        const viewRange = insertCustomMarkerElements(listItem, viewElement, strategies, writer, options);\n        // Then wrap them with the new list wrappers (UL, OL, LI).\n        wrapListItemBlock(listItem, viewRange, strategies, writer, options);\n    };\n}\n/**\n * The 'remove' downcast converter for custom markers.\n *\n * @internal\n */ function listItemDowncastRemoveConverter(schema) {\n    return (evt, data, conversionApi)=>{\n        const { writer, mapper } = conversionApi;\n        const elementName = evt.name.split(':')[1];\n        // Do not remove marker if the deleted element is some inline object inside paragraph.\n        // See https://github.com/ckeditor/ckeditor5-internal/issues/3680.\n        if (!schema.checkAttribute(elementName, 'listItemId')) {\n            return;\n        }\n        // Find the view range start position by mapping the model position at which the remove happened.\n        const viewStart = mapper.toViewPosition(data.position);\n        const modelEnd = data.position.getShiftedBy(data.length);\n        const viewEnd = mapper.toViewPosition(modelEnd, {\n            isPhantom: true\n        });\n        // Trim the range to remove in case some UI elements are on the view range boundaries.\n        const viewRange = writer.createRange(viewStart, viewEnd).getTrimmed();\n        // Use positions mapping instead of mapper.toViewElement( listItem ) to find outermost view element.\n        // This is for cases when mapping is using inner view element like in the code blocks (pre > code).\n        const viewElement = viewRange.end.nodeBefore;\n        /* istanbul ignore next -- @preserve */ if (!viewElement) {\n            return;\n        }\n        // Remove custom item marker.\n        removeCustomMarkerElements(viewElement, writer, mapper);\n    };\n}\n/**\n * Returns the bogus paragraph view element creator. A bogus paragraph is used if a list item contains only a single block or nested list.\n *\n * @internal\n * @param attributeNames The list of all model list attributes (including registered strategies).\n */ function bogusParagraphCreator(attributeNames, { dataPipeline } = {}) {\n    return (modelElement, { writer })=>{\n        // Convert only if a bogus paragraph should be used.\n        if (!shouldUseBogusParagraph(modelElement, attributeNames)) {\n            return null;\n        }\n        if (!dataPipeline) {\n            return writer.createContainerElement('span', {\n                class: 'ck-list-bogus-paragraph'\n            });\n        }\n        // Using `<p>` in case there are some markers on it and transparentRendering will render it anyway.\n        const viewElement = writer.createContainerElement('p');\n        writer.setCustomProperty('dataPipeline:transparentRendering', true, viewElement);\n        return viewElement;\n    };\n}\n/**\n * Helper for mapping mode to view elements. It's using positions mapping instead of mapper.toViewElement( element )\n * to find outermost view element. This is for cases when mapping is using inner view element like in the code blocks (pre > code).\n *\n * @internal\n * @param element The model element.\n * @param mapper The mapper instance.\n * @param model The model.\n * @param writer The view downcast writer.\n */ function findMappedViewElement(element, mapper, model, writer) {\n    const modelRange = model.createRangeOn(element);\n    const viewRange = mapper.toViewRange(modelRange).getTrimmed();\n    const viewWalker = viewRange.getWalker();\n    for (const { item } of viewWalker){\n        if (item.is('element') && item.getCustomProperty('listItemMarker')) {\n            viewWalker.jumpTo(writer.createPositionAfter(item));\n        } else if (item.is('element') && !item.getCustomProperty('listItemWrapper')) {\n            return item;\n        }\n    }\n}\n/**\n * The model to view custom position mapping for cases when marker is injected at the beginning of a block.\n *\n * @internal\n */ function createModelToViewPositionMapper(strategies, view) {\n    return (evt, data)=>{\n        if (data.modelPosition.offset > 0) {\n            return;\n        }\n        const positionParent = data.modelPosition.parent;\n        if (!isListItemBlock(positionParent)) {\n            return;\n        }\n        if (!strategies.some((strategy)=>strategy.scope == 'itemMarker' && strategy.canInjectMarkerIntoElement && strategy.canInjectMarkerIntoElement(positionParent))) {\n            return;\n        }\n        const viewElement = data.mapper.toViewElement(positionParent);\n        const viewRange = view.createRangeIn(viewElement);\n        const viewWalker = viewRange.getWalker();\n        let positionAfterLastMarker = viewRange.start;\n        for (const { item } of viewWalker){\n            // Walk only over the non-mapped elements (UIElements, ViewAttributeElements, $text, or any other element without mapping).\n            if (item.is('element') && data.mapper.toModelElement(item) || item.is('$textProxy')) {\n                break;\n            }\n            if (item.is('element') && item.getCustomProperty('listItemMarker')) {\n                positionAfterLastMarker = view.createPositionAfter(item);\n                // Jump over the content of the marker (this is not needed for UIElement but required for other element types).\n                viewWalker.skip(({ previousPosition })=>!previousPosition.isEqual(positionAfterLastMarker));\n            }\n        }\n        data.viewPosition = positionAfterLastMarker;\n    };\n}\n/**\n * Removes a custom marker elements and item wrappers related to that marker.\n */ function removeCustomMarkerElements(viewElement, viewWriter, mapper) {\n    // Remove item wrapper.\n    while(viewElement.parent.is('attributeElement') && viewElement.parent.getCustomProperty('listItemWrapper')){\n        viewWriter.unwrap(viewWriter.createRangeOn(viewElement), viewElement.parent);\n    }\n    // Remove custom item markers.\n    const markersToRemove = [];\n    // Markers before a block.\n    collectMarkersToRemove(viewWriter.createPositionBefore(viewElement).getWalker({\n        direction: 'backward'\n    }));\n    // Markers inside a block.\n    collectMarkersToRemove(viewWriter.createRangeIn(viewElement).getWalker());\n    for (const marker of markersToRemove){\n        viewWriter.remove(marker);\n    }\n    function collectMarkersToRemove(viewWalker) {\n        for (const { item } of viewWalker){\n            // Walk only over the non-mapped elements (UIElements, ViewAttributeElements, $text, or any other element without mapping).\n            if (item.is('element') && mapper.toModelElement(item)) {\n                break;\n            }\n            if (item.is('element') && item.getCustomProperty('listItemMarker')) {\n                markersToRemove.push(item);\n            }\n        }\n    }\n}\n/**\n * Inserts a custom marker elements and wraps first block of a list item if marker requires it.\n */ function insertCustomMarkerElements(listItem, viewElement, strategies, writer, { dataPipeline }) {\n    let viewRange = writer.createRangeOn(viewElement);\n    // Marker can be inserted only before the first block of a list item.\n    if (!isFirstBlockOfListItem(listItem)) {\n        return viewRange;\n    }\n    for (const strategy of strategies){\n        if (strategy.scope != 'itemMarker') {\n            continue;\n        }\n        // Create the custom marker element and inject it before the first block of the list item.\n        const markerElement = strategy.createElement(writer, listItem, {\n            dataPipeline\n        });\n        if (!markerElement) {\n            continue;\n        }\n        writer.setCustomProperty('listItemMarker', true, markerElement);\n        if (strategy.canInjectMarkerIntoElement && strategy.canInjectMarkerIntoElement(listItem)) {\n            writer.insert(writer.createPositionAt(viewElement, 0), markerElement);\n        } else {\n            writer.insert(viewRange.start, markerElement);\n            viewRange = writer.createRange(writer.createPositionBefore(markerElement), writer.createPositionAfter(viewElement));\n        }\n        // Wrap the marker and optionally the first block with an attribute element (label for to-do lists).\n        if (!strategy.createWrapperElement || !strategy.canWrapElement) {\n            continue;\n        }\n        const wrapper = strategy.createWrapperElement(writer, listItem, {\n            dataPipeline\n        });\n        writer.setCustomProperty('listItemWrapper', true, wrapper);\n        // The whole block can be wrapped...\n        if (strategy.canWrapElement(listItem)) {\n            viewRange = writer.wrap(viewRange, wrapper);\n        } else {\n            // ... or only the marker element (if the block is downcasted to heading or block widget).\n            viewRange = writer.wrap(writer.createRangeOn(markerElement), wrapper);\n            viewRange = writer.createRange(viewRange.start, writer.createPositionAfter(viewElement));\n        }\n    }\n    return viewRange;\n}\n/**\n * Unwraps all ol, ul, and li attribute elements that are wrapping the provided view element.\n */ function unwrapListItemBlock(viewElement, viewWriter) {\n    let attributeElement = viewElement.parent;\n    while(attributeElement.is('attributeElement') && [\n        'ul',\n        'ol',\n        'li'\n    ].includes(attributeElement.name)){\n        const parentElement = attributeElement.parent;\n        viewWriter.unwrap(viewWriter.createRangeOn(viewElement), attributeElement);\n        attributeElement = parentElement;\n    }\n}\n/**\n * Wraps the given list item with appropriate attribute elements for ul, ol, and li.\n */ function wrapListItemBlock(listItem, viewRange, strategies, writer, options) {\n    if (!listItem.hasAttribute('listIndent')) {\n        return;\n    }\n    const listItemIndent = listItem.getAttribute('listIndent');\n    let currentListItem = listItem;\n    for(let indent = listItemIndent; indent >= 0; indent--){\n        const listItemViewElement = createListItemElement(writer, indent, currentListItem.getAttribute('listItemId'));\n        const listViewElement = createListElement(writer, indent, currentListItem.getAttribute('listType'));\n        for (const strategy of strategies){\n            if ((strategy.scope == 'list' || strategy.scope == 'item') && currentListItem.hasAttribute(strategy.attributeName)) {\n                strategy.setAttributeOnDowncast(writer, currentListItem.getAttribute(strategy.attributeName), strategy.scope == 'list' ? listViewElement : listItemViewElement, options, currentListItem);\n            }\n        }\n        viewRange = writer.wrap(viewRange, listItemViewElement);\n        viewRange = writer.wrap(viewRange, listViewElement);\n        if (indent == 0) {\n            break;\n        }\n        currentListItem = ListWalker.first(currentListItem, {\n            lowerIndent: true\n        });\n        // There is no list item with lower indent, this means this is a document fragment containing\n        // only a part of nested list (like copy to clipboard) so we don't need to try to wrap it further.\n        if (!currentListItem) {\n            break;\n        }\n    }\n}\n// Returns the function that is responsible for consuming attributes that are set on the model node.\nfunction createAttributesConsumer(attributeNames, strategies) {\n    const nonConsumingAttributes = strategies.filter((strategy)=>strategy.consume === false).map((strategy)=>strategy.attributeName);\n    return (node, consumable)=>{\n        const events = [];\n        // Collect all set attributes that are triggering conversion.\n        for (const attributeName of attributeNames){\n            if (node.hasAttribute(attributeName) && !nonConsumingAttributes.includes(attributeName)) {\n                events.push(`attribute:${attributeName}`);\n            }\n        }\n        if (!events.every((event)=>consumable.test(node, event) !== false)) {\n            return false;\n        }\n        events.forEach((event)=>consumable.consume(node, event));\n        return true;\n    };\n}\n// Whether the given item should be rendered as a bogus paragraph.\nfunction shouldUseBogusParagraph(item, attributeNames, blocks = getAllListItemBlocks(item)) {\n    if (!isListItemBlock(item)) {\n        return false;\n    }\n    for (const attributeKey of item.getAttributeKeys()){\n        // Ignore selection attributes stored on block elements.\n        if (attributeKey.startsWith('selection:') || attributeKey == 'htmlEmptyBlock') {\n            continue;\n        }\n        // Don't use bogus paragraph if there are attributes from other features.\n        if (!attributeNames.includes(attributeKey)) {\n            return false;\n        }\n    }\n    return blocks.length < 2;\n}\n\n/**\n * A list of base list model attributes.\n */ const LIST_BASE_ATTRIBUTES = [\n    'listType',\n    'listIndent',\n    'listItemId'\n];\n/**\n * The editing part of the document-list feature. It handles creating, editing and removing lists and list items.\n */ class ListEditing extends Plugin {\n    /**\n\t * The list of registered downcast strategies.\n\t */ _downcastStrategies = [];\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Enter,\n            Delete,\n            ListUtils,\n            ClipboardPipeline,\n            ListFormatting\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('list.multiBlock', true);\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const multiBlock = editor.config.get('list.multiBlock');\n        if (editor.plugins.has('LegacyListEditing')) {\n            /**\n\t\t\t * The `List` feature cannot be loaded together with the `LegacyList` plugin.\n\t\t\t *\n\t\t\t * @error list-feature-conflict\n\t\t\t * @param {string} conflictPlugin Name of the plugin.\n\t\t\t */ throw new CKEditorError('list-feature-conflict', this, {\n                conflictPlugin: 'LegacyListEditing'\n            });\n        }\n        model.schema.register('$listItem', {\n            allowAttributes: LIST_BASE_ATTRIBUTES\n        });\n        if (multiBlock) {\n            model.schema.extend('$container', {\n                allowAttributesOf: '$listItem'\n            });\n            model.schema.extend('$block', {\n                allowAttributesOf: '$listItem'\n            });\n            model.schema.extend('$blockObject', {\n                allowAttributesOf: '$listItem'\n            });\n        } else {\n            model.schema.register('listItem', {\n                inheritAllFrom: '$block',\n                allowAttributesOf: '$listItem'\n            });\n        }\n        for (const attribute of LIST_BASE_ATTRIBUTES){\n            model.schema.setAttributeProperties(attribute, {\n                copyOnReplace: true\n            });\n        }\n        // Register commands.\n        editor.commands.add('numberedList', new ListCommand(editor, 'numbered'));\n        editor.commands.add('bulletedList', new ListCommand(editor, 'bulleted'));\n        editor.commands.add('customNumberedList', new ListCommand(editor, 'customNumbered', {\n            multiLevel: true\n        }));\n        editor.commands.add('customBulletedList', new ListCommand(editor, 'customBulleted', {\n            multiLevel: true\n        }));\n        editor.commands.add('indentList', new ListIndentCommand(editor, 'forward'));\n        editor.commands.add('outdentList', new ListIndentCommand(editor, 'backward'));\n        editor.commands.add('splitListItemBefore', new ListSplitCommand(editor, 'before'));\n        editor.commands.add('splitListItemAfter', new ListSplitCommand(editor, 'after'));\n        if (multiBlock) {\n            editor.commands.add('mergeListItemBackward', new ListMergeCommand(editor, 'backward'));\n            editor.commands.add('mergeListItemForward', new ListMergeCommand(editor, 'forward'));\n        }\n        this._setupDeleteIntegration();\n        this._setupEnterIntegration();\n        this._setupTabIntegration();\n        this._setupClipboardIntegration();\n        this._setupAccessibilityIntegration();\n        this._setupListItemIdConversionStrategy();\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const commands = editor.commands;\n        const indent = commands.get('indent');\n        const outdent = commands.get('outdent');\n        if (indent) {\n            // Priority is high due to integration with `IndentBlock` plugin. We want to indent list first and if it's not possible\n            // user can indent content with `IndentBlock` plugin.\n            indent.registerChildCommand(commands.get('indentList'), {\n                priority: 'high'\n            });\n        }\n        if (outdent) {\n            // Priority is lowest due to integration with `IndentBlock` and `IndentCode` plugins.\n            // First we want to allow user to outdent all indendations from other features then he can oudent list item.\n            outdent.registerChildCommand(commands.get('outdentList'), {\n                priority: 'lowest'\n            });\n        }\n        // Register conversion and model post-fixer after other plugins had a chance to register their attribute strategies.\n        this._setupModelPostFixing();\n        this._setupConversion();\n    }\n    /**\n\t * Registers a downcast strategy.\n\t *\n\t * **Note**: Strategies must be registered in the `Plugin#init()` phase so that it can be applied\n\t * in the `ListEditing#afterInit()`.\n\t *\n\t * @param strategy The downcast strategy to register.\n\t */ registerDowncastStrategy(strategy) {\n        this._downcastStrategies.push(strategy);\n    }\n    /**\n\t * Returns list of model attribute names that should affect downcast conversion.\n\t */ getListAttributeNames() {\n        return [\n            ...LIST_BASE_ATTRIBUTES,\n            ...this._downcastStrategies.map((strategy)=>strategy.attributeName)\n        ];\n    }\n    /**\n\t * Attaches the listener to the {@link module:engine/view/document~ViewDocument#event:delete} event and handles backspace/delete\n\t * keys in and around document lists.\n\t */ _setupDeleteIntegration() {\n        const editor = this.editor;\n        const mergeBackwardCommand = editor.commands.get('mergeListItemBackward');\n        const mergeForwardCommand = editor.commands.get('mergeListItemForward');\n        this.listenTo(editor.editing.view.document, 'delete', (evt, data)=>{\n            const selection = editor.model.document.selection;\n            // Let the Widget plugin take care of block widgets while deleting (https://github.com/ckeditor/ckeditor5/issues/11346).\n            if (getSelectedBlockObject(editor.model)) {\n                return;\n            }\n            editor.model.change(()=>{\n                const firstPosition = selection.getFirstPosition();\n                if (selection.isCollapsed && data.direction == 'backward') {\n                    if (!firstPosition.isAtStart) {\n                        return;\n                    }\n                    const positionParent = firstPosition.parent;\n                    if (!isListItemBlock(positionParent)) {\n                        return;\n                    }\n                    const previousBlock = ListWalker.first(positionParent, {\n                        sameAttributes: 'listType',\n                        sameIndent: true\n                    });\n                    // Outdent the first block of a first list item.\n                    if (!previousBlock && positionParent.getAttribute('listIndent') === 0) {\n                        if (!isLastBlockOfListItem(positionParent)) {\n                            editor.execute('splitListItemAfter');\n                        }\n                        editor.execute('outdentList');\n                    } else {\n                        if (!mergeBackwardCommand || !mergeBackwardCommand.isEnabled) {\n                            return;\n                        }\n                        mergeBackwardCommand.execute({\n                            shouldMergeOnBlocksContentLevel: shouldMergeOnBlocksContentLevel(editor.model, 'backward')\n                        });\n                    }\n                    data.preventDefault();\n                    evt.stop();\n                } else {\n                    // Collapsed selection should trigger forward merging only if at the end of a block.\n                    if (selection.isCollapsed && !selection.getLastPosition().isAtEnd) {\n                        return;\n                    }\n                    if (!mergeForwardCommand || !mergeForwardCommand.isEnabled) {\n                        return;\n                    }\n                    mergeForwardCommand.execute({\n                        shouldMergeOnBlocksContentLevel: shouldMergeOnBlocksContentLevel(editor.model, 'forward')\n                    });\n                    data.preventDefault();\n                    evt.stop();\n                }\n            });\n        }, {\n            context: 'li'\n        });\n    }\n    /**\n\t * Attaches a listener to the {@link module:engine/view/document~ViewDocument#event:enter} event and handles enter key press\n\t * in document lists.\n\t */ _setupEnterIntegration() {\n        const editor = this.editor;\n        const model = editor.model;\n        const commands = editor.commands;\n        const enterCommand = commands.get('enter');\n        // Overwrite the default Enter key behavior: outdent or split the list in certain cases.\n        this.listenTo(editor.editing.view.document, 'enter', (evt, data)=>{\n            const doc = model.document;\n            const positionParent = doc.selection.getFirstPosition().parent;\n            if (doc.selection.isCollapsed && isListItemBlock(positionParent) && positionParent.isEmpty && !data.isSoft) {\n                const isFirstBlock = isFirstBlockOfListItem(positionParent);\n                const isLastBlock = isLastBlockOfListItem(positionParent);\n                // * a      →      * a\n                // * []     →      []\n                if (isFirstBlock && isLastBlock) {\n                    editor.execute('outdentList');\n                    data.preventDefault();\n                    evt.stop();\n                } else if (isFirstBlock && !isLastBlock) {\n                    editor.execute('splitListItemAfter');\n                    data.preventDefault();\n                    evt.stop();\n                } else if (isLastBlock) {\n                    editor.execute('splitListItemBefore');\n                    data.preventDefault();\n                    evt.stop();\n                }\n            }\n        }, {\n            context: 'li'\n        });\n        // In some cases, after the default block splitting, we want to modify the new block to become a new list item\n        // instead of an additional block in the same list item.\n        this.listenTo(enterCommand, 'afterExecute', ()=>{\n            const splitCommand = commands.get('splitListItemBefore');\n            // The command has not refreshed because the change block related to EnterCommand#execute() is not over yet.\n            // Let's keep it up to date and take advantage of ListSplitCommand#isEnabled.\n            splitCommand.refresh();\n            if (!splitCommand.isEnabled) {\n                return;\n            }\n            const doc = editor.model.document;\n            const positionParent = doc.selection.getLastPosition().parent;\n            const listItemBlocks = getAllListItemBlocks(positionParent);\n            // Keep in mind this split happens after the default enter handler was executed. For instance:\n            //\n            // │       Initial state       │    After default enter    │   Here in #afterExecute   │\n            // ├───────────────────────────┼───────────────────────────┼───────────────────────────┤\n            // │          * a[]            │           * a             │           * a             │\n            // │                           │             []            │           * []            │\n            if (listItemBlocks.length === 2) {\n                splitCommand.execute();\n            }\n        });\n    }\n    /**\n\t * Attaches a listener to the {@link module:engine/view/document~ViewDocument#event:tab} event and handles tab key and tab+shift keys\n\t * presses in document lists.\n\t */ _setupTabIntegration() {\n        const editor = this.editor;\n        this.listenTo(editor.editing.view.document, 'tab', (evt, data)=>{\n            const commandName = data.shiftKey ? 'outdentList' : 'indentList';\n            const command = this.editor.commands.get(commandName);\n            if (command.isEnabled) {\n                editor.execute(commandName);\n                data.stopPropagation();\n                data.preventDefault();\n                evt.stop();\n            }\n        }, {\n            context: 'li'\n        });\n    }\n    /**\n\t * Registers the conversion helpers for the document-list feature.\n\t */ _setupConversion() {\n        const editor = this.editor;\n        const model = editor.model;\n        const attributeNames = this.getListAttributeNames();\n        const multiBlock = editor.config.get('list.multiBlock');\n        const elementName = multiBlock ? 'paragraph' : 'listItem';\n        editor.conversion.for('upcast')// Convert <li> to a generic paragraph (or listItem element) so the content of <li> is always inside a block.\n        // Setting the listType attribute to let other features (to-do list) know that this is part of a list item.\n        // This is also important to properly handle simple lists so that paragraphs inside a list item won't break the list item.\n        // <li>  <-- converted to listItem\n        //   <p></p> <-- should be also converted to listItem, so it won't split and replace the listItem generated from the above li.\n        .elementToElement({\n            view: 'li',\n            model: (viewElement, { writer })=>writer.createElement(elementName, {\n                    listType: ''\n                })\n        })// Convert paragraph to the list block (without list type defined yet).\n        // This is important to properly handle bogus paragraph and to-do lists.\n        // Most of the time the bogus paragraph should not appear in the data of to-do list,\n        // but if there is any marker or an attribute on the paragraph then the bogus paragraph\n        // is preserved in the data, and we need to be able to detect this case.\n        .elementToElement({\n            view: 'p',\n            model: (viewElement, { writer })=>{\n                if (viewElement.parent && viewElement.parent.is('element', 'li')) {\n                    return writer.createElement(elementName, {\n                        listType: ''\n                    });\n                }\n                return null;\n            },\n            converterPriority: 'high'\n        }).add((dispatcher)=>{\n            dispatcher.on('element:li', listItemUpcastConverter());\n        });\n        if (!multiBlock) {\n            editor.conversion.for('downcast').elementToElement({\n                model: 'listItem',\n                view: 'p'\n            });\n        }\n        editor.conversion.for('editingDowncast').elementToElement({\n            model: elementName,\n            view: bogusParagraphCreator(attributeNames),\n            converterPriority: 'high'\n        }).add((dispatcher)=>{\n            dispatcher.on('attribute', listItemDowncastConverter(attributeNames, this._downcastStrategies, model));\n            dispatcher.on('remove', listItemDowncastRemoveConverter(model.schema));\n        });\n        editor.conversion.for('dataDowncast').elementToElement({\n            model: elementName,\n            view: bogusParagraphCreator(attributeNames, {\n                dataPipeline: true\n            }),\n            converterPriority: 'high'\n        }).add((dispatcher)=>{\n            dispatcher.on('attribute', listItemDowncastConverter(attributeNames, this._downcastStrategies, model, {\n                dataPipeline: true\n            }));\n        });\n        const modelToViewPositionMapper = createModelToViewPositionMapper(this._downcastStrategies, editor.editing.view);\n        editor.editing.mapper.on('modelToViewPosition', modelToViewPositionMapper);\n        editor.data.mapper.on('modelToViewPosition', modelToViewPositionMapper);\n        this.listenTo(model.document, 'change:data', reconvertItemsOnDataChange(model, editor.editing, attributeNames, this), {\n            priority: 'high'\n        });\n        // For LI verify if an ID of the attribute element is correct.\n        this.on('checkAttributes:item', (evt, { viewElement, modelAttributes })=>{\n            if (viewElement.id != modelAttributes.listItemId) {\n                evt.return = true;\n                evt.stop();\n            }\n        });\n        // For UL and OL check if the name and ID of element is correct.\n        this.on('checkAttributes:list', (evt, { viewElement, modelAttributes })=>{\n            if (viewElement.name != getViewElementNameForListType(modelAttributes.listType) || viewElement.id != getViewElementIdForListType(modelAttributes.listType, modelAttributes.listIndent)) {\n                evt.return = true;\n                evt.stop();\n            }\n        });\n    }\n    /**\n\t * Registers model post-fixers.\n\t */ _setupModelPostFixing() {\n        const model = this.editor.model;\n        const attributeNames = this.getListAttributeNames();\n        // Register list fixing.\n        // First the low level handler.\n        model.document.registerPostFixer((writer)=>modelChangePostFixer$1(model, writer, attributeNames, this));\n        // Then the callbacks for the specific lists.\n        // The indentation fixing must be the first one...\n        this.on('postFixer', (evt, { listNodes, writer })=>{\n            evt.return = fixListIndents(listNodes, writer) || evt.return;\n        }, {\n            priority: 'high'\n        });\n        // ...then the item ids... and after that other fixers that rely on the correct indentation and ids.\n        this.on('postFixer', (evt, { listNodes, writer, seenIds })=>{\n            evt.return = fixListItemIds(listNodes, seenIds, writer) || evt.return;\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Integrates the feature with the clipboard via {@link module:engine/model/model~Model#insertContent} and\n\t * {@link module:engine/model/model~Model#getSelectedContent}.\n\t */ _setupClipboardIntegration() {\n        const model = this.editor.model;\n        const clipboardPipeline = this.editor.plugins.get('ClipboardPipeline');\n        this.listenTo(model, 'insertContent', createModelIndentPasteFixer(model), {\n            priority: 'high'\n        });\n        // To enhance the UX, the editor should not copy list attributes to the clipboard if the selection\n        // started and ended in the same list item.\n        //\n        // If the selection was enclosed in a single list item, there is a good chance the user did not want it\n        // copied as a list item but plain blocks.\n        //\n        // This avoids pasting orphaned list items instead of paragraphs, for instance, straight into the root.\n        //\n        //\t                       ┌─────────────────────┬───────────────────┐\n        //\t                       │ Selection           │ Clipboard content │\n        //\t                       ├─────────────────────┼───────────────────┤\n        //\t                       │ [* <Widget />]      │ <Widget />        │\n        //\t                       ├─────────────────────┼───────────────────┤\n        //\t                       │ [* Foo]             │ Foo               │\n        //\t                       ├─────────────────────┼───────────────────┤\n        //\t                       │ * Foo [bar] baz     │ bar               │\n        //\t                       ├─────────────────────┼───────────────────┤\n        //\t                       │ * Fo[o              │ o                 │\n        //\t                       │   ba]r              │ ba                │\n        //\t                       ├─────────────────────┼───────────────────┤\n        //\t                       │ * Fo[o              │ * o               │\n        //\t                       │ * ba]r              │ * ba              │\n        //\t                       ├─────────────────────┼───────────────────┤\n        //\t                       │ [* Foo              │ * Foo             │\n        //\t                       │  * bar]             │ * bar             │\n        //\t                       └─────────────────────┴───────────────────┘\n        //\n        // See https://github.com/ckeditor/ckeditor5/issues/11608, https://github.com/ckeditor/ckeditor5/issues/14969\n        this.listenTo(clipboardPipeline, 'outputTransformation', (evt, data)=>{\n            model.change((writer)=>{\n                // Remove last block if it's empty.\n                const allContentChildren = Array.from(data.content.getChildren());\n                const lastItem = allContentChildren[allContentChildren.length - 1];\n                if (allContentChildren.length > 1 && lastItem.is('element') && lastItem.isEmpty) {\n                    const contentChildrenExceptLastItem = allContentChildren.slice(0, -1);\n                    if (contentChildrenExceptLastItem.every(isListItemBlock)) {\n                        writer.remove(lastItem);\n                    }\n                }\n                // Copy/cut only content of a list item (for drag-drop move the whole list item).\n                if (data.method == 'copy' || data.method == 'cut') {\n                    const allChildren = Array.from(data.content.getChildren());\n                    const isSingleListItemSelected = isSingleListItem(allChildren);\n                    if (isSingleListItemSelected) {\n                        removeListAttributes(allChildren, writer);\n                    }\n                }\n            });\n        });\n    }\n    /**\n\t * Informs editor accessibility features about keystrokes brought by the plugin.\n\t */ _setupAccessibilityIntegration() {\n        const editor = this.editor;\n        const t = editor.t;\n        editor.accessibility.addKeystrokeInfoGroup({\n            id: 'list',\n            label: t('Keystrokes that can be used in a list'),\n            keystrokes: [\n                {\n                    label: t('Increase list item indent'),\n                    keystroke: 'Tab'\n                },\n                {\n                    label: t('Decrease list item indent'),\n                    keystroke: 'Shift+Tab'\n                }\n            ]\n        });\n    }\n    /**\n\t * Convert `listItemId` attribute to `data-list-item-id` attribute on the view element in both downcast pipelines.\n\t */ _setupListItemIdConversionStrategy() {\n        this.registerDowncastStrategy({\n            scope: 'item',\n            attributeName: 'listItemId',\n            setAttributeOnDowncast (writer, attributeValue, viewElement, options) {\n                if (options && (options.skipListItemIds || options.isClipboardPipeline)) {\n                    return;\n                }\n                writer.setAttribute('data-list-item-id', attributeValue, viewElement);\n            }\n        });\n    }\n}\n/**\n * Post-fixer that reacts to changes on document and fixes incorrect model states (invalid `listItemId` and `listIndent` values).\n *\n * In the example below, there is a correct list structure.\n * Then the middle element is removed so the list structure will become incorrect:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=0>Item 1</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"b\" listIndent=1>Item 2</paragraph>   <--- this is removed.\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=2>Item 3</paragraph>\n * ```\n *\n * The list structure after the middle element is removed:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=0>Item 1</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=2>Item 3</paragraph>\n * ```\n *\n * Should become:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=0>Item 1</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=1>Item 3</paragraph>   <--- note that indent got post-fixed.\n * ```\n *\n * @param model The data model.\n * @param writer The writer to do changes with.\n * @param attributeNames The list of all model list attributes (including registered strategies).\n * @param ListEditing The document list editing plugin.\n * @returns `true` if any change has been applied, `false` otherwise.\n */ function modelChangePostFixer$1(model, writer, attributeNames, listEditing) {\n    const changes = model.document.differ.getChanges();\n    const visited = new Set();\n    const itemToListHead = new Set();\n    const multiBlock = listEditing.editor.config.get('list.multiBlock');\n    let applied = false;\n    for (const entry of changes){\n        if (entry.type == 'insert' && entry.name != '$text') {\n            const item = entry.position.nodeAfter;\n            // Remove attributes in case of renamed element.\n            if (!model.schema.checkAttribute(item, 'listItemId')) {\n                for (const attributeName of Array.from(item.getAttributeKeys())){\n                    if (attributeNames.includes(attributeName)) {\n                        writer.removeAttribute(attributeName, item);\n                        applied = true;\n                    }\n                }\n            }\n            findAndAddListHeadToMap(entry.position, itemToListHead, visited);\n            // Insert of a non-list item - check if there is a list after it.\n            if (!entry.attributes.has('listItemId')) {\n                findAndAddListHeadToMap(entry.position.getShiftedBy(entry.length), itemToListHead, visited);\n            }\n            // Check if there is no nested list.\n            for (const { item: innerItem, previousPosition } of model.createRangeIn(item)){\n                if (isListItemBlock(innerItem)) {\n                    findAndAddListHeadToMap(previousPosition, itemToListHead, visited);\n                }\n            }\n        } else if (entry.type == 'remove') {\n            findAndAddListHeadToMap(entry.position, itemToListHead, visited);\n        } else if (entry.type == 'attribute' && attributeNames.includes(entry.attributeKey)) {\n            findAndAddListHeadToMap(entry.range.start, itemToListHead, visited);\n            if (entry.attributeNewValue === null) {\n                findAndAddListHeadToMap(entry.range.start.getShiftedBy(1), itemToListHead, visited);\n            }\n        }\n        // Make sure that there is no left over listItem element without attributes or a block with list attributes that is not a listItem.\n        if (!multiBlock && entry.type == 'attribute' && LIST_BASE_ATTRIBUTES.includes(entry.attributeKey)) {\n            const element = entry.range.start.nodeAfter;\n            if (entry.attributeNewValue === null && element && element.is('element', 'listItem')) {\n                writer.rename(element, 'paragraph');\n                applied = true;\n            } else if (entry.attributeOldValue === null && element && element.is('element') && element.name != 'listItem') {\n                writer.rename(element, 'listItem');\n                applied = true;\n            }\n        }\n    }\n    // Make sure that IDs are not shared by split list.\n    const seenIds = new Set();\n    for (const listHead of itemToListHead.values()){\n        applied = listEditing.fire('postFixer', {\n            listNodes: new ListBlocksIterable(listHead),\n            listHead,\n            writer,\n            seenIds\n        }) || applied;\n    }\n    return applied;\n}\n/**\n * A fixer for pasted content that includes list items.\n *\n * It fixes indentation of pasted list items so the pasted items match correctly to the context they are pasted into.\n *\n * Example:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=\"0\">A</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"b\" listIndent=\"1\">B^</paragraph>\n * // At ^ paste:  <paragraph listType=\"numbered\" listItemId=\"x\" listIndent=\"0\">X</paragraph>\n * //              <paragraph listType=\"numbered\" listItemId=\"y\" listIndent=\"1\">Y</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=\"2\">C</paragraph>\n * ```\n *\n * Should become:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=\"0\">A</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"b\" listIndent=\"1\">BX</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"y\" listIndent=\"2\">Y/paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=\"2\">C</paragraph>\n * ```\n */ function createModelIndentPasteFixer(model) {\n    return (evt, [content, selectable])=>{\n        const items = content.is('documentFragment') ? Array.from(content.getChildren()) : [\n            content\n        ];\n        if (!items.length) {\n            return;\n        }\n        const selection = selectable ? model.createSelection(selectable) : model.document.selection;\n        const position = selection.getFirstPosition();\n        // Get a reference list item. Attributes of the inserted list items will be fixed according to that item.\n        let refItem;\n        if (isListItemBlock(position.parent)) {\n            refItem = position.parent;\n        } else if (isListItemBlock(position.nodeBefore) && isListItemBlock(position.nodeAfter)) {\n            refItem = position.nodeBefore;\n        } else {\n            return; // Content is not copied into a list.\n        }\n        model.change((writer)=>{\n            const refType = refItem.getAttribute('listType');\n            const refIndent = refItem.getAttribute('listIndent');\n            const firstElementIndent = items[0].getAttribute('listIndent') || 0;\n            const indentDiff = Math.max(refIndent - firstElementIndent, 0);\n            for (const item of items){\n                const isListItem = isListItemBlock(item);\n                if (refItem.is('element', 'listItem') && item.is('element', 'paragraph')) {\n                    /**\n\t\t\t\t\t * When paragraphs or a plain text list is pasted into a simple list, convert\n\t\t\t\t\t * the `<paragraphs>' to `<listItem>' to avoid breaking the target list.\n\t\t\t\t\t *\n\t\t\t\t\t * See https://github.com/ckeditor/ckeditor5/issues/13826.\n\t\t\t\t\t */ writer.rename(item, 'listItem');\n                }\n                writer.setAttributes({\n                    listIndent: (isListItem ? item.getAttribute('listIndent') : 0) + indentDiff,\n                    listItemId: isListItem ? item.getAttribute('listItemId') : ListItemUid.next(),\n                    listType: refType\n                }, item);\n            }\n        });\n    };\n}\n/**\n * Decides whether the merge should be accompanied by the model's `deleteContent()`, for instance, to get rid of the inline\n * content in the selection or take advantage of the heuristics in `deleteContent()` that helps convert lists into paragraphs\n * in certain cases.\n */ function shouldMergeOnBlocksContentLevel(model, direction) {\n    const selection = model.document.selection;\n    if (!selection.isCollapsed) {\n        return !getSelectedBlockObject(model);\n    }\n    if (direction === 'forward') {\n        return true;\n    }\n    const firstPosition = selection.getFirstPosition();\n    const positionParent = firstPosition.parent;\n    const previousSibling = positionParent.previousSibling;\n    if (model.schema.isObject(previousSibling)) {\n        return false;\n    }\n    if (previousSibling.isEmpty) {\n        return true;\n    }\n    return isSingleListItem([\n        positionParent,\n        previousSibling\n    ]);\n}\n\n/**\n * Helper method for creating toolbar and menu buttons and linking them with an appropriate command.\n *\n * @internal\n * @param editor The editor instance to which the UI component will be added.\n * @param commandName The name of the command.\n * @param label The button label.\n * @param icon The source of the icon.\n */ function createUIComponents(editor, commandName, label, icon) {\n    editor.ui.componentFactory.add(commandName, ()=>{\n        const buttonView = _createButton(ButtonView, editor, commandName, label, icon);\n        buttonView.set({\n            tooltip: true,\n            isToggleable: true\n        });\n        return buttonView;\n    });\n    editor.ui.componentFactory.add(`menuBar:${commandName}`, ()=>{\n        const buttonView = _createButton(MenuBarMenuListItemButtonView, editor, commandName, label, icon);\n        buttonView.set({\n            role: 'menuitemcheckbox',\n            isToggleable: true\n        });\n        return buttonView;\n    });\n}\n/**\n * Creates a button to use either in toolbar or in menu bar.\n */ function _createButton(ButtonClass, editor, commandName, label, icon) {\n    const command = editor.commands.get(commandName);\n    const view = new ButtonClass(editor.locale);\n    view.set({\n        label,\n        icon\n    });\n    // Bind button model to command.\n    view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');\n    // Execute the command.\n    view.on('execute', ()=>{\n        editor.execute(commandName);\n        editor.editing.view.focus();\n    });\n    return view;\n}\n\n/**\n * The list UI feature. It introduces the `'numberedList'` and `'bulletedList'` buttons that\n * allow to convert paragraphs to and from list items and indent or outdent them.\n */ class ListUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const t = this.editor.t;\n        // Create button numberedList.\n        if (!this.editor.ui.componentFactory.has('numberedList')) {\n            createUIComponents(this.editor, 'numberedList', t('Numbered List'), IconNumberedList);\n        }\n        // Create button bulletedList.\n        if (!this.editor.ui.componentFactory.has('bulletedList')) {\n            createUIComponents(this.editor, 'bulletedList', t('Bulleted List'), IconBulletedList);\n        }\n    }\n}\n\n/**\n * The list feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/list/listediting~ListEditing  list\n * editing feature} and {@link module:list/list/listui~ListUI list UI feature}.\n */ class List extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListEditing,\n            ListUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'List';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The list start index command. It changes the `listStart` attribute of the selected list items,\n * letting the user to choose the starting point of an ordered list.\n * It is used by the {@link module:list/listproperties~ListProperties list properties feature}.\n */ class ListStartCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const value = this._getValue();\n        this.value = value;\n        this.isEnabled = value != null;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Execute options.\n\t * @param options.startIndex The list start index.\n\t */ execute({ startIndex = 1 } = {}) {\n        const model = this.editor.model;\n        const document = model.document;\n        let blocks = Array.from(document.selection.getSelectedBlocks()).filter((block)=>isListItemBlock(block) && isNumberedListType(block.getAttribute('listType')));\n        blocks = expandListBlocksToCompleteList(blocks);\n        model.change((writer)=>{\n            for (const block of blocks){\n                writer.setAttribute('listStart', startIndex >= 0 ? startIndex : 1, block);\n            }\n        });\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */ _getValue() {\n        const model = this.editor.model;\n        const document = model.document;\n        const block = first(document.selection.getSelectedBlocks());\n        if (block && isListItemBlock(block) && isNumberedListType(block.getAttribute('listType'))) {\n            return block.getAttribute('listStart');\n        }\n        return null;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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* @module list/listproperties/utils/style\n*/ const LIST_STYLE_TO_LIST_TYPE = {};\nconst LIST_STYLE_TO_TYPE_ATTRIBUTE = {};\nconst TYPE_ATTRIBUTE_TO_LIST_STYLE = {};\nconst LIST_STYLE_TYPES = [\n    {\n        listStyle: 'disc',\n        typeAttribute: 'disc',\n        listType: 'bulleted'\n    },\n    {\n        listStyle: 'circle',\n        typeAttribute: 'circle',\n        listType: 'bulleted'\n    },\n    {\n        listStyle: 'square',\n        typeAttribute: 'square',\n        listType: 'bulleted'\n    },\n    {\n        listStyle: 'decimal',\n        typeAttribute: '1',\n        listType: 'numbered'\n    },\n    {\n        listStyle: 'decimal-leading-zero',\n        typeAttribute: null,\n        listType: 'numbered'\n    },\n    {\n        listStyle: 'lower-roman',\n        typeAttribute: 'i',\n        listType: 'numbered'\n    },\n    {\n        listStyle: 'upper-roman',\n        typeAttribute: 'I',\n        listType: 'numbered'\n    },\n    {\n        listStyle: 'lower-alpha',\n        typeAttribute: 'a',\n        listType: 'numbered'\n    },\n    {\n        listStyle: 'upper-alpha',\n        typeAttribute: 'A',\n        listType: 'numbered'\n    },\n    {\n        listStyle: 'lower-latin',\n        typeAttribute: 'a',\n        listType: 'numbered'\n    },\n    {\n        listStyle: 'upper-latin',\n        typeAttribute: 'A',\n        listType: 'numbered'\n    }\n];\nfor (const { listStyle, typeAttribute, listType } of LIST_STYLE_TYPES){\n    LIST_STYLE_TO_LIST_TYPE[listStyle] = listType;\n    LIST_STYLE_TO_TYPE_ATTRIBUTE[listStyle] = typeAttribute;\n    if (typeAttribute) {\n        TYPE_ATTRIBUTE_TO_LIST_STYLE[typeAttribute] = listStyle;\n    }\n}\n/**\n * Gets all the style types supported by given list type.\n *\n * @internal\n */ function getAllSupportedStyleTypes() {\n    return LIST_STYLE_TYPES.map((x)=>x.listStyle);\n}\n/**\n * Checks whether the given list-style-type is supported by numbered or bulleted list.\n *\n * @internal\n */ function getListTypeFromListStyleType$1(listStyleType) {\n    return LIST_STYLE_TO_LIST_TYPE[listStyleType] || null;\n}\n/**\n * Converts `type` attribute of `<ul>` or `<ol>` elements to `list-style-type` equivalent.\n *\n * @internal\n */ function getListStyleTypeFromTypeAttribute(value) {\n    return TYPE_ATTRIBUTE_TO_LIST_STYLE[value] || null;\n}\n/**\n * Converts `list-style-type` style to `type` attribute of `<ul>` or `<ol>` elements.\n *\n * @internal\n */ function getTypeAttributeFromListStyleType(value) {\n    return LIST_STYLE_TO_TYPE_ATTRIBUTE[value] || null;\n}\n/**\n * Normalizes list style by converting aliases to their canonical form.\n *\n * @internal\n * @param listStyle The list style value to normalize.\n * @returns The canonical form of the list style.\n *\n * @example\n * normalizeListStyle( 'lower-alpha' ); // Returns 'lower-latin'\n * normalizeListStyle( 'upper-alpha' ); // Returns 'upper-latin'\n * normalizeListStyle( 'disc' ); // Returns 'disc'\n */ function normalizeListStyle(listStyle) {\n    switch(listStyle){\n        case 'lower-alpha':\n            return 'lower-latin';\n        case 'upper-alpha':\n            return 'upper-latin';\n        default:\n            return listStyle;\n    }\n}\n\n/**\n * The list style command. It changes `listStyle` attribute of the selected list items,\n * letting the user choose styles for the list item markers.\n * It is used by the {@link module:list/listproperties~ListProperties list properties feature}.\n */ class ListStyleCommand extends Command {\n    /**\n\t * The default type of the list style.\n\t */ defaultType;\n    /**\n\t * The list of supported style types by this command.\n\t */ _supportedTypes;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param defaultType The list type that will be used by default if the value was not specified during\n\t * the command execution.\n\t * @param supportedTypes The list of supported style types by this command.\n\t */ constructor(editor, defaultType, supportedTypes){\n        super(editor);\n        this.defaultType = defaultType;\n        this._supportedTypes = supportedTypes;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.value = this._getValue();\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.type The type of the list style, e.g. `'disc'` or `'square'`. If `null` is specified, the default\n\t * style will be applied.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const document = model.document;\n        model.change((writer)=>{\n            this._tryToConvertItemsToList(options);\n            let blocks = Array.from(document.selection.getSelectedBlocks()).filter((block)=>block.hasAttribute('listType'));\n            if (!blocks.length) {\n                return;\n            }\n            blocks = expandListBlocksToCompleteList(blocks);\n            for (const block of blocks){\n                writer.setAttribute('listStyle', options.type || this.defaultType, block);\n            }\n        });\n    }\n    /**\n\t * Checks if the given style type is supported by this plugin.\n\t */ isStyleTypeSupported(value) {\n        if (!this._supportedTypes) {\n            return true;\n        }\n        return this._supportedTypes.includes(value);\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */ _getValue() {\n        const listItem = first(this.editor.model.document.selection.getSelectedBlocks());\n        if (isListItemBlock(listItem)) {\n            return listItem.getAttribute('listStyle');\n        }\n        return null;\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        const editor = this.editor;\n        const numberedList = editor.commands.get('numberedList');\n        const bulletedList = editor.commands.get('bulletedList');\n        return numberedList.isEnabled || bulletedList.isEnabled;\n    }\n    /**\n\t * Check if the provided list style is valid. Also change the selection to a list if it's not set yet.\n\t *\n\t * @param options.type The type of the list style. If `null` is specified, the function does nothing.\n\t*/ _tryToConvertItemsToList(options) {\n        if (!options.type) {\n            return;\n        }\n        const listType = getListTypeFromListStyleType$1(options.type);\n        if (!listType) {\n            return;\n        }\n        const editor = this.editor;\n        const commandName = `${listType}List`;\n        const command = editor.commands.get(commandName);\n        if (!command.value) {\n            editor.execute(commandName);\n        }\n    }\n}\n\n/**\n * The list reversed command. It changes the `listReversed` attribute of the selected list items,\n * letting the user to choose the order of an ordered list.\n * It is used by the {@link module:list/listproperties~ListProperties list properties feature}.\n */ class ListReversedCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const value = this._getValue();\n        this.value = value;\n        this.isEnabled = value != null;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.reversed Whether the list should be reversed.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const document = model.document;\n        let blocks = Array.from(document.selection.getSelectedBlocks()).filter((block)=>isListItemBlock(block) && block.getAttribute('listType') == 'numbered');\n        blocks = expandListBlocksToCompleteList(blocks);\n        model.change((writer)=>{\n            for (const block of blocks){\n                writer.setAttribute('listReversed', !!options.reversed, block);\n            }\n        });\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t */ _getValue() {\n        const model = this.editor.model;\n        const document = model.document;\n        const block = first(document.selection.getSelectedBlocks());\n        if (isListItemBlock(block) && block.getAttribute('listType') == 'numbered') {\n            return block.getAttribute('listReversed');\n        }\n        return null;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module list/listproperties/converters\n */ /**\n * Returns a converter that consumes the `style`, `reversed`, and `start` attributes.\n * In `style`, it searches for the `list-style-type` definition.\n * If not found, the `\"default\"` value will be used.\n *\n * @internal\n * @param strategy\n */ function listPropertiesUpcastConverter(strategy) {\n    return (evt, data, conversionApi)=>{\n        const { writer, schema, consumable } = conversionApi;\n        // If there is no view consumable to consume, set the default attribute value to be able to reconvert nested lists on parent change.\n        // So abort converting if attribute was directly consumed.\n        if (consumable.test(data.viewItem, strategy.viewConsumables) === false) {\n            return;\n        }\n        if (!data.modelRange) {\n            Object.assign(data, conversionApi.convertChildren(data.viewItem, data.modelCursor));\n        }\n        let applied = false;\n        for (const item of data.modelRange.getItems({\n            shallow: true\n        })){\n            if (!schema.checkAttribute(item, strategy.attributeName)) {\n                continue;\n            }\n            if (!strategy.appliesToListItem(item)) {\n                continue;\n            }\n            // Set list attributes only on same level items, those nested deeper are already handled by the recursive conversion.\n            if (item.hasAttribute(strategy.attributeName)) {\n                continue;\n            }\n            writer.setAttribute(strategy.attributeName, strategy.getAttributeOnUpcast(data.viewItem), item);\n            applied = true;\n        }\n        if (applied) {\n            consumable.consume(data.viewItem, strategy.viewConsumables);\n        }\n    };\n}\n\n/**\n * A set of helpers related to document lists.\n */ class ListPropertiesUtils extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListPropertiesUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * Gets all the style types supported by given list type.\n\t */ getAllSupportedStyleTypes() {\n        return getAllSupportedStyleTypes();\n    }\n    /**\n\t * Checks whether the given list-style-type is supported by numbered or bulleted list.\n\t */ getListTypeFromListStyleType(listStyleType) {\n        return getListTypeFromListStyleType$1(listStyleType);\n    }\n    /**\n\t * Converts `type` attribute of `<ul>` or `<ol>` elements to `list-style-type` equivalent.\n\t */ getListStyleTypeFromTypeAttribute(value) {\n        return getListStyleTypeFromTypeAttribute(value);\n    }\n    /**\n\t * Converts `list-style-type` style to `type` attribute of `<ul>` or `<ol>` elements.\n\t */ getTypeAttributeFromListStyleType(value) {\n        return getTypeAttributeFromListStyleType(value);\n    }\n}\n\n/**\n * Normalizes {@link module:list/listconfig~ListPropertiesConfig} in the configuration of the list properties feature.\n * The structure of normalized list properties options looks as follows:\n *\n * ```ts\n * {\n * \tstyles: {\n * \t\tlistTypes: [ 'bulleted', 'numbered' ],\n * \t\tuseAttribute: false\n * \t},\n * \tstartIndex: true,\n * \treversed: true\n * }\n * ```\n *\n * @internal\n * @param config The list properties {@link module:list/listconfig~ListPropertiesConfig config}.\n * @returns An object with normalized list properties options.\n */ function getNormalizedConfig(config) {\n    const { startIndex, reversed, styles } = config;\n    return {\n        styles: getNormalizedStylesConfig(styles),\n        startIndex: startIndex || false,\n        reversed: reversed || false\n    };\n}\n/**\n * Normalizes styles in the configuration of the list properties feature.\n * The structure of normalized list properties options looks as follows:\n *\n * ```ts\n * {\n * \tlistTypes: [ 'bulleted', 'numbered' ],\n * \tuseAttribute: false\n * }\n * ```\n *\n * @param styles The list properties styles.\n * @returns An object with normalized list properties styles.\n */ function getNormalizedStylesConfig(styles) {\n    const normalizedConfig = {\n        listTypes: [\n            'bulleted',\n            'numbered'\n        ],\n        useAttribute: false\n    };\n    if (styles === true) {\n        return normalizedConfig;\n    }\n    if (!styles) {\n        normalizedConfig.listTypes = [];\n    } else if (Array.isArray(styles) || typeof styles == 'string') {\n        normalizedConfig.listTypes = toArray(styles);\n    } else {\n        normalizedConfig.listTypes = styles.listTypes ? toArray(styles.listTypes) : normalizedConfig.listTypes;\n        normalizedConfig.useAttribute = !!styles.useAttribute;\n        if (styles.listStyleTypes) {\n            normalizedConfig.listStyleTypes = styles.listStyleTypes;\n        }\n    }\n    return normalizedConfig;\n}\n\nconst DEFAULT_LIST_TYPE$1 = 'default';\n/**\n * The document list properties engine feature.\n *\n * It registers the `'listStyle'`, `'listReversed'` and `'listStart'` commands if they are enabled in the configuration.\n * Read more in {@link module:list/listconfig~ListPropertiesConfig}.\n */ class ListPropertiesEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListEditing,\n            ListPropertiesUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListPropertiesEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'LP';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('list.properties', {\n            styles: true,\n            startIndex: false,\n            reversed: false\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const listEditing = editor.plugins.get(ListEditing);\n        const enabledProperties = editor.config.get('list.properties');\n        const strategies = createAttributeStrategies$1(enabledProperties);\n        for (const strategy of strategies){\n            strategy.addCommand(editor);\n            model.schema.extend('$listItem', {\n                allowAttributes: strategy.attributeName\n            });\n            // Register downcast strategy.\n            listEditing.registerDowncastStrategy({\n                scope: 'list',\n                attributeName: strategy.attributeName,\n                setAttributeOnDowncast (writer, attributeValue, viewElement) {\n                    strategy.setAttributeOnDowncast(writer, attributeValue, viewElement);\n                }\n            });\n        }\n        // Set up conversion.\n        editor.conversion.for('upcast').add((dispatcher)=>{\n            for (const strategy of strategies){\n                dispatcher.on('element:ol', listPropertiesUpcastConverter(strategy));\n                dispatcher.on('element:ul', listPropertiesUpcastConverter(strategy));\n            }\n        });\n        // Verify if the list view element (ul or ol) requires refreshing.\n        listEditing.on('checkAttributes:list', (evt, { viewElement, modelAttributes, modelReferenceElement })=>{\n            for (const strategy of strategies){\n                if (!strategy.appliesToListItem(modelReferenceElement)) {\n                    continue;\n                }\n                if (strategy.getAttributeOnUpcast(viewElement) != modelAttributes[strategy.attributeName]) {\n                    evt.return = true;\n                    evt.stop();\n                }\n            }\n        });\n        // Reset list properties after indenting list items.\n        this.listenTo(editor.commands.get('indentList'), 'afterExecute', (evt, changedBlocks)=>{\n            model.change((writer)=>{\n                for (const node of changedBlocks){\n                    for (const strategy of strategies){\n                        if (strategy.appliesToListItem(node)) {\n                            // Just reset the attribute.\n                            // If there is a previous indented list that this node should be merged into,\n                            // the postfixer will unify all the attributes of both sub-lists.\n                            writer.setAttribute(strategy.attributeName, strategy.defaultValue, node);\n                        }\n                    }\n                }\n            });\n        });\n        // Add or remove list properties attributes depending on the list type.\n        listEditing.on('postFixer', (evt, { listNodes, writer })=>{\n            for (const { node } of listNodes){\n                for (const strategy of strategies){\n                    // Check if attribute is valid.\n                    if (strategy.hasValidAttribute(node)) {\n                        continue;\n                    }\n                    // Add missing default property attributes...\n                    if (strategy.appliesToListItem(node)) {\n                        writer.setAttribute(strategy.attributeName, strategy.defaultValue, node);\n                    } else {\n                        writer.removeAttribute(strategy.attributeName, node);\n                    }\n                    evt.return = true;\n                }\n            }\n        });\n        // Make sure that all items in a single list (items at the same level & listType) have the same properties.\n        listEditing.on('postFixer', (evt, { listNodes, writer })=>{\n            for (const { node, previousNodeInList } of listNodes){\n                // This is a first item of a nested list.\n                if (!previousNodeInList) {\n                    continue;\n                }\n                // This is a first block of a list of a different type.\n                if (previousNodeInList.getAttribute('listType') != node.getAttribute('listType')) {\n                    continue;\n                }\n                // Copy properties from the previous one.\n                for (const strategy of strategies){\n                    const { attributeName } = strategy;\n                    if (!strategy.appliesToListItem(node)) {\n                        continue;\n                    }\n                    const value = previousNodeInList.getAttribute(attributeName);\n                    if (node.getAttribute(attributeName) != value) {\n                        writer.setAttribute(attributeName, value, node);\n                        evt.return = true;\n                    }\n                }\n            }\n        });\n    }\n}\n/**\n * Creates an array of strategies for dealing with enabled listItem attributes.\n */ function createAttributeStrategies$1(enabledProperties) {\n    const strategies = [];\n    const normalizedConfig = getNormalizedConfig(enabledProperties);\n    if (enabledProperties.styles) {\n        const useAttribute = normalizedConfig.styles.useAttribute;\n        strategies.push({\n            attributeName: 'listStyle',\n            defaultValue: DEFAULT_LIST_TYPE$1,\n            viewConsumables: {\n                styles: 'list-style-type'\n            },\n            addCommand (editor) {\n                let supportedTypes = getAllSupportedStyleTypes();\n                if (useAttribute) {\n                    supportedTypes = supportedTypes.filter((styleType)=>!!getTypeAttributeFromListStyleType(styleType));\n                }\n                editor.commands.add('listStyle', new ListStyleCommand(editor, DEFAULT_LIST_TYPE$1, supportedTypes));\n            },\n            appliesToListItem (item) {\n                return item.getAttribute('listType') == 'numbered' || item.getAttribute('listType') == 'bulleted';\n            },\n            hasValidAttribute (item) {\n                if (!this.appliesToListItem(item)) {\n                    return !item.hasAttribute('listStyle');\n                }\n                if (!item.hasAttribute('listStyle')) {\n                    return false;\n                }\n                const value = item.getAttribute('listStyle');\n                if (value == DEFAULT_LIST_TYPE$1) {\n                    return true;\n                }\n                return getListTypeFromListStyleType$1(value) == item.getAttribute('listType');\n            },\n            setAttributeOnDowncast (writer, listStyle, element) {\n                if (listStyle && listStyle !== DEFAULT_LIST_TYPE$1) {\n                    if (useAttribute) {\n                        const value = getTypeAttributeFromListStyleType(listStyle);\n                        if (value) {\n                            writer.setAttribute('type', value, element);\n                            return;\n                        }\n                    } else {\n                        writer.setStyle('list-style-type', listStyle, element);\n                        return;\n                    }\n                }\n                writer.removeStyle('list-style-type', element);\n                writer.removeAttribute('type', element);\n            },\n            getAttributeOnUpcast (listParent) {\n                const style = listParent.getStyle('list-style-type');\n                if (style) {\n                    return normalizeListStyle(style);\n                }\n                const attribute = listParent.getAttribute('type');\n                if (attribute) {\n                    return getListStyleTypeFromTypeAttribute(attribute);\n                }\n                return DEFAULT_LIST_TYPE$1;\n            }\n        });\n    }\n    if (enabledProperties.reversed) {\n        strategies.push({\n            attributeName: 'listReversed',\n            defaultValue: false,\n            viewConsumables: {\n                attributes: 'reversed'\n            },\n            addCommand (editor) {\n                editor.commands.add('listReversed', new ListReversedCommand(editor));\n            },\n            appliesToListItem (item) {\n                return item.getAttribute('listType') == 'numbered';\n            },\n            hasValidAttribute (item) {\n                return this.appliesToListItem(item) == item.hasAttribute('listReversed');\n            },\n            setAttributeOnDowncast (writer, listReversed, element) {\n                if (listReversed) {\n                    writer.setAttribute('reversed', 'reversed', element);\n                } else {\n                    writer.removeAttribute('reversed', element);\n                }\n            },\n            getAttributeOnUpcast (listParent) {\n                return listParent.hasAttribute('reversed');\n            }\n        });\n    }\n    if (enabledProperties.startIndex) {\n        strategies.push({\n            attributeName: 'listStart',\n            defaultValue: 1,\n            viewConsumables: {\n                attributes: 'start'\n            },\n            addCommand (editor) {\n                editor.commands.add('listStart', new ListStartCommand(editor));\n            },\n            appliesToListItem (item) {\n                return isNumberedListType(item.getAttribute('listType'));\n            },\n            hasValidAttribute (item) {\n                return this.appliesToListItem(item) == item.hasAttribute('listStart');\n            },\n            setAttributeOnDowncast (writer, listStart, element) {\n                if (listStart == 0 || listStart > 1) {\n                    writer.setAttribute('start', listStart, element);\n                } else {\n                    writer.removeAttribute('start', element);\n                }\n            },\n            getAttributeOnUpcast (listParent) {\n                const startAttributeValue = listParent.getAttribute('start');\n                return startAttributeValue >= 0 ? startAttributeValue : 1;\n            }\n        });\n    }\n    return strategies;\n}\n\n/**\n * The list properties view to be displayed in the list dropdown.\n *\n * Contains a grid of available list styles and, for numbered list, also the list start index and reversed fields.\n *\n * @internal\n */ class ListPropertiesView extends View {\n    /**\n\t * A collection of the child views.\n\t */ children;\n    /**\n\t * A view that renders the grid of list styles.\n\t */ stylesView = null;\n    /**\n\t * A collapsible view that hosts additional list property fields ({@link #startIndexFieldView} and\n\t * {@link #reversedSwitchButtonView}) to visually separate them from the {@link #stylesView grid of styles}.\n\t *\n\t * **Note**: Only present when:\n\t * * the view represents **numbered** list properties,\n\t * * and the {@link #stylesView} is rendered,\n\t * * and either {@link #startIndexFieldView} or {@link #reversedSwitchButtonView} is rendered.\n\t *\n\t * @readonly\n\t */ additionalPropertiesCollapsibleView = null;\n    /**\n\t * A labeled number field allowing the user to set the start index of the list.\n\t *\n\t * **Note**: Only present when the view represents **numbered** list properties.\n\t *\n\t * @readonly\n\t */ startIndexFieldView = null;\n    /**\n\t * A switch button allowing the user to make the edited list reversed.\n\t *\n\t * **Note**: Only present when the view represents **numbered** list properties.\n\t *\n\t * @readonly\n\t */ reversedSwitchButtonView = null;\n    /**\n\t * Tracks information about the DOM focus in the view.\n\t */ focusTracker = new FocusTracker();\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes = new KeystrokeHandler();\n    /**\n\t * A collection of views that can be focused in the properties view.\n\t */ focusables = new ViewCollection();\n    /**\n\t * Helps cycling over {@link #focusables} in the view.\n\t */ focusCycler;\n    /**\n\t * Creates an instance of the list properties view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Options of the view.\n\t * @param options.enabledProperties An object containing the configuration of enabled list property names.\n\t * Allows conditional rendering the sub-components of the properties view.\n\t * @param options.styleButtonViews A list of style buttons to be rendered\n\t * inside the styles grid. The grid will not be rendered when `enabledProperties` does not include the `'styles'` key.\n\t * @param options.styleGridAriaLabel An assistive technologies label set on the grid of styles (if the grid is rendered).\n\t */ constructor(locale, { enabledProperties, styleButtonViews, styleGridAriaLabel }){\n        super(locale);\n        const elementCssClasses = [\n            'ck',\n            'ck-list-properties'\n        ];\n        this.children = this.createCollection();\n        this.focusCycler = new FocusCycler({\n            focusables: this.focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate #children backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate #children forwards using the <kbd>Tab</kbd> key.\n                focusNext: 'tab'\n            }\n        });\n        // The rendering of the styles grid is conditional. When there is no styles grid, the view will render without collapsible\n        // for numbered list properties, hence simplifying the layout.\n        if (styleButtonViews && styleButtonViews.length) {\n            this.stylesView = this._createStylesView(styleButtonViews, styleGridAriaLabel);\n            this.children.add(this.stylesView);\n        } else {\n            elementCssClasses.push('ck-list-properties_without-styles');\n        }\n        // The rendering of the numbered list property views is also conditional. It only makes sense for the numbered list\n        // dropdown. The unordered list does not have such properties.\n        if (enabledProperties.startIndex || enabledProperties.reversed) {\n            this._addNumberedListPropertyViews(enabledProperties);\n            elementCssClasses.push('ck-list-properties_with-numbered-properties');\n        }\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: elementCssClasses\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        if (this.stylesView) {\n            this.focusables.add(this.stylesView);\n            this.focusTracker.add(this.stylesView.element);\n            // Register the collapsible toggle button to the focus system.\n            if (this.startIndexFieldView || this.reversedSwitchButtonView) {\n                this.focusables.add(this.children.last.buttonView);\n                this.focusTracker.add(this.children.last.buttonView.element);\n            }\n            for (const item of this.stylesView.children){\n                this.stylesView.focusTracker.add(item.element);\n            }\n            addKeyboardHandlingForGrid({\n                keystrokeHandler: this.stylesView.keystrokes,\n                focusTracker: this.stylesView.focusTracker,\n                gridItems: this.stylesView.children,\n                // Note: The styles view has a different number of columns depending on whether the other properties\n                // are enabled in the dropdown or not (https://github.com/ckeditor/ckeditor5/issues/12340)\n                numberOfColumns: ()=>global.window.getComputedStyle(this.stylesView.element).getPropertyValue('grid-template-columns').split(' ').length,\n                uiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n            });\n        }\n        if (this.startIndexFieldView) {\n            this.focusables.add(this.startIndexFieldView);\n            this.focusTracker.add(this.startIndexFieldView.element);\n            const stopPropagation = (data)=>data.stopPropagation();\n            // Since the form is in the dropdown panel which is a child of the toolbar, the toolbar's\n            // keystroke handler would take over the key management in the input. We need to prevent\n            // this ASAP. Otherwise, the basic caret movement using the arrow keys will be impossible.\n            this.keystrokes.set('arrowright', stopPropagation);\n            this.keystrokes.set('arrowleft', stopPropagation);\n            this.keystrokes.set('arrowup', stopPropagation);\n            this.keystrokes.set('arrowdown', stopPropagation);\n        }\n        if (this.reversedSwitchButtonView) {\n            this.focusables.add(this.reversedSwitchButtonView);\n            this.focusTracker.add(this.reversedSwitchButtonView.element);\n        }\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ focus() {\n        this.focusCycler.focusFirst();\n    }\n    /**\n\t * @inheritDoc\n\t */ focusLast() {\n        this.focusCycler.focusLast();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Creates the list styles grid.\n\t *\n\t * @param styleButtons Buttons to be placed in the grid.\n\t * @param styleGridAriaLabel The assistive technology label of the grid.\n\t */ _createStylesView(styleButtons, styleGridAriaLabel) {\n        const stylesView = new View(this.locale);\n        stylesView.children = stylesView.createCollection();\n        stylesView.children.addMany(styleButtons);\n        stylesView.setTemplate({\n            tag: 'div',\n            attributes: {\n                'aria-label': styleGridAriaLabel,\n                class: [\n                    'ck',\n                    'ck-list-styles-list'\n                ]\n            },\n            children: stylesView.children\n        });\n        stylesView.children.delegate('execute').to(this);\n        stylesView.focus = function() {\n            // If there is a button that is already on, focus it.\n            // It's counterintuitive to focus the first button when there is already a button on.\n            for (const child of this.children){\n                if (child instanceof ButtonView && child.isOn) {\n                    child.focus();\n                    return;\n                }\n            }\n            // ... otherwise focus the first button.\n            this.children.first.focus();\n        };\n        stylesView.focusTracker = new FocusTracker();\n        stylesView.keystrokes = new KeystrokeHandler();\n        stylesView.render();\n        stylesView.keystrokes.listenTo(stylesView.element);\n        return stylesView;\n    }\n    /**\n\t * Renders {@link #startIndexFieldView} and/or {@link #reversedSwitchButtonView} depending on the configuration of the properties view.\n\t *\n\t * @param enabledProperties An object containing the configuration of enabled list property names\n\t * (see {@link #constructor}).\n\t */ _addNumberedListPropertyViews(enabledProperties) {\n        const t = this.locale.t;\n        const numberedPropertyViews = [];\n        if (enabledProperties.startIndex) {\n            this.startIndexFieldView = this._createStartIndexField();\n            numberedPropertyViews.push(this.startIndexFieldView);\n        }\n        if (enabledProperties.reversed) {\n            this.reversedSwitchButtonView = this._createReversedSwitchButton();\n            numberedPropertyViews.push(this.reversedSwitchButtonView);\n        }\n        // When there are some style buttons, pack the numbered list properties into a collapsible to separate them.\n        if (this.stylesView) {\n            this.additionalPropertiesCollapsibleView = new CollapsibleView(this.locale, numberedPropertyViews);\n            this.additionalPropertiesCollapsibleView.set({\n                label: t('List properties'),\n                isCollapsed: true\n            });\n            // Don't enable the collapsible view unless either start index or reversed field is enabled (e.g. when no list is selected).\n            this.additionalPropertiesCollapsibleView.buttonView.bind('isEnabled').toMany(numberedPropertyViews, 'isEnabled', (...areEnabled)=>areEnabled.some((isEnabled)=>isEnabled));\n            // Automatically collapse the additional properties collapsible when either start index or reversed field gets disabled.\n            this.additionalPropertiesCollapsibleView.buttonView.on('change:isEnabled', (evt, data, isEnabled)=>{\n                if (!isEnabled) {\n                    this.additionalPropertiesCollapsibleView.isCollapsed = true;\n                }\n            });\n            this.children.add(this.additionalPropertiesCollapsibleView);\n        } else {\n            this.children.addMany(numberedPropertyViews);\n        }\n    }\n    /**\n\t * Creates the list start index labeled field.\n\t */ _createStartIndexField() {\n        const t = this.locale.t;\n        const startIndexFieldView = new LabeledFieldView(this.locale, createLabeledInputNumber);\n        startIndexFieldView.set({\n            label: t('Start at'),\n            class: 'ck-numbered-list-properties__start-index'\n        });\n        startIndexFieldView.fieldView.set({\n            min: 0,\n            step: 1,\n            value: 1,\n            inputMode: 'numeric'\n        });\n        startIndexFieldView.fieldView.on('input', ()=>{\n            const inputElement = startIndexFieldView.fieldView.element;\n            const startIndex = inputElement.valueAsNumber;\n            if (Number.isNaN(startIndex)) {\n                // Number inputs allow for the entry of characters that may result in NaN,\n                // such as 'e', '+', '123e', '2-'.\n                startIndexFieldView.errorText = t('Invalid start index value.');\n                return;\n            }\n            if (!inputElement.checkValidity()) {\n                startIndexFieldView.errorText = t('Start index must be greater than 0.');\n            } else {\n                this.fire('listStart', {\n                    startIndex\n                });\n            }\n        });\n        return startIndexFieldView;\n    }\n    /**\n\t * Creates the reversed list switch button.\n\t */ _createReversedSwitchButton() {\n        const t = this.locale.t;\n        const reversedButtonView = new SwitchButtonView(this.locale);\n        reversedButtonView.set({\n            withText: true,\n            label: t('Reversed order'),\n            class: 'ck-numbered-list-properties__reversed-order'\n        });\n        reversedButtonView.delegate('execute').to(this, 'listReversed');\n        return reversedButtonView;\n    }\n}\n\n/**\n * The list properties UI plugin. It introduces the extended `'bulletedList'` and `'numberedList'` toolbar\n * buttons that allow users to control such aspects of list as the marker, start index or order.\n *\n * **Note**: Buttons introduced by this plugin override implementations from the {@link module:list/list/listui~ListUI}\n * (because they share the same names).\n */ class ListPropertiesUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListPropertiesUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    init() {\n        const editor = this.editor;\n        const t = editor.locale.t;\n        const propertiesConfig = editor.config.get('list.properties');\n        const normalizedConfig = getNormalizedConfig(propertiesConfig);\n        const stylesListTypes = normalizedConfig.styles.listTypes;\n        // Note: When this plugin does not register the \"bulletedList\" dropdown due to properties configuration,\n        // a simple button will be still registered under the same name by ListUI as a fallback. This should happen\n        // in most editor configuration because the List plugin automatically requires ListUI.\n        if (stylesListTypes.includes('bulleted')) {\n            const styleDefinitions = [\n                {\n                    label: t('Toggle the disc list style'),\n                    tooltip: t('Disc'),\n                    type: 'disc',\n                    icon: IconListStyleDisc\n                },\n                {\n                    label: t('Toggle the circle list style'),\n                    tooltip: t('Circle'),\n                    type: 'circle',\n                    icon: IconListStyleCircle\n                },\n                {\n                    label: t('Toggle the square list style'),\n                    tooltip: t('Square'),\n                    type: 'square',\n                    icon: IconListStyleSquare\n                }\n            ];\n            const buttonLabel = t('Bulleted List');\n            const styleGridAriaLabel = t('Bulleted list styles toolbar');\n            const commandName = 'bulletedList';\n            editor.ui.componentFactory.add(commandName, getDropdownViewCreator({\n                editor,\n                normalizedConfig,\n                parentCommandName: commandName,\n                buttonLabel,\n                buttonIcon: IconBulletedList,\n                styleGridAriaLabel,\n                styleDefinitions\n            }));\n            // Add the menu bar item for bulleted list.\n            editor.ui.componentFactory.add(`menuBar:${commandName}`, getMenuBarStylesMenuCreator({\n                editor,\n                normalizedConfig,\n                parentCommandName: commandName,\n                buttonLabel,\n                styleGridAriaLabel,\n                styleDefinitions\n            }));\n        }\n        // Note: When this plugin does not register the \"numberedList\" dropdown due to properties configuration,\n        // a simple button will be still registered under the same name by ListUI as a fallback. This should happen\n        // in most editor configuration because the List plugin automatically requires ListUI.\n        if (stylesListTypes.includes('numbered') || propertiesConfig.startIndex || propertiesConfig.reversed) {\n            const styleDefinitions = [\n                {\n                    label: t('Toggle the decimal list style'),\n                    tooltip: t('Decimal'),\n                    type: 'decimal',\n                    icon: IconListStyleDecimal\n                },\n                {\n                    label: t('Toggle the decimal with leading zero list style'),\n                    tooltip: t('Decimal with leading zero'),\n                    type: 'decimal-leading-zero',\n                    icon: IconListStyleDecimalLeadingZero\n                },\n                {\n                    label: t('Toggle the lower–roman list style'),\n                    tooltip: t('Lower–roman'),\n                    type: 'lower-roman',\n                    icon: IconListStyleLowerRoman\n                },\n                {\n                    label: t('Toggle the upper–roman list style'),\n                    tooltip: t('Upper-roman'),\n                    type: 'upper-roman',\n                    icon: IconListStyleUpperRoman\n                },\n                {\n                    label: t('Toggle the lower–latin list style'),\n                    tooltip: t('Lower-latin'),\n                    type: 'lower-latin',\n                    icon: IconListStyleLowerLatin\n                },\n                {\n                    label: t('Toggle the upper–latin list style'),\n                    tooltip: t('Upper-latin'),\n                    type: 'upper-latin',\n                    icon: IconListStyleUpperLatin\n                }\n            ];\n            const buttonLabel = t('Numbered List');\n            const styleGridAriaLabel = t('Numbered list styles toolbar');\n            const commandName = 'numberedList';\n            editor.ui.componentFactory.add(commandName, getDropdownViewCreator({\n                editor,\n                normalizedConfig,\n                parentCommandName: commandName,\n                buttonLabel,\n                buttonIcon: IconNumberedList,\n                styleGridAriaLabel,\n                styleDefinitions\n            }));\n            // Menu bar menu does not display list start index or reverse UI. If there are no styles enabled,\n            // the menu makes no sense and should be omitted.\n            if (stylesListTypes.includes('numbered')) {\n                editor.ui.componentFactory.add(`menuBar:${commandName}`, getMenuBarStylesMenuCreator({\n                    editor,\n                    normalizedConfig,\n                    parentCommandName: commandName,\n                    buttonLabel,\n                    styleGridAriaLabel,\n                    styleDefinitions\n                }));\n            }\n        }\n    }\n}\n/**\n * A helper that returns a function that creates a split button with a toolbar in the dropdown,\n * which in turn contains buttons allowing users to change list styles in the context of the current selection.\n *\n * @param options.editor\n * @param options.normalizedConfig List properties configuration.\n * @param options.parentCommandName The name of the higher-order editor command associated with\n * the set of particular list styles (e.g. \"bulletedList\" for \"disc\", \"circle\", and \"square\" styles).\n * @param options.buttonLabel Label of the main part of the split button.\n * @param options.buttonIcon The SVG string of an icon for the main part of the split button.\n * @param options.styleGridAriaLabel The ARIA label for the styles grid in the split button dropdown.\n * @param options.styleDefinitions Definitions of the style buttons.\n * @returns A function that can be passed straight into {@link module:ui/componentfactory~ComponentFactory#add}.\n */ function getDropdownViewCreator({ editor, normalizedConfig, parentCommandName, buttonLabel, buttonIcon, styleGridAriaLabel, styleDefinitions }) {\n    const parentCommand = editor.commands.get(parentCommandName);\n    return (locale)=>{\n        const dropdownView = createDropdown(locale, SplitButtonView);\n        const mainButtonView = dropdownView.buttonView;\n        dropdownView.bind('isEnabled').to(parentCommand);\n        dropdownView.class = 'ck-list-styles-dropdown';\n        // Main button was clicked.\n        mainButtonView.on('execute', ()=>{\n            editor.execute(parentCommandName);\n            editor.editing.view.focus();\n        });\n        mainButtonView.set({\n            label: buttonLabel,\n            icon: buttonIcon,\n            tooltip: true,\n            isToggleable: true\n        });\n        mainButtonView.bind('isOn').to(parentCommand, 'value', (value)=>!!value);\n        dropdownView.once('change:isOpen', ()=>{\n            const listPropertiesView = createListPropertiesView({\n                editor,\n                normalizedConfig,\n                dropdownView,\n                parentCommandName,\n                styleGridAriaLabel,\n                styleDefinitions\n            });\n            dropdownView.panelView.children.add(listPropertiesView);\n        });\n        // Focus the editable after executing the command.\n        // Overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n        dropdownView.on('execute', ()=>{\n            editor.editing.view.focus();\n        });\n        return dropdownView;\n    };\n}\n/**\n * A helper that returns a function (factory) that creates individual buttons used by users to change styles\n * of lists.\n *\n * @param options.editor\n * @param options.listStyleCommand The instance of the `ListStylesCommand` class.\n * @param options.parentCommandName The name of the higher-order command associated with a\n * particular list style (e.g. \"bulletedList\" is associated with \"square\" and \"numberedList\" is associated with \"roman\").\n * @returns A function that can be passed straight into {@link module:ui/componentfactory~ComponentFactory#add}.\n */ function getStyleButtonCreator({ editor, listStyleCommand, parentCommandName }) {\n    const locale = editor.locale;\n    const parentCommand = editor.commands.get(parentCommandName);\n    return ({ label, type, icon, tooltip })=>{\n        const button = new ButtonView(locale);\n        button.set({\n            label,\n            icon,\n            tooltip\n        });\n        button.bind('isOn').to(listStyleCommand, 'value', (value)=>value === type);\n        button.on('execute', ()=>{\n            // If the content the selection is anchored to is a list, let's change its style.\n            if (parentCommand.value) {\n                // Remove the list when the current list style is the same as the one that would normally be applied.\n                if (listStyleCommand.value === type) {\n                    editor.execute(parentCommandName);\n                } else if (listStyleCommand.value !== type) {\n                    editor.execute('listStyle', {\n                        type\n                    });\n                }\n            } else {\n                editor.model.change(()=>{\n                    editor.execute('listStyle', {\n                        type\n                    });\n                });\n            }\n        });\n        return button;\n    };\n}\n/**\n * A helper that creates the properties view for the individual style dropdown.\n *\n * @param options.editor Editor instance.\n * @param options.normalizedConfig List properties configuration.\n * @param options.dropdownView Styles dropdown view that hosts the properties view.\n * @param options.parentCommandName The name of the higher-order editor command associated with\n * the set of particular list styles (e.g. \"bulletedList\" for \"disc\", \"circle\", and \"square\" styles).\n * @param options.styleDefinitions Definitions of the style buttons.\n * @param options.styleGridAriaLabel An assistive technologies label set on the grid of styles (if the grid is rendered).\n */ function createListPropertiesView({ editor, normalizedConfig, dropdownView, parentCommandName, styleDefinitions, styleGridAriaLabel }) {\n    const locale = editor.locale;\n    const enabledProperties = {\n        ...normalizedConfig,\n        ...parentCommandName != 'numberedList' ? {\n            startIndex: false,\n            reversed: false\n        } : null\n    };\n    const listType = parentCommandName.replace('List', '');\n    let styleButtonViews = null;\n    if (normalizedConfig.styles.listTypes.includes(listType)) {\n        const listStyleCommand = editor.commands.get('listStyle');\n        const styleButtonCreator = getStyleButtonCreator({\n            editor,\n            parentCommandName,\n            listStyleCommand\n        });\n        const configuredListStylesTypes = normalizedConfig.styles.listStyleTypes;\n        let filteredDefinitions = styleDefinitions;\n        if (configuredListStylesTypes) {\n            const allowedTypes = configuredListStylesTypes[listType];\n            if (allowedTypes) {\n                filteredDefinitions = styleDefinitions.filter((def)=>allowedTypes.includes(def.type));\n            }\n        }\n        const isStyleTypeSupported = getStyleTypeSupportChecker(listStyleCommand);\n        styleButtonViews = filteredDefinitions.filter(isStyleTypeSupported).map(styleButtonCreator);\n    }\n    const listPropertiesView = new ListPropertiesView(locale, {\n        styleGridAriaLabel,\n        enabledProperties,\n        styleButtonViews\n    });\n    if (normalizedConfig.styles.listTypes.includes(listType)) {\n        // Accessibility: focus the first active style when opening the dropdown.\n        focusChildOnDropdownOpen(dropdownView, ()=>{\n            return listPropertiesView.stylesView.children.find((child)=>child.isOn);\n        });\n    }\n    if (enabledProperties.startIndex) {\n        const listStartCommand = editor.commands.get('listStart');\n        listPropertiesView.startIndexFieldView.bind('isEnabled').to(listStartCommand);\n        listPropertiesView.startIndexFieldView.fieldView.bind('value').to(listStartCommand);\n        listPropertiesView.on('listStart', (evt, data)=>editor.execute('listStart', data));\n    }\n    if (enabledProperties.reversed) {\n        const listReversedCommand = editor.commands.get('listReversed');\n        listPropertiesView.reversedSwitchButtonView.bind('isEnabled').to(listReversedCommand);\n        listPropertiesView.reversedSwitchButtonView.bind('isOn').to(listReversedCommand, 'value', (value)=>!!value);\n        listPropertiesView.on('listReversed', ()=>{\n            const isReversed = listReversedCommand.value;\n            editor.execute('listReversed', {\n                reversed: !isReversed\n            });\n        });\n    }\n    // Make sure applying styles closes the dropdown.\n    listPropertiesView.delegate('execute').to(dropdownView);\n    return listPropertiesView;\n}\n/**\n * A helper that creates the list style submenu for menu bar.\n *\n * @param editor Editor instance.\n * @param normalizedConfig List properties configuration.\n * @param parentCommandName Name of the list command.\n * @param buttonLabel Label of the menu button.\n * @param styleGridAriaLabel ARIA label of the styles grid.\n */ function getMenuBarStylesMenuCreator({ editor, normalizedConfig, parentCommandName, buttonLabel, styleGridAriaLabel, styleDefinitions }) {\n    return (locale)=>{\n        const menuView = new MenuBarMenuView(locale);\n        const listCommand = editor.commands.get(parentCommandName);\n        const listStyleCommand = editor.commands.get('listStyle');\n        const isStyleTypeSupported = getStyleTypeSupportChecker(listStyleCommand);\n        const styleButtonCreator = getStyleButtonCreator({\n            editor,\n            parentCommandName,\n            listStyleCommand\n        });\n        const configuredListStylesTypes = normalizedConfig.styles.listStyleTypes;\n        let filteredDefinitions = styleDefinitions;\n        if (configuredListStylesTypes) {\n            const listType = listCommand.type;\n            const allowedTypes = configuredListStylesTypes[listType];\n            if (allowedTypes) {\n                filteredDefinitions = styleDefinitions.filter((def)=>allowedTypes.includes(def.type));\n            }\n        }\n        const styleButtonViews = filteredDefinitions.filter(isStyleTypeSupported).map(styleButtonCreator);\n        const listPropertiesView = new ListPropertiesView(locale, {\n            styleGridAriaLabel,\n            enabledProperties: {\n                ...normalizedConfig,\n                // Disable list start index and reversed in the menu bar.\n                startIndex: false,\n                reversed: false\n            },\n            styleButtonViews\n        });\n        listPropertiesView.delegate('execute').to(menuView);\n        menuView.buttonView.set({\n            label: buttonLabel,\n            icon: parentCommandName === 'bulletedList' ? IconBulletedList : IconNumberedList\n        });\n        menuView.panelView.children.add(listPropertiesView);\n        menuView.bind('isEnabled').to(listCommand, 'isEnabled');\n        menuView.on('execute', ()=>{\n            editor.editing.view.focus();\n        });\n        return menuView;\n    };\n}\nfunction getStyleTypeSupportChecker(listStyleCommand) {\n    if (typeof listStyleCommand.isStyleTypeSupported == 'function') {\n        return (styleDefinition)=>listStyleCommand.isStyleTypeSupported(styleDefinition.type);\n    } else {\n        return ()=>true;\n    }\n}\n\n/**\n * The list properties feature.\n *\n * This is a \"glue\" plugin that loads the\n * {@link module:list/listproperties/listpropertiesediting~ListPropertiesEditing list properties\n * editing feature} and the {@link module:list/listproperties/listpropertiesui~ListPropertiesUI list properties UI feature}.\n */ class ListProperties extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListPropertiesEditing,\n            ListPropertiesUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListProperties';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The check to-do command.\n *\n * The command is registered by the {@link module:list/todolist/todolistediting~TodoListEditing} as\n * the `checkTodoList` editor command.\n */ class CheckTodoListCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // Refresh command before executing to be sure all values are up to date.\n        // It is needed when selection has changed before command execution, in the same change block.\n        this.on('execute', ()=>{\n            this.refresh();\n        }, {\n            priority: 'highest'\n        });\n    }\n    /**\n\t * Updates the command's {@link #value} and {@link #isEnabled} properties based on the current selection.\n\t */ refresh() {\n        const selectedElements = this._getSelectedItems();\n        this.value = this._getValue(selectedElements);\n        this.isEnabled = !!selectedElements.length;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply\n\t * the attribute. Otherwise, the command will remove the attribute. If not set, the command will look for its current\n\t * value to decide what it should do.\n\t */ execute(options = {}) {\n        this.editor.model.change((writer)=>{\n            const selectedElements = this._getSelectedItems();\n            const value = options.forceValue === undefined ? !this._getValue(selectedElements) : options.forceValue;\n            for (const element of selectedElements){\n                if (value) {\n                    writer.setAttribute('todoListChecked', true, element);\n                } else {\n                    writer.removeAttribute('todoListChecked', element);\n                }\n            }\n        });\n    }\n    /**\n\t * Returns a value for the command.\n\t */ _getValue(selectedElements) {\n        return selectedElements.every((element)=>element.getAttribute('todoListChecked'));\n    }\n    /**\n\t * Gets all to-do list items selected by the {@link module:engine/model/selection~ModelSelection}.\n\t */ _getSelectedItems() {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selectionRange = model.document.selection.getFirstRange();\n        const startElement = selectionRange.start.parent;\n        const elements = [];\n        if (schema.checkAttribute(startElement, 'todoListChecked')) {\n            elements.push(...getAllListItemBlocks(startElement));\n        }\n        for (const item of selectionRange.getItems({\n            shallow: true\n        })){\n            if (schema.checkAttribute(item, 'todoListChecked') && !elements.includes(item)) {\n                elements.push(...getAllListItemBlocks(item));\n            }\n        }\n        return elements;\n    }\n}\n\n/**\n * Observes all to-do list checkboxes state changes.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView} by {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @internal\n */ class TodoCheckboxChangeObserver extends DomEventObserver {\n    /**\n\t * @inheritDoc\n\t */ domEventType = [\n        'change'\n    ];\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvent) {\n        if (domEvent.target) {\n            const viewTarget = this.view.domConverter.mapDomToView(domEvent.target);\n            if (viewTarget && viewTarget.is('element', 'input') && viewTarget.getAttribute('type') == 'checkbox' && viewTarget.findAncestor({\n                classes: 'todo-list__label'\n            })) {\n                this.fire('todoCheckboxChange', domEvent);\n            }\n        }\n    }\n}\n\nconst ITEM_TOGGLE_KEYSTROKE$1 = /* #__PURE__ */ parseKeystroke('Ctrl+Enter');\n/**\n * The engine of the to-do list feature. It handles creating, editing and removing to-do lists and their items.\n *\n * It registers the entire functionality of the {@link module:list/list/listediting~ListEditing list editing plugin}\n * and extends it with the commands:\n *\n * - `'todoList'`,\n * - `'checkTodoList'`,\n */ class TodoListEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TodoListEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ListEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const editing = editor.editing;\n        const listEditing = editor.plugins.get(ListEditing);\n        const multiBlock = editor.config.get('list.multiBlock');\n        const elementName = multiBlock ? 'paragraph' : 'listItem';\n        editor.commands.add('todoList', new ListCommand(editor, 'todo'));\n        editor.commands.add('checkTodoList', new CheckTodoListCommand(editor));\n        editing.view.addObserver(TodoCheckboxChangeObserver);\n        model.schema.extend('$listItem', {\n            allowAttributes: 'todoListChecked'\n        });\n        model.schema.addAttributeCheck((context)=>{\n            const item = context.last;\n            // Don't allow `todoListChecked` attribute on elements which are not todo list items.\n            if (!item.getAttribute('listItemId') || item.getAttribute('listType') != 'todo') {\n                return false;\n            }\n        }, 'todoListChecked');\n        editor.conversion.for('upcast').add((dispatcher)=>{\n            // Upcast of to-do list item is based on a checkbox at the beginning of a <li> to keep compatibility with markdown input.\n            dispatcher.on('element:input', todoItemInputConverter());\n            // Priority is set to low to allow generic list item converter to run first.\n            dispatcher.on('element:li', todoListItemUpcastConverter(), {\n                priority: 'low'\n            });\n            // Consume other elements that are normally generated in data downcast, so they won't get captured by GHS.\n            dispatcher.on('element:label', elementUpcastConsumingConverter({\n                name: 'label',\n                classes: 'todo-list__label'\n            }));\n            dispatcher.on('element:label', elementUpcastConsumingConverter({\n                name: 'label',\n                classes: [\n                    'todo-list__label',\n                    'todo-list__label_without-description'\n                ]\n            }));\n            dispatcher.on('element:span', elementUpcastConsumingConverter({\n                name: 'span',\n                classes: 'todo-list__label__description'\n            }));\n            dispatcher.on('element:ul', attributeUpcastConsumingConverter({\n                name: 'ul',\n                classes: 'todo-list'\n            }));\n        });\n        editor.conversion.for('downcast').elementToElement({\n            model: elementName,\n            view: (element, { writer })=>{\n                if (isDescriptionBlock(element, listEditing.getListAttributeNames())) {\n                    return writer.createContainerElement('span', {\n                        class: 'todo-list__label__description'\n                    });\n                }\n            },\n            converterPriority: 'highest'\n        });\n        listEditing.registerDowncastStrategy({\n            scope: 'list',\n            attributeName: 'listType',\n            setAttributeOnDowncast (writer, value, element) {\n                if (value == 'todo') {\n                    writer.addClass('todo-list', element);\n                } else {\n                    writer.removeClass('todo-list', element);\n                }\n            }\n        });\n        listEditing.registerDowncastStrategy({\n            scope: 'itemMarker',\n            attributeName: 'todoListChecked',\n            createElement (writer, modelElement, { dataPipeline }) {\n                if (modelElement.getAttribute('listType') != 'todo') {\n                    return null;\n                }\n                const viewElement = writer.createUIElement('input', {\n                    type: 'checkbox',\n                    ...modelElement.getAttribute('todoListChecked') ? {\n                        checked: 'checked'\n                    } : null,\n                    ...dataPipeline ? {\n                        disabled: 'disabled'\n                    } : {\n                        tabindex: '-1'\n                    }\n                });\n                if (dataPipeline) {\n                    return viewElement;\n                }\n                const wrapper = writer.createContainerElement('span', {\n                    contenteditable: 'false'\n                }, viewElement);\n                wrapper.getFillerOffset = ()=>null;\n                return wrapper;\n            },\n            canWrapElement (modelElement) {\n                return isDescriptionBlock(modelElement, listEditing.getListAttributeNames());\n            },\n            createWrapperElement (writer, modelElement, { dataPipeline }) {\n                const classes = [\n                    'todo-list__label'\n                ];\n                if (!isDescriptionBlock(modelElement, listEditing.getListAttributeNames())) {\n                    classes.push('todo-list__label_without-description');\n                }\n                return writer.createAttributeElement(dataPipeline ? 'label' : 'span', {\n                    class: classes.join(' ')\n                });\n            }\n        });\n        // Verifies if a to-do list block requires reconversion of a first item downcasted as an item description.\n        listEditing.on('checkElement', (evt, { modelElement, viewElement })=>{\n            const isFirstTodoModelParagraphBlock = isDescriptionBlock(modelElement, listEditing.getListAttributeNames());\n            const hasViewClass = viewElement.hasClass('todo-list__label__description');\n            if (hasViewClass != isFirstTodoModelParagraphBlock) {\n                evt.return = true;\n                evt.stop();\n            }\n        });\n        // Verifies if a to-do list block requires reconversion of a checkbox element\n        // (for example there is a new paragraph inserted as a first block of a list item).\n        listEditing.on('checkElement', (evt, { modelElement, viewElement })=>{\n            const isFirstTodoModelItemBlock = modelElement.getAttribute('listType') == 'todo' && isFirstBlockOfListItem(modelElement);\n            let hasViewItemMarker = false;\n            const viewWalker = editor.editing.view.createPositionBefore(viewElement).getWalker({\n                direction: 'backward'\n            });\n            for (const { item } of viewWalker){\n                if (item.is('element') && editor.editing.mapper.toModelElement(item)) {\n                    break;\n                }\n                if (item.is('element', 'input') && item.getAttribute('type') == 'checkbox') {\n                    hasViewItemMarker = true;\n                }\n            }\n            if (hasViewItemMarker != isFirstTodoModelItemBlock) {\n                evt.return = true;\n                evt.stop();\n            }\n        });\n        // Make sure that all blocks of the same list item have the same todoListChecked attribute.\n        listEditing.on('postFixer', (evt, { listNodes, writer })=>{\n            for (const { node, previousNodeInList } of listNodes){\n                // This is a first item of a nested list.\n                if (!previousNodeInList) {\n                    continue;\n                }\n                if (previousNodeInList.getAttribute('listItemId') != node.getAttribute('listItemId')) {\n                    continue;\n                }\n                const previousHasAttribute = previousNodeInList.hasAttribute('todoListChecked');\n                const nodeHasAttribute = node.hasAttribute('todoListChecked');\n                if (nodeHasAttribute && !previousHasAttribute) {\n                    writer.removeAttribute('todoListChecked', node);\n                    evt.return = true;\n                } else if (!nodeHasAttribute && previousHasAttribute) {\n                    writer.setAttribute('todoListChecked', true, node);\n                    evt.return = true;\n                }\n            }\n        });\n        // Make sure that todoListChecked attribute is only present for to-do list items.\n        model.document.registerPostFixer((writer)=>{\n            const changes = model.document.differ.getChanges();\n            let wasFixed = false;\n            for (const change of changes){\n                if (change.type == 'attribute' && change.attributeKey == 'listType') {\n                    const element = change.range.start.nodeAfter;\n                    if (change.attributeOldValue == 'todo' && element.hasAttribute('todoListChecked')) {\n                        writer.removeAttribute('todoListChecked', element);\n                        wasFixed = true;\n                    }\n                } else if (change.type == 'insert' && change.name != '$text') {\n                    for (const { item } of writer.createRangeOn(change.position.nodeAfter)){\n                        if (item.is('element') && item.getAttribute('listType') != 'todo' && item.hasAttribute('todoListChecked')) {\n                            writer.removeAttribute('todoListChecked', item);\n                            wasFixed = true;\n                        }\n                    }\n                }\n            }\n            return wasFixed;\n        });\n        // Toggle check state of selected to-do list items on keystroke.\n        this.listenTo(editing.view.document, 'keydown', (evt, data)=>{\n            if (getCode(data) === ITEM_TOGGLE_KEYSTROKE$1) {\n                editor.execute('checkTodoList');\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        // Toggle check state of a to-do list item clicked on the checkbox.\n        this.listenTo(editing.view.document, 'todoCheckboxChange', (evt, data)=>{\n            const viewTarget = data.target;\n            if (!viewTarget || !viewTarget.is('element', 'input')) {\n                return;\n            }\n            const viewPositionAfter = editing.view.createPositionAfter(viewTarget);\n            const modelPositionAfter = editing.mapper.toModelPosition(viewPositionAfter);\n            const modelElement = modelPositionAfter.parent;\n            if (modelElement && isListItemBlock(modelElement) && modelElement.getAttribute('listType') == 'todo') {\n                this._handleCheckmarkChange(modelElement);\n            }\n        });\n        // Jump at the start/end of the next node on right arrow key press, when selection is before the checkbox.\n        //\n        // <blockquote><p>Foo{}</p></blockquote>\n        // <ul><li><checkbox/>Bar</li></ul>\n        //\n        // press: `->`\n        //\n        // <blockquote><p>Foo</p></blockquote>\n        // <ul><li><checkbox/>{}Bar</li></ul>\n        //\n        this.listenTo(editing.view.document, 'arrowKey', jumpOverCheckmarkOnSideArrowKeyPress$1(model, editor.locale), {\n            context: '$text'\n        });\n        // Map view positions inside the checkbox and wrappers to the position in the first block of the list item.\n        this.listenTo(editing.mapper, 'viewToModelPosition', (evt, data)=>{\n            const viewParent = data.viewPosition.parent;\n            const isStartOfListItem = viewParent.is('attributeElement', 'li') && data.viewPosition.offset == 0;\n            const isStartOfListLabel = isLabelElement(viewParent) && data.viewPosition.offset <= 1;\n            const isInInputWrapper = viewParent.is('element', 'span') && viewParent.getAttribute('contenteditable') == 'false' && isLabelElement(viewParent.parent);\n            if (!isStartOfListItem && !isStartOfListLabel && !isInInputWrapper) {\n                return;\n            }\n            const nodeAfter = data.modelPosition.nodeAfter;\n            if (nodeAfter && nodeAfter.getAttribute('listType') == 'todo') {\n                data.modelPosition = model.createPositionAt(nodeAfter, 0);\n            }\n        }, {\n            priority: 'low'\n        });\n        this._initAriaAnnouncements();\n    }\n    /**\n\t * Handles the checkbox element change, moves the selection to the corresponding model item to make it possible\n\t * to toggle the `todoListChecked` attribute using the command, and restores the selection position.\n\t *\n\t * Some say it's a hack :) Moving the selection only for executing the command on a certain node and restoring it after,\n\t * is not a clear solution. We need to design an API for using commands beyond the selection range.\n\t * See https://github.com/ckeditor/ckeditor5/issues/1954.\n\t */ _handleCheckmarkChange(listItem) {\n        const editor = this.editor;\n        const model = editor.model;\n        const previousSelectionRanges = Array.from(model.document.selection.getRanges());\n        model.change((writer)=>{\n            writer.setSelection(listItem, 'end');\n            editor.execute('checkTodoList');\n            writer.setSelection(previousSelectionRanges);\n        });\n    }\n    /**\n\t * Observe when user enters or leaves todo list and set proper aria value in global live announcer.\n\t * This allows screen readers to indicate when the user has entered and left the specified todo list.\n\t *\n\t * @internal\n\t */ _initAriaAnnouncements() {\n        const { model, ui, t } = this.editor;\n        let lastFocusedCodeBlock = null;\n        if (!ui) {\n            return;\n        }\n        model.document.selection.on('change:range', ()=>{\n            const focusParent = model.document.selection.focus.parent;\n            const lastElementIsTodoList = isTodoListItemElement(lastFocusedCodeBlock);\n            const currentElementIsTodoList = isTodoListItemElement(focusParent);\n            if (lastElementIsTodoList && !currentElementIsTodoList) {\n                ui.ariaLiveAnnouncer.announce(t('Leaving a to-do list'));\n            } else if (!lastElementIsTodoList && currentElementIsTodoList) {\n                ui.ariaLiveAnnouncer.announce(t('Entering a to-do list'));\n            }\n            lastFocusedCodeBlock = focusParent;\n        });\n    }\n}\n/**\n * Returns an upcast converter for to-do list items.\n */ function todoListItemUpcastConverter() {\n    return (evt, data, conversionApi)=>{\n        const { writer, schema } = conversionApi;\n        if (!data.modelRange) {\n            return;\n        }\n        // Group to-do list items by their listItemId attribute to ensure that all items of the same list item have the same checked state.\n        const groupedItems = Array.from(data.modelRange.getItems({\n            shallow: true\n        })).filter((item)=>item.getAttribute('listType') === 'todo' && schema.checkAttribute(item, 'listItemId')).reduce((acc, item)=>{\n            const listItemId = item.getAttribute('listItemId');\n            if (!acc.has(listItemId)) {\n                acc.set(listItemId, getAllListItemBlocks(item));\n            }\n            return acc;\n        }, new Map());\n        // During the upcast, we need to ensure that all items of the same list have the same checked state. From time to time\n        // the checked state of the items can be different when the user pastes content from the clipboard with <input type=\"checkbox\">\n        // that has checked state set to true. In such cases, we need to ensure that all items of the same list have the same checked state.\n        // See more: https://github.com/ckeditor/ckeditor5/issues/15602\n        for (const [, items] of groupedItems.entries()){\n            if (items.some((item)=>item.getAttribute('todoListChecked'))) {\n                for (const item of items){\n                    writer.setAttribute('todoListChecked', true, item);\n                }\n            }\n        }\n    };\n}\n/**\n * Returns an upcast converter that detects a to-do list checkbox and marks the list item as a to-do list.\n */ function todoItemInputConverter() {\n    return (evt, data, conversionApi)=>{\n        const modelCursor = data.modelCursor;\n        const modelItem = modelCursor.parent;\n        const viewItem = data.viewItem;\n        if (!conversionApi.consumable.test(viewItem, {\n            name: true\n        })) {\n            return;\n        }\n        if (viewItem.getAttribute('type') != 'checkbox' || !modelCursor.isAtStart || !modelItem.hasAttribute('listType')) {\n            return;\n        }\n        conversionApi.consumable.consume(viewItem, {\n            name: true\n        });\n        const writer = conversionApi.writer;\n        writer.setAttribute('listType', 'todo', modelItem);\n        if (data.viewItem.hasAttribute('checked')) {\n            writer.setAttribute('todoListChecked', true, modelItem);\n        }\n        data.modelRange = writer.createRange(modelCursor);\n    };\n}\n/**\n * Returns an upcast converter that consumes element matching the given matcher pattern.\n */ function elementUpcastConsumingConverter(matcherPattern) {\n    const matcher = new Matcher(matcherPattern);\n    return (evt, data, conversionApi)=>{\n        const matcherResult = matcher.match(data.viewItem);\n        if (!matcherResult) {\n            return;\n        }\n        if (!conversionApi.consumable.consume(data.viewItem, matcherResult.match)) {\n            return;\n        }\n        Object.assign(data, conversionApi.convertChildren(data.viewItem, data.modelCursor));\n    };\n}\n/**\n * Returns an upcast converter that consumes attributes matching the given matcher pattern.\n */ function attributeUpcastConsumingConverter(matcherPattern) {\n    const matcher = new Matcher(matcherPattern);\n    return (evt, data, conversionApi)=>{\n        const matcherResult = matcher.match(data.viewItem);\n        if (!matcherResult) {\n            return;\n        }\n        const match = matcherResult.match;\n        match.name = false;\n        conversionApi.consumable.consume(data.viewItem, match);\n    };\n}\n/**\n * Returns true if the given list item block should be converted as a description block of a to-do list item.\n */ function isDescriptionBlock(modelElement, listAttributeNames) {\n    return (modelElement.is('element', 'paragraph') || modelElement.is('element', 'listItem')) && modelElement.getAttribute('listType') == 'todo' && isFirstBlockOfListItem(modelElement) && hasOnlyListAttributes(modelElement, listAttributeNames);\n}\n/**\n * Returns true if only attributes from the given list are present on the model element.\n */ function hasOnlyListAttributes(modelElement, attributeNames) {\n    for (const attributeKey of modelElement.getAttributeKeys()){\n        // Ignore selection attributes stored on block elements.\n        if (attributeKey.startsWith('selection:')) {\n            continue;\n        }\n        if (!attributeNames.includes(attributeKey)) {\n            return false;\n        }\n    }\n    return true;\n}\n/**\n * Jump at the start and end of a to-do list item.\n */ function jumpOverCheckmarkOnSideArrowKeyPress$1(model, locale) {\n    return (eventInfo, domEventData)=>{\n        const direction = getLocalizedArrowKeyCodeDirection(domEventData.keyCode, locale.contentLanguageDirection);\n        const schema = model.schema;\n        const selection = model.document.selection;\n        if (!selection.isCollapsed) {\n            return;\n        }\n        const position = selection.getFirstPosition();\n        const parent = position.parent;\n        // Right arrow before a to-do list item.\n        if (direction == 'right' && position.isAtEnd) {\n            const newRange = schema.getNearestSelectionRange(model.createPositionAfter(parent), 'forward');\n            if (!newRange) {\n                return;\n            }\n            const newRangeParent = newRange.start.parent;\n            if (newRangeParent && isListItemBlock(newRangeParent) && newRangeParent.getAttribute('listType') == 'todo') {\n                model.change((writer)=>writer.setSelection(newRange));\n                domEventData.preventDefault();\n                domEventData.stopPropagation();\n                eventInfo.stop();\n            }\n        } else if (direction == 'left' && position.isAtStart && isListItemBlock(parent) && parent.getAttribute('listType') == 'todo') {\n            const newRange = schema.getNearestSelectionRange(model.createPositionBefore(parent), 'backward');\n            if (!newRange) {\n                return;\n            }\n            model.change((writer)=>writer.setSelection(newRange));\n            domEventData.preventDefault();\n            domEventData.stopPropagation();\n            eventInfo.stop();\n        }\n    };\n}\n/**\n * Returns true if the given element is a label element of a to-do list item.\n */ function isLabelElement(viewElement) {\n    return !!viewElement && viewElement.is('attributeElement') && viewElement.hasClass('todo-list__label');\n}\n/**\n * Returns true if the given element is a list item model element of a to-do list.\n */ function isTodoListItemElement(element) {\n    if (!element) {\n        return false;\n    }\n    if (!element.is('element', 'paragraph') && !element.is('element', 'listItem')) {\n        return false;\n    }\n    return element.getAttribute('listType') == 'todo';\n}\n\n/**\n * The to-do list UI feature. It introduces the `'todoList'` button that\n * allows to convert elements to and from to-do list items and to indent or outdent them.\n */ class TodoListUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TodoListUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const t = this.editor.t;\n        createUIComponents(this.editor, 'todoList', t('To-do List'), IconTodoList);\n    }\n}\n\n/**\n * The to-do list feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/todolist/todolistediting~TodoListEditing to-do list\n * editing feature} and the {@link module:list/todolist/todolistui~TodoListUI to-do list UI feature}.\n */ class TodoList extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TodoListEditing,\n            TodoListUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TodoList';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The list command. It is used by the {@link module:list/legacylist~LegacyList legacy list feature}.\n */ class LegacyListCommand extends Command {\n    /**\n\t * The type of the list created by the command.\n\t */ type;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param type List type that will be handled by this command.\n\t */ constructor(editor, type){\n        super(editor);\n        this.type = type;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.value = this._getValue();\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Executes the list command.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will try to convert the\n\t * selected items and potentially the neighbor elements to the proper list items. If set to `false`, it will convert selected elements\n\t * to paragraphs. If not set, the command will toggle selected elements to list items or paragraphs, depending on the selection.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const document = model.document;\n        const blocks = Array.from(document.selection.getSelectedBlocks()).filter((block)=>checkCanBecomeListItem(block, model.schema));\n        // Whether we are turning off some items.\n        const turnOff = options.forceValue !== undefined ? !options.forceValue : this.value;\n        // If we are turning off items, we are going to rename them to paragraphs.\n        model.change((writer)=>{\n            // If part of a list got turned off, we need to handle (outdent) all of sub-items of the last turned-off item.\n            // To be sure that model is all the time in a good state, we first fix items below turned-off item.\n            if (turnOff) {\n                // Start from the model item that is just after the last turned-off item.\n                let next = blocks[blocks.length - 1].nextSibling;\n                let currentIndent = Number.POSITIVE_INFINITY;\n                let changes = [];\n                // Correct indent of all items after the last turned off item.\n                // Rules that should be followed:\n                // 1. All direct sub-items of turned-off item should become indent 0, because the first item after it\n                //    will be the first item of a new list. Other items are at the same level, so should have same 0 index.\n                // 2. All items with indent lower than indent of turned-off item should become indent 0, because they\n                //    should not end up as a child of any of list items that they were not children of before.\n                // 3. All other items should have their indent changed relatively to it's parent.\n                //\n                // For example:\n                // 1  * --------\n                // 2     * --------\n                // 3        * --------\t\t\t<-- this is turned off.\n                // 4           * --------\t\t<-- this has to become indent = 0, because it will be first item on a new list.\n                // 5              * --------\t<-- this should be still be a child of item above, so indent = 1.\n                // 6        * --------\t\t\t<-- this has to become indent = 0, because it should not be a child of any of items above.\n                // 7           * --------\t\t<-- this should be still be a child of item above, so indent = 1.\n                // 8     * --------\t\t\t\t<-- this has to become indent = 0.\n                // 9        * --------\t\t\t<-- this should still be a child of item above, so indent = 1.\n                // 10          * --------\t\t<-- this should still be a child of item above, so indent = 2.\n                // 11          * --------\t\t<-- this should still be at the same level as item above, so indent = 2.\n                // 12 * --------\t\t\t\t<-- this and all below are left unchanged.\n                // 13    * --------\n                // 14       * --------\n                //\n                // After turning off 3 the list becomes:\n                //\n                // 1  * --------\n                // 2     * --------\n                //\n                // 3  --------\n                //\n                // 4  * --------\n                // 5     * --------\n                // 6  * --------\n                // 7     * --------\n                // 8  * --------\n                // 9     * --------\n                // 10       * --------\n                // 11       * --------\n                // 12 * --------\n                // 13    * --------\n                // 14       * --------\n                //\n                // Thanks to this algorithm no lists are mismatched and no items get unexpected children/parent, while\n                // those parent-child connection which are possible to maintain are still maintained. It's worth noting\n                // that this is the same effect that we would be get by multiple use of outdent command. However doing\n                // it like this is much more efficient because it's less operation (less memory usage, easier OT) and\n                // less conversion (faster).\n                while(next && next.name == 'listItem' && next.getAttribute('listIndent') !== 0){\n                    // Check each next list item, as long as its indent is bigger than 0.\n                    // If the indent is 0 we are not going to change anything anyway.\n                    const indent = next.getAttribute('listIndent');\n                    // We check if that's item indent is lower as current relative indent.\n                    if (indent < currentIndent) {\n                        // If it is, current relative indent becomes that indent.\n                        currentIndent = indent;\n                    }\n                    // Fix indent relatively to current relative indent.\n                    // Note, that if we just changed the current relative indent, the newIndent will be equal to 0.\n                    const newIndent = indent - currentIndent;\n                    // Save the entry in changes array. We do not apply it at the moment, because we will need to\n                    // reverse the changes so the last item is changed first.\n                    // This is to keep model in correct state all the time.\n                    changes.push({\n                        element: next,\n                        listIndent: newIndent\n                    });\n                    // Find next item.\n                    next = next.nextSibling;\n                }\n                changes = changes.reverse();\n                for (const item of changes){\n                    writer.setAttribute('listIndent', item.listIndent, item.element);\n                }\n            }\n            // If we are turning on, we might change some items that are already `listItem`s but with different type.\n            // Changing one nested list item to other type should also trigger changing all its siblings so the\n            // whole nested list is of the same type.\n            // Example (assume changing to numbered list):\n            // * ------\t\t\t\t<-- do not fix, top level item\n            //   * ------\t\t\t<-- fix, because latter list item of this item's list is changed\n            //      * ------\t\t<-- do not fix, item is not affected (different list)\n            //   * ------\t\t\t<-- fix, because latter list item of this item's list is changed\n            //      * ------\t\t<-- fix, because latter list item of this item's list is changed\n            //      * ---[--\t\t<-- already in selection\n            //   * ------\t\t\t<-- already in selection\n            //   * ------\t\t\t<-- already in selection\n            // * ------\t\t\t\t<-- already in selection, but does not cause other list items to change because is top-level\n            //   * ---]--\t\t\t<-- already in selection\n            //   * ------\t\t\t<-- fix, because preceding list item of this item's list is changed\n            //      * ------\t\t<-- do not fix, item is not affected (different list)\n            // * ------\t\t\t\t<-- do not fix, top level item\n            if (!turnOff) {\n                // Find lowest indent among selected items. This will be indicator what is the indent of\n                // top-most list affected by the command.\n                let lowestIndent = Number.POSITIVE_INFINITY;\n                for (const item of blocks){\n                    if (item.is('element', 'listItem') && item.getAttribute('listIndent') < lowestIndent) {\n                        lowestIndent = item.getAttribute('listIndent');\n                    }\n                }\n                // Do not execute the fix for top-level lists.\n                lowestIndent = lowestIndent === 0 ? 1 : lowestIndent;\n                // Fix types of list items that are \"before\" the selected blocks.\n                _fixType(blocks, true, lowestIndent);\n                // Fix types of list items that are \"after\" the selected blocks.\n                _fixType(blocks, false, lowestIndent);\n            }\n            // Phew! Now it will be easier :).\n            // For each block element that was in the selection, we will either: turn it to list item,\n            // turn it to paragraph, or change it's type. Or leave it as it is.\n            // Do it in reverse as there might be multiple blocks (same as with changing indents).\n            for (const element of blocks.reverse()){\n                if (turnOff && element.name == 'listItem') {\n                    // We are turning off and the element is a `listItem` - it should be converted to `paragraph`.\n                    // List item specific attributes are removed by post fixer.\n                    writer.rename(element, 'paragraph');\n                } else if (!turnOff && element.name != 'listItem') {\n                    // We are turning on and the element is not a `listItem` - it should be converted to `listItem`.\n                    // The order of operations is important to keep model in correct state.\n                    writer.setAttributes({\n                        listType: this.type,\n                        listIndent: 0\n                    }, element);\n                    writer.rename(element, 'listItem');\n                } else if (!turnOff && element.name == 'listItem' && element.getAttribute('listType') != this.type) {\n                    // We are turning on and the element is a `listItem` but has different type - change it's type and\n                    // type of it's all siblings that have same indent.\n                    writer.setAttribute('listType', this.type, element);\n                }\n            }\n            /**\n\t\t\t * Event fired by the {@link #execute} method.\n\t\t\t *\n\t\t\t * It allows to execute an action after executing the {@link ~ListCommand#execute} method, for example adjusting\n\t\t\t * attributes of changed blocks.\n\t\t\t *\n\t\t\t * @protected\n\t\t\t * @event _executeCleanup\n\t\t\t */ this.fire('_executeCleanup', blocks);\n        });\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */ _getValue() {\n        // Check whether closest `listItem` ancestor of the position has a correct type.\n        const listItem = first(this.editor.model.document.selection.getSelectedBlocks());\n        return !!listItem && listItem.is('element', 'listItem') && listItem.getAttribute('listType') == this.type;\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        // If command value is true it means that we are in list item, so the command should be enabled.\n        if (this.value) {\n            return true;\n        }\n        const selection = this.editor.model.document.selection;\n        const schema = this.editor.model.schema;\n        const firstBlock = first(selection.getSelectedBlocks());\n        if (!firstBlock) {\n            return false;\n        }\n        // Otherwise, check if list item can be inserted at the position start.\n        return checkCanBecomeListItem(firstBlock, schema);\n    }\n}\n/**\n * Helper function used when one or more list item have their type changed. Fixes type of other list items\n * that are affected by the change (are in same lists) but are not directly in selection. The function got extracted\n * not to duplicated code, as same fix has to be performed before and after selection.\n *\n * @param blocks Blocks that are in selection.\n * @param isBackward Specified whether fix will be applied for blocks before first selected block (`true`)\n * or blocks after last selected block (`false`).\n * @param lowestIndent Lowest indent among selected blocks.\n */ function _fixType(blocks, isBackward, lowestIndent) {\n    // We need to check previous sibling of first changed item and next siblings of last changed item.\n    const startingItem = isBackward ? blocks[0] : blocks[blocks.length - 1];\n    if (startingItem.is('element', 'listItem')) {\n        let item = startingItem[isBackward ? 'previousSibling' : 'nextSibling'];\n        // During processing items, keeps the lowest indent of already processed items.\n        // This saves us from changing too many items.\n        // Following example is for going forward as it is easier to read, however same applies to going backward.\n        // * ------\n        //   * ------\n        //     * --[---\n        //   * ------\t\t<-- `lowestIndent` should be 1\n        //     * --]---\t\t<-- `startingItem`, `currentIndent` = 2, `lowestIndent` == 1\n        //     * ------\t\t<-- should be fixed, `indent` == 2 == `currentIndent`\n        //   * ------\t\t<-- should be fixed, set `currentIndent` to 1, `indent` == 1 == `currentIndent`\n        //     * ------\t\t<-- should not be fixed, item is in different list, `indent` = 2, `indent` != `currentIndent`\n        //   * ------\t\t<-- should be fixed, `indent` == 1 == `currentIndent`\n        // * ------\t\t\t<-- break loop (`indent` < `lowestIndent`)\n        let currentIndent = startingItem.getAttribute('listIndent');\n        // Look back until a list item with indent lower than reference `lowestIndent`.\n        // That would be the parent of nested sublist which contains item having `lowestIndent`.\n        while(item && item.is('element', 'listItem') && item.getAttribute('listIndent') >= lowestIndent){\n            if (currentIndent > item.getAttribute('listIndent')) {\n                currentIndent = item.getAttribute('listIndent');\n            }\n            // Found an item that is in the same nested sublist.\n            if (item.getAttribute('listIndent') == currentIndent) {\n                // Just add the item to selected blocks like it was selected by the user.\n                blocks[isBackward ? 'unshift' : 'push'](item);\n            }\n            item = item[isBackward ? 'previousSibling' : 'nextSibling'];\n        }\n    }\n}\n/**\n * Checks whether the given block can be replaced by a listItem.\n *\n * @param block A block to be tested.\n * @param schema The schema of the document.\n */ function checkCanBecomeListItem(block, schema) {\n    return schema.checkChild(block.parent, 'listItem') && !schema.isObject(block);\n}\n\n/**\n * The list indent command. It is used by the {@link module:list/legacylist~LegacyList legacy list feature}.\n */ class LegacyIndentCommand extends Command {\n    /**\n\t * Determines by how much the command will change the list item's indent attribute.\n\t */ _indentBy;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param indentDirection The direction of indent. If it is equal to `backward`, the command will outdent a list item.\n\t */ constructor(editor, indentDirection){\n        super(editor);\n        this._indentBy = indentDirection == 'forward' ? 1 : -1;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Indents or outdents (depending on the {@link #constructor}'s `indentDirection` parameter) selected list items.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const model = this.editor.model;\n        const doc = model.document;\n        let itemsToChange = Array.from(doc.selection.getSelectedBlocks());\n        model.change((writer)=>{\n            const lastItem = itemsToChange[itemsToChange.length - 1];\n            // Indenting a list item should also indent all the items that are already sub-items of indented item.\n            let next = lastItem.nextSibling;\n            // Check all items after last indented item, as long as their indent is bigger than indent of that item.\n            while(next && next.name == 'listItem' && next.getAttribute('listIndent') > lastItem.getAttribute('listIndent')){\n                itemsToChange.push(next);\n                next = next.nextSibling;\n            }\n            // We need to be sure to keep model in correct state after each small change, because converters\n            // bases on that state and assumes that model is correct.\n            // Because of that, if the command outdents items, we will outdent them starting from the last item, as\n            // it is safer.\n            if (this._indentBy < 0) {\n                itemsToChange = itemsToChange.reverse();\n            }\n            for (const item of itemsToChange){\n                const indent = item.getAttribute('listIndent') + this._indentBy;\n                // If indent is lower than 0, it means that the item got outdented when it was not indented.\n                // This means that we need to convert that list item to paragraph.\n                if (indent < 0) {\n                    // To keep the model as correct as possible, first rename listItem, then remove attributes,\n                    // as listItem without attributes is very incorrect and will cause problems in converters.\n                    // No need to remove attributes, will be removed by post fixer.\n                    writer.rename(item, 'paragraph');\n                } else {\n                    writer.setAttribute('listIndent', indent, item);\n                }\n            }\n            // It allows to execute an action after executing the `~IndentCommand#execute` method, for example adjusting\n            // attributes of changed list items.\n            this.fire('_executeCleanup', itemsToChange);\n        });\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        // Check whether any of position's ancestor is a list item.\n        const listItem = first(this.editor.model.document.selection.getSelectedBlocks());\n        // If selection is not in a list item, the command is disabled.\n        if (!listItem || !listItem.is('element', 'listItem')) {\n            return false;\n        }\n        if (this._indentBy > 0) {\n            // Cannot indent first item in it's list. Check if before `listItem` is a list item that is in same list.\n            // To be in the same list, the item has to have same attributes and cannot be \"split\" by an item with lower indent.\n            const indent = listItem.getAttribute('listIndent');\n            const type = listItem.getAttribute('listType');\n            let prev = listItem.previousSibling;\n            while(prev && prev.is('element', 'listItem') && prev.getAttribute('listIndent') >= indent){\n                if (prev.getAttribute('listIndent') == indent) {\n                    // The item is on the same level.\n                    // If it has same type, it means that we found a preceding sibling from the same list.\n                    // If it does not have same type, it means that `listItem` is on different list (this can happen only\n                    // on top level lists, though).\n                    return prev.getAttribute('listType') == type;\n                }\n                prev = prev.previousSibling;\n            }\n            // Could not find similar list item, this means that `listItem` is first in its list.\n            return false;\n        }\n        // If we are outdenting it is enough to be in list item. Every list item can always be outdented.\n        return true;\n    }\n}\n\n/**\n * Creates a list item {@link module:engine/view/containerelement~ViewContainerElement}.\n *\n * @internal\n * @param writer The writer instance.\n */ function createViewListItemElement(writer) {\n    const viewItem = writer.createContainerElement('li');\n    viewItem.getFillerOffset = getListItemFillerOffset;\n    return viewItem;\n}\n/**\n * Helper function that creates a `<ul><li></li></ul>` or (`<ol>`) structure out of the given `modelItem` model `listItem` element.\n * Then, it binds the created view list item (`<li>`) with the model `listItem` element.\n * The function then returns the created view list item (`<li>`).\n *\n * @internal\n * @param modelItem Model list item.\n * @param conversionApi Conversion interface.\n * @returns View list element.\n */ function generateLiInUl(modelItem, conversionApi) {\n    const mapper = conversionApi.mapper;\n    const viewWriter = conversionApi.writer;\n    const listType = modelItem.getAttribute('listType') == 'numbered' ? 'ol' : 'ul';\n    const viewItem = createViewListItemElement(viewWriter);\n    const viewList = viewWriter.createContainerElement(listType, null);\n    viewWriter.insert(viewWriter.createPositionAt(viewList, 0), viewItem);\n    mapper.bindElements(modelItem, viewItem);\n    return viewItem;\n}\n/**\n * Helper function that inserts a view list at a correct place and merges it with its siblings.\n * It takes a model list item element (`modelItem`) and a corresponding view list item element (`injectedItem`). The view list item\n * should be in a view list element (`<ul>` or `<ol>`) and should be its only child.\n * See comments below to better understand the algorithm.\n *\n * @internal\n * @param modelItem Model list item.\n * @param injectedItem\n * @param conversionApi Conversion interface.\n * @param model The model instance.\n */ function injectViewList(modelItem, injectedItem, conversionApi, model) {\n    const injectedList = injectedItem.parent;\n    const mapper = conversionApi.mapper;\n    const viewWriter = conversionApi.writer;\n    // The position where the view list will be inserted.\n    let insertPosition = mapper.toViewPosition(model.createPositionBefore(modelItem));\n    // 1. Find the previous list item that has the same or smaller indent. Basically we are looking for the first model item\n    // that is a \"parent\" or \"sibling\" of the injected model item.\n    // If there is no such list item, it means that the injected list item is the first item in \"its list\".\n    const refItem = getSiblingListItem(modelItem.previousSibling, {\n        sameIndent: true,\n        smallerIndent: true,\n        listIndent: modelItem.getAttribute('listIndent')\n    });\n    const prevItem = modelItem.previousSibling;\n    if (refItem && refItem.getAttribute('listIndent') == modelItem.getAttribute('listIndent')) {\n        // There is a list item with the same indent - we found the same-level sibling.\n        // Break the list after it. The inserted view item will be added in the broken space.\n        const viewItem = mapper.toViewElement(refItem);\n        insertPosition = viewWriter.breakContainer(viewWriter.createPositionAfter(viewItem));\n    } else {\n        // There is no list item with the same indent. Check the previous model item.\n        if (prevItem && prevItem.name == 'listItem') {\n            // If it is a list item, it has to have a lower indent.\n            // It means that the inserted item should be added to it as its nested item.\n            insertPosition = mapper.toViewPosition(model.createPositionAt(prevItem, 'end'));\n            // There could be some not mapped elements (eg. span in to-do list) but we need to insert\n            // a nested list directly inside the li element.\n            const mappedViewAncestor = mapper.findMappedViewAncestor(insertPosition);\n            const nestedList = findNestedList(mappedViewAncestor);\n            // If there already is some nested list, then use it's position.\n            if (nestedList) {\n                insertPosition = viewWriter.createPositionBefore(nestedList);\n            } else {\n                // Else just put new list on the end of list item content.\n                insertPosition = viewWriter.createPositionAt(mappedViewAncestor, 'end');\n            }\n        } else {\n            // The previous item is not a list item (or does not exist at all).\n            // Just map the position and insert the view item at the mapped position.\n            insertPosition = mapper.toViewPosition(model.createPositionBefore(modelItem));\n        }\n    }\n    insertPosition = positionAfterUiElements(insertPosition);\n    // Insert the view item.\n    viewWriter.insert(insertPosition, injectedList);\n    // 2. Handle possible children of the injected model item.\n    if (prevItem && prevItem.name == 'listItem') {\n        const prevView = mapper.toViewElement(prevItem);\n        const walkerBoundaries = viewWriter.createRange(viewWriter.createPositionAt(prevView, 0), insertPosition);\n        const walker = walkerBoundaries.getWalker({\n            ignoreElementEnd: true\n        });\n        for (const value of walker){\n            if (value.item.is('element', 'li')) {\n                const breakPosition = viewWriter.breakContainer(viewWriter.createPositionBefore(value.item));\n                const viewList = value.item.parent;\n                const targetPosition = viewWriter.createPositionAt(injectedItem, 'end');\n                mergeViewLists(viewWriter, targetPosition.nodeBefore, targetPosition.nodeAfter);\n                viewWriter.move(viewWriter.createRangeOn(viewList), targetPosition);\n                // This is bad, but those lists will be removed soon anyway.\n                walker._position = breakPosition;\n            }\n        }\n    } else {\n        const nextViewList = injectedList.nextSibling;\n        if (nextViewList && (nextViewList.is('element', 'ul') || nextViewList.is('element', 'ol'))) {\n            let lastSubChild = null;\n            for (const child of nextViewList.getChildren()){\n                const modelChild = mapper.toModelElement(child);\n                if (modelChild && modelChild.getAttribute('listIndent') > modelItem.getAttribute('listIndent')) {\n                    lastSubChild = child;\n                } else {\n                    break;\n                }\n            }\n            if (lastSubChild) {\n                viewWriter.breakContainer(viewWriter.createPositionAfter(lastSubChild));\n                viewWriter.move(viewWriter.createRangeOn(lastSubChild.parent), viewWriter.createPositionAt(injectedItem, 'end'));\n            }\n        }\n    }\n    // Merge the inserted view list with its possible neighbor lists.\n    mergeViewLists(viewWriter, injectedList, injectedList.nextSibling);\n    mergeViewLists(viewWriter, injectedList.previousSibling, injectedList);\n}\nfunction mergeViewLists(viewWriter, firstList, secondList) {\n    // Check if two lists are going to be merged.\n    if (!firstList || !secondList || firstList.name != 'ul' && firstList.name != 'ol') {\n        return null;\n    }\n    // Both parameters are list elements, so compare types now.\n    if (firstList.name != secondList.name || firstList.getAttribute('class') !== secondList.getAttribute('class')) {\n        return null;\n    }\n    return viewWriter.mergeContainers(viewWriter.createPositionAfter(firstList));\n}\n/**\n * Helper function that for a given `view.Position`, returns a `view.Position` that is after all `view.UIElement`s that\n * are after the given position.\n *\n * For example:\n * `<container:p>foo^<ui:span></ui:span><ui:span></ui:span>bar</container:p>`\n * For position ^, the position before \"bar\" will be returned.\n *\n * @internal\n */ function positionAfterUiElements(viewPosition) {\n    return viewPosition.getLastMatchingPosition((value)=>value.item.is('uiElement'));\n}\n/**\n * Helper function that searches for a previous list item sibling of a given model item that meets the given criteria\n * passed by the options object.\n *\n * @internal\n * @param options Search criteria.\n * @param options.sameIndent Whether the sought sibling should have the same indentation.\n * @param options.smallerIndent Whether the sought sibling should have a smaller indentation.\n * @param options.listIndent The reference indentation.\n * @param options.direction Walking direction.\n */ function getSiblingListItem(modelItem, options) {\n    const sameIndent = !!options.sameIndent;\n    const smallerIndent = !!options.smallerIndent;\n    const indent = options.listIndent;\n    let item = modelItem;\n    while(item && item.name == 'listItem'){\n        const itemIndent = item.getAttribute('listIndent');\n        if (sameIndent && indent == itemIndent || smallerIndent && indent > itemIndent) {\n            return item;\n        }\n        if (options.direction === 'forward') {\n            item = item.nextSibling;\n        } else {\n            item = item.previousSibling;\n        }\n    }\n    return null;\n}\n/**\n * Returns a first list view element that is direct child of the given view element.\n *\n * @internal\n */ function findNestedList(viewElement) {\n    for (const node of viewElement.getChildren()){\n        if (node.name == 'ul' || node.name == 'ol') {\n            return node;\n        }\n    }\n    return null;\n}\n/**\n * Returns an array with all `listItem` elements that represent the same list.\n *\n * It means that values of `listIndent`, `listType`, `listStyle`, `listReversed` and `listStart` for all items are equal.\n *\n * Additionally, if the `position` is inside a list item, that list item will be returned as well.\n *\n * @internal\n * @param position Starting position.\n * @param direction Walking direction.\n */ function getSiblingNodes(position, direction) {\n    const items = [];\n    const listItem = position.parent;\n    const walkerOptions = {\n        ignoreElementEnd: false,\n        startPosition: position,\n        shallow: true,\n        direction\n    };\n    const limitIndent = listItem.getAttribute('listIndent');\n    const nodes = [\n        ...new ModelTreeWalker(walkerOptions)\n    ].filter((value)=>value.item.is('element')).map((value)=>value.item);\n    for (const element of nodes){\n        // If found something else than `listItem`, we're out of the list scope.\n        if (!element.is('element', 'listItem')) {\n            break;\n        }\n        // If current parsed item has lower indent that element that the element that was a starting point,\n        // it means we left a nested list. Abort searching items.\n        //\n        // ■ List item 1.       [listIndent=0]\n        //     ○ List item 2.[] [listIndent=1], limitIndent = 1,\n        //     ○ List item 3.   [listIndent=1]\n        // ■ List item 4.       [listIndent=0]\n        //\n        // Abort searching when leave nested list.\n        if (element.getAttribute('listIndent') < limitIndent) {\n            break;\n        }\n        // ■ List item 1.[]     [listIndent=0] limitIndent = 0,\n        //     ○ List item 2.   [listIndent=1]\n        //     ○ List item 3.   [listIndent=1]\n        // ■ List item 4.       [listIndent=0]\n        //\n        // Ignore nested lists.\n        if (element.getAttribute('listIndent') > limitIndent) {\n            continue;\n        }\n        // ■ List item 1.[]  [listType=bulleted]\n        // 1. List item 2.   [listType=numbered]\n        // 2.List item 3.    [listType=numbered]\n        //\n        // Abort searching when found a different kind of a list.\n        if (element.getAttribute('listType') !== listItem.getAttribute('listType')) {\n            break;\n        }\n        // ■ List item 1.[]  [listType=bulleted]\n        // ■ List item 2.    [listType=bulleted]\n        // ○ List item 3.    [listType=bulleted]\n        // ○ List item 4.    [listType=bulleted]\n        //\n        // Abort searching when found a different list style,\n        if (element.getAttribute('listStyle') !== listItem.getAttribute('listStyle')) {\n            break;\n        }\n        // ... different direction\n        if (element.getAttribute('listReversed') !== listItem.getAttribute('listReversed')) {\n            break;\n        }\n        // ... and different start index\n        if (element.getAttribute('listStart') !== listItem.getAttribute('listStart')) {\n            break;\n        }\n        if (direction === 'backward') {\n            items.unshift(element);\n        } else {\n            items.push(element);\n        }\n    }\n    return items;\n}\n/**\n * Returns an array with all `listItem` elements in the model selection.\n *\n * It returns all the items even if only a part of the list is selected, including items that belong to nested lists.\n * If no list is selected, it returns an empty array.\n * The order of the elements is not specified.\n *\n * @internal\n */ function getSelectedListItems(model) {\n    const document = model.document;\n    // For all selected blocks find all list items that are being selected\n    // and update the `listStyle` attribute in those lists.\n    let listItems = [\n        ...document.selection.getSelectedBlocks()\n    ].filter((element)=>element.is('element', 'listItem')).map((element)=>{\n        const position = model.change((writer)=>writer.createPositionAt(element, 0));\n        return [\n            ...getSiblingNodes(position, 'backward'),\n            ...getSiblingNodes(position, 'forward')\n        ];\n    }).flat();\n    // Since `getSelectedBlocks()` can return items that belong to the same list, and\n    // `getSiblingNodes()` returns the entire list, we need to remove duplicated items.\n    listItems = [\n        ...new Set(listItems)\n    ];\n    return listItems;\n}\nconst BULLETED_LIST_STYLE_TYPES = [\n    'disc',\n    'circle',\n    'square'\n];\n// There's a lot of them (https://www.w3.org/TR/css-counter-styles-3/#typedef-counter-style).\n// Let's support only those that can be selected by ListPropertiesUI.\nconst NUMBERED_LIST_STYLE_TYPES = [\n    'decimal',\n    'decimal-leading-zero',\n    'lower-roman',\n    'upper-roman',\n    'lower-latin',\n    'upper-latin'\n];\n/**\n * Checks whether the given list-style-type is supported by numbered or bulleted list.\n *\n * @internal\n */ function getListTypeFromListStyleType(listStyleType) {\n    if (BULLETED_LIST_STYLE_TYPES.includes(listStyleType)) {\n        return 'bulleted';\n    }\n    if (NUMBERED_LIST_STYLE_TYPES.includes(listStyleType)) {\n        return 'numbered';\n    }\n    return null;\n}\n/**\n * Implementation of getFillerOffset for view list item element.\n *\n * @returns Block filler offset or `null` if block filler is not needed.\n */ function getListItemFillerOffset() {\n    const hasOnlyLists = !this.isEmpty && (this.getChild(0).name == 'ul' || this.getChild(0).name == 'ol');\n    if (this.isEmpty || hasOnlyLists) {\n        return 0;\n    }\n    return getViewFillerOffset.call(this);\n}\n\n/**\n * A set of helpers related to legacy lists.\n */ class LegacyListUtils extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LegacyListUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * Checks whether the given list-style-type is supported by numbered or bulleted list.\n\t */ getListTypeFromListStyleType(listStyleType) {\n        return getListTypeFromListStyleType(listStyleType);\n    }\n    /**\n\t * Returns an array with all `listItem` elements in the model selection.\n\t *\n\t * It returns all the items even if only a part of the list is selected, including items that belong to nested lists.\n\t * If no list is selected, it returns an empty array.\n\t * The order of the elements is not specified.\n\t */ getSelectedListItems(model) {\n        return getSelectedListItems(model);\n    }\n    /**\n\t * Returns an array with all `listItem` elements that represent the same list.\n\t *\n\t * It means that values of `listIndent`, `listType`, `listStyle`, `listReversed` and `listStart` for all items are equal.\n\t *\n\t * Additionally, if the `position` is inside a list item, that list item will be returned as well.\n\t *\n\t * @param position Starting position.\n\t * @param direction Walking direction.\n\t */ getSiblingNodes(position, direction) {\n        return getSiblingNodes(position, direction);\n    }\n}\n\n/**\n * A model-to-view converter for the `listItem` model element insertion.\n *\n * It creates a `<ul><li></li><ul>` (or `<ol>`) view structure out of a `listItem` model element, inserts it at the correct\n * position, and merges the list with surrounding lists (if available).\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert\n * @param model Model instance.\n */ function modelViewInsertion$1(model) {\n    return (evt, data, conversionApi)=>{\n        const consumable = conversionApi.consumable;\n        if (!consumable.test(data.item, 'insert') || !consumable.test(data.item, 'attribute:listType') || !consumable.test(data.item, 'attribute:listIndent')) {\n            return;\n        }\n        consumable.consume(data.item, 'insert');\n        consumable.consume(data.item, 'attribute:listType');\n        consumable.consume(data.item, 'attribute:listIndent');\n        const modelItem = data.item;\n        const viewItem = generateLiInUl(modelItem, conversionApi);\n        injectViewList(modelItem, viewItem, conversionApi, model);\n    };\n}\n/**\n * A model-to-view converter for the `listItem` model element removal.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:remove\n * @param model Model instance.\n * @returns Returns a conversion callback.\n */ function modelViewRemove(model) {\n    return (evt, data, conversionApi)=>{\n        const viewPosition = conversionApi.mapper.toViewPosition(data.position);\n        const viewStart = viewPosition.getLastMatchingPosition((value)=>!value.item.is('element', 'li'));\n        const viewItem = viewStart.nodeAfter;\n        const viewWriter = conversionApi.writer;\n        // 1. Break the container after and before the list item.\n        // This will create a view list with one view list item - the one to remove.\n        viewWriter.breakContainer(viewWriter.createPositionBefore(viewItem));\n        viewWriter.breakContainer(viewWriter.createPositionAfter(viewItem));\n        // 2. Remove the list with the item to remove.\n        const viewList = viewItem.parent;\n        const viewListPrev = viewList.previousSibling;\n        const removeRange = viewWriter.createRangeOn(viewList);\n        const removed = viewWriter.remove(removeRange);\n        // 3. Merge the whole created by breaking and removing the list.\n        if (viewListPrev && viewListPrev.nextSibling) {\n            mergeViewLists(viewWriter, viewListPrev, viewListPrev.nextSibling);\n        }\n        // 4. Bring back nested list that was in the removed <li>.\n        const modelItem = conversionApi.mapper.toModelElement(viewItem);\n        hoistNestedLists(modelItem.getAttribute('listIndent') + 1, data.position, removeRange.start, viewItem, conversionApi, model);\n        // 5. Unbind removed view item and all children.\n        for (const child of viewWriter.createRangeIn(removed).getItems()){\n            conversionApi.mapper.unbindViewElement(child);\n        }\n        evt.stop();\n    };\n}\n/**\n * A model-to-view converter for the `type` attribute change on the `listItem` model element.\n *\n * This change means that the `<li>` element parent changes from `<ul>` to `<ol>` (or vice versa). This is accomplished\n * by breaking view elements and changing their name. The next {@link module:list/legacylist/legacyconverters~modelViewMergeAfterChangeType}\n * converter will attempt to merge split nodes.\n *\n * Splitting this conversion into 2 steps makes it possible to add an additional conversion in the middle.\n * Check {@link module:list/legacytodolist/legacytodolistconverters~modelViewChangeType} to see an example of it.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n */ const modelViewChangeType$1 = (evt, data, conversionApi)=>{\n    if (!conversionApi.consumable.test(data.item, evt.name)) {\n        return;\n    }\n    const viewItem = conversionApi.mapper.toViewElement(data.item);\n    const viewWriter = conversionApi.writer;\n    // Break the container after and before the list item.\n    // This will create a view list with one view list item -- the one that changed type.\n    viewWriter.breakContainer(viewWriter.createPositionBefore(viewItem));\n    viewWriter.breakContainer(viewWriter.createPositionAfter(viewItem));\n    // Change name of the view list that holds the changed view item.\n    // We cannot just change name property, because that would not render properly.\n    const viewList = viewItem.parent;\n    const listName = data.attributeNewValue == 'numbered' ? 'ol' : 'ul';\n    viewWriter.rename(listName, viewList);\n};\n/**\n * A model-to-view converter that attempts to merge nodes split by {@link module:list/legacylist/legacyconverters~modelViewChangeType}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n */ const modelViewMergeAfterChangeType = (evt, data, conversionApi)=>{\n    conversionApi.consumable.consume(data.item, evt.name);\n    const viewItem = conversionApi.mapper.toViewElement(data.item);\n    const viewList = viewItem.parent;\n    const viewWriter = conversionApi.writer;\n    // Merge the changed view list with other lists, if possible.\n    mergeViewLists(viewWriter, viewList, viewList.nextSibling);\n    mergeViewLists(viewWriter, viewList.previousSibling, viewList);\n};\n/**\n * A model-to-view converter for the `listIndent` attribute change on the `listItem` model element.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n * @param model Model instance.\n * @returns Returns a conversion callback.\n */ function modelViewChangeIndent(model) {\n    return (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.consume(data.item, 'attribute:listIndent')) {\n            return;\n        }\n        const viewItem = conversionApi.mapper.toViewElement(data.item);\n        const viewWriter = conversionApi.writer;\n        // 1. Break the container after and before the list item.\n        // This will create a view list with one view list item -- the one that changed type.\n        viewWriter.breakContainer(viewWriter.createPositionBefore(viewItem));\n        viewWriter.breakContainer(viewWriter.createPositionAfter(viewItem));\n        // 2. Extract view list with changed view list item and merge \"hole\" possibly created by breaking and removing elements.\n        const viewList = viewItem.parent;\n        const viewListPrev = viewList.previousSibling;\n        const removeRange = viewWriter.createRangeOn(viewList);\n        viewWriter.remove(removeRange);\n        if (viewListPrev && viewListPrev.nextSibling) {\n            mergeViewLists(viewWriter, viewListPrev, viewListPrev.nextSibling);\n        }\n        // 3. Bring back nested list that was in the removed <li>.\n        hoistNestedLists(data.attributeOldValue + 1, data.range.start, removeRange.start, viewItem, conversionApi, model);\n        // 4. Inject view list like it is newly inserted.\n        injectViewList(data.item, viewItem, conversionApi, model);\n        // 5. Consume insertion of children inside the item. They are already handled by re-building the item in view.\n        for (const child of data.item.getChildren()){\n            conversionApi.consumable.consume(child, 'insert');\n        }\n    };\n}\n/**\n * A special model-to-view converter introduced by the {@link module:list/legacylist~LegacyList list feature}. This converter is fired for\n * insert change of every model item, and should be fired before the actual converter. The converter checks whether the inserted\n * model item is a non-`listItem` element. If it is, and it is inserted inside a view list, the converter breaks the\n * list so the model element is inserted to the view parent element corresponding to its model parent element.\n *\n * The converter prevents such situations:\n *\n * ```xml\n * // Model:                        // View:\n * <listItem>foo</listItem>         <ul>\n * <listItem>bar</listItem>             <li>foo</li>\n *                                      <li>bar</li>\n *                                  </ul>\n *\n * // After change:                 // Correct view guaranteed by this converter:\n * <listItem>foo</listItem>         <ul><li>foo</li></ul><p>xxx</p><ul><li>bar</li></ul>\n * <paragraph>xxx</paragraph>       // Instead of this wrong view state:\n * <listItem>bar</listItem>         <ul><li>foo</li><p>xxx</p><li>bar</li></ul>\n * ```\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert\n */ const modelViewSplitOnInsert = (evt, data, conversionApi)=>{\n    if (!conversionApi.consumable.test(data.item, evt.name)) {\n        return;\n    }\n    if (data.item.name != 'listItem') {\n        let viewPosition = conversionApi.mapper.toViewPosition(data.range.start);\n        const viewWriter = conversionApi.writer;\n        const lists = [];\n        // Break multiple ULs/OLs if there are.\n        //\n        // Imagine following list:\n        //\n        // 1 --------\n        //   1.1 --------\n        //     1.1.1 --------\n        //     1.1.2 --------\n        //     1.1.3 --------\n        //       1.1.3.1 --------\n        //   1.2 --------\n        //     1.2.1 --------\n        // 2 --------\n        //\n        // Insert paragraph after item 1.1.1:\n        //\n        // 1 --------\n        //   1.1 --------\n        //     1.1.1 --------\n        //\n        // Lorem ipsum.\n        //\n        //     1.1.2 --------\n        //     1.1.3 --------\n        //       1.1.3.1 --------\n        //   1.2 --------\n        //     1.2.1 --------\n        // 2 --------\n        //\n        // In this case 1.1.2 has to become beginning of a new list.\n        // We need to break list before 1.1.2 (obvious), then we need to break list also before 1.2.\n        // Then we need to move those broken pieces one after another and merge:\n        //\n        // 1 --------\n        //   1.1 --------\n        //     1.1.1 --------\n        //\n        // Lorem ipsum.\n        //\n        // 1.1.2 --------\n        //   1.1.3 --------\n        //     1.1.3.1 --------\n        // 1.2 --------\n        //   1.2.1 --------\n        // 2 --------\n        //\n        while(viewPosition.parent.name == 'ul' || viewPosition.parent.name == 'ol'){\n            viewPosition = viewWriter.breakContainer(viewPosition);\n            if (viewPosition.parent.name != 'li') {\n                break;\n            }\n            // Remove lists that are after inserted element.\n            // They will be brought back later, below the inserted element.\n            const removeStart = viewPosition;\n            const removeEnd = viewWriter.createPositionAt(viewPosition.parent, 'end');\n            // Don't remove if there is nothing to remove.\n            if (!removeStart.isEqual(removeEnd)) {\n                const removed = viewWriter.remove(viewWriter.createRange(removeStart, removeEnd));\n                lists.push(removed);\n            }\n            viewPosition = viewWriter.createPositionAfter(viewPosition.parent);\n        }\n        // Bring back removed lists.\n        if (lists.length > 0) {\n            for(let i = 0; i < lists.length; i++){\n                const previousList = viewPosition.nodeBefore;\n                const insertedRange = viewWriter.insert(viewPosition, lists[i]);\n                viewPosition = insertedRange.end;\n                // Don't merge first list! We want a split in that place (this is why this converter is introduced).\n                if (i > 0) {\n                    const mergePos = mergeViewLists(viewWriter, previousList, previousList.nextSibling);\n                    // If `mergePos` is in `previousList` it means that the lists got merged.\n                    // In this case, we need to fix insert position.\n                    if (mergePos && mergePos.parent == previousList) {\n                        viewPosition.offset--;\n                    }\n                }\n            }\n            // Merge last inserted list with element after it.\n            mergeViewLists(viewWriter, viewPosition.nodeBefore, viewPosition.nodeAfter);\n        }\n    }\n};\n/**\n * A special model-to-view converter introduced by the {@link module:list/legacylist~LegacyList list feature}. This converter takes care of\n * merging view lists after something is removed or moved from near them.\n *\n * Example:\n *\n * ```xml\n * // Model:                        // View:\n * <listItem>foo</listItem>         <ul><li>foo</li></ul>\n * <paragraph>xxx</paragraph>       <p>xxx</p>\n * <listItem>bar</listItem>         <ul><li>bar</li></ul>\n *\n * // After change:                 // Correct view guaranteed by this converter:\n * <listItem>foo</listItem>         <ul>\n * <listItem>bar</listItem>             <li>foo</li>\n *                                      <li>bar</li>\n *                                  </ul>\n * ```\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:remove\n */ const modelViewMergeAfter = (evt, data, conversionApi)=>{\n    const viewPosition = conversionApi.mapper.toViewPosition(data.position);\n    const viewItemPrev = viewPosition.nodeBefore;\n    const viewItemNext = viewPosition.nodeAfter;\n    // Merge lists if something (remove, move) was done from inside of list.\n    // Merging will be done only if both items are view lists of the same type.\n    // The check is done inside the helper function.\n    mergeViewLists(conversionApi.writer, viewItemPrev, viewItemNext);\n};\n/**\n * A view-to-model converter that converts the `<li>` view elements into the `listItem` model elements.\n *\n * To set correct values of the `listType` and `listIndent` attributes the converter:\n * * checks `<li>`'s parent,\n * * stores and increases the `conversionApi.store.indent` value when `<li>`'s sub-items are converted.\n *\n * @internal\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n */ const viewModelConverter = (evt, data, conversionApi)=>{\n    if (conversionApi.consumable.consume(data.viewItem, {\n        name: true\n    })) {\n        const writer = conversionApi.writer;\n        // 1. Create `listItem` model element.\n        const listItem = writer.createElement('listItem');\n        // 2. Handle `listItem` model element attributes.\n        const indent = getIndent(data.viewItem);\n        writer.setAttribute('listIndent', indent, listItem);\n        // Set 'bulleted' as default. If this item is pasted into a context,\n        const type = data.viewItem.parent && data.viewItem.parent.name == 'ol' ? 'numbered' : 'bulleted';\n        writer.setAttribute('listType', type, listItem);\n        if (!conversionApi.safeInsert(listItem, data.modelCursor)) {\n            return;\n        }\n        const nextPosition = viewToModelListItemChildrenConverter(listItem, data.viewItem.getChildren(), conversionApi);\n        // Result range starts before the first item and ends after the last.\n        data.modelRange = writer.createRange(data.modelCursor, nextPosition);\n        conversionApi.updateConversionResult(listItem, data);\n    }\n};\n/**\n * A view-to-model converter for the `<ul>` and `<ol>` view elements that cleans the input view of garbage.\n * This is mostly to clean whitespaces from between the `<li>` view elements inside the view list element, however, also\n * incorrect data can be cleared if the view was incorrect.\n *\n * @internal\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n */ const cleanList = (evt, data, conversionApi)=>{\n    if (conversionApi.consumable.test(data.viewItem, {\n        name: true\n    })) {\n        // Caching children because when we start removing them iterating fails.\n        const children = Array.from(data.viewItem.getChildren());\n        for (const child of children){\n            const isWrongElement = !(child.is('element', 'li') || isList(child));\n            if (isWrongElement) {\n                child._remove();\n            }\n        }\n    }\n};\n/**\n * A view-to-model converter for the `<li>` elements that cleans whitespace formatting from the input view.\n *\n * @internal\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n */ const cleanListItem = (evt, data, conversionApi)=>{\n    if (conversionApi.consumable.test(data.viewItem, {\n        name: true\n    })) {\n        if (data.viewItem.childCount === 0) {\n            return;\n        }\n        const children = [\n            ...data.viewItem.getChildren()\n        ];\n        let foundList = false;\n        for (const child of children){\n            if (foundList && !isList(child)) {\n                child._remove();\n            }\n            if (isList(child)) {\n                // If this is a <ul> or <ol>, do not process it, just mark that we already visited list element.\n                foundList = true;\n            }\n        }\n    }\n};\n/**\n * Returns a callback for model position to view position mapping for {@link module:engine/conversion/mapper~Mapper}. The callback fixes\n * positions between the `listItem` elements that would be incorrectly mapped because of how list items are represented in the model\n * and in the view.\n *\n * @internal\n */ function modelToViewPosition(view) {\n    return (evt, data)=>{\n        if (data.isPhantom) {\n            return;\n        }\n        const modelItem = data.modelPosition.nodeBefore;\n        if (modelItem && modelItem.is('element', 'listItem')) {\n            const viewItem = data.mapper.toViewElement(modelItem);\n            const topmostViewList = viewItem.getAncestors().find(isList);\n            const walker = view.createPositionAt(viewItem, 0).getWalker();\n            for (const value of walker){\n                if (value.type == 'elementStart' && value.item.is('element', 'li')) {\n                    data.viewPosition = value.previousPosition;\n                    break;\n                } else if (value.type == 'elementEnd' && value.item == topmostViewList) {\n                    data.viewPosition = value.nextPosition;\n                    break;\n                }\n            }\n        }\n    };\n}\n/**\n * The callback for view position to model position mapping for {@link module:engine/conversion/mapper~Mapper}. The callback fixes\n * positions between the `<li>` elements that would be incorrectly mapped because of how list items are represented in the model\n * and in the view.\n *\n * @internal\n * @see module:engine/conversion/mapper~Mapper#event:viewToModelPosition\n * @param model Model instance.\n * @returns Returns a conversion callback.\n */ function viewToModelPosition(model) {\n    return (evt, data)=>{\n        const viewPos = data.viewPosition;\n        const viewParent = viewPos.parent;\n        const mapper = data.mapper;\n        if (viewParent.name == 'ul' || viewParent.name == 'ol') {\n            // Position is directly in <ul> or <ol>.\n            if (!viewPos.isAtEnd) {\n                // If position is not at the end, it must be before <li>.\n                // Get that <li>, map it to `listItem` and set model position before that `listItem`.\n                const modelNode = mapper.toModelElement(viewPos.nodeAfter);\n                data.modelPosition = model.createPositionBefore(modelNode);\n            } else {\n                // Position is at the end of <ul> or <ol>, so there is no <li> after it to be mapped.\n                // There is <li> before the position, but we cannot just map it to `listItem` and set model position after it,\n                // because that <li> may contain nested items.\n                // We will check \"model length\" of that <li>, in other words - how many `listItem`s are in that <li>.\n                const modelNode = mapper.toModelElement(viewPos.nodeBefore);\n                const modelLength = mapper.getModelLength(viewPos.nodeBefore);\n                // Then we get model position before mapped `listItem` and shift it accordingly.\n                data.modelPosition = model.createPositionBefore(modelNode).getShiftedBy(modelLength);\n            }\n            evt.stop();\n        } else if (viewParent.name == 'li' && viewPos.nodeBefore && (viewPos.nodeBefore.name == 'ul' || viewPos.nodeBefore.name == 'ol')) {\n            // In most cases when view position is in <li> it is in text and this is a correct position.\n            // However, if position is after <ul> or <ol> we have to fix it -- because in model <ul>/<ol> are not in the `listItem`.\n            const modelNode = mapper.toModelElement(viewParent);\n            // Check all <ul>s and <ol>s that are in the <li> but before mapped position.\n            // Get model length of those elements and then add it to the offset of `listItem` mapped to the original <li>.\n            let modelLength = 1; // Starts from 1 because the original <li> has to be counted in too.\n            let viewList = viewPos.nodeBefore;\n            while(viewList && isList(viewList)){\n                modelLength += mapper.getModelLength(viewList);\n                viewList = viewList.previousSibling;\n            }\n            data.modelPosition = model.createPositionBefore(modelNode).getShiftedBy(modelLength);\n            evt.stop();\n        }\n    };\n}\n/**\n * Post-fixer that reacts to changes on document and fixes incorrect model states.\n *\n * In the example below, there is a correct list structure.\n * Then the middle element is removed so the list structure will become incorrect:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>Item 1</listItem>\n * <listItem listType=\"bulleted\" listIndent=1>Item 2</listItem>   <--- this is removed.\n * <listItem listType=\"bulleted\" listIndent=2>Item 3</listItem>\n * ```\n *\n * The list structure after the middle element is removed:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>Item 1</listItem>\n * <listItem listType=\"bulleted\" listIndent=2>Item 3</listItem>\n * ```\n *\n * Should become:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>Item 1</listItem>\n * <listItem listType=\"bulleted\" listIndent=1>Item 3</listItem>   <--- note that indent got post-fixed.\n * ```\n *\n * @internal\n * @param model The data model.\n * @param writer The writer to do changes with.\n * @returns `true` if any change has been applied, `false` otherwise.\n */ function modelChangePostFixer(model, writer) {\n    const changes = model.document.differ.getChanges();\n    const itemToListHead = new Map();\n    let applied = false;\n    for (const entry of changes){\n        if (entry.type == 'insert' && entry.name == 'listItem') {\n            _addListToFix(entry.position);\n        } else if (entry.type == 'insert' && entry.name != 'listItem') {\n            if (entry.name != '$text') {\n                // In case of renamed element.\n                const item = entry.position.nodeAfter;\n                if (item.hasAttribute('listIndent')) {\n                    writer.removeAttribute('listIndent', item);\n                    applied = true;\n                }\n                if (item.hasAttribute('listType')) {\n                    writer.removeAttribute('listType', item);\n                    applied = true;\n                }\n                if (item.hasAttribute('listStyle')) {\n                    writer.removeAttribute('listStyle', item);\n                    applied = true;\n                }\n                if (item.hasAttribute('listReversed')) {\n                    writer.removeAttribute('listReversed', item);\n                    applied = true;\n                }\n                if (item.hasAttribute('listStart')) {\n                    writer.removeAttribute('listStart', item);\n                    applied = true;\n                }\n                for (const innerItem of Array.from(model.createRangeIn(item)).filter((e)=>e.item.is('element', 'listItem'))){\n                    _addListToFix(innerItem.previousPosition);\n                }\n            }\n            const posAfter = entry.position.getShiftedBy(entry.length);\n            _addListToFix(posAfter);\n        } else if (entry.type == 'remove' && entry.name == 'listItem') {\n            _addListToFix(entry.position);\n        } else if (entry.type == 'attribute' && entry.attributeKey == 'listIndent') {\n            _addListToFix(entry.range.start);\n        } else if (entry.type == 'attribute' && entry.attributeKey == 'listType') {\n            _addListToFix(entry.range.start);\n        }\n    }\n    for (const listHead of itemToListHead.values()){\n        _fixListIndents(listHead);\n        _fixListTypes(listHead);\n    }\n    return applied;\n    function _addListToFix(position) {\n        const previousNode = position.nodeBefore;\n        if (!previousNode || !previousNode.is('element', 'listItem')) {\n            const item = position.nodeAfter;\n            if (item && item.is('element', 'listItem')) {\n                itemToListHead.set(item, item);\n            }\n        } else {\n            let listHead = previousNode;\n            if (itemToListHead.has(listHead)) {\n                return;\n            }\n            for(// Cache previousSibling and reuse for performance reasons. See #6581.\n            let previousSibling = listHead.previousSibling; previousSibling && previousSibling.is('element', 'listItem'); previousSibling = listHead.previousSibling){\n                listHead = previousSibling;\n                if (itemToListHead.has(listHead)) {\n                    return;\n                }\n            }\n            itemToListHead.set(previousNode, listHead);\n        }\n    }\n    function _fixListIndents(item) {\n        let maxIndent = 0;\n        let fixBy = null;\n        while(item && item.is('element', 'listItem')){\n            const itemIndent = item.getAttribute('listIndent');\n            if (itemIndent > maxIndent) {\n                let newIndent;\n                if (fixBy === null) {\n                    fixBy = itemIndent - maxIndent;\n                    newIndent = maxIndent;\n                } else {\n                    if (fixBy > itemIndent) {\n                        fixBy = itemIndent;\n                    }\n                    newIndent = itemIndent - fixBy;\n                }\n                writer.setAttribute('listIndent', newIndent, item);\n                applied = true;\n            } else {\n                fixBy = null;\n                maxIndent = item.getAttribute('listIndent') + 1;\n            }\n            item = item.nextSibling;\n        }\n    }\n    function _fixListTypes(item) {\n        let typesStack = [];\n        let prev = null;\n        while(item && item.is('element', 'listItem')){\n            const itemIndent = item.getAttribute('listIndent');\n            if (prev && prev.getAttribute('listIndent') > itemIndent) {\n                typesStack = typesStack.slice(0, itemIndent + 1);\n            }\n            if (itemIndent != 0) {\n                if (typesStack[itemIndent]) {\n                    const type = typesStack[itemIndent];\n                    if (item.getAttribute('listType') != type) {\n                        writer.setAttribute('listType', type, item);\n                        applied = true;\n                    }\n                } else {\n                    typesStack[itemIndent] = item.getAttribute('listType');\n                }\n            }\n            prev = item;\n            item = item.nextSibling;\n        }\n    }\n}\n/**\n * A fixer for pasted content that includes list items.\n *\n * It fixes indentation of pasted list items so the pasted items match correctly to the context they are pasted into.\n *\n * Example:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>A</listItem>\n * <listItem listType=\"bulleted\" listIndent=1>B^</listItem>\n * // At ^ paste:  <listItem listType=\"bulleted\" listIndent=4>X</listItem>\n * //              <listItem listType=\"bulleted\" listIndent=5>Y</listItem>\n * <listItem listType=\"bulleted\" listIndent=2>C</listItem>\n * ```\n *\n * Should become:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>A</listItem>\n * <listItem listType=\"bulleted\" listIndent=1>BX</listItem>\n * <listItem listType=\"bulleted\" listIndent=2>Y/listItem>\n * <listItem listType=\"bulleted\" listIndent=2>C</listItem>\n * ```\n *\n * @internal\n */ const modelIndentPasteFixer = function(evt, [content, selectable]) {\n    const model = this;\n    // Check whether inserted content starts from a `listItem`. If it does not, it means that there are some other\n    // elements before it and there is no need to fix indents, because even if we insert that content into a list,\n    // that list will be broken.\n    // Note: we also need to handle singular elements because inserting item with indent 0 into 0,1,[],2\n    // would create incorrect model.\n    let item = content.is('documentFragment') ? content.getChild(0) : content;\n    let selection;\n    if (!selectable) {\n        selection = model.document.selection;\n    } else {\n        selection = model.createSelection(selectable);\n    }\n    if (item && item.is('element', 'listItem')) {\n        // Get a reference list item. Inserted list items will be fixed according to that item.\n        const pos = selection.getFirstPosition();\n        let refItem = null;\n        if (pos.parent.is('element', 'listItem')) {\n            refItem = pos.parent;\n        } else if (pos.nodeBefore && pos.nodeBefore.is('element', 'listItem')) {\n            refItem = pos.nodeBefore;\n        }\n        // If there is `refItem` it means that we do insert list items into an existing list.\n        if (refItem) {\n            // First list item in `data` has indent equal to 0 (it is a first list item). It should have indent equal\n            // to the indent of reference item. We have to fix the first item and all of it's children and following siblings.\n            // Indent of all those items has to be adjusted to reference item.\n            const indentChange = refItem.getAttribute('listIndent');\n            // Fix only if there is anything to fix.\n            if (indentChange > 0) {\n                // Adjust indent of all \"first\" list items in inserted data.\n                while(item && item.is('element', 'listItem')){\n                    item._setAttribute('listIndent', item.getAttribute('listIndent') + indentChange);\n                    item = item.nextSibling;\n                }\n            }\n        }\n    }\n};\n/**\n * Helper function that converts children of a given `<li>` view element into corresponding model elements.\n * The function maintains proper order of elements if model `listItem` is split during the conversion\n * due to block children conversion.\n *\n * @param listItemModel List item model element to which converted children will be inserted.\n * @param viewChildren View elements which will be converted.\n * @param conversionApi Conversion interface to be used by the callback.\n * @returns Position on which next elements should be inserted after children conversion.\n */ function viewToModelListItemChildrenConverter(listItemModel, viewChildren, conversionApi) {\n    const { writer, schema } = conversionApi;\n    // A position after the last inserted `listItem`.\n    let nextPosition = writer.createPositionAfter(listItemModel);\n    // Check all children of the converted `<li>`. At this point we assume there are no \"whitespace\" view text nodes\n    // in view list, between view list items. This should be handled by `<ul>` and `<ol>` converters.\n    for (const child of viewChildren){\n        if (child.name == 'ul' || child.name == 'ol') {\n            // If the children is a list, we will insert its conversion result after currently handled `listItem`.\n            // Then, next insertion position will be set after all the new list items (and maybe other elements if\n            // something split list item).\n            //\n            // If this is a list, we expect that some `listItem`s and possibly other blocks will be inserted, however `.modelCursor`\n            // should be set after last `listItem` (or block). This is why it feels safe to use it as `nextPosition`\n            nextPosition = conversionApi.convertItem(child, nextPosition).modelCursor;\n        } else {\n            // If this is not a list, try inserting content at the end of the currently handled `listItem`.\n            const result = conversionApi.convertItem(child, writer.createPositionAt(listItemModel, 'end'));\n            // It may end up that the current `listItem` becomes split (if that content cannot be inside `listItem`). For example:\n            //\n            // <li><p>Foo</p></li>\n            //\n            // will be converted to:\n            //\n            // <listItem></listItem><paragraph>Foo</paragraph><listItem></listItem>\n            //\n            const convertedChild = result.modelRange.start.nodeAfter;\n            const wasSplit = convertedChild && convertedChild.is('element') && !schema.checkChild(listItemModel, convertedChild.name);\n            if (wasSplit) {\n                // As `lastListItem` got split, we need to update it to the second part of the split `listItem` element.\n                //\n                // `modelCursor` should be set to a position where the conversion should continue. There are multiple possible scenarios\n                // that may happen. Usually, `modelCursor` (marked as `#` below) would point to the second list item after conversion:\n                //\n                //\t\t`<li><p>Foo</p></li>` -> `<listItem></listItem><paragraph>Foo</paragraph><listItem>#</listItem>`\n                //\n                // However, in some cases, like auto-paragraphing, the position is placed at the end of the block element:\n                //\n                //\t\t`<li><div>Foo</div></li>` -> `<listItem></listItem><paragraph>Foo#</paragraph><listItem></listItem>`\n                //\n                // or after an element if another element broken auto-paragraphed element:\n                //\n                //\t\t`<li><div><h2>Foo</h2></div></li>` -> `<listItem></listItem><heading1>Foo</heading1>#<listItem></listItem>`\n                //\n                // We need to check for such cases and use proper list item and position based on it.\n                //\n                if (result.modelCursor.parent.is('element', 'listItem')) {\n                    // (1).\n                    listItemModel = result.modelCursor.parent;\n                } else {\n                    // (2), (3).\n                    listItemModel = findNextListItem(result.modelCursor);\n                }\n                nextPosition = writer.createPositionAfter(listItemModel);\n            }\n        }\n    }\n    return nextPosition;\n}\n/**\n * Helper function that seeks for a next list item starting from given `startPosition`.\n */ function findNextListItem(startPosition) {\n    const treeWalker = new ModelTreeWalker({\n        startPosition\n    });\n    let value;\n    do {\n        value = treeWalker.next();\n    }while (!value.value.item.is('element', 'listItem'))\n    return value.value.item;\n}\n/**\n * Helper function that takes all children of given `viewRemovedItem` and moves them in a correct place, according\n * to other given parameters.\n */ function hoistNestedLists(nextIndent, modelRemoveStartPosition, viewRemoveStartPosition, viewRemovedItem, conversionApi, model) {\n    // Find correct previous model list item element.\n    // The element has to have either same or smaller indent than given reference indent.\n    // This will be the model element which will get nested items (if it has smaller indent) or sibling items (if it has same indent).\n    // Keep in mind that such element might not be found, if removed item was the first item.\n    const prevModelItem = getSiblingListItem(modelRemoveStartPosition.nodeBefore, {\n        sameIndent: true,\n        smallerIndent: true,\n        listIndent: nextIndent\n    });\n    const mapper = conversionApi.mapper;\n    const viewWriter = conversionApi.writer;\n    // Indent of found element or `null` if the element has not been found.\n    const prevIndent = prevModelItem ? prevModelItem.getAttribute('listIndent') : null;\n    let insertPosition;\n    if (!prevModelItem) {\n        // If element has not been found, simply insert lists at the position where the removed item was:\n        //\n        // Lorem ipsum.\n        // 1 --------           <--- this is removed, no previous list item, put nested items in place of removed item.\n        //   1.1 --------       <--- this is reference indent.\n        //     1.1.1 --------\n        //     1.1.2 --------\n        //   1.2 --------\n        //\n        // Becomes:\n        //\n        // Lorem ipsum.\n        // 1.1 --------\n        //   1.1.1 --------\n        //   1.1.2 --------\n        // 1.2 --------\n        insertPosition = viewRemoveStartPosition;\n    } else if (prevIndent == nextIndent) {\n        // If element has been found and has same indent as reference indent it means that nested items should\n        // become siblings of found element:\n        //\n        // 1 --------\n        //   1.1 --------\n        //   1.2 --------       <--- this is `prevModelItem`.\n        // 2 --------           <--- this is removed, previous list item has indent same as reference indent.\n        //   2.1 --------       <--- this is reference indent, this and 2.2 should become siblings of 1.2.\n        //   2.2 --------\n        //\n        // Becomes:\n        //\n        // 1 --------\n        //   1.1 --------\n        //   1.2 --------\n        //   2.1 --------\n        //   2.2 --------\n        const prevViewList = mapper.toViewElement(prevModelItem).parent;\n        insertPosition = viewWriter.createPositionAfter(prevViewList);\n    } else {\n        // If element has been found and has smaller indent as reference indent it means that nested items\n        // should become nested items of found item:\n        //\n        // 1 --------           <--- this is `prevModelItem`.\n        //   1.1 --------       <--- this is removed, previous list item has indent smaller than reference indent.\n        //     1.1.1 --------   <--- this is reference indent, this and 1.1.1 should become nested items of 1.\n        //     1.1.2 --------\n        //   1.2 --------\n        //\n        // Becomes:\n        //\n        // 1 --------\n        //   1.1.1 --------\n        //   1.1.2 --------\n        //   1.2 --------\n        //\n        // Note: in this case 1.1.1 have indent 2 while 1 have indent 0. In model that should not be possible,\n        // because following item may have indent bigger only by one. But this is fixed by postfixer.\n        const modelPosition = model.createPositionAt(prevModelItem, 'end');\n        insertPosition = mapper.toViewPosition(modelPosition);\n    }\n    insertPosition = positionAfterUiElements(insertPosition);\n    // Handle multiple lists. This happens if list item has nested numbered and bulleted lists. Following lists\n    // are inserted after the first list (no need to recalculate insertion position for them).\n    for (const child of [\n        ...viewRemovedItem.getChildren()\n    ]){\n        if (isList(child)) {\n            insertPosition = viewWriter.move(viewWriter.createRangeOn(child), insertPosition).end;\n            mergeViewLists(viewWriter, child, child.nextSibling);\n            mergeViewLists(viewWriter, child.previousSibling, child);\n        }\n    }\n}\n/**\n * Checks if view element is a list type (ul or ol).\n */ function isList(viewElement) {\n    return viewElement.is('element', 'ol') || viewElement.is('element', 'ul');\n}\n/**\n * Calculates the indent value for a list item. Handles HTML compliant and non-compliant lists.\n *\n * Also, fixes non HTML compliant lists indents:\n *\n * ```\n * before:                                     fixed list:\n * OL                                          OL\n * |-> LI (parent LIs: 0)                      |-> LI     (indent: 0)\n *     |-> OL                                  |-> OL\n *         |-> OL                                  |\n *         |   |-> OL                              |\n *         |       |-> OL                          |\n *         |           |-> LI (parent LIs: 1)      |-> LI (indent: 1)\n *         |-> LI (parent LIs: 1)                  |-> LI (indent: 1)\n *\n * before:                                     fixed list:\n * OL                                          OL\n * |-> OL                                      |\n *     |-> OL                                  |\n *          |-> OL                             |\n *              |-> LI (parent LIs: 0)         |-> LI        (indent: 0)\n *\n * before:                                     fixed list:\n * OL                                          OL\n * |-> LI (parent LIs: 0)                      |-> LI         (indent: 0)\n * |-> OL                                          |-> OL\n *     |-> LI (parent LIs: 0)                          |-> LI (indent: 1)\n * ```\n */ function getIndent(listItem) {\n    let indent = 0;\n    let parent = listItem.parent;\n    while(parent){\n        // Each LI in the tree will result in an increased indent for HTML compliant lists.\n        if (parent.is('element', 'li')) {\n            indent++;\n        } else {\n            // If however the list is nested in other list we should check previous sibling of any of the list elements...\n            const previousSibling = parent.previousSibling;\n            // ...because the we might need increase its indent:\n            //\t\tbefore:                           fixed list:\n            //\t\tOL                                OL\n            //\t\t|-> LI (parent LIs: 0)            |-> LI         (indent: 0)\n            //\t\t|-> OL                                |-> OL\n            //\t\t    |-> LI (parent LIs: 0)                |-> LI (indent: 1)\n            if (previousSibling && previousSibling.is('element', 'li')) {\n                indent++;\n            }\n        }\n        parent = parent.parent;\n    }\n    return indent;\n}\n\n/**\n * The engine of the list feature. It handles creating, editing and removing lists and list items.\n *\n * It registers the `'numberedList'`, `'bulletedList'`, `'indentList'` and `'outdentList'` commands.\n */ class LegacyListEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LegacyListEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Enter,\n            Delete,\n            LegacyListUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Schema.\n        // Note: in case `$block` will ever be allowed in `listItem`, keep in mind that this feature\n        // uses `Selection#getSelectedBlocks()` without any additional processing to obtain all selected list items.\n        // If there are blocks allowed inside list item, algorithms using `getSelectedBlocks()` will have to be modified.\n        editor.model.schema.register('listItem', {\n            inheritAllFrom: '$block',\n            allowAttributes: [\n                'listType',\n                'listIndent'\n            ]\n        });\n        // Converters.\n        const data = editor.data;\n        const editing = editor.editing;\n        editor.model.document.registerPostFixer((writer)=>modelChangePostFixer(editor.model, writer));\n        editing.mapper.registerViewToModelLength('li', getViewListItemLength);\n        data.mapper.registerViewToModelLength('li', getViewListItemLength);\n        editing.mapper.on('modelToViewPosition', modelToViewPosition(editing.view));\n        editing.mapper.on('viewToModelPosition', viewToModelPosition(editor.model));\n        data.mapper.on('modelToViewPosition', modelToViewPosition(editing.view));\n        editor.conversion.for('editingDowncast').add((dispatcher)=>{\n            dispatcher.on('insert', modelViewSplitOnInsert, {\n                priority: 'high'\n            });\n            dispatcher.on('insert:listItem', modelViewInsertion$1(editor.model));\n            dispatcher.on('attribute:listType:listItem', modelViewChangeType$1, {\n                priority: 'high'\n            });\n            dispatcher.on('attribute:listType:listItem', modelViewMergeAfterChangeType, {\n                priority: 'low'\n            });\n            dispatcher.on('attribute:listIndent:listItem', modelViewChangeIndent(editor.model));\n            dispatcher.on('remove:listItem', modelViewRemove(editor.model));\n            dispatcher.on('remove', modelViewMergeAfter, {\n                priority: 'low'\n            });\n        });\n        editor.conversion.for('dataDowncast').add((dispatcher)=>{\n            dispatcher.on('insert', modelViewSplitOnInsert, {\n                priority: 'high'\n            });\n            dispatcher.on('insert:listItem', modelViewInsertion$1(editor.model));\n        });\n        editor.conversion.for('upcast').add((dispatcher)=>{\n            dispatcher.on('element:ul', cleanList, {\n                priority: 'high'\n            });\n            dispatcher.on('element:ol', cleanList, {\n                priority: 'high'\n            });\n            dispatcher.on('element:li', cleanListItem, {\n                priority: 'high'\n            });\n            dispatcher.on('element:li', viewModelConverter);\n        });\n        // Fix indentation of pasted items.\n        editor.model.on('insertContent', modelIndentPasteFixer, {\n            priority: 'high'\n        });\n        // Register commands for numbered and bulleted list.\n        editor.commands.add('numberedList', new LegacyListCommand(editor, 'numbered'));\n        editor.commands.add('bulletedList', new LegacyListCommand(editor, 'bulleted'));\n        // Register commands for indenting.\n        editor.commands.add('indentList', new LegacyIndentCommand(editor, 'forward'));\n        editor.commands.add('outdentList', new LegacyIndentCommand(editor, 'backward'));\n        const viewDocument = editing.view.document;\n        // Overwrite default Enter key behavior.\n        // If Enter key is pressed with selection collapsed in empty list item, outdent it instead of breaking it.\n        this.listenTo(viewDocument, 'enter', (evt, data)=>{\n            const doc = this.editor.model.document;\n            const positionParent = doc.selection.getLastPosition().parent;\n            if (doc.selection.isCollapsed && positionParent.name == 'listItem' && positionParent.isEmpty) {\n                this.editor.execute('outdentList');\n                data.preventDefault();\n                evt.stop();\n            }\n        }, {\n            context: 'li'\n        });\n        // Overwrite default Backspace key behavior.\n        // If Backspace key is pressed with selection collapsed on first position in first list item, outdent it. #83\n        this.listenTo(viewDocument, 'delete', (evt, data)=>{\n            // Check conditions from those that require less computations like those immediately available.\n            if (data.direction !== 'backward') {\n                return;\n            }\n            const selection = this.editor.model.document.selection;\n            if (!selection.isCollapsed) {\n                return;\n            }\n            const firstPosition = selection.getFirstPosition();\n            if (!firstPosition.isAtStart) {\n                return;\n            }\n            const positionParent = firstPosition.parent;\n            if (positionParent.name !== 'listItem') {\n                return;\n            }\n            const previousIsAListItem = positionParent.previousSibling && positionParent.previousSibling.name === 'listItem';\n            if (previousIsAListItem) {\n                return;\n            }\n            this.editor.execute('outdentList');\n            data.preventDefault();\n            evt.stop();\n        }, {\n            context: 'li'\n        });\n        this.listenTo(editor.editing.view.document, 'tab', (evt, data)=>{\n            const commandName = data.shiftKey ? 'outdentList' : 'indentList';\n            const command = this.editor.commands.get(commandName);\n            if (command.isEnabled) {\n                editor.execute(commandName);\n                data.stopPropagation();\n                data.preventDefault();\n                evt.stop();\n            }\n        }, {\n            context: 'li'\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const commands = this.editor.commands;\n        const indent = commands.get('indent');\n        const outdent = commands.get('outdent');\n        if (indent) {\n            indent.registerChildCommand(commands.get('indentList'));\n        }\n        if (outdent) {\n            outdent.registerChildCommand(commands.get('outdentList'));\n        }\n    }\n}\nfunction getViewListItemLength(element) {\n    let length = 1;\n    for (const child of element.getChildren()){\n        if (child.name == 'ul' || child.name == 'ol') {\n            for (const item of child.getChildren()){\n                length += getViewListItemLength(item);\n            }\n        }\n    }\n    return length;\n}\n\n/**\n * The legacy list feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/legacylist/legacylistediting~LegacyListEditing legacy list editing feature}\n * and {@link module:list/list/listui~ListUI list UI feature}.\n */ class LegacyList extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            LegacyListEditing,\n            ListUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LegacyList';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The list style command. It changes the `listStyle` attribute of the selected list items.\n *\n * If the list type (numbered or bulleted) can be inferred from the passed style type,\n * the command tries to convert selected items to a list of that type.\n * It is used by the {@link module:list/legacylistproperties~LegacyListProperties legacy list properties feature}.\n */ class LegacyListStyleCommand extends Command {\n    /**\n\t * The default type of the list style.\n\t */ defaultType;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param defaultType The list type that will be used by default if the value was not specified during\n\t * the command execution.\n\t */ constructor(editor, defaultType){\n        super(editor);\n        this.defaultType = defaultType;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.value = this._getValue();\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.type The type of the list style, e.g. `'disc'` or `'square'`. If `null` is specified, the default\n\t * style will be applied.\n\t */ execute(options = {}) {\n        this._tryToConvertItemsToList(options);\n        const model = this.editor.model;\n        const listItems = getSelectedListItems(model);\n        if (!listItems.length) {\n            return;\n        }\n        model.change((writer)=>{\n            for (const item of listItems){\n                writer.setAttribute('listStyle', options.type || this.defaultType, item);\n            }\n        });\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */ _getValue() {\n        const listItem = this.editor.model.document.selection.getFirstPosition().parent;\n        if (listItem && listItem.is('element', 'listItem')) {\n            return listItem.getAttribute('listStyle');\n        }\n        return null;\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        const editor = this.editor;\n        const numberedList = editor.commands.get('numberedList');\n        const bulletedList = editor.commands.get('bulletedList');\n        return numberedList.isEnabled || bulletedList.isEnabled;\n    }\n    /**\n\t * Checks if the provided list style is valid. Also changes the selection to a list if it's not set yet.\n\t *\n\t * @param options Additional options.\n\t * @param options.type The type of the list style. If `null` is specified, the function does nothing.\n\t*/ _tryToConvertItemsToList(options) {\n        if (!options.type) {\n            return;\n        }\n        const listType = getListTypeFromListStyleType(options.type);\n        /* istanbul ignore next -- @preserve */ if (!listType) {\n            return;\n        }\n        const editor = this.editor;\n        const commandName = `${listType}List`;\n        const command = editor.commands.get(commandName);\n        if (!command.value) {\n            editor.execute(commandName);\n        }\n    }\n}\n\n/**\n * The reversed list command. It changes the `listReversed` attribute of the selected list items. As a result, the list order will be\n * reversed.\n * It is used by the {@link module:list/legacylistproperties~LegacyListProperties legacy list properties feature}.\n */ class LegacyListReversedCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const value = this._getValue();\n        this.value = value;\n        this.isEnabled = value != null;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.reversed Whether the list should be reversed.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const listItems = getSelectedListItems(model).filter((item)=>item.getAttribute('listType') == 'numbered');\n        model.change((writer)=>{\n            for (const item of listItems){\n                writer.setAttribute('listReversed', !!options.reversed, item);\n            }\n        });\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */ _getValue() {\n        const listItem = this.editor.model.document.selection.getFirstPosition().parent;\n        if (listItem && listItem.is('element', 'listItem') && listItem.getAttribute('listType') == 'numbered') {\n            return listItem.getAttribute('listReversed');\n        }\n        return null;\n    }\n}\n\n/**\n * The list start index command. It changes the `listStart` attribute of the selected list items.\n * It is used by the {@link module:list/legacylistproperties~LegacyListProperties legacy list properties feature}.\n */ class LegacyListStartCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const value = this._getValue();\n        this.value = value;\n        this.isEnabled = value != null;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Execute options.\n\t * @param options.startIndex The list start index.\n\t */ execute({ startIndex = 1 } = {}) {\n        const model = this.editor.model;\n        const listItems = getSelectedListItems(model).filter((item)=>item.getAttribute('listType') == 'numbered');\n        model.change((writer)=>{\n            for (const item of listItems){\n                writer.setAttribute('listStart', startIndex >= 0 ? startIndex : 1, item);\n            }\n        });\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */ _getValue() {\n        const listItem = this.editor.model.document.selection.getFirstPosition().parent;\n        if (listItem && listItem.is('element', 'listItem') && listItem.getAttribute('listType') == 'numbered') {\n            return listItem.getAttribute('listStart');\n        }\n        return null;\n    }\n}\n\nconst DEFAULT_LIST_TYPE = 'default';\n/**\n * The engine of the list properties feature.\n *\n * It sets the value for the `listItem` attribute of the {@link module:list/legacylist~LegacyList `<listItem>`} element that\n * allows modifying the list style type.\n *\n * It registers the `'listStyle'`, `'listReversed'` and `'listStart'` commands if they are enabled in the configuration.\n * Read more in {@link module:list/listconfig~ListPropertiesConfig}.\n */ class LegacyListPropertiesEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            LegacyListEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LegacyListPropertiesEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('list', {\n            properties: {\n                styles: true,\n                startIndex: false,\n                reversed: false\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const enabledProperties = editor.config.get('list.properties');\n        const strategies = createAttributeStrategies(enabledProperties);\n        // Extend schema.\n        model.schema.extend('listItem', {\n            allowAttributes: strategies.map((s)=>s.attributeName)\n        });\n        for (const strategy of strategies){\n            strategy.addCommand(editor);\n        }\n        // Fix list attributes when modifying their nesting levels (the `listIndent` attribute).\n        this.listenTo(editor.commands.get('indentList'), '_executeCleanup', fixListAfterIndentListCommand(editor, strategies));\n        this.listenTo(editor.commands.get('outdentList'), '_executeCleanup', fixListAfterOutdentListCommand(editor, strategies));\n        this.listenTo(editor.commands.get('bulletedList'), '_executeCleanup', restoreDefaultListStyle(editor));\n        this.listenTo(editor.commands.get('numberedList'), '_executeCleanup', restoreDefaultListStyle(editor));\n        // Register a post-fixer that ensures that the attributes is specified in each `listItem` element.\n        model.document.registerPostFixer(fixListAttributesOnListItemElements(editor, strategies));\n        // Set up conversion.\n        editor.conversion.for('upcast').add(upcastListItemAttributes(strategies));\n        editor.conversion.for('downcast').add(downcastListItemAttributes(strategies));\n        // Handle merging two separated lists into the single one.\n        this._mergeListAttributesWhileMergingLists(strategies);\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        // Enable post-fixer that removes the attributes from to-do list items only if the \"TodoList\" plugin is on.\n        // We need to registry the hook here since the `TodoList` plugin can be added after the `ListPropertiesEditing`.\n        if (editor.commands.get('todoList')) {\n            editor.model.document.registerPostFixer(removeListItemAttributesFromTodoList(editor));\n        }\n    }\n    /**\n\t * Starts listening to {@link module:engine/model/model~Model#deleteContent} and checks whether two lists will be merged into a single\n\t * one after deleting the content.\n\t *\n\t * The purpose of this action is to adjust the `listStyle`, `listReversed` and `listStart` values\n\t * for the list that was merged.\n\t *\n\t * Consider the following model's content:\n\t *\n\t * ```xml\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 2</listItem>\n\t * <paragraph>[A paragraph.]</paragraph>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">UL List item 1</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">UL List item 2</listItem>\n\t * ```\n\t *\n\t * After removing the paragraph element, the second list will be merged into the first one.\n\t * We want to inherit the `listStyle` attribute for the second list from the first one.\n\t *\n\t * ```xml\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 2</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 2</listItem>\n\t * ```\n\t *\n\t * See https://github.com/ckeditor/ckeditor5/issues/7879.\n\t *\n\t * @param attributeStrategies Strategies for the enabled attributes.\n\t */ _mergeListAttributesWhileMergingLists(attributeStrategies) {\n        const editor = this.editor;\n        const model = editor.model;\n        // First the outer-most`listItem` in the first list reference.\n        // If found, the lists should be merged and this `listItem` provides the attributes\n        // and it is also a starting point when searching for items in the second list.\n        let firstMostOuterItem;\n        // Check whether the removed content is between two lists.\n        this.listenTo(model, 'deleteContent', (evt, [selection])=>{\n            const firstPosition = selection.getFirstPosition();\n            const lastPosition = selection.getLastPosition();\n            // Typing or removing content in a single item. Aborting.\n            if (firstPosition.parent === lastPosition.parent) {\n                return;\n            }\n            // An element before the content that will be removed is not a list.\n            if (!firstPosition.parent.is('element', 'listItem')) {\n                return;\n            }\n            const nextSibling = lastPosition.parent.nextSibling;\n            // An element after the content that will be removed is not a list.\n            if (!nextSibling || !nextSibling.is('element', 'listItem')) {\n                return;\n            }\n            // Find the outermost list item based on the `listIndent` attribute. We can't assume that `listIndent=0`\n            // because the selection can be hooked in nested lists.\n            //\n            // <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n            // <listItem listIndent=\"1\" listType=\"bulleted\" listStyle=\"square\">UL List [item 1.1</listItem>\n            // <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">[]UL List item 1.</listItem>\n            // <listItem listIndent=\"1\" listType=\"bulleted\" listStyle=\"circle\">UL List ]item 1.1</listItem>\n            //\n            // After deleting the content, we would like to inherit the \"square\" attribute for the last element:\n            //\n            // <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n            // <listItem listIndent=\"1\" listType=\"bulleted\" listStyle=\"square\">UL List []item 1.1</listItem>\n            const mostOuterItemList = getSiblingListItem(firstPosition.parent, {\n                sameIndent: true,\n                listIndent: nextSibling.getAttribute('listIndent')\n            });\n            // The outermost list item may not exist while removing elements between lists with different value\n            // of the `listIndent` attribute. In such a case we don't want to update anything. See: #8073.\n            if (!mostOuterItemList) {\n                return;\n            }\n            if (mostOuterItemList.getAttribute('listType') === nextSibling.getAttribute('listType')) {\n                firstMostOuterItem = mostOuterItemList;\n            }\n        }, {\n            priority: 'high'\n        });\n        // If so, update the `listStyle` attribute for the second list.\n        this.listenTo(model, 'deleteContent', ()=>{\n            if (!firstMostOuterItem) {\n                return;\n            }\n            model.change((writer)=>{\n                // Find the first most-outer item list in the merged list.\n                // A case when the first list item in the second list was merged into the last item in the first list.\n                //\n                // <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n                // <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 2</listItem>\n                // <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">[]UL List item 1</listItem>\n                // <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">UL List item 2</listItem>\n                const secondListMostOuterItem = getSiblingListItem(firstMostOuterItem.nextSibling, {\n                    sameIndent: true,\n                    listIndent: firstMostOuterItem.getAttribute('listIndent'),\n                    direction: 'forward'\n                });\n                // If the selection ends in a non-list element, there are no <listItem>s that would require adjustments.\n                // See: #8642.\n                if (!secondListMostOuterItem) {\n                    firstMostOuterItem = null;\n                    return;\n                }\n                const items = [\n                    secondListMostOuterItem,\n                    ...getSiblingNodes(writer.createPositionAt(secondListMostOuterItem, 0), 'forward')\n                ];\n                for (const listItem of items){\n                    for (const strategy of attributeStrategies){\n                        if (strategy.appliesToListItem(listItem)) {\n                            const attributeName = strategy.attributeName;\n                            const value = firstMostOuterItem.getAttribute(attributeName);\n                            writer.setAttribute(attributeName, value, listItem);\n                        }\n                    }\n                }\n            });\n            firstMostOuterItem = null;\n        }, {\n            priority: 'low'\n        });\n    }\n}\n/**\n * Creates an array of strategies for dealing with enabled listItem attributes.\n */ function createAttributeStrategies(enabledProperties) {\n    const strategies = [];\n    if (enabledProperties.styles) {\n        strategies.push({\n            attributeName: 'listStyle',\n            defaultValue: DEFAULT_LIST_TYPE,\n            addCommand (editor) {\n                editor.commands.add('listStyle', new LegacyListStyleCommand(editor, DEFAULT_LIST_TYPE));\n            },\n            appliesToListItem () {\n                return true;\n            },\n            setAttributeOnDowncast (writer, listStyle, element) {\n                if (listStyle && listStyle !== DEFAULT_LIST_TYPE) {\n                    writer.setStyle('list-style-type', listStyle, element);\n                } else {\n                    writer.removeStyle('list-style-type', element);\n                }\n            },\n            getAttributeOnUpcast (listParent) {\n                return normalizeListStyle(listParent.getStyle('list-style-type')) || DEFAULT_LIST_TYPE;\n            }\n        });\n    }\n    if (enabledProperties.reversed) {\n        strategies.push({\n            attributeName: 'listReversed',\n            defaultValue: false,\n            addCommand (editor) {\n                editor.commands.add('listReversed', new LegacyListReversedCommand(editor));\n            },\n            appliesToListItem (item) {\n                return item.getAttribute('listType') == 'numbered';\n            },\n            setAttributeOnDowncast (writer, listReversed, element) {\n                if (listReversed) {\n                    writer.setAttribute('reversed', 'reversed', element);\n                } else {\n                    writer.removeAttribute('reversed', element);\n                }\n            },\n            getAttributeOnUpcast (listParent) {\n                return listParent.hasAttribute('reversed');\n            }\n        });\n    }\n    if (enabledProperties.startIndex) {\n        strategies.push({\n            attributeName: 'listStart',\n            defaultValue: 1,\n            addCommand (editor) {\n                editor.commands.add('listStart', new LegacyListStartCommand(editor));\n            },\n            appliesToListItem (item) {\n                return item.getAttribute('listType') == 'numbered';\n            },\n            setAttributeOnDowncast (writer, listStart, element) {\n                if (listStart == 0 || listStart > 1) {\n                    writer.setAttribute('start', listStart, element);\n                } else {\n                    writer.removeAttribute('start', element);\n                }\n            },\n            getAttributeOnUpcast (listParent) {\n                const startAttributeValue = listParent.getAttribute('start');\n                return startAttributeValue >= 0 ? startAttributeValue : 1;\n            }\n        });\n    }\n    return strategies;\n}\n/**\n * Returns a converter consumes the `style`, `reversed` and `start` attribute.\n * In `style` it searches for the `list-style-type` definition.\n * If not found, the `\"default\"` value will be used.\n */ function upcastListItemAttributes(attributeStrategies) {\n    return (dispatcher)=>{\n        dispatcher.on('element:li', (evt, data, conversionApi)=>{\n            // https://github.com/ckeditor/ckeditor5/issues/13858\n            if (!data.modelRange) {\n                return;\n            }\n            const listParent = data.viewItem.parent;\n            const listItem = data.modelRange.start.nodeAfter || data.modelRange.end.nodeBefore;\n            for (const strategy of attributeStrategies){\n                if (strategy.appliesToListItem(listItem)) {\n                    const listStyle = strategy.getAttributeOnUpcast(listParent);\n                    conversionApi.writer.setAttribute(strategy.attributeName, listStyle, listItem);\n                }\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * Returns a converter that adds `reversed`, `start` attributes and adds `list-style-type` definition as a value for the `style` attribute.\n * The `\"default\"` values are removed and not present in the view/data.\n */ function downcastListItemAttributes(attributeStrategies) {\n    return (dispatcher)=>{\n        for (const strategy of attributeStrategies){\n            dispatcher.on(`attribute:${strategy.attributeName}:listItem`, (evt, data, conversionApi)=>{\n                const viewWriter = conversionApi.writer;\n                const currentElement = data.item;\n                const previousElement = getSiblingListItem(currentElement.previousSibling, {\n                    sameIndent: true,\n                    listIndent: currentElement.getAttribute('listIndent'),\n                    direction: 'backward'\n                });\n                const viewItem = conversionApi.mapper.toViewElement(currentElement);\n                // A case when elements represent different lists. We need to separate their container.\n                if (!areRepresentingSameList(currentElement, previousElement)) {\n                    viewWriter.breakContainer(viewWriter.createPositionBefore(viewItem));\n                }\n                strategy.setAttributeOnDowncast(viewWriter, data.attributeNewValue, viewItem.parent);\n            }, {\n                priority: 'low'\n            });\n        }\n    };\n    /**\n\t * Checks whether specified list items belong to the same list.\n\t */ function areRepresentingSameList(listItem1, listItem2) {\n        return listItem2 && listItem1.getAttribute('listType') === listItem2.getAttribute('listType') && listItem1.getAttribute('listIndent') === listItem2.getAttribute('listIndent') && listItem1.getAttribute('listStyle') === listItem2.getAttribute('listStyle') && listItem1.getAttribute('listReversed') === listItem2.getAttribute('listReversed') && listItem1.getAttribute('listStart') === listItem2.getAttribute('listStart');\n    }\n}\n/**\n * When indenting list, nested list should clear its value for the attributes or inherit from nested lists.\n *\n * ■ List item 1.\n * ■ List item 2.[]\n * ■ List item 3.\n * editor.execute( 'indentList' );\n *\n * ■ List item 1.\n *     ○ List item 2.[]\n * ■ List item 3.\n */ function fixListAfterIndentListCommand(editor, attributeStrategies) {\n    return (evt, changedItems)=>{\n        const root = changedItems[0];\n        const rootIndent = root.getAttribute('listIndent');\n        const itemsToUpdate = changedItems.filter((item)=>item.getAttribute('listIndent') === rootIndent);\n        // A case where a few list items are indented must be checked separately\n        // since `getSiblingListItem()` returns the first changed element.\n        // ■ List item 1.\n        //     ○ [List item 2.\n        //     ○ List item 3.]\n        // ■ List item 4.\n        //\n        // List items: `2` and `3` should be adjusted.\n        let previousSibling = null;\n        if (root.previousSibling.getAttribute('listIndent') + 1 !== rootIndent) {\n            previousSibling = getSiblingListItem(root.previousSibling, {\n                sameIndent: true,\n                direction: 'backward',\n                listIndent: rootIndent\n            });\n        }\n        editor.model.change((writer)=>{\n            for (const item of itemsToUpdate){\n                for (const strategy of attributeStrategies){\n                    if (strategy.appliesToListItem(item)) {\n                        const valueToSet = previousSibling == null ? strategy.defaultValue : previousSibling.getAttribute(strategy.attributeName);\n                        writer.setAttribute(strategy.attributeName, valueToSet, item);\n                    }\n                }\n            }\n        });\n    };\n}\n/**\n * When outdenting a list, a nested list should copy attribute values\n * from the previous sibling list item including the same value for the `listIndent` value.\n *\n * ■ List item 1.\n *     ○ List item 2.[]\n * ■ List item 3.\n *\n * editor.execute( 'outdentList' );\n *\n * ■ List item 1.\n * ■ List item 2.[]\n * ■ List item 3.\n */ function fixListAfterOutdentListCommand(editor, attributeStrategies) {\n    return (evt, changedItems)=>{\n        changedItems = changedItems.reverse().filter((item)=>item.is('element', 'listItem'));\n        if (!changedItems.length) {\n            return;\n        }\n        const indent = changedItems[0].getAttribute('listIndent');\n        const listType = changedItems[0].getAttribute('listType');\n        let listItem = changedItems[0].previousSibling;\n        // ■ List item 1.\n        //     ○ List item 2.\n        //     ○ List item 3.[]\n        // ■ List item 4.\n        //\n        // After outdenting a list, `List item 3` should inherit the `listStyle` attribute from `List item 1`.\n        //\n        // ■ List item 1.\n        //     ○ List item 2.\n        // ■ List item 3.[]\n        // ■ List item 4.\n        if (listItem.is('element', 'listItem')) {\n            while(listItem.getAttribute('listIndent') !== indent){\n                listItem = listItem.previousSibling;\n            }\n        } else {\n            listItem = null;\n        }\n        // Outdenting such a list should restore values based on `List item 4`.\n        // ■ List item 1.[]\n        //     ○ List item 2.\n        //     ○ List item 3.\n        // ■ List item 4.\n        if (!listItem) {\n            listItem = changedItems[changedItems.length - 1].nextSibling;\n        }\n        // And such a list should not modify anything.\n        // However, `listItem` can indicate a node below the list. Be sure that we have the `listItem` element.\n        // ■ List item 1.[]\n        //     ○ List item 2.\n        //     ○ List item 3.\n        // <paragraph>The later if check.</paragraph>\n        if (!listItem || !listItem.is('element', 'listItem')) {\n            return;\n        }\n        // Do not modify the list if found `listItem` represents other type of list than outdented list items.\n        if (listItem.getAttribute('listType') !== listType) {\n            return;\n        }\n        editor.model.change((writer)=>{\n            const itemsToUpdate = changedItems.filter((item)=>item.getAttribute('listIndent') === indent);\n            for (const item of itemsToUpdate){\n                for (const strategy of attributeStrategies){\n                    if (strategy.appliesToListItem(item)) {\n                        const attributeName = strategy.attributeName;\n                        const valueToSet = listItem.getAttribute(attributeName);\n                        writer.setAttribute(attributeName, valueToSet, item);\n                    }\n                }\n            }\n        });\n    };\n}\n/**\n * Each `listItem` element must have specified the `listStyle`, `listReversed` and `listStart` attributes\n * if they are enabled and supported by its `listType`.\n * This post-fixer checks whether inserted elements `listItem` elements should inherit the attribute values from\n * their sibling nodes or should use the default values.\n *\n * Paragraph[]\n * ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 2. // ...\n * ■ List item 3. // ...\n *\n * editor.execute( 'bulletedList' )\n *\n * ■ Paragraph[]  // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 2.\n * ■ List item 3.\n *\n * It also covers a such change:\n *\n * [Paragraph 1\n * Paragraph 2]\n * ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 2. // ...\n * ■ List item 3. // ...\n *\n * editor.execute( 'numberedList' )\n *\n * 1. [Paragraph 1 // [listStyle=\"default\", listType=\"numbered\"]\n * 2. Paragraph 2] // [listStyle=\"default\", listType=\"numbered\"]\n * ■ List item 1.  // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 2.  // ...\n * ■ List item 3.  // ...\n */ function fixListAttributesOnListItemElements(editor, attributeStrategies) {\n    return (writer)=>{\n        let wasFixed = false;\n        const insertedListItems = getChangedListItems(editor.model.document.differ.getChanges()).filter((item)=>{\n            // Don't touch todo lists. They are handled in another post-fixer.\n            return item.getAttribute('listType') !== 'todo';\n        });\n        if (!insertedListItems.length) {\n            return wasFixed;\n        }\n        // Check whether the last inserted element is next to the `listItem` element.\n        //\n        // ■ Paragraph[]  // <-- The inserted item.\n        // ■ List item 1.\n        let existingListItem = insertedListItems[insertedListItems.length - 1].nextSibling;\n        // If it doesn't, maybe the `listItem` was inserted at the end of the list.\n        //\n        // ■ List item 1.\n        // ■ Paragraph[]  // <-- The inserted item.\n        if (!existingListItem || !existingListItem.is('element', 'listItem')) {\n            existingListItem = insertedListItems[0].previousSibling;\n            if (existingListItem) {\n                const indent = insertedListItems[0].getAttribute('listIndent');\n                // But we need to find a `listItem` with the `listIndent=0` attribute.\n                // If doesn't, maybe the `listItem` was inserted at the end of the list.\n                //\n                // ■ List item 1.\n                //     ○ List item 2.\n                // ■ Paragraph[]  // <-- The inserted item.\n                while(existingListItem.is('element', 'listItem') && existingListItem.getAttribute('listIndent') !== indent){\n                    existingListItem = existingListItem.previousSibling;\n                    // If the item does not exist, most probably there is no other content in the editor. See: #8072.\n                    if (!existingListItem) {\n                        break;\n                    }\n                }\n            }\n        }\n        for (const strategy of attributeStrategies){\n            const attributeName = strategy.attributeName;\n            for (const item of insertedListItems){\n                if (!strategy.appliesToListItem(item)) {\n                    writer.removeAttribute(attributeName, item);\n                    continue;\n                }\n                if (!item.hasAttribute(attributeName)) {\n                    if (shouldInheritListType(existingListItem, item, strategy)) {\n                        writer.setAttribute(attributeName, existingListItem.getAttribute(attributeName), item);\n                    } else {\n                        writer.setAttribute(attributeName, strategy.defaultValue, item);\n                    }\n                    wasFixed = true;\n                } else {\n                    // Adjust the `listStyle`, `listReversed` and `listStart`\n                    // attributes for inserted (pasted) items. See #8160.\n                    //\n                    // ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n                    //     ○ List item 1.1. // [listStyle=\"circle\", listType=\"bulleted\"]\n                    //     ○ [] (selection is here)\n                    //\n                    // Then, pasting a list with different attributes (listStyle, listType):\n                    //\n                    // 1. First. // [listStyle=\"decimal\", listType=\"numbered\"]\n                    // 2. Second // [listStyle=\"decimal\", listType=\"numbered\"]\n                    //\n                    // The `listType` attribute will be corrected by the `ListEditing` converters.\n                    // We need to adjust the `listStyle` attribute. Expected structure:\n                    //\n                    // ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n                    //     ○ List item 1.1. // [listStyle=\"circle\", listType=\"bulleted\"]\n                    //     ○ First. // [listStyle=\"circle\", listType=\"bulleted\"]\n                    //     ○ Second // [listStyle=\"circle\", listType=\"bulleted\"]\n                    const previousSibling = item.previousSibling;\n                    if (shouldInheritListTypeFromPreviousItem(previousSibling, item, strategy.attributeName)) {\n                        writer.setAttribute(attributeName, previousSibling.getAttribute(attributeName), item);\n                        wasFixed = true;\n                    }\n                }\n            }\n        }\n        return wasFixed;\n    };\n}\n/**\n * Checks whether the `listStyle`, `listReversed` and `listStart` attributes\n * should be copied from the `baseItem` element.\n *\n * The attribute should be copied if the inserted element does not have defined it and\n * the value for the element is other than default in the base element.\n */ function shouldInheritListType(baseItem, itemToChange, attributeStrategy) {\n    if (!baseItem) {\n        return false;\n    }\n    const baseListAttribute = baseItem.getAttribute(attributeStrategy.attributeName);\n    if (!baseListAttribute) {\n        return false;\n    }\n    if (baseListAttribute == attributeStrategy.defaultValue) {\n        return false;\n    }\n    if (baseItem.getAttribute('listType') !== itemToChange.getAttribute('listType')) {\n        return false;\n    }\n    return true;\n}\n/**\n * Checks whether the `listStyle`, `listReversed` and `listStart` attributes\n * should be copied from previous list item.\n *\n * The attribute should be copied if there's a mismatch of styles of the pasted list into a nested list.\n * Top-level lists are not normalized as we allow side-by-side list of different types.\n */ function shouldInheritListTypeFromPreviousItem(previousItem, itemToChange, attributeName) {\n    if (!previousItem || !previousItem.is('element', 'listItem')) {\n        return false;\n    }\n    if (itemToChange.getAttribute('listType') !== previousItem.getAttribute('listType')) {\n        return false;\n    }\n    const previousItemIndent = previousItem.getAttribute('listIndent');\n    if (previousItemIndent < 1 || previousItemIndent !== itemToChange.getAttribute('listIndent')) {\n        return false;\n    }\n    const previousItemListAttribute = previousItem.getAttribute(attributeName);\n    if (!previousItemListAttribute || previousItemListAttribute === itemToChange.getAttribute(attributeName)) {\n        return false;\n    }\n    return true;\n}\n/**\n * Removes the `listStyle`, `listReversed` and `listStart` attributes from \"todo\" list items.\n */ function removeListItemAttributesFromTodoList(editor) {\n    return (writer)=>{\n        const todoListItems = getChangedListItems(editor.model.document.differ.getChanges()).filter((item)=>{\n            // Handle the todo lists only. The rest is handled in another post-fixer.\n            return item.getAttribute('listType') === 'todo' && (item.hasAttribute('listStyle') || item.hasAttribute('listReversed') || item.hasAttribute('listStart'));\n        });\n        if (!todoListItems.length) {\n            return false;\n        }\n        for (const item of todoListItems){\n            writer.removeAttribute('listStyle', item);\n            writer.removeAttribute('listReversed', item);\n            writer.removeAttribute('listStart', item);\n        }\n        return true;\n    };\n}\n/**\n * Restores the `listStyle` attribute after changing the list type.\n */ function restoreDefaultListStyle(editor) {\n    return (evt, changedItems)=>{\n        changedItems = changedItems.filter((item)=>item.is('element', 'listItem'));\n        editor.model.change((writer)=>{\n            for (const item of changedItems){\n                // Remove the attribute. Post-fixer will restore the proper value.\n                writer.removeAttribute('listStyle', item);\n            }\n        });\n    };\n}\n/**\n * Returns the `listItem` that was inserted or changed.\n *\n * @param changes The changes list returned by the differ.\n */ function getChangedListItems(changes) {\n    const items = [];\n    for (const change of changes){\n        const item = getItemFromChange(change);\n        if (item && item.is('element', 'listItem')) {\n            items.push(item);\n        }\n    }\n    return items;\n}\nfunction getItemFromChange(change) {\n    if (change.type === 'attribute') {\n        return change.range.start.nodeAfter;\n    }\n    if (change.type === 'insert') {\n        return change.position.nodeAfter;\n    }\n    return null;\n}\n\n/**\n * The legacy list properties feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/legacylistproperties/legacylistpropertiesediting~LegacyListPropertiesEditing\n * legacy list properties editing feature} and the\n * {@link module:list/listproperties/listpropertiesui~ListPropertiesUI list properties UI feature}.\n */ class LegacyListProperties extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            LegacyListPropertiesEditing,\n            ListPropertiesUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LegacyListProperties';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nconst attributeKey = 'todoListChecked';\n/**\n * The check to-do command.\n *\n * The command is registered by the {@link module:list/legacytodolist/legacytodolistediting~LegacyTodoListEditing} as\n * the `checkTodoList` editor command and it is also available via aliased `todoListCheck` name.\n */ class LegacyCheckTodoListCommand extends Command {\n    /**\n\t * A list of to-do list items selected by the {@link module:engine/model/selection~ModelSelection}.\n\t *\n\t * @internal\n\t */ _selectedElements;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._selectedElements = [];\n        // Refresh command before executing to be sure all values are up to date.\n        // It is needed when selection has changed before command execution, in the same change block.\n        this.on('execute', ()=>{\n            this.refresh();\n        }, {\n            priority: 'highest'\n        });\n    }\n    /**\n\t * Updates the command's {@link #value} and {@link #isEnabled} properties based on the current selection.\n\t */ refresh() {\n        this._selectedElements = this._getSelectedItems();\n        this.value = this._selectedElements.every((element)=>!!element.getAttribute(attributeKey));\n        this.isEnabled = !!this._selectedElements.length;\n    }\n    /**\n\t * Gets all to-do list items selected by the {@link module:engine/model/selection~ModelSelection}.\n\t */ _getSelectedItems() {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selectionRange = model.document.selection.getFirstRange();\n        const startElement = selectionRange.start.parent;\n        const elements = [];\n        if (schema.checkAttribute(startElement, attributeKey)) {\n            elements.push(startElement);\n        }\n        for (const item of selectionRange.getItems()){\n            if (schema.checkAttribute(item, attributeKey) && !elements.includes(item)) {\n                elements.push(item);\n            }\n        }\n        return elements;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply\n\t * the attribute. Otherwise, the command will remove the attribute. If not set, the command will look for its current\n\t * value to decide what it should do.\n\t */ execute(options = {}) {\n        this.editor.model.change((writer)=>{\n            for (const element of this._selectedElements){\n                const value = options.forceValue === undefined ? !this.value : options.forceValue;\n                if (value) {\n                    writer.setAttribute(attributeKey, true, element);\n                } else {\n                    writer.removeAttribute(attributeKey, element);\n                }\n            }\n        });\n    }\n}\n\n/**\n * A model-to-view converter for the `listItem` model element insertion.\n *\n * It converts the `listItem` model element to an unordered list with a {@link module:engine/view/uielement~ViewUIElement checkbox element}\n * at the beginning of each list item. It also merges the list with surrounding lists (if available).\n *\n * It is used by {@link module:engine/controller/editingcontroller~EditingController}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert\n * @param model Model instance.\n * @param onCheckboxChecked Callback function.\n * @returns Returns a conversion callback.\n */ function modelViewInsertion(model, onCheckboxChecked) {\n    return (evt, data, conversionApi)=>{\n        const consumable = conversionApi.consumable;\n        if (!consumable.test(data.item, 'insert') || !consumable.test(data.item, 'attribute:listType') || !consumable.test(data.item, 'attribute:listIndent')) {\n            return;\n        }\n        if (data.item.getAttribute('listType') != 'todo') {\n            return;\n        }\n        const modelItem = data.item;\n        consumable.consume(modelItem, 'insert');\n        consumable.consume(modelItem, 'attribute:listType');\n        consumable.consume(modelItem, 'attribute:listIndent');\n        consumable.consume(modelItem, 'attribute:todoListChecked');\n        const viewWriter = conversionApi.writer;\n        const viewItem = generateLiInUl(modelItem, conversionApi);\n        const isChecked = !!modelItem.getAttribute('todoListChecked');\n        const checkmarkElement = createCheckmarkElement(modelItem, viewWriter, isChecked, onCheckboxChecked);\n        const span = viewWriter.createContainerElement('span', {\n            class: 'todo-list__label__description'\n        });\n        viewWriter.addClass('todo-list', viewItem.parent);\n        viewWriter.insert(viewWriter.createPositionAt(viewItem, 0), checkmarkElement);\n        viewWriter.insert(viewWriter.createPositionAfter(checkmarkElement), span);\n        injectViewList(modelItem, viewItem, conversionApi, model);\n    };\n}\n/**\n * A model-to-view converter for the `listItem` model element insertion.\n *\n * It is used by {@link module:engine/controller/datacontroller~DataController}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert\n * @param model Model instance.\n * @returns Returns a conversion callback.\n */ function dataModelViewInsertion(model) {\n    return (evt, data, conversionApi)=>{\n        const consumable = conversionApi.consumable;\n        if (!consumable.test(data.item, 'insert') || !consumable.test(data.item, 'attribute:listType') || !consumable.test(data.item, 'attribute:listIndent')) {\n            return;\n        }\n        if (data.item.getAttribute('listType') != 'todo') {\n            return;\n        }\n        const modelItem = data.item;\n        consumable.consume(modelItem, 'insert');\n        consumable.consume(modelItem, 'attribute:listType');\n        consumable.consume(modelItem, 'attribute:listIndent');\n        consumable.consume(modelItem, 'attribute:todoListChecked');\n        const viewWriter = conversionApi.writer;\n        const viewItem = generateLiInUl(modelItem, conversionApi);\n        viewWriter.addClass('todo-list', viewItem.parent);\n        const label = viewWriter.createContainerElement('label', {\n            class: 'todo-list__label'\n        });\n        const checkbox = viewWriter.createEmptyElement('input', {\n            type: 'checkbox',\n            disabled: 'disabled'\n        });\n        const span = viewWriter.createContainerElement('span', {\n            class: 'todo-list__label__description'\n        });\n        if (modelItem.getAttribute('todoListChecked')) {\n            viewWriter.setAttribute('checked', 'checked', checkbox);\n        }\n        viewWriter.insert(viewWriter.createPositionAt(viewItem, 0), label);\n        viewWriter.insert(viewWriter.createPositionAt(label, 0), checkbox);\n        viewWriter.insert(viewWriter.createPositionAfter(checkbox), span);\n        injectViewList(modelItem, viewItem, conversionApi, model);\n    };\n}\n/**\n * A view-to-model converter for the checkbox element inside a view list item.\n *\n * It changes the `listType` of the model `listItem` to a `todo` value.\n * When a view checkbox element is marked as checked, an additional `todoListChecked=\"true\"` attribute is added to the model item.\n *\n * It is used by {@link module:engine/controller/datacontroller~DataController}.\n *\n * @internal\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n */ const dataViewModelCheckmarkInsertion = (evt, data, conversionApi)=>{\n    const modelCursor = data.modelCursor;\n    const modelItem = modelCursor.parent;\n    const viewItem = data.viewItem;\n    if (viewItem.getAttribute('type') != 'checkbox' || modelItem.name != 'listItem' || !modelCursor.isAtStart) {\n        return;\n    }\n    if (!conversionApi.consumable.consume(viewItem, {\n        name: true\n    })) {\n        return;\n    }\n    const writer = conversionApi.writer;\n    writer.setAttribute('listType', 'todo', modelItem);\n    if (data.viewItem.hasAttribute('checked')) {\n        writer.setAttribute('todoListChecked', true, modelItem);\n    }\n    data.modelRange = writer.createRange(modelCursor);\n};\n/**\n * A model-to-view converter for the `listType` attribute change on the `listItem` model element.\n *\n * This change means that the `<li>` element parent changes to `<ul class=\"todo-list\">` and a\n * {@link module:engine/view/uielement~ViewUIElement checkbox UI element} is added at the beginning\n * of the list item element (or vice versa).\n *\n * This converter is preceded by {@link module:list/legacylist/legacyconverters~modelViewChangeType} and followed by\n * {@link module:list/legacylist/legacyconverters~modelViewMergeAfterChangeType} to handle splitting and merging surrounding lists\n * of the same type.\n *\n * It is used by {@link module:engine/controller/editingcontroller~EditingController}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n * @param onCheckedChange Callback fired after clicking the checkbox UI element.\n * @param view Editing view controller.\n * @returns Returns a conversion callback.\n */ function modelViewChangeType(onCheckedChange, view) {\n    return (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.consume(data.item, evt.name)) {\n            return;\n        }\n        const viewItem = conversionApi.mapper.toViewElement(data.item);\n        const viewWriter = conversionApi.writer;\n        const labelElement = findLabel(viewItem, view);\n        if (data.attributeNewValue == 'todo') {\n            const isChecked = !!data.item.getAttribute('todoListChecked');\n            const checkmarkElement = createCheckmarkElement(data.item, viewWriter, isChecked, onCheckedChange);\n            const span = viewWriter.createContainerElement('span', {\n                class: 'todo-list__label__description'\n            });\n            const itemRange = viewWriter.createRangeIn(viewItem);\n            const nestedList = findNestedList(viewItem);\n            const descriptionStart = positionAfterUiElements(itemRange.start);\n            const descriptionEnd = nestedList ? viewWriter.createPositionBefore(nestedList) : itemRange.end;\n            const descriptionRange = viewWriter.createRange(descriptionStart, descriptionEnd);\n            viewWriter.addClass('todo-list', viewItem.parent);\n            viewWriter.move(descriptionRange, viewWriter.createPositionAt(span, 0));\n            viewWriter.insert(viewWriter.createPositionAt(viewItem, 0), checkmarkElement);\n            viewWriter.insert(viewWriter.createPositionAfter(checkmarkElement), span);\n        } else if (data.attributeOldValue == 'todo') {\n            const descriptionSpan = findDescription(viewItem, view);\n            viewWriter.removeClass('todo-list', viewItem.parent);\n            viewWriter.remove(labelElement);\n            viewWriter.move(viewWriter.createRangeIn(descriptionSpan), viewWriter.createPositionBefore(descriptionSpan));\n            viewWriter.remove(descriptionSpan);\n        }\n    };\n}\n/**\n * A model-to-view converter for the `todoListChecked` attribute change on the `listItem` model element.\n *\n * It marks the {@link module:engine/view/uielement~ViewUIElement checkbox UI element} as checked.\n *\n * It is used by {@link module:engine/controller/editingcontroller~EditingController}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n * @param onCheckedChange Callback fired after clicking the checkbox UI element.\n * @returns Returns a conversion callback.\n */ function modelViewChangeChecked(onCheckedChange) {\n    return (evt, data, conversionApi)=>{\n        // Do not convert `todoListChecked` attribute when to-do list item has changed to other list item.\n        // This attribute will be removed by the model post fixer.\n        if (data.item.getAttribute('listType') != 'todo') {\n            return;\n        }\n        if (!conversionApi.consumable.consume(data.item, 'attribute:todoListChecked')) {\n            return;\n        }\n        const { mapper, writer: viewWriter } = conversionApi;\n        const isChecked = !!data.item.getAttribute('todoListChecked');\n        const viewItem = mapper.toViewElement(data.item);\n        // Because of m -> v position mapper we can be sure checkbox is always at the beginning.\n        const oldCheckmarkElement = viewItem.getChild(0);\n        const newCheckmarkElement = createCheckmarkElement(data.item, viewWriter, isChecked, onCheckedChange);\n        viewWriter.insert(viewWriter.createPositionAfter(oldCheckmarkElement), newCheckmarkElement);\n        viewWriter.remove(oldCheckmarkElement);\n    };\n}\n/**\n * A model-to-view position at zero offset mapper.\n *\n * This helper ensures that position inside todo-list in the view is mapped after the checkbox.\n *\n * It only handles the position at the beginning of a list item as other positions are properly mapped be the default mapper.\n *\n * @internal\n */ function mapModelToViewPosition(view) {\n    return (evt, data)=>{\n        const modelPosition = data.modelPosition;\n        const parent = modelPosition.parent;\n        if (!parent.is('element', 'listItem') || parent.getAttribute('listType') != 'todo') {\n            return;\n        }\n        const viewLi = data.mapper.toViewElement(parent);\n        const descSpan = findDescription(viewLi, view);\n        if (descSpan) {\n            data.viewPosition = data.mapper.findPositionIn(descSpan, modelPosition.offset);\n        }\n    };\n}\n/**\n * Creates a checkbox UI element.\n */ function createCheckmarkElement(modelItem, viewWriter, isChecked, onChange) {\n    const uiElement = viewWriter.createUIElement('label', {\n        class: 'todo-list__label',\n        contenteditable: false\n    }, function(domDocument) {\n        const checkbox = createElement(document, 'input', {\n            type: 'checkbox',\n            tabindex: '-1'\n        });\n        if (isChecked) {\n            checkbox.setAttribute('checked', 'checked');\n        }\n        checkbox.addEventListener('change', ()=>onChange(modelItem));\n        const domElement = this.toDomElement(domDocument);\n        domElement.appendChild(checkbox);\n        return domElement;\n    });\n    return uiElement;\n}\n// Helper method to find label element inside li.\nfunction findLabel(viewItem, view) {\n    const range = view.createRangeIn(viewItem);\n    for (const value of range){\n        if (value.item.is('uiElement', 'label')) {\n            return value.item;\n        }\n    }\n}\nfunction findDescription(viewItem, view) {\n    const range = view.createRangeIn(viewItem);\n    for (const value of range){\n        if (value.item.is('containerElement', 'span') && value.item.hasClass('todo-list__label__description')) {\n            return value.item;\n        }\n    }\n}\n\nconst ITEM_TOGGLE_KEYSTROKE = /* #__PURE__ */ parseKeystroke('Ctrl+Enter');\n/**\n * The engine of the to-do list feature. It handles creating, editing and removing to-do lists and their items.\n *\n * It registers the entire functionality of the {@link module:list/legacylist/legacylistediting~LegacyListEditing legacy list editing\n * plugin} and extends it with the commands:\n *\n * - `'todoList'`,\n * - `'checkTodoList'`,\n * - `'todoListCheck'` as an alias for `checkTodoList` command.\n */ class LegacyTodoListEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LegacyTodoListEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            LegacyListEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const { editing, data, model } = editor;\n        // Extend schema.\n        model.schema.extend('listItem', {\n            allowAttributes: [\n                'todoListChecked'\n            ]\n        });\n        // Disallow todoListChecked attribute on other nodes than listItem with to-do listType.\n        model.schema.addAttributeCheck((context, attributeName)=>{\n            const item = context.last;\n            if (attributeName == 'todoListChecked' && item.name == 'listItem' && item.getAttribute('listType') != 'todo') {\n                return false;\n            }\n        });\n        // Register `todoList` command.\n        editor.commands.add('todoList', new LegacyListCommand(editor, 'todo'));\n        const checkTodoListCommand = new LegacyCheckTodoListCommand(editor);\n        // Register `checkTodoList` command and add `todoListCheck` command as an alias for backward compatibility.\n        editor.commands.add('checkTodoList', checkTodoListCommand);\n        editor.commands.add('todoListCheck', checkTodoListCommand);\n        // Define converters.\n        data.downcastDispatcher.on('insert:listItem', dataModelViewInsertion(model), {\n            priority: 'high'\n        });\n        data.upcastDispatcher.on('element:input', dataViewModelCheckmarkInsertion, {\n            priority: 'high'\n        });\n        editing.downcastDispatcher.on('insert:listItem', modelViewInsertion(model, (listItem)=>this._handleCheckmarkChange(listItem)), {\n            priority: 'high'\n        });\n        editing.downcastDispatcher.on('attribute:listType:listItem', modelViewChangeType((listItem)=>this._handleCheckmarkChange(listItem), editing.view));\n        editing.downcastDispatcher.on('attribute:todoListChecked:listItem', modelViewChangeChecked((listItem)=>this._handleCheckmarkChange(listItem)));\n        editing.mapper.on('modelToViewPosition', mapModelToViewPosition(editing.view));\n        data.mapper.on('modelToViewPosition', mapModelToViewPosition(editing.view));\n        // Jump at the end of the previous node on left arrow key press, when selection is after the checkbox.\n        //\n        // <blockquote><p>Foo</p></blockquote>\n        // <ul><li><checkbox/>{}Bar</li></ul>\n        //\n        // press: `<-`\n        //\n        // <blockquote><p>Foo{}</p></blockquote>\n        // <ul><li><checkbox/>Bar</li></ul>\n        //\n        this.listenTo(editing.view.document, 'arrowKey', jumpOverCheckmarkOnSideArrowKeyPress(model, editor.locale), {\n            context: 'li'\n        });\n        // Toggle check state of selected to-do list items on keystroke.\n        this.listenTo(editing.view.document, 'keydown', (evt, data)=>{\n            if (getCode(data) === ITEM_TOGGLE_KEYSTROKE) {\n                editor.execute('checkTodoList');\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        // Remove `todoListChecked` attribute when a host element is no longer a to-do list item.\n        const listItemsToFix = new Set();\n        this.listenTo(model, 'applyOperation', (evt, args)=>{\n            const operation = args[0];\n            if (operation.type == 'rename' && operation.oldName == 'listItem') {\n                const item = operation.position.nodeAfter;\n                if (item.hasAttribute('todoListChecked')) {\n                    listItemsToFix.add(item);\n                }\n            } else if (operation.type == 'changeAttribute' && operation.key == 'listType' && operation.oldValue === 'todo') {\n                for (const item of operation.range.getItems()){\n                    if (item.hasAttribute('todoListChecked') && item.getAttribute('listType') !== 'todo') {\n                        listItemsToFix.add(item);\n                    }\n                }\n            }\n        });\n        model.document.registerPostFixer((writer)=>{\n            let hasChanged = false;\n            for (const listItem of listItemsToFix){\n                writer.removeAttribute('todoListChecked', listItem);\n                hasChanged = true;\n            }\n            listItemsToFix.clear();\n            return hasChanged;\n        });\n        this._initAriaAnnouncements();\n    }\n    /**\n\t * Handles the checkbox element change, moves the selection to the corresponding model item to make it possible\n\t * to toggle the `todoListChecked` attribute using the command, and restores the selection position.\n\t *\n\t * Some say it's a hack :) Moving the selection only for executing the command on a certain node and restoring it after,\n\t * is not a clear solution. We need to design an API for using commands beyond the selection range.\n\t * See https://github.com/ckeditor/ckeditor5/issues/1954.\n\t */ _handleCheckmarkChange(listItem) {\n        const editor = this.editor;\n        const model = editor.model;\n        const previousSelectionRanges = Array.from(model.document.selection.getRanges());\n        model.change((writer)=>{\n            writer.setSelection(listItem, 'end');\n            editor.execute('checkTodoList');\n            writer.setSelection(previousSelectionRanges);\n        });\n    }\n    /**\n\t * Observe when user enters or leaves todo list and set proper aria value in global live announcer.\n\t * This allows screen readers to indicate when the user has entered and left the specified todo list.\n\t *\n\t * @internal\n\t */ _initAriaAnnouncements() {\n        const { model, ui, t } = this.editor;\n        let lastFocusedCodeBlock = null;\n        if (!ui) {\n            return;\n        }\n        model.document.selection.on('change:range', ()=>{\n            const focusParent = model.document.selection.focus.parent;\n            const lastElementIsTodoList = isLegacyTodoListItemElement(lastFocusedCodeBlock);\n            const currentElementIsTodoList = isLegacyTodoListItemElement(focusParent);\n            if (lastElementIsTodoList && !currentElementIsTodoList) {\n                ui.ariaLiveAnnouncer.announce(t('Leaving a to-do list'));\n            } else if (!lastElementIsTodoList && currentElementIsTodoList) {\n                ui.ariaLiveAnnouncer.announce(t('Entering a to-do list'));\n            }\n            lastFocusedCodeBlock = focusParent;\n        });\n    }\n}\n/**\n * Handles the left/right (LTR/RTL content) arrow key and moves the selection at the end of the previous block element\n * if the selection is just after the checkbox element. In other words, it jumps over the checkbox element when\n * moving the selection to the left/right (LTR/RTL).\n *\n * @returns Callback for 'keydown' events.\n */ function jumpOverCheckmarkOnSideArrowKeyPress(model, locale) {\n    return (eventInfo, domEventData)=>{\n        const direction = getLocalizedArrowKeyCodeDirection(domEventData.keyCode, locale.contentLanguageDirection);\n        if (direction != 'left') {\n            return;\n        }\n        const schema = model.schema;\n        const selection = model.document.selection;\n        if (!selection.isCollapsed) {\n            return;\n        }\n        const position = selection.getFirstPosition();\n        const parent = position.parent;\n        if (parent.name === 'listItem' && parent.getAttribute('listType') == 'todo' && position.isAtStart) {\n            const newRange = schema.getNearestSelectionRange(model.createPositionBefore(parent), 'backward');\n            if (newRange) {\n                model.change((writer)=>writer.setSelection(newRange));\n            }\n            domEventData.preventDefault();\n            domEventData.stopPropagation();\n            eventInfo.stop();\n        }\n    };\n}\n/**\n * Returns true if the given element is a list item model element of a to-do list.\n */ function isLegacyTodoListItemElement(element) {\n    return !!element && element.is('element', 'listItem') && element.getAttribute('listType') === 'todo';\n}\n\n/**\n * The legacy to-do list feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/legacytodolist/legacytodolistediting~LegacyTodoListEditing legacy to-do list\n * editing feature} and the {@link module:list/todolist/todolistui~TodoListUI to-do list UI feature}.\n */ class LegacyTodoList extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            LegacyTodoListEditing,\n            TodoListUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LegacyTodoList';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nclass AdjacentListsSupport extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'AdjacentListsSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        model.schema.register('listSeparator', {\n            allowWhere: '$block',\n            isBlock: true\n        });\n        editor.conversion.for('upcast')// Add a list separator element between similar list elements on upcast.\n        .add((dispatcher)=>{\n            dispatcher.on('element:ol', listSeparatorUpcastConverter());\n            dispatcher.on('element:ul', listSeparatorUpcastConverter());\n        })// View-to-model transformation.\n        .elementToElement({\n            model: 'listSeparator',\n            view: 'ck-list-separator'\n        });\n        // The list separator element should exist in the view, but should be invisible (hidden).\n        editor.conversion.for('editingDowncast').elementToElement({\n            model: 'listSeparator',\n            view: {\n                name: 'div',\n                classes: [\n                    'ck-list-separator',\n                    'ck-hidden'\n                ]\n            }\n        });\n        // The list separator element should not exist in the output data.\n        editor.conversion.for('dataDowncast').elementToElement({\n            model: 'listSeparator',\n            view: (modelElement, conversionApi)=>{\n                const viewElement = conversionApi.writer.createContainerElement('ck-list-separator');\n                conversionApi.writer.setCustomProperty('dataPipeline:transparentRendering', true, viewElement);\n                viewElement.getFillerOffset = ()=>null;\n                return viewElement;\n            }\n        });\n    }\n}\n/**\n * Inserts a list separator element between two lists of the same type (`ol` + `ol` or `ul` + `ul`).\n */ function listSeparatorUpcastConverter() {\n    return (evt, data, conversionApi)=>{\n        const element = data.viewItem;\n        const nextSibling = element.nextSibling;\n        if (!nextSibling) {\n            return;\n        }\n        if (element.name !== nextSibling.name) {\n            return;\n        }\n        if (!data.modelRange) {\n            Object.assign(data, conversionApi.convertChildren(data.viewItem, data.modelCursor));\n        }\n        const writer = conversionApi.writer;\n        const modelElement = writer.createElement('listSeparator');\n        // Try to insert a list separator element on the current model cursor position.\n        if (!conversionApi.safeInsert(modelElement, data.modelCursor)) {\n            return;\n        }\n        const parts = conversionApi.getSplitParts(modelElement);\n        // Extend the model range with the range of the created list separator element.\n        data.modelRange = writer.createRange(data.modelRange.start, writer.createPositionAfter(parts[parts.length - 1]));\n        conversionApi.updateConversionResult(modelElement, data);\n    };\n}\n\nexport { AdjacentListsSupport, CheckTodoListCommand, LegacyCheckTodoListCommand, LegacyIndentCommand, LegacyList, LegacyListCommand, LegacyListEditing, LegacyListProperties, LegacyListPropertiesEditing, LegacyListReversedCommand, LegacyListStartCommand, LegacyListStyleCommand, LegacyListUtils, LegacyTodoList, LegacyTodoListEditing, List, ListCommand, ListEditing, ListFormatting, ListIndentCommand, ListItemBoldIntegration, ListItemFontColorIntegration, ListItemFontFamilyIntegration, ListItemFontSizeIntegration, ListItemItalicIntegration, ListMergeCommand, ListProperties, ListPropertiesEditing, ListPropertiesUI, ListPropertiesUtils, ListReversedCommand, ListSplitCommand, ListStartCommand, ListStyleCommand, ListUI, ListUtils, TodoList, TodoListEditing, TodoListUI, ListBlocksIterable as _ListBlocksIterable, ListPropertiesView as _ListPropertiesView, ListWalker as _ListWalker, SiblingListBlocksIterator as _SiblingListBlocksIterator, TodoCheckboxChangeObserver as _TodoCheckboxChangeObserver, canBecomeSimpleListItem as _canBecomeSimpleListItem, createListElement as _createListElement, createListItemElement as _createListItemElement, createUIComponents as _createListUIComponents, createModelToViewPositionMapper as _createModelToViewListPositionMapper, expandListBlocksToCompleteItems as _expandListBlocksToCompleteItems, expandListBlocksToCompleteList as _expandListBlocksToCompleteList, findAndAddListHeadToMap as _findAndAddListHeadToMap, findMappedViewElement as _findMappedListItemViewElement, fixListIndents as _fixListIndents, fixListItemIds as _fixListItemIds, getAllListItemBlocks as _getAllListItemBlocks, getAllSupportedStyleTypes as _getAllSupportedListStyleTypes, getIndent$1 as _getListIndent, getListItemBlocks as _getListItemBlocks, getListItems as _getListItems, getListStyleTypeFromTypeAttribute as _getListStyleTypeFromTypeAttribute, getListTypeFromListStyleType$1 as _getListTypeFromListStyleType, getNestedListBlocks as _getNestedListBlocks, getNormalizedConfig as _getNormalizedListConfig, getSelectedBlockObject as _getSelectedBlockObject, getTypeAttributeFromListStyleType as _getTypeAttributeFromListStyleType, getViewElementIdForListType as _getViewElementIdForListType, getViewElementNameForListType as _getViewElementNameForListType, indentBlocks as _indentListBlocks, isFirstBlockOfListItem as _isFirstBlockOfListItem, isLastBlockOfListItem as _isLastBlockOfListItem, isListItemBlock as _isListItemBlock, isListItemView as _isListItemView, isListView as _isListView, isNumberedListType as _isNumberedListType, isSingleListItem as _isSingleListItem, bogusParagraphCreator as _listItemBogusParagraphCreator, listItemDowncastConverter as _listItemDowncastConverter, listItemDowncastRemoveConverter as _listItemDowncastRemoveConverter, listItemUpcastConverter as _listItemUpcastConverter, listPropertiesUpcastConverter as _listPropertiesUpcastConverter, mergeListItemBefore as _mergeListItemBefore, normalizeListStyle as _normalizeListStyle, outdentFollowingItems as _outdentFollowingListItems, outdentBlocksWithMerge as _outdentListBlocksWithMerge, reconvertItemsOnDataChange as _reconvertListItemsOnDataChange, removeListAttributes as _removeListAttributes, sortBlocks as _sortListBlocks, splitListItemBefore as _splitListItemBefore };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/utils/listwalker\n */\n\nimport { first, toArray, type ArrayOrItem } from 'ckeditor5/src/utils.js';\nimport { isListItemBlock, type ListElement } from './model.js';\n\nimport type { ModelElement, ModelNode } from 'ckeditor5/src/engine.js';\n\n/**\n * Document list blocks iterator.\n *\n * @internal\n */\nexport class ListWalker {\n\t/**\n\t * The start list item block element.\n\t */\n\tprivate _startElement: ModelNode;\n\n\t/**\n\t * The reference indent. Initialized by the indent of the start block.\n\t */\n\tprivate _referenceIndent: number;\n\n\t/**\n\t * The iterating direction.\n\t */\n\tprivate _isForward: boolean;\n\n\t/**\n\t * Whether start block should be included in the result (if it's matching other criteria).\n\t */\n\tprivate _includeSelf: boolean;\n\n\t/**\n\t * Additional attributes that must be the same for each block.\n\t */\n\tprivate _sameAttributes: Array<string>;\n\n\t/**\n\t * Whether blocks with the same indent level as the start block should be included in the result.\n\t */\n\tprivate _sameIndent: boolean;\n\n\t/**\n\t * Whether blocks with a lower indent level than the start block should be included in the result.\n\t */\n\tprivate _lowerIndent: boolean;\n\n\t/**\n\t * Whether blocks with a higher indent level than the start block should be included in the result.\n\t */\n\tprivate _higherIndent: boolean;\n\n\t/**\n\t * Creates a document list iterator.\n\t *\n\t * @param startElement The start list item block element.\n\t * @param options.direction The iterating direction.\n\t * @param options.includeSelf Whether start block should be included in the result (if it's matching other criteria).\n\t * @param options.sameAttributes Additional attributes that must be the same for each block.\n\t * @param options.sameIndent Whether blocks with the same indent level as the start block should be included\n\t * in the result.\n\t * @param options.lowerIndent Whether blocks with a lower indent level than the start block should be included\n\t * in the result.\n\t * @param options.higherIndent Whether blocks with a higher indent level than the start block should be included\n\t * in the result.\n\t */\n\tconstructor(\n\t\tstartElement: ModelNode,\n\t\toptions: ListWalkerOptions\n\t) {\n\t\tthis._startElement = startElement;\n\t\tthis._referenceIndent = startElement.getAttribute( 'listIndent' ) as number;\n\t\tthis._isForward = options.direction == 'forward';\n\t\tthis._includeSelf = !!options.includeSelf;\n\t\tthis._sameAttributes = toArray( options.sameAttributes || [] );\n\t\tthis._sameIndent = !!options.sameIndent;\n\t\tthis._lowerIndent = !!options.lowerIndent;\n\t\tthis._higherIndent = !!options.higherIndent;\n\t}\n\n\t/**\n\t * Performs only first step of iteration and returns the result.\n\t *\n\t * @param startElement The start list item block element.\n\t * @param options.direction The iterating direction.\n\t * @param options.includeSelf Whether start block should be included in the result (if it's matching other criteria).\n\t * @param options.sameAttributes Additional attributes that must be the same for each block.\n\t * @param options.sameIndent Whether blocks with the same indent level as the start block should be included\n\t * in the result.\n\t * @param options.lowerIndent Whether blocks with a lower indent level than the start block should be included\n\t * in the result.\n\t * @param options.higherIndent Whether blocks with a higher indent level than the start block should be included\n\t * in the result.\n\t */\n\tpublic static first(\n\t\tstartElement: ModelNode,\n\t\toptions: ListWalkerOptions\n\t): ListElement | null {\n\t\tconst walker = new this( startElement, options );\n\t\tconst iterator = walker[ Symbol.iterator ]();\n\n\t\treturn first( iterator );\n\t}\n\n\t/**\n\t * Iterable interface.\n\t */\n\tpublic* [ Symbol.iterator ](): Iterator<ListElement> {\n\t\tconst nestedItems: Array<ListElement> = [];\n\n\t\tfor ( const { node } of new SiblingListBlocksIterator( this._getStartNode(), this._isForward ? 'forward' : 'backward' ) ) {\n\t\t\tconst indent = node.getAttribute( 'listIndent' );\n\n\t\t\t// Leaving a nested list.\n\t\t\tif ( indent < this._referenceIndent ) {\n\t\t\t\t// Abort searching blocks.\n\t\t\t\tif ( !this._lowerIndent ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\t// While searching for lower indents, update the reference indent to find another parent in the next step.\n\t\t\t\tthis._referenceIndent = indent;\n\t\t\t}\n\t\t\t// Entering a nested list.\n\t\t\telse if ( indent > this._referenceIndent ) {\n\t\t\t\t// Ignore nested blocks.\n\t\t\t\tif ( !this._higherIndent ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Collect nested blocks to verify if they are really nested, or it's a different item.\n\t\t\t\tif ( !this._isForward ) {\n\t\t\t\t\tnestedItems.push( node );\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Same indent level block.\n\t\t\telse {\n\t\t\t\t// Ignore same indent block.\n\t\t\t\tif ( !this._sameIndent ) {\n\t\t\t\t\t// While looking for nested blocks, stop iterating while encountering first same indent block.\n\t\t\t\t\tif ( this._higherIndent ) {\n\t\t\t\t\t\t// No more nested blocks so yield nested items.\n\t\t\t\t\t\tif ( nestedItems.length ) {\n\t\t\t\t\t\t\tyield* nestedItems;\n\t\t\t\t\t\t\tnestedItems.length = 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Abort if item has any additionally specified attribute different.\n\t\t\t\tif ( this._sameAttributes.some( attr => node.getAttribute( attr ) !== this._startElement.getAttribute( attr ) ) ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// There is another block for the same list item so the nested items were in the same list item.\n\t\t\tif ( nestedItems.length ) {\n\t\t\t\tyield* nestedItems;\n\t\t\t\tnestedItems.length = 0;\n\t\t\t}\n\n\t\t\tyield node;\n\t\t}\n\t}\n\n\t/**\n\t * Returns the model element to start iterating.\n\t */\n\tprivate _getStartNode() {\n\t\tif ( this._includeSelf ) {\n\t\t\treturn this._startElement;\n\t\t}\n\n\t\treturn this._isForward ?\n\t\t\tthis._startElement.nextSibling :\n\t\t\tthis._startElement.previousSibling;\n\t}\n}\n\n/**\n * Iterates sibling list blocks starting from the given node.\n *\n * @internal\n */\nexport class SiblingListBlocksIterator implements IterableIterator<ListIteratorValue> {\n\tprivate _node: ModelNode | null;\n\tprivate _isForward: boolean;\n\tprivate _previousNodesByIndent: Array<ListElement> = [];\n\tprivate _previous: ListElement | null = null;\n\tprivate _previousNodeIndent: number | null = null;\n\n\t/**\n\t * @param node The model node.\n\t * @param direction Iteration direction.\n\t */\n\tconstructor(\n\t\tnode: ModelNode | null,\n\t\tdirection: 'forward' | 'backward' = 'forward'\n\t) {\n\t\tthis._node = node;\n\t\tthis._isForward = direction === 'forward';\n\t}\n\n\tpublic [ Symbol.iterator ](): IterableIterator<ListIteratorValue> {\n\t\treturn this;\n\t}\n\n\tpublic next(): IteratorResult<ListIteratorValue> {\n\t\tif ( !isListItemBlock( this._node ) ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\tconst nodeIndent = this._node.getAttribute( 'listIndent' );\n\t\tlet previousNodeInList: ListElement | null = null;\n\n\t\tif ( this._previous ) {\n\t\t\tconst previousNodeIndent = this._previousNodeIndent!;\n\n\t\t\t// Let's find previous node for the same indent.\n\t\t\t// We're going to need that when we get back to previous indent.\n\t\t\tif ( nodeIndent > previousNodeIndent ) {\n\t\t\t\tthis._previousNodesByIndent[ previousNodeIndent ] = this._previous;\n\t\t\t}\n\t\t\t// Restore the one for given indent.\n\t\t\telse if ( nodeIndent < previousNodeIndent ) {\n\t\t\t\tpreviousNodeInList = this._previousNodesByIndent[ nodeIndent ] || null;\n\t\t\t\tthis._previousNodesByIndent.length = nodeIndent;\n\t\t\t}\n\t\t\t// Same indent.\n\t\t\telse {\n\t\t\t\tpreviousNodeInList = this._previous;\n\t\t\t}\n\t\t}\n\n\t\tconst value = {\n\t\t\tnode: this._node,\n\t\t\tprevious: this._previous,\n\t\t\tpreviousNodeInList\n\t\t};\n\n\t\tthis._previous = this._node as ListElement;\n\t\tthis._previousNodeIndent = nodeIndent;\n\t\tthis._node = this._isForward ? this._node.nextSibling : this._node.previousSibling;\n\n\t\treturn { value, done: false };\n\t}\n}\n\n/**\n * The iterable protocol over the list elements.\n *\n * @internal\n */\nexport class ListBlocksIterable {\n\tprivate _listHead: ModelElement;\n\n\t/**\n\t * @param listHead The head element of a list.\n\t */\n\tconstructor( listHead: ModelElement ) {\n\t\tthis._listHead = listHead;\n\t}\n\n\t/**\n\t * List blocks iterator.\n\t *\n\t * Iterates over all blocks of a list.\n\t */\n\tpublic [ Symbol.iterator ](): Iterator<ListIteratorValue> {\n\t\treturn new SiblingListBlocksIterator( this._listHead );\n\t}\n}\n\n/**\n * Object returned by `SiblingListBlocksIterator` when traversing a list.\n *\n * @internal\n */\nexport interface ListIteratorValue {\n\n\t/**\n\t * The current list node.\n\t */\n\tnode: ListElement;\n\n\t/**\n\t * The previous list node.\n\t */\n\tprevious: ListElement | null;\n\n\t/**\n\t * The previous list node at the same indent as current node.\n\t */\n\tpreviousNodeInList: ListElement | null;\n}\n\n/**\n * Document list blocks iterator options.\n *\n * @internal\n */\nexport type ListWalkerOptions = {\n\tdirection?: 'forward' | 'backward';\n\tincludeSelf?: boolean;\n\tsameAttributes?: ArrayOrItem<string>;\n\tsameIndent?: boolean;\n\tlowerIndent?: boolean;\n\thigherIndent?: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/utils/model\n */\n\nimport type {\n\tModelDocumentFragment,\n\tModelElement,\n\tModel,\n\tModelNode,\n\tModelWriter,\n\tModelItem,\n\tModelSchema\n} from 'ckeditor5/src/engine.js';\n\nimport { uid, toArray, type ArrayOrItem } from 'ckeditor5/src/utils.js';\n\nimport { ListWalker, type ListWalkerOptions, SiblingListBlocksIterator } from './listwalker.js';\nimport { type ListType } from '../listediting.js';\n\n/**\n * The list item ID generator.\n *\n * @internal\n */\nexport class ListItemUid {\n\t/**\n\t * Returns the next ID.\n\t *\n\t * @internal\n\t */\n\t/* istanbul ignore next: static function definition -- @preserve */\n\tpublic static next(): string {\n\t\treturn uid();\n\t}\n}\n\n/**\n * An {@link module:engine/model/element~ModelElement} that is known to be a list element.\n *\n * @internal\n */\nexport interface ListElement extends ModelElement {\n\tgetAttribute( key: 'listItemId' ): string;\n\tgetAttribute( key: 'listIndent' ): number;\n\tgetAttribute( key: 'listType' ): ListType;\n\tgetAttribute( key: string ): unknown;\n}\n\n/**\n * Returns true if the given model node is a list item block.\n *\n * @internal\n */\nexport function isListItemBlock( node: ModelItem | ModelDocumentFragment | null ): node is ListElement {\n\treturn !!node && node.is( 'element' ) && node.hasAttribute( 'listItemId' );\n}\n\n/**\n * Returns an array with all elements that represents the same list item.\n *\n * It means that values for `listIndent`, and `listItemId` for all items are equal.\n *\n * @internal\n * @param listItem Starting list item element.\n * @param options.higherIndent Whether blocks with a higher indent level than the start block should be included\n * in the result.\n */\nexport function getAllListItemBlocks(\n\tlistItem: ModelNode,\n\toptions: {\n\t\thigherIndent?: boolean;\n\t} = {}\n): Array<ListElement> {\n\treturn [\n\t\t...getListItemBlocks( listItem, { ...options, direction: 'backward' } ),\n\t\t...getListItemBlocks( listItem, { ...options, direction: 'forward' } )\n\t];\n}\n\n/**\n * Returns an array with elements that represents the same list item in the specified direction.\n *\n * It means that values for `listIndent` and `listItemId` for all items are equal.\n *\n * **Note**: For backward search the provided item is not included, but for forward search it is included in the result.\n *\n * @internal\n * @param listItem Starting list item element.\n * @param options.direction Walking direction.\n * @param options.higherIndent Whether blocks with a higher indent level than the start block should be included in the result.\n */\nexport function getListItemBlocks(\n\tlistItem: ModelNode,\n\toptions: {\n\t\tdirection?: 'forward' | 'backward';\n\t\thigherIndent?: boolean;\n\t} = {}\n): Array<ListElement> {\n\tconst isForward = options.direction == 'forward';\n\n\tconst items = Array.from( new ListWalker( listItem, {\n\t\t...options,\n\t\tincludeSelf: isForward,\n\t\tsameIndent: true,\n\t\tsameAttributes: 'listItemId'\n\t} ) );\n\n\treturn isForward ? items : items.reverse();\n}\n\n/**\n * Returns a list items nested inside the given list item.\n *\n * @internal\n */\nexport function getNestedListBlocks( listItem: ModelElement ): Array<ListElement> {\n\treturn Array.from( new ListWalker( listItem, {\n\t\tdirection: 'forward',\n\t\thigherIndent: true\n\t} ) );\n}\n\n/**\n * Returns array of all blocks/items of the same list as given block (same indent, same type and properties).\n *\n * @internal\n * @param listItem Starting list item element.\n * @param options Additional list walker options to modify the range of returned list items.\n */\nexport function getListItems( listItem: ModelElement, options?: ListWalkerOptions ): Array<ListElement> {\n\tconst backwardBlocks = new ListWalker( listItem, {\n\t\tsameIndent: true,\n\t\tsameAttributes: 'listType',\n\t\t...options\n\t} );\n\n\tconst forwardBlocks = new ListWalker( listItem, {\n\t\tsameIndent: true,\n\t\tsameAttributes: 'listType',\n\t\tincludeSelf: true,\n\t\tdirection: 'forward',\n\t\t...options\n\t} );\n\n\treturn [\n\t\t...Array.from( backwardBlocks ).reverse(),\n\t\t...forwardBlocks\n\t];\n}\n\n/**\n * Check if the given block is the first in the list item.\n *\n * @internal\n * @param listBlock The list block element.\n */\nexport function isFirstBlockOfListItem( listBlock: ModelNode ): boolean {\n\tconst previousSibling = ListWalker.first( listBlock, {\n\t\tsameIndent: true,\n\t\tsameAttributes: 'listItemId'\n\t} );\n\n\tif ( !previousSibling ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Check if the given block is the last in the list item.\n *\n * @internal\n */\nexport function isLastBlockOfListItem( listBlock: ModelElement ): boolean {\n\tconst nextSibling = ListWalker.first( listBlock, {\n\t\tdirection: 'forward',\n\t\tsameIndent: true,\n\t\tsameAttributes: 'listItemId'\n\t} );\n\n\tif ( !nextSibling ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Expands the given list of selected blocks to include the leading and tailing blocks of partially selected list items.\n *\n * @internal\n * @param blocks The list of selected blocks.\n * @param options.withNested Whether should include nested list items.\n */\nexport function expandListBlocksToCompleteItems(\n\tblocks: ArrayOrItem<ModelElement>,\n\toptions: { withNested?: boolean } = {}\n): Array<ListElement> {\n\tblocks = toArray( blocks );\n\n\tconst higherIndent = options.withNested !== false;\n\tconst allBlocks = new Set<ListElement>();\n\n\tfor ( const block of blocks ) {\n\t\tfor ( const itemBlock of getAllListItemBlocks( block, { higherIndent } ) ) {\n\t\t\tallBlocks.add( itemBlock );\n\t\t}\n\t}\n\n\treturn sortBlocks( allBlocks );\n}\n\n/**\n * Expands the given list of selected blocks to include all the items of the lists they're in.\n *\n * @internal\n * @param blocks The list of selected blocks.\n */\nexport function expandListBlocksToCompleteList( blocks: ArrayOrItem<ModelElement> ): Array<ListElement> {\n\tblocks = toArray( blocks );\n\n\tconst allBlocks = new Set<ListElement>();\n\n\tfor ( const block of blocks ) {\n\t\tfor ( const itemBlock of getListItems( block ) ) {\n\t\t\tallBlocks.add( itemBlock );\n\t\t}\n\t}\n\n\treturn sortBlocks( allBlocks );\n}\n\n/**\n * Splits the list item just before the provided list block.\n *\n * @internal\n * @param listBlock The list block element.\n * @param writer The model writer.\n * @returns The array of updated blocks.\n */\nexport function splitListItemBefore(\n\tlistBlock: ModelElement,\n\twriter: ModelWriter\n): Array<ListElement> {\n\tconst blocks = getListItemBlocks( listBlock, { direction: 'forward' } );\n\tconst id = ListItemUid.next();\n\n\tfor ( const block of blocks ) {\n\t\twriter.setAttribute( 'listItemId', id, block );\n\t}\n\n\treturn blocks;\n}\n\n/**\n * Merges the list item with the parent list item.\n *\n * @internal\n * @param listBlock The list block element.\n * @param parentBlock The list block element to merge with.\n * @param writer The model writer.\n * @returns The array of updated blocks.\n */\nexport function mergeListItemBefore(\n\tlistBlock: ModelNode,\n\tparentBlock: ModelElement,\n\twriter: ModelWriter\n): Array<ListElement> {\n\tconst attributes: Record<string, unknown> = {};\n\n\tfor ( const [ key, value ] of parentBlock.getAttributes() ) {\n\t\tif ( key.startsWith( 'list' ) ) {\n\t\t\tattributes[ key ] = value;\n\t\t}\n\t}\n\n\tconst blocks = getListItemBlocks( listBlock, { direction: 'forward' } );\n\n\tfor ( const block of blocks ) {\n\t\twriter.setAttributes( attributes, block );\n\t}\n\n\treturn blocks;\n}\n\n/**\n * Increases indentation of given list blocks.\n *\n * @internal\n * @param blocks The block or iterable of blocks.\n * @param writer The model writer.\n * @param options Additional options.\n * @param options.expand Whether should expand the list of blocks to include complete list items.\n * @param options.indentBy The number of levels the indentation should change (could be negative).\n */\nexport function indentBlocks(\n\tblocks: ArrayOrItem<ListElement>,\n\twriter: ModelWriter,\n\t{ expand, indentBy = 1 }: { expand?: boolean; indentBy?: number } = {}\n): Array<ListElement> {\n\tblocks = toArray( blocks );\n\n\t// Expand the selected blocks to contain the whole list items.\n\tconst allBlocks = expand ? expandListBlocksToCompleteItems( blocks ) : blocks;\n\n\tfor ( const block of allBlocks ) {\n\t\tconst blockIndent = block.getAttribute( 'listIndent' ) + indentBy;\n\n\t\tif ( blockIndent < 0 ) {\n\t\t\tremoveListAttributes( block, writer );\n\t\t} else {\n\t\t\twriter.setAttribute( 'listIndent', blockIndent, block );\n\t\t}\n\t}\n\n\treturn allBlocks;\n}\n\n/**\n * Decreases indentation of given list of blocks. If the indentation of some blocks matches the indentation\n * of surrounding blocks, they get merged together.\n *\n * @internal\n * @param blocks The block or iterable of blocks.\n * @param writer The model writer.\n */\nexport function outdentBlocksWithMerge(\n\tblocks: ArrayOrItem<ListElement>,\n\twriter: ModelWriter\n): Array<ListElement> {\n\tblocks = toArray( blocks );\n\n\t// Expand the selected blocks to contain the whole list items.\n\tconst allBlocks = expandListBlocksToCompleteItems( blocks );\n\tconst visited = new Set<ListElement>();\n\n\tconst referenceIndent = Math.min( ...allBlocks.map( block => block.getAttribute( 'listIndent' ) ) );\n\tconst parentBlocks = new Map();\n\n\t// Collect parent blocks before the list structure gets altered.\n\tfor ( const block of allBlocks ) {\n\t\tparentBlocks.set( block, ListWalker.first( block, { lowerIndent: true } ) );\n\t}\n\n\tfor ( const block of allBlocks ) {\n\t\tif ( visited.has( block ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tvisited.add( block );\n\n\t\tconst blockIndent = block.getAttribute( 'listIndent' ) - 1;\n\n\t\tif ( blockIndent < 0 ) {\n\t\t\tremoveListAttributes( block, writer );\n\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Merge with parent list item while outdenting and indent matches reference indent.\n\t\tif ( block.getAttribute( 'listIndent' ) == referenceIndent ) {\n\t\t\tconst mergedBlocks = mergeListItemIfNotLast( block, parentBlocks.get( block ), writer );\n\n\t\t\t// All list item blocks are updated while merging so add those to visited set.\n\t\t\tfor ( const mergedBlock of mergedBlocks ) {\n\t\t\t\tvisited.add( mergedBlock );\n\t\t\t}\n\n\t\t\t// The indent level was updated while merging so continue to next block.\n\t\t\tif ( mergedBlocks.length ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t}\n\n\t\twriter.setAttribute( 'listIndent', blockIndent, block );\n\t}\n\n\treturn sortBlocks( visited );\n}\n\n/**\n * Removes all list attributes from the given blocks.\n *\n * @internal\n * @param blocks The block or iterable of blocks.\n * @param writer The model writer.\n * @returns Array of altered blocks.\n */\nexport function removeListAttributes(\n\tblocks: ArrayOrItem<ModelElement>,\n\twriter: ModelWriter\n): Array<ModelElement> {\n\tblocks = toArray( blocks );\n\n\t// Convert simple list items to plain paragraphs.\n\tfor ( const block of blocks ) {\n\t\tif ( block.is( 'element', 'listItem' ) ) {\n\t\t\twriter.rename( block, 'paragraph' );\n\t\t}\n\t}\n\n\t// Remove list attributes.\n\tfor ( const block of blocks ) {\n\t\tfor ( const attributeKey of block.getAttributeKeys() ) {\n\t\t\tif ( attributeKey.startsWith( 'list' ) ) {\n\t\t\t\twriter.removeAttribute( attributeKey, block );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn blocks;\n}\n\n/**\n * Checks whether the given blocks are related to a single list item.\n *\n * @internal\n * @param blocks The list block elements.\n */\nexport function isSingleListItem( blocks: Array<ModelNode> ): boolean {\n\tif ( !blocks.length ) {\n\t\treturn false;\n\t}\n\n\tconst firstItemId = blocks[ 0 ].getAttribute( 'listItemId' );\n\n\tif ( !firstItemId ) {\n\t\treturn false;\n\t}\n\n\treturn !blocks.some( item => item.getAttribute( 'listItemId' ) != firstItemId );\n}\n\n/**\n * Modifies the indents of list blocks following the given list block so the indentation is valid after\n * the given block is no longer a list item.\n *\n * @internal\n * @param lastBlock The last list block that has become a non-list element.\n * @param writer The model writer.\n * @returns Array of altered blocks.\n */\nexport function outdentFollowingItems( lastBlock: ModelElement, writer: ModelWriter ): Array<ListElement> {\n\tconst changedBlocks = [];\n\n\t// Start from the model item that is just after the last turned-off item.\n\tlet currentIndent = Number.POSITIVE_INFINITY;\n\n\t// Correct indent of all items after the last turned off item.\n\t// Rules that should be followed:\n\t// 1. All direct sub-items of turned-off item should become indent 0, because the first item after it\n\t//    will be the first item of a new list. Other items are at the same level, so should have same 0 index.\n\t// 2. All items with indent lower than indent of turned-off item should become indent 0, because they\n\t//    should not end up as a child of any of list items that they were not children of before.\n\t// 3. All other items should have their indent changed relatively to it's parent.\n\t//\n\t// For example:\n\t// 1  * --------\n\t// 2     * --------\n\t// 3        * --------\t\t\t<-- this is turned off.\n\t// 4           * --------\t\t<-- this has to become indent = 0, because it will be first item on a new list.\n\t// 5              * --------\t<-- this should be still be a child of item above, so indent = 1.\n\t// 6        * --------\t\t\t<-- this has to become indent = 0, because it should not be a child of any of items above.\n\t// 7           * --------\t\t<-- this should be still be a child of item above, so indent = 1.\n\t// 8     * --------\t\t\t\t<-- this has to become indent = 0.\n\t// 9        * --------\t\t\t<-- this should still be a child of item above, so indent = 1.\n\t// 10          * --------\t\t<-- this should still be a child of item above, so indent = 2.\n\t// 11          * --------\t\t<-- this should still be at the same level as item above, so indent = 2.\n\t// 12 * --------\t\t\t\t<-- this and all below are left unchanged.\n\t// 13    * --------\n\t// 14       * --------\n\t//\n\t// After turning off 3 the list becomes:\n\t//\n\t// 1  * --------\n\t// 2     * --------\n\t//\n\t// 3  --------\n\t//\n\t// 4  * --------\n\t// 5     * --------\n\t// 6  * --------\n\t// 7     * --------\n\t// 8  * --------\n\t// 9     * --------\n\t// 10       * --------\n\t// 11       * --------\n\t// 12 * --------\n\t// 13    * --------\n\t// 14       * --------\n\t//\n\t// Thanks to this algorithm no lists are mismatched and no items get unexpected children/parent, while\n\t// those parent-child connection which are possible to maintain are still maintained. It's worth noting\n\t// that this is the same effect that we would be get by multiple use of outdent command. However doing\n\t// it like this is much more efficient because it's less operation (less memory usage, easier OT) and\n\t// less conversion (faster).\n\tfor ( const { node } of new SiblingListBlocksIterator( lastBlock.nextSibling ) ) {\n\t\t// Check each next list item, as long as its indent is higher than 0.\n\t\tconst indent = node.getAttribute( 'listIndent' );\n\n\t\t// If the indent is 0 we are not going to change anything anyway.\n\t\tif ( indent == 0 ) {\n\t\t\tbreak;\n\t\t}\n\n\t\t// We check if that's item indent is lower than current relative indent.\n\t\tif ( indent < currentIndent ) {\n\t\t\t// If it is, current relative indent becomes that indent.\n\t\t\tcurrentIndent = indent;\n\t\t}\n\n\t\t// Fix indent relatively to current relative indent.\n\t\t// Note, that if we just changed the current relative indent, the newIndent will be equal to 0.\n\t\tconst newIndent = indent - currentIndent;\n\n\t\twriter.setAttribute( 'listIndent', newIndent, node );\n\t\tchangedBlocks.push( node );\n\t}\n\n\treturn changedBlocks;\n}\n\n/**\n * Returns the array of given blocks sorted by model indexes (document order).\n *\n * @internal\n */\nexport function sortBlocks<T extends ModelElement>( blocks: Iterable<T> ): Array<T> {\n\treturn Array.from( blocks )\n\t\t.filter( block => block.root.rootName !== '$graveyard' )\n\t\t.sort( ( a, b ) => a.index! - b.index! );\n}\n\n/**\n * Returns a selected block object. If a selected object is inline or when there is no selected\n * object, `null` is returned.\n *\n * @internal\n * @param model The instance of editor model.\n * @returns Selected block object or `null`.\n */\nexport function getSelectedBlockObject( model: Model ): ModelElement | null {\n\tconst selectedElement = model.document.selection.getSelectedElement();\n\n\tif ( !selectedElement ) {\n\t\treturn null;\n\t}\n\n\tif ( model.schema.isObject( selectedElement ) && model.schema.isBlock( selectedElement ) ) {\n\t\treturn selectedElement;\n\t}\n\n\treturn null;\n}\n\n/**\n * Checks whether the given block can be replaced by a listItem.\n *\n * Note that this is possible only when multiBlock = false option is set in feature config.\n *\n * @param block A block to be tested.\n * @param schema The schema of the document.\n * @internal\n */\nexport function canBecomeSimpleListItem( block: ModelElement, schema: ModelSchema ): boolean {\n\treturn schema.checkChild( block.parent as ModelElement, 'listItem' ) &&\n\t\tschema.checkChild( block, '$text' ) &&\n\t\t!schema.isObject( block );\n}\n\n/**\n * Returns true if listType is of type `numbered` or `customNumbered`.\n *\n * @internal\n */\nexport function isNumberedListType( listType: ListType ): boolean {\n\treturn listType == 'numbered' || listType == 'customNumbered';\n}\n\n/**\n * Merges a given block to the given parent block if parent is a list item and there is no more blocks in the same item.\n */\nfunction mergeListItemIfNotLast(\n\tblock: ListElement,\n\tparentBlock: ListElement,\n\twriter: ModelWriter\n) {\n\tconst parentItemBlocks = getListItemBlocks( parentBlock, { direction: 'forward' } );\n\n\t// Merge with parent only if outdented item wasn't the last one in its parent.\n\t// Merge:\n\t// * a\t\t\t->\t\t* a\n\t//   * [b]\t\t->\t\t  b\n\t//   c\t\t\t->\t\t  c\n\t// Don't merge:\n\t// * a\t\t\t->\t\t* a\n\t//   * [b]\t\t-> \t\t* b\n\t// * c\t\t\t->\t\t* c\n\tif ( parentItemBlocks.pop()!.index! > block.index! ) {\n\t\treturn mergeListItemBefore( block, parentBlock, writer );\n\t}\n\n\treturn [];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/listindentcommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelDocumentSelection, ModelElement } from 'ckeditor5/src/engine.js';\n\nimport {\n\texpandListBlocksToCompleteItems,\n\tindentBlocks,\n\tisFirstBlockOfListItem,\n\tisListItemBlock,\n\tisSingleListItem,\n\toutdentBlocksWithMerge,\n\tsortBlocks,\n\tsplitListItemBefore,\n\ttype ListElement\n} from './utils/model.js';\nimport { ListWalker } from './utils/listwalker.js';\n\n/**\n * The document list indent command. It is used by the {@link module:list/list~List list feature}.\n */\nexport class ListIndentCommand extends Command {\n\t/**\n\t * Determines by how much the command will change the list item's indent attribute.\n\t */\n\tprivate readonly _direction: 'forward' | 'backward';\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param indentDirection The direction of indent. If it is equal to `backward`, the command\n\t * will outdent a list item.\n\t */\n\tconstructor( editor: Editor, indentDirection: 'forward' | 'backward' ) {\n\t\tsuper( editor );\n\n\t\tthis._direction = indentDirection;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Indents or outdents (depending on the {@link #constructor}'s `indentDirection` parameter) selected list items.\n\t *\n\t * @fires execute\n\t * @fires afterExecute\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\t\tconst blocks = getSelectedListBlocks( model.document.selection );\n\n\t\tmodel.change( writer => {\n\t\t\tconst changedBlocks = [];\n\n\t\t\t// Handle selection contained in the single list item and starting in the following blocks.\n\t\t\tif ( isSingleListItem( blocks ) && !isFirstBlockOfListItem( blocks[ 0 ] ) ) {\n\t\t\t\t// Allow increasing indent of following list item blocks.\n\t\t\t\tif ( this._direction == 'forward' ) {\n\t\t\t\t\tchangedBlocks.push( ...indentBlocks( blocks, writer ) );\n\t\t\t\t}\n\n\t\t\t\t// For indent make sure that indented blocks have a new ID.\n\t\t\t\t// For outdent just split blocks from the list item (give them a new IDs).\n\t\t\t\tchangedBlocks.push( ...splitListItemBefore( blocks[ 0 ], writer ) );\n\t\t\t}\n\t\t\t// More than a single list item is selected, or the first block of list item is selected.\n\t\t\telse {\n\t\t\t\t// Now just update the attributes of blocks.\n\t\t\t\tif ( this._direction == 'forward' ) {\n\t\t\t\t\tchangedBlocks.push( ...indentBlocks( blocks, writer, { expand: true } ) );\n\t\t\t\t} else {\n\t\t\t\t\tchangedBlocks.push( ...outdentBlocksWithMerge( blocks, writer ) );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Align the list item type to match the previous list item (from the same list).\n\t\t\tfor ( const block of changedBlocks ) {\n\t\t\t\t// This block become a plain block (for example a paragraph).\n\t\t\t\tif ( !block.hasAttribute( 'listType' ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst previousItemBlock = ListWalker.first( block, { sameIndent: true } );\n\n\t\t\t\tif ( previousItemBlock ) {\n\t\t\t\t\twriter.setAttribute( 'listType', previousItemBlock.getAttribute( 'listType' ), block );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis._fireAfterExecute( changedBlocks );\n\t\t} );\n\t}\n\n\t/**\n\t * Fires the `afterExecute` event.\n\t *\n\t * @param changedBlocks The changed list elements.\n\t */\n\tprivate _fireAfterExecute( changedBlocks: Array<ModelElement> ) {\n\t\tthis.fire<ListIndentCommandAfterExecuteEvent>( 'afterExecute', sortBlocks( new Set( changedBlocks ) ) );\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled(): boolean {\n\t\t// Check whether any of position's ancestor is a list item.\n\t\tlet blocks = getSelectedListBlocks( this.editor.model.document.selection );\n\t\tlet firstBlock = blocks[ 0 ];\n\n\t\t// If selection is not in a list item, the command is disabled.\n\t\tif ( !firstBlock ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// If we are outdenting it is enough to be in list item. Every list item can always be outdented.\n\t\tif ( this._direction == 'backward' ) {\n\t\t\treturn true;\n\t\t}\n\n\t\t// A single block of a list item is selected, so it could be indented as a sublist.\n\t\tif ( isSingleListItem( blocks ) && !isFirstBlockOfListItem( blocks[ 0 ] ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tblocks = expandListBlocksToCompleteItems( blocks );\n\t\tfirstBlock = blocks[ 0 ];\n\n\t\t// Check if there is any list item before selected items that could become a parent of selected items.\n\t\tconst siblingItem = ListWalker.first( firstBlock, { sameIndent: true } );\n\n\t\tif ( !siblingItem ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( siblingItem.getAttribute( 'listType' ) == firstBlock.getAttribute( 'listType' ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n}\n\n/**\n * Returns an array of selected blocks truncated to the first non list block element.\n */\nfunction getSelectedListBlocks( selection: ModelDocumentSelection ) {\n\tconst blocks = Array.from( selection.getSelectedBlocks() );\n\tconst firstNonListBlockIndex = blocks.findIndex( block => !isListItemBlock( block ) );\n\n\tif ( firstNonListBlockIndex != -1 ) {\n\t\tblocks.length = firstNonListBlockIndex;\n\t}\n\n\treturn blocks as Array<ListElement>;\n}\n\n/**\n * Event fired by the {@link ~ListIndentCommand#execute} method.\n *\n * It allows to execute an action after executing the {@link module:list/list/listcommand~ListCommand#execute}\n * method, for example adjusting attributes of changed list items.\n *\n * @internal\n * @eventName ~ListIndentCommand#afterExecute\n */\nexport type ListIndentCommandAfterExecuteEvent = {\n\tname: 'afterExecute';\n\targs: [ changedBlocks: Array<ModelElement> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/listcommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport {\n\tsplitListItemBefore,\n\texpandListBlocksToCompleteItems,\n\tgetListItemBlocks,\n\tgetListItems,\n\tremoveListAttributes,\n\toutdentFollowingItems,\n\tListItemUid,\n\tsortBlocks,\n\tgetSelectedBlockObject,\n\tisListItemBlock,\n\tcanBecomeSimpleListItem\n} from './utils/model.js';\nimport { type ListType } from './listediting.js';\nimport type { ListWalkerOptions } from './utils/listwalker.js';\n\n/**\n * The list command. It is used by the {@link module:list/list~List list feature}.\n */\nexport class ListCommand extends Command {\n\t/**\n\t * The type of the list created by the command.\n\t */\n\tpublic readonly type: ListType;\n\n\t/**\n\t * A flag indicating whether the command is active, which means that the selection starts in a list of the same type.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tpublic declare value: boolean;\n\n\t/**\n\t * List Walker options that change the range of the list items to be changed when the selection is collapsed within a list item.\n\t *\n\t * In a multi-level list, when the selection is collapsed within a list item, instead of changing only the list items of the same list\n\t * type and current indent level, the entire list structure is changed (all list items at all indent levels of any list type).\n\t */\n\tprivate readonly _listWalkerOptions?: ListWalkerOptions;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param type List type that will be handled by this command.\n\t */\n\tconstructor( editor: Editor, type: ListType, options: { multiLevel?: boolean } = {} ) {\n\t\tsuper( editor );\n\n\t\tthis.type = type;\n\n\t\tthis._listWalkerOptions = options.multiLevel ? {\n\t\t\thigherIndent: true,\n\t\t\tlowerIndent: true,\n\t\t\tsameAttributes: []\n\t\t} :\tundefined;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.value = this._getValue();\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Executes the list command.\n\t *\n\t * @fires execute\n\t * @fires afterExecute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will try to convert the\n\t * selected items and potentially the neighbor elements to the proper list items. If set to `false` it will convert selected elements\n\t * to paragraphs. If not set, the command will toggle selected elements to list items or paragraphs, depending on the selection.\n\t * @param options.additionalAttributes Additional attributes that are set for list items when the command is executed.\n\t */\n\tpublic override execute( options: { forceValue?: boolean; additionalAttributes?: Record<string, unknown> } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\t\tconst selectedBlockObject = getSelectedBlockObject( model );\n\n\t\tconst blocks = Array.from( document.selection.getSelectedBlocks() )\n\t\t\t.filter( block => model.schema.checkAttribute( block, 'listType' ) || canBecomeSimpleListItem( block, model.schema ) );\n\n\t\t// Whether we are turning off some items.\n\t\tconst turnOff = options.forceValue !== undefined ? !options.forceValue : this.value;\n\n\t\tmodel.change( writer => {\n\t\t\tif ( turnOff ) {\n\t\t\t\tconst lastBlock = blocks[ blocks.length - 1 ];\n\n\t\t\t\t// Split the first block from the list item.\n\t\t\t\tconst itemBlocks = getListItemBlocks( lastBlock, { direction: 'forward' } );\n\t\t\t\tconst changedBlocks = [];\n\n\t\t\t\tif ( itemBlocks.length > 1 ) {\n\t\t\t\t\tchangedBlocks.push( ...splitListItemBefore( itemBlocks[ 1 ], writer ) );\n\t\t\t\t}\n\n\t\t\t\t// Strip list attributes.\n\t\t\t\tchangedBlocks.push( ...removeListAttributes( blocks, writer ) );\n\n\t\t\t\t// Outdent items following the selected list item.\n\t\t\t\tchangedBlocks.push( ...outdentFollowingItems( lastBlock, writer ) );\n\n\t\t\t\tthis._fireAfterExecute( changedBlocks );\n\t\t\t}\n\t\t\t// Changing type of list items for a collapsed selection inside a list item.\n\t\t\telse if ( ( selectedBlockObject || document.selection.isCollapsed ) && isListItemBlock( blocks[ 0 ] ) ) {\n\t\t\t\tconst changedBlocks = getListItems( selectedBlockObject || blocks[ 0 ], this._listWalkerOptions );\n\n\t\t\t\tfor ( const block of changedBlocks ) {\n\t\t\t\t\twriter.setAttributes( {\n\t\t\t\t\t\t...options.additionalAttributes,\n\t\t\t\t\t\tlistType: this.type\n\t\t\t\t\t}, block );\n\t\t\t\t}\n\n\t\t\t\tthis._fireAfterExecute( changedBlocks );\n\t\t\t}\n\t\t\t// Turning on the list items for a non-collapsed selection.\n\t\t\telse {\n\t\t\t\tconst changedBlocks = [];\n\n\t\t\t\tfor ( const block of blocks ) {\n\t\t\t\t\t// Promote the given block to the list item.\n\t\t\t\t\tif ( !block.hasAttribute( 'listType' ) ) {\n\t\t\t\t\t\t// Rename block to a simple list item if this option is enabled.\n\t\t\t\t\t\tif ( !block.is( 'element', 'listItem' ) && canBecomeSimpleListItem( block, model.schema ) ) {\n\t\t\t\t\t\t\twriter.rename( block, 'listItem' );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\twriter.setAttributes( {\n\t\t\t\t\t\t\t...options.additionalAttributes,\n\t\t\t\t\t\t\tlistIndent: 0,\n\t\t\t\t\t\t\tlistItemId: ListItemUid.next(),\n\t\t\t\t\t\t\tlistType: this.type\n\t\t\t\t\t\t}, block );\n\n\t\t\t\t\t\tchangedBlocks.push( block );\n\t\t\t\t\t}\n\t\t\t\t\t// Change the type of list item.\n\t\t\t\t\telse {\n\t\t\t\t\t\tfor ( const node of expandListBlocksToCompleteItems( block, { withNested: false } ) ) {\n\t\t\t\t\t\t\tif ( node.getAttribute( 'listType' ) != this.type ) {\n\t\t\t\t\t\t\t\twriter.setAttributes( {\n\t\t\t\t\t\t\t\t\t...options.additionalAttributes,\n\t\t\t\t\t\t\t\t\tlistType: this.type\n\t\t\t\t\t\t\t\t}, node );\n\n\t\t\t\t\t\t\t\tchangedBlocks.push( node );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis._fireAfterExecute( changedBlocks );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Fires the `afterExecute` event.\n\t *\n\t * @param changedBlocks The changed list elements.\n\t */\n\tprivate _fireAfterExecute( changedBlocks: Array<ModelElement> ) {\n\t\tthis.fire<ListCommandAfterExecuteEvent>( 'afterExecute', sortBlocks( new Set( changedBlocks ) ) );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */\n\tprivate _getValue(): boolean {\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst blocks = Array.from( selection.getSelectedBlocks() );\n\n\t\tif ( !blocks.length ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const block of blocks ) {\n\t\t\tif ( block.getAttribute( 'listType' ) != this.type ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled(): boolean {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tconst blocks = Array.from( selection.getSelectedBlocks() );\n\n\t\tif ( !blocks.length ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// If command value is true it means that we are in list item, so the command should be enabled.\n\t\tif ( this.value ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tfor ( const block of blocks ) {\n\t\t\tif ( schema.checkAttribute( block, 'listType' ) || canBecomeSimpleListItem( block, schema ) ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n}\n\n/**\n * Event fired by the {@link ~ListCommand#execute} method.\n *\n * It allows to execute an action after executing the {@link ~ListCommand#execute} method,\n * for example adjusting attributes of changed list items.\n *\n * @internal\n * @eventName ~ListCommand#afterExecute\n */\nexport type ListCommandAfterExecuteEvent = {\n\tname: 'afterExecute';\n\targs: [ changedBlocks: Array<ModelElement> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/listmergecommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelDocumentSelection, ModelElement, ModelNode, ModelSelection } from 'ckeditor5/src/engine.js';\n\nimport {\n\tgetNestedListBlocks,\n\tindentBlocks,\n\tsortBlocks,\n\tisFirstBlockOfListItem,\n\tmergeListItemBefore,\n\tisSingleListItem,\n\tgetSelectedBlockObject,\n\tisListItemBlock,\n\ttype ListElement\n} from './utils/model.js';\nimport { ListWalker } from './utils/listwalker.js';\n\n/**\n * The document list merge command. It is used by the {@link module:list/list~List list feature}.\n */\nexport class ListMergeCommand extends Command {\n\t/**\n\t * Whether list item should be merged before or after the selected block.\n\t */\n\tprivate readonly _direction: 'forward' | 'backward';\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param direction Whether list item should be merged before or after the selected block.\n\t */\n\tconstructor( editor: Editor, direction: 'forward' | 'backward' ) {\n\t\tsuper( editor );\n\n\t\tthis._direction = direction;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Merges list blocks together (depending on the {@link #constructor}'s `direction` parameter).\n\t *\n\t * @fires execute\n\t * @fires afterExecute\n\t * @param options Command options.\n\t * @param options.shouldMergeOnBlocksContentLevel When set `true`, merging will be performed together\n\t * with {@link module:engine/model/model~Model#deleteContent} to get rid of the inline content in the selection or take advantage\n\t * of the heuristics in `deleteContent()` that helps convert lists into paragraphs in certain cases.\n\t */\n\tpublic override execute(\n\t\t{ shouldMergeOnBlocksContentLevel = false }: { shouldMergeOnBlocksContentLevel?: boolean } = {}\n\t): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst changedBlocks: Array<ModelElement> = [];\n\n\t\tmodel.change( writer => {\n\t\t\tconst { firstElement, lastElement } = this._getMergeSubjectElements( selection, shouldMergeOnBlocksContentLevel );\n\n\t\t\tconst firstIndent = firstElement.getAttribute( 'listIndent' ) || 0;\n\t\t\tconst lastIndent = lastElement.getAttribute( 'listIndent' );\n\t\t\tconst lastElementId = lastElement.getAttribute( 'listItemId' );\n\n\t\t\tif ( firstIndent != lastIndent ) {\n\t\t\t\tconst nestedLastElementBlocks = getNestedListBlocks( lastElement );\n\n\t\t\t\tchangedBlocks.push( ...indentBlocks( [ lastElement, ...nestedLastElementBlocks ], writer, {\n\t\t\t\t\tindentBy: firstIndent - lastIndent,\n\n\t\t\t\t\t// If outdenting, the entire sub-tree that follows must be included.\n\t\t\t\t\texpand: firstIndent < lastIndent\n\t\t\t\t} ) );\n\t\t\t}\n\n\t\t\tif ( shouldMergeOnBlocksContentLevel ) {\n\t\t\t\tlet sel: ModelSelection | ModelDocumentSelection = selection;\n\n\t\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\t\tsel = writer.createSelection( writer.createRange(\n\t\t\t\t\t\twriter.createPositionAt( firstElement, 'end' ),\n\t\t\t\t\t\twriter.createPositionAt( lastElement, 0 )\n\t\t\t\t\t) );\n\t\t\t\t}\n\n\t\t\t\t// Delete selected content. Replace entire content only for non-collapsed selection.\n\t\t\t\tmodel.deleteContent( sel, { doNotResetEntireContent: selection.isCollapsed } );\n\n\t\t\t\t// Get the last \"touched\" element after deleteContent call (can't use the lastElement because\n\t\t\t\t// it could get merged into the firstElement while deleting content).\n\t\t\t\tconst lastElementAfterDelete = sel.getLastPosition()!.parent;\n\n\t\t\t\t// Check if the element after it was in the same list item and adjust it if needed.\n\t\t\t\tconst nextSibling = lastElementAfterDelete.nextSibling;\n\n\t\t\t\tchangedBlocks.push( lastElementAfterDelete as ModelElement );\n\n\t\t\t\tif ( nextSibling && nextSibling !== lastElement && nextSibling.getAttribute( 'listItemId' ) == lastElementId ) {\n\t\t\t\t\tchangedBlocks.push( ...mergeListItemBefore( nextSibling, lastElementAfterDelete, writer ) );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tchangedBlocks.push( ...mergeListItemBefore( lastElement, firstElement, writer ) );\n\t\t\t}\n\n\t\t\tthis._fireAfterExecute( changedBlocks );\n\t\t} );\n\t}\n\n\t/**\n\t * Fires the `afterExecute` event.\n\t *\n\t * @param changedBlocks The changed list elements.\n\t */\n\tprivate _fireAfterExecute( changedBlocks: Array<ModelElement> ) {\n\t\tthis.fire<ListMergeCommandAfterExecuteEvent>( 'afterExecute', sortBlocks( new Set( changedBlocks ) ) );\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled(): boolean {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedBlockObject = getSelectedBlockObject( model );\n\n\t\tif ( selection.isCollapsed || selectedBlockObject ) {\n\t\t\tconst positionParent = selectedBlockObject || selection.getFirstPosition()!.parent;\n\n\t\t\tif ( !isListItemBlock( positionParent ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst siblingNode = this._direction == 'backward' ?\n\t\t\t\tpositionParent.previousSibling :\n\t\t\t\tpositionParent.nextSibling;\n\n\t\t\tif ( !siblingNode ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif ( isSingleListItem( [ positionParent, siblingNode ] ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t} else {\n\t\t\tconst lastPosition = selection.getLastPosition()!;\n\t\t\tconst firstPosition = selection.getFirstPosition()!;\n\n\t\t\t// If deleting within a single block of a list item, there's no need to merge anything.\n\t\t\t// The default delete should be executed instead.\n\t\t\tif ( lastPosition.parent === firstPosition.parent ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif ( !isListItemBlock( lastPosition.parent ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Returns the boundary elements the merge should be executed for. These are not necessarily selection's first\n\t * and last position parents but sometimes sibling or even further blocks depending on the context.\n\t *\n\t * @param selection The selection the merge is executed for.\n\t * @param shouldMergeOnBlocksContentLevel When `true`, merge is performed together with\n\t * {@link module:engine/model/model~Model#deleteContent} to remove the inline content within the selection.\n\t */\n\tprivate _getMergeSubjectElements(\n\t\tselection: ModelSelection | ModelDocumentSelection,\n\t\tshouldMergeOnBlocksContentLevel: boolean\n\t) {\n\t\tconst model = this.editor.model;\n\t\tconst selectedBlockObject = getSelectedBlockObject( model );\n\t\tlet firstElement, lastElement;\n\n\t\tif ( selection.isCollapsed || selectedBlockObject ) {\n\t\t\tconst positionParent = selectedBlockObject || selection.getFirstPosition()!.parent as ModelNode;\n\t\t\tconst isFirstBlock = isFirstBlockOfListItem( positionParent );\n\n\t\t\tif ( this._direction == 'backward' ) {\n\t\t\t\tlastElement = positionParent;\n\n\t\t\t\tif ( isFirstBlock && !shouldMergeOnBlocksContentLevel ) {\n\t\t\t\t\t// For the \"c\" as an anchorElement:\n\t\t\t\t\t//  * a\n\t\t\t\t\t//    * b\n\t\t\t\t\t//  * [c]  <-- this block should be merged with \"a\"\n\t\t\t\t\t// It should find \"a\" element to merge with:\n\t\t\t\t\t//  * a\n\t\t\t\t\t//    * b\n\t\t\t\t\t//    c\n\t\t\t\t\tfirstElement = ListWalker.first( positionParent, { sameIndent: true, lowerIndent: true } );\n\t\t\t\t} else {\n\t\t\t\t\tfirstElement = positionParent.previousSibling;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// In case of the forward merge there is no case as above, just merge with next sibling.\n\t\t\t\tfirstElement = positionParent;\n\t\t\t\tlastElement = positionParent.nextSibling;\n\t\t\t}\n\t\t} else {\n\t\t\tfirstElement = selection.getFirstPosition()!.parent;\n\t\t\tlastElement = selection.getLastPosition()!.parent;\n\t\t}\n\n\t\treturn {\n\t\t\tfirstElement: firstElement as ListElement,\n\t\t\tlastElement: lastElement as ListElement\n\t\t};\n\t}\n}\n\n/**\n * Event fired by the {@link ~ListMergeCommand#execute} method.\n *\n * It allows to execute an action after executing the {@link module:list/list/listcommand~ListCommand#execute}\n * method, for example adjusting attributes of changed list items.\n *\n * @internal\n * @eventName ~ListMergeCommand#afterExecute\n */\nexport type ListMergeCommandAfterExecuteEvent = {\n\tname: 'afterExecute';\n\targs: [ changedBlocks: Array<ModelElement> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/listsplitcommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\n\nimport {\n\tisFirstBlockOfListItem,\n\tisListItemBlock,\n\tsortBlocks,\n\tsplitListItemBefore\n} from './utils/model.js';\n\n/**\n * The document list split command that splits the list item at the selection.\n *\n * It is used by the {@link module:list/list~List list feature}.\n */\nexport class ListSplitCommand extends Command {\n\t/**\n\t * Whether list item should be split before or after the selected block.\n\t */\n\tprivate readonly _direction: 'before' | 'after';\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param direction Whether list item should be split before or after the selected block.\n\t */\n\tconstructor( editor: Editor, direction: 'before' | 'after' ) {\n\t\tsuper( editor );\n\n\t\tthis._direction = direction;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Splits the list item at the selection.\n\t *\n\t * @fires execute\n\t * @fires afterExecute\n\t */\n\tpublic override execute(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.model.change( writer => {\n\t\t\tconst changedBlocks = splitListItemBefore( this._getStartBlock(), writer );\n\n\t\t\tthis._fireAfterExecute( changedBlocks );\n\t\t} );\n\t}\n\n\t/**\n\t * Fires the `afterExecute` event.\n\t *\n\t * @param changedBlocks The changed list elements.\n\t */\n\tprivate _fireAfterExecute( changedBlocks: Array<ModelElement> ) {\n\t\tthis.fire<ListSplitCommandAfterExecuteEvent>( 'afterExecute', sortBlocks( new Set( changedBlocks ) ) );\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled() {\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst block = this._getStartBlock();\n\n\t\treturn selection.isCollapsed &&\n\t\t\tisListItemBlock( block ) &&\n\t\t\t!isFirstBlockOfListItem( block );\n\t}\n\n\t/**\n\t * Returns the model element that is the main focus of the command (according to the current selection and command direction).\n\t */\n\tprivate _getStartBlock() {\n\t\tconst doc = this.editor.model.document;\n\t\tconst positionParent = doc.selection.getFirstPosition()!.parent;\n\n\t\treturn ( this._direction == 'before' ? positionParent : positionParent.nextSibling ) as ModelElement;\n\t}\n}\n\n/**\n * Event fired by the {@link ~ListSplitCommand#execute} method.\n *\n * It allows to execute an action after executing the {@link module:list/list/listcommand~ListCommand#execute}\n * method, for example adjusting attributes of changed list items.\n *\n * @internal\n * @eventName ~ListSplitCommand#afterExecute\n */\nexport type ListSplitCommandAfterExecuteEvent = {\n\tname: 'afterExecute';\n\targs: [ changedBlocks: Array<ModelElement> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listformatting/listitemboldintegration\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { env } from 'ckeditor5/src/utils.js';\n\nimport { ListEditing } from '../list/listediting.js';\nimport type { ListFormatting } from '../listformatting.js';\n\n/**\n * The list item bold integration plugin.\n */\nexport class ListItemBoldIntegration extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListItemBoldIntegration' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ListEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst ListFormatting: ListFormatting = editor.plugins.get( 'ListFormatting' );\n\t\tconst listEditing = editor.plugins.get( ListEditing );\n\n\t\tif ( !editor.plugins.has( 'BoldEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tListFormatting.registerFormatAttribute( 'bold', 'listItemBold' );\n\n\t\t// Register the downcast strategy in init() so that the attribute name is registered before the list editing\n\t\t// registers its converters.\n\t\t// This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'item',\n\t\t\tattributeName: 'listItemBold',\n\n\t\t\tsetAttributeOnDowncast( writer, value, viewElement, options ) {\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.addClass( 'ck-list-marker-bold', viewElement );\n\n\t\t\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18790.\n\t\t\t\t\tif ( env.isSafari && !( options && options.dataPipeline ) ) {\n\t\t\t\t\t\twriter.setStyle( '--ck-content-list-marker-dummy-bold', '0', viewElement );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tif ( !editor.plugins.has( 'BoldEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.schema.extend( '$listItem', { allowAttributes: 'listItemBold' } );\n\t\tmodel.schema.setAttributeProperties( 'listItemBold', {\n\t\t\tisFormatting: true\n\t\t} );\n\n\t\tmodel.schema.addAttributeCheck( context => {\n\t\t\tconst item = context.last;\n\n\t\t\tif ( !item.getAttribute( 'listItemId' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}, 'listItemBold' );\n\n\t\teditor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tmodel: 'listItemBold',\n\t\t\tview: {\n\t\t\t\tname: 'li',\n\t\t\t\tclasses: 'ck-list-marker-bold'\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listformatting/listitemitalicintegration\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { env } from 'ckeditor5/src/utils.js';\n\nimport { ListEditing } from '../list/listediting.js';\nimport type { ListFormatting } from '../listformatting.js';\n\n/**\n * The list item italic integration plugin.\n */\nexport class ListItemItalicIntegration extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListItemItalicIntegration' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ListEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst ListFormatting: ListFormatting = editor.plugins.get( 'ListFormatting' );\n\t\tconst listEditing = editor.plugins.get( ListEditing );\n\n\t\tif ( !editor.plugins.has( 'ItalicEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tListFormatting.registerFormatAttribute( 'italic', 'listItemItalic' );\n\n\t\t// Register the downcast strategy in init() so that the attribute name is registered before the list editing\n\t\t// registers its converters.\n\t\t// This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'item',\n\t\t\tattributeName: 'listItemItalic',\n\n\t\t\tsetAttributeOnDowncast( writer, value, viewElement, options ) {\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.addClass( 'ck-list-marker-italic', viewElement );\n\n\t\t\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18790.\n\t\t\t\t\tif ( env.isSafari && !( options && options.dataPipeline ) ) {\n\t\t\t\t\t\twriter.setStyle( '--ck-content-list-marker-dummy-italic', '0', viewElement );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tif ( !editor.plugins.has( 'ItalicEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.schema.extend( '$listItem', { allowAttributes: 'listItemItalic' } );\n\t\tmodel.schema.setAttributeProperties( 'listItemItalic', {\n\t\t\tisFormatting: true\n\t\t} );\n\n\t\tmodel.schema.addAttributeCheck( context => {\n\t\t\tconst item = context.last;\n\n\t\t\tif ( !item.getAttribute( 'listItemId' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}, 'listItemItalic' );\n\n\t\teditor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tmodel: 'listItemItalic',\n\t\t\tview: {\n\t\t\t\tname: 'li',\n\t\t\t\tclasses: 'ck-list-marker-italic'\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listformatting/listitemfontsizeintegration\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { ViewElement } from 'ckeditor5/src/engine.js';\nimport { env } from 'ckeditor5/src/utils.js';\nimport { _normalizeFontSizeOptions } from '@ckeditor/ckeditor5-font';\n\nimport { ListEditing } from '../list/listediting.js';\nimport type { ListFormatting } from '../listformatting.js';\n\n/**\n * The list item font size integration plugin.\n */\nexport class ListItemFontSizeIntegration extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListItemFontSizeIntegration' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ListEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst ListFormatting: ListFormatting = editor.plugins.get( 'ListFormatting' );\n\t\tconst listEditing = editor.plugins.get( ListEditing );\n\n\t\tif ( !editor.plugins.has( 'FontSizeEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst normalizedFontSizeOptions = _normalizeFontSizeOptions( editor.config.get( 'fontSize.options' )! );\n\n\t\tListFormatting.registerFormatAttribute( 'fontSize', 'listItemFontSize' );\n\n\t\t// Register the downcast strategy in init() so that the attribute name is registered before the list editing\n\t\t// registers its converters.\n\t\t// This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'item',\n\t\t\tattributeName: 'listItemFontSize',\n\n\t\t\tsetAttributeOnDowncast( writer, value: string, viewElement, options ) {\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst fontSizeOption = normalizedFontSizeOptions.find( option => option.model == value );\n\n\t\t\t\t\tif ( fontSizeOption && fontSizeOption.view && typeof fontSizeOption.view != 'string' ) {\n\t\t\t\t\t\tif ( fontSizeOption.view.styles ) {\n\t\t\t\t\t\t\twriter.addClass( 'ck-list-marker-font-size', viewElement );\n\t\t\t\t\t\t\twriter.setStyle( '--ck-content-list-marker-font-size', fontSizeOption.view.styles[ 'font-size' ], viewElement );\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse if ( fontSizeOption.view.classes ) {\n\t\t\t\t\t\t\twriter.addClass( `ck-list-marker-font-size-${ value }`, viewElement );\n\n\t\t\t\t\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/18790.\n\t\t\t\t\t\t\tif ( env.isSafari && !( options && options.dataPipeline ) ) {\n\t\t\t\t\t\t\t\twriter.setStyle( '--ck-content-list-marker-dummy-font-size', '0', viewElement );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.addClass( 'ck-list-marker-font-size', viewElement );\n\t\t\t\t\t\twriter.setStyle( '--ck-content-list-marker-font-size', value as string, viewElement );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tif ( !editor.plugins.has( 'FontSizeEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.schema.extend( '$listItem', { allowAttributes: 'listItemFontSize' } );\n\t\tmodel.schema.setAttributeProperties( 'listItemFontSize', {\n\t\t\tisFormatting: true\n\t\t} );\n\n\t\tmodel.schema.addAttributeCheck( context => {\n\t\t\tconst item = context.last;\n\n\t\t\tif ( !item.getAttribute( 'listItemId' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}, 'listItemFontSize' );\n\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tkey: 'listItemFontSize',\n\t\t\t\tvalue: ( viewElement: ViewElement ) => viewElement.getStyle( '--ck-content-list-marker-font-size' )\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tname: 'li',\n\t\t\t\tclasses: 'ck-list-marker-font-size',\n\t\t\t\tstyles: {\n\t\t\t\t\t'--ck-content-list-marker-font-size': /.*/\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tconst fontSizeOptions = _normalizeFontSizeOptions( editor.config.get( 'fontSize.options' )! );\n\n\t\tfor ( const option of fontSizeOptions ) {\n\t\t\tif ( option.model && option.view ) {\n\t\t\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tkey: 'listItemFontSize',\n\t\t\t\t\t\tvalue: option.model\n\t\t\t\t\t},\n\t\t\t\t\tview: {\n\t\t\t\t\t\tname: 'li',\n\t\t\t\t\t\tclasses: `ck-list-marker-font-size-${ option.model }`\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listformatting/listitemfontcolorintegration\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { type ViewElement } from 'ckeditor5/src/engine.js';\n\nimport { ListEditing } from '../list/listediting.js';\nimport type { ListFormatting } from '../listformatting.js';\n\n/**\n * The list item font color integration plugin.\n */\nexport class ListItemFontColorIntegration extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListItemFontColorIntegration' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ListEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst ListFormatting: ListFormatting = editor.plugins.get( 'ListFormatting' );\n\t\tconst listEditing = editor.plugins.get( ListEditing );\n\n\t\tif ( !editor.plugins.has( 'FontColorEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tListFormatting.registerFormatAttribute( 'fontColor', 'listItemFontColor' );\n\n\t\t// Register the downcast strategy in init() so that the attribute name is registered before the list editing\n\t\t// registers its converters.\n\t\t// This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'item',\n\t\t\tattributeName: 'listItemFontColor',\n\n\t\t\tsetAttributeOnDowncast( writer, value, viewElement ) {\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.addClass( 'ck-list-marker-color', viewElement );\n\t\t\t\t\twriter.setStyle( '--ck-content-list-marker-color', value as string, viewElement );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tif ( !editor.plugins.has( 'FontColorEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.schema.extend( '$listItem', { allowAttributes: 'listItemFontColor' } );\n\t\tmodel.schema.setAttributeProperties( 'listItemFontColor', {\n\t\t\tisFormatting: true\n\t\t} );\n\n\t\tmodel.schema.addAttributeCheck( context => {\n\t\t\tconst item = context.last;\n\n\t\t\tif ( !item.getAttribute( 'listItemId' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}, 'listItemFontColor' );\n\n\t\teditor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tkey: 'listItemFontColor',\n\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\treturn viewElement.getStyle( '--ck-content-list-marker-color' );\n\t\t\t\t}\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tname: 'li',\n\t\t\t\tclasses: 'ck-list-marker-color',\n\t\t\t\tstyles: {\n\t\t\t\t\t'--ck-content-list-marker-color': /.*/\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listformatting/listitemfontfamilyintegration\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { type ViewElement } from 'ckeditor5/src/engine.js';\n\nimport { ListEditing } from '../list/listediting.js';\nimport type { ListFormatting } from '../listformatting.js';\n\n/**\n * The list item font family integration plugin.\n */\nexport class ListItemFontFamilyIntegration extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListItemFontFamilyIntegration' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ListEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst ListFormatting: ListFormatting = editor.plugins.get( 'ListFormatting' );\n\t\tconst listEditing = editor.plugins.get( ListEditing );\n\n\t\tif ( !editor.plugins.has( 'FontFamilyEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tListFormatting.registerFormatAttribute( 'fontFamily', 'listItemFontFamily' );\n\n\t\t// Register the downcast strategy in init() so that the attribute name is registered before the list editing\n\t\t// registers its converters.\n\t\t// This ensures that the attribute is recognized by downcast strategies and bogus paragraphs are handled correctly.\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'item',\n\t\t\tattributeName: 'listItemFontFamily',\n\n\t\t\tsetAttributeOnDowncast( writer, value, viewElement ) {\n\t\t\t\t// There is no need of removing the style because downcast strategies handles it automatically.\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.addClass( 'ck-list-marker-font-family', viewElement );\n\t\t\t\t\twriter.setStyle( '--ck-content-list-marker-font-family', value as string, viewElement );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tif ( !editor.plugins.has( 'FontFamilyEditing' ) || !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.schema.extend( '$listItem', { allowAttributes: 'listItemFontFamily' } );\n\t\tmodel.schema.setAttributeProperties( 'listItemFontFamily', {\n\t\t\tisFormatting: true\n\t\t} );\n\n\t\tmodel.schema.addAttributeCheck( context => {\n\t\t\tconst item = context.last;\n\n\t\t\tif ( !item.getAttribute( 'listItemId' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}, 'listItemFontFamily' );\n\n\t\teditor.conversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tkey: 'listItemFontFamily',\n\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\treturn viewElement.getStyle( '--ck-content-list-marker-font-family' );\n\t\t\t\t}\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tname: 'li',\n\t\t\t\tclasses: 'ck-list-marker-font-family',\n\t\t\t\tstyles: {\n\t\t\t\t\t'--ck-content-list-marker-font-family': /.*/\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listformatting\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\n\nimport { ListItemBoldIntegration } from './listformatting/listitemboldintegration.js';\nimport { ListItemItalicIntegration } from './listformatting/listitemitalicintegration.js';\nimport { ListItemFontSizeIntegration } from './listformatting/listitemfontsizeintegration.js';\nimport { ListItemFontColorIntegration } from './listformatting/listitemfontcolorintegration.js';\nimport { ListItemFontFamilyIntegration } from './listformatting/listitemfontfamilyintegration.js';\n\nimport type {\n\tModel,\n\tModelElement,\n\tModelWriter\n} from 'ckeditor5/src/engine.js';\n\nimport {\n\tisListItemBlock,\n\tgetAllListItemBlocks,\n\tisFirstBlockOfListItem\n} from './list/utils/model.js';\n\nimport '../theme/listformatting.css';\n\n/**\n * The list formatting plugin.\n *\n * It enables integration with formatting plugins to style the list marker.\n * The list marker is styled based on the consistent formatting applied to the content of the list item.\n *\n * The list of supported formatting plugins includes:\n * * Font color.\n * * Font size.\n * * Font family.\n * * Bold.\n * * Italic.\n */\nexport class ListFormatting extends Plugin {\n\t/**\n\t * The list of loaded formatting.\n\t */\n\tprivate readonly _loadedFormatting: Record<string, string> = {};\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListFormatting' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [\n\t\t\tListItemBoldIntegration,\n\t\t\tListItemItalicIntegration,\n\t\t\tListItemFontSizeIntegration,\n\t\t\tListItemFontColorIntegration,\n\t\t\tListItemFontFamilyIntegration\n\t\t] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'list.enableListItemMarkerFormatting', true );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tif ( !this.editor.config.get( 'list.enableListItemMarkerFormatting' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._registerPostfixerForListItemFormatting();\n\t}\n\n\t/**\n\t * Registers a postfixer that ensures that the list item formatting attribute is consistent with the formatting\n\t * applied to the content of the list item.\n\t */\n\tprivate _registerPostfixerForListItemFormatting(): void {\n\t\tconst model = this.editor.model;\n\n\t\tmodel.document.registerPostFixer( writer => {\n\t\t\tconst changes = model.document.differ.getChanges();\n\t\t\tconst modifiedListItems = new Set<ModelElement>();\n\t\t\tlet returnValue = false;\n\n\t\t\tfor ( const entry of changes ) {\n\t\t\t\tif ( entry.type === 'attribute' ) {\n\t\t\t\t\tif (\n\t\t\t\t\t\tentry.attributeKey == 'listItemId' ||\n\t\t\t\t\t\tentry.attributeKey == 'listType' ||\n\t\t\t\t\t\tthis._isInlineOrSelectionFormatting( entry.attributeKey ) ||\n\t\t\t\t\t\tObject.values( this._loadedFormatting ).includes( entry.attributeKey )\n\t\t\t\t\t) {\n\t\t\t\t\t\tif ( isListItemBlock( entry.range.start.nodeAfter ) ) {\n\t\t\t\t\t\t\tmodifiedListItems.add( entry.range.start.nodeAfter );\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse if ( isListItemBlock( entry.range.start.parent ) ) {\n\t\t\t\t\t\t\tmodifiedListItems.add( entry.range.start.parent );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tif ( isListItemBlock( entry.position.nodeAfter ) ) {\n\t\t\t\t\t\tmodifiedListItems.add( entry.position.nodeAfter );\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( isListItemBlock( entry.position.nodeBefore ) ) {\n\t\t\t\t\t\tmodifiedListItems.add( entry.position.nodeBefore );\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( isListItemBlock( entry.position.parent ) ) {\n\t\t\t\t\t\tmodifiedListItems.add( entry.position.parent );\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( entry.type == 'insert' && entry.name != '$text' ) {\n\t\t\t\t\t\tconst range = writer.createRangeIn( entry.position.nodeAfter as ModelElement );\n\n\t\t\t\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\t\t\t\tif ( isListItemBlock( item ) ) {\n\t\t\t\t\t\t\t\tmodifiedListItems.add( item );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( const listItem of modifiedListItems ) {\n\t\t\t\tconst formats = getListItemConsistentFormat( model, listItem, Object.keys( this._loadedFormatting ) );\n\n\t\t\t\tfor ( const [ formatAttributeName, formatValue ] of Object.entries( formats ) ) {\n\t\t\t\t\tconst listItemFormatAttributeName = this._loadedFormatting[ formatAttributeName ];\n\n\t\t\t\t\tif ( formatValue && setFormattingToListItem( writer, listItem, listItemFormatAttributeName, formatValue ) ) {\n\t\t\t\t\t\treturnValue = true;\n\t\t\t\t\t}\n\t\t\t\t\telse if ( !formatValue && removeFormattingFromListItem( writer, listItem, listItemFormatAttributeName ) ) {\n\t\t\t\t\t\treturnValue = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn returnValue;\n\t\t} );\n\t}\n\n\t/**\n\t * Registers an integration between a default attribute (e.g., `fontFamily`) and a new attribute\n\t * intended specifically for list item elements (e.g., `listItemFontFamily`).\n\t *\n\t * These attributes are later used by the postfixer logic to determine whether to add the new attribute\n\t * to the list item element, based on whether there is a consistent default formatting attribute\n\t * applied within its content.\n\t */\n\tpublic registerFormatAttribute( formatAttribute: string, listItemFormatAttribute: string ): void {\n\t\tthis._loadedFormatting[ formatAttribute ] = listItemFormatAttribute;\n\t}\n\n\t/**\n\t * Returns true if the given model attribute name is a supported inline formatting attribute.\n\t */\n\tprivate _isInlineOrSelectionFormatting( attributeKey: string ): boolean {\n\t\treturn attributeKey.replace( /^selection:/, '' ) in this._loadedFormatting;\n\t}\n}\n\n/**\n * Returns the consistent format of the list item element.\n * If the list item contains multiple blocks, it checks only the first block.\n */\nfunction getListItemConsistentFormat( model: Model, listItem: ModelElement, attributeKeys: Array<string> ) {\n\tif ( isFirstBlockOfListItem( listItem ) ) {\n\t\treturn getSingleListItemConsistentFormat( model, listItem, attributeKeys );\n\t}\n\n\t// Always the first block of the list item should be checked for consistent formatting.\n\tconst listItemBlocks = getAllListItemBlocks( listItem );\n\n\treturn getSingleListItemConsistentFormat( model, listItemBlocks[ 0 ], attributeKeys );\n}\n\n/**\n * Returns the consistent format of a single list item element.\n */\nfunction getSingleListItemConsistentFormat( model: Model, listItem: ModelElement, attributeKeys: Array<string> ) {\n\t// Only bulleted and numbered lists can have formatting (to-do lists are not supported).\n\t// Do not check internals of limit elements (for example, do not check table cells).\n\tif ( !isNumberedOrBulletedList( listItem ) || model.schema.isLimit( listItem ) ) {\n\t\treturn Object.fromEntries( attributeKeys.map( attributeKey => [ attributeKey ] ) ) as Record<string, string | undefined>;\n\t}\n\n\tif ( listItem.isEmpty ) {\n\t\treturn Object.fromEntries( attributeKeys.map( attributeKey => (\n\t\t\t[ attributeKey, listItem.getAttribute( `selection:${ attributeKey }` ) as string | undefined ]\n\t\t) ) );\n\t}\n\n\tconst attributesToCheck = new Set( attributeKeys );\n\tconst valuesMap: Record<string, string | undefined> = {};\n\n\tconst range = model.createRangeIn( listItem );\n\tconst walker = range.getWalker( { ignoreElementEnd: true } );\n\n\tfor ( const { item } of walker ) {\n\t\tfor ( const attributeKey of attributesToCheck ) {\n\t\t\tif ( model.schema.checkAttribute( item, attributeKey ) ) {\n\t\t\t\tconst formatAttribute = item.getAttribute( attributeKey ) as string;\n\n\t\t\t\tif ( formatAttribute === undefined ) {\n\t\t\t\t\tattributesToCheck.delete( attributeKey );\n\t\t\t\t\tvaluesMap[ attributeKey ] = undefined;\n\t\t\t\t}\n\t\t\t\telse if ( valuesMap[ attributeKey ] === undefined ) {\n\t\t\t\t\t// First item inside a list item block.\n\t\t\t\t\tvaluesMap[ attributeKey ] = formatAttribute;\n\t\t\t\t}\n\t\t\t\telse if ( valuesMap[ attributeKey ] !== formatAttribute ) {\n\t\t\t\t\t// Following items in the same block of a list item.\n\t\t\t\t\tattributesToCheck.delete( attributeKey );\n\t\t\t\t\tvaluesMap[ attributeKey ] = undefined;\n\t\t\t\t}\n\t\t\t} else if ( !( attributeKey in valuesMap ) ) {\n\t\t\t\t// Store it so a format would be removed when all items in the given list item does not allow that formatting.\n\t\t\t\tvaluesMap[ attributeKey ] = undefined;\n\t\t\t}\n\t\t}\n\n\t\t// End early if all attributes have been checked and are inconsistent.\n\t\tif ( !attributesToCheck.size ) {\n\t\t\tbreak;\n\t\t}\n\n\t\t// Jump over inline limit elements as we expect only outside them to be the same formatting.\n\t\tif ( model.schema.isLimit( item ) ) {\n\t\t\twalker.jumpTo( model.createPositionAfter( item ) );\n\t\t}\n\t}\n\n\treturn valuesMap;\n}\n\n/**\n * Adds the specified formatting attribute to the list item element.\n */\nfunction setFormattingToListItem(\n\twriter: ModelWriter,\n\tlistItem: ModelElement,\n\tattributeKey: string,\n\tattributeValue: string\n): boolean {\n\t// Multi-block items should have consistent formatting.\n\tconst listItemBlocks = getAllListItemBlocks( listItem );\n\tlet wasChanged = false;\n\n\tfor ( const listItem of listItemBlocks ) {\n\t\tif ( !listItem.hasAttribute( attributeKey ) || listItem.getAttribute( attributeKey ) !== attributeValue ) {\n\t\t\twriter.setAttribute( attributeKey, attributeValue, listItem );\n\t\t\twasChanged = true;\n\t\t}\n\t}\n\n\treturn wasChanged;\n}\n\n/**\n * Removes the specified formatting attribute from the list item element.\n */\nfunction removeFormattingFromListItem(\n\twriter: ModelWriter,\n\tlistItem: ModelElement,\n\tattributeKey: string\n): boolean {\n\t// Multi-block items should have consistent formatting.\n\tconst listItemBlocks = getAllListItemBlocks( listItem );\n\tlet wasChanged = false;\n\n\tfor ( const listItem of listItemBlocks ) {\n\t\tif ( listItem.hasAttribute( attributeKey ) ) {\n\t\t\twriter.removeAttribute( attributeKey, listItem );\n\t\t\twasChanged = true;\n\t\t}\n\t}\n\n\treturn wasChanged;\n}\n\n/**\n * Checks if the given list type is a numbered or bulleted list.\n */\nfunction isNumberedOrBulletedList( listItem: ModelElement ): boolean {\n\treturn [ 'numbered', 'bulleted', 'customNumbered', 'customBulleted' ].includes( listItem.getAttribute( 'listType' ) as string );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/listutils\n */\n\nimport type { ModelElement, ModelNode } from 'ckeditor5/src/engine.js';\nimport type { ArrayOrItem } from 'ckeditor5/src/utils.js';\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\ttype ListElement,\n\texpandListBlocksToCompleteItems,\n\texpandListBlocksToCompleteList,\n\tisFirstBlockOfListItem,\n\tisListItemBlock,\n\tisNumberedListType\n} from './utils/model.js';\nimport type { ListType } from './listediting.js';\n\n/**\n * A set of helpers related to document lists.\n */\nexport class ListUtils extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Expands the given list of selected blocks to include all the items of the lists they're in.\n\t *\n\t * @param blocks The list of selected blocks.\n\t */\n\tpublic expandListBlocksToCompleteList( blocks: ArrayOrItem<ModelElement> ): Array<ModelElement> {\n\t\treturn expandListBlocksToCompleteList( blocks );\n\t}\n\n\t/**\n\t * Check if the given block is the first in the list item.\n\t *\n\t * @param listBlock The list block element.\n\t */\n\tpublic isFirstBlockOfListItem( listBlock: ModelElement ): boolean {\n\t\treturn isFirstBlockOfListItem( listBlock );\n\t}\n\n\t/**\n\t * Returns true if the given model node is a list item block.\n\t *\n\t * @param node A model node.\n\t */\n\tpublic isListItemBlock( node: ModelNode | null ): node is ListElement {\n\t\treturn isListItemBlock( node );\n\t}\n\n\t/**\n\t * Expands the given list of selected blocks to include the leading and tailing blocks of partially selected list items.\n\t *\n\t * @param blocks The list of selected blocks.\n\t * @param options.withNested Whether should include nested list items.\n\t */\n\tpublic expandListBlocksToCompleteItems(\n\t\tblocks: ArrayOrItem<ModelElement>,\n\t\toptions: { withNested?: boolean } = {}\n\t): Array<ModelElement> {\n\t\treturn expandListBlocksToCompleteItems( blocks, options );\n\t}\n\n\t/**\n\t * Returns true if listType is of type `numbered` or `customNumbered`.\n\t */\n\tpublic isNumberedListType( listType: ListType ): boolean {\n\t\treturn isNumberedListType( listType );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/utils/view\n */\n\nimport type { ViewDowncastWriter, ViewAttributeElement, ViewDocumentFragment, ViewElement, ViewNode } from 'ckeditor5/src/engine.js';\nimport { type ListType } from '../listediting.js';\n\n/**\n * Checks if view element is a list type (ul or ol).\n *\n * @internal\n */\nexport function isListView( viewElement: ViewNode | ViewDocumentFragment ): viewElement is ViewElement & { name: 'ul' | 'ol' } {\n\treturn viewElement.is( 'element', 'ol' ) || viewElement.is( 'element', 'ul' );\n}\n\n/**\n * Checks if view element is a list item (li).\n *\n * @internal\n */\nexport function isListItemView( viewElement: ViewNode | ViewDocumentFragment ): viewElement is ViewElement & { name: 'li' } {\n\treturn viewElement.is( 'element', 'li' );\n}\n\n/**\n * Calculates the indent value for a list item. Handles HTML compliant and non-compliant lists.\n *\n * Also, fixes non HTML compliant lists indents:\n *\n * ```\n * before:                                     fixed list:\n * OL                                          OL\n * |-> LI (parent LIs: 0)                      |-> LI     (indent: 0)\n *     |-> OL                                  |-> OL\n *         |-> OL                                  |\n *         |   |-> OL                              |\n *         |       |-> OL                          |\n *         |           |-> LI (parent LIs: 1)      |-> LI (indent: 1)\n *         |-> LI (parent LIs: 1)                  |-> LI (indent: 1)\n *\n * before:                                     fixed list:\n * OL                                          OL\n * |-> OL                                      |\n *     |-> OL                                  |\n *          |-> OL                             |\n *              |-> LI (parent LIs: 0)         |-> LI        (indent: 0)\n *\n * before:                                     fixed list:\n * OL                                          OL\n * |-> LI (parent LIs: 0)                      |-> LI         (indent: 0)\n * |-> OL                                          |-> OL\n *     |-> LI (parent LIs: 0)                          |-> LI (indent: 1)\n * ```\n *\n * @internal\n */\nexport function getIndent( listItem: ViewElement ): number {\n\tlet indent = 0;\n\tlet parent = listItem.parent;\n\n\twhile ( parent ) {\n\t\t// Each LI in the tree will result in an increased indent for HTML compliant lists.\n\t\tif ( isListItemView( parent ) ) {\n\t\t\tindent++;\n\t\t} else {\n\t\t\t// If however the list is nested in other list we should check previous sibling of any of the list elements...\n\t\t\tconst previousSibling = ( parent as ViewElement ).previousSibling;\n\n\t\t\t// ...because the we might need increase its indent:\n\t\t\t//\t\tbefore:                           fixed list:\n\t\t\t//\t\tOL                                OL\n\t\t\t//\t\t|-> LI (parent LIs: 0)            |-> LI         (indent: 0)\n\t\t\t//\t\t|-> OL                                |-> OL\n\t\t\t//\t\t    |-> LI (parent LIs: 0)                |-> LI (indent: 1)\n\t\t\tif ( previousSibling && isListItemView( previousSibling ) ) {\n\t\t\t\tindent++;\n\t\t\t}\n\t\t}\n\n\t\tparent = parent.parent;\n\t}\n\n\treturn indent;\n}\n\n/**\n * Creates a list attribute element (ol or ul).\n *\n * @internal\n */\nexport function createListElement(\n\twriter: ViewDowncastWriter,\n\tindent: number,\n\ttype: ListType,\n\tid = getViewElementIdForListType( type, indent )\n): ViewAttributeElement {\n\t// Negative priorities so that restricted editing attribute won't wrap lists.\n\treturn writer.createAttributeElement( getViewElementNameForListType( type ), null, {\n\t\tpriority: 2 * indent / 100 - 100,\n\t\tid\n\t} );\n}\n\n/**\n * Creates a list item attribute element (li).\n *\n * @internal\n */\nexport function createListItemElement(\n\twriter: ViewDowncastWriter,\n\tindent: number,\n\tid: string\n): ViewAttributeElement {\n\t// Negative priorities so that restricted editing attribute won't wrap list items.\n\treturn writer.createAttributeElement( 'li', null, {\n\t\tpriority: ( 2 * indent + 1 ) / 100 - 100,\n\t\tid\n\t} );\n}\n\n/**\n * Returns a view element name for the given list type.\n *\n * @internal\n */\nexport function getViewElementNameForListType( type?: ListType ): 'ol' | 'ul' {\n\treturn type == 'numbered' || type == 'customNumbered' ? 'ol' : 'ul';\n}\n\n/**\n * Returns a view element ID for the given list type and indent.\n *\n * @internal\n */\nexport function getViewElementIdForListType( type?: ListType, indent?: number ): string {\n\treturn `list-${ type }-${ indent }`;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/utils/postfixers\n */\n\nimport type { ModelElement, ModelPosition, ModelWriter } from 'ckeditor5/src/engine.js';\nimport { SiblingListBlocksIterator, type ListIteratorValue } from './listwalker.js';\nimport { getListItemBlocks, isListItemBlock, ListItemUid, type ListElement } from './model.js';\n\n/**\n * Based on the provided positions looks for the list head and stores it in the provided map.\n *\n * @internal\n * @param position The search starting position.\n * @param itemToListHead The map from list item element to the list head element.\n * @param visited A set of elements that were already visited.\n */\nexport function findAndAddListHeadToMap(\n\tposition: ModelPosition,\n\titemToListHead: Set<ListElement>,\n\tvisited: Set<ModelElement>\n): void {\n\tconst previousNode = position.nodeBefore;\n\n\tif ( !isListItemBlock( previousNode ) ) {\n\t\tconst item = position.nodeAfter;\n\n\t\tif ( isListItemBlock( item ) ) {\n\t\t\titemToListHead.add( item );\n\t\t}\n\t} else {\n\t\tlet listHead = previousNode;\n\n\t\t// Previously, the loop below was defined like this:\n\t\t//\n\t\t// \t\tfor ( { node: listHead } of new SiblingListBlocksIterator( listHead, 'backward' ) )\n\t\t//\n\t\t// Unfortunately, such a destructuring is incorrectly transpiled by Babel and the loop never ends.\n\t\t// See: https://github.com/ckeditor/ckeditor5-react/issues/345.\n\t\tfor ( const { node } of new SiblingListBlocksIterator( listHead, 'backward' ) ) {\n\t\t\tlistHead = node;\n\n\t\t\tif ( visited.has( listHead ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvisited.add( listHead );\n\n\t\t\tif ( itemToListHead.has( previousNode ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\titemToListHead.add( listHead );\n\t}\n}\n\n/**\n * Scans the list starting from the given list head element and fixes items' indentation.\n *\n * @internal\n * @param listNodes The iterable of list nodes.\n * @param writer The model writer.\n * @returns Whether the model was modified.\n */\nexport function fixListIndents(\n\tlistNodes: Iterable<ListIteratorValue>,\n\twriter: ModelWriter\n): boolean {\n\tlet maxIndent = 0; // Guards local sublist max indents that need fixing.\n\tlet prevIndent = -1; // Previous item indent.\n\tlet fixBy = null;\n\tlet applied = false;\n\n\tfor ( const { node } of listNodes ) {\n\t\tconst itemIndent = node.getAttribute( 'listIndent' );\n\n\t\tif ( itemIndent > maxIndent ) {\n\t\t\tlet newIndent;\n\n\t\t\tif ( fixBy === null ) {\n\t\t\t\tfixBy = itemIndent - maxIndent;\n\t\t\t\tnewIndent = maxIndent;\n\t\t\t} else {\n\t\t\t\tif ( fixBy > itemIndent ) {\n\t\t\t\t\tfixBy = itemIndent;\n\t\t\t\t}\n\n\t\t\t\tnewIndent = itemIndent - fixBy;\n\t\t\t}\n\n\t\t\tif ( newIndent > prevIndent + 1 ) {\n\t\t\t\tnewIndent = prevIndent + 1;\n\t\t\t}\n\n\t\t\twriter.setAttribute( 'listIndent', newIndent, node );\n\n\t\t\tapplied = true;\n\t\t\tprevIndent = newIndent;\n\t\t} else {\n\t\t\tfixBy = null;\n\t\t\tmaxIndent = itemIndent + 1;\n\t\t\tprevIndent = itemIndent;\n\t\t}\n\t}\n\n\treturn applied;\n}\n\n/**\n * Scans the list starting from the given list head element and fixes items' types.\n *\n * @internal\n * @param listNodes The iterable of list nodes.\n * @param seenIds The set of already known IDs.\n * @param writer The model writer.\n * @returns Whether the model was modified.\n */\nexport function fixListItemIds(\n\tlistNodes: Iterable<ListIteratorValue>,\n\tseenIds: Set<string>,\n\twriter: ModelWriter\n): boolean {\n\tconst visited = new Set();\n\tlet applied = false;\n\n\tfor ( const { node } of listNodes ) {\n\t\tif ( visited.has( node ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tlet listType = node.getAttribute( 'listType' );\n\t\tlet listItemId = node.getAttribute( 'listItemId' );\n\n\t\t// Use a new ID if this one was spot earlier (even in other list).\n\t\tif ( seenIds.has( listItemId ) ) {\n\t\t\tlistItemId = ListItemUid.next();\n\t\t}\n\n\t\tseenIds.add( listItemId );\n\n\t\t// Make sure that all items in a simple list have unique IDs.\n\t\tif ( node.is( 'element', 'listItem' ) ) {\n\t\t\tif ( node.getAttribute( 'listItemId' ) != listItemId ) {\n\t\t\t\twriter.setAttribute( 'listItemId', listItemId, node );\n\n\t\t\t\tapplied = true;\n\t\t\t}\n\n\t\t\tcontinue;\n\t\t}\n\n\t\tfor ( const block of getListItemBlocks( node, { direction: 'forward' } ) ) {\n\t\t\tvisited.add( block );\n\n\t\t\t// Use a new ID if a block of a bigger list item has different type.\n\t\t\tif ( block.getAttribute( 'listType' ) != listType ) {\n\t\t\t\tlistItemId = ListItemUid.next();\n\t\t\t\tlistType = block.getAttribute( 'listType' );\n\t\t\t}\n\n\t\t\tif ( block.getAttribute( 'listItemId' ) != listItemId ) {\n\t\t\t\twriter.setAttribute( 'listItemId', listItemId, block );\n\n\t\t\t\tapplied = true;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn applied;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/converters\n */\n\nimport {\n\ttype DowncastAttributeEvent,\n\ttype ViewDowncastWriter,\n\ttype EditingController,\n\ttype ModelElement,\n\ttype DowncastElementCreatorFunction,\n\ttype Mapper,\n\ttype Model,\n\ttype ModelConsumable,\n\ttype ModelNode,\n\ttype UpcastElementEvent,\n\ttype ViewDocumentFragment,\n\ttype ViewElement,\n\ttype ViewRange,\n\ttype DowncastRemoveEvent,\n\ttype EditingView,\n\ttype MapperModelToViewPositionEvent,\n\ttype ViewTreeWalker,\n\ttype ModelSchema\n} from 'ckeditor5/src/engine.js';\n\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\n\nimport {\n\tgetAllListItemBlocks,\n\tgetListItemBlocks,\n\tisListItemBlock,\n\tisFirstBlockOfListItem,\n\tListItemUid,\n\ttype ListElement\n} from './utils/model.js';\n\nimport {\n\tcreateListElement,\n\tcreateListItemElement,\n\tgetIndent,\n\tisListView,\n\tisListItemView\n} from './utils/view.js';\n\nimport { ListWalker, SiblingListBlocksIterator } from './utils/listwalker.js';\nimport { findAndAddListHeadToMap } from './utils/postfixers.js';\n\nimport type {\n\tListEditing,\n\tListEditingCheckAttributesEvent,\n\tListEditingCheckElementEvent,\n\tListItemAttributesMap,\n\tListDowncastStrategy\n} from './listediting.js';\n\n/**\n * Returns the upcast converter for list items. It's supposed to work after the block converters (content inside list items) are converted.\n *\n * @internal\n */\nexport function listItemUpcastConverter(): GetCallback<UpcastElementEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst { writer, schema } = conversionApi;\n\n\t\tif ( !data.modelRange ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = Array.from( data.modelRange.getItems( { shallow: true } ) )\n\t\t\t.filter( ( item ): item is ModelElement => schema.checkAttribute( item, 'listItemId' ) );\n\n\t\tif ( !items.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst listItemId = data.viewItem.getAttribute( 'data-list-item-id' ) || ListItemUid.next();\n\n\t\tconversionApi.consumable.consume( data.viewItem, { attributes: 'data-list-item-id' } );\n\n\t\tconst listIndent = getIndent( data.viewItem );\n\t\tlet listType = data.viewItem.parent && data.viewItem.parent.is( 'element', 'ol' ) ? 'numbered' : 'bulleted';\n\n\t\t// Preserve list type if was already set (for example by to-do list feature).\n\t\tconst firstItemListType = items[ 0 ].getAttribute( 'listType' ) as string;\n\n\t\tif ( firstItemListType ) {\n\t\t\tlistType = firstItemListType;\n\t\t}\n\n\t\tconst attributes = {\n\t\t\tlistItemId,\n\t\t\tlistIndent,\n\t\t\tlistType\n\t\t};\n\n\t\tfor ( const item of items ) {\n\t\t\t// Set list attributes only on same level items, those nested deeper are already handled by the recursive conversion.\n\t\t\tif ( !item.hasAttribute( 'listItemId' ) ) {\n\t\t\t\twriter.setAttributes( attributes, item );\n\t\t\t}\n\t\t}\n\n\t\tif ( items.length > 1 ) {\n\t\t\t// Make sure that list item that contain only nested list will preserve paragraph for itself:\n\t\t\t//\t<ul>\n\t\t\t//\t\t<li>\n\t\t\t//\t\t\t<p></p>  <-- this one must be kept\n\t\t\t//\t\t\t<ul>\n\t\t\t//\t\t\t\t<li></li>\n\t\t\t//\t\t\t</ul>\n\t\t\t//\t\t</li>\n\t\t\t//\t</ul>\n\t\t\tif ( items[ 1 ].getAttribute( 'listItemId' ) != attributes.listItemId ) {\n\t\t\t\tconversionApi.keepEmptyElement( items[ 0 ] );\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Returns a model document change:data event listener that triggers conversion of related items if needed.\n *\n * @internal\n * @param model The editor model.\n * @param editing The editing controller.\n * @param attributeNames The list of all model list attributes (including registered strategies).\n * @param listEditing The document list editing plugin.\n */\nexport function reconvertItemsOnDataChange(\n\tmodel: Model,\n\tediting: EditingController,\n\tattributeNames: Array<string>,\n\tlistEditing: ListEditing\n): () => void {\n\treturn () => {\n\t\tconst changes = model.document.differ.getChanges();\n\t\tconst itemsToRefresh = [];\n\t\tconst itemToListHead = new Set<ListElement>();\n\t\tconst changedItems = new Set<ModelNode>();\n\t\tconst visited = new Set<ModelElement>();\n\n\t\tfor ( const entry of changes ) {\n\t\t\tif ( entry.type == 'insert' && entry.name != '$text' ) {\n\t\t\t\tfindAndAddListHeadToMap( entry.position, itemToListHead, visited );\n\n\t\t\t\t// Insert of a non-list item.\n\t\t\t\tif ( !entry.attributes.has( 'listItemId' ) ) {\n\t\t\t\t\tfindAndAddListHeadToMap( entry.position.getShiftedBy( entry.length ), itemToListHead, visited );\n\t\t\t\t} else {\n\t\t\t\t\tchangedItems.add( entry.position.nodeAfter! );\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Removed list item.\n\t\t\telse if ( entry.type == 'remove' && entry.attributes.has( 'listItemId' ) ) {\n\t\t\t\tfindAndAddListHeadToMap( entry.position, itemToListHead, visited );\n\t\t\t}\n\t\t\t// Changed list attribute.\n\t\t\telse if ( entry.type == 'attribute' ) {\n\t\t\t\tconst item = entry.range.start.nodeAfter!;\n\n\t\t\t\tif ( attributeNames.includes( entry.attributeKey ) ) {\n\t\t\t\t\tfindAndAddListHeadToMap( entry.range.start, itemToListHead, visited );\n\n\t\t\t\t\tif ( entry.attributeNewValue === null ) {\n\t\t\t\t\t\tfindAndAddListHeadToMap( entry.range.start.getShiftedBy( 1 ), itemToListHead, visited );\n\n\t\t\t\t\t\t// Check if paragraph should be converted from bogus to plain paragraph.\n\t\t\t\t\t\tif ( doesItemBlockRequiresRefresh( item as ModelElement ) ) {\n\t\t\t\t\t\t\titemsToRefresh.push( item );\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tchangedItems.add( item );\n\t\t\t\t\t}\n\t\t\t\t} else if ( isListItemBlock( item ) ) {\n\t\t\t\t\t// Some other attribute was changed on the list item,\n\t\t\t\t\t// check if paragraph does not need to be converted to bogus or back.\n\t\t\t\t\tif ( doesItemBlockRequiresRefresh( item ) ) {\n\t\t\t\t\t\titemsToRefresh.push( item );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfor ( const listHead of itemToListHead.values() ) {\n\t\t\titemsToRefresh.push( ...collectListItemsToRefresh( listHead, changedItems ) );\n\t\t}\n\n\t\tfor ( const item of new Set( itemsToRefresh ) ) {\n\t\t\tediting.reconvertItem( item );\n\t\t}\n\t};\n\n\tfunction collectListItemsToRefresh( listHead: ListElement, changedItems: Set<ModelNode> ) {\n\t\tconst itemsToRefresh = [];\n\t\tconst visited = new Set();\n\t\tconst stack: Array<{\n\t\t\tmodelAttributes: ListItemAttributesMap;\n\t\t\tmodelElement: ListElement;\n\t\t}> = [];\n\n\t\tfor ( const { node, previous } of new SiblingListBlocksIterator( listHead ) ) {\n\t\t\tif ( visited.has( node ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst itemIndent = node.getAttribute( 'listIndent' );\n\n\t\t\t// Current node is at the lower indent so trim the stack.\n\t\t\tif ( previous && itemIndent < previous.getAttribute( 'listIndent' ) ) {\n\t\t\t\tstack.length = itemIndent + 1;\n\t\t\t}\n\n\t\t\t// Update the stack for the current indent level.\n\t\t\tstack[ itemIndent ] = {\n\t\t\t\tmodelAttributes: Object.fromEntries(\n\t\t\t\t\tArray.from( node.getAttributes() )\n\t\t\t\t\t\t.filter( ( [ key ] ) => attributeNames.includes( key ) )\n\t\t\t\t),\n\t\t\t\tmodelElement: node\n\t\t\t};\n\n\t\t\t// Find all blocks of the current node.\n\t\t\tconst blocks = getListItemBlocks( node, { direction: 'forward' } );\n\n\t\t\tfor ( const block of blocks ) {\n\t\t\t\tvisited.add( block );\n\n\t\t\t\t// Check if bogus vs plain paragraph needs refresh.\n\t\t\t\tif ( doesItemBlockRequiresRefresh( block, blocks ) ) {\n\t\t\t\t\titemsToRefresh.push( block );\n\t\t\t\t}\n\t\t\t\t// Check if wrapping with UL, OL, LIs needs refresh.\n\t\t\t\telse if ( doesItemWrappingRequiresRefresh( block, stack, changedItems ) ) {\n\t\t\t\t\titemsToRefresh.push( block );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn itemsToRefresh;\n\t}\n\n\tfunction doesItemBlockRequiresRefresh( item: ModelElement, blocks?: Array<ModelNode> ) {\n\t\tconst viewElement = editing.mapper.toViewElement( item );\n\n\t\tif ( !viewElement ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( isItemBlockInsideStructureSlot( viewElement ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst needsRefresh = listEditing.fire<ListEditingCheckElementEvent>( 'checkElement', {\n\t\t\tmodelElement: item,\n\t\t\tviewElement\n\t\t} );\n\n\t\tif ( needsRefresh ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif ( !item.is( 'element', 'paragraph' ) && !item.is( 'element', 'listItem' ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst useBogus = shouldUseBogusParagraph( item, attributeNames, blocks );\n\n\t\tif ( useBogus && viewElement.is( 'element', 'p' ) ) {\n\t\t\treturn true;\n\t\t} else if ( !useBogus && viewElement.is( 'element', 'span' ) ) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tfunction isItemBlockInsideStructureSlot( viewElement: ViewElement ) {\n\t\tviewElement = viewElement.parent as ViewElement;\n\n\t\twhile ( viewElement.is( 'attributeElement' ) && [ 'ol', 'ul', 'li' ].includes( viewElement.name ) ) {\n\t\t\tviewElement = viewElement.parent as ViewElement;\n\t\t}\n\n\t\t// List item inside elementToStructure slot parent without mapping then it requires refresh for correct positions\n\t\t// as structure child elements does not have mapping from model and position would land in wrong place.\n\t\tif (\n\t\t\tviewElement.getCustomProperty( '$structureSlotParent' ) &&\n\t\t\t!editing.mapper.toModelElement( viewElement )\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tfunction doesItemWrappingRequiresRefresh(\n\t\titem: ModelElement,\n\t\tstack: Array<{\n\t\t\tmodelAttributes: ListItemAttributesMap;\n\t\t\tmodelElement: ListElement;\n\t\t}>,\n\t\tchangedItems: Set<ModelNode>\n\t) {\n\t\t// Items directly affected by some \"change\" don't need a refresh, they will be converted by their own changes.\n\t\tif ( changedItems.has( item ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst viewElement = editing.mapper.toViewElement( item )!;\n\t\tlet indent = stack.length - 1;\n\n\t\t// Traverse down the stack to the root to verify if all ULs, OLs, and LIs are as expected.\n\t\tfor (\n\t\t\tlet element = viewElement.parent!;\n\t\t\t!element.is( 'editableElement' );\n\t\t\telement = element.parent!\n\t\t) {\n\t\t\tconst isListItemElement = isListItemView( element );\n\t\t\tconst isListElement = isListView( element );\n\n\t\t\tif ( !isListElement && !isListItemElement ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst eventName = `checkAttributes:${ isListItemElement ? 'item' : 'list' }` as const;\n\t\t\tconst needsRefresh = listEditing.fire<ListEditingCheckAttributesEvent>( eventName, {\n\t\t\t\tviewElement: element as ViewElement,\n\t\t\t\tmodelAttributes: stack[ indent ].modelAttributes,\n\t\t\t\tmodelReferenceElement: stack[ indent ].modelElement\n\t\t\t} );\n\n\t\t\tif ( needsRefresh ) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif ( isListElement ) {\n\t\t\t\tindent--;\n\n\t\t\t\t// Don't need to iterate further if we already know that the item is wrapped appropriately.\n\t\t\t\tif ( indent < 0 ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n}\n\n/**\n * Returns the list item downcast converter.\n *\n * @internal\n * @param attributeNames A list of attribute names that should be converted if they are set.\n * @param strategies The strategies.\n * @param model The model.\n */\nexport function listItemDowncastConverter(\n\tattributeNames: Array<string>,\n\tstrategies: Array<ListDowncastStrategy>,\n\tmodel: Model,\n\t{ dataPipeline }: { dataPipeline?: boolean } = {}\n): GetCallback<DowncastAttributeEvent<ListElement>> {\n\tconst consumer = createAttributesConsumer( attributeNames, strategies );\n\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst { writer, mapper, consumable } = conversionApi;\n\n\t\tconst listItem = data.item;\n\n\t\tif ( !attributeNames.includes( data.attributeKey ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Test if attributes on the converted items are not consumed.\n\t\tif ( !consumer( listItem, consumable ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst options = {\n\t\t\t...conversionApi.options,\n\t\t\tdataPipeline\n\t\t};\n\n\t\t// Use positions mapping instead of mapper.toViewElement( listItem ) to find outermost view element.\n\t\t// This is for cases when mapping is using inner view element like in the code blocks (pre > code).\n\t\tconst viewElement = findMappedViewElement( listItem, mapper, model, writer )!;\n\n\t\t// Remove custom item marker.\n\t\tremoveCustomMarkerElements( viewElement, writer, mapper );\n\n\t\t// Unwrap element from current list wrappers.\n\t\tunwrapListItemBlock( viewElement, writer );\n\n\t\t// Insert custom item marker.\n\t\tconst viewRange = insertCustomMarkerElements( listItem, viewElement, strategies, writer, options );\n\n\t\t// Then wrap them with the new list wrappers (UL, OL, LI).\n\t\twrapListItemBlock( listItem, viewRange, strategies, writer, options );\n\t};\n}\n\n/**\n * The 'remove' downcast converter for custom markers.\n *\n * @internal\n */\nexport function listItemDowncastRemoveConverter( schema: ModelSchema ): GetCallback<DowncastRemoveEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst { writer, mapper } = conversionApi;\n\t\tconst elementName = evt.name.split( ':' )[ 1 ];\n\n\t\t// Do not remove marker if the deleted element is some inline object inside paragraph.\n\t\t// See https://github.com/ckeditor/ckeditor5-internal/issues/3680.\n\t\tif ( !schema.checkAttribute( elementName, 'listItemId' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Find the view range start position by mapping the model position at which the remove happened.\n\t\tconst viewStart = mapper.toViewPosition( data.position );\n\n\t\tconst modelEnd = data.position.getShiftedBy( data.length );\n\t\tconst viewEnd = mapper.toViewPosition( modelEnd, { isPhantom: true } );\n\n\t\t// Trim the range to remove in case some UI elements are on the view range boundaries.\n\t\tconst viewRange = writer.createRange( viewStart, viewEnd ).getTrimmed();\n\n\t\t// Use positions mapping instead of mapper.toViewElement( listItem ) to find outermost view element.\n\t\t// This is for cases when mapping is using inner view element like in the code blocks (pre > code).\n\t\tconst viewElement = viewRange.end.nodeBefore as ViewElement | null;\n\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( !viewElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Remove custom item marker.\n\t\tremoveCustomMarkerElements( viewElement, writer, mapper );\n\t};\n}\n\n/**\n * Returns the bogus paragraph view element creator. A bogus paragraph is used if a list item contains only a single block or nested list.\n *\n * @internal\n * @param attributeNames The list of all model list attributes (including registered strategies).\n */\nexport function bogusParagraphCreator(\n\tattributeNames: Array<string>,\n\t{ dataPipeline }: { dataPipeline?: boolean } = {}\n): DowncastElementCreatorFunction {\n\treturn ( modelElement, { writer } ) => {\n\t\t// Convert only if a bogus paragraph should be used.\n\t\tif ( !shouldUseBogusParagraph( modelElement, attributeNames ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( !dataPipeline ) {\n\t\t\treturn writer.createContainerElement( 'span', { class: 'ck-list-bogus-paragraph' } );\n\t\t}\n\n\t\t// Using `<p>` in case there are some markers on it and transparentRendering will render it anyway.\n\t\tconst viewElement = writer.createContainerElement( 'p' );\n\n\t\twriter.setCustomProperty( 'dataPipeline:transparentRendering', true, viewElement );\n\n\t\treturn viewElement;\n\t};\n}\n\n/**\n * Helper for mapping mode to view elements. It's using positions mapping instead of mapper.toViewElement( element )\n * to find outermost view element. This is for cases when mapping is using inner view element like in the code blocks (pre > code).\n *\n * @internal\n * @param element The model element.\n * @param mapper The mapper instance.\n * @param model The model.\n * @param writer The view downcast writer.\n */\nexport function findMappedViewElement(\n\telement: ModelElement,\n\tmapper: Mapper,\n\tmodel: Model,\n\twriter: ViewDowncastWriter\n): ViewElement | undefined {\n\tconst modelRange = model.createRangeOn( element );\n\tconst viewRange = mapper.toViewRange( modelRange ).getTrimmed();\n\tconst viewWalker = viewRange.getWalker();\n\n\tfor ( const { item } of viewWalker ) {\n\t\tif ( item.is( 'element' ) && item.getCustomProperty( 'listItemMarker' ) ) {\n\t\t\tviewWalker.jumpTo( writer.createPositionAfter( item ) );\n\t\t} else if ( item.is( 'element' ) && !item.getCustomProperty( 'listItemWrapper' ) ) {\n\t\t\treturn item;\n\t\t}\n\t}\n}\n\n/**\n * The model to view custom position mapping for cases when marker is injected at the beginning of a block.\n *\n * @internal\n */\nexport function createModelToViewPositionMapper(\n\tstrategies: Array<ListDowncastStrategy>,\n\tview: EditingView\n): GetCallback<MapperModelToViewPositionEvent> {\n\treturn ( evt, data ) => {\n\t\tif ( data.modelPosition.offset > 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst positionParent = data.modelPosition.parent;\n\n\t\tif ( !isListItemBlock( positionParent ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !strategies.some( strategy => (\n\t\t\tstrategy.scope == 'itemMarker' &&\n\t\t\tstrategy.canInjectMarkerIntoElement &&\n\t\t\tstrategy.canInjectMarkerIntoElement( positionParent )\n\t\t) ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewElement = data.mapper.toViewElement( positionParent )!;\n\t\tconst viewRange = view.createRangeIn( viewElement );\n\n\t\tconst viewWalker = viewRange.getWalker();\n\t\tlet positionAfterLastMarker = viewRange.start;\n\n\t\tfor ( const { item } of viewWalker ) {\n\t\t\t// Walk only over the non-mapped elements (UIElements, ViewAttributeElements, $text, or any other element without mapping).\n\t\t\tif ( item.is( 'element' ) && data.mapper.toModelElement( item ) || item.is( '$textProxy' ) ) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif ( item.is( 'element' ) && item.getCustomProperty( 'listItemMarker' ) ) {\n\t\t\t\tpositionAfterLastMarker = view.createPositionAfter( item );\n\n\t\t\t\t// Jump over the content of the marker (this is not needed for UIElement but required for other element types).\n\t\t\t\tviewWalker.skip( ( { previousPosition } ) => !previousPosition.isEqual( positionAfterLastMarker ) );\n\t\t\t}\n\t\t}\n\n\t\tdata.viewPosition = positionAfterLastMarker;\n\t};\n}\n\n/**\n * Removes a custom marker elements and item wrappers related to that marker.\n */\nfunction removeCustomMarkerElements( viewElement: ViewElement, viewWriter: ViewDowncastWriter, mapper: Mapper ): void {\n\t// Remove item wrapper.\n\twhile ( viewElement.parent!.is( 'attributeElement' ) && viewElement.parent!.getCustomProperty( 'listItemWrapper' ) ) {\n\t\tviewWriter.unwrap( viewWriter.createRangeOn( viewElement ), viewElement.parent );\n\t}\n\n\t// Remove custom item markers.\n\tconst markersToRemove: Array<ViewElement> = [];\n\n\t// Markers before a block.\n\tcollectMarkersToRemove( viewWriter.createPositionBefore( viewElement ).getWalker( { direction: 'backward' } ) );\n\n\t// Markers inside a block.\n\tcollectMarkersToRemove( viewWriter.createRangeIn( viewElement ).getWalker() );\n\n\tfor ( const marker of markersToRemove ) {\n\t\tviewWriter.remove( marker );\n\t}\n\n\tfunction collectMarkersToRemove( viewWalker: ViewTreeWalker ) {\n\t\tfor ( const { item } of viewWalker ) {\n\t\t\t// Walk only over the non-mapped elements (UIElements, ViewAttributeElements, $text, or any other element without mapping).\n\t\t\tif ( item.is( 'element' ) && mapper.toModelElement( item ) ) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif ( item.is( 'element' ) && item.getCustomProperty( 'listItemMarker' ) ) {\n\t\t\t\tmarkersToRemove.push( item );\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Inserts a custom marker elements and wraps first block of a list item if marker requires it.\n */\nfunction insertCustomMarkerElements(\n\tlistItem: ModelElement,\n\tviewElement: ViewElement,\n\tstrategies: Array<ListDowncastStrategy>,\n\twriter: ViewDowncastWriter,\n\t{ dataPipeline }: { dataPipeline?: boolean }\n): ViewRange {\n\tlet viewRange = writer.createRangeOn( viewElement );\n\n\t// Marker can be inserted only before the first block of a list item.\n\tif ( !isFirstBlockOfListItem( listItem ) ) {\n\t\treturn viewRange;\n\t}\n\n\tfor ( const strategy of strategies ) {\n\t\tif ( strategy.scope != 'itemMarker' ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Create the custom marker element and inject it before the first block of the list item.\n\t\tconst markerElement = strategy.createElement( writer, listItem, { dataPipeline } );\n\n\t\tif ( !markerElement ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\twriter.setCustomProperty( 'listItemMarker', true, markerElement );\n\n\t\tif ( strategy.canInjectMarkerIntoElement && strategy.canInjectMarkerIntoElement( listItem ) ) {\n\t\t\twriter.insert( writer.createPositionAt( viewElement, 0 ), markerElement );\n\t\t} else {\n\t\t\twriter.insert( viewRange.start, markerElement );\n\n\t\t\tviewRange = writer.createRange(\n\t\t\t\twriter.createPositionBefore( markerElement ),\n\t\t\t\twriter.createPositionAfter( viewElement )\n\t\t\t);\n\t\t}\n\n\t\t// Wrap the marker and optionally the first block with an attribute element (label for to-do lists).\n\t\tif ( !strategy.createWrapperElement || !strategy.canWrapElement ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst wrapper = strategy.createWrapperElement( writer, listItem, { dataPipeline } );\n\n\t\twriter.setCustomProperty( 'listItemWrapper', true, wrapper );\n\n\t\t// The whole block can be wrapped...\n\t\tif ( strategy.canWrapElement( listItem ) ) {\n\t\t\tviewRange = writer.wrap( viewRange, wrapper );\n\t\t} else {\n\t\t\t// ... or only the marker element (if the block is downcasted to heading or block widget).\n\t\t\tviewRange = writer.wrap( writer.createRangeOn( markerElement ), wrapper );\n\n\t\t\tviewRange = writer.createRange(\n\t\t\t\tviewRange.start,\n\t\t\t\twriter.createPositionAfter( viewElement )\n\t\t\t);\n\t\t}\n\t}\n\n\treturn viewRange;\n}\n\n/**\n * Unwraps all ol, ul, and li attribute elements that are wrapping the provided view element.\n */\nfunction unwrapListItemBlock( viewElement: ViewElement, viewWriter: ViewDowncastWriter ) {\n\tlet attributeElement: ViewElement | ViewDocumentFragment = viewElement.parent!;\n\n\twhile ( attributeElement.is( 'attributeElement' ) && [ 'ul', 'ol', 'li' ].includes( attributeElement.name ) ) {\n\t\tconst parentElement = attributeElement.parent;\n\n\t\tviewWriter.unwrap( viewWriter.createRangeOn( viewElement ), attributeElement );\n\n\t\tattributeElement = parentElement!;\n\t}\n}\n\n/**\n * Wraps the given list item with appropriate attribute elements for ul, ol, and li.\n */\nfunction wrapListItemBlock(\n\tlistItem: ListElement,\n\tviewRange: ViewRange,\n\tstrategies: Array<ListDowncastStrategy>,\n\twriter: ViewDowncastWriter,\n\toptions: Record<string, unknown>\n) {\n\tif ( !listItem.hasAttribute( 'listIndent' ) ) {\n\t\treturn;\n\t}\n\n\tconst listItemIndent = listItem.getAttribute( 'listIndent' );\n\tlet currentListItem: ListElement | null = listItem;\n\n\tfor ( let indent = listItemIndent; indent >= 0; indent-- ) {\n\t\tconst listItemViewElement = createListItemElement( writer, indent, currentListItem.getAttribute( 'listItemId' ) );\n\t\tconst listViewElement = createListElement( writer, indent, currentListItem.getAttribute( 'listType' ) );\n\n\t\tfor ( const strategy of strategies ) {\n\t\t\tif (\n\t\t\t\t( strategy.scope == 'list' || strategy.scope == 'item' ) &&\n\t\t\t\tcurrentListItem.hasAttribute( strategy.attributeName )\n\t\t\t) {\n\t\t\t\tstrategy.setAttributeOnDowncast(\n\t\t\t\t\twriter,\n\t\t\t\t\tcurrentListItem.getAttribute( strategy.attributeName ),\n\t\t\t\t\tstrategy.scope == 'list' ? listViewElement : listItemViewElement,\n\t\t\t\t\toptions,\n\t\t\t\t\tcurrentListItem\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tviewRange = writer.wrap( viewRange, listItemViewElement );\n\t\tviewRange = writer.wrap( viewRange, listViewElement );\n\n\t\tif ( indent == 0 ) {\n\t\t\tbreak;\n\t\t}\n\n\t\tcurrentListItem = ListWalker.first( currentListItem, { lowerIndent: true } );\n\n\t\t// There is no list item with lower indent, this means this is a document fragment containing\n\t\t// only a part of nested list (like copy to clipboard) so we don't need to try to wrap it further.\n\t\tif ( !currentListItem ) {\n\t\t\tbreak;\n\t\t}\n\t}\n}\n\n// Returns the function that is responsible for consuming attributes that are set on the model node.\nfunction createAttributesConsumer( attributeNames: Array<string>, strategies: Array<ListDowncastStrategy> ) {\n\tconst nonConsumingAttributes = strategies\n\t\t.filter( strategy => strategy.consume === false )\n\t\t.map( strategy => strategy.attributeName );\n\n\treturn ( node: ModelNode, consumable: ModelConsumable ) => {\n\t\tconst events = [];\n\n\t\t// Collect all set attributes that are triggering conversion.\n\t\tfor ( const attributeName of attributeNames ) {\n\t\t\tif ( node.hasAttribute( attributeName ) && !nonConsumingAttributes.includes( attributeName ) ) {\n\t\t\t\tevents.push( `attribute:${ attributeName }` );\n\t\t\t}\n\t\t}\n\n\t\tif ( !events.every( event => consumable.test( node, event ) !== false ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tevents.forEach( event => consumable.consume( node, event ) );\n\n\t\treturn true;\n\t};\n}\n\n// Whether the given item should be rendered as a bogus paragraph.\nfunction shouldUseBogusParagraph(\n\titem: ModelNode,\n\tattributeNames: Array<string>,\n\tblocks: Array<ModelNode> = getAllListItemBlocks( item )\n) {\n\tif ( !isListItemBlock( item ) ) {\n\t\treturn false;\n\t}\n\n\tfor ( const attributeKey of item.getAttributeKeys() ) {\n\t\t// Ignore selection attributes stored on block elements.\n\t\tif ( attributeKey.startsWith( 'selection:' ) || attributeKey == 'htmlEmptyBlock' ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Don't use bogus paragraph if there are attributes from other features.\n\t\tif ( !attributeNames.includes( attributeKey ) ) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\treturn blocks.length < 2;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/listediting\n */\n\nimport {\n\tPlugin,\n\ttype Editor,\n\ttype MultiCommand\n} from 'ckeditor5/src/core.js';\n\nimport type {\n\tDowncastAttributeEvent,\n\tModelDocumentChangeEvent,\n\tViewDowncastWriter,\n\tModelElement,\n\tModel,\n\tModelInsertContentEvent,\n\tUpcastElementEvent,\n\tViewDocumentTabEvent,\n\tViewElement,\n\tViewAttributeElement,\n\tModelWriter,\n\tDowncastRemoveEvent,\n\tMapperModelToViewPositionEvent\n} from 'ckeditor5/src/engine.js';\n\nimport { Delete, type ViewDocumentDeleteEvent } from 'ckeditor5/src/typing.js';\nimport { Enter, type EnterCommand, type ViewDocumentEnterEvent } from 'ckeditor5/src/enter.js';\nimport { CKEditorError, type GetCallback } from 'ckeditor5/src/utils.js';\n\nimport { ListIndentCommand } from './listindentcommand.js';\nimport { ListCommand } from './listcommand.js';\nimport { ListMergeCommand } from './listmergecommand.js';\nimport { ListSplitCommand } from './listsplitcommand.js';\nimport { ListFormatting } from '../listformatting.js';\nimport { ListUtils } from './listutils.js';\n\nimport {\n\tbogusParagraphCreator,\n\tcreateModelToViewPositionMapper,\n\tlistItemDowncastConverter,\n\tlistItemDowncastRemoveConverter,\n\tlistItemUpcastConverter,\n\treconvertItemsOnDataChange\n} from './converters.js';\nimport {\n\tfindAndAddListHeadToMap,\n\tfixListIndents,\n\tfixListItemIds\n} from './utils/postfixers.js';\nimport {\n\tgetAllListItemBlocks,\n\tisFirstBlockOfListItem,\n\tisLastBlockOfListItem,\n\tisSingleListItem,\n\tgetSelectedBlockObject,\n\tisListItemBlock,\n\tremoveListAttributes,\n\tListItemUid,\n\ttype ListElement\n} from './utils/model.js';\nimport {\n\tgetViewElementIdForListType,\n\tgetViewElementNameForListType\n} from './utils/view.js';\n\nimport { ListWalker, ListBlocksIterable } from './utils/listwalker.js';\n\nimport {\n\tClipboardPipeline,\n\ttype ClipboardOutputTransformationEvent\n} from 'ckeditor5/src/clipboard.js';\n\nimport '../../theme/documentlist.css';\nimport '../../theme/list.css';\n\n/**\n * A list of base list model attributes.\n */\nconst LIST_BASE_ATTRIBUTES = [ 'listType', 'listIndent', 'listItemId' ];\n\nexport type ListType = 'numbered' | 'bulleted' | 'todo' | 'customNumbered' | 'customBulleted';\n\n/**\n * Map of model attributes applicable to list blocks.\n */\nexport interface ListItemAttributesMap {\n\tlistType?: ListType;\n\tlistIndent?: number;\n\tlistItemId?: string;\n}\n\n/**\n * The editing part of the document-list feature. It handles creating, editing and removing lists and list items.\n */\nexport class ListEditing extends Plugin {\n\t/**\n\t * The list of registered downcast strategies.\n\t */\n\tprivate readonly _downcastStrategies: Array<ListDowncastStrategy> = [];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Enter, Delete, ListUtils, ClipboardPipeline, ListFormatting ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'list.multiBlock', true );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst multiBlock = editor.config.get( 'list.multiBlock' );\n\n\t\tif ( editor.plugins.has( 'LegacyListEditing' ) ) {\n\t\t\t/**\n\t\t\t * The `List` feature cannot be loaded together with the `LegacyList` plugin.\n\t\t\t *\n\t\t\t * @error list-feature-conflict\n\t\t\t * @param {string} conflictPlugin Name of the plugin.\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'list-feature-conflict', this, { conflictPlugin: 'LegacyListEditing' } );\n\t\t}\n\n\t\tmodel.schema.register( '$listItem', { allowAttributes: LIST_BASE_ATTRIBUTES } );\n\n\t\tif ( multiBlock ) {\n\t\t\tmodel.schema.extend( '$container', { allowAttributesOf: '$listItem' } );\n\t\t\tmodel.schema.extend( '$block', { allowAttributesOf: '$listItem' } );\n\t\t\tmodel.schema.extend( '$blockObject', { allowAttributesOf: '$listItem' } );\n\t\t} else {\n\t\t\tmodel.schema.register( 'listItem', {\n\t\t\t\tinheritAllFrom: '$block',\n\t\t\t\tallowAttributesOf: '$listItem'\n\t\t\t} );\n\t\t}\n\n\t\tfor ( const attribute of LIST_BASE_ATTRIBUTES ) {\n\t\t\tmodel.schema.setAttributeProperties( attribute, {\n\t\t\t\tcopyOnReplace: true\n\t\t\t} );\n\t\t}\n\n\t\t// Register commands.\n\t\teditor.commands.add( 'numberedList', new ListCommand( editor, 'numbered' ) );\n\t\teditor.commands.add( 'bulletedList', new ListCommand( editor, 'bulleted' ) );\n\n\t\teditor.commands.add( 'customNumberedList', new ListCommand(\teditor,\t'customNumbered', {\tmultiLevel: true } ) );\n\t\teditor.commands.add( 'customBulletedList', new ListCommand( editor, 'customBulleted', {\tmultiLevel: true } ) );\n\n\t\teditor.commands.add( 'indentList', new ListIndentCommand( editor, 'forward' ) );\n\t\teditor.commands.add( 'outdentList', new ListIndentCommand( editor, 'backward' ) );\n\n\t\teditor.commands.add( 'splitListItemBefore', new ListSplitCommand( editor, 'before' ) );\n\t\teditor.commands.add( 'splitListItemAfter', new ListSplitCommand( editor, 'after' ) );\n\n\t\tif ( multiBlock ) {\n\t\t\teditor.commands.add( 'mergeListItemBackward', new ListMergeCommand( editor, 'backward' ) );\n\t\t\teditor.commands.add( 'mergeListItemForward', new ListMergeCommand( editor, 'forward' ) );\n\t\t}\n\n\t\tthis._setupDeleteIntegration();\n\t\tthis._setupEnterIntegration();\n\t\tthis._setupTabIntegration();\n\t\tthis._setupClipboardIntegration();\n\t\tthis._setupAccessibilityIntegration();\n\t\tthis._setupListItemIdConversionStrategy();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst commands = editor.commands;\n\t\tconst indent = commands.get( 'indent' ) as MultiCommand;\n\t\tconst outdent = commands.get( 'outdent' ) as MultiCommand;\n\n\t\tif ( indent ) {\n\t\t\t// Priority is high due to integration with `IndentBlock` plugin. We want to indent list first and if it's not possible\n\t\t\t// user can indent content with `IndentBlock` plugin.\n\t\t\tindent.registerChildCommand( commands.get( 'indentList' )!, { priority: 'high' } );\n\t\t}\n\n\t\tif ( outdent ) {\n\t\t\t// Priority is lowest due to integration with `IndentBlock` and `IndentCode` plugins.\n\t\t\t// First we want to allow user to outdent all indendations from other features then he can oudent list item.\n\t\t\toutdent.registerChildCommand( commands.get( 'outdentList' )!, { priority: 'lowest' } );\n\t\t}\n\n\t\t// Register conversion and model post-fixer after other plugins had a chance to register their attribute strategies.\n\t\tthis._setupModelPostFixing();\n\t\tthis._setupConversion();\n\t}\n\n\t/**\n\t * Registers a downcast strategy.\n\t *\n\t * **Note**: Strategies must be registered in the `Plugin#init()` phase so that it can be applied\n\t * in the `ListEditing#afterInit()`.\n\t *\n\t * @param strategy The downcast strategy to register.\n\t */\n\tpublic registerDowncastStrategy( strategy: ListDowncastStrategy ): void {\n\t\tthis._downcastStrategies.push( strategy );\n\t}\n\n\t/**\n\t * Returns list of model attribute names that should affect downcast conversion.\n\t */\n\tpublic getListAttributeNames(): Array<string> {\n\t\treturn [\n\t\t\t...LIST_BASE_ATTRIBUTES,\n\t\t\t...this._downcastStrategies.map( strategy => strategy.attributeName )\n\t\t];\n\t}\n\n\t/**\n\t * Attaches the listener to the {@link module:engine/view/document~ViewDocument#event:delete} event and handles backspace/delete\n\t * keys in and around document lists.\n\t */\n\tprivate _setupDeleteIntegration() {\n\t\tconst editor = this.editor;\n\t\tconst mergeBackwardCommand: ListMergeCommand | undefined = editor.commands.get( 'mergeListItemBackward' );\n\t\tconst mergeForwardCommand: ListMergeCommand | undefined = editor.commands.get( 'mergeListItemForward' );\n\n\t\tthis.listenTo<ViewDocumentDeleteEvent>( editor.editing.view.document, 'delete', ( evt, data ) => {\n\t\t\tconst selection = editor.model.document.selection;\n\n\t\t\t// Let the Widget plugin take care of block widgets while deleting (https://github.com/ckeditor/ckeditor5/issues/11346).\n\t\t\tif ( getSelectedBlockObject( editor.model ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\teditor.model.change( () => {\n\t\t\t\tconst firstPosition = selection.getFirstPosition()!;\n\n\t\t\t\tif ( selection.isCollapsed && data.direction == 'backward' ) {\n\t\t\t\t\tif ( !firstPosition.isAtStart ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst positionParent = firstPosition.parent;\n\n\t\t\t\t\tif ( !isListItemBlock( positionParent ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst previousBlock = ListWalker.first( positionParent, {\n\t\t\t\t\t\tsameAttributes: 'listType',\n\t\t\t\t\t\tsameIndent: true\n\t\t\t\t\t} );\n\n\t\t\t\t\t// Outdent the first block of a first list item.\n\t\t\t\t\tif ( !previousBlock && positionParent.getAttribute( 'listIndent' ) === 0 ) {\n\t\t\t\t\t\tif ( !isLastBlockOfListItem( positionParent ) ) {\n\t\t\t\t\t\t\teditor.execute( 'splitListItemAfter' );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\teditor.execute( 'outdentList' );\n\t\t\t\t\t}\n\t\t\t\t\t// Merge block with previous one (on the block level or on the content level).\n\t\t\t\t\telse {\n\t\t\t\t\t\tif ( !mergeBackwardCommand || !mergeBackwardCommand.isEnabled ) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tmergeBackwardCommand.execute( {\n\t\t\t\t\t\t\tshouldMergeOnBlocksContentLevel: shouldMergeOnBlocksContentLevel( editor.model, 'backward' )\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\n\t\t\t\t\tdata.preventDefault();\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t\t// Non-collapsed selection or forward delete.\n\t\t\t\telse {\n\t\t\t\t\t// Collapsed selection should trigger forward merging only if at the end of a block.\n\t\t\t\t\tif ( selection.isCollapsed && !selection.getLastPosition()!.isAtEnd ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( !mergeForwardCommand || !mergeForwardCommand.isEnabled ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tmergeForwardCommand.execute( {\n\t\t\t\t\t\tshouldMergeOnBlocksContentLevel: shouldMergeOnBlocksContentLevel( editor.model, 'forward' )\n\t\t\t\t\t} );\n\n\t\t\t\t\tdata.preventDefault();\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t} );\n\t\t}, { context: 'li' } );\n\t}\n\n\t/**\n\t * Attaches a listener to the {@link module:engine/view/document~ViewDocument#event:enter} event and handles enter key press\n\t * in document lists.\n\t */\n\tprivate _setupEnterIntegration() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst commands = editor.commands;\n\t\tconst enterCommand: EnterCommand = commands.get( 'enter' )!;\n\n\t\t// Overwrite the default Enter key behavior: outdent or split the list in certain cases.\n\t\tthis.listenTo<ViewDocumentEnterEvent>( editor.editing.view.document, 'enter', ( evt, data ) => {\n\t\t\tconst doc = model.document;\n\t\t\tconst positionParent = doc.selection.getFirstPosition()!.parent;\n\n\t\t\tif (\n\t\t\t\tdoc.selection.isCollapsed &&\n\t\t\t\tisListItemBlock( positionParent ) &&\n\t\t\t\tpositionParent.isEmpty &&\n\t\t\t\t!data.isSoft\n\t\t\t) {\n\t\t\t\tconst isFirstBlock = isFirstBlockOfListItem( positionParent );\n\t\t\t\tconst isLastBlock = isLastBlockOfListItem( positionParent );\n\n\t\t\t\t// * a      →      * a\n\t\t\t\t// * []     →      []\n\t\t\t\tif ( isFirstBlock && isLastBlock ) {\n\t\t\t\t\teditor.execute( 'outdentList' );\n\n\t\t\t\t\tdata.preventDefault();\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t\t// * []     →      * []\n\t\t\t\t//   a      →      * a\n\t\t\t\telse if ( isFirstBlock && !isLastBlock ) {\n\t\t\t\t\teditor.execute( 'splitListItemAfter' );\n\n\t\t\t\t\tdata.preventDefault();\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t\t// * a      →      * a\n\t\t\t\t//   []     →      * []\n\t\t\t\telse if ( isLastBlock ) {\n\t\t\t\t\teditor.execute( 'splitListItemBefore' );\n\n\t\t\t\t\tdata.preventDefault();\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t}\n\t\t}, { context: 'li' } );\n\n\t\t// In some cases, after the default block splitting, we want to modify the new block to become a new list item\n\t\t// instead of an additional block in the same list item.\n\t\tthis.listenTo( enterCommand, 'afterExecute', () => {\n\t\t\tconst splitCommand: ListSplitCommand = commands.get( 'splitListItemBefore' )!;\n\n\t\t\t// The command has not refreshed because the change block related to EnterCommand#execute() is not over yet.\n\t\t\t// Let's keep it up to date and take advantage of ListSplitCommand#isEnabled.\n\t\t\tsplitCommand.refresh();\n\n\t\t\tif ( !splitCommand.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst doc = editor.model.document;\n\t\t\tconst positionParent = doc.selection.getLastPosition()!.parent;\n\t\t\tconst listItemBlocks = getAllListItemBlocks( positionParent as any );\n\n\t\t\t// Keep in mind this split happens after the default enter handler was executed. For instance:\n\t\t\t//\n\t\t\t// │       Initial state       │    After default enter    │   Here in #afterExecute   │\n\t\t\t// ├───────────────────────────┼───────────────────────────┼───────────────────────────┤\n\t\t\t// │          * a[]            │           * a             │           * a             │\n\t\t\t// │                           │             []            │           * []            │\n\t\t\tif ( listItemBlocks.length === 2 ) {\n\t\t\t\tsplitCommand.execute();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Attaches a listener to the {@link module:engine/view/document~ViewDocument#event:tab} event and handles tab key and tab+shift keys\n\t * presses in document lists.\n\t */\n\tprivate _setupTabIntegration() {\n\t\tconst editor = this.editor;\n\n\t\tthis.listenTo<ViewDocumentTabEvent>( editor.editing.view.document, 'tab', ( evt, data ) => {\n\t\t\tconst commandName = data.shiftKey ? 'outdentList' : 'indentList';\n\t\t\tconst command = this.editor.commands.get( commandName )!;\n\n\t\t\tif ( command.isEnabled ) {\n\t\t\t\teditor.execute( commandName );\n\n\t\t\t\tdata.stopPropagation();\n\t\t\t\tdata.preventDefault();\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { context: 'li' } );\n\t}\n\n\t/**\n\t * Registers the conversion helpers for the document-list feature.\n\t */\n\tprivate _setupConversion() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst attributeNames = this.getListAttributeNames();\n\t\tconst multiBlock = editor.config.get( 'list.multiBlock' );\n\t\tconst elementName = multiBlock ? 'paragraph' : 'listItem';\n\n\t\teditor.conversion.for( 'upcast' )\n\t\t\t// Convert <li> to a generic paragraph (or listItem element) so the content of <li> is always inside a block.\n\t\t\t// Setting the listType attribute to let other features (to-do list) know that this is part of a list item.\n\t\t\t// This is also important to properly handle simple lists so that paragraphs inside a list item won't break the list item.\n\t\t\t// <li>  <-- converted to listItem\n\t\t\t//   <p></p> <-- should be also converted to listItem, so it won't split and replace the listItem generated from the above li.\n\t\t\t.elementToElement( {\n\t\t\t\tview: 'li',\n\t\t\t\tmodel: ( viewElement, { writer } ) => writer.createElement( elementName, { listType: '' } )\n\t\t\t} )\n\t\t\t// Convert paragraph to the list block (without list type defined yet).\n\t\t\t// This is important to properly handle bogus paragraph and to-do lists.\n\t\t\t// Most of the time the bogus paragraph should not appear in the data of to-do list,\n\t\t\t// but if there is any marker or an attribute on the paragraph then the bogus paragraph\n\t\t\t// is preserved in the data, and we need to be able to detect this case.\n\t\t\t.elementToElement( {\n\t\t\t\tview: 'p',\n\t\t\t\tmodel: ( viewElement, { writer } ) => {\n\t\t\t\t\tif ( viewElement.parent && viewElement.parent.is( 'element', 'li' ) ) {\n\t\t\t\t\t\treturn writer.createElement( elementName, { listType: '' } );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn null;\n\t\t\t\t},\n\t\t\t\tconverterPriority: 'high'\n\t\t\t} )\n\t\t\t.add( dispatcher => {\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:li', listItemUpcastConverter() );\n\t\t\t} );\n\n\t\tif ( !multiBlock ) {\n\t\t\teditor.conversion.for( 'downcast' )\n\t\t\t\t.elementToElement( {\n\t\t\t\t\tmodel: 'listItem',\n\t\t\t\t\tview: 'p'\n\t\t\t\t} );\n\t\t}\n\n\t\teditor.conversion.for( 'editingDowncast' )\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: elementName,\n\t\t\t\tview: bogusParagraphCreator( attributeNames ),\n\t\t\t\tconverterPriority: 'high'\n\t\t\t} )\n\t\t\t.add( dispatcher => {\n\t\t\t\tdispatcher.on<DowncastAttributeEvent<ListElement>>(\n\t\t\t\t\t'attribute',\n\t\t\t\t\tlistItemDowncastConverter( attributeNames, this._downcastStrategies, model )\n\t\t\t\t);\n\n\t\t\t\tdispatcher.on<DowncastRemoveEvent>( 'remove', listItemDowncastRemoveConverter( model.schema ) );\n\t\t\t} );\n\n\t\teditor.conversion.for( 'dataDowncast' )\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: elementName,\n\t\t\t\tview: bogusParagraphCreator( attributeNames, { dataPipeline: true } ),\n\t\t\t\tconverterPriority: 'high'\n\t\t\t} )\n\t\t\t.add( dispatcher => {\n\t\t\t\tdispatcher.on<DowncastAttributeEvent<ListElement>>(\n\t\t\t\t\t'attribute',\n\t\t\t\t\tlistItemDowncastConverter( attributeNames, this._downcastStrategies, model, { dataPipeline: true } )\n\t\t\t\t);\n\t\t\t} );\n\n\t\tconst modelToViewPositionMapper = createModelToViewPositionMapper( this._downcastStrategies, editor.editing.view );\n\n\t\teditor.editing.mapper.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', modelToViewPositionMapper );\n\t\teditor.data.mapper.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', modelToViewPositionMapper );\n\n\t\tthis.listenTo<ModelDocumentChangeEvent>(\n\t\t\tmodel.document,\n\t\t\t'change:data',\n\t\t\treconvertItemsOnDataChange( model, editor.editing, attributeNames, this ),\n\t\t\t{ priority: 'high' }\n\t\t);\n\n\t\t// For LI verify if an ID of the attribute element is correct.\n\t\tthis.on<ListEditingCheckAttributesEvent>( 'checkAttributes:item', ( evt, { viewElement, modelAttributes } ) => {\n\t\t\tif ( viewElement.id != modelAttributes.listItemId ) {\n\t\t\t\tevt.return = true;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t} );\n\n\t\t// For UL and OL check if the name and ID of element is correct.\n\t\tthis.on<ListEditingCheckAttributesEvent>( 'checkAttributes:list', ( evt, { viewElement, modelAttributes } ) => {\n\t\t\tif (\n\t\t\t\tviewElement.name != getViewElementNameForListType( modelAttributes.listType ) ||\n\t\t\t\tviewElement.id != getViewElementIdForListType( modelAttributes.listType, modelAttributes.listIndent )\n\t\t\t) {\n\t\t\t\tevt.return = true;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Registers model post-fixers.\n\t */\n\tprivate _setupModelPostFixing() {\n\t\tconst model = this.editor.model;\n\t\tconst attributeNames = this.getListAttributeNames();\n\n\t\t// Register list fixing.\n\t\t// First the low level handler.\n\t\tmodel.document.registerPostFixer( writer => modelChangePostFixer( model, writer, attributeNames, this ) );\n\n\t\t// Then the callbacks for the specific lists.\n\t\t// The indentation fixing must be the first one...\n\t\tthis.on<ListEditingPostFixerEvent>( 'postFixer', ( evt, { listNodes, writer } ) => {\n\t\t\tevt.return = fixListIndents( listNodes, writer ) || evt.return;\n\t\t}, { priority: 'high' } );\n\n\t\t// ...then the item ids... and after that other fixers that rely on the correct indentation and ids.\n\t\tthis.on<ListEditingPostFixerEvent>( 'postFixer', ( evt, { listNodes, writer, seenIds } ) => {\n\t\t\tevt.return = fixListItemIds( listNodes, seenIds, writer ) || evt.return;\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Integrates the feature with the clipboard via {@link module:engine/model/model~Model#insertContent} and\n\t * {@link module:engine/model/model~Model#getSelectedContent}.\n\t */\n\tprivate _setupClipboardIntegration() {\n\t\tconst model = this.editor.model;\n\t\tconst clipboardPipeline: ClipboardPipeline = this.editor.plugins.get( 'ClipboardPipeline' );\n\n\t\tthis.listenTo<ModelInsertContentEvent>( model, 'insertContent', createModelIndentPasteFixer( model ), { priority: 'high' } );\n\n\t\t// To enhance the UX, the editor should not copy list attributes to the clipboard if the selection\n\t\t// started and ended in the same list item.\n\t\t//\n\t\t// If the selection was enclosed in a single list item, there is a good chance the user did not want it\n\t\t// copied as a list item but plain blocks.\n\t\t//\n\t\t// This avoids pasting orphaned list items instead of paragraphs, for instance, straight into the root.\n\t\t//\n\t\t//\t                       ┌─────────────────────┬───────────────────┐\n\t\t//\t                       │ Selection           │ Clipboard content │\n\t\t//\t                       ├─────────────────────┼───────────────────┤\n\t\t//\t                       │ [* <Widget />]      │ <Widget />        │\n\t\t//\t                       ├─────────────────────┼───────────────────┤\n\t\t//\t                       │ [* Foo]             │ Foo               │\n\t\t//\t                       ├─────────────────────┼───────────────────┤\n\t\t//\t                       │ * Foo [bar] baz     │ bar               │\n\t\t//\t                       ├─────────────────────┼───────────────────┤\n\t\t//\t                       │ * Fo[o              │ o                 │\n\t\t//\t                       │   ba]r              │ ba                │\n\t\t//\t                       ├─────────────────────┼───────────────────┤\n\t\t//\t                       │ * Fo[o              │ * o               │\n\t\t//\t                       │ * ba]r              │ * ba              │\n\t\t//\t                       ├─────────────────────┼───────────────────┤\n\t\t//\t                       │ [* Foo              │ * Foo             │\n\t\t//\t                       │  * bar]             │ * bar             │\n\t\t//\t                       └─────────────────────┴───────────────────┘\n\t\t//\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/11608, https://github.com/ckeditor/ckeditor5/issues/14969\n\t\tthis.listenTo<ClipboardOutputTransformationEvent>( clipboardPipeline, 'outputTransformation', ( evt, data ) => {\n\t\t\tmodel.change( writer => {\n\t\t\t\t// Remove last block if it's empty.\n\t\t\t\tconst allContentChildren = Array.from( data.content.getChildren() );\n\t\t\t\tconst lastItem = allContentChildren[ allContentChildren.length - 1 ];\n\n\t\t\t\tif ( allContentChildren.length > 1 && lastItem.is( 'element' ) && lastItem.isEmpty ) {\n\t\t\t\t\tconst contentChildrenExceptLastItem = allContentChildren.slice( 0, -1 );\n\n\t\t\t\t\tif ( contentChildrenExceptLastItem.every( isListItemBlock ) ) {\n\t\t\t\t\t\twriter.remove( lastItem );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Copy/cut only content of a list item (for drag-drop move the whole list item).\n\t\t\t\tif ( data.method == 'copy' || data.method == 'cut' ) {\n\t\t\t\t\tconst allChildren = Array.from( data.content.getChildren() );\n\t\t\t\t\tconst isSingleListItemSelected = isSingleListItem( allChildren );\n\n\t\t\t\t\tif ( isSingleListItemSelected ) {\n\t\t\t\t\t\tremoveListAttributes( allChildren as Array<ModelElement>, writer );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Informs editor accessibility features about keystrokes brought by the plugin.\n\t */\n\tprivate _setupAccessibilityIntegration() {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\teditor.accessibility.addKeystrokeInfoGroup( {\n\t\t\tid: 'list',\n\t\t\tlabel: t( 'Keystrokes that can be used in a list' ),\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Increase list item indent' ),\n\t\t\t\t\tkeystroke: 'Tab'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Decrease list item indent' ),\n\t\t\t\t\tkeystroke: 'Shift+Tab'\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Convert `listItemId` attribute to `data-list-item-id` attribute on the view element in both downcast pipelines.\n\t */\n\tprivate _setupListItemIdConversionStrategy() {\n\t\tthis.registerDowncastStrategy( {\n\t\t\tscope: 'item',\n\t\t\tattributeName: 'listItemId',\n\n\t\t\tsetAttributeOnDowncast( writer, attributeValue, viewElement, options ) {\n\t\t\t\tif ( options && ( options.skipListItemIds || options.isClipboardPipeline ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\twriter.setAttribute( 'data-list-item-id', attributeValue, viewElement );\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * The attribute to attribute downcast strategy for UL, OL, LI elements.\n */\nexport interface ListAttributeDowncastStrategy {\n\n\t/**\n\t * The scope of the downcast (whether it applies to LI or OL/UL).\n\t */\n\tscope: 'list' | 'item';\n\n\t/**\n\t * The model attribute name.\n\t */\n\tattributeName: string;\n\n\t/**\n\t * Whether the attribute should be consumed or this strategy is a side effect.\n\t *\n\t * @default true\n\t */\n\tconsume?: boolean;\n\n\t/**\n\t * Sets the property on the view element.\n\t */\n\tsetAttributeOnDowncast(\n\t\twriter: ViewDowncastWriter,\n\t\tvalue: unknown,\n\t\telement: ViewElement,\n\t\toptions: Record<string, unknown>,\n\t\tmodelElement: ModelElement\n\t): void;\n}\n\n/**\n * The custom marker downcast strategy.\n */\nexport interface ListItemMarkerDowncastStrategy {\n\n\t/**\n\t * The scope of the downcast.\n\t */\n\tscope: 'itemMarker';\n\n\t/**\n\t * The model attribute name.\n\t */\n\tattributeName: string;\n\n\t/**\n\t * Whether the attribute should be consumed or this strategy is a side effect.\n\t *\n\t * @default true\n\t */\n\tconsume?: boolean;\n\n\t/**\n\t * Creates a view element for a custom item marker.\n\t */\n\tcreateElement(\n\t\twriter: ViewDowncastWriter,\n\t\tmodelElement: ModelElement,\n\t\t{ dataPipeline }: { dataPipeline?: boolean }\n\t): ViewElement | null;\n\n\t/**\n\t * Creates an ViewAttributeElement to be used for wrapping a first block of a list item.\n\t */\n\tcreateWrapperElement?(\n\t\twriter: ViewDowncastWriter,\n\t\tmodelElement: ModelElement,\n\t\t{ dataPipeline }: { dataPipeline?: boolean }\n\t): ViewAttributeElement;\n\n\t/**\n\t * Should return true if the given list block can be wrapped with the wrapper created by `createWrapperElement()`\n\t * or only the marker element should be wrapped.\n\t */\n\tcanWrapElement?( modelElement: ModelElement ): boolean;\n\n\t/**\n\t * Should return true if the custom marker can be injected into a given list block.\n\t * Otherwise, custom marker view element is always injected before the block element.\n\t */\n\tcanInjectMarkerIntoElement?( modelElement: ModelElement ): boolean;\n}\n\n/**\n * The downcast strategy.\n */\nexport type ListDowncastStrategy = ListAttributeDowncastStrategy | ListItemMarkerDowncastStrategy;\n\n/**\n * Post-fixer that reacts to changes on document and fixes incorrect model states (invalid `listItemId` and `listIndent` values).\n *\n * In the example below, there is a correct list structure.\n * Then the middle element is removed so the list structure will become incorrect:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=0>Item 1</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"b\" listIndent=1>Item 2</paragraph>   <--- this is removed.\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=2>Item 3</paragraph>\n * ```\n *\n * The list structure after the middle element is removed:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=0>Item 1</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=2>Item 3</paragraph>\n * ```\n *\n * Should become:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=0>Item 1</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=1>Item 3</paragraph>   <--- note that indent got post-fixed.\n * ```\n *\n * @param model The data model.\n * @param writer The writer to do changes with.\n * @param attributeNames The list of all model list attributes (including registered strategies).\n * @param ListEditing The document list editing plugin.\n * @returns `true` if any change has been applied, `false` otherwise.\n */\nfunction modelChangePostFixer(\n\tmodel: Model,\n\twriter: ModelWriter,\n\tattributeNames: Array<string>,\n\tlistEditing: ListEditing\n) {\n\tconst changes = model.document.differ.getChanges();\n\tconst visited = new Set<ModelElement>();\n\tconst itemToListHead = new Set<ListElement>();\n\tconst multiBlock = listEditing.editor.config.get( 'list.multiBlock' );\n\n\tlet applied = false;\n\n\tfor ( const entry of changes ) {\n\t\tif ( entry.type == 'insert' && entry.name != '$text' ) {\n\t\t\tconst item = entry.position.nodeAfter!;\n\n\t\t\t// Remove attributes in case of renamed element.\n\t\t\tif ( !model.schema.checkAttribute( item, 'listItemId' ) ) {\n\t\t\t\tfor ( const attributeName of Array.from( item.getAttributeKeys() ) ) {\n\t\t\t\t\tif ( attributeNames.includes( attributeName ) ) {\n\t\t\t\t\t\twriter.removeAttribute( attributeName, item );\n\n\t\t\t\t\t\tapplied = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfindAndAddListHeadToMap( entry.position, itemToListHead, visited );\n\n\t\t\t// Insert of a non-list item - check if there is a list after it.\n\t\t\tif ( !entry.attributes.has( 'listItemId' ) ) {\n\t\t\t\tfindAndAddListHeadToMap( entry.position.getShiftedBy( entry.length ), itemToListHead, visited );\n\t\t\t}\n\n\t\t\t// Check if there is no nested list.\n\t\t\tfor ( const { item: innerItem, previousPosition } of model.createRangeIn( item as ModelElement ) ) {\n\t\t\t\tif ( isListItemBlock( innerItem ) ) {\n\t\t\t\t\tfindAndAddListHeadToMap( previousPosition, itemToListHead, visited );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t// Removed list item or block adjacent to a list.\n\t\telse if ( entry.type == 'remove' ) {\n\t\t\tfindAndAddListHeadToMap( entry.position, itemToListHead, visited );\n\t\t}\n\t\t// Changed list item indent or type.\n\t\telse if ( entry.type == 'attribute' && attributeNames.includes( entry.attributeKey ) ) {\n\t\t\tfindAndAddListHeadToMap( entry.range.start, itemToListHead, visited );\n\n\t\t\tif ( entry.attributeNewValue === null ) {\n\t\t\t\tfindAndAddListHeadToMap( entry.range.start.getShiftedBy( 1 ), itemToListHead, visited );\n\t\t\t}\n\t\t}\n\n\t\t// Make sure that there is no left over listItem element without attributes or a block with list attributes that is not a listItem.\n\t\tif ( !multiBlock && entry.type == 'attribute' && LIST_BASE_ATTRIBUTES.includes( entry.attributeKey ) ) {\n\t\t\tconst element = entry.range.start.nodeAfter!;\n\n\t\t\tif ( entry.attributeNewValue === null && element && element.is( 'element', 'listItem' ) ) {\n\t\t\t\twriter.rename( element, 'paragraph' );\n\t\t\t\tapplied = true;\n\t\t\t} else if ( entry.attributeOldValue === null && element && element.is( 'element' ) && element.name != 'listItem' ) {\n\t\t\t\twriter.rename( element, 'listItem' );\n\t\t\t\tapplied = true;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Make sure that IDs are not shared by split list.\n\tconst seenIds = new Set<string>();\n\n\tfor ( const listHead of itemToListHead.values() ) {\n\t\tapplied = listEditing.fire<ListEditingPostFixerEvent>( 'postFixer', {\n\t\t\tlistNodes: new ListBlocksIterable( listHead ),\n\t\t\tlistHead,\n\t\t\twriter,\n\t\t\tseenIds\n\t\t} ) || applied;\n\t}\n\n\treturn applied;\n}\n\n/**\n * A fixer for pasted content that includes list items.\n *\n * It fixes indentation of pasted list items so the pasted items match correctly to the context they are pasted into.\n *\n * Example:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=\"0\">A</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"b\" listIndent=\"1\">B^</paragraph>\n * // At ^ paste:  <paragraph listType=\"numbered\" listItemId=\"x\" listIndent=\"0\">X</paragraph>\n * //              <paragraph listType=\"numbered\" listItemId=\"y\" listIndent=\"1\">Y</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=\"2\">C</paragraph>\n * ```\n *\n * Should become:\n *\n * ```xml\n * <paragraph listType=\"bulleted\" listItemId=\"a\" listIndent=\"0\">A</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"b\" listIndent=\"1\">BX</paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"y\" listIndent=\"2\">Y/paragraph>\n * <paragraph listType=\"bulleted\" listItemId=\"c\" listIndent=\"2\">C</paragraph>\n * ```\n */\nfunction createModelIndentPasteFixer( model: Model ): GetCallback<ModelInsertContentEvent> {\n\treturn ( evt, [ content, selectable ] ) => {\n\t\tconst items = content.is( 'documentFragment' ) ?\n\t\t\tArray.from( content.getChildren() ) :\n\t\t\t[ content ];\n\n\t\tif ( !items.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst selection = selectable ?\n\t\t\tmodel.createSelection( selectable ) :\n\t\t\tmodel.document.selection;\n\n\t\tconst position = selection.getFirstPosition()!;\n\n\t\t// Get a reference list item. Attributes of the inserted list items will be fixed according to that item.\n\t\tlet refItem: ListElement;\n\n\t\tif ( isListItemBlock( position.parent ) ) {\n\t\t\trefItem = position.parent;\n\t\t} else if ( isListItemBlock( position.nodeBefore ) && isListItemBlock( position.nodeAfter ) ) {\n\t\t\trefItem = position.nodeBefore;\n\t\t} else {\n\t\t\treturn; // Content is not copied into a list.\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tconst refType = refItem.getAttribute( 'listType' );\n\t\t\tconst refIndent = refItem.getAttribute( 'listIndent' );\n\t\t\tconst firstElementIndent = items[ 0 ].getAttribute( 'listIndent' ) as number || 0;\n\t\t\tconst indentDiff = Math.max( refIndent - firstElementIndent, 0 );\n\n\t\t\tfor ( const item of items ) {\n\t\t\t\tconst isListItem = isListItemBlock( item );\n\n\t\t\t\tif ( refItem.is( 'element', 'listItem' ) && item.is( 'element', 'paragraph' ) ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * When paragraphs or a plain text list is pasted into a simple list, convert\n\t\t\t\t\t * the `<paragraphs>' to `<listItem>' to avoid breaking the target list.\n\t\t\t\t\t *\n\t\t\t\t\t * See https://github.com/ckeditor/ckeditor5/issues/13826.\n\t\t\t\t\t */\n\t\t\t\t\twriter.rename( item as ModelElement, 'listItem' );\n\t\t\t\t}\n\n\t\t\t\twriter.setAttributes( {\n\t\t\t\t\tlistIndent: ( isListItem ? item.getAttribute( 'listIndent' ) : 0 ) + indentDiff,\n\t\t\t\t\tlistItemId: isListItem ? item.getAttribute( 'listItemId' ) : ListItemUid.next(),\n\t\t\t\t\tlistType: refType\n\t\t\t\t}, item );\n\t\t\t}\n\t\t} );\n\t};\n}\n\n/**\n * Decides whether the merge should be accompanied by the model's `deleteContent()`, for instance, to get rid of the inline\n * content in the selection or take advantage of the heuristics in `deleteContent()` that helps convert lists into paragraphs\n * in certain cases.\n */\nfunction shouldMergeOnBlocksContentLevel( model: Model, direction: 'backward' | 'forward' ) {\n\tconst selection = model.document.selection;\n\n\tif ( !selection.isCollapsed ) {\n\t\treturn !getSelectedBlockObject( model );\n\t}\n\n\tif ( direction === 'forward' ) {\n\t\treturn true;\n\t}\n\n\tconst firstPosition = selection.getFirstPosition()!;\n\tconst positionParent = firstPosition.parent;\n\tconst previousSibling = positionParent.previousSibling!;\n\n\tif ( model.schema.isObject( previousSibling ) ) {\n\t\treturn false;\n\t}\n\n\tif ( ( previousSibling as ModelElement ).isEmpty ) {\n\t\treturn true;\n\t}\n\n\treturn isSingleListItem( [ positionParent as ModelElement, previousSibling ] );\n}\n\n/**\n * Event fired on changes detected on the model list element to verify if the view representation of a list element\n * is representing those attributes.\n *\n * It allows triggering a re-wrapping of a list item.\n *\n * @eventName ~ListEditing#postFixer\n * @param listHead The head element of a list.\n * @param writer The writer to do changes with.\n * @param seenIds The set of already known IDs.\n * @returns If a post-fixer made a change of the model tree, it should return `true`.\n */\nexport type ListEditingPostFixerEvent = {\n\tname: 'postFixer';\n\targs: [ {\n\t\tlistNodes: ListBlocksIterable;\n\t\tlistHead: ModelElement;\n\t\twriter: ModelWriter;\n\t\tseenIds: Set<string>;\n\t} ];\n\treturn: boolean;\n};\n\n/**\n * Event fired on changes detected on the model list element to verify if the view representation of a list element\n * is representing those attributes.\n *\n * It allows triggering a re-wrapping of a list item.\n *\n * **Note**: For convenience this event is namespaced and could be captured as `checkAttributes:list` or `checkAttributes:item`.\n *\n * @internal\n * @eventName ~ListEditing#checkAttributes\n */\nexport type ListEditingCheckAttributesEvent = {\n\tname: 'checkAttributes' | 'checkAttributes:list' | 'checkAttributes:item';\n\targs: [ {\n\t\tviewElement: ViewElement & { id?: string };\n\t\tmodelAttributes: ListItemAttributesMap;\n\t\tmodelReferenceElement: ListElement;\n\t} ];\n\treturn: boolean;\n};\n\n/**\n * Event fired on changes detected on the model list element to verify if the view representation of a list block element\n * is representing those attributes.\n *\n * It allows triggering a reconversion of a list item block.\n *\n * @internal\n * @eventName ~ListEditing#checkElement\n */\nexport type ListEditingCheckElementEvent = {\n\tname: 'checkElement';\n\targs: [ {\n\t\tviewElement: ViewElement;\n\t\tmodelElement: ModelElement;\n\t} ];\n\treturn: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/utils\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport { ButtonView, MenuBarMenuListItemButtonView, type ButtonExecuteEvent } from 'ckeditor5/src/ui.js';\n\n/**\n * Helper method for creating toolbar and menu buttons and linking them with an appropriate command.\n *\n * @internal\n * @param editor The editor instance to which the UI component will be added.\n * @param commandName The name of the command.\n * @param label The button label.\n * @param icon The source of the icon.\n */\nexport function createUIComponents(\n\teditor: Editor,\n\tcommandName: 'bulletedList' | 'numberedList' | 'todoList',\n\tlabel: string,\n\ticon: string\n): void {\n\teditor.ui.componentFactory.add( commandName, () => {\n\t\tconst buttonView = _createButton( ButtonView, editor, commandName, label, icon );\n\n\t\tbuttonView.set( {\n\t\t\ttooltip: true,\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\treturn buttonView;\n\t} );\n\n\teditor.ui.componentFactory.add( `menuBar:${ commandName }`, () => {\n\t\tconst buttonView = _createButton( MenuBarMenuListItemButtonView, editor, commandName, label, icon );\n\n\t\tbuttonView.set( {\n\t\t\trole: 'menuitemcheckbox',\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\treturn buttonView;\n\t} );\n}\n\n/**\n * Creates a button to use either in toolbar or in menu bar.\n */\nfunction _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>(\n\tButtonClass: T,\n\teditor: Editor,\n\tcommandName: 'bulletedList' | 'numberedList' | 'todoList',\n\tlabel: string,\n\ticon: string\n): InstanceType<T> {\n\tconst command = editor.commands.get( commandName )!;\n\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\n\tview.set( {\n\t\tlabel,\n\t\ticon\n\t} );\n\n\t// Bind button model to command.\n\tview.bind( 'isOn', 'isEnabled' ).to( command, 'value', 'isEnabled' );\n\n\t// Execute the command.\n\tview.on<ButtonExecuteEvent>( 'execute', () => {\n\t\teditor.execute( commandName );\n\t\teditor.editing.view.focus();\n\t} );\n\n\treturn view;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/listui\n */\n\nimport { createUIComponents } from './utils.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconBulletedList, IconNumberedList } from 'ckeditor5/src/icons.js';\n\n/**\n * The list UI feature. It introduces the `'numberedList'` and `'bulletedList'` buttons that\n * allow to convert paragraphs to and from list items and indent or outdent them.\n */\nexport class ListUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst t = this.editor.t;\n\n\t\t// Create button numberedList.\n\t\tif ( !this.editor.ui.componentFactory.has( 'numberedList' ) ) {\n\t\t\tcreateUIComponents( this.editor, 'numberedList', t( 'Numbered List' ), IconNumberedList );\n\t\t}\n\n\t\t// Create button bulletedList.\n\t\tif ( !this.editor.ui.componentFactory.has( 'bulletedList' ) ) {\n\t\t\tcreateUIComponents( this.editor, 'bulletedList', t( 'Bulleted List' ), IconBulletedList );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ListEditing } from './list/listediting.js';\nimport { ListUI } from './list/listui.js';\n\n/**\n * The list feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/list/listediting~ListEditing  list\n * editing feature} and {@link module:list/list/listui~ListUI list UI feature}.\n */\nexport class List extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ListEditing, ListUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'List' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/liststartcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\nimport {\n\texpandListBlocksToCompleteList,\n\tisListItemBlock,\n\tisNumberedListType\n} from '../list/utils/model.js';\n\n/**\n * The list start index command. It changes the `listStart` attribute of the selected list items,\n * letting the user to choose the starting point of an ordered list.\n * It is used by the {@link module:list/listproperties~ListProperties list properties feature}.\n */\nexport class ListStartCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public value: number | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst value = this._getValue();\n\n\t\tthis.value = value;\n\t\tthis.isEnabled = value != null;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Execute options.\n\t * @param options.startIndex The list start index.\n\t */\n\tpublic override execute( { startIndex = 1 }: { startIndex?: number } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\n\t\tlet blocks = Array.from( document.selection.getSelectedBlocks() )\n\t\t\t.filter( block =>\n\t\t\t\tisListItemBlock( block ) &&\n\t\t\t\tisNumberedListType( block.getAttribute( 'listType' ) )\n\t\t\t);\n\n\t\tblocks = expandListBlocksToCompleteList( blocks );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const block of blocks ) {\n\t\t\t\twriter.setAttribute( 'listStart', startIndex >= 0 ? startIndex : 1, block );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */\n\tprivate _getValue() {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\n\t\tconst block = first( document.selection.getSelectedBlocks() );\n\n\t\tif (\n\t\t\tblock &&\n\t\t\tisListItemBlock( block ) &&\n\t\t\tisNumberedListType( block.getAttribute( 'listType' ) )\n\t\t) {\n\t\t\treturn block.getAttribute( 'listStart' ) as number;\n\t\t}\n\n\t\treturn null;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/utils/style\n*/\n\nconst LIST_STYLE_TO_LIST_TYPE: Record<string, 'bulleted' | 'numbered' | undefined> = {};\nconst LIST_STYLE_TO_TYPE_ATTRIBUTE: Record<string, string | null | undefined> = {};\nconst TYPE_ATTRIBUTE_TO_LIST_STYLE: Record<string, string | undefined> = {};\n\nconst LIST_STYLE_TYPES: Array<{ listStyle: string; typeAttribute: string | null; listType: 'bulleted' | 'numbered' }> = [\n\t{ listStyle: 'disc', typeAttribute: 'disc', listType: 'bulleted' },\n\t{ listStyle: 'circle', typeAttribute: 'circle', listType: 'bulleted' },\n\t{ listStyle: 'square', typeAttribute: 'square', listType: 'bulleted' },\n\t{ listStyle: 'decimal', typeAttribute: '1', listType: 'numbered' },\n\t{ listStyle: 'decimal-leading-zero', typeAttribute: null, listType: 'numbered' },\n\t{ listStyle: 'lower-roman', typeAttribute: 'i', listType: 'numbered' },\n\t{ listStyle: 'upper-roman', typeAttribute: 'I', listType: 'numbered' },\n\t{ listStyle: 'lower-alpha', typeAttribute: 'a', listType: 'numbered' },\n\t{ listStyle: 'upper-alpha', typeAttribute: 'A', listType: 'numbered' },\n\t{ listStyle: 'lower-latin', typeAttribute: 'a', listType: 'numbered' },\n\t{ listStyle: 'upper-latin', typeAttribute: 'A', listType: 'numbered' }\n];\n\nfor ( const { listStyle, typeAttribute, listType } of LIST_STYLE_TYPES ) {\n\tLIST_STYLE_TO_LIST_TYPE[ listStyle ] = listType;\n\tLIST_STYLE_TO_TYPE_ATTRIBUTE[ listStyle ] = typeAttribute;\n\n\tif ( typeAttribute ) {\n\t\tTYPE_ATTRIBUTE_TO_LIST_STYLE[ typeAttribute ] = listStyle;\n\t}\n}\n\n/**\n * Gets all the style types supported by given list type.\n *\n * @internal\n */\nexport function getAllSupportedStyleTypes(): Array<string> {\n\treturn LIST_STYLE_TYPES.map( x => x.listStyle );\n}\n\n/**\n * Checks whether the given list-style-type is supported by numbered or bulleted list.\n *\n * @internal\n */\nexport function getListTypeFromListStyleType( listStyleType: string ): 'bulleted' | 'numbered' | null {\n\treturn LIST_STYLE_TO_LIST_TYPE[ listStyleType ] || null;\n}\n\n/**\n * Converts `type` attribute of `<ul>` or `<ol>` elements to `list-style-type` equivalent.\n *\n * @internal\n */\nexport function getListStyleTypeFromTypeAttribute( value: string ): string | null {\n\treturn TYPE_ATTRIBUTE_TO_LIST_STYLE[ value ] || null;\n}\n\n/**\n * Converts `list-style-type` style to `type` attribute of `<ul>` or `<ol>` elements.\n *\n * @internal\n */\nexport function getTypeAttributeFromListStyleType( value: string ): string | null {\n\treturn LIST_STYLE_TO_TYPE_ATTRIBUTE[ value ] || null;\n}\n\n/**\n * Normalizes list style by converting aliases to their canonical form.\n *\n * @internal\n * @param listStyle The list style value to normalize.\n * @returns The canonical form of the list style.\n *\n * @example\n * normalizeListStyle( 'lower-alpha' ); // Returns 'lower-latin'\n * normalizeListStyle( 'upper-alpha' ); // Returns 'upper-latin'\n * normalizeListStyle( 'disc' ); // Returns 'disc'\n */\nexport function normalizeListStyle( listStyle: string ): string {\n\tswitch ( listStyle ) {\n\t\tcase 'lower-alpha':\n\t\t\treturn 'lower-latin';\n\t\tcase 'upper-alpha':\n\t\t\treturn 'upper-latin';\n\t\tdefault:\n\t\t\treturn listStyle;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/liststylecommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\nimport {\n\texpandListBlocksToCompleteList,\n\tisListItemBlock\n} from '../list/utils/model.js';\nimport { getListTypeFromListStyleType } from './utils/style.js';\n\n/**\n * The list style command. It changes `listStyle` attribute of the selected list items,\n * letting the user choose styles for the list item markers.\n * It is used by the {@link module:list/listproperties~ListProperties list properties feature}.\n */\nexport class ListStyleCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public value: string | null;\n\n\t/**\n\t * The default type of the list style.\n\t */\n\tpublic readonly defaultType: string;\n\n\t/**\n\t * The list of supported style types by this command.\n\t */\n\tprivate _supportedTypes: Array<string> | undefined;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param defaultType The list type that will be used by default if the value was not specified during\n\t * the command execution.\n\t * @param supportedTypes The list of supported style types by this command.\n\t */\n\tconstructor( editor: Editor, defaultType: string, supportedTypes?: Array<string> ) {\n\t\tsuper( editor );\n\n\t\tthis.defaultType = defaultType;\n\t\tthis._supportedTypes = supportedTypes;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.value = this._getValue();\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.type The type of the list style, e.g. `'disc'` or `'square'`. If `null` is specified, the default\n\t * style will be applied.\n\t */\n\tpublic override execute( options: { type?: string | null } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\n\t\tmodel.change( writer => {\n\t\t\tthis._tryToConvertItemsToList( options );\n\n\t\t\tlet blocks = Array.from( document.selection.getSelectedBlocks() )\n\t\t\t\t.filter( block => block.hasAttribute( 'listType' ) );\n\n\t\t\tif ( !blocks.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tblocks = expandListBlocksToCompleteList( blocks );\n\n\t\t\tfor ( const block of blocks ) {\n\t\t\t\twriter.setAttribute( 'listStyle', options.type || this.defaultType, block );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks if the given style type is supported by this plugin.\n\t */\n\tpublic isStyleTypeSupported( value: string ): boolean {\n\t\tif ( !this._supportedTypes ) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn this._supportedTypes.includes( value );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */\n\tprivate _getValue() {\n\t\tconst listItem = first( this.editor.model.document.selection.getSelectedBlocks() );\n\n\t\tif ( isListItemBlock( listItem ) ) {\n\t\t\treturn listItem.getAttribute( 'listStyle' ) as string;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled() {\n\t\tconst editor = this.editor;\n\n\t\tconst numberedList = editor.commands.get( 'numberedList' )!;\n\t\tconst bulletedList = editor.commands.get( 'bulletedList' )!;\n\n\t\treturn numberedList.isEnabled || bulletedList.isEnabled;\n\t}\n\n\t/**\n\t * Check if the provided list style is valid. Also change the selection to a list if it's not set yet.\n\t *\n\t * @param options.type The type of the list style. If `null` is specified, the function does nothing.\n\t*/\n\tprivate _tryToConvertItemsToList( options: { type?: string | null } ) {\n\t\tif ( !options.type ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst listType = getListTypeFromListStyleType( options.type );\n\n\t\tif ( !listType ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst commandName = `${ listType }List` as const;\n\t\tconst command = editor.commands.get( commandName )!;\n\n\t\tif ( !command.value ) {\n\t\t\teditor.execute( commandName );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/listreversedcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\nimport {\n\texpandListBlocksToCompleteList,\n\tisListItemBlock\n} from '../list/utils/model.js';\n\n/**\n * The list reversed command. It changes the `listReversed` attribute of the selected list items,\n * letting the user to choose the order of an ordered list.\n * It is used by the {@link module:list/listproperties~ListProperties list properties feature}.\n */\nexport class ListReversedCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public value: boolean | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst value = this._getValue();\n\n\t\tthis.value = value;\n\t\tthis.isEnabled = value != null;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.reversed Whether the list should be reversed.\n\t */\n\tpublic override execute( options: { reversed?: boolean } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\n\t\tlet blocks = Array.from( document.selection.getSelectedBlocks() )\n\t\t\t.filter( block => isListItemBlock( block ) && block.getAttribute( 'listType' ) == 'numbered' );\n\n\t\tblocks = expandListBlocksToCompleteList( blocks );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const block of blocks ) {\n\t\t\t\twriter.setAttribute( 'listReversed', !!options.reversed, block );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t */\n\tprivate _getValue() {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\n\t\tconst block = first( document.selection.getSelectedBlocks() );\n\n\t\tif ( isListItemBlock( block ) && block.getAttribute( 'listType' ) == 'numbered' ) {\n\t\t\treturn block.getAttribute( 'listReversed' ) as boolean;\n\t\t}\n\n\t\treturn null;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/converters\n */\n\nimport type { UpcastElementEvent } from 'ckeditor5/src/engine.js';\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\n\nimport type { AttributeStrategy } from './listpropertiesediting.js';\n\n/**\n * Returns a converter that consumes the `style`, `reversed`, and `start` attributes.\n * In `style`, it searches for the `list-style-type` definition.\n * If not found, the `\"default\"` value will be used.\n *\n * @internal\n * @param strategy\n */\nexport function listPropertiesUpcastConverter( strategy: AttributeStrategy ): GetCallback<UpcastElementEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst { writer, schema, consumable } = conversionApi;\n\n\t\t// If there is no view consumable to consume, set the default attribute value to be able to reconvert nested lists on parent change.\n\t\t// So abort converting if attribute was directly consumed.\n\t\tif ( consumable.test( data.viewItem, strategy.viewConsumables ) === false ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !data.modelRange ) {\n\t\t\tObject.assign( data, conversionApi.convertChildren( data.viewItem, data.modelCursor ) );\n\t\t}\n\n\t\tlet applied = false;\n\n\t\tfor ( const item of data.modelRange!.getItems( { shallow: true } ) ) {\n\t\t\tif ( !schema.checkAttribute( item, strategy.attributeName ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( !strategy.appliesToListItem( item ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Set list attributes only on same level items, those nested deeper are already handled by the recursive conversion.\n\t\t\tif ( item.hasAttribute( strategy.attributeName ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\twriter.setAttribute( strategy.attributeName, strategy.getAttributeOnUpcast( data.viewItem ), item );\n\t\t\tapplied = true;\n\t\t}\n\n\t\tif ( applied ) {\n\t\t\tconsumable.consume( data.viewItem, strategy.viewConsumables );\n\t\t}\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/listpropertiesutils\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\tgetAllSupportedStyleTypes,\n\tgetListStyleTypeFromTypeAttribute,\n\tgetListTypeFromListStyleType,\n\tgetTypeAttributeFromListStyleType\n} from './utils/style.js';\n\n/**\n * A set of helpers related to document lists.\n */\nexport class ListPropertiesUtils extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListPropertiesUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Gets all the style types supported by given list type.\n\t */\n\tpublic getAllSupportedStyleTypes(): Array<string> {\n\t\treturn getAllSupportedStyleTypes();\n\t}\n\n\t/**\n\t * Checks whether the given list-style-type is supported by numbered or bulleted list.\n\t */\n\tpublic getListTypeFromListStyleType( listStyleType: string ): 'bulleted' | 'numbered' | null {\n\t\treturn getListTypeFromListStyleType( listStyleType );\n\t}\n\n\t/**\n\t * Converts `type` attribute of `<ul>` or `<ol>` elements to `list-style-type` equivalent.\n\t */\n\tpublic getListStyleTypeFromTypeAttribute( value: string ): string | null {\n\t\treturn getListStyleTypeFromTypeAttribute( value );\n\t}\n\n\t/**\n\t * Converts `list-style-type` style to `type` attribute of `<ul>` or `<ol>` elements.\n\t */\n\tpublic getTypeAttributeFromListStyleType( value: string ): string | null {\n\t\treturn getTypeAttributeFromListStyleType( value );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/utils/config\n */\n\nimport { toArray } from 'ckeditor5/src/utils.js';\nimport type { ListPropertiesConfig, ListPropertiesStyleListType } from '../../listconfig.js';\n\n/**\n * Normalizes {@link module:list/listconfig~ListPropertiesConfig} in the configuration of the list properties feature.\n * The structure of normalized list properties options looks as follows:\n *\n * ```ts\n * {\n * \tstyles: {\n * \t\tlistTypes: [ 'bulleted', 'numbered' ],\n * \t\tuseAttribute: false\n * \t},\n * \tstartIndex: true,\n * \treversed: true\n * }\n * ```\n *\n * @internal\n * @param config The list properties {@link module:list/listconfig~ListPropertiesConfig config}.\n * @returns An object with normalized list properties options.\n */\nexport function getNormalizedConfig( config: ListPropertiesConfig ): NormalizedListPropertiesConfig {\n\tconst { startIndex, reversed, styles } = config;\n\n\treturn {\n\t\tstyles: getNormalizedStylesConfig( styles ),\n\t\tstartIndex: startIndex || false,\n\t\treversed: reversed || false\n\t};\n}\n\n/**\n * Normalizes styles in the configuration of the list properties feature.\n * The structure of normalized list properties options looks as follows:\n *\n * ```ts\n * {\n * \tlistTypes: [ 'bulleted', 'numbered' ],\n * \tuseAttribute: false\n * }\n * ```\n *\n * @param styles The list properties styles.\n * @returns An object with normalized list properties styles.\n */\nfunction getNormalizedStylesConfig( styles: ListPropertiesConfig[ 'styles' ] ): NormalizedListPropertiesConfig[ 'styles' ] {\n\tconst normalizedConfig: NormalizedListPropertiesConfig[ 'styles' ] = {\n\t\tlistTypes: [ 'bulleted', 'numbered' ],\n\t\tuseAttribute: false\n\t};\n\n\tif ( styles === true ) {\n\t\treturn normalizedConfig;\n\t}\n\n\tif ( !styles ) {\n\t\tnormalizedConfig.listTypes = [];\n\t}\n\telse if ( Array.isArray( styles ) || typeof styles == 'string' ) {\n\t\tnormalizedConfig.listTypes = toArray( styles );\n\t}\n\telse {\n\t\tnormalizedConfig.listTypes = styles.listTypes ?\n\t\t\ttoArray( styles.listTypes ) :\n\t\t\tnormalizedConfig.listTypes;\n\n\t\tnormalizedConfig.useAttribute = !!styles.useAttribute;\n\n\t\tif ( styles.listStyleTypes ) {\n\t\t\tnormalizedConfig.listStyleTypes = styles.listStyleTypes;\n\t\t}\n\t}\n\n\treturn normalizedConfig;\n}\n\n/**\n* Normalized list properties config.\n*\n* @internal\n*/\nexport type NormalizedListPropertiesConfig = {\n\tstyles: {\n\t\tlistTypes: Array<ListPropertiesStyleListType>;\n\t\tlistStyleTypes?: {\n\t\t\tnumbered?: Array<string>;\n\t\t\tbulleted?: Array<string>;\n\t\t};\n\t\tuseAttribute: boolean;\n\t};\n\tstartIndex: boolean;\n\treversed: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/listpropertiesediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\n\nimport type {\n\tConsumables,\n\tViewDowncastWriter,\n\tModelElement,\n\tModelItem,\n\tUpcastElementEvent,\n\tViewElement\n} from 'ckeditor5/src/engine.js';\n\nimport {\n\tListEditing,\n\ttype ListType,\n\ttype ListEditingCheckAttributesEvent,\n\ttype ListEditingPostFixerEvent,\n\ttype ListItemAttributesMap\n} from '../list/listediting.js';\n\nimport { ListStartCommand } from './liststartcommand.js';\nimport { ListStyleCommand } from './liststylecommand.js';\nimport { ListReversedCommand } from './listreversedcommand.js';\nimport { listPropertiesUpcastConverter } from './converters.js';\nimport {\n\tgetAllSupportedStyleTypes,\n\tgetListTypeFromListStyleType,\n\tgetListStyleTypeFromTypeAttribute,\n\tgetTypeAttributeFromListStyleType,\n\tnormalizeListStyle\n} from './utils/style.js';\nimport { ListPropertiesUtils } from './listpropertiesutils.js';\nimport {\n\tisNumberedListType\n} from '../list/utils/model.js';\n\nimport type { ListIndentCommandAfterExecuteEvent } from '../list/listindentcommand.js';\nimport type { ListPropertiesConfig } from '../listconfig.js';\nimport { getNormalizedConfig } from './utils/config.js';\n\nconst DEFAULT_LIST_TYPE = 'default';\n\n/**\n * The document list properties engine feature.\n *\n * It registers the `'listStyle'`, `'listReversed'` and `'listStart'` commands if they are enabled in the configuration.\n * Read more in {@link module:list/listconfig~ListPropertiesConfig}.\n */\nexport class ListPropertiesEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ListEditing, ListPropertiesUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListPropertiesEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'LP';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'list.properties', {\n\t\t\tstyles: true,\n\t\t\tstartIndex: false,\n\t\t\treversed: false\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst listEditing = editor.plugins.get( ListEditing );\n\n\t\tconst enabledProperties = editor.config.get( 'list.properties' )!;\n\t\tconst strategies = createAttributeStrategies( enabledProperties );\n\n\t\tfor ( const strategy of strategies ) {\n\t\t\tstrategy.addCommand( editor );\n\n\t\t\tmodel.schema.extend( '$listItem', { allowAttributes: strategy.attributeName } );\n\n\t\t\t// Register downcast strategy.\n\t\t\tlistEditing.registerDowncastStrategy( {\n\t\t\t\tscope: 'list',\n\t\t\t\tattributeName: strategy.attributeName,\n\n\t\t\t\tsetAttributeOnDowncast( writer, attributeValue, viewElement ) {\n\t\t\t\t\tstrategy.setAttributeOnDowncast( writer, attributeValue, viewElement );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\t// Set up conversion.\n\t\teditor.conversion.for( 'upcast' ).add( dispatcher => {\n\t\t\tfor ( const strategy of strategies ) {\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:ol', listPropertiesUpcastConverter( strategy ) );\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:ul', listPropertiesUpcastConverter( strategy ) );\n\t\t\t}\n\t\t} );\n\n\t\t// Verify if the list view element (ul or ol) requires refreshing.\n\t\tlistEditing.on<ListEditingCheckAttributesEvent>(\n\t\t\t'checkAttributes:list',\n\t\t\t( evt, { viewElement, modelAttributes, modelReferenceElement } ) => {\n\t\t\t\tfor ( const strategy of strategies ) {\n\t\t\t\t\tif ( !strategy.appliesToListItem( modelReferenceElement ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( strategy.getAttributeOnUpcast( viewElement ) != modelAttributes[ strategy.attributeName ] ) {\n\t\t\t\t\t\tevt.return = true;\n\t\t\t\t\t\tevt.stop();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\t// Reset list properties after indenting list items.\n\t\tthis.listenTo<ListIndentCommandAfterExecuteEvent>(\n\t\t\teditor.commands.get( 'indentList' )!,\n\t\t\t'afterExecute',\n\t\t\t( evt, changedBlocks ) => {\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\tfor ( const node of changedBlocks ) {\n\t\t\t\t\t\tfor ( const strategy of strategies ) {\n\t\t\t\t\t\t\tif ( strategy.appliesToListItem( node ) ) {\n\t\t\t\t\t\t\t\t// Just reset the attribute.\n\t\t\t\t\t\t\t\t// If there is a previous indented list that this node should be merged into,\n\t\t\t\t\t\t\t\t// the postfixer will unify all the attributes of both sub-lists.\n\t\t\t\t\t\t\t\twriter.setAttribute( strategy.attributeName, strategy.defaultValue, node );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t);\n\n\t\t// Add or remove list properties attributes depending on the list type.\n\t\tlistEditing.on<ListEditingPostFixerEvent>( 'postFixer', ( evt, { listNodes, writer } ) => {\n\t\t\tfor ( const { node } of listNodes ) {\n\t\t\t\tfor ( const strategy of strategies ) {\n\t\t\t\t\t// Check if attribute is valid.\n\t\t\t\t\tif ( strategy.hasValidAttribute( node ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Add missing default property attributes...\n\t\t\t\t\tif ( strategy.appliesToListItem( node ) ) {\n\t\t\t\t\t\twriter.setAttribute( strategy.attributeName, strategy.defaultValue, node );\n\t\t\t\t\t}\n\t\t\t\t\t// ...or remove invalid property attributes.\n\t\t\t\t\telse {\n\t\t\t\t\t\twriter.removeAttribute( strategy.attributeName, node );\n\t\t\t\t\t}\n\n\t\t\t\t\tevt.return = true;\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Make sure that all items in a single list (items at the same level & listType) have the same properties.\n\t\tlistEditing.on<ListEditingPostFixerEvent>( 'postFixer', ( evt, { listNodes, writer } ) => {\n\t\t\tfor ( const { node, previousNodeInList } of listNodes ) {\n\t\t\t\t// This is a first item of a nested list.\n\t\t\t\tif ( !previousNodeInList ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// This is a first block of a list of a different type.\n\t\t\t\tif ( previousNodeInList.getAttribute( 'listType' ) != node.getAttribute( 'listType' ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Copy properties from the previous one.\n\t\t\t\tfor ( const strategy of strategies ) {\n\t\t\t\t\tconst { attributeName } = strategy;\n\n\t\t\t\t\tif ( !strategy.appliesToListItem( node ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst value = previousNodeInList.getAttribute( attributeName );\n\n\t\t\t\t\tif ( node.getAttribute( attributeName ) != value ) {\n\t\t\t\t\t\twriter.setAttribute( attributeName, value, node );\n\t\t\t\t\t\tevt.return = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Strategy for dealing with `listItem` attributes supported by this plugin.\n *\n * @internal\n */\nexport interface AttributeStrategy {\n\n\t/**\n\t * The model attribute name.\n\t */\n\tattributeName: keyof ListItemAttributesMap;\n\n\t/**\n\t * The model attribute default value.\n\t */\n\tdefaultValue: unknown;\n\n\t/**\n\t * The view consumable as expected by {@link module:engine/conversion/viewconsumable~ViewConsumable#consume `ViewConsumable`}.\n\t */\n\tviewConsumables: Consumables;\n\n\t/**\n\t * Registers an editor command.\n\t */\n\taddCommand( editor: Editor ): void;\n\n\t/**\n\t * Verifies whether the strategy is applicable for the specified model element.\n\t */\n\tappliesToListItem( element: ModelItem ): boolean;\n\n\t/**\n\t * Verifies whether the model attribute value is valid.\n\t */\n\thasValidAttribute( element: ModelElement ): boolean;\n\n\t/**\n\t * Sets the property on the view element.\n\t */\n\tsetAttributeOnDowncast( writer: ViewDowncastWriter, value: unknown, element: ViewElement ): void;\n\n\t/**\n\t * Retrieves the property value from the view element.\n\t */\n\tgetAttributeOnUpcast( element: ViewElement ): unknown;\n}\n\n/**\n * Creates an array of strategies for dealing with enabled listItem attributes.\n */\nfunction createAttributeStrategies( enabledProperties: ListPropertiesConfig ) {\n\tconst strategies: Array<AttributeStrategy> = [];\n\tconst normalizedConfig = getNormalizedConfig( enabledProperties );\n\n\tif ( enabledProperties.styles ) {\n\t\tconst useAttribute = normalizedConfig.styles.useAttribute;\n\n\t\tstrategies.push( {\n\t\t\tattributeName: 'listStyle',\n\t\t\tdefaultValue: DEFAULT_LIST_TYPE,\n\t\t\tviewConsumables: { styles: 'list-style-type' },\n\n\t\t\taddCommand( editor ) {\n\t\t\t\tlet supportedTypes = getAllSupportedStyleTypes();\n\n\t\t\t\tif ( useAttribute ) {\n\t\t\t\t\tsupportedTypes = supportedTypes.filter( styleType => !!getTypeAttributeFromListStyleType( styleType ) );\n\t\t\t\t}\n\n\t\t\t\teditor.commands.add( 'listStyle', new ListStyleCommand( editor, DEFAULT_LIST_TYPE, supportedTypes ) );\n\t\t\t},\n\n\t\t\tappliesToListItem( item ) {\n\t\t\t\treturn item.getAttribute( 'listType' ) == 'numbered' || item.getAttribute( 'listType' ) == 'bulleted';\n\t\t\t},\n\n\t\t\thasValidAttribute( item ) {\n\t\t\t\tif ( !this.appliesToListItem( item ) ) {\n\t\t\t\t\treturn !item.hasAttribute( 'listStyle' );\n\t\t\t\t}\n\n\t\t\t\tif ( !item.hasAttribute( 'listStyle' ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\tconst value = item.getAttribute( 'listStyle' );\n\n\t\t\t\tif ( value == DEFAULT_LIST_TYPE ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\treturn getListTypeFromListStyleType( value as string ) == item.getAttribute( 'listType' );\n\t\t\t},\n\n\t\t\tsetAttributeOnDowncast( writer, listStyle, element ) {\n\t\t\t\tif ( listStyle && listStyle !== DEFAULT_LIST_TYPE ) {\n\t\t\t\t\tif ( useAttribute ) {\n\t\t\t\t\t\tconst value = getTypeAttributeFromListStyleType( listStyle as string );\n\n\t\t\t\t\t\tif ( value ) {\n\t\t\t\t\t\t\twriter.setAttribute( 'type', value, element );\n\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.setStyle( 'list-style-type', listStyle as string, element );\n\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\twriter.removeStyle( 'list-style-type', element );\n\t\t\t\twriter.removeAttribute( 'type', element );\n\t\t\t},\n\n\t\t\tgetAttributeOnUpcast( listParent ) {\n\t\t\t\tconst style = listParent.getStyle( 'list-style-type' );\n\n\t\t\t\tif ( style ) {\n\t\t\t\t\treturn normalizeListStyle( style );\n\t\t\t\t}\n\n\t\t\t\tconst attribute = listParent.getAttribute( 'type' );\n\n\t\t\t\tif ( attribute ) {\n\t\t\t\t\treturn getListStyleTypeFromTypeAttribute( attribute );\n\t\t\t\t}\n\n\t\t\t\treturn DEFAULT_LIST_TYPE;\n\t\t\t}\n\t\t} );\n\t}\n\n\tif ( enabledProperties.reversed ) {\n\t\tstrategies.push( {\n\t\t\tattributeName: 'listReversed',\n\t\t\tdefaultValue: false,\n\t\t\tviewConsumables: { attributes: 'reversed' },\n\n\t\t\taddCommand( editor ) {\n\t\t\t\teditor.commands.add( 'listReversed', new ListReversedCommand( editor ) );\n\t\t\t},\n\n\t\t\tappliesToListItem( item ) {\n\t\t\t\treturn item.getAttribute( 'listType' ) == 'numbered';\n\t\t\t},\n\n\t\t\thasValidAttribute( item ) {\n\t\t\t\treturn this.appliesToListItem( item ) == item.hasAttribute( 'listReversed' );\n\t\t\t},\n\n\t\t\tsetAttributeOnDowncast( writer, listReversed, element ) {\n\t\t\t\tif ( listReversed ) {\n\t\t\t\t\twriter.setAttribute( 'reversed', 'reversed', element );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeAttribute( 'reversed', element );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tgetAttributeOnUpcast( listParent ) {\n\t\t\t\treturn listParent.hasAttribute( 'reversed' );\n\t\t\t}\n\t\t} );\n\t}\n\n\tif ( enabledProperties.startIndex ) {\n\t\tstrategies.push( {\n\t\t\tattributeName: 'listStart',\n\t\t\tdefaultValue: 1,\n\t\t\tviewConsumables: { attributes: 'start' },\n\n\t\t\taddCommand( editor ) {\n\t\t\t\teditor.commands.add( 'listStart', new ListStartCommand( editor ) );\n\t\t\t},\n\n\t\t\tappliesToListItem( item ) {\n\t\t\t\treturn isNumberedListType( item.getAttribute( 'listType' ) as ListType );\n\t\t\t},\n\n\t\t\thasValidAttribute( item ) {\n\t\t\t\treturn this.appliesToListItem( item ) == item.hasAttribute( 'listStart' );\n\t\t\t},\n\n\t\t\tsetAttributeOnDowncast( writer, listStart, element ) {\n\t\t\t\tif ( listStart == 0 || ( listStart as number ) > 1 ) {\n\t\t\t\t\twriter.setAttribute( 'start', listStart, element );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeAttribute( 'start', element );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tgetAttributeOnUpcast( listParent ) {\n\t\t\t\tconst startAttributeValue: any = listParent.getAttribute( 'start' );\n\n\t\t\t\treturn startAttributeValue >= 0 ? startAttributeValue : 1;\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn strategies;\n}\n\ndeclare module '../list/listediting' {\n\tinterface ListItemAttributesMap {\n\t\tlistStyle?: string;\n\t\tlistStart?: number;\n\t\tlistReversed?: boolean;\n\t}\n}\n\ndeclare module '../list/utils/model' {\n\tinterface ListElement {\n\t\tgetAttribute( key: 'listStyle' ): string;\n\t\tgetAttribute( key: 'listStart' ): number;\n\t\tgetAttribute( key: 'listReversed' ): boolean;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/ui/listpropertiesview\n */\n\nimport {\n\tButtonView,\n\tView,\n\tViewCollection,\n\tFocusCycler,\n\tSwitchButtonView,\n\tLabeledFieldView,\n\tcreateLabeledInputNumber,\n\taddKeyboardHandlingForGrid,\n\tCollapsibleView,\n\ttype InputNumberView,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\n\nimport {\n\tFocusTracker,\n\tKeystrokeHandler,\n\tglobal,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\n\nimport type { NormalizedListPropertiesConfig } from '../utils/config.js';\n\nimport '../../../theme/listproperties.css';\n\n/**\n * The list properties view to be displayed in the list dropdown.\n *\n * Contains a grid of available list styles and, for numbered list, also the list start index and reversed fields.\n *\n * @internal\n */\nexport class ListPropertiesView extends View {\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public locale: Locale;\n\n\t/**\n\t * A collection of the child views.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A view that renders the grid of list styles.\n\t */\n\tpublic readonly stylesView: StylesView | null = null;\n\n\t/**\n\t * A collapsible view that hosts additional list property fields ({@link #startIndexFieldView} and\n\t * {@link #reversedSwitchButtonView}) to visually separate them from the {@link #stylesView grid of styles}.\n\t *\n\t * **Note**: Only present when:\n\t * * the view represents **numbered** list properties,\n\t * * and the {@link #stylesView} is rendered,\n\t * * and either {@link #startIndexFieldView} or {@link #reversedSwitchButtonView} is rendered.\n\t *\n\t * @readonly\n\t */\n\tpublic additionalPropertiesCollapsibleView: CollapsibleView | null = null;\n\n\t/**\n\t * A labeled number field allowing the user to set the start index of the list.\n\t *\n\t * **Note**: Only present when the view represents **numbered** list properties.\n\t *\n\t * @readonly\n\t */\n\tpublic startIndexFieldView: LabeledFieldView<InputNumberView> | null = null;\n\n\t/**\n\t * A switch button allowing the user to make the edited list reversed.\n\t *\n\t * **Note**: Only present when the view represents **numbered** list properties.\n\t *\n\t * @readonly\n\t */\n\tpublic reversedSwitchButtonView: SwitchButtonView | null = null;\n\n\t/**\n\t * Tracks information about the DOM focus in the view.\n\t */\n\tpublic readonly focusTracker: FocusTracker = new FocusTracker();\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler = new KeystrokeHandler();\n\n\t/**\n\t * A collection of views that can be focused in the properties view.\n\t */\n\tpublic readonly focusables = new ViewCollection<FocusableView>();\n\n\t/**\n\t * Helps cycling over {@link #focusables} in the view.\n\t */\n\tpublic readonly focusCycler: FocusCycler;\n\n\t/**\n\t * Creates an instance of the list properties view.\n\t *\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Options of the view.\n\t * @param options.enabledProperties An object containing the configuration of enabled list property names.\n\t * Allows conditional rendering the sub-components of the properties view.\n\t * @param options.styleButtonViews A list of style buttons to be rendered\n\t * inside the styles grid. The grid will not be rendered when `enabledProperties` does not include the `'styles'` key.\n\t * @param options.styleGridAriaLabel An assistive technologies label set on the grid of styles (if the grid is rendered).\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\t{ enabledProperties, styleButtonViews, styleGridAriaLabel }: {\n\t\t\tenabledProperties: NormalizedListPropertiesConfig;\n\t\t\tstyleButtonViews: Array<ButtonView> | null;\n\t\t\tstyleGridAriaLabel: string;\n\t\t}\n\t) {\n\t\tsuper( locale );\n\n\t\tconst elementCssClasses = [\n\t\t\t'ck',\n\t\t\t'ck-list-properties'\n\t\t];\n\n\t\tthis.children = this.createCollection();\n\n\t\tthis.focusCycler = new FocusCycler( {\n\t\t\tfocusables: this.focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate #children backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate #children forwards using the <kbd>Tab</kbd> key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\t// The rendering of the styles grid is conditional. When there is no styles grid, the view will render without collapsible\n\t\t// for numbered list properties, hence simplifying the layout.\n\t\tif ( styleButtonViews && styleButtonViews.length ) {\n\t\t\tthis.stylesView = this._createStylesView( styleButtonViews!, styleGridAriaLabel );\n\t\t\tthis.children.add( this.stylesView );\n\t\t} else {\n\t\t\telementCssClasses.push( 'ck-list-properties_without-styles' );\n\t\t}\n\n\t\t// The rendering of the numbered list property views is also conditional. It only makes sense for the numbered list\n\t\t// dropdown. The unordered list does not have such properties.\n\t\tif ( enabledProperties.startIndex || enabledProperties.reversed ) {\n\t\t\tthis._addNumberedListPropertyViews( enabledProperties );\n\n\t\t\telementCssClasses.push( 'ck-list-properties_with-numbered-properties' );\n\t\t}\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: elementCssClasses\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tif ( this.stylesView ) {\n\t\t\tthis.focusables.add( this.stylesView );\n\t\t\tthis.focusTracker.add( this.stylesView.element! );\n\n\t\t\t// Register the collapsible toggle button to the focus system.\n\t\t\tif ( this.startIndexFieldView || this.reversedSwitchButtonView ) {\n\t\t\t\tthis.focusables.add( ( this.children.last as any ).buttonView );\n\t\t\t\tthis.focusTracker.add( ( this.children.last as any ).buttonView.element );\n\t\t\t}\n\n\t\t\tfor ( const item of this.stylesView.children ) {\n\t\t\t\tthis.stylesView.focusTracker.add( item.element! );\n\t\t\t}\n\n\t\t\taddKeyboardHandlingForGrid( {\n\t\t\t\tkeystrokeHandler: this.stylesView.keystrokes,\n\t\t\t\tfocusTracker: this.stylesView.focusTracker,\n\t\t\t\tgridItems: this.stylesView.children,\n\t\t\t\t// Note: The styles view has a different number of columns depending on whether the other properties\n\t\t\t\t// are enabled in the dropdown or not (https://github.com/ckeditor/ckeditor5/issues/12340)\n\t\t\t\tnumberOfColumns: () => global.window\n\t\t\t\t\t.getComputedStyle( this.stylesView!.element! )\n\t\t\t\t\t.getPropertyValue( 'grid-template-columns' )\n\t\t\t\t\t.split( ' ' )\n\t\t\t\t\t.length,\n\t\t\t\tuiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n\t\t\t} );\n\t\t}\n\n\t\tif ( this.startIndexFieldView ) {\n\t\t\tthis.focusables.add( this.startIndexFieldView );\n\t\t\tthis.focusTracker.add( this.startIndexFieldView.element! );\n\n\t\t\tconst stopPropagation = ( data: Event ) => data.stopPropagation();\n\n\t\t\t// Since the form is in the dropdown panel which is a child of the toolbar, the toolbar's\n\t\t\t// keystroke handler would take over the key management in the input. We need to prevent\n\t\t\t// this ASAP. Otherwise, the basic caret movement using the arrow keys will be impossible.\n\t\t\tthis.keystrokes.set( 'arrowright', stopPropagation );\n\t\t\tthis.keystrokes.set( 'arrowleft', stopPropagation );\n\t\t\tthis.keystrokes.set( 'arrowup', stopPropagation );\n\t\t\tthis.keystrokes.set( 'arrowdown', stopPropagation );\n\t\t}\n\n\t\tif ( this.reversedSwitchButtonView ) {\n\t\t\tthis.focusables.add( this.reversedSwitchButtonView );\n\t\t\tthis.focusTracker.add( this.reversedSwitchButtonView.element! );\n\t\t}\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus(): void {\n\t\tthis.focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focusLast(): void {\n\t\tthis.focusCycler.focusLast();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Creates the list styles grid.\n\t *\n\t * @param styleButtons Buttons to be placed in the grid.\n\t * @param styleGridAriaLabel The assistive technology label of the grid.\n\t */\n\tprivate _createStylesView( styleButtons: Array<ButtonView>, styleGridAriaLabel: string ) {\n\t\tconst stylesView = new View( this.locale ) as StylesView;\n\n\t\tstylesView.children = stylesView.createCollection();\n\t\tstylesView.children.addMany( styleButtons );\n\n\t\tstylesView.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\t'aria-label': styleGridAriaLabel,\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-list-styles-list'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: stylesView.children\n\t\t} );\n\n\t\tstylesView.children.delegate( 'execute' ).to( this );\n\n\t\tstylesView.focus = function( this: any ) {\n\t\t\t// If there is a button that is already on, focus it.\n\t\t\t// It's counterintuitive to focus the first button when there is already a button on.\n\t\t\tfor ( const child of this.children ) {\n\t\t\t\tif ( child instanceof ButtonView && child.isOn ) {\n\t\t\t\t\tchild.focus();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ... otherwise focus the first button.\n\t\t\tthis.children.first.focus();\n\t\t};\n\n\t\tstylesView.focusTracker = new FocusTracker();\n\t\tstylesView.keystrokes = new KeystrokeHandler();\n\n\t\tstylesView.render();\n\n\t\tstylesView.keystrokes.listenTo( stylesView.element! );\n\n\t\treturn stylesView;\n\t}\n\n\t/**\n\t * Renders {@link #startIndexFieldView} and/or {@link #reversedSwitchButtonView} depending on the configuration of the properties view.\n\t *\n\t * @param enabledProperties An object containing the configuration of enabled list property names\n\t * (see {@link #constructor}).\n\t */\n\tprivate _addNumberedListPropertyViews( enabledProperties: NormalizedListPropertiesConfig ) {\n\t\tconst t = this.locale.t;\n\t\tconst numberedPropertyViews = [];\n\n\t\tif ( enabledProperties.startIndex ) {\n\t\t\tthis.startIndexFieldView = this._createStartIndexField();\n\t\t\tnumberedPropertyViews.push( this.startIndexFieldView );\n\t\t}\n\n\t\tif ( enabledProperties.reversed ) {\n\t\t\tthis.reversedSwitchButtonView = this._createReversedSwitchButton();\n\t\t\tnumberedPropertyViews.push( this.reversedSwitchButtonView );\n\t\t}\n\n\t\t// When there are some style buttons, pack the numbered list properties into a collapsible to separate them.\n\t\tif ( this.stylesView ) {\n\t\t\tthis.additionalPropertiesCollapsibleView = new CollapsibleView( this.locale, numberedPropertyViews );\n\n\t\t\tthis.additionalPropertiesCollapsibleView.set( {\n\t\t\t\tlabel: t( 'List properties' ),\n\t\t\t\tisCollapsed: true\n\t\t\t} );\n\n\t\t\t// Don't enable the collapsible view unless either start index or reversed field is enabled (e.g. when no list is selected).\n\t\t\tthis.additionalPropertiesCollapsibleView.buttonView.bind( 'isEnabled' ).toMany(\n\t\t\t\tnumberedPropertyViews, 'isEnabled', ( ...areEnabled ) => areEnabled.some( isEnabled => isEnabled ) );\n\n\t\t\t// Automatically collapse the additional properties collapsible when either start index or reversed field gets disabled.\n\t\t\tthis.additionalPropertiesCollapsibleView.buttonView.on( 'change:isEnabled', ( evt, data, isEnabled ) => {\n\t\t\t\tif ( !isEnabled ) {\n\t\t\t\t\tthis.additionalPropertiesCollapsibleView!.isCollapsed = true;\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tthis.children.add( this.additionalPropertiesCollapsibleView );\n\t\t} else {\n\t\t\tthis.children.addMany( numberedPropertyViews );\n\t\t}\n\t}\n\n\t/**\n\t * Creates the list start index labeled field.\n\t */\n\tprivate _createStartIndexField() {\n\t\tconst t = this.locale.t;\n\t\tconst startIndexFieldView = new LabeledFieldView( this.locale, createLabeledInputNumber );\n\n\t\tstartIndexFieldView.set( {\n\t\t\tlabel: t( 'Start at' ),\n\t\t\tclass: 'ck-numbered-list-properties__start-index'\n\t\t} );\n\n\t\tstartIndexFieldView.fieldView.set( {\n\t\t\tmin: 0,\n\t\t\tstep: 1,\n\t\t\tvalue: 1,\n\t\t\tinputMode: 'numeric'\n\t\t} );\n\n\t\tstartIndexFieldView.fieldView.on( 'input', () => {\n\t\t\tconst inputElement = startIndexFieldView.fieldView.element!;\n\t\t\tconst startIndex = inputElement.valueAsNumber;\n\n\t\t\tif ( Number.isNaN( startIndex ) ) {\n\t\t\t\t// Number inputs allow for the entry of characters that may result in NaN,\n\t\t\t\t// such as 'e', '+', '123e', '2-'.\n\t\t\t\tstartIndexFieldView.errorText = t( 'Invalid start index value.' );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !inputElement.checkValidity() ) {\n\t\t\t\tstartIndexFieldView.errorText = t( 'Start index must be greater than 0.' );\n\t\t\t} else {\n\t\t\t\tthis.fire<ListPropertiesViewListStartEvent>( 'listStart', { startIndex } );\n\t\t\t}\n\t\t} );\n\n\t\treturn startIndexFieldView;\n\t}\n\n\t/**\n\t * Creates the reversed list switch button.\n\t */\n\tprivate _createReversedSwitchButton() {\n\t\tconst t = this.locale.t;\n\t\tconst reversedButtonView = new SwitchButtonView( this.locale );\n\n\t\treversedButtonView.set( {\n\t\t\twithText: true,\n\t\t\tlabel: t( 'Reversed order' ),\n\t\t\tclass: 'ck-numbered-list-properties__reversed-order'\n\t\t} );\n\n\t\treversedButtonView.delegate( 'execute' ).to( this, 'listReversed' );\n\n\t\treturn reversedButtonView;\n\t}\n}\n\n/**\n * The view that renders the grid of styles.\n *\n * @internal\n */\nexport type StylesView = View & {\n\tchildren: ViewCollection;\n\tfocusTracker: FocusTracker;\n\tkeystrokes: KeystrokeHandler;\n\tfocus(): void;\n};\n\n/**\n * Fired when the list start index value has changed via {@link ~ListPropertiesView#startIndexFieldView}.\n *\n * @eventName ~ListPropertiesView#listStart\n */\nexport type ListPropertiesViewListStartEvent = {\n\tname: 'listStart';\n\targs: [ data: { startIndex: number } ];\n};\n\n/**\n * Fired when the list order has changed (reversed) via {@link ~ListPropertiesView#reversedSwitchButtonView}.\n *\n * @eventName ~ListPropertiesView#listReversed\n */\nexport type ListPropertiesViewListReversedEvent = {\n\tname: 'listReversed';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties/listpropertiesui\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport {\n\tIconBulletedList,\n\tIconNumberedList,\n\tIconListStyleCircle,\n\tIconListStyleDecimal,\n\tIconListStyleDecimalLeadingZero,\n\tIconListStyleDisc,\n\tIconListStyleLowerLatin,\n\tIconListStyleLowerRoman,\n\tIconListStyleSquare,\n\tIconListStyleUpperLatin,\n\tIconListStyleUpperRoman\n} from 'ckeditor5/src/icons.js';\nimport {\n\tButtonView,\n\tSplitButtonView,\n\tcreateDropdown,\n\tfocusChildOnDropdownOpen,\n\tMenuBarMenuView,\n\ttype DropdownView\n} from 'ckeditor5/src/ui.js';\n\nimport type { Locale } from 'ckeditor5/src/utils.js';\n\nimport { ListPropertiesView } from './ui/listpropertiesview.js';\n\nimport { type LegacyListStyleCommand } from '../legacylistproperties/legacyliststylecommand.js';\nimport { type ListStyleCommand } from '../listproperties/liststylecommand.js';\nimport { type LegacyListStartCommand } from '../legacylistproperties/legacyliststartcommand.js';\nimport { type ListStartCommand } from '../listproperties/liststartcommand.js';\nimport { type LegacyListReversedCommand } from '../legacylistproperties/legacylistreversedcommand.js';\nimport { type ListReversedCommand } from '../listproperties/listreversedcommand.js';\n\nimport { getNormalizedConfig, type NormalizedListPropertiesConfig } from './utils/config.js';\nimport { type ListPropertiesStyleListType } from '../listconfig.js';\n\nimport '../../theme/liststyles.css';\n\n/**\n * The list properties UI plugin. It introduces the extended `'bulletedList'` and `'numberedList'` toolbar\n * buttons that allow users to control such aspects of list as the marker, start index or order.\n *\n * **Note**: Buttons introduced by this plugin override implementations from the {@link module:list/list/listui~ListUI}\n * (because they share the same names).\n */\nexport class ListPropertiesUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListPropertiesUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\t\tconst propertiesConfig = editor.config.get( 'list.properties' )!;\n\t\tconst normalizedConfig = getNormalizedConfig( propertiesConfig );\n\t\tconst stylesListTypes = normalizedConfig.styles.listTypes;\n\n\t\t// Note: When this plugin does not register the \"bulletedList\" dropdown due to properties configuration,\n\t\t// a simple button will be still registered under the same name by ListUI as a fallback. This should happen\n\t\t// in most editor configuration because the List plugin automatically requires ListUI.\n\t\tif ( stylesListTypes.includes( 'bulleted' ) ) {\n\t\t\tconst styleDefinitions = [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle the disc list style' ),\n\t\t\t\t\ttooltip: t( 'Disc' ),\n\t\t\t\t\ttype: 'disc',\n\t\t\t\t\ticon: IconListStyleDisc\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle the circle list style' ),\n\t\t\t\t\ttooltip: t( 'Circle' ),\n\t\t\t\t\ttype: 'circle',\n\t\t\t\t\ticon: IconListStyleCircle\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle the square list style' ),\n\t\t\t\t\ttooltip: t( 'Square' ),\n\t\t\t\t\ttype: 'square',\n\t\t\t\t\ticon: IconListStyleSquare\n\t\t\t\t}\n\t\t\t];\n\t\t\tconst buttonLabel = t( 'Bulleted List' );\n\t\t\tconst styleGridAriaLabel = t( 'Bulleted list styles toolbar' );\n\t\t\tconst commandName = 'bulletedList';\n\n\t\t\teditor.ui.componentFactory.add( commandName, getDropdownViewCreator( {\n\t\t\t\teditor,\n\t\t\t\tnormalizedConfig,\n\t\t\t\tparentCommandName: commandName,\n\t\t\t\tbuttonLabel,\n\t\t\t\tbuttonIcon: IconBulletedList,\n\t\t\t\tstyleGridAriaLabel,\n\t\t\t\tstyleDefinitions\n\t\t\t} ) );\n\n\t\t\t// Add the menu bar item for bulleted list.\n\t\t\teditor.ui.componentFactory.add( `menuBar:${ commandName }`, getMenuBarStylesMenuCreator( {\n\t\t\t\teditor,\n\t\t\t\tnormalizedConfig,\n\t\t\t\tparentCommandName: commandName,\n\t\t\t\tbuttonLabel,\n\t\t\t\tstyleGridAriaLabel,\n\t\t\t\tstyleDefinitions\n\t\t\t} ) );\n\t\t}\n\n\t\t// Note: When this plugin does not register the \"numberedList\" dropdown due to properties configuration,\n\t\t// a simple button will be still registered under the same name by ListUI as a fallback. This should happen\n\t\t// in most editor configuration because the List plugin automatically requires ListUI.\n\t\tif ( stylesListTypes.includes( 'numbered' ) || propertiesConfig.startIndex || propertiesConfig.reversed ) {\n\t\t\tconst styleDefinitions = [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle the decimal list style' ),\n\t\t\t\t\ttooltip: t( 'Decimal' ),\n\t\t\t\t\ttype: 'decimal',\n\t\t\t\t\ticon: IconListStyleDecimal\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle the decimal with leading zero list style' ),\n\t\t\t\t\ttooltip: t( 'Decimal with leading zero' ),\n\t\t\t\t\ttype: 'decimal-leading-zero',\n\t\t\t\t\ticon: IconListStyleDecimalLeadingZero\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle the lower–roman list style' ),\n\t\t\t\t\ttooltip: t( 'Lower–roman' ),\n\t\t\t\t\ttype: 'lower-roman',\n\t\t\t\t\ticon: IconListStyleLowerRoman\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle the upper–roman list style' ),\n\t\t\t\t\ttooltip: t( 'Upper-roman' ),\n\t\t\t\t\ttype: 'upper-roman',\n\t\t\t\t\ticon: IconListStyleUpperRoman\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle the lower–latin list style' ),\n\t\t\t\t\ttooltip: t( 'Lower-latin' ),\n\t\t\t\t\ttype: 'lower-latin',\n\t\t\t\t\ticon: IconListStyleLowerLatin\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Toggle the upper–latin list style' ),\n\t\t\t\t\ttooltip: t( 'Upper-latin' ),\n\t\t\t\t\ttype: 'upper-latin',\n\t\t\t\t\ticon: IconListStyleUpperLatin\n\t\t\t\t}\n\t\t\t];\n\t\t\tconst buttonLabel = t( 'Numbered List' );\n\t\t\tconst styleGridAriaLabel = t( 'Numbered list styles toolbar' );\n\t\t\tconst commandName = 'numberedList';\n\n\t\t\teditor.ui.componentFactory.add( commandName, getDropdownViewCreator( {\n\t\t\t\teditor,\n\t\t\t\tnormalizedConfig,\n\t\t\t\tparentCommandName: commandName,\n\t\t\t\tbuttonLabel,\n\t\t\t\tbuttonIcon: IconNumberedList,\n\t\t\t\tstyleGridAriaLabel,\n\t\t\t\tstyleDefinitions\n\t\t\t} ) );\n\n\t\t\t// Menu bar menu does not display list start index or reverse UI. If there are no styles enabled,\n\t\t\t// the menu makes no sense and should be omitted.\n\t\t\tif ( stylesListTypes.includes( 'numbered' ) ) {\n\t\t\t\teditor.ui.componentFactory.add( `menuBar:${ commandName }`, getMenuBarStylesMenuCreator( {\n\t\t\t\t\teditor,\n\t\t\t\t\tnormalizedConfig,\n\t\t\t\t\tparentCommandName: commandName,\n\t\t\t\t\tbuttonLabel,\n\t\t\t\t\tstyleGridAriaLabel,\n\t\t\t\t\tstyleDefinitions\n\t\t\t\t} ) );\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * A helper that returns a function that creates a split button with a toolbar in the dropdown,\n * which in turn contains buttons allowing users to change list styles in the context of the current selection.\n *\n * @param options.editor\n * @param options.normalizedConfig List properties configuration.\n * @param options.parentCommandName The name of the higher-order editor command associated with\n * the set of particular list styles (e.g. \"bulletedList\" for \"disc\", \"circle\", and \"square\" styles).\n * @param options.buttonLabel Label of the main part of the split button.\n * @param options.buttonIcon The SVG string of an icon for the main part of the split button.\n * @param options.styleGridAriaLabel The ARIA label for the styles grid in the split button dropdown.\n * @param options.styleDefinitions Definitions of the style buttons.\n * @returns A function that can be passed straight into {@link module:ui/componentfactory~ComponentFactory#add}.\n */\nfunction getDropdownViewCreator( {\n\teditor,\n\tnormalizedConfig,\n\tparentCommandName,\n\tbuttonLabel,\n\tbuttonIcon,\n\tstyleGridAriaLabel,\n\tstyleDefinitions\n}: {\n\teditor: Editor;\n\tnormalizedConfig: Readonly<NormalizedListPropertiesConfig>;\n\tparentCommandName: string;\n\tbuttonLabel: string;\n\tbuttonIcon: string;\n\tstyleGridAriaLabel: string;\n\tstyleDefinitions: Array<StyleDefinition>;\n} ) {\n\tconst parentCommand = editor.commands.get( parentCommandName )!;\n\n\treturn ( locale: Locale ) => {\n\t\tconst dropdownView = createDropdown( locale, SplitButtonView );\n\t\tconst mainButtonView = dropdownView.buttonView;\n\n\t\tdropdownView.bind( 'isEnabled' ).to( parentCommand );\n\t\tdropdownView.class = 'ck-list-styles-dropdown';\n\n\t\t// Main button was clicked.\n\t\tmainButtonView.on( 'execute', () => {\n\t\t\teditor.execute( parentCommandName );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\tmainButtonView.set( {\n\t\t\tlabel: buttonLabel,\n\t\t\ticon: buttonIcon,\n\t\t\ttooltip: true,\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\tmainButtonView.bind( 'isOn' ).to( parentCommand, 'value', value => !!value );\n\n\t\tdropdownView.once( 'change:isOpen', () => {\n\t\t\tconst listPropertiesView = createListPropertiesView( {\n\t\t\t\teditor,\n\t\t\t\tnormalizedConfig,\n\t\t\t\tdropdownView,\n\t\t\t\tparentCommandName,\n\t\t\t\tstyleGridAriaLabel,\n\t\t\t\tstyleDefinitions\n\t\t\t} );\n\n\t\t\tdropdownView.panelView.children.add( listPropertiesView );\n\t\t} );\n\n\t\t// Focus the editable after executing the command.\n\t\t// Overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n\t\tdropdownView.on( 'execute', () => {\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn dropdownView;\n\t};\n}\n\n/**\n * A helper that returns a function (factory) that creates individual buttons used by users to change styles\n * of lists.\n *\n * @param options.editor\n * @param options.listStyleCommand The instance of the `ListStylesCommand` class.\n * @param options.parentCommandName The name of the higher-order command associated with a\n * particular list style (e.g. \"bulletedList\" is associated with \"square\" and \"numberedList\" is associated with \"roman\").\n * @returns A function that can be passed straight into {@link module:ui/componentfactory~ComponentFactory#add}.\n */\nfunction getStyleButtonCreator( {\n\teditor,\n\tlistStyleCommand,\n\tparentCommandName\n}: {\n\teditor: Editor;\n\tlistStyleCommand: LegacyListStyleCommand | ListStyleCommand;\n\tparentCommandName: string;\n} ) {\n\tconst locale = editor.locale;\n\tconst parentCommand = editor.commands.get( parentCommandName )!;\n\n\treturn ( { label, type, icon, tooltip }: StyleDefinition ) => {\n\t\tconst button = new ButtonView( locale );\n\n\t\tbutton.set( { label, icon, tooltip } );\n\n\t\tbutton.bind( 'isOn' ).to( listStyleCommand, 'value', value => value === type );\n\n\t\tbutton.on( 'execute', () => {\n\t\t\t// If the content the selection is anchored to is a list, let's change its style.\n\t\t\tif ( parentCommand.value ) {\n\t\t\t\t// Remove the list when the current list style is the same as the one that would normally be applied.\n\t\t\t\tif ( listStyleCommand.value === type ) {\n\t\t\t\t\teditor.execute( parentCommandName );\n\t\t\t\t}\n\t\t\t\t// If the current list style is not set in the model or the style is different than the\n\t\t\t\t// one to be applied, simply apply the new style.\n\t\t\t\telse if ( listStyleCommand.value !== type ) {\n\t\t\t\t\teditor.execute( 'listStyle', { type } );\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Otherwise, leave the creation of the styled list to the `ListStyleCommand`.\n\t\t\telse {\n\t\t\t\teditor.model.change( () => {\n\t\t\t\t\teditor.execute( 'listStyle', { type } );\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\treturn button;\n\t};\n}\n\n/**\n * A helper that creates the properties view for the individual style dropdown.\n *\n * @param options.editor Editor instance.\n * @param options.normalizedConfig List properties configuration.\n * @param options.dropdownView Styles dropdown view that hosts the properties view.\n * @param options.parentCommandName The name of the higher-order editor command associated with\n * the set of particular list styles (e.g. \"bulletedList\" for \"disc\", \"circle\", and \"square\" styles).\n * @param options.styleDefinitions Definitions of the style buttons.\n * @param options.styleGridAriaLabel An assistive technologies label set on the grid of styles (if the grid is rendered).\n */\nfunction createListPropertiesView( {\n\teditor,\n\tnormalizedConfig,\n\tdropdownView,\n\tparentCommandName,\n\tstyleDefinitions,\n\tstyleGridAriaLabel\n}: {\n\teditor: Editor;\n\tnormalizedConfig: Readonly<NormalizedListPropertiesConfig>;\n\tdropdownView: DropdownView;\n\tparentCommandName: string;\n\tstyleDefinitions: Array<StyleDefinition>;\n\tstyleGridAriaLabel: string;\n} ) {\n\tconst locale = editor.locale;\n\tconst enabledProperties = {\n\t\t...normalizedConfig,\n\n\t\t...( parentCommandName != 'numberedList' ? {\n\t\t\tstartIndex: false,\n\t\t\treversed: false\n\t\t} : null )\n\t};\n\tconst listType = parentCommandName.replace( 'List', '' ) as ListPropertiesStyleListType;\n\n\tlet styleButtonViews = null;\n\n\tif ( normalizedConfig.styles.listTypes.includes( listType ) ) {\n\t\tconst listStyleCommand: LegacyListStyleCommand | ListStyleCommand = editor.commands.get( 'listStyle' )!;\n\t\tconst styleButtonCreator = getStyleButtonCreator( {\n\t\t\teditor,\n\t\t\tparentCommandName,\n\t\t\tlistStyleCommand\n\t\t} );\n\n\t\tconst configuredListStylesTypes = normalizedConfig.styles.listStyleTypes;\n\t\tlet filteredDefinitions = styleDefinitions;\n\n\t\tif ( configuredListStylesTypes ) {\n\t\t\tconst allowedTypes = configuredListStylesTypes[ listType ];\n\n\t\t\tif ( allowedTypes ) {\n\t\t\t\tfilteredDefinitions = styleDefinitions.filter( def => allowedTypes.includes( def.type ) );\n\t\t\t}\n\t\t}\n\n\t\tconst isStyleTypeSupported = getStyleTypeSupportChecker( listStyleCommand );\n\t\tstyleButtonViews = filteredDefinitions\n\t\t\t.filter( isStyleTypeSupported )\n\t\t\t.map( styleButtonCreator );\n\t}\n\n\tconst listPropertiesView = new ListPropertiesView( locale, {\n\t\tstyleGridAriaLabel,\n\t\tenabledProperties,\n\t\tstyleButtonViews\n\t} );\n\n\tif ( normalizedConfig.styles.listTypes.includes( listType ) ) {\n\t\t// Accessibility: focus the first active style when opening the dropdown.\n\t\tfocusChildOnDropdownOpen( dropdownView, () => {\n\t\t\treturn listPropertiesView.stylesView!.children.find( ( child: any ) => child.isOn );\n\t\t} );\n\t}\n\n\tif ( enabledProperties.startIndex ) {\n\t\tconst listStartCommand: LegacyListStartCommand | ListStartCommand = editor.commands.get( 'listStart' )!;\n\n\t\tlistPropertiesView.startIndexFieldView!.bind( 'isEnabled' ).to( listStartCommand );\n\t\tlistPropertiesView.startIndexFieldView!.fieldView.bind( 'value' ).to( listStartCommand as any );\n\t\tlistPropertiesView.on( 'listStart', ( evt, data ) => editor.execute( 'listStart', data ) );\n\t}\n\n\tif ( enabledProperties.reversed ) {\n\t\tconst listReversedCommand: LegacyListReversedCommand | ListReversedCommand = editor.commands.get( 'listReversed' )!;\n\n\t\tlistPropertiesView.reversedSwitchButtonView!.bind( 'isEnabled' ).to( listReversedCommand );\n\t\tlistPropertiesView.reversedSwitchButtonView!.bind( 'isOn' ).to( listReversedCommand, 'value', value => !!value );\n\t\tlistPropertiesView.on( 'listReversed', () => {\n\t\t\tconst isReversed = listReversedCommand.value;\n\n\t\t\teditor.execute( 'listReversed', { reversed: !isReversed } );\n\t\t} );\n\t}\n\n\t// Make sure applying styles closes the dropdown.\n\tlistPropertiesView.delegate( 'execute' ).to( dropdownView );\n\n\treturn listPropertiesView;\n}\n\n/**\n * A helper that creates the list style submenu for menu bar.\n *\n * @param editor Editor instance.\n * @param normalizedConfig List properties configuration.\n * @param parentCommandName Name of the list command.\n * @param buttonLabel Label of the menu button.\n * @param styleGridAriaLabel ARIA label of the styles grid.\n */\nfunction getMenuBarStylesMenuCreator(\n\t{\n\t\teditor,\n\t\tnormalizedConfig,\n\t\tparentCommandName,\n\t\tbuttonLabel,\n\t\tstyleGridAriaLabel,\n\t\tstyleDefinitions\n\t}: {\n\t\teditor: Editor;\n\t\tnormalizedConfig: Readonly<NormalizedListPropertiesConfig>;\n\t\tparentCommandName: 'bulletedList' | 'numberedList';\n\t\tbuttonLabel: string;\n\t\tstyleGridAriaLabel: string;\n\t\tstyleDefinitions: Array<StyleDefinition>;\n\t}\n) {\n\treturn ( locale: Locale ) => {\n\t\tconst menuView = new MenuBarMenuView( locale );\n\t\tconst listCommand = editor.commands.get( parentCommandName )!;\n\t\tconst listStyleCommand = editor.commands.get( 'listStyle' )!;\n\t\tconst isStyleTypeSupported = getStyleTypeSupportChecker( listStyleCommand );\n\t\tconst styleButtonCreator = getStyleButtonCreator( {\n\t\t\teditor,\n\t\t\tparentCommandName,\n\t\t\tlistStyleCommand\n\t\t} );\n\n\t\tconst configuredListStylesTypes = normalizedConfig.styles.listStyleTypes;\n\t\tlet filteredDefinitions = styleDefinitions;\n\n\t\tif ( configuredListStylesTypes ) {\n\t\t\tconst listType = listCommand.type as 'numbered' | 'bulleted';\n\t\t\tconst allowedTypes = configuredListStylesTypes[ listType ];\n\n\t\t\tif ( allowedTypes ) {\n\t\t\t\tfilteredDefinitions = styleDefinitions.filter( def => allowedTypes.includes( def.type ) );\n\t\t\t}\n\t\t}\n\n\t\tconst styleButtonViews = filteredDefinitions.filter( isStyleTypeSupported ).map( styleButtonCreator );\n\t\tconst listPropertiesView = new ListPropertiesView( locale, {\n\t\t\tstyleGridAriaLabel,\n\t\t\tenabledProperties: {\n\t\t\t\t...normalizedConfig,\n\n\t\t\t\t// Disable list start index and reversed in the menu bar.\n\t\t\t\tstartIndex: false,\n\t\t\t\treversed: false\n\t\t\t},\n\t\t\tstyleButtonViews\n\t\t} );\n\n\t\tlistPropertiesView.delegate( 'execute' ).to( menuView );\n\n\t\tmenuView.buttonView.set( {\n\t\t\tlabel: buttonLabel,\n\t\t\ticon: parentCommandName === 'bulletedList' ? IconBulletedList : IconNumberedList\n\t\t} );\n\t\tmenuView.panelView.children.add( listPropertiesView );\n\t\tmenuView.bind( 'isEnabled' ).to( listCommand, 'isEnabled' );\n\t\tmenuView.on( 'execute', () => {\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn menuView;\n\t};\n}\n\nfunction getStyleTypeSupportChecker( listStyleCommand: LegacyListStyleCommand | ListStyleCommand ) {\n\tif ( typeof listStyleCommand.isStyleTypeSupported == 'function' ) {\n\t\treturn ( styleDefinition: StyleDefinition ) => listStyleCommand.isStyleTypeSupported( styleDefinition.type );\n\t} else {\n\t\treturn () => true;\n\t}\n}\n\ninterface StyleDefinition {\n\n\t/**\n\t * The label of the style button.\n\t */\n\tlabel: string;\n\n\t/**\n\t * The type of the style button (e.g. \"roman\" or \"circle\").\n\t */\n\ttype: string;\n\n\t/**\n\t * The SVG string of an icon of the style button.\n\t */\n\ticon: string;\n\n\t/**\n\t * The tooltip text of the button (shorter than verbose label).\n\t */\n\ttooltip: string;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/listproperties\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ListPropertiesEditing } from './listproperties/listpropertiesediting.js';\nimport { ListPropertiesUI } from './listproperties/listpropertiesui.js';\n\n/**\n * The list properties feature.\n *\n * This is a \"glue\" plugin that loads the\n * {@link module:list/listproperties/listpropertiesediting~ListPropertiesEditing list properties\n * editing feature} and the {@link module:list/listproperties/listpropertiesui~ListPropertiesUI list properties UI feature}.\n */\nexport class ListProperties extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ListPropertiesEditing, ListPropertiesUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListProperties' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/todolist/checktodolistcommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport { getAllListItemBlocks } from '../list/utils/model.js';\n\n/**\n * The check to-do command.\n *\n * The command is registered by the {@link module:list/todolist/todolistediting~TodoListEditing} as\n * the `checkTodoList` editor command.\n */\nexport class CheckTodoListCommand extends Command {\n\t/**\n\t * A list of to-do list items selected by the {@link module:engine/model/selection~ModelSelection}.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// Refresh command before executing to be sure all values are up to date.\n\t\t// It is needed when selection has changed before command execution, in the same change block.\n\t\tthis.on( 'execute', () => {\n\t\t\tthis.refresh();\n\t\t}, { priority: 'highest' } );\n\t}\n\n\t/**\n\t * Updates the command's {@link #value} and {@link #isEnabled} properties based on the current selection.\n\t */\n\tpublic override refresh(): void {\n\t\tconst selectedElements = this._getSelectedItems();\n\n\t\tthis.value = this._getValue( selectedElements );\n\t\tthis.isEnabled = !!selectedElements.length;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply\n\t * the attribute. Otherwise, the command will remove the attribute. If not set, the command will look for its current\n\t * value to decide what it should do.\n\t */\n\tpublic override execute( options: { forceValue?: boolean } = {} ): void {\n\t\tthis.editor.model.change( writer => {\n\t\t\tconst selectedElements = this._getSelectedItems();\n\t\t\tconst value = ( options.forceValue === undefined ) ? !this._getValue( selectedElements ) : options.forceValue;\n\n\t\t\tfor ( const element of selectedElements ) {\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.setAttribute( 'todoListChecked', true, element );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeAttribute( 'todoListChecked', element );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns a value for the command.\n\t */\n\tprivate _getValue( selectedElements: Array<ModelElement> ): boolean {\n\t\treturn selectedElements.every( element => element.getAttribute( 'todoListChecked' ) );\n\t}\n\n\t/**\n\t * Gets all to-do list items selected by the {@link module:engine/model/selection~ModelSelection}.\n\t */\n\tprivate _getSelectedItems() {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\n\t\tconst selectionRange = model.document.selection.getFirstRange()!;\n\t\tconst startElement = selectionRange.start.parent as ModelElement;\n\t\tconst elements: Array<ModelElement> = [];\n\n\t\tif ( schema.checkAttribute( startElement, 'todoListChecked' ) ) {\n\t\t\telements.push( ...getAllListItemBlocks( startElement ) );\n\t\t}\n\n\t\tfor ( const item of selectionRange.getItems( { shallow: true } ) as Iterable<ModelElement> ) {\n\t\t\tif ( schema.checkAttribute( item, 'todoListChecked' ) && !elements.includes( item ) ) {\n\t\t\t\telements.push( ...getAllListItemBlocks( item ) );\n\t\t\t}\n\t\t}\n\n\t\treturn elements;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/todolist/todocheckboxchangeobserver\n */\n\nimport { DomEventObserver, type ViewDocumentDomEventData } from 'ckeditor5/src/engine.js';\n\n/**\n * Observes all to-do list checkboxes state changes.\n *\n * Note that this observer is not available by default. To make it available it needs to be added to\n * {@link module:engine/view/view~EditingView} by {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @internal\n */\nexport class TodoCheckboxChangeObserver extends DomEventObserver<'change'> {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic readonly domEventType = [ 'change' ] as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvent: Event ): void {\n\t\tif ( domEvent.target ) {\n\t\t\tconst viewTarget = this.view.domConverter.mapDomToView( domEvent.target as HTMLElement );\n\n\t\t\tif (\n\t\t\t\tviewTarget &&\n\t\t\t\tviewTarget.is( 'element', 'input' ) &&\n\t\t\t\tviewTarget.getAttribute( 'type' ) == 'checkbox' &&\n\t\t\t\tviewTarget.findAncestor( { classes: 'todo-list__label' } )\n\t\t\t) {\n\t\t\t\tthis.fire( 'todoCheckboxChange', domEvent );\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Fired when the to-do list checkbox is toggled.\n *\n * Introduced by {@link module:list/todolist/todocheckboxchangeobserver~TodoCheckboxChangeObserver}.\n *\n * Note that this event is not available by default. To make it available,\n * {@link module:list/todolist/todocheckboxchangeobserver~TodoCheckboxChangeObserver}\n * needs to be added to {@link module:engine/view/view~EditingView} by the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:list/todolist/todocheckboxchangeobserver~TodoCheckboxChangeObserver\n * @eventName module:engine/view/document~ViewDocument#todoCheckboxChange\n * @param data The event data.\n */\nexport type ViewDocumentTodoCheckboxChangeEvent = {\n\tname: 'todoCheckboxChange';\n\targs: [ data: ViewDocumentDomEventData<Event> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/todolist/todolistediting\n */\n\nimport {\n\tMatcher,\n\ttype UpcastElementEvent,\n\ttype Model,\n\ttype MatcherPattern,\n\ttype ViewElement,\n\ttype ViewDocumentKeyDownEvent,\n\ttype ViewDocumentArrowKeyEvent,\n\ttype MapperViewToModelPositionEvent,\n\ttype ViewDocumentFragment,\n\ttype ModelSelectionChangeRangeEvent,\n\ttype ModelDocumentFragment,\n\ttype ModelElement\n} from 'ckeditor5/src/engine.js';\n\nimport {\n\tgetCode,\n\tparseKeystroke,\n\tgetLocalizedArrowKeyCodeDirection,\n\ttype GetCallback,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { getAllListItemBlocks, isFirstBlockOfListItem, isListItemBlock } from '../list/utils/model.js';\nimport {\n\tListEditing,\n\ttype ListEditingCheckElementEvent,\n\ttype ListEditingPostFixerEvent\n} from '../list/listediting.js';\nimport { ListCommand } from '../list/listcommand.js';\nimport { CheckTodoListCommand } from './checktodolistcommand.js';\nimport { TodoCheckboxChangeObserver, type ViewDocumentTodoCheckboxChangeEvent } from './todocheckboxchangeobserver.js';\n\nconst ITEM_TOGGLE_KEYSTROKE = /* #__PURE__ */ parseKeystroke( 'Ctrl+Enter' );\n\n/**\n * The engine of the to-do list feature. It handles creating, editing and removing to-do lists and their items.\n *\n * It registers the entire functionality of the {@link module:list/list/listediting~ListEditing list editing plugin}\n * and extends it with the commands:\n *\n * - `'todoList'`,\n * - `'checkTodoList'`,\n */\nexport class TodoListEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TodoListEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ListEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst editing = editor.editing;\n\t\tconst listEditing = editor.plugins.get( ListEditing );\n\t\tconst multiBlock = editor.config.get( 'list.multiBlock' );\n\t\tconst elementName = multiBlock ? 'paragraph' : 'listItem';\n\n\t\teditor.commands.add( 'todoList', new ListCommand( editor, 'todo' ) );\n\t\teditor.commands.add( 'checkTodoList', new CheckTodoListCommand( editor ) );\n\n\t\tediting.view.addObserver( TodoCheckboxChangeObserver );\n\n\t\tmodel.schema.extend( '$listItem', { allowAttributes: 'todoListChecked' } );\n\n\t\tmodel.schema.addAttributeCheck( context => {\n\t\t\tconst item = context.last;\n\n\t\t\t// Don't allow `todoListChecked` attribute on elements which are not todo list items.\n\t\t\tif ( !item.getAttribute( 'listItemId' ) || item.getAttribute( 'listType' ) != 'todo' ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}, 'todoListChecked' );\n\n\t\teditor.conversion.for( 'upcast' ).add( dispatcher => {\n\t\t\t// Upcast of to-do list item is based on a checkbox at the beginning of a <li> to keep compatibility with markdown input.\n\t\t\tdispatcher.on( 'element:input', todoItemInputConverter() );\n\n\t\t\t// Priority is set to low to allow generic list item converter to run first.\n\t\t\tdispatcher.on( 'element:li', todoListItemUpcastConverter(), {\n\t\t\t\tpriority: 'low'\n\t\t\t} );\n\n\t\t\t// Consume other elements that are normally generated in data downcast, so they won't get captured by GHS.\n\t\t\tdispatcher.on( 'element:label', elementUpcastConsumingConverter(\n\t\t\t\t{ name: 'label', classes: 'todo-list__label' }\n\t\t\t) );\n\t\t\tdispatcher.on( 'element:label', elementUpcastConsumingConverter(\n\t\t\t\t{ name: 'label', classes: [ 'todo-list__label', 'todo-list__label_without-description' ] }\n\t\t\t) );\n\t\t\tdispatcher.on( 'element:span', elementUpcastConsumingConverter(\n\t\t\t\t{ name: 'span', classes: 'todo-list__label__description' }\n\t\t\t) );\n\n\t\t\tdispatcher.on( 'element:ul', attributeUpcastConsumingConverter(\n\t\t\t\t{ name: 'ul', classes: 'todo-list' }\n\t\t\t) );\n\t\t} );\n\n\t\teditor.conversion.for( 'downcast' ).elementToElement( {\n\t\t\tmodel: elementName,\n\t\t\tview: ( element, { writer } ) => {\n\t\t\t\tif ( isDescriptionBlock( element, listEditing.getListAttributeNames() ) ) {\n\t\t\t\t\treturn writer.createContainerElement( 'span', { class: 'todo-list__label__description' } );\n\t\t\t\t}\n\t\t\t},\n\t\t\tconverterPriority: 'highest'\n\t\t} );\n\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'list',\n\t\t\tattributeName: 'listType',\n\n\t\t\tsetAttributeOnDowncast( writer, value, element ) {\n\t\t\t\tif ( value == 'todo' ) {\n\t\t\t\t\twriter.addClass( 'todo-list', element );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeClass( 'todo-list', element );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tlistEditing.registerDowncastStrategy( {\n\t\t\tscope: 'itemMarker',\n\t\t\tattributeName: 'todoListChecked',\n\n\t\t\tcreateElement( writer, modelElement, { dataPipeline } ) {\n\t\t\t\tif ( modelElement.getAttribute( 'listType' ) != 'todo' ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst viewElement = writer.createUIElement( 'input', {\n\t\t\t\t\ttype: 'checkbox',\n\t\t\t\t\t...( modelElement.getAttribute( 'todoListChecked' ) ?\n\t\t\t\t\t\t{ checked: 'checked' } :\n\t\t\t\t\t\tnull\n\t\t\t\t\t),\n\t\t\t\t\t...( dataPipeline ?\n\t\t\t\t\t\t{ disabled: 'disabled' } :\n\t\t\t\t\t\t{ tabindex: '-1' }\n\t\t\t\t\t)\n\t\t\t\t} );\n\n\t\t\t\tif ( dataPipeline ) {\n\t\t\t\t\treturn viewElement;\n\t\t\t\t}\n\n\t\t\t\tconst wrapper = writer.createContainerElement( 'span', { contenteditable: 'false' }, viewElement );\n\n\t\t\t\twrapper.getFillerOffset = () => null;\n\n\t\t\t\treturn wrapper;\n\t\t\t},\n\n\t\t\tcanWrapElement( modelElement ) {\n\t\t\t\treturn isDescriptionBlock( modelElement, listEditing.getListAttributeNames() );\n\t\t\t},\n\n\t\t\tcreateWrapperElement( writer, modelElement, { dataPipeline } ) {\n\t\t\t\tconst classes = [ 'todo-list__label' ];\n\n\t\t\t\tif ( !isDescriptionBlock( modelElement, listEditing.getListAttributeNames() ) ) {\n\t\t\t\t\tclasses.push( 'todo-list__label_without-description' );\n\t\t\t\t}\n\n\t\t\t\treturn writer.createAttributeElement( dataPipeline ? 'label' : 'span', {\n\t\t\t\t\tclass: classes.join( ' ' )\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\t// Verifies if a to-do list block requires reconversion of a first item downcasted as an item description.\n\t\tlistEditing.on<ListEditingCheckElementEvent>( 'checkElement', ( evt, { modelElement, viewElement } ) => {\n\t\t\tconst isFirstTodoModelParagraphBlock = isDescriptionBlock( modelElement, listEditing.getListAttributeNames() );\n\t\t\tconst hasViewClass = viewElement.hasClass( 'todo-list__label__description' );\n\n\t\t\tif ( hasViewClass != isFirstTodoModelParagraphBlock ) {\n\t\t\t\tevt.return = true;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t} );\n\n\t\t// Verifies if a to-do list block requires reconversion of a checkbox element\n\t\t// (for example there is a new paragraph inserted as a first block of a list item).\n\t\tlistEditing.on<ListEditingCheckElementEvent>( 'checkElement', ( evt, { modelElement, viewElement } ) => {\n\t\t\tconst isFirstTodoModelItemBlock = modelElement.getAttribute( 'listType' ) == 'todo' && isFirstBlockOfListItem( modelElement );\n\n\t\t\tlet hasViewItemMarker = false;\n\t\t\tconst viewWalker = editor.editing.view.createPositionBefore( viewElement ).getWalker( { direction: 'backward' } );\n\n\t\t\tfor ( const { item } of viewWalker ) {\n\t\t\t\tif ( item.is( 'element' ) && editor.editing.mapper.toModelElement( item ) ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tif ( item.is( 'element', 'input' ) && item.getAttribute( 'type' ) == 'checkbox' ) {\n\t\t\t\t\thasViewItemMarker = true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( hasViewItemMarker != isFirstTodoModelItemBlock ) {\n\t\t\t\tevt.return = true;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t} );\n\n\t\t// Make sure that all blocks of the same list item have the same todoListChecked attribute.\n\t\tlistEditing.on<ListEditingPostFixerEvent>( 'postFixer', ( evt, { listNodes, writer } ) => {\n\t\t\tfor ( const { node, previousNodeInList } of listNodes ) {\n\t\t\t\t// This is a first item of a nested list.\n\t\t\t\tif ( !previousNodeInList ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif ( previousNodeInList.getAttribute( 'listItemId' ) != node.getAttribute( 'listItemId' ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst previousHasAttribute = previousNodeInList.hasAttribute( 'todoListChecked' );\n\t\t\t\tconst nodeHasAttribute = node.hasAttribute( 'todoListChecked' );\n\n\t\t\t\tif ( nodeHasAttribute && !previousHasAttribute ) {\n\t\t\t\t\twriter.removeAttribute( 'todoListChecked', node );\n\t\t\t\t\tevt.return = true;\n\t\t\t\t}\n\t\t\t\telse if ( !nodeHasAttribute && previousHasAttribute ) {\n\t\t\t\t\twriter.setAttribute( 'todoListChecked', true, node );\n\t\t\t\t\tevt.return = true;\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// Make sure that todoListChecked attribute is only present for to-do list items.\n\t\tmodel.document.registerPostFixer( writer => {\n\t\t\tconst changes = model.document.differ.getChanges();\n\t\t\tlet wasFixed = false;\n\n\t\t\tfor ( const change of changes ) {\n\t\t\t\tif ( change.type == 'attribute' && change.attributeKey == 'listType' ) {\n\t\t\t\t\tconst element = change.range.start.nodeAfter!;\n\n\t\t\t\t\tif ( change.attributeOldValue == 'todo' && element.hasAttribute( 'todoListChecked' ) ) {\n\t\t\t\t\t\twriter.removeAttribute( 'todoListChecked', element );\n\t\t\t\t\t\twasFixed = true;\n\t\t\t\t\t}\n\t\t\t\t} else if ( change.type == 'insert' && change.name != '$text' ) {\n\t\t\t\t\tfor ( const { item } of writer.createRangeOn( change.position.nodeAfter! ) ) {\n\t\t\t\t\t\tif ( item.is( 'element' ) && item.getAttribute( 'listType' ) != 'todo' && item.hasAttribute( 'todoListChecked' ) ) {\n\t\t\t\t\t\t\twriter.removeAttribute( 'todoListChecked', item );\n\t\t\t\t\t\t\twasFixed = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn wasFixed;\n\t\t} );\n\n\t\t// Toggle check state of selected to-do list items on keystroke.\n\t\tthis.listenTo<ViewDocumentKeyDownEvent>( editing.view.document, 'keydown', ( evt, data ) => {\n\t\t\tif ( getCode( data ) === ITEM_TOGGLE_KEYSTROKE ) {\n\t\t\t\teditor.execute( 'checkTodoList' );\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\t// Toggle check state of a to-do list item clicked on the checkbox.\n\t\tthis.listenTo<ViewDocumentTodoCheckboxChangeEvent>( editing.view.document, 'todoCheckboxChange', ( evt, data ) => {\n\t\t\tconst viewTarget = data.target;\n\n\t\t\tif ( !viewTarget || !viewTarget.is( 'element', 'input' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst viewPositionAfter = editing.view.createPositionAfter( viewTarget );\n\t\t\tconst modelPositionAfter = editing.mapper.toModelPosition( viewPositionAfter );\n\t\t\tconst modelElement = modelPositionAfter.parent;\n\n\t\t\tif ( modelElement && isListItemBlock( modelElement ) && modelElement.getAttribute( 'listType' ) == 'todo' ) {\n\t\t\t\tthis._handleCheckmarkChange( modelElement );\n\t\t\t}\n\t\t} );\n\n\t\t// Jump at the start/end of the next node on right arrow key press, when selection is before the checkbox.\n\t\t//\n\t\t// <blockquote><p>Foo{}</p></blockquote>\n\t\t// <ul><li><checkbox/>Bar</li></ul>\n\t\t//\n\t\t// press: `->`\n\t\t//\n\t\t// <blockquote><p>Foo</p></blockquote>\n\t\t// <ul><li><checkbox/>{}Bar</li></ul>\n\t\t//\n\t\tthis.listenTo<ViewDocumentArrowKeyEvent>(\n\t\t\tediting.view.document,\n\t\t\t'arrowKey',\n\t\t\tjumpOverCheckmarkOnSideArrowKeyPress( model, editor.locale ),\n\t\t\t{ context: '$text' }\n\t\t);\n\n\t\t// Map view positions inside the checkbox and wrappers to the position in the first block of the list item.\n\t\tthis.listenTo<MapperViewToModelPositionEvent>( editing.mapper, 'viewToModelPosition', ( evt, data ) => {\n\t\t\tconst viewParent = data.viewPosition.parent as ViewElement;\n\n\t\t\tconst isStartOfListItem = viewParent.is( 'attributeElement', 'li' ) && data.viewPosition.offset == 0;\n\t\t\tconst isStartOfListLabel = isLabelElement( viewParent ) && data.viewPosition.offset <= 1;\n\n\t\t\tconst isInInputWrapper = viewParent.is( 'element', 'span' ) &&\n\t\t\t\tviewParent.getAttribute( 'contenteditable' ) == 'false' &&\n\t\t\t\tisLabelElement( viewParent.parent );\n\n\t\t\tif ( !isStartOfListItem && !isStartOfListLabel && !isInInputWrapper ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst nodeAfter = data.modelPosition!.nodeAfter;\n\n\t\t\tif ( nodeAfter && nodeAfter.getAttribute( 'listType' ) == 'todo' ) {\n\t\t\t\tdata.modelPosition = model.createPositionAt( nodeAfter, 0 );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\n\t\tthis._initAriaAnnouncements();\n\t}\n\n\t/**\n\t * Handles the checkbox element change, moves the selection to the corresponding model item to make it possible\n\t * to toggle the `todoListChecked` attribute using the command, and restores the selection position.\n\t *\n\t * Some say it's a hack :) Moving the selection only for executing the command on a certain node and restoring it after,\n\t * is not a clear solution. We need to design an API for using commands beyond the selection range.\n\t * See https://github.com/ckeditor/ckeditor5/issues/1954.\n\t */\n\tprivate _handleCheckmarkChange( listItem: ModelElement ): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst previousSelectionRanges = Array.from( model.document.selection.getRanges() );\n\n\t\tmodel.change( writer => {\n\t\t\twriter.setSelection( listItem, 'end' );\n\t\t\teditor.execute( 'checkTodoList' );\n\t\t\twriter.setSelection( previousSelectionRanges );\n\t\t} );\n\t}\n\n\t/**\n\t * Observe when user enters or leaves todo list and set proper aria value in global live announcer.\n\t * This allows screen readers to indicate when the user has entered and left the specified todo list.\n\t *\n\t * @internal\n\t */\n\tprivate _initAriaAnnouncements( ) {\n\t\tconst { model, ui, t } = this.editor;\n\t\tlet lastFocusedCodeBlock: ModelElement | ModelDocumentFragment | null = null;\n\n\t\tif ( !ui ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.document.selection.on<ModelSelectionChangeRangeEvent>( 'change:range', () => {\n\t\t\tconst focusParent = model.document.selection.focus!.parent;\n\t\t\tconst lastElementIsTodoList = isTodoListItemElement( lastFocusedCodeBlock );\n\t\t\tconst currentElementIsTodoList = isTodoListItemElement( focusParent );\n\n\t\t\tif ( lastElementIsTodoList && !currentElementIsTodoList ) {\n\t\t\t\tui.ariaLiveAnnouncer.announce( t( 'Leaving a to-do list' ) );\n\t\t\t} else if ( !lastElementIsTodoList && currentElementIsTodoList ) {\n\t\t\t\tui.ariaLiveAnnouncer.announce( t( 'Entering a to-do list' ) );\n\t\t\t}\n\n\t\t\tlastFocusedCodeBlock = focusParent;\n\t\t} );\n\t}\n}\n\n/**\n * Returns an upcast converter for to-do list items.\n */\nfunction todoListItemUpcastConverter(): GetCallback<UpcastElementEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst { writer, schema } = conversionApi;\n\n\t\tif ( !data.modelRange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Group to-do list items by their listItemId attribute to ensure that all items of the same list item have the same checked state.\n\t\tconst groupedItems = Array\n\t\t\t.from( data.modelRange.getItems( { shallow: true } ) )\n\t\t\t.filter( ( item ): item is ModelElement =>\n\t\t\t\titem.getAttribute( 'listType' ) === 'todo' && schema.checkAttribute( item, 'listItemId' )\n\t\t\t)\n\t\t\t.reduce( ( acc, item ) => {\n\t\t\t\tconst listItemId = item.getAttribute( 'listItemId' ) as string;\n\n\t\t\t\tif ( !acc.has( listItemId ) ) {\n\t\t\t\t\tacc.set( listItemId, getAllListItemBlocks( item ) );\n\t\t\t\t}\n\n\t\t\t\treturn acc;\n\t\t\t}, new Map<string, Array<ModelElement>>() );\n\n\t\t// During the upcast, we need to ensure that all items of the same list have the same checked state. From time to time\n\t\t// the checked state of the items can be different when the user pastes content from the clipboard with <input type=\"checkbox\">\n\t\t// that has checked state set to true. In such cases, we need to ensure that all items of the same list have the same checked state.\n\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/15602\n\t\tfor ( const [ , items ] of groupedItems.entries() ) {\n\t\t\tif ( items.some( item => item.getAttribute( 'todoListChecked' ) ) ) {\n\t\t\t\tfor ( const item of items ) {\n\t\t\t\t\twriter.setAttribute( 'todoListChecked', true, item );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * Returns an upcast converter that detects a to-do list checkbox and marks the list item as a to-do list.\n */\nfunction todoItemInputConverter(): GetCallback<UpcastElementEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst modelCursor = data.modelCursor;\n\t\tconst modelItem = modelCursor.parent as ModelElement;\n\t\tconst viewItem = data.viewItem;\n\n\t\tif ( !conversionApi.consumable.test( viewItem, { name: true } ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( viewItem.getAttribute( 'type' ) != 'checkbox' || !modelCursor.isAtStart || !modelItem.hasAttribute( 'listType' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconversionApi.consumable.consume( viewItem, { name: true } );\n\n\t\tconst writer = conversionApi.writer;\n\n\t\twriter.setAttribute( 'listType', 'todo', modelItem );\n\n\t\tif ( data.viewItem.hasAttribute( 'checked' ) ) {\n\t\t\twriter.setAttribute( 'todoListChecked', true, modelItem );\n\t\t}\n\n\t\tdata.modelRange = writer.createRange( modelCursor );\n\t};\n}\n\n/**\n * Returns an upcast converter that consumes element matching the given matcher pattern.\n */\nfunction elementUpcastConsumingConverter( matcherPattern: MatcherPattern ): GetCallback<UpcastElementEvent> {\n\tconst matcher = new Matcher( matcherPattern );\n\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst matcherResult = matcher.match( data.viewItem );\n\n\t\tif ( !matcherResult ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !conversionApi.consumable.consume( data.viewItem, matcherResult.match ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tObject.assign( data, conversionApi.convertChildren( data.viewItem, data.modelCursor ) );\n\t};\n}\n\n/**\n * Returns an upcast converter that consumes attributes matching the given matcher pattern.\n */\nfunction attributeUpcastConsumingConverter( matcherPattern: MatcherPattern ): GetCallback<UpcastElementEvent> {\n\tconst matcher = new Matcher( matcherPattern );\n\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst matcherResult = matcher.match( data.viewItem );\n\n\t\tif ( !matcherResult ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst match = matcherResult.match;\n\n\t\tmatch.name = false;\n\t\tconversionApi.consumable.consume( data.viewItem, match );\n\t};\n}\n\n/**\n * Returns true if the given list item block should be converted as a description block of a to-do list item.\n */\nfunction isDescriptionBlock( modelElement: ModelElement, listAttributeNames: Array<string> ): boolean {\n\treturn ( modelElement.is( 'element', 'paragraph' ) || modelElement.is( 'element', 'listItem' ) ) &&\n\t\tmodelElement.getAttribute( 'listType' ) == 'todo' &&\n\t\tisFirstBlockOfListItem( modelElement ) &&\n\t\thasOnlyListAttributes( modelElement, listAttributeNames );\n}\n\n/**\n * Returns true if only attributes from the given list are present on the model element.\n */\nfunction hasOnlyListAttributes( modelElement: ModelElement, attributeNames: Array<string> ): boolean {\n\tfor ( const attributeKey of modelElement.getAttributeKeys() ) {\n\t\t// Ignore selection attributes stored on block elements.\n\t\tif ( attributeKey.startsWith( 'selection:' ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tif ( !attributeNames.includes( attributeKey ) ) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\treturn true;\n}\n\n/**\n * Jump at the start and end of a to-do list item.\n */\nfunction jumpOverCheckmarkOnSideArrowKeyPress( model: Model, locale: Locale ): GetCallback<ViewDocumentArrowKeyEvent> {\n\treturn ( eventInfo, domEventData ) => {\n\t\tconst direction = getLocalizedArrowKeyCodeDirection( domEventData.keyCode, locale.contentLanguageDirection );\n\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tif ( !selection.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst position = selection.getFirstPosition()!;\n\t\tconst parent = position.parent as ModelElement;\n\n\t\t// Right arrow before a to-do list item.\n\t\tif ( direction == 'right' && position.isAtEnd ) {\n\t\t\tconst newRange = schema.getNearestSelectionRange( model.createPositionAfter( parent ), 'forward' );\n\n\t\t\tif ( !newRange ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newRangeParent = newRange.start.parent;\n\n\t\t\tif ( newRangeParent && isListItemBlock( newRangeParent ) && newRangeParent.getAttribute( 'listType' ) == 'todo' ) {\n\t\t\t\tmodel.change( writer => writer.setSelection( newRange ) );\n\n\t\t\t\tdomEventData.preventDefault();\n\t\t\t\tdomEventData.stopPropagation();\n\t\t\t\teventInfo.stop();\n\t\t\t}\n\t\t}\n\t\t// Left arrow at the beginning of a to-do list item.\n\t\telse if ( direction == 'left' && position.isAtStart && isListItemBlock( parent ) && parent.getAttribute( 'listType' ) == 'todo' ) {\n\t\t\tconst newRange = schema.getNearestSelectionRange( model.createPositionBefore( parent ), 'backward' );\n\n\t\t\tif ( !newRange ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tmodel.change( writer => writer.setSelection( newRange ) );\n\n\t\t\tdomEventData.preventDefault();\n\t\t\tdomEventData.stopPropagation();\n\t\t\teventInfo.stop();\n\t\t}\n\t};\n}\n\n/**\n * Returns true if the given element is a label element of a to-do list item.\n */\nfunction isLabelElement( viewElement: ViewElement | ViewDocumentFragment | null ): boolean {\n\treturn !!viewElement && viewElement.is( 'attributeElement' ) && viewElement.hasClass( 'todo-list__label' );\n}\n\n/**\n * Returns true if the given element is a list item model element of a to-do list.\n */\nfunction isTodoListItemElement( element: ModelElement | ModelDocumentFragment | null ): boolean {\n\tif ( !element ) {\n\t\treturn false;\n\t}\n\n\tif ( !element.is( 'element', 'paragraph' ) && !element.is( 'element', 'listItem' ) ) {\n\t\treturn false;\n\t}\n\n\treturn element.getAttribute( 'listType' ) == 'todo';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/todolist/todolistui\n */\n\nimport { createUIComponents } from '../list/utils.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconTodoList } from 'ckeditor5/src/icons.js';\n\n/**\n * The to-do list UI feature. It introduces the `'todoList'` button that\n * allows to convert elements to and from to-do list items and to indent or outdent them.\n */\nexport class TodoListUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TodoListUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst t = this.editor.t;\n\n\t\tcreateUIComponents( this.editor, 'todoList', t( 'To-do List' ), IconTodoList );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/todolist\n */\n\nimport { TodoListEditing } from './todolist/todolistediting.js';\nimport { TodoListUI } from './todolist/todolistui.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport '../theme/todolist.css';\n\n/**\n * The to-do list feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/todolist/todolistediting~TodoListEditing to-do list\n * editing feature} and the {@link module:list/todolist/todolistui~TodoListUI to-do list UI feature}.\n */\nexport class TodoList extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TodoListEditing, TodoListUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TodoList' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylist/legacylistcommand\n */\n\nimport type { ModelElement, ModelNode, ModelSchema } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\n\nimport { first } from 'ckeditor5/src/utils.js';\nimport { type ListType } from '../list/listediting.js';\n\n/**\n * The list command. It is used by the {@link module:list/legacylist~LegacyList legacy list feature}.\n */\nexport class LegacyListCommand extends Command {\n\t/**\n\t * The type of the list created by the command.\n\t */\n\tpublic readonly type: ListType;\n\n\t/**\n\t * A flag indicating whether the command is active, which means that the selection starts in a list of the same type.\n\t *\n\t * @readonly\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param type List type that will be handled by this command.\n\t */\n\tconstructor( editor: Editor, type: ListType ) {\n\t\tsuper( editor );\n\n\t\tthis.type = type;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.value = this._getValue();\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Executes the list command.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will try to convert the\n\t * selected items and potentially the neighbor elements to the proper list items. If set to `false`, it will convert selected elements\n\t * to paragraphs. If not set, the command will toggle selected elements to list items or paragraphs, depending on the selection.\n\t */\n\tpublic override execute( options: { forceValue?: boolean } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\t\tconst blocks = Array.from( document.selection.getSelectedBlocks() )\n\t\t\t.filter( block => checkCanBecomeListItem( block, model.schema ) );\n\n\t\t// Whether we are turning off some items.\n\t\tconst turnOff = options.forceValue !== undefined ? !options.forceValue : this.value;\n\n\t\t// If we are turning off items, we are going to rename them to paragraphs.\n\n\t\tmodel.change( writer => {\n\t\t\t// If part of a list got turned off, we need to handle (outdent) all of sub-items of the last turned-off item.\n\t\t\t// To be sure that model is all the time in a good state, we first fix items below turned-off item.\n\t\t\tif ( turnOff ) {\n\t\t\t\t// Start from the model item that is just after the last turned-off item.\n\t\t\t\tlet next = blocks[ blocks.length - 1 ].nextSibling as ModelElement;\n\t\t\t\tlet currentIndent = Number.POSITIVE_INFINITY;\n\t\t\t\tlet changes = [];\n\n\t\t\t\t// Correct indent of all items after the last turned off item.\n\t\t\t\t// Rules that should be followed:\n\t\t\t\t// 1. All direct sub-items of turned-off item should become indent 0, because the first item after it\n\t\t\t\t//    will be the first item of a new list. Other items are at the same level, so should have same 0 index.\n\t\t\t\t// 2. All items with indent lower than indent of turned-off item should become indent 0, because they\n\t\t\t\t//    should not end up as a child of any of list items that they were not children of before.\n\t\t\t\t// 3. All other items should have their indent changed relatively to it's parent.\n\t\t\t\t//\n\t\t\t\t// For example:\n\t\t\t\t// 1  * --------\n\t\t\t\t// 2     * --------\n\t\t\t\t// 3        * --------\t\t\t<-- this is turned off.\n\t\t\t\t// 4           * --------\t\t<-- this has to become indent = 0, because it will be first item on a new list.\n\t\t\t\t// 5              * --------\t<-- this should be still be a child of item above, so indent = 1.\n\t\t\t\t// 6        * --------\t\t\t<-- this has to become indent = 0, because it should not be a child of any of items above.\n\t\t\t\t// 7           * --------\t\t<-- this should be still be a child of item above, so indent = 1.\n\t\t\t\t// 8     * --------\t\t\t\t<-- this has to become indent = 0.\n\t\t\t\t// 9        * --------\t\t\t<-- this should still be a child of item above, so indent = 1.\n\t\t\t\t// 10          * --------\t\t<-- this should still be a child of item above, so indent = 2.\n\t\t\t\t// 11          * --------\t\t<-- this should still be at the same level as item above, so indent = 2.\n\t\t\t\t// 12 * --------\t\t\t\t<-- this and all below are left unchanged.\n\t\t\t\t// 13    * --------\n\t\t\t\t// 14       * --------\n\t\t\t\t//\n\t\t\t\t// After turning off 3 the list becomes:\n\t\t\t\t//\n\t\t\t\t// 1  * --------\n\t\t\t\t// 2     * --------\n\t\t\t\t//\n\t\t\t\t// 3  --------\n\t\t\t\t//\n\t\t\t\t// 4  * --------\n\t\t\t\t// 5     * --------\n\t\t\t\t// 6  * --------\n\t\t\t\t// 7     * --------\n\t\t\t\t// 8  * --------\n\t\t\t\t// 9     * --------\n\t\t\t\t// 10       * --------\n\t\t\t\t// 11       * --------\n\t\t\t\t// 12 * --------\n\t\t\t\t// 13    * --------\n\t\t\t\t// 14       * --------\n\t\t\t\t//\n\t\t\t\t// Thanks to this algorithm no lists are mismatched and no items get unexpected children/parent, while\n\t\t\t\t// those parent-child connection which are possible to maintain are still maintained. It's worth noting\n\t\t\t\t// that this is the same effect that we would be get by multiple use of outdent command. However doing\n\t\t\t\t// it like this is much more efficient because it's less operation (less memory usage, easier OT) and\n\t\t\t\t// less conversion (faster).\n\t\t\t\twhile ( next && next.name == 'listItem' && next.getAttribute( 'listIndent' ) !== 0 ) {\n\t\t\t\t\t// Check each next list item, as long as its indent is bigger than 0.\n\t\t\t\t\t// If the indent is 0 we are not going to change anything anyway.\n\t\t\t\t\tconst indent = next.getAttribute( 'listIndent' ) as number;\n\n\t\t\t\t\t// We check if that's item indent is lower as current relative indent.\n\t\t\t\t\tif ( indent < currentIndent ) {\n\t\t\t\t\t\t// If it is, current relative indent becomes that indent.\n\t\t\t\t\t\tcurrentIndent = indent;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Fix indent relatively to current relative indent.\n\t\t\t\t\t// Note, that if we just changed the current relative indent, the newIndent will be equal to 0.\n\t\t\t\t\tconst newIndent = indent - currentIndent;\n\n\t\t\t\t\t// Save the entry in changes array. We do not apply it at the moment, because we will need to\n\t\t\t\t\t// reverse the changes so the last item is changed first.\n\t\t\t\t\t// This is to keep model in correct state all the time.\n\t\t\t\t\tchanges.push( { element: next, listIndent: newIndent } );\n\n\t\t\t\t\t// Find next item.\n\t\t\t\t\tnext = next.nextSibling as ModelElement;\n\t\t\t\t}\n\n\t\t\t\tchanges = changes.reverse();\n\n\t\t\t\tfor ( const item of changes ) {\n\t\t\t\t\twriter.setAttribute( 'listIndent', item.listIndent, item.element );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// If we are turning on, we might change some items that are already `listItem`s but with different type.\n\t\t\t// Changing one nested list item to other type should also trigger changing all its siblings so the\n\t\t\t// whole nested list is of the same type.\n\t\t\t// Example (assume changing to numbered list):\n\t\t\t// * ------\t\t\t\t<-- do not fix, top level item\n\t\t\t//   * ------\t\t\t<-- fix, because latter list item of this item's list is changed\n\t\t\t//      * ------\t\t<-- do not fix, item is not affected (different list)\n\t\t\t//   * ------\t\t\t<-- fix, because latter list item of this item's list is changed\n\t\t\t//      * ------\t\t<-- fix, because latter list item of this item's list is changed\n\t\t\t//      * ---[--\t\t<-- already in selection\n\t\t\t//   * ------\t\t\t<-- already in selection\n\t\t\t//   * ------\t\t\t<-- already in selection\n\t\t\t// * ------\t\t\t\t<-- already in selection, but does not cause other list items to change because is top-level\n\t\t\t//   * ---]--\t\t\t<-- already in selection\n\t\t\t//   * ------\t\t\t<-- fix, because preceding list item of this item's list is changed\n\t\t\t//      * ------\t\t<-- do not fix, item is not affected (different list)\n\t\t\t// * ------\t\t\t\t<-- do not fix, top level item\n\t\t\tif ( !turnOff ) {\n\t\t\t\t// Find lowest indent among selected items. This will be indicator what is the indent of\n\t\t\t\t// top-most list affected by the command.\n\t\t\t\tlet lowestIndent = Number.POSITIVE_INFINITY;\n\n\t\t\t\tfor ( const item of blocks ) {\n\t\t\t\t\tif ( item.is( 'element', 'listItem' ) && ( item.getAttribute( 'listIndent' ) as number ) < lowestIndent ) {\n\t\t\t\t\t\tlowestIndent = item.getAttribute( 'listIndent' ) as number;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Do not execute the fix for top-level lists.\n\t\t\t\tlowestIndent = lowestIndent === 0 ? 1 : lowestIndent;\n\n\t\t\t\t// Fix types of list items that are \"before\" the selected blocks.\n\t\t\t\t_fixType( blocks, true, lowestIndent );\n\n\t\t\t\t// Fix types of list items that are \"after\" the selected blocks.\n\t\t\t\t_fixType( blocks, false, lowestIndent );\n\t\t\t}\n\n\t\t\t// Phew! Now it will be easier :).\n\t\t\t// For each block element that was in the selection, we will either: turn it to list item,\n\t\t\t// turn it to paragraph, or change it's type. Or leave it as it is.\n\t\t\t// Do it in reverse as there might be multiple blocks (same as with changing indents).\n\t\t\tfor ( const element of blocks.reverse() ) {\n\t\t\t\tif ( turnOff && element.name == 'listItem' ) {\n\t\t\t\t\t// We are turning off and the element is a `listItem` - it should be converted to `paragraph`.\n\t\t\t\t\t// List item specific attributes are removed by post fixer.\n\t\t\t\t\twriter.rename( element, 'paragraph' );\n\t\t\t\t} else if ( !turnOff && element.name != 'listItem' ) {\n\t\t\t\t\t// We are turning on and the element is not a `listItem` - it should be converted to `listItem`.\n\t\t\t\t\t// The order of operations is important to keep model in correct state.\n\t\t\t\t\twriter.setAttributes( { listType: this.type, listIndent: 0 }, element );\n\t\t\t\t\twriter.rename( element, 'listItem' );\n\t\t\t\t} else if ( !turnOff && element.name == 'listItem' && element.getAttribute( 'listType' ) != this.type ) {\n\t\t\t\t\t// We are turning on and the element is a `listItem` but has different type - change it's type and\n\t\t\t\t\t// type of it's all siblings that have same indent.\n\t\t\t\t\twriter.setAttribute( 'listType', this.type, element );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Event fired by the {@link #execute} method.\n\t\t\t *\n\t\t\t * It allows to execute an action after executing the {@link ~ListCommand#execute} method, for example adjusting\n\t\t\t * attributes of changed blocks.\n\t\t\t *\n\t\t\t * @protected\n\t\t\t * @event _executeCleanup\n\t\t\t */\n\t\t\tthis.fire( '_executeCleanup', blocks );\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */\n\tprivate _getValue(): boolean {\n\t\t// Check whether closest `listItem` ancestor of the position has a correct type.\n\t\tconst listItem = first( this.editor.model.document.selection.getSelectedBlocks() );\n\n\t\treturn !!listItem && listItem.is( 'element', 'listItem' ) && listItem.getAttribute( 'listType' ) == this.type;\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled() {\n\t\t// If command value is true it means that we are in list item, so the command should be enabled.\n\t\tif ( this.value ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst schema = this.editor.model.schema;\n\n\t\tconst firstBlock = first( selection.getSelectedBlocks() );\n\n\t\tif ( !firstBlock ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Otherwise, check if list item can be inserted at the position start.\n\t\treturn checkCanBecomeListItem( firstBlock, schema );\n\t}\n}\n\n/**\n * Helper function used when one or more list item have their type changed. Fixes type of other list items\n * that are affected by the change (are in same lists) but are not directly in selection. The function got extracted\n * not to duplicated code, as same fix has to be performed before and after selection.\n *\n * @param blocks Blocks that are in selection.\n * @param isBackward Specified whether fix will be applied for blocks before first selected block (`true`)\n * or blocks after last selected block (`false`).\n * @param lowestIndent Lowest indent among selected blocks.\n */\nfunction _fixType(\n\tblocks: Array<ModelNode>,\n\tisBackward: boolean,\n\tlowestIndent: number\n) {\n\t// We need to check previous sibling of first changed item and next siblings of last changed item.\n\tconst startingItem = isBackward ? blocks[ 0 ] : blocks[ blocks.length - 1 ];\n\n\tif ( startingItem.is( 'element', 'listItem' ) ) {\n\t\tlet item = startingItem[ isBackward ? 'previousSibling' : 'nextSibling' ];\n\t\t// During processing items, keeps the lowest indent of already processed items.\n\t\t// This saves us from changing too many items.\n\t\t// Following example is for going forward as it is easier to read, however same applies to going backward.\n\t\t// * ------\n\t\t//   * ------\n\t\t//     * --[---\n\t\t//   * ------\t\t<-- `lowestIndent` should be 1\n\t\t//     * --]---\t\t<-- `startingItem`, `currentIndent` = 2, `lowestIndent` == 1\n\t\t//     * ------\t\t<-- should be fixed, `indent` == 2 == `currentIndent`\n\t\t//   * ------\t\t<-- should be fixed, set `currentIndent` to 1, `indent` == 1 == `currentIndent`\n\t\t//     * ------\t\t<-- should not be fixed, item is in different list, `indent` = 2, `indent` != `currentIndent`\n\t\t//   * ------\t\t<-- should be fixed, `indent` == 1 == `currentIndent`\n\t\t// * ------\t\t\t<-- break loop (`indent` < `lowestIndent`)\n\t\tlet currentIndent = startingItem.getAttribute( 'listIndent' ) as number;\n\n\t\t// Look back until a list item with indent lower than reference `lowestIndent`.\n\t\t// That would be the parent of nested sublist which contains item having `lowestIndent`.\n\t\twhile ( item && item.is( 'element', 'listItem' ) && ( item.getAttribute( 'listIndent' ) as number ) >= lowestIndent ) {\n\t\t\tif ( currentIndent > ( item.getAttribute( 'listIndent' ) as number ) ) {\n\t\t\t\tcurrentIndent = item.getAttribute( 'listIndent' ) as number;\n\t\t\t}\n\n\t\t\t// Found an item that is in the same nested sublist.\n\t\t\tif ( item.getAttribute( 'listIndent' ) == currentIndent ) {\n\t\t\t\t// Just add the item to selected blocks like it was selected by the user.\n\t\t\t\tblocks[ isBackward ? 'unshift' : 'push' ]( item );\n\t\t\t}\n\n\t\t\titem = item[ isBackward ? 'previousSibling' : 'nextSibling' ];\n\t\t}\n\t}\n}\n\n/**\n * Checks whether the given block can be replaced by a listItem.\n *\n * @param block A block to be tested.\n * @param schema The schema of the document.\n */\nfunction checkCanBecomeListItem( block: ModelElement, schema: ModelSchema ) {\n\treturn schema.checkChild( block.parent as any, 'listItem' ) && !schema.isObject( block );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylist/legacyindentcommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\n\n/**\n * The list indent command. It is used by the {@link module:list/legacylist~LegacyList legacy list feature}.\n */\nexport class LegacyIndentCommand extends Command {\n\t/**\n\t * Determines by how much the command will change the list item's indent attribute.\n\t */\n\tprivate readonly _indentBy: 1 | -1;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param indentDirection The direction of indent. If it is equal to `backward`, the command will outdent a list item.\n\t */\n\tconstructor( editor: Editor, indentDirection: 'forward' | 'backward' ) {\n\t\tsuper( editor );\n\n\t\tthis._indentBy = indentDirection == 'forward' ? 1 : -1;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Indents or outdents (depending on the {@link #constructor}'s `indentDirection` parameter) selected list items.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\t\tlet itemsToChange = Array.from( doc.selection.getSelectedBlocks() );\n\n\t\tmodel.change( writer => {\n\t\t\tconst lastItem = itemsToChange[ itemsToChange.length - 1 ];\n\n\t\t\t// Indenting a list item should also indent all the items that are already sub-items of indented item.\n\t\t\tlet next = lastItem.nextSibling as ModelElement | null;\n\n\t\t\t// Check all items after last indented item, as long as their indent is bigger than indent of that item.\n\t\t\twhile (\n\t\t\t\tnext && next.name == 'listItem' &&\n\t\t\t\t( next.getAttribute( 'listIndent' ) as number ) > ( lastItem.getAttribute( 'listIndent' ) as number )\n\t\t\t) {\n\t\t\t\titemsToChange.push( next );\n\n\t\t\t\tnext = next.nextSibling as ModelElement | null;\n\t\t\t}\n\n\t\t\t// We need to be sure to keep model in correct state after each small change, because converters\n\t\t\t// bases on that state and assumes that model is correct.\n\t\t\t// Because of that, if the command outdents items, we will outdent them starting from the last item, as\n\t\t\t// it is safer.\n\t\t\tif ( this._indentBy < 0 ) {\n\t\t\t\titemsToChange = itemsToChange.reverse();\n\t\t\t}\n\n\t\t\tfor ( const item of itemsToChange ) {\n\t\t\t\tconst indent = ( item.getAttribute( 'listIndent' ) as number ) + this._indentBy;\n\n\t\t\t\t// If indent is lower than 0, it means that the item got outdented when it was not indented.\n\t\t\t\t// This means that we need to convert that list item to paragraph.\n\t\t\t\tif ( indent < 0 ) {\n\t\t\t\t\t// To keep the model as correct as possible, first rename listItem, then remove attributes,\n\t\t\t\t\t// as listItem without attributes is very incorrect and will cause problems in converters.\n\t\t\t\t\t// No need to remove attributes, will be removed by post fixer.\n\t\t\t\t\twriter.rename( item, 'paragraph' );\n\t\t\t\t}\n\t\t\t\t// If indent is >= 0, change the attribute value.\n\t\t\t\telse {\n\t\t\t\t\twriter.setAttribute( 'listIndent', indent, item );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// It allows to execute an action after executing the `~IndentCommand#execute` method, for example adjusting\n\t\t\t// attributes of changed list items.\n\t\t\tthis.fire( '_executeCleanup', itemsToChange );\n\t\t} );\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled() {\n\t\t// Check whether any of position's ancestor is a list item.\n\t\tconst listItem = first( this.editor.model.document.selection.getSelectedBlocks() );\n\n\t\t// If selection is not in a list item, the command is disabled.\n\t\tif ( !listItem || !listItem.is( 'element', 'listItem' ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( this._indentBy > 0 ) {\n\t\t\t// Cannot indent first item in it's list. Check if before `listItem` is a list item that is in same list.\n\t\t\t// To be in the same list, the item has to have same attributes and cannot be \"split\" by an item with lower indent.\n\t\t\tconst indent = listItem.getAttribute( 'listIndent' ) as number;\n\t\t\tconst type = listItem.getAttribute( 'listType' ) as string;\n\n\t\t\tlet prev = listItem.previousSibling;\n\n\t\t\twhile ( prev && prev.is( 'element', 'listItem' ) && ( prev.getAttribute( 'listIndent' ) as number ) >= indent ) {\n\t\t\t\tif ( prev.getAttribute( 'listIndent' ) == indent ) {\n\t\t\t\t\t// The item is on the same level.\n\t\t\t\t\t// If it has same type, it means that we found a preceding sibling from the same list.\n\t\t\t\t\t// If it does not have same type, it means that `listItem` is on different list (this can happen only\n\t\t\t\t\t// on top level lists, though).\n\t\t\t\t\treturn prev.getAttribute( 'listType' ) == type;\n\t\t\t\t}\n\n\t\t\t\tprev = prev.previousSibling;\n\t\t\t}\n\n\t\t\t// Could not find similar list item, this means that `listItem` is first in its list.\n\t\t\treturn false;\n\t\t}\n\n\t\t// If we are outdenting it is enough to be in list item. Every list item can always be outdented.\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylist/legacyutils\n */\n\nimport {\n\tModelTreeWalker,\n\tgetViewFillerOffset,\n\ttype DowncastConversionApi,\n\ttype ViewDowncastWriter,\n\ttype ModelElement,\n\ttype ModelItem,\n\ttype Model,\n\ttype ModelPosition,\n\ttype ViewContainerElement,\n\ttype ViewElement,\n\ttype ViewItem,\n\ttype ViewPosition\n} from 'ckeditor5/src/engine.js';\n\n/**\n * Creates a list item {@link module:engine/view/containerelement~ViewContainerElement}.\n *\n * @internal\n * @param writer The writer instance.\n */\nexport function createViewListItemElement( writer: ViewDowncastWriter ): ViewContainerElement {\n\tconst viewItem = writer.createContainerElement( 'li' );\n\n\tviewItem.getFillerOffset = getListItemFillerOffset;\n\n\treturn viewItem;\n}\n\n/**\n * Helper function that creates a `<ul><li></li></ul>` or (`<ol>`) structure out of the given `modelItem` model `listItem` element.\n * Then, it binds the created view list item (`<li>`) with the model `listItem` element.\n * The function then returns the created view list item (`<li>`).\n *\n * @internal\n * @param modelItem Model list item.\n * @param conversionApi Conversion interface.\n * @returns View list element.\n */\nexport function generateLiInUl( modelItem: ModelItem, conversionApi: DowncastConversionApi ): ViewContainerElement {\n\tconst mapper = conversionApi.mapper;\n\tconst viewWriter = conversionApi.writer;\n\tconst listType = modelItem.getAttribute( 'listType' ) == 'numbered' ? 'ol' : 'ul';\n\tconst viewItem = createViewListItemElement( viewWriter );\n\n\tconst viewList = viewWriter.createContainerElement( listType, null );\n\n\tviewWriter.insert( viewWriter.createPositionAt( viewList, 0 ), viewItem );\n\n\tmapper.bindElements( modelItem as any, viewItem );\n\n\treturn viewItem;\n}\n\n/**\n * Helper function that inserts a view list at a correct place and merges it with its siblings.\n * It takes a model list item element (`modelItem`) and a corresponding view list item element (`injectedItem`). The view list item\n * should be in a view list element (`<ul>` or `<ol>`) and should be its only child.\n * See comments below to better understand the algorithm.\n *\n * @internal\n * @param modelItem Model list item.\n * @param injectedItem\n * @param conversionApi Conversion interface.\n * @param model The model instance.\n */\nexport function injectViewList(\n\tmodelItem: ModelElement,\n\tinjectedItem: ViewContainerElement,\n\tconversionApi: DowncastConversionApi,\n\tmodel: Model\n): void {\n\tconst injectedList = injectedItem.parent as ViewElement;\n\tconst mapper = conversionApi.mapper;\n\tconst viewWriter = conversionApi.writer;\n\n\t// The position where the view list will be inserted.\n\tlet insertPosition = mapper.toViewPosition( model.createPositionBefore( modelItem ) );\n\n\t// 1. Find the previous list item that has the same or smaller indent. Basically we are looking for the first model item\n\t// that is a \"parent\" or \"sibling\" of the injected model item.\n\t// If there is no such list item, it means that the injected list item is the first item in \"its list\".\n\tconst refItem = getSiblingListItem( modelItem.previousSibling, {\n\t\tsameIndent: true,\n\t\tsmallerIndent: true,\n\t\tlistIndent: modelItem.getAttribute( 'listIndent' ) as number\n\t} );\n\tconst prevItem = modelItem.previousSibling as ModelElement | null;\n\n\tif ( refItem && refItem.getAttribute( 'listIndent' ) == modelItem.getAttribute( 'listIndent' ) ) {\n\t\t// There is a list item with the same indent - we found the same-level sibling.\n\t\t// Break the list after it. The inserted view item will be added in the broken space.\n\t\tconst viewItem = mapper.toViewElement( refItem )!;\n\t\tinsertPosition = viewWriter.breakContainer( viewWriter.createPositionAfter( viewItem ) );\n\t} else {\n\t\t// There is no list item with the same indent. Check the previous model item.\n\t\tif ( prevItem && prevItem.name == 'listItem' ) {\n\t\t\t// If it is a list item, it has to have a lower indent.\n\t\t\t// It means that the inserted item should be added to it as its nested item.\n\t\t\tinsertPosition = mapper.toViewPosition( model.createPositionAt( prevItem, 'end' ) );\n\n\t\t\t// There could be some not mapped elements (eg. span in to-do list) but we need to insert\n\t\t\t// a nested list directly inside the li element.\n\t\t\tconst mappedViewAncestor = mapper.findMappedViewAncestor( insertPosition );\n\t\t\tconst nestedList = findNestedList( mappedViewAncestor );\n\n\t\t\t// If there already is some nested list, then use it's position.\n\t\t\tif ( nestedList ) {\n\t\t\t\tinsertPosition = viewWriter.createPositionBefore( nestedList );\n\t\t\t} else {\n\t\t\t\t// Else just put new list on the end of list item content.\n\t\t\t\tinsertPosition = viewWriter.createPositionAt( mappedViewAncestor, 'end' );\n\t\t\t}\n\t\t} else {\n\t\t\t// The previous item is not a list item (or does not exist at all).\n\t\t\t// Just map the position and insert the view item at the mapped position.\n\t\t\tinsertPosition = mapper.toViewPosition( model.createPositionBefore( modelItem ) );\n\t\t}\n\t}\n\n\tinsertPosition = positionAfterUiElements( insertPosition );\n\n\t// Insert the view item.\n\tviewWriter.insert( insertPosition, injectedList );\n\n\t// 2. Handle possible children of the injected model item.\n\tif ( prevItem && prevItem.name == 'listItem' ) {\n\t\tconst prevView = mapper.toViewElement( prevItem )!;\n\n\t\tconst walkerBoundaries = viewWriter.createRange( viewWriter.createPositionAt( prevView, 0 ), insertPosition );\n\t\tconst walker = walkerBoundaries.getWalker( { ignoreElementEnd: true } );\n\n\t\tfor ( const value of walker ) {\n\t\t\tif ( value.item.is( 'element', 'li' ) ) {\n\t\t\t\tconst breakPosition = viewWriter.breakContainer( viewWriter.createPositionBefore( value.item ) );\n\t\t\t\tconst viewList = value.item.parent as ViewElement;\n\n\t\t\t\tconst targetPosition = viewWriter.createPositionAt( injectedItem, 'end' );\n\t\t\t\tmergeViewLists( viewWriter, targetPosition.nodeBefore!, targetPosition.nodeAfter! );\n\t\t\t\tviewWriter.move( viewWriter.createRangeOn( viewList ), targetPosition );\n\n\t\t\t\t// This is bad, but those lists will be removed soon anyway.\n\t\t\t\t( walker as any )._position = breakPosition;\n\t\t\t}\n\t\t}\n\t} else {\n\t\tconst nextViewList = injectedList.nextSibling;\n\n\t\tif ( nextViewList && ( nextViewList.is( 'element', 'ul' ) || nextViewList.is( 'element', 'ol' ) ) ) {\n\t\t\tlet lastSubChild = null;\n\n\t\t\tfor ( const child of nextViewList.getChildren() as Iterable<ViewElement> ) {\n\t\t\t\tconst modelChild = mapper.toModelElement( child );\n\n\t\t\t\tif (\n\t\t\t\t\tmodelChild &&\n\t\t\t\t\t( modelChild.getAttribute( 'listIndent' ) as number ) > ( modelItem.getAttribute( 'listIndent' ) as number )\n\t\t\t\t) {\n\t\t\t\t\tlastSubChild = child;\n\t\t\t\t} else {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( lastSubChild ) {\n\t\t\t\tviewWriter.breakContainer( viewWriter.createPositionAfter( lastSubChild ) );\n\t\t\t\tviewWriter.move(\n\t\t\t\t\tviewWriter.createRangeOn( lastSubChild.parent as any ),\n\t\t\t\t\tviewWriter.createPositionAt( injectedItem, 'end' )\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\t// Merge the inserted view list with its possible neighbor lists.\n\tmergeViewLists( viewWriter, injectedList, injectedList.nextSibling! );\n\tmergeViewLists( viewWriter, injectedList.previousSibling!, injectedList );\n}\n\n/**\n * Helper function that takes two parameters that are expected to be view list elements, and merges them.\n * The merge happens only if both parameters are list elements of the same type (the same element name and the same class attributes).\n *\n * @internal\n * @param viewWriter The writer instance.\n * @param firstList The first element to compare.\n * @param secondList The second element to compare.\n * @returns The position after merge or `null` when there was no merge.\n */\nexport function mergeViewLists(\n\tviewWriter: ViewDowncastWriter,\n\tfirstList: ViewItem,\n\tsecondList: ViewItem\n): ViewPosition | null;\n\nexport function mergeViewLists(\n\tviewWriter: ViewDowncastWriter,\n\tfirstList: any,\n\tsecondList: any\n): ViewPosition | null {\n\t// Check if two lists are going to be merged.\n\tif ( !firstList || !secondList || ( firstList.name != 'ul' && firstList.name != 'ol' ) ) {\n\t\treturn null;\n\t}\n\n\t// Both parameters are list elements, so compare types now.\n\tif ( firstList.name != secondList.name || firstList.getAttribute( 'class' ) !== secondList.getAttribute( 'class' ) ) {\n\t\treturn null;\n\t}\n\n\treturn viewWriter.mergeContainers( viewWriter.createPositionAfter( firstList ) );\n}\n\n/**\n * Helper function that for a given `view.Position`, returns a `view.Position` that is after all `view.UIElement`s that\n * are after the given position.\n *\n * For example:\n * `<container:p>foo^<ui:span></ui:span><ui:span></ui:span>bar</container:p>`\n * For position ^, the position before \"bar\" will be returned.\n *\n * @internal\n */\nexport function positionAfterUiElements( viewPosition: ViewPosition ): ViewPosition {\n\treturn viewPosition.getLastMatchingPosition( value => value.item.is( 'uiElement' ) );\n}\n\n/**\n * Helper function that searches for a previous list item sibling of a given model item that meets the given criteria\n * passed by the options object.\n *\n * @internal\n * @param options Search criteria.\n * @param options.sameIndent Whether the sought sibling should have the same indentation.\n * @param options.smallerIndent Whether the sought sibling should have a smaller indentation.\n * @param options.listIndent The reference indentation.\n * @param options.direction Walking direction.\n */\nexport function getSiblingListItem(\n\tmodelItem: ModelItem | null,\n\toptions: {\n\t\tsameIndent?: boolean;\n\t\tsmallerIndent?: boolean;\n\t\tlistIndent?: number;\n\t\tdirection?: 'forward' | 'backward';\n\t}\n): ModelElement | null {\n\tconst sameIndent = !!options.sameIndent;\n\tconst smallerIndent = !!options.smallerIndent;\n\tconst indent = options.listIndent;\n\n\tlet item: any = modelItem;\n\n\twhile ( item && item.name == 'listItem' ) {\n\t\tconst itemIndent = item.getAttribute( 'listIndent' ) as number;\n\n\t\tif ( ( sameIndent && indent == itemIndent ) || ( smallerIndent && indent as number > itemIndent ) ) {\n\t\t\treturn item;\n\t\t}\n\n\t\tif ( options.direction === 'forward' ) {\n\t\t\titem = item.nextSibling;\n\t\t} else {\n\t\t\titem = item.previousSibling;\n\t\t}\n\t}\n\n\treturn null;\n}\n\n/**\n * Returns a first list view element that is direct child of the given view element.\n *\n * @internal\n */\nexport function findNestedList( viewElement: ViewElement ): ViewElement | null {\n\tfor ( const node of ( viewElement.getChildren() as Iterable<ViewElement> ) ) {\n\t\tif ( node.name == 'ul' || node.name == 'ol' ) {\n\t\t\treturn node;\n\t\t}\n\t}\n\n\treturn null;\n}\n\n/**\n * Returns an array with all `listItem` elements that represent the same list.\n *\n * It means that values of `listIndent`, `listType`, `listStyle`, `listReversed` and `listStart` for all items are equal.\n *\n * Additionally, if the `position` is inside a list item, that list item will be returned as well.\n *\n * @internal\n * @param position Starting position.\n * @param direction Walking direction.\n */\nexport function getSiblingNodes( position: ModelPosition, direction: 'forward' | 'backward' ): Array<ModelElement> {\n\tconst items: Array<ModelElement> = [];\n\tconst listItem = position.parent as ModelElement;\n\tconst walkerOptions = {\n\t\tignoreElementEnd: false,\n\t\tstartPosition: position,\n\t\tshallow: true,\n\t\tdirection\n\t};\n\tconst limitIndent = listItem.getAttribute( 'listIndent' ) as number;\n\tconst nodes = [ ...new ModelTreeWalker( walkerOptions ) ]\n\t\t.filter( value => value.item.is( 'element' ) )\n\t\t.map( value => value.item );\n\n\tfor ( const element of nodes ) {\n\t\t// If found something else than `listItem`, we're out of the list scope.\n\t\tif ( !element.is( 'element', 'listItem' ) ) {\n\t\t\tbreak;\n\t\t}\n\n\t\t// If current parsed item has lower indent that element that the element that was a starting point,\n\t\t// it means we left a nested list. Abort searching items.\n\t\t//\n\t\t// ■ List item 1.       [listIndent=0]\n\t\t//     ○ List item 2.[] [listIndent=1], limitIndent = 1,\n\t\t//     ○ List item 3.   [listIndent=1]\n\t\t// ■ List item 4.       [listIndent=0]\n\t\t//\n\t\t// Abort searching when leave nested list.\n\t\tif ( ( element.getAttribute( 'listIndent' ) as number ) < limitIndent ) {\n\t\t\tbreak;\n\t\t}\n\n\t\t// ■ List item 1.[]     [listIndent=0] limitIndent = 0,\n\t\t//     ○ List item 2.   [listIndent=1]\n\t\t//     ○ List item 3.   [listIndent=1]\n\t\t// ■ List item 4.       [listIndent=0]\n\t\t//\n\t\t// Ignore nested lists.\n\t\tif ( ( element.getAttribute( 'listIndent' ) as number ) > limitIndent ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// ■ List item 1.[]  [listType=bulleted]\n\t\t// 1. List item 2.   [listType=numbered]\n\t\t// 2.List item 3.    [listType=numbered]\n\t\t//\n\t\t// Abort searching when found a different kind of a list.\n\t\tif ( element.getAttribute( 'listType' ) !== listItem.getAttribute( 'listType' ) ) {\n\t\t\tbreak;\n\t\t}\n\n\t\t// ■ List item 1.[]  [listType=bulleted]\n\t\t// ■ List item 2.    [listType=bulleted]\n\t\t// ○ List item 3.    [listType=bulleted]\n\t\t// ○ List item 4.    [listType=bulleted]\n\t\t//\n\t\t// Abort searching when found a different list style,\n\t\tif ( element.getAttribute( 'listStyle' ) !== listItem.getAttribute( 'listStyle' ) ) {\n\t\t\tbreak;\n\t\t}\n\n\t\t// ... different direction\n\t\tif ( element.getAttribute( 'listReversed' ) !== listItem.getAttribute( 'listReversed' ) ) {\n\t\t\tbreak;\n\t\t}\n\n\t\t// ... and different start index\n\t\tif ( element.getAttribute( 'listStart' ) !== listItem.getAttribute( 'listStart' ) ) {\n\t\t\tbreak;\n\t\t}\n\n\t\tif ( direction === 'backward' ) {\n\t\t\titems.unshift( element );\n\t\t} else {\n\t\t\titems.push( element );\n\t\t}\n\t}\n\n\treturn items;\n}\n\n/**\n * Returns an array with all `listItem` elements in the model selection.\n *\n * It returns all the items even if only a part of the list is selected, including items that belong to nested lists.\n * If no list is selected, it returns an empty array.\n * The order of the elements is not specified.\n *\n * @internal\n */\nexport function getSelectedListItems( model: Model ): Array<ModelElement> {\n\tconst document = model.document;\n\n\t// For all selected blocks find all list items that are being selected\n\t// and update the `listStyle` attribute in those lists.\n\tlet listItems = [ ...document.selection.getSelectedBlocks() ]\n\t\t.filter( element => element.is( 'element', 'listItem' ) )\n\t\t.map( element => {\n\t\t\tconst position = model.change( writer => writer.createPositionAt( element, 0 ) );\n\n\t\t\treturn [\n\t\t\t\t...getSiblingNodes( position, 'backward' ),\n\t\t\t\t...getSiblingNodes( position, 'forward' )\n\t\t\t];\n\t\t} )\n\t\t.flat();\n\n\t// Since `getSelectedBlocks()` can return items that belong to the same list, and\n\t// `getSiblingNodes()` returns the entire list, we need to remove duplicated items.\n\tlistItems = [ ...new Set( listItems ) ];\n\n\treturn listItems;\n}\n\nconst BULLETED_LIST_STYLE_TYPES = [ 'disc', 'circle', 'square' ];\n\n// There's a lot of them (https://www.w3.org/TR/css-counter-styles-3/#typedef-counter-style).\n// Let's support only those that can be selected by ListPropertiesUI.\nconst NUMBERED_LIST_STYLE_TYPES = [\n\t'decimal',\n\t'decimal-leading-zero',\n\t'lower-roman',\n\t'upper-roman',\n\t'lower-latin',\n\t'upper-latin'\n];\n\n/**\n * Checks whether the given list-style-type is supported by numbered or bulleted list.\n *\n * @internal\n */\nexport function getListTypeFromListStyleType( listStyleType: string ): 'bulleted' | 'numbered' | null {\n\tif ( BULLETED_LIST_STYLE_TYPES.includes( listStyleType ) ) {\n\t\treturn 'bulleted';\n\t}\n\n\tif ( NUMBERED_LIST_STYLE_TYPES.includes( listStyleType ) ) {\n\t\treturn 'numbered';\n\t}\n\n\treturn null;\n}\n\n/**\n * Implementation of getFillerOffset for view list item element.\n *\n * @returns Block filler offset or `null` if block filler is not needed.\n */\nfunction getListItemFillerOffset( this: any ): number | null {\n\tconst hasOnlyLists = !this.isEmpty && ( this.getChild( 0 ).name == 'ul' || this.getChild( 0 ).name == 'ol' );\n\n\tif ( this.isEmpty || hasOnlyLists ) {\n\t\treturn 0;\n\t}\n\n\treturn getViewFillerOffset.call( this );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylist/legacylistutils\n */\n\nimport type { ModelElement, Model, ModelPosition } from 'ckeditor5/src/engine.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport {\n\tgetListTypeFromListStyleType,\n\tgetSelectedListItems,\n\tgetSiblingNodes\n} from './legacyutils.js';\n\n/**\n * A set of helpers related to legacy lists.\n */\nexport class LegacyListUtils extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LegacyListUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * Checks whether the given list-style-type is supported by numbered or bulleted list.\n\t */\n\tpublic getListTypeFromListStyleType( listStyleType: string ): 'bulleted' | 'numbered' | null {\n\t\treturn getListTypeFromListStyleType( listStyleType );\n\t}\n\n\t/**\n\t * Returns an array with all `listItem` elements in the model selection.\n\t *\n\t * It returns all the items even if only a part of the list is selected, including items that belong to nested lists.\n\t * If no list is selected, it returns an empty array.\n\t * The order of the elements is not specified.\n\t */\n\tpublic getSelectedListItems( model: Model ): Array<ModelElement> {\n\t\treturn getSelectedListItems( model );\n\t}\n\n\t/**\n\t * Returns an array with all `listItem` elements that represent the same list.\n\t *\n\t * It means that values of `listIndent`, `listType`, `listStyle`, `listReversed` and `listStart` for all items are equal.\n\t *\n\t * Additionally, if the `position` is inside a list item, that list item will be returned as well.\n\t *\n\t * @param position Starting position.\n\t * @param direction Walking direction.\n\t */\n\tpublic getSiblingNodes( position: ModelPosition, direction: 'forward' | 'backward' ): Array<ModelElement> {\n\t\treturn getSiblingNodes( position, direction );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylist/legacyconverters\n */\n\nimport {\n\tModelTreeWalker,\n\ttype DowncastAttributeEvent,\n\ttype DowncastConversionApi,\n\ttype DowncastInsertEvent,\n\ttype DowncastRemoveEvent,\n\ttype ModelElement,\n\ttype MapperModelToViewPositionEvent,\n\ttype MapperViewToModelPositionEvent,\n\ttype Model,\n\ttype ModelInsertContentEvent,\n\ttype ModelNode,\n\ttype ModelPosition,\n\ttype UpcastConversionApi,\n\ttype UpcastElementEvent,\n\ttype EditingView,\n\ttype ViewContainerElement,\n\ttype ViewElement,\n\ttype ViewNode,\n\ttype ViewPosition,\n\ttype ViewTypeCheckable,\n\ttype ModelWriter\n} from 'ckeditor5/src/engine.js';\n\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\n\nimport {\n\tgenerateLiInUl,\n\tinjectViewList,\n\tmergeViewLists,\n\tgetSiblingListItem,\n\tpositionAfterUiElements\n} from './legacyutils.js';\n\n/**\n * A model-to-view converter for the `listItem` model element insertion.\n *\n * It creates a `<ul><li></li><ul>` (or `<ol>`) view structure out of a `listItem` model element, inserts it at the correct\n * position, and merges the list with surrounding lists (if available).\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert\n * @param model Model instance.\n */\nexport function modelViewInsertion( model: Model ): GetCallback<DowncastInsertEvent<ModelElement>> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst consumable = conversionApi.consumable;\n\n\t\tif ( !consumable.test( data.item, 'insert' ) ||\n\t\t\t!consumable.test( data.item, 'attribute:listType' ) ||\n\t\t\t!consumable.test( data.item, 'attribute:listIndent' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconsumable.consume( data.item, 'insert' );\n\t\tconsumable.consume( data.item, 'attribute:listType' );\n\t\tconsumable.consume( data.item, 'attribute:listIndent' );\n\n\t\tconst modelItem = data.item;\n\t\tconst viewItem = generateLiInUl( modelItem, conversionApi );\n\n\t\tinjectViewList( modelItem, viewItem, conversionApi, model );\n\t};\n}\n\n/**\n * A model-to-view converter for the `listItem` model element removal.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:remove\n * @param model Model instance.\n * @returns Returns a conversion callback.\n */\nexport function modelViewRemove( model: Model ): GetCallback<DowncastRemoveEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst viewPosition = conversionApi.mapper.toViewPosition( data.position );\n\t\tconst viewStart = viewPosition.getLastMatchingPosition( value => !value.item.is( 'element', 'li' ) );\n\t\tconst viewItem = viewStart.nodeAfter as ViewElement;\n\t\tconst viewWriter = conversionApi.writer;\n\n\t\t// 1. Break the container after and before the list item.\n\t\t// This will create a view list with one view list item - the one to remove.\n\t\tviewWriter.breakContainer( viewWriter.createPositionBefore( viewItem ) );\n\t\tviewWriter.breakContainer( viewWriter.createPositionAfter( viewItem ) );\n\n\t\t// 2. Remove the list with the item to remove.\n\t\tconst viewList = viewItem.parent as ViewElement;\n\t\tconst viewListPrev = viewList.previousSibling;\n\t\tconst removeRange = viewWriter.createRangeOn( viewList );\n\t\tconst removed = viewWriter.remove( removeRange );\n\n\t\t// 3. Merge the whole created by breaking and removing the list.\n\t\tif ( viewListPrev && viewListPrev.nextSibling ) {\n\t\t\tmergeViewLists( viewWriter, viewListPrev, viewListPrev.nextSibling );\n\t\t}\n\n\t\t// 4. Bring back nested list that was in the removed <li>.\n\t\tconst modelItem = conversionApi.mapper.toModelElement( viewItem )!;\n\n\t\thoistNestedLists(\n\t\t\tmodelItem.getAttribute( 'listIndent' ) as number + 1,\n\t\t\tdata.position,\n\t\t\tremoveRange.start,\n\t\t\tviewItem,\n\t\t\tconversionApi,\n\t\t\tmodel\n\t\t);\n\n\t\t// 5. Unbind removed view item and all children.\n\t\tfor ( const child of viewWriter.createRangeIn( removed ).getItems() ) {\n\t\t\tconversionApi.mapper.unbindViewElement( child as ViewElement );\n\t\t}\n\n\t\tevt.stop();\n\t};\n}\n\n/**\n * A model-to-view converter for the `type` attribute change on the `listItem` model element.\n *\n * This change means that the `<li>` element parent changes from `<ul>` to `<ol>` (or vice versa). This is accomplished\n * by breaking view elements and changing their name. The next {@link module:list/legacylist/legacyconverters~modelViewMergeAfterChangeType}\n * converter will attempt to merge split nodes.\n *\n * Splitting this conversion into 2 steps makes it possible to add an additional conversion in the middle.\n * Check {@link module:list/legacytodolist/legacytodolistconverters~modelViewChangeType} to see an example of it.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n */\nexport const modelViewChangeType: GetCallback<DowncastAttributeEvent<ModelElement>> = ( evt, data, conversionApi ) => {\n\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\treturn;\n\t}\n\n\tconst viewItem = conversionApi.mapper.toViewElement( data.item )!;\n\tconst viewWriter = conversionApi.writer;\n\n\t// Break the container after and before the list item.\n\t// This will create a view list with one view list item -- the one that changed type.\n\tviewWriter.breakContainer( viewWriter.createPositionBefore( viewItem ) );\n\tviewWriter.breakContainer( viewWriter.createPositionAfter( viewItem ) );\n\n\t// Change name of the view list that holds the changed view item.\n\t// We cannot just change name property, because that would not render properly.\n\tconst viewList = viewItem.parent as ViewContainerElement;\n\tconst listName = data.attributeNewValue == 'numbered' ? 'ol' : 'ul';\n\n\tviewWriter.rename( listName, viewList );\n};\n\n/**\n * A model-to-view converter that attempts to merge nodes split by {@link module:list/legacylist/legacyconverters~modelViewChangeType}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n */\nexport const modelViewMergeAfterChangeType: GetCallback<DowncastAttributeEvent<ModelElement>> = ( evt, data, conversionApi ) => {\n\tconversionApi.consumable.consume( data.item, evt.name );\n\n\tconst viewItem = conversionApi.mapper.toViewElement( data.item )!;\n\tconst viewList = viewItem.parent as ViewContainerElement;\n\tconst viewWriter = conversionApi.writer;\n\n\t// Merge the changed view list with other lists, if possible.\n\tmergeViewLists( viewWriter, viewList, viewList.nextSibling! );\n\tmergeViewLists( viewWriter, viewList.previousSibling!, viewList );\n};\n\n/**\n * A model-to-view converter for the `listIndent` attribute change on the `listItem` model element.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n * @param model Model instance.\n * @returns Returns a conversion callback.\n */\nexport function modelViewChangeIndent( model: Model ): GetCallback<DowncastAttributeEvent<ModelElement>> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tif ( !conversionApi.consumable.consume( data.item, 'attribute:listIndent' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewItem = conversionApi.mapper.toViewElement( data.item ) as ViewContainerElement;\n\t\tconst viewWriter = conversionApi.writer;\n\n\t\t// 1. Break the container after and before the list item.\n\t\t// This will create a view list with one view list item -- the one that changed type.\n\t\tviewWriter.breakContainer( viewWriter.createPositionBefore( viewItem ) );\n\t\tviewWriter.breakContainer( viewWriter.createPositionAfter( viewItem ) );\n\n\t\t// 2. Extract view list with changed view list item and merge \"hole\" possibly created by breaking and removing elements.\n\t\tconst viewList = viewItem.parent as ViewElement;\n\t\tconst viewListPrev = viewList.previousSibling;\n\t\tconst removeRange = viewWriter.createRangeOn( viewList );\n\t\tviewWriter.remove( removeRange );\n\n\t\tif ( viewListPrev && viewListPrev.nextSibling ) {\n\t\t\tmergeViewLists( viewWriter, viewListPrev, viewListPrev.nextSibling );\n\t\t}\n\n\t\t// 3. Bring back nested list that was in the removed <li>.\n\t\thoistNestedLists(\n\t\t\tdata.attributeOldValue as number + 1,\n\t\t\tdata.range.start,\n\t\t\tremoveRange.start,\n\t\t\tviewItem,\n\t\t\tconversionApi,\n\t\t\tmodel\n\t\t);\n\n\t\t// 4. Inject view list like it is newly inserted.\n\t\tinjectViewList( data.item, viewItem, conversionApi, model );\n\n\t\t// 5. Consume insertion of children inside the item. They are already handled by re-building the item in view.\n\t\tfor ( const child of data.item.getChildren() ) {\n\t\t\tconversionApi.consumable.consume( child, 'insert' );\n\t\t}\n\t};\n}\n\n/**\n * A special model-to-view converter introduced by the {@link module:list/legacylist~LegacyList list feature}. This converter is fired for\n * insert change of every model item, and should be fired before the actual converter. The converter checks whether the inserted\n * model item is a non-`listItem` element. If it is, and it is inserted inside a view list, the converter breaks the\n * list so the model element is inserted to the view parent element corresponding to its model parent element.\n *\n * The converter prevents such situations:\n *\n * ```xml\n * // Model:                        // View:\n * <listItem>foo</listItem>         <ul>\n * <listItem>bar</listItem>             <li>foo</li>\n *                                      <li>bar</li>\n *                                  </ul>\n *\n * // After change:                 // Correct view guaranteed by this converter:\n * <listItem>foo</listItem>         <ul><li>foo</li></ul><p>xxx</p><ul><li>bar</li></ul>\n * <paragraph>xxx</paragraph>       // Instead of this wrong view state:\n * <listItem>bar</listItem>         <ul><li>foo</li><p>xxx</p><li>bar</li></ul>\n * ```\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert\n */\nexport const modelViewSplitOnInsert: GetCallback<DowncastInsertEvent<ModelElement>> = ( evt, data, conversionApi ) => {\n\tif ( !conversionApi.consumable.test( data.item, evt.name ) ) {\n\t\treturn;\n\t}\n\n\tif ( data.item.name != 'listItem' ) {\n\t\tlet viewPosition = conversionApi.mapper.toViewPosition( data.range.start );\n\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst lists = [];\n\n\t\t// Break multiple ULs/OLs if there are.\n\t\t//\n\t\t// Imagine following list:\n\t\t//\n\t\t// 1 --------\n\t\t//   1.1 --------\n\t\t//     1.1.1 --------\n\t\t//     1.1.2 --------\n\t\t//     1.1.3 --------\n\t\t//       1.1.3.1 --------\n\t\t//   1.2 --------\n\t\t//     1.2.1 --------\n\t\t// 2 --------\n\t\t//\n\t\t// Insert paragraph after item 1.1.1:\n\t\t//\n\t\t// 1 --------\n\t\t//   1.1 --------\n\t\t//     1.1.1 --------\n\t\t//\n\t\t// Lorem ipsum.\n\t\t//\n\t\t//     1.1.2 --------\n\t\t//     1.1.3 --------\n\t\t//       1.1.3.1 --------\n\t\t//   1.2 --------\n\t\t//     1.2.1 --------\n\t\t// 2 --------\n\t\t//\n\t\t// In this case 1.1.2 has to become beginning of a new list.\n\t\t// We need to break list before 1.1.2 (obvious), then we need to break list also before 1.2.\n\t\t// Then we need to move those broken pieces one after another and merge:\n\t\t//\n\t\t// 1 --------\n\t\t//   1.1 --------\n\t\t//     1.1.1 --------\n\t\t//\n\t\t// Lorem ipsum.\n\t\t//\n\t\t// 1.1.2 --------\n\t\t//   1.1.3 --------\n\t\t//     1.1.3.1 --------\n\t\t// 1.2 --------\n\t\t//   1.2.1 --------\n\t\t// 2 --------\n\t\t//\n\t\twhile ( ( viewPosition.parent as any ).name == 'ul' || ( viewPosition.parent as any ).name == 'ol' ) {\n\t\t\tviewPosition = viewWriter.breakContainer( viewPosition );\n\n\t\t\tif ( ( viewPosition.parent as any ).name != 'li' ) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\t// Remove lists that are after inserted element.\n\t\t\t// They will be brought back later, below the inserted element.\n\t\t\tconst removeStart = viewPosition;\n\t\t\tconst removeEnd = viewWriter.createPositionAt( viewPosition.parent as any, 'end' );\n\n\t\t\t// Don't remove if there is nothing to remove.\n\t\t\tif ( !removeStart.isEqual( removeEnd ) ) {\n\t\t\t\tconst removed = viewWriter.remove( viewWriter.createRange( removeStart, removeEnd ) );\n\t\t\t\tlists.push( removed );\n\t\t\t}\n\n\t\t\tviewPosition = viewWriter.createPositionAfter( viewPosition.parent as any );\n\t\t}\n\n\t\t// Bring back removed lists.\n\t\tif ( lists.length > 0 ) {\n\t\t\tfor ( let i = 0; i < lists.length; i++ ) {\n\t\t\t\tconst previousList = viewPosition.nodeBefore;\n\t\t\t\tconst insertedRange = viewWriter.insert( viewPosition, lists[ i ] );\n\t\t\t\tviewPosition = insertedRange.end;\n\n\t\t\t\t// Don't merge first list! We want a split in that place (this is why this converter is introduced).\n\t\t\t\tif ( i > 0 ) {\n\t\t\t\t\tconst mergePos = mergeViewLists( viewWriter, previousList!, previousList!.nextSibling! );\n\n\t\t\t\t\t// If `mergePos` is in `previousList` it means that the lists got merged.\n\t\t\t\t\t// In this case, we need to fix insert position.\n\t\t\t\t\tif ( mergePos && mergePos.parent == previousList ) {\n\t\t\t\t\t\tviewPosition.offset--;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Merge last inserted list with element after it.\n\t\t\tmergeViewLists( viewWriter, viewPosition.nodeBefore!, viewPosition.nodeAfter! );\n\t\t}\n\t}\n};\n\n/**\n * A special model-to-view converter introduced by the {@link module:list/legacylist~LegacyList list feature}. This converter takes care of\n * merging view lists after something is removed or moved from near them.\n *\n * Example:\n *\n * ```xml\n * // Model:                        // View:\n * <listItem>foo</listItem>         <ul><li>foo</li></ul>\n * <paragraph>xxx</paragraph>       <p>xxx</p>\n * <listItem>bar</listItem>         <ul><li>bar</li></ul>\n *\n * // After change:                 // Correct view guaranteed by this converter:\n * <listItem>foo</listItem>         <ul>\n * <listItem>bar</listItem>             <li>foo</li>\n *                                      <li>bar</li>\n *                                  </ul>\n * ```\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:remove\n */\nexport const modelViewMergeAfter: GetCallback<DowncastRemoveEvent> = ( evt, data, conversionApi ) => {\n\tconst viewPosition = conversionApi.mapper.toViewPosition( data.position );\n\tconst viewItemPrev = viewPosition.nodeBefore;\n\tconst viewItemNext = viewPosition.nodeAfter;\n\n\t// Merge lists if something (remove, move) was done from inside of list.\n\t// Merging will be done only if both items are view lists of the same type.\n\t// The check is done inside the helper function.\n\tmergeViewLists( conversionApi.writer, viewItemPrev!, viewItemNext! );\n};\n\n/**\n * A view-to-model converter that converts the `<li>` view elements into the `listItem` model elements.\n *\n * To set correct values of the `listType` and `listIndent` attributes the converter:\n * * checks `<li>`'s parent,\n * * stores and increases the `conversionApi.store.indent` value when `<li>`'s sub-items are converted.\n *\n * @internal\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n */\nexport const viewModelConverter: GetCallback<UpcastElementEvent> = ( evt, data, conversionApi ) => {\n\tif ( conversionApi.consumable.consume( data.viewItem, { name: true } ) ) {\n\t\tconst writer = conversionApi.writer;\n\n\t\t// 1. Create `listItem` model element.\n\t\tconst listItem = writer.createElement( 'listItem' );\n\n\t\t// 2. Handle `listItem` model element attributes.\n\t\tconst indent = getIndent( data.viewItem );\n\n\t\twriter.setAttribute( 'listIndent', indent, listItem );\n\n\t\t// Set 'bulleted' as default. If this item is pasted into a context,\n\t\tconst type = data.viewItem.parent && ( data.viewItem.parent as any ).name == 'ol' ? 'numbered' : 'bulleted';\n\t\twriter.setAttribute( 'listType', type, listItem );\n\n\t\tif ( !conversionApi.safeInsert( listItem, data.modelCursor ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst nextPosition = viewToModelListItemChildrenConverter( listItem, data.viewItem.getChildren(), conversionApi );\n\n\t\t// Result range starts before the first item and ends after the last.\n\t\tdata.modelRange = writer.createRange( data.modelCursor, nextPosition );\n\n\t\tconversionApi.updateConversionResult( listItem, data );\n\t}\n};\n\n/**\n * A view-to-model converter for the `<ul>` and `<ol>` view elements that cleans the input view of garbage.\n * This is mostly to clean whitespaces from between the `<li>` view elements inside the view list element, however, also\n * incorrect data can be cleared if the view was incorrect.\n *\n * @internal\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n */\nexport const cleanList: GetCallback<UpcastElementEvent> = ( evt, data, conversionApi ) => {\n\tif ( conversionApi.consumable.test( data.viewItem, { name: true } ) ) {\n\t\t// Caching children because when we start removing them iterating fails.\n\t\tconst children = Array.from( data.viewItem.getChildren() );\n\n\t\tfor ( const child of children ) {\n\t\t\tconst isWrongElement = !( child.is( 'element', 'li' ) || isList( child ) );\n\n\t\t\tif ( isWrongElement ) {\n\t\t\t\tchild._remove();\n\t\t\t}\n\t\t}\n\t}\n};\n\n/**\n * A view-to-model converter for the `<li>` elements that cleans whitespace formatting from the input view.\n *\n * @internal\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n */\nexport const cleanListItem: GetCallback<UpcastElementEvent> = ( evt, data, conversionApi ) => {\n\tif ( conversionApi.consumable.test( data.viewItem, { name: true } ) ) {\n\t\tif ( data.viewItem.childCount === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst children = [ ...data.viewItem.getChildren() ];\n\n\t\tlet foundList = false;\n\n\t\tfor ( const child of children ) {\n\t\t\tif ( foundList && !isList( child ) ) {\n\t\t\t\tchild._remove();\n\t\t\t}\n\n\t\t\tif ( isList( child ) ) {\n\t\t\t\t// If this is a <ul> or <ol>, do not process it, just mark that we already visited list element.\n\t\t\t\tfoundList = true;\n\t\t\t}\n\t\t}\n\t}\n};\n\n/**\n * Returns a callback for model position to view position mapping for {@link module:engine/conversion/mapper~Mapper}. The callback fixes\n * positions between the `listItem` elements that would be incorrectly mapped because of how list items are represented in the model\n * and in the view.\n *\n * @internal\n */\nexport function modelToViewPosition( view: EditingView ): GetCallback<MapperModelToViewPositionEvent> {\n\treturn ( evt, data ) => {\n\t\tif ( data.isPhantom ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modelItem = data.modelPosition.nodeBefore;\n\n\t\tif ( modelItem && modelItem.is( 'element', 'listItem' ) ) {\n\t\t\tconst viewItem = data.mapper.toViewElement( modelItem )!;\n\t\t\tconst topmostViewList = viewItem.getAncestors().find( isList );\n\t\t\tconst walker = view.createPositionAt( viewItem, 0 ).getWalker();\n\n\t\t\tfor ( const value of walker ) {\n\t\t\t\tif ( value.type == 'elementStart' && value.item.is( 'element', 'li' ) ) {\n\t\t\t\t\tdata.viewPosition = value.previousPosition;\n\n\t\t\t\t\tbreak;\n\t\t\t\t} else if ( value.type == 'elementEnd' && value.item == topmostViewList ) {\n\t\t\t\t\tdata.viewPosition = value.nextPosition;\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * The callback for view position to model position mapping for {@link module:engine/conversion/mapper~Mapper}. The callback fixes\n * positions between the `<li>` elements that would be incorrectly mapped because of how list items are represented in the model\n * and in the view.\n *\n * @internal\n * @see module:engine/conversion/mapper~Mapper#event:viewToModelPosition\n * @param model Model instance.\n * @returns Returns a conversion callback.\n */\nexport function viewToModelPosition( model: Model ): GetCallback<MapperViewToModelPositionEvent> {\n\treturn ( evt, data ) => {\n\t\tconst viewPos = data.viewPosition;\n\t\tconst viewParent = viewPos.parent as ViewElement;\n\t\tconst mapper = data.mapper;\n\n\t\tif ( viewParent.name == 'ul' || viewParent.name == 'ol' ) {\n\t\t\t// Position is directly in <ul> or <ol>.\n\t\t\tif ( !viewPos.isAtEnd ) {\n\t\t\t\t// If position is not at the end, it must be before <li>.\n\t\t\t\t// Get that <li>, map it to `listItem` and set model position before that `listItem`.\n\t\t\t\tconst modelNode = mapper.toModelElement( viewPos.nodeAfter as any )!;\n\n\t\t\t\tdata.modelPosition = model.createPositionBefore( modelNode );\n\t\t\t} else {\n\t\t\t\t// Position is at the end of <ul> or <ol>, so there is no <li> after it to be mapped.\n\t\t\t\t// There is <li> before the position, but we cannot just map it to `listItem` and set model position after it,\n\t\t\t\t// because that <li> may contain nested items.\n\t\t\t\t// We will check \"model length\" of that <li>, in other words - how many `listItem`s are in that <li>.\n\t\t\t\tconst modelNode = mapper.toModelElement( viewPos.nodeBefore as any );\n\t\t\t\tconst modelLength = mapper.getModelLength( viewPos.nodeBefore! );\n\n\t\t\t\t// Then we get model position before mapped `listItem` and shift it accordingly.\n\t\t\t\tdata.modelPosition = model.createPositionBefore( modelNode! ).getShiftedBy( modelLength );\n\t\t\t}\n\n\t\t\tevt.stop();\n\t\t} else if (\n\t\t\tviewParent.name == 'li' &&\n\t\t\tviewPos.nodeBefore &&\n\t\t\t( ( viewPos.nodeBefore as any ).name == 'ul' || ( viewPos.nodeBefore as any ).name == 'ol' )\n\t\t) {\n\t\t\t// In most cases when view position is in <li> it is in text and this is a correct position.\n\t\t\t// However, if position is after <ul> or <ol> we have to fix it -- because in model <ul>/<ol> are not in the `listItem`.\n\t\t\tconst modelNode = mapper.toModelElement( viewParent );\n\n\t\t\t// Check all <ul>s and <ol>s that are in the <li> but before mapped position.\n\t\t\t// Get model length of those elements and then add it to the offset of `listItem` mapped to the original <li>.\n\t\t\tlet modelLength = 1; // Starts from 1 because the original <li> has to be counted in too.\n\t\t\tlet viewList: ViewNode | null = viewPos.nodeBefore;\n\n\t\t\twhile ( viewList && isList( viewList ) ) {\n\t\t\t\tmodelLength += mapper.getModelLength( viewList );\n\n\t\t\t\tviewList = viewList.previousSibling;\n\t\t\t}\n\n\t\t\tdata.modelPosition = model.createPositionBefore( modelNode! ).getShiftedBy( modelLength );\n\n\t\t\tevt.stop();\n\t\t}\n\t};\n}\n\n/**\n * Post-fixer that reacts to changes on document and fixes incorrect model states.\n *\n * In the example below, there is a correct list structure.\n * Then the middle element is removed so the list structure will become incorrect:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>Item 1</listItem>\n * <listItem listType=\"bulleted\" listIndent=1>Item 2</listItem>   <--- this is removed.\n * <listItem listType=\"bulleted\" listIndent=2>Item 3</listItem>\n * ```\n *\n * The list structure after the middle element is removed:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>Item 1</listItem>\n * <listItem listType=\"bulleted\" listIndent=2>Item 3</listItem>\n * ```\n *\n * Should become:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>Item 1</listItem>\n * <listItem listType=\"bulleted\" listIndent=1>Item 3</listItem>   <--- note that indent got post-fixed.\n * ```\n *\n * @internal\n * @param model The data model.\n * @param writer The writer to do changes with.\n * @returns `true` if any change has been applied, `false` otherwise.\n */\nexport function modelChangePostFixer( model: Model, writer: ModelWriter ): boolean {\n\tconst changes = model.document.differ.getChanges();\n\tconst itemToListHead = new Map<ModelElement, ModelElement>();\n\n\tlet applied = false;\n\n\tfor ( const entry of changes ) {\n\t\tif ( entry.type == 'insert' && entry.name == 'listItem' ) {\n\t\t\t_addListToFix( entry.position );\n\t\t} else if ( entry.type == 'insert' && entry.name != 'listItem' ) {\n\t\t\tif ( entry.name != '$text' ) {\n\t\t\t\t// In case of renamed element.\n\t\t\t\tconst item = entry.position.nodeAfter as ModelElement;\n\n\t\t\t\tif ( item.hasAttribute( 'listIndent' ) ) {\n\t\t\t\t\twriter.removeAttribute( 'listIndent', item );\n\n\t\t\t\t\tapplied = true;\n\t\t\t\t}\n\n\t\t\t\tif ( item.hasAttribute( 'listType' ) ) {\n\t\t\t\t\twriter.removeAttribute( 'listType', item );\n\n\t\t\t\t\tapplied = true;\n\t\t\t\t}\n\n\t\t\t\tif ( item.hasAttribute( 'listStyle' ) ) {\n\t\t\t\t\twriter.removeAttribute( 'listStyle', item );\n\n\t\t\t\t\tapplied = true;\n\t\t\t\t}\n\n\t\t\t\tif ( item.hasAttribute( 'listReversed' ) ) {\n\t\t\t\t\twriter.removeAttribute( 'listReversed', item );\n\n\t\t\t\t\tapplied = true;\n\t\t\t\t}\n\n\t\t\t\tif ( item.hasAttribute( 'listStart' ) ) {\n\t\t\t\t\twriter.removeAttribute( 'listStart', item );\n\n\t\t\t\t\tapplied = true;\n\t\t\t\t}\n\n\t\t\t\tfor ( const innerItem of Array.from( model.createRangeIn( item ) ).filter( e => e.item.is( 'element', 'listItem' ) ) ) {\n\t\t\t\t\t_addListToFix( innerItem.previousPosition );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst posAfter = entry.position.getShiftedBy( entry.length );\n\n\t\t\t_addListToFix( posAfter );\n\t\t} else if ( entry.type == 'remove' && entry.name == 'listItem' ) {\n\t\t\t_addListToFix( entry.position );\n\t\t} else if ( entry.type == 'attribute' && entry.attributeKey == 'listIndent' ) {\n\t\t\t_addListToFix( entry.range.start );\n\t\t} else if ( entry.type == 'attribute' && entry.attributeKey == 'listType' ) {\n\t\t\t_addListToFix( entry.range.start );\n\t\t}\n\t}\n\n\tfor ( const listHead of itemToListHead.values() ) {\n\t\t_fixListIndents( listHead );\n\t\t_fixListTypes( listHead );\n\t}\n\n\treturn applied;\n\n\tfunction _addListToFix( position: ModelPosition ) {\n\t\tconst previousNode = position.nodeBefore;\n\n\t\tif ( !previousNode || !previousNode.is( 'element', 'listItem' ) ) {\n\t\t\tconst item = position.nodeAfter;\n\n\t\t\tif ( item && item.is( 'element', 'listItem' ) ) {\n\t\t\t\titemToListHead.set( item, item );\n\t\t\t}\n\t\t} else {\n\t\t\tlet listHead = previousNode;\n\n\t\t\tif ( itemToListHead.has( listHead ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfor (\n\t\t\t\t// Cache previousSibling and reuse for performance reasons. See #6581.\n\t\t\t\tlet previousSibling = listHead.previousSibling;\n\t\t\t\tpreviousSibling && previousSibling.is( 'element', 'listItem' );\n\t\t\t\tpreviousSibling = listHead.previousSibling\n\t\t\t) {\n\t\t\t\tlistHead = previousSibling;\n\n\t\t\t\tif ( itemToListHead.has( listHead ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\titemToListHead.set( previousNode, listHead );\n\t\t}\n\t}\n\n\tfunction _fixListIndents( item: ModelNode | null ) {\n\t\tlet maxIndent = 0;\n\t\tlet fixBy = null;\n\n\t\twhile ( item && item.is( 'element', 'listItem' ) ) {\n\t\t\tconst itemIndent = item.getAttribute( 'listIndent' ) as number;\n\n\t\t\tif ( itemIndent > maxIndent ) {\n\t\t\t\tlet newIndent;\n\n\t\t\t\tif ( fixBy === null ) {\n\t\t\t\t\tfixBy = itemIndent - maxIndent;\n\t\t\t\t\tnewIndent = maxIndent;\n\t\t\t\t} else {\n\t\t\t\t\tif ( fixBy > itemIndent ) {\n\t\t\t\t\t\tfixBy = itemIndent;\n\t\t\t\t\t}\n\n\t\t\t\t\tnewIndent = itemIndent - fixBy;\n\t\t\t\t}\n\n\t\t\t\twriter.setAttribute( 'listIndent', newIndent, item );\n\n\t\t\t\tapplied = true;\n\t\t\t} else {\n\t\t\t\tfixBy = null;\n\t\t\t\tmaxIndent = item.getAttribute( 'listIndent' ) as number + 1;\n\t\t\t}\n\n\t\t\titem = item.nextSibling;\n\t\t}\n\t}\n\n\tfunction _fixListTypes( item: ModelNode | null ) {\n\t\tlet typesStack: Array<string> = [];\n\t\tlet prev = null;\n\n\t\twhile ( item && item.is( 'element', 'listItem' ) ) {\n\t\t\tconst itemIndent = item.getAttribute( 'listIndent' ) as number;\n\n\t\t\tif ( prev && prev.getAttribute( 'listIndent' ) as number > itemIndent ) {\n\t\t\t\ttypesStack = typesStack.slice( 0, itemIndent + 1 );\n\t\t\t}\n\n\t\t\tif ( itemIndent != 0 ) {\n\t\t\t\tif ( typesStack[ itemIndent ] ) {\n\t\t\t\t\tconst type = typesStack[ itemIndent ];\n\n\t\t\t\t\tif ( item.getAttribute( 'listType' ) != type ) {\n\t\t\t\t\t\twriter.setAttribute( 'listType', type, item );\n\n\t\t\t\t\t\tapplied = true;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\ttypesStack[ itemIndent ] = item.getAttribute( 'listType' ) as string;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tprev = item;\n\t\t\titem = item.nextSibling;\n\t\t}\n\t}\n}\n\n/**\n * A fixer for pasted content that includes list items.\n *\n * It fixes indentation of pasted list items so the pasted items match correctly to the context they are pasted into.\n *\n * Example:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>A</listItem>\n * <listItem listType=\"bulleted\" listIndent=1>B^</listItem>\n * // At ^ paste:  <listItem listType=\"bulleted\" listIndent=4>X</listItem>\n * //              <listItem listType=\"bulleted\" listIndent=5>Y</listItem>\n * <listItem listType=\"bulleted\" listIndent=2>C</listItem>\n * ```\n *\n * Should become:\n *\n * ```xml\n * <listItem listType=\"bulleted\" listIndent=0>A</listItem>\n * <listItem listType=\"bulleted\" listIndent=1>BX</listItem>\n * <listItem listType=\"bulleted\" listIndent=2>Y/listItem>\n * <listItem listType=\"bulleted\" listIndent=2>C</listItem>\n * ```\n *\n * @internal\n */\nexport const modelIndentPasteFixer: GetCallback<ModelInsertContentEvent> = function( evt, [ content, selectable ] ) {\n\tconst model = this as Model;\n\n\t// Check whether inserted content starts from a `listItem`. If it does not, it means that there are some other\n\t// elements before it and there is no need to fix indents, because even if we insert that content into a list,\n\t// that list will be broken.\n\t// Note: we also need to handle singular elements because inserting item with indent 0 into 0,1,[],2\n\t// would create incorrect model.\n\tlet item = content.is( 'documentFragment' ) ? content.getChild( 0 ) : content;\n\n\tlet selection;\n\n\tif ( !selectable ) {\n\t\tselection = model.document.selection;\n\t} else {\n\t\tselection = model.createSelection( selectable );\n\t}\n\n\tif ( item && item.is( 'element', 'listItem' ) ) {\n\t\t// Get a reference list item. Inserted list items will be fixed according to that item.\n\t\tconst pos = selection.getFirstPosition()!;\n\t\tlet refItem = null;\n\n\t\tif ( pos.parent.is( 'element', 'listItem' ) ) {\n\t\t\trefItem = pos.parent;\n\t\t} else if ( pos.nodeBefore && pos.nodeBefore.is( 'element', 'listItem' ) ) {\n\t\t\trefItem = pos.nodeBefore;\n\t\t}\n\n\t\t// If there is `refItem` it means that we do insert list items into an existing list.\n\t\tif ( refItem ) {\n\t\t\t// First list item in `data` has indent equal to 0 (it is a first list item). It should have indent equal\n\t\t\t// to the indent of reference item. We have to fix the first item and all of it's children and following siblings.\n\t\t\t// Indent of all those items has to be adjusted to reference item.\n\t\t\tconst indentChange = refItem.getAttribute( 'listIndent' ) as number;\n\n\t\t\t// Fix only if there is anything to fix.\n\t\t\tif ( indentChange > 0 ) {\n\t\t\t\t// Adjust indent of all \"first\" list items in inserted data.\n\t\t\t\twhile ( item && item.is( 'element', 'listItem' ) ) {\n\t\t\t\t\titem._setAttribute( 'listIndent', item.getAttribute( 'listIndent' ) as number + indentChange );\n\n\t\t\t\t\titem = item.nextSibling;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\n/**\n * Helper function that converts children of a given `<li>` view element into corresponding model elements.\n * The function maintains proper order of elements if model `listItem` is split during the conversion\n * due to block children conversion.\n *\n * @param listItemModel List item model element to which converted children will be inserted.\n * @param viewChildren View elements which will be converted.\n * @param conversionApi Conversion interface to be used by the callback.\n * @returns Position on which next elements should be inserted after children conversion.\n */\nfunction viewToModelListItemChildrenConverter(\n\tlistItemModel: ModelElement,\n\tviewChildren: Iterable<ViewNode>,\n\tconversionApi: UpcastConversionApi\n) {\n\tconst { writer, schema } = conversionApi;\n\n\t// A position after the last inserted `listItem`.\n\tlet nextPosition = writer.createPositionAfter( listItemModel );\n\n\t// Check all children of the converted `<li>`. At this point we assume there are no \"whitespace\" view text nodes\n\t// in view list, between view list items. This should be handled by `<ul>` and `<ol>` converters.\n\tfor ( const child of viewChildren ) {\n\t\tif ( ( child as any ).name == 'ul' || ( child as any ).name == 'ol' ) {\n\t\t\t// If the children is a list, we will insert its conversion result after currently handled `listItem`.\n\t\t\t// Then, next insertion position will be set after all the new list items (and maybe other elements if\n\t\t\t// something split list item).\n\t\t\t//\n\t\t\t// If this is a list, we expect that some `listItem`s and possibly other blocks will be inserted, however `.modelCursor`\n\t\t\t// should be set after last `listItem` (or block). This is why it feels safe to use it as `nextPosition`\n\t\t\tnextPosition = conversionApi.convertItem( child, nextPosition ).modelCursor;\n\t\t} else {\n\t\t\t// If this is not a list, try inserting content at the end of the currently handled `listItem`.\n\t\t\tconst result = conversionApi.convertItem( child, writer.createPositionAt( listItemModel, 'end' ) );\n\n\t\t\t// It may end up that the current `listItem` becomes split (if that content cannot be inside `listItem`). For example:\n\t\t\t//\n\t\t\t// <li><p>Foo</p></li>\n\t\t\t//\n\t\t\t// will be converted to:\n\t\t\t//\n\t\t\t// <listItem></listItem><paragraph>Foo</paragraph><listItem></listItem>\n\t\t\t//\n\t\t\tconst convertedChild = result.modelRange!.start.nodeAfter;\n\t\t\tconst wasSplit = convertedChild && convertedChild.is( 'element' ) && !schema.checkChild( listItemModel, convertedChild.name );\n\n\t\t\tif ( wasSplit ) {\n\t\t\t\t// As `lastListItem` got split, we need to update it to the second part of the split `listItem` element.\n\t\t\t\t//\n\t\t\t\t// `modelCursor` should be set to a position where the conversion should continue. There are multiple possible scenarios\n\t\t\t\t// that may happen. Usually, `modelCursor` (marked as `#` below) would point to the second list item after conversion:\n\t\t\t\t//\n\t\t\t\t//\t\t`<li><p>Foo</p></li>` -> `<listItem></listItem><paragraph>Foo</paragraph><listItem>#</listItem>`\n\t\t\t\t//\n\t\t\t\t// However, in some cases, like auto-paragraphing, the position is placed at the end of the block element:\n\t\t\t\t//\n\t\t\t\t//\t\t`<li><div>Foo</div></li>` -> `<listItem></listItem><paragraph>Foo#</paragraph><listItem></listItem>`\n\t\t\t\t//\n\t\t\t\t// or after an element if another element broken auto-paragraphed element:\n\t\t\t\t//\n\t\t\t\t//\t\t`<li><div><h2>Foo</h2></div></li>` -> `<listItem></listItem><heading1>Foo</heading1>#<listItem></listItem>`\n\t\t\t\t//\n\t\t\t\t// We need to check for such cases and use proper list item and position based on it.\n\t\t\t\t//\n\t\t\t\tif ( result.modelCursor.parent.is( 'element', 'listItem' ) ) {\n\t\t\t\t\t// (1).\n\t\t\t\t\tlistItemModel = result.modelCursor.parent;\n\t\t\t\t} else {\n\t\t\t\t\t// (2), (3).\n\t\t\t\t\tlistItemModel = findNextListItem( result.modelCursor );\n\t\t\t\t}\n\n\t\t\t\tnextPosition = writer.createPositionAfter( listItemModel );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn nextPosition;\n}\n\n/**\n * Helper function that seeks for a next list item starting from given `startPosition`.\n */\nfunction findNextListItem( startPosition: ModelPosition ) {\n\tconst treeWalker = new ModelTreeWalker( { startPosition } );\n\n\tlet value;\n\n\tdo {\n\t\tvalue = treeWalker.next();\n\t} while ( !value.value.item.is( 'element', 'listItem' ) );\n\n\treturn value.value.item;\n}\n\n/**\n * Helper function that takes all children of given `viewRemovedItem` and moves them in a correct place, according\n * to other given parameters.\n */\nfunction hoistNestedLists(\n\tnextIndent: number,\n\tmodelRemoveStartPosition: ModelPosition,\n\tviewRemoveStartPosition: ViewPosition,\n\tviewRemovedItem: ViewElement,\n\tconversionApi: DowncastConversionApi,\n\tmodel: Model\n) {\n\t// Find correct previous model list item element.\n\t// The element has to have either same or smaller indent than given reference indent.\n\t// This will be the model element which will get nested items (if it has smaller indent) or sibling items (if it has same indent).\n\t// Keep in mind that such element might not be found, if removed item was the first item.\n\tconst prevModelItem = getSiblingListItem( modelRemoveStartPosition.nodeBefore, {\n\t\tsameIndent: true,\n\t\tsmallerIndent: true,\n\t\tlistIndent: nextIndent\n\t} );\n\n\tconst mapper = conversionApi.mapper;\n\tconst viewWriter = conversionApi.writer;\n\n\t// Indent of found element or `null` if the element has not been found.\n\tconst prevIndent = prevModelItem ? prevModelItem.getAttribute( 'listIndent' ) : null;\n\n\tlet insertPosition;\n\n\tif ( !prevModelItem ) {\n\t\t// If element has not been found, simply insert lists at the position where the removed item was:\n\t\t//\n\t\t// Lorem ipsum.\n\t\t// 1 --------           <--- this is removed, no previous list item, put nested items in place of removed item.\n\t\t//   1.1 --------       <--- this is reference indent.\n\t\t//     1.1.1 --------\n\t\t//     1.1.2 --------\n\t\t//   1.2 --------\n\t\t//\n\t\t// Becomes:\n\t\t//\n\t\t// Lorem ipsum.\n\t\t// 1.1 --------\n\t\t//   1.1.1 --------\n\t\t//   1.1.2 --------\n\t\t// 1.2 --------\n\t\tinsertPosition = viewRemoveStartPosition;\n\t} else if ( prevIndent == nextIndent ) {\n\t\t// If element has been found and has same indent as reference indent it means that nested items should\n\t\t// become siblings of found element:\n\t\t//\n\t\t// 1 --------\n\t\t//   1.1 --------\n\t\t//   1.2 --------       <--- this is `prevModelItem`.\n\t\t// 2 --------           <--- this is removed, previous list item has indent same as reference indent.\n\t\t//   2.1 --------       <--- this is reference indent, this and 2.2 should become siblings of 1.2.\n\t\t//   2.2 --------\n\t\t//\n\t\t// Becomes:\n\t\t//\n\t\t// 1 --------\n\t\t//   1.1 --------\n\t\t//   1.2 --------\n\t\t//   2.1 --------\n\t\t//   2.2 --------\n\t\tconst prevViewList = mapper.toViewElement( prevModelItem )!.parent as ViewElement;\n\t\tinsertPosition = viewWriter.createPositionAfter( prevViewList );\n\t} else {\n\t\t// If element has been found and has smaller indent as reference indent it means that nested items\n\t\t// should become nested items of found item:\n\t\t//\n\t\t// 1 --------           <--- this is `prevModelItem`.\n\t\t//   1.1 --------       <--- this is removed, previous list item has indent smaller than reference indent.\n\t\t//     1.1.1 --------   <--- this is reference indent, this and 1.1.1 should become nested items of 1.\n\t\t//     1.1.2 --------\n\t\t//   1.2 --------\n\t\t//\n\t\t// Becomes:\n\t\t//\n\t\t// 1 --------\n\t\t//   1.1.1 --------\n\t\t//   1.1.2 --------\n\t\t//   1.2 --------\n\t\t//\n\t\t// Note: in this case 1.1.1 have indent 2 while 1 have indent 0. In model that should not be possible,\n\t\t// because following item may have indent bigger only by one. But this is fixed by postfixer.\n\t\tconst modelPosition = model.createPositionAt( prevModelItem, 'end' );\n\t\tinsertPosition = mapper.toViewPosition( modelPosition );\n\t}\n\n\tinsertPosition = positionAfterUiElements( insertPosition );\n\n\t// Handle multiple lists. This happens if list item has nested numbered and bulleted lists. Following lists\n\t// are inserted after the first list (no need to recalculate insertion position for them).\n\tfor ( const child of [ ...viewRemovedItem.getChildren() ] ) {\n\t\tif ( isList( child ) ) {\n\t\t\tinsertPosition = viewWriter.move( viewWriter.createRangeOn( child ), insertPosition ).end;\n\n\t\t\tmergeViewLists( viewWriter, child, child.nextSibling! );\n\t\t\tmergeViewLists( viewWriter, child.previousSibling!, child );\n\t\t}\n\t}\n}\n\n/**\n * Checks if view element is a list type (ul or ol).\n */\nfunction isList( viewElement: ViewTypeCheckable ): viewElement is ViewElement & { name: 'ol' | 'ul' } {\n\treturn viewElement.is( 'element', 'ol' ) || viewElement.is( 'element', 'ul' );\n}\n\n/**\n * Calculates the indent value for a list item. Handles HTML compliant and non-compliant lists.\n *\n * Also, fixes non HTML compliant lists indents:\n *\n * ```\n * before:                                     fixed list:\n * OL                                          OL\n * |-> LI (parent LIs: 0)                      |-> LI     (indent: 0)\n *     |-> OL                                  |-> OL\n *         |-> OL                                  |\n *         |   |-> OL                              |\n *         |       |-> OL                          |\n *         |           |-> LI (parent LIs: 1)      |-> LI (indent: 1)\n *         |-> LI (parent LIs: 1)                  |-> LI (indent: 1)\n *\n * before:                                     fixed list:\n * OL                                          OL\n * |-> OL                                      |\n *     |-> OL                                  |\n *          |-> OL                             |\n *              |-> LI (parent LIs: 0)         |-> LI        (indent: 0)\n *\n * before:                                     fixed list:\n * OL                                          OL\n * |-> LI (parent LIs: 0)                      |-> LI         (indent: 0)\n * |-> OL                                          |-> OL\n *     |-> LI (parent LIs: 0)                          |-> LI (indent: 1)\n * ```\n */\nfunction getIndent( listItem: ViewElement ) {\n\tlet indent = 0;\n\n\tlet parent = listItem.parent as ViewElement;\n\n\twhile ( parent ) {\n\t\t// Each LI in the tree will result in an increased indent for HTML compliant lists.\n\t\tif ( parent.is( 'element', 'li' ) ) {\n\t\t\tindent++;\n\t\t} else {\n\t\t\t// If however the list is nested in other list we should check previous sibling of any of the list elements...\n\t\t\tconst previousSibling = parent.previousSibling;\n\n\t\t\t// ...because the we might need increase its indent:\n\t\t\t//\t\tbefore:                           fixed list:\n\t\t\t//\t\tOL                                OL\n\t\t\t//\t\t|-> LI (parent LIs: 0)            |-> LI         (indent: 0)\n\t\t\t//\t\t|-> OL                                |-> OL\n\t\t\t//\t\t    |-> LI (parent LIs: 0)                |-> LI (indent: 1)\n\t\t\tif ( previousSibling && previousSibling.is( 'element', 'li' ) ) {\n\t\t\t\tindent++;\n\t\t\t}\n\t\t}\n\n\t\tparent = parent.parent as ViewElement;\n\t}\n\n\treturn indent;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylist/legacylistediting\n */\n\nimport { LegacyListCommand } from './legacylistcommand.js';\nimport { LegacyIndentCommand } from './legacyindentcommand.js';\nimport { LegacyListUtils } from './legacylistutils.js';\n\nimport { Plugin, type MultiCommand } from 'ckeditor5/src/core.js';\n\nimport { Enter, type ViewDocumentEnterEvent } from 'ckeditor5/src/enter.js';\nimport { Delete, type ViewDocumentDeleteEvent } from 'ckeditor5/src/typing.js';\n\nimport type {\n\tDowncastAttributeEvent,\n\tDowncastInsertEvent,\n\tDowncastRemoveEvent,\n\tModelElement,\n\tMapperModelToViewPositionEvent,\n\tMapperViewToModelPositionEvent,\n\tModelInsertContentEvent,\n\tUpcastElementEvent,\n\tViewDocumentTabEvent,\n\tViewElement\n} from 'ckeditor5/src/engine.js';\n\nimport {\n\tcleanList,\n\tcleanListItem,\n\tmodelViewInsertion,\n\tmodelViewChangeType,\n\tmodelViewMergeAfterChangeType,\n\tmodelViewMergeAfter,\n\tmodelViewRemove,\n\tmodelViewSplitOnInsert,\n\tmodelViewChangeIndent,\n\tmodelChangePostFixer,\n\tmodelIndentPasteFixer,\n\tviewModelConverter,\n\tmodelToViewPosition,\n\tviewToModelPosition\n} from './legacyconverters.js';\n\nimport '../../theme/list.css';\n\n/**\n * The engine of the list feature. It handles creating, editing and removing lists and list items.\n *\n * It registers the `'numberedList'`, `'bulletedList'`, `'indentList'` and `'outdentList'` commands.\n */\nexport class LegacyListEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LegacyListEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Enter, Delete, LegacyListUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Schema.\n\t\t// Note: in case `$block` will ever be allowed in `listItem`, keep in mind that this feature\n\t\t// uses `Selection#getSelectedBlocks()` without any additional processing to obtain all selected list items.\n\t\t// If there are blocks allowed inside list item, algorithms using `getSelectedBlocks()` will have to be modified.\n\t\teditor.model.schema.register( 'listItem', {\n\t\t\tinheritAllFrom: '$block',\n\t\t\tallowAttributes: [ 'listType', 'listIndent' ]\n\t\t} );\n\n\t\t// Converters.\n\t\tconst data = editor.data;\n\t\tconst editing = editor.editing;\n\n\t\teditor.model.document.registerPostFixer( writer => modelChangePostFixer( editor.model, writer ) );\n\n\t\tediting.mapper.registerViewToModelLength( 'li', getViewListItemLength );\n\t\tdata.mapper.registerViewToModelLength( 'li', getViewListItemLength );\n\n\t\tediting.mapper.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', modelToViewPosition( editing.view ) );\n\t\tediting.mapper.on<MapperViewToModelPositionEvent>( 'viewToModelPosition', viewToModelPosition( editor.model ) );\n\t\tdata.mapper.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', modelToViewPosition( editing.view ) );\n\n\t\teditor.conversion.for( 'editingDowncast' )\n\t\t\t.add( dispatcher => {\n\t\t\t\tdispatcher.on<DowncastInsertEvent<ModelElement>>( 'insert', modelViewSplitOnInsert, { priority: 'high' } );\n\t\t\t\tdispatcher.on<DowncastInsertEvent<ModelElement>>( 'insert:listItem', modelViewInsertion( editor.model ) );\n\t\t\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>(\n\t\t\t\t\t'attribute:listType:listItem', modelViewChangeType, { priority: 'high' }\n\t\t\t\t);\n\t\t\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>(\n\t\t\t\t\t'attribute:listType:listItem', modelViewMergeAfterChangeType, { priority: 'low' } );\n\t\t\t\tdispatcher.on<DowncastAttributeEvent<ModelElement>>(\n\t\t\t\t\t'attribute:listIndent:listItem', modelViewChangeIndent( editor.model )\n\t\t\t\t);\n\t\t\t\tdispatcher.on<DowncastRemoveEvent>( 'remove:listItem', modelViewRemove( editor.model ) );\n\t\t\t\tdispatcher.on<DowncastRemoveEvent>( 'remove', modelViewMergeAfter, { priority: 'low' } );\n\t\t\t} );\n\n\t\teditor.conversion.for( 'dataDowncast' )\n\t\t\t.add( dispatcher => {\n\t\t\t\tdispatcher.on<DowncastInsertEvent<ModelElement>>( 'insert', modelViewSplitOnInsert, { priority: 'high' } );\n\t\t\t\tdispatcher.on<DowncastInsertEvent<ModelElement>>( 'insert:listItem', modelViewInsertion( editor.model ) );\n\t\t\t} );\n\n\t\teditor.conversion.for( 'upcast' )\n\t\t\t.add( dispatcher => {\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:ul', cleanList, { priority: 'high' } );\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:ol', cleanList, { priority: 'high' } );\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:li', cleanListItem, { priority: 'high' } );\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:li', viewModelConverter );\n\t\t\t} );\n\n\t\t// Fix indentation of pasted items.\n\t\teditor.model.on<ModelInsertContentEvent>( 'insertContent', modelIndentPasteFixer, { priority: 'high' } );\n\n\t\t// Register commands for numbered and bulleted list.\n\t\teditor.commands.add( 'numberedList', new LegacyListCommand( editor, 'numbered' ) );\n\t\teditor.commands.add( 'bulletedList', new LegacyListCommand( editor, 'bulleted' ) );\n\n\t\t// Register commands for indenting.\n\t\teditor.commands.add( 'indentList', new LegacyIndentCommand( editor, 'forward' ) );\n\t\teditor.commands.add( 'outdentList', new LegacyIndentCommand( editor, 'backward' ) );\n\n\t\tconst viewDocument = editing.view.document;\n\n\t\t// Overwrite default Enter key behavior.\n\t\t// If Enter key is pressed with selection collapsed in empty list item, outdent it instead of breaking it.\n\t\tthis.listenTo<ViewDocumentEnterEvent>( viewDocument, 'enter', ( evt, data ) => {\n\t\t\tconst doc = this.editor.model.document;\n\t\t\tconst positionParent = doc.selection.getLastPosition()!.parent;\n\n\t\t\tif ( doc.selection.isCollapsed && positionParent.name == 'listItem' && positionParent.isEmpty ) {\n\t\t\t\tthis.editor.execute( 'outdentList' );\n\n\t\t\t\tdata.preventDefault();\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { context: 'li' } );\n\n\t\t// Overwrite default Backspace key behavior.\n\t\t// If Backspace key is pressed with selection collapsed on first position in first list item, outdent it. #83\n\t\tthis.listenTo<ViewDocumentDeleteEvent>( viewDocument, 'delete', ( evt, data ) => {\n\t\t\t// Check conditions from those that require less computations like those immediately available.\n\t\t\tif ( data.direction !== 'backward' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst selection = this.editor.model.document.selection;\n\n\t\t\tif ( !selection.isCollapsed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst firstPosition = selection.getFirstPosition()!;\n\n\t\t\tif ( !firstPosition.isAtStart ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst positionParent = firstPosition.parent;\n\n\t\t\tif ( positionParent.name !== 'listItem' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst previousIsAListItem = positionParent.previousSibling && ( positionParent.previousSibling as any ).name === 'listItem';\n\n\t\t\tif ( previousIsAListItem ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.editor.execute( 'outdentList' );\n\n\t\t\tdata.preventDefault();\n\t\t\tevt.stop();\n\t\t}, { context: 'li' } );\n\n\t\tthis.listenTo<ViewDocumentTabEvent>( editor.editing.view.document, 'tab', ( evt, data ) => {\n\t\t\tconst commandName = data.shiftKey ? 'outdentList' : 'indentList';\n\t\t\tconst command = this.editor.commands.get( commandName )!;\n\n\t\t\tif ( command.isEnabled ) {\n\t\t\t\teditor.execute( commandName );\n\n\t\t\t\tdata.stopPropagation();\n\t\t\t\tdata.preventDefault();\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { context: 'li' } );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst commands = this.editor.commands;\n\n\t\tconst indent = commands.get( 'indent' ) as MultiCommand;\n\t\tconst outdent = commands.get( 'outdent' ) as MultiCommand;\n\n\t\tif ( indent ) {\n\t\t\tindent.registerChildCommand( commands.get( 'indentList' )! );\n\t\t}\n\n\t\tif ( outdent ) {\n\t\t\toutdent.registerChildCommand( commands.get( 'outdentList' )! );\n\t\t}\n\t}\n}\n\nfunction getViewListItemLength( element: ViewElement ) {\n\tlet length = 1;\n\n\tfor ( const child of element.getChildren() as Iterable<ViewElement> ) {\n\t\tif ( child.name == 'ul' || child.name == 'ol' ) {\n\t\t\tfor ( const item of child.getChildren() ) {\n\t\t\t\tlength += getViewListItemLength( item as ViewElement );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn length;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylist\n */\n\nimport { LegacyListEditing } from './legacylist/legacylistediting.js';\nimport { ListUI } from './list/listui.js';\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\n/**\n * The legacy list feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/legacylist/legacylistediting~LegacyListEditing legacy list editing feature}\n * and {@link module:list/list/listui~ListUI list UI feature}.\n */\nexport class LegacyList extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ LegacyListEditing, ListUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LegacyList' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylistproperties/legacyliststylecommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { getListTypeFromListStyleType, getSelectedListItems } from '../legacylist/legacyutils.js';\n\n/**\n * The list style command. It changes the `listStyle` attribute of the selected list items.\n *\n * If the list type (numbered or bulleted) can be inferred from the passed style type,\n * the command tries to convert selected items to a list of that type.\n * It is used by the {@link module:list/legacylistproperties~LegacyListProperties legacy list properties feature}.\n */\nexport class LegacyListStyleCommand extends Command {\n\tdeclare public isStyleTypeSupported: undefined;\n\n\t/**\n\t * @inheritDoc\n\t * @readonly\n\t */\n\tdeclare public value: string | null;\n\n\t/**\n\t * The default type of the list style.\n\t */\n\tpublic readonly defaultType: string;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param defaultType The list type that will be used by default if the value was not specified during\n\t * the command execution.\n\t */\n\tconstructor( editor: Editor, defaultType: string ) {\n\t\tsuper( editor );\n\n\t\tthis.defaultType = defaultType;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.value = this._getValue();\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.type The type of the list style, e.g. `'disc'` or `'square'`. If `null` is specified, the default\n\t * style will be applied.\n\t */\n\tpublic override execute( options: { type?: string | null } = {} ): void {\n\t\tthis._tryToConvertItemsToList( options );\n\n\t\tconst model = this.editor.model;\n\t\tconst listItems = getSelectedListItems( model );\n\n\t\tif ( !listItems.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of listItems ) {\n\t\t\t\twriter.setAttribute( 'listStyle', options.type || this.defaultType, item );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */\n\tprivate _getValue() {\n\t\tconst listItem = this.editor.model.document.selection.getFirstPosition()!.parent;\n\n\t\tif ( listItem && listItem.is( 'element', 'listItem' ) ) {\n\t\t\treturn listItem.getAttribute( 'listStyle' ) as string;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled() {\n\t\tconst editor = this.editor;\n\n\t\tconst numberedList = editor.commands.get( 'numberedList' )!;\n\t\tconst bulletedList = editor.commands.get( 'bulletedList' )!;\n\n\t\treturn numberedList.isEnabled || bulletedList.isEnabled;\n\t}\n\n\t/**\n\t * Checks if the provided list style is valid. Also changes the selection to a list if it's not set yet.\n\t *\n\t * @param options Additional options.\n\t * @param options.type The type of the list style. If `null` is specified, the function does nothing.\n\t*/\n\tprivate _tryToConvertItemsToList( options: { type?: string | null } ) {\n\t\tif ( !options.type ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst listType = getListTypeFromListStyleType( options.type );\n\n\t\t/* istanbul ignore next -- @preserve */\n\t\tif ( !listType ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst commandName = `${ listType }List` as const;\n\t\tconst command = editor.commands.get( commandName )!;\n\n\t\tif ( !command.value ) {\n\t\t\teditor.execute( commandName );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylistproperties/legacylistreversedcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { getSelectedListItems } from '../legacylist/legacyutils.js';\n\n/**\n * The reversed list command. It changes the `listReversed` attribute of the selected list items. As a result, the list order will be\n * reversed.\n * It is used by the {@link module:list/legacylistproperties~LegacyListProperties legacy list properties feature}.\n */\nexport class LegacyListReversedCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public value: boolean | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst value = this._getValue();\n\t\tthis.value = value;\n\t\tthis.isEnabled = value != null;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.reversed Whether the list should be reversed.\n\t */\n\tpublic override execute( options: { reversed?: boolean } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst listItems = getSelectedListItems( model )\n\t\t\t.filter( item => item.getAttribute( 'listType' ) == 'numbered' );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of listItems ) {\n\t\t\t\twriter.setAttribute( 'listReversed', !!options.reversed, item );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */\n\tprivate _getValue() {\n\t\tconst listItem = this.editor.model.document.selection.getFirstPosition()!.parent;\n\n\t\tif ( listItem && listItem.is( 'element', 'listItem' ) && listItem.getAttribute( 'listType' ) == 'numbered' ) {\n\t\t\treturn listItem.getAttribute( 'listReversed' ) as boolean;\n\t\t}\n\n\t\treturn null;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylistproperties/legacyliststartcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { getSelectedListItems } from '../legacylist/legacyutils.js';\n\n/**\n * The list start index command. It changes the `listStart` attribute of the selected list items.\n * It is used by the {@link module:list/legacylistproperties~LegacyListProperties legacy list properties feature}.\n */\nexport class LegacyListStartCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tdeclare public value: number | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst value = this._getValue();\n\t\tthis.value = value;\n\t\tthis.isEnabled = value != null;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options Execute options.\n\t * @param options.startIndex The list start index.\n\t */\n\tpublic override execute( { startIndex = 1 }: { startIndex?: number } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst listItems = getSelectedListItems( model )\n\t\t\t.filter( item => item.getAttribute( 'listType' ) == 'numbered' );\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of listItems ) {\n\t\t\t\twriter.setAttribute( 'listStart', startIndex >= 0 ? startIndex : 1, item );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t *\n\t * @returns The current value.\n\t */\n\tprivate _getValue() {\n\t\tconst listItem = this.editor.model.document.selection.getFirstPosition()!.parent;\n\n\t\tif ( listItem && listItem.is( 'element', 'listItem' ) && listItem.getAttribute( 'listType' ) == 'numbered' ) {\n\t\t\treturn listItem.getAttribute( 'listStart' ) as number;\n\t\t}\n\n\t\treturn null;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylistproperties/legacylistpropertiesediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\n\nimport type {\n\tDifferItem,\n\tDowncastAttributeEvent,\n\tDowncastDispatcher,\n\tViewDowncastWriter,\n\tModelElement,\n\tModelDeleteContentEvent,\n\tModelNode,\n\tUpcastDispatcher,\n\tUpcastElementEvent,\n\tViewElement,\n\tModelWriter\n} from 'ckeditor5/src/engine.js';\n\nimport { LegacyListEditing } from '../legacylist/legacylistediting.js';\nimport { LegacyListStyleCommand } from './legacyliststylecommand.js';\nimport { LegacyListReversedCommand } from './legacylistreversedcommand.js';\nimport { LegacyListStartCommand } from './legacyliststartcommand.js';\nimport { getSiblingListItem, getSiblingNodes } from '../legacylist/legacyutils.js';\nimport type { ListPropertiesConfig } from '../listconfig.js';\nimport { normalizeListStyle } from '../listproperties/utils/style.js';\n\nconst DEFAULT_LIST_TYPE = 'default';\n\n/**\n * The engine of the list properties feature.\n *\n * It sets the value for the `listItem` attribute of the {@link module:list/legacylist~LegacyList `<listItem>`} element that\n * allows modifying the list style type.\n *\n * It registers the `'listStyle'`, `'listReversed'` and `'listStart'` commands if they are enabled in the configuration.\n * Read more in {@link module:list/listconfig~ListPropertiesConfig}.\n */\nexport class LegacyListPropertiesEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ LegacyListEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LegacyListPropertiesEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'list', {\n\t\t\tproperties: {\n\t\t\t\tstyles: true,\n\t\t\t\tstartIndex: false,\n\t\t\t\treversed: false\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tconst enabledProperties = editor.config.get( 'list.properties' )!;\n\t\tconst strategies = createAttributeStrategies( enabledProperties );\n\n\t\t// Extend schema.\n\t\tmodel.schema.extend( 'listItem', {\n\t\t\tallowAttributes: strategies.map( s => s.attributeName )\n\t\t} );\n\n\t\tfor ( const strategy of strategies ) {\n\t\t\tstrategy.addCommand( editor );\n\t\t}\n\n\t\t// Fix list attributes when modifying their nesting levels (the `listIndent` attribute).\n\t\tthis.listenTo( editor.commands.get( 'indentList' )!, '_executeCleanup', fixListAfterIndentListCommand( editor, strategies ) );\n\t\tthis.listenTo( editor.commands.get( 'outdentList' )!, '_executeCleanup', fixListAfterOutdentListCommand( editor, strategies ) );\n\n\t\tthis.listenTo( editor.commands.get( 'bulletedList' )!, '_executeCleanup', restoreDefaultListStyle( editor ) );\n\t\tthis.listenTo( editor.commands.get( 'numberedList' )!, '_executeCleanup', restoreDefaultListStyle( editor ) );\n\n\t\t// Register a post-fixer that ensures that the attributes is specified in each `listItem` element.\n\t\tmodel.document.registerPostFixer( fixListAttributesOnListItemElements( editor, strategies ) );\n\n\t\t// Set up conversion.\n\t\teditor.conversion.for( 'upcast' ).add( upcastListItemAttributes( strategies ) );\n\t\teditor.conversion.for( 'downcast' ).add( downcastListItemAttributes( strategies ) );\n\n\t\t// Handle merging two separated lists into the single one.\n\t\tthis._mergeListAttributesWhileMergingLists( strategies );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Enable post-fixer that removes the attributes from to-do list items only if the \"TodoList\" plugin is on.\n\t\t// We need to registry the hook here since the `TodoList` plugin can be added after the `ListPropertiesEditing`.\n\t\tif ( editor.commands.get( 'todoList' ) ) {\n\t\t\teditor.model.document.registerPostFixer( removeListItemAttributesFromTodoList( editor ) );\n\t\t}\n\t}\n\n\t/**\n\t * Starts listening to {@link module:engine/model/model~Model#deleteContent} and checks whether two lists will be merged into a single\n\t * one after deleting the content.\n\t *\n\t * The purpose of this action is to adjust the `listStyle`, `listReversed` and `listStart` values\n\t * for the list that was merged.\n\t *\n\t * Consider the following model's content:\n\t *\n\t * ```xml\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 2</listItem>\n\t * <paragraph>[A paragraph.]</paragraph>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">UL List item 1</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">UL List item 2</listItem>\n\t * ```\n\t *\n\t * After removing the paragraph element, the second list will be merged into the first one.\n\t * We want to inherit the `listStyle` attribute for the second list from the first one.\n\t *\n\t * ```xml\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 2</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n\t * <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 2</listItem>\n\t * ```\n\t *\n\t * See https://github.com/ckeditor/ckeditor5/issues/7879.\n\t *\n\t * @param attributeStrategies Strategies for the enabled attributes.\n\t */\n\tprivate _mergeListAttributesWhileMergingLists( attributeStrategies: Array<AttributeStrategy> ) {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\t// First the outer-most`listItem` in the first list reference.\n\t\t// If found, the lists should be merged and this `listItem` provides the attributes\n\t\t// and it is also a starting point when searching for items in the second list.\n\t\tlet firstMostOuterItem: ModelElement | null;\n\n\t\t// Check whether the removed content is between two lists.\n\t\tthis.listenTo<ModelDeleteContentEvent>( model, 'deleteContent', ( evt, [ selection ] ) => {\n\t\t\tconst firstPosition = selection.getFirstPosition()!;\n\t\t\tconst lastPosition = selection.getLastPosition()!;\n\n\t\t\t// Typing or removing content in a single item. Aborting.\n\t\t\tif ( firstPosition.parent === lastPosition.parent ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// An element before the content that will be removed is not a list.\n\t\t\tif ( !firstPosition.parent.is( 'element', 'listItem' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst nextSibling = lastPosition.parent.nextSibling;\n\n\t\t\t// An element after the content that will be removed is not a list.\n\t\t\tif ( !nextSibling || !nextSibling.is( 'element', 'listItem' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Find the outermost list item based on the `listIndent` attribute. We can't assume that `listIndent=0`\n\t\t\t// because the selection can be hooked in nested lists.\n\t\t\t//\n\t\t\t// <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n\t\t\t// <listItem listIndent=\"1\" listType=\"bulleted\" listStyle=\"square\">UL List [item 1.1</listItem>\n\t\t\t// <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">[]UL List item 1.</listItem>\n\t\t\t// <listItem listIndent=\"1\" listType=\"bulleted\" listStyle=\"circle\">UL List ]item 1.1</listItem>\n\t\t\t//\n\t\t\t// After deleting the content, we would like to inherit the \"square\" attribute for the last element:\n\t\t\t//\n\t\t\t// <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n\t\t\t// <listItem listIndent=\"1\" listType=\"bulleted\" listStyle=\"square\">UL List []item 1.1</listItem>\n\t\t\tconst mostOuterItemList = getSiblingListItem( firstPosition.parent, {\n\t\t\t\tsameIndent: true,\n\t\t\t\tlistIndent: nextSibling.getAttribute( 'listIndent' ) as number\n\t\t\t} );\n\n\t\t\t// The outermost list item may not exist while removing elements between lists with different value\n\t\t\t// of the `listIndent` attribute. In such a case we don't want to update anything. See: #8073.\n\t\t\tif ( !mostOuterItemList ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( mostOuterItemList.getAttribute( 'listType' ) === nextSibling.getAttribute( 'listType' ) ) {\n\t\t\t\tfirstMostOuterItem = mostOuterItemList;\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\t// If so, update the `listStyle` attribute for the second list.\n\t\tthis.listenTo<ModelDeleteContentEvent>( model, 'deleteContent', () => {\n\t\t\tif ( !firstMostOuterItem ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tmodel.change( writer => {\n\t\t\t\t// Find the first most-outer item list in the merged list.\n\t\t\t\t// A case when the first list item in the second list was merged into the last item in the first list.\n\t\t\t\t//\n\t\t\t\t// <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 1</listItem>\n\t\t\t\t// <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"square\">UL List item 2</listItem>\n\t\t\t\t// <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">[]UL List item 1</listItem>\n\t\t\t\t// <listItem listIndent=\"0\" listType=\"bulleted\" listStyle=\"circle\">UL List item 2</listItem>\n\t\t\t\tconst secondListMostOuterItem = getSiblingListItem( firstMostOuterItem!.nextSibling, {\n\t\t\t\t\tsameIndent: true,\n\t\t\t\t\tlistIndent: firstMostOuterItem!.getAttribute( 'listIndent' ) as number,\n\t\t\t\t\tdirection: 'forward'\n\t\t\t\t} );\n\n\t\t\t\t// If the selection ends in a non-list element, there are no <listItem>s that would require adjustments.\n\t\t\t\t// See: #8642.\n\t\t\t\tif ( !secondListMostOuterItem ) {\n\t\t\t\t\tfirstMostOuterItem = null;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst items = [\n\t\t\t\t\tsecondListMostOuterItem,\n\t\t\t\t\t...getSiblingNodes( writer.createPositionAt( secondListMostOuterItem, 0 ), 'forward' )\n\t\t\t\t];\n\n\t\t\t\tfor ( const listItem of items ) {\n\t\t\t\t\tfor ( const strategy of attributeStrategies ) {\n\t\t\t\t\t\tif ( strategy.appliesToListItem( listItem ) ) {\n\t\t\t\t\t\t\tconst attributeName = strategy.attributeName;\n\t\t\t\t\t\t\tconst value = firstMostOuterItem!.getAttribute( attributeName );\n\n\t\t\t\t\t\t\twriter.setAttribute( attributeName, value, listItem );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tfirstMostOuterItem = null;\n\t\t}, { priority: 'low' } );\n\t}\n}\n\n/**\n * Strategy for dealing with `listItem` attributes supported by this plugin.\n */\ninterface AttributeStrategy {\n\tattributeName: string;\n\tdefaultValue: unknown;\n\taddCommand: ( editor: Editor ) => void;\n\tappliesToListItem: ( element: ModelNode ) => boolean;\n\tsetAttributeOnDowncast: ( writer: ViewDowncastWriter, value: any, element: ViewElement ) => void;\n\tgetAttributeOnUpcast: ( element: ViewElement ) => unknown;\n}\n\n/**\n * Creates an array of strategies for dealing with enabled listItem attributes.\n */\nfunction createAttributeStrategies( enabledProperties: ListPropertiesConfig ) {\n\tconst strategies: Array<AttributeStrategy> = [];\n\n\tif ( enabledProperties.styles ) {\n\t\tstrategies.push( {\n\t\t\tattributeName: 'listStyle',\n\t\t\tdefaultValue: DEFAULT_LIST_TYPE,\n\n\t\t\taddCommand( editor ) {\n\t\t\t\teditor.commands.add( 'listStyle', new LegacyListStyleCommand( editor, DEFAULT_LIST_TYPE ) );\n\t\t\t},\n\n\t\t\tappliesToListItem() {\n\t\t\t\treturn true;\n\t\t\t},\n\n\t\t\tsetAttributeOnDowncast( writer, listStyle, element ) {\n\t\t\t\tif ( listStyle && listStyle !== DEFAULT_LIST_TYPE ) {\n\t\t\t\t\twriter.setStyle( 'list-style-type', listStyle, element );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeStyle( 'list-style-type', element );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tgetAttributeOnUpcast( listParent ) {\n\t\t\t\treturn normalizeListStyle( listParent.getStyle( 'list-style-type' )! ) || DEFAULT_LIST_TYPE;\n\t\t\t}\n\t\t} );\n\t}\n\n\tif ( enabledProperties.reversed ) {\n\t\tstrategies.push( {\n\t\t\tattributeName: 'listReversed',\n\t\t\tdefaultValue: false,\n\n\t\t\taddCommand( editor ) {\n\t\t\t\teditor.commands.add( 'listReversed', new LegacyListReversedCommand( editor ) );\n\t\t\t},\n\n\t\t\tappliesToListItem( item ) {\n\t\t\t\treturn item.getAttribute( 'listType' ) == 'numbered';\n\t\t\t},\n\n\t\t\tsetAttributeOnDowncast( writer, listReversed, element ) {\n\t\t\t\tif ( listReversed ) {\n\t\t\t\t\twriter.setAttribute( 'reversed', 'reversed', element );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeAttribute( 'reversed', element );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tgetAttributeOnUpcast( listParent ) {\n\t\t\t\treturn listParent.hasAttribute( 'reversed' );\n\t\t\t}\n\t\t} );\n\t}\n\n\tif ( enabledProperties.startIndex ) {\n\t\tstrategies.push( {\n\t\t\tattributeName: 'listStart',\n\t\t\tdefaultValue: 1,\n\n\t\t\taddCommand( editor ) {\n\t\t\t\teditor.commands.add( 'listStart', new LegacyListStartCommand( editor ) );\n\t\t\t},\n\n\t\t\tappliesToListItem( item ) {\n\t\t\t\treturn item.getAttribute( 'listType' ) == 'numbered';\n\t\t\t},\n\n\t\t\tsetAttributeOnDowncast( writer, listStart, element ) {\n\t\t\t\tif ( listStart == 0 || listStart > 1 ) {\n\t\t\t\t\twriter.setAttribute( 'start', listStart, element );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeAttribute( 'start', element );\n\t\t\t\t}\n\t\t\t},\n\n\t\t\tgetAttributeOnUpcast( listParent ) {\n\t\t\t\tconst startAttributeValue: any = listParent.getAttribute( 'start' );\n\n\t\t\t\treturn startAttributeValue >= 0 ? startAttributeValue : 1;\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn strategies;\n}\n\n/**\n * Returns a converter consumes the `style`, `reversed` and `start` attribute.\n * In `style` it searches for the `list-style-type` definition.\n * If not found, the `\"default\"` value will be used.\n */\nfunction upcastListItemAttributes( attributeStrategies: Array<AttributeStrategy> ) {\n\treturn ( dispatcher: UpcastDispatcher ) => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:li', ( evt, data, conversionApi ) => {\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/13858\n\t\t\tif ( !data.modelRange ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst listParent = data.viewItem.parent as ViewElement;\n\t\t\tconst listItem = data.modelRange.start.nodeAfter || data.modelRange.end.nodeBefore;\n\n\t\t\tfor ( const strategy of attributeStrategies ) {\n\t\t\t\tif ( strategy.appliesToListItem( listItem! ) ) {\n\t\t\t\t\tconst listStyle = strategy.getAttributeOnUpcast( listParent );\n\t\t\t\t\tconversionApi.writer.setAttribute( strategy.attributeName, listStyle, listItem! );\n\t\t\t\t}\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * Returns a converter that adds `reversed`, `start` attributes and adds `list-style-type` definition as a value for the `style` attribute.\n * The `\"default\"` values are removed and not present in the view/data.\n */\nfunction downcastListItemAttributes( attributeStrategies: Array<AttributeStrategy> ) {\n\treturn ( dispatcher: DowncastDispatcher ) => {\n\t\tfor ( const strategy of attributeStrategies ) {\n\t\t\tdispatcher.on<DowncastAttributeEvent>( `attribute:${ strategy.attributeName }:listItem`, ( evt, data, conversionApi ) => {\n\t\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\t\tconst currentElement = data.item as ModelElement;\n\n\t\t\t\tconst previousElement = getSiblingListItem( currentElement.previousSibling, {\n\t\t\t\t\tsameIndent: true,\n\t\t\t\t\tlistIndent: currentElement.getAttribute( 'listIndent' ) as number,\n\t\t\t\t\tdirection: 'backward'\n\t\t\t\t} );\n\n\t\t\t\tconst viewItem = conversionApi.mapper.toViewElement( currentElement )!;\n\n\t\t\t\t// A case when elements represent different lists. We need to separate their container.\n\t\t\t\tif ( !areRepresentingSameList( currentElement, previousElement ) ) {\n\t\t\t\t\tviewWriter.breakContainer( viewWriter.createPositionBefore( viewItem ) );\n\t\t\t\t}\n\t\t\t\tstrategy.setAttributeOnDowncast( viewWriter, data.attributeNewValue, viewItem.parent as ViewElement );\n\t\t\t}, { priority: 'low' } );\n\t\t}\n\t};\n\n\t/**\n\t * Checks whether specified list items belong to the same list.\n\t */\n\tfunction areRepresentingSameList( listItem1: ModelElement, listItem2: ModelElement | null ) {\n\t\treturn listItem2 &&\n\t\t\tlistItem1.getAttribute( 'listType' ) === listItem2.getAttribute( 'listType' ) &&\n\t\t\tlistItem1.getAttribute( 'listIndent' ) === listItem2.getAttribute( 'listIndent' ) &&\n\t\t\tlistItem1.getAttribute( 'listStyle' ) === listItem2.getAttribute( 'listStyle' ) &&\n\t\t\tlistItem1.getAttribute( 'listReversed' ) === listItem2.getAttribute( 'listReversed' ) &&\n\t\t\tlistItem1.getAttribute( 'listStart' ) === listItem2.getAttribute( 'listStart' );\n\t}\n}\n\n/**\n * When indenting list, nested list should clear its value for the attributes or inherit from nested lists.\n *\n * ■ List item 1.\n * ■ List item 2.[]\n * ■ List item 3.\n * editor.execute( 'indentList' );\n *\n * ■ List item 1.\n *     ○ List item 2.[]\n * ■ List item 3.\n */\nfunction fixListAfterIndentListCommand( editor: Editor, attributeStrategies: Array<AttributeStrategy> ) {\n\treturn ( evt: unknown, changedItems: Array<ModelElement> ) => {\n\t\tconst root = changedItems[ 0 ];\n\t\tconst rootIndent = root.getAttribute( 'listIndent' ) as number;\n\n\t\tconst itemsToUpdate = changedItems.filter( item => item.getAttribute( 'listIndent' ) === rootIndent );\n\n\t\t// A case where a few list items are indented must be checked separately\n\t\t// since `getSiblingListItem()` returns the first changed element.\n\t\t// ■ List item 1.\n\t\t//     ○ [List item 2.\n\t\t//     ○ List item 3.]\n\t\t// ■ List item 4.\n\t\t//\n\t\t// List items: `2` and `3` should be adjusted.\n\t\tlet previousSibling: ModelElement | null = null;\n\n\t\tif ( root.previousSibling!.getAttribute( 'listIndent' ) as number + 1 !== rootIndent ) {\n\t\t\tpreviousSibling = getSiblingListItem( root.previousSibling, {\n\t\t\t\tsameIndent: true, direction: 'backward', listIndent: rootIndent\n\t\t\t} );\n\t\t}\n\n\t\teditor.model.change( writer => {\n\t\t\tfor ( const item of itemsToUpdate ) {\n\t\t\t\tfor ( const strategy of attributeStrategies ) {\n\t\t\t\t\tif ( strategy.appliesToListItem( item ) ) {\n\t\t\t\t\t\tconst valueToSet = previousSibling == null ?\n\t\t\t\t\t\t\tstrategy.defaultValue :\n\t\t\t\t\t\t\tpreviousSibling.getAttribute( strategy.attributeName );\n\n\t\t\t\t\t\twriter.setAttribute( strategy.attributeName, valueToSet, item );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t};\n}\n\n/**\n * When outdenting a list, a nested list should copy attribute values\n * from the previous sibling list item including the same value for the `listIndent` value.\n *\n * ■ List item 1.\n *     ○ List item 2.[]\n * ■ List item 3.\n *\n * editor.execute( 'outdentList' );\n *\n * ■ List item 1.\n * ■ List item 2.[]\n * ■ List item 3.\n */\nfunction fixListAfterOutdentListCommand( editor: Editor, attributeStrategies: Array<AttributeStrategy> ) {\n\treturn ( evt: unknown, changedItems: Array<ModelElement> ) => {\n\t\tchangedItems = changedItems.reverse().filter( item => item.is( 'element', 'listItem' ) );\n\n\t\tif ( !changedItems.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst indent = changedItems[ 0 ].getAttribute( 'listIndent' );\n\t\tconst listType = changedItems[ 0 ].getAttribute( 'listType' );\n\t\tlet listItem: ModelNode | null = changedItems[ 0 ].previousSibling!;\n\n\t\t// ■ List item 1.\n\t\t//     ○ List item 2.\n\t\t//     ○ List item 3.[]\n\t\t// ■ List item 4.\n\t\t//\n\t\t// After outdenting a list, `List item 3` should inherit the `listStyle` attribute from `List item 1`.\n\t\t//\n\t\t// ■ List item 1.\n\t\t//     ○ List item 2.\n\t\t// ■ List item 3.[]\n\t\t// ■ List item 4.\n\t\tif ( listItem.is( 'element', 'listItem' ) ) {\n\t\t\twhile ( listItem!.getAttribute( 'listIndent' ) !== indent ) {\n\t\t\t\tlistItem = listItem!.previousSibling;\n\t\t\t}\n\t\t} else {\n\t\t\tlistItem = null;\n\t\t}\n\n\t\t// Outdenting such a list should restore values based on `List item 4`.\n\t\t// ■ List item 1.[]\n\t\t//     ○ List item 2.\n\t\t//     ○ List item 3.\n\t\t// ■ List item 4.\n\t\tif ( !listItem ) {\n\t\t\tlistItem = changedItems[ changedItems.length - 1 ].nextSibling;\n\t\t}\n\n\t\t// And such a list should not modify anything.\n\t\t// However, `listItem` can indicate a node below the list. Be sure that we have the `listItem` element.\n\t\t// ■ List item 1.[]\n\t\t//     ○ List item 2.\n\t\t//     ○ List item 3.\n\t\t// <paragraph>The later if check.</paragraph>\n\t\tif ( !listItem || !listItem.is( 'element', 'listItem' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Do not modify the list if found `listItem` represents other type of list than outdented list items.\n\t\tif ( listItem.getAttribute( 'listType' ) !== listType ) {\n\t\t\treturn;\n\t\t}\n\n\t\teditor.model.change( writer => {\n\t\t\tconst itemsToUpdate = changedItems.filter( item => item.getAttribute( 'listIndent' ) === indent );\n\n\t\t\tfor ( const item of itemsToUpdate ) {\n\t\t\t\tfor ( const strategy of attributeStrategies ) {\n\t\t\t\t\tif ( strategy.appliesToListItem( item ) ) {\n\t\t\t\t\t\tconst attributeName = strategy.attributeName;\n\t\t\t\t\t\tconst valueToSet = listItem!.getAttribute( attributeName );\n\n\t\t\t\t\t\twriter.setAttribute( attributeName, valueToSet, item );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t};\n}\n\n/**\n * Each `listItem` element must have specified the `listStyle`, `listReversed` and `listStart` attributes\n * if they are enabled and supported by its `listType`.\n * This post-fixer checks whether inserted elements `listItem` elements should inherit the attribute values from\n * their sibling nodes or should use the default values.\n *\n * Paragraph[]\n * ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 2. // ...\n * ■ List item 3. // ...\n *\n * editor.execute( 'bulletedList' )\n *\n * ■ Paragraph[]  // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 2.\n * ■ List item 3.\n *\n * It also covers a such change:\n *\n * [Paragraph 1\n * Paragraph 2]\n * ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 2. // ...\n * ■ List item 3. // ...\n *\n * editor.execute( 'numberedList' )\n *\n * 1. [Paragraph 1 // [listStyle=\"default\", listType=\"numbered\"]\n * 2. Paragraph 2] // [listStyle=\"default\", listType=\"numbered\"]\n * ■ List item 1.  // [listStyle=\"square\", listType=\"bulleted\"]\n * ■ List item 2.  // ...\n * ■ List item 3.  // ...\n */\nfunction fixListAttributesOnListItemElements( editor: Editor, attributeStrategies: Array<AttributeStrategy> ) {\n\treturn ( writer: ModelWriter ) => {\n\t\tlet wasFixed = false;\n\n\t\tconst insertedListItems = getChangedListItems( editor.model.document.differ.getChanges() )\n\t\t\t.filter( item => {\n\t\t\t\t// Don't touch todo lists. They are handled in another post-fixer.\n\t\t\t\treturn item.getAttribute( 'listType' ) !== 'todo';\n\t\t\t} );\n\n\t\tif ( !insertedListItems.length ) {\n\t\t\treturn wasFixed;\n\t\t}\n\n\t\t// Check whether the last inserted element is next to the `listItem` element.\n\t\t//\n\t\t// ■ Paragraph[]  // <-- The inserted item.\n\t\t// ■ List item 1.\n\t\tlet existingListItem = insertedListItems[ insertedListItems.length - 1 ].nextSibling;\n\n\t\t// If it doesn't, maybe the `listItem` was inserted at the end of the list.\n\t\t//\n\t\t// ■ List item 1.\n\t\t// ■ Paragraph[]  // <-- The inserted item.\n\t\tif ( !existingListItem || !existingListItem.is( 'element', 'listItem' ) ) {\n\t\t\texistingListItem = insertedListItems[ 0 ].previousSibling;\n\n\t\t\tif ( existingListItem ) {\n\t\t\t\tconst indent = insertedListItems[ 0 ].getAttribute( 'listIndent' );\n\n\t\t\t\t// But we need to find a `listItem` with the `listIndent=0` attribute.\n\t\t\t\t// If doesn't, maybe the `listItem` was inserted at the end of the list.\n\t\t\t\t//\n\t\t\t\t// ■ List item 1.\n\t\t\t\t//     ○ List item 2.\n\t\t\t\t// ■ Paragraph[]  // <-- The inserted item.\n\t\t\t\twhile ( existingListItem.is( 'element', 'listItem' ) && existingListItem.getAttribute( 'listIndent' ) !== indent ) {\n\t\t\t\t\texistingListItem = existingListItem.previousSibling;\n\n\t\t\t\t\t// If the item does not exist, most probably there is no other content in the editor. See: #8072.\n\t\t\t\t\tif ( !existingListItem ) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfor ( const strategy of attributeStrategies ) {\n\t\t\tconst attributeName = strategy.attributeName;\n\n\t\t\tfor ( const item of insertedListItems ) {\n\t\t\t\tif ( !strategy.appliesToListItem( item ) ) {\n\t\t\t\t\twriter.removeAttribute( attributeName, item );\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif ( !item.hasAttribute( attributeName ) ) {\n\t\t\t\t\tif ( shouldInheritListType( existingListItem, item, strategy ) ) {\n\t\t\t\t\t\twriter.setAttribute( attributeName, existingListItem!.getAttribute( attributeName ), item );\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.setAttribute( attributeName, strategy.defaultValue, item );\n\t\t\t\t\t}\n\t\t\t\t\twasFixed = true;\n\t\t\t\t} else {\n\t\t\t\t\t// Adjust the `listStyle`, `listReversed` and `listStart`\n\t\t\t\t\t// attributes for inserted (pasted) items. See #8160.\n\t\t\t\t\t//\n\t\t\t\t\t// ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n\t\t\t\t\t//     ○ List item 1.1. // [listStyle=\"circle\", listType=\"bulleted\"]\n\t\t\t\t\t//     ○ [] (selection is here)\n\t\t\t\t\t//\n\t\t\t\t\t// Then, pasting a list with different attributes (listStyle, listType):\n\t\t\t\t\t//\n\t\t\t\t\t// 1. First. // [listStyle=\"decimal\", listType=\"numbered\"]\n\t\t\t\t\t// 2. Second // [listStyle=\"decimal\", listType=\"numbered\"]\n\t\t\t\t\t//\n\t\t\t\t\t// The `listType` attribute will be corrected by the `ListEditing` converters.\n\t\t\t\t\t// We need to adjust the `listStyle` attribute. Expected structure:\n\t\t\t\t\t//\n\t\t\t\t\t// ■ List item 1. // [listStyle=\"square\", listType=\"bulleted\"]\n\t\t\t\t\t//     ○ List item 1.1. // [listStyle=\"circle\", listType=\"bulleted\"]\n\t\t\t\t\t//     ○ First. // [listStyle=\"circle\", listType=\"bulleted\"]\n\t\t\t\t\t//     ○ Second // [listStyle=\"circle\", listType=\"bulleted\"]\n\t\t\t\t\tconst previousSibling = item.previousSibling;\n\n\t\t\t\t\tif ( shouldInheritListTypeFromPreviousItem( previousSibling, item, strategy.attributeName ) ) {\n\t\t\t\t\t\twriter.setAttribute( attributeName, previousSibling!.getAttribute( attributeName ), item );\n\n\t\t\t\t\t\twasFixed = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn wasFixed;\n\t};\n}\n\n/**\n * Checks whether the `listStyle`, `listReversed` and `listStart` attributes\n * should be copied from the `baseItem` element.\n *\n * The attribute should be copied if the inserted element does not have defined it and\n * the value for the element is other than default in the base element.\n */\nfunction shouldInheritListType( baseItem: ModelNode | null, itemToChange: ModelElement, attributeStrategy: AttributeStrategy ) {\n\tif ( !baseItem ) {\n\t\treturn false;\n\t}\n\n\tconst baseListAttribute = baseItem.getAttribute( attributeStrategy.attributeName );\n\n\tif ( !baseListAttribute ) {\n\t\treturn false;\n\t}\n\n\tif ( baseListAttribute == attributeStrategy.defaultValue ) {\n\t\treturn false;\n\t}\n\n\tif ( baseItem.getAttribute( 'listType' ) !== itemToChange.getAttribute( 'listType' ) ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Checks whether the `listStyle`, `listReversed` and `listStart` attributes\n * should be copied from previous list item.\n *\n * The attribute should be copied if there's a mismatch of styles of the pasted list into a nested list.\n * Top-level lists are not normalized as we allow side-by-side list of different types.\n */\nfunction shouldInheritListTypeFromPreviousItem( previousItem: ModelNode | null, itemToChange: ModelElement, attributeName: string ) {\n\tif ( !previousItem || !previousItem.is( 'element', 'listItem' ) ) {\n\t\treturn false;\n\t}\n\n\tif ( itemToChange.getAttribute( 'listType' ) !== previousItem.getAttribute( 'listType' ) ) {\n\t\treturn false;\n\t}\n\n\tconst previousItemIndent = previousItem.getAttribute( 'listIndent' ) as number;\n\n\tif ( previousItemIndent < 1 || previousItemIndent !== itemToChange.getAttribute( 'listIndent' ) ) {\n\t\treturn false;\n\t}\n\n\tconst previousItemListAttribute = previousItem.getAttribute( attributeName );\n\n\tif ( !previousItemListAttribute || previousItemListAttribute === itemToChange.getAttribute( attributeName ) ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n\n/**\n * Removes the `listStyle`, `listReversed` and `listStart` attributes from \"todo\" list items.\n */\nfunction removeListItemAttributesFromTodoList( editor: Editor ) {\n\treturn ( writer: ModelWriter ) => {\n\t\tconst todoListItems = getChangedListItems( editor.model.document.differ.getChanges() )\n\t\t\t.filter( item => {\n\t\t\t\t// Handle the todo lists only. The rest is handled in another post-fixer.\n\t\t\t\treturn item.getAttribute( 'listType' ) === 'todo' && (\n\t\t\t\t\titem.hasAttribute( 'listStyle' ) ||\n\t\t\t\t\titem.hasAttribute( 'listReversed' ) ||\n\t\t\t\t\titem.hasAttribute( 'listStart' )\n\t\t\t\t);\n\t\t\t} );\n\n\t\tif ( !todoListItems.length ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tfor ( const item of todoListItems ) {\n\t\t\twriter.removeAttribute( 'listStyle', item );\n\t\t\twriter.removeAttribute( 'listReversed', item );\n\t\t\twriter.removeAttribute( 'listStart', item );\n\t\t}\n\n\t\treturn true;\n\t};\n}\n\n/**\n * Restores the `listStyle` attribute after changing the list type.\n */\nfunction restoreDefaultListStyle( editor: Editor ) {\n\treturn ( evt: unknown, changedItems: Array<ModelElement> ) => {\n\t\tchangedItems = changedItems.filter( item => item.is( 'element', 'listItem' ) );\n\n\t\teditor.model.change( writer => {\n\t\t\tfor ( const item of changedItems ) {\n\t\t\t\t// Remove the attribute. Post-fixer will restore the proper value.\n\t\t\t\twriter.removeAttribute( 'listStyle', item );\n\t\t\t}\n\t\t} );\n\t};\n}\n\n/**\n * Returns the `listItem` that was inserted or changed.\n *\n * @param changes The changes list returned by the differ.\n */\nfunction getChangedListItems( changes: Array<DifferItem> ) {\n\tconst items: Array<ModelElement> = [];\n\n\tfor ( const change of changes ) {\n\t\tconst item = getItemFromChange( change );\n\n\t\tif ( item && item.is( 'element', 'listItem' ) ) {\n\t\t\titems.push( item );\n\t\t}\n\t}\n\n\treturn items;\n}\n\nfunction getItemFromChange( change: DifferItem ) {\n\tif ( change.type === 'attribute' ) {\n\t\treturn change.range.start.nodeAfter;\n\t}\n\n\tif ( change.type === 'insert' ) {\n\t\treturn change.position.nodeAfter;\n\t}\n\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacylistproperties\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { LegacyListPropertiesEditing } from './legacylistproperties/legacylistpropertiesediting.js';\nimport { ListPropertiesUI } from './listproperties/listpropertiesui.js';\n\n/**\n * The legacy list properties feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/legacylistproperties/legacylistpropertiesediting~LegacyListPropertiesEditing\n * legacy list properties editing feature} and the\n * {@link module:list/listproperties/listpropertiesui~ListPropertiesUI list properties UI feature}.\n */\nexport class LegacyListProperties extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ LegacyListPropertiesEditing, ListPropertiesUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LegacyListProperties' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacytodolist/legacychecktodolistcommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\n\nconst attributeKey = 'todoListChecked';\n\n/**\n * The check to-do command.\n *\n * The command is registered by the {@link module:list/legacytodolist/legacytodolistediting~LegacyTodoListEditing} as\n * the `checkTodoList` editor command and it is also available via aliased `todoListCheck` name.\n */\nexport class LegacyCheckTodoListCommand extends Command {\n\t/**\n\t * A list of to-do list items selected by the {@link module:engine/model/selection~ModelSelection}.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * A list of to-do list items selected by the {@link module:engine/model/selection~ModelSelection}.\n\t *\n\t * @internal\n\t */\n\tpublic _selectedElements: Array<ModelElement>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._selectedElements = [];\n\n\t\t// Refresh command before executing to be sure all values are up to date.\n\t\t// It is needed when selection has changed before command execution, in the same change block.\n\t\tthis.on( 'execute', () => {\n\t\t\tthis.refresh();\n\t\t}, { priority: 'highest' } );\n\t}\n\n\t/**\n\t * Updates the command's {@link #value} and {@link #isEnabled} properties based on the current selection.\n\t */\n\tpublic override refresh(): void {\n\t\tthis._selectedElements = this._getSelectedItems();\n\t\tthis.value = this._selectedElements.every( element => !!element.getAttribute( attributeKey ) );\n\t\tthis.isEnabled = !!this._selectedElements.length;\n\t}\n\n\t/**\n\t * Gets all to-do list items selected by the {@link module:engine/model/selection~ModelSelection}.\n\t */\n\tprivate _getSelectedItems() {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\n\t\tconst selectionRange = model.document.selection.getFirstRange()!;\n\t\tconst startElement = selectionRange.start.parent as ModelElement;\n\t\tconst elements: Array<ModelElement> = [];\n\n\t\tif ( schema.checkAttribute( startElement, attributeKey ) ) {\n\t\t\telements.push( startElement );\n\t\t}\n\n\t\tfor ( const item of selectionRange.getItems() as Iterable<ModelElement> ) {\n\t\t\tif ( schema.checkAttribute( item, attributeKey ) && !elements.includes( item ) ) {\n\t\t\t\telements.push( item );\n\t\t\t}\n\t\t}\n\n\t\treturn elements;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply\n\t * the attribute. Otherwise, the command will remove the attribute. If not set, the command will look for its current\n\t * value to decide what it should do.\n\t */\n\tpublic override execute( options: { forceValue?: boolean } = {} ): void {\n\t\tthis.editor.model.change( writer => {\n\t\t\tfor ( const element of this._selectedElements ) {\n\t\t\t\tconst value = ( options.forceValue === undefined ) ? !this.value : options.forceValue;\n\n\t\t\t\tif ( value ) {\n\t\t\t\t\twriter.setAttribute( attributeKey, true, element );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeAttribute( attributeKey, element );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacytodolist/legacytodolistconverters\n */\n\nimport type {\n\tDowncastAttributeEvent,\n\tDowncastInsertEvent,\n\tViewDowncastWriter,\n\tModelElement,\n\tMapperModelToViewPositionEvent,\n\tModel,\n\tUpcastElementEvent,\n\tEditingView,\n\tViewElement\n} from 'ckeditor5/src/engine.js';\n\nimport { createElement, type GetCallback } from 'ckeditor5/src/utils.js';\n\nimport { generateLiInUl, injectViewList, positionAfterUiElements, findNestedList } from '../legacylist/legacyutils.js';\n\n/**\n * A model-to-view converter for the `listItem` model element insertion.\n *\n * It converts the `listItem` model element to an unordered list with a {@link module:engine/view/uielement~ViewUIElement checkbox element}\n * at the beginning of each list item. It also merges the list with surrounding lists (if available).\n *\n * It is used by {@link module:engine/controller/editingcontroller~EditingController}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert\n * @param model Model instance.\n * @param onCheckboxChecked Callback function.\n * @returns Returns a conversion callback.\n */\nexport function modelViewInsertion(\n\tmodel: Model,\n\tonCheckboxChecked: ( element: ModelElement ) => void\n): GetCallback<DowncastInsertEvent<ModelElement>> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst consumable = conversionApi.consumable;\n\n\t\tif ( !consumable.test( data.item, 'insert' ) ||\n\t\t\t!consumable.test( data.item, 'attribute:listType' ) ||\n\t\t\t!consumable.test( data.item, 'attribute:listIndent' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( data.item.getAttribute( 'listType' ) != 'todo' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modelItem = data.item;\n\n\t\tconsumable.consume( modelItem, 'insert' );\n\t\tconsumable.consume( modelItem, 'attribute:listType' );\n\t\tconsumable.consume( modelItem, 'attribute:listIndent' );\n\t\tconsumable.consume( modelItem, 'attribute:todoListChecked' );\n\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst viewItem = generateLiInUl( modelItem, conversionApi );\n\n\t\tconst isChecked = !!modelItem.getAttribute( 'todoListChecked' );\n\t\tconst checkmarkElement = createCheckmarkElement( modelItem, viewWriter, isChecked, onCheckboxChecked );\n\n\t\tconst span = viewWriter.createContainerElement( 'span', {\n\t\t\tclass: 'todo-list__label__description'\n\t\t} );\n\n\t\tviewWriter.addClass( 'todo-list', viewItem.parent as any );\n\t\tviewWriter.insert( viewWriter.createPositionAt( viewItem, 0 ), checkmarkElement );\n\t\tviewWriter.insert( viewWriter.createPositionAfter( checkmarkElement ), span );\n\n\t\tinjectViewList( modelItem, viewItem, conversionApi, model );\n\t};\n}\n\n/**\n * A model-to-view converter for the `listItem` model element insertion.\n *\n * It is used by {@link module:engine/controller/datacontroller~DataController}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:insert\n * @param model Model instance.\n * @returns Returns a conversion callback.\n */\nexport function dataModelViewInsertion( model: Model ): GetCallback<DowncastInsertEvent<ModelElement>> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst consumable = conversionApi.consumable;\n\n\t\tif ( !consumable.test( data.item, 'insert' ) ||\n\t\t\t!consumable.test( data.item, 'attribute:listType' ) ||\n\t\t\t!consumable.test( data.item, 'attribute:listIndent' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( data.item.getAttribute( 'listType' ) != 'todo' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modelItem = data.item;\n\n\t\tconsumable.consume( modelItem, 'insert' );\n\t\tconsumable.consume( modelItem, 'attribute:listType' );\n\t\tconsumable.consume( modelItem, 'attribute:listIndent' );\n\t\tconsumable.consume( modelItem, 'attribute:todoListChecked' );\n\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst viewItem = generateLiInUl( modelItem, conversionApi );\n\n\t\tviewWriter.addClass( 'todo-list', viewItem.parent as any );\n\n\t\tconst label = viewWriter.createContainerElement( 'label', {\n\t\t\tclass: 'todo-list__label'\n\t\t} );\n\n\t\tconst checkbox = viewWriter.createEmptyElement( 'input', {\n\t\t\ttype: 'checkbox',\n\t\t\tdisabled: 'disabled'\n\t\t} );\n\n\t\tconst span = viewWriter.createContainerElement( 'span', {\n\t\t\tclass: 'todo-list__label__description'\n\t\t} );\n\n\t\tif ( modelItem.getAttribute( 'todoListChecked' ) ) {\n\t\t\tviewWriter.setAttribute( 'checked', 'checked', checkbox );\n\t\t}\n\n\t\tviewWriter.insert( viewWriter.createPositionAt( viewItem, 0 ), label );\n\t\tviewWriter.insert( viewWriter.createPositionAt( label, 0 ), checkbox );\n\t\tviewWriter.insert( viewWriter.createPositionAfter( checkbox ), span );\n\n\t\tinjectViewList( modelItem, viewItem, conversionApi, model );\n\t};\n}\n\n/**\n * A view-to-model converter for the checkbox element inside a view list item.\n *\n * It changes the `listType` of the model `listItem` to a `todo` value.\n * When a view checkbox element is marked as checked, an additional `todoListChecked=\"true\"` attribute is added to the model item.\n *\n * It is used by {@link module:engine/controller/datacontroller~DataController}.\n *\n * @internal\n * @see module:engine/conversion/upcastdispatcher~UpcastDispatcher#event:element\n */\nexport const dataViewModelCheckmarkInsertion: GetCallback<UpcastElementEvent> = ( evt, data, conversionApi ) => {\n\tconst modelCursor = data.modelCursor;\n\tconst modelItem = modelCursor.parent;\n\tconst viewItem = data.viewItem;\n\n\tif ( viewItem.getAttribute( 'type' ) != 'checkbox' || modelItem.name != 'listItem' || !modelCursor.isAtStart ) {\n\t\treturn;\n\t}\n\n\tif ( !conversionApi.consumable.consume( viewItem, { name: true } ) ) {\n\t\treturn;\n\t}\n\n\tconst writer = conversionApi.writer;\n\n\twriter.setAttribute( 'listType', 'todo', modelItem );\n\n\tif ( data.viewItem.hasAttribute( 'checked' ) ) {\n\t\twriter.setAttribute( 'todoListChecked', true, modelItem );\n\t}\n\n\tdata.modelRange = writer.createRange( modelCursor );\n};\n\n/**\n * A model-to-view converter for the `listType` attribute change on the `listItem` model element.\n *\n * This change means that the `<li>` element parent changes to `<ul class=\"todo-list\">` and a\n * {@link module:engine/view/uielement~ViewUIElement checkbox UI element} is added at the beginning\n * of the list item element (or vice versa).\n *\n * This converter is preceded by {@link module:list/legacylist/legacyconverters~modelViewChangeType} and followed by\n * {@link module:list/legacylist/legacyconverters~modelViewMergeAfterChangeType} to handle splitting and merging surrounding lists\n * of the same type.\n *\n * It is used by {@link module:engine/controller/editingcontroller~EditingController}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n * @param onCheckedChange Callback fired after clicking the checkbox UI element.\n * @param view Editing view controller.\n * @returns Returns a conversion callback.\n */\nexport function modelViewChangeType(\n\tonCheckedChange: ( element: ModelElement ) => void,\n\tview: EditingView\n): GetCallback<DowncastAttributeEvent<ModelElement>> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewItem = conversionApi.mapper.toViewElement( data.item )!;\n\t\tconst viewWriter = conversionApi.writer;\n\n\t\tconst labelElement = findLabel( viewItem, view )!;\n\n\t\tif ( data.attributeNewValue == 'todo' ) {\n\t\t\tconst isChecked = !!data.item.getAttribute( 'todoListChecked' );\n\t\t\tconst checkmarkElement = createCheckmarkElement( data.item, viewWriter, isChecked, onCheckedChange );\n\n\t\t\tconst span = viewWriter.createContainerElement( 'span', {\n\t\t\t\tclass: 'todo-list__label__description'\n\t\t\t} );\n\n\t\t\tconst itemRange = viewWriter.createRangeIn( viewItem );\n\t\t\tconst nestedList = findNestedList( viewItem );\n\n\t\t\tconst descriptionStart = positionAfterUiElements( itemRange.start );\n\t\t\tconst descriptionEnd = nestedList ? viewWriter.createPositionBefore( nestedList ) : itemRange.end;\n\t\t\tconst descriptionRange = viewWriter.createRange( descriptionStart, descriptionEnd );\n\n\t\t\tviewWriter.addClass( 'todo-list', viewItem.parent as any );\n\t\t\tviewWriter.move( descriptionRange, viewWriter.createPositionAt( span, 0 ) );\n\t\t\tviewWriter.insert( viewWriter.createPositionAt( viewItem, 0 ), checkmarkElement );\n\t\t\tviewWriter.insert( viewWriter.createPositionAfter( checkmarkElement ), span );\n\t\t} else if ( data.attributeOldValue == 'todo' ) {\n\t\t\tconst descriptionSpan = findDescription( viewItem, view )!;\n\n\t\t\tviewWriter.removeClass( 'todo-list', viewItem.parent as any );\n\t\t\tviewWriter.remove( labelElement );\n\t\t\tviewWriter.move( viewWriter.createRangeIn( descriptionSpan ), viewWriter.createPositionBefore( descriptionSpan ) );\n\t\t\tviewWriter.remove( descriptionSpan );\n\t\t}\n\t};\n}\n\n/**\n * A model-to-view converter for the `todoListChecked` attribute change on the `listItem` model element.\n *\n * It marks the {@link module:engine/view/uielement~ViewUIElement checkbox UI element} as checked.\n *\n * It is used by {@link module:engine/controller/editingcontroller~EditingController}.\n *\n * @internal\n * @see module:engine/conversion/downcastdispatcher~DowncastDispatcher#event:attribute\n * @param onCheckedChange Callback fired after clicking the checkbox UI element.\n * @returns Returns a conversion callback.\n */\nexport function modelViewChangeChecked(\n\tonCheckedChange: ( element: ModelElement ) => void\n): GetCallback<DowncastAttributeEvent<ModelElement>> {\n\treturn ( evt, data, conversionApi ) => {\n\t\t// Do not convert `todoListChecked` attribute when to-do list item has changed to other list item.\n\t\t// This attribute will be removed by the model post fixer.\n\t\tif ( data.item.getAttribute( 'listType' ) != 'todo' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !conversionApi.consumable.consume( data.item, 'attribute:todoListChecked' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { mapper, writer: viewWriter } = conversionApi;\n\t\tconst isChecked = !!data.item.getAttribute( 'todoListChecked' );\n\t\tconst viewItem = mapper.toViewElement( data.item )!;\n\t\t// Because of m -> v position mapper we can be sure checkbox is always at the beginning.\n\t\tconst oldCheckmarkElement = viewItem.getChild( 0 )!;\n\t\tconst newCheckmarkElement = createCheckmarkElement( data.item, viewWriter, isChecked, onCheckedChange );\n\n\t\tviewWriter.insert( viewWriter.createPositionAfter( oldCheckmarkElement ), newCheckmarkElement );\n\t\tviewWriter.remove( oldCheckmarkElement );\n\t};\n}\n\n/**\n * A model-to-view position at zero offset mapper.\n *\n * This helper ensures that position inside todo-list in the view is mapped after the checkbox.\n *\n * It only handles the position at the beginning of a list item as other positions are properly mapped be the default mapper.\n *\n * @internal\n */\nexport function mapModelToViewPosition( view: EditingView ): GetCallback<MapperModelToViewPositionEvent> {\n\treturn ( evt, data ) => {\n\t\tconst modelPosition = data.modelPosition;\n\t\tconst parent = modelPosition.parent;\n\n\t\tif ( !parent.is( 'element', 'listItem' ) || parent.getAttribute( 'listType' ) != 'todo' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst viewLi = data.mapper.toViewElement( parent )!;\n\t\tconst descSpan = findDescription( viewLi, view );\n\n\t\tif ( descSpan ) {\n\t\t\tdata.viewPosition = data.mapper.findPositionIn( descSpan, modelPosition.offset );\n\t\t}\n\t};\n}\n\n/**\n * Creates a checkbox UI element.\n */\nfunction createCheckmarkElement(\n\tmodelItem: ModelElement,\n\tviewWriter: ViewDowncastWriter,\n\tisChecked: boolean,\n\tonChange: ( element: ModelElement ) => void\n) {\n\tconst uiElement = viewWriter.createUIElement(\n\t\t'label',\n\t\t{\n\t\t\tclass: 'todo-list__label',\n\t\t\tcontenteditable: false\n\t\t},\n\t\tfunction( domDocument ) {\n\t\t\tconst checkbox = createElement( document, 'input', { type: 'checkbox', tabindex: '-1' } );\n\n\t\t\tif ( isChecked ) {\n\t\t\t\tcheckbox.setAttribute( 'checked', 'checked' );\n\t\t\t}\n\n\t\t\tcheckbox.addEventListener( 'change', () => onChange( modelItem ) );\n\n\t\t\tconst domElement = this.toDomElement( domDocument );\n\n\t\t\tdomElement.appendChild( checkbox );\n\n\t\t\treturn domElement;\n\t\t}\n\t);\n\n\treturn uiElement;\n}\n\n// Helper method to find label element inside li.\nfunction findLabel( viewItem: ViewElement, view: EditingView ) {\n\tconst range = view.createRangeIn( viewItem );\n\n\tfor ( const value of range ) {\n\t\tif ( value.item.is( 'uiElement', 'label' ) ) {\n\t\t\treturn value.item;\n\t\t}\n\t}\n}\n\nfunction findDescription( viewItem: ViewElement, view: EditingView ) {\n\tconst range = view.createRangeIn( viewItem );\n\n\tfor ( const value of range ) {\n\t\tif ( value.item.is( 'containerElement', 'span' ) && value.item.hasClass( 'todo-list__label__description' ) ) {\n\t\t\treturn value.item;\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacytodolist/legacytodolistediting\n */\n\nimport type {\n\tDowncastAttributeEvent,\n\tDowncastInsertEvent,\n\tModelElement,\n\tModelItem,\n\tMapperModelToViewPositionEvent,\n\tModel,\n\tModelApplyOperationEvent,\n\tUpcastElementEvent,\n\tViewDocumentArrowKeyEvent,\n\tViewDocumentKeyDownEvent,\n\tAttributeOperation,\n\tRenameOperation,\n\tModelSelectionChangeRangeEvent,\n\tModelDocumentFragment\n} from 'ckeditor5/src/engine.js';\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport {\n\tgetCode,\n\tparseKeystroke,\n\tgetLocalizedArrowKeyCodeDirection,\n\ttype Locale,\n\ttype GetCallback\n} from 'ckeditor5/src/utils.js';\n\nimport { LegacyListCommand } from '../legacylist/legacylistcommand.js';\nimport { LegacyListEditing } from '../legacylist/legacylistediting.js';\nimport { LegacyCheckTodoListCommand } from './legacychecktodolistcommand.js';\nimport {\n\tdataModelViewInsertion,\n\tdataViewModelCheckmarkInsertion,\n\tmapModelToViewPosition,\n\tmodelViewChangeChecked,\n\tmodelViewChangeType,\n\tmodelViewInsertion\n} from './legacytodolistconverters.js';\n\nconst ITEM_TOGGLE_KEYSTROKE = /* #__PURE__ */ parseKeystroke( 'Ctrl+Enter' );\n\n/**\n * The engine of the to-do list feature. It handles creating, editing and removing to-do lists and their items.\n *\n * It registers the entire functionality of the {@link module:list/legacylist/legacylistediting~LegacyListEditing legacy list editing\n * plugin} and extends it with the commands:\n *\n * - `'todoList'`,\n * - `'checkTodoList'`,\n * - `'todoListCheck'` as an alias for `checkTodoList` command.\n */\nexport class LegacyTodoListEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LegacyTodoListEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ LegacyListEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst { editing, data, model } = editor;\n\n\t\t// Extend schema.\n\t\tmodel.schema.extend( 'listItem', {\n\t\t\tallowAttributes: [ 'todoListChecked' ]\n\t\t} );\n\n\t\t// Disallow todoListChecked attribute on other nodes than listItem with to-do listType.\n\t\tmodel.schema.addAttributeCheck( ( context: any, attributeName ) => {\n\t\t\tconst item = context.last;\n\n\t\t\tif ( attributeName == 'todoListChecked' && item.name == 'listItem' && item.getAttribute( 'listType' ) != 'todo' ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t} );\n\n\t\t// Register `todoList` command.\n\t\teditor.commands.add( 'todoList', new LegacyListCommand( editor, 'todo' ) );\n\n\t\tconst checkTodoListCommand = new LegacyCheckTodoListCommand( editor );\n\n\t\t// Register `checkTodoList` command and add `todoListCheck` command as an alias for backward compatibility.\n\t\teditor.commands.add( 'checkTodoList', checkTodoListCommand );\n\t\teditor.commands.add( 'todoListCheck', checkTodoListCommand );\n\n\t\t// Define converters.\n\t\tdata.downcastDispatcher.on<DowncastInsertEvent<ModelElement>>(\n\t\t\t'insert:listItem',\n\t\t\tdataModelViewInsertion( model ),\n\t\t\t{ priority: 'high' }\n\t\t);\n\t\tdata.upcastDispatcher.on<UpcastElementEvent>(\n\t\t\t'element:input',\n\t\t\tdataViewModelCheckmarkInsertion,\n\t\t\t{ priority: 'high' }\n\t\t);\n\n\t\tediting.downcastDispatcher.on<DowncastInsertEvent<ModelElement>>(\n\t\t\t'insert:listItem',\n\t\t\tmodelViewInsertion( model, listItem => this._handleCheckmarkChange( listItem ) ),\n\t\t\t{ priority: 'high' }\n\t\t);\n\t\tediting.downcastDispatcher.on<DowncastAttributeEvent<ModelElement>>(\n\t\t\t'attribute:listType:listItem',\n\t\t\tmodelViewChangeType( listItem => this._handleCheckmarkChange( listItem ), editing.view )\n\t\t);\n\t\tediting.downcastDispatcher.on<DowncastAttributeEvent<ModelElement>>(\n\t\t\t'attribute:todoListChecked:listItem',\n\t\t\tmodelViewChangeChecked( listItem => this._handleCheckmarkChange( listItem ) )\n\t\t);\n\n\t\tediting.mapper.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', mapModelToViewPosition( editing.view ) );\n\t\tdata.mapper.on<MapperModelToViewPositionEvent>( 'modelToViewPosition', mapModelToViewPosition( editing.view ) );\n\n\t\t// Jump at the end of the previous node on left arrow key press, when selection is after the checkbox.\n\t\t//\n\t\t// <blockquote><p>Foo</p></blockquote>\n\t\t// <ul><li><checkbox/>{}Bar</li></ul>\n\t\t//\n\t\t// press: `<-`\n\t\t//\n\t\t// <blockquote><p>Foo{}</p></blockquote>\n\t\t// <ul><li><checkbox/>Bar</li></ul>\n\t\t//\n\t\tthis.listenTo<ViewDocumentArrowKeyEvent>(\n\t\t\tediting.view.document,\n\t\t\t'arrowKey',\n\t\t\tjumpOverCheckmarkOnSideArrowKeyPress( model, editor.locale ),\n\t\t\t{ context: 'li' }\n\t\t);\n\n\t\t// Toggle check state of selected to-do list items on keystroke.\n\t\tthis.listenTo<ViewDocumentKeyDownEvent>( editing.view.document, 'keydown', ( evt, data ) => {\n\t\t\tif ( getCode( data ) === ITEM_TOGGLE_KEYSTROKE ) {\n\t\t\t\teditor.execute( 'checkTodoList' );\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\t// Remove `todoListChecked` attribute when a host element is no longer a to-do list item.\n\t\tconst listItemsToFix = new Set<ModelItem>();\n\n\t\tthis.listenTo<ModelApplyOperationEvent>( model, 'applyOperation', ( evt, args ) => {\n\t\t\tconst operation = args[ 0 ] as RenameOperation | AttributeOperation;\n\n\t\t\tif ( operation.type == 'rename' && operation.oldName == 'listItem' ) {\n\t\t\t\tconst item = operation.position.nodeAfter!;\n\n\t\t\t\tif ( item.hasAttribute( 'todoListChecked' ) ) {\n\t\t\t\t\tlistItemsToFix.add( item );\n\t\t\t\t}\n\t\t\t} else if ( operation.type == 'changeAttribute' && operation.key == 'listType' && operation.oldValue === 'todo' ) {\n\t\t\t\tfor ( const item of operation.range.getItems() ) {\n\t\t\t\t\tif ( item.hasAttribute( 'todoListChecked' ) && item.getAttribute( 'listType' ) !== 'todo' ) {\n\t\t\t\t\t\tlistItemsToFix.add( item );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tmodel.document.registerPostFixer( writer => {\n\t\t\tlet hasChanged = false;\n\n\t\t\tfor ( const listItem of listItemsToFix ) {\n\t\t\t\twriter.removeAttribute( 'todoListChecked', listItem );\n\t\t\t\thasChanged = true;\n\t\t\t}\n\n\t\t\tlistItemsToFix.clear();\n\n\t\t\treturn hasChanged;\n\t\t} );\n\n\t\tthis._initAriaAnnouncements();\n\t}\n\n\t/**\n\t * Handles the checkbox element change, moves the selection to the corresponding model item to make it possible\n\t * to toggle the `todoListChecked` attribute using the command, and restores the selection position.\n\t *\n\t * Some say it's a hack :) Moving the selection only for executing the command on a certain node and restoring it after,\n\t * is not a clear solution. We need to design an API for using commands beyond the selection range.\n\t * See https://github.com/ckeditor/ckeditor5/issues/1954.\n\t */\n\tprivate _handleCheckmarkChange( listItem: ModelElement ) {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst previousSelectionRanges = Array.from( model.document.selection.getRanges() );\n\n\t\tmodel.change( writer => {\n\t\t\twriter.setSelection( listItem, 'end' );\n\t\t\teditor.execute( 'checkTodoList' );\n\t\t\twriter.setSelection( previousSelectionRanges );\n\t\t} );\n\t}\n\n\t/**\n\t * Observe when user enters or leaves todo list and set proper aria value in global live announcer.\n\t * This allows screen readers to indicate when the user has entered and left the specified todo list.\n\t *\n\t * @internal\n\t */\n\tprivate _initAriaAnnouncements( ) {\n\t\tconst { model, ui, t } = this.editor;\n\t\tlet lastFocusedCodeBlock: ModelElement | ModelDocumentFragment | null = null;\n\n\t\tif ( !ui ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.document.selection.on<ModelSelectionChangeRangeEvent>( 'change:range', () => {\n\t\t\tconst focusParent = model.document.selection.focus!.parent;\n\t\t\tconst lastElementIsTodoList = isLegacyTodoListItemElement( lastFocusedCodeBlock );\n\t\t\tconst currentElementIsTodoList = isLegacyTodoListItemElement( focusParent );\n\n\t\t\tif ( lastElementIsTodoList && !currentElementIsTodoList ) {\n\t\t\t\tui.ariaLiveAnnouncer.announce( t( 'Leaving a to-do list' ) );\n\t\t\t} else if ( !lastElementIsTodoList && currentElementIsTodoList ) {\n\t\t\t\tui.ariaLiveAnnouncer.announce( t( 'Entering a to-do list' ) );\n\t\t\t}\n\n\t\t\tlastFocusedCodeBlock = focusParent;\n\t\t} );\n\t}\n}\n\n/**\n * Handles the left/right (LTR/RTL content) arrow key and moves the selection at the end of the previous block element\n * if the selection is just after the checkbox element. In other words, it jumps over the checkbox element when\n * moving the selection to the left/right (LTR/RTL).\n *\n * @returns Callback for 'keydown' events.\n */\nfunction jumpOverCheckmarkOnSideArrowKeyPress( model: Model, locale: Locale ): GetCallback<ViewDocumentArrowKeyEvent> {\n\treturn ( eventInfo, domEventData ) => {\n\t\tconst direction = getLocalizedArrowKeyCodeDirection( domEventData.keyCode, locale.contentLanguageDirection );\n\n\t\tif ( direction != 'left' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tif ( !selection.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst position = selection.getFirstPosition()!;\n\t\tconst parent = position.parent;\n\n\t\tif ( parent.name === 'listItem' && parent.getAttribute( 'listType' ) == 'todo' && position.isAtStart ) {\n\t\t\tconst newRange = schema.getNearestSelectionRange( model.createPositionBefore( parent ), 'backward' );\n\n\t\t\tif ( newRange ) {\n\t\t\t\tmodel.change( writer => writer.setSelection( newRange ) );\n\t\t\t}\n\n\t\t\tdomEventData.preventDefault();\n\t\t\tdomEventData.stopPropagation();\n\t\t\teventInfo.stop();\n\t\t}\n\t};\n}\n\n/**\n * Returns true if the given element is a list item model element of a to-do list.\n */\nfunction isLegacyTodoListItemElement( element: ModelElement | ModelDocumentFragment | null ): boolean {\n\treturn !!element && element.is( 'element', 'listItem' ) && element.getAttribute( 'listType' ) === 'todo';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/legacytodolist\n */\n\nimport { LegacyTodoListEditing } from './legacytodolist/legacytodolistediting.js';\nimport { TodoListUI } from './todolist/todolistui.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport '../theme/todolist.css';\n\n/**\n * The legacy to-do list feature.\n *\n * This is a \"glue\" plugin that loads the {@link module:list/legacytodolist/legacytodolistediting~LegacyTodoListEditing legacy to-do list\n * editing feature} and the {@link module:list/todolist/todolistui~TodoListUI to-do list UI feature}.\n */\nexport class LegacyTodoList extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ LegacyTodoListEditing, TodoListUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LegacyTodoList' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 list/list/adjacentlistssupport\n */\n\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport type { UpcastElementEvent, ViewElement } from 'ckeditor5/src/engine.js';\n\nexport class AdjacentListsSupport extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'AdjacentListsSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tmodel.schema.register( 'listSeparator', {\n\t\t\tallowWhere: '$block',\n\t\t\tisBlock: true\n\t\t} );\n\n\t\teditor.conversion.for( 'upcast' )\n\t\t\t// Add a list separator element between similar list elements on upcast.\n\t\t\t.add( dispatcher => {\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:ol', listSeparatorUpcastConverter() );\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:ul', listSeparatorUpcastConverter() );\n\t\t\t} )\n\t\t\t// View-to-model transformation.\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: 'listSeparator',\n\t\t\t\tview: 'ck-list-separator'\n\t\t\t} );\n\n\t\t// The list separator element should exist in the view, but should be invisible (hidden).\n\t\teditor.conversion.for( 'editingDowncast' ).elementToElement( {\n\t\t\tmodel: 'listSeparator',\n\t\t\tview: {\n\t\t\t\tname: 'div',\n\t\t\t\tclasses: [ 'ck-list-separator', 'ck-hidden' ]\n\t\t\t}\n\t\t} );\n\n\t\t// The list separator element should not exist in the output data.\n\t\teditor.conversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\tmodel: 'listSeparator',\n\t\t\tview: ( modelElement, conversionApi ) => {\n\t\t\t\tconst viewElement = conversionApi.writer.createContainerElement( 'ck-list-separator' );\n\n\t\t\t\tconversionApi.writer.setCustomProperty( 'dataPipeline:transparentRendering', true, viewElement );\n\n\t\t\t\tviewElement.getFillerOffset = () => null;\n\n\t\t\t\treturn viewElement;\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Inserts a list separator element between two lists of the same type (`ol` + `ol` or `ul` + `ul`).\n */\nfunction listSeparatorUpcastConverter(): GetCallback<UpcastElementEvent> {\n\treturn ( evt, data, conversionApi ) => {\n\t\tconst element: ViewElement = data.viewItem;\n\t\tconst nextSibling = element.nextSibling as ViewElement | null;\n\n\t\tif ( !nextSibling ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( element.name !== nextSibling.name ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !data.modelRange ) {\n\t\t\tObject.assign( data, conversionApi.convertChildren( data.viewItem, data.modelCursor ) );\n\t\t}\n\n\t\tconst writer = conversionApi.writer;\n\t\tconst modelElement = writer.createElement( 'listSeparator' );\n\n\t\t// Try to insert a list separator element on the current model cursor position.\n\t\tif ( !conversionApi.safeInsert( modelElement, data.modelCursor ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst parts = conversionApi.getSplitParts( modelElement );\n\n\t\t// Extend the model range with the range of the created list separator element.\n\t\tdata.modelRange = writer.createRange(\n\t\t\tdata.modelRange!.start,\n\t\t\twriter.createPositionAfter( parts[ parts.length - 1 ] )\n\t\t);\n\n\t\tconversionApi.updateConversionResult( modelElement, data );\n\t};\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { HtmlDataProcessor } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { unified } from 'unified';\nimport remarkGfm from 'remark-gfm';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport remarkBreaks from 'remark-breaks';\nimport rehypeStringify from 'rehype-dom-stringify';\nimport { visit } from 'unist-util-visit';\nimport { toHtml } from 'hast-util-to-html';\nimport { fromDom } from 'hast-util-from-dom';\nimport rehypeParse from 'rehype-dom-parse';\nimport rehypeRemark from 'rehype-remark';\nimport remarkStringify from 'remark-stringify';\nimport { h } from 'hastscript';\nimport { ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard/dist/index.js';\n\n/**\n * This is a helper class used by the {@link module:markdown-gfm/markdown Markdown feature} to convert Markdown to HTML.\n */ class MarkdownGfmMdToHtml {\n    _processor;\n    constructor(){\n        this._processor = unified()// Parses Markdown to an abstract syntax tree (AST).\n        .use(remarkParse)// Adds support for GitHub Flavored Markdown (GFM).\n        .use(remarkGfm, {\n            singleTilde: true\n        })// Replaces line breaks with `<br>` tags.\n        .use(remarkBreaks)// Turns markdown syntax tree to HTML syntax tree, ignoring embedded HTML.\n        .use(remarkRehype, {\n            allowDangerousHtml: true\n        })// Handles HTML embedded in Markdown.\n        .use(rehypeDomRaw)// Removes classes from list elements.\n        .use(deleteClassesFromToDoLists)// Serializes HTML syntax tree to HTML string.\n        .use(rehypeStringify);\n    }\n    parse(markdown) {\n        return this._processor.processSync(markdown).toString().replaceAll('\\n</code>', '</code>');\n    }\n}\n/**\n * Rehype plugin that improves handling of the To-do lists by removing:\n *  * default classes added to `<ul>`, `<ol>`, and `<li>` elements.\n *  * bogus space after <input type=\"checkbox\"> because it would be preserved by ViewDomConverter as it's next to an inline object.\n */ function deleteClassesFromToDoLists() {\n    return (tree)=>{\n        visit(tree, 'element', (node)=>{\n            if (node.tagName === 'ul' || node.tagName === 'ol' || node.tagName === 'li') {\n                node.children = node.children.filter((child)=>child.type !== 'text' || !!child.value.trim());\n                delete node.properties.className;\n            }\n        });\n    };\n}\n/**\n * Rehype plugin to parse raw HTML nodes inside Markdown. This plugin is used instead of `rehype-raw` or `rehype-stringify`,\n * because those plugins rely on `parse5` DOM parser which is heavy and redundant in the browser environment where we can\n * use the native DOM APIs.\n *\n * This plugins finds any node (root or element) whose children include `raw` nodes and reparses them like so:\n * 1. Serializes its children to an HTML string.\n * 2. Reparses the HTML string using a `<template>` element.\n * 3. Converts each parsed DOM node back into HAST nodes.\n * 4. Replaces the original children with the newly created HAST nodes.\n */ function rehypeDomRaw() {\n    return (tree)=>{\n        visit(tree, [\n            'root',\n            'element'\n        ], (node)=>{\n            /* istanbul ignore next -- @preserve */ if (!isNodeRootOrElement(node)) {\n                return;\n            }\n            // Only act on nodes with at least one raw child.\n            if (!node.children.some((child)=>child.type === 'raw')) {\n                return;\n            }\n            const template = document.createElement('template');\n            // Serialize all children to an HTML fragment.\n            template.innerHTML = toHtml({\n                type: 'root',\n                children: node.children\n            }, {\n                allowDangerousHtml: true\n            });\n            // Convert each parsed DOM node back into HAST and replace the original children.\n            node.children = Array.from(template.content.childNodes).map((domNode)=>fromDom(domNode));\n        });\n    };\n}\n/**\n * Only needed for the type guard.\n */ function isNodeRootOrElement(node) {\n    return (node.type === 'root' || node.type === 'element') && node.children;\n}\n\nclass MarkdownGfmHtmlToMd {\n    _processor;\n    _keepRawTags = [];\n    constructor(){\n        this._buildProcessor();\n    }\n    keep(tagName) {\n        this._keepRawTags.push(tagName.toLowerCase());\n        this._buildProcessor();\n    }\n    parse(html) {\n        return this._processor.processSync(html).toString().trim();\n    }\n    /**\n\t * Returns handlers for raw HTML tags that should be kept in the Markdown output.\n\t */ _getRawTagsHandlers() {\n        return this._keepRawTags.reduce((handlers, tagName)=>{\n            handlers[tagName] = (state, node)=>{\n                const tag = toHtml(h(node.tagName, node.properties), {\n                    allowDangerousHtml: true,\n                    closeSelfClosing: true\n                });\n                const endOfOpeningTagIndex = tag.indexOf('>');\n                const openingTag = tag.slice(0, endOfOpeningTagIndex + 1);\n                const closingTag = tag.slice(endOfOpeningTagIndex + 1);\n                return [\n                    {\n                        type: 'html',\n                        value: openingTag\n                    },\n                    ...state.all(node),\n                    {\n                        type: 'html',\n                        value: closingTag\n                    }\n                ];\n            };\n            return handlers;\n        }, {});\n    }\n    _buildProcessor() {\n        this._processor = unified()// Parse HTML to an abstract syntax tree (AST).\n        .use(rehypeParse)// Removes `<label>` element from TODO lists.\n        .use(removeLabelFromCheckboxes)// Turns HTML syntax tree into Markdown syntax tree.\n        .use(rehypeRemark, {\n            // Keeps allowed HTML tags.\n            handlers: this._getRawTagsHandlers()\n        })// Adds support for GitHub Flavored Markdown (GFM).\n        .use(remarkGfm, {\n            singleTilde: true\n        })// Replaces line breaks with `<br>` tags.\n        .use(remarkBreaks)// Serializes Markdown syntax tree to Markdown string.\n        .use(remarkStringify, {\n            resourceLink: true,\n            emphasis: '_',\n            rule: '-',\n            handlers: {\n                break: ()=>'\\n'\n            },\n            unsafe: [\n                {\n                    character: '<'\n                }\n            ]\n        });\n    }\n}\n/**\n * Removes `<label>` element from TODO lists, so that `<input>` and `text` are direct children of `<li>`.\n */ function removeLabelFromCheckboxes() {\n    return function(tree) {\n        visit(tree, 'element', (node, index, parent)=>{\n            if (index !== null && node.tagName === 'label' && parent.type === 'element' && parent.tagName === 'li') {\n                parent.children.splice(index, 1, ...node.children);\n            }\n        });\n    };\n}\n\n/**\n * This data processor implementation uses GitHub Flavored Markdown as input/output data.\n *\n * See the {@glink features/markdown Markdown output} guide to learn more on how to enable it.\n */ class MarkdownGfmDataProcessor {\n    /**\n\t * HTML data processor used to process HTML produced by the Markdown-to-HTML converter and the other way.\n\t */ _htmlDP;\n    /**\n\t * Helper for converting Markdown to HTML.\n\t */ _markdown2html;\n    /**\n\t * Helper for converting HTML to Markdown.\n\t */ _html2markdown;\n    /**\n\t * Creates a new instance of the Markdown data processor class.\n\t */ constructor(document){\n        this._htmlDP = new HtmlDataProcessor(document);\n        this._markdown2html = new MarkdownGfmMdToHtml();\n        this._html2markdown = new MarkdownGfmHtmlToMd();\n    }\n    /**\n\t * Keeps the specified element in the output as HTML. This is useful if the editor contains\n\t * features producing HTML that is not a part of the Markdown standard.\n\t *\n\t * By default, all HTML tags are removed.\n\t *\n\t * @param element The element name to be kept.\n\t */ keepHtml(element) {\n        this._html2markdown.keep(element);\n    }\n    /**\n\t * Converts the provided Markdown string to a view tree.\n\t *\n\t * @param data A Markdown string.\n\t * @returns The converted view element.\n\t */ toView(data) {\n        const html = this._markdown2html.parse(data);\n        return this._htmlDP.toView(html);\n    }\n    /**\n\t * Converts the provided {@link module:engine/view/documentfragment~ViewDocumentFragment} to data format &ndash; in this\n\t * case to a Markdown string.\n\t *\n\t * @returns Markdown string.\n\t */ toData(viewFragment) {\n        const html = this._htmlDP.toData(viewFragment);\n        return this._html2markdown.parse(html);\n    }\n    /**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from Markdown to view elements.\n\t *\n\t * The raw data can be later accessed by a\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty custom property of a view element} called `\"$rawContent\"`.\n\t *\n\t * @param pattern The pattern matching all view elements whose content should\n\t * be treated as raw data.\n\t */ registerRawContentMatcher(pattern) {\n        this._htmlDP.registerRawContentMatcher(pattern);\n    }\n    /**\n\t * This method does not have any effect on the data processor result. It exists for compatibility with the\n\t * {@link module:engine/dataprocessor/dataprocessor~DataProcessor `DataProcessor` interface}.\n\t */ useFillerType() {}\n}\n\n/**\n * The GitHub Flavored Markdown (GFM) plugin.\n *\n * For a detailed overview, check the {@glink features/markdown Markdown feature} guide.\n */ class Markdown extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.data.processor = new MarkdownGfmDataProcessor(editor.data.viewDocument);\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Markdown';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nconst ALLOWED_MARKDOWN_FIRST_LEVEL_TAGS = [\n    'SPAN',\n    'BR',\n    'PRE',\n    'CODE'\n];\n/**\n * The GitHub Flavored Markdown (GFM) paste plugin.\n *\n * For a detailed overview, check the {@glink features/pasting/paste-markdown Paste Markdown feature} guide.\n */ class PasteFromMarkdownExperimental extends Plugin {\n    /**\n\t * @internal\n\t */ _gfmDataProcessor;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._gfmDataProcessor = new MarkdownGfmDataProcessor(editor.data.viewDocument);\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'PasteFromMarkdownExperimental';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ClipboardPipeline\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const clipboardPipeline = editor.plugins.get('ClipboardPipeline');\n        let shiftPressed = false;\n        this.listenTo(viewDocument, 'keydown', (evt, data)=>{\n            shiftPressed = data.shiftKey;\n        });\n        this.listenTo(clipboardPipeline, 'inputTransformation', (evt, data)=>{\n            if (shiftPressed) {\n                return;\n            }\n            const dataAsTextHtml = data.dataTransfer.getData('text/html');\n            if (!dataAsTextHtml) {\n                const dataAsTextPlain = data.dataTransfer.getData('text/plain');\n                data.content = this._gfmDataProcessor.toView(dataAsTextPlain);\n                return;\n            }\n            const markdownFromHtml = this._parseMarkdownFromHtml(dataAsTextHtml);\n            if (markdownFromHtml) {\n                data.content = this._gfmDataProcessor.toView(markdownFromHtml);\n            }\n        });\n    }\n    /**\n\t * Determines if the code copied from a website in the `text/html` type can be parsed as Markdown.\n\t * It removes any OS-specific HTML tags, for example, <meta> on macOS and <!--StartFragment--> on Windows.\n\t * Then removes a single wrapper HTML tag or wrappers for sibling tags, and if there are no more tags left,\n\t * returns the remaining text. Returns null if there are any remaining HTML tags detected.\n\t *\n\t * @param htmlString Clipboard content in the `text/html` type format.\n\t */ _parseMarkdownFromHtml(htmlString) {\n        const withoutOsSpecificTags = this._removeOsSpecificTags(htmlString);\n        if (!this._containsOnlyAllowedFirstLevelTags(withoutOsSpecificTags)) {\n            return null;\n        }\n        const withoutWrapperTag = this._removeFirstLevelWrapperTagsAndBrs(withoutOsSpecificTags);\n        if (this._containsAnyRemainingHtmlTags(withoutWrapperTag)) {\n            return null;\n        }\n        return this._replaceHtmlReservedEntitiesWithCharacters(withoutWrapperTag);\n    }\n    /**\n\t * Removes OS-specific tags.\n\t *\n\t * @param htmlString Clipboard content in the `text/html` type format.\n\t */ _removeOsSpecificTags(htmlString) {\n        // Removing the <meta> tag present on Mac.\n        const withoutMetaTag = htmlString.replace(/^<meta\\b[^>]*>/, '').trim();\n        // Removing the <html> tag present on Windows.\n        const withoutHtmlTag = withoutMetaTag.replace(/^<html>/, '').replace(/<\\/html>$/, '').trim();\n        // Removing the <body> tag present on Windows.\n        const withoutBodyTag = withoutHtmlTag.replace(/^<body>/, '').replace(/<\\/body>$/, '').trim();\n        // Removing the <!--StartFragment--> tag present on Windows.\n        return withoutBodyTag.replace(/^<!--StartFragment-->/, '').replace(/<!--EndFragment-->$/, '').trim();\n    }\n    /**\n\t * If the input HTML string contains any first-level formatting tags\n\t * like <b>, <strong>, or <i>, we should not treat it as Markdown.\n\t *\n\t * @param htmlString Clipboard content.\n\t */ _containsOnlyAllowedFirstLevelTags(htmlString) {\n        const parser = new DOMParser();\n        const { body: tempElement } = parser.parseFromString(htmlString, 'text/html');\n        const tagNames = Array.from(tempElement.children).map((el)=>el.tagName);\n        return tagNames.every((el)=>ALLOWED_MARKDOWN_FIRST_LEVEL_TAGS.includes(el));\n    }\n    /**\n\t * Removes multiple HTML wrapper tags from a list of sibling HTML tags.\n\t *\n\t * @param htmlString Clipboard content without any OS-specific tags.\n\t */ _removeFirstLevelWrapperTagsAndBrs(htmlString) {\n        const parser = new DOMParser();\n        const { body: tempElement } = parser.parseFromString(htmlString, 'text/html');\n        const brElements = tempElement.querySelectorAll('br');\n        for (const br of brElements){\n            br.replaceWith('\\n');\n        }\n        const outerElements = tempElement.querySelectorAll(':scope > *');\n        for (const element of outerElements){\n            const elementClone = element.cloneNode(true);\n            element.replaceWith(...elementClone.childNodes);\n        }\n        return tempElement.innerHTML;\n    }\n    /**\n\t * Determines if a string contains any HTML tags.\n\t */ _containsAnyRemainingHtmlTags(str) {\n        return str.includes('<');\n    }\n    /**\n\t * Replaces the reserved HTML entities with the actual characters.\n\t *\n\t * @param htmlString Clipboard content without any tags.\n\t */ _replaceHtmlReservedEntitiesWithCharacters(htmlString) {\n        return htmlString.replace(/&gt;/g, '>').replace(/&lt;/g, '<').replace(/&nbsp;/g, ' ');\n    }\n}\n\nexport { Markdown, MarkdownGfmDataProcessor, MarkdownGfmHtmlToMd, MarkdownGfmMdToHtml, PasteFromMarkdownExperimental };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 markdown-gfm/markdown2html/markdown2html\n */\n\nimport { unified, type Plugin } from 'unified';\nimport remarkGfm from 'remark-gfm';\nimport remarkParse from 'remark-parse';\nimport remarkRehype from 'remark-rehype';\nimport remarkBreaks from 'remark-breaks';\nimport rehypeStringify from 'rehype-dom-stringify';\nimport { visit } from 'unist-util-visit';\nimport { toHtml } from 'hast-util-to-html';\nimport { fromDom } from 'hast-util-from-dom';\nimport type { Element, Node, Root, RootContent } from 'hast';\n\n/**\n * This is a helper class used by the {@link module:markdown-gfm/markdown Markdown feature} to convert Markdown to HTML.\n */\nexport class MarkdownGfmMdToHtml {\n\tprivate _processor;\n\n\tconstructor() {\n\t\tthis._processor = unified()\n\t\t\t// Parses Markdown to an abstract syntax tree (AST).\n\t\t\t.use( remarkParse )\n\t\t\t// Adds support for GitHub Flavored Markdown (GFM).\n\t\t\t.use( remarkGfm, { singleTilde: true } )\n\t\t\t// Replaces line breaks with `<br>` tags.\n\t\t\t.use( remarkBreaks )\n\t\t\t// Turns markdown syntax tree to HTML syntax tree, ignoring embedded HTML.\n\t\t\t.use( remarkRehype, { allowDangerousHtml: true } )\n\t\t\t// Handles HTML embedded in Markdown.\n\t\t\t.use( rehypeDomRaw )\n\t\t\t// Removes classes from list elements.\n\t\t\t.use( deleteClassesFromToDoLists )\n\t\t\t// Serializes HTML syntax tree to HTML string.\n\t\t\t.use( rehypeStringify );\n\t}\n\n\tpublic parse( markdown: string ): string {\n\t\treturn this._processor\n\t\t\t.processSync( markdown )\n\t\t\t.toString()\n\t\t\t.replaceAll( '\\n</code>', '</code>' );\n\t}\n}\n\n/**\n * Rehype plugin that improves handling of the To-do lists by removing:\n *  * default classes added to `<ul>`, `<ol>`, and `<li>` elements.\n *  * bogus space after <input type=\"checkbox\"> because it would be preserved by ViewDomConverter as it's next to an inline object.\n */\nfunction deleteClassesFromToDoLists(): ReturnType<Plugin> {\n\treturn ( tree: Node ): void => {\n\t\tvisit( tree, 'element', ( node: Element ) => {\n\t\t\tif ( node.tagName === 'ul' || node.tagName === 'ol' || node.tagName === 'li' ) {\n\t\t\t\tnode.children = node.children.filter( child => child.type !== 'text' || !!child.value.trim() );\n\t\t\t\tdelete node.properties.className;\n\t\t\t}\n\t\t} );\n\t};\n}\n\n/**\n * Rehype plugin to parse raw HTML nodes inside Markdown. This plugin is used instead of `rehype-raw` or `rehype-stringify`,\n * because those plugins rely on `parse5` DOM parser which is heavy and redundant in the browser environment where we can\n * use the native DOM APIs.\n *\n * This plugins finds any node (root or element) whose children include `raw` nodes and reparses them like so:\n * 1. Serializes its children to an HTML string.\n * 2. Reparses the HTML string using a `<template>` element.\n * 3. Converts each parsed DOM node back into HAST nodes.\n * 4. Replaces the original children with the newly created HAST nodes.\n */\nfunction rehypeDomRaw(): ReturnType<Plugin> {\n\treturn ( tree: Node ): void => {\n\t\tvisit( tree, [ 'root', 'element' ], ( node: Node | Element ) => {\n\t\t\t/* istanbul ignore next -- @preserve */\n\t\t\tif ( !isNodeRootOrElement( node ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Only act on nodes with at least one raw child.\n\t\t\tif ( !node.children.some( child => child.type === 'raw' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst template = document.createElement( 'template' );\n\n\t\t\t// Serialize all children to an HTML fragment.\n\t\t\ttemplate.innerHTML = toHtml(\n\t\t\t\t{ type: 'root', children: node.children },\n\t\t\t\t{ allowDangerousHtml: true }\n\t\t\t);\n\n\t\t\t// Convert each parsed DOM node back into HAST and replace the original children.\n\t\t\tnode.children = Array\n\t\t\t\t.from( template.content.childNodes )\n\t\t\t\t.map( domNode => fromDom( domNode ) as RootContent );\n\t\t} );\n\t};\n}\n\n/**\n * Only needed for the type guard.\n */\nfunction isNodeRootOrElement( node: any ): node is Root | Element {\n\treturn ( node.type === 'root' || node.type === 'element' ) && node.children;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 markdown-gfm/html2markdown/html2markdown\n */\n\nimport { unified, type Plugin } from 'unified';\nimport rehypeParse from 'rehype-dom-parse';\nimport rehypeRemark from 'rehype-remark';\nimport remarkBreaks from 'remark-breaks';\nimport remarkGfm from 'remark-gfm';\nimport remarkStringify from 'remark-stringify';\nimport { visit } from 'unist-util-visit';\nimport { h } from 'hastscript';\nimport { toHtml } from 'hast-util-to-html';\nimport type { Handle, State } from 'hast-util-to-mdast';\nimport type { Element, Node, Root } from 'hast';\n\nexport class MarkdownGfmHtmlToMd {\n\tprivate _processor: any;\n\tprivate _keepRawTags: Array<string> = [];\n\n\tconstructor() {\n\t\tthis._buildProcessor();\n\t}\n\n\tpublic keep( tagName: string ): void {\n\t\tthis._keepRawTags.push( tagName.toLowerCase() );\n\t\tthis._buildProcessor();\n\t}\n\n\tpublic parse( html: string ): string {\n\t\treturn this._processor!\n\t\t\t.processSync( html )\n\t\t\t.toString()\n\t\t\t.trim();\n\t}\n\n\t/**\n\t * Returns handlers for raw HTML tags that should be kept in the Markdown output.\n\t */\n\tprivate _getRawTagsHandlers(): Record<string, Handle> {\n\t\treturn this._keepRawTags.reduce( ( handlers: Record<string, Handle>, tagName: string ) => {\n\t\t\thandlers[ tagName ] = ( state: State, node: Element ): any => {\n\t\t\t\tconst tag = toHtml( h( node.tagName, node.properties ), {\n\t\t\t\t\tallowDangerousHtml: true,\n\t\t\t\t\tcloseSelfClosing: true\n\t\t\t\t} );\n\n\t\t\t\tconst endOfOpeningTagIndex = tag.indexOf( '>' );\n\t\t\t\tconst openingTag = tag.slice( 0, endOfOpeningTagIndex + 1 );\n\t\t\t\tconst closingTag = tag.slice( endOfOpeningTagIndex + 1 );\n\n\t\t\t\treturn [\n\t\t\t\t\t{ type: 'html', value: openingTag },\n\t\t\t\t\t...state.all( node ),\n\t\t\t\t\t{ type: 'html', value: closingTag }\n\t\t\t\t];\n\t\t\t};\n\t\t\treturn handlers;\n\t\t}, {} as Record<string, Handle> );\n\t}\n\n\tprivate _buildProcessor() {\n\t\tthis._processor = unified()\n\t\t\t// Parse HTML to an abstract syntax tree (AST).\n\t\t\t.use( rehypeParse )\n\t\t\t// Removes `<label>` element from TODO lists.\n\t\t\t.use( removeLabelFromCheckboxes )\n\t\t\t// Turns HTML syntax tree into Markdown syntax tree.\n\t\t\t.use( rehypeRemark, {\n\t\t\t\t// Keeps allowed HTML tags.\n\t\t\t\thandlers: this._getRawTagsHandlers()\n\t\t\t} )\n\t\t\t// Adds support for GitHub Flavored Markdown (GFM).\n\t\t\t.use( remarkGfm, {\n\t\t\t\tsingleTilde: true\n\t\t\t} )\n\t\t\t// Replaces line breaks with `<br>` tags.\n\t\t\t.use( remarkBreaks )\n\t\t\t// Serializes Markdown syntax tree to Markdown string.\n\t\t\t.use( remarkStringify, {\n\t\t\t\tresourceLink: true,\n\t\t\t\temphasis: '_',\n\t\t\t\trule: '-',\n\t\t\t\thandlers: {\n\t\t\t\t\tbreak: () => '\\n'\n\t\t\t\t},\n\t\t\t\tunsafe: [\n\t\t\t\t\t{ character: '<' }\n\t\t\t\t]\n\t\t\t} );\n\t}\n}\n\n/**\n * Removes `<label>` element from TODO lists, so that `<input>` and `text` are direct children of `<li>`.\n */\nfunction removeLabelFromCheckboxes(): ReturnType<Plugin> {\n\treturn function( tree: Node ): void {\n\t\tvisit( tree, 'element', ( node: Element, index: number | null, parent: Root | Element ) => {\n\t\t\tif ( index !== null && node.tagName === 'label' && parent.type === 'element' && parent.tagName === 'li' ) {\n\t\t\t\tparent.children.splice( index, 1, ...node.children );\n\t\t\t}\n\t\t} );\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 markdown-gfm/gfmdataprocessor\n */\n\nimport {\n\tHtmlDataProcessor,\n\ttype DataProcessor,\n\ttype ViewDocument,\n\ttype ViewDocumentFragment,\n\ttype MatcherPattern\n} from 'ckeditor5/src/engine.js';\n\nimport { MarkdownGfmMdToHtml } from './markdown2html/markdown2html.js';\nimport { MarkdownGfmHtmlToMd } from './html2markdown/html2markdown.js';\n\n/**\n * This data processor implementation uses GitHub Flavored Markdown as input/output data.\n *\n * See the {@glink features/markdown Markdown output} guide to learn more on how to enable it.\n */\nexport class MarkdownGfmDataProcessor implements DataProcessor {\n\t/**\n\t * HTML data processor used to process HTML produced by the Markdown-to-HTML converter and the other way.\n\t */\n\tprivate _htmlDP: HtmlDataProcessor;\n\n\t/**\n\t * Helper for converting Markdown to HTML.\n\t */\n\tprivate _markdown2html: MarkdownGfmMdToHtml;\n\n\t/**\n\t * Helper for converting HTML to Markdown.\n\t */\n\tprivate _html2markdown: MarkdownGfmHtmlToMd;\n\n\t/**\n\t * Creates a new instance of the Markdown data processor class.\n\t */\n\tconstructor( document: ViewDocument ) {\n\t\tthis._htmlDP = new HtmlDataProcessor( document );\n\t\tthis._markdown2html = new MarkdownGfmMdToHtml();\n\t\tthis._html2markdown = new MarkdownGfmHtmlToMd();\n\t}\n\n\t/**\n\t * Keeps the specified element in the output as HTML. This is useful if the editor contains\n\t * features producing HTML that is not a part of the Markdown standard.\n\t *\n\t * By default, all HTML tags are removed.\n\t *\n\t * @param element The element name to be kept.\n\t */\n\tpublic keepHtml( element: keyof HTMLElementTagNameMap ): void {\n\t\tthis._html2markdown.keep( element );\n\t}\n\n\t/**\n\t * Converts the provided Markdown string to a view tree.\n\t *\n\t * @param data A Markdown string.\n\t * @returns The converted view element.\n\t */\n\tpublic toView( data: string ): ViewDocumentFragment {\n\t\tconst html = this._markdown2html.parse( data );\n\t\treturn this._htmlDP.toView( html );\n\t}\n\n\t/**\n\t * Converts the provided {@link module:engine/view/documentfragment~ViewDocumentFragment} to data format &ndash; in this\n\t * case to a Markdown string.\n\t *\n\t * @returns Markdown string.\n\t */\n\tpublic toData( viewFragment: ViewDocumentFragment ): string {\n\t\tconst html = this._htmlDP.toData( viewFragment );\n\t\treturn this._html2markdown.parse( html );\n\t}\n\n\t/**\n\t * Registers a {@link module:engine/view/matcher~MatcherPattern} for view elements whose content should be treated as raw data\n\t * and not processed during the conversion from Markdown to view elements.\n\t *\n\t * The raw data can be later accessed by a\n\t * {@link module:engine/view/element~ViewElement#getCustomProperty custom property of a view element} called `\"$rawContent\"`.\n\t *\n\t * @param pattern The pattern matching all view elements whose content should\n\t * be treated as raw data.\n\t */\n\tpublic registerRawContentMatcher( pattern: MatcherPattern ): void {\n\t\tthis._htmlDP.registerRawContentMatcher( pattern );\n\t}\n\n\t/**\n\t * This method does not have any effect on the data processor result. It exists for compatibility with the\n\t * {@link module:engine/dataprocessor/dataprocessor~DataProcessor `DataProcessor` interface}.\n\t */\n\tpublic useFillerType(): void {}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 markdown-gfm/markdown\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { MarkdownGfmDataProcessor } from './gfmdataprocessor.js';\n\n/**\n * The GitHub Flavored Markdown (GFM) plugin.\n *\n * For a detailed overview, check the {@glink features/markdown Markdown feature} guide.\n */\nexport class Markdown extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.data.processor = new MarkdownGfmDataProcessor( editor.data.viewDocument );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Markdown' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 markdown-gfm/pastefrommarkdownexperimental\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { ClipboardPipeline, type ClipboardInputTransformationEvent } from 'ckeditor5/src/clipboard.js';\nimport { MarkdownGfmDataProcessor } from './gfmdataprocessor.js';\nimport type { ViewDocumentKeyDownEvent } from 'ckeditor5/src/engine.js';\n\nconst ALLOWED_MARKDOWN_FIRST_LEVEL_TAGS = [ 'SPAN', 'BR', 'PRE', 'CODE' ];\n\n/**\n * The GitHub Flavored Markdown (GFM) paste plugin.\n *\n * For a detailed overview, check the {@glink features/pasting/paste-markdown Paste Markdown feature} guide.\n */\nexport class PasteFromMarkdownExperimental extends Plugin {\n\t/**\n\t * @internal\n\t */\n\tprivate _gfmDataProcessor: MarkdownGfmDataProcessor;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._gfmDataProcessor = new MarkdownGfmDataProcessor( editor.data.viewDocument );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'PasteFromMarkdownExperimental' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ClipboardPipeline ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\n\t\tconst clipboardPipeline: ClipboardPipeline = editor.plugins.get( 'ClipboardPipeline' );\n\n\t\tlet shiftPressed = false;\n\n\t\tthis.listenTo<ViewDocumentKeyDownEvent>( viewDocument, 'keydown', ( evt, data ) => {\n\t\t\tshiftPressed = data.shiftKey;\n\t\t} );\n\n\t\tthis.listenTo<ClipboardInputTransformationEvent>( clipboardPipeline, 'inputTransformation', ( evt, data ) => {\n\t\t\tif ( shiftPressed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst dataAsTextHtml = data.dataTransfer.getData( 'text/html' );\n\n\t\t\tif ( !dataAsTextHtml ) {\n\t\t\t\tconst dataAsTextPlain = data.dataTransfer.getData( 'text/plain' );\n\n\t\t\t\tdata.content = this._gfmDataProcessor.toView( dataAsTextPlain );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst markdownFromHtml = this._parseMarkdownFromHtml( dataAsTextHtml );\n\n\t\t\tif ( markdownFromHtml ) {\n\t\t\t\tdata.content = this._gfmDataProcessor.toView( markdownFromHtml );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Determines if the code copied from a website in the `text/html` type can be parsed as Markdown.\n\t * It removes any OS-specific HTML tags, for example, <meta> on macOS and <!--StartFragment--> on Windows.\n\t * Then removes a single wrapper HTML tag or wrappers for sibling tags, and if there are no more tags left,\n\t * returns the remaining text. Returns null if there are any remaining HTML tags detected.\n\t *\n\t * @param htmlString Clipboard content in the `text/html` type format.\n\t */\n\tprivate _parseMarkdownFromHtml( htmlString: string ): string | null {\n\t\tconst withoutOsSpecificTags = this._removeOsSpecificTags( htmlString );\n\n\t\tif ( !this._containsOnlyAllowedFirstLevelTags( withoutOsSpecificTags ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst withoutWrapperTag = this._removeFirstLevelWrapperTagsAndBrs( withoutOsSpecificTags );\n\n\t\tif ( this._containsAnyRemainingHtmlTags( withoutWrapperTag ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._replaceHtmlReservedEntitiesWithCharacters( withoutWrapperTag );\n\t}\n\n\t/**\n\t * Removes OS-specific tags.\n\t *\n\t * @param htmlString Clipboard content in the `text/html` type format.\n\t */\n\tprivate _removeOsSpecificTags( htmlString: string ): string {\n\t\t// Removing the <meta> tag present on Mac.\n\t\tconst withoutMetaTag = htmlString.replace( /^<meta\\b[^>]*>/, '' ).trim();\n\t\t// Removing the <html> tag present on Windows.\n\t\tconst withoutHtmlTag = withoutMetaTag.replace( /^<html>/, '' ).replace( /<\\/html>$/, '' ).trim();\n\t\t// Removing the <body> tag present on Windows.\n\t\tconst withoutBodyTag = withoutHtmlTag.replace( /^<body>/, '' ).replace( /<\\/body>$/, '' ).trim();\n\n\t\t// Removing the <!--StartFragment--> tag present on Windows.\n\t\treturn withoutBodyTag.replace( /^<!--StartFragment-->/, '' ).replace( /<!--EndFragment-->$/, '' ).trim();\n\t}\n\n\t/**\n\t * If the input HTML string contains any first-level formatting tags\n\t * like <b>, <strong>, or <i>, we should not treat it as Markdown.\n\t *\n\t * @param htmlString Clipboard content.\n\t */\n\tprivate _containsOnlyAllowedFirstLevelTags( htmlString: string ): boolean {\n\t\tconst parser = new DOMParser();\n\t\tconst { body: tempElement } = parser.parseFromString( htmlString, 'text/html' );\n\n\t\tconst tagNames = Array.from( tempElement.children ).map( el => el.tagName );\n\n\t\treturn tagNames.every( el => ALLOWED_MARKDOWN_FIRST_LEVEL_TAGS.includes( el ) );\n\t}\n\n\t/**\n\t * Removes multiple HTML wrapper tags from a list of sibling HTML tags.\n\t *\n\t * @param htmlString Clipboard content without any OS-specific tags.\n\t */\n\tprivate _removeFirstLevelWrapperTagsAndBrs( htmlString: string ): string {\n\t\tconst parser = new DOMParser();\n\t\tconst { body: tempElement } = parser.parseFromString( htmlString, 'text/html' );\n\n\t\tconst brElements = tempElement.querySelectorAll( 'br' );\n\n\t\tfor ( const br of brElements ) {\n\t\t\tbr.replaceWith( '\\n' );\n\t\t}\n\n\t\tconst outerElements = tempElement.querySelectorAll( ':scope > *' );\n\n\t\tfor ( const element of outerElements ) {\n\t\t\tconst elementClone = element.cloneNode( true );\n\t\t\telement.replaceWith( ...elementClone.childNodes );\n\t\t}\n\n\t\treturn tempElement.innerHTML;\n\t}\n\n\t/**\n\t * Determines if a string contains any HTML tags.\n\t */\n\tprivate _containsAnyRemainingHtmlTags( str: string ): boolean {\n\t\treturn str.includes( '<' );\n\t}\n\n\t/**\n\t * Replaces the reserved HTML entities with the actual characters.\n\t *\n\t * @param htmlString Clipboard content without any tags.\n\t */\n\tprivate _replaceHtmlReservedEntitiesWithCharacters( htmlString: string ) {\n\t\treturn htmlString\n\t\t\t.replace( /&gt;/g, '>' )\n\t\t\t.replace( /&lt;/g, '<' )\n\t\t\t.replace( /&nbsp;/g, ' ' );\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { toWidget, isWidget, findOptimalInsertionRange, Widget, WidgetToolbarRepository } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { logWarning, toArray, first, global, FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { IconView, Template, View, submitHandler, LabeledFieldView, createLabeledInputText, Dialog, ButtonView, MenuBarMenuListItemButtonView, CssTransitionDisablerMixin } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { IconMediaPlaceholder, IconMedia } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ModelLivePosition, ModelLiveRange } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { Clipboard } from '@ckeditor/ckeditor5-clipboard/dist/index.js';\nimport { Delete } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { Undo } from '@ckeditor/ckeditor5-undo/dist/index.js';\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module media-embed/converters\n */ /**\n * Returns a function that converts the model \"url\" attribute to the view representation.\n *\n * Depending on the configuration, the view representation can be \"semantic\" (for the data pipeline):\n *\n * ```html\n * <figure class=\"media\">\n * \t<oembed url=\"foo\"></oembed>\n * </figure>\n * ```\n *\n * or \"non-semantic\" (for the editing view pipeline):\n *\n * ```html\n * <figure class=\"media\">\n * \t<div data-oembed-url=\"foo\">[ non-semantic media preview for \"foo\" ]</div>\n * </figure>\n * ```\n *\n * **Note:** Changing the model \"url\" attribute replaces the entire content of the\n * `<figure>` in the view.\n *\n * @param registry The registry providing\n * the media and their content.\n * @param options options object with following properties:\n * - elementName When set, overrides the default element name for semantic media embeds.\n * - renderMediaPreview When `true`, the converter will create the view in the non-semantic form.\n * - renderForEditingView When `true`, the converter will create a view specific for the\n * editing pipeline (e.g. including CSS classes, content placeholders).\n *\n * @internal\n */ function modelToViewUrlAttributeConverter(registry, options) {\n    const converter = (evt, data, conversionApi)=>{\n        if (!conversionApi.consumable.consume(data.item, evt.name)) {\n            return;\n        }\n        const url = data.attributeNewValue;\n        const viewWriter = conversionApi.writer;\n        const figure = conversionApi.mapper.toViewElement(data.item);\n        const mediaContentElement = [\n            ...figure.getChildren()\n        ].find((child)=>child.getCustomProperty('media-content'));\n        // TODO: removing the wrapper and creating it from scratch is a hack. We can do better than that.\n        viewWriter.remove(mediaContentElement);\n        const mediaViewElement = registry.getMediaViewElement(viewWriter, url, options);\n        viewWriter.insert(viewWriter.createPositionAt(figure, 0), mediaViewElement);\n    };\n    return (dispatcher)=>{\n        dispatcher.on('attribute:url:media', converter);\n    };\n}\n\n/**\n * Converts a given {@link module:engine/view/element~ViewElement} to a media embed widget:\n * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property}\n * allowing to recognize the media widget element.\n * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n *\n * @param writer An instance of the view writer.\n * @param label The element's label.\n * @internal\n */ function toMediaWidget(viewElement, writer, label) {\n    writer.setCustomProperty('media', true, viewElement);\n    return toWidget(viewElement, writer, {\n        label\n    });\n}\n/**\n * Returns a media widget editing view element if one is selected.\n *\n * @internal\n */ function getSelectedMediaViewWidget(selection) {\n    const viewElement = selection.getSelectedElement();\n    if (viewElement && isMediaWidget(viewElement)) {\n        return viewElement;\n    }\n    return null;\n}\n/**\n * Checks if a given view element is a media widget.\n *\n * @internal\n */ function isMediaWidget(viewElement) {\n    return !!viewElement.getCustomProperty('media') && isWidget(viewElement);\n}\n/**\n * Creates a view element representing the media. Either a \"semantic\" one for the data pipeline:\n *\n * ```html\n * <figure class=\"media\">\n * \t<oembed url=\"foo\"></oembed>\n * </figure>\n * ```\n *\n * or a \"non-semantic\" (for the editing view pipeline):\n *\n * ```html\n * <figure class=\"media\">\n * \t<div data-oembed-url=\"foo\">[ non-semantic media preview for \"foo\" ]</div>\n * </figure>\n * ```\n *\n * @internal\n */ function createMediaFigureElement(writer, registry, url, options) {\n    return writer.createContainerElement('figure', {\n        class: 'media'\n    }, [\n        registry.getMediaViewElement(writer, url, options),\n        writer.createSlot()\n    ]);\n}\n/**\n * Returns a selected media element in the model, if any.\n *\n * @internal\n */ function getSelectedMediaModelWidget(selection) {\n    const selectedElement = selection.getSelectedElement();\n    if (selectedElement && selectedElement.is('element', 'media')) {\n        return selectedElement;\n    }\n    return null;\n}\n/**\n * Creates a media element and inserts it into the model.\n *\n * **Note**: This method will use {@link module:engine/model/model~Model#insertContent `model.insertContent()`} logic of inserting content\n * if no `insertPosition` is passed.\n *\n * @param url An URL of an embeddable media.\n * @param findOptimalPosition If true it will try to find optimal position to insert media without breaking content\n * in which a selection is.\n * @internal\n */ function insertMedia(model, url, selectable, findOptimalPosition) {\n    model.change((writer)=>{\n        const mediaElement = writer.createElement('media', {\n            url\n        });\n        model.insertObject(mediaElement, selectable, null, {\n            setSelection: 'on',\n            findOptimalPosition: findOptimalPosition ? 'auto' : undefined\n        });\n    });\n}\n\n/**\n * The insert media command.\n *\n * The command is registered by the {@link module:media-embed/mediaembedediting~MediaEmbedEditing} as `'mediaEmbed'`.\n *\n * To insert media at the current selection, execute the command and specify the URL:\n *\n * ```ts\n * editor.execute( 'mediaEmbed', 'http://url.to.the/media' );\n * ```\n */ class MediaEmbedCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const selectedMedia = getSelectedMediaModelWidget(selection);\n        this.value = selectedMedia ? selectedMedia.getAttribute('url') : undefined;\n        this.isEnabled = isMediaSelected(selection) || isAllowedInParent(selection, model);\n    }\n    /**\n\t * Executes the command, which either:\n\t *\n\t * * updates the URL of the selected media,\n\t * * inserts the new media into the editor and puts the selection around it.\n\t *\n\t * @fires execute\n\t * @param url The URL of the media.\n\t */ execute(url) {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const selectedMedia = getSelectedMediaModelWidget(selection);\n        if (selectedMedia) {\n            model.change((writer)=>{\n                writer.setAttribute('url', url, selectedMedia);\n            });\n        } else {\n            insertMedia(model, url, selection, true);\n        }\n    }\n}\n/**\n * Checks if the media embed is allowed in the parent.\n */ function isAllowedInParent(selection, model) {\n    const insertionRange = findOptimalInsertionRange(selection, model);\n    let parent = insertionRange.start.parent;\n    // The model.insertContent() will remove empty parent (unless it is a $root or a limit).\n    if (parent.isEmpty && !model.schema.isLimit(parent)) {\n        parent = parent.parent;\n    }\n    return model.schema.checkChild(parent, 'media');\n}\n/**\n * Checks if the media object is selected.\n */ function isMediaSelected(selection) {\n    const element = selection.getSelectedElement();\n    return !!element && element.name === 'media';\n}\n\nconst mediaPlaceholderIconViewBox = '0 0 64 42';\n/**\n * A bridge between the raw media content provider definitions and the editor view content.\n *\n * It helps translating media URLs to corresponding {@link module:engine/view/element~ViewElement view elements}.\n *\n * Mostly used by the {@link module:media-embed/mediaembedediting~MediaEmbedEditing} plugin.\n */ class MediaRegistry {\n    /**\n\t * The {@link module:utils/locale~Locale} instance.\n\t */ locale;\n    /**\n\t * The media provider definitions available for the registry. Usually corresponding with the\n\t * {@link module:media-embed/mediaembedconfig~MediaEmbedConfig media configuration}.\n\t */ providerDefinitions;\n    /**\n\t * Creates an instance of the {@link module:media-embed/mediaregistry~MediaRegistry} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param config The configuration of the media embed feature.\n\t */ constructor(locale, config){\n        const providers = config.providers;\n        const extraProviders = config.extraProviders || [];\n        const removedProviders = new Set(config.removeProviders);\n        const providerDefinitions = providers.concat(extraProviders).filter((provider)=>{\n            const name = provider.name;\n            if (!name) {\n                /**\n\t\t\t\t\t * One of the providers (or extra providers) specified in the media embed configuration\n\t\t\t\t\t * has no name and will not be used by the editor. In order to get this media\n\t\t\t\t\t * provider working, double check your editor configuration.\n\t\t\t\t\t *\n\t\t\t\t\t * @error media-embed-no-provider-name\n\t\t\t\t\t */ logWarning('media-embed-no-provider-name', {\n                    provider\n                });\n                return false;\n            }\n            return !removedProviders.has(name);\n        });\n        this.locale = locale;\n        this.providerDefinitions = providerDefinitions;\n    }\n    /**\n\t * Checks whether the passed URL is representing a certain media type allowed in the editor.\n\t *\n\t * @param url The URL to be checked\n\t */ hasMedia(url) {\n        return !!this._getMedia(url);\n    }\n    /**\n\t * For the given media URL string and options, it returns the {@link module:engine/view/element~ViewElement view element}\n\t * representing that media.\n\t *\n\t * **Note:** If no URL is specified, an empty view element is returned.\n\t *\n\t * @param writer The view writer used to produce a view element.\n\t * @param url The URL to be translated into a view element.\n\t */ getMediaViewElement(writer, url, options) {\n        return this._getMedia(url).getViewElement(writer, options);\n    }\n    /**\n\t * Returns a `Media` instance for the given URL.\n\t *\n\t * @param url The URL of the media.\n\t * @returns The `Media` instance or `null` when there is none.\n\t */ _getMedia(url) {\n        if (!url) {\n            return new Media(this.locale);\n        }\n        url = url.trim();\n        for (const definition of this.providerDefinitions){\n            const previewRenderer = definition.html;\n            const pattern = toArray(definition.url);\n            for (const subPattern of pattern){\n                const match = this._getUrlMatches(url, subPattern);\n                if (match) {\n                    return new Media(this.locale, url, match, previewRenderer);\n                }\n            }\n        }\n        return null;\n    }\n    /**\n\t * Tries to match `url` to `pattern`.\n\t *\n\t * @param url The URL of the media.\n\t * @param pattern The pattern that should accept the media URL.\n\t */ _getUrlMatches(url, pattern) {\n        // 1. Try to match without stripping the protocol and \"www\" subdomain.\n        let match = url.match(pattern);\n        if (match) {\n            return match;\n        }\n        // 2. Try to match after stripping the protocol.\n        let rawUrl = url.replace(/^https?:\\/\\//, '');\n        match = rawUrl.match(pattern);\n        if (match) {\n            return match;\n        }\n        // 3. Try to match after stripping the \"www\" subdomain.\n        rawUrl = rawUrl.replace(/^www\\./, '');\n        match = rawUrl.match(pattern);\n        if (match) {\n            return match;\n        }\n        return null;\n    }\n}\n/**\n * Represents media defined by the provider configuration.\n *\n * It can be rendered to the {@link module:engine/view/element~ViewElement view element} and used in the editing or data pipeline.\n */ class Media {\n    /**\n\t * The URL this Media instance represents.\n\t */ url;\n    /**\n\t * Shorthand for {@link module:utils/locale~Locale#t}.\n\t *\n\t * @see module:utils/locale~Locale#t\n\t */ _locale;\n    /**\n\t * The output of the `RegExp.match` which validated the {@link #url} of this media.\n\t */ _match;\n    /**\n\t * The function returning the HTML string preview of this media.\n\t */ _previewRenderer;\n    constructor(locale, url, match, previewRenderer){\n        this.url = this._getValidUrl(url);\n        this._locale = locale;\n        this._match = match;\n        this._previewRenderer = previewRenderer;\n    }\n    /**\n\t * Returns the view element representation of the media.\n\t *\n\t * @param writer The view writer used to produce a view element.\n\t */ getViewElement(writer, options) {\n        const attributes = {};\n        let viewElement;\n        if (options.renderForEditingView || options.renderMediaPreview && this.url && this._previewRenderer) {\n            if (this.url) {\n                attributes['data-oembed-url'] = this.url;\n            }\n            if (options.renderForEditingView) {\n                attributes.class = 'ck-media__wrapper';\n            }\n            const mediaHtml = this._getPreviewHtml(options);\n            viewElement = writer.createRawElement('div', attributes, (domElement, domConverter)=>{\n                domConverter.setContentOf(domElement, mediaHtml);\n            });\n        } else {\n            if (this.url) {\n                attributes.url = this.url;\n            }\n            viewElement = writer.createEmptyElement(options.elementName, attributes);\n        }\n        writer.setCustomProperty('media-content', true, viewElement);\n        return viewElement;\n    }\n    /**\n\t * Returns the HTML string of the media content preview.\n\t */ _getPreviewHtml(options) {\n        if (this._previewRenderer) {\n            return this._previewRenderer(this._match);\n        } else {\n            // The placeholder only makes sense for editing view and media which have URLs.\n            // Placeholder is never displayed in data and URL-less media have no content.\n            if (this.url && options.renderForEditingView) {\n                return this._getPlaceholderHtml();\n            }\n            return '';\n        }\n    }\n    /**\n\t * Returns the placeholder HTML when the media has no content preview.\n\t */ _getPlaceholderHtml() {\n        const icon = new IconView();\n        const t = this._locale.t;\n        icon.content = IconMediaPlaceholder;\n        icon.viewBox = mediaPlaceholderIconViewBox;\n        const placeholder = new Template({\n            tag: 'div',\n            attributes: {\n                class: 'ck ck-reset_all ck-media__placeholder'\n            },\n            children: [\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: 'ck-media__placeholder__icon'\n                    },\n                    children: [\n                        icon\n                    ]\n                },\n                {\n                    tag: 'a',\n                    attributes: {\n                        class: 'ck-media__placeholder__url',\n                        target: '_blank',\n                        rel: 'noopener noreferrer',\n                        href: this.url,\n                        'data-cke-tooltip-text': t('Open media in new tab')\n                    },\n                    children: [\n                        {\n                            tag: 'span',\n                            attributes: {\n                                class: 'ck-media__placeholder__url__text'\n                            },\n                            children: [\n                                this.url\n                            ]\n                        }\n                    ]\n                }\n            ]\n        }).render();\n        return placeholder.outerHTML;\n    }\n    /**\n\t * Returns the full URL to the specified media.\n\t *\n\t * @param url The URL of the media.\n\t */ _getValidUrl(url) {\n        if (!url) {\n            return null;\n        }\n        if (url.match(/^https?/)) {\n            return url;\n        }\n        return 'https://' + url;\n    }\n}\n\n/**\n * The media embed editing feature.\n */ class MediaEmbedEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'MediaEmbedEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * The media registry managing the media providers in the editor.\n\t */ registry;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('mediaEmbed', {\n            elementName: 'oembed',\n            providers: [\n                {\n                    name: 'dailymotion',\n                    url: [\n                        /^dailymotion\\.com\\/video\\/(\\w+)/,\n                        /^dai.ly\\/(\\w+)/\n                    ],\n                    html: (match)=>{\n                        const id = match[1];\n                        return '<div style=\"position: relative; padding-bottom: 100%; height: 0; \">' + `<iframe src=\"https://www.dailymotion.com/embed/video/${id}\" ` + 'style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\" ' + 'frameborder=\"0\" width=\"480\" height=\"270\" allowfullscreen allow=\"autoplay\">' + '</iframe>' + '</div>';\n                    }\n                },\n                {\n                    name: 'spotify',\n                    url: [\n                        /^open\\.spotify\\.com\\/(artist\\/\\w+)/,\n                        /^open\\.spotify\\.com\\/(album\\/\\w+)/,\n                        /^open\\.spotify\\.com\\/(track\\/\\w+)/\n                    ],\n                    html: (match)=>{\n                        const id = match[1];\n                        return '<div style=\"position: relative; padding-bottom: 100%; height: 0; padding-bottom: 126%;\">' + `<iframe src=\"https://open.spotify.com/embed/${id}\" ` + 'style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\" ' + 'frameborder=\"0\" allowtransparency=\"true\" allow=\"encrypted-media\">' + '</iframe>' + '</div>';\n                    }\n                },\n                {\n                    name: 'youtube',\n                    url: [\n                        /^(?:m\\.)?youtube\\.com\\/watch\\?v=([\\w-]+)(?:&t=(\\d+))?/,\n                        /^(?:m\\.)?youtube\\.com\\/shorts\\/([\\w-]+)(?:\\?t=(\\d+))?/,\n                        /^(?:m\\.)?youtube\\.com\\/v\\/([\\w-]+)(?:\\?t=(\\d+))?/,\n                        /^youtube\\.com\\/embed\\/([\\w-]+)(?:\\?start=(\\d+))?/,\n                        /^youtu\\.be\\/([\\w-]+)(?:\\?t=(\\d+))?/\n                    ],\n                    html: (match)=>{\n                        const id = match[1];\n                        const time = match[2];\n                        return '<div style=\"position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;\">' + `<iframe src=\"https://www.youtube.com/embed/${id}${time ? `?start=${time}` : ''}\" ` + 'style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\" ' + 'frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen>' + '</iframe>' + '</div>';\n                    }\n                },\n                {\n                    name: 'vimeo',\n                    url: [\n                        /^vimeo\\.com\\/(\\d+)/,\n                        /^vimeo\\.com\\/[^/]+\\/[^/]+\\/video\\/(\\d+)/,\n                        /^vimeo\\.com\\/album\\/[^/]+\\/video\\/(\\d+)/,\n                        /^vimeo\\.com\\/channels\\/[^/]+\\/(\\d+)/,\n                        /^vimeo\\.com\\/groups\\/[^/]+\\/videos\\/(\\d+)/,\n                        /^vimeo\\.com\\/ondemand\\/[^/]+\\/(\\d+)/,\n                        /^player\\.vimeo\\.com\\/video\\/(\\d+)/\n                    ],\n                    html: (match)=>{\n                        const id = match[1];\n                        return '<div style=\"position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;\">' + `<iframe src=\"https://player.vimeo.com/video/${id}\" ` + 'style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\" ' + 'frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen>' + '</iframe>' + '</div>';\n                    }\n                },\n                {\n                    name: 'instagram',\n                    url: [\n                        /^instagram\\.com\\/p\\/(\\w+)/,\n                        /^instagram\\.com\\/reel\\/(\\w+)/\n                    ]\n                },\n                {\n                    name: 'twitter',\n                    url: [\n                        /^twitter\\.com/,\n                        /^x\\.com/\n                    ]\n                },\n                {\n                    name: 'googleMaps',\n                    url: [\n                        /^google\\.com\\/maps/,\n                        /^goo\\.gl\\/maps/,\n                        /^maps\\.google\\.com/,\n                        /^maps\\.app\\.goo\\.gl/\n                    ]\n                },\n                {\n                    name: 'flickr',\n                    url: /^flickr\\.com/\n                },\n                {\n                    name: 'facebook',\n                    url: /^facebook\\.com/\n                }\n            ]\n        });\n        this.registry = new MediaRegistry(editor.locale, editor.config.get('mediaEmbed'));\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const t = editor.t;\n        const conversion = editor.conversion;\n        const renderMediaPreview = editor.config.get('mediaEmbed.previewsInData');\n        const elementName = editor.config.get('mediaEmbed.elementName');\n        const registry = this.registry;\n        editor.commands.add('mediaEmbed', new MediaEmbedCommand(editor));\n        // Configure the schema.\n        schema.register('media', {\n            inheritAllFrom: '$blockObject',\n            allowAttributes: [\n                'url'\n            ]\n        });\n        // Model -> Data\n        conversion.for('dataDowncast').elementToStructure({\n            model: 'media',\n            view: (modelElement, { writer })=>{\n                const url = modelElement.getAttribute('url');\n                return createMediaFigureElement(writer, registry, url, {\n                    elementName,\n                    renderMediaPreview: !!url && renderMediaPreview\n                });\n            }\n        });\n        // Model -> Data (url -> data-oembed-url)\n        conversion.for('dataDowncast').add(modelToViewUrlAttributeConverter(registry, {\n            elementName,\n            renderMediaPreview\n        }));\n        // Model -> View (element)\n        conversion.for('editingDowncast').elementToStructure({\n            model: 'media',\n            view: (modelElement, { writer })=>{\n                const url = modelElement.getAttribute('url');\n                const figure = createMediaFigureElement(writer, registry, url, {\n                    elementName,\n                    renderForEditingView: true\n                });\n                return toMediaWidget(figure, writer, t('media widget'));\n            }\n        });\n        // Model -> View (url -> data-oembed-url)\n        conversion.for('editingDowncast').add(modelToViewUrlAttributeConverter(registry, {\n            elementName,\n            renderForEditingView: true\n        }));\n        // View -> Model (data-oembed-url -> url)\n        conversion.for('upcast')// Upcast semantic media.\n        .elementToElement({\n            view: (element)=>[\n                    'oembed',\n                    elementName\n                ].includes(element.name) && element.getAttribute('url') ? {\n                    name: true\n                } : null,\n            model: (viewMedia, { writer })=>{\n                const url = viewMedia.getAttribute('url');\n                if (registry.hasMedia(url)) {\n                    return writer.createElement('media', {\n                        url\n                    });\n                }\n                return null;\n            }\n        })// Upcast non-semantic media.\n        .elementToElement({\n            view: {\n                name: 'div',\n                attributes: {\n                    'data-oembed-url': true\n                }\n            },\n            model: (viewMedia, { writer })=>{\n                const url = viewMedia.getAttribute('data-oembed-url');\n                if (registry.hasMedia(url)) {\n                    return writer.createElement('media', {\n                        url\n                    });\n                }\n                return null;\n            }\n        })// Consume `<figure class=\"media\">` elements, that were left after upcast.\n        .add((dispatcher)=>{\n            const converter = (evt, data, conversionApi)=>{\n                if (!conversionApi.consumable.consume(data.viewItem, {\n                    name: true,\n                    classes: 'media'\n                })) {\n                    return;\n                }\n                const { modelRange, modelCursor } = conversionApi.convertChildren(data.viewItem, data.modelCursor);\n                data.modelRange = modelRange;\n                data.modelCursor = modelCursor;\n                const modelElement = first(modelRange.getItems());\n                if (!modelElement) {\n                    // Revert consumed figure so other features can convert it.\n                    conversionApi.consumable.revert(data.viewItem, {\n                        name: true,\n                        classes: 'media'\n                    });\n                }\n            };\n            dispatcher.on('element:figure', converter);\n        });\n    }\n}\n\nconst URL_REGEXP = /^(?:http(s)?:\\/\\/)?[\\w-]+\\.[\\w-.~:/?#[\\]@!$&'()*+,;=%]+$/;\n/**\n * The auto-media embed plugin. It recognizes media links in the pasted content and embeds\n * them shortly after they are injected into the document.\n */ class AutoMediaEmbed extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Clipboard,\n            Delete,\n            Undo\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'AutoMediaEmbed';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * The paste–to–embed `setTimeout` ID. Stored as a property to allow\n\t * cleaning of the timeout.\n\t */ _timeoutId;\n    /**\n\t * The position where the `<media>` element will be inserted after the timeout,\n\t * determined each time the new content is pasted into the document.\n\t */ _positionToInsert;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._timeoutId = null;\n        this._positionToInsert = null;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const modelDocument = editor.model.document;\n        // We need to listen on `Clipboard#inputTransformation` because we need to save positions of selection.\n        // After pasting, the content between those positions will be checked for a URL that could be transformed\n        // into media.\n        const clipboardPipeline = editor.plugins.get('ClipboardPipeline');\n        this.listenTo(clipboardPipeline, 'inputTransformation', ()=>{\n            const firstRange = modelDocument.selection.getFirstRange();\n            const leftLivePosition = ModelLivePosition.fromPosition(firstRange.start);\n            leftLivePosition.stickiness = 'toPrevious';\n            const rightLivePosition = ModelLivePosition.fromPosition(firstRange.end);\n            rightLivePosition.stickiness = 'toNext';\n            modelDocument.once('change:data', ()=>{\n                this._embedMediaBetweenPositions(leftLivePosition, rightLivePosition);\n                leftLivePosition.detach();\n                rightLivePosition.detach();\n            }, {\n                priority: 'high'\n            });\n        });\n        const undoCommand = editor.commands.get('undo');\n        undoCommand.on('execute', ()=>{\n            if (this._timeoutId) {\n                global.window.clearTimeout(this._timeoutId);\n                this._positionToInsert.detach();\n                this._timeoutId = null;\n                this._positionToInsert = null;\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Analyzes the part of the document between provided positions in search for a URL representing media.\n\t * When the URL is found, it is automatically converted into media.\n\t *\n\t * @param leftPosition Left position of the selection.\n\t * @param rightPosition Right position of the selection.\n\t */ _embedMediaBetweenPositions(leftPosition, rightPosition) {\n        const editor = this.editor;\n        const mediaRegistry = editor.plugins.get(MediaEmbedEditing).registry;\n        // TODO: Use marker instead of ModelLiveRange & LivePositions.\n        const urlRange = new ModelLiveRange(leftPosition, rightPosition);\n        const walker = urlRange.getWalker({\n            ignoreElementEnd: true\n        });\n        let url = '';\n        for (const node of walker){\n            if (node.item.is('$textProxy')) {\n                url += node.item.data;\n            }\n        }\n        url = url.trim();\n        // If the URL does not match to universal URL regexp, let's skip that.\n        if (!url.match(URL_REGEXP)) {\n            urlRange.detach();\n            return;\n        }\n        // If the URL represents a media, let's use it.\n        if (!mediaRegistry.hasMedia(url)) {\n            urlRange.detach();\n            return;\n        }\n        const mediaEmbedCommand = editor.commands.get('mediaEmbed');\n        // Do not anything if media element cannot be inserted at the current position (#47).\n        if (!mediaEmbedCommand.isEnabled) {\n            urlRange.detach();\n            return;\n        }\n        // Position won't be available in the `setTimeout` function so let's clone it.\n        this._positionToInsert = ModelLivePosition.fromPosition(leftPosition);\n        // This action mustn't be executed if undo was called between pasting and auto-embedding.\n        this._timeoutId = global.window.setTimeout(()=>{\n            editor.model.change((writer)=>{\n                this._timeoutId = null;\n                writer.remove(urlRange);\n                urlRange.detach();\n                let insertionPosition = null;\n                // Check if position where the media element should be inserted is still valid.\n                // Otherwise leave it as undefined to use document.selection - default behavior of model.insertContent().\n                if (this._positionToInsert.root.rootName !== '$graveyard') {\n                    insertionPosition = this._positionToInsert;\n                }\n                insertMedia(editor.model, url, insertionPosition, false);\n                this._positionToInsert.detach();\n                this._positionToInsert = null;\n            });\n            editor.plugins.get(Delete).requestUndoOnBackspace();\n        }, 100);\n    }\n}\n\n/**\n * The media form view controller class.\n *\n * See {@link module:media-embed/ui/mediaformview~MediaFormView}.\n */ class MediaFormView extends View {\n    /**\n\t * Tracks information about the DOM focus in the form.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * The URL input view.\n\t */ urlInputView;\n    /**\n\t * An array of form validators used by {@link #isValid}.\n\t */ _validators;\n    /**\n\t * The default info text for the {@link #urlInputView}.\n\t */ _urlInputViewInfoDefault;\n    /**\n\t * The info text with an additional tip for the {@link #urlInputView},\n\t * displayed when the input has some value.\n\t */ _urlInputViewInfoTip;\n    /**\n\t * @param validators Form validators used by {@link #isValid}.\n\t * @param locale The localization services instance.\n\t */ constructor(validators, locale){\n        super(locale);\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.set('mediaURLInputValue', '');\n        this.urlInputView = this._createUrlInput();\n        this._validators = validators;\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-media-form',\n                    'ck-responsive-form'\n                ],\n                tabindex: '-1'\n            },\n            children: [\n                this.urlInputView\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        submitHandler({\n            view: this\n        });\n        // Register the view in the focus tracker.\n        this.focusTracker.add(this.urlInputView.element);\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the {@link #urlInputView}.\n\t */ focus() {\n        this.urlInputView.focus();\n    }\n    /**\n\t * The native DOM `value` of the {@link #urlInputView} element.\n\t *\n\t * **Note**: Do not confuse it with the {@link module:ui/inputtext/inputtextview~InputTextView#value}\n\t * which works one way only and may not represent the actual state of the component in the DOM.\n\t */ get url() {\n        return this.urlInputView.fieldView.element.value.trim();\n    }\n    set url(url) {\n        this.urlInputView.fieldView.value = url.trim();\n    }\n    /**\n\t * Validates the form and returns `false` when some fields are invalid.\n\t */ isValid() {\n        this.resetFormStatus();\n        for (const validator of this._validators){\n            const errorText = validator(this);\n            // One error per field is enough.\n            if (errorText) {\n                // Apply updated error.\n                this.urlInputView.errorText = errorText;\n                return false;\n            }\n        }\n        return true;\n    }\n    /**\n\t * Cleans up the supplementary error and information text of the {@link #urlInputView}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */ resetFormStatus() {\n        this.urlInputView.errorText = null;\n        this.urlInputView.infoText = this._urlInputViewInfoDefault;\n    }\n    /**\n\t * Creates a labeled input view.\n\t *\n\t * @returns Labeled input view instance.\n\t */ _createUrlInput() {\n        const t = this.locale.t;\n        const labeledInput = new LabeledFieldView(this.locale, createLabeledInputText);\n        const inputField = labeledInput.fieldView;\n        this._urlInputViewInfoDefault = t('Paste the media URL in the input.');\n        this._urlInputViewInfoTip = t('Tip: Paste the URL into the content to embed faster.');\n        labeledInput.label = t('Media URL');\n        labeledInput.infoText = this._urlInputViewInfoDefault;\n        inputField.inputMode = 'url';\n        inputField.on('input', ()=>{\n            // Display the tip text only when there is some value. Otherwise fall back to the default info text.\n            labeledInput.infoText = inputField.element.value ? this._urlInputViewInfoTip : this._urlInputViewInfoDefault;\n            this.mediaURLInputValue = inputField.element.value.trim();\n        });\n        return labeledInput;\n    }\n}\n\n/**\n * The media embed UI plugin.\n */ class MediaEmbedUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            MediaEmbedEditing,\n            Dialog\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'MediaEmbedUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    _formView;\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('mediaEmbed', ()=>{\n            const t = this.editor.locale.t;\n            const button = this._createDialogButton(ButtonView);\n            button.tooltip = true;\n            button.label = t('Insert media');\n            return button;\n        });\n        editor.ui.componentFactory.add('menuBar:mediaEmbed', ()=>{\n            const t = this.editor.locale.t;\n            const button = this._createDialogButton(MenuBarMenuListItemButtonView);\n            button.label = t('Media');\n            return button;\n        });\n    }\n    /**\n\t * Creates a button for menu bar that will show media embed dialog.\n\t */ _createDialogButton(ButtonClass) {\n        const editor = this.editor;\n        const buttonView = new ButtonClass(editor.locale);\n        const command = editor.commands.get('mediaEmbed');\n        const dialogPlugin = this.editor.plugins.get('Dialog');\n        buttonView.icon = IconMedia;\n        buttonView.bind('isEnabled').to(command, 'isEnabled');\n        buttonView.on('execute', ()=>{\n            if (dialogPlugin.id === 'mediaEmbed') {\n                dialogPlugin.hide();\n            } else {\n                this._showDialog();\n            }\n        });\n        return buttonView;\n    }\n    _showDialog() {\n        const editor = this.editor;\n        const dialog = editor.plugins.get('Dialog');\n        const command = editor.commands.get('mediaEmbed');\n        const t = editor.locale.t;\n        const isMediaSelected = command.value !== undefined;\n        if (!this._formView) {\n            const registry = editor.plugins.get(MediaEmbedEditing).registry;\n            this._formView = new (CssTransitionDisablerMixin(MediaFormView))(getFormValidators(editor.t, registry), editor.locale);\n            this._formView.on('submit', ()=>this._handleSubmitForm());\n        }\n        dialog.show({\n            id: 'mediaEmbed',\n            title: t('Media embed'),\n            content: this._formView,\n            isModal: true,\n            onShow: ()=>{\n                this._formView.url = command.value || '';\n                this._formView.resetFormStatus();\n                this._formView.urlInputView.fieldView.select();\n            },\n            actionButtons: [\n                {\n                    label: t('Cancel'),\n                    withText: true,\n                    onExecute: ()=>dialog.hide()\n                },\n                {\n                    label: isMediaSelected ? t('Save') : t('Insert'),\n                    class: 'ck-button-action',\n                    withText: true,\n                    onExecute: ()=>this._handleSubmitForm()\n                }\n            ]\n        });\n    }\n    _handleSubmitForm() {\n        const editor = this.editor;\n        const dialog = editor.plugins.get('Dialog');\n        if (this._formView.isValid()) {\n            editor.execute('mediaEmbed', this._formView.url);\n            dialog.hide();\n            editor.editing.view.focus();\n        }\n    }\n}\nfunction getFormValidators(t, registry) {\n    return [\n        (form)=>{\n            if (!form.url.length) {\n                return t('The URL must not be empty.');\n            }\n        },\n        (form)=>{\n            if (!registry.hasMedia(form.url)) {\n                return t('This media URL is not supported.');\n            }\n        }\n    ];\n}\n\n/**\n * The media embed plugin.\n *\n * For a detailed overview, check the {@glink features/media-embed Media Embed feature documentation}.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * The {@link module:media-embed/mediaembedediting~MediaEmbedEditing media embed editing feature},\n * * The {@link module:media-embed/mediaembedui~MediaEmbedUI media embed UI feature} and\n * * The {@link module:media-embed/automediaembed~AutoMediaEmbed auto-media embed feature}.\n */ class MediaEmbed extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            MediaEmbedEditing,\n            MediaEmbedUI,\n            AutoMediaEmbed,\n            Widget\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'MediaEmbed';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The media embed toolbar plugin. It creates a toolbar for media embed that shows up when the media element is selected.\n *\n * Instances of toolbar components (e.g. buttons) are created based on the\n * {@link module:media-embed/mediaembedconfig~MediaEmbedConfig#toolbar `media.toolbar` configuration option}.\n */ class MediaEmbedToolbar extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            WidgetToolbarRepository\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'MediaEmbedToolbar';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const t = editor.t;\n        const widgetToolbarRepository = editor.plugins.get(WidgetToolbarRepository);\n        widgetToolbarRepository.register('mediaEmbed', {\n            ariaLabel: t('Media toolbar'),\n            items: editor.config.get('mediaEmbed.toolbar') || [],\n            getRelatedElement: getSelectedMediaViewWidget\n        });\n    }\n}\n\nexport { AutoMediaEmbed, MediaEmbed, MediaEmbedCommand, MediaEmbedEditing, MediaEmbedToolbar, MediaEmbedUI, MediaRegistry, MediaFormView as _MediaFormView, createMediaFigureElement as _createMediaFigureElement, getSelectedMediaModelWidget as _getSelectedMediaModelWidget, getSelectedMediaViewWidget as _getSelectedMediaViewWidget, insertMedia as _insertMedia, isMediaWidget as _isMediaWidget, modelToViewUrlAttributeConverter as _modelToViewUrlAttributeMediaConverter, toMediaWidget as _toMediaWidget };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/converters\n */\n\nimport type { GetCallback } from 'ckeditor5/src/utils.js';\nimport type { DowncastAttributeEvent, DowncastDispatcher, ModelElement, ViewElement } from 'ckeditor5/src/engine.js';\nimport { type MediaRegistry } from './mediaregistry.js';\nimport type { MediaOptions } from './utils.js';\n\n/**\n * Returns a function that converts the model \"url\" attribute to the view representation.\n *\n * Depending on the configuration, the view representation can be \"semantic\" (for the data pipeline):\n *\n * ```html\n * <figure class=\"media\">\n * \t<oembed url=\"foo\"></oembed>\n * </figure>\n * ```\n *\n * or \"non-semantic\" (for the editing view pipeline):\n *\n * ```html\n * <figure class=\"media\">\n * \t<div data-oembed-url=\"foo\">[ non-semantic media preview for \"foo\" ]</div>\n * </figure>\n * ```\n *\n * **Note:** Changing the model \"url\" attribute replaces the entire content of the\n * `<figure>` in the view.\n *\n * @param registry The registry providing\n * the media and their content.\n * @param options options object with following properties:\n * - elementName When set, overrides the default element name for semantic media embeds.\n * - renderMediaPreview When `true`, the converter will create the view in the non-semantic form.\n * - renderForEditingView When `true`, the converter will create a view specific for the\n * editing pipeline (e.g. including CSS classes, content placeholders).\n *\n * @internal\n */\nexport function modelToViewUrlAttributeConverter(\n\tregistry: MediaRegistry,\n\toptions: MediaOptions\n): ( dispatcher: DowncastDispatcher ) => void {\n\tconst converter: GetCallback<DowncastAttributeEvent> = ( evt, data, conversionApi ) => {\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst url = data.attributeNewValue as string;\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst figure = conversionApi.mapper.toViewElement( data.item as ModelElement )!;\n\t\tconst mediaContentElement = [ ...figure.getChildren() ]\n\t\t\t.find( child => ( child as ViewElement ).getCustomProperty( 'media-content' ) )!;\n\n\t\t// TODO: removing the wrapper and creating it from scratch is a hack. We can do better than that.\n\t\tviewWriter.remove( mediaContentElement );\n\n\t\tconst mediaViewElement = registry.getMediaViewElement( viewWriter, url, options );\n\n\t\tviewWriter.insert( viewWriter.createPositionAt( figure, 0 ), mediaViewElement );\n\t};\n\n\treturn dispatcher => {\n\t\tdispatcher.on<DowncastAttributeEvent>( 'attribute:url:media', converter );\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/utils\n */\n\nimport type {\n\tViewContainerElement,\n\tModelElement,\n\tModel,\n\tModelSelectable,\n\tModelSelection,\n\tViewDowncastWriter,\n\tViewDocumentSelection,\n\tViewElement,\n\tModelDocumentSelection\n} from 'ckeditor5/src/engine.js';\nimport { isWidget, toWidget } from 'ckeditor5/src/widget.js';\nimport { type MediaRegistry } from './mediaregistry.js';\n\n/**\n * Converts a given {@link module:engine/view/element~ViewElement} to a media embed widget:\n * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property}\n * allowing to recognize the media widget element.\n * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n *\n * @param writer An instance of the view writer.\n * @param label The element's label.\n * @internal\n */\nexport function toMediaWidget( viewElement: ViewElement, writer: ViewDowncastWriter, label: string ): ViewElement {\n\twriter.setCustomProperty( 'media', true, viewElement );\n\n\treturn toWidget( viewElement, writer, { label } );\n}\n\n/**\n * Returns a media widget editing view element if one is selected.\n *\n * @internal\n */\nexport function getSelectedMediaViewWidget( selection: ViewDocumentSelection ): ViewElement | null {\n\tconst viewElement = selection.getSelectedElement();\n\n\tif ( viewElement && isMediaWidget( viewElement ) ) {\n\t\treturn viewElement;\n\t}\n\n\treturn null;\n}\n\n/**\n * Checks if a given view element is a media widget.\n *\n * @internal\n */\nexport function isMediaWidget( viewElement: ViewElement ): boolean {\n\treturn !!viewElement.getCustomProperty( 'media' ) && isWidget( viewElement );\n}\n\n/**\n * Creates a view element representing the media. Either a \"semantic\" one for the data pipeline:\n *\n * ```html\n * <figure class=\"media\">\n * \t<oembed url=\"foo\"></oembed>\n * </figure>\n * ```\n *\n * or a \"non-semantic\" (for the editing view pipeline):\n *\n * ```html\n * <figure class=\"media\">\n * \t<div data-oembed-url=\"foo\">[ non-semantic media preview for \"foo\" ]</div>\n * </figure>\n * ```\n *\n * @internal\n */\nexport function createMediaFigureElement(\n\twriter: ViewDowncastWriter,\n\tregistry: MediaRegistry,\n\turl: string,\n\toptions: MediaOptions\n): ViewContainerElement {\n\treturn writer.createContainerElement( 'figure', { class: 'media' }, [\n\t\tregistry.getMediaViewElement( writer, url, options ),\n\t\twriter.createSlot()\n\t] );\n}\n\n/**\n * Returns a selected media element in the model, if any.\n *\n * @internal\n */\nexport function getSelectedMediaModelWidget( selection: ModelSelection | ModelDocumentSelection ): ModelElement | null {\n\tconst selectedElement = selection.getSelectedElement();\n\n\tif ( selectedElement && selectedElement.is( 'element', 'media' ) ) {\n\t\treturn selectedElement;\n\t}\n\n\treturn null;\n}\n\n/**\n * Creates a media element and inserts it into the model.\n *\n * **Note**: This method will use {@link module:engine/model/model~Model#insertContent `model.insertContent()`} logic of inserting content\n * if no `insertPosition` is passed.\n *\n * @param url An URL of an embeddable media.\n * @param findOptimalPosition If true it will try to find optimal position to insert media without breaking content\n * in which a selection is.\n * @internal\n */\nexport function insertMedia( model: Model, url: string, selectable: ModelSelectable, findOptimalPosition: boolean ): void {\n\tmodel.change( writer => {\n\t\tconst mediaElement = writer.createElement( 'media', { url } );\n\n\t\tmodel.insertObject( mediaElement, selectable, null, {\n\t\t\tsetSelection: 'on',\n\t\t\tfindOptimalPosition: findOptimalPosition ? 'auto' : undefined\n\t\t} );\n\t} );\n}\n\n/**\n * Type for commonly grouped function parameters across this package.\n */\nexport type MediaOptions = {\n\telementName: string;\n\trenderMediaPreview?: boolean;\n\trenderForEditingView?: boolean;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/mediaembedcommand\n */\n\nimport type { ModelDocumentSelection, ModelElement, Model, ModelSelection } from 'ckeditor5/src/engine.js';\nimport { Command } from 'ckeditor5/src/core.js';\nimport { findOptimalInsertionRange } from 'ckeditor5/src/widget.js';\n\nimport { getSelectedMediaModelWidget, insertMedia } from './utils.js';\n\n/**\n * The insert media command.\n *\n * The command is registered by the {@link module:media-embed/mediaembedediting~MediaEmbedEditing} as `'mediaEmbed'`.\n *\n * To insert media at the current selection, execute the command and specify the URL:\n *\n * ```ts\n * editor.execute( 'mediaEmbed', 'http://url.to.the/media' );\n * ```\n */\nexport class MediaEmbedCommand extends Command {\n\t/**\n\t * Media url.\n\t */\n\tdeclare public value: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedMedia = getSelectedMediaModelWidget( selection );\n\n\t\tthis.value = selectedMedia ? selectedMedia.getAttribute( 'url' ) as string : undefined;\n\n\t\tthis.isEnabled = isMediaSelected( selection ) || isAllowedInParent( selection, model );\n\t}\n\n\t/**\n\t * Executes the command, which either:\n\t *\n\t * * updates the URL of the selected media,\n\t * * inserts the new media into the editor and puts the selection around it.\n\t *\n\t * @fires execute\n\t * @param url The URL of the media.\n\t */\n\tpublic override execute( url: string ): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedMedia = getSelectedMediaModelWidget( selection );\n\n\t\tif ( selectedMedia ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setAttribute( 'url', url, selectedMedia );\n\t\t\t} );\n\t\t} else {\n\t\t\tinsertMedia( model, url, selection, true );\n\t\t}\n\t}\n}\n\n/**\n * Checks if the media embed is allowed in the parent.\n */\nfunction isAllowedInParent( selection: ModelSelection | ModelDocumentSelection, model: Model ): boolean {\n\tconst insertionRange = findOptimalInsertionRange( selection, model );\n\tlet parent = insertionRange.start.parent as ModelElement;\n\n\t// The model.insertContent() will remove empty parent (unless it is a $root or a limit).\n\tif ( parent.isEmpty && !model.schema.isLimit( parent ) ) {\n\t\tparent = parent.parent as ModelElement;\n\t}\n\n\treturn model.schema.checkChild( parent, 'media' );\n}\n\n/**\n * Checks if the media object is selected.\n */\nfunction isMediaSelected( selection: ModelSelection | ModelDocumentSelection ): boolean {\n\tconst element = selection.getSelectedElement();\n\treturn !!element && element.name === 'media';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/mediaregistry\n */\n\nimport { IconView, Template } from 'ckeditor5/src/ui.js';\nimport { IconMediaPlaceholder } from 'ckeditor5/src/icons.js';\nimport { logWarning, toArray, type Locale } from 'ckeditor5/src/utils.js';\n\nimport type { ViewDowncastWriter, ViewElement } from 'ckeditor5/src/engine.js';\nimport type { MediaEmbedConfig, MediaEmbedProvider } from './mediaembedconfig.js';\nimport type { MediaOptions } from './utils.js';\n\nconst mediaPlaceholderIconViewBox = '0 0 64 42';\n\n/**\n * A bridge between the raw media content provider definitions and the editor view content.\n *\n * It helps translating media URLs to corresponding {@link module:engine/view/element~ViewElement view elements}.\n *\n * Mostly used by the {@link module:media-embed/mediaembedediting~MediaEmbedEditing} plugin.\n */\nexport class MediaRegistry {\n\t/**\n\t * The {@link module:utils/locale~Locale} instance.\n\t */\n\tpublic locale: Locale;\n\n\t/**\n\t * The media provider definitions available for the registry. Usually corresponding with the\n\t * {@link module:media-embed/mediaembedconfig~MediaEmbedConfig media configuration}.\n\t */\n\tpublic providerDefinitions: Array<MediaEmbedProvider>;\n\n\t/**\n\t * Creates an instance of the {@link module:media-embed/mediaregistry~MediaRegistry} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param config The configuration of the media embed feature.\n\t */\n\tconstructor( locale: Locale, config: MediaEmbedConfig ) {\n\t\tconst providers = config.providers!;\n\t\tconst extraProviders = config.extraProviders || [];\n\t\tconst removedProviders = new Set( config.removeProviders );\n\t\tconst providerDefinitions = providers\n\t\t\t.concat( extraProviders )\n\t\t\t.filter( provider => {\n\t\t\t\tconst name = provider.name;\n\n\t\t\t\tif ( !name ) {\n\t\t\t\t\t/**\n\t\t\t\t\t * One of the providers (or extra providers) specified in the media embed configuration\n\t\t\t\t\t * has no name and will not be used by the editor. In order to get this media\n\t\t\t\t\t * provider working, double check your editor configuration.\n\t\t\t\t\t *\n\t\t\t\t\t * @error media-embed-no-provider-name\n\t\t\t\t\t */\n\t\t\t\t\tlogWarning( 'media-embed-no-provider-name', { provider } );\n\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn !removedProviders.has( name );\n\t\t\t} );\n\n\t\tthis.locale = locale;\n\t\tthis.providerDefinitions = providerDefinitions;\n\t}\n\n\t/**\n\t * Checks whether the passed URL is representing a certain media type allowed in the editor.\n\t *\n\t * @param url The URL to be checked\n\t */\n\tpublic hasMedia( url: string ): boolean {\n\t\treturn !!this._getMedia( url );\n\t}\n\n\t/**\n\t * For the given media URL string and options, it returns the {@link module:engine/view/element~ViewElement view element}\n\t * representing that media.\n\t *\n\t * **Note:** If no URL is specified, an empty view element is returned.\n\t *\n\t * @param writer The view writer used to produce a view element.\n\t * @param url The URL to be translated into a view element.\n\t */\n\tpublic getMediaViewElement(\n\t\twriter: ViewDowncastWriter,\n\t\turl: string,\n\t\toptions: MediaOptions\n\t): ViewElement {\n\t\treturn this._getMedia( url )!.getViewElement( writer, options );\n\t}\n\n\t/**\n\t * Returns a `Media` instance for the given URL.\n\t *\n\t * @param url The URL of the media.\n\t * @returns The `Media` instance or `null` when there is none.\n\t */\n\tprivate _getMedia( url: string ): Media | null {\n\t\tif ( !url ) {\n\t\t\treturn new Media( this.locale );\n\t\t}\n\n\t\turl = url.trim();\n\n\t\tfor ( const definition of this.providerDefinitions ) {\n\t\t\tconst previewRenderer = definition.html!;\n\t\t\tconst pattern = toArray( definition.url );\n\n\t\t\tfor ( const subPattern of pattern ) {\n\t\t\t\tconst match = this._getUrlMatches( url, subPattern );\n\n\t\t\t\tif ( match ) {\n\t\t\t\t\treturn new Media( this.locale, url, match, previewRenderer );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Tries to match `url` to `pattern`.\n\t *\n\t * @param url The URL of the media.\n\t * @param pattern The pattern that should accept the media URL.\n\t */\n\tprivate _getUrlMatches( url: string, pattern: RegExp ): RegExpMatchArray | null {\n\t\t// 1. Try to match without stripping the protocol and \"www\" subdomain.\n\t\tlet match = url.match( pattern );\n\n\t\tif ( match ) {\n\t\t\treturn match;\n\t\t}\n\n\t\t// 2. Try to match after stripping the protocol.\n\t\tlet rawUrl = url.replace( /^https?:\\/\\//, '' );\n\t\tmatch = rawUrl.match( pattern );\n\n\t\tif ( match ) {\n\t\t\treturn match;\n\t\t}\n\n\t\t// 3. Try to match after stripping the \"www\" subdomain.\n\t\trawUrl = rawUrl.replace( /^www\\./, '' );\n\t\tmatch = rawUrl.match( pattern );\n\n\t\tif ( match ) {\n\t\t\treturn match;\n\t\t}\n\n\t\treturn null;\n\t}\n}\n\n/**\n * Represents media defined by the provider configuration.\n *\n * It can be rendered to the {@link module:engine/view/element~ViewElement view element} and used in the editing or data pipeline.\n */\nclass Media {\n\t/**\n\t * The URL this Media instance represents.\n\t */\n\tpublic url: string | null;\n\n\t/**\n\t * Shorthand for {@link module:utils/locale~Locale#t}.\n\t *\n\t * @see module:utils/locale~Locale#t\n\t */\n\tprivate _locale: Locale;\n\n\t/**\n\t * The output of the `RegExp.match` which validated the {@link #url} of this media.\n\t */\n\tprivate _match?: RegExpMatchArray;\n\n\t/**\n\t * The function returning the HTML string preview of this media.\n\t */\n\tprivate _previewRenderer?: ( match: RegExpMatchArray ) => string;\n\n\tconstructor( locale: Locale, url?: string, match?: RegExpMatchArray, previewRenderer?: ( match: RegExpMatchArray ) => string ) {\n\t\tthis.url = this._getValidUrl( url );\n\t\tthis._locale = locale;\n\t\tthis._match = match;\n\t\tthis._previewRenderer = previewRenderer;\n\t}\n\n\t/**\n\t * Returns the view element representation of the media.\n\t *\n\t * @param writer The view writer used to produce a view element.\n\t */\n\tpublic getViewElement(\n\t\twriter: ViewDowncastWriter,\n\t\toptions: MediaOptions\n\t): ViewElement {\n\t\tconst attributes: Record<string, unknown> = {};\n\t\tlet viewElement;\n\n\t\tif ( options.renderForEditingView || ( options.renderMediaPreview && this.url && this._previewRenderer ) ) {\n\t\t\tif ( this.url ) {\n\t\t\t\tattributes[ 'data-oembed-url' ] = this.url;\n\t\t\t}\n\n\t\t\tif ( options.renderForEditingView ) {\n\t\t\t\tattributes.class = 'ck-media__wrapper';\n\t\t\t}\n\n\t\t\tconst mediaHtml = this._getPreviewHtml( options );\n\n\t\t\tviewElement = writer.createRawElement( 'div', attributes, ( domElement, domConverter ) => {\n\t\t\t\tdomConverter!.setContentOf( domElement, mediaHtml );\n\t\t\t} );\n\t\t} else {\n\t\t\tif ( this.url ) {\n\t\t\t\tattributes.url = this.url;\n\t\t\t}\n\n\t\t\tviewElement = writer.createEmptyElement( options.elementName, attributes );\n\t\t}\n\n\t\twriter.setCustomProperty( 'media-content', true, viewElement );\n\n\t\treturn viewElement;\n\t}\n\n\t/**\n\t * Returns the HTML string of the media content preview.\n\t */\n\tprivate _getPreviewHtml( options: { renderForEditingView?: boolean } ): string {\n\t\tif ( this._previewRenderer ) {\n\t\t\treturn this._previewRenderer( this._match! );\n\t\t} else {\n\t\t\t// The placeholder only makes sense for editing view and media which have URLs.\n\t\t\t// Placeholder is never displayed in data and URL-less media have no content.\n\t\t\tif ( this.url && options.renderForEditingView ) {\n\t\t\t\treturn this._getPlaceholderHtml();\n\t\t\t}\n\n\t\t\treturn '';\n\t\t}\n\t}\n\n\t/**\n\t * Returns the placeholder HTML when the media has no content preview.\n\t */\n\tprivate _getPlaceholderHtml(): string {\n\t\tconst icon = new IconView();\n\t\tconst t = this._locale.t;\n\n\t\ticon.content = IconMediaPlaceholder;\n\t\ticon.viewBox = mediaPlaceholderIconViewBox;\n\n\t\tconst placeholder = new Template( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck ck-reset_all ck-media__placeholder'\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: 'ck-media__placeholder__icon'\n\t\t\t\t\t},\n\t\t\t\t\tchildren: [ icon ]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttag: 'a',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: 'ck-media__placeholder__url',\n\t\t\t\t\t\ttarget: '_blank',\n\t\t\t\t\t\trel: 'noopener noreferrer',\n\t\t\t\t\t\thref: this.url,\n\t\t\t\t\t\t'data-cke-tooltip-text': t( 'Open media in new tab' )\n\t\t\t\t\t},\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttag: 'span',\n\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\tclass: 'ck-media__placeholder__url__text'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tchildren: [ this.url ]\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t]\n\t\t} ).render() as HTMLElement;\n\n\t\treturn placeholder.outerHTML;\n\t}\n\n\t/**\n\t * Returns the full URL to the specified media.\n\t *\n\t * @param url The URL of the media.\n\t */\n\tprivate _getValidUrl( url: string | undefined ): string | null {\n\t\tif ( !url ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( url.match( /^https?/ ) ) {\n\t\t\treturn url;\n\t\t}\n\n\t\treturn 'https://' + url;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/mediaembedediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport type { UpcastElementEvent } from 'ckeditor5/src/engine.js';\nimport { first, type GetCallback } from 'ckeditor5/src/utils.js';\n\nimport { modelToViewUrlAttributeConverter } from './converters.js';\nimport type { MediaEmbedConfig } from './mediaembedconfig.js';\nimport { MediaEmbedCommand } from './mediaembedcommand.js';\nimport { MediaRegistry } from './mediaregistry.js';\nimport { toMediaWidget, createMediaFigureElement } from './utils.js';\n\nimport '../theme/mediaembedediting.css';\n\n/**\n * The media embed editing feature.\n */\nexport class MediaEmbedEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'MediaEmbedEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * The media registry managing the media providers in the editor.\n\t */\n\tpublic registry: MediaRegistry;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\t\teditor.config.define( 'mediaEmbed', {\n\t\t\telementName: 'oembed',\n\t\t\tproviders: [\n\t\t\t\t{\n\t\t\t\t\tname: 'dailymotion',\n\t\t\t\t\turl: [\n\t\t\t\t\t\t/^dailymotion\\.com\\/video\\/(\\w+)/,\n\t\t\t\t\t\t/^dai.ly\\/(\\w+)/\n\t\t\t\t\t],\n\t\t\t\t\thtml: match => {\n\t\t\t\t\t\tconst id = match[ 1 ];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t'<div style=\"position: relative; padding-bottom: 100%; height: 0; \">' +\n\t\t\t\t\t\t\t\t`<iframe src=\"https://www.dailymotion.com/embed/video/${ id }\" ` +\n\t\t\t\t\t\t\t\t\t'style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\" ' +\n\t\t\t\t\t\t\t\t\t'frameborder=\"0\" width=\"480\" height=\"270\" allowfullscreen allow=\"autoplay\">' +\n\t\t\t\t\t\t\t\t'</iframe>' +\n\t\t\t\t\t\t\t'</div>'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\t{\n\t\t\t\t\tname: 'spotify',\n\t\t\t\t\turl: [\n\t\t\t\t\t\t/^open\\.spotify\\.com\\/(artist\\/\\w+)/,\n\t\t\t\t\t\t/^open\\.spotify\\.com\\/(album\\/\\w+)/,\n\t\t\t\t\t\t/^open\\.spotify\\.com\\/(track\\/\\w+)/\n\t\t\t\t\t],\n\t\t\t\t\thtml: match => {\n\t\t\t\t\t\tconst id = match[ 1 ];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t'<div style=\"position: relative; padding-bottom: 100%; height: 0; padding-bottom: 126%;\">' +\n\t\t\t\t\t\t\t\t`<iframe src=\"https://open.spotify.com/embed/${ id }\" ` +\n\t\t\t\t\t\t\t\t\t'style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\" ' +\n\t\t\t\t\t\t\t\t\t'frameborder=\"0\" allowtransparency=\"true\" allow=\"encrypted-media\">' +\n\t\t\t\t\t\t\t\t'</iframe>' +\n\t\t\t\t\t\t\t'</div>'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\t{\n\t\t\t\t\tname: 'youtube',\n\t\t\t\t\turl: [\n\t\t\t\t\t\t/^(?:m\\.)?youtube\\.com\\/watch\\?v=([\\w-]+)(?:&t=(\\d+))?/,\n\t\t\t\t\t\t/^(?:m\\.)?youtube\\.com\\/shorts\\/([\\w-]+)(?:\\?t=(\\d+))?/,\n\t\t\t\t\t\t/^(?:m\\.)?youtube\\.com\\/v\\/([\\w-]+)(?:\\?t=(\\d+))?/,\n\t\t\t\t\t\t/^youtube\\.com\\/embed\\/([\\w-]+)(?:\\?start=(\\d+))?/,\n\t\t\t\t\t\t/^youtu\\.be\\/([\\w-]+)(?:\\?t=(\\d+))?/\n\t\t\t\t\t],\n\t\t\t\t\thtml: match => {\n\t\t\t\t\t\tconst id = match[ 1 ];\n\t\t\t\t\t\tconst time = match[ 2 ];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t'<div style=\"position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;\">' +\n\t\t\t\t\t\t\t\t`<iframe src=\"https://www.youtube.com/embed/${ id }${ time ? `?start=${ time }` : '' }\" ` +\n\t\t\t\t\t\t\t\t\t'style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\" ' +\n\t\t\t\t\t\t\t\t\t'frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen>' +\n\t\t\t\t\t\t\t\t'</iframe>' +\n\t\t\t\t\t\t\t'</div>'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\t{\n\t\t\t\t\tname: 'vimeo',\n\t\t\t\t\turl: [\n\t\t\t\t\t\t/^vimeo\\.com\\/(\\d+)/,\n\t\t\t\t\t\t/^vimeo\\.com\\/[^/]+\\/[^/]+\\/video\\/(\\d+)/,\n\t\t\t\t\t\t/^vimeo\\.com\\/album\\/[^/]+\\/video\\/(\\d+)/,\n\t\t\t\t\t\t/^vimeo\\.com\\/channels\\/[^/]+\\/(\\d+)/,\n\t\t\t\t\t\t/^vimeo\\.com\\/groups\\/[^/]+\\/videos\\/(\\d+)/,\n\t\t\t\t\t\t/^vimeo\\.com\\/ondemand\\/[^/]+\\/(\\d+)/,\n\t\t\t\t\t\t/^player\\.vimeo\\.com\\/video\\/(\\d+)/\n\t\t\t\t\t],\n\t\t\t\t\thtml: match => {\n\t\t\t\t\t\tconst id = match[ 1 ];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t'<div style=\"position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;\">' +\n\t\t\t\t\t\t\t\t`<iframe src=\"https://player.vimeo.com/video/${ id }\" ` +\n\t\t\t\t\t\t\t\t\t'style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0;\" ' +\n\t\t\t\t\t\t\t\t\t'frameborder=\"0\" webkitallowfullscreen mozallowfullscreen allowfullscreen>' +\n\t\t\t\t\t\t\t\t'</iframe>' +\n\t\t\t\t\t\t\t'</div>'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\t{\n\t\t\t\t\tname: 'instagram',\n\t\t\t\t\turl: [\n\t\t\t\t\t\t/^instagram\\.com\\/p\\/(\\w+)/,\n\t\t\t\t\t\t/^instagram\\.com\\/reel\\/(\\w+)/\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'twitter',\n\t\t\t\t\turl: [\n\t\t\t\t\t\t/^twitter\\.com/,\n\t\t\t\t\t\t/^x\\.com/\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'googleMaps',\n\t\t\t\t\turl: [\n\t\t\t\t\t\t/^google\\.com\\/maps/,\n\t\t\t\t\t\t/^goo\\.gl\\/maps/,\n\t\t\t\t\t\t/^maps\\.google\\.com/,\n\t\t\t\t\t\t/^maps\\.app\\.goo\\.gl/\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'flickr',\n\t\t\t\t\turl: /^flickr\\.com/\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'facebook',\n\t\t\t\t\turl: /^facebook\\.com/\n\t\t\t\t}\n\t\t\t]\n\t\t} as MediaEmbedConfig );\n\n\t\tthis.registry = new MediaRegistry( editor.locale, editor.config.get( 'mediaEmbed' )! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst t = editor.t;\n\t\tconst conversion = editor.conversion;\n\t\tconst renderMediaPreview = editor.config.get( 'mediaEmbed.previewsInData' );\n\t\tconst elementName = editor.config.get( 'mediaEmbed.elementName' )!;\n\n\t\tconst registry = this.registry;\n\n\t\teditor.commands.add( 'mediaEmbed', new MediaEmbedCommand( editor ) );\n\n\t\t// Configure the schema.\n\t\tschema.register( 'media', {\n\t\t\tinheritAllFrom: '$blockObject',\n\t\t\tallowAttributes: [ 'url' ]\n\t\t} );\n\n\t\t// Model -> Data\n\t\tconversion.for( 'dataDowncast' ).elementToStructure( {\n\t\t\tmodel: 'media',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tconst url = modelElement.getAttribute( 'url' ) as string;\n\n\t\t\t\treturn createMediaFigureElement( writer, registry, url, {\n\t\t\t\t\telementName,\n\t\t\t\t\trenderMediaPreview: !!url && renderMediaPreview\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\t// Model -> Data (url -> data-oembed-url)\n\t\tconversion.for( 'dataDowncast' ).add(\n\t\t\tmodelToViewUrlAttributeConverter( registry, {\n\t\t\t\telementName,\n\t\t\t\trenderMediaPreview\n\t\t\t} ) );\n\n\t\t// Model -> View (element)\n\t\tconversion.for( 'editingDowncast' ).elementToStructure( {\n\t\t\tmodel: 'media',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tconst url = modelElement.getAttribute( 'url' ) as string;\n\t\t\t\tconst figure = createMediaFigureElement( writer, registry, url, {\n\t\t\t\t\telementName,\n\t\t\t\t\trenderForEditingView: true\n\t\t\t\t} );\n\n\t\t\t\treturn toMediaWidget( figure, writer, t( 'media widget' ) );\n\t\t\t}\n\t\t} );\n\n\t\t// Model -> View (url -> data-oembed-url)\n\t\tconversion.for( 'editingDowncast' ).add(\n\t\t\tmodelToViewUrlAttributeConverter( registry, {\n\t\t\t\telementName,\n\t\t\t\trenderForEditingView: true\n\t\t\t} ) );\n\n\t\t// View -> Model (data-oembed-url -> url)\n\t\tconversion.for( 'upcast' )\n\t\t\t// Upcast semantic media.\n\t\t\t.elementToElement( {\n\t\t\t\tview: element => [ 'oembed', elementName ].includes( element.name ) && element.getAttribute( 'url' ) ?\n\t\t\t\t\t{ name: true } :\n\t\t\t\t\tnull,\n\t\t\t\tmodel: ( viewMedia, { writer } ) => {\n\t\t\t\t\tconst url = viewMedia.getAttribute( 'url' ) as string;\n\n\t\t\t\t\tif ( registry.hasMedia( url ) ) {\n\t\t\t\t\t\treturn writer.createElement( 'media', { url } );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t} )\n\t\t\t// Upcast non-semantic media.\n\t\t\t.elementToElement( {\n\t\t\t\tview: {\n\t\t\t\t\tname: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\t'data-oembed-url': true\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tmodel: ( viewMedia, { writer } ) => {\n\t\t\t\t\tconst url = viewMedia.getAttribute( 'data-oembed-url' ) as string;\n\n\t\t\t\t\tif ( registry.hasMedia( url ) ) {\n\t\t\t\t\t\treturn writer.createElement( 'media', { url } );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t} )\n\t\t\t// Consume `<figure class=\"media\">` elements, that were left after upcast.\n\t\t\t.add( dispatcher => {\n\t\t\t\tconst converter: GetCallback<UpcastElementEvent> = ( evt, data, conversionApi ) => {\n\t\t\t\t\tif ( !conversionApi.consumable.consume( data.viewItem, { name: true, classes: 'media' } ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst { modelRange, modelCursor } = conversionApi.convertChildren( data.viewItem, data.modelCursor );\n\n\t\t\t\t\tdata.modelRange = modelRange;\n\t\t\t\t\tdata.modelCursor = modelCursor;\n\n\t\t\t\t\tconst modelElement = first( modelRange!.getItems() );\n\n\t\t\t\t\tif ( !modelElement ) {\n\t\t\t\t\t\t// Revert consumed figure so other features can convert it.\n\t\t\t\t\t\tconversionApi.consumable.revert( data.viewItem, { name: true, classes: 'media' } );\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\tdispatcher.on<UpcastElementEvent>( 'element:figure', converter );\n\t\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/automediaembed\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport { ModelLiveRange, ModelLivePosition } from 'ckeditor5/src/engine.js';\nimport { Clipboard, type ClipboardPipeline } from 'ckeditor5/src/clipboard.js';\nimport { Delete } from 'ckeditor5/src/typing.js';\nimport { Undo, type UndoCommand } from 'ckeditor5/src/undo.js';\nimport { global } from 'ckeditor5/src/utils.js';\n\nimport { MediaEmbedEditing } from './mediaembedediting.js';\nimport { insertMedia } from './utils.js';\nimport { type MediaEmbedCommand } from './mediaembedcommand.js';\n\nconst URL_REGEXP = /^(?:http(s)?:\\/\\/)?[\\w-]+\\.[\\w-.~:/?#[\\]@!$&'()*+,;=%]+$/;\n\n/**\n * The auto-media embed plugin. It recognizes media links in the pasted content and embeds\n * them shortly after they are injected into the document.\n */\nexport class AutoMediaEmbed extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Clipboard, Delete, Undo ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'AutoMediaEmbed' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * The paste–to–embed `setTimeout` ID. Stored as a property to allow\n\t * cleaning of the timeout.\n\t */\n\tprivate _timeoutId: number | null;\n\n\t/**\n\t * The position where the `<media>` element will be inserted after the timeout,\n\t * determined each time the new content is pasted into the document.\n\t */\n\tprivate _positionToInsert: ModelLivePosition | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._timeoutId = null;\n\t\tthis._positionToInsert = null;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst modelDocument = editor.model.document;\n\n\t\t// We need to listen on `Clipboard#inputTransformation` because we need to save positions of selection.\n\t\t// After pasting, the content between those positions will be checked for a URL that could be transformed\n\t\t// into media.\n\t\tconst clipboardPipeline: ClipboardPipeline = editor.plugins.get( 'ClipboardPipeline' );\n\t\tthis.listenTo( clipboardPipeline, 'inputTransformation', () => {\n\t\t\tconst firstRange = modelDocument.selection.getFirstRange()!;\n\n\t\t\tconst leftLivePosition = ModelLivePosition.fromPosition( firstRange.start );\n\t\t\tleftLivePosition.stickiness = 'toPrevious';\n\n\t\t\tconst rightLivePosition = ModelLivePosition.fromPosition( firstRange.end );\n\t\t\trightLivePosition.stickiness = 'toNext';\n\n\t\t\tmodelDocument.once( 'change:data', () => {\n\t\t\t\tthis._embedMediaBetweenPositions( leftLivePosition, rightLivePosition );\n\n\t\t\t\tleftLivePosition.detach();\n\t\t\t\trightLivePosition.detach();\n\t\t\t}, { priority: 'high' } );\n\t\t} );\n\n\t\tconst undoCommand: UndoCommand = editor.commands.get( 'undo' )!;\n\t\tundoCommand.on( 'execute', () => {\n\t\t\tif ( this._timeoutId ) {\n\t\t\t\tglobal.window.clearTimeout( this._timeoutId );\n\t\t\t\tthis._positionToInsert!.detach();\n\n\t\t\t\tthis._timeoutId = null;\n\t\t\t\tthis._positionToInsert = null;\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Analyzes the part of the document between provided positions in search for a URL representing media.\n\t * When the URL is found, it is automatically converted into media.\n\t *\n\t * @param leftPosition Left position of the selection.\n\t * @param rightPosition Right position of the selection.\n\t */\n\tprivate _embedMediaBetweenPositions( leftPosition: ModelLivePosition, rightPosition: ModelLivePosition ): void {\n\t\tconst editor = this.editor;\n\t\tconst mediaRegistry = editor.plugins.get( MediaEmbedEditing ).registry;\n\t\t// TODO: Use marker instead of ModelLiveRange & LivePositions.\n\t\tconst urlRange = new ModelLiveRange( leftPosition, rightPosition );\n\t\tconst walker = urlRange.getWalker( { ignoreElementEnd: true } );\n\n\t\tlet url = '';\n\n\t\tfor ( const node of walker ) {\n\t\t\tif ( node.item.is( '$textProxy' ) ) {\n\t\t\t\turl += node.item.data;\n\t\t\t}\n\t\t}\n\n\t\turl = url.trim();\n\n\t\t// If the URL does not match to universal URL regexp, let's skip that.\n\t\tif ( !url.match( URL_REGEXP ) ) {\n\t\t\turlRange.detach();\n\n\t\t\treturn;\n\t\t}\n\n\t\t// If the URL represents a media, let's use it.\n\t\tif ( !mediaRegistry.hasMedia( url ) ) {\n\t\t\turlRange.detach();\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst mediaEmbedCommand: MediaEmbedCommand = editor.commands.get( 'mediaEmbed' )!;\n\n\t\t// Do not anything if media element cannot be inserted at the current position (#47).\n\t\tif ( !mediaEmbedCommand.isEnabled ) {\n\t\t\turlRange.detach();\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Position won't be available in the `setTimeout` function so let's clone it.\n\t\tthis._positionToInsert = ModelLivePosition.fromPosition( leftPosition );\n\n\t\t// This action mustn't be executed if undo was called between pasting and auto-embedding.\n\t\tthis._timeoutId = global.window.setTimeout( () => {\n\t\t\teditor.model.change( writer => {\n\t\t\t\tthis._timeoutId = null;\n\n\t\t\t\twriter.remove( urlRange );\n\t\t\t\turlRange.detach();\n\n\t\t\t\tlet insertionPosition: ModelLivePosition | null = null;\n\n\t\t\t\t// Check if position where the media element should be inserted is still valid.\n\t\t\t\t// Otherwise leave it as undefined to use document.selection - default behavior of model.insertContent().\n\t\t\t\tif ( this._positionToInsert!.root.rootName !== '$graveyard' ) {\n\t\t\t\t\tinsertionPosition = this._positionToInsert;\n\t\t\t\t}\n\n\t\t\t\tinsertMedia( editor.model, url, insertionPosition, false );\n\n\t\t\t\tthis._positionToInsert!.detach();\n\t\t\t\tthis._positionToInsert = null;\n\t\t\t} );\n\n\t\t\teditor.plugins.get( Delete ).requestUndoOnBackspace();\n\t\t}, 100 );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/ui/mediaformview\n */\n\nimport {\n\ttype InputTextView,\n\tLabeledFieldView,\n\tView,\n\tcreateLabeledInputText,\n\tsubmitHandler\n} from 'ckeditor5/src/ui.js';\nimport { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\n\n// See: #8833.\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';\nimport '../../theme/mediaform.css';\n\n/**\n * The media form view controller class.\n *\n * See {@link module:media-embed/ui/mediaformview~MediaFormView}.\n */\nexport class MediaFormView extends View {\n\t/**\n\t * Tracks information about the DOM focus in the form.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * The value of the URL input.\n\t */\n\tdeclare public mediaURLInputValue: string;\n\n\t/**\n\t * The URL input view.\n\t */\n\tpublic urlInputView: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * An array of form validators used by {@link #isValid}.\n\t */\n\tprivate readonly _validators: Array<( v: MediaFormView ) => string | undefined>;\n\n\t/**\n\t * The default info text for the {@link #urlInputView}.\n\t */\n\tprivate _urlInputViewInfoDefault?: string;\n\n\t/**\n\t * The info text with an additional tip for the {@link #urlInputView},\n\t * displayed when the input has some value.\n\t */\n\tprivate _urlInputViewInfoTip?: string;\n\n\t/**\n\t * @param validators Form validators used by {@link #isValid}.\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( validators: Array<( v: MediaFormView ) => string | undefined>, locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.set( 'mediaURLInputValue', '' );\n\t\tthis.urlInputView = this._createUrlInput();\n\n\t\tthis._validators = validators;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-media-form',\n\t\t\t\t\t'ck-responsive-form'\n\t\t\t\t],\n\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\tthis.urlInputView\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\t// Register the view in the focus tracker.\n\t\tthis.focusTracker.add( this.urlInputView.element! );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the {@link #urlInputView}.\n\t */\n\tpublic focus(): void {\n\t\tthis.urlInputView.focus();\n\t}\n\n\t/**\n\t * The native DOM `value` of the {@link #urlInputView} element.\n\t *\n\t * **Note**: Do not confuse it with the {@link module:ui/inputtext/inputtextview~InputTextView#value}\n\t * which works one way only and may not represent the actual state of the component in the DOM.\n\t */\n\tpublic get url(): string {\n\t\treturn this.urlInputView.fieldView.element!.value.trim();\n\t}\n\n\tpublic set url( url: string ) {\n\t\tthis.urlInputView.fieldView.value = url.trim();\n\t}\n\n\t/**\n\t * Validates the form and returns `false` when some fields are invalid.\n\t */\n\tpublic isValid(): boolean {\n\t\tthis.resetFormStatus();\n\n\t\tfor ( const validator of this._validators ) {\n\t\t\tconst errorText = validator( this );\n\n\t\t\t// One error per field is enough.\n\t\t\tif ( errorText ) {\n\t\t\t\t// Apply updated error.\n\t\t\t\tthis.urlInputView.errorText = errorText;\n\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Cleans up the supplementary error and information text of the {@link #urlInputView}\n\t * bringing them back to the state when the form has been displayed for the first time.\n\t *\n\t * See {@link #isValid}.\n\t */\n\tpublic resetFormStatus(): void {\n\t\tthis.urlInputView.errorText = null;\n\t\tthis.urlInputView.infoText = this._urlInputViewInfoDefault!;\n\t}\n\n\t/**\n\t * Creates a labeled input view.\n\t *\n\t * @returns Labeled input view instance.\n\t */\n\tprivate _createUrlInput(): LabeledFieldView<InputTextView> {\n\t\tconst t = this.locale!.t;\n\n\t\tconst labeledInput = new LabeledFieldView( this.locale, createLabeledInputText );\n\t\tconst inputField = labeledInput.fieldView;\n\n\t\tthis._urlInputViewInfoDefault = t( 'Paste the media URL in the input.' );\n\t\tthis._urlInputViewInfoTip = t( 'Tip: Paste the URL into the content to embed faster.' );\n\n\t\tlabeledInput.label = t( 'Media URL' );\n\t\tlabeledInput.infoText = this._urlInputViewInfoDefault;\n\n\t\tinputField.inputMode = 'url';\n\t\tinputField.on( 'input', () => {\n\t\t\t// Display the tip text only when there is some value. Otherwise fall back to the default info text.\n\t\t\tlabeledInput.infoText = inputField.element!.value ? this._urlInputViewInfoTip! : this._urlInputViewInfoDefault!;\n\t\t\tthis.mediaURLInputValue = inputField.element!.value.trim();\n\t\t} );\n\n\t\treturn labeledInput;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/mediaembedui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconMedia } from 'ckeditor5/src/icons.js';\nimport { ButtonView, CssTransitionDisablerMixin, MenuBarMenuListItemButtonView, Dialog } from 'ckeditor5/src/ui.js';\n\nimport { MediaFormView } from './ui/mediaformview.js';\nimport { MediaEmbedEditing } from './mediaembedediting.js';\nimport type { LocaleTranslate } from 'ckeditor5/src/utils.js';\nimport { type MediaRegistry } from './mediaregistry.js';\n\n/**\n * The media embed UI plugin.\n */\nexport class MediaEmbedUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ MediaEmbedEditing, Dialog ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'MediaEmbedUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\tprivate _formView: MediaFormView | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'mediaEmbed', () => {\n\t\t\tconst t = this.editor.locale.t;\n\t\t\tconst button = this._createDialogButton( ButtonView );\n\n\t\t\tbutton.tooltip = true;\n\t\t\tbutton.label = t( 'Insert media' );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:mediaEmbed', () => {\n\t\t\tconst t = this.editor.locale.t;\n\t\t\tconst button = this._createDialogButton( MenuBarMenuListItemButtonView );\n\n\t\t\tbutton.label = t( 'Media' );\n\n\t\t\treturn button;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button for menu bar that will show media embed dialog.\n\t */\n\tprivate _createDialogButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst buttonView = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst command = editor.commands.get( 'mediaEmbed' )!;\n\t\tconst dialogPlugin = this.editor.plugins.get( 'Dialog' );\n\n\t\tbuttonView.icon = IconMedia;\n\n\t\tbuttonView.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\tbuttonView.on( 'execute', () => {\n\t\t\tif ( dialogPlugin.id === 'mediaEmbed' ) {\n\t\t\t\tdialogPlugin.hide();\n\t\t\t} else {\n\t\t\t\tthis._showDialog();\n\t\t\t}\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n\n\tprivate _showDialog() {\n\t\tconst editor = this.editor;\n\t\tconst dialog = editor.plugins.get( 'Dialog' );\n\t\tconst command = editor.commands.get( 'mediaEmbed' )!;\n\t\tconst t = editor.locale.t;\n\n\t\tconst isMediaSelected = command.value !== undefined;\n\n\t\tif ( !this._formView ) {\n\t\t\tconst registry = editor.plugins.get( MediaEmbedEditing ).registry;\n\n\t\t\tthis._formView = new ( CssTransitionDisablerMixin( MediaFormView ) )( getFormValidators( editor.t, registry ), editor.locale );\n\t\t\tthis._formView.on( 'submit', () => this._handleSubmitForm() );\n\t\t}\n\n\t\tdialog.show( {\n\t\t\tid: 'mediaEmbed',\n\t\t\ttitle: t( 'Media embed' ),\n\t\t\tcontent: this._formView,\n\t\t\tisModal: true,\n\t\t\tonShow: () => {\n\t\t\t\tthis._formView!.url = command.value || '';\n\t\t\t\tthis._formView!.resetFormStatus();\n\t\t\t\tthis._formView!.urlInputView.fieldView.select();\n\t\t\t},\n\t\t\tactionButtons: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Cancel' ),\n\t\t\t\t\twithText: true,\n\t\t\t\t\tonExecute: () => dialog.hide()\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: isMediaSelected ? t( 'Save' ) : t( 'Insert' ),\n\t\t\t\t\tclass: 'ck-button-action',\n\t\t\t\t\twithText: true,\n\t\t\t\t\tonExecute: () => this._handleSubmitForm()\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\tprivate _handleSubmitForm() {\n\t\tconst editor = this.editor;\n\t\tconst dialog = editor.plugins.get( 'Dialog' );\n\n\t\tif ( this._formView!.isValid() ) {\n\t\t\teditor.execute( 'mediaEmbed', this._formView!.url );\n\t\t\tdialog.hide();\n\t\t\teditor.editing.view.focus();\n\t\t}\n\t}\n}\n\nfunction getFormValidators( t: LocaleTranslate, registry: MediaRegistry ): Array<( v: MediaFormView ) => string | undefined> {\n\treturn [\n\t\tform => {\n\t\t\tif ( !form.url.length ) {\n\t\t\t\treturn t( 'The URL must not be empty.' );\n\t\t\t}\n\t\t},\n\t\tform => {\n\t\t\tif ( !registry.hasMedia( form.url ) ) {\n\t\t\t\treturn t( 'This media URL is not supported.' );\n\t\t\t}\n\t\t}\n\t];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/mediaembed\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Widget } from 'ckeditor5/src/widget.js';\n\nimport { MediaEmbedEditing } from './mediaembedediting.js';\nimport { AutoMediaEmbed } from './automediaembed.js';\nimport { MediaEmbedUI } from './mediaembedui.js';\n\nimport '../theme/mediaembed.css';\n\n/**\n * The media embed plugin.\n *\n * For a detailed overview, check the {@glink features/media-embed Media Embed feature documentation}.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * The {@link module:media-embed/mediaembedediting~MediaEmbedEditing media embed editing feature},\n * * The {@link module:media-embed/mediaembedui~MediaEmbedUI media embed UI feature} and\n * * The {@link module:media-embed/automediaembed~AutoMediaEmbed auto-media embed feature}.\n */\nexport class MediaEmbed extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ MediaEmbedEditing, MediaEmbedUI, AutoMediaEmbed, Widget ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'MediaEmbed' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 media-embed/mediaembedtoolbar\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';\n\nimport { getSelectedMediaViewWidget } from './utils.js';\n\nimport './mediaembedconfig.js';\n\n/**\n * The media embed toolbar plugin. It creates a toolbar for media embed that shows up when the media element is selected.\n *\n * Instances of toolbar components (e.g. buttons) are created based on the\n * {@link module:media-embed/mediaembedconfig~MediaEmbedConfig#toolbar `media.toolbar` configuration option}.\n */\nexport class MediaEmbedToolbar extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ WidgetToolbarRepository ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'MediaEmbedToolbar' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst widgetToolbarRepository = editor.plugins.get( WidgetToolbarRepository );\n\t\twidgetToolbarRepository.register( 'mediaEmbed', {\n\t\t\tariaLabel: t( 'Media toolbar' ),\n\t\t\titems: editor.config.get( 'mediaEmbed.toolbar' ) || [],\n\t\t\tgetRelatedElement: getSelectedMediaViewWidget\n\t\t} );\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { CKEditorError, toMap, uid, Rect, keyCodes, Collection, logWarning, env } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { ListView, View, ListItemView, ContextualBalloon, clickOutsideHandler, ButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { TextWatcher } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { debounce } from 'es-toolkit/compat';\n\nconst BRACKET_PAIRS = {\n    '(': ')',\n    '[': ']',\n    '{': '}'\n};\n/**\n * The mention command.\n *\n * The command is registered by {@link module:mention/mentionediting~MentionEditing} as `'mention'`.\n *\n * To insert a mention into a range, execute the command and specify a mention object with a range to replace:\n *\n * ```ts\n * const focus = editor.model.document.selection.focus;\n *\n * // It will replace one character before the selection focus with the '#1234' text\n * // with the mention attribute filled with passed attributes.\n * editor.execute( 'mention', {\n * \tmarker: '#',\n * \tmention: {\n * \t\tid: '#1234',\n * \t\tname: 'Foo',\n * \t\ttitle: 'Big Foo'\n * \t},\n * \trange: editor.model.createRange( focus.getShiftedBy( -1 ), focus )\n * } );\n *\n * // It will replace one character before the selection focus with the 'The \"Big Foo\"' text\n * // with the mention attribute filled with passed attributes.\n * editor.execute( 'mention', {\n * \tmarker: '#',\n * \tmention: {\n * \t\tid: '#1234',\n * \t\tname: 'Foo',\n * \t\ttitle: 'Big Foo'\n * \t},\n * \ttext: 'The \"Big Foo\"',\n * \trange: editor.model.createRange( focus.getShiftedBy( -1 ), focus )\n * } );\n *\t```\n */ class MentionCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // Since this command may pass range in execution parameters, it should be checked directly in execute block.\n        this._isEnabledBasedOnSelection = false;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const doc = model.document;\n        this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, 'mention');\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.mention The mention object to insert. When a string is passed, it will be used to create a plain\n\t * object with the name attribute that equals the passed string.\n\t * @param options.marker The marker character (e.g. `'@'`).\n\t * @param options.text The text of the inserted mention. Defaults to the full mention string composed from `marker` and\n\t * `mention` string or `mention.id` if an object is passed.\n\t * @param options.range The range to replace.\n\t * Note that the replaced range might be shorter than the inserted text with the mention attribute.\n\t * @fires execute\n\t */ execute(options) {\n        const model = this.editor.model;\n        const document = model.document;\n        const selection = document.selection;\n        const mentionData = typeof options.mention == 'string' ? {\n            id: options.mention\n        } : options.mention;\n        const mentionID = mentionData.id;\n        const range = options.range || selection.getFirstRange();\n        // Don't execute command if range is in non-editable place.\n        if (!model.canEditAt(range)) {\n            return;\n        }\n        const mentionText = options.text || mentionID;\n        const mention = _addMentionAttributes({\n            _text: mentionText,\n            id: mentionID\n        }, mentionData);\n        if (!mentionID.startsWith(options.marker)) {\n            /**\n\t\t\t * The feed item ID must start with the marker character(s).\n\t\t\t *\n\t\t\t * Correct mention feed setting:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * mentions: [\n\t\t\t * \t{\n\t\t\t * \t\tmarker: '@',\n\t\t\t * \t\tfeed: [ '@Ann', '@Barney', ... ]\n\t\t\t * \t}\n\t\t\t * ]\n\t\t\t * ```\n\t\t\t *\n\t\t\t * Incorrect mention feed setting:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * mentions: [\n\t\t\t * \t{\n\t\t\t * \t\tmarker: '@',\n\t\t\t * \t\tfeed: [ 'Ann', 'Barney', ... ]\n\t\t\t * \t}\n\t\t\t * ]\n\t\t\t * ```\n\t\t\t *\n\t\t\t * See {@link module:mention/mentionconfig~MentionConfig}.\n\t\t\t *\n\t\t\t * @error mentioncommand-incorrect-id\n\t\t\t */ throw new CKEditorError('mentioncommand-incorrect-id', this);\n        }\n        model.change((writer)=>{\n            const currentAttributes = toMap(selection.getAttributes());\n            const attributesWithMention = new Map(currentAttributes.entries());\n            attributesWithMention.set('mention', mention);\n            // Replace a range with the text with a mention.\n            const insertionRange = model.insertContent(writer.createText(mentionText, attributesWithMention), range);\n            const nodeBefore = insertionRange.start.nodeBefore;\n            const nodeAfter = insertionRange.end.nodeAfter;\n            const isFollowedByWhiteSpace = nodeAfter && nodeAfter.is('$text') && nodeAfter.data.startsWith(' ');\n            let isInsertedInBrackets = false;\n            if (nodeBefore && nodeAfter && nodeBefore.is('$text') && nodeAfter.is('$text')) {\n                const precedingCharacter = nodeBefore.data.slice(-1);\n                const isPrecededByOpeningBracket = precedingCharacter in BRACKET_PAIRS;\n                const isFollowedByBracketClosure = isPrecededByOpeningBracket && nodeAfter.data.startsWith(BRACKET_PAIRS[precedingCharacter]);\n                isInsertedInBrackets = isPrecededByOpeningBracket && isFollowedByBracketClosure;\n            }\n            // Don't add a white space if either of the following is true:\n            // * there's already one after the mention;\n            // * the mention was inserted in the empty matching brackets.\n            // https://github.com/ckeditor/ckeditor5/issues/4651\n            if (!isInsertedInBrackets && !isFollowedByWhiteSpace) {\n                model.insertContent(writer.createText(' ', currentAttributes), range.start.getShiftedBy(mentionText.length));\n            }\n        });\n    }\n}\n\n/**\n * The mention editing feature.\n *\n * It introduces the {@link module:mention/mentioncommand~MentionCommand command} and the `mention`\n * attribute in the {@link module:engine/model/model~Model model} which renders in the {@link module:engine/view/view view}\n * as a `<span class=\"mention\" data-mention=\"@mention\">`.\n */ class MentionEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'MentionEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const doc = model.document;\n        // Allow the mention attribute on all text nodes.\n        model.schema.extend('$text', {\n            allowAttributes: 'mention'\n        });\n        // Upcast conversion.\n        editor.conversion.for('upcast').elementToAttribute({\n            view: {\n                name: 'span',\n                attributes: 'data-mention',\n                classes: 'mention'\n            },\n            model: {\n                key: 'mention',\n                value: (viewElement)=>_toMentionAttribute(viewElement)\n            }\n        });\n        // Downcast conversion.\n        editor.conversion.for('downcast').attributeToElement({\n            model: 'mention',\n            view: createViewMentionElement\n        });\n        editor.conversion.for('downcast').add(preventPartialMentionDowncast);\n        doc.registerPostFixer((writer)=>removePartialMentionPostFixer(writer, doc, model.schema));\n        doc.registerPostFixer((writer)=>extendAttributeOnMentionPostFixer(writer, doc));\n        doc.registerPostFixer((writer)=>selectionMentionAttributePostFixer(writer, doc));\n        editor.commands.add('mention', new MentionCommand(editor));\n    }\n}\n/**\n * @internal\n */ function _addMentionAttributes(baseMentionData, data) {\n    return Object.assign({\n        uid: uid()\n    }, baseMentionData, data || {});\n}\n/**\n * Creates a mention attribute value from the provided view element and optional data.\n *\n * This function is exposed as\n * {@link module:mention/mention~Mention#toMentionAttribute `editor.plugins.get( 'Mention' ).toMentionAttribute()`}.\n *\n * @internal\n */ function _toMentionAttribute(viewElementOrMention, data) {\n    const dataMention = viewElementOrMention.getAttribute('data-mention');\n    const textNode = viewElementOrMention.getChild(0);\n    // Do not convert empty mentions.\n    if (!textNode) {\n        return;\n    }\n    const baseMentionData = {\n        id: dataMention,\n        _text: textNode.data\n    };\n    return _addMentionAttributes(baseMentionData, data);\n}\n/**\n * A converter that blocks partial mention from being converted.\n *\n * This converter is registered with 'highest' priority in order to consume mention attribute before it is converted by\n * any other converters. This converter only consumes partial mention - those whose `_text` attribute is not equal to text with mention\n * attribute. This may happen when copying part of mention text.\n */ function preventPartialMentionDowncast(dispatcher) {\n    dispatcher.on('attribute:mention', (evt, data, conversionApi)=>{\n        const mention = data.attributeNewValue;\n        if (!data.item.is('$textProxy') || !mention) {\n            return;\n        }\n        const start = data.range.start;\n        const textNode = start.textNode || start.nodeAfter;\n        if (textNode.data != mention._text) {\n            // Consume item to prevent partial mention conversion.\n            conversionApi.consumable.consume(data.item, evt.name);\n        }\n    }, {\n        priority: 'highest'\n    });\n}\n/**\n * Creates a mention element from the mention data.\n */ function createViewMentionElement(mention, { writer }) {\n    if (!mention) {\n        return;\n    }\n    const attributes = {\n        class: 'mention',\n        'data-mention': mention.id\n    };\n    const options = {\n        id: mention.uid,\n        priority: 20\n    };\n    return writer.createAttributeElement('span', attributes, options);\n}\n/**\n * Model post-fixer that disallows typing with selection when the selection is placed after the text node with the mention attribute or\n * before a text node with mention attribute.\n */ function selectionMentionAttributePostFixer(writer, doc) {\n    const selection = doc.selection;\n    const focus = selection.focus;\n    if (selection.isCollapsed && selection.hasAttribute('mention') && shouldNotTypeWithMentionAt(focus)) {\n        writer.removeSelectionAttribute('mention');\n        return true;\n    }\n    return false;\n}\n/**\n * Helper function to detect if mention attribute should be removed from selection.\n * This check makes only sense if the selection has mention attribute.\n *\n * The mention attribute should be removed from a selection when selection focus is placed:\n * a) after a text node\n * b) the position is at parents start - the selection will set attributes from node after.\n */ function shouldNotTypeWithMentionAt(position) {\n    const isAtStart = position.isAtStart;\n    const isAfterAMention = position.nodeBefore && position.nodeBefore.is('$text');\n    return isAfterAMention || isAtStart;\n}\n/**\n * Model post-fixer that removes the mention attribute from the modified text node.\n */ function removePartialMentionPostFixer(writer, doc, schema) {\n    const changes = doc.differ.getChanges();\n    let wasChanged = false;\n    for (const change of changes){\n        if (change.type == 'attribute') {\n            continue;\n        }\n        // Checks the text node on the current position.\n        const position = change.position;\n        if (change.name == '$text') {\n            const nodeAfterInsertedTextNode = position.textNode && position.textNode.nextSibling;\n            // Checks the text node where the change occurred.\n            wasChanged = checkAndFix(position.textNode, writer) || wasChanged;\n            // Occurs on paste inside a text node with mention.\n            wasChanged = checkAndFix(nodeAfterInsertedTextNode, writer) || wasChanged;\n            wasChanged = checkAndFix(position.nodeBefore, writer) || wasChanged;\n            wasChanged = checkAndFix(position.nodeAfter, writer) || wasChanged;\n        }\n        // Checks text nodes in inserted elements (might occur when splitting a paragraph or pasting content inside text with mention).\n        if (change.name != '$text' && change.type == 'insert') {\n            const insertedNode = position.nodeAfter;\n            for (const item of writer.createRangeIn(insertedNode).getItems()){\n                wasChanged = checkAndFix(item, writer) || wasChanged;\n            }\n        }\n        // Inserted inline elements might break mention.\n        if (change.type == 'insert' && schema.isInline(change.name)) {\n            const nodeAfterInserted = position.nodeAfter && position.nodeAfter.nextSibling;\n            wasChanged = checkAndFix(position.nodeBefore, writer) || wasChanged;\n            wasChanged = checkAndFix(nodeAfterInserted, writer) || wasChanged;\n        }\n    }\n    return wasChanged;\n}\n/**\n * This post-fixer will extend the attribute applied on the part of the mention so the whole text node of the mention will have\n * the added attribute.\n */ function extendAttributeOnMentionPostFixer(writer, doc) {\n    const changes = doc.differ.getChanges();\n    let wasChanged = false;\n    for (const change of changes){\n        if (change.type === 'attribute' && change.attributeKey != 'mention') {\n            // Checks the node on the left side of the range...\n            const nodeBefore = change.range.start.nodeBefore;\n            // ... and on the right side of the range.\n            const nodeAfter = change.range.end.nodeAfter;\n            for (const node of [\n                nodeBefore,\n                nodeAfter\n            ]){\n                if (isBrokenMentionNode(node) && node.getAttribute(change.attributeKey) != change.attributeNewValue) {\n                    writer.setAttribute(change.attributeKey, change.attributeNewValue, node);\n                    wasChanged = true;\n                }\n            }\n        }\n    }\n    return wasChanged;\n}\n/**\n * Checks if a node has a correct mention attribute if present.\n * Returns `true` if the node is text and has a mention attribute whose text does not match the expected mention text.\n */ function isBrokenMentionNode(node) {\n    if (!node || !(node.is('$text') || node.is('$textProxy')) || !node.hasAttribute('mention')) {\n        return false;\n    }\n    const text = node.data;\n    const mention = node.getAttribute('mention');\n    const expectedText = mention._text;\n    return text != expectedText;\n}\n/**\n * Fixes a mention on a text node if it needs a fix.\n */ function checkAndFix(textNode, writer) {\n    if (isBrokenMentionNode(textNode)) {\n        writer.removeAttribute('mention', textNode);\n        return true;\n    }\n    return false;\n}\n\n/**\n * The mention ui view.\n */ class MentionsView extends ListView {\n    selected;\n    position;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        this.extendTemplate({\n            attributes: {\n                class: [\n                    'ck-mentions'\n                ],\n                tabindex: '-1'\n            }\n        });\n    }\n    /**\n\t * {@link #select Selects} the first item.\n\t */ selectFirst() {\n        this.select(0);\n    }\n    /**\n\t * Selects next item to the currently {@link #select selected}.\n\t *\n\t * If the last item is already selected, it will select the first item.\n\t */ selectNext() {\n        const item = this.selected;\n        const index = this.items.getIndex(item);\n        this.select(index + 1);\n    }\n    /**\n\t * Selects previous item to the currently {@link #select selected}.\n\t *\n\t * If the first item is already selected, it will select the last item.\n\t */ selectPrevious() {\n        const item = this.selected;\n        const index = this.items.getIndex(item);\n        this.select(index - 1);\n    }\n    /**\n\t * Marks item at a given index as selected.\n\t *\n\t * Handles selection cycling when passed index is out of bounds:\n\t * - if the index is lower than 0, it will select the last item,\n\t * - if the index is higher than the last item index, it will select the first item.\n\t *\n\t * @param index Index of an item to be marked as selected.\n\t */ select(index) {\n        let indexToGet = 0;\n        if (index > 0 && index < this.items.length) {\n            indexToGet = index;\n        } else if (index < 0) {\n            indexToGet = this.items.length - 1;\n        }\n        const item = this.items.get(indexToGet);\n        // Return early if item is already selected.\n        if (this.selected === item) {\n            return;\n        }\n        // Remove highlight of previously selected item.\n        if (this.selected) {\n            this.selected.removeHighlight();\n        }\n        item.highlight();\n        this.selected = item;\n        // Scroll the mentions view to the selected element.\n        if (!this._isItemVisibleInScrolledArea(item)) {\n            this.element.scrollTop = item.element.offsetTop;\n        }\n    }\n    /**\n\t * Triggers the `execute` event on the {@link #select selected} item.\n\t */ executeSelected() {\n        this.selected.fire('execute');\n    }\n    /**\n\t * Checks if an item is visible in the scrollable area.\n\t *\n\t * The item is considered visible when:\n\t * - its top boundary is inside the scrollable rect\n\t * - its bottom boundary is inside the scrollable rect (the whole item must be visible)\n\t */ _isItemVisibleInScrolledArea(item) {\n        return new Rect(this.element).contains(new Rect(item.element));\n    }\n}\n\n/**\n * This class wraps DOM element as a CKEditor5 UI View.\n *\n * It allows to render any DOM element and use it in mentions list.\n */ class MentionDomWrapperView extends View {\n    /**\n\t * The DOM element for which wrapper was created.\n\t */ domElement;\n    /**\n\t * Creates an instance of {@link module:mention/ui/domwrapperview~MentionDomWrapperView} class.\n\t *\n\t * Also see {@link #render}.\n\t */ constructor(locale, domElement){\n        super(locale);\n        // Disable template rendering on this view.\n        this.template = undefined;\n        this.domElement = domElement;\n        // Render dom wrapper as a button.\n        this.domElement.classList.add('ck-button');\n        this.set('isOn', false);\n        // Handle isOn state as in buttons.\n        this.on('change:isOn', (evt, name, isOn)=>{\n            if (isOn) {\n                this.domElement.classList.add('ck-on');\n                this.domElement.classList.remove('ck-off');\n            } else {\n                this.domElement.classList.add('ck-off');\n                this.domElement.classList.remove('ck-on');\n            }\n        });\n        // Pass click event as execute event.\n        this.listenTo(this.domElement, 'click', ()=>{\n            this.fire('execute');\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.element = this.domElement;\n    }\n    /**\n\t * Focuses the DOM element.\n\t */ focus() {\n        this.domElement.focus();\n    }\n}\n\nclass MentionListItemView extends ListItemView {\n    item;\n    marker;\n    highlight() {\n        const child = this.children.first;\n        child.isOn = true;\n    }\n    removeHighlight() {\n        const child = this.children.first;\n        child.isOn = false;\n    }\n}\n\nconst VERTICAL_SPACING = 3;\n// The key codes that mention UI handles when it is open (without commit keys).\nconst defaultHandledKeyCodes = [\n    keyCodes.arrowup,\n    keyCodes.arrowdown,\n    keyCodes.esc\n];\n// Dropdown commit key codes.\nconst defaultCommitKeyCodes = [\n    keyCodes.enter,\n    keyCodes.tab\n];\n/**\n * The mention UI feature.\n */ class MentionUI extends Plugin {\n    /**\n\t * The mention view.\n\t */ _mentionsView;\n    /**\n\t * Stores mention feeds configurations.\n\t */ _mentionsConfigurations;\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    _items = new Collection();\n    _lastRequested;\n    /**\n\t * Debounced feed requester. It uses `es-toolkit#debounce` method to delay function call.\n\t */ _requestFeedDebounced;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'MentionUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._mentionsView = this._createMentionView();\n        this._mentionsConfigurations = new Map();\n        this._requestFeedDebounced = debounce(this._requestFeed, 100);\n        editor.config.define('mention', {\n            feeds: []\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const commitKeys = editor.config.get('mention.commitKeys') || defaultCommitKeyCodes;\n        const handledKeyCodes = defaultHandledKeyCodes.concat(commitKeys);\n        this._balloon = editor.plugins.get(ContextualBalloon);\n        // Key listener that handles navigation in mention view.\n        editor.editing.view.document.on('keydown', (evt, data)=>{\n            if (isHandledKey(data.keyCode) && this._isUIVisible) {\n                data.preventDefault();\n                evt.stop(); // Required for Enter key overriding.\n                if (data.keyCode == keyCodes.arrowdown) {\n                    this._mentionsView.selectNext();\n                }\n                if (data.keyCode == keyCodes.arrowup) {\n                    this._mentionsView.selectPrevious();\n                }\n                if (commitKeys.includes(data.keyCode)) {\n                    this._mentionsView.executeSelected();\n                }\n                if (data.keyCode == keyCodes.esc) {\n                    this._hideUIAndRemoveMarker();\n                }\n            }\n        }, {\n            priority: 'highest'\n        }); // Required to override the Enter key.\n        // Close the dropdown upon clicking outside of the plugin UI.\n        clickOutsideHandler({\n            emitter: this._mentionsView,\n            activator: ()=>this._isUIVisible,\n            contextElements: ()=>[\n                    this._balloon.view.element\n                ],\n            callback: ()=>this._hideUIAndRemoveMarker()\n        });\n        const feeds = editor.config.get('mention.feeds');\n        for (const mentionDescription of feeds){\n            const { feed, marker, dropdownLimit } = mentionDescription;\n            if (!isValidMentionMarker(marker)) {\n                /**\n\t\t\t\t * The marker must be a single character.\n\t\t\t\t *\n\t\t\t\t * Correct markers: `'@'`, `'#'`.\n\t\t\t\t *\n\t\t\t\t * Incorrect markers: `'$$'`, `'[@'`.\n\t\t\t\t *\n\t\t\t\t * See {@link module:mention/mentionconfig~MentionConfig}.\n\t\t\t\t *\n\t\t\t\t * @error mentionconfig-incorrect-marker\n\t\t\t\t * @param {string} marker Configured marker\n\t\t\t\t */ throw new CKEditorError('mentionconfig-incorrect-marker', null, {\n                    marker\n                });\n            }\n            const feedCallback = typeof feed == 'function' ? feed.bind(this.editor) : createFeedCallback(feed);\n            const itemRenderer = mentionDescription.itemRenderer;\n            const definition = {\n                marker,\n                feedCallback,\n                itemRenderer,\n                dropdownLimit\n            };\n            this._mentionsConfigurations.set(marker, definition);\n        }\n        this._setupTextWatcher(feeds);\n        this.listenTo(editor, 'change:isReadOnly', ()=>{\n            this._hideUIAndRemoveMarker();\n        });\n        this.on('requestFeed:response', (evt, data)=>this._handleFeedResponse(data));\n        this.on('requestFeed:error', ()=>this._hideUIAndRemoveMarker());\n        /**\n\t\t * Checks if a given key code is handled by the mention UI.\n\t\t */ function isHandledKey(keyCode) {\n            return handledKeyCodes.includes(keyCode);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n        this._mentionsView.destroy();\n    }\n    /**\n\t * Returns true when {@link #_mentionsView} is in the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon} and it is\n\t * currently visible.\n\t */ get _isUIVisible() {\n        return this._balloon.visibleView === this._mentionsView;\n    }\n    /**\n\t * Creates the {@link #_mentionsView}.\n\t */ _createMentionView() {\n        const locale = this.editor.locale;\n        const mentionsView = new MentionsView(locale);\n        mentionsView.items.bindTo(this._items).using((data)=>{\n            const { item, marker } = data;\n            const { dropdownLimit: markerDropdownLimit } = this._mentionsConfigurations.get(marker);\n            // Set to 10 by default for backwards compatibility. See: #10479\n            const dropdownLimit = markerDropdownLimit || this.editor.config.get('mention.dropdownLimit') || 10;\n            if (mentionsView.items.length >= dropdownLimit) {\n                return null;\n            }\n            const listItemView = new MentionListItemView(locale);\n            const view = this._renderItem(item, marker);\n            view.delegate('execute').to(listItemView);\n            listItemView.children.add(view);\n            listItemView.item = item;\n            listItemView.marker = marker;\n            listItemView.on('execute', ()=>{\n                mentionsView.fire('execute', {\n                    item,\n                    marker\n                });\n            });\n            return listItemView;\n        });\n        mentionsView.on('execute', (evt, data)=>{\n            const editor = this.editor;\n            const model = editor.model;\n            const item = data.item;\n            const marker = data.marker;\n            const mentionMarker = editor.model.markers.get('mention');\n            // Create a range on matched text.\n            const end = model.createPositionAt(model.document.selection.focus);\n            const start = model.createPositionAt(mentionMarker.getStart());\n            const range = model.createRange(start, end);\n            this._hideUIAndRemoveMarker();\n            editor.execute('mention', {\n                mention: item,\n                text: item.text,\n                marker,\n                range\n            });\n            editor.editing.view.focus();\n        });\n        return mentionsView;\n    }\n    /**\n\t * Returns item renderer for the marker.\n\t */ _getItemRenderer(marker) {\n        const { itemRenderer } = this._mentionsConfigurations.get(marker);\n        return itemRenderer;\n    }\n    /**\n\t * Requests a feed from a configured callbacks.\n\t */ _requestFeed(marker, feedText) {\n        // @if CK_DEBUG_MENTION // console.log( '%c[Feed]%c Requesting for', 'color: blue', 'color: black', `\"${ feedText }\"` );\n        // Store the last requested feed - it is used to discard any out-of order requests.\n        this._lastRequested = feedText;\n        const { feedCallback } = this._mentionsConfigurations.get(marker);\n        const feedResponse = feedCallback(feedText);\n        const isAsynchronous = feedResponse instanceof Promise;\n        // For synchronous feeds (e.g. callbacks, arrays) fire the response event immediately.\n        if (!isAsynchronous) {\n            this.fire('requestFeed:response', {\n                feed: feedResponse,\n                marker,\n                feedText\n            });\n            return;\n        }\n        // Handle the asynchronous responses.\n        feedResponse.then((response)=>{\n            // Check the feed text of this response with the last requested one so either:\n            if (this._lastRequested == feedText) {\n                // It is the same and fire the response event.\n                this.fire('requestFeed:response', {\n                    feed: response,\n                    marker,\n                    feedText\n                });\n            } else {\n                // It is different - most probably out-of-order one, so fire the discarded event.\n                this.fire('requestFeed:discarded', {\n                    feed: response,\n                    marker,\n                    feedText\n                });\n            }\n        }).catch((error)=>{\n            this.fire('requestFeed:error', {\n                error\n            });\n            /**\n\t\t\t\t * The callback used for obtaining mention autocomplete feed thrown and error and the mention UI was hidden or\n\t\t\t\t * not displayed at all.\n\t\t\t\t *\n\t\t\t\t * @error mention-feed-callback-error\n\t\t\t\t */ logWarning('mention-feed-callback-error', {\n                marker\n            });\n        });\n    }\n    /**\n\t * Registers a text watcher for the marker.\n\t */ _setupTextWatcher(feeds) {\n        const editor = this.editor;\n        const feedsWithPattern = feeds.map((feed)=>({\n                ...feed,\n                pattern: createRegExp(feed.marker, feed.minimumCharacters || 0)\n            }));\n        const watcher = new TextWatcher(editor.model, createTestCallback(feedsWithPattern));\n        watcher.on('matched', (evt, data)=>{\n            const markerDefinition = getLastValidMarkerInText(feedsWithPattern, data.text);\n            const selection = editor.model.document.selection;\n            const focus = selection.focus;\n            const markerPosition = editor.model.createPositionAt(focus.parent, markerDefinition.position);\n            if (isPositionInExistingMention(focus) || isMarkerInExistingMention(markerPosition)) {\n                this._hideUIAndRemoveMarker();\n                return;\n            }\n            const feedText = requestFeedText(markerDefinition, data.text);\n            const matchedTextLength = markerDefinition.marker.length + feedText.length;\n            // Create a marker range.\n            const start = focus.getShiftedBy(-matchedTextLength);\n            const end = focus.getShiftedBy(-feedText.length);\n            const markerRange = editor.model.createRange(start, end);\n            // @if CK_DEBUG_MENTION // console.group( '%c[TextWatcher]%c matched', 'color: red', 'color: black', `\"${ feedText }\"` );\n            // @if CK_DEBUG_MENTION // console.log( 'data#text', `\"${ data.text }\"` );\n            // @if CK_DEBUG_MENTION // console.log( 'data#range', data.range.start.path, data.range.end.path );\n            // @if CK_DEBUG_MENTION // console.log( 'marker definition', markerDefinition );\n            // @if CK_DEBUG_MENTION // console.log( 'marker range', markerRange.start.path, markerRange.end.path );\n            if (checkIfStillInCompletionMode(editor)) {\n                const mentionMarker = editor.model.markers.get('mention');\n                // Update the marker - user might've moved the selection to other mention trigger.\n                editor.model.change((writer)=>{\n                    // @if CK_DEBUG_MENTION // console.log( '%c[Editing]%c Updating the marker.', 'color: purple', 'color: black' );\n                    writer.updateMarker(mentionMarker, {\n                        range: markerRange\n                    });\n                });\n            } else {\n                editor.model.change((writer)=>{\n                    // @if CK_DEBUG_MENTION // console.log( '%c[Editing]%c Adding the marker.', 'color: purple', 'color: black' );\n                    writer.addMarker('mention', {\n                        range: markerRange,\n                        usingOperation: false,\n                        affectsData: false\n                    });\n                });\n            }\n            this._requestFeedDebounced(markerDefinition.marker, feedText);\n        // @if CK_DEBUG_MENTION // console.groupEnd();\n        });\n        watcher.on('unmatched', ()=>{\n            this._hideUIAndRemoveMarker();\n        });\n        const mentionCommand = editor.commands.get('mention');\n        watcher.bind('isEnabled').to(mentionCommand);\n        return watcher;\n    }\n    /**\n\t * Handles the feed response event data.\n\t */ _handleFeedResponse(data) {\n        const { feed, marker } = data;\n        // eslint-disable-next-line @stylistic/max-len\n        // @if CK_DEBUG_MENTION // console.log( `%c[Feed]%c Response for \"${ data.feedText }\" (${ feed.length })`, 'color: blue', 'color: black', feed );\n        // If the marker is not in the document happens when the selection had changed and the 'mention' marker was removed.\n        if (!checkIfStillInCompletionMode(this.editor)) {\n            return;\n        }\n        // Reset the view.\n        this._items.clear();\n        for (const feedItem of feed){\n            const item = typeof feedItem != 'object' ? {\n                id: feedItem,\n                text: feedItem\n            } : feedItem;\n            this._items.add({\n                item,\n                marker\n            });\n        }\n        const mentionMarker = this.editor.model.markers.get('mention');\n        if (this._items.length) {\n            this._showOrUpdateUI(mentionMarker);\n        } else {\n            // Do not show empty mention UI.\n            this._hideUIAndRemoveMarker();\n        }\n    }\n    /**\n\t * Shows the mentions balloon. If the panel is already visible, it will reposition it.\n\t */ _showOrUpdateUI(markerMarker) {\n        if (this._isUIVisible) {\n            // @if CK_DEBUG_MENTION // console.log( '%c[UI]%c Updating position.', 'color: green', 'color: black' );\n            // Update balloon position as the mention list view may change its size.\n            this._balloon.updatePosition(this._getBalloonPanelPositionData(markerMarker, this._mentionsView.position));\n        } else {\n            // @if CK_DEBUG_MENTION // console.log( '%c[UI]%c Showing the UI.', 'color: green', 'color: black' );\n            this._balloon.add({\n                view: this._mentionsView,\n                position: this._getBalloonPanelPositionData(markerMarker, this._mentionsView.position),\n                singleViewMode: true,\n                balloonClassName: 'ck-mention-balloon'\n            });\n        }\n        this._mentionsView.position = this._balloon.view.position;\n        this._mentionsView.selectFirst();\n    }\n    /**\n\t * Hides the mentions balloon and removes the 'mention' marker from the markers collection.\n\t */ _hideUIAndRemoveMarker() {\n        // Remove the mention view from balloon before removing marker - it is used by balloon position target().\n        if (this._balloon.hasView(this._mentionsView)) {\n            // @if CK_DEBUG_MENTION // console.log( '%c[UI]%c Hiding the UI.', 'color: green', 'color: black' );\n            this._balloon.remove(this._mentionsView);\n        }\n        if (checkIfStillInCompletionMode(this.editor)) {\n            // @if CK_DEBUG_MENTION // console.log( '%c[Editing]%c Removing marker.', 'color: purple', 'color: black' );\n            this.editor.model.change((writer)=>writer.removeMarker('mention'));\n        }\n        // Make the last matched position on panel view undefined so the #_getBalloonPanelPositionData() method will return all positions\n        // on the next call.\n        this._mentionsView.position = undefined;\n    }\n    /**\n\t * Renders a single item in the autocomplete list.\n\t */ _renderItem(item, marker) {\n        const editor = this.editor;\n        let view;\n        let label = item.id;\n        const renderer = this._getItemRenderer(marker);\n        if (renderer) {\n            const renderResult = renderer(item);\n            if (typeof renderResult != 'string') {\n                view = new MentionDomWrapperView(editor.locale, renderResult);\n            } else {\n                label = renderResult;\n            }\n        }\n        if (!view) {\n            const buttonView = new ButtonView(editor.locale);\n            buttonView.label = label;\n            buttonView.withText = true;\n            view = buttonView;\n        }\n        return view;\n    }\n    /**\n\t * Creates a position options object used to position the balloon panel.\n\t *\n\t * @param mentionMarker\n\t * @param preferredPosition The name of the last matched position name.\n\t */ _getBalloonPanelPositionData(mentionMarker, preferredPosition) {\n        const editor = this.editor;\n        const editing = editor.editing;\n        const domConverter = editing.view.domConverter;\n        const mapper = editing.mapper;\n        const uiLanguageDirection = editor.locale.uiLanguageDirection;\n        return {\n            target: ()=>{\n                let modelRange = mentionMarker.getRange();\n                // Target the UI to the model selection range - the marker has been removed so probably the UI will not be shown anyway.\n                // The logic is used by ContextualBalloon to display another panel in the same place.\n                if (modelRange.start.root.rootName == '$graveyard') {\n                    modelRange = editor.model.document.selection.getFirstRange();\n                }\n                const viewRange = mapper.toViewRange(modelRange);\n                const rangeRects = Rect.getDomRangeRects(domConverter.viewRangeToDom(viewRange));\n                return rangeRects.pop();\n            },\n            limiter: ()=>{\n                const view = this.editor.editing.view;\n                const viewDocument = view.document;\n                const editableElement = viewDocument.selection.editableElement;\n                if (editableElement) {\n                    return view.domConverter.mapViewToDom(editableElement.root);\n                }\n                return null;\n            },\n            positions: getBalloonPanelPositions(preferredPosition, uiLanguageDirection)\n        };\n    }\n}\n/**\n * Returns the balloon positions data callbacks.\n */ function getBalloonPanelPositions(preferredPosition, uiLanguageDirection) {\n    const positions = {\n        // Positions the panel to the southeast of the caret rectangle.\n        'caret_se': (targetRect)=>{\n            return {\n                top: targetRect.bottom + VERTICAL_SPACING,\n                left: targetRect.right,\n                name: 'caret_se',\n                config: {\n                    withArrow: false\n                }\n            };\n        },\n        // Positions the panel to the northeast of the caret rectangle.\n        'caret_ne': (targetRect, balloonRect)=>{\n            return {\n                top: targetRect.top - balloonRect.height - VERTICAL_SPACING,\n                left: targetRect.right,\n                name: 'caret_ne',\n                config: {\n                    withArrow: false\n                }\n            };\n        },\n        // Positions the panel to the southwest of the caret rectangle.\n        'caret_sw': (targetRect, balloonRect)=>{\n            return {\n                top: targetRect.bottom + VERTICAL_SPACING,\n                left: targetRect.right - balloonRect.width,\n                name: 'caret_sw',\n                config: {\n                    withArrow: false\n                }\n            };\n        },\n        // Positions the panel to the northwest of the caret rect.\n        'caret_nw': (targetRect, balloonRect)=>{\n            return {\n                top: targetRect.top - balloonRect.height - VERTICAL_SPACING,\n                left: targetRect.right - balloonRect.width,\n                name: 'caret_nw',\n                config: {\n                    withArrow: false\n                }\n            };\n        }\n    };\n    // Returns only the last position if it was matched to prevent the panel from jumping after the first match.\n    if (Object.prototype.hasOwnProperty.call(positions, preferredPosition)) {\n        return [\n            positions[preferredPosition]\n        ];\n    }\n    // By default, return all position callbacks ordered depending on the UI language direction.\n    return uiLanguageDirection !== 'rtl' ? [\n        positions.caret_se,\n        positions.caret_sw,\n        positions.caret_ne,\n        positions.caret_nw\n    ] : [\n        positions.caret_sw,\n        positions.caret_se,\n        positions.caret_nw,\n        positions.caret_ne\n    ];\n}\n/**\n * Returns a marker definition of the last valid occurring marker in a given string.\n * If there is no valid marker in a string, it returns undefined.\n *\n * Example of returned object:\n *\n * ```ts\n * {\n * \tmarker: '@',\n * \tposition: 4,\n * \tminimumCharacters: 0\n * }\n * ````\n *\n * @param feedsWithPattern Registered feeds in editor for mention plugin with created RegExp for matching marker.\n * @param text String to find the marker in\n * @returns Matched marker's definition\n */ function getLastValidMarkerInText(feedsWithPattern, text) {\n    let lastValidMarker;\n    for (const feed of feedsWithPattern){\n        const currentMarkerLastIndex = text.lastIndexOf(feed.marker);\n        if (currentMarkerLastIndex > 0 && !text.substring(currentMarkerLastIndex - 1).match(feed.pattern)) {\n            continue;\n        }\n        if (!lastValidMarker || currentMarkerLastIndex >= lastValidMarker.position) {\n            lastValidMarker = {\n                marker: feed.marker,\n                position: currentMarkerLastIndex,\n                minimumCharacters: feed.minimumCharacters,\n                pattern: feed.pattern\n            };\n        }\n    }\n    return lastValidMarker;\n}\n/**\n * Creates a RegExp pattern for the marker.\n *\n * Function has to be exported to achieve 100% code coverage.\n *\n * @internal\n */ function createRegExp(marker, minimumCharacters) {\n    const numberOfCharacters = minimumCharacters == 0 ? '*' : `{${minimumCharacters},}`;\n    const openAfterCharacters = env.features.isRegExpUnicodePropertySupported ? '\\\\p{Ps}\\\\p{Pi}\"\\'' : '\\\\(\\\\[{\"\\'';\n    const mentionCharacters = '.';\n    // I wanted to make an util out of it, but since this regexp uses \"u\" flag, it became difficult.\n    // When \"u\" flag is used, the regexp has \"strict\" escaping rules, i.e. if you try to escape a character that does not need\n    // to be escaped, RegExp() will throw. It made it difficult to write a generic util, because different characters are\n    // allowed in different context. For example, escaping \"-\" sometimes was correct, but sometimes it threw an error.\n    marker = marker.replace(/[.*+?^${}()\\-|[\\]\\\\]/g, '\\\\$&');\n    // The pattern consists of 3 groups:\n    //\n    // - 0 (non-capturing): Opening sequence - start of the line, space or an opening punctuation character like \"(\" or \"\\\"\",\n    // - 1: The marker character(s),\n    // - 2: Mention input (taking the minimal length into consideration to trigger the UI),\n    //\n    // The pattern matches up to the caret (end of string switch - $).\n    //               (0:      opening sequence       )(1: marker  )(2:                typed mention              )$\n    const pattern = `(?:^|[ ${openAfterCharacters}])(${marker})(${mentionCharacters}${numberOfCharacters})$`;\n    return new RegExp(pattern, 'u');\n}\n/**\n * Creates a test callback for the marker to be used in the text watcher instance.\n *\n * @param feedsWithPattern Feeds of mention plugin configured in editor with RegExp to match marker in text\n */ function createTestCallback(feedsWithPattern) {\n    const textMatcher = (text)=>{\n        const markerDefinition = getLastValidMarkerInText(feedsWithPattern, text);\n        if (!markerDefinition) {\n            return false;\n        }\n        let splitStringFrom = 0;\n        if (markerDefinition.position !== 0) {\n            splitStringFrom = markerDefinition.position - 1;\n        }\n        const textToTest = text.substring(splitStringFrom);\n        return markerDefinition.pattern.test(textToTest);\n    };\n    return textMatcher;\n}\n/**\n * Creates a text matcher from the marker.\n */ function requestFeedText(markerDefinition, text) {\n    let splitStringFrom = 0;\n    if (markerDefinition.position !== 0) {\n        splitStringFrom = markerDefinition.position - 1;\n    }\n    const regExp = createRegExp(markerDefinition.marker, 0);\n    const textToMatch = text.substring(splitStringFrom);\n    const match = textToMatch.match(regExp);\n    return match[2];\n}\n/**\n * The default feed callback.\n */ function createFeedCallback(feedItems) {\n    return (feedText)=>{\n        const filteredItems = feedItems// Make the default mention feed case-insensitive.\n        .filter((item)=>{\n            // Item might be defined as object.\n            const itemId = typeof item == 'string' ? item : String(item.id);\n            // The default feed is case insensitive.\n            return itemId.toLowerCase().includes(feedText.toLowerCase());\n        });\n        return filteredItems;\n    };\n}\n/**\n * Checks if position in inside or right after a text with a mention.\n */ function isPositionInExistingMention(position) {\n    // The text watcher listens only to changed range in selection - so the selection attributes are not yet available\n    // and you cannot use selection.hasAttribute( 'mention' ) just yet.\n    // See https://github.com/ckeditor/ckeditor5-engine/issues/1723.\n    const hasMention = position.textNode && position.textNode.hasAttribute('mention');\n    const nodeBefore = position.nodeBefore;\n    return hasMention || nodeBefore && nodeBefore.is('$text') && nodeBefore.hasAttribute('mention');\n}\n/**\n * Checks if the closest marker offset is at the beginning of a mention.\n *\n * See https://github.com/ckeditor/ckeditor5/issues/11400.\n */ function isMarkerInExistingMention(markerPosition) {\n    const nodeAfter = markerPosition.nodeAfter;\n    return nodeAfter && nodeAfter.is('$text') && nodeAfter.hasAttribute('mention');\n}\n/**\n * Checks if string is a valid mention marker.\n */ function isValidMentionMarker(marker) {\n    return !!marker;\n}\n/**\n * Checks the mention plugins is in completion mode (e.g. when typing is after a valid mention string like @foo).\n */ function checkIfStillInCompletionMode(editor) {\n    return editor.model.markers.has('mention');\n}\n\n/**\n * The mention plugin.\n *\n * For a detailed overview, check the {@glink features/mentions Mention feature} guide.\n */ class Mention extends Plugin {\n    toMentionAttribute(viewElement, data) {\n        return _toMentionAttribute(viewElement, data);\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Mention';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            MentionEditing,\n            MentionUI\n        ];\n    }\n}\n\nexport { Mention, MentionCommand, MentionDomWrapperView, MentionEditing, MentionListItemView, MentionUI, MentionsView, _addMentionAttributes, createRegExp as _createMentionMarkerRegExp, _toMentionAttribute };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 mention/mentioncommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelRange } from 'ckeditor5/src/engine.js';\nimport { CKEditorError, toMap } from 'ckeditor5/src/utils.js';\n\nimport { _addMentionAttributes } from './mentionediting.js';\n\nconst BRACKET_PAIRS = {\n\t'(': ')',\n\t'[': ']',\n\t'{': '}'\n} as const;\n\n/**\n * The mention command.\n *\n * The command is registered by {@link module:mention/mentionediting~MentionEditing} as `'mention'`.\n *\n * To insert a mention into a range, execute the command and specify a mention object with a range to replace:\n *\n * ```ts\n * const focus = editor.model.document.selection.focus;\n *\n * // It will replace one character before the selection focus with the '#1234' text\n * // with the mention attribute filled with passed attributes.\n * editor.execute( 'mention', {\n * \tmarker: '#',\n * \tmention: {\n * \t\tid: '#1234',\n * \t\tname: 'Foo',\n * \t\ttitle: 'Big Foo'\n * \t},\n * \trange: editor.model.createRange( focus.getShiftedBy( -1 ), focus )\n * } );\n *\n * // It will replace one character before the selection focus with the 'The \"Big Foo\"' text\n * // with the mention attribute filled with passed attributes.\n * editor.execute( 'mention', {\n * \tmarker: '#',\n * \tmention: {\n * \t\tid: '#1234',\n * \t\tname: 'Foo',\n * \t\ttitle: 'Big Foo'\n * \t},\n * \ttext: 'The \"Big Foo\"',\n * \trange: editor.model.createRange( focus.getShiftedBy( -1 ), focus )\n * } );\n *\t```\n */\nexport class MentionCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic constructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// Since this command may pass range in execution parameters, it should be checked directly in execute block.\n\t\tthis._isEnabledBasedOnSelection = false;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\n\t\tthis.isEnabled = model.schema.checkAttributeInSelection( doc.selection, 'mention' );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.mention The mention object to insert. When a string is passed, it will be used to create a plain\n\t * object with the name attribute that equals the passed string.\n\t * @param options.marker The marker character (e.g. `'@'`).\n\t * @param options.text The text of the inserted mention. Defaults to the full mention string composed from `marker` and\n\t * `mention` string or `mention.id` if an object is passed.\n\t * @param options.range The range to replace.\n\t * Note that the replaced range might be shorter than the inserted text with the mention attribute.\n\t * @fires execute\n\t */\n\tpublic override execute( options: {\n\t\tmention: string | { id: string; [ key: string ]: unknown };\n\t\tmarker: string;\n\t\ttext?: string;\n\t\trange?: ModelRange;\n\t} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\t\tconst selection = document.selection;\n\n\t\tconst mentionData = typeof options.mention == 'string' ? { id: options.mention } : options.mention;\n\t\tconst mentionID = mentionData.id;\n\n\t\tconst range = options.range || selection.getFirstRange();\n\n\t\t// Don't execute command if range is in non-editable place.\n\t\tif ( !model.canEditAt( range ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst mentionText = options.text || mentionID;\n\n\t\tconst mention = _addMentionAttributes( { _text: mentionText, id: mentionID }, mentionData );\n\n\t\tif ( !mentionID.startsWith( options.marker ) ) {\n\t\t\t/**\n\t\t\t * The feed item ID must start with the marker character(s).\n\t\t\t *\n\t\t\t * Correct mention feed setting:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * mentions: [\n\t\t\t * \t{\n\t\t\t * \t\tmarker: '@',\n\t\t\t * \t\tfeed: [ '@Ann', '@Barney', ... ]\n\t\t\t * \t}\n\t\t\t * ]\n\t\t\t * ```\n\t\t\t *\n\t\t\t * Incorrect mention feed setting:\n\t\t\t *\n\t\t\t * ```ts\n\t\t\t * mentions: [\n\t\t\t * \t{\n\t\t\t * \t\tmarker: '@',\n\t\t\t * \t\tfeed: [ 'Ann', 'Barney', ... ]\n\t\t\t * \t}\n\t\t\t * ]\n\t\t\t * ```\n\t\t\t *\n\t\t\t * See {@link module:mention/mentionconfig~MentionConfig}.\n\t\t\t *\n\t\t\t * @error mentioncommand-incorrect-id\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'mentioncommand-incorrect-id',\n\t\t\t\tthis\n\t\t\t);\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tconst currentAttributes = toMap( selection.getAttributes() );\n\t\t\tconst attributesWithMention = new Map( currentAttributes.entries() );\n\n\t\t\tattributesWithMention.set( 'mention', mention );\n\n\t\t\t// Replace a range with the text with a mention.\n\t\t\tconst insertionRange = model.insertContent( writer.createText( mentionText, attributesWithMention ), range );\n\t\t\tconst nodeBefore = insertionRange.start.nodeBefore;\n\t\t\tconst nodeAfter = insertionRange.end.nodeAfter;\n\n\t\t\tconst isFollowedByWhiteSpace = nodeAfter && nodeAfter.is( '$text' ) && nodeAfter.data.startsWith( ' ' );\n\t\t\tlet isInsertedInBrackets = false;\n\n\t\t\tif ( nodeBefore && nodeAfter && nodeBefore.is( '$text' ) && nodeAfter.is( '$text' ) ) {\n\t\t\t\tconst precedingCharacter = nodeBefore.data.slice( -1 );\n\t\t\t\tconst isPrecededByOpeningBracket = precedingCharacter in BRACKET_PAIRS;\n\t\t\t\tconst isFollowedByBracketClosure = isPrecededByOpeningBracket && nodeAfter.data.startsWith(\n\t\t\t\t\tBRACKET_PAIRS[ precedingCharacter as keyof typeof BRACKET_PAIRS ]\n\t\t\t\t);\n\n\t\t\t\tisInsertedInBrackets = isPrecededByOpeningBracket && isFollowedByBracketClosure;\n\t\t\t}\n\n\t\t\t// Don't add a white space if either of the following is true:\n\t\t\t// * there's already one after the mention;\n\t\t\t// * the mention was inserted in the empty matching brackets.\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/4651\n\t\t\tif ( !isInsertedInBrackets && !isFollowedByWhiteSpace ) {\n\t\t\t\tmodel.insertContent( writer.createText( ' ', currentAttributes ), range!.start.getShiftedBy( mentionText.length ) );\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 mention/mentionediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type {\n\tModelElement,\n\tModelText,\n\tModelWriter,\n\tModelDocument,\n\tViewAttributeElement,\n\tDowncastConversionApi,\n\tDowncastDispatcher,\n\tModelPosition,\n\tModelSchema,\n\tDowncastAttributeEvent,\n\tModelItem\n} from 'ckeditor5/src/engine.js';\nimport { uid } from 'ckeditor5/src/utils.js';\n\nimport { MentionCommand } from './mentioncommand.js';\nimport type { MentionAttribute } from './mention.js';\n\n/**\n * The mention editing feature.\n *\n * It introduces the {@link module:mention/mentioncommand~MentionCommand command} and the `mention`\n * attribute in the {@link module:engine/model/model~Model model} which renders in the {@link module:engine/view/view view}\n * as a `<span class=\"mention\" data-mention=\"@mention\">`.\n */\nexport class MentionEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'MentionEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst doc = model.document;\n\n\t\t// Allow the mention attribute on all text nodes.\n\t\tmodel.schema.extend( '$text', { allowAttributes: 'mention' } );\n\n\t\t// Upcast conversion.\n\t\teditor.conversion.for( 'upcast' ).elementToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tattributes: 'data-mention',\n\t\t\t\tclasses: 'mention'\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'mention',\n\t\t\t\tvalue: ( viewElement: ModelElement ) => _toMentionAttribute( viewElement )\n\t\t\t}\n\t\t} );\n\n\t\t// Downcast conversion.\n\t\teditor.conversion.for( 'downcast' ).attributeToElement( {\n\t\t\tmodel: 'mention',\n\t\t\tview: createViewMentionElement\n\t\t} );\n\t\teditor.conversion.for( 'downcast' ).add( preventPartialMentionDowncast );\n\n\t\tdoc.registerPostFixer( writer => removePartialMentionPostFixer( writer, doc, model.schema ) );\n\t\tdoc.registerPostFixer( writer => extendAttributeOnMentionPostFixer( writer, doc ) );\n\t\tdoc.registerPostFixer( writer => selectionMentionAttributePostFixer( writer, doc ) );\n\n\t\teditor.commands.add( 'mention', new MentionCommand( editor ) );\n\t}\n}\n\n/**\n * @internal\n */\nexport function _addMentionAttributes(\n\tbaseMentionData: { id: string; _text: string },\n\tdata?: Record<string, unknown>\n): MentionAttribute {\n\treturn Object.assign( { uid: uid() }, baseMentionData, data || {} );\n}\n\n/**\n * Creates a mention attribute value from the provided view element and optional data.\n *\n * This function is exposed as\n * {@link module:mention/mention~Mention#toMentionAttribute `editor.plugins.get( 'Mention' ).toMentionAttribute()`}.\n *\n * @internal\n */\nexport function _toMentionAttribute(\n\tviewElementOrMention: ModelElement,\n\tdata?: Record<string, unknown>\n): MentionAttribute | undefined {\n\tconst dataMention = viewElementOrMention.getAttribute( 'data-mention' ) as string;\n\n\tconst textNode = viewElementOrMention.getChild( 0 ) as ModelText;\n\n\t// Do not convert empty mentions.\n\tif ( !textNode ) {\n\t\treturn;\n\t}\n\n\tconst baseMentionData = {\n\t\tid: dataMention,\n\t\t_text: textNode.data\n\t};\n\n\treturn _addMentionAttributes( baseMentionData, data );\n}\n\n/**\n * A converter that blocks partial mention from being converted.\n *\n * This converter is registered with 'highest' priority in order to consume mention attribute before it is converted by\n * any other converters. This converter only consumes partial mention - those whose `_text` attribute is not equal to text with mention\n * attribute. This may happen when copying part of mention text.\n */\nfunction preventPartialMentionDowncast( dispatcher: DowncastDispatcher ) {\n\tdispatcher.on<DowncastAttributeEvent>( 'attribute:mention', ( evt, data, conversionApi ) => {\n\t\tconst mention = data.attributeNewValue as MentionAttribute;\n\n\t\tif ( !data.item.is( '$textProxy' ) || !mention ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst start = data.range.start;\n\t\tconst textNode = start.textNode || start.nodeAfter as ModelText;\n\n\t\tif ( textNode!.data != mention._text ) {\n\t\t\t// Consume item to prevent partial mention conversion.\n\t\t\tconversionApi.consumable.consume( data.item, evt.name );\n\t\t}\n\t}, { priority: 'highest' } );\n}\n\n/**\n * Creates a mention element from the mention data.\n */\nfunction createViewMentionElement( mention: MentionAttribute, { writer }: DowncastConversionApi ): ViewAttributeElement | undefined {\n\tif ( !mention ) {\n\t\treturn;\n\t}\n\n\tconst attributes = {\n\t\tclass: 'mention',\n\t\t'data-mention': mention.id\n\t};\n\n\tconst options = {\n\t\tid: mention.uid,\n\t\tpriority: 20\n\t};\n\n\treturn writer.createAttributeElement( 'span', attributes, options );\n}\n\n/**\n * Model post-fixer that disallows typing with selection when the selection is placed after the text node with the mention attribute or\n * before a text node with mention attribute.\n */\nfunction selectionMentionAttributePostFixer( writer: ModelWriter, doc: ModelDocument ): boolean {\n\tconst selection = doc.selection;\n\tconst focus = selection.focus;\n\n\tif ( selection.isCollapsed && selection.hasAttribute( 'mention' ) && shouldNotTypeWithMentionAt( focus! ) ) {\n\t\twriter.removeSelectionAttribute( 'mention' );\n\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Helper function to detect if mention attribute should be removed from selection.\n * This check makes only sense if the selection has mention attribute.\n *\n * The mention attribute should be removed from a selection when selection focus is placed:\n * a) after a text node\n * b) the position is at parents start - the selection will set attributes from node after.\n */\nfunction shouldNotTypeWithMentionAt( position: ModelPosition ): boolean {\n\tconst isAtStart = position.isAtStart;\n\tconst isAfterAMention = position.nodeBefore && position.nodeBefore.is( '$text' );\n\n\treturn isAfterAMention || isAtStart;\n}\n\n/**\n * Model post-fixer that removes the mention attribute from the modified text node.\n */\nfunction removePartialMentionPostFixer( writer: ModelWriter, doc: ModelDocument, schema: ModelSchema ): boolean {\n\tconst changes = doc.differ.getChanges();\n\n\tlet wasChanged = false;\n\n\tfor ( const change of changes ) {\n\t\tif ( change.type == 'attribute' ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Checks the text node on the current position.\n\t\tconst position = change.position;\n\n\t\tif ( change.name == '$text' ) {\n\t\t\tconst nodeAfterInsertedTextNode = position.textNode && position.textNode.nextSibling;\n\n\t\t\t// Checks the text node where the change occurred.\n\t\t\twasChanged = checkAndFix( position.textNode, writer ) || wasChanged;\n\n\t\t\t// Occurs on paste inside a text node with mention.\n\t\t\twasChanged = checkAndFix( nodeAfterInsertedTextNode, writer ) || wasChanged;\n\t\t\twasChanged = checkAndFix( position.nodeBefore, writer ) || wasChanged;\n\t\t\twasChanged = checkAndFix( position.nodeAfter, writer ) || wasChanged;\n\t\t}\n\n\t\t// Checks text nodes in inserted elements (might occur when splitting a paragraph or pasting content inside text with mention).\n\t\tif ( change.name != '$text' && change.type == 'insert' ) {\n\t\t\tconst insertedNode = position.nodeAfter as ModelElement;\n\n\t\t\tfor ( const item of writer.createRangeIn( insertedNode! ).getItems() ) {\n\t\t\t\twasChanged = checkAndFix( item, writer ) || wasChanged;\n\t\t\t}\n\t\t}\n\n\t\t// Inserted inline elements might break mention.\n\t\tif ( change.type == 'insert' && schema.isInline( change.name ) ) {\n\t\t\tconst nodeAfterInserted = position.nodeAfter && position.nodeAfter.nextSibling;\n\n\t\t\twasChanged = checkAndFix( position.nodeBefore, writer ) || wasChanged;\n\t\t\twasChanged = checkAndFix( nodeAfterInserted, writer ) || wasChanged;\n\t\t}\n\t}\n\n\treturn wasChanged;\n}\n\n/**\n * This post-fixer will extend the attribute applied on the part of the mention so the whole text node of the mention will have\n * the added attribute.\n */\nfunction extendAttributeOnMentionPostFixer( writer: ModelWriter, doc: ModelDocument ): boolean {\n\tconst changes = doc.differ.getChanges();\n\n\tlet wasChanged = false;\n\n\tfor ( const change of changes ) {\n\t\tif ( change.type === 'attribute' && change.attributeKey != 'mention' ) {\n\t\t\t// Checks the node on the left side of the range...\n\t\t\tconst nodeBefore = change.range.start.nodeBefore;\n\t\t\t// ... and on the right side of the range.\n\t\t\tconst nodeAfter = change.range.end.nodeAfter;\n\n\t\t\tfor ( const node of [ nodeBefore, nodeAfter ] ) {\n\t\t\t\tif ( isBrokenMentionNode( node ) && node!.getAttribute( change.attributeKey ) != change.attributeNewValue ) {\n\t\t\t\t\twriter.setAttribute( change.attributeKey, change.attributeNewValue, node! );\n\n\t\t\t\t\twasChanged = true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn wasChanged;\n}\n\n/**\n * Checks if a node has a correct mention attribute if present.\n * Returns `true` if the node is text and has a mention attribute whose text does not match the expected mention text.\n */\nfunction isBrokenMentionNode( node: ModelItem | null ): boolean {\n\tif ( !node || !( node.is( '$text' ) || node.is( '$textProxy' ) ) || !node.hasAttribute( 'mention' ) ) {\n\t\treturn false;\n\t}\n\n\tconst text = node.data;\n\tconst mention = node.getAttribute( 'mention' ) as MentionAttribute;\n\n\tconst expectedText = mention._text;\n\n\treturn text != expectedText;\n}\n\n/**\n * Fixes a mention on a text node if it needs a fix.\n */\nfunction checkAndFix( textNode: ModelItem | null, writer: ModelWriter ): boolean {\n\tif ( isBrokenMentionNode( textNode ) ) {\n\t\twriter.removeAttribute( 'mention', textNode! );\n\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 mention/ui/mentionsview\n */\n\nimport { ListView } from 'ckeditor5/src/ui.js';\nimport { Rect, type Locale } from 'ckeditor5/src/utils.js';\n\nimport { type MentionListItemView } from './mentionlistitemview.js';\n\nimport '../../theme/mentionui.css';\n\n/**\n * The mention ui view.\n */\nexport class MentionsView extends ListView {\n\tpublic selected: MentionListItemView | undefined;\n\n\tpublic position: string | undefined;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-mentions'\n\t\t\t\t],\n\n\t\t\t\ttabindex: '-1'\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * {@link #select Selects} the first item.\n\t */\n\tpublic selectFirst(): void {\n\t\tthis.select( 0 );\n\t}\n\n\t/**\n\t * Selects next item to the currently {@link #select selected}.\n\t *\n\t * If the last item is already selected, it will select the first item.\n\t */\n\tpublic selectNext(): void {\n\t\tconst item = this.selected;\n\t\tconst index = this.items.getIndex( item! );\n\n\t\tthis.select( index + 1 );\n\t}\n\n\t/**\n\t * Selects previous item to the currently {@link #select selected}.\n\t *\n\t * If the first item is already selected, it will select the last item.\n\t */\n\tpublic selectPrevious(): void {\n\t\tconst item = this.selected;\n\t\tconst index = this.items.getIndex( item! );\n\n\t\tthis.select( index - 1 );\n\t}\n\n\t/**\n\t * Marks item at a given index as selected.\n\t *\n\t * Handles selection cycling when passed index is out of bounds:\n\t * - if the index is lower than 0, it will select the last item,\n\t * - if the index is higher than the last item index, it will select the first item.\n\t *\n\t * @param index Index of an item to be marked as selected.\n\t */\n\tpublic select( index: number ): void {\n\t\tlet indexToGet = 0;\n\n\t\tif ( index > 0 && index < this.items.length ) {\n\t\t\tindexToGet = index;\n\t\t} else if ( index < 0 ) {\n\t\t\tindexToGet = this.items.length - 1;\n\t\t}\n\n\t\tconst item = this.items.get( indexToGet ) as MentionListItemView;\n\n\t\t// Return early if item is already selected.\n\t\tif ( this.selected === item ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Remove highlight of previously selected item.\n\t\tif ( this.selected ) {\n\t\t\tthis.selected.removeHighlight();\n\t\t}\n\n\t\titem.highlight();\n\t\tthis.selected = item;\n\n\t\t// Scroll the mentions view to the selected element.\n\t\tif ( !this._isItemVisibleInScrolledArea( item ) ) {\n\t\t\tthis.element!.scrollTop = item.element!.offsetTop;\n\t\t}\n\t}\n\n\t/**\n\t * Triggers the `execute` event on the {@link #select selected} item.\n\t */\n\tpublic executeSelected(): void {\n\t\tthis.selected!.fire( 'execute' );\n\t}\n\n\t/**\n\t * Checks if an item is visible in the scrollable area.\n\t *\n\t * The item is considered visible when:\n\t * - its top boundary is inside the scrollable rect\n\t * - its bottom boundary is inside the scrollable rect (the whole item must be visible)\n\t */\n\tprivate _isItemVisibleInScrolledArea( item: MentionListItemView ) {\n\t\treturn new Rect( this.element! ).contains( new Rect( item.element! ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 mention/ui/domwrapperview\n */\n\nimport { View } from 'ckeditor5/src/ui.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\n\n/**\n * This class wraps DOM element as a CKEditor5 UI View.\n *\n * It allows to render any DOM element and use it in mentions list.\n */\nexport class MentionDomWrapperView extends View {\n\t/**\n\t * The DOM element for which wrapper was created.\n\t */\n\tpublic domElement: HTMLElement;\n\n\t/**\n\t * Controls whether the dom wrapper view is \"on\". This is in line with {@link module:ui/button/button~Button#isOn} property.\n\t *\n\t * @observable\n\t * @default true\n\t */\n\tdeclare public isOn: boolean;\n\n\t/**\n\t * Creates an instance of {@link module:mention/ui/domwrapperview~MentionDomWrapperView} class.\n\t *\n\t * Also see {@link #render}.\n\t */\n\tconstructor( locale: Locale, domElement: HTMLElement ) {\n\t\tsuper( locale );\n\n\t\t// Disable template rendering on this view.\n\t\tthis.template = undefined;\n\n\t\tthis.domElement = domElement;\n\n\t\t// Render dom wrapper as a button.\n\t\tthis.domElement.classList.add( 'ck-button' );\n\n\t\tthis.set( 'isOn', false );\n\n\t\t// Handle isOn state as in buttons.\n\t\tthis.on( 'change:isOn', ( evt, name, isOn ) => {\n\t\t\tif ( isOn ) {\n\t\t\t\tthis.domElement.classList.add( 'ck-on' );\n\t\t\t\tthis.domElement.classList.remove( 'ck-off' );\n\t\t\t} else {\n\t\t\t\tthis.domElement.classList.add( 'ck-off' );\n\t\t\t\tthis.domElement.classList.remove( 'ck-on' );\n\t\t\t}\n\t\t} );\n\n\t\t// Pass click event as execute event.\n\t\tthis.listenTo( this.domElement, 'click', () => {\n\t\t\tthis.fire( 'execute' );\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.element = this.domElement;\n\t}\n\n\t/**\n\t * Focuses the DOM element.\n\t */\n\tpublic focus(): void {\n\t\tthis.domElement.focus();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 mention/ui/mentionlistitemview\n */\n\nimport { ListItemView } from 'ckeditor5/src/ui.js';\n\nimport type { MentionFeedItem } from '../mentionconfig.js';\n\nimport { type MentionDomWrapperView } from './domwrapperview.js';\n\nexport class MentionListItemView extends ListItemView {\n\tpublic item!: MentionFeedItem;\n\n\tpublic marker!: string;\n\n\tpublic highlight(): void {\n\t\tconst child = this.children.first as MentionDomWrapperView;\n\n\t\tchild.isOn = true;\n\t}\n\n\tpublic removeHighlight(): void {\n\t\tconst child = this.children.first as MentionDomWrapperView;\n\n\t\tchild.isOn = false;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 mention/mentionui\n */\n\nimport {\n\tPlugin,\n\ttype Editor\n} from 'ckeditor5/src/core.js';\n\nimport type {\n\tViewDocumentKeyDownEvent,\n\tMarker,\n\tModelPosition\n} from 'ckeditor5/src/engine.js';\n\nimport {\n\tButtonView,\n\tContextualBalloon,\n\tclickOutsideHandler\n} from 'ckeditor5/src/ui.js';\n\nimport {\n\tCKEditorError,\n\tCollection,\n\tRect,\n\tenv,\n\tkeyCodes,\n\tlogWarning,\n\ttype DomOptimalPositionOptions\n} from 'ckeditor5/src/utils.js';\n\nimport { TextWatcher, type TextWatcherMatchedEvent } from 'ckeditor5/src/typing.js';\n\nimport { debounce } from 'es-toolkit/compat';\n\nimport { MentionsView } from './ui/mentionsview.js';\nimport { MentionDomWrapperView } from './ui/domwrapperview.js';\nimport { MentionListItemView } from './ui/mentionlistitemview.js';\n\nimport type {\n\tMentionFeedbackCallback,\n\tMentionFeed,\n\tMentionFeedItem,\n\tMentionItemRenderer,\n\tMentionFeedObjectItem\n} from './mentionconfig.js';\n\nconst VERTICAL_SPACING = 3;\n\n// The key codes that mention UI handles when it is open (without commit keys).\nconst defaultHandledKeyCodes = [\n\tkeyCodes.arrowup,\n\tkeyCodes.arrowdown,\n\tkeyCodes.esc\n];\n\n// Dropdown commit key codes.\nconst defaultCommitKeyCodes = [\n\tkeyCodes.enter,\n\tkeyCodes.tab\n];\n\n/**\n * The mention UI feature.\n */\nexport class MentionUI extends Plugin {\n\t/**\n\t * The mention view.\n\t */\n\tprivate readonly _mentionsView: MentionsView;\n\n\t/**\n\t * Stores mention feeds configurations.\n\t */\n\tprivate _mentionsConfigurations: Map<string, Definition>;\n\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate _balloon: ContextualBalloon | undefined;\n\n\tprivate _items = new Collection<{ item: MentionFeedObjectItem; marker: string }>();\n\n\tprivate _lastRequested?: string;\n\n\t/**\n\t * Debounced feed requester. It uses `es-toolkit#debounce` method to delay function call.\n\t */\n\tprivate _requestFeedDebounced: ( marker: string, feedText: string ) => void;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'MentionUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._mentionsView = this._createMentionView();\n\t\tthis._mentionsConfigurations = new Map();\n\t\tthis._requestFeedDebounced = debounce( this._requestFeed, 100 );\n\n\t\teditor.config.define( 'mention', { feeds: [] } );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tconst commitKeys = editor.config.get( 'mention.commitKeys' ) || defaultCommitKeyCodes;\n\t\tconst handledKeyCodes = defaultHandledKeyCodes.concat( commitKeys );\n\n\t\tthis._balloon = editor.plugins.get( ContextualBalloon );\n\n\t\t// Key listener that handles navigation in mention view.\n\t\teditor.editing.view.document.on<ViewDocumentKeyDownEvent>( 'keydown', ( evt, data ) => {\n\t\t\tif ( isHandledKey( data.keyCode ) && this._isUIVisible ) {\n\t\t\t\tdata.preventDefault();\n\t\t\t\tevt.stop(); // Required for Enter key overriding.\n\n\t\t\t\tif ( data.keyCode == keyCodes.arrowdown ) {\n\t\t\t\t\tthis._mentionsView.selectNext();\n\t\t\t\t}\n\n\t\t\t\tif ( data.keyCode == keyCodes.arrowup ) {\n\t\t\t\t\tthis._mentionsView.selectPrevious();\n\t\t\t\t}\n\n\t\t\t\tif ( commitKeys.includes( data.keyCode ) ) {\n\t\t\t\t\tthis._mentionsView.executeSelected();\n\t\t\t\t}\n\n\t\t\t\tif ( data.keyCode == keyCodes.esc ) {\n\t\t\t\t\tthis._hideUIAndRemoveMarker();\n\t\t\t\t}\n\t\t\t}\n\t\t}, { priority: 'highest' } ); // Required to override the Enter key.\n\n\t\t// Close the dropdown upon clicking outside of the plugin UI.\n\t\tclickOutsideHandler( {\n\t\t\temitter: this._mentionsView,\n\t\t\tactivator: () => this._isUIVisible,\n\t\t\tcontextElements: () => [ this._balloon!.view.element! ],\n\t\t\tcallback: () => this._hideUIAndRemoveMarker()\n\t\t} );\n\n\t\tconst feeds = editor.config.get( 'mention.feeds' )!;\n\n\t\tfor ( const mentionDescription of feeds ) {\n\t\t\tconst { feed, marker, dropdownLimit } = mentionDescription;\n\n\t\t\tif ( !isValidMentionMarker( marker ) ) {\n\t\t\t\t/**\n\t\t\t\t * The marker must be a single character.\n\t\t\t\t *\n\t\t\t\t * Correct markers: `'@'`, `'#'`.\n\t\t\t\t *\n\t\t\t\t * Incorrect markers: `'$$'`, `'[@'`.\n\t\t\t\t *\n\t\t\t\t * See {@link module:mention/mentionconfig~MentionConfig}.\n\t\t\t\t *\n\t\t\t\t * @error mentionconfig-incorrect-marker\n\t\t\t\t * @param {string} marker Configured marker\n\t\t\t\t */\n\t\t\t\tthrow new CKEditorError( 'mentionconfig-incorrect-marker', null, { marker } );\n\t\t\t}\n\n\t\t\tconst feedCallback = typeof feed == 'function' ? feed.bind( this.editor ) : createFeedCallback( feed );\n\t\t\tconst itemRenderer = mentionDescription.itemRenderer;\n\t\t\tconst definition = { marker, feedCallback, itemRenderer, dropdownLimit };\n\n\t\t\tthis._mentionsConfigurations.set( marker, definition );\n\t\t}\n\n\t\tthis._setupTextWatcher( feeds );\n\t\tthis.listenTo( editor, 'change:isReadOnly', () => {\n\t\t\tthis._hideUIAndRemoveMarker();\n\t\t} );\n\t\tthis.on<RequestFeedResponseEvent>( 'requestFeed:response', ( evt, data ) => this._handleFeedResponse( data ) );\n\t\tthis.on<RequestFeedErrorEvent>( 'requestFeed:error', () => this._hideUIAndRemoveMarker() );\n\n\t\t/**\n\t\t * Checks if a given key code is handled by the mention UI.\n\t\t */\n\t\tfunction isHandledKey( keyCode: number ): boolean {\n\t\t\treturn handledKeyCodes.includes( keyCode );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed (see ckeditor5#1341).\n\t\tthis._mentionsView.destroy();\n\t}\n\n\t/**\n\t * Returns true when {@link #_mentionsView} is in the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon} and it is\n\t * currently visible.\n\t */\n\tprivate get _isUIVisible(): boolean {\n\t\treturn this._balloon!.visibleView === this._mentionsView;\n\t}\n\n\t/**\n\t * Creates the {@link #_mentionsView}.\n\t */\n\tprivate _createMentionView(): MentionsView {\n\t\tconst locale = this.editor.locale;\n\n\t\tconst mentionsView = new MentionsView( locale );\n\n\t\tmentionsView.items.bindTo( this._items ).using( data => {\n\t\t\tconst { item, marker } = data;\n\n\t\t\tconst { dropdownLimit: markerDropdownLimit } = this._mentionsConfigurations.get( marker )!;\n\n\t\t\t// Set to 10 by default for backwards compatibility. See: #10479\n\t\t\tconst dropdownLimit = markerDropdownLimit || this.editor.config.get( 'mention.dropdownLimit' ) || 10;\n\n\t\t\tif ( mentionsView.items.length >= dropdownLimit ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst listItemView = new MentionListItemView( locale );\n\n\t\t\tconst view = this._renderItem( item, marker );\n\t\t\tview.delegate( 'execute' ).to( listItemView );\n\n\t\t\tlistItemView.children.add( view );\n\t\t\tlistItemView.item = item;\n\t\t\tlistItemView.marker = marker;\n\n\t\t\tlistItemView.on( 'execute', () => {\n\t\t\t\tmentionsView.fire( 'execute', {\n\t\t\t\t\titem,\n\t\t\t\t\tmarker\n\t\t\t\t} );\n\t\t\t} );\n\n\t\t\treturn listItemView;\n\t\t} );\n\n\t\tmentionsView.on( 'execute', ( evt, data ) => {\n\t\t\tconst editor = this.editor;\n\t\t\tconst model = editor.model;\n\n\t\t\tconst item = data.item;\n\t\t\tconst marker = data.marker;\n\n\t\t\tconst mentionMarker = editor.model.markers.get( 'mention' );\n\n\t\t\t// Create a range on matched text.\n\t\t\tconst end = model.createPositionAt( model.document.selection.focus! );\n\t\t\tconst start = model.createPositionAt( mentionMarker!.getStart() );\n\t\t\tconst range = model.createRange( start, end );\n\n\t\t\tthis._hideUIAndRemoveMarker();\n\n\t\t\teditor.execute( 'mention', {\n\t\t\t\tmention: item,\n\t\t\t\ttext: item.text,\n\t\t\t\tmarker,\n\t\t\t\trange\n\t\t\t} );\n\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn mentionsView;\n\t}\n\n\t/**\n\t * Returns item renderer for the marker.\n\t */\n\tprivate _getItemRenderer( marker: string ): MentionItemRenderer | undefined {\n\t\tconst { itemRenderer } = this._mentionsConfigurations.get( marker )!;\n\n\t\treturn itemRenderer;\n\t}\n\n\t/**\n\t * Requests a feed from a configured callbacks.\n\t */\n\tprivate _requestFeed( marker: string, feedText: string ): void {\n\t\t// @if CK_DEBUG_MENTION // console.log( '%c[Feed]%c Requesting for', 'color: blue', 'color: black', `\"${ feedText }\"` );\n\n\t\t// Store the last requested feed - it is used to discard any out-of order requests.\n\t\tthis._lastRequested = feedText;\n\n\t\tconst { feedCallback } = this._mentionsConfigurations.get( marker )!;\n\t\tconst feedResponse = feedCallback( feedText );\n\n\t\tconst isAsynchronous = feedResponse instanceof Promise;\n\n\t\t// For synchronous feeds (e.g. callbacks, arrays) fire the response event immediately.\n\t\tif ( !isAsynchronous ) {\n\t\t\tthis.fire<RequestFeedResponseEvent>( 'requestFeed:response', { feed: feedResponse, marker, feedText } );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Handle the asynchronous responses.\n\t\tfeedResponse\n\t\t\t.then( response => {\n\t\t\t\t// Check the feed text of this response with the last requested one so either:\n\t\t\t\tif ( this._lastRequested == feedText ) {\n\t\t\t\t\t// It is the same and fire the response event.\n\t\t\t\t\tthis.fire<RequestFeedResponseEvent>( 'requestFeed:response', { feed: response, marker, feedText } );\n\t\t\t\t} else {\n\t\t\t\t\t// It is different - most probably out-of-order one, so fire the discarded event.\n\t\t\t\t\tthis.fire<RequestFeedDiscardedEvent>( 'requestFeed:discarded', { feed: response, marker, feedText } );\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( error => {\n\t\t\t\tthis.fire<RequestFeedErrorEvent>( 'requestFeed:error', { error } );\n\n\t\t\t\t/**\n\t\t\t\t * The callback used for obtaining mention autocomplete feed thrown and error and the mention UI was hidden or\n\t\t\t\t * not displayed at all.\n\t\t\t\t *\n\t\t\t\t * @error mention-feed-callback-error\n\t\t\t\t */\n\t\t\t\tlogWarning( 'mention-feed-callback-error', { marker } );\n\t\t\t} );\n\t}\n\n\t/**\n\t * Registers a text watcher for the marker.\n\t */\n\tprivate _setupTextWatcher( feeds: Array<MentionFeed> ): TextWatcher {\n\t\tconst editor = this.editor;\n\n\t\tconst feedsWithPattern: Array<MentionFeed & { pattern: RegExp }> = feeds.map( feed => ( {\n\t\t\t...feed,\n\t\t\tpattern: createRegExp( feed.marker, feed.minimumCharacters || 0 )\n\t\t} ) );\n\n\t\tconst watcher = new TextWatcher( editor.model, createTestCallback( feedsWithPattern ) );\n\n\t\twatcher.on<TextWatcherMatchedEvent>( 'matched', ( evt, data ) => {\n\t\t\tconst markerDefinition = getLastValidMarkerInText( feedsWithPattern, data.text );\n\t\t\tconst selection = editor.model.document.selection;\n\t\t\tconst focus = selection.focus;\n\t\t\tconst markerPosition = editor.model.createPositionAt( focus!.parent, markerDefinition!.position );\n\n\t\t\tif ( isPositionInExistingMention( focus! ) || isMarkerInExistingMention( markerPosition ) ) {\n\t\t\t\tthis._hideUIAndRemoveMarker();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst feedText = requestFeedText( markerDefinition, data.text );\n\t\t\tconst matchedTextLength = markerDefinition!.marker.length + feedText.length;\n\n\t\t\t// Create a marker range.\n\t\t\tconst start = focus!.getShiftedBy( -matchedTextLength );\n\t\t\tconst end = focus!.getShiftedBy( -feedText.length );\n\n\t\t\tconst markerRange = editor.model.createRange( start, end );\n\n\t\t\t// @if CK_DEBUG_MENTION // console.group( '%c[TextWatcher]%c matched', 'color: red', 'color: black', `\"${ feedText }\"` );\n\t\t\t// @if CK_DEBUG_MENTION // console.log( 'data#text', `\"${ data.text }\"` );\n\t\t\t// @if CK_DEBUG_MENTION // console.log( 'data#range', data.range.start.path, data.range.end.path );\n\t\t\t// @if CK_DEBUG_MENTION // console.log( 'marker definition', markerDefinition );\n\t\t\t// @if CK_DEBUG_MENTION // console.log( 'marker range', markerRange.start.path, markerRange.end.path );\n\n\t\t\tif ( checkIfStillInCompletionMode( editor ) ) {\n\t\t\t\tconst mentionMarker = editor.model.markers.get( 'mention' )!;\n\n\t\t\t\t// Update the marker - user might've moved the selection to other mention trigger.\n\t\t\t\teditor.model.change( writer => {\n\t\t\t\t\t// @if CK_DEBUG_MENTION // console.log( '%c[Editing]%c Updating the marker.', 'color: purple', 'color: black' );\n\n\t\t\t\t\twriter.updateMarker( mentionMarker, { range: markerRange } );\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\teditor.model.change( writer => {\n\t\t\t\t\t// @if CK_DEBUG_MENTION // console.log( '%c[Editing]%c Adding the marker.', 'color: purple', 'color: black' );\n\n\t\t\t\t\twriter.addMarker( 'mention', { range: markerRange, usingOperation: false, affectsData: false } );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tthis._requestFeedDebounced( markerDefinition!.marker, feedText );\n\n\t\t\t// @if CK_DEBUG_MENTION // console.groupEnd();\n\t\t} );\n\n\t\twatcher.on( 'unmatched', () => {\n\t\t\tthis._hideUIAndRemoveMarker();\n\t\t} );\n\n\t\tconst mentionCommand = editor.commands.get( 'mention' )!;\n\t\twatcher.bind( 'isEnabled' ).to( mentionCommand );\n\n\t\treturn watcher;\n\t}\n\n\t/**\n\t * Handles the feed response event data.\n\t */\n\tprivate _handleFeedResponse( data: RequestFeedResponseEvent['args'][0] ) {\n\t\tconst { feed, marker } = data;\n\n\t\t// eslint-disable-next-line @stylistic/max-len\n\t\t// @if CK_DEBUG_MENTION // console.log( `%c[Feed]%c Response for \"${ data.feedText }\" (${ feed.length })`, 'color: blue', 'color: black', feed );\n\n\t\t// If the marker is not in the document happens when the selection had changed and the 'mention' marker was removed.\n\t\tif ( !checkIfStillInCompletionMode( this.editor ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Reset the view.\n\t\tthis._items.clear();\n\n\t\tfor ( const feedItem of feed ) {\n\t\t\tconst item = typeof feedItem != 'object' ? { id: feedItem, text: feedItem } : feedItem;\n\n\t\t\tthis._items.add( { item, marker } );\n\t\t}\n\n\t\tconst mentionMarker = this.editor.model.markers.get( 'mention' );\n\n\t\tif ( this._items.length ) {\n\t\t\tthis._showOrUpdateUI( mentionMarker! );\n\t\t} else {\n\t\t\t// Do not show empty mention UI.\n\t\t\tthis._hideUIAndRemoveMarker();\n\t\t}\n\t}\n\n\t/**\n\t * Shows the mentions balloon. If the panel is already visible, it will reposition it.\n\t */\n\tprivate _showOrUpdateUI( markerMarker: Marker ): void {\n\t\tif ( this._isUIVisible ) {\n\t\t\t// @if CK_DEBUG_MENTION // console.log( '%c[UI]%c Updating position.', 'color: green', 'color: black' );\n\n\t\t\t// Update balloon position as the mention list view may change its size.\n\t\t\tthis._balloon!.updatePosition( this._getBalloonPanelPositionData( markerMarker, this._mentionsView!.position ) );\n\t\t} else {\n\t\t\t// @if CK_DEBUG_MENTION // console.log( '%c[UI]%c Showing the UI.', 'color: green', 'color: black' );\n\n\t\t\tthis._balloon!.add( {\n\t\t\t\tview: this._mentionsView,\n\t\t\t\tposition: this._getBalloonPanelPositionData( markerMarker, this._mentionsView.position ),\n\t\t\t\tsingleViewMode: true,\n\t\t\t\tballoonClassName: 'ck-mention-balloon'\n\t\t\t} );\n\t\t}\n\n\t\tthis._mentionsView.position = this._balloon!.view.position;\n\t\tthis._mentionsView.selectFirst();\n\t}\n\n\t/**\n\t * Hides the mentions balloon and removes the 'mention' marker from the markers collection.\n\t */\n\tprivate _hideUIAndRemoveMarker(): void {\n\t\t// Remove the mention view from balloon before removing marker - it is used by balloon position target().\n\t\tif ( this._balloon!.hasView( this._mentionsView ) ) {\n\t\t\t// @if CK_DEBUG_MENTION // console.log( '%c[UI]%c Hiding the UI.', 'color: green', 'color: black' );\n\n\t\t\tthis._balloon!.remove( this._mentionsView );\n\t\t}\n\n\t\tif ( checkIfStillInCompletionMode( this.editor ) ) {\n\t\t\t// @if CK_DEBUG_MENTION // console.log( '%c[Editing]%c Removing marker.', 'color: purple', 'color: black' );\n\n\t\t\tthis.editor.model.change( writer => writer.removeMarker( 'mention' ) );\n\t\t}\n\n\t\t// Make the last matched position on panel view undefined so the #_getBalloonPanelPositionData() method will return all positions\n\t\t// on the next call.\n\t\tthis._mentionsView.position = undefined;\n\t}\n\n\t/**\n\t * Renders a single item in the autocomplete list.\n\t */\n\tprivate _renderItem( item: MentionFeedObjectItem, marker: string ): MentionDomWrapperView | ButtonView {\n\t\tconst editor = this.editor;\n\n\t\tlet view;\n\t\tlet label = item.id;\n\n\t\tconst renderer = this._getItemRenderer( marker );\n\n\t\tif ( renderer ) {\n\t\t\tconst renderResult = renderer( item );\n\n\t\t\tif ( typeof renderResult != 'string' ) {\n\t\t\t\tview = new MentionDomWrapperView( editor.locale, renderResult );\n\t\t\t} else {\n\t\t\t\tlabel = renderResult;\n\t\t\t}\n\t\t}\n\n\t\tif ( !view ) {\n\t\t\tconst buttonView = new ButtonView( editor.locale );\n\n\t\t\tbuttonView.label = label;\n\t\t\tbuttonView.withText = true;\n\n\t\t\tview = buttonView;\n\t\t}\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Creates a position options object used to position the balloon panel.\n\t *\n\t * @param mentionMarker\n\t * @param preferredPosition The name of the last matched position name.\n\t */\n\tprivate _getBalloonPanelPositionData(\n\t\tmentionMarker: Marker,\n\t\tpreferredPosition: MentionsView['position']\n\t): Partial<DomOptimalPositionOptions> {\n\t\tconst editor = this.editor;\n\t\tconst editing = editor.editing;\n\t\tconst domConverter = editing.view.domConverter;\n\t\tconst mapper = editing.mapper;\n\t\tconst uiLanguageDirection = editor.locale.uiLanguageDirection;\n\n\t\treturn {\n\t\t\ttarget: () => {\n\t\t\t\tlet modelRange = mentionMarker.getRange();\n\n\t\t\t\t// Target the UI to the model selection range - the marker has been removed so probably the UI will not be shown anyway.\n\t\t\t\t// The logic is used by ContextualBalloon to display another panel in the same place.\n\t\t\t\tif ( modelRange.start.root.rootName == '$graveyard' ) {\n\t\t\t\t\tmodelRange = editor.model.document.selection.getFirstRange()!;\n\t\t\t\t}\n\n\t\t\t\tconst viewRange = mapper.toViewRange( modelRange );\n\t\t\t\tconst rangeRects = Rect.getDomRangeRects( domConverter.viewRangeToDom( viewRange ) );\n\n\t\t\t\treturn rangeRects.pop()!;\n\t\t\t},\n\t\t\tlimiter: () => {\n\t\t\t\tconst view = this.editor.editing.view;\n\t\t\t\tconst viewDocument = view.document;\n\t\t\t\tconst editableElement = viewDocument.selection.editableElement;\n\n\t\t\t\tif ( editableElement ) {\n\t\t\t\t\treturn view.domConverter.mapViewToDom( editableElement.root ) as HTMLElement;\n\t\t\t\t}\n\n\t\t\t\treturn null;\n\t\t\t},\n\t\t\tpositions: getBalloonPanelPositions( preferredPosition, uiLanguageDirection )\n\t\t};\n\t}\n}\n\n/**\n * Returns the balloon positions data callbacks.\n */\nfunction getBalloonPanelPositions(\n\tpreferredPosition: MentionsView['position'],\n\tuiLanguageDirection: string\n): DomOptimalPositionOptions['positions'] {\n\tconst positions: Record<string, DomOptimalPositionOptions['positions'][0]> = {\n\t\t// Positions the panel to the southeast of the caret rectangle.\n\t\t'caret_se': ( targetRect: Rect ) => {\n\t\t\treturn {\n\t\t\t\ttop: targetRect.bottom + VERTICAL_SPACING,\n\t\t\t\tleft: targetRect.right,\n\t\t\t\tname: 'caret_se',\n\t\t\t\tconfig: {\n\t\t\t\t\twithArrow: false\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\n\t\t// Positions the panel to the northeast of the caret rectangle.\n\t\t'caret_ne': ( targetRect: Rect, balloonRect: Rect ) => {\n\t\t\treturn {\n\t\t\t\ttop: targetRect.top - balloonRect.height - VERTICAL_SPACING,\n\t\t\t\tleft: targetRect.right,\n\t\t\t\tname: 'caret_ne',\n\t\t\t\tconfig: {\n\t\t\t\t\twithArrow: false\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\n\t\t// Positions the panel to the southwest of the caret rectangle.\n\t\t'caret_sw': ( targetRect: Rect, balloonRect: Rect ) => {\n\t\t\treturn {\n\t\t\t\ttop: targetRect.bottom + VERTICAL_SPACING,\n\t\t\t\tleft: targetRect.right - balloonRect.width,\n\t\t\t\tname: 'caret_sw',\n\t\t\t\tconfig: {\n\t\t\t\t\twithArrow: false\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\n\t\t// Positions the panel to the northwest of the caret rect.\n\t\t'caret_nw': ( targetRect: Rect, balloonRect: Rect ) => {\n\t\t\treturn {\n\t\t\t\ttop: targetRect.top - balloonRect.height - VERTICAL_SPACING,\n\t\t\t\tleft: targetRect.right - balloonRect.width,\n\t\t\t\tname: 'caret_nw',\n\t\t\t\tconfig: {\n\t\t\t\t\twithArrow: false\n\t\t\t\t}\n\t\t\t};\n\t\t}\n\t};\n\n\t// Returns only the last position if it was matched to prevent the panel from jumping after the first match.\n\tif ( Object.prototype.hasOwnProperty.call( positions, preferredPosition! ) ) {\n\t\treturn [\n\t\t\tpositions[ preferredPosition! ]\n\t\t];\n\t}\n\n\t// By default, return all position callbacks ordered depending on the UI language direction.\n\treturn uiLanguageDirection !== 'rtl' ? [\n\t\tpositions.caret_se,\n\t\tpositions.caret_sw,\n\t\tpositions.caret_ne,\n\t\tpositions.caret_nw\n\t] : [\n\t\tpositions.caret_sw,\n\t\tpositions.caret_se,\n\t\tpositions.caret_nw,\n\t\tpositions.caret_ne\n\t];\n}\n\n/**\n * Returns a marker definition of the last valid occurring marker in a given string.\n * If there is no valid marker in a string, it returns undefined.\n *\n * Example of returned object:\n *\n * ```ts\n * {\n * \tmarker: '@',\n * \tposition: 4,\n * \tminimumCharacters: 0\n * }\n * ````\n *\n * @param feedsWithPattern Registered feeds in editor for mention plugin with created RegExp for matching marker.\n * @param text String to find the marker in\n * @returns Matched marker's definition\n */\nfunction getLastValidMarkerInText(\n\tfeedsWithPattern: Array<MentionFeed & { pattern: RegExp }>,\n\ttext: string\n): MarkerDefinition {\n\tlet lastValidMarker: any;\n\n\tfor ( const feed of feedsWithPattern ) {\n\t\tconst currentMarkerLastIndex = text.lastIndexOf( feed.marker );\n\n\t\tif ( currentMarkerLastIndex > 0 && !text.substring( currentMarkerLastIndex - 1 ).match( feed.pattern ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tif ( !lastValidMarker || currentMarkerLastIndex >= lastValidMarker.position ) {\n\t\t\tlastValidMarker = {\n\t\t\t\tmarker: feed.marker,\n\t\t\t\tposition: currentMarkerLastIndex,\n\t\t\t\tminimumCharacters: feed.minimumCharacters,\n\t\t\t\tpattern: feed.pattern\n\t\t\t};\n\t\t}\n\t}\n\n\treturn lastValidMarker;\n}\n\n/**\n * Creates a RegExp pattern for the marker.\n *\n * Function has to be exported to achieve 100% code coverage.\n *\n * @internal\n */\nexport function createRegExp( marker: string, minimumCharacters: number ): RegExp {\n\tconst numberOfCharacters = minimumCharacters == 0 ? '*' : `{${ minimumCharacters },}`;\n\tconst openAfterCharacters = env.features.isRegExpUnicodePropertySupported ? '\\\\p{Ps}\\\\p{Pi}\"\\'' : '\\\\(\\\\[{\"\\'';\n\tconst mentionCharacters = '.';\n\n\t// I wanted to make an util out of it, but since this regexp uses \"u\" flag, it became difficult.\n\t// When \"u\" flag is used, the regexp has \"strict\" escaping rules, i.e. if you try to escape a character that does not need\n\t// to be escaped, RegExp() will throw. It made it difficult to write a generic util, because different characters are\n\t// allowed in different context. For example, escaping \"-\" sometimes was correct, but sometimes it threw an error.\n\tmarker = marker.replace( /[.*+?^${}()\\-|[\\]\\\\]/g, '\\\\$&' );\n\n\t// The pattern consists of 3 groups:\n\t//\n\t// - 0 (non-capturing): Opening sequence - start of the line, space or an opening punctuation character like \"(\" or \"\\\"\",\n\t// - 1: The marker character(s),\n\t// - 2: Mention input (taking the minimal length into consideration to trigger the UI),\n\t//\n\t// The pattern matches up to the caret (end of string switch - $).\n\t//               (0:      opening sequence       )(1: marker  )(2:                typed mention              )$\n\tconst pattern = `(?:^|[ ${ openAfterCharacters }])(${ marker })(${ mentionCharacters }${ numberOfCharacters })$`;\n\n\treturn new RegExp( pattern, 'u' );\n}\n\n/**\n * Creates a test callback for the marker to be used in the text watcher instance.\n *\n * @param feedsWithPattern Feeds of mention plugin configured in editor with RegExp to match marker in text\n */\nfunction createTestCallback( feedsWithPattern: Array<MentionFeed & { pattern: RegExp }> ): ( text: string ) => boolean {\n\tconst textMatcher = ( text: string ) => {\n\t\tconst markerDefinition = getLastValidMarkerInText( feedsWithPattern, text );\n\n\t\tif ( !markerDefinition ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tlet splitStringFrom = 0;\n\n\t\tif ( markerDefinition.position !== 0 ) {\n\t\t\tsplitStringFrom = markerDefinition.position - 1;\n\t\t}\n\n\t\tconst textToTest = text.substring( splitStringFrom );\n\n\t\treturn markerDefinition.pattern.test( textToTest );\n\t};\n\n\treturn textMatcher;\n}\n\n/**\n * Creates a text matcher from the marker.\n */\nfunction requestFeedText( markerDefinition: MarkerDefinition, text: string ): string {\n\tlet splitStringFrom = 0;\n\n\tif ( markerDefinition.position !== 0 ) {\n\t\tsplitStringFrom = markerDefinition.position - 1;\n\t}\n\n\tconst regExp = createRegExp( markerDefinition.marker, 0 );\n\tconst textToMatch = text.substring( splitStringFrom );\n\tconst match = textToMatch.match( regExp )!;\n\n\treturn match[ 2 ];\n}\n\n/**\n * The default feed callback.\n */\nfunction createFeedCallback( feedItems: Array<MentionFeedItem> ) {\n\treturn ( feedText: string ) => {\n\t\tconst filteredItems = feedItems\n\t\t\t// Make the default mention feed case-insensitive.\n\t\t\t.filter( item => {\n\t\t\t\t// Item might be defined as object.\n\t\t\t\tconst itemId = typeof item == 'string' ? item : String( item.id );\n\n\t\t\t\t// The default feed is case insensitive.\n\t\t\t\treturn itemId.toLowerCase().includes( feedText.toLowerCase() );\n\t\t\t} );\n\t\treturn filteredItems;\n\t};\n}\n\n/**\n * Checks if position in inside or right after a text with a mention.\n */\nfunction isPositionInExistingMention( position: ModelPosition ): boolean | null {\n\t// The text watcher listens only to changed range in selection - so the selection attributes are not yet available\n\t// and you cannot use selection.hasAttribute( 'mention' ) just yet.\n\t// See https://github.com/ckeditor/ckeditor5-engine/issues/1723.\n\tconst hasMention = position.textNode && position.textNode.hasAttribute( 'mention' );\n\n\tconst nodeBefore = position.nodeBefore;\n\n\treturn hasMention || nodeBefore && nodeBefore.is( '$text' ) && nodeBefore.hasAttribute( 'mention' );\n}\n\n/**\n * Checks if the closest marker offset is at the beginning of a mention.\n *\n * See https://github.com/ckeditor/ckeditor5/issues/11400.\n */\nfunction isMarkerInExistingMention( markerPosition: ModelPosition ): boolean | null {\n\tconst nodeAfter = markerPosition.nodeAfter;\n\n\treturn nodeAfter && nodeAfter.is( '$text' ) && nodeAfter.hasAttribute( 'mention' );\n}\n\n/**\n * Checks if string is a valid mention marker.\n */\nfunction isValidMentionMarker( marker: string ): boolean {\n\treturn !!marker;\n}\n\n/**\n * Checks the mention plugins is in completion mode (e.g. when typing is after a valid mention string like @foo).\n */\nfunction checkIfStillInCompletionMode( editor: Editor ): boolean {\n\treturn editor.model.markers.has( 'mention' );\n}\n\ntype RequestFeedResponse = {\n\n\t/**\n\t * Autocomplete items\n\t */\n\tfeed: Array<MentionFeedItem>;\n\n\t/**\n\t * The character which triggers autocompletion for mention.\n\t */\n\tmarker: string;\n\n\t/**\n\t * The text for which feed items were requested.\n\t */\n\tfeedText: string;\n};\n\ntype RequestFeedError = {\n\n\t/**\n\t * The error that was caught.\n\t */\n\terror: ErrorEvent;\n};\n\n/**\n * Fired whenever requested feed has a response.\n */\ntype RequestFeedResponseEvent = {\n\tname: 'requestFeed:response';\n\targs: [ RequestFeedResponse ];\n};\n\n/**\n * Fired whenever the requested feed was discarded. This happens when the response was delayed and\n * other feed was already requested.\n */\ntype RequestFeedDiscardedEvent = {\n\tname: 'requestFeed:discarded';\n\targs: [ RequestFeedResponse ];\n};\n\n/**\n * Fired whenever the requested {@link module:mention/mentionconfig~MentionFeed#feed} promise fails with error.\n */\ntype RequestFeedErrorEvent = {\n\tname: 'requestFeed:error';\n\targs: [ RequestFeedError ];\n};\n\ntype Definition = {\n\tmarker: string;\n\tfeedCallback: MentionFeedbackCallback;\n\titemRenderer?: MentionItemRenderer;\n\tdropdownLimit?: number;\n};\n\ntype MarkerDefinition = {\n\tmarker: string;\n\tminimumCharacters?: number;\n\tpattern: RegExp;\n\tposition: number;\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 mention/mention\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\n\nimport { MentionEditing, _toMentionAttribute } from './mentionediting.js';\nimport { MentionUI } from './mentionui.js';\n\nimport '../theme/mention.css';\n\n/**\n * The mention plugin.\n *\n * For a detailed overview, check the {@glink features/mentions Mention feature} guide.\n */\nexport class Mention extends Plugin {\n\t/**\n\t * Creates a mention attribute value from the provided view element and additional data.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'Mention' ).toMentionAttribute( viewElement, { userId: '1234' } );\n\t *\n\t * // For a view element: <span data-mention=\"@joe\">@John Doe</span>\n\t * // it will return:\n\t * // { id: '@joe', userId: '1234', uid: '7a7bc7...', _text: '@John Doe' }\n\t * ```\n\t *\n\t * @param data Additional data to be stored in the mention attribute.\n\t */\n\tpublic toMentionAttribute<MentionData extends Record<string, unknown>>(\n\t\tviewElement: ModelElement,\n\t\tdata: MentionData\n\t): ( MentionAttribute & MentionData ) | undefined;\n\n\t/**\n\t * Creates a mention attribute value from the provided view element.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'Mention' ).toMentionAttribute( viewElement );\n\t *\n\t * // For a view element: <span data-mention=\"@joe\">@John Doe</span>\n\t * // it will return:\n\t * // { id: '@joe', uid: '7a7bc7...', _text: '@John Doe' }\n\t * ```\n\t */\n\tpublic toMentionAttribute( viewElement: ModelElement ): MentionAttribute | undefined;\n\n\tpublic toMentionAttribute( viewElement: ModelElement, data?: Record<string, unknown> ): MentionAttribute | undefined {\n\t\treturn _toMentionAttribute( viewElement, data );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Mention' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ MentionEditing, MentionUI ] as const;\n\t}\n}\n\n/**\n * Represents a mention in the model.\n *\n * See {@link module:mention/mention~Mention#toMentionAttribute `Mention#toMentionAttribute()`}.\n */\nexport type MentionAttribute = {\n\n\t/**\n\t * The ID of a mention. It identifies the mention item in the mention feed. There can be multiple mentions\n\t * in the document with the same ID (e.g. the same hashtag being mentioned).\n\t */\n\tid: string;\n\n\t/**\n\t * A unique ID of this mention instance. Should be passed as an `option.id` when using\n\t * {@link module:engine/view/downcastwriter~ViewDowncastWriter#createAttributeElement writer.createAttributeElement()}.\n\t */\n\tuid: string;\n\n\t/**\n\t * Helper property that stores the text of the inserted mention. Used for detecting a broken mention\n\t * in the editing area.\n\t *\n\t * @internal\n\t */\n\t_text: string;\n};\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { toUnit, global, Rect, findClosestScrollableAncestor } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { IframeView, View } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { ViewDomConverter, ViewRenderer } from '@ckeditor/ckeditor5-engine/dist/index.js';\n\nconst toPx$1 = /* #__PURE__ */ toUnit('px');\n/**\n * The internal `<iframe>` view that hosts the minimap content.\n *\n * @internal\n */ class MinimapIframeView extends IframeView {\n    /**\n\t * Cached view constructor options for re-use in other methods.\n\t */ _options;\n    /**\n\t * Creates an instance of the internal minimap iframe.\n\t */ constructor(locale, options){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('top', 0);\n        this.set('height', 0);\n        this._options = options;\n        this.extendTemplate({\n            attributes: {\n                tabindex: -1,\n                'aria-hidden': 'true',\n                class: [\n                    'ck-minimap__iframe'\n                ],\n                style: {\n                    top: bind.to('top', (top)=>toPx$1(top)),\n                    height: bind.to('height', (height)=>toPx$1(height))\n                }\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        return super.render().then(()=>{\n            this._prepareDocument();\n        });\n    }\n    /**\n\t * Sets the new height of the iframe.\n\t */ setHeight(newHeight) {\n        this.height = newHeight;\n    }\n    /**\n\t * Sets the top offset of the iframe to move it around vertically.\n\t */ setTopOffset(newOffset) {\n        this.top = newOffset;\n    }\n    /**\n\t * Sets the internal structure of the `<iframe>` readying it to display the\n\t * minimap element.\n\t */ _prepareDocument() {\n        const iframeDocument = this.element.contentWindow.document;\n        const domRootClone = iframeDocument.adoptNode(this._options.domRootClone);\n        const boxStyles = this._options.useSimplePreview ? `\n\t\t\t.ck.ck-editor__editable_inline img {\n\t\t\t\tfilter: contrast( 0 );\n\t\t\t}\n\n\t\t\tp, li, a, figcaption, span {\n\t\t\t\tbackground: hsl(0, 0%, 80%) !important;\n\t\t\t\tcolor: hsl(0, 0%, 80%) !important;\n\t\t\t}\n\n\t\t\th1, h2, h3, h4 {\n\t\t\t\tbackground: hsl(0, 0%, 60%) !important;\n\t\t\t\tcolor: hsl(0, 0%, 60%) !important;\n\t\t\t}\n\t\t` : '';\n        const pageStyles = this._options.pageStyles.map((definition)=>{\n            if (typeof definition === 'string') {\n                return `<style>${definition}</style>`;\n            } else {\n                return `<link rel=\"stylesheet\" type=\"text/css\" href=\"${definition.href}\">`;\n            }\n        }).join('\\n');\n        const html = `<!DOCTYPE html><html lang=\"en\">\n\t\t\t<head>\n\t\t\t\t<meta charset=\"utf-8\">\n\t\t\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t\t\t\t${pageStyles}\n\t\t\t\t<style>\n\t\t\t\t\thtml, body {\n\t\t\t\t\t\tmargin: 0 !important;\n\t\t\t\t\t\tpadding: 0 !important;\n\t\t\t\t\t}\n\n\t\t\t\t\thtml {\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t}\n\n\t\t\t\t\tbody {\n\t\t\t\t\t\ttransform: scale( ${this._options.scaleRatio} );\n\t\t\t\t\t\ttransform-origin: 0 0;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t}\n\n\t\t\t\t\t.ck.ck-editor__editable_inline {\n\t\t\t\t\t\tmargin: 0 !important;\n\t\t\t\t\t\tborder-color: transparent !important;\n\t\t\t\t\t\toutline-color: transparent !important;\n\t\t\t\t\t\tbox-shadow: none !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.ck.ck-content {\n\t\t\t\t\t\tbackground: white;\n\t\t\t\t\t}\n\n\t\t\t\t\t${boxStyles}\n\t\t\t\t</style>\n\t\t\t</head>\n\t\t\t<body class=\"${this._options.extraClasses || ''}\"></body>\n\t\t</html>`;\n        iframeDocument.open();\n        iframeDocument.write(html);\n        iframeDocument.close();\n        iframeDocument.body.appendChild(domRootClone);\n    }\n}\n\nconst toPx = /* #__PURE__ */ toUnit('px');\n/**\n * The position tracker visualizing the visible subset of the content. Displayed over the minimap.\n *\n * @internal\n */ class MinimapPositionTrackerView extends View {\n    constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('height', 0);\n        this.set('top', 0);\n        this.set('scrollProgress', 0);\n        this.set('_isDragging', false);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-minimap__position-tracker',\n                    bind.if('_isDragging', 'ck-minimap__position-tracker_dragging')\n                ],\n                style: {\n                    top: bind.to('top', (top)=>toPx(top)),\n                    height: bind.to('height', (height)=>toPx(height))\n                },\n                'data-progress': bind.to('scrollProgress')\n            },\n            on: {\n                mousedown: bind.to(()=>{\n                    this._isDragging = true;\n                })\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.listenTo(global.document, 'mousemove', (evt, data)=>{\n            if (!this._isDragging) {\n                return;\n            }\n            this.fire('drag', data.movementY);\n        }, {\n            useCapture: true\n        });\n        this.listenTo(global.document, 'mouseup', ()=>{\n            this._isDragging = false;\n        }, {\n            useCapture: true\n        });\n    }\n    /**\n\t * Sets the new height of the tracker to visualize the subset of the content visible to the user.\n\t */ setHeight(newHeight) {\n        this.height = newHeight;\n    }\n    /**\n\t * Sets the top offset of the tracker to move it around vertically.\n\t */ setTopOffset(newOffset) {\n        this.top = newOffset;\n    }\n    /**\n\t * Sets the scroll progress (in %) to inform the user using a label when the tracker is being dragged.\n\t */ setScrollProgress(newProgress) {\n        this.scrollProgress = newProgress;\n    }\n}\n\n/**\n * The main view of the minimap. It renders the original content but scaled down with a tracker element\n * visualizing the subset of the content visible to the user and allowing interactions (scrolling, dragging).\n *\n * @internal\n */ class MinimapView extends View {\n    /**\n\t * An instance of the tracker view displayed over the minimap.\n\t */ _positionTrackerView;\n    /**\n\t * The scale ratio of the minimap relative to the original editing DOM root with the content.\n\t */ _scaleRatio;\n    /**\n\t * An instance of the iframe view that hosts the minimap.\n\t */ _minimapIframeView;\n    /**\n\t * Creates an instance of the minimap view.\n\t */ constructor({ locale, scaleRatio, pageStyles, extraClasses, useSimplePreview, domRootClone }){\n        super(locale);\n        const bind = this.bindTemplate;\n        this._positionTrackerView = new MinimapPositionTrackerView(locale);\n        this._positionTrackerView.delegate('drag').to(this);\n        this._scaleRatio = scaleRatio;\n        this._minimapIframeView = new MinimapIframeView(locale, {\n            useSimplePreview,\n            pageStyles,\n            extraClasses,\n            scaleRatio,\n            domRootClone\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-minimap'\n                ]\n            },\n            children: [\n                this._positionTrackerView\n            ],\n            on: {\n                click: bind.to(this._handleMinimapClick.bind(this)),\n                wheel: bind.to(this._handleMinimapMouseWheel.bind(this))\n            }\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this._minimapIframeView.destroy();\n        super.destroy();\n    }\n    /**\n\t * Returns the DOM {@link module:utils/dom/rect~Rect} height of the minimap.\n\t */ get height() {\n        return new Rect(this.element).height;\n    }\n    /**\n\t * Returns the number of available space (pixels) the position tracker (visible subset of the content) can use to scroll vertically.\n\t */ get scrollHeight() {\n        return Math.max(0, Math.min(this.height, this._minimapIframeView.height) - this._positionTrackerView.height);\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this._minimapIframeView.render();\n        this.element.appendChild(this._minimapIframeView.element);\n    }\n    /**\n\t * Sets the new height of the minimap (in px) to respond to the changes in the original editing DOM root.\n\t *\n\t * **Note**:The provided value should be the `offsetHeight` of the original editing DOM root.\n\t */ setContentHeight(newHeight) {\n        this._minimapIframeView.setHeight(newHeight * this._scaleRatio);\n    }\n    /**\n\t * Sets the minimap scroll progress.\n\t *\n\t * The minimap scroll progress is linked to the original editing DOM root and its scrollable container (ancestor).\n\t * Changing the progress will alter the vertical position of the minimap (and its position tracker) and give the user an accurate\n\t * overview of the visible document.\n\t *\n\t * **Note**: The value should be between 0 and 1. 0 when the DOM root has not been scrolled, 1 when the\n\t * scrolling has reached the end.\n\t */ setScrollProgress(newScrollProgress) {\n        const iframeView = this._minimapIframeView;\n        const positionTrackerView = this._positionTrackerView;\n        // The scrolling should end when the bottom edge of the iframe touches the bottom edge of the minimap.\n        if (iframeView.height < this.height) {\n            iframeView.setTopOffset(0);\n            positionTrackerView.setTopOffset((iframeView.height - positionTrackerView.height) * newScrollProgress);\n        } else {\n            const totalOffset = iframeView.height - this.height;\n            iframeView.setTopOffset(-totalOffset * newScrollProgress);\n            positionTrackerView.setTopOffset((this.height - positionTrackerView.height) * newScrollProgress);\n        }\n        positionTrackerView.setScrollProgress(Math.round(newScrollProgress * 100));\n    }\n    /**\n\t * Sets the new height of the tracker (in px) to visualize the subset of the content visible to the user.\n\t */ setPositionTrackerHeight(trackerHeight) {\n        this._positionTrackerView.setHeight(trackerHeight * this._scaleRatio);\n    }\n    /**\n\t * @param data DOM event data\n\t */ _handleMinimapClick(data) {\n        const positionTrackerView = this._positionTrackerView;\n        if (data.target === positionTrackerView.element) {\n            return;\n        }\n        const trackerViewRect = new Rect(positionTrackerView.element);\n        const diff = data.clientY - trackerViewRect.top - trackerViewRect.height / 2;\n        const percentage = diff / this._minimapIframeView.height;\n        this.fire('click', percentage);\n    }\n    /**\n\t * @param data DOM event data\n\t */ _handleMinimapMouseWheel(data) {\n        this.fire('drag', data.deltaY * this._scaleRatio);\n    }\n}\n\n/**\n * Clones the editing view DOM root by using a dedicated pair of {@link module:engine/view/renderer~ViewRenderer} and\n * {@link module:engine/view/domconverter~ViewDomConverter}. The DOM root clone updates incrementally to stay in sync with the\n * source root.\n *\n * @internal\n * @param editor The editor instance the original editing root belongs to.\n * @param rootName The name of the root to clone.\n * @returns The editing root DOM clone element.\n */ function cloneEditingViewDomRoot(editor, rootName) {\n    const viewDocument = editor.editing.view.document;\n    const viewRoot = viewDocument.getRoot(rootName);\n    const domConverter = new ViewDomConverter(viewDocument);\n    const renderer = new ViewRenderer(domConverter, viewDocument.selection);\n    const domRootClone = editor.editing.view.getDomRoot().cloneNode();\n    domConverter.bindElements(domRootClone, viewRoot);\n    renderer.markToSync('children', viewRoot);\n    renderer.markToSync('attributes', viewRoot);\n    viewRoot.on('change:children', (evt, node)=>renderer.markToSync('children', node));\n    viewRoot.on('change:attributes', (evt, node)=>renderer.markToSync('attributes', node));\n    viewRoot.on('change:text', (evt, node)=>renderer.markToSync('text', node));\n    renderer.render();\n    editor.editing.view.on('render', ()=>renderer.render());\n    // TODO: Cleanup after destruction.\n    editor.on('destroy', ()=>{\n        domConverter.unbindDomElement(domRootClone);\n    });\n    return domRootClone;\n}\n/**\n * Harvests all web page styles, for instance, to allow re-using them in an `<iframe>` preserving the look of the content.\n *\n * The returned data format is as follows:\n *\n * ```ts\n * [\n * \t'p { color: red; ... } h2 { font-size: 2em; ... } ...',\n * \t'.spacing { padding: 1em; ... }; ...',\n * \t'...',\n * \t{ href: 'http://link.to.external.stylesheet' },\n * \t{ href: '...' }\n * ]\n * ```\n *\n * **Note**: For stylesheets with `href` different than window origin, an object is returned because\n * accessing rules of these styles may cause CORS errors (depending on the configuration of the web page).\n *\n * @internal\n */ function getPageStyles() {\n    return Array.from(global.document.styleSheets).map((styleSheet)=>{\n        // CORS\n        if (styleSheet.href && !styleSheet.href.startsWith(global.window.location.origin)) {\n            return {\n                href: styleSheet.href\n            };\n        }\n        return Array.from(styleSheet.cssRules).filter((rule)=>!(rule instanceof CSSMediaRule)).map((rule)=>rule.cssText).join(' \\n');\n    });\n}\n/**\n * Gets dimensions rectangle according to passed DOM element. Returns whole window's size for `body` element.\n *\n * @internal\n */ function getDomElementRect(domElement) {\n    return new Rect(domElement === global.document.body ? global.window : domElement);\n}\n/**\n * Gets client height according to passed DOM element. Returns window's height for `body` element.\n *\n * @internal\n */ function getClientHeight(domElement) {\n    return domElement === global.document.body ? global.window.innerHeight : domElement.clientHeight;\n}\n/**\n * Returns the DOM element itself if it's not a `body` element, whole window otherwise.\n *\n * @internal\n */ function getScrollable(domElement) {\n    return domElement === global.document.body ? global.window : domElement;\n}\n\n/**\n * The content minimap feature.\n */ class Minimap extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Minimap';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * The reference to the view of the minimap.\n\t */ _minimapView;\n    /**\n\t * The DOM element closest to the editable element of the editor as returned\n\t * by {@link module:ui/editorui/editorui~EditorUI#getEditableElement}.\n\t */ _scrollableRootAncestor;\n    /**\n\t * The DOM element closest to the editable element of the editor as returned\n\t * by {@link module:ui/editorui/editorui~EditorUI#getEditableElement}.\n\t */ _editingRootElement;\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        this._minimapView = null;\n        this._scrollableRootAncestor = null;\n        this.listenTo(editor.ui, 'ready', this._onUiReady.bind(this));\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this._minimapView.destroy();\n        this._minimapView.element.remove();\n    }\n    /**\n\t * Initializes the minimap view element and starts the layout synchronization\n\t * on the editing view `render` event.\n\t */ _onUiReady() {\n        const editor = this.editor;\n        // TODO: This will not work with the multi-root editor.\n        const editingRootElement = this._editingRootElement = editor.ui.getEditableElement();\n        this._scrollableRootAncestor = findClosestScrollableAncestor(editingRootElement);\n        // DOM root element is not yet attached to the document.\n        if (!editingRootElement.ownerDocument.body.contains(editingRootElement)) {\n            editor.ui.once('update', this._onUiReady.bind(this));\n            return;\n        }\n        this._initializeMinimapView();\n        this.listenTo(editor.editing.view, 'render', ()=>{\n            if (editor.state !== 'ready') {\n                return;\n            }\n            this._syncMinimapToEditingRootScrollPosition();\n        });\n        this._syncMinimapToEditingRootScrollPosition();\n    }\n    /**\n\t * Initializes the minimap view and attaches listeners that make it responsive to the environment (document)\n\t * but also allow the minimap to control the document (scroll position).\n\t */ _initializeMinimapView() {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const useSimplePreview = editor.config.get('minimap.useSimplePreview');\n        // TODO: Throw an error if there is no `minimap` in config.\n        const minimapContainerElement = editor.config.get('minimap.container');\n        const scrollableRootAncestor = this._scrollableRootAncestor;\n        // TODO: This should be dynamic, the root width could change as the viewport scales if not fixed unit.\n        const editingRootElementWidth = getDomElementRect(this._editingRootElement).width;\n        const minimapContainerWidth = getDomElementRect(minimapContainerElement).width;\n        const minimapScaleRatio = minimapContainerWidth / editingRootElementWidth;\n        const minimapView = this._minimapView = new MinimapView({\n            locale,\n            scaleRatio: minimapScaleRatio,\n            pageStyles: getPageStyles(),\n            extraClasses: editor.config.get('minimap.extraClasses'),\n            useSimplePreview,\n            domRootClone: cloneEditingViewDomRoot(editor)\n        });\n        minimapView.render();\n        // Scrollable ancestor scroll -> minimap position update.\n        minimapView.listenTo(global.document, 'scroll', (evt, data)=>{\n            if (scrollableRootAncestor === global.document.body) {\n                if (data.target !== global.document) {\n                    return;\n                }\n            } else if (data.target !== scrollableRootAncestor) {\n                return;\n            }\n            this._syncMinimapToEditingRootScrollPosition();\n        }, {\n            useCapture: true,\n            usePassive: true\n        });\n        // Viewport resize -> minimap position update.\n        minimapView.listenTo(global.window, 'resize', ()=>{\n            this._syncMinimapToEditingRootScrollPosition();\n        });\n        // Dragging the visible content area -> document (scrollable) position update.\n        minimapView.on('drag', (evt, movementY)=>{\n            let movementYPercentage;\n            if (minimapView.scrollHeight === 0) {\n                movementYPercentage = 0;\n            } else {\n                movementYPercentage = movementY / minimapView.scrollHeight;\n            }\n            const absoluteScrollProgress = movementYPercentage * (scrollableRootAncestor.scrollHeight - getClientHeight(scrollableRootAncestor));\n            const scrollable = getScrollable(scrollableRootAncestor);\n            scrollable.scrollBy(0, Math.round(absoluteScrollProgress));\n        });\n        // Clicking the minimap -> center the document (scrollable) to the corresponding position.\n        minimapView.on('click', (evt, percentage)=>{\n            const absoluteScrollProgress = percentage * scrollableRootAncestor.scrollHeight;\n            const scrollable = getScrollable(scrollableRootAncestor);\n            scrollable.scrollBy(0, Math.round(absoluteScrollProgress));\n        });\n        minimapContainerElement.appendChild(minimapView.element);\n    }\n    /**\n\t * @private\n\t */ _syncMinimapToEditingRootScrollPosition() {\n        const editingRootElement = this._editingRootElement;\n        const minimapView = this._minimapView;\n        minimapView.setContentHeight(editingRootElement.offsetHeight);\n        const editingRootRect = getDomElementRect(editingRootElement);\n        const scrollableRootAncestorRect = getDomElementRect(this._scrollableRootAncestor);\n        let scrollProgress;\n        // It's possible that at some point elements do not intersect, e.g. when entering the fullscreen mode.\n        // Prevent the minimap from being updated in such case.\n        if (!scrollableRootAncestorRect.getIntersection(editingRootRect)) {\n            return;\n        }\n        // @if CK_DEBUG_MINIMAP // RectDrawer.clear();\n        // @if CK_DEBUG_MINIMAP // RectDrawer.draw( scrollableRootAncestorRect, { outlineColor: 'red' }, 'scrollableRootAncestor' );\n        // @if CK_DEBUG_MINIMAP // RectDrawer.draw( editingRootRect, { outlineColor: 'green' }, 'editingRoot' );\n        // The root is completely visible in the scrollable ancestor.\n        if (scrollableRootAncestorRect.contains(editingRootRect)) {\n            scrollProgress = 0;\n        } else {\n            if (editingRootRect.top > scrollableRootAncestorRect.top) {\n                scrollProgress = 0;\n            } else {\n                scrollProgress = (editingRootRect.top - scrollableRootAncestorRect.top) / (scrollableRootAncestorRect.height - editingRootRect.height);\n                scrollProgress = Math.max(0, Math.min(scrollProgress, 1));\n            }\n        }\n        // The intersection helps to change the tracker height when there is a lot of padding around the root.\n        // Note: It is **essential** that the height is set first because the progress depends on the correct tracker height.\n        minimapView.setPositionTrackerHeight(scrollableRootAncestorRect.getIntersection(editingRootRect).height);\n        minimapView.setScrollProgress(scrollProgress);\n    }\n}\n\nexport { Minimap, MinimapIframeView as _MinimapIframeView, MinimapPositionTrackerView as _MinimapPositionTrackerView, MinimapView as _MinimapView, cloneEditingViewDomRoot as _cloneMinimapEditingViewDomRoot, getClientHeight as _getMinimapClientHeight, getDomElementRect as _getMinimapDomElementRect, getPageStyles as _getMinimapPageStyles, getScrollable as _getMinimapScrollable };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 minimap/minimapiframeview\n */\n\nimport { IframeView } from 'ckeditor5/src/ui.js';\nimport { toUnit, type Locale } from 'ckeditor5/src/utils.js';\nimport type { MinimapViewOptions } from './minimapview.js';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * The internal `<iframe>` view that hosts the minimap content.\n *\n * @internal\n */\nexport class MinimapIframeView extends IframeView {\n\t/**\n\t * The CSS `top` used to scroll the minimap.\n\t *\n\t * @readonly\n\t */\n\tdeclare public top: number;\n\n\t/**\n\t * The CSS `height` of the iframe.\n\t *\n\t * @readonly\n\t */\n\tdeclare public height: number;\n\n\t/**\n\t * Cached view constructor options for re-use in other methods.\n\t */\n\tprivate readonly _options: MinimapViewOptions;\n\n\t/**\n\t * Creates an instance of the internal minimap iframe.\n\t */\n\tconstructor( locale: Locale, options: MinimapViewOptions ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'top', 0 );\n\n\t\tthis.set( 'height', 0 );\n\n\t\tthis._options = options;\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\ttabindex: -1,\n\t\t\t\t'aria-hidden': 'true',\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-minimap__iframe'\n\t\t\t\t],\n\t\t\t\tstyle: {\n\t\t\t\t\ttop: bind.to( 'top', top => toPx( top ) ),\n\t\t\t\t\theight: bind.to( 'height', height => toPx( height ) )\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): Promise<unknown> {\n\t\treturn super.render().then( () => {\n\t\t\tthis._prepareDocument();\n\t\t} );\n\t}\n\n\t/**\n\t * Sets the new height of the iframe.\n\t */\n\tpublic setHeight( newHeight: number ): void {\n\t\tthis.height = newHeight;\n\t}\n\n\t/**\n\t * Sets the top offset of the iframe to move it around vertically.\n\t */\n\tpublic setTopOffset( newOffset: number ): void {\n\t\tthis.top = newOffset;\n\t}\n\n\t/**\n\t * Sets the internal structure of the `<iframe>` readying it to display the\n\t * minimap element.\n\t */\n\tprivate _prepareDocument(): void {\n\t\tconst iframeDocument = this.element!.contentWindow!.document;\n\t\tconst domRootClone = iframeDocument.adoptNode( this._options.domRootClone );\n\n\t\tconst boxStyles = this._options.useSimplePreview ? `\n\t\t\t.ck.ck-editor__editable_inline img {\n\t\t\t\tfilter: contrast( 0 );\n\t\t\t}\n\n\t\t\tp, li, a, figcaption, span {\n\t\t\t\tbackground: hsl(0, 0%, 80%) !important;\n\t\t\t\tcolor: hsl(0, 0%, 80%) !important;\n\t\t\t}\n\n\t\t\th1, h2, h3, h4 {\n\t\t\t\tbackground: hsl(0, 0%, 60%) !important;\n\t\t\t\tcolor: hsl(0, 0%, 60%) !important;\n\t\t\t}\n\t\t` : '';\n\n\t\tconst pageStyles = this._options.pageStyles.map( definition => {\n\t\t\tif ( typeof definition === 'string' ) {\n\t\t\t\treturn `<style>${ definition }</style>`;\n\t\t\t} else {\n\t\t\t\treturn `<link rel=\"stylesheet\" type=\"text/css\" href=\"${ definition.href }\">`;\n\t\t\t}\n\t\t} ).join( '\\n' );\n\n\t\tconst html = `<!DOCTYPE html><html lang=\"en\">\n\t\t\t<head>\n\t\t\t\t<meta charset=\"utf-8\">\n\t\t\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t\t\t\t${ pageStyles }\n\t\t\t\t<style>\n\t\t\t\t\thtml, body {\n\t\t\t\t\t\tmargin: 0 !important;\n\t\t\t\t\t\tpadding: 0 !important;\n\t\t\t\t\t}\n\n\t\t\t\t\thtml {\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t}\n\n\t\t\t\t\tbody {\n\t\t\t\t\t\ttransform: scale( ${ this._options.scaleRatio } );\n\t\t\t\t\t\ttransform-origin: 0 0;\n\t\t\t\t\t\toverflow: visible;\n\t\t\t\t\t}\n\n\t\t\t\t\t.ck.ck-editor__editable_inline {\n\t\t\t\t\t\tmargin: 0 !important;\n\t\t\t\t\t\tborder-color: transparent !important;\n\t\t\t\t\t\toutline-color: transparent !important;\n\t\t\t\t\t\tbox-shadow: none !important;\n\t\t\t\t\t}\n\n\t\t\t\t\t.ck.ck-content {\n\t\t\t\t\t\tbackground: white;\n\t\t\t\t\t}\n\n\t\t\t\t\t${ boxStyles }\n\t\t\t\t</style>\n\t\t\t</head>\n\t\t\t<body class=\"${ this._options.extraClasses || '' }\"></body>\n\t\t</html>`;\n\n\t\tiframeDocument.open();\n\t\tiframeDocument.write( html );\n\t\tiframeDocument.close();\n\t\tiframeDocument.body.appendChild( domRootClone );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 minimap/minimappositiontrackerview\n */\n\nimport { View } from 'ckeditor5/src/ui.js';\nimport { toUnit, global, type Locale } from 'ckeditor5/src/utils.js';\nimport type { MinimapDragEvent } from './minimapview.js';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\n/**\n * The position tracker visualizing the visible subset of the content. Displayed over the minimap.\n *\n * @internal\n */\nexport class MinimapPositionTrackerView extends View {\n\t/**\n\t * The CSS `height` of the tracker visualizing the subset of the content visible to the user.\n\t *\n\t * @readonly\n\t */\n\tdeclare public height: number;\n\n\t/**\n\t * The CSS `top` of the tracker, used to move it vertically over the minimap.\n\t *\n\t * @readonly\n\t */\n\tdeclare public top: number;\n\n\t/**\n\t * The scroll progress (in %) displayed over the tracker when being dragged by the user.\n\t *\n\t * @readonly\n\t */\n\tdeclare public scrollProgress: number;\n\n\t/**\n\t * Indicates whether the tracker is being dragged by the user (e.g. using the mouse).\n\t *\n\t * @internal\n\t * @readonly\n\t */\n\tdeclare public _isDragging: boolean;\n\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'height', 0 );\n\t\tthis.set( 'top', 0 );\n\t\tthis.set( 'scrollProgress', 0 );\n\t\tthis.set( '_isDragging', false );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-minimap__position-tracker',\n\t\t\t\t\tbind.if( '_isDragging', 'ck-minimap__position-tracker_dragging' )\n\t\t\t\t],\n\t\t\t\tstyle: {\n\t\t\t\t\ttop: bind.to( 'top', top => toPx( top ) ),\n\t\t\t\t\theight: bind.to( 'height', height => toPx( height ) )\n\t\t\t\t},\n\t\t\t\t'data-progress': bind.to( 'scrollProgress' )\n\t\t\t},\n\t\t\ton: {\n\t\t\t\tmousedown: bind.to( () => {\n\t\t\t\t\tthis._isDragging = true;\n\t\t\t\t} )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.listenTo( global.document, 'mousemove', ( evt, data ) => {\n\t\t\tif ( !this._isDragging ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.fire<MinimapDragEvent>( 'drag', data.movementY );\n\t\t}, { useCapture: true } );\n\n\t\tthis.listenTo( global.document, 'mouseup', () => {\n\t\t\tthis._isDragging = false;\n\t\t}, { useCapture: true } );\n\t}\n\n\t/**\n\t * Sets the new height of the tracker to visualize the subset of the content visible to the user.\n\t */\n\tpublic setHeight( newHeight: number ): void {\n\t\tthis.height = newHeight;\n\t}\n\n\t/**\n\t * Sets the top offset of the tracker to move it around vertically.\n\t */\n\tpublic setTopOffset( newOffset: number ): void {\n\t\tthis.top = newOffset;\n\t}\n\n\t/**\n\t * Sets the scroll progress (in %) to inform the user using a label when the tracker is being dragged.\n\t */\n\tpublic setScrollProgress( newProgress: number ): void {\n\t\tthis.scrollProgress = newProgress;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 minimap/minimapview\n */\n\nimport { View } from 'ckeditor5/src/ui.js';\nimport { Rect, type Locale } from 'ckeditor5/src/utils.js';\n\nimport { MinimapIframeView } from './minimapiframeview.js';\nimport { MinimapPositionTrackerView } from './minimappositiontrackerview.js';\n\n/**\n * Options for the minimap view.\n *\n * @internal\n */\nexport type MinimapViewOptions = {\n\tdomRootClone: HTMLElement;\n\tpageStyles: Array<string | { href: string }>;\n\tscaleRatio: number;\n\tuseSimplePreview?: boolean;\n\textraClasses?: string;\n};\n\n/**\n * The main view of the minimap. It renders the original content but scaled down with a tracker element\n * visualizing the subset of the content visible to the user and allowing interactions (scrolling, dragging).\n *\n * @internal\n */\nexport class MinimapView extends View {\n\t/**\n\t * An instance of the tracker view displayed over the minimap.\n\t */\n\tprivate readonly _positionTrackerView: MinimapPositionTrackerView;\n\n\t/**\n\t * The scale ratio of the minimap relative to the original editing DOM root with the content.\n\t */\n\tprivate readonly _scaleRatio: number;\n\n\t/**\n\t * An instance of the iframe view that hosts the minimap.\n\t */\n\tprivate readonly _minimapIframeView: MinimapIframeView;\n\n\t/**\n\t * Creates an instance of the minimap view.\n\t */\n\tconstructor(\n\t\t{ locale, scaleRatio, pageStyles, extraClasses, useSimplePreview, domRootClone }: { locale: Locale } & MinimapViewOptions\n\t) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis._positionTrackerView = new MinimapPositionTrackerView( locale );\n\t\tthis._positionTrackerView.delegate( 'drag' ).to( this );\n\n\t\tthis._scaleRatio = scaleRatio;\n\n\t\tthis._minimapIframeView = new MinimapIframeView( locale, {\n\t\t\tuseSimplePreview,\n\t\t\tpageStyles,\n\t\t\textraClasses,\n\t\t\tscaleRatio,\n\t\t\tdomRootClone\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-minimap'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tthis._positionTrackerView\n\t\t\t],\n\t\t\ton: {\n\t\t\t\tclick: bind.to( this._handleMinimapClick.bind( this ) ),\n\t\t\t\twheel: bind.to( this._handleMinimapMouseWheel.bind( this ) )\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis._minimapIframeView.destroy();\n\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Returns the DOM {@link module:utils/dom/rect~Rect} height of the minimap.\n\t */\n\tpublic get height(): number {\n\t\treturn new Rect( this.element! ).height;\n\t}\n\n\t/**\n\t * Returns the number of available space (pixels) the position tracker (visible subset of the content) can use to scroll vertically.\n\t */\n\tpublic get scrollHeight(): number {\n\t\treturn Math.max( 0, Math.min( this.height, this._minimapIframeView.height ) - this._positionTrackerView.height );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis._minimapIframeView.render();\n\n\t\tthis.element!.appendChild( this._minimapIframeView.element! );\n\t}\n\n\t/**\n\t * Sets the new height of the minimap (in px) to respond to the changes in the original editing DOM root.\n\t *\n\t * **Note**:The provided value should be the `offsetHeight` of the original editing DOM root.\n\t */\n\tpublic setContentHeight( newHeight: number ): void {\n\t\tthis._minimapIframeView.setHeight( newHeight * this._scaleRatio );\n\t}\n\n\t/**\n\t * Sets the minimap scroll progress.\n\t *\n\t * The minimap scroll progress is linked to the original editing DOM root and its scrollable container (ancestor).\n\t * Changing the progress will alter the vertical position of the minimap (and its position tracker) and give the user an accurate\n\t * overview of the visible document.\n\t *\n\t * **Note**: The value should be between 0 and 1. 0 when the DOM root has not been scrolled, 1 when the\n\t * scrolling has reached the end.\n\t */\n\tpublic setScrollProgress( newScrollProgress: number ): void {\n\t\tconst iframeView = this._minimapIframeView;\n\t\tconst positionTrackerView = this._positionTrackerView;\n\n\t\t// The scrolling should end when the bottom edge of the iframe touches the bottom edge of the minimap.\n\t\tif ( iframeView.height < this.height ) {\n\t\t\tiframeView.setTopOffset( 0 );\n\t\t\tpositionTrackerView.setTopOffset( ( iframeView.height - positionTrackerView.height ) * newScrollProgress );\n\t\t} else {\n\t\t\tconst totalOffset = iframeView.height - this.height;\n\n\t\t\tiframeView.setTopOffset( -totalOffset * newScrollProgress );\n\t\t\tpositionTrackerView.setTopOffset( ( this.height - positionTrackerView.height ) * newScrollProgress );\n\t\t}\n\n\t\tpositionTrackerView.setScrollProgress( Math.round( newScrollProgress * 100 ) );\n\t}\n\n\t/**\n\t * Sets the new height of the tracker (in px) to visualize the subset of the content visible to the user.\n\t */\n\tpublic setPositionTrackerHeight( trackerHeight: number ): void {\n\t\tthis._positionTrackerView.setHeight( trackerHeight * this._scaleRatio );\n\t}\n\n\t/**\n\t * @param data DOM event data\n\t */\n\tprivate _handleMinimapClick( data: Event ) {\n\t\tconst positionTrackerView = this._positionTrackerView;\n\n\t\tif ( data.target === positionTrackerView.element ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst trackerViewRect = new Rect( positionTrackerView.element! );\n\t\tconst diff = ( data as MouseEvent ).clientY - trackerViewRect.top - trackerViewRect.height / 2;\n\t\tconst percentage = diff / this._minimapIframeView.height;\n\n\t\tthis.fire<MinimapClickEvent>( 'click', percentage );\n\t}\n\n\t/**\n\t * @param data DOM event data\n\t */\n\tprivate _handleMinimapMouseWheel( data: Event ) {\n\t\tthis.fire<MinimapDragEvent>( 'drag', ( data as WheelEvent ).deltaY * this._scaleRatio );\n\t}\n}\n\n/**\n * Fired when the minimap view is clicked.\n *\n * @eventName ~MinimapView#click\n * @param percentage The number between 0 and 1 representing a place in the minimap (its height) that was clicked.\n */\nexport type MinimapClickEvent = {\n\tname: 'click';\n\targs: [ percentage: number ];\n};\n\n/**\n * Fired when the position tracker is dragged or the minimap is scrolled via mouse wheel.\n *\n * @eventName ~MinimapView#drag\n * @param movementY The vertical movement of the minimap as a result of dragging or scrolling.\n */\nexport type MinimapDragEvent = {\n\tname: 'drag';\n\targs: [ movementY: number ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 minimap/utils\n */\n\nimport { Rect, global } from 'ckeditor5/src/utils.js';\nimport { ViewDomConverter, ViewRenderer } from 'ckeditor5/src/engine.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\n/**\n * Clones the editing view DOM root by using a dedicated pair of {@link module:engine/view/renderer~ViewRenderer} and\n * {@link module:engine/view/domconverter~ViewDomConverter}. The DOM root clone updates incrementally to stay in sync with the\n * source root.\n *\n * @internal\n * @param editor The editor instance the original editing root belongs to.\n * @param rootName The name of the root to clone.\n * @returns The editing root DOM clone element.\n */\nexport function cloneEditingViewDomRoot( editor: Editor, rootName?: string ): HTMLElement {\n\tconst viewDocument = editor.editing.view.document;\n\tconst viewRoot = viewDocument.getRoot( rootName )!;\n\tconst domConverter = new ViewDomConverter( viewDocument );\n\tconst renderer = new ViewRenderer( domConverter, viewDocument.selection );\n\tconst domRootClone = editor.editing.view.getDomRoot()!.cloneNode() as HTMLElement;\n\n\tdomConverter.bindElements( domRootClone, viewRoot );\n\n\trenderer.markToSync( 'children', viewRoot );\n\trenderer.markToSync( 'attributes', viewRoot );\n\n\tviewRoot.on( 'change:children', ( evt, node ) => renderer.markToSync( 'children', node ) );\n\tviewRoot.on( 'change:attributes', ( evt, node ) => renderer.markToSync( 'attributes', node ) );\n\tviewRoot.on( 'change:text', ( evt, node ) => renderer.markToSync( 'text', node ) );\n\n\trenderer.render();\n\n\teditor.editing.view.on( 'render', () => renderer.render() );\n\n\t// TODO: Cleanup after destruction.\n\teditor.on( 'destroy', () => {\n\t\tdomConverter.unbindDomElement( domRootClone );\n\t} );\n\n\treturn domRootClone;\n}\n\n/**\n * Harvests all web page styles, for instance, to allow re-using them in an `<iframe>` preserving the look of the content.\n *\n * The returned data format is as follows:\n *\n * ```ts\n * [\n * \t'p { color: red; ... } h2 { font-size: 2em; ... } ...',\n * \t'.spacing { padding: 1em; ... }; ...',\n * \t'...',\n * \t{ href: 'http://link.to.external.stylesheet' },\n * \t{ href: '...' }\n * ]\n * ```\n *\n * **Note**: For stylesheets with `href` different than window origin, an object is returned because\n * accessing rules of these styles may cause CORS errors (depending on the configuration of the web page).\n *\n * @internal\n */\nexport function getPageStyles(): Array<string | { href: string }> {\n\treturn Array.from( global.document.styleSheets )\n\t\t.map( styleSheet => {\n\t\t\t// CORS\n\t\t\tif ( styleSheet.href && !styleSheet.href.startsWith( global.window.location.origin ) ) {\n\t\t\t\treturn { href: styleSheet.href };\n\t\t\t}\n\n\t\t\treturn Array.from( styleSheet.cssRules )\n\t\t\t\t.filter( rule => !( rule instanceof CSSMediaRule ) )\n\t\t\t\t.map( rule => rule.cssText )\n\t\t\t\t.join( ' \\n' );\n\t\t} );\n}\n\n/**\n * Gets dimensions rectangle according to passed DOM element. Returns whole window's size for `body` element.\n *\n * @internal\n */\nexport function getDomElementRect( domElement: HTMLElement ): Rect {\n\treturn new Rect( domElement === global.document.body ? global.window : domElement );\n}\n\n/**\n * Gets client height according to passed DOM element. Returns window's height for `body` element.\n *\n * @internal\n */\nexport function getClientHeight( domElement: HTMLElement ): number {\n\treturn domElement === global.document.body ? global.window.innerHeight : domElement.clientHeight;\n}\n\n/**\n * Returns the DOM element itself if it's not a `body` element, whole window otherwise.\n *\n * @internal\n */\nexport function getScrollable( domElement: HTMLElement ): Window | HTMLElement {\n\treturn domElement === global.document.body ? global.window : domElement;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 minimap/minimap\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { findClosestScrollableAncestor, global } from 'ckeditor5/src/utils.js';\nimport { MinimapView, type MinimapDragEvent, type MinimapClickEvent } from './minimapview.js';\nimport {\n\tcloneEditingViewDomRoot,\n\tgetClientHeight,\n\tgetDomElementRect,\n\tgetPageStyles,\n\tgetScrollable\n} from './utils.js';\n\n// @if CK_DEBUG_MINIMAP // const RectDrawer = require( '@ckeditor/ckeditor5-utils/tests/_utils/rectdrawer' ).default;\n\nimport '../theme/minimap.css';\n\n/**\n * The content minimap feature.\n */\nexport class Minimap extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Minimap' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * The reference to the view of the minimap.\n\t */\n\tprivate _minimapView!: MinimapView | null;\n\n\t/**\n\t * The DOM element closest to the editable element of the editor as returned\n\t * by {@link module:ui/editorui/editorui~EditorUI#getEditableElement}.\n\t */\n\tprivate _scrollableRootAncestor!: HTMLElement | null;\n\n\t/**\n\t * The DOM element closest to the editable element of the editor as returned\n\t * by {@link module:ui/editorui/editorui~EditorUI#getEditableElement}.\n\t */\n\tprivate _editingRootElement?: HTMLElement;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tthis._minimapView = null;\n\t\tthis._scrollableRootAncestor = null;\n\n\t\tthis.listenTo( editor.ui, 'ready', this._onUiReady.bind( this ) );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis._minimapView!.destroy();\n\t\tthis._minimapView!.element!.remove();\n\t}\n\n\t/**\n\t * Initializes the minimap view element and starts the layout synchronization\n\t * on the editing view `render` event.\n\t */\n\tprivate _onUiReady(): void {\n\t\tconst editor = this.editor;\n\n\t\t// TODO: This will not work with the multi-root editor.\n\t\tconst editingRootElement = this._editingRootElement = editor.ui.getEditableElement()!;\n\n\t\tthis._scrollableRootAncestor = findClosestScrollableAncestor( editingRootElement );\n\n\t\t// DOM root element is not yet attached to the document.\n\t\tif ( !editingRootElement.ownerDocument.body.contains( editingRootElement ) ) {\n\t\t\teditor.ui.once( 'update', this._onUiReady.bind( this ) );\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._initializeMinimapView();\n\n\t\tthis.listenTo( editor.editing.view, 'render', () => {\n\t\t\tif ( editor.state !== 'ready' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._syncMinimapToEditingRootScrollPosition();\n\t\t} );\n\n\t\tthis._syncMinimapToEditingRootScrollPosition();\n\t}\n\n\t/**\n\t * Initializes the minimap view and attaches listeners that make it responsive to the environment (document)\n\t * but also allow the minimap to control the document (scroll position).\n\t */\n\tprivate _initializeMinimapView(): void {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst useSimplePreview = editor.config.get( 'minimap.useSimplePreview' );\n\n\t\t// TODO: Throw an error if there is no `minimap` in config.\n\t\tconst minimapContainerElement = editor.config.get( 'minimap.container' )!;\n\t\tconst scrollableRootAncestor = this._scrollableRootAncestor!;\n\n\t\t// TODO: This should be dynamic, the root width could change as the viewport scales if not fixed unit.\n\t\tconst editingRootElementWidth = getDomElementRect( this._editingRootElement! ).width;\n\t\tconst minimapContainerWidth = getDomElementRect( minimapContainerElement ).width;\n\t\tconst minimapScaleRatio = minimapContainerWidth / editingRootElementWidth;\n\n\t\tconst minimapView = this._minimapView = new MinimapView( {\n\t\t\tlocale,\n\t\t\tscaleRatio: minimapScaleRatio,\n\t\t\tpageStyles: getPageStyles(),\n\t\t\textraClasses: editor.config.get( 'minimap.extraClasses' ),\n\t\t\tuseSimplePreview,\n\t\t\tdomRootClone: cloneEditingViewDomRoot( editor )\n\t\t} );\n\n\t\tminimapView.render();\n\n\t\t// Scrollable ancestor scroll -> minimap position update.\n\t\tminimapView.listenTo( global.document, 'scroll', ( evt, data ) => {\n\t\t\tif ( scrollableRootAncestor === global.document.body ) {\n\t\t\t\tif ( data.target !== global.document ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} else if ( data.target !== scrollableRootAncestor ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._syncMinimapToEditingRootScrollPosition();\n\t\t}, { useCapture: true, usePassive: true } );\n\n\t\t// Viewport resize -> minimap position update.\n\t\tminimapView.listenTo( global.window, 'resize', () => {\n\t\t\tthis._syncMinimapToEditingRootScrollPosition();\n\t\t} );\n\n\t\t// Dragging the visible content area -> document (scrollable) position update.\n\t\tminimapView.on<MinimapDragEvent>( 'drag', ( evt, movementY ) => {\n\t\t\tlet movementYPercentage;\n\n\t\t\tif ( minimapView.scrollHeight === 0 ) {\n\t\t\t\tmovementYPercentage = 0;\n\t\t\t} else {\n\t\t\t\tmovementYPercentage = movementY / minimapView.scrollHeight;\n\t\t\t}\n\n\t\t\tconst absoluteScrollProgress = movementYPercentage *\n\t\t\t\t( scrollableRootAncestor.scrollHeight - getClientHeight( scrollableRootAncestor ) );\n\t\t\tconst scrollable = getScrollable( scrollableRootAncestor );\n\n\t\t\tscrollable.scrollBy( 0, Math.round( absoluteScrollProgress ) );\n\t\t} );\n\n\t\t// Clicking the minimap -> center the document (scrollable) to the corresponding position.\n\t\tminimapView.on<MinimapClickEvent>( 'click', ( evt, percentage ) => {\n\t\t\tconst absoluteScrollProgress = percentage * scrollableRootAncestor.scrollHeight;\n\t\t\tconst scrollable = getScrollable( scrollableRootAncestor );\n\n\t\t\tscrollable.scrollBy( 0, Math.round( absoluteScrollProgress ) );\n\t\t} );\n\n\t\tminimapContainerElement.appendChild( minimapView.element! );\n\t}\n\n\t/**\n\t * @private\n\t */\n\tprivate _syncMinimapToEditingRootScrollPosition(): void {\n\t\tconst editingRootElement = this._editingRootElement!;\n\t\tconst minimapView = this._minimapView!;\n\n\t\tminimapView.setContentHeight( editingRootElement.offsetHeight );\n\n\t\tconst editingRootRect = getDomElementRect( editingRootElement );\n\t\tconst scrollableRootAncestorRect = getDomElementRect( this._scrollableRootAncestor! );\n\t\tlet scrollProgress;\n\n\t\t// It's possible that at some point elements do not intersect, e.g. when entering the fullscreen mode.\n\t\t// Prevent the minimap from being updated in such case.\n\t\tif ( !scrollableRootAncestorRect.getIntersection( editingRootRect ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// @if CK_DEBUG_MINIMAP // RectDrawer.clear();\n\t\t// @if CK_DEBUG_MINIMAP // RectDrawer.draw( scrollableRootAncestorRect, { outlineColor: 'red' }, 'scrollableRootAncestor' );\n\t\t// @if CK_DEBUG_MINIMAP // RectDrawer.draw( editingRootRect, { outlineColor: 'green' }, 'editingRoot' );\n\n\t\t// The root is completely visible in the scrollable ancestor.\n\t\tif ( scrollableRootAncestorRect.contains( editingRootRect ) ) {\n\t\t\tscrollProgress = 0;\n\t\t} else {\n\t\t\tif ( editingRootRect.top > scrollableRootAncestorRect.top ) {\n\t\t\t\tscrollProgress = 0;\n\t\t\t} else {\n\t\t\t\tscrollProgress = ( editingRootRect.top - scrollableRootAncestorRect.top ) /\n\t\t\t\t\t( scrollableRootAncestorRect.height - editingRootRect.height );\n\n\t\t\t\tscrollProgress = Math.max( 0, Math.min( scrollProgress, 1 ) );\n\t\t\t}\n\t\t}\n\n\t\t// The intersection helps to change the tracker height when there is a lot of padding around the root.\n\t\t// Note: It is **essential** that the height is set first because the progress depends on the correct tracker height.\n\t\tminimapView.setPositionTrackerHeight( scrollableRootAncestorRect.getIntersection( editingRootRect )!.height );\n\t\tminimapView.setScrollProgress( scrollProgress );\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { findOptimalInsertionRange, toWidget, Widget } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { IconPageBreak } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * The page break command.\n *\n * The command is registered by {@link module:page-break/pagebreakediting~PageBreakEditing} as `'pageBreak'`.\n *\n * To insert a page break at the current selection, execute the command:\n *\n *\t\teditor.execute( 'pageBreak' );\n */ class PageBreakCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selection = model.document.selection;\n        this.isEnabled = isPageBreakAllowedInParent(selection, schema, model);\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const model = this.editor.model;\n        model.change((writer)=>{\n            const pageBreakElement = writer.createElement('pageBreak');\n            model.insertObject(pageBreakElement, null, null, {\n                setSelection: 'after'\n            });\n        });\n    }\n}\n/**\n * Checks if a page break is allowed by the schema in the optimal insertion parent.\n */ function isPageBreakAllowedInParent(selection, schema, model) {\n    const parent = getInsertPageBreakParent(selection, model);\n    return schema.checkChild(parent, 'pageBreak');\n}\n/**\n * Returns a node that will be used to insert a page break with `model.insertContent` to check if the page break can be placed there.\n */ function getInsertPageBreakParent(selection, model) {\n    const insertionRange = findOptimalInsertionRange(selection, model);\n    const parent = insertionRange.start.parent;\n    if (parent.isEmpty && !parent.is('element', '$root')) {\n        return parent.parent;\n    }\n    return parent;\n}\n\n/**\n * The page break editing feature.\n */ class PageBreakEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'PageBreakEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'PB';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const t = editor.t;\n        const conversion = editor.conversion;\n        schema.register('pageBreak', {\n            inheritAllFrom: '$blockObject'\n        });\n        conversion.for('dataDowncast').elementToStructure({\n            model: 'pageBreak',\n            view: (modelElement, { writer })=>{\n                const divElement = writer.createContainerElement('div', {\n                    class: 'page-break',\n                    // If user has no `.ck-content` styles, it should always break a page during print.\n                    style: 'page-break-after: always'\n                }, // For a rationale of using span inside a div see:\n                // https://github.com/ckeditor/ckeditor5-page-break/pull/1#discussion_r328934062.\n                writer.createContainerElement('span', {\n                    style: 'display: none'\n                }));\n                return divElement;\n            }\n        });\n        conversion.for('editingDowncast').elementToStructure({\n            model: 'pageBreak',\n            view: (modelElement, { writer })=>{\n                const label = t('Page break');\n                const viewWrapper = writer.createContainerElement('div');\n                const viewLabelElement = writer.createRawElement('span', {\n                    class: 'page-break__label'\n                }, function(domElement) {\n                    domElement.innerText = t('Page break');\n                });\n                writer.addClass('page-break', viewWrapper);\n                writer.insert(writer.createPositionAt(viewWrapper, 0), viewLabelElement);\n                return toPageBreakWidget(viewWrapper, writer, label);\n            }\n        });\n        conversion.for('upcast').elementToElement({\n            view: (element)=>{\n                // For upcast conversion it's enough if we check for element style and verify if it's empty\n                // or contains only hidden span element.\n                const hasPageBreakBefore = element.getStyle('page-break-before') == 'always';\n                const hasPageBreakAfter = element.getStyle('page-break-after') == 'always';\n                if (!hasPageBreakBefore && !hasPageBreakAfter) {\n                    return null;\n                }\n                // The \"page break\" div accepts only single child or no child at all.\n                if (element.childCount == 1) {\n                    const viewSpan = element.getChild(0);\n                    // The child must be the \"span\" element that is not displayed.\n                    if (!viewSpan.is('element', 'span') || viewSpan.getStyle('display') != 'none') {\n                        return null;\n                    }\n                } else if (element.childCount > 1) {\n                    return null;\n                }\n                return {\n                    name: true,\n                    styles: [\n                        ...hasPageBreakBefore ? [\n                            'page-break-before'\n                        ] : [],\n                        ...hasPageBreakAfter ? [\n                            'page-break-after'\n                        ] : []\n                    ],\n                    ...element.hasClass('page-break') && {\n                        classes: [\n                            'page-break'\n                        ]\n                    }\n                };\n            },\n            model: 'pageBreak',\n            // This conversion must be checked before <br> conversion because some editors use\n            // <br style=\"page-break-before:always\"> as a page break marker.\n            converterPriority: 'high'\n        });\n        editor.commands.add('pageBreak', new PageBreakCommand(editor));\n    }\n}\n/**\n * Converts a given {@link module:engine/view/element~ViewElement} to a page break widget:\n * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property} allowing to\n *   recognize the page break widget element.\n * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n */ function toPageBreakWidget(viewElement, writer, label) {\n    writer.setCustomProperty('pageBreak', true, viewElement);\n    return toWidget(viewElement, writer, {\n        label\n    });\n}\n\n/**\n * The page break UI plugin.\n */ class PageBreakUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'PageBreakUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Add pageBreak button to feature components.\n        editor.ui.componentFactory.add('pageBreak', ()=>{\n            const view = this._createButton(ButtonView);\n            view.set({\n                tooltip: true\n            });\n            return view;\n        });\n        editor.ui.componentFactory.add('menuBar:pageBreak', ()=>this._createButton(MenuBarMenuListItemButtonView));\n    }\n    /**\n\t * Creates a button for page break command to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = editor.commands.get('pageBreak');\n        const view = new ButtonClass(editor.locale);\n        const t = locale.t;\n        view.set({\n            label: t('Page break'),\n            icon: IconPageBreak\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute('pageBreak');\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The page break feature.\n *\n * It provides the possibility to insert a page break into the rich-text editor.\n *\n * For a detailed overview, check the {@glink features/page-break Page break feature} documentation.\n */ class PageBreak extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            PageBreakEditing,\n            PageBreakUI,\n            Widget\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'PageBreak';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { PageBreak, PageBreakCommand, PageBreakEditing, PageBreakUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 page-break/pagebreakcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { findOptimalInsertionRange } from 'ckeditor5/src/widget.js';\nimport type { ModelDocumentSelection, ModelElement, Model, ModelSchema } from 'ckeditor5/src/engine.js';\n\n/**\n * The page break command.\n *\n * The command is registered by {@link module:page-break/pagebreakediting~PageBreakEditing} as `'pageBreak'`.\n *\n * To insert a page break at the current selection, execute the command:\n *\n *\t\teditor.execute( 'pageBreak' );\n */\nexport class PageBreakCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tthis.isEnabled = isPageBreakAllowedInParent( selection, schema, model );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\n\t\tmodel.change( writer => {\n\t\t\tconst pageBreakElement = writer.createElement( 'pageBreak' );\n\n\t\t\tmodel.insertObject( pageBreakElement, null, null, {\n\t\t\t\tsetSelection: 'after'\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n/**\n * Checks if a page break is allowed by the schema in the optimal insertion parent.\n */\nfunction isPageBreakAllowedInParent( selection: ModelDocumentSelection, schema: ModelSchema, model: Model ): boolean {\n\tconst parent = getInsertPageBreakParent( selection, model );\n\n\treturn schema.checkChild( parent, 'pageBreak' );\n}\n\n/**\n * Returns a node that will be used to insert a page break with `model.insertContent` to check if the page break can be placed there.\n */\nfunction getInsertPageBreakParent( selection: ModelDocumentSelection, model: Model ): ModelElement {\n\tconst insertionRange = findOptimalInsertionRange( selection, model );\n\tconst parent = insertionRange.start.parent;\n\n\tif ( parent.isEmpty && !parent.is( 'element', '$root' ) ) {\n\t\treturn parent.parent as ModelElement;\n\t}\n\n\treturn parent as ModelElement;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 page-break/pagebreakediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { toWidget } from 'ckeditor5/src/widget.js';\nimport type { ViewDowncastWriter, ViewElement } from 'ckeditor5/src/engine.js';\n\nimport { PageBreakCommand } from './pagebreakcommand.js';\n\nimport '../theme/pagebreak.css';\n\n/**\n * The page break editing feature.\n */\nexport class PageBreakEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'PageBreakEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'PB';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst t = editor.t;\n\t\tconst conversion = editor.conversion;\n\n\t\tschema.register( 'pageBreak', {\n\t\t\tinheritAllFrom: '$blockObject'\n\t\t} );\n\n\t\tconversion.for( 'dataDowncast' ).elementToStructure( {\n\t\t\tmodel: 'pageBreak',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tconst divElement = writer.createContainerElement( 'div',\n\t\t\t\t\t{\n\t\t\t\t\t\tclass: 'page-break',\n\t\t\t\t\t\t// If user has no `.ck-content` styles, it should always break a page during print.\n\t\t\t\t\t\tstyle: 'page-break-after: always'\n\t\t\t\t\t},\n\t\t\t\t\t// For a rationale of using span inside a div see:\n\t\t\t\t\t// https://github.com/ckeditor/ckeditor5-page-break/pull/1#discussion_r328934062.\n\t\t\t\t\twriter.createContainerElement( 'span', {\n\t\t\t\t\t\tstyle: 'display: none'\n\t\t\t\t\t} )\n\t\t\t\t);\n\n\t\t\t\treturn divElement;\n\t\t\t}\n\t\t} );\n\n\t\tconversion.for( 'editingDowncast' ).elementToStructure( {\n\t\t\tmodel: 'pageBreak',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tconst label = t( 'Page break' );\n\t\t\t\tconst viewWrapper = writer.createContainerElement( 'div' );\n\t\t\t\tconst viewLabelElement = writer.createRawElement(\n\t\t\t\t\t'span',\n\t\t\t\t\t{ class: 'page-break__label' },\n\t\t\t\t\tfunction( domElement ) {\n\t\t\t\t\t\tdomElement.innerText = t( 'Page break' );\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\twriter.addClass( 'page-break', viewWrapper );\n\t\t\t\twriter.insert( writer.createPositionAt( viewWrapper, 0 ), viewLabelElement );\n\n\t\t\t\treturn toPageBreakWidget( viewWrapper, writer, label );\n\t\t\t}\n\t\t} );\n\n\t\tconversion.for( 'upcast' )\n\t\t\t.elementToElement( {\n\t\t\t\tview: element => {\n\t\t\t\t\t// For upcast conversion it's enough if we check for element style and verify if it's empty\n\t\t\t\t\t// or contains only hidden span element.\n\n\t\t\t\t\tconst hasPageBreakBefore = element.getStyle( 'page-break-before' ) == 'always';\n\t\t\t\t\tconst hasPageBreakAfter = element.getStyle( 'page-break-after' ) == 'always';\n\n\t\t\t\t\tif ( !hasPageBreakBefore && !hasPageBreakAfter ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\t// The \"page break\" div accepts only single child or no child at all.\n\t\t\t\t\tif ( element.childCount == 1 ) {\n\t\t\t\t\t\tconst viewSpan = element.getChild( 0 );\n\n\t\t\t\t\t\t// The child must be the \"span\" element that is not displayed.\n\t\t\t\t\t\tif ( !viewSpan!.is( 'element', 'span' ) || viewSpan.getStyle( 'display' ) != 'none' ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if ( element.childCount > 1 ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tname: true,\n\n\t\t\t\t\t\tstyles: [\n\t\t\t\t\t\t\t...( hasPageBreakBefore ? [ 'page-break-before' ] : [] ),\n\t\t\t\t\t\t\t...( hasPageBreakAfter ? [ 'page-break-after' ] : [] )\n\t\t\t\t\t\t],\n\n\t\t\t\t\t\t...element.hasClass( 'page-break' ) && {\n\t\t\t\t\t\t\tclasses: [ 'page-break' ]\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t\tmodel: 'pageBreak',\n\n\t\t\t\t// This conversion must be checked before <br> conversion because some editors use\n\t\t\t\t// <br style=\"page-break-before:always\"> as a page break marker.\n\t\t\t\tconverterPriority: 'high'\n\t\t\t} );\n\n\t\teditor.commands.add( 'pageBreak', new PageBreakCommand( editor ) );\n\t}\n}\n\n/**\n * Converts a given {@link module:engine/view/element~ViewElement} to a page break widget:\n * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property} allowing to\n *   recognize the page break widget element.\n * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n */\nfunction toPageBreakWidget( viewElement: ViewElement, writer: ViewDowncastWriter, label: string ): ViewElement {\n\twriter.setCustomProperty( 'pageBreak', true, viewElement );\n\n\treturn toWidget( viewElement, writer, { label } );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 page-break/pagebreakui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconPageBreak } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\n\n/**\n * The page break UI plugin.\n */\nexport class PageBreakUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'PageBreakUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Add pageBreak button to feature components.\n\t\teditor.ui.componentFactory.add( 'pageBreak', () => {\n\t\t\tconst view = this._createButton( ButtonView );\n\n\t\t\tview.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn view;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:pageBreak', () => this._createButton( MenuBarMenuListItemButtonView ) );\n\t}\n\n\t/**\n\t * Creates a button for page break command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command = editor.commands.get( 'pageBreak' )!;\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst t = locale.t;\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Page break' ),\n\t\t\ticon: IconPageBreak\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( 'pageBreak' );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 page-break/pagebreak\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Widget } from 'ckeditor5/src/widget.js';\n\nimport { PageBreakEditing } from './pagebreakediting.js';\nimport { PageBreakUI } from './pagebreakui.js';\n\n/**\n * The page break feature.\n *\n * It provides the possibility to insert a page break into the rich-text editor.\n *\n * For a detailed overview, check the {@glink features/page-break Page break feature} documentation.\n */\nexport class PageBreak extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ PageBreakEditing, PageBreakUI, Widget ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'PageBreak' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard/dist/index.js';\nimport { ViewUpcastWriter, Matcher, ViewDocument, ViewDomConverter } from '@ckeditor/ckeditor5-engine/dist/index.js';\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/bookmark\n */ /**\n * Transforms `<a>` elements which are bookmarks by moving their children after the element.\n *\n * @internal\n */ function transformBookmarks(documentFragment, writer) {\n    const elementsToChange = [];\n    for (const value of writer.createRangeIn(documentFragment)){\n        const element = value.item;\n        if (element.is('element', 'a') && !element.hasAttribute('href') && (element.hasAttribute('id') || element.hasAttribute('name'))) {\n            elementsToChange.push(element);\n        }\n    }\n    for (const element of elementsToChange){\n        const index = element.parent.getChildIndex(element) + 1;\n        const children = element.getChildren();\n        writer.insertChild(index, children, element.parent);\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/utils\n */ /**\n * Normalizes CSS length value to 'px'.\n *\n * @internal\n */ function convertCssLengthToPx(value) {\n    const numericValue = parseFloat(value);\n    if (value.endsWith('pt')) {\n        // 1pt = 1in / 72\n        return toPx(numericValue * 96 / 72);\n    } else if (value.endsWith('pc')) {\n        // 1pc = 12pt = 1in / 6.\n        return toPx(numericValue * 12 * 96 / 72);\n    } else if (value.endsWith('in')) {\n        // 1in = 2.54cm = 96px\n        return toPx(numericValue * 96);\n    } else if (value.endsWith('cm')) {\n        // 1cm = 96px / 2.54\n        return toPx(numericValue * 96 / 2.54);\n    } else if (value.endsWith('mm')) {\n        // 1mm = 1cm / 10\n        return toPx(numericValue / 10 * 96 / 2.54);\n    }\n    return value;\n}\n/**\n * Returns true for value with 'px' unit.\n *\n * @internal\n */ function isPx(value) {\n    return value !== undefined && value.endsWith('px');\n}\n/**\n * Returns a rounded 'px' value.\n *\n * @internal\n */ function toPx(value) {\n    return Math.round(value) + 'px';\n}\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 * <p class=MsoListParagraphCxSpFirst style='mso-list:l1 level1 lfo1'>...</p> // Paragraph based list.\n * <h1 style='mso-list:l0 level1 lfo1'>...</h1> // Heading 1 based list.\n * ```\n *\n * @param documentFragment The view structure to be transformed.\n * @param stylesString Styles from which list-like elements styling will be extracted.\n * @internal\n */ function transformListItemLikeElementsIntoLists(documentFragment, stylesString, hasMultiLevelListPlugin) {\n    if (!documentFragment.childCount) {\n        return;\n    }\n    const writer = new ViewUpcastWriter(documentFragment.document);\n    const itemLikeElements = findAllItemLikeElements(documentFragment, writer);\n    if (!itemLikeElements.length) {\n        return;\n    }\n    const encounteredLists = {};\n    const stack = [];\n    for (const itemLikeElement of itemLikeElements){\n        if (itemLikeElement.indent !== undefined) {\n            if (!isListContinuation(itemLikeElement)) {\n                stack.length = 0;\n            }\n            // Combined list ID for addressing encounter lists counters.\n            const originalListId = `${itemLikeElement.id}:${itemLikeElement.indent}`;\n            // Normalized list item indentation.\n            const indent = Math.min(itemLikeElement.indent - 1, stack.length);\n            // Trimming of the list stack on list ID change.\n            if (indent < stack.length && stack[indent].id !== itemLikeElement.id) {\n                stack.length = indent;\n            }\n            // Trimming of the list stack on lower indent list encountered.\n            if (indent < stack.length - 1) {\n                stack.length = indent + 1;\n            } else {\n                const listStyle = detectListStyle(itemLikeElement, stylesString);\n                // Create a new OL/UL if required (greater indent or different list type).\n                if (indent > stack.length - 1 || stack[indent].listElement.name != listStyle.type) {\n                    // Check if there is some start index to set from a previous list.\n                    if (indent == 0 && listStyle.type == 'ol' && itemLikeElement.id !== undefined && encounteredLists[originalListId]) {\n                        listStyle.startIndex = encounteredLists[originalListId];\n                    }\n                    const listElement = createNewEmptyList(listStyle, writer, hasMultiLevelListPlugin);\n                    // Apply list padding only if we have margins for the item and the parent item.\n                    if (isPx(itemLikeElement.marginLeft) && (indent == 0 || isPx(stack[indent - 1].marginLeft))) {\n                        let marginLeft = itemLikeElement.marginLeft;\n                        if (indent > 0) {\n                            // Convert the padding from absolute to relative.\n                            marginLeft = toPx(parseFloat(marginLeft) - parseFloat(stack[indent - 1].marginLeft));\n                        }\n                        writer.setStyle('padding-left', marginLeft, listElement);\n                    }\n                    // Insert the new OL/UL.\n                    if (stack.length == 0) {\n                        const parent = itemLikeElement.element.parent;\n                        const index = parent.getChildIndex(itemLikeElement.element) + 1;\n                        writer.insertChild(index, listElement, parent);\n                    } else {\n                        const parentListItems = stack[indent - 1].listItemElements;\n                        writer.appendChild(listElement, parentListItems[parentListItems.length - 1]);\n                    }\n                    // Update the list stack for other items to reference.\n                    stack[indent] = {\n                        ...itemLikeElement,\n                        listElement,\n                        listItemElements: []\n                    };\n                    // Prepare list counter for start index.\n                    if (indent == 0 && itemLikeElement.id !== undefined) {\n                        encounteredLists[originalListId] = listStyle.startIndex || 1;\n                    }\n                }\n            }\n            // Use LI if it is already it or create a new LI element.\n            // https://github.com/ckeditor/ckeditor5/issues/15964\n            const listItem = itemLikeElement.element.name == 'li' ? itemLikeElement.element : writer.createElement('li');\n            // Append the LI to OL/UL.\n            writer.appendChild(listItem, stack[indent].listElement);\n            stack[indent].listItemElements.push(listItem);\n            // Increment list counter.\n            if (indent == 0 && itemLikeElement.id !== undefined) {\n                encounteredLists[originalListId]++;\n            }\n            // Append list block to LI.\n            if (itemLikeElement.element != listItem) {\n                writer.appendChild(itemLikeElement.element, listItem);\n            }\n            // Clean list block.\n            removeBulletElement(itemLikeElement.element, writer);\n            writer.removeStyle('text-indent', itemLikeElement.element); // #12361\n            writer.removeStyle('margin-left', itemLikeElement.element);\n        } else {\n            // Other blocks in a list item.\n            const stackItem = stack.find((stackItem)=>stackItem.marginLeft == itemLikeElement.marginLeft);\n            // This might be a paragraph that has known margin, but it is not a real list block.\n            if (stackItem) {\n                const listItems = stackItem.listItemElements;\n                // Append block to LI.\n                writer.appendChild(itemLikeElement.element, listItems[listItems.length - 1]);\n                writer.removeStyle('margin-left', itemLikeElement.element);\n            } else {\n                stack.length = 0;\n            }\n        }\n    }\n}\n/**\n * Removes paragraph wrapping content inside a list item.\n *\n * @internal\n */ function unwrapParagraphInListItem(documentFragment, writer) {\n    for (const value of writer.createRangeIn(documentFragment)){\n        const element = value.item;\n        if (element.is('element', 'li')) {\n            // Google Docs allows for single paragraph inside LI.\n            const firstChild = element.getChild(0);\n            if (firstChild && firstChild.is('element', 'p')) {\n                writer.unwrapElement(firstChild);\n            }\n        }\n    }\n}\n/**\n * Finds all list-like elements in a given document fragment.\n *\n * @param documentFragment Document fragment in which to look for list-like nodes.\n * @returns Array of found list-like items. Each item is an object containing\n * @internal\n */ function findAllItemLikeElements(documentFragment, writer) {\n    const range = writer.createRangeIn(documentFragment);\n    const itemLikeElements = [];\n    const foundMargins = new Set();\n    for (const item of range.getItems()){\n        // https://github.com/ckeditor/ckeditor5/issues/15964\n        if (!item.is('element') || !item.name.match(/^(p|h\\d+|li|div)$/)) {\n            continue;\n        }\n        // Try to rely on margin-left style to find paragraphs visually aligned with previously encountered list item.\n        let marginLeft = getMarginLeftNormalized(item);\n        // Ignore margin-left 0 style if there is no MsoList... class.\n        if (marginLeft !== undefined && parseFloat(marginLeft) == 0 && !Array.from(item.getClassNames()).find((className)=>className.startsWith('MsoList'))) {\n            marginLeft = undefined;\n        }\n        // List item or a following list item block.\n        if (item.hasStyle('mso-list') && item.getStyle('mso-list') !== 'none' || marginLeft !== undefined && foundMargins.has(marginLeft)) {\n            const itemData = getListItemData(item);\n            itemLikeElements.push({\n                element: item,\n                id: itemData.id,\n                order: itemData.order,\n                indent: itemData.indent,\n                marginLeft\n            });\n            if (marginLeft !== undefined) {\n                foundMargins.add(marginLeft);\n            }\n        } else {\n            foundMargins.clear();\n        }\n    }\n    return itemLikeElements;\n}\n/**\n * Whether the given element is possibly a list continuation. Previous element was wrapped into a list\n * or the current element already is inside a list.\n */ function isListContinuation(currentItem) {\n    const previousSibling = currentItem.element.previousSibling;\n    if (!previousSibling) {\n        const parent = currentItem.element.parent;\n        // If it's a li inside ul or ol like in here: https://github.com/ckeditor/ckeditor5/issues/15964.\n        // If the parent has previous sibling, which is not a list, then it is not a continuation.\n        return isList(parent) && (!parent.previousSibling || isList(parent.previousSibling));\n    }\n    // Even with the same id the list does not have to be continuous (#43).\n    return isList(previousSibling);\n}\nfunction isList(element) {\n    return element.is('element', 'ol') || element.is('element', 'ul');\n}\n/**\n * Extracts list item style from the provided CSS.\n *\n * List item style is extracted from the CSS stylesheet. Each list with its specific style attribute\n * value (`mso-list:l1 level1 lfo1`) has its dedicated properties in a CSS stylesheet defined with a selector like:\n *\n * ```css\n * @list l1:level1 { ... }\n * ```\n *\n * It contains `mso-level-number-format` property which defines list numbering/bullet style. If this property\n * is not defined it means default `decimal` numbering.\n *\n * Here CSS string representation is used as `mso-level-number-format` property is an invalid CSS property\n * and will be removed during CSS parsing.\n *\n * @param listLikeItem List-like item for which list style will be searched for. Usually\n * a result of `findAllItemLikeElements()` function.\n * @param stylesString CSS stylesheet.\n * @returns An object with properties:\n *\n * * type - List type, could be `ul` or `ol`.\n * * startIndex - List start index, valid only for ordered lists.\n * * style - List style, for example: `decimal`, `lower-roman`, etc. It is extracted\n *     directly from Word stylesheet and adjusted to represent proper values for the CSS `list-style-type` property.\n *     If it cannot be adjusted, the `null` value is returned.\n */ function detectListStyle(listLikeItem, stylesString) {\n    const listStyleRegexp = new RegExp(`@list l${listLikeItem.id}:level${listLikeItem.indent}\\\\s*({[^}]*)`, 'gi');\n    const listStyleTypeRegex = /mso-level-number-format:([^;]{0,100});/gi;\n    const listStartIndexRegex = /mso-level-start-at:\\s{0,100}([0-9]{0,10})\\s{0,100};/gi;\n    const legalStyleListRegex = new RegExp(`@list\\\\s+l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-text:\"%\\\\d\\\\\\\\.`, 'gi');\n    const multiLevelNumberFormatTypeRegex = new RegExp(`@list l${listLikeItem.id}:level\\\\d\\\\s*{[^{]*mso-level-number-format:`, 'gi');\n    const legalStyleListMatch = legalStyleListRegex.exec(stylesString);\n    const multiLevelNumberFormatMatch = multiLevelNumberFormatTypeRegex.exec(stylesString);\n    // Multi level lists in Word have mso-level-number-format attribute except legal lists,\n    // so we used that. If list has legal list match and doesn't has mso-level-number-format\n    // then this is legal-list.\n    const islegalStyleList = legalStyleListMatch && !multiLevelNumberFormatMatch;\n    const listStyleMatch = listStyleRegexp.exec(stylesString);\n    let listStyleType = 'decimal'; // Decimal is default one.\n    let type = 'ol'; // <ol> is default list.\n    let startIndex = null;\n    if (listStyleMatch && listStyleMatch[1]) {\n        const listStyleTypeMatch = listStyleTypeRegex.exec(listStyleMatch[1]);\n        if (listStyleTypeMatch && listStyleTypeMatch[1]) {\n            listStyleType = listStyleTypeMatch[1].trim();\n            type = listStyleType !== 'bullet' && listStyleType !== 'image' ? 'ol' : 'ul';\n        }\n        // Styles for the numbered lists are always defined in the Word CSS stylesheet.\n        // Unordered lists MAY contain a value for the Word CSS definition `mso-level-text` but sometimes\n        // this tag is missing. And because of that, we cannot depend on that. We need to predict the list style value\n        // based on the list style marker element.\n        if (listStyleType === 'bullet') {\n            const bulletedStyle = findBulletedListStyle(listLikeItem.element);\n            if (bulletedStyle) {\n                listStyleType = bulletedStyle;\n            }\n        } else {\n            const listStartIndexMatch = listStartIndexRegex.exec(listStyleMatch[1]);\n            if (listStartIndexMatch && listStartIndexMatch[1]) {\n                startIndex = parseInt(listStartIndexMatch[1]);\n            }\n        }\n        if (islegalStyleList) {\n            type = 'ol';\n        }\n    }\n    return {\n        type,\n        startIndex,\n        style: mapListStyleDefinition(listStyleType),\n        isLegalStyleList: islegalStyleList\n    };\n}\n/**\n * Tries to extract the `list-style-type` value based on the marker element for bulleted list.\n */ function findBulletedListStyle(element) {\n    // https://github.com/ckeditor/ckeditor5/issues/15964\n    if (element.name == 'li' && element.parent.name == 'ul' && element.parent.hasAttribute('type')) {\n        return element.parent.getAttribute('type');\n    }\n    const listMarkerElement = findListMarkerNode(element);\n    if (!listMarkerElement) {\n        return null;\n    }\n    const listMarker = listMarkerElement._data;\n    if (listMarker === 'o') {\n        return 'circle';\n    } else if (listMarker === '·') {\n        return 'disc';\n    } else if (listMarker === '§') {\n        return 'square';\n    }\n    return null;\n}\n/**\n * Tries to find a text node that represents the marker element (list-style-type).\n */ function findListMarkerNode(element) {\n    // If the first child is a text node, it is the data for the element.\n    // The list-style marker is not present here.\n    if (element.getChild(0).is('$text')) {\n        return null;\n    }\n    for (const childNode of element.getChildren()){\n        // The list-style marker will be inside the `<span>` element. Let's ignore all non-span elements.\n        // It may happen that the `<a>` element is added as the first child. Most probably, it's an anchor element.\n        if (!childNode.is('element', 'span')) {\n            continue;\n        }\n        const textNodeOrElement = childNode.getChild(0);\n        if (!textNodeOrElement) {\n            continue;\n        }\n        // If already found the marker element, use it.\n        if (textNodeOrElement.is('$text')) {\n            return textNodeOrElement;\n        }\n        return textNodeOrElement.getChild(0);\n    }\n    /* istanbul ignore next -- @preserve */ return null;\n}\n/**\n * Parses the `list-style-type` value extracted directly from the Word CSS stylesheet and returns proper CSS definition.\n */ function mapListStyleDefinition(value) {\n    if (value.startsWith('arabic-leading-zero')) {\n        return 'decimal-leading-zero';\n    }\n    switch(value){\n        case 'alpha-upper':\n            return 'upper-alpha';\n        case 'alpha-lower':\n            return 'lower-alpha';\n        case 'roman-upper':\n            return 'upper-roman';\n        case 'roman-lower':\n            return 'lower-roman';\n        case 'circle':\n        case 'disc':\n        case 'square':\n            return value;\n        default:\n            return null;\n    }\n}\n/**\n * Creates a new list OL/UL element.\n */ function createNewEmptyList(listStyle, writer, hasMultiLevelListPlugin) {\n    const list = writer.createElement(listStyle.type);\n    // We do not support modifying the marker for a particular list item.\n    // Set the value for the `list-style-type` property directly to the list container.\n    if (listStyle.style) {\n        writer.setStyle('list-style-type', listStyle.style, list);\n    }\n    if (listStyle.startIndex && listStyle.startIndex > 1) {\n        writer.setAttribute('start', listStyle.startIndex, list);\n    }\n    if (listStyle.isLegalStyleList && hasMultiLevelListPlugin) {\n        writer.addClass('legal-list', list);\n    }\n    return list;\n}\n/**\n * Extracts list item information from Word specific list-like element style:\n *\n * ```\n * `style=\"mso-list:l1 level1 lfo1\"`\n * ```\n *\n * where:\n *\n * ```\n * * `l1` is a list id (however it does not mean this is a continuous list - see #43),\n * * `level1` is a list item indentation level,\n * * `lfo1` is a list insertion order in a document.\n * ```\n *\n * @param element Element from which style data is extracted.\n */ function getListItemData(element) {\n    const listStyle = element.getStyle('mso-list');\n    if (listStyle === undefined) {\n        return {};\n    }\n    const idMatch = listStyle.match(/(^|\\s{1,100})l(\\d+)/i);\n    const orderMatch = listStyle.match(/\\s{0,100}lfo(\\d+)/i);\n    const indentMatch = listStyle.match(/\\s{0,100}level(\\d+)/i);\n    if (idMatch && orderMatch && indentMatch) {\n        return {\n            id: idMatch[2],\n            order: orderMatch[1],\n            indent: parseInt(indentMatch[1])\n        };\n    }\n    return {\n        indent: 1 // Handle empty mso-list style as a marked for default list item.\n    };\n}\n/**\n * Removes span with a numbering/bullet from a given element.\n */ function removeBulletElement(element, writer) {\n    // Matcher for finding `span` elements holding lists numbering/bullets.\n    const bulletMatcher = new Matcher({\n        name: 'span',\n        styles: {\n            'mso-list': 'Ignore'\n        }\n    });\n    const range = writer.createRangeIn(element);\n    for (const value of range){\n        if (value.type === 'elementStart' && bulletMatcher.match(value.item)) {\n            writer.remove(value.item);\n        }\n    }\n}\n/**\n * Returns element left margin normalized to 'px' if possible.\n */ function getMarginLeftNormalized(element) {\n    const value = element.getStyle('margin-left');\n    if (value === undefined || value.endsWith('px')) {\n        return value;\n    }\n    return convertCssLengthToPx(value);\n}\n\n/**\n * Replaces source attribute of all `<img>` elements representing regular\n * images (not the Word shapes) with inlined base64 image representation extracted from RTF or Blob data.\n *\n * @param documentFragment Document fragment on which transform images.\n * @param rtfData The RTF data from which images representation will be used.\n * @internal\n */ function replaceImagesSourceWithBase64(documentFragment, rtfData) {\n    if (!documentFragment.childCount) {\n        return;\n    }\n    const upcastWriter = new ViewUpcastWriter(documentFragment.document);\n    const shapesIds = findAllShapesIds(documentFragment, upcastWriter);\n    removeAllImgElementsRepresentingShapes(shapesIds, documentFragment, upcastWriter);\n    insertMissingImgs(shapesIds, documentFragment, upcastWriter);\n    removeAllShapeElements(documentFragment, upcastWriter);\n    const images = findAllImageElementsWithLocalSource(documentFragment, upcastWriter);\n    if (images.length) {\n        replaceImagesFileSourceWithInlineRepresentation(images, extractImageDataFromRtf(rtfData), upcastWriter);\n    }\n}\n/**\n * Converts given HEX string to base64 representation.\n *\n * @internal\n * @param hexString The HEX string to be converted.\n * @returns Base64 representation of a given HEX string.\n */ function _convertHexToBase64(hexString) {\n    return btoa(hexString.match(/\\w{2}/g).map((char)=>{\n        return String.fromCharCode(parseInt(char, 16));\n    }).join(''));\n}\n/**\n * Finds all shapes (`<v:*>...</v:*>`) ids. Shapes can represent images (canvas)\n * or Word shapes (which does not have RTF or Blob representation).\n *\n * @param documentFragment Document fragment from which to extract shape ids.\n * @returns Array of shape ids.\n */ function findAllShapesIds(documentFragment, writer) {\n    const range = writer.createRangeIn(documentFragment);\n    const shapeElementsMatcher = new Matcher({\n        name: /v:(.+)/\n    });\n    const shapesIds = [];\n    for (const value of range){\n        if (value.type != 'elementStart') {\n            continue;\n        }\n        const el = value.item;\n        const previousSibling = el.previousSibling;\n        const prevSiblingName = previousSibling && previousSibling.is('element') ? previousSibling.name : null;\n        // List of ids which should not be considered as shapes.\n        // https://github.com/ckeditor/ckeditor5/pull/15847#issuecomment-1941543983\n        const exceptionIds = [\n            'Chart'\n        ];\n        const isElementAShape = shapeElementsMatcher.match(el);\n        const hasElementGfxdataAttribute = el.getAttribute('o:gfxdata');\n        const isPreviousSiblingAShapeType = prevSiblingName === 'v:shapetype';\n        const isElementIdInExceptionsArray = hasElementGfxdataAttribute && exceptionIds.some((item)=>el.getAttribute('id').includes(item));\n        // If shape element has 'o:gfxdata' attribute and is not directly before\n        // `<v:shapetype>` element it means that it represents a Word shape.\n        if (isElementAShape && hasElementGfxdataAttribute && !isPreviousSiblingAShapeType && !isElementIdInExceptionsArray) {\n            shapesIds.push(value.item.getAttribute('id'));\n        }\n    }\n    return shapesIds;\n}\n/**\n * Removes all `<img>` elements which represents Word shapes and not regular images.\n *\n * @param shapesIds Shape ids which will be checked against `<img>` elements.\n * @param documentFragment Document fragment from which to remove `<img>` elements.\n */ function removeAllImgElementsRepresentingShapes(shapesIds, documentFragment, writer) {\n    const range = writer.createRangeIn(documentFragment);\n    const imageElementsMatcher = new Matcher({\n        name: 'img'\n    });\n    const imgs = [];\n    for (const value of range){\n        if (value.item.is('element') && imageElementsMatcher.match(value.item)) {\n            const el = value.item;\n            const shapes = el.getAttribute('v:shapes') ? el.getAttribute('v:shapes').split(' ') : [];\n            if (shapes.length && shapes.every((shape)=>shapesIds.indexOf(shape) > -1)) {\n                imgs.push(el);\n            // Shapes may also have empty source while content is paste in some browsers (Safari).\n            } else if (!el.getAttribute('src')) {\n                imgs.push(el);\n            }\n        }\n    }\n    for (const img of imgs){\n        writer.remove(img);\n    }\n}\n/**\n * Removes all shape elements (`<v:*>...</v:*>`) so they do not pollute the output structure.\n *\n * @param documentFragment Document fragment from which to remove shape elements.\n */ function removeAllShapeElements(documentFragment, writer) {\n    const range = writer.createRangeIn(documentFragment);\n    const shapeElementsMatcher = new Matcher({\n        name: /v:(.+)/\n    });\n    const shapes = [];\n    for (const value of range){\n        if (value.type == 'elementStart' && shapeElementsMatcher.match(value.item)) {\n            shapes.push(value.item);\n        }\n    }\n    for (const shape of shapes){\n        writer.remove(shape);\n    }\n}\n/**\n * Inserts `img` tags if there is none after a shape.\n */ function insertMissingImgs(shapeIds, documentFragment, writer) {\n    const range = writer.createRangeIn(documentFragment);\n    const shapes = [];\n    for (const value of range){\n        if (value.type == 'elementStart' && value.item.is('element', 'v:shape')) {\n            const id = value.item.getAttribute('id');\n            if (shapeIds.includes(id)) {\n                continue;\n            }\n            if (!containsMatchingImg(value.item.parent.getChildren(), id)) {\n                shapes.push(value.item);\n            }\n        }\n    }\n    for (const shape of shapes){\n        const attrs = {\n            src: findSrc(shape)\n        };\n        if (shape.hasAttribute('alt')) {\n            attrs.alt = shape.getAttribute('alt');\n        }\n        const img = writer.createElement('img', attrs);\n        writer.insertChild(shape.index + 1, img, shape.parent);\n    }\n    function containsMatchingImg(nodes, id) {\n        for (const node of nodes){\n            /* istanbul ignore else -- @preserve */ if (node.is('element')) {\n                if (node.name == 'img' && node.getAttribute('v:shapes') == id) {\n                    return true;\n                }\n                if (containsMatchingImg(node.getChildren(), id)) {\n                    return true;\n                }\n            }\n        }\n        return false;\n    }\n    function findSrc(shape) {\n        for (const child of shape.getChildren()){\n            /* istanbul ignore else -- @preserve */ if (child.is('element') && child.getAttribute('src')) {\n                return child.getAttribute('src');\n            }\n        }\n    }\n}\n/**\n * Finds all `<img>` elements in a given document fragment which have source pointing to local `file://` resource.\n * This function also tracks the index position of each image in the document, which is essential for\n * precise matching with hexadecimal representations in RTF data.\n *\n * @param documentFragment Document fragment in which to look for `<img>` elements.\n * @returns Array of found images along with their position index in the document.\n */ function findAllImageElementsWithLocalSource(documentFragment, writer) {\n    const range = writer.createRangeIn(documentFragment);\n    const imageElementsMatcher = new Matcher({\n        name: 'img'\n    });\n    const imgs = [];\n    let currentImageIndex = 0;\n    for (const value of range){\n        if (value.item.is('element') && imageElementsMatcher.match(value.item)) {\n            if (value.item.getAttribute('src').startsWith('file://')) {\n                imgs.push({\n                    element: value.item,\n                    imageIndex: currentImageIndex\n                });\n            }\n            currentImageIndex++;\n        }\n    }\n    return imgs;\n}\n/**\n * Extracts all images HEX representations from a given RTF data.\n *\n * @param rtfData The RTF data from which to extract images HEX representation.\n * @returns Array of found HEX representations. Each array item is an object containing:\n *\n * * hex Image representation in HEX format.\n * * type Type of image, `image/png` or `image/jpeg`.\n */ function extractImageDataFromRtf(rtfData) {\n    if (!rtfData) {\n        return [];\n    }\n    const regexPictureHeader = /{\\\\pict[\\s\\S]+?\\\\bliptag-?\\d+(\\\\blipupi-?\\d+)?({\\\\\\*\\\\blipuid\\s?[\\da-fA-F]+)?[\\s}]*?/;\n    const regexPicture = new RegExp('(?:(' + regexPictureHeader.source + '))([\\\\da-fA-F\\\\s]+)\\\\}', 'g');\n    const images = rtfData.match(regexPicture);\n    const result = [];\n    if (images) {\n        for (const image of images){\n            let imageType = false;\n            if (image.includes('\\\\pngblip')) {\n                imageType = 'image/png';\n            } else if (image.includes('\\\\jpegblip')) {\n                imageType = 'image/jpeg';\n            }\n            if (imageType) {\n                result.push({\n                    hex: image.replace(regexPictureHeader, '').replace(/[^\\da-fA-F]/g, ''),\n                    type: imageType\n                });\n            }\n        }\n    }\n    return result;\n}\n/**\n * Replaces `src` attribute value of all given images with the corresponding base64 image representation.\n * Uses the image index to precisely match with the correct hexadecimal representation from RTF data.\n *\n * @param imageElements Array of image elements along with their indices which will have their sources replaced.\n * @param imagesHexSources Array of images hex sources (usually the result of `extractImageDataFromRtf()` function).\n * Contains hexadecimal representations of ALL images in the document, not just those with `file://` URLs.\n * In XML documents, the same image might be defined both as base64 in HTML and as hexadecimal in RTF data.\n */ function replaceImagesFileSourceWithInlineRepresentation(imageElements, imagesHexSources, writer) {\n    for(let i = 0; i < imageElements.length; i++){\n        const { element, imageIndex } = imageElements[i];\n        const rtfHexSource = imagesHexSources[imageIndex];\n        if (rtfHexSource) {\n            const newSrc = `data:${rtfHexSource.type};base64,${_convertHexToBase64(rtfHexSource.hex)}`;\n            writer.setAttribute('src', newSrc, element);\n        }\n    }\n}\n\n/**\n * Cleanup MS attributes like styles, attributes and elements.\n *\n * @param documentFragment element `data.content` obtained from clipboard.\n * @internal\n */ function removeMSAttributes(documentFragment) {\n    const elementsToUnwrap = [];\n    const writer = new ViewUpcastWriter(documentFragment.document);\n    for (const { item } of writer.createRangeIn(documentFragment)){\n        if (!item.is('element')) {\n            continue;\n        }\n        for (const className of item.getClassNames()){\n            if (/\\bmso/gi.exec(className)) {\n                writer.removeClass(className, item);\n            }\n        }\n        for (const styleName of item.getStyleNames()){\n            if (/\\bmso/gi.exec(styleName)) {\n                writer.removeStyle(styleName, item);\n            }\n        }\n        if (item.is('element', 'w:sdt') || item.is('element', 'w:sdtpr') && item.isEmpty || item.is('element', 'o:p') && item.isEmpty) {\n            elementsToUnwrap.push(item);\n        }\n    }\n    for (const item of elementsToUnwrap){\n        const itemParent = item.parent;\n        const childIndex = itemParent.getChildIndex(item);\n        writer.insertChild(childIndex, item.getChildren(), itemParent);\n        writer.remove(item);\n    }\n}\n\n/**\n * Applies border none for table and cells without a border specified.\n * Normalizes style length units to px.\n * Handles left block table alignment.\n *\n * @internal\n */ function transformTables(documentFragment, writer, hasTablePropertiesPlugin = false, hasExtendedTableBlockAlignment = false) {\n    for (const item of writer.createRangeIn(documentFragment).getItems()){\n        if (!item.is('element', 'table') && !item.is('element', 'td') && !item.is('element', 'th')) {\n            continue;\n        }\n        // In MS Word, left-aligned tables (default) have no align attribute on the `<table>` and are not wrapped in a `<div>`.\n        // In such cases, we need to set `margin-left: 0` and `margin-right: auto` to indicate to the editor that\n        // the table is block-aligned to the left.\n        //\n        // Center- and right-aligned tables in MS Word are wrapped in a `<div>` with the `align` attribute set to\n        // `center` or `right`, respectively with no align attribute on the `<table>` itself.\n        //\n        // Additionally, the structure may change when pasting content from MS Word.\n        // Some browsers (e.g., Safari) may insert extra elements around the table (e.g., a <span>),\n        // so the surrounding `<div>` with the `align` attribute may end up being the table's grandparent.\n        if (hasTablePropertiesPlugin && hasExtendedTableBlockAlignment && item.is('element', 'table')) {\n            const directParent = item.parent?.is('element', 'div') ? item.parent : null;\n            const grandParent = item.parent?.parent?.is('element', 'div') ? item.parent.parent : null;\n            const divParent = directParent ?? grandParent;\n            // Center block table alignment.\n            if (divParent && divParent.getAttribute('align') === 'center' && !item.getAttribute('align')) {\n                writer.setStyle('margin-left', 'auto', item);\n                writer.setStyle('margin-right', 'auto', item);\n            } else if (divParent && divParent.getAttribute('align') === 'right' && !item.getAttribute('align')) {\n                writer.setStyle('margin-left', 'auto', item);\n                writer.setStyle('margin-right', '0', item);\n            } else if (!divParent && !item.getAttribute('align')) {\n                writer.setStyle('margin-left', '0', item);\n                writer.setStyle('margin-right', 'auto', item);\n            }\n        }\n        const sides = [\n            'left',\n            'top',\n            'right',\n            'bottom'\n        ];\n        // As this is a pasted table, we do not want default table styles to apply here\n        // so we set border node for sides that does not have any border style.\n        // It is enough to verify border style as border color and border width properties have default values in DOM.\n        if (sides.every((side)=>!item.hasStyle(`border-${side}-style`))) {\n            writer.setStyle('border-style', 'none', item);\n        } else {\n            for (const side of sides){\n                if (!item.hasStyle(`border-${side}-style`)) {\n                    writer.setStyle(`border-${side}-style`, 'none', item);\n                }\n            }\n        }\n        // Translate style length units to px.\n        const props = [\n            'width',\n            'height',\n            ...sides.map((side)=>`border-${side}-width`),\n            ...sides.map((side)=>`padding-${side}`)\n        ];\n        for (const prop of props){\n            if (item.hasStyle(prop)) {\n                writer.setStyle(prop, convertCssLengthToPx(item.getStyle(prop)), item);\n            }\n        }\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/removeinvalidtablewidth\n */ /**\n * Removes the `width:0px` style from table pasted from Google Sheets and `width=\"0\"` attribute from Word tables.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */ function removeInvalidTableWidth(documentFragment, writer) {\n    for (const child of writer.createRangeIn(documentFragment).getItems()){\n        if (child.is('element', 'table')) {\n            // Remove invalid width style (Google Sheets: width:0px).\n            if (child.getStyle('width') === '0px') {\n                writer.removeStyle('width', child);\n            }\n            // Remove invalid width attribute (Word: width=\"0\").\n            if (child.getAttribute('width') === '0') {\n                writer.removeAttribute('width', child);\n            }\n        }\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/replacemsfootnotes\n */ /**\n * Replaces MS Word specific footnotes references and definitions with proper elements.\n *\n * Things to know about MS Word footnotes:\n *\n * * Footnote references in Word are marked with `mso-footnote-id` style.\n * * Word does not support nested footnotes, so references within definitions are ignored.\n * * Word appends extra spaces after footnote references within definitions, which are trimmed.\n * * Footnote definitions list is marked with `mso-element: footnote-list` style it contain `mso-element: footnote` elements.\n * * Footnote definition might contain tables, lists and other elements, not only text. They are placed directly within `li` element,\n * without any wrapper (in opposition to text content of the definition, which is placed within `MsoFootnoteText` element).\n *\n * Example pseudo document showing MS Word footnote structure:\n *\n * ```html\n * <p>Text with footnote<a style='mso-footnote-id:ftn1'>[1]</a> reference.</p>\n *\n * <div style='mso-element:footnote-list'>\n * \t<div style='mso-element:footnote' id=ftn1>\n * \t\t<p class=MsoFootnoteText><a style='mso-footnote-id:ftn1'>[1]</a> Footnote content</p>\n * \t\t<table class=\"MsoTableGrid\">...</table>\n * \t</div>\n * </div>\n * ```\n *\n * Will be transformed into:\n *\n * ```html\n * <p>Text with footnote<sup class=\"footnote\"><a id=\"ref-footnote-ftn1\" href=\"#footnote-ftn1\">1</a></sup> reference.</p>\n *\n * <ol class=\"footnotes\">\n * \t<li class=\"footnote-definition\" id=\"footnote-ftn1\">\n * \t\t<a href=\"#ref-footnote-ftn1\" class=\"footnote-backlink\">^</a>\n * \t\t<div class=\"footnote-content\">\n * \t\t\t<p>Footnote content</p>\n * \t\t\t<table>...</table>\n * \t\t</div>\n * \t</li>\n * </ol>\n * ```\n *\n * @param documentFragment `data.content` obtained from clipboard.\n * @param writer The view writer instance.\n * @internal\n */ function replaceMSFootnotes(documentFragment, writer) {\n    const msFootnotesRefs = new Map();\n    const msFootnotesDefs = new Map();\n    let msFootnotesDefinitionsList = null;\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        // 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        // 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            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                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                msFootnotesRefs.set(msFootnoteRefId, item);\n            }\n            continue;\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    // Phase 2: Replace footnotes definitions list with proper element.\n    const footnotesDefinitionsList = createFootnotesListViewElement(writer);\n    writer.replace(msFootnotesDefinitionsList, footnotesDefinitionsList);\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        if (!msFootnoteDef) {\n            continue;\n        }\n        // Replace footnote reference.\n        writer.replace(msFootnoteRef, createFootnoteRefViewElement(writer, footnoteId));\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        removeMSReferences(writer, msFootnoteDef);\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            if (child.is('element')) {\n                clonedChild = writer.clone(child, true);\n            }\n            writer.appendChild(clonedChild, defElements.content);\n        }\n        writer.appendChild(defElements.listItem, footnotesDefinitionsList);\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 */ function removeMSReferences(writer, element) {\n    const elementsToRemove = [];\n    const textNodesToTrim = [];\n    for (const { item } of writer.createRangeIn(element)){\n        if (item.is('element') && item.getStyle('mso-footnote-id')) {\n            elementsToRemove.unshift(item);\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            if (nextSibling?.is('$text') && nextSibling.data.startsWith(' ')) {\n                textNodesToTrim.unshift(nextSibling);\n            }\n        }\n    }\n    for (const element of elementsToRemove){\n        writer.remove(element);\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        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            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    return element;\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 */ function createFootnotesListViewElement(writer) {\n    return writer.createElement('ol', {\n        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 */ function createFootnoteRefViewElement(writer, footnoteId) {\n    const sup = writer.createElement('sup', {\n        class: 'footnote'\n    });\n    const link = writer.createElement('a', {\n        id: `ref-${footnoteId}`,\n        href: `#${footnoteId}`\n    });\n    writer.appendChild(link, sup);\n    return sup;\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 */ function createFootnoteDefViewElement(writer, footnoteId) {\n    const listItem = writer.createElement('li', {\n        id: footnoteId,\n        class: 'footnote-definition'\n    });\n    const backLink = writer.createElement('a', {\n        href: `#ref-${footnoteId}`,\n        class: 'footnote-backlink'\n    });\n    const content = writer.createElement('div', {\n        class: 'footnote-content'\n    });\n    writer.appendChild(writer.createText('^'), backLink);\n    writer.appendChild(backLink, listItem);\n    writer.appendChild(content, listItem);\n    return {\n        listItem,\n        content\n    };\n}\n\nconst msWordMatch1 = /<meta\\s*name=\"?generator\"?\\s*content=\"?microsoft\\s*word\\s*\\d+\"?\\/?>/i;\nconst msWordMatch2 = /xmlns:o=\"urn:schemas-microsoft-com/i;\n/**\n * Normalizer for the content pasted from Microsoft Word.\n */ class PasteFromOfficeMSWordNormalizer {\n    document;\n    hasMultiLevelListPlugin;\n    hasTablePropertiesPlugin;\n    hasExtendedTableBlockAlignment;\n    /**\n\t * Creates a new `PasteFromOfficeMSWordNormalizer` instance.\n\t *\n\t * @param document View document.\n\t */ constructor(document, hasMultiLevelListPlugin = false, hasTablePropertiesPlugin = false, hasExtendedTableBlockAlignment = false){\n        this.document = document;\n        this.hasMultiLevelListPlugin = hasMultiLevelListPlugin;\n        this.hasTablePropertiesPlugin = hasTablePropertiesPlugin;\n        this.hasExtendedTableBlockAlignment = hasExtendedTableBlockAlignment;\n    }\n    /**\n\t * @inheritDoc\n\t */ isActive(htmlString) {\n        return msWordMatch1.test(htmlString) || msWordMatch2.test(htmlString);\n    }\n    /**\n\t * @inheritDoc\n\t */ execute(data) {\n        const writer = new ViewUpcastWriter(this.document);\n        const { body: documentFragment, stylesString } = data._parsedData;\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        data.content = documentFragment;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/removeboldwrapper\n */ /**\n * Removes the `<b>` tag wrapper added by Google Docs to a copied content.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */ function removeBoldWrapper(documentFragment, writer) {\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            writer.remove(child);\n            writer.insertChild(childIndex, child.getChildren(), documentFragment);\n        }\n    }\n}\n\n/**\n * Transforms `<br>` elements that are siblings to some block element into a paragraphs.\n *\n * @param documentFragment The view structure to be transformed.\n * @internal\n */ function transformBlockBrsToParagraphs(documentFragment, writer) {\n    const viewDocument = new ViewDocument(writer.document.stylesProcessor);\n    const domConverter = new ViewDomConverter(viewDocument, {\n        renderingMode: 'data'\n    });\n    const blockElements = domConverter.blockElements;\n    const inlineObjectElements = domConverter.inlineObjectElements;\n    const elementsToReplace = [];\n    for (const value of writer.createRangeIn(documentFragment)){\n        const element = value.item;\n        if (element.is('element', 'br')) {\n            const nextSibling = findSibling(element, 'forward', writer, {\n                blockElements,\n                inlineObjectElements\n            });\n            const previousSibling = findSibling(element, 'backward', writer, {\n                blockElements,\n                inlineObjectElements\n            });\n            const nextSiblingIsBlock = isBlockViewElement(nextSibling, blockElements);\n            const previousSiblingIsBlock = isBlockViewElement(previousSibling, blockElements);\n            // If the <br> is surrounded by blocks then convert it to a paragraph:\n            // * <p>foo</p>[<br>]<p>bar</p> -> <p>foo</p>[<p></p>]<p>bar</p>\n            // * <p>foo</p>[<br>] -> <p>foo</p>[<p></p>]\n            // * [<br>]<p>foo</p> -> [<p></p>]<p>foo</p>\n            if (previousSiblingIsBlock || nextSiblingIsBlock) {\n                elementsToReplace.push(element);\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 * Returns sibling node, threats inline elements as transparent (but should stop on an inline objects).\n */ function findSibling(viewElement, direction, writer, { blockElements, inlineObjectElements }) {\n    let position = writer.createPositionAt(viewElement, direction == 'forward' ? 'after' : 'before');\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(({ item })=>item.is('element') && !blockElements.includes(item.name) && !inlineObjectElements.includes(item.name), {\n        direction\n    });\n    return direction == 'forward' ? position.nodeAfter : position.nodeBefore;\n}\n/**\n * Returns true for view elements that are listed as block view elements.\n */ function isBlockViewElement(node, blockElements) {\n    return !!node && node.is('element') && blockElements.includes(node.name);\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/replacetabswithinprewithspaces\n */ /**\n * Replaces tab characters with spaces in text nodes that are inside elements styled with `white-space: pre-wrap`.\n *\n * This is a workaround for incorrect detection of pre-like formatting in the DOM converter for pasted Google Docs documents.\n * When an element uses `white-space: pre-wrap`, the editor reduces tab characters to a single space, causing\n * inconsistent spacing in pasted content. This function replaces tabs with spaces to ensure visual consistency.\n * This is intended as a temporary solution.\n *\n * See: https://github.com/ckeditor/ckeditor5/issues/18995\n *\n * @param documentFragment The `data.content` element obtained from the clipboard.\n * @param writer The upcast writer used to manipulate the view structure.\n * @param tabWidth The number of spaces to replace each tab with. Defaults to 8.\n * @internal\n */ function replaceTabsWithinPreWithSpaces(documentFragment, writer, tabWidth) {\n    // Collect all text nodes with tabs that are inside pre-wrap elements.\n    const textNodesToReplace = new Set();\n    for (const child of writer.createRangeIn(documentFragment).getItems()){\n        if (!child.is('view:$textProxy') || !child.data.includes('\\t')) {\n            continue;\n        }\n        // Check if any parent has `white-space: pre-wrap`.\n        if (hasPreWrapParent(child.parent)) {\n            textNodesToReplace.add(child.textNode);\n        }\n    }\n    // Replace tabs in each collected text node.\n    for (const textNode of textNodesToReplace){\n        replaceTabsInTextNode(textNode, writer, tabWidth);\n    }\n}\n/**\n * Checks if element or any of its parents has `white-space: pre-wrap` style.\n */ function hasPreWrapParent(element) {\n    let parent = element;\n    while(parent){\n        if (parent.is('element')) {\n            const whiteSpace = parent.getStyle?.('white-space');\n            if (whiteSpace === 'pre-wrap') {\n                return true;\n            }\n        }\n        parent = parent.parent;\n    }\n    return false;\n}\n/**\n * Replaces all tabs with spaces in the given text node.\n */ function replaceTabsInTextNode(textNode, writer, tabWidth) {\n    const { parent, data } = textNode;\n    const replacedData = data.replaceAll('\\t', ' '.repeat(tabWidth));\n    const index = parent.getChildIndex(textNode);\n    // Remove old node and insert new one with replaced tabs.\n    writer.remove(textNode);\n    writer.insertChild(index, writer.createText(replacedData), parent);\n}\n\nconst googleDocsMatch = /id=(\"|')docs-internal-guid-[-0-9a-f]+(\"|')/i;\n/**\n * Normalizer for the content pasted from Google Docs.\n *\n * @internal\n */ class GoogleDocsNormalizer {\n    document;\n    /**\n\t * Creates a new `GoogleDocsNormalizer` instance.\n\t *\n\t * @param document View document.\n\t */ constructor(document){\n        this.document = document;\n    }\n    /**\n\t * @inheritDoc\n\t */ isActive(htmlString) {\n        return googleDocsMatch.test(htmlString);\n    }\n    /**\n\t * @inheritDoc\n\t */ execute(data) {\n        const writer = new ViewUpcastWriter(this.document);\n        const { body: documentFragment } = data._parsedData;\n        removeBoldWrapper(documentFragment, writer);\n        unwrapParagraphInListItem(documentFragment, writer);\n        transformBlockBrsToParagraphs(documentFragment, writer);\n        replaceTabsWithinPreWithSpaces(documentFragment, writer, 8);\n        data.content = documentFragment;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/removexmlns\n */ /**\n * Removes the `xmlns` attribute from table pasted from Google Sheets.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */ function removeXmlns(documentFragment, writer) {\n    for (const child of documentFragment.getChildren()){\n        if (child.is('element', 'table') && child.hasAttribute('xmlns')) {\n            writer.removeAttribute('xmlns', child);\n        }\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/removegooglesheetstag\n */ /**\n * Removes the `<google-sheets-html-origin>` tag wrapper added by Google Sheets to a copied content.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */ function removeGoogleSheetsTag(documentFragment, writer) {\n    for (const child of documentFragment.getChildren()){\n        if (child.is('element', 'google-sheets-html-origin')) {\n            const childIndex = documentFragment.getChildIndex(child);\n            writer.remove(child);\n            writer.insertChild(childIndex, child.getChildren(), documentFragment);\n        }\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/removestyleblock\n */ /**\n * Removes `<style>` block added by Google Sheets to a copied content.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */ function removeStyleBlock(documentFragment, writer) {\n    for (const child of Array.from(documentFragment.getChildren())){\n        if (child.is('element', 'style')) {\n            writer.remove(child);\n        }\n    }\n}\n\nconst googleSheetsMatch = /<google-sheets-html-origin/i;\n/**\n * Normalizer for the content pasted from Google Sheets.\n *\n * @internal\n */ class GoogleSheetsNormalizer {\n    document;\n    /**\n\t * Creates a new `GoogleSheetsNormalizer` instance.\n\t *\n\t * @param document View document.\n\t */ constructor(document){\n        this.document = document;\n    }\n    /**\n\t * @inheritDoc\n\t */ isActive(htmlString) {\n        return googleSheetsMatch.test(htmlString);\n    }\n    /**\n\t * @inheritDoc\n\t */ execute(data) {\n        const writer = new ViewUpcastWriter(this.document);\n        const { body: documentFragment } = data._parsedData;\n        removeGoogleSheetsTag(documentFragment, writer);\n        removeXmlns(documentFragment, writer);\n        removeInvalidTableWidth(documentFragment, writer);\n        removeStyleBlock(documentFragment, writer);\n        data.content = documentFragment;\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module paste-from-office/filters/space\n */ /**\n * Replaces last space preceding elements closing tag with `&nbsp;`. Such operation prevents spaces from being removed\n * during further DOM/View processing (see especially {@link module:engine/view/domconverter~ViewDomConverter#_processDomInlineNodes}).\n * This method also takes into account Word specific `<o:p></o:p>` empty tags.\n * Additionally multiline sequences of spaces and new lines between tags are removed (see #39 and #40).\n *\n * @param htmlString HTML string in which spacing should be normalized.\n * @returns Input HTML with spaces normalized.\n * @internal\n */ function normalizeSpacing(htmlString) {\n    // Run normalizeSafariSpaceSpans() two times to cover nested spans.\n    return normalizeSafariSpaceSpans(normalizeSafariSpaceSpans(htmlString))// Remove all \\r\\n from \"spacerun spans\" so the last replace line doesn't strip all whitespaces.\n    .replace(/(<span\\s+style=['\"]mso-spacerun:yes['\"]>[^\\S\\r\\n]*?)[\\r\\n]+([^\\S\\r\\n]*<\\/span>)/g, '$1$2').replace(/<span\\s+style=['\"]mso-spacerun:yes['\"]><\\/span>/g, '').replace(/(<span\\s+style=['\"]letter-spacing:[^'\"]+?['\"]>)[\\r\\n]+(<\\/span>)/g, '$1 $2').replace(/ <\\//g, '\\u00A0</').replace(/ <o:p><\\/o:p>/g, '\\u00A0<o:p></o:p>')// Remove <o:p> block filler from empty paragraph. Safari uses \\u00A0 instead of &nbsp;.\n    .replace(/<o:p>(&nbsp;|\\u00A0)<\\/o:p>/g, '')// Remove all whitespaces when they contain any \\r or \\n.\n    .replace(/>([^\\S\\r\\n]*[\\r\\n]\\s*)</g, '><');\n}\n/**\n * Normalizes spacing in special Word `spacerun spans` (`<span style='mso-spacerun:yes'>\\s+</span>`) by replacing\n * all spaces with `&nbsp; ` pairs. This prevents spaces from being removed during further DOM/View processing\n * (see especially {@link module:engine/view/domconverter~ViewDomConverter#_processDomInlineNodes}).\n *\n * @param htmlDocument Native `Document` object in which spacing should be normalized.\n * @internal\n */ function normalizeSpacerunSpans(htmlDocument) {\n    htmlDocument.querySelectorAll('span[style*=spacerun]').forEach((el)=>{\n        const htmlElement = el;\n        const innerTextLength = htmlElement.innerText.length || 0;\n        htmlElement.innerText = Array(innerTextLength + 1).join('\\u00A0 ').substr(0, innerTextLength);\n    });\n}\n/**\n * Normalizes specific spacing generated by Safari when content pasted from Word (`<span class=\"Apple-converted-space\"> </span>`)\n * by replacing all spaces sequences longer than 1 space with `&nbsp; ` pairs. This prevents spaces from being removed during\n * further DOM/View processing (see especially {@link module:engine/view/domconverter~ViewDomConverter#_processDataFromDomText}).\n *\n * This function is similar to {@link module:clipboard/utils/normalizeclipboarddata normalizeClipboardData util} but uses\n * regular spaces / &nbsp; sequence for replacement.\n *\n * @param htmlString HTML string in which spacing should be normalized\n * @returns Input HTML with spaces normalized.\n * @internal\n */ function normalizeSafariSpaceSpans(htmlString) {\n    return htmlString.replace(/<span(?: class=\"Apple-converted-space\"|)>(\\s+)<\\/span>/g, (fullMatch, spaces)=>{\n        return spaces.length === 1 ? ' ' : Array(spaces.length + 1).join('\\u00A0 ').substr(0, spaces.length);\n    });\n}\n\n/**\n * Parses the provided HTML extracting contents of `<body>` and `<style>` tags.\n *\n * @param htmlString HTML string to be parsed.\n */ function parsePasteOfficeHtml(htmlString, stylesProcessor) {\n    const domParser = new DOMParser();\n    // Remove Word specific \"if comments\" so content inside is not omitted by the parser.\n    htmlString = htmlString.replace(/<!--\\[if gte vml 1]>/g, '');\n    // Clean the <head> section of MS Windows specific tags. See https://github.com/ckeditor/ckeditor5/issues/15333.\n    // The regular expression matches the <o:SmartTagType> tag with optional attributes (with or without values).\n    htmlString = htmlString.replace(/<o:SmartTagType(?:\\s+[^\\s>=]+(?:=\"[^\"]*\")?)*\\s*\\/?>/gi, '');\n    const normalizedHtml = normalizeSpacing(cleanContentAfterBody(htmlString));\n    // Parse htmlString as native Document object.\n    const htmlDocument = domParser.parseFromString(normalizedHtml, 'text/html');\n    normalizeSpacerunSpans(htmlDocument);\n    // Get `innerHTML` first as transforming to View modifies the source document.\n    const bodyString = htmlDocument.body.innerHTML;\n    // Transform document.body to View.\n    const bodyView = documentToView(htmlDocument, stylesProcessor);\n    // Extract stylesheets.\n    const stylesObject = extractStyles(htmlDocument);\n    return {\n        body: bodyView,\n        bodyString,\n        styles: stylesObject.styles,\n        stylesString: stylesObject.stylesString\n    };\n}\n/**\n * Transforms native `Document` object into {@link module:engine/view/documentfragment~ViewDocumentFragment}. Comments are skipped.\n *\n * @param htmlDocument Native `Document` object to be transformed.\n */ function documentToView(htmlDocument, stylesProcessor) {\n    const viewDocument = new ViewDocument(stylesProcessor);\n    const domConverter = new ViewDomConverter(viewDocument, {\n        renderingMode: 'data'\n    });\n    const fragment = htmlDocument.createDocumentFragment();\n    const nodes = htmlDocument.body.childNodes;\n    while(nodes.length > 0){\n        fragment.appendChild(nodes[0]);\n    }\n    return domConverter.domToView(fragment, {\n        skipComments: true\n    });\n}\n/**\n * Extracts both `CSSStyleSheet` and string representation from all `style` elements available in a provided `htmlDocument`.\n *\n * @param htmlDocument Native `Document` object from which styles will be extracted.\n */ function extractStyles(htmlDocument) {\n    const styles = [];\n    const stylesString = [];\n    const styleTags = Array.from(htmlDocument.getElementsByTagName('style'));\n    for (const style of styleTags){\n        if (style.sheet && style.sheet.cssRules && style.sheet.cssRules.length) {\n            styles.push(style.sheet);\n            stylesString.push(style.innerHTML);\n        }\n    }\n    return {\n        styles,\n        stylesString: stylesString.join(' ')\n    };\n}\n/**\n * Removes leftover content from between closing </body> and closing </html> tag:\n *\n * ```html\n * <html><body><p>Foo Bar</p></body><span>Fo</span></html> -> <html><body><p>Foo Bar</p></body></html>\n * ```\n *\n * This function is used as specific browsers (Edge) add some random content after `body` tag when pasting from Word.\n * @param htmlString The HTML string to be cleaned.\n * @returns The HTML string with leftover content removed.\n */ function cleanContentAfterBody(htmlString) {\n    const bodyCloseTag = '</body>';\n    const htmlCloseTag = '</html>';\n    const bodyCloseIndex = htmlString.indexOf(bodyCloseTag);\n    if (bodyCloseIndex < 0) {\n        return htmlString;\n    }\n    const htmlCloseIndex = htmlString.indexOf(htmlCloseTag, bodyCloseIndex + bodyCloseTag.length);\n    return htmlString.substring(0, bodyCloseIndex + bodyCloseTag.length) + (htmlCloseIndex >= 0 ? htmlString.substring(htmlCloseIndex) : '');\n}\n\n/**\n * The Paste from Office plugin.\n *\n * This plugin handles content pasted from Office apps and transforms it (if necessary)\n * to a valid structure which can then be understood by the editor features.\n *\n * Transformation is made by a set of predefined {@link module:paste-from-office/normalizer~PasteFromOfficeNormalizer normalizers}.\n * This plugin includes following normalizers:\n * * {@link module:paste-from-office/normalizers/mswordnormalizer~PasteFromOfficeMSWordNormalizer Microsoft Word normalizer}\n * * {@link module:paste-from-office/normalizers/googledocsnormalizer~GoogleDocsNormalizer Google Docs normalizer}\n *\n * For more information about this feature check the {@glink api/paste-from-office package page}.\n */ class PasteFromOffice extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'PasteFromOffice';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'PFO';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ClipboardPipeline\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const clipboardPipeline = editor.plugins.get('ClipboardPipeline');\n        const viewDocument = editor.editing.view.document;\n        const normalizers = [];\n        const hasMultiLevelListPlugin = this.editor.plugins.has('MultiLevelList');\n        const hasTablePropertiesPlugin = this.editor.plugins.has('TableProperties');\n        const hasExtendedTableBlockAlignment = !!this.editor.config.get('experimentalFlags.useExtendedTableBlockAlignment');\n        normalizers.push(new PasteFromOfficeMSWordNormalizer(viewDocument, hasMultiLevelListPlugin, hasTablePropertiesPlugin, hasExtendedTableBlockAlignment));\n        normalizers.push(new GoogleDocsNormalizer(viewDocument));\n        normalizers.push(new GoogleSheetsNormalizer(viewDocument));\n        clipboardPipeline.on('inputTransformation', (evt, data)=>{\n            if (data._isTransformedWithPasteFromOffice) {\n                return;\n            }\n            const codeBlock = editor.model.document.selection.getFirstPosition().parent;\n            if (codeBlock.is('element', 'codeBlock')) {\n                return;\n            }\n            const htmlString = data.dataTransfer.getData('text/html');\n            const activeNormalizer = normalizers.find((normalizer)=>normalizer.isActive(htmlString));\n            if (activeNormalizer) {\n                if (!data._parsedData) {\n                    data._parsedData = parsePasteOfficeHtml(htmlString, viewDocument.stylesProcessor);\n                }\n                activeNormalizer.execute(data);\n                data._isTransformedWithPasteFromOffice = true;\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n}\n\nexport { PasteFromOffice, GoogleDocsNormalizer as PasteFromOfficeGoogleDocsNormalizer, GoogleSheetsNormalizer as PasteFromOfficeGoogleSheetsNormalizer, PasteFromOfficeMSWordNormalizer, _convertHexToBase64, convertCssLengthToPx as _convertPasteOfficeCssLengthToPx, isPx as _isPasteOfficePxValue, normalizeSpacerunSpans as _normalizePasteOfficeSpaceRunSpans, normalizeSpacing as _normalizePasteOfficeSpacing, removeGoogleSheetsTag as _removePasteGoogleOfficeSheetsTag, removeMSAttributes as _removePasteMSOfficeAttributes, removeBoldWrapper as _removePasteOfficeBoldWrapper, removeInvalidTableWidth as _removePasteOfficeInvalidTableWidths, removeStyleBlock as _removePasteOfficeStyleBlock, removeXmlns as _removePasteOfficeXmlnsAttributes, replaceImagesSourceWithBase64 as _replacePasteOfficeImagesSourceWithBase64, toPx as _toPasteOfficePxValue, transformBlockBrsToParagraphs as _transformPasteOfficeBlockBrsToParagraphs, transformBookmarks as _transformPasteOfficeBookmarks, transformListItemLikeElementsIntoLists as _transformPasteOfficeListItemLikeElementsIntoLists, transformTables as _transformPasteOfficeTables, unwrapParagraphInListItem as _unwrapPasteOfficeParagraphInListItem, parsePasteOfficeHtml };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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/bookmark\n */\n\nimport {\n\ttype ViewUpcastWriter,\n\ttype ViewDocumentFragment\n} from 'ckeditor5/src/engine.js';\n\n/**\n * Transforms `<a>` elements which are bookmarks by moving their children after the element.\n *\n * @internal\n */\nexport function transformBookmarks(\n\tdocumentFragment: ViewDocumentFragment,\n\twriter: ViewUpcastWriter\n): void {\n\tconst elementsToChange = [];\n\n\tfor ( const value of writer.createRangeIn( documentFragment ) ) {\n\t\tconst element = value.item;\n\n\t\tif (\n\t\t\telement.is( 'element', 'a' ) &&\n\t\t\t!element.hasAttribute( 'href' ) &&\n\t\t\t( element.hasAttribute( 'id' ) || element.hasAttribute( 'name' ) ) )\n\t\t{\n\t\t\telementsToChange.push( element );\n\t\t}\n\t}\n\n\tfor ( const element of elementsToChange ) {\n\t\tconst index = element.parent!.getChildIndex( element ) + 1;\n\t\tconst children = element.getChildren();\n\n\t\twriter.insertChild( index, children, element.parent! );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/utils\n */\n\n/**\n * Normalizes CSS length value to 'px'.\n *\n * @internal\n */\nexport function convertCssLengthToPx( value: string ): string {\n\tconst numericValue = parseFloat( value );\n\n\tif ( value.endsWith( 'pt' ) ) {\n\t\t// 1pt = 1in / 72\n\t\treturn toPx( numericValue * 96 / 72 );\n\t}\n\telse if ( value.endsWith( 'pc' ) ) {\n\t\t// 1pc = 12pt = 1in / 6.\n\t\treturn toPx( numericValue * 12 * 96 / 72 );\n\t}\n\telse if ( value.endsWith( 'in' ) ) {\n\t\t// 1in = 2.54cm = 96px\n\t\treturn toPx( numericValue * 96 );\n\t}\n\telse if ( value.endsWith( 'cm' ) ) {\n\t\t// 1cm = 96px / 2.54\n\t\treturn toPx( numericValue * 96 / 2.54 );\n\t}\n\telse if ( value.endsWith( 'mm' ) ) {\n\t\t// 1mm = 1cm / 10\n\t\treturn toPx( numericValue / 10 * 96 / 2.54 );\n\t}\n\n\treturn value;\n}\n\n/**\n * Returns true for value with 'px' unit.\n *\n * @internal\n */\nexport function isPx( value?: string ): value is string {\n\treturn value !== undefined && value.endsWith( 'px' );\n}\n\n/**\n * Returns a rounded 'px' value.\n *\n * @internal\n */\nexport function toPx( value: number ): string {\n\treturn Math.round( value ) + 'px';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 {\n\tMatcher,\n\tViewUpcastWriter,\n\ttype ViewDocumentFragment,\n\ttype ViewElement,\n\ttype ViewNode,\n\ttype ViewText\n} from 'ckeditor5/src/engine.js';\n\nimport {\n\tconvertCssLengthToPx,\n\tisPx,\n\ttoPx\n} from './utils.js';\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 * <p class=MsoListParagraphCxSpFirst style='mso-list:l1 level1 lfo1'>...</p> // Paragraph based list.\n * <h1 style='mso-list:l0 level1 lfo1'>...</h1> // Heading 1 based list.\n * ```\n *\n * @param documentFragment The view structure to be transformed.\n * @param stylesString Styles from which list-like elements styling will be extracted.\n * @internal\n */\nexport function transformListItemLikeElementsIntoLists(\n\tdocumentFragment: ViewDocumentFragment,\n\tstylesString: string,\n\thasMultiLevelListPlugin: boolean\n): void {\n\tif ( !documentFragment.childCount ) {\n\t\treturn;\n\t}\n\n\tconst writer = new ViewUpcastWriter( documentFragment.document );\n\tconst itemLikeElements = findAllItemLikeElements( documentFragment, writer );\n\n\tif ( !itemLikeElements.length ) {\n\t\treturn;\n\t}\n\n\tconst encounteredLists: Record<string, number> = {};\n\n\tconst stack: Array<ListLikeElement & {\n\t\tlistElement: ViewElement;\n\t\tlistItemElements: Array<ViewElement>;\n\t}> = [];\n\n\tfor ( const itemLikeElement of itemLikeElements ) {\n\t\tif ( itemLikeElement.indent !== undefined ) {\n\t\t\tif ( !isListContinuation( itemLikeElement ) ) {\n\t\t\t\tstack.length = 0;\n\t\t\t}\n\n\t\t\t// Combined list ID for addressing encounter lists counters.\n\t\t\tconst originalListId = `${ itemLikeElement.id }:${ itemLikeElement.indent }`;\n\n\t\t\t// Normalized list item indentation.\n\t\t\tconst indent = Math.min( itemLikeElement.indent - 1, stack.length );\n\n\t\t\t// Trimming of the list stack on list ID change.\n\t\t\tif ( indent < stack.length && stack[ indent ].id !== itemLikeElement.id ) {\n\t\t\t\tstack.length = indent;\n\t\t\t}\n\n\t\t\t// Trimming of the list stack on lower indent list encountered.\n\t\t\tif ( indent < stack.length - 1 ) {\n\t\t\t\tstack.length = indent + 1;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tconst listStyle = detectListStyle( itemLikeElement, stylesString );\n\n\t\t\t\t// Create a new OL/UL if required (greater indent or different list type).\n\t\t\t\tif ( indent > stack.length - 1 || stack[ indent ].listElement.name != listStyle.type ) {\n\t\t\t\t\t// Check if there is some start index to set from a previous list.\n\t\t\t\t\tif (\n\t\t\t\t\t\tindent == 0 &&\n\t\t\t\t\t\tlistStyle.type == 'ol' &&\n\t\t\t\t\t\titemLikeElement.id !== undefined &&\n\t\t\t\t\t\tencounteredLists[ originalListId ]\n\t\t\t\t\t) {\n\t\t\t\t\t\tlistStyle.startIndex = encounteredLists[ originalListId ];\n\t\t\t\t\t}\n\n\t\t\t\t\tconst listElement = createNewEmptyList( listStyle, writer, hasMultiLevelListPlugin );\n\n\t\t\t\t\t// Apply list padding only if we have margins for the item and the parent item.\n\t\t\t\t\tif (\n\t\t\t\t\t\tisPx( itemLikeElement.marginLeft ) &&\n\t\t\t\t\t\t( indent == 0 || isPx( stack[ indent - 1 ].marginLeft ) )\n\t\t\t\t\t) {\n\t\t\t\t\t\tlet marginLeft = itemLikeElement.marginLeft;\n\n\t\t\t\t\t\tif ( indent > 0 ) {\n\t\t\t\t\t\t\t// Convert the padding from absolute to relative.\n\t\t\t\t\t\t\tmarginLeft = toPx( parseFloat( marginLeft ) - parseFloat( stack[ indent - 1 ].marginLeft! ) );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\twriter.setStyle( 'padding-left', marginLeft, listElement );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Insert the new OL/UL.\n\t\t\t\t\tif ( stack.length == 0 ) {\n\t\t\t\t\t\tconst parent = itemLikeElement.element.parent!;\n\t\t\t\t\t\tconst index = parent.getChildIndex( itemLikeElement.element ) + 1;\n\n\t\t\t\t\t\twriter.insertChild( index, listElement, parent );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst parentListItems = stack[ indent - 1 ].listItemElements;\n\n\t\t\t\t\t\twriter.appendChild( listElement, parentListItems[ parentListItems.length - 1 ] );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update the list stack for other items to reference.\n\t\t\t\t\tstack[ indent ] = {\n\t\t\t\t\t\t...itemLikeElement,\n\t\t\t\t\t\tlistElement,\n\t\t\t\t\t\tlistItemElements: []\n\t\t\t\t\t};\n\n\t\t\t\t\t// Prepare list counter for start index.\n\t\t\t\t\tif ( indent == 0 && itemLikeElement.id !== undefined ) {\n\t\t\t\t\t\tencounteredLists[ originalListId ] = listStyle.startIndex || 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Use LI if it is already it or create a new LI element.\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/15964\n\t\t\tconst listItem = itemLikeElement.element.name == 'li' ? itemLikeElement.element : writer.createElement( 'li' );\n\n\t\t\t// Append the LI to OL/UL.\n\t\t\twriter.appendChild( listItem, stack[ indent ].listElement );\n\t\t\tstack[ indent ].listItemElements.push( listItem );\n\n\t\t\t// Increment list counter.\n\t\t\tif ( indent == 0 && itemLikeElement.id !== undefined ) {\n\t\t\t\tencounteredLists[ originalListId ]++;\n\t\t\t}\n\n\t\t\t// Append list block to LI.\n\t\t\tif ( itemLikeElement.element != listItem ) {\n\t\t\t\twriter.appendChild( itemLikeElement.element, listItem );\n\t\t\t}\n\n\t\t\t// Clean list block.\n\t\t\tremoveBulletElement( itemLikeElement.element, writer );\n\t\t\twriter.removeStyle( 'text-indent', itemLikeElement.element ); // #12361\n\t\t\twriter.removeStyle( 'margin-left', itemLikeElement.element );\n\t\t}\n\t\telse {\n\t\t\t// Other blocks in a list item.\n\t\t\tconst stackItem = stack.find( stackItem => stackItem.marginLeft == itemLikeElement.marginLeft );\n\n\t\t\t// This might be a paragraph that has known margin, but it is not a real list block.\n\t\t\tif ( stackItem ) {\n\t\t\t\tconst listItems = stackItem.listItemElements;\n\n\t\t\t\t// Append block to LI.\n\t\t\t\twriter.appendChild( itemLikeElement.element, listItems[ listItems.length - 1 ] );\n\t\t\t\twriter.removeStyle( 'margin-left', itemLikeElement.element );\n\t\t\t} else {\n\t\t\t\tstack.length = 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Removes paragraph wrapping content inside a list item.\n *\n * @internal\n */\nexport function unwrapParagraphInListItem(\n\tdocumentFragment: ViewDocumentFragment,\n\twriter: ViewUpcastWriter\n): void {\n\tfor ( const value of writer.createRangeIn( documentFragment ) ) {\n\t\tconst element = value.item;\n\n\t\tif ( element.is( 'element', 'li' ) ) {\n\t\t\t// Google Docs allows for single paragraph inside LI.\n\t\t\tconst firstChild = element.getChild( 0 );\n\n\t\t\tif ( firstChild && firstChild.is( 'element', 'p' ) ) {\n\t\t\t\twriter.unwrapElement( firstChild );\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Finds all list-like elements in a given document fragment.\n *\n * @param documentFragment Document fragment in which to look for list-like nodes.\n * @returns Array of found list-like items. Each item is an object containing\n * @internal\n */\nfunction findAllItemLikeElements(\n\tdocumentFragment: ViewDocumentFragment,\n\twriter: ViewUpcastWriter\n): Array<ListLikeElement> {\n\tconst range = writer.createRangeIn( documentFragment );\n\tconst itemLikeElements: Array<ListLikeElement> = [];\n\tconst foundMargins = new Set<string>();\n\n\tfor ( const item of range.getItems() ) {\n\t\t// https://github.com/ckeditor/ckeditor5/issues/15964\n\t\tif ( !item.is( 'element' ) || !item.name.match( /^(p|h\\d+|li|div)$/ ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Try to rely on margin-left style to find paragraphs visually aligned with previously encountered list item.\n\t\tlet marginLeft = getMarginLeftNormalized( item );\n\n\t\t// Ignore margin-left 0 style if there is no MsoList... class.\n\t\tif (\n\t\t\tmarginLeft !== undefined &&\n\t\t\tparseFloat( marginLeft ) == 0 &&\n\t\t\t!Array.from( item.getClassNames() ).find( className => className.startsWith( 'MsoList' ) )\n\t\t) {\n\t\t\tmarginLeft = undefined;\n\t\t}\n\n\t\t// List item or a following list item block.\n\t\tif (\n\t\t\t( item.hasStyle( 'mso-list' ) && item.getStyle( 'mso-list' ) !== 'none' ) ||\n\t\t\t( marginLeft !== undefined && foundMargins.has( marginLeft ) )\n\t\t) {\n\t\t\tconst itemData = getListItemData( item );\n\n\t\t\titemLikeElements.push( {\n\t\t\t\telement: item,\n\t\t\t\tid: itemData.id,\n\t\t\t\torder: itemData.order,\n\t\t\t\tindent: itemData.indent,\n\t\t\t\tmarginLeft\n\t\t\t} );\n\n\t\t\tif ( marginLeft !== undefined ) {\n\t\t\t\tfoundMargins.add( marginLeft );\n\t\t\t}\n\t\t}\n\t\t// Clear found margins as we found block after a list.\n\t\telse {\n\t\t\tfoundMargins.clear();\n\t\t}\n\t}\n\n\treturn itemLikeElements;\n}\n\n/**\n * Whether the given element is possibly a list continuation. Previous element was wrapped into a list\n * or the current element already is inside a list.\n */\nfunction isListContinuation( currentItem: ListLikeElement ) {\n\tconst previousSibling = currentItem.element.previousSibling;\n\n\tif ( !previousSibling ) {\n\t\tconst parent = currentItem.element.parent as ViewElement;\n\n\t\t// If it's a li inside ul or ol like in here: https://github.com/ckeditor/ckeditor5/issues/15964.\n\t\t// If the parent has previous sibling, which is not a list, then it is not a continuation.\n\t\treturn isList( parent ) && ( !parent.previousSibling || isList( parent.previousSibling ) );\n\t}\n\n\t// Even with the same id the list does not have to be continuous (#43).\n\treturn isList( previousSibling );\n}\n\nfunction isList( element: ViewNode ) {\n\treturn element.is( 'element', 'ol' ) || element.is( 'element', 'ul' );\n}\n\n/**\n * Extracts list item style from the provided CSS.\n *\n * List item style is extracted from the CSS stylesheet. Each list with its specific style attribute\n * value (`mso-list:l1 level1 lfo1`) has its dedicated properties in a CSS stylesheet defined with a selector like:\n *\n * ```css\n * @list l1:level1 { ... }\n * ```\n *\n * It contains `mso-level-number-format` property which defines list numbering/bullet style. If this property\n * is not defined it means default `decimal` numbering.\n *\n * Here CSS string representation is used as `mso-level-number-format` property is an invalid CSS property\n * and will be removed during CSS parsing.\n *\n * @param listLikeItem List-like item for which list style will be searched for. Usually\n * a result of `findAllItemLikeElements()` function.\n * @param stylesString CSS stylesheet.\n * @returns An object with properties:\n *\n * * type - List type, could be `ul` or `ol`.\n * * startIndex - List start index, valid only for ordered lists.\n * * style - List style, for example: `decimal`, `lower-roman`, etc. It is extracted\n *     directly from Word stylesheet and adjusted to represent proper values for the CSS `list-style-type` property.\n *     If it cannot be adjusted, the `null` value is returned.\n */\nfunction detectListStyle( listLikeItem: ListLikeElement, stylesString: string ) {\n\tconst listStyleRegexp = new RegExp( `@list l${ listLikeItem.id }:level${ listLikeItem.indent }\\\\s*({[^}]*)`, 'gi' );\n\tconst listStyleTypeRegex = /mso-level-number-format:([^;]{0,100});/gi;\n\tconst listStartIndexRegex = /mso-level-start-at:\\s{0,100}([0-9]{0,10})\\s{0,100};/gi;\n\tconst legalStyleListRegex = new RegExp( `@list\\\\s+l${ listLikeItem.id }:level\\\\d\\\\s*{[^{]*mso-level-text:\"%\\\\d\\\\\\\\.`, 'gi' );\n\tconst multiLevelNumberFormatTypeRegex = new RegExp( `@list l${ listLikeItem.id }:level\\\\d\\\\s*{[^{]*mso-level-number-format:`, 'gi' );\n\n\tconst legalStyleListMatch = legalStyleListRegex.exec( stylesString );\n\tconst multiLevelNumberFormatMatch = multiLevelNumberFormatTypeRegex.exec( stylesString );\n\n\t// Multi level lists in Word have mso-level-number-format attribute except legal lists,\n\t// so we used that. If list has legal list match and doesn't has mso-level-number-format\n\t// then this is legal-list.\n\tconst islegalStyleList = legalStyleListMatch && !multiLevelNumberFormatMatch;\n\n\tconst listStyleMatch = listStyleRegexp.exec( stylesString );\n\n\tlet listStyleType = 'decimal'; // Decimal is default one.\n\tlet type = 'ol'; // <ol> is default list.\n\tlet startIndex = null;\n\n\tif ( listStyleMatch && listStyleMatch[ 1 ] ) {\n\t\tconst listStyleTypeMatch = listStyleTypeRegex.exec( listStyleMatch[ 1 ] );\n\n\t\tif ( listStyleTypeMatch && listStyleTypeMatch[ 1 ] ) {\n\t\t\tlistStyleType = listStyleTypeMatch[ 1 ].trim();\n\t\t\ttype = listStyleType !== 'bullet' && listStyleType !== 'image' ? 'ol' : 'ul';\n\t\t}\n\n\t\t// Styles for the numbered lists are always defined in the Word CSS stylesheet.\n\t\t// Unordered lists MAY contain a value for the Word CSS definition `mso-level-text` but sometimes\n\t\t// this tag is missing. And because of that, we cannot depend on that. We need to predict the list style value\n\t\t// based on the list style marker element.\n\t\tif ( listStyleType === 'bullet' ) {\n\t\t\tconst bulletedStyle = findBulletedListStyle( listLikeItem.element );\n\n\t\t\tif ( bulletedStyle ) {\n\t\t\t\tlistStyleType = bulletedStyle;\n\t\t\t}\n\t\t} else {\n\t\t\tconst listStartIndexMatch = listStartIndexRegex.exec( listStyleMatch[ 1 ] );\n\n\t\t\tif ( listStartIndexMatch && listStartIndexMatch[ 1 ] ) {\n\t\t\t\tstartIndex = parseInt( listStartIndexMatch[ 1 ] );\n\t\t\t}\n\t\t}\n\n\t\tif ( islegalStyleList ) {\n\t\t\ttype = 'ol';\n\t\t}\n\t}\n\n\treturn {\n\t\ttype,\n\t\tstartIndex,\n\t\tstyle: mapListStyleDefinition( listStyleType ),\n\t\tisLegalStyleList: islegalStyleList\n\t};\n}\n\n/**\n * Tries to extract the `list-style-type` value based on the marker element for bulleted list.\n */\nfunction findBulletedListStyle( element: ViewElement ) {\n\t// https://github.com/ckeditor/ckeditor5/issues/15964\n\tif ( element.name == 'li' && element.parent!.name == 'ul' && element.parent!.hasAttribute( 'type' ) ) {\n\t\treturn element.parent!.getAttribute( 'type' );\n\t}\n\n\tconst listMarkerElement = findListMarkerNode( element );\n\n\tif ( !listMarkerElement ) {\n\t\treturn null;\n\t}\n\n\tconst listMarker = listMarkerElement._data;\n\n\tif ( listMarker === 'o' ) {\n\t\treturn 'circle';\n\t} else if ( listMarker === '·' ) {\n\t\treturn 'disc';\n\t}\n\t// Word returns '§' instead of '■' for the square list style.\n\telse if ( listMarker === '§' ) {\n\t\treturn 'square';\n\t}\n\n\treturn null;\n}\n\n/**\n * Tries to find a text node that represents the marker element (list-style-type).\n */\nfunction findListMarkerNode( element: ViewElement ): ViewText | null {\n\t// If the first child is a text node, it is the data for the element.\n\t// The list-style marker is not present here.\n\tif ( element.getChild( 0 )!.is( '$text' ) ) {\n\t\treturn null;\n\t}\n\n\tfor ( const childNode of element.getChildren() ) {\n\t\t// The list-style marker will be inside the `<span>` element. Let's ignore all non-span elements.\n\t\t// It may happen that the `<a>` element is added as the first child. Most probably, it's an anchor element.\n\t\tif ( !childNode.is( 'element', 'span' ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst textNodeOrElement = childNode.getChild( 0 );\n\n\t\tif ( !textNodeOrElement ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// If already found the marker element, use it.\n\t\tif ( textNodeOrElement.is( '$text' ) ) {\n\t\t\treturn textNodeOrElement;\n\t\t}\n\n\t\treturn ( textNodeOrElement as any ).getChild( 0 );\n\t}\n\n\t/* istanbul ignore next -- @preserve */\n\treturn null;\n}\n\n/**\n * Parses the `list-style-type` value extracted directly from the Word CSS stylesheet and returns proper CSS definition.\n */\nfunction mapListStyleDefinition( value: string ) {\n\tif ( value.startsWith( 'arabic-leading-zero' ) ) {\n\t\treturn 'decimal-leading-zero';\n\t}\n\n\tswitch ( value ) {\n\t\tcase 'alpha-upper':\n\t\t\treturn 'upper-alpha';\n\t\tcase 'alpha-lower':\n\t\t\treturn 'lower-alpha';\n\t\tcase 'roman-upper':\n\t\t\treturn 'upper-roman';\n\t\tcase 'roman-lower':\n\t\t\treturn 'lower-roman';\n\t\tcase 'circle':\n\t\tcase 'disc':\n\t\tcase 'square':\n\t\t\treturn value;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n\n/**\n * Creates a new list OL/UL element.\n */\nfunction createNewEmptyList(\n\tlistStyle: ReturnType<typeof detectListStyle>,\n\twriter: ViewUpcastWriter,\n\thasMultiLevelListPlugin: boolean\n) {\n\tconst list = writer.createElement( listStyle.type );\n\n\t// We do not support modifying the marker for a particular list item.\n\t// Set the value for the `list-style-type` property directly to the list container.\n\tif ( listStyle.style ) {\n\t\twriter.setStyle( 'list-style-type', listStyle.style, list );\n\t}\n\n\tif ( listStyle.startIndex && listStyle.startIndex > 1 ) {\n\t\twriter.setAttribute( 'start', listStyle.startIndex, list );\n\t}\n\n\tif ( listStyle.isLegalStyleList && hasMultiLevelListPlugin ) {\n\t\twriter.addClass( 'legal-list', list );\n\t}\n\n\treturn list;\n}\n\n/**\n * Extracts list item information from Word specific list-like element style:\n *\n * ```\n * `style=\"mso-list:l1 level1 lfo1\"`\n * ```\n *\n * where:\n *\n * ```\n * * `l1` is a list id (however it does not mean this is a continuous list - see #43),\n * * `level1` is a list item indentation level,\n * * `lfo1` is a list insertion order in a document.\n * ```\n *\n * @param element Element from which style data is extracted.\n */\nfunction getListItemData( element: ViewElement ): ListItemData {\n\tconst listStyle = element.getStyle( 'mso-list' );\n\n\tif ( listStyle === undefined ) {\n\t\treturn {};\n\t}\n\n\tconst idMatch = listStyle.match( /(^|\\s{1,100})l(\\d+)/i );\n\tconst orderMatch = listStyle.match( /\\s{0,100}lfo(\\d+)/i );\n\tconst indentMatch = listStyle.match( /\\s{0,100}level(\\d+)/i );\n\n\tif ( idMatch && orderMatch && indentMatch ) {\n\t\treturn {\n\t\t\tid: idMatch[ 2 ],\n\t\t\torder: orderMatch[ 1 ],\n\t\t\tindent: parseInt( indentMatch[ 1 ] )\n\t\t};\n\t}\n\n\treturn {\n\t\tindent: 1 // Handle empty mso-list style as a marked for default list item.\n\t};\n}\n\n/**\n * Removes span with a numbering/bullet from a given element.\n */\nfunction removeBulletElement( element: ViewElement, writer: ViewUpcastWriter ) {\n\t// Matcher for finding `span` elements holding lists numbering/bullets.\n\tconst bulletMatcher = new Matcher( {\n\t\tname: 'span',\n\t\tstyles: {\n\t\t\t'mso-list': 'Ignore'\n\t\t}\n\t} );\n\n\tconst range = writer.createRangeIn( element );\n\n\tfor ( const value of range ) {\n\t\tif ( value.type === 'elementStart' && bulletMatcher.match( value.item as ViewElement ) ) {\n\t\t\twriter.remove( value.item as ViewElement );\n\t\t}\n\t}\n}\n\n/**\n * Returns element left margin normalized to 'px' if possible.\n */\nfunction getMarginLeftNormalized( element: ViewElement ): string | undefined {\n\tconst value = element.getStyle( 'margin-left' );\n\n\tif ( value === undefined || value.endsWith( 'px' ) ) {\n\t\treturn value;\n\t}\n\n\treturn convertCssLengthToPx( value );\n}\n\ninterface ListItemData {\n\n\t/**\n\t * Parent list id.\n\t */\n\tid?: string;\n\n\t/**\n\t * List item creation order.\n\t */\n\torder?: string;\n\n\t/**\n\t * List item indentation level.\n\t */\n\tindent?: number;\n}\n\ninterface ListLikeElement extends ListItemData {\n\n\t/**\n\t * List-like element.\n\t */\n\telement: ViewElement;\n\n\t/**\n\t * The margin-left normalized to 'px' if possible.\n\t */\n\tmarginLeft?: string;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/image\n */\n\nimport {\n\tMatcher,\n\tViewUpcastWriter,\n\ttype ViewDocumentFragment,\n\ttype ViewElement,\n\ttype ViewNode\n} from 'ckeditor5/src/engine.js';\n\n/**\n * Replaces source attribute of all `<img>` elements representing regular\n * images (not the Word shapes) with inlined base64 image representation extracted from RTF or Blob data.\n *\n * @param documentFragment Document fragment on which transform images.\n * @param rtfData The RTF data from which images representation will be used.\n * @internal\n */\nexport function replaceImagesSourceWithBase64( documentFragment: ViewDocumentFragment, rtfData: string ): void {\n\tif ( !documentFragment.childCount ) {\n\t\treturn;\n\t}\n\n\tconst upcastWriter = new ViewUpcastWriter( documentFragment.document );\n\tconst shapesIds = findAllShapesIds( documentFragment, upcastWriter );\n\n\tremoveAllImgElementsRepresentingShapes( shapesIds, documentFragment, upcastWriter );\n\tinsertMissingImgs( shapesIds, documentFragment, upcastWriter );\n\tremoveAllShapeElements( documentFragment, upcastWriter );\n\n\tconst images = findAllImageElementsWithLocalSource( documentFragment, upcastWriter );\n\n\tif ( images.length ) {\n\t\treplaceImagesFileSourceWithInlineRepresentation( images, extractImageDataFromRtf( rtfData ), upcastWriter );\n\t}\n}\n\n/**\n * Converts given HEX string to base64 representation.\n *\n * @internal\n * @param hexString The HEX string to be converted.\n * @returns Base64 representation of a given HEX string.\n */\nexport function _convertHexToBase64( hexString: string ): string {\n\treturn btoa( hexString.match( /\\w{2}/g )!.map( char => {\n\t\treturn String.fromCharCode( parseInt( char, 16 ) );\n\t} ).join( '' ) );\n}\n\n/**\n * Finds all shapes (`<v:*>...</v:*>`) ids. Shapes can represent images (canvas)\n * or Word shapes (which does not have RTF or Blob representation).\n *\n * @param documentFragment Document fragment from which to extract shape ids.\n * @returns Array of shape ids.\n */\nfunction findAllShapesIds( documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter ): Array<string> {\n\tconst range = writer.createRangeIn( documentFragment );\n\n\tconst shapeElementsMatcher = new Matcher( {\n\t\tname: /v:(.+)/\n\t} );\n\n\tconst shapesIds = [];\n\n\tfor ( const value of range ) {\n\t\tif ( value.type != 'elementStart' ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst el = value.item as ViewElement;\n\t\tconst previousSibling = el.previousSibling;\n\t\tconst prevSiblingName = previousSibling && previousSibling.is( 'element' ) ? previousSibling.name : null;\n\t\t// List of ids which should not be considered as shapes.\n\t\t// https://github.com/ckeditor/ckeditor5/pull/15847#issuecomment-1941543983\n\t\tconst exceptionIds = [ 'Chart' ];\n\n\t\tconst isElementAShape = shapeElementsMatcher.match( el );\n\t\tconst hasElementGfxdataAttribute = el.getAttribute( 'o:gfxdata' );\n\t\tconst isPreviousSiblingAShapeType = prevSiblingName === 'v:shapetype';\n\t\tconst isElementIdInExceptionsArray = hasElementGfxdataAttribute &&\n\t\t\texceptionIds.some( item => el.getAttribute( 'id' )!.includes( item ) );\n\n\t\t// If shape element has 'o:gfxdata' attribute and is not directly before\n\t\t// `<v:shapetype>` element it means that it represents a Word shape.\n\t\tif (\n\t\t\tisElementAShape &&\n\t\t\thasElementGfxdataAttribute &&\n\t\t\t!isPreviousSiblingAShapeType &&\n\t\t\t!isElementIdInExceptionsArray\n\t\t) {\n\t\t\tshapesIds.push( ( value.item as ViewElement ).getAttribute( 'id' )! );\n\t\t}\n\t}\n\n\treturn shapesIds;\n}\n\n/**\n * Removes all `<img>` elements which represents Word shapes and not regular images.\n *\n * @param shapesIds Shape ids which will be checked against `<img>` elements.\n * @param documentFragment Document fragment from which to remove `<img>` elements.\n */\nfunction removeAllImgElementsRepresentingShapes(\n\tshapesIds: Array<string>,\n\tdocumentFragment: ViewDocumentFragment,\n\twriter: ViewUpcastWriter\n): void {\n\tconst range = writer.createRangeIn( documentFragment );\n\n\tconst imageElementsMatcher = new Matcher( {\n\t\tname: 'img'\n\t} );\n\n\tconst imgs = [];\n\n\tfor ( const value of range ) {\n\t\tif ( value.item.is( 'element' ) && imageElementsMatcher.match( value.item ) ) {\n\t\t\tconst el = value.item;\n\t\t\tconst shapes = el.getAttribute( 'v:shapes' ) ? el.getAttribute( 'v:shapes' )!.split( ' ' ) : [];\n\n\t\t\tif ( shapes.length && shapes.every( shape => shapesIds.indexOf( shape ) > -1 ) ) {\n\t\t\t\timgs.push( el );\n\t\t\t// Shapes may also have empty source while content is paste in some browsers (Safari).\n\t\t\t} else if ( !el.getAttribute( 'src' ) ) {\n\t\t\t\timgs.push( el );\n\t\t\t}\n\t\t}\n\t}\n\n\tfor ( const img of imgs ) {\n\t\twriter.remove( img );\n\t}\n}\n\n/**\n * Removes all shape elements (`<v:*>...</v:*>`) so they do not pollute the output structure.\n *\n * @param documentFragment Document fragment from which to remove shape elements.\n */\nfunction removeAllShapeElements( documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter ) {\n\tconst range = writer.createRangeIn( documentFragment );\n\n\tconst shapeElementsMatcher = new Matcher( {\n\t\tname: /v:(.+)/\n\t} );\n\n\tconst shapes = [];\n\n\tfor ( const value of range ) {\n\t\tif ( value.type == 'elementStart' && shapeElementsMatcher.match( value.item as ViewElement ) ) {\n\t\t\tshapes.push( value.item as ViewElement );\n\t\t}\n\t}\n\n\tfor ( const shape of shapes ) {\n\t\twriter.remove( shape );\n\t}\n}\n\n/**\n * Inserts `img` tags if there is none after a shape.\n */\nfunction insertMissingImgs( shapeIds: Array<string>, documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter ) {\n\tconst range = writer.createRangeIn( documentFragment );\n\n\tconst shapes: Array<ViewElement> = [];\n\n\tfor ( const value of range ) {\n\t\tif ( value.type == 'elementStart' && value.item.is( 'element', 'v:shape' ) ) {\n\t\t\tconst id = value.item.getAttribute( 'id' )!;\n\n\t\t\tif ( shapeIds.includes( id ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( !containsMatchingImg( value.item.parent!.getChildren(), id ) ) {\n\t\t\t\tshapes.push( value.item );\n\t\t\t}\n\t\t}\n\t}\n\n\tfor ( const shape of shapes ) {\n\t\tconst attrs: Record<string, unknown> = {\n\t\t\tsrc: findSrc( shape )\n\t\t};\n\n\t\tif ( shape.hasAttribute( 'alt' ) ) {\n\t\t\tattrs.alt = shape.getAttribute( 'alt' );\n\t\t}\n\n\t\tconst img = writer.createElement( 'img', attrs );\n\n\t\twriter.insertChild( shape.index! + 1, img, shape.parent! );\n\t}\n\n\tfunction containsMatchingImg( nodes: Iterable<ViewNode>, id: string ): boolean {\n\t\tfor ( const node of nodes ) {\n\t\t\t/* istanbul ignore else -- @preserve */\n\t\t\tif ( node.is( 'element' ) ) {\n\t\t\t\tif ( node.name == 'img' && node.getAttribute( 'v:shapes' ) == id ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\n\t\t\t\tif ( containsMatchingImg( node.getChildren(), id ) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tfunction findSrc( shape: ViewElement ) {\n\t\tfor ( const child of shape.getChildren() ) {\n\t\t\t/* istanbul ignore else -- @preserve */\n\t\t\tif ( child.is( 'element' ) && child.getAttribute( 'src' ) ) {\n\t\t\t\treturn child.getAttribute( 'src' );\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Finds all `<img>` elements in a given document fragment which have source pointing to local `file://` resource.\n * This function also tracks the index position of each image in the document, which is essential for\n * precise matching with hexadecimal representations in RTF data.\n *\n * @param documentFragment Document fragment in which to look for `<img>` elements.\n * @returns Array of found images along with their position index in the document.\n */\nfunction findAllImageElementsWithLocalSource(\n\tdocumentFragment: ViewDocumentFragment,\n\twriter: ViewUpcastWriter\n): Array<ImageWithIndex> {\n\tconst range = writer.createRangeIn( documentFragment );\n\n\tconst imageElementsMatcher = new Matcher( {\n\t\tname: 'img'\n\t} );\n\n\tconst imgs: Array<ImageWithIndex> = [];\n\tlet currentImageIndex = 0;\n\n\tfor ( const value of range ) {\n\t\tif ( value.item.is( 'element' ) && imageElementsMatcher.match( value.item ) ) {\n\t\t\tif ( value.item.getAttribute( 'src' )!.startsWith( 'file://' ) ) {\n\t\t\t\timgs.push( {\n\t\t\t\t\telement: value.item,\n\t\t\t\t\timageIndex: currentImageIndex\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcurrentImageIndex++;\n\t\t}\n\t}\n\n\treturn imgs;\n}\n\n/**\n * Represents an image element with its index position in the document.\n * This index is crucial for correctly matching images with their\n * corresponding hexadecimal representations in RTF data.\n */\ntype ImageWithIndex = {\n\n\t/**\n     * The position index of the image in the document.\n     * Used to map the image to its corresponding hexadecimal representation in RTF data.\n     * RTF data contains hexadecimal representations of ALL images in the document,\n     * not just those with file:// URLs.\n     */\n\timageIndex: number;\n\n\t/**\n     * The image element.\n     */\n\telement: ViewElement;\n};\n\n/**\n * Extracts all images HEX representations from a given RTF data.\n *\n * @param rtfData The RTF data from which to extract images HEX representation.\n * @returns Array of found HEX representations. Each array item is an object containing:\n *\n * * hex Image representation in HEX format.\n * * type Type of image, `image/png` or `image/jpeg`.\n */\nfunction extractImageDataFromRtf( rtfData: string ): Array<{ hex: string; type: string }> {\n\tif ( !rtfData ) {\n\t\treturn [];\n\t}\n\n\tconst regexPictureHeader = /{\\\\pict[\\s\\S]+?\\\\bliptag-?\\d+(\\\\blipupi-?\\d+)?({\\\\\\*\\\\blipuid\\s?[\\da-fA-F]+)?[\\s}]*?/;\n\tconst regexPicture = new RegExp( '(?:(' + regexPictureHeader.source + '))([\\\\da-fA-F\\\\s]+)\\\\}', 'g' );\n\tconst images = rtfData.match( regexPicture );\n\tconst result = [];\n\n\tif ( images ) {\n\t\tfor ( const image of images ) {\n\t\t\tlet imageType: string | false = false;\n\n\t\t\tif ( image.includes( '\\\\pngblip' ) ) {\n\t\t\t\timageType = 'image/png';\n\t\t\t} else if ( image.includes( '\\\\jpegblip' ) ) {\n\t\t\t\timageType = 'image/jpeg';\n\t\t\t}\n\n\t\t\tif ( imageType ) {\n\t\t\t\tresult.push( {\n\t\t\t\t\thex: image.replace( regexPictureHeader, '' ).replace( /[^\\da-fA-F]/g, '' ),\n\t\t\t\t\ttype: imageType\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn result;\n}\n\n/**\n * Replaces `src` attribute value of all given images with the corresponding base64 image representation.\n * Uses the image index to precisely match with the correct hexadecimal representation from RTF data.\n *\n * @param imageElements Array of image elements along with their indices which will have their sources replaced.\n * @param imagesHexSources Array of images hex sources (usually the result of `extractImageDataFromRtf()` function).\n * Contains hexadecimal representations of ALL images in the document, not just those with `file://` URLs.\n * In XML documents, the same image might be defined both as base64 in HTML and as hexadecimal in RTF data.\n */\nfunction replaceImagesFileSourceWithInlineRepresentation(\n\timageElements: Array<ImageWithIndex>,\n\timagesHexSources: ReturnType<typeof extractImageDataFromRtf>,\n\twriter: ViewUpcastWriter\n) {\n\tfor ( let i = 0; i < imageElements.length; i++ ) {\n\t\tconst { element, imageIndex } = imageElements[ i ];\n\t\tconst rtfHexSource = imagesHexSources[ imageIndex ];\n\n\t\tif ( rtfHexSource ) {\n\t\t\tconst newSrc = `data:${ rtfHexSource.type };base64,${ _convertHexToBase64( rtfHexSource.hex ) }`;\n\t\t\twriter.setAttribute( 'src', newSrc, element );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/removemsattributes\n */\n\nimport { ViewUpcastWriter, type ViewDocumentFragment, type ViewElement } from 'ckeditor5/src/engine.js';\n\n/**\n * Cleanup MS attributes like styles, attributes and elements.\n *\n * @param documentFragment element `data.content` obtained from clipboard.\n * @internal\n */\nexport function removeMSAttributes( documentFragment: ViewDocumentFragment ): void {\n\tconst elementsToUnwrap: Array<ViewElement> = [];\n\n\tconst writer = new ViewUpcastWriter( documentFragment.document );\n\n\tfor ( const { item } of writer.createRangeIn( documentFragment ) ) {\n\t\tif ( !item.is( 'element' ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tfor ( const className of item.getClassNames() ) {\n\t\t\tif ( /\\bmso/gi.exec( className ) ) {\n\t\t\t\twriter.removeClass( className, item );\n\t\t\t}\n\t\t}\n\n\t\tfor ( const styleName of item.getStyleNames() ) {\n\t\t\tif ( /\\bmso/gi.exec( styleName ) ) {\n\t\t\t\twriter.removeStyle( styleName, item );\n\t\t\t}\n\t\t}\n\n\t\tif (\n\t\t\titem.is( 'element', 'w:sdt' ) ||\n\t\t\titem.is( 'element', 'w:sdtpr' ) && item.isEmpty ||\n\t\t\titem.is( 'element', 'o:p' ) && item.isEmpty\n\t\t) {\n\t\t\telementsToUnwrap.push( item );\n\t\t}\n\t}\n\n\tfor ( const item of elementsToUnwrap ) {\n\t\tconst itemParent = item.parent!;\n\t\tconst childIndex = itemParent.getChildIndex( item );\n\n\t\twriter.insertChild( childIndex, item.getChildren(), itemParent );\n\t\twriter.remove( item );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/table\n */\n\nimport {\n\ttype ViewUpcastWriter,\n\ttype ViewDocumentFragment\n} from 'ckeditor5/src/engine.js';\n\nimport { convertCssLengthToPx } from './utils.js';\n\n/**\n * Applies border none for table and cells without a border specified.\n * Normalizes style length units to px.\n * Handles left block table alignment.\n *\n * @internal\n */\nexport function transformTables(\n\tdocumentFragment: ViewDocumentFragment,\n\twriter: ViewUpcastWriter,\n\thasTablePropertiesPlugin: boolean = false,\n\thasExtendedTableBlockAlignment: boolean = false\n): void {\n\tfor ( const item of writer.createRangeIn( documentFragment ).getItems() ) {\n\t\tif (\n\t\t\t!item.is( 'element', 'table' ) &&\n\t\t\t!item.is( 'element', 'td' ) &&\n\t\t\t!item.is( 'element', 'th' )\n\t\t) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// In MS Word, left-aligned tables (default) have no align attribute on the `<table>` and are not wrapped in a `<div>`.\n\t\t// In such cases, we need to set `margin-left: 0` and `margin-right: auto` to indicate to the editor that\n\t\t// the table is block-aligned to the left.\n\t\t//\n\t\t// Center- and right-aligned tables in MS Word are wrapped in a `<div>` with the `align` attribute set to\n\t\t// `center` or `right`, respectively with no align attribute on the `<table>` itself.\n\t\t//\n\t\t// Additionally, the structure may change when pasting content from MS Word.\n\t\t// Some browsers (e.g., Safari) may insert extra elements around the table (e.g., a <span>),\n\t\t// so the surrounding `<div>` with the `align` attribute may end up being the table's grandparent.\n\n\t\tif ( hasTablePropertiesPlugin && hasExtendedTableBlockAlignment && item.is( 'element', 'table' ) ) {\n\t\t\tconst directParent = item.parent?.is( 'element', 'div' ) ? item.parent : null;\n\t\t\tconst grandParent = item.parent?.parent?.is( 'element', 'div' ) ? item.parent.parent : null;\n\t\t\tconst divParent = directParent ?? grandParent;\n\n\t\t\t// Center block table alignment.\n\t\t\tif ( divParent && divParent.getAttribute( 'align' ) === 'center' && !item.getAttribute( 'align' ) ) {\n\t\t\t\twriter.setStyle( 'margin-left', 'auto', item );\n\t\t\t\twriter.setStyle( 'margin-right', 'auto', item );\n\t\t\t}\n\t\t\t// Right block table alignment.\n\t\t\telse if ( divParent && divParent.getAttribute( 'align' ) === 'right' && !item.getAttribute( 'align' ) ) {\n\t\t\t\twriter.setStyle( 'margin-left', 'auto', item );\n\t\t\t\twriter.setStyle( 'margin-right', '0', item );\n\t\t\t}\n\t\t\t// Left block table alignment.\n\t\t\telse if ( !divParent && !item.getAttribute( 'align' ) ) {\n\t\t\t\twriter.setStyle( 'margin-left', '0', item );\n\t\t\t\twriter.setStyle( 'margin-right', 'auto', item );\n\t\t\t}\n\t\t}\n\n\t\tconst sides = [ 'left', 'top', 'right', 'bottom' ];\n\n\t\t// As this is a pasted table, we do not want default table styles to apply here\n\t\t// so we set border node for sides that does not have any border style.\n\t\t// It is enough to verify border style as border color and border width properties have default values in DOM.\n\t\tif ( sides.every( side => !item.hasStyle( `border-${ side }-style` ) ) ) {\n\t\t\twriter.setStyle( 'border-style', 'none', item );\n\t\t} else {\n\t\t\tfor ( const side of sides ) {\n\t\t\t\tif ( !item.hasStyle( `border-${ side }-style` ) ) {\n\t\t\t\t\twriter.setStyle( `border-${ side }-style`, 'none', item );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Translate style length units to px.\n\t\tconst props = [\n\t\t\t'width',\n\t\t\t'height',\n\t\t\t...sides.map( side => `border-${ side }-width` ),\n\t\t\t...sides.map( side => `padding-${ side }` )\n\t\t];\n\n\t\tfor ( const prop of props ) {\n\t\t\tif ( item.hasStyle( prop ) ) {\n\t\t\t\twriter.setStyle( prop, convertCssLengthToPx( item.getStyle( prop )! ), item );\n\t\t\t}\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/removeinvalidtablewidth\n */\n\nimport type { ViewUpcastWriter, ViewDocumentFragment } from 'ckeditor5/src/engine.js';\n\n/**\n * Removes the `width:0px` style from table pasted from Google Sheets and `width=\"0\"` attribute from Word tables.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */\nexport function removeInvalidTableWidth( documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter ): void {\n\tfor ( const child of writer.createRangeIn( documentFragment ).getItems() ) {\n\t\tif ( child.is( 'element', 'table' ) ) {\n\t\t\t// Remove invalid width style (Google Sheets: width:0px).\n\t\t\tif ( child.getStyle( 'width' ) === '0px' ) {\n\t\t\t\twriter.removeStyle( 'width', child );\n\t\t\t}\n\n\t\t\t// Remove invalid width attribute (Word: width=\"0\").\n\t\t\tif ( child.getAttribute( 'width' ) === '0' ) {\n\t\t\t\twriter.removeAttribute( 'width', child );\n\t\t\t}\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/replacemsfootnotes\n */\n\nimport type { ViewDocumentFragment, ViewElement, ViewText, ViewUpcastWriter } from 'ckeditor5/src/engine.js';\n\n/**\n * Replaces MS Word specific footnotes references and definitions with proper elements.\n *\n * Things to know about MS Word footnotes:\n *\n * * Footnote references in Word are marked with `mso-footnote-id` style.\n * * Word does not support nested footnotes, so references within definitions are ignored.\n * * Word appends extra spaces after footnote references within definitions, which are trimmed.\n * * Footnote definitions list is marked with `mso-element: footnote-list` style it contain `mso-element: footnote` elements.\n * * Footnote definition might contain tables, lists and other elements, not only text. They are placed directly within `li` element,\n * without any wrapper (in opposition to text content of the definition, which is placed within `MsoFootnoteText` element).\n *\n * Example pseudo document showing MS Word footnote structure:\n *\n * ```html\n * <p>Text with footnote<a style='mso-footnote-id:ftn1'>[1]</a> reference.</p>\n *\n * <div style='mso-element:footnote-list'>\n * \t<div style='mso-element:footnote' id=ftn1>\n * \t\t<p class=MsoFootnoteText><a style='mso-footnote-id:ftn1'>[1]</a> Footnote content</p>\n * \t\t<table class=\"MsoTableGrid\">...</table>\n * \t</div>\n * </div>\n * ```\n *\n * Will be transformed into:\n *\n * ```html\n * <p>Text with footnote<sup class=\"footnote\"><a id=\"ref-footnote-ftn1\" href=\"#footnote-ftn1\">1</a></sup> reference.</p>\n *\n * <ol class=\"footnotes\">\n * \t<li class=\"footnote-definition\" id=\"footnote-ftn1\">\n * \t\t<a href=\"#ref-footnote-ftn1\" class=\"footnote-backlink\">^</a>\n * \t\t<div class=\"footnote-content\">\n * \t\t\t<p>Footnote content</p>\n * \t\t\t<table>...</table>\n * \t\t</div>\n * \t</li>\n * </ol>\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\tconst msFootnotesRefs = new Map<string, ViewElement>();\n\tconst msFootnotesDefs = new Map<string, ViewElement>();\n\tlet msFootnotesDefinitionsList: ViewElement | null = null;\n\n\t// Phase 1: Collect all footnotes references and definitions. Find the footnotes definitions list element.\n\tfor ( const { item } of writer.createRangeIn( documentFragment ) ) {\n\t\tif ( !item.is( 'element' ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// If spot a footnotes definitions element, let's store it. It'll be replaced later.\n\t\t// There should be only one such element in the document.\n\t\tif ( item.getStyle( 'mso-element' ) === 'footnote-list' ) {\n\t\t\tmsFootnotesDefinitionsList = item;\n\t\t\tcontinue;\n\t\t}\n\n\t\t// If spot a footnote reference or definition, store it in the corresponding map.\n\t\tif ( item.hasStyle( 'mso-footnote-id' ) ) {\n\t\t\tconst msFootnoteDef = item.findAncestor( 'element', el => el.getStyle( 'mso-element' ) === 'footnote' );\n\n\t\t\tif ( msFootnoteDef ) {\n\t\t\t\t// If it's a reference within a definition, ignore it and track only the definition.\n\t\t\t\t// MS Word do not support nested footnotes, so it's safe to assume that all references within\n\t\t\t\t// a definition point to the same definition.\n\t\t\t\tconst msFootnoteDefId = msFootnoteDef.getAttribute( 'id' )!;\n\n\t\t\t\tmsFootnotesDefs.set( msFootnoteDefId, msFootnoteDef );\n\t\t\t} else {\n\t\t\t\t// If it's a reference outside of a definition, track it as a reference.\n\t\t\t\tconst msFootnoteRefId = item.getStyle( 'mso-footnote-id' )!;\n\n\t\t\t\tmsFootnotesRefs.set( msFootnoteRefId, item );\n\t\t\t}\n\n\t\t\tcontinue;\n\t\t}\n\t}\n\n\t// If there are no footnotes references or definitions, or no definitions list, there's nothing to normalize.\n\tif ( !msFootnotesRefs.size || !msFootnotesDefinitionsList ) {\n\t\treturn;\n\t}\n\n\t// Phase 2: Replace footnotes definitions list with proper element.\n\tconst footnotesDefinitionsList = createFootnotesListViewElement( writer );\n\n\twriter.replace( msFootnotesDefinitionsList, footnotesDefinitionsList );\n\n\t// Phase 3: Replace all footnotes references and add matching definitions to the definitions list.\n\tfor ( const [ footnoteId, msFootnoteRef ] of msFootnotesRefs ) {\n\t\tconst msFootnoteDef = msFootnotesDefs.get( footnoteId );\n\n\t\tif ( !msFootnoteDef ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Replace footnote reference.\n\t\twriter.replace( msFootnoteRef, createFootnoteRefViewElement( writer, footnoteId ) );\n\n\t\t// Append found matching definition to the definitions list.\n\t\t// Order doesn't matter here, as it'll be fixed in the post-fixer.\n\t\tconst defElements = createFootnoteDefViewElement( writer, footnoteId );\n\n\t\tremoveMSReferences( writer, msFootnoteDef );\n\n\t\t// Insert content within the `MsoFootnoteText` element. It's usually a definition text content.\n\t\tfor ( const child of msFootnoteDef.getChildren() ) {\n\t\t\tlet clonedChild = child;\n\n\t\t\tif ( child.is( 'element' ) ) {\n\t\t\t\tclonedChild = writer.clone( child, true );\n\t\t\t}\n\n\t\t\twriter.appendChild( clonedChild, defElements.content );\n\t\t}\n\n\t\twriter.appendChild( defElements.listItem, footnotesDefinitionsList );\n\t}\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\tconst elementsToRemove: Array<ViewElement> = [];\n\tconst textNodesToTrim: Array<ViewText> = [];\n\n\tfor ( const { item } of writer.createRangeIn( element ) ) {\n\t\tif ( item.is( 'element' ) && item.getStyle( 'mso-footnote-id' ) ) {\n\t\t\telementsToRemove.unshift( item );\n\n\t\t\t// MS Word used to add spaces after footnote references within definitions. Let's check if there's a space after\n\t\t\t// the footnote reference and mark it for trimming.\n\t\t\tconst { nextSibling } = item;\n\n\t\t\tif ( nextSibling?.is( '$text' ) && nextSibling.data.startsWith( ' ' ) ) {\n\t\t\t\ttextNodesToTrim.unshift( nextSibling );\n\t\t\t}\n\t\t}\n\t}\n\n\tfor ( const element of elementsToRemove ) {\n\t\twriter.remove( element );\n\t}\n\n\t// Remove only the leading space from text nodes following reference within definition, preserve the rest of the text.\n\tfor ( const textNode of textNodesToTrim ) {\n\t\tconst trimmedData = textNode.data.substring( 1 );\n\n\t\tif ( trimmedData.length > 0 ) {\n\t\t\t// Create a new text node and replace the old one.\n\t\t\tconst parent = textNode.parent!;\n\t\t\tconst index = parent.getChildIndex( textNode );\n\t\t\tconst newTextNode = writer.createText( trimmedData );\n\n\t\t\twriter.remove( textNode );\n\t\t\twriter.insertChild( index, newTextNode, parent );\n\t\t} else {\n\t\t\t// If the text node contained only a space, remove it entirely.\n\t\t\twriter.remove( textNode );\n\t\t}\n\t}\n\n\treturn 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\treturn 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\tconst sup = writer.createElement( 'sup', { class: 'footnote' } );\n\tconst link = writer.createElement( 'a', {\n\t\tid: `ref-${ footnoteId }`,\n\t\thref: `#${ footnoteId }`\n\t} );\n\n\twriter.appendChild( link, sup );\n\n\treturn 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( writer: ViewUpcastWriter, footnoteId: string ): {\n\tlistItem: ViewElement;\n\tcontent: ViewElement;\n} {\n\tconst listItem = writer.createElement( 'li', {\n\t\tid: footnoteId,\n\t\tclass: 'footnote-definition'\n\t} );\n\n\tconst backLink = writer.createElement( 'a', {\n\t\thref: `#ref-${ footnoteId }`,\n\t\tclass: 'footnote-backlink'\n\t} );\n\n\tconst content = writer.createElement( 'div', {\n\t\tclass: 'footnote-content'\n\t} );\n\n\twriter.appendChild( writer.createText( '^' ), backLink );\n\twriter.appendChild( backLink, listItem );\n\twriter.appendChild( content, listItem );\n\n\treturn {\n\t\tlistItem,\n\t\tcontent\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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.js';\nimport { transformListItemLikeElementsIntoLists } from '../filters/list.js';\nimport { replaceImagesSourceWithBase64 } from '../filters/image.js';\nimport { removeMSAttributes } from '../filters/removemsattributes.js';\nimport { transformTables } from '../filters/table.js';\nimport { removeInvalidTableWidth } from '../filters/removeinvalidtablewidth.js';\nimport { replaceMSFootnotes } from '../filters/replacemsfootnotes.js';\nimport { ViewUpcastWriter, type ViewDocument } from 'ckeditor5/src/engine.js';\nimport type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../normalizer.js';\n\nconst msWordMatch1 = /<meta\\s*name=\"?generator\"?\\s*content=\"?microsoft\\s*word\\s*\\d+\"?\\/?>/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\tpublic readonly document: ViewDocument;\n\n\tpublic readonly hasMultiLevelListPlugin: boolean;\n\n\tpublic readonly hasTablePropertiesPlugin: boolean;\n\n\tpublic readonly hasExtendedTableBlockAlignment: boolean;\n\n\t/**\n\t * Creates a new `PasteFromOfficeMSWordNormalizer` instance.\n\t *\n\t * @param document View document.\n\t */\n\tconstructor(\n\t\tdocument: ViewDocument,\n\t\thasMultiLevelListPlugin: boolean = false,\n\t\thasTablePropertiesPlugin: boolean = false,\n\t\thasExtendedTableBlockAlignment: boolean = false\n\t) {\n\t\tthis.document = document;\n\t\tthis.hasMultiLevelListPlugin = hasMultiLevelListPlugin;\n\t\tthis.hasTablePropertiesPlugin = hasTablePropertiesPlugin;\n\t\tthis.hasExtendedTableBlockAlignment = hasExtendedTableBlockAlignment;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic isActive( htmlString: string ): boolean {\n\t\treturn msWordMatch1.test( htmlString ) || msWordMatch2.test( htmlString );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic execute( data: PasteFromOfficeNormalizerData ): void {\n\t\tconst writer = new ViewUpcastWriter( this.document );\n\t\tconst { body: documentFragment, stylesString } = data._parsedData;\n\n\t\ttransformBookmarks( documentFragment, writer );\n\t\ttransformListItemLikeElementsIntoLists( documentFragment, stylesString, this.hasMultiLevelListPlugin );\n\t\treplaceImagesSourceWithBase64( documentFragment, data.dataTransfer.getData( 'text/rtf' ) );\n\t\ttransformTables( documentFragment, writer, this.hasTablePropertiesPlugin, this.hasExtendedTableBlockAlignment );\n\t\tremoveInvalidTableWidth( documentFragment, writer );\n\t\treplaceMSFootnotes( documentFragment, writer );\n\t\tremoveMSAttributes( documentFragment );\n\n\t\tdata.content = documentFragment;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/src/engine.js';\n\n/**\n * Removes the `<b>` 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\tfor ( const child of documentFragment.getChildren() ) {\n\t\tif ( child.is( 'element', 'b' ) && child.getStyle( 'font-weight' ) === 'normal' ) {\n\t\t\tconst childIndex = documentFragment.getChildIndex( child );\n\n\t\t\twriter.remove( child );\n\t\t\twriter.insertChild( childIndex, child.getChildren(), documentFragment );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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\tViewDomConverter,\n\tViewDocument,\n\ttype ViewUpcastWriter,\n\ttype ViewDocumentFragment,\n\ttype ViewElement,\n\ttype ViewNode\n} from 'ckeditor5/src/engine.js';\n\n/**\n * Transforms `<br>` 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(\n\tdocumentFragment: ViewDocumentFragment,\n\twriter: ViewUpcastWriter\n): void {\n\tconst viewDocument = new ViewDocument( writer.document.stylesProcessor );\n\tconst domConverter = new ViewDomConverter( viewDocument, { renderingMode: 'data' } );\n\n\tconst blockElements = domConverter.blockElements;\n\tconst inlineObjectElements = domConverter.inlineObjectElements;\n\n\tconst elementsToReplace = [];\n\n\tfor ( const value of writer.createRangeIn( documentFragment ) ) {\n\t\tconst element = value.item;\n\n\t\tif ( element.is( 'element', 'br' ) ) {\n\t\t\tconst nextSibling = findSibling( element, 'forward', writer, { blockElements, inlineObjectElements } );\n\t\t\tconst previousSibling = findSibling( element, 'backward', writer, { blockElements, inlineObjectElements } );\n\n\t\t\tconst nextSiblingIsBlock = isBlockViewElement( nextSibling, blockElements );\n\t\t\tconst previousSiblingIsBlock = isBlockViewElement( previousSibling, blockElements );\n\n\t\t\t// If the <br> is surrounded by blocks then convert it to a paragraph:\n\t\t\t// * <p>foo</p>[<br>]<p>bar</p> -> <p>foo</p>[<p></p>]<p>bar</p>\n\t\t\t// * <p>foo</p>[<br>] -> <p>foo</p>[<p></p>]\n\t\t\t// * [<br>]<p>foo</p> -> [<p></p>]<p>foo</p>\n\t\t\tif ( previousSiblingIsBlock || nextSiblingIsBlock ) {\n\t\t\t\telementsToReplace.push( element );\n\t\t\t}\n\t\t}\n\t}\n\n\tfor ( const element of elementsToReplace ) {\n\t\tif ( element.hasClass( 'Apple-interchange-newline' ) ) {\n\t\t\twriter.remove( element );\n\t\t} else {\n\t\t\twriter.replace( element, writer.createElement( 'p' ) );\n\t\t}\n\t}\n}\n\n/**\n * Returns sibling node, threats inline elements as transparent (but should stop on an inline objects).\n */\nfunction findSibling(\n\tviewElement: ViewElement,\n\tdirection: 'forward' | 'backward',\n\twriter: ViewUpcastWriter,\n\t{ blockElements, inlineObjectElements }: { blockElements: Array<string>; inlineObjectElements: Array<string> }\n) {\n\tlet position = writer.createPositionAt( viewElement, direction == 'forward' ? 'after' : 'before' );\n\n\t// Find first position that is just before a first:\n\t// * text node,\n\t// * block element,\n\t// * inline object element.\n\t// It's ignoring any inline (non-object) elements like span, strong, etc.\n\tposition = position.getLastMatchingPosition( ( { item } ) => (\n\t\titem.is( 'element' ) &&\n\t\t!blockElements.includes( item.name ) &&\n\t\t!inlineObjectElements.includes( item.name )\n\t), { direction } );\n\n\treturn 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: Array<string> ) {\n\treturn !!node && node.is( 'element' ) && blockElements.includes( node.name );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/replacetabswithinprewithspaces\n */\n\nimport type { ViewDocumentFragment, ViewUpcastWriter, ViewText, ViewElement } from 'ckeditor5/src/engine.js';\n\n/**\n * Replaces tab characters with spaces in text nodes that are inside elements styled with `white-space: pre-wrap`.\n *\n * This is a workaround for incorrect detection of pre-like formatting in the DOM converter for pasted Google Docs documents.\n * When an element uses `white-space: pre-wrap`, the editor reduces tab characters to a single space, causing\n * inconsistent spacing in pasted content. This function replaces tabs with spaces to ensure visual consistency.\n * This is intended as a temporary solution.\n *\n * See: https://github.com/ckeditor/ckeditor5/issues/18995\n *\n * @param documentFragment The `data.content` element obtained from the clipboard.\n * @param writer The upcast writer used to manipulate the view structure.\n * @param tabWidth The number of spaces to replace each tab with. Defaults to 8.\n * @internal\n */\nexport function replaceTabsWithinPreWithSpaces(\n\tdocumentFragment: ViewDocumentFragment,\n\twriter: ViewUpcastWriter,\n\ttabWidth: number\n): void {\n\t// Collect all text nodes with tabs that are inside pre-wrap elements.\n\tconst textNodesToReplace: Set<ViewText> = new Set();\n\n\tfor ( const child of writer.createRangeIn( documentFragment ).getItems() ) {\n\t\tif ( !child.is( 'view:$textProxy' ) || !child.data.includes( '\\t' ) ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Check if any parent has `white-space: pre-wrap`.\n\t\tif ( hasPreWrapParent( child.parent ) ) {\n\t\t\ttextNodesToReplace.add( child.textNode );\n\t\t}\n\t}\n\n\t// Replace tabs in each collected text node.\n\tfor ( const textNode of textNodesToReplace ) {\n\t\treplaceTabsInTextNode( textNode, writer, tabWidth );\n\t}\n}\n\n/**\n * Checks if element or any of its parents has `white-space: pre-wrap` style.\n */\nfunction hasPreWrapParent( element: ViewDocumentFragment | ViewElement | null ): boolean {\n\tlet parent = element;\n\n\twhile ( parent ) {\n\t\tif ( parent.is( 'element' ) ) {\n\t\t\tconst whiteSpace = parent.getStyle?.( 'white-space' );\n\n\t\t\tif ( whiteSpace === 'pre-wrap' ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tparent = parent.parent;\n\t}\n\n\treturn false;\n}\n\n/**\n * Replaces all tabs with spaces in the given text node.\n */\nfunction replaceTabsInTextNode( textNode: ViewText, writer: ViewUpcastWriter, tabWidth: number ): void {\n\tconst { parent, data } = textNode;\n\n\tconst replacedData = data.replaceAll( '\\t', ' '.repeat( tabWidth ) );\n\tconst index = parent!.getChildIndex( textNode );\n\n\t// Remove old node and insert new one with replaced tabs.\n\twriter.remove( textNode );\n\twriter.insertChild( index, writer.createText( replacedData ), parent! );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/googledocsnormalizer\n */\n\nimport { ViewUpcastWriter, type ViewDocument } from 'ckeditor5/src/engine.js';\n\nimport { removeBoldWrapper } from '../filters/removeboldwrapper.js';\nimport { transformBlockBrsToParagraphs } from '../filters/br.js';\nimport { unwrapParagraphInListItem } from '../filters/list.js';\nimport { replaceTabsWithinPreWithSpaces } from '../filters/replacetabswithinprewithspaces.js';\nimport type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../normalizer.js';\n\nconst googleDocsMatch = /id=(\"|')docs-internal-guid-[-0-9a-f]+(\"|')/i;\n\n/**\n * Normalizer for the content pasted from Google Docs.\n *\n * @internal\n */\nexport class GoogleDocsNormalizer implements PasteFromOfficeNormalizer {\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * Creates a new `GoogleDocsNormalizer` instance.\n\t *\n\t * @param document View document.\n\t */\n\tconstructor( document: ViewDocument ) {\n\t\tthis.document = document;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic isActive( htmlString: string ): boolean {\n\t\treturn googleDocsMatch.test( htmlString );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic execute( data: PasteFromOfficeNormalizerData ): void {\n\t\tconst writer = new ViewUpcastWriter( this.document );\n\t\tconst { body: documentFragment } = data._parsedData;\n\n\t\tremoveBoldWrapper( documentFragment, writer );\n\t\tunwrapParagraphInListItem( documentFragment, writer );\n\t\ttransformBlockBrsToParagraphs( documentFragment, writer );\n\t\treplaceTabsWithinPreWithSpaces( documentFragment, writer, 8 );\n\n\t\tdata.content = documentFragment;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/removexmlns\n */\n\nimport type { ViewUpcastWriter, ViewDocumentFragment } from 'ckeditor5/src/engine.js';\n\n/**\n * Removes the `xmlns` attribute from table pasted from Google Sheets.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */\nexport function removeXmlns( documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter ): void {\n\tfor ( const child of documentFragment.getChildren() ) {\n\t\tif ( child.is( 'element', 'table' ) && child.hasAttribute( 'xmlns' ) ) {\n\t\t\twriter.removeAttribute( 'xmlns', child );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/removegooglesheetstag\n */\n\nimport type { ViewUpcastWriter, ViewDocumentFragment } from 'ckeditor5/src/engine.js';\n\n/**\n * Removes the `<google-sheets-html-origin>` tag wrapper added by Google Sheets to a copied content.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */\nexport function removeGoogleSheetsTag( documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter ): void {\n\tfor ( const child of documentFragment.getChildren() ) {\n\t\tif ( child.is( 'element', 'google-sheets-html-origin' ) ) {\n\t\t\tconst childIndex = documentFragment.getChildIndex( child );\n\n\t\t\twriter.remove( child );\n\t\t\twriter.insertChild( childIndex, child.getChildren(), documentFragment );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/removestyleblock\n */\n\nimport type { ViewUpcastWriter, ViewDocumentFragment } from 'ckeditor5/src/engine.js';\n\n/**\n * Removes `<style>` block added by Google Sheets to a copied content.\n *\n * @param documentFragment element `data.content` obtained from clipboard\n * @internal\n */\nexport function removeStyleBlock( documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter ): void {\n\tfor ( const child of Array.from( documentFragment.getChildren() ) ) {\n\t\tif ( child.is( 'element', 'style' ) ) {\n\t\t\twriter.remove( child );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/googlesheetsnormalizer\n */\n\nimport { ViewUpcastWriter, type ViewDocument } from 'ckeditor5/src/engine.js';\n\nimport { removeXmlns } from '../filters/removexmlns.js';\nimport { removeGoogleSheetsTag } from '../filters/removegooglesheetstag.js';\nimport { removeInvalidTableWidth } from '../filters/removeinvalidtablewidth.js';\nimport { removeStyleBlock } from '../filters/removestyleblock.js';\nimport type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../normalizer.js';\n\nconst googleSheetsMatch = /<google-sheets-html-origin/i;\n\n/**\n * Normalizer for the content pasted from Google Sheets.\n *\n * @internal\n */\nexport class GoogleSheetsNormalizer implements PasteFromOfficeNormalizer {\n\tpublic readonly document: ViewDocument;\n\n\t/**\n\t * Creates a new `GoogleSheetsNormalizer` instance.\n\t *\n\t * @param document View document.\n\t */\n\tconstructor( document: ViewDocument ) {\n\t\tthis.document = document;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic isActive( htmlString: string ): boolean {\n\t\treturn googleSheetsMatch.test( htmlString );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic execute( data: PasteFromOfficeNormalizerData ): void {\n\t\tconst writer = new ViewUpcastWriter( this.document );\n\t\tconst { body: documentFragment } = data._parsedData;\n\n\t\tremoveGoogleSheetsTag( documentFragment, writer );\n\t\tremoveXmlns( documentFragment, writer );\n\t\tremoveInvalidTableWidth( documentFragment, writer );\n\t\tremoveStyleBlock( documentFragment, writer );\n\n\t\tdata.content = documentFragment;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/space\n */\n\n/**\n * Replaces last space preceding elements closing tag with `&nbsp;`. Such operation prevents spaces from being removed\n * during further DOM/View processing (see especially {@link module:engine/view/domconverter~ViewDomConverter#_processDomInlineNodes}).\n * This method also takes into account Word specific `<o:p></o:p>` empty tags.\n * Additionally multiline sequences of spaces and new lines between tags are removed (see #39 and #40).\n *\n * @param htmlString HTML string in which spacing should be normalized.\n * @returns Input HTML with spaces normalized.\n * @internal\n */\nexport function normalizeSpacing( htmlString: string ): string {\n\t// Run normalizeSafariSpaceSpans() two times to cover nested spans.\n\treturn normalizeSafariSpaceSpans( normalizeSafariSpaceSpans( htmlString ) )\n\t\t// Remove all \\r\\n from \"spacerun spans\" so the last replace line doesn't strip all whitespaces.\n\t\t.replace( /(<span\\s+style=['\"]mso-spacerun:yes['\"]>[^\\S\\r\\n]*?)[\\r\\n]+([^\\S\\r\\n]*<\\/span>)/g, '$1$2' )\n\t\t.replace( /<span\\s+style=['\"]mso-spacerun:yes['\"]><\\/span>/g, '' )\n\t\t.replace( /(<span\\s+style=['\"]letter-spacing:[^'\"]+?['\"]>)[\\r\\n]+(<\\/span>)/g, '$1 $2' )\n\t\t.replace( / <\\//g, '\\u00A0</' )\n\t\t.replace( / <o:p><\\/o:p>/g, '\\u00A0<o:p></o:p>' )\n\t\t// Remove <o:p> block filler from empty paragraph. Safari uses \\u00A0 instead of &nbsp;.\n\t\t.replace( /<o:p>(&nbsp;|\\u00A0)<\\/o:p>/g, '' )\n\t\t// Remove all whitespaces when they contain any \\r or \\n.\n\t\t.replace( />([^\\S\\r\\n]*[\\r\\n]\\s*)</g, '><' );\n}\n\n/**\n * Normalizes spacing in special Word `spacerun spans` (`<span style='mso-spacerun:yes'>\\s+</span>`) by replacing\n * all spaces with `&nbsp; ` pairs. This prevents spaces from being removed during further DOM/View processing\n * (see especially {@link module:engine/view/domconverter~ViewDomConverter#_processDomInlineNodes}).\n *\n * @param htmlDocument Native `Document` object in which spacing should be normalized.\n * @internal\n */\nexport function normalizeSpacerunSpans( htmlDocument: Document ): void {\n\thtmlDocument.querySelectorAll( 'span[style*=spacerun]' ).forEach( el => {\n\t\tconst htmlElement = el as HTMLElement;\n\t\tconst innerTextLength = htmlElement.innerText.length || 0;\n\n\t\thtmlElement.innerText = Array( innerTextLength + 1 ).join( '\\u00A0 ' ).substr( 0, innerTextLength );\n\t} );\n}\n\n/**\n * Normalizes specific spacing generated by Safari when content pasted from Word (`<span class=\"Apple-converted-space\"> </span>`)\n * by replacing all spaces sequences longer than 1 space with `&nbsp; ` pairs. This prevents spaces from being removed during\n * further DOM/View processing (see especially {@link module:engine/view/domconverter~ViewDomConverter#_processDataFromDomText}).\n *\n * This function is similar to {@link module:clipboard/utils/normalizeclipboarddata normalizeClipboardData util} but uses\n * regular spaces / &nbsp; sequence for replacement.\n *\n * @param htmlString HTML string in which spacing should be normalized\n * @returns Input HTML with spaces normalized.\n * @internal\n */\nfunction normalizeSafariSpaceSpans( htmlString: string ) {\n\treturn htmlString.replace( /<span(?: class=\"Apple-converted-space\"|)>(\\s+)<\\/span>/g, ( fullMatch, spaces ) => {\n\t\treturn spaces.length === 1 ? ' ' : Array( spaces.length + 1 ).join( '\\u00A0 ' ).substr( 0, spaces.length );\n\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/parse\n */\n\nimport {\n\tViewDomConverter,\n\tViewDocument,\n\ttype StylesProcessor,\n\ttype ViewDocumentFragment\n} from 'ckeditor5/src/engine.js';\n\nimport { normalizeSpacing, normalizeSpacerunSpans } from './space.js';\n\n/**\n * Parses the provided HTML extracting contents of `<body>` and `<style>` tags.\n *\n * @param htmlString HTML string to be parsed.\n */\nexport function parsePasteOfficeHtml( htmlString: string, stylesProcessor: StylesProcessor ): PasteOfficeHtmlParseResult {\n\tconst domParser = new DOMParser();\n\n\t// Remove Word specific \"if comments\" so content inside is not omitted by the parser.\n\thtmlString = htmlString.replace( /<!--\\[if gte vml 1]>/g, '' );\n\n\t// Clean the <head> section of MS Windows specific tags. See https://github.com/ckeditor/ckeditor5/issues/15333.\n\t// The regular expression matches the <o:SmartTagType> tag with optional attributes (with or without values).\n\thtmlString = htmlString.replace( /<o:SmartTagType(?:\\s+[^\\s>=]+(?:=\"[^\"]*\")?)*\\s*\\/?>/gi, '' );\n\n\tconst normalizedHtml = normalizeSpacing( cleanContentAfterBody( htmlString ) );\n\n\t// Parse htmlString as native Document object.\n\tconst htmlDocument = domParser.parseFromString( normalizedHtml, 'text/html' );\n\n\tnormalizeSpacerunSpans( htmlDocument );\n\n\t// Get `innerHTML` first as transforming to View modifies the source document.\n\tconst bodyString = htmlDocument.body.innerHTML;\n\n\t// Transform document.body to View.\n\tconst bodyView = documentToView( htmlDocument, stylesProcessor );\n\n\t// Extract stylesheets.\n\tconst stylesObject = extractStyles( htmlDocument );\n\n\treturn {\n\t\tbody: bodyView,\n\t\tbodyString,\n\t\tstyles: stylesObject.styles,\n\t\tstylesString: stylesObject.stylesString\n\t};\n}\n\n/**\n * The result of {@link ~parsePasteOfficeHtml}.\n */\nexport interface PasteOfficeHtmlParseResult {\n\n\t/**\n\t * Parsed body content as a traversable structure.\n\t */\n\tbody: ViewDocumentFragment;\n\n\t/**\n\t * Entire body content as a string.\n\t */\n\tbodyString: string;\n\n\t/**\n\t * Array of native `CSSStyleSheet` objects, each representing separate `style` tag from the source HTML.\n\t */\n\tstyles: Array<CSSStyleSheet>;\n\n\t/**\n\t * All `style` tags contents combined in the order of occurrence into one string.\n\t */\n\tstylesString: string;\n}\n\n/**\n * Transforms native `Document` object into {@link module:engine/view/documentfragment~ViewDocumentFragment}. Comments are skipped.\n *\n * @param htmlDocument Native `Document` object to be transformed.\n */\nfunction documentToView( htmlDocument: Document, stylesProcessor: StylesProcessor ) {\n\tconst viewDocument = new ViewDocument( stylesProcessor );\n\tconst domConverter = new ViewDomConverter( viewDocument, { renderingMode: 'data' } );\n\tconst fragment = htmlDocument.createDocumentFragment();\n\tconst nodes = htmlDocument.body.childNodes;\n\n\twhile ( nodes.length > 0 ) {\n\t\tfragment.appendChild( nodes[ 0 ] );\n\t}\n\n\treturn domConverter.domToView( fragment, { skipComments: true } ) as ViewDocumentFragment;\n}\n\n/**\n * Extracts both `CSSStyleSheet` and string representation from all `style` elements available in a provided `htmlDocument`.\n *\n * @param htmlDocument Native `Document` object from which styles will be extracted.\n */\nfunction extractStyles( htmlDocument: Document ): { styles: Array<CSSStyleSheet>; stylesString: string } {\n\tconst styles = [];\n\tconst stylesString = [];\n\tconst styleTags = Array.from( htmlDocument.getElementsByTagName( 'style' ) );\n\n\tfor ( const style of styleTags ) {\n\t\tif ( style.sheet && style.sheet.cssRules && style.sheet.cssRules.length ) {\n\t\t\tstyles.push( style.sheet );\n\t\t\tstylesString.push( style.innerHTML );\n\t\t}\n\t}\n\n\treturn {\n\t\tstyles,\n\t\tstylesString: stylesString.join( ' ' )\n\t};\n}\n\n/**\n * Removes leftover content from between closing </body> and closing </html> tag:\n *\n * ```html\n * <html><body><p>Foo Bar</p></body><span>Fo</span></html> -> <html><body><p>Foo Bar</p></body></html>\n * ```\n *\n * This function is used as specific browsers (Edge) add some random content after `body` tag when pasting from Word.\n * @param htmlString The HTML string to be cleaned.\n * @returns The HTML string with leftover content removed.\n */\nfunction cleanContentAfterBody( htmlString: string ) {\n\tconst bodyCloseTag = '</body>';\n\tconst htmlCloseTag = '</html>';\n\n\tconst bodyCloseIndex = htmlString.indexOf( bodyCloseTag );\n\n\tif ( bodyCloseIndex < 0 ) {\n\t\treturn htmlString;\n\t}\n\n\tconst htmlCloseIndex = htmlString.indexOf( htmlCloseTag, bodyCloseIndex + bodyCloseTag.length );\n\n\treturn htmlString.substring( 0, bodyCloseIndex + bodyCloseTag.length ) +\n\t\t( htmlCloseIndex >= 0 ? htmlString.substring( htmlCloseIndex ) : '' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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/pastefromoffice\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';\n\nimport { PasteFromOfficeMSWordNormalizer } from './normalizers/mswordnormalizer.js';\nimport { GoogleDocsNormalizer } from './normalizers/googledocsnormalizer.js';\nimport { GoogleSheetsNormalizer } from './normalizers/googlesheetsnormalizer.js';\n\nimport { parsePasteOfficeHtml } from './filters/parse.js';\nimport type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from './normalizer.js';\n\n/**\n * The Paste from Office plugin.\n *\n * This plugin handles content pasted from Office apps and transforms it (if necessary)\n * to a valid structure which can then be understood by the editor features.\n *\n * Transformation is made by a set of predefined {@link module:paste-from-office/normalizer~PasteFromOfficeNormalizer normalizers}.\n * This plugin includes following normalizers:\n * * {@link module:paste-from-office/normalizers/mswordnormalizer~PasteFromOfficeMSWordNormalizer Microsoft Word normalizer}\n * * {@link module:paste-from-office/normalizers/googledocsnormalizer~GoogleDocsNormalizer Google Docs normalizer}\n *\n * For more information about this feature check the {@glink api/paste-from-office package page}.\n */\nexport class PasteFromOffice extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'PasteFromOffice' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'PFO';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ClipboardPipeline ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst clipboardPipeline: ClipboardPipeline = editor.plugins.get( 'ClipboardPipeline' );\n\t\tconst viewDocument = editor.editing.view.document;\n\t\tconst normalizers: Array<PasteFromOfficeNormalizer> = [];\n\t\tconst hasMultiLevelListPlugin = this.editor.plugins.has( 'MultiLevelList' );\n\t\tconst hasTablePropertiesPlugin = this.editor.plugins.has( 'TableProperties' );\n\t\tconst hasExtendedTableBlockAlignment = !!this.editor.config.get( 'experimentalFlags.useExtendedTableBlockAlignment' );\n\n\t\tnormalizers.push(\n\t\t\tnew PasteFromOfficeMSWordNormalizer(\n\t\t\t\tviewDocument,\n\t\t\t\thasMultiLevelListPlugin,\n\t\t\t\thasTablePropertiesPlugin,\n\t\t\t\thasExtendedTableBlockAlignment\n\t\t\t)\n\t\t);\n\t\tnormalizers.push( new GoogleDocsNormalizer( viewDocument ) );\n\t\tnormalizers.push( new GoogleSheetsNormalizer( viewDocument ) );\n\n\t\tclipboardPipeline.on(\n\t\t\t'inputTransformation',\n\t\t\t( evt, data: PasteFromOfficeNormalizerData ) => {\n\t\t\t\tif ( data._isTransformedWithPasteFromOffice ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst codeBlock = editor.model.document.selection.getFirstPosition()!.parent;\n\n\t\t\t\tif ( codeBlock.is( 'element', 'codeBlock' ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst htmlString = data.dataTransfer.getData( 'text/html' );\n\t\t\t\tconst activeNormalizer = normalizers.find( normalizer => normalizer.isActive( htmlString ) );\n\n\t\t\t\tif ( activeNormalizer ) {\n\t\t\t\t\tif ( !data._parsedData ) {\n\t\t\t\t\t\tdata._parsedData = parsePasteOfficeHtml( htmlString, viewDocument.stylesProcessor );\n\t\t\t\t\t}\n\n\t\t\t\t\tactiveNormalizer.execute( data );\n\n\t\t\t\t\tdata._isTransformedWithPasteFromOffice = true;\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ priority: 'high' }\n\t\t);\n\t}\n}\n", "import { Plugin, Command } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { IconRemoveFormat } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { first } from '@ckeditor/ckeditor5-utils/dist/index.js';\n\nconst REMOVE_FORMAT = 'removeFormat';\n/**\n * The remove format UI plugin. It registers the `'removeFormat'` button which can be\n * used in the toolbar.\n */ class RemoveFormatUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'RemoveFormatUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add(REMOVE_FORMAT, ()=>{\n            const view = this._createButton(ButtonView);\n            view.set({\n                tooltip: true\n            });\n            return view;\n        });\n        editor.ui.componentFactory.add(`menuBar:${REMOVE_FORMAT}`, ()=>this._createButton(MenuBarMenuListItemButtonView));\n    }\n    /**\n\t * Creates a button for remove format command to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = editor.commands.get(REMOVE_FORMAT);\n        const view = new ButtonClass(editor.locale);\n        const t = locale.t;\n        view.set({\n            label: t('Remove Format'),\n            icon: IconRemoveFormat\n        });\n        view.bind('isEnabled').to(command, 'isEnabled');\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute(REMOVE_FORMAT);\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The remove format command.\n *\n * It is used by the {@link module:remove-format/removeformat~RemoveFormat remove format feature}\n * to clear the formatting in the selection.\n *\n * ```ts\n * editor.execute( 'removeFormat' );\n * ```\n */ class RemoveFormatCommand extends Command {\n    /**\n\t * List of all registered custom attribute handlers.\n\t */ _customAttributesHandlers = [];\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        this.isEnabled = !!first(this._getFormattingItems(model.document.selection));\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const model = this.editor.model;\n        model.change((writer)=>{\n            for (const item of this._getFormattingItems(model.document.selection)){\n                if (item.is('selection')) {\n                    for (const attributeName of this._getFormattingAttributes(item)){\n                        writer.removeSelectionAttribute(attributeName);\n                    }\n                } else {\n                    // Workaround for items with multiple removable attributes. See\n                    // https://github.com/ckeditor/ckeditor5-remove-format/pull/1#pullrequestreview-220515609\n                    const itemRange = writer.createRangeOn(item);\n                    for (const attributeName of this._getFormattingAttributes(item)){\n                        this._removeFormatting(attributeName, item, itemRange, writer);\n                    }\n                }\n            }\n        });\n    }\n    /**\n\t * Registers a custom attribute handler that will be used to determine if an attribute is formatting and how to remove it.\n\t *\n\t * @internal\n\t */ registerCustomAttribute(isFormatting, removeFormatting) {\n        this._customAttributesHandlers.push({\n            isFormatting,\n            removeFormatting\n        });\n    }\n    /**\n\t * Helper method that removes a formatting attribute from an item either using custom callbacks or writer remove attribute.\n\t */ _removeFormatting(attributeName, item, itemRange, writer) {\n        let customHandled = false;\n        for (const { isFormatting, removeFormatting } of this._customAttributesHandlers){\n            if (isFormatting(attributeName, item)) {\n                removeFormatting(attributeName, itemRange, writer);\n                customHandled = true;\n            }\n        }\n        if (!customHandled) {\n            writer.removeAttribute(attributeName, itemRange);\n        }\n    }\n    /**\n\t * Returns an iterable of items in a selection (including the selection itself) that have formatting model\n\t * attributes to be removed by the feature.\n\t */ *_getFormattingItems(selection) {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const itemHasRemovableFormatting = (item)=>{\n            return !!first(this._getFormattingAttributes(item));\n        };\n        // Check formatting on selected items.\n        for (const curRange of selection.getRanges()){\n            for (const item of curRange.getItems()){\n                // Ignore last block if range ends at the beginning of it.\n                if (schema.isBlock(item) && curRange.end.isTouching(model.createPositionAt(item, 0))) {\n                    continue;\n                }\n                if (itemHasRemovableFormatting(item)) {\n                    yield item;\n                }\n            }\n        }\n        // Check formatting from selected blocks (to include partly selected blocks).\n        for (const block of selection.getSelectedBlocks()){\n            if (itemHasRemovableFormatting(block)) {\n                yield block;\n            }\n        }\n        // Finally the selection might be formatted as well, so make sure to check it.\n        if (itemHasRemovableFormatting(selection)) {\n            yield selection;\n        }\n    }\n    /**\n\t * Returns an iterable of formatting attributes of a given model item.\n\t *\n\t * **Note:** Formatting items have the `isFormatting` property set to `true`.\n\t *\n\t * @returns The names of formatting attributes found in a given item.\n\t */ *_getFormattingAttributes(item) {\n        const schema = this.editor.model.schema;\n        for (const [attributeName] of item.getAttributes()){\n            for (const { isFormatting } of this._customAttributesHandlers){\n                if (isFormatting(attributeName, item)) {\n                    yield attributeName;\n                }\n            }\n            const attributeProperties = schema.getAttributeProperties(attributeName);\n            if (attributeProperties && attributeProperties.isFormatting) {\n                yield attributeName;\n            }\n        }\n    }\n}\n\n/**\n * The remove format editing plugin.\n *\n * It registers the {@link module:remove-format/removeformatcommand~RemoveFormatCommand removeFormat} command.\n */ class RemoveFormatEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'RemoveFormatEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'RF';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.commands.add('removeFormat', new RemoveFormatCommand(editor));\n    }\n}\n\n/**\n * The remove format plugin.\n *\n * This is a \"glue\" plugin which loads the {@link module:remove-format/removeformatediting~RemoveFormatEditing}\n * and {@link module:remove-format/removeformatui~RemoveFormatUI} plugins.\n *\n * For a detailed overview, check out the {@glink features/remove-format remove format} feature documentation.\n */ class RemoveFormat extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            RemoveFormatEditing,\n            RemoveFormatUI\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'RemoveFormat';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\nexport { RemoveFormat, RemoveFormatCommand, RemoveFormatEditing, RemoveFormatUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 remove-format/removeformatui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconRemoveFormat } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\n\nimport { type RemoveFormatCommand } from './removeformatcommand.js';\n\nconst REMOVE_FORMAT = 'removeFormat';\n\n/**\n * The remove format UI plugin. It registers the `'removeFormat'` button which can be\n * used in the toolbar.\n */\nexport class RemoveFormatUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'RemoveFormatUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( REMOVE_FORMAT, () => {\n\t\t\tconst view = this._createButton( ButtonView );\n\n\t\t\tview.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn view;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( `menuBar:${ REMOVE_FORMAT }`, () => this._createButton( MenuBarMenuListItemButtonView ) );\n\t}\n\n\t/**\n\t * Creates a button for remove format command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView | typeof MenuBarMenuListItemButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command: RemoveFormatCommand = editor.commands.get( REMOVE_FORMAT )!;\n\t\tconst view = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst t = locale.t;\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Remove Format' ),\n\t\t\ticon: IconRemoveFormat\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( REMOVE_FORMAT );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 remove-format/removeformatcommand\n */\n\nimport type { ModelDocumentSelection, ModelItem, ModelRange, ModelWriter } from 'ckeditor5/src/engine.js';\nimport { Command } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\n\n/**\n * The remove format command.\n *\n * It is used by the {@link module:remove-format/removeformat~RemoveFormat remove format feature}\n * to clear the formatting in the selection.\n *\n * ```ts\n * editor.execute( 'removeFormat' );\n * ```\n */\nexport class RemoveFormatCommand extends Command {\n\tdeclare public value: boolean;\n\n\t/**\n\t * List of all registered custom attribute handlers.\n\t */\n\tprivate _customAttributesHandlers: Array<{\n\t\tisFormatting: IsFormattingCallback;\n\t\tremoveFormatting: RemoveFormattingCallback;\n\t}> = [];\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\n\t\tthis.isEnabled = !!first( this._getFormattingItems( model.document.selection ) );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\n\t\tmodel.change( writer => {\n\t\t\tfor ( const item of this._getFormattingItems( model.document.selection ) ) {\n\t\t\t\tif ( item.is( 'selection' ) ) {\n\t\t\t\t\tfor ( const attributeName of this._getFormattingAttributes( item ) ) {\n\t\t\t\t\t\twriter.removeSelectionAttribute( attributeName );\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Workaround for items with multiple removable attributes. See\n\t\t\t\t\t// https://github.com/ckeditor/ckeditor5-remove-format/pull/1#pullrequestreview-220515609\n\t\t\t\t\tconst itemRange = writer.createRangeOn( item );\n\n\t\t\t\t\tfor ( const attributeName of this._getFormattingAttributes( item ) ) {\n\t\t\t\t\t\tthis._removeFormatting( attributeName, item, itemRange, writer );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Registers a custom attribute handler that will be used to determine if an attribute is formatting and how to remove it.\n\t *\n\t * @internal\n\t */\n\tpublic registerCustomAttribute( isFormatting: IsFormattingCallback, removeFormatting: RemoveFormattingCallback ): void {\n\t\tthis._customAttributesHandlers.push( {\n\t\t\tisFormatting,\n\t\t\tremoveFormatting\n\t\t} );\n\t}\n\n\t/**\n\t * Helper method that removes a formatting attribute from an item either using custom callbacks or writer remove attribute.\n\t */\n\tprivate _removeFormatting( attributeName: string, item: ModelItem, itemRange: ModelRange, writer: ModelWriter ) {\n\t\tlet customHandled = false;\n\n\t\tfor ( const { isFormatting, removeFormatting } of this._customAttributesHandlers ) {\n\t\t\tif ( isFormatting( attributeName, item ) ) {\n\t\t\t\tremoveFormatting( attributeName, itemRange, writer );\n\t\t\t\tcustomHandled = true;\n\t\t\t}\n\t\t}\n\n\t\tif ( !customHandled ) {\n\t\t\twriter.removeAttribute( attributeName, itemRange );\n\t\t}\n\t}\n\n\t/**\n\t * Returns an iterable of items in a selection (including the selection itself) that have formatting model\n\t * attributes to be removed by the feature.\n\t */\n\tprivate* _getFormattingItems( selection: ModelDocumentSelection ) {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\n\t\tconst itemHasRemovableFormatting = ( item: ModelItem | ModelDocumentSelection ) => {\n\t\t\treturn !!first( this._getFormattingAttributes( item ) );\n\t\t};\n\n\t\t// Check formatting on selected items.\n\t\tfor ( const curRange of selection.getRanges() ) {\n\t\t\tfor ( const item of curRange.getItems() ) {\n\t\t\t\t// Ignore last block if range ends at the beginning of it.\n\t\t\t\tif ( schema.isBlock( item ) && curRange.end.isTouching( model.createPositionAt( item, 0 ) ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif ( itemHasRemovableFormatting( item ) ) {\n\t\t\t\t\tyield item;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Check formatting from selected blocks (to include partly selected blocks).\n\t\tfor ( const block of selection.getSelectedBlocks() ) {\n\t\t\tif ( itemHasRemovableFormatting( block ) ) {\n\t\t\t\tyield block;\n\t\t\t}\n\t\t}\n\n\t\t// Finally the selection might be formatted as well, so make sure to check it.\n\t\tif ( itemHasRemovableFormatting( selection ) ) {\n\t\t\tyield selection;\n\t\t}\n\t}\n\n\t/**\n\t * Returns an iterable of formatting attributes of a given model item.\n\t *\n\t * **Note:** Formatting items have the `isFormatting` property set to `true`.\n\t *\n\t * @returns The names of formatting attributes found in a given item.\n\t */\n\tprivate* _getFormattingAttributes( item: ModelItem | ModelDocumentSelection ) {\n\t\tconst schema = this.editor.model.schema;\n\n\t\tfor ( const [ attributeName ] of item.getAttributes() ) {\n\t\t\tfor ( const { isFormatting } of this._customAttributesHandlers ) {\n\t\t\t\tif ( isFormatting( attributeName, item ) ) {\n\t\t\t\t\tyield attributeName;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst attributeProperties = schema.getAttributeProperties( attributeName );\n\n\t\t\tif ( attributeProperties && attributeProperties.isFormatting ) {\n\t\t\t\tyield attributeName;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Callback that checks if an attribute is a formatting attribute.\n *\n * @internal\n */\nexport type IsFormattingCallback = ( attributeName: string, item: ModelItem | ModelDocumentSelection ) => boolean;\n\n/**\n * Callback that removes formatting from an item.\n *\n * @internal\n */\nexport type RemoveFormattingCallback = ( attributeName: string, range: ModelRange, writer: ModelWriter ) => void;\n", "/**\n * @license Copyright (c) 2003-2025, 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 remove-format/removeformatediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { RemoveFormatCommand } from './removeformatcommand.js';\n\n/**\n * The remove format editing plugin.\n *\n * It registers the {@link module:remove-format/removeformatcommand~RemoveFormatCommand removeFormat} command.\n */\nexport class RemoveFormatEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'RemoveFormatEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'RF';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.commands.add( 'removeFormat', new RemoveFormatCommand( editor ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 remove-format/removeformat\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { RemoveFormatUI } from './removeformatui.js';\nimport { RemoveFormatEditing } from './removeformatediting.js';\n\n/**\n * The remove format plugin.\n *\n * This is a \"glue\" plugin which loads the {@link module:remove-format/removeformatediting~RemoveFormatEditing}\n * and {@link module:remove-format/removeformatui~RemoveFormatUI} plugins.\n *\n * For a detailed overview, check out the {@glink features/remove-format remove format} feature documentation.\n */\nexport class RemoveFormat extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ RemoveFormatEditing, RemoveFormatUI ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'RemoveFormat' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { getCode, parseKeystroke, Collection, first, count } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { Matcher } from '@ckeditor/ckeditor5-engine/dist/index.js';\nimport { IconContentLock, IconContentUnlock } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { createDropdown, addListToDropdown, MenuBarMenuView, MenuBarMenuListView, MenuBarMenuListItemView, MenuBarMenuListItemButtonView, UIModel, addToolbarToDropdown, ButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module restricted-editing/restrictededitingmode/utils\n */ /**\n * Returns a single \"restricted-editing-exception\" marker at a given position. Contrary to\n * {@link module:engine/model/markercollection~MarkerCollection#getMarkersAtPosition}, it returnd a marker also when the postion is\n * equal to one of the marker's start or end positions.\n *\n * @internal\n */ function getMarkerAtPosition(editor, position) {\n    for (const marker of editor.model.markers){\n        const markerRange = getExceptionRange(marker, editor.model);\n        if (isPositionInRangeBoundaries(markerRange, position)) {\n            if (marker.name.startsWith('restrictedEditingException:')) {\n                return marker;\n            }\n        }\n    }\n}\n/**\n * Checks if the position is fully contained in the range. Positions equal to range start or end are considered \"in\".\n *\n * @internal\n */ function isPositionInRangeBoundaries(range, position) {\n    return range.containsPosition(position) || range.end.isEqual(position) || range.start.isEqual(position);\n}\n/**\n * Checks if the selection is fully contained in the marker. Positions on marker boundaries are considered \"in\".\n *\n * ```xml\n * <marker>[]foo</marker> -> true\n * <marker>f[oo]</marker> -> true\n * <marker>f[oo</marker> ba]r -> false\n * <marker>foo</marker> []bar -> false\n * ```\n *\n * @internal\n */ function isSelectionInMarker(selection, model, marker) {\n    if (!marker) {\n        return false;\n    }\n    const markerRange = getExceptionRange(marker, model);\n    if (selection.isCollapsed) {\n        return isPositionInRangeBoundaries(markerRange, selection.focus);\n    }\n    return markerRange.containsRange(selection.getFirstRange(), true);\n}\n/**\n * Returns the marker range asjusted to the inside of exception wrapper element if needed.\n *\n * @internal\n */ function getExceptionRange(marker, model) {\n    const markerRange = marker.getRange();\n    const wrapperElement = markerRange.getContainedElement();\n    if (wrapperElement && wrapperElement.is('element', 'restrictedEditingException')) {\n        return model.createRangeIn(wrapperElement);\n    }\n    return markerRange;\n}\n\n/**\n * The command that allows navigation across the exceptions in the edited document.\n */ class RestrictedEditingModeNavigationCommand extends Command {\n    /**\n\t * The direction of the command.\n\t */ _direction;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param direction The direction that the command works.\n\t */ constructor(editor, direction){\n        super(editor);\n        // It does not affect data so should be enabled in read-only mode and in restricted editing mode.\n        this.affectsData = false;\n        this._direction = direction;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const position = getNearestExceptionRange(this.editor.model, this._direction);\n        if (!position) {\n            return;\n        }\n        this.editor.model.change((writer)=>{\n            writer.setSelection(position);\n        });\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        return !!getNearestExceptionRange(this.editor.model, this._direction);\n    }\n}\n/**\n * Returns the range of the exception marker closest to the last position of the model selection.\n */ function getNearestExceptionRange(model, direction) {\n    const selection = model.document.selection;\n    const selectionPosition = selection.getFirstPosition();\n    const markerRanges = [];\n    // Get all exception marker positions that start after/before the selection position.\n    for (const marker of model.markers.getMarkersGroup('restrictedEditingException')){\n        const markerRange = getExceptionRange(marker, model);\n        // Checking parent because there two positions <paragraph>foo^</paragraph><paragraph>^bar</paragraph>\n        // are touching but they will represent different markers.\n        const isMarkerRangeTouching = selectionPosition.isTouching(markerRange.start) && selectionPosition.hasSameParentAs(markerRange.start) || selectionPosition.isTouching(markerRange.end) && selectionPosition.hasSameParentAs(markerRange.end);\n        // <paragraph>foo <marker≥b[]ar</marker> baz</paragraph>\n        // <paragraph>foo <marker≥b[ar</marker> ba]z</paragraph>\n        // <paragraph>foo <marker≥bar</marker>[] baz</paragraph>\n        // <paragraph>foo []<marker≥bar</marker> baz</paragraph>\n        if (markerRange.containsPosition(selectionPosition) || isMarkerRangeTouching) {\n            continue;\n        }\n        if (direction === 'forward' && markerRange.start.isAfter(selectionPosition)) {\n            markerRanges.push(markerRange);\n        } else if (direction === 'backward' && markerRange.end.isBefore(selectionPosition)) {\n            markerRanges.push(markerRange);\n        }\n    }\n    if (!markerRanges.length) {\n        return;\n    }\n    // Get the marker closest to the selection position among many. To know that, we need to sort\n    // them first.\n    return markerRanges.sort((rangeA, rangeB)=>{\n        if (direction === 'forward') {\n            return rangeA.start.isAfter(rangeB.start) ? 1 : -1;\n        } else {\n            return rangeA.start.isBefore(rangeB.start) ? 1 : -1;\n        }\n    }).shift();\n}\n\nconst HIGHLIGHT_CLASS = 'restricted-editing-exception_selected';\n/**\n * Adds a visual highlight style to a restricted editing exception that the selection is anchored to.\n *\n * The highlight is turned on by adding the `.restricted-editing-exception_selected` class to the\n * exception in the view:\n *\n * * The class is removed before the conversion starts, as callbacks added with the `'highest'` priority\n * to {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} events.\n * * The class is added in the view post-fixer, after other changes in the model tree are converted to the view.\n *\n * This way, adding and removing the highlight does not interfere with conversion.\n *\n * @internal\n */ function setupExceptionHighlighting(editor) {\n    const view = editor.editing.view;\n    const model = editor.model;\n    const highlightedMarkers = new Set();\n    // Adding the class.\n    view.document.registerPostFixer((writer)=>{\n        const modelSelection = model.document.selection;\n        const marker = getMarkerAtPosition(editor, modelSelection.anchor);\n        if (!marker) {\n            return false;\n        }\n        const modelWrapperElement = marker.getRange().getContainedElement();\n        if (modelWrapperElement && modelWrapperElement.is('element', 'restrictedEditingException')) {\n            const viewElement = editor.editing.mapper.toViewElement(modelWrapperElement);\n            writer.addClass(HIGHLIGHT_CLASS, viewElement);\n            highlightedMarkers.add(viewElement);\n        } else {\n            for (const viewElement of editor.editing.mapper.markerNameToElements(marker.name)){\n                writer.addClass(HIGHLIGHT_CLASS, viewElement);\n                highlightedMarkers.add(viewElement);\n            }\n        }\n        return false;\n    });\n    // Removing the class.\n    editor.conversion.for('editingDowncast').add((dispatcher)=>{\n        // Make sure the highlight is removed on every possible event, before conversion is started.\n        dispatcher.on('insert', removeHighlight, {\n            priority: 'highest'\n        });\n        dispatcher.on('remove', removeHighlight, {\n            priority: 'highest'\n        });\n        dispatcher.on('attribute', removeHighlight, {\n            priority: 'highest'\n        });\n        dispatcher.on('cleanSelection', removeHighlight);\n        function removeHighlight() {\n            view.change((writer)=>{\n                for (const item of highlightedMarkers.values()){\n                    writer.removeClass(HIGHLIGHT_CLASS, item);\n                    highlightedMarkers.delete(item);\n                }\n            });\n        }\n    });\n}\n/**\n * A post-fixer that prevents removing a collapsed marker from the document.\n *\n * @internal\n */ function resurrectCollapsedMarkerPostFixer(editor) {\n    // This post-fixer shouldn't be necessary after https://github.com/ckeditor/ckeditor5/issues/5778.\n    return (writer)=>{\n        let changeApplied = false;\n        for (const { name, data } of editor.model.document.differ.getChangedMarkers()){\n            if (name.startsWith('restrictedEditingException') && data.newRange && data.newRange.root.rootName == '$graveyard') {\n                writer.updateMarker(name, {\n                    range: writer.createRange(writer.createPositionAt(data.oldRange.start))\n                });\n                changeApplied = true;\n            }\n        }\n        return changeApplied;\n    };\n}\n/**\n * A post-fixer that extends a marker when the user types on its boundaries.\n *\n * @internal\n */ function extendMarkerOnTypingPostFixer(editor) {\n    // This post-fixer shouldn't be necessary after https://github.com/ckeditor/ckeditor5/issues/5778.\n    return (writer)=>{\n        let changeApplied = false;\n        const schema = editor.model.schema;\n        for (const change of editor.model.document.differ.getChanges()){\n            if (change.type == 'insert' && schema.checkChild('$block', change.name)) {\n                changeApplied = _tryExtendMarkerStart(editor, change.position, change.length, writer) || changeApplied;\n                changeApplied = _tryExtendMarkedEnd(editor, change.position, change.length, writer) || changeApplied;\n            }\n        }\n        return changeApplied;\n    };\n}\n/**\n * A view highlight-to-marker conversion helper.\n *\n * @param config Conversion configuration.\n * @internal\n */ function upcastHighlightToMarker(config) {\n    return (dispatcher)=>dispatcher.on('element', (evt, data, conversionApi)=>{\n            const { writer } = conversionApi;\n            const matcher = new Matcher(config.view);\n            const matcherResult = matcher.match(data.viewItem);\n            // If there is no match, this callback should not do anything.\n            if (!matcherResult) {\n                return;\n            }\n            const match = matcherResult.match;\n            // Force consuming element's name (taken from upcast helpers elementToElement converter).\n            match.name = true;\n            if (!conversionApi.consumable.test(data.viewItem, match)) {\n                return;\n            }\n            let position = data.modelCursor;\n            let wrapperElement = null;\n            if (config.useWrapperElement) {\n                if (!conversionApi.schema.checkChild(position, 'restrictedEditingException')) {\n                    return;\n                }\n                wrapperElement = writer.createElement('restrictedEditingException');\n                writer.insert(wrapperElement, position);\n                position = writer.createPositionAt(wrapperElement, 0);\n            }\n            const { modelRange: convertedChildrenRange } = conversionApi.convertChildren(data.viewItem, position);\n            conversionApi.consumable.consume(data.viewItem, match);\n            const markerName = config.model();\n            const fakeMarkerStart = writer.createElement('$marker', {\n                'data-name': markerName\n            });\n            const fakeMarkerEnd = writer.createElement('$marker', {\n                'data-name': markerName\n            });\n            if (wrapperElement) {\n                writer.insert(fakeMarkerStart, writer.createPositionBefore(wrapperElement));\n                writer.insert(fakeMarkerEnd, writer.createPositionAfter(wrapperElement));\n            } else {\n                // Insert in reverse order to use converter content positions directly (without recalculating).\n                writer.insert(fakeMarkerEnd, convertedChildrenRange.end);\n                writer.insert(fakeMarkerStart, convertedChildrenRange.start);\n            }\n            data.modelRange = writer.createRange(writer.createPositionBefore(fakeMarkerStart), writer.createPositionAfter(fakeMarkerEnd));\n            data.modelCursor = data.modelRange.end;\n        });\n}\n/**\n * Extend marker if change detected on marker's start position.\n */ function _tryExtendMarkerStart(editor, position, length, writer) {\n    const markerAtStart = getMarkerAtPosition(editor, position.getShiftedBy(length));\n    if (markerAtStart && markerAtStart.getStart().isEqual(position.getShiftedBy(length))) {\n        writer.updateMarker(markerAtStart, {\n            range: writer.createRange(markerAtStart.getStart().getShiftedBy(-length), markerAtStart.getEnd())\n        });\n        return true;\n    }\n    return false;\n}\n/**\n * Extend marker if change detected on marker's end position.\n */ function _tryExtendMarkedEnd(editor, position, length, writer) {\n    const markerAtEnd = getMarkerAtPosition(editor, position);\n    if (markerAtEnd && markerAtEnd.getEnd().isEqual(position)) {\n        writer.updateMarker(markerAtEnd, {\n            range: writer.createRange(markerAtEnd.getStart(), markerAtEnd.getEnd().getShiftedBy(length))\n        });\n        return true;\n    }\n    return false;\n}\n\nconst COMMAND_FORCE_DISABLE_ID = 'RestrictedEditingMode';\n/**\n * The restricted editing mode editing feature.\n *\n * * It introduces the exception marker group that renders to `<span>` elements with the `restricted-editing-exception` CSS class.\n * * It registers the `'goToPreviousRestrictedEditingException'` and `'goToNextRestrictedEditingException'` commands.\n * * It also enables highlighting exception markers that are selected.\n */ class RestrictedEditingModeEditing extends Plugin {\n    /**\n\t * Command names that are enabled outside the non-restricted regions.\n\t */ _alwaysEnabled;\n    /**\n\t * Commands allowed in non-restricted areas.\n\t *\n\t * Commands always enabled combine typing feature commands: `'input'`, `'insertText'`, `'delete'`, and `'deleteForward'` with\n\t * commands defined in the feature configuration.\n\t */ _allowedInException;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'RestrictedEditingModeEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'RED';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('restrictedEditing', {\n            allowedCommands: [\n                'bold',\n                'italic',\n                'link',\n                'unlink'\n            ],\n            allowedAttributes: [\n                'bold',\n                'italic',\n                'linkHref'\n            ]\n        });\n        this._alwaysEnabled = new Set([\n            'undo',\n            'redo'\n        ]);\n        this._allowedInException = new Set([\n            'input',\n            'insertText',\n            'delete',\n            'deleteForward'\n        ]);\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const allowedCommands = editor.config.get('restrictedEditing.allowedCommands');\n        allowedCommands.forEach((commandName)=>this._allowedInException.add(commandName));\n        this._setupSchema();\n        this._setupConversion();\n        this._setupCommandsToggling();\n        this._setupRestrictions();\n        // Commands & keystrokes that allow navigation in the content.\n        editor.commands.add('goToPreviousRestrictedEditingException', new RestrictedEditingModeNavigationCommand(editor, 'backward'));\n        editor.commands.add('goToNextRestrictedEditingException', new RestrictedEditingModeNavigationCommand(editor, 'forward'));\n        this.listenTo(editingView.document, 'tab', (evt, data)=>{\n            const commandName = !data.shiftKey ? 'goToNextRestrictedEditingException' : 'goToPreviousRestrictedEditingException';\n            const command = editor.commands.get(commandName);\n            if (command.isEnabled) {\n                editor.execute(commandName);\n                // Stop the event in the DOM: no listener in the web page will be triggered by this event.\n                data.preventDefault();\n                data.stopPropagation();\n            }\n            // Stop the event bubbling in the editor: no more callbacks will be executed for this keystroke.\n            evt.stop();\n        }, {\n            context: '$capture'\n        });\n        this.listenTo(editingView.document, 'keydown', getSelectAllHandler(editor), {\n            priority: 'high'\n        });\n        editingView.change((writer)=>{\n            for (const root of editingView.document.roots){\n                writer.addClass('ck-restricted-editing_mode_restricted', root);\n            }\n        });\n        // Remove existing restricted editing markers when setting new data to prevent marker resurrection.\n        // Without this, markers from removed content would be incorrectly restored due to the resurrection mechanism.\n        // See more: https://github.com/ckeditor/ckeditor5/issues/9646#issuecomment-843064995\n        editor.data.on('set', ()=>{\n            editor.model.change((writer)=>{\n                for (const marker of editor.model.markers.getMarkersGroup('restrictedEditingException')){\n                    writer.removeMarker(marker.name);\n                }\n            });\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Makes the given command always enabled in the restricted editing mode (regardless\n\t * of selection location).\n\t *\n\t * To enable some commands in non-restricted areas of the content use\n\t * {@link module:restricted-editing/restrictededitingconfig~RestrictedEditingConfig#allowedCommands} configuration option.\n\t *\n\t * @param commandName Name of the command to enable.\n\t */ enableCommand(commandName) {\n        const command = this.editor.commands.get(commandName);\n        command.clearForceDisabled(COMMAND_FORCE_DISABLE_ID);\n        this._alwaysEnabled.add(commandName);\n    }\n    /**\n\t * Registers block exception wrapper in the schema.\n\t */ _setupSchema() {\n        const schema = this.editor.model.schema;\n        schema.register('restrictedEditingException', {\n            allowWhere: '$block',\n            allowContentOf: '$container',\n            isLimit: true\n        });\n    }\n    /**\n\t * Sets up the restricted mode editing conversion:\n\t *\n\t * * ucpast & downcast converters,\n\t * * marker highlighting in the edting area,\n\t * * marker post-fixers.\n\t */ _setupConversion() {\n        const editor = this.editor;\n        const model = editor.model;\n        const doc = model.document;\n        // The restricted editing does not attach additional data to the zones so there's no need for smarter markers managing.\n        // Also, the markers will only be created when loading the data.\n        let markerNumber = 0;\n        editor.conversion.for('upcast').add(upcastHighlightToMarker({\n            view: {\n                name: 'span',\n                classes: 'restricted-editing-exception'\n            },\n            model: ()=>{\n                markerNumber++; // Starting from restrictedEditingException:1 marker.\n                return `restrictedEditingException:inline:${markerNumber}`;\n            }\n        }));\n        editor.conversion.for('upcast').add(upcastHighlightToMarker({\n            view: {\n                name: 'div',\n                classes: 'restricted-editing-exception'\n            },\n            model: ()=>{\n                markerNumber++; // Starting from restrictedEditingException:1 marker.\n                return `restrictedEditingException:block:${markerNumber}`;\n            },\n            useWrapperElement: true\n        }));\n        // Block exception wrapper.\n        editor.conversion.for('downcast').elementToElement({\n            model: 'restrictedEditingException',\n            view: {\n                name: 'div',\n                classes: 'restricted-editing-exception'\n            }\n        });\n        // Currently the marker helpers are tied to other use-cases and do not render a collapsed marker as highlight.\n        // Also, markerToHighlight cannot convert marker on an inline object. It handles only text and widgets,\n        // but it is not a case in the data pipeline. That's why there are 3 downcast converters for them:\n        //\n        // 1. The custom inline item (text or inline object) converter (but not the selection).\n        editor.conversion.for('downcast').add((dispatcher)=>{\n            dispatcher.on('addMarker:restrictedEditingException:inline', (evt, data, conversionApi)=>{\n                // Only convert per-item conversion.\n                if (!data.item) {\n                    return;\n                }\n                // Do not convert the selection or non-inline items.\n                if (data.item.is('selection') || !conversionApi.schema.isInline(data.item)) {\n                    return;\n                }\n                if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                    return;\n                }\n                const viewWriter = conversionApi.writer;\n                const viewElement = viewWriter.createAttributeElement('span', {\n                    class: 'restricted-editing-exception'\n                }, {\n                    id: data.markerName,\n                    priority: -10\n                });\n                const viewRange = conversionApi.mapper.toViewRange(data.range);\n                const rangeAfterWrap = viewWriter.wrap(viewRange, viewElement);\n                for (const element of rangeAfterWrap.getItems()){\n                    if (element.is('attributeElement') && element.isSimilar(viewElement)) {\n                        conversionApi.mapper.bindElementToMarker(element, data.markerName);\n                        break;\n                    }\n                }\n            });\n        });\n        // 2. The marker-to-highlight converter for the document selection.\n        editor.conversion.for('downcast').markerToHighlight({\n            model: 'restrictedEditingException:inline',\n            // Use callback to return new object every time new marker instance is created - otherwise it will be seen as the same marker.\n            view: ()=>{\n                return {\n                    name: 'span',\n                    classes: 'restricted-editing-exception',\n                    priority: -10\n                };\n            }\n        });\n        // 3. And for collapsed marker we need to render it as an element.\n        // Additionally, the editing pipeline should always display a collapsed marker.\n        editor.conversion.for('editingDowncast').markerToElement({\n            model: 'restrictedEditingException:inline',\n            view: (markerData, { writer })=>{\n                return writer.createUIElement('span', {\n                    class: 'restricted-editing-exception restricted-editing-exception_collapsed'\n                });\n            }\n        });\n        editor.conversion.for('dataDowncast').markerToElement({\n            model: 'restrictedEditingException:inline',\n            view: (markerData, { writer })=>{\n                return writer.createEmptyElement('span', {\n                    class: 'restricted-editing-exception'\n                });\n            }\n        });\n        doc.registerPostFixer(extendMarkerOnTypingPostFixer(editor));\n        doc.registerPostFixer(resurrectCollapsedMarkerPostFixer(editor));\n        doc.registerPostFixer(ensureNewMarkerIsFlatPostFixer(editor));\n        setupExceptionHighlighting(editor);\n    }\n    /**\n\t * Setups additional editing restrictions beyond command toggling:\n\t *\n\t * * delete content range trimming\n\t * * disabling input command outside exception marker\n\t * * restricting clipboard holder to text only\n\t * * restricting text attributes in content\n\t */ _setupRestrictions() {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const viewDoc = editor.editing.view.document;\n        const clipboard = editor.plugins.get('ClipboardPipeline');\n        this.listenTo(model, 'deleteContent', restrictDeleteContent(editor), {\n            priority: 'high'\n        });\n        const insertTextCommand = editor.commands.get('insertText');\n        // The restricted editing might be configured without insert text support - ie allow only bolding or removing text.\n        // This check is bit synthetic since only tests are used this way.\n        if (insertTextCommand) {\n            this.listenTo(insertTextCommand, 'execute', disallowInputExecForWrongRange(editor), {\n                priority: 'high'\n            });\n        }\n        // Block clipboard outside exception marker on paste and drop.\n        this.listenTo(clipboard, 'contentInsertion', (evt, data)=>{\n            if (!isRangeInsideSingleMarker(editor, selection.getFirstRange())) {\n                evt.stop();\n            }\n            const marker = getMarkerAtPosition(editor, selection.focus);\n            // Reduce content pasted into inline exception to text nodes only. Also strip not allowed attributes.\n            if (marker && marker.name.startsWith('restrictedEditingException:inline:')) {\n                const allowedAttributes = editor.config.get('restrictedEditing.allowedAttributes');\n                model.change((writer)=>{\n                    const content = writer.createDocumentFragment();\n                    const textNodes = Array.from(writer.createRangeIn(data.content).getItems()).filter((node)=>node.is('$textProxy'));\n                    for (const item of textNodes){\n                        for (const attr of item.getAttributeKeys()){\n                            if (!allowedAttributes.includes(attr)) {\n                                writer.removeAttribute(attr, item);\n                            }\n                        }\n                        writer.append(item, content);\n                    }\n                    data.content = content;\n                });\n            }\n        });\n        // Block clipboard outside exception marker on cut.\n        this.listenTo(viewDoc, 'clipboardOutput', (evt, data)=>{\n            if (data.method == 'cut' && !isRangeInsideSingleMarker(editor, selection.getFirstRange())) {\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        // Do not allow pasting/dropping block exception wrapper.\n        model.schema.addChildCheck((context)=>{\n            if (context.startsWith('$clipboardHolder')) {\n                return false;\n            }\n        }, 'restrictedEditingException');\n    }\n    /**\n\t * Sets up the command toggling which enables or disables commands based on the user selection.\n\t */ _setupCommandsToggling() {\n        const editor = this.editor;\n        const model = editor.model;\n        const doc = model.document;\n        this._disableCommands();\n        this.listenTo(doc.selection, 'change', this._checkCommands.bind(this));\n        this.listenTo(doc, 'change:data', this._checkCommands.bind(this));\n    }\n    /**\n\t * Checks if commands should be enabled or disabled based on the current selection.\n\t */ _checkCommands() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        if (selection.rangeCount > 1) {\n            this._disableCommands();\n            return;\n        }\n        const marker = getMarkerAtPosition(editor, selection.focus);\n        this._disableCommands();\n        if (isSelectionInMarker(selection, editor.model, marker)) {\n            this._enableCommands(marker);\n        }\n    }\n    /**\n\t * Enables commands in non-restricted regions.\n\t */ _enableCommands(marker) {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        for (const [commandName, command] of editor.commands){\n            if (!command.affectsData || this._alwaysEnabled.has(commandName)) {\n                continue;\n            }\n            // Enable ony those commands that are allowed in the exception marker.\n            // In block exceptions all commands are enabled.\n            if (!marker.name.startsWith('restrictedEditingException:block:') && !this._allowedInException.has(commandName)) {\n                continue;\n            }\n            // Do not enable 'delete' and 'deleteForward' commands on the exception marker boundaries.\n            if (isDeleteCommandOnMarkerBoundaries(commandName, selection, getExceptionRange(marker, editor.model))) {\n                continue;\n            }\n            command.clearForceDisabled(COMMAND_FORCE_DISABLE_ID);\n        }\n    }\n    /**\n\t * Disables commands outside non-restricted regions.\n\t */ _disableCommands() {\n        const editor = this.editor;\n        for (const [commandName, command] of editor.commands){\n            if (!command.affectsData || this._alwaysEnabled.has(commandName)) {\n                continue;\n            }\n            command.forceDisabled(COMMAND_FORCE_DISABLE_ID);\n        }\n    }\n}\n/**\n * Helper for handling Ctrl+A keydown behaviour.\n */ function getSelectAllHandler(editor) {\n    return (eventInfo, domEventData)=>{\n        if (getCode(domEventData) != parseKeystroke('Ctrl+A')) {\n            return;\n        }\n        const model = editor.model;\n        const selection = editor.model.document.selection;\n        const marker = getMarkerAtPosition(editor, selection.focus);\n        if (!marker) {\n            return;\n        }\n        // If selection range is inside a restricted editing exception, select text only within the exception.\n        //\n        // Note: Second Ctrl+A press is also blocked and it won't select the entire text in the editor.\n        const selectionRange = selection.getFirstRange();\n        const markerRange = getExceptionRange(marker, editor.model);\n        if (markerRange.containsRange(selectionRange, true) || selection.isCollapsed) {\n            eventInfo.stop();\n            domEventData.preventDefault();\n            domEventData.stopPropagation();\n            model.change((writer)=>{\n                writer.setSelection(markerRange);\n            });\n        }\n    };\n}\n/**\n * Additional rule for enabling \"delete\" and \"deleteForward\" commands if selection is on range boundaries:\n *\n * Does not allow to enable command when selection focus is:\n * - is on marker start - \"delete\" - to prevent removing content before marker\n * - is on marker end - \"deleteForward\" - to prevent removing content after marker\n */ function isDeleteCommandOnMarkerBoundaries(commandName, selection, markerRange) {\n    if (commandName == 'delete' && selection.isCollapsed && markerRange.start.isTouching(selection.focus)) {\n        return true;\n    }\n    // Only for collapsed selection - non-collapsed selection that extends over a marker is handled elsewhere.\n    if (commandName == 'deleteForward' && selection.isCollapsed && markerRange.end.isTouching(selection.focus)) {\n        return true;\n    }\n    return false;\n}\n/**\n * Ensures that model.deleteContent() does not delete outside exception markers ranges.\n *\n * The enforced restrictions are:\n * - only execute deleteContent() inside exception markers\n * - restrict passed selection to exception marker\n */ function restrictDeleteContent(editor) {\n    return (evt, args)=>{\n        const [selection] = args;\n        const marker = getMarkerAtPosition(editor, selection.focus) || getMarkerAtPosition(editor, selection.anchor);\n        // Stop method execution if marker was not found at selection focus.\n        if (!marker) {\n            evt.stop();\n            return;\n        }\n        // Collapsed selection inside exception marker does not require fixing.\n        if (selection.isCollapsed) {\n            return;\n        }\n        // Shrink the selection to the range inside exception marker.\n        const allowedToDelete = getExceptionRange(marker, editor.model).getIntersection(selection.getFirstRange());\n        // Some features uses selection passed to model.deleteContent() to set the selection afterwards. For this we need to properly modify\n        // either the document selection using change block...\n        if (selection.is('documentSelection')) {\n            editor.model.change((writer)=>{\n                writer.setSelection(allowedToDelete);\n            });\n        } else {\n            selection.setTo(allowedToDelete);\n        }\n    };\n}\n/**\n * Ensures that input command is executed with a range that is inside exception marker.\n *\n * This restriction is due to fact that using native spell check changes text outside exception marker.\n */ function disallowInputExecForWrongRange(editor) {\n    return (evt, args)=>{\n        const [options] = args;\n        const { range } = options;\n        // Only check \"input\" command executed with a range value.\n        // Selection might be set in exception marker but passed range might point elsewhere.\n        if (!range) {\n            return;\n        }\n        if (!isRangeInsideSingleMarker(editor, range)) {\n            evt.stop();\n        }\n    };\n}\nfunction isRangeInsideSingleMarker(editor, range) {\n    const markerAtStart = getMarkerAtPosition(editor, range.start);\n    const markerAtEnd = getMarkerAtPosition(editor, range.end);\n    return markerAtStart && markerAtEnd && markerAtEnd === markerAtStart;\n}\n/**\n * Checks if new marker range is flat. Non-flat ranges might appear during upcast conversion in nested structures, ie tables.\n *\n * Note: This marker fixer only consider case which is possible to create using StandardEditing mode plugin.\n * Markers created by developer in the data might break in many other ways.\n *\n * See #6003.\n */ function ensureNewMarkerIsFlatPostFixer(editor) {\n    return (writer)=>{\n        let changeApplied = false;\n        const changedMarkers = editor.model.document.differ.getChangedMarkers();\n        for (const { data, name } of changedMarkers){\n            if (!name.startsWith('restrictedEditingException')) {\n                continue;\n            }\n            const newRange = data.newRange;\n            if (!data.oldRange && !newRange.isFlat) {\n                const start = newRange.start;\n                const end = newRange.end;\n                const startIsHigherInTree = start.path.length > end.path.length;\n                const fixedStart = startIsHigherInTree ? newRange.start : writer.createPositionAt(end.parent, 0);\n                const fixedEnd = startIsHigherInTree ? writer.createPositionAt(start.parent, 'end') : newRange.end;\n                writer.updateMarker(name, {\n                    range: writer.createRange(fixedStart, fixedEnd)\n                });\n                changeApplied = true;\n            }\n        }\n        return changeApplied;\n    };\n}\n\n/**\n * The restricted editing mode UI feature.\n *\n * It introduces the `'restrictedEditing'` dropdown that offers tools to navigate between exceptions across\n * the document.\n */ class RestrictedEditingModeUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'RestrictedEditingModeUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        editor.ui.componentFactory.add('restrictedEditing', (locale)=>{\n            const dropdownView = createDropdown(locale);\n            const listItems = new Collection();\n            this._getButtonDefinitions().forEach(({ commandName, label, keystroke })=>{\n                listItems.add(this._getButtonDefinition(commandName, label, keystroke));\n            });\n            addListToDropdown(dropdownView, listItems, {\n                role: 'menu'\n            });\n            dropdownView.buttonView.set({\n                label: t('Navigate editable regions'),\n                icon: IconContentLock,\n                tooltip: true,\n                isEnabled: true,\n                isOn: false\n            });\n            this.listenTo(dropdownView, 'execute', (evt)=>{\n                const { _commandName } = evt.source;\n                editor.execute(_commandName);\n                editor.editing.view.focus();\n            });\n            return dropdownView;\n        });\n        editor.ui.componentFactory.add('menuBar:restrictedEditing', (locale)=>{\n            const menuView = new MenuBarMenuView(locale);\n            const listView = new MenuBarMenuListView(locale);\n            listView.set({\n                ariaLabel: t('Navigate editable regions'),\n                role: 'menu'\n            });\n            menuView.buttonView.set({\n                label: t('Navigate editable regions'),\n                icon: IconContentLock\n            });\n            menuView.panelView.children.add(listView);\n            this._getButtonDefinitions().forEach(({ commandName, label, keystroke })=>{\n                const listItemView = new MenuBarMenuListItemView(locale, menuView);\n                const buttonView = this._createMenuBarButton(label, commandName, keystroke);\n                buttonView.delegate('execute').to(menuView);\n                listItemView.children.add(buttonView);\n                listView.items.add(listItemView);\n            });\n            return menuView;\n        });\n    }\n    /**\n\t * Creates a button for restricted editing command to use in menu bar.\n\t */ _createMenuBarButton(label, commandName, keystroke) {\n        const editor = this.editor;\n        const command = editor.commands.get(commandName);\n        const view = new MenuBarMenuListItemButtonView(editor.locale);\n        view.set({\n            label,\n            keystroke,\n            isEnabled: true,\n            isOn: false\n        });\n        view.bind('isEnabled').to(command);\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute(commandName);\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n    /**\n\t * Returns a definition of the navigation button to be used in the dropdown.\n\t *\n\t * @param commandName The name of the command that the button represents.\n\t * @param label The translated label of the button.\n\t * @param keystroke The button keystroke.\n\t */ _getButtonDefinition(commandName, label, keystroke) {\n        const editor = this.editor;\n        const command = editor.commands.get(commandName);\n        const definition = {\n            type: 'button',\n            model: new UIModel({\n                label,\n                withText: true,\n                keystroke,\n                withKeystroke: true,\n                role: 'menuitem',\n                _commandName: commandName\n            })\n        };\n        definition.model.bind('isEnabled').to(command, 'isEnabled');\n        return definition;\n    }\n    /**\n\t * Returns definitions for UI buttons.\n\t *\n\t * @internal\n\t */ _getButtonDefinitions() {\n        const t = this.editor.locale.t;\n        return [\n            {\n                commandName: 'goToPreviousRestrictedEditingException',\n                label: t('Previous editable region'),\n                keystroke: 'Shift+Tab'\n            },\n            {\n                commandName: 'goToNextRestrictedEditingException',\n                label: t('Next editable region'),\n                keystroke: 'Tab'\n            }\n        ];\n    }\n}\n\n/**\n * The restricted editing mode plugin.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * The {@link module:restricted-editing/restrictededitingmodeediting~RestrictedEditingModeEditing restricted mode editing feature}.\n * * The {@link module:restricted-editing/restrictededitingmodeui~RestrictedEditingModeUI restricted mode UI feature}.\n */ class RestrictedEditingMode extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'RestrictedEditingMode';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            RestrictedEditingModeEditing,\n            RestrictedEditingModeUI\n        ];\n    }\n}\n\n/**\n * The command that toggles exceptions from the restricted editing on text.\n */ class RestrictedEditingExceptionCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const doc = model.document;\n        this.value = !!doc.selection.getAttribute('restrictedEditingException');\n        this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, 'restrictedEditingException');\n    }\n    /**\n\t * @inheritDoc\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const document = model.document;\n        const selection = document.selection;\n        const valueToSet = options.forceValue === undefined ? !this.value : options.forceValue;\n        model.change((writer)=>{\n            const ranges = model.schema.getValidRanges(selection.getRanges(), 'restrictedEditingException');\n            if (selection.isCollapsed) {\n                if (valueToSet) {\n                    writer.setSelectionAttribute('restrictedEditingException', valueToSet);\n                } else {\n                    const isSameException = (value)=>{\n                        return value.item.getAttribute('restrictedEditingException') === this.value;\n                    };\n                    const focus = selection.focus;\n                    const exceptionStart = focus.getLastMatchingPosition(isSameException, {\n                        direction: 'backward'\n                    });\n                    const exceptionEnd = focus.getLastMatchingPosition(isSameException);\n                    writer.removeSelectionAttribute('restrictedEditingException');\n                    if (!(focus.isEqual(exceptionStart) || focus.isEqual(exceptionEnd))) {\n                        writer.removeAttribute('restrictedEditingException', writer.createRange(exceptionStart, exceptionEnd));\n                    }\n                }\n            } else {\n                for (const range of ranges){\n                    if (valueToSet) {\n                        writer.setAttribute('restrictedEditingException', valueToSet, range);\n                    } else {\n                        writer.removeAttribute('restrictedEditingException', range);\n                    }\n                }\n            }\n        });\n    }\n}\n\n/**\n * The command that toggles exception blocks for the restricted editing.\n */ class RestrictedEditingExceptionBlockCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.value = this._getValue();\n        this.isEnabled = this._checkEnabled();\n    }\n    /**\n\t * Wraps or unwraps the selected blocks with non-restricted area.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply a block exception,\n\t * otherwise the command will remove the block exception. If not set, the command will act basing on its current value.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const schema = model.schema;\n        const selection = model.document.selection;\n        const blocks = Array.from(selection.getSelectedBlocks());\n        const value = options.forceValue === undefined ? !this.value : options.forceValue;\n        model.change((writer)=>{\n            if (!value) {\n                const blocksToUnwrap = blocks.map((block)=>{\n                    // Find blocks directly nested inside an exception.\n                    return findExceptionContentBlock(block);\n                }).filter((exception)=>!!exception);\n                this._removeException(writer, blocksToUnwrap);\n            } else {\n                const blocksToWrap = blocks.filter((block)=>{\n                    // Already wrapped blocks needs to be considered while wrapping too\n                    // in order to reuse their wrapper elements.\n                    return findException(block) || checkCanBeWrapped(schema, block);\n                });\n                this._applyException(writer, blocksToWrap);\n            }\n        });\n    }\n    /**\n\t * Checks the command's {@link #value}.\n\t */ _getValue() {\n        const selection = this.editor.model.document.selection;\n        const firstBlock = first(selection.getSelectedBlocks());\n        return !!(firstBlock && findException(firstBlock));\n    }\n    /**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */ _checkEnabled() {\n        if (this.value) {\n            return true;\n        }\n        const selection = this.editor.model.document.selection;\n        const schema = this.editor.model.schema;\n        const firstBlock = first(selection.getSelectedBlocks());\n        if (!firstBlock) {\n            return false;\n        }\n        return checkCanBeWrapped(schema, firstBlock);\n    }\n    /**\n\t * Unwraps the exception from given blocks.\n\t *\n\t * If blocks which are supposed to be unwrapped are in the middle of an exception,\n\t * start it or end it, then the exception will be split (if needed) and the blocks\n\t * will be moved out of it, so other exception blocks remained wrapped.\n\t */ _removeException(writer, blocks) {\n        // Unwrap all groups of block. Iterate in the reverse order to not break following ranges.\n        getRangesOfBlockGroups(writer, blocks).reverse().forEach((groupRange)=>{\n            if (groupRange.start.isAtStart && groupRange.end.isAtEnd) {\n                writer.unwrap(groupRange.start.parent);\n                return;\n            }\n            // The group of blocks are at the beginning of an exception so let's move them left (out of the exception).\n            if (groupRange.start.isAtStart) {\n                const positionBefore = writer.createPositionBefore(groupRange.start.parent);\n                writer.move(groupRange, positionBefore);\n                return;\n            }\n            // The blocks are in the middle of an exception so we need to split the exception after the last block\n            // so we move the items there.\n            if (!groupRange.end.isAtEnd) {\n                writer.split(groupRange.end);\n            }\n            // Now we are sure that groupRange.end.isAtEnd is true, so let's move the blocks right.\n            const positionAfter = writer.createPositionAfter(groupRange.end.parent);\n            writer.move(groupRange, positionAfter);\n        });\n    }\n    /**\n\t * Applies the exception to given blocks.\n\t */ _applyException(writer, blocks) {\n        const schema = this.editor.model.schema;\n        const exceptionsToMerge = [];\n        // Wrap all groups of block. Iterate in the reverse order to not break following ranges.\n        getRangesOfBlockGroups(writer, blocks).reverse().forEach((groupRange)=>{\n            let exception = findException(groupRange.start);\n            if (!exception) {\n                exception = writer.createElement('restrictedEditingException');\n                writer.wrap(groupRange, exception);\n            }\n            exceptionsToMerge.push(exception);\n        });\n        // Merge subsequent exception elements. Reverse the order again because this time we want to go through\n        // the exception elements in the source order (due to how merge works – it moves the right element's content\n        // to the first element and removes the right one. Since we may need to merge a couple of subsequent exception elements\n        // we want to keep the reference to the first (furthest left) one.\n        exceptionsToMerge.reverse();\n        // But first add any neighbouring block exceptions to the list.\n        if (exceptionsToMerge.length) {\n            const previousSibling = exceptionsToMerge.at(0).previousSibling;\n            const nextSibling = exceptionsToMerge.at(-1).nextSibling;\n            if (previousSibling?.is('element', 'restrictedEditingException')) {\n                exceptionsToMerge.unshift(previousSibling);\n            }\n            if (nextSibling?.is('element', 'restrictedEditingException')) {\n                exceptionsToMerge.push(nextSibling);\n            }\n        }\n        // Merge subsequent exceptions.\n        exceptionsToMerge.reduce((currentException, nextException)=>{\n            if (currentException.nextSibling == nextException) {\n                writer.merge(writer.createPositionAfter(currentException));\n                return currentException;\n            }\n            return nextException;\n        });\n        // Remove inline exceptions from block exception.\n        schema.removeDisallowedAttributes(blocks, writer);\n    }\n}\nfunction findException(elementOrPosition) {\n    return elementOrPosition.findAncestor('restrictedEditingException', {\n        includeSelf: true\n    });\n}\nfunction findExceptionContentBlock(element) {\n    let node = element;\n    while(node.parent){\n        if (node.parent.name == 'restrictedEditingException') {\n            return node;\n        }\n        node = node.parent;\n    }\n    return null;\n}\n/**\n * Returns a minimal array of ranges containing groups of subsequent blocks.\n *\n * content:         abcdefgh\n * blocks:          [ a, b, d, f, g, h ]\n * output ranges:   [ab]c[d]e[fgh]\n */ function getRangesOfBlockGroups(writer, blocks) {\n    let startPosition;\n    let i = 0;\n    const ranges = [];\n    while(i < blocks.length){\n        const block = blocks[i];\n        const nextBlock = blocks[i + 1];\n        if (!startPosition) {\n            startPosition = writer.createPositionBefore(block);\n        }\n        if (!nextBlock || block.nextSibling != nextBlock) {\n            ranges.push(writer.createRange(startPosition, writer.createPositionAfter(block)));\n            startPosition = null;\n        }\n        i++;\n    }\n    return ranges;\n}\n/**\n * Checks whether exception can wrap the block.\n */ function checkCanBeWrapped(schema, block) {\n    const parentContext = schema.createContext(block.parent);\n    // Is block exception allowed in parent of block.\n    if (!schema.checkChild(parentContext, 'restrictedEditingException')) {\n        return false;\n    }\n    // Is block allowed inside block exception.\n    if (!schema.checkChild(parentContext.push('restrictedEditingException'), block)) {\n        return false;\n    }\n    return true;\n}\n\n/**\n * The command that toggles exceptions from the restricted editing on text or on blocks.\n */ class RestrictedEditingExceptionAutoCommand extends Command {\n    /**\n\t * The inline exception command.\n\t */ _inlineCommand;\n    /**\n\t * The block exception command.\n\t */ _blockCommand;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._inlineCommand = editor.commands.get('restrictedEditingException');\n        this._blockCommand = editor.commands.get('restrictedEditingExceptionBlock');\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        this.value = this._inlineCommand.value || this._blockCommand.value;\n        this.isEnabled = this._inlineCommand.isEnabled || this._blockCommand.isEnabled;\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const editor = this.editor;\n        // Selection is inside an inline exception.\n        if (this._inlineCommand.value) {\n            editor.execute('restrictedEditingException');\n        } else if (this._blockCommand.value) {\n            editor.execute('restrictedEditingExceptionBlock');\n        } else if (this._inlineCommand.isEnabled && !this._blockCommand.isEnabled) {\n            editor.execute('restrictedEditingException');\n        } else if (this._blockCommand.isEnabled && !this._inlineCommand.isEnabled) {\n            editor.execute('restrictedEditingExceptionBlock');\n        } else {\n            const schema = editor.model.schema;\n            const selection = editor.model.document.selection;\n            const selectedElement = selection.getSelectedElement();\n            if (selection.isCollapsed || selectedElement && schema.isObject(selectedElement) && schema.isBlock(selectedElement) || count(selection.getSelectedBlocks()) > 1) {\n                editor.execute('restrictedEditingExceptionBlock');\n            } else {\n                editor.execute('restrictedEditingException');\n            }\n        }\n    }\n}\n\n/**\n * The standard editing mode editing feature.\n *\n * * It introduces the `restrictedEditingException` text attribute that is rendered as\n * a `<span>` element with the `restricted-editing-exception` CSS class.\n * * It registers the `'restrictedEditingException'` command.\n */ class StandardEditingModeEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'StandardEditingModeEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        schema.extend('$text', {\n            allowAttributes: [\n                'restrictedEditingException'\n            ]\n        });\n        schema.register('restrictedEditingException', {\n            allowWhere: '$container',\n            allowContentOf: '$container'\n        });\n        // Don't allow nesting of block exceptions.\n        schema.addChildCheck((context)=>{\n            for (const item of context){\n                if (item.name == 'restrictedEditingException') {\n                    return false;\n                }\n            }\n        }, 'restrictedEditingException');\n        // Don't allow nesting inline exceptions inside block exceptions.\n        schema.addAttributeCheck((context)=>{\n            for (const item of context){\n                if (item.name == 'restrictedEditingException') {\n                    return false;\n                }\n            }\n        }, 'restrictedEditingException');\n        // Post-fixer to ensure proper structure.\n        editor.model.document.registerPostFixer((writer)=>{\n            const changes = editor.model.document.differ.getChanges();\n            const unwrap = new Set();\n            const remove = new Set();\n            const merge = new Set();\n            let changed = false;\n            for (const entry of changes){\n                if (entry.type == 'insert') {\n                    const range = writer.createRange(entry.position, entry.position.getShiftedBy(entry.length));\n                    for (const child of range.getItems()){\n                        if (child.is('element', 'restrictedEditingException')) {\n                            // Make sure that block exception is not nested or added in invalid place.\n                            if (!schema.checkChild(writer.createPositionBefore(child), child)) {\n                                unwrap.add(child);\n                            } else if (child.isEmpty) {\n                                remove.add(child);\n                            } else {\n                                merge.add(child);\n                            }\n                        } else if (child.is('$textProxy') && child.hasAttribute('restrictedEditingException') && !schema.checkAttribute(child, 'restrictedEditingException')) {\n                            writer.removeAttribute('restrictedEditingException', child);\n                            changed = true;\n                        }\n                    }\n                } else if (entry.type == 'remove') {\n                    const parent = entry.position.parent;\n                    if (parent.is('element', 'restrictedEditingException') && parent.isEmpty) {\n                        remove.add(parent);\n                    }\n                    // Verify if some block exceptions are siblings now after element removed between.\n                    for (const child of parent.getChildren()){\n                        if (child.is('element', 'restrictedEditingException')) {\n                            merge.add(child);\n                        }\n                    }\n                }\n            }\n            for (const child of unwrap){\n                writer.unwrap(child);\n                changed = true;\n            }\n            for (const child of remove){\n                writer.remove(child);\n                changed = true;\n            }\n            for (const child of merge){\n                if (child.root.rootName == '$graveyard') {\n                    continue;\n                }\n                const nodeBefore = child.previousSibling;\n                const nodeAfter = child.nextSibling;\n                if (nodeBefore && nodeBefore.is('element', 'restrictedEditingException')) {\n                    writer.merge(writer.createPositionBefore(child));\n                }\n                if (nodeAfter && nodeAfter.is('element', 'restrictedEditingException')) {\n                    writer.merge(writer.createPositionAfter(child));\n                }\n            }\n            return changed;\n        });\n        editor.conversion.for('upcast').elementToAttribute({\n            model: 'restrictedEditingException',\n            view: {\n                name: 'span',\n                classes: 'restricted-editing-exception'\n            }\n        }).elementToElement({\n            model: 'restrictedEditingException',\n            view: {\n                name: 'div',\n                classes: 'restricted-editing-exception'\n            }\n        });\n        registerFallbackUpcastConverter(editor);\n        editor.conversion.for('downcast').attributeToElement({\n            model: 'restrictedEditingException',\n            view: (modelAttributeValue, { writer })=>{\n                if (modelAttributeValue) {\n                    // Make the restricted editing <span> outer-most in the view.\n                    return writer.createAttributeElement('span', {\n                        class: 'restricted-editing-exception'\n                    }, {\n                        priority: -10\n                    });\n                }\n            }\n        }).elementToElement({\n            model: 'restrictedEditingException',\n            view: {\n                name: 'div',\n                classes: 'restricted-editing-exception'\n            }\n        });\n        editor.commands.add('restrictedEditingException', new RestrictedEditingExceptionCommand(editor));\n        editor.commands.add('restrictedEditingExceptionBlock', new RestrictedEditingExceptionBlockCommand(editor));\n        editor.commands.add('restrictedEditingExceptionAuto', new RestrictedEditingExceptionAutoCommand(editor));\n        editor.editing.view.change((writer)=>{\n            for (const root of editor.editing.view.document.roots){\n                writer.addClass('ck-restricted-editing_mode_standard', root);\n            }\n        });\n    }\n}\n/**\n * Fallback upcast converter for empty exception span inside a table cell.\n */ function registerFallbackUpcastConverter(editor) {\n    const matcher = new Matcher({\n        name: 'span',\n        classes: 'restricted-editing-exception'\n    });\n    // See: https://github.com/ckeditor/ckeditor5/issues/16376.\n    editor.conversion.for('upcast').add((dispatcher)=>dispatcher.on('element:span', (evt, data, conversionApi)=>{\n            const matcherResult = matcher.match(data.viewItem);\n            if (!matcherResult) {\n                return;\n            }\n            const match = matcherResult.match;\n            if (!conversionApi.consumable.test(data.viewItem, match)) {\n                return;\n            }\n            const modelText = conversionApi.writer.createText(' ', {\n                restrictedEditingException: true\n            });\n            if (!conversionApi.safeInsert(modelText, data.modelCursor)) {\n                return;\n            }\n            conversionApi.consumable.consume(data.viewItem, match);\n            data.modelRange = conversionApi.writer.createRange(data.modelCursor, data.modelCursor.getShiftedBy(modelText.offsetSize));\n            data.modelCursor = data.modelRange.end;\n        }, {\n            priority: 'low'\n        }));\n}\n\n/**\n * The standard editing mode UI feature.\n *\n * It introduces the `'restrictedEditingException'` button that marks text as unrestricted for editing.\n */ class StandardEditingModeUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'StandardEditingModeUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const componentFactory = editor.ui.componentFactory;\n        // Dropdown button with inline/block buttons.\n        componentFactory.add('restrictedEditingException:dropdown', (locale)=>{\n            const dropdownView = createDropdown(locale);\n            const t = locale.t;\n            const buttons = [\n                componentFactory.create('restrictedEditingException:inline'),\n                componentFactory.create('restrictedEditingException:block')\n            ];\n            for (const button of buttons){\n                button.set({\n                    withText: true,\n                    tooltip: false\n                });\n            }\n            addToolbarToDropdown(dropdownView, buttons, {\n                enableActiveItemFocusOnDropdownOpen: true,\n                isVertical: true,\n                ariaLabel: t('Enable editing')\n            });\n            dropdownView.buttonView.set({\n                label: t('Enable editing'),\n                icon: IconContentUnlock,\n                tooltip: true\n            });\n            dropdownView.extendTemplate({\n                attributes: {\n                    class: 'ck-restricted-editing-dropdown'\n                }\n            });\n            // Enable button if any of the buttons is enabled.\n            dropdownView.bind('isEnabled').toMany(buttons, 'isEnabled', (...areEnabled)=>{\n                return areEnabled.some((isEnabled)=>isEnabled);\n            });\n            // Focus the editable after executing the command.\n            this.listenTo(dropdownView, 'execute', ()=>{\n                editor.editing.view.focus();\n            });\n            return dropdownView;\n        });\n        // Inline exception button.\n        componentFactory.add('restrictedEditingException:inline', ()=>{\n            const button = this._createButton('restrictedEditingException', ButtonView);\n            button.set({\n                tooltip: true\n            });\n            return button;\n        });\n        // Block exception button.\n        componentFactory.add('restrictedEditingException:block', ()=>{\n            const button = this._createButton('restrictedEditingExceptionBlock', ButtonView);\n            button.set({\n                tooltip: true\n            });\n            return button;\n        });\n        // Menu bar inline/block buttons.\n        componentFactory.add('menuBar:restrictedEditingException:inline', ()=>{\n            return this._createButton('restrictedEditingException', MenuBarMenuListItemButtonView);\n        });\n        componentFactory.add('menuBar:restrictedEditingException:block', ()=>{\n            return this._createButton('restrictedEditingExceptionBlock', MenuBarMenuListItemButtonView);\n        });\n        // Auto button - triggers inline or block exception command.\n        componentFactory.add('restrictedEditingException:auto', ()=>{\n            const button = this._createButton('restrictedEditingExceptionAuto', ButtonView);\n            button.set({\n                tooltip: true\n            });\n            return button;\n        });\n        componentFactory.add('menuBar:restrictedEditingException:auto', ()=>{\n            return this._createButton('restrictedEditingExceptionAuto', MenuBarMenuListItemButtonView);\n        });\n        // Aliases for backward compatibility.\n        componentFactory.add('restrictedEditingException', ()=>{\n            return componentFactory.create('restrictedEditingException:inline');\n        });\n        componentFactory.add('menuBar:restrictedEditingException', ()=>{\n            return componentFactory.create('menuBar:restrictedEditingException:inline');\n        });\n    }\n    /**\n\t * Creates a button for restricted editing exception command to use either in toolbar or in menu bar.\n\t */ _createButton(commandName, ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = this.editor.commands.get(commandName);\n        const view = new ButtonClass(locale);\n        const t = locale.t;\n        view.icon = IconContentUnlock;\n        view.isToggleable = true;\n        view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');\n        if (commandName == 'restrictedEditingExceptionAuto') {\n            view.bind('label').to(command, 'value', (value)=>{\n                return value ? t('Disable editing') : t('Enable editing');\n            });\n        } else if (commandName == 'restrictedEditingExceptionBlock') {\n            view.bind('label').to(command, 'value', (value)=>{\n                return value ? t('Disable block editing') : t('Enable block editing');\n            });\n        } else {\n            view.bind('label').to(command, 'value', (value)=>{\n                return value ? t('Disable inline editing') : t('Enable inline editing');\n            });\n        }\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute(commandName);\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The standard editing mode plugin.\n *\n * This is a \"glue\" plugin that loads the following plugins:\n *\n * * The {@link module:restricted-editing/standardeditingmodeediting~StandardEditingModeEditing standard mode editing feature}.\n * * The {@link module:restricted-editing/standardeditingmodeui~StandardEditingModeUI standard mode UI feature}.\n */ class StandardEditingMode extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'StandardEditingMode';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    static get requires() {\n        return [\n            StandardEditingModeEditing,\n            StandardEditingModeUI\n        ];\n    }\n}\n\nexport { RestrictedEditingExceptionAutoCommand, RestrictedEditingExceptionBlockCommand, RestrictedEditingExceptionCommand, RestrictedEditingMode, RestrictedEditingModeEditing, RestrictedEditingModeNavigationCommand, RestrictedEditingModeUI, StandardEditingMode, StandardEditingModeEditing, StandardEditingModeUI, extendMarkerOnTypingPostFixer as _extendRestrictedEditingMarkerOnTypingPostFixer, getMarkerAtPosition as _getRestrictedEditingMarkerAtPosition, isPositionInRangeBoundaries as _isRestrictedEditingPositionInRangeBoundaries, isSelectionInMarker as _isRestrictedEditingSelectionInMarker, resurrectCollapsedMarkerPostFixer as _resurrectRestrictedEditingCollapsedMarkerPostFixer, setupExceptionHighlighting as _setupRestrictedEditingExceptionHighlighting, upcastHighlightToMarker as _upcastRestrictedEditingHighlightToMarker };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type { ModelDocumentSelection, Marker, ModelPosition, ModelRange, Model } from 'ckeditor5/src/engine.js';\n\n/**\n * @module restricted-editing/restrictededitingmode/utils\n */\n\n/**\n * Returns a single \"restricted-editing-exception\" marker at a given position. Contrary to\n * {@link module:engine/model/markercollection~MarkerCollection#getMarkersAtPosition}, it returnd a marker also when the postion is\n * equal to one of the marker's start or end positions.\n *\n * @internal\n */\nexport function getMarkerAtPosition( editor: Editor, position: ModelPosition ): Marker | undefined {\n\tfor ( const marker of editor.model.markers ) {\n\t\tconst markerRange = getExceptionRange( marker, editor.model );\n\n\t\tif ( isPositionInRangeBoundaries( markerRange, position ) ) {\n\t\t\tif ( marker.name.startsWith( 'restrictedEditingException:' ) ) {\n\t\t\t\treturn marker;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Checks if the position is fully contained in the range. Positions equal to range start or end are considered \"in\".\n *\n * @internal\n */\nexport function isPositionInRangeBoundaries( range: ModelRange, position: ModelPosition ): boolean {\n\treturn (\n\t\trange.containsPosition( position ) ||\n\t\trange.end.isEqual( position ) ||\n\t\trange.start.isEqual( position )\n\t);\n}\n\n/**\n * Checks if the selection is fully contained in the marker. Positions on marker boundaries are considered \"in\".\n *\n * ```xml\n * <marker>[]foo</marker> -> true\n * <marker>f[oo]</marker> -> true\n * <marker>f[oo</marker> ba]r -> false\n * <marker>foo</marker> []bar -> false\n * ```\n *\n * @internal\n */\nexport function isSelectionInMarker( selection: ModelDocumentSelection, model: Model, marker?: Marker ): boolean {\n\tif ( !marker ) {\n\t\treturn false;\n\t}\n\n\tconst markerRange = getExceptionRange( marker, model );\n\n\tif ( selection.isCollapsed ) {\n\t\treturn isPositionInRangeBoundaries( markerRange, selection.focus! );\n\t}\n\n\treturn markerRange.containsRange( selection.getFirstRange()!, true );\n}\n\n/**\n * Returns the marker range asjusted to the inside of exception wrapper element if needed.\n *\n * @internal\n */\nexport function getExceptionRange( marker: Marker, model: Model ): ModelRange {\n\tconst markerRange = marker.getRange();\n\tconst wrapperElement = markerRange.getContainedElement();\n\n\tif ( wrapperElement && wrapperElement.is( 'element', 'restrictedEditingException' ) ) {\n\t\treturn model.createRangeIn( wrapperElement );\n\t}\n\n\treturn markerRange;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/restrictededitingmodenavigationcommand\n */\n\nimport type { Model, ModelRange } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { getExceptionRange } from './restrictededitingmode/utils.js';\n\n/**\n * The command that allows navigation across the exceptions in the edited document.\n */\nexport class RestrictedEditingModeNavigationCommand extends Command {\n\t/**\n\t * The direction of the command.\n\t */\n\tprivate _direction: RestrictedEditingModeNavigationDirection;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor The editor instance.\n\t * @param direction The direction that the command works.\n\t */\n\tconstructor( editor: Editor, direction: RestrictedEditingModeNavigationDirection ) {\n\t\tsuper( editor );\n\n\t\t// It does not affect data so should be enabled in read-only mode and in restricted editing mode.\n\t\tthis.affectsData = false;\n\t\tthis._direction = direction;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst position = getNearestExceptionRange( this.editor.model, this._direction );\n\n\t\tif ( !position ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.editor.model.change( writer => {\n\t\t\twriter.setSelection( position );\n\t\t} );\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled(): boolean {\n\t\treturn !!getNearestExceptionRange( this.editor.model, this._direction );\n\t}\n}\n\n/**\n * Returns the range of the exception marker closest to the last position of the model selection.\n */\nfunction getNearestExceptionRange( model: Model, direction: RestrictedEditingModeNavigationDirection ): ModelRange | undefined {\n\tconst selection = model.document.selection;\n\tconst selectionPosition = selection.getFirstPosition()!;\n\tconst markerRanges = [];\n\n\t// Get all exception marker positions that start after/before the selection position.\n\tfor ( const marker of model.markers.getMarkersGroup( 'restrictedEditingException' ) ) {\n\t\tconst markerRange = getExceptionRange( marker, model );\n\n\t\t// Checking parent because there two positions <paragraph>foo^</paragraph><paragraph>^bar</paragraph>\n\t\t// are touching but they will represent different markers.\n\t\tconst isMarkerRangeTouching =\n\t\t\tselectionPosition.isTouching( markerRange.start ) && selectionPosition.hasSameParentAs( markerRange.start ) ||\n\t\t\tselectionPosition.isTouching( markerRange.end ) && selectionPosition.hasSameParentAs( markerRange.end );\n\n\t\t// <paragraph>foo <marker≥b[]ar</marker> baz</paragraph>\n\t\t// <paragraph>foo <marker≥b[ar</marker> ba]z</paragraph>\n\t\t// <paragraph>foo <marker≥bar</marker>[] baz</paragraph>\n\t\t// <paragraph>foo []<marker≥bar</marker> baz</paragraph>\n\t\tif ( markerRange.containsPosition( selectionPosition ) || isMarkerRangeTouching ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tif ( direction === 'forward' && markerRange.start.isAfter( selectionPosition ) ) {\n\t\t\tmarkerRanges.push( markerRange );\n\t\t} else if ( direction === 'backward' && markerRange.end.isBefore( selectionPosition ) ) {\n\t\t\tmarkerRanges.push( markerRange );\n\t\t}\n\t}\n\n\tif ( !markerRanges.length ) {\n\t\treturn;\n\t}\n\n\t// Get the marker closest to the selection position among many. To know that, we need to sort\n\t// them first.\n\treturn markerRanges\n\t\t.sort( ( rangeA, rangeB ) => {\n\t\t\tif ( direction === 'forward' ) {\n\t\t\t\treturn rangeA.start.isAfter( rangeB.start ) ? 1 : -1;\n\t\t\t} else {\n\t\t\t\treturn rangeA.start.isBefore( rangeB.start ) ? 1 : -1;\n\t\t\t}\n\t\t} )\n\t\t.shift();\n}\n\n/**\n * Directions in which the\n * {@link module:restricted-editing/restrictededitingmodenavigationcommand~RestrictedEditingModeNavigationCommand} can work.\n */\nexport type RestrictedEditingModeNavigationDirection = 'forward' | 'backward';\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/restrictededitingmode/converters\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport {\n\tMatcher,\n\ttype ViewDowncastWriter,\n\ttype MatcherPattern,\n\ttype ModelPostFixer,\n\ttype ModelPosition,\n\ttype UpcastDispatcher,\n\ttype ModelWriter,\n\ttype ViewElement\n} from 'ckeditor5/src/engine.js';\n\nimport { getMarkerAtPosition } from './utils.js';\n\nconst HIGHLIGHT_CLASS = 'restricted-editing-exception_selected';\n\n/**\n * Adds a visual highlight style to a restricted editing exception that the selection is anchored to.\n *\n * The highlight is turned on by adding the `.restricted-editing-exception_selected` class to the\n * exception in the view:\n *\n * * The class is removed before the conversion starts, as callbacks added with the `'highest'` priority\n * to {@link module:engine/conversion/downcastdispatcher~DowncastDispatcher} events.\n * * The class is added in the view post-fixer, after other changes in the model tree are converted to the view.\n *\n * This way, adding and removing the highlight does not interfere with conversion.\n *\n * @internal\n */\nexport function setupExceptionHighlighting( editor: Editor ): void {\n\tconst view = editor.editing.view;\n\tconst model = editor.model;\n\tconst highlightedMarkers = new Set<ViewElement>();\n\n\t// Adding the class.\n\tview.document.registerPostFixer( ( writer: ViewDowncastWriter ): boolean => {\n\t\tconst modelSelection = model.document.selection;\n\n\t\tconst marker = getMarkerAtPosition( editor, modelSelection.anchor! );\n\n\t\tif ( !marker ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst modelWrapperElement = marker.getRange().getContainedElement();\n\n\t\tif ( modelWrapperElement && modelWrapperElement.is( 'element', 'restrictedEditingException' ) ) {\n\t\t\tconst viewElement = editor.editing.mapper.toViewElement( modelWrapperElement )!;\n\n\t\t\twriter.addClass( HIGHLIGHT_CLASS, viewElement );\n\t\t\thighlightedMarkers.add( viewElement );\n\t\t} else {\n\t\t\tfor ( const viewElement of editor.editing.mapper.markerNameToElements( marker.name )! ) {\n\t\t\t\twriter.addClass( HIGHLIGHT_CLASS, viewElement );\n\t\t\t\thighlightedMarkers.add( viewElement );\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t} );\n\n\t// Removing the class.\n\teditor.conversion.for( 'editingDowncast' ).add( dispatcher => {\n\t\t// Make sure the highlight is removed on every possible event, before conversion is started.\n\t\tdispatcher.on( 'insert', removeHighlight, { priority: 'highest' } );\n\t\tdispatcher.on( 'remove', removeHighlight, { priority: 'highest' } );\n\t\tdispatcher.on( 'attribute', removeHighlight, { priority: 'highest' } );\n\t\tdispatcher.on( 'cleanSelection', removeHighlight );\n\n\t\tfunction removeHighlight() {\n\t\t\tview.change( writer => {\n\t\t\t\tfor ( const item of highlightedMarkers.values() ) {\n\t\t\t\t\twriter.removeClass( HIGHLIGHT_CLASS, item );\n\t\t\t\t\thighlightedMarkers.delete( item );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t} );\n}\n\n/**\n * A post-fixer that prevents removing a collapsed marker from the document.\n *\n * @internal\n */\nexport function resurrectCollapsedMarkerPostFixer( editor: Editor ): ModelPostFixer {\n\t// This post-fixer shouldn't be necessary after https://github.com/ckeditor/ckeditor5/issues/5778.\n\treturn writer => {\n\t\tlet changeApplied = false;\n\n\t\tfor ( const { name, data } of editor.model.document.differ.getChangedMarkers() ) {\n\t\t\tif ( name.startsWith( 'restrictedEditingException' ) && data.newRange && data.newRange.root.rootName == '$graveyard' ) {\n\t\t\t\twriter.updateMarker( name, {\n\t\t\t\t\trange: writer.createRange( writer.createPositionAt( data.oldRange!.start ) )\n\t\t\t\t} );\n\n\t\t\t\tchangeApplied = true;\n\t\t\t}\n\t\t}\n\n\t\treturn changeApplied;\n\t};\n}\n\n/**\n * A post-fixer that extends a marker when the user types on its boundaries.\n *\n * @internal\n */\nexport function extendMarkerOnTypingPostFixer( editor: Editor ): ModelPostFixer {\n\t// This post-fixer shouldn't be necessary after https://github.com/ckeditor/ckeditor5/issues/5778.\n\treturn writer => {\n\t\tlet changeApplied = false;\n\t\tconst schema = editor.model.schema;\n\n\t\tfor ( const change of editor.model.document.differ.getChanges() ) {\n\t\t\tif ( change.type == 'insert' && schema.checkChild( '$block', change.name ) ) {\n\t\t\t\tchangeApplied = _tryExtendMarkerStart( editor, change.position, change.length, writer ) || changeApplied;\n\t\t\t\tchangeApplied = _tryExtendMarkedEnd( editor, change.position, change.length, writer ) || changeApplied;\n\t\t\t}\n\t\t}\n\n\t\treturn changeApplied;\n\t};\n}\n\n/**\n * A view highlight-to-marker conversion helper.\n *\n * @param config Conversion configuration.\n * @internal\n */\nexport function upcastHighlightToMarker( config: { view: MatcherPattern; model: () => string; useWrapperElement?: boolean } ) {\n\treturn ( dispatcher: UpcastDispatcher ): void => dispatcher.on( 'element', ( evt, data, conversionApi ) => {\n\t\tconst { writer } = conversionApi;\n\n\t\tconst matcher = new Matcher( config.view );\n\t\tconst matcherResult = matcher.match( data.viewItem );\n\n\t\t// If there is no match, this callback should not do anything.\n\t\tif ( !matcherResult ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst match = matcherResult.match;\n\n\t\t// Force consuming element's name (taken from upcast helpers elementToElement converter).\n\t\tmatch.name = true;\n\n\t\tif ( !conversionApi.consumable.test( data.viewItem, match ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet position = data.modelCursor;\n\t\tlet wrapperElement = null;\n\n\t\tif ( config.useWrapperElement ) {\n\t\t\tif ( !conversionApi.schema.checkChild( position, 'restrictedEditingException' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\twrapperElement = writer.createElement( 'restrictedEditingException' );\n\t\t\twriter.insert( wrapperElement, position );\n\t\t\tposition = writer.createPositionAt( wrapperElement, 0 );\n\t\t}\n\n\t\tconst { modelRange: convertedChildrenRange } = conversionApi.convertChildren( data.viewItem, position );\n\n\t\tconversionApi.consumable.consume( data.viewItem, match );\n\n\t\tconst markerName = config.model();\n\t\tconst fakeMarkerStart = writer.createElement( '$marker', { 'data-name': markerName } );\n\t\tconst fakeMarkerEnd = writer.createElement( '$marker', { 'data-name': markerName } );\n\n\t\tif ( wrapperElement ) {\n\t\t\twriter.insert( fakeMarkerStart, writer.createPositionBefore( wrapperElement ) );\n\t\t\twriter.insert( fakeMarkerEnd, writer.createPositionAfter( wrapperElement ) );\n\t\t} else {\n\t\t\t// Insert in reverse order to use converter content positions directly (without recalculating).\n\t\t\twriter.insert( fakeMarkerEnd, convertedChildrenRange.end );\n\t\t\twriter.insert( fakeMarkerStart, convertedChildrenRange.start );\n\t\t}\n\n\t\tdata.modelRange = writer.createRange(\n\t\t\twriter.createPositionBefore( fakeMarkerStart ),\n\t\t\twriter.createPositionAfter( fakeMarkerEnd )\n\t\t);\n\t\tdata.modelCursor = data.modelRange.end;\n\t} );\n}\n\n/**\n * Extend marker if change detected on marker's start position.\n */\nfunction _tryExtendMarkerStart( editor: Editor, position: ModelPosition, length: number, writer: ModelWriter ): boolean {\n\tconst markerAtStart = getMarkerAtPosition( editor, position.getShiftedBy( length ) );\n\n\tif ( markerAtStart && markerAtStart.getStart().isEqual( position.getShiftedBy( length ) ) ) {\n\t\twriter.updateMarker( markerAtStart, {\n\t\t\trange: writer.createRange( markerAtStart.getStart().getShiftedBy( -length ), markerAtStart.getEnd() )\n\t\t} );\n\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Extend marker if change detected on marker's end position.\n */\nfunction _tryExtendMarkedEnd( editor: Editor, position: ModelPosition, length: number, writer: ModelWriter ): boolean {\n\tconst markerAtEnd = getMarkerAtPosition( editor, position );\n\n\tif ( markerAtEnd && markerAtEnd.getEnd().isEqual( position ) ) {\n\t\twriter.updateMarker( markerAtEnd, {\n\t\t\trange: writer.createRange( markerAtEnd.getStart(), markerAtEnd.getEnd().getShiftedBy( length ) )\n\t\t} );\n\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/restrictededitingmodeediting\n */\n\nimport {\n\tPlugin,\n\ttype Command,\n\ttype Editor\n} from 'ckeditor5/src/core.js';\n\nimport type {\n\tModelDocumentSelection,\n\tMarker,\n\tDowncastAddMarkerEvent,\n\tModelDeleteContentEvent,\n\tModelPostFixer,\n\tModelRange,\n\tViewDocumentTabEvent,\n\tViewDocumentKeyDownEvent,\n\tViewDocumentKeyEventData\n} from 'ckeditor5/src/engine.js';\n\nimport {\n\tgetCode,\n\tparseKeystroke,\n\ttype BaseEvent,\n\ttype EventInfo,\n\ttype GetCallback\n} from 'ckeditor5/src/utils.js';\n\nimport type {\n\tInsertTextCommand,\n\tInsertTextCommandExecuteEvent\n} from 'ckeditor5/src/typing.js';\n\nimport type {\n\tClipboardContentInsertionEvent,\n\tViewDocumentClipboardOutputEvent,\n\tClipboardPipeline\n} from 'ckeditor5/src/clipboard.js';\n\nimport { RestrictedEditingModeNavigationCommand } from './restrictededitingmodenavigationcommand.js';\nimport type { RestrictedEditingConfig } from './restrictededitingconfig.js';\n\nimport {\n\tgetMarkerAtPosition,\n\tisSelectionInMarker,\n\tgetExceptionRange\n} from './restrictededitingmode/utils.js';\n\nimport {\n\textendMarkerOnTypingPostFixer,\n\tresurrectCollapsedMarkerPostFixer,\n\tsetupExceptionHighlighting,\n\tupcastHighlightToMarker\n} from './restrictededitingmode/converters.js';\n\nconst COMMAND_FORCE_DISABLE_ID = 'RestrictedEditingMode';\n\n/**\n * The restricted editing mode editing feature.\n *\n * * It introduces the exception marker group that renders to `<span>` elements with the `restricted-editing-exception` CSS class.\n * * It registers the `'goToPreviousRestrictedEditingException'` and `'goToNextRestrictedEditingException'` commands.\n * * It also enables highlighting exception markers that are selected.\n */\nexport class RestrictedEditingModeEditing extends Plugin {\n\t/**\n\t * Command names that are enabled outside the non-restricted regions.\n\t */\n\tprivate _alwaysEnabled: Set<string>;\n\n\t/**\n\t * Commands allowed in non-restricted areas.\n\t *\n\t * Commands always enabled combine typing feature commands: `'input'`, `'insertText'`, `'delete'`, and `'deleteForward'` with\n\t * commands defined in the feature configuration.\n\t */\n\tprivate _allowedInException: Set<string>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'RestrictedEditingModeEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'RED';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'restrictedEditing', {\n\t\t\tallowedCommands: [ 'bold', 'italic', 'link', 'unlink' ],\n\t\t\tallowedAttributes: [ 'bold', 'italic', 'linkHref' ]\n\t\t} );\n\n\t\tthis._alwaysEnabled = new Set( [ 'undo', 'redo' ] );\n\t\tthis._allowedInException = new Set( [ 'input', 'insertText', 'delete', 'deleteForward' ] );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst allowedCommands: RestrictedEditingConfig['allowedCommands'] = editor.config.get( 'restrictedEditing.allowedCommands' )!;\n\n\t\tallowedCommands.forEach( commandName => this._allowedInException.add( commandName ) );\n\n\t\tthis._setupSchema();\n\t\tthis._setupConversion();\n\t\tthis._setupCommandsToggling();\n\t\tthis._setupRestrictions();\n\n\t\t// Commands & keystrokes that allow navigation in the content.\n\t\teditor.commands.add(\n\t\t\t'goToPreviousRestrictedEditingException',\n\t\t\tnew RestrictedEditingModeNavigationCommand( editor, 'backward' )\n\t\t);\n\n\t\teditor.commands.add(\n\t\t\t'goToNextRestrictedEditingException',\n\t\t\tnew RestrictedEditingModeNavigationCommand( editor, 'forward' )\n\t\t);\n\n\t\tthis.listenTo<ViewDocumentTabEvent>( editingView.document, 'tab', ( evt, data ) => {\n\t\t\tconst commandName = !data.shiftKey ? 'goToNextRestrictedEditingException' : 'goToPreviousRestrictedEditingException';\n\t\t\tconst command: Command = editor.commands.get( commandName )!;\n\n\t\t\tif ( command.isEnabled ) {\n\t\t\t\teditor.execute( commandName );\n\n\t\t\t\t// Stop the event in the DOM: no listener in the web page will be triggered by this event.\n\t\t\t\tdata.preventDefault();\n\t\t\t\tdata.stopPropagation();\n\t\t\t}\n\n\t\t\t// Stop the event bubbling in the editor: no more callbacks will be executed for this keystroke.\n\t\t\tevt.stop();\n\t\t}, { context: '$capture' } );\n\n\t\tthis.listenTo<ViewDocumentKeyDownEvent>( editingView.document, 'keydown', getSelectAllHandler( editor ), { priority: 'high' } );\n\n\t\teditingView.change( writer => {\n\t\t\tfor ( const root of editingView.document.roots ) {\n\t\t\t\twriter.addClass( 'ck-restricted-editing_mode_restricted', root );\n\t\t\t}\n\t\t} );\n\n\t\t// Remove existing restricted editing markers when setting new data to prevent marker resurrection.\n\t\t// Without this, markers from removed content would be incorrectly restored due to the resurrection mechanism.\n\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/9646#issuecomment-843064995\n\t\teditor.data.on( 'set', () => {\n\t\t\teditor.model.change( writer => {\n\t\t\t\tfor ( const marker of editor.model.markers.getMarkersGroup( 'restrictedEditingException' ) ) {\n\t\t\t\t\twriter.removeMarker( marker.name );\n\t\t\t\t}\n\t\t\t} );\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Makes the given command always enabled in the restricted editing mode (regardless\n\t * of selection location).\n\t *\n\t * To enable some commands in non-restricted areas of the content use\n\t * {@link module:restricted-editing/restrictededitingconfig~RestrictedEditingConfig#allowedCommands} configuration option.\n\t *\n\t * @param commandName Name of the command to enable.\n\t */\n\tpublic enableCommand( commandName: string ): void {\n\t\tconst command: Command = this.editor.commands.get( commandName )!;\n\n\t\tcommand.clearForceDisabled( COMMAND_FORCE_DISABLE_ID );\n\n\t\tthis._alwaysEnabled.add( commandName );\n\t}\n\n\t/**\n\t * Registers block exception wrapper in the schema.\n\t */\n\tprivate _setupSchema(): void {\n\t\tconst schema = this.editor.model.schema;\n\n\t\tschema.register( 'restrictedEditingException', {\n\t\t\tallowWhere: '$block',\n\t\t\tallowContentOf: '$container',\n\t\t\tisLimit: true\n\t\t} );\n\t}\n\n\t/**\n\t * Sets up the restricted mode editing conversion:\n\t *\n\t * * ucpast & downcast converters,\n\t * * marker highlighting in the edting area,\n\t * * marker post-fixers.\n\t */\n\tprivate _setupConversion(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst doc = model.document;\n\n\t\t// The restricted editing does not attach additional data to the zones so there's no need for smarter markers managing.\n\t\t// Also, the markers will only be created when loading the data.\n\t\tlet markerNumber = 0;\n\n\t\teditor.conversion.for( 'upcast' ).add( upcastHighlightToMarker( {\n\t\t\tview: {\n\t\t\t\tname: 'span',\n\t\t\t\tclasses: 'restricted-editing-exception'\n\t\t\t},\n\t\t\tmodel: () => {\n\t\t\t\tmarkerNumber++; // Starting from restrictedEditingException:1 marker.\n\n\t\t\t\treturn `restrictedEditingException:inline:${ markerNumber }`;\n\t\t\t}\n\t\t} ) );\n\n\t\teditor.conversion.for( 'upcast' ).add( upcastHighlightToMarker( {\n\t\t\tview: {\n\t\t\t\tname: 'div',\n\t\t\t\tclasses: 'restricted-editing-exception'\n\t\t\t},\n\t\t\tmodel: () => {\n\t\t\t\tmarkerNumber++; // Starting from restrictedEditingException:1 marker.\n\n\t\t\t\treturn `restrictedEditingException:block:${ markerNumber }`;\n\t\t\t},\n\t\t\tuseWrapperElement: true\n\t\t} ) );\n\n\t\t// Block exception wrapper.\n\t\teditor.conversion.for( 'downcast' ).elementToElement( {\n\t\t\tmodel: 'restrictedEditingException',\n\t\t\tview: {\n\t\t\t\tname: 'div',\n\t\t\t\tclasses: 'restricted-editing-exception'\n\t\t\t}\n\t\t} );\n\n\t\t// Currently the marker helpers are tied to other use-cases and do not render a collapsed marker as highlight.\n\t\t// Also, markerToHighlight cannot convert marker on an inline object. It handles only text and widgets,\n\t\t// but it is not a case in the data pipeline. That's why there are 3 downcast converters for them:\n\t\t//\n\t\t// 1. The custom inline item (text or inline object) converter (but not the selection).\n\t\teditor.conversion.for( 'downcast' ).add( dispatcher => {\n\t\t\tdispatcher.on<DowncastAddMarkerEvent>( 'addMarker:restrictedEditingException:inline', ( evt, data, conversionApi ): void => {\n\t\t\t\t// Only convert per-item conversion.\n\t\t\t\tif ( !data.item ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Do not convert the selection or non-inline items.\n\t\t\t\tif ( data.item.is( 'selection' ) || !conversionApi.schema.isInline( data.item ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst viewWriter = conversionApi.writer;\n\t\t\t\tconst viewElement = viewWriter.createAttributeElement(\n\t\t\t\t\t'span',\n\t\t\t\t\t{\n\t\t\t\t\t\tclass: 'restricted-editing-exception'\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: data.markerName,\n\t\t\t\t\t\tpriority: -10\n\t\t\t\t\t}\n\t\t\t\t);\n\n\t\t\t\tconst viewRange = conversionApi.mapper.toViewRange( data.range! );\n\t\t\t\tconst rangeAfterWrap = viewWriter.wrap( viewRange, viewElement );\n\n\t\t\t\tfor ( const element of rangeAfterWrap.getItems() ) {\n\t\t\t\t\tif ( element.is( 'attributeElement' ) && element.isSimilar( viewElement ) ) {\n\t\t\t\t\t\tconversionApi.mapper.bindElementToMarker( element, data.markerName );\n\n\t\t\t\t\t\t// One attribute element is enough, because all of them are bound together by the view writer.\n\t\t\t\t\t\t// Mapper uses this binding to get all the elements no matter how many of them are registered in the mapper.\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\n\t\t// 2. The marker-to-highlight converter for the document selection.\n\t\teditor.conversion.for( 'downcast' ).markerToHighlight( {\n\t\t\tmodel: 'restrictedEditingException:inline',\n\t\t\t// Use callback to return new object every time new marker instance is created - otherwise it will be seen as the same marker.\n\t\t\tview: () => {\n\t\t\t\treturn {\n\t\t\t\t\tname: 'span',\n\t\t\t\t\tclasses: 'restricted-editing-exception',\n\t\t\t\t\tpriority: -10\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\t// 3. And for collapsed marker we need to render it as an element.\n\t\t// Additionally, the editing pipeline should always display a collapsed marker.\n\t\teditor.conversion.for( 'editingDowncast' ).markerToElement( {\n\t\t\tmodel: 'restrictedEditingException:inline',\n\t\t\tview: ( markerData, { writer } ) => {\n\t\t\t\treturn writer.createUIElement( 'span', {\n\t\t\t\t\tclass: 'restricted-editing-exception restricted-editing-exception_collapsed'\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\teditor.conversion.for( 'dataDowncast' ).markerToElement( {\n\t\t\tmodel: 'restrictedEditingException:inline',\n\t\t\tview: ( markerData, { writer } ) => {\n\t\t\t\treturn writer.createEmptyElement( 'span', {\n\t\t\t\t\tclass: 'restricted-editing-exception'\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\tdoc.registerPostFixer( extendMarkerOnTypingPostFixer( editor ) );\n\t\tdoc.registerPostFixer( resurrectCollapsedMarkerPostFixer( editor ) );\n\t\tdoc.registerPostFixer( ensureNewMarkerIsFlatPostFixer( editor ) );\n\n\t\tsetupExceptionHighlighting( editor );\n\t}\n\n\t/**\n\t * Setups additional editing restrictions beyond command toggling:\n\t *\n\t * * delete content range trimming\n\t * * disabling input command outside exception marker\n\t * * restricting clipboard holder to text only\n\t * * restricting text attributes in content\n\t */\n\tprivate _setupRestrictions() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst viewDoc = editor.editing.view.document;\n\t\tconst clipboard: ClipboardPipeline = editor.plugins.get( 'ClipboardPipeline' );\n\n\t\tthis.listenTo<ModelDeleteContentEvent>( model, 'deleteContent', restrictDeleteContent( editor ), { priority: 'high' } );\n\n\t\tconst insertTextCommand: InsertTextCommand | undefined = editor.commands.get( 'insertText' );\n\n\t\t// The restricted editing might be configured without insert text support - ie allow only bolding or removing text.\n\t\t// This check is bit synthetic since only tests are used this way.\n\t\tif ( insertTextCommand ) {\n\t\t\tthis.listenTo<InsertTextCommandExecuteEvent>(\n\t\t\t\tinsertTextCommand,\n\t\t\t\t'execute',\n\t\t\t\tdisallowInputExecForWrongRange( editor ),\n\t\t\t\t{ priority: 'high' }\n\t\t\t);\n\t\t}\n\n\t\t// Block clipboard outside exception marker on paste and drop.\n\t\tthis.listenTo<ClipboardContentInsertionEvent>( clipboard, 'contentInsertion', ( evt, data ) => {\n\t\t\tif ( !isRangeInsideSingleMarker( editor, selection.getFirstRange()! ) ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\n\t\t\tconst marker = getMarkerAtPosition( editor, selection.focus! );\n\n\t\t\t// Reduce content pasted into inline exception to text nodes only. Also strip not allowed attributes.\n\t\t\tif ( marker && marker.name.startsWith( 'restrictedEditingException:inline:' ) ) {\n\t\t\t\tconst allowedAttributes: Array<string> = editor.config.get( 'restrictedEditing.allowedAttributes' )!;\n\n\t\t\t\tmodel.change( writer => {\n\t\t\t\t\tconst content = writer.createDocumentFragment();\n\t\t\t\t\tconst textNodes = Array.from( writer.createRangeIn( data.content ).getItems() )\n\t\t\t\t\t\t.filter( node => node.is( '$textProxy' ) );\n\n\t\t\t\t\tfor ( const item of textNodes ) {\n\t\t\t\t\t\tfor ( const attr of item.getAttributeKeys() ) {\n\t\t\t\t\t\t\tif ( !allowedAttributes.includes( attr ) ) {\n\t\t\t\t\t\t\t\twriter.removeAttribute( attr, item );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\twriter.append( item, content );\n\t\t\t\t\t}\n\n\t\t\t\t\tdata.content = content;\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\t// Block clipboard outside exception marker on cut.\n\t\tthis.listenTo<ViewDocumentClipboardOutputEvent>( viewDoc, 'clipboardOutput', ( evt, data ) => {\n\t\t\tif ( data.method == 'cut' && !isRangeInsideSingleMarker( editor, selection.getFirstRange()! ) ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\t// Do not allow pasting/dropping block exception wrapper.\n\t\tmodel.schema.addChildCheck( context => {\n\t\t\tif ( context.startsWith( '$clipboardHolder' ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}, 'restrictedEditingException' );\n\t}\n\n\t/**\n\t * Sets up the command toggling which enables or disables commands based on the user selection.\n\t */\n\tprivate _setupCommandsToggling(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst doc = model.document;\n\n\t\tthis._disableCommands();\n\n\t\tthis.listenTo( doc.selection, 'change', this._checkCommands.bind( this ) );\n\t\tthis.listenTo( doc, 'change:data', this._checkCommands.bind( this ) );\n\t}\n\n\t/**\n\t * Checks if commands should be enabled or disabled based on the current selection.\n\t */\n\tprivate _checkCommands(): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\n\t\tif ( selection.rangeCount > 1 ) {\n\t\t\tthis._disableCommands();\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst marker = getMarkerAtPosition( editor, selection.focus! );\n\n\t\tthis._disableCommands();\n\n\t\tif ( isSelectionInMarker( selection, editor.model, marker ) ) {\n\t\t\tthis._enableCommands( marker! );\n\t\t}\n\t}\n\n\t/**\n\t * Enables commands in non-restricted regions.\n\t */\n\tprivate _enableCommands( marker: Marker ): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\n\t\tfor ( const [ commandName, command ] of editor.commands ) {\n\t\t\tif ( !command.affectsData || this._alwaysEnabled.has( commandName ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Enable ony those commands that are allowed in the exception marker.\n\t\t\t// In block exceptions all commands are enabled.\n\t\t\tif (\n\t\t\t\t!marker.name.startsWith( 'restrictedEditingException:block:' ) &&\n\t\t\t\t!this._allowedInException.has( commandName )\n\t\t\t) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Do not enable 'delete' and 'deleteForward' commands on the exception marker boundaries.\n\t\t\tif ( isDeleteCommandOnMarkerBoundaries( commandName, selection, getExceptionRange( marker, editor.model ) ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tcommand.clearForceDisabled( COMMAND_FORCE_DISABLE_ID );\n\t\t}\n\t}\n\n\t/**\n\t * Disables commands outside non-restricted regions.\n\t */\n\tprivate _disableCommands(): void {\n\t\tconst editor = this.editor;\n\n\t\tfor ( const [ commandName, command ] of editor.commands ) {\n\t\t\tif ( !command.affectsData || this._alwaysEnabled.has( commandName ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tcommand.forceDisabled( COMMAND_FORCE_DISABLE_ID );\n\t\t}\n\t}\n}\n\n/**\n * Helper for handling Ctrl+A keydown behaviour.\n */\nfunction getSelectAllHandler( editor: Editor ) {\n\treturn ( eventInfo: EventInfo, domEventData: ViewDocumentKeyEventData ) => {\n\t\tif ( getCode( domEventData ) != parseKeystroke( 'Ctrl+A' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst model = editor.model;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst marker = getMarkerAtPosition( editor, selection.focus! );\n\n\t\tif ( !marker ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If selection range is inside a restricted editing exception, select text only within the exception.\n\t\t//\n\t\t// Note: Second Ctrl+A press is also blocked and it won't select the entire text in the editor.\n\t\tconst selectionRange = selection.getFirstRange()!;\n\t\tconst markerRange = getExceptionRange( marker, editor.model );\n\n\t\tif ( markerRange.containsRange( selectionRange, true ) || selection.isCollapsed ) {\n\t\t\teventInfo.stop();\n\t\t\tdomEventData.preventDefault();\n\t\t\tdomEventData.stopPropagation();\n\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setSelection( markerRange );\n\t\t\t} );\n\t\t}\n\t};\n}\n\n/**\n * Additional rule for enabling \"delete\" and \"deleteForward\" commands if selection is on range boundaries:\n *\n * Does not allow to enable command when selection focus is:\n * - is on marker start - \"delete\" - to prevent removing content before marker\n * - is on marker end - \"deleteForward\" - to prevent removing content after marker\n */\nfunction isDeleteCommandOnMarkerBoundaries( commandName: string, selection: ModelDocumentSelection, markerRange: ModelRange ) {\n\tif ( commandName == 'delete' && selection.isCollapsed && markerRange.start.isTouching( selection.focus! ) ) {\n\t\treturn true;\n\t}\n\n\t// Only for collapsed selection - non-collapsed selection that extends over a marker is handled elsewhere.\n\tif ( commandName == 'deleteForward' && selection.isCollapsed && markerRange.end.isTouching( selection.focus! ) ) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Ensures that model.deleteContent() does not delete outside exception markers ranges.\n *\n * The enforced restrictions are:\n * - only execute deleteContent() inside exception markers\n * - restrict passed selection to exception marker\n */\nfunction restrictDeleteContent( editor: Editor ): GetCallback<BaseEvent> {\n\treturn ( evt, args ) => {\n\t\tconst [ selection ] = args;\n\n\t\tconst marker = getMarkerAtPosition( editor, selection.focus ) || getMarkerAtPosition( editor, selection.anchor );\n\n\t\t// Stop method execution if marker was not found at selection focus.\n\t\tif ( !marker ) {\n\t\t\tevt.stop();\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Collapsed selection inside exception marker does not require fixing.\n\t\tif ( selection.isCollapsed ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Shrink the selection to the range inside exception marker.\n\t\tconst allowedToDelete = getExceptionRange( marker, editor.model ).getIntersection( selection.getFirstRange() );\n\n\t\t// Some features uses selection passed to model.deleteContent() to set the selection afterwards. For this we need to properly modify\n\t\t// either the document selection using change block...\n\t\tif ( selection.is( 'documentSelection' ) ) {\n\t\t\teditor.model.change( writer => {\n\t\t\t\twriter.setSelection( allowedToDelete );\n\t\t\t} );\n\t\t}\n\t\t// ... or by modifying passed selection instance directly.\n\t\telse {\n\t\t\tselection.setTo( allowedToDelete );\n\t\t}\n\t};\n}\n\n/**\n * Ensures that input command is executed with a range that is inside exception marker.\n *\n * This restriction is due to fact that using native spell check changes text outside exception marker.\n */\nfunction disallowInputExecForWrongRange( editor: Editor ): GetCallback<InsertTextCommandExecuteEvent> {\n\treturn ( evt, args ) => {\n\t\tconst [ options ] = args;\n\t\tconst { range } = options;\n\n\t\t// Only check \"input\" command executed with a range value.\n\t\t// Selection might be set in exception marker but passed range might point elsewhere.\n\t\tif ( !range ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !isRangeInsideSingleMarker( editor, range ) ) {\n\t\t\tevt.stop();\n\t\t}\n\t};\n}\n\nfunction isRangeInsideSingleMarker( editor: Editor, range: ModelRange ) {\n\tconst markerAtStart = getMarkerAtPosition( editor, range.start );\n\tconst markerAtEnd = getMarkerAtPosition( editor, range.end );\n\n\treturn markerAtStart && markerAtEnd && markerAtEnd === markerAtStart;\n}\n\n/**\n * Checks if new marker range is flat. Non-flat ranges might appear during upcast conversion in nested structures, ie tables.\n *\n * Note: This marker fixer only consider case which is possible to create using StandardEditing mode plugin.\n * Markers created by developer in the data might break in many other ways.\n *\n * See #6003.\n */\nfunction ensureNewMarkerIsFlatPostFixer( editor: Editor ): ModelPostFixer {\n\treturn writer => {\n\t\tlet changeApplied = false;\n\n\t\tconst changedMarkers = editor.model.document.differ.getChangedMarkers();\n\n\t\tfor ( const { data, name } of changedMarkers ) {\n\t\t\tif ( !name.startsWith( 'restrictedEditingException' ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst newRange = data.newRange!;\n\n\t\t\tif ( !data.oldRange && !newRange.isFlat ) {\n\t\t\t\tconst start = newRange.start;\n\t\t\t\tconst end = newRange.end;\n\n\t\t\t\tconst startIsHigherInTree = start.path.length > end.path.length;\n\n\t\t\t\tconst fixedStart = startIsHigherInTree ? newRange.start : writer.createPositionAt( end.parent, 0 );\n\t\t\t\tconst fixedEnd = startIsHigherInTree ? writer.createPositionAt( start.parent, 'end' ) : newRange.end;\n\n\t\t\t\twriter.updateMarker( name, {\n\t\t\t\t\trange: writer.createRange( fixedStart, fixedEnd )\n\t\t\t\t} );\n\n\t\t\t\tchangeApplied = true;\n\t\t\t}\n\t\t}\n\n\t\treturn changeApplied;\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/restrictededitingmodeui\n */\n\nimport { Plugin, type Command } from 'ckeditor5/src/core.js';\nimport { IconContentLock } from 'ckeditor5/src/icons.js';\nimport {\n\tUIModel,\n\tcreateDropdown,\n\taddListToDropdown,\n\tMenuBarMenuListItemButtonView,\n\ttype ButtonExecuteEvent,\n\ttype ListDropdownItemDefinition, MenuBarMenuView, MenuBarMenuListView, MenuBarMenuListItemView\n} from 'ckeditor5/src/ui.js';\nimport { Collection } from 'ckeditor5/src/utils.js';\n\n/**\n * The restricted editing mode UI feature.\n *\n * It introduces the `'restrictedEditing'` dropdown that offers tools to navigate between exceptions across\n * the document.\n */\nexport class RestrictedEditingModeUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'RestrictedEditingModeUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\teditor.ui.componentFactory.add( 'restrictedEditing', locale => {\n\t\t\tconst dropdownView = createDropdown( locale );\n\t\t\tconst listItems = new Collection<ListDropdownItemDefinition>();\n\n\t\t\tthis._getButtonDefinitions().forEach( ( { commandName, label, keystroke } ) => {\n\t\t\t\tlistItems.add( this._getButtonDefinition( commandName, label, keystroke ) );\n\t\t\t} );\n\n\t\t\taddListToDropdown( dropdownView, listItems, {\n\t\t\t\trole: 'menu'\n\t\t\t} );\n\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\tlabel: t( 'Navigate editable regions' ),\n\t\t\t\ticon: IconContentLock,\n\t\t\t\ttooltip: true,\n\t\t\t\tisEnabled: true,\n\t\t\t\tisOn: false\n\t\t\t} );\n\n\t\t\tthis.listenTo<ButtonExecuteEvent>( dropdownView, 'execute', evt => {\n\t\t\t\tconst { _commandName } = evt.source as any;\n\t\t\t\teditor.execute( _commandName );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:restrictedEditing', locale => {\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\t\t\tconst listView = new MenuBarMenuListView( locale );\n\n\t\t\tlistView.set( {\n\t\t\t\tariaLabel: t( 'Navigate editable regions' ),\n\t\t\t\trole: 'menu'\n\t\t\t} );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: t( 'Navigate editable regions' ),\n\t\t\t\ticon: IconContentLock\n\t\t\t} );\n\n\t\t\tmenuView.panelView.children.add( listView );\n\n\t\t\tthis._getButtonDefinitions().forEach( ( { commandName, label, keystroke } ) => {\n\t\t\t\tconst listItemView = new MenuBarMenuListItemView( locale, menuView );\n\t\t\t\tconst buttonView = this._createMenuBarButton( label, commandName, keystroke );\n\n\t\t\t\tbuttonView.delegate( 'execute' ).to( menuView );\n\n\t\t\t\tlistItemView.children.add( buttonView );\n\t\t\t\tlistView.items.add( listItemView );\n\t\t\t} );\n\n\t\t\treturn menuView;\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button for restricted editing command to use in menu bar.\n\t */\n\tprivate _createMenuBarButton( label: string, commandName: string, keystroke: string ): MenuBarMenuListItemButtonView {\n\t\tconst editor = this.editor;\n\t\tconst command = editor.commands.get( commandName )!;\n\t\tconst view = new MenuBarMenuListItemButtonView( editor.locale );\n\n\t\tview.set( {\n\t\t\tlabel,\n\t\t\tkeystroke,\n\t\t\tisEnabled: true,\n\t\t\tisOn: false\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( commandName );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * Returns a definition of the navigation button to be used in the dropdown.\n\t *\n\t * @param commandName The name of the command that the button represents.\n\t * @param label The translated label of the button.\n\t * @param keystroke The button keystroke.\n\t */\n\tprivate _getButtonDefinition( commandName: string, label: string, keystroke: string ): ListDropdownItemDefinition {\n\t\tconst editor = this.editor;\n\t\tconst command: Command = editor.commands.get( commandName )!;\n\t\tconst definition: ListDropdownItemDefinition = {\n\t\t\ttype: 'button' as const,\n\t\t\tmodel: new UIModel( {\n\t\t\t\tlabel,\n\t\t\t\twithText: true,\n\t\t\t\tkeystroke,\n\t\t\t\twithKeystroke: true,\n\t\t\t\trole: 'menuitem',\n\t\t\t\t_commandName: commandName\n\t\t\t} )\n\t\t};\n\n\t\tdefinition.model.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\treturn definition;\n\t}\n\n\t/**\n\t * Returns definitions for UI buttons.\n\t *\n\t * @internal\n\t */\n\tprivate _getButtonDefinitions() {\n\t\tconst t = this.editor.locale.t;\n\n\t\treturn [\n\t\t\t{ commandName: 'goToPreviousRestrictedEditingException', label: t( 'Previous editable region' ), keystroke: 'Shift+Tab' },\n\t\t\t{ commandName: 'goToNextRestrictedEditingException', label: t( 'Next editable region' ), keystroke: 'Tab' }\n\t\t];\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/restrictededitingmode\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { RestrictedEditingModeEditing } from './restrictededitingmodeediting.js';\nimport { RestrictedEditingModeUI } from './restrictededitingmodeui.js';\n\nimport '../theme/restrictedediting.css';\n\n/**\n * The restricted editing mode plugin.\n *\n * This is a \"glue\" plugin which loads the following plugins:\n *\n * * The {@link module:restricted-editing/restrictededitingmodeediting~RestrictedEditingModeEditing restricted mode editing feature}.\n * * The {@link module:restricted-editing/restrictededitingmodeui~RestrictedEditingModeUI restricted mode UI feature}.\n */\nexport class RestrictedEditingMode extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'RestrictedEditingMode' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ RestrictedEditingModeEditing, RestrictedEditingModeUI ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/restrictededitingexceptioncommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport type { ModelTreeWalkerValue } from 'ckeditor5/src/engine.js';\n\n/**\n * The command that toggles exceptions from the restricted editing on text.\n */\nexport class RestrictedEditingExceptionCommand extends Command {\n\t/**\n\t * A flag indicating whether the command is active\n\t *\n\t * @readonly\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\n\t\tthis.value = !!doc.selection.getAttribute( 'restrictedEditingException' );\n\n\t\tthis.isEnabled = model.schema.checkAttributeInSelection( doc.selection, 'restrictedEditingException' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute( options: RestrictedEditingExceptionCommandParams = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst document = model.document;\n\t\tconst selection = document.selection;\n\t\tconst valueToSet = ( options.forceValue === undefined ) ? !this.value : options.forceValue;\n\n\t\tmodel.change( writer => {\n\t\t\tconst ranges = model.schema.getValidRanges( selection.getRanges(), 'restrictedEditingException' );\n\n\t\t\tif ( selection.isCollapsed ) {\n\t\t\t\tif ( valueToSet ) {\n\t\t\t\t\twriter.setSelectionAttribute( 'restrictedEditingException', valueToSet );\n\t\t\t\t} else {\n\t\t\t\t\tconst isSameException = ( value: ModelTreeWalkerValue ) => {\n\t\t\t\t\t\treturn value.item.getAttribute( 'restrictedEditingException' ) === this.value;\n\t\t\t\t\t};\n\n\t\t\t\t\tconst focus = selection.focus!;\n\t\t\t\t\tconst exceptionStart = focus.getLastMatchingPosition( isSameException, { direction: 'backward' } );\n\t\t\t\t\tconst exceptionEnd = focus.getLastMatchingPosition( isSameException );\n\n\t\t\t\t\twriter.removeSelectionAttribute( 'restrictedEditingException' );\n\n\t\t\t\t\tif ( !( focus.isEqual( exceptionStart ) || focus.isEqual( exceptionEnd ) ) ) {\n\t\t\t\t\t\twriter.removeAttribute( 'restrictedEditingException', writer.createRange( exceptionStart, exceptionEnd ) );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfor ( const range of ranges ) {\n\t\t\t\t\tif ( valueToSet ) {\n\t\t\t\t\t\twriter.setAttribute( 'restrictedEditingException', valueToSet, range );\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.removeAttribute( 'restrictedEditingException', range );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n\nexport interface RestrictedEditingExceptionCommandParams {\n\tforceValue?: unknown;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/restrictededitingexceptionblockcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { first } from 'ckeditor5/src/utils.js';\nimport type { ModelDocumentFragment, ModelElement, ModelPosition, ModelRange, ModelSchema, ModelWriter } from 'ckeditor5/src/engine.js';\n\n/**\n * The command that toggles exception blocks for the restricted editing.\n */\nexport class RestrictedEditingExceptionBlockCommand extends Command {\n\t/**\n\t * Whether the selection starts in a block exception.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.value = this._getValue();\n\t\tthis.isEnabled = this._checkEnabled();\n\t}\n\n\t/**\n\t * Wraps or unwraps the selected blocks with non-restricted area.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.forceValue If set, it will force the command behavior. If `true`, the command will apply a block exception,\n\t * otherwise the command will remove the block exception. If not set, the command will act basing on its current value.\n\t */\n\tpublic override execute( options: { forceValue?: boolean } = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\t\tconst selection = model.document.selection;\n\n\t\tconst blocks = Array.from( selection.getSelectedBlocks() );\n\t\tconst value = ( options.forceValue === undefined ) ? !this.value : options.forceValue;\n\n\t\tmodel.change( writer => {\n\t\t\tif ( !value ) {\n\t\t\t\tconst blocksToUnwrap = blocks.map( block => {\n\t\t\t\t\t// Find blocks directly nested inside an exception.\n\t\t\t\t\treturn findExceptionContentBlock( block );\n\t\t\t\t} ).filter( ( exception ): exception is ModelElement => !!exception );\n\n\t\t\t\tthis._removeException( writer, blocksToUnwrap );\n\t\t\t} else {\n\t\t\t\tconst blocksToWrap = blocks.filter( block => {\n\t\t\t\t\t// Already wrapped blocks needs to be considered while wrapping too\n\t\t\t\t\t// in order to reuse their wrapper elements.\n\t\t\t\t\treturn findException( block ) || checkCanBeWrapped( schema, block );\n\t\t\t\t} );\n\n\t\t\t\tthis._applyException( writer, blocksToWrap );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Checks the command's {@link #value}.\n\t */\n\tprivate _getValue(): boolean {\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst firstBlock = first( selection.getSelectedBlocks() );\n\n\t\treturn !!( firstBlock && findException( firstBlock ) );\n\t}\n\n\t/**\n\t * Checks whether the command can be enabled in the current context.\n\t *\n\t * @returns Whether the command should be enabled.\n\t */\n\tprivate _checkEnabled(): boolean {\n\t\tif ( this.value ) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst schema = this.editor.model.schema;\n\n\t\tconst firstBlock = first( selection.getSelectedBlocks() );\n\n\t\tif ( !firstBlock ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn checkCanBeWrapped( schema, firstBlock );\n\t}\n\n\t/**\n\t * Unwraps the exception from given blocks.\n\t *\n\t * If blocks which are supposed to be unwrapped are in the middle of an exception,\n\t * start it or end it, then the exception will be split (if needed) and the blocks\n\t * will be moved out of it, so other exception blocks remained wrapped.\n\t */\n\tprivate _removeException( writer: ModelWriter, blocks: Array<ModelElement> ): void {\n\t\t// Unwrap all groups of block. Iterate in the reverse order to not break following ranges.\n\t\tgetRangesOfBlockGroups( writer, blocks ).reverse().forEach( groupRange => {\n\t\t\tif ( groupRange.start.isAtStart && groupRange.end.isAtEnd ) {\n\t\t\t\twriter.unwrap( groupRange.start.parent as ModelElement );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// The group of blocks are at the beginning of an exception so let's move them left (out of the exception).\n\t\t\tif ( groupRange.start.isAtStart ) {\n\t\t\t\tconst positionBefore = writer.createPositionBefore( groupRange.start.parent as ModelElement );\n\n\t\t\t\twriter.move( groupRange, positionBefore );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// The blocks are in the middle of an exception so we need to split the exception after the last block\n\t\t\t// so we move the items there.\n\t\t\tif ( !groupRange.end.isAtEnd ) {\n\t\t\t\twriter.split( groupRange.end );\n\t\t\t}\n\n\t\t\t// Now we are sure that groupRange.end.isAtEnd is true, so let's move the blocks right.\n\n\t\t\tconst positionAfter = writer.createPositionAfter( groupRange.end.parent as ModelElement );\n\n\t\t\twriter.move( groupRange, positionAfter );\n\t\t} );\n\t}\n\n\t/**\n\t * Applies the exception to given blocks.\n\t */\n\tprivate _applyException( writer: ModelWriter, blocks: Array<ModelElement> ): void {\n\t\tconst schema = this.editor.model.schema;\n\t\tconst exceptionsToMerge: Array<ModelElement | ModelDocumentFragment> = [];\n\n\t\t// Wrap all groups of block. Iterate in the reverse order to not break following ranges.\n\t\tgetRangesOfBlockGroups( writer, blocks ).reverse().forEach( groupRange => {\n\t\t\tlet exception = findException( groupRange.start );\n\n\t\t\tif ( !exception ) {\n\t\t\t\texception = writer.createElement( 'restrictedEditingException' );\n\n\t\t\t\twriter.wrap( groupRange, exception );\n\t\t\t}\n\n\t\t\texceptionsToMerge.push( exception );\n\t\t} );\n\n\t\t// Merge subsequent exception elements. Reverse the order again because this time we want to go through\n\t\t// the exception elements in the source order (due to how merge works – it moves the right element's content\n\t\t// to the first element and removes the right one. Since we may need to merge a couple of subsequent exception elements\n\t\t// we want to keep the reference to the first (furthest left) one.\n\t\texceptionsToMerge.reverse();\n\n\t\t// But first add any neighbouring block exceptions to the list.\n\t\tif ( exceptionsToMerge.length ) {\n\t\t\tconst previousSibling = exceptionsToMerge.at( 0 )!.previousSibling;\n\t\t\tconst nextSibling = exceptionsToMerge.at( -1 )!.nextSibling;\n\n\t\t\tif ( previousSibling?.is( 'element', 'restrictedEditingException' ) ) {\n\t\t\t\texceptionsToMerge.unshift( previousSibling );\n\t\t\t}\n\n\t\t\tif ( nextSibling?.is( 'element', 'restrictedEditingException' ) ) {\n\t\t\t\texceptionsToMerge.push( nextSibling );\n\t\t\t}\n\t\t}\n\n\t\t// Merge subsequent exceptions.\n\t\texceptionsToMerge.reduce( ( currentException, nextException ) => {\n\t\t\tif ( currentException.nextSibling == nextException ) {\n\t\t\t\twriter.merge( writer.createPositionAfter( currentException ) );\n\n\t\t\t\treturn currentException;\n\t\t\t}\n\n\t\t\treturn nextException;\n\t\t} );\n\n\t\t// Remove inline exceptions from block exception.\n\t\tschema.removeDisallowedAttributes( blocks, writer );\n\t}\n}\n\nfunction findException( elementOrPosition: ModelElement | ModelPosition ): ModelElement | ModelDocumentFragment | null {\n\treturn elementOrPosition.findAncestor( 'restrictedEditingException', { includeSelf: true } );\n}\n\nfunction findExceptionContentBlock( element: ModelElement ): ModelElement | null {\n\tlet node = element;\n\n\twhile ( node.parent ) {\n\t\tif ( node.parent.name == 'restrictedEditingException' ) {\n\t\t\treturn node;\n\t\t}\n\n\t\tnode = node.parent as ModelElement;\n\t}\n\n\treturn null;\n}\n\n/**\n * Returns a minimal array of ranges containing groups of subsequent blocks.\n *\n * content:         abcdefgh\n * blocks:          [ a, b, d, f, g, h ]\n * output ranges:   [ab]c[d]e[fgh]\n */\nfunction getRangesOfBlockGroups( writer: ModelWriter, blocks: Array<ModelElement> ): Array<ModelRange> {\n\tlet startPosition;\n\tlet i = 0;\n\tconst ranges = [];\n\n\twhile ( i < blocks.length ) {\n\t\tconst block = blocks[ i ];\n\t\tconst nextBlock = blocks[ i + 1 ];\n\n\t\tif ( !startPosition ) {\n\t\t\tstartPosition = writer.createPositionBefore( block );\n\t\t}\n\n\t\tif ( !nextBlock || block.nextSibling != nextBlock ) {\n\t\t\tranges.push( writer.createRange( startPosition, writer.createPositionAfter( block ) ) );\n\t\t\tstartPosition = null;\n\t\t}\n\n\t\ti++;\n\t}\n\n\treturn ranges;\n}\n\n/**\n * Checks whether exception can wrap the block.\n */\nfunction checkCanBeWrapped( schema: ModelSchema, block: ModelElement ): boolean {\n\tconst parentContext = schema.createContext( block.parent as ModelElement );\n\n\t// Is block exception allowed in parent of block.\n\tif ( !schema.checkChild( parentContext, 'restrictedEditingException' ) ) {\n\t\treturn false;\n\t}\n\n\t// Is block allowed inside block exception.\n\tif ( !schema.checkChild( parentContext.push( 'restrictedEditingException' ), block ) ) {\n\t\treturn false;\n\t}\n\n\treturn true;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/restrictededitingexceptionautocommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { count } from 'ckeditor5/src/utils.js';\nimport type { RestrictedEditingExceptionCommand } from './restrictededitingexceptioncommand.js';\nimport type { RestrictedEditingExceptionBlockCommand } from './restrictededitingexceptionblockcommand.js';\n\n/**\n * The command that toggles exceptions from the restricted editing on text or on blocks.\n */\nexport class RestrictedEditingExceptionAutoCommand extends Command {\n\t/**\n\t * A flag indicating whether the command is active.\n\t *\n\t * @readonly\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * The inline exception command.\n\t */\n\tprivate readonly _inlineCommand: RestrictedEditingExceptionCommand;\n\n\t/**\n\t * The block exception command.\n\t */\n\tprivate readonly _blockCommand: RestrictedEditingExceptionBlockCommand;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._inlineCommand = editor.commands.get( 'restrictedEditingException' )!;\n\t\tthis._blockCommand = editor.commands.get( 'restrictedEditingExceptionBlock' )!;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tthis.value = this._inlineCommand.value || this._blockCommand.value;\n\t\tthis.isEnabled = this._inlineCommand.isEnabled || this._blockCommand.isEnabled;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Selection is inside an inline exception.\n\t\tif ( this._inlineCommand.value ) {\n\t\t\teditor.execute( 'restrictedEditingException' );\n\t\t}\n\t\t// Selection inside a block exception.\n\t\telse if ( this._blockCommand.value ) {\n\t\t\teditor.execute( 'restrictedEditingExceptionBlock' );\n\t\t}\n\t\t// Selection allows only for inline exception.\n\t\telse if ( this._inlineCommand.isEnabled && !this._blockCommand.isEnabled ) {\n\t\t\teditor.execute( 'restrictedEditingException' );\n\t\t}\n\t\t// Selection allows only for block exception.\n\t\telse if ( this._blockCommand.isEnabled && !this._inlineCommand.isEnabled ) {\n\t\t\teditor.execute( 'restrictedEditingExceptionBlock' );\n\t\t}\n\t\t// Check selection to pick exception type.\n\t\telse {\n\t\t\tconst schema = editor.model.schema;\n\t\t\tconst selection = editor.model.document.selection;\n\t\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\t\tif (\n\t\t\t\tselection.isCollapsed ||\n\t\t\t\tselectedElement && schema.isObject( selectedElement ) && schema.isBlock( selectedElement ) ||\n\t\t\t\tcount( selection.getSelectedBlocks() ) > 1\n\t\t\t) {\n\t\t\t\teditor.execute( 'restrictedEditingExceptionBlock' );\n\t\t\t} else {\n\t\t\t\teditor.execute( 'restrictedEditingException' );\n\t\t\t}\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/standardeditingmodeediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { Matcher, type ModelElement, type UpcastElementEvent } from 'ckeditor5/src/engine.js';\n\nimport { RestrictedEditingExceptionCommand } from './restrictededitingexceptioncommand.js';\nimport { RestrictedEditingExceptionBlockCommand } from './restrictededitingexceptionblockcommand.js';\nimport { RestrictedEditingExceptionAutoCommand } from './restrictededitingexceptionautocommand.js';\n\n/**\n * The standard editing mode editing feature.\n *\n * * It introduces the `restrictedEditingException` text attribute that is rendered as\n * a `<span>` element with the `restricted-editing-exception` CSS class.\n * * It registers the `'restrictedEditingException'` command.\n */\nexport class StandardEditingModeEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'StandardEditingModeEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\n\t\tschema.extend( '$text', { allowAttributes: [ 'restrictedEditingException' ] } );\n\n\t\tschema.register( 'restrictedEditingException', {\n\t\t\tallowWhere: '$container',\n\t\t\tallowContentOf: '$container'\n\t\t} );\n\n\t\t// Don't allow nesting of block exceptions.\n\t\tschema.addChildCheck( context => {\n\t\t\tfor ( const item of context ) {\n\t\t\t\tif ( item.name == 'restrictedEditingException' ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}, 'restrictedEditingException' );\n\n\t\t// Don't allow nesting inline exceptions inside block exceptions.\n\t\tschema.addAttributeCheck( context => {\n\t\t\tfor ( const item of context ) {\n\t\t\t\tif ( item.name == 'restrictedEditingException' ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}, 'restrictedEditingException' );\n\n\t\t// Post-fixer to ensure proper structure.\n\t\teditor.model.document.registerPostFixer( writer => {\n\t\t\tconst changes = editor.model.document.differ.getChanges();\n\t\t\tconst unwrap = new Set<ModelElement>();\n\t\t\tconst remove = new Set<ModelElement>();\n\t\t\tconst merge = new Set<ModelElement>();\n\t\t\tlet changed = false;\n\n\t\t\tfor ( const entry of changes ) {\n\t\t\t\tif ( entry.type == 'insert' ) {\n\t\t\t\t\tconst range = writer.createRange( entry.position, entry.position.getShiftedBy( entry.length ) );\n\n\t\t\t\t\tfor ( const child of range.getItems() ) {\n\t\t\t\t\t\tif ( child.is( 'element', 'restrictedEditingException' ) ) {\n\t\t\t\t\t\t\t// Make sure that block exception is not nested or added in invalid place.\n\t\t\t\t\t\t\tif ( !schema.checkChild( writer.createPositionBefore( child ), child ) ) {\n\t\t\t\t\t\t\t\tunwrap.add( child );\n\t\t\t\t\t\t\t} else if ( child.isEmpty ) {\n\t\t\t\t\t\t\t\tremove.add( child );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tmerge.add( child );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\tchild.is( '$textProxy' ) &&\n\t\t\t\t\t\t\tchild.hasAttribute( 'restrictedEditingException' ) &&\n\t\t\t\t\t\t\t!schema.checkAttribute( child, 'restrictedEditingException' )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\twriter.removeAttribute( 'restrictedEditingException', child );\n\t\t\t\t\t\t\tchanged = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else if ( entry.type == 'remove' ) {\n\t\t\t\t\tconst parent = entry.position.parent;\n\n\t\t\t\t\tif ( parent.is( 'element', 'restrictedEditingException' ) && parent.isEmpty ) {\n\t\t\t\t\t\tremove.add( parent );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Verify if some block exceptions are siblings now after element removed between.\n\t\t\t\t\tfor ( const child of parent.getChildren() ) {\n\t\t\t\t\t\tif ( child.is( 'element', 'restrictedEditingException' ) ) {\n\t\t\t\t\t\t\tmerge.add( child );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( const child of unwrap ) {\n\t\t\t\twriter.unwrap( child );\n\t\t\t\tchanged = true;\n\t\t\t}\n\n\t\t\tfor ( const child of remove ) {\n\t\t\t\twriter.remove( child );\n\t\t\t\tchanged = true;\n\t\t\t}\n\n\t\t\tfor ( const child of merge ) {\n\t\t\t\tif ( child.root.rootName == '$graveyard' ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst nodeBefore = child.previousSibling;\n\t\t\t\tconst nodeAfter = child.nextSibling;\n\n\t\t\t\tif ( nodeBefore && nodeBefore.is( 'element', 'restrictedEditingException' ) ) {\n\t\t\t\t\twriter.merge( writer.createPositionBefore( child ) );\n\t\t\t\t}\n\n\t\t\t\tif ( nodeAfter && nodeAfter.is( 'element', 'restrictedEditingException' ) ) {\n\t\t\t\t\twriter.merge( writer.createPositionAfter( child ) );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn changed;\n\t\t} );\n\n\t\teditor.conversion.for( 'upcast' )\n\t\t\t.elementToAttribute( {\n\t\t\t\tmodel: 'restrictedEditingException',\n\t\t\t\tview: {\n\t\t\t\t\tname: 'span',\n\t\t\t\t\tclasses: 'restricted-editing-exception'\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: 'restrictedEditingException',\n\t\t\t\tview: {\n\t\t\t\t\tname: 'div',\n\t\t\t\t\tclasses: 'restricted-editing-exception'\n\t\t\t\t}\n\t\t\t} );\n\n\t\tregisterFallbackUpcastConverter( editor );\n\n\t\teditor.conversion.for( 'downcast' )\n\t\t\t.attributeToElement( {\n\t\t\t\tmodel: 'restrictedEditingException',\n\t\t\t\tview: ( modelAttributeValue, { writer } ) => {\n\t\t\t\t\tif ( modelAttributeValue ) {\n\t\t\t\t\t\t// Make the restricted editing <span> outer-most in the view.\n\t\t\t\t\t\treturn writer.createAttributeElement( 'span', { class: 'restricted-editing-exception' }, { priority: -10 } );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.elementToElement( {\n\t\t\t\tmodel: 'restrictedEditingException',\n\t\t\t\tview: {\n\t\t\t\t\tname: 'div',\n\t\t\t\t\tclasses: 'restricted-editing-exception'\n\t\t\t\t}\n\t\t\t} );\n\n\t\teditor.commands.add( 'restrictedEditingException', new RestrictedEditingExceptionCommand( editor ) );\n\t\teditor.commands.add( 'restrictedEditingExceptionBlock', new RestrictedEditingExceptionBlockCommand( editor ) );\n\t\teditor.commands.add( 'restrictedEditingExceptionAuto', new RestrictedEditingExceptionAutoCommand( editor ) );\n\n\t\teditor.editing.view.change( writer => {\n\t\t\tfor ( const root of editor.editing.view.document.roots ) {\n\t\t\t\twriter.addClass( 'ck-restricted-editing_mode_standard', root );\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Fallback upcast converter for empty exception span inside a table cell.\n */\nfunction registerFallbackUpcastConverter( editor: Editor ) {\n\tconst matcher = new Matcher( { name: 'span', classes: 'restricted-editing-exception' } );\n\n\t// See: https://github.com/ckeditor/ckeditor5/issues/16376.\n\teditor.conversion.for( 'upcast' ).add(\n\t\tdispatcher => dispatcher.on<UpcastElementEvent>( 'element:span', ( evt, data, conversionApi ) => {\n\t\t\tconst matcherResult = matcher.match( data.viewItem );\n\n\t\t\tif ( !matcherResult ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst match = matcherResult.match;\n\n\t\t\tif ( !conversionApi.consumable.test( data.viewItem, match ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst modelText = conversionApi.writer.createText( ' ', { restrictedEditingException: true } );\n\n\t\t\tif ( !conversionApi.safeInsert( modelText, data.modelCursor ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconversionApi.consumable.consume( data.viewItem, match );\n\n\t\t\tdata.modelRange = conversionApi.writer.createRange(\n\t\t\t\tdata.modelCursor,\n\t\t\t\tdata.modelCursor.getShiftedBy( modelText.offsetSize )\n\t\t\t);\n\t\t\tdata.modelCursor = data.modelRange.end;\n\t\t}, { priority: 'low' } )\n\t);\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/standardeditingmodeui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconContentUnlock } from 'ckeditor5/src/icons.js';\nimport {\n\tButtonView,\n\tMenuBarMenuListItemButtonView,\n\tcreateDropdown,\n\taddToolbarToDropdown\n} from 'ckeditor5/src/ui.js';\n\n/**\n * The standard editing mode UI feature.\n *\n * It introduces the `'restrictedEditingException'` button that marks text as unrestricted for editing.\n */\nexport class StandardEditingModeUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'StandardEditingModeUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst componentFactory = editor.ui.componentFactory;\n\n\t\t// Dropdown button with inline/block buttons.\n\t\tcomponentFactory.add( 'restrictedEditingException:dropdown', locale => {\n\t\t\tconst dropdownView = createDropdown( locale );\n\t\t\tconst t = locale.t;\n\n\t\t\tconst buttons = [\n\t\t\t\tcomponentFactory.create( 'restrictedEditingException:inline' ),\n\t\t\t\tcomponentFactory.create( 'restrictedEditingException:block' )\n\t\t\t] as Array<ButtonView>;\n\n\t\t\tfor ( const button of buttons ) {\n\t\t\t\tbutton.set( {\n\t\t\t\t\twithText: true,\n\t\t\t\t\ttooltip: false\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\taddToolbarToDropdown(\n\t\t\t\tdropdownView,\n\t\t\t\tbuttons,\n\t\t\t\t{\n\t\t\t\t\tenableActiveItemFocusOnDropdownOpen: true,\n\t\t\t\t\tisVertical: true,\n\t\t\t\t\tariaLabel: t( 'Enable editing' )\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\tlabel: t( 'Enable editing' ),\n\t\t\t\ticon: IconContentUnlock,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tdropdownView.extendTemplate( {\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: 'ck-restricted-editing-dropdown'\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// Enable button if any of the buttons is enabled.\n\t\t\tdropdownView.bind( 'isEnabled' ).toMany( buttons, 'isEnabled', ( ...areEnabled ) => {\n\t\t\t\treturn areEnabled.some( isEnabled => isEnabled );\n\t\t\t} );\n\n\t\t\t// Focus the editable after executing the command.\n\t\t\tthis.listenTo( dropdownView, 'execute', () => {\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\t// Inline exception button.\n\t\tcomponentFactory.add( 'restrictedEditingException:inline', () => {\n\t\t\tconst button = this._createButton( 'restrictedEditingException', ButtonView );\n\n\t\t\tbutton.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\t// Block exception button.\n\t\tcomponentFactory.add( 'restrictedEditingException:block', () => {\n\t\t\tconst button = this._createButton( 'restrictedEditingExceptionBlock', ButtonView );\n\n\t\t\tbutton.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\t// Menu bar inline/block buttons.\n\t\tcomponentFactory.add( 'menuBar:restrictedEditingException:inline', () => {\n\t\t\treturn this._createButton( 'restrictedEditingException', MenuBarMenuListItemButtonView );\n\t\t} );\n\n\t\tcomponentFactory.add( 'menuBar:restrictedEditingException:block', () => {\n\t\t\treturn this._createButton( 'restrictedEditingExceptionBlock', MenuBarMenuListItemButtonView );\n\t\t} );\n\n\t\t// Auto button - triggers inline or block exception command.\n\t\tcomponentFactory.add( 'restrictedEditingException:auto', () => {\n\t\t\tconst button = this._createButton( 'restrictedEditingExceptionAuto', ButtonView );\n\n\t\t\tbutton.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\t\tcomponentFactory.add( 'menuBar:restrictedEditingException:auto', () => {\n\t\t\treturn this._createButton( 'restrictedEditingExceptionAuto', MenuBarMenuListItemButtonView );\n\t\t} );\n\n\t\t// Aliases for backward compatibility.\n\t\tcomponentFactory.add( 'restrictedEditingException', () => {\n\t\t\treturn componentFactory.create( 'restrictedEditingException:inline' );\n\t\t} );\n\t\tcomponentFactory.add( 'menuBar:restrictedEditingException', () => {\n\t\t\treturn componentFactory.create( 'menuBar:restrictedEditingException:inline' );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button for restricted editing exception command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView>(\n\t\tcommandName: 'restrictedEditingException' | 'restrictedEditingExceptionBlock' | 'restrictedEditingExceptionAuto',\n\t\tButtonClass: T\n\t): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command = this.editor.commands.get( commandName )!;\n\t\tconst view = new ButtonClass( locale ) as InstanceType<T>;\n\t\tconst t = locale.t;\n\n\t\tview.icon = IconContentUnlock;\n\t\tview.isToggleable = true;\n\n\t\tview.bind( 'isOn', 'isEnabled' ).to( command, 'value', 'isEnabled' );\n\n\t\tif ( commandName == 'restrictedEditingExceptionAuto' ) {\n\t\t\tview.bind( 'label' ).to( command, 'value', value => {\n\t\t\t\treturn value ? t( 'Disable editing' ) : t( 'Enable editing' );\n\t\t\t} );\n\t\t} else if ( commandName == 'restrictedEditingExceptionBlock' ) {\n\t\t\tview.bind( 'label' ).to( command, 'value', value => {\n\t\t\t\treturn value ? t( 'Disable block editing' ) : t( 'Enable block editing' );\n\t\t\t} );\n\t\t} else {\n\t\t\tview.bind( 'label' ).to( command, 'value', value => {\n\t\t\t\treturn value ? t( 'Disable inline editing' ) : t( 'Enable inline editing' );\n\t\t\t} );\n\t\t}\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( commandName );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 restricted-editing/standardeditingmode\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { StandardEditingModeEditing } from './standardeditingmodeediting.js';\nimport { StandardEditingModeUI } from './standardeditingmodeui.js';\n\nimport '../theme/restrictedediting.css';\n\n/**\n * The standard editing mode plugin.\n *\n * This is a \"glue\" plugin that loads the following plugins:\n *\n * * The {@link module:restricted-editing/standardeditingmodeediting~StandardEditingModeEditing standard mode editing feature}.\n * * The {@link module:restricted-editing/standardeditingmodeui~StandardEditingModeUI standard mode UI feature}.\n */\nexport class StandardEditingMode extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'StandardEditingMode' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\tpublic static get requires() {\n\t\treturn [ StandardEditingModeEditing, StandardEditingModeUI ] as const;\n\t}\n}\n\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { IconShowBlocks } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\n\n/**\n * The show blocks command.\n *\n * Displays the HTML element names for content blocks.\n */ class ShowBlocksCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // It does not affect data so should be enabled in read-only mode.\n        this.affectsData = false;\n        this.value = false;\n    }\n    /**\n\t * Toggles the visibility of content blocks.\n\t */ execute() {\n        const CLASS_NAME = 'ck-show-blocks';\n        const view = this.editor.editing.view;\n        view.change((writer)=>{\n            // Multiroot support.\n            for (const root of view.document.roots){\n                if (!root.hasClass(CLASS_NAME)) {\n                    writer.addClass(CLASS_NAME, root);\n                    this.value = true;\n                } else {\n                    writer.removeClass(CLASS_NAME, root);\n                    this.value = false;\n                }\n            }\n        });\n    }\n}\n\n/**\n * The show blocks editing plugin.\n */ class ShowBlocksEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ShowBlocksEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const { editor } = this;\n        editor.commands.add('showBlocks', new ShowBlocksCommand(editor));\n    }\n}\n\n/**\n * The UI plugin of the show blocks feature.\n *\n * It registers the `'showBlocks'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}\n * that toggles the visibility of the HTML element names of content blocks.\n */ class ShowBlocksUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ShowBlocksUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('showBlocks', ()=>{\n            const buttonView = this._createButton(ButtonView);\n            buttonView.set({\n                tooltip: true,\n                icon: IconShowBlocks\n            });\n            return buttonView;\n        });\n        editor.ui.componentFactory.add('menuBar:showBlocks', ()=>{\n            return this._createButton(MenuBarMenuListItemButtonView);\n        });\n    }\n    /**\n\t * Creates a button for show blocks command to use either in toolbar or in menu bar.\n\t */ _createButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const command = editor.commands.get('showBlocks');\n        const view = new ButtonClass(locale);\n        const t = locale.t;\n        view.set({\n            label: t('Show blocks'),\n            isToggleable: true,\n            role: 'menuitemcheckbox'\n        });\n        view.bind('isEnabled').to(command);\n        view.bind('isOn').to(command, 'value', command, 'isEnabled', (value, isEnabled)=>value && isEnabled);\n        // Execute the command.\n        this.listenTo(view, 'execute', ()=>{\n            editor.execute('showBlocks');\n            editor.editing.view.focus();\n        });\n        return view;\n    }\n}\n\n/**\n * The show blocks feature.\n *\n * For a detailed overview, check the {@glink features/show-blocks Show blocks} feature guide.\n */ class ShowBlocks extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ShowBlocks';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ShowBlocksEditing,\n            ShowBlocksUI\n        ];\n    }\n}\n\nexport { ShowBlocks, ShowBlocksCommand, ShowBlocksEditing, ShowBlocksUI };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 show-blocks/showblockscommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\n\n/**\n * The show blocks command.\n *\n * Displays the HTML element names for content blocks.\n */\nexport class ShowBlocksCommand extends Command {\n\t/**\n\t * Flag indicating whether the command is active, i.e. content blocks are displayed.\n\t */\n\tdeclare public value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// It does not affect data so should be enabled in read-only mode.\n\t\tthis.affectsData = false;\n\n\t\tthis.value = false;\n\t}\n\n\t/**\n\t * Toggles the visibility of content blocks.\n\t */\n\tpublic override execute(): void {\n\t\tconst CLASS_NAME = 'ck-show-blocks';\n\t\tconst view = this.editor.editing.view;\n\n\t\tview.change( writer => {\n\t\t\t// Multiroot support.\n\t\t\tfor ( const root of view.document.roots ) {\n\t\t\t\tif ( !root.hasClass( CLASS_NAME ) ) {\n\t\t\t\t\twriter.addClass( CLASS_NAME, root );\n\t\t\t\t\tthis.value = true;\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeClass( CLASS_NAME, root );\n\t\t\t\t\tthis.value = false;\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 show-blocks/showblocksediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ShowBlocksCommand } from './showblockscommand.js';\n\n/**\n * The show blocks editing plugin.\n */\nexport class ShowBlocksEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ShowBlocksEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst { editor } = this;\n\n\t\teditor.commands.add( 'showBlocks', new ShowBlocksCommand( editor ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 show-blocks/showblocksui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { IconShowBlocks } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';\n\nimport '../theme/showblocks.css';\n\n/**\n * The UI plugin of the show blocks feature.\n *\n * It registers the `'showBlocks'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}\n * that toggles the visibility of the HTML element names of content blocks.\n */\nexport class ShowBlocksUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ShowBlocksUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'showBlocks', () => {\n\t\t\tconst buttonView = this._createButton( ButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\ttooltip: true,\n\t\t\t\ticon: IconShowBlocks\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:showBlocks', () => {\n\t\t\treturn this._createButton( MenuBarMenuListItemButtonView );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a button for show blocks command to use either in toolbar or in menu bar.\n\t */\n\tprivate _createButton<T extends typeof ButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst command = editor.commands.get( 'showBlocks' )!;\n\t\tconst view = new ButtonClass( locale ) as InstanceType<T>;\n\t\tconst t = locale.t;\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Show blocks' ),\n\t\t\tisToggleable: true,\n\t\t\trole: 'menuitemcheckbox'\n\t\t} );\n\n\t\tview.bind( 'isEnabled' ).to( command );\n\t\tview.bind( 'isOn' ).to( command, 'value', command, 'isEnabled', ( value, isEnabled ) => value && isEnabled );\n\n\t\t// Execute the command.\n\t\tthis.listenTo( view, 'execute', () => {\n\t\t\teditor.execute( 'showBlocks' );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn view;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 show-blocks/showblocks\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { ShowBlocksEditing } from './showblocksediting.js';\nimport { ShowBlocksUI } from './showblocksui.js';\n\n/**\n * The show blocks feature.\n *\n * For a detailed overview, check the {@glink features/show-blocks Show blocks} feature guide.\n */\nexport class ShowBlocks extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ShowBlocks' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ShowBlocksEditing, ShowBlocksUI ] as const;\n\t}\n}\n", "import { Plugin, PendingActions } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { IconSource } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { ElementReplacer, CKEditorError, createElement, formatHtml } from '@ckeditor/ckeditor5-utils/dist/index.js';\n\nconst COMMAND_FORCE_DISABLE_ID = 'SourceEditingMode';\n/**\n * The source editing feature.\n *\n * It provides the possibility to view and edit the source of the document.\n *\n * For a detailed overview, check the {@glink features/source-editing/source-editing source editing feature documentation} and the\n * {@glink api/source-editing package page}.\n */ class SourceEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SourceEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            PendingActions\n        ];\n    }\n    /**\n\t * The element replacer instance used to replace the editing roots with the wrapper elements containing the document source.\n\t */ _elementReplacer;\n    /**\n\t * Maps all root names to wrapper elements containing the document source.\n\t */ _replacedRoots;\n    /**\n\t * Maps all root names to their document data.\n\t */ _dataFromRoots;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this.set('isSourceEditingMode', false);\n        this._elementReplacer = new ElementReplacer();\n        this._replacedRoots = new Map();\n        this._dataFromRoots = new Map();\n        editor.config.define('sourceEditing.allowCollaborationFeatures', false);\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this._checkCompatibility();\n        const editor = this.editor;\n        const t = editor.locale.t;\n        editor.ui.componentFactory.add('sourceEditing', ()=>{\n            const buttonView = this._createButton(ButtonView);\n            buttonView.set({\n                label: t('Source'),\n                icon: IconSource,\n                tooltip: true,\n                class: 'ck-source-editing-button'\n            });\n            return buttonView;\n        });\n        editor.ui.componentFactory.add('menuBar:sourceEditing', ()=>{\n            const buttonView = this._createButton(MenuBarMenuListItemButtonView);\n            buttonView.set({\n                label: t('Show source'),\n                role: 'menuitemcheckbox'\n            });\n            return buttonView;\n        });\n        // Currently, the plugin handles the source editing mode by itself only for the classic editor. To use this plugin with other\n        // integrations, listen to the `change:isSourceEditingMode` event and act accordingly.\n        if (this._isAllowedToHandleSourceEditingMode()) {\n            this.on('change:isSourceEditingMode', (evt, name, isSourceEditingMode)=>{\n                if (isSourceEditingMode) {\n                    this._hideVisibleDialog();\n                    this._showSourceEditing();\n                    this._disableCommands();\n                } else {\n                    this._hideSourceEditing();\n                    this._enableCommands();\n                }\n            });\n            this.on('change:isEnabled', (evt, name, isEnabled)=>this._handleReadOnlyMode(!isEnabled));\n            this.listenTo(editor, 'change:isReadOnly', (evt, name, isReadOnly)=>this._handleReadOnlyMode(isReadOnly));\n        }\n        // Update the editor data while calling editor.getData() in the source editing mode.\n        editor.data.on('get', ()=>{\n            if (this.isSourceEditingMode) {\n                this.updateEditorData();\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Updates the source data in all hidden editing roots.\n\t */ updateEditorData() {\n        const editor = this.editor;\n        const data = {};\n        for (const [rootName, domSourceEditingElementWrapper] of this._replacedRoots){\n            const oldData = this._dataFromRoots.get(rootName);\n            const newData = domSourceEditingElementWrapper.dataset.value;\n            // Do not set the data unless some changes have been made in the meantime.\n            // This prevents empty undo steps after switching to the normal editor.\n            if (oldData !== newData) {\n                data[rootName] = newData;\n                this._dataFromRoots.set(rootName, newData);\n            }\n        }\n        if (Object.keys(data).length) {\n            editor.data.set(data, {\n                batchType: {\n                    isUndoable: true\n                },\n                suppressErrorInCollaboration: true\n            });\n        }\n    }\n    _checkCompatibility() {\n        const editor = this.editor;\n        const allowCollaboration = editor.config.get('sourceEditing.allowCollaborationFeatures');\n        if (!allowCollaboration && editor.plugins.has('RealTimeCollaborativeEditing')) {\n            /**\n\t\t\t * Source editing feature is not fully compatible with real-time collaboration,\n\t\t\t * and using it may lead to data loss. Please read\n\t\t\t * {@glink features/source-editing/source-editing#limitations-and-incompatibilities source editing feature guide} to learn more.\n\t\t\t *\n\t\t\t * If you understand the possible risk of data loss, you can enable the source editing\n\t\t\t * by setting the\n\t\t\t * {@link module:source-editing/sourceeditingconfig~SourceEditingConfig#allowCollaborationFeatures}\n\t\t\t * configuration flag to `true`.\n\t\t\t *\n\t\t\t * @error source-editing-incompatible-with-real-time-collaboration\n\t\t\t */ throw new CKEditorError('source-editing-incompatible-with-real-time-collaboration', null);\n        }\n        const collaborationPluginNamesToWarn = [\n            'CommentsEditing',\n            'TrackChangesEditing',\n            'RevisionHistory'\n        ];\n        // Currently, the basic integration with Collaboration Features is to display a warning in the console.\n        //\n        // If `allowCollaboration` flag is set, do not show these warnings. If the flag is set, we assume that the integrator read\n        // appropriate section of the guide so there's no use to spam the console with warnings.\n        //\n        if (!allowCollaboration && collaborationPluginNamesToWarn.some((pluginName)=>editor.plugins.has(pluginName))) {\n            console.warn('You initialized the editor with the source editing feature and at least one of the collaboration features. ' + 'Please be advised that the source editing feature may not work, and be careful when editing document source ' + 'that contains markers created by the collaboration features.');\n        }\n        // Restricted Editing integration can also lead to problems. Warn the user accordingly.\n        if (editor.plugins.has('RestrictedEditingModeEditing')) {\n            console.warn('You initialized the editor with the source editing feature and restricted editing feature. ' + 'Please be advised that the source editing feature may not work, and be careful when editing document source ' + 'that contains markers created by the restricted editing feature.');\n        }\n    }\n    /**\n\t * Creates source editing wrappers that replace each editing root. Each wrapper contains the document source from the corresponding\n\t * root.\n\t *\n\t * The wrapper element contains a textarea and it solves the problem, that the textarea element cannot auto expand its height based on\n\t * the content it contains. The solution is to make the textarea more like a plain div element, which expands in height as much as it\n\t * needs to, in order to display the whole document source without scrolling. The wrapper element is a parent for the textarea and for\n\t * the pseudo-element `::after`, that replicates the look, content, and position of the textarea. The pseudo-element replica is hidden,\n\t * but it is styled to be an identical visual copy of the textarea with the same content. Then, the wrapper is a grid container and both\n\t * of its children (the textarea and the `::after` pseudo-element) are positioned within a CSS grid to occupy the same grid cell. The\n\t * content in the pseudo-element `::after` is set in CSS and it stretches the grid to the appropriate size based on the textarea value.\n\t * Since both children occupy the same grid cell, both have always the same height.\n\t */ _showSourceEditing() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const model = editor.model;\n        model.change((writer)=>{\n            writer.setSelection(null);\n            writer.removeSelectionAttribute(model.document.selection.getAttributeKeys());\n        });\n        // It is not needed to iterate through all editing roots, as currently the plugin supports only the Classic Editor with a single\n        // main root, but this code may help understand and use this feature in external integrations.\n        for (const [rootName, domRootElement] of editingView.domRoots){\n            const data = formatSource(editor.data.get({\n                rootName\n            }));\n            const domSourceEditingElementTextarea = createElement(domRootElement.ownerDocument, 'textarea', {\n                rows: '1',\n                'aria-label': 'Source code editing area'\n            });\n            const domSourceEditingElementWrapper = createElement(domRootElement.ownerDocument, 'div', {\n                class: 'ck-source-editing-area',\n                'data-value': data\n            }, [\n                domSourceEditingElementTextarea\n            ]);\n            domSourceEditingElementTextarea.value = data;\n            // Setting a value to textarea moves the input cursor to the end. We want the selection at the beginning.\n            domSourceEditingElementTextarea.setSelectionRange(0, 0);\n            // Bind the textarea's value to the wrapper's `data-value` property. Each change of the textarea's value updates the\n            // wrapper's `data-value` property.\n            domSourceEditingElementTextarea.addEventListener('input', ()=>{\n                domSourceEditingElementWrapper.dataset.value = domSourceEditingElementTextarea.value;\n                editor.ui.update();\n            });\n            editingView.change((writer)=>{\n                const viewRoot = editingView.document.getRoot(rootName);\n                writer.addClass('ck-hidden', viewRoot);\n            });\n            // Register the element so it becomes available for Alt+F10 and Esc navigation.\n            editor.ui.setEditableElement('sourceEditing:' + rootName, domSourceEditingElementTextarea);\n            this._replacedRoots.set(rootName, domSourceEditingElementWrapper);\n            this._elementReplacer.replace(domRootElement, domSourceEditingElementWrapper);\n            this._dataFromRoots.set(rootName, data);\n        }\n        this._hideDocumentOutline();\n        this._refreshAnnotationsVisibility();\n        this._focusSourceEditing();\n    }\n    /**\n\t * Restores all hidden editing roots and sets the source data in them.\n\t */ _hideSourceEditing() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        this.updateEditorData();\n        editingView.change((writer)=>{\n            for (const [rootName] of this._replacedRoots){\n                writer.removeClass('ck-hidden', editingView.document.getRoot(rootName));\n            }\n        });\n        this._elementReplacer.restore();\n        this._replacedRoots.clear();\n        this._dataFromRoots.clear();\n        this._showDocumentOutline();\n        this._refreshAnnotationsVisibility();\n        editingView.focus();\n    }\n    /**\n\t * Hides the document outline if it is configured.\n\t */ _hideDocumentOutline() {\n        if (this.editor.plugins.has('DocumentOutlineUI')) {\n            this.editor.plugins.get('DocumentOutlineUI').view.element.style.display = 'none';\n        }\n    }\n    /**\n\t * Shows the document outline if it was hidden when entering the source editing.\n\t */ _showDocumentOutline() {\n        if (this.editor.plugins.has('DocumentOutlineUI')) {\n            this.editor.plugins.get('DocumentOutlineUI').view.element.style.display = '';\n        }\n    }\n    /**\n\t * Hides the annotations when entering the source editing mode and shows back them after leaving it.\n\t */ _refreshAnnotationsVisibility() {\n        if (this.editor.plugins.has('Annotations')) {\n            this.editor.plugins.get('Annotations').refreshVisibility();\n        }\n    }\n    /**\n\t * Focuses the textarea containing document source from the first editing root.\n\t */ _focusSourceEditing() {\n        const editor = this.editor;\n        const [domSourceEditingElementWrapper] = this._replacedRoots.values();\n        const textarea = domSourceEditingElementWrapper.querySelector('textarea');\n        // The FocusObserver was disabled by View.render() while the DOM root was getting hidden and the replacer\n        // revealed the textarea. So it couldn't notice that the DOM root got blurred in the process.\n        // Let's sync this state manually here because otherwise Renderer will attempt to render selection\n        // in an invisible DOM root.\n        editor.editing.view.document.isFocused = false;\n        textarea.focus();\n    }\n    /**\n\t * Disables all commands.\n\t */ _disableCommands() {\n        const editor = this.editor;\n        for (const command of editor.commands.commands()){\n            command.forceDisabled(COMMAND_FORCE_DISABLE_ID);\n        }\n        // Comments archive UI plugin will be disabled manually too.\n        if (editor.plugins.has('CommentsArchiveUI')) {\n            editor.plugins.get('CommentsArchiveUI').forceDisabled(COMMAND_FORCE_DISABLE_ID);\n        }\n    }\n    /**\n\t * Clears forced disable for all commands, that was previously set through {@link #_disableCommands}.\n\t */ _enableCommands() {\n        const editor = this.editor;\n        for (const command of editor.commands.commands()){\n            command.clearForceDisabled(COMMAND_FORCE_DISABLE_ID);\n        }\n        // Comments archive UI plugin will be enabled manually too.\n        if (editor.plugins.has('CommentsArchiveUI')) {\n            editor.plugins.get('CommentsArchiveUI').clearForceDisabled(COMMAND_FORCE_DISABLE_ID);\n        }\n    }\n    /**\n\t * Adds or removes the `readonly` attribute from the textarea from all roots, if document source mode is active.\n\t *\n\t * @param isReadOnly Indicates whether all textarea elements should be read-only.\n\t */ _handleReadOnlyMode(isReadOnly) {\n        if (!this.isSourceEditingMode) {\n            return;\n        }\n        for (const [, domSourceEditingElementWrapper] of this._replacedRoots){\n            domSourceEditingElementWrapper.querySelector('textarea').readOnly = isReadOnly;\n        }\n    }\n    /**\n\t * Checks, if the plugin is allowed to handle the source editing mode by itself. Currently, the source editing mode is supported only\n\t * for the {@link module:editor-classic/classiceditor~ClassicEditor classic editor}.\n\t */ _isAllowedToHandleSourceEditingMode() {\n        const editor = this.editor;\n        const editable = editor.ui.view.editable;\n        // Checks, if the editor's editable belongs to the editor's DOM tree.\n        return editable && !editable.hasExternalElement;\n    }\n    /**\n\t * If any {@link module:ui/dialog/dialogview~DialogView editor dialog} is currently visible, hide it.\n\t */ _hideVisibleDialog() {\n        if (this.editor.plugins.has('Dialog')) {\n            const dialogPlugin = this.editor.plugins.get('Dialog');\n            if (dialogPlugin.isOpen) {\n                dialogPlugin.hide();\n            }\n        }\n    }\n    _createButton(ButtonClass) {\n        const editor = this.editor;\n        const buttonView = new ButtonClass(editor.locale);\n        buttonView.set({\n            withText: true,\n            isToggleable: true\n        });\n        buttonView.bind('isOn').to(this, 'isSourceEditingMode');\n        // The button should be disabled if one of the following conditions is met:\n        buttonView.bind('isEnabled').to(this, 'isEnabled', editor, 'isReadOnly', editor.plugins.get(PendingActions), 'hasAny', (isEnabled, isEditorReadOnly, hasAnyPendingActions)=>{\n            // (1) The plugin itself is disabled.\n            if (!isEnabled) {\n                return false;\n            }\n            // (2) The editor is in read-only mode.\n            if (isEditorReadOnly) {\n                return false;\n            }\n            // (3) Any pending action is scheduled. It may change the model, so modifying the document source should be prevented\n            // until the model is finally set.\n            if (hasAnyPendingActions) {\n                return false;\n            }\n            return true;\n        });\n        this.listenTo(buttonView, 'execute', ()=>{\n            this.isSourceEditingMode = !this.isSourceEditingMode;\n        });\n        return buttonView;\n    }\n}\n/**\n * Formats the content for a better readability.\n *\n * For a non-HTML source the unchanged input string is returned.\n *\n * @param input Input string to check.\n */ function formatSource(input) {\n    if (!isHtml(input)) {\n        return input;\n    }\n    return formatHtml(input);\n}\n/**\n * Checks, if the document source is HTML. It is sufficient to just check the first character from the document data.\n *\n * @param input Input string to check.\n */ function isHtml(input) {\n    return input.startsWith('<');\n}\n\nexport { SourceEditing };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 source-editing/sourceediting\n */\n\nimport { Plugin, PendingActions, type Editor } from 'ckeditor5/src/core.js';\nimport { IconSource } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView, type Dialog } from 'ckeditor5/src/ui.js';\nimport { CKEditorError, createElement, ElementReplacer, formatHtml } from 'ckeditor5/src/utils.js';\n\nimport '../theme/sourceediting.css';\n\nconst COMMAND_FORCE_DISABLE_ID = 'SourceEditingMode';\n\n/**\n * The source editing feature.\n *\n * It provides the possibility to view and edit the source of the document.\n *\n * For a detailed overview, check the {@glink features/source-editing/source-editing source editing feature documentation} and the\n * {@glink api/source-editing package page}.\n */\nexport class SourceEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SourceEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ PendingActions ] as const;\n\t}\n\n\t/**\n\t * Flag indicating whether the document source mode is active.\n\t *\n\t * @observable\n\t */\n\tdeclare public isSourceEditingMode: boolean;\n\n\t/**\n\t * The element replacer instance used to replace the editing roots with the wrapper elements containing the document source.\n\t */\n\tprivate _elementReplacer: ElementReplacer;\n\n\t/**\n\t * Maps all root names to wrapper elements containing the document source.\n\t */\n\tprivate _replacedRoots: Map<string, HTMLElement>;\n\n\t/**\n\t * Maps all root names to their document data.\n\t */\n\tprivate _dataFromRoots: Map<string, string>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.set( 'isSourceEditingMode', false );\n\t\tthis._elementReplacer = new ElementReplacer();\n\t\tthis._replacedRoots = new Map();\n\t\tthis._dataFromRoots = new Map();\n\n\t\teditor.config.define( 'sourceEditing.allowCollaborationFeatures', false );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis._checkCompatibility();\n\n\t\tconst editor = this.editor;\n\t\tconst t = editor.locale.t;\n\n\t\teditor.ui.componentFactory.add( 'sourceEditing', () => {\n\t\t\tconst buttonView = this._createButton( ButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\tlabel: t( 'Source' ),\n\t\t\t\ticon: IconSource,\n\t\t\t\ttooltip: true,\n\t\t\t\tclass: 'ck-source-editing-button'\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:sourceEditing', () => {\n\t\t\tconst buttonView = this._createButton( MenuBarMenuListItemButtonView );\n\n\t\t\tbuttonView.set( {\n\t\t\t\tlabel: t( 'Show source' ),\n\t\t\t\trole: 'menuitemcheckbox'\n\t\t\t} );\n\n\t\t\treturn buttonView;\n\t\t} );\n\n\t\t// Currently, the plugin handles the source editing mode by itself only for the classic editor. To use this plugin with other\n\t\t// integrations, listen to the `change:isSourceEditingMode` event and act accordingly.\n\t\tif ( this._isAllowedToHandleSourceEditingMode() ) {\n\t\t\tthis.on( 'change:isSourceEditingMode', ( evt, name, isSourceEditingMode ) => {\n\t\t\t\tif ( isSourceEditingMode ) {\n\t\t\t\t\tthis._hideVisibleDialog();\n\t\t\t\t\tthis._showSourceEditing();\n\t\t\t\t\tthis._disableCommands();\n\t\t\t\t} else {\n\t\t\t\t\tthis._hideSourceEditing();\n\t\t\t\t\tthis._enableCommands();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tthis.on( 'change:isEnabled', ( evt, name, isEnabled ) => this._handleReadOnlyMode( !isEnabled ) );\n\n\t\t\tthis.listenTo( editor, 'change:isReadOnly', ( evt, name, isReadOnly ) => this._handleReadOnlyMode( isReadOnly ) );\n\t\t}\n\n\t\t// Update the editor data while calling editor.getData() in the source editing mode.\n\t\teditor.data.on( 'get', () => {\n\t\t\tif ( this.isSourceEditingMode ) {\n\t\t\t\tthis.updateEditorData();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Updates the source data in all hidden editing roots.\n\t */\n\tpublic updateEditorData(): void {\n\t\tconst editor = this.editor;\n\t\tconst data: Record<string, string> = {};\n\n\t\tfor ( const [ rootName, domSourceEditingElementWrapper ] of this._replacedRoots ) {\n\t\t\tconst oldData = this._dataFromRoots.get( rootName );\n\t\t\tconst newData = domSourceEditingElementWrapper.dataset.value!;\n\n\t\t\t// Do not set the data unless some changes have been made in the meantime.\n\t\t\t// This prevents empty undo steps after switching to the normal editor.\n\t\t\tif ( oldData !== newData ) {\n\t\t\t\tdata[ rootName ] = newData;\n\t\t\t\tthis._dataFromRoots.set( rootName, newData );\n\t\t\t}\n\t\t}\n\n\t\tif ( Object.keys( data ).length ) {\n\t\t\teditor.data.set( data, { batchType: { isUndoable: true }, suppressErrorInCollaboration: true } );\n\t\t}\n\t}\n\n\tprivate _checkCompatibility() {\n\t\tconst editor = this.editor;\n\t\tconst allowCollaboration = editor.config.get( 'sourceEditing.allowCollaborationFeatures' );\n\n\t\tif ( !allowCollaboration && editor.plugins.has( 'RealTimeCollaborativeEditing' ) ) {\n\t\t\t/**\n\t\t\t * Source editing feature is not fully compatible with real-time collaboration,\n\t\t\t * and using it may lead to data loss. Please read\n\t\t\t * {@glink features/source-editing/source-editing#limitations-and-incompatibilities source editing feature guide} to learn more.\n\t\t\t *\n\t\t\t * If you understand the possible risk of data loss, you can enable the source editing\n\t\t\t * by setting the\n\t\t\t * {@link module:source-editing/sourceeditingconfig~SourceEditingConfig#allowCollaborationFeatures}\n\t\t\t * configuration flag to `true`.\n\t\t\t *\n\t\t\t * @error source-editing-incompatible-with-real-time-collaboration\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'source-editing-incompatible-with-real-time-collaboration', null );\n\t\t}\n\n\t\tconst collaborationPluginNamesToWarn = [\n\t\t\t'CommentsEditing',\n\t\t\t'TrackChangesEditing',\n\t\t\t'RevisionHistory'\n\t\t];\n\n\t\t// Currently, the basic integration with Collaboration Features is to display a warning in the console.\n\t\t//\n\t\t// If `allowCollaboration` flag is set, do not show these warnings. If the flag is set, we assume that the integrator read\n\t\t// appropriate section of the guide so there's no use to spam the console with warnings.\n\t\t//\n\t\tif ( !allowCollaboration && collaborationPluginNamesToWarn.some( pluginName => editor.plugins.has( pluginName ) ) ) {\n\t\t\tconsole.warn(\n\t\t\t\t'You initialized the editor with the source editing feature and at least one of the collaboration features. ' +\n\t\t\t\t'Please be advised that the source editing feature may not work, and be careful when editing document source ' +\n\t\t\t\t'that contains markers created by the collaboration features.'\n\t\t\t);\n\t\t}\n\n\t\t// Restricted Editing integration can also lead to problems. Warn the user accordingly.\n\t\tif ( editor.plugins.has( 'RestrictedEditingModeEditing' ) ) {\n\t\t\tconsole.warn(\n\t\t\t\t'You initialized the editor with the source editing feature and restricted editing feature. ' +\n\t\t\t\t'Please be advised that the source editing feature may not work, and be careful when editing document source ' +\n\t\t\t\t'that contains markers created by the restricted editing feature.'\n\t\t\t);\n\t\t}\n\t}\n\n\t/**\n\t * Creates source editing wrappers that replace each editing root. Each wrapper contains the document source from the corresponding\n\t * root.\n\t *\n\t * The wrapper element contains a textarea and it solves the problem, that the textarea element cannot auto expand its height based on\n\t * the content it contains. The solution is to make the textarea more like a plain div element, which expands in height as much as it\n\t * needs to, in order to display the whole document source without scrolling. The wrapper element is a parent for the textarea and for\n\t * the pseudo-element `::after`, that replicates the look, content, and position of the textarea. The pseudo-element replica is hidden,\n\t * but it is styled to be an identical visual copy of the textarea with the same content. Then, the wrapper is a grid container and both\n\t * of its children (the textarea and the `::after` pseudo-element) are positioned within a CSS grid to occupy the same grid cell. The\n\t * content in the pseudo-element `::after` is set in CSS and it stretches the grid to the appropriate size based on the textarea value.\n\t * Since both children occupy the same grid cell, both have always the same height.\n\t */\n\tprivate _showSourceEditing(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst model = editor.model;\n\n\t\tmodel.change( writer => {\n\t\t\twriter.setSelection( null );\n\t\t\twriter.removeSelectionAttribute( model.document.selection.getAttributeKeys() );\n\t\t} );\n\n\t\t// It is not needed to iterate through all editing roots, as currently the plugin supports only the Classic Editor with a single\n\t\t// main root, but this code may help understand and use this feature in external integrations.\n\t\tfor ( const [ rootName, domRootElement ] of editingView.domRoots ) {\n\t\t\tconst data = formatSource( editor.data.get( { rootName } ) );\n\n\t\t\tconst domSourceEditingElementTextarea = createElement( domRootElement.ownerDocument, 'textarea', {\n\t\t\t\trows: '1',\n\t\t\t\t'aria-label': 'Source code editing area'\n\t\t\t} );\n\n\t\t\tconst domSourceEditingElementWrapper = createElement( domRootElement.ownerDocument, 'div', {\n\t\t\t\tclass: 'ck-source-editing-area',\n\t\t\t\t'data-value': data\n\t\t\t}, [ domSourceEditingElementTextarea ] );\n\n\t\t\tdomSourceEditingElementTextarea.value = data;\n\n\t\t\t// Setting a value to textarea moves the input cursor to the end. We want the selection at the beginning.\n\t\t\tdomSourceEditingElementTextarea.setSelectionRange( 0, 0 );\n\n\t\t\t// Bind the textarea's value to the wrapper's `data-value` property. Each change of the textarea's value updates the\n\t\t\t// wrapper's `data-value` property.\n\t\t\tdomSourceEditingElementTextarea.addEventListener( 'input', () => {\n\t\t\t\tdomSourceEditingElementWrapper.dataset.value = domSourceEditingElementTextarea.value;\n\n\t\t\t\teditor.ui.update();\n\t\t\t} );\n\n\t\t\teditingView.change( writer => {\n\t\t\t\tconst viewRoot = editingView.document.getRoot( rootName )!;\n\n\t\t\t\twriter.addClass( 'ck-hidden', viewRoot );\n\t\t\t} );\n\n\t\t\t// Register the element so it becomes available for Alt+F10 and Esc navigation.\n\t\t\teditor.ui.setEditableElement( 'sourceEditing:' + rootName, domSourceEditingElementTextarea );\n\n\t\t\tthis._replacedRoots.set( rootName, domSourceEditingElementWrapper );\n\n\t\t\tthis._elementReplacer.replace( domRootElement, domSourceEditingElementWrapper );\n\n\t\t\tthis._dataFromRoots.set( rootName, data );\n\t\t}\n\n\t\tthis._hideDocumentOutline();\n\t\tthis._refreshAnnotationsVisibility();\n\t\tthis._focusSourceEditing();\n\t}\n\n\t/**\n\t * Restores all hidden editing roots and sets the source data in them.\n\t */\n\tprivate _hideSourceEditing(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\n\t\tthis.updateEditorData();\n\n\t\teditingView.change( writer => {\n\t\t\tfor ( const [ rootName ] of this._replacedRoots ) {\n\t\t\t\twriter.removeClass( 'ck-hidden', editingView.document.getRoot( rootName )! );\n\t\t\t}\n\t\t} );\n\n\t\tthis._elementReplacer.restore();\n\n\t\tthis._replacedRoots.clear();\n\t\tthis._dataFromRoots.clear();\n\n\t\tthis._showDocumentOutline();\n\t\tthis._refreshAnnotationsVisibility();\n\n\t\teditingView.focus();\n\t}\n\n\t/**\n\t * Hides the document outline if it is configured.\n\t */\n\tprivate _hideDocumentOutline() {\n\t\tif ( this.editor.plugins.has( 'DocumentOutlineUI' ) ) {\n\t\t\t( this.editor.plugins.get( 'DocumentOutlineUI' ) as any ).view!.element!.style.display = 'none';\n\t\t}\n\t}\n\n\t/**\n\t * Shows the document outline if it was hidden when entering the source editing.\n\t */\n\tprivate _showDocumentOutline() {\n\t\tif ( this.editor.plugins.has( 'DocumentOutlineUI' ) ) {\n\t\t\t( this.editor.plugins.get( 'DocumentOutlineUI' ) as any ).view!.element!.style.display = '';\n\t\t}\n\t}\n\n\t/**\n\t * Hides the annotations when entering the source editing mode and shows back them after leaving it.\n\t */\n\tprivate _refreshAnnotationsVisibility() {\n\t\tif ( this.editor.plugins.has( 'Annotations' ) ) {\n\t\t\t( this.editor.plugins.get( 'Annotations' ) as any ).refreshVisibility();\n\t\t}\n\t}\n\n\t/**\n\t * Focuses the textarea containing document source from the first editing root.\n\t */\n\tprivate _focusSourceEditing(): void {\n\t\tconst editor = this.editor;\n\t\tconst [ domSourceEditingElementWrapper ] = this._replacedRoots.values();\n\t\tconst textarea = domSourceEditingElementWrapper.querySelector( 'textarea' )!;\n\n\t\t// The FocusObserver was disabled by View.render() while the DOM root was getting hidden and the replacer\n\t\t// revealed the textarea. So it couldn't notice that the DOM root got blurred in the process.\n\t\t// Let's sync this state manually here because otherwise Renderer will attempt to render selection\n\t\t// in an invisible DOM root.\n\t\teditor.editing.view.document.isFocused = false;\n\n\t\ttextarea.focus();\n\t}\n\n\t/**\n\t * Disables all commands.\n\t */\n\tprivate _disableCommands(): void {\n\t\tconst editor = this.editor;\n\n\t\tfor ( const command of editor.commands.commands() ) {\n\t\t\tcommand.forceDisabled( COMMAND_FORCE_DISABLE_ID );\n\t\t}\n\n\t\t// Comments archive UI plugin will be disabled manually too.\n\t\tif ( editor.plugins.has( 'CommentsArchiveUI' ) ) {\n\t\t\t( editor.plugins.get( 'CommentsArchiveUI' ) as Plugin ).forceDisabled( COMMAND_FORCE_DISABLE_ID );\n\t\t}\n\t}\n\n\t/**\n\t * Clears forced disable for all commands, that was previously set through {@link #_disableCommands}.\n\t */\n\tprivate _enableCommands(): void {\n\t\tconst editor = this.editor;\n\n\t\tfor ( const command of editor.commands.commands() ) {\n\t\t\tcommand.clearForceDisabled( COMMAND_FORCE_DISABLE_ID );\n\t\t}\n\n\t\t// Comments archive UI plugin will be enabled manually too.\n\t\tif ( editor.plugins.has( 'CommentsArchiveUI' ) ) {\n\t\t\t( editor.plugins.get( 'CommentsArchiveUI' ) as Plugin ).clearForceDisabled( COMMAND_FORCE_DISABLE_ID );\n\t\t}\n\t}\n\n\t/**\n\t * Adds or removes the `readonly` attribute from the textarea from all roots, if document source mode is active.\n\t *\n\t * @param isReadOnly Indicates whether all textarea elements should be read-only.\n\t */\n\tprivate _handleReadOnlyMode( isReadOnly: boolean ): void {\n\t\tif ( !this.isSourceEditingMode ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor ( const [ , domSourceEditingElementWrapper ] of this._replacedRoots ) {\n\t\t\tdomSourceEditingElementWrapper.querySelector( 'textarea' )!.readOnly = isReadOnly;\n\t\t}\n\t}\n\n\t/**\n\t * Checks, if the plugin is allowed to handle the source editing mode by itself. Currently, the source editing mode is supported only\n\t * for the {@link module:editor-classic/classiceditor~ClassicEditor classic editor}.\n\t */\n\tprivate _isAllowedToHandleSourceEditingMode(): boolean {\n\t\tconst editor = this.editor;\n\t\tconst editable = editor.ui.view.editable;\n\n\t\t// Checks, if the editor's editable belongs to the editor's DOM tree.\n\t\treturn editable && !editable.hasExternalElement;\n\t}\n\n\t/**\n\t * If any {@link module:ui/dialog/dialogview~DialogView editor dialog} is currently visible, hide it.\n\t */\n\tprivate _hideVisibleDialog(): void {\n\t\tif ( this.editor.plugins.has( 'Dialog' ) ) {\n\t\t\tconst dialogPlugin: Dialog = this.editor.plugins.get( 'Dialog' );\n\n\t\t\tif ( dialogPlugin.isOpen ) {\n\t\t\t\tdialogPlugin.hide();\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _createButton<T extends typeof ButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst buttonView = new ButtonClass( editor.locale ) as InstanceType<T>;\n\n\t\tbuttonView.set( {\n\t\t\twithText: true,\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\tbuttonView.bind( 'isOn' ).to( this, 'isSourceEditingMode' );\n\n\t\t// The button should be disabled if one of the following conditions is met:\n\t\tbuttonView.bind( 'isEnabled' ).to(\n\t\t\tthis, 'isEnabled',\n\t\t\teditor, 'isReadOnly',\n\t\t\teditor.plugins.get( PendingActions ), 'hasAny',\n\t\t\t( isEnabled, isEditorReadOnly, hasAnyPendingActions ) => {\n\t\t\t\t// (1) The plugin itself is disabled.\n\t\t\t\tif ( !isEnabled ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\t// (2) The editor is in read-only mode.\n\t\t\t\tif ( isEditorReadOnly ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\t// (3) Any pending action is scheduled. It may change the model, so modifying the document source should be prevented\n\t\t\t\t// until the model is finally set.\n\t\t\t\tif ( hasAnyPendingActions ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn true;\n\t\t\t}\n\t\t);\n\n\t\tthis.listenTo( buttonView, 'execute', () => {\n\t\t\tthis.isSourceEditingMode = !this.isSourceEditingMode;\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n}\n\n/**\n * Formats the content for a better readability.\n *\n * For a non-HTML source the unchanged input string is returned.\n *\n * @param input Input string to check.\n */\nfunction formatSource( input: string ): string {\n\tif ( !isHtml( input ) ) {\n\t\treturn input;\n\t}\n\n\treturn formatHtml( input );\n}\n\n/**\n * Checks, if the document source is HTML. It is sufficient to just check the first character from the document data.\n *\n * @param input Input string to check.\n */\nfunction isHtml( input: string ): boolean {\n\treturn input.startsWith( '<' );\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { Typing } from '@ckeditor/ckeditor5-typing/dist/index.js';\nimport { IconSpecialCharacters } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { View, addKeyboardHandlingForGrid, ButtonView, FocusCycler, LabeledFieldView, createLabeledDropdown, UIModel, addListToDropdown, Dialog, MenuBarMenuListItemButtonView, DialogViewPosition } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { FocusTracker, KeystrokeHandler, global, Collection, CKEditorError } from '@ckeditor/ckeditor5-utils/dist/index.js';\n\n/**\n * A grid of character tiles. It allows browsing special characters and selecting the character to\n * be inserted into the content.\n *\n * @internal\n */ class CharacterGridView extends View {\n    /**\n\t * A collection of the child tile views. Each tile represents a particular character.\n\t */ tiles;\n    /**\n\t * Tracks information about the DOM focus in the grid.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * Creates an instance of a character grid containing tiles representing special characters.\n\t *\n\t * @param locale The localization services instance.\n\t */ constructor(locale){\n        super(locale);\n        this.tiles = this.createCollection();\n        this.setTemplate({\n            tag: 'div',\n            children: [\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-character-grid__tiles'\n                        ]\n                    },\n                    children: this.tiles\n                }\n            ],\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-character-grid'\n                ]\n            }\n        });\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        addKeyboardHandlingForGrid({\n            keystrokeHandler: this.keystrokes,\n            focusTracker: this.focusTracker,\n            gridItems: this.tiles,\n            numberOfColumns: ()=>global.window.getComputedStyle(this.element.firstChild) // Responsive .ck-character-grid__tiles\n                .getPropertyValue('grid-template-columns').split(' ').length,\n            uiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n        });\n    }\n    /**\n\t * Creates a new tile for the grid.\n\t *\n\t * @param character A human-readable character displayed as the label (e.g. \"ε\").\n\t * @param name The name of the character (e.g. \"greek small letter epsilon\").\n\t */ createTile(character, name) {\n        const tile = new ButtonView(this.locale);\n        tile.set({\n            label: character,\n            withText: true,\n            class: 'ck-character-grid__tile'\n        });\n        // Labels are vital for the users to understand what character they're looking at.\n        // For now we're using native title attribute for that, see #5817.\n        tile.extendTemplate({\n            attributes: {\n                title: name\n            },\n            on: {\n                mouseover: tile.bindTemplate.to('mouseover'),\n                focus: tile.bindTemplate.to('focus')\n            }\n        });\n        tile.on('mouseover', ()=>{\n            this.fire('tileHover', {\n                name,\n                character\n            });\n        });\n        tile.on('focus', ()=>{\n            this.fire('tileFocus', {\n                name,\n                character\n            });\n        });\n        tile.on('execute', ()=>{\n            this.fire('execute', {\n                name,\n                character\n            });\n        });\n        return tile;\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        for (const item of this.tiles){\n            this.focusTracker.add(item.element);\n        }\n        this.tiles.on('change', (eventInfo, { added, removed })=>{\n            if (added.length > 0) {\n                for (const item of added){\n                    this.focusTracker.add(item.element);\n                }\n            }\n            if (removed.length > 0) {\n                for (const item of removed){\n                    this.focusTracker.remove(item.element);\n                }\n            }\n        });\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the first focusable in {@link ~CharacterGridView#tiles}.\n\t */ focus() {\n        this.tiles.first.focus();\n    }\n}\n\n/**\n * The view displaying detailed information about a special character glyph, e.g. upon\n * hovering it with a mouse.\n *\n * @internal\n */ class CharacterInfoView extends View {\n    constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.set('character', null);\n        this.set('name', null);\n        this.bind('code').to(this, 'character', characterToUnicodeString);\n        this.setTemplate({\n            tag: 'div',\n            children: [\n                {\n                    tag: 'span',\n                    attributes: {\n                        class: [\n                            'ck-character-info__name'\n                        ]\n                    },\n                    children: [\n                        {\n                            // Note: ZWSP to prevent vertical collapsing.\n                            text: bind.to('name', (name)=>name ? name : '\\u200B')\n                        }\n                    ]\n                },\n                {\n                    tag: 'span',\n                    attributes: {\n                        class: [\n                            'ck-character-info__code'\n                        ]\n                    },\n                    children: [\n                        {\n                            text: bind.to('code')\n                        }\n                    ]\n                }\n            ],\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-character-info'\n                ]\n            }\n        });\n    }\n}\n/**\n * Converts a character into a \"Unicode string\", for instance:\n *\n * \"$\" -> \"U+0024\"\n *\n * Returns an empty string when the character is `null`.\n */ function characterToUnicodeString(character) {\n    if (character === null) {\n        return '';\n    }\n    const hexCode = character.codePointAt(0).toString(16);\n    return 'U+' + ('0000' + hexCode).slice(-4);\n}\n\n/**\n * A view that glues pieces of the special characters dropdown panel together:\n *\n * * the navigation view (allows selecting the category),\n * * the grid view (displays characters as a grid),\n * * and the info view (displays detailed info about a specific character).\n *\n * @internal\n */ class SpecialCharactersView extends View {\n    /**\n\t * A collection of the focusable children of the view.\n\t */ items;\n    /**\n\t * Tracks information about the DOM focus in the view.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * Helps cycling over focusable {@link #items} in the view.\n\t */ _focusCycler;\n    /**\n\t * An instance of the `SpecialCharactersCategoriesView`.\n\t */ categoriesView;\n    /**\n\t * An instance of the `CharacterGridView`.\n\t */ gridView;\n    /**\n\t * An instance of the `CharacterInfoView`.\n\t */ infoView;\n    /**\n\t * Creates an instance of the `SpecialCharactersView`.\n\t */ constructor(locale, categoriesView, gridView, infoView){\n        super(locale);\n        this.categoriesView = categoriesView;\n        this.gridView = gridView;\n        this.infoView = infoView;\n        this.items = this.createCollection();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this._focusCycler = new FocusCycler({\n            focusables: this.items,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                focusPrevious: 'shift + tab',\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            children: [\n                this.categoriesView,\n                this.gridView,\n                this.infoView\n            ],\n            attributes: {\n                // Avoid focus loss when the user clicks the area of the grid that is not a button.\n                // https://github.com/ckeditor/ckeditor5/pull/12319#issuecomment-1231779819\n                tabindex: '-1'\n            }\n        });\n        this.items.add(this.categoriesView);\n        this.items.add(this.gridView);\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this.focusTracker.add(this.categoriesView.element);\n        this.focusTracker.add(this.gridView.element);\n        // Start listening for the keystrokes coming from #element.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the first focusable in {@link #items}.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n}\n\n/**\n * A class representing the navigation part of the special characters UI. It is responsible\n * for describing the feature and allowing the user to select a particular character group.\n *\n * @internal\n */ class SpecialCharactersCategoriesView extends View {\n    _groupNames;\n    _dropdownView;\n    /**\n\t * Creates an instance of the {@link module:special-characters/ui/specialcharacterscategoriesview~SpecialCharactersCategoriesView}\n\t * class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param groupNames The names of the character groups.\n\t */ constructor(locale, groupNames){\n        super(locale);\n        this.set('currentGroupName', Array.from(groupNames.entries())[0][0]);\n        this._groupNames = groupNames;\n        this._dropdownView = new LabeledFieldView(locale, createLabeledDropdown);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-character-categories'\n                ]\n            },\n            children: [\n                this._dropdownView\n            ]\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        this._setupDropdown();\n    }\n    /**\n\t * @inheritDoc\n\t */ focus() {\n        this._dropdownView.focus();\n    }\n    /**\n\t * Creates dropdown item list, sets up bindings and fills properties.\n\t */ _setupDropdown() {\n        const items = new Collection();\n        for (const [name, label] of this._groupNames){\n            const item = {\n                type: 'button',\n                model: new UIModel({\n                    name,\n                    label,\n                    role: 'menuitemradio',\n                    withText: true\n                })\n            };\n            item.model.bind('isOn').to(this, 'currentGroupName', (value)=>{\n                return value === name;\n            });\n            items.add(item);\n        }\n        const t = this.locale.t;\n        const accessibleLabel = t('Category');\n        this._dropdownView.set({\n            label: accessibleLabel,\n            isEmpty: false\n        });\n        this._dropdownView.fieldView.panelPosition = this.locale.uiLanguageDirection === 'rtl' ? 'se' : 'sw';\n        this._dropdownView.fieldView.buttonView.set({\n            withText: true,\n            tooltip: accessibleLabel,\n            ariaLabel: accessibleLabel,\n            ariaLabelledBy: undefined,\n            isOn: false\n        });\n        this._dropdownView.fieldView.buttonView.bind('label').to(this, 'currentGroupName', (value)=>this._groupNames.get(value));\n        this._dropdownView.fieldView.on('execute', ({ source })=>{\n            this.currentGroupName = source.name;\n        });\n        addListToDropdown(this._dropdownView.fieldView, items, {\n            ariaLabel: accessibleLabel,\n            role: 'menu'\n        });\n    }\n}\n\nconst ALL_SPECIAL_CHARACTERS_GROUP = 'All';\n/**\n * The special characters feature.\n *\n * Introduces the `'specialCharacters'` dropdown.\n */ class SpecialCharacters extends Plugin {\n    /**\n\t * Registered characters. A pair of a character name and its symbol.\n\t */ _characters;\n    /**\n\t * Registered groups. Each group contains a displayed label and a collection with symbol names.\n\t */ _groups;\n    /**\n\t * A label describing the \"All\" special characters category.\n\t */ _allSpecialCharactersGroupLabel;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Typing,\n            Dialog\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SpecialCharacters';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'SCH';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        const t = editor.t;\n        this._characters = new Map();\n        this._groups = new Map();\n        this._allSpecialCharactersGroupLabel = t('All');\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.ui.componentFactory.add('specialCharacters', ()=>{\n            const button = this._createDialogButton(ButtonView);\n            button.set({\n                tooltip: true\n            });\n            return button;\n        });\n        editor.ui.componentFactory.add('menuBar:specialCharacters', ()=>{\n            return this._createDialogButton(MenuBarMenuListItemButtonView);\n        });\n    }\n    /**\n\t * Adds a collection of special characters to the specified group. The title of a special character must be unique.\n\t *\n\t * **Note:** The \"All\" category name is reserved by the plugin and cannot be used as a new name for a special\n\t * characters category.\n\t */ addItems(groupName, items, options = {\n        label: groupName\n    }) {\n        if (groupName === ALL_SPECIAL_CHARACTERS_GROUP) {\n            /**\n\t\t\t * The name \"All\" for a special category group cannot be used because it is a special category that displays all\n\t\t\t * available special characters.\n\t\t\t *\n\t\t\t * @error special-character-invalid-group-name\n\t\t\t */ throw new CKEditorError('special-character-invalid-group-name', null);\n        }\n        const group = this._getGroup(groupName, options.label);\n        for (const item of items){\n            group.items.add(item.title);\n            this._characters.set(item.title, item.character);\n        }\n    }\n    /**\n\t * Returns special character groups in an order determined based on configuration and registration sequence.\n\t */ getGroups() {\n        const groups = Array.from(this._groups.keys());\n        const order = this.editor.config.get('specialCharacters.order') || [];\n        const invalidGroup = order.find((item)=>!groups.includes(item));\n        if (invalidGroup) {\n            /**\n\t\t\t * One of the special character groups in the \"specialCharacters.order\" configuration doesn't exist.\n\t\t\t *\n\t\t\t * @error special-character-invalid-order-group-name\n\t\t\t */ throw new CKEditorError('special-character-invalid-order-group-name', null, {\n                invalidGroup\n            });\n        }\n        return new Set([\n            ...order,\n            ...groups\n        ]);\n    }\n    /**\n\t * Returns a collection of special characters symbol names (titles).\n\t */ getCharactersForGroup(groupName) {\n        if (groupName === ALL_SPECIAL_CHARACTERS_GROUP) {\n            return new Set(this._characters.keys());\n        }\n        const group = this._groups.get(groupName);\n        if (group) {\n            return group.items;\n        }\n    }\n    /**\n\t * Returns the symbol of a special character for the specified name. If the special character could not be found, `undefined`\n\t * is returned.\n\t *\n\t * @param title The title of a special character.\n\t */ getCharacter(title) {\n        return this._characters.get(title);\n    }\n    /**\n\t * Returns a group of special characters. If the group with the specified name does not exist, it will be created.\n\t *\n\t * @param groupName The name of the group to create.\n\t * @param label The label describing the new group.\n\t */ _getGroup(groupName, label) {\n        if (!this._groups.has(groupName)) {\n            this._groups.set(groupName, {\n                items: new Set(),\n                label\n            });\n        }\n        return this._groups.get(groupName);\n    }\n    /**\n\t * Updates the symbol grid depending on the currently selected character group.\n\t */ _updateGrid(currentGroupName, gridView) {\n        // Updating the grid starts with removing all tiles belonging to the old group.\n        gridView.tiles.clear();\n        const characterTitles = this.getCharactersForGroup(currentGroupName);\n        for (const title of characterTitles){\n            const character = this.getCharacter(title);\n            gridView.tiles.add(gridView.createTile(character, title));\n        }\n    }\n    /**\n\t * Initializes the dropdown, used for lazy loading.\n\t *\n\t * @returns An object with `categoriesView`, `gridView` and `infoView` properties, containing UI parts.\n\t */ _createDropdownPanelContent(locale) {\n        const groupEntries = Array.from(this.getGroups()).map((name)=>[\n                name,\n                this._groups.get(name).label\n            ]);\n        // The map contains a name of category (an identifier) and its label (a translational string).\n        const specialCharsGroups = new Map([\n            // Add a special group that shows all available special characters.\n            [\n                ALL_SPECIAL_CHARACTERS_GROUP,\n                this._allSpecialCharactersGroupLabel\n            ],\n            ...groupEntries\n        ]);\n        const categoriesView = new SpecialCharactersCategoriesView(locale, specialCharsGroups);\n        const gridView = new CharacterGridView(locale);\n        const infoView = new CharacterInfoView(locale);\n        gridView.on('tileHover', (evt, data)=>{\n            infoView.set(data);\n        });\n        gridView.on('tileFocus', (evt, data)=>{\n            infoView.set(data);\n        });\n        // Update the grid of special characters when a user changed the character group.\n        categoriesView.on('change:currentGroupName', (evt, propertyName, newValue)=>{\n            this._updateGrid(newValue, gridView);\n        });\n        // Set the initial content of the special characters grid.\n        this._updateGrid(categoriesView.currentGroupName, gridView);\n        return {\n            categoriesView,\n            gridView,\n            infoView\n        };\n    }\n    /**\n\t * Creates a button for toolbar and menu bar that will show special characters dialog.\n\t */ _createDialogButton(ButtonClass) {\n        const editor = this.editor;\n        const locale = editor.locale;\n        const buttonView = new ButtonClass(editor.locale);\n        const command = editor.commands.get('insertText');\n        const t = locale.t;\n        const dialogPlugin = this.editor.plugins.get('Dialog');\n        buttonView.set({\n            label: t('Special characters'),\n            icon: IconSpecialCharacters,\n            isToggleable: true\n        });\n        buttonView.bind('isOn').to(dialogPlugin, 'id', (id)=>id === 'specialCharacters');\n        buttonView.bind('isEnabled').to(command, 'isEnabled');\n        buttonView.on('execute', ()=>{\n            if (dialogPlugin.id === 'specialCharacters') {\n                dialogPlugin.hide();\n                return;\n            }\n            this._showDialog();\n        });\n        return buttonView;\n    }\n    _showDialog() {\n        const editor = this.editor;\n        const dialog = editor.plugins.get('Dialog');\n        const locale = editor.locale;\n        const t = locale.t;\n        const { categoriesView, gridView, infoView } = this._createDropdownPanelContent(locale);\n        const content = new SpecialCharactersView(locale, categoriesView, gridView, infoView);\n        gridView.on('execute', (evt, data)=>{\n            editor.execute('insertText', {\n                text: data.character\n            });\n        });\n        dialog.show({\n            id: 'specialCharacters',\n            title: t('Special characters'),\n            className: 'ck-special-characters',\n            content,\n            position: DialogViewPosition.EDITOR_TOP_SIDE\n        });\n    }\n}\n\n/**\n * A plugin that provides special characters for the \"Arrows\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersArrows ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */ class SpecialCharactersArrows extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SpecialCharactersArrows';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const plugin = editor.plugins.get('SpecialCharacters');\n        plugin.addItems('Arrows', [\n            {\n                title: t('leftwards simple arrow'),\n                character: '←'\n            },\n            {\n                title: t('rightwards simple arrow'),\n                character: '→'\n            },\n            {\n                title: t('upwards simple arrow'),\n                character: '↑'\n            },\n            {\n                title: t('downwards simple arrow'),\n                character: '↓'\n            },\n            {\n                title: t('leftwards double arrow'),\n                character: '⇐'\n            },\n            {\n                title: t('rightwards double arrow'),\n                character: '⇒'\n            },\n            {\n                title: t('upwards double arrow'),\n                character: '⇑'\n            },\n            {\n                title: t('downwards double arrow'),\n                character: '⇓'\n            },\n            {\n                title: t('leftwards dashed arrow'),\n                character: '⇠'\n            },\n            {\n                title: t('rightwards dashed arrow'),\n                character: '⇢'\n            },\n            {\n                title: t('upwards dashed arrow'),\n                character: '⇡'\n            },\n            {\n                title: t('downwards dashed arrow'),\n                character: '⇣'\n            },\n            {\n                title: t('leftwards arrow to bar'),\n                character: '⇤'\n            },\n            {\n                title: t('rightwards arrow to bar'),\n                character: '⇥'\n            },\n            {\n                title: t('upwards arrow to bar'),\n                character: '⤒'\n            },\n            {\n                title: t('downwards arrow to bar'),\n                character: '⤓'\n            },\n            {\n                title: t('up down arrow with base'),\n                character: '↨'\n            },\n            {\n                title: t('back with leftwards arrow above'),\n                character: '🔙'\n            },\n            {\n                title: t('end with leftwards arrow above'),\n                character: '🔚'\n            },\n            {\n                title: t('on with exclamation mark with left right arrow above'),\n                character: '🔛'\n            },\n            {\n                title: t('soon with rightwards arrow above'),\n                character: '🔜'\n            },\n            {\n                title: t('top with upwards arrow above'),\n                character: '🔝'\n            }\n        ], {\n            label: t('Arrows')\n        });\n    }\n}\n\n/**\n * A plugin that provides special characters for the \"Text\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersText ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */ class SpecialCharactersText extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SpecialCharactersText';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const plugin = editor.plugins.get('SpecialCharacters');\n        plugin.addItems('Text', [\n            {\n                character: '‹',\n                title: t('Single left-pointing angle quotation mark')\n            },\n            {\n                character: '›',\n                title: t('Single right-pointing angle quotation mark')\n            },\n            {\n                character: '«',\n                title: t('Left-pointing double angle quotation mark')\n            },\n            {\n                character: '»',\n                title: t('Right-pointing double angle quotation mark')\n            },\n            {\n                character: '‘',\n                title: t('Left single quotation mark')\n            },\n            {\n                character: '’',\n                title: t('Right single quotation mark')\n            },\n            {\n                character: '“',\n                title: t('Left double quotation mark')\n            },\n            {\n                character: '”',\n                title: t('Right double quotation mark')\n            },\n            {\n                character: '‚',\n                title: t('Single low-9 quotation mark')\n            },\n            {\n                character: '„',\n                title: t('Double low-9 quotation mark')\n            },\n            {\n                character: '¡',\n                title: t('Inverted exclamation mark')\n            },\n            {\n                character: '¿',\n                title: t('Inverted question mark')\n            },\n            {\n                character: '‥',\n                title: t('Two dot leader')\n            },\n            {\n                character: '…',\n                title: t('Horizontal ellipsis')\n            },\n            {\n                character: '‡',\n                title: t('Double dagger')\n            },\n            {\n                character: '‰',\n                title: t('Per mille sign')\n            },\n            {\n                character: '‱',\n                title: t('Per ten thousand sign')\n            },\n            {\n                character: '‼',\n                title: t('Double exclamation mark')\n            },\n            {\n                character: '⁈',\n                title: t('Question exclamation mark')\n            },\n            {\n                character: '⁉',\n                title: t('Exclamation question mark')\n            },\n            {\n                character: '⁇',\n                title: t('Double question mark')\n            },\n            {\n                character: '©',\n                title: t('Copyright sign')\n            },\n            {\n                character: '®',\n                title: t('Registered sign')\n            },\n            {\n                character: '™',\n                title: t('Trade mark sign')\n            },\n            {\n                character: '§',\n                title: t('Section sign')\n            },\n            {\n                character: '¶',\n                title: t('Paragraph sign')\n            },\n            {\n                character: '⁋',\n                title: t('Reversed paragraph sign')\n            }\n        ], {\n            label: t('Text')\n        });\n    }\n}\n\n/**\n * A plugin that provides special characters for the \"Mathematical\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersMathematical ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */ class SpecialCharactersMathematical extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SpecialCharactersMathematical';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const plugin = editor.plugins.get('SpecialCharacters');\n        plugin.addItems('Mathematical', [\n            {\n                character: '<',\n                title: t('Less-than sign')\n            },\n            {\n                character: '>',\n                title: t('Greater-than sign')\n            },\n            {\n                character: '≤',\n                title: t('Less-than or equal to')\n            },\n            {\n                character: '≥',\n                title: t('Greater-than or equal to')\n            },\n            {\n                character: '–',\n                title: t('En dash')\n            },\n            {\n                character: '—',\n                title: t('Em dash')\n            },\n            {\n                character: '¯',\n                title: t('Macron')\n            },\n            {\n                character: '‾',\n                title: t('Overline')\n            },\n            {\n                character: '°',\n                title: t('Degree sign')\n            },\n            {\n                character: '−',\n                title: t('Minus sign')\n            },\n            {\n                character: '±',\n                title: t('Plus-minus sign')\n            },\n            {\n                character: '÷',\n                title: t('Division sign')\n            },\n            {\n                character: '⁄',\n                title: t('Fraction slash')\n            },\n            {\n                character: '×',\n                title: t('Multiplication sign')\n            },\n            {\n                character: 'ƒ',\n                title: t('Latin small letter f with hook')\n            },\n            {\n                character: '∫',\n                title: t('Integral')\n            },\n            {\n                character: '∑',\n                title: t('N-ary summation')\n            },\n            {\n                character: '∞',\n                title: t('Infinity')\n            },\n            {\n                character: '√',\n                title: t('Square root')\n            },\n            {\n                character: '∼',\n                title: t('Tilde operator')\n            },\n            {\n                character: '≅',\n                title: t('Approximately equal to')\n            },\n            {\n                character: '≈',\n                title: t('Almost equal to')\n            },\n            {\n                character: '≠',\n                title: t('Not equal to')\n            },\n            {\n                character: '≡',\n                title: t('Identical to')\n            },\n            {\n                character: '∈',\n                title: t('Element of')\n            },\n            {\n                character: '∉',\n                title: t('Not an element of')\n            },\n            {\n                character: '∋',\n                title: t('Contains as member')\n            },\n            {\n                character: '∏',\n                title: t('N-ary product')\n            },\n            {\n                character: '∧',\n                title: t('Logical and')\n            },\n            {\n                character: '∨',\n                title: t('Logical or')\n            },\n            {\n                character: '¬',\n                title: t('Not sign')\n            },\n            {\n                character: '∩',\n                title: t('Intersection')\n            },\n            {\n                character: '∪',\n                title: t('Union')\n            },\n            {\n                character: '∂',\n                title: t('Partial differential')\n            },\n            {\n                character: '∀',\n                title: t('For all')\n            },\n            {\n                character: '∃',\n                title: t('There exists')\n            },\n            {\n                character: '∅',\n                title: t('Empty set')\n            },\n            {\n                character: '∇',\n                title: t('Nabla')\n            },\n            {\n                character: '∗',\n                title: t('Asterisk operator')\n            },\n            {\n                character: '∝',\n                title: t('Proportional to')\n            },\n            {\n                character: '∠',\n                title: t('Angle')\n            },\n            {\n                character: '¼',\n                title: t('Vulgar fraction one quarter')\n            },\n            {\n                character: '½',\n                title: t('Vulgar fraction one half')\n            },\n            {\n                character: '¾',\n                title: t('Vulgar fraction three quarters')\n            }\n        ], {\n            label: t('Mathematical')\n        });\n    }\n}\n\n/**\n * A plugin that provides special characters for the \"Latin\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersLatin ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */ class SpecialCharactersLatin extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SpecialCharactersLatin';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const plugin = editor.plugins.get('SpecialCharacters');\n        plugin.addItems('Latin', [\n            {\n                character: 'Ā',\n                title: t('Latin capital letter a with macron')\n            },\n            {\n                character: 'ā',\n                title: t('Latin small letter a with macron')\n            },\n            {\n                character: 'Ă',\n                title: t('Latin capital letter a with breve')\n            },\n            {\n                character: 'ă',\n                title: t('Latin small letter a with breve')\n            },\n            {\n                character: 'Ą',\n                title: t('Latin capital letter a with ogonek')\n            },\n            {\n                character: 'ą',\n                title: t('Latin small letter a with ogonek')\n            },\n            {\n                character: 'Ć',\n                title: t('Latin capital letter c with acute')\n            },\n            {\n                character: 'ć',\n                title: t('Latin small letter c with acute')\n            },\n            {\n                character: 'Ĉ',\n                title: t('Latin capital letter c with circumflex')\n            },\n            {\n                character: 'ĉ',\n                title: t('Latin small letter c with circumflex')\n            },\n            {\n                character: 'Ċ',\n                title: t('Latin capital letter c with dot above')\n            },\n            {\n                character: 'ċ',\n                title: t('Latin small letter c with dot above')\n            },\n            {\n                character: 'Č',\n                title: t('Latin capital letter c with caron')\n            },\n            {\n                character: 'č',\n                title: t('Latin small letter c with caron')\n            },\n            {\n                character: 'Ď',\n                title: t('Latin capital letter d with caron')\n            },\n            {\n                character: 'ď',\n                title: t('Latin small letter d with caron')\n            },\n            {\n                character: 'Đ',\n                title: t('Latin capital letter d with stroke')\n            },\n            {\n                character: 'đ',\n                title: t('Latin small letter d with stroke')\n            },\n            {\n                character: 'Ē',\n                title: t('Latin capital letter e with macron')\n            },\n            {\n                character: 'ē',\n                title: t('Latin small letter e with macron')\n            },\n            {\n                character: 'Ĕ',\n                title: t('Latin capital letter e with breve')\n            },\n            {\n                character: 'ĕ',\n                title: t('Latin small letter e with breve')\n            },\n            {\n                character: 'Ė',\n                title: t('Latin capital letter e with dot above')\n            },\n            {\n                character: 'ė',\n                title: t('Latin small letter e with dot above')\n            },\n            {\n                character: 'Ę',\n                title: t('Latin capital letter e with ogonek')\n            },\n            {\n                character: 'ę',\n                title: t('Latin small letter e with ogonek')\n            },\n            {\n                character: 'Ě',\n                title: t('Latin capital letter e with caron')\n            },\n            {\n                character: 'ě',\n                title: t('Latin small letter e with caron')\n            },\n            {\n                character: 'Ĝ',\n                title: t('Latin capital letter g with circumflex')\n            },\n            {\n                character: 'ĝ',\n                title: t('Latin small letter g with circumflex')\n            },\n            {\n                character: 'Ğ',\n                title: t('Latin capital letter g with breve')\n            },\n            {\n                character: 'ğ',\n                title: t('Latin small letter g with breve')\n            },\n            {\n                character: 'Ġ',\n                title: t('Latin capital letter g with dot above')\n            },\n            {\n                character: 'ġ',\n                title: t('Latin small letter g with dot above')\n            },\n            {\n                character: 'Ģ',\n                title: t('Latin capital letter g with cedilla')\n            },\n            {\n                character: 'ģ',\n                title: t('Latin small letter g with cedilla')\n            },\n            {\n                character: 'Ĥ',\n                title: t('Latin capital letter h with circumflex')\n            },\n            {\n                character: 'ĥ',\n                title: t('Latin small letter h with circumflex')\n            },\n            {\n                character: 'Ħ',\n                title: t('Latin capital letter h with stroke')\n            },\n            {\n                character: 'ħ',\n                title: t('Latin small letter h with stroke')\n            },\n            {\n                character: 'Ĩ',\n                title: t('Latin capital letter i with tilde')\n            },\n            {\n                character: 'ĩ',\n                title: t('Latin small letter i with tilde')\n            },\n            {\n                character: 'Ī',\n                title: t('Latin capital letter i with macron')\n            },\n            {\n                character: 'ī',\n                title: t('Latin small letter i with macron')\n            },\n            {\n                character: 'Ĭ',\n                title: t('Latin capital letter i with breve')\n            },\n            {\n                character: 'ĭ',\n                title: t('Latin small letter i with breve')\n            },\n            {\n                character: 'Į',\n                title: t('Latin capital letter i with ogonek')\n            },\n            {\n                character: 'į',\n                title: t('Latin small letter i with ogonek')\n            },\n            {\n                character: 'İ',\n                title: t('Latin capital letter i with dot above')\n            },\n            {\n                character: 'ı',\n                title: t('Latin small letter dotless i')\n            },\n            {\n                character: 'IJ',\n                title: t('Latin capital ligature ij')\n            },\n            {\n                character: 'ij',\n                title: t('Latin small ligature ij')\n            },\n            {\n                character: 'Ĵ',\n                title: t('Latin capital letter j with circumflex')\n            },\n            {\n                character: 'ĵ',\n                title: t('Latin small letter j with circumflex')\n            },\n            {\n                character: 'Ķ',\n                title: t('Latin capital letter k with cedilla')\n            },\n            {\n                character: 'ķ',\n                title: t('Latin small letter k with cedilla')\n            },\n            {\n                character: 'ĸ',\n                title: t('Latin small letter kra')\n            },\n            {\n                character: 'Ĺ',\n                title: t('Latin capital letter l with acute')\n            },\n            {\n                character: 'ĺ',\n                title: t('Latin small letter l with acute')\n            },\n            {\n                character: 'Ļ',\n                title: t('Latin capital letter l with cedilla')\n            },\n            {\n                character: 'ļ',\n                title: t('Latin small letter l with cedilla')\n            },\n            {\n                character: 'Ľ',\n                title: t('Latin capital letter l with caron')\n            },\n            {\n                character: 'ľ',\n                title: t('Latin small letter l with caron')\n            },\n            {\n                character: 'Ŀ',\n                title: t('Latin capital letter l with middle dot')\n            },\n            {\n                character: 'ŀ',\n                title: t('Latin small letter l with middle dot')\n            },\n            {\n                character: 'Ł',\n                title: t('Latin capital letter l with stroke')\n            },\n            {\n                character: 'ł',\n                title: t('Latin small letter l with stroke')\n            },\n            {\n                character: 'Ń',\n                title: t('Latin capital letter n with acute')\n            },\n            {\n                character: 'ń',\n                title: t('Latin small letter n with acute')\n            },\n            {\n                character: 'Ņ',\n                title: t('Latin capital letter n with cedilla')\n            },\n            {\n                character: 'ņ',\n                title: t('Latin small letter n with cedilla')\n            },\n            {\n                character: 'Ň',\n                title: t('Latin capital letter n with caron')\n            },\n            {\n                character: 'ň',\n                title: t('Latin small letter n with caron')\n            },\n            {\n                character: 'ʼn',\n                title: t('Latin small letter n preceded by apostrophe')\n            },\n            {\n                character: 'Ŋ',\n                title: t('Latin capital letter eng')\n            },\n            {\n                character: 'ŋ',\n                title: t('Latin small letter eng')\n            },\n            {\n                character: 'Ō',\n                title: t('Latin capital letter o with macron')\n            },\n            {\n                character: 'ō',\n                title: t('Latin small letter o with macron')\n            },\n            {\n                character: 'Ŏ',\n                title: t('Latin capital letter o with breve')\n            },\n            {\n                character: 'ŏ',\n                title: t('Latin small letter o with breve')\n            },\n            {\n                character: 'Ő',\n                title: t('Latin capital letter o with double acute')\n            },\n            {\n                character: 'ő',\n                title: t('Latin small letter o with double acute')\n            },\n            {\n                character: 'Œ',\n                title: t('Latin capital ligature oe')\n            },\n            {\n                character: 'œ',\n                title: t('Latin small ligature oe')\n            },\n            {\n                character: 'Ŕ',\n                title: t('Latin capital letter r with acute')\n            },\n            {\n                character: 'ŕ',\n                title: t('Latin small letter r with acute')\n            },\n            {\n                character: 'Ŗ',\n                title: t('Latin capital letter r with cedilla')\n            },\n            {\n                character: 'ŗ',\n                title: t('Latin small letter r with cedilla')\n            },\n            {\n                character: 'Ř',\n                title: t('Latin capital letter r with caron')\n            },\n            {\n                character: 'ř',\n                title: t('Latin small letter r with caron')\n            },\n            {\n                character: 'Ś',\n                title: t('Latin capital letter s with acute')\n            },\n            {\n                character: 'ś',\n                title: t('Latin small letter s with acute')\n            },\n            {\n                character: 'Ŝ',\n                title: t('Latin capital letter s with circumflex')\n            },\n            {\n                character: 'ŝ',\n                title: t('Latin small letter s with circumflex')\n            },\n            {\n                character: 'Ş',\n                title: t('Latin capital letter s with cedilla')\n            },\n            {\n                character: 'ş',\n                title: t('Latin small letter s with cedilla')\n            },\n            {\n                character: 'Š',\n                title: t('Latin capital letter s with caron')\n            },\n            {\n                character: 'š',\n                title: t('Latin small letter s with caron')\n            },\n            {\n                character: 'Ţ',\n                title: t('Latin capital letter t with cedilla')\n            },\n            {\n                character: 'ţ',\n                title: t('Latin small letter t with cedilla')\n            },\n            {\n                character: 'Ť',\n                title: t('Latin capital letter t with caron')\n            },\n            {\n                character: 'ť',\n                title: t('Latin small letter t with caron')\n            },\n            {\n                character: 'Ŧ',\n                title: t('Latin capital letter t with stroke')\n            },\n            {\n                character: 'ŧ',\n                title: t('Latin small letter t with stroke')\n            },\n            {\n                character: 'Ũ',\n                title: t('Latin capital letter u with tilde')\n            },\n            {\n                character: 'ũ',\n                title: t('Latin small letter u with tilde')\n            },\n            {\n                character: 'Ū',\n                title: t('Latin capital letter u with macron')\n            },\n            {\n                character: 'ū',\n                title: t('Latin small letter u with macron')\n            },\n            {\n                character: 'Ŭ',\n                title: t('Latin capital letter u with breve')\n            },\n            {\n                character: 'ŭ',\n                title: t('Latin small letter u with breve')\n            },\n            {\n                character: 'Ů',\n                title: t('Latin capital letter u with ring above')\n            },\n            {\n                character: 'ů',\n                title: t('Latin small letter u with ring above')\n            },\n            {\n                character: 'Ű',\n                title: t('Latin capital letter u with double acute')\n            },\n            {\n                character: 'ű',\n                title: t('Latin small letter u with double acute')\n            },\n            {\n                character: 'Ų',\n                title: t('Latin capital letter u with ogonek')\n            },\n            {\n                character: 'ų',\n                title: t('Latin small letter u with ogonek')\n            },\n            {\n                character: 'Ŵ',\n                title: t('Latin capital letter w with circumflex')\n            },\n            {\n                character: 'ŵ',\n                title: t('Latin small letter w with circumflex')\n            },\n            {\n                character: 'Ŷ',\n                title: t('Latin capital letter y with circumflex')\n            },\n            {\n                character: 'ŷ',\n                title: t('Latin small letter y with circumflex')\n            },\n            {\n                character: 'Ÿ',\n                title: t('Latin capital letter y with diaeresis')\n            },\n            {\n                character: 'Ź',\n                title: t('Latin capital letter z with acute')\n            },\n            {\n                character: 'ź',\n                title: t('Latin small letter z with acute')\n            },\n            {\n                character: 'Ż',\n                title: t('Latin capital letter z with dot above')\n            },\n            {\n                character: 'ż',\n                title: t('Latin small letter z with dot above')\n            },\n            {\n                character: 'Ž',\n                title: t('Latin capital letter z with caron')\n            },\n            {\n                character: 'ž',\n                title: t('Latin small letter z with caron')\n            },\n            {\n                character: 'ſ',\n                title: t('Latin small letter long s')\n            }\n        ], {\n            label: t('Latin')\n        });\n    }\n}\n\n/**\n * A plugin that provides special characters for the \"Currency\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersCurrency ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */ class SpecialCharactersCurrency extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SpecialCharactersCurrency';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        const plugin = editor.plugins.get('SpecialCharacters');\n        plugin.addItems('Currency', [\n            {\n                character: '$',\n                title: t('Dollar sign')\n            },\n            {\n                character: '€',\n                title: t('Euro sign')\n            },\n            {\n                character: '¥',\n                title: t('Yen sign')\n            },\n            {\n                character: '£',\n                title: t('Pound sign')\n            },\n            {\n                character: '¢',\n                title: t('Cent sign')\n            },\n            {\n                character: '₠',\n                title: t('Euro-currency sign')\n            },\n            {\n                character: '₡',\n                title: t('Colon sign')\n            },\n            {\n                character: '₢',\n                title: t('Cruzeiro sign')\n            },\n            {\n                character: '₣',\n                title: t('French franc sign')\n            },\n            {\n                character: '₤',\n                title: t('Lira sign')\n            },\n            {\n                character: '¤',\n                title: t('Currency sign')\n            },\n            {\n                character: '₿',\n                title: t('Bitcoin sign')\n            },\n            {\n                character: '₥',\n                title: t('Mill sign')\n            },\n            {\n                character: '₦',\n                title: t('Naira sign')\n            },\n            {\n                character: '₧',\n                title: t('Peseta sign')\n            },\n            {\n                character: '₨',\n                title: t('Rupee sign')\n            },\n            {\n                character: '₩',\n                title: t('Won sign')\n            },\n            {\n                character: '₪',\n                title: t('New sheqel sign')\n            },\n            {\n                character: '₫',\n                title: t('Dong sign')\n            },\n            {\n                character: '₭',\n                title: t('Kip sign')\n            },\n            {\n                character: '₮',\n                title: t('Tugrik sign')\n            },\n            {\n                character: '₯',\n                title: t('Drachma sign')\n            },\n            {\n                character: '₰',\n                title: t('German penny sign')\n            },\n            {\n                character: '₱',\n                title: t('Peso sign')\n            },\n            {\n                character: '₲',\n                title: t('Guarani sign')\n            },\n            {\n                character: '₳',\n                title: t('Austral sign')\n            },\n            {\n                character: '₴',\n                title: t('Hryvnia sign')\n            },\n            {\n                character: '₵',\n                title: t('Cedi sign')\n            },\n            {\n                character: '₶',\n                title: t('Livre tournois sign')\n            },\n            {\n                character: '₷',\n                title: t('Spesmilo sign')\n            },\n            {\n                character: '₸',\n                title: t('Tenge sign')\n            },\n            {\n                character: '₹',\n                title: t('Indian rupee sign')\n            },\n            {\n                character: '₺',\n                title: t('Turkish lira sign')\n            },\n            {\n                character: '₻',\n                title: t('Nordic mark sign')\n            },\n            {\n                character: '₼',\n                title: t('Manat sign')\n            },\n            {\n                character: '₽',\n                title: t('Ruble sign')\n            }\n        ], {\n            label: t('Currency')\n        });\n    }\n}\n\n/**\n * A plugin combining a basic set of characters for the special characters plugin.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersEssentials ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */ class SpecialCharactersEssentials extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'SpecialCharactersEssentials';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            SpecialCharactersCurrency,\n            SpecialCharactersText,\n            SpecialCharactersMathematical,\n            SpecialCharactersArrows,\n            SpecialCharactersLatin\n        ];\n    }\n}\n\nexport { SpecialCharacters, SpecialCharactersArrows, SpecialCharactersCurrency, SpecialCharactersEssentials, SpecialCharactersLatin, SpecialCharactersMathematical, SpecialCharactersText, SpecialCharactersCategoriesView as _SpecialCharactersCategoriesView, CharacterGridView as _SpecialCharactersGridView, CharacterInfoView as _SpecialCharactersInfoView, SpecialCharactersView as _SpecialCharactersView };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/ui/charactergridview\n */\n\nimport {\n\tView,\n\tButtonView,\n\taddKeyboardHandlingForGrid,\n\ttype ViewCollection\n} from 'ckeditor5/src/ui.js';\nimport {\n\tKeystrokeHandler,\n\tFocusTracker,\n\tglobal,\n\ttype Locale\n} from 'ckeditor5/src/utils.js';\n\nimport '../../theme/charactergrid.css';\n\n/**\n * A grid of character tiles. It allows browsing special characters and selecting the character to\n * be inserted into the content.\n *\n * @internal\n */\nexport class CharacterGridView extends View<HTMLDivElement> {\n\t/**\n\t * A collection of the child tile views. Each tile represents a particular character.\n\t */\n\tpublic readonly tiles: ViewCollection<ButtonView>;\n\n\t/**\n\t * Tracks information about the DOM focus in the grid.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Creates an instance of a character grid containing tiles representing special characters.\n\t *\n\t * @param locale The localization services instance.\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tthis.tiles = this.createCollection() as ViewCollection<ButtonView>;\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-character-grid__tiles'\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\tchildren: this.tiles\n\t\t\t\t}\n\t\t\t],\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-character-grid'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\taddKeyboardHandlingForGrid( {\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tgridItems: this.tiles,\n\t\t\tnumberOfColumns: () => global.window\n\t\t\t\t.getComputedStyle( this.element!.firstChild as Element ) // Responsive .ck-character-grid__tiles\n\t\t\t\t.getPropertyValue( 'grid-template-columns' )\n\t\t\t\t.split( ' ' )\n\t\t\t\t.length,\n\t\t\tuiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a new tile for the grid.\n\t *\n\t * @param character A human-readable character displayed as the label (e.g. \"ε\").\n\t * @param name The name of the character (e.g. \"greek small letter epsilon\").\n\t */\n\tpublic createTile( character: string, name: string ): ButtonView {\n\t\tconst tile = new ButtonView( this.locale );\n\n\t\ttile.set( {\n\t\t\tlabel: character,\n\t\t\twithText: true,\n\t\t\tclass: 'ck-character-grid__tile'\n\t\t} );\n\n\t\t// Labels are vital for the users to understand what character they're looking at.\n\t\t// For now we're using native title attribute for that, see #5817.\n\t\ttile.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\ttitle: name\n\t\t\t},\n\t\t\ton: {\n\t\t\t\tmouseover: tile.bindTemplate.to( 'mouseover' ),\n\t\t\t\tfocus: tile.bindTemplate.to( 'focus' )\n\t\t\t}\n\t\t} );\n\n\t\ttile.on( 'mouseover', () => {\n\t\t\tthis.fire<SpecialCharactersGridViewTileHoverEvent>( 'tileHover', { name, character } );\n\t\t} );\n\n\t\ttile.on( 'focus', () => {\n\t\t\tthis.fire<SpecialCharactersGridViewTileFocusEvent>( 'tileFocus', { name, character } );\n\t\t} );\n\n\t\ttile.on( 'execute', () => {\n\t\t\tthis.fire<SpecialCharactersGridViewExecuteEvent>( 'execute', { name, character } );\n\t\t} );\n\n\t\treturn tile;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tfor ( const item of this.tiles ) {\n\t\t\tthis.focusTracker.add( item.element! );\n\t\t}\n\n\t\tthis.tiles.on( 'change', ( eventInfo, { added, removed } ) => {\n\t\t\tif ( added.length > 0 ) {\n\t\t\t\tfor ( const item of added ) {\n\t\t\t\t\tthis.focusTracker.add( item.element );\n\t\t\t\t}\n\t\t\t}\n\t\t\tif ( removed.length > 0 ) {\n\t\t\t\tfor ( const item of removed ) {\n\t\t\t\t\tthis.focusTracker.remove( item.element );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the first focusable in {@link ~CharacterGridView#tiles}.\n\t */\n\tpublic focus(): void {\n\t\tthis.tiles.first!.focus();\n\t}\n}\n\n/**\n * Fired when any of {@link ~CharacterGridView#tiles grid tiles} is clicked.\n *\n * @eventName ~CharacterGridView#execute\n * @param data Additional information about the event.\n */\nexport type SpecialCharactersGridViewExecuteEvent = {\n\tname: 'execute';\n\targs: [ data: SpecialCharactersGridViewEventData ];\n};\n\n/**\n * Fired when a mouse or another pointing device caused the cursor to move onto any {@link ~CharacterGridView#tiles grid tile}\n * (similar to the native `mouseover` DOM event).\n *\n * @eventName ~CharacterGridView#tileHover\n * @param data Additional information about the event.\n */\nexport type SpecialCharactersGridViewTileHoverEvent = {\n\tname: 'tileHover';\n\targs: [ data: SpecialCharactersGridViewEventData ];\n};\n\n/**\n * Fired when {@link ~CharacterGridView#tiles grid tile} is focused (e.g. by navigating with arrow keys).\n *\n * @eventName ~CharacterGridView#tileFocus\n * @param data Additional information about the event.\n */\nexport type SpecialCharactersGridViewTileFocusEvent = {\n\tname: 'tileFocus';\n\targs: [ data: SpecialCharactersGridViewEventData ];\n};\n\nexport interface SpecialCharactersGridViewEventData {\n\n\t/**\n\t * The name of the tile that caused the event (e.g. \"greek small letter epsilon\").\n\t */\n\tname: string;\n\n\t/**\n\t * A human-readable character displayed as the label (e.g. \"ε\").\n\t */\n\tcharacter: string;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/ui/characterinfoview\n */\n\nimport type { Locale } from 'ckeditor5/src/utils.js';\nimport { View } from 'ckeditor5/src/ui.js';\n\nimport '../../theme/characterinfo.css';\n\n/**\n * The view displaying detailed information about a special character glyph, e.g. upon\n * hovering it with a mouse.\n *\n * @internal\n */\nexport class CharacterInfoView extends View<HTMLDivElement> {\n\t/**\n\t * The character whose information is displayed by the view. For instance, \"∑\" or \"¿\".\n\t *\n\t * @observable\n\t */\n\tdeclare public character: string | null;\n\n\t/**\n\t * The name of the {@link #character}. For instance, \"N-ary summation\" or \"Inverted question mark\".\n\t *\n\t * @observable\n\t */\n\tdeclare public name: string | null;\n\n\t/**\n\t * The \"Unicode string\" of the {@link #character}. For instance \"U+0061\".\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly code: string;\n\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\n\t\tthis.set( 'character', null );\n\t\tthis.set( 'name', null );\n\t\tthis.bind( 'code' ).to( this, 'character', characterToUnicodeString );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'span',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck-character-info__name'\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t// Note: ZWSP to prevent vertical collapsing.\n\t\t\t\t\t\t\ttext: bind.to( 'name', name => name ? name : '\\u200B' )\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttag: 'span',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck-character-info__code'\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: bind.to( 'code' )\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t],\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-character-info'\n\t\t\t\t]\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * Converts a character into a \"Unicode string\", for instance:\n *\n * \"$\" -> \"U+0024\"\n *\n * Returns an empty string when the character is `null`.\n */\nfunction characterToUnicodeString( character: string | null ): string {\n\tif ( character === null ) {\n\t\treturn '';\n\t}\n\n\tconst hexCode = character.codePointAt( 0 )!.toString( 16 );\n\n\treturn 'U+' + ( '0000' + hexCode ).slice( -4 );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/ui/specialcharactersview\n */\n\nimport { View, FocusCycler, type ViewCollection, type FocusableView } from 'ckeditor5/src/ui.js';\nimport { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\nimport { type CharacterGridView } from './charactergridview.js';\nimport { type CharacterInfoView } from './characterinfoview.js';\nimport { type SpecialCharactersCategoriesView } from './specialcharacterscategoriesview.js';\n\n/**\n * A view that glues pieces of the special characters dropdown panel together:\n *\n * * the navigation view (allows selecting the category),\n * * the grid view (displays characters as a grid),\n * * and the info view (displays detailed info about a specific character).\n *\n * @internal\n */\nexport class SpecialCharactersView extends View<HTMLDivElement> {\n\t/**\n\t * A collection of the focusable children of the view.\n\t */\n\tpublic readonly items: ViewCollection<FocusableView>;\n\n\t/**\n\t * Tracks information about the DOM focus in the view.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Helps cycling over focusable {@link #items} in the view.\n\t */\n\tprotected readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * An instance of the `SpecialCharactersCategoriesView`.\n\t */\n\tpublic categoriesView: SpecialCharactersCategoriesView;\n\n\t/**\n\t * An instance of the `CharacterGridView`.\n\t */\n\tpublic gridView: CharacterGridView;\n\n\t/**\n\t * An instance of the `CharacterInfoView`.\n\t */\n\tpublic infoView: CharacterInfoView;\n\n\t/**\n\t * Creates an instance of the `SpecialCharactersView`.\n\t */\n\tconstructor(\n\t\tlocale: Locale,\n\t\tcategoriesView: SpecialCharactersCategoriesView,\n\t\tgridView: CharacterGridView,\n\t\tinfoView: CharacterInfoView\n\t) {\n\t\tsuper( locale );\n\n\t\tthis.categoriesView = categoriesView;\n\t\tthis.gridView = gridView;\n\t\tthis.infoView = infoView;\n\t\tthis.items = this.createCollection();\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this.items,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\tfocusPrevious: 'shift + tab',\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tchildren: [\n\t\t\t\tthis.categoriesView,\n\t\t\t\tthis.gridView,\n\t\t\t\tthis.infoView\n\t\t\t],\n\t\t\tattributes: {\n\t\t\t\t// Avoid focus loss when the user clicks the area of the grid that is not a button.\n\t\t\t\t// https://github.com/ckeditor/ckeditor5/pull/12319#issuecomment-1231779819\n\t\t\t\ttabindex: '-1'\n\t\t\t}\n\t\t} );\n\n\t\tthis.items.add( this.categoriesView );\n\t\tthis.items.add( this.gridView );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis.focusTracker.add( this.categoriesView.element! );\n\t\tthis.focusTracker.add( this.gridView.element! );\n\n\t\t// Start listening for the keystrokes coming from #element.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the first focusable in {@link #items}.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/ui/specialcharacterscategoriesview\n */\n\nimport { type Locale, Collection } from 'ckeditor5/src/utils.js';\nimport {\n\taddListToDropdown,\n\tcreateLabeledDropdown,\n\tLabeledFieldView,\n\tView,\n\tUIModel,\n\ttype DropdownView,\n\ttype ListDropdownItemDefinition\n} from 'ckeditor5/src/ui.js';\n\n/**\n * A class representing the navigation part of the special characters UI. It is responsible\n * for describing the feature and allowing the user to select a particular character group.\n *\n * @internal\n */\nexport class SpecialCharactersCategoriesView extends View {\n\t/**\n\t * Currently selected special characters group's name.\n\t */\n\tdeclare public currentGroupName: string;\n\n\tprivate _groupNames: Map<string, string>;\n\n\tprivate _dropdownView: LabeledFieldView<DropdownView>;\n\n\t/**\n\t * Creates an instance of the {@link module:special-characters/ui/specialcharacterscategoriesview~SpecialCharactersCategoriesView}\n\t * class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param groupNames The names of the character groups.\n\t */\n\tconstructor( locale: Locale, groupNames: Map<string, string> ) {\n\t\tsuper( locale );\n\n\t\tthis.set( 'currentGroupName', Array.from( groupNames.entries() )[ 0 ][ 0 ] );\n\t\tthis._groupNames = groupNames;\n\t\tthis._dropdownView = new LabeledFieldView( locale, createLabeledDropdown );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck', 'ck-character-categories' ]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tthis._dropdownView\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tthis._setupDropdown();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus(): void {\n\t\tthis._dropdownView.focus();\n\t}\n\n\t/**\n\t * Creates dropdown item list, sets up bindings and fills properties.\n\t */\n\tprivate _setupDropdown(): void {\n\t\tconst items = new Collection<ListDropdownItemDefinition>();\n\n\t\tfor ( const [ name, label ] of this._groupNames ) {\n\t\t\tconst item: ListDropdownItemDefinition = {\n\t\t\t\ttype: 'button',\n\t\t\t\tmodel: new UIModel( {\n\t\t\t\t\tname,\n\t\t\t\t\tlabel,\n\t\t\t\t\trole: 'menuitemradio',\n\t\t\t\t\twithText: true\n\t\t\t\t} )\n\t\t\t};\n\n\t\t\titem.model.bind( 'isOn' ).to( this, 'currentGroupName', value => {\n\t\t\t\treturn value === name;\n\t\t\t} );\n\n\t\t\titems.add( item );\n\t\t}\n\n\t\tconst t = this.locale!.t;\n\t\tconst accessibleLabel = t( 'Category' );\n\n\t\tthis._dropdownView.set( {\n\t\t\tlabel: accessibleLabel,\n\t\t\tisEmpty: false\n\t\t} );\n\n\t\tthis._dropdownView.fieldView.panelPosition = this.locale!.uiLanguageDirection === 'rtl' ? 'se' : 'sw';\n\n\t\tthis._dropdownView.fieldView.buttonView.set( {\n\t\t\twithText: true,\n\t\t\ttooltip: accessibleLabel,\n\t\t\tariaLabel: accessibleLabel,\n\t\t\tariaLabelledBy: undefined,\n\t\t\tisOn: false\n\t\t} );\n\t\tthis._dropdownView.fieldView.buttonView.bind( 'label' )\n\t\t\t.to( this, 'currentGroupName', value => this._groupNames.get( value )! );\n\t\tthis._dropdownView.fieldView.on( 'execute', ( { source } ) => {\n\t\t\tthis.currentGroupName = ( source as UIModel ).name as string;\n\t\t} );\n\n\t\taddListToDropdown( this._dropdownView.fieldView, items, {\n\t\t\tariaLabel: accessibleLabel,\n\t\t\trole: 'menu'\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/specialcharacters\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { Typing } from 'ckeditor5/src/typing.js';\nimport { IconSpecialCharacters } from 'ckeditor5/src/icons.js';\nimport { ButtonView, MenuBarMenuListItemButtonView, DialogViewPosition, Dialog } from 'ckeditor5/src/ui.js';\nimport { CKEditorError, type Locale } from 'ckeditor5/src/utils.js';\nimport {\n\tCharacterGridView,\n\ttype SpecialCharactersGridViewExecuteEvent,\n\ttype SpecialCharactersGridViewTileFocusEvent,\n\ttype SpecialCharactersGridViewTileHoverEvent\n} from './ui/charactergridview.js';\nimport { CharacterInfoView } from './ui/characterinfoview.js';\nimport { SpecialCharactersView } from './ui/specialcharactersview.js';\n\nimport '../theme/specialcharacters.css';\nimport { SpecialCharactersCategoriesView } from './ui/specialcharacterscategoriesview.js';\n\nconst ALL_SPECIAL_CHARACTERS_GROUP = 'All';\n\n/**\n * The special characters feature.\n *\n * Introduces the `'specialCharacters'` dropdown.\n */\nexport class SpecialCharacters extends Plugin {\n\t/**\n\t * Registered characters. A pair of a character name and its symbol.\n\t */\n\tprivate _characters: Map<string, string>;\n\n\t/**\n\t * Registered groups. Each group contains a displayed label and a collection with symbol names.\n\t */\n\tprivate _groups: Map<string, Group>;\n\n\t/**\n\t * A label describing the \"All\" special characters category.\n\t */\n\tprivate _allSpecialCharactersGroupLabel: string;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Typing, Dialog ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SpecialCharacters' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'SCH';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tconst t = editor.t;\n\n\t\tthis._characters = new Map();\n\t\tthis._groups = new Map();\n\t\tthis._allSpecialCharactersGroupLabel = t( 'All' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.ui.componentFactory.add( 'specialCharacters', () => {\n\t\t\tconst button = this._createDialogButton( ButtonView );\n\n\t\t\tbutton.set( {\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn button;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:specialCharacters', () => {\n\t\t\treturn this._createDialogButton( MenuBarMenuListItemButtonView );\n\t\t} );\n\t}\n\n\t/**\n\t * Adds a collection of special characters to the specified group. The title of a special character must be unique.\n\t *\n\t * **Note:** The \"All\" category name is reserved by the plugin and cannot be used as a new name for a special\n\t * characters category.\n\t */\n\tpublic addItems(\n\t\tgroupName: string,\n\t\titems: Array<SpecialCharacterDefinition>,\n\t\toptions: { label: string } = { label: groupName }\n\t): void {\n\t\tif ( groupName === ALL_SPECIAL_CHARACTERS_GROUP ) {\n\t\t\t/**\n\t\t\t * The name \"All\" for a special category group cannot be used because it is a special category that displays all\n\t\t\t * available special characters.\n\t\t\t *\n\t\t\t * @error special-character-invalid-group-name\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'special-character-invalid-group-name', null );\n\t\t}\n\n\t\tconst group = this._getGroup( groupName, options.label )!;\n\n\t\tfor ( const item of items ) {\n\t\t\tgroup.items.add( item.title );\n\t\t\tthis._characters.set( item.title, item.character );\n\t\t}\n\t}\n\n\t/**\n\t * Returns special character groups in an order determined based on configuration and registration sequence.\n\t */\n\tpublic getGroups(): Set<string> {\n\t\tconst groups = Array.from( this._groups.keys() );\n\t\tconst order = this.editor.config.get( 'specialCharacters.order' ) || [];\n\n\t\tconst invalidGroup = order.find( item => !groups.includes( item ) );\n\n\t\tif ( invalidGroup ) {\n\t\t\t/**\n\t\t\t * One of the special character groups in the \"specialCharacters.order\" configuration doesn't exist.\n\t\t\t *\n\t\t\t * @error special-character-invalid-order-group-name\n\t\t\t */\n\t\t\tthrow new CKEditorError( 'special-character-invalid-order-group-name', null, { invalidGroup } );\n\t\t}\n\n\t\treturn new Set( [\n\t\t\t...order,\n\t\t\t...groups\n\t\t] );\n\t}\n\n\t/**\n\t * Returns a collection of special characters symbol names (titles).\n\t */\n\tpublic getCharactersForGroup( groupName: string ): Set<string> | undefined {\n\t\tif ( groupName === ALL_SPECIAL_CHARACTERS_GROUP ) {\n\t\t\treturn new Set( this._characters.keys() );\n\t\t}\n\n\t\tconst group = this._groups.get( groupName );\n\n\t\tif ( group ) {\n\t\t\treturn group.items;\n\t\t}\n\t}\n\n\t/**\n\t * Returns the symbol of a special character for the specified name. If the special character could not be found, `undefined`\n\t * is returned.\n\t *\n\t * @param title The title of a special character.\n\t */\n\tpublic getCharacter( title: string ): string | undefined {\n\t\treturn this._characters.get( title );\n\t}\n\n\t/**\n\t * Returns a group of special characters. If the group with the specified name does not exist, it will be created.\n\t *\n\t * @param groupName The name of the group to create.\n\t * @param label The label describing the new group.\n\t */\n\tprivate _getGroup( groupName: string, label: string ): Group | undefined {\n\t\tif ( !this._groups.has( groupName ) ) {\n\t\t\tthis._groups.set( groupName, {\n\t\t\t\titems: new Set(),\n\t\t\t\tlabel\n\t\t\t} );\n\t\t}\n\n\t\treturn this._groups.get( groupName );\n\t}\n\n\t/**\n\t * Updates the symbol grid depending on the currently selected character group.\n\t */\n\tprivate _updateGrid( currentGroupName: string, gridView: CharacterGridView ): void {\n\t\t// Updating the grid starts with removing all tiles belonging to the old group.\n\t\tgridView.tiles.clear();\n\n\t\tconst characterTitles = this.getCharactersForGroup( currentGroupName )!;\n\n\t\tfor ( const title of characterTitles ) {\n\t\t\tconst character = this.getCharacter( title )!;\n\n\t\t\tgridView.tiles.add( gridView.createTile( character, title ) );\n\t\t}\n\t}\n\n\t/**\n\t * Initializes the dropdown, used for lazy loading.\n\t *\n\t * @returns An object with `categoriesView`, `gridView` and `infoView` properties, containing UI parts.\n\t */\n\tprivate _createDropdownPanelContent( locale: Locale ): DropdownPanelContent {\n\t\tconst groupEntries: Array<[ string, string ]> = Array\n\t\t\t.from( this.getGroups() )\n\t\t\t.map( name => ( [ name, this._groups.get( name )!.label ] ) );\n\n\t\t// The map contains a name of category (an identifier) and its label (a translational string).\n\t\tconst specialCharsGroups: Map<string, string> = new Map( [\n\t\t\t// Add a special group that shows all available special characters.\n\t\t\t[ ALL_SPECIAL_CHARACTERS_GROUP, this._allSpecialCharactersGroupLabel ],\n\t\t\t...groupEntries\n\t\t] );\n\n\t\tconst categoriesView = new SpecialCharactersCategoriesView( locale, specialCharsGroups );\n\t\tconst gridView = new CharacterGridView( locale );\n\t\tconst infoView = new CharacterInfoView( locale );\n\n\t\tgridView.on<SpecialCharactersGridViewTileHoverEvent>( 'tileHover', ( evt, data ) => {\n\t\t\tinfoView.set( data );\n\t\t} );\n\n\t\tgridView.on<SpecialCharactersGridViewTileFocusEvent>( 'tileFocus', ( evt, data ) => {\n\t\t\tinfoView.set( data );\n\t\t} );\n\n\t\t// Update the grid of special characters when a user changed the character group.\n\t\tcategoriesView.on( 'change:currentGroupName', ( evt, propertyName, newValue ) => {\n\t\t\tthis._updateGrid( newValue, gridView );\n\t\t} );\n\n\t\t// Set the initial content of the special characters grid.\n\t\tthis._updateGrid( categoriesView.currentGroupName, gridView );\n\n\t\treturn { categoriesView, gridView, infoView };\n\t}\n\n\t/**\n\t * Creates a button for toolbar and menu bar that will show special characters dialog.\n\t */\n\tprivate _createDialogButton<T extends typeof ButtonView>( ButtonClass: T ): InstanceType<T> {\n\t\tconst editor = this.editor;\n\t\tconst locale = editor.locale;\n\t\tconst buttonView = new ButtonClass( editor.locale ) as InstanceType<T>;\n\t\tconst command = editor.commands.get( 'insertText' )!;\n\t\tconst t = locale.t;\n\t\tconst dialogPlugin = this.editor.plugins.get( 'Dialog' );\n\n\t\tbuttonView.set( {\n\t\t\tlabel: t( 'Special characters' ),\n\t\t\ticon: IconSpecialCharacters,\n\t\t\tisToggleable: true\n\t\t} );\n\n\t\tbuttonView.bind( 'isOn' ).to( dialogPlugin, 'id', id => id === 'specialCharacters' );\n\t\tbuttonView.bind( 'isEnabled' ).to( command, 'isEnabled' );\n\n\t\tbuttonView.on( 'execute', () => {\n\t\t\tif ( dialogPlugin.id === 'specialCharacters' ) {\n\t\t\t\tdialogPlugin.hide();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._showDialog();\n\t\t} );\n\n\t\treturn buttonView;\n\t}\n\n\tprivate _showDialog() {\n\t\tconst editor = this.editor;\n\t\tconst dialog = editor.plugins.get( 'Dialog' );\n\t\tconst locale = editor.locale;\n\t\tconst t = locale.t;\n\n\t\tconst { categoriesView, gridView, infoView } = this._createDropdownPanelContent( locale );\n\t\tconst content = new SpecialCharactersView(\n\t\t\tlocale,\n\t\t\tcategoriesView,\n\t\t\tgridView,\n\t\t\tinfoView\n\t\t);\n\n\t\tgridView.on<SpecialCharactersGridViewExecuteEvent>( 'execute', ( evt, data ) => {\n\t\t\teditor.execute( 'insertText', { text: data.character } );\n\t\t} );\n\n\t\tdialog.show( {\n\t\t\tid: 'specialCharacters',\n\t\t\ttitle: t( 'Special characters' ),\n\t\t\tclassName: 'ck-special-characters',\n\t\t\tcontent,\n\t\t\tposition: DialogViewPosition.EDITOR_TOP_SIDE\n\t\t} );\n\t}\n}\n\nexport interface SpecialCharacterDefinition {\n\n\t/**\n\t * A unique name of the character (e.g. \"greek small letter epsilon\").\n\t */\n\ttitle: string;\n\n\t/**\n\t * A human-readable character displayed as the label (e.g. \"ε\").\n\t */\n\tcharacter: string;\n}\n\ninterface Group {\n\tlabel: string;\n\titems: Set<string>;\n}\n\ninterface DropdownPanelContent {\n\tcategoriesView: SpecialCharactersCategoriesView;\n\tgridView: CharacterGridView;\n\tinfoView: CharacterInfoView;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/specialcharactersarrows\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { type SpecialCharacters } from './specialcharacters.js';\n\n/**\n * A plugin that provides special characters for the \"Arrows\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersArrows ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */\nexport class SpecialCharactersArrows extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SpecialCharactersArrows' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst plugin: SpecialCharacters = editor.plugins.get( 'SpecialCharacters' );\n\n\t\tplugin.addItems( 'Arrows', [\n\t\t\t{ title: t( 'leftwards simple arrow' ), character: '←' },\n\t\t\t{ title: t( 'rightwards simple arrow' ), character: '→' },\n\t\t\t{ title: t( 'upwards simple arrow' ), character: '↑' },\n\t\t\t{ title: t( 'downwards simple arrow' ), character: '↓' },\n\t\t\t{ title: t( 'leftwards double arrow' ), character: '⇐' },\n\t\t\t{ title: t( 'rightwards double arrow' ), character: '⇒' },\n\t\t\t{ title: t( 'upwards double arrow' ), character: '⇑' },\n\t\t\t{ title: t( 'downwards double arrow' ), character: '⇓' },\n\t\t\t{ title: t( 'leftwards dashed arrow' ), character: '⇠' },\n\t\t\t{ title: t( 'rightwards dashed arrow' ), character: '⇢' },\n\t\t\t{ title: t( 'upwards dashed arrow' ), character: '⇡' },\n\t\t\t{ title: t( 'downwards dashed arrow' ), character: '⇣' },\n\t\t\t{ title: t( 'leftwards arrow to bar' ), character: '⇤' },\n\t\t\t{ title: t( 'rightwards arrow to bar' ), character: '⇥' },\n\t\t\t{ title: t( 'upwards arrow to bar' ), character: '⤒' },\n\t\t\t{ title: t( 'downwards arrow to bar' ), character: '⤓' },\n\t\t\t{ title: t( 'up down arrow with base' ), character: '↨' },\n\t\t\t{ title: t( 'back with leftwards arrow above' ), character: '🔙' },\n\t\t\t{ title: t( 'end with leftwards arrow above' ), character: '🔚' },\n\t\t\t{ title: t( 'on with exclamation mark with left right arrow above' ), character: '🔛' },\n\t\t\t{ title: t( 'soon with rightwards arrow above' ), character: '🔜' },\n\t\t\t{ title: t( 'top with upwards arrow above' ), character: '🔝' }\n\t\t], { label: t( 'Arrows' ) } );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/specialcharacterstext\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { type SpecialCharacters } from './specialcharacters.js';\n\n/**\n * A plugin that provides special characters for the \"Text\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersText ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */\nexport class SpecialCharactersText extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SpecialCharactersText' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst plugin: SpecialCharacters = editor.plugins.get( 'SpecialCharacters' );\n\n\t\tplugin.addItems( 'Text', [\n\t\t\t{ character: '‹', title: t( 'Single left-pointing angle quotation mark' ) },\n\t\t\t{ character: '›', title: t( 'Single right-pointing angle quotation mark' ) },\n\t\t\t{ character: '«', title: t( 'Left-pointing double angle quotation mark' ) },\n\t\t\t{ character: '»', title: t( 'Right-pointing double angle quotation mark' ) },\n\t\t\t{ character: '‘', title: t( 'Left single quotation mark' ) },\n\t\t\t{ character: '’', title: t( 'Right single quotation mark' ) },\n\t\t\t{ character: '“', title: t( 'Left double quotation mark' ) },\n\t\t\t{ character: '”', title: t( 'Right double quotation mark' ) },\n\t\t\t{ character: '‚', title: t( 'Single low-9 quotation mark' ) },\n\t\t\t{ character: '„', title: t( 'Double low-9 quotation mark' ) },\n\t\t\t{ character: '¡', title: t( 'Inverted exclamation mark' ) },\n\t\t\t{ character: '¿', title: t( 'Inverted question mark' ) },\n\t\t\t{ character: '‥', title: t( 'Two dot leader' ) },\n\t\t\t{ character: '…', title: t( 'Horizontal ellipsis' ) },\n\t\t\t{ character: '‡', title: t( 'Double dagger' ) },\n\t\t\t{ character: '‰', title: t( 'Per mille sign' ) },\n\t\t\t{ character: '‱', title: t( 'Per ten thousand sign' ) },\n\t\t\t{ character: '‼', title: t( 'Double exclamation mark' ) },\n\t\t\t{ character: '⁈', title: t( 'Question exclamation mark' ) },\n\t\t\t{ character: '⁉', title: t( 'Exclamation question mark' ) },\n\t\t\t{ character: '⁇', title: t( 'Double question mark' ) },\n\t\t\t{ character: '©', title: t( 'Copyright sign' ) },\n\t\t\t{ character: '®', title: t( 'Registered sign' ) },\n\t\t\t{ character: '™', title: t( 'Trade mark sign' ) },\n\t\t\t{ character: '§', title: t( 'Section sign' ) },\n\t\t\t{ character: '¶', title: t( 'Paragraph sign' ) },\n\t\t\t{ character: '⁋', title: t( 'Reversed paragraph sign' ) }\n\t\t], { label: t( 'Text' ) } );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/specialcharactersmathematical\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { type SpecialCharacters } from './specialcharacters.js';\n\n/**\n * A plugin that provides special characters for the \"Mathematical\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersMathematical ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */\nexport class SpecialCharactersMathematical extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SpecialCharactersMathematical' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst plugin: SpecialCharacters = editor.plugins.get( 'SpecialCharacters' );\n\n\t\tplugin.addItems( 'Mathematical', [\n\t\t\t{ character: '<', title: t( 'Less-than sign' ) },\n\t\t\t{ character: '>', title: t( 'Greater-than sign' ) },\n\t\t\t{ character: '≤', title: t( 'Less-than or equal to' ) },\n\t\t\t{ character: '≥', title: t( 'Greater-than or equal to' ) },\n\t\t\t{ character: '–', title: t( 'En dash' ) },\n\t\t\t{ character: '—', title: t( 'Em dash' ) },\n\t\t\t{ character: '¯', title: t( 'Macron' ) },\n\t\t\t{ character: '‾', title: t( 'Overline' ) },\n\t\t\t{ character: '°', title: t( 'Degree sign' ) },\n\t\t\t{ character: '−', title: t( 'Minus sign' ) },\n\t\t\t{ character: '±', title: t( 'Plus-minus sign' ) },\n\t\t\t{ character: '÷', title: t( 'Division sign' ) },\n\t\t\t{ character: '⁄', title: t( 'Fraction slash' ) },\n\t\t\t{ character: '×', title: t( 'Multiplication sign' ) },\n\t\t\t{ character: 'ƒ', title: t( 'Latin small letter f with hook' ) },\n\t\t\t{ character: '∫', title: t( 'Integral' ) },\n\t\t\t{ character: '∑', title: t( 'N-ary summation' ) },\n\t\t\t{ character: '∞', title: t( 'Infinity' ) },\n\t\t\t{ character: '√', title: t( 'Square root' ) },\n\t\t\t{ character: '∼', title: t( 'Tilde operator' ) },\n\t\t\t{ character: '≅', title: t( 'Approximately equal to' ) },\n\t\t\t{ character: '≈', title: t( 'Almost equal to' ) },\n\t\t\t{ character: '≠', title: t( 'Not equal to' ) },\n\t\t\t{ character: '≡', title: t( 'Identical to' ) },\n\t\t\t{ character: '∈', title: t( 'Element of' ) },\n\t\t\t{ character: '∉', title: t( 'Not an element of' ) },\n\t\t\t{ character: '∋', title: t( 'Contains as member' ) },\n\t\t\t{ character: '∏', title: t( 'N-ary product' ) },\n\t\t\t{ character: '∧', title: t( 'Logical and' ) },\n\t\t\t{ character: '∨', title: t( 'Logical or' ) },\n\t\t\t{ character: '¬', title: t( 'Not sign' ) },\n\t\t\t{ character: '∩', title: t( 'Intersection' ) },\n\t\t\t{ character: '∪', title: t( 'Union' ) },\n\t\t\t{ character: '∂', title: t( 'Partial differential' ) },\n\t\t\t{ character: '∀', title: t( 'For all' ) },\n\t\t\t{ character: '∃', title: t( 'There exists' ) },\n\t\t\t{ character: '∅', title: t( 'Empty set' ) },\n\t\t\t{ character: '∇', title: t( 'Nabla' ) },\n\t\t\t{ character: '∗', title: t( 'Asterisk operator' ) },\n\t\t\t{ character: '∝', title: t( 'Proportional to' ) },\n\t\t\t{ character: '∠', title: t( 'Angle' ) },\n\t\t\t{ character: '¼', title: t( 'Vulgar fraction one quarter' ) },\n\t\t\t{ character: '½', title: t( 'Vulgar fraction one half' ) },\n\t\t\t{ character: '¾', title: t( 'Vulgar fraction three quarters' ) }\n\t\t], { label: t( 'Mathematical' ) } );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/specialcharacterslatin\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { type SpecialCharacters } from './specialcharacters.js';\n\n/**\n * A plugin that provides special characters for the \"Latin\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersLatin ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */\nexport class SpecialCharactersLatin extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SpecialCharactersLatin' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst plugin: SpecialCharacters = editor.plugins.get( 'SpecialCharacters' );\n\n\t\tplugin.addItems( 'Latin', [\n\t\t\t{ character: 'Ā', title: t( 'Latin capital letter a with macron' ) },\n\t\t\t{ character: 'ā', title: t( 'Latin small letter a with macron' ) },\n\t\t\t{ character: 'Ă', title: t( 'Latin capital letter a with breve' ) },\n\t\t\t{ character: 'ă', title: t( 'Latin small letter a with breve' ) },\n\t\t\t{ character: 'Ą', title: t( 'Latin capital letter a with ogonek' ) },\n\t\t\t{ character: 'ą', title: t( 'Latin small letter a with ogonek' ) },\n\t\t\t{ character: 'Ć', title: t( 'Latin capital letter c with acute' ) },\n\t\t\t{ character: 'ć', title: t( 'Latin small letter c with acute' ) },\n\t\t\t{ character: 'Ĉ', title: t( 'Latin capital letter c with circumflex' ) },\n\t\t\t{ character: 'ĉ', title: t( 'Latin small letter c with circumflex' ) },\n\t\t\t{ character: 'Ċ', title: t( 'Latin capital letter c with dot above' ) },\n\t\t\t{ character: 'ċ', title: t( 'Latin small letter c with dot above' ) },\n\t\t\t{ character: 'Č', title: t( 'Latin capital letter c with caron' ) },\n\t\t\t{ character: 'č', title: t( 'Latin small letter c with caron' ) },\n\t\t\t{ character: 'Ď', title: t( 'Latin capital letter d with caron' ) },\n\t\t\t{ character: 'ď', title: t( 'Latin small letter d with caron' ) },\n\t\t\t{ character: 'Đ', title: t( 'Latin capital letter d with stroke' ) },\n\t\t\t{ character: 'đ', title: t( 'Latin small letter d with stroke' ) },\n\t\t\t{ character: 'Ē', title: t( 'Latin capital letter e with macron' ) },\n\t\t\t{ character: 'ē', title: t( 'Latin small letter e with macron' ) },\n\t\t\t{ character: 'Ĕ', title: t( 'Latin capital letter e with breve' ) },\n\t\t\t{ character: 'ĕ', title: t( 'Latin small letter e with breve' ) },\n\t\t\t{ character: 'Ė', title: t( 'Latin capital letter e with dot above' ) },\n\t\t\t{ character: 'ė', title: t( 'Latin small letter e with dot above' ) },\n\t\t\t{ character: 'Ę', title: t( 'Latin capital letter e with ogonek' ) },\n\t\t\t{ character: 'ę', title: t( 'Latin small letter e with ogonek' ) },\n\t\t\t{ character: 'Ě', title: t( 'Latin capital letter e with caron' ) },\n\t\t\t{ character: 'ě', title: t( 'Latin small letter e with caron' ) },\n\t\t\t{ character: 'Ĝ', title: t( 'Latin capital letter g with circumflex' ) },\n\t\t\t{ character: 'ĝ', title: t( 'Latin small letter g with circumflex' ) },\n\t\t\t{ character: 'Ğ', title: t( 'Latin capital letter g with breve' ) },\n\t\t\t{ character: 'ğ', title: t( 'Latin small letter g with breve' ) },\n\t\t\t{ character: 'Ġ', title: t( 'Latin capital letter g with dot above' ) },\n\t\t\t{ character: 'ġ', title: t( 'Latin small letter g with dot above' ) },\n\t\t\t{ character: 'Ģ', title: t( 'Latin capital letter g with cedilla' ) },\n\t\t\t{ character: 'ģ', title: t( 'Latin small letter g with cedilla' ) },\n\t\t\t{ character: 'Ĥ', title: t( 'Latin capital letter h with circumflex' ) },\n\t\t\t{ character: 'ĥ', title: t( 'Latin small letter h with circumflex' ) },\n\t\t\t{ character: 'Ħ', title: t( 'Latin capital letter h with stroke' ) },\n\t\t\t{ character: 'ħ', title: t( 'Latin small letter h with stroke' ) },\n\t\t\t{ character: 'Ĩ', title: t( 'Latin capital letter i with tilde' ) },\n\t\t\t{ character: 'ĩ', title: t( 'Latin small letter i with tilde' ) },\n\t\t\t{ character: 'Ī', title: t( 'Latin capital letter i with macron' ) },\n\t\t\t{ character: 'ī', title: t( 'Latin small letter i with macron' ) },\n\t\t\t{ character: 'Ĭ', title: t( 'Latin capital letter i with breve' ) },\n\t\t\t{ character: 'ĭ', title: t( 'Latin small letter i with breve' ) },\n\t\t\t{ character: 'Į', title: t( 'Latin capital letter i with ogonek' ) },\n\t\t\t{ character: 'į', title: t( 'Latin small letter i with ogonek' ) },\n\t\t\t{ character: 'İ', title: t( 'Latin capital letter i with dot above' ) },\n\t\t\t{ character: 'ı', title: t( 'Latin small letter dotless i' ) },\n\t\t\t{ character: 'IJ', title: t( 'Latin capital ligature ij' ) },\n\t\t\t{ character: 'ij', title: t( 'Latin small ligature ij' ) },\n\t\t\t{ character: 'Ĵ', title: t( 'Latin capital letter j with circumflex' ) },\n\t\t\t{ character: 'ĵ', title: t( 'Latin small letter j with circumflex' ) },\n\t\t\t{ character: 'Ķ', title: t( 'Latin capital letter k with cedilla' ) },\n\t\t\t{ character: 'ķ', title: t( 'Latin small letter k with cedilla' ) },\n\t\t\t{ character: 'ĸ', title: t( 'Latin small letter kra' ) },\n\t\t\t{ character: 'Ĺ', title: t( 'Latin capital letter l with acute' ) },\n\t\t\t{ character: 'ĺ', title: t( 'Latin small letter l with acute' ) },\n\t\t\t{ character: 'Ļ', title: t( 'Latin capital letter l with cedilla' ) },\n\t\t\t{ character: 'ļ', title: t( 'Latin small letter l with cedilla' ) },\n\t\t\t{ character: 'Ľ', title: t( 'Latin capital letter l with caron' ) },\n\t\t\t{ character: 'ľ', title: t( 'Latin small letter l with caron' ) },\n\t\t\t{ character: 'Ŀ', title: t( 'Latin capital letter l with middle dot' ) },\n\t\t\t{ character: 'ŀ', title: t( 'Latin small letter l with middle dot' ) },\n\t\t\t{ character: 'Ł', title: t( 'Latin capital letter l with stroke' ) },\n\t\t\t{ character: 'ł', title: t( 'Latin small letter l with stroke' ) },\n\t\t\t{ character: 'Ń', title: t( 'Latin capital letter n with acute' ) },\n\t\t\t{ character: 'ń', title: t( 'Latin small letter n with acute' ) },\n\t\t\t{ character: 'Ņ', title: t( 'Latin capital letter n with cedilla' ) },\n\t\t\t{ character: 'ņ', title: t( 'Latin small letter n with cedilla' ) },\n\t\t\t{ character: 'Ň', title: t( 'Latin capital letter n with caron' ) },\n\t\t\t{ character: 'ň', title: t( 'Latin small letter n with caron' ) },\n\t\t\t{ character: 'ʼn', title: t( 'Latin small letter n preceded by apostrophe' ) },\n\t\t\t{ character: 'Ŋ', title: t( 'Latin capital letter eng' ) },\n\t\t\t{ character: 'ŋ', title: t( 'Latin small letter eng' ) },\n\t\t\t{ character: 'Ō', title: t( 'Latin capital letter o with macron' ) },\n\t\t\t{ character: 'ō', title: t( 'Latin small letter o with macron' ) },\n\t\t\t{ character: 'Ŏ', title: t( 'Latin capital letter o with breve' ) },\n\t\t\t{ character: 'ŏ', title: t( 'Latin small letter o with breve' ) },\n\t\t\t{ character: 'Ő', title: t( 'Latin capital letter o with double acute' ) },\n\t\t\t{ character: 'ő', title: t( 'Latin small letter o with double acute' ) },\n\t\t\t{ character: 'Œ', title: t( 'Latin capital ligature oe' ) },\n\t\t\t{ character: 'œ', title: t( 'Latin small ligature oe' ) },\n\t\t\t{ character: 'Ŕ', title: t( 'Latin capital letter r with acute' ) },\n\t\t\t{ character: 'ŕ', title: t( 'Latin small letter r with acute' ) },\n\t\t\t{ character: 'Ŗ', title: t( 'Latin capital letter r with cedilla' ) },\n\t\t\t{ character: 'ŗ', title: t( 'Latin small letter r with cedilla' ) },\n\t\t\t{ character: 'Ř', title: t( 'Latin capital letter r with caron' ) },\n\t\t\t{ character: 'ř', title: t( 'Latin small letter r with caron' ) },\n\t\t\t{ character: 'Ś', title: t( 'Latin capital letter s with acute' ) },\n\t\t\t{ character: 'ś', title: t( 'Latin small letter s with acute' ) },\n\t\t\t{ character: 'Ŝ', title: t( 'Latin capital letter s with circumflex' ) },\n\t\t\t{ character: 'ŝ', title: t( 'Latin small letter s with circumflex' ) },\n\t\t\t{ character: 'Ş', title: t( 'Latin capital letter s with cedilla' ) },\n\t\t\t{ character: 'ş', title: t( 'Latin small letter s with cedilla' ) },\n\t\t\t{ character: 'Š', title: t( 'Latin capital letter s with caron' ) },\n\t\t\t{ character: 'š', title: t( 'Latin small letter s with caron' ) },\n\t\t\t{ character: 'Ţ', title: t( 'Latin capital letter t with cedilla' ) },\n\t\t\t{ character: 'ţ', title: t( 'Latin small letter t with cedilla' ) },\n\t\t\t{ character: 'Ť', title: t( 'Latin capital letter t with caron' ) },\n\t\t\t{ character: 'ť', title: t( 'Latin small letter t with caron' ) },\n\t\t\t{ character: 'Ŧ', title: t( 'Latin capital letter t with stroke' ) },\n\t\t\t{ character: 'ŧ', title: t( 'Latin small letter t with stroke' ) },\n\t\t\t{ character: 'Ũ', title: t( 'Latin capital letter u with tilde' ) },\n\t\t\t{ character: 'ũ', title: t( 'Latin small letter u with tilde' ) },\n\t\t\t{ character: 'Ū', title: t( 'Latin capital letter u with macron' ) },\n\t\t\t{ character: 'ū', title: t( 'Latin small letter u with macron' ) },\n\t\t\t{ character: 'Ŭ', title: t( 'Latin capital letter u with breve' ) },\n\t\t\t{ character: 'ŭ', title: t( 'Latin small letter u with breve' ) },\n\t\t\t{ character: 'Ů', title: t( 'Latin capital letter u with ring above' ) },\n\t\t\t{ character: 'ů', title: t( 'Latin small letter u with ring above' ) },\n\t\t\t{ character: 'Ű', title: t( 'Latin capital letter u with double acute' ) },\n\t\t\t{ character: 'ű', title: t( 'Latin small letter u with double acute' ) },\n\t\t\t{ character: 'Ų', title: t( 'Latin capital letter u with ogonek' ) },\n\t\t\t{ character: 'ų', title: t( 'Latin small letter u with ogonek' ) },\n\t\t\t{ character: 'Ŵ', title: t( 'Latin capital letter w with circumflex' ) },\n\t\t\t{ character: 'ŵ', title: t( 'Latin small letter w with circumflex' ) },\n\t\t\t{ character: 'Ŷ', title: t( 'Latin capital letter y with circumflex' ) },\n\t\t\t{ character: 'ŷ', title: t( 'Latin small letter y with circumflex' ) },\n\t\t\t{ character: 'Ÿ', title: t( 'Latin capital letter y with diaeresis' ) },\n\t\t\t{ character: 'Ź', title: t( 'Latin capital letter z with acute' ) },\n\t\t\t{ character: 'ź', title: t( 'Latin small letter z with acute' ) },\n\t\t\t{ character: 'Ż', title: t( 'Latin capital letter z with dot above' ) },\n\t\t\t{ character: 'ż', title: t( 'Latin small letter z with dot above' ) },\n\t\t\t{ character: 'Ž', title: t( 'Latin capital letter z with caron' ) },\n\t\t\t{ character: 'ž', title: t( 'Latin small letter z with caron' ) },\n\t\t\t{ character: 'ſ', title: t( 'Latin small letter long s' ) }\n\t\t], { label: t( 'Latin' ) } );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/specialcharacterscurrency\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { type SpecialCharacters } from './specialcharacters.js';\n\n/**\n * A plugin that provides special characters for the \"Currency\" category.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersCurrency ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */\nexport class SpecialCharactersCurrency extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SpecialCharactersCurrency' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst plugin: SpecialCharacters = editor.plugins.get( 'SpecialCharacters' );\n\n\t\tplugin.addItems( 'Currency', [\n\t\t\t{ character: '$', title: t( 'Dollar sign' ) },\n\t\t\t{ character: '€', title: t( 'Euro sign' ) },\n\t\t\t{ character: '¥', title: t( 'Yen sign' ) },\n\t\t\t{ character: '£', title: t( 'Pound sign' ) },\n\t\t\t{ character: '¢', title: t( 'Cent sign' ) },\n\t\t\t{ character: '₠', title: t( 'Euro-currency sign' ) },\n\t\t\t{ character: '₡', title: t( 'Colon sign' ) },\n\t\t\t{ character: '₢', title: t( 'Cruzeiro sign' ) },\n\t\t\t{ character: '₣', title: t( 'French franc sign' ) },\n\t\t\t{ character: '₤', title: t( 'Lira sign' ) },\n\t\t\t{ character: '¤', title: t( 'Currency sign' ) },\n\t\t\t{ character: '₿', title: t( 'Bitcoin sign' ) },\n\t\t\t{ character: '₥', title: t( 'Mill sign' ) },\n\t\t\t{ character: '₦', title: t( 'Naira sign' ) },\n\t\t\t{ character: '₧', title: t( 'Peseta sign' ) },\n\t\t\t{ character: '₨', title: t( 'Rupee sign' ) },\n\t\t\t{ character: '₩', title: t( 'Won sign' ) },\n\t\t\t{ character: '₪', title: t( 'New sheqel sign' ) },\n\t\t\t{ character: '₫', title: t( 'Dong sign' ) },\n\t\t\t{ character: '₭', title: t( 'Kip sign' ) },\n\t\t\t{ character: '₮', title: t( 'Tugrik sign' ) },\n\t\t\t{ character: '₯', title: t( 'Drachma sign' ) },\n\t\t\t{ character: '₰', title: t( 'German penny sign' ) },\n\t\t\t{ character: '₱', title: t( 'Peso sign' ) },\n\t\t\t{ character: '₲', title: t( 'Guarani sign' ) },\n\t\t\t{ character: '₳', title: t( 'Austral sign' ) },\n\t\t\t{ character: '₴', title: t( 'Hryvnia sign' ) },\n\t\t\t{ character: '₵', title: t( 'Cedi sign' ) },\n\t\t\t{ character: '₶', title: t( 'Livre tournois sign' ) },\n\t\t\t{ character: '₷', title: t( 'Spesmilo sign' ) },\n\t\t\t{ character: '₸', title: t( 'Tenge sign' ) },\n\t\t\t{ character: '₹', title: t( 'Indian rupee sign' ) },\n\t\t\t{ character: '₺', title: t( 'Turkish lira sign' ) },\n\t\t\t{ character: '₻', title: t( 'Nordic mark sign' ) },\n\t\t\t{ character: '₼', title: t( 'Manat sign' ) },\n\t\t\t{ character: '₽', title: t( 'Ruble sign' ) }\n\t\t], { label: t( 'Currency' ) } );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 special-characters/specialcharactersessentials\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { SpecialCharactersCurrency } from './specialcharacterscurrency.js';\nimport { SpecialCharactersMathematical } from './specialcharactersmathematical.js';\nimport { SpecialCharactersArrows } from './specialcharactersarrows.js';\nimport { SpecialCharactersLatin } from './specialcharacterslatin.js';\nimport { SpecialCharactersText } from './specialcharacterstext.js';\n\n/**\n * A plugin combining a basic set of characters for the special characters plugin.\n *\n * ```ts\n * ClassicEditor\n *   .create( {\n *     plugins: [ ..., SpecialCharacters, SpecialCharactersEssentials ],\n *   } )\n *   .then( ... )\n *   .catch( ... );\n * ```\n */\nexport class SpecialCharactersEssentials extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'SpecialCharactersEssentials' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [\n\t\t\tSpecialCharactersCurrency,\n\t\t\tSpecialCharactersText,\n\t\t\tSpecialCharactersMathematical,\n\t\t\tSpecialCharactersArrows,\n\t\t\tSpecialCharactersLatin\n\t\t] as const;\n\t}\n}\n", "import { Plugin, Command } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { ButtonView, View, addKeyboardHandlingForGrid, LabelView, ViewCollection, FocusCycler, createDropdown } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { FocusTracker, KeystrokeHandler, first, logWarning } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { isObject } from 'es-toolkit/compat';\nimport { findAttributeRange, findAttributeRangeBound } from '@ckeditor/ckeditor5-typing/dist/index.js';\n\n/**\n * A class representing an individual button (style) in the grid. Renders a rich preview of the style.\n *\n * @internal\n */ class StyleGridButtonView extends ButtonView {\n    /**\n\t * Definition of the style the button will apply when executed.\n\t */ styleDefinition;\n    /**\n\t * The view rendering the preview of the style.\n\t */ previewView;\n    /**\n\t * Creates an instance of the {@link module:style/ui/stylegridbuttonview~StyleGridButtonView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param styleDefinition Definition of the style.\n\t */ constructor(locale, styleDefinition){\n        super(locale);\n        this.styleDefinition = styleDefinition;\n        this.previewView = this._createPreview();\n        this.set({\n            label: styleDefinition.name,\n            class: 'ck-style-grid__button',\n            withText: true\n        });\n        this.extendTemplate({\n            attributes: {\n                role: 'option'\n            }\n        });\n        this.children.add(this.previewView, 0);\n    }\n    /**\n\t * Creates the view representing the preview of the style.\n\t */ _createPreview() {\n        const previewView = new View(this.locale);\n        previewView.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-reset_all-excluded',\n                    'ck-style-grid__button__preview',\n                    'ck-content'\n                ],\n                // The preview \"AaBbCcDdEeFfGgHhIiJj\" should not be read by screen readers because it is purely presentational.\n                'aria-hidden': 'true'\n            },\n            children: [\n                this.styleDefinition.previewTemplate\n            ]\n        });\n        return previewView;\n    }\n}\n\n/**\n * A class representing a grid of styles ({@link module:style/ui/stylegridbuttonview~StyleGridButtonView buttons}).\n * Allows users to select a style.\n *\n * @internal\n */ class StyleGridView extends View {\n    /**\n\t * Tracks information about the DOM focus in the view.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * A collection of style {@link module:style/ui/stylegridbuttonview~StyleGridButtonView buttons}.\n\t */ children;\n    /**\n\t * Creates an instance of the {@link module:style/ui/stylegridview~StyleGridView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param styleDefinitions Definitions of the styles.\n\t */ constructor(locale, styleDefinitions){\n        super(locale);\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.set('activeStyles', []);\n        this.set('enabledStyles', []);\n        this.children = this.createCollection();\n        this.children.delegate('execute').to(this);\n        for (const definition of styleDefinitions){\n            const gridTileView = new StyleGridButtonView(locale, definition);\n            this.children.add(gridTileView);\n        }\n        this.on('change:activeStyles', ()=>{\n            for (const child of this.children){\n                child.isOn = this.activeStyles.includes(child.styleDefinition.name);\n            }\n        });\n        this.on('change:enabledStyles', ()=>{\n            for (const child of this.children){\n                child.isEnabled = this.enabledStyles.includes(child.styleDefinition.name);\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-style-grid'\n                ],\n                role: 'listbox'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        for (const child of this.children){\n            this.focusTracker.add(child.element);\n        }\n        addKeyboardHandlingForGrid({\n            keystrokeHandler: this.keystrokes,\n            focusTracker: this.focusTracker,\n            gridItems: this.children,\n            numberOfColumns: 3,\n            uiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n        });\n        // Start listening for the keystrokes coming from the grid view.\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * Focuses the first style button in the grid.\n\t */ focus() {\n        this.children.first.focus();\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n}\n\n/**\n * A class representing a group of styles (e.g. \"block\" or \"inline\").\n *\n * Renders a {@link module:style/ui/stylegridview~StyleGridView style grid} and a label.\n *\n * @internal\n */ class StyleGroupView extends View {\n    /**\n\t * The styles grid of the group.\n\t */ gridView;\n    /**\n\t * The label of the group.\n\t */ labelView;\n    /**\n\t * Creates an instance of the {@link module:style/ui/stylegroupview~StyleGroupView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param label The localized label of the group.\n\t * @param styleDefinitions Definitions of the styles in the group.\n\t */ constructor(locale, label, styleDefinitions){\n        super(locale);\n        this.labelView = new LabelView(locale);\n        this.labelView.text = label;\n        this.gridView = new StyleGridView(locale, styleDefinitions);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-style-panel__style-group'\n                ],\n                role: 'group',\n                'aria-labelledby': this.labelView.id\n            },\n            children: [\n                this.labelView,\n                this.gridView\n            ]\n        });\n    }\n}\n\n/**\n * A class representing a panel with available content styles. It renders styles in button grids, grouped\n * in categories.\n *\n * @internal\n */ class StylePanelView extends View {\n    /**\n\t * Tracks information about DOM focus in the panel.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * A collection of panel children.\n\t */ children;\n    /**\n\t * A view representing block styles group.\n\t */ blockStylesGroupView;\n    /**\n\t * A view representing inline styles group\n\t */ inlineStylesGroupView;\n    /**\n\t * A collection of views that can be focused in the panel.\n\t */ _focusables;\n    /**\n\t * Helps cycling over {@link #_focusables} in the panel.\n\t */ _focusCycler;\n    /**\n\t * Creates an instance of the {@link module:style/ui/stylegroupview~StyleGroupView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param styleDefinitions Normalized definitions of the styles.\n\t */ constructor(locale, styleDefinitions){\n        super(locale);\n        const t = locale.t;\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.children = this.createCollection();\n        this.blockStylesGroupView = new StyleGroupView(locale, t('Block styles'), styleDefinitions.block);\n        this.inlineStylesGroupView = new StyleGroupView(locale, t('Text styles'), styleDefinitions.inline);\n        this.set('activeStyles', []);\n        this.set('enabledStyles', []);\n        this._focusables = new ViewCollection();\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate style groups backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n                focusPrevious: [\n                    'shift + tab'\n                ],\n                // Navigate style groups forward using the <kbd>Tab</kbd> key.\n                focusNext: [\n                    'tab'\n                ]\n            }\n        });\n        if (styleDefinitions.block.length) {\n            this.children.add(this.blockStylesGroupView);\n        }\n        if (styleDefinitions.inline.length) {\n            this.children.add(this.inlineStylesGroupView);\n        }\n        this.blockStylesGroupView.gridView.delegate('execute').to(this);\n        this.inlineStylesGroupView.gridView.delegate('execute').to(this);\n        this.blockStylesGroupView.gridView.bind('activeStyles', 'enabledStyles').to(this, 'activeStyles', 'enabledStyles');\n        this.inlineStylesGroupView.gridView.bind('activeStyles', 'enabledStyles').to(this, 'activeStyles', 'enabledStyles');\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-style-panel'\n                ]\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        // Register the views as focusable.\n        this._focusables.add(this.blockStylesGroupView.gridView);\n        this._focusables.add(this.inlineStylesGroupView.gridView);\n        // Register the views in the focus tracker.\n        this.focusTracker.add(this.blockStylesGroupView.gridView.element);\n        this.focusTracker.add(this.inlineStylesGroupView.gridView.element);\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * Focuses the first focusable element in the panel.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Focuses the last focusable element in the panel.\n\t */ focusLast() {\n        this._focusCycler.focusLast();\n    }\n}\n\n// These are intermediate element names that can't be rendered as style preview because they don't make sense standalone.\nconst NON_PREVIEWABLE_ELEMENT_NAMES = [\n    'caption',\n    'colgroup',\n    'dd',\n    'dt',\n    'figcaption',\n    'legend',\n    'li',\n    'optgroup',\n    'option',\n    'rp',\n    'rt',\n    'summary',\n    'tbody',\n    'td',\n    'tfoot',\n    'th',\n    'thead',\n    'tr'\n];\nclass StyleUtils extends Plugin {\n    _htmlSupport;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'StyleUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this.decorate('isStyleEnabledForBlock');\n        this.decorate('isStyleActiveForBlock');\n        this.decorate('getAffectedBlocks');\n        this.decorate('isStyleEnabledForInlineSelection');\n        this.decorate('isStyleActiveForInlineSelection');\n        this.decorate('getAffectedInlineSelectable');\n        this.decorate('getStylePreview');\n        this.decorate('configureGHSDataFilter');\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this._htmlSupport = this.editor.plugins.get('GeneralHtmlSupport');\n    }\n    /**\n\t * Normalizes {@link module:style/styleconfig~StyleConfig#definitions} in the configuration of the styles feature.\n\t * The structure of normalized styles looks as follows:\n\t *\n\t * ```ts\n\t * {\n\t * \tblock: [\n\t * \t\t<module:style/style~StyleDefinition>,\n\t * \t\t<module:style/style~StyleDefinition>,\n\t * \t\t...\n\t * \t],\n\t * \tinline: [\n\t * \t\t<module:style/style~StyleDefinition>,\n\t * \t\t<module:style/style~StyleDefinition>,\n\t * \t\t...\n\t * \t]\n\t * }\n\t * ```\n\t *\n\t * @returns An object with normalized style definitions grouped into `block` and `inline` categories (arrays).\n\t */ normalizeConfig(dataSchema, styleDefinitions = []) {\n        const normalizedDefinitions = {\n            block: [],\n            inline: []\n        };\n        for (const definition of styleDefinitions){\n            const modelElements = [];\n            const ghsAttributes = [];\n            for (const ghsDefinition of dataSchema.getDefinitionsForView(definition.element)){\n                const appliesToBlock = 'appliesToBlock' in ghsDefinition ? ghsDefinition.appliesToBlock : false;\n                if (ghsDefinition.isBlock || appliesToBlock) {\n                    if (typeof appliesToBlock == 'string') {\n                        modelElements.push(appliesToBlock);\n                    } else if (ghsDefinition.isBlock) {\n                        const ghsBlockDefinition = ghsDefinition;\n                        modelElements.push(ghsDefinition.model);\n                        if (ghsBlockDefinition.paragraphLikeModel) {\n                            modelElements.push(ghsBlockDefinition.paragraphLikeModel);\n                        }\n                    }\n                } else {\n                    ghsAttributes.push(ghsDefinition.model);\n                }\n            }\n            const previewTemplate = this.getStylePreview(definition, [\n                {\n                    text: 'AaBbCcDdEeFfGgHhIiJj'\n                }\n            ]);\n            if (modelElements.length) {\n                normalizedDefinitions.block.push({\n                    ...definition,\n                    previewTemplate,\n                    modelElements,\n                    isBlock: true\n                });\n            } else {\n                normalizedDefinitions.inline.push({\n                    ...definition,\n                    previewTemplate,\n                    ghsAttributes\n                });\n            }\n        }\n        return normalizedDefinitions;\n    }\n    /**\n\t * Verifies if the given style is applicable to the provided block element.\n\t *\n\t * @internal\n\t */ isStyleEnabledForBlock(definition, block) {\n        const model = this.editor.model;\n        const attributeName = this._htmlSupport.getGhsAttributeNameForElement(definition.element);\n        if (!model.schema.checkAttribute(block, attributeName)) {\n            return false;\n        }\n        return definition.modelElements.includes(block.name);\n    }\n    /**\n\t * Returns true if the given style is applied to the specified block element.\n\t *\n\t * @internal\n\t */ isStyleActiveForBlock(definition, block) {\n        const attributeName = this._htmlSupport.getGhsAttributeNameForElement(definition.element);\n        const ghsAttributeValue = block.getAttribute(attributeName);\n        return this.hasAllClasses(ghsAttributeValue, definition.classes);\n    }\n    /**\n\t * Returns an array of block elements that style should be applied to.\n\t *\n\t * @internal\n\t */ getAffectedBlocks(definition, block) {\n        if (definition.modelElements.includes(block.name)) {\n            return [\n                block\n            ];\n        }\n        return null;\n    }\n    /**\n\t * Verifies if the given style is applicable to the provided document selection.\n\t *\n\t * @internal\n\t */ isStyleEnabledForInlineSelection(definition, selection) {\n        const model = this.editor.model;\n        for (const ghsAttributeName of definition.ghsAttributes){\n            if (model.schema.checkAttributeInSelection(selection, ghsAttributeName)) {\n                return true;\n            }\n        }\n        return false;\n    }\n    /**\n\t * Returns true if the given style is applied to the specified document selection.\n\t *\n\t * @internal\n\t */ isStyleActiveForInlineSelection(definition, selection) {\n        for (const ghsAttributeName of definition.ghsAttributes){\n            const ghsAttributeValue = this._getValueFromFirstAllowedNode(selection, ghsAttributeName);\n            if (this.hasAllClasses(ghsAttributeValue, definition.classes)) {\n                return true;\n            }\n        }\n        return false;\n    }\n    /**\n\t * Returns a selectable that given style should be applied to.\n\t *\n\t * @internal\n\t */ getAffectedInlineSelectable(definition, selection) {\n        return selection;\n    }\n    /**\n\t * Returns the `TemplateDefinition` used by styles dropdown to render style preview.\n\t *\n\t * @internal\n\t */ getStylePreview(definition, children) {\n        const { element, classes } = definition;\n        return {\n            tag: isPreviewable(element) ? element : 'div',\n            attributes: {\n                class: classes\n            },\n            children\n        };\n    }\n    /**\n\t * Verifies if all classes are present in the given GHS attribute.\n\t *\n\t * @internal\n\t */ hasAllClasses(ghsAttributeValue, classes) {\n        return isObject(ghsAttributeValue) && hasClassesProperty(ghsAttributeValue) && classes.every((className)=>ghsAttributeValue.classes.includes(className));\n    }\n    /**\n\t * This is where the styles feature configures the GHS feature. This method translates normalized\n\t * {@link module:style/styleconfig~StyleDefinition style definitions} to\n\t * {@link module:engine/view/matcher~MatcherObjectPattern matcher patterns} and feeds them to the GHS\n\t * {@link module:html-support/datafilter~DataFilter} plugin.\n\t *\n\t * @internal\n\t */ configureGHSDataFilter({ block, inline }) {\n        const ghsDataFilter = this.editor.plugins.get('DataFilter');\n        ghsDataFilter.loadAllowedConfig(block.map(normalizedStyleDefinitionToMatcherPattern));\n        ghsDataFilter.loadAllowedConfig(inline.map(normalizedStyleDefinitionToMatcherPattern));\n    }\n    /**\n\t * Checks the attribute value of the first node in the selection that allows the attribute.\n\t * For the collapsed selection, returns the selection attribute.\n\t *\n\t * @param selection The document selection.\n\t * @param attributeName Name of the GHS attribute.\n\t * @returns The attribute value.\n\t */ _getValueFromFirstAllowedNode(selection, attributeName) {\n        const model = this.editor.model;\n        const schema = model.schema;\n        if (selection.isCollapsed) {\n            return selection.getAttribute(attributeName);\n        }\n        for (const range of selection.getRanges()){\n            for (const item of range.getItems()){\n                if (schema.checkAttribute(item, attributeName)) {\n                    return item.getAttribute(attributeName);\n                }\n            }\n        }\n        return null;\n    }\n}\n/**\n * Checks if given object has `classes` property which is an array.\n *\n * @param obj Object to check.\n */ function hasClassesProperty(obj) {\n    return Boolean(obj.classes) && Array.isArray(obj.classes);\n}\n/**\n * Decides whether an element should be created in the preview or a substitute `<div>` should\n * be used instead. This avoids previewing a standalone `<td>`, `<li>`, etc. without a parent.\n *\n * @param elementName Name of the element\n * @returns Boolean indicating whether the element can be rendered.\n */ function isPreviewable(elementName) {\n    return !NON_PREVIEWABLE_ELEMENT_NAMES.includes(elementName);\n}\n/**\n * Translates a normalized style definition to a view matcher pattern.\n */ function normalizedStyleDefinitionToMatcherPattern({ element, classes }) {\n    return {\n        name: element,\n        classes\n    };\n}\n\n/**\n * The UI plugin of the style feature .\n *\n * It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}\n * that displays a grid of styles and allows changing styles of the content.\n */ class StyleUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'StyleUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            StyleUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const dataSchema = editor.plugins.get('DataSchema');\n        const styleUtils = editor.plugins.get('StyleUtils');\n        const styleDefinitions = editor.config.get('style.definitions');\n        const normalizedStyleDefinitions = styleUtils.normalizeConfig(dataSchema, styleDefinitions);\n        // Add the dropdown to the component factory.\n        editor.ui.componentFactory.add('style', (locale)=>{\n            const t = locale.t;\n            const dropdown = createDropdown(locale);\n            const styleCommand = editor.commands.get('style');\n            dropdown.once('change:isOpen', ()=>{\n                const panelView = new StylePanelView(locale, normalizedStyleDefinitions);\n                // Put the styles panel is the dropdown.\n                dropdown.panelView.children.add(panelView);\n                // Close the dropdown when a style is selected in the styles panel.\n                panelView.delegate('execute').to(dropdown);\n                // Bind the state of the styles panel to the command.\n                panelView.bind('activeStyles').to(styleCommand, 'value');\n                panelView.bind('enabledStyles').to(styleCommand, 'enabledStyles');\n            });\n            // The entire dropdown will be disabled together with the command (e.g. when the editor goes read-only).\n            dropdown.bind('isEnabled').to(styleCommand);\n            // This dropdown has no icon. It displays text label depending on the selection.\n            dropdown.buttonView.withText = true;\n            // The label of the dropdown is dynamic and depends on how many styles are active at a time.\n            dropdown.buttonView.bind('label').to(styleCommand, 'value', (value)=>{\n                if (value.length > 1) {\n                    return t('Multiple styles');\n                } else if (value.length === 1) {\n                    return value[0];\n                } else {\n                    return t('Styles');\n                }\n            });\n            // The dropdown has a static CSS class for easy customization. There's another CSS class\n            // that gets displayed when multiple styles are active at a time allowing visual customization of\n            // the label.\n            dropdown.bind('class').to(styleCommand, 'value', (value)=>{\n                const classes = [\n                    'ck-style-dropdown'\n                ];\n                if (value.length > 1) {\n                    classes.push('ck-style-dropdown_multiple-active');\n                }\n                return classes.join(' ');\n            });\n            // Execute the command when a style is selected in the styles panel.\n            // Also focus the editable after executing the command.\n            // It overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n            dropdown.on('execute', (evt)=>{\n                editor.execute('style', {\n                    styleName: evt.source.styleDefinition.name\n                });\n                editor.editing.view.focus();\n            });\n            return dropdown;\n        });\n    }\n}\n\n/**\n * Style command.\n *\n * Applies and removes styles from selection and elements.\n */ class StyleCommand extends Command {\n    /**\n\t * Normalized definitions of the styles.\n\t */ _styleDefinitions;\n    /**\n\t * The StyleUtils plugin.\n\t */ _styleUtils;\n    /**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor Editor on which this command will be used.\n\t * @param styleDefinitions Normalized definitions of the styles.\n\t */ constructor(editor, styleDefinitions){\n        super(editor);\n        this.set('value', []);\n        this.set('enabledStyles', []);\n        this._styleDefinitions = styleDefinitions;\n        this._styleUtils = this.editor.plugins.get(StyleUtils);\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const value = new Set();\n        const enabledStyles = new Set();\n        // Inline styles.\n        for (const definition of this._styleDefinitions.inline){\n            // Check if this inline style is enabled.\n            if (this._styleUtils.isStyleEnabledForInlineSelection(definition, selection)) {\n                enabledStyles.add(definition.name);\n            }\n            // Check if this inline style is active.\n            if (this._styleUtils.isStyleActiveForInlineSelection(definition, selection)) {\n                value.add(definition.name);\n            }\n        }\n        // Block styles.\n        const firstBlock = first(selection.getSelectedBlocks()) || selection.getFirstPosition().parent;\n        if (firstBlock) {\n            const ancestorBlocks = firstBlock.getAncestors({\n                includeSelf: true,\n                parentFirst: true\n            });\n            for (const block of ancestorBlocks){\n                if (block.is('rootElement')) {\n                    break;\n                }\n                for (const definition of this._styleDefinitions.block){\n                    // Check if this block style is enabled.\n                    if (!this._styleUtils.isStyleEnabledForBlock(definition, block)) {\n                        continue;\n                    }\n                    enabledStyles.add(definition.name);\n                    // Check if this block style is active.\n                    if (this._styleUtils.isStyleActiveForBlock(definition, block)) {\n                        value.add(definition.name);\n                    }\n                }\n                // E.g. reached a model table when the selection is in a cell. The command should not modify\n                // ancestors of a table.\n                if (model.schema.isObject(block)) {\n                    break;\n                }\n            }\n        }\n        this.enabledStyles = Array.from(enabledStyles).sort();\n        this.isEnabled = this.enabledStyles.length > 0;\n        this.value = this.isEnabled ? Array.from(value).sort() : [];\n    }\n    /**\n\t * Executes the command &ndash; applies the style classes to the selection or removes it from the selection.\n\t *\n\t * If the command value already contains the requested style, it will remove the style classes. Otherwise, it will set it.\n\t *\n\t * The execution result differs, depending on the {@link module:engine/model/document~ModelDocument#selection} and the\n\t * style type (inline or block):\n\t *\n\t * * When applying inline styles:\n\t *   * If the selection is on a range, the command applies the style classes to all nodes in that range.\n\t *   * If the selection is collapsed in a non-empty node, the command applies the style classes to the\n\t * {@link module:engine/model/document~ModelDocument#selection}.\n\t *\n\t * * When applying block styles:\n\t *   * If the selection is on a range, the command applies the style classes to the nearest block parent element.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.styleName Style name matching the one defined in the\n\t * {@link module:style/styleconfig~StyleConfig#definitions configuration}.\n\t * @param options.forceValue Whether the command should add given style (`true`) or remove it (`false`) from the selection.\n\t * If not set (default), the command will toggle the style basing on the first selected node. Note, that this will not force\n\t * setting a style on an element that cannot receive given style.\n\t */ execute({ styleName, forceValue }) {\n        if (!this.enabledStyles.includes(styleName)) {\n            /**\n\t\t\t * Style command can be executed only with a correct style name.\n\t\t\t *\n\t\t\t * This warning may be caused by:\n\t\t\t *\n\t\t\t * * passing a name that is not specified in the {@link module:style/styleconfig~StyleConfig#definitions configuration}\n\t\t\t * (e.g. a CSS class name),\n\t\t\t * * when trying to apply a style that is not allowed on a given element.\n\t\t\t *\n\t\t\t * @error style-command-executed-with-incorrect-style-name\n\t\t\t */ logWarning('style-command-executed-with-incorrect-style-name');\n            return;\n        }\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const htmlSupport = this.editor.plugins.get('GeneralHtmlSupport');\n        const allDefinitions = [\n            ...this._styleDefinitions.inline,\n            ...this._styleDefinitions.block\n        ];\n        const activeDefinitions = allDefinitions.filter(({ name })=>this.value.includes(name));\n        const definition = allDefinitions.find(({ name })=>name == styleName);\n        const shouldAddStyle = forceValue === undefined ? !this.value.includes(definition.name) : forceValue;\n        model.change(()=>{\n            let selectables;\n            if (isBlockStyleDefinition(definition)) {\n                selectables = this._findAffectedBlocks(getBlocksFromSelection(selection), definition);\n            } else {\n                selectables = [\n                    this._styleUtils.getAffectedInlineSelectable(definition, selection)\n                ];\n            }\n            for (const selectable of selectables){\n                if (shouldAddStyle) {\n                    htmlSupport.addModelHtmlClass(definition.element, definition.classes, selectable);\n                } else {\n                    htmlSupport.removeModelHtmlClass(definition.element, getDefinitionExclusiveClasses(activeDefinitions, definition), selectable);\n                }\n            }\n        });\n    }\n    /**\n\t * Returns a set of elements that should be affected by the block-style change.\n\t */ _findAffectedBlocks(selectedBlocks, definition) {\n        const blocks = new Set();\n        for (const selectedBlock of selectedBlocks){\n            const ancestorBlocks = selectedBlock.getAncestors({\n                includeSelf: true,\n                parentFirst: true\n            });\n            for (const block of ancestorBlocks){\n                if (block.is('rootElement')) {\n                    break;\n                }\n                const affectedBlocks = this._styleUtils.getAffectedBlocks(definition, block);\n                if (affectedBlocks) {\n                    for (const affectedBlock of affectedBlocks){\n                        blocks.add(affectedBlock);\n                    }\n                    break;\n                }\n            }\n        }\n        return blocks;\n    }\n}\n/**\n * Returns classes that are defined only in the supplied definition and not in any other active definition. It's used\n * to ensure that classes used by other definitions are preserved when a style is removed. See #11748.\n *\n * @param activeDefinitions All currently active definitions affecting selected element(s).\n * @param definition Definition whose classes will be compared with all other active definition classes.\n * @returns Array of classes exclusive to the supplied definition.\n */ function getDefinitionExclusiveClasses(activeDefinitions, definition) {\n    return activeDefinitions.reduce((classes, currentDefinition)=>{\n        if (currentDefinition.name === definition.name) {\n            return classes;\n        }\n        return classes.filter((className)=>!currentDefinition.classes.includes(className));\n    }, definition.classes);\n}\n/**\n * Checks if provided style definition is of type block.\n */ function isBlockStyleDefinition(definition) {\n    return 'isBlock' in definition;\n}\n/**\n * Gets block elements from selection. If there are none, returns first selected element.\n * @param selection Current document's selection.\n * @returns Selected blocks if there are any, first selected element otherwise.\n */ function getBlocksFromSelection(selection) {\n    const blocks = Array.from(selection.getSelectedBlocks());\n    if (blocks.length) {\n        return blocks;\n    }\n    return [\n        selection.getFirstPosition().parent\n    ];\n}\n\nclass ListStyleSupport extends Plugin {\n    _listUtils;\n    _styleUtils;\n    _htmlSupport;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'ListStyleSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            StyleUtils,\n            'GeneralHtmlSupport'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!editor.plugins.has('ListEditing')) {\n            return;\n        }\n        this._styleUtils = editor.plugins.get(StyleUtils);\n        this._listUtils = this.editor.plugins.get('ListUtils');\n        this._htmlSupport = this.editor.plugins.get('GeneralHtmlSupport');\n        this.listenTo(this._styleUtils, 'isStyleEnabledForBlock', (evt, [definition, block])=>{\n            if (this._isStyleEnabledForBlock(definition, block)) {\n                evt.return = true;\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        this.listenTo(this._styleUtils, 'isStyleActiveForBlock', (evt, [definition, block])=>{\n            if (this._isStyleActiveForBlock(definition, block)) {\n                evt.return = true;\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        this.listenTo(this._styleUtils, 'getAffectedBlocks', (evt, [definition, block])=>{\n            const blocks = this._getAffectedBlocks(definition, block);\n            if (blocks) {\n                evt.return = blocks;\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        this.listenTo(this._styleUtils, 'getStylePreview', (evt, [definition, children])=>{\n            const templateDefinition = this._getStylePreview(definition, children);\n            if (templateDefinition) {\n                evt.return = templateDefinition;\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Verifies if the given style is applicable to the provided block element.\n\t */ _isStyleEnabledForBlock(definition, block) {\n        const model = this.editor.model;\n        if (![\n            'ol',\n            'ul',\n            'li'\n        ].includes(definition.element)) {\n            return false;\n        }\n        if (!this._listUtils.isListItemBlock(block)) {\n            return false;\n        }\n        const attributeName = this._htmlSupport.getGhsAttributeNameForElement(definition.element);\n        if (definition.element == 'ol' || definition.element == 'ul') {\n            if (!model.schema.checkAttribute(block, attributeName)) {\n                return false;\n            }\n            const isNumbered = this._listUtils.isNumberedListType(block.getAttribute('listType'));\n            const viewElementName = isNumbered ? 'ol' : 'ul';\n            return definition.element == viewElementName;\n        } else {\n            return model.schema.checkAttribute(block, attributeName);\n        }\n    }\n    /**\n\t * Returns true if the given style is applied to the specified block element.\n\t */ _isStyleActiveForBlock(definition, block) {\n        const attributeName = this._htmlSupport.getGhsAttributeNameForElement(definition.element);\n        const ghsAttributeValue = block.getAttribute(attributeName);\n        return this._styleUtils.hasAllClasses(ghsAttributeValue, definition.classes);\n    }\n    /**\n\t * Returns an array of block elements that style should be applied to.\n\t */ _getAffectedBlocks(definition, block) {\n        if (!this._isStyleEnabledForBlock(definition, block)) {\n            return null;\n        }\n        if (definition.element == 'li') {\n            return this._listUtils.expandListBlocksToCompleteItems(block, {\n                withNested: false\n            });\n        } else {\n            return this._listUtils.expandListBlocksToCompleteList(block);\n        }\n    }\n    /**\n\t * Returns a view template definition for the style preview.\n\t */ _getStylePreview(definition, children) {\n        const { element, classes } = definition;\n        if (element == 'ol' || element == 'ul') {\n            return {\n                tag: element,\n                attributes: {\n                    class: classes\n                },\n                children: [\n                    {\n                        tag: 'li',\n                        children\n                    }\n                ]\n            };\n        } else if (element == 'li') {\n            return {\n                tag: 'ol',\n                children: [\n                    {\n                        tag: element,\n                        attributes: {\n                            class: classes\n                        },\n                        children\n                    }\n                ]\n            };\n        }\n        return null;\n    }\n}\n\nclass TableStyleSupport extends Plugin {\n    _tableUtils;\n    _styleUtils;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableStyleSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            StyleUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!editor.plugins.has('TableEditing')) {\n            return;\n        }\n        this._styleUtils = editor.plugins.get(StyleUtils);\n        this._tableUtils = this.editor.plugins.get('TableUtils');\n        this.listenTo(this._styleUtils, 'isStyleEnabledForBlock', (evt, [definition, block])=>{\n            if (this._isApplicable(definition, block)) {\n                evt.return = this._isStyleEnabledForBlock(definition, block);\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        this.listenTo(this._styleUtils, 'getAffectedBlocks', (evt, [definition, block])=>{\n            if (this._isApplicable(definition, block)) {\n                evt.return = this._getAffectedBlocks(definition, block);\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        this.listenTo(this._styleUtils, 'configureGHSDataFilter', (evt, [{ block }])=>{\n            const ghsDataFilter = this.editor.plugins.get('DataFilter');\n            ghsDataFilter.loadAllowedConfig(block.filter((definition)=>definition.element == 'figcaption').map((definition)=>({\n                    name: 'caption',\n                    classes: definition.classes\n                })));\n        });\n    }\n    /**\n\t * Checks if this plugin's custom logic should be applied for defintion-block pair.\n\t *\n\t * @param definition Style definition that is being considered.\n\t * @param block Block element to check if should be styled.\n\t * @returns True if the defintion-block pair meet the plugin criteria, false otherwise.\n\t */ _isApplicable(definition, block) {\n        if ([\n            'td',\n            'th'\n        ].includes(definition.element)) {\n            return block.name == 'tableCell';\n        }\n        if ([\n            'thead',\n            'tbody'\n        ].includes(definition.element)) {\n            return block.name == 'table';\n        }\n        return false;\n    }\n    /**\n\t * Checks if the style definition should be applied to selected block.\n\t *\n\t * @param definition Style definition that is being considered.\n\t * @param block Block element to check if should be styled.\n\t * @returns True if the block should be style with the style description, false otherwise.\n\t */ _isStyleEnabledForBlock(definition, block) {\n        if ([\n            'td',\n            'th'\n        ].includes(definition.element)) {\n            const location = this._tableUtils.getCellLocation(block);\n            const tableRow = block.parent;\n            const table = tableRow.parent;\n            const headingRows = table.getAttribute('headingRows') || 0;\n            const headingColumns = table.getAttribute('headingColumns') || 0;\n            const isHeadingCell = location.row < headingRows || location.column < headingColumns;\n            if (definition.element == 'th') {\n                return isHeadingCell;\n            } else {\n                return !isHeadingCell;\n            }\n        }\n        if ([\n            'thead',\n            'tbody'\n        ].includes(definition.element)) {\n            const headingRows = block.getAttribute('headingRows') || 0;\n            if (definition.element == 'thead') {\n                return headingRows > 0;\n            } else {\n                return headingRows < this._tableUtils.getRows(block);\n            }\n        }\n        /* istanbul ignore next -- @preserve */ return false;\n    }\n    /**\n\t * Gets all blocks that the style should be applied to.\n\t *\n\t * @param definition Style definition that is being considered.\n\t * @param block A block element from selection.\n\t * @returns An array with the block that was passed as an argument if meets the criteria, null otherwise.\n\t */ _getAffectedBlocks(definition, block) {\n        if (!this._isStyleEnabledForBlock(definition, block)) {\n            return null;\n        }\n        return [\n            block\n        ];\n    }\n}\n\nclass LinkStyleSupport extends Plugin {\n    _styleUtils;\n    _htmlSupport;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'LinkStyleSupport';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            StyleUtils,\n            'GeneralHtmlSupport'\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        if (!editor.plugins.has('LinkEditing')) {\n            return;\n        }\n        this._styleUtils = editor.plugins.get(StyleUtils);\n        this._htmlSupport = this.editor.plugins.get('GeneralHtmlSupport');\n        this.listenTo(this._styleUtils, 'isStyleEnabledForInlineSelection', (evt, [definition, selection])=>{\n            if (definition.element == 'a') {\n                evt.return = this._isStyleEnabled(definition, selection);\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        this.listenTo(this._styleUtils, 'isStyleActiveForInlineSelection', (evt, [definition, selection])=>{\n            if (definition.element == 'a') {\n                evt.return = this._isStyleActive(definition, selection);\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n        this.listenTo(this._styleUtils, 'getAffectedInlineSelectable', (evt, [definition, selection])=>{\n            if (definition.element != 'a') {\n                return;\n            }\n            const selectable = this._getAffectedSelectable(definition, selection);\n            if (selectable) {\n                evt.return = selectable;\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n    }\n    /**\n\t * Verifies if the given style is applicable to the provided document selection.\n\t */ _isStyleEnabled(definition, selection) {\n        const model = this.editor.model;\n        // Handle collapsed selection.\n        if (selection.isCollapsed) {\n            return selection.hasAttribute('linkHref');\n        }\n        // Non-collapsed selection.\n        for (const range of selection.getRanges()){\n            for (const item of range.getItems()){\n                if ((item.is('$textProxy') || model.schema.isInline(item)) && item.hasAttribute('linkHref')) {\n                    return true;\n                }\n            }\n        }\n        return false;\n    }\n    /**\n\t * Returns true if the given style is applied to the specified document selection.\n\t */ _isStyleActive(definition, selection) {\n        const model = this.editor.model;\n        const attributeName = this._htmlSupport.getGhsAttributeNameForElement(definition.element);\n        // Handle collapsed selection.\n        if (selection.isCollapsed) {\n            if (selection.hasAttribute('linkHref')) {\n                const ghsAttributeValue = selection.getAttribute(attributeName);\n                if (this._styleUtils.hasAllClasses(ghsAttributeValue, definition.classes)) {\n                    return true;\n                }\n            }\n            return false;\n        }\n        // Non-collapsed selection.\n        for (const range of selection.getRanges()){\n            for (const item of range.getItems()){\n                if ((item.is('$textProxy') || model.schema.isInline(item)) && item.hasAttribute('linkHref')) {\n                    const ghsAttributeValue = item.getAttribute(attributeName);\n                    return this._styleUtils.hasAllClasses(ghsAttributeValue, definition.classes);\n                }\n            }\n        }\n        return false;\n    }\n    /**\n\t * Returns a selectable that given style should be applied to.\n\t */ _getAffectedSelectable(definition, selection) {\n        const model = this.editor.model;\n        // Handle collapsed selection.\n        if (selection.isCollapsed) {\n            const linkHref = selection.getAttribute('linkHref');\n            return findAttributeRange(selection.getFirstPosition(), 'linkHref', linkHref, model);\n        }\n        // Non-collapsed selection.\n        const ranges = [];\n        for (const range of selection.getRanges()){\n            // First expand range to include the whole link.\n            const expandedRange = model.createRange(expandAttributePosition(range.start, 'linkHref', true, model), expandAttributePosition(range.end, 'linkHref', false, model));\n            // Pick only ranges on links.\n            for (const item of expandedRange.getItems()){\n                if ((item.is('$textProxy') || model.schema.isInline(item)) && item.hasAttribute('linkHref')) {\n                    ranges.push(this.editor.model.createRangeOn(item));\n                }\n            }\n        }\n        // Make sure that we have a continuous range on a link\n        // (not split between text nodes with mixed attributes like bold etc.)\n        return normalizeRanges(ranges);\n    }\n}\n/**\n * Walks forward or backward (depends on the `lookBack` flag), node by node, as long as they have the same attribute value\n * and returns a position just before or after (depends on the `lookBack` flag) the last matched node.\n */ function expandAttributePosition(position, attributeName, lookBack, model) {\n    const referenceNode = position.textNode || (lookBack ? position.nodeAfter : position.nodeBefore);\n    if (!referenceNode || !referenceNode.hasAttribute(attributeName)) {\n        return position;\n    }\n    const attributeValue = referenceNode.getAttribute(attributeName);\n    return findAttributeRangeBound(position, attributeName, attributeValue, lookBack, model);\n}\n/**\n * Normalizes list of ranges by joining intersecting or \"touching\" ranges.\n *\n * Note: It assumes that ranges are sorted.\n */ function normalizeRanges(ranges) {\n    for(let i = 1; i < ranges.length; i++){\n        const joinedRange = ranges[i - 1].getJoined(ranges[i]);\n        if (joinedRange) {\n            // Replace the ranges on the list with the new joined range.\n            ranges.splice(--i, 2, joinedRange);\n        }\n    }\n    return ranges;\n}\n\n/**\n * The style engine feature.\n *\n * It configures the {@glink features/html/general-html-support General HTML Support feature} based on\n * {@link module:style/styleconfig~StyleConfig#definitions configured style definitions} and introduces the\n * {@link module:style/stylecommand~StyleCommand style command} that applies styles to the content of the document.\n */ class StyleEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'StyleEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            'GeneralHtmlSupport',\n            StyleUtils,\n            ListStyleSupport,\n            TableStyleSupport,\n            LinkStyleSupport\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const dataSchema = editor.plugins.get('DataSchema');\n        const styleUtils = editor.plugins.get('StyleUtils');\n        const styleDefinitions = editor.config.get('style.definitions');\n        const normalizedStyleDefinitions = styleUtils.normalizeConfig(dataSchema, styleDefinitions);\n        editor.commands.add('style', new StyleCommand(editor, normalizedStyleDefinitions));\n        styleUtils.configureGHSDataFilter(normalizedStyleDefinitions);\n    }\n}\n\n/**\n * The style plugin.\n *\n * This is a \"glue\" plugin that loads the {@link module:style/styleediting~StyleEditing style editing feature}\n * and {@link module:style/styleui~StyleUI style UI feature}.\n */ class Style extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Style';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            StyleEditing,\n            StyleUI\n        ];\n    }\n}\n\nexport { LinkStyleSupport, ListStyleSupport, Style, StyleCommand, StyleEditing, StyleUI, StyleUtils, TableStyleSupport, StyleGridButtonView as _StyleGridButtonView, StyleGridView as _StyleGridView, StyleGroupView as _StyleGroupView, StylePanelView as _StylePanelView };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/ui/stylegridbuttonview\n */\n\nimport type { Locale } from 'ckeditor5/src/utils.js';\nimport { ButtonView, View } from 'ckeditor5/src/ui.js';\n\nimport type { NormalizedStyleDefinition } from '../styleutils.js';\n\n/**\n * A class representing an individual button (style) in the grid. Renders a rich preview of the style.\n *\n * @internal\n */\nexport class StyleGridButtonView extends ButtonView {\n\t/**\n\t * Definition of the style the button will apply when executed.\n\t */\n\tpublic readonly styleDefinition: NormalizedStyleDefinition;\n\n\t/**\n\t * The view rendering the preview of the style.\n\t */\n\tpublic readonly previewView: View;\n\n\t/**\n\t * Creates an instance of the {@link module:style/ui/stylegridbuttonview~StyleGridButtonView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param styleDefinition Definition of the style.\n\t */\n\tconstructor( locale: Locale, styleDefinition: NormalizedStyleDefinition ) {\n\t\tsuper( locale );\n\n\t\tthis.styleDefinition = styleDefinition;\n\t\tthis.previewView = this._createPreview();\n\n\t\tthis.set( {\n\t\t\tlabel: styleDefinition.name,\n\t\t\tclass: 'ck-style-grid__button',\n\t\t\twithText: true\n\t\t} );\n\n\t\tthis.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\trole: 'option'\n\t\t\t}\n\t\t} );\n\n\t\tthis.children.add( this.previewView, 0 );\n\t}\n\n\t/**\n\t * Creates the view representing the preview of the style.\n\t */\n\tprivate _createPreview(): View {\n\t\tconst previewView = new View( this.locale );\n\n\t\tpreviewView.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-reset_all-excluded',\n\t\t\t\t\t'ck-style-grid__button__preview',\n\t\t\t\t\t'ck-content'\n\t\t\t\t],\n\t\t\t\t// The preview \"AaBbCcDdEeFfGgHhIiJj\" should not be read by screen readers because it is purely presentational.\n\t\t\t\t'aria-hidden': 'true'\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\tthis.styleDefinition.previewTemplate\n\t\t\t]\n\t\t} );\n\n\t\treturn previewView;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/ui/stylegridview\n */\n\nimport { View, addKeyboardHandlingForGrid, type ViewCollection, type FocusableView } from 'ckeditor5/src/ui.js';\nimport { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\n\nimport { StyleGridButtonView } from './stylegridbuttonview.js';\nimport type { NormalizedStyleDefinition } from '../styleutils.js';\n\nimport '../../theme/stylegrid.css';\n\n/**\n * A class representing a grid of styles ({@link module:style/ui/stylegridbuttonview~StyleGridButtonView buttons}).\n * Allows users to select a style.\n *\n * @internal\n */\nexport class StyleGridView extends View<HTMLDivElement> implements FocusableView {\n\t/**\n\t * Tracks information about the DOM focus in the view.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A collection of style {@link module:style/ui/stylegridbuttonview~StyleGridButtonView buttons}.\n\t */\n\tpublic readonly children: ViewCollection<StyleGridButtonView>;\n\n\t/**\n\t * Array of active style names. They must correspond to the names of styles from\n\t * definitions passed to the {@link #constructor}.\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly activeStyles: Array<string>;\n\n\t/**\n\t * Array of enabled style names. They must correspond to the names of styles from\n\t * definitions passed to the {@link #constructor}.\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly enabledStyles: Array<string>;\n\n\t/**\n\t * Creates an instance of the {@link module:style/ui/stylegridview~StyleGridView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param styleDefinitions Definitions of the styles.\n\t */\n\tconstructor( locale: Locale, styleDefinitions: Array<NormalizedStyleDefinition> ) {\n\t\tsuper( locale );\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\n\t\tthis.set( 'activeStyles', [] );\n\t\tthis.set( 'enabledStyles', [] );\n\n\t\tthis.children = this.createCollection<StyleGridButtonView>();\n\t\tthis.children.delegate( 'execute' ).to( this );\n\n\t\tfor ( const definition of styleDefinitions ) {\n\t\t\tconst gridTileView = new StyleGridButtonView( locale, definition );\n\n\t\t\tthis.children.add( gridTileView );\n\t\t}\n\n\t\tthis.on( 'change:activeStyles', () => {\n\t\t\tfor ( const child of this.children ) {\n\t\t\t\tchild.isOn = this.activeStyles.includes( child.styleDefinition.name );\n\t\t\t}\n\t\t} );\n\n\t\tthis.on( 'change:enabledStyles', () => {\n\t\t\tfor ( const child of this.children ) {\n\t\t\t\tchild.isEnabled = this.enabledStyles.includes( child.styleDefinition.name );\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-style-grid'\n\t\t\t\t],\n\t\t\t\trole: 'listbox'\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\tfor ( const child of this.children ) {\n\t\t\tthis.focusTracker.add( child.element! );\n\t\t}\n\n\t\taddKeyboardHandlingForGrid( {\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tgridItems: this.children,\n\t\t\tnumberOfColumns: 3,\n\t\t\tuiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n\t\t} );\n\n\t\t// Start listening for the keystrokes coming from the grid view.\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * Focuses the first style button in the grid.\n\t */\n\tpublic focus(): void {\n\t\tthis.children.first!.focus();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n}\n\n/**\n * Fired when a {@link module:style/ui/stylegridbuttonview~StyleGridButtonView style} was selected (clicked) by the user.\n *\n * @eventName ~StyleGridView#execute\n */\nexport type StyleGridViewExecuteEvent = {\n\tname: 'execute';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/ui/stylegroupview\n */\n\nimport { LabelView, View } from 'ckeditor5/src/ui.js';\nimport type { Locale } from 'ckeditor5/src/utils.js';\n\nimport { StyleGridView } from './stylegridview.js';\nimport type { NormalizedStyleDefinition } from '../styleutils.js';\n\nimport '../../theme/stylegroup.css';\n\n/**\n * A class representing a group of styles (e.g. \"block\" or \"inline\").\n *\n * Renders a {@link module:style/ui/stylegridview~StyleGridView style grid} and a label.\n *\n * @internal\n */\nexport class StyleGroupView extends View<HTMLDivElement> {\n\t/**\n\t * The styles grid of the group.\n\t */\n\tpublic readonly gridView: StyleGridView;\n\n\t/**\n\t * The label of the group.\n\t */\n\tpublic readonly labelView: LabelView;\n\n\t/**\n\t * Creates an instance of the {@link module:style/ui/stylegroupview~StyleGroupView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param label The localized label of the group.\n\t * @param styleDefinitions Definitions of the styles in the group.\n\t */\n\tconstructor( locale: Locale, label: string, styleDefinitions: Array<NormalizedStyleDefinition> ) {\n\t\tsuper( locale );\n\n\t\tthis.labelView = new LabelView( locale );\n\t\tthis.labelView.text = label;\n\t\tthis.gridView = new StyleGridView( locale, styleDefinitions );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-style-panel__style-group'\n\t\t\t\t],\n\t\t\t\trole: 'group',\n\t\t\t\t'aria-labelledby': this.labelView.id\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\tthis.labelView,\n\t\t\t\tthis.gridView\n\t\t\t]\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/ui/stylepanelview\n */\n\nimport { FocusCycler, View, ViewCollection } from 'ckeditor5/src/ui.js';\nimport { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\n\nimport { StyleGroupView } from './stylegroupview.js';\nimport { type StyleGridView } from './stylegridview.js';\nimport type { NormalizedStyleDefinitions } from '../styleutils.js';\n\nimport '../../theme/stylepanel.css';\n\n/**\n * A class representing a panel with available content styles. It renders styles in button grids, grouped\n * in categories.\n *\n * @internal\n */\nexport class StylePanelView extends View<HTMLDivElement> {\n\t/**\n\t * Tracks information about DOM focus in the panel.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A collection of panel children.\n\t */\n\tpublic readonly children: ViewCollection<StyleGroupView>;\n\n\t/**\n\t * A view representing block styles group.\n\t */\n\tpublic readonly blockStylesGroupView: StyleGroupView;\n\n\t/**\n\t * A view representing inline styles group\n\t */\n\tpublic readonly inlineStylesGroupView: StyleGroupView;\n\n\t/**\n\t * Array of active style names. They must correspond to the names of styles from\n\t * definitions passed to the {@link #constructor}.\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly activeStyles: Array<string>;\n\n\t/**\n\t * Array of enabled style names. They must correspond to the names of styles from\n\t * definitions passed to the {@link #constructor}.\n\t *\n\t * @observable\n\t */\n\tdeclare public readonly enabledStyles: Array<string>;\n\n\t/**\n\t * A collection of views that can be focused in the panel.\n\t */\n\tprotected readonly _focusables: ViewCollection<StyleGridView>;\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the panel.\n\t */\n\tprotected readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * Creates an instance of the {@link module:style/ui/stylegroupview~StyleGroupView} class.\n\t *\n\t * @param locale The localization services instance.\n\t * @param styleDefinitions Normalized definitions of the styles.\n\t */\n\tconstructor( locale: Locale, styleDefinitions: NormalizedStyleDefinitions ) {\n\t\tsuper( locale );\n\n\t\tconst t = locale.t;\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.children = this.createCollection();\n\t\tthis.blockStylesGroupView = new StyleGroupView( locale, t( 'Block styles' ), styleDefinitions.block );\n\t\tthis.inlineStylesGroupView = new StyleGroupView( locale, t( 'Text styles' ), styleDefinitions.inline );\n\n\t\tthis.set( 'activeStyles', [] );\n\t\tthis.set( 'enabledStyles', [] );\n\n\t\tthis._focusables = new ViewCollection();\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate style groups backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n\t\t\t\tfocusPrevious: [ 'shift + tab' ],\n\n\t\t\t\t// Navigate style groups forward using the <kbd>Tab</kbd> key.\n\t\t\t\tfocusNext: [ 'tab' ]\n\t\t\t}\n\t\t} );\n\n\t\tif ( styleDefinitions.block.length ) {\n\t\t\tthis.children.add( this.blockStylesGroupView );\n\t\t}\n\n\t\tif ( styleDefinitions.inline.length ) {\n\t\t\tthis.children.add( this.inlineStylesGroupView );\n\t\t}\n\n\t\tthis.blockStylesGroupView.gridView.delegate( 'execute' ).to( this );\n\t\tthis.inlineStylesGroupView.gridView.delegate( 'execute' ).to( this );\n\n\t\tthis.blockStylesGroupView.gridView\n\t\t\t.bind( 'activeStyles', 'enabledStyles' )\n\t\t\t.to( this, 'activeStyles', 'enabledStyles' );\n\n\t\tthis.inlineStylesGroupView.gridView\n\t\t\t.bind( 'activeStyles', 'enabledStyles' )\n\t\t\t.to( this, 'activeStyles', 'enabledStyles' );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-style-panel'\n\t\t\t\t]\n\t\t\t},\n\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Register the views as focusable.\n\t\tthis._focusables.add( this.blockStylesGroupView.gridView );\n\t\tthis._focusables.add( this.inlineStylesGroupView.gridView );\n\n\t\t// Register the views in the focus tracker.\n\t\tthis.focusTracker.add( this.blockStylesGroupView.gridView.element! );\n\t\tthis.focusTracker.add( this.inlineStylesGroupView.gridView.element! );\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * Focuses the first focusable element in the panel.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Focuses the last focusable element in the panel.\n\t */\n\tpublic focusLast(): void {\n\t\tthis._focusCycler.focusLast();\n\t}\n}\n\n/**\n * Fired when a style was selected (clicked) by the user.\n *\n * @eventName ~StylePanelView#execute\n */\nexport type StylePanelViewExecuteEvent = {\n\tname: 'execute';\n\targs: [];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/styleutils\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement, MatcherObjectPattern, ModelDocumentSelection, ModelSelectable } from 'ckeditor5/src/engine.js';\nimport type { DecoratedMethodEvent } from 'ckeditor5/src/utils.js';\nimport type { TemplateDefinition } from 'ckeditor5/src/ui.js';\n\nimport type {\n\tDataFilter,\n\tDataSchema,\n\tGeneralHtmlSupport,\n\tHtmlSupportDataSchemaBlockElementDefinition\n} from '@ckeditor/ckeditor5-html-support';\n\nimport type { StyleDefinition } from './styleconfig.js';\nimport { isObject } from 'es-toolkit/compat';\n\n// These are intermediate element names that can't be rendered as style preview because they don't make sense standalone.\nconst NON_PREVIEWABLE_ELEMENT_NAMES = [\n\t'caption', 'colgroup', 'dd', 'dt', 'figcaption', 'legend', 'li', 'optgroup', 'option', 'rp',\n\t'rt', 'summary', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr'\n];\n\nexport class StyleUtils extends Plugin {\n\tprivate _htmlSupport!: GeneralHtmlSupport;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'StyleUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.decorate( 'isStyleEnabledForBlock' );\n\t\tthis.decorate( 'isStyleActiveForBlock' );\n\t\tthis.decorate( 'getAffectedBlocks' );\n\n\t\tthis.decorate( 'isStyleEnabledForInlineSelection' );\n\t\tthis.decorate( 'isStyleActiveForInlineSelection' );\n\t\tthis.decorate( 'getAffectedInlineSelectable' );\n\n\t\tthis.decorate( 'getStylePreview' );\n\t\tthis.decorate( 'configureGHSDataFilter' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis._htmlSupport = this.editor.plugins.get( 'GeneralHtmlSupport' );\n\t}\n\n\t/**\n\t * Normalizes {@link module:style/styleconfig~StyleConfig#definitions} in the configuration of the styles feature.\n\t * The structure of normalized styles looks as follows:\n\t *\n\t * ```ts\n\t * {\n\t * \tblock: [\n\t * \t\t<module:style/style~StyleDefinition>,\n\t * \t\t<module:style/style~StyleDefinition>,\n\t * \t\t...\n\t * \t],\n\t * \tinline: [\n\t * \t\t<module:style/style~StyleDefinition>,\n\t * \t\t<module:style/style~StyleDefinition>,\n\t * \t\t...\n\t * \t]\n\t * }\n\t * ```\n\t *\n\t * @returns An object with normalized style definitions grouped into `block` and `inline` categories (arrays).\n\t */\n\tpublic normalizeConfig(\n\t\tdataSchema: DataSchema,\n\t\tstyleDefinitions: Array<StyleDefinition> = []\n\t): NormalizedStyleDefinitions {\n\t\tconst normalizedDefinitions: NormalizedStyleDefinitions = {\n\t\t\tblock: [],\n\t\t\tinline: []\n\t\t};\n\n\t\tfor ( const definition of styleDefinitions ) {\n\t\t\tconst modelElements: Array<string> = [];\n\t\t\tconst ghsAttributes: Array<string> = [];\n\n\t\t\tfor ( const ghsDefinition of dataSchema.getDefinitionsForView( definition.element ) ) {\n\t\t\t\tconst appliesToBlock = 'appliesToBlock' in ghsDefinition ? ghsDefinition.appliesToBlock : false;\n\n\t\t\t\tif ( ghsDefinition.isBlock || appliesToBlock ) {\n\t\t\t\t\tif ( typeof appliesToBlock == 'string' ) {\n\t\t\t\t\t\tmodelElements.push( appliesToBlock );\n\t\t\t\t\t} else if ( ghsDefinition.isBlock ) {\n\t\t\t\t\t\tconst ghsBlockDefinition: HtmlSupportDataSchemaBlockElementDefinition = ghsDefinition;\n\n\t\t\t\t\t\tmodelElements.push( ghsDefinition.model );\n\n\t\t\t\t\t\tif ( ghsBlockDefinition.paragraphLikeModel ) {\n\t\t\t\t\t\t\tmodelElements.push( ghsBlockDefinition.paragraphLikeModel );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tghsAttributes.push( ghsDefinition.model );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst previewTemplate = this.getStylePreview( definition, [\n\t\t\t\t{ text: 'AaBbCcDdEeFfGgHhIiJj' }\n\t\t\t] );\n\n\t\t\tif ( modelElements.length ) {\n\t\t\t\tnormalizedDefinitions.block.push( {\n\t\t\t\t\t...definition,\n\t\t\t\t\tpreviewTemplate,\n\t\t\t\t\tmodelElements,\n\t\t\t\t\tisBlock: true\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tnormalizedDefinitions.inline.push( {\n\t\t\t\t\t...definition,\n\t\t\t\t\tpreviewTemplate,\n\t\t\t\t\tghsAttributes\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\treturn normalizedDefinitions;\n\t}\n\n\t/**\n\t * Verifies if the given style is applicable to the provided block element.\n\t *\n\t * @internal\n\t */\n\tpublic isStyleEnabledForBlock( definition: BlockStyleDefinition, block: ModelElement ): boolean {\n\t\tconst model = this.editor.model;\n\t\tconst attributeName = this._htmlSupport.getGhsAttributeNameForElement( definition.element );\n\n\t\tif ( !model.schema.checkAttribute( block, attributeName ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn definition.modelElements.includes( block.name );\n\t}\n\n\t/**\n\t * Returns true if the given style is applied to the specified block element.\n\t *\n\t * @internal\n\t */\n\tpublic isStyleActiveForBlock( definition: BlockStyleDefinition, block: ModelElement ): boolean {\n\t\tconst attributeName = this._htmlSupport.getGhsAttributeNameForElement( definition.element );\n\t\tconst ghsAttributeValue = block.getAttribute( attributeName );\n\n\t\treturn this.hasAllClasses( ghsAttributeValue, definition.classes );\n\t}\n\n\t/**\n\t * Returns an array of block elements that style should be applied to.\n\t *\n\t * @internal\n\t */\n\tpublic getAffectedBlocks( definition: BlockStyleDefinition, block: ModelElement ): Array<ModelElement> | null {\n\t\tif ( definition.modelElements.includes( block.name ) ) {\n\t\t\treturn [ block ];\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Verifies if the given style is applicable to the provided document selection.\n\t *\n\t * @internal\n\t */\n\tpublic isStyleEnabledForInlineSelection( definition: InlineStyleDefinition, selection: ModelDocumentSelection ): boolean {\n\t\tconst model = this.editor.model;\n\n\t\tfor ( const ghsAttributeName of definition.ghsAttributes ) {\n\t\t\tif ( model.schema.checkAttributeInSelection( selection, ghsAttributeName ) ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Returns true if the given style is applied to the specified document selection.\n\t *\n\t * @internal\n\t */\n\tpublic isStyleActiveForInlineSelection( definition: InlineStyleDefinition, selection: ModelDocumentSelection ): boolean {\n\t\tfor ( const ghsAttributeName of definition.ghsAttributes ) {\n\t\t\tconst ghsAttributeValue = this._getValueFromFirstAllowedNode( selection, ghsAttributeName );\n\n\t\t\tif ( this.hasAllClasses( ghsAttributeValue, definition.classes ) ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Returns a selectable that given style should be applied to.\n\t *\n\t * @internal\n\t */\n\tpublic getAffectedInlineSelectable( definition: InlineStyleDefinition, selection: ModelDocumentSelection ): ModelSelectable {\n\t\treturn selection;\n\t}\n\n\t/**\n\t * Returns the `TemplateDefinition` used by styles dropdown to render style preview.\n\t *\n\t * @internal\n\t */\n\tpublic getStylePreview( definition: StyleDefinition, children: Iterable<TemplateDefinition> ): TemplateDefinition {\n\t\tconst { element, classes } = definition;\n\n\t\treturn {\n\t\t\ttag: isPreviewable( element ) ? element : 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: classes\n\t\t\t},\n\t\t\tchildren\n\t\t};\n\t}\n\n\t/**\n\t * Verifies if all classes are present in the given GHS attribute.\n\t *\n\t * @internal\n\t */\n\tpublic hasAllClasses( ghsAttributeValue: unknown, classes: Array<string> ): boolean {\n\t\treturn isObject( ghsAttributeValue ) &&\n\t\t\thasClassesProperty( ghsAttributeValue ) &&\n\t\t\tclasses.every( className => ghsAttributeValue.classes.includes( className ) );\n\t}\n\n\t/**\n\t * This is where the styles feature configures the GHS feature. This method translates normalized\n\t * {@link module:style/styleconfig~StyleDefinition style definitions} to\n\t * {@link module:engine/view/matcher~MatcherObjectPattern matcher patterns} and feeds them to the GHS\n\t * {@link module:html-support/datafilter~DataFilter} plugin.\n\t *\n\t * @internal\n\t */\n\tpublic configureGHSDataFilter( { block, inline }: NormalizedStyleDefinitions ): void {\n\t\tconst ghsDataFilter: DataFilter = this.editor.plugins.get( 'DataFilter' );\n\n\t\tghsDataFilter.loadAllowedConfig( block.map( normalizedStyleDefinitionToMatcherPattern ) );\n\t\tghsDataFilter.loadAllowedConfig( inline.map( normalizedStyleDefinitionToMatcherPattern ) );\n\t}\n\n\t/**\n\t * Checks the attribute value of the first node in the selection that allows the attribute.\n\t * For the collapsed selection, returns the selection attribute.\n\t *\n\t * @param selection The document selection.\n\t * @param attributeName Name of the GHS attribute.\n\t * @returns The attribute value.\n\t */\n\tprivate _getValueFromFirstAllowedNode( selection: ModelDocumentSelection, attributeName: string ): unknown | null {\n\t\tconst model = this.editor.model;\n\t\tconst schema = model.schema;\n\n\t\tif ( selection.isCollapsed ) {\n\t\t\treturn selection.getAttribute( attributeName );\n\t\t}\n\n\t\tfor ( const range of selection.getRanges() ) {\n\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\tif ( schema.checkAttribute( item, attributeName ) ) {\n\t\t\t\t\treturn item.getAttribute( attributeName );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n}\n\n/**\n * Checks if given object has `classes` property which is an array.\n *\n * @param obj Object to check.\n */\nfunction hasClassesProperty<T extends { classes?: Array<unknown> }>( obj: T ): obj is T & { classes: Array<unknown> } {\n\treturn Boolean( obj.classes ) && Array.isArray( obj.classes );\n}\n\n/**\n * Decides whether an element should be created in the preview or a substitute `<div>` should\n * be used instead. This avoids previewing a standalone `<td>`, `<li>`, etc. without a parent.\n *\n * @param elementName Name of the element\n * @returns Boolean indicating whether the element can be rendered.\n */\nfunction isPreviewable( elementName: string ): boolean {\n\treturn !NON_PREVIEWABLE_ELEMENT_NAMES.includes( elementName );\n}\n\n/**\n * Translates a normalized style definition to a view matcher pattern.\n */\nfunction normalizedStyleDefinitionToMatcherPattern( { element, classes }: StyleDefinition ): MatcherObjectPattern {\n\treturn {\n\t\tname: element,\n\t\tclasses\n\t};\n}\n\nexport interface NormalizedStyleDefinitions {\n\tblock: Array<BlockStyleDefinition>;\n\tinline: Array<InlineStyleDefinition>;\n}\n\nexport interface BlockStyleDefinition extends StyleDefinition {\n\tisBlock: true;\n\tmodelElements: Array<string>;\n\tpreviewTemplate: TemplateDefinition;\n}\n\nexport interface InlineStyleDefinition extends StyleDefinition {\n\tghsAttributes: Array<string>;\n\tpreviewTemplate: TemplateDefinition;\n}\n\nexport type NormalizedStyleDefinition = BlockStyleDefinition | InlineStyleDefinition;\n\nexport type StyleUtilsIsEnabledForBlockEvent = DecoratedMethodEvent<StyleUtils, 'isStyleEnabledForBlock'>;\nexport type StyleUtilsIsActiveForBlockEvent = DecoratedMethodEvent<StyleUtils, 'isStyleActiveForBlock'>;\nexport type StyleUtilsGetAffectedBlocksEvent = DecoratedMethodEvent<StyleUtils, 'getAffectedBlocks'>;\n\nexport type StyleUtilsIsStyleEnabledForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, 'isStyleEnabledForInlineSelection'>;\nexport type StyleUtilsIsStyleActiveForInlineSelectionEvent = DecoratedMethodEvent<StyleUtils, 'isStyleActiveForInlineSelection'>;\nexport type StyleUtilsGetAffectedInlineSelectableEvent = DecoratedMethodEvent<StyleUtils, 'getAffectedInlineSelectable'>;\n\nexport type StyleUtilsGetStylePreviewEvent = DecoratedMethodEvent<StyleUtils, 'getStylePreview'>;\nexport type StyleUtilsConfigureGHSDataFilterEvent = DecoratedMethodEvent<StyleUtils, 'configureGHSDataFilter'>;\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/styleui\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { createDropdown } from 'ckeditor5/src/ui.js';\nimport type { DataSchema } from '@ckeditor/ckeditor5-html-support';\n\nimport { StylePanelView } from './ui/stylepanelview.js';\nimport { StyleUtils } from './styleutils.js';\nimport { type StyleCommand } from './stylecommand.js';\n\nimport '../theme/style.css';\n\n/**\n * The UI plugin of the style feature .\n *\n * It registers the `'style'` UI dropdown in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}\n * that displays a grid of styles and allows changing styles of the content.\n */\nexport class StyleUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'StyleUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ StyleUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst dataSchema: DataSchema = editor.plugins.get( 'DataSchema' );\n\t\tconst styleUtils: StyleUtils = editor.plugins.get( 'StyleUtils' );\n\t\tconst styleDefinitions = editor.config.get( 'style.definitions' );\n\t\tconst normalizedStyleDefinitions = styleUtils.normalizeConfig( dataSchema, styleDefinitions );\n\n\t\t// Add the dropdown to the component factory.\n\t\teditor.ui.componentFactory.add( 'style', locale => {\n\t\t\tconst t = locale.t;\n\t\t\tconst dropdown = createDropdown( locale );\n\t\t\tconst styleCommand: StyleCommand = editor.commands.get( 'style' )!;\n\n\t\t\tdropdown.once( 'change:isOpen', () => {\n\t\t\t\tconst panelView = new StylePanelView( locale, normalizedStyleDefinitions );\n\n\t\t\t\t// Put the styles panel is the dropdown.\n\t\t\t\tdropdown.panelView.children.add( panelView );\n\n\t\t\t\t// Close the dropdown when a style is selected in the styles panel.\n\t\t\t\tpanelView.delegate( 'execute' ).to( dropdown );\n\n\t\t\t\t// Bind the state of the styles panel to the command.\n\t\t\t\tpanelView.bind( 'activeStyles' ).to( styleCommand, 'value' );\n\t\t\t\tpanelView.bind( 'enabledStyles' ).to( styleCommand, 'enabledStyles' );\n\t\t\t} );\n\n\t\t\t// The entire dropdown will be disabled together with the command (e.g. when the editor goes read-only).\n\t\t\tdropdown.bind( 'isEnabled' ).to( styleCommand );\n\n\t\t\t// This dropdown has no icon. It displays text label depending on the selection.\n\t\t\tdropdown.buttonView.withText = true;\n\n\t\t\t// The label of the dropdown is dynamic and depends on how many styles are active at a time.\n\t\t\tdropdown.buttonView.bind( 'label' ).to( styleCommand, 'value', value => {\n\t\t\t\tif ( value.length > 1 ) {\n\t\t\t\t\treturn t( 'Multiple styles' );\n\t\t\t\t} else if ( value.length === 1 ) {\n\t\t\t\t\treturn value[ 0 ];\n\t\t\t\t} else {\n\t\t\t\t\treturn t( 'Styles' );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\t// The dropdown has a static CSS class for easy customization. There's another CSS class\n\t\t\t// that gets displayed when multiple styles are active at a time allowing visual customization of\n\t\t\t// the label.\n\t\t\tdropdown.bind( 'class' ).to( styleCommand, 'value', value => {\n\t\t\t\tconst classes = [\n\t\t\t\t\t'ck-style-dropdown'\n\t\t\t\t];\n\n\t\t\t\tif ( value.length > 1 ) {\n\t\t\t\t\tclasses.push( 'ck-style-dropdown_multiple-active' );\n\t\t\t\t}\n\n\t\t\t\treturn classes.join( ' ' );\n\t\t\t} );\n\n\t\t\t// Execute the command when a style is selected in the styles panel.\n\t\t\t// Also focus the editable after executing the command.\n\t\t\t// It overrides a default behaviour where the focus is moved to the dropdown button (#12125).\n\t\t\tdropdown.on( 'execute', evt => {\n\t\t\t\teditor.execute( 'style', { styleName: ( evt.source as any ).styleDefinition.name } );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn dropdown;\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/stylecommand\n */\n\nimport type { ModelDocumentSelection, ModelElement } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { logWarning, first } from 'ckeditor5/src/utils.js';\nimport type { GeneralHtmlSupport } from '@ckeditor/ckeditor5-html-support';\n\nimport {\n\tStyleUtils,\n\ttype BlockStyleDefinition,\n\ttype NormalizedStyleDefinition,\n\ttype NormalizedStyleDefinitions\n} from './styleutils.js';\n\n/**\n * Style command.\n *\n * Applies and removes styles from selection and elements.\n */\nexport class StyleCommand extends Command {\n\t/**\n\t * Set of currently applied styles on the current selection.\n\t *\n\t * Names of styles correspond to the `name` property of\n\t * {@link module:style/styleconfig~StyleDefinition configured definitions}.\n\t *\n\t * @observable\n\t */\n\tdeclare public value: Array<string>;\n\n\t/**\n\t * Names of enabled styles (styles that can be applied to the current selection).\n\t *\n\t * Names of enabled styles correspond to the `name` property of\n\t * {@link module:style/styleconfig~StyleDefinition configured definitions}.\n\t *\n\t * @observable\n\t */\n\tdeclare public enabledStyles: Array<string>;\n\n\t/**\n\t * Normalized definitions of the styles.\n\t */\n\tprivate readonly _styleDefinitions: NormalizedStyleDefinitions;\n\n\t/**\n\t * The StyleUtils plugin.\n\t */\n\tprivate _styleUtils: StyleUtils;\n\n\t/**\n\t * Creates an instance of the command.\n\t *\n\t * @param editor Editor on which this command will be used.\n\t * @param styleDefinitions Normalized definitions of the styles.\n\t */\n\tconstructor( editor: Editor, styleDefinitions: NormalizedStyleDefinitions ) {\n\t\tsuper( editor );\n\n\t\tthis.set( 'value', [] );\n\t\tthis.set( 'enabledStyles', [] );\n\n\t\tthis._styleDefinitions = styleDefinitions;\n\t\tthis._styleUtils = this.editor.plugins.get( StyleUtils );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\tconst value = new Set<string>();\n\t\tconst enabledStyles = new Set<string>();\n\n\t\t// Inline styles.\n\t\tfor ( const definition of this._styleDefinitions.inline ) {\n\t\t\t// Check if this inline style is enabled.\n\t\t\tif ( this._styleUtils.isStyleEnabledForInlineSelection( definition, selection ) ) {\n\t\t\t\tenabledStyles.add( definition.name );\n\t\t\t}\n\n\t\t\t// Check if this inline style is active.\n\t\t\tif ( this._styleUtils.isStyleActiveForInlineSelection( definition, selection ) ) {\n\t\t\t\tvalue.add( definition.name );\n\t\t\t}\n\t\t}\n\n\t\t// Block styles.\n\t\tconst firstBlock = first( selection.getSelectedBlocks() ) || selection.getFirstPosition()!.parent;\n\n\t\tif ( firstBlock ) {\n\t\t\tconst ancestorBlocks = firstBlock.getAncestors( { includeSelf: true, parentFirst: true } ) as Array<ModelElement>;\n\n\t\t\tfor ( const block of ancestorBlocks ) {\n\t\t\t\tif ( block.is( 'rootElement' ) ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tfor ( const definition of this._styleDefinitions.block ) {\n\t\t\t\t\t// Check if this block style is enabled.\n\t\t\t\t\tif ( !this._styleUtils.isStyleEnabledForBlock( definition, block ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tenabledStyles.add( definition.name );\n\n\t\t\t\t\t// Check if this block style is active.\n\t\t\t\t\tif ( this._styleUtils.isStyleActiveForBlock( definition, block ) ) {\n\t\t\t\t\t\tvalue.add( definition.name );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// E.g. reached a model table when the selection is in a cell. The command should not modify\n\t\t\t\t// ancestors of a table.\n\t\t\t\tif ( model.schema.isObject( block ) ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis.enabledStyles = Array.from( enabledStyles ).sort();\n\t\tthis.isEnabled = this.enabledStyles.length > 0;\n\t\tthis.value = this.isEnabled ? Array.from( value ).sort() : [];\n\t}\n\n\t/**\n\t * Executes the command &ndash; applies the style classes to the selection or removes it from the selection.\n\t *\n\t * If the command value already contains the requested style, it will remove the style classes. Otherwise, it will set it.\n\t *\n\t * The execution result differs, depending on the {@link module:engine/model/document~ModelDocument#selection} and the\n\t * style type (inline or block):\n\t *\n\t * * When applying inline styles:\n\t *   * If the selection is on a range, the command applies the style classes to all nodes in that range.\n\t *   * If the selection is collapsed in a non-empty node, the command applies the style classes to the\n\t * {@link module:engine/model/document~ModelDocument#selection}.\n\t *\n\t * * When applying block styles:\n\t *   * If the selection is on a range, the command applies the style classes to the nearest block parent element.\n\t *\n\t * @fires execute\n\t * @param options Command options.\n\t * @param options.styleName Style name matching the one defined in the\n\t * {@link module:style/styleconfig~StyleConfig#definitions configuration}.\n\t * @param options.forceValue Whether the command should add given style (`true`) or remove it (`false`) from the selection.\n\t * If not set (default), the command will toggle the style basing on the first selected node. Note, that this will not force\n\t * setting a style on an element that cannot receive given style.\n\t */\n\tpublic override execute( { styleName, forceValue }: { styleName: string; forceValue?: boolean } ): void {\n\t\tif ( !this.enabledStyles.includes( styleName ) ) {\n\t\t\t/**\n\t\t\t * Style command can be executed only with a correct style name.\n\t\t\t *\n\t\t\t * This warning may be caused by:\n\t\t\t *\n\t\t\t * * passing a name that is not specified in the {@link module:style/styleconfig~StyleConfig#definitions configuration}\n\t\t\t * (e.g. a CSS class name),\n\t\t\t * * when trying to apply a style that is not allowed on a given element.\n\t\t\t *\n\t\t\t * @error style-command-executed-with-incorrect-style-name\n\t\t\t */\n\t\t\tlogWarning( 'style-command-executed-with-incorrect-style-name' );\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst htmlSupport: GeneralHtmlSupport = this.editor.plugins.get( 'GeneralHtmlSupport' );\n\n\t\tconst allDefinitions: Array<NormalizedStyleDefinition> = [\n\t\t\t...this._styleDefinitions.inline,\n\t\t\t...this._styleDefinitions.block\n\t\t];\n\n\t\tconst activeDefinitions = allDefinitions.filter( ( { name } ) => this.value.includes( name ) );\n\t\tconst definition: NormalizedStyleDefinition = allDefinitions.find( ( { name } ) => name == styleName )!;\n\t\tconst shouldAddStyle = forceValue === undefined ? !this.value.includes( definition.name ) : forceValue;\n\n\t\tmodel.change( () => {\n\t\t\tlet selectables;\n\n\t\t\tif ( isBlockStyleDefinition( definition ) ) {\n\t\t\t\tselectables = this._findAffectedBlocks( getBlocksFromSelection( selection ),\n\t\t\t\t\tdefinition\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tselectables = [ this._styleUtils.getAffectedInlineSelectable( definition, selection ) ];\n\t\t\t}\n\n\t\t\tfor ( const selectable of selectables ) {\n\t\t\t\tif ( shouldAddStyle ) {\n\t\t\t\t\thtmlSupport.addModelHtmlClass( definition.element, definition.classes, selectable );\n\t\t\t\t} else {\n\t\t\t\t\thtmlSupport.removeModelHtmlClass(\n\t\t\t\t\t\tdefinition.element,\n\t\t\t\t\t\tgetDefinitionExclusiveClasses( activeDefinitions, definition ),\n\t\t\t\t\t\tselectable\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns a set of elements that should be affected by the block-style change.\n\t */\n\tprivate _findAffectedBlocks(\n\t\tselectedBlocks: Iterable<ModelElement>,\n\t\tdefinition: BlockStyleDefinition\n\t): Set<ModelElement> {\n\t\tconst blocks = new Set<ModelElement>();\n\n\t\tfor ( const selectedBlock of selectedBlocks ) {\n\t\t\tconst ancestorBlocks = selectedBlock.getAncestors( { includeSelf: true, parentFirst: true } ) as Array<ModelElement>;\n\n\t\t\tfor ( const block of ancestorBlocks ) {\n\t\t\t\tif ( block.is( 'rootElement' ) ) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tconst affectedBlocks = this._styleUtils.getAffectedBlocks( definition, block );\n\n\t\t\t\tif ( affectedBlocks ) {\n\t\t\t\t\tfor ( const affectedBlock of affectedBlocks ) {\n\t\t\t\t\t\tblocks.add( affectedBlock );\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn blocks;\n\t}\n}\n\n/**\n * Returns classes that are defined only in the supplied definition and not in any other active definition. It's used\n * to ensure that classes used by other definitions are preserved when a style is removed. See #11748.\n *\n * @param activeDefinitions All currently active definitions affecting selected element(s).\n * @param definition Definition whose classes will be compared with all other active definition classes.\n * @returns Array of classes exclusive to the supplied definition.\n */\nfunction getDefinitionExclusiveClasses(\n\tactiveDefinitions: Array<NormalizedStyleDefinition>,\n\tdefinition: NormalizedStyleDefinition\n): Array<string> {\n\treturn activeDefinitions.reduce( ( classes: Array<string>, currentDefinition: NormalizedStyleDefinition ) => {\n\t\tif ( currentDefinition.name === definition.name ) {\n\t\t\treturn classes;\n\t\t}\n\n\t\treturn classes.filter( className => !currentDefinition.classes.includes( className ) );\n\t}, definition.classes );\n}\n\n/**\n * Checks if provided style definition is of type block.\n */\nfunction isBlockStyleDefinition( definition: NormalizedStyleDefinition ): definition is BlockStyleDefinition {\n\treturn 'isBlock' in definition;\n}\n\n/**\n * Gets block elements from selection. If there are none, returns first selected element.\n * @param selection Current document's selection.\n * @returns Selected blocks if there are any, first selected element otherwise.\n */\nfunction getBlocksFromSelection( selection: ModelDocumentSelection ) {\n\tconst blocks = Array.from( selection.getSelectedBlocks() );\n\tif ( blocks.length ) {\n\t\treturn blocks;\n\t}\n\treturn [ selection.getFirstPosition()!.parent as ModelElement ];\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/integrations/list\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport type { ListType, ListUtils } from '@ckeditor/ckeditor5-list';\nimport type { TemplateDefinition } from 'ckeditor5/src/ui.js';\n\nimport type { GeneralHtmlSupport } from '@ckeditor/ckeditor5-html-support';\n\nimport {\n\tStyleUtils,\n\ttype BlockStyleDefinition,\n\ttype StyleUtilsGetAffectedBlocksEvent,\n\ttype StyleUtilsIsActiveForBlockEvent,\n\ttype StyleUtilsIsEnabledForBlockEvent,\n\ttype StyleUtilsGetStylePreviewEvent\n} from '../styleutils.js';\n\nimport type { StyleDefinition } from '../styleconfig.js';\n\nexport class ListStyleSupport extends Plugin {\n\tprivate _listUtils!: ListUtils;\n\tprivate _styleUtils!: StyleUtils;\n\tprivate _htmlSupport!: GeneralHtmlSupport;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'ListStyleSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ StyleUtils, 'GeneralHtmlSupport' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'ListEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._styleUtils = editor.plugins.get( StyleUtils );\n\t\tthis._listUtils = this.editor.plugins.get( 'ListUtils' );\n\t\tthis._htmlSupport = this.editor.plugins.get( 'GeneralHtmlSupport' );\n\n\t\tthis.listenTo<StyleUtilsIsEnabledForBlockEvent>( this._styleUtils, 'isStyleEnabledForBlock', ( evt, [ definition, block ] ) => {\n\t\t\tif ( this._isStyleEnabledForBlock( definition, block ) ) {\n\t\t\t\tevt.return = true;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\tthis.listenTo<StyleUtilsIsActiveForBlockEvent>( this._styleUtils, 'isStyleActiveForBlock', ( evt, [ definition, block ] ) => {\n\t\t\tif ( this._isStyleActiveForBlock( definition, block ) ) {\n\t\t\t\tevt.return = true;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\tthis.listenTo<StyleUtilsGetAffectedBlocksEvent>( this._styleUtils, 'getAffectedBlocks', ( evt, [ definition, block ] ) => {\n\t\t\tconst blocks = this._getAffectedBlocks( definition, block );\n\n\t\t\tif ( blocks ) {\n\t\t\t\tevt.return = blocks;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\tthis.listenTo<StyleUtilsGetStylePreviewEvent>( this._styleUtils, 'getStylePreview', ( evt, [ definition, children ] ) => {\n\t\t\tconst templateDefinition = this._getStylePreview( definition, children );\n\n\t\t\tif ( templateDefinition ) {\n\t\t\t\tevt.return = templateDefinition;\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t}\n\n\t/**\n\t * Verifies if the given style is applicable to the provided block element.\n\t */\n\tprivate _isStyleEnabledForBlock( definition: BlockStyleDefinition, block: ModelElement ): boolean {\n\t\tconst model = this.editor.model;\n\n\t\tif ( ![ 'ol', 'ul', 'li' ].includes( definition.element ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( !this._listUtils.isListItemBlock( block ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst attributeName = this._htmlSupport.getGhsAttributeNameForElement( definition.element );\n\n\t\tif ( definition.element == 'ol' || definition.element == 'ul' ) {\n\t\t\tif ( !model.schema.checkAttribute( block, attributeName ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst isNumbered = this._listUtils.isNumberedListType( block.getAttribute( 'listType' ) as ListType );\n\t\t\tconst viewElementName = isNumbered ? 'ol' : 'ul';\n\n\t\t\treturn definition.element == viewElementName;\n\t\t} else {\n\t\t\treturn model.schema.checkAttribute( block, attributeName );\n\t\t}\n\t}\n\n\t/**\n\t * Returns true if the given style is applied to the specified block element.\n\t */\n\tprivate _isStyleActiveForBlock( definition: BlockStyleDefinition, block: ModelElement ): boolean {\n\t\tconst attributeName = this._htmlSupport.getGhsAttributeNameForElement( definition.element );\n\t\tconst ghsAttributeValue = block.getAttribute( attributeName );\n\n\t\treturn this._styleUtils.hasAllClasses( ghsAttributeValue, definition.classes );\n\t}\n\n\t/**\n\t * Returns an array of block elements that style should be applied to.\n\t */\n\tprivate _getAffectedBlocks( definition: BlockStyleDefinition, block: ModelElement ): Array<ModelElement> | null {\n\t\tif ( !this._isStyleEnabledForBlock( definition, block ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( definition.element == 'li' ) {\n\t\t\treturn this._listUtils.expandListBlocksToCompleteItems( block, { withNested: false } );\n\t\t} else {\n\t\t\treturn this._listUtils.expandListBlocksToCompleteList( block );\n\t\t}\n\t}\n\n\t/**\n\t * Returns a view template definition for the style preview.\n\t */\n\tprivate _getStylePreview( definition: StyleDefinition, children: Iterable<TemplateDefinition> ): TemplateDefinition | null {\n\t\tconst { element, classes } = definition;\n\n\t\tif ( element == 'ol' || element == 'ul' ) {\n\t\t\treturn {\n\t\t\t\ttag: element,\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: classes\n\t\t\t\t},\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttag: 'li',\n\t\t\t\t\t\tchildren\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t};\n\t\t} else if ( element == 'li' ) {\n\t\t\treturn {\n\t\t\t\ttag: 'ol',\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttag: element,\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\tclass: classes\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t};\n\t\t}\n\n\t\treturn null;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/integrations/table\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport type { TableUtils } from '@ckeditor/ckeditor5-table';\n\nimport type { DataFilter } from '@ckeditor/ckeditor5-html-support';\n\nimport {\n\tStyleUtils,\n\ttype BlockStyleDefinition,\n\ttype StyleUtilsGetAffectedBlocksEvent,\n\ttype StyleUtilsIsEnabledForBlockEvent,\n\ttype StyleUtilsConfigureGHSDataFilterEvent\n} from '../styleutils.js';\n\nexport class TableStyleSupport extends Plugin {\n\tprivate _tableUtils!: TableUtils;\n\tprivate _styleUtils!: StyleUtils;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableStyleSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ StyleUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'TableEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._styleUtils = editor.plugins.get( StyleUtils );\n\t\tthis._tableUtils = this.editor.plugins.get( 'TableUtils' );\n\n\t\tthis.listenTo<StyleUtilsIsEnabledForBlockEvent>( this._styleUtils, 'isStyleEnabledForBlock', ( evt, [ definition, block ] ) => {\n\t\t\tif ( this._isApplicable( definition, block ) ) {\n\t\t\t\tevt.return = this._isStyleEnabledForBlock( definition, block );\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\tthis.listenTo<StyleUtilsGetAffectedBlocksEvent>( this._styleUtils, 'getAffectedBlocks', ( evt, [ definition, block ] ) => {\n\t\t\tif ( this._isApplicable( definition, block ) ) {\n\t\t\t\tevt.return = this._getAffectedBlocks( definition, block );\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\n\t\tthis.listenTo<StyleUtilsConfigureGHSDataFilterEvent>(\n\t\t\tthis._styleUtils,\n\t\t\t'configureGHSDataFilter',\n\t\t\t( evt, [ { block } ] ) => {\n\t\t\t\tconst ghsDataFilter: DataFilter = this.editor.plugins.get( 'DataFilter' );\n\n\t\t\t\tghsDataFilter.loadAllowedConfig(\n\t\t\t\t\tblock\n\t\t\t\t\t\t.filter( definition => definition.element == 'figcaption' )\n\t\t\t\t\t\t.map( definition => ( { name: 'caption', classes: definition.classes } ) )\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t}\n\n\t/**\n\t * Checks if this plugin's custom logic should be applied for defintion-block pair.\n\t *\n\t * @param definition Style definition that is being considered.\n\t * @param block Block element to check if should be styled.\n\t * @returns True if the defintion-block pair meet the plugin criteria, false otherwise.\n\t */\n\tprivate _isApplicable( definition: BlockStyleDefinition, block: ModelElement ): boolean {\n\t\tif ( [ 'td', 'th' ].includes( definition.element ) ) {\n\t\t\treturn block.name == 'tableCell';\n\t\t}\n\n\t\tif ( [ 'thead', 'tbody' ].includes( definition.element ) ) {\n\t\t\treturn block.name == 'table';\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Checks if the style definition should be applied to selected block.\n\t *\n\t * @param definition Style definition that is being considered.\n\t * @param block Block element to check if should be styled.\n\t * @returns True if the block should be style with the style description, false otherwise.\n\t */\n\tprivate _isStyleEnabledForBlock( definition: BlockStyleDefinition, block: ModelElement ): boolean {\n\t\tif ( [ 'td', 'th' ].includes( definition.element ) ) {\n\t\t\tconst location = this._tableUtils.getCellLocation( block )!;\n\n\t\t\tconst tableRow = block.parent!;\n\t\t\tconst table = tableRow.parent as ModelElement;\n\n\t\t\tconst headingRows = table.getAttribute( 'headingRows' ) as number || 0;\n\t\t\tconst headingColumns = table.getAttribute( 'headingColumns' ) as number || 0;\n\t\t\tconst isHeadingCell = location.row < headingRows || location.column < headingColumns;\n\n\t\t\tif ( definition.element == 'th' ) {\n\t\t\t\treturn isHeadingCell;\n\t\t\t} else {\n\t\t\t\treturn !isHeadingCell;\n\t\t\t}\n\t\t}\n\n\t\tif ( [ 'thead', 'tbody' ].includes( definition.element ) ) {\n\t\t\tconst headingRows = block.getAttribute( 'headingRows' ) as number || 0;\n\n\t\t\tif ( definition.element == 'thead' ) {\n\t\t\t\treturn headingRows > 0;\n\t\t\t} else {\n\t\t\t\treturn headingRows < this._tableUtils.getRows( block );\n\t\t\t}\n\t\t}\n\n\t\t/* istanbul ignore next -- @preserve */\n\t\treturn false;\n\t}\n\n\t/**\n\t * Gets all blocks that the style should be applied to.\n\t *\n\t * @param definition Style definition that is being considered.\n\t * @param block A block element from selection.\n\t * @returns An array with the block that was passed as an argument if meets the criteria, null otherwise.\n\t */\n\tprivate _getAffectedBlocks( definition: BlockStyleDefinition, block: ModelElement ): Array<ModelElement> | null {\n\t\tif ( !this._isStyleEnabledForBlock( definition, block ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn [ block ];\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/integrations/link\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { ModelSelectable, ModelDocumentSelection, ModelRange, ModelPosition, Model } from 'ckeditor5/src/engine.js';\nimport { findAttributeRange, findAttributeRangeBound } from 'ckeditor5/src/typing.js';\n\nimport type { GeneralHtmlSupport } from '@ckeditor/ckeditor5-html-support';\n\nimport {\n\tStyleUtils,\n\ttype InlineStyleDefinition,\n\ttype StyleUtilsGetAffectedInlineSelectableEvent,\n\ttype StyleUtilsIsStyleEnabledForInlineSelectionEvent,\n\ttype StyleUtilsIsStyleActiveForInlineSelectionEvent\n} from '../styleutils.js';\n\nexport class LinkStyleSupport extends Plugin {\n\tprivate _styleUtils!: StyleUtils;\n\tprivate _htmlSupport!: GeneralHtmlSupport;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'LinkStyleSupport' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ StyleUtils, 'GeneralHtmlSupport' ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'LinkEditing' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._styleUtils = editor.plugins.get( StyleUtils );\n\t\tthis._htmlSupport = this.editor.plugins.get( 'GeneralHtmlSupport' );\n\n\t\tthis.listenTo<StyleUtilsIsStyleEnabledForInlineSelectionEvent>(\n\t\t\tthis._styleUtils,\n\t\t\t'isStyleEnabledForInlineSelection',\n\t\t\t( evt, [ definition, selection ] ) => {\n\t\t\t\tif ( definition.element == 'a' ) {\n\t\t\t\t\tevt.return = this._isStyleEnabled( definition, selection );\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ priority: 'high' }\n\t\t);\n\n\t\tthis.listenTo<StyleUtilsIsStyleActiveForInlineSelectionEvent>(\n\t\t\tthis._styleUtils,\n\t\t\t'isStyleActiveForInlineSelection',\n\t\t\t( evt, [ definition, selection ] ) => {\n\t\t\t\tif ( definition.element == 'a' ) {\n\t\t\t\t\tevt.return = this._isStyleActive( definition, selection );\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ priority: 'high' }\n\t\t);\n\n\t\tthis.listenTo<StyleUtilsGetAffectedInlineSelectableEvent>(\n\t\t\tthis._styleUtils,\n\t\t\t'getAffectedInlineSelectable',\n\t\t\t( evt, [ definition, selection ] ) => {\n\t\t\t\tif ( definition.element != 'a' ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst selectable = this._getAffectedSelectable( definition, selection );\n\n\t\t\t\tif ( selectable ) {\n\t\t\t\t\tevt.return = selectable;\n\t\t\t\t\tevt.stop();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ priority: 'high' }\n\t\t);\n\t}\n\n\t/**\n\t * Verifies if the given style is applicable to the provided document selection.\n\t */\n\tprivate _isStyleEnabled( definition: InlineStyleDefinition, selection: ModelDocumentSelection ): boolean {\n\t\tconst model = this.editor.model;\n\n\t\t// Handle collapsed selection.\n\t\tif ( selection.isCollapsed ) {\n\t\t\treturn selection.hasAttribute( 'linkHref' );\n\t\t}\n\n\t\t// Non-collapsed selection.\n\t\tfor ( const range of selection.getRanges() ) {\n\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\tif ( ( item.is( '$textProxy' ) || model.schema.isInline( item ) ) && item.hasAttribute( 'linkHref' ) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Returns true if the given style is applied to the specified document selection.\n\t */\n\tprivate _isStyleActive( definition: InlineStyleDefinition, selection: ModelDocumentSelection ): boolean {\n\t\tconst model = this.editor.model;\n\t\tconst attributeName = this._htmlSupport.getGhsAttributeNameForElement( definition.element );\n\n\t\t// Handle collapsed selection.\n\t\tif ( selection.isCollapsed ) {\n\t\t\tif ( selection.hasAttribute( 'linkHref' ) ) {\n\t\t\t\tconst ghsAttributeValue = selection.getAttribute( attributeName );\n\n\t\t\t\tif ( this._styleUtils.hasAllClasses( ghsAttributeValue, definition.classes ) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn false;\n\t\t}\n\n\t\t// Non-collapsed selection.\n\t\tfor ( const range of selection.getRanges() ) {\n\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\tif ( ( item.is( '$textProxy' ) || model.schema.isInline( item ) ) && item.hasAttribute( 'linkHref' ) ) {\n\t\t\t\t\tconst ghsAttributeValue = item.getAttribute( attributeName );\n\n\t\t\t\t\treturn this._styleUtils.hasAllClasses( ghsAttributeValue, definition.classes );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Returns a selectable that given style should be applied to.\n\t */\n\tprivate _getAffectedSelectable( definition: InlineStyleDefinition, selection: ModelDocumentSelection ): ModelSelectable {\n\t\tconst model = this.editor.model;\n\n\t\t// Handle collapsed selection.\n\t\tif ( selection.isCollapsed ) {\n\t\t\tconst linkHref = selection.getAttribute( 'linkHref' );\n\n\t\t\treturn findAttributeRange( selection.getFirstPosition()!, 'linkHref', linkHref, model );\n\t\t}\n\n\t\t// Non-collapsed selection.\n\t\tconst ranges: Array<ModelRange> = [];\n\n\t\tfor ( const range of selection.getRanges() ) {\n\t\t\t// First expand range to include the whole link.\n\t\t\tconst expandedRange = model.createRange(\n\t\t\t\texpandAttributePosition( range.start, 'linkHref', true, model ),\n\t\t\t\texpandAttributePosition( range.end, 'linkHref', false, model )\n\t\t\t);\n\n\t\t\t// Pick only ranges on links.\n\t\t\tfor ( const item of expandedRange.getItems() ) {\n\t\t\t\tif ( ( item.is( '$textProxy' ) || model.schema.isInline( item ) ) && item.hasAttribute( 'linkHref' ) ) {\n\t\t\t\t\tranges.push( this.editor.model.createRangeOn( item ) );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Make sure that we have a continuous range on a link\n\t\t// (not split between text nodes with mixed attributes like bold etc.)\n\t\treturn normalizeRanges( ranges );\n\t}\n}\n\n/**\n * Walks forward or backward (depends on the `lookBack` flag), node by node, as long as they have the same attribute value\n * and returns a position just before or after (depends on the `lookBack` flag) the last matched node.\n */\nfunction expandAttributePosition( position: ModelPosition, attributeName: string, lookBack: boolean, model: Model ): ModelPosition {\n\tconst referenceNode = position.textNode || ( lookBack ? position.nodeAfter : position.nodeBefore );\n\n\tif ( !referenceNode || !referenceNode.hasAttribute( attributeName ) ) {\n\t\treturn position;\n\t}\n\n\tconst attributeValue = referenceNode.getAttribute( attributeName );\n\n\treturn findAttributeRangeBound( position, attributeName, attributeValue, lookBack, model );\n}\n\n/**\n * Normalizes list of ranges by joining intersecting or \"touching\" ranges.\n *\n * Note: It assumes that ranges are sorted.\n */\nfunction normalizeRanges( ranges: Array<ModelRange> ): Array<ModelRange> {\n\tfor ( let i = 1; i < ranges.length; i++ ) {\n\t\tconst joinedRange = ranges[ i - 1 ].getJoined( ranges[ i ] );\n\n\t\tif ( joinedRange ) {\n\t\t\t// Replace the ranges on the list with the new joined range.\n\t\t\tranges.splice( --i, 2, joinedRange );\n\t\t}\n\t}\n\n\treturn ranges;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/styleediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { DataSchema } from '@ckeditor/ckeditor5-html-support';\n\nimport { StyleCommand } from './stylecommand.js';\nimport { StyleUtils } from './styleutils.js';\nimport type { StyleConfig } from './styleconfig.js';\n\nimport { ListStyleSupport } from './integrations/list.js';\nimport { TableStyleSupport } from './integrations/table.js';\nimport { LinkStyleSupport } from './integrations/link.js';\n\n/**\n * The style engine feature.\n *\n * It configures the {@glink features/html/general-html-support General HTML Support feature} based on\n * {@link module:style/styleconfig~StyleConfig#definitions configured style definitions} and introduces the\n * {@link module:style/stylecommand~StyleCommand style command} that applies styles to the content of the document.\n */\nexport class StyleEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'StyleEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ 'GeneralHtmlSupport', StyleUtils, ListStyleSupport, TableStyleSupport, LinkStyleSupport ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst dataSchema: DataSchema = editor.plugins.get( 'DataSchema' );\n\t\tconst styleUtils: StyleUtils = editor.plugins.get( 'StyleUtils' );\n\t\tconst styleDefinitions: StyleConfig['definitions'] = editor.config.get( 'style.definitions' )!;\n\t\tconst normalizedStyleDefinitions = styleUtils.normalizeConfig( dataSchema, styleDefinitions );\n\n\t\teditor.commands.add( 'style', new StyleCommand( editor, normalizedStyleDefinitions ) );\n\n\t\tstyleUtils.configureGHSDataFilter( normalizedStyleDefinitions );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 style/style\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { StyleUI } from './styleui.js';\nimport { StyleEditing } from './styleediting.js';\n\n/**\n * The style plugin.\n *\n * This is a \"glue\" plugin that loads the {@link module:style/styleediting~StyleEditing style editing feature}\n * and {@link module:style/styleui~StyleUI style UI feature}.\n */\nexport class Style extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Style' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ StyleEditing, StyleUI ] as const;\n\t}\n}\n", "import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { toWidgetEditable, toWidget, Widget, isWidget, WidgetToolbarRepository } from '@ckeditor/ckeditor5-widget/dist/index.js';\nimport { first, global, CKEditorError, KeystrokeHandler, FocusTracker, Collection, getLocalizedArrowKeyCodeDirection, Rect, DomEmitterMixin, toUnit } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { isObject, debounce, isEqual, throttle } from 'es-toolkit/compat';\nimport { IconTable, IconTableColumn, IconTableRow, IconTableMergeCell, IconCheck, IconCancel, IconAlignBottom, IconAlignMiddle, IconAlignTop, IconAlignJustify, IconAlignRight, IconAlignCenter, IconAlignLeft, IconTableCellProperties, IconTableLayout, IconTableProperties, IconObjectInlineRight, IconObjectCenter, IconObjectInlineLeft, IconCaption, IconPreviousArrow, IconObjectRight, IconObjectLeft } from '@ckeditor/ckeditor5-icons/dist/index.js';\nimport { View, addKeyboardHandlingForGrid, ButtonView, createDropdown, MenuBarMenuView, SwitchButtonView, SplitButtonView, addListToDropdown, UIModel, ViewCollection, FocusCycler, InputTextView, ColorSelectorView, FormHeaderView, FormRowView, submitHandler, LabelView, LabeledFieldView, createLabeledDropdown, createLabeledInputText, ToolbarView, BalloonPanelView, ContextualBalloon, normalizeColorOptions, getLocalizedColorOptions, clickOutsideHandler, DropdownButtonView } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { ClipboardMarkersUtils, ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard/dist/index.js';\nimport { DomEventObserver, isColorStyleValue, isLengthStyleValue, isPercentageStyleValue, addBorderStylesRules, addPaddingStylesRules, addBackgroundStylesRules, addMarginStylesRules, enableViewPlaceholder, ModelElement } from '@ckeditor/ckeditor5-engine/dist/index.js';\n\nconst ALIGN_VALUES_REG_EXP$1 = /^(left|center|right)$/;\nconst FLOAT_VALUES_REG_EXP = /^(left|none|right)$/;\n/**\n * Conversion helper for upcasting attributes using normalized styles.\n *\n * @param options.modelAttribute The attribute to set.\n * @param options.styleName The style name to convert.\n * @param options.attributeName The HTML attribute name to convert.\n * @param options.attributeType The HTML attribute type for value normalization.\n * @param options.viewElement The view element name that should be converted.\n * @param options.defaultValue The default value for the specified `modelAttribute`.\n * @param options.shouldUpcast The function which returns `true` if style should be upcasted from this element.\n * @internal\n */ function upcastStyleToAttribute(conversion, options) {\n    const { modelAttribute, styleName, attributeName, attributeType, viewElement, defaultValue, shouldUpcast = ()=>true, reduceBoxSides = false } = options;\n    conversion.for('upcast').attributeToAttribute({\n        view: {\n            name: viewElement,\n            styles: {\n                [styleName]: /[\\s\\S]+/\n            }\n        },\n        model: {\n            key: modelAttribute,\n            value: (viewElement, conversionApi, data)=>{\n                // Ignore table elements inside figures and figures without the table class.\n                if (!shouldUpcast(viewElement)) {\n                    return;\n                }\n                const localDefaultValue = getDefaultValueAdjusted(defaultValue, '', data);\n                const normalized = viewElement.getNormalizedStyle(styleName);\n                const value = reduceBoxSides ? reduceBoxSidesValue(normalized) : normalized;\n                if (localDefaultValue !== value) {\n                    return value;\n                }\n                // Consume the style even if not applied to the element so it won't be processed by other converters.\n                conversionApi.consumable.consume(viewElement, {\n                    styles: styleName\n                });\n            }\n        }\n    });\n    if (attributeName) {\n        conversion.for('upcast').attributeToAttribute({\n            view: {\n                name: viewElement,\n                attributes: {\n                    [attributeName]: /.+/\n                }\n            },\n            model: {\n                key: modelAttribute,\n                value: (viewElement, conversionApi, data)=>{\n                    // Convert attributes of table and table cell elements, ignore figure.\n                    // Do not convert attribute if related style is set as it has a higher priority.\n                    // Do not convert attribute if the element is a table inside a figure with the related style set.\n                    if (viewElement.name == 'figure' || viewElement.hasStyle(styleName) || viewElement.name == 'table' && viewElement.parent.name == 'figure' && viewElement.parent.hasStyle(styleName)) {\n                        return;\n                    }\n                    const localDefaultValue = getDefaultValueAdjusted(defaultValue, '', data);\n                    let value = viewElement.getAttribute(attributeName);\n                    if (value && attributeType == 'length' && !value.endsWith('px')) {\n                        value += 'px';\n                    }\n                    if (localDefaultValue !== value) {\n                        return value;\n                    }\n                    // Consume the attribute even if not applied to the element so it won't be processed by other converters.\n                    conversionApi.consumable.consume(viewElement, {\n                        attributes: attributeName\n                    });\n                }\n            }\n        });\n    }\n}\n/**\n * Conversion helper for upcasting border styles for view elements.\n *\n * @param editor The editor instance.\n * @param defaultBorder The default border values.\n * @param defaultBorder.color The default `borderColor` value.\n * @param defaultBorder.style The default `borderStyle` value.\n * @param defaultBorder.width The default `borderWidth` value.\n * @internal\n */ function upcastBorderStyles(editor, viewElementName, modelAttributes, defaultBorder) {\n    const { conversion } = editor;\n    conversion.for('upcast').add((dispatcher)=>dispatcher.on('element:' + viewElementName, (evt, data, conversionApi)=>{\n            // If the element was not converted by element-to-element converter,\n            // we should not try to convert the style. See #8393.\n            if (!data.modelRange) {\n                return;\n            }\n            // Check the most detailed properties. These will be always set directly or\n            // when using the \"group\" properties like: `border-(top|right|bottom|left)` or `border`.\n            const stylesToConsume = [\n                'border-top-width',\n                'border-top-color',\n                'border-top-style',\n                'border-bottom-width',\n                'border-bottom-color',\n                'border-bottom-style',\n                'border-right-width',\n                'border-right-color',\n                'border-right-style',\n                'border-left-width',\n                'border-left-color',\n                'border-left-style'\n            ].filter((styleName)=>data.viewItem.hasStyle(styleName));\n            if (!stylesToConsume.length) {\n                return;\n            }\n            const matcherPattern = {\n                styles: stylesToConsume\n            };\n            // Try to consume appropriate values from consumable values list.\n            if (!conversionApi.consumable.test(data.viewItem, matcherPattern)) {\n                return;\n            }\n            const modelElement = [\n                ...data.modelRange.getItems({\n                    shallow: true\n                })\n            ].pop();\n            const tableElement = modelElement.findAncestor('table', {\n                includeSelf: true\n            });\n            let localDefaultBorder = defaultBorder;\n            if (tableElement && tableElement.getAttribute('tableType') == 'layout') {\n                localDefaultBorder = {\n                    style: 'none',\n                    color: '',\n                    width: ''\n                };\n            }\n            conversionApi.consumable.consume(data.viewItem, matcherPattern);\n            const normalizedBorder = {\n                style: data.viewItem.getNormalizedStyle('border-style'),\n                color: data.viewItem.getNormalizedStyle('border-color'),\n                width: data.viewItem.getNormalizedStyle('border-width')\n            };\n            const reducedBorder = {\n                style: reduceBoxSidesValue(normalizedBorder.style),\n                color: reduceBoxSidesValue(normalizedBorder.color),\n                width: reduceBoxSidesValue(normalizedBorder.width)\n            };\n            if (reducedBorder.style !== localDefaultBorder.style) {\n                conversionApi.writer.setAttribute(modelAttributes.style, reducedBorder.style, modelElement);\n            }\n            if (reducedBorder.color !== localDefaultBorder.color) {\n                conversionApi.writer.setAttribute(modelAttributes.color, reducedBorder.color, modelElement);\n            }\n            if (reducedBorder.width !== localDefaultBorder.width) {\n                conversionApi.writer.setAttribute(modelAttributes.width, reducedBorder.width, modelElement);\n            }\n        }));\n    if (editor.config.get('experimentalFlags.upcastTableBorderZeroAttributes')) {\n        // If parent table has `border=\"0\"` attribute then set border style to `none`\n        // all table cells of that table and table itself.\n        conversion.for('upcast').add((dispatcher)=>{\n            dispatcher.on(`element:${viewElementName}`, (evt, data, conversionApi)=>{\n                const { modelRange, viewItem } = data;\n                const viewTable = viewItem.is('element', 'table') ? viewItem : viewItem.findAncestor('table');\n                // If something already consumed the border attribute on the nearest table element, skip the conversion.\n                if (!conversionApi.consumable.test(viewTable, {\n                    attributes: 'border'\n                })) {\n                    return;\n                }\n                // Ignore tables with border different than \"0\".\n                if (viewTable.getAttribute('border') !== '0') {\n                    return;\n                }\n                const modelElement = modelRange?.start?.nodeAfter;\n                // If model element has already border style attribute, skip the conversion.\n                if (!modelElement || modelElement.hasAttribute(modelAttributes.style)) {\n                    return;\n                }\n                conversionApi.writer.setAttribute(modelAttributes.style, 'none', modelElement);\n                if (viewItem.is('element', 'table')) {\n                    conversionApi.consumable.consume(viewItem, {\n                        attributes: 'border'\n                    });\n                }\n            });\n        });\n    }\n}\n/**\n * Conversion helper for downcasting an attribute to a style.\n *\n * @internal\n */ function downcastAttributeToStyle(conversion, options) {\n    const { modelElement, modelAttribute, styleName } = options;\n    conversion.for('downcast').attributeToAttribute({\n        model: {\n            name: modelElement,\n            key: modelAttribute\n        },\n        view: (modelAttributeValue)=>({\n                key: 'style',\n                value: {\n                    [styleName]: modelAttributeValue\n                }\n            })\n    });\n}\n/**\n * Conversion helper for downcasting attributes from the model table to a view table (not to `<figure>`).\n *\n * @internal\n */ function downcastTableAttribute(conversion, options) {\n    const { modelAttribute, styleName } = options;\n    conversion.for('downcast').add((dispatcher)=>dispatcher.on(`attribute:${modelAttribute}:table`, (evt, data, conversionApi)=>{\n            const { item, attributeNewValue } = data;\n            const { mapper, writer } = conversionApi;\n            if (!conversionApi.consumable.consume(data.item, evt.name)) {\n                return;\n            }\n            const table = [\n                ...mapper.toViewElement(item).getChildren()\n            ].find((child)=>child.is('element', 'table'));\n            if (attributeNewValue) {\n                writer.setStyle(styleName, attributeNewValue, table);\n            } else {\n                writer.removeStyle(styleName, table);\n            }\n        }));\n}\n/**\n * Returns the default value for table or table cell property adjusted for layout tables.\n *\n * @internal\n */ function getDefaultValueAdjusted(defaultValue, layoutTableDefault, data) {\n    const modelElement = data.modelRange && first(data.modelRange.getItems({\n        shallow: true\n    }));\n    const tableElement = modelElement && modelElement.is('element') && modelElement.findAncestor('table', {\n        includeSelf: true\n    });\n    if (tableElement && tableElement.getAttribute('tableType') === 'layout') {\n        return layoutTableDefault;\n    }\n    return defaultValue;\n}\n/**\n * Reduces the full top, right, bottom, left object to a single string if all sides are equal.\n * Returns original style otherwise.\n */ function reduceBoxSidesValue(style) {\n    if (!style) {\n        return;\n    }\n    const sides = [\n        'top',\n        'right',\n        'bottom',\n        'left'\n    ];\n    const allSidesDefined = sides.every((side)=>style[side]);\n    if (!allSidesDefined) {\n        return style;\n    }\n    const topSideStyle = style.top;\n    const allSidesEqual = sides.every((side)=>style[side] === topSideStyle);\n    if (!allSidesEqual) {\n        return style;\n    }\n    return topSideStyle;\n}\n/**\n * Default table alignment options.\n */ const DEFAULT_TABLE_ALIGNMENT_OPTIONS = {\n    left: {\n        className: 'table-style-align-left'\n    },\n    center: {\n        className: 'table-style-align-center'\n    },\n    right: {\n        className: 'table-style-align-right'\n    },\n    blockLeft: {\n        className: 'table-style-block-align-left'\n    },\n    blockRight: {\n        className: 'table-style-block-align-right'\n    }\n};\n/**\n * Configuration for upcasting table alignment from view to model.\n */ const upcastTableAlignmentConfig = [\n    // Support for the `float:*;` CSS definition for the table alignment.\n    {\n        view: {\n            name: /^(table|figure)$/,\n            styles: {\n                float: FLOAT_VALUES_REG_EXP\n            }\n        },\n        getAlign: (viewElement)=>{\n            let align = viewElement.getStyle('float');\n            if (align === 'none') {\n                align = 'center';\n            }\n            return align;\n        },\n        getConsumables (viewElement) {\n            const float = viewElement.getStyle('float');\n            const styles = [\n                'float'\n            ];\n            if (float === 'left' && viewElement.hasStyle('margin-right')) {\n                styles.push('margin-right');\n            } else if (float === 'right' && viewElement.hasStyle('margin-left')) {\n                styles.push('margin-left');\n            }\n            return {\n                styles\n            };\n        }\n    },\n    // Support for the `margin-left:auto; margin-right:auto;` CSS definition for the table alignment.\n    {\n        view: {\n            name: /^(table|figure)$/,\n            styles: {\n                'margin-left': 'auto',\n                'margin-right': 'auto'\n            }\n        },\n        getAlign: ()=>'center',\n        getConsumables: ()=>{\n            return {\n                styles: [\n                    'margin-left',\n                    'margin-right'\n                ]\n            };\n        }\n    },\n    // Support for the left alignment using CSS classes.\n    {\n        view: {\n            name: /^(table|figure)$/,\n            key: 'class',\n            value: 'table-style-align-left'\n        },\n        getAlign: ()=>'left',\n        getConsumables () {\n            return {\n                classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.left.className\n            };\n        }\n    },\n    // Support for the right alignment using CSS classes.\n    {\n        view: {\n            name: /^(table|figure)$/,\n            key: 'class',\n            value: DEFAULT_TABLE_ALIGNMENT_OPTIONS.right.className\n        },\n        getAlign: ()=>'right',\n        getConsumables () {\n            return {\n                classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.right.className\n            };\n        }\n    },\n    // Support for the center alignment using CSS classes.\n    {\n        view: {\n            name: /^(table|figure)$/,\n            key: 'class',\n            value: DEFAULT_TABLE_ALIGNMENT_OPTIONS.center.className\n        },\n        getAlign: ()=>'center',\n        getConsumables () {\n            return {\n                classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.center.className\n            };\n        }\n    },\n    // Support for the block alignment left using CSS classes.\n    {\n        view: {\n            name: /^(table|figure)$/,\n            key: 'class',\n            value: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockLeft.className\n        },\n        getAlign: ()=>'blockLeft',\n        getConsumables () {\n            return {\n                classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockLeft.className\n            };\n        }\n    },\n    // Support for the block alignment right using CSS classes.\n    {\n        view: {\n            name: /^(table|figure)$/,\n            key: 'class',\n            value: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockRight.className\n        },\n        getAlign: ()=>'blockRight',\n        getConsumables () {\n            return {\n                classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockRight.className\n            };\n        }\n    },\n    // Support for the block alignment left using margin CSS styles.\n    {\n        view: {\n            name: /^(table|figure)$/,\n            styles: {\n                'margin-left': '0',\n                'margin-right': 'auto'\n            }\n        },\n        getAlign: ()=>'blockLeft',\n        getConsumables () {\n            return {\n                styles: [\n                    'margin-left',\n                    'margin-right'\n                ]\n            };\n        }\n    },\n    // Support for the block alignment right using margin CSS styles.\n    {\n        view: {\n            name: /^(table|figure)$/,\n            styles: {\n                'margin-left': 'auto',\n                'margin-right': '0'\n            }\n        },\n        getAlign: ()=>'blockRight',\n        getConsumables () {\n            return {\n                styles: [\n                    'margin-left',\n                    'margin-right'\n                ]\n            };\n        }\n    },\n    // Support for the `align` attribute as the backward compatibility while pasting from other sources.\n    {\n        view: {\n            name: 'table',\n            attributes: {\n                align: ALIGN_VALUES_REG_EXP$1\n            }\n        },\n        getAlign: (viewElement)=>viewElement.getAttribute('align'),\n        getConsumables () {\n            return {\n                attributes: 'align'\n            };\n        }\n    }\n];\nconst downcastTableAlignmentConfig = {\n    center: {\n        align: 'center',\n        style: 'margin-left: auto; margin-right: auto;',\n        className: 'table-style-align-center'\n    },\n    left: {\n        align: 'left',\n        style: 'float: left;',\n        className: 'table-style-align-left'\n    },\n    right: {\n        align: 'right',\n        style: 'float: right;',\n        className: 'table-style-align-right'\n    },\n    blockLeft: {\n        align: undefined,\n        style: 'margin-left: 0; margin-right: auto;',\n        className: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockLeft.className\n    },\n    blockRight: {\n        align: undefined,\n        style: 'margin-left: auto; margin-right: 0;',\n        className: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockRight.className\n    }\n};\n\n/**\n * A common method to update the numeric value. If a value is the default one, it will be unset.\n *\n * @internal\n * @param key An attribute key.\n * @param value The new attribute value.\n * @param item A model item on which the attribute will be set.\n * @param defaultValue The default attribute value. If a value is lower or equal, it will be unset.\n */ function updateNumericAttribute(key, value, item, writer, defaultValue = 1) {\n    if (value !== undefined && value !== null && defaultValue !== undefined && defaultValue !== null && value > defaultValue) {\n        writer.setAttribute(key, value, item);\n    } else {\n        writer.removeAttribute(key, item);\n    }\n}\n/**\n * A common method to create an empty table cell. It creates a proper model structure as a table cell must have at least one block inside.\n *\n * @internal\n * @param writer The model writer.\n * @param insertPosition The position at which the table cell should be inserted.\n * @param attributes The element attributes.\n * @returns Created table cell.\n */ function createEmptyTableCell(writer, insertPosition, attributes = {}) {\n    const tableCell = writer.createElement('tableCell', attributes);\n    writer.insertElement('paragraph', tableCell);\n    writer.insert(tableCell, insertPosition);\n    return tableCell;\n}\n/**\n * Checks if a table cell belongs to the heading column section.\n *\n * @internal\n */ function isHeadingColumnCell(tableUtils, tableCell) {\n    const table = tableCell.parent.parent;\n    const headingColumns = parseInt(table.getAttribute('headingColumns') || '0');\n    const { column } = tableUtils.getCellLocation(tableCell);\n    return !!headingColumns && column < headingColumns;\n}\n/**\n * Enables conversion for an attribute for simple view-model mappings.\n *\n * @internal\n * @param options.defaultValue The default value for the specified `modelAttribute`.\n */ function enableProperty$1(schema, conversion, options) {\n    const { modelAttribute } = options;\n    schema.extend('tableCell', {\n        allowAttributes: [\n            modelAttribute\n        ]\n    });\n    schema.setAttributeProperties(modelAttribute, {\n        isFormatting: true\n    });\n    upcastStyleToAttribute(conversion, {\n        viewElement: /^(td|th)$/,\n        ...options\n    });\n    downcastAttributeToStyle(conversion, {\n        modelElement: 'tableCell',\n        ...options\n    });\n}\n/**\n * Depending on the position of the selection we either return the table under cursor or look for the table higher in the hierarchy.\n *\n * @internal\n */ function getSelectionAffectedTable(selection) {\n    const selectedElement = selection.getSelectedElement();\n    // Is the command triggered from the `tableToolbar`?\n    if (selectedElement && selectedElement.is('element', 'table')) {\n        return selectedElement;\n    }\n    return selection.getFirstPosition().findAncestor('table');\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module table/tablewalker\n */ /**\n * The table iterator class. It allows to iterate over table cells. For each cell the iterator yields\n * {@link module:table/tablewalker~TableSlot} with proper table cell attributes.\n */ class TableWalker {\n    /**\n\t * The walker's table element.\n\t *\n\t * @internal\n\t */ _table;\n    /**\n\t * A row index from which this iterator will start.\n\t */ _startRow;\n    /**\n\t * A row index at which this iterator will end.\n\t */ _endRow;\n    /**\n\t * If set, the table walker will only output cells from a given column and following ones or cells that overlap them.\n\t */ _startColumn;\n    /**\n\t * If set, the table walker will only output cells up to a given column.\n\t */ _endColumn;\n    /**\n\t * Enables output of spanned cells that are normally not yielded.\n\t */ _includeAllSlots;\n    /**\n\t * Row indexes to skip from the iteration.\n\t */ _skipRows;\n    /**\n\t * The current row index.\n\t *\n\t * @internal\n\t */ _row;\n    /**\n\t * The index of the current row element in the table.\n\t *\n\t * @internal\n\t */ _rowIndex;\n    /**\n\t * The current column index.\n\t *\n\t * @internal\n\t */ _column;\n    /**\n\t * The cell index in a parent row. For spanned cells when {@link #_includeAllSlots} is set to `true`,\n\t * this represents the index of the next table cell.\n\t *\n\t * @internal\n\t */ _cellIndex;\n    /**\n\t * Holds a map of spanned cells in a table.\n\t */ _spannedCells;\n    /**\n\t * Index of the next column where a cell is anchored.\n\t */ _nextCellAtColumn;\n    /**\n\t * Indicates whether the iterator jumped to (or close to) the start row, ignoring rows that don't need to be traversed.\n\t */ _jumpedToStartRow = false;\n    /**\n\t * Creates an instance of the table walker.\n\t *\n\t * The table walker iterates internally by traversing the table from row index = 0 and column index = 0.\n\t * It walks row by row and column by column in order to output values defined in the constructor.\n\t * By default it will output only the locations that are occupied by a cell. To include also spanned rows and columns,\n\t * pass the `includeAllSlots` option to the constructor.\n\t *\n\t * The most important values of the iterator are column and row indexes of a cell.\n\t *\n\t * See {@link module:table/tablewalker~TableSlot} what values are returned by the table walker.\n\t *\n\t * To iterate over a given row:\n\t *\n\t * ```ts\n\t * const tableWalker = new TableWalker( table, { startRow: 1, endRow: 2 } );\n\t *\n\t * for ( const tableSlot of tableWalker ) {\n\t *   console.log( 'A cell at row', tableSlot.row, 'and column', tableSlot.column );\n\t * }\n\t * ```\n\t *\n\t * For instance the code above for the following table:\n\t *\n\t *  +----+----+----+----+----+----+\n\t *  | 00      | 02 | 03 | 04 | 05 |\n\t *  |         +----+----+----+----+\n\t *  |         | 12      | 14 | 15 |\n\t *  |         +----+----+----+    +\n\t *  |         | 22           |    |\n\t *  |----+----+----+----+----+    +\n\t *  | 30 | 31 | 32 | 33 | 34 |    |\n\t *  +----+----+----+----+----+----+\n\t *\n\t * will log in the console:\n\t *\n\t *  'A cell at row 1 and column 2'\n\t *  'A cell at row 1 and column 4'\n\t *  'A cell at row 1 and column 5'\n\t *  'A cell at row 2 and column 2'\n\t *\n\t * To also iterate over spanned cells:\n\t *\n\t * ```ts\n\t * const tableWalker = new TableWalker( table, { row: 1, includeAllSlots: true } );\n\t *\n\t * for ( const tableSlot of tableWalker ) {\n\t *   console.log( 'Slot at', tableSlot.row, 'x', tableSlot.column, ':', tableSlot.isAnchor ? 'is anchored' : 'is spanned' );\n\t * }\n\t * ```\n\t *\n\t * will log in the console for the table from the previous example:\n\t *\n\t *  'Cell at 1 x 0 : is spanned'\n\t *  'Cell at 1 x 1 : is spanned'\n\t *  'Cell at 1 x 2 : is anchored'\n\t *  'Cell at 1 x 3 : is spanned'\n\t *  'Cell at 1 x 4 : is anchored'\n\t *  'Cell at 1 x 5 : is anchored'\n\t *\n\t * **Note**: Option `row` is a shortcut that sets both `startRow` and `endRow` to the same row.\n\t * (Use either `row` or `startRow` and `endRow` but never together). Similarly the `column` option sets both `startColumn`\n\t * and `endColumn` to the same column (Use either `column` or `startColumn` and `endColumn` but never together).\n\t *\n\t * @param table A table over which the walker iterates.\n\t * @param options An object with configuration.\n\t * @param options.row A row index for which this iterator will output cells. Can't be used together with `startRow` and `endRow`.\n\t * @param options.startRow A row index from which this iterator should start. Can't be used together with `row`. Default value is 0.\n\t * @param options.endRow A row index at which this iterator should end. Can't be used together with `row`.\n\t * @param options.column A column index for which this iterator will output cells.\n\t * Can't be used together with `startColumn` and `endColumn`.\n\t * @param options.startColumn A column index from which this iterator should start.\n\t * Can't be used together with `column`. Default value is 0.\n\t * @param options.endColumn A column index at which this iterator should end. Can't be used together with `column`.\n\t * @param options.includeAllSlots Also return values for spanned cells. Default value is \"false\".\n\t */ constructor(table, options = {}){\n        this._table = table;\n        this._startRow = options.row !== undefined ? options.row : options.startRow || 0;\n        this._endRow = options.row !== undefined ? options.row : options.endRow;\n        this._startColumn = options.column !== undefined ? options.column : options.startColumn || 0;\n        this._endColumn = options.column !== undefined ? options.column : options.endColumn;\n        this._includeAllSlots = !!options.includeAllSlots;\n        this._skipRows = new Set();\n        this._row = 0;\n        this._rowIndex = 0;\n        this._column = 0;\n        this._cellIndex = 0;\n        this._spannedCells = new Map();\n        this._nextCellAtColumn = -1;\n    }\n    /**\n\t * Iterable interface.\n\t */ [Symbol.iterator]() {\n        return this;\n    }\n    /**\n\t * Gets the next table walker's value.\n\t *\n\t * @returns The next table walker's value.\n\t */ next() {\n        if (this._canJumpToStartRow()) {\n            this._jumpToNonSpannedRowClosestToStartRow();\n        }\n        const row = this._table.getChild(this._rowIndex);\n        // Iterator is done when there's no row (table ended) or the row is after `endRow` limit.\n        if (!row || this._isOverEndRow()) {\n            return {\n                done: true,\n                value: undefined\n            };\n        }\n        // We step over current element when it is not a tableRow instance.\n        if (!row.is('element', 'tableRow')) {\n            this._rowIndex++;\n            return this.next();\n        }\n        if (this._isOverEndColumn()) {\n            return this._advanceToNextRow();\n        }\n        let outValue = null;\n        const spanData = this._getSpanned();\n        if (spanData) {\n            if (this._includeAllSlots && !this._shouldSkipSlot()) {\n                outValue = this._formatOutValue(spanData.cell, spanData.row, spanData.column);\n            }\n        } else {\n            const cell = row.getChild(this._cellIndex);\n            if (!cell) {\n                // If there are no more cells left in row advance to the next row.\n                return this._advanceToNextRow();\n            }\n            const colspan = parseInt(cell.getAttribute('colspan') || '1');\n            const rowspan = parseInt(cell.getAttribute('rowspan') || '1');\n            // Record this cell spans if it's not 1x1 cell.\n            if (colspan > 1 || rowspan > 1) {\n                this._recordSpans(cell, rowspan, colspan);\n            }\n            if (!this._shouldSkipSlot()) {\n                outValue = this._formatOutValue(cell);\n            }\n            this._nextCellAtColumn = this._column + colspan;\n        }\n        // Advance to the next column before returning value.\n        this._column++;\n        if (this._column == this._nextCellAtColumn) {\n            this._cellIndex++;\n        }\n        // The current value will be returned only if current row and column are not skipped.\n        return outValue || this.next();\n    }\n    /**\n\t * Marks a row to skip in the next iteration. It will also skip cells from the current row if there are any cells from the current row\n\t * to output.\n\t *\n\t * @param row The row index to skip.\n\t */ skipRow(row) {\n        this._skipRows.add(row);\n    }\n    /**\n\t * Advances internal cursor to the next row.\n\t */ _advanceToNextRow() {\n        this._row++;\n        this._rowIndex++;\n        this._column = 0;\n        this._cellIndex = 0;\n        this._nextCellAtColumn = -1;\n        return this.next();\n    }\n    /**\n\t * Checks if the current row is over {@link #_endRow}.\n\t */ _isOverEndRow() {\n        // If #_endRow is defined skip all rows after it.\n        return this._endRow !== undefined && this._row > this._endRow;\n    }\n    /**\n\t * Checks if the current cell is over {@link #_endColumn}\n\t */ _isOverEndColumn() {\n        // If #_endColumn is defined skip all cells after it.\n        return this._endColumn !== undefined && this._column > this._endColumn;\n    }\n    /**\n\t * A common method for formatting the iterator's output value.\n\t *\n\t * @param cell The table cell to output.\n\t * @param anchorRow The row index of a cell anchor slot.\n\t * @param anchorColumn The column index of a cell anchor slot.\n\t */ _formatOutValue(cell, anchorRow = this._row, anchorColumn = this._column) {\n        return {\n            done: false,\n            value: new TableSlot(this, cell, anchorRow, anchorColumn)\n        };\n    }\n    /**\n\t * Checks if the current slot should be skipped.\n\t */ _shouldSkipSlot() {\n        const rowIsMarkedAsSkipped = this._skipRows.has(this._row);\n        const rowIsBeforeStartRow = this._row < this._startRow;\n        const columnIsBeforeStartColumn = this._column < this._startColumn;\n        const columnIsAfterEndColumn = this._endColumn !== undefined && this._column > this._endColumn;\n        return rowIsMarkedAsSkipped || rowIsBeforeStartRow || columnIsBeforeStartColumn || columnIsAfterEndColumn;\n    }\n    /**\n\t * Returns the cell element that is spanned over the current cell location.\n\t */ _getSpanned() {\n        const rowMap = this._spannedCells.get(this._row);\n        // No spans for given row.\n        if (!rowMap) {\n            return null;\n        }\n        // If spans for given rows has entry for column it means that this location if spanned by other cell.\n        return rowMap.get(this._column) || null;\n    }\n    /**\n\t * Updates spanned cells map relative to the current cell location and its span dimensions.\n\t *\n\t * @param cell A cell that is spanned.\n\t * @param rowspan Cell height.\n\t * @param colspan Cell width.\n\t */ _recordSpans(cell, rowspan, colspan) {\n        const data = {\n            cell,\n            row: this._row,\n            column: this._column\n        };\n        for(let rowToUpdate = this._row; rowToUpdate < this._row + rowspan; rowToUpdate++){\n            for(let columnToUpdate = this._column; columnToUpdate < this._column + colspan; columnToUpdate++){\n                if (rowToUpdate != this._row || columnToUpdate != this._column) {\n                    this._markSpannedCell(rowToUpdate, columnToUpdate, data);\n                }\n            }\n        }\n    }\n    /**\n\t * Marks the cell location as spanned by another cell.\n\t *\n\t * @param row The row index of the cell location.\n\t * @param column The column index of the cell location.\n\t * @param data A spanned cell details (cell element, anchor row and column).\n\t */ _markSpannedCell(row, column, data) {\n        if (!this._spannedCells.has(row)) {\n            this._spannedCells.set(row, new Map());\n        }\n        const rowSpans = this._spannedCells.get(row);\n        rowSpans.set(column, data);\n    }\n    /**\n\t * Checks if part of the table can be skipped.\n\t */ _canJumpToStartRow() {\n        return !!this._startRow && this._startRow > 0 && !this._jumpedToStartRow;\n    }\n    /**\n\t * Sets the current row to `this._startRow` or the first row before it that has the number of cells\n\t * equal to the number of columns in the table.\n\t *\n\t * Example:\n\t * \t+----+----+----+\n\t *  | 00 | 01 | 02 |\n\t *  |----+----+----+\n\t *  | 10      | 12 |\n\t *  |         +----+\n\t *  |         | 22 |\n\t *  |         +----+\n\t *  |         | 32 | <--- Start row\n\t *  +----+----+----+\n\t *  | 40 | 41 | 42 |\n\t *  +----+----+----+\n\t *\n\t * If the 4th row is a `this._startRow`, this method will:\n\t * 1.) Count the number of columns this table has based on the first row (3 columns in this case).\n\t * 2.) Check if the 4th row contains 3 cells. It doesn't, so go to the row before it.\n\t * 3.) Check if the 3rd row contains 3 cells. It doesn't, so go to the row before it.\n\t * 4.) Check if the 2nd row contains 3 cells. It does, so set the current row to that row.\n\t *\n\t * Setting the current row this way is necessary to let the `next()`  method loop over the cells\n\t * spanning multiple rows or columns and update the `this._spannedCells` property.\n\t */ _jumpToNonSpannedRowClosestToStartRow() {\n        const firstRowLength = this._getRowLength(0);\n        for(let i = this._startRow; !this._jumpedToStartRow; i--){\n            if (firstRowLength === this._getRowLength(i)) {\n                this._row = i;\n                this._rowIndex = i;\n                this._jumpedToStartRow = true;\n            }\n        }\n    }\n    /**\n\t * Returns a number of columns in a row taking `colspan` into consideration.\n\t */ _getRowLength(rowIndex) {\n        const row = this._table.getChild(rowIndex);\n        return [\n            ...row.getChildren()\n        ].reduce((cols, row)=>{\n            return cols + parseInt(row.getAttribute('colspan') || '1');\n        }, 0);\n    }\n}\n/**\n * An object returned by {@link module:table/tablewalker~TableWalker} when traversing table cells.\n */ class TableSlot {\n    /**\n\t * The current table cell.\n\t */ cell;\n    /**\n\t * The row index of a table slot.\n\t */ row;\n    /**\n\t * The column index of a table slot.\n\t */ column;\n    /**\n\t * The row index of a cell anchor slot.\n\t */ cellAnchorRow;\n    /**\n\t * The column index of a cell anchor slot.\n\t */ cellAnchorColumn;\n    /**\n\t * The index of the current cell in the parent row.\n\t */ _cellIndex;\n    /**\n\t * The index of the current row element in the table.\n\t */ _rowIndex;\n    /**\n\t * The table element.\n\t */ _table;\n    /**\n\t * Creates an instance of the table walker value.\n\t *\n\t * @param tableWalker The table walker instance.\n\t * @param cell The current table cell.\n\t * @param anchorRow The row index of a cell anchor slot.\n\t * @param anchorColumn The column index of a cell anchor slot.\n\t */ constructor(tableWalker, cell, anchorRow, anchorColumn){\n        this.cell = cell;\n        this.row = tableWalker._row;\n        this.column = tableWalker._column;\n        this.cellAnchorRow = anchorRow;\n        this.cellAnchorColumn = anchorColumn;\n        this._cellIndex = tableWalker._cellIndex;\n        this._rowIndex = tableWalker._rowIndex;\n        this._table = tableWalker._table;\n    }\n    // @if CK_DEBUG // public get isSpanned(): unknown { return throwMissingGetterError( 'isSpanned' ); }\n    // @if CK_DEBUG // public get colspan(): unknown { return throwMissingGetterError( 'colspan' ); }\n    // @if CK_DEBUG // public get rowspan(): unknown { return throwMissingGetterError( 'rowspan' ); }\n    // @if CK_DEBUG // public get cellIndex(): unknown { return throwMissingGetterError( 'cellIndex' ); }\n    /**\n\t * Whether the cell is anchored in the current slot.\n\t */ get isAnchor() {\n        return this.row === this.cellAnchorRow && this.column === this.cellAnchorColumn;\n    }\n    /**\n\t * The width of a cell defined by a `colspan` attribute. If the model attribute is not present, it is set to `1`.\n\t */ get cellWidth() {\n        return parseInt(this.cell.getAttribute('colspan') || '1');\n    }\n    /**\n\t * The height of a cell defined by a `rowspan` attribute. If the model attribute is not present, it is set to `1`.\n\t */ get cellHeight() {\n        return parseInt(this.cell.getAttribute('rowspan') || '1');\n    }\n    /**\n\t * The index of the current row element in the table.\n\t */ get rowIndex() {\n        return this._rowIndex;\n    }\n    /**\n\t * Returns the {@link module:engine/model/position~ModelPosition} before the table slot.\n\t */ getPositionBefore() {\n        const model = this._table.root.document.model;\n        return model.createPositionAt(this._table.getChild(this.row), this._cellIndex);\n    }\n}\n // @if CK_DEBUG //\t\tthrow new CKEditorError( 'tableslot-getter-removed', null, {\n // @if CK_DEBUG //\t\t\tgetterName\n // @if CK_DEBUG //\t\t} );\n // @if CK_DEBUG // }\n\n/**\n * Returns a cropped table according to given dimensions.\n\n * To return a cropped table that starts at first row and first column and end in third row and column:\n *\n * ```ts\n * const croppedTable = cropTableToDimensions( table, {\n *   startRow: 1,\n *   endRow: 3,\n *   startColumn: 1,\n *   endColumn: 3\n * }, writer );\n * ```\n *\n * Calling the code above for the table below:\n *\n *        0   1   2   3   4                      0   1   2\n *      ┌───┬───┬───┬───┬───┐\n *   0  │ a │ b │ c │ d │ e │\n *      ├───┴───┤   ├───┴───┤                  ┌───┬───┬───┐\n *   1  │ f     │   │ g     │                  │   │   │ g │  0\n *      ├───┬───┴───┼───┬───┤   will return:   ├───┴───┼───┤\n *   2  │ h │ i     │ j │ k │                  │ i     │ j │  1\n *      ├───┤       ├───┤   │                  │       ├───┤\n *   3  │ l │       │ m │   │                  │       │ m │  2\n *      ├───┼───┬───┤   ├───┤                  └───────┴───┘\n *   4  │ n │ o │ p │   │ q │\n *      └───┴───┴───┴───┴───┘\n *\n * @internal\n */ function cropTableToDimensions(sourceTable, cropDimensions, writer) {\n    const { startRow, startColumn, endRow, endColumn } = cropDimensions;\n    // Initialize the cropped table element.\n    const croppedTable = writer.createElement('table');\n    // Copy table type attribute if present.\n    const sourceTableType = sourceTable.getAttribute('tableType');\n    if (sourceTableType) {\n        writer.setAttribute('tableType', sourceTableType, croppedTable);\n    }\n    // Create empty table with empty rows equal to crop height.\n    const cropHeight = endRow - startRow + 1;\n    for(let i = 0; i < cropHeight; i++){\n        writer.insertElement('tableRow', croppedTable, 'end');\n    }\n    const tableMap = [\n        ...new TableWalker(sourceTable, {\n            startRow,\n            endRow,\n            startColumn,\n            endColumn,\n            includeAllSlots: true\n        })\n    ];\n    // Iterate over source table slots (including empty - spanned - ones).\n    for (const { row: sourceRow, column: sourceColumn, cell: tableCell, isAnchor, cellAnchorRow, cellAnchorColumn } of tableMap){\n        // Row index in cropped table.\n        const rowInCroppedTable = sourceRow - startRow;\n        const row = croppedTable.getChild(rowInCroppedTable);\n        // For empty slots: fill the gap with empty table cell.\n        if (!isAnchor) {\n            // But fill the gap only if the spanning cell is anchored outside cropped area.\n            // In the table from method jsdoc those cells are: \"c\" & \"f\".\n            if (cellAnchorRow < startRow || cellAnchorColumn < startColumn) {\n                createEmptyTableCell(writer, writer.createPositionAt(row, 'end'));\n            }\n        } else {\n            const tableCellCopy = writer.cloneElement(tableCell);\n            writer.append(tableCellCopy, row);\n            // Trim table if it exceeds cropped area.\n            // In the table from method jsdoc those cells are: \"g\" & \"m\".\n            trimTableCellIfNeeded(tableCellCopy, sourceRow, sourceColumn, endRow, endColumn, writer);\n        }\n    }\n    // Adjust heading rows & columns in cropped table if crop selection includes headings parts.\n    addHeadingsToCroppedTable(croppedTable, sourceTable, startRow, startColumn, writer);\n    return croppedTable;\n}\n/**\n * Returns slot info of cells that starts above and overlaps a given row.\n *\n * In a table below, passing `overlapRow = 3`\n *\n *     ┌───┬───┬───┬───┬───┐\n *  0  │ a │ b │ c │ d │ e │\n *     │   ├───┼───┼───┼───┤\n *  1  │   │ f │ g │ h │ i │\n *     ├───┤   ├───┼───┤   │\n *  2  │ j │   │ k │ l │   │\n *     │   │   │   ├───┼───┤\n *  3  │   │   │   │ m │ n │  <- overlap row to check\n *     ├───┼───┤   │   ├───│\n *  4  │ o │ p │   │   │ q │\n *     └───┴───┴───┴───┴───┘\n *\n * will return slot info for cells: \"j\", \"f\", \"k\".\n *\n * @internal\n * @param table The table to check.\n * @param overlapRow The index of the row to check.\n * @param startRow row to start analysis. Use it when it is known that the cells above that row will not overlap. Default value is 0.\n */ function getVerticallyOverlappingCells(table, overlapRow, startRow = 0) {\n    const cells = [];\n    const tableWalker = new TableWalker(table, {\n        startRow,\n        endRow: overlapRow - 1\n    });\n    for (const slotInfo of tableWalker){\n        const { row, cellHeight } = slotInfo;\n        const cellEndRow = row + cellHeight - 1;\n        if (row < overlapRow && overlapRow <= cellEndRow) {\n            cells.push(slotInfo);\n        }\n    }\n    return cells;\n}\n/**\n * Splits the table cell horizontally.\n *\n * @internal\n * @returns Created table cell, if any were created.\n */ function splitHorizontally(tableCell, splitRow, writer) {\n    const tableRow = tableCell.parent;\n    const table = tableRow.parent;\n    const rowIndex = tableRow.index;\n    const rowspan = parseInt(tableCell.getAttribute('rowspan'));\n    const newRowspan = splitRow - rowIndex;\n    const newCellAttributes = {};\n    const newCellRowSpan = rowspan - newRowspan;\n    if (newCellRowSpan > 1) {\n        newCellAttributes.rowspan = newCellRowSpan;\n    }\n    const colspan = parseInt(tableCell.getAttribute('colspan') || '1');\n    if (colspan > 1) {\n        newCellAttributes.colspan = colspan;\n    }\n    const startRow = rowIndex;\n    const endRow = startRow + newRowspan;\n    const tableMap = [\n        ...new TableWalker(table, {\n            startRow,\n            endRow,\n            includeAllSlots: true\n        })\n    ];\n    let newCell = null;\n    let columnIndex;\n    for (const tableSlot of tableMap){\n        const { row, column, cell } = tableSlot;\n        if (cell === tableCell && columnIndex === undefined) {\n            columnIndex = column;\n        }\n        if (columnIndex !== undefined && columnIndex === column && row === endRow) {\n            newCell = createEmptyTableCell(writer, tableSlot.getPositionBefore(), newCellAttributes);\n        }\n    }\n    // Update the rowspan attribute after updating table.\n    updateNumericAttribute('rowspan', newRowspan, tableCell, writer);\n    return newCell;\n}\n/**\n * Returns slot info of cells that starts before and overlaps a given column.\n *\n * In a table below, passing `overlapColumn = 3`\n *\n *    0   1   2   3   4\n *  ┌───────┬───────┬───┐\n *  │ a     │ b     │ c │\n *  │───┬───┴───────┼───┤\n *  │ d │ e         │ f │\n *  ├───┼───┬───────┴───┤\n *  │ g │ h │ i         │\n *  ├───┼───┼───┬───────┤\n *  │ j │ k │ l │ m     │\n *  ├───┼───┴───┼───┬───┤\n *  │ n │ o     │ p │ q │\n *  └───┴───────┴───┴───┘\n *                ^\n *                Overlap column to check\n *\n * will return slot info for cells: \"b\", \"e\", \"i\".\n *\n * @internal\n * @param table The table to check.\n * @param overlapColumn The index of the column to check.\n */ function getHorizontallyOverlappingCells(table, overlapColumn) {\n    const cellsToSplit = [];\n    const tableWalker = new TableWalker(table);\n    for (const slotInfo of tableWalker){\n        const { column, cellWidth } = slotInfo;\n        const cellEndColumn = column + cellWidth - 1;\n        if (column < overlapColumn && overlapColumn <= cellEndColumn) {\n            cellsToSplit.push(slotInfo);\n        }\n    }\n    return cellsToSplit;\n}\n/**\n * Splits the table cell vertically.\n *\n * @internal\n * @param columnIndex The table cell column index.\n * @param splitColumn The index of column to split cell on.\n * @returns Created table cell.\n */ function splitVertically(tableCell, columnIndex, splitColumn, writer) {\n    const colspan = parseInt(tableCell.getAttribute('colspan'));\n    const newColspan = splitColumn - columnIndex;\n    const newCellAttributes = {};\n    const newCellColSpan = colspan - newColspan;\n    if (newCellColSpan > 1) {\n        newCellAttributes.colspan = newCellColSpan;\n    }\n    const rowspan = parseInt(tableCell.getAttribute('rowspan') || '1');\n    if (rowspan > 1) {\n        newCellAttributes.rowspan = rowspan;\n    }\n    const newCell = createEmptyTableCell(writer, writer.createPositionAfter(tableCell), newCellAttributes);\n    // Update the colspan attribute after updating table.\n    updateNumericAttribute('colspan', newColspan, tableCell, writer);\n    return newCell;\n}\n/**\n * Adjusts table cell dimensions to not exceed limit row and column.\n *\n * If table cell width (or height) covers a column (or row) that is after a limit column (or row)\n * this method will trim \"colspan\" (or \"rowspan\") attribute so the table cell will fit in a defined limits.\n *\n * @internal\n */ function trimTableCellIfNeeded(tableCell, cellRow, cellColumn, limitRow, limitColumn, writer) {\n    const colspan = parseInt(tableCell.getAttribute('colspan') || '1');\n    const rowspan = parseInt(tableCell.getAttribute('rowspan') || '1');\n    const endColumn = cellColumn + colspan - 1;\n    if (endColumn > limitColumn) {\n        const trimmedSpan = limitColumn - cellColumn + 1;\n        updateNumericAttribute('colspan', trimmedSpan, tableCell, writer, 1);\n    }\n    const endRow = cellRow + rowspan - 1;\n    if (endRow > limitRow) {\n        const trimmedSpan = limitRow - cellRow + 1;\n        updateNumericAttribute('rowspan', trimmedSpan, tableCell, writer, 1);\n    }\n}\n/**\n * Sets proper heading attributes to a cropped table.\n */ function addHeadingsToCroppedTable(croppedTable, sourceTable, startRow, startColumn, writer) {\n    const headingRows = parseInt(sourceTable.getAttribute('headingRows') || '0');\n    if (headingRows > 0) {\n        const headingRowsInCrop = headingRows - startRow;\n        updateNumericAttribute('headingRows', headingRowsInCrop, croppedTable, writer, 0);\n    }\n    const headingColumns = parseInt(sourceTable.getAttribute('headingColumns') || '0');\n    if (headingColumns > 0) {\n        const headingColumnsInCrop = headingColumns - startColumn;\n        updateNumericAttribute('headingColumns', headingColumnsInCrop, croppedTable, writer, 0);\n    }\n}\n/**\n * Removes columns that have no cells anchored.\n *\n * In table below:\n *\n *     +----+----+----+----+----+----+----+\n *     | 00 | 01      | 03 | 04      | 06 |\n *     +----+----+----+----+         +----+\n *     | 10 | 11      | 13 |         | 16 |\n *     +----+----+----+----+----+----+----+\n *     | 20 | 21      | 23 | 24      | 26 |\n *     +----+----+----+----+----+----+----+\n *                  ^--- empty ---^\n *\n * Will remove columns 2 and 5.\n *\n * **Note:** This is a low-level helper method for clearing invalid model state when doing table modifications.\n * To remove a column from a table use {@link module:table/tableutils~TableUtils#removeColumns `TableUtils.removeColumns()`}.\n *\n * @internal\n * @returns True if removed some columns.\n */ function removeEmptyColumns(table, tableUtils) {\n    const width = tableUtils.getColumns(table);\n    const columnsMap = new Array(width).fill(0);\n    for (const { column } of new TableWalker(table)){\n        columnsMap[column]++;\n    }\n    const emptyColumns = columnsMap.reduce((result, cellsCount, column)=>{\n        return cellsCount ? result : [\n            ...result,\n            column\n        ];\n    }, []);\n    if (emptyColumns.length > 0) {\n        // Remove only last empty column because it will recurrently trigger removing empty rows.\n        const emptyColumn = emptyColumns[emptyColumns.length - 1];\n        // @if CK_DEBUG_TABLE // console.log( `Removing empty column: ${ emptyColumn }.` );\n        tableUtils.removeColumns(table, {\n            at: emptyColumn\n        });\n        return true;\n    }\n    return false;\n}\n/**\n * Removes rows that have no cells anchored.\n *\n * In table below:\n *\n *     +----+----+----+\n *     | 00 | 01 | 02 |\n *     +----+----+----+\n *     | 10 | 11 | 12 |\n *     +    +    +    +\n *     |    |    |    | <-- empty\n *     +----+----+----+\n *     | 30 | 31 | 32 |\n *     +----+----+----+\n *     | 40      | 42 |\n *     +         +    +\n *     |         |    | <-- empty\n *     +----+----+----+\n *     | 60 | 61 | 62 |\n *     +----+----+----+\n *\n * Will remove rows 2 and 5.\n *\n * **Note:** This is a low-level helper method for clearing invalid model state when doing table modifications.\n * To remove a row from a table use {@link module:table/tableutils~TableUtils#removeRows `TableUtils.removeRows()`}.\n *\n * @internal\n * @returns True if removed some rows.\n */ function removeEmptyRows(table, tableUtils) {\n    const emptyRows = [];\n    const tableRowCount = tableUtils.getRows(table);\n    for(let rowIndex = 0; rowIndex < tableRowCount; rowIndex++){\n        const tableRow = table.getChild(rowIndex);\n        if (tableRow.isEmpty) {\n            emptyRows.push(rowIndex);\n        }\n    }\n    if (emptyRows.length > 0) {\n        // Remove only last empty row because it will recurrently trigger removing empty columns.\n        const emptyRow = emptyRows[emptyRows.length - 1];\n        // @if CK_DEBUG_TABLE // console.log( `Removing empty row: ${ emptyRow }.` );\n        tableUtils.removeRows(table, {\n            at: emptyRow\n        });\n        return true;\n    }\n    return false;\n}\n/**\n * Removes rows and columns that have no cells anchored.\n *\n * In table below:\n *\n *     +----+----+----+----+\n *     | 00      | 02      |\n *     +----+----+         +\n *     | 10      |         |\n *     +----+----+----+----+\n *     | 20      | 22 | 23 |\n *     +         +    +    +\n *     |         |    |    | <-- empty row\n *     +----+----+----+----+\n *             ^--- empty column\n *\n * Will remove row 3 and column 1.\n *\n * **Note:** This is a low-level helper method for clearing invalid model state when doing table modifications.\n * To remove a rows from a table use {@link module:table/tableutils~TableUtils#removeRows `TableUtils.removeRows()`} and\n * {@link module:table/tableutils~TableUtils#removeColumns `TableUtils.removeColumns()`} to remove a column.\n *\n * @internal\n */ function removeEmptyRowsColumns(table, tableUtils) {\n    const removedColumns = removeEmptyColumns(table, tableUtils);\n    // If there was some columns removed then cleaning empty rows was already triggered.\n    if (!removedColumns) {\n        removeEmptyRows(table, tableUtils);\n    }\n}\n/**\n * Returns adjusted last row index if selection covers part of a row with empty slots (spanned by other cells).\n * The `dimensions.lastRow` is equal to last row index but selection might be bigger.\n *\n * This happens *only* on rectangular selection so we analyze a case like this:\n *\n *        +---+---+---+---+\n *      0 | a | b | c | d |\n *        +   +   +---+---+\n *      1 |   | e | f | g |\n *        +   +---+   +---+\n *      2 |   | h |   | i | <- last row, each cell has rowspan = 2,\n *        +   +   +   +   +    so we need to return 3, not 2\n *      3 |   |   |   |   |\n *        +---+---+---+---+\n *\n * @internal\n * @returns Adjusted last row index.\n */ function adjustLastRowIndex(table, dimensions) {\n    const lastRowMap = Array.from(new TableWalker(table, {\n        startColumn: dimensions.firstColumn,\n        endColumn: dimensions.lastColumn,\n        row: dimensions.lastRow\n    }));\n    const everyCellHasSingleRowspan = lastRowMap.every(({ cellHeight })=>cellHeight === 1);\n    // It is a \"flat\" row, so the last row index is OK.\n    if (everyCellHasSingleRowspan) {\n        return dimensions.lastRow;\n    }\n    // Otherwise get any cell's rowspan and adjust the last row index.\n    const rowspanAdjustment = lastRowMap[0].cellHeight - 1;\n    return dimensions.lastRow + rowspanAdjustment;\n}\n/**\n * Returns adjusted last column index if selection covers part of a column with empty slots (spanned by other cells).\n * The `dimensions.lastColumn` is equal to last column index but selection might be bigger.\n *\n * This happens *only* on rectangular selection so we analyze a case like this:\n *\n *       0   1   2   3\n *     +---+---+---+---+\n *     | a             |\n *     +---+---+---+---+\n *     | b | c | d     |\n *     +---+---+---+---+\n *     | e     | f     |\n *     +---+---+---+---+\n *     | g | h         |\n *     +---+---+---+---+\n *               ^\n *              last column, each cell has colspan = 2, so we need to return 3, not 2\n *\n * @internal\n * @returns Adjusted last column index.\n */ function adjustLastColumnIndex(table, dimensions) {\n    const lastColumnMap = Array.from(new TableWalker(table, {\n        startRow: dimensions.firstRow,\n        endRow: dimensions.lastRow,\n        column: dimensions.lastColumn\n    }));\n    const everyCellHasSingleColspan = lastColumnMap.every(({ cellWidth })=>cellWidth === 1);\n    // It is a \"flat\" column, so the last column index is OK.\n    if (everyCellHasSingleColspan) {\n        return dimensions.lastColumn;\n    }\n    // Otherwise get any cell's colspan and adjust the last column index.\n    const colspanAdjustment = lastColumnMap[0].cellWidth - 1;\n    return dimensions.lastColumn + colspanAdjustment;\n}\n/**\n * Get view `<table>` element from the wrapper.\n */ function getViewTableFromWrapper(wrapperView) {\n    for (const wrapperChild of wrapperView.getChildren()){\n        if (wrapperChild.is('element', 'table')) {\n            return wrapperChild;\n        }\n    }\n}\n\n/**\n * Returns a function that converts the table view representation:\n *\n * ```xml\n * <figure class=\"table\"><table>...</table></figure>\n * ```\n *\n * to the model representation:\n *\n * ```xml\n * <table></table>\n * ```\n *\n * @internal\n */ function upcastTableFigure() {\n    return (dispatcher)=>{\n        dispatcher.on('element:figure', (evt, data, conversionApi)=>{\n            // Do not convert if this is not a \"table figure\".\n            if (!conversionApi.consumable.test(data.viewItem, {\n                name: true,\n                classes: 'table'\n            })) {\n                return;\n            }\n            // Find a table element inside the figure element.\n            const viewTable = getViewTableFromWrapper(data.viewItem);\n            // Do not convert if table element is absent or was already converted.\n            if (!viewTable || !conversionApi.consumable.test(viewTable, {\n                name: true\n            })) {\n                return;\n            }\n            // Consume the figure to prevent other converters from processing it again.\n            conversionApi.consumable.consume(data.viewItem, {\n                name: true,\n                classes: 'table'\n            });\n            // Convert view table to model table.\n            const conversionResult = conversionApi.convertItem(viewTable, data.modelCursor);\n            // Get table element from conversion result.\n            const modelTable = first(conversionResult.modelRange.getItems());\n            // When table wasn't successfully converted then finish conversion.\n            if (!modelTable || !modelTable.is('element', 'table')) {\n                // Revert consumed figure so other features can convert it.\n                conversionApi.consumable.revert(data.viewItem, {\n                    name: true,\n                    classes: 'table'\n                });\n                // If anyway some table content was converted, we have to pass the model range and cursor.\n                if (conversionResult.modelRange && !conversionResult.modelRange.isCollapsed) {\n                    data.modelRange = conversionResult.modelRange;\n                    data.modelCursor = conversionResult.modelCursor;\n                }\n                return;\n            }\n            conversionApi.convertChildren(data.viewItem, conversionApi.writer.createPositionAt(modelTable, 'end'));\n            conversionApi.updateConversionResult(modelTable, data);\n        });\n    };\n}\n/**\n * View table element to model table element conversion helper.\n *\n * This conversion helper converts the table element as well as table rows.\n *\n * @returns Conversion helper.\n * @internal\n */ function upcastTable() {\n    return (dispatcher)=>{\n        dispatcher.on('element:table', (evt, data, conversionApi)=>{\n            const viewTable = data.viewItem;\n            // When element was already consumed then skip it.\n            if (!conversionApi.consumable.test(viewTable, {\n                name: true\n            })) {\n                return;\n            }\n            const { rows, headingRows, headingColumns } = scanTable(viewTable);\n            // Only set attributes if values is greater then 0.\n            const attributes = {};\n            if (headingColumns) {\n                attributes.headingColumns = headingColumns;\n            }\n            if (headingRows) {\n                attributes.headingRows = headingRows;\n            }\n            const table = conversionApi.writer.createElement('table', attributes);\n            if (!conversionApi.safeInsert(table, data.modelCursor)) {\n                return;\n            }\n            conversionApi.consumable.consume(viewTable, {\n                name: true\n            });\n            // Upcast table rows in proper order (heading rows first).\n            rows.forEach((row)=>conversionApi.convertItem(row, conversionApi.writer.createPositionAt(table, 'end')));\n            // Convert everything else.\n            conversionApi.convertChildren(viewTable, conversionApi.writer.createPositionAt(table, 'end'));\n            // Create one row and one table cell for empty table.\n            if (table.isEmpty) {\n                const row = conversionApi.writer.createElement('tableRow');\n                conversionApi.writer.insert(row, conversionApi.writer.createPositionAt(table, 'end'));\n                createEmptyTableCell(conversionApi.writer, conversionApi.writer.createPositionAt(row, 'end'));\n            }\n            conversionApi.updateConversionResult(table, data);\n        });\n    };\n}\n/**\n * A conversion helper that skips empty <tr> elements from upcasting at the beginning of the table.\n *\n * An empty row is considered a table model error but when handling clipboard data there could be rows that contain only row-spanned cells\n * and empty TR-s are used to maintain the table structure (also {@link module:table/tablewalker~TableWalker} assumes that there are only\n * rows that have related `tableRow` elements).\n *\n * *Note:* Only the first empty rows are removed because they have no meaning and it solves the issue\n * of an improper table with all empty rows.\n *\n * @internal\n * @returns Conversion helper.\n */ function skipEmptyTableRow() {\n    return (dispatcher)=>{\n        dispatcher.on('element:tr', (evt, data)=>{\n            if (data.viewItem.isEmpty && data.modelCursor.index == 0) {\n                evt.stop();\n            }\n        }, {\n            priority: 'high'\n        });\n    };\n}\n/**\n * A converter that ensures an empty paragraph is inserted in a table cell if no other content was converted.\n *\n * @internal\n * @returns Conversion helper.\n */ function ensureParagraphInTableCell(elementName) {\n    return (dispatcher)=>{\n        dispatcher.on(`element:${elementName}`, (evt, data, { writer })=>{\n            // The default converter will create a model range on converted table cell.\n            if (!data.modelRange) {\n                return;\n            }\n            const tableCell = data.modelRange.start.nodeAfter;\n            const modelCursor = writer.createPositionAt(tableCell, 0);\n            // Ensure a paragraph in the model for empty table cells for converted table cells.\n            if (data.viewItem.isEmpty) {\n                writer.insertElement('paragraph', modelCursor);\n                return;\n            }\n            const childNodes = Array.from(tableCell.getChildren());\n            // In case there are only markers inside the table cell then move them to the paragraph.\n            if (childNodes.every((node)=>node.is('element', '$marker'))) {\n                const paragraph = writer.createElement('paragraph');\n                writer.insert(paragraph, writer.createPositionAt(tableCell, 0));\n                for (const node of childNodes){\n                    writer.move(writer.createRangeOn(node), writer.createPositionAt(paragraph, 'end'));\n                }\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * Scans table rows and extracts required metadata from the table:\n *\n * headingRows    - The number of rows that go as table headers.\n * headingColumns - The maximum number of row headings.\n * rows           - Sorted `<tr>` elements as they should go into the model - ie. if `<thead>` is inserted after `<tbody>` in the view.\n */ function scanTable(viewTable) {\n    let headingRows = 0;\n    let headingColumns = undefined;\n    // The `<tbody>` and `<thead>` sections in the DOM do not have to be in order `<thead>` -> `<tbody>` and there might be more than one\n    // of them.\n    // As the model does not have these sections, rows from different sections must be sorted.\n    // For example, below is a valid HTML table:\n    //\n    // <table>\n    //   <tbody><tr><td>2</td></tr></tbody>\n    //   <thead><tr><td>1</td></tr></thead>\n    //   <tbody><tr><td>3</td></tr></tbody>\n    // </table>\n    //\n    // But browsers will render rows in order as: 1 as the heading and 2 and 3 as the body.\n    const headRows = [];\n    const bodyRows = [];\n    // Currently the editor does not support more then one <thead> section.\n    // Only the first <thead> from the view will be used as a heading row and the others will be converted to body rows.\n    let firstTheadElement;\n    for (const tableChild of Array.from(viewTable.getChildren())){\n        // Only `<thead>`, `<tbody>` & `<tfoot>` from allowed table children can have `<tr>`s.\n        // The else is for future purposes (mainly `<caption>`).\n        if (tableChild.name !== 'tbody' && tableChild.name !== 'thead' && tableChild.name !== 'tfoot') {\n            continue;\n        }\n        // Save the first `<thead>` in the table as table header - all other ones will be converted to table body rows.\n        if (tableChild.name === 'thead' && !firstTheadElement) {\n            firstTheadElement = tableChild;\n        }\n        // There might be some extra empty text nodes between the `<tr>`s.\n        // Make sure further code operates on `tr`s only. (#145)\n        const trs = Array.from(tableChild.getChildren()).filter((el)=>el.is('element', 'tr'));\n        // Keep tracking of the previous row columns count to improve detection of heading rows.\n        let maxPrevColumns = null;\n        for (const tr of trs){\n            const trColumns = Array.from(tr.getChildren()).filter((el)=>el.is('element', 'td') || el.is('element', 'th'));\n            // This <tr> is a child of a first <thead> element.\n            if (firstTheadElement && tableChild === firstTheadElement || tableChild.name === 'tbody' && trColumns.length > 0 && // These conditions handles the case when the first column is a <th> element and it's the only column in the row.\n            // This case is problematic because it's not clear if this row should be a heading row or not, as it may be result\n            // of the cell span from the previous row.\n            // Issue: https://github.com/ckeditor/ckeditor5/issues/17556\n            (maxPrevColumns === null || trColumns.length === maxPrevColumns) && trColumns.every((e)=>e.is('element', 'th'))) {\n                headingRows++;\n                headRows.push(tr);\n            } else {\n                bodyRows.push(tr);\n            }\n            // We use the maximum number of columns to avoid false positives when detecting\n            // multiple rows with single column within `rowspan`. Without it the last row of `rowspan=3`\n            // would be detected as a heading row because it has only one column (identical to the previous row).\n            maxPrevColumns = Math.max(maxPrevColumns || 0, trColumns.length);\n        }\n    }\n    // Generate the cell matrix so we can calculate the heading columns.\n    const bodyMatrix = generateCellMatrix(bodyRows);\n    for (const rowSlots of bodyMatrix){\n        // Look for the first non-`<th>` entry (either a `<td>` or a missing cell).\n        let index = 0;\n        while(index < rowSlots.length){\n            if (rowSlots[index]?.name !== 'th') {\n                break;\n            }\n            index += 1;\n        }\n        // Update headingColumns.\n        if (!headingColumns || index < headingColumns) {\n            headingColumns = index;\n        }\n    }\n    return {\n        headingRows,\n        headingColumns: headingColumns || 0,\n        rows: [\n            ...headRows,\n            ...bodyRows\n        ]\n    };\n}\n/**\n * Takes an array of `<tr>` elements and generates a \"matrix\" (square\n * two-dimensional array) describing which `<th>`s and `<td>`s fill which\n * \"slots\", factoring in `rowspan`s and `colspan`s. For example, given\n *\n * ```xml\n * <table>\n *   <tr> <td>11</td> <td rowspan=\"2\">12-22</td> <td>13</td> </tr>\n *   <tr> <td>21</td> <td>23</td> </tr>\n *   <tr> <td colspan=\"2\">31-32</td> <td>33</rd> </tr>\n * </table>\n * ```\n *\n * The result would be (with cell elements' text content in place of the element\n * objects for readability):\n *\n * ```js\n * [\n *   [ '11', '12-22', '13' ],\n *   [ '21', '12-22', '23' ],\n *   [ '31-32', '31-32', '33' ],\n * ]\n * ```\n *\n * This allows for a computation of heading columns that factors in the case\n * where a cell from a previous rows with a `rowspan` attribute effectively adds\n * an additional header cell to a subsequent row.\n *\n * There are also cases where cells are \"missing\" from a row. A simple one is\n * the case where a row simply has fewer cells than another row in the same\n * table. But another is one where a row has a cell with a `rowspan` that\n * effectively adds a cell to a subsequent row \"off the end\" of the row. In this\n * case, there will be a `null` value instead of an element object in that\n * position. For example,\n *\n * ```xml\n * <table>\n *   <tr> <td>11</td> <td>12</td> <td rowspan=\"2\">13-23</td> </tr>\n *   <tr> <td>21</td> </tr>\n *   <tr> <td>31</td> </tr>\n * </table>\n * ```\n *\n * would result in\n *\n * ```js\n * [\n *   [ '11', '12', '13-23' ],\n *   [ '21', null, '13-23' ],\n *   [ '31', null, null ]\n * ]\n * ```\n *\n * @param trs the array of `<tr>` elements\n * @returns the cell matrix\n */ function generateCellMatrix(trs) {\n    // As we iterate, we keep track of cells with rowspans >1 so later rows can\n    // factor them in. This trackes any such cells from previous rows.\n    let prevRowspans = new Map();\n    // This is the maximum number of columns we've encountered.\n    let maxColumns = 0;\n    const slots = trs.map((tr)=>{\n        // This will be the slots that are in this row, including cells from\n        // previous rows with a big enough \"rowspan\" to affect this row.\n        const curSlots = [];\n        // Get the cell elements\n        const children = Array.from(tr.getChildren()).filter((child)=>child.name === 'th' || child.name === 'td');\n        // This will be any cells in this row that have a rowspan >1, so we can\n        // combine it with `prevRowspans` when we're done processing this row.\n        const curRowspans = new Map();\n        // We need to process all the cells in this row, but also previous rows'\n        // cells with rowspans might add additional slots to the end of this row, so\n        // we need to iterate until we've both consumed all the children _and_\n        // filled out slots to the max number of columns we've encountered so far.\n        while(children.length || curSlots.length < maxColumns){\n            const rowSpan = prevRowspans.get(curSlots.length);\n            if (rowSpan && rowSpan.remaining > 0) {\n                // We have a cell at this index in a previous row whose rowspan extends\n                // it into this row, so we insert a copy of it here.\n                curSlots.push(rowSpan.cell);\n            } else {\n                // See if we have more cells in the row.\n                const cell = children.shift();\n                if (cell) {\n                    // We do, so process it\n                    const colspan = parseInt(cell.getAttribute('colspan') || '1');\n                    const rowspan = parseInt(cell.getAttribute('rowspan') || '1');\n                    // Process this cell as many times as needed according to its colspan.\n                    for(let i = 0; i < colspan; i++){\n                        // if we have a >1 rowspan, create a record in the rowSpans map for\n                        // this column index keeping track of it.\n                        if (rowspan > 1) {\n                            curRowspans.set(curSlots.length, {\n                                cell,\n                                remaining: rowspan - 1\n                            });\n                        }\n                        curSlots.push(cell);\n                    }\n                } else {\n                    // No remaining children in this row, so no cell in this slot.\n                    curSlots.push(null);\n                    continue;\n                }\n            }\n        }\n        // Now update the row spans. In weird edge cases where colspan and rowspan\n        // conflict, we can end up with a cell in a column in this row that\n        // \"truncates\" a row-spanning cell from a previous column, so make sure in\n        // those cases, the value in `curRowspans` always \"wins\". We do this by\n        // copying (and decrementing) values from `prevRowspans` into `curRowspans`\n        // as long as there is no conflict, and then re-assigning `prevRowspans`.\n        for (const [index, entry] of prevRowspans.entries()){\n            entry.remaining -= 1;\n            if (entry.remaining > 0 && !curRowspans.has(index)) {\n                curRowspans.set(index, entry);\n            }\n        }\n        prevRowspans = curRowspans;\n        // Finally, update `maxColumns`.\n        maxColumns = Math.max(maxColumns, curSlots.length);\n        return curSlots;\n    });\n    // Now expand any rows that have fewer than `maxColumns` with nulls so we have\n    // a proper matrix.\n    for (const rowSlots of slots){\n        while(rowSlots.length < maxColumns){\n            rowSlots.push(null);\n        }\n    }\n    return slots;\n}\n\n/**\n * Returns a string if all four values of box sides are equal.\n *\n * If a string is passed, it is treated as a single value (pass-through).\n *\n * ```ts\n * // Returns 'foo':\n * getSingleValue( { top: 'foo', right: 'foo', bottom: 'foo', left: 'foo' } );\n * getSingleValue( 'foo' );\n *\n * // Returns undefined:\n * getSingleValue( { top: 'foo', right: 'foo', bottom: 'bar', left: 'foo' } );\n * getSingleValue( { top: 'foo', right: 'foo' } );\n * ```\n *\n * @internal\n */ function getSingleValue(objectOrString) {\n    if (!objectOrString || !isObject(objectOrString)) {\n        return objectOrString;\n    }\n    const { top, right, bottom, left } = objectOrString;\n    if (top == right && right == bottom && bottom == left) {\n        return top;\n    }\n}\n/**\n * Adds a unit to a value if the value is a number or a string representing a number.\n *\n * **Note**: It does nothing to non-numeric values.\n *\n * ```ts\n * getSingleValue( 25, 'px' ); // '25px'\n * getSingleValue( 25, 'em' ); // '25em'\n * getSingleValue( '25em', 'px' ); // '25em'\n * getSingleValue( 'foo', 'px' ); // 'foo'\n * ```\n *\n * @internal\n * @param defaultUnit A default unit added to a numeric value.\n */ function addDefaultUnitToNumericValue(value, defaultUnit) {\n    const numericValue = parseFloat(value);\n    if (Number.isNaN(numericValue)) {\n        return value;\n    }\n    if (String(numericValue) !== String(value)) {\n        return value;\n    }\n    return `${numericValue}${defaultUnit}`;\n}\n/**\n * Returns the normalized configuration.\n *\n * @internal\n * @param config The configuration to normalize.\n * @param options Options used to determine which properties should be added.\n */ function getNormalizedDefaultProperties(config, options = {}) {\n    const normalizedConfig = {\n        borderStyle: 'none',\n        borderWidth: '',\n        borderColor: '',\n        backgroundColor: '',\n        width: '',\n        height: '',\n        ...config\n    };\n    if (options.includeAlignmentProperty && !normalizedConfig.alignment) {\n        normalizedConfig.alignment = 'center';\n    }\n    if (options.includePaddingProperty && !normalizedConfig.padding) {\n        normalizedConfig.padding = '';\n    }\n    if (options.includeVerticalAlignmentProperty && !normalizedConfig.verticalAlignment) {\n        normalizedConfig.verticalAlignment = 'middle';\n    }\n    if (options.includeHorizontalAlignmentProperty && !normalizedConfig.horizontalAlignment) {\n        normalizedConfig.horizontalAlignment = options.isRightToLeftContent ? 'right' : 'left';\n    }\n    return normalizedConfig;\n}\n/**\n * Returns the normalized default table properties.\n *\n * @internal\n * @param config The configuration to normalize.\n * @param options Options used to determine which properties should be added.\n */ function getNormalizedDefaultTableProperties(config, options) {\n    return getNormalizedDefaultProperties({\n        // It adds support for border none in the table element, keep it in sync with the content styles\n        // See more: https://github.com/ckeditor/ckeditor5/issues/6841#issuecomment-1959195608\n        borderStyle: 'double',\n        borderColor: 'hsl(0, 0%, 70%)',\n        borderWidth: '1px',\n        ...config\n    }, options);\n}\n/**\n * Returns the normalized default cell properties.\n *\n * @internal\n * @param config The configuration to normalize.\n * @param options Options used to determine which properties should be added.\n */ function getNormalizedDefaultCellProperties(config, options) {\n    return getNormalizedDefaultProperties({\n        // It adds support for border none in the table element, keep it in sync with the content styles\n        // See more: https://github.com/ckeditor/ckeditor5/issues/6841#issuecomment-1959195608\n        borderStyle: 'solid',\n        borderColor: 'hsl(0, 0%, 75%)',\n        borderWidth: '1px',\n        ...config\n    }, options);\n}\n\n/**\n * Model table element to view table element conversion helper.\n *\n * @internal\n */ function downcastTable(tableUtils, options) {\n    return (table, { writer })=>{\n        const headingRows = table.getAttribute('headingRows') || 0;\n        const tableElement = writer.createContainerElement('table', null, []);\n        const figureElement = writer.createContainerElement('figure', {\n            class: 'table'\n        }, tableElement);\n        // Table head slot.\n        if (headingRows > 0) {\n            writer.insert(writer.createPositionAt(tableElement, 'end'), writer.createContainerElement('thead', null, writer.createSlot((element)=>element.is('element', 'tableRow') && element.index < headingRows)));\n        }\n        // Table body slot.\n        if (headingRows < tableUtils.getRows(table)) {\n            writer.insert(writer.createPositionAt(tableElement, 'end'), writer.createContainerElement('tbody', null, writer.createSlot((element)=>element.is('element', 'tableRow') && element.index >= headingRows)));\n        }\n        // Dynamic slots.\n        for (const { positionOffset, filter } of options.additionalSlots){\n            writer.insert(writer.createPositionAt(tableElement, positionOffset), writer.createSlot(filter));\n        }\n        // Create a slot with items that don't fit into the table.\n        writer.insert(writer.createPositionAt(tableElement, 'after'), writer.createSlot((element)=>{\n            if (element.is('element', 'tableRow')) {\n                return false;\n            }\n            return !options.additionalSlots.some(({ filter })=>filter(element));\n        }));\n        return options.asWidget ? toTableWidget(figureElement, writer) : figureElement;\n    };\n}\n/**\n * Model table row element to view `<tr>` element conversion helper.\n *\n * @internal\n * @returns Element creator.\n */ function downcastRow() {\n    return (tableRow, { writer })=>{\n        return tableRow.isEmpty ? writer.createEmptyElement('tr') : writer.createContainerElement('tr');\n    };\n}\n/**\n * Model table cell element to view `<td>` or `<th>` element conversion helper.\n *\n * This conversion helper will create proper `<th>` elements for table cells that are in the heading section (heading row or column)\n * and `<td>` otherwise.\n *\n * @internal\n * @param options.asWidget If set to `true`, the downcast conversion will produce a widget.\n * @returns Element creator.\n */ function downcastCell(options = {}) {\n    return (tableCell, { writer })=>{\n        const tableRow = tableCell.parent;\n        const table = tableRow.parent;\n        const rowIndex = table.getChildIndex(tableRow);\n        const tableWalker = new TableWalker(table, {\n            row: rowIndex\n        });\n        const headingRows = table.getAttribute('headingRows') || 0;\n        const headingColumns = table.getAttribute('headingColumns') || 0;\n        let result = null;\n        // We need to iterate over a table in order to get proper row & column values from a walker.\n        for (const tableSlot of tableWalker){\n            if (tableSlot.cell == tableCell) {\n                const isHeading = tableSlot.row < headingRows || tableSlot.column < headingColumns;\n                const cellElementName = isHeading ? 'th' : 'td';\n                result = options.asWidget ? toWidgetEditable(writer.createEditableElement(cellElementName), writer, {\n                    withAriaRole: false\n                }) : writer.createContainerElement(cellElementName);\n                break;\n            }\n        }\n        return result;\n    };\n}\n/**\n * Overrides paragraph inside table cell conversion.\n *\n * This converter:\n * * should be used to override default paragraph conversion.\n * * It will only convert `<paragraph>` placed directly inside `<tableCell>`.\n * * For a single paragraph without attributes it returns `<span>` to simulate data table.\n * * For all other cases it returns `<p>` element.\n *\n * @internal\n * @param options.asWidget If set to `true`, the downcast conversion will produce a widget.\n * @returns Element creator.\n */ function convertParagraphInTableCell(options = {}) {\n    return (modelElement, { writer })=>{\n        if (!modelElement.parent.is('element', 'tableCell')) {\n            return null;\n        }\n        if (!isSingleParagraphWithoutAttributes(modelElement)) {\n            return null;\n        }\n        if (options.asWidget) {\n            return writer.createContainerElement('span', {\n                class: 'ck-table-bogus-paragraph'\n            });\n        } else {\n            // Using `<p>` in case there are some markers on it and transparentRendering will render it anyway.\n            const viewElement = writer.createContainerElement('p');\n            writer.setCustomProperty('dataPipeline:transparentRendering', true, viewElement);\n            return viewElement;\n        }\n    };\n}\n/**\n * Checks if given model `<paragraph>` is an only child of a parent (`<tableCell>`) and if it has any attribute set.\n *\n * The paragraph should be converted in the editing view to:\n *\n * * If returned `true` - to a `<span class=\"ck-table-bogus-paragraph\">`\n * * If returned `false` - to a `<p>`\n *\n * @internal\n */ function isSingleParagraphWithoutAttributes(modelElement) {\n    const tableCell = modelElement.parent;\n    const isSingleParagraph = tableCell.childCount == 1;\n    return isSingleParagraph && !hasAnyAttribute(modelElement);\n}\n/**\n * Converts a given {@link module:engine/view/element~ViewElement} to a table widget:\n * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property}\n * allowing to recognize the table widget element.\n * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n *\n * @param writer An instance of the view writer.\n * @param label The element's label. It will be concatenated with the table `alt` attribute if one is present.\n */ function toTableWidget(viewElement, writer) {\n    writer.setCustomProperty('table', true, viewElement);\n    return toWidget(viewElement, writer, {\n        hasSelectionHandle: true\n    });\n}\n/**\n * Checks if an element has any attributes set.\n */ function hasAnyAttribute(element) {\n    for (const attributeKey of element.getAttributeKeys()){\n        // Ignore selection attributes stored on block elements.\n        if (attributeKey.startsWith('selection:') || attributeKey == 'htmlEmptyBlock') {\n            continue;\n        }\n        return true;\n    }\n    return false;\n}\n/**\n * Downcasts a plain table (also used in the clipboard pipeline).\n */ function convertPlainTable(editor) {\n    return (table, conversionApi)=>{\n        const hasPlainTableOutput = editor.plugins.has('PlainTableOutput');\n        const isClipboardPipeline = conversionApi.options.isClipboardPipeline;\n        const useExtendedAlignment = editor.config.get('experimentalFlags.useExtendedTableBlockAlignment');\n        if (!hasPlainTableOutput && !(useExtendedAlignment && isClipboardPipeline)) {\n            return null;\n        }\n        return downcastPlainTable(table, conversionApi, editor);\n    };\n}\n/**\n * Downcasts a plain table caption (also used in the clipboard pipeline).\n */ function convertPlainTableCaption(editor) {\n    return (modelElement, { writer, options })=>{\n        const hasPlainTableOutput = editor.plugins.has('PlainTableOutput');\n        const isClipboardPipeline = options.isClipboardPipeline;\n        const useExtendedAlignment = editor.config.get('experimentalFlags.useExtendedTableBlockAlignment');\n        if (!hasPlainTableOutput && !(useExtendedAlignment && isClipboardPipeline)) {\n            return null;\n        }\n        if (modelElement.parent.name === 'table') {\n            return writer.createContainerElement('caption');\n        }\n        return null;\n    };\n}\n/**\n * Downcasts a plain table.\n *\n * @param table Table model element.\n * @param conversionApi The conversion API object.\n * @param defaultTableProperties Normalized default table properties.\n * @returns Created element.\n */ function downcastPlainTable(table, conversionApi, editor) {\n    const writer = conversionApi.writer;\n    const headingRows = table.getAttribute('headingRows') || 0;\n    // Table head rows slot.\n    const headRowsSlot = writer.createSlot((element)=>element.is('element', 'tableRow') && element.index < headingRows);\n    // Table body rows slot.\n    const bodyRowsSlot = writer.createSlot((element)=>element.is('element', 'tableRow') && element.index >= headingRows);\n    // Table children slot.\n    const childrenSlot = writer.createSlot((element)=>!element.is('element', 'tableRow'));\n    // Table <thead> element with all the heading rows.\n    const theadElement = writer.createContainerElement('thead', null, headRowsSlot);\n    // Table <tbody> element with all the body rows.\n    const tbodyElement = writer.createContainerElement('tbody', null, bodyRowsSlot);\n    // Table contents element containing <thead> and <tbody> when necessary.\n    const tableContentElements = [];\n    if (headingRows) {\n        tableContentElements.push(theadElement);\n    }\n    if (headingRows < table.childCount) {\n        tableContentElements.push(tbodyElement);\n    }\n    const tableAttributes = {\n        class: 'table'\n    };\n    if (editor.plugins.has('TableProperties') && conversionApi.options.isClipboardPipeline) {\n        const defaultTableProperties = getNormalizedDefaultTableProperties(editor.config.get('table.tableProperties.defaultProperties'), {\n            includeAlignmentProperty: true\n        });\n        const tableAlignment = table.getAttribute('tableAlignment');\n        let localDefaultValue = defaultTableProperties.alignment;\n        if (table.getAttribute('tableType') === 'layout') {\n            localDefaultValue = '';\n        }\n        const tableAlignmentValue = tableAlignment || localDefaultValue;\n        if (tableAlignmentValue) {\n            tableAttributes.class += ' ' + downcastTableAlignmentConfig[tableAlignmentValue].className;\n            tableAttributes.style = downcastTableAlignmentConfig[tableAlignmentValue].style;\n            if (downcastTableAlignmentConfig[tableAlignmentValue].align !== undefined) {\n                tableAttributes.align = downcastTableAlignmentConfig[tableAlignmentValue].align;\n            }\n        }\n    }\n    // Create table structure.\n    //\n    // <table>\n    //    {children-slot-like-caption}\n    //    <thead>\n    //        {table-head-rows-slot}\n    //    </thead>\n    //    <tbody>\n    //        {table-body-rows-slot}\n    //    </tbody>\n    // </table>\n    return writer.createContainerElement('table', tableAttributes, [\n        childrenSlot,\n        ...tableContentElements\n    ]);\n}\n/**\n * Registers border and background attributes converters for plain tables or when the clipboard pipeline is used.\n */ function downcastTableBorderAndBackgroundAttributes(editor) {\n    const modelAttributes = {\n        'border-width': 'tableBorderWidth',\n        'border-color': 'tableBorderColor',\n        'border-style': 'tableBorderStyle',\n        'background-color': 'tableBackgroundColor'\n    };\n    for (const [styleName, modelAttribute] of Object.entries(modelAttributes)){\n        editor.conversion.for('dataDowncast').add((dispatcher)=>{\n            return dispatcher.on(`attribute:${modelAttribute}:table`, (evt, data, conversionApi)=>{\n                const { item, attributeNewValue } = data;\n                const { mapper, writer } = conversionApi;\n                const hasPlainTableOutput = editor.plugins.has('PlainTableOutput');\n                const isClipboardPipeline = conversionApi.options.isClipboardPipeline;\n                const useExtendedAlignment = editor.config.get('experimentalFlags.useExtendedTableBlockAlignment');\n                if (!hasPlainTableOutput && !(useExtendedAlignment && isClipboardPipeline)) {\n                    return;\n                }\n                if (!conversionApi.consumable.consume(item, evt.name)) {\n                    return;\n                }\n                const table = mapper.toViewElement(item);\n                if (attributeNewValue) {\n                    writer.setStyle(styleName, attributeNewValue, table);\n                } else {\n                    writer.removeStyle(styleName, table);\n                }\n            }, {\n                priority: 'high'\n            });\n        });\n    }\n}\n\n/**\n * The insert table command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'insertTable'` editor command.\n *\n * To insert a table at the current selection, execute the command and specify the dimensions:\n *\n * ```ts\n * editor.execute( 'insertTable', { rows: 20, columns: 5 } );\n * ```\n */ class InsertTableCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const schema = model.schema;\n        this.isEnabled = isAllowedInParent$1(selection, schema);\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * Inserts a table with the given number of rows and columns into the editor.\n\t *\n\t * @param options.rows The number of rows to create in the inserted table. Default value is 2.\n\t * @param options.columns The number of columns to create in the inserted table. Default value is 2.\n\t * @param options.headingRows The number of heading rows. If not provided it will default to\n\t * {@link module:table/tableconfig~TableConfig#defaultHeadings `config.table.defaultHeadings.rows`} table config.\n\t * @param options.headingColumns The number of heading columns. If not provided it will default to\n\t * {@link module:table/tableconfig~TableConfig#defaultHeadings `config.table.defaultHeadings.columns`} table config.\n\t * @fires execute\n\t */ execute(options = {}) {\n        const editor = this.editor;\n        const model = editor.model;\n        const tableUtils = editor.plugins.get('TableUtils');\n        const defaultRows = editor.config.get('table.defaultHeadings.rows');\n        const defaultColumns = editor.config.get('table.defaultHeadings.columns');\n        if (options.headingRows === undefined && defaultRows) {\n            options.headingRows = defaultRows;\n        }\n        if (options.headingColumns === undefined && defaultColumns) {\n            options.headingColumns = defaultColumns;\n        }\n        model.change((writer)=>{\n            const table = tableUtils.createTable(writer, options);\n            model.insertObject(table, null, null, {\n                findOptimalPosition: 'auto'\n            });\n            writer.setSelection(writer.createPositionAt(table.getNodeByPath([\n                0,\n                0,\n                0\n            ]), 0));\n        });\n    }\n}\n/**\n * Checks if the table is allowed in the parent.\n */ function isAllowedInParent$1(selection, schema) {\n    const positionParent = selection.getFirstPosition().parent;\n    const validParent = positionParent === positionParent.root ? positionParent : positionParent.parent;\n    return schema.checkChild(validParent, 'table');\n}\n\n/**\n * The insert row command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'insertTableRowBelow'` and\n * `'insertTableRowAbove'` editor commands.\n *\n * To insert a row below the selected cell, execute the following command:\n *\n * ```ts\n * editor.execute( 'insertTableRowBelow' );\n * ```\n *\n * To insert a row above the selected cell, execute the following command:\n *\n * ```ts\n * editor.execute( 'insertTableRowAbove' );\n * ```\n */ class InsertRowCommand extends Command {\n    /**\n\t * The order of insertion relative to the row in which the caret is located.\n\t */ order;\n    /**\n\t * Creates a new `InsertRowCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param options.order The order of insertion relative to the row in which the caret is located.\n\t * Possible values: `\"above\"` and `\"below\"`. Default value is \"below\"\n\t */ constructor(editor, options = {}){\n        super(editor);\n        this.order = options.order || 'below';\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const selection = this.editor.model.document.selection;\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const isAnyCellSelected = !!tableUtils.getSelectionAffectedTableCells(selection).length;\n        this.isEnabled = isAnyCellSelected;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * Depending on the command's {@link #order} value, it inserts a row `'below'` or `'above'` the row in which selection is set.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        const tableUtils = editor.plugins.get('TableUtils');\n        const insertAbove = this.order === 'above';\n        const affectedTableCells = tableUtils.getSelectionAffectedTableCells(selection);\n        const rowIndexes = tableUtils.getRowIndexes(affectedTableCells);\n        const row = insertAbove ? rowIndexes.first : rowIndexes.last;\n        const table = affectedTableCells[0].findAncestor('table');\n        tableUtils.insertRows(table, {\n            at: insertAbove ? row : row + 1,\n            copyStructureFromAbove: !insertAbove\n        });\n    }\n}\n\n/**\n * The insert column command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'insertTableColumnLeft'` and\n * `'insertTableColumnRight'` editor commands.\n *\n * To insert a column to the left of the selected cell, execute the following command:\n *\n * ```ts\n * editor.execute( 'insertTableColumnLeft' );\n * ```\n *\n * To insert a column to the right of the selected cell, execute the following command:\n *\n * ```ts\n * editor.execute( 'insertTableColumnRight' );\n * ```\n */ class InsertColumnCommand extends Command {\n    /**\n\t * The order of insertion relative to the column in which the caret is located.\n\t */ order;\n    /**\n\t * Creates a new `InsertColumnCommand` instance.\n\t *\n\t * @param editor An editor on which this command will be used.\n\t * @param options.order The order of insertion relative to the column in which the caret is located.\n\t * Possible values: `\"left\"` and `\"right\"`. Default value is \"right\".\n\t */ constructor(editor, options = {}){\n        super(editor);\n        this.order = options.order || 'right';\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const selection = this.editor.model.document.selection;\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const isAnyCellSelected = !!tableUtils.getSelectionAffectedTableCells(selection).length;\n        this.isEnabled = isAnyCellSelected;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * Depending on the command's {@link #order} value, it inserts a column to the `'left'` or `'right'` of the column\n\t * in which the selection is set.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        const tableUtils = editor.plugins.get('TableUtils');\n        const insertBefore = this.order === 'left';\n        const affectedTableCells = tableUtils.getSelectionAffectedTableCells(selection);\n        const columnIndexes = tableUtils.getColumnIndexes(affectedTableCells);\n        const column = insertBefore ? columnIndexes.first : columnIndexes.last;\n        const table = affectedTableCells[0].findAncestor('table');\n        tableUtils.insertColumns(table, {\n            columns: 1,\n            at: insertBefore ? column : column + 1\n        });\n    }\n}\n\n/**\n * The split cell command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`\n * and `'splitTableCellHorizontally'`  editor commands.\n *\n * You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:\n *\n * ```ts\n * editor.execute( 'splitTableCellVertically' );\n * ```\n */ class SplitCellCommand extends Command {\n    /**\n\t * The direction that indicates which cell will be split.\n\t */ direction;\n    /**\n\t * Creates a new `SplitCellCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.\n\t */ constructor(editor, options = {}){\n        super(editor);\n        this.direction = options.direction || 'horizontally';\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const selectedCells = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection);\n        this.isEnabled = selectedCells.length === 1;\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const tableCell = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection)[0];\n        const isHorizontal = this.direction === 'horizontally';\n        if (isHorizontal) {\n            tableUtils.splitCellHorizontally(tableCell, 2);\n        } else {\n            tableUtils.splitCellVertically(tableCell, 2);\n        }\n    }\n}\n\n/**\n * The merge cell command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'mergeTableCellRight'`, `'mergeTableCellLeft'`,\n * `'mergeTableCellUp'` and `'mergeTableCellDown'` editor commands.\n *\n * To merge a table cell at the current selection with another cell, execute the command corresponding with the preferred direction.\n *\n * For example, to merge with a cell to the right:\n *\n * ```ts\n * editor.execute( 'mergeTableCellRight' );\n * ```\n *\n * **Note**: If a table cell has a different [`rowspan`](https://www.w3.org/TR/html50/tabular-data.html#attr-tdth-rowspan)\n * (for `'mergeTableCellRight'` and `'mergeTableCellLeft'`) or [`colspan`](https://www.w3.org/TR/html50/tabular-data.html#attr-tdth-colspan)\n * (for `'mergeTableCellUp'` and `'mergeTableCellDown'`), the command will be disabled.\n */ class MergeCellCommand extends Command {\n    /**\n\t * The direction that indicates which cell will be merged with the currently selected one.\n\t */ direction;\n    /**\n\t * Whether the merge is horizontal (left/right) or vertical (up/down).\n\t */ isHorizontal;\n    /**\n\t * Creates a new `MergeCellCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param options.direction Indicates which cell to merge with the currently selected one.\n\t * Possible values are: `'left'`, `'right'`, `'up'` and `'down'`.\n\t */ constructor(editor, options){\n        super(editor);\n        this.direction = options.direction;\n        this.isHorizontal = this.direction == 'right' || this.direction == 'left';\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const cellToMerge = this._getMergeableCell();\n        this.value = cellToMerge;\n        this.isEnabled = !!cellToMerge;\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * Depending on the command's {@link #direction} value, it will merge the cell that is to the `'left'`, `'right'`, `'up'` or `'down'`.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const model = this.editor.model;\n        const doc = model.document;\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const tableCell = tableUtils.getTableCellsContainingSelection(doc.selection)[0];\n        const cellToMerge = this.value;\n        const direction = this.direction;\n        model.change((writer)=>{\n            const isMergeNext = direction == 'right' || direction == 'down';\n            // The merge mechanism is always the same so sort cells to be merged.\n            const cellToExpand = isMergeNext ? tableCell : cellToMerge;\n            const cellToRemove = isMergeNext ? cellToMerge : tableCell;\n            // Cache the parent of cell to remove for later check.\n            const removedTableCellRow = cellToRemove.parent;\n            mergeTableCells$1(cellToRemove, cellToExpand, writer);\n            const spanAttribute = this.isHorizontal ? 'colspan' : 'rowspan';\n            const cellSpan = parseInt(tableCell.getAttribute(spanAttribute) || '1');\n            const cellToMergeSpan = parseInt(cellToMerge.getAttribute(spanAttribute) || '1');\n            // Update table cell span attribute and merge set selection on merged contents.\n            writer.setAttribute(spanAttribute, cellSpan + cellToMergeSpan, cellToExpand);\n            writer.setSelection(writer.createRangeIn(cellToExpand));\n            const tableUtils = this.editor.plugins.get('TableUtils');\n            const table = removedTableCellRow.findAncestor('table');\n            // Remove empty rows and columns after merging.\n            removeEmptyRowsColumns(table, tableUtils);\n        });\n    }\n    /**\n\t * Returns a cell that can be merged with the current cell depending on the command's direction.\n\t */ _getMergeableCell() {\n        const model = this.editor.model;\n        const doc = model.document;\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const tableCell = tableUtils.getTableCellsContainingSelection(doc.selection)[0];\n        if (!tableCell) {\n            return;\n        }\n        // First get the cell on proper direction.\n        const cellToMerge = this.isHorizontal ? getHorizontalCell(tableCell, this.direction, tableUtils) : getVerticalCell(tableCell, this.direction, tableUtils);\n        if (!cellToMerge) {\n            return;\n        }\n        // If found check if the span perpendicular to merge direction is equal on both cells.\n        const spanAttribute = this.isHorizontal ? 'rowspan' : 'colspan';\n        const span = parseInt(tableCell.getAttribute(spanAttribute) || '1');\n        const cellToMergeSpan = parseInt(cellToMerge.getAttribute(spanAttribute) || '1');\n        if (cellToMergeSpan === span) {\n            return cellToMerge;\n        }\n    }\n}\n/**\n * Returns the cell that can be merged horizontally.\n */ function getHorizontalCell(tableCell, direction, tableUtils) {\n    const tableRow = tableCell.parent;\n    const table = tableRow.parent;\n    const horizontalCell = direction == 'right' ? tableCell.nextSibling : tableCell.previousSibling;\n    const hasHeadingColumns = (table.getAttribute('headingColumns') || 0) > 0;\n    if (!horizontalCell) {\n        return;\n    }\n    // Sort cells:\n    const cellOnLeft = direction == 'right' ? tableCell : horizontalCell;\n    const cellOnRight = direction == 'right' ? horizontalCell : tableCell;\n    // Get their column indexes:\n    const { column: leftCellColumn } = tableUtils.getCellLocation(cellOnLeft);\n    const { column: rightCellColumn } = tableUtils.getCellLocation(cellOnRight);\n    const leftCellSpan = parseInt(cellOnLeft.getAttribute('colspan') || '1');\n    const isCellOnLeftInHeadingColumn = isHeadingColumnCell(tableUtils, cellOnLeft);\n    const isCellOnRightInHeadingColumn = isHeadingColumnCell(tableUtils, cellOnRight);\n    // We cannot merge heading columns cells with regular cells.\n    if (hasHeadingColumns && isCellOnLeftInHeadingColumn != isCellOnRightInHeadingColumn) {\n        return;\n    }\n    // The cell on the right must have index that is distant to the cell on the left by the left cell's width (colspan).\n    const cellsAreTouching = leftCellColumn + leftCellSpan === rightCellColumn;\n    // If the right cell's column index is different it means that there are rowspanned cells between them.\n    return cellsAreTouching ? horizontalCell : undefined;\n}\n/**\n * Returns the cell that can be merged vertically.\n */ function getVerticalCell(tableCell, direction, tableUtils) {\n    const tableRow = tableCell.parent;\n    const table = tableRow.parent;\n    const rowIndex = table.getChildIndex(tableRow);\n    // Don't search for mergeable cell if direction points out of the table.\n    if (direction == 'down' && rowIndex === tableUtils.getRows(table) - 1 || direction == 'up' && rowIndex === 0) {\n        return null;\n    }\n    const rowspan = parseInt(tableCell.getAttribute('rowspan') || '1');\n    const headingRows = table.getAttribute('headingRows') || 0;\n    const isMergeWithBodyCell = direction == 'down' && rowIndex + rowspan === headingRows;\n    const isMergeWithHeadCell = direction == 'up' && rowIndex === headingRows;\n    // Don't search for mergeable cell if direction points out of the current table section.\n    if (headingRows && (isMergeWithBodyCell || isMergeWithHeadCell)) {\n        return null;\n    }\n    const currentCellRowSpan = parseInt(tableCell.getAttribute('rowspan') || '1');\n    const rowOfCellToMerge = direction == 'down' ? rowIndex + currentCellRowSpan : rowIndex;\n    const tableMap = [\n        ...new TableWalker(table, {\n            endRow: rowOfCellToMerge\n        })\n    ];\n    const currentCellData = tableMap.find((value)=>value.cell === tableCell);\n    const mergeColumn = currentCellData.column;\n    const cellToMergeData = tableMap.find(({ row, cellHeight, column })=>{\n        if (column !== mergeColumn) {\n            return false;\n        }\n        if (direction == 'down') {\n            // If merging a cell below the mergeRow is already calculated.\n            return row === rowOfCellToMerge;\n        } else {\n            // If merging a cell above calculate if it spans to mergeRow.\n            return rowOfCellToMerge === row + cellHeight;\n        }\n    });\n    return cellToMergeData && cellToMergeData.cell ? cellToMergeData.cell : null;\n}\n/**\n * Merges two table cells. It will ensure that after merging cells with an empty paragraph, the resulting table cell will only have one\n * paragraph. If one of the merged table cells is empty, the merged table cell will have the contents of the non-empty table cell.\n * If both are empty, the merged table cell will have only one empty paragraph.\n */ function mergeTableCells$1(cellToRemove, cellToExpand, writer) {\n    if (!isEmpty$2(cellToRemove)) {\n        if (isEmpty$2(cellToExpand)) {\n            writer.remove(writer.createRangeIn(cellToExpand));\n        }\n        writer.move(writer.createRangeIn(cellToRemove), writer.createPositionAt(cellToExpand, 'end'));\n    }\n    // Remove merged table cell.\n    writer.remove(cellToRemove);\n}\n/**\n * Checks if the passed table cell contains an empty paragraph.\n */ function isEmpty$2(tableCell) {\n    const firstTableChild = tableCell.getChild(0);\n    return tableCell.childCount == 1 && firstTableChild.is('element', 'paragraph') && firstTableChild.isEmpty;\n}\n\n/**\n * The remove row command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'removeTableRow'` editor command.\n *\n * To remove the row containing the selected cell, execute the command:\n *\n * ```ts\n * editor.execute( 'removeTableRow' );\n * ```\n */ class RemoveRowCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const selectedCells = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection);\n        const firstCell = selectedCells[0];\n        if (firstCell) {\n            const table = firstCell.findAncestor('table');\n            const tableRowCount = tableUtils.getRows(table);\n            const lastRowIndex = tableRowCount - 1;\n            const selectedRowIndexes = tableUtils.getRowIndexes(selectedCells);\n            const areAllRowsSelected = selectedRowIndexes.first === 0 && selectedRowIndexes.last === lastRowIndex;\n            // Disallow selecting whole table -> delete whole table should be used instead.\n            this.isEnabled = !areAllRowsSelected;\n        } else {\n            this.isEnabled = false;\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const model = this.editor.model;\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const referenceCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);\n        const removedRowIndexes = tableUtils.getRowIndexes(referenceCells);\n        const firstCell = referenceCells[0];\n        const table = firstCell.findAncestor('table');\n        const columnIndexToFocus = tableUtils.getCellLocation(firstCell).column;\n        model.change((writer)=>{\n            const rowsToRemove = removedRowIndexes.last - removedRowIndexes.first + 1;\n            tableUtils.removeRows(table, {\n                at: removedRowIndexes.first,\n                rows: rowsToRemove\n            });\n            const cellToFocus = getCellToFocus$1(table, removedRowIndexes.first, columnIndexToFocus, tableUtils.getRows(table));\n            writer.setSelection(writer.createPositionAt(cellToFocus, 0));\n        });\n    }\n}\n/**\n * Returns a cell that should be focused before removing the row, belonging to the same column as the currently focused cell.\n * - If the row was not the last one, the cell to focus will be in the row that followed it (before removal).\n * - If the row was the last one, the cell to focus will be in the row that preceded it (before removal).\n */ function getCellToFocus$1(table, removedRowIndex, columnToFocus, tableRowCount) {\n    // Don't go beyond last row's index.\n    const row = table.getChild(Math.min(removedRowIndex, tableRowCount - 1));\n    // Default to first table cell.\n    let cellToFocus = row.getChild(0);\n    let column = 0;\n    for (const tableCell of row.getChildren()){\n        if (column > columnToFocus) {\n            return cellToFocus;\n        }\n        cellToFocus = tableCell;\n        column += parseInt(tableCell.getAttribute('colspan') || '1');\n    }\n    return cellToFocus;\n}\n\n/**\n * The remove column command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'removeTableColumn'` editor command.\n *\n * To remove the column containing the selected cell, execute the command:\n *\n * ```ts\n * editor.execute( 'removeTableColumn' );\n * ```\n */ class RemoveColumnCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const selectedCells = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection);\n        const firstCell = selectedCells[0];\n        if (firstCell) {\n            const table = firstCell.findAncestor('table');\n            const tableColumnCount = tableUtils.getColumns(table);\n            const { first, last } = tableUtils.getColumnIndexes(selectedCells);\n            this.isEnabled = last - first < tableColumnCount - 1;\n        } else {\n            this.isEnabled = false;\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const [firstCell, lastCell] = getBoundaryCells(this.editor.model.document.selection, tableUtils);\n        const table = firstCell.parent.parent;\n        // Cache the table before removing or updating colspans.\n        const tableMap = [\n            ...new TableWalker(table)\n        ];\n        // Store column indexes of removed columns.\n        const removedColumnIndexes = {\n            first: tableMap.find((value)=>value.cell === firstCell).column,\n            last: tableMap.find((value)=>value.cell === lastCell).column\n        };\n        const cellToFocus = getCellToFocus(tableMap, firstCell, lastCell, removedColumnIndexes);\n        this.editor.model.change((writer)=>{\n            const columnsToRemove = removedColumnIndexes.last - removedColumnIndexes.first + 1;\n            tableUtils.removeColumns(table, {\n                at: removedColumnIndexes.first,\n                columns: columnsToRemove\n            });\n            writer.setSelection(writer.createPositionAt(cellToFocus, 0));\n        });\n    }\n}\n/**\n * Returns a proper table cell to focus after removing a column.\n * - selection is on last table cell it will return previous cell.\n */ function getCellToFocus(tableMap, firstCell, lastCell, removedColumnIndexes) {\n    const colspan = parseInt(lastCell.getAttribute('colspan') || '1');\n    // If the table cell is spanned over 2+ columns - it will be truncated so the selection should\n    // stay in that cell.\n    if (colspan > 1) {\n        return lastCell;\n    } else if (firstCell.previousSibling || lastCell.nextSibling) {\n        return lastCell.nextSibling || firstCell.previousSibling;\n    } else {\n        // Look for any cell in a column that precedes the first removed column.\n        if (removedColumnIndexes.first) {\n            return tableMap.reverse().find(({ column })=>{\n                return column < removedColumnIndexes.first;\n            }).cell;\n        } else {\n            return tableMap.reverse().find(({ column })=>{\n                return column > removedColumnIndexes.last;\n            }).cell;\n        }\n    }\n}\n/**\n * Returns helper object returning the first and the last cell contained in given selection, based on DOM order.\n */ function getBoundaryCells(selection, tableUtils) {\n    const referenceCells = tableUtils.getSelectionAffectedTableCells(selection);\n    const firstCell = referenceCells[0];\n    const lastCell = referenceCells.pop();\n    const returnValue = [\n        firstCell,\n        lastCell\n    ];\n    return firstCell.isBefore(lastCell) ? returnValue : returnValue.reverse();\n}\n\n/**\n * The header row command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'setTableColumnHeader'` editor command.\n *\n * You can make the row containing the selected cell a [header](https://www.w3.org/TR/html50/tabular-data.html#the-th-element) by executing:\n *\n * ```ts\n * editor.execute( 'setTableRowHeader' );\n * ```\n *\n * **Note:** All preceding rows will also become headers. If the current row is already a header, executing this command\n * will make it a regular row back again (including the following rows).\n */ class SetHeaderRowCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const model = this.editor.model;\n        const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);\n        if (selectedCells.length === 0) {\n            this.isEnabled = false;\n            this.value = false;\n            return;\n        }\n        const table = selectedCells[0].findAncestor('table');\n        this.isEnabled = model.schema.checkAttribute(table, 'headingRows');\n        this.value = selectedCells.every((cell)=>this._isInHeading(cell, cell.parent.parent));\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * When the selection is in a non-header row, the command will set the `headingRows` table attribute to cover that row.\n\t *\n\t * When the selection is already in a header row, it will set `headingRows` so the heading section will end before that row.\n\t *\n\t * @fires execute\n\t * @param options.forceValue If set, the command will set (`true`) or unset (`false`) the header rows according to\n\t * the `forceValue` parameter instead of the current model state.\n\t */ execute(options = {}) {\n        if (options.forceValue === this.value) {\n            return;\n        }\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const model = this.editor.model;\n        const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);\n        const table = selectedCells[0].findAncestor('table');\n        const { first, last } = tableUtils.getRowIndexes(selectedCells);\n        const headingRowsToSet = this.value ? first : last + 1;\n        const currentHeadingRows = table.getAttribute('headingRows') || 0;\n        model.change((writer)=>{\n            if (headingRowsToSet) {\n                // Changing heading rows requires to check if any of a heading cell is overlapping vertically the table head.\n                // Any table cell that has a rowspan attribute > 1 will not exceed the table head so we need to fix it in rows below.\n                const startRow = headingRowsToSet > currentHeadingRows ? currentHeadingRows : 0;\n                const overlappingCells = getVerticallyOverlappingCells(table, headingRowsToSet, startRow);\n                for (const { cell } of overlappingCells){\n                    splitHorizontally(cell, headingRowsToSet, writer);\n                }\n            }\n            updateNumericAttribute('headingRows', headingRowsToSet, table, writer, 0);\n        });\n    }\n    /**\n\t * Checks if a table cell is in the heading section.\n\t */ _isInHeading(tableCell, table) {\n        const headingRows = parseInt(table.getAttribute('headingRows') || '0');\n        return !!headingRows && tableCell.parent.index < headingRows;\n    }\n}\n\n/**\n * The header column command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'setTableColumnHeader'` editor command.\n *\n * You can make the column containing the selected cell a [header](https://www.w3.org/TR/html50/tabular-data.html#the-th-element)\n * by executing:\n *\n * ```ts\n * editor.execute( 'setTableColumnHeader' );\n * ```\n *\n * **Note:** All preceding columns will also become headers. If the current column is already a header, executing this command\n * will make it a regular column back again (including the following columns).\n */ class SetHeaderColumnCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const model = this.editor.model;\n        const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);\n        if (selectedCells.length === 0) {\n            this.isEnabled = false;\n            this.value = false;\n            return;\n        }\n        const table = selectedCells[0].findAncestor('table');\n        this.isEnabled = model.schema.checkAttribute(table, 'headingColumns');\n        this.value = selectedCells.every((cell)=>isHeadingColumnCell(tableUtils, cell));\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * When the selection is in a non-header column, the command will set the `headingColumns` table attribute to cover that column.\n\t *\n\t * When the selection is already in a header column, it will set `headingColumns` so the heading section will end before that column.\n\t *\n\t * @fires execute\n\t * @param options.forceValue If set, the command will set (`true`) or unset (`false`) the header columns according to\n\t * the `forceValue` parameter instead of the current model state.\n\t */ execute(options = {}) {\n        if (options.forceValue === this.value) {\n            return;\n        }\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const model = this.editor.model;\n        const selectedCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);\n        const table = selectedCells[0].findAncestor('table');\n        const { first, last } = tableUtils.getColumnIndexes(selectedCells);\n        const headingColumnsToSet = this.value ? first : last + 1;\n        model.change((writer)=>{\n            if (headingColumnsToSet) {\n                // Changing heading columns requires to check if any of a heading cell is overlapping horizontally the table head.\n                // Any table cell that has a colspan attribute > 1 will not exceed the table head so we need to fix it in columns before.\n                const overlappingCells = getHorizontallyOverlappingCells(table, headingColumnsToSet);\n                for (const { cell, column } of overlappingCells){\n                    splitVertically(cell, column, headingColumnsToSet, writer);\n                }\n            }\n            updateNumericAttribute('headingColumns', headingColumnsToSet, table, writer, 0);\n        });\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module table/tablecolumnresize/constants\n */ /**\n * The minimum column width given as a percentage value. Used in situations when the table is not yet rendered, so it is impossible to\n * calculate how many percentage of the table width would be {@link ~COLUMN_MIN_WIDTH_IN_PIXELS minimum column width in pixels}.\n *\n * @internal\n */ const COLUMN_MIN_WIDTH_AS_PERCENTAGE = 5;\n/**\n * The minimum column width in pixels when the maximum table width is known.\n * This value is an equivalent of `10%` of the default editor width (600px).\n *\n * @internal\n */ const COLUMN_MIN_WIDTH_IN_PIXELS = 40;\n/**\n * Determines how many digits after the decimal point are used to store the column width as a percentage value.\n *\n * @internal\n */ const COLUMN_WIDTH_PRECISION = 2;\n/**\n * The distance in pixels that the mouse has to move to start resizing the column.\n *\n * @internal\n */ const COLUMN_RESIZE_DISTANCE_THRESHOLD = 3;\n\n/**\n * Returns all the inserted or changed table model elements in a given change set. Only the tables\n * with 'columnsWidth' attribute are taken into account. The returned set may be empty.\n *\n * Most notably if an entire table is removed it will not be included in returned set.\n *\n * @internal\n * @param model The model to collect the affected elements from.\n * @returns A set of table model elements.\n */ function getChangedResizedTables(model) {\n    const affectedTables = new Set();\n    for (const change of model.document.differ.getChanges()){\n        let referencePosition = null;\n        // Checks if the particular change from the differ is:\n        // - an insertion or removal of a table, a row or a cell,\n        // - an attribute change on a table, a row or a cell.\n        switch(change.type){\n            case 'insert':\n                referencePosition = [\n                    'table',\n                    'tableRow',\n                    'tableCell'\n                ].includes(change.name) ? change.position : null;\n                break;\n            case 'remove':\n                // If the whole table is removed, there's no need to update its column widths (#12201).\n                referencePosition = [\n                    'tableRow',\n                    'tableCell'\n                ].includes(change.name) ? change.position : null;\n                break;\n            case 'attribute':\n                if (change.range.start.nodeAfter) {\n                    referencePosition = [\n                        'table',\n                        'tableRow',\n                        'tableCell'\n                    ].includes(change.range.start.nodeAfter.name) ? change.range.start : null;\n                }\n                break;\n        }\n        if (!referencePosition) {\n            continue;\n        }\n        const tableNode = referencePosition.nodeAfter && referencePosition.nodeAfter.is('element', 'table') ? referencePosition.nodeAfter : referencePosition.findAncestor('table');\n        // We iterate over the whole table looking for the nested tables that are also affected.\n        for (const node of model.createRangeOn(tableNode).getItems()){\n            if (!node.is('element', 'table')) {\n                continue;\n            }\n            if (!getColumnGroupElement(node)) {\n                continue;\n            }\n            affectedTables.add(node);\n        }\n    }\n    return affectedTables;\n}\n/**\n * Calculates the percentage of the minimum column width given in pixels for a given table.\n *\n * @internal\n * @param modelTable A table model element.\n * @param editor The editor instance.\n * @returns The minimal column width in percentage.\n */ function getColumnMinWidthAsPercentage(modelTable, editor) {\n    return COLUMN_MIN_WIDTH_IN_PIXELS * 100 / getTableWidthInPixels(modelTable, editor);\n}\n/**\n * Calculates the table width in pixels.\n *\n * @internal\n * @param modelTable A table model element.\n * @param editor The editor instance.\n * @returns The width of the table in pixels.\n */ function getTableWidthInPixels(modelTable, editor) {\n    // It is possible for a table to not have a <tbody> element - see #11878.\n    const referenceElement = getChildrenViewElement(modelTable, 'tbody', editor) || getChildrenViewElement(modelTable, 'thead', editor);\n    const domReferenceElement = editor.editing.view.domConverter.mapViewToDom(referenceElement);\n    return getElementWidthInPixels(domReferenceElement);\n}\n/**\n * Returns the a view element with a given name that is nested directly in a `<table>` element\n * related to a given `modelTable`.\n *\n * @param elementName Name of a view to be looked for, e.g. `'colgroup`', `'thead`'.\n * @returns Matched view or `undefined` otherwise.\n */ function getChildrenViewElement(modelTable, elementName, editor) {\n    const viewFigure = editor.editing.mapper.toViewElement(modelTable);\n    const viewTable = [\n        ...viewFigure.getChildren()\n    ].find((node)=>node.is('element', 'table'));\n    return [\n        ...viewTable.getChildren()\n    ].find((node)=>node.is('element', elementName));\n}\n/**\n * Returns the computed width (in pixels) of the DOM element without padding and borders.\n *\n * @internal\n * @param domElement A DOM element.\n * @returns The width of the DOM element in pixels.\n */ function getElementWidthInPixels(domElement) {\n    const styles = global.window.getComputedStyle(domElement);\n    // In the 'border-box' box sizing algorithm, the element's width\n    // already includes the padding and border width (#12335).\n    if (styles.boxSizing === 'border-box') {\n        return parseFloat(styles.width) - parseFloat(styles.paddingLeft) - parseFloat(styles.paddingRight) - parseFloat(styles.borderLeftWidth) - parseFloat(styles.borderRightWidth);\n    } else {\n        return parseFloat(styles.width);\n    }\n}\n/**\n * Returns the column indexes on the left and right edges of a cell. They differ if the cell spans\n * across multiple columns.\n *\n * @internal\n * @param cell A table cell model element.\n * @param tableUtils The Table Utils plugin instance.\n * @returns An object containing the indexes of the left and right edges of the cell.\n */ function getColumnEdgesIndexes(cell, tableUtils) {\n    const cellColumnIndex = tableUtils.getCellLocation(cell).column;\n    const cellWidth = cell.getAttribute('colspan') || 1;\n    return {\n        leftEdge: cellColumnIndex,\n        rightEdge: cellColumnIndex + cellWidth - 1\n    };\n}\n/**\n * Rounds the provided value to a fixed-point number with defined number of digits after the decimal point.\n *\n * @internal\n * @param value A number to be rounded.\n * @returns The rounded number.\n */ function toPrecision(value) {\n    const multiplier = Math.pow(10, COLUMN_WIDTH_PRECISION);\n    const number = typeof value === 'number' ? value : parseFloat(value);\n    return Math.round(number * multiplier) / multiplier;\n}\n/**\n * Clamps the number within the inclusive lower (min) and upper (max) bounds. Returned number is rounded using the\n * {@link ~toPrecision `toPrecision()`} function.\n *\n * @internal\n * @param number A number to be clamped.\n * @param min A lower bound.\n * @param max An upper bound.\n * @returns The clamped number.\n */ function clamp(number, min, max) {\n    if (number <= min) {\n        return toPrecision(min);\n    }\n    if (number >= max) {\n        return toPrecision(max);\n    }\n    return toPrecision(number);\n}\n/**\n * Creates an array with defined length and fills all elements with defined value.\n *\n * @internal\n * @param length The length of the array.\n * @param value The value to fill the array with.\n * @returns An array with defined length and filled with defined value.\n */ function createFilledArray(length, value) {\n    return Array(length).fill(value);\n}\n/**\n * Sums all array values that can be parsed to a float.\n *\n * @internal\n * @param array An array of numbers.\n * @returns The sum of all array values.\n */ function sumArray(array) {\n    return array.map((value)=>typeof value === 'number' ? value : parseFloat(value)).filter((value)=>!Number.isNaN(value)).reduce((result, item)=>result + item, 0);\n}\n/**\n * Makes sure that the sum of the widths from all columns is 100%. If the sum of all the widths is not equal 100%, all the widths are\n * changed proportionally so that they all sum back to 100%. If there are columns without specified width, the amount remaining\n * after assigning the known widths will be distributed equally between them.\n *\n * @internal\n * @param columnWidths An array of column widths.\n * @returns An array of column widths guaranteed to sum up to 100%.\n */ function normalizeColumnWidths(columnWidths) {\n    const widths = columnWidths.map((width)=>{\n        if (width === 'auto' || width === undefined) {\n            return 'auto';\n        }\n        return parseFloat(width.replace('%', ''));\n    });\n    let normalizedWidths = calculateMissingColumnWidths(widths);\n    const totalWidth = sumArray(normalizedWidths);\n    if (totalWidth !== 100) {\n        normalizedWidths = normalizedWidths// Adjust all the columns proportionally.\n        .map((width)=>toPrecision(width * 100 / totalWidth))// Due to rounding of numbers it may happen that the sum of the widths of all columns will not be exactly 100%.\n        // Therefore, the width of the last column is explicitly adjusted (narrowed or expanded), since all the columns\n        // have been proportionally changed already.\n        .map((columnWidth, columnIndex, width)=>{\n            const isLastColumn = columnIndex === width.length - 1;\n            if (!isLastColumn) {\n                return columnWidth;\n            }\n            const totalWidth = sumArray(width);\n            return toPrecision(columnWidth + 100 - totalWidth);\n        });\n    }\n    return normalizedWidths.map((width)=>width + '%');\n}\n/**\n * Initializes the column widths by parsing the attribute value and calculating the uninitialized column widths. The special value 'auto'\n * indicates that width for the column must be calculated. The width of such uninitialized column is calculated as follows:\n * - If there is enough free space in the table for all uninitialized columns to have at least the minimum allowed width for all of them,\n *   then set this width equally for all uninitialized columns.\n * - Otherwise, just set the minimum allowed width for all uninitialized columns. The sum of all column widths will be greater than 100%,\n *   but then it will be adjusted proportionally to 100% in {@link #normalizeColumnWidths `normalizeColumnWidths()`}.\n *\n * @param columnWidths An array of column widths.\n * @returns An array with 'auto' values replaced with calculated widths.\n */ function calculateMissingColumnWidths(columnWidths) {\n    const numberOfUninitializedColumns = columnWidths.filter((columnWidth)=>columnWidth === 'auto').length;\n    if (numberOfUninitializedColumns === 0) {\n        return columnWidths.map((columnWidth)=>toPrecision(columnWidth));\n    }\n    const totalWidthOfInitializedColumns = sumArray(columnWidths);\n    const widthForUninitializedColumn = Math.max((100 - totalWidthOfInitializedColumns) / numberOfUninitializedColumns, COLUMN_MIN_WIDTH_AS_PERCENTAGE);\n    return columnWidths.map((columnWidth)=>columnWidth === 'auto' ? widthForUninitializedColumn : columnWidth).map((columnWidth)=>toPrecision(columnWidth));\n}\n/**\n * Calculates the total horizontal space taken by the cell. That includes:\n *  * width,\n *  * left and red padding,\n *  * border width.\n *\n * @internal\n * @param domCell A DOM cell element.\n * @returns Width in pixels without `px` at the end.\n */ function getDomCellOuterWidth(domCell) {\n    const styles = global.window.getComputedStyle(domCell);\n    // In the 'border-box' box sizing algorithm, the element's width\n    // already includes the padding and border width (#12335).\n    if (styles.boxSizing === 'border-box') {\n        return parseInt(styles.width);\n    } else {\n        return parseFloat(styles.width) + parseFloat(styles.paddingLeft) + parseFloat(styles.paddingRight) + parseFloat(styles.borderWidth);\n    }\n}\n/**\n * Updates column elements to match columns widths.\n *\n * @internal\n * @param columns\n * @param tableColumnGroup\n * @param normalizedWidths\n * @param writer\n */ function updateColumnElements(columns, tableColumnGroup, normalizedWidths, writer) {\n    for(let i = 0; i < Math.max(normalizedWidths.length, columns.length); i++){\n        const column = columns[i];\n        const columnWidth = normalizedWidths[i];\n        if (!columnWidth) {\n            // Number of `<tableColumn>` elements exceeds actual number of columns.\n            writer.remove(column);\n        } else if (!column) {\n            // There is fewer `<tableColumn>` elements than actual columns.\n            writer.appendElement('tableColumn', {\n                columnWidth\n            }, tableColumnGroup);\n        } else {\n            // Update column width.\n            writer.setAttribute('columnWidth', columnWidth, column);\n        }\n    }\n}\n/**\n * Returns a 'tableColumnGroup' element from the 'table'.\n *\n * @internal\n * @param element A 'table' or 'tableColumnGroup' element.\n * @returns A 'tableColumnGroup' element.\n */ function getColumnGroupElement(element) {\n    if (element.is('element', 'tableColumnGroup')) {\n        return element;\n    }\n    const children = element.getChildren();\n    return Array.from(children).find((element)=>element.is('element', 'tableColumnGroup'));\n}\n/**\n * Returns an array of 'tableColumn' elements. It may be empty if there's no `tableColumnGroup` element.\n *\n * @internal\n * @param element A 'table' or 'tableColumnGroup' element.\n * @returns An array of 'tableColumn' elements.\n */ function getTableColumnElements(element) {\n    const columnGroupElement = getColumnGroupElement(element);\n    if (!columnGroupElement) {\n        return [];\n    }\n    return Array.from(columnGroupElement.getChildren());\n}\n/**\n * Returns an array of table column widths.\n *\n * @internal\n * @param element A 'table' or 'tableColumnGroup' element.\n * @returns An array of table column widths.\n */ function getTableColumnsWidths(element) {\n    return getTableColumnElements(element).map((column)=>column.getAttribute('columnWidth'));\n}\n/**\n * Translates the `colSpan` model attribute into additional column widths and returns the resulting array.\n *\n * @internal\n * @param element A 'table' or 'tableColumnGroup' element.\n * @param writer A writer instance.\n * @returns An array of table column widths.\n */ function translateColSpanAttribute(element, writer) {\n    const tableColumnElements = getTableColumnElements(element);\n    return tableColumnElements.reduce((acc, element)=>{\n        const columnWidth = element.getAttribute('columnWidth');\n        const colSpan = element.getAttribute('colSpan');\n        if (!colSpan) {\n            acc.push(columnWidth);\n            return acc;\n        }\n        // Translate the `colSpan` model attribute on to the proper number of column widths\n        // and remove it from the element.\n        // See https://github.com/ckeditor/ckeditor5/issues/14521#issuecomment-1662102889 for more details.\n        for(let i = 0; i < colSpan; i++){\n            acc.push(columnWidth);\n        }\n        writer.removeAttribute('colSpan', element);\n        return acc;\n    }, []);\n}\n\n/**\n * The table utilities plugin.\n */ class TableUtils extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableUtils';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this.decorate('insertColumns');\n        this.decorate('insertRows');\n    }\n    /**\n\t * Returns the table cell location as an object with table row and table column indexes.\n\t *\n\t * For instance, in the table below:\n\t *\n\t *      0   1   2   3\n\t *    +---+---+---+---+\n\t *  0 | a     | b | c |\n\t *    +       +   +---+\n\t *  1 |       |   | d |\n\t *    +---+---+   +---+\n\t *  2 | e     |   | f |\n\t *    +---+---+---+---+\n\t *\n\t * the method will return:\n\t *\n\t * ```ts\n\t * const cellA = table.getNodeByPath( [ 0, 0 ] );\n\t * editor.plugins.get( 'TableUtils' ).getCellLocation( cellA );\n\t * // will return { row: 0, column: 0 }\n\t *\n\t * const cellD = table.getNodeByPath( [ 1, 0 ] );\n\t * editor.plugins.get( 'TableUtils' ).getCellLocation( cellD );\n\t * // will return { row: 1, column: 3 }\n\t * ```\n\t *\n\t * @returns Returns a `{row, column}` object.\n\t */ getCellLocation(tableCell) {\n        const tableRow = tableCell.parent;\n        const table = tableRow.parent;\n        const rowIndex = table.getChildIndex(tableRow);\n        const tableWalker = new TableWalker(table, {\n            row: rowIndex\n        });\n        for (const { cell, row, column } of tableWalker){\n            if (cell === tableCell) {\n                return {\n                    row,\n                    column\n                };\n            }\n        }\n        // Should be unreachable code.\n        /* istanbul ignore next -- @preserve */ return undefined;\n    }\n    /**\n\t * Creates an empty table with a proper structure. The table needs to be inserted into the model,\n\t * for example, by using the {@link module:engine/model/model~Model#insertContent} function.\n\t *\n\t * ```ts\n\t * model.change( ( writer ) => {\n\t *   // Create a table of 2 rows and 7 columns:\n\t *   const table = tableUtils.createTable( writer, { rows: 2, columns: 7 } );\n\t *\n\t *   // Insert a table to the model at the best position taking the current selection:\n\t *   model.insertContent( table );\n\t * }\n\t * ```\n\t *\n\t * @param writer The model writer.\n\t * @param options.rows The number of rows to create. Default value is 2.\n\t * @param options.columns The number of columns to create. Default value is 2.\n\t * @param options.headingRows The number of heading rows. Default value is 0.\n\t * @param options.headingColumns The number of heading columns. Default value is 0.\n\t * @returns The created table element.\n\t */ createTable(writer, options) {\n        const table = writer.createElement('table');\n        const rows = options.rows || 2;\n        const columns = options.columns || 2;\n        createEmptyRows(writer, table, 0, rows, columns);\n        if (options.headingRows) {\n            updateNumericAttribute('headingRows', Math.min(options.headingRows, rows), table, writer, 0);\n        }\n        if (options.headingColumns) {\n            updateNumericAttribute('headingColumns', Math.min(options.headingColumns, columns), table, writer, 0);\n        }\n        return table;\n    }\n    /**\n\t * Inserts rows into a table.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).insertRows( table, { at: 1, rows: 2 } );\n\t * ```\n\t *\n\t * Assuming the table on the left, the above code will transform it to the table on the right:\n\t *\n\t *  row index\n\t *    0 +---+---+---+       `at` = 1,      +---+---+---+ 0\n\t *      | a | b | c |       `rows` = 2,    | a | b | c |\n\t *    1 +   +---+---+   <-- insert here    +   +---+---+ 1\n\t *      |   | d | e |                      |   |   |   |\n\t *    2 +   +---+---+       will give:     +   +---+---+ 2\n\t *      |   | f | g |                      |   |   |   |\n\t *    3 +---+---+---+                      +   +---+---+ 3\n\t *                                         |   | d | e |\n\t *                                         +   +---+---+ 4\n\t *                                         +   + f | g |\n\t *                                         +---+---+---+ 5\n\t *\n\t * @param table The table model element where the rows will be inserted.\n\t * @param options.at The row index at which the rows will be inserted.  Default value is 0.\n\t * @param options.rows The number of rows to insert.  Default value is 1.\n\t * @param options.copyStructureFromAbove The flag for copying row structure. Note that\n\t * the row structure will not be copied if this option is not provided.\n\t */ insertRows(table, options = {}) {\n        const model = this.editor.model;\n        const insertAt = options.at || 0;\n        const rowsToInsert = options.rows || 1;\n        const isCopyStructure = options.copyStructureFromAbove !== undefined;\n        const copyStructureFrom = options.copyStructureFromAbove ? insertAt - 1 : insertAt;\n        const rows = this.getRows(table);\n        const columns = this.getColumns(table);\n        if (insertAt > rows) {\n            /**\n\t\t\t * The `options.at` points at a row position that does not exist.\n\t\t\t *\n\t\t\t * @error tableutils-insertrows-insert-out-of-range\n\t\t\t */ throw new CKEditorError('tableutils-insertrows-insert-out-of-range', this, {\n                options\n            });\n        }\n        model.change((writer)=>{\n            const headingRows = table.getAttribute('headingRows') || 0;\n            // Inserting rows inside heading section requires to update `headingRows` attribute as the heading section will grow.\n            if (headingRows > insertAt) {\n                updateNumericAttribute('headingRows', headingRows + rowsToInsert, table, writer, 0);\n            }\n            // Inserting at the end or at the beginning of a table doesn't require to calculate anything special.\n            if (!isCopyStructure && (insertAt === 0 || insertAt === rows)) {\n                createEmptyRows(writer, table, insertAt, rowsToInsert, columns);\n                return;\n            }\n            // Iterate over all the rows above the inserted rows in order to check for the row-spanned cells.\n            const walkerEndRow = isCopyStructure ? Math.max(insertAt, copyStructureFrom) : insertAt;\n            const tableIterator = new TableWalker(table, {\n                endRow: walkerEndRow\n            });\n            // Store spans of the reference row to reproduce it's structure. This array is column number indexed.\n            const rowColSpansMap = new Array(columns).fill(1);\n            for (const { row, column, cellHeight, cellWidth, cell } of tableIterator){\n                const lastCellRow = row + cellHeight - 1;\n                const isOverlappingInsertedRow = row < insertAt && insertAt <= lastCellRow;\n                const isReferenceRow = row <= copyStructureFrom && copyStructureFrom <= lastCellRow;\n                // If the cell is row-spanned and overlaps the inserted row, then reserve space for it in the row map.\n                if (isOverlappingInsertedRow) {\n                    // This cell overlaps the inserted rows so we need to expand it further.\n                    writer.setAttribute('rowspan', cellHeight + rowsToInsert, cell);\n                    // Mark this cell with negative number to indicate how many cells should be skipped when adding the new cells.\n                    rowColSpansMap[column] = -cellWidth;\n                } else if (isCopyStructure && isReferenceRow) {\n                    rowColSpansMap[column] = cellWidth;\n                }\n            }\n            for(let rowIndex = 0; rowIndex < rowsToInsert; rowIndex++){\n                const tableRow = writer.createElement('tableRow');\n                writer.insert(tableRow, table, insertAt);\n                for(let cellIndex = 0; cellIndex < rowColSpansMap.length; cellIndex++){\n                    const colspan = rowColSpansMap[cellIndex];\n                    const insertPosition = writer.createPositionAt(tableRow, 'end');\n                    // Insert the empty cell only if this slot is not row-spanned from any other cell.\n                    if (colspan > 0) {\n                        createEmptyTableCell(writer, insertPosition, colspan > 1 ? {\n                            colspan\n                        } : undefined);\n                    }\n                    // Skip the col-spanned slots, there won't be any cells.\n                    cellIndex += Math.abs(colspan) - 1;\n                }\n            }\n        });\n    }\n    /**\n\t * Inserts columns into a table.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).insertColumns( table, { at: 1, columns: 2 } );\n\t * ```\n\t *\n\t * Assuming the table on the left, the above code will transform it to the table on the right:\n\t *\n\t *  0   1   2   3                   0   1   2   3   4   5\n\t *  +---+---+---+                   +---+---+---+---+---+\n\t *  | a     | b |                   | a             | b |\n\t *  +       +---+                   +               +---+\n\t *  |       | c |                   |               | c |\n\t *  +---+---+---+     will give:    +---+---+---+---+---+\n\t *  | d | e | f |                   | d |   |   | e | f |\n\t *  +---+   +---+                   +---+---+---+   +---+\n\t *  | g |   | h |                   | g |   |   |   | h |\n\t *  +---+---+---+                   +---+---+---+---+---+\n\t *  | i         |                   | i                 |\n\t *  +---+---+---+                   +---+---+---+---+---+\n\t *      ^---- insert here, `at` = 1, `columns` = 2\n\t *\n\t * @param table The table model element where the columns will be inserted.\n\t * @param options.at The column index at which the columns will be inserted. Default value is 0.\n\t * @param options.columns The number of columns to insert. Default value is 1.\n\t */ insertColumns(table, options = {}) {\n        const model = this.editor.model;\n        const insertAt = options.at || 0;\n        const columnsToInsert = options.columns || 1;\n        model.change((writer)=>{\n            const headingColumns = table.getAttribute('headingColumns');\n            // Inserting columns inside heading section requires to update `headingColumns` attribute as the heading section will grow.\n            if (insertAt < headingColumns) {\n                writer.setAttribute('headingColumns', headingColumns + columnsToInsert, table);\n            }\n            const tableColumns = this.getColumns(table);\n            // Inserting at the end and at the beginning of a table doesn't require to calculate anything special.\n            if (insertAt === 0 || tableColumns === insertAt) {\n                for (const tableRow of table.getChildren()){\n                    // Ignore non-row elements inside the table (e.g. caption).\n                    if (!tableRow.is('element', 'tableRow')) {\n                        continue;\n                    }\n                    createCells(columnsToInsert, writer, writer.createPositionAt(tableRow, insertAt ? 'end' : 0));\n                }\n                return;\n            }\n            const tableWalker = new TableWalker(table, {\n                column: insertAt,\n                includeAllSlots: true\n            });\n            for (const tableSlot of tableWalker){\n                const { row, cell, cellAnchorColumn, cellAnchorRow, cellWidth, cellHeight } = tableSlot;\n                // When iterating over column the table walker outputs either:\n                // - cells at given column index (cell \"e\" from method docs),\n                // - spanned columns (spanned cell from row between cells \"g\" and \"h\" - spanned by \"e\", only if `includeAllSlots: true`),\n                // - or a cell from the same row which spans over this column (cell \"a\").\n                if (cellAnchorColumn < insertAt) {\n                    // If cell is anchored in previous column, it is a cell that spans over an inserted column (cell \"a\" & \"i\").\n                    // For such cells expand them by a number of columns inserted.\n                    writer.setAttribute('colspan', cellWidth + columnsToInsert, cell);\n                    // This cell will overlap cells in rows below so skip them (because of `includeAllSlots` option) - (cell \"a\")\n                    const lastCellRow = cellAnchorRow + cellHeight - 1;\n                    for(let i = row; i <= lastCellRow; i++){\n                        tableWalker.skipRow(i);\n                    }\n                } else {\n                    // It's either cell at this column index or spanned cell by a row-spanned cell from row above.\n                    // In table above it's cell \"e\" and a spanned position from row below (empty cell between cells \"g\" and \"h\")\n                    createCells(columnsToInsert, writer, tableSlot.getPositionBefore());\n                }\n            }\n        });\n    }\n    /**\n\t * Removes rows from the given `table`.\n\t *\n\t * This method re-calculates the table geometry including `rowspan` attribute of table cells overlapping removed rows\n\t * and table headings values.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).removeRows( table, { at: 1, rows: 2 } );\n\t * ```\n\t *\n\t * Executing the above code in the context of the table on the left will transform its structure as presented on the right:\n\t *\n\t *  row index\n\t *      ┌───┬───┬───┐        `at` = 1        ┌───┬───┬───┐\n\t *    0 │ a │ b │ c │        `rows` = 2      │ a │ b │ c │ 0\n\t *      │   ├───┼───┤                        │   ├───┼───┤\n\t *    1 │   │ d │ e │  <-- remove from here  │   │ d │ g │ 1\n\t *      │   │   ├───┤        will give:      ├───┼───┼───┤\n\t *    2 │   │   │ f │                        │ h │ i │ j │ 2\n\t *      │   │   ├───┤                        └───┴───┴───┘\n\t *    3 │   │   │ g │\n\t *      ├───┼───┼───┤\n\t *    4 │ h │ i │ j │\n\t *      └───┴───┴───┘\n\t *\n\t * @param options.at The row index at which the removing rows will start.\n\t * @param options.rows The number of rows to remove. Default value is 1.\n\t */ removeRows(table, options) {\n        const model = this.editor.model;\n        const rowsToRemove = options.rows || 1;\n        const rowCount = this.getRows(table);\n        const first = options.at;\n        const last = first + rowsToRemove - 1;\n        if (last > rowCount - 1) {\n            /**\n\t\t\t * The `options.at` param must point at existing row and `options.rows` must not exceed the rows in the table.\n\t\t\t *\n\t\t\t * @error tableutils-removerows-row-index-out-of-range\n\t\t\t */ throw new CKEditorError('tableutils-removerows-row-index-out-of-range', this, {\n                table,\n                options\n            });\n        }\n        model.change((writer)=>{\n            const indexesObject = {\n                first,\n                last\n            };\n            // Removing rows from the table require that most calculations to be done prior to changing table structure.\n            // Preparations must be done in the same enqueueChange callback to use the current table structure.\n            // 1. Preparation - get row-spanned cells that have to be modified after removing rows.\n            const { cellsToMove, cellsToTrim } = getCellsToMoveAndTrimOnRemoveRow(table, indexesObject);\n            // 2. Execution\n            // 2a. Move cells from removed rows that extends over a removed section - must be done before removing rows.\n            // This will fill any gaps in a rows below that previously were empty because of row-spanned cells.\n            if (cellsToMove.size) {\n                const rowAfterRemovedSection = last + 1;\n                moveCellsToRow(table, rowAfterRemovedSection, cellsToMove, writer);\n            }\n            // 2b. Remove all required rows.\n            for(let i = last; i >= first; i--){\n                writer.remove(table.getChild(i));\n            }\n            // 2c. Update cells from rows above that overlap removed section. Similar to step 2 but does not involve moving cells.\n            for (const { rowspan, cell } of cellsToTrim){\n                updateNumericAttribute('rowspan', rowspan, cell, writer);\n            }\n            // 2d. Adjust heading rows if removed rows were in a heading section.\n            updateHeadingRows(table, indexesObject, writer);\n            // 2e. Remove empty columns (without anchored cells) if there are any.\n            if (!removeEmptyColumns(table, this)) {\n                // If there wasn't any empty columns then we still need to check if this wasn't called\n                // because of cleaning empty rows and we only removed one of them.\n                removeEmptyRows(table, this);\n            }\n        });\n    }\n    /**\n\t * Removes columns from the given `table`.\n\t *\n\t * This method re-calculates the table geometry including the `colspan` attribute of table cells overlapping removed columns\n\t * and table headings values.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).removeColumns( table, { at: 1, columns: 2 } );\n\t * ```\n\t *\n\t * Executing the above code in the context of the table on the left will transform its structure as presented on the right:\n\t *\n\t *    0   1   2   3   4                       0   1   2\n\t *  ┌───────────────┬───┐                   ┌───────┬───┐\n\t *  │ a             │ b │                   │ a     │ b │\n\t *  │               ├───┤                   │       ├───┤\n\t *  │               │ c │                   │       │ c │\n\t *  ├───┬───┬───┬───┼───┤     will give:    ├───┬───┼───┤\n\t *  │ d │ e │ f │ g │ h │                   │ d │ g │ h │\n\t *  ├───┼───┼───┤   ├───┤                   ├───┤   ├───┤\n\t *  │ i │ j │ k │   │ l │                   │ i │   │ l │\n\t *  ├───┴───┴───┴───┴───┤                   ├───┴───┴───┤\n\t *  │ m                 │                   │ m         │\n\t *  └───────────────────┘                   └───────────┘\n\t *        ^---- remove from here, `at` = 1, `columns` = 2\n\t *\n\t * @param options.at The row index at which the removing columns will start.\n\t * @param options.columns The number of columns to remove.\n\t */ removeColumns(table, options) {\n        const model = this.editor.model;\n        const first = options.at;\n        const columnsToRemove = options.columns || 1;\n        const last = options.at + columnsToRemove - 1;\n        model.change((writer)=>{\n            adjustHeadingColumns(table, {\n                first,\n                last\n            }, writer);\n            const tableColumns = getTableColumnElements(table);\n            for(let removedColumnIndex = last; removedColumnIndex >= first; removedColumnIndex--){\n                for (const { cell, column, cellWidth } of [\n                    ...new TableWalker(table)\n                ]){\n                    // If colspaned cell overlaps removed column decrease its span.\n                    if (column <= removedColumnIndex && cellWidth > 1 && column + cellWidth > removedColumnIndex) {\n                        updateNumericAttribute('colspan', cellWidth - 1, cell, writer);\n                    } else if (column === removedColumnIndex) {\n                        // The cell in removed column has colspan of 1.\n                        writer.remove(cell);\n                    }\n                }\n                // If table has `tableColumn` elements, we need to update it manually.\n                // See https://github.com/ckeditor/ckeditor5/issues/14521#issuecomment-1662102889 for details.\n                if (tableColumns[removedColumnIndex]) {\n                    // If the removed column is the first one then we need to add its width to the next column.\n                    // Otherwise we add it to the previous column.\n                    const adjacentColumn = removedColumnIndex === 0 ? tableColumns[1] : tableColumns[removedColumnIndex - 1];\n                    const removedColumnWidth = parseFloat(tableColumns[removedColumnIndex].getAttribute('columnWidth'));\n                    const adjacentColumnWidth = parseFloat(adjacentColumn.getAttribute('columnWidth'));\n                    writer.remove(tableColumns[removedColumnIndex]);\n                    // Add the removed column width (in %) to the adjacent column.\n                    writer.setAttribute('columnWidth', removedColumnWidth + adjacentColumnWidth + '%', adjacentColumn);\n                }\n            }\n            // Remove empty rows that could appear after removing columns.\n            if (!removeEmptyRows(table, this)) {\n                // If there wasn't any empty rows then we still need to check if this wasn't called\n                // because of cleaning empty columns and we only removed one of them.\n                removeEmptyColumns(table, this);\n            }\n        });\n    }\n    /**\n\t * Divides a table cell vertically into several ones.\n\t *\n\t * The cell will be visually split into more cells by updating colspans of other cells in a column\n\t * and inserting cells (columns) after that cell.\n\t *\n\t * In the table below, if cell \"a\" is split into 3 cells:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +---+---+---+\n\t *  | d | e | f |\n\t *  +---+---+---+\n\t *\n\t * it will result in the table below:\n\t *\n\t *  +---+---+---+---+---+\n\t *  | a |   |   | b | c |\n\t *  +---+---+---+---+---+\n\t *  | d         | e | f |\n\t *  +---+---+---+---+---+\n\t *\n\t * So cell \"d\" will get its `colspan` updated to `3` and 2 cells will be added (2 columns will be created).\n\t *\n\t * Splitting a cell that already has a `colspan` attribute set will distribute the cell `colspan` evenly and the remainder\n\t * will be left to the original cell:\n\t *\n\t *  +---+---+---+\n\t *  | a         |\n\t *  +---+---+---+\n\t *  | b | c | d |\n\t *  +---+---+---+\n\t *\n\t * Splitting cell \"a\" with `colspan=3` into 2 cells will create 1 cell with a `colspan=a` and cell \"a\" that will have `colspan=2`:\n\t *\n\t *  +---+---+---+\n\t *  | a     |   |\n\t *  +---+---+---+\n\t *  | b | c | d |\n\t *  +---+---+---+\n\t */ splitCellVertically(tableCell, numberOfCells = 2) {\n        const model = this.editor.model;\n        const tableRow = tableCell.parent;\n        const table = tableRow.parent;\n        const rowspan = parseInt(tableCell.getAttribute('rowspan') || '1');\n        const colspan = parseInt(tableCell.getAttribute('colspan') || '1');\n        model.change((writer)=>{\n            // First check - the cell spans over multiple rows so before doing anything else just split this cell.\n            if (colspan > 1) {\n                // Get spans of new (inserted) cells and span to update of split cell.\n                const { newCellsSpan, updatedSpan } = breakSpanEvenly(colspan, numberOfCells);\n                updateNumericAttribute('colspan', updatedSpan, tableCell, writer);\n                // Each inserted cell will have the same attributes:\n                const newCellsAttributes = {};\n                // Do not store default value in the model.\n                if (newCellsSpan > 1) {\n                    newCellsAttributes.colspan = newCellsSpan;\n                }\n                // Copy rowspan of split cell.\n                if (rowspan > 1) {\n                    newCellsAttributes.rowspan = rowspan;\n                }\n                const cellsToInsert = colspan > numberOfCells ? numberOfCells - 1 : colspan - 1;\n                createCells(cellsToInsert, writer, writer.createPositionAfter(tableCell), newCellsAttributes);\n            }\n            // Second check - the cell has colspan of 1 or we need to create more cells then the currently one spans over.\n            if (colspan < numberOfCells) {\n                const cellsToInsert = numberOfCells - colspan;\n                // First step: expand cells on the same column as split cell.\n                const tableMap = [\n                    ...new TableWalker(table)\n                ];\n                // Get the column index of split cell.\n                const { column: splitCellColumn } = tableMap.find(({ cell })=>cell === tableCell);\n                // Find cells which needs to be expanded vertically - those on the same column or those that spans over split cell's column.\n                const cellsToUpdate = tableMap.filter(({ cell, cellWidth, column })=>{\n                    const isOnSameColumn = cell !== tableCell && column === splitCellColumn;\n                    const spansOverColumn = column < splitCellColumn && column + cellWidth > splitCellColumn;\n                    return isOnSameColumn || spansOverColumn;\n                });\n                // Expand cells vertically.\n                for (const { cell, cellWidth } of cellsToUpdate){\n                    writer.setAttribute('colspan', cellWidth + cellsToInsert, cell);\n                }\n                // Second step: create columns after split cell.\n                // Each inserted cell will have the same attributes:\n                const newCellsAttributes = {};\n                // Do not store default value in the model.\n                // Copy rowspan of split cell.\n                if (rowspan > 1) {\n                    newCellsAttributes.rowspan = rowspan;\n                }\n                createCells(cellsToInsert, writer, writer.createPositionAfter(tableCell), newCellsAttributes);\n                const headingColumns = table.getAttribute('headingColumns') || 0;\n                // Update heading section if split cell is in heading section.\n                if (headingColumns > splitCellColumn) {\n                    updateNumericAttribute('headingColumns', headingColumns + cellsToInsert, table, writer);\n                }\n            }\n        });\n    }\n    /**\n\t * Divides a table cell horizontally into several ones.\n\t *\n\t * The cell will be visually split into more cells by updating rowspans of other cells in the row and inserting rows with a single cell\n\t * below.\n\t *\n\t * If in the table below cell \"b\" is split into 3 cells:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +---+---+---+\n\t *  | d | e | f |\n\t *  +---+---+---+\n\t *\n\t * It will result in the table below:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +   +---+   +\n\t *  |   |   |   |\n\t *  +   +---+   +\n\t *  |   |   |   |\n\t *  +---+---+---+\n\t *  | d | e | f |\n\t *  +---+---+---+\n\t *\n\t * So cells \"a\" and \"b\" will get their `rowspan` updated to `3` and 2 rows with a single cell will be added.\n\t *\n\t * Splitting a cell that already has a `rowspan` attribute set will distribute the cell `rowspan` evenly and the remainder\n\t * will be left to the original cell:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +   +---+---+\n\t *  |   | d | e |\n\t *  +   +---+---+\n\t *  |   | f | g |\n\t *  +   +---+---+\n\t *  |   | h | i |\n\t *  +---+---+---+\n\t *\n\t * Splitting cell \"a\" with `rowspan=4` into 3 cells will create 2 cells with a `rowspan=1` and cell \"a\" will have `rowspan=2`:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +   +---+---+\n\t *  |   | d | e |\n\t *  +---+---+---+\n\t *  |   | f | g |\n\t *  +---+---+---+\n\t *  |   | h | i |\n\t *  +---+---+---+\n\t */ splitCellHorizontally(tableCell, numberOfCells = 2) {\n        const model = this.editor.model;\n        const tableRow = tableCell.parent;\n        const table = tableRow.parent;\n        const splitCellRow = table.getChildIndex(tableRow);\n        const rowspan = parseInt(tableCell.getAttribute('rowspan') || '1');\n        const colspan = parseInt(tableCell.getAttribute('colspan') || '1');\n        model.change((writer)=>{\n            // First check - the cell spans over multiple rows so before doing anything else just split this cell.\n            if (rowspan > 1) {\n                // Cache table map before updating table.\n                const tableMap = [\n                    ...new TableWalker(table, {\n                        startRow: splitCellRow,\n                        endRow: splitCellRow + rowspan - 1,\n                        includeAllSlots: true\n                    })\n                ];\n                // Get spans of new (inserted) cells and span to update of split cell.\n                const { newCellsSpan, updatedSpan } = breakSpanEvenly(rowspan, numberOfCells);\n                updateNumericAttribute('rowspan', updatedSpan, tableCell, writer);\n                const { column: cellColumn } = tableMap.find(({ cell })=>cell === tableCell);\n                // Each inserted cell will have the same attributes:\n                const newCellsAttributes = {};\n                // Do not store default value in the model.\n                if (newCellsSpan > 1) {\n                    newCellsAttributes.rowspan = newCellsSpan;\n                }\n                // Copy colspan of split cell.\n                if (colspan > 1) {\n                    newCellsAttributes.colspan = colspan;\n                }\n                // Accumulator that stores distance from the last inserted cell span.\n                // It helps with evenly splitting larger cell spans (for example 10 cells collapsing into 3 cells).\n                // We split these cells into 3, 3, 4 cells and we have to call `createCells` only when distance between\n                // these cells is equal or greater than the new cells span size.\n                let distanceFromLastCellSpan = 0;\n                for (const tableSlot of tableMap){\n                    const { column, row } = tableSlot;\n                    // As both newly created cells and the split cell might have rowspan,\n                    // the insertion of new cells must go to appropriate rows:\n                    //\n                    // 1. It's a row after split cell + it's height.\n                    const isAfterSplitCell = row >= splitCellRow + updatedSpan;\n                    // 2. Is on the same column.\n                    const isOnSameColumn = column === cellColumn;\n                    // Reset distance from the last cell span if we are on the same column and we exceeded the new cells span size.\n                    if (distanceFromLastCellSpan >= newCellsSpan && isOnSameColumn) {\n                        distanceFromLastCellSpan = 0;\n                    }\n                    if (isAfterSplitCell && isOnSameColumn) {\n                        // Create new cells only if the distance from the last cell span is equal or greater than the new cells span.\n                        if (!distanceFromLastCellSpan) {\n                            createCells(1, writer, tableSlot.getPositionBefore(), newCellsAttributes);\n                        }\n                        // Increase the distance from the last cell span.\n                        distanceFromLastCellSpan++;\n                    }\n                }\n            }\n            // Second check - the cell has rowspan of 1 or we need to create more cells than the current cell spans over.\n            if (rowspan < numberOfCells) {\n                // We already split the cell in check one so here we split to the remaining number of cells only.\n                const cellsToInsert = numberOfCells - rowspan;\n                // This check is needed since we need to check if there are any cells from previous rows than spans over this cell's row.\n                const tableMap = [\n                    ...new TableWalker(table, {\n                        startRow: 0,\n                        endRow: splitCellRow\n                    })\n                ];\n                // First step: expand cells.\n                for (const { cell, cellHeight, row } of tableMap){\n                    // Expand rowspan of cells that are either:\n                    // - on the same row as current cell,\n                    // - or are below split cell row and overlaps that row.\n                    if (cell !== tableCell && row + cellHeight > splitCellRow) {\n                        const rowspanToSet = cellHeight + cellsToInsert;\n                        writer.setAttribute('rowspan', rowspanToSet, cell);\n                    }\n                }\n                // Second step: create rows with single cell below split cell.\n                const newCellsAttributes = {};\n                // Copy colspan of split cell.\n                if (colspan > 1) {\n                    newCellsAttributes.colspan = colspan;\n                }\n                createEmptyRows(writer, table, splitCellRow + 1, cellsToInsert, 1, newCellsAttributes);\n                // Update heading section if split cell is in heading section.\n                const headingRows = table.getAttribute('headingRows') || 0;\n                if (headingRows > splitCellRow) {\n                    updateNumericAttribute('headingRows', headingRows + cellsToInsert, table, writer);\n                }\n            }\n        });\n    }\n    /**\n\t * Returns the number of columns for a given table.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).getColumns( table );\n\t * ```\n\t *\n\t * @param table The table to analyze.\n\t */ getColumns(table) {\n        // Analyze first row only as all the rows should have the same width.\n        // Using the first row without checking if it's a tableRow because we expect\n        // that table will have only tableRow model elements at the beginning.\n        const row = table.getChild(0);\n        return [\n            ...row.getChildren()\n        ]// $marker elements can also be children of a row too (when TrackChanges is on). Don't include them in the count.\n        .filter((node)=>node.is('element', 'tableCell')).reduce((columns, row)=>{\n            const columnWidth = parseInt(row.getAttribute('colspan') || '1');\n            return columns + columnWidth;\n        }, 0);\n    }\n    /**\n\t * Returns the number of rows for a given table. Any other element present in the table model is omitted.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).getRows( table );\n\t * ```\n\t *\n\t * @param table The table to analyze.\n\t */ getRows(table) {\n        // Rowspan not included due to #6427.\n        return Array.from(table.getChildren()).reduce((rowCount, child)=>child.is('element', 'tableRow') ? rowCount + 1 : rowCount, 0);\n    }\n    /**\n\t * Creates an instance of the table walker.\n\t *\n\t * The table walker iterates internally by traversing the table from row index = 0 and column index = 0.\n\t * It walks row by row and column by column in order to output values defined in the options.\n\t * By default it will output only the locations that are occupied by a cell. To include also spanned rows and columns,\n\t * pass the `includeAllSlots` option.\n\t *\n\t * @internal\n\t * @param table A table over which the walker iterates.\n\t * @param options An object with configuration.\n\t */ createTableWalker(table, options = {}) {\n        return new TableWalker(table, options);\n    }\n    /**\n\t * Returns all model table cells that are fully selected (from the outside)\n\t * within the provided model selection's ranges.\n\t *\n\t * To obtain the cells selected from the inside, use\n\t * {@link #getTableCellsContainingSelection}.\n\t */ getSelectedTableCells(selection) {\n        const cells = [];\n        for (const range of this.sortRanges(selection.getRanges())){\n            const element = range.getContainedElement();\n            if (element && element.is('element', 'tableCell')) {\n                cells.push(element);\n            }\n        }\n        return cells;\n    }\n    /**\n\t * Returns all model table cells that the provided model selection's ranges\n\t * {@link module:engine/model/range~ModelRange#start} inside.\n\t *\n\t * To obtain the cells selected from the outside, use\n\t * {@link #getSelectedTableCells}.\n\t */ getTableCellsContainingSelection(selection) {\n        const cells = [];\n        for (const range of selection.getRanges()){\n            const cellWithSelection = range.start.findAncestor('tableCell');\n            if (cellWithSelection) {\n                cells.push(cellWithSelection);\n            }\n        }\n        return cells;\n    }\n    /**\n\t * Returns all model table cells that are either completely selected\n\t * by selection ranges or host selection range\n\t * {@link module:engine/model/range~ModelRange#start start positions} inside them.\n\t *\n\t * Combines {@link #getTableCellsContainingSelection} and\n\t * {@link #getSelectedTableCells}.\n\t */ getSelectionAffectedTableCells(selection) {\n        const selectedCells = this.getSelectedTableCells(selection);\n        if (selectedCells.length) {\n            return selectedCells;\n        }\n        return this.getTableCellsContainingSelection(selection);\n    }\n    /**\n\t * Returns an object with the `first` and `last` row index contained in the given `tableCells`.\n\t *\n\t * ```ts\n\t * const selectedTableCells = getSelectedTableCells( editor.model.document.selection );\n\t *\n\t * const { first, last } = getRowIndexes( selectedTableCells );\n\t *\n\t * console.log( `Selected rows: ${ first } to ${ last }` );\n\t * ```\n\t *\n\t * @returns Returns an object with the `first` and `last` table row indexes.\n\t */ getRowIndexes(tableCells) {\n        const indexes = tableCells.map((cell)=>cell.parent.index);\n        return this._getFirstLastIndexesObject(indexes);\n    }\n    /**\n\t * Returns an object with the `first` and `last` column index contained in the given `tableCells`.\n\t *\n\t * ```ts\n\t * const selectedTableCells = getSelectedTableCells( editor.model.document.selection );\n\t *\n\t * const { first, last } = getColumnIndexes( selectedTableCells );\n\t *\n\t * console.log( `Selected columns: ${ first } to ${ last }` );\n\t * ```\n\t *\n\t * @returns Returns an object with the `first` and `last` table column indexes.\n\t */ getColumnIndexes(tableCells) {\n        const table = tableCells[0].findAncestor('table');\n        const tableMap = [\n            ...new TableWalker(table)\n        ];\n        const indexes = tableMap.filter((entry)=>tableCells.includes(entry.cell)).map((entry)=>entry.column);\n        return this._getFirstLastIndexesObject(indexes);\n    }\n    /**\n\t * Checks if the selection contains cells that do not exceed rectangular selection.\n\t *\n\t * In a table below:\n\t *\n\t *  ┌───┬───┬───┬───┐\n\t *  │ a │ b │ c │ d │\n\t *  ├───┴───┼───┤   │\n\t *  │ e     │ f │   │\n\t *  │       ├───┼───┤\n\t *  │       │ g │ h │\n\t *  └───────┴───┴───┘\n\t *\n\t * Valid selections are these which create a solid rectangle (without gaps), such as:\n\t *   - a, b (two horizontal cells)\n\t *   - c, f (two vertical cells)\n\t *   - a, b, e (cell \"e\" spans over four cells)\n\t *   - c, d, f (cell d spans over a cell in the row below)\n\t *\n\t * While an invalid selection would be:\n\t *   - a, c (the unselected cell \"b\" creates a gap)\n\t *   - f, g, h (cell \"d\" spans over a cell from the row of \"f\" cell - thus creates a gap)\n\t */ isSelectionRectangular(selectedTableCells) {\n        if (selectedTableCells.length < 2 || !this._areCellInTheSameTableSection(selectedTableCells)) {\n            return false;\n        }\n        // A valid selection is a fully occupied rectangle composed of table cells.\n        // Below we will calculate the area of a selected table cells and the area of valid selection.\n        // The area of a valid selection is defined by top-left and bottom-right cells.\n        const rows = new Set();\n        const columns = new Set();\n        let areaOfSelectedCells = 0;\n        for (const tableCell of selectedTableCells){\n            const { row, column } = this.getCellLocation(tableCell);\n            const rowspan = parseInt(tableCell.getAttribute('rowspan')) || 1;\n            const colspan = parseInt(tableCell.getAttribute('colspan')) || 1;\n            // Record row & column indexes of current cell.\n            rows.add(row);\n            columns.add(column);\n            // For cells that spans over multiple rows add also the last row that this cell spans over.\n            if (rowspan > 1) {\n                rows.add(row + rowspan - 1);\n            }\n            // For cells that spans over multiple columns add also the last column that this cell spans over.\n            if (colspan > 1) {\n                columns.add(column + colspan - 1);\n            }\n            areaOfSelectedCells += rowspan * colspan;\n        }\n        // We can only merge table cells that are in adjacent rows...\n        const areaOfValidSelection = getBiggestRectangleArea(rows, columns);\n        return areaOfValidSelection == areaOfSelectedCells;\n    }\n    /**\n\t * Returns array of sorted ranges.\n\t */ sortRanges(ranges) {\n        return Array.from(ranges).sort(compareRangeOrder);\n    }\n    /**\n\t * Helper method to get an object with `first` and `last` indexes from an unsorted array of indexes.\n\t */ _getFirstLastIndexesObject(indexes) {\n        const allIndexesSorted = indexes.sort((indexA, indexB)=>indexA - indexB);\n        const first = allIndexesSorted[0];\n        const last = allIndexesSorted[allIndexesSorted.length - 1];\n        return {\n            first,\n            last\n        };\n    }\n    /**\n\t * Checks if the selection does not mix a header (column or row) with other cells.\n\t *\n\t * For instance, in the table below valid selections consist of cells with the same letter only.\n\t * So, a-a (same heading row and column) or d-d (body cells) are valid while c-d or a-b are not.\n\t *\n\t * header columns\n\t *    ↓   ↓\n\t *  ┌───┬───┬───┬───┐\n\t *  │ a │ a │ b │ b │  ← header row\n\t *  ├───┼───┼───┼───┤\n\t *  │ c │ c │ d │ d │\n\t *  ├───┼───┼───┼───┤\n\t *  │ c │ c │ d │ d │\n\t *  └───┴───┴───┴───┘\n\t */ _areCellInTheSameTableSection(tableCells) {\n        const table = tableCells[0].findAncestor('table');\n        const rowIndexes = this.getRowIndexes(tableCells);\n        const headingRows = parseInt(table.getAttribute('headingRows')) || 0;\n        // Calculating row indexes is a bit cheaper so if this check fails we can't merge.\n        if (!this._areIndexesInSameSection(rowIndexes, headingRows)) {\n            return false;\n        }\n        const columnIndexes = this.getColumnIndexes(tableCells);\n        const headingColumns = parseInt(table.getAttribute('headingColumns')) || 0;\n        // Similarly cells must be in same column section.\n        return this._areIndexesInSameSection(columnIndexes, headingColumns);\n    }\n    /**\n\t * Unified check if table rows/columns indexes are in the same heading/body section.\n\t */ _areIndexesInSameSection({ first, last }, headingSectionSize) {\n        const firstCellIsInHeading = first < headingSectionSize;\n        const lastCellIsInHeading = last < headingSectionSize;\n        return firstCellIsInHeading === lastCellIsInHeading;\n    }\n}\n/**\n * Creates empty rows at the given index in an existing table.\n *\n * @param insertAt The row index of row insertion.\n * @param rows The number of rows to create.\n * @param tableCellToInsert The number of cells to insert in each row.\n */ function createEmptyRows(writer, table, insertAt, rows, tableCellToInsert, attributes = {}) {\n    for(let i = 0; i < rows; i++){\n        const tableRow = writer.createElement('tableRow');\n        writer.insert(tableRow, table, insertAt);\n        createCells(tableCellToInsert, writer, writer.createPositionAt(tableRow, 'end'), attributes);\n    }\n}\n/**\n * Creates cells at a given position.\n *\n * @param cells The number of cells to create\n */ function createCells(cells, writer, insertPosition, attributes = {}) {\n    for(let i = 0; i < cells; i++){\n        createEmptyTableCell(writer, insertPosition, attributes);\n    }\n}\n/**\n * Evenly distributes the span of a cell to a number of provided cells.\n * The resulting spans will always be integer values.\n *\n * For instance breaking a span of 7 into 3 cells will return:\n *\n * ```ts\n * { newCellsSpan: 2, updatedSpan: 3 }\n * ```\n *\n * as two cells will have a span of 2 and the remainder will go the first cell so its span will change to 3.\n *\n * @param span The span value do break.\n * @param numberOfCells The number of resulting spans.\n */ function breakSpanEvenly(span, numberOfCells) {\n    if (span < numberOfCells) {\n        return {\n            newCellsSpan: 1,\n            updatedSpan: 1\n        };\n    }\n    const newCellsSpan = Math.floor(span / numberOfCells);\n    const updatedSpan = span - newCellsSpan * numberOfCells + newCellsSpan;\n    return {\n        newCellsSpan,\n        updatedSpan\n    };\n}\n/**\n * Updates heading columns attribute if removing a row from head section.\n */ function adjustHeadingColumns(table, removedColumnIndexes, writer) {\n    const headingColumns = table.getAttribute('headingColumns') || 0;\n    if (headingColumns && removedColumnIndexes.first < headingColumns) {\n        const headingsRemoved = Math.min(headingColumns - 1 /* Other numbers are 0-based */ , removedColumnIndexes.last) - removedColumnIndexes.first + 1;\n        writer.setAttribute('headingColumns', headingColumns - headingsRemoved, table);\n    }\n}\n/**\n * Calculates a new heading rows value for removing rows from heading section.\n */ function updateHeadingRows(table, { first, last }, writer) {\n    const headingRows = table.getAttribute('headingRows') || 0;\n    if (first < headingRows) {\n        const newRows = last < headingRows ? headingRows - (last - first + 1) : first;\n        updateNumericAttribute('headingRows', newRows, table, writer, 0);\n    }\n}\n/**\n * Finds cells that will be:\n * - trimmed - Cells that are \"above\" removed rows sections and overlap the removed section - their rowspan must be trimmed.\n * - moved - Cells from removed rows section might stick out of. These cells are moved to the next row after a removed section.\n *\n * Sample table with overlapping & sticking out cells:\n *\n *      +----+----+----+----+----+\n *      | 00 | 01 | 02 | 03 | 04 |\n *      +----+    +    +    +    +\n *      | 10 |    |    |    |    |\n *      +----+----+    +    +    +\n *      | 20 | 21 |    |    |    | <-- removed row\n *      +    +    +----+    +    +\n *      |    |    | 32 |    |    | <-- removed row\n *      +----+    +    +----+    +\n *      | 40 |    |    | 43 |    |\n *      +----+----+----+----+----+\n *\n * In a table above:\n * - cells to trim: '02', '03' & '04'.\n * - cells to move: '21' & '32'.\n */ function getCellsToMoveAndTrimOnRemoveRow(table, { first, last }) {\n    const cellsToMove = new Map();\n    const cellsToTrim = [];\n    for (const { row, column, cellHeight, cell } of new TableWalker(table, {\n        endRow: last\n    })){\n        const lastRowOfCell = row + cellHeight - 1;\n        const isCellStickingOutFromRemovedRows = row >= first && row <= last && lastRowOfCell > last;\n        if (isCellStickingOutFromRemovedRows) {\n            const rowspanInRemovedSection = last - row + 1;\n            const rowSpanToSet = cellHeight - rowspanInRemovedSection;\n            cellsToMove.set(column, {\n                cell,\n                rowspan: rowSpanToSet\n            });\n        }\n        const isCellOverlappingRemovedRows = row < first && lastRowOfCell >= first;\n        if (isCellOverlappingRemovedRows) {\n            let rowspanAdjustment;\n            // Cell fully covers removed section - trim it by removed rows count.\n            if (lastRowOfCell >= last) {\n                rowspanAdjustment = last - first + 1;\n            } else {\n                rowspanAdjustment = lastRowOfCell - first + 1;\n            }\n            cellsToTrim.push({\n                cell,\n                rowspan: cellHeight - rowspanAdjustment\n            });\n        }\n    }\n    return {\n        cellsToMove,\n        cellsToTrim\n    };\n}\nfunction moveCellsToRow(table, targetRowIndex, cellsToMove, writer) {\n    const tableWalker = new TableWalker(table, {\n        includeAllSlots: true,\n        row: targetRowIndex\n    });\n    const tableRowMap = [\n        ...tableWalker\n    ];\n    const row = table.getChild(targetRowIndex);\n    let previousCell;\n    for (const { column, cell, isAnchor } of tableRowMap){\n        if (cellsToMove.has(column)) {\n            const { cell: cellToMove, rowspan } = cellsToMove.get(column);\n            const targetPosition = previousCell ? writer.createPositionAfter(previousCell) : writer.createPositionAt(row, 0);\n            writer.move(writer.createRangeOn(cellToMove), targetPosition);\n            updateNumericAttribute('rowspan', rowspan, cellToMove, writer);\n            previousCell = cellToMove;\n        } else if (isAnchor) {\n            // If cell is spanned then `cell` holds reference to overlapping cell. See ckeditor/ckeditor5#6502.\n            previousCell = cell;\n        }\n    }\n}\nfunction compareRangeOrder(rangeA, rangeB) {\n    // Since table cell ranges are disjoint, it's enough to check their start positions.\n    const posA = rangeA.start;\n    const posB = rangeB.start;\n    // Checking for equal position (returning 0) is not needed because this would be either:\n    // a. Intersecting range (not allowed by model)\n    // b. Collapsed range on the same position (allowed by model but should not happen).\n    return posA.isBefore(posB) ? -1 : 1;\n}\n/**\n * Calculates the area of a maximum rectangle that can span over the provided row & column indexes.\n */ function getBiggestRectangleArea(rows, columns) {\n    const rowsIndexes = Array.from(rows.values());\n    const columnIndexes = Array.from(columns.values());\n    const lastRow = Math.max(...rowsIndexes);\n    const firstRow = Math.min(...rowsIndexes);\n    const lastColumn = Math.max(...columnIndexes);\n    const firstColumn = Math.min(...columnIndexes);\n    return (lastRow - firstRow + 1) * (lastColumn - firstColumn + 1);\n}\n\n/**\n * The merge cells command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'mergeTableCells'` editor command.\n *\n * For example, to merge selected table cells:\n *\n * ```ts\n * editor.execute( 'mergeTableCells' );\n * ```\n */ class MergeCellsCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const tableUtils = this.editor.plugins.get(TableUtils);\n        const selectedTableCells = tableUtils.getSelectedTableCells(this.editor.model.document.selection);\n        this.isEnabled = tableUtils.isSelectionRectangular(selectedTableCells);\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t */ execute() {\n        const model = this.editor.model;\n        const tableUtils = this.editor.plugins.get(TableUtils);\n        model.change((writer)=>{\n            const selectedTableCells = tableUtils.getSelectedTableCells(model.document.selection);\n            // All cells will be merged into the first one.\n            const firstTableCell = selectedTableCells.shift();\n            // Update target cell dimensions.\n            const { mergeWidth, mergeHeight } = getMergeDimensions(firstTableCell, selectedTableCells, tableUtils);\n            updateNumericAttribute('colspan', mergeWidth, firstTableCell, writer);\n            updateNumericAttribute('rowspan', mergeHeight, firstTableCell, writer);\n            for (const tableCell of selectedTableCells){\n                mergeTableCells(tableCell, firstTableCell, writer);\n            }\n            const table = firstTableCell.findAncestor('table');\n            // Remove rows and columns that become empty (have no anchored cells).\n            removeEmptyRowsColumns(table, tableUtils);\n            writer.setSelection(firstTableCell, 'in');\n        });\n    }\n}\n/**\n *  Merges two table cells. It will ensure that after merging cells with empty paragraphs the resulting table cell will only have one\n * paragraph. If one of the merged table cells is empty, the merged table cell will have contents of the non-empty table cell.\n * If both are empty, the merged table cell will have only one empty paragraph.\n */ function mergeTableCells(cellBeingMerged, targetCell, writer) {\n    if (!isEmpty$1(cellBeingMerged)) {\n        if (isEmpty$1(targetCell)) {\n            writer.remove(writer.createRangeIn(targetCell));\n        }\n        writer.move(writer.createRangeIn(cellBeingMerged), writer.createPositionAt(targetCell, 'end'));\n    }\n    // Remove merged table cell.\n    writer.remove(cellBeingMerged);\n}\n/**\n * Checks if the passed table cell contains an empty paragraph.\n */ function isEmpty$1(tableCell) {\n    const firstTableChild = tableCell.getChild(0);\n    return tableCell.childCount == 1 && firstTableChild.is('element', 'paragraph') && firstTableChild.isEmpty;\n}\nfunction getMergeDimensions(firstTableCell, selectedTableCells, tableUtils) {\n    let maxWidthOffset = 0;\n    let maxHeightOffset = 0;\n    for (const tableCell of selectedTableCells){\n        const { row, column } = tableUtils.getCellLocation(tableCell);\n        maxWidthOffset = getMaxOffset(tableCell, column, maxWidthOffset, 'colspan');\n        maxHeightOffset = getMaxOffset(tableCell, row, maxHeightOffset, 'rowspan');\n    }\n    // Update table cell span attribute and merge set selection on a merged contents.\n    const { row: firstCellRow, column: firstCellColumn } = tableUtils.getCellLocation(firstTableCell);\n    const mergeWidth = maxWidthOffset - firstCellColumn;\n    const mergeHeight = maxHeightOffset - firstCellRow;\n    return {\n        mergeWidth,\n        mergeHeight\n    };\n}\nfunction getMaxOffset(tableCell, start, currentMaxOffset, which) {\n    const dimensionValue = parseInt(tableCell.getAttribute(which) || '1');\n    return Math.max(currentMaxOffset, start + dimensionValue);\n}\n\n/**\n * The select row command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'selectTableRow'` editor command.\n *\n * To select the rows containing the selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'selectTableRow' );\n * ```\n */ class SelectRowCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // It does not affect data so should be enabled in read-only mode.\n        this.affectsData = false;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const selectedCells = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection);\n        this.isEnabled = selectedCells.length > 0;\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const model = this.editor.model;\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const referenceCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);\n        const rowIndexes = tableUtils.getRowIndexes(referenceCells);\n        const table = referenceCells[0].findAncestor('table');\n        const rangesToSelect = [];\n        for(let rowIndex = rowIndexes.first; rowIndex <= rowIndexes.last; rowIndex++){\n            for (const cell of table.getChild(rowIndex).getChildren()){\n                rangesToSelect.push(model.createRangeOn(cell));\n            }\n        }\n        model.change((writer)=>{\n            writer.setSelection(rangesToSelect);\n        });\n    }\n}\n\n/**\n * The select column command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'selectTableColumn'` editor command.\n *\n * To select the columns containing the selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'selectTableColumn' );\n * ```\n */ class SelectColumnCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        // It does not affect data so should be enabled in read-only mode.\n        this.affectsData = false;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const selectedCells = tableUtils.getSelectionAffectedTableCells(this.editor.model.document.selection);\n        this.isEnabled = selectedCells.length > 0;\n    }\n    /**\n\t * @inheritDoc\n\t */ execute() {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const model = this.editor.model;\n        const referenceCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);\n        const firstCell = referenceCells[0];\n        const lastCell = referenceCells.pop();\n        const table = firstCell.findAncestor('table');\n        const startLocation = tableUtils.getCellLocation(firstCell);\n        const endLocation = tableUtils.getCellLocation(lastCell);\n        const startColumn = Math.min(startLocation.column, endLocation.column);\n        const endColumn = Math.max(startLocation.column, endLocation.column);\n        const rangesToSelect = [];\n        for (const cellInfo of new TableWalker(table, {\n            startColumn,\n            endColumn\n        })){\n            rangesToSelect.push(model.createRangeOn(cellInfo.cell));\n        }\n        model.change((writer)=>{\n            writer.setSelection(rangesToSelect);\n        });\n    }\n}\n\n/**\n * Injects a table layout post-fixer into the model.\n *\n * The role of the table layout post-fixer is to ensure that the table rows have the correct structure\n * after a {@link module:engine/model/model~Model#change `change()`} block was executed.\n *\n * The correct structure means that:\n *\n * * All table rows have the same size.\n * * None of the table cells extend vertically beyond their section (either header or body).\n * * A table cell has always at least one element as a child.\n *\n * If the table structure is not correct, the post-fixer will automatically correct it in two steps:\n *\n * 1. It will clip table cells that extend beyond their section.\n * 2. It will add empty table cells to the rows that are narrower than the widest table row.\n *\n * ## Clipping overlapping table cells\n *\n * Such situation may occur when pasting a table (or a part of a table) to the editor from external sources.\n *\n * For example, see the following table which has a cell (FOO) with the rowspan attribute (2):\n *\n * ```xml\n * <table headingRows=\"1\">\n *   <tableRow>\n *     <tableCell rowspan=\"2\"><paragraph>FOO</paragraph></tableCell>\n *     <tableCell colspan=\"2\"><paragraph>BAR</paragraph></tableCell>\n *   </tableRow>\n *   <tableRow>\n *     <tableCell><paragraph>BAZ</paragraph></tableCell>\n *     <tableCell><paragraph>XYZ</paragraph></tableCell>\n *   </tableRow>\n * </table>\n * ```\n *\n * It will be rendered in the view as:\n *\n * ```xml\n * <table>\n *   <thead>\n *     <tr>\n *       <td rowspan=\"2\">FOO</td>\n *       <td colspan=\"2\">BAR</td>\n *     </tr>\n *   </thead>\n *   <tbody>\n *     <tr>\n *       <td>BAZ</td>\n *       <td>XYZ</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * In the above example the table will be rendered as a table with two rows: one in the header and second one in the body.\n * The table cell (FOO) cannot span over multiple rows as it would extend from the header to the body section.\n * The `rowspan` attribute must be changed to (1). The value (1) is the default value of the `rowspan` attribute\n * so the `rowspan` attribute will be removed from the model.\n *\n * The table cell with BAZ in the content will be in the first column of the table.\n *\n * ## Adding missing table cells\n *\n * The table post-fixer will insert empty table cells to equalize table row sizes (the number of columns).\n * The size of a table row is calculated by counting column spans of table cells, both horizontal (from the same row) and\n * vertical (from the rows above).\n *\n * In the above example, the table row in the body section of the table is narrower then the row from the header: it has two cells\n * with the default colspan (1). The header row has one cell with colspan (1) and the second with colspan (2).\n * The table cell (FOO) does not extend beyond the head section (and as such will be fixed in the first step of this post-fixer).\n * The post-fixer will add a missing table cell to the row in the body section of the table.\n *\n * The table from the above example will be fixed and rendered to the view as below:\n *\n * ```xml\n * <table>\n *   <thead>\n *     <tr>\n *       <td rowspan=\"2\">FOO</td>\n *       <td colspan=\"2\">BAR</td>\n *     </tr>\n *   </thead>\n *   <tbody>\n *     <tr>\n *       <td>BAZ</td>\n *       <td>XYZ</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * ## Collaboration and undo - Expectations vs post-fixer results\n *\n * The table post-fixer only ensures proper structure without a deeper analysis of the nature of the change. As such, it might lead\n * to a structure which was not intended by the user. In particular, it will also fix undo steps (in conjunction with collaboration)\n * in which the editor content might not return to the original state.\n *\n * This will usually happen when one or more users change the size of the table.\n *\n * As an example see the table below:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * and the user actions:\n *\n * 1. Both users have a table with two rows and two columns.\n * 2. User A adds a column at the end of the table. This will insert empty table cells to two rows.\n * 3. User B adds a row at the end of the table. This will insert a row with two empty table cells.\n * 4. Both users will have a table as below:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *       <td>(empty, inserted by A)</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *       <td>(empty, inserted by A)</td>\n *     </tr>\n *     <tr>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by B)</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * The last row is shorter then others so the table post-fixer will add an empty row to the last row:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *       <td>(empty, inserted by A)</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *       <td>(empty, inserted by A)</td>\n *     </tr>\n *     <tr>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by the post-fixer)</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * Unfortunately undo does not know the nature of the changes and depending on which user applies the post-fixer changes, undoing them\n * might lead to a broken table. If User B undoes inserting the column to the table, the undo engine will undo only the operations of\n * inserting empty cells to rows from the initial table state (row 1 and 2) but the cell in the post-fixed row will remain:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *     </tr>\n *     <tr>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by a post-fixer)</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * After undo, the table post-fixer will detect that two rows are shorter than others and will fix the table to:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *       <td>(empty, inserted by a post-fixer after undo)</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *       <td>(empty, inserted by a post-fixer after undo)</td>\n *     </tr>\n *     <tr>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by a post-fixer)</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * @internal\n */ function injectTableLayoutPostFixer(model) {\n    model.document.registerPostFixer((writer)=>tableLayoutPostFixer(writer, model));\n}\n/**\n * The table layout post-fixer.\n */ function tableLayoutPostFixer(writer, model) {\n    const changes = model.document.differ.getChanges();\n    let wasFixed = false;\n    // Do not analyze the same table more then once - may happen for multiple changes in the same table.\n    const analyzedTables = new Set();\n    for (const entry of changes){\n        let table = null;\n        if (entry.type == 'insert' && entry.name == 'table') {\n            table = entry.position.nodeAfter;\n        }\n        // Fix table on adding/removing table cells and rows.\n        if ((entry.type == 'insert' || entry.type == 'remove') && (entry.name == 'tableRow' || entry.name == 'tableCell')) {\n            table = entry.position.findAncestor('table');\n        }\n        // Fix table on any table's attribute change - including attributes of table cells.\n        if (isTableAttributeEntry(entry)) {\n            table = entry.range.start.findAncestor('table');\n        }\n        if (table && !analyzedTables.has(table)) {\n            // Step 1: correct rowspans of table cells if necessary.\n            // The wasFixed flag should be true if any of tables in batch was fixed - might be more then one.\n            wasFixed = fixTableCellsRowspan(table, writer) || wasFixed;\n            // Step 2: fix table rows sizes.\n            wasFixed = fixTableRowsSizes(table, writer) || wasFixed;\n            analyzedTables.add(table);\n        }\n    }\n    return wasFixed;\n}\n/**\n * Fixes the invalid value of the `rowspan` attribute because a table cell cannot vertically extend beyond the table section it belongs to.\n *\n * @returns Returns `true` if the table was fixed.\n */ function fixTableCellsRowspan(table, writer) {\n    let wasFixed = false;\n    const cellsToTrim = findCellsToTrim(table);\n    if (cellsToTrim.length) {\n        // @if CK_DEBUG_TABLE // console.log( `Post-fixing table: trimming cells row-spans (${ cellsToTrim.length }).` );\n        wasFixed = true;\n        for (const data of cellsToTrim){\n            updateNumericAttribute('rowspan', data.rowspan, data.cell, writer, 1);\n        }\n    }\n    return wasFixed;\n}\n/**\n * Makes all table rows in a table the same size.\n *\n * @returns Returns `true` if the table was fixed.\n */ function fixTableRowsSizes(table, writer) {\n    let wasFixed = false;\n    const childrenLengths = getChildrenLengths(table);\n    const rowsToRemove = [];\n    // Find empty rows.\n    for (const [rowIndex, size] of childrenLengths.entries()){\n        // Ignore all non-row models.\n        if (!size && table.getChild(rowIndex).is('element', 'tableRow')) {\n            rowsToRemove.push(rowIndex);\n        }\n    }\n    // Remove empty rows.\n    if (rowsToRemove.length) {\n        // @if CK_DEBUG_TABLE // console.log( `Post-fixing table: remove empty rows (${ rowsToRemove.length }).` );\n        wasFixed = true;\n        for (const rowIndex of rowsToRemove.reverse()){\n            writer.remove(table.getChild(rowIndex));\n            childrenLengths.splice(rowIndex, 1);\n        }\n    }\n    // Filter out everything that's not a table row.\n    const rowsLengths = childrenLengths.filter((row, rowIndex)=>table.getChild(rowIndex).is('element', 'tableRow'));\n    // Verify if all the rows have the same number of columns.\n    const tableSize = rowsLengths[0];\n    const isValid = rowsLengths.every((length)=>length === tableSize);\n    if (!isValid) {\n        // @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: adding missing cells.' );\n        // Find the maximum number of columns.\n        const maxColumns = rowsLengths.reduce((prev, current)=>current > prev ? current : prev, 0);\n        for (const [rowIndex, size] of rowsLengths.entries()){\n            const columnsToInsert = maxColumns - size;\n            if (columnsToInsert) {\n                for(let i = 0; i < columnsToInsert; i++){\n                    createEmptyTableCell(writer, writer.createPositionAt(table.getChild(rowIndex), 'end'));\n                }\n                wasFixed = true;\n            }\n        }\n    }\n    return wasFixed;\n}\n/**\n * Searches for table cells that extend beyond the table section to which they belong to. It will return an array of objects\n * that stores table cells to be trimmed and the correct value of the `rowspan` attribute to set.\n */ function findCellsToTrim(table) {\n    const headingRows = parseInt(table.getAttribute('headingRows') || '0');\n    const maxRows = Array.from(table.getChildren()).reduce((count, row)=>row.is('element', 'tableRow') ? count + 1 : count, 0);\n    const cellsToTrim = [];\n    for (const { row, cell, cellHeight } of new TableWalker(table)){\n        // Skip cells that do not expand over its row.\n        if (cellHeight < 2) {\n            continue;\n        }\n        const isInHeader = row < headingRows;\n        // Row limit is either end of header section or whole table as table body is after the header.\n        const rowLimit = isInHeader ? headingRows : maxRows;\n        // If table cell expands over its limit reduce it height to proper value.\n        if (row + cellHeight > rowLimit) {\n            const newRowspan = rowLimit - row;\n            cellsToTrim.push({\n                cell,\n                rowspan: newRowspan\n            });\n        }\n    }\n    return cellsToTrim;\n}\n/**\n * Returns an array with lengths of rows assigned to the corresponding row index.\n */ function getChildrenLengths(table) {\n    // TableWalker will not provide items for the empty rows, we need to pre-fill this array.\n    const lengths = new Array(table.childCount).fill(0);\n    for (const { rowIndex } of new TableWalker(table, {\n        includeAllSlots: true\n    })){\n        lengths[rowIndex]++;\n    }\n    return lengths;\n}\n/**\n * Checks if the differ entry for an attribute change is one of the table's attributes.\n */ function isTableAttributeEntry(entry) {\n    if (entry.type !== 'attribute') {\n        return false;\n    }\n    const key = entry.attributeKey;\n    return key === 'headingRows' || key === 'colspan' || key === 'rowspan';\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module table/converters/table-cell-paragraph-post-fixer\n */ /**\n * Injects a table cell post-fixer into the model which inserts a `paragraph` element into empty table cells.\n *\n * A table cell must contain at least one block element as a child. An empty table cell will have an empty `paragraph` as a child.\n *\n * ```xml\n * <table>\n *   <tableRow>\n *      <tableCell></tableCell>\n *   </tableRow>\n * </table>\n * ```\n *\n * Will be fixed to:\n *\n * ```xml\n * <table>\n *   <tableRow>\n *      <tableCell><paragraph></paragraph></tableCell>\n *   </tableRow>\n * </table>\n * ```\n *\n * @internal\n */ function injectTableCellParagraphPostFixer(model) {\n    model.document.registerPostFixer((writer)=>tableCellContentsPostFixer(writer, model));\n}\n/**\n * The table cell contents post-fixer.\n */ function tableCellContentsPostFixer(writer, model) {\n    const changes = model.document.differ.getChanges();\n    let wasFixed = false;\n    for (const entry of changes){\n        if (entry.type == 'insert' && entry.name == 'table') {\n            wasFixed = fixTable(entry.position.nodeAfter, writer) || wasFixed;\n        }\n        if (entry.type == 'insert' && entry.name == 'tableRow') {\n            wasFixed = fixTableRow(entry.position.nodeAfter, writer) || wasFixed;\n        }\n        if (entry.type == 'insert' && entry.name == 'tableCell') {\n            wasFixed = fixTableCellContent(entry.position.nodeAfter, writer) || wasFixed;\n        }\n        if ((entry.type == 'remove' || entry.type == 'insert') && checkTableCellChange(entry)) {\n            wasFixed = fixTableCellContent(entry.position.parent, writer) || wasFixed;\n        }\n    }\n    return wasFixed;\n}\n/**\n * Fixes all table cells in a table.\n */ function fixTable(table, writer) {\n    let wasFixed = false;\n    for (const row of table.getChildren()){\n        if (row.is('element', 'tableRow')) {\n            wasFixed = fixTableRow(row, writer) || wasFixed;\n        }\n    }\n    return wasFixed;\n}\n/**\n * Fixes all table cells in a table row.\n */ function fixTableRow(tableRow, writer) {\n    let wasFixed = false;\n    for (const tableCell of tableRow.getChildren()){\n        wasFixed = fixTableCellContent(tableCell, writer) || wasFixed;\n    }\n    return wasFixed;\n}\n/**\n * Fixes all table cell content by:\n * - Adding a paragraph to a table cell without any child.\n * - Wrapping direct $text in a `<paragraph>`.\n */ function fixTableCellContent(tableCell, writer) {\n    // Insert paragraph to an empty table cell.\n    if (tableCell.childCount == 0) {\n        // @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: insert paragraph in empty cell.' );\n        writer.insertElement('paragraph', tableCell);\n        return true;\n    }\n    // Check table cell children for directly placed text nodes.\n    // Temporary solution. See https://github.com/ckeditor/ckeditor5/issues/1464.\n    const textNodes = Array.from(tableCell.getChildren()).filter((child)=>child.is('$text'));\n    // @if CK_DEBUG_TABLE // textNodes.length && console.log( 'Post-fixing table: wrap cell content with paragraph.' );\n    for (const child of textNodes){\n        writer.wrap(writer.createRangeOn(child), 'paragraph');\n    }\n    // Return true when there were text nodes to fix.\n    return !!textNodes.length;\n}\n/**\n * Checks if a differ change should fix the table cell. This happens on:\n * - Removing content from the table cell (i.e. `tableCell` can be left empty).\n * - Adding a text node directly into a table cell.\n */ function checkTableCellChange(entry) {\n    if (!entry.position.parent.is('element', 'tableCell')) {\n        return false;\n    }\n    return entry.type == 'insert' && entry.name == '$text' || entry.type == 'remove';\n}\n\n/**\n * A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered\n * if the headings attribute changed.\n *\n * Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.\n *\n * When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.\n *\n * @internal\n */ function tableHeadingsRefreshHandler(model, editing) {\n    const differ = model.document.differ;\n    for (const change of differ.getChanges()){\n        let table;\n        let isRowChange = false;\n        if (change.type == 'attribute') {\n            const element = change.range.start.nodeAfter;\n            if (!element || !element.is('element', 'table')) {\n                continue;\n            }\n            if (change.attributeKey != 'headingRows' && change.attributeKey != 'headingColumns') {\n                continue;\n            }\n            table = element;\n            isRowChange = change.attributeKey == 'headingRows';\n        } else if (change.name == 'tableRow' || change.name == 'tableCell') {\n            table = change.position.findAncestor('table');\n            isRowChange = change.name == 'tableRow';\n        }\n        if (!table) {\n            continue;\n        }\n        const headingRows = table.getAttribute('headingRows') || 0;\n        const headingColumns = table.getAttribute('headingColumns') || 0;\n        const tableWalker = new TableWalker(table);\n        for (const tableSlot of tableWalker){\n            const isHeading = tableSlot.row < headingRows || tableSlot.column < headingColumns;\n            const expectedElementName = isHeading ? 'th' : 'td';\n            const viewElement = editing.mapper.toViewElement(tableSlot.cell);\n            if (viewElement && viewElement.is('element') && viewElement.name != expectedElementName) {\n                editing.reconvertItem(isRowChange ? tableSlot.cell.parent : tableSlot.cell);\n            }\n        }\n    }\n}\n\n/**\n * A table cell refresh handler which marks the table cell in the differ to have it re-rendered.\n *\n * Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block\n * element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.\n *\n * When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is\n * re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.\n *\n * @internal\n */ function tableCellRefreshHandler(model, editing) {\n    const differ = model.document.differ;\n    // Stores cells to be refreshed, so the table cell will be refreshed once for multiple changes.\n    const cellsToCheck = new Set();\n    for (const change of differ.getChanges()){\n        const parent = change.type == 'attribute' ? change.range.start.parent : change.position.parent;\n        if (parent.is('element', 'tableCell')) {\n            cellsToCheck.add(parent);\n        }\n    }\n    for (const tableCell of cellsToCheck.values()){\n        const paragraphsToRefresh = Array.from(tableCell.getChildren()).filter((child)=>shouldRefresh(child, editing.mapper));\n        for (const paragraph of paragraphsToRefresh){\n            editing.reconvertItem(paragraph);\n        }\n    }\n}\n/**\n * Check if given model element needs refreshing.\n */ function shouldRefresh(child, mapper) {\n    if (!child.is('element', 'paragraph')) {\n        return false;\n    }\n    const viewElement = mapper.toViewElement(child);\n    if (!viewElement) {\n        return false;\n    }\n    return isSingleParagraphWithoutAttributes(child) !== viewElement.is('element', 'span');\n}\n\n/**\n * The table editing feature.\n */ class TableEditing extends Plugin {\n    /**\n\t * Handlers for creating additional slots in the table.\n\t */ _additionalSlots;\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._additionalSlots = [];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const schema = model.schema;\n        const conversion = editor.conversion;\n        const tableUtils = editor.plugins.get(TableUtils);\n        schema.register('table', {\n            inheritAllFrom: '$blockObject',\n            allowAttributes: [\n                'headingRows',\n                'headingColumns'\n            ]\n        });\n        schema.register('tableRow', {\n            allowIn: 'table',\n            isLimit: true\n        });\n        schema.register('tableCell', {\n            allowContentOf: '$container',\n            allowIn: 'tableRow',\n            allowAttributes: [\n                'colspan',\n                'rowspan'\n            ],\n            isLimit: true,\n            isSelectable: true\n        });\n        // Figure conversion.\n        conversion.for('upcast').add(upcastTableFigure());\n        // Table conversion.\n        conversion.for('upcast').add(upcastTable());\n        conversion.for('editingDowncast').elementToStructure({\n            model: {\n                name: 'table',\n                attributes: [\n                    'headingRows'\n                ]\n            },\n            view: downcastTable(tableUtils, {\n                asWidget: true,\n                additionalSlots: this._additionalSlots\n            })\n        });\n        conversion.for('dataDowncast').elementToStructure({\n            model: {\n                name: 'table',\n                attributes: [\n                    'headingRows'\n                ]\n            },\n            view: downcastTable(tableUtils, {\n                additionalSlots: this._additionalSlots\n            })\n        });\n        // Table row conversion.\n        conversion.for('upcast').elementToElement({\n            model: 'tableRow',\n            view: 'tr'\n        });\n        conversion.for('upcast').add(skipEmptyTableRow());\n        conversion.for('downcast').elementToElement({\n            model: 'tableRow',\n            view: downcastRow()\n        });\n        // Table cell conversion.\n        conversion.for('upcast').elementToElement({\n            model: 'tableCell',\n            view: 'td'\n        });\n        conversion.for('upcast').elementToElement({\n            model: 'tableCell',\n            view: 'th'\n        });\n        conversion.for('upcast').add(ensureParagraphInTableCell('td'));\n        conversion.for('upcast').add(ensureParagraphInTableCell('th'));\n        conversion.for('editingDowncast').elementToElement({\n            model: 'tableCell',\n            view: downcastCell({\n                asWidget: true\n            })\n        });\n        conversion.for('dataDowncast').elementToElement({\n            model: 'tableCell',\n            view: downcastCell()\n        });\n        // Duplicates code - needed to properly refresh paragraph inside a table cell.\n        conversion.for('editingDowncast').elementToElement({\n            model: 'paragraph',\n            view: convertParagraphInTableCell({\n                asWidget: true\n            }),\n            converterPriority: 'high'\n        });\n        conversion.for('dataDowncast').elementToElement({\n            model: 'paragraph',\n            view: convertParagraphInTableCell(),\n            converterPriority: 'high'\n        });\n        // Table attributes conversion.\n        conversion.for('downcast').attributeToAttribute({\n            model: 'colspan',\n            view: 'colspan'\n        });\n        conversion.for('upcast').attributeToAttribute({\n            model: {\n                key: 'colspan',\n                value: upcastCellSpan('colspan')\n            },\n            view: 'colspan'\n        });\n        conversion.for('downcast').attributeToAttribute({\n            model: 'rowspan',\n            view: 'rowspan'\n        });\n        conversion.for('upcast').attributeToAttribute({\n            model: {\n                key: 'rowspan',\n                value: upcastCellSpan('rowspan')\n            },\n            view: 'rowspan'\n        });\n        // Plain table output converters (also used in the clipboard pipeline).\n        this._addPlainTableOutputConverters();\n        // Define the config.\n        editor.config.define('table.defaultHeadings.rows', 0);\n        editor.config.define('table.defaultHeadings.columns', 0);\n        // Define all the commands.\n        editor.commands.add('insertTable', new InsertTableCommand(editor));\n        editor.commands.add('insertTableRowAbove', new InsertRowCommand(editor, {\n            order: 'above'\n        }));\n        editor.commands.add('insertTableRowBelow', new InsertRowCommand(editor, {\n            order: 'below'\n        }));\n        editor.commands.add('insertTableColumnLeft', new InsertColumnCommand(editor, {\n            order: 'left'\n        }));\n        editor.commands.add('insertTableColumnRight', new InsertColumnCommand(editor, {\n            order: 'right'\n        }));\n        editor.commands.add('removeTableRow', new RemoveRowCommand(editor));\n        editor.commands.add('removeTableColumn', new RemoveColumnCommand(editor));\n        editor.commands.add('splitTableCellVertically', new SplitCellCommand(editor, {\n            direction: 'vertically'\n        }));\n        editor.commands.add('splitTableCellHorizontally', new SplitCellCommand(editor, {\n            direction: 'horizontally'\n        }));\n        editor.commands.add('mergeTableCells', new MergeCellsCommand(editor));\n        editor.commands.add('mergeTableCellRight', new MergeCellCommand(editor, {\n            direction: 'right'\n        }));\n        editor.commands.add('mergeTableCellLeft', new MergeCellCommand(editor, {\n            direction: 'left'\n        }));\n        editor.commands.add('mergeTableCellDown', new MergeCellCommand(editor, {\n            direction: 'down'\n        }));\n        editor.commands.add('mergeTableCellUp', new MergeCellCommand(editor, {\n            direction: 'up'\n        }));\n        editor.commands.add('setTableColumnHeader', new SetHeaderColumnCommand(editor));\n        editor.commands.add('setTableRowHeader', new SetHeaderRowCommand(editor));\n        editor.commands.add('selectTableRow', new SelectRowCommand(editor));\n        editor.commands.add('selectTableColumn', new SelectColumnCommand(editor));\n        injectTableLayoutPostFixer(model);\n        injectTableCellParagraphPostFixer(model);\n        this.listenTo(model.document, 'change:data', ()=>{\n            tableHeadingsRefreshHandler(model, editor.editing);\n            tableCellRefreshHandler(model, editor.editing);\n        });\n    }\n    /**\n\t * Registers downcast handler for the additional table slot.\n\t */ registerAdditionalSlot(slotHandler) {\n        this._additionalSlots.push(slotHandler);\n    }\n    /**\n\t * Adds converters for plain table output. These converters are used either when the `PlainTableOutput` plugin is loaded\n\t * or when content is processed by the clipboard pipeline, ensuring that pasted tables are not wrapped in a <figure> element.\n\t */ _addPlainTableOutputConverters() {\n        const editor = this.editor;\n        // Override default table data downcast converter.\n        editor.conversion.for('dataDowncast').elementToStructure({\n            model: 'table',\n            view: convertPlainTable(editor),\n            converterPriority: 'high'\n        });\n        // Make sure table <caption> is downcasted into <caption> in the data pipeline when necessary.\n        if (editor.plugins.has('TableCaption')) {\n            editor.conversion.for('dataDowncast').elementToElement({\n                model: 'caption',\n                view: convertPlainTableCaption(editor),\n                converterPriority: 'high'\n            });\n        }\n        // Handle border-style, border-color, border-width and background-color table attributes.\n        if (editor.plugins.has('TableProperties')) {\n            downcastTableBorderAndBackgroundAttributes(editor);\n        }\n    }\n}\n/**\n * Returns fixed colspan and rowspan attrbutes values.\n *\n * @param type colspan or rowspan.\n * @returns conversion value function.\n */ function upcastCellSpan(type) {\n    return (cell)=>{\n        const span = parseInt(cell.getAttribute(type));\n        if (Number.isNaN(span) || span <= 0) {\n            return null;\n        }\n        return span;\n    };\n}\n\n/**\n * The table size view.\n *\n * It renders a 10x10 grid to choose the inserted table size.\n *\n * @internal\n */ class InsertTableView extends View {\n    /**\n\t * A collection of table size box items.\n\t */ items;\n    /**\n\t * Listen to `keydown` events fired in this view's main element.\n\t */ keystrokes;\n    /**\n\t * Tracks information about the DOM focus in the grid.\n\t */ focusTracker;\n    /**\n\t * @inheritDoc\n\t */ constructor(locale){\n        super(locale);\n        const bind = this.bindTemplate;\n        this.items = this._createGridCollection();\n        this.keystrokes = new KeystrokeHandler();\n        this.focusTracker = new FocusTracker();\n        this.set('rows', 0);\n        this.set('columns', 0);\n        this.bind('label').to(this, 'columns', this, 'rows', (columns, rows)=>`${rows} × ${columns}`);\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck'\n                ]\n            },\n            children: [\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: [\n                            'ck-insert-table-dropdown__grid'\n                        ]\n                    },\n                    on: {\n                        'mouseover@.ck-insert-table-dropdown-grid-box': bind.to('boxover')\n                    },\n                    children: this.items\n                },\n                {\n                    tag: 'div',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-insert-table-dropdown__label'\n                        ],\n                        'aria-hidden': true\n                    },\n                    children: [\n                        {\n                            text: bind.to('label')\n                        }\n                    ]\n                }\n            ],\n            on: {\n                mousedown: bind.to((evt)=>{\n                    evt.preventDefault();\n                }),\n                click: bind.to(()=>{\n                    this.fire('execute');\n                })\n            }\n        });\n        // #rows and #columns are set via changes to #focusTracker on mouse over.\n        this.on('boxover', (evt, domEvt)=>{\n            const { row, column } = domEvt.target.dataset;\n            this.items.get((parseInt(row, 10) - 1) * 10 + (parseInt(column, 10) - 1)).focus();\n        });\n        // This allows the #rows and #columns to be updated when:\n        // * the user navigates the grid using the keyboard,\n        // * the user moves the mouse over grid items.\n        this.focusTracker.on('change:focusedElement', (evt, name, focusedElement)=>{\n            if (!focusedElement) {\n                return;\n            }\n            const { row, column } = focusedElement.dataset;\n            // As row & column indexes are zero-based transform it to number of selected rows & columns.\n            this.set({\n                rows: parseInt(row),\n                columns: parseInt(column)\n            });\n        });\n        this.on('change:columns', ()=>this._highlightGridBoxes());\n        this.on('change:rows', ()=>this._highlightGridBoxes());\n    }\n    render() {\n        super.render();\n        addKeyboardHandlingForGrid({\n            keystrokeHandler: this.keystrokes,\n            focusTracker: this.focusTracker,\n            gridItems: this.items,\n            numberOfColumns: 10,\n            uiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n        });\n        for (const item of this.items){\n            this.focusTracker.add(item.element);\n        }\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * Resets the rows and columns selection.\n\t */ reset() {\n        this.set({\n            rows: 1,\n            columns: 1\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ focus() {\n        this.items.get(0).focus();\n    }\n    /**\n\t * @inheritDoc\n\t */ focusLast() {\n        this.items.get(0).focus();\n    }\n    /**\n\t * Highlights grid boxes depending on rows and columns selected.\n\t */ _highlightGridBoxes() {\n        const rows = this.rows;\n        const columns = this.columns;\n        this.items.map((boxView, index)=>{\n            // Translate box index to the row & column index.\n            const itemRow = Math.floor(index / 10);\n            const itemColumn = index % 10;\n            // Grid box is highlighted when its row & column index belongs to selected number of rows & columns.\n            const isOn = itemRow < rows && itemColumn < columns;\n            boxView.set('isOn', isOn);\n        });\n    }\n    /**\n\t * Creates a new Button for the grid.\n\t *\n\t * @param locale The locale instance.\n\t * @param row Row number.\n\t * @param column Column number.\n\t * @param label The grid button label.\n\t */ _createGridButton(locale, row, column, label) {\n        const button = new ButtonView(locale);\n        button.set({\n            label,\n            class: 'ck-insert-table-dropdown-grid-box'\n        });\n        button.extendTemplate({\n            attributes: {\n                'data-row': row,\n                'data-column': column\n            }\n        });\n        return button;\n    }\n    /**\n\t * @returns A view collection containing boxes to be placed in a table grid.\n\t */ _createGridCollection() {\n        const boxes = [];\n        // Add grid boxes to table selection view.\n        for(let index = 0; index < 100; index++){\n            const row = Math.floor(index / 10);\n            const column = index % 10;\n            const label = `${row + 1} × ${column + 1}`;\n            boxes.push(this._createGridButton(this.locale, row + 1, column + 1, label));\n        }\n        return this.createCollection(boxes);\n    }\n}\n\n/**\n * The table UI plugin. It introduces:\n *\n * * The `'insertTable'` dropdown,\n * * The `'menuBar:insertTable'` menu bar menu,\n * * The `'tableColumn'` dropdown,\n * * The `'tableRow'` dropdown,\n * * The `'mergeTableCells'` split button.\n *\n * The `'tableColumn'`, `'tableRow'` and `'mergeTableCells'` dropdowns work best with {@link module:table/tabletoolbar~TableToolbar}.\n */ class TableUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        const contentLanguageDirection = editor.locale.contentLanguageDirection;\n        const isContentLtr = contentLanguageDirection === 'ltr';\n        editor.ui.componentFactory.add('insertTable', (locale)=>{\n            const command = editor.commands.get('insertTable');\n            const dropdownView = createDropdown(locale);\n            dropdownView.bind('isEnabled').to(command);\n            // Decorate dropdown's button.\n            dropdownView.buttonView.set({\n                icon: IconTable,\n                label: t('Insert table'),\n                tooltip: true\n            });\n            let insertTableView;\n            dropdownView.on('change:isOpen', ()=>{\n                if (insertTableView) {\n                    return;\n                }\n                // Prepare custom view for dropdown's panel.\n                insertTableView = new InsertTableView(locale);\n                dropdownView.panelView.children.add(insertTableView);\n                insertTableView.delegate('execute').to(dropdownView);\n                dropdownView.on('execute', ()=>{\n                    editor.execute('insertTable', {\n                        rows: insertTableView.rows,\n                        columns: insertTableView.columns\n                    });\n                    editor.editing.view.focus();\n                });\n            });\n            return dropdownView;\n        });\n        editor.ui.componentFactory.add('menuBar:insertTable', (locale)=>{\n            const command = editor.commands.get('insertTable');\n            const menuView = new MenuBarMenuView(locale);\n            const insertTableView = new InsertTableView(locale);\n            insertTableView.delegate('execute').to(menuView);\n            menuView.on('change:isOpen', (event, name, isOpen)=>{\n                if (!isOpen) {\n                    insertTableView.reset();\n                }\n            });\n            insertTableView.on('execute', ()=>{\n                editor.execute('insertTable', {\n                    rows: insertTableView.rows,\n                    columns: insertTableView.columns\n                });\n                editor.editing.view.focus();\n            });\n            menuView.buttonView.set({\n                label: t('Table'),\n                icon: IconTable\n            });\n            menuView.panelView.children.add(insertTableView);\n            menuView.bind('isEnabled').to(command);\n            return menuView;\n        });\n        editor.ui.componentFactory.add('tableColumn', (locale)=>{\n            const options = [\n                {\n                    type: 'switchbutton',\n                    model: {\n                        commandName: 'setTableColumnHeader',\n                        label: t('Header column'),\n                        bindIsOn: true\n                    }\n                },\n                {\n                    type: 'separator'\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: isContentLtr ? 'insertTableColumnLeft' : 'insertTableColumnRight',\n                        label: t('Insert column left')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: isContentLtr ? 'insertTableColumnRight' : 'insertTableColumnLeft',\n                        label: t('Insert column right')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'removeTableColumn',\n                        label: t('Delete column')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'selectTableColumn',\n                        label: t('Select column')\n                    }\n                }\n            ];\n            return this._prepareDropdown(t('Column'), IconTableColumn, options, locale);\n        });\n        editor.ui.componentFactory.add('tableRow', (locale)=>{\n            const options = [\n                {\n                    type: 'switchbutton',\n                    model: {\n                        commandName: 'setTableRowHeader',\n                        label: t('Header row'),\n                        bindIsOn: true\n                    }\n                },\n                {\n                    type: 'separator'\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'insertTableRowAbove',\n                        label: t('Insert row above')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'insertTableRowBelow',\n                        label: t('Insert row below')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'removeTableRow',\n                        label: t('Delete row')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'selectTableRow',\n                        label: t('Select row')\n                    }\n                }\n            ];\n            return this._prepareDropdown(t('Row'), IconTableRow, options, locale);\n        });\n        editor.ui.componentFactory.add('mergeTableCells', (locale)=>{\n            const options = [\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'mergeTableCellUp',\n                        label: t('Merge cell up')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: isContentLtr ? 'mergeTableCellRight' : 'mergeTableCellLeft',\n                        label: t('Merge cell right')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'mergeTableCellDown',\n                        label: t('Merge cell down')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: isContentLtr ? 'mergeTableCellLeft' : 'mergeTableCellRight',\n                        label: t('Merge cell left')\n                    }\n                },\n                {\n                    type: 'separator'\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'splitTableCellVertically',\n                        label: t('Split cell vertically')\n                    }\n                },\n                {\n                    type: 'button',\n                    model: {\n                        commandName: 'splitTableCellHorizontally',\n                        label: t('Split cell horizontally')\n                    }\n                }\n            ];\n            return this._prepareMergeSplitButtonDropdown(t('Merge cells'), IconTableMergeCell, options, locale);\n        });\n    }\n    /**\n\t * Creates a dropdown view from a set of options.\n\t *\n\t * @param label The dropdown button label.\n\t * @param icon An icon for the dropdown button.\n\t * @param options The list of options for the dropdown.\n\t */ _prepareDropdown(label, icon, options, locale) {\n        const editor = this.editor;\n        const dropdownView = createDropdown(locale);\n        const commands = this._fillDropdownWithListOptions(dropdownView, options);\n        // Decorate dropdown's button.\n        dropdownView.buttonView.set({\n            label,\n            icon,\n            tooltip: true\n        });\n        // Make dropdown button disabled when all options are disabled.\n        dropdownView.bind('isEnabled').toMany(commands, 'isEnabled', (...areEnabled)=>{\n            return areEnabled.some((isEnabled)=>isEnabled);\n        });\n        this.listenTo(dropdownView, 'execute', (evt)=>{\n            editor.execute(evt.source.commandName);\n            // Toggling a switch button view should not move the focus to the editable.\n            if (!(evt.source instanceof SwitchButtonView)) {\n                editor.editing.view.focus();\n            }\n        });\n        return dropdownView;\n    }\n    /**\n\t * Creates a dropdown view with a {@link module:ui/dropdown/button/splitbuttonview~SplitButtonView} for\n\t * merge (and split)–related commands.\n\t *\n\t * @param label The dropdown button label.\n\t * @param icon An icon for the dropdown button.\n\t * @param options The list of options for the dropdown.\n\t */ _prepareMergeSplitButtonDropdown(label, icon, options, locale) {\n        const editor = this.editor;\n        const dropdownView = createDropdown(locale, SplitButtonView);\n        const mergeCommandName = 'mergeTableCells';\n        // Main command.\n        const mergeCommand = editor.commands.get(mergeCommandName);\n        // Subcommands in the dropdown.\n        const commands = this._fillDropdownWithListOptions(dropdownView, options);\n        dropdownView.buttonView.set({\n            label,\n            icon,\n            tooltip: true,\n            isEnabled: true\n        });\n        // Make dropdown button disabled when all options are disabled together with the main command.\n        dropdownView.bind('isEnabled').toMany([\n            mergeCommand,\n            ...commands\n        ], 'isEnabled', (...areEnabled)=>{\n            return areEnabled.some((isEnabled)=>isEnabled);\n        });\n        // Merge selected table cells when the main part of the split button is clicked.\n        this.listenTo(dropdownView.buttonView, 'execute', ()=>{\n            editor.execute(mergeCommandName);\n            editor.editing.view.focus();\n        });\n        // Execute commands for events coming from the list in the dropdown panel.\n        this.listenTo(dropdownView, 'execute', (evt)=>{\n            editor.execute(evt.source.commandName);\n            editor.editing.view.focus();\n        });\n        return dropdownView;\n    }\n    /**\n\t * Injects a {@link module:ui/list/listview~ListView} into the passed dropdown with buttons\n\t * which execute editor commands as configured in passed options.\n\t *\n\t * @param options The list of options for the dropdown.\n\t * @returns Commands the list options are interacting with.\n\t */ _fillDropdownWithListOptions(dropdownView, options) {\n        const editor = this.editor;\n        const commands = [];\n        const itemDefinitions = new Collection();\n        for (const option of options){\n            addListOption(option, editor, commands, itemDefinitions);\n        }\n        addListToDropdown(dropdownView, itemDefinitions);\n        return commands;\n    }\n}\n/**\n * Adds an option to a list view.\n *\n * @param option A configuration option.\n * @param commands The list of commands to update.\n * @param itemDefinitions A collection of dropdown items to update with the given option.\n */ function addListOption(option, editor, commands, itemDefinitions) {\n    if (option.type === 'button' || option.type === 'switchbutton') {\n        const model = option.model = new UIModel(option.model);\n        const { commandName, bindIsOn } = option.model;\n        const command = editor.commands.get(commandName);\n        commands.push(command);\n        model.set({\n            commandName\n        });\n        model.bind('isEnabled').to(command);\n        if (bindIsOn) {\n            model.bind('isOn').to(command, 'value');\n        }\n        model.set({\n            withText: true\n        });\n    }\n    itemDefinitions.add(option);\n}\n\n/**\n * This plugin enables the advanced table cells, rows and columns selection.\n * It is loaded automatically by the {@link module:table/table~Table} plugin.\n */ class TableSelection extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableSelection';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableUtils,\n            TableUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const model = editor.model;\n        const view = editor.editing.view;\n        this.listenTo(model, 'deleteContent', (evt, args)=>this._handleDeleteContent(evt, args), {\n            priority: 'high'\n        });\n        this.listenTo(view.document, 'insertText', (evt, data)=>this._handleInsertTextEvent(evt, data), {\n            priority: 'high'\n        });\n        this._defineSelectionConverter();\n        this._enablePluginDisabling(); // sic!\n    }\n    /**\n\t * Returns the currently selected table cells or `null` if it is not a table cells selection.\n\t */ getSelectedTableCells() {\n        const tableUtils = this.editor.plugins.get(TableUtils);\n        const selection = this.editor.model.document.selection;\n        const selectedCells = tableUtils.getSelectedTableCells(selection);\n        if (selectedCells.length == 0) {\n            return null;\n        }\n        // This should never happen, but let's know if it ever happens.\n        // @if CK_DEBUG //\tif ( selectedCells.length != selection.rangeCount ) {\n        // @if CK_DEBUG //\t\tconsole.warn( 'Mixed selection warning. The selection contains table cells and some other ranges.' );\n        // @if CK_DEBUG //\t}\n        return selectedCells;\n    }\n    /**\n\t * Returns the selected table fragment as a document fragment.\n\t */ getSelectionAsFragment() {\n        const tableUtils = this.editor.plugins.get(TableUtils);\n        const selectedCells = this.getSelectedTableCells();\n        if (!selectedCells) {\n            return null;\n        }\n        return this.editor.model.change((writer)=>{\n            const documentFragment = writer.createDocumentFragment();\n            const { first: firstColumn, last: lastColumn } = tableUtils.getColumnIndexes(selectedCells);\n            const { first: firstRow, last: lastRow } = tableUtils.getRowIndexes(selectedCells);\n            const sourceTable = selectedCells[0].findAncestor('table');\n            let adjustedLastRow = lastRow;\n            let adjustedLastColumn = lastColumn;\n            // If the selection is rectangular there could be a case of all cells in the last row/column spanned over\n            // next row/column so the real lastRow/lastColumn should be updated.\n            if (tableUtils.isSelectionRectangular(selectedCells)) {\n                const dimensions = {\n                    firstColumn,\n                    lastColumn,\n                    firstRow,\n                    lastRow\n                };\n                adjustedLastRow = adjustLastRowIndex(sourceTable, dimensions);\n                adjustedLastColumn = adjustLastColumnIndex(sourceTable, dimensions);\n            }\n            const cropDimensions = {\n                startRow: firstRow,\n                startColumn: firstColumn,\n                endRow: adjustedLastRow,\n                endColumn: adjustedLastColumn\n            };\n            const table = cropTableToDimensions(sourceTable, cropDimensions, writer);\n            writer.insert(table, documentFragment, 0);\n            return documentFragment;\n        });\n    }\n    /**\n\t * Sets the model selection based on given anchor and target cells (can be the same cell).\n\t * Takes care of setting the backward flag.\n\t *\n\t * ```ts\n\t * const modelRoot = editor.model.document.getRoot();\n\t * const firstCell = modelRoot.getNodeByPath( [ 0, 0, 0 ] );\n\t * const lastCell = modelRoot.getNodeByPath( [ 0, 0, 1 ] );\n\t *\n\t * const tableSelection = editor.plugins.get( 'TableSelection' );\n\t * tableSelection.setCellSelection( firstCell, lastCell );\n\t * ```\n\t */ setCellSelection(anchorCell, targetCell) {\n        const cellsToSelect = this._getCellsToSelect(anchorCell, targetCell);\n        this.editor.model.change((writer)=>{\n            writer.setSelection(cellsToSelect.cells.map((cell)=>writer.createRangeOn(cell)), {\n                backward: cellsToSelect.backward\n            });\n        });\n    }\n    /**\n\t * Returns the focus cell from the current selection.\n\t */ getFocusCell() {\n        const selection = this.editor.model.document.selection;\n        const focusCellRange = [\n            ...selection.getRanges()\n        ].pop();\n        const element = focusCellRange.getContainedElement();\n        if (element && element.is('element', 'tableCell')) {\n            return element;\n        }\n        return null;\n    }\n    /**\n\t * Returns the anchor cell from the current selection.\n\t */ getAnchorCell() {\n        const selection = this.editor.model.document.selection;\n        const anchorCellRange = first(selection.getRanges());\n        const element = anchorCellRange.getContainedElement();\n        if (element && element.is('element', 'tableCell')) {\n            return element;\n        }\n        return null;\n    }\n    /**\n\t * Defines a selection converter which marks the selected cells with a specific class.\n\t *\n\t * The real DOM selection is put in the last cell. Since the order of ranges is dependent on whether the\n\t * selection is backward or not, the last cell will usually be close to the \"focus\" end of the selection\n\t * (a selection has anchor and focus).\n\t *\n\t * The real DOM selection is then hidden with CSS.\n\t */ _defineSelectionConverter() {\n        const editor = this.editor;\n        const highlighted = new Set();\n        editor.conversion.for('editingDowncast').add((dispatcher)=>dispatcher.on('selection', (evt, data, conversionApi)=>{\n                const viewWriter = conversionApi.writer;\n                clearHighlightedTableCells(viewWriter);\n                const selectedCells = this.getSelectedTableCells();\n                if (!selectedCells) {\n                    return;\n                }\n                for (const tableCell of selectedCells){\n                    const viewElement = conversionApi.mapper.toViewElement(tableCell);\n                    viewWriter.addClass('ck-editor__editable_selected', viewElement);\n                    highlighted.add(viewElement);\n                }\n                const lastViewCell = conversionApi.mapper.toViewElement(selectedCells[selectedCells.length - 1]);\n                viewWriter.setSelection(lastViewCell, 0);\n            }, {\n                priority: 'lowest'\n            }));\n        function clearHighlightedTableCells(viewWriter) {\n            for (const previouslyHighlighted of highlighted){\n                viewWriter.removeClass('ck-editor__editable_selected', previouslyHighlighted);\n            }\n            highlighted.clear();\n        }\n    }\n    /**\n\t * Creates a listener that reacts to changes in {@link #isEnabled} and, if the plugin was disabled,\n\t * it collapses the multi-cell selection to a regular selection placed inside a table cell.\n\t *\n\t * This listener helps features that disable the table selection plugin bring the selection\n\t * to a clear state they can work with (for instance, because they don't support multiple cell selection).\n\t */ _enablePluginDisabling() {\n        const editor = this.editor;\n        this.on('change:isEnabled', ()=>{\n            if (!this.isEnabled) {\n                const selectedCells = this.getSelectedTableCells();\n                if (!selectedCells) {\n                    return;\n                }\n                editor.model.change((writer)=>{\n                    const position = writer.createPositionAt(selectedCells[0], 0);\n                    const range = editor.model.schema.getNearestSelectionRange(position);\n                    writer.setSelection(range);\n                });\n            }\n        });\n    }\n    /**\n\t * Overrides the default `model.deleteContent()` behavior over a selected table fragment.\n\t *\n\t * @param args Delete content method arguments.\n\t */ _handleDeleteContent(event, args) {\n        const tableUtils = this.editor.plugins.get(TableUtils);\n        const selection = args[0];\n        const options = args[1];\n        const model = this.editor.model;\n        const isBackward = !options || options.direction == 'backward';\n        const selectedTableCells = tableUtils.getSelectedTableCells(selection);\n        if (!selectedTableCells.length) {\n            return;\n        }\n        event.stop();\n        model.change((writer)=>{\n            const tableCellToSelect = selectedTableCells[isBackward ? selectedTableCells.length - 1 : 0];\n            model.change((writer)=>{\n                for (const tableCell of selectedTableCells){\n                    model.deleteContent(writer.createSelection(tableCell, 'in'));\n                }\n            });\n            const rangeToSelect = model.schema.getNearestSelectionRange(writer.createPositionAt(tableCellToSelect, 0));\n            // Note: we ignore the case where rangeToSelect may be null because deleteContent() will always (unless someone broke it)\n            // create an empty paragraph to accommodate the selection.\n            if (selection.is('documentSelection')) {\n                writer.setSelection(rangeToSelect);\n            } else {\n                selection.setTo(rangeToSelect);\n            }\n        });\n    }\n    /**\n\t * This handler makes it possible to remove the content of all selected cells by starting to type.\n\t * If you take a look at {@link #_defineSelectionConverter} you will find out that despite the multi-cell selection being set\n\t * in the model, the view selection is collapsed in the last cell (because most browsers are unable to render multi-cell selections;\n\t * yes, it's a hack).\n\t *\n\t * When multiple cells are selected in the model and the user starts to type, the\n\t * {@link module:engine/view/document~ViewDocument#event:insertText} event carries information provided by the\n\t * beforeinput DOM  event, that in turn only knows about this collapsed DOM selection in the last cell.\n\t *\n\t * As a result, the selected cells have no chance to be cleaned up. To fix this, this listener intercepts\n\t * the event and injects the custom view selection in the data that translates correctly to the actual state\n\t * of the multi-cell selection in the model.\n\t *\n\t * @param data Insert text event data.\n\t */ _handleInsertTextEvent(evt, data) {\n        const editor = this.editor;\n        const selectedCells = this.getSelectedTableCells();\n        if (!selectedCells) {\n            return;\n        }\n        const view = editor.editing.view;\n        const mapper = editor.editing.mapper;\n        const viewRanges = selectedCells.map((tableCell)=>view.createRangeOn(mapper.toViewElement(tableCell)));\n        data.selection = view.createSelection(viewRanges);\n        // Do not let the browser handle it itself. We must modify the model and then apply changes to the view and DOM.\n        data.preventDefault();\n    }\n    /**\n\t * Returns an array of table cells that should be selected based on the\n\t * given anchor cell and target (focus) cell.\n\t *\n\t * The cells are returned in a reverse direction if the selection is backward.\n\t */ _getCellsToSelect(anchorCell, targetCell) {\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const startLocation = tableUtils.getCellLocation(anchorCell);\n        const endLocation = tableUtils.getCellLocation(targetCell);\n        const startRow = Math.min(startLocation.row, endLocation.row);\n        const endRow = Math.max(startLocation.row, endLocation.row);\n        const startColumn = Math.min(startLocation.column, endLocation.column);\n        // Adjust the selection to include the entire row if a cell with colspan is selected.\n        // This ensures that the selection covers the full width of the colspan cell.\n        //\n        // Example:\n        // +---+---+---+---+\n        // | A | B | C | D |\n        // +---+---+---+---+\n        // | E             |\n        // +---+---+---+---+\n        //\n        // If the selection starts at `B` and ends at `E`, the entire first row should be selected.\n        //\n        // In other words, the selection will represent the following cells:\n        // \t* Without this adjustment, only `B`, `A` and `E` would be selected.\n        // \t* With this adjustment, `A`, `B`, `C`, `D`, and `E` are selected.\n        //\n        // See: https://github.com/ckeditor/ckeditor5/issues/17538\n        const endColumnExtraColspan = parseInt(targetCell.getAttribute('colspan') || '1') - 1;\n        const endColumn = Math.max(startLocation.column, endLocation.column + endColumnExtraColspan);\n        // 2-dimensional array of the selected cells to ease flipping the order of cells for backward selections.\n        const selectionMap = new Array(endRow - startRow + 1).fill(null).map(()=>[]);\n        const walkerOptions = {\n            startRow,\n            endRow,\n            startColumn,\n            endColumn\n        };\n        for (const { row, cell } of new TableWalker(anchorCell.findAncestor('table'), walkerOptions)){\n            selectionMap[row - startRow].push(cell);\n        }\n        const flipVertically = endLocation.row < startLocation.row;\n        const flipHorizontally = endLocation.column < startLocation.column;\n        if (flipVertically) {\n            selectionMap.reverse();\n        }\n        if (flipHorizontally) {\n            selectionMap.forEach((row)=>row.reverse());\n        }\n        return {\n            cells: selectionMap.flat(),\n            backward: flipVertically || flipHorizontally\n        };\n    }\n}\n\n/**\n * This plugin adds support for copying/cutting/pasting fragments of tables.\n * It is loaded automatically by the {@link module:table/table~Table} plugin.\n */ class TableClipboard extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableClipboard';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ClipboardMarkersUtils,\n            ClipboardPipeline,\n            TableSelection,\n            TableUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        this.listenTo(viewDocument, 'copy', (evt, data)=>this._onCopyCut(evt, data));\n        this.listenTo(viewDocument, 'cut', (evt, data)=>this._onCopyCut(evt, data));\n        this._listenToContentInsertion();\n        this.decorate('_replaceTableSlotCell');\n    }\n    /**\n\t * Sets up listening for events from the clipboard pipeline to properly handle\n\t * table content merging during paste/drop operations.\n\t *\n\t * When a user is dragging and dropping a table, we want to insert the entire table into\n\t * a table cell instead of merging table contents. For paste and other events,\n\t * the normal table merge behavior is applied.\n\t */ _listenToContentInsertion() {\n        const { editor } = this;\n        const clipboardPipeline = editor.plugins.get(ClipboardPipeline);\n        const tableSelection = editor.plugins.get(TableSelection);\n        let isPaste = false;\n        clipboardPipeline.on('contentInsertion', (evt, data)=>{\n            isPaste = data.method === 'paste';\n        });\n        this.listenTo(editor.model, 'insertContent', (evt, [content, selectable])=>{\n            // Handles drag-and-drop of tables, where tables are inserted into selected cells rather than merged.\n            // The `isPaste` flag handles scenarios where other features (e.g., Templates) insert tables into specific cells.\n            if (isPaste || tableSelection.getSelectedTableCells() !== null) {\n                this._onInsertContent(evt, content, selectable);\n            }\n        }, {\n            priority: 'high'\n        });\n        clipboardPipeline.on('contentInsertion', ()=>{\n            isPaste = false;\n        }, {\n            priority: 'lowest'\n        });\n    }\n    /**\n\t * Copies table content to a clipboard on \"copy\" & \"cut\" events.\n\t *\n\t * @param evt An object containing information about the handled event.\n\t * @param data Clipboard event data.\n\t */ _onCopyCut(evt, data) {\n        const view = this.editor.editing.view;\n        const tableSelection = this.editor.plugins.get(TableSelection);\n        const clipboardMarkersUtils = this.editor.plugins.get(ClipboardMarkersUtils);\n        if (!tableSelection.getSelectedTableCells()) {\n            return;\n        }\n        if (evt.name == 'cut' && !this.editor.model.canEditAt(this.editor.model.document.selection)) {\n            return;\n        }\n        data.preventDefault();\n        evt.stop();\n        this.editor.model.enqueueChange({\n            isUndoable: evt.name === 'cut'\n        }, ()=>{\n            const documentFragment = clipboardMarkersUtils._copySelectedFragmentWithMarkers(evt.name, this.editor.model.document.selection, ()=>tableSelection.getSelectionAsFragment());\n            view.document.fire('clipboardOutput', {\n                dataTransfer: data.dataTransfer,\n                content: this.editor.data.toView(documentFragment),\n                method: evt.name\n            });\n        });\n    }\n    /**\n\t * Overrides default {@link module:engine/model/model~Model#insertContent `model.insertContent()`} method to handle pasting table inside\n\t * selected table fragment.\n\t *\n\t * Depending on selected table fragment:\n\t * - If a selected table fragment is smaller than paste table it will crop pasted table to match dimensions.\n\t * - If dimensions are equal it will replace selected table fragment with a pasted table contents.\n\t *\n\t * @param content The content to insert.\n\t * @param selectable The selection into which the content should be inserted.\n\t * If not provided the current model document selection will be used.\n\t */ _onInsertContent(evt, content, selectable) {\n        if (selectable && !selectable.is('documentSelection')) {\n            return;\n        }\n        const model = this.editor.model;\n        const tableUtils = this.editor.plugins.get(TableUtils);\n        const clipboardMarkersUtils = this.editor.plugins.get(ClipboardMarkersUtils);\n        // We might need to crop table before inserting so reference might change.\n        const pastedTable = this.getTableIfOnlyTableInContent(content, model);\n        if (!pastedTable) {\n            return;\n        }\n        const selectedTableCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);\n        if (!selectedTableCells.length) {\n            removeEmptyRowsColumns(pastedTable, tableUtils);\n            return;\n        }\n        // Override default model.insertContent() handling at this point.\n        evt.stop();\n        if (content.is('documentFragment')) {\n            clipboardMarkersUtils._pasteMarkersIntoTransformedElement(content.markers, (writer)=>this._replaceSelectedCells(pastedTable, selectedTableCells, writer));\n        } else {\n            this.editor.model.change((writer)=>{\n                this._replaceSelectedCells(pastedTable, selectedTableCells, writer);\n            });\n        }\n    }\n    /**\n\t * Inserts provided `selectedTableCells` into `pastedTable`.\n\t */ _replaceSelectedCells(pastedTable, selectedTableCells, writer) {\n        const tableUtils = this.editor.plugins.get(TableUtils);\n        const pastedDimensions = {\n            width: tableUtils.getColumns(pastedTable),\n            height: tableUtils.getRows(pastedTable)\n        };\n        // Prepare the table for pasting.\n        const selection = prepareTableForPasting(selectedTableCells, pastedDimensions, writer, tableUtils);\n        // Beyond this point we operate on a fixed content table with rectangular selection and proper last row/column values.\n        const selectionHeight = selection.lastRow - selection.firstRow + 1;\n        const selectionWidth = selection.lastColumn - selection.firstColumn + 1;\n        // Crop pasted table if:\n        // - Pasted table dimensions exceeds selection area.\n        // - Pasted table has broken layout (ie some cells sticks out by the table dimensions established by the first and last row).\n        //\n        // Note: The table dimensions are established by the width of the first row and the total number of rows.\n        // It is possible to programmatically create a table that has rows which would have cells anchored beyond first row width but\n        // such table will not be created by other editing solutions.\n        const cropDimensions = {\n            startRow: 0,\n            startColumn: 0,\n            endRow: Math.min(selectionHeight, pastedDimensions.height) - 1,\n            endColumn: Math.min(selectionWidth, pastedDimensions.width) - 1\n        };\n        pastedTable = cropTableToDimensions(pastedTable, cropDimensions, writer);\n        // Content table to which we insert a pasted table.\n        const selectedTable = selectedTableCells[0].findAncestor('table');\n        const cellsToSelect = this._replaceSelectedCellsWithPasted(pastedTable, pastedDimensions, selectedTable, selection, writer);\n        if (this.editor.plugins.get('TableSelection').isEnabled) {\n            // Selection ranges must be sorted because the first and last selection ranges are considered\n            // as anchor/focus cell ranges for multi-cell selection.\n            const selectionRanges = tableUtils.sortRanges(cellsToSelect.map((cell)=>writer.createRangeOn(cell)));\n            writer.setSelection(selectionRanges);\n        } else {\n            // Set selection inside first cell if multi-cell selection is disabled.\n            writer.setSelection(cellsToSelect[0], 0);\n        }\n        return selectedTable;\n    }\n    /**\n\t * Replaces the part of selectedTable with pastedTable.\n\t */ _replaceSelectedCellsWithPasted(pastedTable, pastedDimensions, selectedTable, selection, writer) {\n        const { width: pastedWidth, height: pastedHeight } = pastedDimensions;\n        // Holds two-dimensional array that is addressed by [ row ][ column ] that stores cells anchored at given location.\n        const pastedTableLocationMap = createLocationMap(pastedTable, pastedWidth, pastedHeight);\n        const selectedTableMap = [\n            ...new TableWalker(selectedTable, {\n                startRow: selection.firstRow,\n                endRow: selection.lastRow,\n                startColumn: selection.firstColumn,\n                endColumn: selection.lastColumn,\n                includeAllSlots: true\n            })\n        ];\n        // Selection must be set to pasted cells (some might be removed or new created).\n        const cellsToSelect = [];\n        // Store next cell insert position.\n        let insertPosition;\n        // Content table replace cells algorithm iterates over a selected table fragment and:\n        //\n        // - Removes existing table cells at current slot (location).\n        // - Inserts cell from a pasted table for a matched slots.\n        //\n        // This ensures proper table geometry after the paste\n        for (const tableSlot of selectedTableMap){\n            const { row, column } = tableSlot;\n            // Save the insert position for current row start.\n            if (column === selection.firstColumn) {\n                insertPosition = tableSlot.getPositionBefore();\n            }\n            // Map current table slot location to an pasted table slot location.\n            const pastedRow = row - selection.firstRow;\n            const pastedColumn = column - selection.firstColumn;\n            const pastedCell = pastedTableLocationMap[pastedRow % pastedHeight][pastedColumn % pastedWidth];\n            // Clone cell to insert (to duplicate its attributes and children).\n            // Cloning is required to support repeating pasted table content when inserting to a bigger selection.\n            const cellToInsert = pastedCell ? writer.cloneElement(pastedCell) : null;\n            // Replace the cell from the current slot with new table cell.\n            const newTableCell = this._replaceTableSlotCell(tableSlot, cellToInsert, insertPosition, writer);\n            // The cell was only removed.\n            if (!newTableCell) {\n                continue;\n            }\n            // Trim the cell if it's row/col-spans would exceed selection area.\n            trimTableCellIfNeeded(newTableCell, row, column, selection.lastRow, selection.lastColumn, writer);\n            cellsToSelect.push(newTableCell);\n            insertPosition = writer.createPositionAfter(newTableCell);\n        }\n        // If there are any headings, all the cells that overlap from heading must be splitted.\n        const headingRows = parseInt(selectedTable.getAttribute('headingRows') || '0');\n        const headingColumns = parseInt(selectedTable.getAttribute('headingColumns') || '0');\n        const areHeadingRowsIntersectingSelection = selection.firstRow < headingRows && headingRows <= selection.lastRow;\n        const areHeadingColumnsIntersectingSelection = selection.firstColumn < headingColumns && headingColumns <= selection.lastColumn;\n        if (areHeadingRowsIntersectingSelection) {\n            const columnsLimit = {\n                first: selection.firstColumn,\n                last: selection.lastColumn\n            };\n            const newCells = doHorizontalSplit(selectedTable, headingRows, columnsLimit, writer, selection.firstRow);\n            cellsToSelect.push(...newCells);\n        }\n        if (areHeadingColumnsIntersectingSelection) {\n            const rowsLimit = {\n                first: selection.firstRow,\n                last: selection.lastRow\n            };\n            const newCells = doVerticalSplit(selectedTable, headingColumns, rowsLimit, writer);\n            cellsToSelect.push(...newCells);\n        }\n        return cellsToSelect;\n    }\n    /**\n\t * Replaces a single table slot.\n\t *\n\t * @returns Inserted table cell or null if slot should remain empty.\n\t * @private\n\t */ _replaceTableSlotCell(tableSlot, cellToInsert, insertPosition, writer) {\n        const { cell, isAnchor } = tableSlot;\n        // If the slot is occupied by a cell in a selected table - remove it.\n        // The slot of this cell will be either:\n        // - Replaced by a pasted table cell.\n        // - Spanned by a previously pasted table cell.\n        if (isAnchor) {\n            writer.remove(cell);\n        }\n        // There is no cell to insert (might be spanned by other cell in a pasted table) - advance to the next content table slot.\n        if (!cellToInsert) {\n            return null;\n        }\n        writer.insert(cellToInsert, insertPosition);\n        return cellToInsert;\n    }\n    /**\n\t * Extracts the table for pasting into a table.\n\t *\n\t * @param content The content to insert.\n\t * @param model The editor model.\n\t */ getTableIfOnlyTableInContent(content, model) {\n        if (!content.is('documentFragment') && !content.is('element')) {\n            return null;\n        }\n        // Table passed directly.\n        if (content.is('element', 'table')) {\n            return content;\n        }\n        // We do not support mixed content when pasting table into table.\n        // See: https://github.com/ckeditor/ckeditor5/issues/6817.\n        if (content.childCount == 1 && content.getChild(0).is('element', 'table')) {\n            return content.getChild(0);\n        }\n        // If there are only whitespaces around a table then use that table for pasting.\n        const contentRange = model.createRangeIn(content);\n        for (const element of contentRange.getItems()){\n            if (element.is('element', 'table')) {\n                // Stop checking if there is some content before table.\n                const rangeBefore = model.createRange(contentRange.start, model.createPositionBefore(element));\n                if (model.hasContent(rangeBefore, {\n                    ignoreWhitespaces: true\n                })) {\n                    return null;\n                }\n                // Stop checking if there is some content after table.\n                const rangeAfter = model.createRange(model.createPositionAfter(element), contentRange.end);\n                if (model.hasContent(rangeAfter, {\n                    ignoreWhitespaces: true\n                })) {\n                    return null;\n                }\n                // There wasn't any content neither before nor after.\n                return element;\n            }\n        }\n        return null;\n    }\n}\n/**\n * Prepares a table for pasting and returns adjusted selection dimensions.\n */ function prepareTableForPasting(selectedTableCells, pastedDimensions, writer, tableUtils) {\n    const selectedTable = selectedTableCells[0].findAncestor('table');\n    const columnIndexes = tableUtils.getColumnIndexes(selectedTableCells);\n    const rowIndexes = tableUtils.getRowIndexes(selectedTableCells);\n    const selection = {\n        firstColumn: columnIndexes.first,\n        lastColumn: columnIndexes.last,\n        firstRow: rowIndexes.first,\n        lastRow: rowIndexes.last\n    };\n    // Single cell selected - expand selection to pasted table dimensions.\n    const shouldExpandSelection = selectedTableCells.length === 1;\n    if (shouldExpandSelection) {\n        selection.lastRow += pastedDimensions.height - 1;\n        selection.lastColumn += pastedDimensions.width - 1;\n        expandTableSize(selectedTable, selection.lastRow + 1, selection.lastColumn + 1, tableUtils);\n    }\n    // In case of expanding selection we do not reset the selection so in this case we will always try to fix selection\n    // like in the case of a non-rectangular area. This might be fixed by re-setting selected cells array but this shortcut is safe.\n    if (shouldExpandSelection || !tableUtils.isSelectionRectangular(selectedTableCells)) {\n        // For a non-rectangular selection (ie in which some cells sticks out from a virtual selection rectangle) we need to create\n        // a table layout that has a rectangular selection. This will split cells so the selection become rectangular.\n        // Beyond this point we will operate on fixed content table.\n        splitCellsToRectangularSelection(selectedTable, selection, writer);\n    } else {\n        selection.lastRow = adjustLastRowIndex(selectedTable, selection);\n        selection.lastColumn = adjustLastColumnIndex(selectedTable, selection);\n    }\n    return selection;\n}\n/**\n * Expand table (in place) to expected size.\n */ function expandTableSize(table, expectedHeight, expectedWidth, tableUtils) {\n    const tableWidth = tableUtils.getColumns(table);\n    const tableHeight = tableUtils.getRows(table);\n    if (expectedWidth > tableWidth) {\n        tableUtils.insertColumns(table, {\n            at: tableWidth,\n            columns: expectedWidth - tableWidth\n        });\n    }\n    if (expectedHeight > tableHeight) {\n        tableUtils.insertRows(table, {\n            at: tableHeight,\n            rows: expectedHeight - tableHeight\n        });\n    }\n}\n/**\n * Returns two-dimensional array that is addressed by [ row ][ column ] that stores cells anchored at given location.\n *\n * At given row & column location it might be one of:\n *\n * * cell - cell from pasted table anchored at this location.\n * * null - if no cell is anchored at this location.\n *\n * For instance, from a table below:\n *\n *   +----+----+----+----+\n *   | 00 | 01 | 02 | 03 |\n *   +    +----+----+----+\n *   |    | 11      | 13 |\n *   +----+         +----+\n *   | 20 |         | 23 |\n *   +----+----+----+----+\n *\n * The method will return an array (numbers represents cell element):\n *\n * ```ts\n * const map = [\n *   [ '00', '01', '02', '03' ],\n *   [ null, '11', null, '13' ],\n *   [ '20', null, null, '23' ]\n * ]\n * ```\n *\n * This allows for a quick access to table at give row & column. For instance to access table cell \"13\" from pasted table call:\n *\n * ```ts\n * const cell = map[ 1 ][ 3 ]\n * ```\n */ function createLocationMap(table, width, height) {\n    // Create height x width (row x column) two-dimensional table to store cells.\n    const map = new Array(height).fill(null).map(()=>new Array(width).fill(null));\n    for (const { column, row, cell } of new TableWalker(table)){\n        map[row][column] = cell;\n    }\n    return map;\n}\n/**\n * Make selected cells rectangular by splitting the cells that stand out from a rectangular selection.\n *\n * In the table below a selection is shown with \"::\" and slots with anchor cells are named.\n *\n * +----+----+----+----+----+                    +----+----+----+----+----+\n * | 00 | 01 | 02 | 03      |                    | 00 | 01 | 02 | 03      |\n * +    +----+    +----+----+                    |    ::::::::::::::::----+\n * |    | 11 |    | 13 | 14 |                    |    ::11 |    | 13:: 14 |    <- first row\n * +----+----+    +    +----+                    +----::---|    |   ::----+\n * | 20 | 21 |    |    | 24 |   select cells:    | 20 ::21 |    |   :: 24 |\n * +----+----+    +----+----+     11 -> 33       +----::---|    |---::----+\n * | 30      |    | 33 | 34 |                    | 30 ::   |    | 33:: 34 |    <- last row\n * +         +    +----+    +                    |    ::::::::::::::::    +\n * |         |    | 43 |    |                    |         |    | 43 |    |\n * +----+----+----+----+----+                    +----+----+----+----+----+\n *                                                      ^          ^\n *                                                     first & last columns\n *\n * Will update table to:\n *\n *                       +----+----+----+----+----+\n *                       | 00 | 01 | 02 | 03      |\n *                       +    +----+----+----+----+\n *                       |    | 11 |    | 13 | 14 |\n *                       +----+----+    +    +----+\n *                       | 20 | 21 |    |    | 24 |\n *                       +----+----+    +----+----+\n *                       | 30 |    |    | 33 | 34 |\n *                       +    +----+----+----+    +\n *                       |    |    |    | 43 |    |\n *                       +----+----+----+----+----+\n *\n * In th example above:\n * - Cell \"02\" which have `rowspan = 4` must be trimmed at first and at after last row.\n * - Cell \"03\" which have `rowspan = 2` and `colspan = 2` must be trimmed at first column and after last row.\n * - Cells \"00\", \"03\" & \"30\" which cannot be cut by this algorithm as they are outside the trimmed area.\n * - Cell \"13\" cannot be cut as it is inside the trimmed area.\n */ function splitCellsToRectangularSelection(table, dimensions, writer) {\n    const { firstRow, lastRow, firstColumn, lastColumn } = dimensions;\n    const rowIndexes = {\n        first: firstRow,\n        last: lastRow\n    };\n    const columnIndexes = {\n        first: firstColumn,\n        last: lastColumn\n    };\n    // 1. Split cells vertically in two steps as first step might create cells that needs to split again.\n    doVerticalSplit(table, firstColumn, rowIndexes, writer);\n    doVerticalSplit(table, lastColumn + 1, rowIndexes, writer);\n    // 2. Split cells horizontally in two steps as first step might create cells that needs to split again.\n    doHorizontalSplit(table, firstRow, columnIndexes, writer);\n    doHorizontalSplit(table, lastRow + 1, columnIndexes, writer, firstRow);\n}\nfunction doHorizontalSplit(table, splitRow, limitColumns, writer, startRow = 0) {\n    // If selection starts at first row then no split is needed.\n    if (splitRow < 1) {\n        return;\n    }\n    const overlappingCells = getVerticallyOverlappingCells(table, splitRow, startRow);\n    // Filter out cells that are not touching insides of the rectangular selection.\n    const cellsToSplit = overlappingCells.filter(({ column, cellWidth })=>isAffectedBySelection(column, cellWidth, limitColumns));\n    return cellsToSplit.map(({ cell })=>splitHorizontally(cell, splitRow, writer));\n}\nfunction doVerticalSplit(table, splitColumn, limitRows, writer) {\n    // If selection starts at first column then no split is needed.\n    if (splitColumn < 1) {\n        return;\n    }\n    const overlappingCells = getHorizontallyOverlappingCells(table, splitColumn);\n    // Filter out cells that are not touching insides of the rectangular selection.\n    const cellsToSplit = overlappingCells.filter(({ row, cellHeight })=>isAffectedBySelection(row, cellHeight, limitRows));\n    return cellsToSplit.map(({ cell, column })=>splitVertically(cell, column, splitColumn, writer));\n}\n/**\n * Checks if cell at given row (column) is affected by a rectangular selection defined by first/last column (row).\n *\n * The same check is used for row as for column.\n */ function isAffectedBySelection(index, span, limit) {\n    const endIndex = index + span - 1;\n    const { first, last } = limit;\n    const isInsideSelection = index >= first && index <= last;\n    const overlapsSelectionFromOutside = index < first && endIndex >= first;\n    return isInsideSelection || overlapsSelectionFromOutside;\n}\n\n/**\n * This plugin enables keyboard navigation for tables.\n * It is loaded automatically by the {@link module:table/table~Table} plugin.\n */ class TableKeyboard extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableKeyboard';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableSelection,\n            TableUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const view = editor.editing.view;\n        const viewDocument = view.document;\n        const t = editor.t;\n        this.listenTo(viewDocument, 'arrowKey', (...args)=>this._onArrowKey(...args), {\n            context: 'table'\n        });\n        this.listenTo(viewDocument, 'tab', (...args)=>this._handleTabOnSelectedTable(...args), {\n            context: 'figure'\n        });\n        this.listenTo(viewDocument, 'tab', (...args)=>this._handleTab(...args), {\n            context: [\n                'th',\n                'td'\n            ]\n        });\n        // Add the information about the keystrokes to the accessibility database.\n        editor.accessibility.addKeystrokeInfoGroup({\n            id: 'table',\n            label: t('Keystrokes that can be used in a table cell'),\n            keystrokes: [\n                {\n                    label: t('Move the selection to the next cell'),\n                    keystroke: 'Tab'\n                },\n                {\n                    label: t('Move the selection to the previous cell'),\n                    keystroke: 'Shift+Tab'\n                },\n                {\n                    label: t('Insert a new table row (when in the last cell of a table)'),\n                    keystroke: 'Tab'\n                },\n                {\n                    label: t('Navigate through the table'),\n                    keystroke: [\n                        [\n                            'arrowup'\n                        ],\n                        [\n                            'arrowright'\n                        ],\n                        [\n                            'arrowdown'\n                        ],\n                        [\n                            'arrowleft'\n                        ]\n                    ]\n                }\n            ]\n        });\n    }\n    /**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:tab tab} events for the <kbd>Tab</kbd> key executed\n\t * when the table widget is selected.\n\t */ _handleTabOnSelectedTable(bubblingEventInfo, domEventData) {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        const selectedElement = selection.getSelectedElement();\n        if (!selectedElement || !selectedElement.is('element', 'table')) {\n            return;\n        }\n        // For backward compatibility stop propagation of this DOM event.\n        // The default tab handling from widgets handles navigation.\n        domEventData.stopPropagation();\n    }\n    /**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:tab tab} events for the <kbd>Tab</kbd> key executed\n\t * inside table cells.\n\t */ _handleTab(bubblingEventInfo, domEventData) {\n        const editor = this.editor;\n        const tableUtils = this.editor.plugins.get(TableUtils);\n        const tableSelection = this.editor.plugins.get('TableSelection');\n        const selection = editor.model.document.selection;\n        const isForward = !domEventData.shiftKey;\n        let tableCell = tableUtils.getTableCellsContainingSelection(selection)[0];\n        if (!tableCell) {\n            tableCell = tableSelection.getFocusCell();\n        }\n        if (!tableCell) {\n            return;\n        }\n        // For backward compatibility stop propagation of this DOM event.\n        // The default tab handling from widgets handles navigation.\n        domEventData.stopPropagation();\n        const tableRow = tableCell.parent;\n        const table = tableRow.parent;\n        const currentRowIndex = table.getChildIndex(tableRow);\n        const currentCellIndex = tableRow.getChildIndex(tableCell);\n        const isLastCellInRow = currentCellIndex === tableRow.childCount - 1;\n        const isLastRow = currentRowIndex === tableUtils.getRows(table) - 1;\n        if (isForward && isLastRow && isLastCellInRow) {\n            editor.execute('insertTableRowBelow');\n        }\n    }\n    /**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events.\n\t */ _onArrowKey(eventInfo, domEventData) {\n        const editor = this.editor;\n        const keyCode = domEventData.keyCode;\n        const direction = getLocalizedArrowKeyCodeDirection(keyCode, editor.locale.contentLanguageDirection);\n        const wasHandled = this._handleArrowKeys(direction, domEventData.shiftKey);\n        if (wasHandled) {\n            domEventData.preventDefault();\n            domEventData.stopPropagation();\n            eventInfo.stop();\n        }\n    }\n    /**\n\t * Handles arrow keys to move the selection around the table.\n\t *\n\t * @param direction The direction of the arrow key.\n\t * @param expandSelection If the current selection should be expanded.\n\t * @returns Returns `true` if key was handled.\n\t */ _handleArrowKeys(direction, expandSelection) {\n        const tableUtils = this.editor.plugins.get(TableUtils);\n        const tableSelection = this.editor.plugins.get('TableSelection');\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const isForward = [\n            'right',\n            'down'\n        ].includes(direction);\n        // In case one or more table cells are selected (from outside),\n        // move the selection to a cell adjacent to the selected table fragment.\n        const selectedCells = tableUtils.getSelectedTableCells(selection);\n        if (selectedCells.length) {\n            let focusCell;\n            if (expandSelection) {\n                focusCell = tableSelection.getFocusCell();\n            } else {\n                focusCell = isForward ? selectedCells[selectedCells.length - 1] : selectedCells[0];\n            }\n            this._navigateFromCellInDirection(focusCell, direction, expandSelection);\n            return true;\n        }\n        // Abort if we're not in a table cell.\n        const tableCell = selection.focus.findAncestor('tableCell');\n        /* istanbul ignore if: paranoid check -- @preserve */ if (!tableCell) {\n            return false;\n        }\n        // When the selection is not collapsed.\n        if (!selection.isCollapsed) {\n            if (expandSelection) {\n                // Navigation is in the opposite direction than the selection direction so this is shrinking of the selection.\n                // Selection for sure will not approach cell edge.\n                //\n                // With a special case when all cell content is selected - then selection should expand to the other cell.\n                // Note: When the entire cell gets selected using CTRL+A, the selection is always forward.\n                if (selection.isBackward == isForward && !selection.containsEntireContent(tableCell)) {\n                    return false;\n                }\n            } else {\n                const selectedElement = selection.getSelectedElement();\n                // It will collapse for non-object selected so it's not going to move to other cell.\n                if (!selectedElement || !model.schema.isObject(selectedElement)) {\n                    return false;\n                }\n            }\n        }\n        // Let's check if the selection is at the beginning/end of the cell.\n        if (this._isSelectionAtCellEdge(selection, tableCell, isForward)) {\n            this._navigateFromCellInDirection(tableCell, direction, expandSelection);\n            return true;\n        }\n        return false;\n    }\n    /**\n\t * Returns `true` if the selection is at the boundary of a table cell according to the navigation direction.\n\t *\n\t * @param selection The current selection.\n\t * @param tableCell The current table cell element.\n\t * @param isForward The expected navigation direction.\n\t */ _isSelectionAtCellEdge(selection, tableCell, isForward) {\n        const model = this.editor.model;\n        const schema = this.editor.model.schema;\n        const focus = isForward ? selection.getLastPosition() : selection.getFirstPosition();\n        // If the current limit element is not table cell we are for sure not at the cell edge.\n        // Also `modifySelection` will not let us out of it.\n        if (!schema.getLimitElement(focus).is('element', 'tableCell')) {\n            const boundaryPosition = model.createPositionAt(tableCell, isForward ? 'end' : 0);\n            return boundaryPosition.isTouching(focus);\n        }\n        const probe = model.createSelection(focus);\n        model.modifySelection(probe, {\n            direction: isForward ? 'forward' : 'backward'\n        });\n        // If there was no change in the focus position, then it's not possible to move the selection there.\n        return focus.isEqual(probe.focus);\n    }\n    /**\n\t * Moves the selection from the given table cell in the specified direction.\n\t *\n\t * @param focusCell The table cell that is current multi-cell selection focus.\n\t * @param direction Direction in which selection should move.\n\t * @param expandSelection If the current selection should be expanded. Default value is false.\n\t */ _navigateFromCellInDirection(focusCell, direction, expandSelection = false) {\n        const model = this.editor.model;\n        const table = focusCell.findAncestor('table');\n        const tableMap = [\n            ...new TableWalker(table, {\n                includeAllSlots: true\n            })\n        ];\n        const { row: lastRow, column: lastColumn } = tableMap[tableMap.length - 1];\n        const currentCellInfo = tableMap.find(({ cell })=>cell == focusCell);\n        let { row, column } = currentCellInfo;\n        switch(direction){\n            case 'left':\n                column--;\n                break;\n            case 'up':\n                row--;\n                break;\n            case 'right':\n                column += currentCellInfo.cellWidth;\n                break;\n            case 'down':\n                row += currentCellInfo.cellHeight;\n                break;\n        }\n        const isOutsideVertically = row < 0 || row > lastRow;\n        const isBeforeFirstCell = column < 0 && row <= 0;\n        const isAfterLastCell = column > lastColumn && row >= lastRow;\n        // Note that if the table cell at the end of a row is row-spanned then isAfterLastCell will never be true.\n        // However, we don't know if user was navigating on the last row or not, so let's stay in the table.\n        if (isOutsideVertically || isBeforeFirstCell || isAfterLastCell) {\n            model.change((writer)=>{\n                writer.setSelection(writer.createRangeOn(table));\n            });\n            return;\n        }\n        if (column < 0) {\n            column = expandSelection ? 0 : lastColumn;\n            row--;\n        } else if (column > lastColumn) {\n            column = expandSelection ? lastColumn : 0;\n            row++;\n        }\n        const cellToSelect = tableMap.find((cellInfo)=>cellInfo.row == row && cellInfo.column == column).cell;\n        const isForward = [\n            'right',\n            'down'\n        ].includes(direction);\n        const tableSelection = this.editor.plugins.get('TableSelection');\n        if (expandSelection && tableSelection.isEnabled) {\n            const anchorCell = tableSelection.getAnchorCell() || focusCell;\n            tableSelection.setCellSelection(anchorCell, cellToSelect);\n        } else {\n            const positionToSelect = model.createPositionAt(cellToSelect, isForward ? 0 : 'end');\n            model.change((writer)=>{\n                writer.setSelection(positionToSelect);\n            });\n        }\n    }\n}\n\n/**\n * The mouse selection event observer.\n *\n * It registers listeners for the following DOM events:\n *\n * - `'mousemove'`\n * - `'mouseleave'`\n *\n * Note that this observer is disabled by default. To enable this observer, it needs to be added to\n * {@link module:engine/view/view~EditingView} using the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * The observer is registered by the {@link module:table/tableselection~TableSelection} plugin.\n *\n * @internal\n */ class MouseEventsObserver extends DomEventObserver {\n    domEventType = [\n        'mousemove',\n        'mouseleave'\n    ];\n    /**\n\t * @inheritDoc\n\t */ onDomEvent(domEvent) {\n        this.fire(domEvent.type, domEvent);\n    }\n}\n\n/**\n * This plugin enables a table cells' selection with the mouse.\n * It is loaded automatically by the {@link module:table/table~Table} plugin.\n */ class TableMouse extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableMouse';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableSelection,\n            TableUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        // Currently the MouseObserver only handles `mousedown` and `mouseup` events.\n        // TODO move to the engine?\n        editor.editing.view.addObserver(MouseEventsObserver);\n        this._enableShiftClickSelection();\n        this._enableMouseDragSelection();\n    }\n    /**\n\t * Enables making cells selection by <kbd>Shift</kbd>+click. Creates a selection from the cell which previously held\n\t * the selection to the cell which was clicked. It can be the same cell, in which case it selects a single cell.\n\t */ _enableShiftClickSelection() {\n        const editor = this.editor;\n        const tableUtils = editor.plugins.get(TableUtils);\n        let blockSelectionChange = false;\n        const tableSelection = editor.plugins.get(TableSelection);\n        this.listenTo(editor.editing.view.document, 'mousedown', (evt, domEventData)=>{\n            const selection = editor.model.document.selection;\n            if (!this.isEnabled || !tableSelection.isEnabled) {\n                return;\n            }\n            if (!domEventData.domEvent.shiftKey) {\n                return;\n            }\n            const anchorCell = tableSelection.getAnchorCell() || tableUtils.getTableCellsContainingSelection(selection)[0];\n            if (!anchorCell) {\n                return;\n            }\n            const targetCell = this._getModelTableCellFromDomEvent(domEventData);\n            if (targetCell && haveSameTableParent(anchorCell, targetCell)) {\n                blockSelectionChange = true;\n                tableSelection.setCellSelection(anchorCell, targetCell);\n                domEventData.preventDefault();\n            }\n        });\n        this.listenTo(editor.editing.view.document, 'mouseup', ()=>{\n            blockSelectionChange = false;\n        });\n        // We need to ignore a `selectionChange` event that is fired after we render our new table cells selection.\n        // When downcasting table cells selection to the view, we put the view selection in the last selected cell\n        // in a place that may not be natively a \"correct\" location. This is – we put it directly in the `<td>` element.\n        // All browsers fire the native `selectionchange` event.\n        // However, all browsers except Safari return the selection in the exact place where we put it\n        // (even though it's visually normalized). Safari returns `<td><p>^foo` that makes our selection observer\n        // fire our `selectionChange` event (because the view selection that we set in the first step differs from the DOM selection).\n        // Since `selectionChange` is fired, we automatically update the model selection that moves it that paragraph.\n        // This breaks our dear cells selection.\n        //\n        // Theoretically this issue concerns only Safari that is the only browser that do normalize the selection.\n        // However, to avoid code branching and to have a good coverage for this event blocker, I enabled it for all browsers.\n        //\n        // Note: I'm keeping the `blockSelectionChange` state separately for shift+click and mouse drag (exact same logic)\n        // so I don't have to try to analyze whether they don't overlap in some weird cases. Probably they don't.\n        // But I have other things to do, like writing this comment.\n        this.listenTo(editor.editing.view.document, 'selectionChange', (evt)=>{\n            if (blockSelectionChange) {\n                // @if CK_DEBUG // console.log( 'Blocked selectionChange to avoid breaking table cells selection.' );\n                evt.stop();\n            }\n        }, {\n            priority: 'highest'\n        });\n    }\n    /**\n\t * Enables making cells selection by dragging.\n\t *\n\t * The selection is made only on mousemove. Mouse tracking is started on mousedown.\n\t * However, the cells selection is enabled only after the mouse cursor left the anchor cell.\n\t * Thanks to that normal text selection within one cell works just fine. However, you can still select\n\t * just one cell by leaving the anchor cell and moving back to it.\n\t */ _enableMouseDragSelection() {\n        const editor = this.editor;\n        let anchorCell, targetCell;\n        let beganCellSelection = false;\n        let blockSelectionChange = false;\n        const tableSelection = editor.plugins.get(TableSelection);\n        this.listenTo(editor.editing.view.document, 'mousedown', (evt, domEventData)=>{\n            if (!this.isEnabled || !tableSelection.isEnabled) {\n                return;\n            }\n            // Make sure to not conflict with the shift+click listener and any other possible handler.\n            if (domEventData.domEvent.shiftKey || domEventData.domEvent.ctrlKey || domEventData.domEvent.altKey) {\n                return;\n            }\n            anchorCell = this._getModelTableCellFromDomEvent(domEventData);\n        });\n        this.listenTo(editor.editing.view.document, 'mousemove', (evt, domEventData)=>{\n            if (!domEventData.domEvent.buttons) {\n                return;\n            }\n            if (!anchorCell) {\n                return;\n            }\n            const newTargetCell = this._getModelTableCellFromDomEvent(domEventData);\n            if (newTargetCell && haveSameTableParent(anchorCell, newTargetCell)) {\n                targetCell = newTargetCell;\n                // Switch to the cell selection mode after the mouse cursor left the anchor cell.\n                // Switch off only on mouseup (makes selecting a single cell possible).\n                if (!beganCellSelection && targetCell != anchorCell) {\n                    beganCellSelection = true;\n                }\n            }\n            // Yep, not making a cell selection yet. See method docs.\n            if (!beganCellSelection) {\n                return;\n            }\n            blockSelectionChange = true;\n            tableSelection.setCellSelection(anchorCell, targetCell);\n            domEventData.preventDefault();\n        });\n        this.listenTo(editor.editing.view.document, 'mouseup', ()=>{\n            beganCellSelection = false;\n            blockSelectionChange = false;\n            anchorCell = null;\n            targetCell = null;\n        });\n        // See the explanation in `_enableShiftClickSelection()`.\n        this.listenTo(editor.editing.view.document, 'selectionChange', (evt)=>{\n            if (blockSelectionChange) {\n                // @if CK_DEBUG // console.log( 'Blocked selectionChange to avoid breaking table cells selection.' );\n                evt.stop();\n            }\n        }, {\n            priority: 'highest'\n        });\n    }\n    /**\n\t * Returns the model table cell element based on the target element of the passed DOM event.\n\t *\n\t * @returns Returns the table cell or `undefined`.\n\t */ _getModelTableCellFromDomEvent(domEventData) {\n        // Note: Work with positions (not element mapping) because the target element can be an attribute or other non-mapped element.\n        const viewTargetElement = domEventData.target;\n        const viewPosition = this.editor.editing.view.createPositionAt(viewTargetElement, 0);\n        const modelPosition = this.editor.editing.mapper.toModelPosition(viewPosition);\n        const modelElement = modelPosition.parent;\n        return modelElement.findAncestor('tableCell', {\n            includeSelf: true\n        });\n    }\n}\nfunction haveSameTableParent(cellA, cellB) {\n    return cellA.parent.parent == cellB.parent.parent;\n}\n\n/**\n * The table plugin.\n *\n * For a detailed overview, check the {@glink features/tables/tables Table feature documentation}.\n *\n * This is a \"glue\" plugin that loads the following table features:\n *\n * * {@link module:table/tableediting~TableEditing editing feature},\n * * {@link module:table/tableselection~TableSelection selection feature},\n * * {@link module:table/tablekeyboard~TableKeyboard keyboard navigation feature},\n * * {@link module:table/tablemouse~TableMouse mouse selection feature},\n * * {@link module:table/tableclipboard~TableClipboard clipboard feature},\n * * {@link module:table/tableui~TableUI UI feature}.\n */ class Table extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableEditing,\n            TableUI,\n            TableSelection,\n            TableMouse,\n            TableKeyboard,\n            TableClipboard,\n            Widget\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'Table';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The plain table output feature.\n *\n * This feature strips the `<figure>` tag from the table data. This is because this tag is not supported\n * by most popular email clients and removing it ensures compatibility.\n */ class PlainTableOutput extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'PlainTableOutput';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            Table\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.conversion.for('upcast').add((dispatcher)=>{\n            dispatcher.on('element:table', (evt, data, conversionApi)=>{\n                // It's not necessary to upcast the `table` class. This class was only added in data downcast\n                // to center a plain table in the editor output.\n                // See: https://github.com/ckeditor/ckeditor5/issues/17888.\n                conversionApi.consumable.consume(data.viewItem, {\n                    classes: 'table'\n                });\n            });\n        });\n    }\n}\n\n/**\n * Depending on the position of the selection either return the selected table or the table higher in the hierarchy.\n *\n * @internal\n */ function getSelectionAffectedTableWidget(selection) {\n    const selectedTable = getSelectedTableWidget(selection);\n    if (selectedTable) {\n        return selectedTable;\n    }\n    return getTableWidgetAncestor(selection);\n}\n/**\n * Returns a table widget editing view element if one is selected.\n *\n * @internal\n */ function getSelectedTableWidget(selection) {\n    const viewElement = selection.getSelectedElement();\n    if (viewElement && isTableWidget(viewElement)) {\n        return viewElement;\n    }\n    return null;\n}\n/**\n * Returns a table widget editing view element if one is among the selection's ancestors.\n *\n * @internal\n */ function getTableWidgetAncestor(selection) {\n    const selectionPosition = selection.getFirstPosition();\n    if (!selectionPosition) {\n        return null;\n    }\n    let parent = selectionPosition.parent;\n    while(parent){\n        if (parent.is('element') && isTableWidget(parent)) {\n            return parent;\n        }\n        parent = parent.parent;\n    }\n    return null;\n}\n/**\n * Checks if a given view element is a table widget.\n *\n * @internal\n */ function isTableWidget(viewNode) {\n    return viewNode.is('element') && !!viewNode.getCustomProperty('table') && isWidget(viewNode);\n}\n\n/**\n * The table toolbar class. It creates toolbars for the table feature and its content (for now only for the table cell content).\n *\n * The table toolbar shows up when a table widget is selected. Its components (e.g. buttons) are created based on the\n * {@link module:table/tableconfig~TableConfig#tableToolbar `table.tableToolbar` configuration option}.\n *\n * Table content toolbar shows up when the selection is inside the content of a table. It creates its component based on the\n * {@link module:table/tableconfig~TableConfig#contentToolbar `table.contentToolbar` configuration option}.\n */ class TableToolbar extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            WidgetToolbarRepository\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableToolbar';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        const t = editor.t;\n        const widgetToolbarRepository = editor.plugins.get(WidgetToolbarRepository);\n        const tableContentToolbarItems = editor.config.get('table.contentToolbar');\n        const tableToolbarItems = editor.config.get('table.tableToolbar');\n        if (tableContentToolbarItems) {\n            widgetToolbarRepository.register('tableContent', {\n                ariaLabel: t('Table toolbar'),\n                items: tableContentToolbarItems,\n                getRelatedElement: getTableWidgetAncestor\n            });\n        }\n        if (tableToolbarItems) {\n            widgetToolbarRepository.register('table', {\n                ariaLabel: t('Table toolbar'),\n                items: tableToolbarItems,\n                getRelatedElement: getSelectedTableWidget\n            });\n        }\n    }\n}\n\n/**\n * The color input view class. It allows the user to type in a color (hex, rgb, etc.)\n * or choose it from the configurable color palette with a preview.\n *\n * @internal\n */ class ColorInputView extends View {\n    /**\n\t * A cached reference to the options passed to the constructor.\n\t */ options;\n    /**\n\t * Tracks information about the DOM focus in the view.\n\t */ focusTracker;\n    /**\n\t * Helps cycling over focusable children in the input view.\n\t */ focusCycler;\n    /**\n\t * A collection of views that can be focused in the view.\n\t */ _focusables;\n    /**\n\t * An instance of the dropdown allowing to select a color from a grid.\n\t */ dropdownView;\n    /**\n\t * An instance of the input allowing the user to type a color value.\n\t */ inputView;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * The flag that indicates whether the user is still typing.\n\t * If set to true, it means that the text input field ({@link #inputView}) still has the focus.\n\t * So, we should interrupt the user by replacing the input's value.\n\t */ _stillTyping;\n    /**\n\t * Creates an instance of the color input view.\n\t *\n\t * @param locale The locale instance.\n\t * @param options The input options.\n\t * @param options.colorDefinitions The colors to be displayed in the palette inside the input's dropdown.\n\t * @param options.columns The number of columns in which the colors will be displayed.\n\t * @param options.defaultColorValue If specified, the color input view will replace the \"Remove color\" button with\n\t * the \"Restore default\" button. Instead of clearing the input field, the default color value will be set.\n\t */ constructor(locale, options){\n        super(locale);\n        this.set('value', '');\n        this.set('isReadOnly', false);\n        this.set('isFocused', false);\n        this.set('isEmpty', true);\n        this.options = options;\n        this.focusTracker = new FocusTracker();\n        this._focusables = new ViewCollection();\n        this.dropdownView = this._createDropdownView();\n        this.inputView = this._createInputTextView();\n        this.keystrokes = new KeystrokeHandler();\n        this._stillTyping = false;\n        this.focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate items backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate items forwards using the <kbd>Tab</kbd> key.\n                focusNext: 'tab'\n            }\n        });\n        this.setTemplate({\n            tag: 'div',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-input-color'\n                ]\n            },\n            children: [\n                this.dropdownView,\n                this.inputView\n            ]\n        });\n        this.on('change:value', (evt, name, inputValue)=>this._setInputValue(inputValue));\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        [\n            this.inputView,\n            this.dropdownView.buttonView\n        ].forEach((view)=>{\n            this.focusTracker.add(view.element);\n            this._focusables.add(view);\n        });\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * Focuses the view.\n\t */ focus(direction) {\n        if (direction === -1) {\n            this.focusCycler.focusLast();\n        } else {\n            this.focusCycler.focusFirst();\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Creates and configures the {@link #dropdownView}.\n\t */ _createDropdownView() {\n        const locale = this.locale;\n        const t = locale.t;\n        const bind = this.bindTemplate;\n        const colorSelector = this._createColorSelector(locale);\n        const dropdown = createDropdown(locale);\n        const colorPreview = new View();\n        colorPreview.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-input-color__button__preview'\n                ],\n                style: {\n                    backgroundColor: bind.to('value')\n                }\n            },\n            children: [\n                {\n                    tag: 'span',\n                    attributes: {\n                        class: [\n                            'ck',\n                            'ck-input-color__button__preview__no-color-indicator',\n                            bind.if('value', 'ck-hidden', (value)=>value != '')\n                        ]\n                    }\n                }\n            ]\n        });\n        dropdown.buttonView.extendTemplate({\n            attributes: {\n                class: 'ck-input-color__button'\n            }\n        });\n        dropdown.buttonView.children.add(colorPreview);\n        dropdown.buttonView.label = t('Color picker');\n        dropdown.buttonView.tooltip = true;\n        dropdown.panelPosition = locale.uiLanguageDirection === 'rtl' ? 'se' : 'sw';\n        dropdown.panelView.children.add(colorSelector);\n        dropdown.bind('isEnabled').to(this, 'isReadOnly', (value)=>!value);\n        dropdown.on('change:isOpen', (evt, name, isVisible)=>{\n            if (isVisible) {\n                colorSelector.updateSelectedColors();\n                colorSelector.showColorGridsFragment();\n            }\n        });\n        return dropdown;\n    }\n    /**\n\t * Creates and configures an instance of {@link module:ui/inputtext/inputtextview~InputTextView}.\n\t *\n\t * @returns A configured instance to be set as {@link #inputView}.\n\t */ _createInputTextView() {\n        const locale = this.locale;\n        const inputView = new InputTextView(locale);\n        inputView.extendTemplate({\n            on: {\n                blur: inputView.bindTemplate.to('blur')\n            }\n        });\n        inputView.value = this.value;\n        inputView.bind('isReadOnly', 'hasError').to(this);\n        this.bind('isFocused', 'isEmpty').to(inputView);\n        inputView.on('input', ()=>{\n            const inputValue = inputView.element.value;\n            // Check if the value matches one of our defined colors' label.\n            const mappedColor = this.options.colorDefinitions.find((def)=>inputValue === def.label);\n            this._stillTyping = true;\n            this.value = mappedColor && mappedColor.color || inputValue;\n        });\n        inputView.on('blur', ()=>{\n            this._stillTyping = false;\n            this._setInputValue(inputView.element.value);\n        });\n        inputView.delegate('input').to(this);\n        return inputView;\n    }\n    /**\n\t * Creates and configures the panel with \"color grid\" and \"color picker\" inside the {@link #dropdownView}.\n\t */ _createColorSelector(locale) {\n        const t = locale.t;\n        const defaultColor = this.options.defaultColorValue || '';\n        const removeColorButtonLabel = defaultColor ? t('Restore default') : t('Remove color');\n        const colorSelector = new ColorSelectorView(locale, {\n            colors: this.options.colorDefinitions,\n            columns: this.options.columns,\n            removeButtonLabel: removeColorButtonLabel,\n            colorPickerLabel: t('Color picker'),\n            colorPickerViewConfig: this.options.colorPickerConfig === false ? false : {\n                ...this.options.colorPickerConfig,\n                hideInput: true\n            }\n        });\n        colorSelector.appendUI();\n        colorSelector.on('execute', (evt, data)=>{\n            if (data.source === 'colorPickerSaveButton') {\n                this.dropdownView.isOpen = false;\n                return;\n            }\n            this.value = data.value || defaultColor;\n            // Trigger the listener that actually applies the set value.\n            this.fire('input');\n            if (data.source !== 'colorPicker') {\n                this.dropdownView.isOpen = false;\n            }\n        });\n        /**\n\t\t * Color is saved before changes in color picker. In case \"cancel button\" is pressed\n\t\t * this color will be applied.\n\t\t */ let backupColor = this.value;\n        colorSelector.on('colorPicker:cancel', ()=>{\n            /**\n\t\t\t * Revert color to previous value before changes in color picker.\n\t\t\t */ this.value = backupColor;\n            this.fire('input');\n            this.dropdownView.isOpen = false;\n        });\n        colorSelector.colorGridsFragmentView.colorPickerButtonView.on('execute', ()=>{\n            /**\n\t\t\t * Save color value before changes in color picker.\n\t\t\t */ backupColor = this.value;\n        });\n        colorSelector.bind('selectedColor').to(this, 'value');\n        return colorSelector;\n    }\n    /**\n\t * Sets {@link #inputView}'s value property to the color value or color label,\n\t * if there is one and the user is not typing.\n\t *\n\t * Handles cases like:\n\t *\n\t * * Someone picks the color in the grid.\n\t * * The color is set from the plugin level.\n\t *\n\t * @param inputValue Color value to be set.\n\t */ _setInputValue(inputValue) {\n        if (!this._stillTyping) {\n            const normalizedInputValue = normalizeColor(inputValue);\n            // Check if the value matches one of our defined colors.\n            const mappedColor = this.options.colorDefinitions.find((def)=>normalizedInputValue === normalizeColor(def.color));\n            if (mappedColor) {\n                this.inputView.value = mappedColor.label;\n            } else {\n                this.inputView.value = inputValue || '';\n            }\n        }\n    }\n}\n/**\n * Normalizes color value, by stripping extensive whitespace.\n * For example., transforms:\n * * `   rgb(  25 50    0 )` to `rgb(25 50 0)`,\n * * \"\\t  rgb(  25 ,  50,0 )\t\t\" to `rgb(25 50 0)`.\n *\n * @param colorString The value to be normalized.\n */ function normalizeColor(colorString) {\n    return colorString// Remove any whitespace right after `(` or `,`.\n    .replace(/([(,])\\s+/g, '$1')// Remove any whitespace at the beginning or right before the end, `)`, `,`, or another whitespace.\n    .replace(/^\\s+|\\s+(?=[),\\s]|$)/g, '')// Then, replace `,` or whitespace with a single space.\n    .replace(/,|\\s/g, ' ');\n}\n\nconst isEmpty = (val)=>val === '';\n/**\n * Returns an object containing pairs of CSS border style values and their localized UI\n * labels. Used by {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView}\n * and {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView}.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */ function getBorderStyleLabels$1(t) {\n    return {\n        none: t('None'),\n        solid: t('Solid'),\n        dotted: t('Dotted'),\n        dashed: t('Dashed'),\n        double: t('Double'),\n        groove: t('Groove'),\n        ridge: t('Ridge'),\n        inset: t('Inset'),\n        outset: t('Outset')\n    };\n}\n/**\n * Returns a localized error string that can be displayed next to color (background, border)\n * fields that have an invalid value.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */ function getLocalizedColorErrorText(t) {\n    return t('The color is invalid. Try \"#FF0000\" or \"rgb(255,0,0)\" or \"red\".');\n}\n/**\n * Returns a localized error string that can be displayed next to length (padding, border width)\n * fields that have an invalid value.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */ function getLocalizedLengthErrorText(t) {\n    return t('The value is invalid. Try \"10px\" or \"2em\" or simply \"2\".');\n}\n/**\n * Returns `true` when the passed value is an empty string or a valid CSS color expression.\n * Otherwise, `false` is returned.\n *\n * See {@link module:engine/view/styles/utils~isColorStyleValue}.\n *\n * @internal\n */ function colorFieldValidator(value) {\n    value = value.trim().toLowerCase();\n    return isEmpty(value) || isColorStyleValue(value);\n}\n/**\n * Returns `true` when the passed value is an empty string, a number without a unit or a valid CSS length expression.\n * Otherwise, `false` is returned.\n *\n * See {@link module:engine/view/styles/utils~isLengthStyleValue}.\n * See {@link module:engine/view/styles/utils~isPercentageStyleValue}.\n *\n * @internal\n */ function lengthFieldValidator(value) {\n    value = value.trim();\n    return isEmpty(value) || isNumberString(value) || isLengthStyleValue(value) || isPercentageStyleValue(value);\n}\n/**\n * Returns `true` when the passed value is an empty string, a number without a unit or a valid CSS length expression.\n * Otherwise, `false` is returned.\n *\n * See {@link module:engine/view/styles/utils~isLengthStyleValue}.\n *\n * @internal\n */ function lineWidthFieldValidator(value) {\n    value = value.trim();\n    return isEmpty(value) || isNumberString(value) || isLengthStyleValue(value);\n}\n/**\n * Generates item definitions for a UI dropdown that allows changing the border style of a table or a table cell.\n *\n * @internal\n * @param defaultStyle The default border.\n */ function getBorderStyleDefinitions$1(view, defaultStyle) {\n    const itemDefinitions = new Collection();\n    const styleLabels = getBorderStyleLabels$1(view.t);\n    for(const style in styleLabels){\n        const definition = {\n            type: 'button',\n            model: new UIModel({\n                _borderStyleValue: style,\n                label: styleLabels[style],\n                role: 'menuitemradio',\n                withText: true\n            })\n        };\n        if (style === 'none') {\n            definition.model.bind('isOn').to(view, 'borderStyle', (value)=>{\n                if (defaultStyle === 'none') {\n                    return !value;\n                }\n                return value === style;\n            });\n        } else {\n            definition.model.bind('isOn').to(view, 'borderStyle', (value)=>{\n                return value === style;\n            });\n        }\n        itemDefinitions.add(definition);\n    }\n    return itemDefinitions;\n}\n/**\n * A helper that fills a toolbar with buttons that:\n *\n * * have some labels,\n * * have some icons,\n * * set a certain UI view property value upon execution.\n *\n * @internal\n * @param options Configuration options\n * @param options.view The view that has the observable property.\n * @param options.icons Object with button icons.\n * @param options.toolbar The toolbar to fill with buttons.\n * @param options.labels Object with button labels.\n * @param options.propertyName The name of the observable property in the view.\n * @param options.nameToValue A function that maps a button name to a value. By default names are the same as values.\n * @param options.defaultValue Default value for the property.\n */ function fillToolbar$1(options) {\n    const { view, icons, toolbar, labels, propertyName, nameToValue, defaultValue } = options;\n    for(const name in labels){\n        const button = new ButtonView(view.locale);\n        button.set({\n            role: 'radio',\n            isToggleable: true,\n            label: labels[name],\n            icon: icons[name],\n            tooltip: labels[name]\n        });\n        // If specified the `nameToValue()` callback, map the value based on the option's name.\n        const buttonValue = nameToValue ? nameToValue(name) : name;\n        button.bind('isOn').to(view, propertyName, (value)=>{\n            // `value` comes from `view[ propertyName ]`.\n            let valueToCompare = value;\n            // If it's empty, and the `defaultValue` is specified, use it instead.\n            if (value === '' && defaultValue) {\n                valueToCompare = defaultValue;\n            }\n            return buttonValue === valueToCompare;\n        });\n        button.on('execute', ()=>{\n            // Allow toggling alignment if there is no default value specified (especially for layout tables).\n            if (!defaultValue && buttonValue && view[propertyName] === buttonValue) {\n                view[propertyName] = undefined;\n            } else {\n                view[propertyName] = buttonValue;\n            }\n        });\n        toolbar.items.add(button);\n    }\n}\n/**\n * A default color palette used by various user interfaces related to tables, for instance,\n * by {@link module:table/tablecellproperties/tablecellpropertiesui~TableCellPropertiesUI} or\n * {@link module:table/tableproperties/tablepropertiesui~TablePropertiesUI}.\n *\n * The color palette follows the {@link module:table/tableconfig~TableColorConfig table color configuration format}\n * and contains the following color definitions:\n *\n * ```ts\n * const defaultColors = [\n *   {\n *     color: 'hsl(0, 0%, 0%)',\n *     label: 'Black'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 30%)',\n *     label: 'Dim grey'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 60%)',\n *     label: 'Grey'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 90%)',\n *     label: 'Light grey'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 100%)',\n *     label: 'White',\n *     hasBorder: true\n *   },\n *   {\n *     color: 'hsl(0, 75%, 60%)',\n *     label: 'Red'\n *   },\n *   {\n *     color: 'hsl(30, 75%, 60%)',\n *     label: 'Orange'\n *   },\n *   {\n *     color: 'hsl(60, 75%, 60%)',\n *     label: 'Yellow'\n *   },\n *   {\n *     color: 'hsl(90, 75%, 60%)',\n *     label: 'Light green'\n *   },\n *   {\n *     color: 'hsl(120, 75%, 60%)',\n *     label: 'Green'\n *   },\n *   {\n *     color: 'hsl(150, 75%, 60%)',\n *     label: 'Aquamarine'\n *   },\n *   {\n *     color: 'hsl(180, 75%, 60%)',\n *     label: 'Turquoise'\n *   },\n *   {\n *     color: 'hsl(210, 75%, 60%)',\n *     label: 'Light blue'\n *   },\n *   {\n *     color: 'hsl(240, 75%, 60%)',\n *     label: 'Blue'\n *   },\n *   {\n *     color: 'hsl(270, 75%, 60%)',\n *     label: 'Purple'\n *   }\n * ];\n * ```\n *\n * @internal\n */ const defaultColors = [\n    {\n        color: 'hsl(0, 0%, 0%)',\n        label: 'Black'\n    },\n    {\n        color: 'hsl(0, 0%, 30%)',\n        label: 'Dim grey'\n    },\n    {\n        color: 'hsl(0, 0%, 60%)',\n        label: 'Grey'\n    },\n    {\n        color: 'hsl(0, 0%, 90%)',\n        label: 'Light grey'\n    },\n    {\n        color: 'hsl(0, 0%, 100%)',\n        label: 'White',\n        hasBorder: true\n    },\n    {\n        color: 'hsl(0, 75%, 60%)',\n        label: 'Red'\n    },\n    {\n        color: 'hsl(30, 75%, 60%)',\n        label: 'Orange'\n    },\n    {\n        color: 'hsl(60, 75%, 60%)',\n        label: 'Yellow'\n    },\n    {\n        color: 'hsl(90, 75%, 60%)',\n        label: 'Light green'\n    },\n    {\n        color: 'hsl(120, 75%, 60%)',\n        label: 'Green'\n    },\n    {\n        color: 'hsl(150, 75%, 60%)',\n        label: 'Aquamarine'\n    },\n    {\n        color: 'hsl(180, 75%, 60%)',\n        label: 'Turquoise'\n    },\n    {\n        color: 'hsl(210, 75%, 60%)',\n        label: 'Light blue'\n    },\n    {\n        color: 'hsl(240, 75%, 60%)',\n        label: 'Blue'\n    },\n    {\n        color: 'hsl(270, 75%, 60%)',\n        label: 'Purple'\n    }\n];\n/**\n * Returns a creator for a color input with a label.\n *\n * For given options, it returns a function that creates an instance of a\n * {@link module:table/ui/colorinputview~ColorInputView color input} logically related to\n * a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in the DOM.\n *\n * The helper does the following:\n *\n * * It sets the color input `id` and `ariaDescribedById` attributes.\n * * It binds the color input `isReadOnly` to the labeled view.\n * * It binds the color input `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when the user starts typing in the color input.\n *\n * Usage:\n *\n * ```ts\n * const colorInputCreator = getLabeledColorInputCreator( {\n *   colorConfig: [ ... ],\n *   columns: 3,\n * } );\n *\n * const labeledInputView = new LabeledFieldView( locale, colorInputCreator );\n * console.log( labeledInputView.view ); // A color input instance.\n * ```\n *\n * @internal\n * @param options Color input options.\n * @param options.colorConfig The configuration of the color palette displayed in the input's dropdown.\n * @param options.columns The configuration of the number of columns the color palette consists of in the input's dropdown.\n * @param options.defaultColorValue If specified, the color input view will replace the \"Remove color\" button with\n * the \"Restore default\" button. Instead of clearing the input field, the default color value will be set.\n * @param options.colorPickerConfig The configuration of the color picker. You could disable it or define your output format.\n */ function getLabeledColorInputCreator$1(options) {\n    return (labeledFieldView, viewUid, statusUid)=>{\n        const colorInputView = new ColorInputView(labeledFieldView.locale, {\n            colorDefinitions: colorConfigToColorGridDefinitions$1(options.colorConfig),\n            columns: options.columns,\n            defaultColorValue: options.defaultColorValue,\n            colorPickerConfig: options.colorPickerConfig\n        });\n        colorInputView.inputView.set({\n            id: viewUid,\n            ariaDescribedById: statusUid\n        });\n        colorInputView.bind('isReadOnly').to(labeledFieldView, 'isEnabled', (value)=>!value);\n        colorInputView.bind('hasError').to(labeledFieldView, 'errorText', (value)=>!!value);\n        colorInputView.on('input', ()=>{\n            // UX: Make the error text disappear and disable the error indicator as the user\n            // starts fixing the errors.\n            labeledFieldView.errorText = null;\n        });\n        labeledFieldView.bind('isEmpty', 'isFocused').to(colorInputView);\n        return colorInputView;\n    };\n}\n/**\n * A simple helper method to detect number strings.\n * I allows full number notation, so omitting 0 is not allowed:\n */ function isNumberString(value) {\n    const parsedValue = parseFloat(value);\n    return !Number.isNaN(parsedValue) && value === String(parsedValue);\n}\nfunction colorConfigToColorGridDefinitions$1(colorConfig) {\n    return colorConfig.map((item)=>({\n            color: item.model,\n            label: item.label,\n            options: {\n                hasBorder: item.hasBorder\n            }\n        }));\n}\n\n/**\n * The class representing a table cell properties form, allowing users to customize\n * certain style aspects of a table cell, for instance, border, padding, text alignment, etc..\n */ class TableCellPropertiesView extends View {\n    /**\n\t * Options passed to the view. See {@link #constructor} to learn more.\n\t */ options;\n    /**\n\t * Tracks information about the DOM focus in the form.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * A collection of child views in the form.\n\t */ children;\n    /**\n\t * A dropdown that allows selecting the style of the table cell border.\n\t */ borderStyleDropdown;\n    /**\n\t * An input that allows specifying the width of the table cell border.\n\t */ borderWidthInput;\n    /**\n\t * An input that allows specifying the color of the table cell border.\n\t */ borderColorInput;\n    /**\n\t * An input that allows specifying the table cell background color.\n\t */ backgroundInput;\n    /**\n\t * An input that allows specifying the table cell padding.\n\t */ paddingInput;\n    /**\n\t * An input that allows specifying the table cell width.\n\t */ widthInput;\n    /**\n\t * An input that allows specifying the table cell height.\n\t */ heightInput;\n    /**\n\t * A toolbar with buttons that allow changing the horizontal text alignment in a table cell.\n\t */ horizontalAlignmentToolbar;\n    /**\n\t * A toolbar with buttons that allow changing the vertical text alignment in a table cell.\n\t */ verticalAlignmentToolbar;\n    /**\n\t * The \"Save\" button view.\n\t */ saveButtonView;\n    /**\n\t * The \"Cancel\" button view.\n\t */ cancelButtonView;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables;\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Additional configuration of the view.\n\t * @param options.borderColors A configuration of the border color palette used by the\n\t * {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#borderColorInput}.\n\t * @param options.backgroundColors A configuration of the background color palette used by the\n\t * {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#backgroundInput}.\n\t * @param options.defaultTableCellProperties The default table cell properties.\n\t */ constructor(locale, options){\n        super(locale);\n        this.set({\n            borderStyle: '',\n            borderWidth: '',\n            borderColor: '',\n            padding: '',\n            backgroundColor: '',\n            width: '',\n            height: '',\n            horizontalAlignment: '',\n            verticalAlignment: ''\n        });\n        this.options = options;\n        const { borderStyleDropdown, borderWidthInput, borderColorInput, borderRowLabel } = this._createBorderFields();\n        const { backgroundRowLabel, backgroundInput } = this._createBackgroundFields();\n        const { widthInput, operatorLabel, heightInput, dimensionsLabel } = this._createDimensionFields();\n        const { horizontalAlignmentToolbar, verticalAlignmentToolbar, alignmentLabel } = this._createAlignmentFields();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.children = this.createCollection();\n        this.borderStyleDropdown = borderStyleDropdown;\n        this.borderWidthInput = borderWidthInput;\n        this.borderColorInput = borderColorInput;\n        this.backgroundInput = backgroundInput;\n        this.paddingInput = this._createPaddingField();\n        this.widthInput = widthInput;\n        this.heightInput = heightInput;\n        this.horizontalAlignmentToolbar = horizontalAlignmentToolbar;\n        this.verticalAlignmentToolbar = verticalAlignmentToolbar;\n        // Defer creating to make sure other fields are present and the Save button can\n        // bind its #isEnabled to their error messages so there's no way to save unless all\n        // fields are valid.\n        const { saveButtonView, cancelButtonView } = this._createActionButtons();\n        this.saveButtonView = saveButtonView;\n        this.cancelButtonView = cancelButtonView;\n        this._focusables = new ViewCollection();\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        // Form header.\n        this.children.add(new FormHeaderView(locale, {\n            label: this.t('Cell properties')\n        }));\n        // Border row.\n        this.children.add(new FormRowView(locale, {\n            labelView: borderRowLabel,\n            children: [\n                borderRowLabel,\n                borderStyleDropdown,\n                borderColorInput,\n                borderWidthInput\n            ],\n            class: 'ck-table-form__border-row'\n        }));\n        // Background.\n        this.children.add(new FormRowView(locale, {\n            labelView: backgroundRowLabel,\n            children: [\n                backgroundRowLabel,\n                backgroundInput\n            ],\n            class: 'ck-table-form__background-row'\n        }));\n        // Dimensions row and padding.\n        this.children.add(new FormRowView(locale, {\n            children: [\n                // Dimensions row.\n                new FormRowView(locale, {\n                    labelView: dimensionsLabel,\n                    children: [\n                        dimensionsLabel,\n                        widthInput,\n                        operatorLabel,\n                        heightInput\n                    ],\n                    class: 'ck-table-form__dimensions-row'\n                }),\n                // Padding row.\n                new FormRowView(locale, {\n                    children: [\n                        this.paddingInput\n                    ],\n                    class: 'ck-table-cell-properties-form__padding-row'\n                })\n            ]\n        }));\n        // Text alignment row.\n        this.children.add(new FormRowView(locale, {\n            labelView: alignmentLabel,\n            children: [\n                alignmentLabel,\n                horizontalAlignmentToolbar,\n                verticalAlignmentToolbar\n            ],\n            class: 'ck-table-cell-properties-form__alignment-row'\n        }));\n        // Action row.\n        this.children.add(new FormRowView(locale, {\n            children: [\n                this.saveButtonView,\n                this.cancelButtonView\n            ],\n            class: 'ck-table-form__action-row'\n        }));\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form',\n                    'ck-table-form',\n                    'ck-table-cell-properties-form'\n                ],\n                // https://github.com/ckeditor/ckeditor5-link/issues/90\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        // Enable the \"submit\" event for this view. It can be triggered by the #saveButtonView\n        // which is of the \"submit\" DOM \"type\".\n        submitHandler({\n            view: this\n        });\n        // Maintain continuous focus cycling over views that have focusable children and focus cyclers themselves.\n        [\n            this.borderColorInput,\n            this.backgroundInput\n        ].forEach((view)=>{\n            this._focusCycler.chain(view.fieldView.focusCycler);\n        });\n        [\n            this.borderStyleDropdown,\n            this.borderColorInput,\n            this.borderWidthInput,\n            this.backgroundInput,\n            this.widthInput,\n            this.heightInput,\n            this.paddingInput,\n            this.horizontalAlignmentToolbar,\n            this.verticalAlignmentToolbar,\n            this.saveButtonView,\n            this.cancelButtonView\n        ].forEach((view)=>{\n            // Register the view as focusable.\n            this._focusables.add(view);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(view.element);\n        });\n        // Mainly for closing using \"Esc\" and navigation using \"Tab\".\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the fist focusable field in the form.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #borderStyleDropdown},\n\t * * {@link #borderWidthInput},\n\t * * {@link #borderColorInput}.\n\t */ _createBorderFields() {\n        const defaultTableCellProperties = this.options.defaultTableCellProperties;\n        const defaultBorder = {\n            style: defaultTableCellProperties.borderStyle,\n            width: defaultTableCellProperties.borderWidth,\n            color: defaultTableCellProperties.borderColor\n        };\n        const colorInputCreator = getLabeledColorInputCreator$1({\n            colorConfig: this.options.borderColors,\n            columns: 5,\n            defaultColorValue: defaultBorder.color,\n            colorPickerConfig: this.options.colorPickerConfig\n        });\n        const locale = this.locale;\n        const t = this.t;\n        const accessibleLabel = t('Style');\n        // -- Group label ---------------------------------------------\n        const borderRowLabel = new LabelView(locale);\n        borderRowLabel.text = t('Border');\n        // -- Style ---------------------------------------------------\n        const styleLabels = getBorderStyleLabels$1(t);\n        const borderStyleDropdown = new LabeledFieldView(locale, createLabeledDropdown);\n        borderStyleDropdown.set({\n            label: accessibleLabel,\n            class: 'ck-table-form__border-style'\n        });\n        borderStyleDropdown.fieldView.buttonView.set({\n            ariaLabel: accessibleLabel,\n            ariaLabelledBy: undefined,\n            isOn: false,\n            withText: true,\n            tooltip: accessibleLabel\n        });\n        borderStyleDropdown.fieldView.buttonView.bind('label').to(this, 'borderStyle', (value)=>{\n            return styleLabels[value ? value : 'none'];\n        });\n        borderStyleDropdown.fieldView.on('execute', (evt)=>{\n            this.borderStyle = evt.source._borderStyleValue;\n        });\n        borderStyleDropdown.bind('isEmpty').to(this, 'borderStyle', (value)=>!value);\n        addListToDropdown(borderStyleDropdown.fieldView, getBorderStyleDefinitions$1(this, defaultBorder.style), {\n            role: 'menu',\n            ariaLabel: accessibleLabel\n        });\n        // -- Width ---------------------------------------------------\n        const borderWidthInput = new LabeledFieldView(locale, createLabeledInputText);\n        borderWidthInput.set({\n            label: t('Width'),\n            class: 'ck-table-form__border-width'\n        });\n        borderWidthInput.fieldView.bind('value').to(this, 'borderWidth');\n        borderWidthInput.bind('isEnabled').to(this, 'borderStyle', isBorderStyleSet$3);\n        borderWidthInput.fieldView.on('input', ()=>{\n            this.borderWidth = borderWidthInput.fieldView.element.value;\n        });\n        // -- Color ---------------------------------------------------\n        const borderColorInput = new LabeledFieldView(locale, colorInputCreator);\n        borderColorInput.set({\n            label: t('Color'),\n            class: 'ck-table-form__border-color'\n        });\n        borderColorInput.fieldView.bind('value').to(this, 'borderColor');\n        borderColorInput.bind('isEnabled').to(this, 'borderStyle', isBorderStyleSet$3);\n        borderColorInput.fieldView.on('input', ()=>{\n            this.borderColor = borderColorInput.fieldView.value;\n        });\n        // Reset the border color and width fields depending on the `border-style` value.\n        this.on('change:borderStyle', (evt, name, newValue, oldValue)=>{\n            // When removing the border (`border-style:none`), clear the remaining `border-*` properties.\n            // See: https://github.com/ckeditor/ckeditor5/issues/6227.\n            if (!isBorderStyleSet$3(newValue)) {\n                this.borderColor = '';\n                this.borderWidth = '';\n            }\n            // When setting the `border-style` from `none`, set the default `border-color` and `border-width` properties.\n            if (!isBorderStyleSet$3(oldValue)) {\n                this.borderColor = defaultBorder.color;\n                this.borderWidth = defaultBorder.width;\n            }\n        });\n        return {\n            borderRowLabel,\n            borderStyleDropdown,\n            borderColorInput,\n            borderWidthInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #backgroundInput}.\n\t */ _createBackgroundFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Group label ---------------------------------------------\n        const backgroundRowLabel = new LabelView(locale);\n        backgroundRowLabel.text = t('Background');\n        // -- Background color input -----------------------------------\n        const colorInputCreator = getLabeledColorInputCreator$1({\n            colorConfig: this.options.backgroundColors,\n            columns: 5,\n            defaultColorValue: this.options.defaultTableCellProperties.backgroundColor,\n            colorPickerConfig: this.options.colorPickerConfig\n        });\n        const backgroundInput = new LabeledFieldView(locale, colorInputCreator);\n        backgroundInput.set({\n            label: t('Color'),\n            class: 'ck-table-cell-properties-form__background'\n        });\n        backgroundInput.fieldView.bind('value').to(this, 'backgroundColor');\n        backgroundInput.fieldView.on('input', ()=>{\n            this.backgroundColor = backgroundInput.fieldView.value;\n        });\n        return {\n            backgroundRowLabel,\n            backgroundInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #widthInput}.\n\t * * {@link #heightInput}.\n\t */ _createDimensionFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Label ---------------------------------------------------\n        const dimensionsLabel = new LabelView(locale);\n        dimensionsLabel.text = t('Dimensions');\n        // -- Width ---------------------------------------------------\n        const widthInput = new LabeledFieldView(locale, createLabeledInputText);\n        widthInput.set({\n            label: t('Width'),\n            class: 'ck-table-form__dimensions-row__width'\n        });\n        widthInput.fieldView.bind('value').to(this, 'width');\n        widthInput.fieldView.on('input', ()=>{\n            this.width = widthInput.fieldView.element.value;\n        });\n        // -- Operator ---------------------------------------------------\n        const operatorLabel = new View(locale);\n        operatorLabel.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck-table-form__dimension-operator'\n                ]\n            },\n            children: [\n                {\n                    text: '×'\n                }\n            ]\n        });\n        // -- Height ---------------------------------------------------\n        const heightInput = new LabeledFieldView(locale, createLabeledInputText);\n        heightInput.set({\n            label: t('Height'),\n            class: 'ck-table-form__dimensions-row__height'\n        });\n        heightInput.fieldView.bind('value').to(this, 'height');\n        heightInput.fieldView.on('input', ()=>{\n            this.height = heightInput.fieldView.element.value;\n        });\n        return {\n            dimensionsLabel,\n            widthInput,\n            operatorLabel,\n            heightInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #paddingInput}.\n\t */ _createPaddingField() {\n        const locale = this.locale;\n        const t = this.t;\n        const paddingInput = new LabeledFieldView(locale, createLabeledInputText);\n        paddingInput.set({\n            label: t('Padding'),\n            class: 'ck-table-cell-properties-form__padding'\n        });\n        paddingInput.fieldView.bind('value').to(this, 'padding');\n        paddingInput.fieldView.on('input', ()=>{\n            this.padding = paddingInput.fieldView.element.value;\n        });\n        return paddingInput;\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #horizontalAlignmentToolbar},\n\t * * {@link #verticalAlignmentToolbar}.\n\t */ _createAlignmentFields() {\n        const locale = this.locale;\n        const t = this.t;\n        const alignmentLabel = new LabelView(locale);\n        const ALIGNMENT_ICONS = {\n            left: IconAlignLeft,\n            center: IconAlignCenter,\n            right: IconAlignRight,\n            justify: IconAlignJustify,\n            top: IconAlignTop,\n            middle: IconAlignMiddle,\n            bottom: IconAlignBottom\n        };\n        alignmentLabel.text = t('Table cell text alignment');\n        // -- Horizontal ---------------------------------------------------\n        const horizontalAlignmentToolbar = new ToolbarView(locale);\n        const isContentRTL = locale.contentLanguageDirection === 'rtl';\n        horizontalAlignmentToolbar.set({\n            isCompact: true,\n            role: 'radiogroup',\n            ariaLabel: t('Horizontal text alignment toolbar')\n        });\n        fillToolbar$1({\n            view: this,\n            icons: ALIGNMENT_ICONS,\n            toolbar: horizontalAlignmentToolbar,\n            labels: this._horizontalAlignmentLabels,\n            propertyName: 'horizontalAlignment',\n            nameToValue: (name)=>{\n                // For the RTL content, we want to swap the buttons \"align to the left\" and \"align to the right\".\n                if (isContentRTL) {\n                    if (name === 'left') {\n                        return 'right';\n                    } else if (name === 'right') {\n                        return 'left';\n                    }\n                }\n                return name;\n            },\n            defaultValue: this.options.defaultTableCellProperties.horizontalAlignment\n        });\n        // -- Vertical -----------------------------------------------------\n        const verticalAlignmentToolbar = new ToolbarView(locale);\n        verticalAlignmentToolbar.set({\n            isCompact: true,\n            role: 'radiogroup',\n            ariaLabel: t('Vertical text alignment toolbar')\n        });\n        fillToolbar$1({\n            view: this,\n            icons: ALIGNMENT_ICONS,\n            toolbar: verticalAlignmentToolbar,\n            labels: this._verticalAlignmentLabels,\n            propertyName: 'verticalAlignment',\n            defaultValue: this.options.defaultTableCellProperties.verticalAlignment\n        });\n        return {\n            horizontalAlignmentToolbar,\n            verticalAlignmentToolbar,\n            alignmentLabel\n        };\n    }\n    /**\n\t * Creates the following form controls:\n\t *\n\t * * {@link #saveButtonView},\n\t * * {@link #cancelButtonView}.\n\t */ _createActionButtons() {\n        const locale = this.locale;\n        const t = this.t;\n        const saveButtonView = new ButtonView(locale);\n        const cancelButtonView = new ButtonView(locale);\n        const fieldsThatShouldValidateToSave = [\n            this.borderWidthInput,\n            this.borderColorInput,\n            this.backgroundInput,\n            this.paddingInput\n        ];\n        saveButtonView.set({\n            label: t('Save'),\n            icon: IconCheck,\n            class: 'ck-button-save',\n            type: 'submit',\n            withText: true\n        });\n        saveButtonView.bind('isEnabled').toMany(fieldsThatShouldValidateToSave, 'errorText', (...errorTexts)=>{\n            return errorTexts.every((errorText)=>!errorText);\n        });\n        cancelButtonView.set({\n            label: t('Cancel'),\n            icon: IconCancel,\n            class: 'ck-button-cancel',\n            withText: true\n        });\n        cancelButtonView.delegate('execute').to(this, 'cancel');\n        return {\n            saveButtonView,\n            cancelButtonView\n        };\n    }\n    /**\n\t * Provides localized labels for {@link #horizontalAlignmentToolbar} buttons.\n\t */ get _horizontalAlignmentLabels() {\n        const locale = this.locale;\n        const t = this.t;\n        const left = t('Align cell text to the left');\n        const center = t('Align cell text to the center');\n        const right = t('Align cell text to the right');\n        const justify = t('Justify cell text');\n        // Returns object with a proper order of labels.\n        if (locale.uiLanguageDirection === 'rtl') {\n            return {\n                right,\n                center,\n                left,\n                justify\n            };\n        } else {\n            return {\n                left,\n                center,\n                right,\n                justify\n            };\n        }\n    }\n    /**\n\t * Provides localized labels for {@link #verticalAlignmentToolbar} buttons.\n\t */ get _verticalAlignmentLabels() {\n        const t = this.t;\n        return {\n            top: t('Align cell text to the top'),\n            middle: t('Align cell text to the middle'),\n            bottom: t('Align cell text to the bottom')\n        };\n    }\n}\nfunction isBorderStyleSet$3(value) {\n    return value !== 'none';\n}\n\nconst BALLOON_POSITIONS = /* #__PURE__ */ (()=>[\n        BalloonPanelView.defaultPositions.northArrowSouth,\n        BalloonPanelView.defaultPositions.northArrowSouthWest,\n        BalloonPanelView.defaultPositions.northArrowSouthEast,\n        BalloonPanelView.defaultPositions.southArrowNorth,\n        BalloonPanelView.defaultPositions.southArrowNorthWest,\n        BalloonPanelView.defaultPositions.southArrowNorthEast,\n        BalloonPanelView.defaultPositions.viewportStickyNorth\n    ])();\n/**\n * A helper utility that positions the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} instance\n * with respect to the table in the editor content, if one is selected.\n *\n * @internal\n * @param editor The editor instance.\n * @param target Either \"cell\" or \"table\". Determines the target the balloon will be attached to.\n */ function repositionContextualBalloon(editor, target) {\n    const balloon = editor.plugins.get('ContextualBalloon');\n    const selection = editor.editing.view.document.selection;\n    let position;\n    if (target === 'cell') {\n        if (getTableWidgetAncestor(selection)) {\n            position = getBalloonCellPositionData(editor);\n        }\n    } else if (getSelectionAffectedTableWidget(selection)) {\n        position = getBalloonTablePositionData(editor);\n    }\n    if (position) {\n        balloon.updatePosition(position);\n    }\n}\n/**\n * Returns the positioning options that control the geometry of the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} with respect\n * to the selected table in the editor content.\n *\n * @param editor The editor instance.\n */ function getBalloonTablePositionData(editor) {\n    const selection = editor.model.document.selection;\n    const modelTable = getSelectionAffectedTable(selection);\n    const viewTable = editor.editing.mapper.toViewElement(modelTable);\n    return {\n        target: editor.editing.view.domConverter.mapViewToDom(viewTable),\n        positions: BALLOON_POSITIONS\n    };\n}\n/**\n * Returns the positioning options that control the geometry of the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} with respect\n * to the selected table cell in the editor content.\n *\n * @param editor The editor instance.\n * @internal\n */ function getBalloonCellPositionData(editor) {\n    const mapper = editor.editing.mapper;\n    const domConverter = editor.editing.view.domConverter;\n    const selection = editor.model.document.selection;\n    if (selection.rangeCount > 1) {\n        return {\n            target: ()=>createBoundingRect(selection.getRanges(), editor),\n            positions: BALLOON_POSITIONS\n        };\n    }\n    const modelTableCell = getTableCellAtPosition(selection.getFirstPosition());\n    const viewTableCell = mapper.toViewElement(modelTableCell);\n    return {\n        target: domConverter.mapViewToDom(viewTableCell),\n        positions: BALLOON_POSITIONS\n    };\n}\n/**\n * Returns the first selected table cell from a multi-cell or in-cell selection.\n *\n * @param position Document position.\n */ function getTableCellAtPosition(position) {\n    const isTableCellSelected = position.nodeAfter && position.nodeAfter.is('element', 'tableCell');\n    return isTableCellSelected ? position.nodeAfter : position.findAncestor('tableCell');\n}\n/**\n * Returns bounding rectangle for given model ranges.\n *\n * @param ranges Model ranges that the bounding rect should be returned for.\n * @param editor The editor instance.\n */ function createBoundingRect(ranges, editor) {\n    const mapper = editor.editing.mapper;\n    const domConverter = editor.editing.view.domConverter;\n    const rects = Array.from(ranges).map((range)=>{\n        const modelTableCell = getTableCellAtPosition(range.start);\n        const viewTableCell = mapper.toViewElement(modelTableCell);\n        return new Rect(domConverter.mapViewToDom(viewTableCell));\n    });\n    return Rect.getBoundingRect(rects);\n}\n\nconst ERROR_TEXT_TIMEOUT$3 = 500;\n// Map of view properties and related commands.\nconst propertyToCommandMap$3 = {\n    borderStyle: 'tableCellBorderStyle',\n    borderColor: 'tableCellBorderColor',\n    borderWidth: 'tableCellBorderWidth',\n    height: 'tableCellHeight',\n    width: 'tableCellWidth',\n    padding: 'tableCellPadding',\n    backgroundColor: 'tableCellBackgroundColor',\n    horizontalAlignment: 'tableCellHorizontalAlignment',\n    verticalAlignment: 'tableCellVerticalAlignment'\n};\n/**\n * The table cell properties UI plugin. It introduces the `'tableCellProperties'` button\n * that opens a form allowing to specify the visual styling of a table cell.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */ class TableCellPropertiesUI extends Plugin {\n    /**\n\t * The default table cell properties.\n\t */ _defaultContentTableCellProperties;\n    /**\n\t * The default layout table cell properties.\n\t */ _defaultLayoutTableCellProperties;\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    /**\n\t * The cell properties form view displayed inside the balloon.\n\t */ view;\n    /**\n\t * The cell properties form view displayed inside the balloon (content table).\n\t */ _viewWithContentTableDefaults;\n    /**\n\t * The cell properties form view displayed inside the balloon (layout table).\n\t */ _viewWithLayoutTableDefaults;\n    /**\n\t * The batch used to undo all changes made by the form (which are live, as the user types)\n\t * when \"Cancel\" was pressed. Each time the view is shown, a new batch is created.\n\t */ _undoStepBatch;\n    /**\n\t * Flag used to indicate whether view is ready to execute update commands\n\t * (it finished loading initial data).\n\t */ _isReady;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableCellPropertiesUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('table.tableCellProperties', {\n            borderColors: defaultColors,\n            backgroundColors: defaultColors\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        this._defaultContentTableCellProperties = getNormalizedDefaultCellProperties(editor.config.get('table.tableCellProperties.defaultProperties'), {\n            includeVerticalAlignmentProperty: true,\n            includeHorizontalAlignmentProperty: true,\n            includePaddingProperty: true,\n            isRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n        });\n        this._defaultLayoutTableCellProperties = getNormalizedDefaultProperties(undefined, {\n            includeVerticalAlignmentProperty: true,\n            includeHorizontalAlignmentProperty: true,\n            isRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n        });\n        this._balloon = editor.plugins.get(ContextualBalloon);\n        this.view = null;\n        this._isReady = false;\n        editor.ui.componentFactory.add('tableCellProperties', (locale)=>{\n            const view = new ButtonView(locale);\n            view.set({\n                label: t('Cell properties'),\n                icon: IconTableCellProperties,\n                tooltip: true\n            });\n            this.listenTo(view, 'execute', ()=>this._showView());\n            const commands = Object.values(propertyToCommandMap$3).map((commandName)=>editor.commands.get(commandName));\n            view.bind('isEnabled').toMany(commands, 'isEnabled', (...areEnabled)=>areEnabled.some((isCommandEnabled)=>isCommandEnabled));\n            return view;\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed.\n        // See https://github.com/ckeditor/ckeditor5/issues/1341.\n        if (this.view) {\n            this.view.destroy();\n        }\n    }\n    /**\n\t * Creates the {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView} instance.\n\t *\n\t * @returns The cell properties form view instance.\n\t */ _createPropertiesView(defaultTableCellProperties) {\n        const editor = this.editor;\n        const config = editor.config.get('table.tableCellProperties');\n        const borderColorsConfig = normalizeColorOptions(config.borderColors);\n        const localizedBorderColors = getLocalizedColorOptions(editor.locale, borderColorsConfig);\n        const backgroundColorsConfig = normalizeColorOptions(config.backgroundColors);\n        const localizedBackgroundColors = getLocalizedColorOptions(editor.locale, backgroundColorsConfig);\n        const hasColorPicker = config.colorPicker !== false;\n        const view = new TableCellPropertiesView(editor.locale, {\n            borderColors: localizedBorderColors,\n            backgroundColors: localizedBackgroundColors,\n            defaultTableCellProperties,\n            colorPickerConfig: hasColorPicker ? config.colorPicker || {} : false\n        });\n        const t = editor.t;\n        // Render the view so its #element is available for the clickOutsideHandler.\n        view.render();\n        this.listenTo(view, 'submit', ()=>{\n            this._hideView();\n        });\n        this.listenTo(view, 'cancel', ()=>{\n            // https://github.com/ckeditor/ckeditor5/issues/6180\n            if (this._undoStepBatch.operations.length) {\n                editor.execute('undo', this._undoStepBatch);\n            }\n            this._hideView();\n        });\n        // Close the balloon on Esc key press.\n        view.keystrokes.set('Esc', (data, cancel)=>{\n            this._hideView();\n            cancel();\n        });\n        // Close on click outside of balloon panel element.\n        clickOutsideHandler({\n            emitter: view,\n            activator: ()=>this._isViewInBalloon,\n            contextElements: [\n                this._balloon.view.element\n            ],\n            callback: ()=>this._hideView()\n        });\n        const colorErrorText = getLocalizedColorErrorText(t);\n        const lengthErrorText = getLocalizedLengthErrorText(t);\n        // Create the \"UI -> editor data\" binding.\n        // These listeners update the editor data (via table commands) when any observable\n        // property of the view has changed. They also validate the value and display errors in the UI\n        // when necessary. This makes the view live, which means the changes are\n        // visible in the editing as soon as the user types or changes fields' values.\n        view.on('change:borderStyle', this._getPropertyChangeCallback('tableCellBorderStyle'));\n        view.on('change:borderColor', this._getValidatedPropertyChangeCallback({\n            viewField: view.borderColorInput,\n            commandName: 'tableCellBorderColor',\n            errorText: colorErrorText,\n            validator: colorFieldValidator\n        }));\n        view.on('change:borderWidth', this._getValidatedPropertyChangeCallback({\n            viewField: view.borderWidthInput,\n            commandName: 'tableCellBorderWidth',\n            errorText: lengthErrorText,\n            validator: lineWidthFieldValidator\n        }));\n        view.on('change:padding', this._getValidatedPropertyChangeCallback({\n            viewField: view.paddingInput,\n            commandName: 'tableCellPadding',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:width', this._getValidatedPropertyChangeCallback({\n            viewField: view.widthInput,\n            commandName: 'tableCellWidth',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:height', this._getValidatedPropertyChangeCallback({\n            viewField: view.heightInput,\n            commandName: 'tableCellHeight',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:backgroundColor', this._getValidatedPropertyChangeCallback({\n            viewField: view.backgroundInput,\n            commandName: 'tableCellBackgroundColor',\n            errorText: colorErrorText,\n            validator: colorFieldValidator\n        }));\n        view.on('change:horizontalAlignment', this._getPropertyChangeCallback('tableCellHorizontalAlignment'));\n        view.on('change:verticalAlignment', this._getPropertyChangeCallback('tableCellVerticalAlignment'));\n        return view;\n    }\n    /**\n\t * In this method the \"editor data -> UI\" binding is happening.\n\t *\n\t * When executed, this method obtains selected cell property values from various table commands\n\t * and passes them to the {@link #view}.\n\t *\n\t * This way, the UI stays up–to–date with the editor data.\n\t */ _fillViewFormFromCommandValues() {\n        const commands = this.editor.commands;\n        const borderStyleCommand = commands.get('tableCellBorderStyle');\n        Object.entries(propertyToCommandMap$3).map(([property, commandName])=>{\n            const propertyKey = property;\n            const defaultValue = this.view === this._viewWithContentTableDefaults ? this._defaultContentTableCellProperties[propertyKey] || '' : this._defaultLayoutTableCellProperties[propertyKey] || '';\n            return [\n                property,\n                commands.get(commandName).value || defaultValue\n            ];\n        }).forEach(([property, value])=>{\n            // Do not set the `border-color` and `border-width` fields if `border-style:none`.\n            if ((property === 'borderColor' || property === 'borderWidth') && borderStyleCommand.value === 'none') {\n                return;\n            }\n            this.view.set(property, value);\n        });\n        this._isReady = true;\n    }\n    /**\n\t * Shows the {@link #view} in the {@link #_balloon}.\n\t *\n\t * **Note**: Each time a view is shown, a new {@link #_undoStepBatch} is created. It contains\n\t * all changes made to the document when the view is visible, allowing a single undo step\n\t * for all of them.\n\t */ _showView() {\n        const editor = this.editor;\n        const viewTable = getSelectionAffectedTableWidget(editor.editing.view.document.selection);\n        const modelTable = viewTable && editor.editing.mapper.toModelElement(viewTable);\n        const useDefaults = !modelTable || modelTable.getAttribute('tableType') !== 'layout';\n        if (useDefaults && !this._viewWithContentTableDefaults) {\n            this._viewWithContentTableDefaults = this._createPropertiesView(this._defaultContentTableCellProperties);\n        } else if (!useDefaults && !this._viewWithLayoutTableDefaults) {\n            this._viewWithLayoutTableDefaults = this._createPropertiesView(this._defaultLayoutTableCellProperties);\n        }\n        this.view = useDefaults ? this._viewWithContentTableDefaults : this._viewWithLayoutTableDefaults;\n        this.listenTo(editor.ui, 'update', ()=>{\n            this._updateView();\n        });\n        // Update the view with the model values.\n        this._fillViewFormFromCommandValues();\n        this._balloon.add({\n            view: this.view,\n            position: getBalloonCellPositionData(editor)\n        });\n        // Create a new batch. Clicking \"Cancel\" will undo this batch.\n        this._undoStepBatch = editor.model.createBatch();\n        // Basic a11y.\n        this.view.focus();\n    }\n    /**\n\t * Removes the {@link #view} from the {@link #_balloon}.\n\t */ _hideView() {\n        const editor = this.editor;\n        this.stopListening(editor.ui, 'update');\n        this._isReady = false;\n        // Blur any input element before removing it from DOM to prevent issues in some browsers.\n        // See https://github.com/ckeditor/ckeditor5/issues/1501.\n        this.view.saveButtonView.focus();\n        this._balloon.remove(this.view);\n        // Make sure the focus is not lost in the process by putting it directly\n        // into the editing view.\n        this.editor.editing.view.focus();\n    }\n    /**\n\t * Repositions the {@link #_balloon} or hides the {@link #view} if a table cell is no longer selected.\n\t */ _updateView() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        if (!getTableWidgetAncestor(viewDocument.selection)) {\n            this._hideView();\n        } else if (this._isViewVisible) {\n            repositionContextualBalloon(editor, 'cell');\n        }\n    }\n    /**\n\t * Returns `true` when the {@link #view} is visible in the {@link #_balloon}.\n\t */ get _isViewVisible() {\n        return !!this.view && this._balloon.visibleView === this.view;\n    }\n    /**\n\t * Returns `true` when the {@link #view} is in the {@link #_balloon}.\n\t */ get _isViewInBalloon() {\n        return !!this.view && this._balloon.hasView(this.view);\n    }\n    /**\n\t * Creates a callback that when executed upon the {@link #view view's} property change\n\t * executes a related editor command with the new property value.\n\t *\n\t * @param commandName The default value of the command.\n\t */ _getPropertyChangeCallback(commandName) {\n        return (evt, propertyName, newValue)=>{\n            if (!this._isReady) {\n                return;\n            }\n            this.editor.execute(commandName, {\n                value: newValue,\n                batch: this._undoStepBatch\n            });\n        };\n    }\n    /**\n\t * Creates a callback that when executed upon the {@link #view view's} property change:\n\t * * Executes a related editor command with the new property value if the value is valid,\n\t * * Or sets the error text next to the invalid field, if the value did not pass the validation.\n\t */ _getValidatedPropertyChangeCallback(options) {\n        const { commandName, viewField, validator, errorText } = options;\n        const setErrorTextDebounced = debounce(()=>{\n            viewField.errorText = errorText;\n        }, ERROR_TEXT_TIMEOUT$3);\n        return (evt, propertyName, newValue)=>{\n            setErrorTextDebounced.cancel();\n            // Do not execute the command on initial call (opening the table properties view).\n            if (!this._isReady) {\n                return;\n            }\n            if (validator(newValue)) {\n                this.editor.execute(commandName, {\n                    value: newValue,\n                    batch: this._undoStepBatch\n                });\n                viewField.errorText = null;\n            } else {\n                setErrorTextDebounced();\n            }\n        };\n    }\n}\n\n/**\n * The table cell attribute command.\n *\n * The command is a base command for other table cell property commands.\n */ class TableCellPropertyCommand extends Command {\n    /**\n\t * The attribute that will be set by the command.\n\t */ attributeName;\n    /**\n\t * The default value for the attribute.\n\t *\n\t * @readonly\n\t */ _defaultValue;\n    /**\n\t * The default value for the attribute for the content table.\n\t */ _defaultContentTableValue;\n    /**\n\t * The default value for the attribute for the layout table.\n\t */ _defaultLayoutTableValue;\n    /**\n\t * Creates a new `TableCellPropertyCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param attributeName Table cell attribute name.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, attributeName, defaultValue){\n        super(editor);\n        this.attributeName = attributeName;\n        this._defaultContentTableValue = defaultValue;\n        // Hardcoded defaults for layout table.\n        switch(attributeName){\n            case 'tableCellBorderStyle':\n                this._defaultLayoutTableValue = 'none';\n                break;\n            case 'tableCellHorizontalAlignment':\n                this._defaultLayoutTableValue = 'left';\n                break;\n            case 'tableCellVerticalAlignment':\n                this._defaultLayoutTableValue = 'middle';\n                break;\n            default:\n                this._defaultLayoutTableValue = undefined;\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const selectedTableCells = tableUtils.getSelectionAffectedTableCells(selection);\n        const table = getSelectionAffectedTable(selection);\n        this._defaultValue = !table || table.getAttribute('tableType') !== 'layout' ? this._defaultContentTableValue : this._defaultLayoutTableValue;\n        this.isEnabled = !!selectedTableCells.length;\n        this.value = this._getSingleValue(selectedTableCells);\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.value If set, the command will set the attribute on selected table cells.\n\t * If it is not set, the command will remove the attribute from the selected table cells.\n\t * @param options.batch Pass the model batch instance to the command to aggregate changes,\n\t * for example to allow a single undo step for multiple executions.\n\t */ execute(options = {}) {\n        const { value, batch } = options;\n        const model = this.editor.model;\n        const tableUtils = this.editor.plugins.get('TableUtils');\n        const tableCells = tableUtils.getSelectionAffectedTableCells(model.document.selection);\n        const valueToSet = this._getValueToSet(value);\n        model.enqueueChange(batch, (writer)=>{\n            if (valueToSet) {\n                tableCells.forEach((tableCell)=>writer.setAttribute(this.attributeName, valueToSet, tableCell));\n            } else {\n                tableCells.forEach((tableCell)=>writer.removeAttribute(this.attributeName, tableCell));\n            }\n        });\n    }\n    /**\n\t * Returns the attribute value for a table cell.\n\t */ _getAttribute(tableCell) {\n        if (!tableCell) {\n            return;\n        }\n        const value = tableCell.getAttribute(this.attributeName);\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n    /**\n\t * Returns the proper model value. It can be used to add a default unit to numeric values.\n\t */ _getValueToSet(value) {\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n    /**\n\t * Returns a single value for all selected table cells. If the value is the same for all cells,\n\t * it will be returned (`undefined` otherwise).\n\t */ _getSingleValue(tableCells) {\n        const firstCellValue = this._getAttribute(tableCells[0]);\n        const everyCellHasAttribute = tableCells.every((tableCells)=>this._getAttribute(tableCells) === firstCellValue);\n        return everyCellHasAttribute ? firstCellValue : undefined;\n    }\n}\n\n/**\n * The table cell width command.\n *\n * The command is registered by the {@link module:table/tablecellwidth/tablecellwidthediting~TableCellWidthEditing} as\n * the `'tableCellWidth'` editor command.\n *\n * To change the width of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellWidth', {\n *   value: '50px'\n * } );\n * ```\n *\n * **Note**: This command adds a default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableCellWidth', {\n *   value: '50'\n * } );\n * ```\n *\n * will set the `width` attribute to `'50px'` in the model.\n */ class TableCellWidthCommand extends TableCellPropertyCommand {\n    /**\n\t * Creates a new `TableCellWidthCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableCellWidth', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValueToSet(value) {\n        value = addDefaultUnitToNumericValue(value, 'px');\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n}\n\n/**\n * The table cell width editing feature.\n *\n * Introduces `tableCellWidth` table cell model attribute alongside with its converters\n * and a command.\n */ class TableCellWidthEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableCellWidthEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const defaultTableCellProperties = getNormalizedDefaultCellProperties(editor.config.get('table.tableCellProperties.defaultProperties'));\n        enableProperty$1(editor.model.schema, editor.conversion, {\n            modelAttribute: 'tableCellWidth',\n            styleName: 'width',\n            attributeName: 'width',\n            attributeType: 'length',\n            defaultValue: defaultTableCellProperties.width\n        });\n        editor.commands.add('tableCellWidth', new TableCellWidthCommand(editor, defaultTableCellProperties.width));\n    }\n}\n\n/**\n * The table cell padding command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellPadding'` editor command.\n *\n * To change the padding of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellPadding', {\n *   value: '5px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableCellPadding', {\n *   value: '5'\n * } );\n * ```\n *\n * will set the `padding` attribute to `'5px'` in the model.\n */ class TableCellPaddingCommand extends TableCellPropertyCommand {\n    /**\n\t * Creates a new `TableCellPaddingCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableCellPadding', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getAttribute(tableCell) {\n        if (!tableCell) {\n            return;\n        }\n        const value = getSingleValue(tableCell.getAttribute(this.attributeName));\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValueToSet(value) {\n        const newValue = addDefaultUnitToNumericValue(value, 'px');\n        if (newValue === this._defaultValue) {\n            return;\n        }\n        return newValue;\n    }\n}\n\n/**\n * The table cell height command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellHeight'` editor command.\n *\n * To change the height of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellHeight', {\n *   value: '50px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableCellHeight', {\n *   value: '50'\n * } );\n * ```\n *\n * will set the `height` attribute to `'50px'` in the model.\n */ class TableCellHeightCommand extends TableCellPropertyCommand {\n    /**\n\t * Creates a new `TableCellHeightCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableCellHeight', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValueToSet(value) {\n        const newValue = addDefaultUnitToNumericValue(value, 'px');\n        if (newValue === this._defaultValue) {\n            return;\n        }\n        return newValue;\n    }\n}\n\n/**\n * The table cell background color command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellBackgroundColor'` editor command.\n *\n * To change the background color of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellBackgroundColor', {\n *   value: '#f00'\n * } );\n * ```\n */ class TableCellBackgroundColorCommand extends TableCellPropertyCommand {\n    /**\n\t * Creates a new `TableCellBackgroundColorCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableCellBackgroundColor', defaultValue);\n    }\n}\n\n/**\n * The table cell vertical alignment command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellVerticalAlignment'` editor command.\n *\n * To change the vertical text alignment of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellVerticalAlignment', {\n *   value: 'top'\n * } );\n * ```\n *\n * The following values, corresponding to the\n * [`vertical-align` CSS attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align), are allowed:\n *\n * * `'top'`\n * * `'bottom'`\n *\n * The `'middle'` value is the default one so there is no need to set it.\n */ class TableCellVerticalAlignmentCommand extends TableCellPropertyCommand {\n    /**\n\t * Creates a new `TableCellVerticalAlignmentCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value for the \"alignment\" attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableCellVerticalAlignment', defaultValue);\n    }\n}\n\n/**\n * The table cell horizontal alignment command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellHorizontalAlignment'` editor command.\n *\n * To change the horizontal text alignment of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellHorizontalAlignment', {\n *  value: 'right'\n * } );\n * ```\n */ class TableCellHorizontalAlignmentCommand extends TableCellPropertyCommand {\n    /**\n\t * Creates a new `TableCellHorizontalAlignmentCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value for the \"alignment\" attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableCellHorizontalAlignment', defaultValue);\n    }\n}\n\n/**\n * The table cell border style command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellBorderStyle'` editor command.\n *\n * To change the border style of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellBorderStyle', {\n *   value: 'dashed'\n * } );\n * ```\n */ class TableCellBorderStyleCommand extends TableCellPropertyCommand {\n    /**\n\t * Creates a new `TableCellBorderStyleCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableCellBorderStyle', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getAttribute(tableCell) {\n        if (!tableCell) {\n            return;\n        }\n        const value = getSingleValue(tableCell.getAttribute(this.attributeName));\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n}\n\n/**\n * The table cell border color command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellBorderColor'` editor command.\n *\n * To change the border color of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellBorderColor', {\n *   value: '#f00'\n * } );\n * ```\n */ class TableCellBorderColorCommand extends TableCellPropertyCommand {\n    /**\n\t * Creates a new `TableCellBorderColorCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableCellBorderColor', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getAttribute(tableCell) {\n        if (!tableCell) {\n            return;\n        }\n        const value = getSingleValue(tableCell.getAttribute(this.attributeName));\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n}\n\n/**\n * The table cell border width command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellBorderWidth'` editor command.\n *\n * To change the border width of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellBorderWidth', {\n *   value: '5px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableCellBorderWidth', {\n *   value: '5'\n * } );\n * ```\n *\n * will set the `borderWidth` attribute to `'5px'` in the model.\n */ class TableCellBorderWidthCommand extends TableCellPropertyCommand {\n    /**\n\t * Creates a new `TableCellBorderWidthCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableCellBorderWidth', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getAttribute(tableCell) {\n        if (!tableCell) {\n            return;\n        }\n        const value = getSingleValue(tableCell.getAttribute(this.attributeName));\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValueToSet(value) {\n        const newValue = addDefaultUnitToNumericValue(value, 'px');\n        if (newValue === this._defaultValue) {\n            return;\n        }\n        return newValue;\n    }\n}\n\nconst VALIGN_VALUES_REG_EXP = /^(top|middle|bottom)$/;\nconst ALIGN_VALUES_REG_EXP = /^(left|center|right|justify)$/;\n/**\n * The table cell properties editing feature.\n *\n * Introduces table cell model attributes and their conversion:\n *\n * - border: `tableCellBorderStyle`, `tableCellBorderColor` and `tableCellBorderWidth`\n * - background color: `tableCellBackgroundColor`\n * - cell padding: `tableCellPadding`\n * - horizontal and vertical alignment: `tableCellHorizontalAlignment`, `tableCellVerticalAlignment`\n * - cell width and height: `tableCellWidth`, `tableCellHeight`\n *\n * It also registers commands used to manipulate the above attributes:\n *\n * - border: the `'tableCellBorderStyle'`, `'tableCellBorderColor'` and `'tableCellBorderWidth'` commands\n * - background color: the `'tableCellBackgroundColor'` command\n * - cell padding: the `'tableCellPadding'` command\n * - horizontal and vertical alignment: the `'tableCellHorizontalAlignment'` and `'tableCellVerticalAlignment'` commands\n * - width and height: the `'tableCellWidth'` and `'tableCellHeight'` commands\n */ class TableCellPropertiesEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableCellPropertiesEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'TCP';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableEditing,\n            TableCellWidthEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        editor.config.define('table.tableCellProperties.defaultProperties', {});\n        const defaultTableCellProperties = getNormalizedDefaultCellProperties(editor.config.get('table.tableCellProperties.defaultProperties'), {\n            includeVerticalAlignmentProperty: true,\n            includeHorizontalAlignmentProperty: true,\n            includePaddingProperty: true,\n            isRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n        });\n        editor.data.addStyleProcessorRules(addBorderStylesRules);\n        enableBorderProperties$1(editor, {\n            color: defaultTableCellProperties.borderColor,\n            style: defaultTableCellProperties.borderStyle,\n            width: defaultTableCellProperties.borderWidth\n        });\n        editor.commands.add('tableCellBorderStyle', new TableCellBorderStyleCommand(editor, defaultTableCellProperties.borderStyle));\n        editor.commands.add('tableCellBorderColor', new TableCellBorderColorCommand(editor, defaultTableCellProperties.borderColor));\n        editor.commands.add('tableCellBorderWidth', new TableCellBorderWidthCommand(editor, defaultTableCellProperties.borderWidth));\n        enableProperty$1(schema, conversion, {\n            modelAttribute: 'tableCellHeight',\n            styleName: 'height',\n            attributeName: 'height',\n            attributeType: 'length',\n            defaultValue: defaultTableCellProperties.height\n        });\n        editor.commands.add('tableCellHeight', new TableCellHeightCommand(editor, defaultTableCellProperties.height));\n        editor.data.addStyleProcessorRules(addPaddingStylesRules);\n        enableProperty$1(schema, conversion, {\n            modelAttribute: 'tableCellPadding',\n            styleName: 'padding',\n            reduceBoxSides: true,\n            defaultValue: defaultTableCellProperties.padding\n        });\n        editor.commands.add('tableCellPadding', new TableCellPaddingCommand(editor, defaultTableCellProperties.padding));\n        editor.data.addStyleProcessorRules(addBackgroundStylesRules);\n        enableProperty$1(schema, conversion, {\n            modelAttribute: 'tableCellBackgroundColor',\n            styleName: 'background-color',\n            attributeName: 'bgcolor',\n            attributeType: 'color',\n            defaultValue: defaultTableCellProperties.backgroundColor\n        });\n        editor.commands.add('tableCellBackgroundColor', new TableCellBackgroundColorCommand(editor, defaultTableCellProperties.backgroundColor));\n        enableHorizontalAlignmentProperty(schema, conversion, defaultTableCellProperties.horizontalAlignment);\n        editor.commands.add('tableCellHorizontalAlignment', new TableCellHorizontalAlignmentCommand(editor, defaultTableCellProperties.horizontalAlignment));\n        enableVerticalAlignmentProperty(schema, conversion, defaultTableCellProperties.verticalAlignment);\n        editor.commands.add('tableCellVerticalAlignment', new TableCellVerticalAlignmentCommand(editor, defaultTableCellProperties.verticalAlignment));\n    }\n}\n/**\n * Enables the `'tableCellBorderStyle'`, `'tableCellBorderColor'` and `'tableCellBorderWidth'` attributes for table cells.\n *\n * @param editor The editor instance.\n * @param defaultBorder The default border values.\n * @param defaultBorder.color The default `tableCellBorderColor` value.\n * @param defaultBorder.style The default `tableCellBorderStyle` value.\n * @param defaultBorder.width The default `tableCellBorderWidth` value.\n */ function enableBorderProperties$1(editor, defaultBorder) {\n    const { conversion } = editor;\n    const { schema } = editor.model;\n    const modelAttributes = {\n        width: 'tableCellBorderWidth',\n        color: 'tableCellBorderColor',\n        style: 'tableCellBorderStyle'\n    };\n    schema.extend('tableCell', {\n        allowAttributes: Object.values(modelAttributes)\n    });\n    for (const modelAttribute of Object.values(modelAttributes)){\n        schema.setAttributeProperties(modelAttribute, {\n            isFormatting: true\n        });\n    }\n    upcastBorderStyles(editor, 'td', modelAttributes, defaultBorder);\n    upcastBorderStyles(editor, 'th', modelAttributes, defaultBorder);\n    downcastAttributeToStyle(conversion, {\n        modelElement: 'tableCell',\n        modelAttribute: modelAttributes.style,\n        styleName: 'border-style'\n    });\n    downcastAttributeToStyle(conversion, {\n        modelElement: 'tableCell',\n        modelAttribute: modelAttributes.color,\n        styleName: 'border-color'\n    });\n    downcastAttributeToStyle(conversion, {\n        modelElement: 'tableCell',\n        modelAttribute: modelAttributes.width,\n        styleName: 'border-width'\n    });\n}\n/**\n * Enables the `'tableCellHorizontalAlignment'` attribute for table cells.\n *\n * @param defaultValue The default horizontal alignment value.\n */ function enableHorizontalAlignmentProperty(schema, conversion, defaultValue) {\n    schema.extend('tableCell', {\n        allowAttributes: [\n            'tableCellHorizontalAlignment'\n        ]\n    });\n    schema.setAttributeProperties('tableCellHorizontalAlignment', {\n        isFormatting: true\n    });\n    conversion.for('downcast').attributeToAttribute({\n        model: {\n            name: 'tableCell',\n            key: 'tableCellHorizontalAlignment'\n        },\n        view: (alignment)=>({\n                key: 'style',\n                value: {\n                    'text-align': alignment\n                }\n            })\n    });\n    conversion.for('upcast')// Support for the `text-align:*;` CSS definition for the table cell alignment.\n    .attributeToAttribute({\n        view: {\n            name: /^(td|th)$/,\n            styles: {\n                'text-align': ALIGN_VALUES_REG_EXP\n            }\n        },\n        model: {\n            key: 'tableCellHorizontalAlignment',\n            value: (viewElement, conversionApi, data)=>{\n                const localDefaultValue = getDefaultValueAdjusted(defaultValue, 'left', data);\n                const align = viewElement.getStyle('text-align');\n                if (align !== localDefaultValue) {\n                    return align;\n                }\n                // Consume the style even if not applied to the element so it won't be processed by other converters.\n                conversionApi.consumable.consume(viewElement, {\n                    styles: 'text-align'\n                });\n            }\n        }\n    })// Support for the `align` attribute as the backward compatibility while pasting from other sources.\n    .attributeToAttribute({\n        view: {\n            name: /^(td|th)$/,\n            attributes: {\n                align: ALIGN_VALUES_REG_EXP\n            }\n        },\n        model: {\n            key: 'tableCellHorizontalAlignment',\n            value: (viewElement, conversionApi, data)=>{\n                const localDefaultValue = getDefaultValueAdjusted(defaultValue, 'left', data);\n                const align = viewElement.getAttribute('align');\n                if (align !== localDefaultValue) {\n                    return align;\n                }\n                // Consume the style even if not applied to the element so it won't be processed by other converters.\n                conversionApi.consumable.consume(viewElement, {\n                    attributes: 'align'\n                });\n            }\n        }\n    });\n}\n/**\n * Enables the `'verticalAlignment'` attribute for table cells.\n *\n * @param defaultValue The default vertical alignment value.\n */ function enableVerticalAlignmentProperty(schema, conversion, defaultValue) {\n    schema.extend('tableCell', {\n        allowAttributes: [\n            'tableCellVerticalAlignment'\n        ]\n    });\n    schema.setAttributeProperties('tableCellVerticalAlignment', {\n        isFormatting: true\n    });\n    conversion.for('downcast').attributeToAttribute({\n        model: {\n            name: 'tableCell',\n            key: 'tableCellVerticalAlignment'\n        },\n        view: (alignment)=>({\n                key: 'style',\n                value: {\n                    'vertical-align': alignment\n                }\n            })\n    });\n    conversion.for('upcast')// Support for the `vertical-align:*;` CSS definition for the table cell alignment.\n    .attributeToAttribute({\n        view: {\n            name: /^(td|th)$/,\n            styles: {\n                'vertical-align': VALIGN_VALUES_REG_EXP\n            }\n        },\n        model: {\n            key: 'tableCellVerticalAlignment',\n            value: (viewElement, conversionApi, data)=>{\n                const localDefaultValue = getDefaultValueAdjusted(defaultValue, 'middle', data);\n                const align = viewElement.getStyle('vertical-align');\n                if (align !== localDefaultValue) {\n                    return align;\n                }\n                // Consume the style even if not applied to the element so it won't be processed by other converters.\n                conversionApi.consumable.consume(viewElement, {\n                    styles: 'vertical-align'\n                });\n            }\n        }\n    })// Support for the `align` attribute as the backward compatibility while pasting from other sources.\n    .attributeToAttribute({\n        view: {\n            name: /^(td|th)$/,\n            attributes: {\n                valign: VALIGN_VALUES_REG_EXP\n            }\n        },\n        model: {\n            key: 'tableCellVerticalAlignment',\n            value: (viewElement, conversionApi, data)=>{\n                const localDefaultValue = getDefaultValueAdjusted(defaultValue, 'middle', data);\n                const valign = viewElement.getAttribute('valign');\n                if (valign !== localDefaultValue) {\n                    return valign;\n                }\n                // Consume the attribute even if not applied to the element so it won't be processed by other converters.\n                conversionApi.consumable.consume(viewElement, {\n                    attributes: 'valign'\n                });\n            }\n        }\n    });\n}\n\n/**\n * The table cell properties feature. Enables support for setting properties of table cells (size, border, background, etc.).\n *\n * Read more in the {@glink features/tables/tables-styling Table and cell styling tools} section.\n * See also the {@link module:table/tableproperties~TableProperties} plugin.\n *\n * This is a \"glue\" plugin that loads the\n * {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing table cell properties editing feature} and\n * the {@link module:table/tablecellproperties/tablecellpropertiesui~TableCellPropertiesUI table cell properties UI feature}.\n */ class TableCellProperties extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableCellProperties';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableCellPropertiesEditing,\n            TableCellPropertiesUI\n        ];\n    }\n}\n\n/**\n * The table layout UI plugin. It introduces:\n *\n * * The `'insertTableLayout'` dropdown,\n * * The `'menuBar:insertTableLayout'` menu bar menu.\n */ class TableLayoutUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableLayoutUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = this.editor.t;\n        editor.ui.componentFactory.add('insertTableLayout', (locale)=>{\n            const command = editor.commands.get('insertTableLayout');\n            const dropdownView = createDropdown(locale);\n            dropdownView.bind('isEnabled').to(command);\n            // Decorate dropdown's button.\n            dropdownView.buttonView.set({\n                icon: IconTableLayout,\n                label: t('Insert table layout'),\n                tooltip: true\n            });\n            let insertTableLayoutView;\n            dropdownView.on('change:isOpen', ()=>{\n                if (insertTableLayoutView) {\n                    return;\n                }\n                // Prepare custom view for dropdown's panel.\n                insertTableLayoutView = new InsertTableView(locale);\n                dropdownView.panelView.children.add(insertTableLayoutView);\n                insertTableLayoutView.delegate('execute').to(dropdownView);\n                dropdownView.on('execute', ()=>{\n                    editor.execute('insertTableLayout', {\n                        rows: insertTableLayoutView.rows,\n                        columns: insertTableLayoutView.columns\n                    });\n                    editor.editing.view.focus();\n                });\n            });\n            return dropdownView;\n        });\n        editor.ui.componentFactory.add('menuBar:insertTableLayout', (locale)=>{\n            const command = editor.commands.get('insertTableLayout');\n            const menuView = new MenuBarMenuView(locale);\n            const insertTableLayoutView = new InsertTableView(locale);\n            insertTableLayoutView.delegate('execute').to(menuView);\n            menuView.on('change:isOpen', (event, name, isOpen)=>{\n                if (!isOpen) {\n                    insertTableLayoutView.reset();\n                }\n            });\n            insertTableLayoutView.on('execute', ()=>{\n                editor.execute('insertTableLayout', {\n                    rows: insertTableLayoutView.rows,\n                    columns: insertTableLayoutView.columns\n                });\n                editor.editing.view.focus();\n            });\n            menuView.buttonView.set({\n                label: t('Table layout'),\n                icon: IconTableLayout\n            });\n            menuView.panelView.children.add(insertTableLayoutView);\n            menuView.bind('isEnabled').to(command);\n            return menuView;\n        });\n        // Create table type dropdown button.\n        editor.ui.componentFactory.add('tableType', ()=>{\n            const editor = this.editor;\n            const t = editor.t;\n            const button = new DropdownButtonView(editor.locale);\n            button.set({\n                label: t('Table type'),\n                icon: IconTableProperties,\n                tooltip: true\n            });\n            return createTableTypeDropdown(editor, button);\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ afterInit() {\n        const editor = this.editor;\n        if (!editor.plugins.has('TablePropertiesUI')) {\n            return;\n        }\n        const tablePropertiesUI = editor.plugins.get('TablePropertiesUI');\n        // Override the default table properties button to include the table type dropdown.\n        // It needs to be done in `afterInit()` to make sure that `tableProperties` button is\n        // registered after the initialization of the `TablePropertiesUI`. Otherwise, the\n        // button will be overridden by the default one if the `TablePropertiesUI` is\n        // initialized after the `TableLayoutUI`.\n        editor.ui.componentFactory.add('tableProperties', (locale)=>{\n            const baseButton = tablePropertiesUI._createTablePropertiesButton();\n            const splitButtonView = new SplitButtonView(locale, baseButton);\n            return createTableTypeDropdown(editor, splitButtonView);\n        });\n    }\n}\n/**\n * Creates a dropdown for the table type selection.\n *\n * @param editor The editor instance.\n * @param dropdownButton The button view that will be used as the dropdown trigger.\n * @returns A dropdown view containing table type options.\n */ function createTableTypeDropdown(editor, dropdownButton) {\n    const t = editor.t;\n    const locale = editor.locale;\n    const tableTypeCommand = editor.commands.get('tableType');\n    // Wrap the original button in a SplitButtonView.\n    const dropdownView = createDropdown(locale, dropdownButton);\n    const itemsDefinitions = createTableLayoutTypeDropdownItems(editor);\n    // Add table types to the dropdown.\n    addListToDropdown(dropdownView, itemsDefinitions, {\n        ariaLabel: t('Table type options'),\n        role: 'menu'\n    });\n    dropdownButton.tooltip = t('Choose table type');\n    dropdownView.on('execute', (evt)=>{\n        const tableType = evt.source.tableType;\n        if (tableType) {\n            tableTypeCommand.execute(tableType);\n        }\n    });\n    return dropdownView;\n}\n/**\n * Creates dropdown items for table type selection.\n *\n * @param editor The editor instance.\n * @returns A collection of dropdown items for the table type dropdown.\n */ function createTableLayoutTypeDropdownItems(editor) {\n    const t = editor.t;\n    const tableTypeCommand = editor.commands.get('tableType');\n    const itemDefinitions = new Collection();\n    itemDefinitions.add(createTableTypeDropdownItem(tableTypeCommand, 'layout', t('Layout table')));\n    itemDefinitions.add(createTableTypeDropdownItem(tableTypeCommand, 'content', t('Content table')));\n    return itemDefinitions;\n}\n/**\n * Creates a dropdown item for a specific table type.\n *\n * @param tableTypeCommand The table type command.\n * @param type The table type value ('layout' or 'content').\n * @param label The localized label for the dropdown item.\n * @returns The dropdown item definition.\n */ function createTableTypeDropdownItem(tableTypeCommand, type, label) {\n    const model = new UIModel({\n        label,\n        role: 'menuitemradio',\n        withText: true,\n        tableType: type\n    });\n    model.bind('isEnabled').to(tableTypeCommand, 'isEnabled');\n    model.bind('isOn').to(tableTypeCommand, 'value', (value)=>value === type);\n    return {\n        type: 'button',\n        model\n    };\n}\n\n/**\n * The insert table layout command.\n *\n * The command is registered by {@link module:table/tablelayout/tablelayoutediting~TableLayoutEditing}\n * as the `'insertTableLayout'` editor command.\n *\n * To insert a layout table at the current selection, execute the command and specify the dimensions:\n *\n * ```ts\n * editor.execute( 'insertTableLayout', { rows: 20, columns: 5 } );\n * ```\n */ class InsertTableLayoutCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const schema = model.schema;\n        this.isEnabled = isAllowedInParent(selection, schema);\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * Inserts a layout table with the given number of rows and columns into the editor.\n\t *\n\t * @param options.rows The number of rows to create in the inserted table. Default value is 2.\n\t * @param options.columns The number of columns to create in the inserted table. Default value is 2.\n\t * @fires execute\n\t */ execute(options = {}) {\n        const editor = this.editor;\n        const model = editor.model;\n        const tableUtils = editor.plugins.get('TableUtils');\n        model.change((writer)=>{\n            const normalizedOptions = {\n                rows: options.rows || 2,\n                columns: options.columns || 2\n            };\n            const table = tableUtils.createTable(writer, normalizedOptions);\n            writer.setAttribute('tableType', 'layout', table);\n            model.insertObject(table, null, null, {\n                findOptimalPosition: 'auto'\n            });\n            const singleColumnWidth = `${100 / normalizedOptions.columns}%`;\n            const columnWidths = Array(normalizedOptions.columns).fill(singleColumnWidth);\n            const tableWidthsCommand = editor.commands.get('resizeColumnWidths');\n            // Make the table full-width with equal columns width.\n            tableWidthsCommand.execute({\n                tableWidth: '100%',\n                columnWidths,\n                table\n            });\n            writer.setSelection(writer.createPositionAt(table.getNodeByPath([\n                0,\n                0,\n                0\n            ]), 0));\n        });\n    }\n}\n/**\n * Checks if the table is allowed in the parent.\n */ function isAllowedInParent(selection, schema) {\n    const positionParent = selection.getFirstPosition().parent;\n    const validParent = positionParent === positionParent.root ? positionParent : positionParent.parent;\n    return schema.checkChild(validParent, 'table');\n}\n\n/**\n * Command used by the {@link module:table/tablecolumnresize~TableColumnResize Table column resize feature} that\n * updates the width of the whole table as well as its individual columns.\n */ class TableWidthsCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        // The command is always enabled as it doesn't care about the actual selection - table can be resized\n        // even if the selection is elsewhere.\n        this.isEnabled = true;\n    }\n    /**\n\t * Updated the `tableWidth` attribute of the table and the `columnWidth` attribute of the columns of that table.\n\t */ execute(options = {}) {\n        const { model, plugins } = this.editor;\n        let { table = model.document.selection.getSelectedElement(), columnWidths, tableWidth } = options;\n        if (columnWidths) {\n            // For backwards compatibility, columnWidths might be an array or a string of comma-separated values.\n            columnWidths = Array.isArray(columnWidths) ? columnWidths : columnWidths.split(',');\n        }\n        model.change((writer)=>{\n            if (tableWidth) {\n                writer.setAttribute('tableWidth', tableWidth, table);\n            } else {\n                writer.removeAttribute('tableWidth', table);\n            }\n            const tableColumnGroup = plugins.get('TableColumnResizeEditing').getColumnGroupElement(table);\n            if (!columnWidths && !tableColumnGroup) {\n                return;\n            }\n            if (!columnWidths) {\n                return writer.remove(tableColumnGroup);\n            }\n            const widths = normalizeColumnWidths(columnWidths);\n            if (!tableColumnGroup) {\n                const colGroupElement = writer.createElement('tableColumnGroup');\n                widths.forEach((columnWidth)=>writer.appendElement('tableColumn', {\n                        columnWidth\n                    }, colGroupElement));\n                writer.append(colGroupElement, table);\n            } else {\n                Array.from(tableColumnGroup.getChildren()).forEach((column, index)=>writer.setAttribute('columnWidth', widths[index], column));\n            }\n        });\n    }\n}\n\n/**\n * Returns a upcast helper that ensures the number of `<tableColumn>` elements corresponds to the actual number of columns in the table,\n * because the input data might have too few or too many <col> elements.\n *\n * @internal\n */ function upcastColgroupElement(tableUtilsPlugin) {\n    return (dispatcher)=>dispatcher.on('element:colgroup', (evt, data, conversionApi)=>{\n            const modelTable = data.modelCursor.findAncestor('table');\n            const tableColumnGroup = getColumnGroupElement(modelTable);\n            if (!tableColumnGroup) {\n                return;\n            }\n            const columnElements = getTableColumnElements(tableColumnGroup);\n            const columnsCount = tableUtilsPlugin.getColumns(modelTable);\n            let columnWidths = translateColSpanAttribute(tableColumnGroup, conversionApi.writer);\n            // Fill the array with 'auto' values if the number of columns is higher than number of declared values.\n            columnWidths = Array.from({\n                length: columnsCount\n            }, (_, index)=>columnWidths[index] || 'auto');\n            if (columnWidths.length != columnElements.length || columnWidths.includes('auto')) {\n                updateColumnElements(columnElements, tableColumnGroup, normalizeColumnWidths(columnWidths), conversionApi.writer);\n            }\n        }, {\n            priority: 'low'\n        });\n}\n/**\n * Returns downcast helper for adding `ck-table-resized` class if there is a `<tableColumnGroup>` element inside the table.\n *\n * @internal\n */ function downcastTableResizedClass() {\n    return (dispatcher)=>dispatcher.on('insert:table', (evt, data, conversionApi)=>{\n            const viewWriter = conversionApi.writer;\n            const modelTable = data.item;\n            const viewElement = conversionApi.mapper.toViewElement(modelTable);\n            const viewTable = viewElement.is('element', 'table') ? viewElement : Array.from(viewElement.getChildren()).find((viewChild)=>viewChild.is('element', 'table'));\n            const tableColumnGroup = getColumnGroupElement(modelTable);\n            if (tableColumnGroup) {\n                viewWriter.addClass('ck-table-resized', viewTable);\n            } else {\n                viewWriter.removeClass('ck-table-resized', viewTable);\n            }\n        }, {\n            priority: 'low'\n        });\n}\n/**\n * Returns a upcast helper that removes the `ck-table-resized` class from the table element.\n *\n * @internal\n */ function upcastTableResizedClass() {\n    return (dispatcher)=>{\n        dispatcher.on('element:table', (evt, data, conversionApi)=>{\n            conversionApi.consumable.consume(data.viewItem, {\n                classes: 'ck-table-resized'\n            });\n        });\n    };\n}\n\nconst toPx = /* #__PURE__ */ toUnit('px');\n/**\n * The table column resize editing plugin.\n */ class TableColumnResizeEditing extends Plugin {\n    /**\n\t * A flag indicating if the column resizing is in progress.\n\t */ _isResizingActive;\n    /**\n\t * A temporary storage for the required data needed to correctly calculate the widths of the resized columns. This storage is\n\t * initialized when column resizing begins, and is purged upon completion.\n\t */ _resizingData;\n    /**\n\t * DOM emitter.\n\t */ _domEmitter;\n    /**\n\t * A local reference to the {@link module:table/tableutils~TableUtils} plugin.\n\t */ _tableUtilsPlugin;\n    /**\n\t * Starting mouse position data used to add a threshold to the resizing process.\n\t */ _initialMouseEventData = null;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableEditing,\n            TableUtils\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableColumnResizeEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'TCR';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this._isResizingActive = false;\n        this.set('_isResizingAllowed', true);\n        this._resizingData = null;\n        this._domEmitter = new (DomEmitterMixin())();\n        this._tableUtilsPlugin = editor.plugins.get('TableUtils');\n        this.on('change:_isResizingAllowed', (evt, name, value)=>{\n            // Toggling the `ck-column-resize_disabled` class shows and hides the resizers through CSS.\n            const classAction = value ? 'removeClass' : 'addClass';\n            editor.editing.view.change((writer)=>{\n                for (const root of editor.editing.view.document.roots){\n                    writer[classAction]('ck-column-resize_disabled', editor.editing.view.document.getRoot(root.rootName));\n                }\n            });\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this._extendSchema();\n        this._registerPostFixer();\n        this._registerConverters();\n        this._registerResizingListeners();\n        this._registerResizerInserter();\n        const editor = this.editor;\n        const columnResizePlugin = editor.plugins.get('TableColumnResize');\n        const tableEditing = editor.plugins.get('TableEditing');\n        tableEditing.registerAdditionalSlot({\n            filter: (element)=>element.is('element', 'tableColumnGroup'),\n            positionOffset: 0\n        });\n        const tableWidthsCommand = new TableWidthsCommand(editor);\n        // For backwards compatibility we have two commands that perform exactly the same operation.\n        editor.commands.add('resizeTableWidth', tableWidthsCommand);\n        editor.commands.add('resizeColumnWidths', tableWidthsCommand);\n        // Currently the states of column resize and table resize (which is actually the last column resize) features\n        // are bound together. They can be separated in the future by adding distinct listeners and applying\n        // different CSS classes (e.g. `ck-column-resize_disabled` and `ck-table-resize_disabled`) to the editor root.\n        // See #12148 for the details.\n        this.bind('_isResizingAllowed').to(editor, 'isReadOnly', columnResizePlugin, 'isEnabled', tableWidthsCommand, 'isEnabled', (isEditorReadOnly, isPluginEnabled, isTableWidthsCommandCommandEnabled)=>!isEditorReadOnly && isPluginEnabled && isTableWidthsCommandCommandEnabled);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        this._domEmitter.stopListening();\n        super.destroy();\n    }\n    /**\n\t * Returns a 'tableColumnGroup' element from the 'table'.\n\t *\n\t * @param element A 'table' or 'tableColumnGroup' element.\n\t * @returns A 'tableColumnGroup' element.\n\t */ getColumnGroupElement(element) {\n        return getColumnGroupElement(element);\n    }\n    /**\n\t * Returns an array of 'tableColumn' elements.\n\t *\n\t * @param element A 'table' or 'tableColumnGroup' element.\n\t * @returns An array of 'tableColumn' elements.\n\t */ getTableColumnElements(element) {\n        return getTableColumnElements(element);\n    }\n    /**\n\t * Returns an array of table column widths.\n\t *\n\t * @param element A 'table' or 'tableColumnGroup' element.\n\t * @returns An array of table column widths.\n\t */ getTableColumnsWidths(element) {\n        return getTableColumnsWidths(element);\n    }\n    /**\n\t * Registers new attributes for a table model element.\n\t */ _extendSchema() {\n        const schema = this.editor.model.schema;\n        schema.extend('table', {\n            allowAttributes: [\n                'tableWidth'\n            ]\n        });\n        schema.register('tableColumnGroup', {\n            allowIn: 'table',\n            isLimit: true\n        });\n        schema.register('tableColumn', {\n            allowIn: 'tableColumnGroup',\n            allowAttributes: [\n                'columnWidth',\n                'colSpan'\n            ],\n            isLimit: true\n        });\n        schema.setAttributeProperties('columnWidth', {\n            isFormatting: true\n        });\n    }\n    /**\n\t * Registers table column resize post-fixer.\n\t *\n\t * It checks if the change from the differ concerns a table-related element or attribute. For detected changes it:\n\t *  * Adjusts the `columnWidths` attribute to guarantee that the sum of the widths from all columns is 100%.\n\t *  * Checks if the `columnWidths` attribute gets updated accordingly after columns have been added or removed.\n\t */ _registerPostFixer() {\n        const editor = this.editor;\n        const model = editor.model;\n        model.document.registerPostFixer((writer)=>{\n            let changed = false;\n            for (const table of getChangedResizedTables(model)){\n                const tableColumnGroup = this.getColumnGroupElement(table);\n                const columns = this.getTableColumnElements(tableColumnGroup);\n                const columnWidths = this.getTableColumnsWidths(tableColumnGroup);\n                // Adjust the `columnWidths` attribute to guarantee that the sum of the widths from all columns is 100%.\n                let normalizedWidths = normalizeColumnWidths(columnWidths);\n                // If the number of columns has changed, then we need to adjust the widths of the affected columns.\n                normalizedWidths = adjustColumnWidths(normalizedWidths, table, this);\n                if (isEqual(columnWidths, normalizedWidths)) {\n                    continue;\n                }\n                updateColumnElements(columns, tableColumnGroup, normalizedWidths, writer);\n                changed = true;\n            }\n            return changed;\n        });\n        /**\n\t\t * Adjusts if necessary the `columnWidths` in case if the number of column has changed.\n\t\t *\n\t\t * @param columnWidths Note: this array **may be modified** by the function.\n\t\t * @param table Table to be checked.\n\t\t */ function adjustColumnWidths(columnWidths, table, plugin) {\n            const newTableColumnsCount = plugin._tableUtilsPlugin.getColumns(table);\n            const columnsCountDelta = newTableColumnsCount - columnWidths.length;\n            if (columnsCountDelta === 0) {\n                return columnWidths;\n            }\n            const widths = columnWidths.map((width)=>Number(width.replace('%', '')));\n            // Collect all cells that are affected by the change.\n            const cellSet = getAffectedCells(plugin.editor.model.document.differ, table);\n            for (const cell of cellSet){\n                const currentColumnsDelta = newTableColumnsCount - widths.length;\n                if (currentColumnsDelta === 0) {\n                    continue;\n                }\n                // If the column count in the table changed, adjust the widths of the affected columns.\n                const hasMoreColumns = currentColumnsDelta > 0;\n                const currentColumnIndex = plugin._tableUtilsPlugin.getCellLocation(cell).column;\n                if (hasMoreColumns) {\n                    const columnMinWidthAsPercentage = getColumnMinWidthAsPercentage(table, plugin.editor);\n                    const columnWidthsToInsert = createFilledArray(currentColumnsDelta, columnMinWidthAsPercentage);\n                    widths.splice(currentColumnIndex, 0, ...columnWidthsToInsert);\n                } else {\n                    // Moves the widths of the removed columns to the preceding one.\n                    // Other editors either reduce the width of the whole table or adjust the widths\n                    // proportionally, so change of this behavior can be considered in the future.\n                    const removedColumnWidths = widths.splice(currentColumnIndex, Math.abs(currentColumnsDelta));\n                    widths[currentColumnIndex] += sumArray(removedColumnWidths);\n                }\n            }\n            return widths.map((width)=>width + '%');\n        }\n        /**\n\t\t * Returns a set of cells that have been changed in a given table.\n\t\t */ function getAffectedCells(differ, table) {\n            const cellSet = new Set();\n            for (const change of differ.getChanges()){\n                if (change.type == 'insert' && change.position.nodeAfter && change.position.nodeAfter.name == 'tableCell' && change.position.nodeAfter.getAncestors().includes(table)) {\n                    cellSet.add(change.position.nodeAfter);\n                } else if (change.type == 'remove') {\n                    // If the first cell was removed, use the node after the change position instead.\n                    const referenceNode = change.position.nodeBefore || change.position.nodeAfter;\n                    if (referenceNode.name == 'tableCell' && referenceNode.getAncestors().includes(table)) {\n                        cellSet.add(referenceNode);\n                    }\n                }\n            }\n            return cellSet;\n        }\n    }\n    /**\n\t * Registers table column resize converters.\n\t */ _registerConverters() {\n        const editor = this.editor;\n        const conversion = editor.conversion;\n        // Table width style\n        conversion.for('upcast').attributeToAttribute({\n            view: {\n                name: /^(figure|table)$/,\n                styles: {\n                    width: /[\\s\\S]+/\n                }\n            },\n            model: {\n                key: 'tableWidth',\n                value: (viewElement)=>{\n                    const parent = viewElement.parent;\n                    if (parent.is('element', 'figure')) {\n                        return;\n                    }\n                    return viewElement.getStyle('width');\n                }\n            }\n        });\n        conversion.for('downcast').attributeToAttribute({\n            model: {\n                name: 'table',\n                key: 'tableWidth'\n            },\n            view: (width)=>({\n                    name: 'figure',\n                    key: 'style',\n                    value: {\n                        width\n                    }\n                })\n        });\n        conversion.elementToElement({\n            model: 'tableColumnGroup',\n            view: 'colgroup'\n        });\n        conversion.elementToElement({\n            model: 'tableColumn',\n            view: 'col'\n        });\n        conversion.for('downcast').add(downcastTableResizedClass());\n        conversion.for('upcast').add(upcastTableResizedClass());\n        conversion.for('upcast').add(upcastColgroupElement(this._tableUtilsPlugin));\n        conversion.for('upcast').attributeToAttribute({\n            view: {\n                name: 'col',\n                styles: {\n                    width: /.*/\n                }\n            },\n            model: {\n                key: 'columnWidth',\n                value: (viewElement)=>{\n                    const viewColWidth = viewElement.getStyle('width');\n                    // 'pt' is the default unit for table column width pasted from MS Office.\n                    // See https://github.com/ckeditor/ckeditor5/issues/14521#issuecomment-1662102889 for more details.\n                    if (!viewColWidth || !viewColWidth.endsWith('%') && !viewColWidth.endsWith('pt')) {\n                        return 'auto';\n                    }\n                    return viewColWidth;\n                }\n            }\n        });\n        // The `col[span]` attribute is present in tables pasted from MS Excel. We use it to set the temporary `colSpan` model attribute,\n        // which is consumed during the `colgroup` element upcast.\n        // See https://github.com/ckeditor/ckeditor5/issues/14521#issuecomment-1662102889 for more details.\n        conversion.for('upcast').attributeToAttribute({\n            view: {\n                name: 'col',\n                key: 'span'\n            },\n            model: 'colSpan'\n        });\n        conversion.for('downcast').attributeToAttribute({\n            model: {\n                name: 'tableColumn',\n                key: 'columnWidth'\n            },\n            view: (width)=>({\n                    key: 'style',\n                    value: {\n                        width\n                    }\n                })\n        });\n    }\n    /**\n\t * Registers listeners to handle resizing process.\n\t */ _registerResizingListeners() {\n        const editingView = this.editor.editing.view;\n        editingView.addObserver(MouseEventsObserver);\n        editingView.document.on('mouseover', this._onMouseOverHandler.bind(this), {\n            priority: 'high'\n        });\n        editingView.document.on('mousedown', this._onMouseDownHandler.bind(this), {\n            priority: 'high'\n        });\n        editingView.document.on('mouseout', this._onMouseOutHandler.bind(this), {\n            priority: 'high'\n        });\n        this._domEmitter.listenTo(global.window.document, 'mousemove', throttle(this._onMouseMoveHandler.bind(this), 50));\n        this._domEmitter.listenTo(global.window.document, 'mouseup', this._onMouseUpHandler.bind(this));\n    }\n    /**\n\t * Calculate and set `top` and `bottom` styles to the column resizer element to fit the height of the table.\n\t *\n\t * @param viewResizer The column resizer element.\n\t */ _recalculateResizerElement(viewResizer) {\n        const editor = this.editor;\n        const domConverter = editor.editing.view.domConverter;\n        // Get DOM target figure ancestor element.\n        const domTable = domConverter.mapViewToDom(viewResizer.findAncestor('table'));\n        // Get DOM table cell element.\n        const domCell = domConverter.mapViewToDom(viewResizer.findAncestor((item)=>[\n                'td',\n                'th'\n            ].includes(item.name)));\n        const rectTable = new Rect(domTable);\n        const rectCell = new Rect(domCell);\n        // Calculate the top, and bottom positions of the column resizer element.\n        const targetTopPosition = toPx(Number((rectTable.top - rectCell.top).toFixed(4)));\n        const targetBottomPosition = toPx(Number((rectCell.bottom - rectTable.bottom).toFixed(4)));\n        // Set `top` and `bottom` styles to the column resizer element.\n        editor.editing.view.change((viewWriter)=>{\n            viewWriter.setStyle('top', targetTopPosition, viewResizer);\n            viewWriter.setStyle('bottom', targetBottomPosition, viewResizer);\n        });\n    }\n    /**\n\t * Remove `top` and `bottom` styles of the column resizer element.\n\t *\n\t * @param viewResizer The column resizer element.\n\t */ _resetResizerStyles(viewResizer) {\n        this.editor.editing.view.change((viewWriter)=>{\n            viewWriter.removeStyle('top', viewResizer);\n            viewWriter.removeStyle('bottom', viewResizer);\n        });\n    }\n    /**\n\t * Handles the `mouseover` event on column resizer element.\n\t * Recalculates the `top` and `bottom` styles of the column resizer element to fit the height of the table.\n\t *\n\t * @param eventInfo An object containing information about the fired event.\n\t * @param domEventData The data related to the DOM event.\n\t */ _onMouseOverHandler(eventInfo, domEventData) {\n        const target = domEventData.target;\n        if (!target.hasClass('ck-table-column-resizer')) {\n            return;\n        }\n        if (!this._isResizingAllowed) {\n            return;\n        }\n        this._recalculateResizerElement(target);\n    }\n    /**\n\t * Handles the `mouseout` event on column resizer element.\n\t * When resizing is not active, it resets the `top` and `bottom` styles of the column resizer element.\n\t *\n\t * @param eventInfo An object containing information about the fired event.\n\t * @param domEventData The data related to the DOM event.\n\t */ _onMouseOutHandler(eventInfo, domEventData) {\n        const target = domEventData.target;\n        if (!target.hasClass('ck-table-column-resizer')) {\n            return;\n        }\n        if (!this._isResizingAllowed) {\n            return;\n        }\n        if (this._isResizingActive) {\n            return;\n        }\n        this._resetResizerStyles(target);\n    }\n    /**\n\t * Handles the `mousedown` event on column resizer element:\n\t *  * calculates the initial column pixel widths,\n\t *  * inserts the `<colgroup>` element if it is not present in the `<table>`,\n\t *  * puts the necessary data in the temporary storage,\n\t *  * applies the attributes to the `<table>` view element.\n\t *\n\t * @param eventInfo An object containing information about the fired event.\n\t * @param domEventData The data related to the DOM event.\n\t */ _onMouseDownHandler(eventInfo, domEventData) {\n        const target = domEventData.target;\n        if (!target.hasClass('ck-table-column-resizer')) {\n            return;\n        }\n        if (!this._isResizingAllowed) {\n            return;\n        }\n        const editor = this.editor;\n        const modelTable = editor.editing.mapper.toModelElement(target.findAncestor('figure'));\n        // Do not resize if table model is in non-editable place.\n        if (!editor.model.canEditAt(modelTable)) {\n            return;\n        }\n        domEventData.preventDefault();\n        eventInfo.stop();\n        this._initialMouseEventData = domEventData;\n    }\n    /**\n\t * Starts the resizing process after the threshold is reached.\n\t */ _startResizingAfterThreshold() {\n        const domEventData = this._initialMouseEventData;\n        const { target } = domEventData;\n        const modelTable = this.editor.editing.mapper.toModelElement(target.findAncestor('figure'));\n        const viewTable = target.findAncestor('table');\n        // Calculate the initial column widths in pixels.\n        const columnWidthsInPx = _calculateDomColumnWidths(modelTable, this._tableUtilsPlugin, this.editor);\n        // Insert colgroup for the table that is resized for the first time.\n        if (!Array.from(viewTable.getChildren()).find((viewCol)=>viewCol.is('element', 'colgroup'))) {\n            this.editor.editing.view.change((viewWriter)=>{\n                _insertColgroupElement(viewWriter, columnWidthsInPx, viewTable);\n            });\n        }\n        this._isResizingActive = true;\n        this._resizingData = this._getResizingData(domEventData, columnWidthsInPx);\n        // At this point we change only the editor view - we don't want other users to see our changes yet,\n        // so we can't apply them in the model.\n        this.editor.editing.view.change((writer)=>_applyResizingAttributesToTable(writer, viewTable, this._resizingData));\n        /**\n\t\t * Calculates the DOM columns' widths. It is done by taking the width of the widest cell\n\t\t * from each table column (we rely on the  {@link module:table/tablewalker~TableWalker}\n\t\t * to determine which column the cell belongs to).\n\t\t *\n\t\t * @param modelTable A table which columns should be measured.\n\t\t * @param tableUtils The Table Utils plugin instance.\n\t\t * @param editor The editor instance.\n\t\t * @returns Columns' widths expressed in pixels (without unit).\n\t\t */ function _calculateDomColumnWidths(modelTable, tableUtilsPlugin, editor) {\n            const columnWidthsInPx = Array(tableUtilsPlugin.getColumns(modelTable));\n            const tableWalker = new TableWalker(modelTable);\n            for (const cellSlot of tableWalker){\n                const viewCell = editor.editing.mapper.toViewElement(cellSlot.cell);\n                const domCell = editor.editing.view.domConverter.mapViewToDom(viewCell);\n                const domCellWidth = getDomCellOuterWidth(domCell);\n                if (!columnWidthsInPx[cellSlot.column] || domCellWidth < columnWidthsInPx[cellSlot.column]) {\n                    columnWidthsInPx[cellSlot.column] = toPrecision(domCellWidth);\n                }\n            }\n            return columnWidthsInPx;\n        }\n        /**\n\t\t * Creates a `<colgroup>` element with `<col>`s and inserts it into a given view table.\n\t\t *\n\t\t * @param viewWriter A writer instance.\n\t\t * @param columnWidthsInPx Column widths.\n\t\t * @param viewTable A table view element.\n\t\t */ function _insertColgroupElement(viewWriter, columnWidthsInPx, viewTable) {\n            const colgroup = viewWriter.createContainerElement('colgroup');\n            for(let i = 0; i < columnWidthsInPx.length; i++){\n                const viewColElement = viewWriter.createEmptyElement('col');\n                const columnWidthInPc = `${toPrecision(columnWidthsInPx[i] / sumArray(columnWidthsInPx) * 100)}%`;\n                viewWriter.setStyle('width', columnWidthInPc, viewColElement);\n                viewWriter.insert(viewWriter.createPositionAt(colgroup, 'end'), viewColElement);\n            }\n            viewWriter.insert(viewWriter.createPositionAt(viewTable, 0), colgroup);\n        }\n        /**\n\t\t * Applies the style and classes to the view table as the resizing begun.\n\t\t *\n\t\t * @param viewWriter A writer instance.\n\t\t * @param viewTable A table containing the clicked resizer.\n\t\t * @param resizingData Data related to the resizing.\n\t\t */ function _applyResizingAttributesToTable(viewWriter, viewTable, resizingData) {\n            const figureInitialPcWidth = resizingData.widths.viewFigureWidth / resizingData.widths.viewFigureParentWidth;\n            viewWriter.addClass('ck-table-resized', viewTable);\n            viewWriter.addClass('ck-table-column-resizer__active', resizingData.elements.viewResizer);\n            viewWriter.setStyle('width', `${toPrecision(figureInitialPcWidth * 100)}%`, viewTable.findAncestor('figure'));\n        }\n    }\n    /**\n\t * Handles the `mousemove` event.\n\t *  * If resizing process is not in progress, it does nothing.\n\t *  * If resizing is active but not allowed, it stops the resizing process instantly calling the `mousedown` event handler.\n\t *  * Otherwise it dynamically updates the widths of the resized columns.\n\t *\n\t * @param eventInfo An object containing information about the fired event.\n\t * @param mouseEventData The native DOM event.\n\t */ _onMouseMoveHandler(eventInfo, mouseEventData) {\n        if (this._initialMouseEventData) {\n            const mouseEvent = this._initialMouseEventData.domEvent;\n            const distanceX = Math.abs(mouseEventData.clientX - mouseEvent.clientX);\n            if (distanceX >= COLUMN_RESIZE_DISTANCE_THRESHOLD) {\n                this._startResizingAfterThreshold();\n                this._initialMouseEventData = null;\n            } else {\n                return;\n            }\n        }\n        if (!this._isResizingActive) {\n            return;\n        }\n        if (!this._isResizingAllowed) {\n            this._onMouseUpHandler();\n            return;\n        }\n        const { columnPosition, flags: { isRightEdge, isTableCentered, isLtrContent }, elements: { viewFigure, viewLeftColumn, viewRightColumn, viewResizer }, widths: { viewFigureParentWidth, tableWidth, leftColumnWidth, rightColumnWidth } } = this._resizingData;\n        const dxLowerBound = -leftColumnWidth + COLUMN_MIN_WIDTH_IN_PIXELS;\n        const dxUpperBound = isRightEdge ? viewFigureParentWidth - tableWidth : rightColumnWidth - COLUMN_MIN_WIDTH_IN_PIXELS;\n        // The multiplier is needed for calculating the proper movement offset:\n        // - it should negate the sign if content language direction is right-to-left,\n        // - it should double the offset if the table edge is resized and table is centered.\n        const multiplier = (isLtrContent ? 1 : -1) * (isRightEdge && isTableCentered ? 2 : 1);\n        const dx = clamp((mouseEventData.clientX - columnPosition) * multiplier, Math.min(dxLowerBound, 0), Math.max(dxUpperBound, 0));\n        if (dx === 0) {\n            return;\n        }\n        this.editor.editing.view.change((writer)=>{\n            const leftColumnWidthAsPercentage = toPrecision((leftColumnWidth + dx) * 100 / tableWidth);\n            writer.setStyle('width', `${leftColumnWidthAsPercentage}%`, viewLeftColumn);\n            if (isRightEdge) {\n                const tableWidthAsPercentage = toPrecision((tableWidth + dx) * 100 / viewFigureParentWidth);\n                writer.setStyle('width', `${tableWidthAsPercentage}%`, viewFigure);\n            } else {\n                const rightColumnWidthAsPercentage = toPrecision((rightColumnWidth - dx) * 100 / tableWidth);\n                writer.setStyle('width', `${rightColumnWidthAsPercentage}%`, viewRightColumn);\n            }\n        });\n        this._recalculateResizerElement(viewResizer);\n    }\n    /**\n\t * Handles the `mouseup` event.\n\t *  * If resizing process is not in progress, it does nothing.\n\t *  * If resizing is active but not allowed, it cancels the resizing process restoring the original widths.\n\t *  * Otherwise it propagates the changes from view to the model by executing the adequate commands.\n\t */ _onMouseUpHandler() {\n        this._initialMouseEventData = null;\n        if (!this._isResizingActive) {\n            return;\n        }\n        const { viewResizer, modelTable, viewFigure, viewColgroup } = this._resizingData.elements;\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const tableColumnGroup = this.getColumnGroupElement(modelTable);\n        const viewColumns = Array.from(viewColgroup.getChildren()).filter((column)=>column.is('view:element'));\n        const columnWidthsAttributeOld = tableColumnGroup ? this.getTableColumnsWidths(tableColumnGroup) : null;\n        const columnWidthsAttributeNew = viewColumns.map((column)=>column.getStyle('width'));\n        const isColumnWidthsAttributeChanged = !isEqual(columnWidthsAttributeOld, columnWidthsAttributeNew);\n        const tableWidthAttributeOld = modelTable.getAttribute('tableWidth');\n        const tableWidthAttributeNew = viewFigure.getStyle('width');\n        const isTableWidthAttributeChanged = tableWidthAttributeOld !== tableWidthAttributeNew;\n        if (isColumnWidthsAttributeChanged || isTableWidthAttributeChanged) {\n            if (this._isResizingAllowed) {\n                editor.execute('resizeTableWidth', {\n                    table: modelTable,\n                    tableWidth: `${toPrecision(tableWidthAttributeNew)}%`,\n                    columnWidths: columnWidthsAttributeNew\n                });\n            } else {\n                // In read-only mode revert all changes in the editing view. The model is not touched so it does not need to be restored.\n                // This case can occur if the read-only mode kicks in during the resizing process.\n                editingView.change((writer)=>{\n                    // If table had resized columns before, restore the previous column widths.\n                    // Otherwise clean up the view from the temporary column resizing markup.\n                    if (columnWidthsAttributeOld) {\n                        for (const viewCol of viewColumns){\n                            writer.setStyle('width', columnWidthsAttributeOld.shift(), viewCol);\n                        }\n                    } else {\n                        writer.remove(viewColgroup);\n                    }\n                    if (isTableWidthAttributeChanged) {\n                        // If the whole table was already resized before, restore the previous table width.\n                        // Otherwise clean up the view from the temporary table resizing markup.\n                        if (tableWidthAttributeOld) {\n                            writer.setStyle('width', tableWidthAttributeOld, viewFigure);\n                        } else {\n                            writer.removeStyle('width', viewFigure);\n                        }\n                    }\n                    // If a table and its columns weren't resized before,\n                    // prune the remaining common resizing markup.\n                    if (!columnWidthsAttributeOld && !tableWidthAttributeOld) {\n                        writer.removeClass('ck-table-resized', [\n                            ...viewFigure.getChildren()\n                        ].find((element)=>element.name === 'table'));\n                    }\n                });\n            }\n        }\n        editingView.change((writer)=>{\n            writer.removeClass('ck-table-column-resizer__active', viewResizer);\n        });\n        const element = editingView.domConverter.mapViewToDom(viewResizer);\n        if (!element.matches(':hover')) {\n            this._resetResizerStyles(viewResizer);\n        }\n        this._isResizingActive = false;\n        this._resizingData = null;\n    }\n    /**\n\t * Retrieves and returns required data needed for the resizing process.\n\t *\n\t * @param domEventData The data of the `mousedown` event.\n\t * @param columnWidths The current widths of the columns.\n\t * @returns The data needed for the resizing process.\n\t */ _getResizingData(domEventData, columnWidths) {\n        const editor = this.editor;\n        const columnPosition = domEventData.domEvent.clientX;\n        const viewResizer = domEventData.target;\n        const viewLeftCell = viewResizer.findAncestor('td') || viewResizer.findAncestor('th');\n        const modelLeftCell = editor.editing.mapper.toModelElement(viewLeftCell);\n        const modelTable = modelLeftCell.findAncestor('table');\n        const leftColumnIndex = getColumnEdgesIndexes(modelLeftCell, this._tableUtilsPlugin).rightEdge;\n        const lastColumnIndex = this._tableUtilsPlugin.getColumns(modelTable) - 1;\n        const isRightEdge = leftColumnIndex === lastColumnIndex;\n        const isTableCentered = !modelTable.hasAttribute('tableAlignment');\n        const isLtrContent = editor.locale.contentLanguageDirection !== 'rtl';\n        const viewTable = viewLeftCell.findAncestor('table');\n        const viewFigure = viewTable.findAncestor('figure');\n        const viewColgroup = [\n            ...viewTable.getChildren()\n        ].find((viewCol)=>viewCol.is('element', 'colgroup'));\n        const viewLeftColumn = viewColgroup.getChild(leftColumnIndex);\n        const viewRightColumn = isRightEdge ? undefined : viewColgroup.getChild(leftColumnIndex + 1);\n        const viewFigureParentWidth = getElementWidthInPixels(editor.editing.view.domConverter.mapViewToDom(viewFigure.parent));\n        const viewFigureWidth = getElementWidthInPixels(editor.editing.view.domConverter.mapViewToDom(viewFigure));\n        const tableWidth = getTableWidthInPixels(modelTable, editor);\n        const leftColumnWidth = columnWidths[leftColumnIndex];\n        const rightColumnWidth = isRightEdge ? undefined : columnWidths[leftColumnIndex + 1];\n        return {\n            columnPosition,\n            flags: {\n                isRightEdge,\n                isTableCentered,\n                isLtrContent\n            },\n            elements: {\n                viewResizer,\n                modelTable,\n                viewFigure,\n                viewColgroup,\n                viewLeftColumn,\n                viewRightColumn\n            },\n            widths: {\n                viewFigureParentWidth,\n                viewFigureWidth,\n                tableWidth,\n                leftColumnWidth,\n                rightColumnWidth\n            }\n        };\n    }\n    /**\n\t * Registers a listener ensuring that each resizable cell have a resizer handle.\n\t */ _registerResizerInserter() {\n        this.editor.conversion.for('editingDowncast').add((dispatcher)=>{\n            dispatcher.on('insert:tableCell', (evt, data, conversionApi)=>{\n                const modelElement = data.item;\n                const viewElement = conversionApi.mapper.toViewElement(modelElement);\n                const viewWriter = conversionApi.writer;\n                viewWriter.insert(viewWriter.createPositionAt(viewElement, 'end'), viewWriter.createUIElement('div', {\n                    class: 'ck-table-column-resizer'\n                }));\n            }, {\n                priority: 'lowest'\n            });\n        });\n    }\n}\n\n/**\n * The table column resize feature.\n *\n * It provides the possibility to set the width of each column in a table using a resize handler.\n */ class TableColumnResize extends Plugin {\n    /**\n\t * @inheritDoc\n \t */ static get requires() {\n        return [\n            TableColumnResizeEditing,\n            TableCellWidthEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n \t */ static get pluginName() {\n        return 'TableColumnResize';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n}\n\n/**\n * The set table type command.\n *\n * The command is registered by {@link module:table/tablelayout/tablelayoutediting~TableLayoutEditing}\n * as the `'tableType'` editor command.\n *\n * To set the table type at the current selection, execute the command and specify the table type:\n *\n * ```ts\n * editor.execute( 'tableType', 'layout' );\n * ```\n */ class TableTypeCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const selectedTable = getSelectionAffectedTable(selection);\n        if (selectedTable) {\n            this.isEnabled = true;\n            this.value = selectedTable.getAttribute('tableType');\n        } else {\n            this.isEnabled = false;\n            this.value = null;\n        }\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * Set table type by the given table type parameter.\n\t *\n\t * @param tableType The type of table it should become.\n\t * @fires execute\n\t */ execute(tableType) {\n        const editor = this.editor;\n        const model = editor.model;\n        const selection = model.document.selection;\n        const table = getSelectionAffectedTable(selection);\n        const currentTableType = table.getAttribute('tableType');\n        if (currentTableType === tableType) {\n            return;\n        }\n        model.change((writer)=>{\n            writer.setAttribute('tableType', tableType, table);\n            model.schema.removeDisallowedAttributes([\n                table\n            ], writer);\n            const tableChildren = table.getChildren();\n            // Check if all children are allowed for the new table type.\n            for (const child of tableChildren){\n                if (!model.schema.checkChild(table, child)) {\n                    writer.remove(child);\n                }\n            }\n        });\n    }\n}\n\nconst TABLE_TYPES = [\n    'content',\n    'layout'\n];\n/**\n * The table layout editing plugin.\n */ class TableLayoutEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableLayoutEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'TL';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableColumnResize\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        this._defineSchema();\n        this._defineConverters();\n        this._defineClipboardPasteHandlers();\n        this._registerTableTypeAttributePostfixer();\n        this.editor.commands.add('insertTableLayout', new InsertTableLayoutCommand(this.editor));\n        this.editor.commands.add('tableType', new TableTypeCommand(this.editor));\n    }\n    /**\n\t * Defines the schema for the table layout feature.\n\t */ _defineSchema() {\n        const { schema } = this.editor.model;\n        schema.extend('table', {\n            allowAttributes: 'tableType'\n        });\n        // Disallow adding `caption` to layout table.\n        schema.addChildCheck(layoutTableCheck, 'caption');\n        // Disallow adding `headingRows` attribute to layout table.\n        schema.addAttributeCheck(layoutTableCheck, 'headingRows');\n        // Disallow adding `headingColumns` attribute to layout table.\n        schema.addAttributeCheck(layoutTableCheck, 'headingColumns');\n    }\n    /**\n\t * Defines the converters for the table layout feature.\n\t */ _defineConverters() {\n        const { editor } = this;\n        const { conversion } = editor;\n        const preferredExternalTableType = editor.config.get('table.tableLayout.preferredExternalTableType');\n        conversion.for('upcast').add(upcastLayoutTable(editor, preferredExternalTableType));\n        conversion.for('dataDowncast').add(dataDowncastLayoutTable());\n        conversion.for('editingDowncast').attributeToAttribute({\n            model: {\n                key: 'tableType',\n                values: [\n                    'layout',\n                    'content'\n                ]\n            },\n            view: {\n                layout: {\n                    key: 'class',\n                    value: [\n                        'layout-table'\n                    ]\n                },\n                content: {\n                    key: 'class',\n                    value: [\n                        'content-table'\n                    ]\n                }\n            }\n        });\n    }\n    /**\n\t * Handles the clipboard content insertion events.\n\t *\n\t * - If the content is from another editor, do not override the table type.\n\t * - If the content is from another source, set the table type to 'content'.\n\t *\n\t * It handles the scenario when user copies `<table></table>` from Word. We do not want to\n\t * change the table type to `layout` because it is really `content` table.\n\t */ _defineClipboardPasteHandlers() {\n        const { plugins } = this.editor;\n        if (!plugins.has('ClipboardPipeline')) {\n            return;\n        }\n        const clipboardPipeline = plugins.get('ClipboardPipeline');\n        this.listenTo(clipboardPipeline, 'contentInsertion', (evt, data)=>{\n            // If content is pasted from the other editor, skip overriding table type.\n            if (data.sourceEditorId) {\n                return;\n            }\n            // For content from other sources, always set table type to 'content'.\n            this.editor.model.change((writer)=>{\n                for (const { item } of writer.createRangeIn(data.content)){\n                    if (item.is('element', 'table')) {\n                        writer.setAttribute('tableType', 'content', item);\n                    }\n                }\n            });\n        });\n    }\n    /**\n\t * Registers a post-fixer that sets the `tableType` attribute to `content` for inserted \"default\" tables.\n\t * Also fixes potential issues with the table structure when the `tableType` attribute has been changed.\n\t */ _registerTableTypeAttributePostfixer() {\n        const editor = this.editor;\n        editor.model.document.registerPostFixer((writer)=>{\n            const changes = editor.model.document.differ.getChanges();\n            let hasChanged = false;\n            for (const entry of changes){\n                if (entry.type == 'insert' && entry.name != '$text') {\n                    const element = entry.position.nodeAfter;\n                    const range = writer.createRangeOn(element);\n                    for (const item of range.getItems()){\n                        if (item.is('element', 'table') && !item.hasAttribute('tableType')) {\n                            writer.setAttribute('tableType', 'content', item);\n                            hasChanged = true;\n                        }\n                    }\n                }\n                // Remove disallowed attributes and children for layout tables\n                // when `tableType` attribute has been changed by `TableTypeCommand`.\n                if (entry.type == 'attribute' && entry.attributeKey == 'tableType') {\n                    for (const item of entry.range.getItems()){\n                        if (item.is('element', 'table')) {\n                            editor.model.schema.removeDisallowedAttributes([\n                                item\n                            ], writer);\n                            const tableChildren = item.getChildren();\n                            // Check if all children are allowed for the new table type.\n                            for (const child of tableChildren){\n                                if (!editor.model.schema.checkChild(item, child)) {\n                                    writer.remove(child);\n                                    hasChanged = true;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n            return hasChanged;\n        });\n    }\n}\n/**\n * View table element to model table element conversion helper.\n *\n * This conversion helper overrides the default table converter to meet table layout conditions.\n *\n * @param editor Editor instance.\n * @returns Conversion helper.\n */ function upcastLayoutTable(editor, preferredExternalTableType) {\n    return (dispatcher)=>{\n        dispatcher.on('element:table', (evt, data, conversionApi)=>{\n            const viewTable = data.viewItem;\n            if (!conversionApi.consumable.test(viewTable, {\n                name: true\n            })) {\n                return;\n            }\n            const resolvedTableType = resolveTableType(viewTable, preferredExternalTableType);\n            // When an element is a content table, then skip it.\n            if (resolvedTableType == 'content') {\n                return;\n            }\n            const table = conversionApi.writer.createElement('table', {\n                tableType: 'layout'\n            });\n            if (!conversionApi.safeInsert(table, data.modelCursor)) {\n                return;\n            }\n            conversionApi.consumable.consume(viewTable, {\n                name: true\n            });\n            conversionApi.consumable.consume(viewTable, {\n                attributes: [\n                    'role'\n                ]\n            });\n            conversionApi.consumable.consume(viewTable, {\n                classes: [\n                    'layout-table'\n                ]\n            });\n            // Layout tables have no border, so it's equitable to consume the border=\"0\" attribute.\n            if (editor.config.get('experimentalFlags.upcastTableBorderZeroAttributes') && viewTable.getAttribute('border') === '0') {\n                conversionApi.consumable.consume(viewTable, {\n                    attributes: [\n                        'border'\n                    ]\n                });\n            }\n            // Get all rows from the table and convert them.\n            // While looping over the children of `<table>` we can be sure that first will be `<tbody>`\n            // and optionally `<thead>` and `<tfoot>`, and in these elements are the table rows found.\n            // We can be sure of that because of `DomParser` handle it.\n            for (const tableChild of viewTable.getChildren()){\n                if (tableChild.is('element')) {\n                    for (const row of tableChild.getChildren()){\n                        if (row.is('element', 'tr')) {\n                            conversionApi.convertItem(row, conversionApi.writer.createPositionAt(table, 'end'));\n                        }\n                    }\n                }\n            }\n            // Convert everything else.\n            conversionApi.convertChildren(viewTable, conversionApi.writer.createPositionAt(table, 'end'));\n            // Create one row and one table cell for empty table.\n            if (table.isEmpty) {\n                const row = conversionApi.writer.createElement('tableRow');\n                conversionApi.writer.insert(row, conversionApi.writer.createPositionAt(table, 'end'));\n                createEmptyTableCell(conversionApi.writer, conversionApi.writer.createPositionAt(row, 'end'));\n            }\n            conversionApi.updateConversionResult(table, data);\n        }, {\n            priority: 'high'\n        });\n        // Sets only the table type attribute.\n        dispatcher.on('element:table', (evt, data, conversionApi)=>{\n            const { viewItem, modelRange } = data;\n            if (modelRange) {\n                conversionApi.writer.setAttribute('tableType', resolveTableType(viewItem, preferredExternalTableType), modelRange);\n                conversionApi.consumable.consume(viewItem, {\n                    classes: [\n                        'layout-table'\n                    ]\n                });\n                conversionApi.consumable.consume(viewItem, {\n                    classes: [\n                        'content-table'\n                    ]\n                });\n            }\n        }, {\n            priority: 'low'\n        });\n    };\n}\n/**\n * Model table container element to view table element conversion helper.\n *\n * @returns Conversion helper.\n */ function dataDowncastLayoutTable() {\n    return (dispatcher)=>{\n        return dispatcher.on('attribute:tableType:table', (evt, data, conversionApi)=>{\n            const { item, attributeNewValue } = data;\n            const { mapper, writer } = conversionApi;\n            if (!conversionApi.consumable.test(item, evt.name)) {\n                return;\n            }\n            const table = mapper.toViewElement(item);\n            writer.addClass(`${attributeNewValue}-table`, table);\n            if (attributeNewValue == 'layout') {\n                writer.setAttribute('role', 'presentation', table);\n            }\n            conversionApi.consumable.consume(item, evt.name);\n        });\n    };\n}\n/**\n * Resolves the table type based on the view table element and the preferred external table type.\n */ function resolveTableType(viewTable, preferredExternalTableType) {\n    if (viewTable.hasClass('content-table')) {\n        return 'content';\n    }\n    if (viewTable.hasClass('layout-table')) {\n        return 'layout';\n    }\n    if (preferredExternalTableType && TABLE_TYPES.includes(preferredExternalTableType)) {\n        return preferredExternalTableType;\n    }\n    const parent = viewTable.parent;\n    /**\n\t * Checks if the table is a content table if any of the following conditions are met:\n\t * - the `<table>` is wrapped with `<figure>`,\n\t * - the `<table>` has a `<caption>` element.\n\t */ if (parent.is('element', 'figure') || Array.from(viewTable.getChildren()).some((child)=>child.is('element', 'caption'))) {\n        return 'content';\n    }\n    return 'layout';\n}\n/**\n * Checks if the element is a layout table.\n * It is used to disallow attributes or children that is managed by `Schema`.\n */ function layoutTableCheck(context) {\n    if (context.endsWith('table') && context.last.getAttribute('tableType') == 'layout') {\n        return false;\n    }\n}\n\n/**\n * The table plugin.\n *\n * For a detailed overview, check the {@glink features/tables/layout-tables Layout table feature documentation}.\n */ class TableLayout extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableLayout';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            PlainTableOutput,\n            TableColumnResize,\n            TableLayoutEditing,\n            TableLayoutUI\n        ];\n    }\n}\n\n/**\n * The table cell attribute command.\n *\n * This command is a base command for other table property commands.\n */ class TablePropertyCommand extends Command {\n    /**\n\t * The attribute that will be set by the command.\n\t */ attributeName;\n    /**\n\t * The default value for the attribute.\n\t *\n\t * @readonly\n\t */ _defaultValue;\n    /**\n\t * The default value for the attribute for the content table.\n\t */ _defaultContentTableValue;\n    /**\n\t * The default value for the attribute for the layout table.\n\t */ _defaultLayoutTableValue;\n    /**\n\t * Creates a new `TablePropertyCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param attributeName Table cell attribute name.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, attributeName, defaultValue){\n        super(editor);\n        this.attributeName = attributeName;\n        this._defaultContentTableValue = defaultValue;\n        this._defaultLayoutTableValue = attributeName === 'tableBorderStyle' ? 'none' : undefined;\n    }\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const selection = editor.model.document.selection;\n        const table = getSelectionAffectedTable(selection);\n        this._defaultValue = !table || table.getAttribute('tableType') !== 'layout' ? this._defaultContentTableValue : this._defaultLayoutTableValue;\n        this.isEnabled = !!table;\n        this.value = this._getValue(table);\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.value If set, the command will set the attribute on the selected table.\n\t * If not set, the command will remove the attribute from the selected table.\n\t * @param options.batch Pass the model batch instance to the command to aggregate changes,\n\t * for example, to allow a single undo step for multiple executions.\n\t */ execute(options = {}) {\n        const model = this.editor.model;\n        const selection = model.document.selection;\n        const { value, batch } = options;\n        const table = getSelectionAffectedTable(selection);\n        const valueToSet = this._getValueToSet(value);\n        model.enqueueChange(batch, (writer)=>{\n            if (valueToSet) {\n                writer.setAttribute(this.attributeName, valueToSet, table);\n            } else {\n                writer.removeAttribute(this.attributeName, table);\n            }\n        });\n    }\n    /**\n\t * Returns the attribute value for a table.\n\t */ _getValue(table) {\n        if (!table) {\n            return;\n        }\n        const value = table.getAttribute(this.attributeName);\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n    /**\n\t * Returns the proper model value. It can be used to add a default unit to numeric values.\n\t */ _getValueToSet(value) {\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n}\n\n/**\n * The table background color command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableBackgroundColor'` editor command.\n *\n * To change the background color of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableBackgroundColor', {\n *   value: '#f00'\n * } );\n * ```\n */ class TableBackgroundColorCommand extends TablePropertyCommand {\n    /**\n\t * Creates a new `TableBackgroundColorCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableBackgroundColor', defaultValue);\n    }\n}\n\n/**\n * The table border color command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableBorderColor'` editor command.\n *\n * To change the border color of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableBorderColor', {\n *   value: '#f00'\n * } );\n * ```\n */ class TableBorderColorCommand extends TablePropertyCommand {\n    /**\n\t * Creates a new `TableBorderColorCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableBorderColor', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValue(table) {\n        if (!table) {\n            return;\n        }\n        const value = getSingleValue(table.getAttribute(this.attributeName));\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n}\n\n/**\n * The table style border command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableBorderStyle'` editor command.\n *\n * To change the border style of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableBorderStyle', {\n *   value: 'dashed'\n * } );\n * ```\n */ class TableBorderStyleCommand extends TablePropertyCommand {\n    /**\n\t * Creates a new `TableBorderStyleCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableBorderStyle', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValue(table) {\n        if (!table) {\n            return;\n        }\n        const value = getSingleValue(table.getAttribute(this.attributeName));\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n}\n\n/**\n * The table width border command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableBorderWidth'` editor command.\n *\n * To change the border width of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableBorderWidth', {\n *   value: '5px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableBorderWidth', {\n *   value: '5'\n * } );\n * ```\n *\n * will set the `borderWidth` attribute to `'5px'` in the model.\n */ class TableBorderWidthCommand extends TablePropertyCommand {\n    /**\n\t * Creates a new `TableBorderWidthCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableBorderWidth', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValue(table) {\n        if (!table) {\n            return;\n        }\n        const value = getSingleValue(table.getAttribute(this.attributeName));\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValueToSet(value) {\n        const newValue = addDefaultUnitToNumericValue(value, 'px');\n        if (newValue === this._defaultValue) {\n            return;\n        }\n        return newValue;\n    }\n}\n\n/**\n * The table width command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableWidth'` editor command.\n *\n * To change the width of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableWidth', {\n *   value: '400px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableWidth', {\n *   value: '50'\n * } );\n * ```\n *\n * will set the `width` attribute to `'50px'` in the model.\n */ class TableWidthCommand extends TablePropertyCommand {\n    /**\n\t * Creates a new `TableWidthCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableWidth', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValueToSet(value) {\n        value = addDefaultUnitToNumericValue(value, 'px');\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n}\n\n/**\n * The table height command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableHeight'` editor command.\n *\n * To change the height of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableHeight', {\n *   value: '500px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableHeight', {\n *   value: '50'\n * } );\n * ```\n *\n * will set the `height` attribute to `'50px'` in the model.\n */ class TableHeightCommand extends TablePropertyCommand {\n    /**\n\t * Creates a new `TableHeightCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableHeight', defaultValue);\n    }\n    /**\n\t * @inheritDoc\n\t */ _getValueToSet(value) {\n        value = addDefaultUnitToNumericValue(value, 'px');\n        if (value === this._defaultValue) {\n            return;\n        }\n        return value;\n    }\n}\n\n/**\n * The table alignment command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableAlignment'` editor command.\n *\n * To change the alignment of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableAlignment', {\n *   value: 'right'\n * } );\n * ```\n */ class TableAlignmentCommand extends TablePropertyCommand {\n    /**\n\t * Creates a new `TableAlignmentCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value for the \"alignment\" attribute.\n\t */ constructor(editor, defaultValue){\n        super(editor, 'tableAlignment', defaultValue);\n    }\n}\n\n/**\n * The table properties editing feature.\n *\n * Introduces table's model attributes and their conversion:\n *\n * - border: `tableBorderStyle`, `tableBorderColor` and `tableBorderWidth`\n * - background color: `tableBackgroundColor`\n * - horizontal alignment: `tableAlignment`\n * - width & height: `tableWidth` & `tableHeight`\n *\n * It also registers commands used to manipulate the above attributes:\n *\n * - border: `'tableBorderStyle'`, `'tableBorderColor'` and `'tableBorderWidth'` commands\n * - background color: `'tableBackgroundColor'`\n * - horizontal alignment: `'tableAlignment'`\n * - width & height: `'tableWidth'` & `'tableHeight'`\n */ class TablePropertiesEditing extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TablePropertiesEditing';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'TCP';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableEditing\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const conversion = editor.conversion;\n        editor.config.define('table.tableProperties.defaultProperties', {});\n        const defaultTableProperties = getNormalizedDefaultTableProperties(editor.config.get('table.tableProperties.defaultProperties'), {\n            includeAlignmentProperty: true\n        });\n        const useInlineStyles = editor.config.get('table.tableProperties.alignment.useInlineStyles') !== false;\n        editor.data.addStyleProcessorRules(addMarginStylesRules);\n        editor.data.addStyleProcessorRules(addBorderStylesRules);\n        enableBorderProperties(editor, {\n            color: defaultTableProperties.borderColor,\n            style: defaultTableProperties.borderStyle,\n            width: defaultTableProperties.borderWidth\n        });\n        editor.commands.add('tableBorderColor', new TableBorderColorCommand(editor, defaultTableProperties.borderColor));\n        editor.commands.add('tableBorderStyle', new TableBorderStyleCommand(editor, defaultTableProperties.borderStyle));\n        editor.commands.add('tableBorderWidth', new TableBorderWidthCommand(editor, defaultTableProperties.borderWidth));\n        if (editor.config.get('experimentalFlags.useExtendedTableBlockAlignment')) {\n            enableExtendedAlignmentProperty(schema, conversion, defaultTableProperties.alignment, useInlineStyles);\n        } else {\n            enableAlignmentProperty(schema, conversion, defaultTableProperties.alignment);\n        }\n        editor.commands.add('tableAlignment', new TableAlignmentCommand(editor, defaultTableProperties.alignment));\n        enableTableToFigureProperty(schema, conversion, {\n            modelAttribute: 'tableWidth',\n            styleName: 'width',\n            attributeName: 'width',\n            attributeType: 'length',\n            defaultValue: defaultTableProperties.width\n        });\n        editor.commands.add('tableWidth', new TableWidthCommand(editor, defaultTableProperties.width));\n        enableTableToFigureProperty(schema, conversion, {\n            modelAttribute: 'tableHeight',\n            styleName: 'height',\n            attributeName: 'height',\n            attributeType: 'length',\n            defaultValue: defaultTableProperties.height\n        });\n        editor.commands.add('tableHeight', new TableHeightCommand(editor, defaultTableProperties.height));\n        editor.data.addStyleProcessorRules(addBackgroundStylesRules);\n        enableProperty(schema, conversion, {\n            modelAttribute: 'tableBackgroundColor',\n            styleName: 'background-color',\n            attributeName: 'bgcolor',\n            attributeType: 'color',\n            defaultValue: defaultTableProperties.backgroundColor\n        });\n        editor.commands.add('tableBackgroundColor', new TableBackgroundColorCommand(editor, defaultTableProperties.backgroundColor));\n        if (editor.config.get('experimentalFlags.useExtendedTableBlockAlignment')) {\n            const viewDoc = editor.editing.view.document;\n            // Adjust clipboard output to wrap tables in divs if needed (for alignment).\n            this.listenTo(viewDoc, 'clipboardOutput', (evt, data)=>{\n                editor.editing.view.change((writer)=>{\n                    for (const { item } of writer.createRangeIn(data.content)){\n                        wrapInDivIfNeeded(item, writer);\n                    }\n                    data.dataTransfer.setData('text/html', this.editor.data.htmlProcessor.toData(data.content));\n                });\n            }, {\n                priority: 'lowest'\n            });\n        }\n    }\n}\n/**\n * Checks whether the view element is a table and if it needs to be wrapped in a div for alignment purposes.\n * If so, it wraps it in a div and inserts it into the data content.\n */ function wrapInDivIfNeeded(viewItem, writer) {\n    if (!viewItem.is('element', 'table')) {\n        return;\n    }\n    const alignAttribute = viewItem.getAttribute('align');\n    const floatAttribute = viewItem.getStyle('float');\n    const marginLeft = viewItem.getStyle('margin-left');\n    const marginRight = viewItem.getStyle('margin-right');\n    if (// Align center.\n    alignAttribute && alignAttribute === 'center' || // Align right with text wrapping.\n    floatAttribute && floatAttribute === 'right' && alignAttribute && alignAttribute === 'right') {\n        insertWrapperWithAlignment(writer, alignAttribute, viewItem);\n        return;\n    }\n    // Align right with no text wrapping.\n    if (floatAttribute === undefined && marginLeft === 'auto' && marginRight === '0') {\n        insertWrapperWithAlignment(writer, 'right', viewItem);\n    }\n}\nfunction insertWrapperWithAlignment(writer, align, table) {\n    const position = writer.createPositionBefore(table);\n    const wrapper = writer.createContainerElement('div', {\n        align\n    }, table);\n    writer.insert(position, wrapper);\n}\n/**\n * Enables `tableBorderStyle'`, `tableBorderColor'` and `tableBorderWidth'` attributes for table.\n *\n * @param defaultBorder The default border values.\n * @param defaultBorder.color The default `tableBorderColor` value.\n * @param defaultBorder.style The default `tableBorderStyle` value.\n * @param defaultBorder.width The default `tableBorderWidth` value.\n */ function enableBorderProperties(editor, defaultBorder) {\n    const { conversion } = editor;\n    const { schema } = editor.model;\n    const modelAttributes = {\n        width: 'tableBorderWidth',\n        color: 'tableBorderColor',\n        style: 'tableBorderStyle'\n    };\n    schema.extend('table', {\n        allowAttributes: Object.values(modelAttributes)\n    });\n    for (const modelAttribute of Object.values(modelAttributes)){\n        schema.setAttributeProperties(modelAttribute, {\n            isFormatting: true\n        });\n    }\n    upcastBorderStyles(editor, 'table', modelAttributes, defaultBorder);\n    downcastTableAttribute(conversion, {\n        modelAttribute: modelAttributes.color,\n        styleName: 'border-color'\n    });\n    downcastTableAttribute(conversion, {\n        modelAttribute: modelAttributes.style,\n        styleName: 'border-style'\n    });\n    downcastTableAttribute(conversion, {\n        modelAttribute: modelAttributes.width,\n        styleName: 'border-width'\n    });\n}\n/**\n * Enables the extended block`'alignment'` attribute for table.\n *\n * @param defaultValue The default alignment value.\n */ function enableExtendedAlignmentProperty(schema, conversion, defaultValue, useInlineStyles) {\n    schema.extend('table', {\n        allowAttributes: [\n            'tableAlignment'\n        ]\n    });\n    schema.setAttributeProperties('tableAlignment', {\n        isFormatting: true\n    });\n    conversion.for('downcast').attributeToAttribute({\n        model: {\n            name: 'table',\n            key: 'tableAlignment',\n            values: [\n                'left',\n                'center',\n                'right',\n                'blockLeft',\n                'blockRight'\n            ]\n        },\n        view: {\n            left: useInlineStyles ? {\n                key: 'style',\n                value: {\n                    float: 'left',\n                    'margin-right': 'var(--ck-content-table-style-spacing, 1.5em)'\n                }\n            } : {\n                key: 'class',\n                value: DEFAULT_TABLE_ALIGNMENT_OPTIONS.left.className\n            },\n            right: useInlineStyles ? {\n                key: 'style',\n                value: {\n                    float: 'right',\n                    'margin-left': 'var(--ck-content-table-style-spacing, 1.5em)'\n                }\n            } : {\n                key: 'class',\n                value: DEFAULT_TABLE_ALIGNMENT_OPTIONS.right.className\n            },\n            center: useInlineStyles ? {\n                key: 'style',\n                value: {\n                    'margin-left': 'auto',\n                    'margin-right': 'auto'\n                }\n            } : {\n                key: 'class',\n                value: DEFAULT_TABLE_ALIGNMENT_OPTIONS.center.className\n            },\n            blockLeft: useInlineStyles ? {\n                key: 'style',\n                value: {\n                    'margin-left': '0',\n                    'margin-right': 'auto'\n                }\n            } : {\n                key: 'class',\n                value: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockLeft.className\n            },\n            blockRight: useInlineStyles ? {\n                key: 'style',\n                value: {\n                    'margin-left': 'auto',\n                    'margin-right': '0'\n                }\n            } : {\n                key: 'class',\n                value: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockRight.className\n            }\n        },\n        converterPriority: 'high'\n    });\n    /**\n\t * Enables upcasting of the `tableAlignment` attribute.\n\t */ upcastTableAlignmentConfig.forEach((config)=>{\n        conversion.for('upcast').attributeToAttribute({\n            view: config.view,\n            model: {\n                key: 'tableAlignment',\n                value: (viewElement, conversionApi, data)=>{\n                    if (isNonTableFigureElement(viewElement)) {\n                        return;\n                    }\n                    const localDefaultValue = getDefaultValueAdjusted(defaultValue, '', data);\n                    const align = config.getAlign(viewElement);\n                    const consumables = config.getConsumables(viewElement);\n                    conversionApi.consumable.consume(viewElement, consumables);\n                    if (align !== localDefaultValue) {\n                        return align;\n                    }\n                }\n            }\n        });\n    });\n    conversion.for('upcast').add(upcastTableAlignedDiv(defaultValue));\n}\n/**\n * Enables the `'alignment'` attribute for table.\n *\n * @param defaultValue The default alignment value.\n */ function enableAlignmentProperty(schema, conversion, defaultValue) {\n    const ALIGN_VALUES_REG_EXP = /^(left|center|right)$/;\n    const FLOAT_VALUES_REG_EXP = /^(left|none|right)$/;\n    schema.extend('table', {\n        allowAttributes: [\n            'tableAlignment'\n        ]\n    });\n    schema.setAttributeProperties('tableAlignment', {\n        isFormatting: true\n    });\n    conversion.for('downcast').attributeToAttribute({\n        model: {\n            name: 'table',\n            key: 'tableAlignment',\n            values: [\n                'left',\n                'center',\n                'right'\n            ]\n        },\n        view: {\n            left: {\n                key: 'style',\n                value: {\n                    float: 'left'\n                }\n            },\n            right: {\n                key: 'style',\n                value: {\n                    float: 'right'\n                }\n            },\n            center: (alignment, conversionApi, data)=>{\n                const value = data.item.getAttribute('tableType') !== 'layout' ? {\n                    // Model: `alignment:center` => CSS: `float:none`.\n                    float: 'none'\n                } : {\n                    'margin-left': 'auto',\n                    'margin-right': 'auto'\n                };\n                return {\n                    key: 'style',\n                    value\n                };\n            }\n        },\n        converterPriority: 'high'\n    });\n    conversion.for('upcast')// Support for the `float:*;` CSS definition for the table alignment.\n    .attributeToAttribute({\n        view: {\n            name: /^(table|figure)$/,\n            styles: {\n                float: FLOAT_VALUES_REG_EXP\n            }\n        },\n        model: {\n            key: 'tableAlignment',\n            value: (viewElement, conversionApi, data)=>{\n                // Ignore other figure elements.\n                if (viewElement.name == 'figure' && !viewElement.hasClass('table')) {\n                    return;\n                }\n                const localDefaultValue = getDefaultValueAdjusted(defaultValue, '', data);\n                let align = viewElement.getStyle('float');\n                // CSS: `float:none` => Model: `alignment:center`.\n                if (align === 'none') {\n                    align = 'center';\n                }\n                if (align !== localDefaultValue) {\n                    return align;\n                }\n                // Consume the style even if not applied to the element so it won't be processed by other converters.\n                conversionApi.consumable.consume(viewElement, {\n                    styles: 'float'\n                });\n            }\n        }\n    })// Support for the `margin-left:auto; margin-right:auto;` CSS definition for the table alignment.\n    .attributeToAttribute({\n        view: {\n            name: /^(table|figure)$/,\n            styles: {\n                'margin-left': 'auto',\n                'margin-right': 'auto'\n            }\n        },\n        model: {\n            key: 'tableAlignment',\n            value: (viewElement, conversionApi, data)=>{\n                // Ignore other figure elements.\n                if (viewElement.name == 'figure' && !viewElement.hasClass('table')) {\n                    return;\n                }\n                const localDefaultValue = getDefaultValueAdjusted(defaultValue, '', data);\n                const align = 'center';\n                if (align !== localDefaultValue) {\n                    return align;\n                }\n                // Consume the styles even if not applied to the element so it won't be processed by other converters.\n                conversionApi.consumable.consume(viewElement, {\n                    styles: [\n                        'margin-left',\n                        'margin-right'\n                    ]\n                });\n            }\n        }\n    })// Support for the `align` attribute as the backward compatibility while pasting from other sources.\n    .attributeToAttribute({\n        view: {\n            name: 'table',\n            attributes: {\n                align: ALIGN_VALUES_REG_EXP\n            }\n        },\n        model: {\n            key: 'tableAlignment',\n            value: (viewElement, conversionApi, data)=>{\n                const localDefaultValue = getDefaultValueAdjusted(defaultValue, '', data);\n                const align = viewElement.getAttribute('align');\n                if (align !== localDefaultValue) {\n                    return align;\n                }\n                // Consume the attribute even if not applied to the element so it won't be processed by other converters.\n                conversionApi.consumable.consume(viewElement, {\n                    attributes: 'align'\n                });\n            }\n        }\n    });\n}\n/**\n * Returns a function that converts the table view representation:\n *\n * ```html\n * <div align=\"right\"><table>...</table></div>\n * <!-- or -->\n * <div align=\"center\"><table>...</table></div>\n * <!-- or -->\n * <div align=\"left\"><table>...</table></div>\n * ```\n *\n * to the model representation:\n *\n * ```xml\n * <table tableAlignment=\"right|center|left\"></table>\n * ```\n *\n * @internal\n */ function upcastTableAlignedDiv(defaultValue) {\n    return (dispatcher)=>{\n        dispatcher.on('element:div', (evt, data, conversionApi)=>{\n            // Do not convert if this is not a \"table wrapped in div with align attribute\".\n            if (!conversionApi.consumable.test(data.viewItem, {\n                name: true,\n                attributes: 'align'\n            })) {\n                return;\n            }\n            // Find a table element inside the div element.\n            const viewTable = getViewTableFromWrapper(data.viewItem);\n            // Do not convert if table element is absent or was already converted.\n            if (!viewTable || !conversionApi.consumable.test(viewTable, {\n                name: true\n            })) {\n                return;\n            }\n            // Consume the div to prevent other converters from processing it again.\n            conversionApi.consumable.consume(data.viewItem, {\n                name: true,\n                attributes: 'align'\n            });\n            // Convert view table to model table.\n            const conversionResult = conversionApi.convertItem(viewTable, data.modelCursor);\n            // Get table element from conversion result.\n            const modelTable = first(conversionResult.modelRange.getItems());\n            // When table wasn't successfully converted then finish conversion.\n            if (!modelTable || !modelTable.is('element', 'table')) {\n                // Revert consumed div so other features can convert it.\n                conversionApi.consumable.revert(data.viewItem, {\n                    name: true,\n                    attributes: 'align'\n                });\n                // If anyway some table content was converted, we have to pass the model range and cursor.\n                if (conversionResult.modelRange && !conversionResult.modelRange.isCollapsed) {\n                    data.modelRange = conversionResult.modelRange;\n                    data.modelCursor = conversionResult.modelCursor;\n                }\n                return;\n            }\n            const alignAttributeFromDiv = data.viewItem.getAttribute('align');\n            const alignAttributeFromTable = viewTable.getAttribute('align');\n            const localDefaultValue = getDefaultValueAdjusted(defaultValue, '', data);\n            const align = convertToTableAlignment(alignAttributeFromDiv, alignAttributeFromTable, localDefaultValue);\n            if (align) {\n                conversionApi.writer.setAttribute('tableAlignment', align, modelTable);\n            }\n            conversionApi.convertChildren(data.viewItem, conversionApi.writer.createPositionAt(modelTable, 'end'));\n            conversionApi.updateConversionResult(modelTable, data);\n        });\n    };\n}\n/**\n * Converts div `align` and table `align` attributes to the model `tableAlignment` attribute.\n *\n * @param divAlign The value of the div `align` attribute.\n * @param tableAlign The value of the table `align` attribute.\n * @param defaultValue The default alignment value.\n * @returns The model `tableAlignment` value or `undefined` if no conversion is needed.\n */ function convertToTableAlignment(divAlign, tableAlign, defaultValue) {\n    if (divAlign) {\n        switch(divAlign){\n            case 'right':\n                if (tableAlign === 'right') {\n                    return 'right';\n                } else if (tableAlign === 'left') {\n                    return 'left';\n                } else {\n                    return 'blockRight';\n                }\n            case 'center':\n                return 'center';\n            case 'left':\n                return tableAlign === undefined ? 'blockLeft' : 'left';\n            default:\n                return defaultValue;\n        }\n    }\n    return undefined;\n}\n/**\n * Enables conversion for an attribute for simple view-model mappings.\n *\n * @param options.defaultValue The default value for the specified `modelAttribute`.\n */ function enableProperty(schema, conversion, options) {\n    const { modelAttribute } = options;\n    schema.extend('table', {\n        allowAttributes: [\n            modelAttribute\n        ]\n    });\n    schema.setAttributeProperties(modelAttribute, {\n        isFormatting: true\n    });\n    upcastStyleToAttribute(conversion, {\n        viewElement: 'table',\n        ...options\n    });\n    downcastTableAttribute(conversion, options);\n}\n/**\n * Enables conversion for an attribute for simple view (figure) to model (table) mappings.\n */ function enableTableToFigureProperty(schema, conversion, options) {\n    const { modelAttribute } = options;\n    schema.extend('table', {\n        allowAttributes: [\n            modelAttribute\n        ]\n    });\n    schema.setAttributeProperties(modelAttribute, {\n        isFormatting: true\n    });\n    upcastStyleToAttribute(conversion, {\n        viewElement: /^(table|figure)$/,\n        shouldUpcast: (viewElement)=>!(viewElement.name == 'table' && viewElement.parent.name == 'figure' || viewElement.name == 'figure' && !viewElement.hasClass('table')),\n        ...options\n    });\n    downcastAttributeToStyle(conversion, {\n        modelElement: 'table',\n        ...options\n    });\n}\n/**\n * Checks whether a given figure element should be ignored when upcasting table properties.\n */ function isNonTableFigureElement(viewElement) {\n    return viewElement.name == 'figure' && !viewElement.hasClass('table');\n}\n\n/**\n * The class representing a table properties form, allowing users to customize\n * certain style aspects of a table, for instance, border, background color, alignment, etc..\n */ class TablePropertiesView extends View {\n    /**\n\t * Options passed to the view. See {@link #constructor} to learn more.\n\t */ options;\n    /**\n\t * Tracks information about the DOM focus in the form.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * A collection of child views in the form.\n\t */ children;\n    /**\n\t * A dropdown that allows selecting the style of the table border.\n\t */ borderStyleDropdown;\n    /**\n\t * An input that allows specifying the width of the table border.\n\t */ borderWidthInput;\n    /**\n\t * An input that allows specifying the color of the table border.\n\t */ borderColorInput;\n    /**\n\t * An input that allows specifying the table background color.\n\t */ backgroundInput;\n    /**\n\t * An input that allows specifying the table width.\n\t */ widthInput;\n    /**\n\t * An input that allows specifying the table height.\n\t */ heightInput;\n    /**\n\t * A toolbar with buttons that allow changing the alignment of an entire table.\n\t */ alignmentToolbar;\n    /**\n\t * The \"Save\" button view.\n\t */ saveButtonView;\n    /**\n\t * The \"Cancel\" button view.\n\t */ cancelButtonView;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables;\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Additional configuration of the view.\n\t */ constructor(locale, options){\n        super(locale);\n        this.set({\n            borderStyle: '',\n            borderWidth: '',\n            borderColor: '',\n            backgroundColor: '',\n            width: '',\n            height: '',\n            alignment: ''\n        });\n        this.options = options;\n        const { borderStyleDropdown, borderWidthInput, borderColorInput, borderRowLabel } = this._createBorderFields();\n        const { backgroundRowLabel, backgroundInput } = this._createBackgroundFields();\n        const { widthInput, operatorLabel, heightInput, dimensionsLabel } = this._createDimensionFields();\n        const { alignmentToolbar, alignmentLabel } = this._createAlignmentFields();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.children = this.createCollection();\n        this.borderStyleDropdown = borderStyleDropdown;\n        this.borderWidthInput = borderWidthInput;\n        this.borderColorInput = borderColorInput;\n        this.backgroundInput = backgroundInput;\n        this.widthInput = widthInput;\n        this.heightInput = heightInput;\n        this.alignmentToolbar = alignmentToolbar;\n        // Defer creating to make sure other fields are present and the Save button can\n        // bind its #isEnabled to their error messages so there's no way to save unless all\n        // fields are valid.\n        const { saveButtonView, cancelButtonView } = this._createActionButtons();\n        this.saveButtonView = saveButtonView;\n        this.cancelButtonView = cancelButtonView;\n        this._focusables = new ViewCollection();\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        // Form header.\n        this.children.add(new FormHeaderView(locale, {\n            label: this.t('Table properties')\n        }));\n        // Border row.\n        this.children.add(new FormRowView(locale, {\n            labelView: borderRowLabel,\n            children: [\n                borderRowLabel,\n                borderStyleDropdown,\n                borderColorInput,\n                borderWidthInput\n            ],\n            class: 'ck-table-form__border-row'\n        }));\n        // Background row.\n        this.children.add(new FormRowView(locale, {\n            labelView: backgroundRowLabel,\n            children: [\n                backgroundRowLabel,\n                backgroundInput\n            ],\n            class: 'ck-table-form__background-row'\n        }));\n        this.children.add(new FormRowView(locale, {\n            children: [\n                // Dimensions row.\n                new FormRowView(locale, {\n                    labelView: dimensionsLabel,\n                    children: [\n                        dimensionsLabel,\n                        widthInput,\n                        operatorLabel,\n                        heightInput\n                    ],\n                    class: 'ck-table-form__dimensions-row'\n                }),\n                // Alignment row.\n                new FormRowView(locale, {\n                    labelView: alignmentLabel,\n                    children: [\n                        alignmentLabel,\n                        alignmentToolbar\n                    ],\n                    class: 'ck-table-properties-form__alignment-row'\n                })\n            ]\n        }));\n        // Action row.\n        this.children.add(new FormRowView(locale, {\n            children: [\n                this.saveButtonView,\n                this.cancelButtonView\n            ],\n            class: 'ck-table-form__action-row'\n        }));\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form',\n                    'ck-table-form',\n                    'ck-table-properties-form'\n                ],\n                // https://github.com/ckeditor/ckeditor5-link/issues/90\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        // Enable the \"submit\" event for this view. It can be triggered by the #saveButtonView\n        // which is of the \"submit\" DOM \"type\".\n        submitHandler({\n            view: this\n        });\n        // Maintain continuous focus cycling over views that have focusable children and focus cyclers themselves.\n        [\n            this.borderColorInput,\n            this.backgroundInput\n        ].forEach((view)=>{\n            this._focusCycler.chain(view.fieldView.focusCycler);\n        });\n        [\n            this.borderStyleDropdown,\n            this.borderColorInput,\n            this.borderWidthInput,\n            this.backgroundInput,\n            this.widthInput,\n            this.heightInput,\n            this.alignmentToolbar,\n            this.saveButtonView,\n            this.cancelButtonView\n        ].forEach((view)=>{\n            // Register the view as focusable.\n            this._focusables.add(view);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(view.element);\n        });\n        // Mainly for closing using \"Esc\" and navigation using \"Tab\".\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the fist focusable field in the form.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #borderStyleDropdown},\n\t * * {@link #borderWidthInput},\n\t * * {@link #borderColorInput}.\n\t */ _createBorderFields() {\n        const defaultTableProperties = this.options.defaultTableProperties;\n        const defaultBorder = {\n            style: defaultTableProperties.borderStyle,\n            width: defaultTableProperties.borderWidth,\n            color: defaultTableProperties.borderColor\n        };\n        const colorInputCreator = getLabeledColorInputCreator$1({\n            colorConfig: this.options.borderColors,\n            columns: 5,\n            defaultColorValue: defaultBorder.color,\n            colorPickerConfig: this.options.colorPickerConfig\n        });\n        const locale = this.locale;\n        const t = this.t;\n        const accessibleLabel = t('Style');\n        // -- Group label ---------------------------------------------\n        const borderRowLabel = new LabelView(locale);\n        borderRowLabel.text = t('Border');\n        // -- Style ---------------------------------------------------\n        const styleLabels = getBorderStyleLabels$1(t);\n        const borderStyleDropdown = new LabeledFieldView(locale, createLabeledDropdown);\n        borderStyleDropdown.set({\n            label: accessibleLabel,\n            class: 'ck-table-form__border-style'\n        });\n        borderStyleDropdown.fieldView.buttonView.set({\n            ariaLabel: accessibleLabel,\n            ariaLabelledBy: undefined,\n            isOn: false,\n            withText: true,\n            tooltip: accessibleLabel\n        });\n        borderStyleDropdown.fieldView.buttonView.bind('label').to(this, 'borderStyle', (value)=>{\n            return styleLabels[value ? value : 'none'];\n        });\n        borderStyleDropdown.fieldView.on('execute', (evt)=>{\n            this.borderStyle = evt.source._borderStyleValue;\n        });\n        borderStyleDropdown.bind('isEmpty').to(this, 'borderStyle', (value)=>!value);\n        addListToDropdown(borderStyleDropdown.fieldView, getBorderStyleDefinitions$1(this, defaultBorder.style), {\n            role: 'menu',\n            ariaLabel: accessibleLabel\n        });\n        // -- Width ---------------------------------------------------\n        const borderWidthInput = new LabeledFieldView(locale, createLabeledInputText);\n        borderWidthInput.set({\n            label: t('Width'),\n            class: 'ck-table-form__border-width'\n        });\n        borderWidthInput.fieldView.bind('value').to(this, 'borderWidth');\n        borderWidthInput.bind('isEnabled').to(this, 'borderStyle', isBorderStyleSet$2);\n        borderWidthInput.fieldView.on('input', ()=>{\n            this.borderWidth = borderWidthInput.fieldView.element.value;\n        });\n        // -- Color ---------------------------------------------------\n        const borderColorInput = new LabeledFieldView(locale, colorInputCreator);\n        borderColorInput.set({\n            label: t('Color'),\n            class: 'ck-table-form__border-color'\n        });\n        borderColorInput.fieldView.bind('value').to(this, 'borderColor');\n        borderColorInput.bind('isEnabled').to(this, 'borderStyle', isBorderStyleSet$2);\n        borderColorInput.fieldView.on('input', ()=>{\n            this.borderColor = borderColorInput.fieldView.value;\n        });\n        // Reset the border color and width fields depending on the `border-style` value.\n        this.on('change:borderStyle', (evt, name, newValue, oldValue)=>{\n            // When removing the border (`border-style:none`), clear the remaining `border-*` properties.\n            // See: https://github.com/ckeditor/ckeditor5/issues/6227.\n            if (!isBorderStyleSet$2(newValue)) {\n                this.borderColor = '';\n                this.borderWidth = '';\n            }\n            // When setting the `border-style` from `none`, set the default `border-color` and `border-width` properties.\n            if (!isBorderStyleSet$2(oldValue)) {\n                this.borderColor = defaultBorder.color;\n                this.borderWidth = defaultBorder.width;\n            }\n        });\n        return {\n            borderRowLabel,\n            borderStyleDropdown,\n            borderColorInput,\n            borderWidthInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #backgroundInput}.\n\t */ _createBackgroundFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Group label ---------------------------------------------\n        const backgroundRowLabel = new LabelView(locale);\n        backgroundRowLabel.text = t('Background');\n        // -- Background color input -----------------------------------\n        const backgroundInputCreator = getLabeledColorInputCreator$1({\n            colorConfig: this.options.backgroundColors,\n            columns: 5,\n            defaultColorValue: this.options.defaultTableProperties.backgroundColor,\n            colorPickerConfig: this.options.colorPickerConfig\n        });\n        const backgroundInput = new LabeledFieldView(locale, backgroundInputCreator);\n        backgroundInput.set({\n            label: t('Color'),\n            class: 'ck-table-properties-form__background'\n        });\n        backgroundInput.fieldView.bind('value').to(this, 'backgroundColor');\n        backgroundInput.fieldView.on('input', ()=>{\n            this.backgroundColor = backgroundInput.fieldView.value;\n        });\n        return {\n            backgroundRowLabel,\n            backgroundInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #widthInput},\n\t * * {@link #heightInput}.\n\t */ _createDimensionFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Label ---------------------------------------------------\n        const dimensionsLabel = new LabelView(locale);\n        dimensionsLabel.text = t('Dimensions');\n        // -- Width ---------------------------------------------------\n        const widthInput = new LabeledFieldView(locale, createLabeledInputText);\n        widthInput.set({\n            label: t('Width'),\n            class: 'ck-table-form__dimensions-row__width'\n        });\n        widthInput.fieldView.bind('value').to(this, 'width');\n        widthInput.fieldView.on('input', ()=>{\n            this.width = widthInput.fieldView.element.value;\n        });\n        // -- Operator ---------------------------------------------------\n        const operatorLabel = new View(locale);\n        operatorLabel.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck-table-form__dimension-operator'\n                ]\n            },\n            children: [\n                {\n                    text: '×'\n                }\n            ]\n        });\n        // -- Height ---------------------------------------------------\n        const heightInput = new LabeledFieldView(locale, createLabeledInputText);\n        heightInput.set({\n            label: t('Height'),\n            class: 'ck-table-form__dimensions-row__height'\n        });\n        heightInput.fieldView.bind('value').to(this, 'height');\n        heightInput.fieldView.on('input', ()=>{\n            this.height = heightInput.fieldView.element.value;\n        });\n        return {\n            dimensionsLabel,\n            widthInput,\n            operatorLabel,\n            heightInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #alignmentToolbar}.\n\t */ _createAlignmentFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Label ---------------------------------------------------\n        const alignmentLabel = new LabelView(locale);\n        alignmentLabel.text = t('Alignment');\n        // -- Toolbar ---------------------------------------------------\n        const alignmentToolbar = new ToolbarView(locale);\n        alignmentToolbar.set({\n            role: 'radiogroup',\n            isCompact: true,\n            ariaLabel: t('Table alignment toolbar')\n        });\n        fillToolbar$1({\n            view: this,\n            icons: {\n                left: IconObjectInlineLeft,\n                center: IconObjectCenter,\n                right: IconObjectInlineRight\n            },\n            toolbar: alignmentToolbar,\n            labels: this._alignmentLabels,\n            propertyName: 'alignment',\n            defaultValue: this.options.defaultTableProperties.alignment\n        });\n        return {\n            alignmentLabel,\n            alignmentToolbar\n        };\n    }\n    /**\n\t * Creates the following form controls:\n\t *\n\t * * {@link #saveButtonView},\n\t * * {@link #cancelButtonView}.\n\t */ _createActionButtons() {\n        const locale = this.locale;\n        const t = this.t;\n        const saveButtonView = new ButtonView(locale);\n        const cancelButtonView = new ButtonView(locale);\n        const fieldsThatShouldValidateToSave = [\n            this.borderWidthInput,\n            this.borderColorInput,\n            this.backgroundInput,\n            this.widthInput,\n            this.heightInput\n        ];\n        saveButtonView.set({\n            label: t('Save'),\n            icon: IconCheck,\n            class: 'ck-button-save',\n            type: 'submit',\n            withText: true\n        });\n        saveButtonView.bind('isEnabled').toMany(fieldsThatShouldValidateToSave, 'errorText', (...errorTexts)=>{\n            return errorTexts.every((errorText)=>!errorText);\n        });\n        cancelButtonView.set({\n            label: t('Cancel'),\n            icon: IconCancel,\n            class: 'ck-button-cancel',\n            withText: true\n        });\n        cancelButtonView.delegate('execute').to(this, 'cancel');\n        return {\n            saveButtonView,\n            cancelButtonView\n        };\n    }\n    /**\n\t * Provides localized labels for {@link #alignmentToolbar} buttons.\n\t */ get _alignmentLabels() {\n        const locale = this.locale;\n        const t = this.t;\n        const left = t('Align table to the left');\n        const center = t('Center table');\n        const right = t('Align table to the right');\n        // Returns object with a proper order of labels.\n        if (locale.uiLanguageDirection === 'rtl') {\n            return {\n                right,\n                center,\n                left\n            };\n        } else {\n            return {\n                left,\n                center,\n                right\n            };\n        }\n    }\n}\nfunction isBorderStyleSet$2(value) {\n    return value !== 'none';\n}\n\nconst ERROR_TEXT_TIMEOUT$2 = 500;\n// Map of view properties and related commands.\nconst propertyToCommandMap$2 = {\n    borderStyle: 'tableBorderStyle',\n    borderColor: 'tableBorderColor',\n    borderWidth: 'tableBorderWidth',\n    backgroundColor: 'tableBackgroundColor',\n    width: 'tableWidth',\n    height: 'tableHeight',\n    alignment: 'tableAlignment'\n};\n/**\n * The table properties UI plugin. It introduces the `'tableProperties'` button\n * that opens a form allowing to specify visual styling of an entire table.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */ class TablePropertiesUI extends Plugin {\n    /**\n\t * The default table properties.\n\t */ _defaultContentTableProperties;\n    /**\n\t * The default layout table properties.\n\t */ _defaultLayoutTableProperties;\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    /**\n\t * The properties form view displayed inside the balloon.\n\t */ view = null;\n    /**\n\t * The properties form view displayed inside the balloon (content table).\n\t */ _viewWithContentTableDefaults = null;\n    /**\n\t * The properties form view displayed inside the balloon (layout table).\n\t */ _viewWithLayoutTableDefaults = null;\n    /**\n\t * The batch used to undo all changes made by the form (which are live, as the user types)\n\t * when \"Cancel\" was pressed. Each time the view is shown, a new batch is created.\n\t */ _undoStepBatch;\n    /**\n\t * Flag used to indicate whether view is ready to execute update commands\n\t * (it finished loading initial data).\n\t */ _isReady;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TablePropertiesUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('table.tableProperties', {\n            borderColors: defaultColors,\n            backgroundColors: defaultColors\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        this._defaultContentTableProperties = getNormalizedDefaultTableProperties(editor.config.get('table.tableProperties.defaultProperties'), {\n            includeAlignmentProperty: true\n        });\n        this._defaultLayoutTableProperties = getNormalizedDefaultProperties();\n        this._balloon = editor.plugins.get(ContextualBalloon);\n        editor.ui.componentFactory.add('tableProperties', ()=>this._createTablePropertiesButton());\n    }\n    /**\n\t * Creates the table properties button.\n\t *\n\t * @internal\n\t */ _createTablePropertiesButton() {\n        const editor = this.editor;\n        const t = editor.t;\n        const view = new ButtonView(editor.locale);\n        view.set({\n            label: t('Table properties'),\n            icon: IconTableProperties,\n            tooltip: true\n        });\n        this.listenTo(view, 'execute', ()=>this._showView());\n        const commands = Object.values(propertyToCommandMap$2).map((commandName)=>editor.commands.get(commandName));\n        view.bind('isEnabled').toMany(commands, 'isEnabled', (...areEnabled)=>areEnabled.some((isCommandEnabled)=>isCommandEnabled));\n        return view;\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed.\n        // See https://github.com/ckeditor/ckeditor5/issues/1341.\n        if (this.view) {\n            this.view.destroy();\n        }\n    }\n    /**\n\t * Creates the {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView} instance.\n\t *\n\t * @returns The table properties form view instance.\n\t */ _createPropertiesView(defaultTableProperties) {\n        const editor = this.editor;\n        const config = editor.config.get('table.tableProperties');\n        const borderColorsConfig = normalizeColorOptions(config.borderColors);\n        const localizedBorderColors = getLocalizedColorOptions(editor.locale, borderColorsConfig);\n        const backgroundColorsConfig = normalizeColorOptions(config.backgroundColors);\n        const localizedBackgroundColors = getLocalizedColorOptions(editor.locale, backgroundColorsConfig);\n        const hasColorPicker = config.colorPicker !== false;\n        const view = new TablePropertiesView(editor.locale, {\n            borderColors: localizedBorderColors,\n            backgroundColors: localizedBackgroundColors,\n            defaultTableProperties,\n            colorPickerConfig: hasColorPicker ? config.colorPicker || {} : false\n        });\n        const t = editor.t;\n        // Render the view so its #element is available for the clickOutsideHandler.\n        view.render();\n        this.listenTo(view, 'submit', ()=>{\n            this._hideView();\n        });\n        this.listenTo(view, 'cancel', ()=>{\n            // https://github.com/ckeditor/ckeditor5/issues/6180\n            if (this._undoStepBatch.operations.length) {\n                editor.execute('undo', this._undoStepBatch);\n            }\n            this._hideView();\n        });\n        // Close the balloon on Esc key press.\n        view.keystrokes.set('Esc', (data, cancel)=>{\n            this._hideView();\n            cancel();\n        });\n        // Close on click outside of balloon panel element.\n        clickOutsideHandler({\n            emitter: view,\n            activator: ()=>this._isViewInBalloon,\n            contextElements: [\n                this._balloon.view.element\n            ],\n            callback: ()=>this._hideView()\n        });\n        const colorErrorText = getLocalizedColorErrorText(t);\n        const lengthErrorText = getLocalizedLengthErrorText(t);\n        // Create the \"UI -> editor data\" binding.\n        // These listeners update the editor data (via table commands) when any observable\n        // property of the view has changed. They also validate the value and display errors in the UI\n        // when necessary. This makes the view live, which means the changes are\n        // visible in the editing as soon as the user types or changes fields' values.\n        view.on('change:borderStyle', this._getPropertyChangeCallback('tableBorderStyle'));\n        view.on('change:borderColor', this._getValidatedPropertyChangeCallback({\n            viewField: view.borderColorInput,\n            commandName: 'tableBorderColor',\n            errorText: colorErrorText,\n            validator: colorFieldValidator\n        }));\n        view.on('change:borderWidth', this._getValidatedPropertyChangeCallback({\n            viewField: view.borderWidthInput,\n            commandName: 'tableBorderWidth',\n            errorText: lengthErrorText,\n            validator: lineWidthFieldValidator\n        }));\n        view.on('change:backgroundColor', this._getValidatedPropertyChangeCallback({\n            viewField: view.backgroundInput,\n            commandName: 'tableBackgroundColor',\n            errorText: colorErrorText,\n            validator: colorFieldValidator\n        }));\n        view.on('change:width', this._getValidatedPropertyChangeCallback({\n            viewField: view.widthInput,\n            commandName: 'tableWidth',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:height', this._getValidatedPropertyChangeCallback({\n            viewField: view.heightInput,\n            commandName: 'tableHeight',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:alignment', this._getPropertyChangeCallback('tableAlignment'));\n        return view;\n    }\n    /**\n\t * In this method the \"editor data -> UI\" binding is happening.\n\t *\n\t * When executed, this method obtains selected table property values from various table commands\n\t * and passes them to the {@link #view}.\n\t *\n\t * This way, the UI stays up–to–date with the editor data.\n\t */ _fillViewFormFromCommandValues() {\n        const commands = this.editor.commands;\n        const borderStyleCommand = commands.get('tableBorderStyle');\n        Object.entries(propertyToCommandMap$2).map(([property, commandName])=>{\n            const propertyKey = property;\n            const defaultValue = this.view === this._viewWithContentTableDefaults ? this._defaultContentTableProperties[propertyKey] || '' : this._defaultLayoutTableProperties[propertyKey] || '';\n            return [\n                propertyKey,\n                commands.get(commandName).value || defaultValue\n            ];\n        }).forEach(([property, value])=>{\n            // Do not set the `border-color` and `border-width` fields if `border-style:none`.\n            if ((property === 'borderColor' || property === 'borderWidth') && borderStyleCommand.value === 'none') {\n                return;\n            }\n            this.view.set(property, value);\n        });\n        this._isReady = true;\n    }\n    /**\n\t * Shows the {@link #view} in the {@link #_balloon}.\n\t *\n\t * **Note**: Each time a view is shown, the new {@link #_undoStepBatch} is created that contains\n\t * all changes made to the document when the view is visible, allowing a single undo step\n\t * for all of them.\n\t */ _showView() {\n        const editor = this.editor;\n        const viewTable = getSelectionAffectedTableWidget(editor.editing.view.document.selection);\n        const modelTable = viewTable && editor.editing.mapper.toModelElement(viewTable);\n        const useDefaults = !modelTable || modelTable.getAttribute('tableType') !== 'layout';\n        if (useDefaults && !this._viewWithContentTableDefaults) {\n            this._viewWithContentTableDefaults = this._createPropertiesView(this._defaultContentTableProperties);\n        } else if (!useDefaults && !this._viewWithLayoutTableDefaults) {\n            this._viewWithLayoutTableDefaults = this._createPropertiesView(this._defaultLayoutTableProperties);\n        }\n        this.view = useDefaults ? this._viewWithContentTableDefaults : this._viewWithLayoutTableDefaults;\n        this.listenTo(editor.ui, 'update', ()=>{\n            this._updateView();\n        });\n        // Update the view with the model values.\n        this._fillViewFormFromCommandValues();\n        this._balloon.add({\n            view: this.view,\n            position: getBalloonTablePositionData(editor)\n        });\n        // Create a new batch. Clicking \"Cancel\" will undo this batch.\n        this._undoStepBatch = editor.model.createBatch();\n        // Basic a11y.\n        this.view.focus();\n    }\n    /**\n\t * Removes the {@link #view} from the {@link #_balloon}.\n\t */ _hideView() {\n        const editor = this.editor;\n        this.stopListening(editor.ui, 'update');\n        this._isReady = false;\n        // Blur any input element before removing it from DOM to prevent issues in some browsers.\n        // See https://github.com/ckeditor/ckeditor5/issues/1501.\n        this.view.saveButtonView.focus();\n        this._balloon.remove(this.view);\n        // Make sure the focus is not lost in the process by putting it directly\n        // into the editing view.\n        this.editor.editing.view.focus();\n    }\n    /**\n\t * Repositions the {@link #_balloon} or hides the {@link #view} if a table is no longer selected.\n\t */ _updateView() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        if (!getSelectionAffectedTableWidget(viewDocument.selection)) {\n            this._hideView();\n        } else if (this._isViewVisible) {\n            repositionContextualBalloon(editor, 'table');\n        }\n    }\n    /**\n\t * Returns `true` when the {@link #view} is the visible in the {@link #_balloon}.\n\t */ get _isViewVisible() {\n        return !!this.view && this._balloon.visibleView === this.view;\n    }\n    /**\n\t * Returns `true` when the {@link #view} is in the {@link #_balloon}.\n\t */ get _isViewInBalloon() {\n        return !!this.view && this._balloon.hasView(this.view);\n    }\n    /**\n\t * Creates a callback that when executed upon {@link #view view's} property change\n\t * executes a related editor command with the new property value.\n\t *\n\t * If new value will be set to the default value, the command will not be executed.\n\t *\n\t * @param commandName The command that will be executed.\n\t */ _getPropertyChangeCallback(commandName) {\n        return (evt, propertyName, newValue)=>{\n            // Do not execute the command on initial call (opening the table properties view).\n            if (!this._isReady) {\n                return;\n            }\n            this.editor.execute(commandName, {\n                value: newValue,\n                batch: this._undoStepBatch\n            });\n        };\n    }\n    /**\n\t * Creates a callback that when executed upon {@link #view view's} property change:\n\t * * executes a related editor command with the new property value if the value is valid,\n\t * * or sets the error text next to the invalid field, if the value did not pass the validation.\n\t */ _getValidatedPropertyChangeCallback(options) {\n        const { commandName, viewField, validator, errorText } = options;\n        const setErrorTextDebounced = debounce(()=>{\n            viewField.errorText = errorText;\n        }, ERROR_TEXT_TIMEOUT$2);\n        return (evt, propertyName, newValue)=>{\n            setErrorTextDebounced.cancel();\n            // Do not execute the command on initial call (opening the table properties view).\n            if (!this._isReady) {\n                return;\n            }\n            if (validator(newValue)) {\n                this.editor.execute(commandName, {\n                    value: newValue,\n                    batch: this._undoStepBatch\n                });\n                viewField.errorText = null;\n            } else {\n                setErrorTextDebounced();\n            }\n        };\n    }\n}\n\n/**\n * The table properties feature. Enables support for setting properties of tables (size, border, background, etc.).\n *\n * Read more in the {@glink features/tables/tables-styling Table and cell styling tools} section.\n * See also the {@link module:table/tablecellproperties~TableCellProperties} plugin.\n *\n * This is a \"glue\" plugin that loads the\n * {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing table properties editing feature} and\n * the {@link module:table/tableproperties/tablepropertiesui~TablePropertiesUI table properties UI feature}.\n */ class TableProperties extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableProperties';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TablePropertiesEditing,\n            TablePropertiesUI\n        ];\n    }\n}\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module table/converters/table-caption-post-fixer\n */ /**\n * Injects a table caption post-fixer into the model.\n *\n * The role of the table caption post-fixer is to ensure that the table with caption have the correct structure\n * after a {@link module:engine/model/model~Model#change `change()`} block was executed.\n *\n * The correct structure means that:\n *\n * * If there are many caption model element, they are merged into one model.\n * * A final, merged caption model is placed at the end of the table.\n *\n * @internal\n */ function injectTableCaptionPostFixer(model) {\n    model.document.registerPostFixer((writer)=>tableCaptionPostFixer(writer, model));\n}\n/**\n * The table caption post-fixer.\n */ function tableCaptionPostFixer(writer, model) {\n    const changes = model.document.differ.getChanges();\n    let wasFixed = false;\n    for (const entry of changes){\n        if (entry.type != 'insert') {\n            continue;\n        }\n        const positionParent = entry.position.parent;\n        if (positionParent.is('element', 'table') || entry.name == 'table') {\n            const table = entry.name == 'table' ? entry.position.nodeAfter : positionParent;\n            const captionsToMerge = Array.from(table.getChildren()).filter((child)=>child.is('element', 'caption'));\n            const firstCaption = captionsToMerge.shift();\n            if (!firstCaption) {\n                continue;\n            }\n            // Move all the contents of the captions to the first one.\n            for (const caption of captionsToMerge){\n                writer.move(writer.createRangeIn(caption), firstCaption, 'end');\n                writer.remove(caption);\n            }\n            // Make sure the final caption is at the end of the table.\n            if (firstCaption.nextSibling) {\n                writer.move(writer.createRangeOn(firstCaption), table, 'end');\n                wasFixed = true;\n            }\n            // Do we merged captions and/or moved the single caption to the end of the table?\n            wasFixed = !!captionsToMerge.length || wasFixed;\n        }\n    }\n    return wasFixed;\n}\n\n/**\n * Checks if the provided model element is a `table`.\n *\n * @param modelElement Element to check if it is a table.\n * @internal\n */ function isTable(modelElement) {\n    return !!modelElement && modelElement.is('element', 'table');\n}\n/**\n * Returns the caption model element from a given table element. Returns `null` if no caption is found.\n *\n * @param tableModelElement Table element in which we will try to find a caption element.\n * @internal\n */ function getCaptionFromTableModelElement(tableModelElement) {\n    for (const node of tableModelElement.getChildren()){\n        if (node.is('element', 'caption')) {\n            return node;\n        }\n    }\n    return null;\n}\n/**\n * Returns the caption model element for a model selection. Returns `null` if the selection has no caption element ancestor.\n *\n * @param selection The selection checked for caption presence.\n * @internal\n */ function getCaptionFromModelSelection(selection) {\n    const tableElement = getSelectionAffectedTable(selection);\n    if (!tableElement) {\n        return null;\n    }\n    return getCaptionFromTableModelElement(tableElement);\n}\n/**\n * {@link module:engine/view/matcher~Matcher} pattern. Checks if a given element is a caption.\n *\n * There are two possible forms of the valid caption:\n *  - A `<figcaption>` element inside a `<figure class=\"table\">` element.\n *  - A `<caption>` inside a <table>.\n *\n * @returns Returns the object accepted by {@link module:engine/view/matcher~Matcher} or `null` if the element cannot be matched.\n * @internal\n */ function matchTableCaptionViewElement(element) {\n    const parent = element.parent;\n    if (element.name == 'figcaption' && parent && parent.is('element', 'figure') && parent.hasClass('table')) {\n        return {\n            name: true\n        };\n    }\n    if (element.name == 'caption' && parent && parent.is('element', 'table')) {\n        return {\n            name: true\n        };\n    }\n    return null;\n}\n\n/**\n * The toggle table caption command.\n *\n * This command is registered by {@link module:table/tablecaption/tablecaptionediting~TableCaptionEditing} as the\n * `'toggleTableCaption'` editor command.\n *\n * Executing this command:\n *\n * * either adds or removes the table caption of a selected table (depending on whether the caption is present or not),\n * * removes the table caption if the selection is anchored in one.\n *\n * ```ts\n * // Toggle the presence of the caption.\n * editor.execute( 'toggleTableCaption' );\n * ```\n *\n * **Note**: You can move the selection to the caption right away as it shows up upon executing this command by using\n * the `focusCaptionOnShow` option:\n *\n * ```ts\n * editor.execute( 'toggleTableCaption', { focusCaptionOnShow: true } );\n * ```\n */ class ToggleTableCaptionCommand extends Command {\n    /**\n\t * @inheritDoc\n\t */ refresh() {\n        const editor = this.editor;\n        const tableElement = getSelectionAffectedTable(editor.model.document.selection);\n        this.isEnabled = !!tableElement && editor.model.schema.checkChild(tableElement, 'caption');\n        if (!this.isEnabled) {\n            this.value = false;\n        } else {\n            this.value = !!getCaptionFromTableModelElement(tableElement);\n        }\n    }\n    /**\n\t * Executes the command.\n\t *\n\t * ```ts\n\t * editor.execute( 'toggleTableCaption' );\n\t * ```\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.focusCaptionOnShow When true and the caption shows up, the selection will be moved into it straight away.\n\t * @fires execute\n\t */ execute({ focusCaptionOnShow = false } = {}) {\n        this.editor.model.change((writer)=>{\n            if (this.value) {\n                this._hideTableCaption(writer);\n            } else {\n                this._showTableCaption(writer, focusCaptionOnShow);\n            }\n        });\n    }\n    /**\n\t * Shows the table caption. Also:\n\t *\n\t * * it attempts to restore the caption content from the `TableCaptionEditing` caption registry,\n\t * * it moves the selection to the caption right away, it the `focusCaptionOnShow` option was set.\n\t *\n\t * @param focusCaptionOnShow Default focus behavior when showing the caption.\n\t */ _showTableCaption(writer, focusCaptionOnShow) {\n        const model = this.editor.model;\n        const tableElement = getSelectionAffectedTable(model.document.selection);\n        const tableCaptionEditing = this.editor.plugins.get('TableCaptionEditing');\n        const savedCaptionElement = tableCaptionEditing._getSavedCaption(tableElement);\n        // Try restoring the caption from the TableCaptionEditing plugin storage.\n        const newCaptionElement = savedCaptionElement || writer.createElement('caption');\n        model.insertContent(newCaptionElement, tableElement, 'end');\n        if (focusCaptionOnShow) {\n            writer.setSelection(newCaptionElement, 'in');\n        }\n    }\n    /**\n\t * Hides the caption of a selected table (or an table caption the selection is anchored to).\n\t *\n\t * The content of the caption is stored in the `TableCaptionEditing` caption registry to make this\n\t * a reversible action.\n\t */ _hideTableCaption(writer) {\n        const model = this.editor.model;\n        const tableElement = getSelectionAffectedTable(model.document.selection);\n        const tableCaptionEditing = this.editor.plugins.get('TableCaptionEditing');\n        const captionElement = getCaptionFromTableModelElement(tableElement);\n        // Store the caption content so it can be restored quickly if the user changes their mind.\n        tableCaptionEditing._saveCaption(tableElement, captionElement);\n        model.deleteContent(writer.createSelection(captionElement, 'on'));\n    }\n}\n\n/**\n * The table caption editing plugin.\n */ class TableCaptionEditing extends Plugin {\n    /**\n\t * A map that keeps saved JSONified table captions and table model elements they are\n\t * associated with.\n\t *\n\t * To learn more about this system, see {@link #_saveCaption}.\n\t */ _savedCaptionsMap = new WeakMap();\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableCaptionEditing';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const schema = editor.model.schema;\n        const view = editor.editing.view;\n        const t = editor.t;\n        const useCaptionElement = editor.config.get('table.tableCaption.useCaptionElement');\n        if (!schema.isRegistered('caption')) {\n            schema.register('caption', {\n                allowIn: 'table',\n                allowContentOf: '$block',\n                isLimit: true\n            });\n        } else {\n            schema.extend('caption', {\n                allowIn: 'table'\n            });\n        }\n        editor.commands.add('toggleTableCaption', new ToggleTableCaptionCommand(this.editor));\n        if (useCaptionElement) {\n            const tableEditing = editor.plugins.get('TableEditing');\n            tableEditing.registerAdditionalSlot({\n                filter: (element)=>element.is('element', 'caption'),\n                positionOffset: 'end'\n            });\n        }\n        // View -> model converter for the data pipeline.\n        editor.conversion.for('upcast').elementToElement({\n            view: matchTableCaptionViewElement,\n            model: 'caption'\n        });\n        // Model -> view converter for the data pipeline.\n        editor.conversion.for('dataDowncast').elementToElement({\n            model: 'caption',\n            view: (modelElement, { writer })=>{\n                if (!isTable(modelElement.parent)) {\n                    return null;\n                }\n                return writer.createContainerElement(useCaptionElement ? 'caption' : 'figcaption');\n            }\n        });\n        // Model -> view converter for the editing pipeline.\n        editor.conversion.for('editingDowncast').elementToElement({\n            model: 'caption',\n            view: (modelElement, { writer })=>{\n                if (!isTable(modelElement.parent)) {\n                    return null;\n                }\n                const captionElement = writer.createEditableElement(useCaptionElement ? 'caption' : 'figcaption');\n                writer.setCustomProperty('tableCaption', true, captionElement);\n                captionElement.placeholder = t('Enter table caption');\n                enableViewPlaceholder({\n                    view,\n                    element: captionElement,\n                    keepOnFocus: true\n                });\n                return toWidgetEditable(captionElement, writer);\n            }\n        });\n        injectTableCaptionPostFixer(editor.model);\n    }\n    /**\n\t * Returns the saved {@link module:engine/model/element~ModelElement#toJSON JSONified} caption\n\t * of a table model element.\n\t *\n\t * See {@link #_saveCaption}.\n\t *\n\t * @internal\n\t * @param tableModelElement The model element the caption should be returned for.\n\t * @returns The model caption element or `null` if there is none.\n\t */ _getSavedCaption(tableModelElement) {\n        const jsonObject = this._savedCaptionsMap.get(tableModelElement);\n        return jsonObject ? ModelElement.fromJSON(jsonObject) : null;\n    }\n    /**\n\t * Saves a {@link module:engine/model/element~ModelElement#toJSON JSONified} caption for\n\t * a table element to allow restoring it in the future.\n\t *\n\t * A caption is saved every time it gets hidden. The\n\t * user should be able to restore it on demand.\n\t *\n\t * **Note**: The caption cannot be stored in the table model element attribute because,\n\t * for instance, when the model state propagates to collaborators, the attribute would get\n\t * lost (mainly because it does not convert to anything when the caption is hidden) and\n\t * the states of collaborators' models would de-synchronize causing numerous issues.\n\t *\n\t * See {@link #_getSavedCaption}.\n\t *\n\t * @internal\n\t * @param tableModelElement The model element the caption is saved for.\n\t * @param caption The caption model element to be saved.\n\t */ _saveCaption(tableModelElement, caption) {\n        this._savedCaptionsMap.set(tableModelElement, caption.toJSON());\n    }\n}\n\n/**\n  * The table caption UI plugin. It introduces the `'toggleTableCaption'` UI button.\n  */ class TableCaptionUI extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableCaptionUI';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const editingView = editor.editing.view;\n        const t = editor.t;\n        editor.ui.componentFactory.add('toggleTableCaption', (locale)=>{\n            const command = editor.commands.get('toggleTableCaption');\n            const view = new ButtonView(locale);\n            view.set({\n                icon: IconCaption,\n                tooltip: true,\n                isToggleable: true\n            });\n            view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');\n            view.bind('label').to(command, 'value', (value)=>value ? t('Toggle caption off') : t('Toggle caption on'));\n            this.listenTo(view, 'execute', ()=>{\n                editor.execute('toggleTableCaption', {\n                    focusCaptionOnShow: true\n                });\n                // Scroll to the selection and highlight the caption if the caption showed up.\n                if (command.value) {\n                    const modelCaptionElement = getCaptionFromModelSelection(editor.model.document.selection);\n                    const figcaptionElement = editor.editing.mapper.toViewElement(modelCaptionElement);\n                    if (!figcaptionElement) {\n                        return;\n                    }\n                    editingView.scrollToTheSelection();\n                    editingView.change((writer)=>{\n                        writer.addClass('table__caption_highlighted', figcaptionElement);\n                    });\n                }\n                editor.editing.view.focus();\n            });\n            return view;\n        });\n    }\n}\n\n/**\n * The table caption plugin.\n */ class TableCaption extends Plugin {\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableCaption';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            TableCaptionEditing,\n            TableCaptionUI\n        ];\n    }\n}\n\n/**\n * Returns an object containing pairs of CSS border style values and their localized UI\n * labels. Used by {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView}\n * and {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView}.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */ function getBorderStyleLabels(t) {\n    return {\n        none: t('None'),\n        solid: t('Solid'),\n        dotted: t('Dotted'),\n        dashed: t('Dashed'),\n        double: t('Double'),\n        groove: t('Groove'),\n        ridge: t('Ridge'),\n        inset: t('Inset'),\n        outset: t('Outset')\n    };\n}\n/**\n * Generates item definitions for a UI dropdown that allows changing the border style of a table or a table cell.\n *\n * @internal\n * @param defaultStyle The default border.\n */ function getBorderStyleDefinitions(view, defaultStyle) {\n    const itemDefinitions = new Collection();\n    const styleLabels = getBorderStyleLabels(view.t);\n    for(const style in styleLabels){\n        const definition = {\n            type: 'button',\n            model: new UIModel({\n                _borderStyleValue: style,\n                label: styleLabels[style],\n                role: 'menuitemradio',\n                withText: true\n            })\n        };\n        if (style === 'none') {\n            definition.model.bind('isOn').to(view, 'borderStyle', (value)=>{\n                if (defaultStyle === 'none') {\n                    return !value;\n                }\n                return value === style;\n            });\n        } else {\n            definition.model.bind('isOn').to(view, 'borderStyle', (value)=>{\n                return value === style;\n            });\n        }\n        itemDefinitions.add(definition);\n    }\n    return itemDefinitions;\n}\n/**\n * A helper that fills a toolbar with buttons that:\n *\n * * have some labels,\n * * have some icons,\n * * set a certain UI view property value upon execution.\n *\n * @internal\n * @param options Configuration options\n * @param options.view The view that has the observable property.\n * @param options.icons Object with button icons.\n * @param options.toolbar The toolbar to fill with buttons.\n * @param options.labels Object with button labels.\n * @param options.propertyName The name of the observable property in the view.\n * @param options.nameToValue A function that maps a button name to a value. By default names are the same as values.\n * @param options.defaultValue Default value for the property.\n */ function fillToolbar(options) {\n    const { view, icons, toolbar, labels, propertyName, nameToValue, defaultValue } = options;\n    for(const name in labels){\n        const button = new ButtonView(view.locale);\n        button.set({\n            role: 'radio',\n            isToggleable: true,\n            label: labels[name],\n            icon: icons[name],\n            tooltip: labels[name]\n        });\n        // If specified the `nameToValue()` callback, map the value based on the option's name.\n        const buttonValue = nameToValue ? nameToValue(name) : name;\n        button.bind('isOn').to(view, propertyName, (value)=>{\n            // `value` comes from `view[ propertyName ]`.\n            let valueToCompare = value;\n            // If it's empty, and the `defaultValue` is specified, use it instead.\n            if (value === '' && defaultValue) {\n                valueToCompare = defaultValue;\n            }\n            return buttonValue === valueToCompare;\n        });\n        button.on('execute', ()=>{\n            // Allow toggling alignment if there is no default value specified (especially for layout tables).\n            if (!defaultValue && buttonValue && view[propertyName] === buttonValue) {\n                view[propertyName] = undefined;\n            } else {\n                view[propertyName] = buttonValue;\n            }\n        });\n        toolbar.items.add(button);\n    }\n}\n/**\n * Returns a creator for a color input with a label.\n *\n * For given options, it returns a function that creates an instance of a\n * {@link module:table/ui/colorinputview~ColorInputView color input} logically related to\n * a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in the DOM.\n *\n * The helper does the following:\n *\n * * It sets the color input `id` and `ariaDescribedById` attributes.\n * * It binds the color input `isReadOnly` to the labeled view.\n * * It binds the color input `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when the user starts typing in the color input.\n *\n * Usage:\n *\n * ```ts\n * const colorInputCreator = getLabeledColorInputCreator( {\n *   colorConfig: [ ... ],\n *   columns: 3,\n * } );\n *\n * const labeledInputView = new LabeledFieldView( locale, colorInputCreator );\n * console.log( labeledInputView.view ); // A color input instance.\n * ```\n *\n * @internal\n * @param options Color input options.\n * @param options.colorConfig The configuration of the color palette displayed in the input's dropdown.\n * @param options.columns The configuration of the number of columns the color palette consists of in the input's dropdown.\n * @param options.defaultColorValue If specified, the color input view will replace the \"Remove color\" button with\n * the \"Restore default\" button. Instead of clearing the input field, the default color value will be set.\n * @param options.colorPickerConfig The configuration of the color picker. You could disable it or define your output format.\n */ function getLabeledColorInputCreator(options) {\n    return (labeledFieldView, viewUid, statusUid)=>{\n        const colorInputView = new ColorInputView(labeledFieldView.locale, {\n            colorDefinitions: colorConfigToColorGridDefinitions(options.colorConfig),\n            columns: options.columns,\n            defaultColorValue: options.defaultColorValue,\n            colorPickerConfig: options.colorPickerConfig\n        });\n        colorInputView.inputView.set({\n            id: viewUid,\n            ariaDescribedById: statusUid\n        });\n        colorInputView.bind('isReadOnly').to(labeledFieldView, 'isEnabled', (value)=>!value);\n        colorInputView.bind('hasError').to(labeledFieldView, 'errorText', (value)=>!!value);\n        colorInputView.on('input', ()=>{\n            // UX: Make the error text disappear and disable the error indicator as the user\n            // starts fixing the errors.\n            labeledFieldView.errorText = null;\n        });\n        labeledFieldView.bind('isEmpty', 'isFocused').to(colorInputView);\n        return colorInputView;\n    };\n}\nfunction colorConfigToColorGridDefinitions(colorConfig) {\n    return colorConfig.map((item)=>({\n            color: item.model,\n            label: item.label,\n            options: {\n                hasBorder: item.hasBorder\n            }\n        }));\n}\n\n/**\n * The class representing a table properties form, allowing users to customize\n * certain style aspects of a table, for instance, border, background color, alignment, etc..\n */ class TablePropertiesViewExperimental extends View {\n    /**\n\t * Options passed to the view. See {@link #constructor} to learn more.\n\t */ options;\n    /**\n\t * Tracks information about the DOM focus in the form.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * A collection of child views in the form.\n\t */ children;\n    /**\n\t * A dropdown that allows selecting the style of the table border.\n\t */ borderStyleDropdown;\n    /**\n\t * An input that allows specifying the width of the table border.\n\t */ borderWidthInput;\n    /**\n\t * An input that allows specifying the color of the table border.\n\t */ borderColorInput;\n    /**\n\t * An input that allows specifying the table background color.\n\t */ backgroundInput;\n    /**\n\t * An input that allows specifying the table width.\n\t */ widthInput;\n    /**\n\t * An input that allows specifying the table height.\n\t */ heightInput;\n    /**\n\t * A toolbar with buttons that allow changing the alignment of an entire table.\n\t */ alignmentToolbar;\n    /**\n\t * The \"Save\" button view.\n\t */ saveButtonView;\n    /**\n\t * The \"Cancel\" button view.\n\t */ cancelButtonView;\n    /**\n\t * The Back button view displayed in the header.\n\t */ backButtonView;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables;\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Additional configuration of the view.\n\t */ constructor(locale, options){\n        super(locale);\n        this.set({\n            borderStyle: '',\n            borderWidth: '',\n            borderColor: '',\n            backgroundColor: '',\n            width: '',\n            height: '',\n            alignment: ''\n        });\n        this.options = options;\n        const { borderStyleDropdown, borderWidthInput, borderColorInput, borderRowLabel } = this._createBorderFields();\n        const { backgroundRowLabel, backgroundInput } = this._createBackgroundFields();\n        const { widthInput, operatorLabel, heightInput, dimensionsLabel } = this._createDimensionFields();\n        const { alignmentToolbar, alignmentLabel } = this._createAlignmentFields();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.children = this.createCollection();\n        this.borderStyleDropdown = borderStyleDropdown;\n        this.borderWidthInput = borderWidthInput;\n        this.borderColorInput = borderColorInput;\n        this.backgroundInput = backgroundInput;\n        this.widthInput = widthInput;\n        this.heightInput = heightInput;\n        this.alignmentToolbar = alignmentToolbar;\n        // Defer creating to make sure other fields are present and the Save button can\n        // bind its #isEnabled to their error messages so there's no way to save unless all\n        // fields are valid.\n        const { saveButtonView, cancelButtonView } = this._createActionButtons();\n        this.saveButtonView = saveButtonView;\n        this.cancelButtonView = cancelButtonView;\n        this.backButtonView = this._createBackButton();\n        this._focusables = new ViewCollection();\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        // Form header.\n        const headerView = new FormHeaderView(locale, {\n            label: this.t('Table properties')\n        });\n        headerView.children.add(this.backButtonView, 0);\n        this.children.add(headerView);\n        // Border row.\n        this.children.add(new FormRowView(locale, {\n            labelView: borderRowLabel,\n            children: [\n                borderRowLabel,\n                borderStyleDropdown,\n                borderWidthInput,\n                borderColorInput\n            ],\n            class: 'ck-table-form__border-row'\n        }));\n        this.children.add(new FormRowView(locale, {\n            children: [\n                // Dimensions row.\n                new FormRowView(locale, {\n                    labelView: dimensionsLabel,\n                    children: [\n                        dimensionsLabel,\n                        widthInput,\n                        operatorLabel,\n                        heightInput\n                    ],\n                    class: 'ck-table-form__dimensions-row'\n                }),\n                // Background row.\n                new FormRowView(locale, {\n                    labelView: backgroundRowLabel,\n                    children: [\n                        backgroundRowLabel,\n                        backgroundInput\n                    ],\n                    class: 'ck-table-form__background-row'\n                })\n            ]\n        }));\n        // Alignment row.\n        this.children.add(new FormRowView(locale, {\n            labelView: alignmentLabel,\n            children: [\n                alignmentLabel,\n                alignmentToolbar\n            ],\n            class: 'ck-table-properties-form__alignment-row'\n        }));\n        // Action row.\n        this.children.add(new FormRowView(locale, {\n            children: [\n                this.cancelButtonView,\n                this.saveButtonView\n            ],\n            class: 'ck-table-form__action-row'\n        }));\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form',\n                    'ck-table-form',\n                    'ck-table-properties-form',\n                    'ck-table-properties-form_experimental'\n                ],\n                // https://github.com/ckeditor/ckeditor5-link/issues/90\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        // Enable the \"submit\" event for this view. It can be triggered by the #saveButtonView\n        // which is of the \"submit\" DOM \"type\".\n        submitHandler({\n            view: this\n        });\n        // Maintain continuous focus cycling over views that have focusable children and focus cyclers themselves.\n        [\n            this.borderColorInput,\n            this.backgroundInput\n        ].forEach((view)=>{\n            this._focusCycler.chain(view.fieldView.focusCycler);\n        });\n        [\n            this.borderStyleDropdown,\n            this.borderWidthInput,\n            this.borderColorInput,\n            this.widthInput,\n            this.heightInput,\n            this.backgroundInput,\n            this.alignmentToolbar,\n            this.cancelButtonView,\n            this.saveButtonView,\n            this.backButtonView\n        ].forEach((view)=>{\n            // Register the view as focusable.\n            this._focusables.add(view);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(view.element);\n        });\n        // Mainly for closing using \"Esc\" and navigation using \"Tab\".\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the fist focusable field in the form.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #borderStyleDropdown},\n\t * * {@link #borderWidthInput},\n\t * * {@link #borderColorInput}.\n\t */ _createBorderFields() {\n        const defaultTableProperties = this.options.defaultTableProperties;\n        const defaultBorder = {\n            style: defaultTableProperties.borderStyle,\n            width: defaultTableProperties.borderWidth,\n            color: defaultTableProperties.borderColor\n        };\n        const colorInputCreator = getLabeledColorInputCreator({\n            colorConfig: this.options.borderColors,\n            columns: 5,\n            defaultColorValue: defaultBorder.color,\n            colorPickerConfig: this.options.colorPickerConfig\n        });\n        const locale = this.locale;\n        const t = this.t;\n        const accessibleLabel = t('Style');\n        // -- Group label ---------------------------------------------\n        const borderRowLabel = new LabelView(locale);\n        borderRowLabel.text = t('Border');\n        // -- Style ---------------------------------------------------\n        const styleLabels = getBorderStyleLabels(t);\n        const borderStyleDropdown = new LabeledFieldView(locale, createLabeledDropdown);\n        borderStyleDropdown.set({\n            label: accessibleLabel,\n            class: 'ck-table-form__border-style'\n        });\n        borderStyleDropdown.fieldView.buttonView.set({\n            ariaLabel: accessibleLabel,\n            ariaLabelledBy: undefined,\n            isOn: false,\n            withText: true,\n            tooltip: accessibleLabel\n        });\n        borderStyleDropdown.fieldView.buttonView.bind('label').to(this, 'borderStyle', (value)=>{\n            return styleLabels[value ? value : 'none'];\n        });\n        borderStyleDropdown.fieldView.on('execute', (evt)=>{\n            this.borderStyle = evt.source._borderStyleValue;\n        });\n        borderStyleDropdown.bind('isEmpty').to(this, 'borderStyle', (value)=>!value);\n        addListToDropdown(borderStyleDropdown.fieldView, getBorderStyleDefinitions(this, defaultBorder.style), {\n            role: 'menu',\n            ariaLabel: accessibleLabel\n        });\n        // -- Width ---------------------------------------------------\n        const borderWidthInput = new LabeledFieldView(locale, createLabeledInputText);\n        borderWidthInput.set({\n            label: t('Width'),\n            class: 'ck-table-form__border-width'\n        });\n        borderWidthInput.fieldView.bind('value').to(this, 'borderWidth');\n        borderWidthInput.bind('isEnabled').to(this, 'borderStyle', isBorderStyleSet$1);\n        borderWidthInput.fieldView.on('input', ()=>{\n            this.borderWidth = borderWidthInput.fieldView.element.value;\n        });\n        // -- Color ---------------------------------------------------\n        const borderColorInput = new LabeledFieldView(locale, colorInputCreator);\n        borderColorInput.set({\n            label: t('Color'),\n            class: 'ck-table-form__border-color'\n        });\n        borderColorInput.fieldView.bind('value').to(this, 'borderColor');\n        borderColorInput.bind('isEnabled').to(this, 'borderStyle', isBorderStyleSet$1);\n        borderColorInput.fieldView.on('input', ()=>{\n            this.borderColor = borderColorInput.fieldView.value;\n        });\n        // Reset the border color and width fields depending on the `border-style` value.\n        this.on('change:borderStyle', (evt, name, newValue, oldValue)=>{\n            // When removing the border (`border-style:none`), clear the remaining `border-*` properties.\n            // See: https://github.com/ckeditor/ckeditor5/issues/6227.\n            if (!isBorderStyleSet$1(newValue)) {\n                this.borderColor = '';\n                this.borderWidth = '';\n            }\n            // When setting the `border-style` from `none`, set the default `border-color` and `border-width` properties.\n            if (!isBorderStyleSet$1(oldValue)) {\n                this.borderColor = defaultBorder.color;\n                this.borderWidth = defaultBorder.width;\n            }\n        });\n        return {\n            borderRowLabel,\n            borderStyleDropdown,\n            borderColorInput,\n            borderWidthInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #backgroundInput}.\n\t */ _createBackgroundFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Group label ---------------------------------------------\n        const backgroundRowLabel = new LabelView(locale);\n        backgroundRowLabel.text = t('Background');\n        // -- Background color input -----------------------------------\n        const backgroundInputCreator = getLabeledColorInputCreator({\n            colorConfig: this.options.backgroundColors,\n            columns: 5,\n            defaultColorValue: this.options.defaultTableProperties.backgroundColor,\n            colorPickerConfig: this.options.colorPickerConfig\n        });\n        const backgroundInput = new LabeledFieldView(locale, backgroundInputCreator);\n        backgroundInput.set({\n            label: t('Color'),\n            class: 'ck-table-properties-form__background'\n        });\n        backgroundInput.fieldView.bind('value').to(this, 'backgroundColor');\n        backgroundInput.fieldView.on('input', ()=>{\n            this.backgroundColor = backgroundInput.fieldView.value;\n        });\n        return {\n            backgroundRowLabel,\n            backgroundInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #widthInput},\n\t * * {@link #heightInput}.\n\t */ _createDimensionFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Label ---------------------------------------------------\n        const dimensionsLabel = new LabelView(locale);\n        dimensionsLabel.text = t('Dimensions');\n        // -- Width ---------------------------------------------------\n        const widthInput = new LabeledFieldView(locale, createLabeledInputText);\n        widthInput.set({\n            label: t('Width'),\n            class: 'ck-table-form__dimensions-row__width'\n        });\n        widthInput.fieldView.bind('value').to(this, 'width');\n        widthInput.fieldView.on('input', ()=>{\n            this.width = widthInput.fieldView.element.value;\n        });\n        // -- Operator ---------------------------------------------------\n        const operatorLabel = new View(locale);\n        operatorLabel.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck-table-form__dimension-operator'\n                ]\n            },\n            children: [\n                {\n                    text: '×'\n                }\n            ]\n        });\n        // -- Height ---------------------------------------------------\n        const heightInput = new LabeledFieldView(locale, createLabeledInputText);\n        heightInput.set({\n            label: t('Height'),\n            class: 'ck-table-form__dimensions-row__height'\n        });\n        heightInput.fieldView.bind('value').to(this, 'height');\n        heightInput.fieldView.on('input', ()=>{\n            this.height = heightInput.fieldView.element.value;\n        });\n        return {\n            dimensionsLabel,\n            widthInput,\n            operatorLabel,\n            heightInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #alignmentToolbar}.\n\t */ _createAlignmentFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Label ---------------------------------------------------\n        const alignmentLabel = new LabelView(locale);\n        alignmentLabel.text = t('Table Alignment');\n        // -- Toolbar ---------------------------------------------------\n        const alignmentToolbar = new ToolbarView(locale);\n        alignmentToolbar.set({\n            role: 'radiogroup',\n            isCompact: true,\n            ariaLabel: t('Table alignment toolbar')\n        });\n        fillToolbar({\n            view: this,\n            icons: {\n                left: IconObjectInlineLeft,\n                center: IconObjectCenter,\n                right: IconObjectInlineRight,\n                blockLeft: IconObjectLeft,\n                blockRight: IconObjectRight\n            },\n            toolbar: alignmentToolbar,\n            labels: this._alignmentLabels,\n            propertyName: 'alignment',\n            defaultValue: this.options.defaultTableProperties.alignment\n        });\n        return {\n            alignmentLabel,\n            alignmentToolbar\n        };\n    }\n    /**\n\t * Creates the following form controls:\n\t *\n\t * * {@link #saveButtonView},\n\t * * {@link #cancelButtonView}.\n\t */ _createActionButtons() {\n        const locale = this.locale;\n        const t = this.t;\n        const saveButtonView = new ButtonView(locale);\n        const cancelButtonView = new ButtonView(locale);\n        const fieldsThatShouldValidateToSave = [\n            this.borderWidthInput,\n            this.borderColorInput,\n            this.backgroundInput,\n            this.widthInput,\n            this.heightInput\n        ];\n        saveButtonView.set({\n            label: t('Save'),\n            class: 'ck-button-action',\n            type: 'submit',\n            withText: true\n        });\n        saveButtonView.bind('isEnabled').toMany(fieldsThatShouldValidateToSave, 'errorText', (...errorTexts)=>{\n            return errorTexts.every((errorText)=>!errorText);\n        });\n        cancelButtonView.set({\n            label: t('Cancel'),\n            withText: true\n        });\n        cancelButtonView.delegate('execute').to(this, 'cancel');\n        return {\n            saveButtonView,\n            cancelButtonView\n        };\n    }\n    /**\n\t * Creates a back button view that cancels the form.\n\t */ _createBackButton() {\n        const t = this.locale.t;\n        const backButton = new ButtonView(this.locale);\n        backButton.set({\n            class: 'ck-button-back',\n            label: t('Back'),\n            icon: IconPreviousArrow,\n            tooltip: true\n        });\n        backButton.delegate('execute').to(this, 'cancel');\n        return backButton;\n    }\n    /**\n\t * Provides localized labels for {@link #alignmentToolbar} buttons.\n\t */ get _alignmentLabels() {\n        const locale = this.locale;\n        const t = this.t;\n        const blockLeft = t('Align table to the left with no text wrapping');\n        const blockRight = t('Align table to the right with no text wrapping');\n        const left = t('Align table to the left with text wrapping');\n        const center = t('Center table with no text wrapping');\n        const right = t('Align table to the right with text wrapping');\n        // Returns object with a proper order of labels.\n        if (locale.uiLanguageDirection === 'rtl') {\n            return {\n                right,\n                left,\n                blockRight,\n                center,\n                blockLeft\n            };\n        }\n        return {\n            blockLeft,\n            center,\n            blockRight,\n            left,\n            right\n        };\n    }\n}\nfunction isBorderStyleSet$1(value) {\n    return value !== 'none';\n}\n\nconst ERROR_TEXT_TIMEOUT$1 = 500;\n// Map of view properties and related commands.\nconst propertyToCommandMap$1 = {\n    borderStyle: 'tableBorderStyle',\n    borderColor: 'tableBorderColor',\n    borderWidth: 'tableBorderWidth',\n    backgroundColor: 'tableBackgroundColor',\n    width: 'tableWidth',\n    height: 'tableHeight',\n    alignment: 'tableAlignment'\n};\n/**\n * The table properties UI plugin. It introduces the `'tableProperties'` button\n * that opens a form allowing to specify visual styling of an entire table.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */ class TablePropertiesUIExperimental extends Plugin {\n    /**\n\t * The default table properties.\n\t */ _defaultContentTableProperties;\n    /**\n\t * The default layout table properties.\n\t */ _defaultLayoutTableProperties;\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    /**\n\t * The properties form view displayed inside the balloon.\n\t */ view = null;\n    /**\n\t * The properties form view displayed inside the balloon (content table).\n\t */ _viewWithContentTableDefaults = null;\n    /**\n\t * The properties form view displayed inside the balloon (layout table).\n\t */ _viewWithLayoutTableDefaults = null;\n    /**\n\t * The batch used to undo all changes made by the form (which are live, as the user types)\n\t * when \"Cancel\" was pressed. Each time the view is shown, a new batch is created.\n\t */ _undoStepBatch;\n    /**\n\t * Flag used to indicate whether view is ready to execute update commands\n\t * (it finished loading initial data).\n\t */ _isReady;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TablePropertiesUIExperimental';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('table.tableProperties', {\n            borderColors: defaultColors,\n            backgroundColors: defaultColors\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        this._defaultContentTableProperties = getNormalizedDefaultTableProperties(editor.config.get('table.tableProperties.defaultProperties'), {\n            includeAlignmentProperty: true\n        });\n        this._defaultLayoutTableProperties = getNormalizedDefaultProperties();\n        this._balloon = editor.plugins.get(ContextualBalloon);\n        editor.ui.componentFactory.add('tableProperties', ()=>this._createTablePropertiesButton());\n    }\n    /**\n\t * Creates the table properties button.\n\t *\n\t * @internal\n\t */ _createTablePropertiesButton() {\n        const editor = this.editor;\n        const t = editor.t;\n        const view = new ButtonView(editor.locale);\n        view.set({\n            label: t('Table properties'),\n            icon: IconTableProperties,\n            tooltip: true\n        });\n        this.listenTo(view, 'execute', ()=>this._showView());\n        const commands = Object.values(propertyToCommandMap$1).map((commandName)=>editor.commands.get(commandName));\n        view.bind('isEnabled').toMany(commands, 'isEnabled', (...areEnabled)=>areEnabled.some((isCommandEnabled)=>isCommandEnabled));\n        return view;\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed.\n        // See https://github.com/ckeditor/ckeditor5/issues/1341.\n        if (this.view) {\n            this.view.destroy();\n        }\n    }\n    /**\n\t * Creates the {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView} instance.\n\t *\n\t * @returns The table properties form view instance.\n\t */ _createPropertiesView(defaultTableProperties) {\n        const editor = this.editor;\n        const config = editor.config.get('table.tableProperties');\n        const borderColorsConfig = normalizeColorOptions(config.borderColors);\n        const localizedBorderColors = getLocalizedColorOptions(editor.locale, borderColorsConfig);\n        const backgroundColorsConfig = normalizeColorOptions(config.backgroundColors);\n        const localizedBackgroundColors = getLocalizedColorOptions(editor.locale, backgroundColorsConfig);\n        const hasColorPicker = config.colorPicker !== false;\n        const view = new TablePropertiesViewExperimental(editor.locale, {\n            borderColors: localizedBorderColors,\n            backgroundColors: localizedBackgroundColors,\n            defaultTableProperties,\n            colorPickerConfig: hasColorPicker ? config.colorPicker || {} : false\n        });\n        const t = editor.t;\n        // Render the view so its #element is available for the clickOutsideHandler.\n        view.render();\n        this.listenTo(view, 'submit', ()=>{\n            this._hideView();\n        });\n        this.listenTo(view, 'cancel', ()=>{\n            // https://github.com/ckeditor/ckeditor5/issues/6180\n            if (this._undoStepBatch.operations.length) {\n                editor.execute('undo', this._undoStepBatch);\n            }\n            this._hideView();\n        });\n        // Close the balloon on Esc key press.\n        view.keystrokes.set('Esc', (data, cancel)=>{\n            this._hideView();\n            cancel();\n        });\n        // Close on click outside of balloon panel element.\n        clickOutsideHandler({\n            emitter: view,\n            activator: ()=>this._isViewInBalloon,\n            contextElements: [\n                this._balloon.view.element\n            ],\n            callback: ()=>this._hideView()\n        });\n        const colorErrorText = getLocalizedColorErrorText(t);\n        const lengthErrorText = getLocalizedLengthErrorText(t);\n        // Create the \"UI -> editor data\" binding.\n        // These listeners update the editor data (via table commands) when any observable\n        // property of the view has changed. They also validate the value and display errors in the UI\n        // when necessary. This makes the view live, which means the changes are\n        // visible in the editing as soon as the user types or changes fields' values.\n        view.on('change:borderStyle', this._getPropertyChangeCallback('tableBorderStyle'));\n        view.on('change:borderColor', this._getValidatedPropertyChangeCallback({\n            viewField: view.borderColorInput,\n            commandName: 'tableBorderColor',\n            errorText: colorErrorText,\n            validator: colorFieldValidator\n        }));\n        view.on('change:borderWidth', this._getValidatedPropertyChangeCallback({\n            viewField: view.borderWidthInput,\n            commandName: 'tableBorderWidth',\n            errorText: lengthErrorText,\n            validator: lineWidthFieldValidator\n        }));\n        view.on('change:backgroundColor', this._getValidatedPropertyChangeCallback({\n            viewField: view.backgroundInput,\n            commandName: 'tableBackgroundColor',\n            errorText: colorErrorText,\n            validator: colorFieldValidator\n        }));\n        view.on('change:width', this._getValidatedPropertyChangeCallback({\n            viewField: view.widthInput,\n            commandName: 'tableWidth',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:height', this._getValidatedPropertyChangeCallback({\n            viewField: view.heightInput,\n            commandName: 'tableHeight',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:alignment', this._getPropertyChangeCallback('tableAlignment'));\n        return view;\n    }\n    /**\n\t * In this method the \"editor data -> UI\" binding is happening.\n\t *\n\t * When executed, this method obtains selected table property values from various table commands\n\t * and passes them to the {@link #view}.\n\t *\n\t * This way, the UI stays up–to–date with the editor data.\n\t */ _fillViewFormFromCommandValues() {\n        const commands = this.editor.commands;\n        const borderStyleCommand = commands.get('tableBorderStyle');\n        Object.entries(propertyToCommandMap$1).map(([property, commandName])=>{\n            const propertyKey = property;\n            const defaultValue = this.view === this._viewWithContentTableDefaults ? this._defaultContentTableProperties[propertyKey] || '' : this._defaultLayoutTableProperties[propertyKey] || '';\n            return [\n                propertyKey,\n                commands.get(commandName).value || defaultValue\n            ];\n        }).forEach(([property, value])=>{\n            // Do not set the `border-color` and `border-width` fields if `border-style:none`.\n            if ((property === 'borderColor' || property === 'borderWidth') && borderStyleCommand.value === 'none') {\n                return;\n            }\n            this.view.set(property, value);\n        });\n        this._isReady = true;\n    }\n    /**\n\t * Shows the {@link #view} in the {@link #_balloon}.\n\t *\n\t * **Note**: Each time a view is shown, the new {@link #_undoStepBatch} is created that contains\n\t * all changes made to the document when the view is visible, allowing a single undo step\n\t * for all of them.\n\t */ _showView() {\n        const editor = this.editor;\n        const viewTable = getSelectionAffectedTableWidget(editor.editing.view.document.selection);\n        const modelTable = viewTable && editor.editing.mapper.toModelElement(viewTable);\n        const useDefaults = !modelTable || modelTable.getAttribute('tableType') !== 'layout';\n        if (useDefaults && !this._viewWithContentTableDefaults) {\n            this._viewWithContentTableDefaults = this._createPropertiesView(this._defaultContentTableProperties);\n        } else if (!useDefaults && !this._viewWithLayoutTableDefaults) {\n            this._viewWithLayoutTableDefaults = this._createPropertiesView(this._defaultLayoutTableProperties);\n        }\n        this.view = useDefaults ? this._viewWithContentTableDefaults : this._viewWithLayoutTableDefaults;\n        this.listenTo(editor.ui, 'update', ()=>{\n            this._updateView();\n        });\n        // Update the view with the model values.\n        this._fillViewFormFromCommandValues();\n        this._balloon.add({\n            view: this.view,\n            position: getBalloonTablePositionData(editor)\n        });\n        // Create a new batch. Clicking \"Cancel\" will undo this batch.\n        this._undoStepBatch = editor.model.createBatch();\n        // Basic a11y.\n        this.view.focus();\n    }\n    /**\n\t * Removes the {@link #view} from the {@link #_balloon}.\n\t */ _hideView() {\n        const editor = this.editor;\n        this.stopListening(editor.ui, 'update');\n        this._isReady = false;\n        // Blur any input element before removing it from DOM to prevent issues in some browsers.\n        // See https://github.com/ckeditor/ckeditor5/issues/1501.\n        this.view.saveButtonView.focus();\n        this._balloon.remove(this.view);\n        // Make sure the focus is not lost in the process by putting it directly\n        // into the editing view.\n        this.editor.editing.view.focus();\n    }\n    /**\n\t * Repositions the {@link #_balloon} or hides the {@link #view} if a table is no longer selected.\n\t */ _updateView() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        if (!getSelectionAffectedTableWidget(viewDocument.selection)) {\n            this._hideView();\n        } else if (this._isViewVisible) {\n            repositionContextualBalloon(editor, 'table');\n        }\n    }\n    /**\n\t * Returns `true` when the {@link #view} is the visible in the {@link #_balloon}.\n\t */ get _isViewVisible() {\n        return !!this.view && this._balloon.visibleView === this.view;\n    }\n    /**\n\t * Returns `true` when the {@link #view} is in the {@link #_balloon}.\n\t */ get _isViewInBalloon() {\n        return !!this.view && this._balloon.hasView(this.view);\n    }\n    /**\n\t * Creates a callback that when executed upon {@link #view view's} property change\n\t * executes a related editor command with the new property value.\n\t *\n\t * If new value will be set to the default value, the command will not be executed.\n\t *\n\t * @param commandName The command that will be executed.\n\t */ _getPropertyChangeCallback(commandName) {\n        return (evt, propertyName, newValue)=>{\n            // Do not execute the command on initial call (opening the table properties view).\n            if (!this._isReady) {\n                return;\n            }\n            this.editor.execute(commandName, {\n                value: newValue,\n                batch: this._undoStepBatch\n            });\n        };\n    }\n    /**\n\t * Creates a callback that when executed upon {@link #view view's} property change:\n\t * * executes a related editor command with the new property value if the value is valid,\n\t * * or sets the error text next to the invalid field, if the value did not pass the validation.\n\t */ _getValidatedPropertyChangeCallback(options) {\n        const { commandName, viewField, validator, errorText } = options;\n        const setErrorTextDebounced = debounce(()=>{\n            viewField.errorText = errorText;\n        }, ERROR_TEXT_TIMEOUT$1);\n        return (evt, propertyName, newValue)=>{\n            setErrorTextDebounced.cancel();\n            // Do not execute the command on initial call (opening the table properties view).\n            if (!this._isReady) {\n                return;\n            }\n            if (validator(newValue)) {\n                this.editor.execute(commandName, {\n                    value: newValue,\n                    batch: this._undoStepBatch\n                });\n                viewField.errorText = null;\n            } else {\n                setErrorTextDebounced();\n            }\n        };\n    }\n}\n\n/**\n * The class representing a table cell properties form, allowing users to customize\n * certain style aspects of a table cell, for instance, border, padding, text alignment, etc..\n */ class TableCellPropertiesViewExperimental extends View {\n    /**\n\t * Options passed to the view. See {@link #constructor} to learn more.\n\t */ options;\n    /**\n\t * Tracks information about the DOM focus in the form.\n\t */ focusTracker;\n    /**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */ keystrokes;\n    /**\n\t * A collection of child views in the form.\n\t */ children;\n    /**\n\t * A dropdown that allows selecting the style of the table cell border.\n\t */ borderStyleDropdown;\n    /**\n\t * An input that allows specifying the width of the table cell border.\n\t */ borderWidthInput;\n    /**\n\t * An input that allows specifying the color of the table cell border.\n\t */ borderColorInput;\n    /**\n\t * An input that allows specifying the table cell background color.\n\t */ backgroundInput;\n    /**\n\t * An input that allows specifying the table cell padding.\n\t */ paddingInput;\n    /**\n\t * An input that allows specifying the table cell width.\n\t */ widthInput;\n    /**\n\t * An input that allows specifying the table cell height.\n\t */ heightInput;\n    /**\n\t * A toolbar with buttons that allow changing the horizontal text alignment in a table cell.\n\t */ horizontalAlignmentToolbar;\n    /**\n\t * A toolbar with buttons that allow changing the vertical text alignment in a table cell.\n\t */ verticalAlignmentToolbar;\n    /**\n\t * The \"Save\" button view.\n\t */ saveButtonView;\n    /**\n\t * The \"Cancel\" button view.\n\t */ cancelButtonView;\n    /**\n\t * The \"Back\" button view.\n\t */ backButtonView;\n    /**\n\t * A collection of views that can be focused in the form.\n\t */ _focusables;\n    /**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */ _focusCycler;\n    /**\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Additional configuration of the view.\n\t * @param options.borderColors A configuration of the border color palette used by the\n\t * {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#borderColorInput}.\n\t * @param options.backgroundColors A configuration of the background color palette used by the\n\t * {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#backgroundInput}.\n\t * @param options.defaultTableCellProperties The default table cell properties.\n\t */ constructor(locale, options){\n        super(locale);\n        this.set({\n            borderStyle: '',\n            borderWidth: '',\n            borderColor: '',\n            padding: '',\n            backgroundColor: '',\n            width: '',\n            height: '',\n            horizontalAlignment: '',\n            verticalAlignment: ''\n        });\n        this.options = options;\n        const { borderStyleDropdown, borderWidthInput, borderColorInput, borderRowLabel } = this._createBorderFields();\n        const { backgroundRowLabel, backgroundInput } = this._createBackgroundFields();\n        const { widthInput, operatorLabel, heightInput, dimensionsLabel } = this._createDimensionFields();\n        const { horizontalAlignmentToolbar, verticalAlignmentToolbar, alignmentLabel } = this._createAlignmentFields();\n        this.focusTracker = new FocusTracker();\n        this.keystrokes = new KeystrokeHandler();\n        this.children = this.createCollection();\n        this.borderStyleDropdown = borderStyleDropdown;\n        this.borderWidthInput = borderWidthInput;\n        this.borderColorInput = borderColorInput;\n        this.backgroundInput = backgroundInput;\n        this.paddingInput = this._createPaddingField();\n        this.widthInput = widthInput;\n        this.heightInput = heightInput;\n        this.horizontalAlignmentToolbar = horizontalAlignmentToolbar;\n        this.verticalAlignmentToolbar = verticalAlignmentToolbar;\n        // Defer creating to make sure other fields are present and the Save button can\n        // bind its #isEnabled to their error messages so there's no way to save unless all\n        // fields are valid.\n        const { saveButtonView, cancelButtonView } = this._createActionButtons();\n        this.saveButtonView = saveButtonView;\n        this.cancelButtonView = cancelButtonView;\n        this.backButtonView = this._createBackButton();\n        this._focusables = new ViewCollection();\n        this._focusCycler = new FocusCycler({\n            focusables: this._focusables,\n            focusTracker: this.focusTracker,\n            keystrokeHandler: this.keystrokes,\n            actions: {\n                // Navigate form fields backwards using the Shift + Tab keystroke.\n                focusPrevious: 'shift + tab',\n                // Navigate form fields forwards using the Tab key.\n                focusNext: 'tab'\n            }\n        });\n        // Form header.\n        const header = new FormHeaderView(locale, {\n            label: this.t('Cell properties')\n        });\n        header.children.add(this.backButtonView, 0);\n        this.children.add(header);\n        // Border row.\n        this.children.add(new FormRowView(locale, {\n            labelView: borderRowLabel,\n            children: [\n                borderRowLabel,\n                borderStyleDropdown,\n                borderColorInput,\n                borderWidthInput\n            ],\n            class: 'ck-table-form__border-row'\n        }));\n        // Background.\n        this.children.add(new FormRowView(locale, {\n            labelView: backgroundRowLabel,\n            children: [\n                backgroundRowLabel,\n                backgroundInput\n            ],\n            class: 'ck-table-form__background-row'\n        }));\n        // Dimensions row and padding.\n        this.children.add(new FormRowView(locale, {\n            children: [\n                // Dimensions row.\n                new FormRowView(locale, {\n                    labelView: dimensionsLabel,\n                    children: [\n                        dimensionsLabel,\n                        widthInput,\n                        operatorLabel,\n                        heightInput\n                    ],\n                    class: 'ck-table-form__dimensions-row'\n                }),\n                // Padding row.\n                new FormRowView(locale, {\n                    children: [\n                        this.paddingInput\n                    ],\n                    class: 'ck-table-cell-properties-form__padding-row'\n                })\n            ]\n        }));\n        // Text alignment row.\n        this.children.add(new FormRowView(locale, {\n            labelView: alignmentLabel,\n            children: [\n                alignmentLabel,\n                horizontalAlignmentToolbar,\n                verticalAlignmentToolbar\n            ],\n            class: 'ck-table-cell-properties-form__alignment-row'\n        }));\n        // Action row.\n        this.children.add(new FormRowView(locale, {\n            children: [\n                this.cancelButtonView,\n                this.saveButtonView\n            ],\n            class: 'ck-table-form__action-row'\n        }));\n        this.setTemplate({\n            tag: 'form',\n            attributes: {\n                class: [\n                    'ck',\n                    'ck-form',\n                    'ck-table-form',\n                    'ck-table-cell-properties-form'\n                ],\n                // https://github.com/ckeditor/ckeditor5-link/issues/90\n                tabindex: '-1'\n            },\n            children: this.children\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ render() {\n        super.render();\n        // Enable the \"submit\" event for this view. It can be triggered by the #saveButtonView\n        // which is of the \"submit\" DOM \"type\".\n        submitHandler({\n            view: this\n        });\n        // Maintain continuous focus cycling over views that have focusable children and focus cyclers themselves.\n        [\n            this.borderColorInput,\n            this.backgroundInput\n        ].forEach((view)=>{\n            this._focusCycler.chain(view.fieldView.focusCycler);\n        });\n        [\n            this.borderStyleDropdown,\n            this.borderColorInput,\n            this.borderWidthInput,\n            this.backgroundInput,\n            this.widthInput,\n            this.heightInput,\n            this.paddingInput,\n            this.horizontalAlignmentToolbar,\n            this.verticalAlignmentToolbar,\n            this.cancelButtonView,\n            this.saveButtonView,\n            this.backButtonView\n        ].forEach((view)=>{\n            // Register the view as focusable.\n            this._focusables.add(view);\n            // Register the view in the focus tracker.\n            this.focusTracker.add(view.element);\n        });\n        // Mainly for closing using \"Esc\" and navigation using \"Tab\".\n        this.keystrokes.listenTo(this.element);\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        this.focusTracker.destroy();\n        this.keystrokes.destroy();\n    }\n    /**\n\t * Focuses the fist focusable field in the form.\n\t */ focus() {\n        this._focusCycler.focusFirst();\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #borderStyleDropdown},\n\t * * {@link #borderWidthInput},\n\t * * {@link #borderColorInput}.\n\t */ _createBorderFields() {\n        const defaultTableCellProperties = this.options.defaultTableCellProperties;\n        const defaultBorder = {\n            style: defaultTableCellProperties.borderStyle,\n            width: defaultTableCellProperties.borderWidth,\n            color: defaultTableCellProperties.borderColor\n        };\n        const colorInputCreator = getLabeledColorInputCreator({\n            colorConfig: this.options.borderColors,\n            columns: 5,\n            defaultColorValue: defaultBorder.color,\n            colorPickerConfig: this.options.colorPickerConfig\n        });\n        const locale = this.locale;\n        const t = this.t;\n        const accessibleLabel = t('Style');\n        // -- Group label ---------------------------------------------\n        const borderRowLabel = new LabelView(locale);\n        borderRowLabel.text = t('Border');\n        // -- Style ---------------------------------------------------\n        const styleLabels = getBorderStyleLabels(t);\n        const borderStyleDropdown = new LabeledFieldView(locale, createLabeledDropdown);\n        borderStyleDropdown.set({\n            label: accessibleLabel,\n            class: 'ck-table-form__border-style'\n        });\n        borderStyleDropdown.fieldView.buttonView.set({\n            ariaLabel: accessibleLabel,\n            ariaLabelledBy: undefined,\n            isOn: false,\n            withText: true,\n            tooltip: accessibleLabel\n        });\n        borderStyleDropdown.fieldView.buttonView.bind('label').to(this, 'borderStyle', (value)=>{\n            return styleLabels[value ? value : 'none'];\n        });\n        borderStyleDropdown.fieldView.on('execute', (evt)=>{\n            this.borderStyle = evt.source._borderStyleValue;\n        });\n        borderStyleDropdown.bind('isEmpty').to(this, 'borderStyle', (value)=>!value);\n        addListToDropdown(borderStyleDropdown.fieldView, getBorderStyleDefinitions(this, defaultBorder.style), {\n            role: 'menu',\n            ariaLabel: accessibleLabel\n        });\n        // -- Width ---------------------------------------------------\n        const borderWidthInput = new LabeledFieldView(locale, createLabeledInputText);\n        borderWidthInput.set({\n            label: t('Width'),\n            class: 'ck-table-form__border-width'\n        });\n        borderWidthInput.fieldView.bind('value').to(this, 'borderWidth');\n        borderWidthInput.bind('isEnabled').to(this, 'borderStyle', isBorderStyleSet);\n        borderWidthInput.fieldView.on('input', ()=>{\n            this.borderWidth = borderWidthInput.fieldView.element.value;\n        });\n        // -- Color ---------------------------------------------------\n        const borderColorInput = new LabeledFieldView(locale, colorInputCreator);\n        borderColorInput.set({\n            label: t('Color'),\n            class: 'ck-table-form__border-color'\n        });\n        borderColorInput.fieldView.bind('value').to(this, 'borderColor');\n        borderColorInput.bind('isEnabled').to(this, 'borderStyle', isBorderStyleSet);\n        borderColorInput.fieldView.on('input', ()=>{\n            this.borderColor = borderColorInput.fieldView.value;\n        });\n        // Reset the border color and width fields depending on the `border-style` value.\n        this.on('change:borderStyle', (evt, name, newValue, oldValue)=>{\n            // When removing the border (`border-style:none`), clear the remaining `border-*` properties.\n            // See: https://github.com/ckeditor/ckeditor5/issues/6227.\n            if (!isBorderStyleSet(newValue)) {\n                this.borderColor = '';\n                this.borderWidth = '';\n            }\n            // When setting the `border-style` from `none`, set the default `border-color` and `border-width` properties.\n            if (!isBorderStyleSet(oldValue)) {\n                this.borderColor = defaultBorder.color;\n                this.borderWidth = defaultBorder.width;\n            }\n        });\n        return {\n            borderRowLabel,\n            borderStyleDropdown,\n            borderColorInput,\n            borderWidthInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #backgroundInput}.\n\t */ _createBackgroundFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Group label ---------------------------------------------\n        const backgroundRowLabel = new LabelView(locale);\n        backgroundRowLabel.text = t('Background');\n        // -- Background color input -----------------------------------\n        const colorInputCreator = getLabeledColorInputCreator({\n            colorConfig: this.options.backgroundColors,\n            columns: 5,\n            defaultColorValue: this.options.defaultTableCellProperties.backgroundColor,\n            colorPickerConfig: this.options.colorPickerConfig\n        });\n        const backgroundInput = new LabeledFieldView(locale, colorInputCreator);\n        backgroundInput.set({\n            label: t('Color'),\n            class: 'ck-table-cell-properties-form__background'\n        });\n        backgroundInput.fieldView.bind('value').to(this, 'backgroundColor');\n        backgroundInput.fieldView.on('input', ()=>{\n            this.backgroundColor = backgroundInput.fieldView.value;\n        });\n        return {\n            backgroundRowLabel,\n            backgroundInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #widthInput}.\n\t * * {@link #heightInput}.\n\t */ _createDimensionFields() {\n        const locale = this.locale;\n        const t = this.t;\n        // -- Label ---------------------------------------------------\n        const dimensionsLabel = new LabelView(locale);\n        dimensionsLabel.text = t('Dimensions');\n        // -- Width ---------------------------------------------------\n        const widthInput = new LabeledFieldView(locale, createLabeledInputText);\n        widthInput.set({\n            label: t('Width'),\n            class: 'ck-table-form__dimensions-row__width'\n        });\n        widthInput.fieldView.bind('value').to(this, 'width');\n        widthInput.fieldView.on('input', ()=>{\n            this.width = widthInput.fieldView.element.value;\n        });\n        // -- Operator ---------------------------------------------------\n        const operatorLabel = new View(locale);\n        operatorLabel.setTemplate({\n            tag: 'span',\n            attributes: {\n                class: [\n                    'ck-table-form__dimension-operator'\n                ]\n            },\n            children: [\n                {\n                    text: '×'\n                }\n            ]\n        });\n        // -- Height ---------------------------------------------------\n        const heightInput = new LabeledFieldView(locale, createLabeledInputText);\n        heightInput.set({\n            label: t('Height'),\n            class: 'ck-table-form__dimensions-row__height'\n        });\n        heightInput.fieldView.bind('value').to(this, 'height');\n        heightInput.fieldView.on('input', ()=>{\n            this.height = heightInput.fieldView.element.value;\n        });\n        return {\n            dimensionsLabel,\n            widthInput,\n            operatorLabel,\n            heightInput\n        };\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #paddingInput}.\n\t */ _createPaddingField() {\n        const locale = this.locale;\n        const t = this.t;\n        const paddingInput = new LabeledFieldView(locale, createLabeledInputText);\n        paddingInput.set({\n            label: t('Padding'),\n            class: 'ck-table-cell-properties-form__padding'\n        });\n        paddingInput.fieldView.bind('value').to(this, 'padding');\n        paddingInput.fieldView.on('input', ()=>{\n            this.padding = paddingInput.fieldView.element.value;\n        });\n        return paddingInput;\n    }\n    /**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #horizontalAlignmentToolbar},\n\t * * {@link #verticalAlignmentToolbar}.\n\t */ _createAlignmentFields() {\n        const locale = this.locale;\n        const t = this.t;\n        const alignmentLabel = new LabelView(locale);\n        const ALIGNMENT_ICONS = {\n            left: IconAlignLeft,\n            center: IconAlignCenter,\n            right: IconAlignRight,\n            justify: IconAlignJustify,\n            top: IconAlignTop,\n            middle: IconAlignMiddle,\n            bottom: IconAlignBottom\n        };\n        alignmentLabel.text = t('Table cell text alignment');\n        // -- Horizontal ---------------------------------------------------\n        const horizontalAlignmentToolbar = new ToolbarView(locale);\n        const isContentRTL = locale.contentLanguageDirection === 'rtl';\n        horizontalAlignmentToolbar.set({\n            isCompact: true,\n            role: 'radiogroup',\n            ariaLabel: t('Horizontal text alignment toolbar')\n        });\n        fillToolbar({\n            view: this,\n            icons: ALIGNMENT_ICONS,\n            toolbar: horizontalAlignmentToolbar,\n            labels: this._horizontalAlignmentLabels,\n            propertyName: 'horizontalAlignment',\n            nameToValue: (name)=>{\n                // For the RTL content, we want to swap the buttons \"align to the left\" and \"align to the right\".\n                if (isContentRTL) {\n                    if (name === 'left') {\n                        return 'right';\n                    } else if (name === 'right') {\n                        return 'left';\n                    }\n                }\n                return name;\n            },\n            defaultValue: this.options.defaultTableCellProperties.horizontalAlignment\n        });\n        // -- Vertical -----------------------------------------------------\n        const verticalAlignmentToolbar = new ToolbarView(locale);\n        verticalAlignmentToolbar.set({\n            isCompact: true,\n            role: 'radiogroup',\n            ariaLabel: t('Vertical text alignment toolbar')\n        });\n        fillToolbar({\n            view: this,\n            icons: ALIGNMENT_ICONS,\n            toolbar: verticalAlignmentToolbar,\n            labels: this._verticalAlignmentLabels,\n            propertyName: 'verticalAlignment',\n            defaultValue: this.options.defaultTableCellProperties.verticalAlignment\n        });\n        return {\n            horizontalAlignmentToolbar,\n            verticalAlignmentToolbar,\n            alignmentLabel\n        };\n    }\n    /**\n\t * Creates the following form controls:\n\t *\n\t * * {@link #saveButtonView},\n\t * * {@link #cancelButtonView}.\n\t */ _createActionButtons() {\n        const locale = this.locale;\n        const t = this.t;\n        const saveButtonView = new ButtonView(locale);\n        const cancelButtonView = new ButtonView(locale);\n        const fieldsThatShouldValidateToSave = [\n            this.borderWidthInput,\n            this.borderColorInput,\n            this.backgroundInput,\n            this.paddingInput\n        ];\n        saveButtonView.set({\n            label: t('Save'),\n            class: 'ck-button-action',\n            type: 'submit',\n            withText: true\n        });\n        saveButtonView.bind('isEnabled').toMany(fieldsThatShouldValidateToSave, 'errorText', (...errorTexts)=>{\n            return errorTexts.every((errorText)=>!errorText);\n        });\n        cancelButtonView.set({\n            label: t('Cancel'),\n            withText: true\n        });\n        cancelButtonView.delegate('execute').to(this, 'cancel');\n        return {\n            saveButtonView,\n            cancelButtonView\n        };\n    }\n    /**\n\t * Creates a back button view that cancels the form.\n\t */ _createBackButton() {\n        const t = this.locale.t;\n        const backButton = new ButtonView(this.locale);\n        backButton.set({\n            class: 'ck-button-back',\n            label: t('Back'),\n            icon: IconPreviousArrow,\n            tooltip: true\n        });\n        backButton.delegate('execute').to(this, 'cancel');\n        return backButton;\n    }\n    /**\n\t * Provides localized labels for {@link #horizontalAlignmentToolbar} buttons.\n\t */ get _horizontalAlignmentLabels() {\n        const locale = this.locale;\n        const t = this.t;\n        const left = t('Align cell text to the left');\n        const center = t('Align cell text to the center');\n        const right = t('Align cell text to the right');\n        const justify = t('Justify cell text');\n        // Returns object with a proper order of labels.\n        if (locale.uiLanguageDirection === 'rtl') {\n            return {\n                right,\n                center,\n                left,\n                justify\n            };\n        } else {\n            return {\n                left,\n                center,\n                right,\n                justify\n            };\n        }\n    }\n    /**\n\t * Provides localized labels for {@link #verticalAlignmentToolbar} buttons.\n\t */ get _verticalAlignmentLabels() {\n        const t = this.t;\n        return {\n            top: t('Align cell text to the top'),\n            middle: t('Align cell text to the middle'),\n            bottom: t('Align cell text to the bottom')\n        };\n    }\n}\nfunction isBorderStyleSet(value) {\n    return value !== 'none';\n}\n\nconst ERROR_TEXT_TIMEOUT = 500;\n// Map of view properties and related commands.\nconst propertyToCommandMap = {\n    borderStyle: 'tableCellBorderStyle',\n    borderColor: 'tableCellBorderColor',\n    borderWidth: 'tableCellBorderWidth',\n    height: 'tableCellHeight',\n    width: 'tableCellWidth',\n    padding: 'tableCellPadding',\n    backgroundColor: 'tableCellBackgroundColor',\n    horizontalAlignment: 'tableCellHorizontalAlignment',\n    verticalAlignment: 'tableCellVerticalAlignment'\n};\n/**\n * The table cell properties UI plugin. It introduces the `'tableCellProperties'` button\n * that opens a form allowing to specify the visual styling of a table cell.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */ class TableCellPropertiesUIExperimental extends Plugin {\n    /**\n\t * The default table cell properties.\n\t */ _defaultContentTableCellProperties;\n    /**\n\t * The default layout table cell properties.\n\t */ _defaultLayoutTableCellProperties;\n    /**\n\t * The contextual balloon plugin instance.\n\t */ _balloon;\n    /**\n\t * The cell properties form view displayed inside the balloon.\n\t */ view;\n    /**\n\t * The cell properties form view displayed inside the balloon (content table).\n\t */ _viewWithContentTableDefaults;\n    /**\n\t * The cell properties form view displayed inside the balloon (layout table).\n\t */ _viewWithLayoutTableDefaults;\n    /**\n\t * The batch used to undo all changes made by the form (which are live, as the user types)\n\t * when \"Cancel\" was pressed. Each time the view is shown, a new batch is created.\n\t */ _undoStepBatch;\n    /**\n\t * Flag used to indicate whether view is ready to execute update commands\n\t * (it finished loading initial data).\n\t */ _isReady;\n    /**\n\t * @inheritDoc\n\t */ static get requires() {\n        return [\n            ContextualBalloon\n        ];\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'TableCellPropertiesUIExperimental';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        editor.config.define('table.tableCellProperties', {\n            borderColors: defaultColors,\n            backgroundColors: defaultColors\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        const t = editor.t;\n        this._defaultContentTableCellProperties = getNormalizedDefaultCellProperties(editor.config.get('table.tableCellProperties.defaultProperties'), {\n            includeVerticalAlignmentProperty: true,\n            includeHorizontalAlignmentProperty: true,\n            includePaddingProperty: true,\n            isRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n        });\n        this._defaultLayoutTableCellProperties = getNormalizedDefaultProperties(undefined, {\n            includeVerticalAlignmentProperty: true,\n            includeHorizontalAlignmentProperty: true,\n            isRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n        });\n        this._balloon = editor.plugins.get(ContextualBalloon);\n        this.view = null;\n        this._isReady = false;\n        editor.ui.componentFactory.add('tableCellProperties', (locale)=>{\n            const view = new ButtonView(locale);\n            view.set({\n                label: t('Cell properties'),\n                icon: IconTableCellProperties,\n                tooltip: true\n            });\n            this.listenTo(view, 'execute', ()=>this._showView());\n            const commands = Object.values(propertyToCommandMap).map((commandName)=>editor.commands.get(commandName));\n            view.bind('isEnabled').toMany(commands, 'isEnabled', (...areEnabled)=>areEnabled.some((isCommandEnabled)=>isCommandEnabled));\n            return view;\n        });\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        super.destroy();\n        // Destroy created UI components as they are not automatically destroyed.\n        // See https://github.com/ckeditor/ckeditor5/issues/1341.\n        if (this.view) {\n            this.view.destroy();\n        }\n    }\n    /**\n\t * Creates the {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView} instance.\n\t *\n\t * @returns The cell properties form view instance.\n\t */ _createPropertiesView(defaultTableCellProperties) {\n        const editor = this.editor;\n        const config = editor.config.get('table.tableCellProperties');\n        const borderColorsConfig = normalizeColorOptions(config.borderColors);\n        const localizedBorderColors = getLocalizedColorOptions(editor.locale, borderColorsConfig);\n        const backgroundColorsConfig = normalizeColorOptions(config.backgroundColors);\n        const localizedBackgroundColors = getLocalizedColorOptions(editor.locale, backgroundColorsConfig);\n        const hasColorPicker = config.colorPicker !== false;\n        const view = new TableCellPropertiesViewExperimental(editor.locale, {\n            borderColors: localizedBorderColors,\n            backgroundColors: localizedBackgroundColors,\n            defaultTableCellProperties,\n            colorPickerConfig: hasColorPicker ? config.colorPicker || {} : false\n        });\n        const t = editor.t;\n        // Render the view so its #element is available for the clickOutsideHandler.\n        view.render();\n        this.listenTo(view, 'submit', ()=>{\n            this._hideView();\n        });\n        this.listenTo(view, 'cancel', ()=>{\n            // https://github.com/ckeditor/ckeditor5/issues/6180\n            if (this._undoStepBatch.operations.length) {\n                editor.execute('undo', this._undoStepBatch);\n            }\n            this._hideView();\n        });\n        // Close the balloon on Esc key press.\n        view.keystrokes.set('Esc', (data, cancel)=>{\n            this._hideView();\n            cancel();\n        });\n        // Close on click outside of balloon panel element.\n        clickOutsideHandler({\n            emitter: view,\n            activator: ()=>this._isViewInBalloon,\n            contextElements: [\n                this._balloon.view.element\n            ],\n            callback: ()=>this._hideView()\n        });\n        const colorErrorText = getLocalizedColorErrorText(t);\n        const lengthErrorText = getLocalizedLengthErrorText(t);\n        // Create the \"UI -> editor data\" binding.\n        // These listeners update the editor data (via table commands) when any observable\n        // property of the view has changed. They also validate the value and display errors in the UI\n        // when necessary. This makes the view live, which means the changes are\n        // visible in the editing as soon as the user types or changes fields' values.\n        view.on('change:borderStyle', this._getPropertyChangeCallback('tableCellBorderStyle'));\n        view.on('change:borderColor', this._getValidatedPropertyChangeCallback({\n            viewField: view.borderColorInput,\n            commandName: 'tableCellBorderColor',\n            errorText: colorErrorText,\n            validator: colorFieldValidator\n        }));\n        view.on('change:borderWidth', this._getValidatedPropertyChangeCallback({\n            viewField: view.borderWidthInput,\n            commandName: 'tableCellBorderWidth',\n            errorText: lengthErrorText,\n            validator: lineWidthFieldValidator\n        }));\n        view.on('change:padding', this._getValidatedPropertyChangeCallback({\n            viewField: view.paddingInput,\n            commandName: 'tableCellPadding',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:width', this._getValidatedPropertyChangeCallback({\n            viewField: view.widthInput,\n            commandName: 'tableCellWidth',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:height', this._getValidatedPropertyChangeCallback({\n            viewField: view.heightInput,\n            commandName: 'tableCellHeight',\n            errorText: lengthErrorText,\n            validator: lengthFieldValidator\n        }));\n        view.on('change:backgroundColor', this._getValidatedPropertyChangeCallback({\n            viewField: view.backgroundInput,\n            commandName: 'tableCellBackgroundColor',\n            errorText: colorErrorText,\n            validator: colorFieldValidator\n        }));\n        view.on('change:horizontalAlignment', this._getPropertyChangeCallback('tableCellHorizontalAlignment'));\n        view.on('change:verticalAlignment', this._getPropertyChangeCallback('tableCellVerticalAlignment'));\n        return view;\n    }\n    /**\n\t * In this method the \"editor data -> UI\" binding is happening.\n\t *\n\t * When executed, this method obtains selected cell property values from various table commands\n\t * and passes them to the {@link #view}.\n\t *\n\t * This way, the UI stays up–to–date with the editor data.\n\t */ _fillViewFormFromCommandValues() {\n        const commands = this.editor.commands;\n        const borderStyleCommand = commands.get('tableCellBorderStyle');\n        Object.entries(propertyToCommandMap).map(([property, commandName])=>{\n            const propertyKey = property;\n            const defaultValue = this.view === this._viewWithContentTableDefaults ? this._defaultContentTableCellProperties[propertyKey] || '' : this._defaultLayoutTableCellProperties[propertyKey] || '';\n            return [\n                property,\n                commands.get(commandName).value || defaultValue\n            ];\n        }).forEach(([property, value])=>{\n            // Do not set the `border-color` and `border-width` fields if `border-style:none`.\n            if ((property === 'borderColor' || property === 'borderWidth') && borderStyleCommand.value === 'none') {\n                return;\n            }\n            this.view.set(property, value);\n        });\n        this._isReady = true;\n    }\n    /**\n\t * Shows the {@link #view} in the {@link #_balloon}.\n\t *\n\t * **Note**: Each time a view is shown, a new {@link #_undoStepBatch} is created. It contains\n\t * all changes made to the document when the view is visible, allowing a single undo step\n\t * for all of them.\n\t */ _showView() {\n        const editor = this.editor;\n        const viewTable = getSelectionAffectedTableWidget(editor.editing.view.document.selection);\n        const modelTable = viewTable && editor.editing.mapper.toModelElement(viewTable);\n        const useDefaults = !modelTable || modelTable.getAttribute('tableType') !== 'layout';\n        if (useDefaults && !this._viewWithContentTableDefaults) {\n            this._viewWithContentTableDefaults = this._createPropertiesView(this._defaultContentTableCellProperties);\n        } else if (!useDefaults && !this._viewWithLayoutTableDefaults) {\n            this._viewWithLayoutTableDefaults = this._createPropertiesView(this._defaultLayoutTableCellProperties);\n        }\n        this.view = useDefaults ? this._viewWithContentTableDefaults : this._viewWithLayoutTableDefaults;\n        this.listenTo(editor.ui, 'update', ()=>{\n            this._updateView();\n        });\n        // Update the view with the model values.\n        this._fillViewFormFromCommandValues();\n        this._balloon.add({\n            view: this.view,\n            position: getBalloonCellPositionData(editor)\n        });\n        // Create a new batch. Clicking \"Cancel\" will undo this batch.\n        this._undoStepBatch = editor.model.createBatch();\n        // Basic a11y.\n        this.view.focus();\n    }\n    /**\n\t * Removes the {@link #view} from the {@link #_balloon}.\n\t */ _hideView() {\n        const editor = this.editor;\n        this.stopListening(editor.ui, 'update');\n        this._isReady = false;\n        // Blur any input element before removing it from DOM to prevent issues in some browsers.\n        // See https://github.com/ckeditor/ckeditor5/issues/1501.\n        this.view.saveButtonView.focus();\n        this._balloon.remove(this.view);\n        // Make sure the focus is not lost in the process by putting it directly\n        // into the editing view.\n        this.editor.editing.view.focus();\n    }\n    /**\n\t * Repositions the {@link #_balloon} or hides the {@link #view} if a table cell is no longer selected.\n\t */ _updateView() {\n        const editor = this.editor;\n        const viewDocument = editor.editing.view.document;\n        if (!getTableWidgetAncestor(viewDocument.selection)) {\n            this._hideView();\n        } else if (this._isViewVisible) {\n            repositionContextualBalloon(editor, 'cell');\n        }\n    }\n    /**\n\t * Returns `true` when the {@link #view} is visible in the {@link #_balloon}.\n\t */ get _isViewVisible() {\n        return !!this.view && this._balloon.visibleView === this.view;\n    }\n    /**\n\t * Returns `true` when the {@link #view} is in the {@link #_balloon}.\n\t */ get _isViewInBalloon() {\n        return !!this.view && this._balloon.hasView(this.view);\n    }\n    /**\n\t * Creates a callback that when executed upon the {@link #view view's} property change\n\t * executes a related editor command with the new property value.\n\t *\n\t * @param commandName The default value of the command.\n\t */ _getPropertyChangeCallback(commandName) {\n        return (evt, propertyName, newValue)=>{\n            if (!this._isReady) {\n                return;\n            }\n            this.editor.execute(commandName, {\n                value: newValue,\n                batch: this._undoStepBatch\n            });\n        };\n    }\n    /**\n\t * Creates a callback that when executed upon the {@link #view view's} property change:\n\t * * Executes a related editor command with the new property value if the value is valid,\n\t * * Or sets the error text next to the invalid field, if the value did not pass the validation.\n\t */ _getValidatedPropertyChangeCallback(options) {\n        const { commandName, viewField, validator, errorText } = options;\n        const setErrorTextDebounced = debounce(()=>{\n            viewField.errorText = errorText;\n        }, ERROR_TEXT_TIMEOUT);\n        return (evt, propertyName, newValue)=>{\n            setErrorTextDebounced.cancel();\n            // Do not execute the command on initial call (opening the table properties view).\n            if (!this._isReady) {\n                return;\n            }\n            if (validator(newValue)) {\n                this.editor.execute(commandName, {\n                    value: newValue,\n                    batch: this._undoStepBatch\n                });\n                viewField.errorText = null;\n            } else {\n                setErrorTextDebounced();\n            }\n        };\n    }\n}\n\nexport { InsertColumnCommand, InsertRowCommand, InsertTableCommand, InsertTableLayoutCommand, MergeCellCommand, MergeCellsCommand, PlainTableOutput, RemoveColumnCommand, RemoveRowCommand, SelectColumnCommand, SelectRowCommand, SetHeaderColumnCommand, SetHeaderRowCommand, SplitCellCommand, Table, TableAlignmentCommand, TableBackgroundColorCommand, TableBorderColorCommand, TableBorderStyleCommand, TableBorderWidthCommand, TableCaption, TableCaptionEditing, TableCaptionUI, TableCellBackgroundColorCommand, TableCellBorderColorCommand, TableCellBorderStyleCommand, TableCellBorderWidthCommand, TableCellHeightCommand, TableCellHorizontalAlignmentCommand, TableCellPaddingCommand, TableCellProperties, TableCellPropertiesEditing, TableCellPropertiesUI, TableCellPropertiesUIExperimental, TableCellPropertiesView, TableCellPropertiesViewExperimental, TableCellPropertyCommand, TableCellVerticalAlignmentCommand, TableCellWidthCommand, TableCellWidthEditing, TableClipboard, TableColumnResize, TableColumnResizeEditing, TableEditing, TableHeightCommand, TableKeyboard, TableLayout, TableLayoutEditing, TableLayoutUI, TableMouse, TableProperties, TablePropertiesEditing, TablePropertiesUI, TablePropertiesUIExperimental, TablePropertiesView, TablePropertiesViewExperimental, TablePropertyCommand, TableSelection, TableToolbar, TableTypeCommand, TableUI, TableUtils, TableWalker, TableWidthCommand, TableWidthsCommand, ToggleTableCaptionCommand, InsertTableView as _InsertTableView, COLUMN_MIN_WIDTH_AS_PERCENTAGE as _TABLE_COLUMN_MIN_WIDTH_AS_PERCENTAGE, COLUMN_MIN_WIDTH_IN_PIXELS as _TABLE_COLUMN_MIN_WIDTH_IN_PIXELS, COLUMN_RESIZE_DISTANCE_THRESHOLD as _TABLE_COLUMN_RESIZE_DISTANCE_THRESHOLD, COLUMN_WIDTH_PRECISION as _TABLE_COLUMN_WIDTH_PRECISION, defaultColors as _TABLE_DEFAULT_COLORS, ColorInputView as _TableColorInputView, MouseEventsObserver as _TableMouseEventsObserver, addDefaultUnitToNumericValue as _addDefaultUnitToNumericValue, adjustLastColumnIndex as _adjustLastTableColumnIndex, adjustLastRowIndex as _adjustLastTableRowIndex, clamp as _clamp, colorFieldValidator as _colorTableFieldValidator, convertParagraphInTableCell as _convertParagraphInTableCell, createEmptyTableCell as _createEmptyTableCell, createFilledArray as _createFilledArray, cropTableToDimensions as _cropTableToDimensions, downcastTable as _downcastTable, downcastTableAttribute as _downcastTableAttribute, downcastAttributeToStyle as _downcastTableAttributeToStyle, downcastCell as _downcastTableCell, downcastTableResizedClass as _downcastTableResizedClass, downcastRow as _downcastTableRow, enableProperty$1 as _enableTableCellProperty, ensureParagraphInTableCell as _ensureParagraphInTableCell, fillToolbar$1 as _fillTableOrCellToolbar, getBalloonCellPositionData as _getBalloonTableCellPositionData, getBalloonTablePositionData as _getBalloonTablePositionData, getBorderStyleLabels$1 as _getBorderTableStyleLabels, getChangedResizedTables as _getChangedResizedTables, getDefaultValueAdjusted as _getDefaultTableValueAdjusted, getDomCellOuterWidth as _getDomTableCellOuterWidth, getElementWidthInPixels as _getElementWidthInPixels, getHorizontallyOverlappingCells as _getHorizontallyOverlappingTableCells, getLabeledColorInputCreator$1 as _getLabeledTableColorInputCreator, getLocalizedColorErrorText as _getLocalizedTableColorErrorText, getLocalizedLengthErrorText as _getLocalizedTableLengthErrorText, getNormalizedDefaultProperties as _getNormalizedDefaultTableBaseProperties, getNormalizedDefaultCellProperties as _getNormalizedDefaultTableCellProperties, getNormalizedDefaultTableProperties as _getNormalizedDefaultTableProperties, getSelectedTableWidget as _getSelectedTableWidget, getSelectionAffectedTable as _getSelectionAffectedTable, getSelectionAffectedTableWidget as _getSelectionAffectedTableWidget, getSingleValue as _getTableBorderBoxSingleValue, getCaptionFromTableModelElement as _getTableCaptionFromModelElement, getCaptionFromModelSelection as _getTableCaptionFromModelSelection, getColumnEdgesIndexes as _getTableColumnEdgesIndexes, getTableColumnElements as _getTableColumnElements, getColumnGroupElement as _getTableColumnGroupElement, getColumnMinWidthAsPercentage as _getTableColumnMinWidthAsPercentage, getTableColumnsWidths as _getTableColumnsWidths, getBorderStyleDefinitions$1 as _getTableOrCellBorderStyleDefinitions, getTableWidgetAncestor as _getTableWidgetAncestor, getTableWidthInPixels as _getTableWidthInPixels, getVerticallyOverlappingCells as _getVerticallyOverlappingTableCells, injectTableCaptionPostFixer as _injectTableCaptionPostFixer, injectTableCellParagraphPostFixer as _injectTableCellParagraphPostFixer, injectTableLayoutPostFixer as _injectTableLayoutPostFixer, isSingleParagraphWithoutAttributes as _isSingleTableParagraphWithoutAttributes, isHeadingColumnCell as _isTableHeadingColumnCell, isTable as _isTableModelElement, lengthFieldValidator as _lengthTableFieldValidator, lineWidthFieldValidator as _lineWidthTableFieldValidator, matchTableCaptionViewElement as _matchTableCaptionViewElement, normalizeColumnWidths as _normalizeTableColumnWidths, removeEmptyColumns as _removeEmptyTableColumns, removeEmptyRows as _removeEmptyTableRows, removeEmptyRowsColumns as _removeEmptyTableRowsColumns, repositionContextualBalloon as _repositionTableContextualBalloon, skipEmptyTableRow as _skipEmptyTableRow, splitHorizontally as _splitTableCellHorizontally, splitVertically as _splitTableCellVertically, sumArray as _sumArray, tableCellRefreshHandler as _tableCellRefreshHandler, tableHeadingsRefreshHandler as _tableHeadingsRefreshHandler, toPrecision as _toPrecision, translateColSpanAttribute as _translateTableColspanAttribute, trimTableCellIfNeeded as _trimTableCellIfNeeded, upcastStyleToAttribute as _upcastNormalizedTableStyleToAttribute, upcastTable as _upcastTable, upcastBorderStyles as _upcastTableBorderStyles, upcastColgroupElement as _upcastTableColgroupElement, upcastTableFigure as _upcastTableFigure, updateColumnElements as _updateTableColumnElements, updateNumericAttribute as _updateTableNumericAttribute };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/converters/tableproperties\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type {\n\tConversion,\n\tUpcastConversionApi,\n\tUpcastConversionData,\n\tViewElement,\n\tUpcastElementEvent,\n\tConsumables\n} from 'ckeditor5/src/engine.js';\nimport { first } from 'ckeditor5/src/utils.js';\n\nconst ALIGN_VALUES_REG_EXP = /^(left|center|right)$/;\nconst FLOAT_VALUES_REG_EXP = /^(left|none|right)$/;\n\n/**\n * Conversion helper for upcasting attributes using normalized styles.\n *\n * @param options.modelAttribute The attribute to set.\n * @param options.styleName The style name to convert.\n * @param options.attributeName The HTML attribute name to convert.\n * @param options.attributeType The HTML attribute type for value normalization.\n * @param options.viewElement The view element name that should be converted.\n * @param options.defaultValue The default value for the specified `modelAttribute`.\n * @param options.shouldUpcast The function which returns `true` if style should be upcasted from this element.\n * @internal\n */\nexport function upcastStyleToAttribute(\n\tconversion: Conversion,\n\toptions: {\n\t\tmodelAttribute: string;\n\t\tstyleName: string;\n\t\tattributeName?: string;\n\t\tattributeType?: 'length' | 'color';\n\t\tviewElement: string | RegExp;\n\t\tdefaultValue: string;\n\t\treduceBoxSides?: boolean;\n\t\tshouldUpcast?: ( viewElement: ViewElement ) => boolean;\n\t}\n): void {\n\tconst {\n\t\tmodelAttribute,\n\t\tstyleName,\n\t\tattributeName,\n\t\tattributeType,\n\t\tviewElement,\n\t\tdefaultValue,\n\t\tshouldUpcast = () => true,\n\t\treduceBoxSides = false\n\t} = options;\n\n\tconversion.for( 'upcast' ).attributeToAttribute( {\n\t\tview: {\n\t\t\tname: viewElement,\n\t\t\tstyles: {\n\t\t\t\t[ styleName ]: /[\\s\\S]+/\n\t\t\t}\n\t\t},\n\t\tmodel: {\n\t\t\tkey: modelAttribute,\n\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t// Ignore table elements inside figures and figures without the table class.\n\t\t\t\tif ( !shouldUpcast( viewElement ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, '', data );\n\n\t\t\t\tconst normalized = viewElement.getNormalizedStyle( styleName ) as Record<Side, string>;\n\t\t\t\tconst value = reduceBoxSides ? reduceBoxSidesValue( normalized ) : normalized;\n\n\t\t\t\tif ( localDefaultValue !== value ) {\n\t\t\t\t\treturn value;\n\t\t\t\t}\n\n\t\t\t\t// Consume the style even if not applied to the element so it won't be processed by other converters.\n\t\t\t\tconversionApi.consumable.consume( viewElement, { styles: styleName } );\n\t\t\t}\n\t\t}\n\t} );\n\n\tif ( attributeName ) {\n\t\tconversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: viewElement,\n\t\t\t\tattributes: {\n\t\t\t\t\t[ attributeName ]: /.+/\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: modelAttribute,\n\t\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t\t// Convert attributes of table and table cell elements, ignore figure.\n\t\t\t\t\t// Do not convert attribute if related style is set as it has a higher priority.\n\t\t\t\t\t// Do not convert attribute if the element is a table inside a figure with the related style set.\n\t\t\t\t\tif (\n\t\t\t\t\t\tviewElement.name == 'figure' ||\n\t\t\t\t\t\tviewElement.hasStyle( styleName ) ||\n\t\t\t\t\t\tviewElement.name == 'table' && viewElement.parent!.name == 'figure' && viewElement.parent!.hasStyle( styleName )\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, '', data );\n\t\t\t\t\tlet value = viewElement.getAttribute( attributeName );\n\n\t\t\t\t\tif ( value && attributeType == 'length' && !value.endsWith( 'px' ) ) {\n\t\t\t\t\t\tvalue += 'px';\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( localDefaultValue !== value ) {\n\t\t\t\t\t\treturn value;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Consume the attribute even if not applied to the element so it won't be processed by other converters.\n\t\t\t\t\tconversionApi.consumable.consume( viewElement, { attributes: attributeName } );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n\n/**\n * The style values for border styles.\n *\n * @internal\n */\nexport interface StyleValues {\n\tcolor: string;\n\tstyle: string;\n\twidth: string;\n}\n\n/**\n * Conversion helper for upcasting border styles for view elements.\n *\n * @param editor The editor instance.\n * @param defaultBorder The default border values.\n * @param defaultBorder.color The default `borderColor` value.\n * @param defaultBorder.style The default `borderStyle` value.\n * @param defaultBorder.width The default `borderWidth` value.\n * @internal\n */\nexport function upcastBorderStyles(\n\teditor: Editor,\n\tviewElementName: string,\n\tmodelAttributes: StyleValues,\n\tdefaultBorder: StyleValues\n): void {\n\tconst { conversion } = editor;\n\n\tconversion.for( 'upcast' ).add( dispatcher => dispatcher.on( 'element:' + viewElementName, ( evt, data, conversionApi ) => {\n\t\t// If the element was not converted by element-to-element converter,\n\t\t// we should not try to convert the style. See #8393.\n\t\tif ( !data.modelRange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check the most detailed properties. These will be always set directly or\n\t\t// when using the \"group\" properties like: `border-(top|right|bottom|left)` or `border`.\n\t\tconst stylesToConsume = [\n\t\t\t'border-top-width',\n\t\t\t'border-top-color',\n\t\t\t'border-top-style',\n\t\t\t'border-bottom-width',\n\t\t\t'border-bottom-color',\n\t\t\t'border-bottom-style',\n\t\t\t'border-right-width',\n\t\t\t'border-right-color',\n\t\t\t'border-right-style',\n\t\t\t'border-left-width',\n\t\t\t'border-left-color',\n\t\t\t'border-left-style'\n\t\t].filter( styleName => data.viewItem.hasStyle( styleName ) );\n\n\t\tif ( !stylesToConsume.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst matcherPattern = {\n\t\t\tstyles: stylesToConsume\n\t\t};\n\n\t\t// Try to consume appropriate values from consumable values list.\n\t\tif ( !conversionApi.consumable.test( data.viewItem, matcherPattern ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modelElement = [ ...data.modelRange.getItems( { shallow: true } ) ].pop();\n\t\tconst tableElement = modelElement.findAncestor( 'table', { includeSelf: true } );\n\n\t\tlet localDefaultBorder = defaultBorder;\n\n\t\tif ( tableElement && tableElement.getAttribute( 'tableType' ) == 'layout' ) {\n\t\t\tlocalDefaultBorder = {\n\t\t\t\tstyle: 'none',\n\t\t\t\tcolor: '',\n\t\t\t\twidth: ''\n\t\t\t};\n\t\t}\n\n\t\tconversionApi.consumable.consume( data.viewItem, matcherPattern );\n\n\t\tconst normalizedBorder = {\n\t\t\tstyle: data.viewItem.getNormalizedStyle( 'border-style' ),\n\t\t\tcolor: data.viewItem.getNormalizedStyle( 'border-color' ),\n\t\t\twidth: data.viewItem.getNormalizedStyle( 'border-width' )\n\t\t};\n\n\t\tconst reducedBorder = {\n\t\t\tstyle: reduceBoxSidesValue( normalizedBorder.style ),\n\t\t\tcolor: reduceBoxSidesValue( normalizedBorder.color ),\n\t\t\twidth: reduceBoxSidesValue( normalizedBorder.width )\n\t\t};\n\n\t\tif ( reducedBorder.style !== localDefaultBorder.style ) {\n\t\t\tconversionApi.writer.setAttribute( modelAttributes.style, reducedBorder.style, modelElement );\n\t\t}\n\n\t\tif ( reducedBorder.color !== localDefaultBorder.color ) {\n\t\t\tconversionApi.writer.setAttribute( modelAttributes.color, reducedBorder.color, modelElement );\n\t\t}\n\n\t\tif ( reducedBorder.width !== localDefaultBorder.width ) {\n\t\t\tconversionApi.writer.setAttribute( modelAttributes.width, reducedBorder.width, modelElement );\n\t\t}\n\t} ) );\n\n\tif ( editor.config.get( 'experimentalFlags.upcastTableBorderZeroAttributes' ) ) {\n\t\t// If parent table has `border=\"0\"` attribute then set border style to `none`\n\t\t// all table cells of that table and table itself.\n\t\tconversion.for( 'upcast' ).add( dispatcher => {\n\t\t\tdispatcher.on<UpcastElementEvent>( `element:${ viewElementName }`, ( evt, data, conversionApi ) => {\n\t\t\t\tconst { modelRange, viewItem } = data;\n\n\t\t\t\tconst viewTable = (\n\t\t\t\t\tviewItem.is( 'element', 'table' ) ?\n\t\t\t\t\t\tviewItem :\n\t\t\t\t\t\tviewItem.findAncestor( 'table' )\n\t\t\t\t)!;\n\n\t\t\t\t// If something already consumed the border attribute on the nearest table element, skip the conversion.\n\t\t\t\tif ( !conversionApi.consumable.test( viewTable, { attributes: 'border' } ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Ignore tables with border different than \"0\".\n\t\t\t\tif ( viewTable.getAttribute( 'border' ) !== '0' ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst modelElement = modelRange?.start?.nodeAfter;\n\n\t\t\t\t// If model element has already border style attribute, skip the conversion.\n\t\t\t\tif ( !modelElement || modelElement.hasAttribute( modelAttributes.style ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconversionApi.writer.setAttribute( modelAttributes.style, 'none', modelElement );\n\n\t\t\t\tif ( viewItem.is( 'element', 'table' ) ) {\n\t\t\t\t\tconversionApi.consumable.consume( viewItem, { attributes: 'border' } );\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n}\n\n/**\n * Conversion helper for downcasting an attribute to a style.\n *\n * @internal\n */\nexport function downcastAttributeToStyle(\n\tconversion: Conversion,\n\toptions: {\n\t\tmodelElement: string;\n\t\tmodelAttribute: string;\n\t\tstyleName: string;\n\t}\n): void {\n\tconst { modelElement, modelAttribute, styleName } = options;\n\n\tconversion.for( 'downcast' ).attributeToAttribute( {\n\t\tmodel: {\n\t\t\tname: modelElement,\n\t\t\tkey: modelAttribute\n\t\t},\n\t\tview: modelAttributeValue => ( {\n\t\t\tkey: 'style',\n\t\t\tvalue: {\n\t\t\t\t[ styleName ]: modelAttributeValue\n\t\t\t}\n\t\t} )\n\t} );\n}\n\n/**\n * Conversion helper for downcasting attributes from the model table to a view table (not to `<figure>`).\n *\n * @internal\n */\nexport function downcastTableAttribute(\n\tconversion: Conversion,\n\toptions: {\n\t\tmodelAttribute: string;\n\t\tstyleName: string;\n\t}\n): void {\n\tconst { modelAttribute, styleName } = options;\n\n\tconversion.for( 'downcast' ).add( dispatcher => dispatcher.on( `attribute:${ modelAttribute }:table`, ( evt, data, conversionApi ) => {\n\t\tconst { item, attributeNewValue } = data;\n\t\tconst { mapper, writer } = conversionApi;\n\n\t\tif ( !conversionApi.consumable.consume( data.item, evt.name ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst table = [ ...mapper.toViewElement( item ).getChildren() ].find( child => child.is( 'element', 'table' ) );\n\n\t\tif ( attributeNewValue ) {\n\t\t\twriter.setStyle( styleName, attributeNewValue, table );\n\t\t} else {\n\t\t\twriter.removeStyle( styleName, table );\n\t\t}\n\t} ) );\n}\n\n/**\n * Returns the default value for table or table cell property adjusted for layout tables.\n *\n * @internal\n */\nexport function getDefaultValueAdjusted(\n\tdefaultValue: string,\n\tlayoutTableDefault: string,\n\tdata: UpcastConversionData<ViewElement>\n): string {\n\tconst modelElement = data.modelRange && first( data.modelRange.getItems( { shallow: true } ) );\n\tconst tableElement = modelElement && modelElement.is( 'element' ) && modelElement.findAncestor( 'table', { includeSelf: true } );\n\n\tif ( tableElement && tableElement.getAttribute( 'tableType' ) === 'layout' ) {\n\t\treturn layoutTableDefault;\n\t}\n\n\treturn defaultValue;\n}\n\ntype Side = 'top' | 'right' | 'bottom' | 'left';\ntype Style = Record<Side, string>;\n\n/**\n * Reduces the full top, right, bottom, left object to a single string if all sides are equal.\n * Returns original style otherwise.\n */\nfunction reduceBoxSidesValue( style?: Style ): undefined | string | Style {\n\tif ( !style ) {\n\t\treturn;\n\t}\n\tconst sides: Array<Side> = [ 'top', 'right', 'bottom', 'left' ];\n\tconst allSidesDefined = sides.every( side => style[ side ] );\n\n\tif ( !allSidesDefined ) {\n\t\treturn style;\n\t}\n\n\tconst topSideStyle = style.top;\n\tconst allSidesEqual = sides.every( side => style[ side ] === topSideStyle );\n\n\tif ( !allSidesEqual ) {\n\t\treturn style;\n\t}\n\n\treturn topSideStyle;\n}\n\n/**\n * Default table alignment options.\n */\nexport const DEFAULT_TABLE_ALIGNMENT_OPTIONS = {\n\tleft: { className: 'table-style-align-left' },\n\tcenter: { className: 'table-style-align-center' },\n\tright: { className: 'table-style-align-right' },\n\tblockLeft: { className: 'table-style-block-align-left' },\n\tblockRight: { className: 'table-style-block-align-right' }\n};\n\n/**\n * Configuration for upcasting table alignment from view to model.\n */\nexport const upcastTableAlignmentConfig: Array<UpcastTableAlignmentConfig> = [\n\t// Support for the `float:*;` CSS definition for the table alignment.\n\t{\n\t\tview: {\n\t\t\tname: /^(table|figure)$/,\n\t\t\tstyles: {\n\t\t\t\tfloat: FLOAT_VALUES_REG_EXP\n\t\t\t}\n\t\t},\n\t\tgetAlign: ( viewElement: ViewElement ): string | undefined => {\n\t\t\tlet align = viewElement.getStyle( 'float' );\n\n\t\t\tif ( align === 'none' ) {\n\t\t\t\talign = 'center';\n\t\t\t}\n\n\t\t\treturn align;\n\t\t},\n\t\tgetConsumables( viewElement: ViewElement ): Consumables {\n\t\t\tconst float = viewElement.getStyle( 'float' );\n\t\t\tconst styles: Array<string> = [ 'float' ];\n\n\t\t\tif ( float === 'left' && viewElement.hasStyle( 'margin-right' ) ) {\n\t\t\t\tstyles.push( 'margin-right' );\n\t\t\t} else if ( float === 'right' && viewElement.hasStyle( 'margin-left' ) ) {\n\t\t\t\tstyles.push( 'margin-left' );\n\t\t\t}\n\n\t\t\treturn { styles };\n\t\t}\n\t},\n\t// Support for the `margin-left:auto; margin-right:auto;` CSS definition for the table alignment.\n\t{\n\t\tview: {\n\t\t\tname: /^(table|figure)$/,\n\t\t\tstyles: {\n\t\t\t\t'margin-left': 'auto',\n\t\t\t\t'margin-right': 'auto'\n\t\t\t}\n\t\t},\n\t\tgetAlign: (): string => 'center',\n\t\tgetConsumables: (): Consumables => {\n\t\t\treturn { styles: [ 'margin-left', 'margin-right' ] };\n\t\t}\n\t},\n\t// Support for the left alignment using CSS classes.\n\t{\n\t\tview: {\n\t\t\tname: /^(table|figure)$/,\n\t\t\tkey: 'class',\n\t\t\tvalue: 'table-style-align-left'\n\t\t},\n\t\tgetAlign: (): string => 'left',\n\t\tgetConsumables(): Consumables {\n\t\t\treturn { classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.left.className };\n\t\t}\n\t},\n\t// Support for the right alignment using CSS classes.\n\t{\n\t\tview: {\n\t\t\tname: /^(table|figure)$/,\n\t\t\tkey: 'class',\n\t\t\tvalue: DEFAULT_TABLE_ALIGNMENT_OPTIONS.right.className\n\t\t},\n\t\tgetAlign: (): string => 'right',\n\t\tgetConsumables(): Consumables {\n\t\t\treturn { classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.right.className };\n\t\t}\n\t},\n\t// Support for the center alignment using CSS classes.\n\t{\n\t\tview: {\n\t\t\tname: /^(table|figure)$/,\n\t\t\tkey: 'class',\n\t\t\tvalue: DEFAULT_TABLE_ALIGNMENT_OPTIONS.center.className\n\t\t},\n\t\tgetAlign: (): string => 'center',\n\t\tgetConsumables(): Consumables {\n\t\t\treturn { classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.center.className };\n\t\t}\n\t},\n\t// Support for the block alignment left using CSS classes.\n\t{\n\t\tview: {\n\t\t\tname: /^(table|figure)$/,\n\t\t\tkey: 'class',\n\t\t\tvalue: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockLeft.className\n\t\t},\n\t\tgetAlign: (): string => 'blockLeft',\n\t\tgetConsumables(): Consumables {\n\t\t\treturn { classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockLeft.className };\n\t\t}\n\t},\n\t// Support for the block alignment right using CSS classes.\n\t{\n\t\tview: {\n\t\t\tname: /^(table|figure)$/,\n\t\t\tkey: 'class',\n\t\t\tvalue: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockRight.className\n\t\t},\n\t\tgetAlign: (): string => 'blockRight',\n\t\tgetConsumables(): Consumables {\n\t\t\treturn { classes: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockRight.className };\n\t\t}\n\t},\n\t// Support for the block alignment left using margin CSS styles.\n\t{\n\t\tview: {\n\t\t\tname: /^(table|figure)$/,\n\t\t\tstyles: {\n\t\t\t\t'margin-left': '0',\n\t\t\t\t'margin-right': 'auto'\n\t\t\t}\n\t\t},\n\t\tgetAlign: (): string => 'blockLeft',\n\t\tgetConsumables(): Consumables {\n\t\t\treturn { styles: [ 'margin-left', 'margin-right' ] };\n\t\t}\n\t},\n\t// Support for the block alignment right using margin CSS styles.\n\t{\n\t\tview: {\n\t\t\tname: /^(table|figure)$/,\n\t\t\tstyles: {\n\t\t\t\t'margin-left': 'auto',\n\t\t\t\t'margin-right': '0'\n\t\t\t}\n\t\t},\n\t\tgetAlign: (): string => 'blockRight',\n\t\tgetConsumables(): Consumables {\n\t\t\treturn { styles: [ 'margin-left', 'margin-right' ] };\n\t\t}\n\t},\n\t// Support for the `align` attribute as the backward compatibility while pasting from other sources.\n\t{\n\t\tview: {\n\t\t\tname: 'table',\n\t\t\tattributes: {\n\t\t\t\talign: ALIGN_VALUES_REG_EXP\n\t\t\t}\n\t\t},\n\t\tgetAlign: ( viewElement: ViewElement ): string | undefined => viewElement.getAttribute( 'align' ),\n\t\tgetConsumables(): Consumables {\n\t\t\treturn { attributes: 'align' };\n\t\t}\n\t}\n];\n\nexport const downcastTableAlignmentConfig: Record<TableAlignmentValues, { align: string | undefined; style: string; className: string }> = {\n\tcenter: {\n\t\talign: 'center',\n\t\tstyle: 'margin-left: auto; margin-right: auto;',\n\t\tclassName: 'table-style-align-center'\n\t},\n\tleft: {\n\t\talign: 'left',\n\t\tstyle: 'float: left;',\n\t\tclassName: 'table-style-align-left'\n\t},\n\tright: {\n\t\talign: 'right',\n\t\tstyle: 'float: right;',\n\t\tclassName: 'table-style-align-right'\n\t},\n\tblockLeft: {\n\t\talign: undefined,\n\t\tstyle: 'margin-left: 0; margin-right: auto;',\n\t\tclassName: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockLeft.className\n\t},\n\tblockRight: {\n\t\talign: undefined,\n\t\tstyle: 'margin-left: auto; margin-right: 0;',\n\t\tclassName: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockRight.className\n\t}\n};\n\ntype UpcastTableAlignmentConfig = {\n\tview: {\n\t\tname: RegExp | string;\n\t\tstyles?: Record<string, RegExp | string>;\n\t\tattributes?: Record<string, RegExp | string>;\n\t\tkey?: string;\n\t\tvalue?: RegExp | string;\n\t};\n\tgetAlign: ( ( viewElement: ViewElement ) => string | undefined ) | ( () => string );\n\tgetConsumables: ( viewElement: ViewElement ) => Consumables;\n};\n\nexport type TableAlignmentValues = 'left' | 'center' | 'right' | 'blockLeft' | 'blockRight';\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/utils/common\n */\n\nimport type {\n\tConversion,\n\tModelElement,\n\tModelItem,\n\tModelPosition,\n\tModelSchema,\n\tModelWriter,\n\tModelDocumentSelection\n} from 'ckeditor5/src/engine.js';\n\nimport { downcastAttributeToStyle, upcastStyleToAttribute } from '../converters/tableproperties.js';\nimport { type TableUtils } from '../tableutils.js';\n\n/**\n * A common method to update the numeric value. If a value is the default one, it will be unset.\n *\n * @internal\n * @param key An attribute key.\n * @param value The new attribute value.\n * @param item A model item on which the attribute will be set.\n * @param defaultValue The default attribute value. If a value is lower or equal, it will be unset.\n */\nexport function updateNumericAttribute(\n\tkey: string, value: unknown, item: ModelItem, writer: ModelWriter, defaultValue: unknown = 1\n): void {\n\tif ( value !== undefined && value !== null && defaultValue !== undefined && defaultValue !== null && value > defaultValue ) {\n\t\twriter.setAttribute( key, value, item );\n\t} else {\n\t\twriter.removeAttribute( key, item );\n\t}\n}\n\n/**\n * A common method to create an empty table cell. It creates a proper model structure as a table cell must have at least one block inside.\n *\n * @internal\n * @param writer The model writer.\n * @param insertPosition The position at which the table cell should be inserted.\n * @param attributes The element attributes.\n * @returns Created table cell.\n */\nexport function createEmptyTableCell(\n\twriter: ModelWriter,\n\tinsertPosition: ModelPosition,\n\tattributes: Record<string, unknown> = {}\n): ModelElement {\n\tconst tableCell = writer.createElement( 'tableCell', attributes );\n\n\twriter.insertElement( 'paragraph', tableCell );\n\twriter.insert( tableCell, insertPosition );\n\n\treturn tableCell;\n}\n\n/**\n * Checks if a table cell belongs to the heading column section.\n *\n * @internal\n */\nexport function isHeadingColumnCell( tableUtils: TableUtils, tableCell: ModelElement ): boolean {\n\tconst table = tableCell.parent!.parent as ModelElement;\n\tconst headingColumns = parseInt( table.getAttribute( 'headingColumns' ) as string || '0' );\n\tconst { column } = tableUtils.getCellLocation( tableCell );\n\n\treturn !!headingColumns && column < headingColumns;\n}\n\n/**\n * Enables conversion for an attribute for simple view-model mappings.\n *\n * @internal\n * @param options.defaultValue The default value for the specified `modelAttribute`.\n */\nexport function enableProperty(\n\tschema: ModelSchema,\n\tconversion: Conversion,\n\toptions: {\n\t\tmodelAttribute: string;\n\t\tstyleName: string;\n\t\tattributeName?: string;\n\t\tattributeType?: 'length' | 'color';\n\t\tdefaultValue: string;\n\t\treduceBoxSides?: boolean;\n\t}\n): void {\n\tconst { modelAttribute } = options;\n\n\tschema.extend( 'tableCell', {\n\t\tallowAttributes: [ modelAttribute ]\n\t} );\n\n\tschema.setAttributeProperties( modelAttribute, { isFormatting: true } );\n\n\tupcastStyleToAttribute( conversion, { viewElement: /^(td|th)$/, ...options } );\n\tdowncastAttributeToStyle( conversion, { modelElement: 'tableCell', ...options } );\n}\n\n/**\n * Depending on the position of the selection we either return the table under cursor or look for the table higher in the hierarchy.\n *\n * @internal\n */\nexport function getSelectionAffectedTable( selection: ModelDocumentSelection ): ModelElement {\n\tconst selectedElement = selection.getSelectedElement();\n\n\t// Is the command triggered from the `tableToolbar`?\n\tif ( selectedElement && selectedElement.is( 'element', 'table' ) ) {\n\t\treturn selectedElement;\n\t}\n\n\treturn selection.getFirstPosition()!.findAncestor( 'table' )!;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablewalker\n */\nimport type { ModelElement, ModelPosition } from 'ckeditor5/src/engine.js';\n\n// @if CK_DEBUG // const CKEditorError = require( '@ckeditor/ckeditor5-utils/src/ckeditorerror' ).default;\n\ninterface CellData {\n\tcell: ModelElement;\n\trow: number;\n\tcolumn: number;\n}\n\n/**\n * An object with configuration for `TableWalker`.\n */\nexport interface TableWalkerOptions {\n\n\t/**\n\t * A row index for which this iterator will output cells. Can't be used together with `startRow` and `endRow`.\n\t */\n\trow?: number | null;\n\n\t/**\n\t * A row index from which this iterator should start. Can't be used together with `row`. Default value is 0.\n\t */\n\tstartRow?: number;\n\n\t/**\n\t * A row index at which this iterator should end. Can't be used together with `row`.\n\t */\n\tendRow?: number;\n\n\t/**\n\t * A column index for which this iterator will output cells. Can't be used together with `startColumn` and `endColumn`.\n\t */\n\tcolumn?: number;\n\n\t/**\n\t * A column index from which this iterator should start. Can't be used together with `column`. Default value is 0.\n\t */\n\tstartColumn?: number;\n\n\t/**\n\t * A column index at which this iterator should end. Can't be used together with `column`.\n\t */\n\tendColumn?: number;\n\n\t/**\n\t * Also return values for spanned cells. Default value is false.\n\t */\n\tincludeAllSlots?: boolean;\n}\n\n/**\n * The table iterator class. It allows to iterate over table cells. For each cell the iterator yields\n * {@link module:table/tablewalker~TableSlot} with proper table cell attributes.\n */\nexport class TableWalker implements IterableIterator<TableSlot> {\n\t/**\n\t * The walker's table element.\n\t *\n\t * @internal\n\t */\n\tpublic readonly _table: ModelElement;\n\n\t/**\n\t * A row index from which this iterator will start.\n\t */\n\tprivate readonly _startRow: number | null;\n\n\t/**\n\t * A row index at which this iterator will end.\n\t */\n\tprivate readonly _endRow?: number | null;\n\n\t/**\n\t * If set, the table walker will only output cells from a given column and following ones or cells that overlap them.\n\t */\n\tprivate readonly _startColumn: number;\n\n\t/**\n\t * If set, the table walker will only output cells up to a given column.\n\t */\n\tprivate readonly _endColumn?: number;\n\n\t/**\n\t * Enables output of spanned cells that are normally not yielded.\n\t */\n\tprivate readonly _includeAllSlots: boolean;\n\n\t/**\n\t * Row indexes to skip from the iteration.\n\t */\n\tprivate readonly _skipRows: Set<number>;\n\n\t/**\n\t * The current row index.\n\t *\n\t * @internal\n\t */\n\tpublic _row: number;\n\n\t/**\n\t * The index of the current row element in the table.\n\t *\n\t * @internal\n\t */\n\tpublic _rowIndex: number;\n\n\t/**\n\t * The current column index.\n\t *\n\t * @internal\n\t */\n\tpublic _column: number;\n\n\t/**\n\t * The cell index in a parent row. For spanned cells when {@link #_includeAllSlots} is set to `true`,\n\t * this represents the index of the next table cell.\n\t *\n\t * @internal\n\t */\n\tpublic _cellIndex: number;\n\n\t/**\n\t * Holds a map of spanned cells in a table.\n\t */\n\tprivate readonly _spannedCells: Map<number, Map<number, CellData>>;\n\n\t/**\n\t * Index of the next column where a cell is anchored.\n\t */\n\tprivate _nextCellAtColumn: number;\n\n\t/**\n\t * Indicates whether the iterator jumped to (or close to) the start row, ignoring rows that don't need to be traversed.\n\t */\n\tprivate _jumpedToStartRow = false;\n\n\t/**\n\t * Creates an instance of the table walker.\n\t *\n\t * The table walker iterates internally by traversing the table from row index = 0 and column index = 0.\n\t * It walks row by row and column by column in order to output values defined in the constructor.\n\t * By default it will output only the locations that are occupied by a cell. To include also spanned rows and columns,\n\t * pass the `includeAllSlots` option to the constructor.\n\t *\n\t * The most important values of the iterator are column and row indexes of a cell.\n\t *\n\t * See {@link module:table/tablewalker~TableSlot} what values are returned by the table walker.\n\t *\n\t * To iterate over a given row:\n\t *\n\t * ```ts\n\t * const tableWalker = new TableWalker( table, { startRow: 1, endRow: 2 } );\n\t *\n\t * for ( const tableSlot of tableWalker ) {\n\t *   console.log( 'A cell at row', tableSlot.row, 'and column', tableSlot.column );\n\t * }\n\t * ```\n\t *\n\t * For instance the code above for the following table:\n\t *\n\t *  +----+----+----+----+----+----+\n\t *  | 00      | 02 | 03 | 04 | 05 |\n\t *  |         +----+----+----+----+\n\t *  |         | 12      | 14 | 15 |\n\t *  |         +----+----+----+    +\n\t *  |         | 22           |    |\n\t *  |----+----+----+----+----+    +\n\t *  | 30 | 31 | 32 | 33 | 34 |    |\n\t *  +----+----+----+----+----+----+\n\t *\n\t * will log in the console:\n\t *\n\t *  'A cell at row 1 and column 2'\n\t *  'A cell at row 1 and column 4'\n\t *  'A cell at row 1 and column 5'\n\t *  'A cell at row 2 and column 2'\n\t *\n\t * To also iterate over spanned cells:\n\t *\n\t * ```ts\n\t * const tableWalker = new TableWalker( table, { row: 1, includeAllSlots: true } );\n\t *\n\t * for ( const tableSlot of tableWalker ) {\n\t *   console.log( 'Slot at', tableSlot.row, 'x', tableSlot.column, ':', tableSlot.isAnchor ? 'is anchored' : 'is spanned' );\n\t * }\n\t * ```\n\t *\n\t * will log in the console for the table from the previous example:\n\t *\n\t *  'Cell at 1 x 0 : is spanned'\n\t *  'Cell at 1 x 1 : is spanned'\n\t *  'Cell at 1 x 2 : is anchored'\n\t *  'Cell at 1 x 3 : is spanned'\n\t *  'Cell at 1 x 4 : is anchored'\n\t *  'Cell at 1 x 5 : is anchored'\n\t *\n\t * **Note**: Option `row` is a shortcut that sets both `startRow` and `endRow` to the same row.\n\t * (Use either `row` or `startRow` and `endRow` but never together). Similarly the `column` option sets both `startColumn`\n\t * and `endColumn` to the same column (Use either `column` or `startColumn` and `endColumn` but never together).\n\t *\n\t * @param table A table over which the walker iterates.\n\t * @param options An object with configuration.\n\t * @param options.row A row index for which this iterator will output cells. Can't be used together with `startRow` and `endRow`.\n\t * @param options.startRow A row index from which this iterator should start. Can't be used together with `row`. Default value is 0.\n\t * @param options.endRow A row index at which this iterator should end. Can't be used together with `row`.\n\t * @param options.column A column index for which this iterator will output cells.\n\t * Can't be used together with `startColumn` and `endColumn`.\n\t * @param options.startColumn A column index from which this iterator should start.\n\t * Can't be used together with `column`. Default value is 0.\n\t * @param options.endColumn A column index at which this iterator should end. Can't be used together with `column`.\n\t * @param options.includeAllSlots Also return values for spanned cells. Default value is \"false\".\n\t */\n\tconstructor( table: ModelElement, options: TableWalkerOptions = {} ) {\n\t\tthis._table = table;\n\t\tthis._startRow = options.row !== undefined ? options.row : options.startRow || 0;\n\t\tthis._endRow = options.row !== undefined ? options.row : options.endRow;\n\t\tthis._startColumn = options.column !== undefined ? options.column : options.startColumn || 0;\n\t\tthis._endColumn = options.column !== undefined ? options.column : options.endColumn;\n\t\tthis._includeAllSlots = !!options.includeAllSlots;\n\t\tthis._skipRows = new Set();\n\t\tthis._row = 0;\n\t\tthis._rowIndex = 0;\n\t\tthis._column = 0;\n\t\tthis._cellIndex = 0;\n\t\tthis._spannedCells = new Map();\n\t\tthis._nextCellAtColumn = -1;\n\t}\n\n\t/**\n\t * Iterable interface.\n\t */\n\tpublic [ Symbol.iterator ](): IterableIterator<TableSlot> {\n\t\treturn this;\n\t}\n\n\t/**\n\t * Gets the next table walker's value.\n\t *\n\t * @returns The next table walker's value.\n\t */\n\tpublic next(): IteratorResult<TableSlot, undefined> {\n\t\tif ( this._canJumpToStartRow() ) {\n\t\t\tthis._jumpToNonSpannedRowClosestToStartRow();\n\t\t}\n\n\t\tconst row = this._table.getChild( this._rowIndex );\n\n\t\t// Iterator is done when there's no row (table ended) or the row is after `endRow` limit.\n\t\tif ( !row || this._isOverEndRow() ) {\n\t\t\treturn { done: true, value: undefined };\n\t\t}\n\n\t\t// We step over current element when it is not a tableRow instance.\n\t\tif ( !row.is( 'element', 'tableRow' ) ) {\n\t\t\tthis._rowIndex++;\n\n\t\t\treturn this.next();\n\t\t}\n\n\t\tif ( this._isOverEndColumn() ) {\n\t\t\treturn this._advanceToNextRow();\n\t\t}\n\n\t\tlet outValue: IteratorYieldResult<TableSlot> | null = null;\n\n\t\tconst spanData = this._getSpanned();\n\n\t\tif ( spanData ) {\n\t\t\tif ( this._includeAllSlots && !this._shouldSkipSlot() ) {\n\t\t\t\toutValue = this._formatOutValue( spanData.cell, spanData.row, spanData.column );\n\t\t\t}\n\t\t} else {\n\t\t\tconst cell = row.getChild( this._cellIndex ) as ModelElement;\n\n\t\t\tif ( !cell ) {\n\t\t\t\t// If there are no more cells left in row advance to the next row.\n\t\t\t\treturn this._advanceToNextRow();\n\t\t\t}\n\n\t\t\tconst colspan = parseInt( cell.getAttribute( 'colspan' ) as string || '1' );\n\t\t\tconst rowspan = parseInt( cell.getAttribute( 'rowspan' ) as string || '1' );\n\n\t\t\t// Record this cell spans if it's not 1x1 cell.\n\t\t\tif ( colspan > 1 || rowspan > 1 ) {\n\t\t\t\tthis._recordSpans( cell, rowspan, colspan );\n\t\t\t}\n\n\t\t\tif ( !this._shouldSkipSlot() ) {\n\t\t\t\toutValue = this._formatOutValue( cell );\n\t\t\t}\n\n\t\t\tthis._nextCellAtColumn = this._column + colspan;\n\t\t}\n\n\t\t// Advance to the next column before returning value.\n\t\tthis._column++;\n\n\t\tif ( this._column == this._nextCellAtColumn ) {\n\t\t\tthis._cellIndex++;\n\t\t}\n\n\t\t// The current value will be returned only if current row and column are not skipped.\n\t\treturn outValue || this.next();\n\t}\n\n\t/**\n\t * Marks a row to skip in the next iteration. It will also skip cells from the current row if there are any cells from the current row\n\t * to output.\n\t *\n\t * @param row The row index to skip.\n\t */\n\tpublic skipRow( row: number ): void {\n\t\tthis._skipRows.add( row );\n\t}\n\n\t/**\n\t * Advances internal cursor to the next row.\n\t */\n\tprivate _advanceToNextRow() {\n\t\tthis._row++;\n\t\tthis._rowIndex++;\n\t\tthis._column = 0;\n\t\tthis._cellIndex = 0;\n\t\tthis._nextCellAtColumn = -1;\n\n\t\treturn this.next();\n\t}\n\n\t/**\n\t * Checks if the current row is over {@link #_endRow}.\n\t */\n\tprivate _isOverEndRow() {\n\t\t// If #_endRow is defined skip all rows after it.\n\t\treturn this._endRow !== undefined && this._row > this._endRow!;\n\t}\n\n\t/**\n\t * Checks if the current cell is over {@link #_endColumn}\n\t */\n\tprivate _isOverEndColumn() {\n\t\t// If #_endColumn is defined skip all cells after it.\n\t\treturn this._endColumn !== undefined && this._column > this._endColumn;\n\t}\n\n\t/**\n\t * A common method for formatting the iterator's output value.\n\t *\n\t * @param cell The table cell to output.\n\t * @param anchorRow The row index of a cell anchor slot.\n\t * @param anchorColumn The column index of a cell anchor slot.\n\t */\n\tprivate _formatOutValue( cell: ModelElement, anchorRow = this._row, anchorColumn = this._column ): IteratorYieldResult<TableSlot> {\n\t\treturn {\n\t\t\tdone: false,\n\t\t\tvalue: new TableSlot( this, cell, anchorRow, anchorColumn )\n\t\t};\n\t}\n\n\t/**\n\t * Checks if the current slot should be skipped.\n\t */\n\tprivate _shouldSkipSlot(): boolean {\n\t\tconst rowIsMarkedAsSkipped = this._skipRows.has( this._row );\n\t\tconst rowIsBeforeStartRow = this._row < this._startRow!;\n\n\t\tconst columnIsBeforeStartColumn = this._column < this._startColumn;\n\t\tconst columnIsAfterEndColumn = this._endColumn !== undefined && this._column > this._endColumn;\n\n\t\treturn rowIsMarkedAsSkipped || rowIsBeforeStartRow || columnIsBeforeStartColumn || columnIsAfterEndColumn;\n\t}\n\n\t/**\n\t * Returns the cell element that is spanned over the current cell location.\n\t */\n\tprivate _getSpanned(): CellData | null {\n\t\tconst rowMap = this._spannedCells.get( this._row );\n\n\t\t// No spans for given row.\n\t\tif ( !rowMap ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// If spans for given rows has entry for column it means that this location if spanned by other cell.\n\t\treturn rowMap.get( this._column ) || null;\n\t}\n\n\t/**\n\t * Updates spanned cells map relative to the current cell location and its span dimensions.\n\t *\n\t * @param cell A cell that is spanned.\n\t * @param rowspan Cell height.\n\t * @param colspan Cell width.\n\t */\n\tprivate _recordSpans( cell: ModelElement, rowspan: number, colspan: number ) {\n\t\tconst data = {\n\t\t\tcell,\n\t\t\trow: this._row,\n\t\t\tcolumn: this._column\n\t\t};\n\n\t\tfor ( let rowToUpdate = this._row; rowToUpdate < this._row + rowspan; rowToUpdate++ ) {\n\t\t\tfor ( let columnToUpdate = this._column; columnToUpdate < this._column + colspan; columnToUpdate++ ) {\n\t\t\t\tif ( rowToUpdate != this._row || columnToUpdate != this._column ) {\n\t\t\t\t\tthis._markSpannedCell( rowToUpdate, columnToUpdate, data );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Marks the cell location as spanned by another cell.\n\t *\n\t * @param row The row index of the cell location.\n\t * @param column The column index of the cell location.\n\t * @param data A spanned cell details (cell element, anchor row and column).\n\t */\n\tprivate _markSpannedCell( row: number, column: number, data: CellData ) {\n\t\tif ( !this._spannedCells.has( row ) ) {\n\t\t\tthis._spannedCells.set( row, new Map() );\n\t\t}\n\n\t\tconst rowSpans = this._spannedCells.get( row )!;\n\n\t\trowSpans.set( column, data );\n\t}\n\n\t/**\n\t * Checks if part of the table can be skipped.\n\t */\n\tprivate _canJumpToStartRow(): boolean {\n\t\treturn !!this._startRow &&\n\t\t\tthis._startRow > 0 &&\n\t\t\t!this._jumpedToStartRow;\n\t}\n\n\t/**\n\t * Sets the current row to `this._startRow` or the first row before it that has the number of cells\n\t * equal to the number of columns in the table.\n\t *\n\t * Example:\n\t * \t+----+----+----+\n\t *  | 00 | 01 | 02 |\n\t *  |----+----+----+\n\t *  | 10      | 12 |\n\t *  |         +----+\n\t *  |         | 22 |\n\t *  |         +----+\n\t *  |         | 32 | <--- Start row\n\t *  +----+----+----+\n\t *  | 40 | 41 | 42 |\n\t *  +----+----+----+\n\t *\n\t * If the 4th row is a `this._startRow`, this method will:\n\t * 1.) Count the number of columns this table has based on the first row (3 columns in this case).\n\t * 2.) Check if the 4th row contains 3 cells. It doesn't, so go to the row before it.\n\t * 3.) Check if the 3rd row contains 3 cells. It doesn't, so go to the row before it.\n\t * 4.) Check if the 2nd row contains 3 cells. It does, so set the current row to that row.\n\t *\n\t * Setting the current row this way is necessary to let the `next()`  method loop over the cells\n\t * spanning multiple rows or columns and update the `this._spannedCells` property.\n\t */\n\tprivate _jumpToNonSpannedRowClosestToStartRow(): void {\n\t\tconst firstRowLength = this._getRowLength( 0 );\n\n\t\tfor ( let i = this._startRow!; !this._jumpedToStartRow; i-- ) {\n\t\t\tif ( firstRowLength === this._getRowLength( i ) ) {\n\t\t\t\tthis._row = i;\n\t\t\t\tthis._rowIndex = i;\n\t\t\t\tthis._jumpedToStartRow = true;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Returns a number of columns in a row taking `colspan` into consideration.\n\t */\n\tprivate _getRowLength( rowIndex: number ): number {\n\t\tconst row = this._table.getChild( rowIndex ) as ModelElement;\n\n\t\treturn [ ...row.getChildren() ].reduce( ( cols, row ) => {\n\t\t\treturn cols + parseInt( row.getAttribute( 'colspan' ) as string || '1' );\n\t\t}, 0 );\n\t}\n}\n\n/**\n * An object returned by {@link module:table/tablewalker~TableWalker} when traversing table cells.\n */\nclass TableSlot {\n\t/**\n\t * The current table cell.\n\t */\n\tpublic readonly cell: ModelElement;\n\n\t/**\n\t * The row index of a table slot.\n\t */\n\tpublic readonly row: number;\n\n\t/**\n\t * The column index of a table slot.\n\t */\n\tpublic readonly column: number;\n\n\t/**\n\t * The row index of a cell anchor slot.\n\t */\n\tpublic readonly cellAnchorRow: number;\n\n\t/**\n\t * The column index of a cell anchor slot.\n\t */\n\tpublic readonly cellAnchorColumn: number;\n\n\t/**\n\t * The index of the current cell in the parent row.\n\t */\n\tprivate readonly _cellIndex: number;\n\n\t/**\n\t * The index of the current row element in the table.\n\t */\n\tprivate readonly _rowIndex: number;\n\n\t/**\n\t * The table element.\n\t */\n\tprivate readonly _table: ModelElement;\n\n\t/**\n\t * Creates an instance of the table walker value.\n\t *\n\t * @param tableWalker The table walker instance.\n\t * @param cell The current table cell.\n\t * @param anchorRow The row index of a cell anchor slot.\n\t * @param anchorColumn The column index of a cell anchor slot.\n\t */\n\tconstructor( tableWalker: TableWalker, cell: ModelElement, anchorRow: number, anchorColumn: number ) {\n\t\tthis.cell = cell;\n\t\tthis.row = tableWalker._row;\n\t\tthis.column = tableWalker._column;\n\t\tthis.cellAnchorRow = anchorRow;\n\t\tthis.cellAnchorColumn = anchorColumn;\n\t\tthis._cellIndex = tableWalker._cellIndex;\n\t\tthis._rowIndex = tableWalker._rowIndex;\n\t\tthis._table = tableWalker._table;\n\t}\n\n\t// @if CK_DEBUG // public get isSpanned(): unknown { return throwMissingGetterError( 'isSpanned' ); }\n\t// @if CK_DEBUG // public get colspan(): unknown { return throwMissingGetterError( 'colspan' ); }\n\t// @if CK_DEBUG // public get rowspan(): unknown { return throwMissingGetterError( 'rowspan' ); }\n\t// @if CK_DEBUG // public get cellIndex(): unknown { return throwMissingGetterError( 'cellIndex' ); }\n\n\t/**\n\t * Whether the cell is anchored in the current slot.\n\t */\n\tpublic get isAnchor(): boolean {\n\t\treturn this.row === this.cellAnchorRow && this.column === this.cellAnchorColumn;\n\t}\n\n\t/**\n\t * The width of a cell defined by a `colspan` attribute. If the model attribute is not present, it is set to `1`.\n\t */\n\tpublic get cellWidth(): number {\n\t\treturn parseInt( this.cell.getAttribute( 'colspan' ) as string || '1' );\n\t}\n\n\t/**\n\t * The height of a cell defined by a `rowspan` attribute. If the model attribute is not present, it is set to `1`.\n\t */\n\tpublic get cellHeight(): number {\n\t\treturn parseInt( this.cell.getAttribute( 'rowspan' ) as string || '1' );\n\t}\n\n\t/**\n\t * The index of the current row element in the table.\n\t */\n\tpublic get rowIndex(): number {\n\t\treturn this._rowIndex;\n\t}\n\n\t/**\n\t * Returns the {@link module:engine/model/position~ModelPosition} before the table slot.\n\t */\n\tpublic getPositionBefore(): ModelPosition {\n\t\tconst model = this._table.root.document!.model;\n\n\t\treturn model.createPositionAt( this._table.getChild( this.row ) as ModelElement, this._cellIndex );\n\t}\n}\n\nexport { TableSlot };\n\n/**\n * This `TableSlot`'s getter (property) was removed in CKEditor 5 v20.0.0.\n *\n * Check out the new `TableWalker`'s API in the documentation.\n *\n * @error tableslot-getter-removed\n * @param getterName\n */\n// @if CK_DEBUG // function throwMissingGetterError( getterName: string ): void {\n// @if CK_DEBUG //\t\tthrow new CKEditorError( 'tableslot-getter-removed', null, {\n// @if CK_DEBUG //\t\t\tgetterName\n// @if CK_DEBUG //\t\t} );\n// @if CK_DEBUG // }\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/utils/structure\n */\n\nimport type { ModelElement, ModelNode, ModelWriter, ViewElement } from 'ckeditor5/src/engine.js';\n\nimport { TableWalker, type TableSlot } from '../tablewalker.js';\nimport { createEmptyTableCell, updateNumericAttribute } from './common.js';\nimport { type TableUtils } from '../tableutils.js';\n\ntype CellAttributes = {\n\trowspan?: number;\n\tcolspan?: number;\n};\n\n/**\n * Returns a cropped table according to given dimensions.\n\n * To return a cropped table that starts at first row and first column and end in third row and column:\n *\n * ```ts\n * const croppedTable = cropTableToDimensions( table, {\n *   startRow: 1,\n *   endRow: 3,\n *   startColumn: 1,\n *   endColumn: 3\n * }, writer );\n * ```\n *\n * Calling the code above for the table below:\n *\n *        0   1   2   3   4                      0   1   2\n *      ┌───┬───┬───┬───┬───┐\n *   0  │ a │ b │ c │ d │ e │\n *      ├───┴───┤   ├───┴───┤                  ┌───┬───┬───┐\n *   1  │ f     │   │ g     │                  │   │   │ g │  0\n *      ├───┬───┴───┼───┬───┤   will return:   ├───┴───┼───┤\n *   2  │ h │ i     │ j │ k │                  │ i     │ j │  1\n *      ├───┤       ├───┤   │                  │       ├───┤\n *   3  │ l │       │ m │   │                  │       │ m │  2\n *      ├───┼───┬───┤   ├───┤                  └───────┴───┘\n *   4  │ n │ o │ p │   │ q │\n *      └───┴───┴───┴───┴───┘\n *\n * @internal\n */\nexport function cropTableToDimensions(\n\tsourceTable: ModelElement,\n\tcropDimensions: {\n\t\tstartRow: number;\n\t\tstartColumn: number;\n\t\tendRow: number;\n\t\tendColumn: number;\n\t},\n\twriter: ModelWriter\n): ModelElement {\n\tconst { startRow, startColumn, endRow, endColumn } = cropDimensions;\n\n\t// Initialize the cropped table element.\n\tconst croppedTable = writer.createElement( 'table' );\n\n\t// Copy table type attribute if present.\n\tconst sourceTableType = sourceTable.getAttribute( 'tableType' );\n\n\tif ( sourceTableType ) {\n\t\twriter.setAttribute( 'tableType', sourceTableType, croppedTable );\n\t}\n\n\t// Create empty table with empty rows equal to crop height.\n\tconst cropHeight = endRow - startRow + 1;\n\n\tfor ( let i = 0; i < cropHeight; i++ ) {\n\t\twriter.insertElement( 'tableRow', croppedTable, 'end' );\n\t}\n\n\tconst tableMap = [ ...new TableWalker( sourceTable, { startRow, endRow, startColumn, endColumn, includeAllSlots: true } ) ];\n\n\t// Iterate over source table slots (including empty - spanned - ones).\n\tfor ( const { row: sourceRow, column: sourceColumn, cell: tableCell, isAnchor, cellAnchorRow, cellAnchorColumn } of tableMap ) {\n\t\t// Row index in cropped table.\n\t\tconst rowInCroppedTable = sourceRow - startRow;\n\t\tconst row = croppedTable.getChild( rowInCroppedTable ) as ModelElement;\n\n\t\t// For empty slots: fill the gap with empty table cell.\n\t\tif ( !isAnchor ) {\n\t\t\t// But fill the gap only if the spanning cell is anchored outside cropped area.\n\t\t\t// In the table from method jsdoc those cells are: \"c\" & \"f\".\n\t\t\tif ( cellAnchorRow < startRow || cellAnchorColumn < startColumn ) {\n\t\t\t\tcreateEmptyTableCell( writer, writer.createPositionAt( row, 'end' ) );\n\t\t\t}\n\t\t}\n\t\t// Otherwise clone the cell with all children and trim if it exceeds cropped area.\n\t\telse {\n\t\t\tconst tableCellCopy = writer.cloneElement( tableCell );\n\n\t\t\twriter.append( tableCellCopy, row );\n\n\t\t\t// Trim table if it exceeds cropped area.\n\t\t\t// In the table from method jsdoc those cells are: \"g\" & \"m\".\n\t\t\ttrimTableCellIfNeeded( tableCellCopy, sourceRow, sourceColumn, endRow, endColumn, writer );\n\t\t}\n\t}\n\n\t// Adjust heading rows & columns in cropped table if crop selection includes headings parts.\n\taddHeadingsToCroppedTable( croppedTable, sourceTable, startRow, startColumn, writer );\n\n\treturn croppedTable;\n}\n\n/**\n * Returns slot info of cells that starts above and overlaps a given row.\n *\n * In a table below, passing `overlapRow = 3`\n *\n *     ┌───┬───┬───┬───┬───┐\n *  0  │ a │ b │ c │ d │ e │\n *     │   ├───┼───┼───┼───┤\n *  1  │   │ f │ g │ h │ i │\n *     ├───┤   ├───┼───┤   │\n *  2  │ j │   │ k │ l │   │\n *     │   │   │   ├───┼───┤\n *  3  │   │   │   │ m │ n │  <- overlap row to check\n *     ├───┼───┤   │   ├───│\n *  4  │ o │ p │   │   │ q │\n *     └───┴───┴───┴───┴───┘\n *\n * will return slot info for cells: \"j\", \"f\", \"k\".\n *\n * @internal\n * @param table The table to check.\n * @param overlapRow The index of the row to check.\n * @param startRow row to start analysis. Use it when it is known that the cells above that row will not overlap. Default value is 0.\n */\nexport function getVerticallyOverlappingCells( table: ModelElement, overlapRow: number, startRow: number = 0 ): Array<TableSlot> {\n\tconst cells: Array<TableSlot> = [];\n\n\tconst tableWalker = new TableWalker( table, { startRow, endRow: overlapRow - 1 } );\n\n\tfor ( const slotInfo of tableWalker ) {\n\t\tconst { row, cellHeight } = slotInfo;\n\t\tconst cellEndRow = row + cellHeight - 1;\n\n\t\tif ( row < overlapRow && overlapRow <= cellEndRow ) {\n\t\t\tcells.push( slotInfo );\n\t\t}\n\t}\n\n\treturn cells;\n}\n\n/**\n * Splits the table cell horizontally.\n *\n * @internal\n * @returns Created table cell, if any were created.\n */\nexport function splitHorizontally( tableCell: ModelElement, splitRow: number, writer: ModelWriter ): ModelElement | null {\n\tconst tableRow = tableCell.parent as ModelNode;\n\tconst table = tableRow.parent as ModelElement;\n\tconst rowIndex = tableRow.index!;\n\n\tconst rowspan = parseInt( tableCell.getAttribute( 'rowspan' ) as string );\n\tconst newRowspan = splitRow - rowIndex;\n\n\tconst newCellAttributes: CellAttributes = {};\n\tconst newCellRowSpan = rowspan - newRowspan;\n\n\tif ( newCellRowSpan > 1 ) {\n\t\tnewCellAttributes.rowspan = newCellRowSpan;\n\t}\n\n\tconst colspan = parseInt( tableCell.getAttribute( 'colspan' ) as string || '1' );\n\n\tif ( colspan > 1 ) {\n\t\tnewCellAttributes.colspan = colspan;\n\t}\n\n\tconst startRow = rowIndex;\n\tconst endRow = startRow + newRowspan;\n\tconst tableMap = [ ...new TableWalker( table, { startRow, endRow, includeAllSlots: true } ) ];\n\n\tlet newCell = null;\n\tlet columnIndex;\n\n\tfor ( const tableSlot of tableMap ) {\n\t\tconst { row, column, cell } = tableSlot;\n\n\t\tif ( cell === tableCell && columnIndex === undefined ) {\n\t\t\tcolumnIndex = column;\n\t\t}\n\n\t\tif ( columnIndex !== undefined && columnIndex === column && row === endRow ) {\n\t\t\tnewCell = createEmptyTableCell( writer, tableSlot.getPositionBefore(), newCellAttributes );\n\t\t}\n\t}\n\n\t// Update the rowspan attribute after updating table.\n\tupdateNumericAttribute( 'rowspan', newRowspan, tableCell, writer );\n\n\treturn newCell;\n}\n\n/**\n * Returns slot info of cells that starts before and overlaps a given column.\n *\n * In a table below, passing `overlapColumn = 3`\n *\n *    0   1   2   3   4\n *  ┌───────┬───────┬───┐\n *  │ a     │ b     │ c │\n *  │───┬───┴───────┼───┤\n *  │ d │ e         │ f │\n *  ├───┼───┬───────┴───┤\n *  │ g │ h │ i         │\n *  ├───┼───┼───┬───────┤\n *  │ j │ k │ l │ m     │\n *  ├───┼───┴───┼───┬───┤\n *  │ n │ o     │ p │ q │\n *  └───┴───────┴───┴───┘\n *                ^\n *                Overlap column to check\n *\n * will return slot info for cells: \"b\", \"e\", \"i\".\n *\n * @internal\n * @param table The table to check.\n * @param overlapColumn The index of the column to check.\n */\nexport function getHorizontallyOverlappingCells( table: ModelElement, overlapColumn: number ): Array<TableSlot> {\n\tconst cellsToSplit = [];\n\n\tconst tableWalker = new TableWalker( table );\n\n\tfor ( const slotInfo of tableWalker ) {\n\t\tconst { column, cellWidth } = slotInfo;\n\t\tconst cellEndColumn = column + cellWidth - 1;\n\n\t\tif ( column < overlapColumn && overlapColumn <= cellEndColumn ) {\n\t\t\tcellsToSplit.push( slotInfo );\n\t\t}\n\t}\n\n\treturn cellsToSplit;\n}\n\n/**\n * Splits the table cell vertically.\n *\n * @internal\n * @param columnIndex The table cell column index.\n * @param splitColumn The index of column to split cell on.\n * @returns Created table cell.\n */\nexport function splitVertically( tableCell: ModelElement, columnIndex: number, splitColumn: number, writer: ModelWriter ): ModelElement {\n\tconst colspan = parseInt( tableCell.getAttribute( 'colspan' ) as string );\n\tconst newColspan = splitColumn - columnIndex;\n\n\tconst newCellAttributes: CellAttributes = {};\n\tconst newCellColSpan = colspan - newColspan;\n\n\tif ( newCellColSpan > 1 ) {\n\t\tnewCellAttributes.colspan = newCellColSpan;\n\t}\n\n\tconst rowspan = parseInt( tableCell.getAttribute( 'rowspan' ) as string || '1' );\n\n\tif ( rowspan > 1 ) {\n\t\tnewCellAttributes.rowspan = rowspan;\n\t}\n\n\tconst newCell = createEmptyTableCell( writer, writer.createPositionAfter( tableCell ), newCellAttributes );\n\n\t// Update the colspan attribute after updating table.\n\tupdateNumericAttribute( 'colspan', newColspan, tableCell, writer );\n\n\treturn newCell;\n}\n\n/**\n * Adjusts table cell dimensions to not exceed limit row and column.\n *\n * If table cell width (or height) covers a column (or row) that is after a limit column (or row)\n * this method will trim \"colspan\" (or \"rowspan\") attribute so the table cell will fit in a defined limits.\n *\n * @internal\n */\nexport function trimTableCellIfNeeded(\n\ttableCell: ModelElement,\n\tcellRow: number,\n\tcellColumn: number,\n\tlimitRow: number,\n\tlimitColumn: number,\n\twriter: ModelWriter\n): void {\n\tconst colspan = parseInt( tableCell.getAttribute( 'colspan' ) as string || '1' );\n\tconst rowspan = parseInt( tableCell.getAttribute( 'rowspan' ) as string || '1' );\n\n\tconst endColumn = cellColumn + colspan - 1;\n\n\tif ( endColumn > limitColumn ) {\n\t\tconst trimmedSpan = limitColumn - cellColumn + 1;\n\n\t\tupdateNumericAttribute( 'colspan', trimmedSpan, tableCell, writer, 1 );\n\t}\n\n\tconst endRow = cellRow + rowspan - 1;\n\n\tif ( endRow > limitRow ) {\n\t\tconst trimmedSpan = limitRow - cellRow + 1;\n\n\t\tupdateNumericAttribute( 'rowspan', trimmedSpan, tableCell, writer, 1 );\n\t}\n}\n\n/**\n * Sets proper heading attributes to a cropped table.\n */\nfunction addHeadingsToCroppedTable(\n\tcroppedTable: ModelElement, sourceTable: ModelElement, startRow: number, startColumn: number, writer: ModelWriter\n) {\n\tconst headingRows = parseInt( sourceTable.getAttribute( 'headingRows' ) as string || '0' );\n\n\tif ( headingRows > 0 ) {\n\t\tconst headingRowsInCrop = headingRows - startRow;\n\t\tupdateNumericAttribute( 'headingRows', headingRowsInCrop, croppedTable, writer, 0 );\n\t}\n\n\tconst headingColumns = parseInt( sourceTable.getAttribute( 'headingColumns' ) as string || '0' );\n\n\tif ( headingColumns > 0 ) {\n\t\tconst headingColumnsInCrop = headingColumns - startColumn;\n\t\tupdateNumericAttribute( 'headingColumns', headingColumnsInCrop, croppedTable, writer, 0 );\n\t}\n}\n\n/**\n * Removes columns that have no cells anchored.\n *\n * In table below:\n *\n *     +----+----+----+----+----+----+----+\n *     | 00 | 01      | 03 | 04      | 06 |\n *     +----+----+----+----+         +----+\n *     | 10 | 11      | 13 |         | 16 |\n *     +----+----+----+----+----+----+----+\n *     | 20 | 21      | 23 | 24      | 26 |\n *     +----+----+----+----+----+----+----+\n *                  ^--- empty ---^\n *\n * Will remove columns 2 and 5.\n *\n * **Note:** This is a low-level helper method for clearing invalid model state when doing table modifications.\n * To remove a column from a table use {@link module:table/tableutils~TableUtils#removeColumns `TableUtils.removeColumns()`}.\n *\n * @internal\n * @returns True if removed some columns.\n */\nexport function removeEmptyColumns( table: ModelElement, tableUtils: TableUtils ): boolean {\n\tconst width = tableUtils.getColumns( table );\n\tconst columnsMap = new Array( width ).fill( 0 );\n\n\tfor ( const { column } of new TableWalker( table ) ) {\n\t\tcolumnsMap[ column ]++;\n\t}\n\n\tconst emptyColumns = columnsMap.reduce( ( result, cellsCount, column ) => {\n\t\treturn cellsCount ? result : [ ...result, column ];\n\t}, [] );\n\n\tif ( emptyColumns.length > 0 ) {\n\t\t// Remove only last empty column because it will recurrently trigger removing empty rows.\n\t\tconst emptyColumn = emptyColumns[ emptyColumns.length - 1 ];\n\n\t\t// @if CK_DEBUG_TABLE // console.log( `Removing empty column: ${ emptyColumn }.` );\n\t\ttableUtils.removeColumns( table, { at: emptyColumn } );\n\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Removes rows that have no cells anchored.\n *\n * In table below:\n *\n *     +----+----+----+\n *     | 00 | 01 | 02 |\n *     +----+----+----+\n *     | 10 | 11 | 12 |\n *     +    +    +    +\n *     |    |    |    | <-- empty\n *     +----+----+----+\n *     | 30 | 31 | 32 |\n *     +----+----+----+\n *     | 40      | 42 |\n *     +         +    +\n *     |         |    | <-- empty\n *     +----+----+----+\n *     | 60 | 61 | 62 |\n *     +----+----+----+\n *\n * Will remove rows 2 and 5.\n *\n * **Note:** This is a low-level helper method for clearing invalid model state when doing table modifications.\n * To remove a row from a table use {@link module:table/tableutils~TableUtils#removeRows `TableUtils.removeRows()`}.\n *\n * @internal\n * @returns True if removed some rows.\n */\nexport function removeEmptyRows( table: ModelElement, tableUtils: TableUtils ): boolean {\n\tconst emptyRows = [];\n\tconst tableRowCount = tableUtils.getRows( table );\n\n\tfor ( let rowIndex = 0; rowIndex < tableRowCount; rowIndex++ ) {\n\t\tconst tableRow = table.getChild( rowIndex ) as ModelElement;\n\n\t\tif ( tableRow.isEmpty ) {\n\t\t\temptyRows.push( rowIndex );\n\t\t}\n\t}\n\n\tif ( emptyRows.length > 0 ) {\n\t\t// Remove only last empty row because it will recurrently trigger removing empty columns.\n\t\tconst emptyRow = emptyRows[ emptyRows.length - 1 ];\n\n\t\t// @if CK_DEBUG_TABLE // console.log( `Removing empty row: ${ emptyRow }.` );\n\t\ttableUtils.removeRows( table, { at: emptyRow } );\n\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Removes rows and columns that have no cells anchored.\n *\n * In table below:\n *\n *     +----+----+----+----+\n *     | 00      | 02      |\n *     +----+----+         +\n *     | 10      |         |\n *     +----+----+----+----+\n *     | 20      | 22 | 23 |\n *     +         +    +    +\n *     |         |    |    | <-- empty row\n *     +----+----+----+----+\n *             ^--- empty column\n *\n * Will remove row 3 and column 1.\n *\n * **Note:** This is a low-level helper method for clearing invalid model state when doing table modifications.\n * To remove a rows from a table use {@link module:table/tableutils~TableUtils#removeRows `TableUtils.removeRows()`} and\n * {@link module:table/tableutils~TableUtils#removeColumns `TableUtils.removeColumns()`} to remove a column.\n *\n * @internal\n */\nexport function removeEmptyRowsColumns( table: ModelElement, tableUtils: TableUtils ): void {\n\tconst removedColumns = removeEmptyColumns( table, tableUtils );\n\n\t// If there was some columns removed then cleaning empty rows was already triggered.\n\tif ( !removedColumns ) {\n\t\tremoveEmptyRows( table, tableUtils );\n\t}\n}\n\n/**\n * Returns adjusted last row index if selection covers part of a row with empty slots (spanned by other cells).\n * The `dimensions.lastRow` is equal to last row index but selection might be bigger.\n *\n * This happens *only* on rectangular selection so we analyze a case like this:\n *\n *        +---+---+---+---+\n *      0 | a | b | c | d |\n *        +   +   +---+---+\n *      1 |   | e | f | g |\n *        +   +---+   +---+\n *      2 |   | h |   | i | <- last row, each cell has rowspan = 2,\n *        +   +   +   +   +    so we need to return 3, not 2\n *      3 |   |   |   |   |\n *        +---+---+---+---+\n *\n * @internal\n * @returns Adjusted last row index.\n */\nexport function adjustLastRowIndex(\n\ttable: ModelElement,\n\tdimensions: {\n\t\tfirstRow: number;\n\t\tfirstColumn: number;\n\t\tlastRow: number;\n\t\tlastColumn: number;\n\t}\n): number {\n\tconst lastRowMap = Array.from( new TableWalker( table, {\n\t\tstartColumn: dimensions.firstColumn,\n\t\tendColumn: dimensions.lastColumn,\n\t\trow: dimensions.lastRow\n\t} ) );\n\n\tconst everyCellHasSingleRowspan = lastRowMap.every( ( { cellHeight } ) => cellHeight === 1 );\n\n\t// It is a \"flat\" row, so the last row index is OK.\n\tif ( everyCellHasSingleRowspan ) {\n\t\treturn dimensions.lastRow;\n\t}\n\n\t// Otherwise get any cell's rowspan and adjust the last row index.\n\tconst rowspanAdjustment = lastRowMap[ 0 ].cellHeight - 1;\n\treturn dimensions.lastRow + rowspanAdjustment;\n}\n\n/**\n * Returns adjusted last column index if selection covers part of a column with empty slots (spanned by other cells).\n * The `dimensions.lastColumn` is equal to last column index but selection might be bigger.\n *\n * This happens *only* on rectangular selection so we analyze a case like this:\n *\n *       0   1   2   3\n *     +---+---+---+---+\n *     | a             |\n *     +---+---+---+---+\n *     | b | c | d     |\n *     +---+---+---+---+\n *     | e     | f     |\n *     +---+---+---+---+\n *     | g | h         |\n *     +---+---+---+---+\n *               ^\n *              last column, each cell has colspan = 2, so we need to return 3, not 2\n *\n * @internal\n * @returns Adjusted last column index.\n */\nexport function adjustLastColumnIndex(\n\ttable: ModelElement,\n\tdimensions: {\n\t\tfirstRow: number;\n\t\tfirstColumn: number;\n\t\tlastRow: number;\n\t\tlastColumn: number;\n\t}\n): number {\n\tconst lastColumnMap = Array.from( new TableWalker( table, {\n\t\tstartRow: dimensions.firstRow,\n\t\tendRow: dimensions.lastRow,\n\t\tcolumn: dimensions.lastColumn\n\t} ) );\n\n\tconst everyCellHasSingleColspan = lastColumnMap.every( ( { cellWidth } ) => cellWidth === 1 );\n\n\t// It is a \"flat\" column, so the last column index is OK.\n\tif ( everyCellHasSingleColspan ) {\n\t\treturn dimensions.lastColumn;\n\t}\n\n\t// Otherwise get any cell's colspan and adjust the last column index.\n\tconst colspanAdjustment = lastColumnMap[ 0 ].cellWidth - 1;\n\treturn dimensions.lastColumn + colspanAdjustment;\n}\n\n/**\n * Get view `<table>` element from the wrapper.\n */\nexport function getViewTableFromWrapper( wrapperView: ViewElement ): ViewElement | undefined {\n\tfor ( const wrapperChild of wrapperView.getChildren() ) {\n\t\tif ( wrapperChild.is( 'element', 'table' ) ) {\n\t\t\treturn wrapperChild;\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/converters/upcasttable\n */\n\nimport type { ModelElement, UpcastDispatcher, UpcastElementEvent, ViewElement, ViewNode } from 'ckeditor5/src/engine.js';\n\nimport { createEmptyTableCell } from '../utils/common.js';\nimport { getViewTableFromWrapper } from '../utils/structure.js';\nimport { first } from 'ckeditor5/src/utils.js';\n\n/**\n * Returns a function that converts the table view representation:\n *\n * ```xml\n * <figure class=\"table\"><table>...</table></figure>\n * ```\n *\n * to the model representation:\n *\n * ```xml\n * <table></table>\n * ```\n *\n * @internal\n */\nexport function upcastTableFigure() {\n\treturn ( dispatcher: UpcastDispatcher ): void => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:figure', ( evt, data, conversionApi ) => {\n\t\t\t// Do not convert if this is not a \"table figure\".\n\t\t\tif ( !conversionApi.consumable.test( data.viewItem, { name: true, classes: 'table' } ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Find a table element inside the figure element.\n\t\t\tconst viewTable = getViewTableFromWrapper( data.viewItem );\n\n\t\t\t// Do not convert if table element is absent or was already converted.\n\t\t\tif ( !viewTable || !conversionApi.consumable.test( viewTable, { name: true } ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Consume the figure to prevent other converters from processing it again.\n\t\t\tconversionApi.consumable.consume( data.viewItem, { name: true, classes: 'table' } );\n\n\t\t\t// Convert view table to model table.\n\t\t\tconst conversionResult = conversionApi.convertItem( viewTable, data.modelCursor );\n\n\t\t\t// Get table element from conversion result.\n\t\t\tconst modelTable = first( conversionResult.modelRange!.getItems() as Iterator<ModelElement> );\n\n\t\t\t// When table wasn't successfully converted then finish conversion.\n\t\t\tif ( !modelTable || !modelTable.is( 'element', 'table' ) ) {\n\t\t\t\t// Revert consumed figure so other features can convert it.\n\t\t\t\tconversionApi.consumable.revert( data.viewItem, { name: true, classes: 'table' } );\n\n\t\t\t\t// If anyway some table content was converted, we have to pass the model range and cursor.\n\t\t\t\tif ( conversionResult.modelRange && !conversionResult.modelRange.isCollapsed ) {\n\t\t\t\t\tdata.modelRange = conversionResult.modelRange;\n\t\t\t\t\tdata.modelCursor = conversionResult.modelCursor;\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconversionApi.convertChildren( data.viewItem, conversionApi.writer.createPositionAt( modelTable, 'end' ) );\n\t\t\tconversionApi.updateConversionResult( modelTable, data );\n\t\t} );\n\t};\n}\n\n/**\n * View table element to model table element conversion helper.\n *\n * This conversion helper converts the table element as well as table rows.\n *\n * @returns Conversion helper.\n * @internal\n */\nexport function upcastTable() {\n\treturn ( dispatcher: UpcastDispatcher ): void => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:table', ( evt, data, conversionApi ) => {\n\t\t\tconst viewTable = data.viewItem;\n\n\t\t\t// When element was already consumed then skip it.\n\t\t\tif ( !conversionApi.consumable.test( viewTable, { name: true } ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { rows, headingRows, headingColumns } = scanTable( viewTable );\n\n\t\t\t// Only set attributes if values is greater then 0.\n\t\t\tconst attributes: { headingColumns?: number; headingRows?: number } = {};\n\n\t\t\tif ( headingColumns ) {\n\t\t\t\tattributes.headingColumns = headingColumns;\n\t\t\t}\n\n\t\t\tif ( headingRows ) {\n\t\t\t\tattributes.headingRows = headingRows;\n\t\t\t}\n\n\t\t\tconst table = conversionApi.writer.createElement( 'table', attributes );\n\n\t\t\tif ( !conversionApi.safeInsert( table, data.modelCursor ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconversionApi.consumable.consume( viewTable, { name: true } );\n\n\t\t\t// Upcast table rows in proper order (heading rows first).\n\t\t\trows.forEach( row => conversionApi.convertItem( row, conversionApi.writer.createPositionAt( table, 'end' ) ) );\n\n\t\t\t// Convert everything else.\n\t\t\tconversionApi.convertChildren( viewTable, conversionApi.writer.createPositionAt( table, 'end' ) );\n\n\t\t\t// Create one row and one table cell for empty table.\n\t\t\tif ( table.isEmpty ) {\n\t\t\t\tconst row = conversionApi.writer.createElement( 'tableRow' );\n\t\t\t\tconversionApi.writer.insert( row, conversionApi.writer.createPositionAt( table, 'end' ) );\n\n\t\t\t\tcreateEmptyTableCell( conversionApi.writer, conversionApi.writer.createPositionAt( row, 'end' ) );\n\t\t\t}\n\n\t\t\tconversionApi.updateConversionResult( table, data );\n\t\t} );\n\t};\n}\n\n/**\n * A conversion helper that skips empty <tr> elements from upcasting at the beginning of the table.\n *\n * An empty row is considered a table model error but when handling clipboard data there could be rows that contain only row-spanned cells\n * and empty TR-s are used to maintain the table structure (also {@link module:table/tablewalker~TableWalker} assumes that there are only\n * rows that have related `tableRow` elements).\n *\n * *Note:* Only the first empty rows are removed because they have no meaning and it solves the issue\n * of an improper table with all empty rows.\n *\n * @internal\n * @returns Conversion helper.\n */\nexport function skipEmptyTableRow() {\n\treturn ( dispatcher: UpcastDispatcher ): void => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:tr', ( evt, data ) => {\n\t\t\tif ( data.viewItem.isEmpty && data.modelCursor.index == 0 ) {\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'high' } );\n\t};\n}\n\n/**\n * A converter that ensures an empty paragraph is inserted in a table cell if no other content was converted.\n *\n * @internal\n * @returns Conversion helper.\n */\nexport function ensureParagraphInTableCell( elementName: string ) {\n\treturn ( dispatcher: UpcastDispatcher ): void => {\n\t\tdispatcher.on<UpcastElementEvent>( `element:${ elementName }`, ( evt, data, { writer } ) => {\n\t\t\t// The default converter will create a model range on converted table cell.\n\t\t\tif ( !data.modelRange ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst tableCell = data.modelRange.start.nodeAfter as ModelElement;\n\t\t\tconst modelCursor = writer.createPositionAt( tableCell, 0 );\n\n\t\t\t// Ensure a paragraph in the model for empty table cells for converted table cells.\n\t\t\tif ( data.viewItem.isEmpty ) {\n\t\t\t\twriter.insertElement( 'paragraph', modelCursor );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst childNodes = Array.from( tableCell.getChildren() );\n\n\t\t\t// In case there are only markers inside the table cell then move them to the paragraph.\n\t\t\tif ( childNodes.every( node => node.is( 'element', '$marker' ) ) ) {\n\t\t\t\tconst paragraph = writer.createElement( 'paragraph' );\n\n\t\t\t\twriter.insert( paragraph, writer.createPositionAt( tableCell, 0 ) );\n\n\t\t\t\tfor ( const node of childNodes ) {\n\t\t\t\t\twriter.move( writer.createRangeOn( node ), writer.createPositionAt( paragraph, 'end' ) );\n\t\t\t\t}\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * Scans table rows and extracts required metadata from the table:\n *\n * headingRows    - The number of rows that go as table headers.\n * headingColumns - The maximum number of row headings.\n * rows           - Sorted `<tr>` elements as they should go into the model - ie. if `<thead>` is inserted after `<tbody>` in the view.\n */\nfunction scanTable( viewTable: ViewElement ) {\n\tlet headingRows = 0;\n\tlet headingColumns: number | undefined = undefined;\n\n\t// The `<tbody>` and `<thead>` sections in the DOM do not have to be in order `<thead>` -> `<tbody>` and there might be more than one\n\t// of them.\n\t// As the model does not have these sections, rows from different sections must be sorted.\n\t// For example, below is a valid HTML table:\n\t//\n\t// <table>\n\t//   <tbody><tr><td>2</td></tr></tbody>\n\t//   <thead><tr><td>1</td></tr></thead>\n\t//   <tbody><tr><td>3</td></tr></tbody>\n\t// </table>\n\t//\n\t// But browsers will render rows in order as: 1 as the heading and 2 and 3 as the body.\n\tconst headRows = [];\n\tconst bodyRows = [];\n\n\t// Currently the editor does not support more then one <thead> section.\n\t// Only the first <thead> from the view will be used as a heading row and the others will be converted to body rows.\n\tlet firstTheadElement;\n\n\tfor ( const tableChild of Array.from( viewTable.getChildren() as IterableIterator<ViewElement> ) ) {\n\t\t// Only `<thead>`, `<tbody>` & `<tfoot>` from allowed table children can have `<tr>`s.\n\t\t// The else is for future purposes (mainly `<caption>`).\n\t\tif ( tableChild.name !== 'tbody' && tableChild.name !== 'thead' && tableChild.name !== 'tfoot' ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\t// Save the first `<thead>` in the table as table header - all other ones will be converted to table body rows.\n\t\tif ( tableChild.name === 'thead' && !firstTheadElement ) {\n\t\t\tfirstTheadElement = tableChild;\n\t\t}\n\n\t\t// There might be some extra empty text nodes between the `<tr>`s.\n\t\t// Make sure further code operates on `tr`s only. (#145)\n\t\tconst trs = Array.from( tableChild.getChildren() ).filter(\n\t\t\t( el: ViewNode ): el is ViewElement & { name: 'tr' } => el.is( 'element', 'tr' )\n\t\t);\n\n\t\t// Keep tracking of the previous row columns count to improve detection of heading rows.\n\t\tlet maxPrevColumns = null;\n\n\t\tfor ( const tr of trs ) {\n\t\t\tconst trColumns = Array\n\t\t\t\t.from( tr.getChildren() )\n\t\t\t\t.filter( el => el.is( 'element', 'td' ) || el.is( 'element', 'th' ) );\n\n\t\t\t// This <tr> is a child of a first <thead> element.\n\t\t\tif (\n\t\t\t\t( firstTheadElement && tableChild === firstTheadElement ) ||\n\t\t\t\t(\n\t\t\t\t\ttableChild.name === 'tbody' &&\n\t\t\t\t\ttrColumns.length > 0 &&\n\t\t\t\t\t// These conditions handles the case when the first column is a <th> element and it's the only column in the row.\n\t\t\t\t\t// This case is problematic because it's not clear if this row should be a heading row or not, as it may be result\n\t\t\t\t\t// of the cell span from the previous row.\n\t\t\t\t\t// Issue: https://github.com/ckeditor/ckeditor5/issues/17556\n\t\t\t\t\t( maxPrevColumns === null || trColumns.length === maxPrevColumns ) &&\n\t\t\t\t\ttrColumns.every( e => e.is( 'element', 'th' ) )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\theadingRows++;\n\t\t\t\theadRows.push( tr );\n\t\t\t} else {\n\t\t\t\tbodyRows.push( tr );\n\t\t\t}\n\n\t\t\t// We use the maximum number of columns to avoid false positives when detecting\n\t\t\t// multiple rows with single column within `rowspan`. Without it the last row of `rowspan=3`\n\t\t\t// would be detected as a heading row because it has only one column (identical to the previous row).\n\t\t\tmaxPrevColumns = Math.max( maxPrevColumns || 0, trColumns.length );\n\t\t}\n\t}\n\n\t// Generate the cell matrix so we can calculate the heading columns.\n\tconst bodyMatrix = generateCellMatrix( bodyRows );\n\n\tfor ( const rowSlots of bodyMatrix ) {\n\t\t// Look for the first non-`<th>` entry (either a `<td>` or a missing cell).\n\t\tlet index = 0;\n\n\t\twhile ( index < rowSlots.length ) {\n\t\t\tif ( rowSlots[ index ]?.name !== 'th' ) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tindex += 1;\n\t\t}\n\n\t\t// Update headingColumns.\n\t\tif ( !headingColumns || index < headingColumns ) {\n\t\t\theadingColumns = index;\n\t\t}\n\t}\n\n\treturn {\n\t\theadingRows,\n\t\theadingColumns: headingColumns || 0,\n\t\trows: [ ...headRows, ...bodyRows ]\n\t};\n}\n\n/**\n * Takes an array of `<tr>` elements and generates a \"matrix\" (square\n * two-dimensional array) describing which `<th>`s and `<td>`s fill which\n * \"slots\", factoring in `rowspan`s and `colspan`s. For example, given\n *\n * ```xml\n * <table>\n *   <tr> <td>11</td> <td rowspan=\"2\">12-22</td> <td>13</td> </tr>\n *   <tr> <td>21</td> <td>23</td> </tr>\n *   <tr> <td colspan=\"2\">31-32</td> <td>33</rd> </tr>\n * </table>\n * ```\n *\n * The result would be (with cell elements' text content in place of the element\n * objects for readability):\n *\n * ```js\n * [\n *   [ '11', '12-22', '13' ],\n *   [ '21', '12-22', '23' ],\n *   [ '31-32', '31-32', '33' ],\n * ]\n * ```\n *\n * This allows for a computation of heading columns that factors in the case\n * where a cell from a previous rows with a `rowspan` attribute effectively adds\n * an additional header cell to a subsequent row.\n *\n * There are also cases where cells are \"missing\" from a row. A simple one is\n * the case where a row simply has fewer cells than another row in the same\n * table. But another is one where a row has a cell with a `rowspan` that\n * effectively adds a cell to a subsequent row \"off the end\" of the row. In this\n * case, there will be a `null` value instead of an element object in that\n * position. For example,\n *\n * ```xml\n * <table>\n *   <tr> <td>11</td> <td>12</td> <td rowspan=\"2\">13-23</td> </tr>\n *   <tr> <td>21</td> </tr>\n *   <tr> <td>31</td> </tr>\n * </table>\n * ```\n *\n * would result in\n *\n * ```js\n * [\n *   [ '11', '12', '13-23' ],\n *   [ '21', null, '13-23' ],\n *   [ '31', null, null ]\n * ]\n * ```\n *\n * @param trs the array of `<tr>` elements\n * @returns the cell matrix\n */\nfunction generateCellMatrix( trs: Array<ViewElement> ) {\n\t// As we iterate, we keep track of cells with rowspans >1 so later rows can\n\t// factor them in. This trackes any such cells from previous rows.\n\tlet prevRowspans = new Map<number, { cell: ViewElement; remaining: number }>();\n\n\t// This is the maximum number of columns we've encountered.\n\tlet maxColumns = 0;\n\n\tconst slots = trs.map( tr => {\n\t\t// This will be the slots that are in this row, including cells from\n\t\t// previous rows with a big enough \"rowspan\" to affect this row.\n\t\tconst curSlots: Array<ViewElement | null> = [];\n\n\t\t// Get the cell elements\n\t\tconst children = Array.from( tr.getChildren() as IterableIterator<ViewElement> )\n\t\t\t.filter( child => child.name === 'th' || child.name === 'td' );\n\n\t\t// This will be any cells in this row that have a rowspan >1, so we can\n\t\t// combine it with `prevRowspans` when we're done processing this row.\n\t\tconst curRowspans = new Map<number, { cell: ViewElement; remaining: number }>();\n\n\t\t// We need to process all the cells in this row, but also previous rows'\n\t\t// cells with rowspans might add additional slots to the end of this row, so\n\t\t// we need to iterate until we've both consumed all the children _and_\n\t\t// filled out slots to the max number of columns we've encountered so far.\n\t\twhile ( children.length || curSlots.length < maxColumns ) {\n\t\t\tconst rowSpan = prevRowspans.get( curSlots.length );\n\t\t\tif ( rowSpan && rowSpan.remaining > 0 ) {\n\t\t\t\t// We have a cell at this index in a previous row whose rowspan extends\n\t\t\t\t// it into this row, so we insert a copy of it here.\n\t\t\t\tcurSlots.push( rowSpan.cell );\n\t\t\t} else {\n\t\t\t\t// See if we have more cells in the row.\n\t\t\t\tconst cell = children.shift();\n\t\t\t\tif ( cell ) {\n\t\t\t\t\t// We do, so process it\n\t\t\t\t\tconst colspan = parseInt( cell.getAttribute( 'colspan' ) as string || '1' );\n\t\t\t\t\tconst rowspan = parseInt( cell.getAttribute( 'rowspan' ) as string || '1' );\n\n\t\t\t\t\t// Process this cell as many times as needed according to its colspan.\n\t\t\t\t\tfor ( let i = 0; i < colspan; i++ ) {\n\t\t\t\t\t\t// if we have a >1 rowspan, create a record in the rowSpans map for\n\t\t\t\t\t\t// this column index keeping track of it.\n\t\t\t\t\t\tif ( rowspan > 1 ) {\n\t\t\t\t\t\t\tcurRowspans.set( curSlots.length, { cell, remaining: rowspan - 1 } );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tcurSlots.push( cell );\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// No remaining children in this row, so no cell in this slot.\n\t\t\t\t\tcurSlots.push( null );\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Now update the row spans. In weird edge cases where colspan and rowspan\n\t\t// conflict, we can end up with a cell in a column in this row that\n\t\t// \"truncates\" a row-spanning cell from a previous column, so make sure in\n\t\t// those cases, the value in `curRowspans` always \"wins\". We do this by\n\t\t// copying (and decrementing) values from `prevRowspans` into `curRowspans`\n\t\t// as long as there is no conflict, and then re-assigning `prevRowspans`.\n\t\tfor ( const [ index, entry ] of prevRowspans.entries() ) {\n\t\t\tentry.remaining -= 1;\n\t\t\tif ( entry.remaining > 0 && !curRowspans.has( index ) ) {\n\t\t\t\tcurRowspans.set( index, entry );\n\t\t\t}\n\t\t}\n\t\tprevRowspans = curRowspans;\n\n\t\t// Finally, update `maxColumns`.\n\t\tmaxColumns = Math.max( maxColumns, curSlots.length );\n\t\treturn curSlots;\n\t} );\n\n\t// Now expand any rows that have fewer than `maxColumns` with nulls so we have\n\t// a proper matrix.\n\tfor ( const rowSlots of slots ) {\n\t\twhile ( rowSlots.length < maxColumns ) {\n\t\t\trowSlots.push( null );\n\t\t}\n\t}\n\n\treturn slots;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/utils/table-properties\n */\n\nimport type { BoxStyleSides } from 'ckeditor5/src/engine.js';\nimport { isObject } from 'es-toolkit/compat';\n\n/**\n * Returns a string if all four values of box sides are equal.\n *\n * If a string is passed, it is treated as a single value (pass-through).\n *\n * ```ts\n * // Returns 'foo':\n * getSingleValue( { top: 'foo', right: 'foo', bottom: 'foo', left: 'foo' } );\n * getSingleValue( 'foo' );\n *\n * // Returns undefined:\n * getSingleValue( { top: 'foo', right: 'foo', bottom: 'bar', left: 'foo' } );\n * getSingleValue( { top: 'foo', right: 'foo' } );\n * ```\n *\n * @internal\n */\nexport function getSingleValue( objectOrString: BoxStyleSides | string | undefined ): string | undefined {\n\tif ( !objectOrString || !isObject( objectOrString ) ) {\n\t\treturn objectOrString;\n\t}\n\n\tconst { top, right, bottom, left } = objectOrString;\n\n\tif ( top == right && right == bottom && bottom == left ) {\n\t\treturn top!;\n\t}\n}\n\n/**\n * Adds a unit to a value if the value is a number or a string representing a number.\n *\n * **Note**: It does nothing to non-numeric values.\n *\n * ```ts\n * getSingleValue( 25, 'px' ); // '25px'\n * getSingleValue( 25, 'em' ); // '25em'\n * getSingleValue( '25em', 'px' ); // '25em'\n * getSingleValue( 'foo', 'px' ); // 'foo'\n * ```\n *\n * @internal\n * @param defaultUnit A default unit added to a numeric value.\n */\nexport function addDefaultUnitToNumericValue( value: string | number | undefined, defaultUnit: string ): string | number | undefined {\n\tconst numericValue = parseFloat( value as any );\n\n\tif ( Number.isNaN( numericValue ) ) {\n\t\treturn value;\n\t}\n\n\tif ( String( numericValue ) !== String( value ) ) {\n\t\treturn value;\n\t}\n\n\treturn `${ numericValue }${ defaultUnit }`;\n}\n\n/**\n * Interface representing the normalized default properties for table and cell elements.\n *\n * @internal\n */\nexport interface NormalizedDefaultProperties {\n\tborderStyle: string;\n\tborderWidth: string;\n\tborderColor: string;\n\tbackgroundColor: string;\n\twidth: string;\n\theight: string;\n\talignment?: string;\n\tpadding?: string;\n\tverticalAlignment?: string;\n\thorizontalAlignment?: string;\n}\n\n/**\n * Options used to determine which properties should be added to the normalized configuration.\n *\n * @internal\n */\nexport type NormalizeTableDefaultPropertiesOptions = {\n\n\t/**\n\t * Whether the \"alignment\" property should be added.\n\t */\n\tincludeAlignmentProperty?: boolean;\n\n\t/**\n\t * Whether the \"padding\" property should be added.\n\t */\n\tincludePaddingProperty?: boolean;\n\n\t/**\n\t * Whether the \"verticalAlignment\" property should be added.\n\t */\n\tincludeVerticalAlignmentProperty?: boolean;\n\n\t/**\n\t * Whether the \"horizontalAlignment\" property should be added.\n\t */\n\tincludeHorizontalAlignmentProperty?: boolean;\n\n\t/**\n\t * Whether the content is right-to-left.\n\t */\n\tisRightToLeftContent?: boolean;\n};\n\n/**\n * Returns the normalized configuration.\n *\n * @internal\n * @param config The configuration to normalize.\n * @param options Options used to determine which properties should be added.\n */\nexport function getNormalizedDefaultProperties(\n\tconfig?: Partial<NormalizedDefaultProperties>,\n\toptions: NormalizeTableDefaultPropertiesOptions = {}\n): NormalizedDefaultProperties {\n\tconst normalizedConfig: NormalizedDefaultProperties = {\n\t\tborderStyle: 'none',\n\t\tborderWidth: '',\n\t\tborderColor: '',\n\t\tbackgroundColor: '',\n\t\twidth: '',\n\t\theight: '',\n\t\t...config\n\t};\n\n\tif ( options.includeAlignmentProperty && !normalizedConfig.alignment ) {\n\t\tnormalizedConfig.alignment = 'center';\n\t}\n\n\tif ( options.includePaddingProperty && !normalizedConfig.padding ) {\n\t\tnormalizedConfig.padding = '';\n\t}\n\n\tif ( options.includeVerticalAlignmentProperty && !normalizedConfig.verticalAlignment ) {\n\t\tnormalizedConfig.verticalAlignment = 'middle';\n\t}\n\n\tif ( options.includeHorizontalAlignmentProperty && !normalizedConfig.horizontalAlignment ) {\n\t\tnormalizedConfig.horizontalAlignment = options.isRightToLeftContent ? 'right' : 'left';\n\t}\n\n\treturn normalizedConfig;\n}\n\n/**\n * Returns the normalized default table properties.\n *\n * @internal\n * @param config The configuration to normalize.\n * @param options Options used to determine which properties should be added.\n */\nexport function getNormalizedDefaultTableProperties(\n\tconfig?: Partial<NormalizedDefaultProperties>,\n\toptions?: NormalizeTableDefaultPropertiesOptions\n): NormalizedDefaultProperties {\n\treturn getNormalizedDefaultProperties( {\n\t\t// It adds support for border none in the table element, keep it in sync with the content styles\n\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/6841#issuecomment-1959195608\n\t\tborderStyle: 'double',\n\t\tborderColor: 'hsl(0, 0%, 70%)',\n\t\tborderWidth: '1px',\n\t\t...config\n\t}, options );\n}\n\n/**\n * Returns the normalized default cell properties.\n *\n * @internal\n * @param config The configuration to normalize.\n * @param options Options used to determine which properties should be added.\n */\nexport function getNormalizedDefaultCellProperties(\n\tconfig?: Partial<NormalizedDefaultProperties>,\n\toptions?: NormalizeTableDefaultPropertiesOptions\n): NormalizedDefaultProperties {\n\treturn getNormalizedDefaultProperties( {\n\t\t// It adds support for border none in the table element, keep it in sync with the content styles\n\t\t// See more: https://github.com/ckeditor/ckeditor5/issues/6841#issuecomment-1959195608\n\t\tborderStyle: 'solid',\n\t\tborderColor: 'hsl(0, 0%, 75%)',\n\t\tborderWidth: '1px',\n\t\t...config\n\t}, options );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/converters/downcast\n */\n\nimport { type Editor } from 'ckeditor5/src/core.js';\nimport { toWidget, toWidgetEditable } from 'ckeditor5/src/widget.js';\nimport type {\n\tModelNode,\n\tViewElement,\n\tViewElementAttributes,\n\tModelElement,\n\tViewDowncastWriter,\n\tDowncastElementCreatorFunction,\n\tViewContainerElement,\n\tDowncastConversionApi\n} from 'ckeditor5/src/engine.js';\n\nimport { TableWalker } from './../tablewalker.js';\nimport { type TableUtils } from '../tableutils.js';\nimport type { TableConversionAdditionalSlot } from '../tableediting.js';\nimport { downcastTableAlignmentConfig, type TableAlignmentValues } from './tableproperties.js';\nimport { getNormalizedDefaultTableProperties } from '../utils/table-properties.js';\n\n/**\n * Model table element to view table element conversion helper.\n *\n * @internal\n */\nexport function downcastTable( tableUtils: TableUtils, options: DowncastTableOptions ): DowncastElementCreatorFunction {\n\treturn ( table, { writer } ) => {\n\t\tconst headingRows = table.getAttribute( 'headingRows' ) as number || 0;\n\t\tconst tableElement = writer.createContainerElement( 'table', null, [] );\n\t\tconst figureElement = writer.createContainerElement( 'figure', { class: 'table' }, tableElement );\n\n\t\t// Table head slot.\n\t\tif ( headingRows > 0 ) {\n\t\t\twriter.insert(\n\t\t\t\twriter.createPositionAt( tableElement, 'end' ),\n\t\t\t\twriter.createContainerElement(\n\t\t\t\t\t'thead',\n\t\t\t\t\tnull,\n\t\t\t\t\twriter.createSlot( element => element.is( 'element', 'tableRow' ) && element.index! < headingRows )\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\n\t\t// Table body slot.\n\t\tif ( headingRows < tableUtils.getRows( table ) ) {\n\t\t\twriter.insert(\n\t\t\t\twriter.createPositionAt( tableElement, 'end' ),\n\t\t\t\twriter.createContainerElement(\n\t\t\t\t\t'tbody',\n\t\t\t\t\tnull,\n\t\t\t\t\twriter.createSlot( element => element.is( 'element', 'tableRow' ) && element.index! >= headingRows )\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\n\t\t// Dynamic slots.\n\t\tfor ( const { positionOffset, filter } of options.additionalSlots ) {\n\t\t\twriter.insert(\n\t\t\t\twriter.createPositionAt( tableElement, positionOffset ),\n\t\t\t\twriter.createSlot( filter )\n\t\t\t);\n\t\t}\n\n\t\t// Create a slot with items that don't fit into the table.\n\t\twriter.insert(\n\t\t\twriter.createPositionAt( tableElement, 'after' ),\n\t\t\twriter.createSlot( element => {\n\t\t\t\tif ( element.is( 'element', 'tableRow' ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\n\t\t\t\treturn !options.additionalSlots.some( ( { filter } ) => filter( element ) );\n\t\t\t} )\n\t\t);\n\n\t\treturn options.asWidget ? toTableWidget( figureElement, writer ) : figureElement;\n\t};\n}\n\n/**\n * Model table row element to view `<tr>` element conversion helper.\n *\n * @internal\n * @returns Element creator.\n */\nexport function downcastRow(): DowncastElementCreatorFunction {\n\treturn ( tableRow, { writer } ) => {\n\t\treturn tableRow.isEmpty ?\n\t\t\twriter.createEmptyElement( 'tr' ) :\n\t\t\twriter.createContainerElement( 'tr' );\n\t};\n}\n\n/**\n * Model table cell element to view `<td>` or `<th>` element conversion helper.\n *\n * This conversion helper will create proper `<th>` elements for table cells that are in the heading section (heading row or column)\n * and `<td>` otherwise.\n *\n * @internal\n * @param options.asWidget If set to `true`, the downcast conversion will produce a widget.\n * @returns Element creator.\n */\nexport function downcastCell( options: { asWidget?: boolean } = {} ): DowncastElementCreatorFunction {\n\treturn ( tableCell, { writer } ) => {\n\t\tconst tableRow = tableCell.parent as ModelElement;\n\t\tconst table = tableRow.parent as ModelElement;\n\t\tconst rowIndex = table.getChildIndex( tableRow )!;\n\n\t\tconst tableWalker = new TableWalker( table, { row: rowIndex } );\n\t\tconst headingRows = table.getAttribute( 'headingRows' ) as number || 0;\n\t\tconst headingColumns = table.getAttribute( 'headingColumns' ) as number || 0;\n\n\t\tlet result: ViewElement | null = null;\n\n\t\t// We need to iterate over a table in order to get proper row & column values from a walker.\n\t\tfor ( const tableSlot of tableWalker ) {\n\t\t\tif ( tableSlot.cell == tableCell ) {\n\t\t\t\tconst isHeading = tableSlot.row < headingRows || tableSlot.column < headingColumns;\n\t\t\t\tconst cellElementName = isHeading ? 'th' : 'td';\n\n\t\t\t\tresult = options.asWidget ?\n\t\t\t\t\ttoWidgetEditable( writer.createEditableElement( cellElementName ), writer, { withAriaRole: false } ) :\n\t\t\t\t\twriter.createContainerElement( cellElementName );\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t};\n}\n\n/**\n * Overrides paragraph inside table cell conversion.\n *\n * This converter:\n * * should be used to override default paragraph conversion.\n * * It will only convert `<paragraph>` placed directly inside `<tableCell>`.\n * * For a single paragraph without attributes it returns `<span>` to simulate data table.\n * * For all other cases it returns `<p>` element.\n *\n * @internal\n * @param options.asWidget If set to `true`, the downcast conversion will produce a widget.\n * @returns Element creator.\n */\nexport function convertParagraphInTableCell( options: { asWidget?: boolean } = {} ): DowncastElementCreatorFunction {\n\treturn ( modelElement, { writer } ) => {\n\t\tif ( !modelElement.parent!.is( 'element', 'tableCell' ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( !isSingleParagraphWithoutAttributes( modelElement ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( options.asWidget ) {\n\t\t\treturn writer.createContainerElement( 'span', { class: 'ck-table-bogus-paragraph' } );\n\t\t} else {\n\t\t\t// Using `<p>` in case there are some markers on it and transparentRendering will render it anyway.\n\t\t\tconst viewElement = writer.createContainerElement( 'p' );\n\n\t\t\twriter.setCustomProperty( 'dataPipeline:transparentRendering', true, viewElement );\n\n\t\t\treturn viewElement;\n\t\t}\n\t};\n}\n\n/**\n * Checks if given model `<paragraph>` is an only child of a parent (`<tableCell>`) and if it has any attribute set.\n *\n * The paragraph should be converted in the editing view to:\n *\n * * If returned `true` - to a `<span class=\"ck-table-bogus-paragraph\">`\n * * If returned `false` - to a `<p>`\n *\n * @internal\n */\nexport function isSingleParagraphWithoutAttributes( modelElement: ModelElement ): boolean {\n\tconst tableCell = modelElement.parent!;\n\n\tconst isSingleParagraph = tableCell.childCount == 1;\n\n\treturn isSingleParagraph && !hasAnyAttribute( modelElement );\n}\n\n/**\n * Converts a given {@link module:engine/view/element~ViewElement} to a table widget:\n * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property}\n * allowing to recognize the table widget element.\n * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.\n *\n * @param writer An instance of the view writer.\n * @param label The element's label. It will be concatenated with the table `alt` attribute if one is present.\n */\nfunction toTableWidget( viewElement: ViewElement, writer: ViewDowncastWriter ): ViewElement {\n\twriter.setCustomProperty( 'table', true, viewElement );\n\n\treturn toWidget( viewElement, writer, { hasSelectionHandle: true } );\n}\n\n/**\n * Checks if an element has any attributes set.\n */\nfunction hasAnyAttribute( element: ModelNode ): boolean {\n\tfor ( const attributeKey of element.getAttributeKeys() ) {\n\t\t// Ignore selection attributes stored on block elements.\n\t\tif ( attributeKey.startsWith( 'selection:' ) || attributeKey == 'htmlEmptyBlock' ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\n/**\n * Downcasts a plain table (also used in the clipboard pipeline).\n */\nexport function convertPlainTable( editor: Editor ): DowncastElementCreatorFunction {\n\treturn ( table, conversionApi ) => {\n\t\tconst hasPlainTableOutput = editor.plugins.has( 'PlainTableOutput' );\n\t\tconst isClipboardPipeline = conversionApi.options.isClipboardPipeline;\n\t\tconst useExtendedAlignment = editor.config.get( 'experimentalFlags.useExtendedTableBlockAlignment' ) as boolean;\n\n\t\tif ( !hasPlainTableOutput && !( useExtendedAlignment && isClipboardPipeline ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn downcastPlainTable( table, conversionApi, editor );\n\t};\n}\n\n/**\n * Downcasts a plain table caption (also used in the clipboard pipeline).\n */\nexport function convertPlainTableCaption( editor: Editor ): DowncastElementCreatorFunction {\n\treturn ( modelElement, { writer, options } ) => {\n\t\tconst hasPlainTableOutput = editor.plugins.has( 'PlainTableOutput' );\n\t\tconst isClipboardPipeline = options.isClipboardPipeline;\n\t\tconst useExtendedAlignment = editor.config.get( 'experimentalFlags.useExtendedTableBlockAlignment' ) as boolean;\n\n\t\tif ( !hasPlainTableOutput && !( useExtendedAlignment && isClipboardPipeline ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( modelElement.parent!.name === 'table' ) {\n\t\t\treturn writer.createContainerElement( 'caption' );\n\t\t}\n\n\t\treturn null;\n\t};\n}\n\n/**\n * Downcasts a plain table.\n *\n * @param table Table model element.\n * @param conversionApi The conversion API object.\n * @param defaultTableProperties Normalized default table properties.\n * @returns Created element.\n */\nexport function downcastPlainTable(\n\ttable: ModelElement,\n\tconversionApi: DowncastConversionApi,\n\teditor: Editor\n): ViewElement {\n\tconst writer = conversionApi.writer;\n\tconst headingRows = table.getAttribute( 'headingRows' ) as number || 0;\n\n\t// Table head rows slot.\n\tconst headRowsSlot = writer.createSlot( ( element: ModelNode ) =>\n\t\telement.is( 'element', 'tableRow' ) && element.index! < headingRows\n\t);\n\n\t// Table body rows slot.\n\tconst bodyRowsSlot = writer.createSlot( ( element: ModelNode ) =>\n\t\telement.is( 'element', 'tableRow' ) && element.index! >= headingRows\n\t);\n\n\t// Table children slot.\n\tconst childrenSlot = writer.createSlot( ( element: ModelNode ) => !element.is( 'element', 'tableRow' ) );\n\n\t// Table <thead> element with all the heading rows.\n\tconst theadElement = writer.createContainerElement( 'thead', null, headRowsSlot );\n\n\t// Table <tbody> element with all the body rows.\n\tconst tbodyElement = writer.createContainerElement( 'tbody', null, bodyRowsSlot );\n\n\t// Table contents element containing <thead> and <tbody> when necessary.\n\tconst tableContentElements: Array<ViewContainerElement> = [];\n\n\tif ( headingRows ) {\n\t\ttableContentElements.push( theadElement );\n\t}\n\n\tif ( headingRows < table.childCount ) {\n\t\ttableContentElements.push( tbodyElement );\n\t}\n\n\tconst tableAttributes: ViewElementAttributes = { class: 'table' };\n\n\tif ( editor.plugins.has( 'TableProperties' ) && conversionApi.options.isClipboardPipeline ) {\n\t\tconst defaultTableProperties = getNormalizedDefaultTableProperties(\n\t\t\teditor.config.get( 'table.tableProperties.defaultProperties' )!,\n\t\t\t{\n\t\t\t\tincludeAlignmentProperty: true\n\t\t\t}\n\t\t);\n\n\t\tconst tableAlignment = table.getAttribute( 'tableAlignment' ) as TableAlignmentValues | undefined;\n\n\t\tlet localDefaultValue = defaultTableProperties.alignment;\n\n\t\tif ( table.getAttribute( 'tableType' ) === 'layout' ) {\n\t\t\tlocalDefaultValue = '';\n\t\t}\n\n\t\tconst tableAlignmentValue = tableAlignment || localDefaultValue as TableAlignmentValues | undefined;\n\n\t\tif ( tableAlignmentValue ) {\n\t\t\ttableAttributes.class += ' ' + downcastTableAlignmentConfig[ tableAlignmentValue ].className;\n\t\t\ttableAttributes.style = downcastTableAlignmentConfig[ tableAlignmentValue ].style;\n\n\t\t\tif ( downcastTableAlignmentConfig[ tableAlignmentValue ].align !== undefined ) {\n\t\t\t\ttableAttributes.align = downcastTableAlignmentConfig[ tableAlignmentValue ].align;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Create table structure.\n\t//\n\t// <table>\n\t//    {children-slot-like-caption}\n\t//    <thead>\n\t//        {table-head-rows-slot}\n\t//    </thead>\n\t//    <tbody>\n\t//        {table-body-rows-slot}\n\t//    </tbody>\n\t// </table>\n\treturn writer.createContainerElement( 'table', tableAttributes, [ childrenSlot, ...tableContentElements ] );\n}\n\n/**\n * Registers border and background attributes converters for plain tables or when the clipboard pipeline is used.\n */\nexport function downcastTableBorderAndBackgroundAttributes( editor: Editor ): void {\n\tconst modelAttributes = {\n\t\t'border-width': 'tableBorderWidth',\n\t\t'border-color': 'tableBorderColor',\n\t\t'border-style': 'tableBorderStyle',\n\t\t'background-color': 'tableBackgroundColor'\n\t};\n\n\tfor ( const [ styleName, modelAttribute ] of Object.entries( modelAttributes ) ) {\n\t\teditor.conversion.for( 'dataDowncast' ).add( dispatcher => {\n\t\t\treturn dispatcher.on( `attribute:${ modelAttribute }:table`, ( evt, data, conversionApi ) => {\n\t\t\t\tconst { item, attributeNewValue } = data;\n\t\t\t\tconst { mapper, writer } = conversionApi;\n\n\t\t\t\tconst hasPlainTableOutput = editor.plugins.has( 'PlainTableOutput' );\n\t\t\t\tconst isClipboardPipeline = conversionApi.options.isClipboardPipeline;\n\t\t\t\tconst useExtendedAlignment = editor.config.get( 'experimentalFlags.useExtendedTableBlockAlignment' ) as boolean;\n\n\t\t\t\tif ( !hasPlainTableOutput && !( useExtendedAlignment && isClipboardPipeline ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( !conversionApi.consumable.consume( item, evt.name ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst table = mapper.toViewElement( item );\n\n\t\t\t\tif ( attributeNewValue ) {\n\t\t\t\t\twriter.setStyle( styleName, attributeNewValue, table );\n\t\t\t\t} else {\n\t\t\t\t\twriter.removeStyle( styleName, table );\n\t\t\t\t}\n\t\t\t}, { priority: 'high' } );\n\t\t} );\n\t}\n}\n\n/**\n * Options for the downcast table conversion.\n *\n * @internal\n */\nexport interface DowncastTableOptions {\n\n\t/**\n\t * If set to `true`, the downcast conversion will produce a widget.\n\t */\n\tasWidget?: boolean;\n\n\t/**\n\t * Array of additional slot handlers.\n\t */\n\tadditionalSlots: Array<TableConversionAdditionalSlot>;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/inserttablecommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\n\nimport type {\n\tModelDocumentSelection,\n\tModelSchema,\n\tModelSelection,\n\tModelElement\n} from 'ckeditor5/src/engine.js';\nimport { type TableUtils } from '../tableutils.js';\n\n/**\n * The insert table command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'insertTable'` editor command.\n *\n * To insert a table at the current selection, execute the command and specify the dimensions:\n *\n * ```ts\n * editor.execute( 'insertTable', { rows: 20, columns: 5 } );\n * ```\n */\nexport class InsertTableCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst schema = model.schema;\n\n\t\tthis.isEnabled = isAllowedInParent( selection, schema );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * Inserts a table with the given number of rows and columns into the editor.\n\t *\n\t * @param options.rows The number of rows to create in the inserted table. Default value is 2.\n\t * @param options.columns The number of columns to create in the inserted table. Default value is 2.\n\t * @param options.headingRows The number of heading rows. If not provided it will default to\n\t * {@link module:table/tableconfig~TableConfig#defaultHeadings `config.table.defaultHeadings.rows`} table config.\n\t * @param options.headingColumns The number of heading columns. If not provided it will default to\n\t * {@link module:table/tableconfig~TableConfig#defaultHeadings `config.table.defaultHeadings.columns`} table config.\n\t * @fires execute\n\t */\n\tpublic override execute(\n\t\toptions: {\n\t\t\trows?: number;\n\t\t\tcolumns?: number;\n\t\t\theadingRows?: number;\n\t\t\theadingColumns?: number;\n\t\t} = {}\n\t): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst tableUtils: TableUtils = editor.plugins.get( 'TableUtils' );\n\n\t\tconst defaultRows = editor.config.get( 'table.defaultHeadings.rows' );\n\t\tconst defaultColumns = editor.config.get( 'table.defaultHeadings.columns' );\n\n\t\tif ( options.headingRows === undefined && defaultRows ) {\n\t\t\toptions.headingRows = defaultRows;\n\t\t}\n\n\t\tif ( options.headingColumns === undefined && defaultColumns ) {\n\t\t\toptions.headingColumns = defaultColumns;\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tconst table = tableUtils.createTable( writer, options );\n\n\t\t\tmodel.insertObject( table, null, null, { findOptimalPosition: 'auto' } );\n\n\t\t\twriter.setSelection( writer.createPositionAt( table.getNodeByPath( [ 0, 0, 0 ] ), 0 ) );\n\t\t} );\n\t}\n}\n\n/**\n * Checks if the table is allowed in the parent.\n */\nfunction isAllowedInParent( selection: ModelSelection | ModelDocumentSelection, schema: ModelSchema ) {\n\tconst positionParent = selection.getFirstPosition()!.parent;\n\tconst validParent = positionParent === positionParent.root ? positionParent : positionParent.parent;\n\n\treturn schema.checkChild( validParent as ModelElement, 'table' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/insertrowcommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { type TableUtils } from '../tableutils.js';\n\n/**\n * The insert row command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'insertTableRowBelow'` and\n * `'insertTableRowAbove'` editor commands.\n *\n * To insert a row below the selected cell, execute the following command:\n *\n * ```ts\n * editor.execute( 'insertTableRowBelow' );\n * ```\n *\n * To insert a row above the selected cell, execute the following command:\n *\n * ```ts\n * editor.execute( 'insertTableRowAbove' );\n * ```\n */\nexport class InsertRowCommand extends Command {\n\t/**\n\t * The order of insertion relative to the row in which the caret is located.\n\t */\n\tpublic readonly order: 'above' | 'below';\n\n\t/**\n\t * Creates a new `InsertRowCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param options.order The order of insertion relative to the row in which the caret is located.\n\t * Possible values: `\"above\"` and `\"below\"`. Default value is \"below\"\n\t */\n\tconstructor( editor: Editor, options: { order?: 'above' | 'below' } = {} ) {\n\t\tsuper( editor );\n\n\t\tthis.order = options.order || 'below';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst isAnyCellSelected = !!tableUtils.getSelectionAffectedTableCells( selection ).length;\n\n\t\tthis.isEnabled = isAnyCellSelected;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * Depending on the command's {@link #order} value, it inserts a row `'below'` or `'above'` the row in which selection is set.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst tableUtils: TableUtils = editor.plugins.get( 'TableUtils' );\n\t\tconst insertAbove = this.order === 'above';\n\n\t\tconst affectedTableCells = tableUtils.getSelectionAffectedTableCells( selection );\n\t\tconst rowIndexes = tableUtils.getRowIndexes( affectedTableCells );\n\n\t\tconst row = insertAbove ? rowIndexes.first : rowIndexes.last;\n\t\tconst table = affectedTableCells[ 0 ].findAncestor( 'table' )!;\n\n\t\ttableUtils.insertRows( table, { at: insertAbove ? row : row + 1, copyStructureFromAbove: !insertAbove } );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/insertcolumncommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { type TableUtils } from '../tableutils.js';\n\n/**\n * The insert column command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'insertTableColumnLeft'` and\n * `'insertTableColumnRight'` editor commands.\n *\n * To insert a column to the left of the selected cell, execute the following command:\n *\n * ```ts\n * editor.execute( 'insertTableColumnLeft' );\n * ```\n *\n * To insert a column to the right of the selected cell, execute the following command:\n *\n * ```ts\n * editor.execute( 'insertTableColumnRight' );\n * ```\n */\nexport class InsertColumnCommand extends Command {\n\t/**\n\t * The order of insertion relative to the column in which the caret is located.\n\t */\n\tpublic readonly order: 'left' | 'right';\n\n\t/**\n\t * Creates a new `InsertColumnCommand` instance.\n\t *\n\t * @param editor An editor on which this command will be used.\n\t * @param options.order The order of insertion relative to the column in which the caret is located.\n\t * Possible values: `\"left\"` and `\"right\"`. Default value is \"right\".\n\t */\n\tconstructor( editor: Editor, options: { order?: 'left' | 'right' } = {} ) {\n\t\tsuper( editor );\n\n\t\tthis.order = options.order || 'right';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst isAnyCellSelected = !!tableUtils.getSelectionAffectedTableCells( selection ).length;\n\n\t\tthis.isEnabled = isAnyCellSelected;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * Depending on the command's {@link #order} value, it inserts a column to the `'left'` or `'right'` of the column\n\t * in which the selection is set.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst tableUtils: TableUtils = editor.plugins.get( 'TableUtils' );\n\t\tconst insertBefore = this.order === 'left';\n\n\t\tconst affectedTableCells = tableUtils.getSelectionAffectedTableCells( selection );\n\t\tconst columnIndexes = tableUtils.getColumnIndexes( affectedTableCells );\n\n\t\tconst column = insertBefore ? columnIndexes.first : columnIndexes.last;\n\t\tconst table = affectedTableCells[ 0 ].findAncestor( 'table' )!;\n\n\t\ttableUtils.insertColumns( table, { columns: 1, at: insertBefore ? column : column + 1 } );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/splitcellcommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { type TableUtils } from '../tableutils.js';\n\n/**\n * The split cell command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'splitTableCellVertically'`\n * and `'splitTableCellHorizontally'`  editor commands.\n *\n * You can split any cell vertically or horizontally by executing this command. For example, to split the selected table cell vertically:\n *\n * ```ts\n * editor.execute( 'splitTableCellVertically' );\n * ```\n */\nexport class SplitCellCommand extends Command {\n\t/**\n\t * The direction that indicates which cell will be split.\n\t */\n\tpublic readonly direction: 'horizontally' | 'vertically';\n\n\t/**\n\t * Creates a new `SplitCellCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param options.direction Indicates whether the command should split cells `'horizontally'` or `'vertically'`.\n\t */\n\tconstructor( editor: Editor, options: { direction?: 'horizontally' | 'vertically' } = {} ) {\n\t\tsuper( editor );\n\n\t\tthis.direction = options.direction || 'horizontally';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst selectedCells = tableUtils.getSelectionAffectedTableCells( this.editor.model.document.selection );\n\n\t\tthis.isEnabled = selectedCells.length === 1;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst tableCell = tableUtils.getSelectionAffectedTableCells( this.editor.model.document.selection )[ 0 ];\n\t\tconst isHorizontal = this.direction === 'horizontally';\n\n\t\tif ( isHorizontal ) {\n\t\t\ttableUtils.splitCellHorizontally( tableCell, 2 );\n\t\t} else {\n\t\t\ttableUtils.splitCellVertically( tableCell, 2 );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/mergecellcommand\n */\n\nimport type {\n\tModelElement,\n\tModelNode,\n\tModelWriter\n} from 'ckeditor5/src/engine.js';\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { TableWalker } from '../tablewalker.js';\nimport { isHeadingColumnCell } from '../utils/common.js';\nimport { removeEmptyRowsColumns } from '../utils/structure.js';\nimport type { ArrowKeyCodeDirection } from 'ckeditor5/src/utils.js';\n\nimport { type TableUtils } from '../tableutils.js';\n\n/**\n * The merge cell command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'mergeTableCellRight'`, `'mergeTableCellLeft'`,\n * `'mergeTableCellUp'` and `'mergeTableCellDown'` editor commands.\n *\n * To merge a table cell at the current selection with another cell, execute the command corresponding with the preferred direction.\n *\n * For example, to merge with a cell to the right:\n *\n * ```ts\n * editor.execute( 'mergeTableCellRight' );\n * ```\n *\n * **Note**: If a table cell has a different [`rowspan`](https://www.w3.org/TR/html50/tabular-data.html#attr-tdth-rowspan)\n * (for `'mergeTableCellRight'` and `'mergeTableCellLeft'`) or [`colspan`](https://www.w3.org/TR/html50/tabular-data.html#attr-tdth-colspan)\n * (for `'mergeTableCellUp'` and `'mergeTableCellDown'`), the command will be disabled.\n */\nexport class MergeCellCommand extends Command {\n\t/**\n\t * The direction that indicates which cell will be merged with the currently selected one.\n\t */\n\tpublic readonly direction: ArrowKeyCodeDirection;\n\n\t/**\n\t * Whether the merge is horizontal (left/right) or vertical (up/down).\n\t */\n\tpublic readonly isHorizontal: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic declare value: ModelNode | undefined;\n\n\t/**\n\t * Creates a new `MergeCellCommand` instance.\n\t *\n\t * @param editor The editor on which this command will be used.\n\t * @param options.direction Indicates which cell to merge with the currently selected one.\n\t * Possible values are: `'left'`, `'right'`, `'up'` and `'down'`.\n\t */\n\tconstructor( editor: Editor, options: { direction: ArrowKeyCodeDirection } ) {\n\t\tsuper( editor );\n\n\t\tthis.direction = options.direction;\n\t\tthis.isHorizontal = this.direction == 'right' || this.direction == 'left';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst cellToMerge = this._getMergeableCell();\n\n\t\tthis.value = cellToMerge;\n\t\tthis.isEnabled = !!cellToMerge;\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * Depending on the command's {@link #direction} value, it will merge the cell that is to the `'left'`, `'right'`, `'up'` or `'down'`.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst tableCell = tableUtils.getTableCellsContainingSelection( doc.selection )[ 0 ];\n\n\t\tconst cellToMerge = this.value!;\n\t\tconst direction = this.direction;\n\n\t\tmodel.change( writer => {\n\t\t\tconst isMergeNext = direction == 'right' || direction == 'down';\n\n\t\t\t// The merge mechanism is always the same so sort cells to be merged.\n\t\t\tconst cellToExpand = ( isMergeNext ? tableCell : cellToMerge ) as ModelElement;\n\t\t\tconst cellToRemove = ( isMergeNext ? cellToMerge : tableCell ) as ModelElement;\n\n\t\t\t// Cache the parent of cell to remove for later check.\n\t\t\tconst removedTableCellRow = cellToRemove.parent as ModelElement;\n\n\t\t\tmergeTableCells( cellToRemove, cellToExpand, writer );\n\n\t\t\tconst spanAttribute = this.isHorizontal ? 'colspan' : 'rowspan';\n\t\t\tconst cellSpan = parseInt( tableCell.getAttribute( spanAttribute ) as string || '1' );\n\t\t\tconst cellToMergeSpan = parseInt( cellToMerge.getAttribute( spanAttribute ) as string || '1' );\n\n\t\t\t// Update table cell span attribute and merge set selection on merged contents.\n\t\t\twriter.setAttribute( spanAttribute, cellSpan + cellToMergeSpan, cellToExpand );\n\t\t\twriter.setSelection( writer.createRangeIn( cellToExpand ) );\n\n\t\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\t\tconst table = removedTableCellRow.findAncestor( 'table' )!;\n\n\t\t\t// Remove empty rows and columns after merging.\n\t\t\tremoveEmptyRowsColumns( table, tableUtils );\n\t\t} );\n\t}\n\n\t/**\n\t * Returns a cell that can be merged with the current cell depending on the command's direction.\n\t */\n\tprivate _getMergeableCell(): ModelNode | undefined {\n\t\tconst model = this.editor.model;\n\t\tconst doc = model.document;\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst tableCell = tableUtils.getTableCellsContainingSelection( doc.selection )[ 0 ];\n\n\t\tif ( !tableCell ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// First get the cell on proper direction.\n\t\tconst cellToMerge = this.isHorizontal ?\n\t\t\tgetHorizontalCell( tableCell, this.direction, tableUtils ) :\n\t\t\tgetVerticalCell( tableCell, this.direction, tableUtils );\n\n\t\tif ( !cellToMerge ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If found check if the span perpendicular to merge direction is equal on both cells.\n\t\tconst spanAttribute = this.isHorizontal ? 'rowspan' : 'colspan';\n\t\tconst span = parseInt( tableCell.getAttribute( spanAttribute ) as string || '1' );\n\n\t\tconst cellToMergeSpan = parseInt( cellToMerge.getAttribute( spanAttribute ) as string || '1' );\n\n\t\tif ( cellToMergeSpan === span ) {\n\t\t\treturn cellToMerge;\n\t\t}\n\t}\n}\n\n/**\n * Returns the cell that can be merged horizontally.\n */\nfunction getHorizontalCell( tableCell: ModelElement, direction: ArrowKeyCodeDirection, tableUtils: TableUtils ) {\n\tconst tableRow = tableCell.parent!;\n\tconst table = tableRow.parent as ModelElement;\n\tconst horizontalCell = direction == 'right' ? tableCell.nextSibling : tableCell.previousSibling;\n\tconst hasHeadingColumns = ( table.getAttribute( 'headingColumns' ) as number || 0 ) > 0;\n\n\tif ( !horizontalCell ) {\n\t\treturn;\n\t}\n\n\t// Sort cells:\n\tconst cellOnLeft = ( direction == 'right' ? tableCell : horizontalCell ) as ModelElement;\n\tconst cellOnRight = ( direction == 'right' ? horizontalCell : tableCell ) as ModelElement;\n\n\t// Get their column indexes:\n\tconst { column: leftCellColumn } = tableUtils.getCellLocation( cellOnLeft );\n\tconst { column: rightCellColumn } = tableUtils.getCellLocation( cellOnRight );\n\n\tconst leftCellSpan = parseInt( cellOnLeft.getAttribute( 'colspan' ) as string || '1' );\n\n\tconst isCellOnLeftInHeadingColumn = isHeadingColumnCell( tableUtils, cellOnLeft );\n\tconst isCellOnRightInHeadingColumn = isHeadingColumnCell( tableUtils, cellOnRight );\n\n\t// We cannot merge heading columns cells with regular cells.\n\tif ( hasHeadingColumns && isCellOnLeftInHeadingColumn != isCellOnRightInHeadingColumn ) {\n\t\treturn;\n\t}\n\n\t// The cell on the right must have index that is distant to the cell on the left by the left cell's width (colspan).\n\tconst cellsAreTouching = leftCellColumn + leftCellSpan === rightCellColumn;\n\n\t// If the right cell's column index is different it means that there are rowspanned cells between them.\n\treturn cellsAreTouching ? horizontalCell : undefined;\n}\n\n/**\n * Returns the cell that can be merged vertically.\n */\nfunction getVerticalCell( tableCell: ModelElement, direction: ArrowKeyCodeDirection, tableUtils: TableUtils ): ModelNode | null {\n\tconst tableRow = tableCell.parent as ModelElement;\n\tconst table = tableRow.parent as ModelElement;\n\n\tconst rowIndex = table.getChildIndex( tableRow )!;\n\n\t// Don't search for mergeable cell if direction points out of the table.\n\tif ( ( direction == 'down' && rowIndex === tableUtils.getRows( table ) - 1 ) || ( direction == 'up' && rowIndex === 0 ) ) {\n\t\treturn null;\n\t}\n\n\tconst rowspan = parseInt( tableCell.getAttribute( 'rowspan' ) as string || '1' );\n\tconst headingRows = table.getAttribute( 'headingRows' ) || 0;\n\n\tconst isMergeWithBodyCell = direction == 'down' && ( rowIndex + rowspan ) === headingRows;\n\tconst isMergeWithHeadCell = direction == 'up' && rowIndex === headingRows;\n\n\t// Don't search for mergeable cell if direction points out of the current table section.\n\tif ( headingRows && ( isMergeWithBodyCell || isMergeWithHeadCell ) ) {\n\t\treturn null;\n\t}\n\n\tconst currentCellRowSpan = parseInt( tableCell.getAttribute( 'rowspan' ) as string || '1' );\n\tconst rowOfCellToMerge = direction == 'down' ? rowIndex + currentCellRowSpan : rowIndex;\n\n\tconst tableMap = [ ...new TableWalker( table, { endRow: rowOfCellToMerge } ) ];\n\n\tconst currentCellData = tableMap.find( value => value.cell === tableCell )!;\n\tconst mergeColumn = currentCellData.column;\n\n\tconst cellToMergeData = tableMap.find( ( { row, cellHeight, column } ) => {\n\t\tif ( column !== mergeColumn ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif ( direction == 'down' ) {\n\t\t\t// If merging a cell below the mergeRow is already calculated.\n\t\t\treturn row === rowOfCellToMerge;\n\t\t} else {\n\t\t\t// If merging a cell above calculate if it spans to mergeRow.\n\t\t\treturn rowOfCellToMerge === row + cellHeight;\n\t\t}\n\t} );\n\n\treturn cellToMergeData && cellToMergeData.cell ? cellToMergeData.cell : null;\n}\n\n/**\n * Merges two table cells. It will ensure that after merging cells with an empty paragraph, the resulting table cell will only have one\n * paragraph. If one of the merged table cells is empty, the merged table cell will have the contents of the non-empty table cell.\n * If both are empty, the merged table cell will have only one empty paragraph.\n */\nfunction mergeTableCells( cellToRemove: ModelElement, cellToExpand: ModelElement, writer: ModelWriter ) {\n\tif ( !isEmpty( cellToRemove ) ) {\n\t\tif ( isEmpty( cellToExpand ) ) {\n\t\t\twriter.remove( writer.createRangeIn( cellToExpand ) );\n\t\t}\n\n\t\twriter.move( writer.createRangeIn( cellToRemove ), writer.createPositionAt( cellToExpand, 'end' ) );\n\t}\n\n\t// Remove merged table cell.\n\twriter.remove( cellToRemove );\n}\n\n/**\n * Checks if the passed table cell contains an empty paragraph.\n */\nfunction isEmpty( tableCell: ModelElement ): boolean {\n\tconst firstTableChild = tableCell.getChild( 0 ) as ModelElement;\n\n\treturn tableCell.childCount == 1 && firstTableChild.is( 'element', 'paragraph' ) && firstTableChild.isEmpty;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/removerowcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport type { ModelElement, ModelNode } from 'ckeditor5/src/engine.js';\nimport { type TableUtils } from '../tableutils.js';\n\n/**\n * The remove row command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'removeTableRow'` editor command.\n *\n * To remove the row containing the selected cell, execute the command:\n *\n * ```ts\n * editor.execute( 'removeTableRow' );\n * ```\n */\nexport class RemoveRowCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst selectedCells = tableUtils.getSelectionAffectedTableCells( this.editor.model.document.selection );\n\t\tconst firstCell = selectedCells[ 0 ];\n\n\t\tif ( firstCell ) {\n\t\t\tconst table = firstCell.findAncestor( 'table' )!;\n\t\t\tconst tableRowCount = tableUtils.getRows( table );\n\t\t\tconst lastRowIndex = tableRowCount - 1;\n\n\t\t\tconst selectedRowIndexes = tableUtils.getRowIndexes( selectedCells );\n\n\t\t\tconst areAllRowsSelected = selectedRowIndexes.first === 0 && selectedRowIndexes.last === lastRowIndex;\n\n\t\t\t// Disallow selecting whole table -> delete whole table should be used instead.\n\t\t\tthis.isEnabled = !areAllRowsSelected;\n\t\t} else {\n\t\t\tthis.isEnabled = false;\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\n\t\tconst referenceCells = tableUtils.getSelectionAffectedTableCells( model.document.selection );\n\t\tconst removedRowIndexes = tableUtils.getRowIndexes( referenceCells );\n\n\t\tconst firstCell = referenceCells[ 0 ];\n\t\tconst table = firstCell.findAncestor( 'table' )!;\n\n\t\tconst columnIndexToFocus = tableUtils.getCellLocation( firstCell ).column;\n\n\t\tmodel.change( writer => {\n\t\t\tconst rowsToRemove = removedRowIndexes.last - removedRowIndexes.first + 1;\n\n\t\t\ttableUtils.removeRows( table, {\n\t\t\t\tat: removedRowIndexes.first,\n\t\t\t\trows: rowsToRemove\n\t\t\t} );\n\n\t\t\tconst cellToFocus = getCellToFocus( table, removedRowIndexes.first, columnIndexToFocus, tableUtils.getRows( table ) );\n\n\t\t\twriter.setSelection( writer.createPositionAt( cellToFocus, 0 ) );\n\t\t} );\n\t}\n}\n\n/**\n * Returns a cell that should be focused before removing the row, belonging to the same column as the currently focused cell.\n * - If the row was not the last one, the cell to focus will be in the row that followed it (before removal).\n * - If the row was the last one, the cell to focus will be in the row that preceded it (before removal).\n */\nfunction getCellToFocus( table: ModelElement, removedRowIndex: number, columnToFocus: number, tableRowCount: number ): ModelNode {\n\t// Don't go beyond last row's index.\n\tconst row = table.getChild( Math.min( removedRowIndex, tableRowCount - 1 ) ) as ModelElement;\n\n\t// Default to first table cell.\n\tlet cellToFocus = row.getChild( 0 )!;\n\tlet column = 0;\n\n\tfor ( const tableCell of row.getChildren() ) {\n\t\tif ( column > columnToFocus ) {\n\t\t\treturn cellToFocus;\n\t\t}\n\n\t\tcellToFocus = tableCell;\n\t\tcolumn += parseInt( tableCell.getAttribute( 'colspan' ) as string || '1' );\n\t}\n\n\treturn cellToFocus;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/removecolumncommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport type {\n\tModelDocumentSelection,\n\tModelElement,\n\tModelSelection\n} from 'ckeditor5/src/engine.js';\n\nimport { TableWalker, type TableSlot } from '../tablewalker.js';\nimport { type TableUtils } from '../tableutils.js';\n\n/**\n * The remove column command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'removeTableColumn'` editor command.\n *\n * To remove the column containing the selected cell, execute the command:\n *\n * ```ts\n * editor.execute( 'removeTableColumn' );\n * ```\n */\nexport class RemoveColumnCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst selectedCells = tableUtils.getSelectionAffectedTableCells( this.editor.model.document.selection );\n\t\tconst firstCell = selectedCells[ 0 ];\n\n\t\tif ( firstCell ) {\n\t\t\tconst table = firstCell.findAncestor( 'table' )!;\n\t\t\tconst tableColumnCount = tableUtils.getColumns( table );\n\n\t\t\tconst { first, last } = tableUtils.getColumnIndexes( selectedCells );\n\n\t\t\tthis.isEnabled = last - first < ( tableColumnCount - 1 );\n\t\t} else {\n\t\t\tthis.isEnabled = false;\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst [ firstCell, lastCell ] = getBoundaryCells( this.editor.model.document.selection, tableUtils );\n\t\tconst table = firstCell.parent!.parent as ModelElement;\n\n\t\t// Cache the table before removing or updating colspans.\n\t\tconst tableMap = [ ...new TableWalker( table ) ];\n\n\t\t// Store column indexes of removed columns.\n\t\tconst removedColumnIndexes = {\n\t\t\tfirst: tableMap.find( value => value.cell === firstCell )!.column,\n\t\t\tlast: tableMap.find( value => value.cell === lastCell )!.column\n\t\t};\n\n\t\tconst cellToFocus = getCellToFocus( tableMap, firstCell, lastCell, removedColumnIndexes )!;\n\n\t\tthis.editor.model.change( writer => {\n\t\t\tconst columnsToRemove = removedColumnIndexes.last - removedColumnIndexes.first + 1;\n\n\t\t\ttableUtils.removeColumns( table, {\n\t\t\t\tat: removedColumnIndexes.first,\n\t\t\t\tcolumns: columnsToRemove\n\t\t\t} );\n\n\t\t\twriter.setSelection( writer.createPositionAt( cellToFocus, 0 ) );\n\t\t} );\n\t}\n}\n\n/**\n * Returns a proper table cell to focus after removing a column.\n * - selection is on last table cell it will return previous cell.\n */\nfunction getCellToFocus(\n\ttableMap: Array<TableSlot>,\n\tfirstCell: ModelElement,\n\tlastCell: ModelElement,\n\tremovedColumnIndexes: {\n\t\tfirst: number;\n\t\tlast: number;\n\t}\n) {\n\tconst colspan = parseInt( lastCell.getAttribute( 'colspan' ) as string || '1' );\n\n\t// If the table cell is spanned over 2+ columns - it will be truncated so the selection should\n\t// stay in that cell.\n\tif ( colspan > 1 ) {\n\t\treturn lastCell;\n\t}\n\t// Normally, look for the cell in the same row that precedes the first cell to put selection there (\"column on the left\").\n\t// If the deleted column is the first column of the table, there will be no predecessor: use the cell\n\t// from the column that follows then (also in the same row).\n\telse if ( firstCell.previousSibling || lastCell.nextSibling ) {\n\t\treturn lastCell.nextSibling || firstCell.previousSibling;\n\t}\n\t// It can happen that table cells have no siblings in a row, for instance, when there are row spans\n\t// in the table (in the previous row). Then just look for the closest cell that is in a column\n\t// that will not be removed to put the selection there.\n\telse {\n\t\t// Look for any cell in a column that precedes the first removed column.\n\t\tif ( removedColumnIndexes.first ) {\n\t\t\treturn tableMap.reverse().find( ( { column } ) => {\n\t\t\t\treturn column < removedColumnIndexes.first;\n\t\t\t} )!.cell;\n\t\t}\n\t\t// If the first removed column is the first column of the table, then\n\t\t// look for any cell that is in a column that follows the last removed column.\n\t\telse {\n\t\t\treturn tableMap.reverse().find( ( { column } ) => {\n\t\t\t\treturn column > removedColumnIndexes.last;\n\t\t\t} )!.cell;\n\t\t}\n\t}\n}\n\n/**\n * Returns helper object returning the first and the last cell contained in given selection, based on DOM order.\n */\nfunction getBoundaryCells( selection: ModelSelection | ModelDocumentSelection, tableUtils: TableUtils ) {\n\tconst referenceCells = tableUtils.getSelectionAffectedTableCells( selection );\n\tconst firstCell = referenceCells[ 0 ];\n\tconst lastCell = referenceCells.pop()!;\n\n\tconst returnValue = [ firstCell, lastCell ];\n\n\treturn firstCell.isBefore( lastCell ) ? returnValue : returnValue.reverse();\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/setheaderrowcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport { type TableUtils } from '../tableutils.js';\n\nimport { updateNumericAttribute } from '../utils/common.js';\nimport { getVerticallyOverlappingCells, splitHorizontally } from '../utils/structure.js';\n\n/**\n * The header row command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'setTableColumnHeader'` editor command.\n *\n * You can make the row containing the selected cell a [header](https://www.w3.org/TR/html50/tabular-data.html#the-th-element) by executing:\n *\n * ```ts\n * editor.execute( 'setTableRowHeader' );\n * ```\n *\n * **Note:** All preceding rows will also become headers. If the current row is already a header, executing this command\n * will make it a regular row back again (including the following rows).\n */\nexport class SetHeaderRowCommand extends Command {\n\t/**\n\t * Flag indicating whether the command is active. The command is active when the\n\t * {@link module:engine/model/selection~ModelSelection} is in a header row.\n\t *\n\t * @observable\n\t */\n\tpublic declare value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst model = this.editor.model;\n\n\t\tconst selectedCells = tableUtils.getSelectionAffectedTableCells( model.document.selection );\n\n\t\tif ( selectedCells.length === 0 ) {\n\t\t\tthis.isEnabled = false;\n\t\t\tthis.value = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst table = selectedCells[ 0 ].findAncestor( 'table' )!;\n\n\t\tthis.isEnabled = model.schema.checkAttribute( table, 'headingRows' );\n\t\tthis.value = selectedCells.every( cell => this._isInHeading( cell, cell.parent!.parent as ModelElement ) );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * When the selection is in a non-header row, the command will set the `headingRows` table attribute to cover that row.\n\t *\n\t * When the selection is already in a header row, it will set `headingRows` so the heading section will end before that row.\n\t *\n\t * @fires execute\n\t * @param options.forceValue If set, the command will set (`true`) or unset (`false`) the header rows according to\n\t * the `forceValue` parameter instead of the current model state.\n\t */\n\tpublic override execute( options: { forceValue?: boolean } = {} ): void {\n\t\tif ( options.forceValue === this.value ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst model = this.editor.model;\n\n\t\tconst selectedCells = tableUtils.getSelectionAffectedTableCells( model.document.selection );\n\t\tconst table = selectedCells[ 0 ].findAncestor( 'table' )!;\n\n\t\tconst { first, last } = tableUtils.getRowIndexes( selectedCells );\n\t\tconst headingRowsToSet = this.value ? first : last + 1;\n\t\tconst currentHeadingRows = table.getAttribute( 'headingRows' ) as number || 0;\n\n\t\tmodel.change( writer => {\n\t\t\tif ( headingRowsToSet ) {\n\t\t\t\t// Changing heading rows requires to check if any of a heading cell is overlapping vertically the table head.\n\t\t\t\t// Any table cell that has a rowspan attribute > 1 will not exceed the table head so we need to fix it in rows below.\n\t\t\t\tconst startRow = headingRowsToSet > currentHeadingRows ? currentHeadingRows : 0;\n\t\t\t\tconst overlappingCells = getVerticallyOverlappingCells( table, headingRowsToSet, startRow );\n\n\t\t\t\tfor ( const { cell } of overlappingCells ) {\n\t\t\t\t\tsplitHorizontally( cell, headingRowsToSet, writer );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tupdateNumericAttribute( 'headingRows', headingRowsToSet, table, writer, 0 );\n\t\t} );\n\t}\n\n\t/**\n\t * Checks if a table cell is in the heading section.\n\t */\n\tprivate _isInHeading( tableCell: ModelElement, table: ModelElement ): boolean {\n\t\tconst headingRows = parseInt( table.getAttribute( 'headingRows' ) as string || '0' );\n\n\t\treturn !!headingRows && ( tableCell.parent as ModelElement ).index! < headingRows;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/setheadercolumncommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { type TableUtils } from '../tableutils.js';\n\nimport {\n\tisHeadingColumnCell,\n\tupdateNumericAttribute\n} from '../utils/common.js';\nimport { getHorizontallyOverlappingCells, splitVertically } from '../utils/structure.js';\n\n/**\n * The header column command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'setTableColumnHeader'` editor command.\n *\n * You can make the column containing the selected cell a [header](https://www.w3.org/TR/html50/tabular-data.html#the-th-element)\n * by executing:\n *\n * ```ts\n * editor.execute( 'setTableColumnHeader' );\n * ```\n *\n * **Note:** All preceding columns will also become headers. If the current column is already a header, executing this command\n * will make it a regular column back again (including the following columns).\n */\nexport class SetHeaderColumnCommand extends Command {\n\t/**\n\t * Flag indicating whether the command is active. The command is active when the\n\t * {@link module:engine/model/selection~ModelSelection} is in a header column.\n\t *\n\t * @observable\n\t */\n\tpublic declare value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst model = this.editor.model;\n\n\t\tconst selectedCells = tableUtils.getSelectionAffectedTableCells( model.document.selection );\n\n\t\tif ( selectedCells.length === 0 ) {\n\t\t\tthis.isEnabled = false;\n\t\t\tthis.value = false;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst table = selectedCells[ 0 ].findAncestor( 'table' )!;\n\n\t\tthis.isEnabled = model.schema.checkAttribute( table, 'headingColumns' );\n\t\tthis.value = selectedCells.every( cell => isHeadingColumnCell( tableUtils, cell ) );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * When the selection is in a non-header column, the command will set the `headingColumns` table attribute to cover that column.\n\t *\n\t * When the selection is already in a header column, it will set `headingColumns` so the heading section will end before that column.\n\t *\n\t * @fires execute\n\t * @param options.forceValue If set, the command will set (`true`) or unset (`false`) the header columns according to\n\t * the `forceValue` parameter instead of the current model state.\n\t */\n\tpublic override execute( options: { forceValue?: boolean } = {} ): void {\n\t\tif ( options.forceValue === this.value ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst model = this.editor.model;\n\t\tconst selectedCells = tableUtils.getSelectionAffectedTableCells( model.document.selection );\n\t\tconst table = selectedCells[ 0 ].findAncestor( 'table' )!;\n\n\t\tconst { first, last } = tableUtils.getColumnIndexes( selectedCells );\n\t\tconst headingColumnsToSet = this.value ? first : last + 1;\n\n\t\tmodel.change( writer => {\n\t\t\tif ( headingColumnsToSet ) {\n\t\t\t\t// Changing heading columns requires to check if any of a heading cell is overlapping horizontally the table head.\n\t\t\t\t// Any table cell that has a colspan attribute > 1 will not exceed the table head so we need to fix it in columns before.\n\t\t\t\tconst overlappingCells = getHorizontallyOverlappingCells( table, headingColumnsToSet );\n\n\t\t\t\tfor ( const { cell, column } of overlappingCells ) {\n\t\t\t\t\tsplitVertically( cell, column, headingColumnsToSet, writer );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tupdateNumericAttribute( 'headingColumns', headingColumnsToSet, table, writer, 0 );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecolumnresize/constants\n */\n\n/**\n * The minimum column width given as a percentage value. Used in situations when the table is not yet rendered, so it is impossible to\n * calculate how many percentage of the table width would be {@link ~COLUMN_MIN_WIDTH_IN_PIXELS minimum column width in pixels}.\n *\n * @internal\n */\nexport const COLUMN_MIN_WIDTH_AS_PERCENTAGE = 5;\n\n/**\n * The minimum column width in pixels when the maximum table width is known.\n * This value is an equivalent of `10%` of the default editor width (600px).\n *\n * @internal\n */\nexport const COLUMN_MIN_WIDTH_IN_PIXELS = 40;\n\n/**\n * Determines how many digits after the decimal point are used to store the column width as a percentage value.\n *\n * @internal\n */\nexport const COLUMN_WIDTH_PRECISION = 2;\n\n/**\n * The distance in pixels that the mouse has to move to start resizing the column.\n *\n * @internal\n */\nexport const COLUMN_RESIZE_DISTANCE_THRESHOLD = 3;\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecolumnresize/utils\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement, Model, ViewElement, ViewNode, ModelWriter } from 'ckeditor5/src/engine.js';\nimport { global } from 'ckeditor5/src/utils.js';\nimport { type TableUtils } from '../tableutils.js';\nimport {\n\tCOLUMN_WIDTH_PRECISION,\n\tCOLUMN_MIN_WIDTH_AS_PERCENTAGE,\n\tCOLUMN_MIN_WIDTH_IN_PIXELS\n} from './constants.js';\n\n/**\n * Returns all the inserted or changed table model elements in a given change set. Only the tables\n * with 'columnsWidth' attribute are taken into account. The returned set may be empty.\n *\n * Most notably if an entire table is removed it will not be included in returned set.\n *\n * @internal\n * @param model The model to collect the affected elements from.\n * @returns A set of table model elements.\n */\nexport function getChangedResizedTables( model: Model ): Set<ModelElement> {\n\tconst affectedTables: Set<ModelElement> = new Set();\n\n\tfor ( const change of model.document.differ.getChanges() ) {\n\t\tlet referencePosition = null;\n\n\t\t// Checks if the particular change from the differ is:\n\t\t// - an insertion or removal of a table, a row or a cell,\n\t\t// - an attribute change on a table, a row or a cell.\n\t\tswitch ( change.type ) {\n\t\t\tcase 'insert':\n\t\t\t\treferencePosition = [ 'table', 'tableRow', 'tableCell' ].includes( change.name ) ?\n\t\t\t\t\tchange.position :\n\t\t\t\t\tnull;\n\n\t\t\t\tbreak;\n\n\t\t\tcase 'remove':\n\t\t\t\t// If the whole table is removed, there's no need to update its column widths (#12201).\n\t\t\t\treferencePosition = [ 'tableRow', 'tableCell' ].includes( change.name ) ?\n\t\t\t\t\tchange.position :\n\t\t\t\t\tnull;\n\n\t\t\t\tbreak;\n\n\t\t\tcase 'attribute':\n\t\t\t\tif ( change.range.start.nodeAfter ) {\n\t\t\t\t\treferencePosition = [ 'table', 'tableRow', 'tableCell' ].includes(\n\t\t\t\t\t\t( change.range.start.nodeAfter as ModelElement ).name\n\t\t\t\t\t) ?\n\t\t\t\t\t\tchange.range.start :\n\t\t\t\t\t\tnull;\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif ( !referencePosition ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst tableNode = ( referencePosition.nodeAfter && referencePosition.nodeAfter.is( 'element', 'table' ) ) ?\n\t\t\treferencePosition.nodeAfter : referencePosition.findAncestor( 'table' )!;\n\n\t\t// We iterate over the whole table looking for the nested tables that are also affected.\n\t\tfor ( const node of model.createRangeOn( tableNode ).getItems() ) {\n\t\t\tif ( !node.is( 'element', 'table' ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( !getColumnGroupElement( node ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\taffectedTables.add( node );\n\t\t}\n\t}\n\n\treturn affectedTables;\n}\n\n/**\n * Calculates the percentage of the minimum column width given in pixels for a given table.\n *\n * @internal\n * @param modelTable A table model element.\n * @param editor The editor instance.\n * @returns The minimal column width in percentage.\n */\nexport function getColumnMinWidthAsPercentage( modelTable: ModelElement, editor: Editor ): number {\n\treturn COLUMN_MIN_WIDTH_IN_PIXELS * 100 / getTableWidthInPixels( modelTable, editor );\n}\n\n/**\n * Calculates the table width in pixels.\n *\n * @internal\n * @param modelTable A table model element.\n * @param editor The editor instance.\n * @returns The width of the table in pixels.\n */\nexport function getTableWidthInPixels( modelTable: ModelElement, editor: Editor ): number {\n\t// It is possible for a table to not have a <tbody> element - see #11878.\n\tconst referenceElement = getChildrenViewElement( modelTable, 'tbody', editor ) || getChildrenViewElement( modelTable, 'thead', editor );\n\tconst domReferenceElement = editor.editing.view.domConverter.mapViewToDom( referenceElement! )!;\n\n\treturn getElementWidthInPixels( domReferenceElement );\n}\n\n/**\n * Returns the a view element with a given name that is nested directly in a `<table>` element\n * related to a given `modelTable`.\n *\n * @param elementName Name of a view to be looked for, e.g. `'colgroup`', `'thead`'.\n * @returns Matched view or `undefined` otherwise.\n */\nfunction getChildrenViewElement( modelTable: ModelElement, elementName: string, editor: Editor ) {\n\tconst viewFigure = editor.editing.mapper.toViewElement( modelTable )!;\n\tconst viewTable = [ ...viewFigure.getChildren() ]\n\t\t.find( ( node: ViewNode ): node is ViewElement & { name: 'table' } => node.is( 'element', 'table' ) )!;\n\n\treturn [ ...viewTable.getChildren() ]\n\t\t.find( ( node: ViewNode ): node is ViewElement => node.is( 'element', elementName ) );\n}\n\n/**\n * Returns the computed width (in pixels) of the DOM element without padding and borders.\n *\n * @internal\n * @param domElement A DOM element.\n * @returns The width of the DOM element in pixels.\n */\nexport function getElementWidthInPixels( domElement: HTMLElement ): number {\n\tconst styles = global.window.getComputedStyle( domElement );\n\n\t// In the 'border-box' box sizing algorithm, the element's width\n\t// already includes the padding and border width (#12335).\n\tif ( styles.boxSizing === 'border-box' ) {\n\t\treturn parseFloat( styles.width ) -\n\t\t\tparseFloat( styles.paddingLeft ) -\n\t\t\tparseFloat( styles.paddingRight ) -\n\t\t\tparseFloat( styles.borderLeftWidth ) -\n\t\t\tparseFloat( styles.borderRightWidth );\n\t} else {\n\t\treturn parseFloat( styles.width );\n\t}\n}\n\n/**\n * Returns the column indexes on the left and right edges of a cell. They differ if the cell spans\n * across multiple columns.\n *\n * @internal\n * @param cell A table cell model element.\n * @param tableUtils The Table Utils plugin instance.\n * @returns An object containing the indexes of the left and right edges of the cell.\n */\nexport function getColumnEdgesIndexes( cell: ModelElement, tableUtils: TableUtils ): { leftEdge: number; rightEdge: number } {\n\tconst cellColumnIndex = tableUtils.getCellLocation( cell ).column;\n\tconst cellWidth = cell.getAttribute( 'colspan' ) as number || 1;\n\n\treturn {\n\t\tleftEdge: cellColumnIndex,\n\t\trightEdge: cellColumnIndex + cellWidth - 1\n\t};\n}\n\n/**\n * Rounds the provided value to a fixed-point number with defined number of digits after the decimal point.\n *\n * @internal\n * @param value A number to be rounded.\n * @returns The rounded number.\n */\nexport function toPrecision( value: number | string ): number {\n\tconst multiplier = Math.pow( 10, COLUMN_WIDTH_PRECISION );\n\tconst number = typeof value === 'number' ? value : parseFloat( value );\n\n\treturn Math.round( number * multiplier ) / multiplier;\n}\n\n/**\n * Clamps the number within the inclusive lower (min) and upper (max) bounds. Returned number is rounded using the\n * {@link ~toPrecision `toPrecision()`} function.\n *\n * @internal\n * @param number A number to be clamped.\n * @param min A lower bound.\n * @param max An upper bound.\n * @returns The clamped number.\n */\nexport function clamp( number: number, min: number, max: number ): number {\n\tif ( number <= min ) {\n\t\treturn toPrecision( min );\n\t}\n\n\tif ( number >= max ) {\n\t\treturn toPrecision( max );\n\t}\n\n\treturn toPrecision( number );\n}\n\n/**\n * Creates an array with defined length and fills all elements with defined value.\n *\n * @internal\n * @param length The length of the array.\n * @param value The value to fill the array with.\n * @returns An array with defined length and filled with defined value.\n */\nexport function createFilledArray<T>( length: number, value: T ): Array<T> {\n\treturn Array( length ).fill( value );\n}\n\n/**\n * Sums all array values that can be parsed to a float.\n *\n * @internal\n * @param array An array of numbers.\n * @returns The sum of all array values.\n */\nexport function sumArray( array: Array<number | string> ): number {\n\treturn array\n\t\t.map( value => typeof value === 'number' ? value : parseFloat( value ) )\n\t\t.filter( value => !Number.isNaN( value ) )\n\t\t.reduce( ( result, item ) => result + item, 0 );\n}\n\n/**\n * Makes sure that the sum of the widths from all columns is 100%. If the sum of all the widths is not equal 100%, all the widths are\n * changed proportionally so that they all sum back to 100%. If there are columns without specified width, the amount remaining\n * after assigning the known widths will be distributed equally between them.\n *\n * @internal\n * @param columnWidths An array of column widths.\n * @returns An array of column widths guaranteed to sum up to 100%.\n */\nexport function normalizeColumnWidths( columnWidths: Array<string> ): Array<string> {\n\tconst widths: Array<number | 'auto'> = columnWidths.map( width => {\n\t\tif ( width === 'auto' || width === undefined ) {\n\t\t\treturn 'auto';\n\t\t}\n\n\t\treturn parseFloat( width.replace( '%', '' ) );\n\t} );\n\n\tlet normalizedWidths: Array<number> = calculateMissingColumnWidths( widths );\n\tconst totalWidth = sumArray( normalizedWidths );\n\n\tif ( totalWidth !== 100 ) {\n\t\tnormalizedWidths = normalizedWidths\n\t\t\t// Adjust all the columns proportionally.\n\t\t\t.map( width => toPrecision( width * 100 / totalWidth ) )\n\t\t\t// Due to rounding of numbers it may happen that the sum of the widths of all columns will not be exactly 100%.\n\t\t\t// Therefore, the width of the last column is explicitly adjusted (narrowed or expanded), since all the columns\n\t\t\t// have been proportionally changed already.\n\t\t\t.map( ( columnWidth, columnIndex, width ) => {\n\t\t\t\tconst isLastColumn = columnIndex === width.length - 1;\n\n\t\t\t\tif ( !isLastColumn ) {\n\t\t\t\t\treturn columnWidth;\n\t\t\t\t}\n\n\t\t\t\tconst totalWidth = sumArray( width );\n\n\t\t\t\treturn toPrecision( columnWidth + 100 - totalWidth );\n\t\t\t} );\n\t}\n\n\treturn normalizedWidths.map( width => width + '%' );\n}\n\n/**\n * Initializes the column widths by parsing the attribute value and calculating the uninitialized column widths. The special value 'auto'\n * indicates that width for the column must be calculated. The width of such uninitialized column is calculated as follows:\n * - If there is enough free space in the table for all uninitialized columns to have at least the minimum allowed width for all of them,\n *   then set this width equally for all uninitialized columns.\n * - Otherwise, just set the minimum allowed width for all uninitialized columns. The sum of all column widths will be greater than 100%,\n *   but then it will be adjusted proportionally to 100% in {@link #normalizeColumnWidths `normalizeColumnWidths()`}.\n *\n * @param columnWidths An array of column widths.\n * @returns An array with 'auto' values replaced with calculated widths.\n */\nfunction calculateMissingColumnWidths( columnWidths: Array<number | string> ): Array<number> {\n\tconst numberOfUninitializedColumns = columnWidths.filter( columnWidth => columnWidth === 'auto' ).length;\n\n\tif ( numberOfUninitializedColumns === 0 ) {\n\t\treturn columnWidths.map( columnWidth => toPrecision( columnWidth ) );\n\t}\n\n\tconst totalWidthOfInitializedColumns = sumArray( columnWidths );\n\n\tconst widthForUninitializedColumn = Math.max(\n\t\t( 100 - totalWidthOfInitializedColumns ) / numberOfUninitializedColumns,\n\t\tCOLUMN_MIN_WIDTH_AS_PERCENTAGE\n\t);\n\n\treturn columnWidths\n\t\t.map( columnWidth => columnWidth === 'auto' ? widthForUninitializedColumn : columnWidth )\n\t\t.map( columnWidth => toPrecision( columnWidth ) );\n}\n\n/**\n * Calculates the total horizontal space taken by the cell. That includes:\n *  * width,\n *  * left and red padding,\n *  * border width.\n *\n * @internal\n * @param domCell A DOM cell element.\n * @returns Width in pixels without `px` at the end.\n */\nexport function getDomCellOuterWidth( domCell: HTMLElement ): number {\n\tconst styles = global.window.getComputedStyle( domCell );\n\n\t// In the 'border-box' box sizing algorithm, the element's width\n\t// already includes the padding and border width (#12335).\n\tif ( styles.boxSizing === 'border-box' ) {\n\t\treturn parseInt( styles.width );\n\t} else {\n\t\treturn parseFloat( styles.width ) +\n\t\t\tparseFloat( styles.paddingLeft ) +\n\t\t\tparseFloat( styles.paddingRight ) +\n\t\t\tparseFloat( styles.borderWidth );\n\t}\n}\n\n/**\n * Updates column elements to match columns widths.\n *\n * @internal\n * @param columns\n * @param tableColumnGroup\n * @param normalizedWidths\n * @param writer\n */\nexport function updateColumnElements(\n\tcolumns: Array<ModelElement>,\n\ttableColumnGroup: ModelElement,\n\tnormalizedWidths: Array<string>,\n\twriter: ModelWriter\n): void {\n\tfor ( let i = 0; i < Math.max( normalizedWidths.length, columns.length ); i++ ) {\n\t\tconst column = columns[ i ];\n\t\tconst columnWidth = normalizedWidths[ i ];\n\n\t\tif ( !columnWidth ) {\n\t\t\t// Number of `<tableColumn>` elements exceeds actual number of columns.\n\t\t\twriter.remove( column );\n\t\t} else if ( !column ) {\n\t\t\t// There is fewer `<tableColumn>` elements than actual columns.\n\t\t\twriter.appendElement( 'tableColumn', { columnWidth }, tableColumnGroup );\n\t\t} else {\n\t\t\t// Update column width.\n\t\t\twriter.setAttribute( 'columnWidth', columnWidth, column );\n\t\t}\n\t}\n}\n\n/**\n * Returns a 'tableColumnGroup' element from the 'table'.\n *\n * @internal\n * @param element A 'table' or 'tableColumnGroup' element.\n * @returns A 'tableColumnGroup' element.\n */\nexport function getColumnGroupElement( element: ModelElement ): ModelElement {\n\tif ( element.is( 'element', 'tableColumnGroup' ) ) {\n\t\treturn element;\n\t}\n\n\tconst children = element.getChildren()!;\n\n\treturn Array\n\t\t.from( children )\n\t\t.find( element => element.is( 'element', 'tableColumnGroup' ) )! as ModelElement;\n}\n\n/**\n * Returns an array of 'tableColumn' elements. It may be empty if there's no `tableColumnGroup` element.\n *\n * @internal\n * @param element A 'table' or 'tableColumnGroup' element.\n * @returns An array of 'tableColumn' elements.\n */\nexport function getTableColumnElements( element: ModelElement ): Array<ModelElement> {\n\tconst columnGroupElement = getColumnGroupElement( element );\n\n\tif ( !columnGroupElement ) {\n\t\treturn [];\n\t}\n\n\treturn Array.from( columnGroupElement.getChildren() as IterableIterator<ModelElement> );\n}\n\n/**\n * Returns an array of table column widths.\n *\n * @internal\n * @param element A 'table' or 'tableColumnGroup' element.\n * @returns An array of table column widths.\n */\nexport function getTableColumnsWidths( element: ModelElement ): Array<string> {\n\treturn getTableColumnElements( element ).map( column => column.getAttribute( 'columnWidth' ) as string );\n}\n\n/**\n * Translates the `colSpan` model attribute into additional column widths and returns the resulting array.\n *\n * @internal\n * @param element A 'table' or 'tableColumnGroup' element.\n * @param writer A writer instance.\n * @returns An array of table column widths.\n */\nexport function translateColSpanAttribute( element: ModelElement, writer: ModelWriter ): Array<string> {\n\tconst tableColumnElements = getTableColumnElements( element );\n\n\treturn tableColumnElements.reduce( ( acc: Array<string>, element ) => {\n\t\tconst columnWidth = element.getAttribute( 'columnWidth' ) as string;\n\t\tconst colSpan = element.getAttribute( 'colSpan' ) as number | undefined;\n\n\t\tif ( !colSpan ) {\n\t\t\tacc.push( columnWidth );\n\t\t\treturn acc;\n\t\t}\n\n\t\t// Translate the `colSpan` model attribute on to the proper number of column widths\n\t\t// and remove it from the element.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/14521#issuecomment-1662102889 for more details.\n\t\tfor ( let i = 0; i < colSpan; i++ ) {\n\t\t\tacc.push( columnWidth );\n\t\t}\n\n\t\twriter.removeAttribute( 'colSpan', element );\n\n\t\treturn acc;\n\t}, [] );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableutils\n */\n\nimport { CKEditorError } from 'ckeditor5/src/utils.js';\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type {\n\tModelDocumentSelection,\n\tModelElement,\n\tModelNode,\n\tModelPosition,\n\tModelRange,\n\tModelSelection,\n\tModelWriter\n} from 'ckeditor5/src/engine.js';\n\nimport { TableWalker, type TableWalkerOptions } from './tablewalker.js';\nimport { createEmptyTableCell, updateNumericAttribute } from './utils/common.js';\nimport { removeEmptyColumns, removeEmptyRows } from './utils/structure.js';\nimport { getTableColumnElements } from './tablecolumnresize/utils.js';\n\ntype Cell = { cell: ModelElement; rowspan: number };\ntype CellsToMove = Map<number, Cell>;\ntype CellsToTrim = Array<Cell>;\n\nexport type TableIndexesObject = { first: number; last: number };\n\n/**\n * The table utilities plugin.\n */\nexport class TableUtils extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableUtils' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis.decorate( 'insertColumns' );\n\t\tthis.decorate( 'insertRows' );\n\t}\n\n\t/**\n\t * Returns the table cell location as an object with table row and table column indexes.\n\t *\n\t * For instance, in the table below:\n\t *\n\t *      0   1   2   3\n\t *    +---+---+---+---+\n\t *  0 | a     | b | c |\n\t *    +       +   +---+\n\t *  1 |       |   | d |\n\t *    +---+---+   +---+\n\t *  2 | e     |   | f |\n\t *    +---+---+---+---+\n\t *\n\t * the method will return:\n\t *\n\t * ```ts\n\t * const cellA = table.getNodeByPath( [ 0, 0 ] );\n\t * editor.plugins.get( 'TableUtils' ).getCellLocation( cellA );\n\t * // will return { row: 0, column: 0 }\n\t *\n\t * const cellD = table.getNodeByPath( [ 1, 0 ] );\n\t * editor.plugins.get( 'TableUtils' ).getCellLocation( cellD );\n\t * // will return { row: 1, column: 3 }\n\t * ```\n\t *\n\t * @returns Returns a `{row, column}` object.\n\t */\n\tpublic getCellLocation( tableCell: ModelElement ): { row: number; column: number } {\n\t\tconst tableRow = tableCell.parent!;\n\t\tconst table = tableRow.parent as ModelElement;\n\n\t\tconst rowIndex = table.getChildIndex( tableRow as ModelNode );\n\n\t\tconst tableWalker = new TableWalker( table, { row: rowIndex } );\n\n\t\tfor ( const { cell, row, column } of tableWalker ) {\n\t\t\tif ( cell === tableCell ) {\n\t\t\t\treturn { row, column };\n\t\t\t}\n\t\t}\n\n\t\t// Should be unreachable code.\n\t\t/* istanbul ignore next -- @preserve */\n\t\treturn undefined as any;\n\t}\n\n\t/**\n\t * Creates an empty table with a proper structure. The table needs to be inserted into the model,\n\t * for example, by using the {@link module:engine/model/model~Model#insertContent} function.\n\t *\n\t * ```ts\n\t * model.change( ( writer ) => {\n\t *   // Create a table of 2 rows and 7 columns:\n\t *   const table = tableUtils.createTable( writer, { rows: 2, columns: 7 } );\n\t *\n\t *   // Insert a table to the model at the best position taking the current selection:\n\t *   model.insertContent( table );\n\t * }\n\t * ```\n\t *\n\t * @param writer The model writer.\n\t * @param options.rows The number of rows to create. Default value is 2.\n\t * @param options.columns The number of columns to create. Default value is 2.\n\t * @param options.headingRows The number of heading rows. Default value is 0.\n\t * @param options.headingColumns The number of heading columns. Default value is 0.\n\t * @returns The created table element.\n\t */\n\tpublic createTable(\n\t\twriter: ModelWriter,\n\t\toptions: {\n\t\t\trows?: number;\n\t\t\tcolumns?: number;\n\t\t\theadingRows?: number;\n\t\t\theadingColumns?: number;\n\t\t}\n\t): ModelElement {\n\t\tconst table = writer.createElement( 'table' );\n\n\t\tconst rows = options.rows || 2;\n\t\tconst columns = options.columns || 2;\n\n\t\tcreateEmptyRows( writer, table, 0, rows, columns );\n\n\t\tif ( options.headingRows ) {\n\t\t\tupdateNumericAttribute( 'headingRows', Math.min( options.headingRows, rows ), table, writer, 0 );\n\t\t}\n\n\t\tif ( options.headingColumns ) {\n\t\t\tupdateNumericAttribute( 'headingColumns', Math.min( options.headingColumns, columns ), table, writer, 0 );\n\t\t}\n\n\t\treturn table;\n\t}\n\n\t/**\n\t * Inserts rows into a table.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).insertRows( table, { at: 1, rows: 2 } );\n\t * ```\n\t *\n\t * Assuming the table on the left, the above code will transform it to the table on the right:\n\t *\n\t *  row index\n\t *    0 +---+---+---+       `at` = 1,      +---+---+---+ 0\n\t *      | a | b | c |       `rows` = 2,    | a | b | c |\n\t *    1 +   +---+---+   <-- insert here    +   +---+---+ 1\n\t *      |   | d | e |                      |   |   |   |\n\t *    2 +   +---+---+       will give:     +   +---+---+ 2\n\t *      |   | f | g |                      |   |   |   |\n\t *    3 +---+---+---+                      +   +---+---+ 3\n\t *                                         |   | d | e |\n\t *                                         +   +---+---+ 4\n\t *                                         +   + f | g |\n\t *                                         +---+---+---+ 5\n\t *\n\t * @param table The table model element where the rows will be inserted.\n\t * @param options.at The row index at which the rows will be inserted.  Default value is 0.\n\t * @param options.rows The number of rows to insert.  Default value is 1.\n\t * @param options.copyStructureFromAbove The flag for copying row structure. Note that\n\t * the row structure will not be copied if this option is not provided.\n\t */\n\tpublic insertRows( table: ModelElement, options: { at?: number; rows?: number; copyStructureFromAbove?: boolean } = {} ): void {\n\t\tconst model = this.editor.model;\n\n\t\tconst insertAt = options.at || 0;\n\t\tconst rowsToInsert = options.rows || 1;\n\t\tconst isCopyStructure = options.copyStructureFromAbove !== undefined;\n\t\tconst copyStructureFrom = options.copyStructureFromAbove ? insertAt - 1 : insertAt;\n\n\t\tconst rows = this.getRows( table );\n\t\tconst columns = this.getColumns( table );\n\n\t\tif ( insertAt > rows ) {\n\t\t\t/**\n\t\t\t * The `options.at` points at a row position that does not exist.\n\t\t\t *\n\t\t\t * @error tableutils-insertrows-insert-out-of-range\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'tableutils-insertrows-insert-out-of-range',\n\t\t\t\tthis,\n\t\t\t\t{ options }\n\t\t\t);\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tconst headingRows = table.getAttribute( 'headingRows' ) as number || 0;\n\n\t\t\t// Inserting rows inside heading section requires to update `headingRows` attribute as the heading section will grow.\n\t\t\tif ( headingRows > insertAt ) {\n\t\t\t\tupdateNumericAttribute( 'headingRows', headingRows + rowsToInsert, table, writer, 0 );\n\t\t\t}\n\n\t\t\t// Inserting at the end or at the beginning of a table doesn't require to calculate anything special.\n\t\t\tif ( !isCopyStructure && ( insertAt === 0 || insertAt === rows ) ) {\n\t\t\t\tcreateEmptyRows( writer, table, insertAt, rowsToInsert, columns );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Iterate over all the rows above the inserted rows in order to check for the row-spanned cells.\n\t\t\tconst walkerEndRow = isCopyStructure ? Math.max( insertAt, copyStructureFrom ) : insertAt;\n\t\t\tconst tableIterator = new TableWalker( table, { endRow: walkerEndRow } );\n\n\t\t\t// Store spans of the reference row to reproduce it's structure. This array is column number indexed.\n\t\t\tconst rowColSpansMap = new Array( columns ).fill( 1 );\n\n\t\t\tfor ( const { row, column, cellHeight, cellWidth, cell } of tableIterator ) {\n\t\t\t\tconst lastCellRow = row + cellHeight - 1;\n\n\t\t\t\tconst isOverlappingInsertedRow = row < insertAt && insertAt <= lastCellRow;\n\t\t\t\tconst isReferenceRow = row <= copyStructureFrom && copyStructureFrom <= lastCellRow;\n\n\t\t\t\t// If the cell is row-spanned and overlaps the inserted row, then reserve space for it in the row map.\n\t\t\t\tif ( isOverlappingInsertedRow ) {\n\t\t\t\t\t// This cell overlaps the inserted rows so we need to expand it further.\n\t\t\t\t\twriter.setAttribute( 'rowspan', cellHeight + rowsToInsert, cell );\n\n\t\t\t\t\t// Mark this cell with negative number to indicate how many cells should be skipped when adding the new cells.\n\t\t\t\t\trowColSpansMap[ column ] = -cellWidth;\n\t\t\t\t}\n\t\t\t\t// Store the colspan from reference row.\n\t\t\t\telse if ( isCopyStructure && isReferenceRow ) {\n\t\t\t\t\trowColSpansMap[ column ] = cellWidth;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor ( let rowIndex = 0; rowIndex < rowsToInsert; rowIndex++ ) {\n\t\t\t\tconst tableRow = writer.createElement( 'tableRow' );\n\n\t\t\t\twriter.insert( tableRow, table, insertAt );\n\n\t\t\t\tfor ( let cellIndex = 0; cellIndex < rowColSpansMap.length; cellIndex++ ) {\n\t\t\t\t\tconst colspan = rowColSpansMap[ cellIndex ];\n\t\t\t\t\tconst insertPosition = writer.createPositionAt( tableRow, 'end' );\n\n\t\t\t\t\t// Insert the empty cell only if this slot is not row-spanned from any other cell.\n\t\t\t\t\tif ( colspan > 0 ) {\n\t\t\t\t\t\tcreateEmptyTableCell( writer, insertPosition, colspan > 1 ? { colspan } : undefined );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Skip the col-spanned slots, there won't be any cells.\n\t\t\t\t\tcellIndex += Math.abs( colspan ) - 1;\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Inserts columns into a table.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).insertColumns( table, { at: 1, columns: 2 } );\n\t * ```\n\t *\n\t * Assuming the table on the left, the above code will transform it to the table on the right:\n\t *\n\t *  0   1   2   3                   0   1   2   3   4   5\n\t *  +---+---+---+                   +---+---+---+---+---+\n\t *  | a     | b |                   | a             | b |\n\t *  +       +---+                   +               +---+\n\t *  |       | c |                   |               | c |\n\t *  +---+---+---+     will give:    +---+---+---+---+---+\n\t *  | d | e | f |                   | d |   |   | e | f |\n\t *  +---+   +---+                   +---+---+---+   +---+\n\t *  | g |   | h |                   | g |   |   |   | h |\n\t *  +---+---+---+                   +---+---+---+---+---+\n\t *  | i         |                   | i                 |\n\t *  +---+---+---+                   +---+---+---+---+---+\n\t *      ^---- insert here, `at` = 1, `columns` = 2\n\t *\n\t * @param table The table model element where the columns will be inserted.\n\t * @param options.at The column index at which the columns will be inserted. Default value is 0.\n\t * @param options.columns The number of columns to insert. Default value is 1.\n\t */\n\tpublic insertColumns( table: ModelElement, options: { at?: number; columns?: number } = {} ): void {\n\t\tconst model = this.editor.model;\n\n\t\tconst insertAt = options.at || 0;\n\t\tconst columnsToInsert = options.columns || 1;\n\n\t\tmodel.change( writer => {\n\t\t\tconst headingColumns = table.getAttribute( 'headingColumns' ) as number;\n\n\t\t\t// Inserting columns inside heading section requires to update `headingColumns` attribute as the heading section will grow.\n\t\t\tif ( insertAt < headingColumns ) {\n\t\t\t\twriter.setAttribute( 'headingColumns', headingColumns + columnsToInsert, table );\n\t\t\t}\n\n\t\t\tconst tableColumns = this.getColumns( table );\n\n\t\t\t// Inserting at the end and at the beginning of a table doesn't require to calculate anything special.\n\t\t\tif ( insertAt === 0 || tableColumns === insertAt ) {\n\t\t\t\tfor ( const tableRow of table.getChildren() ) {\n\t\t\t\t\t// Ignore non-row elements inside the table (e.g. caption).\n\t\t\t\t\tif ( !tableRow.is( 'element', 'tableRow' ) ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tcreateCells( columnsToInsert, writer, writer.createPositionAt( tableRow, insertAt ? 'end' : 0 ) );\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst tableWalker = new TableWalker( table, { column: insertAt, includeAllSlots: true } );\n\n\t\t\tfor ( const tableSlot of tableWalker ) {\n\t\t\t\tconst { row, cell, cellAnchorColumn, cellAnchorRow, cellWidth, cellHeight } = tableSlot;\n\n\t\t\t\t// When iterating over column the table walker outputs either:\n\t\t\t\t// - cells at given column index (cell \"e\" from method docs),\n\t\t\t\t// - spanned columns (spanned cell from row between cells \"g\" and \"h\" - spanned by \"e\", only if `includeAllSlots: true`),\n\t\t\t\t// - or a cell from the same row which spans over this column (cell \"a\").\n\n\t\t\t\tif ( cellAnchorColumn < insertAt ) {\n\t\t\t\t\t// If cell is anchored in previous column, it is a cell that spans over an inserted column (cell \"a\" & \"i\").\n\t\t\t\t\t// For such cells expand them by a number of columns inserted.\n\t\t\t\t\twriter.setAttribute( 'colspan', cellWidth + columnsToInsert, cell );\n\n\t\t\t\t\t// This cell will overlap cells in rows below so skip them (because of `includeAllSlots` option) - (cell \"a\")\n\t\t\t\t\tconst lastCellRow = cellAnchorRow + cellHeight - 1;\n\n\t\t\t\t\tfor ( let i = row; i <= lastCellRow; i++ ) {\n\t\t\t\t\t\ttableWalker.skipRow( i );\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// It's either cell at this column index or spanned cell by a row-spanned cell from row above.\n\t\t\t\t\t// In table above it's cell \"e\" and a spanned position from row below (empty cell between cells \"g\" and \"h\")\n\t\t\t\t\tcreateCells( columnsToInsert, writer, tableSlot.getPositionBefore() );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Removes rows from the given `table`.\n\t *\n\t * This method re-calculates the table geometry including `rowspan` attribute of table cells overlapping removed rows\n\t * and table headings values.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).removeRows( table, { at: 1, rows: 2 } );\n\t * ```\n\t *\n\t * Executing the above code in the context of the table on the left will transform its structure as presented on the right:\n\t *\n\t *  row index\n\t *      ┌───┬───┬───┐        `at` = 1        ┌───┬───┬───┐\n\t *    0 │ a │ b │ c │        `rows` = 2      │ a │ b │ c │ 0\n\t *      │   ├───┼───┤                        │   ├───┼───┤\n\t *    1 │   │ d │ e │  <-- remove from here  │   │ d │ g │ 1\n\t *      │   │   ├───┤        will give:      ├───┼───┼───┤\n\t *    2 │   │   │ f │                        │ h │ i │ j │ 2\n\t *      │   │   ├───┤                        └───┴───┴───┘\n\t *    3 │   │   │ g │\n\t *      ├───┼───┼───┤\n\t *    4 │ h │ i │ j │\n\t *      └───┴───┴───┘\n\t *\n\t * @param options.at The row index at which the removing rows will start.\n\t * @param options.rows The number of rows to remove. Default value is 1.\n\t */\n\tpublic removeRows( table: ModelElement, options: { at: number; rows?: number } ): void {\n\t\tconst model = this.editor.model;\n\n\t\tconst rowsToRemove = options.rows || 1;\n\t\tconst rowCount = this.getRows( table );\n\t\tconst first = options.at;\n\t\tconst last = first + rowsToRemove - 1;\n\n\t\tif ( last > rowCount - 1 ) {\n\t\t\t/**\n\t\t\t * The `options.at` param must point at existing row and `options.rows` must not exceed the rows in the table.\n\t\t\t *\n\t\t\t * @error tableutils-removerows-row-index-out-of-range\n\t\t\t */\n\t\t\tthrow new CKEditorError(\n\t\t\t\t'tableutils-removerows-row-index-out-of-range',\n\t\t\t\tthis,\n\t\t\t\t{ table, options }\n\t\t\t);\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tconst indexesObject = { first, last };\n\n\t\t\t// Removing rows from the table require that most calculations to be done prior to changing table structure.\n\t\t\t// Preparations must be done in the same enqueueChange callback to use the current table structure.\n\n\t\t\t// 1. Preparation - get row-spanned cells that have to be modified after removing rows.\n\t\t\tconst { cellsToMove, cellsToTrim } = getCellsToMoveAndTrimOnRemoveRow( table, indexesObject );\n\n\t\t\t// 2. Execution\n\n\t\t\t// 2a. Move cells from removed rows that extends over a removed section - must be done before removing rows.\n\t\t\t// This will fill any gaps in a rows below that previously were empty because of row-spanned cells.\n\t\t\tif ( cellsToMove.size ) {\n\t\t\t\tconst rowAfterRemovedSection = last + 1;\n\t\t\t\tmoveCellsToRow( table, rowAfterRemovedSection, cellsToMove, writer );\n\t\t\t}\n\n\t\t\t// 2b. Remove all required rows.\n\t\t\tfor ( let i = last; i >= first; i-- ) {\n\t\t\t\twriter.remove( table.getChild( i )! );\n\t\t\t}\n\n\t\t\t// 2c. Update cells from rows above that overlap removed section. Similar to step 2 but does not involve moving cells.\n\t\t\tfor ( const { rowspan, cell } of cellsToTrim ) {\n\t\t\t\tupdateNumericAttribute( 'rowspan', rowspan, cell, writer );\n\t\t\t}\n\n\t\t\t// 2d. Adjust heading rows if removed rows were in a heading section.\n\t\t\tupdateHeadingRows( table, indexesObject, writer );\n\n\t\t\t// 2e. Remove empty columns (without anchored cells) if there are any.\n\t\t\tif ( !removeEmptyColumns( table, this ) ) {\n\t\t\t\t// If there wasn't any empty columns then we still need to check if this wasn't called\n\t\t\t\t// because of cleaning empty rows and we only removed one of them.\n\t\t\t\tremoveEmptyRows( table, this );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Removes columns from the given `table`.\n\t *\n\t * This method re-calculates the table geometry including the `colspan` attribute of table cells overlapping removed columns\n\t * and table headings values.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).removeColumns( table, { at: 1, columns: 2 } );\n\t * ```\n\t *\n\t * Executing the above code in the context of the table on the left will transform its structure as presented on the right:\n\t *\n\t *    0   1   2   3   4                       0   1   2\n\t *  ┌───────────────┬───┐                   ┌───────┬───┐\n\t *  │ a             │ b │                   │ a     │ b │\n\t *  │               ├───┤                   │       ├───┤\n\t *  │               │ c │                   │       │ c │\n\t *  ├───┬───┬───┬───┼───┤     will give:    ├───┬───┼───┤\n\t *  │ d │ e │ f │ g │ h │                   │ d │ g │ h │\n\t *  ├───┼───┼───┤   ├───┤                   ├───┤   ├───┤\n\t *  │ i │ j │ k │   │ l │                   │ i │   │ l │\n\t *  ├───┴───┴───┴───┴───┤                   ├───┴───┴───┤\n\t *  │ m                 │                   │ m         │\n\t *  └───────────────────┘                   └───────────┘\n\t *        ^---- remove from here, `at` = 1, `columns` = 2\n\t *\n\t * @param options.at The row index at which the removing columns will start.\n\t * @param options.columns The number of columns to remove.\n\t */\n\tpublic removeColumns( table: ModelElement, options: { at: number; columns?: number } ): void {\n\t\tconst model = this.editor.model;\n\t\tconst first = options.at;\n\t\tconst columnsToRemove = options.columns || 1;\n\t\tconst last = options.at + columnsToRemove - 1;\n\n\t\tmodel.change( writer => {\n\t\t\tadjustHeadingColumns( table, { first, last }, writer );\n\t\t\tconst tableColumns = getTableColumnElements( table );\n\n\t\t\tfor ( let removedColumnIndex = last; removedColumnIndex >= first; removedColumnIndex-- ) {\n\t\t\t\tfor ( const { cell, column, cellWidth } of [ ...new TableWalker( table ) ] ) {\n\t\t\t\t\t// If colspaned cell overlaps removed column decrease its span.\n\t\t\t\t\tif ( column <= removedColumnIndex && cellWidth > 1 && column + cellWidth > removedColumnIndex ) {\n\t\t\t\t\t\tupdateNumericAttribute( 'colspan', cellWidth - 1, cell, writer );\n\t\t\t\t\t} else if ( column === removedColumnIndex ) {\n\t\t\t\t\t\t// The cell in removed column has colspan of 1.\n\t\t\t\t\t\twriter.remove( cell );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// If table has `tableColumn` elements, we need to update it manually.\n\t\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/14521#issuecomment-1662102889 for details.\n\t\t\t\tif ( tableColumns[ removedColumnIndex ] ) {\n\t\t\t\t\t// If the removed column is the first one then we need to add its width to the next column.\n\t\t\t\t\t// Otherwise we add it to the previous column.\n\t\t\t\t\tconst adjacentColumn = removedColumnIndex === 0 ? tableColumns[ 1 ] : tableColumns[ removedColumnIndex - 1 ];\n\n\t\t\t\t\tconst removedColumnWidth = parseFloat( tableColumns[ removedColumnIndex ].getAttribute( 'columnWidth' ) as string );\n\t\t\t\t\tconst adjacentColumnWidth = parseFloat( adjacentColumn.getAttribute( 'columnWidth' ) as string );\n\n\t\t\t\t\twriter.remove( tableColumns[ removedColumnIndex ] );\n\n\t\t\t\t\t// Add the removed column width (in %) to the adjacent column.\n\t\t\t\t\twriter.setAttribute( 'columnWidth', removedColumnWidth + adjacentColumnWidth + '%', adjacentColumn );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Remove empty rows that could appear after removing columns.\n\t\t\tif ( !removeEmptyRows( table, this ) ) {\n\t\t\t\t// If there wasn't any empty rows then we still need to check if this wasn't called\n\t\t\t\t// because of cleaning empty columns and we only removed one of them.\n\t\t\t\tremoveEmptyColumns( table, this );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Divides a table cell vertically into several ones.\n\t *\n\t * The cell will be visually split into more cells by updating colspans of other cells in a column\n\t * and inserting cells (columns) after that cell.\n\t *\n\t * In the table below, if cell \"a\" is split into 3 cells:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +---+---+---+\n\t *  | d | e | f |\n\t *  +---+---+---+\n\t *\n\t * it will result in the table below:\n\t *\n\t *  +---+---+---+---+---+\n\t *  | a |   |   | b | c |\n\t *  +---+---+---+---+---+\n\t *  | d         | e | f |\n\t *  +---+---+---+---+---+\n\t *\n\t * So cell \"d\" will get its `colspan` updated to `3` and 2 cells will be added (2 columns will be created).\n\t *\n\t * Splitting a cell that already has a `colspan` attribute set will distribute the cell `colspan` evenly and the remainder\n\t * will be left to the original cell:\n\t *\n\t *  +---+---+---+\n\t *  | a         |\n\t *  +---+---+---+\n\t *  | b | c | d |\n\t *  +---+---+---+\n\t *\n\t * Splitting cell \"a\" with `colspan=3` into 2 cells will create 1 cell with a `colspan=a` and cell \"a\" that will have `colspan=2`:\n\t *\n\t *  +---+---+---+\n\t *  | a     |   |\n\t *  +---+---+---+\n\t *  | b | c | d |\n\t *  +---+---+---+\n\t */\n\tpublic splitCellVertically( tableCell: ModelElement, numberOfCells = 2 ): void {\n\t\tconst model = this.editor.model;\n\t\tconst tableRow = tableCell.parent!;\n\t\tconst table = tableRow.parent as ModelElement;\n\n\t\tconst rowspan = parseInt( tableCell.getAttribute( 'rowspan' ) as string || '1' );\n\t\tconst colspan = parseInt( tableCell.getAttribute( 'colspan' ) as string || '1' );\n\n\t\tmodel.change( writer => {\n\t\t\t// First check - the cell spans over multiple rows so before doing anything else just split this cell.\n\t\t\tif ( colspan > 1 ) {\n\t\t\t\t// Get spans of new (inserted) cells and span to update of split cell.\n\t\t\t\tconst { newCellsSpan, updatedSpan } = breakSpanEvenly( colspan, numberOfCells );\n\n\t\t\t\tupdateNumericAttribute( 'colspan', updatedSpan, tableCell, writer );\n\n\t\t\t\t// Each inserted cell will have the same attributes:\n\t\t\t\tconst newCellsAttributes: { colspan?: number; rowspan?: number } = {};\n\n\t\t\t\t// Do not store default value in the model.\n\t\t\t\tif ( newCellsSpan > 1 ) {\n\t\t\t\t\tnewCellsAttributes.colspan = newCellsSpan;\n\t\t\t\t}\n\n\t\t\t\t// Copy rowspan of split cell.\n\t\t\t\tif ( rowspan > 1 ) {\n\t\t\t\t\tnewCellsAttributes.rowspan = rowspan;\n\t\t\t\t}\n\n\t\t\t\tconst cellsToInsert = colspan > numberOfCells ? numberOfCells - 1 : colspan - 1;\n\t\t\t\tcreateCells( cellsToInsert, writer, writer.createPositionAfter( tableCell ), newCellsAttributes );\n\t\t\t}\n\n\t\t\t// Second check - the cell has colspan of 1 or we need to create more cells then the currently one spans over.\n\t\t\tif ( colspan < numberOfCells ) {\n\t\t\t\tconst cellsToInsert = numberOfCells - colspan;\n\n\t\t\t\t// First step: expand cells on the same column as split cell.\n\t\t\t\tconst tableMap = [ ...new TableWalker( table ) ];\n\n\t\t\t\t// Get the column index of split cell.\n\t\t\t\tconst { column: splitCellColumn } = tableMap.find( ( { cell } ) => cell === tableCell )!;\n\n\t\t\t\t// Find cells which needs to be expanded vertically - those on the same column or those that spans over split cell's column.\n\t\t\t\tconst cellsToUpdate = tableMap.filter( ( { cell, cellWidth, column } ) => {\n\t\t\t\t\tconst isOnSameColumn = cell !== tableCell && column === splitCellColumn;\n\t\t\t\t\tconst spansOverColumn = ( column < splitCellColumn && column + cellWidth > splitCellColumn );\n\n\t\t\t\t\treturn isOnSameColumn || spansOverColumn;\n\t\t\t\t} );\n\n\t\t\t\t// Expand cells vertically.\n\t\t\t\tfor ( const { cell, cellWidth } of cellsToUpdate ) {\n\t\t\t\t\twriter.setAttribute( 'colspan', cellWidth + cellsToInsert, cell );\n\t\t\t\t}\n\n\t\t\t\t// Second step: create columns after split cell.\n\n\t\t\t\t// Each inserted cell will have the same attributes:\n\t\t\t\tconst newCellsAttributes: { rowspan?: number } = {};\n\n\t\t\t\t// Do not store default value in the model.\n\n\t\t\t\t// Copy rowspan of split cell.\n\t\t\t\tif ( rowspan > 1 ) {\n\t\t\t\t\tnewCellsAttributes.rowspan = rowspan;\n\t\t\t\t}\n\n\t\t\t\tcreateCells( cellsToInsert, writer, writer.createPositionAfter( tableCell ), newCellsAttributes );\n\n\t\t\t\tconst headingColumns = table.getAttribute( 'headingColumns' ) as number || 0;\n\n\t\t\t\t// Update heading section if split cell is in heading section.\n\t\t\t\tif ( headingColumns > splitCellColumn ) {\n\t\t\t\t\tupdateNumericAttribute( 'headingColumns', headingColumns + cellsToInsert, table, writer );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Divides a table cell horizontally into several ones.\n\t *\n\t * The cell will be visually split into more cells by updating rowspans of other cells in the row and inserting rows with a single cell\n\t * below.\n\t *\n\t * If in the table below cell \"b\" is split into 3 cells:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +---+---+---+\n\t *  | d | e | f |\n\t *  +---+---+---+\n\t *\n\t * It will result in the table below:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +   +---+   +\n\t *  |   |   |   |\n\t *  +   +---+   +\n\t *  |   |   |   |\n\t *  +---+---+---+\n\t *  | d | e | f |\n\t *  +---+---+---+\n\t *\n\t * So cells \"a\" and \"b\" will get their `rowspan` updated to `3` and 2 rows with a single cell will be added.\n\t *\n\t * Splitting a cell that already has a `rowspan` attribute set will distribute the cell `rowspan` evenly and the remainder\n\t * will be left to the original cell:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +   +---+---+\n\t *  |   | d | e |\n\t *  +   +---+---+\n\t *  |   | f | g |\n\t *  +   +---+---+\n\t *  |   | h | i |\n\t *  +---+---+---+\n\t *\n\t * Splitting cell \"a\" with `rowspan=4` into 3 cells will create 2 cells with a `rowspan=1` and cell \"a\" will have `rowspan=2`:\n\t *\n\t *  +---+---+---+\n\t *  | a | b | c |\n\t *  +   +---+---+\n\t *  |   | d | e |\n\t *  +---+---+---+\n\t *  |   | f | g |\n\t *  +---+---+---+\n\t *  |   | h | i |\n\t *  +---+---+---+\n\t */\n\tpublic splitCellHorizontally( tableCell: ModelElement, numberOfCells = 2 ): void {\n\t\tconst model = this.editor.model;\n\n\t\tconst tableRow = tableCell.parent as ModelNode;\n\t\tconst table = tableRow.parent! as ModelElement;\n\t\tconst splitCellRow = table.getChildIndex( tableRow )!;\n\n\t\tconst rowspan = parseInt( tableCell.getAttribute( 'rowspan' ) as string || '1' );\n\t\tconst colspan = parseInt( tableCell.getAttribute( 'colspan' ) as string || '1' );\n\n\t\tmodel.change( writer => {\n\t\t\t// First check - the cell spans over multiple rows so before doing anything else just split this cell.\n\t\t\tif ( rowspan > 1 ) {\n\t\t\t\t// Cache table map before updating table.\n\t\t\t\tconst tableMap = [ ...new TableWalker( table, {\n\t\t\t\t\tstartRow: splitCellRow,\n\t\t\t\t\tendRow: splitCellRow + rowspan - 1,\n\t\t\t\t\tincludeAllSlots: true\n\t\t\t\t} ) ];\n\n\t\t\t\t// Get spans of new (inserted) cells and span to update of split cell.\n\t\t\t\tconst { newCellsSpan, updatedSpan } = breakSpanEvenly( rowspan, numberOfCells );\n\n\t\t\t\tupdateNumericAttribute( 'rowspan', updatedSpan, tableCell, writer );\n\n\t\t\t\tconst { column: cellColumn } = tableMap.find( ( { cell } ) => cell === tableCell )!;\n\n\t\t\t\t// Each inserted cell will have the same attributes:\n\t\t\t\tconst newCellsAttributes: { rowspan?: number; colspan?: number } = {};\n\n\t\t\t\t// Do not store default value in the model.\n\t\t\t\tif ( newCellsSpan > 1 ) {\n\t\t\t\t\tnewCellsAttributes.rowspan = newCellsSpan;\n\t\t\t\t}\n\n\t\t\t\t// Copy colspan of split cell.\n\t\t\t\tif ( colspan > 1 ) {\n\t\t\t\t\tnewCellsAttributes.colspan = colspan;\n\t\t\t\t}\n\n\t\t\t\t// Accumulator that stores distance from the last inserted cell span.\n\t\t\t\t// It helps with evenly splitting larger cell spans (for example 10 cells collapsing into 3 cells).\n\t\t\t\t// We split these cells into 3, 3, 4 cells and we have to call `createCells` only when distance between\n\t\t\t\t// these cells is equal or greater than the new cells span size.\n\t\t\t\tlet distanceFromLastCellSpan = 0;\n\n\t\t\t\tfor ( const tableSlot of tableMap ) {\n\t\t\t\t\tconst { column, row } = tableSlot;\n\n\t\t\t\t\t// As both newly created cells and the split cell might have rowspan,\n\t\t\t\t\t// the insertion of new cells must go to appropriate rows:\n\t\t\t\t\t//\n\t\t\t\t\t// 1. It's a row after split cell + it's height.\n\t\t\t\t\tconst isAfterSplitCell = row >= splitCellRow + updatedSpan;\n\n\t\t\t\t\t// 2. Is on the same column.\n\t\t\t\t\tconst isOnSameColumn = column === cellColumn;\n\n\t\t\t\t\t// Reset distance from the last cell span if we are on the same column and we exceeded the new cells span size.\n\t\t\t\t\tif ( distanceFromLastCellSpan >= newCellsSpan && isOnSameColumn ) {\n\t\t\t\t\t\tdistanceFromLastCellSpan = 0;\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( isAfterSplitCell && isOnSameColumn ) {\n\t\t\t\t\t\t// Create new cells only if the distance from the last cell span is equal or greater than the new cells span.\n\t\t\t\t\t\tif ( !distanceFromLastCellSpan ) {\n\t\t\t\t\t\t\tcreateCells( 1, writer, tableSlot.getPositionBefore(), newCellsAttributes );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Increase the distance from the last cell span.\n\t\t\t\t\t\tdistanceFromLastCellSpan++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Second check - the cell has rowspan of 1 or we need to create more cells than the current cell spans over.\n\t\t\tif ( rowspan < numberOfCells ) {\n\t\t\t\t// We already split the cell in check one so here we split to the remaining number of cells only.\n\t\t\t\tconst cellsToInsert = numberOfCells - rowspan;\n\n\t\t\t\t// This check is needed since we need to check if there are any cells from previous rows than spans over this cell's row.\n\t\t\t\tconst tableMap = [ ...new TableWalker( table, { startRow: 0, endRow: splitCellRow } ) ];\n\n\t\t\t\t// First step: expand cells.\n\t\t\t\tfor ( const { cell, cellHeight, row } of tableMap ) {\n\t\t\t\t\t// Expand rowspan of cells that are either:\n\t\t\t\t\t// - on the same row as current cell,\n\t\t\t\t\t// - or are below split cell row and overlaps that row.\n\t\t\t\t\tif ( cell !== tableCell && row + cellHeight > splitCellRow ) {\n\t\t\t\t\t\tconst rowspanToSet = cellHeight + cellsToInsert;\n\n\t\t\t\t\t\twriter.setAttribute( 'rowspan', rowspanToSet, cell );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Second step: create rows with single cell below split cell.\n\t\t\t\tconst newCellsAttributes: { colspan?: number } = {};\n\n\t\t\t\t// Copy colspan of split cell.\n\t\t\t\tif ( colspan > 1 ) {\n\t\t\t\t\tnewCellsAttributes.colspan = colspan;\n\t\t\t\t}\n\n\t\t\t\tcreateEmptyRows( writer, table, splitCellRow + 1, cellsToInsert, 1, newCellsAttributes );\n\n\t\t\t\t// Update heading section if split cell is in heading section.\n\t\t\t\tconst headingRows = table.getAttribute( 'headingRows' ) as number || 0;\n\n\t\t\t\tif ( headingRows > splitCellRow ) {\n\t\t\t\t\tupdateNumericAttribute( 'headingRows', headingRows + cellsToInsert, table, writer );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the number of columns for a given table.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).getColumns( table );\n\t * ```\n\t *\n\t * @param table The table to analyze.\n\t */\n\tpublic getColumns( table: ModelElement ): number {\n\t\t// Analyze first row only as all the rows should have the same width.\n\t\t// Using the first row without checking if it's a tableRow because we expect\n\t\t// that table will have only tableRow model elements at the beginning.\n\t\tconst row = table.getChild( 0 ) as ModelElement;\n\n\t\treturn [ ...row.getChildren() ]\n\t\t\t// $marker elements can also be children of a row too (when TrackChanges is on). Don't include them in the count.\n\t\t\t.filter( node => node.is( 'element', 'tableCell' ) )\n\t\t\t.reduce( ( columns, row ) => {\n\t\t\t\tconst columnWidth = parseInt( row.getAttribute( 'colspan' ) as string || '1' );\n\n\t\t\t\treturn columns + columnWidth;\n\t\t\t}, 0 );\n\t}\n\n\t/**\n\t * Returns the number of rows for a given table. Any other element present in the table model is omitted.\n\t *\n\t * ```ts\n\t * editor.plugins.get( 'TableUtils' ).getRows( table );\n\t * ```\n\t *\n\t * @param table The table to analyze.\n\t */\n\tpublic getRows( table: ModelElement ): number {\n\t\t// Rowspan not included due to #6427.\n\t\treturn Array.from( table.getChildren() )\n\t\t\t.reduce( ( rowCount, child ) => child.is( 'element', 'tableRow' ) ? rowCount + 1 : rowCount, 0 );\n\t}\n\n\t/**\n\t * Creates an instance of the table walker.\n\t *\n\t * The table walker iterates internally by traversing the table from row index = 0 and column index = 0.\n\t * It walks row by row and column by column in order to output values defined in the options.\n\t * By default it will output only the locations that are occupied by a cell. To include also spanned rows and columns,\n\t * pass the `includeAllSlots` option.\n\t *\n\t * @internal\n\t * @param table A table over which the walker iterates.\n\t * @param options An object with configuration.\n\t */\n\tpublic createTableWalker( table: ModelElement, options: TableWalkerOptions = {} ): TableWalker {\n\t\treturn new TableWalker( table, options );\n\t}\n\n\t/**\n\t * Returns all model table cells that are fully selected (from the outside)\n\t * within the provided model selection's ranges.\n\t *\n\t * To obtain the cells selected from the inside, use\n\t * {@link #getTableCellsContainingSelection}.\n\t */\n\tpublic getSelectedTableCells( selection: ModelSelection | ModelDocumentSelection ): Array<ModelElement> {\n\t\tconst cells = [];\n\n\t\tfor ( const range of this.sortRanges( selection.getRanges() ) ) {\n\t\t\tconst element = range.getContainedElement();\n\n\t\t\tif ( element && element.is( 'element', 'tableCell' ) ) {\n\t\t\t\tcells.push( element );\n\t\t\t}\n\t\t}\n\n\t\treturn cells;\n\t}\n\n\t/**\n\t * Returns all model table cells that the provided model selection's ranges\n\t * {@link module:engine/model/range~ModelRange#start} inside.\n\t *\n\t * To obtain the cells selected from the outside, use\n\t * {@link #getSelectedTableCells}.\n\t */\n\tpublic getTableCellsContainingSelection( selection: ModelSelection | ModelDocumentSelection ): Array<ModelElement> {\n\t\tconst cells = [];\n\n\t\tfor ( const range of selection.getRanges() ) {\n\t\t\tconst cellWithSelection = range.start.findAncestor( 'tableCell' );\n\n\t\t\tif ( cellWithSelection ) {\n\t\t\t\tcells.push( cellWithSelection );\n\t\t\t}\n\t\t}\n\n\t\treturn cells;\n\t}\n\n\t/**\n\t * Returns all model table cells that are either completely selected\n\t * by selection ranges or host selection range\n\t * {@link module:engine/model/range~ModelRange#start start positions} inside them.\n\t *\n\t * Combines {@link #getTableCellsContainingSelection} and\n\t * {@link #getSelectedTableCells}.\n\t */\n\tpublic getSelectionAffectedTableCells( selection: ModelSelection | ModelDocumentSelection ): Array<ModelElement> {\n\t\tconst selectedCells = this.getSelectedTableCells( selection );\n\n\t\tif ( selectedCells.length ) {\n\t\t\treturn selectedCells;\n\t\t}\n\n\t\treturn this.getTableCellsContainingSelection( selection );\n\t}\n\n\t/**\n\t * Returns an object with the `first` and `last` row index contained in the given `tableCells`.\n\t *\n\t * ```ts\n\t * const selectedTableCells = getSelectedTableCells( editor.model.document.selection );\n\t *\n\t * const { first, last } = getRowIndexes( selectedTableCells );\n\t *\n\t * console.log( `Selected rows: ${ first } to ${ last }` );\n\t * ```\n\t *\n\t * @returns Returns an object with the `first` and `last` table row indexes.\n\t */\n\tpublic getRowIndexes( tableCells: Array<ModelElement> ): TableIndexesObject {\n\t\tconst indexes = tableCells.map( cell => ( cell.parent as ModelElement ).index! );\n\n\t\treturn this._getFirstLastIndexesObject( indexes );\n\t}\n\n\t/**\n\t * Returns an object with the `first` and `last` column index contained in the given `tableCells`.\n\t *\n\t * ```ts\n\t * const selectedTableCells = getSelectedTableCells( editor.model.document.selection );\n\t *\n\t * const { first, last } = getColumnIndexes( selectedTableCells );\n\t *\n\t * console.log( `Selected columns: ${ first } to ${ last }` );\n\t * ```\n\t *\n\t * @returns Returns an object with the `first` and `last` table column indexes.\n\t */\n\tpublic getColumnIndexes( tableCells: Array<ModelElement> ): TableIndexesObject {\n\t\tconst table = tableCells[ 0 ].findAncestor( 'table' )!;\n\t\tconst tableMap = [ ...new TableWalker( table ) ];\n\n\t\tconst indexes = tableMap\n\t\t\t.filter( entry => tableCells.includes( entry.cell ) )\n\t\t\t.map( entry => entry.column );\n\n\t\treturn this._getFirstLastIndexesObject( indexes );\n\t}\n\n\t/**\n\t * Checks if the selection contains cells that do not exceed rectangular selection.\n\t *\n\t * In a table below:\n\t *\n\t *  ┌───┬───┬───┬───┐\n\t *  │ a │ b │ c │ d │\n\t *  ├───┴───┼───┤   │\n\t *  │ e     │ f │   │\n\t *  │       ├───┼───┤\n\t *  │       │ g │ h │\n\t *  └───────┴───┴───┘\n\t *\n\t * Valid selections are these which create a solid rectangle (without gaps), such as:\n\t *   - a, b (two horizontal cells)\n\t *   - c, f (two vertical cells)\n\t *   - a, b, e (cell \"e\" spans over four cells)\n\t *   - c, d, f (cell d spans over a cell in the row below)\n\t *\n\t * While an invalid selection would be:\n\t *   - a, c (the unselected cell \"b\" creates a gap)\n\t *   - f, g, h (cell \"d\" spans over a cell from the row of \"f\" cell - thus creates a gap)\n\t */\n\tpublic isSelectionRectangular( selectedTableCells: Array<ModelElement> ): boolean {\n\t\tif ( selectedTableCells.length < 2 || !this._areCellInTheSameTableSection( selectedTableCells ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// A valid selection is a fully occupied rectangle composed of table cells.\n\t\t// Below we will calculate the area of a selected table cells and the area of valid selection.\n\t\t// The area of a valid selection is defined by top-left and bottom-right cells.\n\t\tconst rows: Set<number> = new Set();\n\t\tconst columns: Set<number> = new Set();\n\n\t\tlet areaOfSelectedCells = 0;\n\n\t\tfor ( const tableCell of selectedTableCells ) {\n\t\t\tconst { row, column } = this.getCellLocation( tableCell );\n\t\t\tconst rowspan = parseInt( tableCell.getAttribute( 'rowspan' ) as string ) || 1;\n\t\t\tconst colspan = parseInt( tableCell.getAttribute( 'colspan' ) as string ) || 1;\n\n\t\t\t// Record row & column indexes of current cell.\n\t\t\trows.add( row );\n\t\t\tcolumns.add( column );\n\n\t\t\t// For cells that spans over multiple rows add also the last row that this cell spans over.\n\t\t\tif ( rowspan > 1 ) {\n\t\t\t\trows.add( row + rowspan - 1 );\n\t\t\t}\n\n\t\t\t// For cells that spans over multiple columns add also the last column that this cell spans over.\n\t\t\tif ( colspan > 1 ) {\n\t\t\t\tcolumns.add( column + colspan - 1 );\n\t\t\t}\n\n\t\t\tareaOfSelectedCells += ( rowspan * colspan );\n\t\t}\n\n\t\t// We can only merge table cells that are in adjacent rows...\n\t\tconst areaOfValidSelection = getBiggestRectangleArea( rows, columns );\n\n\t\treturn areaOfValidSelection == areaOfSelectedCells;\n\t}\n\n\t/**\n\t * Returns array of sorted ranges.\n\t */\n\tpublic sortRanges( ranges: Iterable<ModelRange> ): Array<ModelRange> {\n\t\treturn Array.from( ranges ).sort( compareRangeOrder );\n\t}\n\n\t/**\n\t * Helper method to get an object with `first` and `last` indexes from an unsorted array of indexes.\n\t */\n\tprivate _getFirstLastIndexesObject( indexes: Array<number> ): TableIndexesObject {\n\t\tconst allIndexesSorted = indexes.sort( ( indexA, indexB ) => indexA - indexB );\n\n\t\tconst first = allIndexesSorted[ 0 ];\n\t\tconst last = allIndexesSorted[ allIndexesSorted.length - 1 ];\n\n\t\treturn { first, last };\n\t}\n\n\t/**\n\t * Checks if the selection does not mix a header (column or row) with other cells.\n\t *\n\t * For instance, in the table below valid selections consist of cells with the same letter only.\n\t * So, a-a (same heading row and column) or d-d (body cells) are valid while c-d or a-b are not.\n\t *\n\t * header columns\n\t *    ↓   ↓\n\t *  ┌───┬───┬───┬───┐\n\t *  │ a │ a │ b │ b │  ← header row\n\t *  ├───┼───┼───┼───┤\n\t *  │ c │ c │ d │ d │\n\t *  ├───┼───┼───┼───┤\n\t *  │ c │ c │ d │ d │\n\t *  └───┴───┴───┴───┘\n\t */\n\tprivate _areCellInTheSameTableSection( tableCells: Array<ModelElement> ): boolean {\n\t\tconst table = tableCells[ 0 ].findAncestor( 'table' )!;\n\n\t\tconst rowIndexes = this.getRowIndexes( tableCells );\n\t\tconst headingRows = parseInt( table.getAttribute( 'headingRows' ) as string ) || 0;\n\n\t\t// Calculating row indexes is a bit cheaper so if this check fails we can't merge.\n\t\tif ( !this._areIndexesInSameSection( rowIndexes, headingRows ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst columnIndexes = this.getColumnIndexes( tableCells );\n\t\tconst headingColumns = parseInt( table.getAttribute( 'headingColumns' ) as string ) || 0;\n\n\t\t// Similarly cells must be in same column section.\n\t\treturn this._areIndexesInSameSection( columnIndexes, headingColumns );\n\t}\n\n\t/**\n\t * Unified check if table rows/columns indexes are in the same heading/body section.\n\t */\n\tprivate _areIndexesInSameSection( { first, last }: TableIndexesObject, headingSectionSize: number ): boolean {\n\t\tconst firstCellIsInHeading = first < headingSectionSize;\n\t\tconst lastCellIsInHeading = last < headingSectionSize;\n\n\t\treturn firstCellIsInHeading === lastCellIsInHeading;\n\t}\n}\n\n/**\n * Creates empty rows at the given index in an existing table.\n *\n * @param insertAt The row index of row insertion.\n * @param rows The number of rows to create.\n * @param tableCellToInsert The number of cells to insert in each row.\n */\nfunction createEmptyRows(\n\twriter: ModelWriter, table: ModelElement, insertAt: number, rows: number, tableCellToInsert: number, attributes = {}\n) {\n\tfor ( let i = 0; i < rows; i++ ) {\n\t\tconst tableRow = writer.createElement( 'tableRow' );\n\n\t\twriter.insert( tableRow, table, insertAt );\n\n\t\tcreateCells( tableCellToInsert, writer, writer.createPositionAt( tableRow, 'end' ), attributes );\n\t}\n}\n\n/**\n * Creates cells at a given position.\n *\n * @param cells The number of cells to create\n */\nfunction createCells( cells: number, writer: ModelWriter, insertPosition: ModelPosition, attributes = {} ) {\n\tfor ( let i = 0; i < cells; i++ ) {\n\t\tcreateEmptyTableCell( writer, insertPosition, attributes );\n\t}\n}\n\n/**\n * Evenly distributes the span of a cell to a number of provided cells.\n * The resulting spans will always be integer values.\n *\n * For instance breaking a span of 7 into 3 cells will return:\n *\n * ```ts\n * { newCellsSpan: 2, updatedSpan: 3 }\n * ```\n *\n * as two cells will have a span of 2 and the remainder will go the first cell so its span will change to 3.\n *\n * @param span The span value do break.\n * @param numberOfCells The number of resulting spans.\n */\nfunction breakSpanEvenly( span: number, numberOfCells: number ): { newCellsSpan: number; updatedSpan: number } {\n\tif ( span < numberOfCells ) {\n\t\treturn { newCellsSpan: 1, updatedSpan: 1 };\n\t}\n\n\tconst newCellsSpan = Math.floor( span / numberOfCells );\n\tconst updatedSpan = ( span - newCellsSpan * numberOfCells ) + newCellsSpan;\n\n\treturn { newCellsSpan, updatedSpan };\n}\n\n/**\n * Updates heading columns attribute if removing a row from head section.\n */\nfunction adjustHeadingColumns( table: ModelElement, removedColumnIndexes: TableIndexesObject, writer: ModelWriter ) {\n\tconst headingColumns = table.getAttribute( 'headingColumns' ) as number || 0;\n\n\tif ( headingColumns && removedColumnIndexes.first < headingColumns ) {\n\t\tconst headingsRemoved = Math.min( headingColumns - 1 /* Other numbers are 0-based */, removedColumnIndexes.last ) -\n\t\t\tremovedColumnIndexes.first + 1;\n\n\t\twriter.setAttribute( 'headingColumns', headingColumns - headingsRemoved, table );\n\t}\n}\n\n/**\n * Calculates a new heading rows value for removing rows from heading section.\n */\nfunction updateHeadingRows( table: ModelElement, { first, last }: TableIndexesObject, writer: ModelWriter ) {\n\tconst headingRows = table.getAttribute( 'headingRows' ) as number || 0;\n\n\tif ( first < headingRows ) {\n\t\tconst newRows = last < headingRows ? headingRows - ( last - first + 1 ) : first;\n\n\t\tupdateNumericAttribute( 'headingRows', newRows, table, writer, 0 );\n\t}\n}\n\n/**\n * Finds cells that will be:\n * - trimmed - Cells that are \"above\" removed rows sections and overlap the removed section - their rowspan must be trimmed.\n * - moved - Cells from removed rows section might stick out of. These cells are moved to the next row after a removed section.\n *\n * Sample table with overlapping & sticking out cells:\n *\n *      +----+----+----+----+----+\n *      | 00 | 01 | 02 | 03 | 04 |\n *      +----+    +    +    +    +\n *      | 10 |    |    |    |    |\n *      +----+----+    +    +    +\n *      | 20 | 21 |    |    |    | <-- removed row\n *      +    +    +----+    +    +\n *      |    |    | 32 |    |    | <-- removed row\n *      +----+    +    +----+    +\n *      | 40 |    |    | 43 |    |\n *      +----+----+----+----+----+\n *\n * In a table above:\n * - cells to trim: '02', '03' & '04'.\n * - cells to move: '21' & '32'.\n */\nfunction getCellsToMoveAndTrimOnRemoveRow( table: ModelElement, { first, last }: TableIndexesObject ) {\n\tconst cellsToMove: CellsToMove = new Map();\n\tconst cellsToTrim: CellsToTrim = [];\n\n\tfor ( const { row, column, cellHeight, cell } of new TableWalker( table, { endRow: last } ) ) {\n\t\tconst lastRowOfCell = row + cellHeight - 1;\n\n\t\tconst isCellStickingOutFromRemovedRows = row >= first && row <= last && lastRowOfCell > last;\n\n\t\tif ( isCellStickingOutFromRemovedRows ) {\n\t\t\tconst rowspanInRemovedSection = last - row + 1;\n\t\t\tconst rowSpanToSet = cellHeight - rowspanInRemovedSection;\n\n\t\t\tcellsToMove.set( column, {\n\t\t\t\tcell,\n\t\t\t\trowspan: rowSpanToSet\n\t\t\t} );\n\t\t}\n\n\t\tconst isCellOverlappingRemovedRows = row < first && lastRowOfCell >= first;\n\n\t\tif ( isCellOverlappingRemovedRows ) {\n\t\t\tlet rowspanAdjustment;\n\n\t\t\t// Cell fully covers removed section - trim it by removed rows count.\n\t\t\tif ( lastRowOfCell >= last ) {\n\t\t\t\trowspanAdjustment = last - first + 1;\n\t\t\t}\n\t\t\t// Cell partially overlaps removed section - calculate cell's span that is in removed section.\n\t\t\telse {\n\t\t\t\trowspanAdjustment = lastRowOfCell - first + 1;\n\t\t\t}\n\n\t\t\tcellsToTrim.push( {\n\t\t\t\tcell,\n\t\t\t\trowspan: cellHeight - rowspanAdjustment\n\t\t\t} );\n\t\t}\n\t}\n\n\treturn { cellsToMove, cellsToTrim };\n}\n\nfunction moveCellsToRow( table: ModelElement, targetRowIndex: number, cellsToMove: CellsToMove, writer: ModelWriter ) {\n\tconst tableWalker = new TableWalker( table, {\n\t\tincludeAllSlots: true,\n\t\trow: targetRowIndex\n\t} );\n\n\tconst tableRowMap = [ ...tableWalker ];\n\tconst row = table.getChild( targetRowIndex )!;\n\n\tlet previousCell;\n\n\tfor ( const { column, cell, isAnchor } of tableRowMap ) {\n\t\tif ( cellsToMove.has( column ) ) {\n\t\t\tconst { cell: cellToMove, rowspan } = cellsToMove.get( column )!;\n\n\t\t\tconst targetPosition = previousCell ?\n\t\t\t\twriter.createPositionAfter( previousCell ) :\n\t\t\t\twriter.createPositionAt( row, 0 );\n\n\t\t\twriter.move( writer.createRangeOn( cellToMove ), targetPosition );\n\t\t\tupdateNumericAttribute( 'rowspan', rowspan, cellToMove, writer );\n\n\t\t\tpreviousCell = cellToMove;\n\t\t} else if ( isAnchor ) {\n\t\t\t// If cell is spanned then `cell` holds reference to overlapping cell. See ckeditor/ckeditor5#6502.\n\t\t\tpreviousCell = cell;\n\t\t}\n\t}\n}\n\nfunction compareRangeOrder( rangeA: ModelRange, rangeB: ModelRange ) {\n\t// Since table cell ranges are disjoint, it's enough to check their start positions.\n\tconst posA = rangeA.start;\n\tconst posB = rangeB.start;\n\n\t// Checking for equal position (returning 0) is not needed because this would be either:\n\t// a. Intersecting range (not allowed by model)\n\t// b. Collapsed range on the same position (allowed by model but should not happen).\n\treturn posA.isBefore( posB ) ? -1 : 1;\n}\n\n/**\n * Calculates the area of a maximum rectangle that can span over the provided row & column indexes.\n */\nfunction getBiggestRectangleArea( rows: Set<number>, columns: Set<number> ): number {\n\tconst rowsIndexes = Array.from( rows.values() );\n\tconst columnIndexes = Array.from( columns.values() );\n\n\tconst lastRow = Math.max( ...rowsIndexes );\n\tconst firstRow = Math.min( ...rowsIndexes );\n\tconst lastColumn = Math.max( ...columnIndexes );\n\tconst firstColumn = Math.min( ...columnIndexes );\n\n\treturn ( lastRow - firstRow + 1 ) * ( lastColumn - firstColumn + 1 );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/mergecellscommand\n */\n\nimport type {\n\tModelElement,\n\tModelWriter\n} from 'ckeditor5/src/engine.js';\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport { TableUtils } from '../tableutils.js';\nimport { updateNumericAttribute } from '../utils/common.js';\nimport { removeEmptyRowsColumns } from '../utils/structure.js';\n\n/**\n * The merge cells command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'mergeTableCells'` editor command.\n *\n * For example, to merge selected table cells:\n *\n * ```ts\n * editor.execute( 'mergeTableCells' );\n * ```\n */\nexport class MergeCellsCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst tableUtils = this.editor.plugins.get( TableUtils );\n\n\t\tconst selectedTableCells = tableUtils.getSelectedTableCells( this.editor.model.document.selection );\n\t\tthis.isEnabled = tableUtils.isSelectionRectangular( selectedTableCells );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\t\tconst tableUtils = this.editor.plugins.get( TableUtils );\n\n\t\tmodel.change( writer => {\n\t\t\tconst selectedTableCells = tableUtils.getSelectedTableCells( model.document.selection );\n\n\t\t\t// All cells will be merged into the first one.\n\t\t\tconst firstTableCell = selectedTableCells.shift()!;\n\n\t\t\t// Update target cell dimensions.\n\t\t\tconst { mergeWidth, mergeHeight } = getMergeDimensions( firstTableCell, selectedTableCells, tableUtils );\n\t\t\tupdateNumericAttribute( 'colspan', mergeWidth, firstTableCell, writer );\n\t\t\tupdateNumericAttribute( 'rowspan', mergeHeight, firstTableCell, writer );\n\n\t\t\tfor ( const tableCell of selectedTableCells ) {\n\t\t\t\tmergeTableCells( tableCell, firstTableCell, writer );\n\t\t\t}\n\n\t\t\tconst table = firstTableCell.findAncestor( 'table' )!;\n\n\t\t\t// Remove rows and columns that become empty (have no anchored cells).\n\t\t\tremoveEmptyRowsColumns( table, tableUtils );\n\n\t\t\twriter.setSelection( firstTableCell, 'in' );\n\t\t} );\n\t}\n}\n\n/**\n *  Merges two table cells. It will ensure that after merging cells with empty paragraphs the resulting table cell will only have one\n * paragraph. If one of the merged table cells is empty, the merged table cell will have contents of the non-empty table cell.\n * If both are empty, the merged table cell will have only one empty paragraph.\n */\nfunction mergeTableCells( cellBeingMerged: ModelElement, targetCell: ModelElement, writer: ModelWriter ) {\n\tif ( !isEmpty( cellBeingMerged ) ) {\n\t\tif ( isEmpty( targetCell ) ) {\n\t\t\twriter.remove( writer.createRangeIn( targetCell ) );\n\t\t}\n\n\t\twriter.move( writer.createRangeIn( cellBeingMerged ), writer.createPositionAt( targetCell, 'end' ) );\n\t}\n\n\t// Remove merged table cell.\n\twriter.remove( cellBeingMerged );\n}\n\n/**\n * Checks if the passed table cell contains an empty paragraph.\n */\nfunction isEmpty( tableCell: ModelElement ): boolean {\n\tconst firstTableChild = tableCell.getChild( 0 );\n\n\treturn tableCell.childCount == 1 && firstTableChild!.is( 'element', 'paragraph' ) && firstTableChild.isEmpty;\n}\n\nfunction getMergeDimensions( firstTableCell: ModelElement, selectedTableCells: Array<ModelElement>, tableUtils: TableUtils ) {\n\tlet maxWidthOffset = 0;\n\tlet maxHeightOffset = 0;\n\n\tfor ( const tableCell of selectedTableCells ) {\n\t\tconst { row, column } = tableUtils.getCellLocation( tableCell );\n\n\t\tmaxWidthOffset = getMaxOffset( tableCell, column, maxWidthOffset, 'colspan' );\n\t\tmaxHeightOffset = getMaxOffset( tableCell, row, maxHeightOffset, 'rowspan' );\n\t}\n\n\t// Update table cell span attribute and merge set selection on a merged contents.\n\tconst { row: firstCellRow, column: firstCellColumn } = tableUtils.getCellLocation( firstTableCell );\n\n\tconst mergeWidth = maxWidthOffset - firstCellColumn;\n\tconst mergeHeight = maxHeightOffset - firstCellRow;\n\n\treturn { mergeWidth, mergeHeight };\n}\n\nfunction getMaxOffset( tableCell: ModelElement, start: number, currentMaxOffset: number, which: string ) {\n\tconst dimensionValue = parseInt( tableCell.getAttribute( which ) as string || '1' );\n\n\treturn Math.max( currentMaxOffset, start + dimensionValue );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/selectrowcommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelRange, ModelElement } from 'ckeditor5/src/engine.js';\nimport { type TableUtils } from '../tableutils.js';\n\n/**\n * The select row command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'selectTableRow'` editor command.\n *\n * To select the rows containing the selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'selectTableRow' );\n * ```\n */\nexport class SelectRowCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// It does not affect data so should be enabled in read-only mode.\n\t\tthis.affectsData = false;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst selectedCells = tableUtils.getSelectionAffectedTableCells( this.editor.model.document.selection );\n\n\t\tthis.isEnabled = selectedCells.length > 0;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst model = this.editor.model;\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst referenceCells = tableUtils.getSelectionAffectedTableCells( model.document.selection );\n\t\tconst rowIndexes = tableUtils.getRowIndexes( referenceCells );\n\n\t\tconst table = referenceCells[ 0 ].findAncestor( 'table' )!;\n\t\tconst rangesToSelect: Array<ModelRange> = [];\n\n\t\tfor ( let rowIndex = rowIndexes.first; rowIndex <= rowIndexes.last; rowIndex++ ) {\n\t\t\tfor ( const cell of ( table.getChild( rowIndex ) as ModelElement ).getChildren() ) {\n\t\t\t\trangesToSelect.push( model.createRangeOn( cell ) );\n\t\t\t}\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\twriter.setSelection( rangesToSelect );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/selectcolumncommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelRange } from 'ckeditor5/src/engine.js';\nimport { type TableUtils } from '../tableutils.js';\n\nimport { TableWalker } from '../tablewalker.js';\n\n/**\n * The select column command.\n *\n * The command is registered by {@link module:table/tableediting~TableEditing} as the `'selectTableColumn'` editor command.\n *\n * To select the columns containing the selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'selectTableColumn' );\n * ```\n */\nexport class SelectColumnCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\t// It does not affect data so should be enabled in read-only mode.\n\t\tthis.affectsData = false;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst selectedCells = tableUtils.getSelectionAffectedTableCells( this.editor.model.document.selection );\n\n\t\tthis.isEnabled = selectedCells.length > 0;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override execute(): void {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst model = this.editor.model;\n\t\tconst referenceCells = tableUtils.getSelectionAffectedTableCells( model.document.selection );\n\t\tconst firstCell = referenceCells[ 0 ];\n\t\tconst lastCell = referenceCells.pop()!;\n\t\tconst table = firstCell.findAncestor( 'table' )!;\n\n\t\tconst startLocation = tableUtils.getCellLocation( firstCell );\n\t\tconst endLocation = tableUtils.getCellLocation( lastCell );\n\n\t\tconst startColumn = Math.min( startLocation.column, endLocation.column );\n\t\tconst endColumn = Math.max( startLocation.column, endLocation.column );\n\n\t\tconst rangesToSelect: Array<ModelRange> = [];\n\n\t\tfor ( const cellInfo of new TableWalker( table, { startColumn, endColumn } ) ) {\n\t\t\trangesToSelect.push( model.createRangeOn( cellInfo.cell ) );\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\twriter.setSelection( rangesToSelect );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/converters/table-layout-post-fixer\n */\n\nimport type {\n\tModelElement,\n\tModel,\n\tModelWriter,\n\tDifferItem,\n\tDifferItemAttribute\n} from 'ckeditor5/src/engine.js';\n\nimport { TableWalker } from './../tablewalker.js';\nimport { createEmptyTableCell, updateNumericAttribute } from '../utils/common.js';\n\n/**\n * Injects a table layout post-fixer into the model.\n *\n * The role of the table layout post-fixer is to ensure that the table rows have the correct structure\n * after a {@link module:engine/model/model~Model#change `change()`} block was executed.\n *\n * The correct structure means that:\n *\n * * All table rows have the same size.\n * * None of the table cells extend vertically beyond their section (either header or body).\n * * A table cell has always at least one element as a child.\n *\n * If the table structure is not correct, the post-fixer will automatically correct it in two steps:\n *\n * 1. It will clip table cells that extend beyond their section.\n * 2. It will add empty table cells to the rows that are narrower than the widest table row.\n *\n * ## Clipping overlapping table cells\n *\n * Such situation may occur when pasting a table (or a part of a table) to the editor from external sources.\n *\n * For example, see the following table which has a cell (FOO) with the rowspan attribute (2):\n *\n * ```xml\n * <table headingRows=\"1\">\n *   <tableRow>\n *     <tableCell rowspan=\"2\"><paragraph>FOO</paragraph></tableCell>\n *     <tableCell colspan=\"2\"><paragraph>BAR</paragraph></tableCell>\n *   </tableRow>\n *   <tableRow>\n *     <tableCell><paragraph>BAZ</paragraph></tableCell>\n *     <tableCell><paragraph>XYZ</paragraph></tableCell>\n *   </tableRow>\n * </table>\n * ```\n *\n * It will be rendered in the view as:\n *\n * ```xml\n * <table>\n *   <thead>\n *     <tr>\n *       <td rowspan=\"2\">FOO</td>\n *       <td colspan=\"2\">BAR</td>\n *     </tr>\n *   </thead>\n *   <tbody>\n *     <tr>\n *       <td>BAZ</td>\n *       <td>XYZ</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * In the above example the table will be rendered as a table with two rows: one in the header and second one in the body.\n * The table cell (FOO) cannot span over multiple rows as it would extend from the header to the body section.\n * The `rowspan` attribute must be changed to (1). The value (1) is the default value of the `rowspan` attribute\n * so the `rowspan` attribute will be removed from the model.\n *\n * The table cell with BAZ in the content will be in the first column of the table.\n *\n * ## Adding missing table cells\n *\n * The table post-fixer will insert empty table cells to equalize table row sizes (the number of columns).\n * The size of a table row is calculated by counting column spans of table cells, both horizontal (from the same row) and\n * vertical (from the rows above).\n *\n * In the above example, the table row in the body section of the table is narrower then the row from the header: it has two cells\n * with the default colspan (1). The header row has one cell with colspan (1) and the second with colspan (2).\n * The table cell (FOO) does not extend beyond the head section (and as such will be fixed in the first step of this post-fixer).\n * The post-fixer will add a missing table cell to the row in the body section of the table.\n *\n * The table from the above example will be fixed and rendered to the view as below:\n *\n * ```xml\n * <table>\n *   <thead>\n *     <tr>\n *       <td rowspan=\"2\">FOO</td>\n *       <td colspan=\"2\">BAR</td>\n *     </tr>\n *   </thead>\n *   <tbody>\n *     <tr>\n *       <td>BAZ</td>\n *       <td>XYZ</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * ## Collaboration and undo - Expectations vs post-fixer results\n *\n * The table post-fixer only ensures proper structure without a deeper analysis of the nature of the change. As such, it might lead\n * to a structure which was not intended by the user. In particular, it will also fix undo steps (in conjunction with collaboration)\n * in which the editor content might not return to the original state.\n *\n * This will usually happen when one or more users change the size of the table.\n *\n * As an example see the table below:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * and the user actions:\n *\n * 1. Both users have a table with two rows and two columns.\n * 2. User A adds a column at the end of the table. This will insert empty table cells to two rows.\n * 3. User B adds a row at the end of the table. This will insert a row with two empty table cells.\n * 4. Both users will have a table as below:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *       <td>(empty, inserted by A)</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *       <td>(empty, inserted by A)</td>\n *     </tr>\n *     <tr>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by B)</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * The last row is shorter then others so the table post-fixer will add an empty row to the last row:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *       <td>(empty, inserted by A)</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *       <td>(empty, inserted by A)</td>\n *     </tr>\n *     <tr>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by the post-fixer)</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * Unfortunately undo does not know the nature of the changes and depending on which user applies the post-fixer changes, undoing them\n * might lead to a broken table. If User B undoes inserting the column to the table, the undo engine will undo only the operations of\n * inserting empty cells to rows from the initial table state (row 1 and 2) but the cell in the post-fixed row will remain:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *     </tr>\n *     <tr>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by a post-fixer)</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * After undo, the table post-fixer will detect that two rows are shorter than others and will fix the table to:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>\n *       <td>11</td>\n *       <td>12</td>\n *       <td>(empty, inserted by a post-fixer after undo)</td>\n *     </tr>\n *     <tr>\n *       <td>21</td>\n *       <td>22</td>\n *       <td>(empty, inserted by a post-fixer after undo)</td>\n *     </tr>\n *     <tr>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by B)</td>\n *       <td>(empty, inserted by a post-fixer)</td>\n *     </tr>\n *   </tbody>\n * </table>\n * ```\n *\n * @internal\n */\nexport function injectTableLayoutPostFixer( model: Model ): void {\n\tmodel.document.registerPostFixer( writer => tableLayoutPostFixer( writer, model ) );\n}\n\n/**\n * The table layout post-fixer.\n */\nfunction tableLayoutPostFixer( writer: ModelWriter, model: Model ) {\n\tconst changes = model.document.differ.getChanges();\n\n\tlet wasFixed = false;\n\n\t// Do not analyze the same table more then once - may happen for multiple changes in the same table.\n\tconst analyzedTables = new Set();\n\n\tfor ( const entry of changes ) {\n\t\tlet table: ModelElement | null = null;\n\n\t\tif ( entry.type == 'insert' && entry.name == 'table' ) {\n\t\t\ttable = entry.position.nodeAfter as ModelElement;\n\t\t}\n\n\t\t// Fix table on adding/removing table cells and rows.\n\t\tif ( ( entry.type == 'insert' || entry.type == 'remove' ) && ( entry.name == 'tableRow' || entry.name == 'tableCell' ) ) {\n\t\t\ttable = entry.position.findAncestor( 'table' );\n\t\t}\n\n\t\t// Fix table on any table's attribute change - including attributes of table cells.\n\t\tif ( isTableAttributeEntry( entry ) ) {\n\t\t\ttable = entry.range.start.findAncestor( 'table' );\n\t\t}\n\n\t\tif ( table && !analyzedTables.has( table ) ) {\n\t\t\t// Step 1: correct rowspans of table cells if necessary.\n\t\t\t// The wasFixed flag should be true if any of tables in batch was fixed - might be more then one.\n\t\t\twasFixed = fixTableCellsRowspan( table, writer ) || wasFixed;\n\t\t\t// Step 2: fix table rows sizes.\n\t\t\twasFixed = fixTableRowsSizes( table, writer ) || wasFixed;\n\n\t\t\tanalyzedTables.add( table );\n\t\t}\n\t}\n\n\treturn wasFixed;\n}\n\n/**\n * Fixes the invalid value of the `rowspan` attribute because a table cell cannot vertically extend beyond the table section it belongs to.\n *\n * @returns Returns `true` if the table was fixed.\n */\nfunction fixTableCellsRowspan( table: ModelElement, writer: ModelWriter ) {\n\tlet wasFixed = false;\n\n\tconst cellsToTrim = findCellsToTrim( table );\n\n\tif ( cellsToTrim.length ) {\n\t\t// @if CK_DEBUG_TABLE // console.log( `Post-fixing table: trimming cells row-spans (${ cellsToTrim.length }).` );\n\n\t\twasFixed = true;\n\n\t\tfor ( const data of cellsToTrim ) {\n\t\t\tupdateNumericAttribute( 'rowspan', data.rowspan, data.cell, writer, 1 );\n\t\t}\n\t}\n\n\treturn wasFixed;\n}\n\n/**\n * Makes all table rows in a table the same size.\n *\n * @returns Returns `true` if the table was fixed.\n */\nfunction fixTableRowsSizes( table: ModelElement, writer: ModelWriter ) {\n\tlet wasFixed = false;\n\n\tconst childrenLengths = getChildrenLengths( table );\n\tconst rowsToRemove = [];\n\n\t// Find empty rows.\n\tfor ( const [ rowIndex, size ] of childrenLengths.entries() ) {\n\t\t// Ignore all non-row models.\n\t\tif ( !size && table.getChild( rowIndex )!.is( 'element', 'tableRow' ) ) {\n\t\t\trowsToRemove.push( rowIndex );\n\t\t}\n\t}\n\n\t// Remove empty rows.\n\tif ( rowsToRemove.length ) {\n\t\t// @if CK_DEBUG_TABLE // console.log( `Post-fixing table: remove empty rows (${ rowsToRemove.length }).` );\n\n\t\twasFixed = true;\n\n\t\tfor ( const rowIndex of rowsToRemove.reverse() ) {\n\t\t\twriter.remove( table.getChild( rowIndex )! );\n\t\t\tchildrenLengths.splice( rowIndex, 1 );\n\t\t}\n\t}\n\n\t// Filter out everything that's not a table row.\n\tconst rowsLengths = childrenLengths.filter( ( row, rowIndex ) => table.getChild( rowIndex )!.is( 'element', 'tableRow' ) );\n\n\t// Verify if all the rows have the same number of columns.\n\tconst tableSize = rowsLengths[ 0 ];\n\tconst isValid = rowsLengths.every( length => length === tableSize );\n\n\tif ( !isValid ) {\n\t\t// @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: adding missing cells.' );\n\n\t\t// Find the maximum number of columns.\n\t\tconst maxColumns = rowsLengths.reduce( ( prev, current ) => current > prev ? current : prev, 0 );\n\n\t\tfor ( const [ rowIndex, size ] of rowsLengths.entries() ) {\n\t\t\tconst columnsToInsert = maxColumns - size;\n\n\t\t\tif ( columnsToInsert ) {\n\t\t\t\tfor ( let i = 0; i < columnsToInsert; i++ ) {\n\t\t\t\t\tcreateEmptyTableCell( writer, writer.createPositionAt( table.getChild( rowIndex )!, 'end' ) );\n\t\t\t\t}\n\n\t\t\t\twasFixed = true;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn wasFixed;\n}\n\n/**\n * Searches for table cells that extend beyond the table section to which they belong to. It will return an array of objects\n * that stores table cells to be trimmed and the correct value of the `rowspan` attribute to set.\n */\nfunction findCellsToTrim( table: ModelElement ) {\n\tconst headingRows = parseInt( table.getAttribute( 'headingRows' ) as string || '0' );\n\tconst maxRows = Array.from( table.getChildren() )\n\t\t.reduce( ( count, row ) => row.is( 'element', 'tableRow' ) ? count + 1 : count, 0 );\n\n\tconst cellsToTrim = [];\n\n\tfor ( const { row, cell, cellHeight } of new TableWalker( table ) ) {\n\t\t// Skip cells that do not expand over its row.\n\t\tif ( cellHeight < 2 ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst isInHeader = row < headingRows;\n\n\t\t// Row limit is either end of header section or whole table as table body is after the header.\n\t\tconst rowLimit = isInHeader ? headingRows : maxRows;\n\n\t\t// If table cell expands over its limit reduce it height to proper value.\n\t\tif ( row + cellHeight > rowLimit ) {\n\t\t\tconst newRowspan = rowLimit - row;\n\n\t\t\tcellsToTrim.push( { cell, rowspan: newRowspan } );\n\t\t}\n\t}\n\n\treturn cellsToTrim;\n}\n\n/**\n * Returns an array with lengths of rows assigned to the corresponding row index.\n */\nfunction getChildrenLengths( table: ModelElement ) {\n\t// TableWalker will not provide items for the empty rows, we need to pre-fill this array.\n\tconst lengths = new Array( table.childCount ).fill( 0 );\n\n\tfor ( const { rowIndex } of new TableWalker( table, { includeAllSlots: true } ) ) {\n\t\tlengths[ rowIndex ]++;\n\t}\n\n\treturn lengths;\n}\n\n/**\n * Checks if the differ entry for an attribute change is one of the table's attributes.\n */\nfunction isTableAttributeEntry( entry: DifferItem ): entry is DifferItemAttribute {\n\tif ( entry.type !== 'attribute' ) {\n\t\treturn false;\n\t}\n\n\tconst key = entry.attributeKey;\n\n\treturn key === 'headingRows' || key === 'colspan' || key === 'rowspan';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/converters/table-cell-paragraph-post-fixer\n */\n\nimport type { Model, ModelWriter, ModelElement, DifferItemInsert, DifferItemRemove } from 'ckeditor5/src/engine.js';\n\n/**\n * Injects a table cell post-fixer into the model which inserts a `paragraph` element into empty table cells.\n *\n * A table cell must contain at least one block element as a child. An empty table cell will have an empty `paragraph` as a child.\n *\n * ```xml\n * <table>\n *   <tableRow>\n *      <tableCell></tableCell>\n *   </tableRow>\n * </table>\n * ```\n *\n * Will be fixed to:\n *\n * ```xml\n * <table>\n *   <tableRow>\n *      <tableCell><paragraph></paragraph></tableCell>\n *   </tableRow>\n * </table>\n * ```\n *\n * @internal\n */\nexport function injectTableCellParagraphPostFixer( model: Model ): void {\n\tmodel.document.registerPostFixer( writer => tableCellContentsPostFixer( writer, model ) );\n}\n\n/**\n * The table cell contents post-fixer.\n */\nfunction tableCellContentsPostFixer( writer: ModelWriter, model: Model ) {\n\tconst changes = model.document.differ.getChanges();\n\n\tlet wasFixed = false;\n\n\tfor ( const entry of changes ) {\n\t\tif ( entry.type == 'insert' && entry.name == 'table' ) {\n\t\t\twasFixed = fixTable( entry.position.nodeAfter as ModelElement, writer ) || wasFixed;\n\t\t}\n\n\t\tif ( entry.type == 'insert' && entry.name == 'tableRow' ) {\n\t\t\twasFixed = fixTableRow( entry.position.nodeAfter as ModelElement, writer ) || wasFixed;\n\t\t}\n\n\t\tif ( entry.type == 'insert' && entry.name == 'tableCell' ) {\n\t\t\twasFixed = fixTableCellContent( entry.position.nodeAfter as ModelElement, writer ) || wasFixed;\n\t\t}\n\n\t\tif ( ( entry.type == 'remove' || entry.type == 'insert' ) && checkTableCellChange( entry ) ) {\n\t\t\twasFixed = fixTableCellContent( entry.position.parent as ModelElement, writer ) || wasFixed;\n\t\t}\n\t}\n\n\treturn wasFixed;\n}\n\n/**\n * Fixes all table cells in a table.\n */\nfunction fixTable( table: ModelElement, writer: ModelWriter ) {\n\tlet wasFixed = false;\n\n\tfor ( const row of table.getChildren() ) {\n\t\tif ( row.is( 'element', 'tableRow' ) ) {\n\t\t\twasFixed = fixTableRow( row, writer ) || wasFixed;\n\t\t}\n\t}\n\n\treturn wasFixed;\n}\n\n/**\n * Fixes all table cells in a table row.\n */\nfunction fixTableRow( tableRow: ModelElement, writer: ModelWriter ) {\n\tlet wasFixed = false;\n\n\tfor ( const tableCell of tableRow.getChildren() as IterableIterator<ModelElement> ) {\n\t\twasFixed = fixTableCellContent( tableCell, writer ) || wasFixed;\n\t}\n\n\treturn wasFixed;\n}\n\n/**\n * Fixes all table cell content by:\n * - Adding a paragraph to a table cell without any child.\n * - Wrapping direct $text in a `<paragraph>`.\n */\nfunction fixTableCellContent( tableCell: ModelElement, writer: ModelWriter ) {\n\t// Insert paragraph to an empty table cell.\n\tif ( tableCell.childCount == 0 ) {\n\t\t// @if CK_DEBUG_TABLE // console.log( 'Post-fixing table: insert paragraph in empty cell.' );\n\n\t\twriter.insertElement( 'paragraph', tableCell );\n\n\t\treturn true;\n\t}\n\n\t// Check table cell children for directly placed text nodes.\n\t// Temporary solution. See https://github.com/ckeditor/ckeditor5/issues/1464.\n\tconst textNodes = Array.from( tableCell.getChildren() ).filter( child => child.is( '$text' ) );\n\n\t// @if CK_DEBUG_TABLE // textNodes.length && console.log( 'Post-fixing table: wrap cell content with paragraph.' );\n\n\tfor ( const child of textNodes ) {\n\t\twriter.wrap( writer.createRangeOn( child ), 'paragraph' );\n\t}\n\n\t// Return true when there were text nodes to fix.\n\treturn !!textNodes.length;\n}\n\n/**\n * Checks if a differ change should fix the table cell. This happens on:\n * - Removing content from the table cell (i.e. `tableCell` can be left empty).\n * - Adding a text node directly into a table cell.\n */\nfunction checkTableCellChange( entry: DifferItemInsert | DifferItemRemove ) {\n\tif ( !entry.position.parent.is( 'element', 'tableCell' ) ) {\n\t\treturn false;\n\t}\n\n\treturn entry.type == 'insert' && entry.name == '$text' || entry.type == 'remove';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/converters/table-headings-refresh-handler\n */\n\nimport type {\n\tEditingController,\n\tModelElement,\n\tModel\n} from 'ckeditor5/src/engine.js';\n\nimport { TableWalker } from '../tablewalker.js';\n\n/**\n * A table headings refresh handler which marks the table cells or rows in the differ to have it re-rendered\n * if the headings attribute changed.\n *\n * Table heading rows and heading columns are represented in the model by a `headingRows` and `headingColumns` attributes.\n *\n * When table headings attribute changes, all the cells/rows are marked to re-render to change between `<td>` and `<th>`.\n *\n * @internal\n */\nexport function tableHeadingsRefreshHandler( model: Model, editing: EditingController ): void {\n\tconst differ = model.document.differ;\n\n\tfor ( const change of differ.getChanges() ) {\n\t\tlet table;\n\t\tlet isRowChange = false;\n\n\t\tif ( change.type == 'attribute' ) {\n\t\t\tconst element = change.range.start.nodeAfter;\n\n\t\t\tif ( !element || !element.is( 'element', 'table' ) ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif ( change.attributeKey != 'headingRows' && change.attributeKey != 'headingColumns' ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\ttable = element;\n\t\t\tisRowChange = change.attributeKey == 'headingRows';\n\t\t} else if ( change.name == 'tableRow' || change.name == 'tableCell' ) {\n\t\t\ttable = change.position.findAncestor( 'table' );\n\t\t\tisRowChange = change.name == 'tableRow';\n\t\t}\n\n\t\tif ( !table ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst headingRows = table.getAttribute( 'headingRows' ) as number || 0;\n\t\tconst headingColumns = table.getAttribute( 'headingColumns' ) as number || 0;\n\n\t\tconst tableWalker = new TableWalker( table );\n\n\t\tfor ( const tableSlot of tableWalker ) {\n\t\t\tconst isHeading = tableSlot.row < headingRows || tableSlot.column < headingColumns;\n\t\t\tconst expectedElementName = isHeading ? 'th' : 'td';\n\n\t\t\tconst viewElement = editing.mapper.toViewElement( tableSlot.cell );\n\n\t\t\tif ( viewElement && viewElement.is( 'element' ) && viewElement.name != expectedElementName ) {\n\t\t\t\tediting.reconvertItem( ( isRowChange ? tableSlot.cell.parent : tableSlot.cell ) as ModelElement );\n\t\t\t}\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/converters/table-cell-refresh-handler\n */\n\nimport type {\n\tEditingController,\n\tModelElement,\n\tMapper,\n\tModel\n} from 'ckeditor5/src/engine.js';\n\nimport { isSingleParagraphWithoutAttributes } from './downcast.js';\n\n/**\n * A table cell refresh handler which marks the table cell in the differ to have it re-rendered.\n *\n * Model `paragraph` inside a table cell can be rendered as `<span>` or `<p>`. It is rendered as `<span>` if this is the only block\n * element in that table cell and it does not have any attributes. It is rendered as `<p>` otherwise.\n *\n * When table cell content changes, for example a second `paragraph` element is added, we need to ensure that the first `paragraph` is\n * re-rendered so it changes from `<span>` to `<p>`. The easiest way to do it is to re-render the entire table cell.\n *\n * @internal\n */\nexport function tableCellRefreshHandler( model: Model, editing: EditingController ): void {\n\tconst differ = model.document.differ;\n\n\t// Stores cells to be refreshed, so the table cell will be refreshed once for multiple changes.\n\tconst cellsToCheck = new Set();\n\n\tfor ( const change of differ.getChanges() ) {\n\t\tconst parent = change.type == 'attribute' ? change.range.start.parent : change.position.parent;\n\n\t\tif ( parent.is( 'element', 'tableCell' ) ) {\n\t\t\tcellsToCheck.add( parent );\n\t\t}\n\t}\n\n\tfor ( const tableCell of cellsToCheck.values() as Iterable<ModelElement> ) {\n\t\tconst paragraphsToRefresh = Array.from( tableCell.getChildren() )\n\t\t\t.filter( child => shouldRefresh( child as ModelElement, editing.mapper ) );\n\n\t\tfor ( const paragraph of paragraphsToRefresh ) {\n\t\t\tediting.reconvertItem( paragraph );\n\t\t}\n\t}\n}\n\n/**\n * Check if given model element needs refreshing.\n */\nfunction shouldRefresh( child: ModelElement, mapper: Mapper ) {\n\tif ( !child.is( 'element', 'paragraph' ) ) {\n\t\treturn false;\n\t}\n\n\tconst viewElement = mapper.toViewElement( child );\n\n\tif ( !viewElement ) {\n\t\treturn false;\n\t}\n\n\treturn isSingleParagraphWithoutAttributes( child ) !== viewElement.is( 'element', 'span' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableediting\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelPositionOffset, ViewElement, DowncastSlotFilter } from 'ckeditor5/src/engine.js';\n\nimport { upcastTable, ensureParagraphInTableCell, skipEmptyTableRow, upcastTableFigure } from './converters/upcasttable.js';\nimport {\n\tconvertParagraphInTableCell,\n\tdowncastCell,\n\tdowncastRow,\n\tdowncastTable,\n\tdowncastTableBorderAndBackgroundAttributes,\n\tconvertPlainTable,\n\tconvertPlainTableCaption\n} from './converters/downcast.js';\n\nimport { InsertTableCommand } from './commands/inserttablecommand.js';\nimport { InsertRowCommand } from './commands/insertrowcommand.js';\nimport { InsertColumnCommand } from './commands/insertcolumncommand.js';\nimport { SplitCellCommand } from './commands/splitcellcommand.js';\nimport { MergeCellCommand } from './commands/mergecellcommand.js';\nimport { RemoveRowCommand } from './commands/removerowcommand.js';\nimport { RemoveColumnCommand } from './commands/removecolumncommand.js';\nimport { SetHeaderRowCommand } from './commands/setheaderrowcommand.js';\nimport { SetHeaderColumnCommand } from './commands/setheadercolumncommand.js';\nimport { MergeCellsCommand } from './commands/mergecellscommand.js';\nimport { SelectRowCommand } from './commands/selectrowcommand.js';\nimport { SelectColumnCommand } from './commands/selectcolumncommand.js';\nimport { TableUtils } from '../src/tableutils.js';\n\nimport { injectTableLayoutPostFixer } from './converters/table-layout-post-fixer.js';\nimport { injectTableCellParagraphPostFixer } from './converters/table-cell-paragraph-post-fixer.js';\n\nimport { tableHeadingsRefreshHandler } from './converters/table-headings-refresh-handler.js';\nimport { tableCellRefreshHandler } from './converters/table-cell-refresh-handler.js';\n\nimport '../theme/tableediting.css';\n\n/**\n * The table editing feature.\n */\nexport class TableEditing extends Plugin {\n\t/**\n\t * Handlers for creating additional slots in the table.\n\t */\n\tprivate _additionalSlots: Array<TableConversionAdditionalSlot>;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._additionalSlots = [];\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst schema = model.schema;\n\t\tconst conversion = editor.conversion;\n\t\tconst tableUtils = editor.plugins.get( TableUtils );\n\n\t\tschema.register( 'table', {\n\t\t\tinheritAllFrom: '$blockObject',\n\t\t\tallowAttributes: [ 'headingRows', 'headingColumns' ]\n\t\t} );\n\n\t\tschema.register( 'tableRow', {\n\t\t\tallowIn: 'table',\n\t\t\tisLimit: true\n\t\t} );\n\n\t\tschema.register( 'tableCell', {\n\t\t\tallowContentOf: '$container',\n\t\t\tallowIn: 'tableRow',\n\t\t\tallowAttributes: [ 'colspan', 'rowspan' ],\n\t\t\tisLimit: true,\n\t\t\tisSelectable: true\n\t\t} );\n\n\t\t// Figure conversion.\n\t\tconversion.for( 'upcast' ).add( upcastTableFigure() );\n\n\t\t// Table conversion.\n\t\tconversion.for( 'upcast' ).add( upcastTable() );\n\n\t\tconversion.for( 'editingDowncast' ).elementToStructure( {\n\t\t\tmodel: {\n\t\t\t\tname: 'table',\n\t\t\t\tattributes: [ 'headingRows' ]\n\t\t\t},\n\t\t\tview: downcastTable( tableUtils, {\n\t\t\t\tasWidget: true,\n\t\t\t\tadditionalSlots: this._additionalSlots\n\t\t\t} )\n\t\t} );\n\t\tconversion.for( 'dataDowncast' ).elementToStructure( {\n\t\t\tmodel: {\n\t\t\t\tname: 'table',\n\t\t\t\tattributes: [ 'headingRows' ]\n\t\t\t},\n\t\t\tview: downcastTable( tableUtils, {\n\t\t\t\tadditionalSlots: this._additionalSlots\n\t\t\t} )\n\t\t} );\n\n\t\t// Table row conversion.\n\t\tconversion.for( 'upcast' ).elementToElement( { model: 'tableRow', view: 'tr' } );\n\t\tconversion.for( 'upcast' ).add( skipEmptyTableRow() );\n\n\t\tconversion.for( 'downcast' ).elementToElement( {\n\t\t\tmodel: 'tableRow',\n\t\t\tview: downcastRow()\n\t\t} );\n\n\t\t// Table cell conversion.\n\t\tconversion.for( 'upcast' ).elementToElement( { model: 'tableCell', view: 'td' } );\n\t\tconversion.for( 'upcast' ).elementToElement( { model: 'tableCell', view: 'th' } );\n\t\tconversion.for( 'upcast' ).add( ensureParagraphInTableCell( 'td' ) );\n\t\tconversion.for( 'upcast' ).add( ensureParagraphInTableCell( 'th' ) );\n\n\t\tconversion.for( 'editingDowncast' ).elementToElement( {\n\t\t\tmodel: 'tableCell',\n\t\t\tview: downcastCell( { asWidget: true } )\n\t\t} );\n\t\tconversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\tmodel: 'tableCell',\n\t\t\tview: downcastCell()\n\t\t} );\n\n\t\t// Duplicates code - needed to properly refresh paragraph inside a table cell.\n\t\tconversion.for( 'editingDowncast' ).elementToElement( {\n\t\t\tmodel: 'paragraph',\n\t\t\tview: convertParagraphInTableCell( { asWidget: true } ),\n\t\t\tconverterPriority: 'high'\n\t\t} );\n\t\tconversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\tmodel: 'paragraph',\n\t\t\tview: convertParagraphInTableCell(),\n\t\t\tconverterPriority: 'high'\n\t\t} );\n\n\t\t// Table attributes conversion.\n\t\tconversion.for( 'downcast' ).attributeToAttribute( { model: 'colspan', view: 'colspan' } );\n\t\tconversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tmodel: { key: 'colspan', value: upcastCellSpan( 'colspan' ) },\n\t\t\tview: 'colspan'\n\t\t} );\n\n\t\tconversion.for( 'downcast' ).attributeToAttribute( { model: 'rowspan', view: 'rowspan' } );\n\t\tconversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tmodel: { key: 'rowspan', value: upcastCellSpan( 'rowspan' ) },\n\t\t\tview: 'rowspan'\n\t\t} );\n\n\t\t// Plain table output converters (also used in the clipboard pipeline).\n\t\tthis._addPlainTableOutputConverters();\n\n\t\t// Define the config.\n\t\teditor.config.define( 'table.defaultHeadings.rows', 0 );\n\t\teditor.config.define( 'table.defaultHeadings.columns', 0 );\n\n\t\t// Define all the commands.\n\t\teditor.commands.add( 'insertTable', new InsertTableCommand( editor ) );\n\t\teditor.commands.add( 'insertTableRowAbove', new InsertRowCommand( editor, { order: 'above' } ) );\n\t\teditor.commands.add( 'insertTableRowBelow', new InsertRowCommand( editor, { order: 'below' } ) );\n\t\teditor.commands.add( 'insertTableColumnLeft', new InsertColumnCommand( editor, { order: 'left' } ) );\n\t\teditor.commands.add( 'insertTableColumnRight', new InsertColumnCommand( editor, { order: 'right' } ) );\n\n\t\teditor.commands.add( 'removeTableRow', new RemoveRowCommand( editor ) );\n\t\teditor.commands.add( 'removeTableColumn', new RemoveColumnCommand( editor ) );\n\n\t\teditor.commands.add( 'splitTableCellVertically', new SplitCellCommand( editor, { direction: 'vertically' } ) );\n\t\teditor.commands.add( 'splitTableCellHorizontally', new SplitCellCommand( editor, { direction: 'horizontally' } ) );\n\n\t\teditor.commands.add( 'mergeTableCells', new MergeCellsCommand( editor ) );\n\n\t\teditor.commands.add( 'mergeTableCellRight', new MergeCellCommand( editor, { direction: 'right' } ) );\n\t\teditor.commands.add( 'mergeTableCellLeft', new MergeCellCommand( editor, { direction: 'left' } ) );\n\t\teditor.commands.add( 'mergeTableCellDown', new MergeCellCommand( editor, { direction: 'down' } ) );\n\t\teditor.commands.add( 'mergeTableCellUp', new MergeCellCommand( editor, { direction: 'up' } ) );\n\n\t\teditor.commands.add( 'setTableColumnHeader', new SetHeaderColumnCommand( editor ) );\n\t\teditor.commands.add( 'setTableRowHeader', new SetHeaderRowCommand( editor ) );\n\n\t\teditor.commands.add( 'selectTableRow', new SelectRowCommand( editor ) );\n\t\teditor.commands.add( 'selectTableColumn', new SelectColumnCommand( editor ) );\n\n\t\tinjectTableLayoutPostFixer( model );\n\t\tinjectTableCellParagraphPostFixer( model );\n\n\t\tthis.listenTo( model.document, 'change:data', () => {\n\t\t\ttableHeadingsRefreshHandler( model, editor.editing );\n\t\t\ttableCellRefreshHandler( model, editor.editing );\n\t\t} );\n\t}\n\n\t/**\n\t * Registers downcast handler for the additional table slot.\n\t */\n\tpublic registerAdditionalSlot( slotHandler: TableConversionAdditionalSlot ): void {\n\t\tthis._additionalSlots.push( slotHandler );\n\t}\n\n\t/**\n\t * Adds converters for plain table output. These converters are used either when the `PlainTableOutput` plugin is loaded\n\t * or when content is processed by the clipboard pipeline, ensuring that pasted tables are not wrapped in a <figure> element.\n\t */\n\tprivate _addPlainTableOutputConverters(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Override default table data downcast converter.\n\t\teditor.conversion.for( 'dataDowncast' ).elementToStructure( {\n\t\t\tmodel: 'table',\n\t\t\tview: convertPlainTable( editor ),\n\t\t\tconverterPriority: 'high'\n\t\t} );\n\n\t\t// Make sure table <caption> is downcasted into <caption> in the data pipeline when necessary.\n\t\tif ( editor.plugins.has( 'TableCaption' ) ) {\n\t\t\teditor.conversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\t\tmodel: 'caption',\n\t\t\t\tview: convertPlainTableCaption( editor ),\n\t\t\t\tconverterPriority: 'high'\n\t\t\t} );\n\t\t}\n\n\t\t// Handle border-style, border-color, border-width and background-color table attributes.\n\t\tif ( editor.plugins.has( 'TableProperties' ) ) {\n\t\t\tdowncastTableBorderAndBackgroundAttributes( editor );\n\t\t}\n\t}\n}\n\n/**\n * Returns fixed colspan and rowspan attrbutes values.\n *\n * @param type colspan or rowspan.\n * @returns conversion value function.\n */\nfunction upcastCellSpan( type: string ) {\n\treturn ( cell: ViewElement ) => {\n\t\tconst span = parseInt( cell.getAttribute( type )! );\n\n\t\tif ( Number.isNaN( span ) || span <= 0 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn span;\n\t};\n}\n\n/**\n * By default, only the `tableRow` elements from the `table` model are downcast inside the `<table>` and\n * all other elements are pushed outside the table. This handler allows creating additional slots inside\n * the table for other elements.\n *\n * Take this model as an example:\n *\n * ```xml\n * <table>\n *   <tableRow>...</tableRow>\n *   <tableRow>...</tableRow>\n *   <tableColumnGroup>...</tableColumnGroup>\n * </table>\n * ```\n *\n * By default, downcasting result will be:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>...</tr>\n *     <tr>...</tr>\n *   </tbody>\n * </table>\n * <colgroup>...</colgroup>\n * ```\n *\n * To allow the `tableColumnGroup` element at the end of the table, use the following configuration:\n *\n * ```ts\n * const additionalSlot = {\n *   filter: element => element.is( 'element', 'tableColumnGroup' ),\n *   positionOffset: 'end'\n * }\n * ```\n *\n * Now, the downcast result will be:\n *\n * ```xml\n * <table>\n *   <tbody>\n *     <tr>...</tr>\n *     <tr>...</tr>\n *   </tbody>\n *   <colgroup>...</colgroup>\n * </table>\n * ```\n */\nexport interface TableConversionAdditionalSlot {\n\n\t/**\n\t * Filter for elements that should be placed inside given slot.\n\t */\n\tfilter: DowncastSlotFilter;\n\n\t/**\n\t * Position of the slot within the table.\n\t */\n\tpositionOffset: ModelPositionOffset;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/ui/inserttableview\n */\n\nimport { View, ButtonView, addKeyboardHandlingForGrid, type ViewCollection } from 'ckeditor5/src/ui.js';\n\nimport { KeystrokeHandler, FocusTracker, type Locale } from 'ckeditor5/src/utils.js';\n\nimport './../../theme/inserttable.css';\n\n/**\n * The table size view.\n *\n * It renders a 10x10 grid to choose the inserted table size.\n *\n * @internal\n */\nexport class InsertTableView extends View {\n\t/**\n\t * A collection of table size box items.\n\t */\n\tpublic readonly items: ViewCollection<ButtonView>;\n\n\t/**\n\t * Listen to `keydown` events fired in this view's main element.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * Tracks information about the DOM focus in the grid.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * The currently selected number of rows of the new table.\n\t *\n\t * @observable\n\t */\n\tdeclare public rows: number;\n\n\t/**\n\t * The currently selected number of columns of the new table.\n\t *\n\t * @observable\n\t */\n\tdeclare public columns: number;\n\n\t/**\n\t * The label text displayed under the boxes.\n\t *\n\t * @observable\n\t */\n\tdeclare public label: string;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( locale: Locale ) {\n\t\tsuper( locale );\n\n\t\tconst bind = this.bindTemplate;\n\t\tthis.items = this._createGridCollection();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.set( 'rows', 0 );\n\t\tthis.set( 'columns', 0 );\n\t\tthis.bind( 'label' ).to( this, 'columns', this, 'rows', ( columns, rows ) => `${ rows } × ${ columns }` );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [ 'ck' ]\n\t\t\t},\n\n\t\t\tchildren: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [ 'ck-insert-table-dropdown__grid' ]\n\t\t\t\t\t},\n\t\t\t\t\ton: {\n\t\t\t\t\t\t'mouseover@.ck-insert-table-dropdown-grid-box': bind.to( 'boxover' )\n\t\t\t\t\t},\n\t\t\t\t\tchildren: this.items\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: [\n\t\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t\t'ck-insert-table-dropdown__label'\n\t\t\t\t\t\t],\n\t\t\t\t\t\t'aria-hidden': true\n\t\t\t\t\t},\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: bind.to( 'label' )\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t],\n\n\t\t\ton: {\n\t\t\t\tmousedown: bind.to( evt => {\n\t\t\t\t\tevt.preventDefault();\n\t\t\t\t} ),\n\n\t\t\t\tclick: bind.to( () => {\n\t\t\t\t\tthis.fire( 'execute' );\n\t\t\t\t} )\n\t\t\t}\n\t\t} );\n\n\t\t// #rows and #columns are set via changes to #focusTracker on mouse over.\n\t\tthis.on( 'boxover', ( evt, domEvt ) => {\n\t\t\tconst { row, column } = domEvt.target.dataset;\n\t\t\tthis.items.get( ( parseInt( row, 10 ) - 1 ) * 10 + ( parseInt( column, 10 ) - 1 ) )!.focus();\n\t\t} );\n\n\t\t// This allows the #rows and #columns to be updated when:\n\t\t// * the user navigates the grid using the keyboard,\n\t\t// * the user moves the mouse over grid items.\n\t\tthis.focusTracker.on( 'change:focusedElement', ( evt, name, focusedElement ) => {\n\t\t\tif ( !focusedElement ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { row, column } = focusedElement.dataset;\n\n\t\t\t// As row & column indexes are zero-based transform it to number of selected rows & columns.\n\t\t\tthis.set( {\n\t\t\t\trows: parseInt( row ),\n\t\t\t\tcolumns: parseInt( column )\n\t\t\t} );\n\t\t} );\n\n\t\tthis.on( 'change:columns', () => this._highlightGridBoxes() );\n\t\tthis.on( 'change:rows', () => this._highlightGridBoxes() );\n\t}\n\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\taddKeyboardHandlingForGrid( {\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tgridItems: this.items,\n\t\t\tnumberOfColumns: 10,\n\t\t\tuiLanguageDirection: this.locale && this.locale.uiLanguageDirection\n\t\t} );\n\n\t\tfor ( const item of this.items ) {\n\t\t\tthis.focusTracker.add( item.element! );\n\t\t}\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * Resets the rows and columns selection.\n\t */\n\tpublic reset(): void {\n\t\tthis.set( {\n\t\t\trows: 1,\n\t\t\tcolumns: 1\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focus(): void {\n\t\tthis.items.get( 0 )!.focus();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic focusLast(): void {\n\t\tthis.items.get( 0 )!.focus();\n\t}\n\n\t/**\n\t * Highlights grid boxes depending on rows and columns selected.\n\t */\n\tprivate _highlightGridBoxes() {\n\t\tconst rows = this.rows;\n\t\tconst columns = this.columns;\n\n\t\tthis.items.map( ( boxView, index ) => {\n\t\t\t// Translate box index to the row & column index.\n\t\t\tconst itemRow = Math.floor( index / 10 );\n\t\t\tconst itemColumn = index % 10;\n\n\t\t\t// Grid box is highlighted when its row & column index belongs to selected number of rows & columns.\n\t\t\tconst isOn = itemRow < rows && itemColumn < columns;\n\n\t\t\tboxView.set( 'isOn', isOn );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a new Button for the grid.\n\t *\n\t * @param locale The locale instance.\n\t * @param row Row number.\n\t * @param column Column number.\n\t * @param label The grid button label.\n\t */\n\tprivate _createGridButton( locale: Locale, row: number, column: number, label: string ): ButtonView {\n\t\tconst button = new ButtonView( locale );\n\n\t\tbutton.set( {\n\t\t\tlabel,\n\t\t\tclass: 'ck-insert-table-dropdown-grid-box'\n\t\t} );\n\n\t\tbutton.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\t'data-row': row,\n\t\t\t\t'data-column': column\n\t\t\t}\n\t\t} );\n\n\t\treturn button;\n\t}\n\n\t/**\n\t * @returns A view collection containing boxes to be placed in a table grid.\n\t */\n\tprivate _createGridCollection() {\n\t\tconst boxes = [];\n\n\t\t// Add grid boxes to table selection view.\n\t\tfor ( let index = 0; index < 100; index++ ) {\n\t\t\tconst row = Math.floor( index / 10 );\n\t\t\tconst column = index % 10;\n\t\t\tconst label = `${ row + 1 } × ${ column + 1 }`;\n\n\t\t\tboxes.push( this._createGridButton( this.locale!, row + 1, column + 1, label ) );\n\t\t}\n\n\t\treturn this.createCollection( boxes );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableui\n */\n\nimport { Plugin, type Command, type Editor } from 'ckeditor5/src/core.js';\nimport { IconTable, IconTableColumn, IconTableRow, IconTableMergeCell } from 'ckeditor5/src/icons.js';\nimport {\n\taddListToDropdown,\n\tcreateDropdown,\n\tUIModel,\n\tSplitButtonView,\n\tSwitchButtonView,\n\ttype DropdownView,\n\ttype ListDropdownItemDefinition,\n\tMenuBarMenuView\n} from 'ckeditor5/src/ui.js';\nimport { Collection, type ObservableChangeEvent, type Locale } from 'ckeditor5/src/utils.js';\n\nimport { InsertTableView } from './ui/inserttableview.js';\n\nimport { type InsertTableCommand } from './commands/inserttablecommand.js';\nimport { type MergeCellsCommand } from './commands/mergecellscommand.js';\n\n/**\n * The table UI plugin. It introduces:\n *\n * * The `'insertTable'` dropdown,\n * * The `'menuBar:insertTable'` menu bar menu,\n * * The `'tableColumn'` dropdown,\n * * The `'tableRow'` dropdown,\n * * The `'mergeTableCells'` split button.\n *\n * The `'tableColumn'`, `'tableRow'` and `'mergeTableCells'` dropdowns work best with {@link module:table/tabletoolbar~TableToolbar}.\n */\nexport class TableUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\t\tconst contentLanguageDirection = editor.locale.contentLanguageDirection;\n\t\tconst isContentLtr = contentLanguageDirection === 'ltr';\n\n\t\teditor.ui.componentFactory.add( 'insertTable', locale => {\n\t\t\tconst command: InsertTableCommand = editor.commands.get( 'insertTable' )!;\n\t\t\tconst dropdownView = createDropdown( locale );\n\n\t\t\tdropdownView.bind( 'isEnabled' ).to( command );\n\n\t\t\t// Decorate dropdown's button.\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\ticon: IconTable,\n\t\t\t\tlabel: t( 'Insert table' ),\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tlet insertTableView: InsertTableView;\n\n\t\t\tdropdownView.on( 'change:isOpen', () => {\n\t\t\t\tif ( insertTableView ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Prepare custom view for dropdown's panel.\n\t\t\t\tinsertTableView = new InsertTableView( locale );\n\t\t\t\tdropdownView.panelView.children.add( insertTableView );\n\n\t\t\t\tinsertTableView.delegate( 'execute' ).to( dropdownView );\n\n\t\t\t\tdropdownView.on( 'execute', () => {\n\t\t\t\t\teditor.execute( 'insertTable', { rows: insertTableView.rows, columns: insertTableView.columns } );\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t} );\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:insertTable', locale => {\n\t\t\tconst command: InsertTableCommand = editor.commands.get( 'insertTable' )!;\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\t\t\tconst insertTableView = new InsertTableView( locale );\n\n\t\t\tinsertTableView.delegate( 'execute' ).to( menuView );\n\n\t\t\tmenuView.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( event, name, isOpen ) => {\n\t\t\t\tif ( !isOpen ) {\n\t\t\t\t\tinsertTableView.reset();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tinsertTableView.on( 'execute', () => {\n\t\t\t\teditor.execute( 'insertTable', { rows: insertTableView.rows, columns: insertTableView.columns } );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: t( 'Table' ),\n\t\t\t\ticon: IconTable\n\t\t\t} );\n\n\t\t\tmenuView.panelView.children.add( insertTableView );\n\n\t\t\tmenuView.bind( 'isEnabled' ).to( command );\n\n\t\t\treturn menuView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'tableColumn', locale => {\n\t\t\tconst options = [\n\t\t\t\t{\n\t\t\t\t\ttype: 'switchbutton',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'setTableColumnHeader',\n\t\t\t\t\t\tlabel: t( 'Header column' ),\n\t\t\t\t\t\tbindIsOn: true\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ type: 'separator' },\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: isContentLtr ? 'insertTableColumnLeft' : 'insertTableColumnRight',\n\t\t\t\t\t\tlabel: t( 'Insert column left' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: isContentLtr ? 'insertTableColumnRight' : 'insertTableColumnLeft',\n\t\t\t\t\t\tlabel: t( 'Insert column right' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'removeTableColumn',\n\t\t\t\t\t\tlabel: t( 'Delete column' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'selectTableColumn',\n\t\t\t\t\t\tlabel: t( 'Select column' )\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t] as Array<ListDropdownItemDefinition>;\n\n\t\t\treturn this._prepareDropdown( t( 'Column' ), IconTableColumn, options, locale );\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'tableRow', locale => {\n\t\t\tconst options = [\n\t\t\t\t{\n\t\t\t\t\ttype: 'switchbutton',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'setTableRowHeader',\n\t\t\t\t\t\tlabel: t( 'Header row' ),\n\t\t\t\t\t\tbindIsOn: true\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ type: 'separator' },\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'insertTableRowAbove',\n\t\t\t\t\t\tlabel: t( 'Insert row above' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'insertTableRowBelow',\n\t\t\t\t\t\tlabel: t( 'Insert row below' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'removeTableRow',\n\t\t\t\t\t\tlabel: t( 'Delete row' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'selectTableRow',\n\t\t\t\t\t\tlabel: t( 'Select row' )\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t] as Array<ListDropdownItemDefinition>;\n\n\t\t\treturn this._prepareDropdown( t( 'Row' ), IconTableRow, options, locale );\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'mergeTableCells', locale => {\n\t\t\tconst options = [\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'mergeTableCellUp',\n\t\t\t\t\t\tlabel: t( 'Merge cell up' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: isContentLtr ? 'mergeTableCellRight' : 'mergeTableCellLeft',\n\t\t\t\t\t\tlabel: t( 'Merge cell right' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'mergeTableCellDown',\n\t\t\t\t\t\tlabel: t( 'Merge cell down' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: isContentLtr ? 'mergeTableCellLeft' : 'mergeTableCellRight',\n\t\t\t\t\t\tlabel: t( 'Merge cell left' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ type: 'separator' },\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'splitTableCellVertically',\n\t\t\t\t\t\tlabel: t( 'Split cell vertically' )\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype: 'button',\n\t\t\t\t\tmodel: {\n\t\t\t\t\t\tcommandName: 'splitTableCellHorizontally',\n\t\t\t\t\t\tlabel: t( 'Split cell horizontally' )\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t] as Array<ListDropdownItemDefinition>;\n\n\t\t\treturn this._prepareMergeSplitButtonDropdown( t( 'Merge cells' ), IconTableMergeCell, options, locale );\n\t\t} );\n\t}\n\n\t/**\n\t * Creates a dropdown view from a set of options.\n\t *\n\t * @param label The dropdown button label.\n\t * @param icon An icon for the dropdown button.\n\t * @param options The list of options for the dropdown.\n\t */\n\tprivate _prepareDropdown( label: string, icon: string, options: Array<ListDropdownItemDefinition>, locale: Locale ) {\n\t\tconst editor = this.editor;\n\t\tconst dropdownView = createDropdown( locale );\n\t\tconst commands = this._fillDropdownWithListOptions( dropdownView, options );\n\n\t\t// Decorate dropdown's button.\n\t\tdropdownView.buttonView.set( {\n\t\t\tlabel,\n\t\t\ticon,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\t// Make dropdown button disabled when all options are disabled.\n\t\tdropdownView.bind( 'isEnabled' ).toMany( commands, 'isEnabled', ( ...areEnabled ) => {\n\t\t\treturn areEnabled.some( isEnabled => isEnabled );\n\t\t} );\n\n\t\tthis.listenTo( dropdownView, 'execute', evt => {\n\t\t\teditor.execute( ( evt.source as any ).commandName );\n\n\t\t\t// Toggling a switch button view should not move the focus to the editable.\n\t\t\tif ( !( evt.source instanceof SwitchButtonView ) ) {\n\t\t\t\teditor.editing.view.focus();\n\t\t\t}\n\t\t} );\n\n\t\treturn dropdownView;\n\t}\n\n\t/**\n\t * Creates a dropdown view with a {@link module:ui/dropdown/button/splitbuttonview~SplitButtonView} for\n\t * merge (and split)–related commands.\n\t *\n\t * @param label The dropdown button label.\n\t * @param icon An icon for the dropdown button.\n\t * @param options The list of options for the dropdown.\n\t */\n\tprivate _prepareMergeSplitButtonDropdown( label: string, icon: string, options: Array<ListDropdownItemDefinition>, locale: Locale ) {\n\t\tconst editor = this.editor;\n\t\tconst dropdownView = createDropdown( locale, SplitButtonView );\n\t\tconst mergeCommandName = 'mergeTableCells';\n\n\t\t// Main command.\n\t\tconst mergeCommand: MergeCellsCommand = editor.commands.get( mergeCommandName )!;\n\n\t\t// Subcommands in the dropdown.\n\t\tconst commands = this._fillDropdownWithListOptions( dropdownView, options );\n\n\t\tdropdownView.buttonView.set( {\n\t\t\tlabel,\n\t\t\ticon,\n\t\t\ttooltip: true,\n\t\t\tisEnabled: true\n\t\t} );\n\n\t\t// Make dropdown button disabled when all options are disabled together with the main command.\n\t\tdropdownView.bind( 'isEnabled' ).toMany( [ mergeCommand, ...commands ], 'isEnabled', ( ...areEnabled ) => {\n\t\t\treturn areEnabled.some( isEnabled => isEnabled );\n\t\t} );\n\n\t\t// Merge selected table cells when the main part of the split button is clicked.\n\t\tthis.listenTo( dropdownView.buttonView, 'execute', () => {\n\t\t\teditor.execute( mergeCommandName );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\t// Execute commands for events coming from the list in the dropdown panel.\n\t\tthis.listenTo( dropdownView, 'execute', evt => {\n\t\t\teditor.execute( ( evt.source as any ).commandName );\n\t\t\teditor.editing.view.focus();\n\t\t} );\n\n\t\treturn dropdownView;\n\t}\n\n\t/**\n\t * Injects a {@link module:ui/list/listview~ListView} into the passed dropdown with buttons\n\t * which execute editor commands as configured in passed options.\n\t *\n\t * @param options The list of options for the dropdown.\n\t * @returns Commands the list options are interacting with.\n\t */\n\tprivate _fillDropdownWithListOptions( dropdownView: DropdownView, options: Array<ListDropdownItemDefinition> ) {\n\t\tconst editor = this.editor;\n\t\tconst commands: Array<Command> = [];\n\t\tconst itemDefinitions = new Collection<ListDropdownItemDefinition>();\n\n\t\tfor ( const option of options ) {\n\t\t\taddListOption( option, editor, commands, itemDefinitions );\n\t\t}\n\n\t\taddListToDropdown( dropdownView, itemDefinitions );\n\n\t\treturn commands;\n\t}\n}\n\n/**\n * Adds an option to a list view.\n *\n * @param option A configuration option.\n * @param commands The list of commands to update.\n * @param itemDefinitions A collection of dropdown items to update with the given option.\n */\nfunction addListOption(\n\toption: ListDropdownItemDefinition,\n\teditor: Editor,\n\tcommands: Array<Command>,\n\titemDefinitions: Collection<ListDropdownItemDefinition>\n) {\n\tif ( option.type === 'button' || option.type === 'switchbutton' ) {\n\t\tconst model = option.model = new UIModel( option.model );\n\t\tconst { commandName, bindIsOn } = option.model;\n\t\tconst command = editor.commands.get( commandName as string )!;\n\n\t\tcommands.push( command );\n\n\t\tmodel.set( { commandName } );\n\n\t\tmodel.bind( 'isEnabled' ).to( command );\n\n\t\tif ( bindIsOn ) {\n\t\t\tmodel.bind( 'isOn' ).to( command, 'value' );\n\t\t}\n\n\t\tmodel.set( {\n\t\t\twithText: true\n\t\t} );\n\t}\n\n\titemDefinitions.add( option );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableselection\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { type EventInfo, first } from 'ckeditor5/src/utils.js';\n\nimport type {\n\tModelElement,\n\tModelDocumentFragment,\n\tModelSelection,\n\tViewDowncastWriter,\n\tViewElement,\n\tModelDeleteContentEvent\n} from 'ckeditor5/src/engine.js';\n\nimport type {\n\tViewDocumentInsertTextEvent,\n\tInsertTextEventData\n} from 'ckeditor5/src/typing.js';\n\nimport { TableWalker } from './tablewalker.js';\nimport { TableUtils } from './tableutils.js';\n\nimport { cropTableToDimensions, adjustLastRowIndex, adjustLastColumnIndex } from './utils/structure.js';\n\nimport '../theme/tableselection.css';\n\n/**\n * This plugin enables the advanced table cells, rows and columns selection.\n * It is loaded automatically by the {@link module:table/table~Table} plugin.\n */\nexport class TableSelection extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableSelection' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableUtils, TableUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst view = editor.editing.view;\n\n\t\tthis.listenTo<ModelDeleteContentEvent>(\n\t\t\tmodel,\n\t\t\t'deleteContent',\n\t\t\t( evt, args ) => this._handleDeleteContent( evt, args ),\n\t\t\t{ priority: 'high' }\n\t\t);\n\n\t\tthis.listenTo<ViewDocumentInsertTextEvent>(\n\t\t\tview.document,\n\t\t\t'insertText',\n\t\t\t( evt, data ) => this._handleInsertTextEvent( evt, data ),\n\t\t\t{ priority: 'high' }\n\t\t);\n\n\t\tthis._defineSelectionConverter();\n\t\tthis._enablePluginDisabling(); // sic!\n\t}\n\n\t/**\n\t * Returns the currently selected table cells or `null` if it is not a table cells selection.\n\t */\n\tpublic getSelectedTableCells(): Array<ModelElement> | null {\n\t\tconst tableUtils = this.editor.plugins.get( TableUtils );\n\t\tconst selection = this.editor.model.document.selection;\n\n\t\tconst selectedCells = tableUtils.getSelectedTableCells( selection );\n\n\t\tif ( selectedCells.length == 0 ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// This should never happen, but let's know if it ever happens.\n\t\t// @if CK_DEBUG //\tif ( selectedCells.length != selection.rangeCount ) {\n\t\t// @if CK_DEBUG //\t\tconsole.warn( 'Mixed selection warning. The selection contains table cells and some other ranges.' );\n\t\t// @if CK_DEBUG //\t}\n\n\t\treturn selectedCells;\n\t}\n\n\t/**\n\t * Returns the selected table fragment as a document fragment.\n\t */\n\tpublic getSelectionAsFragment(): ModelDocumentFragment | null {\n\t\tconst tableUtils = this.editor.plugins.get( TableUtils );\n\t\tconst selectedCells = this.getSelectedTableCells();\n\n\t\tif ( !selectedCells ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this.editor.model.change( writer => {\n\t\t\tconst documentFragment = writer.createDocumentFragment();\n\n\t\t\tconst { first: firstColumn, last: lastColumn } = tableUtils.getColumnIndexes( selectedCells );\n\t\t\tconst { first: firstRow, last: lastRow } = tableUtils.getRowIndexes( selectedCells );\n\n\t\t\tconst sourceTable = selectedCells[ 0 ].findAncestor( 'table' )!;\n\n\t\t\tlet adjustedLastRow = lastRow;\n\t\t\tlet adjustedLastColumn = lastColumn;\n\n\t\t\t// If the selection is rectangular there could be a case of all cells in the last row/column spanned over\n\t\t\t// next row/column so the real lastRow/lastColumn should be updated.\n\t\t\tif ( tableUtils.isSelectionRectangular( selectedCells ) ) {\n\t\t\t\tconst dimensions = {\n\t\t\t\t\tfirstColumn,\n\t\t\t\t\tlastColumn,\n\t\t\t\t\tfirstRow,\n\t\t\t\t\tlastRow\n\t\t\t\t};\n\n\t\t\t\tadjustedLastRow = adjustLastRowIndex( sourceTable, dimensions );\n\t\t\t\tadjustedLastColumn = adjustLastColumnIndex( sourceTable, dimensions );\n\t\t\t}\n\n\t\t\tconst cropDimensions = {\n\t\t\t\tstartRow: firstRow,\n\t\t\t\tstartColumn: firstColumn,\n\t\t\t\tendRow: adjustedLastRow,\n\t\t\t\tendColumn: adjustedLastColumn\n\t\t\t};\n\n\t\t\tconst table = cropTableToDimensions( sourceTable, cropDimensions, writer );\n\t\t\twriter.insert( table, documentFragment, 0 );\n\n\t\t\treturn documentFragment;\n\t\t} );\n\t}\n\n\t/**\n\t * Sets the model selection based on given anchor and target cells (can be the same cell).\n\t * Takes care of setting the backward flag.\n\t *\n\t * ```ts\n\t * const modelRoot = editor.model.document.getRoot();\n\t * const firstCell = modelRoot.getNodeByPath( [ 0, 0, 0 ] );\n\t * const lastCell = modelRoot.getNodeByPath( [ 0, 0, 1 ] );\n\t *\n\t * const tableSelection = editor.plugins.get( 'TableSelection' );\n\t * tableSelection.setCellSelection( firstCell, lastCell );\n\t * ```\n\t */\n\tpublic setCellSelection( anchorCell: ModelElement, targetCell: ModelElement ): void {\n\t\tconst cellsToSelect = this._getCellsToSelect( anchorCell, targetCell );\n\n\t\tthis.editor.model.change( writer => {\n\t\t\twriter.setSelection(\n\t\t\t\tcellsToSelect.cells.map( cell => writer.createRangeOn( cell ) ),\n\t\t\t\t{ backward: cellsToSelect.backward }\n\t\t\t);\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the focus cell from the current selection.\n\t */\n\tpublic getFocusCell(): ModelElement | null {\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst focusCellRange = [ ...selection.getRanges() ].pop()!;\n\t\tconst element = focusCellRange.getContainedElement();\n\n\t\tif ( element && element.is( 'element', 'tableCell' ) ) {\n\t\t\treturn element;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Returns the anchor cell from the current selection.\n\t */\n\tpublic getAnchorCell(): ModelElement | null {\n\t\tconst selection = this.editor.model.document.selection;\n\t\tconst anchorCellRange = first( selection.getRanges() )!;\n\t\tconst element = anchorCellRange.getContainedElement();\n\n\t\tif ( element && element.is( 'element', 'tableCell' ) ) {\n\t\t\treturn element;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\t/**\n\t * Defines a selection converter which marks the selected cells with a specific class.\n\t *\n\t * The real DOM selection is put in the last cell. Since the order of ranges is dependent on whether the\n\t * selection is backward or not, the last cell will usually be close to the \"focus\" end of the selection\n\t * (a selection has anchor and focus).\n\t *\n\t * The real DOM selection is then hidden with CSS.\n\t */\n\tprivate _defineSelectionConverter() {\n\t\tconst editor = this.editor;\n\t\tconst highlighted: Set<ViewElement> = new Set();\n\n\t\teditor.conversion.for( 'editingDowncast' ).add( dispatcher => dispatcher.on( 'selection', ( evt, data, conversionApi ) => {\n\t\t\tconst viewWriter = conversionApi.writer;\n\n\t\t\tclearHighlightedTableCells( viewWriter );\n\n\t\t\tconst selectedCells = this.getSelectedTableCells();\n\n\t\t\tif ( !selectedCells ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfor ( const tableCell of selectedCells ) {\n\t\t\t\tconst viewElement = conversionApi.mapper.toViewElement( tableCell )!;\n\n\t\t\t\tviewWriter.addClass( 'ck-editor__editable_selected', viewElement );\n\t\t\t\thighlighted.add( viewElement );\n\t\t\t}\n\n\t\t\tconst lastViewCell = conversionApi.mapper.toViewElement( selectedCells[ selectedCells.length - 1 ] );\n\t\t\tviewWriter.setSelection( lastViewCell, 0 );\n\t\t}, { priority: 'lowest' } ) );\n\n\t\tfunction clearHighlightedTableCells( viewWriter: ViewDowncastWriter ) {\n\t\t\tfor ( const previouslyHighlighted of highlighted ) {\n\t\t\t\tviewWriter.removeClass( 'ck-editor__editable_selected', previouslyHighlighted );\n\t\t\t}\n\n\t\t\thighlighted.clear();\n\t\t}\n\t}\n\n\t/**\n\t * Creates a listener that reacts to changes in {@link #isEnabled} and, if the plugin was disabled,\n\t * it collapses the multi-cell selection to a regular selection placed inside a table cell.\n\t *\n\t * This listener helps features that disable the table selection plugin bring the selection\n\t * to a clear state they can work with (for instance, because they don't support multiple cell selection).\n\t */\n\tprivate _enablePluginDisabling() {\n\t\tconst editor = this.editor;\n\n\t\tthis.on( 'change:isEnabled', () => {\n\t\t\tif ( !this.isEnabled ) {\n\t\t\t\tconst selectedCells = this.getSelectedTableCells();\n\n\t\t\t\tif ( !selectedCells ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\teditor.model.change( writer => {\n\t\t\t\t\tconst position = writer.createPositionAt( selectedCells[ 0 ], 0 );\n\t\t\t\t\tconst range = editor.model.schema.getNearestSelectionRange( position );\n\n\t\t\t\t\twriter.setSelection( range );\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Overrides the default `model.deleteContent()` behavior over a selected table fragment.\n\t *\n\t * @param args Delete content method arguments.\n\t */\n\tprivate _handleDeleteContent( event: EventInfo, args: Array<unknown> ) {\n\t\tconst tableUtils = this.editor.plugins.get( TableUtils );\n\t\tconst selection = args[ 0 ] as ModelSelection;\n\t\tconst options = args[ 1 ] as { direction?: string };\n\t\tconst model = this.editor.model;\n\t\tconst isBackward = !options || options.direction == 'backward';\n\t\tconst selectedTableCells = tableUtils.getSelectedTableCells( selection );\n\n\t\tif ( !selectedTableCells.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.stop();\n\n\t\tmodel.change( writer => {\n\t\t\tconst tableCellToSelect = selectedTableCells[ isBackward ? selectedTableCells.length - 1 : 0 ];\n\n\t\t\tmodel.change( writer => {\n\t\t\t\tfor ( const tableCell of selectedTableCells ) {\n\t\t\t\t\tmodel.deleteContent( writer.createSelection( tableCell, 'in' ) );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tconst rangeToSelect = model.schema.getNearestSelectionRange( writer.createPositionAt( tableCellToSelect, 0 ) );\n\n\t\t\t// Note: we ignore the case where rangeToSelect may be null because deleteContent() will always (unless someone broke it)\n\t\t\t// create an empty paragraph to accommodate the selection.\n\n\t\t\tif ( selection.is( 'documentSelection' ) ) {\n\t\t\t\twriter.setSelection( rangeToSelect );\n\t\t\t} else {\n\t\t\t\tselection.setTo( rangeToSelect );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * This handler makes it possible to remove the content of all selected cells by starting to type.\n\t * If you take a look at {@link #_defineSelectionConverter} you will find out that despite the multi-cell selection being set\n\t * in the model, the view selection is collapsed in the last cell (because most browsers are unable to render multi-cell selections;\n\t * yes, it's a hack).\n\t *\n\t * When multiple cells are selected in the model and the user starts to type, the\n\t * {@link module:engine/view/document~ViewDocument#event:insertText} event carries information provided by the\n\t * beforeinput DOM  event, that in turn only knows about this collapsed DOM selection in the last cell.\n\t *\n\t * As a result, the selected cells have no chance to be cleaned up. To fix this, this listener intercepts\n\t * the event and injects the custom view selection in the data that translates correctly to the actual state\n\t * of the multi-cell selection in the model.\n\t *\n\t * @param data Insert text event data.\n\t */\n\tprivate _handleInsertTextEvent( evt: EventInfo, data: InsertTextEventData ) {\n\t\tconst editor = this.editor;\n\t\tconst selectedCells = this.getSelectedTableCells();\n\n\t\tif ( !selectedCells ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst view = editor.editing.view;\n\t\tconst mapper = editor.editing.mapper;\n\t\tconst viewRanges = selectedCells.map( tableCell => view.createRangeOn( mapper.toViewElement( tableCell )! ) );\n\n\t\tdata.selection = view.createSelection( viewRanges );\n\n\t\t// Do not let the browser handle it itself. We must modify the model and then apply changes to the view and DOM.\n\t\tdata.preventDefault();\n\t}\n\n\t/**\n\t * Returns an array of table cells that should be selected based on the\n\t * given anchor cell and target (focus) cell.\n\t *\n\t * The cells are returned in a reverse direction if the selection is backward.\n\t */\n\tprivate _getCellsToSelect( anchorCell: ModelElement, targetCell: ModelElement ) {\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\n\t\tconst startLocation = tableUtils.getCellLocation( anchorCell );\n\t\tconst endLocation = tableUtils.getCellLocation( targetCell );\n\n\t\tconst startRow = Math.min( startLocation.row, endLocation.row );\n\t\tconst endRow = Math.max( startLocation.row, endLocation.row );\n\n\t\tconst startColumn = Math.min( startLocation.column, endLocation.column );\n\n\t\t// Adjust the selection to include the entire row if a cell with colspan is selected.\n\t\t// This ensures that the selection covers the full width of the colspan cell.\n\t\t//\n\t\t// Example:\n\t\t// +---+---+---+---+\n\t\t// | A | B | C | D |\n\t\t// +---+---+---+---+\n\t\t// | E             |\n\t\t// +---+---+---+---+\n\t\t//\n\t\t// If the selection starts at `B` and ends at `E`, the entire first row should be selected.\n\t\t//\n\t\t// In other words, the selection will represent the following cells:\n\t\t// \t* Without this adjustment, only `B`, `A` and `E` would be selected.\n\t\t// \t* With this adjustment, `A`, `B`, `C`, `D`, and `E` are selected.\n\t\t//\n\t\t// See: https://github.com/ckeditor/ckeditor5/issues/17538\n\t\tconst endColumnExtraColspan = ( parseInt( targetCell.getAttribute( 'colspan' ) as string || '1' ) - 1 );\n\t\tconst endColumn = Math.max( startLocation.column, endLocation.column + endColumnExtraColspan );\n\n\t\t// 2-dimensional array of the selected cells to ease flipping the order of cells for backward selections.\n\t\tconst selectionMap: Array<Array<ModelElement>> = new Array( endRow - startRow + 1 ).fill( null ).map( () => [] );\n\t\tconst walkerOptions = {\n\t\t\tstartRow,\n\t\t\tendRow,\n\t\t\tstartColumn,\n\t\t\tendColumn\n\t\t};\n\n\t\tfor ( const { row, cell } of new TableWalker( anchorCell.findAncestor( 'table' )!, walkerOptions ) ) {\n\t\t\tselectionMap[ row - startRow ].push( cell );\n\t\t}\n\n\t\tconst flipVertically = endLocation.row < startLocation.row;\n\t\tconst flipHorizontally = endLocation.column < startLocation.column;\n\n\t\tif ( flipVertically ) {\n\t\t\tselectionMap.reverse();\n\t\t}\n\n\t\tif ( flipHorizontally ) {\n\t\t\tselectionMap.forEach( row => row.reverse() );\n\t\t}\n\n\t\treturn {\n\t\t\tcells: selectionMap.flat(),\n\t\t\tbackward: flipVertically || flipHorizontally\n\t\t};\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableclipboard\n */\n\nimport type { EventInfo } from 'ckeditor5/src/utils.js';\n\nimport {\n\tClipboardPipeline,\n\tClipboardMarkersUtils,\n\ttype ClipboardEventData,\n\ttype ViewDocumentCopyEvent,\n\ttype ViewDocumentCutEvent,\n\ttype ViewDocumentClipboardOutputEvent,\n\ttype ClipboardContentInsertionEvent\n} from 'ckeditor5/src/clipboard.js';\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport type {\n\tModelDocumentFragment,\n\tModelDocumentSelection,\n\tViewDocumentDomEventData,\n\tModelElement,\n\tModelItem,\n\tModel,\n\tModelInsertContentEvent,\n\tModelPosition,\n\tModelSelection,\n\tModelWriter\n} from 'ckeditor5/src/engine.js';\n\nimport { TableSelection } from './tableselection.js';\nimport { TableWalker, type TableSlot } from './tablewalker.js';\nimport { TableUtils } from './tableutils.js';\nimport {\n\tcropTableToDimensions,\n\tgetHorizontallyOverlappingCells,\n\tgetVerticallyOverlappingCells,\n\tremoveEmptyRowsColumns,\n\tsplitHorizontally,\n\tsplitVertically,\n\ttrimTableCellIfNeeded,\n\tadjustLastRowIndex,\n\tadjustLastColumnIndex\n} from './utils/structure.js';\n\n/**\n * This plugin adds support for copying/cutting/pasting fragments of tables.\n * It is loaded automatically by the {@link module:table/table~Table} plugin.\n */\nexport class TableClipboard extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableClipboard' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ClipboardMarkersUtils, ClipboardPipeline, TableSelection, TableUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\tthis.listenTo<ViewDocumentCopyEvent>( viewDocument, 'copy', ( evt, data ) => this._onCopyCut( evt, data ) );\n\t\tthis.listenTo<ViewDocumentCutEvent>( viewDocument, 'cut', ( evt, data ) => this._onCopyCut( evt, data ) );\n\t\tthis._listenToContentInsertion();\n\n\t\tthis.decorate( '_replaceTableSlotCell' );\n\t}\n\n\t/**\n\t * Sets up listening for events from the clipboard pipeline to properly handle\n\t * table content merging during paste/drop operations.\n\t *\n\t * When a user is dragging and dropping a table, we want to insert the entire table into\n\t * a table cell instead of merging table contents. For paste and other events,\n\t * the normal table merge behavior is applied.\n\t */\n\tprivate _listenToContentInsertion() {\n\t\tconst { editor } = this;\n\t\tconst clipboardPipeline = editor.plugins.get( ClipboardPipeline );\n\t\tconst tableSelection = editor.plugins.get( TableSelection );\n\n\t\tlet isPaste = false;\n\n\t\tclipboardPipeline.on<ClipboardContentInsertionEvent>( 'contentInsertion', ( evt, data ) => {\n\t\t\tisPaste = data.method === 'paste';\n\t\t} );\n\n\t\tthis.listenTo<ModelInsertContentEvent>(\n\t\t\teditor.model,\n\t\t\t'insertContent',\n\t\t\t( evt, [ content, selectable ] ) => {\n\t\t\t\t// Handles drag-and-drop of tables, where tables are inserted into selected cells rather than merged.\n\t\t\t\t// The `isPaste` flag handles scenarios where other features (e.g., Templates) insert tables into specific cells.\n\t\t\t\tif ( isPaste || tableSelection.getSelectedTableCells() !== null ) {\n\t\t\t\t\tthis._onInsertContent( evt, content, selectable );\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ priority: 'high' }\n\t\t);\n\n\t\tclipboardPipeline.on<ClipboardContentInsertionEvent>( 'contentInsertion', () => {\n\t\t\tisPaste = false;\n\t\t}, { priority: 'lowest' } );\n\t}\n\n\t/**\n\t * Copies table content to a clipboard on \"copy\" & \"cut\" events.\n\t *\n\t * @param evt An object containing information about the handled event.\n\t * @param data Clipboard event data.\n\t */\n\tprivate _onCopyCut( evt: EventInfo<'copy' | 'cut'>, data: ViewDocumentDomEventData<ClipboardEvent> & ClipboardEventData ) {\n\t\tconst view = this.editor.editing.view;\n\t\tconst tableSelection = this.editor.plugins.get( TableSelection );\n\t\tconst clipboardMarkersUtils = this.editor.plugins.get( ClipboardMarkersUtils );\n\n\t\tif ( !tableSelection.getSelectedTableCells() ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( evt.name == 'cut' && !this.editor.model.canEditAt( this.editor.model.document.selection ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tdata.preventDefault();\n\t\tevt.stop();\n\n\t\tthis.editor.model.enqueueChange( { isUndoable: evt.name === 'cut' }, () => {\n\t\t\tconst documentFragment = clipboardMarkersUtils._copySelectedFragmentWithMarkers(\n\t\t\t\tevt.name,\n\t\t\t\tthis.editor.model.document.selection,\n\t\t\t\t() => tableSelection.getSelectionAsFragment()!\n\t\t\t);\n\n\t\t\tview.document.fire<ViewDocumentClipboardOutputEvent>( 'clipboardOutput', {\n\t\t\t\tdataTransfer: data.dataTransfer,\n\t\t\t\tcontent: this.editor.data.toView( documentFragment ),\n\t\t\t\tmethod: evt.name\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Overrides default {@link module:engine/model/model~Model#insertContent `model.insertContent()`} method to handle pasting table inside\n\t * selected table fragment.\n\t *\n\t * Depending on selected table fragment:\n\t * - If a selected table fragment is smaller than paste table it will crop pasted table to match dimensions.\n\t * - If dimensions are equal it will replace selected table fragment with a pasted table contents.\n\t *\n\t * @param content The content to insert.\n\t * @param selectable The selection into which the content should be inserted.\n\t * If not provided the current model document selection will be used.\n\t */\n\tprivate _onInsertContent(\n\t\tevt: EventInfo,\n\t\tcontent: ModelDocumentFragment | ModelItem,\n\t\tselectable: ModelSelection | ModelDocumentSelection | undefined\n\t) {\n\t\tif ( selectable && !selectable.is( 'documentSelection' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst model = this.editor.model;\n\t\tconst tableUtils = this.editor.plugins.get( TableUtils );\n\t\tconst clipboardMarkersUtils = this.editor.plugins.get( ClipboardMarkersUtils );\n\n\t\t// We might need to crop table before inserting so reference might change.\n\t\tconst pastedTable = this.getTableIfOnlyTableInContent( content, model )!;\n\n\t\tif ( !pastedTable ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst selectedTableCells = tableUtils.getSelectionAffectedTableCells( model.document.selection );\n\n\t\tif ( !selectedTableCells.length ) {\n\t\t\tremoveEmptyRowsColumns( pastedTable, tableUtils );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Override default model.insertContent() handling at this point.\n\t\tevt.stop();\n\n\t\tif ( content.is( 'documentFragment' ) ) {\n\t\t\tclipboardMarkersUtils._pasteMarkersIntoTransformedElement(\n\t\t\t\tcontent.markers,\n\t\t\t\twriter => this._replaceSelectedCells( pastedTable, selectedTableCells, writer )\n\t\t\t);\n\t\t} else {\n\t\t\tthis.editor.model.change( writer => {\n\t\t\t\tthis._replaceSelectedCells( pastedTable, selectedTableCells, writer );\n\t\t\t} );\n\t\t}\n\t}\n\n\t/**\n\t * Inserts provided `selectedTableCells` into `pastedTable`.\n\t */\n\tprivate _replaceSelectedCells( pastedTable: ModelElement, selectedTableCells: Array<ModelElement>, writer: ModelWriter ) {\n\t\tconst tableUtils = this.editor.plugins.get( TableUtils );\n\n\t\tconst pastedDimensions = {\n\t\t\twidth: tableUtils.getColumns( pastedTable ),\n\t\t\theight: tableUtils.getRows( pastedTable )\n\t\t};\n\n\t\t// Prepare the table for pasting.\n\t\tconst selection = prepareTableForPasting( selectedTableCells, pastedDimensions, writer, tableUtils );\n\n\t\t// Beyond this point we operate on a fixed content table with rectangular selection and proper last row/column values.\n\n\t\tconst selectionHeight = selection.lastRow - selection.firstRow + 1;\n\t\tconst selectionWidth = selection.lastColumn - selection.firstColumn + 1;\n\n\t\t// Crop pasted table if:\n\t\t// - Pasted table dimensions exceeds selection area.\n\t\t// - Pasted table has broken layout (ie some cells sticks out by the table dimensions established by the first and last row).\n\t\t//\n\t\t// Note: The table dimensions are established by the width of the first row and the total number of rows.\n\t\t// It is possible to programmatically create a table that has rows which would have cells anchored beyond first row width but\n\t\t// such table will not be created by other editing solutions.\n\t\tconst cropDimensions = {\n\t\t\tstartRow: 0,\n\t\t\tstartColumn: 0,\n\t\t\tendRow: Math.min( selectionHeight, pastedDimensions.height ) - 1,\n\t\t\tendColumn: Math.min( selectionWidth, pastedDimensions.width ) - 1\n\t\t};\n\n\t\tpastedTable = cropTableToDimensions( pastedTable, cropDimensions, writer );\n\n\t\t// Content table to which we insert a pasted table.\n\t\tconst selectedTable = selectedTableCells[ 0 ].findAncestor( 'table' )!;\n\n\t\tconst cellsToSelect = this._replaceSelectedCellsWithPasted( pastedTable, pastedDimensions, selectedTable, selection, writer );\n\n\t\tif ( this.editor.plugins.get( 'TableSelection' ).isEnabled ) {\n\t\t\t// Selection ranges must be sorted because the first and last selection ranges are considered\n\t\t\t// as anchor/focus cell ranges for multi-cell selection.\n\t\t\tconst selectionRanges = tableUtils.sortRanges( cellsToSelect.map( cell => writer.createRangeOn( cell ) ) );\n\n\t\t\twriter.setSelection( selectionRanges );\n\t\t} else {\n\t\t\t// Set selection inside first cell if multi-cell selection is disabled.\n\t\t\twriter.setSelection( cellsToSelect[ 0 ], 0 );\n\t\t}\n\n\t\treturn selectedTable;\n\t}\n\n\t/**\n\t * Replaces the part of selectedTable with pastedTable.\n\t */\n\tprivate _replaceSelectedCellsWithPasted(\n\t\tpastedTable: ModelElement,\n\t\tpastedDimensions: Record<string, number>,\n\t\tselectedTable: ModelElement,\n\t\tselection: Record<string, number>,\n\t\twriter: ModelWriter\n\t) {\n\t\tconst { width: pastedWidth, height: pastedHeight } = pastedDimensions;\n\n\t\t// Holds two-dimensional array that is addressed by [ row ][ column ] that stores cells anchored at given location.\n\t\tconst pastedTableLocationMap = createLocationMap( pastedTable, pastedWidth, pastedHeight );\n\n\t\tconst selectedTableMap = [ ...new TableWalker( selectedTable, {\n\t\t\tstartRow: selection.firstRow,\n\t\t\tendRow: selection.lastRow,\n\t\t\tstartColumn: selection.firstColumn,\n\t\t\tendColumn: selection.lastColumn,\n\t\t\tincludeAllSlots: true\n\t\t} ) ];\n\n\t\t// Selection must be set to pasted cells (some might be removed or new created).\n\t\tconst cellsToSelect: Array<ModelElement> = [];\n\n\t\t// Store next cell insert position.\n\t\tlet insertPosition: ModelPosition;\n\n\t\t// Content table replace cells algorithm iterates over a selected table fragment and:\n\t\t//\n\t\t// - Removes existing table cells at current slot (location).\n\t\t// - Inserts cell from a pasted table for a matched slots.\n\t\t//\n\t\t// This ensures proper table geometry after the paste\n\t\tfor ( const tableSlot of selectedTableMap ) {\n\t\t\tconst { row, column } = tableSlot;\n\n\t\t\t// Save the insert position for current row start.\n\t\t\tif ( column === selection.firstColumn ) {\n\t\t\t\tinsertPosition = tableSlot.getPositionBefore();\n\t\t\t}\n\n\t\t\t// Map current table slot location to an pasted table slot location.\n\t\t\tconst pastedRow = row - selection.firstRow;\n\t\t\tconst pastedColumn = column - selection.firstColumn;\n\t\t\tconst pastedCell = pastedTableLocationMap[ pastedRow % pastedHeight ][ pastedColumn % pastedWidth ];\n\n\t\t\t// Clone cell to insert (to duplicate its attributes and children).\n\t\t\t// Cloning is required to support repeating pasted table content when inserting to a bigger selection.\n\t\t\tconst cellToInsert = pastedCell ? writer.cloneElement( pastedCell ) : null;\n\n\t\t\t// Replace the cell from the current slot with new table cell.\n\t\t\tconst newTableCell = this._replaceTableSlotCell( tableSlot, cellToInsert, insertPosition!, writer );\n\n\t\t\t// The cell was only removed.\n\t\t\tif ( !newTableCell ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Trim the cell if it's row/col-spans would exceed selection area.\n\t\t\ttrimTableCellIfNeeded( newTableCell, row, column, selection.lastRow, selection.lastColumn, writer );\n\n\t\t\tcellsToSelect.push( newTableCell );\n\n\t\t\tinsertPosition = writer.createPositionAfter( newTableCell );\n\t\t}\n\n\t\t// If there are any headings, all the cells that overlap from heading must be splitted.\n\t\tconst headingRows = parseInt( selectedTable.getAttribute( 'headingRows' ) as string || '0' );\n\t\tconst headingColumns = parseInt( selectedTable.getAttribute( 'headingColumns' ) as string || '0' );\n\n\t\tconst areHeadingRowsIntersectingSelection = selection.firstRow < headingRows && headingRows <= selection.lastRow;\n\t\tconst areHeadingColumnsIntersectingSelection = selection.firstColumn < headingColumns && headingColumns <= selection.lastColumn;\n\n\t\tif ( areHeadingRowsIntersectingSelection ) {\n\t\t\tconst columnsLimit = { first: selection.firstColumn, last: selection.lastColumn };\n\t\t\tconst newCells = doHorizontalSplit(\n\t\t\t\tselectedTable, headingRows, columnsLimit, writer, selection.firstRow\n\t\t\t) as Array<ModelElement>;\n\n\t\t\tcellsToSelect.push( ...newCells );\n\t\t}\n\n\t\tif ( areHeadingColumnsIntersectingSelection ) {\n\t\t\tconst rowsLimit = { first: selection.firstRow, last: selection.lastRow };\n\t\t\tconst newCells = doVerticalSplit( selectedTable, headingColumns, rowsLimit, writer ) as Array<ModelElement>;\n\n\t\t\tcellsToSelect.push( ...newCells );\n\t\t}\n\n\t\treturn cellsToSelect;\n\t}\n\n\t/**\n\t * Replaces a single table slot.\n\t *\n\t * @returns Inserted table cell or null if slot should remain empty.\n\t * @private\n\t */\n\tpublic _replaceTableSlotCell(\n\t\ttableSlot: TableSlot,\n\t\tcellToInsert: ModelElement | null,\n\t\tinsertPosition: ModelPosition,\n\t\twriter: ModelWriter\n\t): ModelElement | null {\n\t\tconst { cell, isAnchor } = tableSlot;\n\n\t\t// If the slot is occupied by a cell in a selected table - remove it.\n\t\t// The slot of this cell will be either:\n\t\t// - Replaced by a pasted table cell.\n\t\t// - Spanned by a previously pasted table cell.\n\t\tif ( isAnchor ) {\n\t\t\twriter.remove( cell );\n\t\t}\n\n\t\t// There is no cell to insert (might be spanned by other cell in a pasted table) - advance to the next content table slot.\n\t\tif ( !cellToInsert ) {\n\t\t\treturn null;\n\t\t}\n\n\t\twriter.insert( cellToInsert, insertPosition );\n\n\t\treturn cellToInsert;\n\t}\n\n\t/**\n\t * Extracts the table for pasting into a table.\n\t *\n\t * @param content The content to insert.\n\t * @param model The editor model.\n\t */\n\tpublic getTableIfOnlyTableInContent( content: ModelDocumentFragment | ModelItem, model: Model ): ModelElement | null {\n\t\tif ( !content.is( 'documentFragment' ) && !content.is( 'element' ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Table passed directly.\n\t\tif ( content.is( 'element', 'table' ) ) {\n\t\t\treturn content;\n\t\t}\n\n\t\t// We do not support mixed content when pasting table into table.\n\t\t// See: https://github.com/ckeditor/ckeditor5/issues/6817.\n\t\tif ( content.childCount == 1 && content.getChild( 0 )!.is( 'element', 'table' ) ) {\n\t\t\treturn content.getChild( 0 ) as ModelElement;\n\t\t}\n\n\t\t// If there are only whitespaces around a table then use that table for pasting.\n\n\t\tconst contentRange = model.createRangeIn( content );\n\n\t\tfor ( const element of contentRange.getItems() ) {\n\t\t\tif ( element.is( 'element', 'table' ) ) {\n\t\t\t\t// Stop checking if there is some content before table.\n\t\t\t\tconst rangeBefore = model.createRange( contentRange.start, model.createPositionBefore( element ) );\n\n\t\t\t\tif ( model.hasContent( rangeBefore, { ignoreWhitespaces: true } ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// Stop checking if there is some content after table.\n\t\t\t\tconst rangeAfter = model.createRange( model.createPositionAfter( element ), contentRange.end );\n\n\t\t\t\tif ( model.hasContent( rangeAfter, { ignoreWhitespaces: true } ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\t// There wasn't any content neither before nor after.\n\t\t\t\treturn element;\n\t\t\t}\n\t\t}\n\n\t\treturn null;\n\t}\n}\n\n/**\n * Prepares a table for pasting and returns adjusted selection dimensions.\n */\nfunction prepareTableForPasting(\n\tselectedTableCells: Array<ModelElement>,\n\tpastedDimensions: {\n\t\theight: number;\n\t\twidth: number;\n\t},\n\twriter: ModelWriter,\n\ttableUtils: TableUtils\n) {\n\tconst selectedTable = selectedTableCells[ 0 ].findAncestor( 'table' )!;\n\n\tconst columnIndexes = tableUtils.getColumnIndexes( selectedTableCells );\n\tconst rowIndexes = tableUtils.getRowIndexes( selectedTableCells );\n\n\tconst selection = {\n\t\tfirstColumn: columnIndexes.first,\n\t\tlastColumn: columnIndexes.last,\n\t\tfirstRow: rowIndexes.first,\n\t\tlastRow: rowIndexes.last\n\t};\n\n\t// Single cell selected - expand selection to pasted table dimensions.\n\tconst shouldExpandSelection = selectedTableCells.length === 1;\n\n\tif ( shouldExpandSelection ) {\n\t\tselection.lastRow += pastedDimensions.height - 1;\n\t\tselection.lastColumn += pastedDimensions.width - 1;\n\n\t\texpandTableSize( selectedTable, selection.lastRow + 1, selection.lastColumn + 1, tableUtils );\n\t}\n\n\t// In case of expanding selection we do not reset the selection so in this case we will always try to fix selection\n\t// like in the case of a non-rectangular area. This might be fixed by re-setting selected cells array but this shortcut is safe.\n\tif ( shouldExpandSelection || !tableUtils.isSelectionRectangular( selectedTableCells ) ) {\n\t\t// For a non-rectangular selection (ie in which some cells sticks out from a virtual selection rectangle) we need to create\n\t\t// a table layout that has a rectangular selection. This will split cells so the selection become rectangular.\n\t\t// Beyond this point we will operate on fixed content table.\n\t\tsplitCellsToRectangularSelection( selectedTable, selection, writer );\n\t}\n\t// However a selected table fragment might be invalid if examined alone. Ie such table fragment:\n\t//\n\t//    +---+---+---+---+\n\t//  0 | a | b | c | d |\n\t//    +   +   +---+---+\n\t//  1 |   | e | f | g |\n\t//    +   +---+   +---+\n\t//  2 |   | h |   | i | <- last row, each cell has rowspan = 2,\n\t//    +   +   +   +   +    so we need to return 3, not 2\n\t//  3 |   |   |   |   |\n\t//    +---+---+---+---+\n\t//\n\t// is invalid as the cells \"h\" and \"i\" have rowspans.\n\t// This case needs only adjusting the selection dimension as the rest of the algorithm operates on empty slots also.\n\telse {\n\t\tselection.lastRow = adjustLastRowIndex( selectedTable, selection );\n\t\tselection.lastColumn = adjustLastColumnIndex( selectedTable, selection );\n\t}\n\n\treturn selection;\n}\n\n/**\n * Expand table (in place) to expected size.\n */\nfunction expandTableSize( table: ModelElement, expectedHeight: number, expectedWidth: number, tableUtils: TableUtils ) {\n\tconst tableWidth = tableUtils.getColumns( table );\n\tconst tableHeight = tableUtils.getRows( table );\n\n\tif ( expectedWidth > tableWidth ) {\n\t\ttableUtils.insertColumns( table, {\n\t\t\tat: tableWidth,\n\t\t\tcolumns: expectedWidth - tableWidth\n\t\t} );\n\t}\n\n\tif ( expectedHeight > tableHeight ) {\n\t\ttableUtils.insertRows( table, {\n\t\t\tat: tableHeight,\n\t\t\trows: expectedHeight - tableHeight\n\t\t} );\n\t}\n}\n\n/**\n * Returns two-dimensional array that is addressed by [ row ][ column ] that stores cells anchored at given location.\n *\n * At given row & column location it might be one of:\n *\n * * cell - cell from pasted table anchored at this location.\n * * null - if no cell is anchored at this location.\n *\n * For instance, from a table below:\n *\n *   +----+----+----+----+\n *   | 00 | 01 | 02 | 03 |\n *   +    +----+----+----+\n *   |    | 11      | 13 |\n *   +----+         +----+\n *   | 20 |         | 23 |\n *   +----+----+----+----+\n *\n * The method will return an array (numbers represents cell element):\n *\n * ```ts\n * const map = [\n *   [ '00', '01', '02', '03' ],\n *   [ null, '11', null, '13' ],\n *   [ '20', null, null, '23' ]\n * ]\n * ```\n *\n * This allows for a quick access to table at give row & column. For instance to access table cell \"13\" from pasted table call:\n *\n * ```ts\n * const cell = map[ 1 ][ 3 ]\n * ```\n */\nfunction createLocationMap( table: ModelElement, width: number, height: number ) {\n\t// Create height x width (row x column) two-dimensional table to store cells.\n\tconst map = new Array( height ).fill( null )\n\t\t.map( () => new Array( width ).fill( null ) );\n\n\tfor ( const { column, row, cell } of new TableWalker( table ) ) {\n\t\tmap[ row ][ column ] = cell;\n\t}\n\n\treturn map;\n}\n\n/**\n * Make selected cells rectangular by splitting the cells that stand out from a rectangular selection.\n *\n * In the table below a selection is shown with \"::\" and slots with anchor cells are named.\n *\n * +----+----+----+----+----+                    +----+----+----+----+----+\n * | 00 | 01 | 02 | 03      |                    | 00 | 01 | 02 | 03      |\n * +    +----+    +----+----+                    |    ::::::::::::::::----+\n * |    | 11 |    | 13 | 14 |                    |    ::11 |    | 13:: 14 |    <- first row\n * +----+----+    +    +----+                    +----::---|    |   ::----+\n * | 20 | 21 |    |    | 24 |   select cells:    | 20 ::21 |    |   :: 24 |\n * +----+----+    +----+----+     11 -> 33       +----::---|    |---::----+\n * | 30      |    | 33 | 34 |                    | 30 ::   |    | 33:: 34 |    <- last row\n * +         +    +----+    +                    |    ::::::::::::::::    +\n * |         |    | 43 |    |                    |         |    | 43 |    |\n * +----+----+----+----+----+                    +----+----+----+----+----+\n *                                                      ^          ^\n *                                                     first & last columns\n *\n * Will update table to:\n *\n *                       +----+----+----+----+----+\n *                       | 00 | 01 | 02 | 03      |\n *                       +    +----+----+----+----+\n *                       |    | 11 |    | 13 | 14 |\n *                       +----+----+    +    +----+\n *                       | 20 | 21 |    |    | 24 |\n *                       +----+----+    +----+----+\n *                       | 30 |    |    | 33 | 34 |\n *                       +    +----+----+----+    +\n *                       |    |    |    | 43 |    |\n *                       +----+----+----+----+----+\n *\n * In th example above:\n * - Cell \"02\" which have `rowspan = 4` must be trimmed at first and at after last row.\n * - Cell \"03\" which have `rowspan = 2` and `colspan = 2` must be trimmed at first column and after last row.\n * - Cells \"00\", \"03\" & \"30\" which cannot be cut by this algorithm as they are outside the trimmed area.\n * - Cell \"13\" cannot be cut as it is inside the trimmed area.\n */\nfunction splitCellsToRectangularSelection( table: ModelElement, dimensions: Record<string, number>, writer: ModelWriter ) {\n\tconst { firstRow, lastRow, firstColumn, lastColumn } = dimensions;\n\n\tconst rowIndexes = { first: firstRow, last: lastRow };\n\tconst columnIndexes = { first: firstColumn, last: lastColumn };\n\n\t// 1. Split cells vertically in two steps as first step might create cells that needs to split again.\n\tdoVerticalSplit( table, firstColumn, rowIndexes, writer );\n\tdoVerticalSplit( table, lastColumn + 1, rowIndexes, writer );\n\n\t// 2. Split cells horizontally in two steps as first step might create cells that needs to split again.\n\tdoHorizontalSplit( table, firstRow, columnIndexes, writer );\n\tdoHorizontalSplit( table, lastRow + 1, columnIndexes, writer, firstRow );\n}\n\nfunction doHorizontalSplit(\n\ttable: ModelElement,\n\tsplitRow: number,\n\tlimitColumns: Record<string, number>,\n\twriter: ModelWriter,\n\tstartRow: number = 0\n) {\n\t// If selection starts at first row then no split is needed.\n\tif ( splitRow < 1 ) {\n\t\treturn;\n\t}\n\n\tconst overlappingCells = getVerticallyOverlappingCells( table, splitRow, startRow );\n\n\t// Filter out cells that are not touching insides of the rectangular selection.\n\tconst cellsToSplit = overlappingCells.filter( ( { column, cellWidth } ) => isAffectedBySelection( column, cellWidth, limitColumns ) );\n\n\treturn cellsToSplit.map( ( { cell } ) => splitHorizontally( cell, splitRow, writer ) );\n}\n\nfunction doVerticalSplit( table: ModelElement, splitColumn: number, limitRows: Record<string, number>, writer: ModelWriter ) {\n\t// If selection starts at first column then no split is needed.\n\tif ( splitColumn < 1 ) {\n\t\treturn;\n\t}\n\n\tconst overlappingCells = getHorizontallyOverlappingCells( table, splitColumn );\n\n\t// Filter out cells that are not touching insides of the rectangular selection.\n\tconst cellsToSplit = overlappingCells.filter( ( { row, cellHeight } ) => isAffectedBySelection( row, cellHeight, limitRows ) );\n\n\treturn cellsToSplit.map( ( { cell, column } ) => splitVertically( cell, column, splitColumn, writer ) );\n}\n\n/**\n * Checks if cell at given row (column) is affected by a rectangular selection defined by first/last column (row).\n *\n * The same check is used for row as for column.\n */\nfunction isAffectedBySelection( index: number, span: number, limit: Record<string, number> ) {\n\tconst endIndex = index + span - 1;\n\tconst { first, last } = limit;\n\n\tconst isInsideSelection = index >= first && index <= last;\n\tconst overlapsSelectionFromOutside = index < first && endIndex >= first;\n\n\treturn isInsideSelection || overlapsSelectionFromOutside;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablekeyboard\n */\n\nimport { TableSelection } from './tableselection.js';\nimport { TableWalker } from './tablewalker.js';\nimport { TableUtils } from './tableutils.js';\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport {\n\tgetLocalizedArrowKeyCodeDirection,\n\ttype EventInfo,\n\ttype ArrowKeyCodeDirection,\n\ttype KeystrokeInfo\n} from 'ckeditor5/src/utils.js';\n\nimport type {\n\tBubblingEventInfo,\n\tModelDocumentSelection,\n\tViewDocumentDomEventData,\n\tModelElement,\n\tModelSelection,\n\tViewDocumentArrowKeyEvent,\n\tViewDocumentTabEvent\n} from 'ckeditor5/src/engine.js';\n\n/**\n * This plugin enables keyboard navigation for tables.\n * It is loaded automatically by the {@link module:table/table~Table} plugin.\n */\nexport class TableKeyboard extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableKeyboard' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableSelection, TableUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst view = editor.editing.view;\n\t\tconst viewDocument = view.document;\n\t\tconst t = editor.t;\n\n\t\tthis.listenTo<ViewDocumentArrowKeyEvent>(\n\t\t\tviewDocument,\n\t\t\t'arrowKey',\n\t\t\t( ...args ) => this._onArrowKey( ...args ),\n\t\t\t{ context: 'table' }\n\t\t);\n\n\t\tthis.listenTo<ViewDocumentTabEvent>(\n\t\t\tviewDocument,\n\t\t\t'tab',\n\t\t\t( ...args ) => this._handleTabOnSelectedTable( ...args ),\n\t\t\t{ context: 'figure' }\n\t\t);\n\n\t\tthis.listenTo<ViewDocumentTabEvent>(\n\t\t\tviewDocument,\n\t\t\t'tab',\n\t\t\t( ...args ) => this._handleTab( ...args ),\n\t\t\t{ context: [ 'th', 'td' ] }\n\t\t);\n\n\t\t// Add the information about the keystrokes to the accessibility database.\n\t\teditor.accessibility.addKeystrokeInfoGroup( {\n\t\t\tid: 'table',\n\t\t\tlabel: t( 'Keystrokes that can be used in a table cell' ),\n\t\t\tkeystrokes: [\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Move the selection to the next cell' ),\n\t\t\t\t\tkeystroke: 'Tab'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Move the selection to the previous cell' ),\n\t\t\t\t\tkeystroke: 'Shift+Tab'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Insert a new table row (when in the last cell of a table)' ),\n\t\t\t\t\tkeystroke: 'Tab'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: t( 'Navigate through the table' ),\n\t\t\t\t\tkeystroke: [ [ 'arrowup' ], [ 'arrowright' ], [ 'arrowdown' ], [ 'arrowleft' ] ]\n\t\t\t\t}\n\t\t\t]\n\t\t} );\n\t}\n\n\t/**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:tab tab} events for the <kbd>Tab</kbd> key executed\n\t * when the table widget is selected.\n\t */\n\tprivate _handleTabOnSelectedTable( bubblingEventInfo: BubblingEventInfo, domEventData: ViewDocumentDomEventData ) {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\tif ( !selectedElement || !selectedElement.is( 'element', 'table' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// For backward compatibility stop propagation of this DOM event.\n\t\t// The default tab handling from widgets handles navigation.\n\t\tdomEventData.stopPropagation();\n\t}\n\n\t/**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:tab tab} events for the <kbd>Tab</kbd> key executed\n\t * inside table cells.\n\t */\n\tprivate _handleTab( bubblingEventInfo: BubblingEventInfo, domEventData: ViewDocumentDomEventData & KeystrokeInfo ) {\n\t\tconst editor = this.editor;\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( TableUtils );\n\t\tconst tableSelection: TableSelection = this.editor.plugins.get( 'TableSelection' );\n\n\t\tconst selection = editor.model.document.selection;\n\t\tconst isForward = !domEventData.shiftKey;\n\n\t\tlet tableCell: ModelElement | null = tableUtils.getTableCellsContainingSelection( selection )[ 0 ];\n\n\t\tif ( !tableCell ) {\n\t\t\ttableCell = tableSelection.getFocusCell();\n\t\t}\n\n\t\tif ( !tableCell ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// For backward compatibility stop propagation of this DOM event.\n\t\t// The default tab handling from widgets handles navigation.\n\t\tdomEventData.stopPropagation();\n\n\t\tconst tableRow = tableCell.parent as ModelElement;\n\t\tconst table = tableRow.parent as ModelElement;\n\n\t\tconst currentRowIndex = table.getChildIndex( tableRow )!;\n\t\tconst currentCellIndex = tableRow.getChildIndex( tableCell )!;\n\n\t\tconst isLastCellInRow = currentCellIndex === tableRow.childCount - 1;\n\t\tconst isLastRow = currentRowIndex === tableUtils.getRows( table ) - 1;\n\n\t\tif ( isForward && isLastRow && isLastCellInRow ) {\n\t\t\teditor.execute( 'insertTableRowBelow' );\n\t\t}\n\t}\n\n\t/**\n\t * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events.\n\t */\n\tprivate _onArrowKey( eventInfo: EventInfo, domEventData: ViewDocumentDomEventData & KeystrokeInfo ) {\n\t\tconst editor = this.editor;\n\t\tconst keyCode = domEventData.keyCode;\n\n\t\tconst direction = getLocalizedArrowKeyCodeDirection( keyCode, editor.locale.contentLanguageDirection )!;\n\t\tconst wasHandled = this._handleArrowKeys( direction, domEventData.shiftKey );\n\n\t\tif ( wasHandled ) {\n\t\t\tdomEventData.preventDefault();\n\t\t\tdomEventData.stopPropagation();\n\t\t\teventInfo.stop();\n\t\t}\n\t}\n\n\t/**\n\t * Handles arrow keys to move the selection around the table.\n\t *\n\t * @param direction The direction of the arrow key.\n\t * @param expandSelection If the current selection should be expanded.\n\t * @returns Returns `true` if key was handled.\n\t */\n\tprivate _handleArrowKeys( direction: ArrowKeyCodeDirection, expandSelection: boolean ) {\n\t\tconst tableUtils = this.editor.plugins.get( TableUtils );\n\t\tconst tableSelection: TableSelection = this.editor.plugins.get( 'TableSelection' );\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst isForward = [ 'right', 'down' ].includes( direction );\n\n\t\t// In case one or more table cells are selected (from outside),\n\t\t// move the selection to a cell adjacent to the selected table fragment.\n\t\tconst selectedCells = tableUtils.getSelectedTableCells( selection );\n\n\t\tif ( selectedCells.length ) {\n\t\t\tlet focusCell;\n\n\t\t\tif ( expandSelection ) {\n\t\t\t\tfocusCell = tableSelection.getFocusCell();\n\t\t\t} else {\n\t\t\t\tfocusCell = isForward ? selectedCells[ selectedCells.length - 1 ] : selectedCells[ 0 ];\n\t\t\t}\n\n\t\t\tthis._navigateFromCellInDirection( focusCell!, direction, expandSelection );\n\n\t\t\treturn true;\n\t\t}\n\n\t\t// Abort if we're not in a table cell.\n\t\tconst tableCell = selection.focus!.findAncestor( 'tableCell' );\n\n\t\t/* istanbul ignore if: paranoid check -- @preserve */\n\t\tif ( !tableCell ) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// When the selection is not collapsed.\n\t\tif ( !selection.isCollapsed ) {\n\t\t\tif ( expandSelection ) {\n\t\t\t\t// Navigation is in the opposite direction than the selection direction so this is shrinking of the selection.\n\t\t\t\t// Selection for sure will not approach cell edge.\n\t\t\t\t//\n\t\t\t\t// With a special case when all cell content is selected - then selection should expand to the other cell.\n\t\t\t\t// Note: When the entire cell gets selected using CTRL+A, the selection is always forward.\n\t\t\t\tif ( selection.isBackward == isForward && !selection.containsEntireContent( tableCell ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst selectedElement = selection.getSelectedElement();\n\n\t\t\t\t// It will collapse for non-object selected so it's not going to move to other cell.\n\t\t\t\tif ( !selectedElement || !model.schema.isObject( selectedElement ) ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Let's check if the selection is at the beginning/end of the cell.\n\t\tif ( this._isSelectionAtCellEdge( selection, tableCell, isForward ) ) {\n\t\t\tthis._navigateFromCellInDirection( tableCell, direction, expandSelection );\n\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Returns `true` if the selection is at the boundary of a table cell according to the navigation direction.\n\t *\n\t * @param selection The current selection.\n\t * @param tableCell The current table cell element.\n\t * @param isForward The expected navigation direction.\n\t */\n\tprivate _isSelectionAtCellEdge( selection: ModelSelection | ModelDocumentSelection, tableCell: ModelElement, isForward: boolean ) {\n\t\tconst model = this.editor.model;\n\t\tconst schema = this.editor.model.schema;\n\n\t\tconst focus = isForward ? selection.getLastPosition()! : selection.getFirstPosition()!;\n\n\t\t// If the current limit element is not table cell we are for sure not at the cell edge.\n\t\t// Also `modifySelection` will not let us out of it.\n\t\tif ( !schema.getLimitElement( focus ).is( 'element', 'tableCell' ) ) {\n\t\t\tconst boundaryPosition = model.createPositionAt( tableCell, isForward ? 'end' : 0 );\n\n\t\t\treturn boundaryPosition.isTouching( focus );\n\t\t}\n\n\t\tconst probe = model.createSelection( focus );\n\n\t\tmodel.modifySelection( probe, { direction: isForward ? 'forward' : 'backward' } );\n\n\t\t// If there was no change in the focus position, then it's not possible to move the selection there.\n\t\treturn focus.isEqual( probe.focus! );\n\t}\n\n\t/**\n\t * Moves the selection from the given table cell in the specified direction.\n\t *\n\t * @param focusCell The table cell that is current multi-cell selection focus.\n\t * @param direction Direction in which selection should move.\n\t * @param expandSelection If the current selection should be expanded. Default value is false.\n\t */\n\tprotected _navigateFromCellInDirection( focusCell: ModelElement, direction: ArrowKeyCodeDirection, expandSelection = false ): void {\n\t\tconst model = this.editor.model;\n\n\t\tconst table = focusCell.findAncestor( 'table' )!;\n\t\tconst tableMap = [ ...new TableWalker( table, { includeAllSlots: true } ) ];\n\t\tconst { row: lastRow, column: lastColumn } = tableMap[ tableMap.length - 1 ];\n\n\t\tconst currentCellInfo = tableMap.find( ( { cell } ) => cell == focusCell )!;\n\t\tlet { row, column } = currentCellInfo;\n\n\t\tswitch ( direction ) {\n\t\t\tcase 'left':\n\t\t\t\tcolumn--;\n\t\t\t\tbreak;\n\n\t\t\tcase 'up':\n\t\t\t\trow--;\n\t\t\t\tbreak;\n\n\t\t\tcase 'right':\n\t\t\t\tcolumn += currentCellInfo.cellWidth;\n\t\t\t\tbreak;\n\n\t\t\tcase 'down':\n\t\t\t\trow += currentCellInfo.cellHeight;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst isOutsideVertically = row < 0 || row > lastRow;\n\t\tconst isBeforeFirstCell = column < 0 && row <= 0;\n\t\tconst isAfterLastCell = column > lastColumn && row >= lastRow;\n\n\t\t// Note that if the table cell at the end of a row is row-spanned then isAfterLastCell will never be true.\n\t\t// However, we don't know if user was navigating on the last row or not, so let's stay in the table.\n\n\t\tif ( isOutsideVertically || isBeforeFirstCell || isAfterLastCell ) {\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setSelection( writer.createRangeOn( table ) );\n\t\t\t} );\n\n\t\t\treturn;\n\t\t}\n\n\t\tif ( column < 0 ) {\n\t\t\tcolumn = expandSelection ? 0 : lastColumn;\n\t\t\trow--;\n\t\t} else if ( column > lastColumn ) {\n\t\t\tcolumn = expandSelection ? lastColumn : 0;\n\t\t\trow++;\n\t\t}\n\n\t\tconst cellToSelect = tableMap.find( cellInfo => cellInfo.row == row && cellInfo.column == column )!.cell;\n\t\tconst isForward = [ 'right', 'down' ].includes( direction );\n\t\tconst tableSelection: TableSelection = this.editor.plugins.get( 'TableSelection' );\n\n\t\tif ( expandSelection && tableSelection.isEnabled ) {\n\t\t\tconst anchorCell = tableSelection.getAnchorCell() || focusCell;\n\n\t\t\ttableSelection.setCellSelection( anchorCell, cellToSelect );\n\t\t} else {\n\t\t\tconst positionToSelect = model.createPositionAt( cellToSelect, isForward ? 0 : 'end' );\n\n\t\t\tmodel.change( writer => {\n\t\t\t\twriter.setSelection( positionToSelect );\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablemouse/mouseeventsobserver\n */\n\nimport { DomEventObserver, type ViewDocumentDomEventData } from 'ckeditor5/src/engine.js';\n\n/**\n * The mouse selection event observer.\n *\n * It registers listeners for the following DOM events:\n *\n * - `'mousemove'`\n * - `'mouseleave'`\n *\n * Note that this observer is disabled by default. To enable this observer, it needs to be added to\n * {@link module:engine/view/view~EditingView} using the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * The observer is registered by the {@link module:table/tableselection~TableSelection} plugin.\n *\n * @internal\n */\nexport class MouseEventsObserver extends DomEventObserver<'mousemove' | 'mouseleave'> {\n\tpublic readonly domEventType = [\n\t\t'mousemove', 'mouseleave'\n\t] as const;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic onDomEvent( domEvent: MouseEvent ): void {\n\t\tthis.fire( domEvent.type, domEvent );\n\t}\n}\n\n/**\n * Fired when the mouse is moved over one of the editables.\n *\n * Introduced by {@link module:table/tablemouse/mouseeventsobserver~MouseEventsObserver}.\n *\n * Note that this event is not available by default. To make it available,\n * {@link module:table/tablemouse/mouseeventsobserver~MouseEventsObserver} needs to be added\n * to {@link module:engine/view/view~EditingView} using the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:table/tablemouse/mouseeventsobserver~MouseEventsObserver\n * @eventName module:engine/view/document~ViewDocument#mousemove\n * @param data Event data.\n */\nexport type ViewDocumentTableMouseMoveEvent = {\n\tname: 'mousemove';\n\targs: [ data: ViewDocumentDomEventData<MouseEvent> ];\n};\n\n/**\n * Fired when the mouse is moved out of one of the editables.\n *\n * Introduced by {@link module:table/tablemouse/mouseeventsobserver~MouseEventsObserver}.\n *\n * Note that this event is not available by default. To make it available,\n * {@link module:table/tablemouse/mouseeventsobserver~MouseEventsObserver} needs to be added\n * to {@link module:engine/view/view~EditingView} using the {@link module:engine/view/view~EditingView#addObserver} method.\n *\n * @see module:table/tablemouse/mouseeventsobserver~MouseEventsObserver\n * @eventName module:engine/view/document~ViewDocument#mouseleave\n * @param data Event data.\n */\nexport type ViewDocumentTableMouseLeaveEvent = {\n\tname: 'mouseleave';\n\targs: [ data: ViewDocumentDomEventData<MouseEvent> ];\n};\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablemouse\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { TableSelection } from './tableselection.js';\nimport { MouseEventsObserver } from './tablemouse/mouseeventsobserver.js';\nimport { TableUtils } from './tableutils.js';\nimport type { ViewDocumentDomEventData, ModelElement } from 'ckeditor5/src/engine.js';\n\n/**\n * This plugin enables a table cells' selection with the mouse.\n * It is loaded automatically by the {@link module:table/table~Table} plugin.\n */\nexport class TableMouse extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableMouse' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableSelection, TableUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\t// Currently the MouseObserver only handles `mousedown` and `mouseup` events.\n\t\t// TODO move to the engine?\n\t\teditor.editing.view.addObserver( MouseEventsObserver );\n\n\t\tthis._enableShiftClickSelection();\n\t\tthis._enableMouseDragSelection();\n\t}\n\n\t/**\n\t * Enables making cells selection by <kbd>Shift</kbd>+click. Creates a selection from the cell which previously held\n\t * the selection to the cell which was clicked. It can be the same cell, in which case it selects a single cell.\n\t */\n\tprivate _enableShiftClickSelection() {\n\t\tconst editor = this.editor;\n\t\tconst tableUtils = editor.plugins.get( TableUtils );\n\t\tlet blockSelectionChange = false;\n\n\t\tconst tableSelection = editor.plugins.get( TableSelection );\n\n\t\tthis.listenTo( editor.editing.view.document, 'mousedown', ( evt, domEventData ) => {\n\t\t\tconst selection = editor.model.document.selection;\n\n\t\t\tif ( !this.isEnabled || !tableSelection.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !domEventData.domEvent.shiftKey ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst anchorCell = tableSelection.getAnchorCell() || tableUtils.getTableCellsContainingSelection( selection )[ 0 ];\n\n\t\t\tif ( !anchorCell ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst targetCell = this._getModelTableCellFromDomEvent( domEventData );\n\n\t\t\tif ( targetCell && haveSameTableParent( anchorCell, targetCell ) ) {\n\t\t\t\tblockSelectionChange = true;\n\t\t\t\ttableSelection.setCellSelection( anchorCell, targetCell );\n\n\t\t\t\tdomEventData.preventDefault();\n\t\t\t}\n\t\t} );\n\n\t\tthis.listenTo( editor.editing.view.document, 'mouseup', () => {\n\t\t\tblockSelectionChange = false;\n\t\t} );\n\n\t\t// We need to ignore a `selectionChange` event that is fired after we render our new table cells selection.\n\t\t// When downcasting table cells selection to the view, we put the view selection in the last selected cell\n\t\t// in a place that may not be natively a \"correct\" location. This is – we put it directly in the `<td>` element.\n\t\t// All browsers fire the native `selectionchange` event.\n\t\t// However, all browsers except Safari return the selection in the exact place where we put it\n\t\t// (even though it's visually normalized). Safari returns `<td><p>^foo` that makes our selection observer\n\t\t// fire our `selectionChange` event (because the view selection that we set in the first step differs from the DOM selection).\n\t\t// Since `selectionChange` is fired, we automatically update the model selection that moves it that paragraph.\n\t\t// This breaks our dear cells selection.\n\t\t//\n\t\t// Theoretically this issue concerns only Safari that is the only browser that do normalize the selection.\n\t\t// However, to avoid code branching and to have a good coverage for this event blocker, I enabled it for all browsers.\n\t\t//\n\t\t// Note: I'm keeping the `blockSelectionChange` state separately for shift+click and mouse drag (exact same logic)\n\t\t// so I don't have to try to analyze whether they don't overlap in some weird cases. Probably they don't.\n\t\t// But I have other things to do, like writing this comment.\n\t\tthis.listenTo( editor.editing.view.document, 'selectionChange', evt => {\n\t\t\tif ( blockSelectionChange ) {\n\t\t\t\t// @if CK_DEBUG // console.log( 'Blocked selectionChange to avoid breaking table cells selection.' );\n\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'highest' } );\n\t}\n\n\t/**\n\t * Enables making cells selection by dragging.\n\t *\n\t * The selection is made only on mousemove. Mouse tracking is started on mousedown.\n\t * However, the cells selection is enabled only after the mouse cursor left the anchor cell.\n\t * Thanks to that normal text selection within one cell works just fine. However, you can still select\n\t * just one cell by leaving the anchor cell and moving back to it.\n\t */\n\tprivate _enableMouseDragSelection() {\n\t\tconst editor = this.editor;\n\t\tlet anchorCell: ModelElement | null, targetCell: ModelElement | null;\n\t\tlet beganCellSelection = false;\n\t\tlet blockSelectionChange = false;\n\n\t\tconst tableSelection = editor.plugins.get( TableSelection );\n\n\t\tthis.listenTo( editor.editing.view.document, 'mousedown', ( evt, domEventData ) => {\n\t\t\tif ( !this.isEnabled || !tableSelection.isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Make sure to not conflict with the shift+click listener and any other possible handler.\n\t\t\tif ( domEventData.domEvent.shiftKey || domEventData.domEvent.ctrlKey || domEventData.domEvent.altKey ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tanchorCell = this._getModelTableCellFromDomEvent( domEventData );\n\t\t} );\n\n\t\tthis.listenTo( editor.editing.view.document, 'mousemove', ( evt, domEventData ) => {\n\t\t\tif ( !domEventData.domEvent.buttons ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !anchorCell ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newTargetCell = this._getModelTableCellFromDomEvent( domEventData );\n\n\t\t\tif ( newTargetCell && haveSameTableParent( anchorCell, newTargetCell ) ) {\n\t\t\t\ttargetCell = newTargetCell;\n\n\t\t\t\t// Switch to the cell selection mode after the mouse cursor left the anchor cell.\n\t\t\t\t// Switch off only on mouseup (makes selecting a single cell possible).\n\t\t\t\tif ( !beganCellSelection && targetCell != anchorCell ) {\n\t\t\t\t\tbeganCellSelection = true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Yep, not making a cell selection yet. See method docs.\n\t\t\tif ( !beganCellSelection ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tblockSelectionChange = true;\n\t\t\ttableSelection.setCellSelection( anchorCell, targetCell! );\n\n\t\t\tdomEventData.preventDefault();\n\t\t} );\n\n\t\tthis.listenTo( editor.editing.view.document, 'mouseup', () => {\n\t\t\tbeganCellSelection = false;\n\t\t\tblockSelectionChange = false;\n\t\t\tanchorCell = null;\n\t\t\ttargetCell = null;\n\t\t} );\n\n\t\t// See the explanation in `_enableShiftClickSelection()`.\n\t\tthis.listenTo( editor.editing.view.document, 'selectionChange', evt => {\n\t\t\tif ( blockSelectionChange ) {\n\t\t\t\t// @if CK_DEBUG // console.log( 'Blocked selectionChange to avoid breaking table cells selection.' );\n\n\t\t\t\tevt.stop();\n\t\t\t}\n\t\t}, { priority: 'highest' } );\n\t}\n\n\t/**\n\t * Returns the model table cell element based on the target element of the passed DOM event.\n\t *\n\t * @returns Returns the table cell or `undefined`.\n\t */\n\tprivate _getModelTableCellFromDomEvent( domEventData: ViewDocumentDomEventData ) {\n\t\t// Note: Work with positions (not element mapping) because the target element can be an attribute or other non-mapped element.\n\t\tconst viewTargetElement = domEventData.target;\n\t\tconst viewPosition = this.editor.editing.view.createPositionAt( viewTargetElement, 0 );\n\t\tconst modelPosition = this.editor.editing.mapper.toModelPosition( viewPosition );\n\t\tconst modelElement = modelPosition.parent as ModelElement;\n\n\t\treturn modelElement.findAncestor( 'tableCell', { includeSelf: true } );\n\t}\n}\n\nfunction haveSameTableParent( cellA: ModelElement, cellB: ModelElement ) {\n\treturn cellA.parent!.parent == cellB.parent!.parent;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/table\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { Widget } from 'ckeditor5/src/widget.js';\n\nimport { TableEditing } from './tableediting.js';\nimport { TableUI } from './tableui.js';\nimport { TableSelection } from './tableselection.js';\nimport { TableClipboard } from './tableclipboard.js';\nimport { TableKeyboard } from './tablekeyboard.js';\nimport { TableMouse } from './tablemouse.js';\n\nimport '../theme/table.css';\n\n/**\n * The table plugin.\n *\n * For a detailed overview, check the {@glink features/tables/tables Table feature documentation}.\n *\n * This is a \"glue\" plugin that loads the following table features:\n *\n * * {@link module:table/tableediting~TableEditing editing feature},\n * * {@link module:table/tableselection~TableSelection selection feature},\n * * {@link module:table/tablekeyboard~TableKeyboard keyboard navigation feature},\n * * {@link module:table/tablemouse~TableMouse mouse selection feature},\n * * {@link module:table/tableclipboard~TableClipboard clipboard feature},\n * * {@link module:table/tableui~TableUI UI feature}.\n */\nexport class Table extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableEditing, TableUI, TableSelection, TableMouse, TableKeyboard, TableClipboard, Widget ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'Table' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/plaintableoutput\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport type { UpcastElementEvent } from 'ckeditor5/src/engine.js';\n\nimport { Table } from './table.js';\n\n/**\n * The plain table output feature.\n *\n * This feature strips the `<figure>` tag from the table data. This is because this tag is not supported\n * by most popular email clients and removing it ensures compatibility.\n */\nexport class PlainTableOutput extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'PlainTableOutput' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ Table ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.conversion.for( 'upcast' ).add( dispatcher => {\n\t\t\tdispatcher.on<UpcastElementEvent>( 'element:table', ( evt, data, conversionApi ) => {\n\t\t\t\t// It's not necessary to upcast the `table` class. This class was only added in data downcast\n\t\t\t\t// to center a plain table in the editor output.\n\t\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/17888.\n\t\t\t\tconversionApi.consumable.consume( data.viewItem, { classes: 'table' } );\n\t\t\t} );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/utils/ui/widget\n */\n\nimport type { ViewDocumentFragment, ViewDocumentSelection, ViewElement, ViewNode } from 'ckeditor5/src/engine.js';\n\nimport { isWidget } from 'ckeditor5/src/widget.js';\n\n/**\n * Depending on the position of the selection either return the selected table or the table higher in the hierarchy.\n *\n * @internal\n */\nexport function getSelectionAffectedTableWidget( selection: ViewDocumentSelection ): ViewElement | null {\n\tconst selectedTable = getSelectedTableWidget( selection );\n\n\tif ( selectedTable ) {\n\t\treturn selectedTable;\n\t}\n\n\treturn getTableWidgetAncestor( selection );\n}\n\n/**\n * Returns a table widget editing view element if one is selected.\n *\n * @internal\n */\nexport function getSelectedTableWidget( selection: ViewDocumentSelection ): ViewElement | null {\n\tconst viewElement = selection.getSelectedElement();\n\n\tif ( viewElement && isTableWidget( viewElement ) ) {\n\t\treturn viewElement;\n\t}\n\n\treturn null;\n}\n\n/**\n * Returns a table widget editing view element if one is among the selection's ancestors.\n *\n * @internal\n */\nexport function getTableWidgetAncestor( selection: ViewDocumentSelection ): ViewElement | null {\n\tconst selectionPosition = selection.getFirstPosition();\n\n\tif ( !selectionPosition ) {\n\t\treturn null;\n\t}\n\n\tlet parent: ViewNode | ViewDocumentFragment | null = selectionPosition.parent;\n\n\twhile ( parent ) {\n\t\tif ( parent.is( 'element' ) && isTableWidget( parent ) ) {\n\t\t\treturn parent;\n\t\t}\n\n\t\tparent = parent.parent;\n\t}\n\n\treturn null;\n}\n\n/**\n * Checks if a given view element is a table widget.\n *\n * @internal\n */\nexport function isTableWidget( viewNode: ViewNode ): boolean {\n\treturn viewNode.is( 'element' ) && !!viewNode.getCustomProperty( 'table' ) && isWidget( viewNode );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tabletoolbar\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';\nimport { getSelectedTableWidget, getTableWidgetAncestor } from './utils/ui/widget.js';\n\n/**\n * The table toolbar class. It creates toolbars for the table feature and its content (for now only for the table cell content).\n *\n * The table toolbar shows up when a table widget is selected. Its components (e.g. buttons) are created based on the\n * {@link module:table/tableconfig~TableConfig#tableToolbar `table.tableToolbar` configuration option}.\n *\n * Table content toolbar shows up when the selection is inside the content of a table. It creates its component based on the\n * {@link module:table/tableconfig~TableConfig#contentToolbar `table.contentToolbar` configuration option}.\n */\nexport class TableToolbar extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ WidgetToolbarRepository ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableToolbar' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst widgetToolbarRepository = editor.plugins.get( WidgetToolbarRepository );\n\n\t\tconst tableContentToolbarItems = editor.config.get( 'table.contentToolbar' );\n\n\t\tconst tableToolbarItems = editor.config.get( 'table.tableToolbar' );\n\n\t\tif ( tableContentToolbarItems ) {\n\t\t\twidgetToolbarRepository.register( 'tableContent', {\n\t\t\t\tariaLabel: t( 'Table toolbar' ),\n\t\t\t\titems: tableContentToolbarItems,\n\t\t\t\tgetRelatedElement: getTableWidgetAncestor\n\t\t\t} );\n\t\t}\n\n\t\tif ( tableToolbarItems ) {\n\t\t\twidgetToolbarRepository.register( 'table', {\n\t\t\t\tariaLabel: t( 'Table toolbar' ),\n\t\t\t\titems: tableToolbarItems,\n\t\t\t\tgetRelatedElement: getSelectedTableWidget\n\t\t\t} );\n\t\t}\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/ui/colorinputview\n */\n\nimport {\n\tView,\n\tInputTextView,\n\tcreateDropdown,\n\tFocusCycler,\n\tViewCollection,\n\tColorSelectorView,\n\ttype ColorDefinition,\n\ttype DropdownView,\n\ttype ColorPickerConfig,\n\ttype ColorSelectorExecuteEvent,\n\ttype ColorSelectorColorPickerCancelEvent,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\n\nimport { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';\n\nimport '../../theme/colorinput.css';\n\n/**\n * The options for the color input view.\n *\n * @internal\n */\nexport type ColorInputViewOptions = {\n\tcolorDefinitions: Array<ColorDefinition>;\n\tcolumns: number;\n\tdefaultColorValue?: string;\n\tcolorPickerConfig: false | ColorPickerConfig;\n};\n\n/**\n * The color input view class. It allows the user to type in a color (hex, rgb, etc.)\n * or choose it from the configurable color palette with a preview.\n *\n * @internal\n */\nexport class ColorInputView extends View implements FocusableView {\n\t/**\n\t * The value of the input.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public value: string;\n\n\t/**\n\t * Controls whether the input view is in read-only mode.\n\t *\n\t * @observable\n\t * @default false\n\t */\n\tdeclare public isReadOnly: boolean;\n\n\t/**\n\t * An observable flag set to `true` when the input is focused by the user.\n\t * `false` otherwise.\n\t *\n\t * @observable\n\t * @default false\n\t */\n\tdeclare public readonly isFocused: boolean;\n\n\t/**\n\t * An observable flag set to `true` when the input contains no text.\n\t *\n\t * @observable\n\t * @default true\n\t */\n\tdeclare public readonly isEmpty: boolean;\n\n\t/**\n\t * @observable\n\t */\n\tdeclare public hasError: boolean;\n\n\t/**\n\t * A cached reference to the options passed to the constructor.\n\t */\n\tpublic options: ColorInputViewOptions;\n\n\t/**\n\t * Tracks information about the DOM focus in the view.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * Helps cycling over focusable children in the input view.\n\t */\n\tpublic readonly focusCycler: FocusCycler;\n\n\t/**\n\t * A collection of views that can be focused in the view.\n\t */\n\tprotected readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * An instance of the dropdown allowing to select a color from a grid.\n\t */\n\tpublic dropdownView: DropdownView;\n\n\t/**\n\t * An instance of the input allowing the user to type a color value.\n\t */\n\tpublic inputView: InputTextView;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * The flag that indicates whether the user is still typing.\n\t * If set to true, it means that the text input field ({@link #inputView}) still has the focus.\n\t * So, we should interrupt the user by replacing the input's value.\n\t */\n\tprotected _stillTyping: boolean;\n\n\t/**\n\t * Creates an instance of the color input view.\n\t *\n\t * @param locale The locale instance.\n\t * @param options The input options.\n\t * @param options.colorDefinitions The colors to be displayed in the palette inside the input's dropdown.\n\t * @param options.columns The number of columns in which the colors will be displayed.\n\t * @param options.defaultColorValue If specified, the color input view will replace the \"Remove color\" button with\n\t * the \"Restore default\" button. Instead of clearing the input field, the default color value will be set.\n\t */\n\tconstructor( locale: Locale, options: ColorInputViewOptions ) {\n\t\tsuper( locale );\n\n\t\tthis.set( 'value', '' );\n\t\tthis.set( 'isReadOnly', false );\n\t\tthis.set( 'isFocused', false );\n\t\tthis.set( 'isEmpty', true );\n\n\t\tthis.options = options;\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis._focusables = new ViewCollection();\n\t\tthis.dropdownView = this._createDropdownView();\n\t\tthis.inputView = this._createInputTextView();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis._stillTyping = false;\n\n\t\tthis.focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate items backwards using the <kbd>Shift</kbd> + <kbd>Tab</kbd> keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate items forwards using the <kbd>Tab</kbd> key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'div',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-input-color'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\tthis.dropdownView,\n\t\t\t\tthis.inputView\n\t\t\t]\n\t\t} );\n\n\t\tthis.on( 'change:value', ( evt, name, inputValue ) => this._setInputValue( inputValue ) );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t[ this.inputView, this.dropdownView.buttonView ].forEach( view => {\n\t\t\tthis.focusTracker.add( view.element! );\n\t\t\tthis._focusables.add( view );\n\t\t} );\n\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * Focuses the view.\n\t */\n\tpublic focus( direction: 1 | -1 ): void {\n\t\tif ( direction === -1 ) {\n\t\t\tthis.focusCycler.focusLast();\n\t\t} else {\n\t\t\tthis.focusCycler.focusFirst();\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Creates and configures the {@link #dropdownView}.\n\t */\n\tprivate _createDropdownView() {\n\t\tconst locale = this.locale!;\n\t\tconst t = locale.t;\n\t\tconst bind = this.bindTemplate;\n\t\tconst colorSelector = this._createColorSelector( locale );\n\t\tconst dropdown = createDropdown( locale );\n\t\tconst colorPreview = new View();\n\n\t\tcolorPreview.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-input-color__button__preview'\n\t\t\t\t],\n\t\t\t\tstyle: {\n\t\t\t\t\tbackgroundColor: bind.to( 'value' )\n\t\t\t\t}\n\t\t\t},\n\t\t\tchildren: [ {\n\t\t\t\ttag: 'span',\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: [\n\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t'ck-input-color__button__preview__no-color-indicator',\n\t\t\t\t\t\tbind.if( 'value', 'ck-hidden', value => value != '' )\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t} ]\n\t\t} );\n\n\t\tdropdown.buttonView.extendTemplate( {\n\t\t\tattributes: {\n\t\t\t\tclass: 'ck-input-color__button'\n\t\t\t}\n\t\t} );\n\n\t\tdropdown.buttonView.children.add( colorPreview );\n\t\tdropdown.buttonView.label = t( 'Color picker' );\n\t\tdropdown.buttonView.tooltip = true;\n\n\t\tdropdown.panelPosition = locale.uiLanguageDirection === 'rtl' ? 'se' : 'sw';\n\t\tdropdown.panelView.children.add( colorSelector );\n\t\tdropdown.bind( 'isEnabled' ).to( this, 'isReadOnly', value => !value );\n\n\t\tdropdown.on( 'change:isOpen', ( evt, name, isVisible ) => {\n\t\t\tif ( isVisible ) {\n\t\t\t\tcolorSelector.updateSelectedColors();\n\t\t\t\tcolorSelector.showColorGridsFragment();\n\t\t\t}\n\t\t} );\n\n\t\treturn dropdown;\n\t}\n\n\t/**\n\t * Creates and configures an instance of {@link module:ui/inputtext/inputtextview~InputTextView}.\n\t *\n\t * @returns A configured instance to be set as {@link #inputView}.\n\t */\n\tprivate _createInputTextView(): InputTextView {\n\t\tconst locale = this.locale;\n\t\tconst inputView = new InputTextView( locale );\n\n\t\tinputView.extendTemplate( {\n\t\t\ton: {\n\t\t\t\tblur: inputView.bindTemplate.to( 'blur' )\n\t\t\t}\n\t\t} );\n\n\t\tinputView.value = this.value;\n\t\tinputView.bind( 'isReadOnly', 'hasError' ).to( this );\n\t\tthis.bind( 'isFocused', 'isEmpty' ).to( inputView );\n\n\t\tinputView.on( 'input', () => {\n\t\t\tconst inputValue = inputView.element!.value;\n\t\t\t// Check if the value matches one of our defined colors' label.\n\t\t\tconst mappedColor = this.options.colorDefinitions.find( def => inputValue === def.label );\n\n\t\t\tthis._stillTyping = true;\n\t\t\tthis.value = mappedColor && mappedColor.color || inputValue;\n\t\t} );\n\n\t\tinputView.on( 'blur', () => {\n\t\t\tthis._stillTyping = false;\n\t\t\tthis._setInputValue( inputView.element!.value );\n\t\t} );\n\n\t\tinputView.delegate( 'input' ).to( this );\n\n\t\treturn inputView;\n\t}\n\n\t/**\n\t * Creates and configures the panel with \"color grid\" and \"color picker\" inside the {@link #dropdownView}.\n\t */\n\tprivate _createColorSelector( locale: Locale ) {\n\t\tconst t = locale.t;\n\t\tconst defaultColor = this.options.defaultColorValue || '';\n\t\tconst removeColorButtonLabel = defaultColor ? t( 'Restore default' ) : t( 'Remove color' );\n\n\t\tconst colorSelector = new ColorSelectorView( locale, {\n\t\t\tcolors: this.options.colorDefinitions,\n\t\t\tcolumns: this.options.columns,\n\t\t\tremoveButtonLabel: removeColorButtonLabel,\n\t\t\tcolorPickerLabel: t( 'Color picker' ),\n\t\t\tcolorPickerViewConfig: this.options.colorPickerConfig === false ? false : {\n\t\t\t\t...this.options.colorPickerConfig,\n\t\t\t\thideInput: true\n\t\t\t}\n\t\t} );\n\n\t\tcolorSelector.appendUI();\n\n\t\tcolorSelector.on<ColorSelectorExecuteEvent>( 'execute', ( evt, data ) => {\n\t\t\tif ( data.source === 'colorPickerSaveButton' ) {\n\t\t\t\tthis.dropdownView.isOpen = false;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.value = data.value || defaultColor;\n\n\t\t\t// Trigger the listener that actually applies the set value.\n\t\t\tthis.fire( 'input' );\n\n\t\t\tif ( data.source !== 'colorPicker' ) {\n\t\t\t\tthis.dropdownView.isOpen = false;\n\t\t\t}\n\t\t} );\n\n\t\t/**\n\t\t * Color is saved before changes in color picker. In case \"cancel button\" is pressed\n\t\t * this color will be applied.\n\t\t */\n\t\tlet backupColor = this.value;\n\n\t\tcolorSelector.on<ColorSelectorColorPickerCancelEvent>( 'colorPicker:cancel', () => {\n\t\t\t/**\n\t\t\t * Revert color to previous value before changes in color picker.\n\t\t\t */\n\t\t\tthis.value = backupColor;\n\n\t\t\tthis.fire( 'input' );\n\n\t\t\tthis.dropdownView.isOpen = false;\n\t\t} );\n\n\t\tcolorSelector.colorGridsFragmentView.colorPickerButtonView!.on( 'execute', () => {\n\t\t\t/**\n\t\t\t * Save color value before changes in color picker.\n\t\t\t */\n\t\t\tbackupColor = this.value;\n\t\t} );\n\n\t\tcolorSelector.bind( 'selectedColor' ).to( this, 'value' );\n\n\t\treturn colorSelector;\n\t}\n\n\t/**\n\t * Sets {@link #inputView}'s value property to the color value or color label,\n\t * if there is one and the user is not typing.\n\t *\n\t * Handles cases like:\n\t *\n\t * * Someone picks the color in the grid.\n\t * * The color is set from the plugin level.\n\t *\n\t * @param inputValue Color value to be set.\n\t */\n\tprivate _setInputValue( inputValue: string ) {\n\t\tif ( !this._stillTyping ) {\n\t\t\tconst normalizedInputValue = normalizeColor( inputValue );\n\t\t\t// Check if the value matches one of our defined colors.\n\t\t\tconst mappedColor = this.options.colorDefinitions.find( def => normalizedInputValue === normalizeColor( def.color ) );\n\n\t\t\tif ( mappedColor ) {\n\t\t\t\tthis.inputView.value = mappedColor.label;\n\t\t\t} else {\n\t\t\t\tthis.inputView.value = inputValue || '';\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * Normalizes color value, by stripping extensive whitespace.\n * For example., transforms:\n * * `   rgb(  25 50    0 )` to `rgb(25 50 0)`,\n * * \"\\t  rgb(  25 ,  50,0 )\t\t\" to `rgb(25 50 0)`.\n *\n * @param colorString The value to be normalized.\n */\nfunction normalizeColor( colorString: string ): string {\n\treturn colorString\n\t\t// Remove any whitespace right after `(` or `,`.\n\t\t.replace( /([(,])\\s+/g, '$1' )\n\t\t// Remove any whitespace at the beginning or right before the end, `)`, `,`, or another whitespace.\n\t\t.replace( /^\\s+|\\s+(?=[),\\s]|$)/g, '' )\n\t\t// Then, replace `,` or whitespace with a single space.\n\t\t.replace( /,|\\s/g, ' ' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/utils/ui/table-properties\n */\n\nimport {\n\tButtonView,\n\tUIModel,\n\ttype ColorOption,\n\ttype LabeledFieldView,\n\ttype ListDropdownItemDefinition,\n\ttype NormalizedColorOption,\n\ttype ToolbarView,\n\ttype View,\n\ttype ColorPickerConfig\n} from 'ckeditor5/src/ui.js';\n\nimport { Collection, type LocaleTranslate } from 'ckeditor5/src/utils.js';\nimport { isColorStyleValue, isLengthStyleValue, isPercentageStyleValue } from 'ckeditor5/src/engine.js';\n\nimport { type TableCellPropertiesView } from '../../tablecellproperties/ui/tablecellpropertiesview.js';\nimport { type TablePropertiesView } from '../../tableproperties/ui/tablepropertiesview.js';\n\nimport { ColorInputView } from '../../ui/colorinputview.js';\n\nconst isEmpty = ( val: string ) => val === '';\n\n/**\n * Returns an object containing pairs of CSS border style values and their localized UI\n * labels. Used by {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView}\n * and {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView}.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */\nexport function getBorderStyleLabels( t: LocaleTranslate ): Record<string, string> {\n\treturn {\n\t\tnone: t( 'None' ),\n\t\tsolid: t( 'Solid' ),\n\t\tdotted: t( 'Dotted' ),\n\t\tdashed: t( 'Dashed' ),\n\t\tdouble: t( 'Double' ),\n\t\tgroove: t( 'Groove' ),\n\t\tridge: t( 'Ridge' ),\n\t\tinset: t( 'Inset' ),\n\t\toutset: t( 'Outset' )\n\t};\n}\n\n/**\n * Returns a localized error string that can be displayed next to color (background, border)\n * fields that have an invalid value.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */\nexport function getLocalizedColorErrorText( t: LocaleTranslate ): string {\n\treturn t( 'The color is invalid. Try \"#FF0000\" or \"rgb(255,0,0)\" or \"red\".' );\n}\n\n/**\n * Returns a localized error string that can be displayed next to length (padding, border width)\n * fields that have an invalid value.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */\nexport function getLocalizedLengthErrorText( t: LocaleTranslate ): string {\n\treturn t( 'The value is invalid. Try \"10px\" or \"2em\" or simply \"2\".' );\n}\n\n/**\n * Returns `true` when the passed value is an empty string or a valid CSS color expression.\n * Otherwise, `false` is returned.\n *\n * See {@link module:engine/view/styles/utils~isColorStyleValue}.\n *\n * @internal\n */\nexport function colorFieldValidator( value: string ): boolean {\n\tvalue = value.trim().toLowerCase();\n\n\treturn isEmpty( value ) || isColorStyleValue( value );\n}\n\n/**\n * Returns `true` when the passed value is an empty string, a number without a unit or a valid CSS length expression.\n * Otherwise, `false` is returned.\n *\n * See {@link module:engine/view/styles/utils~isLengthStyleValue}.\n * See {@link module:engine/view/styles/utils~isPercentageStyleValue}.\n *\n * @internal\n */\nexport function lengthFieldValidator( value: string ): boolean {\n\tvalue = value.trim();\n\n\treturn isEmpty( value ) || isNumberString( value ) || isLengthStyleValue( value ) || isPercentageStyleValue( value );\n}\n\n/**\n * Returns `true` when the passed value is an empty string, a number without a unit or a valid CSS length expression.\n * Otherwise, `false` is returned.\n *\n * See {@link module:engine/view/styles/utils~isLengthStyleValue}.\n *\n * @internal\n */\nexport function lineWidthFieldValidator( value: string ): boolean {\n\tvalue = value.trim();\n\n\treturn isEmpty( value ) || isNumberString( value ) || isLengthStyleValue( value );\n}\n\n/**\n * Generates item definitions for a UI dropdown that allows changing the border style of a table or a table cell.\n *\n * @internal\n * @param defaultStyle The default border.\n */\nexport function getBorderStyleDefinitions(\n\tview: TableCellPropertiesView | TablePropertiesView,\n\tdefaultStyle: string\n): Collection<ListDropdownItemDefinition> {\n\tconst itemDefinitions: Collection<ListDropdownItemDefinition> = new Collection();\n\tconst styleLabels = getBorderStyleLabels( view.t! );\n\n\tfor ( const style in styleLabels ) {\n\t\tconst definition: ListDropdownItemDefinition = {\n\t\t\ttype: 'button',\n\t\t\tmodel: new UIModel( {\n\t\t\t\t_borderStyleValue: style,\n\t\t\t\tlabel: styleLabels[ style ],\n\t\t\t\trole: 'menuitemradio',\n\t\t\t\twithText: true\n\t\t\t} )\n\t\t};\n\n\t\tif ( style === 'none' ) {\n\t\t\tdefinition.model.bind( 'isOn' ).to( view, 'borderStyle', value => {\n\t\t\t\tif ( defaultStyle === 'none' ) {\n\t\t\t\t\treturn !value;\n\t\t\t\t}\n\n\t\t\t\treturn value === style;\n\t\t\t} );\n\t\t} else {\n\t\t\tdefinition.model.bind( 'isOn' ).to( view, 'borderStyle', value => {\n\t\t\t\treturn value === style;\n\t\t\t} );\n\t\t}\n\n\t\titemDefinitions.add( definition );\n\t}\n\n\treturn itemDefinitions;\n}\n\n/**\n * A helper that fills a toolbar with buttons that:\n *\n * * have some labels,\n * * have some icons,\n * * set a certain UI view property value upon execution.\n *\n * @internal\n * @param options Configuration options\n * @param options.view The view that has the observable property.\n * @param options.icons Object with button icons.\n * @param options.toolbar The toolbar to fill with buttons.\n * @param options.labels Object with button labels.\n * @param options.propertyName The name of the observable property in the view.\n * @param options.nameToValue A function that maps a button name to a value. By default names are the same as values.\n * @param options.defaultValue Default value for the property.\n */\nexport function fillToolbar<TView extends View, TPropertyName extends keyof TView>(\n\toptions: {\n\t\tview: TView;\n\t\ticons: Record<string, string>;\n\t\ttoolbar: ToolbarView;\n\t\tlabels: Record<number, string>;\n\t\tpropertyName: TPropertyName;\n\t\tnameToValue?: ( name: string ) => string;\n\t\tdefaultValue?: string;\n\t}\n): void {\n\tconst { view, icons, toolbar, labels, propertyName, nameToValue, defaultValue } = options;\n\tfor ( const name in labels ) {\n\t\tconst button = new ButtonView( view.locale );\n\n\t\tbutton.set( {\n\t\t\trole: 'radio',\n\t\t\tisToggleable: true,\n\t\t\tlabel: labels[ name ],\n\t\t\ticon: icons[ name ],\n\t\t\ttooltip: labels[ name ]\n\t\t} );\n\n\t\t// If specified the `nameToValue()` callback, map the value based on the option's name.\n\t\tconst buttonValue = nameToValue ? nameToValue( name ) : name;\n\n\t\tbutton.bind( 'isOn' ).to( view, propertyName, value => {\n\t\t\t// `value` comes from `view[ propertyName ]`.\n\t\t\tlet valueToCompare: unknown = value;\n\n\t\t\t// If it's empty, and the `defaultValue` is specified, use it instead.\n\t\t\tif ( value === '' && defaultValue ) {\n\t\t\t\tvalueToCompare = defaultValue;\n\t\t\t}\n\n\t\t\treturn buttonValue === valueToCompare;\n\t\t} );\n\n\t\tbutton.on( 'execute', () => {\n\t\t\t// Allow toggling alignment if there is no default value specified (especially for layout tables).\n\t\t\tif ( !defaultValue && buttonValue && view[ propertyName ] === buttonValue ) {\n\t\t\t\tview[ propertyName ] = undefined as any;\n\t\t\t} else {\n\t\t\t\tview[ propertyName ] = buttonValue as any;\n\t\t\t}\n\t\t} );\n\n\t\ttoolbar.items.add( button );\n\t}\n}\n\n/**\n * A default color palette used by various user interfaces related to tables, for instance,\n * by {@link module:table/tablecellproperties/tablecellpropertiesui~TableCellPropertiesUI} or\n * {@link module:table/tableproperties/tablepropertiesui~TablePropertiesUI}.\n *\n * The color palette follows the {@link module:table/tableconfig~TableColorConfig table color configuration format}\n * and contains the following color definitions:\n *\n * ```ts\n * const defaultColors = [\n *   {\n *     color: 'hsl(0, 0%, 0%)',\n *     label: 'Black'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 30%)',\n *     label: 'Dim grey'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 60%)',\n *     label: 'Grey'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 90%)',\n *     label: 'Light grey'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 100%)',\n *     label: 'White',\n *     hasBorder: true\n *   },\n *   {\n *     color: 'hsl(0, 75%, 60%)',\n *     label: 'Red'\n *   },\n *   {\n *     color: 'hsl(30, 75%, 60%)',\n *     label: 'Orange'\n *   },\n *   {\n *     color: 'hsl(60, 75%, 60%)',\n *     label: 'Yellow'\n *   },\n *   {\n *     color: 'hsl(90, 75%, 60%)',\n *     label: 'Light green'\n *   },\n *   {\n *     color: 'hsl(120, 75%, 60%)',\n *     label: 'Green'\n *   },\n *   {\n *     color: 'hsl(150, 75%, 60%)',\n *     label: 'Aquamarine'\n *   },\n *   {\n *     color: 'hsl(180, 75%, 60%)',\n *     label: 'Turquoise'\n *   },\n *   {\n *     color: 'hsl(210, 75%, 60%)',\n *     label: 'Light blue'\n *   },\n *   {\n *     color: 'hsl(240, 75%, 60%)',\n *     label: 'Blue'\n *   },\n *   {\n *     color: 'hsl(270, 75%, 60%)',\n *     label: 'Purple'\n *   }\n * ];\n * ```\n *\n * @internal\n */\nexport const defaultColors: Array<ColorOption> = [\n\t{\n\t\tcolor: 'hsl(0, 0%, 0%)',\n\t\tlabel: 'Black'\n\t},\n\t{\n\t\tcolor: 'hsl(0, 0%, 30%)',\n\t\tlabel: 'Dim grey'\n\t},\n\t{\n\t\tcolor: 'hsl(0, 0%, 60%)',\n\t\tlabel: 'Grey'\n\t},\n\t{\n\t\tcolor: 'hsl(0, 0%, 90%)',\n\t\tlabel: 'Light grey'\n\t},\n\t{\n\t\tcolor: 'hsl(0, 0%, 100%)',\n\t\tlabel: 'White',\n\t\thasBorder: true\n\t},\n\t{\n\t\tcolor: 'hsl(0, 75%, 60%)',\n\t\tlabel: 'Red'\n\t},\n\t{\n\t\tcolor: 'hsl(30, 75%, 60%)',\n\t\tlabel: 'Orange'\n\t},\n\t{\n\t\tcolor: 'hsl(60, 75%, 60%)',\n\t\tlabel: 'Yellow'\n\t},\n\t{\n\t\tcolor: 'hsl(90, 75%, 60%)',\n\t\tlabel: 'Light green'\n\t},\n\t{\n\t\tcolor: 'hsl(120, 75%, 60%)',\n\t\tlabel: 'Green'\n\t},\n\t{\n\t\tcolor: 'hsl(150, 75%, 60%)',\n\t\tlabel: 'Aquamarine'\n\t},\n\t{\n\t\tcolor: 'hsl(180, 75%, 60%)',\n\t\tlabel: 'Turquoise'\n\t},\n\t{\n\t\tcolor: 'hsl(210, 75%, 60%)',\n\t\tlabel: 'Light blue'\n\t},\n\t{\n\t\tcolor: 'hsl(240, 75%, 60%)',\n\t\tlabel: 'Blue'\n\t},\n\t{\n\t\tcolor: 'hsl(270, 75%, 60%)',\n\t\tlabel: 'Purple'\n\t}\n];\n\n/**\n * Returns a creator for a color input with a label.\n *\n * For given options, it returns a function that creates an instance of a\n * {@link module:table/ui/colorinputview~ColorInputView color input} logically related to\n * a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in the DOM.\n *\n * The helper does the following:\n *\n * * It sets the color input `id` and `ariaDescribedById` attributes.\n * * It binds the color input `isReadOnly` to the labeled view.\n * * It binds the color input `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when the user starts typing in the color input.\n *\n * Usage:\n *\n * ```ts\n * const colorInputCreator = getLabeledColorInputCreator( {\n *   colorConfig: [ ... ],\n *   columns: 3,\n * } );\n *\n * const labeledInputView = new LabeledFieldView( locale, colorInputCreator );\n * console.log( labeledInputView.view ); // A color input instance.\n * ```\n *\n * @internal\n * @param options Color input options.\n * @param options.colorConfig The configuration of the color palette displayed in the input's dropdown.\n * @param options.columns The configuration of the number of columns the color palette consists of in the input's dropdown.\n * @param options.defaultColorValue If specified, the color input view will replace the \"Remove color\" button with\n * the \"Restore default\" button. Instead of clearing the input field, the default color value will be set.\n * @param options.colorPickerConfig The configuration of the color picker. You could disable it or define your output format.\n */\nexport function getLabeledColorInputCreator(\n\toptions: {\n\t\tcolorConfig: Array<NormalizedColorOption>;\n\t\tcolumns: number;\n\t\tdefaultColorValue?: string;\n\t\tcolorPickerConfig: false | ColorPickerConfig;\n\t}\n) {\n\treturn ( labeledFieldView: LabeledFieldView, viewUid: string, statusUid: string ): ColorInputView => {\n\t\tconst colorInputView = new ColorInputView( labeledFieldView.locale!, {\n\t\t\tcolorDefinitions: colorConfigToColorGridDefinitions( options.colorConfig ),\n\t\t\tcolumns: options.columns,\n\t\t\tdefaultColorValue: options.defaultColorValue,\n\t\t\tcolorPickerConfig: options.colorPickerConfig\n\t\t} );\n\n\t\tcolorInputView.inputView.set( {\n\t\t\tid: viewUid,\n\t\t\tariaDescribedById: statusUid\n\t\t} );\n\n\t\tcolorInputView.bind( 'isReadOnly' ).to( labeledFieldView, 'isEnabled', value => !value );\n\t\tcolorInputView.bind( 'hasError' ).to( labeledFieldView, 'errorText', value => !!value );\n\n\t\tcolorInputView.on( 'input', () => {\n\t\t\t// UX: Make the error text disappear and disable the error indicator as the user\n\t\t\t// starts fixing the errors.\n\t\t\tlabeledFieldView.errorText = null;\n\t\t} );\n\n\t\tlabeledFieldView.bind( 'isEmpty', 'isFocused' ).to( colorInputView );\n\n\t\treturn colorInputView;\n\t};\n}\n\n/**\n * A simple helper method to detect number strings.\n * I allows full number notation, so omitting 0 is not allowed:\n */\nfunction isNumberString( value: string ) {\n\tconst parsedValue = parseFloat( value );\n\n\treturn !Number.isNaN( parsedValue ) && value === String( parsedValue );\n}\n\nfunction colorConfigToColorGridDefinitions( colorConfig: Array<NormalizedColorOption> ) {\n\treturn colorConfig.map( item => ( {\n\t\tcolor: item.model,\n\t\tlabel: item.label,\n\t\toptions: {\n\t\t\thasBorder: item.hasBorder\n\t\t}\n\t} ) );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/ui/tablecellpropertiesview\n */\n\nimport {\n\taddListToDropdown,\n\tButtonView,\n\tcreateLabeledDropdown,\n\tcreateLabeledInputText,\n\tFocusCycler,\n\tFormRowView,\n\tFormHeaderView,\n\tLabeledFieldView,\n\tLabelView,\n\tsubmitHandler,\n\tToolbarView,\n\tView,\n\tViewCollection,\n\ttype FocusableView,\n\ttype NormalizedColorOption,\n\ttype ColorPickerConfig\n} from 'ckeditor5/src/ui.js';\nimport {\n\tKeystrokeHandler,\n\tFocusTracker,\n\ttype Locale,\n\ttype ObservableChangeEvent\n} from 'ckeditor5/src/utils.js';\nimport {\n\tIconAlignBottom,\n\tIconAlignCenter,\n\tIconAlignJustify,\n\tIconAlignLeft,\n\tIconAlignMiddle,\n\tIconAlignRight,\n\tIconAlignTop,\n\tIconCancel,\n\tIconCheck\n} from 'ckeditor5/src/icons.js';\n\nimport {\n\tfillToolbar,\n\tgetBorderStyleDefinitions,\n\tgetBorderStyleLabels,\n\tgetLabeledColorInputCreator\n} from '../../utils/ui/table-properties.js';\nimport { type ColorInputView } from '../../ui/colorinputview.js';\nimport type { TableCellPropertiesOptions } from '../../tableconfig.js';\n\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/form/form.css';\nimport '../../../theme/formrow.css';\nimport '../../../theme/tableform.css';\nimport '../../../theme/tablecellproperties.css';\n\nexport interface TableCellPropertiesViewOptions {\n\tborderColors: Array<NormalizedColorOption>;\n\tbackgroundColors: Array<NormalizedColorOption>;\n\tdefaultTableCellProperties: TableCellPropertiesOptions;\n\tcolorPickerConfig: false | ColorPickerConfig;\n}\n\n/**\n * The class representing a table cell properties form, allowing users to customize\n * certain style aspects of a table cell, for instance, border, padding, text alignment, etc..\n */\nexport class TableCellPropertiesView extends View {\n\t/**\n\t * The value of the cell border style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare borderStyle: string;\n\n\t/**\n\t * The value of the cell border width style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare borderWidth: string;\n\n\t/**\n\t * The value of the cell border color style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare borderColor: string;\n\n\t/**\n\t * The value of the cell padding style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare padding: string;\n\n\t/**\n\t * The value of the cell background color style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare backgroundColor: string;\n\n\t/**\n\t * The value of the table cell width style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare width: string;\n\n\t/**\n\t * The value of the table cell height style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare height: string;\n\n\t/**\n\t * The value of the horizontal text alignment style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare horizontalAlignment: string;\n\n\t/**\n\t * The value of the vertical text alignment style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare verticalAlignment: string;\n\n\t/**\n\t * Options passed to the view. See {@link #constructor} to learn more.\n\t */\n\tpublic readonly options: TableCellPropertiesViewOptions;\n\n\t/**\n\t * Tracks information about the DOM focus in the form.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A collection of child views in the form.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A dropdown that allows selecting the style of the table cell border.\n\t */\n\tpublic readonly borderStyleDropdown: LabeledFieldView<FocusableView>;\n\n\t/**\n\t * An input that allows specifying the width of the table cell border.\n\t */\n\tpublic readonly borderWidthInput: LabeledFieldView<FocusableView>;\n\n\t/**\n\t * An input that allows specifying the color of the table cell border.\n\t */\n\tpublic readonly borderColorInput: LabeledFieldView<ColorInputView>;\n\n\t/**\n\t * An input that allows specifying the table cell background color.\n\t */\n\tpublic readonly backgroundInput: LabeledFieldView<ColorInputView>;\n\n\t/**\n\t * An input that allows specifying the table cell padding.\n\t */\n\tpublic readonly paddingInput: LabeledFieldView;\n\n\t/**\n\t * An input that allows specifying the table cell width.\n\t */\n\tpublic readonly widthInput: LabeledFieldView<FocusableView>;\n\n\t/**\n\t * An input that allows specifying the table cell height.\n\t */\n\tpublic readonly heightInput: LabeledFieldView<FocusableView>;\n\n\t/**\n\t * A toolbar with buttons that allow changing the horizontal text alignment in a table cell.\n\t */\n\tpublic readonly horizontalAlignmentToolbar: ToolbarView;\n\n\t/**\n\t * A toolbar with buttons that allow changing the vertical text alignment in a table cell.\n\t */\n\tpublic readonly verticalAlignmentToolbar: ToolbarView;\n\n\t/**\n\t * The \"Save\" button view.\n\t */\n\tpublic saveButtonView: ButtonView;\n\n\t/**\n\t * The \"Cancel\" button view.\n\t */\n\tpublic cancelButtonView: ButtonView;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprotected readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprotected readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Additional configuration of the view.\n\t * @param options.borderColors A configuration of the border color palette used by the\n\t * {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#borderColorInput}.\n\t * @param options.backgroundColors A configuration of the background color palette used by the\n\t * {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#backgroundInput}.\n\t * @param options.defaultTableCellProperties The default table cell properties.\n\t */\n\tconstructor( locale: Locale, options: TableCellPropertiesViewOptions ) {\n\t\tsuper( locale );\n\n\t\tthis.set( {\n\t\t\tborderStyle: '',\n\t\t\tborderWidth: '',\n\t\t\tborderColor: '',\n\t\t\tpadding: '',\n\t\t\tbackgroundColor: '',\n\t\t\twidth: '',\n\t\t\theight: '',\n\t\t\thorizontalAlignment: '',\n\t\t\tverticalAlignment: ''\n\t\t} );\n\n\t\tthis.options = options;\n\n\t\tconst { borderStyleDropdown, borderWidthInput, borderColorInput, borderRowLabel } = this._createBorderFields();\n\t\tconst { backgroundRowLabel, backgroundInput } = this._createBackgroundFields();\n\t\tconst { widthInput, operatorLabel, heightInput, dimensionsLabel } = this._createDimensionFields();\n\t\tconst { horizontalAlignmentToolbar, verticalAlignmentToolbar, alignmentLabel } = this._createAlignmentFields();\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.children = this.createCollection();\n\t\tthis.borderStyleDropdown = borderStyleDropdown;\n\t\tthis.borderWidthInput = borderWidthInput;\n\t\tthis.borderColorInput = borderColorInput;\n\t\tthis.backgroundInput = backgroundInput;\n\t\tthis.paddingInput = this._createPaddingField();\n\t\tthis.widthInput = widthInput;\n\t\tthis.heightInput = heightInput;\n\t\tthis.horizontalAlignmentToolbar = horizontalAlignmentToolbar;\n\t\tthis.verticalAlignmentToolbar = verticalAlignmentToolbar;\n\n\t\t// Defer creating to make sure other fields are present and the Save button can\n\t\t// bind its #isEnabled to their error messages so there's no way to save unless all\n\t\t// fields are valid.\n\t\tconst { saveButtonView, cancelButtonView } = this._createActionButtons();\n\n\t\tthis.saveButtonView = saveButtonView;\n\t\tthis.cancelButtonView = cancelButtonView;\n\t\tthis._focusables = new ViewCollection();\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\t// Form header.\n\t\tthis.children.add( new FormHeaderView( locale, {\n\t\t\tlabel: this.t!( 'Cell properties' )\n\t\t} ) );\n\n\t\t// Border row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tlabelView: borderRowLabel,\n\t\t\tchildren: [\n\t\t\t\tborderRowLabel,\n\t\t\t\tborderStyleDropdown,\n\t\t\t\tborderColorInput,\n\t\t\t\tborderWidthInput\n\t\t\t],\n\t\t\tclass: 'ck-table-form__border-row'\n\t\t} ) );\n\n\t\t// Background.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tlabelView: backgroundRowLabel,\n\t\t\tchildren: [\n\t\t\t\tbackgroundRowLabel,\n\t\t\t\tbackgroundInput\n\t\t\t],\n\t\t\tclass: 'ck-table-form__background-row'\n\t\t} ) );\n\n\t\t// Dimensions row and padding.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\t// Dimensions row.\n\t\t\t\tnew FormRowView( locale, {\n\t\t\t\t\tlabelView: dimensionsLabel,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tdimensionsLabel,\n\t\t\t\t\t\twidthInput,\n\t\t\t\t\t\toperatorLabel,\n\t\t\t\t\t\theightInput\n\t\t\t\t\t],\n\t\t\t\t\tclass: 'ck-table-form__dimensions-row'\n\t\t\t\t} ),\n\t\t\t\t// Padding row.\n\t\t\t\tnew FormRowView( locale, {\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tthis.paddingInput\n\t\t\t\t\t],\n\t\t\t\t\tclass: 'ck-table-cell-properties-form__padding-row'\n\t\t\t\t} )\n\t\t\t]\n\t\t} ) );\n\n\t\t// Text alignment row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tlabelView: alignmentLabel,\n\t\t\tchildren: [\n\t\t\t\talignmentLabel,\n\t\t\t\thorizontalAlignmentToolbar,\n\t\t\t\tverticalAlignmentToolbar\n\t\t\t],\n\t\t\tclass: 'ck-table-cell-properties-form__alignment-row'\n\t\t} ) );\n\n\t\t// Action row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\tthis.saveButtonView,\n\t\t\t\tthis.cancelButtonView\n\t\t\t],\n\t\t\tclass: 'ck-table-form__action-row'\n\t\t} ) );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form',\n\t\t\t\t\t'ck-table-form',\n\t\t\t\t\t'ck-table-cell-properties-form'\n\t\t\t\t],\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/90\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Enable the \"submit\" event for this view. It can be triggered by the #saveButtonView\n\t\t// which is of the \"submit\" DOM \"type\".\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\t// Maintain continuous focus cycling over views that have focusable children and focus cyclers themselves.\n\t\t[ this.borderColorInput, this.backgroundInput ].forEach( view => {\n\t\t\tthis._focusCycler.chain( view.fieldView.focusCycler );\n\t\t} );\n\n\t\t[\n\t\t\tthis.borderStyleDropdown,\n\t\t\tthis.borderColorInput,\n\t\t\tthis.borderWidthInput,\n\t\t\tthis.backgroundInput,\n\t\t\tthis.widthInput,\n\t\t\tthis.heightInput,\n\t\t\tthis.paddingInput,\n\t\t\tthis.horizontalAlignmentToolbar,\n\t\t\tthis.verticalAlignmentToolbar,\n\t\t\tthis.saveButtonView,\n\t\t\tthis.cancelButtonView\n\t\t].forEach( view => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( view );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( view.element! );\n\t\t} );\n\n\t\t// Mainly for closing using \"Esc\" and navigation using \"Tab\".\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the fist focusable field in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #borderStyleDropdown},\n\t * * {@link #borderWidthInput},\n\t * * {@link #borderColorInput}.\n\t */\n\tprivate _createBorderFields(): {\n\t\tborderRowLabel: LabelView;\n\t\tborderStyleDropdown: LabeledFieldView;\n\t\tborderColorInput: LabeledFieldView<ColorInputView>;\n\t\tborderWidthInput: LabeledFieldView;\n\t} {\n\t\tconst defaultTableCellProperties = this.options.defaultTableCellProperties;\n\t\tconst defaultBorder = {\n\t\t\tstyle: defaultTableCellProperties.borderStyle,\n\t\t\twidth: defaultTableCellProperties.borderWidth,\n\t\t\tcolor: defaultTableCellProperties.borderColor\n\t\t};\n\n\t\tconst colorInputCreator = getLabeledColorInputCreator( {\n\t\t\tcolorConfig: this.options.borderColors,\n\t\t\tcolumns: 5,\n\t\t\tdefaultColorValue: defaultBorder.color,\n\t\t\tcolorPickerConfig: this.options.colorPickerConfig\n\t\t} );\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\t\tconst accessibleLabel = t( 'Style' );\n\n\t\t// -- Group label ---------------------------------------------\n\n\t\tconst borderRowLabel = new LabelView( locale );\n\t\tborderRowLabel.text = t( 'Border' );\n\n\t\t// -- Style ---------------------------------------------------\n\n\t\tconst styleLabels = getBorderStyleLabels( t );\n\t\tconst borderStyleDropdown = new LabeledFieldView( locale, createLabeledDropdown );\n\t\tborderStyleDropdown.set( {\n\t\t\tlabel: accessibleLabel,\n\t\t\tclass: 'ck-table-form__border-style'\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.buttonView.set( {\n\t\t\tariaLabel: accessibleLabel,\n\t\t\tariaLabelledBy: undefined,\n\t\t\tisOn: false,\n\t\t\twithText: true,\n\t\t\ttooltip: accessibleLabel\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.buttonView.bind( 'label' ).to( this, 'borderStyle', value => {\n\t\t\treturn styleLabels[ value ? value : 'none' ];\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.on( 'execute', evt => {\n\t\t\tthis.borderStyle = ( evt.source as Record<string, unknown> )._borderStyleValue as string;\n\t\t} );\n\n\t\tborderStyleDropdown.bind( 'isEmpty' ).to( this, 'borderStyle', value => !value );\n\n\t\taddListToDropdown( borderStyleDropdown.fieldView, getBorderStyleDefinitions( this, defaultBorder.style! ), {\n\t\t\trole: 'menu',\n\t\t\tariaLabel: accessibleLabel\n\t\t} );\n\n\t\t// -- Width ---------------------------------------------------\n\n\t\tconst borderWidthInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\tborderWidthInput.set( {\n\t\t\tlabel: t( 'Width' ),\n\t\t\tclass: 'ck-table-form__border-width'\n\t\t} );\n\n\t\tborderWidthInput.fieldView.bind( 'value' ).to( this, 'borderWidth' );\n\t\tborderWidthInput.bind( 'isEnabled' ).to( this, 'borderStyle', isBorderStyleSet );\n\t\tborderWidthInput.fieldView.on( 'input', () => {\n\t\t\tthis.borderWidth = borderWidthInput.fieldView.element!.value;\n\t\t} );\n\n\t\t// -- Color ---------------------------------------------------\n\n\t\tconst borderColorInput = new LabeledFieldView( locale, colorInputCreator );\n\n\t\tborderColorInput.set( {\n\t\t\tlabel: t( 'Color' ),\n\t\t\tclass: 'ck-table-form__border-color'\n\t\t} );\n\n\t\tborderColorInput.fieldView.bind( 'value' ).to( this, 'borderColor' );\n\t\tborderColorInput.bind( 'isEnabled' ).to( this, 'borderStyle', isBorderStyleSet );\n\n\t\tborderColorInput.fieldView.on( 'input', () => {\n\t\t\tthis.borderColor = borderColorInput.fieldView.value;\n\t\t} );\n\n\t\t// Reset the border color and width fields depending on the `border-style` value.\n\t\tthis.on<ObservableChangeEvent<string>>( 'change:borderStyle', ( evt, name, newValue, oldValue ) => {\n\t\t\t// When removing the border (`border-style:none`), clear the remaining `border-*` properties.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/6227.\n\t\t\tif ( !isBorderStyleSet( newValue ) ) {\n\t\t\t\tthis.borderColor = '';\n\t\t\t\tthis.borderWidth = '';\n\t\t\t}\n\n\t\t\t// When setting the `border-style` from `none`, set the default `border-color` and `border-width` properties.\n\t\t\tif ( !isBorderStyleSet( oldValue ) ) {\n\t\t\t\tthis.borderColor = defaultBorder.color!;\n\t\t\t\tthis.borderWidth = defaultBorder.width!;\n\t\t\t}\n\t\t} );\n\n\t\treturn {\n\t\t\tborderRowLabel,\n\t\t\tborderStyleDropdown,\n\t\t\tborderColorInput,\n\t\t\tborderWidthInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #backgroundInput}.\n\t */\n\tprivate _createBackgroundFields() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Group label ---------------------------------------------\n\n\t\tconst backgroundRowLabel = new LabelView( locale );\n\t\tbackgroundRowLabel.text = t( 'Background' );\n\n\t\t// -- Background color input -----------------------------------\n\n\t\tconst colorInputCreator = getLabeledColorInputCreator( {\n\t\t\tcolorConfig: this.options.backgroundColors,\n\t\t\tcolumns: 5,\n\t\t\tdefaultColorValue: this.options.defaultTableCellProperties.backgroundColor,\n\t\t\tcolorPickerConfig: this.options.colorPickerConfig\n\t\t} );\n\n\t\tconst backgroundInput = new LabeledFieldView( locale, colorInputCreator );\n\n\t\tbackgroundInput.set( {\n\t\t\tlabel: t( 'Color' ),\n\t\t\tclass: 'ck-table-cell-properties-form__background'\n\t\t} );\n\n\t\tbackgroundInput.fieldView.bind( 'value' ).to( this, 'backgroundColor' );\n\t\tbackgroundInput.fieldView.on( 'input', () => {\n\t\t\tthis.backgroundColor = backgroundInput.fieldView.value;\n\t\t} );\n\n\t\treturn {\n\t\t\tbackgroundRowLabel,\n\t\t\tbackgroundInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #widthInput}.\n\t * * {@link #heightInput}.\n\t */\n\tprivate _createDimensionFields(): {\n\t\tdimensionsLabel: LabelView;\n\t\twidthInput: LabeledFieldView;\n\t\toperatorLabel: View;\n\t\theightInput: LabeledFieldView;\n\t} {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Label ---------------------------------------------------\n\n\t\tconst dimensionsLabel = new LabelView( locale );\n\t\tdimensionsLabel.text = t( 'Dimensions' );\n\n\t\t// -- Width ---------------------------------------------------\n\n\t\tconst widthInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\twidthInput.set( {\n\t\t\tlabel: t( 'Width' ),\n\t\t\tclass: 'ck-table-form__dimensions-row__width'\n\t\t} );\n\n\t\twidthInput.fieldView.bind( 'value' ).to( this, 'width' );\n\t\twidthInput.fieldView.on( 'input', () => {\n\t\t\tthis.width = widthInput.fieldView.element!.value;\n\t\t} );\n\n\t\t// -- Operator ---------------------------------------------------\n\n\t\tconst operatorLabel = new View( locale );\n\t\toperatorLabel.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-table-form__dimension-operator'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{ text: '×' }\n\t\t\t]\n\t\t} );\n\n\t\t// -- Height ---------------------------------------------------\n\n\t\tconst heightInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\theightInput.set( {\n\t\t\tlabel: t( 'Height' ),\n\t\t\tclass: 'ck-table-form__dimensions-row__height'\n\t\t} );\n\n\t\theightInput.fieldView.bind( 'value' ).to( this, 'height' );\n\t\theightInput.fieldView.on( 'input', () => {\n\t\t\tthis.height = heightInput.fieldView.element!.value;\n\t\t} );\n\n\t\treturn {\n\t\t\tdimensionsLabel,\n\t\t\twidthInput,\n\t\t\toperatorLabel,\n\t\t\theightInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #paddingInput}.\n\t */\n\tprivate _createPaddingField(): LabeledFieldView {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\tconst paddingInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\tpaddingInput.set( {\n\t\t\tlabel: t( 'Padding' ),\n\t\t\tclass: 'ck-table-cell-properties-form__padding'\n\t\t} );\n\n\t\tpaddingInput.fieldView.bind( 'value' ).to( this, 'padding' );\n\t\tpaddingInput.fieldView.on( 'input', () => {\n\t\t\tthis.padding = paddingInput.fieldView.element!.value;\n\t\t} );\n\n\t\treturn paddingInput;\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #horizontalAlignmentToolbar},\n\t * * {@link #verticalAlignmentToolbar}.\n\t */\n\tprivate _createAlignmentFields() {\n\t\tconst locale = this.locale!;\n\t\tconst t = this.t!;\n\n\t\tconst alignmentLabel = new LabelView( locale );\n\n\t\tconst ALIGNMENT_ICONS = {\n\t\t\tleft: IconAlignLeft,\n\t\t\tcenter: IconAlignCenter,\n\t\t\tright: IconAlignRight,\n\t\t\tjustify: IconAlignJustify,\n\t\t\ttop: IconAlignTop,\n\t\t\tmiddle: IconAlignMiddle,\n\t\t\tbottom: IconAlignBottom\n\t\t};\n\n\t\talignmentLabel.text = t( 'Table cell text alignment' );\n\n\t\t// -- Horizontal ---------------------------------------------------\n\n\t\tconst horizontalAlignmentToolbar = new ToolbarView( locale );\n\t\tconst isContentRTL = locale.contentLanguageDirection === 'rtl';\n\n\t\thorizontalAlignmentToolbar.set( {\n\t\t\tisCompact: true,\n\t\t\trole: 'radiogroup',\n\t\t\tariaLabel: t( 'Horizontal text alignment toolbar' )\n\t\t} );\n\n\t\tfillToolbar( {\n\t\t\tview: this,\n\t\t\ticons: ALIGNMENT_ICONS,\n\t\t\ttoolbar: horizontalAlignmentToolbar,\n\t\t\tlabels: this._horizontalAlignmentLabels,\n\t\t\tpropertyName: 'horizontalAlignment',\n\t\t\tnameToValue: name => {\n\t\t\t\t// For the RTL content, we want to swap the buttons \"align to the left\" and \"align to the right\".\n\t\t\t\tif ( isContentRTL ) {\n\t\t\t\t\tif ( name === 'left' ) {\n\t\t\t\t\t\treturn 'right';\n\t\t\t\t\t} else if ( name === 'right' ) {\n\t\t\t\t\t\treturn 'left';\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn name;\n\t\t\t},\n\t\t\tdefaultValue: this.options.defaultTableCellProperties.horizontalAlignment\n\t\t} );\n\n\t\t// -- Vertical -----------------------------------------------------\n\n\t\tconst verticalAlignmentToolbar = new ToolbarView( locale );\n\n\t\tverticalAlignmentToolbar.set( {\n\t\t\tisCompact: true,\n\t\t\trole: 'radiogroup',\n\t\t\tariaLabel: t( 'Vertical text alignment toolbar' )\n\t\t} );\n\n\t\tfillToolbar( {\n\t\t\tview: this,\n\t\t\ticons: ALIGNMENT_ICONS,\n\t\t\ttoolbar: verticalAlignmentToolbar,\n\t\t\tlabels: this._verticalAlignmentLabels,\n\t\t\tpropertyName: 'verticalAlignment',\n\t\t\tdefaultValue: this.options.defaultTableCellProperties.verticalAlignment\n\t\t} );\n\n\t\treturn {\n\t\t\thorizontalAlignmentToolbar,\n\t\t\tverticalAlignmentToolbar,\n\t\t\talignmentLabel\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form controls:\n\t *\n\t * * {@link #saveButtonView},\n\t * * {@link #cancelButtonView}.\n\t */\n\tprivate _createActionButtons() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\t\tconst saveButtonView = new ButtonView( locale );\n\t\tconst cancelButtonView = new ButtonView( locale );\n\t\tconst fieldsThatShouldValidateToSave = [\n\t\t\tthis.borderWidthInput,\n\t\t\tthis.borderColorInput,\n\t\t\tthis.backgroundInput,\n\t\t\tthis.paddingInput\n\t\t];\n\n\t\tsaveButtonView.set( {\n\t\t\tlabel: t( 'Save' ),\n\t\t\ticon: IconCheck,\n\t\t\tclass: 'ck-button-save',\n\t\t\ttype: 'submit',\n\t\t\twithText: true\n\t\t} );\n\n\t\tsaveButtonView.bind( 'isEnabled' ).toMany( fieldsThatShouldValidateToSave, 'errorText', ( ...errorTexts ) => {\n\t\t\treturn errorTexts.every( errorText => !errorText );\n\t\t} );\n\n\t\tcancelButtonView.set( {\n\t\t\tlabel: t( 'Cancel' ),\n\t\t\ticon: IconCancel,\n\t\t\tclass: 'ck-button-cancel',\n\t\t\twithText: true\n\t\t} );\n\n\t\tcancelButtonView.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn {\n\t\t\tsaveButtonView, cancelButtonView\n\t\t};\n\t}\n\n\t/**\n\t * Provides localized labels for {@link #horizontalAlignmentToolbar} buttons.\n\t */\n\tprivate get _horizontalAlignmentLabels(): Record<string, string> {\n\t\tconst locale = this.locale!;\n\t\tconst t = this.t!;\n\n\t\tconst left = t( 'Align cell text to the left' );\n\t\tconst center = t( 'Align cell text to the center' );\n\t\tconst right = t( 'Align cell text to the right' );\n\t\tconst justify = t( 'Justify cell text' );\n\n\t\t// Returns object with a proper order of labels.\n\t\tif ( locale.uiLanguageDirection === 'rtl' ) {\n\t\t\treturn { right, center, left, justify };\n\t\t} else {\n\t\t\treturn { left, center, right, justify };\n\t\t}\n\t}\n\n\t/**\n\t * Provides localized labels for {@link #verticalAlignmentToolbar} buttons.\n\t */\n\tprivate get _verticalAlignmentLabels(): Record<string, string> {\n\t\tconst t = this.t!;\n\n\t\treturn {\n\t\t\ttop: t( 'Align cell text to the top' ),\n\t\t\tmiddle: t( 'Align cell text to the middle' ),\n\t\t\tbottom: t( 'Align cell text to the bottom' )\n\t\t};\n\t}\n}\n\nfunction isBorderStyleSet( value: string ) {\n\treturn value !== 'none';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/utils/ui/contextualballoon\n */\n\nimport { Rect, type DomOptimalPositionOptions } from 'ckeditor5/src/utils.js';\nimport { BalloonPanelView, type ContextualBalloon } from 'ckeditor5/src/ui.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement, ModelPosition, ModelRange } from 'ckeditor5/src/engine.js';\n\nimport { getSelectionAffectedTableWidget, getTableWidgetAncestor } from './widget.js';\nimport { getSelectionAffectedTable } from '../common.js';\n\nconst BALLOON_POSITIONS = /* #__PURE__ */ ( () => [\n\tBalloonPanelView.defaultPositions.northArrowSouth,\n\tBalloonPanelView.defaultPositions.northArrowSouthWest,\n\tBalloonPanelView.defaultPositions.northArrowSouthEast,\n\tBalloonPanelView.defaultPositions.southArrowNorth,\n\tBalloonPanelView.defaultPositions.southArrowNorthWest,\n\tBalloonPanelView.defaultPositions.southArrowNorthEast,\n\tBalloonPanelView.defaultPositions.viewportStickyNorth\n] )();\n\n/**\n * A helper utility that positions the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} instance\n * with respect to the table in the editor content, if one is selected.\n *\n * @internal\n * @param editor The editor instance.\n * @param target Either \"cell\" or \"table\". Determines the target the balloon will be attached to.\n */\nexport function repositionContextualBalloon( editor: Editor, target: string ): void {\n\tconst balloon: ContextualBalloon = editor.plugins.get( 'ContextualBalloon' );\n\tconst selection = editor.editing.view.document.selection;\n\tlet position;\n\n\tif ( target === 'cell' ) {\n\t\tif ( getTableWidgetAncestor( selection ) ) {\n\t\t\tposition = getBalloonCellPositionData( editor );\n\t\t}\n\t}\n\telse if ( getSelectionAffectedTableWidget( selection ) ) {\n\t\tposition = getBalloonTablePositionData( editor );\n\t}\n\n\tif ( position ) {\n\t\tballoon.updatePosition( position );\n\t}\n}\n\n/**\n * Returns the positioning options that control the geometry of the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} with respect\n * to the selected table in the editor content.\n *\n * @param editor The editor instance.\n */\nexport function getBalloonTablePositionData( editor: Editor ): Partial<DomOptimalPositionOptions> {\n\tconst selection = editor.model.document.selection;\n\tconst modelTable = getSelectionAffectedTable( selection );\n\tconst viewTable = editor.editing.mapper.toViewElement( modelTable )!;\n\n\treturn {\n\t\ttarget: editor.editing.view.domConverter.mapViewToDom( viewTable )!,\n\t\tpositions: BALLOON_POSITIONS\n\t};\n}\n\n/**\n * Returns the positioning options that control the geometry of the\n * {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon} with respect\n * to the selected table cell in the editor content.\n *\n * @param editor The editor instance.\n * @internal\n */\nexport function getBalloonCellPositionData( editor: Editor ): Partial<DomOptimalPositionOptions> {\n\tconst mapper = editor.editing.mapper;\n\tconst domConverter = editor.editing.view.domConverter;\n\tconst selection = editor.model.document.selection;\n\n\tif ( selection.rangeCount > 1 ) {\n\t\treturn {\n\t\t\ttarget: () => createBoundingRect( selection.getRanges(), editor ),\n\t\t\tpositions: BALLOON_POSITIONS\n\t\t};\n\t}\n\n\tconst modelTableCell = getTableCellAtPosition( selection.getFirstPosition()! );\n\tconst viewTableCell = mapper.toViewElement( modelTableCell )!;\n\n\treturn {\n\t\ttarget: domConverter.mapViewToDom( viewTableCell ),\n\t\tpositions: BALLOON_POSITIONS\n\t};\n}\n\n/**\n * Returns the first selected table cell from a multi-cell or in-cell selection.\n *\n * @param position Document position.\n */\nfunction getTableCellAtPosition( position: ModelPosition ): ModelElement {\n\tconst isTableCellSelected = position.nodeAfter && position.nodeAfter.is( 'element', 'tableCell' );\n\n\treturn isTableCellSelected ? position.nodeAfter : position.findAncestor( 'tableCell' )!;\n}\n\n/**\n * Returns bounding rectangle for given model ranges.\n *\n * @param ranges Model ranges that the bounding rect should be returned for.\n * @param editor The editor instance.\n */\nfunction createBoundingRect( ranges: Iterable<ModelRange>, editor: Editor ): Rect {\n\tconst mapper = editor.editing.mapper;\n\tconst domConverter = editor.editing.view.domConverter;\n\tconst rects = Array.from( ranges ).map( range => {\n\t\tconst modelTableCell = getTableCellAtPosition( range.start );\n\t\tconst viewTableCell = mapper.toViewElement( modelTableCell )!;\n\t\treturn new Rect( domConverter.mapViewToDom( viewTableCell )! );\n\t} );\n\n\treturn Rect.getBoundingRect( rects )!;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/tablecellpropertiesui\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { IconTableCellProperties } from 'ckeditor5/src/icons.js';\nimport {\n\tButtonView,\n\tclickOutsideHandler,\n\tContextualBalloon,\n\tgetLocalizedColorOptions,\n\tnormalizeColorOptions,\n\ttype View\n} from 'ckeditor5/src/ui.js';\nimport type { Batch } from 'ckeditor5/src/engine.js';\n\nimport { TableCellPropertiesView } from './ui/tablecellpropertiesview.js';\nimport {\n\tcolorFieldValidator,\n\tgetLocalizedColorErrorText,\n\tgetLocalizedLengthErrorText,\n\tdefaultColors,\n\tlengthFieldValidator,\n\tlineWidthFieldValidator\n} from '../utils/ui/table-properties.js';\nimport { debounce } from 'es-toolkit/compat';\nimport { getSelectionAffectedTableWidget, getTableWidgetAncestor } from '../utils/ui/widget.js';\nimport { getBalloonCellPositionData, repositionContextualBalloon } from '../utils/ui/contextualballoon.js';\nimport {\n\tgetNormalizedDefaultCellProperties,\n\tgetNormalizedDefaultProperties,\n\ttype NormalizedDefaultProperties\n} from '../utils/table-properties.js';\nimport type { GetCallback, ObservableChangeEvent } from 'ckeditor5/src/utils.js';\n\nimport { type TableCellBorderStyleCommand } from './commands/tablecellborderstylecommand.js';\n\nconst ERROR_TEXT_TIMEOUT = 500;\n\n// Map of view properties and related commands.\nconst propertyToCommandMap = {\n\tborderStyle: 'tableCellBorderStyle',\n\tborderColor: 'tableCellBorderColor',\n\tborderWidth: 'tableCellBorderWidth',\n\theight: 'tableCellHeight',\n\twidth: 'tableCellWidth',\n\tpadding: 'tableCellPadding',\n\tbackgroundColor: 'tableCellBackgroundColor',\n\thorizontalAlignment: 'tableCellHorizontalAlignment',\n\tverticalAlignment: 'tableCellVerticalAlignment'\n} as const;\n\n/**\n * The table cell properties UI plugin. It introduces the `'tableCellProperties'` button\n * that opens a form allowing to specify the visual styling of a table cell.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */\nexport class TableCellPropertiesUI extends Plugin {\n\t/**\n\t * The default table cell properties.\n\t */\n\tprivate _defaultContentTableCellProperties!: NormalizedDefaultProperties;\n\n\t/**\n\t * The default layout table cell properties.\n\t */\n\tprivate _defaultLayoutTableCellProperties!: NormalizedDefaultProperties;\n\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate _balloon?: ContextualBalloon;\n\n\t/**\n\t * The cell properties form view displayed inside the balloon.\n\t */\n\tpublic view?: TableCellPropertiesView | null;\n\n\t/**\n\t * The cell properties form view displayed inside the balloon (content table).\n\t */\n\tprivate _viewWithContentTableDefaults?: TableCellPropertiesView | null;\n\n\t/**\n\t * The cell properties form view displayed inside the balloon (layout table).\n\t */\n\tprivate _viewWithLayoutTableDefaults?: TableCellPropertiesView | null;\n\n\t/**\n\t * The batch used to undo all changes made by the form (which are live, as the user types)\n\t * when \"Cancel\" was pressed. Each time the view is shown, a new batch is created.\n\t */\n\tprivate _undoStepBatch?: Batch;\n\n\t/**\n\t * Flag used to indicate whether view is ready to execute update commands\n\t * (it finished loading initial data).\n\t */\n\tprivate _isReady?: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableCellPropertiesUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'table.tableCellProperties', {\n\t\t\tborderColors: defaultColors,\n\t\t\tbackgroundColors: defaultColors\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\tthis._defaultContentTableCellProperties = getNormalizedDefaultCellProperties(\n\t\t\teditor.config.get( 'table.tableCellProperties.defaultProperties' )!,\n\t\t\t{\n\t\t\t\tincludeVerticalAlignmentProperty: true,\n\t\t\t\tincludeHorizontalAlignmentProperty: true,\n\t\t\t\tincludePaddingProperty: true,\n\t\t\t\tisRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n\t\t\t}\n\t\t);\n\t\tthis._defaultLayoutTableCellProperties = getNormalizedDefaultProperties( undefined, {\n\t\t\tincludeVerticalAlignmentProperty: true,\n\t\t\tincludeHorizontalAlignmentProperty: true,\n\t\t\tisRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n\t\t} );\n\n\t\tthis._balloon = editor.plugins.get( ContextualBalloon );\n\t\tthis.view = null;\n\t\tthis._isReady = false;\n\n\t\teditor.ui.componentFactory.add( 'tableCellProperties', locale => {\n\t\t\tconst view = new ButtonView( locale );\n\n\t\t\tview.set( {\n\t\t\t\tlabel: t( 'Cell properties' ),\n\t\t\t\ticon: IconTableCellProperties,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tthis.listenTo( view, 'execute', () => this._showView() );\n\n\t\t\tconst commands = Object.values( propertyToCommandMap )\n\t\t\t\t.map( commandName => editor.commands.get( commandName )! );\n\n\t\t\tview.bind( 'isEnabled' ).toMany( commands, 'isEnabled', ( ...areEnabled ) => (\n\t\t\t\tareEnabled.some( isCommandEnabled => isCommandEnabled )\n\t\t\t) );\n\n\t\t\treturn view;\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1341.\n\t\tif ( this.view ) {\n\t\t\tthis.view.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Creates the {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView} instance.\n\t *\n\t * @returns The cell properties form view instance.\n\t */\n\tprivate _createPropertiesView( defaultTableCellProperties: NormalizedDefaultProperties ) {\n\t\tconst editor = this.editor;\n\t\tconst config = editor.config.get( 'table.tableCellProperties' )!;\n\t\tconst borderColorsConfig = normalizeColorOptions( config.borderColors! );\n\t\tconst localizedBorderColors = getLocalizedColorOptions( editor.locale, borderColorsConfig );\n\t\tconst backgroundColorsConfig = normalizeColorOptions( config.backgroundColors! );\n\t\tconst localizedBackgroundColors = getLocalizedColorOptions( editor.locale, backgroundColorsConfig );\n\t\tconst hasColorPicker = config.colorPicker !== false;\n\n\t\tconst view = new TableCellPropertiesView( editor.locale, {\n\t\t\tborderColors: localizedBorderColors,\n\t\t\tbackgroundColors: localizedBackgroundColors,\n\t\t\tdefaultTableCellProperties,\n\t\t\tcolorPickerConfig: hasColorPicker ? ( config.colorPicker || {} ) : false\n\t\t} );\n\t\tconst t = editor.t;\n\n\t\t// Render the view so its #element is available for the clickOutsideHandler.\n\t\tview.render();\n\n\t\tthis.listenTo( view, 'submit', () => {\n\t\t\tthis._hideView();\n\t\t} );\n\n\t\tthis.listenTo( view, 'cancel', () => {\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/6180\n\t\t\tif ( this._undoStepBatch!.operations.length ) {\n\t\t\t\teditor.execute( 'undo', this._undoStepBatch );\n\t\t\t}\n\n\t\t\tthis._hideView();\n\t\t} );\n\n\t\t// Close the balloon on Esc key press.\n\t\tview.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis._hideView();\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Close on click outside of balloon panel element.\n\t\tclickOutsideHandler( {\n\t\t\temitter: view,\n\t\t\tactivator: () => this._isViewInBalloon,\n\t\t\tcontextElements: [ this._balloon!.view.element! ],\n\t\t\tcallback: () => this._hideView()\n\t\t} );\n\n\t\tconst colorErrorText = getLocalizedColorErrorText( t );\n\t\tconst lengthErrorText = getLocalizedLengthErrorText( t );\n\n\t\t// Create the \"UI -> editor data\" binding.\n\t\t// These listeners update the editor data (via table commands) when any observable\n\t\t// property of the view has changed. They also validate the value and display errors in the UI\n\t\t// when necessary. This makes the view live, which means the changes are\n\t\t// visible in the editing as soon as the user types or changes fields' values.\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:borderStyle',\n\t\t\tthis._getPropertyChangeCallback( 'tableCellBorderStyle' )\n\t\t);\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:borderColor', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.borderColorInput,\n\t\t\tcommandName: 'tableCellBorderColor',\n\t\t\terrorText: colorErrorText,\n\t\t\tvalidator: colorFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:borderWidth', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.borderWidthInput,\n\t\t\tcommandName: 'tableCellBorderWidth',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lineWidthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:padding', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.paddingInput,\n\t\t\tcommandName: 'tableCellPadding',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:width', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.widthInput,\n\t\t\tcommandName: 'tableCellWidth',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:height', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.heightInput,\n\t\t\tcommandName: 'tableCellHeight',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:backgroundColor', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.backgroundInput,\n\t\t\tcommandName: 'tableCellBackgroundColor',\n\t\t\terrorText: colorErrorText,\n\t\t\tvalidator: colorFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:horizontalAlignment',\n\t\t\tthis._getPropertyChangeCallback( 'tableCellHorizontalAlignment' )\n\t\t);\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:verticalAlignment',\n\t\t\tthis._getPropertyChangeCallback( 'tableCellVerticalAlignment' )\n\t\t);\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * In this method the \"editor data -> UI\" binding is happening.\n\t *\n\t * When executed, this method obtains selected cell property values from various table commands\n\t * and passes them to the {@link #view}.\n\t *\n\t * This way, the UI stays up–to–date with the editor data.\n\t */\n\tprivate _fillViewFormFromCommandValues() {\n\t\tconst commands = this.editor.commands;\n\t\tconst borderStyleCommand: TableCellBorderStyleCommand = commands.get( 'tableCellBorderStyle' )!;\n\n\t\tObject.entries( propertyToCommandMap )\n\t\t\t.map( ( [ property, commandName ] ) => {\n\t\t\t\tconst propertyKey = property as keyof typeof propertyToCommandMap;\n\t\t\t\tconst defaultValue = this.view === this._viewWithContentTableDefaults ?\n\t\t\t\t\tthis._defaultContentTableCellProperties[ propertyKey ] || '' :\n\t\t\t\t\tthis._defaultLayoutTableCellProperties[ propertyKey ] || '';\n\n\t\t\t\treturn [\n\t\t\t\t\tproperty as keyof typeof propertyToCommandMap,\n\t\t\t\t\tcommands.get( commandName )!.value as string || defaultValue\n\t\t\t\t] as const;\n\t\t\t} )\n\t\t\t.forEach( ( [ property, value ] ) => {\n\t\t\t\t// Do not set the `border-color` and `border-width` fields if `border-style:none`.\n\t\t\t\tif ( ( property === 'borderColor' || property === 'borderWidth' ) && borderStyleCommand.value === 'none' ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.view!.set( property, value );\n\t\t\t} );\n\n\t\tthis._isReady = true;\n\t}\n\n\t/**\n\t * Shows the {@link #view} in the {@link #_balloon}.\n\t *\n\t * **Note**: Each time a view is shown, a new {@link #_undoStepBatch} is created. It contains\n\t * all changes made to the document when the view is visible, allowing a single undo step\n\t * for all of them.\n\t */\n\tprotected _showView(): void {\n\t\tconst editor = this.editor;\n\n\t\tconst viewTable = getSelectionAffectedTableWidget( editor.editing.view.document.selection );\n\t\tconst modelTable = viewTable && editor.editing.mapper.toModelElement( viewTable );\n\t\tconst useDefaults = !modelTable || modelTable.getAttribute( 'tableType' ) !== 'layout';\n\n\t\tif ( useDefaults && !this._viewWithContentTableDefaults ) {\n\t\t\tthis._viewWithContentTableDefaults = this._createPropertiesView( this._defaultContentTableCellProperties );\n\t\t} else if ( !useDefaults && !this._viewWithLayoutTableDefaults ) {\n\t\t\tthis._viewWithLayoutTableDefaults = this._createPropertiesView( this._defaultLayoutTableCellProperties );\n\t\t}\n\n\t\tthis.view = useDefaults ? this._viewWithContentTableDefaults! : this._viewWithLayoutTableDefaults!;\n\n\t\tthis.listenTo( editor.ui, 'update', () => {\n\t\t\tthis._updateView();\n\t\t} );\n\n\t\t// Update the view with the model values.\n\t\tthis._fillViewFormFromCommandValues();\n\n\t\tthis._balloon!.add( {\n\t\t\tview: this.view,\n\t\t\tposition: getBalloonCellPositionData( editor )\n\t\t} );\n\n\t\t// Create a new batch. Clicking \"Cancel\" will undo this batch.\n\t\tthis._undoStepBatch = editor.model.createBatch();\n\n\t\t// Basic a11y.\n\t\tthis.view.focus();\n\t}\n\n\t/**\n\t * Removes the {@link #view} from the {@link #_balloon}.\n\t */\n\tprotected _hideView(): void {\n\t\tconst editor = this.editor;\n\n\t\tthis.stopListening( editor.ui, 'update' );\n\n\t\tthis._isReady = false;\n\n\t\t// Blur any input element before removing it from DOM to prevent issues in some browsers.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1501.\n\t\tthis.view!.saveButtonView.focus();\n\n\t\tthis._balloon!.remove( this.view! );\n\n\t\t// Make sure the focus is not lost in the process by putting it directly\n\t\t// into the editing view.\n\t\tthis.editor.editing.view.focus();\n\t}\n\n\t/**\n\t * Repositions the {@link #_balloon} or hides the {@link #view} if a table cell is no longer selected.\n\t */\n\tprotected _updateView(): void {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\tif ( !getTableWidgetAncestor( viewDocument.selection ) ) {\n\t\t\tthis._hideView();\n\t\t} else if ( this._isViewVisible ) {\n\t\t\trepositionContextualBalloon( editor, 'cell' );\n\t\t}\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #view} is visible in the {@link #_balloon}.\n\t */\n\tprivate get _isViewVisible() {\n\t\treturn !!this.view && this._balloon!.visibleView === this.view;\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #view} is in the {@link #_balloon}.\n\t */\n\tprivate get _isViewInBalloon() {\n\t\treturn !!this.view && this._balloon!.hasView( this.view );\n\t}\n\n\t/**\n\t * Creates a callback that when executed upon the {@link #view view's} property change\n\t * executes a related editor command with the new property value.\n\t *\n\t * @param commandName The default value of the command.\n\t */\n\tprivate _getPropertyChangeCallback(\n\t\tcommandName: 'tableCellBorderStyle' | 'tableCellHorizontalAlignment' | 'tableCellVerticalAlignment'\n\t): GetCallback<ObservableChangeEvent<string>> {\n\t\treturn ( evt, propertyName, newValue ) => {\n\t\t\tif ( !this._isReady ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.editor.execute( commandName, {\n\t\t\t\tvalue: newValue,\n\t\t\t\tbatch: this._undoStepBatch\n\t\t\t} );\n\t\t};\n\t}\n\n\t/**\n\t * Creates a callback that when executed upon the {@link #view view's} property change:\n\t * * Executes a related editor command with the new property value if the value is valid,\n\t * * Or sets the error text next to the invalid field, if the value did not pass the validation.\n\t */\n\tprivate _getValidatedPropertyChangeCallback(\n\t\toptions: {\n\t\t\tcommandName: `tableCell${ 'BorderColor' | 'BorderWidth' | 'Padding' | 'Width' | 'Height' | 'BackgroundColor' }`;\n\t\t\tviewField: View & { errorText?: string | null };\n\t\t\tvalidator: ( arg0: string ) => boolean;\n\t\t\terrorText: string;\n\t\t}\n\t): GetCallback<ObservableChangeEvent<string>> {\n\t\tconst { commandName, viewField, validator, errorText } = options;\n\t\tconst setErrorTextDebounced = debounce( () => {\n\t\t\tviewField.errorText = errorText;\n\t\t}, ERROR_TEXT_TIMEOUT );\n\n\t\treturn ( evt, propertyName, newValue ) => {\n\t\t\tsetErrorTextDebounced.cancel();\n\t\t\t// Do not execute the command on initial call (opening the table properties view).\n\t\t\tif ( !this._isReady ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( validator( newValue ) ) {\n\t\t\t\tthis.editor.execute( commandName, {\n\t\t\t\t\tvalue: newValue,\n\t\t\t\t\tbatch: this._undoStepBatch\n\t\t\t\t} );\n\n\t\t\t\tviewField.errorText = null;\n\t\t\t} else {\n\t\t\t\tsetErrorTextDebounced();\n\t\t\t}\n\t\t};\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/commands/tablecellpropertycommand\n */\n\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement, Batch } from 'ckeditor5/src/engine.js';\nimport { type TableUtils } from '../../tableutils.js';\nimport { getSelectionAffectedTable } from '../../utils/common.js';\n\n/**\n * The table cell attribute command.\n *\n * The command is a base command for other table cell property commands.\n */\nexport class TableCellPropertyCommand extends Command {\n\t/**\n\t * The attribute that will be set by the command.\n\t */\n\tpublic readonly attributeName: string;\n\n\t/**\n\t * The default value for the attribute.\n\t *\n\t * @readonly\n\t */\n\tprotected _defaultValue: string | undefined;\n\n\t/**\n\t * The default value for the attribute for the content table.\n\t */\n\tprivate readonly _defaultContentTableValue: string | undefined;\n\n\t/**\n\t * The default value for the attribute for the layout table.\n\t */\n\tprivate readonly _defaultLayoutTableValue: string | undefined;\n\n\t/**\n\t * Creates a new `TableCellPropertyCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param attributeName Table cell attribute name.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, attributeName: string, defaultValue: string ) {\n\t\tsuper( editor );\n\n\t\tthis.attributeName = attributeName;\n\t\tthis._defaultContentTableValue = defaultValue;\n\n\t\t// Hardcoded defaults for layout table.\n\t\tswitch ( attributeName ) {\n\t\t\tcase 'tableCellBorderStyle':\n\t\t\t\tthis._defaultLayoutTableValue = 'none';\n\t\t\t\tbreak;\n\n\t\t\tcase 'tableCellHorizontalAlignment':\n\t\t\t\tthis._defaultLayoutTableValue = 'left';\n\t\t\t\tbreak;\n\n\t\t\tcase 'tableCellVerticalAlignment':\n\t\t\t\tthis._defaultLayoutTableValue = 'middle';\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\tthis._defaultLayoutTableValue = undefined;\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\n\t\tconst selectedTableCells = tableUtils.getSelectionAffectedTableCells( selection );\n\t\tconst table = getSelectionAffectedTable( selection );\n\n\t\tthis._defaultValue = !table || table.getAttribute( 'tableType' ) !== 'layout' ?\n\t\t\tthis._defaultContentTableValue :\n\t\t\tthis._defaultLayoutTableValue;\n\n\t\tthis.isEnabled = !!selectedTableCells.length;\n\t\tthis.value = this._getSingleValue( selectedTableCells );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.value If set, the command will set the attribute on selected table cells.\n\t * If it is not set, the command will remove the attribute from the selected table cells.\n\t * @param options.batch Pass the model batch instance to the command to aggregate changes,\n\t * for example to allow a single undo step for multiple executions.\n\t */\n\tpublic override execute( options: { value?: string | number; batch?: Batch } = {} ): void {\n\t\tconst { value, batch } = options;\n\t\tconst model = this.editor.model;\n\t\tconst tableUtils: TableUtils = this.editor.plugins.get( 'TableUtils' );\n\t\tconst tableCells = tableUtils.getSelectionAffectedTableCells( model.document.selection );\n\t\tconst valueToSet = this._getValueToSet( value );\n\n\t\tmodel.enqueueChange( batch, writer => {\n\t\t\tif ( valueToSet ) {\n\t\t\t\ttableCells.forEach( tableCell => writer.setAttribute( this.attributeName, valueToSet, tableCell ) );\n\t\t\t} else {\n\t\t\t\ttableCells.forEach( tableCell => writer.removeAttribute( this.attributeName, tableCell ) );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the attribute value for a table cell.\n\t */\n\tprotected _getAttribute( tableCell: ModelElement | undefined ): unknown {\n\t\tif ( !tableCell ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = tableCell.getAttribute( this.attributeName );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n\n\t/**\n\t * Returns the proper model value. It can be used to add a default unit to numeric values.\n\t */\n\tprotected _getValueToSet( value: string | number | undefined ): unknown {\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n\n\t/**\n\t * Returns a single value for all selected table cells. If the value is the same for all cells,\n\t * it will be returned (`undefined` otherwise).\n\t */\n\tprivate _getSingleValue( tableCells: Array<ModelElement> ) {\n\t\tconst firstCellValue = this._getAttribute( tableCells[ 0 ] );\n\n\t\tconst everyCellHasAttribute = tableCells.every( tableCells => this._getAttribute( tableCells ) === firstCellValue );\n\n\t\treturn everyCellHasAttribute ? firstCellValue : undefined;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellwidth/commands/tablecellwidthcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { TableCellPropertyCommand } from '../../tablecellproperties/commands/tablecellpropertycommand.js';\nimport { addDefaultUnitToNumericValue } from '../../utils/table-properties.js';\n\n/**\n * The table cell width command.\n *\n * The command is registered by the {@link module:table/tablecellwidth/tablecellwidthediting~TableCellWidthEditing} as\n * the `'tableCellWidth'` editor command.\n *\n * To change the width of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellWidth', {\n *   value: '50px'\n * } );\n * ```\n *\n * **Note**: This command adds a default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableCellWidth', {\n *   value: '50'\n * } );\n * ```\n *\n * will set the `width` attribute to `'50px'` in the model.\n */\nexport class TableCellWidthCommand extends TableCellPropertyCommand {\n\t/**\n\t * Creates a new `TableCellWidthCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableCellWidth', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override _getValueToSet( value: string | number | undefined ): unknown {\n\t\tvalue = addDefaultUnitToNumericValue( value, 'px' );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellwidth/tablecellwidthediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { TableEditing } from './../tableediting.js';\nimport { TableCellWidthCommand } from './commands/tablecellwidthcommand.js';\nimport { getNormalizedDefaultCellProperties } from '../utils/table-properties.js';\nimport { enableProperty } from '../utils/common.js';\n\n/**\n * The table cell width editing feature.\n *\n * Introduces `tableCellWidth` table cell model attribute alongside with its converters\n * and a command.\n */\nexport class TableCellWidthEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableCellWidthEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tconst defaultTableCellProperties = getNormalizedDefaultCellProperties(\n\t\t\teditor.config.get( 'table.tableCellProperties.defaultProperties' )!\n\t\t);\n\n\t\tenableProperty( editor.model.schema, editor.conversion, {\n\t\t\tmodelAttribute: 'tableCellWidth',\n\t\t\tstyleName: 'width',\n\t\t\tattributeName: 'width',\n\t\t\tattributeType: 'length',\n\t\t\tdefaultValue: defaultTableCellProperties.width\n\t\t} );\n\n\t\teditor.commands.add( 'tableCellWidth', new TableCellWidthCommand( editor, defaultTableCellProperties.width ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/commands/tablecellpaddingcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\n\nimport { TableCellPropertyCommand } from './tablecellpropertycommand.js';\nimport { addDefaultUnitToNumericValue, getSingleValue } from '../../utils/table-properties.js';\n\n/**\n * The table cell padding command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellPadding'` editor command.\n *\n * To change the padding of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellPadding', {\n *   value: '5px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableCellPadding', {\n *   value: '5'\n * } );\n * ```\n *\n * will set the `padding` attribute to `'5px'` in the model.\n */\nexport class TableCellPaddingCommand extends TableCellPropertyCommand {\n\t/**\n\t * Creates a new `TableCellPaddingCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableCellPadding', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getAttribute( tableCell: ModelElement ): unknown {\n\t\tif ( !tableCell ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = getSingleValue( tableCell.getAttribute( this.attributeName ) as string );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getValueToSet( value: string | number | undefined ): unknown {\n\t\tconst newValue = addDefaultUnitToNumericValue( value, 'px' );\n\n\t\tif ( newValue === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn newValue;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/commands/tablecellheightcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { TableCellPropertyCommand } from './tablecellpropertycommand.js';\nimport { addDefaultUnitToNumericValue } from '../../utils/table-properties.js';\n\n/**\n * The table cell height command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellHeight'` editor command.\n *\n * To change the height of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellHeight', {\n *   value: '50px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableCellHeight', {\n *   value: '50'\n * } );\n * ```\n *\n * will set the `height` attribute to `'50px'` in the model.\n */\nexport class TableCellHeightCommand extends TableCellPropertyCommand {\n\t/**\n\t * Creates a new `TableCellHeightCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableCellHeight', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getValueToSet( value: string | number | undefined ): unknown {\n\t\tconst newValue = addDefaultUnitToNumericValue( value, 'px' );\n\n\t\tif ( newValue === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn newValue;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/commands/tablecellbackgroundcolorcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { TableCellPropertyCommand } from './tablecellpropertycommand.js';\n\n/**\n * The table cell background color command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellBackgroundColor'` editor command.\n *\n * To change the background color of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellBackgroundColor', {\n *   value: '#f00'\n * } );\n * ```\n */\nexport class TableCellBackgroundColorCommand extends TableCellPropertyCommand {\n\t/**\n\t * Creates a new `TableCellBackgroundColorCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableCellBackgroundColor', defaultValue );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/commands/tablecellverticalalignmentcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { TableCellPropertyCommand } from './tablecellpropertycommand.js';\n\n/**\n * The table cell vertical alignment command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellVerticalAlignment'` editor command.\n *\n * To change the vertical text alignment of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellVerticalAlignment', {\n *   value: 'top'\n * } );\n * ```\n *\n * The following values, corresponding to the\n * [`vertical-align` CSS attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align), are allowed:\n *\n * * `'top'`\n * * `'bottom'`\n *\n * The `'middle'` value is the default one so there is no need to set it.\n */\nexport class TableCellVerticalAlignmentCommand extends TableCellPropertyCommand {\n\t/**\n\t * Creates a new `TableCellVerticalAlignmentCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value for the \"alignment\" attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableCellVerticalAlignment', defaultValue );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/commands/tablecellhorizontalalignmentcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { TableCellPropertyCommand } from './tablecellpropertycommand.js';\n\n/**\n * The table cell horizontal alignment command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellHorizontalAlignment'` editor command.\n *\n * To change the horizontal text alignment of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellHorizontalAlignment', {\n *  value: 'right'\n * } );\n * ```\n */\nexport class TableCellHorizontalAlignmentCommand extends TableCellPropertyCommand {\n\t/**\n\t * Creates a new `TableCellHorizontalAlignmentCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value for the \"alignment\" attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableCellHorizontalAlignment', defaultValue );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/commands/tablecellborderstylecommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\n\nimport { TableCellPropertyCommand } from './tablecellpropertycommand.js';\nimport { getSingleValue } from '../../utils/table-properties.js';\n\n/**\n * The table cell border style command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellBorderStyle'` editor command.\n *\n * To change the border style of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellBorderStyle', {\n *   value: 'dashed'\n * } );\n * ```\n */\nexport class TableCellBorderStyleCommand extends TableCellPropertyCommand {\n\t/**\n\t * Creates a new `TableCellBorderStyleCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableCellBorderStyle', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getAttribute( tableCell: ModelElement ): unknown {\n\t\tif ( !tableCell ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = getSingleValue( tableCell.getAttribute( this.attributeName ) as string | undefined );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/commands/tablecellbordercolorcommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { TableCellPropertyCommand } from './tablecellpropertycommand.js';\nimport { getSingleValue } from '../../utils/table-properties.js';\n\n/**\n * The table cell border color command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellBorderColor'` editor command.\n *\n * To change the border color of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellBorderColor', {\n *   value: '#f00'\n * } );\n * ```\n */\nexport class TableCellBorderColorCommand extends TableCellPropertyCommand {\n\t/**\n\t * Creates a new `TableCellBorderColorCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableCellBorderColor', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getAttribute( tableCell: ModelElement ): unknown {\n\t\tif ( !tableCell ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = getSingleValue( tableCell.getAttribute( this.attributeName ) as string | undefined );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/commands/tablecellborderwidthcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\n\nimport { TableCellPropertyCommand } from './tablecellpropertycommand.js';\nimport { addDefaultUnitToNumericValue, getSingleValue } from '../../utils/table-properties.js';\n\n/**\n * The table cell border width command.\n *\n * The command is registered by the {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing} as\n * the `'tableCellBorderWidth'` editor command.\n *\n * To change the border width of selected cells, execute the command:\n *\n * ```ts\n * editor.execute( 'tableCellBorderWidth', {\n *   value: '5px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableCellBorderWidth', {\n *   value: '5'\n * } );\n * ```\n *\n * will set the `borderWidth` attribute to `'5px'` in the model.\n */\nexport class TableCellBorderWidthCommand extends TableCellPropertyCommand {\n\t/**\n\t * Creates a new `TableCellBorderWidthCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableCellBorderWidth', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getAttribute( tableCell: ModelElement ): unknown {\n\t\tif ( !tableCell ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = getSingleValue( tableCell.getAttribute( this.attributeName ) as string );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getValueToSet( value: string | number | undefined ): unknown {\n\t\tconst newValue = addDefaultUnitToNumericValue( value, 'px' );\n\n\t\tif ( newValue === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn newValue;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/tablecellpropertiesediting\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport {\n\taddBorderStylesRules,\n\taddPaddingStylesRules,\n\taddBackgroundStylesRules,\n\ttype ModelSchema,\n\ttype Conversion,\n\ttype ViewElement,\n\ttype UpcastConversionApi,\n\ttype UpcastConversionData\n} from 'ckeditor5/src/engine.js';\n\nimport { downcastAttributeToStyle, getDefaultValueAdjusted, upcastBorderStyles } from '../converters/tableproperties.js';\nimport { TableEditing } from './../tableediting.js';\nimport { TableCellWidthEditing } from '../tablecellwidth/tablecellwidthediting.js';\nimport { TableCellPaddingCommand } from './commands/tablecellpaddingcommand.js';\nimport { TableCellHeightCommand } from './commands/tablecellheightcommand.js';\nimport { TableCellBackgroundColorCommand } from './commands/tablecellbackgroundcolorcommand.js';\nimport { TableCellVerticalAlignmentCommand } from './commands/tablecellverticalalignmentcommand.js';\nimport { TableCellHorizontalAlignmentCommand } from './commands/tablecellhorizontalalignmentcommand.js';\nimport { TableCellBorderStyleCommand } from './commands/tablecellborderstylecommand.js';\nimport { TableCellBorderColorCommand } from './commands/tablecellbordercolorcommand.js';\nimport { TableCellBorderWidthCommand } from './commands/tablecellborderwidthcommand.js';\nimport { getNormalizedDefaultCellProperties } from '../utils/table-properties.js';\nimport { enableProperty } from '../utils/common.js';\n\nconst VALIGN_VALUES_REG_EXP = /^(top|middle|bottom)$/;\nconst ALIGN_VALUES_REG_EXP = /^(left|center|right|justify)$/;\n\n/**\n * The table cell properties editing feature.\n *\n * Introduces table cell model attributes and their conversion:\n *\n * - border: `tableCellBorderStyle`, `tableCellBorderColor` and `tableCellBorderWidth`\n * - background color: `tableCellBackgroundColor`\n * - cell padding: `tableCellPadding`\n * - horizontal and vertical alignment: `tableCellHorizontalAlignment`, `tableCellVerticalAlignment`\n * - cell width and height: `tableCellWidth`, `tableCellHeight`\n *\n * It also registers commands used to manipulate the above attributes:\n *\n * - border: the `'tableCellBorderStyle'`, `'tableCellBorderColor'` and `'tableCellBorderWidth'` commands\n * - background color: the `'tableCellBackgroundColor'` command\n * - cell padding: the `'tableCellPadding'` command\n * - horizontal and vertical alignment: the `'tableCellHorizontalAlignment'` and `'tableCellVerticalAlignment'` commands\n * - width and height: the `'tableCellWidth'` and `'tableCellHeight'` commands\n */\nexport class TableCellPropertiesEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableCellPropertiesEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'TCP';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableEditing, TableCellWidthEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\n\t\teditor.config.define( 'table.tableCellProperties.defaultProperties', { } );\n\n\t\tconst defaultTableCellProperties = getNormalizedDefaultCellProperties(\n\t\t\teditor.config.get( 'table.tableCellProperties.defaultProperties' )!,\n\t\t\t{\n\t\t\t\tincludeVerticalAlignmentProperty: true,\n\t\t\t\tincludeHorizontalAlignmentProperty: true,\n\t\t\t\tincludePaddingProperty: true,\n\t\t\t\tisRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n\t\t\t}\n\t\t);\n\n\t\teditor.data.addStyleProcessorRules( addBorderStylesRules );\n\t\tenableBorderProperties( editor, {\n\t\t\tcolor: defaultTableCellProperties.borderColor,\n\t\t\tstyle: defaultTableCellProperties.borderStyle,\n\t\t\twidth: defaultTableCellProperties.borderWidth\n\t\t} );\n\t\teditor.commands.add( 'tableCellBorderStyle', new TableCellBorderStyleCommand( editor, defaultTableCellProperties.borderStyle ) );\n\t\teditor.commands.add( 'tableCellBorderColor', new TableCellBorderColorCommand( editor, defaultTableCellProperties.borderColor ) );\n\t\teditor.commands.add( 'tableCellBorderWidth', new TableCellBorderWidthCommand( editor, defaultTableCellProperties.borderWidth ) );\n\n\t\tenableProperty( schema, conversion, {\n\t\t\tmodelAttribute: 'tableCellHeight',\n\t\t\tstyleName: 'height',\n\t\t\tattributeName: 'height',\n\t\t\tattributeType: 'length',\n\t\t\tdefaultValue: defaultTableCellProperties.height\n\t\t} );\n\t\teditor.commands.add( 'tableCellHeight', new TableCellHeightCommand( editor, defaultTableCellProperties.height ) );\n\n\t\teditor.data.addStyleProcessorRules( addPaddingStylesRules );\n\t\tenableProperty( schema, conversion, {\n\t\t\tmodelAttribute: 'tableCellPadding',\n\t\t\tstyleName: 'padding',\n\t\t\treduceBoxSides: true,\n\t\t\tdefaultValue: defaultTableCellProperties.padding!\n\t\t} );\n\t\teditor.commands.add( 'tableCellPadding', new TableCellPaddingCommand( editor, defaultTableCellProperties.padding! ) );\n\n\t\teditor.data.addStyleProcessorRules( addBackgroundStylesRules );\n\t\tenableProperty( schema, conversion, {\n\t\t\tmodelAttribute: 'tableCellBackgroundColor',\n\t\t\tstyleName: 'background-color',\n\t\t\tattributeName: 'bgcolor',\n\t\t\tattributeType: 'color',\n\t\t\tdefaultValue: defaultTableCellProperties.backgroundColor\n\t\t} );\n\t\teditor.commands.add(\n\t\t\t'tableCellBackgroundColor',\n\t\t\tnew TableCellBackgroundColorCommand( editor, defaultTableCellProperties.backgroundColor )\n\t\t);\n\n\t\tenableHorizontalAlignmentProperty( schema, conversion, defaultTableCellProperties.horizontalAlignment! );\n\t\teditor.commands.add(\n\t\t\t'tableCellHorizontalAlignment',\n\t\t\tnew TableCellHorizontalAlignmentCommand( editor, defaultTableCellProperties.horizontalAlignment! )\n\t\t);\n\n\t\tenableVerticalAlignmentProperty( schema, conversion, defaultTableCellProperties.verticalAlignment! );\n\t\teditor.commands.add(\n\t\t\t'tableCellVerticalAlignment',\n\t\t\tnew TableCellVerticalAlignmentCommand( editor, defaultTableCellProperties.verticalAlignment! )\n\t\t);\n\t}\n}\n\n/**\n * Enables the `'tableCellBorderStyle'`, `'tableCellBorderColor'` and `'tableCellBorderWidth'` attributes for table cells.\n *\n * @param editor The editor instance.\n * @param defaultBorder The default border values.\n * @param defaultBorder.color The default `tableCellBorderColor` value.\n * @param defaultBorder.style The default `tableCellBorderStyle` value.\n * @param defaultBorder.width The default `tableCellBorderWidth` value.\n */\nfunction enableBorderProperties(\n\teditor: Editor,\n\tdefaultBorder: { color: string; style: string; width: string }\n) {\n\tconst { conversion } = editor;\n\tconst { schema } = editor.model;\n\n\tconst modelAttributes = {\n\t\twidth: 'tableCellBorderWidth',\n\t\tcolor: 'tableCellBorderColor',\n\t\tstyle: 'tableCellBorderStyle'\n\t};\n\n\tschema.extend( 'tableCell', {\n\t\tallowAttributes: Object.values( modelAttributes )\n\t} );\n\n\tfor ( const modelAttribute of Object.values( modelAttributes ) ) {\n\t\tschema.setAttributeProperties( modelAttribute, { isFormatting: true } );\n\t}\n\n\tupcastBorderStyles( editor, 'td', modelAttributes, defaultBorder );\n\tupcastBorderStyles( editor, 'th', modelAttributes, defaultBorder );\n\tdowncastAttributeToStyle( conversion, { modelElement: 'tableCell', modelAttribute: modelAttributes.style, styleName: 'border-style' } );\n\tdowncastAttributeToStyle( conversion, { modelElement: 'tableCell', modelAttribute: modelAttributes.color, styleName: 'border-color' } );\n\tdowncastAttributeToStyle( conversion, { modelElement: 'tableCell', modelAttribute: modelAttributes.width, styleName: 'border-width' } );\n}\n\n/**\n * Enables the `'tableCellHorizontalAlignment'` attribute for table cells.\n *\n * @param defaultValue The default horizontal alignment value.\n */\nfunction enableHorizontalAlignmentProperty( schema: ModelSchema, conversion: Conversion, defaultValue: string ) {\n\tschema.extend( 'tableCell', {\n\t\tallowAttributes: [ 'tableCellHorizontalAlignment' ]\n\t} );\n\n\tschema.setAttributeProperties( 'tableCellHorizontalAlignment', { isFormatting: true } );\n\n\tconversion.for( 'downcast' )\n\t\t.attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tname: 'tableCell',\n\t\t\t\tkey: 'tableCellHorizontalAlignment'\n\t\t\t},\n\t\t\tview: alignment => ( {\n\t\t\t\tkey: 'style',\n\t\t\t\tvalue: {\n\t\t\t\t\t'text-align': alignment\n\t\t\t\t}\n\t\t\t} )\n\t\t} );\n\n\tconversion.for( 'upcast' )\n\t\t// Support for the `text-align:*;` CSS definition for the table cell alignment.\n\t\t.attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: /^(td|th)$/,\n\t\t\t\tstyles: {\n\t\t\t\t\t'text-align': ALIGN_VALUES_REG_EXP\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableCellHorizontalAlignment',\n\t\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, 'left', data );\n\t\t\t\t\tconst align = viewElement.getStyle( 'text-align' );\n\n\t\t\t\t\tif ( align !== localDefaultValue ) {\n\t\t\t\t\t\treturn align;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Consume the style even if not applied to the element so it won't be processed by other converters.\n\t\t\t\t\tconversionApi.consumable.consume( viewElement, { styles: 'text-align' } );\n\t\t\t\t}\n\t\t\t}\n\t\t} )\n\t\t// Support for the `align` attribute as the backward compatibility while pasting from other sources.\n\t\t.attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: /^(td|th)$/,\n\t\t\t\tattributes: {\n\t\t\t\t\talign: ALIGN_VALUES_REG_EXP\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableCellHorizontalAlignment',\n\t\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, 'left', data );\n\t\t\t\t\tconst align = viewElement.getAttribute( 'align' );\n\n\t\t\t\t\tif ( align !== localDefaultValue ) {\n\t\t\t\t\t\treturn align;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Consume the style even if not applied to the element so it won't be processed by other converters.\n\t\t\t\t\tconversionApi.consumable.consume( viewElement, { attributes: 'align' } );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n}\n\n/**\n * Enables the `'verticalAlignment'` attribute for table cells.\n *\n * @param defaultValue The default vertical alignment value.\n */\nfunction enableVerticalAlignmentProperty( schema: ModelSchema, conversion: Conversion, defaultValue: string ) {\n\tschema.extend( 'tableCell', {\n\t\tallowAttributes: [ 'tableCellVerticalAlignment' ]\n\t} );\n\n\tschema.setAttributeProperties( 'tableCellVerticalAlignment', { isFormatting: true } );\n\n\tconversion.for( 'downcast' )\n\t\t.attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tname: 'tableCell',\n\t\t\t\tkey: 'tableCellVerticalAlignment'\n\t\t\t},\n\t\t\tview: alignment => ( {\n\t\t\t\tkey: 'style',\n\t\t\t\tvalue: {\n\t\t\t\t\t'vertical-align': alignment\n\t\t\t\t}\n\t\t\t} )\n\t\t} );\n\n\tconversion.for( 'upcast' )\n\t\t// Support for the `vertical-align:*;` CSS definition for the table cell alignment.\n\t\t.attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: /^(td|th)$/,\n\t\t\t\tstyles: {\n\t\t\t\t\t'vertical-align': VALIGN_VALUES_REG_EXP\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableCellVerticalAlignment',\n\t\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, 'middle', data );\n\t\t\t\t\tconst align = viewElement.getStyle( 'vertical-align' );\n\n\t\t\t\t\tif ( align !== localDefaultValue ) {\n\t\t\t\t\t\treturn align;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Consume the style even if not applied to the element so it won't be processed by other converters.\n\t\t\t\t\tconversionApi.consumable.consume( viewElement, { styles: 'vertical-align' } );\n\t\t\t\t}\n\t\t\t}\n\t\t} )\n\t\t// Support for the `align` attribute as the backward compatibility while pasting from other sources.\n\t\t.attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: /^(td|th)$/,\n\t\t\t\tattributes: {\n\t\t\t\t\tvalign: VALIGN_VALUES_REG_EXP\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableCellVerticalAlignment',\n\t\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, 'middle', data );\n\t\t\t\t\tconst valign = viewElement.getAttribute( 'valign' );\n\n\t\t\t\t\tif ( valign !== localDefaultValue ) {\n\t\t\t\t\t\treturn valign;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Consume the attribute even if not applied to the element so it won't be processed by other converters.\n\t\t\t\t\tconversionApi.consumable.consume( viewElement, { attributes: 'valign' } );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { TableCellPropertiesUI } from './tablecellproperties/tablecellpropertiesui.js';\nimport { TableCellPropertiesEditing } from './tablecellproperties/tablecellpropertiesediting.js';\n\n/**\n * The table cell properties feature. Enables support for setting properties of table cells (size, border, background, etc.).\n *\n * Read more in the {@glink features/tables/tables-styling Table and cell styling tools} section.\n * See also the {@link module:table/tableproperties~TableProperties} plugin.\n *\n * This is a \"glue\" plugin that loads the\n * {@link module:table/tablecellproperties/tablecellpropertiesediting~TableCellPropertiesEditing table cell properties editing feature} and\n * the {@link module:table/tablecellproperties/tablecellpropertiesui~TableCellPropertiesUI table cell properties UI feature}.\n */\nexport class TableCellProperties extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableCellProperties' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableCellPropertiesEditing, TableCellPropertiesUI ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablelayout/tablelayoutui\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport { IconTableLayout, IconTableProperties } from 'ckeditor5/src/icons.js';\nimport {\n\tcreateDropdown,\n\taddListToDropdown,\n\tMenuBarMenuView,\n\tSplitButtonView,\n\tDropdownButtonView,\n\tUIModel,\n\ttype ListDropdownButtonDefinition,\n\ttype ButtonExecuteEvent\n} from 'ckeditor5/src/ui.js';\nimport {\n\tCollection,\n\ttype ObservableChangeEvent\n} from 'ckeditor5/src/utils.js';\n\nimport { InsertTableView } from '../ui/inserttableview.js';\n\nimport { type InsertTableLayoutCommand } from '../commands/inserttablelayoutcommand.js';\nimport type { TableTypeCommand } from './commands/tabletypecommand.js';\nimport type { TableType } from '../tableconfig.js';\n\n/**\n * The table layout UI plugin. It introduces:\n *\n * * The `'insertTableLayout'` dropdown,\n * * The `'menuBar:insertTableLayout'` menu bar menu.\n */\nexport class TableLayoutUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableLayoutUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = this.editor.t;\n\n\t\teditor.ui.componentFactory.add( 'insertTableLayout', locale => {\n\t\t\tconst command: InsertTableLayoutCommand = editor.commands.get( 'insertTableLayout' )!;\n\t\t\tconst dropdownView = createDropdown( locale );\n\n\t\t\tdropdownView.bind( 'isEnabled' ).to( command );\n\n\t\t\t// Decorate dropdown's button.\n\t\t\tdropdownView.buttonView.set( {\n\t\t\t\ticon: IconTableLayout,\n\t\t\t\tlabel: t( 'Insert table layout' ),\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tlet insertTableLayoutView: InsertTableView;\n\n\t\t\tdropdownView.on( 'change:isOpen', () => {\n\t\t\t\tif ( insertTableLayoutView ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Prepare custom view for dropdown's panel.\n\t\t\t\tinsertTableLayoutView = new InsertTableView( locale );\n\t\t\t\tdropdownView.panelView.children.add( insertTableLayoutView );\n\n\t\t\t\tinsertTableLayoutView.delegate( 'execute' ).to( dropdownView );\n\n\t\t\t\tdropdownView.on( 'execute', () => {\n\t\t\t\t\teditor.execute( 'insertTableLayout', {\n\t\t\t\t\t\trows: insertTableLayoutView.rows,\n\t\t\t\t\t\tcolumns: insertTableLayoutView.columns\n\t\t\t\t\t} );\n\t\t\t\t\teditor.editing.view.focus();\n\t\t\t\t} );\n\t\t\t} );\n\n\t\t\treturn dropdownView;\n\t\t} );\n\n\t\teditor.ui.componentFactory.add( 'menuBar:insertTableLayout', locale => {\n\t\t\tconst command: InsertTableLayoutCommand = editor.commands.get( 'insertTableLayout' )!;\n\t\t\tconst menuView = new MenuBarMenuView( locale );\n\t\t\tconst insertTableLayoutView = new InsertTableView( locale );\n\n\t\t\tinsertTableLayoutView.delegate( 'execute' ).to( menuView );\n\n\t\t\tmenuView.on<ObservableChangeEvent<boolean>>( 'change:isOpen', ( event, name, isOpen ) => {\n\t\t\t\tif ( !isOpen ) {\n\t\t\t\t\tinsertTableLayoutView.reset();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tinsertTableLayoutView.on( 'execute', () => {\n\t\t\t\teditor.execute( 'insertTableLayout', {\n\t\t\t\t\trows: insertTableLayoutView.rows,\n\t\t\t\t\tcolumns: insertTableLayoutView.columns\n\t\t\t\t} );\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\tmenuView.buttonView.set( {\n\t\t\t\tlabel: t( 'Table layout' ),\n\t\t\t\ticon: IconTableLayout\n\t\t\t} );\n\n\t\t\tmenuView.panelView.children.add( insertTableLayoutView );\n\n\t\t\tmenuView.bind( 'isEnabled' ).to( command );\n\n\t\t\treturn menuView;\n\t\t} );\n\n\t\t// Create table type dropdown button.\n\t\teditor.ui.componentFactory.add( 'tableType', () => {\n\t\t\tconst editor = this.editor;\n\t\t\tconst t = editor.t;\n\n\t\t\tconst button = new DropdownButtonView( editor.locale );\n\n\t\t\tbutton.set( {\n\t\t\t\tlabel: t( 'Table type' ),\n\t\t\t\ticon: IconTableProperties,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\treturn createTableTypeDropdown( editor, button );\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic afterInit(): void {\n\t\tconst editor = this.editor;\n\n\t\tif ( !editor.plugins.has( 'TablePropertiesUI' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tablePropertiesUI = editor.plugins.get( 'TablePropertiesUI' );\n\n\t\t// Override the default table properties button to include the table type dropdown.\n\t\t// It needs to be done in `afterInit()` to make sure that `tableProperties` button is\n\t\t// registered after the initialization of the `TablePropertiesUI`. Otherwise, the\n\t\t// button will be overridden by the default one if the `TablePropertiesUI` is\n\t\t// initialized after the `TableLayoutUI`.\n\t\teditor.ui.componentFactory.add( 'tableProperties', locale => {\n\t\t\tconst baseButton = tablePropertiesUI._createTablePropertiesButton();\n\t\t\tconst splitButtonView = new SplitButtonView( locale, baseButton );\n\n\t\t\treturn createTableTypeDropdown( editor, splitButtonView );\n\t\t} );\n\t}\n}\n\n/**\n * Creates a dropdown for the table type selection.\n *\n * @param editor The editor instance.\n * @param dropdownButton The button view that will be used as the dropdown trigger.\n * @returns A dropdown view containing table type options.\n */\nfunction createTableTypeDropdown( editor: Editor, dropdownButton: DropdownButtonView | SplitButtonView ) {\n\tconst t = editor.t;\n\tconst locale = editor.locale;\n\tconst tableTypeCommand = editor.commands.get( 'tableType' )!;\n\n\t// Wrap the original button in a SplitButtonView.\n\tconst dropdownView = createDropdown( locale, dropdownButton );\n\tconst itemsDefinitions = createTableLayoutTypeDropdownItems( editor );\n\n\t// Add table types to the dropdown.\n\taddListToDropdown( dropdownView, itemsDefinitions, {\n\t\tariaLabel: t( 'Table type options' ),\n\t\trole: 'menu'\n\t} );\n\n\tdropdownButton.tooltip = t( 'Choose table type' );\n\tdropdownView.on<ButtonExecuteEvent>( 'execute', evt => {\n\t\tconst tableType = ( evt.source as any ).tableType as TableType | undefined;\n\n\t\tif ( tableType ) {\n\t\t\ttableTypeCommand.execute( tableType );\n\t\t}\n\t} );\n\n\treturn dropdownView;\n}\n\n/**\n * Creates dropdown items for table type selection.\n *\n * @param editor The editor instance.\n * @returns A collection of dropdown items for the table type dropdown.\n */\nfunction createTableLayoutTypeDropdownItems( editor: Editor ) {\n\tconst t = editor.t;\n\tconst tableTypeCommand = editor.commands.get( 'tableType' )!;\n\tconst itemDefinitions = new Collection<ListDropdownButtonDefinition>();\n\n\titemDefinitions.add( createTableTypeDropdownItem( tableTypeCommand, 'layout', t( 'Layout table' ) ) );\n\titemDefinitions.add( createTableTypeDropdownItem( tableTypeCommand, 'content', t( 'Content table' ) ) );\n\n\treturn itemDefinitions;\n}\n\n/**\n * Creates a dropdown item for a specific table type.\n *\n * @param tableTypeCommand The table type command.\n * @param type The table type value ('layout' or 'content').\n * @param label The localized label for the dropdown item.\n * @returns The dropdown item definition.\n */\nfunction createTableTypeDropdownItem(\n\ttableTypeCommand: TableTypeCommand,\n\ttype: TableType,\n\tlabel: string\n): ListDropdownButtonDefinition {\n\tconst model = new UIModel( {\n\t\tlabel,\n\t\trole: 'menuitemradio',\n\t\twithText: true,\n\t\ttableType: type\n\t} );\n\n\tmodel.bind( 'isEnabled' ).to( tableTypeCommand, 'isEnabled' );\n\tmodel.bind( 'isOn' ).to( tableTypeCommand, 'value', value => value === type );\n\n\treturn {\n\t\ttype: 'button',\n\t\tmodel\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/commands/inserttablelayoutcommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\n\nimport type {\n\tModelDocumentSelection,\n\tModelSchema,\n\tModelSelection,\n\tModelElement\n} from 'ckeditor5/src/engine.js';\n\nimport { type TableUtils } from '../tableutils.js';\nimport { type TableWidthsCommand } from '../../src/tablecolumnresize/tablewidthscommand.js';\n\n/**\n * The insert table layout command.\n *\n * The command is registered by {@link module:table/tablelayout/tablelayoutediting~TableLayoutEditing}\n * as the `'insertTableLayout'` editor command.\n *\n * To insert a layout table at the current selection, execute the command and specify the dimensions:\n *\n * ```ts\n * editor.execute( 'insertTableLayout', { rows: 20, columns: 5 } );\n * ```\n */\nexport class InsertTableLayoutCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst schema = model.schema;\n\n\t\tthis.isEnabled = isAllowedInParent( selection, schema );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * Inserts a layout table with the given number of rows and columns into the editor.\n\t *\n\t * @param options.rows The number of rows to create in the inserted table. Default value is 2.\n\t * @param options.columns The number of columns to create in the inserted table. Default value is 2.\n\t * @fires execute\n\t */\n\tpublic override execute(\n\t\toptions: {\n\t\t\trows?: number;\n\t\t\tcolumns?: number;\n\t\t} = {}\n\t): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst tableUtils: TableUtils = editor.plugins.get( 'TableUtils' );\n\n\t\tmodel.change( writer => {\n\t\t\tconst normalizedOptions = { rows: options.rows || 2, columns: options.columns || 2 };\n\t\t\tconst table = tableUtils.createTable( writer, normalizedOptions );\n\n\t\t\twriter.setAttribute( 'tableType', 'layout', table );\n\n\t\t\tmodel.insertObject( table, null, null, { findOptimalPosition: 'auto' } );\n\n\t\t\tconst singleColumnWidth = `${ 100 / normalizedOptions.columns! }%`;\n\t\t\tconst columnWidths = Array( normalizedOptions.columns ).fill( singleColumnWidth );\n\t\t\tconst tableWidthsCommand: TableWidthsCommand = editor.commands.get( 'resizeColumnWidths' )!;\n\n\t\t\t// Make the table full-width with equal columns width.\n\t\t\ttableWidthsCommand.execute( { tableWidth: '100%', columnWidths, table } );\n\n\t\t\twriter.setSelection( writer.createPositionAt( table.getNodeByPath( [ 0, 0, 0 ] ), 0 ) );\n\t\t} );\n\t}\n}\n\n/**\n * Checks if the table is allowed in the parent.\n */\nfunction isAllowedInParent( selection: ModelSelection | ModelDocumentSelection, schema: ModelSchema ) {\n\tconst positionParent = selection.getFirstPosition()!.parent;\n\tconst validParent = positionParent === positionParent.root ? positionParent : positionParent.parent;\n\n\treturn schema.checkChild( validParent as ModelElement, 'table' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecolumnresize/tablewidthscommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport { Command } from 'ckeditor5/src/core.js';\nimport { normalizeColumnWidths } from './utils.js';\n\n/**\n * Command used by the {@link module:table/tablecolumnresize~TableColumnResize Table column resize feature} that\n * updates the width of the whole table as well as its individual columns.\n */\nexport class TableWidthsCommand extends Command {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\t// The command is always enabled as it doesn't care about the actual selection - table can be resized\n\t\t// even if the selection is elsewhere.\n\t\tthis.isEnabled = true;\n\t}\n\n\t/**\n\t * Updated the `tableWidth` attribute of the table and the `columnWidth` attribute of the columns of that table.\n\t */\n\tpublic override execute( options: TableWidthsCommandOptions = {} ): void {\n\t\tconst { model, plugins } = this.editor;\n\t\tlet {\n\t\t\ttable = model.document.selection.getSelectedElement()!,\n\t\t\tcolumnWidths,\n\t\t\ttableWidth\n\t\t} = options;\n\n\t\tif ( columnWidths ) {\n\t\t\t// For backwards compatibility, columnWidths might be an array or a string of comma-separated values.\n\t\t\tcolumnWidths = Array.isArray( columnWidths ) ?\n\t\t\t\tcolumnWidths :\n\t\t\t\tcolumnWidths.split( ',' );\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\tif ( tableWidth ) {\n\t\t\t\twriter.setAttribute( 'tableWidth', tableWidth, table );\n\t\t\t} else {\n\t\t\t\twriter.removeAttribute( 'tableWidth', table );\n\t\t\t}\n\n\t\t\tconst tableColumnGroup = plugins\n\t\t\t\t.get( 'TableColumnResizeEditing' )\n\t\t\t\t.getColumnGroupElement( table )!;\n\n\t\t\tif ( !columnWidths && !tableColumnGroup ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( !columnWidths ) {\n\t\t\t\treturn writer.remove( tableColumnGroup );\n\t\t\t}\n\n\t\t\tconst widths = normalizeColumnWidths( columnWidths as Array<string> );\n\n\t\t\tif ( !tableColumnGroup ) {\n\t\t\t\tconst colGroupElement = writer.createElement( 'tableColumnGroup' );\n\n\t\t\t\twidths.forEach( columnWidth => writer.appendElement( 'tableColumn', { columnWidth }, colGroupElement ) );\n\t\t\t\twriter.append( colGroupElement, table );\n\t\t\t} else {\n\t\t\t\tArray\n\t\t\t\t\t.from( tableColumnGroup.getChildren() )\n\t\t\t\t\t.forEach( ( column, index ) => writer.setAttribute( 'columnWidth', widths[ index ], column ) );\n\t\t\t}\n\t\t} );\n\t}\n}\n\nexport interface TableWidthsCommandOptions {\n\n\t/**\n\t * New value of the `columnWidths` attribute. Must be array of strings or string with comma-separated values.\n\t * If skipped, the column widths information will be deleted.\n\t */\n\tcolumnWidths?: Array<string> | string;\n\n\t/**\n\t * The new table width. If skipped, the model attribute will be removed.\n\t */\n\ttableWidth?: string;\n\n\t/**\n\t * The table that is having the columns resized.\n\t */\n\ttable?: ModelElement;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecolumnresize/converters\n */\n\nimport type {\n\tDowncastDispatcher,\n\tDowncastInsertEvent,\n\tModelElement,\n\tUpcastDispatcher,\n\tUpcastElementEvent,\n\tViewElement\n} from 'ckeditor5/src/engine.js';\nimport { type TableUtils } from '../tableutils.js';\nimport {\n\tnormalizeColumnWidths,\n\tupdateColumnElements,\n\tgetColumnGroupElement,\n\tgetTableColumnElements,\n\ttranslateColSpanAttribute\n} from './utils.js';\n\n/**\n * Returns a upcast helper that ensures the number of `<tableColumn>` elements corresponds to the actual number of columns in the table,\n * because the input data might have too few or too many <col> elements.\n *\n * @internal\n */\nexport function upcastColgroupElement( tableUtilsPlugin: TableUtils ): ( dispatcher: UpcastDispatcher ) => void {\n\treturn dispatcher => dispatcher.on<UpcastElementEvent>( 'element:colgroup', ( evt, data, conversionApi ) => {\n\t\tconst modelTable = data.modelCursor.findAncestor( 'table' )!;\n\t\tconst tableColumnGroup = getColumnGroupElement( modelTable );\n\n\t\tif ( !tableColumnGroup ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst columnElements = getTableColumnElements( tableColumnGroup );\n\t\tconst columnsCount = tableUtilsPlugin.getColumns( modelTable );\n\t\tlet columnWidths = translateColSpanAttribute( tableColumnGroup, conversionApi.writer );\n\n\t\t// Fill the array with 'auto' values if the number of columns is higher than number of declared values.\n\t\tcolumnWidths = Array.from( { length: columnsCount }, ( _, index ) => columnWidths[ index ] || 'auto' );\n\n\t\tif ( columnWidths.length != columnElements.length || columnWidths.includes( 'auto' ) ) {\n\t\t\tupdateColumnElements( columnElements, tableColumnGroup, normalizeColumnWidths( columnWidths ), conversionApi.writer );\n\t\t}\n\t}, { priority: 'low' } );\n}\n\n/**\n * Returns downcast helper for adding `ck-table-resized` class if there is a `<tableColumnGroup>` element inside the table.\n *\n * @internal\n */\nexport function downcastTableResizedClass(): ( dispatcher: DowncastDispatcher ) => void {\n\treturn dispatcher => dispatcher.on<DowncastInsertEvent>( 'insert:table', ( evt, data, conversionApi ) => {\n\t\tconst viewWriter = conversionApi.writer;\n\t\tconst modelTable = data.item as ModelElement;\n\t\tconst viewElement: ViewElement = conversionApi.mapper.toViewElement( modelTable )!;\n\n\t\tconst viewTable = viewElement.is( 'element', 'table' ) ?\n\t\t\tviewElement :\n\t\t\tArray.from( viewElement.getChildren() ).find( viewChild => viewChild.is( 'element', 'table' ) )!;\n\n\t\tconst tableColumnGroup = getColumnGroupElement( modelTable );\n\n\t\tif ( tableColumnGroup ) {\n\t\t\tviewWriter.addClass( 'ck-table-resized', viewTable as ViewElement );\n\t\t} else {\n\t\t\tviewWriter.removeClass( 'ck-table-resized', viewTable as ViewElement );\n\t\t}\n\t}, { priority: 'low' } );\n}\n\n/**\n * Returns a upcast helper that removes the `ck-table-resized` class from the table element.\n *\n * @internal\n */\nexport function upcastTableResizedClass(): ( dispatcher: UpcastDispatcher ) => void {\n\treturn ( dispatcher: UpcastDispatcher ): void => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:table', ( evt, data, conversionApi ) => {\n\t\t\tconversionApi.consumable.consume( data.viewItem, { classes: 'ck-table-resized' } );\n\t\t} );\n\t};\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecolumnresize/tablecolumnresizeediting\n */\n\nimport { throttle, isEqual } from 'es-toolkit/compat';\n\nimport {\n\tglobal,\n\tDomEmitterMixin,\n\tRect,\n\ttoUnit,\n\ttype EventInfo,\n\ttype DomEmitter,\n\ttype ObservableChangeEvent\n} from 'ckeditor5/src/utils.js';\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\n\nimport type {\n\tDiffer,\n\tViewDocumentDomEventData,\n\tDowncastInsertEvent,\n\tViewDowncastWriter,\n\tModelElement,\n\tViewElement,\n\tViewNode\n} from 'ckeditor5/src/engine.js';\n\nimport { MouseEventsObserver } from '../../src/tablemouse/mouseeventsobserver.js';\nimport { TableEditing } from '../tableediting.js';\nimport { TableUtils } from '../tableutils.js';\nimport { TableWalker } from '../tablewalker.js';\n\nimport { TableWidthsCommand } from './tablewidthscommand.js';\n\nimport { downcastTableResizedClass, upcastColgroupElement, upcastTableResizedClass } from './converters.js';\n\nimport {\n\tclamp,\n\tcreateFilledArray,\n\tsumArray,\n\tgetColumnEdgesIndexes,\n\tgetChangedResizedTables,\n\tgetColumnMinWidthAsPercentage,\n\tgetElementWidthInPixels,\n\tgetTableWidthInPixels,\n\tnormalizeColumnWidths,\n\ttoPrecision,\n\tgetDomCellOuterWidth,\n\tupdateColumnElements,\n\tgetColumnGroupElement,\n\tgetTableColumnElements,\n\tgetTableColumnsWidths\n} from './utils.js';\n\nimport { COLUMN_MIN_WIDTH_IN_PIXELS, COLUMN_RESIZE_DISTANCE_THRESHOLD } from './constants.js';\nimport { type TableColumnResize } from '../tablecolumnresize.js';\n\nconst toPx = /* #__PURE__ */ toUnit( 'px' );\n\ntype ResizingData = {\n\tcolumnPosition: number;\n\tflags: {\n\t\tisRightEdge: boolean;\n\t\tisTableCentered: boolean;\n\t\tisLtrContent: boolean;\n\t};\n\telements: {\n\t\tviewResizer: ViewElement;\n\t\tmodelTable: ModelElement;\n\t\tviewFigure: ViewElement;\n\t\tviewColgroup: ViewElement;\n\t\tviewLeftColumn: ViewElement;\n\t\tviewRightColumn?: ViewElement;\n\t};\n\twidths: {\n\t\tviewFigureParentWidth: number;\n\t\tviewFigureWidth: number;\n\t\ttableWidth: number;\n\t\tleftColumnWidth: number;\n\t\trightColumnWidth?: number;\n\t};\n};\n\n/**\n * The table column resize editing plugin.\n */\nexport class TableColumnResizeEditing extends Plugin {\n\t/**\n\t * A flag indicating if the column resizing is in progress.\n\t */\n\tprivate _isResizingActive: boolean;\n\n\t/**\n\t * A flag indicating if the column resizing is allowed. It is not allowed if the editor is in read-only\n\t * or comments-only mode or the `TableColumnResize` plugin is disabled.\n\t *\n\t * @observable\n\t * @internal\n\t */\n\tpublic declare _isResizingAllowed: boolean;\n\n\t/**\n\t * A temporary storage for the required data needed to correctly calculate the widths of the resized columns. This storage is\n\t * initialized when column resizing begins, and is purged upon completion.\n\t */\n\tprivate _resizingData: ResizingData | null;\n\n\t/**\n\t * DOM emitter.\n\t */\n\tprivate _domEmitter: DomEmitter;\n\n\t/**\n\t * A local reference to the {@link module:table/tableutils~TableUtils} plugin.\n\t */\n\tprivate _tableUtilsPlugin: TableUtils;\n\n\t/**\n\t * Starting mouse position data used to add a threshold to the resizing process.\n\t */\n\tprivate _initialMouseEventData: ViewDocumentDomEventData | null = null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableEditing, TableUtils ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableColumnResizeEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'TCR';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis._isResizingActive = false;\n\t\tthis.set( '_isResizingAllowed', true );\n\t\tthis._resizingData = null;\n\t\tthis._domEmitter = new ( DomEmitterMixin() )();\n\t\tthis._tableUtilsPlugin = editor.plugins.get( 'TableUtils' );\n\n\t\tthis.on<ObservableChangeEvent<boolean>>( 'change:_isResizingAllowed', ( evt, name, value ) => {\n\t\t\t// Toggling the `ck-column-resize_disabled` class shows and hides the resizers through CSS.\n\t\t\tconst classAction = value ? 'removeClass' : 'addClass';\n\n\t\t\teditor.editing.view.change( writer => {\n\t\t\t\tfor ( const root of editor.editing.view.document.roots ) {\n\t\t\t\t\twriter[ classAction ]( 'ck-column-resize_disabled', editor.editing.view.document.getRoot( root.rootName )! );\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis._extendSchema();\n\t\tthis._registerPostFixer();\n\t\tthis._registerConverters();\n\t\tthis._registerResizingListeners();\n\t\tthis._registerResizerInserter();\n\n\t\tconst editor = this.editor;\n\t\tconst columnResizePlugin: TableColumnResize = editor.plugins.get( 'TableColumnResize' );\n\t\tconst tableEditing: TableEditing = editor.plugins.get( 'TableEditing' );\n\n\t\ttableEditing.registerAdditionalSlot( {\n\t\t\tfilter: element => element.is( 'element', 'tableColumnGroup' ),\n\t\t\tpositionOffset: 0\n\t\t} );\n\n\t\tconst tableWidthsCommand = new TableWidthsCommand( editor );\n\n\t\t// For backwards compatibility we have two commands that perform exactly the same operation.\n\t\teditor.commands.add( 'resizeTableWidth', tableWidthsCommand );\n\t\teditor.commands.add( 'resizeColumnWidths', tableWidthsCommand );\n\n\t\t// Currently the states of column resize and table resize (which is actually the last column resize) features\n\t\t// are bound together. They can be separated in the future by adding distinct listeners and applying\n\t\t// different CSS classes (e.g. `ck-column-resize_disabled` and `ck-table-resize_disabled`) to the editor root.\n\t\t// See #12148 for the details.\n\t\tthis.bind( '_isResizingAllowed' ).to(\n\t\t\teditor, 'isReadOnly',\n\t\t\tcolumnResizePlugin, 'isEnabled',\n\t\t\ttableWidthsCommand, 'isEnabled',\n\t\t\t( isEditorReadOnly, isPluginEnabled, isTableWidthsCommandCommandEnabled ) =>\n\t\t\t\t!isEditorReadOnly && isPluginEnabled && isTableWidthsCommandCommandEnabled\n\t\t);\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tthis._domEmitter.stopListening();\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Returns a 'tableColumnGroup' element from the 'table'.\n\t *\n\t * @param element A 'table' or 'tableColumnGroup' element.\n\t * @returns A 'tableColumnGroup' element.\n\t */\n\tpublic getColumnGroupElement( element: ModelElement ): ModelElement | undefined {\n\t\treturn getColumnGroupElement( element );\n\t}\n\n\t/**\n\t * Returns an array of 'tableColumn' elements.\n\t *\n\t * @param element A 'table' or 'tableColumnGroup' element.\n\t * @returns An array of 'tableColumn' elements.\n\t */\n\tpublic getTableColumnElements( element: ModelElement ): Array<ModelElement> {\n\t\treturn getTableColumnElements( element );\n\t}\n\n\t/**\n\t * Returns an array of table column widths.\n\t *\n\t * @param element A 'table' or 'tableColumnGroup' element.\n\t * @returns An array of table column widths.\n\t */\n\tpublic getTableColumnsWidths( element: ModelElement ): Array<string> {\n\t\treturn getTableColumnsWidths( element );\n\t}\n\n\t/**\n\t * Registers new attributes for a table model element.\n\t */\n\tprivate _extendSchema() {\n\t\tconst schema = this.editor.model.schema;\n\n\t\tschema.extend( 'table', {\n\t\t\tallowAttributes: [ 'tableWidth' ]\n\t\t} );\n\n\t\tschema.register( 'tableColumnGroup', {\n\t\t\tallowIn: 'table',\n\t\t\tisLimit: true\n\t\t} );\n\n\t\tschema.register( 'tableColumn', {\n\t\t\tallowIn: 'tableColumnGroup',\n\t\t\tallowAttributes: [ 'columnWidth', 'colSpan' ],\n\t\t\tisLimit: true\n\t\t} );\n\n\t\tschema.setAttributeProperties( 'columnWidth', { isFormatting: true } );\n\t}\n\n\t/**\n\t * Registers table column resize post-fixer.\n\t *\n\t * It checks if the change from the differ concerns a table-related element or attribute. For detected changes it:\n\t *  * Adjusts the `columnWidths` attribute to guarantee that the sum of the widths from all columns is 100%.\n\t *  * Checks if the `columnWidths` attribute gets updated accordingly after columns have been added or removed.\n\t */\n\tprivate _registerPostFixer() {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\n\t\tmodel.document.registerPostFixer( writer => {\n\t\t\tlet changed = false;\n\n\t\t\tfor ( const table of getChangedResizedTables( model ) ) {\n\t\t\t\tconst tableColumnGroup = this.getColumnGroupElement( table )!;\n\t\t\t\tconst columns = this.getTableColumnElements( tableColumnGroup );\n\t\t\t\tconst columnWidths = this.getTableColumnsWidths( tableColumnGroup );\n\n\t\t\t\t// Adjust the `columnWidths` attribute to guarantee that the sum of the widths from all columns is 100%.\n\t\t\t\tlet normalizedWidths = normalizeColumnWidths( columnWidths );\n\n\t\t\t\t// If the number of columns has changed, then we need to adjust the widths of the affected columns.\n\t\t\t\tnormalizedWidths = adjustColumnWidths( normalizedWidths, table, this );\n\n\t\t\t\tif ( isEqual( columnWidths, normalizedWidths ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tupdateColumnElements( columns, tableColumnGroup, normalizedWidths, writer );\n\n\t\t\t\tchanged = true;\n\t\t\t}\n\n\t\t\treturn changed;\n\t\t} );\n\n\t\t/**\n\t\t * Adjusts if necessary the `columnWidths` in case if the number of column has changed.\n\t\t *\n\t\t * @param columnWidths Note: this array **may be modified** by the function.\n\t\t * @param table Table to be checked.\n\t\t */\n\t\tfunction adjustColumnWidths( columnWidths: Array<string>, table: ModelElement, plugin: TableColumnResizeEditing ): Array<string> {\n\t\t\tconst newTableColumnsCount = plugin._tableUtilsPlugin.getColumns( table );\n\t\t\tconst columnsCountDelta = newTableColumnsCount - columnWidths.length;\n\n\t\t\tif ( columnsCountDelta === 0 ) {\n\t\t\t\treturn columnWidths;\n\t\t\t}\n\n\t\t\tconst widths: Array<number> = columnWidths.map( width => Number( width.replace( '%', '' ) ) );\n\n\t\t\t// Collect all cells that are affected by the change.\n\t\t\tconst cellSet = getAffectedCells( plugin.editor.model.document.differ, table ) as Set<ModelElement>;\n\n\t\t\tfor ( const cell of cellSet ) {\n\t\t\t\tconst currentColumnsDelta = newTableColumnsCount - widths.length;\n\n\t\t\t\tif ( currentColumnsDelta === 0 ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// If the column count in the table changed, adjust the widths of the affected columns.\n\t\t\t\tconst hasMoreColumns = currentColumnsDelta > 0;\n\t\t\t\tconst currentColumnIndex = plugin._tableUtilsPlugin.getCellLocation( cell ).column;\n\n\t\t\t\tif ( hasMoreColumns ) {\n\t\t\t\t\tconst columnMinWidthAsPercentage = getColumnMinWidthAsPercentage( table, plugin.editor );\n\t\t\t\t\tconst columnWidthsToInsert = createFilledArray( currentColumnsDelta, columnMinWidthAsPercentage );\n\n\t\t\t\t\twidths.splice( currentColumnIndex, 0, ...columnWidthsToInsert );\n\t\t\t\t} else {\n\t\t\t\t\t// Moves the widths of the removed columns to the preceding one.\n\t\t\t\t\t// Other editors either reduce the width of the whole table or adjust the widths\n\t\t\t\t\t// proportionally, so change of this behavior can be considered in the future.\n\t\t\t\t\tconst removedColumnWidths = widths.splice( currentColumnIndex, Math.abs( currentColumnsDelta ) );\n\n\t\t\t\t\twidths[ currentColumnIndex ] += sumArray( removedColumnWidths );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn widths.map( width => width + '%' );\n\t\t}\n\n\t\t/**\n\t\t * Returns a set of cells that have been changed in a given table.\n\t\t */\n\t\tfunction getAffectedCells( differ: Differ, table: ModelElement ): Set<ModelElement> {\n\t\t\tconst cellSet = new Set<ModelElement>();\n\n\t\t\tfor ( const change of differ.getChanges() ) {\n\t\t\t\tif (\n\t\t\t\t\tchange.type == 'insert' &&\n\t\t\t\t\tchange.position.nodeAfter &&\n\t\t\t\t\t( change.position.nodeAfter as ModelElement ).name == 'tableCell' &&\n\t\t\t\t\tchange.position.nodeAfter.getAncestors().includes( table )\n\t\t\t\t) {\n\t\t\t\t\tcellSet.add( change.position.nodeAfter as ModelElement );\n\t\t\t\t} else if ( change.type == 'remove' ) {\n\t\t\t\t\t// If the first cell was removed, use the node after the change position instead.\n\t\t\t\t\tconst referenceNode = ( change.position.nodeBefore || change.position.nodeAfter ) as ModelElement;\n\n\t\t\t\t\tif ( referenceNode.name == 'tableCell' && referenceNode.getAncestors().includes( table ) ) {\n\t\t\t\t\t\tcellSet.add( referenceNode );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn cellSet;\n\t\t}\n\t}\n\n\t/**\n\t * Registers table column resize converters.\n\t */\n\tprivate _registerConverters() {\n\t\tconst editor = this.editor;\n\t\tconst conversion = editor.conversion;\n\n\t\t// Table width style\n\t\tconversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: /^(figure|table)$/,\n\t\t\t\tstyles: {\n\t\t\t\t\twidth: /[\\s\\S]+/\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableWidth',\n\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\tconst parent = viewElement.parent!;\n\n\t\t\t\t\tif ( parent.is( 'element', 'figure' ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn viewElement.getStyle( 'width' );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tconversion.for( 'downcast' ).attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tname: 'table',\n\t\t\t\tkey: 'tableWidth'\n\t\t\t},\n\t\t\tview: ( width: string ) => ( {\n\t\t\t\tname: 'figure',\n\t\t\t\tkey: 'style',\n\t\t\t\tvalue: {\n\t\t\t\t\twidth\n\t\t\t\t}\n\t\t\t} )\n\t\t} );\n\n\t\tconversion.elementToElement( { model: 'tableColumnGroup', view: 'colgroup' } );\n\t\tconversion.elementToElement( { model: 'tableColumn', view: 'col' } );\n\n\t\tconversion.for( 'downcast' ).add( downcastTableResizedClass() );\n\n\t\tconversion.for( 'upcast' ).add( upcastTableResizedClass() );\n\t\tconversion.for( 'upcast' ).add( upcastColgroupElement( this._tableUtilsPlugin ) );\n\t\tconversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: 'col',\n\t\t\t\tstyles: {\n\t\t\t\t\twidth: /.*/\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'columnWidth',\n\t\t\t\tvalue: ( viewElement: ViewElement ) => {\n\t\t\t\t\tconst viewColWidth = viewElement.getStyle( 'width' );\n\n\t\t\t\t\t// 'pt' is the default unit for table column width pasted from MS Office.\n\t\t\t\t\t// See https://github.com/ckeditor/ckeditor5/issues/14521#issuecomment-1662102889 for more details.\n\t\t\t\t\tif ( !viewColWidth || ( !viewColWidth.endsWith( '%' ) && !viewColWidth.endsWith( 'pt' ) ) ) {\n\t\t\t\t\t\treturn 'auto';\n\t\t\t\t\t}\n\n\t\t\t\t\treturn viewColWidth;\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\t// The `col[span]` attribute is present in tables pasted from MS Excel. We use it to set the temporary `colSpan` model attribute,\n\t\t// which is consumed during the `colgroup` element upcast.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/14521#issuecomment-1662102889 for more details.\n\t\tconversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: 'col',\n\t\t\t\tkey: 'span'\n\t\t\t},\n\t\t\tmodel: 'colSpan'\n\t\t} );\n\n\t\tconversion.for( 'downcast' ).attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tname: 'tableColumn',\n\t\t\t\tkey: 'columnWidth'\n\t\t\t},\n\t\t\tview: width => ( { key: 'style', value: { width } } )\n\t\t} );\n\t}\n\n\t/**\n\t * Registers listeners to handle resizing process.\n\t */\n\tprivate _registerResizingListeners() {\n\t\tconst editingView = this.editor.editing.view;\n\n\t\teditingView.addObserver( MouseEventsObserver );\n\t\teditingView.document.on( 'mouseover', this._onMouseOverHandler.bind( this ), { priority: 'high' } );\n\t\teditingView.document.on( 'mousedown', this._onMouseDownHandler.bind( this ), { priority: 'high' } );\n\t\teditingView.document.on( 'mouseout', this._onMouseOutHandler.bind( this ), { priority: 'high' } );\n\n\t\tthis._domEmitter.listenTo( global.window.document, 'mousemove', throttle( this._onMouseMoveHandler.bind( this ), 50 ) );\n\t\tthis._domEmitter.listenTo( global.window.document, 'mouseup', this._onMouseUpHandler.bind( this ) );\n\t}\n\n\t/**\n\t * Calculate and set `top` and `bottom` styles to the column resizer element to fit the height of the table.\n\t *\n\t * @param viewResizer The column resizer element.\n\t */\n\tprivate _recalculateResizerElement( viewResizer: ViewElement ): void {\n\t\tconst editor = this.editor;\n\t\tconst domConverter = editor.editing.view.domConverter;\n\n\t\t// Get DOM target figure ancestor element.\n\t\tconst domTable = domConverter.mapViewToDom( viewResizer.findAncestor( 'table' )! )!;\n\n\t\t// Get DOM table cell element.\n\t\tconst domCell = domConverter.mapViewToDom(\n\t\t\tviewResizer.findAncestor( item => [ 'td', 'th' ].includes( item.name ) )!\n\t\t)!;\n\n\t\tconst rectTable = new Rect( domTable );\n\t\tconst rectCell = new Rect( domCell );\n\n\t\t// Calculate the top, and bottom positions of the column resizer element.\n\t\tconst targetTopPosition = toPx( Number( ( rectTable.top - rectCell.top ).toFixed( 4 ) ) );\n\t\tconst targetBottomPosition = toPx( Number( ( rectCell.bottom - rectTable.bottom ).toFixed( 4 ) ) );\n\n\t\t// Set `top` and `bottom` styles to the column resizer element.\n\t\teditor.editing.view.change( viewWriter => {\n\t\t\tviewWriter.setStyle( 'top', targetTopPosition, viewResizer );\n\t\t\tviewWriter.setStyle( 'bottom', targetBottomPosition, viewResizer );\n\t\t} );\n\t}\n\n\t/**\n\t * Remove `top` and `bottom` styles of the column resizer element.\n\t *\n\t * @param viewResizer The column resizer element.\n\t */\n\tprivate _resetResizerStyles( viewResizer: ViewElement ): void {\n\t\tthis.editor.editing.view.change( viewWriter => {\n\t\t\tviewWriter.removeStyle( 'top', viewResizer );\n\t\t\tviewWriter.removeStyle( 'bottom', viewResizer );\n\t\t} );\n\t}\n\n\t/**\n\t * Handles the `mouseover` event on column resizer element.\n\t * Recalculates the `top` and `bottom` styles of the column resizer element to fit the height of the table.\n\t *\n\t * @param eventInfo An object containing information about the fired event.\n\t * @param domEventData The data related to the DOM event.\n\t */\n\tprivate _onMouseOverHandler( eventInfo: EventInfo, domEventData: ViewDocumentDomEventData ) {\n\t\tconst target = domEventData.target;\n\n\t\tif ( !target.hasClass( 'ck-table-column-resizer' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this._isResizingAllowed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._recalculateResizerElement( target );\n\t}\n\n\t/**\n\t * Handles the `mouseout` event on column resizer element.\n\t * When resizing is not active, it resets the `top` and `bottom` styles of the column resizer element.\n\t *\n\t * @param eventInfo An object containing information about the fired event.\n\t * @param domEventData The data related to the DOM event.\n\t */\n\tprivate _onMouseOutHandler( eventInfo: EventInfo, domEventData: ViewDocumentDomEventData ) {\n\t\tconst target = domEventData.target;\n\n\t\tif ( !target.hasClass( 'ck-table-column-resizer' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this._isResizingAllowed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( this._isResizingActive ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._resetResizerStyles( target );\n\t}\n\n\t/**\n\t * Handles the `mousedown` event on column resizer element:\n\t *  * calculates the initial column pixel widths,\n\t *  * inserts the `<colgroup>` element if it is not present in the `<table>`,\n\t *  * puts the necessary data in the temporary storage,\n\t *  * applies the attributes to the `<table>` view element.\n\t *\n\t * @param eventInfo An object containing information about the fired event.\n\t * @param domEventData The data related to the DOM event.\n\t */\n\tprivate _onMouseDownHandler( eventInfo: EventInfo, domEventData: ViewDocumentDomEventData ) {\n\t\tconst target = domEventData.target;\n\n\t\tif ( !target.hasClass( 'ck-table-column-resizer' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this._isResizingAllowed ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = this.editor;\n\t\tconst modelTable = editor.editing.mapper.toModelElement( target.findAncestor( 'figure' )! )!;\n\n\t\t// Do not resize if table model is in non-editable place.\n\t\tif ( !editor.model.canEditAt( modelTable ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tdomEventData.preventDefault();\n\t\teventInfo.stop();\n\n\t\tthis._initialMouseEventData = domEventData;\n\t}\n\n\t/**\n\t * Starts the resizing process after the threshold is reached.\n\t */\n\tprivate _startResizingAfterThreshold() {\n\t\tconst domEventData = this._initialMouseEventData!;\n\t\tconst { target } = domEventData;\n\n\t\tconst modelTable = this.editor.editing.mapper.toModelElement( target.findAncestor( 'figure' )! )!;\n\t\tconst viewTable = target.findAncestor( 'table' )!;\n\n\t\t// Calculate the initial column widths in pixels.\n\t\tconst columnWidthsInPx = _calculateDomColumnWidths( modelTable, this._tableUtilsPlugin, this.editor );\n\n\t\t// Insert colgroup for the table that is resized for the first time.\n\t\tif ( !Array.from( viewTable.getChildren() ).find( viewCol => viewCol.is( 'element', 'colgroup' ) ) ) {\n\t\t\tthis.editor.editing.view.change( viewWriter => {\n\t\t\t\t_insertColgroupElement( viewWriter, columnWidthsInPx, viewTable );\n\t\t\t} );\n\t\t}\n\n\t\tthis._isResizingActive = true;\n\t\tthis._resizingData = this._getResizingData( domEventData, columnWidthsInPx );\n\n\t\t// At this point we change only the editor view - we don't want other users to see our changes yet,\n\t\t// so we can't apply them in the model.\n\t\tthis.editor.editing.view.change( writer => _applyResizingAttributesToTable( writer, viewTable, this._resizingData! ) );\n\n\t\t/**\n\t\t * Calculates the DOM columns' widths. It is done by taking the width of the widest cell\n\t\t * from each table column (we rely on the  {@link module:table/tablewalker~TableWalker}\n\t\t * to determine which column the cell belongs to).\n\t\t *\n\t\t * @param modelTable A table which columns should be measured.\n\t\t * @param tableUtils The Table Utils plugin instance.\n\t\t * @param editor The editor instance.\n\t\t * @returns Columns' widths expressed in pixels (without unit).\n\t\t */\n\t\tfunction _calculateDomColumnWidths( modelTable: ModelElement, tableUtilsPlugin: TableUtils, editor: Editor ) {\n\t\t\tconst columnWidthsInPx = Array( tableUtilsPlugin.getColumns( modelTable ) );\n\t\t\tconst tableWalker = new TableWalker( modelTable );\n\n\t\t\tfor ( const cellSlot of tableWalker ) {\n\t\t\t\tconst viewCell = editor.editing.mapper.toViewElement( cellSlot.cell )!;\n\t\t\t\tconst domCell = editor.editing.view.domConverter.mapViewToDom( viewCell )!;\n\t\t\t\tconst domCellWidth = getDomCellOuterWidth( domCell );\n\n\t\t\t\tif ( !columnWidthsInPx[ cellSlot.column ] || domCellWidth < columnWidthsInPx[ cellSlot.column ] ) {\n\t\t\t\t\tcolumnWidthsInPx[ cellSlot.column ] = toPrecision( domCellWidth );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn columnWidthsInPx;\n\t\t}\n\n\t\t/**\n\t\t * Creates a `<colgroup>` element with `<col>`s and inserts it into a given view table.\n\t\t *\n\t\t * @param viewWriter A writer instance.\n\t\t * @param columnWidthsInPx Column widths.\n\t\t * @param viewTable A table view element.\n\t\t */\n\t\tfunction _insertColgroupElement( viewWriter: ViewDowncastWriter, columnWidthsInPx: Array<number>, viewTable: ViewElement ) {\n\t\t\tconst colgroup = viewWriter.createContainerElement( 'colgroup' );\n\n\t\t\tfor ( let i = 0; i < columnWidthsInPx.length; i++ ) {\n\t\t\t\tconst viewColElement = viewWriter.createEmptyElement( 'col' );\n\t\t\t\tconst columnWidthInPc = `${ toPrecision( columnWidthsInPx[ i ] / sumArray( columnWidthsInPx ) * 100 ) }%`;\n\n\t\t\t\tviewWriter.setStyle( 'width', columnWidthInPc, viewColElement );\n\t\t\t\tviewWriter.insert( viewWriter.createPositionAt( colgroup, 'end' ), viewColElement );\n\t\t\t}\n\n\t\t\tviewWriter.insert( viewWriter.createPositionAt( viewTable, 0 ), colgroup );\n\t\t}\n\n\t\t/**\n\t\t * Applies the style and classes to the view table as the resizing begun.\n\t\t *\n\t\t * @param viewWriter A writer instance.\n\t\t * @param viewTable A table containing the clicked resizer.\n\t\t * @param resizingData Data related to the resizing.\n\t\t */\n\t\tfunction _applyResizingAttributesToTable( viewWriter: ViewDowncastWriter, viewTable: ViewElement, resizingData: ResizingData ) {\n\t\t\tconst figureInitialPcWidth = resizingData.widths.viewFigureWidth / resizingData.widths.viewFigureParentWidth;\n\n\t\t\tviewWriter.addClass( 'ck-table-resized', viewTable );\n\t\t\tviewWriter.addClass( 'ck-table-column-resizer__active', resizingData.elements.viewResizer );\n\t\t\tviewWriter.setStyle( 'width', `${ toPrecision( figureInitialPcWidth * 100 ) }%`, viewTable.findAncestor( 'figure' )! );\n\t\t}\n\t}\n\n\t/**\n\t * Handles the `mousemove` event.\n\t *  * If resizing process is not in progress, it does nothing.\n\t *  * If resizing is active but not allowed, it stops the resizing process instantly calling the `mousedown` event handler.\n\t *  * Otherwise it dynamically updates the widths of the resized columns.\n\t *\n\t * @param eventInfo An object containing information about the fired event.\n\t * @param mouseEventData The native DOM event.\n\t */\n\tprivate _onMouseMoveHandler( eventInfo: EventInfo, mouseEventData: MouseEvent ) {\n\t\tif ( this._initialMouseEventData ) {\n\t\t\tconst mouseEvent = this._initialMouseEventData.domEvent as MouseEvent;\n\t\t\tconst distanceX = Math.abs( mouseEventData.clientX - mouseEvent.clientX );\n\n\t\t\tif ( distanceX >= COLUMN_RESIZE_DISTANCE_THRESHOLD ) {\n\t\t\t\tthis._startResizingAfterThreshold();\n\t\t\t\tthis._initialMouseEventData = null;\n\t\t\t} else {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tif ( !this._isResizingActive ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( !this._isResizingAllowed ) {\n\t\t\tthis._onMouseUpHandler();\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst {\n\t\t\tcolumnPosition,\n\t\t\tflags: {\n\t\t\t\tisRightEdge,\n\t\t\t\tisTableCentered,\n\t\t\t\tisLtrContent\n\t\t\t},\n\t\t\telements: {\n\t\t\t\tviewFigure,\n\t\t\t\tviewLeftColumn,\n\t\t\t\tviewRightColumn,\n\t\t\t\tviewResizer\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tviewFigureParentWidth,\n\t\t\t\ttableWidth,\n\t\t\t\tleftColumnWidth,\n\t\t\t\trightColumnWidth\n\t\t\t}\n\t\t} = this._resizingData!;\n\n\t\tconst dxLowerBound = -leftColumnWidth + COLUMN_MIN_WIDTH_IN_PIXELS;\n\n\t\tconst dxUpperBound = isRightEdge ?\n\t\t\tviewFigureParentWidth - tableWidth :\n\t\t\trightColumnWidth! - COLUMN_MIN_WIDTH_IN_PIXELS;\n\n\t\t// The multiplier is needed for calculating the proper movement offset:\n\t\t// - it should negate the sign if content language direction is right-to-left,\n\t\t// - it should double the offset if the table edge is resized and table is centered.\n\t\tconst multiplier = ( isLtrContent ? 1 : -1 ) * ( isRightEdge && isTableCentered ? 2 : 1 );\n\n\t\tconst dx = clamp(\n\t\t\t( mouseEventData.clientX - columnPosition ) * multiplier,\n\t\t\tMath.min( dxLowerBound, 0 ),\n\t\t\tMath.max( dxUpperBound, 0 )\n\t\t);\n\n\t\tif ( dx === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.editor.editing.view.change( writer => {\n\t\t\tconst leftColumnWidthAsPercentage = toPrecision( ( leftColumnWidth + dx ) * 100 / tableWidth );\n\n\t\t\twriter.setStyle( 'width', `${ leftColumnWidthAsPercentage }%`, viewLeftColumn );\n\n\t\t\tif ( isRightEdge ) {\n\t\t\t\tconst tableWidthAsPercentage = toPrecision( ( tableWidth + dx ) * 100 / viewFigureParentWidth );\n\n\t\t\t\twriter.setStyle( 'width', `${ tableWidthAsPercentage }%`, viewFigure );\n\t\t\t} else {\n\t\t\t\tconst rightColumnWidthAsPercentage = toPrecision( ( rightColumnWidth! - dx ) * 100 / tableWidth );\n\n\t\t\t\twriter.setStyle( 'width', `${ rightColumnWidthAsPercentage }%`, viewRightColumn! );\n\t\t\t}\n\t\t} );\n\n\t\tthis._recalculateResizerElement( viewResizer );\n\t}\n\n\t/**\n\t * Handles the `mouseup` event.\n\t *  * If resizing process is not in progress, it does nothing.\n\t *  * If resizing is active but not allowed, it cancels the resizing process restoring the original widths.\n\t *  * Otherwise it propagates the changes from view to the model by executing the adequate commands.\n\t */\n\tprivate _onMouseUpHandler() {\n\t\tthis._initialMouseEventData = null;\n\n\t\tif ( !this._isResizingActive ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst {\n\t\t\tviewResizer,\n\t\t\tmodelTable,\n\t\t\tviewFigure,\n\t\t\tviewColgroup\n\t\t} = this._resizingData!.elements;\n\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\n\t\tconst tableColumnGroup = this.getColumnGroupElement( modelTable );\n\t\tconst viewColumns: Array<ViewElement> = Array\n\t\t\t.from( viewColgroup.getChildren() )\n\t\t\t.filter( ( column: ViewNode ): column is ViewElement => column.is( 'view:element' ) );\n\n\t\tconst columnWidthsAttributeOld = tableColumnGroup ?\n\t\t\tthis.getTableColumnsWidths( tableColumnGroup )! :\n\t\t\tnull;\n\n\t\tconst columnWidthsAttributeNew = viewColumns.map( column => column.getStyle( 'width' ) );\n\n\t\tconst isColumnWidthsAttributeChanged = !isEqual( columnWidthsAttributeOld, columnWidthsAttributeNew );\n\n\t\tconst tableWidthAttributeOld = modelTable.getAttribute( 'tableWidth' ) as string;\n\t\tconst tableWidthAttributeNew = viewFigure.getStyle( 'width' )!;\n\n\t\tconst isTableWidthAttributeChanged = tableWidthAttributeOld !== tableWidthAttributeNew;\n\n\t\tif ( isColumnWidthsAttributeChanged || isTableWidthAttributeChanged ) {\n\t\t\tif ( this._isResizingAllowed ) {\n\t\t\t\teditor.execute( 'resizeTableWidth', {\n\t\t\t\t\ttable: modelTable,\n\t\t\t\t\ttableWidth: `${ toPrecision( tableWidthAttributeNew ) }%`,\n\t\t\t\t\tcolumnWidths: columnWidthsAttributeNew\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\t// In read-only mode revert all changes in the editing view. The model is not touched so it does not need to be restored.\n\t\t\t\t// This case can occur if the read-only mode kicks in during the resizing process.\n\t\t\t\teditingView.change( writer => {\n\t\t\t\t\t// If table had resized columns before, restore the previous column widths.\n\t\t\t\t\t// Otherwise clean up the view from the temporary column resizing markup.\n\t\t\t\t\tif ( columnWidthsAttributeOld ) {\n\t\t\t\t\t\tfor ( const viewCol of viewColumns ) {\n\t\t\t\t\t\t\twriter.setStyle( 'width', columnWidthsAttributeOld.shift()!, viewCol );\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\twriter.remove( viewColgroup );\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( isTableWidthAttributeChanged ) {\n\t\t\t\t\t\t// If the whole table was already resized before, restore the previous table width.\n\t\t\t\t\t\t// Otherwise clean up the view from the temporary table resizing markup.\n\t\t\t\t\t\tif ( tableWidthAttributeOld ) {\n\t\t\t\t\t\t\twriter.setStyle( 'width', tableWidthAttributeOld, viewFigure );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\twriter.removeStyle( 'width', viewFigure );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// If a table and its columns weren't resized before,\n\t\t\t\t\t// prune the remaining common resizing markup.\n\t\t\t\t\tif ( !columnWidthsAttributeOld && !tableWidthAttributeOld ) {\n\t\t\t\t\t\twriter.removeClass(\n\t\t\t\t\t\t\t'ck-table-resized',\n\t\t\t\t\t\t\t[ ... viewFigure.getChildren() as IterableIterator<ViewElement> ].find( element => element.name === 'table' )!\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\teditingView.change( writer => {\n\t\t\twriter.removeClass( 'ck-table-column-resizer__active', viewResizer );\n\t\t} );\n\n\t\tconst element = editingView.domConverter.mapViewToDom( viewResizer )!;\n\n\t\tif ( !element.matches( ':hover' ) ) {\n\t\t\tthis._resetResizerStyles( viewResizer );\n\t\t}\n\n\t\tthis._isResizingActive = false;\n\t\tthis._resizingData = null;\n\t}\n\n\t/**\n\t * Retrieves and returns required data needed for the resizing process.\n\t *\n\t * @param domEventData The data of the `mousedown` event.\n\t * @param columnWidths The current widths of the columns.\n\t * @returns The data needed for the resizing process.\n\t */\n\tprivate _getResizingData( domEventData: ViewDocumentDomEventData, columnWidths: Array<number> ): ResizingData {\n\t\tconst editor = this.editor;\n\n\t\tconst columnPosition = ( domEventData.domEvent as Event & { clientX: number } ).clientX;\n\n\t\tconst viewResizer = domEventData.target;\n\t\tconst viewLeftCell = viewResizer.findAncestor( 'td' )! || viewResizer.findAncestor( 'th' )!;\n\t\tconst modelLeftCell = editor.editing.mapper.toModelElement( viewLeftCell )!;\n\t\tconst modelTable = modelLeftCell.findAncestor( 'table' )!;\n\n\t\tconst leftColumnIndex = getColumnEdgesIndexes( modelLeftCell, this._tableUtilsPlugin ).rightEdge;\n\t\tconst lastColumnIndex = this._tableUtilsPlugin.getColumns( modelTable ) - 1;\n\n\t\tconst isRightEdge = leftColumnIndex === lastColumnIndex;\n\t\tconst isTableCentered = !modelTable.hasAttribute( 'tableAlignment' );\n\t\tconst isLtrContent = editor.locale.contentLanguageDirection !== 'rtl';\n\n\t\tconst viewTable = viewLeftCell.findAncestor( 'table' )!;\n\t\tconst viewFigure = viewTable.findAncestor( 'figure' ) as ViewElement;\n\t\tconst viewColgroup = [ ...viewTable.getChildren() as IterableIterator<ViewElement> ]\n\t\t\t.find( viewCol => viewCol.is( 'element', 'colgroup' ) )!;\n\t\tconst viewLeftColumn = viewColgroup.getChild( leftColumnIndex ) as ViewElement;\n\t\tconst viewRightColumn = isRightEdge ? undefined : viewColgroup.getChild( leftColumnIndex + 1 ) as ViewElement;\n\n\t\tconst viewFigureParentWidth = getElementWidthInPixels(\n\t\t\teditor.editing.view.domConverter.mapViewToDom( viewFigure.parent! ) as HTMLElement\n\t\t);\n\t\tconst viewFigureWidth = getElementWidthInPixels( editor.editing.view.domConverter.mapViewToDom( viewFigure )! );\n\t\tconst tableWidth = getTableWidthInPixels( modelTable, editor );\n\t\tconst leftColumnWidth = columnWidths[ leftColumnIndex ];\n\t\tconst rightColumnWidth = isRightEdge ? undefined : columnWidths[ leftColumnIndex + 1 ];\n\n\t\treturn {\n\t\t\tcolumnPosition,\n\t\t\tflags: {\n\t\t\t\tisRightEdge,\n\t\t\t\tisTableCentered,\n\t\t\t\tisLtrContent\n\t\t\t},\n\t\t\telements: {\n\t\t\t\tviewResizer,\n\t\t\t\tmodelTable,\n\t\t\t\tviewFigure,\n\t\t\t\tviewColgroup,\n\t\t\t\tviewLeftColumn,\n\t\t\t\tviewRightColumn\n\t\t\t},\n\t\t\twidths: {\n\t\t\t\tviewFigureParentWidth,\n\t\t\t\tviewFigureWidth,\n\t\t\t\ttableWidth,\n\t\t\t\tleftColumnWidth,\n\t\t\t\trightColumnWidth\n\t\t\t}\n\t\t};\n\t}\n\n\t/**\n\t * Registers a listener ensuring that each resizable cell have a resizer handle.\n\t */\n\tprivate _registerResizerInserter() {\n\t\tthis.editor.conversion.for( 'editingDowncast' ).add( dispatcher => {\n\t\t\tdispatcher.on<DowncastInsertEvent<ModelElement>>( 'insert:tableCell', ( evt, data, conversionApi ) => {\n\t\t\t\tconst modelElement = data.item;\n\t\t\t\tconst viewElement = conversionApi.mapper.toViewElement( modelElement );\n\t\t\t\tconst viewWriter = conversionApi.writer;\n\n\t\t\t\tviewWriter.insert(\n\t\t\t\t\tviewWriter.createPositionAt( viewElement!, 'end' ),\n\t\t\t\t\tviewWriter.createUIElement( 'div', { class: 'ck-table-column-resizer' } )\n\t\t\t\t);\n\t\t\t}, { priority: 'lowest' } );\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecolumnresize\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { TableColumnResizeEditing } from './tablecolumnresize/tablecolumnresizeediting.js';\nimport { TableCellWidthEditing } from './tablecellwidth/tablecellwidthediting.js';\n\nimport '../theme/tablecolumnresize.css';\n\n/**\n * The table column resize feature.\n *\n * It provides the possibility to set the width of each column in a table using a resize handler.\n */\nexport class TableColumnResize extends Plugin {\n\t/**\n\t * @inheritDoc\n \t */\n\tpublic static get requires() {\n\t\treturn [ TableColumnResizeEditing, TableCellWidthEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n \t */\n\tpublic static get pluginName() {\n\t\treturn 'TableColumnResize' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablelayout/commands/tabletypecommand\n */\n\nimport { Command } from 'ckeditor5/src/core.js';\n\nimport { getSelectionAffectedTable } from '../../utils/common.js';\nimport type { TableType } from '../../tableconfig.js';\n\n/**\n * The set table type command.\n *\n * The command is registered by {@link module:table/tablelayout/tablelayoutediting~TableLayoutEditing}\n * as the `'tableType'` editor command.\n *\n * To set the table type at the current selection, execute the command and specify the table type:\n *\n * ```ts\n * editor.execute( 'tableType', 'layout' );\n * ```\n */\nexport class TableTypeCommand extends Command {\n\t/**\n\t * The table type of selected table.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public value: TableType | null;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst selectedTable = getSelectionAffectedTable( selection );\n\n\t\tif ( selectedTable ) {\n\t\t\tthis.isEnabled = true;\n\t\t\tthis.value = selectedTable.getAttribute( 'tableType' ) as TableType;\n\t\t} else {\n\t\t\tthis.isEnabled = false;\n\t\t\tthis.value = null;\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * Set table type by the given table type parameter.\n\t *\n\t * @param tableType The type of table it should become.\n\t * @fires execute\n\t */\n\tpublic override execute( tableType: TableType ): void {\n\t\tconst editor = this.editor;\n\t\tconst model = editor.model;\n\t\tconst selection = model.document.selection;\n\t\tconst table = getSelectionAffectedTable( selection );\n\t\tconst currentTableType = table.getAttribute( 'tableType' );\n\n\t\tif ( currentTableType === tableType ) {\n\t\t\treturn;\n\t\t}\n\n\t\tmodel.change( writer => {\n\t\t\twriter.setAttribute( 'tableType', tableType, table );\n\n\t\t\tmodel.schema.removeDisallowedAttributes( [ table ], writer );\n\n\t\t\tconst tableChildren = table.getChildren();\n\n\t\t\t// Check if all children are allowed for the new table type.\n\t\t\tfor ( const child of tableChildren ) {\n\t\t\t\tif ( !model.schema.checkChild( table, child ) ) {\n\t\t\t\t\twriter.remove( child );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablelayout/tablelayoutediting\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport type { ClipboardContentInsertionEvent, ClipboardPipeline } from 'ckeditor5/src/clipboard.js';\nimport type {\n\tDowncastDispatcher,\n\tUpcastDispatcher,\n\tUpcastElementEvent,\n\tViewElement,\n\tModelSchemaContext,\n\tModelWriter\n} from 'ckeditor5/src/engine.js';\n\nimport { InsertTableLayoutCommand } from './../commands/inserttablelayoutcommand.js';\nimport { TableColumnResize } from '../tablecolumnresize.js';\nimport { TableTypeCommand } from './commands/tabletypecommand.js';\nimport { createEmptyTableCell } from '../utils/common.js';\nimport type { TableType } from '../tableconfig.js';\n\nimport '../../theme/tablelayout.css';\n\nconst TABLE_TYPES: Array<TableType> = [ 'content', 'layout' ];\n\n/**\n * The table layout editing plugin.\n */\nexport class TableLayoutEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableLayoutEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'TL';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableColumnResize ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tthis._defineSchema();\n\t\tthis._defineConverters();\n\t\tthis._defineClipboardPasteHandlers();\n\t\tthis._registerTableTypeAttributePostfixer();\n\t\tthis.editor.commands.add( 'insertTableLayout', new InsertTableLayoutCommand( this.editor ) );\n\t\tthis.editor.commands.add( 'tableType', new TableTypeCommand( this.editor ) );\n\t}\n\n\t/**\n\t * Defines the schema for the table layout feature.\n\t */\n\tprivate _defineSchema() {\n\t\tconst { schema } = this.editor.model;\n\n\t\tschema.extend( 'table', {\n\t\t\tallowAttributes: 'tableType'\n\t\t} );\n\n\t\t// Disallow adding `caption` to layout table.\n\t\tschema.addChildCheck( layoutTableCheck, 'caption' );\n\n\t\t// Disallow adding `headingRows` attribute to layout table.\n\t\tschema.addAttributeCheck( layoutTableCheck, 'headingRows' );\n\n\t\t// Disallow adding `headingColumns` attribute to layout table.\n\t\tschema.addAttributeCheck( layoutTableCheck, 'headingColumns' );\n\t}\n\n\t/**\n\t * Defines the converters for the table layout feature.\n\t */\n\tprivate _defineConverters() {\n\t\tconst { editor } = this;\n\t\tconst { conversion } = editor;\n\n\t\tconst preferredExternalTableType = editor.config.get( 'table.tableLayout.preferredExternalTableType' );\n\n\t\tconversion.for( 'upcast' ).add( upcastLayoutTable( editor, preferredExternalTableType ) );\n\t\tconversion.for( 'dataDowncast' ).add( dataDowncastLayoutTable() );\n\t\tconversion.for( 'editingDowncast' ).attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableType',\n\t\t\t\tvalues: [ 'layout', 'content' ]\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tlayout: {\n\t\t\t\t\tkey: 'class',\n\t\t\t\t\tvalue: [ 'layout-table' ]\n\t\t\t\t},\n\t\t\t\tcontent: {\n\t\t\t\t\tkey: 'class',\n\t\t\t\t\tvalue: [ 'content-table' ]\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Handles the clipboard content insertion events.\n\t *\n\t * - If the content is from another editor, do not override the table type.\n\t * - If the content is from another source, set the table type to 'content'.\n\t *\n\t * It handles the scenario when user copies `<table></table>` from Word. We do not want to\n\t * change the table type to `layout` because it is really `content` table.\n\t */\n\tprivate _defineClipboardPasteHandlers(): void {\n\t\tconst { plugins } = this.editor;\n\n\t\tif ( !plugins.has( 'ClipboardPipeline' ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst clipboardPipeline: ClipboardPipeline = plugins.get( 'ClipboardPipeline' );\n\n\t\tthis.listenTo<ClipboardContentInsertionEvent>( clipboardPipeline, 'contentInsertion', ( evt, data ) => {\n\t\t\t// If content is pasted from the other editor, skip overriding table type.\n\t\t\tif ( data.sourceEditorId ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// For content from other sources, always set table type to 'content'.\n\t\t\tthis.editor.model.change( writer => {\n\t\t\t\tfor ( const { item } of writer.createRangeIn( data.content ) ) {\n\t\t\t\t\tif ( item.is( 'element', 'table' ) ) {\n\t\t\t\t\t\twriter.setAttribute( 'tableType', 'content', item );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Registers a post-fixer that sets the `tableType` attribute to `content` for inserted \"default\" tables.\n\t * Also fixes potential issues with the table structure when the `tableType` attribute has been changed.\n\t */\n\tprivate _registerTableTypeAttributePostfixer() {\n\t\tconst editor = this.editor;\n\n\t\teditor.model.document.registerPostFixer( ( writer: ModelWriter ) => {\n\t\t\tconst changes = editor.model.document.differ.getChanges();\n\t\t\tlet hasChanged = false;\n\n\t\t\tfor ( const entry of changes ) {\n\t\t\t\tif ( entry.type == 'insert' && entry.name != '$text' ) {\n\t\t\t\t\tconst element = entry.position.nodeAfter!;\n\t\t\t\t\tconst range = writer.createRangeOn( element );\n\n\t\t\t\t\tfor ( const item of range.getItems() ) {\n\t\t\t\t\t\tif ( item.is( 'element', 'table' ) && !item.hasAttribute( 'tableType' ) ) {\n\t\t\t\t\t\t\twriter.setAttribute( 'tableType', 'content', item );\n\t\t\t\t\t\t\thasChanged = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Remove disallowed attributes and children for layout tables\n\t\t\t\t// when `tableType` attribute has been changed by `TableTypeCommand`.\n\t\t\t\tif ( entry.type == 'attribute' && entry.attributeKey == 'tableType' ) {\n\t\t\t\t\tfor ( const item of entry.range.getItems() ) {\n\t\t\t\t\t\tif ( item.is( 'element', 'table' ) ) {\n\t\t\t\t\t\t\teditor.model.schema.removeDisallowedAttributes( [ item ], writer );\n\n\t\t\t\t\t\t\tconst tableChildren = item.getChildren();\n\n\t\t\t\t\t\t\t// Check if all children are allowed for the new table type.\n\t\t\t\t\t\t\tfor ( const child of tableChildren ) {\n\t\t\t\t\t\t\t\tif ( !editor.model.schema.checkChild( item, child ) ) {\n\t\t\t\t\t\t\t\t\twriter.remove( child );\n\t\t\t\t\t\t\t\t\thasChanged = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn hasChanged;\n\t\t} );\n\t}\n}\n\n/**\n * View table element to model table element conversion helper.\n *\n * This conversion helper overrides the default table converter to meet table layout conditions.\n *\n * @param editor Editor instance.\n * @returns Conversion helper.\n */\nfunction upcastLayoutTable( editor: Editor, preferredExternalTableType: TableType | undefined ) {\n\treturn ( dispatcher: UpcastDispatcher ): void => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:table', ( evt, data, conversionApi ) => {\n\t\t\tconst viewTable = data.viewItem;\n\n\t\t\tif ( !conversionApi.consumable.test( viewTable, { name: true } ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst resolvedTableType = resolveTableType( viewTable, preferredExternalTableType );\n\n\t\t\t// When an element is a content table, then skip it.\n\t\t\tif ( resolvedTableType == 'content' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst table = conversionApi.writer.createElement( 'table', { tableType: 'layout' } );\n\n\t\t\tif ( !conversionApi.safeInsert( table, data.modelCursor ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconversionApi.consumable.consume( viewTable, { name: true } );\n\t\t\tconversionApi.consumable.consume( viewTable, { attributes: [ 'role' ] } );\n\t\t\tconversionApi.consumable.consume( viewTable, { classes: [ 'layout-table' ] } );\n\n\t\t\t// Layout tables have no border, so it's equitable to consume the border=\"0\" attribute.\n\t\t\tif (\n\t\t\t\teditor.config.get( 'experimentalFlags.upcastTableBorderZeroAttributes' ) &&\n\t\t\t\tviewTable.getAttribute( 'border' ) === '0'\n\t\t\t) {\n\t\t\t\tconversionApi.consumable.consume( viewTable, { attributes: [ 'border' ] } );\n\t\t\t}\n\n\t\t\t// Get all rows from the table and convert them.\n\t\t\t// While looping over the children of `<table>` we can be sure that first will be `<tbody>`\n\t\t\t// and optionally `<thead>` and `<tfoot>`, and in these elements are the table rows found.\n\t\t\t// We can be sure of that because of `DomParser` handle it.\n\t\t\tfor ( const tableChild of viewTable.getChildren() ) {\n\t\t\t\tif ( tableChild.is( 'element' ) ) {\n\t\t\t\t\tfor ( const row of tableChild.getChildren() ) {\n\t\t\t\t\t\tif ( row.is( 'element', 'tr' ) ) {\n\t\t\t\t\t\t\tconversionApi.convertItem( row, conversionApi.writer.createPositionAt( table, 'end' ) );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Convert everything else.\n\t\t\tconversionApi.convertChildren( viewTable, conversionApi.writer.createPositionAt( table, 'end' ) );\n\n\t\t\t// Create one row and one table cell for empty table.\n\t\t\tif ( table.isEmpty ) {\n\t\t\t\tconst row = conversionApi.writer.createElement( 'tableRow' );\n\n\t\t\t\tconversionApi.writer.insert( row, conversionApi.writer.createPositionAt( table, 'end' ) );\n\t\t\t\tcreateEmptyTableCell( conversionApi.writer, conversionApi.writer.createPositionAt( row, 'end' ) );\n\t\t\t}\n\n\t\t\tconversionApi.updateConversionResult( table, data );\n\t\t}, { priority: 'high' } );\n\n\t\t// Sets only the table type attribute.\n\t\tdispatcher.on<UpcastElementEvent>( 'element:table', ( evt, data, conversionApi ) => {\n\t\t\tconst { viewItem, modelRange } = data;\n\n\t\t\tif ( modelRange ) {\n\t\t\t\tconversionApi.writer.setAttribute(\n\t\t\t\t\t'tableType',\n\t\t\t\t\tresolveTableType( viewItem, preferredExternalTableType ),\n\t\t\t\t\tmodelRange\n\t\t\t\t);\n\t\t\t\tconversionApi.consumable.consume( viewItem, { classes: [ 'layout-table' ] } );\n\t\t\t\tconversionApi.consumable.consume( viewItem, { classes: [ 'content-table' ] } );\n\t\t\t}\n\t\t}, { priority: 'low' } );\n\t};\n}\n\n/**\n * Model table container element to view table element conversion helper.\n *\n * @returns Conversion helper.\n */\nfunction dataDowncastLayoutTable() {\n\treturn ( dispatcher: DowncastDispatcher ): void => {\n\t\treturn dispatcher.on( 'attribute:tableType:table', ( evt, data, conversionApi ) => {\n\t\t\tconst { item, attributeNewValue } = data;\n\t\t\tconst { mapper, writer } = conversionApi;\n\n\t\t\tif ( !conversionApi.consumable.test( item, evt.name ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst table = mapper.toViewElement( item );\n\n\t\t\twriter.addClass( `${ attributeNewValue }-table`, table );\n\n\t\t\tif ( attributeNewValue == 'layout' ) {\n\t\t\t\twriter.setAttribute( 'role', 'presentation', table );\n\t\t\t}\n\n\t\t\tconversionApi.consumable.consume( item, evt.name );\n\t\t} );\n\t};\n}\n\n/**\n * Resolves the table type based on the view table element and the preferred external table type.\n */\nfunction resolveTableType( viewTable: ViewElement, preferredExternalTableType: TableType | undefined ): TableType {\n\tif ( viewTable.hasClass( 'content-table' ) ) {\n\t\treturn 'content';\n\t}\n\n\tif ( viewTable.hasClass( 'layout-table' ) ) {\n\t\treturn 'layout';\n\t}\n\n\tif ( preferredExternalTableType && TABLE_TYPES.includes( preferredExternalTableType ) ) {\n\t\treturn preferredExternalTableType;\n\t}\n\n\tconst parent = viewTable.parent!;\n\n\t/**\n\t * Checks if the table is a content table if any of the following conditions are met:\n\t * - the `<table>` is wrapped with `<figure>`,\n\t * - the `<table>` has a `<caption>` element.\n\t */\n\tif (\n\t\tparent.is( 'element', 'figure' ) ||\n\t\tArray.from( viewTable.getChildren() ).some( child => child.is( 'element', 'caption' ) ) )\n\t{\n\t\treturn 'content';\n\t}\n\n\treturn 'layout';\n}\n\n/**\n * Checks if the element is a layout table.\n * It is used to disallow attributes or children that is managed by `Schema`.\n */\nfunction layoutTableCheck( context: ModelSchemaContext ) {\n\tif ( context.endsWith( 'table' ) && context.last.getAttribute( 'tableType' ) == 'layout' ) {\n\t\treturn false;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablelayout\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { TableLayoutUI } from './tablelayout/tablelayoutui.js';\n\nimport { TableLayoutEditing } from './tablelayout/tablelayoutediting.js';\nimport { PlainTableOutput } from './plaintableoutput.js';\nimport { TableColumnResize } from './tablecolumnresize.js';\n\n/**\n * The table plugin.\n *\n * For a detailed overview, check the {@glink features/tables/layout-tables Layout table feature documentation}.\n */\nexport class TableLayout extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableLayout' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ PlainTableOutput, TableColumnResize, TableLayoutEditing, TableLayoutUI ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/commands/tablepropertycommand\n */\n\nimport type { Batch, ModelElement } from 'ckeditor5/src/engine.js';\nimport { Command, type Editor } from 'ckeditor5/src/core.js';\nimport { getSelectionAffectedTable } from '../../utils/common.js';\n\nexport interface TablePropertyCommandExecuteOptions {\n\tbatch?: Batch;\n\tcolumnWidths?: string;\n\ttable?: ModelElement;\n\ttableWidth?: string;\n\tvalue?: string;\n}\n\n/**\n * The table cell attribute command.\n *\n * This command is a base command for other table property commands.\n */\nexport class TablePropertyCommand extends Command {\n\t/**\n\t * The attribute that will be set by the command.\n\t */\n\tpublic readonly attributeName: string;\n\n\t/**\n\t * The default value for the attribute.\n\t *\n\t * @readonly\n\t */\n\tprotected _defaultValue: string | undefined;\n\n\t/**\n\t * The default value for the attribute for the content table.\n\t */\n\tprivate readonly _defaultContentTableValue: string | undefined;\n\n\t/**\n\t * The default value for the attribute for the layout table.\n\t */\n\tprivate readonly _defaultLayoutTableValue: string | undefined;\n\n\t/**\n\t * Creates a new `TablePropertyCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param attributeName Table cell attribute name.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, attributeName: string, defaultValue?: string ) {\n\t\tsuper( editor );\n\n\t\tthis.attributeName = attributeName;\n\t\tthis._defaultContentTableValue = defaultValue;\n\t\tthis._defaultLayoutTableValue = attributeName === 'tableBorderStyle' ? 'none' : undefined;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst selection = editor.model.document.selection;\n\n\t\tconst table = getSelectionAffectedTable( selection );\n\n\t\tthis._defaultValue = !table || table.getAttribute( 'tableType' ) !== 'layout' ?\n\t\t\tthis._defaultContentTableValue :\n\t\t\tthis._defaultLayoutTableValue;\n\n\t\tthis.isEnabled = !!table;\n\t\tthis.value = this._getValue( table );\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * @fires execute\n\t * @param options.value If set, the command will set the attribute on the selected table.\n\t * If not set, the command will remove the attribute from the selected table.\n\t * @param options.batch Pass the model batch instance to the command to aggregate changes,\n\t * for example, to allow a single undo step for multiple executions.\n\t */\n\tpublic override execute( options: TablePropertyCommandExecuteOptions = {} ): void {\n\t\tconst model = this.editor.model;\n\t\tconst selection = model.document.selection;\n\n\t\tconst { value, batch } = options;\n\n\t\tconst table = getSelectionAffectedTable( selection );\n\t\tconst valueToSet = this._getValueToSet( value );\n\n\t\tmodel.enqueueChange( batch, writer => {\n\t\t\tif ( valueToSet ) {\n\t\t\t\twriter.setAttribute( this.attributeName, valueToSet, table );\n\t\t\t} else {\n\t\t\t\twriter.removeAttribute( this.attributeName, table );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Returns the attribute value for a table.\n\t */\n\tprotected _getValue( table: ModelElement ): unknown {\n\t\tif ( !table ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = table.getAttribute( this.attributeName );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n\n\t/**\n\t * Returns the proper model value. It can be used to add a default unit to numeric values.\n\t */\n\tprotected _getValueToSet( value: string | number | undefined ): unknown {\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/commands/tablebackgroundcolorcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport { TablePropertyCommand } from './tablepropertycommand.js';\n\n/**\n * The table background color command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableBackgroundColor'` editor command.\n *\n * To change the background color of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableBackgroundColor', {\n *   value: '#f00'\n * } );\n * ```\n */\nexport class TableBackgroundColorCommand extends TablePropertyCommand {\n\t/**\n\t * Creates a new `TableBackgroundColorCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableBackgroundColor', defaultValue );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/commands/tablebordercolorcommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { TablePropertyCommand } from './tablepropertycommand.js';\nimport { getSingleValue } from '../../utils/table-properties.js';\n\n/**\n * The table border color command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableBorderColor'` editor command.\n *\n * To change the border color of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableBorderColor', {\n *   value: '#f00'\n * } );\n * ```\n */\nexport class TableBorderColorCommand extends TablePropertyCommand {\n\t/**\n\t * Creates a new `TableBorderColorCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableBorderColor', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getValue( table: ModelElement ): unknown {\n\t\tif ( !table ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = getSingleValue( table.getAttribute( this.attributeName ) as string );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/commands/tableborderstylecommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\n\nimport { TablePropertyCommand } from './tablepropertycommand.js';\nimport { getSingleValue } from '../../utils/table-properties.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\n/**\n * The table style border command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableBorderStyle'` editor command.\n *\n * To change the border style of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableBorderStyle', {\n *   value: 'dashed'\n * } );\n * ```\n */\nexport class TableBorderStyleCommand extends TablePropertyCommand {\n\t/**\n\t * Creates a new `TableBorderStyleCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableBorderStyle', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getValue( table: ModelElement ): unknown {\n\t\tif ( !table ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = getSingleValue( table.getAttribute( this.attributeName ) as string );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/commands/tableborderwidthcommand\n */\n\nimport type { ModelElement } from 'ckeditor5/src/engine.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\nimport { TablePropertyCommand } from './tablepropertycommand.js';\nimport { addDefaultUnitToNumericValue, getSingleValue } from '../../utils/table-properties.js';\n\n/**\n * The table width border command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableBorderWidth'` editor command.\n *\n * To change the border width of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableBorderWidth', {\n *   value: '5px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableBorderWidth', {\n *   value: '5'\n * } );\n * ```\n *\n * will set the `borderWidth` attribute to `'5px'` in the model.\n */\nexport class TableBorderWidthCommand extends TablePropertyCommand {\n\t/**\n\t * Creates a new `TableBorderWidthCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableBorderWidth', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getValue( table: ModelElement ): string | undefined {\n\t\tif ( !table ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = getSingleValue( table.getAttribute( this.attributeName ) as string );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getValueToSet( value: string | number | undefined ): unknown {\n\t\tconst newValue = addDefaultUnitToNumericValue( value, 'px' );\n\n\t\tif ( newValue === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn newValue;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/commands/tablewidthcommand\n */\n\nimport { TablePropertyCommand } from './tablepropertycommand.js';\nimport { addDefaultUnitToNumericValue } from '../../utils/table-properties.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\n/**\n * The table width command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableWidth'` editor command.\n *\n * To change the width of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableWidth', {\n *   value: '400px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableWidth', {\n *   value: '50'\n * } );\n * ```\n *\n * will set the `width` attribute to `'50px'` in the model.\n */\nexport class TableWidthCommand extends TablePropertyCommand {\n\t/**\n\t * Creates a new `TableWidthCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableWidth', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override _getValueToSet( value: string | number | undefined ): unknown {\n\t\tvalue = addDefaultUnitToNumericValue( value, 'px' );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/commands/tableheightcommand\n */\n\nimport { TablePropertyCommand } from './tablepropertycommand.js';\nimport { addDefaultUnitToNumericValue } from '../../utils/table-properties.js';\nimport type { Editor } from 'ckeditor5/src/core.js';\n\n/**\n * The table height command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableHeight'` editor command.\n *\n * To change the height of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableHeight', {\n *   value: '500px'\n * } );\n * ```\n *\n * **Note**: This command adds the default `'px'` unit to numeric values. Executing:\n *\n * ```ts\n * editor.execute( 'tableHeight', {\n *   value: '50'\n * } );\n * ```\n *\n * will set the `height` attribute to `'50px'` in the model.\n */\nexport class TableHeightCommand extends TablePropertyCommand {\n\t/**\n\t * Creates a new `TableHeightCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value of the attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableHeight', defaultValue );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tprotected override _getValueToSet( value: string | number | undefined ): unknown {\n\t\tvalue = addDefaultUnitToNumericValue( value, 'px' );\n\n\t\tif ( value === this._defaultValue ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn value;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/commands/tablealignmentcommand\n */\n\nimport type { Editor } from 'ckeditor5/src/core.js';\nimport { TablePropertyCommand } from './tablepropertycommand.js';\n\n/**\n * The table alignment command.\n *\n * The command is registered by the {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing} as\n * the `'tableAlignment'` editor command.\n *\n * To change the alignment of the selected table, execute the command:\n *\n * ```ts\n * editor.execute( 'tableAlignment', {\n *   value: 'right'\n * } );\n * ```\n */\nexport class TableAlignmentCommand extends TablePropertyCommand {\n\t/**\n\t * Creates a new `TableAlignmentCommand` instance.\n\t *\n\t * @param editor An editor in which this command will be used.\n\t * @param defaultValue The default value for the \"alignment\" attribute.\n\t */\n\tconstructor( editor: Editor, defaultValue: string ) {\n\t\tsuper( editor, 'tableAlignment', defaultValue );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/tablepropertiesediting\n */\n\nimport { type Editor, Plugin } from 'ckeditor5/src/core.js';\nimport {\n\taddBackgroundStylesRules,\n\taddBorderStylesRules,\n\taddMarginStylesRules,\n\ttype ViewElement,\n\ttype ViewItem,\n\ttype Conversion,\n\ttype ModelSchema,\n\ttype ModelElement,\n\ttype UpcastConversionApi,\n\ttype UpcastConversionData,\n\ttype UpcastDispatcher,\n\ttype UpcastElementEvent,\n\ttype ViewDowncastWriter\n} from 'ckeditor5/src/engine.js';\nimport { first } from 'ckeditor5/src/utils.js';\nimport type { ViewDocumentClipboardOutputEvent } from 'ckeditor5/src/clipboard.js';\n\nimport { TableEditing } from '../tableediting.js';\nimport {\n\tdowncastAttributeToStyle,\n\tdowncastTableAttribute,\n\tgetDefaultValueAdjusted,\n\tupcastBorderStyles,\n\tupcastStyleToAttribute,\n\tupcastTableAlignmentConfig,\n\tDEFAULT_TABLE_ALIGNMENT_OPTIONS\n} from '../converters/tableproperties.js';\nimport { TableBackgroundColorCommand } from './commands/tablebackgroundcolorcommand.js';\nimport { TableBorderColorCommand } from './commands/tablebordercolorcommand.js';\nimport { TableBorderStyleCommand } from './commands/tableborderstylecommand.js';\nimport { TableBorderWidthCommand } from './commands/tableborderwidthcommand.js';\nimport { TableWidthCommand } from './commands/tablewidthcommand.js';\nimport { TableHeightCommand } from './commands/tableheightcommand.js';\nimport { TableAlignmentCommand } from './commands/tablealignmentcommand.js';\nimport { getNormalizedDefaultTableProperties } from '../utils/table-properties.js';\nimport { getViewTableFromWrapper } from '../utils/structure.js';\n\n/**\n * The table properties editing feature.\n *\n * Introduces table's model attributes and their conversion:\n *\n * - border: `tableBorderStyle`, `tableBorderColor` and `tableBorderWidth`\n * - background color: `tableBackgroundColor`\n * - horizontal alignment: `tableAlignment`\n * - width & height: `tableWidth` & `tableHeight`\n *\n * It also registers commands used to manipulate the above attributes:\n *\n * - border: `'tableBorderStyle'`, `'tableBorderColor'` and `'tableBorderWidth'` commands\n * - background color: `'tableBackgroundColor'`\n * - horizontal alignment: `'tableAlignment'`\n * - width & height: `'tableWidth'` & `'tableHeight'`\n */\nexport class TablePropertiesEditing extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TablePropertiesEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'TCP';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableEditing ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst conversion = editor.conversion;\n\n\t\teditor.config.define( 'table.tableProperties.defaultProperties', {} );\n\n\t\tconst defaultTableProperties = getNormalizedDefaultTableProperties(\n\t\t\teditor.config.get( 'table.tableProperties.defaultProperties' )!,\n\t\t\t{\n\t\t\t\tincludeAlignmentProperty: true\n\t\t\t}\n\t\t);\n\n\t\tconst useInlineStyles = editor.config.get( 'table.tableProperties.alignment.useInlineStyles' ) !== false;\n\n\t\teditor.data.addStyleProcessorRules( addMarginStylesRules );\n\t\teditor.data.addStyleProcessorRules( addBorderStylesRules );\n\t\tenableBorderProperties( editor, {\n\t\t\tcolor: defaultTableProperties.borderColor,\n\t\t\tstyle: defaultTableProperties.borderStyle,\n\t\t\twidth: defaultTableProperties.borderWidth\n\t\t} );\n\n\t\teditor.commands.add( 'tableBorderColor', new TableBorderColorCommand( editor, defaultTableProperties.borderColor ) );\n\t\teditor.commands.add( 'tableBorderStyle', new TableBorderStyleCommand( editor, defaultTableProperties.borderStyle ) );\n\t\teditor.commands.add( 'tableBorderWidth', new TableBorderWidthCommand( editor, defaultTableProperties.borderWidth ) );\n\n\t\tif ( editor.config.get( 'experimentalFlags.useExtendedTableBlockAlignment' ) ) {\n\t\t\tenableExtendedAlignmentProperty( schema, conversion, defaultTableProperties.alignment!, useInlineStyles );\n\t\t} else {\n\t\t\tenableAlignmentProperty( schema, conversion, defaultTableProperties.alignment! );\n\t\t}\n\n\t\teditor.commands.add( 'tableAlignment', new TableAlignmentCommand( editor, defaultTableProperties.alignment! ) );\n\n\t\tenableTableToFigureProperty( schema, conversion, {\n\t\t\tmodelAttribute: 'tableWidth',\n\t\t\tstyleName: 'width',\n\t\t\tattributeName: 'width',\n\t\t\tattributeType: 'length',\n\t\t\tdefaultValue: defaultTableProperties.width\n\t\t} );\n\t\teditor.commands.add( 'tableWidth', new TableWidthCommand( editor, defaultTableProperties.width ) );\n\n\t\tenableTableToFigureProperty( schema, conversion, {\n\t\t\tmodelAttribute: 'tableHeight',\n\t\t\tstyleName: 'height',\n\t\t\tattributeName: 'height',\n\t\t\tattributeType: 'length',\n\t\t\tdefaultValue: defaultTableProperties.height\n\t\t} );\n\t\teditor.commands.add( 'tableHeight', new TableHeightCommand( editor, defaultTableProperties.height ) );\n\n\t\teditor.data.addStyleProcessorRules( addBackgroundStylesRules );\n\t\tenableProperty( schema, conversion, {\n\t\t\tmodelAttribute: 'tableBackgroundColor',\n\t\t\tstyleName: 'background-color',\n\t\t\tattributeName: 'bgcolor',\n\t\t\tattributeType: 'color',\n\t\t\tdefaultValue: defaultTableProperties.backgroundColor\n\t\t} );\n\t\teditor.commands.add(\n\t\t\t'tableBackgroundColor',\n\t\t\tnew TableBackgroundColorCommand( editor, defaultTableProperties.backgroundColor )\n\t\t);\n\n\t\tif ( editor.config.get( 'experimentalFlags.useExtendedTableBlockAlignment' ) ) {\n\t\t\tconst viewDoc = editor.editing.view.document;\n\n\t\t\t// Adjust clipboard output to wrap tables in divs if needed (for alignment).\n\t\t\tthis.listenTo<ViewDocumentClipboardOutputEvent>( viewDoc, 'clipboardOutput', ( evt, data ) => {\n\t\t\t\teditor.editing.view.change( writer => {\n\t\t\t\t\tfor ( const { item } of writer.createRangeIn( data.content ) ) {\n\t\t\t\t\t\twrapInDivIfNeeded( item, writer );\n\t\t\t\t\t}\n\n\t\t\t\t\tdata.dataTransfer.setData( 'text/html', this.editor.data.htmlProcessor.toData( data.content ) );\n\t\t\t\t} );\n\t\t\t}, { priority: 'lowest' } );\n\t\t}\n\t}\n}\n\n/**\n * Checks whether the view element is a table and if it needs to be wrapped in a div for alignment purposes.\n * If so, it wraps it in a div and inserts it into the data content.\n */\nfunction wrapInDivIfNeeded( viewItem: ViewItem, writer: ViewDowncastWriter ): void {\n\tif ( !viewItem.is( 'element', 'table' ) ) {\n\t\treturn;\n\t}\n\n\tconst alignAttribute = viewItem.getAttribute( 'align' ) as string | undefined;\n\tconst floatAttribute = viewItem.getStyle( 'float' ) as string | undefined;\n\tconst marginLeft = viewItem.getStyle( 'margin-left' );\n\tconst marginRight = viewItem.getStyle( 'margin-right' );\n\n\tif (\n\t\t// Align center.\n\t\t( alignAttribute && alignAttribute === 'center' ) ||\n\t\t// Align right with text wrapping.\n\t\t( floatAttribute && floatAttribute === 'right' && alignAttribute && alignAttribute === 'right' )\n\t) {\n\t\tinsertWrapperWithAlignment( writer, alignAttribute, viewItem );\n\n\t\treturn;\n\t}\n\n\t// Align right with no text wrapping.\n\tif ( floatAttribute === undefined && marginLeft === 'auto' && marginRight === '0' ) {\n\t\tinsertWrapperWithAlignment( writer, 'right', viewItem );\n\t}\n}\n\nfunction insertWrapperWithAlignment( writer: ViewDowncastWriter, align: string, table: ViewElement ): void {\n\tconst position = writer.createPositionBefore( table );\n\tconst wrapper = writer.createContainerElement( 'div', { align }, table );\n\n\twriter.insert( position, wrapper );\n}\n\n/**\n * Enables `tableBorderStyle'`, `tableBorderColor'` and `tableBorderWidth'` attributes for table.\n *\n * @param defaultBorder The default border values.\n * @param defaultBorder.color The default `tableBorderColor` value.\n * @param defaultBorder.style The default `tableBorderStyle` value.\n * @param defaultBorder.width The default `tableBorderWidth` value.\n */\nfunction enableBorderProperties(\n\teditor: Editor,\n\tdefaultBorder: { color: string; style: string; width: string }\n) {\n\tconst { conversion } = editor;\n\tconst { schema } = editor.model;\n\n\tconst modelAttributes = {\n\t\twidth: 'tableBorderWidth',\n\t\tcolor: 'tableBorderColor',\n\t\tstyle: 'tableBorderStyle'\n\t};\n\n\tschema.extend( 'table', {\n\t\tallowAttributes: Object.values( modelAttributes )\n\t} );\n\n\tfor ( const modelAttribute of Object.values( modelAttributes ) ) {\n\t\tschema.setAttributeProperties( modelAttribute, { isFormatting: true } );\n\t}\n\n\tupcastBorderStyles( editor, 'table', modelAttributes, defaultBorder );\n\n\tdowncastTableAttribute( conversion, { modelAttribute: modelAttributes.color, styleName: 'border-color' } );\n\tdowncastTableAttribute( conversion, { modelAttribute: modelAttributes.style, styleName: 'border-style' } );\n\tdowncastTableAttribute( conversion, { modelAttribute: modelAttributes.width, styleName: 'border-width' } );\n}\n\n/**\n * Enables the extended block`'alignment'` attribute for table.\n *\n * @param defaultValue The default alignment value.\n */\nfunction enableExtendedAlignmentProperty( schema: ModelSchema, conversion: Conversion, defaultValue: string, useInlineStyles: boolean ) {\n\tschema.extend( 'table', {\n\t\tallowAttributes: [ 'tableAlignment' ]\n\t} );\n\n\tschema.setAttributeProperties( 'tableAlignment', { isFormatting: true } );\n\n\tconversion.for( 'downcast' )\n\t\t.attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tname: 'table',\n\t\t\t\tkey: 'tableAlignment',\n\t\t\t\tvalues: [ 'left', 'center', 'right', 'blockLeft', 'blockRight' ]\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tleft: useInlineStyles ? {\n\t\t\t\t\tkey: 'style',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tfloat: 'left',\n\t\t\t\t\t\t'margin-right': 'var(--ck-content-table-style-spacing, 1.5em)'\n\t\t\t\t\t}\n\t\t\t\t} : {\n\t\t\t\t\tkey: 'class',\n\t\t\t\t\tvalue: DEFAULT_TABLE_ALIGNMENT_OPTIONS.left.className\n\t\t\t\t},\n\t\t\t\tright: useInlineStyles ? {\n\t\t\t\t\tkey: 'style',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tfloat: 'right',\n\t\t\t\t\t\t'margin-left': 'var(--ck-content-table-style-spacing, 1.5em)'\n\t\t\t\t\t}\n\t\t\t\t} : {\n\t\t\t\t\tkey: 'class',\n\t\t\t\t\tvalue: DEFAULT_TABLE_ALIGNMENT_OPTIONS.right.className\n\t\t\t\t},\n\t\t\t\tcenter: useInlineStyles ? {\n\t\t\t\t\tkey: 'style',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\t'margin-left': 'auto',\n\t\t\t\t\t\t'margin-right': 'auto'\n\t\t\t\t\t}\n\t\t\t\t} : {\n\t\t\t\t\tkey: 'class',\n\t\t\t\t\tvalue: DEFAULT_TABLE_ALIGNMENT_OPTIONS.center.className\n\t\t\t\t},\n\t\t\t\tblockLeft: useInlineStyles ? {\n\t\t\t\t\tkey: 'style',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\t'margin-left': '0',\n\t\t\t\t\t\t'margin-right': 'auto'\n\t\t\t\t\t}\n\t\t\t\t} : {\n\t\t\t\t\tkey: 'class',\n\t\t\t\t\tvalue: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockLeft.className\n\t\t\t\t},\n\t\t\t\tblockRight: useInlineStyles ? {\n\t\t\t\t\tkey: 'style',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\t'margin-left': 'auto',\n\t\t\t\t\t\t'margin-right': '0'\n\t\t\t\t\t}\n\t\t\t\t} : {\n\t\t\t\t\tkey: 'class',\n\t\t\t\t\tvalue: DEFAULT_TABLE_ALIGNMENT_OPTIONS.blockRight.className\n\t\t\t\t}\n\t\t\t},\n\t\t\tconverterPriority: 'high'\n\t\t} );\n\n\t/**\n\t * Enables upcasting of the `tableAlignment` attribute.\n\t */\n\tupcastTableAlignmentConfig.forEach( config => {\n\t\tconversion.for( 'upcast' ).attributeToAttribute( {\n\t\t\tview: config.view,\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableAlignment',\n\t\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t\tif ( isNonTableFigureElement( viewElement ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, '', data );\n\t\t\t\t\tconst align = config.getAlign( viewElement );\n\t\t\t\t\tconst consumables = config.getConsumables( viewElement );\n\n\t\t\t\t\tconversionApi.consumable.consume( viewElement, consumables );\n\n\t\t\t\t\tif ( align !== localDefaultValue ) {\n\t\t\t\t\t\treturn align;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t} );\n\n\tconversion.for( 'upcast' ).add( upcastTableAlignedDiv( defaultValue ) );\n}\n\n/**\n * Enables the `'alignment'` attribute for table.\n *\n * @param defaultValue The default alignment value.\n */\nfunction enableAlignmentProperty( schema: ModelSchema, conversion: Conversion, defaultValue: string ) {\n\tconst ALIGN_VALUES_REG_EXP = /^(left|center|right)$/;\n\tconst FLOAT_VALUES_REG_EXP = /^(left|none|right)$/;\n\n\tschema.extend( 'table', {\n\t\tallowAttributes: [ 'tableAlignment' ]\n\t} );\n\n\tschema.setAttributeProperties( 'tableAlignment', { isFormatting: true } );\n\n\tconversion.for( 'downcast' )\n\t\t.attributeToAttribute( {\n\t\t\tmodel: {\n\t\t\t\tname: 'table',\n\t\t\t\tkey: 'tableAlignment',\n\t\t\t\tvalues: [ 'left', 'center', 'right' ]\n\t\t\t},\n\t\t\tview: {\n\t\t\t\tleft: {\n\t\t\t\t\tkey: 'style',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tfloat: 'left'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tright: {\n\t\t\t\t\tkey: 'style',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tfloat: 'right'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tcenter: ( alignment, conversionApi, data ) => {\n\t\t\t\t\tconst value: Record<string, string> = data.item.getAttribute( 'tableType' ) !== 'layout' ? {\n\t\t\t\t\t\t// Model: `alignment:center` => CSS: `float:none`.\n\t\t\t\t\t\tfloat: 'none'\n\t\t\t\t\t} : {\n\t\t\t\t\t\t'margin-left': 'auto',\n\t\t\t\t\t\t'margin-right': 'auto'\n\t\t\t\t\t};\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: 'style',\n\t\t\t\t\t\tvalue\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t},\n\t\t\tconverterPriority: 'high'\n\t\t} );\n\n\tconversion.for( 'upcast' )\n\t\t// Support for the `float:*;` CSS definition for the table alignment.\n\t\t.attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: /^(table|figure)$/,\n\t\t\t\tstyles: {\n\t\t\t\t\tfloat: FLOAT_VALUES_REG_EXP\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableAlignment',\n\t\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t\t// Ignore other figure elements.\n\t\t\t\t\tif ( viewElement.name == 'figure' && !viewElement.hasClass( 'table' ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, '', data );\n\t\t\t\t\tlet align = viewElement.getStyle( 'float' );\n\n\t\t\t\t\t// CSS: `float:none` => Model: `alignment:center`.\n\t\t\t\t\tif ( align === 'none' ) {\n\t\t\t\t\t\talign = 'center';\n\t\t\t\t\t}\n\n\t\t\t\t\tif ( align !== localDefaultValue ) {\n\t\t\t\t\t\treturn align;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Consume the style even if not applied to the element so it won't be processed by other converters.\n\t\t\t\t\tconversionApi.consumable.consume( viewElement, { styles: 'float' } );\n\t\t\t\t}\n\t\t\t}\n\t\t} )\n\t\t// Support for the `margin-left:auto; margin-right:auto;` CSS definition for the table alignment.\n\t\t.attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: /^(table|figure)$/,\n\t\t\t\tstyles: {\n\t\t\t\t\t'margin-left': 'auto',\n\t\t\t\t\t'margin-right': 'auto'\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableAlignment',\n\t\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t\t// Ignore other figure elements.\n\t\t\t\t\tif ( viewElement.name == 'figure' && !viewElement.hasClass( 'table' ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, '', data );\n\t\t\t\t\tconst align = 'center';\n\n\t\t\t\t\tif ( align !== localDefaultValue ) {\n\t\t\t\t\t\treturn align;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Consume the styles even if not applied to the element so it won't be processed by other converters.\n\t\t\t\t\tconversionApi.consumable.consume( viewElement, { styles: [ 'margin-left', 'margin-right' ] } );\n\t\t\t\t}\n\t\t\t}\n\t\t} )\n\t\t// Support for the `align` attribute as the backward compatibility while pasting from other sources.\n\t\t.attributeToAttribute( {\n\t\t\tview: {\n\t\t\t\tname: 'table',\n\t\t\t\tattributes: {\n\t\t\t\t\talign: ALIGN_VALUES_REG_EXP\n\t\t\t\t}\n\t\t\t},\n\t\t\tmodel: {\n\t\t\t\tkey: 'tableAlignment',\n\t\t\t\tvalue: ( viewElement: ViewElement, conversionApi: UpcastConversionApi, data: UpcastConversionData<ViewElement> ) => {\n\t\t\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, '', data );\n\t\t\t\t\tconst align = viewElement.getAttribute( 'align' );\n\n\t\t\t\t\tif ( align !== localDefaultValue ) {\n\t\t\t\t\t\treturn align;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Consume the attribute even if not applied to the element so it won't be processed by other converters.\n\t\t\t\t\tconversionApi.consumable.consume( viewElement, { attributes: 'align' } );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n}\n\n/**\n * Returns a function that converts the table view representation:\n *\n * ```html\n * <div align=\"right\"><table>...</table></div>\n * <!-- or -->\n * <div align=\"center\"><table>...</table></div>\n * <!-- or -->\n * <div align=\"left\"><table>...</table></div>\n * ```\n *\n * to the model representation:\n *\n * ```xml\n * <table tableAlignment=\"right|center|left\"></table>\n * ```\n *\n * @internal\n */\nfunction upcastTableAlignedDiv( defaultValue: string ) {\n\treturn ( dispatcher: UpcastDispatcher ): void => {\n\t\tdispatcher.on<UpcastElementEvent>( 'element:div', ( evt, data, conversionApi ) => {\n\t\t\t// Do not convert if this is not a \"table wrapped in div with align attribute\".\n\t\t\tif ( !conversionApi.consumable.test( data.viewItem, { name: true, attributes: 'align' } ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Find a table element inside the div element.\n\t\t\tconst viewTable = getViewTableFromWrapper( data.viewItem );\n\n\t\t\t// Do not convert if table element is absent or was already converted.\n\t\t\tif ( !viewTable || !conversionApi.consumable.test( viewTable, { name: true } ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Consume the div to prevent other converters from processing it again.\n\t\t\tconversionApi.consumable.consume( data.viewItem, { name: true, attributes: 'align' } );\n\n\t\t\t// Convert view table to model table.\n\t\t\tconst conversionResult = conversionApi.convertItem( viewTable, data.modelCursor );\n\n\t\t\t// Get table element from conversion result.\n\t\t\tconst modelTable = first( conversionResult.modelRange!.getItems() as Iterator<ModelElement> );\n\n\t\t\t// When table wasn't successfully converted then finish conversion.\n\t\t\tif ( !modelTable || !modelTable.is( 'element', 'table' ) ) {\n\t\t\t\t// Revert consumed div so other features can convert it.\n\t\t\t\tconversionApi.consumable.revert( data.viewItem, { name: true, attributes: 'align' } );\n\n\t\t\t\t// If anyway some table content was converted, we have to pass the model range and cursor.\n\t\t\t\tif ( conversionResult.modelRange && !conversionResult.modelRange.isCollapsed ) {\n\t\t\t\t\tdata.modelRange = conversionResult.modelRange;\n\t\t\t\t\tdata.modelCursor = conversionResult.modelCursor;\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst alignAttributeFromDiv = data.viewItem.getAttribute( 'align' ) as string;\n\t\t\tconst alignAttributeFromTable = viewTable.getAttribute( 'align' ) as string;\n\t\t\tconst localDefaultValue = getDefaultValueAdjusted( defaultValue, '', data );\n\t\t\tconst align = convertToTableAlignment( alignAttributeFromDiv, alignAttributeFromTable, localDefaultValue );\n\n\t\t\tif ( align ) {\n\t\t\t\tconversionApi.writer.setAttribute( 'tableAlignment', align, modelTable );\n\t\t\t}\n\n\t\t\tconversionApi.convertChildren( data.viewItem, conversionApi.writer.createPositionAt( modelTable, 'end' ) );\n\t\t\tconversionApi.updateConversionResult( modelTable, data );\n\t\t} );\n\t};\n}\n\n/**\n * Converts div `align` and table `align` attributes to the model `tableAlignment` attribute.\n *\n * @param divAlign The value of the div `align` attribute.\n * @param tableAlign The value of the table `align` attribute.\n * @param defaultValue The default alignment value.\n * @returns The model `tableAlignment` value or `undefined` if no conversion is needed.\n */\nfunction convertToTableAlignment( divAlign: string, tableAlign: string, defaultValue: string ): string | undefined {\n\tif ( divAlign ) {\n\t\tswitch ( divAlign ) {\n\t\t\tcase 'right':\n\t\t\t\tif ( tableAlign === 'right' ) {\n\t\t\t\t\treturn 'right';\n\t\t\t\t} else if ( tableAlign === 'left' ) {\n\t\t\t\t\treturn 'left';\n\t\t\t\t} else {\n\t\t\t\t\treturn 'blockRight';\n\t\t\t\t}\n\t\t\tcase 'center':\n\t\t\t\treturn 'center';\n\t\t\tcase 'left':\n\t\t\t\treturn tableAlign === undefined ? 'blockLeft' : 'left';\n\t\t\tdefault:\n\t\t\t\treturn defaultValue;\n\t\t}\n\t}\n\n\treturn undefined;\n}\n\n/**\n * Enables conversion for an attribute for simple view-model mappings.\n *\n * @param options.defaultValue The default value for the specified `modelAttribute`.\n */\nfunction enableProperty(\n\tschema: ModelSchema,\n\tconversion: Conversion,\n\toptions: {\n\t\tmodelAttribute: string;\n\t\tstyleName: string;\n\t\tattributeName?: string;\n\t\tattributeType?: 'length' | 'color';\n\t\tdefaultValue: string;\n\t}\n) {\n\tconst { modelAttribute } = options;\n\n\tschema.extend( 'table', {\n\t\tallowAttributes: [ modelAttribute ]\n\t} );\n\n\tschema.setAttributeProperties( modelAttribute, { isFormatting: true } );\n\n\tupcastStyleToAttribute( conversion, { viewElement: 'table', ...options } );\n\tdowncastTableAttribute( conversion, options );\n}\n\n/**\n * Enables conversion for an attribute for simple view (figure) to model (table) mappings.\n */\nfunction enableTableToFigureProperty(\n\tschema: ModelSchema,\n\tconversion: Conversion,\n\toptions: {\n\t\tmodelAttribute: string;\n\t\tstyleName: string;\n\t\tattributeName?: string;\n\t\tattributeType?: 'length' | 'color';\n\t\tdefaultValue: string;\n\t}\n) {\n\tconst { modelAttribute } = options;\n\n\tschema.extend( 'table', {\n\t\tallowAttributes: [ modelAttribute ]\n\t} );\n\n\tschema.setAttributeProperties( modelAttribute, { isFormatting: true } );\n\n\tupcastStyleToAttribute( conversion, {\n\t\tviewElement: /^(table|figure)$/,\n\t\tshouldUpcast: ( viewElement: ViewElement ) => !(\n\t\t\tviewElement.name == 'table' && viewElement.parent!.name == 'figure' ||\n\t\t\tviewElement.name == 'figure' && !viewElement.hasClass( 'table' )\n\t\t),\n\t\t...options\n\t} );\n\n\tdowncastAttributeToStyle( conversion, { modelElement: 'table', ...options } );\n}\n\n/**\n * Checks whether a given figure element should be ignored when upcasting table properties.\n */\nfunction isNonTableFigureElement( viewElement: ViewElement ): boolean {\n\treturn viewElement.name == 'figure' && !viewElement.hasClass( 'table' );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/ui/tablepropertiesview\n */\n\nimport {\n\taddListToDropdown,\n\tButtonView,\n\tcreateLabeledDropdown,\n\tcreateLabeledInputText,\n\tFocusCycler,\n\tFormRowView,\n\tFormHeaderView,\n\tLabeledFieldView,\n\tLabelView,\n\tsubmitHandler,\n\tToolbarView,\n\tView,\n\tViewCollection,\n\ttype DropdownView,\n\ttype InputTextView,\n\ttype NormalizedColorOption,\n\ttype ColorPickerConfig,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\nimport { FocusTracker, KeystrokeHandler, type ObservableChangeEvent, type Locale } from 'ckeditor5/src/utils.js';\nimport {\n\tIconCancel,\n\tIconCheck,\n\tIconObjectCenter,\n\tIconObjectInlineLeft,\n\tIconObjectInlineRight\n} from 'ckeditor5/src/icons.js';\n\nimport {\n\tfillToolbar,\n\tgetBorderStyleDefinitions,\n\tgetBorderStyleLabels,\n\tgetLabeledColorInputCreator\n} from '../../utils/ui/table-properties.js';\n\nimport { type ColorInputView } from '../../ui/colorinputview.js';\nimport type { TablePropertiesOptions } from '../../tableconfig.js';\n\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/form/form.css';\nimport '../../../theme/formrow.css';\nimport '../../../theme/tableform.css';\nimport '../../../theme/tableproperties.css';\n\n/**\n * Additional configuration of the view.\n */\nexport interface TablePropertiesViewOptions {\n\n\t/**\n\t * A configuration of the border color palette used by the\n\t * {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView#borderColorInput}.\n\t */\n\tborderColors: Array<NormalizedColorOption>;\n\n\t/**\n\t * A configuration of the background color palette used by the\n\t * {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView#backgroundInput}.\n\t */\n\tbackgroundColors: Array<NormalizedColorOption>;\n\n\t/**\n\t * The default table properties.\n\t */\n\tdefaultTableProperties: TablePropertiesOptions;\n\n\t/**\n\t * The default color picker config.\n\t */\n\tcolorPickerConfig: false | ColorPickerConfig;\n}\n\n/**\n * The class representing a table properties form, allowing users to customize\n * certain style aspects of a table, for instance, border, background color, alignment, etc..\n */\nexport class TablePropertiesView extends View {\n\t/**\n\t * The value of the border style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public borderStyle: string;\n\n\t/**\n\t * The value of the border width style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public borderWidth: string;\n\n\t/**\n\t * The value of the border color style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public borderColor: string;\n\n\t/**\n\t * The value of the background color style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public backgroundColor: string;\n\n\t/**\n\t * The value of the table width style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public width: string;\n\n\t/**\n\t * The value of the table height style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public height: string;\n\n\t/**\n\t * The value of the table alignment style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public alignment: string;\n\n\t/**\n\t * Options passed to the view. See {@link #constructor} to learn more.\n\t */\n\tpublic readonly options: TablePropertiesViewOptions;\n\n\t/**\n\t * Tracks information about the DOM focus in the form.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A collection of child views in the form.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A dropdown that allows selecting the style of the table border.\n\t */\n\tpublic readonly borderStyleDropdown: LabeledFieldView<DropdownView>;\n\n\t/**\n\t * An input that allows specifying the width of the table border.\n\t */\n\tpublic readonly borderWidthInput: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * An input that allows specifying the color of the table border.\n\t */\n\tpublic readonly borderColorInput: LabeledFieldView<ColorInputView>;\n\n\t/**\n\t * An input that allows specifying the table background color.\n\t */\n\tpublic readonly backgroundInput: LabeledFieldView<ColorInputView>;\n\n\t/**\n\t * An input that allows specifying the table width.\n\t */\n\tpublic readonly widthInput: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * An input that allows specifying the table height.\n\t */\n\tpublic readonly heightInput: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * A toolbar with buttons that allow changing the alignment of an entire table.\n\t */\n\tpublic readonly alignmentToolbar: ToolbarView;\n\n\t/**\n\t * The \"Save\" button view.\n\t */\n\tpublic saveButtonView: ButtonView;\n\n\t/**\n\t * The \"Cancel\" button view.\n\t */\n\tpublic cancelButtonView: ButtonView;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprotected readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprotected readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Additional configuration of the view.\n\t */\n\tconstructor( locale: Locale, options: TablePropertiesViewOptions ) {\n\t\tsuper( locale );\n\n\t\tthis.set( {\n\t\t\tborderStyle: '',\n\t\t\tborderWidth: '',\n\t\t\tborderColor: '',\n\t\t\tbackgroundColor: '',\n\t\t\twidth: '',\n\t\t\theight: '',\n\t\t\talignment: ''\n\t\t} );\n\n\t\tthis.options = options;\n\n\t\tconst { borderStyleDropdown, borderWidthInput, borderColorInput, borderRowLabel } = this._createBorderFields();\n\t\tconst { backgroundRowLabel, backgroundInput } = this._createBackgroundFields();\n\t\tconst { widthInput, operatorLabel, heightInput, dimensionsLabel } = this._createDimensionFields();\n\t\tconst { alignmentToolbar, alignmentLabel } = this._createAlignmentFields();\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.children = this.createCollection();\n\n\t\tthis.borderStyleDropdown = borderStyleDropdown;\n\t\tthis.borderWidthInput = borderWidthInput;\n\t\tthis.borderColorInput = borderColorInput;\n\t\tthis.backgroundInput = backgroundInput;\n\t\tthis.widthInput = widthInput;\n\t\tthis.heightInput = heightInput;\n\t\tthis.alignmentToolbar = alignmentToolbar;\n\n\t\t// Defer creating to make sure other fields are present and the Save button can\n\t\t// bind its #isEnabled to their error messages so there's no way to save unless all\n\t\t// fields are valid.\n\t\tconst { saveButtonView, cancelButtonView } = this._createActionButtons();\n\n\t\tthis.saveButtonView = saveButtonView;\n\t\tthis.cancelButtonView = cancelButtonView;\n\t\tthis._focusables = new ViewCollection();\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\t// Form header.\n\t\tthis.children.add( new FormHeaderView( locale, {\n\t\t\tlabel: this.t!( 'Table properties' )\n\t\t} ) );\n\n\t\t// Border row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tlabelView: borderRowLabel,\n\t\t\tchildren: [\n\t\t\t\tborderRowLabel,\n\t\t\t\tborderStyleDropdown,\n\t\t\t\tborderColorInput,\n\t\t\t\tborderWidthInput\n\t\t\t],\n\t\t\tclass: 'ck-table-form__border-row'\n\t\t} ) );\n\n\t\t// Background row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tlabelView: backgroundRowLabel,\n\t\t\tchildren: [\n\t\t\t\tbackgroundRowLabel,\n\t\t\t\tbackgroundInput\n\t\t\t],\n\t\t\tclass: 'ck-table-form__background-row'\n\t\t} ) );\n\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\t// Dimensions row.\n\t\t\t\tnew FormRowView( locale, {\n\t\t\t\t\tlabelView: dimensionsLabel,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tdimensionsLabel,\n\t\t\t\t\t\twidthInput,\n\t\t\t\t\t\toperatorLabel,\n\t\t\t\t\t\theightInput\n\t\t\t\t\t],\n\t\t\t\t\tclass: 'ck-table-form__dimensions-row'\n\t\t\t\t} ),\n\t\t\t\t// Alignment row.\n\t\t\t\tnew FormRowView( locale, {\n\t\t\t\t\tlabelView: alignmentLabel,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\talignmentLabel,\n\t\t\t\t\t\talignmentToolbar\n\t\t\t\t\t],\n\t\t\t\t\tclass: 'ck-table-properties-form__alignment-row'\n\t\t\t\t} )\n\t\t\t]\n\t\t} ) );\n\n\t\t// Action row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\tthis.saveButtonView,\n\t\t\t\tthis.cancelButtonView\n\t\t\t],\n\t\t\tclass: 'ck-table-form__action-row'\n\t\t} ) );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form',\n\t\t\t\t\t'ck-table-form',\n\t\t\t\t\t'ck-table-properties-form'\n\t\t\t\t],\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/90\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Enable the \"submit\" event for this view. It can be triggered by the #saveButtonView\n\t\t// which is of the \"submit\" DOM \"type\".\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\t// Maintain continuous focus cycling over views that have focusable children and focus cyclers themselves.\n\t\t[ this.borderColorInput, this.backgroundInput ].forEach( view => {\n\t\t\tthis._focusCycler.chain( view.fieldView.focusCycler );\n\t\t} );\n\n\t\t[\n\t\t\tthis.borderStyleDropdown,\n\t\t\tthis.borderColorInput,\n\t\t\tthis.borderWidthInput,\n\t\t\tthis.backgroundInput,\n\t\t\tthis.widthInput,\n\t\t\tthis.heightInput,\n\t\t\tthis.alignmentToolbar,\n\t\t\tthis.saveButtonView,\n\t\t\tthis.cancelButtonView\n\t\t].forEach( view => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( view! );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( view!.element! );\n\t\t} );\n\n\t\t// Mainly for closing using \"Esc\" and navigation using \"Tab\".\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the fist focusable field in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #borderStyleDropdown},\n\t * * {@link #borderWidthInput},\n\t * * {@link #borderColorInput}.\n\t */\n\tprivate _createBorderFields() {\n\t\tconst defaultTableProperties = this.options.defaultTableProperties;\n\t\tconst defaultBorder = {\n\t\t\tstyle: defaultTableProperties.borderStyle,\n\t\t\twidth: defaultTableProperties.borderWidth,\n\t\t\tcolor: defaultTableProperties.borderColor\n\t\t};\n\n\t\tconst colorInputCreator = getLabeledColorInputCreator( {\n\t\t\tcolorConfig: this.options.borderColors,\n\t\t\tcolumns: 5,\n\t\t\tdefaultColorValue: defaultBorder.color,\n\t\t\tcolorPickerConfig: this.options.colorPickerConfig\n\t\t} );\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\t\tconst accessibleLabel = t( 'Style' );\n\n\t\t// -- Group label ---------------------------------------------\n\n\t\tconst borderRowLabel = new LabelView( locale );\n\t\tborderRowLabel.text = t( 'Border' );\n\n\t\t// -- Style ---------------------------------------------------\n\n\t\tconst styleLabels = getBorderStyleLabels( t );\n\t\tconst borderStyleDropdown = new LabeledFieldView( locale, createLabeledDropdown );\n\t\tborderStyleDropdown.set( {\n\t\t\tlabel: accessibleLabel,\n\t\t\tclass: 'ck-table-form__border-style'\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.buttonView.set( {\n\t\t\tariaLabel: accessibleLabel,\n\t\t\tariaLabelledBy: undefined,\n\t\t\tisOn: false,\n\t\t\twithText: true,\n\t\t\ttooltip: accessibleLabel\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.buttonView.bind( 'label' ).to( this, 'borderStyle', value => {\n\t\t\treturn styleLabels[ value ? value : 'none' ];\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.on( 'execute', evt => {\n\t\t\tthis.borderStyle = ( evt.source as any )._borderStyleValue;\n\t\t} );\n\n\t\tborderStyleDropdown.bind( 'isEmpty' ).to( this, 'borderStyle', value => !value );\n\n\t\taddListToDropdown( borderStyleDropdown.fieldView, getBorderStyleDefinitions( this, defaultBorder.style! ), {\n\t\t\trole: 'menu',\n\t\t\tariaLabel: accessibleLabel\n\t\t} );\n\n\t\t// -- Width ---------------------------------------------------\n\n\t\tconst borderWidthInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\tborderWidthInput.set( {\n\t\t\tlabel: t( 'Width' ),\n\t\t\tclass: 'ck-table-form__border-width'\n\t\t} );\n\n\t\tborderWidthInput.fieldView.bind( 'value' ).to( this, 'borderWidth' );\n\t\tborderWidthInput.bind( 'isEnabled' ).to( this, 'borderStyle', isBorderStyleSet );\n\t\tborderWidthInput.fieldView.on( 'input', () => {\n\t\t\tthis.borderWidth = borderWidthInput.fieldView.element!.value;\n\t\t} );\n\n\t\t// -- Color ---------------------------------------------------\n\n\t\tconst borderColorInput = new LabeledFieldView( locale, colorInputCreator );\n\n\t\tborderColorInput.set( {\n\t\t\tlabel: t( 'Color' ),\n\t\t\tclass: 'ck-table-form__border-color'\n\t\t} );\n\n\t\tborderColorInput.fieldView.bind( 'value' ).to( this, 'borderColor' );\n\t\tborderColorInput.bind( 'isEnabled' ).to( this, 'borderStyle', isBorderStyleSet );\n\n\t\tborderColorInput.fieldView.on( 'input', () => {\n\t\t\tthis.borderColor = borderColorInput.fieldView.value;\n\t\t} );\n\n\t\t// Reset the border color and width fields depending on the `border-style` value.\n\t\tthis.on<ObservableChangeEvent<string>>( 'change:borderStyle', ( evt, name, newValue, oldValue ) => {\n\t\t\t// When removing the border (`border-style:none`), clear the remaining `border-*` properties.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/6227.\n\t\t\tif ( !isBorderStyleSet( newValue ) ) {\n\t\t\t\tthis.borderColor = '';\n\t\t\t\tthis.borderWidth = '';\n\t\t\t}\n\n\t\t\t// When setting the `border-style` from `none`, set the default `border-color` and `border-width` properties.\n\t\t\tif ( !isBorderStyleSet( oldValue ) ) {\n\t\t\t\tthis.borderColor = defaultBorder.color!;\n\t\t\t\tthis.borderWidth = defaultBorder.width!;\n\t\t\t}\n\t\t} );\n\n\t\treturn {\n\t\t\tborderRowLabel,\n\t\t\tborderStyleDropdown,\n\t\t\tborderColorInput,\n\t\t\tborderWidthInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #backgroundInput}.\n\t */\n\tprivate _createBackgroundFields() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Group label ---------------------------------------------\n\n\t\tconst backgroundRowLabel = new LabelView( locale );\n\t\tbackgroundRowLabel.text = t( 'Background' );\n\n\t\t// -- Background color input -----------------------------------\n\n\t\tconst backgroundInputCreator = getLabeledColorInputCreator( {\n\t\t\tcolorConfig: this.options.backgroundColors,\n\t\t\tcolumns: 5,\n\t\t\tdefaultColorValue: this.options.defaultTableProperties.backgroundColor,\n\t\t\tcolorPickerConfig: this.options.colorPickerConfig\n\t\t} );\n\n\t\tconst backgroundInput = new LabeledFieldView( locale, backgroundInputCreator );\n\n\t\tbackgroundInput.set( {\n\t\t\tlabel: t( 'Color' ),\n\t\t\tclass: 'ck-table-properties-form__background'\n\t\t} );\n\n\t\tbackgroundInput.fieldView.bind( 'value' ).to( this, 'backgroundColor' );\n\t\tbackgroundInput.fieldView.on( 'input', () => {\n\t\t\tthis.backgroundColor = backgroundInput.fieldView.value;\n\t\t} );\n\n\t\treturn {\n\t\t\tbackgroundRowLabel,\n\t\t\tbackgroundInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #widthInput},\n\t * * {@link #heightInput}.\n\t */\n\tprivate _createDimensionFields() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Label ---------------------------------------------------\n\n\t\tconst dimensionsLabel = new LabelView( locale );\n\t\tdimensionsLabel.text = t( 'Dimensions' );\n\n\t\t// -- Width ---------------------------------------------------\n\n\t\tconst widthInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\twidthInput.set( {\n\t\t\tlabel: t( 'Width' ),\n\t\t\tclass: 'ck-table-form__dimensions-row__width'\n\t\t} );\n\n\t\twidthInput.fieldView.bind( 'value' ).to( this, 'width' );\n\t\twidthInput.fieldView.on( 'input', () => {\n\t\t\tthis.width = widthInput.fieldView.element!.value;\n\t\t} );\n\n\t\t// -- Operator ---------------------------------------------------\n\n\t\tconst operatorLabel = new View( locale );\n\t\toperatorLabel.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-table-form__dimension-operator'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{ text: '×' }\n\t\t\t]\n\t\t} );\n\n\t\t// -- Height ---------------------------------------------------\n\n\t\tconst heightInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\theightInput.set( {\n\t\t\tlabel: t( 'Height' ),\n\t\t\tclass: 'ck-table-form__dimensions-row__height'\n\t\t} );\n\n\t\theightInput.fieldView.bind( 'value' ).to( this, 'height' );\n\t\theightInput.fieldView.on( 'input', () => {\n\t\t\tthis.height = heightInput.fieldView.element!.value;\n\t\t} );\n\n\t\treturn {\n\t\t\tdimensionsLabel,\n\t\t\twidthInput,\n\t\t\toperatorLabel,\n\t\t\theightInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #alignmentToolbar}.\n\t */\n\tprivate _createAlignmentFields() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Label ---------------------------------------------------\n\n\t\tconst alignmentLabel = new LabelView( locale );\n\t\talignmentLabel.text = t( 'Alignment' );\n\n\t\t// -- Toolbar ---------------------------------------------------\n\n\t\tconst alignmentToolbar = new ToolbarView( locale! );\n\t\talignmentToolbar.set( {\n\t\t\trole: 'radiogroup',\n\t\t\tisCompact: true,\n\t\t\tariaLabel: t( 'Table alignment toolbar' )\n\t\t} );\n\n\t\tfillToolbar( {\n\t\t\tview: this,\n\t\t\ticons: {\n\t\t\t\tleft: IconObjectInlineLeft,\n\t\t\t\tcenter: IconObjectCenter,\n\t\t\t\tright: IconObjectInlineRight\n\t\t\t},\n\t\t\ttoolbar: alignmentToolbar,\n\t\t\tlabels: this._alignmentLabels,\n\t\t\tpropertyName: 'alignment',\n\t\t\tdefaultValue: this.options.defaultTableProperties.alignment!\n\t\t} );\n\n\t\treturn {\n\t\t\talignmentLabel,\n\t\t\talignmentToolbar\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form controls:\n\t *\n\t * * {@link #saveButtonView},\n\t * * {@link #cancelButtonView}.\n\t */\n\tprivate _createActionButtons(): {\n\t\tsaveButtonView: ButtonView;\n\t\tcancelButtonView: ButtonView;\n\t} {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\tconst saveButtonView = new ButtonView( locale );\n\t\tconst cancelButtonView = new ButtonView( locale );\n\t\tconst fieldsThatShouldValidateToSave = [\n\t\t\tthis.borderWidthInput!,\n\t\t\tthis.borderColorInput!,\n\t\t\tthis.backgroundInput!,\n\t\t\tthis.widthInput!,\n\t\t\tthis.heightInput!\n\t\t];\n\n\t\tsaveButtonView.set( {\n\t\t\tlabel: t( 'Save' ),\n\t\t\ticon: IconCheck,\n\t\t\tclass: 'ck-button-save',\n\t\t\ttype: 'submit',\n\t\t\twithText: true\n\t\t} );\n\n\t\tsaveButtonView.bind( 'isEnabled' ).toMany( fieldsThatShouldValidateToSave, 'errorText', ( ...errorTexts ) => {\n\t\t\treturn errorTexts.every( errorText => !errorText );\n\t\t} );\n\n\t\tcancelButtonView.set( {\n\t\t\tlabel: t( 'Cancel' ),\n\t\t\ticon: IconCancel,\n\t\t\tclass: 'ck-button-cancel',\n\t\t\twithText: true\n\t\t} );\n\n\t\tcancelButtonView.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn {\n\t\t\tsaveButtonView, cancelButtonView\n\t\t};\n\t}\n\n\t/**\n\t * Provides localized labels for {@link #alignmentToolbar} buttons.\n\t */\n\tprivate get _alignmentLabels() {\n\t\tconst locale = this.locale!;\n\t\tconst t = this.t!;\n\n\t\tconst left = t( 'Align table to the left' );\n\t\tconst center = t( 'Center table' );\n\t\tconst right = t( 'Align table to the right' );\n\n\t\t// Returns object with a proper order of labels.\n\t\tif ( locale.uiLanguageDirection === 'rtl' ) {\n\t\t\treturn { right, center, left };\n\t\t} else {\n\t\t\treturn { left, center, right };\n\t\t}\n\t}\n}\n\nfunction isBorderStyleSet( value: string ) {\n\treturn value !== 'none';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/tablepropertiesui\n */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { IconTableProperties } from 'ckeditor5/src/icons.js';\nimport {\n\tButtonView,\n\tContextualBalloon,\n\tclickOutsideHandler,\n\tgetLocalizedColorOptions,\n\tnormalizeColorOptions,\n\ttype LabeledFieldView\n} from 'ckeditor5/src/ui.js';\n\nimport { debounce } from 'es-toolkit/compat';\n\nimport { TablePropertiesView } from './ui/tablepropertiesview.js';\nimport {\n\tcolorFieldValidator,\n\tgetLocalizedColorErrorText,\n\tgetLocalizedLengthErrorText,\n\tlengthFieldValidator,\n\tlineWidthFieldValidator,\n\tdefaultColors\n} from '../utils/ui/table-properties.js';\nimport { getSelectionAffectedTableWidget } from '../utils/ui/widget.js';\nimport { getBalloonTablePositionData, repositionContextualBalloon } from '../utils/ui/contextualballoon.js';\nimport {\n\tgetNormalizedDefaultProperties,\n\tgetNormalizedDefaultTableProperties,\n\ttype NormalizedDefaultProperties\n} from '../utils/table-properties.js';\nimport type { Batch } from 'ckeditor5/src/engine.js';\nimport type { EventInfo, ObservableChangeEvent } from 'ckeditor5/src/utils.js';\n\nimport { type TableBorderStyleCommand } from './commands/tableborderstylecommand.js';\n\nconst ERROR_TEXT_TIMEOUT = 500;\n\n// Map of view properties and related commands.\nconst propertyToCommandMap = {\n\tborderStyle: 'tableBorderStyle',\n\tborderColor: 'tableBorderColor',\n\tborderWidth: 'tableBorderWidth',\n\tbackgroundColor: 'tableBackgroundColor',\n\twidth: 'tableWidth',\n\theight: 'tableHeight',\n\talignment: 'tableAlignment'\n};\n\n/**\n * The table properties UI plugin. It introduces the `'tableProperties'` button\n * that opens a form allowing to specify visual styling of an entire table.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */\nexport class TablePropertiesUI extends Plugin {\n\t/**\n\t * The default table properties.\n\t */\n\tprivate _defaultContentTableProperties!: NormalizedDefaultProperties;\n\n\t/**\n\t * The default layout table properties.\n\t */\n\tprivate _defaultLayoutTableProperties!: NormalizedDefaultProperties;\n\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate _balloon!: ContextualBalloon;\n\n\t/**\n\t * The properties form view displayed inside the balloon.\n\t */\n\tpublic view: TablePropertiesView | null = null;\n\n\t/**\n\t * The properties form view displayed inside the balloon (content table).\n\t */\n\tprivate _viewWithContentTableDefaults: TablePropertiesView | null = null;\n\n\t/**\n\t * The properties form view displayed inside the balloon (layout table).\n\t */\n\tprivate _viewWithLayoutTableDefaults: TablePropertiesView | null = null;\n\n\t/**\n\t * The batch used to undo all changes made by the form (which are live, as the user types)\n\t * when \"Cancel\" was pressed. Each time the view is shown, a new batch is created.\n\t */\n\tprivate _undoStepBatch?: Batch;\n\n\t/**\n\t * Flag used to indicate whether view is ready to execute update commands\n\t * (it finished loading initial data).\n\t */\n\tprivate _isReady?: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TablePropertiesUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'table.tableProperties', {\n\t\t\tborderColors: defaultColors,\n\t\t\tbackgroundColors: defaultColors\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tthis._defaultContentTableProperties = getNormalizedDefaultTableProperties(\n\t\t\teditor.config.get( 'table.tableProperties.defaultProperties' )!,\n\t\t\t{\n\t\t\t\tincludeAlignmentProperty: true\n\t\t\t}\n\t\t);\n\t\tthis._defaultLayoutTableProperties = getNormalizedDefaultProperties();\n\n\t\tthis._balloon = editor.plugins.get( ContextualBalloon );\n\n\t\teditor.ui.componentFactory.add( 'tableProperties', () => this._createTablePropertiesButton() );\n\t}\n\n\t/**\n\t * Creates the table properties button.\n\t *\n\t * @internal\n\t */\n\tpublic _createTablePropertiesButton(): ButtonView {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\tconst view = new ButtonView( editor.locale );\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Table properties' ),\n\t\t\ticon: IconTableProperties,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tthis.listenTo( view, 'execute', () => this._showView() );\n\n\t\tconst commands = Object.values( propertyToCommandMap )\n\t\t\t.map( commandName => editor.commands.get( commandName )! );\n\n\t\tview.bind( 'isEnabled' ).toMany( commands, 'isEnabled', ( ...areEnabled ) => (\n\t\t\tareEnabled.some( isCommandEnabled => isCommandEnabled )\n\t\t) );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1341.\n\t\tif ( this.view ) {\n\t\t\tthis.view.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Creates the {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView} instance.\n\t *\n\t * @returns The table properties form view instance.\n\t */\n\tprivate _createPropertiesView( defaultTableProperties: NormalizedDefaultProperties ) {\n\t\tconst editor = this.editor;\n\t\tconst config = editor.config.get( 'table.tableProperties' )!;\n\t\tconst borderColorsConfig = normalizeColorOptions( config.borderColors! );\n\t\tconst localizedBorderColors = getLocalizedColorOptions( editor.locale, borderColorsConfig );\n\t\tconst backgroundColorsConfig = normalizeColorOptions( config.backgroundColors! );\n\t\tconst localizedBackgroundColors = getLocalizedColorOptions( editor.locale, backgroundColorsConfig );\n\t\tconst hasColorPicker = config.colorPicker !== false;\n\n\t\tconst view = new TablePropertiesView( editor.locale, {\n\t\t\tborderColors: localizedBorderColors,\n\t\t\tbackgroundColors: localizedBackgroundColors,\n\t\t\tdefaultTableProperties,\n\t\t\tcolorPickerConfig: hasColorPicker ? ( config.colorPicker || {} ) : false\n\t\t} );\n\t\tconst t = editor.t;\n\n\t\t// Render the view so its #element is available for the clickOutsideHandler.\n\t\tview.render();\n\n\t\tthis.listenTo( view, 'submit', () => {\n\t\t\tthis._hideView();\n\t\t} );\n\n\t\tthis.listenTo( view, 'cancel', () => {\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/6180\n\t\t\tif ( this._undoStepBatch!.operations.length ) {\n\t\t\t\teditor.execute( 'undo', this._undoStepBatch );\n\t\t\t}\n\n\t\t\tthis._hideView();\n\t\t} );\n\n\t\t// Close the balloon on Esc key press.\n\t\tview.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis._hideView();\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Close on click outside of balloon panel element.\n\t\tclickOutsideHandler( {\n\t\t\temitter: view,\n\t\t\tactivator: () => this._isViewInBalloon,\n\t\t\tcontextElements: [ this._balloon.view.element! ],\n\t\t\tcallback: () => this._hideView()\n\t\t} );\n\n\t\tconst colorErrorText = getLocalizedColorErrorText( t );\n\t\tconst lengthErrorText = getLocalizedLengthErrorText( t );\n\n\t\t// Create the \"UI -> editor data\" binding.\n\t\t// These listeners update the editor data (via table commands) when any observable\n\t\t// property of the view has changed. They also validate the value and display errors in the UI\n\t\t// when necessary. This makes the view live, which means the changes are\n\t\t// visible in the editing as soon as the user types or changes fields' values.\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:borderStyle',\n\t\t\tthis._getPropertyChangeCallback( 'tableBorderStyle' )\n\t\t);\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:borderColor', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.borderColorInput,\n\t\t\tcommandName: 'tableBorderColor',\n\t\t\terrorText: colorErrorText,\n\t\t\tvalidator: colorFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:borderWidth', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.borderWidthInput,\n\t\t\tcommandName: 'tableBorderWidth',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lineWidthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:backgroundColor', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.backgroundInput,\n\t\t\tcommandName: 'tableBackgroundColor',\n\t\t\terrorText: colorErrorText,\n\t\t\tvalidator: colorFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:width', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.widthInput,\n\t\t\tcommandName: 'tableWidth',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:height', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.heightInput,\n\t\t\tcommandName: 'tableHeight',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:alignment',\n\t\t\tthis._getPropertyChangeCallback( 'tableAlignment' )\n\t\t);\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * In this method the \"editor data -> UI\" binding is happening.\n\t *\n\t * When executed, this method obtains selected table property values from various table commands\n\t * and passes them to the {@link #view}.\n\t *\n\t * This way, the UI stays up–to–date with the editor data.\n\t */\n\tprivate _fillViewFormFromCommandValues() {\n\t\tconst commands = this.editor.commands;\n\t\tconst borderStyleCommand: TableBorderStyleCommand = commands.get( 'tableBorderStyle' )!;\n\n\t\tObject.entries( propertyToCommandMap )\n\t\t\t.map( ( [ property, commandName ] ) => {\n\t\t\t\tconst propertyKey = property as keyof typeof propertyToCommandMap;\n\t\t\t\tconst defaultValue = this.view === this._viewWithContentTableDefaults ?\n\t\t\t\t\tthis._defaultContentTableProperties[ propertyKey ] || '' :\n\t\t\t\t\tthis._defaultLayoutTableProperties[ propertyKey ] || '';\n\n\t\t\t\treturn [ propertyKey, ( commands.get( commandName )!.value || defaultValue ) as string ] as const;\n\t\t\t} )\n\t\t\t.forEach( ( [ property, value ] ) => {\n\t\t\t\t// Do not set the `border-color` and `border-width` fields if `border-style:none`.\n\t\t\t\tif ( ( property === 'borderColor' || property === 'borderWidth' ) && borderStyleCommand.value === 'none' ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.view!.set( property, value );\n\t\t\t} );\n\n\t\tthis._isReady = true;\n\t}\n\n\t/**\n\t * Shows the {@link #view} in the {@link #_balloon}.\n\t *\n\t * **Note**: Each time a view is shown, the new {@link #_undoStepBatch} is created that contains\n\t * all changes made to the document when the view is visible, allowing a single undo step\n\t * for all of them.\n\t */\n\tprotected _showView(): void {\n\t\tconst editor = this.editor;\n\n\t\tconst viewTable = getSelectionAffectedTableWidget( editor.editing.view.document.selection );\n\t\tconst modelTable = viewTable && editor.editing.mapper.toModelElement( viewTable );\n\t\tconst useDefaults = !modelTable || modelTable.getAttribute( 'tableType' ) !== 'layout';\n\n\t\tif ( useDefaults && !this._viewWithContentTableDefaults ) {\n\t\t\tthis._viewWithContentTableDefaults = this._createPropertiesView( this._defaultContentTableProperties );\n\t\t} else if ( !useDefaults && !this._viewWithLayoutTableDefaults ) {\n\t\t\tthis._viewWithLayoutTableDefaults = this._createPropertiesView( this._defaultLayoutTableProperties );\n\t\t}\n\n\t\tthis.view = useDefaults ? this._viewWithContentTableDefaults! : this._viewWithLayoutTableDefaults!;\n\n\t\tthis.listenTo( editor.ui, 'update', () => {\n\t\t\tthis._updateView();\n\t\t} );\n\n\t\t// Update the view with the model values.\n\t\tthis._fillViewFormFromCommandValues();\n\n\t\tthis._balloon.add( {\n\t\t\tview: this.view,\n\t\t\tposition: getBalloonTablePositionData( editor )\n\t\t} );\n\n\t\t// Create a new batch. Clicking \"Cancel\" will undo this batch.\n\t\tthis._undoStepBatch = editor.model.createBatch();\n\n\t\t// Basic a11y.\n\t\tthis.view.focus();\n\t}\n\n\t/**\n\t * Removes the {@link #view} from the {@link #_balloon}.\n\t */\n\tprotected _hideView(): void {\n\t\tconst editor = this.editor;\n\n\t\tthis.stopListening( editor.ui, 'update' );\n\n\t\tthis._isReady = false;\n\n\t\t// Blur any input element before removing it from DOM to prevent issues in some browsers.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1501.\n\t\tthis.view!.saveButtonView.focus();\n\n\t\tthis._balloon.remove( this.view! );\n\n\t\t// Make sure the focus is not lost in the process by putting it directly\n\t\t// into the editing view.\n\t\tthis.editor.editing.view.focus();\n\t}\n\n\t/**\n\t * Repositions the {@link #_balloon} or hides the {@link #view} if a table is no longer selected.\n\t */\n\tprotected _updateView(): void {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\tif ( !getSelectionAffectedTableWidget( viewDocument.selection ) ) {\n\t\t\tthis._hideView();\n\t\t} else if ( this._isViewVisible ) {\n\t\t\trepositionContextualBalloon( editor, 'table' );\n\t\t}\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #view} is the visible in the {@link #_balloon}.\n\t */\n\tprivate get _isViewVisible(): boolean {\n\t\treturn !!this.view && this._balloon.visibleView === this.view;\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #view} is in the {@link #_balloon}.\n\t */\n\tprivate get _isViewInBalloon(): boolean {\n\t\treturn !!this.view && this._balloon.hasView( this.view );\n\t}\n\n\t/**\n\t * Creates a callback that when executed upon {@link #view view's} property change\n\t * executes a related editor command with the new property value.\n\t *\n\t * If new value will be set to the default value, the command will not be executed.\n\t *\n\t * @param commandName The command that will be executed.\n\t */\n\tprivate _getPropertyChangeCallback( commandName: 'tableBorderStyle' | 'tableAlignment' ) {\n\t\treturn ( evt: EventInfo, propertyName: string, newValue: string ) => {\n\t\t\t// Do not execute the command on initial call (opening the table properties view).\n\t\t\tif ( !this._isReady ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.editor.execute( commandName, {\n\t\t\t\tvalue: newValue,\n\t\t\t\tbatch: this._undoStepBatch\n\t\t\t} );\n\t\t};\n\t}\n\n\t/**\n\t * Creates a callback that when executed upon {@link #view view's} property change:\n\t * * executes a related editor command with the new property value if the value is valid,\n\t * * or sets the error text next to the invalid field, if the value did not pass the validation.\n\t */\n\tprivate _getValidatedPropertyChangeCallback(\n\t\toptions: {\n\t\t\tcommandName: 'tableBorderColor' | 'tableBorderWidth' | 'tableBackgroundColor' | 'tableWidth' | 'tableHeight';\n\t\t\tviewField: LabeledFieldView;\n\t\t\tvalidator: ( value: string ) => boolean;\n\t\t\terrorText: string;\n\t\t}\n\t) {\n\t\tconst { commandName, viewField, validator, errorText } = options;\n\t\tconst setErrorTextDebounced = debounce( () => {\n\t\t\tviewField.errorText = errorText;\n\t\t}, ERROR_TEXT_TIMEOUT );\n\n\t\treturn ( evt: EventInfo, propertyName: string, newValue: string ) => {\n\t\t\tsetErrorTextDebounced.cancel();\n\n\t\t\t// Do not execute the command on initial call (opening the table properties view).\n\t\t\tif ( !this._isReady ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( validator( newValue ) ) {\n\t\t\t\tthis.editor.execute( commandName, {\n\t\t\t\t\tvalue: newValue,\n\t\t\t\t\tbatch: this._undoStepBatch\n\t\t\t\t} );\n\n\t\t\t\tviewField.errorText = null;\n\t\t\t} else {\n\t\t\t\tsetErrorTextDebounced();\n\t\t\t}\n\t\t};\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\n\nimport { TablePropertiesEditing } from './tableproperties/tablepropertiesediting.js';\nimport { TablePropertiesUI } from './tableproperties/tablepropertiesui.js';\n\n/**\n * The table properties feature. Enables support for setting properties of tables (size, border, background, etc.).\n *\n * Read more in the {@glink features/tables/tables-styling Table and cell styling tools} section.\n * See also the {@link module:table/tablecellproperties~TableCellProperties} plugin.\n *\n * This is a \"glue\" plugin that loads the\n * {@link module:table/tableproperties/tablepropertiesediting~TablePropertiesEditing table properties editing feature} and\n * the {@link module:table/tableproperties/tablepropertiesui~TablePropertiesUI table properties UI feature}.\n */\nexport class TableProperties extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableProperties' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TablePropertiesEditing, TablePropertiesUI ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/converters/table-caption-post-fixer\n */\n\nimport type { Model, ModelWriter, ModelElement, ModelNode } from 'ckeditor5/src/engine.js';\n\n/**\n * Injects a table caption post-fixer into the model.\n *\n * The role of the table caption post-fixer is to ensure that the table with caption have the correct structure\n * after a {@link module:engine/model/model~Model#change `change()`} block was executed.\n *\n * The correct structure means that:\n *\n * * If there are many caption model element, they are merged into one model.\n * * A final, merged caption model is placed at the end of the table.\n *\n * @internal\n */\nexport function injectTableCaptionPostFixer( model: Model ): void {\n\tmodel.document.registerPostFixer( writer => tableCaptionPostFixer( writer, model ) );\n}\n\n/**\n * The table caption post-fixer.\n */\nfunction tableCaptionPostFixer( writer: ModelWriter, model: Model ) {\n\tconst changes = model.document.differ.getChanges();\n\tlet wasFixed = false;\n\n\tfor ( const entry of changes ) {\n\t\tif ( entry.type != 'insert' ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst positionParent = entry.position.parent;\n\n\t\tif ( positionParent.is( 'element', 'table' ) || entry.name == 'table' ) {\n\t\t\tconst table = ( entry.name == 'table' ? entry.position.nodeAfter : positionParent ) as ModelElement;\n\t\t\tconst captionsToMerge = Array.from( table.getChildren() )\n\t\t\t\t.filter( ( child: ModelNode ): child is ModelElement => child.is( 'element', 'caption' ) );\n\t\t\tconst firstCaption = captionsToMerge.shift();\n\n\t\t\tif ( !firstCaption ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Move all the contents of the captions to the first one.\n\t\t\tfor ( const caption of captionsToMerge ) {\n\t\t\t\twriter.move( writer.createRangeIn( caption ), firstCaption, 'end' );\n\t\t\t\twriter.remove( caption );\n\t\t\t}\n\n\t\t\t// Make sure the final caption is at the end of the table.\n\t\t\tif ( firstCaption.nextSibling ) {\n\t\t\t\twriter.move( writer.createRangeOn( firstCaption ), table, 'end' );\n\t\t\t\twasFixed = true;\n\t\t\t}\n\n\t\t\t// Do we merged captions and/or moved the single caption to the end of the table?\n\t\t\twasFixed = !!captionsToMerge.length || wasFixed;\n\t\t}\n\t}\n\n\treturn wasFixed;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecaption/utils\n */\n\nimport type {\n\tModelDocumentFragment,\n\tModelDocumentSelection,\n\tModelElement,\n\tViewElement\n} from 'ckeditor5/src/engine.js';\n\nimport { getSelectionAffectedTable } from '../utils/common.js';\n\n/**\n * Checks if the provided model element is a `table`.\n *\n * @param modelElement Element to check if it is a table.\n * @internal\n */\nexport function isTable( modelElement: ModelElement | ModelDocumentFragment | null ): boolean {\n\treturn !!modelElement && modelElement.is( 'element', 'table' );\n}\n\n/**\n * Returns the caption model element from a given table element. Returns `null` if no caption is found.\n *\n * @param tableModelElement Table element in which we will try to find a caption element.\n * @internal\n */\nexport function getCaptionFromTableModelElement( tableModelElement: ModelElement ): ModelElement | null {\n\tfor ( const node of tableModelElement.getChildren() ) {\n\t\tif ( node.is( 'element', 'caption' ) ) {\n\t\t\treturn node;\n\t\t}\n\t}\n\n\treturn null;\n}\n\n/**\n * Returns the caption model element for a model selection. Returns `null` if the selection has no caption element ancestor.\n *\n * @param selection The selection checked for caption presence.\n * @internal\n */\nexport function getCaptionFromModelSelection( selection: ModelDocumentSelection ): ModelElement | null {\n\tconst tableElement = getSelectionAffectedTable( selection );\n\n\tif ( !tableElement ) {\n\t\treturn null;\n\t}\n\n\treturn getCaptionFromTableModelElement( tableElement );\n}\n\n/**\n * {@link module:engine/view/matcher~Matcher} pattern. Checks if a given element is a caption.\n *\n * There are two possible forms of the valid caption:\n *  - A `<figcaption>` element inside a `<figure class=\"table\">` element.\n *  - A `<caption>` inside a <table>.\n *\n * @returns Returns the object accepted by {@link module:engine/view/matcher~Matcher} or `null` if the element cannot be matched.\n * @internal\n */\nexport function matchTableCaptionViewElement( element: ViewElement ): { name: true } | null {\n\tconst parent = element.parent;\n\n\tif ( element.name == 'figcaption' && parent && parent.is( 'element', 'figure' ) && parent.hasClass( 'table' ) ) {\n\t\treturn { name: true };\n\t}\n\n\tif ( element.name == 'caption' && parent && parent.is( 'element', 'table' ) ) {\n\t\treturn { name: true };\n\t}\n\n\treturn null;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecaption/toggletablecaptioncommand\n*/\n\nimport { Command } from 'ckeditor5/src/core.js';\nimport type { ModelWriter } from 'ckeditor5/src/engine.js';\nimport { type TableCaptionEditing } from './tablecaptionediting.js';\n\nimport { getCaptionFromTableModelElement } from './utils.js';\nimport { getSelectionAffectedTable } from '../utils/common.js';\n\n/**\n * The toggle table caption command.\n *\n * This command is registered by {@link module:table/tablecaption/tablecaptionediting~TableCaptionEditing} as the\n * `'toggleTableCaption'` editor command.\n *\n * Executing this command:\n *\n * * either adds or removes the table caption of a selected table (depending on whether the caption is present or not),\n * * removes the table caption if the selection is anchored in one.\n *\n * ```ts\n * // Toggle the presence of the caption.\n * editor.execute( 'toggleTableCaption' );\n * ```\n *\n * **Note**: You can move the selection to the caption right away as it shows up upon executing this command by using\n * the `focusCaptionOnShow` option:\n *\n * ```ts\n * editor.execute( 'toggleTableCaption', { focusCaptionOnShow: true } );\n * ```\n */\nexport class ToggleTableCaptionCommand extends Command {\n\tdeclare public value: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override refresh(): void {\n\t\tconst editor = this.editor;\n\t\tconst tableElement = getSelectionAffectedTable( editor.model.document.selection );\n\n\t\tthis.isEnabled = !!tableElement && editor.model.schema.checkChild( tableElement, 'caption' );\n\n\t\tif ( !this.isEnabled ) {\n\t\t\tthis.value = false;\n\t\t} else {\n\t\t\tthis.value = !!getCaptionFromTableModelElement( tableElement );\n\t\t}\n\t}\n\n\t/**\n\t * Executes the command.\n\t *\n\t * ```ts\n\t * editor.execute( 'toggleTableCaption' );\n\t * ```\n\t *\n\t * @param options Options for the executed command.\n\t * @param options.focusCaptionOnShow When true and the caption shows up, the selection will be moved into it straight away.\n\t * @fires execute\n\t */\n\tpublic override execute( { focusCaptionOnShow = false }: { focusCaptionOnShow?: boolean } = {} ): void {\n\t\tthis.editor.model.change( writer => {\n\t\t\tif ( this.value ) {\n\t\t\t\tthis._hideTableCaption( writer );\n\t\t\t} else {\n\t\t\t\tthis._showTableCaption( writer, focusCaptionOnShow );\n\t\t\t}\n\t\t} );\n\t}\n\n\t/**\n\t * Shows the table caption. Also:\n\t *\n\t * * it attempts to restore the caption content from the `TableCaptionEditing` caption registry,\n\t * * it moves the selection to the caption right away, it the `focusCaptionOnShow` option was set.\n\t *\n\t * @param focusCaptionOnShow Default focus behavior when showing the caption.\n\t */\n\tprivate _showTableCaption( writer: ModelWriter, focusCaptionOnShow: boolean ) {\n\t\tconst model = this.editor.model;\n\t\tconst tableElement = getSelectionAffectedTable( model.document.selection );\n\t\tconst tableCaptionEditing: TableCaptionEditing = this.editor.plugins.get( 'TableCaptionEditing' );\n\t\tconst savedCaptionElement = tableCaptionEditing._getSavedCaption( tableElement );\n\n\t\t// Try restoring the caption from the TableCaptionEditing plugin storage.\n\t\tconst newCaptionElement = savedCaptionElement || writer.createElement( 'caption' );\n\n\t\tmodel.insertContent( newCaptionElement, tableElement, 'end' );\n\n\t\tif ( focusCaptionOnShow ) {\n\t\t\twriter.setSelection( newCaptionElement, 'in' );\n\t\t}\n\t}\n\n\t/**\n\t * Hides the caption of a selected table (or an table caption the selection is anchored to).\n\t *\n\t * The content of the caption is stored in the `TableCaptionEditing` caption registry to make this\n\t * a reversible action.\n\t */\n\tprivate _hideTableCaption( writer: ModelWriter ) {\n\t\tconst model = this.editor.model;\n\t\tconst tableElement = getSelectionAffectedTable( model.document.selection );\n\t\tconst tableCaptionEditing: TableCaptionEditing = this.editor.plugins.get( 'TableCaptionEditing' );\n\t\tconst captionElement = getCaptionFromTableModelElement( tableElement )!;\n\n\t\t// Store the caption content so it can be restored quickly if the user changes their mind.\n\t\ttableCaptionEditing._saveCaption( tableElement, captionElement );\n\n\t\tmodel.deleteContent( writer.createSelection( captionElement, 'on' ) );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecaption/tablecaptionediting\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ModelElement, enableViewPlaceholder } from 'ckeditor5/src/engine.js';\nimport { toWidgetEditable } from 'ckeditor5/src/widget.js';\n\nimport { injectTableCaptionPostFixer } from '../converters/table-caption-post-fixer.js';\nimport { ToggleTableCaptionCommand } from './toggletablecaptioncommand.js';\nimport { isTable, matchTableCaptionViewElement } from './utils.js';\nimport type { TableEditing } from '../tableediting.js';\n\n/**\n * The table caption editing plugin.\n */\nexport class TableCaptionEditing extends Plugin {\n\t/**\n\t * A map that keeps saved JSONified table captions and table model elements they are\n\t * associated with.\n\t *\n\t * To learn more about this system, see {@link #_saveCaption}.\n\t */\n\tprivate _savedCaptionsMap = new WeakMap<ModelElement, unknown>();\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableCaptionEditing' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst schema = editor.model.schema;\n\t\tconst view = editor.editing.view;\n\t\tconst t = editor.t;\n\t\tconst useCaptionElement = editor.config.get( 'table.tableCaption.useCaptionElement' );\n\n\t\tif ( !schema.isRegistered( 'caption' ) ) {\n\t\t\tschema.register( 'caption', {\n\t\t\t\tallowIn: 'table',\n\t\t\t\tallowContentOf: '$block',\n\t\t\t\tisLimit: true\n\t\t\t} );\n\t\t} else {\n\t\t\tschema.extend( 'caption', {\n\t\t\t\tallowIn: 'table'\n\t\t\t} );\n\t\t}\n\n\t\teditor.commands.add( 'toggleTableCaption', new ToggleTableCaptionCommand( this.editor ) );\n\n\t\tif ( useCaptionElement ) {\n\t\t\tconst tableEditing: TableEditing = editor.plugins.get( 'TableEditing' );\n\n\t\t\ttableEditing.registerAdditionalSlot( {\n\t\t\t\tfilter: element => element.is( 'element', 'caption' ),\n\t\t\t\tpositionOffset: 'end'\n\t\t\t} );\n\t\t}\n\n\t\t// View -> model converter for the data pipeline.\n\t\teditor.conversion.for( 'upcast' ).elementToElement( {\n\t\t\tview: matchTableCaptionViewElement,\n\t\t\tmodel: 'caption'\n\t\t} );\n\n\t\t// Model -> view converter for the data pipeline.\n\t\teditor.conversion.for( 'dataDowncast' ).elementToElement( {\n\t\t\tmodel: 'caption',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tif ( !isTable( modelElement.parent ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn writer.createContainerElement( useCaptionElement ? 'caption' : 'figcaption' );\n\t\t\t}\n\t\t} );\n\n\t\t// Model -> view converter for the editing pipeline.\n\t\teditor.conversion.for( 'editingDowncast' ).elementToElement( {\n\t\t\tmodel: 'caption',\n\t\t\tview: ( modelElement, { writer } ) => {\n\t\t\t\tif ( !isTable( modelElement.parent ) ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst captionElement = writer.createEditableElement( useCaptionElement ? 'caption' : 'figcaption' );\n\t\t\t\twriter.setCustomProperty( 'tableCaption', true, captionElement );\n\n\t\t\t\tcaptionElement.placeholder = t( 'Enter table caption' );\n\n\t\t\t\tenableViewPlaceholder( {\n\t\t\t\t\tview,\n\t\t\t\t\telement: captionElement,\n\t\t\t\t\tkeepOnFocus: true\n\t\t\t\t} );\n\n\t\t\t\treturn toWidgetEditable( captionElement, writer );\n\t\t\t}\n\t\t} );\n\n\t\tinjectTableCaptionPostFixer( editor.model );\n\t}\n\n\t/**\n\t * Returns the saved {@link module:engine/model/element~ModelElement#toJSON JSONified} caption\n\t * of a table model element.\n\t *\n\t * See {@link #_saveCaption}.\n\t *\n\t * @internal\n\t * @param tableModelElement The model element the caption should be returned for.\n\t * @returns The model caption element or `null` if there is none.\n\t */\n\tpublic _getSavedCaption( tableModelElement: ModelElement ): ModelElement | null {\n\t\tconst jsonObject = this._savedCaptionsMap.get( tableModelElement );\n\n\t\treturn jsonObject ? ModelElement.fromJSON( jsonObject ) : null;\n\t}\n\n\t/**\n\t * Saves a {@link module:engine/model/element~ModelElement#toJSON JSONified} caption for\n\t * a table element to allow restoring it in the future.\n\t *\n\t * A caption is saved every time it gets hidden. The\n\t * user should be able to restore it on demand.\n\t *\n\t * **Note**: The caption cannot be stored in the table model element attribute because,\n\t * for instance, when the model state propagates to collaborators, the attribute would get\n\t * lost (mainly because it does not convert to anything when the caption is hidden) and\n\t * the states of collaborators' models would de-synchronize causing numerous issues.\n\t *\n\t * See {@link #_getSavedCaption}.\n\t *\n\t * @internal\n\t * @param tableModelElement The model element the caption is saved for.\n\t * @param caption The caption model element to be saved.\n\t */\n\tpublic _saveCaption( tableModelElement: ModelElement, caption: ModelElement ): void {\n\t\tthis._savedCaptionsMap.set( tableModelElement, caption.toJSON() );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecaption/tablecaptionui\n*/\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { ButtonView } from 'ckeditor5/src/ui.js';\nimport { IconCaption } from 'ckeditor5/src/icons.js';\nimport { type ToggleTableCaptionCommand } from './toggletablecaptioncommand.js';\n\nimport { getCaptionFromModelSelection } from './utils.js';\n\n/**\n  * The table caption UI plugin. It introduces the `'toggleTableCaption'` UI button.\n  */\nexport class TableCaptionUI extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableCaptionUI' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst t = editor.t;\n\n\t\teditor.ui.componentFactory.add( 'toggleTableCaption', locale => {\n\t\t\tconst command: ToggleTableCaptionCommand = editor.commands.get( 'toggleTableCaption' )!;\n\t\t\tconst view = new ButtonView( locale );\n\n\t\t\tview.set( {\n\t\t\t\ticon: IconCaption,\n\t\t\t\ttooltip: true,\n\t\t\t\tisToggleable: true\n\t\t\t} );\n\n\t\t\tview.bind( 'isOn', 'isEnabled' ).to( command, 'value', 'isEnabled' );\n\t\t\tview.bind( 'label' ).to( command, 'value', value => value ? t( 'Toggle caption off' ) : t( 'Toggle caption on' ) );\n\n\t\t\tthis.listenTo( view, 'execute', () => {\n\t\t\t\teditor.execute( 'toggleTableCaption', { focusCaptionOnShow: true } );\n\n\t\t\t\t// Scroll to the selection and highlight the caption if the caption showed up.\n\t\t\t\tif ( command.value ) {\n\t\t\t\t\tconst modelCaptionElement = getCaptionFromModelSelection( editor.model.document.selection )!;\n\t\t\t\t\tconst figcaptionElement = editor.editing.mapper.toViewElement( modelCaptionElement );\n\n\t\t\t\t\tif ( !figcaptionElement ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\teditingView.scrollToTheSelection();\n\t\t\t\t\teditingView.change( writer => {\n\t\t\t\t\t\twriter.addClass( 'table__caption_highlighted', figcaptionElement );\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\teditor.editing.view.focus();\n\t\t\t} );\n\n\t\t\treturn view;\n\t\t} );\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecaption\n */\n\nimport { Plugin } from 'ckeditor5/src/core.js';\nimport { TableCaptionEditing } from './tablecaption/tablecaptionediting.js';\nimport { TableCaptionUI } from './tablecaption/tablecaptionui.js';\n\nimport '../theme/tablecaption.css';\n\n/**\n * The table caption plugin.\n */\nexport class TableCaption extends Plugin {\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableCaption' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ TableCaptionEditing, TableCaptionUI ] as const;\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/utils/ui/table-propertiesexperimental\n */\n\n/* istanbul ignore file -- @preserve */\n\nimport {\n\tButtonView,\n\tUIModel,\n\ttype ColorOption,\n\ttype LabeledFieldView,\n\ttype ListDropdownItemDefinition,\n\ttype NormalizedColorOption,\n\ttype ToolbarView,\n\ttype View,\n\ttype ColorPickerConfig\n} from 'ckeditor5/src/ui.js';\n\nimport { Collection, type LocaleTranslate } from 'ckeditor5/src/utils.js';\nimport { isColorStyleValue, isLengthStyleValue, isPercentageStyleValue } from 'ckeditor5/src/engine.js';\n\nimport { type TableCellPropertiesViewExperimental } from '../../tablecellproperties/ui/tablecellpropertiesviewexperimental.js';\nimport { type TablePropertiesViewExperimental } from '../../tableproperties/ui/tablepropertiesviewexperimental.js';\n\nimport { ColorInputView } from '../../ui/colorinputview.js';\n\nconst isEmpty = ( val: string ) => val === '';\n\n/**\n * Returns an object containing pairs of CSS border style values and their localized UI\n * labels. Used by {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView}\n * and {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView}.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */\nexport function getBorderStyleLabels( t: LocaleTranslate ): Record<string, string> {\n\treturn {\n\t\tnone: t( 'None' ),\n\t\tsolid: t( 'Solid' ),\n\t\tdotted: t( 'Dotted' ),\n\t\tdashed: t( 'Dashed' ),\n\t\tdouble: t( 'Double' ),\n\t\tgroove: t( 'Groove' ),\n\t\tridge: t( 'Ridge' ),\n\t\tinset: t( 'Inset' ),\n\t\toutset: t( 'Outset' )\n\t};\n}\n\n/**\n * Returns a localized error string that can be displayed next to color (background, border)\n * fields that have an invalid value.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */\nexport function getLocalizedColorErrorText( t: LocaleTranslate ): string {\n\treturn t( 'The color is invalid. Try \"#FF0000\" or \"rgb(255,0,0)\" or \"red\".' );\n}\n\n/**\n * Returns a localized error string that can be displayed next to length (padding, border width)\n * fields that have an invalid value.\n *\n * @internal\n * @param t The \"t\" function provided by the editor that is used to localize strings.\n */\nexport function getLocalizedLengthErrorText( t: LocaleTranslate ): string {\n\treturn t( 'The value is invalid. Try \"10px\" or \"2em\" or simply \"2\".' );\n}\n\n/**\n * Returns `true` when the passed value is an empty string or a valid CSS color expression.\n * Otherwise, `false` is returned.\n *\n * See {@link module:engine/view/styles/utils~isColorStyleValue}.\n *\n * @internal\n */\nexport function colorFieldValidator( value: string ): boolean {\n\tvalue = value.trim().toLowerCase();\n\n\treturn isEmpty( value ) || isColorStyleValue( value );\n}\n\n/**\n * Returns `true` when the passed value is an empty string, a number without a unit or a valid CSS length expression.\n * Otherwise, `false` is returned.\n *\n * See {@link module:engine/view/styles/utils~isLengthStyleValue}.\n * See {@link module:engine/view/styles/utils~isPercentageStyleValue}.\n *\n * @internal\n */\nexport function lengthFieldValidator( value: string ): boolean {\n\tvalue = value.trim();\n\n\treturn isEmpty( value ) || isNumberString( value ) || isLengthStyleValue( value ) || isPercentageStyleValue( value );\n}\n\n/**\n * Returns `true` when the passed value is an empty string, a number without a unit or a valid CSS length expression.\n * Otherwise, `false` is returned.\n *\n * See {@link module:engine/view/styles/utils~isLengthStyleValue}.\n *\n * @internal\n */\nexport function lineWidthFieldValidator( value: string ): boolean {\n\tvalue = value.trim();\n\n\treturn isEmpty( value ) || isNumberString( value ) || isLengthStyleValue( value );\n}\n\n/**\n * Generates item definitions for a UI dropdown that allows changing the border style of a table or a table cell.\n *\n * @internal\n * @param defaultStyle The default border.\n */\nexport function getBorderStyleDefinitions(\n\tview: TableCellPropertiesViewExperimental | TablePropertiesViewExperimental,\n\tdefaultStyle: string\n): Collection<ListDropdownItemDefinition> {\n\tconst itemDefinitions: Collection<ListDropdownItemDefinition> = new Collection();\n\tconst styleLabels = getBorderStyleLabels( view.t! );\n\n\tfor ( const style in styleLabels ) {\n\t\tconst definition: ListDropdownItemDefinition = {\n\t\t\ttype: 'button',\n\t\t\tmodel: new UIModel( {\n\t\t\t\t_borderStyleValue: style,\n\t\t\t\tlabel: styleLabels[ style ],\n\t\t\t\trole: 'menuitemradio',\n\t\t\t\twithText: true\n\t\t\t} )\n\t\t};\n\n\t\tif ( style === 'none' ) {\n\t\t\tdefinition.model.bind( 'isOn' ).to( view, 'borderStyle', value => {\n\t\t\t\tif ( defaultStyle === 'none' ) {\n\t\t\t\t\treturn !value;\n\t\t\t\t}\n\n\t\t\t\treturn value === style;\n\t\t\t} );\n\t\t} else {\n\t\t\tdefinition.model.bind( 'isOn' ).to( view, 'borderStyle', value => {\n\t\t\t\treturn value === style;\n\t\t\t} );\n\t\t}\n\n\t\titemDefinitions.add( definition );\n\t}\n\n\treturn itemDefinitions;\n}\n\n/**\n * A helper that fills a toolbar with buttons that:\n *\n * * have some labels,\n * * have some icons,\n * * set a certain UI view property value upon execution.\n *\n * @internal\n * @param options Configuration options\n * @param options.view The view that has the observable property.\n * @param options.icons Object with button icons.\n * @param options.toolbar The toolbar to fill with buttons.\n * @param options.labels Object with button labels.\n * @param options.propertyName The name of the observable property in the view.\n * @param options.nameToValue A function that maps a button name to a value. By default names are the same as values.\n * @param options.defaultValue Default value for the property.\n */\nexport function fillToolbar<TView extends View, TPropertyName extends keyof TView>(\n\toptions: {\n\t\tview: TView;\n\t\ticons: Record<string, string>;\n\t\ttoolbar: ToolbarView;\n\t\tlabels: Record<number, string>;\n\t\tpropertyName: TPropertyName;\n\t\tnameToValue?: ( name: string ) => string;\n\t\tdefaultValue?: string;\n\t}\n): void {\n\tconst { view, icons, toolbar, labels, propertyName, nameToValue, defaultValue } = options;\n\tfor ( const name in labels ) {\n\t\tconst button = new ButtonView( view.locale );\n\n\t\tbutton.set( {\n\t\t\trole: 'radio',\n\t\t\tisToggleable: true,\n\t\t\tlabel: labels[ name ],\n\t\t\ticon: icons[ name ],\n\t\t\ttooltip: labels[ name ]\n\t\t} );\n\n\t\t// If specified the `nameToValue()` callback, map the value based on the option's name.\n\t\tconst buttonValue = nameToValue ? nameToValue( name ) : name;\n\n\t\tbutton.bind( 'isOn' ).to( view, propertyName, value => {\n\t\t\t// `value` comes from `view[ propertyName ]`.\n\t\t\tlet valueToCompare: unknown = value;\n\n\t\t\t// If it's empty, and the `defaultValue` is specified, use it instead.\n\t\t\tif ( value === '' && defaultValue ) {\n\t\t\t\tvalueToCompare = defaultValue;\n\t\t\t}\n\n\t\t\treturn buttonValue === valueToCompare;\n\t\t} );\n\n\t\tbutton.on( 'execute', () => {\n\t\t\t// Allow toggling alignment if there is no default value specified (especially for layout tables).\n\t\t\tif ( !defaultValue && buttonValue && view[ propertyName ] === buttonValue ) {\n\t\t\t\tview[ propertyName ] = undefined as any;\n\t\t\t} else {\n\t\t\t\tview[ propertyName ] = buttonValue as any;\n\t\t\t}\n\t\t} );\n\n\t\ttoolbar.items.add( button );\n\t}\n}\n\n/**\n * A default color palette used by various user interfaces related to tables, for instance,\n * by {@link module:table/tablecellproperties/tablecellpropertiesui~TableCellPropertiesUI} or\n * {@link module:table/tableproperties/tablepropertiesui~TablePropertiesUI}.\n *\n * The color palette follows the {@link module:table/tableconfig~TableColorConfig table color configuration format}\n * and contains the following color definitions:\n *\n * ```ts\n * const defaultColors = [\n *   {\n *     color: 'hsl(0, 0%, 0%)',\n *     label: 'Black'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 30%)',\n *     label: 'Dim grey'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 60%)',\n *     label: 'Grey'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 90%)',\n *     label: 'Light grey'\n *   },\n *   {\n *     color: 'hsl(0, 0%, 100%)',\n *     label: 'White',\n *     hasBorder: true\n *   },\n *   {\n *     color: 'hsl(0, 75%, 60%)',\n *     label: 'Red'\n *   },\n *   {\n *     color: 'hsl(30, 75%, 60%)',\n *     label: 'Orange'\n *   },\n *   {\n *     color: 'hsl(60, 75%, 60%)',\n *     label: 'Yellow'\n *   },\n *   {\n *     color: 'hsl(90, 75%, 60%)',\n *     label: 'Light green'\n *   },\n *   {\n *     color: 'hsl(120, 75%, 60%)',\n *     label: 'Green'\n *   },\n *   {\n *     color: 'hsl(150, 75%, 60%)',\n *     label: 'Aquamarine'\n *   },\n *   {\n *     color: 'hsl(180, 75%, 60%)',\n *     label: 'Turquoise'\n *   },\n *   {\n *     color: 'hsl(210, 75%, 60%)',\n *     label: 'Light blue'\n *   },\n *   {\n *     color: 'hsl(240, 75%, 60%)',\n *     label: 'Blue'\n *   },\n *   {\n *     color: 'hsl(270, 75%, 60%)',\n *     label: 'Purple'\n *   }\n * ];\n * ```\n *\n * @internal\n */\nexport const defaultColors: Array<ColorOption> = [\n\t{\n\t\tcolor: 'hsl(0, 0%, 0%)',\n\t\tlabel: 'Black'\n\t},\n\t{\n\t\tcolor: 'hsl(0, 0%, 30%)',\n\t\tlabel: 'Dim grey'\n\t},\n\t{\n\t\tcolor: 'hsl(0, 0%, 60%)',\n\t\tlabel: 'Grey'\n\t},\n\t{\n\t\tcolor: 'hsl(0, 0%, 90%)',\n\t\tlabel: 'Light grey'\n\t},\n\t{\n\t\tcolor: 'hsl(0, 0%, 100%)',\n\t\tlabel: 'White',\n\t\thasBorder: true\n\t},\n\t{\n\t\tcolor: 'hsl(0, 75%, 60%)',\n\t\tlabel: 'Red'\n\t},\n\t{\n\t\tcolor: 'hsl(30, 75%, 60%)',\n\t\tlabel: 'Orange'\n\t},\n\t{\n\t\tcolor: 'hsl(60, 75%, 60%)',\n\t\tlabel: 'Yellow'\n\t},\n\t{\n\t\tcolor: 'hsl(90, 75%, 60%)',\n\t\tlabel: 'Light green'\n\t},\n\t{\n\t\tcolor: 'hsl(120, 75%, 60%)',\n\t\tlabel: 'Green'\n\t},\n\t{\n\t\tcolor: 'hsl(150, 75%, 60%)',\n\t\tlabel: 'Aquamarine'\n\t},\n\t{\n\t\tcolor: 'hsl(180, 75%, 60%)',\n\t\tlabel: 'Turquoise'\n\t},\n\t{\n\t\tcolor: 'hsl(210, 75%, 60%)',\n\t\tlabel: 'Light blue'\n\t},\n\t{\n\t\tcolor: 'hsl(240, 75%, 60%)',\n\t\tlabel: 'Blue'\n\t},\n\t{\n\t\tcolor: 'hsl(270, 75%, 60%)',\n\t\tlabel: 'Purple'\n\t}\n];\n\n/**\n * Returns a creator for a color input with a label.\n *\n * For given options, it returns a function that creates an instance of a\n * {@link module:table/ui/colorinputview~ColorInputView color input} logically related to\n * a {@link module:ui/labeledfield/labeledfieldview~LabeledFieldView labeled view} in the DOM.\n *\n * The helper does the following:\n *\n * * It sets the color input `id` and `ariaDescribedById` attributes.\n * * It binds the color input `isReadOnly` to the labeled view.\n * * It binds the color input `hasError` to the labeled view.\n * * It enables a logic that cleans up the error when the user starts typing in the color input.\n *\n * Usage:\n *\n * ```ts\n * const colorInputCreator = getLabeledColorInputCreator( {\n *   colorConfig: [ ... ],\n *   columns: 3,\n * } );\n *\n * const labeledInputView = new LabeledFieldView( locale, colorInputCreator );\n * console.log( labeledInputView.view ); // A color input instance.\n * ```\n *\n * @internal\n * @param options Color input options.\n * @param options.colorConfig The configuration of the color palette displayed in the input's dropdown.\n * @param options.columns The configuration of the number of columns the color palette consists of in the input's dropdown.\n * @param options.defaultColorValue If specified, the color input view will replace the \"Remove color\" button with\n * the \"Restore default\" button. Instead of clearing the input field, the default color value will be set.\n * @param options.colorPickerConfig The configuration of the color picker. You could disable it or define your output format.\n */\nexport function getLabeledColorInputCreator(\n\toptions: {\n\t\tcolorConfig: Array<NormalizedColorOption>;\n\t\tcolumns: number;\n\t\tdefaultColorValue?: string;\n\t\tcolorPickerConfig: false | ColorPickerConfig;\n\t}\n) {\n\treturn ( labeledFieldView: LabeledFieldView, viewUid: string, statusUid: string ): ColorInputView => {\n\t\tconst colorInputView = new ColorInputView( labeledFieldView.locale!, {\n\t\t\tcolorDefinitions: colorConfigToColorGridDefinitions( options.colorConfig ),\n\t\t\tcolumns: options.columns,\n\t\t\tdefaultColorValue: options.defaultColorValue,\n\t\t\tcolorPickerConfig: options.colorPickerConfig\n\t\t} );\n\n\t\tcolorInputView.inputView.set( {\n\t\t\tid: viewUid,\n\t\t\tariaDescribedById: statusUid\n\t\t} );\n\n\t\tcolorInputView.bind( 'isReadOnly' ).to( labeledFieldView, 'isEnabled', value => !value );\n\t\tcolorInputView.bind( 'hasError' ).to( labeledFieldView, 'errorText', value => !!value );\n\n\t\tcolorInputView.on( 'input', () => {\n\t\t\t// UX: Make the error text disappear and disable the error indicator as the user\n\t\t\t// starts fixing the errors.\n\t\t\tlabeledFieldView.errorText = null;\n\t\t} );\n\n\t\tlabeledFieldView.bind( 'isEmpty', 'isFocused' ).to( colorInputView );\n\n\t\treturn colorInputView;\n\t};\n}\n\n/**\n * A simple helper method to detect number strings.\n * I allows full number notation, so omitting 0 is not allowed:\n */\nfunction isNumberString( value: string ) {\n\tconst parsedValue = parseFloat( value );\n\n\treturn !Number.isNaN( parsedValue ) && value === String( parsedValue );\n}\n\nfunction colorConfigToColorGridDefinitions( colorConfig: Array<NormalizedColorOption> ) {\n\treturn colorConfig.map( item => ( {\n\t\tcolor: item.model,\n\t\tlabel: item.label,\n\t\toptions: {\n\t\t\thasBorder: item.hasBorder\n\t\t}\n\t} ) );\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/ui/tablepropertiesviewexperimental\n */\n\n/* istanbul ignore file -- @preserve */\n\nimport {\n\taddListToDropdown,\n\tButtonView,\n\tcreateLabeledDropdown,\n\tcreateLabeledInputText,\n\tFocusCycler,\n\tFormRowView,\n\tFormHeaderView,\n\tLabeledFieldView,\n\tLabelView,\n\tsubmitHandler,\n\tToolbarView,\n\tView,\n\tViewCollection,\n\ttype DropdownView,\n\ttype InputTextView,\n\ttype NormalizedColorOption,\n\ttype ColorPickerConfig,\n\ttype FocusableView\n} from 'ckeditor5/src/ui.js';\nimport { FocusTracker, KeystrokeHandler, type ObservableChangeEvent, type Locale } from 'ckeditor5/src/utils.js';\nimport {\n\tIconObjectCenter,\n\tIconObjectInlineLeft,\n\tIconObjectInlineRight,\n\tIconObjectLeft,\n\tIconObjectRight,\n\tIconPreviousArrow\n} from 'ckeditor5/src/icons.js';\n\nimport {\n\tfillToolbar,\n\tgetBorderStyleDefinitions,\n\tgetBorderStyleLabels,\n\tgetLabeledColorInputCreator\n} from '../../utils/ui/table-propertiesexperimental.js';\n\nimport { type ColorInputView } from '../../ui/colorinputview.js';\nimport type { TablePropertiesOptions } from '../../tableconfig.js';\n\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/form/form.css';\nimport '../../../theme/formrow-experimental.css';\nimport '../../../theme/tableform-experimental.css';\nimport '../../../theme/tableproperties-experimental.css';\n\n/**\n * Additional configuration of the view.\n */\nexport interface TablePropertiesViewOptionsExperimental {\n\n\t/**\n\t * A configuration of the border color palette used by the\n\t * {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView#borderColorInput}.\n\t */\n\tborderColors: Array<NormalizedColorOption>;\n\n\t/**\n\t * A configuration of the background color palette used by the\n\t * {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView#backgroundInput}.\n\t */\n\tbackgroundColors: Array<NormalizedColorOption>;\n\n\t/**\n\t * The default table properties.\n\t */\n\tdefaultTableProperties: TablePropertiesOptions;\n\n\t/**\n\t * The default color picker config.\n\t */\n\tcolorPickerConfig: false | ColorPickerConfig;\n}\n\n/**\n * The class representing a table properties form, allowing users to customize\n * certain style aspects of a table, for instance, border, background color, alignment, etc..\n */\nexport class TablePropertiesViewExperimental extends View {\n\t/**\n\t * The value of the border style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public borderStyle: string;\n\n\t/**\n\t * The value of the border width style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public borderWidth: string;\n\n\t/**\n\t * The value of the border color style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public borderColor: string;\n\n\t/**\n\t * The value of the background color style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public backgroundColor: string;\n\n\t/**\n\t * The value of the table width style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public width: string;\n\n\t/**\n\t * The value of the table height style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public height: string;\n\n\t/**\n\t * The value of the table alignment style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tdeclare public alignment: string;\n\n\t/**\n\t * Options passed to the view. See {@link #constructor} to learn more.\n\t */\n\tpublic readonly options: TablePropertiesViewOptionsExperimental;\n\n\t/**\n\t * Tracks information about the DOM focus in the form.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A collection of child views in the form.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A dropdown that allows selecting the style of the table border.\n\t */\n\tpublic readonly borderStyleDropdown: LabeledFieldView<DropdownView>;\n\n\t/**\n\t * An input that allows specifying the width of the table border.\n\t */\n\tpublic readonly borderWidthInput: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * An input that allows specifying the color of the table border.\n\t */\n\tpublic readonly borderColorInput: LabeledFieldView<ColorInputView>;\n\n\t/**\n\t * An input that allows specifying the table background color.\n\t */\n\tpublic readonly backgroundInput: LabeledFieldView<ColorInputView>;\n\n\t/**\n\t * An input that allows specifying the table width.\n\t */\n\tpublic readonly widthInput: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * An input that allows specifying the table height.\n\t */\n\tpublic readonly heightInput: LabeledFieldView<InputTextView>;\n\n\t/**\n\t * A toolbar with buttons that allow changing the alignment of an entire table.\n\t */\n\tpublic readonly alignmentToolbar: ToolbarView;\n\n\t/**\n\t * The \"Save\" button view.\n\t */\n\tpublic saveButtonView: ButtonView;\n\n\t/**\n\t * The \"Cancel\" button view.\n\t */\n\tpublic cancelButtonView: ButtonView;\n\n\t/**\n\t * The Back button view displayed in the header.\n\t */\n\tpublic backButtonView: ButtonView;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprotected readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprotected readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Additional configuration of the view.\n\t */\n\tconstructor( locale: Locale, options: TablePropertiesViewOptionsExperimental ) {\n\t\tsuper( locale );\n\n\t\tthis.set( {\n\t\t\tborderStyle: '',\n\t\t\tborderWidth: '',\n\t\t\tborderColor: '',\n\t\t\tbackgroundColor: '',\n\t\t\twidth: '',\n\t\t\theight: '',\n\t\t\talignment: ''\n\t\t} );\n\n\t\tthis.options = options;\n\n\t\tconst { borderStyleDropdown, borderWidthInput, borderColorInput, borderRowLabel } = this._createBorderFields();\n\t\tconst { backgroundRowLabel, backgroundInput } = this._createBackgroundFields();\n\t\tconst { widthInput, operatorLabel, heightInput, dimensionsLabel } = this._createDimensionFields();\n\t\tconst { alignmentToolbar, alignmentLabel } = this._createAlignmentFields();\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.children = this.createCollection();\n\n\t\tthis.borderStyleDropdown = borderStyleDropdown;\n\t\tthis.borderWidthInput = borderWidthInput;\n\t\tthis.borderColorInput = borderColorInput;\n\t\tthis.backgroundInput = backgroundInput;\n\t\tthis.widthInput = widthInput;\n\t\tthis.heightInput = heightInput;\n\t\tthis.alignmentToolbar = alignmentToolbar;\n\n\t\t// Defer creating to make sure other fields are present and the Save button can\n\t\t// bind its #isEnabled to their error messages so there's no way to save unless all\n\t\t// fields are valid.\n\t\tconst { saveButtonView, cancelButtonView } = this._createActionButtons();\n\n\t\tthis.saveButtonView = saveButtonView;\n\t\tthis.cancelButtonView = cancelButtonView;\n\t\tthis.backButtonView = this._createBackButton();\n\n\t\tthis._focusables = new ViewCollection();\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\t// Form header.\n\t\tconst headerView = new FormHeaderView( locale, {\n\t\t\tlabel: this.t!( 'Table properties' )\n\t\t} );\n\n\t\theaderView.children.add( this.backButtonView, 0 );\n\n\t\tthis.children.add( headerView );\n\n\t\t// Border row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tlabelView: borderRowLabel,\n\t\t\tchildren: [\n\t\t\t\tborderRowLabel,\n\t\t\t\tborderStyleDropdown,\n\t\t\t\tborderWidthInput,\n\t\t\t\tborderColorInput\n\t\t\t],\n\t\t\tclass: 'ck-table-form__border-row'\n\t\t} ) );\n\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\t// Dimensions row.\n\t\t\t\tnew FormRowView( locale, {\n\t\t\t\t\tlabelView: dimensionsLabel,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tdimensionsLabel,\n\t\t\t\t\t\twidthInput,\n\t\t\t\t\t\toperatorLabel,\n\t\t\t\t\t\theightInput\n\t\t\t\t\t],\n\t\t\t\t\tclass: 'ck-table-form__dimensions-row'\n\t\t\t\t} ),\n\n\t\t\t\t// Background row.\n\t\t\t\tnew FormRowView( locale, {\n\t\t\t\t\tlabelView: backgroundRowLabel,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tbackgroundRowLabel,\n\t\t\t\t\t\tbackgroundInput\n\t\t\t\t\t],\n\t\t\t\t\tclass: 'ck-table-form__background-row'\n\t\t\t\t} )\n\t\t\t]\n\t\t} ) );\n\n\t\t// Alignment row.\n\t\tthis.children.add(\n\t\t\tnew FormRowView( locale, {\n\t\t\t\tlabelView: alignmentLabel,\n\t\t\t\tchildren: [\n\t\t\t\t\talignmentLabel,\n\t\t\t\t\talignmentToolbar\n\t\t\t\t],\n\t\t\t\tclass: 'ck-table-properties-form__alignment-row'\n\t\t\t} )\n\t\t);\n\n\t\t// Action row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\tthis.cancelButtonView,\n\t\t\t\tthis.saveButtonView\n\t\t\t],\n\t\t\tclass: 'ck-table-form__action-row'\n\t\t} ) );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form',\n\t\t\t\t\t'ck-table-form',\n\t\t\t\t\t'ck-table-properties-form',\n\t\t\t\t\t'ck-table-properties-form_experimental'\n\t\t\t\t],\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/90\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Enable the \"submit\" event for this view. It can be triggered by the #saveButtonView\n\t\t// which is of the \"submit\" DOM \"type\".\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\t// Maintain continuous focus cycling over views that have focusable children and focus cyclers themselves.\n\t\t[ this.borderColorInput, this.backgroundInput ].forEach( view => {\n\t\t\tthis._focusCycler.chain( view.fieldView.focusCycler );\n\t\t} );\n\n\t\t[\n\t\t\tthis.borderStyleDropdown,\n\t\t\tthis.borderWidthInput,\n\t\t\tthis.borderColorInput,\n\t\t\tthis.widthInput,\n\t\t\tthis.heightInput,\n\t\t\tthis.backgroundInput,\n\t\t\tthis.alignmentToolbar,\n\t\t\tthis.cancelButtonView,\n\t\t\tthis.saveButtonView,\n\t\t\tthis.backButtonView\n\t\t].forEach( view => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( view! );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( view!.element! );\n\t\t} );\n\n\t\t// Mainly for closing using \"Esc\" and navigation using \"Tab\".\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the fist focusable field in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #borderStyleDropdown},\n\t * * {@link #borderWidthInput},\n\t * * {@link #borderColorInput}.\n\t */\n\tprivate _createBorderFields() {\n\t\tconst defaultTableProperties = this.options.defaultTableProperties;\n\t\tconst defaultBorder = {\n\t\t\tstyle: defaultTableProperties.borderStyle,\n\t\t\twidth: defaultTableProperties.borderWidth,\n\t\t\tcolor: defaultTableProperties.borderColor\n\t\t};\n\n\t\tconst colorInputCreator = getLabeledColorInputCreator( {\n\t\t\tcolorConfig: this.options.borderColors,\n\t\t\tcolumns: 5,\n\t\t\tdefaultColorValue: defaultBorder.color,\n\t\t\tcolorPickerConfig: this.options.colorPickerConfig\n\t\t} );\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\t\tconst accessibleLabel = t( 'Style' );\n\n\t\t// -- Group label ---------------------------------------------\n\n\t\tconst borderRowLabel = new LabelView( locale );\n\t\tborderRowLabel.text = t( 'Border' );\n\n\t\t// -- Style ---------------------------------------------------\n\n\t\tconst styleLabels = getBorderStyleLabels( t );\n\t\tconst borderStyleDropdown = new LabeledFieldView( locale, createLabeledDropdown );\n\t\tborderStyleDropdown.set( {\n\t\t\tlabel: accessibleLabel,\n\t\t\tclass: 'ck-table-form__border-style'\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.buttonView.set( {\n\t\t\tariaLabel: accessibleLabel,\n\t\t\tariaLabelledBy: undefined,\n\t\t\tisOn: false,\n\t\t\twithText: true,\n\t\t\ttooltip: accessibleLabel\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.buttonView.bind( 'label' ).to( this, 'borderStyle', value => {\n\t\t\treturn styleLabels[ value ? value : 'none' ];\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.on( 'execute', evt => {\n\t\t\tthis.borderStyle = ( evt.source as any )._borderStyleValue;\n\t\t} );\n\n\t\tborderStyleDropdown.bind( 'isEmpty' ).to( this, 'borderStyle', value => !value );\n\n\t\taddListToDropdown( borderStyleDropdown.fieldView, getBorderStyleDefinitions( this, defaultBorder.style! ), {\n\t\t\trole: 'menu',\n\t\t\tariaLabel: accessibleLabel\n\t\t} );\n\n\t\t// -- Width ---------------------------------------------------\n\n\t\tconst borderWidthInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\tborderWidthInput.set( {\n\t\t\tlabel: t( 'Width' ),\n\t\t\tclass: 'ck-table-form__border-width'\n\t\t} );\n\n\t\tborderWidthInput.fieldView.bind( 'value' ).to( this, 'borderWidth' );\n\t\tborderWidthInput.bind( 'isEnabled' ).to( this, 'borderStyle', isBorderStyleSet );\n\t\tborderWidthInput.fieldView.on( 'input', () => {\n\t\t\tthis.borderWidth = borderWidthInput.fieldView.element!.value;\n\t\t} );\n\n\t\t// -- Color ---------------------------------------------------\n\n\t\tconst borderColorInput = new LabeledFieldView( locale, colorInputCreator );\n\n\t\tborderColorInput.set( {\n\t\t\tlabel: t( 'Color' ),\n\t\t\tclass: 'ck-table-form__border-color'\n\t\t} );\n\n\t\tborderColorInput.fieldView.bind( 'value' ).to( this, 'borderColor' );\n\t\tborderColorInput.bind( 'isEnabled' ).to( this, 'borderStyle', isBorderStyleSet );\n\n\t\tborderColorInput.fieldView.on( 'input', () => {\n\t\t\tthis.borderColor = borderColorInput.fieldView.value;\n\t\t} );\n\n\t\t// Reset the border color and width fields depending on the `border-style` value.\n\t\tthis.on<ObservableChangeEvent<string>>( 'change:borderStyle', ( evt, name, newValue, oldValue ) => {\n\t\t\t// When removing the border (`border-style:none`), clear the remaining `border-*` properties.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/6227.\n\t\t\tif ( !isBorderStyleSet( newValue ) ) {\n\t\t\t\tthis.borderColor = '';\n\t\t\t\tthis.borderWidth = '';\n\t\t\t}\n\n\t\t\t// When setting the `border-style` from `none`, set the default `border-color` and `border-width` properties.\n\t\t\tif ( !isBorderStyleSet( oldValue ) ) {\n\t\t\t\tthis.borderColor = defaultBorder.color!;\n\t\t\t\tthis.borderWidth = defaultBorder.width!;\n\t\t\t}\n\t\t} );\n\n\t\treturn {\n\t\t\tborderRowLabel,\n\t\t\tborderStyleDropdown,\n\t\t\tborderColorInput,\n\t\t\tborderWidthInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #backgroundInput}.\n\t */\n\tprivate _createBackgroundFields() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Group label ---------------------------------------------\n\n\t\tconst backgroundRowLabel = new LabelView( locale );\n\t\tbackgroundRowLabel.text = t( 'Background' );\n\n\t\t// -- Background color input -----------------------------------\n\n\t\tconst backgroundInputCreator = getLabeledColorInputCreator( {\n\t\t\tcolorConfig: this.options.backgroundColors,\n\t\t\tcolumns: 5,\n\t\t\tdefaultColorValue: this.options.defaultTableProperties.backgroundColor,\n\t\t\tcolorPickerConfig: this.options.colorPickerConfig\n\t\t} );\n\n\t\tconst backgroundInput = new LabeledFieldView( locale, backgroundInputCreator );\n\n\t\tbackgroundInput.set( {\n\t\t\tlabel: t( 'Color' ),\n\t\t\tclass: 'ck-table-properties-form__background'\n\t\t} );\n\n\t\tbackgroundInput.fieldView.bind( 'value' ).to( this, 'backgroundColor' );\n\t\tbackgroundInput.fieldView.on( 'input', () => {\n\t\t\tthis.backgroundColor = backgroundInput.fieldView.value;\n\t\t} );\n\n\t\treturn {\n\t\t\tbackgroundRowLabel,\n\t\t\tbackgroundInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #widthInput},\n\t * * {@link #heightInput}.\n\t */\n\tprivate _createDimensionFields() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Label ---------------------------------------------------\n\n\t\tconst dimensionsLabel = new LabelView( locale );\n\t\tdimensionsLabel.text = t( 'Dimensions' );\n\n\t\t// -- Width ---------------------------------------------------\n\n\t\tconst widthInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\twidthInput.set( {\n\t\t\tlabel: t( 'Width' ),\n\t\t\tclass: 'ck-table-form__dimensions-row__width'\n\t\t} );\n\n\t\twidthInput.fieldView.bind( 'value' ).to( this, 'width' );\n\t\twidthInput.fieldView.on( 'input', () => {\n\t\t\tthis.width = widthInput.fieldView.element!.value;\n\t\t} );\n\n\t\t// -- Operator ---------------------------------------------------\n\n\t\tconst operatorLabel = new View( locale );\n\t\toperatorLabel.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-table-form__dimension-operator'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{ text: '×' }\n\t\t\t]\n\t\t} );\n\n\t\t// -- Height ---------------------------------------------------\n\n\t\tconst heightInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\theightInput.set( {\n\t\t\tlabel: t( 'Height' ),\n\t\t\tclass: 'ck-table-form__dimensions-row__height'\n\t\t} );\n\n\t\theightInput.fieldView.bind( 'value' ).to( this, 'height' );\n\t\theightInput.fieldView.on( 'input', () => {\n\t\t\tthis.height = heightInput.fieldView.element!.value;\n\t\t} );\n\n\t\treturn {\n\t\t\tdimensionsLabel,\n\t\t\twidthInput,\n\t\t\toperatorLabel,\n\t\t\theightInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #alignmentToolbar}.\n\t */\n\tprivate _createAlignmentFields() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Label ---------------------------------------------------\n\n\t\tconst alignmentLabel = new LabelView( locale );\n\t\talignmentLabel.text = t( 'Table Alignment' );\n\n\t\t// -- Toolbar ---------------------------------------------------\n\n\t\tconst alignmentToolbar = new ToolbarView( locale! );\n\t\talignmentToolbar.set( {\n\t\t\trole: 'radiogroup',\n\t\t\tisCompact: true,\n\t\t\tariaLabel: t( 'Table alignment toolbar' )\n\t\t} );\n\n\t\tfillToolbar( {\n\t\t\tview: this,\n\t\t\ticons: {\n\t\t\t\tleft: IconObjectInlineLeft,\n\t\t\t\tcenter: IconObjectCenter,\n\t\t\t\tright: IconObjectInlineRight,\n\t\t\t\tblockLeft: IconObjectLeft,\n\t\t\t\tblockRight: IconObjectRight\n\t\t\t},\n\t\t\ttoolbar: alignmentToolbar,\n\t\t\tlabels: this._alignmentLabels,\n\t\t\tpropertyName: 'alignment',\n\t\t\tdefaultValue: this.options.defaultTableProperties.alignment!\n\t\t} );\n\n\t\treturn {\n\t\t\talignmentLabel,\n\t\t\talignmentToolbar\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form controls:\n\t *\n\t * * {@link #saveButtonView},\n\t * * {@link #cancelButtonView}.\n\t */\n\tprivate _createActionButtons(): {\n\t\tsaveButtonView: ButtonView;\n\t\tcancelButtonView: ButtonView;\n\t} {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\tconst saveButtonView = new ButtonView( locale );\n\t\tconst cancelButtonView = new ButtonView( locale );\n\t\tconst fieldsThatShouldValidateToSave = [\n\t\t\tthis.borderWidthInput!,\n\t\t\tthis.borderColorInput!,\n\t\t\tthis.backgroundInput!,\n\t\t\tthis.widthInput!,\n\t\t\tthis.heightInput!\n\t\t];\n\n\t\tsaveButtonView.set( {\n\t\t\tlabel: t( 'Save' ),\n\t\t\tclass: 'ck-button-action',\n\t\t\ttype: 'submit',\n\t\t\twithText: true\n\t\t} );\n\n\t\tsaveButtonView.bind( 'isEnabled' ).toMany( fieldsThatShouldValidateToSave, 'errorText', ( ...errorTexts ) => {\n\t\t\treturn errorTexts.every( errorText => !errorText );\n\t\t} );\n\n\t\tcancelButtonView.set( {\n\t\t\tlabel: t( 'Cancel' ),\n\t\t\twithText: true\n\t\t} );\n\n\t\tcancelButtonView.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn {\n\t\t\tsaveButtonView, cancelButtonView\n\t\t};\n\t}\n\n\t/**\n\t * Creates a back button view that cancels the form.\n\t */\n\tprivate _createBackButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst backButton = new ButtonView( this.locale );\n\n\t\tbackButton.set( {\n\t\t\tclass: 'ck-button-back',\n\t\t\tlabel: t( 'Back' ),\n\t\t\ticon: IconPreviousArrow,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tbackButton.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn backButton;\n\t}\n\n\t/**\n\t * Provides localized labels for {@link #alignmentToolbar} buttons.\n\t */\n\tprivate get _alignmentLabels() {\n\t\tconst locale = this.locale!;\n\t\tconst t = this.t!;\n\n\t\tconst blockLeft = t( 'Align table to the left with no text wrapping' );\n\t\tconst blockRight = t( 'Align table to the right with no text wrapping' );\n\n\t\tconst left = t( 'Align table to the left with text wrapping' );\n\t\tconst center = t( 'Center table with no text wrapping' );\n\t\tconst right = t( 'Align table to the right with text wrapping' );\n\n\t\t// Returns object with a proper order of labels.\n\t\tif ( locale.uiLanguageDirection === 'rtl' ) {\n\t\t\treturn { right, left, blockRight, center, blockLeft };\n\t\t}\n\n\t\treturn { blockLeft, center, blockRight, left, right };\n\t}\n}\n\nfunction isBorderStyleSet( value: string ) {\n\treturn value !== 'none';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tableproperties/tablepropertiesuiexperimental\n */\n\n/* istanbul ignore file -- @preserve */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { IconTableProperties } from 'ckeditor5/src/icons.js';\nimport {\n\tButtonView,\n\tContextualBalloon,\n\tclickOutsideHandler,\n\tgetLocalizedColorOptions,\n\tnormalizeColorOptions,\n\ttype LabeledFieldView\n} from 'ckeditor5/src/ui.js';\n\nimport { debounce } from 'es-toolkit/compat';\n\nimport { TablePropertiesViewExperimental } from './ui/tablepropertiesviewexperimental.js';\nimport {\n\tcolorFieldValidator,\n\tgetLocalizedColorErrorText,\n\tgetLocalizedLengthErrorText,\n\tlengthFieldValidator,\n\tlineWidthFieldValidator,\n\tdefaultColors\n} from '../utils/ui/table-properties.js';\nimport { getSelectionAffectedTableWidget } from '../utils/ui/widget.js';\nimport { getBalloonTablePositionData, repositionContextualBalloon } from '../utils/ui/contextualballoon.js';\nimport {\n\tgetNormalizedDefaultProperties,\n\tgetNormalizedDefaultTableProperties,\n\ttype NormalizedDefaultProperties\n} from '../utils/table-properties.js';\nimport type { Batch } from 'ckeditor5/src/engine.js';\nimport type { EventInfo, ObservableChangeEvent } from 'ckeditor5/src/utils.js';\n\nimport { type TableBorderStyleCommand } from './commands/tableborderstylecommand.js';\n\nconst ERROR_TEXT_TIMEOUT = 500;\n\n// Map of view properties and related commands.\nconst propertyToCommandMap = {\n\tborderStyle: 'tableBorderStyle',\n\tborderColor: 'tableBorderColor',\n\tborderWidth: 'tableBorderWidth',\n\tbackgroundColor: 'tableBackgroundColor',\n\twidth: 'tableWidth',\n\theight: 'tableHeight',\n\talignment: 'tableAlignment'\n};\n\n/**\n * The table properties UI plugin. It introduces the `'tableProperties'` button\n * that opens a form allowing to specify visual styling of an entire table.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */\nexport class TablePropertiesUIExperimental extends Plugin {\n\t/**\n\t * The default table properties.\n\t */\n\tprivate _defaultContentTableProperties!: NormalizedDefaultProperties;\n\n\t/**\n\t * The default layout table properties.\n\t */\n\tprivate _defaultLayoutTableProperties!: NormalizedDefaultProperties;\n\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate _balloon!: ContextualBalloon;\n\n\t/**\n\t * The properties form view displayed inside the balloon.\n\t */\n\tpublic view: TablePropertiesViewExperimental | null = null;\n\n\t/**\n\t * The properties form view displayed inside the balloon (content table).\n\t */\n\tprivate _viewWithContentTableDefaults: TablePropertiesViewExperimental | null = null;\n\n\t/**\n\t * The properties form view displayed inside the balloon (layout table).\n\t */\n\tprivate _viewWithLayoutTableDefaults: TablePropertiesViewExperimental | null = null;\n\n\t/**\n\t * The batch used to undo all changes made by the form (which are live, as the user types)\n\t * when \"Cancel\" was pressed. Each time the view is shown, a new batch is created.\n\t */\n\tprivate _undoStepBatch?: Batch;\n\n\t/**\n\t * Flag used to indicate whether view is ready to execute update commands\n\t * (it finished loading initial data).\n\t */\n\tprivate _isReady?: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TablePropertiesUIExperimental' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'table.tableProperties', {\n\t\t\tborderColors: defaultColors,\n\t\t\tbackgroundColors: defaultColors\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\tthis._defaultContentTableProperties = getNormalizedDefaultTableProperties(\n\t\t\teditor.config.get( 'table.tableProperties.defaultProperties' )!,\n\t\t\t{\n\t\t\t\tincludeAlignmentProperty: true\n\t\t\t}\n\t\t);\n\t\tthis._defaultLayoutTableProperties = getNormalizedDefaultProperties();\n\n\t\tthis._balloon = editor.plugins.get( ContextualBalloon );\n\n\t\teditor.ui.componentFactory.add( 'tableProperties', () => this._createTablePropertiesButton() );\n\t}\n\n\t/**\n\t * Creates the table properties button.\n\t *\n\t * @internal\n\t */\n\tpublic _createTablePropertiesButton(): ButtonView {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\tconst view = new ButtonView( editor.locale );\n\n\t\tview.set( {\n\t\t\tlabel: t( 'Table properties' ),\n\t\t\ticon: IconTableProperties,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tthis.listenTo( view, 'execute', () => this._showView() );\n\n\t\tconst commands = Object.values( propertyToCommandMap )\n\t\t\t.map( commandName => editor.commands.get( commandName )! );\n\n\t\tview.bind( 'isEnabled' ).toMany( commands, 'isEnabled', ( ...areEnabled ) => (\n\t\t\tareEnabled.some( isCommandEnabled => isCommandEnabled )\n\t\t) );\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1341.\n\t\tif ( this.view ) {\n\t\t\tthis.view.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Creates the {@link module:table/tableproperties/ui/tablepropertiesview~TablePropertiesView} instance.\n\t *\n\t * @returns The table properties form view instance.\n\t */\n\tprivate _createPropertiesView( defaultTableProperties: NormalizedDefaultProperties ) {\n\t\tconst editor = this.editor;\n\t\tconst config = editor.config.get( 'table.tableProperties' )!;\n\t\tconst borderColorsConfig = normalizeColorOptions( config.borderColors! );\n\t\tconst localizedBorderColors = getLocalizedColorOptions( editor.locale, borderColorsConfig );\n\t\tconst backgroundColorsConfig = normalizeColorOptions( config.backgroundColors! );\n\t\tconst localizedBackgroundColors = getLocalizedColorOptions( editor.locale, backgroundColorsConfig );\n\t\tconst hasColorPicker = config.colorPicker !== false;\n\n\t\tconst view = new TablePropertiesViewExperimental( editor.locale, {\n\t\t\tborderColors: localizedBorderColors,\n\t\t\tbackgroundColors: localizedBackgroundColors,\n\t\t\tdefaultTableProperties,\n\t\t\tcolorPickerConfig: hasColorPicker ? ( config.colorPicker || {} ) : false\n\t\t} );\n\t\tconst t = editor.t;\n\n\t\t// Render the view so its #element is available for the clickOutsideHandler.\n\t\tview.render();\n\n\t\tthis.listenTo( view, 'submit', () => {\n\t\t\tthis._hideView();\n\t\t} );\n\n\t\tthis.listenTo( view, 'cancel', () => {\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/6180\n\t\t\tif ( this._undoStepBatch!.operations.length ) {\n\t\t\t\teditor.execute( 'undo', this._undoStepBatch );\n\t\t\t}\n\n\t\t\tthis._hideView();\n\t\t} );\n\n\t\t// Close the balloon on Esc key press.\n\t\tview.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis._hideView();\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Close on click outside of balloon panel element.\n\t\tclickOutsideHandler( {\n\t\t\temitter: view,\n\t\t\tactivator: () => this._isViewInBalloon,\n\t\t\tcontextElements: [ this._balloon.view.element! ],\n\t\t\tcallback: () => this._hideView()\n\t\t} );\n\n\t\tconst colorErrorText = getLocalizedColorErrorText( t );\n\t\tconst lengthErrorText = getLocalizedLengthErrorText( t );\n\n\t\t// Create the \"UI -> editor data\" binding.\n\t\t// These listeners update the editor data (via table commands) when any observable\n\t\t// property of the view has changed. They also validate the value and display errors in the UI\n\t\t// when necessary. This makes the view live, which means the changes are\n\t\t// visible in the editing as soon as the user types or changes fields' values.\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:borderStyle',\n\t\t\tthis._getPropertyChangeCallback( 'tableBorderStyle' )\n\t\t);\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:borderColor', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.borderColorInput,\n\t\t\tcommandName: 'tableBorderColor',\n\t\t\terrorText: colorErrorText,\n\t\t\tvalidator: colorFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:borderWidth', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.borderWidthInput,\n\t\t\tcommandName: 'tableBorderWidth',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lineWidthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:backgroundColor', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.backgroundInput,\n\t\t\tcommandName: 'tableBackgroundColor',\n\t\t\terrorText: colorErrorText,\n\t\t\tvalidator: colorFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:width', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.widthInput,\n\t\t\tcommandName: 'tableWidth',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:height', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.heightInput,\n\t\t\tcommandName: 'tableHeight',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:alignment',\n\t\t\tthis._getPropertyChangeCallback( 'tableAlignment' )\n\t\t);\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * In this method the \"editor data -> UI\" binding is happening.\n\t *\n\t * When executed, this method obtains selected table property values from various table commands\n\t * and passes them to the {@link #view}.\n\t *\n\t * This way, the UI stays up–to–date with the editor data.\n\t */\n\tprivate _fillViewFormFromCommandValues() {\n\t\tconst commands = this.editor.commands;\n\t\tconst borderStyleCommand: TableBorderStyleCommand = commands.get( 'tableBorderStyle' )!;\n\n\t\tObject.entries( propertyToCommandMap )\n\t\t\t.map( ( [ property, commandName ] ) => {\n\t\t\t\tconst propertyKey = property as keyof typeof propertyToCommandMap;\n\t\t\t\tconst defaultValue = this.view === this._viewWithContentTableDefaults ?\n\t\t\t\t\tthis._defaultContentTableProperties[ propertyKey ] || '' :\n\t\t\t\t\tthis._defaultLayoutTableProperties[ propertyKey ] || '';\n\n\t\t\t\treturn [ propertyKey, ( commands.get( commandName )!.value || defaultValue ) as string ] as const;\n\t\t\t} )\n\t\t\t.forEach( ( [ property, value ] ) => {\n\t\t\t\t// Do not set the `border-color` and `border-width` fields if `border-style:none`.\n\t\t\t\tif ( ( property === 'borderColor' || property === 'borderWidth' ) && borderStyleCommand.value === 'none' ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.view!.set( property, value );\n\t\t\t} );\n\n\t\tthis._isReady = true;\n\t}\n\n\t/**\n\t * Shows the {@link #view} in the {@link #_balloon}.\n\t *\n\t * **Note**: Each time a view is shown, the new {@link #_undoStepBatch} is created that contains\n\t * all changes made to the document when the view is visible, allowing a single undo step\n\t * for all of them.\n\t */\n\tprotected _showView(): void {\n\t\tconst editor = this.editor;\n\n\t\tconst viewTable = getSelectionAffectedTableWidget( editor.editing.view.document.selection );\n\t\tconst modelTable = viewTable && editor.editing.mapper.toModelElement( viewTable );\n\t\tconst useDefaults = !modelTable || modelTable.getAttribute( 'tableType' ) !== 'layout';\n\n\t\tif ( useDefaults && !this._viewWithContentTableDefaults ) {\n\t\t\tthis._viewWithContentTableDefaults = this._createPropertiesView( this._defaultContentTableProperties );\n\t\t} else if ( !useDefaults && !this._viewWithLayoutTableDefaults ) {\n\t\t\tthis._viewWithLayoutTableDefaults = this._createPropertiesView( this._defaultLayoutTableProperties );\n\t\t}\n\n\t\tthis.view = useDefaults ? this._viewWithContentTableDefaults! : this._viewWithLayoutTableDefaults!;\n\n\t\tthis.listenTo( editor.ui, 'update', () => {\n\t\t\tthis._updateView();\n\t\t} );\n\n\t\t// Update the view with the model values.\n\t\tthis._fillViewFormFromCommandValues();\n\n\t\tthis._balloon.add( {\n\t\t\tview: this.view,\n\t\t\tposition: getBalloonTablePositionData( editor )\n\t\t} );\n\n\t\t// Create a new batch. Clicking \"Cancel\" will undo this batch.\n\t\tthis._undoStepBatch = editor.model.createBatch();\n\n\t\t// Basic a11y.\n\t\tthis.view.focus();\n\t}\n\n\t/**\n\t * Removes the {@link #view} from the {@link #_balloon}.\n\t */\n\tprotected _hideView(): void {\n\t\tconst editor = this.editor;\n\n\t\tthis.stopListening( editor.ui, 'update' );\n\n\t\tthis._isReady = false;\n\n\t\t// Blur any input element before removing it from DOM to prevent issues in some browsers.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1501.\n\t\tthis.view!.saveButtonView.focus();\n\n\t\tthis._balloon.remove( this.view! );\n\n\t\t// Make sure the focus is not lost in the process by putting it directly\n\t\t// into the editing view.\n\t\tthis.editor.editing.view.focus();\n\t}\n\n\t/**\n\t * Repositions the {@link #_balloon} or hides the {@link #view} if a table is no longer selected.\n\t */\n\tprotected _updateView(): void {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\tif ( !getSelectionAffectedTableWidget( viewDocument.selection ) ) {\n\t\t\tthis._hideView();\n\t\t} else if ( this._isViewVisible ) {\n\t\t\trepositionContextualBalloon( editor, 'table' );\n\t\t}\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #view} is the visible in the {@link #_balloon}.\n\t */\n\tprivate get _isViewVisible(): boolean {\n\t\treturn !!this.view && this._balloon.visibleView === this.view;\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #view} is in the {@link #_balloon}.\n\t */\n\tprivate get _isViewInBalloon(): boolean {\n\t\treturn !!this.view && this._balloon.hasView( this.view );\n\t}\n\n\t/**\n\t * Creates a callback that when executed upon {@link #view view's} property change\n\t * executes a related editor command with the new property value.\n\t *\n\t * If new value will be set to the default value, the command will not be executed.\n\t *\n\t * @param commandName The command that will be executed.\n\t */\n\tprivate _getPropertyChangeCallback( commandName: 'tableBorderStyle' | 'tableAlignment' ) {\n\t\treturn ( evt: EventInfo, propertyName: string, newValue: string ) => {\n\t\t\t// Do not execute the command on initial call (opening the table properties view).\n\t\t\tif ( !this._isReady ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.editor.execute( commandName, {\n\t\t\t\tvalue: newValue,\n\t\t\t\tbatch: this._undoStepBatch\n\t\t\t} );\n\t\t};\n\t}\n\n\t/**\n\t * Creates a callback that when executed upon {@link #view view's} property change:\n\t * * executes a related editor command with the new property value if the value is valid,\n\t * * or sets the error text next to the invalid field, if the value did not pass the validation.\n\t */\n\tprivate _getValidatedPropertyChangeCallback(\n\t\toptions: {\n\t\t\tcommandName: 'tableBorderColor' | 'tableBorderWidth' | 'tableBackgroundColor' | 'tableWidth' | 'tableHeight';\n\t\t\tviewField: LabeledFieldView;\n\t\t\tvalidator: ( value: string ) => boolean;\n\t\t\terrorText: string;\n\t\t}\n\t) {\n\t\tconst { commandName, viewField, validator, errorText } = options;\n\t\tconst setErrorTextDebounced = debounce( () => {\n\t\t\tviewField.errorText = errorText;\n\t\t}, ERROR_TEXT_TIMEOUT );\n\n\t\treturn ( evt: EventInfo, propertyName: string, newValue: string ) => {\n\t\t\tsetErrorTextDebounced.cancel();\n\n\t\t\t// Do not execute the command on initial call (opening the table properties view).\n\t\t\tif ( !this._isReady ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( validator( newValue ) ) {\n\t\t\t\tthis.editor.execute( commandName, {\n\t\t\t\t\tvalue: newValue,\n\t\t\t\t\tbatch: this._undoStepBatch\n\t\t\t\t} );\n\n\t\t\t\tviewField.errorText = null;\n\t\t\t} else {\n\t\t\t\tsetErrorTextDebounced();\n\t\t\t}\n\t\t};\n\t}\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/ui/tablecellpropertiesviewexperimental\n */\n\n/* istanbul ignore file -- @preserve */\n\nimport {\n\taddListToDropdown,\n\tButtonView,\n\tcreateLabeledDropdown,\n\tcreateLabeledInputText,\n\tFocusCycler,\n\tFormRowView,\n\tFormHeaderView,\n\tLabeledFieldView,\n\tLabelView,\n\tsubmitHandler,\n\tToolbarView,\n\tView,\n\tViewCollection,\n\ttype FocusableView,\n\ttype NormalizedColorOption,\n\ttype ColorPickerConfig\n} from 'ckeditor5/src/ui.js';\nimport {\n\tKeystrokeHandler,\n\tFocusTracker,\n\ttype Locale,\n\ttype ObservableChangeEvent\n} from 'ckeditor5/src/utils.js';\nimport {\n\tIconAlignBottom,\n\tIconAlignCenter,\n\tIconAlignJustify,\n\tIconAlignLeft,\n\tIconAlignMiddle,\n\tIconAlignRight,\n\tIconAlignTop,\n\tIconPreviousArrow\n} from 'ckeditor5/src/icons.js';\n\nimport {\n\tfillToolbar,\n\tgetBorderStyleDefinitions,\n\tgetBorderStyleLabels,\n\tgetLabeledColorInputCreator\n} from '../../utils/ui/table-propertiesexperimental.js';\nimport { type ColorInputView } from '../../ui/colorinputview.js';\nimport type { TableCellPropertiesOptions } from '../../tableconfig.js';\n\n// eslint-disable-next-line ckeditor5-rules/ckeditor-imports\nimport '@ckeditor/ckeditor5-ui/theme/components/form/form.css';\nimport '../../../theme/formrow.css';\nimport '../../../theme/tableform.css';\nimport '../../../theme/tablecellproperties.css';\n\nexport interface TableCellPropertiesViewOptionsExperimental {\n\tborderColors: Array<NormalizedColorOption>;\n\tbackgroundColors: Array<NormalizedColorOption>;\n\tdefaultTableCellProperties: TableCellPropertiesOptions;\n\tcolorPickerConfig: false | ColorPickerConfig;\n}\n\n/**\n * The class representing a table cell properties form, allowing users to customize\n * certain style aspects of a table cell, for instance, border, padding, text alignment, etc..\n */\nexport class TableCellPropertiesViewExperimental extends View {\n\t/**\n\t * The value of the cell border style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare borderStyle: string;\n\n\t/**\n\t * The value of the cell border width style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare borderWidth: string;\n\n\t/**\n\t * The value of the cell border color style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare borderColor: string;\n\n\t/**\n\t * The value of the cell padding style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare padding: string;\n\n\t/**\n\t * The value of the cell background color style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare backgroundColor: string;\n\n\t/**\n\t * The value of the table cell width style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare width: string;\n\n\t/**\n\t * The value of the table cell height style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare height: string;\n\n\t/**\n\t * The value of the horizontal text alignment style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare horizontalAlignment: string;\n\n\t/**\n\t * The value of the vertical text alignment style.\n\t *\n\t * @observable\n\t * @default ''\n\t */\n\tpublic declare verticalAlignment: string;\n\n\t/**\n\t * Options passed to the view. See {@link #constructor} to learn more.\n\t */\n\tpublic readonly options: TableCellPropertiesViewOptionsExperimental;\n\n\t/**\n\t * Tracks information about the DOM focus in the form.\n\t */\n\tpublic readonly focusTracker: FocusTracker;\n\n\t/**\n\t * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.\n\t */\n\tpublic readonly keystrokes: KeystrokeHandler;\n\n\t/**\n\t * A collection of child views in the form.\n\t */\n\tpublic readonly children: ViewCollection;\n\n\t/**\n\t * A dropdown that allows selecting the style of the table cell border.\n\t */\n\tpublic readonly borderStyleDropdown: LabeledFieldView<FocusableView>;\n\n\t/**\n\t * An input that allows specifying the width of the table cell border.\n\t */\n\tpublic readonly borderWidthInput: LabeledFieldView<FocusableView>;\n\n\t/**\n\t * An input that allows specifying the color of the table cell border.\n\t */\n\tpublic readonly borderColorInput: LabeledFieldView<ColorInputView>;\n\n\t/**\n\t * An input that allows specifying the table cell background color.\n\t */\n\tpublic readonly backgroundInput: LabeledFieldView<ColorInputView>;\n\n\t/**\n\t * An input that allows specifying the table cell padding.\n\t */\n\tpublic readonly paddingInput: LabeledFieldView;\n\n\t/**\n\t * An input that allows specifying the table cell width.\n\t */\n\tpublic readonly widthInput: LabeledFieldView<FocusableView>;\n\n\t/**\n\t * An input that allows specifying the table cell height.\n\t */\n\tpublic readonly heightInput: LabeledFieldView<FocusableView>;\n\n\t/**\n\t * A toolbar with buttons that allow changing the horizontal text alignment in a table cell.\n\t */\n\tpublic readonly horizontalAlignmentToolbar: ToolbarView;\n\n\t/**\n\t * A toolbar with buttons that allow changing the vertical text alignment in a table cell.\n\t */\n\tpublic readonly verticalAlignmentToolbar: ToolbarView;\n\n\t/**\n\t * The \"Save\" button view.\n\t */\n\tpublic saveButtonView: ButtonView;\n\n\t/**\n\t * The \"Cancel\" button view.\n\t */\n\tpublic cancelButtonView: ButtonView;\n\n\t/**\n\t * The \"Back\" button view.\n\t */\n\tpublic backButtonView: ButtonView;\n\n\t/**\n\t * A collection of views that can be focused in the form.\n\t */\n\tprotected readonly _focusables: ViewCollection<FocusableView>;\n\n\t/**\n\t * Helps cycling over {@link #_focusables} in the form.\n\t */\n\tprotected readonly _focusCycler: FocusCycler;\n\n\t/**\n\t * @param locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param options Additional configuration of the view.\n\t * @param options.borderColors A configuration of the border color palette used by the\n\t * {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#borderColorInput}.\n\t * @param options.backgroundColors A configuration of the background color palette used by the\n\t * {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView#backgroundInput}.\n\t * @param options.defaultTableCellProperties The default table cell properties.\n\t */\n\tconstructor( locale: Locale, options: TableCellPropertiesViewOptionsExperimental ) {\n\t\tsuper( locale );\n\n\t\tthis.set( {\n\t\t\tborderStyle: '',\n\t\t\tborderWidth: '',\n\t\t\tborderColor: '',\n\t\t\tpadding: '',\n\t\t\tbackgroundColor: '',\n\t\t\twidth: '',\n\t\t\theight: '',\n\t\t\thorizontalAlignment: '',\n\t\t\tverticalAlignment: ''\n\t\t} );\n\n\t\tthis.options = options;\n\n\t\tconst { borderStyleDropdown, borderWidthInput, borderColorInput, borderRowLabel } = this._createBorderFields();\n\t\tconst { backgroundRowLabel, backgroundInput } = this._createBackgroundFields();\n\t\tconst { widthInput, operatorLabel, heightInput, dimensionsLabel } = this._createDimensionFields();\n\t\tconst { horizontalAlignmentToolbar, verticalAlignmentToolbar, alignmentLabel } = this._createAlignmentFields();\n\n\t\tthis.focusTracker = new FocusTracker();\n\t\tthis.keystrokes = new KeystrokeHandler();\n\t\tthis.children = this.createCollection();\n\t\tthis.borderStyleDropdown = borderStyleDropdown;\n\t\tthis.borderWidthInput = borderWidthInput;\n\t\tthis.borderColorInput = borderColorInput;\n\t\tthis.backgroundInput = backgroundInput;\n\t\tthis.paddingInput = this._createPaddingField();\n\t\tthis.widthInput = widthInput;\n\t\tthis.heightInput = heightInput;\n\t\tthis.horizontalAlignmentToolbar = horizontalAlignmentToolbar;\n\t\tthis.verticalAlignmentToolbar = verticalAlignmentToolbar;\n\n\t\t// Defer creating to make sure other fields are present and the Save button can\n\t\t// bind its #isEnabled to their error messages so there's no way to save unless all\n\t\t// fields are valid.\n\t\tconst { saveButtonView, cancelButtonView } = this._createActionButtons();\n\n\t\tthis.saveButtonView = saveButtonView;\n\t\tthis.cancelButtonView = cancelButtonView;\n\t\tthis.backButtonView = this._createBackButton();\n\n\t\tthis._focusables = new ViewCollection();\n\n\t\tthis._focusCycler = new FocusCycler( {\n\t\t\tfocusables: this._focusables,\n\t\t\tfocusTracker: this.focusTracker,\n\t\t\tkeystrokeHandler: this.keystrokes,\n\t\t\tactions: {\n\t\t\t\t// Navigate form fields backwards using the Shift + Tab keystroke.\n\t\t\t\tfocusPrevious: 'shift + tab',\n\n\t\t\t\t// Navigate form fields forwards using the Tab key.\n\t\t\t\tfocusNext: 'tab'\n\t\t\t}\n\t\t} );\n\n\t\t// Form header.\n\t\tconst header = new FormHeaderView( locale, {\n\t\t\tlabel: this.t!( 'Cell properties' )\n\t\t} );\n\n\t\theader.children.add( this.backButtonView, 0 );\n\n\t\tthis.children.add( header );\n\n\t\t// Border row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tlabelView: borderRowLabel,\n\t\t\tchildren: [\n\t\t\t\tborderRowLabel,\n\t\t\t\tborderStyleDropdown,\n\t\t\t\tborderColorInput,\n\t\t\t\tborderWidthInput\n\t\t\t],\n\t\t\tclass: 'ck-table-form__border-row'\n\t\t} ) );\n\n\t\t// Background.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tlabelView: backgroundRowLabel,\n\t\t\tchildren: [\n\t\t\t\tbackgroundRowLabel,\n\t\t\t\tbackgroundInput\n\t\t\t],\n\t\t\tclass: 'ck-table-form__background-row'\n\t\t} ) );\n\n\t\t// Dimensions row and padding.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\t// Dimensions row.\n\t\t\t\tnew FormRowView( locale, {\n\t\t\t\t\tlabelView: dimensionsLabel,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tdimensionsLabel,\n\t\t\t\t\t\twidthInput,\n\t\t\t\t\t\toperatorLabel,\n\t\t\t\t\t\theightInput\n\t\t\t\t\t],\n\t\t\t\t\tclass: 'ck-table-form__dimensions-row'\n\t\t\t\t} ),\n\t\t\t\t// Padding row.\n\t\t\t\tnew FormRowView( locale, {\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\tthis.paddingInput\n\t\t\t\t\t],\n\t\t\t\t\tclass: 'ck-table-cell-properties-form__padding-row'\n\t\t\t\t} )\n\t\t\t]\n\t\t} ) );\n\n\t\t// Text alignment row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tlabelView: alignmentLabel,\n\t\t\tchildren: [\n\t\t\t\talignmentLabel,\n\t\t\t\thorizontalAlignmentToolbar,\n\t\t\t\tverticalAlignmentToolbar\n\t\t\t],\n\t\t\tclass: 'ck-table-cell-properties-form__alignment-row'\n\t\t} ) );\n\n\t\t// Action row.\n\t\tthis.children.add( new FormRowView( locale, {\n\t\t\tchildren: [\n\t\t\t\tthis.cancelButtonView,\n\t\t\t\tthis.saveButtonView\n\t\t\t],\n\t\t\tclass: 'ck-table-form__action-row'\n\t\t} ) );\n\n\t\tthis.setTemplate( {\n\t\t\ttag: 'form',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck',\n\t\t\t\t\t'ck-form',\n\t\t\t\t\t'ck-table-form',\n\t\t\t\t\t'ck-table-cell-properties-form'\n\t\t\t\t],\n\t\t\t\t// https://github.com/ckeditor/ckeditor5-link/issues/90\n\t\t\t\ttabindex: '-1'\n\t\t\t},\n\t\t\tchildren: this.children\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override render(): void {\n\t\tsuper.render();\n\n\t\t// Enable the \"submit\" event for this view. It can be triggered by the #saveButtonView\n\t\t// which is of the \"submit\" DOM \"type\".\n\t\tsubmitHandler( {\n\t\t\tview: this\n\t\t} );\n\n\t\t// Maintain continuous focus cycling over views that have focusable children and focus cyclers themselves.\n\t\t[ this.borderColorInput, this.backgroundInput ].forEach( view => {\n\t\t\tthis._focusCycler.chain( view.fieldView.focusCycler );\n\t\t} );\n\n\t\t[\n\t\t\tthis.borderStyleDropdown,\n\t\t\tthis.borderColorInput,\n\t\t\tthis.borderWidthInput,\n\t\t\tthis.backgroundInput,\n\t\t\tthis.widthInput,\n\t\t\tthis.heightInput,\n\t\t\tthis.paddingInput,\n\t\t\tthis.horizontalAlignmentToolbar,\n\t\t\tthis.verticalAlignmentToolbar,\n\t\t\tthis.cancelButtonView,\n\t\t\tthis.saveButtonView,\n\t\t\tthis.backButtonView\n\t\t].forEach( view => {\n\t\t\t// Register the view as focusable.\n\t\t\tthis._focusables.add( view );\n\n\t\t\t// Register the view in the focus tracker.\n\t\t\tthis.focusTracker.add( view.element! );\n\t\t} );\n\n\t\t// Mainly for closing using \"Esc\" and navigation using \"Tab\".\n\t\tthis.keystrokes.listenTo( this.element! );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\tthis.focusTracker.destroy();\n\t\tthis.keystrokes.destroy();\n\t}\n\n\t/**\n\t * Focuses the fist focusable field in the form.\n\t */\n\tpublic focus(): void {\n\t\tthis._focusCycler.focusFirst();\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #borderStyleDropdown},\n\t * * {@link #borderWidthInput},\n\t * * {@link #borderColorInput}.\n\t */\n\tprivate _createBorderFields(): {\n\t\tborderRowLabel: LabelView;\n\t\tborderStyleDropdown: LabeledFieldView;\n\t\tborderColorInput: LabeledFieldView<ColorInputView>;\n\t\tborderWidthInput: LabeledFieldView;\n\t} {\n\t\tconst defaultTableCellProperties = this.options.defaultTableCellProperties;\n\t\tconst defaultBorder = {\n\t\t\tstyle: defaultTableCellProperties.borderStyle,\n\t\t\twidth: defaultTableCellProperties.borderWidth,\n\t\t\tcolor: defaultTableCellProperties.borderColor\n\t\t};\n\n\t\tconst colorInputCreator = getLabeledColorInputCreator( {\n\t\t\tcolorConfig: this.options.borderColors,\n\t\t\tcolumns: 5,\n\t\t\tdefaultColorValue: defaultBorder.color,\n\t\t\tcolorPickerConfig: this.options.colorPickerConfig\n\t\t} );\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\t\tconst accessibleLabel = t( 'Style' );\n\n\t\t// -- Group label ---------------------------------------------\n\n\t\tconst borderRowLabel = new LabelView( locale );\n\t\tborderRowLabel.text = t( 'Border' );\n\n\t\t// -- Style ---------------------------------------------------\n\n\t\tconst styleLabels = getBorderStyleLabels( t );\n\t\tconst borderStyleDropdown = new LabeledFieldView( locale, createLabeledDropdown );\n\t\tborderStyleDropdown.set( {\n\t\t\tlabel: accessibleLabel,\n\t\t\tclass: 'ck-table-form__border-style'\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.buttonView.set( {\n\t\t\tariaLabel: accessibleLabel,\n\t\t\tariaLabelledBy: undefined,\n\t\t\tisOn: false,\n\t\t\twithText: true,\n\t\t\ttooltip: accessibleLabel\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.buttonView.bind( 'label' ).to( this, 'borderStyle', value => {\n\t\t\treturn styleLabels[ value ? value : 'none' ];\n\t\t} );\n\n\t\tborderStyleDropdown.fieldView.on( 'execute', evt => {\n\t\t\tthis.borderStyle = ( evt.source as Record<string, unknown> )._borderStyleValue as string;\n\t\t} );\n\n\t\tborderStyleDropdown.bind( 'isEmpty' ).to( this, 'borderStyle', value => !value );\n\n\t\taddListToDropdown( borderStyleDropdown.fieldView, getBorderStyleDefinitions( this, defaultBorder.style! ), {\n\t\t\trole: 'menu',\n\t\t\tariaLabel: accessibleLabel\n\t\t} );\n\n\t\t// -- Width ---------------------------------------------------\n\n\t\tconst borderWidthInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\tborderWidthInput.set( {\n\t\t\tlabel: t( 'Width' ),\n\t\t\tclass: 'ck-table-form__border-width'\n\t\t} );\n\n\t\tborderWidthInput.fieldView.bind( 'value' ).to( this, 'borderWidth' );\n\t\tborderWidthInput.bind( 'isEnabled' ).to( this, 'borderStyle', isBorderStyleSet );\n\t\tborderWidthInput.fieldView.on( 'input', () => {\n\t\t\tthis.borderWidth = borderWidthInput.fieldView.element!.value;\n\t\t} );\n\n\t\t// -- Color ---------------------------------------------------\n\n\t\tconst borderColorInput = new LabeledFieldView( locale, colorInputCreator );\n\n\t\tborderColorInput.set( {\n\t\t\tlabel: t( 'Color' ),\n\t\t\tclass: 'ck-table-form__border-color'\n\t\t} );\n\n\t\tborderColorInput.fieldView.bind( 'value' ).to( this, 'borderColor' );\n\t\tborderColorInput.bind( 'isEnabled' ).to( this, 'borderStyle', isBorderStyleSet );\n\n\t\tborderColorInput.fieldView.on( 'input', () => {\n\t\t\tthis.borderColor = borderColorInput.fieldView.value;\n\t\t} );\n\n\t\t// Reset the border color and width fields depending on the `border-style` value.\n\t\tthis.on<ObservableChangeEvent<string>>( 'change:borderStyle', ( evt, name, newValue, oldValue ) => {\n\t\t\t// When removing the border (`border-style:none`), clear the remaining `border-*` properties.\n\t\t\t// See: https://github.com/ckeditor/ckeditor5/issues/6227.\n\t\t\tif ( !isBorderStyleSet( newValue ) ) {\n\t\t\t\tthis.borderColor = '';\n\t\t\t\tthis.borderWidth = '';\n\t\t\t}\n\n\t\t\t// When setting the `border-style` from `none`, set the default `border-color` and `border-width` properties.\n\t\t\tif ( !isBorderStyleSet( oldValue ) ) {\n\t\t\t\tthis.borderColor = defaultBorder.color!;\n\t\t\t\tthis.borderWidth = defaultBorder.width!;\n\t\t\t}\n\t\t} );\n\n\t\treturn {\n\t\t\tborderRowLabel,\n\t\t\tborderStyleDropdown,\n\t\t\tborderColorInput,\n\t\t\tborderWidthInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #backgroundInput}.\n\t */\n\tprivate _createBackgroundFields() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Group label ---------------------------------------------\n\n\t\tconst backgroundRowLabel = new LabelView( locale );\n\t\tbackgroundRowLabel.text = t( 'Background' );\n\n\t\t// -- Background color input -----------------------------------\n\n\t\tconst colorInputCreator = getLabeledColorInputCreator( {\n\t\t\tcolorConfig: this.options.backgroundColors,\n\t\t\tcolumns: 5,\n\t\t\tdefaultColorValue: this.options.defaultTableCellProperties.backgroundColor,\n\t\t\tcolorPickerConfig: this.options.colorPickerConfig\n\t\t} );\n\n\t\tconst backgroundInput = new LabeledFieldView( locale, colorInputCreator );\n\n\t\tbackgroundInput.set( {\n\t\t\tlabel: t( 'Color' ),\n\t\t\tclass: 'ck-table-cell-properties-form__background'\n\t\t} );\n\n\t\tbackgroundInput.fieldView.bind( 'value' ).to( this, 'backgroundColor' );\n\t\tbackgroundInput.fieldView.on( 'input', () => {\n\t\t\tthis.backgroundColor = backgroundInput.fieldView.value;\n\t\t} );\n\n\t\treturn {\n\t\t\tbackgroundRowLabel,\n\t\t\tbackgroundInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #widthInput}.\n\t * * {@link #heightInput}.\n\t */\n\tprivate _createDimensionFields(): {\n\t\tdimensionsLabel: LabelView;\n\t\twidthInput: LabeledFieldView;\n\t\toperatorLabel: View;\n\t\theightInput: LabeledFieldView;\n\t} {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\t// -- Label ---------------------------------------------------\n\n\t\tconst dimensionsLabel = new LabelView( locale );\n\t\tdimensionsLabel.text = t( 'Dimensions' );\n\n\t\t// -- Width ---------------------------------------------------\n\n\t\tconst widthInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\twidthInput.set( {\n\t\t\tlabel: t( 'Width' ),\n\t\t\tclass: 'ck-table-form__dimensions-row__width'\n\t\t} );\n\n\t\twidthInput.fieldView.bind( 'value' ).to( this, 'width' );\n\t\twidthInput.fieldView.on( 'input', () => {\n\t\t\tthis.width = widthInput.fieldView.element!.value;\n\t\t} );\n\n\t\t// -- Operator ---------------------------------------------------\n\n\t\tconst operatorLabel = new View( locale );\n\t\toperatorLabel.setTemplate( {\n\t\t\ttag: 'span',\n\t\t\tattributes: {\n\t\t\t\tclass: [\n\t\t\t\t\t'ck-table-form__dimension-operator'\n\t\t\t\t]\n\t\t\t},\n\t\t\tchildren: [\n\t\t\t\t{ text: '×' }\n\t\t\t]\n\t\t} );\n\n\t\t// -- Height ---------------------------------------------------\n\n\t\tconst heightInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\theightInput.set( {\n\t\t\tlabel: t( 'Height' ),\n\t\t\tclass: 'ck-table-form__dimensions-row__height'\n\t\t} );\n\n\t\theightInput.fieldView.bind( 'value' ).to( this, 'height' );\n\t\theightInput.fieldView.on( 'input', () => {\n\t\t\tthis.height = heightInput.fieldView.element!.value;\n\t\t} );\n\n\t\treturn {\n\t\t\tdimensionsLabel,\n\t\t\twidthInput,\n\t\t\toperatorLabel,\n\t\t\theightInput\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #paddingInput}.\n\t */\n\tprivate _createPaddingField(): LabeledFieldView {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\n\t\tconst paddingInput = new LabeledFieldView( locale, createLabeledInputText );\n\n\t\tpaddingInput.set( {\n\t\t\tlabel: t( 'Padding' ),\n\t\t\tclass: 'ck-table-cell-properties-form__padding'\n\t\t} );\n\n\t\tpaddingInput.fieldView.bind( 'value' ).to( this, 'padding' );\n\t\tpaddingInput.fieldView.on( 'input', () => {\n\t\t\tthis.padding = paddingInput.fieldView.element!.value;\n\t\t} );\n\n\t\treturn paddingInput;\n\t}\n\n\t/**\n\t * Creates the following form fields:\n\t *\n\t * * {@link #horizontalAlignmentToolbar},\n\t * * {@link #verticalAlignmentToolbar}.\n\t */\n\tprivate _createAlignmentFields() {\n\t\tconst locale = this.locale!;\n\t\tconst t = this.t!;\n\n\t\tconst alignmentLabel = new LabelView( locale );\n\n\t\tconst ALIGNMENT_ICONS = {\n\t\t\tleft: IconAlignLeft,\n\t\t\tcenter: IconAlignCenter,\n\t\t\tright: IconAlignRight,\n\t\t\tjustify: IconAlignJustify,\n\t\t\ttop: IconAlignTop,\n\t\t\tmiddle: IconAlignMiddle,\n\t\t\tbottom: IconAlignBottom\n\t\t};\n\n\t\talignmentLabel.text = t( 'Table cell text alignment' );\n\n\t\t// -- Horizontal ---------------------------------------------------\n\n\t\tconst horizontalAlignmentToolbar = new ToolbarView( locale );\n\t\tconst isContentRTL = locale.contentLanguageDirection === 'rtl';\n\n\t\thorizontalAlignmentToolbar.set( {\n\t\t\tisCompact: true,\n\t\t\trole: 'radiogroup',\n\t\t\tariaLabel: t( 'Horizontal text alignment toolbar' )\n\t\t} );\n\n\t\tfillToolbar( {\n\t\t\tview: this,\n\t\t\ticons: ALIGNMENT_ICONS,\n\t\t\ttoolbar: horizontalAlignmentToolbar,\n\t\t\tlabels: this._horizontalAlignmentLabels,\n\t\t\tpropertyName: 'horizontalAlignment',\n\t\t\tnameToValue: name => {\n\t\t\t\t// For the RTL content, we want to swap the buttons \"align to the left\" and \"align to the right\".\n\t\t\t\tif ( isContentRTL ) {\n\t\t\t\t\tif ( name === 'left' ) {\n\t\t\t\t\t\treturn 'right';\n\t\t\t\t\t} else if ( name === 'right' ) {\n\t\t\t\t\t\treturn 'left';\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\treturn name;\n\t\t\t},\n\t\t\tdefaultValue: this.options.defaultTableCellProperties.horizontalAlignment\n\t\t} );\n\n\t\t// -- Vertical -----------------------------------------------------\n\n\t\tconst verticalAlignmentToolbar = new ToolbarView( locale );\n\n\t\tverticalAlignmentToolbar.set( {\n\t\t\tisCompact: true,\n\t\t\trole: 'radiogroup',\n\t\t\tariaLabel: t( 'Vertical text alignment toolbar' )\n\t\t} );\n\n\t\tfillToolbar( {\n\t\t\tview: this,\n\t\t\ticons: ALIGNMENT_ICONS,\n\t\t\ttoolbar: verticalAlignmentToolbar,\n\t\t\tlabels: this._verticalAlignmentLabels,\n\t\t\tpropertyName: 'verticalAlignment',\n\t\t\tdefaultValue: this.options.defaultTableCellProperties.verticalAlignment\n\t\t} );\n\n\t\treturn {\n\t\t\thorizontalAlignmentToolbar,\n\t\t\tverticalAlignmentToolbar,\n\t\t\talignmentLabel\n\t\t};\n\t}\n\n\t/**\n\t * Creates the following form controls:\n\t *\n\t * * {@link #saveButtonView},\n\t * * {@link #cancelButtonView}.\n\t */\n\tprivate _createActionButtons() {\n\t\tconst locale = this.locale;\n\t\tconst t = this.t!;\n\t\tconst saveButtonView = new ButtonView( locale );\n\t\tconst cancelButtonView = new ButtonView( locale );\n\t\tconst fieldsThatShouldValidateToSave = [\n\t\t\tthis.borderWidthInput,\n\t\t\tthis.borderColorInput,\n\t\t\tthis.backgroundInput,\n\t\t\tthis.paddingInput\n\t\t];\n\n\t\tsaveButtonView.set( {\n\t\t\tlabel: t( 'Save' ),\n\t\t\tclass: 'ck-button-action',\n\t\t\ttype: 'submit',\n\t\t\twithText: true\n\t\t} );\n\n\t\tsaveButtonView.bind( 'isEnabled' ).toMany( fieldsThatShouldValidateToSave, 'errorText', ( ...errorTexts ) => {\n\t\t\treturn errorTexts.every( errorText => !errorText );\n\t\t} );\n\n\t\tcancelButtonView.set( {\n\t\t\tlabel: t( 'Cancel' ),\n\t\t\twithText: true\n\t\t} );\n\n\t\tcancelButtonView.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn {\n\t\t\tsaveButtonView, cancelButtonView\n\t\t};\n\t}\n\n\t/**\n\t * Creates a back button view that cancels the form.\n\t */\n\tprivate _createBackButton(): ButtonView {\n\t\tconst t = this.locale!.t;\n\t\tconst backButton = new ButtonView( this.locale );\n\n\t\tbackButton.set( {\n\t\t\tclass: 'ck-button-back',\n\t\t\tlabel: t( 'Back' ),\n\t\t\ticon: IconPreviousArrow,\n\t\t\ttooltip: true\n\t\t} );\n\n\t\tbackButton.delegate( 'execute' ).to( this, 'cancel' );\n\n\t\treturn backButton;\n\t}\n\n\t/**\n\t * Provides localized labels for {@link #horizontalAlignmentToolbar} buttons.\n\t */\n\tprivate get _horizontalAlignmentLabels(): Record<string, string> {\n\t\tconst locale = this.locale!;\n\t\tconst t = this.t!;\n\n\t\tconst left = t( 'Align cell text to the left' );\n\t\tconst center = t( 'Align cell text to the center' );\n\t\tconst right = t( 'Align cell text to the right' );\n\t\tconst justify = t( 'Justify cell text' );\n\n\t\t// Returns object with a proper order of labels.\n\t\tif ( locale.uiLanguageDirection === 'rtl' ) {\n\t\t\treturn { right, center, left, justify };\n\t\t} else {\n\t\t\treturn { left, center, right, justify };\n\t\t}\n\t}\n\n\t/**\n\t * Provides localized labels for {@link #verticalAlignmentToolbar} buttons.\n\t */\n\tprivate get _verticalAlignmentLabels(): Record<string, string> {\n\t\tconst t = this.t!;\n\n\t\treturn {\n\t\t\ttop: t( 'Align cell text to the top' ),\n\t\t\tmiddle: t( 'Align cell text to the middle' ),\n\t\t\tbottom: t( 'Align cell text to the bottom' )\n\t\t};\n\t}\n}\n\nfunction isBorderStyleSet( value: string ) {\n\treturn value !== 'none';\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 table/tablecellproperties/tablecellpropertiesuiexperimental\n */\n\n/* istanbul ignore file -- @preserve */\n\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { IconTableCellProperties } from 'ckeditor5/src/icons.js';\nimport {\n\tButtonView,\n\tclickOutsideHandler,\n\tContextualBalloon,\n\tgetLocalizedColorOptions,\n\tnormalizeColorOptions,\n\ttype View\n} from 'ckeditor5/src/ui.js';\nimport type { Batch } from 'ckeditor5/src/engine.js';\n\nimport { TableCellPropertiesViewExperimental } from './ui/tablecellpropertiesviewexperimental.js';\nimport {\n\tcolorFieldValidator,\n\tgetLocalizedColorErrorText,\n\tgetLocalizedLengthErrorText,\n\tdefaultColors,\n\tlengthFieldValidator,\n\tlineWidthFieldValidator\n} from '../utils/ui/table-properties.js';\nimport { debounce } from 'es-toolkit/compat';\nimport { getSelectionAffectedTableWidget, getTableWidgetAncestor } from '../utils/ui/widget.js';\nimport { getBalloonCellPositionData, repositionContextualBalloon } from '../utils/ui/contextualballoon.js';\nimport {\n\tgetNormalizedDefaultCellProperties,\n\tgetNormalizedDefaultProperties,\n\ttype NormalizedDefaultProperties\n} from '../utils/table-properties.js';\nimport type { GetCallback, ObservableChangeEvent } from 'ckeditor5/src/utils.js';\n\nimport { type TableCellBorderStyleCommand } from './commands/tablecellborderstylecommand.js';\n\nconst ERROR_TEXT_TIMEOUT = 500;\n\n// Map of view properties and related commands.\nconst propertyToCommandMap = {\n\tborderStyle: 'tableCellBorderStyle',\n\tborderColor: 'tableCellBorderColor',\n\tborderWidth: 'tableCellBorderWidth',\n\theight: 'tableCellHeight',\n\twidth: 'tableCellWidth',\n\tpadding: 'tableCellPadding',\n\tbackgroundColor: 'tableCellBackgroundColor',\n\thorizontalAlignment: 'tableCellHorizontalAlignment',\n\tverticalAlignment: 'tableCellVerticalAlignment'\n} as const;\n\n/**\n * The table cell properties UI plugin. It introduces the `'tableCellProperties'` button\n * that opens a form allowing to specify the visual styling of a table cell.\n *\n * It uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon contextual balloon plugin}.\n */\nexport class TableCellPropertiesUIExperimental extends Plugin {\n\t/**\n\t * The default table cell properties.\n\t */\n\tprivate _defaultContentTableCellProperties!: NormalizedDefaultProperties;\n\n\t/**\n\t * The default layout table cell properties.\n\t */\n\tprivate _defaultLayoutTableCellProperties!: NormalizedDefaultProperties;\n\n\t/**\n\t * The contextual balloon plugin instance.\n\t */\n\tprivate _balloon?: ContextualBalloon;\n\n\t/**\n\t * The cell properties form view displayed inside the balloon.\n\t */\n\tpublic view?: TableCellPropertiesViewExperimental | null;\n\n\t/**\n\t * The cell properties form view displayed inside the balloon (content table).\n\t */\n\tprivate _viewWithContentTableDefaults?: TableCellPropertiesViewExperimental | null;\n\n\t/**\n\t * The cell properties form view displayed inside the balloon (layout table).\n\t */\n\tprivate _viewWithLayoutTableDefaults?: TableCellPropertiesViewExperimental | null;\n\n\t/**\n\t * The batch used to undo all changes made by the form (which are live, as the user types)\n\t * when \"Cancel\" was pressed. Each time the view is shown, a new batch is created.\n\t */\n\tprivate _undoStepBatch?: Batch;\n\n\t/**\n\t * Flag used to indicate whether view is ready to execute update commands\n\t * (it finished loading initial data).\n\t */\n\tprivate _isReady?: boolean;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get requires() {\n\t\treturn [ ContextualBalloon ] as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'TableCellPropertiesUIExperimental' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\teditor.config.define( 'table.tableCellProperties', {\n\t\t\tborderColors: defaultColors,\n\t\t\tbackgroundColors: defaultColors\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\n\t\tthis._defaultContentTableCellProperties = getNormalizedDefaultCellProperties(\n\t\t\teditor.config.get( 'table.tableCellProperties.defaultProperties' )!,\n\t\t\t{\n\t\t\t\tincludeVerticalAlignmentProperty: true,\n\t\t\t\tincludeHorizontalAlignmentProperty: true,\n\t\t\t\tincludePaddingProperty: true,\n\t\t\t\tisRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n\t\t\t}\n\t\t);\n\t\tthis._defaultLayoutTableCellProperties = getNormalizedDefaultProperties( undefined, {\n\t\t\tincludeVerticalAlignmentProperty: true,\n\t\t\tincludeHorizontalAlignmentProperty: true,\n\t\t\tisRightToLeftContent: editor.locale.contentLanguageDirection === 'rtl'\n\t\t} );\n\n\t\tthis._balloon = editor.plugins.get( ContextualBalloon );\n\t\tthis.view = null;\n\t\tthis._isReady = false;\n\n\t\teditor.ui.componentFactory.add( 'tableCellProperties', locale => {\n\t\t\tconst view = new ButtonView( locale );\n\n\t\t\tview.set( {\n\t\t\t\tlabel: t( 'Cell properties' ),\n\t\t\t\ticon: IconTableCellProperties,\n\t\t\t\ttooltip: true\n\t\t\t} );\n\n\t\t\tthis.listenTo( view, 'execute', () => this._showView() );\n\n\t\t\tconst commands = Object.values( propertyToCommandMap )\n\t\t\t\t.map( commandName => editor.commands.get( commandName )! );\n\n\t\t\tview.bind( 'isEnabled' ).toMany( commands, 'isEnabled', ( ...areEnabled ) => (\n\t\t\t\tareEnabled.some( isCommandEnabled => isCommandEnabled )\n\t\t\t) );\n\n\t\t\treturn view;\n\t\t} );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tsuper.destroy();\n\n\t\t// Destroy created UI components as they are not automatically destroyed.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1341.\n\t\tif ( this.view ) {\n\t\t\tthis.view.destroy();\n\t\t}\n\t}\n\n\t/**\n\t * Creates the {@link module:table/tablecellproperties/ui/tablecellpropertiesview~TableCellPropertiesView} instance.\n\t *\n\t * @returns The cell properties form view instance.\n\t */\n\tprivate _createPropertiesView( defaultTableCellProperties: NormalizedDefaultProperties ) {\n\t\tconst editor = this.editor;\n\t\tconst config = editor.config.get( 'table.tableCellProperties' )!;\n\t\tconst borderColorsConfig = normalizeColorOptions( config.borderColors! );\n\t\tconst localizedBorderColors = getLocalizedColorOptions( editor.locale, borderColorsConfig );\n\t\tconst backgroundColorsConfig = normalizeColorOptions( config.backgroundColors! );\n\t\tconst localizedBackgroundColors = getLocalizedColorOptions( editor.locale, backgroundColorsConfig );\n\t\tconst hasColorPicker = config.colorPicker !== false;\n\n\t\tconst view = new TableCellPropertiesViewExperimental( editor.locale, {\n\t\t\tborderColors: localizedBorderColors,\n\t\t\tbackgroundColors: localizedBackgroundColors,\n\t\t\tdefaultTableCellProperties,\n\t\t\tcolorPickerConfig: hasColorPicker ? ( config.colorPicker || {} ) : false\n\t\t} );\n\t\tconst t = editor.t;\n\n\t\t// Render the view so its #element is available for the clickOutsideHandler.\n\t\tview.render();\n\n\t\tthis.listenTo( view, 'submit', () => {\n\t\t\tthis._hideView();\n\t\t} );\n\n\t\tthis.listenTo( view, 'cancel', () => {\n\t\t\t// https://github.com/ckeditor/ckeditor5/issues/6180\n\t\t\tif ( this._undoStepBatch!.operations.length ) {\n\t\t\t\teditor.execute( 'undo', this._undoStepBatch );\n\t\t\t}\n\n\t\t\tthis._hideView();\n\t\t} );\n\n\t\t// Close the balloon on Esc key press.\n\t\tview.keystrokes.set( 'Esc', ( data, cancel ) => {\n\t\t\tthis._hideView();\n\t\t\tcancel();\n\t\t} );\n\n\t\t// Close on click outside of balloon panel element.\n\t\tclickOutsideHandler( {\n\t\t\temitter: view,\n\t\t\tactivator: () => this._isViewInBalloon,\n\t\t\tcontextElements: [ this._balloon!.view.element! ],\n\t\t\tcallback: () => this._hideView()\n\t\t} );\n\n\t\tconst colorErrorText = getLocalizedColorErrorText( t );\n\t\tconst lengthErrorText = getLocalizedLengthErrorText( t );\n\n\t\t// Create the \"UI -> editor data\" binding.\n\t\t// These listeners update the editor data (via table commands) when any observable\n\t\t// property of the view has changed. They also validate the value and display errors in the UI\n\t\t// when necessary. This makes the view live, which means the changes are\n\t\t// visible in the editing as soon as the user types or changes fields' values.\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:borderStyle',\n\t\t\tthis._getPropertyChangeCallback( 'tableCellBorderStyle' )\n\t\t);\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:borderColor', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.borderColorInput,\n\t\t\tcommandName: 'tableCellBorderColor',\n\t\t\terrorText: colorErrorText,\n\t\t\tvalidator: colorFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:borderWidth', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.borderWidthInput,\n\t\t\tcommandName: 'tableCellBorderWidth',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lineWidthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:padding', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.paddingInput,\n\t\t\tcommandName: 'tableCellPadding',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:width', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.widthInput,\n\t\t\tcommandName: 'tableCellWidth',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:height', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.heightInput,\n\t\t\tcommandName: 'tableCellHeight',\n\t\t\terrorText: lengthErrorText,\n\t\t\tvalidator: lengthFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>( 'change:backgroundColor', this._getValidatedPropertyChangeCallback( {\n\t\t\tviewField: view.backgroundInput,\n\t\t\tcommandName: 'tableCellBackgroundColor',\n\t\t\terrorText: colorErrorText,\n\t\t\tvalidator: colorFieldValidator\n\t\t} ) );\n\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:horizontalAlignment',\n\t\t\tthis._getPropertyChangeCallback( 'tableCellHorizontalAlignment' )\n\t\t);\n\t\tview.on<ObservableChangeEvent<string>>(\n\t\t\t'change:verticalAlignment',\n\t\t\tthis._getPropertyChangeCallback( 'tableCellVerticalAlignment' )\n\t\t);\n\n\t\treturn view;\n\t}\n\n\t/**\n\t * In this method the \"editor data -> UI\" binding is happening.\n\t *\n\t * When executed, this method obtains selected cell property values from various table commands\n\t * and passes them to the {@link #view}.\n\t *\n\t * This way, the UI stays up–to–date with the editor data.\n\t */\n\tprivate _fillViewFormFromCommandValues() {\n\t\tconst commands = this.editor.commands;\n\t\tconst borderStyleCommand: TableCellBorderStyleCommand = commands.get( 'tableCellBorderStyle' )!;\n\n\t\tObject.entries( propertyToCommandMap )\n\t\t\t.map( ( [ property, commandName ] ) => {\n\t\t\t\tconst propertyKey = property as keyof typeof propertyToCommandMap;\n\t\t\t\tconst defaultValue = this.view === this._viewWithContentTableDefaults ?\n\t\t\t\t\tthis._defaultContentTableCellProperties[ propertyKey ] || '' :\n\t\t\t\t\tthis._defaultLayoutTableCellProperties[ propertyKey ] || '';\n\n\t\t\t\treturn [\n\t\t\t\t\tproperty as keyof typeof propertyToCommandMap,\n\t\t\t\t\tcommands.get( commandName )!.value as string || defaultValue\n\t\t\t\t] as const;\n\t\t\t} )\n\t\t\t.forEach( ( [ property, value ] ) => {\n\t\t\t\t// Do not set the `border-color` and `border-width` fields if `border-style:none`.\n\t\t\t\tif ( ( property === 'borderColor' || property === 'borderWidth' ) && borderStyleCommand.value === 'none' ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tthis.view!.set( property, value );\n\t\t\t} );\n\n\t\tthis._isReady = true;\n\t}\n\n\t/**\n\t * Shows the {@link #view} in the {@link #_balloon}.\n\t *\n\t * **Note**: Each time a view is shown, a new {@link #_undoStepBatch} is created. It contains\n\t * all changes made to the document when the view is visible, allowing a single undo step\n\t * for all of them.\n\t */\n\tprotected _showView(): void {\n\t\tconst editor = this.editor;\n\n\t\tconst viewTable = getSelectionAffectedTableWidget( editor.editing.view.document.selection );\n\t\tconst modelTable = viewTable && editor.editing.mapper.toModelElement( viewTable );\n\t\tconst useDefaults = !modelTable || modelTable.getAttribute( 'tableType' ) !== 'layout';\n\n\t\tif ( useDefaults && !this._viewWithContentTableDefaults ) {\n\t\t\tthis._viewWithContentTableDefaults = this._createPropertiesView( this._defaultContentTableCellProperties );\n\t\t} else if ( !useDefaults && !this._viewWithLayoutTableDefaults ) {\n\t\t\tthis._viewWithLayoutTableDefaults = this._createPropertiesView( this._defaultLayoutTableCellProperties );\n\t\t}\n\n\t\tthis.view = useDefaults ? this._viewWithContentTableDefaults! : this._viewWithLayoutTableDefaults!;\n\n\t\tthis.listenTo( editor.ui, 'update', () => {\n\t\t\tthis._updateView();\n\t\t} );\n\n\t\t// Update the view with the model values.\n\t\tthis._fillViewFormFromCommandValues();\n\n\t\tthis._balloon!.add( {\n\t\t\tview: this.view,\n\t\t\tposition: getBalloonCellPositionData( editor )\n\t\t} );\n\n\t\t// Create a new batch. Clicking \"Cancel\" will undo this batch.\n\t\tthis._undoStepBatch = editor.model.createBatch();\n\n\t\t// Basic a11y.\n\t\tthis.view.focus();\n\t}\n\n\t/**\n\t * Removes the {@link #view} from the {@link #_balloon}.\n\t */\n\tprotected _hideView(): void {\n\t\tconst editor = this.editor;\n\n\t\tthis.stopListening( editor.ui, 'update' );\n\n\t\tthis._isReady = false;\n\n\t\t// Blur any input element before removing it from DOM to prevent issues in some browsers.\n\t\t// See https://github.com/ckeditor/ckeditor5/issues/1501.\n\t\tthis.view!.saveButtonView.focus();\n\n\t\tthis._balloon!.remove( this.view! );\n\n\t\t// Make sure the focus is not lost in the process by putting it directly\n\t\t// into the editing view.\n\t\tthis.editor.editing.view.focus();\n\t}\n\n\t/**\n\t * Repositions the {@link #_balloon} or hides the {@link #view} if a table cell is no longer selected.\n\t */\n\tprotected _updateView(): void {\n\t\tconst editor = this.editor;\n\t\tconst viewDocument = editor.editing.view.document;\n\n\t\tif ( !getTableWidgetAncestor( viewDocument.selection ) ) {\n\t\t\tthis._hideView();\n\t\t} else if ( this._isViewVisible ) {\n\t\t\trepositionContextualBalloon( editor, 'cell' );\n\t\t}\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #view} is visible in the {@link #_balloon}.\n\t */\n\tprivate get _isViewVisible() {\n\t\treturn !!this.view && this._balloon!.visibleView === this.view;\n\t}\n\n\t/**\n\t * Returns `true` when the {@link #view} is in the {@link #_balloon}.\n\t */\n\tprivate get _isViewInBalloon() {\n\t\treturn !!this.view && this._balloon!.hasView( this.view );\n\t}\n\n\t/**\n\t * Creates a callback that when executed upon the {@link #view view's} property change\n\t * executes a related editor command with the new property value.\n\t *\n\t * @param commandName The default value of the command.\n\t */\n\tprivate _getPropertyChangeCallback(\n\t\tcommandName: 'tableCellBorderStyle' | 'tableCellHorizontalAlignment' | 'tableCellVerticalAlignment'\n\t): GetCallback<ObservableChangeEvent<string>> {\n\t\treturn ( evt, propertyName, newValue ) => {\n\t\t\tif ( !this._isReady ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.editor.execute( commandName, {\n\t\t\t\tvalue: newValue,\n\t\t\t\tbatch: this._undoStepBatch\n\t\t\t} );\n\t\t};\n\t}\n\n\t/**\n\t * Creates a callback that when executed upon the {@link #view view's} property change:\n\t * * Executes a related editor command with the new property value if the value is valid,\n\t * * Or sets the error text next to the invalid field, if the value did not pass the validation.\n\t */\n\tprivate _getValidatedPropertyChangeCallback(\n\t\toptions: {\n\t\t\tcommandName: `tableCell${ 'BorderColor' | 'BorderWidth' | 'Padding' | 'Width' | 'Height' | 'BackgroundColor' }`;\n\t\t\tviewField: View & { errorText?: string | null };\n\t\t\tvalidator: ( arg0: string ) => boolean;\n\t\t\terrorText: string;\n\t\t}\n\t): GetCallback<ObservableChangeEvent<string>> {\n\t\tconst { commandName, viewField, validator, errorText } = options;\n\t\tconst setErrorTextDebounced = debounce( () => {\n\t\t\tviewField.errorText = errorText;\n\t\t}, ERROR_TEXT_TIMEOUT );\n\n\t\treturn ( evt, propertyName, newValue ) => {\n\t\t\tsetErrorTextDebounced.cancel();\n\t\t\t// Do not execute the command on initial call (opening the table properties view).\n\t\t\tif ( !this._isReady ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( validator( newValue ) ) {\n\t\t\t\tthis.editor.execute( commandName, {\n\t\t\t\t\tvalue: newValue,\n\t\t\t\t\tbatch: this._undoStepBatch\n\t\t\t\t} );\n\n\t\t\t\tviewField.errorText = null;\n\t\t\t} else {\n\t\t\t\tsetErrorTextDebounced();\n\t\t\t}\n\t\t};\n\t}\n}\n", "import { Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';\nimport { Template, View } from '@ckeditor/ckeditor5-ui/dist/index.js';\nimport { env } from '@ckeditor/ckeditor5-utils/dist/index.js';\nimport { throttle, isElement } from 'es-toolkit/compat';\n\n/**\n * @license Copyright (c) 2003-2025, 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 * @module word-count/utils\n */ /**\n * Returns a plain text representation of an element and its children.\n *\n * @internal\n * @returns Plain text representing the model's data.\n */ function modelElementToPlainText(item) {\n    if (item.is('$text') || item.is('$textProxy')) {\n        return item.data;\n    }\n    const element = item;\n    let text = '';\n    let prev = null;\n    for (const child of element.getChildren()){\n        const childText = modelElementToPlainText(child);\n        // If last block was finish, start from new line.\n        if (prev && prev.is('element')) {\n            text += '\\n';\n        }\n        text += childText;\n        prev = child;\n    }\n    return text;\n}\n\n/**\n * The word count plugin.\n *\n * This plugin calculates all words and characters in all {@link module:engine/model/text~ModelText text nodes} available in the model.\n * It also provides an HTML element that updates its state whenever the editor content is changed.\n *\n * The model's data is first converted to plain text using {@link module:word-count/utils~modelElementToPlainText}.\n * The number of words and characters in your text are determined based on the created plain text. Please keep in mind\n * that every block in the editor is separated with a newline character, which is included in the calculation.\n *\n * Here are some examples of how the word and character calculations are made:\n *\n * ```html\n * <paragraph>foo</paragraph>\n * <paragraph>bar</paragraph>\n * // Words: 2, Characters: 7\n *\n * <paragraph><$text bold=\"true\">foo</$text>bar</paragraph>\n * // Words: 1, Characters: 6\n *\n * <paragraph>*&^%)</paragraph>\n * // Words: 0, Characters: 5\n *\n * <paragraph>foo(bar)</paragraph>\n * //Words: 1, Characters: 8\n *\n * <paragraph>12345</paragraph>\n * // Words: 1, Characters: 5\n * ```\n */ class WordCount extends Plugin {\n    /**\n\t * The configuration of this plugin.\n\t */ _config;\n    /**\n\t * The reference to a {@link module:ui/view~View view object} that contains the self-updating HTML container.\n\t */ _outputView;\n    /**\n\t * A regular expression used to recognize words in the editor's content.\n\t */ _wordsMatchRegExp;\n    /**\n\t * @inheritDoc\n\t */ constructor(editor){\n        super(editor);\n        this.set('characters', 0);\n        this.set('words', 0);\n        // Don't wait for the #update event to set the value of the properties but obtain it right away.\n        // This way, accessing the properties directly returns precise numbers, e.g. for validation, etc.\n        // If not accessed directly, the properties will be refreshed upon #update anyway.\n        Object.defineProperties(this, {\n            characters: {\n                get () {\n                    return this.characters = this._getCharacters(this._getText());\n                }\n            },\n            words: {\n                get () {\n                    return this.words = this._getWords(this._getText());\n                }\n            }\n        });\n        this.set('_wordsLabel', undefined);\n        this.set('_charactersLabel', undefined);\n        this._config = editor.config.get('wordCount') || {};\n        this._outputView = undefined;\n        this._wordsMatchRegExp = env.features.isRegExpUnicodePropertySupported ? // Usage of regular expression literal cause error during build (ckeditor/ckeditor5-dev#534).\n        // Groups:\n        // {L} - Any kind of letter from any language.\n        // {N} - Any kind of numeric character in any script.\n        new RegExp('([\\\\p{L}\\\\p{N}]+\\\\S?)+', 'gu') : /([a-zA-Z0-9À-ž]+\\S?)+/gu;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get pluginName() {\n        return 'WordCount';\n    }\n    /**\n\t * @inheritDoc\n\t * @internal\n\t */ static get licenseFeatureCode() {\n        return 'WC';\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isOfficialPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ static get isPremiumPlugin() {\n        return true;\n    }\n    /**\n\t * @inheritDoc\n\t */ init() {\n        const editor = this.editor;\n        editor.model.document.on('change:data', throttle(this._refreshStats.bind(this), 250));\n        if (typeof this._config.onUpdate == 'function') {\n            this.on('update', (evt, data)=>{\n                this._config.onUpdate(data);\n            });\n        }\n        if (isElement(this._config.container)) {\n            this._config.container.appendChild(this.wordCountContainer);\n        }\n    }\n    /**\n\t * @inheritDoc\n\t */ destroy() {\n        if (this._outputView) {\n            this._outputView.element.remove();\n            this._outputView.destroy();\n        }\n        super.destroy();\n    }\n    /**\n\t * Creates a self-updating HTML element. Repeated executions return the same element.\n\t * The returned element has the following HTML structure:\n\t *\n\t * ```html\n\t * <div class=\"ck ck-word-count\">\n\t * \t<div class=\"ck-word-count__words\">Words: 4</div>\n\t * \t<div class=\"ck-word-count__characters\">Characters: 28</div>\n\t * </div>\n\t * ```\n\t */ get wordCountContainer() {\n        const editor = this.editor;\n        const t = editor.t;\n        const displayWords = editor.config.get('wordCount.displayWords');\n        const displayCharacters = editor.config.get('wordCount.displayCharacters');\n        const bind = Template.bind(this, this);\n        const children = [];\n        if (!this._outputView) {\n            this._outputView = new View();\n            if (displayWords || displayWords === undefined) {\n                this.bind('_wordsLabel').to(this, 'words', (words)=>{\n                    return t('Words: %0', words);\n                });\n                children.push({\n                    tag: 'div',\n                    children: [\n                        {\n                            text: [\n                                bind.to('_wordsLabel')\n                            ]\n                        }\n                    ],\n                    attributes: {\n                        class: 'ck-word-count__words'\n                    }\n                });\n            }\n            if (displayCharacters || displayCharacters === undefined) {\n                this.bind('_charactersLabel').to(this, 'characters', (words)=>{\n                    return t('Characters: %0', words);\n                });\n                children.push({\n                    tag: 'div',\n                    children: [\n                        {\n                            text: [\n                                bind.to('_charactersLabel')\n                            ]\n                        }\n                    ],\n                    attributes: {\n                        class: 'ck-word-count__characters'\n                    }\n                });\n            }\n            this._outputView.setTemplate({\n                tag: 'div',\n                attributes: {\n                    class: [\n                        'ck',\n                        'ck-word-count'\n                    ]\n                },\n                children\n            });\n            this._outputView.render();\n        }\n        return this._outputView.element;\n    }\n    _getText() {\n        let txt = '';\n        for (const root of this.editor.model.document.getRoots()){\n            if (txt !== '') {\n                // Add a delimiter, so words from each root are treated independently.\n                txt += '\\n';\n            }\n            txt += modelElementToPlainText(root);\n        }\n        return txt;\n    }\n    /**\n\t * Determines the number of characters in the current editor's model.\n\t */ _getCharacters(txt) {\n        return txt.replace(/\\n/g, '').length;\n    }\n    /**\n\t * Determines the number of words in the current editor's model.\n\t */ _getWords(txt) {\n        const detectedWords = txt.match(this._wordsMatchRegExp) || [];\n        return detectedWords.length;\n    }\n    /**\n\t * Determines the number of words and characters in the current editor's model and assigns it to {@link #characters} and {@link #words}.\n\t * It also fires the {@link #event:update}.\n\t *\n\t * @fires update\n\t */ _refreshStats() {\n        const txt = this._getText();\n        const words = this.words = this._getWords(txt);\n        const characters = this.characters = this._getCharacters(txt);\n        this.fire('update', {\n            words,\n            characters\n        });\n    }\n}\n\nexport { WordCount, modelElementToPlainText as _modelElementToPlainText };\n//# sourceMappingURL=index.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 word-count/utils\n */\n\nimport type { ModelElement, ModelItem } from 'ckeditor5/src/engine.js';\n\n/**\n * Returns a plain text representation of an element and its children.\n *\n * @internal\n * @returns Plain text representing the model's data.\n */\nexport function modelElementToPlainText( item: ModelItem ): string {\n\tif ( item.is( '$text' ) || item.is( '$textProxy' ) ) {\n\t\treturn item.data;\n\t}\n\n\tconst element = item as ModelElement;\n\tlet text = '';\n\tlet prev = null;\n\n\tfor ( const child of element.getChildren() ) {\n\t\tconst childText = modelElementToPlainText( child );\n\n\t\t// If last block was finish, start from new line.\n\t\tif ( prev && prev.is( 'element' ) ) {\n\t\t\ttext += '\\n';\n\t\t}\n\n\t\ttext += childText;\n\n\t\tprev = child;\n\t}\n\n\treturn text;\n}\n", "/**\n * @license Copyright (c) 2003-2025, 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 word-count/wordcount\n */\n\nimport { type ModelDocumentChangeEvent } from 'ckeditor5/src/engine.js';\nimport { Plugin, type Editor } from 'ckeditor5/src/core.js';\nimport { Template, View } from 'ckeditor5/src/ui.js';\nimport { env } from 'ckeditor5/src/utils.js';\n\nimport { modelElementToPlainText } from './utils.js';\nimport type { WordCountConfig } from './wordcountconfig.js';\n\nimport { throttle, isElement } from 'es-toolkit/compat';\n\n/**\n * The word count plugin.\n *\n * This plugin calculates all words and characters in all {@link module:engine/model/text~ModelText text nodes} available in the model.\n * It also provides an HTML element that updates its state whenever the editor content is changed.\n *\n * The model's data is first converted to plain text using {@link module:word-count/utils~modelElementToPlainText}.\n * The number of words and characters in your text are determined based on the created plain text. Please keep in mind\n * that every block in the editor is separated with a newline character, which is included in the calculation.\n *\n * Here are some examples of how the word and character calculations are made:\n *\n * ```html\n * <paragraph>foo</paragraph>\n * <paragraph>bar</paragraph>\n * // Words: 2, Characters: 7\n *\n * <paragraph><$text bold=\"true\">foo</$text>bar</paragraph>\n * // Words: 1, Characters: 6\n *\n * <paragraph>*&^%)</paragraph>\n * // Words: 0, Characters: 5\n *\n * <paragraph>foo(bar)</paragraph>\n * //Words: 1, Characters: 8\n *\n * <paragraph>12345</paragraph>\n * // Words: 1, Characters: 5\n * ```\n */\nexport class WordCount extends Plugin {\n\t/**\n\t * The number of characters in the editor.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public characters: number;\n\n\t/**\n\t * The number of words in the editor.\n\t *\n\t * @observable\n\t * @readonly\n\t */\n\tdeclare public words: number;\n\n\t/**\n\t * The label used to display the words value in the {@link #wordCountContainer output container}.\n\t *\n\t * @observable\n\t * @private\n\t * @readonly\n\t */\n\tdeclare public _wordsLabel: string | undefined;\n\n\t/**\n\t * The label used to display the characters value in the {@link #wordCountContainer output container}.\n\t *\n\t * @observable\n\t * @private\n\t * @readonly\n\t */\n\tdeclare public _charactersLabel: string | undefined;\n\n\t/**\n\t * The configuration of this plugin.\n\t */\n\tprivate _config: WordCountConfig;\n\n\t/**\n\t * The reference to a {@link module:ui/view~View view object} that contains the self-updating HTML container.\n\t */\n\tprivate _outputView: View | undefined;\n\n\t/**\n\t * A regular expression used to recognize words in the editor's content.\n\t */\n\tprivate readonly _wordsMatchRegExp: RegExp;\n\n\t/**\n\t * @inheritDoc\n\t */\n\tconstructor( editor: Editor ) {\n\t\tsuper( editor );\n\n\t\tthis.set( 'characters', 0 );\n\t\tthis.set( 'words', 0 );\n\n\t\t// Don't wait for the #update event to set the value of the properties but obtain it right away.\n\t\t// This way, accessing the properties directly returns precise numbers, e.g. for validation, etc.\n\t\t// If not accessed directly, the properties will be refreshed upon #update anyway.\n\t\tObject.defineProperties( this, {\n\t\t\tcharacters: {\n\t\t\t\tget() {\n\t\t\t\t\treturn ( this.characters = this._getCharacters( this._getText() ) );\n\t\t\t\t}\n\t\t\t},\n\t\t\twords: {\n\t\t\t\tget() {\n\t\t\t\t\treturn ( this.words = this._getWords( this._getText() ) );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\tthis.set( '_wordsLabel', undefined );\n\t\tthis.set( '_charactersLabel', undefined );\n\n\t\tthis._config = editor.config.get( 'wordCount' ) || {};\n\n\t\tthis._outputView = undefined;\n\n\t\tthis._wordsMatchRegExp = env.features.isRegExpUnicodePropertySupported ?\n\t\t\t// Usage of regular expression literal cause error during build (ckeditor/ckeditor5-dev#534).\n\t\t\t// Groups:\n\t\t\t// {L} - Any kind of letter from any language.\n\t\t\t// {N} - Any kind of numeric character in any script.\n\t\t\tnew RegExp( '([\\\\p{L}\\\\p{N}]+\\\\S?)+', 'gu' ) :\n\t\t\t/([a-zA-Z0-9À-ž]+\\S?)+/gu;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static get pluginName() {\n\t\treturn 'WordCount' as const;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t * @internal\n\t */\n\tpublic static get licenseFeatureCode(): string {\n\t\treturn 'WC';\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isOfficialPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic static override get isPremiumPlugin(): true {\n\t\treturn true;\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic init(): void {\n\t\tconst editor = this.editor;\n\n\t\teditor.model.document.on<ModelDocumentChangeEvent>( 'change:data', throttle( this._refreshStats.bind( this ), 250 ) );\n\n\t\tif ( typeof this._config.onUpdate == 'function' ) {\n\t\t\tthis.on<WordCountUpdateEvent>( 'update', ( evt, data ) => {\n\t\t\t\tthis._config.onUpdate!( data );\n\t\t\t} );\n\t\t}\n\n\t\tif ( isElement( this._config.container ) ) {\n\t\t\tthis._config.container!.appendChild( this.wordCountContainer );\n\t\t}\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tpublic override destroy(): void {\n\t\tif ( this._outputView ) {\n\t\t\tthis._outputView.element!.remove();\n\t\t\tthis._outputView.destroy();\n\t\t}\n\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Creates a self-updating HTML element. Repeated executions return the same element.\n\t * The returned element has the following HTML structure:\n\t *\n\t * ```html\n\t * <div class=\"ck ck-word-count\">\n\t * \t<div class=\"ck-word-count__words\">Words: 4</div>\n\t * \t<div class=\"ck-word-count__characters\">Characters: 28</div>\n\t * </div>\n\t * ```\n\t */\n\tpublic get wordCountContainer(): HTMLElement {\n\t\tconst editor = this.editor;\n\t\tconst t = editor.t;\n\t\tconst displayWords = editor.config.get( 'wordCount.displayWords' );\n\t\tconst displayCharacters = editor.config.get( 'wordCount.displayCharacters' );\n\t\tconst bind = Template.bind( this, this );\n\t\tconst children = [];\n\n\t\tif ( !this._outputView ) {\n\t\t\tthis._outputView = new View();\n\n\t\t\tif ( displayWords || displayWords === undefined ) {\n\t\t\t\tthis.bind( '_wordsLabel' ).to( this, 'words', words => {\n\t\t\t\t\treturn t( 'Words: %0', words );\n\t\t\t\t} );\n\n\t\t\t\tchildren.push( {\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: [ bind.to( '_wordsLabel' ) ]\n\t\t\t\t\t\t}\n\t\t\t\t\t],\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: 'ck-word-count__words'\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tif ( displayCharacters || displayCharacters === undefined ) {\n\t\t\t\tthis.bind( '_charactersLabel' ).to( this, 'characters', words => {\n\t\t\t\t\treturn t( 'Characters: %0', words );\n\t\t\t\t} );\n\n\t\t\t\tchildren.push( {\n\t\t\t\t\ttag: 'div',\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttext: [ bind.to( '_charactersLabel' ) ]\n\t\t\t\t\t\t}\n\t\t\t\t\t],\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tclass: 'ck-word-count__characters'\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tthis._outputView.setTemplate( {\n\t\t\t\ttag: 'div',\n\t\t\t\tattributes: {\n\t\t\t\t\tclass: [\n\t\t\t\t\t\t'ck',\n\t\t\t\t\t\t'ck-word-count'\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\tchildren\n\t\t\t} );\n\n\t\t\tthis._outputView.render();\n\t\t}\n\n\t\treturn this._outputView.element!;\n\t}\n\n\tprivate _getText(): string {\n\t\tlet txt = '';\n\n\t\tfor ( const root of this.editor.model.document.getRoots() ) {\n\t\t\tif ( txt !== '' ) {\n\t\t\t\t// Add a delimiter, so words from each root are treated independently.\n\t\t\t\ttxt += '\\n';\n\t\t\t}\n\n\t\t\ttxt += modelElementToPlainText( root );\n\t\t}\n\n\t\treturn txt;\n\t}\n\n\t/**\n\t * Determines the number of characters in the current editor's model.\n\t */\n\tprivate _getCharacters( txt: string ): number {\n\t\treturn txt.replace( /\\n/g, '' ).length;\n\t}\n\n\t/**\n\t * Determines the number of words in the current editor's model.\n\t */\n\tprivate _getWords( txt: string ): number {\n\t\tconst detectedWords = txt.match( this._wordsMatchRegExp ) || [];\n\n\t\treturn detectedWords.length;\n\t}\n\n\t/**\n\t * Determines the number of words and characters in the current editor's model and assigns it to {@link #characters} and {@link #words}.\n\t * It also fires the {@link #event:update}.\n\t *\n\t * @fires update\n\t */\n\tprivate _refreshStats(): void {\n\t\tconst txt = this._getText();\n\t\tconst words = this.words = this._getWords( txt );\n\t\tconst characters = this.characters = this._getCharacters( txt );\n\n\t\tthis.fire<WordCountUpdateEvent>( 'update', {\n\t\t\twords,\n\t\t\tcharacters\n\t\t} );\n\t}\n}\n\n/**\n * An event fired after {@link ~WordCount#words} and {@link ~WordCount#characters} are updated.\n *\n * @eventName ~WordCount#update\n */\nexport type WordCountUpdateEvent = {\n\tname: 'update';\n\targs: [ { words: number; characters: number } ];\n};\n", "export * from '@ckeditor/ckeditor5-adapter-ckfinder/dist/index.js';\nexport * from '@ckeditor/ckeditor5-alignment/dist/index.js';\nexport * from '@ckeditor/ckeditor5-autoformat/dist/index.js';\nexport * from '@ckeditor/ckeditor5-autosave/dist/index.js';\nexport * from '@ckeditor/ckeditor5-basic-styles/dist/index.js';\nexport * from '@ckeditor/ckeditor5-block-quote/dist/index.js';\nexport * from '@ckeditor/ckeditor5-bookmark/dist/index.js';\nexport * from '@ckeditor/ckeditor5-ckbox/dist/index.js';\nexport * from '@ckeditor/ckeditor5-ckfinder/dist/index.js';\nexport * from '@ckeditor/ckeditor5-clipboard/dist/index.js';\nexport * from '@ckeditor/ckeditor5-cloud-services/dist/index.js';\nexport * from '@ckeditor/ckeditor5-code-block/dist/index.js';\nexport * from '@ckeditor/ckeditor5-core/dist/index.js';\nexport * from '@ckeditor/ckeditor5-easy-image/dist/index.js';\nexport * from '@ckeditor/ckeditor5-editor-balloon/dist/index.js';\nexport * from '@ckeditor/ckeditor5-editor-classic/dist/index.js';\nexport * from '@ckeditor/ckeditor5-editor-decoupled/dist/index.js';\nexport * from '@ckeditor/ckeditor5-editor-inline/dist/index.js';\nexport * from '@ckeditor/ckeditor5-editor-multi-root/dist/index.js';\nexport * from '@ckeditor/ckeditor5-emoji/dist/index.js';\nexport * from '@ckeditor/ckeditor5-engine/dist/index.js';\nexport * from '@ckeditor/ckeditor5-enter/dist/index.js';\nexport * from '@ckeditor/ckeditor5-essentials/dist/index.js';\nexport * from '@ckeditor/ckeditor5-find-and-replace/dist/index.js';\nexport * from '@ckeditor/ckeditor5-font/dist/index.js';\nexport * from '@ckeditor/ckeditor5-fullscreen/dist/index.js';\nexport * from '@ckeditor/ckeditor5-heading/dist/index.js';\nexport * from '@ckeditor/ckeditor5-highlight/dist/index.js';\nexport * from '@ckeditor/ckeditor5-horizontal-line/dist/index.js';\nexport * from '@ckeditor/ckeditor5-html-embed/dist/index.js';\nexport * from '@ckeditor/ckeditor5-html-support/dist/index.js';\nexport * from '@ckeditor/ckeditor5-icons/dist/index.js';\nexport * from '@ckeditor/ckeditor5-image/dist/index.js';\nexport * from '@ckeditor/ckeditor5-indent/dist/index.js';\nexport * from '@ckeditor/ckeditor5-language/dist/index.js';\nexport * from '@ckeditor/ckeditor5-link/dist/index.js';\nexport * from '@ckeditor/ckeditor5-list/dist/index.js';\nexport * from '@ckeditor/ckeditor5-markdown-gfm/dist/index.js';\nexport * from '@ckeditor/ckeditor5-media-embed/dist/index.js';\nexport * from '@ckeditor/ckeditor5-mention/dist/index.js';\nexport * from '@ckeditor/ckeditor5-minimap/dist/index.js';\nexport * from '@ckeditor/ckeditor5-page-break/dist/index.js';\nexport * from '@ckeditor/ckeditor5-paragraph/dist/index.js';\nexport * from '@ckeditor/ckeditor5-paste-from-office/dist/index.js';\nexport * from '@ckeditor/ckeditor5-remove-format/dist/index.js';\nexport * from '@ckeditor/ckeditor5-restricted-editing/dist/index.js';\nexport * from '@ckeditor/ckeditor5-select-all/dist/index.js';\nexport * from '@ckeditor/ckeditor5-show-blocks/dist/index.js';\nexport * from '@ckeditor/ckeditor5-source-editing/dist/index.js';\nexport * from '@ckeditor/ckeditor5-special-characters/dist/index.js';\nexport * from '@ckeditor/ckeditor5-style/dist/index.js';\nexport * from '@ckeditor/ckeditor5-table/dist/index.js';\nexport * from '@ckeditor/ckeditor5-typing/dist/index.js';\nexport * from '@ckeditor/ckeditor5-ui/dist/index.js';\nexport * from '@ckeditor/ckeditor5-undo/dist/index.js';\nexport * from '@ckeditor/ckeditor5-upload/dist/index.js';\nexport * from '@ckeditor/ckeditor5-utils/dist/index.js';\nexport * from '@ckeditor/ckeditor5-watchdog/dist/index.js';\nexport * from '@ckeditor/ckeditor5-widget/dist/index.js';\nexport * from '@ckeditor/ckeditor5-word-count/dist/index.js';\n//# sourceMappingURL=ckeditor5.js.map\n", "/**\n * @license Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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/* Reset */\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-base-foreground: \t\t\t\t\t\t\t\thsl(0, 0%, 98%);\n\t--ck-color-base-background: \t\t\t\t\t\t\t\thsl(0, 0%, 100%);\n\t--ck-color-base-border: \t\t\t\t\t\t\t\t\thsl(220, 6%, 81%);\n\t--ck-color-base-action: \t\t\t\t\t\t\t\t\thsl(104, 50.2%, 42.5%);\n\t--ck-color-base-focus: \t\t\t\t\t\t\t\t\t\thsl(209, 92%, 70%);\n\t--ck-color-base-text: \t\t\t\t\t\t\t\t\t\thsl(0, 0%, 20%);\n\t--ck-color-base-active: \t\t\t\t\t\t\t\t\thsl(218.1, 100%, 58%);\n\t--ck-color-base-active-focus:\t\t\t\t\t\t\t\thsl(218.2, 100%, 52.5%);\n\t--ck-color-base-error:\t\t\t\t\t\t\t\t\t\thsl(15, 100%, 43%);\n\n\t/* -- Generic colors ------------------------------------------------------------------------ */\n\n\t--ck-color-focus-border-coordinates: \t\t\t\t\t\t218, 81.8%, 56.9%;\n\t--ck-color-focus-border: \t\t\t\t\t\t\t\t\thsl(var(--ck-color-focus-border-coordinates));\n\t--ck-color-focus-outer-shadow:\t\t\t\t\t\t\t\thsl(212.4, 89.3%, 89%);\n\t--ck-color-focus-disabled-shadow:\t\t\t\t\t\t\thsla(209, 90%, 72%,.3);\n\t--ck-color-focus-error-shadow:\t\t\t\t\t\t\t\thsla(9,100%,56%,.3);\n\t--ck-color-text: \t\t\t\t\t\t\t\t\t\t\tvar(--ck-color-base-text);\n\t--ck-color-shadow-drop: \t\t\t\t\t\t\t\t\thsla(0, 0%, 0%, 0.15);\n\t--ck-color-shadow-drop-active:\t\t\t\t\t\t\t\thsla(0, 0%, 0%, 0.2);\n\t--ck-color-shadow-inner: \t\t\t\t\t\t\t\t\thsla(0, 0%, 0%, 0.1);\n\n\t/* -- Buttons ------------------------------------------------------------------------------- */\n\n\t--ck-color-button-default-background: \t\t\t\t\t\ttransparent;\n\t--ck-color-button-default-hover-background: \t\t\t\thsl(0, 0%, 94.1%);\n\t--ck-color-button-default-active-background: \t\t\t\thsl(0, 0%, 94.1%);\n\t--ck-color-button-default-disabled-background: \t\t\t\ttransparent;\n\n\t--ck-color-button-on-background: \t\t\t\t\t\t\thsl(212, 100%, 97.1%);\n\t--ck-color-button-on-hover-background: \t\t\t\t\t\thsl(211.7, 100%, 92.9%);\n\t--ck-color-button-on-active-background: \t\t\t\t\thsl(211.7, 100%, 92.9%);\n\t--ck-color-button-on-disabled-background: \t\t\t\t\thsl(211, 15%, 95%);\n\t--ck-color-button-on-color:\t\t\t\t\t\t\t\t\thsl(218.1, 100%, 58%);\n\n\n\t--ck-color-button-action-background: \t\t\t\t\t\tvar(--ck-color-base-action);\n\t--ck-color-button-action-hover-background: \t\t\t\t\thsl(104, 53.2%, 40.2%);\n\t--ck-color-button-action-active-background: \t\t\t\thsl(104, 53.2%, 40.2%);\n\t--ck-color-button-action-disabled-background: \t\t\t\thsl(104, 44%, 58%);\n\t--ck-color-button-action-text: \t\t\t\t\t\t\t\tvar(--ck-color-base-background);\n\n\t--ck-color-button-save: \t\t\t\t\t\t\t\t\thsl(120, 100%, 27%);\n\t--ck-color-button-cancel: \t\t\t\t\t\t\t\t\thsl(15, 100%, 43%);\n\n\t--ck-color-switch-button-off-background:\t\t\t\t\thsl(0, 0%, 57.6%);\n\t--ck-color-switch-button-off-hover-background:\t\t\t\thsl(0, 0%, 49%);\n\t--ck-color-switch-button-on-background:\t\t\t\t\t\tvar(--ck-color-button-action-background);\n\t--ck-color-switch-button-on-hover-background:\t\t\t\thsl(104, 53.2%, 40.2%);\n\t--ck-color-switch-button-inner-background:\t\t\t\t\tvar(--ck-color-base-background);\n\t--ck-color-switch-button-inner-shadow:\t\t\t\t\t\thsla(0, 0%, 0%, 0.1);\n\n\t/* -- Dropdown ------------------------------------------------------------------------------ */\n\n\t--ck-color-dropdown-panel-background: \t\t\t\t\t\tvar(--ck-color-base-background);\n\t--ck-color-dropdown-panel-border: \t\t\t\t\t\t\tvar(--ck-color-base-border);\n\n\t/* -- Dialog -------------------------------------------------------------------------------- */\n\n\t--ck-color-dialog-background: \t\t\t\t\t\t\t\tvar(--ck-custom-background);\n\t--ck-color-dialog-form-header-border: \t\t\t\t\t\tvar(--ck-custom-border);\n\n\t/* -- Input --------------------------------------------------------------------------------- */\n\n\t--ck-color-input-background: \t\t\t\t\t\t\t\tvar(--ck-color-base-background);\n\t--ck-color-input-border: \t\t\t\t\t\t\t\t\tvar(--ck-color-base-border);\n\t--ck-color-input-error-border:\t\t\t\t\t\t\t\tvar(--ck-color-base-error);\n\t--ck-color-input-text: \t\t\t\t\t\t\t\t\t\tvar(--ck-color-base-text);\n\t--ck-color-input-disabled-background: \t\t\t\t\t\thsl(0, 0%, 95%);\n\t--ck-color-input-disabled-border: \t\t\t\t\t\t\tvar(--ck-color-base-border);\n\t--ck-color-input-disabled-text: \t\t\t\t\t\t\thsl(0, 0%, 46%);\n\n\t/* -- List ---------------------------------------------------------------------------------- */\n\n\t--ck-color-list-background: \t\t\t\t\t\t\t\tvar(--ck-color-base-background);\n\t--ck-color-list-button-hover-background: \t\t\t\t\tvar(--ck-color-button-default-hover-background);\n\t--ck-color-list-button-on-background: \t\t\t\t\t\tvar(--ck-color-button-on-color);\n\t--ck-color-list-button-on-background-focus: \t\t\t\tvar(--ck-color-button-on-color);\n\t--ck-color-list-button-on-text:\t\t\t\t\t\t\t\tvar(--ck-color-base-background);\n\n\t/* -- Panel --------------------------------------------------------------------------------- */\n\n\t--ck-color-panel-background: \t\t\t\t\t\t\t\tvar(--ck-color-base-background);\n\t--ck-color-panel-border: \t\t\t\t\t\t\t\t\tvar(--ck-color-base-border);\n\n\t/* -- Toolbar ------------------------------------------------------------------------------- */\n\n\t--ck-color-toolbar-background: \t\t\t\t\t\t\t\tvar(--ck-color-base-background);\n\t--ck-color-toolbar-border: \t\t\t\t\t\t\t\t\tvar(--ck-color-base-border);\n\n\t/* -- Tooltip ------------------------------------------------------------------------------- */\n\n\t--ck-color-tooltip-background: \t\t\t\t\t\t\t\tvar(--ck-color-base-text);\n\t--ck-color-tooltip-text: \t\t\t\t\t\t\t\t\tvar(--ck-color-base-background);\n\n\t/* -- Engine -------------------------------------------------------------------------------- */\n\n\t--ck-color-engine-placeholder-text: \t\t\t\t\t\thsl(0, 0%, 44%);\n\n\t/* -- Upload -------------------------------------------------------------------------------- */\n\n\t--ck-color-upload-bar-background:\t\t \t\t\t\t\thsl(209, 92%, 70%);\n\n\t/* -- Link -------------------------------------------------------------------------------- */\n\n\t--ck-color-link-default:\t\t\t\t\t\t\t\t\thsl(240, 100%, 47%);\n\t--ck-color-link-selected-background:\t\t\t\t\t\thsla(201, 100%, 56%, 0.1);\n\t--ck-color-link-fake-selection:\t\t\t\t\t\t\t\thsla(201, 100%, 56%, 0.3);\n\n\t/* -- Search result highlight ---------------------------------------------------------------- */\n\n\t--ck-color-highlight-background:\t\t\t\t\t\t\thsl(60, 100%, 50%);\n\n\t/* -- Generic colors ------------------------------------------------------------------------- */\n\n\t--ck-color-light-red:\t\t\t\t\t\t\t\t\t\thsl(0, 100%, 90%);\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t/**\n\t * An opacity value of disabled UI item.\n\t */\n\t--ck-disabled-opacity: .5;\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t/**\n\t * The geometry of the of focused element's outer shadow.\n\t */\n\t--ck-focus-outer-shadow-geometry: 0 0 0 3px;\n\n\t/**\n\t * A visual style of focused element's outer shadow.\n\t */\n\t--ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);\n\n\t/**\n\t * A visual style of focused element's outer shadow (when disabled).\n\t */\n\t--ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);\n\n\t/**\n\t * A visual style of focused element's outer shadow (when has errors).\n\t */\n\t--ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);\n\n\t/**\n\t * A visual style of focused element's border or outline.\n\t */\n\t--ck-focus-ring: 1px solid var(--ck-color-focus-border);\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-font-size-base: 13px;\n\t--ck-line-height-base: 1.84615;\n\t--ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;\n\n\t--ck-font-size-tiny: 0.7em;\n\t--ck-font-size-small: 0.75em;\n\t--ck-font-size-normal: 1em;\n\t--ck-font-size-big: 1.4em;\n\t--ck-font-size-large: 1.8em;\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t/* This is super-important. This is **manually** adjusted so a button without an icon\n\tis never smaller than a button with icon, additionally making sure that text-less buttons\n\tare perfect squares. The value is also shared by other components which should stay \"in-line\"\n\twith buttons. */\n\t--ck-ui-component-min-height: 2.3em;\n}\n/**\n * Resets an element, ignoring its children.\n */\n.ck.ck-reset,\n.ck.ck-reset_all,\n.ck-reset_all *:not(.ck-reset_all-excluded *) {\n\tbox-sizing: border-box;\n\twidth: auto;\n\theight: auto;\n\tposition: static;\n\n\t/* Do not include inheritable rules here. */\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: transparent;\n\ttext-decoration: none;\n\tvertical-align: middle;\n\ttransition: none;\n\n\t/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/105 */\n\tword-wrap: break-word;\n}\n/**\n * Resets an element AND its children.\n */\n.ck.ck-reset_all,\n.ck-reset_all *:not(.ck-reset_all-excluded *) {\n\t/* These are rule inherited by all children elements. */\n\tborder-collapse: collapse;\n\tfont: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);\n\tcolor: var(--ck-color-text);\n\ttext-align: left;\n\twhite-space: nowrap;\n\tcursor: auto;\n\tfloat: none;\n}\n.ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) {\n\t\ttext-align: right;\n\t}\n.ck-reset_all iframe:not(.ck-reset_all-excluded *) {\n\t\t/* For IE */\n\t\tvertical-align: inherit;\n\t}\n.ck-reset_all textarea:not(.ck-reset_all-excluded *) {\n\t\twhite-space: pre-wrap;\n\t}\n.ck-reset_all textarea:not(.ck-reset_all-excluded *),\n\t.ck-reset_all input[type=\"text\"]:not(.ck-reset_all-excluded *),\n\t.ck-reset_all input[type=\"password\"]:not(.ck-reset_all-excluded *) {\n\t\tcursor: text;\n\t}\n.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *),\n\t.ck-reset_all input[type=\"text\"][disabled]:not(.ck-reset_all-excluded *),\n\t.ck-reset_all input[type=\"password\"][disabled]:not(.ck-reset_all-excluded *) {\n\t\tcursor: default;\n\t}\n.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {\n\t\tpadding: 10px;\n\t\tborder: 2px groove hsl(255, 7%, 88%);\n\t}\n.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {\n\t\t/* See http://stackoverflow.com/questions/5517744/remove-extra-button-spacing-padding-in-firefox */\n\t\tpadding: 0;\n\t\tborder: 0\n\t}\n/**\n * Default UI rules for RTL languages.\n */\n.ck[dir=\"rtl\"],\n.ck[dir=\"rtl\"] .ck {\n\ttext-align: right;\n}\n/*\n * Copyright (c) 2003-2025, 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 * Default border-radius value.\n */\n:root{\n\t--ck-border-radius: 2px;\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t/**\n\t * A visual style of element's inner shadow (i.e. input).\n\t */\n\t--ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;\n\n\t/**\n\t * A visual style of element's drop shadow (i.e. panel).\n\t */\n\t--ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);\n\n\t/**\n\t * A visual style of element's active shadow (i.e. comment or suggestion).\n\t */\n\t--ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-spacing-unit: \t\t\t\t\t\t0.6em;\n\t--ck-spacing-extra-large:\t\t\t\tcalc(var(--ck-spacing-unit) * 2);\n\t--ck-spacing-large: \t\t\t\t\tcalc(var(--ck-spacing-unit) * 1.5);\n\t--ck-spacing-standard: \t\t\t\t\tvar(--ck-spacing-unit);\n\t--ck-spacing-medium: \t\t\t\t\tcalc(var(--ck-spacing-unit) * 0.8);\n\t--ck-spacing-medium-small:\t\t\t\tcalc(var(--ck-spacing-unit) * 0.667);\n\t--ck-spacing-small: \t\t\t\t\tcalc(var(--ck-spacing-unit) * 0.5);\n\t--ck-spacing-tiny: \t\t\t\t\t\tcalc(var(--ck-spacing-unit) * 0.3);\n\t--ck-spacing-extra-tiny: \t\t\t\tcalc(var(--ck-spacing-unit) * 0.16);\n}\n\n/* Components */\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n.ck.ck-autocomplete > .ck-search__results {\n\t\tborder-radius: 0;\n\n\t\tmax-height: 200px;\n\t\toverflow-y: auto;\n\t\tbackground: var(--ck-color-base-background);\n\t\tborder: 1px solid var(--ck-color-dropdown-panel-border);\n\t\tmin-width: auto;\n\t}\n.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results,\n\t.ck.ck-autocomplete > .ck-search__results.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-autocomplete > .ck-search__results {\n\t\tbox-shadow: var(--ck-drop-shadow), 0 0;\n\t}\n.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\n\t\t\t/* Prevent duplicated borders between the input and the results pane. */\n\t\t\tmargin-bottom: -1px;\n\t\t}\n.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {\n\t\t\tborder-top-left-radius: 0;\n\t\t\tborder-top-right-radius: 0;\n\n\t\t\t/* Prevent duplicated borders between the input and the results pane. */\n\t\t\tmargin-top: -1px;\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * A visual style of focused element's border.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A class which indicates that an element holding it is disabled.\n */\n/*\n * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * Implements a button of given background color.\n *\n * @param {String} $background - Background color of the button.\n * @param {String} $border - Border color of the button.\n */\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-button,\na.ck.ck-button {\n\tbackground: var(--ck-color-button-default-background);\n\tborder-radius: 0;\n\n\twhite-space: nowrap;\n\tcursor: default;\n\tvertical-align: middle;\n\tpadding: var(--ck-spacing-tiny);\n\ttext-align: center;\n\n\t/* A very important piece of styling. Go to variable declaration to learn more. */\n\tmin-width: var(--ck-ui-component-min-height);\n\tmin-height: var(--ck-ui-component-min-height);\n\n\t/* Normalize the height of the line. Removing this will break consistent height\n\tamong text and text-less buttons (with icons). */\n\tline-height: 1;\n\n\t/* Enable font size inheritance, which allows fluid UI scaling. */\n\tfont-size: inherit;\n\n\t/* Avoid flickering when the foucs border shows up. */\n\tborder: 1px solid transparent;\n\n\t/* Apply some smooth transition to the box-shadow and border. */\n\ttransition: box-shadow .2s ease-in-out, border .2s ease-in-out;\n\n\t/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/189 */\n\t-webkit-appearance: none;\n}\n.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {\n\t\t\tbackground: var(--ck-color-button-default-hover-background);\n\t\t}\n.ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active {\n\t\t\tbackground: var(--ck-color-button-default-active-background);\n\t\t}\n/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */\n.ck.ck-button.ck-disabled, a.ck.ck-button.ck-disabled {\n\t\tbackground: var(--ck-color-button-default-disabled-background);\n\t}\n.ck-rounded-corners .ck.ck-button,\n\t.ck-rounded-corners a.ck.ck-button,\n\t.ck.ck-button.ck-rounded-corners,\n\ta.ck.ck-button.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-button,\na.ck.ck-button {\n\t\ttransition: none;\n}\n\t}\n.ck.ck-button:active,\n\ta.ck.ck-button:active,\n\t.ck.ck-button:focus,\n\ta.ck.ck-button:focus {\n\t\t/* Disable native outline. */\n\t\toutline: none;\n\t\tborder: var(--ck-focus-ring);\n\t\tbox-shadow: var(--ck-focus-outer-shadow), 0 0;\n\t}\n/* Allow icon coloring using the text \"color\" property. */\n.ck.ck-button .ck-button__icon use,\n\t\ta.ck.ck-button .ck-button__icon use,\n\t\t.ck.ck-button .ck-button__icon use *,\n\t\ta.ck.ck-button .ck-button__icon use * {\n\t\t\tcolor: inherit;\n\t\t}\n.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {\n\t\t/* Enable font size inheritance, which allows fluid UI scaling. */\n\t\tfont-size: inherit;\n\t\tfont-weight: inherit;\n\t\tcolor: inherit;\n\t\tcursor: inherit;\n\n\t\t/* Must be consistent with .ck-icon's vertical align. Otherwise, buttons with and\n\t\twithout labels (but with icons) have different sizes in Chrome */\n\t\tvertical-align: middle;\n\t}\n[dir=\"ltr\"] .ck.ck-button .ck-button__label, [dir=\"ltr\"] a.ck.ck-button .ck-button__label {\n\t\t\ttext-align: left;\n\t}\n[dir=\"rtl\"] .ck.ck-button .ck-button__label, [dir=\"rtl\"] a.ck.ck-button .ck-button__label {\n\t\t\ttext-align: right;\n\t}\n.ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke {\n\t\tcolor: inherit;\n\n\t\topacity: .5;\n\t}\n[dir=\"ltr\"] .ck.ck-button .ck-button__keystroke, [dir=\"ltr\"] a.ck.ck-button .ck-button__keystroke {\n\t\t\tmargin-left: var(--ck-spacing-large);\n\t}\n[dir=\"rtl\"] .ck.ck-button .ck-button__keystroke, [dir=\"rtl\"] a.ck.ck-button .ck-button__keystroke {\n\t\t\tmargin-right: var(--ck-spacing-large);\n\t}\n/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */\n.ck.ck-button.ck-disabled:active,\n\t\ta.ck.ck-button.ck-disabled:active,\n\t\t.ck.ck-button.ck-disabled:focus,\n\t\ta.ck.ck-button.ck-disabled:focus {\n\t\t\t/* The disabled button should have a slightly less visible shadow when focused. */\n\t\t\tbox-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;\n\t\t}\n.ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon {\n\t\t\topacity: var(--ck-disabled-opacity);\n\t\t}\n/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */\n.ck.ck-button.ck-disabled .ck-button__label, a.ck.ck-button.ck-disabled .ck-button__label {\n\t\t\topacity: var(--ck-disabled-opacity);\n\t\t}\n.ck.ck-button.ck-disabled .ck-button__keystroke, a.ck.ck-button.ck-disabled .ck-button__keystroke {\n\t\t\topacity: .3;\n\t\t}\n.ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text {\n\t\tpadding: var(--ck-spacing-tiny) var(--ck-spacing-standard);\n\n\t\t/* stylelint-disable-next-line no-descending-specificity */\n\t}\n[dir=\"ltr\"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir=\"ltr\"] a.ck.ck-button.ck-button_with-text .ck-button__icon {\n\t\t\t\tmargin-right: var(--ck-spacing-medium);\n\t}\n[dir=\"rtl\"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir=\"rtl\"] a.ck.ck-button.ck-button_with-text .ck-button__icon {\n\t\t\t\tmargin-left: var(--ck-spacing-medium);\n\t}\n/* stylelint-disable-next-line no-descending-specificity */\n.ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label {\n\t\t\tflex-grow: 1;\n\t\t}\n/* A style of the button which is currently on, e.g. its feature is active. */\n.ck.ck-button.ck-on, a.ck.ck-button.ck-on {\n\t\tbackground: var(--ck-color-button-on-background);\n\n\t\tcolor: var(--ck-color-button-on-color);\n\t}\n.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover {\n\t\t\tbackground: var(--ck-color-button-on-hover-background);\n\t\t}\n.ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active {\n\t\t\tbackground: var(--ck-color-button-on-active-background);\n\t\t}\n/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */\n.ck.ck-button.ck-on.ck-disabled, a.ck.ck-button.ck-on.ck-disabled {\n\t\tbackground: var(--ck-color-button-on-disabled-background);\n\t}\n.ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save {\n\t\tcolor: var(--ck-color-button-save);\n\t}\n.ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel {\n\t\tcolor: var(--ck-color-button-cancel);\n\t}\n/* A style of the button which handles the primary action. */\n.ck.ck-button-action,\na.ck.ck-button-action {\n\tbackground: var(--ck-color-button-action-background);\n\n\tcolor: var(--ck-color-button-action-text);\n}\n.ck.ck-button-action:not(.ck-disabled):hover, a.ck.ck-button-action:not(.ck-disabled):hover {\n\t\t\tbackground: var(--ck-color-button-action-hover-background);\n\t\t}\n.ck.ck-button-action:not(.ck-disabled):active, a.ck.ck-button-action:not(.ck-disabled):active {\n\t\t\tbackground: var(--ck-color-button-action-active-background);\n\t\t}\n/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */\n.ck.ck-button-action.ck-disabled, a.ck.ck-button-action.ck-disabled {\n\t\tbackground: var(--ck-color-button-action-disabled-background);\n\t}\n.ck.ck-button-bold,\na.ck.ck-button-bold {\n\tfont-weight: bold;\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A class which indicates that an element holding it is disabled.\n */\n/*\n * Copyright (c) 2003-2025, 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/* Note: To avoid rendering issues (aliasing) but to preserve the responsive nature\nof the component, floating\u2013point numbers have been used which, for the default font size\n(see: --ck-font-size-base), will generate simple integers. */\n:root {\n\t/* 34px at 13px font-size */\n\t--ck-switch-button-toggle-width: 2.6153846154em;\n\t/* 14px at 13px font-size */\n\t--ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px);\n\t--ck-switch-button-translation: calc(\n\t\tvar(--ck-switch-button-toggle-width) -\n\t\tvar(--ck-switch-button-toggle-inner-size) -\n\t\t2px /* Border */\n\t);\n\t--ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);\n}\n/* Unlike a regular button, the switch button text color and background should never change.\n\t * Changing toggle switch (background, outline) is enough to carry the information about the\n\t * state of the entire component (https://github.com/ckeditor/ckeditor5/issues/12519)\n\t */\n.ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active {\n\t\tcolor: inherit;\n\t\tbackground: transparent;\n\t}\n[dir=\"ltr\"] .ck.ck-button.ck-switchbutton .ck-button__label {\n\t\t\t/* Separate the label from the switch */\n\t\t\tmargin-right: calc(2 * var(--ck-spacing-large));\n\t}\n[dir=\"rtl\"] .ck.ck-button.ck-switchbutton .ck-button__label {\n\t\t\t/* Separate the label from the switch */\n\t\t\tmargin-left: calc(2 * var(--ck-spacing-large));\n\t}\n.ck.ck-button.ck-switchbutton .ck-button__toggle {\n\t\tborder-radius: 0;\n\n\t\t/* Apply some smooth transition to the box-shadow and border. */\n\t\t/* Gently animate the background color of the toggle switch */\n\t\ttransition: background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out;\n\t\tborder: 1px solid transparent;\n\t\twidth: var(--ck-switch-button-toggle-width);\n\t\tbackground: var(--ck-color-switch-button-off-background);\n\t}\n.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,\n\t.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n[dir=\"ltr\"] .ck.ck-button.ck-switchbutton .ck-button__toggle {\n\t\t\t/* Make sure the toggle is always to the right as far as possible. */\n\t\t\tmargin-left: auto;\n\t}\n[dir=\"rtl\"] .ck.ck-button.ck-switchbutton .ck-button__toggle {\n\t\t\t/* Make sure the toggle is always to the left as far as possible. */\n\t\t\tmargin-right: auto;\n\t}\n.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {\n\t\t\tborder-radius: 0;\n\n\t\t\twidth: var(--ck-switch-button-toggle-inner-size);\n\t\t\theight: var(--ck-switch-button-toggle-inner-size);\n\t\t\tbackground: var(--ck-color-switch-button-inner-background);\n\n\t\t\t/* Gently animate the inner part of the toggle switch */\n\t\t\ttransition: all 300ms ease;\n\t\t}\n.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,\n\t.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t\t\t\tborder-radius: calc(.5 * var(--ck-border-radius));\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {\n\t\t\t\ttransition: none;\n\t\t}\n\t\t\t}\n.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {\n\t\t\tbackground: var(--ck-color-switch-button-off-hover-background);\n\t\t}\n.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {\n\t\t\t\tbox-shadow: var(--ck-switch-button-inner-hover-shadow);\n\t\t\t}\n.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {\n\t\topacity: var(--ck-disabled-opacity);\n\t}\n/* Overriding default .ck-button:focus styles + an outline around the toogle */\n.ck.ck-button.ck-switchbutton:focus {\n\t\tborder-color: transparent;\n\t\toutline: none;\n\t\tbox-shadow: none;\n\t}\n.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {\n\t\t\tbox-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);\n\t\t\toutline-offset: 1px;\n\t\t\toutline: var(--ck-focus-ring);\n\t\t}\n/* stylelint-disable-next-line no-descending-specificity */\n.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {\n\t\t\tbackground: var(--ck-color-switch-button-on-background);\n\t\t}\n.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {\n\t\t\t\tbackground: var(--ck-color-switch-button-on-hover-background);\n\t\t\t}\n/*\n\t\t\t\t* Move the toggle switch to the right. It will be animated.\n\t\t\t\t*/\n[dir=\"ltr\"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {\n\t\t\t\t\ttransform: translateX( var( --ck-switch-button-translation ) );\n\t}\n[dir=\"rtl\"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {\n\t\t\t\t\ttransform: translateX( calc( -1 * var( --ck-switch-button-translation ) ) );\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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.ck.ck-button.ck-list-item-button {\n\tpadding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));\n}\n.ck.ck-button.ck-list-item-button,\n\t.ck.ck-button.ck-list-item-button.ck-on {\n\t\tbackground: var(--ck-color-list-background);\n\t\tcolor: var(--ck-color-text);\n\t}\n[dir=\"ltr\"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {\n\t\t\tpadding-left: var(--ck-spacing-small);\n\t}\n[dir=\"rtl\"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {\n\t\t\tpadding-right: var(--ck-spacing-small);\n\t}\n/*\n\t * `.ck-on` class and background styling is overridden for `ck-button` in many places.\n\t * This is a workaround to make sure that the background is not overridden and uses similar\n\t * selector specificity as the other overrides.\n\t */\n.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled),\n\t.ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,\n\t.ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable),\n\t.ck.ck-button.ck-list-item-button.ck-on:hover {\n\t\tbackground: var(--ck-color-list-button-hover-background);\n\t}\n.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) {\n\t\t\tcolor: var(--ck-color-text);\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size));\n}\n.ck.ck-collapsible > .ck.ck-button {\n\t\twidth: 100%;\n\t\tfont-weight: bold;\n\t\tborder-radius: 0;\n\t\tcolor: inherit;\n\t}\n.ck.ck-collapsible > .ck.ck-button:focus {\n\t\t\tbackground: transparent;\n\t\t}\n.ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: transparent;\n\t\t\tbox-shadow: none;\n\t\t}\n.ck.ck-collapsible > .ck.ck-button > .ck-icon {\n\t\t\tmargin-right: var(--ck-spacing-medium);\n\t\t\twidth: var(--ck-collapsible-arrow-size);\n\t\t}\n.ck.ck-collapsible > .ck-collapsible__children {\n\t\tpadding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);\n\t}\n.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {\n\t\t\ttransform: rotate(-90deg);\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-grid-tile-size: 24px;\n\n\t/* Not using global colors here because these may change but some colors in a pallette\n\t * require special treatment. For instance, this ensures no matter what the UI text color is,\n\t * the check icon will look good on the black color tile. */\n\t--ck-color-color-grid-check-icon: hsl(212, 81%, 46%);\n}\n.ck.ck-color-grid {\n\tgrid-gap: 5px;\n\tpadding: 8px;\n}\n.ck.ck-color-grid__tile {\n\ttransition: .2s ease box-shadow;\n}\n@media (forced-colors: none) {\n\t\t.ck.ck-color-grid__tile {\n\t\twidth: var(--ck-color-grid-tile-size);\n\t\theight: var(--ck-color-grid-tile-size);\n\t\tmin-width: var(--ck-color-grid-tile-size);\n\t\tmin-height: var(--ck-color-grid-tile-size);\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\t}\n\n\t\t.ck.ck-color-grid__tile.ck-on,\n\t\t.ck.ck-color-grid__tile:focus:not( .ck-disabled ),\n\t\t.ck.ck-color-grid__tile:hover:not( .ck-disabled ) {\n\t\t\t/* Disable the default .ck-button's border ring. */\n\t\t\tborder: 0;\n\t\t}\n\n\t\t.ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {\n\t\t\tbox-shadow: 0 0 0 1px var(--ck-color-base-border);\n\t\t}\n\n\t\t.ck.ck-color-grid__tile.ck-on {\n\t\t\tbox-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);\n\t\t}\n\n\t\t.ck.ck-color-grid__tile:focus:not( .ck-disabled ),\n\t\t.ck.ck-color-grid__tile:hover:not( .ck-disabled ) {\n\t\t\tbox-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);\n\t\t}\n\t}\n/*\n\t * In high contrast mode, the colors are replaced with text labels.\n\t * See https://github.com/ckeditor/ckeditor5/issues/14907.\n\t */\n@media (forced-colors: active) {\n\t\t.ck.ck-color-grid__tile {\n\t\twidth: unset;\n\t\theight: unset;\n\t\tmin-width: unset;\n\t\tmin-height: unset;\n\t\tpadding: 0 var(--ck-spacing-small);\n\t\t}\n\n\t\t.ck.ck-color-grid__tile .ck-button__label {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-color-grid__tile {\n\t\ttransition: none;\n}\n\t}\n.ck.ck-color-grid__tile.ck-disabled {\n\t\tcursor: unset;\n\t\ttransition: unset;\n\t}\n.ck.ck-color-grid__tile .ck.ck-icon {\n\t\tdisplay: none;\n\t\tcolor: var(--ck-color-color-grid-check-icon);\n\t}\n.ck.ck-color-grid__tile.ck-on .ck.ck-icon {\n\t\t\tdisplay: block;\n\t\t}\n.ck.ck-color-grid__label {\n\tpadding: 0 var(--ck-spacing-standard);\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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/* View fragment with color grids. */\n.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,\n\t\t.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {\n\t\t\twidth: 100%;\n\t\t}\n.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {\n\t\t\tpadding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t}\n.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {\n\t\t\t\tborder-top: 1px solid var(--ck-color-base-border);\n\t\t\t}\n[dir=\"ltr\"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {\n\t\t\t\t\tmargin-right: var(--ck-spacing-standard);\n\t}\n[dir=\"rtl\"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {\n\t\t\t\t\tmargin-left: var(--ck-spacing-standard);\n\t}\n.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {\n\t\t\tfont-weight: unset;\n\t\t}\n/* View fragment with a color picker. */\n.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {\n\t\t\tpadding: 8px;\n\t\t}\n.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {\n\t\t\t\theight: 100px;\n\t\t\t\tmin-width: 180px;\n\t\t\t}\n.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {\n\t\t\t\t\tborder-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;\n\t\t\t\t}\n.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {\n\t\t\t\t\tborder-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);\n\t\t\t\t}\n.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer),\n\t\t\t\t.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {\n\t\t\t\t\twidth: 15px;\n\t\t\t\t\theight: 15px;\n\t\t\t\t}\n.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {\n\t\t\tpadding: 0 8px 8px;\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );\n\t--ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);\n\t--ck-dialog-max-width: 100vw;\n\t--ck-dialog-max-height: 90vh;\n\t--ck-color-dialog-background: var(--ck-color-base-background);\n\t--ck-color-dialog-form-header-border: var(--ck-color-base-border);\n}\n.ck.ck-dialog-overlay {\n\tanimation: ck-dialog-fade-in .3s;\n\tbackground: var(--ck-dialog-overlay-background-color);\n\tz-index: var(--ck-z-dialog);\n}\n.ck.ck-dialog {\n\tborder-radius: 0;\n\n\t--ck-drop-shadow: var(--ck-dialog-drop-shadow);\n\n\tbackground: var(--ck-color-dialog-background);\n\tmax-height: var(--ck-dialog-max-height);\n\tmax-width: var(--ck-dialog-max-width);\n\tborder: 1px solid var(--ck-color-base-border);\n\toverscroll-behavior: contain;\n}\n.ck-rounded-corners .ck.ck-dialog,\n\t.ck.ck-dialog.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-dialog {\n\tbox-shadow: var(--ck-drop-shadow), 0 0;\n}\n.ck.ck-dialog .ck.ck-form__header {\n\t\tborder-bottom: 1px solid var(--ck-color-dialog-form-header-border);\n\t}\n.ck-dialog-scroll-locked {\n\toverflow: hidden;\n}\n@keyframes ck-dialog-fade-in {\n\t0% {\n\t\tbackground: hsla( 0, 0%, 0%, 0 );\n\t}\n\n\t100% {\n\t\tbackground: var(--ck-dialog-overlay-background-color);\n\t}\n}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-dialog .ck.ck-dialog__actions {\n\t\tpadding: var(--ck-spacing-large);\n\t}\n.ck.ck-dialog .ck.ck-dialog__actions > * + * {\n\t\t\tmargin-left: var(--ck-spacing-large);\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A class which indicates that an element holding it is disabled.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));\n}\n.ck.ck-dropdown {\n\t/* Enable font size inheritance, which allows fluid UI scaling. */\n\tfont-size: inherit;\n}\n.ck.ck-dropdown .ck-dropdown__arrow {\n\t\twidth: var(--ck-dropdown-arrow-size);\n\t}\n[dir=\"ltr\"] .ck.ck-dropdown .ck-dropdown__arrow {\n\t\t\tright: var(--ck-spacing-standard);\n\n\t\t\t/* A space to accommodate the triangle. */\n\t\t\tmargin-left: var(--ck-spacing-standard);\n\t\t}\n[dir=\"rtl\"] .ck.ck-dropdown .ck-dropdown__arrow {\n\t\t\tleft: var(--ck-spacing-standard);\n\n\t\t\t/* A space to accommodate the triangle. */\n\t\t\tmargin-right: var(--ck-spacing-small);\n\t\t}\n.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {\n\t\topacity: var(--ck-disabled-opacity);\n\t}\n[dir=\"ltr\"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {\n\t\t\t\t/* Make sure dropdowns with just an icon have the right inner spacing */\n\t\t\t\tpadding-left: var(--ck-spacing-small);\n\t\t\t}\n[dir=\"rtl\"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {\n\t\t\t\t/* Make sure dropdowns with just an icon have the right inner spacing */\n\t\t\t\tpadding-right: var(--ck-spacing-small);\n\t\t\t}\n/* #23 */\n.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {\n\t\t\twidth: 7em;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */\n.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {\n\t\t\topacity: var(--ck-disabled-opacity);\n\t\t}\n/* https://github.com/ckeditor/ckeditor5/issues/816 */\n.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t}\n.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {\n\t\t\twidth: auto;\n\t\t}\n/* https://github.com/ckeditor/ckeditor5/issues/8699 */\n.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,\n\t\t.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {\n\t\t\tbox-shadow: none;\n\t\t}\n.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {\n\t\t\t\tbox-shadow: var(--ck-focus-outer-shadow), 0 0;\n\t\t\t}\n.ck.ck-dropdown__panel {\n\tborder-radius: 0;\n\n\tbackground: var(--ck-color-dropdown-panel-background);\n\tborder: 1px solid var(--ck-color-dropdown-panel-border);\n\tbottom: 0;\n\n\t/* Make sure the panel is at least as wide as the drop-down's button. */\n\tmin-width: 100%;\n}\n.ck-rounded-corners .ck.ck-dropdown__panel,\n\t.ck.ck-dropdown__panel.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-dropdown__panel {\n\tbox-shadow: var(--ck-drop-shadow), 0 0;\n\n\t/* Disabled corner border radius to be consistent with the .dropdown__button\n\thttps://github.com/ckeditor/ckeditor5/issues/816 */\n}\n.ck.ck-dropdown__panel.ck-dropdown__panel_se {\n\t\tborder-top-left-radius: 0;\n\t}\n.ck.ck-dropdown__panel.ck-dropdown__panel_sw {\n\t\tborder-top-right-radius: 0;\n\t}\n.ck.ck-dropdown__panel.ck-dropdown__panel_ne {\n\t\tborder-bottom-left-radius: 0;\n\t}\n.ck.ck-dropdown__panel.ck-dropdown__panel_nw {\n\t\tborder-bottom-right-radius: 0;\n\t}\n.ck.ck-dropdown__panel:focus {\n\t\toutline: none;\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {\n\t/* Disabled radius of top-left border to be consistent with .dropdown__button\n\thttps://github.com/ckeditor/ckeditor5/issues/816 */\n\tborder-radius: 0;\n}\n.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list,\n\t.ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t\tborder-top-left-radius: 0;\n\t}\n/* Make sure the button belonging to the first/last child of the list goes well with the\n\tborder radius of the entire panel. */\n.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {\n\t\t\tborder-radius: 0;\n\t\t}\n.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button,\n\t.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\tborder-bottom-right-radius: 0;\n\t}\n.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {\n\t\t\tborder-radius: 0;\n\t\t}\n.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button,\n\t.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\tborder-top-right-radius: 0;\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n:root {\n\t--ck-color-split-button-hover-background: hsl(0, 0%, 92%);\n\t--ck-color-split-button-hover-border: hsl(0, 0%, 70%);\n}\n/*\n\t * Note: ck-rounded and ck-dir mixins don't go together (because they both use @nest).\n\t */\n[dir=\"ltr\"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir=\"ltr\"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {\n\t\t\t/* Don't round the action button on the right side */\n\t\t\tborder-top-right-radius: unset;\n\t\t\tborder-bottom-right-radius: unset;\n\t\t}\n[dir=\"rtl\"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir=\"rtl\"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {\n\t\t\t/* Don't round the action button on the left side */\n\t\t\tborder-top-left-radius: unset;\n\t\t\tborder-bottom-left-radius: unset;\n\t\t}\n.ck.ck-splitbutton > .ck-splitbutton__arrow {\n\t\t/* It's a text-less button and since the icon is positioned absolutely in such situation,\n\t\tit must get some arbitrary min-width. */\n\t\tmin-width: unset;\n\t}\n[dir=\"ltr\"] .ck.ck-splitbutton > .ck-splitbutton__arrow {\n\t\t\t/* Don't round the arrow button on the left side */\n\t\t\tborder-top-left-radius: unset;\n\t\t\tborder-bottom-left-radius: unset;\n\t\t}\n[dir=\"rtl\"] .ck.ck-splitbutton > .ck-splitbutton__arrow {\n\t\t\t/* Don't round the arrow button on the right side */\n\t\t\tborder-top-right-radius: unset;\n\t\t\tborder-bottom-right-radius: unset;\n\t\t}\n.ck.ck-splitbutton > .ck-splitbutton__arrow svg {\n\t\t\twidth: var(--ck-dropdown-arrow-size);\n\t\t}\n/* Make sure the divider stretches 100% height of the button\n\thttps://github.com/ckeditor/ckeditor5/issues/10936 */\n.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {\n\t\tborder-top-width: 0px;\n\t\tborder-bottom-width: 0px;\n\t}\n/* Don't round the bottom left and right corners of the buttons when \"open\"\n\thttps://github.com/ckeditor/ckeditor5/issues/816 */\n.ck.ck-splitbutton.ck-splitbutton_open {\n\t\tborder-radius: 0;\n\t}\n.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,\n\t.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action {\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t}\n.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow {\n\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t}\n/* When the split button is \"open\" (the arrow is on) or being hovered, it should get some styling\n\tas a whole. The background of both buttons should stand out and there should be a visual\n\tseparation between both buttons. */\n/* When the split button hovered as a whole, not as individual buttons. */\n.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {\n\t\t\tbackground: var(--ck-color-split-button-hover-background);\n\t\t}\n/* Splitbutton separator needs to be set with the ::after pseudoselector\n\t\tto display properly the borders on focus */\n.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground-color: var(--ck-color-split-button-hover-border);\n\t\t}\n/* Make sure the divider between the buttons looks fine when the button is focused */\n.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after {\n\t\t\t--ck-color-split-button-hover-border: var(--ck-color-focus-border);\n\t\t}\n[dir=\"ltr\"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir=\"ltr\"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {\n\t\t\t\tleft: -1px;\n\t\t\t}\n[dir=\"rtl\"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir=\"rtl\"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {\n\t\t\t\tright: -1px;\n\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-toolbar-dropdown .ck-toolbar {\n\tborder: 0;\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * A class which indicates that an element holding it is disabled.\n */\n/*\n * Copyright (c) 2003-2025, 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 * Implements a button of given background color.\n *\n * @param {String} $background - Background color of the button.\n * @param {String} $border - Border color of the button.\n */\n/*\n * Copyright (c) 2003-2025, 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 * All menu buttons.\n */\n.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {\n\twidth: 100%;\n\tpadding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));\n\tborder-radius: 0;\n}\n.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus {\n\t\tborder-color: transparent;\n\t\tbox-shadow: none;\n\t}\n.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {\n\t\t\tbackground: var(--ck-color-button-default-hover-background);\n\t\t}\n.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label {\n\t\tflex-grow: 1;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label {\n\t\topacity: var(--ck-disabled-opacity);\n\t}\n/* Spacing in buttons that miss the icon. */\n.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {\n\t\tmargin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));\n\t}\n.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {\n\t\twidth: var(--ck-dropdown-arrow-size);\n\t}\n[dir=\"ltr\"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {\n\t\t\ttransform: rotate(-90deg);\n\n\t\t\t/* Nudge the arrow gently to the right because its center of gravity is to the left */\n\t\t\tmargin-right: calc(-1 * var(--ck-spacing-small));\n\t}\n[dir=\"rtl\"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {\n\t\t\ttransform: rotate(90deg);\n\n\t\t\t/* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */\n\t\t\tmargin-left: calc(-1 * var(--ck-spacing-small));\n\t}\n.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {\n\t\topacity: var(--ck-disabled-opacity);\n\t}\n[dir=\"ltr\"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {\n\t\t\tpadding-left: var(--ck-spacing-small);\n\t\t}\n[dir=\"ltr\"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {\n\t\t\tright: var(--ck-spacing-standard);\n\n\t\t\t/* A space to accommodate the triangle. */\n\t\t\tmargin-left: var(--ck-spacing-standard);\n\t\t}\n[dir=\"rtl\"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {\n\t\t\tpadding-right: var(--ck-spacing-small);\n\t\t}\n[dir=\"rtl\"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {\n\t\t\tleft: var(--ck-spacing-standard);\n\n\t\t\t/* A space to accommodate the triangle. */\n\t\t\tmargin-right: var(--ck-spacing-small);\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-dropdown-menu-menu-item-min-width: 18em;\n}\n.ck.ck-dropdown-menu-list__nested-menu__item {\n\tmin-width: var(--ck-dropdown-menu-menu-item-min-width);\n}\n/*\n * Copyright (c) 2003-2025, 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 * List item buttons.\n */\n.ck-button.ck-dropdown-menu-list__nested-menu__item__button {\n\tborder-radius: 0;\n}\n.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container,\n\t.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner {\n\t\t/* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */\n\t\t--ck-toolbar-spinner-size: 20px;\n\t}\n.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container {\n\t\t/* These margins are the same as for .ck-icon. */\n\t\tmargin-left: calc(-1 * var(--ck-spacing-small));\n\t\tmargin-right: var(--ck-spacing-small);\n\t}\n/*\n\t * Hovered items automatically get focused. Default focus styles look odd\n\t * while moving across a huge list of items so let's get rid of them\n\t */\n.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {\n\t\tborder-color: transparent;\n\t\tbox-shadow: none;\n\t}\n.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {\n\t\t\tbackground: var(--ck-color-button-default-hover-background);\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n:root {\n\t--ck-dropdown-menu-menu-panel-max-width: 75vw;\n}\n.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {\n\tbox-shadow: var(--ck-drop-shadow), 0 0;\n\n\tbackground: var(--ck-color-dropdown-panel-background);\n\tborder: 1px solid var(--ck-color-dropdown-panel-border);\n\tbottom: 0;\n\theight: fit-content;\n\tmax-width: var(--ck-dropdown-menu-menu-panel-max-width);\n\n\t/* Reset balloon styling */\n}\n.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::after,\n\t.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::before {\n\t\tdisplay: none;\n\t}\n/* Corner border radius consistent with the button. */\n.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,\n\t.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se {\n\t\tborder-top-left-radius: 0;\n\t}\n.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws,\n\t.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw {\n\t\tborder-top-right-radius: 0;\n\t}\n.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,\n\t.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne {\n\t\tborder-bottom-left-radius: 0;\n\t}\n.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn,\n\t.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw {\n\t\tborder-bottom-right-radius: 0;\n\t}\n.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus {\n\t\toutline: none;\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * A visual style of focused element's border.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n:root {\n\t--ck-accessibility-help-dialog-max-width: 600px;\n\t--ck-accessibility-help-dialog-max-height: 400px;\n\t--ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);\n\t--ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);\n\t--ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);\n}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {\n\tpadding: var(--ck-spacing-large);\n\tmax-width: var(--ck-accessibility-help-dialog-max-width);\n\tmax-height: var(--ck-accessibility-help-dialog-max-height);\n\toverflow: auto;\n\tuser-select: text;\n\n\tborder: 1px solid transparent;\n}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {\n\t\t/* Disable native outline. */\n\t\toutline: none;\n\t\tborder: var(--ck-focus-ring);\n\t\tbox-shadow: var(--ck-focus-outer-shadow), 0 0;\n\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {\n\t\twhite-space: normal;\n\t}\n/* Hide the main label of the content container. */\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {\n\t\tdisplay: none;\n\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {\n\t\tfont-weight: bold;\n\t\tfont-size: 1.2em;\n\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {\n\t\tfont-weight: bold;\n\t\tfont-size: 1em;\n\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,\n\t.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,\n\t.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,\n\t.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {\n\t\tmargin: 1em 0;\n\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 2fr 1fr;\n\t\tborder-top: 1px solid var(--ck-accessibility-help-dialog-border-color);\n\t\tborder-bottom: none;\n\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {\n\t\t\tborder-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);\n\t\t\tpadding: .4em 0;\n\t\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {\n\t\t\tgrid-column-start: 1;\n\t\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {\n\t\t\tgrid-column-start: 2;\n\t\t\ttext-align: right;\n\t\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {\n\t\tdisplay: inline-block;\n\t\tbackground: var(--ck-accessibility-help-dialog-code-background-color);\n\t\tpadding: .4em;\n\t\tvertical-align: middle;\n\t\tline-height: 1;\n\t\tborder-radius: 2px;\n\t\ttext-align: center;\n\t\tfont-size: .9em;\n\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {\n\t\tfont-family: monospace;\n\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {\n\t\tmin-width: 1.8em;\n\t\tbox-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);\n\t\tmargin: 0 1px;\n\t}\n.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {\n\t\t\tmargin-left: 2px;\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A class which indicates that an element holding it is disabled.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A visual style of focused element's border.\n */\n/*\n * Copyright (c) 2003-2025, 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 * Implements a button of given background color.\n *\n * @param {String} $background - Background color of the button.\n * @param {String} $border - Border color of the button.\n */\n:root {\n\t--ck-color-editable-blur-selection: hsl(0, 0%, 85%);\n}\n.ck.ck-editor__editable:not(.ck-editor__nested-editable) {\n\tborder-radius: 0;\n}\n.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),\n\t.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {\n\t\t/* Disable native outline. */\n\t\toutline: none;\n\t\tborder: var(--ck-focus-ring);\n\t\tbox-shadow: var(--ck-inner-shadow), 0 0;\n\t}\n.ck.ck-editor__editable_inline {\n\toverflow: auto;\n\tpadding: 0 var(--ck-spacing-standard);\n\tborder: 1px solid transparent;\n}\n.ck.ck-editor__editable_inline[dir=\"ltr\"] {\n\t\ttext-align: left;\n\t}\n.ck.ck-editor__editable_inline[dir=\"rtl\"] {\n\t\ttext-align: right;\n\t}\n/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/116 */\n.ck.ck-editor__editable_inline > *:first-child {\n\t\tmargin-top: var(--ck-spacing-large);\n\t}\n/* https://github.com/ckeditor/ckeditor5/issues/847 */\n.ck.ck-editor__editable_inline > *:last-child {\n\t\t/*\n\t\t * This value should match with the default margins of the block elements (like .media or .image)\n\t\t * to avoid a content jumping when the fake selection container shows up (See https://github.com/ckeditor/ckeditor5/issues/9825).\n\t\t */\n\t\tmargin-bottom: var(--ck-spacing-large);\n\t}\n/* https://github.com/ckeditor/ckeditor5/issues/6517 */\n.ck.ck-editor__editable_inline.ck-blurred ::selection {\n\t\tbackground: var(--ck-color-editable-blur-selection);\n\t}\n/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */\n.ck.ck-balloon-panel.ck-toolbar-container[class*=\"arrow_n\"]::after {\n\t\tborder-bottom-color: var(--ck-color-panel-background);\n\t}\n.ck.ck-balloon-panel.ck-toolbar-container[class*=\"arrow_s\"]::after {\n\t\tborder-top-color: var(--ck-color-panel-background);\n\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-form-header-height: 3.384em;\n}\n.ck.ck-form__header {\n\tpadding: var(--ck-spacing-small) var(--ck-spacing-large);\n\theight: var(--ck-form-header-height);\n\tline-height: var(--ck-form-header-height);\n\tborder-bottom: 1px solid var(--ck-color-base-border);\n\t/* To prevent shrinking when placed in flexbox. */\n\tflex-shrink: 0;\n}\n.ck.ck-form__header > .ck-icon {\n\t\tmargin-inline-end: var(--ck-spacing-medium);\n\t\tflex-shrink: 0;\n\t}\n.ck.ck-form__header .ck-form__header__label {\n\t\t/* Defaults to 15px. */\n\t\t--ck-font-size-base: 1.153em;\n\n\t\tfont-weight: bold;\n\t}\n/* Padding when back button is hidden */\n.ck.ck-form__header:has(.ck-button-back.ck-hidden) {\n\t\tpadding-inline: var(--ck-spacing-large) var(--ck-spacing-large);\n\t}\n/* Padding when back button is visible */\n.ck.ck-form__header:has(.ck-button-back:not(.ck-hidden)) {\n\t\tpadding-inline: var(--ck-spacing-small) var(--ck-spacing-small);\n\t}\n.ck.ck-form__header > .ck-button-back {\n\t\tmargin-inline-end: var(--ck-spacing-small);\n\t}\n.ck.ck-form__header > .ck.ck-button {\n\t\tflex-shrink: 0;\n\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));\n\t--ck-icon-font-size: .8333350694em;\n}\n.ck.ck-icon {\n\twidth: var(--ck-icon-size);\n\theight: var(--ck-icon-size);\n\n\t/* Multiplied by the height of the line in \"px\" should give SVG \"viewport\" dimensions */\n\tfont-size: var(--ck-icon-font-size);\n\n\t/* Inherit cursor style (#5). */\n\tcursor: inherit;\n}\n.ck.ck-icon * {\n\t\t/* Inherit cursor style (#5). */\n\t\tcursor: inherit;\n\t}\n/* Allows dynamic coloring of an icon by inheriting its color from the parent. */\n.ck.ck-icon.ck-icon_inherit-color {\n\t\tcolor: inherit;\n\t}\n.ck.ck-icon.ck-icon_inherit-color * {\n\t\t\tcolor: inherit;\n\t\t}\n.ck.ck-icon.ck-icon_inherit-color *:not([fill]) {\n\t\t\t\t/* Needed by FF. */\n\t\t\t\tfill: currentColor;\n\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A visual style of focused element's border.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n:root {\n\t--ck-input-width: 18em;\n\n\t/* Backward compatibility. */\n\t--ck-input-text-width: var(--ck-input-width);\n}\n.ck.ck-input {\n\tborder-radius: 0;\n\n\tbackground: var(--ck-color-input-background);\n\tborder: 1px solid var(--ck-color-input-border);\n\tpadding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);\n\tmin-width: var(--ck-input-width);\n\n\t/* This is important to stay of the same height as surrounding buttons */\n\tmin-height: var(--ck-ui-component-min-height);\n\n\t/* Apply some smooth transition to the box-shadow and border. */\n\ttransition: box-shadow .1s ease-in-out, border .1s ease-in-out;\n}\n.ck-rounded-corners .ck.ck-input,\n\t.ck.ck-input.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-input {\n\t\ttransition: none;\n}\n\t}\n.ck.ck-input:focus {\n\t\t/* Disable native outline. */\n\t\toutline: none;\n\t\tborder: var(--ck-focus-ring);\n\t\tbox-shadow: var(--ck-focus-outer-shadow), 0 0;\n\t}\n.ck.ck-input[readonly] {\n\t\tborder: 1px solid var(--ck-color-input-disabled-border);\n\t\tbackground: var(--ck-color-input-disabled-background);\n\t\tcolor: var(--ck-color-input-disabled-text);\n\t}\n.ck.ck-input[readonly]:focus {\n\t\t\t/* The read-only input should have a slightly less visible shadow when focused. */\n\t\t\tbox-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;\n\t\t}\n.ck.ck-input.ck-error {\n\t\tborder-color: var(--ck-color-input-error-border);\n\t\tanimation: ck-input-shake .3s ease both;\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-input.ck-error {\n\t\t\tanimation: none;\n\t}\n\t\t}\n.ck.ck-input.ck-error:focus {\n\t\t\tbox-shadow: var(--ck-focus-error-outer-shadow), 0 0;\n\t\t}\n@keyframes ck-input-shake {\n\t20% {\n\t\ttransform: translateX(-2px);\n\t}\n\n\t40% {\n\t\ttransform: translateX(2px);\n\t}\n\n\t60% {\n\t\ttransform: translateX(-1px);\n\t}\n\n\t80% {\n\t\ttransform: translateX(1px);\n\t}\n}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-label {\n\tfont-weight: bold;\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n:root {\n\t--ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95);\n\t--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);\n\t--ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);\n\t--ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base));\n\t--ck-color-labeled-field-label-background: var(--ck-color-base-background);\n}\n.ck.ck-labeled-field-view {\n\tborder-radius: 0;\n}\n.ck-rounded-corners .ck.ck-labeled-field-view,\n\t.ck.ck-labeled-field-view.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {\n\t\twidth: 100%;\n\t}\n.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {\n\t\t\ttop: 0px;\n\n\t\t\tpointer-events: none;\n\n\t\t\tbackground: var(--ck-color-labeled-field-label-background);\n\t\t\tpadding: 0 calc(.5 * var(--ck-font-size-tiny));\n\t\t\tline-height: initial;\n\t\t\tfont-weight: normal;\n\n\t\t\t/* Prevent overflow when the label is longer than the input */\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\n\t\t\tmax-width: 100%;\n\n\t\t\ttransition:\n\t\t\t\ttransform var(--ck-labeled-field-view-transition),\n\t\t\t\tpadding var(--ck-labeled-field-view-transition),\n\t\t\t\tbackground var(--ck-labeled-field-view-transition);\n\t\t}\n[dir=\"ltr\"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {\n\t\t\t\tleft: 0px;\n\t\t\t\ttransform-origin: 0 0;\n\t\t\t\t/* By default, display the label scaled down above the field. */\n\t\t\t\ttransform: translate(var(--ck-spacing-medium), -6px) scale(.75);\n\t}\n[dir=\"rtl\"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {\n\t\t\t\tright: 0px;\n\t\t\t\ttransform-origin: 100% 0;\n\t\t\t\ttransform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {\n\t\t\t\ttransition: none;\n\t\t}\n\t\t\t}\n.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {\n\t\t\tcolor: var(--ck-color-base-error);\n\t\t}\n.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {\n\t\t\tcolor: var(--ck-color-base-error);\n\t\t}\n.ck.ck-labeled-field-view .ck-labeled-field-view__status {\n\t\tfont-size: var(--ck-font-size-small);\n\t\tmargin-top: var(--ck-spacing-small);\n\n\t\t/* Let the info wrap to the next line to avoid stretching the layout horizontally.\n\t\tThe status could be very long. */\n\t\twhite-space: normal;\n\t}\n.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {\n\t\t\tcolor: var(--ck-color-base-error);\n\t\t}\n/* Disabled fields and fields that have no focus should fade out. */\n.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,\n\t.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {\n\t\tcolor: var(--ck-color-input-disabled-text);\n\t}\n/* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */\n/* stylelint-disable-next-line no-descending-specificity */\n.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,\n\t.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {\n\n\t\t/* Compensate for the default translate position. */\n\t\tmax-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));\n\n\t\tbackground: transparent;\n\t\tpadding: 0;\n\t}\n[dir=\"ltr\"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir=\"ltr\"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {\n\t\t\ttransform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);\n\t}\n[dir=\"rtl\"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir=\"rtl\"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {\n\t\t\ttransform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);\n\t}\n/*------ DropdownView integration ----------------------------------------------------------------------------------- */\n/* Make sure dropdown' background color in any of dropdown's state does not collide with labeled field. */\n.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {\n\t\tbackground: transparent;\n\t}\n/* When the dropdown is \"empty\", the labeled field label replaces its label. */\n.ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {\n\t\topacity: 0;\n\t}\n/* Make sure the label of the empty, unfocused input does not cover the dropdown arrow. */\n.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {\n\t\tmax-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));\n\t}\n.ck.ck-labeled-field-view.ck-labeled-field-view_full-width {\n\t\tflex-grow: 1;\n\t}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-labeled-input .ck-labeled-input__status {\n\tfont-size: var(--ck-font-size-small);\n\tmargin-top: var(--ck-spacing-small);\n\n\t/* Let the info wrap to the next line to avoid stretching the layout horizontally.\n\tThe status could be very long. */\n\twhite-space: normal;\n}\n.ck.ck-labeled-input .ck-labeled-input__status_error {\n\tcolor: var(--ck-color-base-error);\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * A class which indicates that an element holding it is disabled.\n */\n/*\n * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-list {\n\tborder-radius: 0;\n\n\tlist-style-type: none;\n\tbackground: var(--ck-color-list-background);\n\n\t/* A spacing at the beginning and end of the list */\n\tpadding: var(--ck-spacing-small) 0;\n}\n.ck-rounded-corners .ck.ck-list,\n\t.ck.ck-list.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-list__item {\n\tcursor: default;\n\n\t/* Almost as wide as menu bar items. */\n\tmin-width: 15em;\n}\n.ck.ck-list__item > .ck-button:not(.ck-list-item-button) {\n\t\tpadding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));\n\t\tmin-height: unset;\n\t\twidth: 100%;\n\t\tborder-radius: 0;\n\t}\n[dir=\"ltr\"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {\n\t\t\ttext-align: left;\n\t}\n[dir=\"rtl\"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {\n\t\t\ttext-align: right;\n\t}\n.ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label {\n\t\t\t/* https://github.com/ckeditor/ckeditor5-heading/issues/63 */\n\t\t\tline-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));\n\t\t}\n.ck.ck-list__item > .ck-button:not(.ck-list-item-button):active {\n\t\t\tbox-shadow: none;\n\t\t}\n.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button) {\n\t\t\tbackground: var(--ck-color-list-button-on-background);\n\t\t\tcolor: var(--ck-color-list-button-on-text);\n\t\t}\n.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):active {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled) {\n\t\t\t\tbackground: var(--ck-color-list-button-on-background-focus);\n\t\t\t}\n.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled) {\n\t\t\t\tborder-color: var(--ck-color-base-background);\n\t\t\t}\n.ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {\n\t\t\tbackground: var(--ck-color-list-button-hover-background);\n\t\t}\n/* It's unnecessary to change the background/text of a switch toggle; it has different ways\n\tof conveying its state (like the switcher) */\n.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on {\n\t\t\tbackground: var(--ck-color-list-background);\n\t\t\tcolor: inherit;\n\t\t}\n.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) {\n\t\t\t\tbackground: var(--ck-color-list-button-hover-background);\n\t\t\t\tcolor: inherit;\n\t\t\t}\n.ck-list .ck-list__group {\n\tpadding-top: var(--ck-spacing-medium);\n\n\t/* Lists come with an inner vertical padding. Don't duplicate it. */\n}\n.ck-list .ck-list__group:first-child {\n\t\tpadding-top: 0;\n\t}\n/* The group should have a border when it's not the first item. */\n*:not(.ck-hidden) ~ .ck-list .ck-list__group {\n\t\tborder-top: 1px solid var(--ck-color-base-border);\n\t}\n.ck-list .ck-list__group > .ck-label {\n\t\tfont-size: 11px;\n\t\tfont-weight: bold;\n\t\tpadding: var(--ck-spacing-medium) var(--ck-spacing-large) 0;\n\t}\n.ck.ck-list__separator {\n\theight: 1px;\n\twidth: 100%;\n\tbackground: var(--ck-color-base-border);\n\n\t/* Give the separator some air */\n\tmargin: var(--ck-spacing-small) 0;\n}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-menu-bar {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\tbackground: var(--ck-color-base-background);\n\tpadding: var(--ck-spacing-small);\n\tgap: var(--ck-spacing-small);\n\tborder: 1px solid var(--ck-color-toolbar-border);\n\twidth: 100%;\n}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-menu-bar__menu {\n\t/* Enable font size inheritance, which allows fluid UI scaling. */\n\tfont-size: inherit;\n}\n.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {\n\t\tmax-width: 100%;\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * A class which indicates that an element holding it is disabled.\n */\n/*\n * Copyright (c) 2003-2025, 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 * Implements a button of given background color.\n *\n * @param {String} $background - Background color of the button.\n * @param {String} $border - Border color of the button.\n */\n/*\n * Copyright (c) 2003-2025, 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\t * All menu buttons.\n\t */\n.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {\n\t\twidth: 100%;\n\t}\n.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {\n\t\t\tflex-grow: 1;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {\n\t\t\topacity: var(--ck-disabled-opacity);\n\t\t}\n[dir=\"ltr\"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {\n\t\t\t\tpadding-left: var(--ck-spacing-small);\n\t\t\t}\n[dir=\"rtl\"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {\n\t\t\t\tpadding-right: var(--ck-spacing-small);\n\t\t\t}\n/*\n\t * Top-level menu buttons only.\n\t */\n.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {\n\t\tpadding: var(--ck-spacing-small) var(--ck-spacing-medium);\n\t\tmin-height: unset;\n\t}\n.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {\n\t\t\twidth: unset;\n\t\t\tline-height: unset;\n\n\t\t\t/*\n\t\t\t * Top-level buttons don't use ellipsis and overflow: hidden clips descenders.\n\t\t\t *  See https://github.com/ckeditor/ckeditor5/issues/17422.\n\t\t\t */\n\t\t\toverflow: visible;\n\t\t}\n.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t}\n.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {\n\t\t\tdisplay: none;\n\t\t}\n/*\n\t * Sub-menu buttons.\n\t */\n.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {\n\t\tborder-radius: 0;\n\t}\n.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {\n\t\t\twidth: var(--ck-dropdown-arrow-size);\n\t\t}\n[dir=\"ltr\"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {\n\t\t\t\ttransform: rotate(-90deg);\n\n\t\t\t\t/* A space to accommodate the triangle. */\n\t\t\t\tmargin-left: var(--ck-spacing-standard);\n\n\t\t\t\t/* Nudge the arrow gently to the right because its center of gravity is to the left */\n\t\t\t\tmargin-right: calc(-1 * var(--ck-spacing-small));\n\t}\n[dir=\"rtl\"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {\n\t\t\t\ttransform: rotate(90deg);\n\n\t\t\t\tleft: var(--ck-spacing-standard);\n\n\t\t\t\t/* A space to accommodate the triangle. */\n\t\t\t\tmargin-right: var(--ck-spacing-small);\n\n\t\t\t\t/* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */\n\t\t\t\tmargin-left: calc(-1 * var(--ck-spacing-small));\n\t}\n.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {\n\t\t\topacity: var(--ck-disabled-opacity);\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-menu-bar-menu-item-min-width: 18em;\n}\n.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {\n\tmin-width: var(--ck-menu-bar-menu-item-min-width);\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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\t * List item buttons.\n\t */\n.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {\n\t\tborder-radius: 0;\n\t}\n.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container,\n\t\t.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {\n\t\t\t/* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */\n\t\t\t--ck-toolbar-spinner-size: 20px;\n\t\t}\n.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {\n\t\t\t/* This ensures margins corresponding to the .ck-icon. */\n\t\t\tfont-size: var(--ck-icon-font-size);\n\t\t}\n[dir=\"ltr\"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {\n\t\t\t\tmargin-right: var(--ck-spacing-medium);\n\t}\n[dir=\"rtl\"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {\n\t\t\t\tmargin-left: var(--ck-spacing-medium);\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A visual style of focused element's border.\n */\n:root {\n\t--ck-menu-bar-menu-panel-max-width: 75vw;\n}\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {\n\tborder-radius: 0;\n\n\tbackground: var(--ck-color-dropdown-panel-background);\n\tborder: 1px solid var(--ck-color-dropdown-panel-border);\n\tbottom: 0;\n\theight: fit-content;\n\tmax-width: var(--ck-menu-bar-menu-panel-max-width);\n}\n.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {\n\tbox-shadow: var(--ck-drop-shadow), 0 0;\n\n\t/* Corner border radius consistent with the button. */\n}\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {\n\t\tborder-top-left-radius: 0;\n\t}\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {\n\t\tborder-top-right-radius: 0;\n\t}\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {\n\t\tborder-bottom-left-radius: 0;\n\t}\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {\n\t\tborder-bottom-right-radius: 0;\n\t}\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {\n\t\toutline: none;\n\t}\n.ck.ck-menu-bar .ck-list-item-button:focus,\n\t\t.ck.ck-menu-bar .ck-list-item-button:active {\n\t\t\tborder-color: transparent;\n\t\t\tbox-shadow: none;\n\t\t}\n.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus,\n\t\t.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active {\n\t\t\t/* Fix truncated shadows due to rendering order. */\n\t\t\tposition: relative;\n\t\t\tz-index: 2;\n\n\t\t\t/* Disable native outline. */\n\n\t\t\toutline: none;\n\n\t\t\tborder: var(--ck-focus-ring);\n\t\t\tbox-shadow: var(--ck-focus-outer-shadow), 0 0;\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n:root {\n\t--ck-balloon-border-width: 1px;\n\t--ck-balloon-arrow-offset: 2px;\n\t--ck-balloon-arrow-height: 10px;\n\t--ck-balloon-arrow-half-width: 8px;\n\t--ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);\n}\n.ck.ck-balloon-panel {\n\tborder-radius: 0;\n\n\tmin-height: 15px;\n\n\tbackground: var(--ck-color-panel-background);\n\tborder: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);\n}\n.ck-rounded-corners .ck.ck-balloon-panel,\n\t.ck.ck-balloon-panel.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-balloon-panel {\n\tbox-shadow: var(--ck-drop-shadow), 0 0;\n}\n.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder-style: solid;\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_n\"]::before,\n\t\t.ck.ck-balloon-panel[class*=\"arrow_n\"]::after {\n\t\t\tborder-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_n\"]::before {\n\t\t\tborder-color: transparent transparent var(--ck-color-panel-border) transparent;\n\t\t\tmargin-top: calc( -1 * var(--ck-balloon-border-width) );\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_n\"]::after {\n\t\t\tborder-color: transparent transparent var(--ck-color-panel-background) transparent;\n\t\t\tmargin-top: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_s\"]::before,\n\t\t.ck.ck-balloon-panel[class*=\"arrow_s\"]::after {\n\t\t\tborder-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_s\"]::before {\n\t\t\tborder-color: var(--ck-color-panel-border) transparent transparent;\n\t\t\tfilter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));\n\t\t\tmargin-bottom: calc( -1 * var(--ck-balloon-border-width) );\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_s\"]::after {\n\t\t\tborder-color: var(--ck-color-panel-background) transparent transparent transparent;\n\t\t\tmargin-bottom: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_e\"]::before,\n\t\t.ck.ck-balloon-panel[class*=\"arrow_e\"]::after {\n\t\t\tborder-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_e\"]::before {\n\t\t\tborder-color: transparent transparent transparent var(--ck-color-panel-border);\n\t\t\tmargin-right: calc( -1 * var(--ck-balloon-border-width) );\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_e\"]::after {\n\t\t\tborder-color: transparent transparent transparent var(--ck-color-panel-background);\n\t\t\tmargin-right: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_w\"]::before,\n\t\t.ck.ck-balloon-panel[class*=\"arrow_w\"]::after {\n\t\t\tborder-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_w\"]::before {\n\t\t\tborder-color: transparent var(--ck-color-panel-border) transparent transparent;\n\t\t\tmargin-left: calc( -1 * var(--ck-balloon-border-width) );\n\t\t}\n.ck.ck-balloon-panel[class*=\"arrow_w\"]::after {\n\t\t\tborder-color: transparent var(--ck-color-panel-background) transparent transparent;\n\t\t\tmargin-left: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after {\n\t\t\tleft: 50%;\n\t\t\tmargin-left: calc(-1 * var(--ck-balloon-arrow-half-width));\n\t\t\ttop: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after {\n\t\t\tleft: calc(2 * var(--ck-balloon-arrow-half-width));\n\t\t\ttop: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after {\n\t\t\tright: calc(2 * var(--ck-balloon-arrow-half-width));\n\t\t\ttop: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after {\n\t\t\tleft: 50%;\n\t\t\tmargin-left: calc(-1 * var(--ck-balloon-arrow-half-width));\n\t\t\tbottom: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after {\n\t\t\tleft: calc(2 * var(--ck-balloon-arrow-half-width));\n\t\t\tbottom: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after {\n\t\t\tright: calc(2 * var(--ck-balloon-arrow-half-width));\n\t\t\tbottom: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after {\n\t\t\tright: 25%;\n\t\t\tmargin-right: calc(2 * var(--ck-balloon-arrow-half-width));\n\t\t\tbottom: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after {\n\t\t\tleft: 25%;\n\t\t\tmargin-left: calc(2 * var(--ck-balloon-arrow-half-width));\n\t\t\tbottom: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after {\n\t\t\tright: 25%;\n\t\t\tmargin-right: calc(2 * var(--ck-balloon-arrow-half-width));\n\t\t\ttop: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after {\n\t\t\tleft: 25%;\n\t\t\tmargin-left: calc(2 * var(--ck-balloon-arrow-half-width));\n\t\t\ttop: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after {\n\t\t\tright: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t\tmargin-top: calc(-1 * var(--ck-balloon-arrow-half-width));\n\t\t\ttop: 50%;\n\t\t}\n.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after {\n\t\t\tleft: calc(-1 * var(--ck-balloon-arrow-height));\n\t\t\tmargin-top: calc(-1 * var(--ck-balloon-arrow-half-width));\n\t\t\ttop: 50%;\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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.ck .ck-balloon-rotator__navigation {\n\tbackground: var(--ck-color-toolbar-background);\n\tborder-bottom: 1px solid var(--ck-color-toolbar-border);\n\tpadding: 0 var(--ck-spacing-small);\n\n\t/* Let's keep similar appearance to `ck-toolbar`. */\n}\n.ck .ck-balloon-rotator__navigation > * {\n\t\tmargin-right: var(--ck-spacing-small);\n\t\tmargin-top: var(--ck-spacing-small);\n\t\tmargin-bottom: var(--ck-spacing-small);\n\t}\n/* Gives counter more breath than buttons. */\n.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {\n\t\tmargin-right: var(--ck-spacing-standard);\n\n\t\t/* We need to use smaller margin because of previous button's right margin. */\n\t\tmargin-left: var(--ck-spacing-small);\n\t}\n/* Disable default annotation shadow inside rotator with fake panels. */\n.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {\n\t\tbox-shadow: none;\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n:root {\n\t--ck-balloon-fake-panel-offset-horizontal: 6px;\n\t--ck-balloon-fake-panel-offset-vertical: 6px;\n}\n/* Let's use `.ck-balloon-panel` appearance. See: balloonpanel.css. */\n.ck .ck-fake-panel div {\n\tbox-shadow: var(--ck-drop-shadow), 0 0;\n\n\tmin-height: 15px;\n\n\tbackground: var(--ck-color-panel-background);\n\tborder: 1px solid var(--ck-color-panel-border);\n\tborder-radius: var(--ck-border-radius);\n\n\twidth: 100%;\n\theight: 100%;\n}\n.ck .ck-fake-panel div:nth-child( 1 ) {\n\tmargin-left: var(--ck-balloon-fake-panel-offset-horizontal);\n\tmargin-top: var(--ck-balloon-fake-panel-offset-vertical);\n}\n.ck .ck-fake-panel div:nth-child( 2 ) {\n\tmargin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);\n\tmargin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);\n}\n.ck .ck-fake-panel div:nth-child( 3 ) {\n\tmargin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);\n\tmargin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);\n}\n/* If balloon is positioned above element, we need to move fake panel to the top. */\n.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,\n.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,\n.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel {\n\t--ck-balloon-fake-panel-offset-vertical: -6px;\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {\n\t\tbox-shadow: var(--ck-drop-shadow), 0 0;\n\n\t\tborder-width: 0 1px 1px;\n\t\tborder-top-left-radius: 0;\n\t\tborder-top-right-radius: 0;\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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.ck-vertical-form > .ck-button:nth-last-child(2)::after {\n\tborder-right: 1px solid var(--ck-color-base-border);\n}\n.ck.ck-responsive-form {\n\tpadding: var(--ck-spacing-large);\n}\n.ck.ck-responsive-form:focus {\n\t\t/* See: https://github.com/ckeditor/ckeditor5/issues/4773 */\n\t\toutline: none;\n\t}\n[dir=\"ltr\"] .ck.ck-responsive-form > :not(:first-child) {\n\t\t\tmargin-left: var(--ck-spacing-standard);\n\t\t}\n[dir=\"rtl\"] .ck.ck-responsive-form > :not(:last-child) {\n\t\t\tmargin-left: var(--ck-spacing-standard);\n\t\t}\n@media screen and (max-width: 600px) {\n.ck.ck-responsive-form {\n\t\tpadding: 0;\n\t\twidth: calc(.8 * var(--ck-input-width));\n}\n\n\t\t.ck.ck-responsive-form .ck-labeled-field-view {\n\t\t\tmargin: var(--ck-spacing-large) var(--ck-spacing-large) 0;\n\t\t}\n\n\t\t\t.ck.ck-responsive-form .ck-labeled-field-view .ck-input-text,\n\t\t\t.ck.ck-responsive-form .ck-labeled-field-view .ck-input-number {\n\t\t\t\tmin-width: 0;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t/* Let the long error messages wrap in the narrow form. */\n\t\t\t.ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {\n\t\t\t\twhite-space: normal;\n\t\t\t}\n\n\t\t/* Styles for two last buttons in the form (save&cancel, edit&unlink, etc.). */\n\t\t\t.ck.ck-responsive-form > .ck-button:nth-last-child(2)::after {\n\t\t\t\tborder-right: 1px solid var(--ck-color-base-border);\n\t\t\t}\n\n\t\t.ck.ck-responsive-form > .ck-button:nth-last-child(1),\n\t\t.ck.ck-responsive-form > .ck-button:nth-last-child(2) {\n\t\t\tpadding: var(--ck-spacing-standard);\n\t\t\tmargin-top: var(--ck-spacing-large);\n\t\t\tborder-radius: 0;\n\t\t}\n\n\t\t\t.ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus), .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) {\n\t\t\t\tborder-top: 1px solid var(--ck-color-base-border);\n\t\t\t}\n\n\t\t\t[dir=\"ltr\"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir=\"ltr\"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {\n\t\t\t\tmargin-left: 0;\n\t}\n\n\t\t\t[dir=\"rtl\"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir=\"rtl\"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {\n\t\t\t\tmargin-left: 0;\n\t}\n\n\t\t\t\t[dir=\"rtl\"] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type, [dir=\"rtl\"] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type {\n\t\t\t\t\tborder-right: 1px solid var(--ck-color-base-border);\n\t\t\t\t}\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));\n}\n.ck.ck-search > .ck-labeled-field-view .ck-input {\n\t\t\twidth: 100%;\n\t\t}\n.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {\n\t\t\t--ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);\n\t\t}\n.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {\n\t\t\t\topacity: .5;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {\n\t\t\t\twidth: 100%;\n\t\t\t}\n[dir=\"ltr\"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {\n\t\t\t\t\tpadding-left: var(--ck-search-field-view-horizontal-spacing);\n\t}\n[dir=\"rtl\"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {\n\t\t\t\t\t\tpadding-left: var(--ck-search-field-view-horizontal-spacing);\n\t\t\t\t\t}\n.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {\n\t\t\t--ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);\n\t\t}\n.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {\n\t\t\t\t--ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);\n\t\t\t}\n.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {\n\t\t\t\tmin-width: auto;\n\t\t\t\tmin-height: auto;\n\n\t\t\t\tbackground: none;\n\t\t\t\topacity: .5;\n\t\t\t\tpadding: 0;\n\t\t\t}\n[dir=\"ltr\"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {\n\t\t\t\t\tright: var(--ck-spacing-medium);\n\t}\n[dir=\"rtl\"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {\n\t\t\t\t\tleft: var(--ck-spacing-medium);\n\t}\n.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {\n\t\t\t\twidth: 100%;\n\t\t\t}\n[dir=\"ltr\"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) {\n\t\t\t\t\t\tpadding-right: var(--ck-search-field-view-horizontal-spacing);\n\t\t\t\t\t}\n[dir=\"rtl\"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {\n\t\t\t\t\tpadding-right: var(--ck-search-field-view-horizontal-spacing);\n\t}\n.ck.ck-search > .ck-search__results {\n\t\tmin-width: 100%;\n\t}\n.ck.ck-search > .ck-search__results > .ck-search__info {\n\t\t\twidth: 100%;\n\t\t\tpadding: var(--ck-spacing-medium) var(--ck-spacing-large);\n\t\t}\n.ck.ck-search > .ck-search__results > .ck-search__info * {\n\t\t\t\twhite-space: normal;\n\t\t\t}\n.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {\n\t\t\t\tmargin-top: var(--ck-spacing-medium);\n\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-toolbar-spinner-size: 18px;\n}\n.ck.ck-spinner-container {\n\twidth: var(--ck-toolbar-spinner-size);\n\theight: var(--ck-toolbar-spinner-size);\n\tanimation: 1.5s infinite ck-spinner-rotate linear;\n}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-spinner-container {\n\t\tanimation-duration: 3s;\n}\n\t}\n.ck.ck-spinner {\n\twidth: var(--ck-toolbar-spinner-size);\n\theight: var(--ck-toolbar-spinner-size);\n\tborder-radius: 50%;\n\tborder: 2px solid var(--ck-color-text);\n\tborder-top-color: transparent;\n}\n@keyframes ck-spinner-rotate {\n\tto {\n\t\ttransform: rotate(360deg)\n\t}\n}\n/*\n * Copyright (c) 2003-2025, 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 * This fixes a problem in Firefox when the initial height of the complement does not match the number of rows.\n * This bug is especially visible when rows=1.\n */\n.ck-textarea {\n\toverflow-x: hidden\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-block-toolbar-button: var(--ck-color-text);\n\t--ck-block-toolbar-button-size: var(--ck-font-size-normal);\n}\n.ck.ck-block-toolbar-button {\n\tcolor: var(--ck-color-block-toolbar-button);\n\tfont-size: var(--ck-block-toolbar-size);\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-toolbar {\n\tborder-radius: 0;\n\n\tbackground: var(--ck-color-toolbar-background);\n\tpadding: 0 var(--ck-spacing-small);\n\tborder: 1px solid var(--ck-color-toolbar-border);\n}\n.ck-rounded-corners .ck.ck-toolbar,\n\t.ck.ck-toolbar.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-toolbar .ck.ck-toolbar__separator {\n\t\theight: var(--ck-icon-size);\n\t\twidth: 1px;\n\t\tmin-width: 1px;\n\t\tbackground: var(--ck-color-toolbar-border);\n\n\t\t/*\n\t\t * These margins make the separators look better in balloon toolbars (when aligned with the \"tip\").\n\t\t * See https://github.com/ckeditor/ckeditor5/issues/7493.\n\t\t */\n\t\tmargin-top: var(--ck-spacing-small);\n\t\tmargin-bottom: var(--ck-spacing-small);\n\t}\n.ck.ck-toolbar .ck-toolbar__line-break {\n\t\theight: 0;\n\t}\n.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) {\n\t\t\t/* (#11) Separate toolbar items. */\n\t\t\tmargin-right: var(--ck-spacing-small);\n\t\t}\n/* Don't display a separator after an empty items container, for instance,\n\t\twhen all items were grouped */\n.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {\n\t\t\tdisplay: none;\n\t\t}\n.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break),\n\t.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {\n\t\t/* Make sure items wrapped to the next line have v-spacing */\n\t\tmargin-top: var(--ck-spacing-small);\n\t\tmargin-bottom: var(--ck-spacing-small);\n\t}\n.ck.ck-toolbar.ck-toolbar_vertical {\n\t\t/* Items in a vertical toolbar span the entire width. */\n\t\tpadding: 0;\n\n\t\t/* Specificity matters here. See https://github.com/ckeditor/ckeditor5-theme-lark/issues/168. */\n\t}\n.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {\n\t\t\t/* Items in a vertical toolbar should span the horizontal space. */\n\t\t\twidth: 100%;\n\n\t\t\t/* Items in a vertical toolbar should have no margin. */\n\t\t\tmargin: 0;\n\n\t\t\t/* Items in a vertical toolbar span the entire width so rounded corners are pointless. */\n\t\t\tborder-radius: 0;\n\t\t}\n.ck.ck-toolbar.ck-toolbar_compact {\n\t\t/* No spacing around items. */\n\t\tpadding: 0;\n\t}\n.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {\n\t\t\t/* Compact toolbar items have no spacing between them. */\n\t\t\tmargin: 0;\n\n\t\t\t/* \"Middle\" children should have no rounded corners. */\n\t\t}\n.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {\n\t\t\t\tborder-radius: 0;\n\t\t\t}\n/*\n\t\t * Dropdown button has asymmetric padding to fit the arrow.\n\t\t * This button has no arrow so let's revert that padding back to normal.\n\t\t */\n.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {\n\t\t\tpadding-left: var(--ck-spacing-tiny);\n\t\t}\n/* A drop-down containing the nested toolbar with configured items. */\n/* Prevent empty space in the panel when the dropdown label is visible and long but the toolbar has few items. */\n.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {\n\t\t\tmin-width: auto;\n\t\t}\n.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {\n\t\t\tmax-width: 7em;\n\t\t\twidth: auto;\n\t\t}\n.ck.ck-toolbar:focus {\n\t\toutline: none;\n\t}\n.ck-toolbar-container .ck.ck-toolbar {\n\t\tborder: 0;\n\t}\n/* stylelint-disable */\n/*\n * Styles for RTL toolbars.\n *\n * Note: In some cases (e.g. a decoupled editor), the toolbar has its own \"dir\"\n * because its parent is not controlled by the editor framework.\n */\n[dir=\"rtl\"] .ck.ck-toolbar > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir=\"rtl\"] > .ck-toolbar__items > .ck {\n\t\tmargin-right: 0;\n\t}\n[dir=\"rtl\"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir=\"rtl\"]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {\n\t\t/* (#11) Separate toolbar items. */\n\t\tmargin-left: var(--ck-spacing-small);\n\t}\n[dir=\"rtl\"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir=\"rtl\"] > .ck-toolbar__items > .ck:last-child {\n\t\tmargin-left: 0;\n\t}\n/* No rounded corners on the right side of the first child. */\n[dir=\"rtl\"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir=\"rtl\"] > .ck-toolbar__items > .ck:first-child {\n\t\t\tborder-top-left-radius: 0;\n\t\t\tborder-bottom-left-radius: 0;\n\t\t}\n/* No rounded corners on the left side of the last child. */\n[dir=\"rtl\"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir=\"rtl\"] > .ck-toolbar__items > .ck:last-child {\n\t\t\tborder-top-right-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t}\n/* Separate the the separator form the grouping dropdown when some items are grouped. */\n[dir=\"rtl\"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir=\"rtl\"] > .ck.ck-toolbar__separator {\n\t\tmargin-left: var(--ck-spacing-small);\n\t}\n/* Some spacing between the items and the separator before the grouped items dropdown. */\n[dir=\"rtl\"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir=\"rtl\"] > .ck-toolbar__items:not(:empty):not(:only-child) {\n\t\tmargin-left: var(--ck-spacing-small);\n\t}\n/*\n * Styles for LTR toolbars.\n *\n * Note: In some cases (e.g. a decoupled editor), the toolbar has its own \"dir\"\n * because its parent is not controlled by the editor framework.\n */\n[dir=\"ltr\"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir=\"ltr\"] > .ck-toolbar__items > .ck:last-child {\n\t\tmargin-right: 0;\n\t}\n/* No rounded corners on the right side of the first child. */\n[dir=\"ltr\"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir=\"ltr\"] > .ck-toolbar__items > .ck:first-child {\n\t\t\tborder-top-right-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t}\n/* No rounded corners on the left side of the last child. */\n[dir=\"ltr\"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir=\"ltr\"] > .ck-toolbar__items > .ck:last-child {\n\t\t\tborder-top-left-radius: 0;\n\t\t\tborder-bottom-left-radius: 0;\n\t\t}\n/* Separate the the separator form the grouping dropdown when some items are grouped. */\n[dir=\"ltr\"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir=\"ltr\"] > .ck.ck-toolbar__separator {\n\t\tmargin-right: var(--ck-spacing-small);\n\t}\n/* Some spacing between the items and the separator before the grouped items dropdown. */\n[dir=\"ltr\"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir=\"ltr\"] > .ck-toolbar__items:not(:empty):not(:only-child) {\n\t\tmargin-right: var(--ck-spacing-small);\n\t}\n/* stylelint-enable */\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n.ck.ck-balloon-panel.ck-tooltip {\n\t--ck-balloon-border-width: 0px;\n\t--ck-balloon-arrow-offset: 0px;\n\t--ck-balloon-arrow-half-width: 4px;\n\t--ck-balloon-arrow-height: 4px;\n\t--ck-tooltip-text-padding: 4px;\n\t--ck-color-panel-background: var(--ck-color-tooltip-background);\n\n\tpadding: 0 var(--ck-spacing-medium);\n\n\t/* Reset balloon panel styles */\n\tbox-shadow: none;\n}\n.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {\n\t\tfont-size: .9em;\n\t\tline-height: 1.5;\n\t\tcolor: var(--ck-color-tooltip-text);\n\t}\n.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {\n\t\twhite-space: break-spaces;\n\t\tdisplay: inline-block;\n\t\tpadding: var(--ck-tooltip-text-padding) 0;\n\t\tmax-width: 200px;\n\t}\n/* Hide the default shadow of the .ck-balloon-panel tip */\n.ck.ck-balloon-panel.ck-tooltip::before {\n\t\tdisplay: none;\n\t}\n\n/* Editor */\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {\n\t\t\tborder-radius: 0;\n\n\t\t\tborder: 1px solid var(--ck-color-base-border);\n\t\t\tborder-bottom-width: 0;\n\t\t}\n.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,\n\t.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\tborder-bottom-right-radius: 0;\n\t}\n.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {\n\t\t\t\tborder-bottom-width: 1px;\n\t\t\t}\n.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {\n\t\t\t\tborder: 0;\n\t\t\t\tborder-bottom: 1px solid var(--ck-color-base-border);\n\t\t\t}\n.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {\n\t\t\t\tborder: 0;\n\t\t\t}\n/* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */\n.ck.ck-editor__main > .ck-editor__editable {\n\t/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */\n\tbackground: var(--ck-color-base-background);\n\n\tborder-radius: 0;\n}\n.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,\n\t.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t\tborder-top-left-radius: 0;\n\t\tborder-top-right-radius: 0;\n\t}\n.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {\n\t\tborder-color: var(--ck-color-base-border);\n\t}\n\n/* Plugins */\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-bookmark-icon-hover-fill-color: var(--ck-color-widget-hover-border);\n\t--ck-bookmark-icon-selected-fill-color: var(--ck-color-focus-border);\n\t--ck-bookmark-icon-animation-duration: var(--ck-widget-handler-animation-duration);\n\t--ck-bookmark-icon-animation-curve: var(--ck-widget-handler-animation-curve);\n}\n.ck .ck-bookmark.ck-widget {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t}\n.ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon__fill {\n\t\t\ttransition: fill var(--ck-bookmark-icon-animation-duration) var(--ck-bookmark-icon-animation-curve);\n\t\t}\n.ck .ck-bookmark.ck-widget:hover .ck-bookmark__icon .ck-icon__fill {\n\t\t\t\tfill: var(--ck-bookmark-icon-hover-fill-color);\n\t\t\t}\n.ck .ck-bookmark.ck-widget.ck-widget_selected .ck-bookmark__icon .ck-icon__fill {\n\t\t\t\tfill: var(--ck-bookmark-icon-selected-fill-color);\n\t\t\t}\n.ck .ck-bookmark.ck-widget.ck-widget_selected,\n\t\t.ck .ck-bookmark.ck-widget.ck-widget_selected:hover {\n\t\t\toutline: none;\n\t\t}\n.ck .ck-bookmark.ck-widget .ck-bookmark__icon {\n\t\t\tposition: relative;\n\t\t\tdisplay: block;\n\t\t\t/* To make it align with text baseline. */\n\t\t\ttop: -0.1em;\n\t\t}\n.ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon {\n\t\t\t\theight: 1.2em;\n\t\t\t\twidth: auto;\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n/*\n * Classes used by the \"fake visual selection\" displayed in the content when an input\n * in the bookmark UI has focus (the browser does not render the native selection in this state).\n */\n.ck .ck-fake-bookmark-selection {\n\tbackground: var(--ck-color-link-fake-selection);\n}\n/* A collapsed fake visual selection. */\n.ck .ck-fake-bookmark-selection_collapsed {\n\theight: 100%;\n\tborder-right: 1px solid var(--ck-color-base-text);\n\tmargin-right: -1px;\n\toutline: solid 1px hsla(0, 0%, 100%, .5);\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-bookmark-form-width: 340px;\n}\n@media screen and (max-width: 600px) {\n\t:root {\n\t\t--ck-bookmark-form-width: 300px;\n\t}\n\t}\n.ck.ck-bookmark-form {\n\twidth: var(--ck-bookmark-form-width);\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Makes element unselectable.\n */\n.ck.ck-bookmark-balloon .ck.ck-toolbar > .ck-toolbar__items {\n\t\t\tflex-wrap: nowrap;\n\t\t}\n.ck.ck-bookmark-toolbar__preview {\n\tpadding: 0 var(--ck-spacing-medium);\n\tmax-width: var(--ck-input-width);\n\tmin-width: 3em;\n\tfont-weight: normal;\n\ttext-overflow: ellipsis;\n\ttext-align: center;\n\toverflow: hidden;\n\n\t-moz-user-select: none;\n\n\t-webkit-user-select: none;\n\n\t-ms-user-select: none;\n\n\tuser-select: none;\n\tcursor: default;\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-clipboard-drop-target-dot-width: 12px;\n\t--ck-clipboard-drop-target-dot-height: 8px;\n\t--ck-clipboard-drop-target-color: var(--ck-color-focus-border);\n}\n/*\n\t * Vertical drop target (in text).\n\t */\n.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {\n\t\t\tbottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));\n\t\t\ttop: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));\n\t\t\tborder: 1px solid var(--ck-clipboard-drop-target-color);\n\t\t\tbackground: var(--ck-clipboard-drop-target-color);\n\t\t\tmargin-left: -1px;\n\n\t\t\t/* The triangle above the marker */\n\t\t}\n.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after {\n\t\t\t\tcontent: '';\n\t\t\t\twidth: 0;\n\t\t\t\theight: 0;\n\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 50%;\n\t\t\t\ttop: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));\n\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\tborder-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;\n\t\t\t\tborder-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width));\n\t\t\t\tborder-style: solid;\n\t\t\t}\n/*\n\t * Styles of the widget that it a drop target.\n\t */\n.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {\n\t\toutline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;\n\t}\n/*\n\t * Styles of the widget being dragged (its preview).\n\t */\n.ck.ck-editor__editable .ck-widget:-webkit-drag {\n\t\tzoom: 0.6;\n\t\toutline: none !important;\n\t}\n.ck.ck-clipboard-drop-target-line {\n\theight: 0;\n\tborder: 1px solid var(--ck-clipboard-drop-target-color);\n\tbackground: var(--ck-clipboard-drop-target-color);\n\tmargin-top: -1px;\n}\n.ck.ck-clipboard-drop-target-line::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: calc(-.5 * var(--ck-clipboard-drop-target-dot-width));\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-style: solid;\n\t}\n[dir=\"ltr\"] .ck.ck-clipboard-drop-target-line::before {\n\t\t\tleft: -1px;\n\n\t\t\tborder-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);\n\t\t\tborder-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);\n\t}\n[dir=\"rtl\"] .ck.ck-clipboard-drop-target-line::before {\n\t\t\tright: -1px;\n\n\t\t\tborder-width:calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0;\n\t\t\tborder-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;\n\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-code-block-label-background: hsl(0, 0%, 46%);\n}\n.ck.ck-editor__editable pre[data-language]::after {\n\ttop: -1px;\n\tright: 10px;\n\tbackground: var(--ck-color-code-block-label-background);\n\n\tfont-size: 10px;\n\tfont-family: var(--ck-font-face);\n\tline-height: 16px;\n\tpadding: var(--ck-spacing-tiny) var(--ck-spacing-medium);\n\tcolor: hsl(0, 0%, 100%);\n\twhite-space: nowrap;\n}\n.ck.ck-code-block-dropdown .ck-dropdown__panel {\n\t/* There could be dozens of languages available. Use scroll to prevent a 10e6px dropdown. */\n\tmax-height: 250px;\n\toverflow-y: auto;\n\toverflow-x: hidden;\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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/* See ckeditor/ckeditor5#936. */\n@media (forced-colors: active) {\n\t\t.ck.ck-placeholder, .ck .ck-placeholder {\n\t\t/*\n\t\t * This is needed for Edge on Windows to use the right color for the placeholder content (::before).\n\t\t * See https://github.com/ckeditor/ckeditor5/issues/14907.\n\t\t */\n\t\tforced-color-adjust: preserve-parent-color;\n\t\t}\n\t}\n.ck.ck-placeholder::before, .ck .ck-placeholder::before {\n\t\tcursor: text;\n\t}\n@media (forced-colors: none) {\n\t\t.ck.ck-placeholder::before, .ck .ck-placeholder::before {\n\t\t\tcolor: var(--ck-color-engine-placeholder-text);\n\t\t}\n\t}\n@media (forced-colors: active) {\n\t\t.ck.ck-placeholder::before, .ck .ck-placeholder::before {\n\t\t\t/*\n\t\t\t * In the high contrast mode there is no telling between regular and placeholder text. Using\n\t\t\t * italic text to address that issue. See https://github.com/ckeditor/ckeditor5/issues/14907.\n\t\t\t */\n\t\t\tfont-style: italic;\n\n\t\t\t/*\n\t\t\t * Without this margin, the caret will not show up and blink when the user puts the selection\n\t\t\t * in the placeholder (Edge on Windows). See https://github.com/ckeditor/ckeditor5/issues/14907.\n\t\t\t */\n\t\t\tmargin-left: 1px;\n\t\t}\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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.ck.ck-find-and-replace-form {\n\twidth: 400px;\n\n\t/*\n\t * The <form> needs tabindex=\"-1\" for proper Esc handling after being clicked\n\t * but the side effect is that this creates a nasty focus outline in some browsers.\n\t */\n}\n.ck.ck-find-and-replace-form:focus {\n\t\toutline: none;\n\t}\n/* Generic styles for the form inputs and actions. */\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,\n\t.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {\n\t\tflex: 1 1 auto;\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\talign-content: stretch;\n\n\t\tpadding: var(--ck-spacing-large);\n\t\tmargin: 0;\n\n\t}\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button {\n\t\t\tflex: 0 0 auto;\n\t\t}\n[dir=\"ltr\"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir=\"ltr\"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {\n\t\t\t\tmargin-left: var(--ck-spacing-standard);\n\t\t\t}\n[dir=\"rtl\"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir=\"rtl\"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {\n\t\t\t\tmargin-right: var(--ck-spacing-standard);\n\t\t\t}\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view {\n\t\t\tflex: 1 1 auto;\n\t\t}\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input {\n\t\t\t\twidth: 100%;\n\t\t\t\tmin-width: 50px;\n\t\t\t}\n/* Styles specific for inputs area. */\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {\n\t\t/* To display all controls in line when there's an error under the input */\n\t\talign-items: flex-start;\n\t}\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {\n\t\t\ttransform: rotate(90deg);\n\t\t}\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {\n\t\t\ttransform: rotate(-90deg);\n\t\t}\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\n\t\t\tcolor: var(--ck-color-base-border);\n\t\t}\n[dir=\"ltr\"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {\n\t\t\t\tright: var(--ck-spacing-standard);\n\t}\n[dir=\"rtl\"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {\n\t\t\t\tleft: var(--ck-spacing-standard);\n\t}\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {\n\t\t\tflex: 0 0 100%;\n\t\t\tpadding-top: var(--ck-spacing-standard);\n\t\t}\n[dir=\"ltr\"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {\n\t\t\t\tmargin-left: 0;\n\t}\n[dir=\"rtl\"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {\n\t\t\t\tmargin-right: 0;\n\t}\n/* Styles specific for actions area. */\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {\n\t\tflex-wrap: wrap;\n\t\tjustify-content: flex-end;\n\t\tmargin-top: calc( -1 * var(--ck-spacing-large) );\n\t}\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {\n\t\t\tfont-weight: bold;\n\n\t\t\t/* Beef the find button up a little. It's the main action button in the form */\n\t\t}\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label {\n\t\t\t\tpadding-left: var(--ck-spacing-large);\n\t\t\t\tpadding-right: var(--ck-spacing-large);\n\t\t\t}\n.ck.ck-find-and-replace-form .ck-switchbutton {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: nowrap;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t}\n@media screen and (max-width: 600px) {\n\t.ck.ck-find-and-replace-form {\n\t\twidth: 300px;\n\n\t\t/* Don't let the form overflow from the dialog (https://github.com/ckeditor/ckeditor5-commercial/issues/5913) */\n\t\tmax-width: 100%;\n\n\t\t/* Styles specific for inputs area. */\n\t}\n\t\t.ck.ck-find-and-replace-form.ck-find-and-replace-form__input {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n\t\t\t.ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view {\n\t\t\t\tflex: 1 0 auto;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-bottom: var(--ck-spacing-standard);\n\t\t\t}\n\n\t\t\t.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t\t.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {\n\t\t\t\t\tflex: 1 1 auto;\n\t\t\t\t}\n\n\t\t\t\t\t[dir=\"ltr\"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {\n\t\t\t\t\t\tmargin-left: 0;\n\t}\n\n\t\t\t\t\t[dir=\"rtl\"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {\n\t\t\t\t\t\tmargin-right: 0;\n\t}\n\n\t\t\t\t\t.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t/* Styles specific for actions area. */\n\t\t.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {\n\t\t\tflex-wrap: wrap;\n\t\t\tflex: 1 1 auto;\n\t\t}\n\n\t\t\t.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t\t.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {\n\t\t\t\t\tflex: 1 1 auto;\n\t\t\t\t}\n\n\t\t\t\t\t[dir=\"ltr\"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {\n\t\t\t\t\t\tmargin-left: 0;\n\t}\n\n\t\t\t\t\t[dir=\"rtl\"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {\n\t\t\t\t\t\tmargin-right: 0;\n\t}\n\n\t\t\t\t.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\t}\n/*\n * Copyright (c) 2003-2025, 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/* Resize dropdown's button label. */\n.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {\n\t\twidth: 8em;\n\t}\n.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {\n\t\tmin-width: 18em;\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Note: This file should contain the wireframe styles only. But since there are no such styles,\n * it acts as a message to the builder telling that it should look for the corresponding styles\n * **in the theme** when compiling the editor.\n */\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));\n\t--ck-html-embed-source-height: 10em;\n\t--ck-html-embed-unfocused-outline-width: 1px;\n\t--ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));\n\n\t--ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);\n\t--ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);\n}\n/* The feature container. */\n.ck-widget.raw-html-embed {\n\tfont-size: var(--ck-font-size-base);\n\tbackground-color: var(--ck-color-base-foreground);\n}\n.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {\n\t\toutline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);\n\t}\n/* HTML embed widget itself should respect UI language direction */\n.ck-widget.raw-html-embed[dir=\"ltr\"] {\n\t\ttext-align: left;\n\t}\n.ck-widget.raw-html-embed[dir=\"rtl\"] {\n\t\ttext-align: right;\n\t}\n/* ----- Embed label in the upper left corner ----------------------------------------------- */\n.ck-widget.raw-html-embed::before {\n\t\tcontent: attr(data-html-embed-label);\n\t\ttop: calc(-1 * var(--ck-html-embed-unfocused-outline-width));\n\t\tleft: var(--ck-spacing-standard);\n\t\tbackground: hsl(0deg 0% 60%);\n\t\ttransition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);\n\t\tpadding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);\n\t\tborder-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);\n\t\tcolor: var(--ck-color-base-background);\n\t\tfont-size: var(--ck-font-size-tiny);\n\t\tfont-family: var(--ck-font-face);\n\t}\n.ck-widget.raw-html-embed[dir=\"rtl\"]::before {\n\t\tleft: auto;\n\t\tright: var(--ck-spacing-standard);\n\t}\n/* Make space for label but it only collides in LTR languages */\n.ck-widget.raw-html-embed[dir=\"ltr\"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {\n\t\tmargin-left: 50px;\n\t}\n.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before {\n\t\ttop: 0px;\n\t\tpadding: var(--ck-spacing-tiny) var(--ck-spacing-small);\n\t}\n.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before {\n\t\ttop: 0;\n\t\tpadding: var(--ck-spacing-tiny) var(--ck-spacing-small);\n\t\tbackground: var(--ck-color-focus-border);\n\t}\n.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before {\n\t\ttop: 0px;\n\t\tpadding: var(--ck-spacing-tiny) var(--ck-spacing-small);\n\t}\n/* ----- Emebed internals --------------------------------------------------------------------- */\n.ck-widget.raw-html-embed .raw-html-embed__content-wrapper {\n\t\tpadding: var(--ck-spacing-standard);\n\t}\n/* The switch mode button wrapper. */\n.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {\n\t\ttop: var(--ck-spacing-standard);\n\t\tright: var(--ck-spacing-standard);\n\t}\n.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {\n\t\t\tcolor: var(--ck-color-button-save);\n\t\t}\n.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {\n\t\t\tcolor: var(--ck-color-button-cancel);\n\t\t}\n.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {\n\t\t\tmargin-top: var(--ck-spacing-small);\n\t\t}\n.ck-widget.raw-html-embed[dir=\"rtl\"] .raw-html-embed__buttons-wrapper {\n\t\tleft: var(--ck-spacing-standard);\n\t\tright: auto;\n\t}\n/* The edit source element. */\n.ck-widget.raw-html-embed .raw-html-embed__source {\n\t\tbox-sizing: border-box;\n\t\theight: var(--ck-html-embed-source-height);\n\t\twidth: var(--ck-html-embed-content-width);\n\t\tresize: none;\n\t\tmin-width: 0;\n\t\tpadding: var(--ck-spacing-standard);\n\n\t\tfont-family: monospace;\n\t\ttab-size: 4;\n\t\twhite-space: pre-wrap;\n\t\tfont-size: var(--ck-font-size-base); /* Safari needs this. */\n\n\t\t/* HTML code is direction\u2013agnostic. */\n\t\ttext-align: left;\n\t\tdirection: ltr;\n\t}\n.ck-widget.raw-html-embed .raw-html-embed__source[disabled] {\n\t\t\tbackground: var(--ck-html-embed-source-disabled-background);\n\t\t\tcolor: var(--ck-html-embed-source-disabled-color);\n\n\t\t\t/* Safari needs this for the proper text color in disabled input (https://github.com/ckeditor/ckeditor5/issues/8320). */\n\t\t\t-webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);\n\t\t\topacity: 1;\n\t\t}\n/* The preview data container. */\n.ck-widget.raw-html-embed .raw-html-embed__preview {\n\t\tmin-height: var(--ck-html-embed-content-min-height);\n\t\twidth: var(--ck-html-embed-content-width);\n\n\t\t/* Disable all mouse interaction as long as the editor is not read\u2013only. */\n\t}\n.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {\n\t\t\tpointer-events: none;\n\t\t}\n.ck-widget.raw-html-embed .raw-html-embed__preview-content {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: var(--ck-color-base-foreground);\n\t}\n.ck-widget.raw-html-embed .raw-html-embed__preview-content > * {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {\n\t\tcolor: var(--ck-html-embed-source-disabled-color)\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-image-insert-insert-by-url-width: 250px;\n}\n.ck.ck-image-insert-url {\n\t--ck-input-width: 100%;\n}\n.ck.ck-image-insert-url .ck-image-insert-url__action-row {\n\t\tgrid-column-gap: var(--ck-spacing-large);\n\t\tmargin-top: var(--ck-spacing-large);\n\t}\n.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save,\n\t\t.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel {\n\t\t\tjustify-content: center;\n\t\t\tmin-width: auto;\n\t\t}\n.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {\n\t\t\tcolor: var(--ck-color-text);\n\t\t}\n.ck.ck-image-insert-form > .ck.ck-button {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t}\n[dir=\"ltr\"] .ck.ck-image-insert-form > .ck.ck-button {\n\t\t\ttext-align: left;\n\t}\n[dir=\"rtl\"] .ck.ck-image-insert-form > .ck.ck-button {\n\t\t\ttext-align: right;\n\t}\n.ck.ck-image-insert-form > .ck.ck-collapsible {\n\n\t\tmin-width: var(--ck-image-insert-insert-by-url-width);\n\t}\n.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {\n\t\t\tborder-top: 1px solid var(--ck-color-base-border);\n\t\t}\n.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {\n\t\t\tborder-bottom: 1px solid var(--ck-color-base-border);\n\t\t}\n/* This is the case when there are no other integrations configured than insert by URL */\n.ck.ck-image-insert-form > .ck.ck-image-insert-url {\n\t\tmin-width: var(--ck-image-insert-insert-by-url-width);\n\t\tpadding: var(--ck-spacing-large);\n\t}\n.ck.ck-image-insert-form:focus {\n\t\toutline: none;\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-image-upload-icon: hsl(0, 0%, 100%);\n\t--ck-color-image-upload-icon-background: hsl(120, 100%, 27%);\n\n\t/* Match the icon size with the linked image indicator brought by the link image feature. */\n\t--ck-image-upload-icon-size: 20;\n\t--ck-image-upload-icon-width: 2px;\n\t--ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);\n}\n.ck-image-upload-complete-icon {\n\topacity: 0;\n\tbackground: var(--ck-color-image-upload-icon-background);\n\tanimation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;\n\tanimation-fill-mode: forwards, forwards;\n\tanimation-duration: 500ms, 500ms;\n\n\t/* To make animation scalable. */\n\tfont-size: calc(1px * var(--ck-image-upload-icon-size));\n\n\t/* Hide completed upload icon after 3 seconds. */\n\tanimation-delay: 0ms, 3000ms;\n\n\t/*\n\t * Use CSS math to simulate container queries.\n\t * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things\n\t */\n\toverflow: hidden;\n\twidth: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));\n\theight: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));\n\n\t/* This is check icon element made from border-width mixed with animations. */\n}\n.ck-image-upload-complete-icon::after {\n\t\t/* Because of border transformation we need to \"hard code\" left position. */\n\t\tleft: 25%;\n\n\t\ttop: 50%;\n\t\topacity: 0;\n\t\theight: 0;\n\t\twidth: 0;\n\n\t\ttransform: scaleX(-1) rotate(135deg);\n\t\ttransform-origin: left top;\n\t\tborder-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);\n\t\tborder-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);\n\n\t\tanimation-name: ck-upload-complete-icon-check;\n\t\tanimation-duration: 500ms;\n\t\tanimation-delay: 500ms;\n\t\tanimation-fill-mode: forwards;\n\n\t\t/* #1095. While reset is not providing proper box-sizing for pseudoelements, we need to handle it. */\n\t\tbox-sizing: border-box;\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck-image-upload-complete-icon {\n\t\tanimation-duration: 0ms;\n}\n\n\t\t.ck-image-upload-complete-icon::after {\n\t\t\tanimation: none;\n\t\t\topacity: 1;\n\t\t\twidth: 0.3em;\n\t\t\theight: 0.45em;\n\t\t}\n\t}\n@keyframes ck-upload-complete-icon-show {\n\tfrom {\n\t\topacity: 0;\n\t}\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n@keyframes ck-upload-complete-icon-hide {\n\tfrom {\n\t\topacity: 1;\n\t}\n\n\tto {\n\t\topacity: 0;\n\t}\n}\n@keyframes ck-upload-complete-icon-check {\n\t0% {\n\t\topacity: 1;\n\t\twidth: 0;\n\t\theight: 0;\n\t}\n\t33% {\n\t\twidth: 0.3em;\n\t\theight: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t\twidth: 0.3em;\n\t\theight: 0.45em;\n\t}\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);\n\t--ck-upload-placeholder-loader-size: 32px;\n\t--ck-upload-placeholder-image-aspect-ratio: 2.8;\n}\n.ck .ck-image-upload-placeholder {\n\t/* We need to control the full width of the SVG gray background. */\n\twidth: 100%;\n\tmargin: 0;\n}\n.ck .ck-image-upload-placeholder.image-inline {\n\t\twidth: calc( 2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio) );\n\t}\n.ck .ck-image-upload-placeholder img {\n\t\t/*\n\t\t * This is an arbitrary aspect for a 1x1 px GIF to display to the user. Not too tall, not too short.\n\t\t * There's nothing special about this number except that it should make the image placeholder look like\n\t\t * a real image during this short period after the upload started and before the image was read from the\n\t\t * file system (and a rich preview was loaded).\n\t\t */\n\t\taspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);\n\t}\n.ck .ck-upload-placeholder-loader {\n\twidth: 100%;\n\theight: 100%;\n}\n.ck .ck-upload-placeholder-loader::before {\n\t\twidth: var(--ck-upload-placeholder-loader-size);\n\t\theight: var(--ck-upload-placeholder-loader-size);\n\t\tborder-radius: 50%;\n\t\tborder-top: 3px solid var(--ck-color-upload-placeholder-loader);\n\t\tborder-right: 2px solid transparent;\n\t\tanimation: ck-upload-placeholder-loader 1s linear infinite;\n\t}\n@keyframes ck-upload-placeholder-loader {\n\tto {\n\t\ttransform: rotate( 360deg );\n\t}\n}\n/*\n * Copyright (c) 2003-2025, 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/* Showing animation. */\n.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {\n\t\t\tanimation: fadeIn 700ms;\n\t\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {\n\t\t\t\topacity: 1;\n\t\t\t\tanimation: none;\n\t\t}\n\t\t\t}\n/* Upload progress bar. */\n.ck.ck-editor__editable .image .ck-progress-bar,\n\t.ck.ck-editor__editable .image-inline .ck-progress-bar {\n\t\theight: 2px;\n\t\twidth: 0;\n\t\tbackground: var(--ck-color-upload-bar-background);\n\t\ttransition: width 100ms;\n\t}\n@keyframes fadeIn {\n\tfrom { opacity: 0; }\n\tto   { opacity: 1; }\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-text-alternative-form-width: 340px;\n}\n@media screen and (max-width: 600px) {\n\t:root {\n\t\t--ck-text-alternative-form-width: 300px;\n\t}\n\t}\n.ck.ck-text-alternative-form.ck-responsive-form {\n\t\twidth: var(--ck-text-alternative-form-width);\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-image-custom-resize-form-width: 340px;\n}\n@media screen and (max-width: 600px) {\n\t:root {\n\t\t--ck-image-custom-resize-form-width: 300px;\n\t}\n\t}\n.ck.ck-image-custom-resize-form.ck-responsive-form {\n\t\twidth: var(--ck-image-custom-resize-form-width);\n\t}\n/*\n * Copyright (c) 2003-2025, 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/* Class added to span element surrounding currently selected link. */\n.ck .ck-link_selected {\n\tbackground: var(--ck-color-link-selected-background);\n\n\t/* Give linked inline images some outline to let the user know they are also part of the link. */\n}\n.ck .ck-link_selected span.image-inline {\n\t\toutline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);\n\t}\n/*\n * Classes used by the \"fake visual selection\" displayed in the content when an input\n * in the link UI has focus (the browser does not render the native selection in this state).\n */\n.ck .ck-fake-link-selection {\n\tbackground: var(--ck-color-link-fake-selection);\n}\n/* A collapsed fake visual selection. */\n.ck .ck-fake-link-selection_collapsed {\n\theight: 100%;\n\tborder-right: 1px solid var(--ck-color-base-text);\n\tmargin-right: -1px;\n\toutline: solid 1px hsla(0, 0%, 100%, .5);\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-link-bookmark-icon-size: calc( var(--ck-icon-size) * 0.7); /* 0.7 = 14/20 cause default the icon size is 20px */\n}\n.ck.ck-toolbar.ck-link-toolbar > .ck-toolbar__items {\n\t\tflex-wrap: nowrap;\n\t}\na.ck.ck-button.ck-link-toolbar__preview {\n\tpadding: 0 var(--ck-spacing-medium);\n\tcolor: var(--ck-color-link-default);\n\tcursor: pointer;\n\tjustify-content: center;\n}\na.ck.ck-button.ck-link-toolbar__preview .ck.ck-button__label {\n\t\ttext-overflow: ellipsis;\n\n\t\t/* Match the box model of the link editor form's input so the balloon\n\t\tdoes not change width when moving between actions and the form. */\n\t\tmax-width: var(--ck-input-width);\n\t}\na.ck.ck-button.ck-link-toolbar__preview,\n\ta.ck.ck-button.ck-link-toolbar__preview:hover,\n\ta.ck.ck-button.ck-link-toolbar__preview:focus,\n\ta.ck.ck-button.ck-link-toolbar__preview:active {\n\t\tbackground: none;\n\t}\na.ck.ck-button.ck-link-toolbar__preview:active {\n\t\tbox-shadow: none;\n\t}\na.ck.ck-button.ck-link-toolbar__preview:hover,\n\ta.ck.ck-button.ck-link-toolbar__preview:focus {\n\t\ttext-decoration: underline;\n\t}\na.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {\n\t\twidth: var(--ck-link-bookmark-icon-size);\n\t\theight: var(--ck-link-bookmark-icon-size);\n\t}\n[dir=\"ltr\"] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {\n\t\t\tmargin-right: var(--ck-spacing-tiny);\n\t\t\tmargin-left: var(--ck-spacing-small);\n\t}\n[dir=\"rtl\"] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {\n\t\t\tmargin-left: var(--ck-spacing-tiny);\n\t\t\tmargin-right: var(--ck-spacing-small);\n\t}\na.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {\n\t\tpadding-left: var(--ck-spacing-extra-tiny );\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-link-panel-width: 340px;\n\t/* The height of the text inside the link providers list button. */\n\t--ck-link-provider-list-item-text-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));\n\t/* The height of the link providers list item contained paddings. */\n\t--ck-link-provider-list-item-height: calc(var(--ck-link-provider-list-item-text-height) + var(--ck-spacing-small) + var(--ck-spacing-small));\n}\n@media screen and (max-width: 600px) {\n\t:root {\n\t\t--ck-link-panel-width: 300px;\n\t}\n\t}\n/* Generic class that wraps each link balloon view. */\n.ck.ck-form.ck-link-form {\n\twidth: var(--ck-link-panel-width);\n\tpadding-bottom: 0;\n}\n@media screen and (max-width: 600px) {\n.ck.ck-form.ck-link-form.ck-responsive-form .ck-labeled-field-view {\n\t\t\t\tmargin: 0;\n\t\t}\n\t}\n.ck.ck-form.ck-link-form .ck-link-form__providers-list {\n\t\tborder-top: 1px solid var(--ck-color-base-border);\n\n\t\t/* The list should be scrollable when there are more than 4 items. */\n\t}\n.ck.ck-form.ck-link-form .ck-link-form__providers-list:has(.ck-list__item:nth-child(n + 5)) {\n\t\t\toverflow: auto;\n\t\t\t/* Scroll should appear when there are more than 5 item on the list.\n\t\t\t* var(--ck-spacing-large) - is a form padding.\n\t\t\t* 1px - is a border width. */\n\t\t\tmax-height: calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-large) + 1px);\n\t\t}\n.ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button {\n\t\t\tpadding: var(--ck-spacing-small) var(--ck-spacing-large);\n\t\t\tborder-radius: 0;\n\t\t}\n.ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button > .ck-button__label {\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t/* Match the icon size with the upload indicator brought by the image upload feature. */\n\t--ck-link-image-indicator-icon-size: 20;\n\t--ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);\n}\n/* Linked image indicator */\n.ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after {\n\t\t\tcontent: \"\";\n\n\t\t\t/*\n\t\t\t * Smaller images should have the icon closer to the border.\n\t\t\t * Match the icon position with the upload indicator brought by the image upload feature.\n\t\t\t */\n\t\t\ttop: min(var(--ck-spacing-medium), 6%);\n\t\t\tright: min(var(--ck-spacing-medium), 6%);\n\n\t\t\tbackground-color: hsla(0, 0%, 0%, .4);\n\t\t\tbackground-image: url(\"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+\");\n\t\t\tbackground-size: 14px;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center;\n\t\t\tborder-radius: 100%;\n\n\t\t\t/*\n\t\t\t* Use CSS math to simulate container queries.\n\t\t\t* https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things\n\t\t\t*/\n\t\t\toverflow: hidden;\n\t\t\twidth: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));\n\t\t\theight: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-link-properties-width: 340px;\n}\n@media screen and (max-width: 600px) {\n\t:root {\n\t\t--ck-link-properties-width: 300px;\n\t}\n\t}\n.ck.ck-link-properties {\n\twidth: var(--ck-link-properties-width);\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-link-providers-width: 340px;\n\t--ck-link-list-view-max-height: 240px;\n\t--ck-link-list-view-icon-size: calc( var(--ck-icon-size) * 0.8); /* 0.8 = 16/20 cause default the icon size is 20px */\n}\n@media screen and (max-width: 600px) {\n\t:root {\n\t\t--ck-link-providers-width: 300px;\n\t}\n\t}\n.ck.ck-link-providers {\n\twidth: var(--ck-link-providers-width);\n}\n.ck.ck-link-providers .ck-form__header__label {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n.ck.ck-link-providers > .ck-link-providers__list {\n\t\tmax-height: min( var(--ck-link-list-view-max-height), 40vh );\n\t}\n.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-icon {\n\t\t\t\twidth: var(--ck-link-list-view-icon-size);\n\t\t\t\theight: var(--ck-link-list-view-icon-size);\n\t\t\t}\n.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-button__label {\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n.ck.ck-link-providers .ck-link__empty-list-info {\n\t\tpadding: calc( 2 * var(--ck-spacing-large) ) var(--ck-spacing-medium);\n\t\ttext-align: center;\n\t\tfont-style: italic;\n\t}\n/*\n * Copyright (c) 2003-2025, 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/* When there are no list styles and there is no collapsible. */\n.ck.ck-list-properties.ck-list-properties_without-styles {\n\t\tpadding: var(--ck-spacing-large);\n\t}\n.ck.ck-list-properties.ck-list-properties_without-styles > * {\n\t\t\tmin-width: 14em;\n\t\t}\n.ck.ck-list-properties.ck-list-properties_without-styles > * + * {\n\t\t\t\tmargin-top: var(--ck-spacing-standard);\n\t\t\t}\n/*\n\t * When the numbered list property fields (start at, reversed) should be displayed,\n\t * more horizontal space is needed. Reconfigure the style grid to create that space.\n\t */\n.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {\n\t\t\tgrid-template-columns: repeat( 4, auto );\n\t\t}\n/* When list styles are rendered and property fields are in a collapsible. */\n.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {\n\t\t\tborder-top: 1px solid var(--ck-color-base-border);\n\t\t}\n.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * {\n\t\t\t\t\t\tmargin-top: var(--ck-spacing-standard);\n\t\t\t\t\t}\n.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {\n\t\tmin-width: auto;\n\t\twidth: 100%;\n\t}\n.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {\n\t\tbackground: transparent;\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t\tmargin-bottom: calc(-1 * var(--ck-spacing-tiny));\n\t}\n.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active, .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {\n\t\t\tbox-shadow: none;\n\t\t\tborder-color: transparent;\n\t\t\tbackground: none;\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-list-style-button-size: 44px;\n}\n.ck.ck-list-styles-list {\n\tgrid-template-columns: repeat( 3, auto );\n\trow-gap: var(--ck-spacing-medium);\n\tcolumn-gap: var(--ck-spacing-medium);\n\tpadding: var(--ck-spacing-large);\n}\n.ck.ck-list-styles-list .ck-button {\n\t\t/* Make the button look like a thumbnail (the icon \"takes it all\"). */\n\t\twidth: var(--ck-list-style-button-size);\n\t\theight: var(--ck-list-style-button-size);\n\t\tpadding: 0;\n\n\t\t/*\n\t\t * Buttons are aligned by the grid so disable default button margins to not collide with the\n\t\t * gaps in the grid.\n\t\t */\n\t\tmargin: 0;\n\n\t\t/*\n\t\t * Make sure the button border (which is displayed on focus, BTW) does not steal pixels\n\t\t * from the button dimensions and, as a result, decrease the size of the icon\n\t\t * (which becomes blurry as it scales down).\n\t\t */\n\t\tbox-sizing: content-box;\n\t}\n.ck.ck-list-styles-list .ck-button .ck-icon {\n\t\t\twidth: var(--ck-list-style-button-size);\n\t\t\theight: var(--ck-list-style-button-size);\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-media-embed-placeholder-icon-size: 3em;\n\n\t--ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%);\n\t--ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);\n}\n.ck-media__wrapper {\n\tmargin: 0 auto;\n}\n.ck-media__wrapper .ck-media__placeholder {\n\t\tpadding: calc( 3 * var(--ck-spacing-standard) );\n\t\tbackground: var(--ck-color-base-foreground);\n\t}\n.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {\n\t\t\tmin-width: var(--ck-media-embed-placeholder-icon-size);\n\t\t\theight: var(--ck-media-embed-placeholder-icon-size);\n\t\t\tmargin-bottom: var(--ck-spacing-large);\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: cover;\n\t\t}\n.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t}\n.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {\n\t\t\tcolor: var(--ck-color-media-embed-placeholder-url-text);\n\t\t\twhite-space: nowrap;\n\t\t\ttext-align: center;\n\t\t\tfont-style: italic;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {\n\t\t\t\tcolor: var(--ck-color-media-embed-placeholder-url-text-hover);\n\t\t\t\tcursor: pointer;\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n.ck-media__wrapper[data-oembed-url*=\"open.spotify.com\"] {\n\t\tmax-width: 300px;\n\t\tmax-height: 380px;\n\t}\n.ck-media__wrapper[data-oembed-url*=\"google.com/maps\"] .ck-media__placeholder__icon,\n\t.ck-media__wrapper[data-oembed-url*=\"goo.gl/maps\"] .ck-media__placeholder__icon,\n\t.ck-media__wrapper[data-oembed-url*=\"maps.google.com\"] .ck-media__placeholder__icon,\n\t.ck-media__wrapper[data-oembed-url*=\"maps.app.goo.gl\"] .ck-media__placeholder__icon {\n\t\tbackground-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);\n\t}\n.ck-media__wrapper[data-oembed-url*=\"facebook.com\"] .ck-media__placeholder {\n\t\tbackground: hsl(220, 46%, 48%);\n\t}\n.ck-media__wrapper[data-oembed-url*=\"facebook.com\"] .ck-media__placeholder .ck-media__placeholder__icon {\n\t\t\tbackground-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);\n\t\t}\n.ck-media__wrapper[data-oembed-url*=\"facebook.com\"] .ck-media__placeholder .ck-media__placeholder__url__text {\n\t\t\tcolor: hsl(220, 100%, 90%);\n\t\t}\n.ck-media__wrapper[data-oembed-url*=\"facebook.com\"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {\n\t\t\t\tcolor: hsl(0, 0%, 100%);\n\t\t\t}\n.ck-media__wrapper[data-oembed-url*=\"instagram.com\"] .ck-media__placeholder {\n\t\tbackground: linear-gradient(-135deg,hsl(246, 100%, 39%),hsl(302, 100%, 36%),hsl(0, 100%, 48%));\n\t}\n.ck-media__wrapper[data-oembed-url*=\"instagram.com\"] .ck-media__placeholder .ck-media__placeholder__icon {\n\t\t\tbackground-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);\n\t\t}\n/* stylelint-disable-next-line no-descending-specificity */\n.ck-media__wrapper[data-oembed-url*=\"instagram.com\"] .ck-media__placeholder .ck-media__placeholder__url__text {\n\t\t\tcolor: hsl(302, 100%, 94%);\n\t\t}\n.ck-media__wrapper[data-oembed-url*=\"instagram.com\"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {\n\t\t\t\tcolor: hsl(0, 0%, 100%);\n\t\t\t}\n.ck-media__wrapper[data-oembed-url*=\"twitter.com\"] .ck.ck-media__placeholder {\n\t\t/* Use gradient to contrast with focused widget (ckeditor/ckeditor5-media-embed#22). */\n\t\tbackground: linear-gradient( to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%) );\n\t}\n.ck-media__wrapper[data-oembed-url*=\"twitter.com\"] .ck.ck-media__placeholder .ck-media__placeholder__icon {\n\t\t\tbackground-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);\n\t\t}\n.ck-media__wrapper[data-oembed-url*=\"twitter.com\"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {\n\t\t\tcolor: hsl(201, 100%, 86%);\n\t\t}\n.ck-media__wrapper[data-oembed-url*=\"twitter.com\"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {\n\t\t\t\tcolor: hsl(0, 0%, 100%);\n\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-content-color-mention-background: hsla(341, 100%, 30%, 0.1);\n\t--ck-content-color-mention-text: hsl(341, 100%, 30%);\n}\n.ck-content .mention {\n\tbackground: var(--ck-content-color-mention-background);\n\tcolor: var(--ck-content-color-mention-text);\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);\n\t--ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);\n\t--ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);\n\t--ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);\n\t--ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);\n}\n.ck-editor__editable .restricted-editing-exception {\n\ttransition: .2s ease-in-out background;\n\tbackground-color: var(--ck-color-restricted-editing-exception-background);\n\tborder: 1px solid;\n\tborder-image: linear-gradient(\n\t\tto right,\n\t\tvar(--ck-color-restricted-editing-exception-brackets) 0%,\n\t\tvar(--ck-color-restricted-editing-exception-brackets) 5px,\n\t\thsla(0, 0%, 0%, 0) 6px,\n\t\thsla(0, 0%, 0%, 0) calc(100% - 6px),\n\t\tvar(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),\n\t\tvar(--ck-color-restricted-editing-exception-brackets) 100%\n\t) 1;\n}\n@media (prefers-reduced-motion: reduce) {\n.ck-editor__editable .restricted-editing-exception {\n\t\ttransition: none;\n}\n\t}\n.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {\n\t\tbackground-color: var(--ck-color-restricted-editing-selected-exception-background);\n\t\tborder-image: linear-gradient(\n\t\t\tto right,\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) 0%,\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) 5px,\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) 100%\n\t\t) 1;\n\t}\n.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {\n\t\t/* Empty exception should have the same width as exception with at least 1 char */\n\t\tpadding-left: 1ch;\n\t}\n.ck-restricted-editing_mode_restricted {\n\tcursor: default;\n\n\t/* We also have to override all elements inside the restricted editable to prevent cursor switching between default and text\n\tduring the pointer movement. */\n}\n.ck-restricted-editing_mode_restricted * {\n\t\tcursor: default;\n\t}\n.ck-restricted-editing_mode_restricted .restricted-editing-exception {\n\t\tcursor: text;\n\t}\n.ck-restricted-editing_mode_restricted .restricted-editing-exception * {\n\t\t\tcursor: text;\n\t\t}\n.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {\n\t\t\tbackground: var(--ck-color-restricted-editing-exception-hover-background);\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n:root {\n\t--ck-character-grid-tile-size: 24px;\n}\n.ck.ck-character-grid {\n\toverflow-y: auto;\n\toverflow-x: hidden;\n}\n.ck.ck-character-grid .ck-character-grid__tiles {\n\t\tgrid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));\n\t\tmargin: var(--ck-spacing-standard) var(--ck-spacing-large);\n\t\tgrid-gap: var(--ck-spacing-standard);\n\t}\n.ck.ck-character-grid .ck-character-grid__tile {\n\t\twidth: var(--ck-character-grid-tile-size);\n\t\theight: var(--ck-character-grid-tile-size);\n\t\tmin-width: var(--ck-character-grid-tile-size);\n\t\tmin-height: var(--ck-character-grid-tile-size);\n\t\tfont-size: 1.5em;\n\t\tpadding: 0;\n\t\ttransition: .2s ease box-shadow;\n\t\tborder: 0;\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-character-grid .ck-character-grid__tile {\n\t\t\ttransition: none;\n\t}\n\t\t}\n.ck.ck-character-grid .ck-character-grid__tile:focus:not( .ck-disabled ),\n\t\t.ck.ck-character-grid .ck-character-grid__tile:hover:not( .ck-disabled ) {\n\t\t\t/* Disable the default .ck-button's border ring. */\n\t\t\tborder: 0;\n\t\t\tbox-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);\n\t\t}\n/* Make sure the glyph is rendered in the center of the button */\n.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {\n\t\t\tline-height: var(--ck-character-grid-tile-size);\n\t\t\twidth: 100%;\n\t\t\ttext-align: center;\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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.ck.ck-character-info {\n\tpadding: var(--ck-spacing-small) var(--ck-spacing-large);\n\tborder-top: 1px solid var(--ck-color-base-border);\n}\n.ck.ck-character-info > * {\n\t\ttext-transform: uppercase;\n\t\tfont-size: var(--ck-font-size-small);\n\t}\n.ck.ck-character-info .ck-character-info__name {\n\t\tmax-width: 280px;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t}\n.ck.ck-character-info .ck-character-info__code {\n\t\topacity: .6;\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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.ck.ck-special-characters-navigation > .ck-label {\n\t\tmax-width: 160px;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t}\n.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {\n\t\t/* There could be dozens of categories available. Use scroll to prevent a 10e6px dropdown. */\n\t\tmax-height: 250px;\n\t\toverflow-y: auto;\n\t\toverflow-x: hidden;\n\t}\n@media screen and (max-width: 600px) {\n.ck.ck-special-characters-navigation {\n\t\tmax-width: 190px;\n}\n\n\t\t.ck.ck-special-characters-navigation > .ck-form__header__label {\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {\n\tfont-style: italic;\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-style-panel-button-width: 120px;\n\t--ck-style-panel-button-height: 80px;\n\t--ck-style-panel-button-label-background: hsl(0, 0%, 94.1%);\n\t--ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%);\n\t--ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%);\n}\n.ck.ck-style-panel .ck-style-grid {\n\trow-gap: var(--ck-spacing-large);\n\tcolumn-gap: var(--ck-spacing-large);\n}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {\n\t\t--ck-color-button-default-hover-background: var(--ck-color-base-background);\n\t\t--ck-color-button-default-active-background: var(--ck-color-base-background);\n\n\t\tpadding: 0;\n\t\twidth: var(--ck-style-panel-button-width);\n\t\theight: var(--ck-style-panel-button-height);\n\n\t\t/* Let default .ck-button :focus styles apply */\n\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {\n\t\t\tborder: 1px solid var(--ck-color-base-border);\n\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {\n\t\t\theight: 22px;\n\t\t\tline-height: 22px;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0 var(--ck-spacing-medium);\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tflex-shrink: 0;\n\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {\n\t\t\twidth: 100%;\n\t\t\toverflow: hidden;\n\t\t\topacity: .9;\n\n\t\t\tpadding: var(--ck-spacing-medium);\n\t\t\tbackground: var(--ck-color-base-background);\n\t\t\tborder: 2px solid var(--ck-color-base-background);\n\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {\n\t\t\t--ck-color-button-default-disabled-background: var(--ck-color-base-foreground);\n\n\t\t\t/* Let default .ck-button :focus styles apply */\n\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {\n\t\t\t\tborder-color: var(--ck-style-panel-button-label-background);\n\t\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {\n\t\t\t\topacity: .4;\n\n\t\t\t\tborder-color: var(--ck-color-base-foreground);\n\t\t\t\tfilter: saturate(.3);\n\t\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {\n\t\t\tborder-color: var(--ck-color-base-active);\n\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {\n\t\t\t\tbox-shadow: 0 -1px 0 var(--ck-color-base-active);\n\t\t\t\tz-index: 1; /* Stay on top of the preview with the shadow. */\n\t\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {\n\t\t\t\tborder-color: var(--ck-color-base-active-focus);\n\t\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {\n\t\t\t\tbackground: var(--ck-style-panel-button-label-background);\n\t\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {\n\t\t\t\tbackground: var(--ck-style-panel-button-hover-label-background);\n\t\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {\n\t\t\tborder-color: var(--ck-style-panel-button-hover-border-color);\n\t\t}\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview {\n\t\t\t\topacity: 1;\n\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-style-panel .ck-style-panel__style-group > .ck-label {\n\t\tmargin: var(--ck-spacing-large) 0;\n\t}\n.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {\n\t\t\tmargin-top: 0;\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-style-panel-max-height: 470px;\n}\n.ck.ck-style-panel {\n\tpadding: var(--ck-spacing-large);\n\toverflow-y: auto;\n\tmax-height: var(--ck-style-panel-max-height);\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n[dir=\"ltr\"] .ck.ck-input-color > .ck.ck-input-text {\n\t\t\tborder-top-right-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t}\n[dir=\"rtl\"] .ck.ck-input-color > .ck.ck-input-text {\n\t\t\tborder-top-left-radius: 0;\n\t\t\tborder-bottom-left-radius: 0;\n\t}\n/* Make sure the focused input is always on top of the dropdown button so its\n\t\t   outline and border are never cropped (also when the input is read-only). */\n.ck.ck-input-color > .ck.ck-input-text:focus {\n\t\t\tz-index: 0;\n\t\t}\n.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {\n\t\t\tpadding: 0;\n\t\t}\n[dir=\"ltr\"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\tborder-bottom-left-radius: 0;\n\t}\n[dir=\"ltr\"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {\n\t\t\t\t\tborder-left: 1px solid transparent;\n\t\t\t\t}\n[dir=\"rtl\"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {\n\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\tborder-bottom-right-radius: 0;\n\t}\n[dir=\"rtl\"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {\n\t\t\t\t\tborder-right: 1px solid transparent;\n\t\t\t\t}\n.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {\n\t\t\t\tbackground: var(--ck-color-input-disabled-background);\n\t\t\t}\n.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {\n\t\t\t\tborder-radius: 0;\n\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\tborder: 1px solid var(--ck-color-input-border);\n\t\t\t}\n.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview,\n\t.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {\n\t\t\t\t\ttop: -30%;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\theight: 150%;\n\t\t\t\t\twidth: 8%;\n\t\t\t\t\tbackground: hsl(0, 100%, 50%);\n\t\t\t\t\tborder-radius: 2px;\n\t\t\t\t\ttransform: rotate(45deg);\n\t\t\t\t\ttransform-origin: 50%;\n\t\t\t\t}\n.ck.ck-input-color .ck.ck-input-color__remove-color {\n\t\twidth: 100%;\n\t\tpadding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);\n\n\t\tborder-bottom-left-radius: 0;\n\t\tborder-bottom-right-radius: 0;\n\t}\n.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {\n\t\t\tborder-bottom: 1px solid var(--ck-color-input-border);\n\t\t}\n[dir=\"ltr\"] .ck.ck-input-color .ck.ck-input-color__remove-color {\n\t\t\tborder-top-right-radius: 0;\n\t}\n[dir=\"rtl\"] .ck.ck-input-color .ck.ck-input-color__remove-color {\n\t\t\tborder-top-left-radius: 0;\n\t}\n.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {\n\t\t\tmargin-right: var(--ck-spacing-standard);\n\t\t}\n[dir=\"rtl\"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {\n\t\t\t\tmargin-right: 0;\n\t\t\t\tmargin-left: var(--ck-spacing-standard);\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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/* Ignore labels that work as fieldset legends */\n.ck.ck-form__row > *:not(.ck-label) + * {\n\t\t\tmargin-inline-start: var(--ck-spacing-large);\n\t\t}\n.ck.ck-form__row > .ck-label {\n\t\twidth: 100%;\n\t\tmin-width: 100%;\n\t}\n.ck.ck-form__row.ck-table-form__action-row {\n\t\tmargin-top: var(--ck-spacing-large);\n\t}\n.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {\n\t\t\tcolor: var(--ck-color-text);\n\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-insert-table-dropdown-padding: 10px;\n\t--ck-insert-table-dropdown-box-height: 11px;\n\t--ck-insert-table-dropdown-box-width: 12px;\n\t--ck-insert-table-dropdown-box-margin: 1px;\n}\n.ck .ck-insert-table-dropdown__grid {\n\t/* The width of a container should match 10 items in a row so there will be a 10x10 grid. */\n\twidth: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);\n\tpadding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;\n}\n.ck .ck-insert-table-dropdown__label,\n.ck[dir=rtl] .ck-insert-table-dropdown__label {\n\ttext-align: center;\n}\n.ck .ck-insert-table-dropdown-grid-box {\n\tmin-width: var(--ck-insert-table-dropdown-box-width);\n\tmin-height: var(--ck-insert-table-dropdown-box-height);\n\tmargin: var(--ck-insert-table-dropdown-box-margin);\n\tborder: 1px solid var(--ck-color-base-border);\n\tborder-radius: 1px;\n\toutline: none;\n\ttransition: none;\n}\n@media (prefers-reduced-motion: reduce) {\n.ck .ck-insert-table-dropdown-grid-box {\n\t\ttransition: none;\n}\n\t}\n.ck .ck-insert-table-dropdown-grid-box:focus {\n\t\tbox-shadow: none;\n\t}\n.ck .ck-insert-table-dropdown-grid-box.ck-on {\n\t\tborder-color: var(--ck-color-focus-border);\n\t\tbackground: var(--ck-color-focus-outer-shadow);\n\t}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-table-cell-properties-form {\n\twidth: 320px;\n}\n.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {\n\t\t\talign-self: flex-end;\n\t\t\tpadding: 0;\n\t\t\twidth: 25%;\n\t\t}\n.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {\n\t\t\t\tbackground: none;\n\n\t\t\t\t/* Compensate for missing input label that would push the margin (toolbar has no inputs). */\n\t\t\t\tmargin-top: var(--ck-spacing-standard);\n\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-table-focused-cell-background: hsla(212, 90%, 80%, .3);\n\t--ck-table-content-default-border-color: hsl(0, 0%, 83%);\n}\n/* Dashed outline for table without any border. */\n.ck-widget.table table[style*=\"border:none\"],\n\t.ck-widget.table table[style*=\"border-style:none\"] {\n\t\toutline: var(--ck-table-content-default-border-color) 1px dashed;\n\t}\n/**\n\t\t * While setting outline is fine, the border should not be modified here\n\t\t * because it overrides the default table cell border color which is not expected.\n\t\t * So do not use `@mixin ck-focus-ring;` here, or any other border styles.\n\t\t * See more: https://github.com/ckeditor/ckeditor5/issues/16979\n\t\t */\n.ck-widget.table td.ck-editor__nested-editable, .ck-widget.table th.ck-editor__nested-editable {\n\t\t\toutline: unset;\n\t\t}\n.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused:not(.ck-editor__editable_selected),\n\t\t\t\t.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused:not(.ck-editor__editable_selected),\n\t\t\t\t.ck-widget.table td.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus,\n\t\t\t\t.ck-widget.table th.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus {\n\t\t\t\t\t/* A very slight background to highlight the focused cell */\n\t\t\t\t\tbackground: var(--ck-color-table-focused-cell-background);\n\t\t\t\t\toutline: 1px solid var(--ck-color-focus-border);\n\t\t\t\t\toutline-offset: -1px; /* progressive enhancement - no IE support */\n\t\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n:root {\n\t--ck-table-properties-error-arrow-size: 6px;\n\t--ck-table-properties-min-error-width: 150px;\n}\n.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {\n\t\t\t\t\tfont-size: var(--ck-font-size-tiny);\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,\n\t\t\t.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {\n\t\t\t\twidth: 80px;\n\t\t\t\tmin-width: 80px;\n\t\t\t\tmax-width: 80px;\n\t\t\t}\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {\n\t\t\tpadding: 0;\n\t\t}\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,\n\t\t\t.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {\n\t\t\t\tmargin: 0\n\t\t\t}\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {\n\t\t\t\talign-self: flex-end;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\theight: var(--ck-ui-component-min-height);\n\t\t\t\tline-height: var(--ck-ui-component-min-height);\n\t\t\t\tmargin: 0 var(--ck-spacing-small);\n\t\t\t}\n.ck.ck-table-form .ck.ck-labeled-field-view {\n\t\tpadding-top: var(--ck-spacing-standard);\n\t}\n.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {\n\t\t\tborder-radius: 0;\n\n\t\t\tbackground: var(--ck-color-base-error);\n\t\t\tcolor: var(--ck-color-base-background);\n\t\t\tpadding: var(--ck-spacing-small) var(--ck-spacing-medium);\n\t\t\tmin-width: var(--ck-table-properties-min-error-width);\n\t\t\ttext-align: center;\n\n\t\t\tanimation: ck-table-form-labeled-view-status-appear .15s ease both;\n\t\t}\n.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,\n\t.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n/* The arrow pointing towards the field. */\n.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {\n\t\t\t\tborder-color: transparent transparent var(--ck-color-base-error) transparent;\n\t\t\t\tborder-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);\n\t\t\t\tborder-style: solid;\n\t\t\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {\n\t\t\t\tanimation: none;\n\t\t}\n\t\t\t}\n/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */\n.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {\n\t\t\tdisplay: none;\n\t\t}\n@keyframes ck-table-form-labeled-view-status-appear {\n\t0% {\n\t\topacity: 0;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t}\n}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-table-properties-form {\n\twidth: 320px;\n}\n.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {\n\t\t\talign-self: flex-end;\n\t\t\tpadding: 0;\n\t\t}\n.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {\n\t\t\t\tbackground: none;\n\n\t\t\t\t/* Compensate for missing input label that would push the margin (toolbar has no inputs). */\n\t\t\t\tmargin-top: var(--ck-spacing-standard);\n\t\t\t}\n.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {\n\t\t\t\t\twidth: 40px;\n\t\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-table-selected-cell-background: hsla(208, 90%, 80%, .3);\n}\n.ck.ck-editor__editable .table table td.ck-editor__editable_selected,\n\t.ck.ck-editor__editable .table table th.ck-editor__editable_selected {\n\t\tposition: relative;\n\t\tcaret-color: transparent;\n\t\tbox-shadow: unset;\n\n\t\t/* https://github.com/ckeditor/ckeditor5/issues/6446 */\n\t}\n.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {\n\t\t\tcontent: '';\n\t\t\tpointer-events: none;\n\t\t\tbackground-color: var(--ck-table-selected-cell-background);\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t}\n.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,\n\t\t.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,\n\t\t.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,\n\t\t.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus {\n\t\t\tbackground-color: transparent;\n\t\t}\n/*\n\t\t * To reduce the amount of noise, all widgets in the table selection have no outline and no selection handle.\n\t\t * See https://github.com/ckeditor/ckeditor5/issues/9491.\n\t\t */\n.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget {\n\t\t\toutline: unset;\n\t\t}\n.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {\n\t\t\t\tdisplay: none;\n\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-table-layout-widget-type-around-button-size: 16px;\n\t--ck-table-layout-widget-type-around-icon-width: 10px;\n\t--ck-table-layout-widget-type-around-icon-height: 8px;\n\t--ck-table-layout-widget-handler-icon-size: 10px;\n\t--ck-table-layout-default-border-color: hsl(0, 0%, 83%);\n\n}\n.ck-editor__editable .table.layout-table > table {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\n\t\t\t/* Resetting `border-collapse` property to the user agent styles. */\n\t\t\tborder-collapse: revert;\n\n\t\t\t/* The default table layout style in the editing view when the border is unset. */\n\t\t}\n.ck-editor__editable .table.layout-table > table:not(\n\t\t\t[style*=\"border:\"],\n\t\t\t[style*=\"border-top\"],\n\t\t\t[style*=\"border-bottom\"],\n\t\t\t[style*=\"border-left\"],\n\t\t\t[style*=\"border-right\"],\n\t\t\t[style*=\"border-width\"],\n\t\t\t[style*=\"border-style\"],\n\t\t\t[style*=\"border-color\"]) {\n\t\t\t\tborder-color: transparent;\n\t\t\t\tborder-width: 0;\n\t\t\t\toutline: none;\n\t\t\t}\n.ck-editor__editable .table.layout-table > table > tbody > tr > td {\n\t\t\tbox-shadow: revert;\n\t\t\tpadding: revert;\n\t\t\tmin-width: 2em;\n\t\t\t/* To make the caret visible. */\n\t\t\ttext-indent: 1px;\n\n\t\t\t/* Resets the `min-width` style attribute that was added by the content table style. */\n\t\t}\n.ck-editor__editable .table.layout-table > table > tbody > tr > td[style^=\"width:\"],\n\t\t\t.ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=\" width:\"],\n\t\t\t.ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=\";width:\"],\n\t\t\t.ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=\"'width:\"] {\n\t\t\t\tmin-width: auto;\n\t\t\t}\n/* Remove the default background color from the focused table cell. */\n.ck-editor__editable .table.layout-table > table > tbody > tr > td:focus {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n/* The default table layout cell style in the editing view when the border is unset.\n\t\t\tBut it need to be more strict cause of style attributes like `border-collapse`, `border-spacing`, etc. */\n.ck-editor__editable .table.layout-table > table > tbody > tr > td:not(\n\t\t\t[style*=\"border:\"],\n\t\t\t[style*=\"border-top\"],\n\t\t\t[style*=\"border-bottom\"],\n\t\t\t[style*=\"border-left\"],\n\t\t\t[style*=\"border-right\"],\n\t\t\t[style*=\"border-width\"],\n\t\t\t[style*=\"border-style\"],\n\t\t\t[style*=\"border-color\"]) {\n\t\t\t\tborder-color: transparent;\n\t\t\t\t/* Resetting `border-width` property to the user agent styles. */\n\t\t\t\tborder-width: 0;\n\t\t\t\toutline: var(--ck-table-layout-default-border-color) 1px dashed;\n\t\t\t\toutline-offset: -1px;\n\t\t\t}\n.ck-editor__editable .table.layout-table > table > tbody > tr > td:not(\n\t\t\t[style*=\"border:\"],\n\t\t\t[style*=\"border-top\"],\n\t\t\t[style*=\"border-bottom\"],\n\t\t\t[style*=\"border-left\"],\n\t\t\t[style*=\"border-right\"],\n\t\t\t[style*=\"border-width\"],\n\t\t\t[style*=\"border-style\"],\n\t\t\t[style*=\"border-color\"]):focus {\n\t\t\t\t\toutline: var(--ck-color-focus-border) 1px solid;\n\t\t\t\t}\n/* Reset the `width` and `text-indent` of the bogus paragraph because <td> has 1px text indent. */\n.ck-editor__editable .table.layout-table > table > tbody > tr > td > .ck-table-bogus-paragraph {\n\t\t\t\twidth: calc(100% - 1px);\n\t\t\t\ttext-indent: 0;\n\t\t\t}\n/* Widget type around overrides. */\n.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around {\n\t\t\t\t--ck-widget-type-around-button-size: var(--ck-table-layout-widget-type-around-button-size);\n\t\t\t}\n.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before,\n\t\t\t\t\t.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {\n\t\t\t\t\t\ttransform: translateY(0);\n\t\t\t\t\t\t/* Same value as inline-image widget because it is after the inline-image in HTML structure */\n\t\t\t\t\t\tz-index: 2;\n\t\t\t\t\t}\n.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before {\n\t\t\t\t\t\tmargin-left: var(--ck-table-layout-widget-type-around-button-size);\n\t\t\t\t\t\tleft: min(10%, 30px);\n\t\t\t\t\t\tborder-radius: 0 0 100px 100px;\n\t\t\t\t\t}\n.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before::after {\n\t\t\t\t\t\t\tborder-radius: 0 0 100px 100px;\n\t\t\t\t\t\t}\n.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {\n\t\t\t\t\t\tborder-radius: 100px 100px 0 0;\n\t\t\t\t\t}\n.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after::after {\n\t\t\t\t\t\t\tborder-radius: 100px 100px 0 0;\n\t\t\t\t\t\t}\n.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg {\n\t\t\t\t\t\twidth: var(--ck-table-layout-widget-type-around-icon-width);\n\t\t\t\t\t\theight: var(--ck-table-layout-widget-type-around-icon-height);\n\t\t\t\t\t}\n.ck-editor__editable .table.layout-table.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle {\n\t\t\t\t\t--ck-widget-handler-icon-size: var(--ck-table-layout-widget-handler-icon-size);\n\n\t\t\t\t\ttransform: translateY(calc(0px - var(--ck-widget-outline-thickness)));\n\t\t\t\t\t/* Value increased by 1 as in selected inline-image widget\n\t\t\t\t\tbecause it is before the inline-image in HTML structure. */\n\t\t\t\t\tz-index: 3;\n\t\t\t\t}\n/* Show fake caret on border not above. */\n.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {\n\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t}\n/* Show fake caret on border not below. */\n.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {\n\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-table-properties-form {\n\twidth: 320px;\n}\n.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {\n\t\t\talign-self: flex-end;\n\t\t}\n.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {\n\t\t\t\tbackground: none;\n\n\t\t\t\t/* Compensate for missing input label that would push the margin (toolbar has no inputs). */\n\t\t\t\tmargin-top: var(--ck-spacing-standard);\n\t\t\t}\n.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-properties-form__alignment-row {\n\t\t\t\tpadding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;\n\t\t\t}\n.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row {\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row > .ck.ck-button {\n\t\t\t\t\tflex-grow: initial;\n\t\t\t\t}\n.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label {\n\t\t\t\t\t\tcolor: currentColor;\n\t\t\t\t\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n:root {\n\t--ck-table-properties-error-arrow-size: 6px;\n\t--ck-table-properties-min-error-width: 150px;\n}\n.ck.ck-table-form.ck-table-properties-form_experimental {\n\t--ck-table-form-default-input-width: 80px;\n}\n.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {\n\t\t\t\t\tfont-size: var(--ck-font-size-tiny);\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,\n\t\t\t.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {\n\t\t\t\twidth: var(--ck-table-form-default-input-width);\n\t\t\t\tmin-width: var(--ck-table-form-default-input-width);\n\t\t\t\tmax-width: var(--ck-table-form-default-input-width);\n\t\t\t}\n.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row {\n\t\t\t--ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));\n\n\t\t\twidth: var(--ck-table-form-dimensions-input-width);\n\t\t\tmax-width: var(--ck-table-form-dimensions-input-width);\n\t\t\tmin-width: var(--ck-table-form-dimensions-input-width);\n\t\t\tpadding: 0;\n\t\t}\n.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,\n\t\t\t.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {\n\t\t\t\twidth: var(--ck-table-form-default-input-width);\n\t\t\t\tmin-width: var(--ck-table-form-default-input-width);\n\t\t\t\tmax-width: var(--ck-table-form-default-input-width);\n\t\t\t\tmargin: 0\n\t\t\t}\n.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {\n\t\t\t\tposition: relative;\n\t\t\t\tleft: -0.5ch;\n\t\t\t\twidth: 0;\n\t\t\t\toverflow: visible;\n\t\t\t\talign-self: flex-end;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\theight: var(--ck-ui-component-min-height);\n\t\t\t\tline-height: var(--ck-ui-component-min-height);\n\t\t\t\tmargin: 0 var(--ck-spacing-small);\n\t\t\t}\n.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view {\n\t\tpadding-top: var(--ck-spacing-standard);\n\t}\n.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {\n\t\t\tborder-radius: 0;\n\n\t\t\tbackground: var(--ck-color-base-error);\n\t\t\tcolor: var(--ck-color-base-background);\n\t\t\tpadding: var(--ck-spacing-small) var(--ck-spacing-medium);\n\t\t\tmin-width: var(--ck-table-properties-min-error-width);\n\t\t\ttext-align: center;\n\n\t\t\tanimation: ck-table-form-labeled-view-status-appear .15s ease both;\n\t\t}\n.ck-rounded-corners .ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,\n\t.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t}\n/* The arrow pointing towards the field. */\n.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {\n\t\t\t\tborder-color: transparent transparent var(--ck-color-base-error) transparent;\n\t\t\t\tborder-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);\n\t\t\t\tborder-style: solid;\n\t\t\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {\n\t\t\t\tanimation: none;\n\t\t}\n\t\t\t}\n/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */\n.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {\n\t\t\tdisplay: none;\n\t\t}\n@keyframes ck-table-form-labeled-view-status-appear {\n\t0% {\n\t\topacity: 0;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t}\n}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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/* Ignore labels that work as fieldset legends */\n.ck.ck-form__row > *:not(.ck-label) + * {\n\t\t\tmargin-inline-start: var(--ck-spacing-large);\n\t\t}\n.ck.ck-form__row > .ck-label {\n\t\twidth: 100%;\n\t\tmin-width: 100%;\n\t}\n.ck.ck-form__row.ck-table-form__action-row {\n\t\tmargin-top: var(--ck-spacing-large);\n\t}\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * A visual style of focused element's border.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-widget-outline-thickness: 3px;\n\t--ck-widget-handler-icon-size: 16px;\n\t--ck-widget-handler-animation-duration: 200ms;\n\t--ck-widget-handler-animation-curve: ease;\n\n\t--ck-color-widget-blurred-border: hsl(0, 0%, 87%);\n\t--ck-color-widget-hover-border: hsl(43, 100%, 62%);\n\t--ck-color-widget-editable-focus-background: var(--ck-color-base-background);\n\t--ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);\n}\n.ck .ck-widget {\n\toutline-width: var(--ck-widget-outline-thickness);\n\toutline-style: solid;\n\toutline-color: transparent;\n\ttransition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);\n}\n@media (prefers-reduced-motion: reduce) {\n.ck .ck-widget {\n\t\ttransition: none;\n}\n\t}\n.ck .ck-widget.ck-widget_selected,\n\t.ck .ck-widget.ck-widget_selected:hover {\n\t\toutline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);\n\t}\n.ck .ck-widget:hover {\n\t\toutline-color: var(--ck-color-widget-hover-border);\n\t}\n.ck .ck-editor__nested-editable {\n\tborder: 1px solid transparent;\n\n\t/* The :focus style is applied before .ck-editor__nested-editable_focused class is rendered in the view.\n\tThese styles show a different border for a blink of an eye, so `:focus` need to have same styles applied. */\n}\n.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,\n\t.ck .ck-editor__nested-editable:focus {\n\t\tbox-shadow: var(--ck-inner-shadow), 0 0;\n\t}\n@media (forced-colors: none) {\n\t\t.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus {\n\t\t\tbackground-color: var(--ck-color-widget-editable-focus-background);\n\t\t}\n\t}\n/**\n\t\t * Focus border should not be applied to table cells because it overrides the default table cell border color.\n\t\t * In other words - in some scenarios, the part of the table cell border has focus color style, which is not expected behavior\n\t\t * because it should be the same as the table cell border color.\n\t\t */\n.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th), .ck .ck-editor__nested-editable:focus:not(td, th) {\n\t\t\t/* Disable native outline. */\n\t\t\toutline: none;\n\t\t\tborder: var(--ck-focus-ring);\n\t\t}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {\n\t\tpadding: 4px;\n\t\tbox-sizing: border-box;\n\n\t\t/* Background and opacity will be animated as the handler shows up or the widget gets selected. */\n\t\tbackground-color: transparent;\n\t\topacity: 0;\n\n\t\t/* Transition:\n\t\t   * background-color for the .ck-widget_selected state change,\n\t\t   * visibility for hiding the handler,\n\t\t   * opacity for the proper look of the icon when the handler disappears. */\n\t\ttransition:\n\t\t\tbackground-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),\n\t\t\tvisibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),\n\t\t\topacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);\n\n\t\t/* Make only top corners round. */\n\t\tborder-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;\n\n\t\t/* Place the drag handler outside the widget wrapper. */\n\t\ttransform: translateY(-100%);\n\t\tleft: calc(0px - var(--ck-widget-outline-thickness));\n\t\ttop: 0;\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {\n\t\t\ttransition: none;\n\t}\n\t\t}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {\n\t\t\t/* Make sure the dimensions of the icon are independent of the fon-size of the content. */\n\t\t\twidth: var(--ck-widget-handler-icon-size);\n\t\t\theight: var(--ck-widget-handler-icon-size);\n\t\t\tcolor: var(--ck-color-widget-drag-handler-icon-color);\n\n\t\t\t/* The \"selected\" part of the icon is invisible by default */\n\t\t}\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {\n\t\t\t\topacity: 0;\n\n\t\t\t\t/* Note: The animation is longer on purpose. Simply feels better. */\n\t\t\t\ttransition: opacity 300ms var(--ck-widget-handler-animation-curve);\n\t\t\t}\n@media (prefers-reduced-motion: reduce) {\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {\n\t\t\t\t\ttransition: none;\n\t\t\t}\n\t\t\t\t}\n/* Advertise using the look of the icon that once clicked the handler, the widget will be selected. */\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {\n\t\t\topacity: 1;\n\t\t}\n/* Show the selection handler on mouse hover over the widget, but not for nested widgets. */\n.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {\n\t\topacity: 1;\n\t\tbackground-color: var(--ck-color-widget-hover-border);\n\t}\n/* Show the selection handler when the widget is selected, but not for nested widgets. */\n.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {\n\t\t\topacity: 1;\n\t\t\tbackground-color: var(--ck-color-focus-border);\n\n\t\t\t/* When the widget is selected, notify the user using the proper look of the icon. */\n\t\t}\n.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {\n\t\t\t\topacity: 1;\n\t\t\t}\n/* In a RTL environment, align the selection handler to the right side of the widget */\n/* stylelint-disable-next-line no-descending-specificity */\n.ck[dir=\"rtl\"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {\n\tleft: auto;\n\tright: calc(0px - var(--ck-widget-outline-thickness));\n}\n/* https://github.com/ckeditor/ckeditor5/issues/6415 */\n.ck.ck-editor__editable.ck-read-only .ck-widget {\n\t/* Prevent the :hover outline from showing up because of the used outline-color transition. */\n\ttransition: none;\n}\n.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {\n\t\t/* Disable visual effects of hover/active widget when CKEditor is in readOnly mode.\n\t\t * See: https://github.com/ckeditor/ckeditor5/issues/1261\n\t\t *\n\t\t * Leave the unit because this custom property is used in calc() by other features.\n\t\t * See: https://github.com/ckeditor/ckeditor5/issues/6775\n\t\t */\n\t\t--ck-widget-outline-thickness: 0px;\n\t}\n.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,\n\t\t.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {\n\t\t\tbackground: var(--ck-color-widget-blurred-border);\n\t\t}\n/*\n* Hide the outline of all widget parents when the widget is being hovered.\n*/\n.ck .ck-widget:has( .ck-widget.table:hover ) {\n\toutline-color: transparent;\n}\n/* Hide the selection handle on mouse hover over the widget of all the widget parents. */\n.ck .ck-widget.ck-widget_with-selection-handle:has( .ck-widget.table:hover ) > .ck-widget__selection-handle {\n\topacity: 0;\n\tvisibility: hidden;\n}\n/* Style the widget when it's selected but the editable it belongs to lost focus. */\n/* stylelint-disable-next-line no-descending-specificity */\n.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,\n\t.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {\n\t\toutline-color: var(--ck-color-widget-blurred-border);\n\t}\n.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle,\n\t\t\t.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle,\n\t\t\t.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover,\n\t\t\t.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover {\n\t\t\t\tbackground: var(--ck-color-widget-blurred-border);\n\t\t\t}\n.ck.ck-editor__editable:not(.ck-pagination-view) > .ck-widget.ck-widget_with-selection-handle:first-child,\n.ck.ck-editor__editable:not(.ck-pagination-view) blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {\n\t/* Do not crop selection handler if a widget is a first-child in the blockquote or in the root editable.\n\tIn fact, anything with overflow: hidden.\n\thttps://github.com/ckeditor/ckeditor5-block-quote/issues/28\n\thttps://github.com/ckeditor/ckeditor5-widget/issues/44\n\thttps://github.com/ckeditor/ckeditor5-widget/issues/66 */\n\tmargin-top: calc(1em + var(--ck-widget-handler-icon-size));\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-resizer-size: 10px;\n\n\t/* Set the resizer with a 50% offset. */\n\t--ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px);\n\t--ck-resizer-border-width: 1px;\n}\n.ck .ck-widget__resizer {\n\toutline: 1px solid var(--ck-color-resizer);\n}\n.ck .ck-widget__resizer__handle {\n\twidth: var(--ck-resizer-size);\n\theight: var(--ck-resizer-size);\n\tbackground: var(--ck-color-focus-border);\n\tborder: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%);\n\tborder-radius: var(--ck-resizer-border-radius);\n}\n.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {\n\t\ttop: var(--ck-resizer-offset);\n\t\tleft: var(--ck-resizer-offset);\n\t}\n.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {\n\t\ttop: var(--ck-resizer-offset);\n\t\tright: var(--ck-resizer-offset);\n\t}\n.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {\n\t\tbottom: var(--ck-resizer-offset);\n\t\tright: var(--ck-resizer-offset);\n\t}\n.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {\n\t\tbottom: var(--ck-resizer-offset);\n\t\tleft: var(--ck-resizer-offset);\n\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-widget-type-around-button-size: 20px;\n\t--ck-color-widget-type-around-button-active: var(--ck-color-focus-border);\n\t--ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);\n\t--ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);\n\t--ck-color-widget-type-around-button-radar-start-alpha: 0;\n\t--ck-color-widget-type-around-button-radar-end-alpha: .3;\n\t--ck-color-widget-type-around-button-icon: var(--ck-color-base-background);\n}\n/*\n\t * Styles of the type around buttons\n\t */\n.ck .ck-widget .ck-widget__type-around__button {\n\t\twidth: var(--ck-widget-type-around-button-size);\n\t\theight: var(--ck-widget-type-around-button-size);\n\t\tbackground: var(--ck-color-widget-type-around-button);\n\t\tborder-radius: 100px;\n\t\ttransition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);\n\n\t\topacity: 0;\n\n\t\tpointer-events: none;\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck .ck-widget .ck-widget__type-around__button {\n\t\t\ttransition: none;\n\t}\n\t\t}\n.ck .ck-widget .ck-widget__type-around__button svg {\n\t\t\twidth: 10px;\n\t\t\theight: 8px;\n\t\t\ttransform: translate(-50%,-50%);\n\t\t\ttransition: transform .5s ease;\n\t\t\tmargin-top: 1px;\n\t\t}\n@media (prefers-reduced-motion: reduce) {\n.ck .ck-widget .ck-widget__type-around__button svg {\n\t\t\t\ttransition: none;\n\t\t}\n\t\t\t}\n.ck .ck-widget .ck-widget__type-around__button svg * {\n\t\t\t\tstroke-dasharray: 10;\n\t\t\t\tstroke-dashoffset: 0;\n\n\t\t\t\tfill: none;\n\t\t\t\tstroke: var(--ck-color-widget-type-around-button-icon);\n\t\t\t\tstroke-width: 1.5px;\n\t\t\t\tstroke-linecap: round;\n\t\t\t\tstroke-linejoin: round;\n\t\t\t}\n.ck .ck-widget .ck-widget__type-around__button svg line {\n\t\t\t\tstroke-dasharray: 7;\n\t\t\t}\n.ck .ck-widget .ck-widget__type-around__button:hover {\n\t\t\t/*\n\t\t\t * Display the \"sonar\" around the button when hovered.\n\t\t\t */\n\t\t\tanimation: ck-widget-type-around-button-sonar 1s ease infinite;\n\n\t\t\t/*\n\t\t\t * Animate active button's icon.\n\t\t\t */\n\t\t}\n.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {\n\t\t\t\t\tanimation: ck-widget-type-around-arrow-dash 2s linear;\n\t\t\t\t}\n.ck .ck-widget .ck-widget__type-around__button:hover svg line {\n\t\t\t\t\tanimation: ck-widget-type-around-arrow-tip-dash 2s linear;\n\t\t\t\t}\n@media (prefers-reduced-motion: reduce) {\n.ck .ck-widget .ck-widget__type-around__button:hover {\n\t\t\t\tanimation: none;\n\t\t}\n\t\t\t\t\t.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {\n\t\t\t\t\t\tanimation: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t.ck .ck-widget .ck-widget__type-around__button:hover svg line {\n\t\t\t\t\t\tanimation: none;\n\t\t\t\t\t}\n\t\t\t}\n/*\n\t * Show type around buttons when the widget is being hovered.\n\t */\n.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {\n\t\t\topacity: 1;\n\t\t\tpointer-events: auto;\n\t\t}\n/*\n\t * Styles for the buttons when the widget is NOT selected (but the buttons are visible\n\t * and still can be hovered).\n\t */\n.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {\n\t\tbackground: var(--ck-color-widget-type-around-button-hover);\n\t}\n/*\n\t * Styles for the buttons when:\n\t * - the widget is selected,\n\t * - or the button is being hovered (regardless of the widget state).\n\t */\n.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,\n\t.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover {\n\t\tbackground: var(--ck-color-widget-type-around-button-active);\n\t}\n.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {\n\t\t\twidth: calc(var(--ck-widget-type-around-button-size) - 2px);\n\t\t\theight: calc(var(--ck-widget-type-around-button-size) - 2px);\n\t\t\tborder-radius: 100px;\n\t\t\tbackground: linear-gradient(135deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,.3) 100%);\n\t\t}\n/*\n\t\t* Styles of the widget when the \"fake caret\" is blinking (e.g. upon keyboard navigation).\n\t\t* Despite the widget being physically selected in the model, its outline should disappear.\n\t\t*/\n.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,\n\t\t.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {\n\t\t\toutline-color: transparent;\n\t\t}\n/*\n\t\t* Show type around buttons when the widget gets selected.\n\t\t*/\n.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button {\n\t\t\topacity: 1;\n\t\t\tpointer-events: auto;\n\t\t}\n/*\n\t * Styles for the \"before\" button when the widget has a selection handle. Because some space\n\t * is consumed by the handle, the button must be moved slightly to the right to let it breathe.\n\t */\n.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {\n\t\tmargin-left: 20px;\n\t}\n/*\n\t * Styles for the horizontal \"fake caret\" which is displayed when the user navigates using the keyboard.\n\t */\n.ck .ck-widget .ck-widget__type-around__fake-caret {\n\t\tpointer-events: none;\n\t\theight: 1px;\n\t\tanimation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards;\n\n\t\t/*\n\t\t * The semi-transparent-outline+background combo improves the contrast\n\t\t * when the background underneath the fake caret is dark.\n\t\t */\n\t\toutline: solid 1px hsla(0, 0%, 100%, .5);\n\t\tbackground: var(--ck-color-base-text);\n\t}\n/*\n\t\t * When the \"fake caret\" is visible we simulate that the widget is not selected\n\t\t * (despite being physically selected), so the outline color should be for the\n\t\t * unselected widget.\n\t\t */\n.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover {\n\t\t\toutline-color: var(--ck-color-widget-hover-border);\n\t\t}\n/*\n\t\t * Styles of the type around buttons when the \"fake caret\" is blinking (e.g. upon keyboard navigation).\n\t\t * In this state, the type around buttons would collide with the fake carets so they should disappear.\n\t\t */\n.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button {\n\t\t\topacity: 0;\n\t\t\tpointer-events: none;\n\t\t}\n/*\n\t\t * Fake horizontal caret integration with the selection handle. When the caret is visible, simply\n\t\t * hide the handle because it intersects with the caret (and does not make much sense anyway).\n\t\t */\n.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {\n\t\t\t\t\topacity: 0\n\t\t\t\t}\n/*\n\t\t * Fake horizontal caret integration with the resize UI. When the caret is visible, simply\n\t\t * hide the resize UI because it creates too much noise. It can be visible when the user\n\t\t * hovers the widget, though.\n\t\t */\n.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {\n\t\t\topacity: 0\n\t\t}\n/*\n * Styles for the \"before\" button when the widget has a selection handle in an RTL environment.\n * The selection handler is aligned to the right side of the widget so there is no need to create\n * additional space for it next to the \"before\" button.\n */\n.ck[dir=\"rtl\"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before {\n\tmargin-left: 0;\n\tmargin-right: 20px;\n}\n/*\n * Hide type around buttons when the widget is selected as a child of a selected\n * nested editable (e.g. mulit-cell table selection).\n *\n * See https://github.com/ckeditor/ckeditor5/issues/7263.\n */\n/* stylelint-disable-next-line no-descending-specificity */\n.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {\n\t\t\t\topacity: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n/*\n * Hide type around buttons of all widget parents when the widget is being hovered.\n */\n.ck .ck-widget:has( .ck-widget.table:hover ) > .ck-widget__type-around > .ck-widget__type-around__button {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n/*\n * Styles for the buttons when the widget is selected but the user clicked outside of the editor (blurred the editor).\n */\n.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) {\n\tbackground: var(--ck-color-widget-type-around-button-blurred-editable);\n}\n.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * {\n\t\tstroke: hsl(0,0%,60%);\n\t}\n@keyframes ck-widget-type-around-arrow-dash {\n\t0% {\n\t\tstroke-dashoffset: 10;\n\t}\n\t20%, 100% {\n\t\tstroke-dashoffset: 0;\n\t}\n}\n@keyframes ck-widget-type-around-arrow-tip-dash {\n\t0%, 20% {\n\t\tstroke-dashoffset: 7;\n\t}\n\t40%, 100% {\n\t\tstroke-dashoffset: 0;\n\t}\n}\n@keyframes ck-widget-type-around-button-sonar {\n\t0% {\n\t\tbox-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));\n\t}\n\t50% {\n\t\tbox-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha));\n\t}\n\t100% {\n\t\tbox-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));\n\t}\n}\n@keyframes ck-widget-type-around-fake-caret-pulse {\n\t0% {\n\t\topacity: 1;\n\t}\n\t49% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0;\n\t}\n\t99% {\n\t\topacity: 0;\n\t}\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-content code {\n\tbackground-color: hsla(0, 0%, 78%, 0.3);\n\tpadding: .15em;\n\tborder-radius: 2px;\n}\n\n.ck.ck-editor__editable .ck-code_selected  {\n\tbackground-color: hsla(0, 0%, 78%, 0.5);\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-content blockquote {\n\t/* See #12 */\n\toverflow: hidden;\n\n\t/* https://github.com/ckeditor/ckeditor5-block-quote/issues/15 */\n\tpadding-right: 1.5em;\n\tpadding-left: 1.5em;\n\n\tmargin-left: 0;\n\tmargin-right: 0;\n\tfont-style: italic;\n\tborder-left: solid 5px hsl(0, 0%, 80%);\n}\n\n.ck-content[dir=\"rtl\"] blockquote {\n\tborder-left: 0;\n\tborder-right: solid 5px hsl(0, 0%, 80%);\n}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t/* Based on default CKBox theme colors */\n\t--ck-image-processing-highlight-color: hsl(220, 10%, 98%);\n\t--ck-image-processing-background-color: hsl(220, 10%, 90%);\n}\n\n.ck.ck-editor__editable .image.image-processing {\n\t\t\tposition: relative;\n\t\t}\n\n.ck.ck-editor__editable .image.image-processing:before {\n\t\t\t\tcontent: '';\n\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tz-index: 1;\n\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\n\t\t\t\tbackground: linear-gradient(\n\t\t\t\t\t90deg,\n\t\t\t\t\tvar(--ck-image-processing-background-color),\n\t\t\t\t\tvar(--ck-image-processing-highlight-color),\n\t\t\t\t\tvar(--ck-image-processing-background-color)\n\t\t\t\t);\n\t\t\t\tbackground-size: 200% 100%;\n\n\t\t\t\tanimation: ck-image-processing-animation 2s linear infinite;\n\t\t\t}\n\n.ck.ck-editor__editable .image.image-processing img {\n\t\t\t\theight: 100%;\n\t\t\t}\n\n@keyframes ck-image-processing-animation {\n\t0% {\n\t\tbackground-position: 200% 0;\n\t}\n\t100% {\n\t\tbackground-position: -200% 0;\n\t}\n}\n\n/*\n * Copyright (c) 2003-2025, 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\t * Vertical drop target (in text).\n\t */\n\n.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {\n\t\tdisplay: inline;\n\t\tposition: relative;\n\t\tpointer-events: none;\n\t}\n\n.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {\n\t\t\tposition: absolute;\n\t\t\twidth: 0;\n\t\t}\n\n/*\n\t * Styles of the widget being dragged (its preview).\n\t */\n\n.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle {\n\t\t\tdisplay: none;\n\t\t}\n\n.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {\n\t\t\tdisplay: none;\n\t\t}\n\n.ck.ck-clipboard-drop-target-line {\n\tposition: absolute;\n\tz-index: var(--ck-z-default);\n\tpointer-events: none;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-content pre {\n\tpadding: 1em;\n\tcolor: hsl(0, 0%, 20.8%);\n\tbackground: hsla(0, 0%, 78%, 0.3);\n\tborder: 1px solid hsl(0, 0%, 77%);\n\tborder-radius: 2px;\n\n\t/* Code block are language direction\u2013agnostic. */\n\ttext-align: left;\n\tdirection: ltr;\n\n\ttab-size: 4;\n\twhite-space: pre-wrap;\n\n\t/* Don't inherit the style, e.g. when in a block quote. */\n\tfont-style: normal;\n\n\t/* Don't let the code be squashed e.g. when in a table cell. */\n\tmin-width: 200px;\n}\n\n.ck-content pre code {\n\t\tbackground: unset;\n\t\tpadding: 0;\n\t\tborder-radius: 0;\n\t}\n\n.ck.ck-editor__editable pre {\n\tposition: relative;\n}\n\n.ck.ck-editor__editable pre[data-language]::after {\n\t\tcontent: attr(data-language);\n\t\tposition: absolute;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-content-font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;\n\t--ck-content-font-size: medium;\n\t/* stylelint-disable-next-line declaration-property-value-disallowed-list */\n\t--ck-content-font-color: #000;\n\t--ck-content-line-height: 1.5;\n\t--ck-content-word-break: break-word;\n}\n\n.ck-content {\n\tfont-family: var(--ck-content-font-family);\n\tfont-size: var(--ck-content-font-size);\n\tcolor: var(--ck-content-font-color);\n\tline-height: var(--ck-content-line-height);\n\tword-break: var(--ck-content-word-break);\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-editor {\n\t/* All the elements within `.ck-editor` are positioned relatively to it.\n\t If any element needs to be positioned with respect to the <body>, etc.,\n\t it must land outside of the `.ck-editor` in DOM. */\n\tposition: relative;\n}\n\n.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {\n\t\t/* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */\n\t\tz-index: var(--ck-z-panel);\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-menu-bar {\n\tborder: none;\n\tborder-bottom: 1px solid var(--ck-color-toolbar-border);\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-emoji {\n\twidth: 320px;\n}\n\n.ck .ck.ck-emoji__search {\n\tdisplay: flex;\n\tpadding: var(--ck-spacing-large);\n\tpadding-bottom: var(--ck-spacing-medium);\n\tjustify-content: space-between;\n\talign-items: center;\n}\n\n.ck .ck.ck-emoji__search > .ck.ck-search {\n\t\tflex: 1;\n\t}\n\n/*\n * Classes used by the \"fake visual selection\" displayed in the content when an input\n * in the emoji picker UI has focus (the browser does not render the native selection in this state).\n */\n.ck .ck-fake-emoji-selection {\n\tbackground: var(--ck-color-link-fake-selection);\n}\n\n/* A collapsed fake visual selection. */\n.ck .ck-fake-emoji-selection_collapsed {\n\theight: 100%;\n\tborder-right: 1px solid var(--ck-color-base-text);\n\tmargin-right: -1px;\n\toutline: solid 1px hsla(0, 0%, 100%, .5);\n}\n\ndiv.ck.ck-balloon-panel.ck-emoji-picker-balloon {\n\tz-index: calc( var( --ck-z-dialog ) + 1 );\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-emoji__categories-list {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tmargin: 0 var(--ck-spacing-large);\n}\n\n.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text {\n\t\tborder-width: 0;\n\t\tborder-bottom-width: 2px;\n\t\tborder-bottom-style: solid;\n\t\tborder-bottom-color: transparent;\n\t\tpadding: 0;\n\t\tfont-size: var(--ck-font-size-big);\n\t\tmin-width: var(--ck-font-size-big);\n\t\tmin-height: var(--ck-font-size-big);\n\t}\n\n.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text.ck-emoji__category-item.ck-on {\n\t\t\tborder-bottom-color: var(--ck-color-base-active);\n\t\t}\n\n.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text > span {\n\t\t\tmargin: auto;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-emoji-grid-tile-size: 27px;\n}\n\n.ck.ck-emoji .ck.ck-emoji__tiles {\n\t\tmax-width: 100%;\n\t\tmax-height: min(265px, 40vh);\n\n\t\toverflow-y: auto;\n\t\toverflow-x: hidden;\n\t\tborder-top: 1px solid var(--ck-color-base-border);\n\t}\n\n.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));\n\t\t\tmargin: var(--ck-spacing-standard) var(--ck-spacing-large);\n\t\t\tgrid-gap: var(--ck-spacing-small);\n\t\t}\n\n.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {\n\t\t\twidth: var(--ck-emoji-grid-tile-size);\n\t\t\theight: var(--ck-emoji-grid-tile-size);\n\t\t\tmin-width: var(--ck-emoji-grid-tile-size);\n\t\t\tmin-height: var(--ck-emoji-grid-tile-size);\n\t\t\tfont-size: 1.5em;\n\t\t\tpadding: 0;\n\t\t\ttransition: .2s ease box-shadow;\n\t\t\tborder: 0;\n\t\t}\n\n@media (prefers-reduced-motion: reduce) {\n\n.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {\n\t\t\t\ttransition: none;\n\t\t}\n\t\t\t}\n\n.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:focus:not(.ck-disabled),\n\t\t\t.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:hover:not(.ck-disabled) {\n\t\t\t\t/* Disable the default .ck-button's border ring. */\n\t\t\t\tborder: 0;\n\t\t\t\tbox-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);\n\t\t\t}\n\n/* Make sure the glyph is rendered in the center of the button */\n\n.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile .ck-button__label {\n\t\t\t\tline-height: var(--ck-emoji-grid-tile-size);\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-form.ck-emoji-picker-form {\n\tpadding-bottom: 0;\n\n\t/*\n\t * `.ck-form` overrides styling of all dropdowns by adding border around them.\n\t * The border is not needed in the emoji picker form so try to remove it keeping\n\t * specificity high enough to override the form styling.\n\t */\n}\n\n.ck.ck-form.ck-emoji-picker-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {\n\t\tborder-color: transparent;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-emoji__skin-tone {\n\tmargin-left: var(--ck-spacing-standard);\n}\n\n.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck.ck-list__item {\n\t\t\tmin-width: 1em;\n\t\t}\n\n.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {\n\t\t\t\twidth: initial;\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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/* See ckeditor/ckeditor5#936. */\n.ck.ck-placeholder,\n.ck .ck-placeholder {\n\tposition: relative;\n}\n.ck.ck-placeholder::before, .ck .ck-placeholder::before {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tcontent: attr(data-placeholder);\n\n\t\t/* See ckeditor/ckeditor5#469. */\n\t\tpointer-events: none;\n\t}\n\n/* See ckeditor/ckeditor5#1987. */\n.ck.ck-read-only .ck-placeholder::before {\n\t\tdisplay: none;\n\t}\n\n/*\n * Rules for the `ck-placeholder` are loaded before the rules for `ck-reset_all` in the base CKEditor 5 DLL build.\n * This fix overwrites the incorrectly set `position: static` from `ck-reset_all`.\n * See https://github.com/ckeditor/ckeditor5/issues/11418.\n */\n.ck.ck-reset_all .ck-placeholder {\n\tposition: relative;\n}\n\n/*\n * Copyright (c) 2003-2025, 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/* Elements marked by the Renderer as hidden should be invisible in the editor. */\n.ck.ck-editor__editable span[data-ck-unsafe-element] {\n\tdisplay: none;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-find-result {\n\tbackground: var(--ck-color-highlight-background);\n\tcolor: var(--ck-color-text);\n}\n\n.ck-find-result_selected {\n\tbackground: hsl(29, 100%, 60%);\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-find-and-replace-form {\n\tmax-width: 100%;\n}\n\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {\n\t\tdisplay: flex;\n\n\t\t/* The inputs area styles */\n\t}\n\n.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter {\n\t\t\tposition: absolute;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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/* The values should be synchronized with the \"FONT_SIZE_PRESET_UNITS\" object in the \"/src/fontsize/utils.js\" file. */\n\n:root {\n\t--ck-content-font-size-tiny: 0.7em;\n\t--ck-content-font-size-small: 0.85em;\n\t--ck-content-font-size-big: 1.4em;\n\t--ck-content-font-size-huge: 1.8em;\n}\n\n/* Styles should be prefixed with the `.ck-content` class.\nSee https://github.com/ckeditor/ckeditor5/issues/6636 */\n.ck-content .text-tiny {\n\t\tfont-size: var(--ck-content-font-size-tiny);\n\t}\n.ck-content .text-small {\n\t\tfont-size: var(--ck-content-font-size-small);\n\t}\n.ck-content .text-big {\n\t\tfont-size: var(--ck-content-font-size-big);\n\t}\n.ck-content .text-huge {\n\t\tfont-size: var(--ck-content-font-size-huge);\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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/* Increase z-index of everything to make sure nothing sticks in front of the editor.\nDisable scrollbars that can be present due to the rest of the website content. */\nhtml.ck-fullscreen,\nbody.ck-fullscreen {\n\t--ck-z-fullscreen: 10000;\n\n\toverflow: hidden;\n\n\t--ck-z-default: calc(var(--ck-z-fullscreen) + 1);\n\t--ck-z-panel: calc(var(--ck-z-default) + 999);\n\t--ck-z-dialog: 100000;\n\n\t/* CKBox wrappers have z-index of 9999, let's bump them over the dialog's to ensure visibility like outside fullscreen mode. */\n}\nhtml.ck-fullscreen .ckbox-reset:not(#n)>.ckbox--dialog, body.ck-fullscreen .ckbox-reset:not(#n)>.ckbox--dialog {\n\t\t--ckbox-z-index-root: calc(var(--ck-z-dialog) + 1);\n\t}\nhtml.ck-fullscreen .ckbox:not(#n) .ckbox-img-editor, body.ck-fullscreen .ckbox:not(#n) .ckbox-img-editor {\n\t\t--ckbox-z-index-preview: calc(var(--ck-z-dialog) + 1);\n\t}\nhtml.ck-fullscreen .ck-pagination-view-line, body.ck-fullscreen .ck-pagination-view-line {\n\t\tz-index: calc(var(--ck-z-fullscreen) + 1);\n\t}\nhtml.ck-fullscreen .page-break__label, body.ck-fullscreen .page-break__label {\n\t\t/* Needs to be higher than for .ck-pagination-view-line to be displayed on top of the line. */\n\t\tz-index: calc(var(--ck-z-fullscreen) + 2);\n\t}\n\n/*\nFullscreen layout:\n\n<div class=\"ck ck-fullscreen__main-wrapper\">\n\t<div class=\"ck ck-fullscreen__top-wrapper ck-reset_all\">\n\t\t<div class=\"ck ck-fullscreen__menu-bar\" data-ck-fullscreen=\"menu-bar\"></div>\n\t\t<div class=\"ck ck-fullscreen__toolbar\" data-ck-fullscreen=\"toolbar\"></div>\n\t</div>\n\t<div class=\"ck ck-fullscreen__editable-wrapper\">\n\t\t<div class=\"ck ck-fullscreen__sidebar ck-fullscreen__left-sidebar\" data-ck-fullscreen=\"left-sidebar\"></div>\n\t\t<div class=\"ck ck-fullscreen__editable\" data-ck-fullscreen=\"editable\"></div>\n\t\t<div class=\"ck ck-fullscreen__sidebar ck-fullscreen__right-sidebar\" data-ck-fullscreen=\"right-sidebar\"></div>\n\t\t<div class=\"ck ck-fullscreen__right-edge\" data-ck-fullscreen=\"right-edge\"></div>\n\t</div>\n\t<div class=\"ck ck-fullscreen__bottom-wrapper\">\n\t\t<div class=\"ck ck-fullscreen__body-wrapper\" data-ck-fullscreen=\"body-wrapper\"></div>\n\t</div>\n</div>\n*/\n\n.ck.ck-fullscreen__main-wrapper {\n\t/* `position: fixed` prevents the overscroll on macos that would happen with `position: absolute`. */\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: var(--ck-z-fullscreen);\n\tbackground: var(--ck-color-base-foreground);\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.ck.ck-fullscreen__main-wrapper .ck.ck-revision-history-ui__changes-navigation {\n\t\tmargin-top: 0px;\n\t\tmargin-bottom: 0px;\n\t}\n\n/* If the fullscreen container is not directly in the body, we need to make sure it's positioned absolutely. */\n:not(body> .ck-fullscreen__main-wrapper).ck-fullscreen__main-wrapper {\n\tposition: absolute;\n}\n.ck-fullscreen__main-wrapper:not(body> .ck-fullscreen__main-wrapper) .ck-fullscreen__top-wrapper {\n\t\tborder-top: 1px solid var(--ck-color-base-border);\n\t\tborder-left: 1px solid var(--ck-color-base-border);\n\t\tborder-right: 1px solid var(--ck-color-base-border);\n\t\tborder-radius: var(--ck-border-radius) 0;\n\t}\n\n.ck-fullscreen__menu-bar .ck.ck-menu-bar {\n\tborder: none;\n}\n\n.ck.ck-fullscreen__toolbar .ck-toolbar {\n\tborder-left: 0;\n\tborder-right: 0;\n\tborder-radius: 0;\n}\n\n.ck-fullscreen__main-wrapper .ck-fullscreen__editable-wrapper {\n\t--ck-fullscreen-editor-top-margin: 28px;\n\t--ck-fullscreen-editor-bottom-margin: 28px;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\toverflow: auto;\n\tmax-height: 100%;\n}\n\n.ck-fullscreen__main-wrapper .ck-fullscreen__editable {\n\tmargin-top: var(--ck-fullscreen-editor-top-margin);\n\theight: 100%;\n\tmargin-left: auto;\n}\n\n.ck-fullscreen__main-wrapper .ck-fullscreen__editable::after {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\theight: var(--ck-fullscreen-editor-bottom-margin);\n\t}\n\n.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck.ck-editor__editable:not(.ck-editor__nested-editable) {\n\tbox-sizing: border-box;\n\t/* Make sure the border is taken into account. */\n\twidth: calc(210mm + 2px);\n\t/* Make sure the border is taken into account. */\n\tmax-width: calc(210mm + 2px);\n\tmin-height: 297mm;\n\theight: fit-content;\n\t/* Reset margins that may be present on editable. We add them in other places. */\n\tmargin: 0;\n\tpadding: 20mm 12mm;\n\tborder: 1px var(--ck-color-base-border) solid;\n\tbackground: hsl(0, 0%, 100%);\n\tbox-shadow: 0 2px 3px hsla(0, 0%, 0%, 0.078);\n}\n\n.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck-source-editing-area {\n\twidth: calc(210mm + 2px);\n}\n\n.ck-fullscreen__sidebar {\n\twidth: 270px;\n\tmargin-top: var(--ck-fullscreen-editor-top-margin);\n\tmargin-left: 10px;\n}\n\n.ck-fullscreen__left-sidebar {\n\tfont-family: Helvetica, Arial, sans-serif;\n\t--ck-user-avatar-size: 28px;\n\tposition: sticky;\n\talign-self: flex-start;\n\ttop: 0;\n\theight: 100%;\n\tbackground-color: transparent;\n\tmargin-top: 0px;\n\tmargin-right: 10px;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.ck-fullscreen__left-sidebar .ck-button.ck-fullscreen__left-sidebar-toggle-button {\n\t\t--ck-icon-size: 20px;\n\t\t--ck-ui-component-min-height: 0px;\n\n\t\talign-self: flex-start;\n\t\tpadding-top: 0;\n\t\tmargin-top: var(--ck-fullscreen-editor-top-margin);\n\t\tmargin-bottom: var(--ck-spacing-large);\n\t\topacity: 0.5;\n\t\tborder-radius: 100%;\n\t}\n\n.ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky {\n\t\t/* Set minimal width if there is any item in the sidebar. */\n\t\tmin-width: 270px;\n\t}\n\n.ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky:first-child {\n\t\t\tpadding-top: var(--ck-fullscreen-editor-top-margin);\n\t\t}\n\n.ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed {\n\t\twidth: 65px;\n\t}\n\n.ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed > :not(.ck-fullscreen__left-sidebar-toggle-button) {\n\t\t\tdisplay: none;\n\t\t}\n\n.ck-fullscreen__left-sidebar .ck.ck-presence-list--collapsed {\n\t--ck-user-avatar-size: 32px;\n}\n\n.ck-fullscreen__left-sidebar .ck-user {\n\tfont-size: 0.85em;\n}\n\n.ck-fullscreen__left-sidebar .ck-presence-list__users-counter__text {\n\tfont-size: 0.85em;\n}\n\n.ck-fullscreen__left-sidebar-item {\n\tpadding: var(--ck-spacing-medium);\n\tmargin-bottom: var(--ck-spacing-medium);\n\n\t/* First header should not have top padding. */\n}\n\n.ck-fullscreen__left-sidebar-item:first-child {\n\t\tpadding-top: 0;\n\t}\n\n.ck-fullscreen__left-sidebar-item:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n.ck-fullscreen__left-sidebar-header {\n\t--ck-fullscreen-presence-list-header-font-size: 0.875em;\n\tfont-size: var(--ck-fullscreen-presence-list-header-font-size);\n\tfont-weight: bold;\n\tcolor: var(--ck-document-outline-item-default-color);\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n}\n\n.ck-fullscreen__left-sidebar--sticky {\n\tposition: sticky;\n\ttop: 0;\n}\n\n.ck-fullscreen__left-sidebar--sticky > :first-child {\n\t\tpadding-top: 0;\n\t}\n\n.ck-fullscreen__presence-list {\n\tmargin-top: var(--ck-spacing-medium);\n}\n\n.ck-fullscreen__left-sidebar-item--no-margin {\n\tmargin: 0;\n}\n\n.ck-fullscreen__left-sidebar .ck.ck-document-outline {\n\tpadding-top: 0;\n\tpadding-left: 0;\n\tpadding-right: 0;\n}\n\n.ck-fullscreen__document-outline-wrapper {\n\tpadding-top: 0;\n\toverflow-y: auto;\n}\n\n.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar {\n\tmargin-top: var(--ck-fullscreen-editor-top-margin);\n\tmargin-right: auto;\n}\n\n.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar:not(.ck-fullscreen__right-sidebar--collapsed) > :first-child {\n\t\t/* Set minimal width if there is any item in the sidebar. */\n\t\tmin-width: 270px;\n\t}\n\n.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed {\n\t\twidth: 65px;\n\t}\n\n.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed > :first-child {\n\t\t\tmin-width: 65px;\n\t\t}\n\n.ck.ck-fullscreen__right-edge {\n\tposition: sticky;\n\ttop: 0;\n\tmargin-top: 0;\n\tmargin-left: 10px;\n}\n\n.ck.ck-fullscreen__right-edge > :first-child {\n\t\tborder-top: none;\n\t\tborder-bottom: none;\n\t\tborder-right: none;\n\t\theight: 100%;\n\t\twidth: 495px;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-heading_heading1 .ck-button__label {\n\tfont-size: 20px;\n}\n\n.ck.ck-heading_heading2 .ck-button__label {\n\tfont-size: 17px;\n}\n\n.ck.ck-heading_heading3 .ck-button__label {\n\tfont-size: 14px;\n}\n\n.ck[class*=\"ck-heading_heading\"] {\n\tfont-weight: bold;\n}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-content-highlight-marker-yellow: hsl(60, 97%, 73%);\n\t--ck-content-highlight-marker-green: hsl(120, 93%, 68%);\n\t--ck-content-highlight-marker-pink: hsl(345, 96%, 73%);\n\t--ck-content-highlight-marker-blue: hsl(201, 97%, 72%);\n\t--ck-content-highlight-pen-red: hsl(0, 85%, 49%);\n\t--ck-content-highlight-pen-green: hsl(112, 100%, 27%);\n}\n\n.ck-content .marker-yellow {\n\t\tbackground-color: var(--ck-content-highlight-marker-yellow);\n\t}\n.ck-content .marker-green {\n\t\tbackground-color: var(--ck-content-highlight-marker-green);\n\t}\n.ck-content .marker-pink {\n\t\tbackground-color: var(--ck-content-highlight-marker-pink);\n\t}\n.ck-content .marker-blue {\n\t\tbackground-color: var(--ck-content-highlight-marker-blue);\n\t}\n\n.ck-content .pen-red {\n\t\tcolor: var(--ck-content-highlight-pen-red);\n\n\t\t/* Override default yellow background of `<mark>` from user agent stylesheet */\n\t\tbackground-color: transparent;\n\t}\n.ck-content .pen-green {\n\t\tcolor: var(--ck-content-highlight-pen-green);\n\n\t\t/* Override default yellow background of `<mark>` from user agent stylesheet */\n\t\tbackground-color: transparent;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-editor__editable .ck-horizontal-line {\n\t/* Necessary to render properly next to floated objects, e.g. side image case. */\n\tdisplay: flow-root;\n}\n\n.ck-content hr {\n\tmargin: 15px 0;\n\theight: 4px;\n\tbackground: hsl(0, 0%, 87%);\n\tborder: 0;\n}\n\n/*\n * Copyright (c) 2003-2025, 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/* The feature container. */\n.ck-widget.raw-html-embed {\n\t/* Give the embed some air. */\n\t/* The first value should be equal to --ck-spacing-large variable if used in the editor context\n\tto avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */\n\tmargin: 0.9em auto;\n\tposition: relative;\n\tdisplay: flow-root;\n\n\t/* Give the html embed some minimal width in the content to prevent them\n\tfrom being \"squashed\" in tight spaces, e.g. in table cells (https://github.com/ckeditor/ckeditor5/issues/8331) */\n\tmin-width: 15em;\n\n\t/* Don't inherit the style, e.g. when in a block quote. */\n\tfont-style: normal;\n\n\t/* ----- Emebed label in the upper left corner ----------------------------------------------- */\n}\n.ck-widget.raw-html-embed::before {\n\t\tposition: absolute;\n\n\t\t/* Make sure the content does not cover the label. */\n\t\tz-index: 1;\n\t}\n/* ----- Emebed internals --------------------------------------------------------------------- */\n/* The switch mode button wrapper. */\n.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n.ck-widget.raw-html-embed .raw-html-embed__preview {\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tdisplay: flex;\n\t}\n.ck-widget.raw-html-embed .raw-html-embed__preview-content {\n\t\twidth: 100%;\n\t\tposition: relative;\n\t\tmargin: auto;\n\n\t\t/* Gives spacing to the small renderable elements, so they always cover the placeholder. */\n\t\tdisplay: table;\n\t\tborder-collapse: separate;\n\t\tborder-spacing: 7px;\n\t}\n.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-html-object-embed-unfocused-outline-width: 1px;\n}\n\n.ck-widget.html-object-embed {\n\tfont-size: var(--ck-font-size-base);\n\tbackground-color: var(--ck-color-base-foreground);\n\tpadding: var(--ck-spacing-small);\n\t/* Leave space for label */\n\tpadding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large));\n\tmin-width: calc(76px + var(--ck-spacing-standard));\n}\n\n.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {\n\t\toutline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);\n\t}\n\n.ck-widget.html-object-embed::before {\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tposition: absolute;\n\t\tcontent: attr(data-html-object-embed-label);\n\t\ttop: 0;\n\t\tleft: var(--ck-spacing-standard);\n\t\tbackground: hsl(0deg 0% 60%);\n\t\ttransition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);\n\t\tpadding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);\n\t\tborder-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);\n\t\tcolor: var(--ck-color-base-background);\n\t\tfont-size: var(--ck-font-size-tiny);\n\t\tfont-family: var(--ck-font-face);\n\t}\n\n/* Make space for label. */\n\n.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {\n\t\tmargin-left: 50px;\n\t}\n\n.ck-widget.html-object-embed .html-object-embed__content {\n\t\t/* Disable user interaction with embed content */\n\t\tpointer-events: none;\n\t}\n\ndiv.ck-widget.html-object-embed {\n\tmargin: 1em auto;\n}\n\nspan.ck-widget.html-object-embed {\n\tdisplay: inline-block;\n}\n\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-content-color-image-caption-background: hsl(0, 0%, 97%);\n\t--ck-content-color-image-caption-text: hsl(0, 0%, 20%);\n\t--ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);\n}\n\n/* Content styles */\n.ck-content .image > figcaption {\n\tdisplay: table-caption;\n\tcaption-side: bottom;\n\tword-break: normal;\n\toverflow-wrap: anywhere;\n\tbreak-before: avoid;\n\tcolor: var(--ck-content-color-image-caption-text);\n\tbackground-color: var(--ck-content-color-image-caption-background);\n\tpadding: .6em;\n\tfont-size: .75em;\n\toutline-offset: -1px;\n\n\t/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */\n}\n@media (forced-colors: active) {\n.ck-content .image > figcaption {\n\t\tbackground-color: unset;\n\t\tcolor: unset;\n}\n\t}\n\n/* Editing styles */\n@media (forced-colors: none) {\n\t\t.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {\n\t\tanimation: ck-image-caption-highlight .6s ease-out;\n\t\t}\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {\n\t\tanimation: none;\n}\n\t}\n\n@keyframes ck-image-caption-highlight {\n\t0% {\n\t\tbackground-color: var(--ck-color-image-caption-highlighted-background);\n\t}\n\n\t100% {\n\t\tbackground-color: var(--ck-content-color-image-caption-background);\n\t}\n}\n\n/*\n * Copyright (c) 2003-2025, 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/* Preserve aspect ratio of the resized image after introducing image height attribute. */\n.ck-content img.image_resized {\n\theight: auto;\n}\n\n.ck-content .image.image_resized {\n\tmax-width: 100%;\n\t/*\n\tThe `<figure>` element for resized images must not use `display:table` as browsers do not support `max-width` for it well.\n\tSee https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more.\n\tFortunately, since we control the width, there is no risk that the image will look bad.\n\t*/\n\tdisplay: block;\n\tbox-sizing: border-box;\n}\n\n.ck-content .image.image_resized img {\n\t\t/* For resized images it is the `<figure>` element that determines the image width. */\n\t\twidth: 100%;\n\t}\n\n.ck-content .image.image_resized > figcaption {\n\t\t/* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */\n\t\tdisplay: block;\n\t}\n\n/* The resized inline image nested in the table should respect its parent size.\n\tSee https://github.com/ckeditor/ckeditor5/issues/9117. */\n\n.ck.ck-editor__editable td .image-inline.image_resized img, .ck.ck-editor__editable th .image-inline.image_resized img {\n\t\t\tmax-width: 100%;\n\t\t}\n\n[dir=\"ltr\"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {\n\tmargin-right: var(--ck-spacing-standard);\n}\n\n[dir=\"rtl\"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {\n\tmargin-left: var(--ck-spacing-standard);\n}\n\n.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {\n\twidth: 4em;\n}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-content-image-style-spacing: 1.5em;\n\t--ck-content-inline-image-style-spacing: calc(var(--ck-content-image-style-spacing) / 2);\n}\n\n/* See: https://github.com/ckeditor/ckeditor5/issues/16317 */\n\n/* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback\n\t\tconfirming successful application of the style if image width exceeds the editor's size.\n\t\tSee https://github.com/ckeditor/ckeditor5/issues/9342 */\n\n.ck-content .image.image-style-block-align-left,\n\t\t.ck-content .image.image-style-block-align-right {\n\t\t\tmax-width: calc(100% - var(--ck-content-image-style-spacing));\n\t\t}\n\n/* Allows displaying multiple floating images in the same line.\n\t\tSee https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */\n\n.ck-content .image.image-style-align-left,\n\t\t.ck-content .image.image-style-align-right {\n\t\t\tclear: none;\n\t\t}\n\n.ck-content .image.image-style-side {\n\t\t\tfloat: right;\n\t\t\tmargin-left: var(--ck-content-image-style-spacing);\n\t\t\tmax-width: 50%;\n\t\t}\n\n.ck-content .image.image-style-align-left {\n\t\t\tfloat: left;\n\t\t\tmargin-right: var(--ck-content-image-style-spacing);\n\t\t}\n\n.ck-content .image.image-style-align-right {\n\t\t\tfloat: right;\n\t\t\tmargin-left: var(--ck-content-image-style-spacing);\n\t\t}\n\n.ck-content .image.image-style-block-align-right {\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: auto;\n\t\t}\n\n.ck-content .image.image-style-block-align-left {\n\t\t\tmargin-left: 0;\n\t\t\tmargin-right: auto;\n\t\t}\n\n.ck-content .image-style-align-center {\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\n.ck-content .image-style-align-left {\n\t\tfloat: left;\n\t\tmargin-right: var(--ck-content-image-style-spacing);\n\t}\n\n.ck-content .image-style-align-right {\n\t\tfloat: right;\n\t\tmargin-left: var(--ck-content-image-style-spacing);\n\t}\n\n/* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */\n\n.ck-content p + .image.image-style-align-left,\n\t.ck-content p + .image.image-style-align-right,\n\t.ck-content p + .image.image-style-side {\n\t\tmargin-top: 0;\n\t}\n\n.ck-content .image-inline.image-style-align-left,\n\t\t.ck-content .image-inline.image-style-align-right {\n\t\t\tmargin-top: var(--ck-content-inline-image-style-spacing);\n\t\t\tmargin-bottom: var(--ck-content-inline-image-style-spacing);\n\t\t}\n\n.ck-content .image-inline.image-style-align-left {\n\t\t\tmargin-right: var(--ck-content-inline-image-style-spacing);\n\t\t}\n\n.ck-content .image-inline.image-style-align-right {\n\t\t\tmargin-left: var(--ck-content-inline-image-style-spacing);\n\t\t}\n\n/* The button should display as a regular drop-down if the action button\n\tis forced to fire the same action as the arrow button. */\n\n.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled),\n\t\t\t.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled),\n\t\t\t.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled),\n\t\t\t.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled),\n\t\t\t.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover),\n\t\t\t.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {\n\t\t\t\tbackground-color: var(--ck-color-button-on-background);\n\t\t\t}\n\n.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled),\n\t\t\t.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled),\n\t\t\t.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {\n\t\t\t\tbackground-color: var(--ck-color-button-on-hover-background);\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-editor__editable .image,\n\t.ck.ck-editor__editable .image-inline {\n\t\tposition: relative;\n\t}\n\n/* Upload progress bar. */\n\n.ck.ck-editor__editable .image .ck-progress-bar,\n\t.ck.ck-editor__editable .image-inline .ck-progress-bar {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-image-upload-complete-icon {\n\tdisplay: block;\n\tposition: absolute;\n\n\t/*\n\t * Smaller images should have the icon closer to the border.\n\t * Match the icon position with the linked image indicator brought by the link image feature.\n\t */\n\ttop: min(var(--ck-spacing-medium), 6%);\n\tright: min(var(--ck-spacing-medium), 6%);\n\tborder-radius: 50%;\n\tz-index: 1;\n}\n\n.ck-image-upload-complete-icon::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck .ck-upload-placeholder-loader {\n\tposition: absolute;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttop: 0;\n\tleft: 0;\n}\n\n.ck .ck-upload-placeholder-loader::before {\n\t\tcontent: '';\n\t\tposition: relative;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-content .image {\n\t\tdisplay: table;\n\t\tclear: both;\n\t\ttext-align: center;\n\n\t\t/* Make sure there is some space between the content and the image. Center image by default. */\n\t\t/* The first value should be equal to --ck-spacing-large variable if used in the editor context\n\t \tto avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */\n\t\tmargin: 0.9em auto;\n\n\t\t/* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */\n\t\tmin-width: 50px;\n\t}\n\n.ck-content .image img {\n\t\t\t/* Prevent unnecessary margins caused by line-height (see #44). */\n\t\t\tdisplay: block;\n\n\t\t\t/* Center the image if its width is smaller than the content's width. */\n\t\t\tmargin: 0 auto;\n\n\t\t\t/* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */\n\t\t\tmax-width: 100%;\n\n\t\t\t/* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */\n\t\t\tmin-width: 100%;\n\n\t\t\t/* Keep proportions of the block image if the height is set and the image is wider than the editor width.\n\t\t\tSee https://github.com/ckeditor/ckeditor5/issues/14542. */\n\t\t\theight: auto;\n\t\t}\n\n.ck-content .image-inline {\n\t\t/*\n\t\t * Normally, the .image-inline would have \"display: inline-block\" and \"img { width: 100% }\" (to follow the wrapper while resizing).\n\t\t * Unfortunately, together with \"srcset\", it gets automatically stretched up to the width of the editing root.\n\t\t * This strange behavior does not happen with inline-flex.\n\t\t */\n\t\tdisplay: inline-flex;\n\n\t\t/* While being resized, don't allow the image to exceed the width of the editing root. */\n\t\tmax-width: 100%;\n\n\t\t/* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */\n\t\talign-items: flex-start;\n\n\t\t/* When the picture is present it must act as a flex container to let the img resize properly */\n\t}\n\n.ck-content .image-inline picture {\n\t\t\tdisplay: flex;\n\t\t}\n\n/* When the picture is present, it must act like a resizable img. */\n\n.ck-content .image-inline picture,\n\t\t.ck-content .image-inline img {\n\t\t\t/* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */\n\t\t\tflex-grow: 1;\n\t\t\tflex-shrink: 1;\n\n\t\t\t/* Prevents overflowing the editing root boundaries when an inline image is very wide. */\n\t\t\tmax-width: 100%;\n\t\t}\n\n/*\n\t * Inhertit the content styles padding of the <figcaption> in case the integration overrides `text-align: center`\n\t * of `.image` (e.g. to the left/right). This ensures the placeholder stays at the padding just like the native\n\t * caret does, and not at the edge of <figcaption>.\n\t */\n\n.ck.ck-editor__editable .image > figcaption.ck-placeholder::before {\n\t\tpadding-left: inherit;\n\t\tpadding-right: inherit;\n\n\t\t/*\n\t\t * Make sure the image caption placeholder doesn't overflow the placeholder area.\n\t\t * See https://github.com/ckeditor/ckeditor5/issues/9162.\n\t\t */\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n/*\n\t * See https://github.com/ckeditor/ckeditor5/issues/15115.\n\t */\n\n.ck.ck-editor__editable .image {\n\t\tz-index: 1;\n\n\t\t/*\n\t\t * Make sure the selected image always stays on top of its siblings.\n\t\t * See https://github.com/ckeditor/ckeditor5/issues/9108.\n\t\t */\n\t}\n\n.ck.ck-editor__editable .image.ck-widget_selected {\n\t\t\tz-index: 2;\n\t\t}\n\n/*\n\t * See https://github.com/ckeditor/ckeditor5/issues/15115.\n\t */\n\n.ck.ck-editor__editable .image-inline {\n\t\tz-index: 1;\n\n\t\t/*\n\t\t * Make sure the selected inline image always stays on top of its siblings.\n\t\t * See https://github.com/ckeditor/ckeditor5/issues/9108.\n\t\t */\n\t}\n\n.ck.ck-editor__editable .image-inline.ck-widget_selected {\n\t\t\tz-index: 2;\n\n\t\t\t/*\n\t\t\t * Make sure the native browser selection style is not displayed.\n\t\t\t * Inline image widgets have their own styles for the selected state and\n\t\t\t * leaving this up to the browser is asking for a visual collision.\n\t\t\t */\n\t\t}\n\n.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n/* Keep proportions of the inline image if the height is set and the image is wider than the editor width.\n\tSee https://github.com/ckeditor/ckeditor5/issues/14542. */\n\n.ck.ck-editor__editable .image-inline img {\n\t\theight: auto;\n\t}\n\n/* The inline image nested in the table should have its original size if not resized.\n\tSee https://github.com/ckeditor/ckeditor5/issues/9117. */\n\n.ck.ck-editor__editable td .image-inline img, .ck.ck-editor__editable th .image-inline img {\n\t\t\tmax-width: none;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-editor__editable img.image_placeholder {\n\t\tbackground-size: 100% 100%;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-image-insert-url {\n\twidth: 400px;\n\tpadding: var(--ck-spacing-large) var(--ck-spacing-large) 0;\n}\n\n.ck.ck-image-insert-url .ck-image-insert-url__action-row {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-link-toolbar__preview {\n\tdisplay: inline-block;\n}\n\n.ck.ck-link-toolbar__preview .ck-button__label {\n\t\toverflow: hidden;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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/* Linked image indicator */\n\n.ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t}\n\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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/* Generic class that wraps each link balloon view. */\n.ck.ck-link-form .ck-link-form__providers-list {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n.ck.ck-link-form .ck-link-form__providers-list .ck-link__button > .ck-button__label {\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n.ck.ck-link-form .ck-link__items:empty {\n\t\tdisplay: none;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-link-providers > .ck-link-providers__list {\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\toverscroll-behavior: contain;\n\t}\n\n.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-icon {\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-editor__editable .ck-list-bogus-paragraph {\n\tdisplay: block;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-list-styles-list {\n\tdisplay: grid;\n}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-content-list-marker-color: var(--ck-content-font-color);\n\t--ck-content-list-marker-font-family: var(--ck-content-font-family);\n\t--ck-content-list-marker-font-size: var(--ck-content-font-size);\n}\n\n/* Opinionated list content styling: prevents content shift\n\t * when a list becomes multi-block (Enter + Backspace scenario).\n\t * See: https://github.com/ckeditor/ckeditor5/pull/18801\n\t */\n\n.ck-content li > p:first-of-type {\n\t\tmargin-top: 0;\n\t}\n\n/* Prevents margins from appearing when a bogus paragraph\n\t * receives line height or text alignment.\n\t * Ensures a consistent experience with the first paragraph.\n\t * See: https://github.com/ckeditor/ckeditor5/pull/18801\n\t */\n\n.ck-content li > p:only-of-type {\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t}\n\n.ck-content li.ck-list-marker-bold::marker {\n\t\tfont-weight: bold;\n\t}\n\n.ck-content li.ck-list-marker-italic::marker {\n\t\tfont-style: italic;\n\t}\n\n.ck-content li.ck-list-marker-color::marker {\n\t\tcolor: var(--ck-content-list-marker-color);\n\t}\n\n.ck-content li.ck-list-marker-font-family::marker {\n\t\tfont-family: var(--ck-content-list-marker-font-family);\n\t}\n\n.ck-content li.ck-list-marker-font-size::marker {\n\t\tfont-size: var(--ck-content-list-marker-font-size);\n\t}\n\n.ck-content li.ck-list-marker-font-size-tiny::marker {\n\t\tfont-size: var(--ck-content-font-size-tiny);\n\t}\n\n.ck-content li.ck-list-marker-font-size-small::marker {\n\t\tfont-size: var(--ck-content-font-size-small);\n\t}\n\n.ck-content li.ck-list-marker-font-size-big::marker {\n\t\tfont-size: var(--ck-content-font-size-big);\n\t}\n\n.ck-content li.ck-list-marker-font-size-huge::marker {\n\t\tfont-size: var(--ck-content-font-size-huge);\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-content ol {\n\tlist-style-type: decimal;\n}\n\n.ck-content ol ol {\n\t\tlist-style-type: lower-latin;\n\t}\n\n.ck-content ol ol ol {\n\t\t\tlist-style-type: lower-roman;\n\t\t}\n\n.ck-content ol ol ol ol {\n\t\t\t\tlist-style-type: upper-latin;\n\t\t\t}\n\n.ck-content ol ol ol ol ol {\n\t\t\t\t\tlist-style-type: upper-roman;\n\t\t\t\t}\n\n.ck-content ul {\n\tlist-style-type: disc;\n}\n\n.ck-content ul ul {\n\t\tlist-style-type: circle;\n\t}\n\n.ck-content ul ul ul {\n\t\t\tlist-style-type: square;\n\t\t}\n\n.ck-content ul ul ul ul {\n\t\t\t\tlist-style-type: square;\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-content-todo-list-checkmark-size: 16px;\n}\n\n/*\n * To-do list content styles.\n */\n.ck-content .todo-list {\n\tlist-style: none;\n}\n.ck-content .todo-list li {\n\t\tposition: relative;\n\t\tmargin-bottom: 5px;\n\t}\n.ck-content .todo-list li .todo-list {\n\t\t\tmargin-top: 5px;\n\t\t}\n.ck-content .todo-list .todo-list__label > input {\n\t\t\t-webkit-appearance: none;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\twidth: var(--ck-content-todo-list-checkmark-size);\n\t\t\theight: var(--ck-content-todo-list-checkmark-size);\n\t\t\tvertical-align: middle;\n\t\t\t/* Needed on iOS */\n\t\t\tborder: 0;\n\t\t\t/* LTR styles */\n\t\t\tleft: -25px;\n\t\t\tmargin-right: -15px;\n\t\t\tright: 0;\n\t\t\tmargin-left: 0;\n\t\t\t/* RTL styles */\n\t\t}\n.ck-content[dir=rtl] .todo-list .todo-list__label > input {\n\t\tleft: 0;\n\t\tmargin-right: 0;\n\t\tright: -25px;\n\t\tmargin-left: -15px;\n\t}\n.ck-content .todo-list .todo-list__label > input::before {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbox-sizing: border-box;\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder: 1px solid hsl(0, 0%, 20%);\n\t\tborder-radius: 2px;\n\t\ttransition: 250ms ease-in-out box-shadow;\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck-content .todo-list .todo-list__label > input::before {\n\t\t\ttransition: none;\n\t}\n\t\t}\n.ck-content .todo-list .todo-list__label > input::after {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbox-sizing: content-box;\n\t\tpointer-events: none;\n\t\tcontent: '';\n\n\t\t/* Calculate tick position, size and border-width proportional to the checkmark size. */\n\t\tleft: calc( var(--ck-content-todo-list-checkmark-size) / 3 );\n\t\ttop: calc( var(--ck-content-todo-list-checkmark-size) / 5.3 );\n\t\twidth: calc( var(--ck-content-todo-list-checkmark-size) / 5.3 );\n\t\theight: calc( var(--ck-content-todo-list-checkmark-size) / 2.6 );\n\t\tborder-style: solid;\n\t\tborder-color: transparent;\n\t\tborder-width: 0 calc( var(--ck-content-todo-list-checkmark-size) / 8 ) calc( var(--ck-content-todo-list-checkmark-size) / 8 ) 0;\n\t\ttransform: rotate(45deg);\n\t}\n.ck-content .todo-list .todo-list__label > input[checked]::before {\n\t\t\tbackground: hsl(126, 64%, 41%);\n\t\t\tborder-color: hsl(126, 64%, 41%);\n\t\t}\n.ck-content .todo-list .todo-list__label > input[checked]::after {\n\t\t\tborder-color: hsl(0, 0%, 100%);\n\t\t}\n.ck-content .todo-list .todo-list__label .todo-list__label__description {\n\t\t\tvertical-align: middle;\n\t\t}\n.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {\n\t\t\tposition: absolute;\n\t\t}\n\n/*\n * To-do list editing view styles.\n */\n/*\n\t * To-do list should be interactive only during the editing\n\t * (https://github.com/ckeditor/ckeditor5/issues/2090).\n\t */\n.ck-editor__editable.ck-content .todo-list .todo-list__label > input,\n\t.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {\n\t\tcursor: pointer;\n\t}\n.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {\n\t\t\tbox-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);\n\t\t}\n/*\n\t * Document Lists - editing view has an additional span around checkbox.\n\t */\n.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {\n\t\t-webkit-appearance: none;\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\twidth: var(--ck-content-todo-list-checkmark-size);\n\t\theight: var(--ck-content-todo-list-checkmark-size);\n\t\tvertical-align: middle;\n\t\t/* Needed on iOS */\n\t\tborder: 0;\n\t\t/* LTR styles */\n\t\tleft: -25px;\n\t\tmargin-right: -15px;\n\t\tright: 0;\n\t\tmargin-left: 0;\n\t\t/* RTL styles */\n\t}\n.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {\n\t\tleft: 0;\n\t\tmargin-right: 0;\n\t\tright: -25px;\n\t\tmargin-left: -15px;\n\t}\n.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbox-sizing: border-box;\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder: 1px solid hsl(0, 0%, 20%);\n\t\tborder-radius: 2px;\n\t\ttransition: 250ms ease-in-out box-shadow;\n\t}\n@media (prefers-reduced-motion: reduce) {\n.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {\n\t\t\ttransition: none;\n\t}\n\t\t}\n.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbox-sizing: content-box;\n\t\tpointer-events: none;\n\t\tcontent: '';\n\n\t\t/* Calculate tick position, size and border-width proportional to the checkmark size. */\n\t\tleft: calc( var(--ck-content-todo-list-checkmark-size) / 3 );\n\t\ttop: calc( var(--ck-content-todo-list-checkmark-size) / 5.3 );\n\t\twidth: calc( var(--ck-content-todo-list-checkmark-size) / 5.3 );\n\t\theight: calc( var(--ck-content-todo-list-checkmark-size) / 2.6 );\n\t\tborder-style: solid;\n\t\tborder-color: transparent;\n\t\tborder-width: 0 calc( var(--ck-content-todo-list-checkmark-size) / 8 ) calc( var(--ck-content-todo-list-checkmark-size) / 8 ) 0;\n\t\ttransform: rotate(45deg);\n\t}\n.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {\n\t\t\tbackground: hsl(126, 64%, 41%);\n\t\t\tborder-color: hsl(126, 64%, 41%);\n\t\t}\n.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {\n\t\t\tborder-color: hsl(0, 0%, 100%);\n\t\t}\n.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {\n\t\t\tposition: absolute;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-content .media {\n\t/* Don't allow floated content overlap the media.\n\thttps://github.com/ckeditor/ckeditor5-media-embed/issues/53 */\n\tclear: both;\n\n\t/* Make sure there is some space between the content and the media. */\n\t/* The first value should be equal to --ck-spacing-large variable if used in the editor context\n\tto avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */\n\tmargin: 0.9em 0;\n\n\t/* Make sure media is not overriden with Bootstrap default `flex` value.\n\tSee: https://github.com/ckeditor/ckeditor5/issues/1373. */\n\tdisplay: block;\n\n\t/* Give the media some minimal width in the content to prevent them\n\tfrom being \"squashed\" in tight spaces, e.g. in table cells (#44) */\n\tmin-width: 15em;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-media__wrapper .ck-media__placeholder {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t}\n\n.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {\n\t\t\t/* Otherwise the URL will overflow when the content is very narrow. */\n\t\t\tmax-width: 100%;\n\n\t\t\tposition: relative;\n\t\t}\n\n.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n.ck-media__wrapper[data-oembed-url*=\"twitter.com\"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*=\"google.com/maps\"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*=\"goo.gl/maps\"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*=\"maps.google.com\"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*=\"maps.app.goo.gl\"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*=\"facebook.com\"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*=\"instagram.com\"] .ck-media__placeholder__icon * {\n\t\t\tdisplay: none;\n\t\t}\n\n/* Disable all mouse interaction as long as the editor is not read\u2013only.\n   https://github.com/ckeditor/ckeditor5-media-embed/issues/58 */\n.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) {\n\tpointer-events: none;\n}\n\n/* Disable all mouse interaction when the widget is not selected (e.g. to avoid opening links by accident).\n   https://github.com/ckeditor/ckeditor5-media-embed/issues/18 */\n.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {\n\tpointer-events: none;\n}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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.ck-vertical-form .ck-button::after {\n\t\tcontent: \"\";\n\t\twidth: 0;\n\t\tposition: absolute;\n\t\tright: -1px;\n\t\ttop: -1px;\n\t\tbottom: -1px;\n\t\tz-index: 1;\n\t}\n\n.ck-vertical-form .ck-button:focus::after {\n\t\tdisplay: none;\n\t}\n\n@media screen and (max-width: 600px) {\n\t\t\t.ck.ck-responsive-form .ck-button::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\twidth: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: -1px;\n\t\t\t\ttop: -1px;\n\t\t\t\tbottom: -1px;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\n\t\t\t.ck.ck-responsive-form .ck-button:focus::after {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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.ck.ck-media-form {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\twidth: 400px;\n}\n\n.ck.ck-media-form .ck-labeled-field-view {\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t}\n\n.ck.ck-media-form .ck-label {\n\t\tdisplay: none;\n\t}\n\n.ck.ck-media-form .ck-input {\n\t\twidth: 100%;\n\t}\n\n@media screen and (max-width: 600px) {\n\n.ck.ck-media-form {\n\t\tflex-wrap: wrap;\n}\n\n\t\t.ck.ck-media-form .ck-labeled-field-view {\n\t\t\tflex-basis: 100%;\n\t\t}\n\n\t\t.ck.ck-media-form .ck-button {\n\t\t\tflex-basis: 50%;\n\t\t}\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-mention-list-max-height: 300px;\n}\n\n.ck.ck-mentions {\n\tmax-height: var(--ck-mention-list-max-height);\n\n\toverflow-y: auto;\n\n\t/* Prevent unnecessary horizontal scrollbar in Safari\n\thttps://github.com/ckeditor/ckeditor5-mention/issues/41 */\n\toverflow-x: hidden;\n\n\toverscroll-behavior: contain;\n\n\t/* Prevent unnecessary vertical scrollbar in Safari\n\thttps://github.com/ckeditor/ckeditor5-mention/issues/41 */\n}\n\n.ck.ck-mentions > .ck-list__item {\n\t\toverflow: hidden;\n\t\tflex-shrink: 0;\n\t}\n\ndiv.ck.ck-balloon-panel.ck-mention-balloon {\n\tz-index: calc( var( --ck-z-dialog ) + 1 );\n}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-minimap-tracker-background: 208, 0%, 51%;\n\t--ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);\n\t--ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%);\n\t--ck-color-minimap-progress-background: hsl(0,0%,40%);\n}\n\n.ck.ck-minimap {\n\tposition: absolute;\n\tuser-select: none;\n\tbackground: var(--ck-color-base-background);\n}\n\n.ck.ck-minimap,\n\t.ck.ck-minimap iframe {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n.ck.ck-minimap iframe {\n\t\tborder: 0;\n\t\tpointer-events: none;\n\t\tposition: relative;\n\t\toutline: 1px solid var(--ck-color-minimap-iframe-outline);\n\t\tbox-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);\n\t\tmargin: 0;\n\t}\n\n.ck.ck-minimap .ck.ck-minimap__position-tracker {\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\ttop: 0;\n\t\tbackground: hsla( var(--ck-color-minimap-tracker-background), .2 );\n\t\tz-index: 1;\n\t\ttransition: background 100ms ease-in-out;\n\t}\n\n@media (prefers-reduced-motion: reduce) {\n\n.ck.ck-minimap .ck.ck-minimap__position-tracker {\n\t\t\ttransition: none;\n\t}\n\t\t}\n\n.ck.ck-minimap .ck.ck-minimap__position-tracker:hover {\n\t\t\tbackground:hsla( var(--ck-color-minimap-tracker-background), .3 );\n\t\t}\n\n.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,\n\t\t.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover {\n\t\t\tbackground:hsla( var(--ck-color-minimap-tracker-background), .4 );\n\t\t}\n\n.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n.ck.ck-minimap .ck.ck-minimap__position-tracker::after {\n\t\t\tcontent: attr(data-progress) \"%\";\n\t\t\tposition: absolute;\n\t\t\ttop: 5px;\n\t\t\tright: 5px;\n\t\t\tbackground: var(--ck-color-minimap-progress-background);\n\t\t\tcolor: var(--ck-color-base-background);\n\t\t\tborder: 1px solid var(--ck-color-base-background);\n\t\t\tpadding: 2px 4px;\n\t\t\tfont-size: 10px;\n\t\t\tborder-radius: 3px;\n\t\t\topacity: 0;\n\t\t\ttransition: opacity 100ms ease-in-out;\n\t\t}\n\n@media (prefers-reduced-motion: reduce) {\n\n.ck.ck-minimap .ck.ck-minimap__position-tracker::after {\n\t\t\t\ttransition: none;\n\t\t}\n\t\t\t}\n\n\n/*\n * Copyright (c) 2003-2025, 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.ck-content .page-break {\n\tposition: relative;\n\tclear: both;\n\tpadding: 5px 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.ck-content .page-break::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tborder-bottom: 2px dashed hsl(0, 0%, 77%);\n\t\twidth: 100%;\n\t}\n\n.ck-content .page-break__label {\n\tposition: relative;\n\tz-index: 1;\n\tpadding: .3em .6em;\n\tdisplay: block;\n\ttext-transform: uppercase;\n\tborder: 1px solid hsl(0, 0%, 77%);\n\tborder-radius: 2px;\n\tfont-size: 0.75em;\n\tfont-weight: bold;\n\tcolor: hsl(0, 0%, 20%);\n\tbackground: hsl(0, 0%, 100%);\n\tbox-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);\n\n\t/* Disable the possibility to select the label text by the user. */\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n\n/* Do not show the page break element inside the print preview window. */\n@media print {\n\t.ck-content .page-break {\n\t\tpadding: 0;\n\t}\n\n\t\t.ck-content .page-break::after {\n\t\t\tdisplay: none;\n\t\t}\n\n\t/*\n\t * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode.\n\t * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page.\n\t *\n\t * Keep this in sync with the pagination plugins.\n\t */\n\t.ck-content *:has(+ .page-break) {\n\t\tmargin-bottom: 0;\n\t}\n}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-show-blocks-border-color: hsl(0, 0%, 46%);\n}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ADDRESS</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>ASIDE</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>BLOCKQUOTE</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DETAILS</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>DIV</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FOOTER</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H1</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H2</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H3</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H4</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H5</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>H6</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>HEADER</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>MAIN</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>NAV</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>PRE</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>OL</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>UL</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>P</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>SECTION</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {\n\t\tbackground-repeat: no-repeat;\n\t\tpadding-top: 15px;\n\t\t/* Fix for Multi-root editor\n\thttps://github.com/ckeditor/ckeditor5/issues/15969 */\n\t}\n\n[dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover) {\n\t\toutline: 1px dashed var(--ck-show-blocks-border-color);\n\t}\n\n[dir=\"ltr\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='3' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>\");\n\t\tbackground-position: 1px 1px;\n\t}\n\n[dir=\"rtl\"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg width='120' height='12' xmlns='http://www.w3.org/2000/svg' ><text style='paint-order:stroke fill; clip-path: inset(-3px); transform:translate(-2px, 0)' stroke='%23EAEAEA' stroke-width='13' dominant-baseline='middle' fill='black' x='100%' text-anchor='end' y='7' font-size='9px' font-family='Consolas, %22Lucida Console%22, %22Lucida Sans Typewriter%22, %22DejaVu Sans Mono%22, %22Bitstream Vera Sans Mono%22, %22Liberation Mono%22, Monaco, %22Courier New%22, Courier, monospace'>FIGCAPTION</text></svg>\");\n\t\tbackground-position: calc(100% - 1px) 1px;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Implements rounded corner interface for .ck-rounded-corners class.\n *\n * @see $ck-border-radius\n */\n/*\n * Copyright (c) 2003-2025, 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 * A visual style of focused element's border.\n */\n/*\n * Copyright (c) 2003-2025, 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 * A helper to combine multiple shadows.\n */\n/**\n * Gives an element a drop shadow so it looks like a floating panel.\n */\n\n.ck-source-editing-area {\n\tposition: relative;\n\toverflow: hidden;\n}\n\n.ck-source-editing-area::after,\n.ck-source-editing-area textarea {\n\tpadding: var(--ck-spacing-large);\n\tmargin: 0;\n\tborder: 1px solid transparent;\n\tline-height: var(--ck-line-height-base);\n\tfont-size: var(--ck-font-size-normal);\n\tfont-family: monospace;\n\twhite-space: pre-wrap;\n}\n\n.ck-source-editing-area::after {\n\tcontent: attr(data-value) \" \";\n\tvisibility: hidden;\n\tdisplay: block;\n}\n\n.ck-source-editing-area textarea {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tresize: none;\n\toutline: none;\n\toverflow: hidden;\n\tbox-sizing: border-box;\n\n\tborder-color: var(--ck-color-base-border);\n\n\tborder-radius: 0;\n}\n\n.ck-rounded-corners .ck-source-editing-area textarea,\n\t.ck-source-editing-area textarea.ck-rounded-corners {\n\t\tborder-radius: var(--ck-border-radius);\n\t\tborder-top-left-radius: 0;\n\t\tborder-top-right-radius: 0;\n\t}\n\n.ck-source-editing-area textarea:not([readonly]):focus {\n\t\t/* Disable native outline. */\n\t\toutline: none;\n\t\tborder: var(--ck-focus-ring);\n\t\tbox-shadow: var(--ck-inner-shadow), 0 0;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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 * Note: This file should contain the wireframe styles only. But since there are no such styles,\n * it acts as a message to the builder telling that it should look for the corresponding styles\n * **in the theme** when compiling the editor.\n */\n\n.ck.ck-special-characters > .ck-dialog__content > div {\n\t\twidth: 350px;\n\t\tmax-width: 100%;\n\t\theight: 100%;\n\n\t\tdisplay: grid;\n\t\tgrid-column-gap: 0px;\n\t\tgrid-row-gap: 0px;\n\t\tgrid-template-columns: 1fr;\n\t\tgrid-template-rows: auto 1fr auto;\n\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories {\n\t\t\tgrid-area: 1 / 1 / 2 / 2;\n\t\t\tpadding: var(--ck-spacing-medium) var(--ck-spacing-large);\n\t\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view {\n\t\t\t\tpadding-top: var(--ck-spacing-standard);\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {\n\t\t\t\t\tbackground: var(--ck-color-base-error);\n\t\t\t\t\tcolor: var(--ck-color-base-background);\n\t\t\t\t\tpadding: var(--ck-spacing-small) var(--ck-spacing-medium);\n\t\t\t\t\tmin-width: var(--ck-table-properties-min-error-width);\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\tanimation: ck-table-form-labeled-view-status-appear .15s ease both;\n\n\t\t\t\t\t/* The arrow pointing towards the field. */\n\t\t\t\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status::after {\n\t\t\t\t\t\tborder-color: transparent transparent var(--ck-color-base-error) transparent;\n\t\t\t\t\t\tborder-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);\n\t\t\t\t\t\tborder-style: solid;\n\t\t\t\t\t}\n\n@media (prefers-reduced-motion: reduce) {\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {\n\t\t\t\t\t\tanimation: none;\n\t\t\t\t}\n\t\t\t\t\t}\n\n/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label {\n\t\t\t\t\tfont-size: var(--ck-font-size-tiny);\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) {\n\t\t\t\t\t\tborder: 1px solid var(--ck-color-base-border);\n\t\t\t\t\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid {\n\t\t\tgrid-area: 2 / 1 / 3 / 2;\n\t\t\tmax-height: 200px;\n\t\t}\n\n.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info {\n\t\t\tgrid-area: 3 / 1 / 4 / 2;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-character-grid {\n\tmax-width: 100%;\n}\n\n.ck.ck-character-grid .ck-character-grid__tiles {\n\t\tdisplay: grid;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-character-info {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-style-panel-columns: 3;\n}\n\n.ck.ck-style-panel .ck-style-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--ck-style-panel-columns),auto);\n\tjustify-content: start;\n}\n\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tflex-direction: column;\n\t}\n\n.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {\n\t\t\tdisplay: flex;\n\t\t\talign-content: center;\n\t\t\tjustify-content: flex-start;\n\t\t\talign-items: center;\n\t\t\tflex-grow: 1;\n\t\t\tflex-basis: 100%;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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/* Text alignment of the table header should match the editor settings and override the native browser styling,\n\twhen content is available outside the editor. See https://github.com/ckeditor/ckeditor5/issues/6638 */\n\n.ck-content[dir=\"rtl\"] .table th {\n\t\ttext-align: right;\n\t}\n\n.ck-content[dir=\"ltr\"] .table th {\n\t\ttext-align: left;\n\t}\n\n.ck-content figure.table:not(.layout-table) {\n\t\tdisplay: table;\n\t}\n\n.ck-content figure.table:not(.layout-table) > table {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\n.ck-content .table:not(.layout-table) {\n\t\t/* Give the table widget some air and center it horizontally */\n\t\t/* The first value should be equal to --ck-spacing-large variable if used in the editor context\n\t\tto avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */\n\t\tmargin: 0.9em auto;\n\t}\n\n.ck-content table.table:not(.layout-table),\n\t.ck-content figure.table:not(.layout-table) > table {\n\t\t/* The table cells should have slight borders */\n\t\tborder-collapse: collapse;\n\t\tborder-spacing: 0;\n\n\t\t/* The outer border of the table should be slightly darker than the inner lines.\n\t\tAlso see https://github.com/ckeditor/ckeditor5-table/issues/50. */\n\t\tborder: 1px double hsl(0, 0%, 70%);\n\t}\n\n/* The linter is disabled here because linter is confused when resolving the `table.table:not(.layout-table)`\n\t\t\tand `figure.table:not(.layout-table) > table` selectors combined with below selectors.\n\t\t\tThere is no need to split it into two large structures with same code just to make linter happy. */\n\n/* stylelint-disable no-descending-specificity */\n\n.ck-content table.table:not(.layout-table) > thead > tr > th, .ck-content figure.table:not(.layout-table) > table > thead > tr > th, .ck-content table.table:not(.layout-table) > tbody > tr > th, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th {\n\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\tbackground: hsla(0, 0%, 0%, 5%);\n\t\t\t\t}\n\n.ck-content table.table:not(.layout-table) > thead > tr > td,\n\t\t\t\t.ck-content figure.table:not(.layout-table) > table > thead > tr > td,\n\t\t\t\t.ck-content table.table:not(.layout-table) > tbody > tr > td,\n\t\t\t\t.ck-content figure.table:not(.layout-table) > table > tbody > tr > td,\n\t\t\t\t.ck-content table.table:not(.layout-table) > thead > tr > th,\n\t\t\t\t.ck-content figure.table:not(.layout-table) > table > thead > tr > th,\n\t\t\t\t.ck-content table.table:not(.layout-table) > tbody > tr > th,\n\t\t\t\t.ck-content figure.table:not(.layout-table) > table > tbody > tr > th {\n\n\t\t\t\t\tmin-width: 2em;\n\t\t\t\t\tpadding: 0.4em;\n\n\t\t\t\t\t/* The border is inherited from .ck-editor__nested-editable styles, so theoretically it's not necessary here.\n\t\t\t\t\tHowever, the border is a content style, so it should use .ck-content (so it works outside the editor).\n\t\t\t\t\tHence, the duplication. See https://github.com/ckeditor/ckeditor5/issues/6314 */\n\t\t\t\t\tborder: 1px solid hsl(0, 0%, 75%);\n\t\t\t\t\t/* Opinionated table content styling: prevents content from shifting\n\t\t\t\t\t * when Enter is pressed in the first cell.\n\t\t\t\t\t * See: https://github.com/ckeditor/ckeditor5/pull/18801\n\t\t\t\t\t */\n\t\t\t\t}\n\n.ck-content table.table:not(.layout-table) > thead > tr > td > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:first-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > td > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:first-of-type, .ck-content table.table:not(.layout-table) > thead > tr > th > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:first-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > th > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:first-of-type {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\n/* Mirrors the rule above for the last paragraph to keep the\n\t\t\t\t\t * experience consistent with the first paragraph.\n\t\t\t\t\t *\n\t\t\t\t\t * Together, these rules prevent margins from appearing when a\n\t\t\t\t\t * bogus paragraph becomes a real paragraph after it receives line\n\t\t\t\t\t * height, text alignment, or other block style.\n\t\t\t\t\t *\n\t\t\t\t\t * See: https://github.com/ckeditor/ckeditor5/pull/18801\n\t\t\t\t\t */\n\n.ck-content table.table:not(.layout-table) > thead > tr > td > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:last-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > td > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:last-of-type, .ck-content table.table:not(.layout-table) > thead > tr > th > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:last-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > th > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:last-of-type {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\n@media print {\n\t\t/**\n\t\t * Sometimes Chrome incorrectly calculates the height of the last table row and some\n\t\t * of the content overlaps the paragraph that is placed directly after the table. It affects\n\t\t * the column split mode pagination calculation which causes mismatch between the print mode and\n\t\t * the preview mode.\n\t\t *\n\t\t * This issue happens only if:\n\t\t *\n\t\t * \t* The table is inside a figure element.\n\t\t * \t* The table has `display: table` style set.\n\t\t * \t* The block element is placed directly after the table.\n\t\t */\n\t\t.ck-content figure.table:not(.layout-table) {\n\t\t\twidth: fit-content;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t/**\n\t\t * Expanding the table to the full height of the parent container is necessary because tables\n\t\t * are rendered inside <figure> elements, which is kinda buggy in table height calculation.\n\t\t * While setting `height: 100%` fixes the issue in the editing mode described here:\n\t\t * https://github.com/ckeditor/ckeditor5/issues/6186\n\t\t *\n\t\t * it's causing another issue with the table height in the print preview mode here:\n\t\t * https://github.com/ckeditor/ckeditor5/issues/16856\n\t\t *\n\t\t * For now, resetting the height to `initial` in the print mode works as a workaround.\n\t\t */\n\t\t.ck-content figure.table:not(.layout-table) > table {\n\t\t\theight: initial;\n\t\t}\n}\n\n.ck-editor__editable .ck-table-bogus-paragraph {\n\t/*\n\t * Use display:inline-block to force Chrome/Safari to limit text mutations to this element.\n\t * See https://github.com/ckeditor/ckeditor5/issues/6062.\n\t */\n\tdisplay: inline-block;\n\n\t/*\n\t * Inline HTML elements nested in the span should always be dimensioned in relation to the whole cell width.\n\t * See https://github.com/ckeditor/ckeditor5/issues/9117.\n\t */\n\twidth: 100%;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child {\n\t\t\t\tmargin-top: var(--ck-spacing-large);\n\t\t\t}\n\n/*\n\t\t\t* This value should match with the default margins of the block elements (like .media, .image or .table)\n\t\t\t* to avoid a content jumping when the fake selection container shows up (See https://github.com/ckeditor/ckeditor5/issues/9825).\n\t\t\t*/\n\n.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:last-child,\n\t\t\t\n\t\t\t.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:nth-last-child(2):has( + .ck-fake-selection-container) {\n\t\t\t\tmargin-bottom: var(--ck-spacing-large);\n\t\t\t}\n\n.ck-editor__editable .table.layout-table {\n\t\tdisplay: table;\n\t\tmargin: 0;\n\n\t\t/* Widget type around overrides. */\n\t}\n\n.ck-editor__editable .table.layout-table.ck-widget:hover {\n\t\t\t\t/* To prevent the widget outline from being cut off at the bottom\n\t\t\t\twhen the next cell or table has a background color, for example. */\n\t\t\t\tz-index: var(--ck-z-default);\n\t\t\t}\n\n.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle {\n\t\t\t\topacity: 0.75;\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\n.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle:hover {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n/* Because of setting the opacity to 0.75 to the selection handle for the layout table,\n\t\t\tit overrides the similar selector in widget (specificity is higher),\n\t\t\tthats why we must override it here also. */\n\n.ck-editor__editable .table.layout-table.ck-widget:has( .ck-widget.table:hover ) > .ck-widget__selection-handle {\n\t\t\t\topacity: 0;\n\t\t\t\tvisibility: hidden;\n\t\t\t}\n\n.ck-editor__editable .table.layout-table.ck-widget.ck-widget_selected {\n\t\t\t\t/* To prevent the widget outline from being cut off at the bottom\n\t\t\t\twhen the next cell or table has a background color, for example. */\n\t\t\t\tz-index: var(--ck-z-default);\n\t\t\t}\n\n.ck-content table.table.layout-table,\n\t.ck-content figure.table.layout-table {\n\t\t/* Do not reserve space above and below the layout table. */\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t}\n\n.ck-content table.table.layout-table,\n\t.ck-content figure.table.layout-table > table {\n\t\tborder-spacing: 0;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {\n\t\t\tflex-wrap: wrap;\n\t\t\tflex-basis: 0;\n\t\t\talign-content: baseline;\n\t\t}\n\n.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {\n\t\t\t\tflex-wrap: nowrap;\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-content-color-table-caption-background: hsl(0, 0%, 97%);\n\t--ck-content-color-table-caption-text: hsl(0, 0%, 20%);\n\t--ck-color-table-caption-highlighted-background: hsl(52deg 100% 50%);\n}\n\n/* Content styles */\n.ck-content .table > figcaption,\n.ck-content figure.table > table > caption {\n\tdisplay: table-caption;\n\tcaption-side: top;\n\tword-break: normal;\n\toverflow-wrap: anywhere;\n\ttext-align: center;\n\tcolor: var(--ck-content-color-table-caption-text);\n\tbackground-color: var(--ck-content-color-table-caption-background);\n\tpadding: .6em;\n\tfont-size: .75em;\n\toutline-offset: -1px;\n\n\t/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */\n}\n@media (forced-colors: active) {\n\t\t.ck-content .table > figcaption, .ck-content figure.table > table > caption {\n\t\tbackground-color: unset;\n\t\tcolor: unset;\n\t\t}\n\t}\n\n/* Editing styles */\n@media (forced-colors: none) {\n\t\t.ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted {\n\t\t\tanimation: ck-table-caption-highlight .6s ease-out;\n\t\t}\n\t}\n.ck.ck-editor__editable .table > figcaption.ck-placeholder::before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder::before {\n\t\tpadding-left: inherit;\n\t\tpadding-right: inherit;\n\n\t\t/*\n\t\t * Make sure the table caption placeholder doesn't overflow the placeholder area.\n\t\t * See https://github.com/ckeditor/ckeditor5/issues/9162.\n\t\t */\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n@keyframes ck-table-caption-highlight {\n\t0% {\n\t\tbackground-color: var(--ck-color-table-caption-highlighted-background);\n\t}\n\n\t100% {\n\t\tbackground-color: var(--ck-content-color-table-caption-background);\n\t}\n}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-table-column-resizer-hover: var(--ck-color-base-active);\n\t--ck-table-column-resizer-width: 7px;\n\n\t/* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border.\n\t   The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */\n\t--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);\n}\n\n.ck-content .table .ck-table-resized {\n\ttable-layout: fixed;\n}\n\n.ck-content .table td,\n.ck-content .table th {\n\t/* To prevent text overflowing beyond its cell when columns are resized by resize handler\n\t(https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */\n\toverflow-wrap: break-word;\n}\n\n.ck.ck-editor__editable .table td,\n.ck.ck-editor__editable .table th {\n\t/* The resizer element is placed inside each cell, so it must be positioned relatively to the cell. */\n\tposition: relative;\n}\n\n.ck.ck-editor__editable .table .ck-table-column-resizer {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tright: var(--ck-table-column-resizer-position-offset);\n\twidth: var(--ck-table-column-resizer-width);\n\tcursor: col-resize;\n\tuser-select: none;\n\tz-index: var(--ck-z-default);\n}\n\n.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {\n\tdisplay: none;\n}\n\n/* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again,\n   all resizers must be hidden while the table is dragged. */\n.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {\n\tdisplay: none;\n}\n\n.ck.ck-editor__editable .table .ck-table-column-resizer:hover,\n.ck.ck-editor__editable .table .ck-table-column-resizer__active {\n\tbackground-color: var(--ck-color-table-column-resizer-hover);\n\topacity: 0.25;\n}\n\n.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {\n\tleft: var(--ck-table-column-resizer-position-offset);\n\tright: unset;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-form__row.ck-table-form__action-row {\n\t\tjustify-content: flex-end;\n\t}\n\n.ck.ck-form__row.ck-table-form__action-row .ck-button-save,\n\t\t.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {\n\t\t\tjustify-content: center;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-table-form .ck-form__row.ck-table-form__border-row {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n.ck.ck-table-form .ck-form__row.ck-table-form__background-row {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {\n\t\t\tflex-wrap: wrap;\n\t\t\talign-items: center;\n\t\t}\n\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column-reverse;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {\n\t\t\t\t\tflex-grow: 0;\n\t\t\t\t}\n\n/* Ignore labels that work as fieldset legends */\n\n/* Fallback for table dimension operator */\n\n.ck.ck-table-form .ck-form__row:not(.ck-table-form__action-row) > *:not(.ck-label, .ck-table-form__dimension-operator) {\n\t\t\tflex-grow: 1;\n\t\t}\n\n.ck.ck-table-form .ck.ck-labeled-field-view {\n\t\t/* Allow absolute positioning of the status (error) balloons. */\n\t\tposition: relative;\n\t}\n\n.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\tbottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );\n\t\t\ttransform: translate(-50%,100%);\n\n\t\t\t/* Make sure the balloon status stays on top of other form elements. */\n\t\t\tz-index: 1;\n\n\t\t\t/* The arrow pointing towards the field. */\n\t\t}\n\n.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: calc( -1 * var(--ck-table-properties-error-arrow-size) );\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX( -50% );\n\t\t\t}\n\n.ck.ck-table-form:has( .ck-form__header > .ck-button-back ) .ck-form__row.ck-table-form__action-row > .ck.ck-button {\n\t\t\t\tflex-grow: initial;\n\t\t\t}\n\n.ck.ck-table-form:has( .ck-form__header > .ck-button-back ) .ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label {\n\t\t\t\t\tcolor: currentColor;\n\t\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-content-table-style-spacing: 1.5em;\n}\n\n.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {\n\t\t\tflex-wrap: wrap;\n\t\t\tflex-basis: 0;\n\t\t\talign-content: baseline;\n\t\t}\n\n.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {\n\t\t\t\tflex-wrap: nowrap;\n\t\t\t}\n\n.ck-content .table.table-style-align-left {\n\t\t\tfloat: left;\n\t\t\tmargin-right: var(--ck-content-table-style-spacing);\n\t\t}\n\n.ck-content .table.table-style-align-right {\n\t\t\tfloat: right;\n\t\t\tmargin-left: var(--ck-content-table-style-spacing);\n\t\t}\n\n.ck-content .table.table-style-align-center {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\n.ck-content .table.table-style-block-align-left {\n\t\t\tmargin-left: 0;\n\t\t\tmargin-right: auto;\n\t\t}\n\n.ck-content .table.table-style-block-align-right {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: 0;\n\t\t}\n\n.ck-editor__editable .table.layout-table.table-style-align-center {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\n.ck-editor__editable .table.layout-table.table-style-align-left {\n\t\t\tmargin-right: var(--ck-content-table-style-spacing);\n\t\t}\n\n.ck-editor__editable .table.layout-table.table-style-align-right {\n\t\t\tmargin-left: var(--ck-content-table-style-spacing);\n\t\t}\n\n.ck-editor__editable .table.layout-table.table-style-block-align-left {\n\t\t\tmargin-left: 0;\n\t\t\tmargin-right: auto;\n\t\t}\n\n.ck-editor__editable .table.layout-table.table-style-block-align-right {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: 0;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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:root {\n\t--ck-form-default-width: 340px;\n}\n\n.ck.ck-form {\n\tpadding: 0 0 var(--ck-spacing-large);\n}\n\n.ck.ck-form.ck-form_default-width {\n\t\twidth: var(--ck-form-default-width);\n\t}\n\n.ck.ck-form:focus {\n\t\toutline: none;\n\t}\n\n.ck.ck-form .ck.ck-input-text,\n\t.ck.ck-form .ck.ck-input-number {\n\t\tmin-width: 100%;\n\t\twidth: 0;\n\t}\n\n.ck.ck-form .ck.ck-dropdown {\n\t\tmin-width: 100%;\n\t}\n\n.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {\n\t\t\t\tborder: 1px solid var(--ck-color-base-border);\n\t\t\t}\n\n.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n/* Default `ck-responsive-form` customization when it lies next to `ck-form` class */\n\n@media screen and (max-width: 600px) {\n\n.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: stretch;\n\t\t\t\t\tpadding: 0;\n\t\t\t}\n\t}\n\n@media screen and (max-width: 600px) {\n\n.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {\n\t\t\t\t\t\tmargin: var(--ck-spacing-large) var(--ck-spacing-large) 0;\n\t\t\t\t}\n\t}\n\n@media screen and (max-width: 600px) {\n\n.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t}\n\t}\n\n@media screen and (max-width: 600px) {\n\n.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding {\n\t\t\t\t\tpadding-bottom: var(--ck-spacing-large);\n\t\t\t}\n\t}\n\n[dir=\"ltr\"] .ck.ck-form.ck-responsive-form > :not(:first-child) {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n[dir=\"rtl\"] .ck.ck-form.ck-responsive-form > :not(:last-child) {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n/* End of `ck-responsive-form` customization */\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-form__row.ck-table-form__action-row .ck-button-save,\n\t\t.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {\n\t\t\tjustify-content: center;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-table-form .ck-form__row.ck-table-form__border-row {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n.ck.ck-table-form .ck-form__row.ck-table-form__background-row {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {\n\t\t\tflex-wrap: wrap;\n\t\t\talign-items: center;\n\t\t}\n\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column-reverse;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {\n\t\t\t\t\tflex-grow: 0;\n\t\t\t\t}\n\n.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {\n\t\t\t\tflex-grow: 0;\n\t\t\t}\n\n/* Ignore labels that work as fieldset legends */\n\n/* Fallback for table dimension operator */\n\n.ck.ck-table-form .ck-form__row > *:not(.ck-label, .ck-table-form__dimension-operator) {\n\t\t\tflex-grow: 1;\n\t\t}\n\n.ck.ck-table-form .ck.ck-labeled-field-view {\n\t\t/* Allow absolute positioning of the status (error) balloons. */\n\t\tposition: relative;\n\t}\n\n.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\tbottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );\n\t\t\ttransform: translate(-50%,100%);\n\n\t\t\t/* Make sure the balloon status stays on top of other form elements. */\n\t\t\tz-index: 1;\n\n\t\t\t/* The arrow pointing towards the field. */\n\t\t}\n\n.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: calc( -1 * var(--ck-table-properties-error-arrow-size) );\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX( -50% );\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {\n\t\t\t\t\t/* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */\n\t\t\t\t\tflex-grow: 0.57;\n\t\t\t\t}\n\n.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {\n\t\t\t\t\t/* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */\n\t\t\t\t\tflex-grow: 0.43;\n\t\t\t\t}\n\n.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-input-color {\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: row-reverse;\n}\n\n.ck.ck-input-color > input.ck.ck-input-text {\n\t\tmin-width: auto;\n\t\tflex-grow: 1;\n\t}\n\n.ck.ck-input-color > div.ck.ck-dropdown {\n\t\tmin-width: auto;\n\n\t\t/* This dropdown has no arrow but a color preview instead. */\n\t}\n\n.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {\n\t\t\tdisplay: none;\n\t\t}\n\n.ck.ck-input-color .ck.ck-input-color__button {\n\t\t/* Resolving issue with misaligned buttons on Safari (see #10589) */\n\t\tdisplay: flex;\n\t}\n\n.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {\n\t\t\tposition: relative;\n\t\t\toverflow: hidden;\n\t\t}\n\n.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {\n\t\t\t\tposition: absolute;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck .ck-insert-table-dropdown__grid {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * A class which hides an element in DOM.\n */\n\n.ck-hidden {\n\t/* Override selector specificity. Otherwise, all elements with some display\n\tstyle defined will override this one, which is not a desired result. */\n\tdisplay: none !important;\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-z-default: 1;\n\t--ck-z-panel: calc( var(--ck-z-default) + 999 );\n\t--ck-z-dialog: 9999;\n}\n/*\n * Copyright (c) 2003-2025, 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 * A class that disables all transitions of the element and its children.\n */\n.ck-transitions-disabled,\n.ck-transitions-disabled * {\n\ttransition: none !important;\n}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t/* where 7.5(px) is the font size of the powered by label and 13(px) is the base font size. */\n\t--ck-powered-by-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);\n\t/* where 10(px) is the line height of the powered by label and 13(px) is the base font size. */\n\t--ck-powered-by-line-height: calc(var(--ck-font-size-base) * 10 / 13);\n\t/* where -0.2(px) is the letter spacing of the powered by label and 13(px) is the base font size. */\n\t--ck-powered-by-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);\n\t--ck-powered-by-padding-vertical: 2px;\n\t--ck-powered-by-padding-horizontal: 4px;\n\t--ck-powered-by-text-color: hsl(0, 0%, 31%);\n\t--ck-powered-by-border-radius: var(--ck-border-radius);\n\t--ck-powered-by-background: hsl(0, 0%, 100%);\n\t--ck-powered-by-border-color: var(--ck-color-focus-border);\n\n\t--ck-powered-by-svg-width: 53;\n\t--ck-powered-by-svg-height: 10;\n\t--ck-powered-by-icon-width: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-width) / 13);\n\t--ck-powered-by-icon-height: calc(var(--ck-font-size-base) * var(--ck-powered-by-svg-height) / 13);\n}\n.ck.ck-balloon-panel.ck-powered-by-balloon {\n\t--ck-border-radius: var(--ck-powered-by-border-radius);\n\n\tbox-shadow: none;\n\tbackground: var(--ck-powered-by-background);\n\tmin-height: unset;\n\tz-index: calc( var(--ck-z-panel) - 1 );\n}\n.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {\n\t\tline-height: var(--ck-powered-by-line-height);\n\t}\n.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\topacity: .66;\n\t\t\tfilter: grayscale(80%);\n\t\t\tline-height: var(--ck-powered-by-line-height);\n\t\t\tpadding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);\n\t\t}\n.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {\n\t\t\tfont-size: var(--ck-powered-by-font-size);\n\t\t\tletter-spacing: var(--ck-powered-by-letter-spacing);\n\t\t\tpadding-left: 2px;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: bold;\n\t\t\tmargin-right: 4px;\n\t\t\tcursor: pointer;\n\t\t\tline-height: normal;\n\t\t\tcolor: var(--ck-powered-by-text-color);\n\n\t\t}\n.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {\n\t\t\tdisplay: block;\n\t\t\tcursor: pointer;\n\t\t\twidth: var(--ck-powered-by-icon-width);\n\t\t\theight: var(--ck-powered-by-icon-height);\n\t\t}\n.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {\n\t\t\t\tfilter: grayscale(0%);\n\t\t\t\topacity: 1;\n\t\t\t}\n.ck.ck-balloon-panel.ck-powered-by-balloon[class*=\"position_inside\"] {\n\t\tborder-color: transparent;\n\t}\n.ck.ck-balloon-panel.ck-powered-by-balloon[class*=\"position_border\"] {\n\t\tborder: var(--ck-focus-ring);\n\t\tborder-color: var(--ck-powered-by-border-color);\n\t}\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t/* where 7.5(px) is the font size of the evaluation badge label and 13(px) is the base font size. */\n\t--ck-evaluation-badge-font-size: calc(var(--ck-font-size-base) * 7.5 / 13);\n\t/* where 7.5(px) is the line height of the evaluation badge label and 13(px) is the base font size. */\n\t--ck-evaluation-badge-line-height: calc(var(--ck-font-size-base) * 7.5 / 13);\n\t/* where -0.2(px) is the letter spacing of the evaluation badge label and 13(px) is the base font size. */\n\t--ck-evaluation-badge-letter-spacing: calc(var(--ck-font-size-base) * -0.2 / 13);\n\t--ck-evaluation-badge-padding-vertical: 2px;\n\t--ck-evaluation-badge-padding-horizontal: 4px;\n\t--ck-evaluation-badge-text-color: hsl(0, 0%, 31%);\n\t--ck-evaluation-badge-border-radius: var(--ck-border-radius);\n\t--ck-evaluation-badge-background: hsl(0, 0%, 100%);\n\t--ck-evaluation-badge-border-color: var(--ck-color-focus-border);\n}\n.ck.ck-balloon-panel.ck-evaluation-badge-balloon {\n\t--ck-border-radius: var(--ck-evaluation-badge-border-radius);\n\n\tbox-shadow: none;\n\tbackground: var(--ck-evaluation-badge-background);\n\tmin-height: unset;\n\tz-index: calc( var(--ck-z-panel) - 1 );\n}\n.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge {\n\t\tline-height: var(--ck-evaluation-badge-line-height);\n\t\tpadding: var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal);\n\t}\n.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge .ck-evaluation-badge__label {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 2px;\n\t\t\tfont-size: var(--ck-evaluation-badge-font-size);\n\t\t\tletter-spacing: var(--ck-evaluation-badge-letter-spacing);\n\t\t\tfont-weight: bold;\n\t\t\tline-height: normal;\n\t\t\ttext-transform: uppercase;\n\t\t\tcolor: var(--ck-evaluation-badge-text-color);\n\t\t}\n.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=\"position_inside\"] {\n\t\tborder-color: transparent;\n\t}\n.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*=\"position_border\"] {\n\t\tborder: var(--ck-focus-ring);\n\t\tborder-color: var(--ck-evaluation-badge-border-color);\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-aria-live-announcer {\n\tposition: absolute;\n\tleft: -10000px;\n\ttop: -10000px;\n}\n\n.ck.ck-aria-live-region-list {\n\tlist-style-type: none;\n}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Makes element unselectable.\n */\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-button,\na.ck.ck-button {\n\t-moz-user-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\n\tposition: relative;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n[dir=\"ltr\"] .ck.ck-button, [dir=\"ltr\"] a.ck.ck-button {\n\t\tjustify-content: left;\n\t}\n\n[dir=\"rtl\"] .ck.ck-button, [dir=\"rtl\"] a.ck.ck-button {\n\t\tjustify-content: right;\n\t}\n\n.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {\n\t\tdisplay: none;\n\t}\n\n.ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label {\n\t\t\tdisplay: inline-block;\n\t\t}\n\n/* Center the icon horizontally in a button without text. */\n\n.ck.ck-button:not(.ck-button_with-text),  a.ck.ck-button:not(.ck-button_with-text)  {\n\t\tjustify-content: center;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-button.ck-switchbutton .ck-button__toggle {\n\t\tdisplay: block;\n\t}\n\n.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {\n\t\t\tdisplay: block;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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.ck.ck-list-item-button {\n\tmin-height: unset;\n\twidth: 100%;\n\tborder-radius: 0;\n}\n\n[dir=\"ltr\"] .ck.ck-list-item-button {\n\t\ttext-align: left;\n\t}\n\n[dir=\"rtl\"] .ck.ck-list-item-button {\n\t\ttext-align: right;\n\t}\n\n[dir=\"ltr\"] .ck.ck-list-item-button.ck-list-item-button_toggleable {\n\t\t\tpadding-left: var(--ck-spacing-small);\n\t}\n\n[dir=\"rtl\"] .ck.ck-list-item-button.ck-list-item-button_toggleable {\n\t\t\tpadding-right: var(--ck-spacing-small);\n\t}\n\n.ck.ck-list-item-button .ck-list-item-button__check-holder {\n\t\tdisplay: inline-flex;\n\t\twidth: .9em;\n\t\theight: .9em;\n\t}\n\n[dir=\"ltr\"] .ck.ck-list-item-button .ck-list-item-button__check-holder {\n\t\t\tmargin-right: var(--ck-spacing-small);\n\t}\n\n[dir=\"rtl\"] .ck.ck-list-item-button .ck-list-item-button__check-holder {\n\t\t\tmargin-left: var(--ck-spacing-small);\n\t}\n\n.ck.ck-list-item-button .ck-list-item-button__check-icon {\n\t\theight: 100%;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {\n\t\tdisplay: none;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-color-grid {\n\tdisplay: grid;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.color-picker-hex-input {\n\twidth: max-content;\n}\n\n.color-picker-hex-input .ck.ck-input {\n\t\tmin-width: unset;\n\t}\n\n.ck.ck-color-picker__row {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\tjustify-content: space-between;\n\tmargin: var(--ck-spacing-large) 0 0;\n\twidth: unset;\n}\n\n.ck.ck-color-picker__row .ck.ck-labeled-field-view {\n\t\tpadding-top: unset;\n\t}\n\n.ck.ck-color-picker__row .ck.ck-input-text {\n\t\twidth: unset;\n\t}\n\n.ck.ck-color-picker__row .ck-color-picker__hash-view {\n\t\tpadding-top: var(--ck-spacing-tiny);\n\t\tpadding-right: var(--ck-spacing-medium);\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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/* View fragment with color grids. */\n\n.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,\n\t\t.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n[dir=\"rtl\"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, [dir=\"rtl\"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {\n\t\t\t\tjustify-content: flex-start;\n\t}\n\n/* View fragment with a color picker. */\n\n.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save,\n\t\t\t.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {\n\t\t\t\tflex: 1\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-dialog-overlay {\n\tuser-select: none;\n\toverscroll-behavior: none;\n\n\tposition: fixed;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n}\n\n.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {\n\t\tpointer-events: none;\n\t\tanimation: none;\n\t\tbackground: none;\n\t}\n\n.ck.ck-dialog {\n\toverscroll-behavior: none;\n\twidth: fit-content;\n\tposition: absolute;\n}\n\n.ck.ck-dialog .ck.ck-form__header  {\n\t\tflex-shrink: 0;\n\t}\n\n/* Modals should not be draggable. */\n\n.ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label {\n\t\t\tcursor: grab;\n\t\t}\n\n.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {\n\t\tpointer-events: all;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-dialog .ck.ck-dialog__actions {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-dropdown-max-width: 75vw;\n}\n\n.ck.ck-dropdown {\n\tdisplay: inline-block;\n\tposition: relative;\n}\n\n.ck.ck-dropdown .ck-dropdown__arrow {\n\t\tpointer-events: none;\n\t\tz-index: var(--ck-z-default);\n\t}\n\n/* Dropdown button should span horizontally, e.g. in vertical toolbars */\n\n.ck.ck-dropdown .ck-button.ck-dropdown__button {\n\t\twidth: 100%;\n\t}\n\n.ck.ck-dropdown .ck-dropdown__panel {\n\t\tdisplay: none;\n\t\tz-index: var(--ck-z-panel);\n\t\tmax-width: var(--ck-dropdown-max-width);\n\n\t\tposition: absolute;\n\t}\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {\n\t\t\tdisplay: inline-block;\n\t\t}\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {\n\t\t\tbottom: 100%;\n\t\t}\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {\n\t\t\t/*\n\t\t\t * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays.\n\t\t\t * See https://github.com/ckeditor/ckeditor5/issues/1053.\n\t\t\t */\n\t\t\ttop: 100%;\n\t\t\tbottom: auto;\n\t\t}\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {\n\t\t\tleft: 0px;\n\t\t}\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {\n\t\t\tright: 0px;\n\t\t}\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {\n\t\t\t/* Positioning panels relative to the center of the button */\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {\n\t\t\t/* Positioning panels relative to the middle-west of the button */\n\t\t\tleft: 75%;\n\t\t\ttransform: translateX(-75%);\n\t\t}\n\n.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,\n\t\t.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {\n\t\t\t/* Positioning panels relative to the middle-east of the button */\n\t\t\tleft: 25%;\n\t\t\ttransform: translateX(-25%);\n\t\t}\n\n/*\n * Toolbar dropdown panels should be always above the UI (eg. other dropdown panels) from the editor's content.\n * See https://github.com/ckeditor/ckeditor5/issues/7874\n */\n.ck.ck-toolbar .ck-dropdown__panel {\n\tz-index: calc( var(--ck-z-panel) + 1 );\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-splitbutton {\n\t/* Enable font size inheritance, which allows fluid UI scaling. */\n\tfont-size: inherit;\n}\n\n.ck.ck-splitbutton .ck-splitbutton__action:focus {\n\t\tz-index: calc(var(--ck-z-default) + 1);\n\t}\n\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-toolbar-dropdown-max-width: 60vw;\n}\n\n.ck.ck-toolbar-dropdown > .ck-dropdown__panel {\n\t/* https://github.com/ckeditor/ckeditor5/issues/5586 */\n\twidth: max-content;\n\tmax-width: var(--ck-toolbar-dropdown-max-width);\n}\n\n.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {\n\t\t\tz-index: calc(var(--ck-z-default) + 1);\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-dropdown-menu-list__nested-menu {\n\tdisplay: block;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {\n\tpointer-events: none;\n\tz-index: var(--ck-z-default);\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {\n\tposition: absolute;\n\tmax-height: 314px; /* With the default settings, this is equal to 10 menu items. */\n\toverflow-y: auto;\n\tz-index: calc(var(--ck-z-panel) + 1);\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-form__row {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n\tpadding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;\n}\n\n.ck.ck-form__row.ck-form__row_large-top-padding {\n\t\tpadding-top: var(--ck-spacing-large);\n\t}\n\n.ck.ck-form__row.ck-form__row_large-bottom-padding {\n\t\tpadding-bottom: var(--ck-spacing-large);\n\t}\n\n.ck.ck-form__row.ck-form__row_with-submit {\n\t\tflex-wrap: nowrap;\n\t}\n\n.ck.ck-form__row.ck-form__row_with-submit > *:not(:first-child) {\n\t\t\tmargin-inline-start: var(--ck-spacing-standard);\n\t\t}\n\n.ck.ck-form__row > .ck.ck-form__row {\n\t\tpadding: 0;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-form__header {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\talign-items: center;\n\tjustify-content: space-between;\n}\n\n.ck.ck-form__header h2.ck-form__header__label {\n\t\tflex-grow: 1;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-icon {\n\tvertical-align: middle;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-label {\n\tdisplay: block;\n}\n\n.ck.ck-voice-label {\n\tdisplay: none;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t}\n\n.ck.ck-labeled-field-view .ck.ck-label {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Makes element unselectable.\n */\n\n.ck.ck-list {\n\t-moz-user-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.ck.ck-list .ck-list__item,\n\t.ck.ck-list .ck-list__separator {\n\t\tdisplay: block;\n\t}\n\n/* Make sure that whatever child of the list item gets focus, it remains on the\n\ttop. Thanks to that, styles like box-shadow, outline, etc. are not masked by\n\tadjacent list items. */\n\n.ck.ck-list .ck-list__item > *:focus {\n\t\tposition: relative;\n\t\tz-index: var(--ck-z-default);\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t/* Make sure the balloon arrow does not float over its children. */\n\t--ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);\n}\n\n.ck.ck-balloon-panel {\n\tdisplay: none;\n\tposition: absolute;\n\n\tz-index: var(--ck-z-panel);\n}\n\n.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,\n\t\t.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t}\n\n.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {\n\t\t\tz-index: var(--ck-balloon-panel-arrow-z-index);\n\t\t}\n\n.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {\n\t\t\tz-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);\n\t\t}\n\n.ck.ck-balloon-panel[class*=\"arrow_n\"]::before {\n\t\t\tz-index: var(--ck-balloon-panel-arrow-z-index);\n\t\t}\n\n.ck.ck-balloon-panel[class*=\"arrow_n\"]::after {\n\t\t\tz-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);\n\t\t}\n\n.ck.ck-balloon-panel[class*=\"arrow_s\"]::before {\n\t\t\tz-index: var(--ck-balloon-panel-arrow-z-index);\n\t\t}\n\n.ck.ck-balloon-panel[class*=\"arrow_s\"]::after {\n\t\t\tz-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);\n\t\t}\n\n.ck.ck-balloon-panel.ck-balloon-panel_visible {\n\t\tdisplay: block;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck .ck-balloon-rotator__navigation {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n/* Buttons inside a toolbar should be centered when rotator bar is wider.\n * See: https://github.com/ckeditor/ckeditor5-ui/issues/495\n */\n.ck .ck-balloon-rotator__content .ck-toolbar {\n\tjustify-content: center;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck .ck-fake-panel {\n\tposition: absolute;\n\n\t/* Fake panels should be placed under main balloon content. */\n\tz-index: calc(var(--ck-z-panel) - 1);\n}\n\n.ck .ck-fake-panel div {\n\tposition: absolute;\n}\n\n.ck .ck-fake-panel div:nth-child( 1 ) {\n\tz-index: 2;\n}\n\n.ck .ck-fake-panel div:nth-child( 2 ) {\n\tz-index: 1;\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {\n\t\tz-index: var(--ck-z-panel); /* #315 */\n\t\tposition: fixed;\n\t\ttop: 0;\n\t}\n\n.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {\n\t\ttop: auto;\n\t\tposition: absolute;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-autocomplete {\n\tposition: relative;\n}\n\n.ck.ck-autocomplete > .ck-search__results {\n\t\tposition: absolute;\n\t\tz-index: var(--ck-z-panel);\n\t}\n\n.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {\n\t\t\tbottom: 100%;\n\t\t}\n\n.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {\n\t\t\ttop: 100%;\n\t\t\tbottom: auto;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\n[dir=\"ltr\"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {\n\t\t\t\tleft: var(--ck-spacing-medium);\n\t}\n\n[dir=\"rtl\"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {\n\t\t\t\tright: var(--ck-spacing-medium);\n\t}\n\n.ck.ck-search > .ck-labeled-field-view .ck-search__reset {\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\n.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n/* Hide the filtered view when nothing was found */\n\n.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-highlighted-text mark {\n\tbackground: var(--ck-color-highlight-background);\n\tvertical-align: initial;\n\tfont-weight: inherit;\n\tline-height: inherit;\n\tfont-size: inherit;\n}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Makes element unselectable.\n */\n\n.ck.ck-balloon-panel.ck-tooltip {\n\t-moz-user-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\n\tz-index: calc( var(--ck-z-dialog) + 100 );\n}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-toolbar-spinner-size: 18px;\n}\n\n.ck.ck-spinner-container {\n\tdisplay: block;\n\tposition: relative;\n}\n\n.ck.ck-spinner {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 0;\n\tright: 0;\n\tmargin: 0 auto;\n\ttransform: translateY(-50%);\n\tz-index: 1;\n}\n\n/*\n * Copyright (c) 2003-2025, 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 * Copyright (c) 2003-2025, 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 * Makes element unselectable.\n */\n\n.ck.ck-toolbar {\n\t-moz-user-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\n\tdisplay: flex;\n\tflex-flow: row nowrap;\n\talign-items: center;\n}\n\n.ck.ck-toolbar > .ck-toolbar__items {\n\t\tdisplay: flex;\n\t\tflex-flow: row wrap;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\n\t}\n\n.ck.ck-toolbar .ck.ck-toolbar__separator {\n\t\tdisplay: inline-block;\n\n\t\t/*\n\t\t * A leading or trailing separator makes no sense (separates from nothing on one side).\n\t\t * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and\n\t\t * moved to another toolbar in the dropdown.\n\t\t */\n\t}\n\n.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,\n\t\t.ck.ck-toolbar .ck.ck-toolbar__separator:last-child {\n\t\t\tdisplay: none;\n\t\t}\n\n.ck.ck-toolbar .ck-toolbar__line-break {\n\t\tflex-basis: 100%;\n\t}\n\n.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {\n\t\tflex-wrap: nowrap;\n\t}\n\n.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {\n\t\tflex-direction: column;\n\t}\n\n.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {\n\t\tflex-wrap: nowrap;\n\t}\n\n.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {\n\t\t\tdisplay: none;\n\t\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-block-toolbar-button {\n\tposition: absolute;\n\tz-index: var(--ck-z-default);\n}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {\n\t\tpointer-events: none;\n\t\tz-index: var(--ck-z-default);\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-menu-bar-menu-max-width: 75vw;\n\t--ck-menu-bar-nested-menu-horizontal-offset: 5px;\n}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {\n\tz-index: var(--ck-z-panel);\n\tmax-width: var(--ck-menu-bar-menu-max-width);\n\tposition: absolute;\n}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {\n\t\tbottom: 100%;\n\t}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {\n\t\ttop: 100%;\n\t\tbottom: auto;\n\t}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {\n\t\tleft: 0px;\n\t}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {\n\t\tright: 0px;\n\t}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {\n\t\tleft: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );\n\t}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {\n\t\ttop: 0px;\n\t}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {\n\t\tbottom: 0px;\n\t}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,\n\t.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {\n\t\tright: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) );\n\t}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {\n\t\ttop: 0px;\n\t}\n\n.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {\n\t\tbottom: 0px;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck.ck-menu-bar__menu {\n\tdisplay: block;\n\tposition: relative;\n}\n\n/*\n * Copyright (c) 2003-2025, 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:root {\n\t--ck-color-resizer: var(--ck-color-focus-border);\n\t--ck-color-resizer-tooltip-background: hsl(0, 0%, 15%);\n\t--ck-color-resizer-tooltip-text: hsl(0, 0%, 95%);\n\n\t--ck-resizer-border-radius: var(--ck-border-radius);\n\t--ck-resizer-tooltip-offset: 10px;\n\t--ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);\n}\n\n.ck .ck-widget {\n\t/* This is neccessary for type around UI to be positioned properly. */\n\tposition: relative;\n}\n\n.ck .ck-widget.ck-widget_with-selection-handle {\n\t/* Make the widget wrapper a relative positioning container for the drag handle. */\n\tposition: relative;\n}\n\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {\n\t\tposition: absolute;\n\t}\n\n.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {\n\t\t\t/* Make sure the icon in not a subject to font-size or line-height to avoid\n\t\t\tunnecessary spacing around it. */\n\t\t\tdisplay: block;\n\t\t}\n\n/* Show the selection handle on mouse hover over the widget, but not for nested widgets. */\n\n.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {\n\t\tvisibility: visible;\n\t}\n\n/* Show the selection handle when the widget is selected, but not for nested widgets. */\n\n.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle {\n\t\tvisibility: visible;\n\t}\n\n.ck .ck-size-view {\n\tbackground: var(--ck-color-resizer-tooltip-background);\n\tcolor: var(--ck-color-resizer-tooltip-text);\n\tborder: 1px solid var(--ck-color-resizer-tooltip-text);\n\tborder-radius: var(--ck-resizer-border-radius);\n\tfont-size: var(--ck-font-size-tiny);\n\tdisplay: block;\n\tpadding: 0 var(--ck-spacing-small);\n\theight: var(--ck-resizer-tooltip-height);\n\tline-height: var(--ck-resizer-tooltip-height);\n}\n\n.ck .ck-size-view.ck-orientation-top-left,\n\t.ck .ck-size-view.ck-orientation-top-right,\n\t.ck .ck-size-view.ck-orientation-bottom-right,\n\t.ck .ck-size-view.ck-orientation-bottom-left,\n\t.ck .ck-size-view.ck-orientation-above-center {\n\t\tposition: absolute;\n\t}\n\n.ck .ck-size-view.ck-orientation-top-left {\n\t\ttop: var(--ck-resizer-tooltip-offset);\n\t\tleft: var(--ck-resizer-tooltip-offset);\n\t}\n\n.ck .ck-size-view.ck-orientation-top-right {\n\t\ttop: var(--ck-resizer-tooltip-offset);\n\t\tright: var(--ck-resizer-tooltip-offset);\n\t}\n\n.ck .ck-size-view.ck-orientation-bottom-right {\n\t\tbottom: var(--ck-resizer-tooltip-offset);\n\t\tright: var(--ck-resizer-tooltip-offset);\n\t}\n\n.ck .ck-size-view.ck-orientation-bottom-left {\n\t\tbottom: var(--ck-resizer-tooltip-offset);\n\t\tleft: var(--ck-resizer-tooltip-offset);\n\t}\n\n/* Class applied if the widget is too small to contain the size label */\n\n.ck .ck-size-view.ck-orientation-above-center {\n\t\ttop: calc(var(--ck-resizer-tooltip-height) * -1);\n\t\tleft: 50%;\n\t\ttransform: translate(-50%);\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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.ck .ck-widget_with-resizer {\n\t/* Make the widget wrapper a relative positioning container for the drag handle. */\n\tposition: relative;\n}\n\n.ck .ck-widget__resizer {\n\tdisplay: none;\n\tposition: absolute;\n\n\t/* The wrapper itself should not interfere with the pointer device, only the handles should. */\n\tpointer-events: none;\n\n\tleft: 0;\n\ttop: 0;\n}\n\n.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {\n\t\tdisplay: block;\n\t}\n\n.ck .ck-widget__resizer__handle {\n\tposition: absolute;\n\n\t/* Resizers are the only UI elements that should interfere with a pointer device. */\n\tpointer-events: all;\n}\n\n.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left,\n\t.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {\n\t\tcursor: nwse-resize;\n\t}\n\n.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right,\n\t.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {\n\t\tcursor: nesw-resize;\n\t}\n\n/*\n * Copyright (c) 2003-2025, 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\t * Styles of the type around buttons\n\t */\n\n.ck .ck-widget .ck-widget__type-around__button {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\toverflow: hidden;\n\t\tz-index: var(--ck-z-default);\n\t}\n\n.ck .ck-widget .ck-widget__type-around__button svg {\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\tz-index: calc(var(--ck-z-default) + 2);\n\t\t}\n\n.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {\n\t\t\t/* Place it in the middle of the outline */\n\t\t\ttop: calc(-0.5 * var(--ck-widget-outline-thickness));\n\t\t\tleft: min(10%, 30px);\n\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\n.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {\n\t\t\t/* Place it in the middle of the outline */\n\t\t\tbottom: calc(-0.5 * var(--ck-widget-outline-thickness));\n\t\t\tright: min(10%, 30px);\n\n\t\t\ttransform: translateY(50%);\n\t\t}\n\n/*\n\t * Styles for the buttons when:\n\t * - the widget is selected,\n\t * - or the button is being hovered (regardless of the widget state).\n\t */\n\n.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 1px;\n\t\t\tleft: 1px;\n\t\t\tz-index: calc(var(--ck-z-default) + 1);\n\t\t}\n\n/*\n\t * Styles for the horizontal \"fake caret\" which is displayed when the user navigates using the keyboard.\n\t */\n\n.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n\n/*\n\t * When the widget is hovered the \"fake caret\" would normally be narrower than the\n\t * extra outline displayed around the widget. Let's extend the \"fake caret\" to match\n\t * the full width of the widget.\n\t */\n\n.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret {\n\t\tleft: calc( -1 * var(--ck-widget-outline-thickness) );\n\t\tright: calc( -1 * var(--ck-widget-outline-thickness) );\n\t}\n\n/*\n\t * Styles for the horizontal \"fake caret\" when it should be displayed before the widget (backward keyboard navigation).\n\t */\n\n.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {\n\t\ttop: calc( -1 * var(--ck-widget-outline-thickness) - 1px );\n\t\tdisplay: block;\n\t}\n\n/*\n\t * Styles for the horizontal \"fake caret\" when it should be displayed after the widget (forward keyboard navigation).\n\t */\n\n.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {\n\t\tbottom: calc( -1 * var(--ck-widget-outline-thickness) - 1px );\n\t\tdisplay: block;\n\t}\n\n/*\n * Integration with the read-only mode of the editor.\n */\n.ck.ck-editor__editable.ck-read-only .ck-widget__type-around {\n\tdisplay: none;\n}\n\n/*\n * Integration with the #isEnabled property of the WidgetTypeAround plugin.\n */\n.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {\n\tdisplay: none;\n}\n\n/*\n * Integration with the restricted editing mode (feature) of the editor.\n */\n.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {\n\t\tdisplay: none;\n\t}\n.ck.ck-editor__editable.ck-restricted-editing_mode_restricted div.restricted-editing-exception .ck-widget__type-around {\n\t\tdisplay: initial;\n\t}\n\n/*# sourceMappingURL=ckeditor5.css.map */", "/* eslint no-console:0 */\n// This file is bundled by esbuild via jsbundling-rails.\n// Output goes to app/assets/builds/application.js\n\n\nimport { Calendar } from \"@fullcalendar/core\";\nimport dayGridPlugin from \"@fullcalendar/daygrid\";\nimport timeGridPlugin from \"@fullcalendar/timegrid\";\n\nimport \"@fullcalendar/core/main.css\";\nimport \"@fullcalendar/daygrid/main.css\";\nimport \"@fullcalendar/timegrid/main.css\";\nimport \"@fullcalendar/list/main.css\";\nimport \"@fullcalendar/timeline/main.css\";\n\nimport 'font-awesome/css/font-awesome.min.css';\n\nimport \"typeface-roboto/index.css\";\nimport \"typeface-roboto-condensed/index.css\";\n\n// jQuery is loaded via CDN in _head.html.erb (before this module)\n// to ensure legacy Sprockets plugins have access to it\nconst $ = window.jQuery;\n\n// jQuery.curCSS polyfill (needed by some legacy plugins)\njQuery.curCSS = function(element, prop, val) {\n  return jQuery(element).css(prop, val);\n};\n\n// Rails UJS for data-remote, data-confirm, data-method, etc.\nimport Rails from \"@rails/ujs\";\nRails.start();\n\n// Slick carousel\nimport 'slick-carousel';\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\n\n// CKEditor 5\nimport {\n  ClassicEditor,\n  Essentials,\n  Bold,\n  Italic,\n  Underline,\n  Strikethrough,\n  Heading,\n  Paragraph,\n  List,\n  Link,\n  BlockQuote,\n  Indent,\n  IndentBlock,\n  PasteFromOffice\n} from 'ckeditor5';\nimport 'ckeditor5/ckeditor5.css';\n\n// Initialize CKEditor 5 on elements with data-ckeditor attribute\nfunction initCKEditor() {\n  // Get license key from meta tag, default to 'GPL'\n  const licenseKeyMeta = document.querySelector('meta[name=\"ckeditor-license-key\"]');\n  const licenseKey = licenseKeyMeta ? licenseKeyMeta.content : 'GPL';\n\n  document.querySelectorAll('[data-ckeditor]').forEach((element) => {\n    // Skip if already initialized\n    if (element.dataset.ckeditorInitialized) return;\n\n    ClassicEditor\n      .create(element, {\n        licenseKey: licenseKey,\n        plugins: [\n          Essentials,\n          Bold,\n          Italic,\n          Underline,\n          Strikethrough,\n          Heading,\n          Paragraph,\n          List,\n          Link,\n          BlockQuote,\n          Indent,\n          IndentBlock,\n          PasteFromOffice\n        ],\n        toolbar: [\n          'heading',\n          '|',\n          'bold',\n          'italic',\n          'underline',\n          'strikethrough',\n          '|',\n          'link',\n          'bulletedList',\n          'numberedList',\n          '|',\n          'outdent',\n          'indent',\n          '|',\n          'blockQuote',\n          '|',\n          'undo',\n          'redo'\n        ],\n        language: 'de'\n      })\n      .then(editor => {\n        element.dataset.ckeditorInitialized = 'true';\n        console.log('CKEditor initialized', editor);\n      })\n      .catch(error => {\n        console.error('CKEditor initialization error:', error);\n      });\n  });\n}\n\nfunction display_eventsource_for(calendar) {\n  var k, last;\n  last = new Date();\n  var all = calendar.getEventSources();\n  for (var i = 0; i < all.length; i++) {\n    all[i].remove();\n  }\n  console.log(\"displaying calendar data\", eventsource_for);\n  for (k in eventsource_for) {\n    if (eventsource_for.hasOwnProperty(k)) {\n      if ($(\"#\" + k).is(\":checked\")) {\n        console.log(\"found that this is checked: \", k);\n        calendar.addEventSource(eventsource_for[k]);\n      }\n    }\n  }\n  for (let i in fixed_moduls_and_courses) {\n    if (fixed_moduls_and_courses.hasOwnProperty(i)) {\n      k = fixed_moduls_and_courses[i];\n      if (!calendar.getEventSourceById(k)) {\n        calendar.addEventSource(eventsource_for[k]);\n      }\n    }\n  }\n\n  for (let i in recommended_courses) {\n    if (recommended_courses.hasOwnProperty(i)) {\n      let k = recommended_courses[i];\n      if (eventsource_for[k] && !calendar.getEventSourceById(k)) {\n        calendar.addEventSource(eventsource_for[k]);\n      }\n    }\n  }\n}\n\nfunction apply_filters(calendar, data) {\n  fixed_moduls_and_courses = data;\n  display_eventsource_for(calendar);\n}\n\nfunction height_for_mode(mode) {\n  if (mode == \"small\") {\n    return 200;\n  } else {\n    return 600;\n  }\n}\n\nfunction buttons_for_mode(mode) {\n  if (mode == \"small\") {\n    return \"dayGridWeek,dayGridDitact\";\n  } else {\n    return \"timeGridWeek,timeGridDitact\";\n  }\n}\n\nfunction default_for_mode(mode) {\n  if (mode == \"small\") {\n    return \"dayGridDitact\";\n  } else {\n    return \"timeGridDitact\";\n  }\n}\n\nfunction recalc() {\n  var target = document.querySelector(\".gesamt.kosten\");\n  if (!target) return;\n  var fees = document.querySelectorAll(\n    \".edit_enroll input[type=checkbox]:checked\"\n  );\n  var sum = 0;\n  for (var i = 0; i < fees.length; i++) {\n    var node = fees[i];\n    sum += parseFloat(node.dataset.fee);\n  }\n  target.innerHTML = sum;\n  console.log(\"doing recalc: \", sum);\n}\n\n//\n// ======================= on load ==================0\n//\n\n// Navigation menu resize handler\nfunction resize_me(event) {\n  if (window.innerWidth > 1000) {\n    $('#main_nav .menu').show();\n    $('#main_nav button').hide();\n  } else {\n    $('#main_nav .menu').hide();\n    $('#main_nav button').show();\n  }\n}\n\nwindow.addEventListener(\"load\", () => {\n  recalc();\n\n  // Initialize CKEditor 5 on any textareas with data-ckeditor attribute\n  initCKEditor();\n\n  // Initialize dropdown navigation\n  if ($('#main_nav').length) {\n    $('#main_nav .menu').hide();\n    $('#dropdown_burger').on('click', () => {\n      $('#main_nav .menu').toggle();\n    });\n    $('<button class=\"navbutton\">+</button>').appendTo('li.menu-item-has-children>a');\n    $('li.menu-item-has-children button').on('click', (e) => {\n      $(this).parent().next('ul').toggle();\n      e.preventDefault();\n    });\n    resize_me();\n    window.addEventListener('resize', resize_me);\n  }\n\n  // Initialize slick carousel on homepage\n  if ($('.slickit').length) {\n    $('.slickit').slick({\n      dots: true,\n      infinite: false,\n      speed: 300,\n      slidesToShow: 3,\n      slidesToScroll: 1,\n      arrows: true,\n      responsive: [\n        {\n          breakpoint: 1200,\n          settings: {\n            slidesToShow: 2,\n            slidesToScroll: 1\n          }\n        },\n        {\n          breakpoint: 850,\n          settings: \"unslick\"\n        }\n      ]\n    });\n  }\n\n  var calendar_node = document.getElementById(\"calendar\");\n\n  if (calendar_node) {\n    console.log(\"display calendar in\", calendar_node);\n    calendar = new Calendar(calendar_node, {\n      plugins: [timeGridPlugin, dayGridPlugin],\n      timeZone: \"Europe/Vienna\",\n      views: {\n        timeGridDitact: {\n          type: \"timeGrid\",\n          duration: { days: 13 },\n          buttonText: \"ganze ditact\",\n        },\n        dayGridDitact: {\n          type: \"dayGridWeek\",\n          duration: { days: 13 },\n          buttonText: \"ganze ditact\",\n        },\n      },\n      defaultView: default_for_mode(mode),\n      buttonText: {\n        today: \"Heute\",\n        month: \"Monat\",\n        week: \"Eine Woche\",\n        day: \"Tag\",\n        list: \"Liste\",\n      },\n      height: height_for_mode(mode),\n      allDaySlot: false,\n      hiddenDays: [0],\n      columnHeaderFormat: {\n        weekday: \"short\",\n        month: \"numeric\",\n        day: \"numeric\",\n      },\n      slotLabelFormat: {\n        hour: \"numeric\",\n        minute: \"2-digit\",\n        omitZeroMinute: true,\n        meridiem: \"short\",\n        hourCycle: \"h24\",\n      },\n      eventTimeFormat: {\n        hour: \"numeric\",\n        minute: \"2-digit\",\n        omitZeroMinute: true,\n        meridiem: \"short\",\n        hourCycle: \"h24\",\n      },\n      firstDay: 1, // Monday\n      defaultDate: calendar_startday,\n      minTime: \"08:00:00\",\n      maxTime: \"20:00:00\",\n      header: {\n        left: \"prev,next\",\n        center: \"\",\n        right: buttons_for_mode(mode),\n      },\n    });\n\n    calendar.render();\n    calendar.gotoDate(calendar_startday);\n    display_eventsource_for(calendar);\n\n    var myNodeList = document.querySelectorAll(\n      \".edit_enroll input[type=checkbox]\"\n    );\n\n    for (var i = 0; i < myNodeList.length; i++) {\n      var checkbox = myNodeList[i];\n      var k = checkbox.id;\n      checkbox.addEventListener(\"change\", function (event) {\n        if (event.target.checked) {\n          console.log(\"this is checkbox \", this, \" now showing \", this.id);\n          calendar.addEventSource(eventsource_for[this.id]);\n        } else {\n          console.log(\"this is checkbox \", this, \" now removing \", this.id);\n          calendar.getEventSourceById(this.id).remove();\n        }\n        recalc();\n      });\n    }\n  }\n\n  var grid_node = document.getElementById(\"grid\");\n\n  if (grid_node && grid_data) {\n    console.log(\"displaying calendar grid\", grid_data);\n\n    grid_data.plugins = [timeGridPlugin, dayGridPlugin];\n\n    const grid = new Calendar(grid_node, grid_data);\n    grid.render();\n    grid.gotoDate(grid_data.date);\n  }\n});\n"],
  "mappings": "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CkJ,QAAS,eACTlJ,MAAO,CACN,eACA,yBACA,mBACA,kBACA,2BACA,eACA,CACF,EACA,CACCkJ,QAAS,qBACTlJ,MAAO,CACN,qBACA,yBACA,4BACA,qBACA,oBACA,mBACA,CACF,EACA,CACCkJ,QAAS,yBACTlJ,MAAO,CACN,yBACA,oBACA,yBACA,CACF,EACA,CACCkJ,QAAS,6BACTlJ,MAAO,CACN,4CACA,0CACA,CACF,CACA,CACF,EACA,CACC8I,OAAQ,SACRjE,MAAO,SACPoE,OAAQ,CACP,CACCC,QAAS,cACTlJ,MAAO,CACN,CACC8I,OAAQ,OACRjE,MAAO,OACPoE,OAAQ,CACP,CACCC,QAAS,cACTlJ,MAAO,CACN,eACA,iBACA,oBACA,wBACA,sBACA,oBACA,cACA,CACF,EACA,CACCkJ,QAAS,mBACTlJ,MAAO,CACN,0BACA,CACF,CACA,CACF,EACA,CACC8I,OAAQ,OACRjE,MAAO,OACPoE,OAAQ,CACP,CACCC,QAAS,iBACTlJ,MAAO,CACN,mBACA,oBACA,CACF,EACA,CACCkJ,QAAS,aACTlJ,MAAO,CACN,oBACA,6BACA,CACF,EACA,CACCkJ,QAAS,YACTlJ,MAAO,CACN,mBACA,CACF,CACA,CACF,EACA,iBACA,CACF,EACA,CACCkJ,QAAS,OACTlJ,MAAO,CACN,uBACA,uBACA,yBACA,kBACA,CACF,EACA,CACCkJ,QAAS,SACTlJ,MAAO,CACN,oBACA,qBACA,iBACA,iBACA,CACF,EACA,CACCkJ,QAAS,aACTlJ,MAAO,CACN,oBACA,CACF,EACA,CACCkJ,QAAS,eACTlJ,MAAO,CACN,sBACA,CACF,CACA,CACF,EACA,CACC8I,OAAQ,QACRjE,MAAO,QACPoE,OAAQ,CACP,CACCC,QAAS,UACTlJ,MAAO,CACN,sBACA,qBACA,mBACA,wBACA,CACF,EACA,CACCkJ,QAAS,QACTlJ,MAAO,CACN,uBACA,yBACA,CACF,CACA,CACF,EACA,CACC8I,OAAQ,OACRjE,MAAO,OACPoE,OAAQ,CACP,CACCC,QAAS,OACTlJ,MAAO,CACN,2BACA,CACF,CACA,CACF,C1EiqYD,E2EhnasBqP,GAAf,cAAgD8F,GAAAA,CAAAA,CAItD,OAMA,iBAMA,aAKA,eAKA,UAKA,gBAMA,kBAQOylB,QAAmB,GAwClBC,qBAAuB,IAAIrF,IAK3BsF,6BAAkE,CAAA,EAKlEC,sBAA0G,CAAA,EAK1GC,2BAAiD,KAKzD,YAOA,YAAa9kB,EAAiB,CAC7B,MAAK,EAEL,IAAMyO,EAAczO,EAAOiM,QAAQjpB,KAEnC,KAAKgd,OAASA,EACd,KAAK/N,iBAAmB,IAAIwG,GAAkBuH,CAAAA,EAC9C,KAAK9T,aAAe,IAAIkb,GACxB,KAAK2d,eAAiB,IAAIpsB,GAAgBqH,CAAAA,EAC1C,KAAKglB,UAAY,IAAIrtB,GAAWqI,CAAAA,EAChC,KAAKilB,gBAAkB,IAAIrsB,GAAiBoH,CAAAA,EAC5C,KAAKklB,kBAAoB,IAAI7uB,GAAmB2J,CAAAA,EAEhD,KAAKmlB,oBAAqB,KAAKC,8BAA6B,CAAA,EAE5D,KAAKn6B,KAA0B,QAAS,IAAA,CACvC,KAAKo6B,oCAAmC,EAExC,KAAKX,QAAU,EAChB,CAAA,EAGA,KAAKtiC,SAA0CqsB,EAAYpsB,SAAU,gBAAiB,KAAKijC,OAAOxhC,KAAM,IAAI,CAAA,EAC5G,KAAK1B,SAAyCqsB,EAAa,uBAAwB,KAAK8W,4BAA4BzhC,KAAM,IAAI,CAAA,EAE9H,KAAK0hC,mBAAkB,EACvB,KAAKC,2BAA0B,CAChC,CAcA,IAAWrhC,SAA8B,CACxC,OAAO,IACR,CAQA,QAAsB,CACrB,KAAKgB,KAA2B,QAAA,CACjC,CAKA,SAAuB,CACtB,KAAKb,cAAa,EAElB,KAAK2H,aAAa6O,QAAO,EACzB,KAAKgqB,eAAehqB,QAAS,KAAKiF,MAAM,EACxC,KAAKglB,UAAUjqB,QAAO,EACtB,KAAKkqB,gBAAgBlqB,QAAO,EAG5B,QAAYnR,KAAc,KAAK+6B,qBAAqB9mC,OAAM,EACvD+L,EAAoB87B,iBAAmB,KACzC,KAAK1lB,OAAOjS,WAAWxJ,cAAeqF,CAAAA,EAGvC,KAAK+6B,qBAAuB,IAAIrF,IAChC,KAAKsF,6BAA+B,CAAA,EAE/B,KAAKe,aACT,KAAKA,YAAYphC,cAAa,CAEhC,CAWA,mBAA2ByoB,EAAkBpjB,EAAgC,CAC5E,KAAK+6B,qBAAqBvmC,IAAK4uB,EAAUpjB,CAAAA,EAMjCA,EAAoB87B,mBACzB97B,EAAoB87B,iBAAmB,KAAK1lB,QAI/C,KAAK9T,aAAaxC,IAAKE,CAAAA,EAEvB,IAAMg8B,EAAwB,IAAA,CAGxB,KAAK5lB,OAAOiM,QAAQjpB,KAAK4pB,WAAYI,CAAAA,GAI1C,KAAKhN,OAAOjS,WAAW3L,SAAUwH,CAAAA,CAClC,EAGK,KAAK86B,QACTkB,EAAAA,EAIA,KAAK36B,KAA0B,QAAS26B,CAAAA,CAE1C,CAOOC,sBAAuB7Y,EAAyB,CACtD,IAAMpjB,EAAa,KAAK+6B,qBAAqBre,IAAK0G,CAAAA,EAE5CpjB,IAIN,KAAK+6B,qBAAqB7K,OAAQ9M,CAAAA,EAElC,KAAKhN,OAAOjS,WAAWxJ,cAAeqF,CAAAA,EACtC,KAAKsC,aAAa/N,OAAQyL,CAAAA,EAExBA,EAAoB87B,iBAAmB,KAC1C,CAOA,mBAA2B1Y,EAAmB,OAAkC,CAC/E,OAAO,KAAK2X,qBAAqBre,IAAK0G,CAAAA,CACvC,CAKA,0BAA4D,CAC3D,OAAO,KAAK2X,qBAAqBz1B,KAAI,CACtC,CAUA,WAAmB7D,EAA0BP,EAAmC,CAAA,EAAW,CACrFO,EAAYiC,YAChB,KAAKpB,aAAaxC,IAAK2B,CAAAA,EACvB,KAAK2U,OAAOjS,WAAW3L,SAAUiJ,EAAYjH,OAAO,GAEpDiH,EAAYJ,KAAyB,SAAU,IAAA,CAC9C,KAAKiB,aAAaxC,IAAK2B,CAAAA,EACvB,KAAK2U,OAAOjS,WAAW3L,SAAUiJ,EAAYjH,OAAO,CACrD,CAAA,EAGD,KAAKwgC,6BAA6B1kC,KAAM,CAAEmL,YAAAA,EAAaP,QAAAA,CAAQ,CAAA,CAChE,CAyCOg7B,cACNz+B,EACO,CACP,KAAKw9B,sBAAsB3kC,KAAMmH,CAAAA,CAClC,CAKO0+B,YAAarD,EAAiC,CACpD,IAAMsD,EAAqBtD,EAAYt+B,QAEvC,KAAK8H,aAAaxC,IAAKs8B,CAAAA,EACvB,KAAKhmB,OAAOjS,WAAW3L,SAAU4jC,CAAAA,EAEjC,IAAMC,EAA0Bx0B,GAAwB,KAAKuO,OAAO3Y,OAAOif,IAAK,SAAA,GAAe,CAAA,CAAC,EAEhGoc,EAAYwD,eAAgBD,EAAyB,KAAKh0B,iBAAkB,KAAK4yB,qBAAqB,EAEtG,KAAK7kB,OAAOjS,WAAW3P,IAAK,MAAO,CAAE4P,EAAMC,IAAAA,CACpC+3B,EAAmBpjC,SAAU,KAAKod,OAAOI,GAAGlU,aAAa4Z,cAAc,IAMxE,KAAKgf,4BACT,KAAKA,2BAA2Bp+B,MAAK,EACrC,KAAKo+B,2BAA6B,MAIlC,KAAK9kB,OAAOiM,QAAQjpB,KAAK0D,MAAK,EAG/BuH,EAAAA,EACD,CAAA,EAEA,KAAK+R,OAAOjS,WAAW3P,IAAK,SAAU,CAAE4P,EAAMC,IAAAA,CAExC+3B,EAAmBpjC,SAAU,KAAKod,OAAOI,GAAGlU,aAAa4Z,cAAc,IAI5E,KAAKqgB,+BAA8B,EAEnCzD,EAAYC,qBAAuB,GACnCD,EAAYh8B,MAAK,EACjBuH,EAAAA,EACD,CAAA,CACD,CAgBA,+BAAwC,CACvC,IAAM+R,EAAS,KAAKA,OACdomB,EAAuBpmB,EAAO3Y,OAAOif,IAAK,mBAAA,EAEhD,GAAK8f,EACJ,OAAOA,EAIR,IAAMC,EAAqBrmB,EAAO3Y,OAAOif,IAAK,2BAAA,EAG9C,OAAK+f,GAQJC,QAAQC,KACP,wMAEA,EAGM,CAAEz9B,IAAKu9B,CAAmB,GAI3B,CAAEv9B,IAAK,CAAE,CACjB,CAOA,oBAAmC,CAClC,IAAMkX,EAAS,KAAKA,OAEhBwmB,EAGJxmB,EAAOjS,WAAW3P,IAAK,UAAW,CAAE4P,EAAMC,IAAAA,CACzC,KAAKk4B,+BAA8B,EAEnC,IAAMM,EAAkC,KAAKC,oCAAmC,GAO3E,CAACD,GAAmC,CAACD,KACzCA,EAAuB,KAAKG,yCAAwC,GAKrE,QAAU7nB,EAAI,EAAGA,EAAI0nB,EAAqB1oC,OAAQghB,IAAM,CACvD,IAAM8nB,EAAsBJ,EAAqBK,MAAK,EAQtD,GAJAL,EAAqBtmC,KAAM0mC,CAAAA,EAK1BA,IAAwBH,GACxB,KAAKK,gCAAiCF,CAAAA,EACrC,CAEIH,GAAmCA,EAAgC37B,QAAQi8B,WAC/EN,EAAgC37B,QAAQi8B,UAAS,EAGlD,KACD,CACD,CAEA94B,EAAAA,CACD,CAAA,EAGA+R,EAAOjS,WAAW3P,IAAK,MAAO,CAAE4P,EAAMC,IAAAA,CACrC,IAAM+4B,EAAoB,KAAKN,oCAAmC,EAE5DM,IAMD,KAAKlC,4BACT,KAAKA,2BAA2Bp+B,MAAK,EACrC,KAAKo+B,2BAA6B,MAOlC9kB,EAAOiM,QAAQjpB,KAAK0D,MAAK,EAIrBsgC,EAAkBl8B,QAAQi8B,WAC9BC,EAAkBl8B,QAAQi8B,UAAS,EAGpC94B,EAAAA,EACD,CAAA,CACD,CAKA,gCAAyC,CACxC,IAAM6X,EAAiB,KAAK5Z,aAAa4Z,eAMxC/oB,MAAM8kB,KAAM,KAAK8iB,qBAAqB9mC,OAAM,CAAA,EAAKiF,SAAUgjB,CAAAA,GAC3D,CAAC/oB,MAAM8kB,KAAM,KAAK7B,OAAOiM,QAAQjpB,KAAKikC,SAASppC,OAAM,CAAA,EAAKiF,SAAUgjB,CAAAA,IAEpE,KAAKgf,2BAA6Bhf,EAEpC,CAaA,0CAAsF,CACrF,IAAMzX,EAAiD,CAAA,EAEvD,QAAYuH,KAAc,KAAKgvB,6BAA+B,CAC7D,GAAM,CAAEv5B,YAAAA,EAAaP,QAAAA,CAAO,EAAK8K,GAE5BnP,GAAW4E,EAAYjH,OAAO,GAAM0G,EAAQo8B,cAChD74B,EAAYnO,KAAM0V,CAAAA,CAEpB,CAIAvH,OAAAA,EAAY+T,KAAM,CAAE+kB,EAAMC,IAAUzxB,GAA4BwxB,CAAAA,EAASxxB,GAA4ByxB,CAAAA,CAAAA,EAE9F/4B,CACR,CAOA,qCAAiF,CAChF,QAAYjI,KAAc,KAAKw+B,6BAC9B,GAAKx+B,EAAWiF,YAAYjH,SAAWgC,EAAWiF,YAAYjH,QAAQxB,SAAU,KAAKsJ,aAAa4Z,cAAc,EAC/G,OAAO1f,EAIT,OAAO,IACR,CAQQ0gC,gCAAiCO,EAAkE,CAC1G,GAAM,CAAEh8B,YAAAA,EAAaP,QAAS,CAAEo8B,YAAAA,CAAW,CAAE,EAAKG,EAOlD,OALKH,GACJA,EAAAA,EAIKzgC,GAAW4E,EAAYjH,OAAO,GAIpCiH,EAAY3E,MAAK,EAEV,IALC,EAMT,CASA,4BACCpE,EACA0L,EACO,CACP,IAAMs5B,EAA2B,CAChCx+B,IAAK,EACLR,OAAQ,EACRb,KAAM,EACNwiB,MAAO,EACP,GAAG,KAAKgD,cACT,EAEAjf,EAAKif,eAAenkB,KAAOw+B,EAAyBx+B,IACpDkF,EAAKif,eAAe3kB,QAAUg/B,EAAyBh/B,OACvD0F,EAAKif,eAAexlB,MAAQ6/B,EAAyB7/B,KACrDuG,EAAKif,eAAehD,OAASqd,EAAyBrd,KACvD,CAKA,qCAA8C,CAC7C,IAAM5J,EAAO,KAAKrd,KAAKqd,KAEvB,QAAYrd,KAAQqd,EACnB,KAAKnU,aAAaxC,IAAK1G,EAAKoB,OAAO,EAGpCic,EAAKzgB,GAA8B,MAAO,CAAE0C,EAAKU,IAAAA,CAChD,KAAKkJ,aAAaxC,IAAK1G,EAAKoB,OAAO,CACpC,CAAA,EAEAic,EAAKzgB,GAAiC,SAAU,CAAE0C,EAAKU,IAAAA,CACtD,KAAKkJ,aAAa/N,OAAQ6E,EAAKoB,OAAO,CACvC,CAAA,CACD,CAKQ+gC,oBAAqBiB,EAA6C,CAEzE,KAAKxmC,GAAwC,qBAAsB,CAAE0C,EAAKlF,EAAMN,IAAAA,CAC/E,IAAMyqC,EAAY,KAAKC,4BAA6B1qC,CAAAA,EAI/CA,EAAMyqC,YAAcA,IACxBjlC,EAAImlC,OAAS,CAAE,GAAG3qC,EAAOyqC,UAAAA,CAAU,EAErC,CAAA,EAGA,KAAKnpC,IAAK,iBAAkBgoC,CAAAA,CAC7B,CAMA,4BAAqC,CACpC,GAAK,CAAC9hC,EAAO0kB,OAAO0e,eACnB,OAGD,IAAMC,EAAiB,IAAA,CACtB,IAAMJ,EAAY,KAAKC,4BAA6B,KAAKva,cAAc,EAIlE,KAAKA,eAAesa,YAAcA,IACtC,KAAKta,eAAiB,CAAE,GAAG,KAAKA,eAAgBsa,UAAAA,CAAU,EAE5D,EAGA,KAAK5B,YAAc,IAAM3mB,GAAAA,GACzB,KAAK2mB,YAAYvjC,SAAUkC,EAAO0kB,OAAO0e,eAAgB,SAAUC,CAAAA,EACnE,KAAKhC,YAAYvjC,SAAUkC,EAAO0kB,OAAO0e,eAAgB,SAAUC,CAAAA,CACpE,CAKQH,4BAA6Bva,EAA2C,CAC/E,IAAM2a,EAA0BC,GAAAA,EAA0B/+B,IACpDg/B,EAAoB7a,EAAenkB,KAAO,EAEhD,OAAO8+B,EAA0BE,EAAoB,EAAIA,EAAoBF,CAC9E,CACD,EC/sBsBxuB,GAAf,cAAoC9X,CAAAA,CAK1C,KAcA,YAUA,QAOA,YAAa+H,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,KAAKgX,KAAO,IAAI/I,GAAgBjO,CAAAA,CACjC,CAKA,QAA+B,CAC9B,MAAMI,OAAAA,EAEN,KAAK4W,KAAK0nB,YAAW,CACtB,CAKA,SAAgC,CAC/B,YAAK1nB,KAAK2nB,cAAa,EAEhB,MAAMjtB,QAAAA,CACd,CACD,EC9DsB1B,GAAf,cAAyCD,EAAAA,CAK/C,IAMA,KAKA,gBAOA,YAAa/P,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,KAAKP,IAAM,KAAKsW,iBAAgB,EAChC,KAAK6oB,KAAO,KAAK7oB,iBAAgB,EACjC,KAAK8oB,gBAAkB,KAAKC,kBAAiB,EAE7C,KAAKvoB,YAAa,CACjBhD,IAAK,MAEL7c,WAAY,CACXwD,MAAO,CACN,KACA,WACA,YACA,oBACA,EACD+C,KAAM,cACNipB,IAAKlmB,EAAOmmB,oBACZ4Y,KAAM/+B,EAAOg/B,WACb,kBAAmB,KAAKH,gBAAgB5yB,EACzC,EAEArV,SAAU,CACT,KAAKioC,gBACL,CACCtrB,IAAK,MACL7c,WAAY,CACXwD,MAAO,CACN,KACA,iBACA,cACA,EACD+C,KAAM,cACP,EACArG,SAAU,KAAK6I,GAChB,EACA,CACC8T,IAAK,MACL7c,WAAY,CACXwD,MAAO,CACN,KACA,iBACA,EACD+C,KAAM,cACP,EACArG,SAAU,KAAKgoC,IAChB,CACA,CACF,CAAA,CACD,CAKA,mBAA4B,CAC3B,IAAMz8B,EAAI,KAAKA,EACT88B,EAAa,IAAI9xB,GAEvB8xB,OAAAA,EAAW5oC,KAAO8L,EAAG,kBAAA,EAErB88B,EAAWtnC,eAAgB,CAC1BjB,WAAY,CACXwD,MAAO,gBACR,CACD,CAAA,EAEO+kC,CACR,CACD,EC9FahvB,GAAN,cAA6BhY,CAAAA,CAI5BlE,KAAsB,KAiB7B,aAKA,iBAMA,oBAUA,YACCiM,EACAolB,EACA8Z,EACC,CACD,MAAOl/B,CAAAA,EAEP,KAAKuW,YAAa,CACjBhD,IAAK,MACL7c,WAAY,CACXwD,MAAO,CACN,KACA,aACA,sBACA,oBACA,EACD6kC,KAAM/+B,EAAOm/B,gBACbjZ,IAAKlmB,EAAOuhB,wBACb,CACD,CAAA,EAEA,KAAKxsB,IAAK,YAAa,EAAA,EAEvB,KAAKqqC,iBAAmBF,EACxB,KAAKG,oBAAsB,CAAC,CAAC,KAAKD,iBAClC,KAAKE,aAAela,CACrB,CAOA,QAA+B,CAC9B,MAAMhlB,OAAAA,EAED,KAAKi/B,oBACT,KAAKznC,SAAU6a,MAAO,KAAK1X,QAAU,KAAKqkC,gBAAgB,EAE1D,KAAKA,iBAAmB,KAAKrkC,QAG9B,KAAKxE,GAA2B,mBAAoB,IAAM,KAAKgpC,wBAAuB,CAAA,EACtF,KAAKA,wBAAuB,CAC7B,CAKA,SAAgC,CAC1B,KAAKF,qBACT,KAAKznC,SAAUgb,OAAQ,KAAKwsB,gBAAgB,EAG7C,MAAM1tB,QAAAA,CACP,CAMA,IAAW8tB,oBAA8B,CACxC,OAAO,KAAKH,mBACb,CAMA,yBAAkC,CACjC,IAAMja,EAAc,KAAKka,aAEpBla,EAAYqa,sBAChBC,EAAmB,IAAI,EAEvBzD,EAAQ,IAAI,EAGb,SAASA,EAAQtiC,EAAoB,CACpCyrB,EAAYC,OAAQC,GAAAA,CACnB,IAAMI,EAAWN,EAAYpsB,SAAS2sB,QAAShsB,EAAK5F,IAAI,EAExDuxB,EAAOqa,SAAUhmC,EAAK8K,UAAY,aAAe,aAAcihB,CAAAA,EAC/DJ,EAAOsa,YAAajmC,EAAK8K,UAAY,aAAe,aAAcihB,CAAAA,CACnE,CAAA,CACD,CAOA,SAASga,EAAmB/lC,EAAoB,CAC/CyrB,EAAYxjB,KAAsC,+BAAgC,CAAE3I,EAAKlF,EAAMN,IAAAA,CACxFA,EAGLisC,EAAmB/lC,CAAAA,EAFnBsiC,EAAQtiC,CAAAA,CAIV,CAAA,CACD,CACD,CACD,EChJauW,GAAN,cAAmCD,EAAAA,CAIzC,SAcA,YACCjQ,EACAolB,EACA8Z,EACAz9B,EAAuC,CAAA,EACtC,CACD,MAAOzB,EAAQolB,EAAa8Z,CAAAA,EAE5B,KAAKW,SAAWp+B,EAEhB,KAAK9J,eAAgB,CACpBjB,WAAY,CACXuG,KAAM,UACN/C,MAAO,4BACR,CACD,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAMkG,OAAAA,EAEN,IAAMglB,EAAc,KAAKka,aAEzBla,EAAYC,OAAQC,GAAAA,CACnB,IAAMI,EAAWN,EAAYpsB,SAAS2sB,QAAS,KAAK5xB,IAAI,EAExDuxB,EAAO9P,aAAc,aAAc,KAAKsqB,qBAAoB,EAAIpa,CAAAA,CACjE,CAAA,CACD,CAKA,sBAAsC,CACrC,IAAMvjB,EAAI,KAAKnC,OAAQmC,EACjBmD,EAAQ,KAAKu6B,SAASv6B,MACtB45B,EAAkB,KAAKE,iBACvBW,EAAe,KAAKhsC,KAE1B,GAAK,OAAOuR,GAAS,SACpB,OAAOA,EACD,GAAK,OAAOA,GAAU,SAC5B,OAAOA,EAAOy6B,CAAAA,EACR,GAAK,OAAOz6B,GAAU,WAC5B,OAAOA,EAAO,IAAI,EACZ,GAAK45B,EAAkB,CAC7B,IAAMc,EAAgBd,EAAgBjrB,aAAc,YAAA,EAEpD,GAAK+rB,EACJ,OAAOA,CAET,CAEA,OAAO79B,EAAG,qCAAsC49B,CAAAA,CACjD,CACD,EC1Ea5vB,GAAN,cAA0BlY,CAAAA,CAWhC,SA6BA,YAAa+H,EAAgByB,EAA0F,CAAA,EAAK,CAC3H,MAAOzB,CAAAA,EAEP,IAAMvF,EAAO,KAAKN,aAElB,KAAKpF,IAAK,QAAS,CAClB,KACA,ehFu2cS,GgFt2cNkC,GAASwK,EAAQvH,OAAS,CAAA,CAAE,CAC/B,CAAA,EACD,KAAKtD,SAAW,KAAKmf,iBAAgB,EAEhCtU,EAAQ7K,UACZ6K,EAAQ7K,SAAS4jB,QAAS1jB,GAAS,KAAKF,SAASyJ,IAAKvJ,CAAAA,CAAAA,EAGvD,KAAK/B,IAAK,QAAS,IAAA,EACnB,KAAKA,IAAK,kBAAmB,IAAA,EAExB0M,EAAQkE,WACZ,KAAK5Q,IAAK,CACTkrC,MAAO,QACPC,gBAAiBz+B,EAAQkE,UAAUsG,EACpC,CAAA,EAGD,KAAKsK,YAAa,CACjBhD,IAAK,MACL7c,WAAY,CACXwD,MAAOO,EAAKwF,GAAI,QAAS6xB,GAAWA,EAAQj1B,KAAM,GAAA,CAAA,EAClDI,KAAMxC,EAAKwF,GAAI,OAAA,EACf,kBAAmBxF,EAAKwF,GAAI,iBAAA,CAC7B,EACArJ,SAAU,KAAKA,QAChB,CAAA,CACD,CACD,EKhFawZ,GAAN,cAAsCwF,GAAAA,CAAAA,CAS5C,YAAalf,EAAsCypC,EAAuC,CACzF,MAAK,EAGAA,GACJ9sB,GAAQ,KAAM8sB,CAAAA,EAIVzpC,GACJ,KAAK3B,IAAK2B,CAAAA,CAEZ,CACD,ECNMiX,GAAuBmR,GAAQ,IAAA,EAoCxBzO,GAAN,cAAgCwR,CAAAA,CAUtC,gBAEOue,aA+BCC,aAAe,IAAIpK,IAKnBqK,WAAa,IAAIrK,IAKjBsK,MAAiC,KAMjCC,aAAmC,KAKnCC,gBAAyC,KAKjD,WAAkB1e,YAAa,CAC9B,MAAO,mBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,YAAarL,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,KAAK+pB,gBAAkB,IAAA,CACtB,IAAM/mC,EAAO,KAAKgd,OAAOiM,QAAQjpB,KAE3BulC,EADevlC,EAAKX,SACWwqB,UAAU0b,gBAE/C,OAAKA,EACGvlC,EAAK6d,aAAampB,aAAczB,EAAgBxb,IAAI,EAGrD,IACR,EAEA,KAAKzN,SAAU,oBAAA,EAEf,KAAKlhB,IAAK,cAAe,IAAA,EACzB,KAAKA,IAAK,kBAAmB,CAAA,EAC7B,KAAKA,IAAK,kBAAmB,EAAA,CAC9B,CAKA,SAAgC,CAC/B,MAAM2c,QAAAA,EAED,KAAK6uB,OACT,KAAKA,MAAM7uB,QAAO,EAGd,KAAK8uB,cACT,KAAKA,aAAa9uB,QAAO,EAGrB,KAAK+uB,iBACT,KAAKA,gBAAgB/uB,QAAO,CAE9B,CAKA,IAAW/X,MAAyB,CACnC,OAAM,KAAK4mC,OACV,KAAKK,iBAAgB,EAGf,KAAKL,KACb,CAKOM,QAASlnC,EAAsB,CACrC,OAAOjG,MAAM8kB,KAAM,KAAK6nB,aAAax6B,KAAI,CAAA,EAAKpM,SAAUE,CAAAA,CACzD,CAcO0G,IAAKsE,EAAgC,CAK3C,GAJM,KAAK47B,OACV,KAAKK,iBAAgB,EAGjB,KAAKC,QAASl8B,EAAKhL,IAAI,EAM3B,MAAM,IAAI9B,EACT,mCACA,CAAE,KAAM8M,CAAM,CAAA,EAIhB,IAAMm8B,EAAUn8B,EAAKm8B,SAAW,OAGhC,GAAK,CAAC,KAAKR,WAAW90B,IAAKs1B,CAAAA,EAAY,CACtC,KAAKR,WAAWvrC,IAAK+rC,EAAS,IAAI7K,IAAK,CAAE,CAAEtxB,EAAKhL,KAAMgL,CAAM,CAAE,CAAA,CAAA,EAC9D,KAAK07B,aAAatrC,IAAK4P,EAAKhL,KAAM,KAAK2mC,WAAWrjB,IAAK6jB,CAAAA,CAAAA,EACvD,KAAKC,gBAAkB,KAAKT,WAAW7I,MAElC,CAAC,KAAKuJ,eAAiBr8B,EAAKs8B,iBAChC,KAAKC,UAAWJ,CAAAA,EAGjB,MACD,CAEA,IAAMK,EAAQ,KAAKb,WAAWrjB,IAAK6jB,CAAAA,EAE9Bn8B,EAAKs8B,gBACT,KAAKC,UAAWJ,CAAAA,EAIjBK,EAAMpsC,IAAK4P,EAAKhL,KAAMgL,CAAAA,EACtB,KAAK07B,aAAatrC,IAAK4P,EAAKhL,KAAMwnC,CAAAA,EAG7BA,IAAU,KAAKH,eACnB,KAAKI,UAAWz8B,CAAAA,CAElB,CAUO7P,OAAQ6E,EAAmB,CACjC,GAAK,CAAC,KAAKknC,QAASlnC,CAAAA,EAMnB,MAAM,IAAI9B,EACT,0CACA,CAAE,KAAM8B,CAAM,CAAA,EAIhB,IAAMwnC,EAAQ,KAAKd,aAAapjB,IAAKtjB,CAAAA,EAEhC,KAAK0nC,iBAAmB,KAAKC,cAAgB3nC,IACjD,KAAK0nC,gBAAkB,IAKnB,KAAKC,cAAgB3nC,IACpBwnC,EAAM1J,OAAS,EACd,KAAK6I,WAAW7I,KAAO,EAC3B,KAAK8J,eAAc,GAEnB,KAAK5nC,KAAKypB,KAAI,EACd,KAAKke,YAAc,KACnB,KAAKd,aAAcgB,SAAQ,GAG5B,KAAKJ,UAAW1tC,MAAM8kB,KAAM2oB,EAAM3sC,OAAM,CAAA,EAAM2sC,EAAM1J,KAAO,CAAA,CAAG,GAI3D0J,EAAM1J,OAAS,GACnB,KAAK6I,WAAW7P,OAAQ,KAAKgR,YAAaN,CAAAA,CAAAA,EAC1C,KAAKJ,gBAAkB,KAAKT,WAAW7I,MAEvC0J,EAAM1Q,OAAQ92B,CAAAA,EAGf,KAAK0mC,aAAa5P,OAAQ92B,CAAAA,CAC3B,CAQOkmB,eAAgB7gB,EAAsD,CACvEA,IACJ,KAAKgiC,cAAc/jB,IAAK,KAAKqkB,WAAW,EAAKtiC,SAAWA,GAGzD,KAAKrF,KAAKiuB,IAAK,KAAK8Z,mBAAkB,CAAA,EACtC,KAAKjB,gBAAiB5gB,eAAc,CACrC,CAMA,oBAA4E,CAC3E,IAAI7gB,EAAWtL,MAAM8kB,KAAM,KAAKwoB,cAAcxsC,OAAM,CAAA,EAAKmtC,IAAG,EAAI3iC,SAEhE,OAAKA,IAEEA,EAASuoB,UAEdvoB,EAAW4G,OAAOwM,OAAQ,CAAA,EAAIpT,EAAU,CACvCuoB,QAAS,KAAKmZ,eACf,CAAA,GAID1hC,EAAW4G,OAAOwM,OAAQ,CAAA,EAAIpT,EAAU,CACvC+9B,qBAAsB,CACrB,GAAG,KAAKpmB,OAAOI,GAAG6M,eAClBnkB,IAAK,KAAKkX,OAAOI,GAAG6M,eAAesa,SACpC,CACD,CAAA,GAGMl/B,CACR,CAKOkiC,UAAWj1B,EAAmB,CACpC,KAAKm0B,aAAen0B,EACpB,IAAMk1B,EAAQ,KAAKb,WAAWrjB,IAAKhR,CAAAA,EAEnC,GAAK,CAACk1B,EAML,MAAM,IAAItpC,EACT,8CACA,IAAI,EAID,KAAKmpC,gBAAkBG,GAI5B,KAAKC,UAAW1tC,MAAM8kB,KAAM2oB,EAAM3sC,OAAM,CAAA,EAAKmtC,IAAG,CAAA,CACjD,CAKA,kBAAiC,CAChC,KAAKpB,MAAQ,IAAIpyB,GAAkB,KAAKwI,OAAO3W,MAAM,EAErD,KAAK2W,OAAOI,GAAGpd,KAAKqd,KAAK3W,IAAK,KAAKkgC,KAAK,EAExC,KAAKC,aAAe,KAAKoB,mBAAkB,EAC3C,KAAKnB,gBAAkB,KAAKoB,sBAAqB,CAClD,CAKA,IAAYb,eAAgB,CAC3B,OAAO,KAAKX,aAAapjB,IAAK,KAAKqkB,WAAW,CAC/C,CAKQG,YAAaN,EAAe,CAGnC,OAFcztC,MAAM8kB,KAAM,KAAK8nB,WAAWwB,QAAO,CAAA,EAAK7/B,KAAMqzB,GAASA,EAAO,CAAA,IAAQ6L,CAAAA,EAEtE,CAAA,CACf,CAKA,gBAAyB,CACxB,IAAMY,EAASruC,MAAM8kB,KAAM,KAAK8nB,WAAW9rC,OAAM,CAAA,EAE7CwtC,EAAYD,EAAOjP,QAAS,KAAKkO,aAAa,EAAK,EAEjDe,EAAQC,CAAAA,IACbA,EAAY,GAGb,KAAKd,UAAW,KAAKO,YAAaM,EAAQC,CAAAA,CAAW,CAAA,CACtD,CAKA,gBAAyB,CACxB,IAAMD,EAASruC,MAAM8kB,KAAM,KAAK8nB,WAAW9rC,OAAM,CAAA,EAE7CwtC,EAAYD,EAAOjP,QAAS,KAAKkO,aAAa,EAAK,EAEjDe,EAAQC,CAAAA,IACbA,EAAYD,EAAOttC,OAAS,GAG7B,KAAKysC,UAAW,KAAKO,YAAaM,EAAQC,CAAAA,CAAW,CAAA,CACtD,CAKA,oBAA6B,CAC5B,IAAMroC,EAAO,IAAI2W,GAAa,KAAKqG,OAAO3W,MAAM,EAC1CmC,EAAI,KAAKwU,OAAO3W,OAAOmC,EAE7B,YAAKxI,KAAKsgB,QAAQ5Z,IAAK1G,CAAAA,EAGvBA,EAAKc,KAAM,qBAAA,EAAwBwF,GAAI,KAAM,kBAAmB,KAAM,kBAAmB,CAAExM,EAAOwuC,IAC1F,CAACA,GAAoBxuC,EAAQ,CACrC,EAGAkG,EAAKpD,GAA2B,6BAA8B,IAAQ,KAAKspB,eAAc,EAAM,CAAEhe,SAAU,KAAM,CAAA,EAGjHlI,EAAKc,KAAM,SAAA,EAAYwF,GAAI,KAAM,cAAe,KAAM,kBAAmB,CAAEqhC,EAAaY,IAAAA,CACvF,GAAKA,EAAiB,EACrB,MAAO,GAGR,IAAM1lB,EAAU9oB,MAAM8kB,KAAM,KAAK8nB,WAAW9rC,OAAM,CAAA,EAAKs+B,QAAS,KAAKkO,aAAa,EAAK,EAEvF,OAAO7+B,EAAG,WAAY,CAAEqa,EAAS0lB,CAAgB,CAAA,CAClD,CAAA,EAEAvoC,EAAKwoC,eAAe5rC,GAAwB,UAAW,IAAA,CAGjDoD,EAAKkJ,aAAa4B,WACtB,KAAKkS,OAAOiM,QAAQjpB,KAAK0D,MAAK,EAG/B,KAAKkkC,eAAc,CACpB,CAAA,EAEA5nC,EAAKyoC,eAAe7rC,GAAwB,UAAW,IAAA,CAGjDoD,EAAKkJ,aAAa4B,WACtB,KAAKkS,OAAOiM,QAAQjpB,KAAK0D,MAAK,EAG/B,KAAKglC,eAAc,CACpB,CAAA,EAEO1oC,CACR,CAKA,uBAAgC,CAC/B,IAAMA,EAAO,IAAI4W,GAAgB,KAAKoG,OAAO3W,OAAQ,KAAKrG,IAAI,EAE9DA,OAAAA,EAAKc,KAAM,gBAAA,EAAmBwF,GAAI,KAAM,kBAAmB,KAAM,kBAAmB,CAAEqiC,EAAQL,IAC1E,CAACA,GAAoBK,GAAU,EAE9BrmC,KAAKsmC,IAAKD,EAAS,EAAG,CAAA,EAAM,CACjD,EAEA3oC,EAAKZ,SAAiC,KAAKY,KAAM,aAAc,IAAMA,EAAKkmB,eAAc,CAAA,EACxFlmB,EAAKZ,SAAiC,KAAKY,KAAM,cAAe,IAAMA,EAAKkmB,eAAc,CAAA,EAEzF,KAAKlJ,OAAOI,GAAGpd,KAAKqd,KAAK3W,IAAK1G,CAAAA,EAEvBA,CACR,CAWA,UAAmB,CAAEA,KAAAA,EAAM6oC,iBAAAA,EAAmB,GAAI7iC,UAAAA,EAAY,GAAMshC,eAAAA,EAAiB,EAAK,EAAwB,CACjH,KAAKtnC,KAAKO,MAAQsoC,EAClB,KAAK7oC,KAAKgG,UAAYA,EAEtB,KAAK6gC,aAAciC,SAAU9oC,CAAAA,EAC7B,KAAK2nC,YAAc3nC,EACnB,KAAKA,KAAKiuB,IAAK,KAAK8Z,mBAAkB,CAAA,EACtC,KAAKjB,gBAAiB5gB,eAAc,EAE/BohB,IACJ,KAAKI,gBAAkB,GAEzB,CACD,EA2Da/wB,GAAN,cAA0BrY,CAAAA,CAIhC,aAKA,eAKA,eAKA,QAiBA,YAAa+H,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,IAAMmC,EAAInC,EAAOmC,EACX1H,EAAO,KAAKN,aAElB,KAAKpF,IAAK,sBAAuB,EAAA,EAEjC,KAAK8N,aAAe,IAAIkb,GACxB,KAAKqkB,eAAiB,KAAKM,kBAAmBvgC,EAAG,UAAA,EAAcwgC,EAAAA,EAC/D,KAAKR,eAAiB,KAAKO,kBAAmBvgC,EAAG,MAAA,EAAUygC,EAAAA,EAC3D,KAAK3oB,QAAU,KAAKlE,iBAAgB,EAEpC,KAAKQ,YAAa,CACjBhD,IAAK,MACL7c,WAAY,CACXwD,MAAO,CACN,KACA,oBACA,EACD,UAAW,IACZ,EACAtD,SAAU,CACT,CACC2c,IAAK,MACL7c,WAAY,CACXwD,MAAO,CACN,iCACAO,EAAKwF,GAAI,sBAAuBxM,GAASA,EAAQ,GAAK,WAAA,CACtD,CACF,EACAmD,SAAU,CACT,KAAKwrC,eACL,CACC7uB,IAAK,OAEL7c,WAAY,CACXwD,MAAO,CACN,6BACA,CACF,EAEAtD,SAAU,CACT,CACCP,KAAMoE,EAAKwF,GAAI,SAAA,CAChB,CACA,CACF,EACA,KAAKkiC,cACL,CACF,EACA,CACC5uB,IAAK,MACL7c,WAAY,CACXwD,MAAO,6BACR,EACAtD,SAAU,KAAKqjB,OAChB,CACA,CACF,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAM7Z,OAAAA,EAEN,KAAKyC,aAAaxC,IAAK,KAAKtF,OAAO,CACpC,CAKA,SAAgC,CAC/B,MAAM2W,QAAAA,EAEN,KAAK7O,aAAa6O,QAAO,CAC1B,CAOO+wB,SAAU9oC,EAAmB,CACnC,KAAK6nC,SAAQ,EACb,KAAKvnB,QAAQ5Z,IAAK1G,CAAAA,CACnB,CAKA,UAAwB,CACvB,KAAKsgB,QAAQqY,MAAK,CACnB,CAQA,kBAA2BhtB,EAAeiW,EAAe,CACxD,IAAM5hB,EAAO,IAAIiT,EAAY,KAAK5M,MAAM,EAExCrG,OAAAA,EAAK5E,IAAK,CACTuQ,MAAAA,EACAiW,KAAAA,EACAK,QAAS,EACV,CAAA,EAEOjiB,CACR,CACD,EAKM4W,GAAN,cAA6BtY,CAAAA,CAI5B,QAwCA,kBAKA,YAAa+H,EAAgB62B,EAAqC,CACjE,MAAO72B,CAAAA,EAEP,IAAMvF,EAAO,KAAKN,aAElB,KAAKpF,IAAK,MAAO,CAAA,EACjB,KAAKA,IAAK,OAAQ,CAAA,EAClB,KAAKA,IAAK,SAAU,CAAA,EACpB,KAAKA,IAAK,QAAS,CAAA,EACnB,KAAKA,IAAK,iBAAkB,CAAA,EAE5B,KAAKklB,QAAU,KAAKlE,iBAAgB,EACpC,KAAK8sB,kBAAoBhM,EAEzB,KAAKtgB,YAAa,CACjBhD,IAAK,MACL7c,WAAY,CACXwD,MAAO,CACN,gBACAO,EAAKwF,GAAI,iBAAkBqiC,GAAUA,EAAS,GAAK,WAAA,CACnD,EACD5sC,MAAO,CACN+J,IAAKhF,EAAKwF,GAAI,MAAO0N,EAAAA,EACrBvP,KAAM3D,EAAKwF,GAAI,OAAQ0N,EAAAA,EACvBtP,MAAO5D,EAAKwF,GAAI,QAAS0N,EAAAA,EACzB9O,OAAQpE,EAAKwF,GAAI,SAAU0N,EAAAA,CAC5B,CACD,EACA/W,SAAU,KAAKqjB,OAChB,CAAA,EAEA,KAAK1jB,GAAmC,wBAAyB,CAAE0C,EAAKlF,EAAMugB,EAAM/c,IAAAA,CAC9E+c,EAAO/c,EACX,KAAKurC,WAAYxuB,EAAO/c,CAAAA,EAExB,KAAKwrC,cAAexrC,EAAO+c,CAAAA,EAG5B,KAAKuL,eAAc,CACpB,CAAA,CACD,CAEQijB,WAAYR,EAAiB,CACpC,KAAQA,KAAW,CAClB,IAAM3oC,EAAO,IAAI1B,EAEjB0B,EAAK4c,YAAa,CAAEhD,IAAK,KAAM,CAAA,EAE/B,KAAK0G,QAAQ5Z,IAAK1G,CAAAA,EAClB,KAAKyc,cAAezc,CAAAA,CACrB,CACD,CAEQopC,cAAeT,EAAiB,CACvC,KAAQA,KAAW,CAClB,IAAM3oC,EAAO,KAAKsgB,QAAQmC,KAE1B,KAAKnC,QAAQnlB,OAAQ6E,CAAAA,EACrB,KAAK2c,gBAAiB3c,CAAAA,EACtBA,EAAK+X,QAAO,CACb,CACD,CAKA,gBAAwB,CACvB,GAAK,KAAKsxB,eAAiB,CAC1B,GAAM,CAAEvjC,IAAAA,EAAKrB,KAAAA,CAAI,EAAK,KAAKykC,kBACrB,CAAExkC,MAAAA,EAAOQ,OAAAA,CAAM,EAAK,IAAIF,EAAM,KAAKkkC,kBAAkB9nC,OAAO,EAElE6K,OAAOwM,OAAQ,KAAM,CAAE3S,IAAAA,EAAKrB,KAAAA,EAAMC,MAAAA,EAAOQ,OAAAA,CAAO,CAAA,CACjD,CACD,CACD,ECj1BM8O,GAAuBmR,GAAQ,IAAA,EAKxBtO,GAAN,cAA8BvY,CAAAA,CAIpC,QAgEA,oBA4CA,yBAKA,YAAa+H,EAAkB,CAC9B,MAAOA,CAAAA,EAEP,IAAMvF,EAAO,KAAKN,aAElB,KAAKpF,IAAK,WAAY,EAAA,EACtB,KAAKA,IAAK,WAAY,EAAA,EACtB,KAAKA,IAAK,iBAAkB,IAAA,EAC5B,KAAKA,IAAK,sBAAuB,EAAA,EACjC,KAAKA,IAAK,oBAAqB,CAAA,EAE/B,KAAKA,IAAK,cAAe,IAAA,EACzB,KAAKA,IAAK,gCAAiC,EAAA,EAE3C,KAAKA,IAAK,mBAAoB,IAAA,EAC9B,KAAKA,IAAK,sBAAuB,IAAA,EAEjC,KAAKklB,QAAU,KAAKlE,iBAAgB,EAEpC,KAAKktB,yBAA2B,IAAIjsC,GAAU,CAC7Cuc,IAAK,MACL7c,WAAY,CACXwD,MAAO,CACN,KACA,8BACA,EACDxE,MAAO,CACNwtC,QAASzoC,EAAKwF,GAAI,WAAYkjC,GAAYA,EAAW,QAAU,MAAA,EAC/DtkC,OAAQpE,EAAKwF,GAAI,WAAYkjC,GACrBA,EAAWx1B,GAAM,KAAKy1B,kBAAkBvkC,MAAM,EAAK,IAC3D,CACD,CACD,CACD,CAAA,EAAIuB,OAAM,EAEV,KAAKijC,oBAAsB,IAAIrsC,GAAU,CACxCuc,IAAK,MAEL7c,WAAY,CACXwD,MAAO,CACN,KACA,2BAEAO,EAAKL,GAAI,WAAY,iCAAA,EACrBK,EAAKL,GAAI,gCAAiC,8CAAA,CAC1C,EACD1E,MAAO,CACN2I,MAAO5D,EAAKwF,GAAI,WAAYkjC,GACpBA,EAAWx1B,GAAM,KAAKs1B,yBAAyBK,sBAAqB,EAAGjlC,KAAK,EAAK,IACzF,EAEAoB,IAAKhF,EAAKwF,GAAI,mBAAoBxM,GAASA,GAAQka,GAAMla,CAAAA,CAAUA,EACnEwL,OAAQxE,EAAKwF,GAAI,sBAAuBxM,GAASA,GAAQka,GAAMla,CAAAA,CAAUA,EAEzE8vC,WAAY9oC,EAAKwF,GAAI,aAAA,CACtB,CACD,EAEArJ,SAAU,KAAKqjB,OAChB,CAAA,EAAI7Z,OAAM,EAEV,KAAKmW,YAAa,CACjBhD,IAAK,MACL7c,WAAY,CACXwD,MAAO,CACN,KACA,iBACA,CACF,EACAtD,SAAU,CACT,KAAKqsC,yBACL,KAAKI,mBACL,CACF,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAMjjC,OAAAA,EAGN,KAAKojC,sBAAqB,EAG1B,KAAKzqC,SAAUkC,EAAOjC,SAAU,SAAU,IAAA,CACzC,KAAKwqC,sBAAqB,CAC3B,EAAG,CAAEjnC,WAAY,EAAK,CAAA,EAGtB,KAAKxD,SAAiC,KAAM,kBAAmB,IAAA,CAC9D,KAAKyqC,sBAAqB,CAC3B,CAAA,EAEKvoC,EAAO0kB,OAAO0e,iBAClB,KAAKtlC,SAAUkC,EAAO0kB,OAAO0e,eAAgB,SAAU,IAAA,CACtD,KAAKmF,sBAAqB,CAC3B,CAAA,EAEA,KAAKzqC,SAAUkC,EAAO0kB,OAAO0e,eAAgB,SAAU,IAAA,CACtD,KAAKmF,sBAAqB,CAC3B,CAAA,EAEF,CAMA,uBAAqC,CAGpC,GAAK,CAAC,KAAKvb,gBAAkB,CAAC,KAAKwb,SAAW,CAC7C,KAAKC,SAAQ,EAEb,MACD,CAEA,IAAMC,EAAc,IAAIhlC,EAAM,KAAKspB,cAAc,EAC7C2b,EAAqBD,EAAYpkC,WAAU,EAE/C,GAAKqkC,EAAqB,CACzB,IAAMC,EAAa,IAAIllC,EAAM1D,EAAO0kB,MAAM,EAE1CkkB,EAAWpkC,KAAO,KAAKg/B,kBACvBoF,EAAWhlC,QAAU,KAAK4/B,kBAE1BmF,EAAqBA,EAAmBtkC,gBAAiBukC,CAAAA,CAC1D,CAEA,GAAM,CACLzlC,KAAM0lC,EACNrkC,IAAK8+B,CAAuB,EACzBC,GAAAA,EAWJ,GATAmF,EAAYjkB,OAAQokB,EAA0BvF,CAAAA,EAEzCqF,GACJA,EAAmBlkB,OAAQokB,EAA0BvF,CAAAA,EAMjDqF,GAAsBD,EAAYlkC,IAAMmkC,EAAmBnkC,IAE/D,GAAK,KAAK2jC,kBAAkBvkC,OAAS,KAAKklC,oBAAsBH,EAAmB/kC,OAAS,CAC3F,IAAMmlC,EAAqB/nC,KAAKgoC,IAAKN,EAAY1kC,OAAS2kC,EAAmB3kC,OAAQ,CAAA,EAAM,KAAK8kC,oBAe3F,KAAKX,kBAAkBvkC,OAASmlC,EAAqB,EAAIL,EAAY9kC,OACzE,KAAKqlC,wBAAyBF,CAAAA,EAE9B,KAAKN,SAAQ,CAEf,MAAY,KAAKN,kBAAkBvkC,OAAS,KAAKklC,oBAAsBJ,EAAY9kC,OAClF,KAAKslC,uBAAwBP,EAAmBnkC,GAAG,EAEnD,KAAKikC,SAAQ,OAGd,KAAKA,SAAQ,CAiBf,CAQQS,uBAAwBC,EAAoB,CACnD,KAAKjB,SAAW,GAChB,KAAKkB,8BAAgC,GACrC,KAAKC,iBAAmBF,EACxB,KAAKG,oBAAsB,KAC3B,KAAKC,YAAc72B,GAAM,CAAC1S,EAAO0kB,OAAO8kB,QAAUjG,GAAAA,EAA0BpgC,IAAI,CACjF,CAQQ8lC,wBAAyBF,EAA6B,CAC7D,KAAKb,SAAW,GAChB,KAAKkB,8BAAgC,GACrC,KAAKC,iBAAmB,KACxB,KAAKC,oBAAsBP,EAC3B,KAAKQ,YAAc72B,GAAM,CAAC1S,EAAO0kB,OAAO8kB,QAAUjG,GAAAA,EAA0BpgC,IAAI,CACjF,CAOA,UAAmB,CAClB,KAAK+kC,SAAW,GAChB,KAAKkB,8BAAgC,GACrC,KAAKC,iBAAmB,KACxB,KAAKC,oBAAsB,KAC3B,KAAKC,YAAc,IACpB,CAOA,IAAYpB,mBAA0B,CACrC,OAAO,IAAIzkC,EAAM,KAAK0kC,mBAAmB,CAC1C,CACD,EatXa5yB,GAAN,cAAoC/K,EAAAA,CAI1C,UAOA,YAAa1F,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,IAAMvF,EAAO,KAAKN,aAElB,KAAKpF,IAAK,CACT4vB,SAAU,GACV1nB,KAAM,UACP,CAAA,EAEA,KAAKoE,UAAY,KAAKmuB,iBAAgB,EAEtC,KAAK73B,eAAgB,CACpBjB,WAAY,CACXwD,MAAO,CACN,2BACA,EACD,gBAAiB,GACjB,gBAAiB,KAAKC,aAAa8F,GAAI,OAAQxM,GAASoT,OAAQpT,CAAAA,CAAAA,EAChE,4BAA6BgH,EAAKwF,GAAI,MAAA,CACvC,EACA1J,GAAI,CACH,WAAckE,EAAKwF,GAAI,YAAA,CACxB,CACD,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAMG,OAAAA,EAEN,KAAKxJ,SAASyJ,IAAK,KAAKgB,SAAS,CAClC,CAKA,kBAA2B,CAC1B,IAAMA,EAAY,IAAIgM,GAEtBhM,OAAAA,EAAU4Y,QAAUwV,GACpBpuB,EAAU1J,eAAgB,CACzBjB,WAAY,CACXwD,MAAO,kCACR,CACD,CAAA,EAEOmH,CACR,CACD,EC/DaqP,GAAN,cAAmCzY,CAAAA,CAIzC,SAyBA,YAAa+H,EAAkB,CAC9B,MAAOA,CAAAA,EAEP,IAAMvF,EAAO,KAAKN,aAElB,KAAKpF,IAAK,YAAa,EAAA,EACvB,KAAKA,IAAK,WAAY,IAAA,EAEtB,KAAK6B,SAAW,KAAKmf,iBAAgB,EAErC,KAAKQ,YAAa,CACjBhD,IAAK,MAEL7c,WAAY,CACXwD,MAAO,CACN,KACA,WACA,2BACAO,EAAKwF,GAAI,WAAYxM,GAAS,qCAAsCA,CAAAA,EAAQ,EAC5EgH,EAAKL,GAAI,YAAa,YAAa3G,GAAS,CAACA,CAAAA,CAC7C,EACD6kB,SAAU,IACX,EAEA1hB,SAAU,KAAKA,SAEfL,GAAI,CAGHy3B,YAAavzB,EAAKwF,GAAIhH,GAAAA,CACdA,EAAIO,OAAwBy0B,QAAQC,kBAAiB,IAAO,SAInEj1B,EAAI6C,eAAc,CACnB,CAAA,CACD,CACD,CAAA,CACD,CAKA,MAAc0hB,EAAoB,EAAU,CACtC,KAAK5mB,SAASnC,SACb+oB,IAAc,EAClB,KAAK5mB,SAASuM,MAAO9F,MAAK,EAE1B,KAAKzG,SAASwlB,KAAM/e,MAAK,EAG5B,CACD,ECpEasT,GAAN,MAAMA,UAAwB1Y,CAAAA,CAIpC,WAKA,UAKA,aAMA,WA6CA,YAAa+H,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,IAAMvF,EAAO,KAAKN,aAElB,KAAK4G,WAAa,IAAI0P,GAAuBzQ,CAAAA,EAC7C,KAAKe,WAAWb,SAAU,YAAA,EAAeD,GAAI,IAAI,EACjD,KAAKc,WAAWtG,KAAM,OAAQ,WAAA,EAAcwF,GAAI,KAAM,SAAU,WAAA,EAEhE,KAAKe,UAAY,IAAI0P,GAAsB1Q,CAAAA,EAC3C,KAAKgB,UAAUvG,KAAM,WAAA,EAAcwF,GAAI,KAAM,QAAA,EAE7C,KAAKyE,WAAa,IAAImZ,GACtB,KAAKhb,aAAe,IAAIkb,GAExB,KAAKhpB,IAAK,SAAU,EAAA,EACpB,KAAKA,IAAK,YAAa,EAAA,EACvB,KAAKA,IAAK,gBAAiB,GAAA,EAC3B,KAAKA,IAAK,QAASmjB,MAAAA,EACnB,KAAKnjB,IAAK,iBAAkB,IAAA,EAE5B,KAAKwhB,YAAa,CACjBhD,IAAK,MAEL7c,WAAY,CACXwD,MAAO,CACN,KACA,oBACAO,EAAKwF,GAAI,OAAA,EACTxF,EAAKL,GAAI,YAAa,cAAe3G,GAAS,CAACA,CAAAA,EAC/CgH,EAAKL,GAAI,iBAAkB,8BAA+B3G,GAAS,CAACA,CAAAA,CACpE,CACF,EAEAmD,SAAU,CACT,KAAKmK,WACL,KAAKC,SACL,CACF,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAMZ,OAAAA,EAEN,KAAKyC,aAAaxC,IAAK,KAAKU,WAAWhG,OAAO,EAC9C,KAAK8H,aAAaxC,IAAK,KAAKW,UAAUjG,OAAO,EAG7C,KAAK2J,WAAW3L,SAAU,KAAKgC,OAAO,EAEtC6U,GAAqBmrB,cAAe,IAAI,EAExC,KAAK2J,uBAAsB,CAC5B,CAWA,kBAAgC,CAEzB,KAAKvL,gBAMVvpB,GAAqB+qB,kBAAmB,IAAI,EAC5C/qB,GAAqB8qB,oBAAqB,IAAI,EAC9C9qB,GAAqBkrB,oBAAqB,IAAI,EAC9ClrB,GAAqBirB,4BAA6B,IAAI,EACtDjrB,GAAqBorB,mBAAoB,IAAI,IAT7C,KAAK2J,+BAA8B,EAEnC/0B,GAAqB6qB,gCAAiC,IAAI,EAC1D7qB,GAAqBgrB,oBAAqB,IAAI,EAQhD,CAKA,gCAA+C,CAC9C,KAAKl2B,WAAW3P,IAAK,aAAc,CAAE4P,EAAMC,IAAAA,CAC1C,KAAK7I,KAAM,YAAA,EACX6I,EAAAA,CACD,CAAA,EAEA,KAAKF,WAAW3P,IAAK,YAAa,CAAE4P,EAAMC,IAAAA,CACzC,KAAK7I,KAAM,WAAA,EACX6I,EAAAA,CACD,CAAA,CACD,CAMA,wBAAuC,CAEtC,KAAKrO,GAAoC,gBAAiB,CAAE0C,EAAKlF,EAAM2N,IAAAA,CACtE,GAAK,CAACA,EACL,OAGD,IAAM6sB,EAAuB5d,EAAgB+W,oBAAqB,CACjE3sB,QAAS,KAAKiG,UAAUjG,QACxBvB,OAAQ,KAAKuH,WAAWhG,QACxBysB,cAAe,GACfb,UAAW,KAAK6H,eACjB,CAAA,EAEA,KAAKxtB,UAAUhC,SACduvB,EAAuBA,EAAqBx6B,KAAO,KAAK6wC,wBAE1D,CAAA,CACD,CAKA,OAAqB,CACpB,KAAK7jC,WAAW1D,MAAK,CACtB,CAMA,IAAWmxB,iBAA8C,CACxD,GAAM,CACLK,UAAAA,EAAWC,UAAAA,EAAWC,UAAAA,EAAWC,UAAAA,EACjCmM,UAAAA,EAAWF,UAAAA,EAAWG,UAAAA,EAAWF,UAAAA,CAAS,EACvCrrB,GAEJ,OAAK,KAAK7P,OAAQmmB,sBAAwB,MACpC,KAAKgT,eACF,CAAE8B,EAAWC,EAAWC,EAAWC,CAAW,EAE9C,CAAEvM,EAAWC,EAAWC,EAAWC,CAAW,EAGjD,KAAKmK,eACF,CAAEgC,EAAWC,EAAWH,EAAWC,CAAW,EAE9C,CAAEpM,EAAWD,EAAWG,EAAWD,CAAW,CAGxD,CAMA,IAAY6V,0BAAqD,CAChE,OAAK,KAAK5kC,OAAQmmB,sBAAwB,MACpC,KAAKgT,eACF,KAEA,KAGH,KAAKA,eACF,KAEA,IAGV,CAOA,OAAezR,oBAAsBgD,EACtC,EC7Pa9Z,GAAN,cAAkCxN,EAAAA,CAMxC,YAAapD,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,KAAK/C,KAAO,OACZ,KAAKwD,MAAMlK,GAAI,SAAU,KAAKsuC,oBAAoBpqC,KAAM,IAAI,CAAA,CAC7D,CAMA,qBAA8B,CAC7B,IAAMqqC,EACLpxC,MACE8kB,KAAM,KAAK/X,KAAK,EAChB7M,KAAMoE,GAAAA,CACN,IAAM+sC,EAAiBr4B,GAAiC1U,CAAAA,EAExD,OAAO+sC,GAAkBA,EAAex/B,YACzC,CAAA,EAGF,KAAK9E,MAAM+Z,QAASxiB,GAAAA,CACnB,IAAM+sC,EAAiBr4B,GAAiC1U,CAAAA,EAEnD+sC,IACJA,EAAez+B,cAAgBw+B,EAEjC,CAAA,CACD,CACD,ECzCaj0B,GAAN,cAAsDrC,EAAAA,CAM5D,YAAaxO,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,KAAKjL,IAAK,CACT4vB,SAAU,GACVhJ,cAAe,GACfC,QAAS,GACT3e,KAAM,UACP,CAAA,EAEA,KAAKtF,eAAgB,CACpBjB,WAAY,CACXwD,MAAO,CAAE,iCAAmC,CAC7C,CACD,CAAA,CACD,CACD,ECRM4W,GAAuB,CAAE,aAAc,YAAa,aAAc,eAAiB,EAQ5EC,GAAN,cAA0B9Y,CAAAA,CAIhC,SAyBOuhC,MAAgC,CAAA,EAOvC,YAAax5B,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,IAAMmC,EAAInC,EAAOmC,EACX1H,EAAO,KAAKN,aAElB,KAAKpF,IAAK,CACT2M,OAAQ,GACR43B,qBAAsB,EACvB,CAAA,EAEA,KAAK0L,oBAAmB,EAExB,KAAKpuC,SAAW,KAAKmf,iBAAgB,EAOrC,KAAKQ,YAAa,CACjBhD,IAAK,MACL7c,WAAY,CACXwD,MAAO,CACN,KACA,cACAO,EAAKL,GAAI,uBAAwB,kCAAA,CACjC,EACD,aAAc+H,EAAG,iBAAA,EACjBlF,KAAM,SACP,EACArG,SAAU,KAAKA,QAChB,CAAA,CACD,CASOimC,eACN7+B,EACA4K,EACAC,EAA+F,CAAA,EACxF,CACP,IAAM7I,EAAS,KAAKA,OAQdilC,EAPkBv8B,GAAsB,CAC7CC,iBAAkB3K,EAClBgC,OAAAA,EACA4I,iBAAAA,EACAC,WAAAA,CACD,CAAA,EAEkDpI,MAAMtM,IAAKsV,GAAkB,KAAKy7B,YAAa,CAChGt8B,iBAAAA,EACAa,eAAAA,CACD,CAAA,CAAA,EAEA,KAAK7S,SAASgM,QAASqiC,CAAAA,CACxB,CAKA,QAA+B,CAC9B,MAAM7kC,OAAAA,EAENuP,GAAiBypB,gCAAiC,IAAI,EACtDzpB,GAAiBuqB,2BAA4B,IAAI,EACjDvqB,GAAiBwqB,wCAAyC,IAAI,EAC9DxqB,GAAiBgqB,wBAAyB,IAAI,EAC9ChqB,GAAiByqB,oBAAqB,IAAI,EAC1CzqB,GAAiB2qB,kCAAmC,IAAI,CACzD,CAKA,OAAqB,CACf,KAAK1jC,SAASuM,OAClB,KAAKvM,SAASuM,MAAM9F,MAAK,CAE3B,CAKA,OAAqB,CACpB,QAAY8nC,KAA4B,KAAKvuC,SAC5CuuC,EAAyBzjC,OAAS,EAEpC,CAKA,SAAuB,CACtB,QAAYyjC,KAA4B,KAAKvuC,SAC5CuuC,EAAyBjqB,UAAY,EAEvC,CAKA,QAAsB,CACrB,QAAYiqB,KAA4B,KAAKvuC,SAC5CuuC,EAAyBjqB,UAAY,EAEvC,CAMA,aAAqBqe,EAA2BJ,EAAyC,KAAa,CAChGA,GACJI,EAASr5B,SAAQ,GAAK4Q,EAAAA,EAAuB7Q,GAAIk5B,CAAAA,EACjDI,EAASJ,eAAiBA,GAE1BI,EAASr5B,SAAQ,GAAK4Q,EAAAA,EAAuB7Q,GAAI,KAAMlM,GAAQ,QAAUA,CAAAA,EAG1EwlC,EAAS6L,iBAAgB,EAEzB,KAAK5L,MAAM3iC,KAAM0iC,CAAAA,CAClB,CAKQ2L,YAAa,CAAEt8B,iBAAAA,EAAkBa,eAAAA,EAAgB0vB,eAAAA,CAAc,EAInE,CACH,IAAMn5B,EAAS,KAAKA,OACdu5B,EAAW,IAAI5oB,GAAiB3Q,CAAAA,EAEtC,YAAKqlC,aAAc9L,EAAUJ,CAAAA,EAE7BI,EAASx4B,WAAWhM,IAAK,CACxBuQ,MAAOmE,EAAenE,KACvB,CAAA,EAIAi0B,EAAS33B,KAAsC,gBAAiB,IAAA,CAC/D,IAAMqB,EAAW,IAAI2N,GAAqB5Q,CAAAA,EAC1CiD,EAASX,UAAYmH,EAAenE,MACpCi0B,EAASv4B,UAAUpK,SAASyJ,IAAK4C,CAAAA,EAEjCA,EAASxC,MAAMmC,QAAS,KAAK0iC,iBAAkB,CAAE77B,eAAAA,EAAgB0vB,eAAgBI,EAAU3wB,iBAAAA,CAAiB,CAAA,CAAA,CAC7G,CAAA,EAEO2wB,CACR,CAKQ+L,iBAAkB,CAAE77B,eAAAA,EAAgB0vB,eAAAA,EAAgBvwB,iBAAAA,CAAgB,EAIpB,CACvD,IAAM5I,EAAS,KAAKA,OACdS,EAAQ,CAAA,EAEd,QAAY8kC,KAAuB97B,EAAeC,OAAS,CAC1D,QAAY87B,KAAkBD,EAAoB9kC,MAAQ,CACzD,IAAMglC,EAAe,IAAIh2B,GAAyBzP,EAAQm5B,CAAAA,EAE1D,GAAK9gC,GAAUmtC,CAAAA,EACdC,EAAa7uC,SAASyJ,IAAK,KAAK6kC,YAAa,CAC5Ct8B,iBAAAA,EACAa,eAAgB+7B,EAChBrM,eAAAA,CACD,CAAA,CAAA,MACM,CACN,IAAMuM,EAAgB,KAAKC,kCAAmC,CAC7Dj6B,cAAe85B,EACf58B,iBAAAA,EACAuwB,eAAAA,CACD,CAAA,EAEA,GAAK,CAACuM,EACL,SAGDD,EAAa7uC,SAASyJ,IAAKqlC,CAAAA,CAC5B,CAEAjlC,EAAM5J,KAAM4uC,CAAAA,CACb,CAGKF,IAAwB97B,EAAeC,OAAQD,EAAeC,OAAOjV,OAAS,CAAA,GAClFgM,EAAM5J,KAAM,IAAIsO,GAAmBnF,CAAAA,CAAAA,CAErC,CAEA,OAAOS,CACR,CAKQklC,kCAAmC,CAAEj6B,cAAAA,EAAeytB,eAAAA,EAAgBvwB,iBAAAA,CAAgB,EAIhC,CAC3D,IAAM88B,EAAgB98B,EAAiB+pB,OAAQjnB,CAAAA,EAE/C,OACCg6B,aAAyB/0B,IACzB+0B,aAAyB33B,IACzB23B,aAAyB70B,IAoB1B,KAAK+0B,kBAAmBF,EAAevM,CAAAA,EAGvCuM,EAAcnvC,GAAI,UAAW,IAAA,CAC5B,KAAK8jC,MAAK,CACX,CAAA,EAEOqL,IAfNliC,GAAY,iCAAkC,CAC7CkI,cAAAA,EACAg6B,cAAAA,CACD,CAAA,EAEO,KAWT,CAQA,kBAA2BA,EAAgEvM,EAAkC,CAC5H,GAAK,EAAGuM,aAAyB/0B,IAAoB,CACpD+0B,EAAcxlC,SAAU,YAAA,EAAeD,GAAIk5B,CAAAA,EAE3C,MACD,CAEA,KAAKkM,aAAcK,EAAevM,CAAAA,EAElC,IAAM0M,EAAmBH,EAAc1kC,UAAUpK,SAC/CuN,OAAQrN,GAASA,aAAiB8Z,EAAAA,EAAuB,CAAA,EAE3D,GAAK,CAACi1B,EAAmB,CACxBH,EAAcxlC,SAAU,YAAA,EAAeD,GAAIk5B,CAAAA,EAE3C,MACD,CAEA,IAAM2M,EAAoBD,EAAiBplC,MAAM0D,OAAQnM,GAAQA,aAAgBkL,EAAAA,EAEjF,QAAYlL,KAAQ8tC,EACnB,KAAKF,kBACJ5tC,EAAKpB,SAASqmB,IAAK,CAAA,EACnByoB,CAAAA,CAGH,CASA,qBAA8B,CAC7B,IAAIK,EAGJ,KAAKxvC,GAAkC,qBAAsB,CAAE0C,EAAKlF,EAAM2N,IAAAA,CACzEskC,aAAcD,CAAAA,EAETrkC,EACJ,KAAKA,OAAS,GAEdqkC,EAAehmB,WAAY,IAAA,CAC1B,KAAKre,OAAShO,MAAM8kB,KAAM,KAAK5hB,QAAQ,EAAGhD,KAAM2lC,GAAYA,EAAS73B,MAAM,CAC5E,EAAG,CAAA,CAEL,CAAA,CACD,CACD,kBChYAukC,IACAA,IAEAA,QU6hBA,SAASC,GAAwBC,EAAcC,EAAoC,CAMlF,GAAK,CAACA,EAAkBC,UACvB,OAGD,IAAMC,EAASF,EAAkBE,OAEjCA,EAAOC,KAAI,EAEXJ,EAAMK,cAAeF,EAAOG,MAAO,IAAA,CAClCN,EAAMO,cAAeP,EAAMQ,SAASC,SAAS,CAC9C,CAAA,EAEAN,EAAOO,OAAM,CACd,CAKA,SAASC,GAAiBC,EAAyB,CAClD,IAAMC,EAAQD,EAAUE,QAAO,EAI/B,OAFAF,EAAUG,OAAM,EAEXF,EAAMG,KAAKC,UAAY,aACpB,KAGDJ,CACR,CAKA,SAASK,GAAwBC,EAAoBC,EAAc,CAClE,IAAIC,EAASF,EAASG,GAAI,OAAA,EAAYH,EAASI,OAASJ,EAExD,KAAQ,CAACC,EAAOI,eAAgBH,CAAAA,GAC/BA,EAAOA,EAAKE,OAGb,OAAOF,CACR,CExUA,SAASI,GAAwBC,EAAwB,CACxD,IAAMC,EAAOD,EAASC,KAChBnB,EAAWmB,EAAKnB,SAElBoB,EAAgC,KAChCC,EAAsB,GAE1BrB,EAASsB,GAA8B,UAAW,CAAEC,EAAK,CAAEC,QAAAA,CAAO,IAAE,CACnEJ,EAAiBI,EACjBH,EAAsB,EACvB,CAAA,EAEArB,EAASsB,GAA4B,QAAS,CAAEC,EAAK,CAAEC,QAAAA,EAASC,SAAAA,CAAQ,IAAE,CACzE,IAAMxB,EAAYD,EAASC,UACrByB,EAAwBR,EAASxB,WACtC8B,GAAWJ,GACXO,EAAiBH,CAAAA,GACjB,CAACvB,EAAU2B,aACX,CAACP,EAIF,GAFAD,EAAiB,KAEZM,EAAwB,CAC5B,IAAMG,EAAc5B,EAAU6B,cAAa,EACrCC,EAAY,IAAIC,GAAmBhC,EAAU,SAAU6B,CAAAA,EACvDI,EAAuC,CAC5CC,KAAMC,GACNC,UAAWC,EAAoBb,CAAAA,EAC/Bc,kBAAmBrC,CACpB,EAEAD,EAASuC,KAAMR,EAAW,IAAIS,GAA0BrB,EAAMM,EAAUQ,CAAAA,CAAAA,CACzE,CACD,CAAA,EAEAjC,EAASsB,GAA4B,cAAe,CAAEC,EAAK,CAAEkB,UAAAA,CAAS,IAAE,CACvE,IAAMC,EAAkBC,GAAoBF,CAAAA,EACdd,EAAiBP,CAAAA,GAC9CsB,GACAA,EAAgBN,WAAaC,EAAoBjB,CAAAA,IAGjDC,EAAsB,GAExB,EAAG,CAAEuB,SAAU,MAAO,CAAA,EAEtB5C,EAASsB,GAA4B,cAAe,CAAEC,EAAK,CAAEkB,UAAAA,EAAWI,KAAAA,CAAI,IAAE,CAC7CzB,GAAkB0B,EAASC,QAC1DN,GAAa,cACbI,GAAQ,QAGRtB,EAAIyB,KAAI,CAEV,EAAG,CAAEJ,SAAU,MAAO,CAAA,EAEtB,SAASjB,EAAiBH,EAAsB,CAC/C,OAAOA,GAAWsB,EAASG,WAAazB,GAAWsB,EAASC,MAC7D,CAEA,SAASV,EAAoBb,EAAsB,CAClD,OAAOA,GAAWsB,EAASG,UAAYC,GAAkBC,EAC1D,CACD,CAKA,SAASC,GAAuBC,EAA8B,CAG7D,GAAKA,EAAaC,QAAU,GAAKD,EAAc,CAAA,EAAIzB,YAClD,MAAO,GAGR,IAAM2B,EAASF,EAAc,CAAA,EAAIG,UAAW,CAC3CpB,UAAW,WACXqB,iBAAkB,GAClBC,iBAAkB,EACnB,CAAA,EAEIC,EAAQ,EAEZ,OAAY,CAAEC,aAAAA,EAAcC,KAAAA,CAAI,IAAMN,EAAS,CAC9C,GAAKK,EAAa7C,OAAOD,GAAI,OAAA,EAAY,CACxC,IAAM+B,EAAOe,EAAa7C,OAAO8B,KAC3BiB,EAASF,EAAaE,OAG5B,GACCC,GAAuBlB,EAAMiB,CAAAA,GAC7BE,GAAwBnB,EAAMiB,CAAAA,GAC9BG,GAAuBpB,EAAMiB,CAAAA,EAE7B,SAGDH,GACD,MAAYE,EAAK/C,GAAI,kBAAA,GAAwB+C,EAAK/C,GAAI,cAAA,IACrD6C,IAGD,GAAKA,EAAQ,EACZ,MAAO,EAET,CAEA,MAAO,EACR,CG7UO,SAASO,GAAiB7D,EAAmBb,EAAY,CAC/D,IAAI2E,EAAQ9D,EAAM8D,MAalB,MAAO,CAAEC,KAXIC,MAAMC,KAAMjE,EAAMmD,UAAW,CAAEE,iBAAkB,EAAM,CAAA,CAAA,EAAMa,OAAQ,CAAEC,EAAW,CAAEX,KAAAA,CAAI,IAE5FA,EAAK/C,GAAI,OAAA,GAAa+C,EAAK/C,GAAI,YAAA,EAMhC0D,EAAYX,EAAKhB,MALvBsB,EAAQ3E,EAAMiF,oBAAqBZ,CAAAA,EAE5B,IAIN,EAAA,EAEYxD,MAAOb,EAAMkF,YAAaP,EAAO9D,EAAMsE,GAAG,CAAG,CAC7D,CEqoBA,SAASC,GAAiB3E,EAAmC4E,EAAuB,CACnF,QAAYC,KAAqBD,EAChC,GAAK5E,EAAU8E,aAAcD,CAAAA,EAC5B,MAAO,GAIT,MAAO,EACR,CAOA,SAASE,GAAyCxF,EAAcqF,EAAyBI,EAAuB,CAC/G,IAAMC,EAAaD,EAASC,WAE5B1F,EAAM2F,OAAQC,GAAAA,CACb,GAAKF,EAAa,CACjB,IAAML,EAAuC,CAAA,EACvCQ,EAAiB7F,EAAM8F,OAAOC,SAAUL,CAAAA,GAAgB1F,EAAM8F,OAAOE,SAAUN,CAAAA,EAErF,OAAY,CAAEO,EAAKC,CAAAA,IAAWR,EAAWS,cAAa,EAEpDnG,EAAM8F,OAAOM,eAAgB,QAASH,CAAAA,IACpC,CAACJ,GAAkB7F,EAAM8F,OAAOO,uBAAwBJ,CAAAA,EAAMK,iBAAmB,KAEnFjB,EAAWkB,KAAM,CAAEN,EAAKC,CAAO,CAAA,EAIjCN,EAAOY,sBAAuBnB,CAAAA,CAC/B,MACCO,EAAOa,yBAA0BpB,CAAAA,CAEnC,CAAA,CACD,CAKA,SAASqB,GAA0B1G,EAAcqF,EAAuB,CACvErF,EAAM2F,OAAQC,GAAAA,CACbA,EAAOa,yBAA0BpB,CAAAA,CAClC,CAAA,CACD,CAOA,SAASsB,GAAsBtD,EAA8B,CAC5DA,EAAKuD,eAAc,CACpB,CAKA,SAASC,GAAiCpB,EAAyBJ,EAAuB,CACzF,IAAMyB,EAAiBrB,EAASsB,aAAc,EAAC,EAC/C,OAAOC,GAA8BF,EAAgBzB,CAAAA,CACtD,CAKA,SAAS2B,GAA8BvB,EAAyBJ,EAAyB4B,EAAoB,GAAK,CACjH,GAAM,CAAEvB,WAAAA,EAAYwB,UAAAA,CAAS,EAAKzB,EAElC,QAAYH,KAAqBD,EAAa,CAC7C,IAAM8B,EAAazB,EAAaA,EAAW0B,aAAc9B,CAAAA,EAAsB+B,OACzEC,EAAYJ,EAAYA,EAAUE,aAAc9B,CAAAA,EAAsB+B,OAE5E,GAAKJ,EAAAA,IAAcE,IAAeE,QAAaC,IAAcD,UAIxDC,IAAcH,EAClB,MAAO,EAET,CAEA,MAAO,EACR,CC1hBA,SAASI,GAAmBC,EAAsB,CACjD,OAAO,IAAIC,OAAQ,WAAYD,CAAAA,OAAuBA,CAAAA,OAAuBA,CAAAA,IAAmB,CACjG,CC/NO,SAASE,GACfjC,EACAkC,EACAzB,EACAlG,EAAY,CAEZ,OAAOA,EAAMkF,YACZ0C,GAAyBnC,EAAUkC,EAAezB,EAAO,GAAMlG,CAAAA,EAC/D4H,GAAyBnC,EAAUkC,EAAezB,EAAO,GAAOlG,CAAAA,CAAAA,CAElE,CAYO,SAAS4H,GACfnC,EACAkC,EACAzB,EACA2B,EACA7H,EAAY,CAIZ,IAAIqB,EAAOoE,EAASqC,WAAcD,EAAWpC,EAASC,WAAaD,EAASyB,WAExEa,EAAW,KAEf,KAAQ1G,GAAQA,EAAK+F,aAAcO,CAAAA,GAAmBzB,GACrD6B,EAAW1G,EACXA,EAAOwG,EAAWxG,EAAK2G,gBAAkB3G,EAAK4G,YAG/C,OAAOF,EAAW/H,EAAMkI,iBAAkBH,EAAUF,EAAW,SAAW,OAAA,EAAYpC,CACvF,CCzBO,SAAS0C,GACfC,EACAT,EACAU,EACAC,EAAiB,CAEjB,IAAM3G,EAAOyG,EAAOG,QAAQ5G,KACtB6G,EAAsB,IAAIC,IAGhC9G,EAAKnB,SAASkI,kBAAmB9C,GAAAA,CAChC,IAAMnF,EAAY2H,EAAOpI,MAAMQ,SAASC,UACpCkI,EAAU,GAEd,GAAKlI,EAAU8E,aAAcoC,CAAAA,EAAkB,CAC9C,IAAMiB,EAAalB,GAClBjH,EAAUoI,iBAAgB,EAC1BlB,EACAlH,EAAU2G,aAAcO,CAAAA,EACxBS,EAAOpI,KAAK,EAEP8I,EAAYV,EAAOG,QAAQnH,OAAO2H,YAAaH,CAAAA,EAIrD,QAAYvE,KAAQyE,EAAUE,SAAQ,EAChC3E,EAAK/C,GAAI,UAAW+G,CAAAA,GAAa,CAAChE,EAAK4E,SAAUX,CAAAA,IACrD1C,EAAOsD,SAAUZ,EAAWjE,CAAAA,EAC5BmE,EAAoBW,IAAK9E,CAAAA,EACzBsE,EAAU,GAGb,CAEA,OAAOA,CACR,CAAA,EAGAP,EAAOgB,WAAWC,IAAK,iBAAA,EAAoBF,IAAKG,GAAAA,CAE/CA,EAAWxH,GAAI,SAAUyH,EAAiB,CAAEnG,SAAU,SAAU,CAAA,EAChEkG,EAAWxH,GAAI,SAAUyH,EAAiB,CAAEnG,SAAU,SAAU,CAAA,EAChEkG,EAAWxH,GAAI,YAAayH,EAAiB,CAAEnG,SAAU,SAAU,CAAA,EACnEkG,EAAWxH,GAAI,YAAayH,EAAiB,CAAEnG,SAAU,SAAU,CAAA,EAEnE,SAASmG,GAAAA,CACR5H,EAAKgE,OAAQC,GAAAA,CACZ,QAAYvB,KAAQmE,EAAoBgB,OAAM,EAC7C5D,EAAO6D,YAAanB,EAAWjE,CAAAA,EAC/BmE,EAAoBjF,OAAQc,CAAAA,CAE9B,CAAA,CACD,CACD,CAAA,CACD,KbzDaqF,GCnBAC,GCMPC,GAcAC,GAQOC,GCPAC,GAuTPC,GCzUOC,GCSPC,GACAC,GACAC,GACAzH,GACAe,GACAC,GAOAR,GAyFOkH,GC3GAC,GCLAC,GEQAC,GC+HAC,GCnIPC,aZvBNC,IACAA,IACAA,KACAC,KCkCalB,GAAN,KAAMA,CAIZ,MAKA,MAKA,UAMA,MAKQmB,OAAuB,KAK/B,gBAKA,yBAOA,YAAa7K,EAAc8K,EAAgB,GAAK,CAC/C,KAAK9K,MAAQA,EACb,KAAK+K,MAAQ,EACb,KAAKD,MAAQA,EACb,KAAKE,UAAY,GAQjB,KAAKC,gBAAkB,CAAElJ,EAAKzB,IAAAA,CACxBA,EAAM4K,SAAW5K,EAAM6K,YAAc7K,IAAU,KAAKuK,QACxD,KAAKO,OAAQ,EAAA,CAEf,EAEA,KAAKC,yBAA2B,IAAA,CAC/B,KAAKD,OAAM,CACZ,EAEA,KAAKpL,MAAMQ,SAASsB,GAA8B,SAAU,KAAKmJ,eAAe,EAEhF,KAAKjL,MAAMQ,SAASC,UAAUqB,GAAuC,eAAgB,KAAKuJ,wBAAwB,EAClH,KAAKrL,MAAMQ,SAASC,UAAUqB,GAAuC,mBAAoB,KAAKuJ,wBAAwB,CACvH,CAMA,IAAW/K,OAAe,CACzB,OAAM,KAAKuK,SACV,KAAKA,OAAS,KAAK7K,MAAMsL,YAAa,CAAEC,SAAU,EAAK,CAAA,GAGjD,KAAKV,MACb,CAMA,IAAWW,MAAe,CACzB,OAAO,KAAKT,KACb,CAQOU,MAAOC,EAA4B,CACzC,KAAKX,OAASW,EAET,KAAKX,OAAS,KAAKD,OACvB,KAAKM,OAAQ,EAAA,CAEf,CAKA,IAAWO,UAAoB,CAC9B,OAAO,KAAKX,SACb,CAKA,MAAoB,CACnB,KAAKA,UAAY,EAClB,CAKA,QAAsB,CACrB,KAAKA,UAAY,EAClB,CAKA,SAAuB,CACtB,KAAKhL,MAAMQ,SAASoL,IAAK,SAAU,KAAKX,eAAe,EACvD,KAAKjL,MAAMQ,SAASC,UAAUmL,IAAK,eAAgB,KAAKP,wBAAwB,EAChF,KAAKrL,MAAMQ,SAASC,UAAUmL,IAAK,mBAAoB,KAAKP,wBAAwB,CACrF,CAOA,OAAgBQ,EAAsB,GAAc,EAC9C,CAAC,KAAKF,UAAYE,KACtB,KAAKhB,OAAS,KACd,KAAKE,MAAQ,EAEf,CACD,ECpKapB,GAAN,cAAgCmC,CAAAA,CAItC,QAQA,YAAa1D,EAAgB2D,EAAuB,CACnD,MAAO3D,CAAAA,EAEP,KAAK4D,QAAU,IAAItC,GAAoBtB,EAAOpI,MAAO+L,CAAAA,EAGrD,KAAKE,2BAA6B,EACnC,CAKA,IAAW9L,QAA6B,CACvC,OAAO,KAAK6L,OACb,CAKA,SAAgC,CAC/B,MAAME,QAAAA,EAEN,KAAKF,QAAQE,QAAO,CACrB,CAUA,QAAyBC,EAAoC,CAAA,EAAW,CACvE,IAAMnM,EAAQ,KAAKoI,OAAOpI,MACpBoM,EAAMpM,EAAMQ,SACZoE,EAAOuH,EAAQvH,MAAQ,GACvByH,EAAiBzH,EAAKd,OAExBrD,EAAqD2L,EAAI3L,UAS7D,GAPK0L,EAAQ1L,UACZA,EAAY0L,EAAQ1L,UACT0L,EAAQtL,QACnBJ,EAAYT,EAAMsM,gBAAiBH,EAAQtL,KAAK,GAI5C,CAACb,EAAMuM,UAAW9L,CAAAA,EACtB,OAGD,IAAM+L,EAAcL,EAAQK,YAE5BxM,EAAMK,cAAe,KAAK2L,QAAQ1L,MAAOsF,GAAAA,CACxC,KAAKoG,QAAQ5L,KAAI,EAIjB,IAAMqM,EAAsB5H,MAAMC,KAAMsH,EAAI3L,UAAU0F,cAAa,CAAA,EAEnEnG,EAAMO,cAAeE,CAAAA,EAEhBmE,GACJ5E,EAAM0M,cAAe9G,EAAO+G,WAAY/H,EAAM6H,CAAAA,EAAuBhM,CAAAA,EAGjE+L,EACJ5G,EAAOgH,aAAcJ,CAAAA,EACT/L,EAAUa,GAAI,mBAAA,GAC1BsE,EAAOgH,aAAcnM,CAAAA,EAGtB,KAAKuL,QAAQtL,OAAM,EAEnB,KAAKsL,QAAQP,MAAOY,CAAAA,CACrB,CAAA,CACD,CACD,ECpFMzC,GAAqB,CAO1B,aAIA,uBACA,EAEKC,GAA6B,CAC/BD,GAAAA,GACH,uBACA,EAKYE,GAAN,cAAiC+C,EAAAA,CAKvC,cAKA,YAAalL,EAAoB,CAChC,MAAOA,CAAAA,EAEP,KAAKmL,cAAgBnL,EAAKoL,YAAaC,EAAAA,EAKvC,IAAMC,EAAmBC,EAAIC,UAAYtD,GAA6BD,GAEhEwD,EAAezL,EAAKnB,SAE1B4M,EAAatL,GAA4B,cAAe,CAAEC,EAAKsB,IAAAA,CAC9D,GAAK,CAAC,KAAKnD,UACV,OAGD,GAAM,CAAEmD,KAAMuB,EAAMf,aAAAA,EAAcZ,UAAAA,EAAWhB,SAAAA,EAAUoL,YAAAA,CAAW,EAAKhK,EAEvE,GAAK,CAAC4J,EAAiBK,SAAUrK,CAAAA,EAChC,OAKD,KAAK6J,cAAcS,MAAK,EAExB,IAAMhL,EAAY,IAAIiL,GAAWJ,EAAc,YAAA,EAE/CA,EAAarK,KAAMR,EAAW,IAAIS,GAA0BrB,EAAMM,EAAU,CAC3E2C,KAAAA,EACAnE,UAAWkB,EAAK2K,gBAAiBzI,CAAAA,EACjCwJ,YAAAA,CACD,CAAA,CAAA,EAIK9K,EAAUiB,KAAKiK,QACnB1L,EAAIyB,KAAI,CAEV,CAAA,EAKM0J,EAAIC,WAITC,EAAatL,GAAqC,iBAAkB,CAAEC,EAAK,CAAEsB,KAAAA,EAAMpB,SAAAA,CAAQ,IAAE,CACtF,KAAK/B,WAKLmD,GAiBN+J,EAAarK,KAAM,aAAc,IAAIC,GAA0BrB,EAAMM,EAAU,CAC9E2C,KAAMvB,EACNgK,YAAa,EACd,CAAA,CAAA,CACD,EAAG,CAAEjK,SAAU,KAAM,CAAA,CAEvB,CAKOsK,SAAgB,CAAC,CAKjBC,eAAsB,CAAC,CAC/B,EC1Ga5D,GAAN,cAAoB6D,CAAAA,CAI1B,aAKA,WAAkBC,YAAa,CAC9B,MAAO,OACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAM1F,EAAS,KAAKA,OACdpI,EAAQoI,EAAOpI,MACf2B,EAAOyG,EAAOG,QAAQ5G,KACtBP,EAASgH,EAAOG,QAAQnH,OACxB2M,EAAiB/N,EAAMQ,SAASC,UAEtC,KAAKuN,aAAe,IAAIhE,GAAa5B,CAAAA,EAErCzG,EAAKsM,YAAanE,EAAAA,EAGlB,IAAM7J,EAAoB,IAAI0J,GAAmBvB,EAAQA,EAAO8F,OAAOC,IAAK,iBAAA,GAAuB,EAAA,EAGnG/F,EAAOgG,SAASjF,IAAK,aAAclJ,CAAAA,EACnCmI,EAAOgG,SAASjF,IAAK,QAASlJ,CAAAA,EAE9B,KAAKoO,SAAkC1M,EAAKnB,SAAU,cAAe,IAAA,CAGpE,KAAKwN,aAAaT,MAAO,kBAAA,CAC1B,EAAG,CAAEnK,SAAU,MAAO,CAAA,EAEtB,KAAKiL,SAAuC1M,EAAKnB,SAAU,aAAc,CAAEuB,EAAKsB,IAAAA,CAC/E,GAAM,CAAEuB,KAAAA,EAAMnE,UAAW6N,CAAa,EAAKjL,EAyB3C,GAtBK1B,EAAKnB,SAASC,UAAU8N,QAAUD,GAAiB3M,EAAKnB,SAASC,UAAU+N,UAAWF,CAAAA,GAC1FjL,EAAKuD,eAAc,EAiBf0H,GAAiBzJ,MAAMC,KAAMwJ,EAAcG,UAAS,CAAA,EAAKC,KAAM7N,GAAS,CAACA,EAAMuB,WAAW,GAC9FiB,EAAKuD,eAAc,EAGf,CAAC3G,EAAkBC,UAAY,CAQnCmD,EAAKuD,eAAc,EAEnB,MACD,CAEA,IAAI+H,EAGCL,EACJK,EAAc9J,MAAMC,KAAMwJ,EAAcG,UAAS,CAAA,EAC/CG,IAAK9F,GAAa1H,EAAOyN,aAAc/F,CAAAA,CAAAA,EACvC8F,IAAKhG,GAAckG,GAAsBlG,EAAY5I,EAAM8F,MAAM,GAAM8C,CAAAA,EAGzE+F,EAAc9J,MAAMC,KAAMiJ,EAAeU,UAAS,CAAA,EAGnD,IAAIM,EAAanK,EAIjB,GAAKsI,EAAIC,UAAY,CACpB,IAAM6B,EAAenK,MAAMC,KAAM6J,EAAa,CAAA,EAAI3F,SAAQ,CAAA,EAAKjE,OAAQ,CAAEC,EAAW3D,IAC5E2D,GAAc3D,EAAKC,GAAI,YAAA,EAAiBD,EAAKgC,KAAO,IACzD,EAAA,EAiBH,GAfK2L,IACCA,EAAalL,QAAUiL,EAAWjL,OACjCiL,EAAWE,WAAYD,CAAAA,IAC3BD,EAAaA,EAAWG,UAAWF,EAAalL,MAAM,EACpD6K,EAAa,CAAA,EAAahK,MAAQgK,EAAa,CAAA,EAAIhK,MAAMoC,aAAciI,EAAalL,MAAM,GAGxFkL,EAAaC,WAAYF,CAAAA,IAE3BJ,EAAa,CAAA,EAAahK,MAAQgK,EAAa,CAAA,EAAIhK,MAAMoC,aAAcgI,EAAWjL,MAAM,EAC1FiL,EAAa,KAKXA,EAAWjL,QAAU,GAAK6K,EAAa,CAAA,EAAIvM,YAQ/C,MAEF,CAGA,IAAM+M,EAAwC,CAC7CvK,KAAMmK,EACNtO,UAAWT,EAAMsM,gBAAiBqC,CAAAA,CACnC,EAqBA,KAAKX,aAAazH,KAAM4I,EAAaC,EAAS/L,EAAKgK,WAAW,EAEzDhK,EAAKpB,SAASoN,kBAClB,KAAKrB,aAAaT,MAAO,+BAAA,CAE3B,CAAA,EAGKL,EAAIC,UAIR,KAAKkB,SAAoC1M,EAAKnB,SAAU,UAAW,CAAEuB,EAAKsB,IAAAA,CACpE0K,EAAe3L,aAAeiB,EAAKrB,SAAW,KAAO,CAACL,EAAKnB,SAAS6M,aAgBzEtN,GAAwBC,EAAOC,CAAAA,CAChC,CAAA,EAIA,KAAKoO,SAA6C1M,EAAKnB,SAAU,mBAAoB,IAAA,CAC/EuN,EAAe3L,aAgBpBrC,GAAwBC,EAAOC,CAAAA,CAChC,EAAG,CAAEmD,SAAU,MAAO,CAAA,EAKvB,KAAKiL,SAAsC1M,EAAKnB,SAAU,YAAa,CAAEuB,EAAK,CAAEuN,UAAAA,CAAS,IAAE,CAE1F,GAAK,KAAKtB,aAAauB,oBAAmB,EACzC,OAAY,CAAElO,KAAAA,CAAI,IAAMiO,EAAY,CACnC,IAAME,EAActO,GAAwBG,EAAMD,CAAAA,EAC5CqO,EAAerO,EAAOI,eAAgBgO,CAAAA,EAE5C,GAAK,KAAKxB,aAAa0B,kBAAmBD,CAAAA,EAAiB,CAC1D,KAAKzB,aAAaT,MAAO,WAAA,EAEzB,MACD,CACD,CASF,CAAA,EAGA,KAAKc,SAA2C1M,EAAKnB,SAAU,iBAAkB,IAAA,CAChF,KAAKwN,aAAaT,MAAO,wBAAA,CAC1B,EAAG,CAAEnK,SAAU,MAAO,CAAA,EAOtB,KAAKiL,SAA2C1M,EAAKnB,SAAU,iBAAkB,IAAA,CAEhF,KAAKwN,aAAaT,MAAO,uBAAA,EAEzB,IAAM+B,EAAyC,CAAA,EAE/C,GAAK,KAAKtB,aAAauB,oBAAmB,EACzC,QAAYI,KAAW,KAAK3B,aAAa4B,sBAAqB,EAAK,CAClE,IAAMJ,EAAcpO,EAAOyO,cAAeF,CAAAA,EAEpCH,GAINF,EAAU/I,KAAM,CAAEuJ,KAAM,WAAYzO,KAAMmO,CAAY,CAAA,CACvD,EAiBIF,EAAUxL,QAAU,CAACoJ,EAAIC,YAQ7BxL,EAAKnB,SAASuC,KAAkC,YAAa,CAAEuM,UAAAA,CAAU,CAAA,CAM3E,EAAG,CAAElM,SAAU,QAAS,CAAA,CACzB,CAKA,SAAgC,CAC/B,MAAM8I,QAAAA,EAEN,KAAK8B,aAAa9B,QAAO,CAC1B,CACD,EAKMlC,GAAN,KAAMA,CAIL,OAKO+F,eAAiBC,GAAU,IAAM,KAAKzC,MAAO,SAAA,EAAa,EAAA,EAKzD0C,OAA8C,CAAA,EAK9CC,aAAe,GAKfC,kBAAoB,IAAI1H,IAKhC,YAAaL,EAAiB,CAC7B,KAAKA,OAASA,CACf,CAKA,SAAuB,CAItB,IAHA,KAAK2H,eAAeK,OAAM,EAC1B,KAAKD,kBAAkBE,MAAK,EAEpB,KAAKJ,OAAOnM,QACnB,KAAKwM,MAAK,CAEZ,CAKA,IAAWxM,QAAiB,CAC3B,OAAO,KAAKmM,OAAOnM,MACpB,CAKA,KAAaqL,EAAuC9B,EAA6B,CAChF,IAAMkD,EAAgD,CACrD3L,KAAMuK,EAAYvK,IACnB,EAEA,GAAKuK,EAAY1O,UAAY,CAC5B8P,EAAgBC,gBAAkB,CAAA,EAElC,QAAY3P,KAASsO,EAAY1O,UAAUgO,UAAS,EACnD8B,EAAgBC,gBAAgBjK,KAAMkK,GAAeC,UAAW7P,CAAAA,CAAAA,EAGhE,KAAKsP,kBAAkBhH,IAAKtI,EAAM8D,MAAMpD,MAAM,CAEhD,CAEA,KAAK0O,OAAO1J,KAAMgK,CAAAA,EAClB,KAAKL,eAAiB7C,EACtB,KAAK0C,eAAc,CACpB,CAKA,OAAyC,CACxC,IAAMQ,EAAkB,KAAKN,OAAOK,MAAK,EACnCnB,EAAwC,CAC7CvK,KAAM2L,EAAgB3L,IACvB,EAEA,GAAK2L,EAAgBC,gBAAkB,CACtC,IAAMG,EAASJ,EAAgBC,gBAC7B5B,IAAKhO,GAAaD,GAAiBC,CAAAA,CAAAA,EACnCgQ,OAAU/P,GAAgC,CAAC,CAACA,CAAAA,EAEzC8P,EAAO7M,SACXqL,EAAY1O,UAAY,KAAK2H,OAAOpI,MAAMsM,gBAAiBqE,CAAAA,EAE7D,CAEA,OAAOxB,CACR,CAOO5B,MAAOsD,EAAuB,CACpC,IAAMzI,EAAS,KAAKA,OACdpI,EAAQoI,EAAOpI,MACf2B,EAAOyG,EAAOG,QAAQ5G,KAI5B,GAFA,KAAKoO,eAAeK,OAAM,EAErB,CAAC,KAAKH,OAAOnM,OACjB,OAWD,IAAM3D,EADoBiI,EAAOgG,SAASD,IAAK,YAAA,EACdhO,OAEjCH,EAAMK,cAAeF,EAAOG,MAAO,IAAA,CAGlC,IAFAH,EAAOC,KAAI,EAEH,KAAK6P,OAAOnM,QAAS,CAC5B,IAAMqL,EAAc,KAAKmB,MAAK,EAa9BlI,EAAO0I,QAAS,aAAc3B,CAAAA,CAC/B,CAEAhP,EAAOO,OAAM,EAEP,KAAKwP,cAMV,KAAKC,kBAAkBE,MAAK,EAG7B,KAAKH,aAAe,EACrB,CAAA,EAEAvO,EAAKoP,qBAAoB,CAK1B,CAKOrB,kBAAmBC,EAAiC,CAC1D,OAAO,KAAKQ,kBAAkBa,IAAKrB,CAAAA,CACpC,CAKA,qBAAsC,CACrC,OAAO,KAAKQ,kBAAkB3E,KAAO,CACtC,CAKA,uBAAoD,CACnD,IAAMyF,EAASpM,MAAMC,KAAM,KAAKqL,iBAAiB,EAEjD,YAAKA,kBAAkBE,MAAK,EAErBY,CACR,CACD,ECtgBahH,GAAN,cAA4B6B,CAAAA,CAKlC,UAKA,QAQA,YAAa1D,EAAgBxF,EAAoC,CAChE,MAAOwF,CAAAA,EAEP,KAAKxF,UAAYA,EACjB,KAAKoJ,QAAU,IAAItC,GAAoBtB,EAAOpI,MAAOoI,EAAO8F,OAAOC,IAAK,iBAAA,CAAA,EAGxE,KAAKlC,2BAA6B,EACnC,CAKA,IAAW9L,QAA6B,CACvC,OAAO,KAAK6L,OACb,CAaA,QAAyBG,EAIrB,CAAA,EAAW,CACd,IAAMnM,EAAQ,KAAKoI,OAAOpI,MACpBoM,EAAMpM,EAAMQ,SAElBR,EAAMK,cAAe,KAAK2L,QAAQ1L,MAAOsF,GAAAA,CACxC,KAAKoG,QAAQ5L,KAAI,EAEjB,IAAMK,EAAYmF,EAAO0G,gBAAiBH,EAAQ1L,WAAa2L,EAAI3L,SAAS,EAG5E,GAAK,CAACT,EAAMuM,UAAW9L,CAAAA,EACtB,OAGD,IAAMyQ,EAAW/E,EAAQ+E,UAAY,EAO/BC,EAA0B1Q,EAAU2B,YAY1C,GATK3B,EAAU2B,aACdpC,EAAMoR,gBAAiB3Q,EAAW,CACjCmC,UAAW,KAAKA,UAChBF,KAAMyJ,EAAQzJ,KACd2O,uBAAwB,EACzB,CAAA,EAII,KAAKC,4CAA6CJ,CAAAA,EAAa,CACnE,KAAKK,mCAAoC3L,CAAAA,EAEzC,MACD,CAIA,GAAK,KAAK4L,sCAAuC/Q,EAAWyQ,CAAAA,EAAa,CACxE,KAAK9I,OAAO0I,QAAS,YAAa,CAAErQ,UAAAA,CAAU,CAAA,EAE9C,MACD,CAGA,GAAKA,EAAU2B,YACd,OAGD,IAAIsJ,EAAc,EAElBjL,EAAU6B,cAAa,EAAImP,qBAAoB,EAAGC,QAAS7Q,GAAAA,CAC1D6K,GAAevH,GACdtD,EAAMmD,UAAW,CAAEC,iBAAkB,GAAMC,iBAAkB,GAAMyN,QAAS,EAAK,CAAA,CAAA,CAEnF,CAAA,EAUA3R,EAAMO,cAAeE,EAAW,CAC/B0Q,wBAAAA,EACAvO,UAAW,KAAKA,SACjB,CAAA,EAEA,KAAKoJ,QAAQP,MAAOC,CAAAA,EAEpB9F,EAAOgH,aAAcnM,CAAAA,EAErB,KAAKuL,QAAQtL,OAAM,CACpB,CAAA,CACD,CAkBQ4Q,4CAA6CJ,EAA4B,CAEhF,GAAKA,EAAW,EACf,MAAO,GAGR,IAAMlR,EAAQ,KAAKoI,OAAOpI,MAEpBS,EADMT,EAAMQ,SACIC,UAChBmR,EAAe5R,EAAM8F,OAAO+L,gBAAiBpR,CAAAA,EAUnD,GAJK,EAFuBA,EAAU2B,aAAe3B,EAAUqR,sBAAuBF,CAAAA,IAMjF,CAAC5R,EAAM8F,OAAOiM,WAAYH,EAAc,WAAA,EAC5C,MAAO,GAGR,IAAMI,EAAyBJ,EAAaK,SAAU,CAAA,EAKtD,MAAKD,EAAAA,GAA0BA,EAAuB1Q,GAAI,UAAW,WAAA,EAKtE,CAOQiQ,mCAAoC3L,EAA4B,CACvE,IAAM5F,EAAQ,KAAKoI,OAAOpI,MAEpBS,EADMT,EAAMQ,SACIC,UAChBmR,EAAe5R,EAAM8F,OAAO+L,gBAAiBpR,CAAAA,EAC7CyR,EAAYtM,EAAOuM,cAAe,WAAA,EAExCvM,EAAOwM,OAAQxM,EAAOyM,cAAeT,CAAAA,CAAAA,EACrChM,EAAO0M,OAAQJ,EAAWN,CAAAA,EAE1BhM,EAAOgH,aAAcsF,EAAW,CAAA,CACjC,CASA,sCAA+CzR,EAA2ByQ,EAA4B,CACrG,IAAMlR,EAAQ,KAAKoI,OAAOpI,MAO1B,GAJKkR,EAAW,GAAK,KAAKtO,WAAa,YAIlC,CAACnC,EAAU2B,YACf,MAAO,GAGR,IAAMqD,EAAWhF,EAAUoI,iBAAgB,EACrC+I,EAAe5R,EAAM8F,OAAO+L,gBAAiBpM,CAAAA,EAC7CuM,EAAyBJ,EAAaK,SAAU,CAAA,EAmBtD,MAfKxM,EAAAA,EAASlE,QAAUyQ,GAKnB,CAACvR,EAAUqR,sBAAuBE,CAAAA,GAKlC,CAAChS,EAAM8F,OAAOiM,WAAYH,EAAc,WAAA,GAKxCI,EAAuBO,MAAQ,YAKrC,CACD,EC7OMrI,GAAmB,YACnBC,GAAc,OACdC,GAAoB,YACpBzH,GAAmB,YACnBe,GAAkB,WAClBC,GAAiB,UAOjBR,GAAsD,CAI3D5C,cAAe,CACdmC,KAAMC,GAINC,UAAWc,EACZ,EAEA8O,sBAAuB,CAetB9P,KAAM0H,GACNxH,UAAWc,EACZ,EAGA+O,mBAAoB,CACnB/P,KAAMyH,GACNvH,UAAWc,EACZ,EAEAgP,uBAAwB,CACvBhQ,KAAMC,GACNC,UAAWc,EACZ,EAEAiP,uBAAwB,CACvBjQ,KAAMC,GACNC,UAAWc,EACZ,EAMAkP,qBAAsB,CAUrBlQ,KAAMwH,GACNtH,UAAWe,EACZ,EAEAkP,kBAAmB,CAClBnQ,KAAMyH,GACNvH,UAAWe,EACZ,EAIAmP,sBAAuB,CACtBpQ,KAAMC,GACNC,UAAWe,EACZ,EAGAoP,sBAAuB,CACtBrQ,KAAMC,GACNC,UAAWe,EACZ,CACD,EAOa0G,GAAN,cAA6BwC,EAAAA,CAInC,YAAalL,EAAoB,CAChC,MAAOA,CAAAA,EAEP,IAAMnB,EAAWmB,EAAKnB,SAQlB0Q,EAAW,EAEf1Q,EAASsB,GAAI,UAAW,IAAA,CACvBoP,GACD,CAAA,EAEA1Q,EAASsB,GAAI,QAAS,IAAA,CACrBoP,EAAW,CACZ,CAAA,EAEA1Q,EAASsB,GAA4B,cAAe,CAAEC,EAAKsB,IAAAA,CAC1D,GAAK,CAAC,KAAKnD,UACV,OAGD,GAAM,CAAE2D,aAAAA,EAAc5B,SAAAA,EAAUgB,UAAAA,CAAS,EAAKI,EACxCH,EAAkBC,GAAoBF,CAAAA,EAE5C,GAAK,CAACC,EACL,OAGD,IAAMT,EAAuC,CAC5CG,UAAWM,EAAgBN,UAC3BF,KAAMQ,EAAgBR,KACtBwO,SAAAA,CACD,EAEKzO,EAAWC,MAAQC,KACvBF,EAAWK,kBAAoBnB,EAAK2K,gBAAiBzI,EAAc,CAAA,CAAG,GAKlEZ,IAAc,0BAEbiK,EAAIC,YACR1K,EAAWyO,SAAW,GAIlBtN,GAAuBC,CAAAA,IAC3BpB,EAAWC,KAAOC,GAClBF,EAAWK,kBAAoBnB,EAAK2K,gBAAiBzI,CAAAA,IAIvD,IAAMtB,EAAY,IAAIC,GAAmBhC,EAAU,SAAUqD,EAAc,CAAA,CAAG,EAE9ErD,EAASuC,KAAMR,EAAW,IAAIS,GAA0BrB,EAAMM,EAAUQ,CAAAA,CAAAA,EAInEF,EAAUiB,KAAKiK,QACnB1L,EAAIyB,KAAI,CAEV,CAAA,EAGK0J,EAAI8F,SACRvR,GAAwB,IAAI,CAE9B,CAKOiM,SAAgB,CAAC,CAKjBC,eAAsB,CAAC,CAC/B,ECnMarD,GAAN,cAAqBsD,CAAAA,CAI3B,iBAKA,WAAkBC,YAAa,CAC9B,MAAO,QACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAM1F,EAAS,KAAKA,OACdzG,EAAOyG,EAAOG,QAAQ5G,KACtByL,EAAezL,EAAKnB,SACpByS,EAAgB7K,EAAOpI,MAAMQ,SAEnCmB,EAAKsM,YAAa5D,EAAAA,EAElB,KAAK6I,iBAAmB,GAExB,IAAMC,EAAuB,IAAIlJ,GAAe7B,EAAQ,SAAA,EAGxDA,EAAOgG,SAASjF,IAAK,gBAAiBgK,CAAAA,EACtC/K,EAAOgG,SAASjF,IAAK,gBAAiBgK,CAAAA,EAEtC/K,EAAOgG,SAASjF,IAAK,SAAU,IAAIc,GAAe7B,EAAQ,UAAA,CAAA,EAE1D,KAAKiG,SAAmCjB,EAAc,SAAU,CAAErL,EAAKsB,IAAAA,CAGhE+J,EAAaC,aAClBhK,EAAKuD,eAAc,EAGpB,GAAM,CAAEhE,UAAAA,EAAWsO,SAAAA,EAAUpO,kBAAAA,EAAmBJ,KAAAA,CAAI,EAAKW,EACnD+P,EAAcxQ,IAAc,UAAY,gBAAkB,SAC1DuM,EAA2D,CAAE+B,SAAAA,CAAS,EAE5E,GAAKxO,GAAQ,YAAc,CAC1B,IAAMiM,EAAc9J,MAAMC,KAAMhC,EAAmB2L,UAAS,CAAA,EAC1DG,IAAK9F,GAAaV,EAAOG,QAAQnH,OAAOyN,aAAc/F,CAAAA,CAAAA,EACtD8F,IAAKhG,GAAckG,GAAsBlG,EAAYR,EAAOpI,MAAM8F,MAAM,GAAM8C,CAAAA,EAEhFuG,EAAY1O,UAAY2H,EAAOpI,MAAMsM,gBAAiBqC,CAAAA,CACvD,MACCQ,EAAYzM,KAAOA,EAGpB0F,EAAO0I,QAASsC,EAAajE,CAAAA,EAE7BxN,EAAKoP,qBAAoB,CAC1B,EAAG,CAAE3N,SAAU,KAAM,CAAA,EAGrB,KAAKiL,SAAoCjB,EAAc,UAAW,CAAErL,EAAKsB,IAAAA,CACxE,GACC+J,EAAaC,aACbhK,EAAKrB,SAAWsB,EAASG,WACzB,CAACwP,EAAcxS,UAAU2B,YAEzB,OAGD,IAAMiR,EAAgBjL,EAAOpI,MAAM8F,OAAO+L,gBAAiBoB,EAAcxS,SAAS,EAC5E6S,EAAqBlL,EAAOpI,MAAMkI,iBAAkBmL,EAAe,CAAA,EAEzE,GAAKC,EAAmBC,WAAYN,EAAcxS,UAAUoI,iBAAgB,CAAA,EAAQ,CAEnFxF,EAAKuD,eAAc,EAGnB,IAAMgC,EAAaR,EAAOpI,MAAM8F,OAAO0N,yBAA0BF,EAAoB,SAAA,EAErF,GAAK,CAAC1K,EACL,OAGD,IAAM0F,EAAgB3M,EAAK2K,gBAAiBlE,EAAOG,QAAQnH,OAAO2H,YAAaH,CAAAA,CAAAA,EACzEvG,EAAciM,EAAchM,cAAa,EAEzCC,EAAY,IAAIC,GAAmBhC,SAAU,SAAU6B,CAAAA,EACvDI,EAAuC,CAC5CC,KAAM,YACNE,UAAW,WACXE,kBAAmBwL,CACpB,EAEAlB,EAAarK,KAAMR,EAAW,IAAIS,GAA0BrB,EAAM0B,EAAKpB,SAAUQ,CAAAA,CAAAA,CAClF,CACD,CAAA,EAEK,KAAK2F,OAAOqL,QAAQzC,IAAK,aAAA,IAC7B,KAAK3C,SAAmCjB,EAAc,SAAU,CAAErL,EAAKsB,IAAAA,CACjE,KAAK6P,kBAAoB7P,EAAKT,WAAa,YAAcS,EAAK6N,UAAY,GAAK7N,EAAKX,MAAQ,cAChG,KAAKwQ,iBAAmB,GAExB9K,EAAO0I,QAAS,MAAA,EAEhBzN,EAAKuD,eAAc,EACnB7E,EAAIyB,KAAI,EAEV,EAAG,CAAEkQ,QAAS,UAAW,CAAA,EAEzB,KAAKrF,SAAU4E,EAAe,SAAU,IAAA,CACvC,KAAKC,iBAAmB,EACzB,CAAA,EAEF,CAOA,wBAAsC,CAChC,KAAK9K,OAAOqL,QAAQzC,IAAK,aAAA,IAC7B,KAAKkC,iBAAmB,GAE1B,CACD,EC1Ia3I,GAAN,cAAqBqD,CAAAA,CAC3B,WAAkB+F,UAAW,CAC5B,MAAO,CAAE5J,GAAOO,EAAQ,CACzB,CAKA,WAAkBuD,YAAa,CAC9B,MAAO,QACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,EEVatD,GAAN,cAA0CoJ,GAAAA,CAAAA,CAIhD,MAWA,aAKA,UAsBA,YAAa5T,EAAc6T,EAA4C,CACtE,MAAK,EAEL,KAAK7T,MAAQA,EACb,KAAK6T,aAAeA,EACpB,KAAKC,UAAY,GAEjB,KAAKC,IAAK,YAAa,EAAA,EAGvB,KAAKjS,GAA2B,mBAAoB,IAAA,CAC9C,KAAK5B,UACT,KAAK8T,gBAAe,GAEpB,KAAKC,cAAejU,EAAMQ,SAASC,SAAS,EAC5C,KAAKwT,cAAejU,EAAMQ,QAAQ,EAEpC,CAAA,EAEA,KAAKwT,gBAAe,CACrB,CAKA,IAAWE,UAAoB,CAC9B,OAAO,KAAKJ,SACb,CAKA,iBAAgC,CAE/B,IAAMtT,EADQ,KAAKR,MACIQ,SAEvB,KAAK6N,SAA6C7N,EAASC,UAAW,eAAgB,CAAEsB,EAAK,CAAEoS,aAAAA,CAAY,IAAE,CAE5G,GAAMA,EAKN,IAAK,CAAC3T,EAASC,UAAU2B,YAAc,CACjC,KAAK8R,WACT,KAAKnR,KAAM,WAAA,EACX,KAAK+Q,UAAY,IAGlB,MACD,CAEA,KAAKM,6BAA8B,WAAA,EACpC,CAAA,EAEA,KAAK/F,SAAoC7N,EAAU,cAAe,CAAEuB,EAAKzB,IAAAA,CACnEA,EAAM+T,QAAU,CAAC/T,EAAM4K,SAI5B,KAAKkJ,6BAA8B,OAAQ,CAAE9T,MAAAA,CAAM,CAAA,CACpD,CAAA,CACD,CAYA,6BAAsCgU,EAA8BjR,EAA0B,CAAA,EAAW,CACxG,IAAMrD,EAAQ,KAAKA,MAEbS,EADWT,EAAMQ,SACIC,UAErB8T,EAAuBvU,EAAMkF,YAAalF,EAAMkI,iBAAkBzH,EAAU+T,MAAOjT,OAAQ,CAAA,EAAKd,EAAU+T,KAAK,EAE/G,CAAE5P,KAAAA,EAAM/D,MAAAA,CAAK,EAAK6D,GAAiB6P,EAAsBvU,CAAAA,EAEzDyU,EAAa,KAAKZ,aAAcjP,CAAAA,EAQtC,GANK,CAAC6P,GAAc,KAAKP,UACxB,KAAKnR,KAAuC,WAAA,EAG7C,KAAK+Q,UAAY,CAAC,CAACW,EAEdA,EAAa,CACjB,IAAMC,EAAYC,OAAOC,OAAQvR,EAAM,CAAEuB,KAAAA,EAAM/D,MAAAA,CAAM,CAAA,EAGhD,OAAO4T,GAAc,UACzBE,OAAOC,OAAQF,EAAWD,CAAAA,EAG3B,KAAK1R,KAA+B,WAAYuR,CAAAA,GAAWI,CAAAA,CAC5D,CACD,CACD,ECjBajK,GAAN,cAAmCmD,CAAAA,CAIzC,WAMA,aAQQiH,iCAAmC,GAK3C,WAAkBhH,YAAa,CAC9B,MAAO,sBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,YAAa1F,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,KAAK/C,WAAa,IAAIoD,IACtB,KAAKqM,aAAe,IACrB,CAKA,MAAoB,CACnB,IAAM1M,EAAS,KAAKA,OACdpI,EAAQoI,EAAOpI,MACf2B,EAAOyG,EAAOG,QAAQ5G,KACtBoT,EAAS3M,EAAO2M,OAEhBhH,EAAiB/N,EAAMQ,SAASC,UAGtC,KAAK4N,SAAqC1M,EAAKnB,SAAU,WAAY,CAAEuB,EAAKsB,IAAAA,CAQ3E,GANK,CAAC0K,EAAe3L,aAMhBiB,EAAK2R,UAAY3R,EAAK4R,QAAU5R,EAAK6R,QACzC,OAGD,IAAMC,EAAoB9R,EAAKrB,SAAWsB,EAAS8R,WAC7CC,EAAmBhS,EAAKrB,SAAWsB,EAASgS,UAGlD,GAAK,CAACH,GAAqB,CAACE,EAC3B,OAGD,IAAME,EAAmBR,EAAOS,yBAC5BC,EAAoB,GAEnBF,IAAuB,OAASJ,GAAyBI,IAAqB,OAASF,EAC3FI,EAAoB,KAAKC,uBAAwBrS,CAAAA,EAEjDoS,EAAoB,KAAKE,wBAAyBtS,CAAAA,EAK9CoS,IAAsB,IAC1B1T,EAAIyB,KAAI,CAEV,EAAG,CAAEkQ,QAAS,QAAStQ,SAAU,SAAU,CAAA,EAG3C,KAAKiL,SAAkDN,EAAgB,eAAgB,CAAEhM,EAAKsB,IAAAA,CAI7F,GAAK,KAAKwR,iCAAmC,CAC5C,KAAKA,iCAAmC,GAExC,MACD,CAIM,KAAKe,uBAON,CAACvS,EAAK8Q,cAAgBnN,GAA8B+G,EAAelF,iBAAgB,EAAK,KAAKxD,UAAU,GAI5G,KAAKwQ,gBAAe,EACrB,CAAA,EAGA,KAAKC,yBAAwB,EAG7B,KAAKC,6CAA4C,EAGjD,KAAKC,8BAA6B,CACnC,CAOOC,kBAAmBC,EAA0B,CACnD,KAAK7Q,WAAW8D,IAAK+M,CAAAA,CACtB,CAUOR,uBAAwBhB,EAAgD,CAC9E,IAAMrP,EAAa,KAAKA,WAClBrF,EAAQ,KAAKoI,OAAOpI,MACpBS,EAAYT,EAAMQ,SAASC,UAC3BgF,EAAWhF,EAAUoI,iBAAgB,EAsB3C,OAXK,KAAK+M,sBAWLnQ,EAAS0Q,WAAa/Q,GAAiB3E,EAAW4E,CAAAA,EAC/C,GAUH2B,GAA8BvB,EAAUJ,CAAAA,GACvCqP,GACJ/N,GAAsB+N,CAAAA,EAStBtP,GAAiB3E,EAAW4E,CAAAA,GAC5B2B,GAA8BvB,EAAUJ,EAAY,EAAA,EAEpDqB,GAA0B1G,EAAOqF,CAAAA,EAEjC,KAAK+Q,iBAAgB,EAGf,IAGD,EACR,CAUOT,wBAAyBjB,EAAgD,CAC/E,IAAMrP,EAAa,KAAKA,WAClBrF,EAAQ,KAAKoI,OAAOpI,MACpBS,EAAYT,EAAMQ,SAASC,UAC3BgF,EAAWhF,EAAUoI,iBAAgB,EAU3C,OAAK,KAAK+M,sBACJlB,GACJ/N,GAAsB+N,CAAAA,EAGvB,KAAKmB,gBAAe,EAOf7O,GAA8BvB,EAAUJ,EAAY,EAAA,EACxDqB,GAA0B1G,EAAOqF,CAAAA,EAEjCG,GAAyCxF,EAAOqF,EAAYI,CAAAA,EAGtD,IAOFA,EAAS0Q,UACR/Q,GAAiB3E,EAAW4E,CAAAA,GAC3BqP,GACJ/N,GAAsB+N,CAAAA,EAGvBlP,GAAyCxF,EAAOqF,EAAYI,CAAAA,EAErD,IAGD,GAQP,CAACL,GAAiB3E,EAAW4E,CAAAA,GAC7B2B,GAA8BvB,EAAUJ,EAAY,EAAA,GAE/CqP,GACJ/N,GAAsB+N,CAAAA,EAGvBlP,GAAyCxF,EAAOqF,EAAYI,CAAAA,EAErD,IAYHoB,GAAiCpB,EAAUJ,CAAAA,EAO9CI,EAAS4Q,SACT,CAACjR,GAAiB3E,EAAW4E,CAAAA,GAC7B2B,GAA8BvB,EAAUJ,CAAAA,GAEnCqP,GACJ/N,GAAsB+N,CAAAA,EAGvBlP,GAAyCxF,EAAOqF,EAAYI,CAAAA,EAErD,KAMR,KAAKoP,iCAAmC,GACxC,KAAKuB,iBAAgB,EAKd,IAIF,EACR,CAWA,0BAAyC,CACxC,IAAMhO,EAAS,KAAKA,OACdpI,EAAQoI,EAAOpI,MACfS,EAAYT,EAAMQ,SAASC,UAC3BD,EAAW4H,EAAOG,QAAQ5G,KAAKnB,SAErC4H,EAAOG,QAAQ5G,KAAKsM,YAAaqI,EAAAA,EACjClO,EAAOG,QAAQ5G,KAAKsM,YAAasI,EAAAA,EAEjC,IAAIC,EAAU,GACVC,EAAU,GAGd,KAAKpI,SAAuC7N,EAAU,aAAc,IAAA,CACnEiW,EAAU,GACVD,EAAU,EACX,CAAA,EAOA,KAAKnI,SAAsC7N,EAAU,YAAa,IAAA,CACjEiW,EAAU,EACX,CAAA,EAGA,KAAKpI,SAAoD7N,EAAU,kBAAmB,IAAA,CACrF,IAAM6E,EAAa,KAAKA,WAgBxB,GAdK,CAACoR,GAAW,CAACD,IAKlBC,EAAU,GACVD,EAAU,GAGL,CAAC/V,EAAU2B,cAKX,CAACgD,GAAiB3E,EAAW4E,CAAAA,EACjC,OAGD,IAAMI,EAAWhF,EAAUoI,iBAAgB,EAErC7B,GAA8BvB,EAAUJ,CAAAA,IAS7CI,EAAS0Q,WACTnP,GAA8BvB,EAAUJ,EAAY,EAAA,EAEpDqB,GAA0B1G,EAAOqF,CAAAA,EAEvB,KAAKuQ,sBACf,KAAKQ,iBAAgB,EAEvB,CAAA,CACD,CAWA,8CAA6D,CAE5D,IAAMpW,EADS,KAAKoI,OACCpI,MACfS,EAAYT,EAAMQ,SAASC,UAC3B4E,EAAa,KAAKA,WAExB,KAAKgJ,SAAmCrO,EAAO,gBAAiB,IAAA,CAC/D,IAAMyF,EAAWhF,EAAUoI,iBAAgB,EAG1CzD,GAAiB3E,EAAW4E,CAAAA,GAC5B2B,GAA8BvB,EAAUJ,CAAAA,GAExCqB,GAA0B1G,EAAOqF,CAAAA,CAEnC,EAAG,CAAEjC,SAAU,KAAM,CAAA,CACtB,CAcA,+BAA8C,CAC7C,IAAMgF,EAAS,KAAKA,OACdpI,EAAQoI,EAAOpI,MACfS,EAAYT,EAAMQ,SAASC,UAC3BkB,EAAOyG,EAAOG,QAAQ5G,KAExB+U,EAAc,GACdC,EAA2B,GAG/B,KAAKtI,SAAmC1M,EAAKnB,SAAU,SAAU,CAAEuB,EAAKsB,IAAAA,CACvEqT,EAAcrT,EAAKT,YAAc,UAClC,EAAG,CAAEQ,SAAU,MAAO,CAAA,EAItB,KAAKiL,SAAmCrO,EAAO,gBAAiB,IAAA,CAC/D,GAAK,CAAC0W,EACL,OAGD,IAAMjR,EAAWhF,EAAUoI,iBAAgB,EAE3C8N,EAA2BvR,GAAiB3E,EAAW,KAAK4E,UAAU,GACrE,CAACwB,GAAiCpB,EAAU,KAAKJ,UAAU,CAC7D,EAAG,CAAEjC,SAAU,MAAO,CAAA,EAGtB,KAAKiL,SAAmCrO,EAAO,gBAAiB,IAAA,CACzD0W,IAINA,EAAc,GAGTC,CAAAA,GAKLvO,EAAOpI,MAAMK,cAAe,IAAA,CAC3B,IAAMoF,EAAWhF,EAAUoI,iBAAgB,EAG1CzD,GAAiB3E,EAAW,KAAK4E,UAAU,GAC3C2B,GAA8BvB,EAAU,KAAKJ,UAAU,IAElDI,EAAS0Q,WAAanP,GAA8BvB,EAAU,KAAKJ,WAAY,EAAA,EACnFqB,GAA0B1G,EAAO,KAAKqF,UAAU,EAEtC,KAAKuQ,sBACf,KAAKQ,iBAAgB,EAGxB,CAAA,EACD,EAAG,CAAEhT,SAAU,KAAM,CAAA,CACtB,CAKA,IAAYwS,sBAAgC,CAC3C,MAAO,CAAC,CAAC,KAAKd,YACf,CAQA,kBAAiC,CAChC,KAAKA,aAAe,KAAK1M,OAAOpI,MAAM2F,OAAQC,GACtCA,EAAOgR,yBAAwB,CACvC,CACD,CAOA,iBAAgC,CAC/B,KAAKxO,OAAOpI,MAAM2F,OAAQC,GAAAA,CACzBA,EAAOiR,wBAAyB,KAAK/B,YAAY,EACjD,KAAKA,aAAe,IACrB,CAAA,CACD,CACD,EC9pBMpK,GAAuE,CAE5EoM,UAAW,CAAEhS,KAAM,MAAOiS,GAAI,MAAI,EAClCC,oBAAqB,CAAElS,KAAM,MAAOiS,GAAI,MAAI,EAC5CE,UAAW,CAAEnS,KAAM,OAAQiS,GAAI,QAAI,EAGnCG,QAAS,CAAEpS,KAAM,qCAAsCiS,GAAI,CAAE,KAAM,OAAK,IAAM,CAAC,EAC/EI,SAAU,CAAErS,KAAM,qCAAsCiS,GAAI,CAAE,KAAM,SAAK,IAAM,CAAC,EAChFK,UAAW,CAAEtS,KAAM,qCAAsCiS,GAAI,CAAE,KAAM,SAAK,IAAM,CAAC,EACjFM,SAAU,CAAEvS,KAAM,qCAAsCiS,GAAI,CAAE,KAAM,OAAK,IAAM,CAAC,EAChFO,cAAe,CAAExS,KAAM,qCAAsCiS,GAAI,CAAE,KAAM,OAAK,IAAM,CAAC,EACrFQ,gBAAiB,CAAEzS,KAAM,KAAMiS,GAAI,QAAI,EACvCS,mBAAoB,CAAE1S,KAAM,KAAMiS,GAAI,QAAI,EAC1CU,SAAU,CAAE3S,KAAM,KAAMiS,GAAI,QAAI,EAChCW,UAAW,CAAE5S,KAAM,KAAMiS,GAAI,QAAI,EACjCY,WAAY,CAAE7S,KAAM,KAAMiS,GAAI,QAAI,EAGlCa,mBAAoB,CAAE9S,KAAM,MAAOiS,GAAI,QAAI,EAC3Cc,OAAQ,CAAE/S,KAAM,gBAAiBiS,GAAI,CAAE,KAAM,SAAK,IAAM,CAAC,EACzDe,OAAQ,CAAEhT,KAAM,iBAAkBiS,GAAI,CAAE,KAAM,SAAK,IAAM,CAAC,EAG1DgB,cAAe,CAAEjT,KAAMyC,GAAmB,GAAA,EAAOwP,GAAI,CAAE,KAAM,SAAK,KAAM,QAAK,CAAC,EAC9EiB,gBAAiB,CAAElT,KAAMyC,GAAmB,GAAA,EAAQwP,GAAI,CAAE,KAAM,SAAK,KAAM,QAAK,CAAC,EAGjFkB,kBAAmB,CAAEnT,KAAMyC,GAAmB,GAAA,EAAQwP,GAAI,CAAE,KAAM,SAAK,KAAM,QAAK,CAAC,EACnFmB,oBAAqB,CAAEpT,KAAMyC,GAAmB,GAAA,EAAOwP,GAAI,CAAE,KAAM,SAAK,KAAM,QAAK,CAAC,EAGpFoB,gBAAiB,CAAErT,KAAMyC,GAAmB,GAAA,EAAOwP,GAAI,CAAE,KAAM,SAAK,KAAM,QAAK,CAAC,EAChFqB,kBAAmB,CAAEtT,KAAMyC,GAAmB,GAAA,EAAQwP,GAAI,CAAE,KAAM,SAAK,KAAM,QAAK,CAAC,CACpF,mBGzDAsB,IACAA,KACAA,KACAA,qBIHAC,IACAA,OKiBO,SAASC,GAAkB,CACjCC,OAAAA,EAAQC,YAAAA,EAAaC,OAAAA,EAAQC,KAAAA,EAAMC,MAAAA,EAAOC,UAAAA,CAAS,EAQnD,CACA,OAA6EC,GAAAA,CAC5E,IAAMC,EAAUP,EAAOQ,SAASC,IAAKR,CAAAA,EAC/BS,EAAO,IAAIJ,EAAaN,EAAOW,MAAM,EAE3CD,OAAAA,EAAKE,IAAK,CACTR,MAAAA,EACAD,KAAAA,EACAE,UAAAA,EACAQ,aAAc,EACf,CAAA,EAEAH,EAAKI,KAAM,WAAA,EAAcC,GAAIR,EAAS,WAAA,EACtCG,EAAKI,KAAM,MAAA,EAASC,GAAIR,EAAS,OAAA,EAE5BG,aAAgBM,GACpBN,EAAKE,IAAK,CACTK,KAAM,kBACP,CAAA,EAEAP,EAAKE,IAAK,CACTM,QAAS,EACV,CAAA,EAIDhB,EAAOiB,SAAUT,EAAM,UAAW,IAAA,CACjCV,EAAOoB,QAASnB,CAAAA,EAChBD,EAAOqB,QAAQX,KAAKY,MAAK,CAC1B,CAAA,EAEOZ,CACR,CACD,KFvCaa,GCTPC,GAQOC,GENPD,GAKOE,GCGAC,GIVPC,GAQOC,GCNPD,GAKOE,GCGAC,GCVPC,GASOC,GCPPD,GAKOE,GCGAC,GOVPC,GAQOC,GCNPD,GAKOE,GCGAC,avBtBbC,IACAA,KACAA,KACAA,KCkBajB,GAAN,cAA+BkB,CAAAA,CAiBrC,aAKA,YAAazC,EAAgB0C,EAAuB,CACnD,MAAO1C,CAAAA,EAEP,KAAK0C,aAAeA,CACrB,CAKA,SAAgC,CAC/B,IAAMC,EAAQ,KAAK3C,OAAO2C,MACpBC,EAAMD,EAAME,SAElB,KAAKC,MAAQ,KAAKC,8BAA6B,EAC/C,KAAKC,UAAYL,EAAMM,OAAOC,0BAA2BN,EAAIO,UAAW,KAAKT,YAAY,CAC1F,CAsBA,QAAyBU,EAAoC,CAAA,EAAW,CACvE,IAAMT,EAAQ,KAAK3C,OAAO2C,MAEpBQ,EADMR,EAAME,SACIM,UAChBL,EAAUM,EAAQC,aAAeC,OAAc,CAAC,KAAKR,MAAQM,EAAQC,WAE3EV,EAAMY,OAAQC,GAAAA,CACb,GAAKL,EAAUM,YACTX,EACJU,EAAOE,sBAAuB,KAAKhB,aAAc,EAAA,EAEjDc,EAAOG,yBAA0B,KAAKjB,YAAY,MAE7C,CACN,IAAMkB,EAASjB,EAAMM,OAAOY,eAAgBV,EAAUW,UAAS,EAAI,KAAKpB,YAAY,EAEpF,QAAYqB,KAASH,EACfd,EACJU,EAAOQ,aAAc,KAAKtB,aAAcI,EAAOiB,CAAAA,EAE/CP,EAAOS,gBAAiB,KAAKvB,aAAcqB,CAAAA,CAG9C,CACD,CAAA,CACD,CAQA,+BAAiD,CAChD,IAAMpB,EAAQ,KAAK3C,OAAO2C,MACpBM,EAASN,EAAMM,OACfE,EAAYR,EAAME,SAASM,UAEjC,GAAKA,EAAUM,YACd,OAAON,EAAUe,aAAc,KAAKxB,YAAY,EAGjD,QAAYqB,KAASZ,EAAUW,UAAS,EACvC,QAAYK,KAAQJ,EAAMK,SAAQ,EACjC,GAAKnB,EAAOoB,eAAgBF,EAAM,KAAKzB,YAAY,EAClD,OAAOyB,EAAKD,aAAc,KAAKxB,YAAY,EAK9C,MAAO,EACR,CACD,ECxHMlB,GAAO,OAQAC,GAAN,cAA0B6C,CAAAA,CAIhC,WAAkBC,YAAa,CAC9B,MAAO,aACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMxE,EAAS,KAAKA,OACdyE,EAAI,KAAKzE,OAAOyE,EAGtBzE,EAAO2C,MAAMM,OAAOyB,OAAQ,QAAS,CAAEC,gBAAiBnD,EAAK,CAAA,EAC7DxB,EAAO2C,MAAMM,OAAO2B,uBAAwBpD,GAAM,CACjDqD,aAAc,GACdC,YAAa,EACd,CAAA,EAGA9E,EAAO+E,WAAWC,mBAAoB,CACrCrC,MAAOnB,GACPd,KAAM,SACNuE,WAAY,CACX,IACAC,GAAAA,CACC,IAAMC,EAAaD,EAAYE,SAAU,aAAA,EAEzC,OAAMD,IAKDA,GAAc,QAAUE,OAAQF,CAAAA,GAAgB,KAC7C,CACNG,KAAM,GACNC,OAAQ,CAAE,aAAe,CAC1B,EARO,IAYT,CACA,CACF,CAAA,EAGAvF,EAAOQ,SAASgF,IAAKhE,GAAM,IAAID,GAAkBvB,EAAQwB,EAAAA,CAAAA,EAGzDxB,EAAOyF,WAAW7E,IAAK,SAAUY,EAAAA,EAGjCxB,EAAO0F,cAAcC,kBAAmB,CACvCF,WAAY,CACX,CACCrF,MAAOqE,EAAG,WAAA,EACVpE,UAAW,QACZ,CACA,CACF,CAAA,CACD,CACD,EE7EMmB,GAAO,OAKAE,GAAN,cAAqB4C,CAAAA,CAI3B,WAAkBC,YAAa,CAC9B,MAAO,QACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMxE,EAAS,KAAKA,OACdyE,EAAIzE,EAAOW,OAAO8D,EAClBmB,EAAe7F,GAAkB,CACtCC,OAAAA,EACAC,YAAauB,GACbtB,OAAQ,KACRC,KAAM0F,GACNzF,MAAOqE,EAAG,MAAA,EACVpE,UAAW,QACZ,CAAA,EAGAL,EAAO8F,GAAGC,iBAAiBP,IAAKhE,GAAM,IAAMoE,EAAcI,CAAAA,CAAAA,EAC1DhG,EAAO8F,GAAGC,iBAAiBP,IAAK,WAAahE,GAAM,IAAMoE,EAAc5E,EAAAA,CAAAA,CACxE,CACD,EC/BaW,GAAN,cAAmB2C,CAAAA,CAIzB,WAAkB2B,UAAW,CAC5B,MAAO,CAAExE,GAAaC,EAAQ,CAC/B,CAKA,WAAkB6C,YAAa,CAC9B,MAAO,MACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,EI/BM5C,GAAS,SAQFC,GAAN,cAA4ByC,CAAAA,CAIlC,WAAkBC,YAAa,CAC9B,MAAO,eACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMxE,EAAS,KAAKA,OACdyE,EAAI,KAAKzE,OAAOyE,EAGtBzE,EAAO2C,MAAMM,OAAOyB,OAAQ,QAAS,CAAEC,gBAAiB/C,EAAO,CAAA,EAC/D5B,EAAO2C,MAAMM,OAAO2B,uBAAwBhD,GAAQ,CACnDiD,aAAc,GACdC,YAAa,EACd,CAAA,EAEA9E,EAAO+E,WAAWC,mBAAoB,CACrCrC,MAAOf,GACPlB,KAAM,IACNuE,WAAY,CACX,KACA,CACCM,OAAQ,CACP,aAAc,QACf,CACD,CACA,CACF,CAAA,EAGAvF,EAAOQ,SAASgF,IAAK5D,GAAQ,IAAIL,GAAkBvB,EAAQ4B,EAAAA,CAAAA,EAG3D5B,EAAOyF,WAAW7E,IAAK,SAAUgB,EAAAA,EAGjC5B,EAAO0F,cAAcC,kBAAmB,CACvCF,WAAY,CACX,CACCrF,MAAOqE,EAAG,aAAA,EACVpE,UAAW,QACZ,CACA,CACF,CAAA,CACD,CACD,EChEMuB,GAAS,SAKFE,GAAN,cAAuBwC,CAAAA,CAI7B,WAAkBC,YAAa,CAC9B,MAAO,UACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMxE,EAAS,KAAKA,OACdyE,EAAIzE,EAAOW,OAAO8D,EAClBmB,EAAe7F,GAAkB,CACtCC,OAAAA,EACAC,YAAa2B,GACb1B,OAAQ,KACRC,KAAM+F,GACN7F,UAAW,SACXD,MAAOqE,EAAG,QAAA,CACX,CAAA,EAGAzE,EAAO8F,GAAGC,iBAAiBP,IAAK5D,GAAQ,IAAMgE,EAAcI,CAAAA,CAAAA,EAC5DhG,EAAO8F,GAAGC,iBAAiBP,IAAK,WAAa5D,GAAQ,IAAMgE,EAAc5E,EAAAA,CAAAA,CAC1E,CACD,EC/Bae,GAAN,cAAqBuC,CAAAA,CAI3B,WAAkB2B,UAAW,CAC5B,MAAO,CAAEpE,GAAeC,EAAU,CACnC,CAKA,WAAkByC,YAAa,CAC9B,MAAO,QACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,EC/BMxC,GAAgB,gBASTC,GAAN,cAAmCqC,CAAAA,CAIzC,WAAkBC,YAAa,CAC9B,MAAO,sBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMxE,EAAS,KAAKA,OACdyE,EAAI,KAAKzE,OAAOyE,EAGtBzE,EAAO2C,MAAMM,OAAOyB,OAAQ,QAAS,CAAEC,gBAAiB3C,EAAc,CAAA,EACtEhC,EAAO2C,MAAMM,OAAO2B,uBAAwB5C,GAAe,CAC1D6C,aAAc,GACdC,YAAa,EACd,CAAA,EAEA9E,EAAO+E,WAAWC,mBAAoB,CACrCrC,MAAOX,GACPtB,KAAM,IACNuE,WAAY,CACX,MACA,SACA,CACCM,OAAQ,CACP,kBAAmB,cACpB,CACD,CACA,CACF,CAAA,EAGAvF,EAAOQ,SAASgF,IAAKxD,GAAe,IAAIT,GAAkBvB,EAAQgC,EAAAA,CAAAA,EAGlEhC,EAAOyF,WAAW7E,IAAK,eAAgB,eAAA,EAGvCZ,EAAO0F,cAAcC,kBAAmB,CACvCF,WAAY,CACX,CACCrF,MAAOqE,EAAG,oBAAA,EACVpE,UAAW,cACZ,CACA,CACF,CAAA,CACD,CACD,EClEM2B,GAAgB,gBAKTE,GAAN,cAA8BoC,CAAAA,CAIpC,WAAkBC,YAAa,CAC9B,MAAO,iBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMxE,EAAS,KAAKA,OACdyE,EAAIzE,EAAOW,OAAO8D,EAClBmB,EAAe7F,GAAkB,CACtCC,OAAAA,EACAC,YAAa+B,GACb9B,OAAQ,KACRC,KAAMgG,GACN9F,UAAW,eACXD,MAAOqE,EAAG,eAAA,CACX,CAAA,EAGAzE,EAAO8F,GAAGC,iBAAiBP,IAAKxD,GAAe,IAAM4D,EAAcI,CAAAA,CAAAA,EACnEhG,EAAO8F,GAAGC,iBAAiBP,IAAK,WAAaxD,GAAe,IAAM4D,EAAc5E,EAAAA,CAAAA,CACjF,CACD,EC/BamB,GAAN,cAA4BmC,CAAAA,CAIlC,WAAkB2B,UAAW,CAC5B,MAAO,CAAEhE,GAAsBC,EAAiB,CACjD,CAKA,WAAkBqC,YAAa,CAC9B,MAAO,eACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,EO/BMpC,GAAY,YAQLC,GAAN,cAA+BiC,CAAAA,CAIrC,WAAkBC,YAAa,CAC9B,MAAO,kBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMxE,EAAS,KAAKA,OACdyE,EAAI,KAAKzE,OAAOyE,EAGtBzE,EAAO2C,MAAMM,OAAOyB,OAAQ,QAAS,CAAEC,gBAAiBvC,EAAU,CAAA,EAClEpC,EAAO2C,MAAMM,OAAO2B,uBAAwBxC,GAAW,CACtDyC,aAAc,GACdC,YAAa,EACd,CAAA,EAEA9E,EAAO+E,WAAWC,mBAAoB,CACrCrC,MAAOP,GACP1B,KAAM,IACNuE,WAAY,CACXM,OAAQ,CACP,kBAAmB,WACpB,CACD,CACD,CAAA,EAGAvF,EAAOQ,SAASgF,IAAKpD,GAAW,IAAIb,GAAkBvB,EAAQoC,EAAAA,CAAAA,EAG9DpC,EAAOyF,WAAW7E,IAAK,SAAU,WAAA,EAGjCZ,EAAO0F,cAAcC,kBAAmB,CACvCF,WAAY,CACX,CACCrF,MAAOqE,EAAG,gBAAA,EACVpE,UAAW,QACZ,CACA,CACF,CAAA,CACD,CACD,EC7DM+B,GAAY,YAKLE,GAAN,cAA0BgC,CAAAA,CAIhC,WAAkBC,YAAa,CAC9B,MAAO,aACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMxE,EAAS,KAAKA,OACdyE,EAAIzE,EAAOW,OAAO8D,EAClBmB,EAAe7F,GAAkB,CACtCC,OAAAA,EACAC,YAAamC,GACblC,OAAQ,KACRC,KAAMiG,GACNhG,MAAOqE,EAAG,WAAA,EACVpE,UAAW,QACZ,CAAA,EAGAL,EAAO8F,GAAGC,iBAAiBP,IAAKpD,GAAW,IAAMwD,EAAcI,CAAAA,CAAAA,EAC/DhG,EAAO8F,GAAGC,iBAAiBP,IAAK,WAAapD,GAAW,IAAMwD,EAAc5E,EAAAA,CAAAA,CAC7E,CACD,EC/BauB,GAAN,cAAwB+B,CAAAA,CAI9B,WAAkB2B,UAAW,CAC5B,MAAO,CAAE5D,GAAkBC,EAAa,CACzC,CAKA,WAAkBiC,YAAa,CAC9B,MAAO,WACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,IEtBO,SAAU6B,GAChBC,EACAC,EAA4C,CAE5C,QAAYC,KAAaD,EACnBC,GAAaF,EAAOG,uBAAwBD,EAAW,CAAA,CAAG,EAAGE,cACjE,MAAMF,EAGT,CC2FA,SAASG,GAAYC,EAAqBC,EAAuB,CAChED,EAAOE,MAAOD,CAAAA,EACdD,EAAOG,aAAcF,EAASG,OAAOC,YAAc,CAAA,CACpD,CG7DA,SAASC,GAAWZ,EAAqBa,EAAiC,CAGzE,GAAKA,EAAUC,WAAa,EAC3B,MAAO,GAGR,IAAMC,EAAYF,EAAUG,OAG5B,GAAK,CAACD,GAAa,CAACf,EAAOiB,WAAYF,EAAW,WAAA,EACjD,MAAO,GAGR,IAAMG,EAAQL,EAAUM,cAAa,EAC/BC,EAAeF,EAAMG,MAAMX,OAC3BY,EAAaJ,EAAMK,IAAIb,OAG7B,MAAOc,GAAAA,GAAsBJ,EAAcpB,CAAAA,GAAYwB,GAAsBF,EAAYtB,CAAAA,IAAcoB,IAAiBE,EAKzH,CAKA,SAASG,GAAiBC,EAAcpB,EAAqBO,EAAiC,CAC7F,IAAMc,EAAmBd,EAAUe,YAC7BV,EAAQL,EAAUM,cAAa,EAC/BC,EAAeF,EAAMG,MAAMX,OAC3BY,EAAaJ,EAAMK,IAAIb,OACvBmB,EAAgCT,GAAgBE,EAEtD,GAAKK,EAAmB,CACvB,IAAMG,EAAmB/B,GAA0B2B,EAAM1B,OAAQa,EAAUkB,cAAa,CAAA,EAExFC,GAAaN,EAAOpB,EAAQY,EAAMK,GAAG,EAErCjB,EAAO2B,yBAA0BpB,EAAUqB,iBAAgB,CAAA,EAC3D5B,EAAO6B,sBAAuBL,CAAAA,CAC/B,KAAO,CACN,IAAMM,EAAgB,EAAGlB,EAAMG,MAAMgB,WAAanB,EAAMK,IAAIe,SAE5DZ,EAAMa,cAAe1B,EAAW,CAAEuB,cAAAA,CAAc,CAAA,EAK3CP,EACJG,GAAaN,EAAOpB,EAAQO,EAAU2B,KAAK,EActCJ,GACJ9B,EAAOG,aAAca,EAAY,CAAA,CAGpC,CACD,CAEA,SAASU,GAAaN,EAAcpB,EAAqBmC,EAAuB,CAC/E,IAAMC,EAAmBpC,EAAOqC,cAAe,WAAA,EAE/CjB,EAAMkB,cAAeF,EAAkBD,CAAAA,EACvCnC,EAAOG,aAAciC,EAAkB,OAAA,CACxC,CASA,SAASlB,GAAsBqB,EAAuB7C,EAAmB,CAExE,OAAK6C,EAAQC,GAAI,aAAA,EACT,GAGD9C,EAAO+C,QAASF,CAAAA,GAAarB,GAAsBqB,EAAQnC,OAAwBV,CAAAA,CAC3F,KHxIagD,GCAPC,GAQOC,GCTAC,GCKAC,GCLAC,aNpBbC,IACAA,KACAA,IEmBaN,GAAN,cAA2BO,CAAAA,CAIjC,SAAgC,CAC/B,KAAKC,OAAO9B,MAAM+B,OAAQnD,GAAAA,CACzB,KAAKoD,WAAYpD,CAAAA,EACjB,KAAKqD,KAAqC,eAAgB,CAAErD,OAAAA,CAAO,CAAA,CACpE,CAAA,CACD,CAwBOoD,WAAYpD,EAA+B,CACjD,IAAMoB,EAAQ,KAAK8B,OAAO9B,MACpBb,EAAYa,EAAMkC,SAAS/C,UAC3Bb,EAAS0B,EAAM1B,OACf2B,EAAmBd,EAAUe,YAC7BV,EAAQL,EAAUM,cAAa,EAC/BC,EAAeF,EAAMG,MAAMX,OAC3BY,EAAaJ,EAAMK,IAAIb,OAG7B,GAAKV,EAAO+C,QAAS3B,CAAAA,GAAkBpB,EAAO+C,QAASzB,CAAAA,EAKtD,MAAK,CAACK,GAAoBP,GAAgBE,GACzCI,EAAMa,cAAe1B,CAAAA,EAGf,GAGR,GAAKc,EAAmB,CACvB,IAAMG,EAAmB/B,GAA0BO,EAAOoB,MAAM1B,OAAQa,EAAUkB,cAAa,CAAA,EAE/F1B,OAAAA,GAAYC,EAAQY,EAAMG,KAAK,EAC/Bf,EAAO6B,sBAAuBL,CAAAA,EAEvB,EACR,KAAO,CACN,IAAMM,EAAgB,EAAGlB,EAAMG,MAAMgB,WAAanB,EAAMK,IAAIe,SACtDT,EAAgCT,GAAgBE,EAItD,GAFAI,EAAMa,cAAe1B,EAAW,CAAEuB,cAAAA,CAAc,CAAA,EAE3CA,EAAgB,CAIpB,GAAKP,EACJxB,OAAAA,GAAYC,EAAQO,EAAU2B,KAAK,EAE5B,GAMPlC,EAAOG,aAAca,EAAY,CAAA,CAEnC,CACD,CAEA,MAAO,EACR,CACD,ECxFM2B,GAAyD,CAC9DY,gBAAiB,CAAEC,OAAQ,EAAM,EACjCC,gBAAiB,CAAED,OAAQ,EAAK,CACjC,EAKaZ,GAAN,cAA4Bc,EAAAA,CAIlC,YAAaC,EAAoB,CAChC,MAAOA,CAAAA,EAEP,IAAMC,EAAM,KAAKN,SACbO,EAAe,GAEnBD,EAAIE,GAA8B,UAAW,CAAEC,EAAKC,IAAAA,CACnDH,EAAeG,EAAKC,QACrB,CAAA,EAEAL,EAAIE,GAA4B,cAAe,CAAEC,EAAKC,IAAAA,CACrD,GAAK,CAAC,KAAK1D,UACV,OAGD,IAAI4D,EAAYF,EAAKE,UAGhBC,EAAIC,UAAYP,GAAgBK,GAAa,oBACjDA,EAAY,mBAGb,IAAMG,EAAWL,EAAKK,SAChBC,EAAiB3B,GAAmBuB,CAAAA,EAE1C,GAAK,CAACI,EACL,OAGD,IAAMC,EAAQ,IAAIC,GAAmBZ,EAAK,QAASI,EAAKS,aAAc,CAAA,CAAG,EAEzEb,EAAIP,KAAMkB,EAAO,IAAIG,GAA0Bf,EAAMU,EAAU,CAC9Db,OAAQc,EAAed,MACxB,CAAA,CAAA,EAIKe,EAAMI,KAAKC,QACfb,EAAIY,KAAI,CAEV,CAAA,CACD,CAKOE,SAAgB,CAAC,CAKjBC,eAAsB,CAAC,CAC/B,ECjEajC,GAAN,cAAoBkC,CAAAA,CAI1B,WAAkBC,YAAa,CAC9B,MAAO,OACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAEOC,MAAa,CACnB,IAAMhC,EAAS,KAAKA,OACdS,EAAOT,EAAOiC,QAAQxB,KACtByB,EAAezB,EAAKL,SACpB+B,EAAI,KAAKnC,OAAOmC,EAEtB1B,EAAK2B,YAAa1C,EAAAA,EAElBM,EAAOqC,SAASC,IAAK,QAAS,IAAI9C,GAAcQ,CAAAA,CAAAA,EAEhD,KAAKuC,SAAkCL,EAAc,QAAS,CAAErB,EAAKC,IAAAA,CAG9DoB,EAAaM,aAClB1B,EAAK2B,eAAc,EAIf3B,CAAAA,EAAKR,SAIVN,EAAO0C,QAAS,OAAA,EAEhBjC,EAAKkC,qBAAoB,EAC1B,EAAG,CAAEC,SAAU,KAAM,CAAA,EAGrB5C,EAAO6C,cAAcC,kBAAmB,CACvCC,WAAY,CACX,CACCC,MAAOb,EAAG,uCAAA,EACVc,UAAW,OACZ,CACA,CACF,CAAA,CACD,CACD,EC/CarD,GAAN,cAAgCG,CAAAA,CAItC,SAAgC,CAC/B,IAAM7B,EAAQ,KAAK8B,OAAO9B,MACpBwC,EAAMxC,EAAMkC,SAElBlC,EAAM+B,OAAQnD,GAAAA,CACbmB,GAAiBC,EAAOpB,EAAQ4D,EAAIrD,SAAS,EAC7C,KAAK8C,KAA0C,eAAgB,CAAErD,OAAAA,CAAO,CAAA,CACzE,CAAA,CACD,CAKA,SAAgC,CAC/B,IAAMoB,EAAQ,KAAK8B,OAAO9B,MACpBwC,EAAMxC,EAAMkC,SAElB,KAAKhD,UAAYA,GAAWc,EAAM1B,OAAQkE,EAAIrD,SAAS,CACxD,CACD,EC5BawC,GAAN,cAAyBgC,CAAAA,CAI/B,WAAkBC,YAAa,CAC9B,MAAO,YACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAEOC,MAAa,CACnB,IAAMhC,EAAS,KAAKA,OACdxD,EAASwD,EAAO9B,MAAM1B,OACtB0G,EAAalD,EAAOkD,WACpBzC,EAAOT,EAAOiC,QAAQxB,KACtByB,EAAezB,EAAKL,SACpB+B,EAAI,KAAKnC,OAAOmC,EAGtB3F,EAAO2G,SAAU,YAAa,CAC7BC,WAAY,QACZC,SAAU,EACX,CAAA,EAGAH,EAAWI,IAAK,QAAA,EACdC,iBAAkB,CAClBrF,MAAO,YACPuC,KAAM,IACP,CAAA,EAEDyC,EAAWI,IAAK,UAAA,EACdC,iBAAkB,CAClBrF,MAAO,YACPuC,KAAM,CAAE+C,EAAc,CAAE1G,OAAAA,CAAM,IAAQA,EAAO2G,mBAAoB,IAAA,CAClE,CAAA,EAEDhD,EAAK2B,YAAa1C,EAAAA,EAElBM,EAAOqC,SAASC,IAAK,aAAc,IAAI1C,GAAmBI,CAAAA,CAAAA,EAE1D,KAAKuC,SAAkCL,EAAc,QAAS,CAAErB,EAAKC,IAAAA,CAG9DoB,EAAaM,aAClB1B,EAAK2B,eAAc,EAId3B,EAAKR,SAIXN,EAAO0C,QAAS,YAAA,EAChBjC,EAAKkC,qBAAoB,EAC1B,EAAG,CAAEC,SAAU,KAAM,CAAA,EAGrB5C,EAAO6C,cAAcC,kBAAmB,CACvCC,WAAY,CACX,CACCC,MAAOb,EAAG,yDAAA,EACVc,UAAW,aACZ,CACA,CACF,CAAA,CACD,CACD,IEqFA,SAASS,GAAWC,EAA+C,CAClE,OAAOA,EAAkBC,OAAQC,MAAQ,aAAeF,EAAkBC,OAAS,IACpF,CASA,SAASE,GAAwBC,EAAqBC,EAA2B,CAChF,IAAIC,EACAC,EAAI,EACFC,EAAS,CAAA,EAEf,KAAQD,EAAIF,EAAOI,QAAS,CAC3B,IAAMC,EAAQL,EAAQE,CAAAA,EAChBI,EAAYN,EAAQE,EAAI,CAAA,EAExBD,IACLA,EAAgBF,EAAOQ,qBAAsBF,CAAAA,IAGzC,CAACC,GAAaD,EAAMG,aAAeF,KACvCH,EAAOM,KAAMV,EAAOW,YAAaT,EAAeF,EAAOY,oBAAqBN,CAAAA,CAAAA,CAAAA,EAC5EJ,EAAgB,MAGjBC,GACD,CAEA,OAAOC,CACR,CAKA,SAASS,GAAkBC,EAAqBR,EAAmB,CAElE,IAAMS,EAAcD,EAAOE,WAAYV,EAAMT,OAAwB,YAAA,EAC/DoB,EAAqBH,EAAOE,WAAY,CAAE,QAAS,YD1DtD,EC0DsEV,CAAAA,EAEzE,OAAOS,GAAeE,CACvB,KA3MaC,GCIAC,GCAAC,GCEAC,aJxBbC,IACAA,KACAA,KACAA,IACAA,KACAA,KCaaJ,GAAN,cAAgCK,CAAAA,CAYtC,SAAgC,CAC/B,KAAKC,MAAQ,KAAKC,UAAS,EAC3B,KAAKC,UAAY,KAAKC,cAAa,CACpC,CAYA,QAAyBC,EAAoC,CAAA,EAAW,CACvE,IAAMC,EAAQ,KAAKC,OAAOD,MACpBf,EAASe,EAAMf,OACfiB,EAAYF,EAAMG,SAASD,UAE3B9B,EAASgC,MAAMC,KAAMH,EAAUI,kBAAiB,CAAA,EAEhDX,EAAUI,EAAQQ,aAAeC,OAAc,CAAC,KAAKb,MAAQI,EAAQQ,WAE3EP,EAAMS,OAAQtC,GAAAA,CACb,GAAK,CAACwB,EACL,KAAKe,aAAcvC,EAAQC,EAAOuC,OAAQ7C,EAAAA,CAAAA,MACpC,CACN,IAAM8C,EAAgBxC,EAAOuC,OAAQlC,GAG7BX,GAAWW,CAAAA,GAAWO,GAAkBC,EAAQR,CAAAA,CACxD,EAEA,KAAKoC,YAAa1C,EAAQyC,CAAAA,CAC3B,CACD,CAAA,CACD,CAKA,WAA6B,CAC5B,IAAMV,EAAY,KAAKD,OAAOD,MAAMG,SAASD,UAEvCY,EAAaC,GAAOb,EAAUI,kBAAiB,CAAA,EAGrD,MAAO,CAAC,EAAGQ,GAAchD,GAAWgD,CAAAA,EACrC,CAOA,eAAiC,CAChC,GAAK,KAAKnB,MACT,MAAO,GAGR,IAAMO,EAAY,KAAKD,OAAOD,MAAMG,SAASD,UACvCjB,EAAS,KAAKgB,OAAOD,MAAMf,OAE3B6B,EAAaC,GAAOb,EAAUI,kBAAiB,CAAA,EAErD,OAAMQ,EAIC9B,GAAkBC,EAAQ6B,CAAAA,EAHzB,EAIT,CASA,aAAsB3C,EAAqBC,EAAoC,CAE9EF,GAAwBC,EAAQC,CAAAA,EAAS4C,QAAO,EAAGC,QAASC,GAAAA,CAC3D,GAAKA,EAAWC,MAAMC,WAAaF,EAAWG,IAAIC,QAAU,CAC3DnD,EAAOoD,OAAQL,EAAWC,MAAMnD,MAAM,EAEtC,MACD,CAGA,GAAKkD,EAAWC,MAAMC,UAAY,CACjC,IAAMI,EAAiBrD,EAAOQ,qBAAsBuC,EAAWC,MAAMnD,MAAM,EAE3EG,EAAOsD,KAAMP,EAAYM,CAAAA,EAEzB,MACD,CAIMN,EAAWG,IAAIC,SACpBnD,EAAOuD,MAAOR,EAAWG,GAAG,EAK7B,IAAMM,EAAgBxD,EAAOY,oBAAqBmC,EAAWG,IAAIrD,MAAM,EAEvEG,EAAOsD,KAAMP,EAAYS,CAAAA,CAC1B,CAAA,CACD,CAKA,YAAqBxD,EAAqBC,EAAoC,CAC7E,IAAMwD,EAA6D,CAAA,EAGnE1D,GAAwBC,EAAQC,CAAAA,EAAS4C,QAAO,EAAGC,QAASC,GAAAA,CAC3D,IAAIW,EAAQ/D,GAAWoD,EAAWC,KAAK,EAEjCU,IACLA,EAAQ1D,EAAO2D,cAAe,YAAA,EAE9B3D,EAAO4D,KAAMb,EAAYW,CAAAA,GAG1BD,EAAc/C,KAAMgD,CAAAA,CACrB,CAAA,EAMAD,EAAcZ,QAAO,EAAGgB,OAAQ,CAAEC,EAAcC,IAC1CD,EAAarD,aAAesD,GAChC/D,EAAOgE,MAAOhE,EAAOY,oBAAqBkD,CAAAA,CAAAA,EAEnCA,GAGDC,CACR,CACD,CACD,ECzJa5C,GAAN,cAAgC8C,CAAAA,CAItC,WAAkBC,YAAa,CAC9B,MAAO,mBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAEC,GAAOC,EAAQ,CACzB,CAKA,MAAoB,CACnB,IAAMxC,EAAS,KAAKA,OACdhB,EAASgB,EAAOD,MAAMf,OAE5BgB,EAAOyC,SAASC,IAAK,aAAc,IAAItD,GAAmBY,CAAAA,CAAAA,EAE1DhB,EAAO2D,SAAU,aAAc,CAC9BC,eAAgB,YACjB,CAAA,EAEA5C,EAAO6C,WAAWC,iBAAkB,CAAE/C,MAAO,aAAcgD,KAAM,YAAa,CAAA,EAG9E/C,EAAOD,MAAMG,SAAS8C,kBAAmB9E,GAAAA,CACxC,IAAM+E,EAAUjD,EAAOD,MAAMG,SAASgD,OAAOC,WAAU,EAEvD,QAAYC,KAASH,EACpB,GAAKG,EAAMC,MAAQ,SAAW,CAC7B,IAAMC,EAAUF,EAAMG,SAASC,UAE/B,GAAK,CAACF,EAEL,SAGD,GAAKA,EAAQG,GAAI,UAAW,YAAA,GAAkBH,EAAQI,QAErDxF,OAAAA,EAAOyF,OAAQL,CAAAA,EAER,GACD,GAAKA,EAAQG,GAAI,UAAW,YAAA,GAAkB,CAACzE,EAAOE,WAAYkE,EAAMG,SAAUD,CAAAA,EAExFpF,OAAAA,EAAOoD,OAAQgC,CAAAA,EAER,GACD,GAAKA,EAAQG,GAAI,SAAA,EAAc,CAErC,IAAMG,EAAQ1F,EAAO2F,cAAeP,CAAAA,EAEpC,QAAYQ,KAASF,EAAMG,SAAQ,EAClC,GACCD,EAAML,GAAI,UAAW,YAAA,GACrB,CAACzE,EAAOE,WAAYhB,EAAOQ,qBAAsBoF,CAAAA,EAASA,CAAAA,EAE1D5F,OAAAA,EAAOoD,OAAQwC,CAAAA,EAER,EAGV,CACD,SAAYV,EAAMC,MAAQ,SAAW,CACpC,IAAMtF,EAASqF,EAAMG,SAASxF,OAE9B,GAAKA,EAAO0F,GAAI,UAAW,YAAA,GAAkB1F,EAAO2F,QAEnDxF,OAAAA,EAAOyF,OAAQ5F,CAAAA,EAER,EAET,CAGD,MAAO,EACR,CAAA,EAEA,IAAMiG,EAAe,KAAKhE,OAAOiE,QAAQlB,KAAK7C,SACxCD,EAAYD,EAAOD,MAAMG,SAASD,UAClCiE,EAAuClE,EAAOyC,SAAS0B,IAAK,YAAA,EAIlE,KAAKC,SAAkCJ,EAAc,QAAS,CAAEK,EAAKC,IAAAA,CACpE,GAAK,CAACrE,EAAUsE,aAAe,CAACL,EAAkBxE,MACjD,OAGsBO,EAAUuE,gBAAe,EAAIzG,OAEhC2F,UACnB1D,EAAOyE,QAAS,YAAA,EAChBzE,EAAOiE,QAAQlB,KAAK2B,qBAAoB,EAExCJ,EAAKK,eAAc,EACnBN,EAAIO,KAAI,EAEV,EAAG,CAAEC,QAAS,YAAa,CAAA,EAI3B,KAAKT,SAAmCJ,EAAc,SAAU,CAAEK,EAAKC,IAAAA,CACtE,GAAKA,EAAKQ,WAAa,YAAc,CAAC7E,EAAUsE,aAAe,CAACL,EAAmBxE,MAClF,OAGD,IAAMqF,EAAiB9E,EAAUuE,gBAAe,EAAIzG,OAE/CgH,EAAerB,SAAW,CAACqB,EAAeC,kBAC9ChF,EAAOyE,QAAS,YAAA,EAChBzE,EAAOiE,QAAQlB,KAAK2B,qBAAoB,EAExCJ,EAAKK,eAAc,EACnBN,EAAIO,KAAI,EAEV,EAAG,CAAEC,QAAS,YAAa,CAAA,CAC5B,CACD,EClIavF,GAAN,cAA2B6C,CAAAA,CAIjC,WAAkBC,YAAa,CAC9B,MAAO,cACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMrC,EAAS,KAAKA,OAEpBA,EAAOiF,GAAGC,iBAAiBxC,IAAK,aAAc,IAAA,CAC7C,IAAMyC,EAAa,KAAKC,cAAeC,CAAAA,EAEvCF,OAAAA,EAAWG,IAAK,CACfC,QAAS,EACV,CAAA,EAEOJ,CACR,CAAA,EAEAnF,EAAOiF,GAAGC,iBAAiBxC,IAAK,qBAAsB,IAAA,CACrD,IAAMyC,EAAa,KAAKC,cAAeI,EAAAA,EAEvCL,OAAAA,EAAWG,IAAK,CACfG,KAAM,kBACP,CAAA,EAEON,CACR,CAAA,CACD,CAKQC,cAAmFM,EAAkC,CAC5H,IAAM1F,EAAS,KAAKA,OACd2F,EAAS3F,EAAO2F,OAChBC,EAAU5F,EAAOyC,SAAS0B,IAAK,YAAA,EAC/BpB,EAAO,IAAI2C,EAAa1F,EAAO2F,MAAM,EACrCE,EAAIF,EAAOE,EAEjB9C,OAAAA,EAAKuC,IAAK,CACTQ,MAAOD,EAAG,aAAA,EACVE,KAAMC,GACNC,aAAc,EACf,CAAA,EAEAlD,EAAKmD,KAAM,WAAA,EAAcC,GAAIP,EAAS,WAAA,EACtC7C,EAAKmD,KAAM,MAAA,EAASC,GAAIP,EAAS,OAAA,EAGjC,KAAKxB,SAAUrB,EAAM,UAAW,IAAA,CAC/B/C,EAAOyE,QAAS,YAAA,EAChBzE,EAAOiE,QAAQlB,KAAKqD,MAAK,CAC1B,CAAA,EAEOrD,CACR,CACD,ECnEaxD,GAAN,cAAyB4C,CAAAA,CAI/B,WAAkBG,UAAW,CAC5B,MAAO,CAAEjD,GAAmBC,EAAc,CAC3C,CAKA,WAAkB8C,YAAa,CAC9B,MAAO,YACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,IGOO,SAASgE,GAAUC,EAAuB,CAChD,OAAMA,EAAKC,GAAI,SAAA,EAIR,CAAC,CAACD,EAAKE,kBAAmB,QAAA,EAHzB,EAIT,CAuKO,SAASC,GAAUC,EAAoB,CAG7C,OAFoBA,EAAQF,kBAAmB,aAAA,EAE5BG,OAAQ,CAAEC,EAAcC,IACrC,OAAOA,GAAY,WAChBD,EAAOA,EAAO,KAAOC,EAAAA,EAAYA,EAAAA,EAEjCD,EAAOA,EAAO,KAAOC,EAAUA,EAErC,EAAA,CACJ,CC5MO,SAASC,GAAoBC,EAAsCC,EAA4BC,EAAmB,CACxH,MAAO,CAAC,CAACF,GAAeV,GAAUU,CAAAA,GAAiB,CAACE,EAAOC,SAAUF,CAAAA,CACtE,CAOO,SAASG,GAA+BC,EAAuB,CACrE,OAAOA,EAAWC,QAAS,iCAAA,CAC5B,CAUO,SAASC,GAA6BF,EAAuB,CACnE,OAAOA,EAAWG,UAAUC,SAAU,uCAAA,EAA4C,SAAW,OAC9F,CAOO,SAASC,GAA6BL,EAAyBM,EAA8B,CACnG,IAAMC,EAAmBP,EAAWC,QAAS,YAAA,EAE7C,OAAOK,EAAaE,aAAcD,CAAAA,CACnC,CAUO,SAASE,GAAgCC,EAAkD,CACjG,OAAOA,EAAUC,aAAcC,EAAAA,CAChC,CC0yBA,SAASC,GACRC,EACAC,EACAC,EAA8B,CAC9B,IAAMC,EAAoBH,EAAWI,gBAAiB,MAAO,CAC5DC,MAAO,wCACR,EAAG,SAAUC,EAAW,CACvB,IAAMC,EAAoB,KAAKC,aAAcF,CAAAA,EAE7CG,OAAAA,GAAeF,EAAmBN,CAAAA,EAClCS,GAAiBH,CAAAA,EAEVA,CACR,CAAA,EAGAP,EAAWW,OAAQX,EAAWY,iBAAkBV,EAAmB,KAAA,EAASC,CAAAA,CAC7E,CAOA,SAASM,GAAeF,EAAgCN,EAA+C,CACtG,QAAYY,KAAYC,GAA+B,CACtD,IAAMC,EAAiB,IAAIC,GAAU,CACpCC,IAAK,MACLC,WAAY,CACXb,MAAO,CACN,KACA,iCACA,kCAAmCQ,CAAAA,EACnC,EACDM,MAAOlB,EAAcY,CAAAA,EACrB,cAAe,MAChB,EACAO,SAAU,CACTb,EAAkBc,cAAcC,WAAYC,GAA2B,EAAA,CACvE,CACF,CAAA,EAEAhB,EAAkBiB,YAAaT,EAAeU,OAAM,CAAA,CACrD,CACD,CAEA,SAASf,GAAiBH,EAA8B,CACvD,IAAMmB,EAAgB,IAAIV,GAAU,CACnCC,IAAK,MACLC,WAAY,CACXb,MAAO,CACN,KACA,oCACA,CACF,CACD,CAAA,EAEAE,EAAkBiB,YAAaE,EAAcD,OAAM,CAAA,CACpD,CAYA,SAASE,GAAgC5C,EAAqBP,EAAqB,CAClF,IAAIoD,EAAuBpD,EAE3B,QAAYqD,KAAYrD,EAAQsD,aAAc,CAAEC,YAAa,EJgV1D,CIhV+D,EAAM,CACvE,GAAOF,EAAkBG,WAAa,GAAKjD,EAAOkD,QAASJ,CAAAA,EAC1D,MAGDD,EAAuBC,CACxB,CAEA,OAAOD,CACR,CC16BO,SAASM,GACfC,EAA0B,CAE1B,IAAMC,EAAQD,EAAQC,MAEtB,MAAO,CAAEC,EAAKC,IAAAA,CACb,IAAMC,EAAiBD,EAAKE,SAAWC,EAASC,QAC1CC,EAAmBL,EAAKE,SAAWC,EAASG,UAC5CC,EAAkBP,EAAKQ,SACvBlD,EAAYwC,EAAMW,SAASnD,UAEjC,GAAK,CAAC2C,GAAkB,CAACI,EACxB,OAGD,IAAMK,EAAYL,EAGZM,EAAQC,GAA4Bf,EAASvC,EAAWoD,CAAAA,EAG9D,GAAMC,EAKN,IAAKA,EAAME,YAAc,CAExB,GAAKvD,EAAUuD,YACd,OAII,GAAKN,EACT,MAEF,EAMKI,EAAME,aAAeC,GAAmBjB,EAASc,EAAOD,CAAAA,KAC5DZ,EAAMiB,OAAQC,GAAAA,CACb,IAAMC,EAAcP,EAAYC,EAAMO,IAAMP,EAAMQ,MAElD,GAAKZ,EAAkB,CACtB,IAAMa,EAAetB,EAAMuB,gBAAiB/D,EAAUgE,MAAM,EAC5DF,EAAaG,SAAUN,CAAAA,EAEvBD,EAAOQ,aAAcJ,CAAAA,CACtB,MACCJ,EAAOQ,aAAcP,CAAAA,CAEvB,CAAA,EAEAlB,EAAI0B,KAAI,EACRzB,EAAK0B,eAAc,EACnB1B,EAAK2B,gBAAe,GAEtB,CACD,CAYA,SAASf,GAA4Bf,EAA4BvC,EAAoDoD,EAAkB,CACtI,IAAMZ,EAAQD,EAAQC,MAEtB,GAAKY,EAAY,CAChB,IAAMkB,EAAgBtE,EAAUuE,MAC1BC,EAAcC,GAA0BjC,EAAO8B,EAAe,SAAA,EAGpE,GAAK,CAACE,EACL,OAGD,IAAMnB,EAAQb,EAAMkC,YAAaJ,EAAeE,CAAAA,EAC1CG,EAAoBC,GAAwBpC,EAAMrD,OAAQkE,EAAO,UAAA,EAEvE,GAAKsB,EACJ,OAAOnC,EAAMkC,YAAaJ,EAAeK,CAAAA,CAE3C,KAAO,CACN,IAAMH,EAAcxE,EAAUuE,MACxBD,EAAgBG,GAA0BjC,EAAOgC,EAAa,UAAA,EAGpE,GAAK,CAACF,EACL,OAGD,IAAMjB,EAAQb,EAAMkC,YAAaJ,EAAeE,CAAAA,EAC1CK,EAAqBD,GAAwBpC,EAAMrD,OAAQkE,EAAO,SAAA,EAExE,GAAKwB,EACJ,OAAOrC,EAAMkC,YAAaG,EAAoBL,CAAAA,CAEhD,CACD,CAOA,SAASC,GAA0BjC,EAAc8B,EAA8BQ,EAAiC,CAC/G,IAAM3F,EAASqD,EAAMrD,OACfkE,EAAQb,EAAMuC,cAAeT,EAAcU,IAAI,EAE/CC,EAAkBH,GAAa,UAAY,eAAiB,aAElE,OAAY,CAAEI,iBAAAA,EAAkBC,KAAAA,EAAMC,KAAAA,CAAI,IAAM/B,EAAMgC,UAAW,CAAEf,cAAAA,EAAeQ,UAAAA,CLquC/E,CKruCyF,EAAM,CACjG,GAAK3F,EAAOkD,QAAS8C,CAAAA,GAAU,CAAChG,EAAOC,SAAU+F,CAAAA,EAChD,OAAOD,EAIR,GAAKE,GAAQH,GAAmB9F,EAAOmG,QAASH,CAAAA,EAC/C,OAAO,IAET,CAEA,OAAO,IACR,CAYA,SAASP,GAAwBzF,EAAqBkE,EAAmByB,EAAiC,CACzG,IAAM7D,EAAW6D,GAAa,WAAazB,EAAMO,IAAMP,EAAMQ,MAE7D,GAAK1E,EAAOoG,WAAYtE,EAAU,OAAA,EACjC,OAAOA,EAGR,OAAY,CAAEuE,aAAAA,CAAY,IAAMnC,EAAMgC,UAAW,CAAEP,UAAAA,CLiuChD,CKjuC0D,EAC5D,GAAK3F,EAAOoG,WAAYC,EAAc,OAAA,EACrC,OAAOA,CAGV,CAUA,SAAShC,GAAmBjB,EAA4BkD,EAAwBrC,EAAkB,CACjG,IAAMZ,EAAQD,EAAQC,MAChB5C,EAAe2C,EAAQmD,KAAK9F,aAMlC,GAAKwD,EAAY,CAChB,IAAMuC,EAAQnD,EAAMuB,gBAAiB0B,EAAW5B,KAAK,EAErDrB,EAAMoD,gBAAiBD,CAAAA,EAKlB,CAACA,EAAMpB,MAAOsB,SAAW,CAACJ,EAAW5B,MAAMiC,QAASH,EAAMpB,KAAK,IACnEkB,EAAajD,EAAMkC,YAAaiB,EAAMpB,MAAQkB,EAAW7B,GAAG,EAE9D,CAEA,IAAMmC,EAAYxD,EAAQyD,OAAOC,YAAaR,CAAAA,EACxCS,EAAWtG,EAAauG,eAAgBJ,CAAAA,EACxCK,EAAQC,EAAKC,iBAAkBJ,CAAAA,EAEjCK,EAEJ,QAAYC,KAAQJ,EAAQ,CAC3B,GAAKG,IAA6BE,OAAY,CAC7CF,EAA2BG,KAAKC,MAAOH,EAAKI,MAAM,EAClD,QACD,CAGA,GAAKF,KAAKC,MAAOH,EAAKK,GAAG,GAAMN,EAC9B,MAAO,GAGRA,EAA2BG,KAAKI,IAAKP,EAA0BG,KAAKC,MAAOH,EAAKI,MAAM,CAAA,CACvF,CAEA,MAAO,EACR,CCsgBA,SAASG,GAAiBC,EAAyD7H,EAAmB,CACrG,IAAM8H,EAAgBD,EAAeE,iBAAgB,EAC/CC,EAAeH,EAAeI,gBAAe,EAE7CC,EAAoBJ,EAAcK,UAClCC,EAAmBJ,EAAaK,WAEtC,MACC,CAAC,CAACH,GAAqBlI,EAAOsI,SAAUJ,CAAAA,GACxC,CAAC,CAACE,GAAoBpI,EAAOsI,SAAUF,CAAAA,CAEzC,CAKA,SAASG,GAA2BlF,EAAcY,EAAkB,CACnE,IAAM4D,EAAiBxE,EAAMW,SAASnD,UAChC2H,EAAkBX,EAAeY,mBAAkB,EAGnDC,EAA8B9H,GAAgCiH,CAAAA,EAEpE,OAAKW,GAAmBE,GAA+B,SAC/CrF,EAAMuB,gBAAiB4D,EAAiB,QAAA,EACpCA,GAAmBE,GAA+B,QACtDrF,EAAMuB,gBAAiB4D,EAAiB,OAAA,EAIzCnF,EAAMuB,gBAAiBiD,EAAec,UAAS,EAAI,CACzDC,SAAYJ,GAAmBnF,EAAMrD,OAAOsI,SAAUE,CAAAA,EAAoB,CAACvE,EAAY4D,EAAegB,UACvG,CAAA,CACD,CAQA,SAASC,GAAqCrJ,EAAoB,CACjE,IAAIsJ,EAAqCtJ,EAEzC,KAAQsJ,GAAiB,CACxB,GAAKA,EAAezJ,GAAI,iBAAA,GAAuBF,GAAU2J,CAAAA,EACxD,OAAOA,EAGRA,EAAiBA,EAAeC,MACjC,CAEA,OAAO,IACR,CASA,SAASC,GAA0B1C,EAAmB2C,EAAkD,CACvG,IAAMnC,EAAWoC,GAAwBD,EAAaE,QAAQ,EAC1DxC,EAA8B,KAUlC,GARKG,EACJH,EAAYL,EAAK9F,aAAa4I,eAAgBtC,CAAAA,EAI9CH,EAAYL,EAAKhB,YAAagB,EAAK1E,iBAAkBqH,EAAaI,OAAQ,CAAA,CAAA,EAGtE,CAAC1C,EACL,OAAO,KAGR,IAAM2C,EAAe3C,EAAUlC,MAE/B,GAAK,CAAC6E,EAAaP,OAClB,OAAO,KAGR,IAAIQ,EAAWD,EAAaP,OAe5B,OAbKO,EAAaP,OAAO1J,GAAI,iBAAA,IACvBiK,EAAa7C,SAAW6C,EAAalB,WAGzCmB,EAAWD,EAAalB,WACbkB,EAAaE,WAAaF,EAAapB,YAIlDqB,EAAWD,EAAapB,YAIrBqB,EAASlK,GAAI,OAAA,EACVkK,EAASR,OAGVQ,CACR,CAQA,SAASE,GAASjK,EAAsBuJ,EAA0B,CACjE,OAAMA,EAICW,MAAMC,KAAMnK,EAAQsD,aAAY,CAAA,EAAK8G,SAAUb,CAAAA,EAH9C,EAIT,CAKA,SAASc,GAAuB/J,EAA4BC,EAAmB,CAC9E,QAAYP,KAAWM,EAAagD,aAAc,CAAEgH,YAAa,GAAM/G,YAAa,ENsvCjF,CMtvCsF,EAAM,CAC9F,GAAKhD,EAAOoG,WAAY3G,EAAyB,OAAA,EAChD,OAAOA,EAIR,GAAKO,EAAOkD,QAASzD,CAAAA,GAAa,CAACO,EAAOsI,SAAU7I,CAAAA,EACnD,KAEF,CAEA,OAAO,IACR,CAKA,SAASuK,GAAmBlI,EAAyB9B,EAAmB,CACvE,IAAMiK,EAAa,IAAIC,GAAiB,CAAE/E,cAAerD,CAAS,CAAA,EAElE,OAAY,CAAEkE,KAAAA,CAAI,IAAMiE,EAAa,CACpC,GAAKjK,EAAOkD,QAAS8C,CAAAA,GAAU,CAACA,EAAK1G,GAAI,SAAA,EACxC,OAAO,KAGR,GAAKU,EAAOoG,WAAYJ,EAAM,OAAA,EAC7B,OAAOA,CAET,CAEA,OAAO,IACR,KJj2BamE,GCrBApJ,GC6CPgB,GAGAS,GAEA4H,GAYOC,GElBAC,aNtEbC,IACAA,KACAA,KACAA,IACAA,KACAA,KACAA,KEyCaJ,GAA6B,qBCrB7BpJ,GAAkC,qBC6CzCgB,GAA+B,CAAE,SAAU,OAAS,EAGpDS,GAA4B,IAAIgI,UAAAA,EAAYC,gBAAiBC,GAAiB,eAAA,EAAkBC,WAEhGP,GAAqC,kCAY9BC,GAAN,cAA+BO,CAAAA,CAM7BC,8BAAqD,KAK7D,WAAkBC,YAAa,CAC9B,MAAO,kBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAEC,GAAOC,EAAQ,CACzB,CAKA,MAAoB,CACnB,IAAMC,EAAS,KAAKA,OACdC,EAAcD,EAAO/H,QAAQmD,KAInC,KAAK8E,GAAoC,mBAAoB,CAAE/H,EAAKC,EAAM+H,IAAAA,CACzEF,EAAY9G,OAAQC,GAAAA,CACnB,QAAYsB,KAAQuF,EAAYpH,SAASuH,MACnCD,EACJ/G,EAAOiH,YAAapB,GAAoCvE,CAAAA,EAExDtB,EAAOkH,SAAUrB,GAAoCvE,CAAAA,CAGxD,CAAA,EAEMyF,GACLH,EAAO9H,MAAMiB,OAAQC,GAAAA,CACpBA,EAAOmH,yBAA0B3K,EAAAA,CAClC,CAAA,CAEF,CAAA,EAEA,KAAK4K,6BAA4B,EACjC,KAAKC,wCAAuC,EAC5C,KAAKC,0CAAyC,EAC9C,KAAKC,4CAA2C,EAChD,KAAKC,wDAAuD,EAC5D,KAAKC,yBAAwB,EAC7B,KAAKC,gCAA+B,EACpC,KAAKC,+BAA8B,EACnC,KAAKC,gCAA+B,CACrC,CAKA,SAAgC,CAC/B,MAAMC,QAAAA,EAEN,KAAKvB,8BAAgC,IACtC,CAWA,iBAA0BwB,EAAkCvK,EAA+B,CAC1F,IAAMqJ,EAAS,KAAKA,OACdC,EAAcD,EAAO/H,QAAQmD,KAE7B+F,EAAmBnB,EAAO9H,MAAMrD,OAAOuM,0BAA2BF,EAAoB,gBAAiB,EAAA,EAE7GlB,EAAOqB,QAAS,kBAAmB,CAClC1K,SAAUqJ,EAAO9H,MAAMxB,iBAAkBwK,EAAoBvK,CAAAA,EAC7DK,WAAYmK,CACb,CAAA,EAEAlB,EAAYhG,MAAK,EACjBgG,EAAYqB,qBAAoB,CACjC,CAWQC,mBACPC,EACAC,EACAC,EACAC,EACO,CACP,KAAKC,SAAUJ,EAASC,EAAO,IAAKI,IAAAA,CAE9B,KAAK1B,WACTuB,EAAAA,GAAaG,CAAAA,CAEf,EAAGF,CAAAA,CACJ,CAaA,8CAAuD,CAGtD,IAAMjF,EAFS,KAAKsD,OACC9H,MACQW,SAASnD,UAChC6H,EAA8B9H,GAAgCiH,CAAAA,EAEpE,GAAK,CAACa,EACL,MAAO,GASR,IAAMuE,EAAuBpF,EAAeY,mBAAkB,EAE9D,YAAKyE,iBAAkBD,EAAsBvE,CAAAA,EAEtC,EACR,CASA,8BAAuC,CACtC,IAAMyC,EAAS,KAAKA,OACdnL,EAASmL,EAAO9H,MAAMrD,OACtBmN,EAAIhC,EAAOiC,OAAOD,EAClBjM,EAAe,CACpBmM,OAAQF,EAAG,+BAAA,EACXG,MAAOH,EAAG,8BAAA,CACX,EAEAhC,EAAO/H,QAAQmK,mBAAmBlC,GAAuC,SAAU,CAAE/H,EAAKC,EAAMiK,IAAAA,CAC/F,IAAM1N,EAAc0N,EAAc3G,OAAO4G,cAAelK,EAAKyC,IAAI,EAE3DlG,GAKDD,GAAoBC,EAAayD,EAAKyC,KAAMhG,CAAAA,IAChDgB,GAAoBwM,EAAcjJ,OAAQrD,EAAcpB,CAAAA,EAEpCA,EAAYP,kBAAmB,aAAA,EAEvCmO,KAAM,IACV,KAAKpC,UAAY6B,EAAG,4EAAA,EAAiF,EAC7G,EAEF,EAAG,CAAEQ,SAAU,KAAM,CAAA,CACtB,CA2BA,yDAAkE,CACjE,IAAMxC,EAAS,KAAKA,OACd9H,EAAQ8H,EAAO9H,MACfwE,EAAiBxE,EAAMW,SAASnD,UAChCb,EAASqD,EAAMrD,OACfoL,EAAcD,EAAO/H,QAAQmD,KAInC,KAAKmG,mBAA+CtB,EAAYpH,SAAU,WAAY,CAAEV,EAAK4F,IAAAA,CAC5F,KAAK0E,qBAAsBtK,EAAK4F,CAAAA,CACjC,EAAG,CAAE2E,QAAS,CAAEzO,GAAU,OAAS,EAAEuO,SAAU,MAAO,CAAA,EAMtD,KAAKjB,mBAAoD7E,EAAgB,eAAgB,CAAEvE,EAAKC,IAAAA,CAEzFA,EAAKuK,cAMX3C,EAAO9H,MAAMiB,OAAQC,GAAAA,CACpBA,EAAOmH,yBAA0B3K,EAAAA,CAClC,CAAA,CACD,CAAA,EAIA,KAAK2L,mBAA8CrJ,EAAMW,SAAU,cAAe,IAAA,CACjF,IAAMiJ,EAAuBpF,EAAeY,mBAAkB,EAE9D,GAAKwE,EAAuB,CAC3B,IAAMc,EAAsB5C,EAAO/H,QAAQyD,OAAO4G,cAAeR,CAAAA,EAEjE,GAAKpN,GAAoBkO,EAAqBd,EAAsBjN,CAAAA,EACnE,MAEF,CAEAmL,EAAO9H,MAAMiB,OAAQC,GAAAA,CACpBA,EAAOmH,yBAA0B3K,EAAAA,CAClC,CAAA,CACD,CAAA,EAKA,KAAK2L,mBAA4CvB,EAAO/H,QAAQmK,mBAAoB,YAAa,CAAEjK,EAAKC,EAAMiK,IAAAA,CAC7G,IAAMjJ,EAASiJ,EAAcjJ,OAE7B,GAAK,KAAKsG,8BAAgC,CACzC,IAAMkD,EAAsBP,EAAc3G,OAAO4G,cAAe,KAAK5C,6BAA6B,EAE7FkD,IAEJxJ,EAAOiH,YAAazJ,GAA6BiM,IAAKC,CAAAA,EAA4BF,CAAAA,EAElF,KAAKlD,8BAAgC,KAEvC,CAEA,IAAMoC,EAAuB1J,EAAK1C,UAAU4H,mBAAkB,EAE9D,GAAK,CAACwE,EACL,OAGD,IAAMc,EAAsBP,EAAc3G,OAAO4G,cAAeR,CAAAA,EAEhE,GAAK,CAACpN,GAAoBkO,EAAqBd,EAAsBjN,CAAAA,EACpE,OAGD,IAAM0I,EAA8B9H,GAAgC2C,EAAK1C,SAAS,EAE5E6H,IAINnE,EAAOkH,SAAUwC,EAA0BvF,CAAAA,EAA+BqF,CAAAA,EAI1E,KAAKlD,8BAAgCoC,EACtC,CAAA,EAEA,KAAKP,mBAAoDvB,EAAO+C,GAAGC,aAAc,mBAAoB,CAAE7K,EAAK8K,EAAMC,IAAAA,CAC3GA,GACLlD,EAAO9H,MAAMiB,OAAQC,GAAAA,CACpBA,EAAOmH,yBAA0B3K,EAAAA,CAClC,CAAA,CAEF,CAAA,EAEA,SAASkN,EAA0BnM,EAA4B,CAC9D,MAAO,yCAA0CA,CAAAA,EAClD,CACD,CAcA,qBAA8BwB,EAAoC4F,EAAyD,CAC1H,IAAMiC,EAAS,KAAKA,OACd9H,EAAQ8H,EAAO9H,MACfwE,EAAiBxE,EAAMW,SAASnD,UAChCb,EAASqD,EAAMrD,OACfoL,EAAcD,EAAO/H,QAAQmD,KAGnC,GAAK2C,EAAanF,SACjB,OAGD,IAAMN,EAAUyF,EAAazF,QACvBQ,EAAYqK,GAAuB7K,EAAS0H,EAAOiC,OAAOmB,wBAAwB,EAClFR,EAAsB3C,EAAYpH,SAASnD,UAAU4H,mBAAkB,EACvEwE,EAAuB9B,EAAO/H,QAAQyD,OAAO2H,eAAgBT,CAAAA,EAC/DU,EAGC5O,GAAoBkO,EAAqBd,EAAsBjN,CAAAA,EACnEyO,EAA8B,KAAKC,qCAAsCzK,CAAAA,EAIhE4D,EAAezD,YACxBqK,EAA8B,KAAKE,+CAAgD1K,CAAAA,EAGzEiF,EAAanF,WACvB0K,EAA8B,KAAKG,8CAA+C3K,CAAAA,GAG9EwK,IACJvF,EAAajE,eAAc,EAC3B3B,EAAI0B,KAAI,EAEV,CAYQ0J,qCAAsCzK,EAAqB,CAElE,IAAMZ,EADS,KAAK8H,OACC9H,MACfwE,EAAiBxE,EAAMW,SAASnD,UAChC6H,EAA8B9H,GAAgCiH,CAAAA,EAEpE,OAAOxE,EAAMiB,OAAQC,GAAAA,CAEpB,GAAKmE,GAWJ,GAAK,EAVmBA,KAAkCzE,EAAY,QAAU,WAW/EM,OAAAA,EAAOmH,yBAA0B3K,EAAAA,EAE1B,OAMRwD,QAAAA,EAAOsK,sBAAuB9N,GAAiCkD,EAAY,QAAU,QAAA,EAE9E,GAGR,MAAO,EACR,CAAA,CACD,CAgBQ0K,+CAAgD1K,EAAqB,CAC5E,IAAMkH,EAAS,KAAKA,OACd9H,EAAQ8H,EAAO9H,MACfrD,EAASqD,EAAMrD,OACf8O,EAAuB3D,EAAO4D,QAAQC,IAAK,QAAA,EAG3CC,EAA8BH,EAAaI,iCAAkCjL,CAAAA,EAC7EkL,EAA6BhE,EAAO/H,QAAQyD,OAAO4G,cAAewB,CAAAA,EAExE,OAAKpP,GAAoBsP,EAA4BF,EAA6BjP,CAAAA,GACjFqD,EAAMiB,OAAQC,GAAAA,CACbuK,EAAaM,yBAA0BH,CAAAA,EACvC1K,EAAOsK,sBAAuB9N,GAAiCkD,EAAY,SAAW,OAAA,CACvF,CAAA,EAIO,IAGD,EACR,CAWQ2K,8CAA+C3K,EAAqB,CAC3E,IAAMkH,EAAS,KAAKA,OACd9H,EAAQ8H,EAAO9H,MACfrD,EAASqD,EAAMrD,OACf6G,EAASsE,EAAO/H,QAAQyD,OACxBgB,EAAiBxE,EAAMW,SAASnD,UAEhCwO,EAAoBpL,EACzB4D,EAAeI,gBAAe,EAAII,WAClCR,EAAeE,iBAAgB,EAAII,UAE9BmH,EAAmBzI,EAAO4G,cAAe4B,CAAAA,EAG/C,OAAKxP,GAAoByP,EAAkBD,EAA0BrP,CAAAA,GACpEqD,EAAMiB,OAAQC,GAAAA,CACbA,EAAOQ,aAAcsK,EAAoB,IAAA,EACzC9K,EAAOsK,sBAAuB9N,GAAiCkD,EAAY,QAAU,QAAA,CACtF,CAAA,EAEO,IAGD,EACR,CAOA,yCAAkD,CACjD,IAAMkH,EAAS,KAAKA,OACdC,EAAcD,EAAO/H,QAAQmD,KAEnC,KAAKmG,mBAAgDtB,EAAYpH,SAAU,YAAa,CAAEV,EAAK4F,IAAAA,CAC9F,IAAMqG,EAASrP,GAA+BgJ,EAAasG,SAAS,EAEpE,GAAK,CAACD,EACL,OAGD,IAAME,EAAiBpP,GAA6BkP,CAAAA,EAC9CpO,EAAoBX,GAA6B+O,EAAQnE,EAAY3K,YAAY,EACjF4L,EAAqBlB,EAAO/H,QAAQyD,OAAO2H,eAAgBrN,CAAAA,EAEjE,KAAK+L,iBAAkBb,EAAqBoD,CAAAA,EAE5CvG,EAAajE,eAAc,EAC3B3B,EAAI0B,KAAI,CACT,CAAA,CACD,CAeA,2CAAoD,CACnD,IAAMmG,EAAS,KAAKA,OACdtK,EAAYsK,EAAO9H,MAAMW,SAASnD,UAClCuK,EAAcD,EAAO/H,QAAQmD,KAEnC,KAAKmG,mBAA4CtB,EAAYpH,SAAU,QAAS,CAAEV,EAAK4F,IAAAA,CAGtF,GAAK5F,EAAIoM,YAAc,WACtB,OAGD,IAAMzC,EAAuBpM,EAAU4H,mBAAkB,EACnDsF,EAAsB5C,EAAO/H,QAAQyD,OAAO4G,cAAeR,CAAAA,EAE3DjN,EAASmL,EAAO9H,MAAMrD,OACxB2P,EAIC,KAAKC,6CAA4C,EACrDD,EAAa,GAIJ9P,GAAoBkO,EAAqBd,EAAsBjN,CAAAA,IACxE,KAAKkN,iBAAkBD,EAAsB/D,EAAa2G,OAAS,SAAW,OAAA,EAE9EF,EAAa,IAGTA,IACJzG,EAAajE,eAAc,EAC3B3B,EAAI0B,KAAI,EAEV,EAAG,CAAE6I,QAASzO,EAAS,CAAA,CACxB,CAeA,6CAAsD,CAErD,IAAM0Q,EADS,KAAK3E,OACQ/H,QAAQmD,KAAKvC,SAGzC,KAAK0I,mBAAiDoD,EAAc,aAAc,CAAExM,EAAKC,IAAAA,CACnF,KAAKqM,6CAA4C,IAKrDrM,EAAK1C,UAAYiP,EAAajP,UAEhC,EAAG,CAAE8M,SAAU,MAAO,CAAA,EAEjBoC,EAAIC,UAIR,KAAKtD,mBAA8CoD,EAAc,UAAW,CAAExM,EAAKC,IAAAA,CAC7EA,EAAKE,SAAW,KACpB,KAAKmM,6CAA4C,CAEnD,CAAA,EAGA,KAAKlD,mBAAuDoD,EAAc,mBAAoB,IAAA,CAC7F,KAAKF,6CAA4C,CAClD,EAAG,CAAEjC,SAAU,SAAU,CAAA,CAE3B,CAUA,0BAAmC,CAClC,IAAMxC,EAAS,KAAKA,OACdC,EAAcD,EAAO/H,QAAQmD,KAC7BlD,EAAQ8H,EAAO9H,MACfrD,EAASqD,EAAMrD,OAErB,KAAK0M,mBAA6CtB,EAAYpH,SAAU,SAAU,CAAEV,EAAK4F,IAAAA,CAGxF,GAAK5F,EAAIoM,YAAc,WACtB,OAGD,IAAMhH,EAA8B9H,GAAgCyC,EAAMW,SAASnD,SAAS,EAG5F,GAAK,CAAC6H,EACL,OAGD,IAAM/C,EAAYuD,EAAavD,UACzBsK,EAAsB5M,EAAMW,SAASnD,UAAU4H,mBAAkB,EAEjEyH,EAAoBxH,IAAgC,SACpDyH,EAAkBxK,GAAa,UAGrC,GAFiCuK,IAAsBC,EAGtDhF,EAAOqB,QAAS,SAAU,CACzB3L,UAAWwC,EAAMuB,gBAAiBqL,EAAsB,IAAA,CACzD,CAAA,MACM,CACN,IAAM/L,EAAQlE,EAAOoQ,yBACpB/M,EAAMxB,iBAAkBoO,EAAsBvH,CAAAA,EAC9C/C,CAAAA,EAID,GAAKzB,EAEJ,GAAK,CAACA,EAAME,YACXf,EAAMiB,OAAQC,GAAAA,CACbA,EAAOQ,aAAcb,CAAAA,EACrBiH,EAAOqB,QAAS2D,EAAkB,gBAAkB,QAAA,CACrD,CAAA,MACM,CACN,IAAM3J,EAAQnD,EAAMuB,gBAAiBV,EAAMQ,KAAK,EAKhD,GAJArB,EAAMoD,gBAAiBD,EAAO,CAAEb,UAAAA,CAAU,CAAA,EAIrC,CAACa,EAAMpB,MAAOuB,QAASzC,EAAMQ,KAAK,EACtCrB,EAAMiB,OAAQC,GAAAA,CACbA,EAAOQ,aAAcb,CAAAA,EACrBiH,EAAOqB,QAAS2D,EAAkB,gBAAkB,QAAA,CACrD,CAAA,MAKI,CACJ,IAAME,EAA4BzN,GAAgC5C,EAAQkE,EAAMQ,MAAMsE,MAAM,EAE5F3F,EAAMiN,cAAejN,EAAMuB,gBAAiByL,EAA2B,IAAA,EAAQ,CAC9EE,mBAAoB,EACrB,CAAA,CACD,CACD,CAEF,CAIArH,EAAajE,eAAc,EAC3B3B,EAAI0B,KAAI,CACT,EAAG,CAAE6I,QAASzO,EAAS,CAAA,CACxB,CAQA,iCAA0C,CACzC,IAAM+L,EAAS,KAAKA,OACd9H,EAAQ,KAAK8H,OAAO9H,MACpBmN,EAAoBnN,EAAMW,SAASnD,UAEzC,KAAK6L,mBAA6CvB,EAAO9H,MAAO,gBAAiB,CAAEC,EAAK,CAAEmN,EAASC,CAAAA,IAAY,CAC9G,GAAKA,GAAc,CAAGA,EAAoBpR,GAAI,mBAAA,EAC7C,OAGD,IAAMoJ,EAA8B9H,GAAgC4P,CAAAA,EAEpE,GAAM9H,EAINpF,OAAAA,EAAI0B,KAAI,EAED3B,EAAMiB,OAAQC,GAAAA,CACpB,IAAMiE,EAAkBgI,EAAkB/H,mBAAkB,EACtD3G,EAAWuB,EAAMxB,iBAAkB2G,EAAkBE,CAAAA,EACrD7H,EAAY0D,EAAOK,gBAAiB9C,CAAAA,EAEpC6O,EAAStN,EAAMuN,cAAeH,EAAS5P,CAAAA,EAE7C0D,OAAAA,EAAOQ,aAAclE,CAAAA,EAEd8P,CACR,CAAA,CACD,EAAG,CAAEhD,SAAU,MAAO,CAAA,CACvB,CASA,gCAAyC,CACxC,IAAMxC,EAAS,KAAKA,OAEdqF,EADQ,KAAKrF,OAAO9H,MACMW,SAASnD,UAEzC,KAAK6L,mBAA4CvB,EAAO9H,MAAO,eAAgB,CAAEC,EAAK0J,IAAAA,CACrF,GAAM,CAAA,CAAI0D,EAAY5D,EAAU,CAAA,CAAE,EAAKE,EAEvC,GAAK0D,GAAc,CAAGA,EAAoBpR,GAAI,mBAAA,EAC7C,OAGD,IAAMoJ,EAA8B9H,GAAgC4P,CAAAA,EAE9D9H,IAINoE,EAAQ+D,oBAAsBnI,EAC9BsE,EAAM,CAAA,EAAMF,EACb,EAAG,CAAEa,SAAU,MAAO,CAAA,CACvB,CAUA,iCAA0C,CACzC,IAAMxC,EAAS,KAAKA,OAEdqF,EADQ,KAAKrF,OAAO9H,MACMW,SAASnD,UAEzC,KAAK6L,mBAA6CvB,EAAO9H,MAAO,gBAAiB,CAAEC,EAAK,CAAEzC,CAAAA,IAAW,CACpG,GAAKA,GAAa,CAACA,EAAUvB,GAAI,mBAAA,EAChC,OAGmCsB,GAAgC4P,CAAAA,GAInElN,EAAI0B,KAAI,CAEV,EAAG,CAAE2I,SAAU,MAAO,CAAA,CACvB,CACD,EE5yBarD,GAAN,cAAqBM,CAAAA,CAInBkG,oBAAsB,IAAIC,IAKlC,WAAkBjG,YAAa,CAC9B,MAAO,QACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAEX,GAAkBa,EAAQ,CACpC,CAKA,MAAoB,CACnB,IAAMC,EAAS,KAAKA,OACd5E,EAAO4E,EAAO/H,QAAQmD,KACtBuJ,EAAevJ,EAAKvC,SACpBmJ,EAAIhC,EAAOgC,EAqBjB,KAAKhC,OAAO/H,QAAQmK,mBAAmBlC,GAA4B,YAAa,CAAE/H,EAAKC,EAAMiK,IAAAA,CAC5F,IAAMvM,EAAauM,EAAcjJ,OAC3BsD,EAAiBtE,EAAK1C,UAG5B,GAAKgH,EAAezD,YACnB,OAGD,IAAM6I,EAAuBpF,EAAeY,mBAAkB,EAE9D,GAAK,CAACwE,EACL,OAGD,IAAMc,EAAsB5C,EAAO/H,QAAQyD,OAAO4G,cAAeR,CAAAA,EAE3D7N,GAAU2O,CAAAA,GAIVP,EAAcwD,WAAWC,QAASpJ,EAAgB,WAAA,GAIxD5G,EAAW8D,aAAc9D,EAAWiQ,cAAenD,CAAAA,EAAuB,CACzEoD,KAAM,GACNC,MAAO5R,GAAUuO,CAAAA,CAClB,CAAA,CACD,CAAA,EAIA,KAAK5C,OAAO/H,QAAQmK,mBAAmBlC,GAA4B,YAAa,CAAE/H,EAAKC,EAAMiK,IAAAA,CAE5F,KAAK6D,gCAAiC7D,EAAcjJ,MAAM,EAE1D,IAAMtD,EAAauM,EAAcjJ,OAC3B+M,EAAgBrQ,EAAW+C,SAASnD,UAEtC0Q,EAAa,KAEjB,QAAYrN,KAASoN,EAAc3I,UAAS,EAG3C,QAAY6I,KAAStN,EAAQ,CAC5B,IAAM7E,EAAOmS,EAAMxL,KAEd5G,GAAUC,CAAAA,GAAU,CAACqK,GAASrK,EAAMkS,CAAAA,IACxCtQ,EAAWwK,SAAUtB,GAA4B9K,CAAAA,EACjD,KAAKyR,oBAAoBW,IAAKpS,CAAAA,EAC9BkS,EAAalS,EAEf,CAEF,EAAG,CAAEsO,SAAU,KAAM,CAAA,EAGrBpH,EAAKmL,YAAaC,EAAAA,EAClBpL,EAAKmL,YAAaE,EAAAA,EAClB,KAAK7E,SAAsC+C,EAAc,YAAa,IAAK9C,IAAU,KAAK6E,aAAY,GAAK7E,CAAAA,CAAAA,EAC3G,KAAKD,SAAwC+C,EAAc,cAAe,IAAK9C,IAAU,KAAK8E,eAAc,GAAK9E,CAAAA,CAAAA,EAajH,KAAKD,SAAqC+C,EAAc,WAAY,IAAK9C,IAAAA,CACxE,KAAK+E,sCAAqC,GAAK/E,CAAAA,CAChD,EAAG,CAAEa,QAAS,CAAEzO,GAAU,OAAS,CAAC,CAAA,EAEpC,KAAK2N,SAAqC+C,EAAc,WAAY,IAAK9C,IAAAA,CACxE,KAAKgF,+BAA8B,GAAKhF,CAAAA,CACzC,EAAG,CAAEa,QAAS,OAAQ,CAAA,EAEtB,KAAKd,SACJ+C,EACA,WACA3M,GAAiC,KAAKgI,OAAO/H,OAAO,EACpD,CAAEyK,QAAS,OAAQ,CAAA,EAIpB,KAAKd,SAAmC+C,EAAc,SAAU,CAAExM,EAAKC,IAAAA,CACjE,KAAK0O,cAAe1O,EAAKoC,WAAa,SAAA,IAC1CpC,EAAK0B,eAAc,EACnB3B,EAAI0B,KAAI,EAEV,EAAG,CAAE6I,QAAS,OAAQ,CAAA,EAGtB,KAAKd,SAAgC+C,EAAc,MAAO,CAAExM,EAAKC,IAAAA,CAC3D,KAAK2O,oBAAqB3O,EAAKQ,SAAW,WAAa,SAAA,IAC3DwC,EAAKkG,qBAAoB,EACzBlJ,EAAK0B,eAAc,EACnB3B,EAAI0B,KAAI,EAEV,EAAG,CACF6I,QAASxO,GAAQD,GAAUC,CAAAA,GAAUA,EAAKC,GAAI,iBAAA,EAC9CqO,SAAU,KACX,CAAA,EAGA,KAAKZ,SAAoC+C,EAAc,UAAW,CAAExM,EAAKC,IAAAA,CACnEA,EAAK4O,WAAazO,EAAS0O,KAI3B,KAAKC,sBAAqB,IAC9B9O,EAAK0B,eAAc,EACnB3B,EAAI0B,KAAI,EAEV,EAAG,CACF6I,QAASxO,GAAQA,EAAKC,GAAI,iBAAA,EAC1BqO,SAAU,KACX,CAAA,EAGAxC,EAAOmH,cAAcC,sBAAuB,CAC3CC,GAAI,SACJpB,MAAOjE,EAAG,yFAAA,EACVsF,WAAY,CACX,CACCrB,MAAOjE,EAAG,4DAAA,EACVgF,UAAW,KACZ,EACA,CACCf,MAAOjE,EAAG,gDAAA,EACVgF,UAAW,OACZ,EACA,CACCf,MAAOjE,EAAG,iDAAA,EACVgF,UAAW,aACZ,EACA,CACCf,MAAOjE,EAAG,yDAAA,EACVgF,UAAW,CAAE,CAAE,SAAW,EAAE,CAAE,WAAa,CAAE,CAC9C,EACA,CACCf,MAAOjE,EAAG,wDAAA,EACVgF,UAAW,CAAE,CAAE,WAAa,EAAE,CAAE,YAAc,CAAE,CACjD,CACA,CACF,CAAA,CACD,CAKA,aAAsBO,EAAsBxJ,EAAqD,CAChG,IAAMzJ,EAA8ByJ,EAAaI,OAG3C7J,GAKDyJ,EAAaE,SAASuJ,QAAU,GAC/B,KAAKC,oBAAqBnT,CAAAA,GAC9ByJ,EAAajE,eAAc,CAG9B,CAKA,eAAwByN,EAAsBxJ,EAAuD,CACpG,GAAK,CAACA,EAAaE,SAASyJ,UAC3B,OAGD,IAAM1H,EAAS,KAAKA,OACd5E,EAAO4E,EAAO/H,QAAQmD,KACtBuJ,EAAevJ,EAAKvC,SACtBvE,EAA8ByJ,EAAaI,OAG/C,GAAK,CAAC7J,EACL,OAID,GAAK,CAACL,GAAUK,CAAAA,EAAY,CAC3B,IAAMqT,EAA0BhK,GAAqCrJ,CAAAA,EAErE,GAAK,CAACqT,EACL,OAGD,GAAK1T,GAAU0T,CAAAA,EACdrT,EAAUqT,MACJ,CAEN,IAAMC,EAAuB9J,GAA0B1C,EAAM2C,CAAAA,EAE7D,GAAK6J,GAAwB3T,GAAU2T,CAAAA,EACtCtT,EAAUsT,MAEV,OAEF,CACD,EAKKhD,EAAIC,WAAaD,EAAIiD,QACzB9J,EAAajE,eAAc,EAItB6K,EAAazB,WAClB9H,EAAKnB,MAAK,EAIX,IAAMrF,EAAeoL,EAAO/H,QAAQyD,OAAO2H,eAAgB/O,CAAAA,EAE3D,KAAK2P,yBAA0BrP,CAAAA,CAChC,CAKQ6S,oBAAqBnT,EAAgC,CAC5D,IAAM0L,EAAS,KAAKA,OACd9H,EAAQ8H,EAAO9H,MACfwD,EAASsE,EAAO/H,QAAQyD,OACxB7G,EAASqD,EAAMrD,OAEfF,EAAc+G,EAAOoM,uBAAwB,KAAK9H,OAAO/H,QAAQmD,KAAK1E,iBAAkBpC,EAAS,CAAA,CAAA,EACjGM,EAAe+J,GAAuBjD,EAAO2H,eAAgB1O,CAAAA,EAAgBuD,EAAMrD,MAAM,EAE/F,OAAMD,GAINsD,EAAMiB,OAAQC,GAAAA,CACb,IAAM2O,EAAiBlT,EAAOkD,QAASnD,CAAAA,EAEtC,KADAiK,GAAmBzF,EAAO4O,oBAAqBpT,CAAAA,EAAgBC,CAAAA,EAG1D0E,EAAQH,EAAO1C,iBAAkB9B,EAAc,CAAA,EAC/C0E,EAAMyO,EACX3O,EAAO1C,iBAAkBqR,EAAe,CAAA,EACxC3O,EAAO1C,iBAAkB9B,EAAc,KAAA,EAExCwE,EAAOQ,aAAcR,EAAOgB,YAAab,EAAOD,CAAAA,CAAAA,CACjD,CAAA,EAEO,IAhBC,EAiBT,CAWA,sCAA+CiO,EAAsBxJ,EAAyD,CAC7H,IAAMzF,EAAUyF,EAAazF,QAEvBJ,EAAQ,KAAK8H,OAAO9H,MACpBrD,EAASqD,EAAMrD,OACf6H,EAAiBxE,EAAMW,SAASnD,UAChC2H,EAAkBX,EAAeY,mBAAkB,EACnD9C,EAAYyN,GAAmC3P,EAAS,KAAK0H,OAAOiC,OAAOmB,wBAAwB,EACnGtK,EAAY0B,GAAa,QAAUA,GAAa,QAChD0N,EAAuB1N,GAAa,MAAQA,GAAa,OAG/D,GAAK,CAACuD,EAAanF,UAAY,CAAC8D,EAAezD,YAAc,CAE5D,GAAKwD,GAAiBC,EAAgB7H,CAAAA,EAAW,CAChD,IAAM8B,EAAWmC,EAAY4D,EAAeI,gBAAe,EAAMJ,EAAeE,iBAAgB,EAC1FuL,EAAWtT,EAAOoQ,yBAA0BtO,EAAUmC,EAAY,UAAY,UAAA,EAE/EqP,IACJjQ,EAAMiB,OAAQC,GAAAA,CACbA,EAAOQ,aAAcuO,CAAAA,CACtB,CAAA,EAEApK,EAAajE,eAAc,EAC3ByN,EAAU1N,KAAI,EAEhB,CAGA,MACD,CAGA,IAAMuO,EAAoBhL,GAA2BlF,EAAOY,CAAAA,EAItDuC,EAAQnD,EAAMuB,gBAAiB2O,CAAAA,EAKrC,GAHAlQ,EAAMoD,gBAAiBD,EAAO,CAAEb,UAAW1B,EAAY,UAAY,UAAW,CAAA,EAGzEuC,EAAMG,QAAS4M,CAAAA,EACnB,OAII/M,EAAMpB,MAAOoO,WAAYD,EAAkBnO,KAAK,GACpD/B,EAAMoD,gBAAiBD,EAAO,CAAEb,UAAW1B,EAAY,UAAY,UAAW,CAAA,EAG/E,IAAMmE,EAAmBnE,EAAYsP,EAAkBnO,MAAOiD,WAAakL,EAAkBnO,MAAO+C,UAE9FsL,EAAkBjN,EAAMpB,MAAOiD,WAC/BqL,EAAiBlN,EAAMpB,MAAO+C,UAC9BwL,EAAgB1P,EAAYwP,EAAkBC,EAEpD,GAAKxK,EAAanF,UAGhByE,GAAmBxI,EAAOsI,SAAUE,CAAAA,GACpCmL,GAAiB3T,EAAOsI,SAAUqL,CAAAA,GAClCvL,GAAoBpI,EAAOsI,SAAUF,CAAAA,KAErC/E,EAAMiB,OAAQC,GAAAA,CACbA,EAAOQ,aAAcyB,CAAAA,CACtB,CAAA,EAEA0C,EAAajE,eAAc,EAC3ByN,EAAU1N,KAAI,WAIV2O,GAAiB3T,EAAOsI,SAAUqL,CAAAA,EAAkB,CACxD,GAAK3T,EAAOC,SAAU0T,CAAAA,GAAmBN,EACxC,OAGDhQ,EAAMiB,OAAQC,GAAAA,CACbA,EAAOQ,aAAc4O,EAAe,IAAA,CACrC,CAAA,EAEAzK,EAAajE,eAAc,EAC3ByN,EAAU1N,KAAI,CACf,CAEF,CASA,+BAAwC0N,EAAsBxJ,EAAyC,CACtG,IAAM7F,EAAQ,KAAK8H,OAAO9H,MACpBrD,EAASqD,EAAMrD,OACf4T,EAAgBvQ,EAAMW,SAASnD,UAAU4H,mBAAkB,EAG5DmL,GAAiB5T,EAAOsI,SAAUsL,CAAAA,IACtC1K,EAAajE,eAAc,EAC3ByN,EAAU1N,KAAI,EAEhB,CAQQiN,cAAehO,EAAqB,CAE3C,IAAM4D,EADgB,KAAKsD,OAAO9H,MAAMW,SACHnD,UAQrC,GALK,CAAC,KAAKsK,OAAO9H,MAAMwQ,UAAWhM,CAAAA,GAK9B,CAACA,EAAezD,YACpB,OAGD,IAAMwP,EAAgB,KAAK1E,iCAAkCjL,CAAAA,EAE7D,GAAK2P,EACJ,YAAKzI,OAAO9H,MAAMiB,OAAQC,GAAAA,CACzB,IAAIuP,EAAejM,EAAehD,OAAQmE,OAG1C,KAAQ8K,EAAaC,SAAU,CAC9B,IAAMC,EAAeF,EACrBA,EAAeE,EAAahL,OAE5BzE,EAAO0P,OAAQD,CAAAA,CAChB,CAEA,KAAK5E,yBAA0BwE,CAAAA,CAChC,CAAA,EAEO,EAET,CAOOxE,yBAA0B3P,EAA2B,CAC3D,KAAK0L,OAAO9H,MAAMiB,OAAQC,GAAAA,CACzBA,EAAOQ,aAAcR,EAAO2M,cAAezR,CAAAA,CAAAA,CAC5C,CAAA,CACD,CAUOyP,iCAAkCgF,EAAwC,CAChF,IAAM7Q,EAAQ,KAAK8H,OAAO9H,MACpBrD,EAASqD,EAAMrD,OACf6H,EAAiBxE,EAAMW,SAASnD,UAIhC2F,EAAQnD,EAAMuB,gBAAiBiD,CAAAA,EAIrC,GAHAxE,EAAMoD,gBAAiBD,EAAO,CAAEb,UAAWuO,EAAU,UAAY,UAAW,CAAA,EAGvE1N,EAAMG,QAASkB,CAAAA,EACnB,OAAO,KAGR,IAAM+L,EAAgBM,EAAU1N,EAAMpB,MAAOiD,WAAa7B,EAAMpB,MAAO+C,UAEvE,OAAKyL,GAAiB5T,EAAOsI,SAAUsL,CAAAA,EAC/BA,EAGD,IACR,CAKQvC,gCAAiC9M,EAA6B,CACrE,QAAY4P,KAAU,KAAKrD,oBAC1BvM,EAAOiH,YAAarB,GAA4BgK,CAAAA,EAGjD,KAAKrD,oBAAoBsD,MAAK,CAC/B,CAKQlC,oBAAqBvM,EAA6C,CACzE,IAAMvC,EAAU,KAAK+H,OAAO/H,QACtBmD,EAAOnD,EAAQmD,KACflD,EAAQ,KAAK8H,OAAO9H,MACpBiO,EAAgB/K,EAAKvC,SAASnD,UAC9BgH,EAAiBxE,EAAMW,SAASnD,UAGlCsE,EAGJ,GAAK0C,EAAewM,WAAa,EAAI,CACpC,IAAMC,EAAiBzM,EAAegB,WACrChB,EAAe0M,cAAa,EAC5B1M,EAAe2M,aAAY,EAE5BrP,EAAgB/B,EAAQyD,OAAO4N,eAC9B9O,GAAa,UACZ2O,EAAe7P,IACf6P,EAAe5P,KAAK,CAEvB,MACCS,EAAgBQ,GAAa,UAC5B2L,EAAcvJ,iBAAgB,EAC9BuJ,EAAcrJ,gBAAe,EAG/B,IAAM3B,EAAa,KAAKoO,oBAAqBvP,EAAeQ,CAAAA,EAE5D,OAAKW,GACJjD,EAAMiB,OAAQC,GAAAA,CACbA,EAAOQ,aAAcuB,CAAAA,CACtB,CAAA,EAEO,IAGD,EACR,CAQA,oBAA4BnB,EAA6BQ,EAAuD,CAC/G,IAAMvC,EAAU,KAAK+H,OAAO/H,QACtBmD,EAAOnD,EAAQmD,KACflD,EAAQ,KAAK8H,OAAO9H,MACpBiO,EAAgB/K,EAAKvC,SAASnD,UAE9B8T,EAAkBrD,EAAcqD,gBAChCC,EAAeD,EAAgBE,QAAO,EAExCrM,EAAkB8I,EAAc7I,mBAAkB,EAEjDD,GAAmB,CAACpJ,GAAUoJ,CAAAA,IAClCA,EAAkB,MAInB,IAAM5B,EAAYjB,GAAa,UAC9BY,EAAKhB,YAAaJ,EAAeoB,EAAK1E,iBAAkBsD,EAAcU,KAAkB,KAAA,CAAA,EACxFU,EAAKhB,YAAagB,EAAK1E,iBAAkBsD,EAAcU,KAAkB,CAAA,EAAKV,CAAAA,EAE/E,OAAY,CAAEkB,aAAAA,CAAY,IAAMO,EAAUV,UAAW,CAAEP,UAAAA,CN2yCjD,CM3yC2D,EAAM,CACtE,IAAMK,EAAOK,EAAa2C,OAG1B,GAAK5J,GAAU4G,CAAAA,GAAUA,GAAQwC,EAAkB,CAClD,IAAMzI,EAAeqD,EAAQyD,OAAO2H,eAAgBxI,CAAAA,EAGpD,GAAK,CAAC3C,EAAMrD,OAAOmG,QAASpG,CAAAA,EAC3B,SAID,GAAK+U,GAAeF,EAAc5O,EAAK6O,QAAO,CAAA,GAAQ,YACrD,OAAOxR,EAAM6N,cAAenR,CAAAA,CAE9B,SAEUiG,EAAK1G,GAAI,iBAAA,EAAsB,CAGxC,GAAK0G,GAAQ2O,GAAmB,CAACnM,EAChC,SAGD,IAAMuM,EAAgB3R,EAAQyD,OAAOmO,gBAAiB3O,CAAAA,EAChDiN,EAAWjQ,EAAMrD,OAAOoQ,yBAA0B2E,EAAepP,CAAAA,EAGvE,GAAK,CAAC2N,EACL,SAID,OAAKtN,GAAQ2O,GAAmBnM,EACxB8K,EAKHwB,GAAeF,EAAc5O,EAAK6O,QAAO,CAAA,GAAQ,YAE9CxR,EAAMuC,cAAevC,EAAMrD,OAAOiV,gBAAiB3B,CAAAA,CAAAA,EAGpDA,CACR,CACD,CAEA,OAAO,IACR,CAKA,uBAAyC,CACxC,IAAMnI,EAAS,KAAKA,OACdtE,EAASsE,EAAO/H,QAAQyD,OAGxBqO,EAFY/J,EAAO/H,QAAQmD,KAAKvC,SAASnD,UAEdkH,iBAAgB,EAAIiB,OAM/ClJ,GAJwBoV,EAAe5V,GAAI,OAAA,EAChD4V,EAAelM,OACfkM,GAEyCC,aAAc/V,EAAAA,EAExD,GAAK,CAACU,EACL,MAAO,GAGR,IAAMC,EAAe8G,EAAO2H,eAAgB1O,CAAAA,EAG5C,OAAMC,GAINoL,EAAO9H,MAAMiB,OAAQC,GAAAA,CACpBA,EAAOQ,aAAchF,EAAc,IAAA,CACpC,CAAA,EAEO,IAPC,EAQT,CACD,kBMhvBAqV,IACAA,KAEAA,KACAA,IACAA,sBQLAC,IAEAA,KACAA,KACAA,IAEAA,sBaNAC,IAEAA,KACAA,OOYO,SAASC,GAAiBC,EAAY,CAC5CA,OAAAA,EAAOA,EAELC,QAAS,KAAM,OAAA,EAEfA,QAAS,KAAM,MAAA,EACfA,QAAS,KAAM,MAAA,EAEfA,QAAS,cAAe,SAAA,EAExBA,QAAS,SAAU,MAAA,EAEnBA,QAAS,MAAO,0BAAA,EAEhBA,QAAS,MAAO,QAAA,EAChBA,QAAS,MAAO,QAAA,EAEhBA,QAAS,QAAS,SAAA,GAEfD,EAAKE,SAAU,SAAA,GAAeF,EAAKE,SAAU,MAAA,KAEjDF,EAAO,MAAOA,CAAAA,QAMRA,CACR,CC1BO,SAASG,GAAwBC,EAAY,CACnD,OAAOA,EACLH,QAAS,0DAA2D,CAAEI,EAAWC,IAG5EA,EAAOC,QAAU,EACd,IAGDD,CACR,EAECL,QAAS,mBAAoB,EAAA,CAChC,CCLO,SAASO,GACfC,EACAC,EAAyC,CAEzC,GAAKA,EAASC,GAAI,OAAA,GAAaD,EAASC,GAAI,YAAA,EAC3C,OAAOD,EAASN,KAGjB,GAAKM,EAASC,GAAI,UAAW,KAAA,GAAWD,EAASE,aAAc,KAAA,EAC9D,OAAOF,EAASG,aAAc,KAAA,EAG/B,GAAKH,EAASC,GAAI,UAAW,IAAA,EAC5B,MAAO;EAQR,IAAIX,EAAO,GACPc,EAA2B,KAE/B,QAAYC,KAASL,EAAmDM,YAAW,EAClFhB,GAAQiB,GAAgBF,EAAsBD,CAAAA,EAASN,GAAiBC,EAAWM,CAAAA,EACnFD,EAAOC,EAIR,GAAKL,EAASC,GAAI,YAAA,EAAiB,CAElC,IAAMO,EADMC,SAASC,eAAeC,mBAAoB,EAAA,EAChCC,cAAe,KAAA,EAEvCZ,EAASa,OAAQL,EAAaT,CAAAA,EAE9BT,GAAQwB,GAAuBN,CAAAA,CAChC,CAEA,OAAOlB,CACR,CAKA,SAASwB,GAAuBC,EAAoB,CACnD,IAAIzB,EAAO,GAEX,GAAKyB,EAAQC,WAAaC,KAAKC,UAC9B,OAAOH,EAAQI,YACT,GAAKJ,EAAQK,UAAY,KAC/B,MAAO;EAGR,QAAYf,KAASU,EAAQM,WAC5B/B,GAAQwB,GAAuBT,CAAAA,EAGhC,OAAOf,CACR,CAKA,SAASiB,GACRQ,EACAO,EAA4B,CAE5B,OAAMA,EAKDP,EAAQd,GAAI,UAAW,IAAA,GAAU,CAACc,EAAQQ,SAAWR,EAAQS,SAAU,CAAA,EAAKvB,GAAI,kBAAA,GAKhFwB,GAAajC,SAAUuB,EAAQW,IAAI,GAAMD,GAAajC,SAAU8B,EAASI,IAAI,EAK1E;;EAGH,CAACX,EAAQd,GAAI,kBAAA,GAAwB,CAACqB,EAASrB,GAAI,kBAAA,EAEhD,GAGH0B,GAAqBnC,SAAUuB,EAAQW,IAAI,GAAMC,GAAqBnC,SAAU8B,EAASI,IAAI,EAE1F;EAKPX,EAAQd,GAAI,SAAA,GAAec,EAAQa,kBAAmB,mCAAA,GACtDN,EAASrB,GAAI,SAAA,GAAeqB,EAASM,kBAAmB,mCAAA,EAEjD,GAID;;EAnCC,EAoCT,CI4PA,SAASC,GACRC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAAmC,CAEnC,IAAMC,EAAQP,EAAOO,MACfC,EAASR,EAAOS,QAAQD,OAG1BE,EADuBC,GAA8BX,EAAQC,CAAAA,EAGjE,KAAQS,GAAe,CACtB,GAAK,CAACL,GACL,GAAKE,EAAMK,OAAOC,WAAYH,EAAc,OAAA,GAC3C,GAAKR,EAAmB,CACvB,IAAMY,EAAqBZ,EAAkB,CAAA,EAAIa,MAC3CC,EAAsBR,EAAOS,gBAAiBH,CAAAA,EAKpD,GAJ0B,CAACR,GAAgBY,MACzCC,KAAMb,EAAac,SAAU,CAAEC,QAAS,ER42B3B,CQ52BgC,CAAA,EAC7CC,KAAMC,GAAQhB,EAAMK,OAAOC,WAAYG,EAAqBO,CAAAA,CAAAA,EAErC,CACxB,GAAKhB,EAAMK,OAAOC,WAAYG,EAAqB,OAAA,EAClD,OAAOT,EAAMiB,YAAaR,CAAAA,EAEtB,GAAKF,EAET,OAAOW,GACNzB,EACAW,GAA8BX,EAAQc,EAAmBY,MAAM,EAC/DvB,EACAC,CAAAA,CAGH,CACD,UAESG,EAAMK,OAAOe,SAAUjB,CAAAA,EAChC,OAAOe,GAA+BzB,EAAQU,EAAcP,EAASC,CAAAA,EAIvE,GAAKG,EAAMK,OAAOgB,QAASlB,CAAAA,EAC1B,OAAOe,GAA+BzB,EAAQU,EAAcP,EAASC,CAAAA,EAEjE,GAAKG,EAAMK,OAAOC,WAAYH,EAAc,QAAA,EAAa,CAC7D,IAAMnB,EAAa2B,MAAMC,KAAMT,EAAalC,YAAW,CAAA,EACrDqD,OAAUC,GAAgCA,EAAK3D,GAAI,SAAA,GAAe,CAAC4D,GAAqB/B,EAAQ8B,CAAAA,CAAAA,EAE9FE,EAAa,EACbC,EAAW1C,EAAWxB,OAE1B,GAAKkE,GAAY,EAChB,OAAO1B,EAAMiB,YAAajB,EAAM2B,iBAAkBxB,EAA8B,KAAA,CAAA,EAGjF,KAAQsB,EAAaC,EAAW,GAAI,CACnC,IAAME,EAAcC,KAAKC,OAASL,EAAaC,GAAa,CAAA,EAC/CK,GAAiBtC,EAAQT,EAAY4C,CAAAA,EAAehC,EAASC,CAAAA,GAE7D,SACZ6B,EAAWE,EAEXH,EAAaG,CAEf,CAEA,OAAOV,GAA+BzB,EAAQT,EAAYyC,CAAAA,EAAc7B,EAASC,CAAAA,CAClF,CAEAM,EAAeA,EAAagB,MAC7B,CAEA,OAAO,IACR,CAKA,SAASK,GAAqB/B,EAAgBU,EAA0B,CACvE,IAAMF,EAASR,EAAOS,QAAQD,OACxB+B,EAAevC,EAAOS,QAAQ+B,KAAKD,aAEnCE,EAAcjC,EAAOkC,cAAehC,CAAAA,EAE1C,GAAK,CAAC+B,EACL,MAAO,GAGR,IAAME,EAAaJ,EAAaK,aAAcH,CAAAA,EAE9C,OAAOI,EAAOC,OAAOC,iBAAkBJ,CAAAA,EAAaK,OAAS,MAC9D,CAKA,SAASvB,GAA+BzB,EAAgBU,EAA4BP,EAAiBC,EAAe,CACnH,IAAMG,EAAQP,EAAOO,MAErB,OAAOA,EAAMiB,YACZjB,EAAM2B,iBACLxB,EACA4B,GAAiBtC,EAAQU,EAAcP,EAASC,CAAAA,CAAAA,CAAAA,CAGnD,CAKA,SAASkC,GAAiBtC,EAAgBU,EAA4BP,EAAiBC,EAAe,CACrG,IAAMI,EAASR,EAAOS,QAAQD,OACxB+B,EAAevC,EAAOS,QAAQ+B,KAAKD,aAEnCE,EAAcjC,EAAOkC,cAAehC,CAAAA,EACpCiC,EAAaJ,EAAaK,aAAcH,CAAAA,EACxCQ,EAAO,IAAIC,EAAMP,CAAAA,EAEvB,OAAK3C,EAAOO,MAAMK,OAAOe,SAAUjB,CAAAA,EAC3BP,GAAY8C,EAAKE,KAAOF,EAAKG,OAAU,EAAI,SAAW,QAEtDhD,GAAY6C,EAAKI,IAAMJ,EAAKK,QAAW,EAAI,SAAW,OAE/D,CAKA,SAAS3C,GAA8BX,EAAgBf,EAAoB,CAC1E,IAAMuB,EAASR,EAAOS,QAAQD,OACxBgC,EAAOxC,EAAOS,QAAQ+B,KAEtBe,EAAqB/C,EAAOgD,eAAgBvE,CAAAA,EAElD,GAAKsE,EACJ,OAAOA,EAIR,IAAME,EAAejB,EAAKkB,qBAAsBzE,CAAAA,EAC1CwD,EAAcjC,EAAOmD,uBAAwBF,CAAAA,EAEnD,OAAOjD,EAAOgD,eAAgBf,CAAAA,CAC/B,CAOA,SAASmB,GAAuBC,EAAoB,CACnD,IAAIlB,EAA0BkB,EAE9B,EAAG,CACFlB,EAAaA,EAAWmB,cAExB,IAAMC,EAAWlB,EAAOC,OAAOC,iBAAkBJ,CAAAA,EAAaqB,UAE9D,GAAKD,GAAY,QAAUA,GAAY,SACtC,KAEF,OAAUpB,EAAWrD,SAAW,QAEhC,OAAOqD,CACR,CE4LA,SAASsB,GAAoBC,EAA8B,CAC1D,OAAKC,EAAIC,QACDF,EAAaG,WAGd,CAAE,MAAO,UAAY,EAAC3G,SAAUwG,EAAaI,aAAa,EAAK,OAAS,MAChF,CAKA,SAASC,GAAqBC,EAAmB,CAEhD,GAAKA,EAAOrG,GAAI,iBAAA,EACf,OAAO,KAIR,GAAKqG,EAAOC,SAAU,6BAAA,EACrB,OAAOD,EAAOE,aAAcC,EAAAA,EAI7B,GAAKA,GAAUH,CAAAA,EACd,OAAOA,EAIR,IAAMI,EAAWJ,EAAOE,aAAc5C,GAAQ6C,GAAU7C,CAAAA,GAAUA,EAAK3D,GAAI,iBAAA,CAAA,EAG3E,OAAKwG,GAAUC,CAAAA,EACPA,EAGD,IACR,CAiBA,SAASC,GAAuCtE,EAAcuE,EAA6B,CAC1F,IAAMC,EAAeD,EAAU,CAAA,EACzBE,EAAcF,EAAUA,EAAS/G,OAAS,CAAA,EAC1C2D,EAASqD,EAAaE,kBAAmBD,CAAAA,EACzCE,EAA+B3E,EAAMmD,qBAAsBqB,CAAAA,EAC3DI,EAA6B5E,EAAM6E,oBAAqBJ,CAAAA,EAE9D,GACCtD,GACAA,EAAOvD,GAAI,SAAA,GACX,CAACoC,EAAMK,OAAOyE,QAAS3D,CAAAA,EACtB,CACD,IAAM4D,EAAc/E,EAAMgF,cAAe7D,CAAAA,EACnC8D,EAAeN,EAAcO,WAAYH,EAAYvE,KAAK,EAC1D2E,EAAaP,EAAYM,WAAYH,EAAYK,GAAG,EAE1D,GAAKH,GAAgBE,EAEpB,OAAOb,GAAuCtE,EAAO,CAAEmB,CAAQ,CAAA,CAEjE,CAEA,OAAOnB,EAAMiB,YAAa0D,EAAeC,CAAAA,CAC1C,CCttBA,SAASS,GAA4BC,EAAyCtF,EAAY,CACzF,IAAIuF,EAAQvF,EAAMwF,cAAeF,CAAAA,EAWjC,GAAKA,EAAiBG,YAAc,EAAI,CACvC,IAAMzH,EAAQsH,EAAiBnG,SAAU,CAAA,EAEpCnB,EAAMJ,GAAI,SAAA,GAAeoC,EAAMK,OAAOgB,QAASrD,CAAAA,GAAW,CAACgC,EAAMK,OAAOqF,SAAU1H,CAAAA,GAAW,CAACgC,EAAMK,OAAOyE,QAAS9G,CAAAA,IAExHuH,EAAQvF,EAAMwF,cAAexH,CAAAA,EAE/B,CAEA,QAAYA,KAASuH,EAAM1E,SAAQ,EAOlC,GANK,CAACb,EAAMK,OAAOe,SAAUpD,CAAAA,GAIP2C,MAAMC,KAAM5C,EAAM2H,iBAAgB,CAAA,EAErCC,KAAMC,GAAO7F,EAAMK,OAAOyF,uBAAwBD,CAAAA,EAAME,YAAY,EACtF,MAAO,GAIT,MAAO,EACR,KVjFaC,GG7BP1G,GAEAF,GCcO6G,GCiHAC,GCjIPC,GAOOC,GCsBAC,GCfAC,GCyHAC,GChIAC,GCKAC,aZ1BbC,IACAA,IACAA,KACAC,KACAD,KACAA,KCsCaV,GAAN,cAAgCY,EAAAA,CAItBC,aAAe,CAC9B,QAAS,OAAQ,MAAO,OAAQ,WAAY,YAAa,UAAW,YAAa,WDT/E,ECYH,YAAa5E,EAAoB,CAChC,MAAOA,CAAAA,EAEP,IAAM6E,EAAe,KAAK1I,SAE1B,KAAK2I,SAAkCD,EAAc,QAASE,EAAa,gBAAA,EAAoB,CAAEC,SAAU,KAAM,CAAA,EACjH,KAAKF,SAAiCD,EAAc,OAAQE,EAAa,gBAAA,EAAoB,CAAEC,SAAU,KAAM,CAAA,EAC/G,KAAKF,SAAqCD,EAAc,WAAYE,EAAa,UAAA,EAAc,CAAEC,SAAU,KAAM,CAAA,EAEjH,SAASD,EAAaE,EAAmC,CACxD,MAAO,CAAEC,EAAgB9J,IAAAA,CACxBA,EAAK+J,eAAc,EAEnB,IAAMC,EAAehK,EAAKiK,UAAY,CAAEjK,EAAKiK,SDPjC,ECO+C,KACrDC,EAAY,IAAIC,GAAWV,EAAcI,CAAAA,EAE/CJ,EAAaW,KAAMF,EAAW,CAC7B5D,aAActG,EAAKsG,aACnB+D,OAAQP,EAAI9H,KACZgI,aAAAA,EACApD,OAAQ5G,EAAK4G,OACb0D,SAAUtK,EAAKsK,QAChB,CAAA,EAKKJ,EAAUK,KAAKC,QACnBxK,EAAKyK,gBAAe,CAEtB,CACD,CACD,CAEOC,WAAYJ,EAA6C,CAC/D,IAAMK,EAAqB,kBAAmBL,EAAWA,EAASM,cAAiBN,EAAShE,aACtFuE,EAAaP,EAAST,MAAQ,QAAUS,EAAST,MAAQ,QAEzDiB,EAA8B,CACnCxE,aAAc,IAAIyE,GAAkBJ,EAAoB,CAAEE,WAAAA,CAAW,CAAA,CACtE,EAEA,GAAKP,EAAST,MAAQ,QAAUS,EAAST,MAAQ,WAAa,CAC7D,IAAMmB,EAAWC,GAAwBX,CAAAA,EAEzCQ,EAAQb,UAAYe,GAAY,KAAKpG,KAAKD,aAAauG,eAAgBF,CAAAA,CACxE,CAEA,KAAKZ,KAAME,EAAST,KAAMS,EAAUQ,CAAAA,CACrC,CACD,EGvFM7I,GAAuB,CAAE,aAAc,IAAM,EAE7CF,GAAe,CAAE,KAAM,IAAM,ECctB6G,GAAN,cAAoCuC,CAAAA,CAMlCC,eAA4D,IAAIC,IAKxE,WAAkBC,YAAa,CAC9B,MAAO,uBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CASA,sBAA8BC,EAAoBC,EAA6C,CAC9F,KAAKL,eAAeM,IAAKF,EAAYC,CAAAA,CACtC,CAmBOE,iCACNC,EACAC,EACAC,EAAsEC,GACrEA,EAAOpJ,MAAMqJ,mBAAoBD,EAAOpJ,MAAM5B,SAAS8K,SAAS,EACzC,CACxB,OAAO,KAAKzJ,OAAOO,MAAMsJ,OAAQF,GAAAA,CAChC,IAAMG,EAAeH,EAAOpJ,MAAM5B,SAAS8K,UAS3CE,EAAOI,aAAcN,CAAAA,EAErB,IAAMO,EAAiC,KAAKC,gCAAiCN,EAAQA,EAAOpJ,MAAM5B,SAAS8K,UAAWD,CAAAA,EAChHU,EAAWR,EAAmBC,CAAAA,EAC9BQ,EAA+B,KAAKC,gCAAiCT,EAAQO,CAAAA,EAUnF,OAAY,CAAEd,EAAYtE,CAAAA,IAAcuF,OAAOC,QAASN,CAAAA,EAAmC,CAC1FG,EAA8Bf,CAAAA,IAAiBO,EAAO5D,cAAemE,CAAAA,EAErE,QAAYjL,KAAW6F,EACtB6E,EAAOY,OAAQtL,CAAAA,CAEjB,CAEAiL,EAASM,QAAQC,MAAK,EAEtB,OAAY,CAAErB,EAAYtD,CAAAA,IAAWuE,OAAOC,QAASH,CAAAA,EACpDD,EAASM,QAAQlB,IAAKF,EAAYtD,CAAAA,EAInC6D,OAAAA,EAAOI,aAAcD,CAAAA,EAEdI,CACR,CAAA,CACD,CAoBA,oCACCM,EACAE,EACe,CACf,IAAMC,EAAe,KAAKC,6BAA8BJ,CAAAA,EAExD,OAAO,KAAKxK,OAAOO,MAAMsJ,OAAQF,GAAAA,CAEhC,IAAMkB,EAA4B,KAAKC,2BAA4BnB,EAAQgB,CAAAA,EAGrEI,EAAqBL,EAA0Bf,CAAAA,EAG/CqB,EAAqB,KAAKZ,gCAAiCT,EAAQoB,CAAAA,EAGzE,QAAY9L,KAAWoL,OAAOY,OAAQJ,CAAAA,EAA4BK,KAAI,EACrEvB,EAAOY,OAAQtL,CAAAA,EAIhB,OAAY,CAAEmK,EAAYtD,CAAAA,IAAWuE,OAAOC,QAASU,CAAAA,EAC9CrB,EAAOpJ,MAAMiK,QAAQW,IAAK/B,CAAAA,GAC/BO,EAAOyB,UAAWhC,EAAY,CAC7BiC,eAAgB,GAChBC,YAAa,GACbxF,MAAAA,CACD,CAAA,EAIF,OAAOiF,CACR,CAAA,CACD,CAUOQ,0BAA2BrB,EAA8C,CAC/E,IAAMS,EAAe,KAAKC,6BAA8BV,EAASM,OAAO,EAExEN,EAASM,QAAQC,MAAK,EAEtB,QAAYe,KAAkBb,EAC7BT,EAASM,QAAQlB,IAAKkC,EAAe5L,KAAM4L,EAAe1F,KAAK,EAGhE,OAAO,KAAK9F,OAAOO,MAAMkL,cAAevB,CAAAA,CACzC,CAcA,kBACCd,EACAsC,EACArC,EAAuC,CACtCsC,eAAgB,MAChBC,sBAAuB,GACvBC,iBAAkB,EACnB,EACO,CACP,IAAMC,EAAS,KAAK9C,eAAe+C,IAAK3C,CAAAA,EAExC,KAAKJ,eAAeM,IAAKF,EAAYC,CAAAA,EAErCqC,EAAAA,EAEKI,EACJ,KAAK9C,eAAeM,IAAKF,EAAY0C,CAAAA,EAErC,KAAK9C,eAAegD,OAAQ5C,CAAAA,CAE9B,CASA,kBAA0BA,EAAoBI,EAA0D,CACvG,IAAMH,EAAS,KAAK4C,0BAA2B7C,CAAAA,EAE/C,GAAK,CAACC,EACL,MAAO,GAIR,GAAK,CAACG,EACL,MAAO,GAGR,GAAM,CAAEmC,eAAAA,CAAc,EAAKtC,EAE3B,OAAOsC,IAAmB,OAASA,EAAejO,SAAU8L,CAAAA,CAC7D,CAOO0C,wBAAyB9C,EAA8B,CAC7D,MAAO,CAAC,CAAC,KAAK6C,0BAA2B7C,CAAAA,CAC1C,CAQO6C,0BAA2B7C,EAA0D,CAC3F,GAAM,CAAE+C,CAAAA,EAAqB/C,EAAWgD,MAAO,GAAA,EAE/C,OAAO,KAAKpD,eAAe+C,IAAKI,CAAAA,GAAsB,IACvD,CAWA,gCACCxC,EACAF,EACAD,EACsC,CACtC,IAAM6C,EAAkB,KAAKC,iCAAkC3C,EAAQF,EAAWD,CAAAA,EAElF,OAAO,KAAKsB,2BAA4BnB,EAAQ0C,CAAAA,CACjD,CAYA,iCACC1C,EACAF,EACAD,EACwB,CACxB,IAAM+C,EAAkBrL,MAAMC,KAAMsI,EAAU+C,UAAS,CAAA,EAIjDC,EAAkB,IAAIC,IAC3BH,EAAgBI,QACfC,GAAkB1L,MAAMC,KAAMwI,EAAOpJ,MAAMiK,QAAQqC,4BAA6BD,CAAAA,CAAAA,CAAAA,CAAAA,EAI5EE,EAA8BC,GAAAA,CAInC,GAAK,CAFc,KAAKC,kBAAmBD,EAAOnN,KAAM4J,CAAAA,EAGvD,MAAO,GAUR,GAAM,CAAEoC,sBAAAA,CAAqB,EAAK,KAAKK,0BAA2Bc,EAAOnN,IAAI,EAE7E,GAAK,CAACgM,EAAwB,CAC7B,IAAMqB,EAAcF,EAAOG,SAAQ,EAEnC,OAAOX,EAAgBjL,KAAMsL,GAAkBA,EAAeO,cAAeF,EAAa,EAAA,CAAA,CAC3F,CAEA,MAAO,EACR,EAEA,OAAO/L,MACLC,KAAMsL,CAAAA,EACN5K,OAAQiL,CAAAA,EACRM,IAAO5B,IAOA,CACN5L,KAHY4J,IAAW,YAAc,KAAK6D,qBAAsB7B,EAAe5L,IAAI,EAAK4L,EAAe5L,KAIvGkG,MAAO0F,EAAe0B,SAAQ,CAC/B,EACD,CACF,CAUA,6BACC1C,EACAhB,EAAiD,KACzB,CACxB,GAAM,CAAEjJ,MAAAA,CAAK,EAAK,KAAKP,OAGvB,OAFgBwK,aAAmBvB,IAAM/H,MAAMC,KAAMqJ,EAAQF,QAAO,CAAA,EAAOD,OAAOC,QAASE,CAAAA,GAE5EmC,QAAS,CAAE,CAAEvD,EAAYtD,CAAAA,IAAO,CAC9C,GAAK,CAAC,KAAKoG,wBAAyB9C,CAAAA,EACnC,MAAO,CACN,CACCxJ,KAAMwJ,EACNtD,MAAAA,CACD,CACA,EAGF,GAAK,KAAKkH,kBAAmB5D,EAAYI,CAAAA,EAAW,CACnD,IAAM8D,EAAmB,KAAKrB,0BAA2B7C,CAAAA,EACnDmE,EAAgBhN,EAAMiK,QAAQW,IAAK/B,CAAAA,GACxC7I,EAAMiK,QAAQuB,IAAK3C,CAAAA,EAAc8D,SAAQ,EAAGM,KAAKC,WAAa,aAE/D,OAAKH,EAAiBzB,kBAAoB0B,KACzCnE,EAAa,KAAKiE,qBAAsBjE,CAAAA,GAGlC,CACN,CACCxJ,KAAMwJ,EACNtD,MAAAA,CACD,CACA,CACF,CAEA,MAAO,CAAA,CACR,CAAA,CACD,CAUA,2BAAoC6D,EAAqBa,EAAsE,CAC9H,IAAMkD,EAAqD,CAAA,EACrDC,EAAgBnD,EACpBmC,QAASI,GAAAA,CACT,GAAM,CAAEhM,MAAAA,EAAO4E,IAAAA,CAAG,EAAKoH,EAAOjH,MAE9B,MAAO,CACN,CAAE8H,SAAU7M,EAAOgM,OAAAA,EAAQtF,KAAM,OAAQ,EACzC,CAAEmG,SAAUjI,EAAKoH,OAAAA,EAAQtF,KAAM,KAAM,CACrC,CACF,CAAA,EAGCoG,KAAM,CAAE,CAAED,SAAUE,CAAI,EAAI,CAAEF,SAAUG,CAAI,IAAQD,EAAKE,SAAUD,CAAAA,EAAS,EAAI,EAAC,EAEnF,OAAY,CAAEH,SAAAA,EAAUb,OAAAA,EAAQtF,KAAAA,CAAI,IAAMkG,EAAgB,CACzD,IAAMM,EAAatE,EAAO7K,cAAe,UAAW,CACnD,YAAaiO,EAAOnN,KACpB,YAAa6H,CACd,CAAA,EAEMiG,EAAeX,EAAOnN,IAAI,IAC/B8N,EAAeX,EAAOnN,IAAI,EAAK,CAAA,GAGhC8N,EAAeX,EAAOnN,IAAI,EAAIsO,KAAMD,CAAAA,EACpCtE,EAAOwE,OAAQF,EAAYL,CAAAA,CAC5B,CAEA,OAAOF,CACR,CAcA,gCACC/D,EACAyE,EAC6B,CAE7B,IAAMC,EADsB,KAAKC,8BAA+B3E,EAAQyE,CAAAA,EAC1BG,OAAkD,CAAEC,EAAKP,IAAAA,CACtG,IAAML,EAAWK,EAAWQ,eAAiB9E,EAAOjG,qBAAsBuK,EAAWQ,aAAa,EAC9FC,EAAkDF,EAAKP,EAAWrO,IAAI,EAStE+O,EAAa,GAEjB,OAAKD,GAAgB3N,OAAS2N,GAAgB/I,MAC9B,KAAKsG,0BAA2BgC,EAAWrO,IAAI,EAElDiM,iBACX2C,EAAK,KAAKnB,qBAAsBY,EAAWrO,IAAI,CAAA,EAAO4O,EAAKP,EAAWrO,IAAI,EAE1E+O,EAAa,GAGdD,EAAiB,MAGZC,IACLH,EAAKP,EAAWrO,IAAI,EAAK,CACxB,GAAG8O,EACH,CAAET,EAAWxG,IAAI,EAAImG,CACtB,GAGIK,EAAWQ,eACf9E,EAAOY,OAAQ0D,EAAWQ,aAAa,EAGjCD,CACR,EAAG,CAAA,CAAC,EAUJ,OAAOI,GACNP,EACAvI,GAAS,IAAI+I,EACZ/I,EAAM/E,OAAS4I,EAAOmF,uBAAwBV,EAAa,CAAE,CAAG,CAAA,EAChEtI,EAAMH,KAAOgE,EAAOzH,iBAAkBkM,EAAa,KAAA,CAAA,CAAA,CAGtD,CAWA,8BAAuCzE,EAAqByE,EAAuE,CAClI,IAAMW,EAAmB7N,MACvBC,KAAMwI,EAAO5D,cAAeqI,CAAAA,CAAAA,EAC5BzB,QAAS,CAAE,CAAEpL,KAAAA,CAAI,IAAE,CACnB,GAAK,CAACA,EAAKpD,GAAI,UAAW,SAAA,EACzB,MAAO,CAAA,EAGR,IAAMyB,EAAO2B,EAAKlD,aAAc,WAAA,EAC1BoJ,EAAOlG,EAAKlD,aAAc,WAAA,EAEhC,MAAO,CACN,CACCoQ,cAAelN,EACf3B,KAAAA,EACA6H,KAAAA,CACD,CACA,CACF,CAAA,EAEKuH,EAAwC,CAAA,EACxCC,EAAuC,CAAA,EAE7C,QAAYhB,KAAcc,EACpBd,EAAWxG,OAAS,QAMOsH,EAAiBzN,KAC/C4N,GAAmBA,EAAgBtP,OAASqO,EAAWrO,MAAQsP,EAAgBzH,OAAS,OAAA,GAIxFuH,EAAmBd,KAAM,CACxBO,cAAe,KACf7O,KAAMqO,EAAWrO,KACjB6H,KAAM,OACP,CAAA,GAIGwG,EAAWxG,OAAS,UAMKsH,EAAiBzN,KAC7C4N,GAAmBA,EAAgBtP,OAASqO,EAAWrO,MAAQsP,EAAgBzH,OAAS,KAAA,GAIxFwH,EAAkBE,QAAS,CAC1BV,cAAe,KACf7O,KAAMqO,EAAWrO,KACjB6H,KAAM,KACP,CAAA,GAKH,MAAO,CACHuH,GAAAA,EACAD,GAAAA,EACAE,GAAAA,CACH,CACF,CASQ5B,qBAAsBzN,EAAe,CAC5C,IAAMwP,EAAQxP,EAAKwM,MAAO,GAAA,EACpBiD,EAAQC,GAAAA,EAAMC,UAAW,EAAG,CAAA,EAMlC,OAAKH,EAAMrR,SAAW,EACd,GAAIqR,EAAMI,MAAO,EAAG,CAAA,EAAIC,KAAM,GAAA,CAAA,IAAWJ,CAAAA,GAM1C,GAAID,EAAMK,KAAM,GAAA,CAAA,IAAWJ,CAAAA,EACnC,CACD,EC1ea5I,GAAN,cAAgCsC,CAAAA,CAItC,WAAkBG,YAAa,CAC9B,MAAO,mBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBuG,UAAW,CAC5B,MAAO,CAAElJ,EAAuB,CACjC,CAKA,MAAoB,CACJ,KAAKxG,OACAS,QAAQ+B,KAEvBmN,YAAapJ,EAAAA,EAElB,KAAKqJ,gBAAe,EACpB,KAAKC,cAAa,CACnB,CAOA,+BACC3L,EACAuF,EACAxB,EACO,CACP,IAAM6H,EAA+C,KAAK9P,OAAO+P,QAAQhE,IAAK,uBAAA,EAE9E,KAAK/L,OAAOO,MAAMyP,cAAe,CAAEC,WAAYhI,IAAW,KNopBpD,EMppB6D,IAAA,CAClE,IAAMpC,EAAmBiK,EAAsBvG,iCAAkCtB,EAAQwB,CAAAA,EAEzF,KAAKzB,KAA0C,uBAAwB,CACtE9D,aAAAA,EACAgM,QAASrK,EACToC,OAAAA,CACD,CAAA,CACD,CAAA,CACD,CAKA,iBAAgC,CAC/B,IAAMjI,EAAS,KAAKA,OACdO,EAAQP,EAAOO,MACfiC,EAAOxC,EAAOS,QAAQ+B,KACtB6E,EAAe7E,EAAK7D,SACpBmR,EAA+C,KAAK9P,OAAO+P,QAAQhE,IAAK,uBAAA,EAI9E,KAAKzE,SAA2CD,EAAc,iBAAkB,CAAEK,EAAK9J,IAAAA,CACjFA,EAAKqK,QAAU,SAAW,CAACjI,EAAOO,MAAM4P,UAAWnQ,EAAOO,MAAM5B,SAAS8K,SAAS,GACtF/B,EAAIS,KAAI,CAEV,EAAG,CAAEX,SAAU,SAAU,CAAA,EAEzB,KAAKF,SAA2CD,EAAc,iBAAkB,CAAEK,EAAK9J,IAAAA,CACtF,IAAMsG,EAAetG,EAAKsG,aACtBgM,EAGJ,GAAKtS,EAAKsS,QACTA,EAAUtS,EAAKsS,YACT,CACN,IAAIE,EAAc,GAEblM,EAAamM,QAAS,WAAA,EAC1BD,EAAczS,GAAwBuG,EAAamM,QAAS,WAAA,CAAA,EACjDnM,EAAamM,QAAS,YAAA,IACjCD,EAAc7S,GAAiB2G,EAAamM,QAAS,YAAA,CAAA,GAGtDH,EAAU,KAAKlQ,OAAOpC,KAAK0S,cAAcC,OAAQH,CAAAA,CAClD,CAEA,IAAMtI,EAAY,IAAIC,GAAW,KAAM,qBAAA,EACjCyI,EAAiBtM,EAAamM,QAAS,iCAAA,GAAuC,KAEpF,KAAKrI,KAAyCF,EAAW,CACxDoI,QAAAA,EACAhM,aAAAA,EACAsM,eAAAA,EACA5I,aAAchK,EAAKgK,aACnBK,OAAQrK,EAAKqK,MACd,CAAA,EAKKH,EAAUK,KAAKC,QACnBV,EAAIS,KAAI,EAGT3F,EAAKiO,qBAAoB,CAC1B,EAAG,CAAEjJ,SAAU,KAAM,CAAA,EAErB,KAAKF,SAA6C,KAAM,sBAAuB,CAAEI,EAAK9J,IAAAA,CACrF,GAAKA,EAAKsS,QAAQzQ,QACjB,OAQD,IAAMiR,EALiB,KAAK1Q,OAAOpC,KAKE+S,QAAS/S,EAAKsS,QAAS,kBAAA,EAEvDQ,EAAc1K,YAAc,IAIjC0B,EAAIS,KAAI,EAIR5H,EAAMsJ,OAAQ,IAAA,CACb,KAAK7B,KAAsC,mBAAoB,CAC9DkI,QAASQ,EACTzI,OAAQrK,EAAKqK,OACbuI,eAAgB5S,EAAK4S,eACrBtM,aAActG,EAAKsG,aACnB0D,aAAchK,EAAKgK,YACpB,CAAA,CACD,CAAA,EACD,EAAG,CAAEJ,SAAU,KAAM,CAAA,EAErB,KAAKF,SAA0C,KAAM,mBAAoB,CAAEI,EAAK9J,IAAAA,CAC/EA,EAAKgT,YAAcd,EAAsBvE,0BAA2B3N,EAAKsS,OAAO,CACjF,EAAG,CAAE1I,SAAU,KAAM,CAAA,CACtB,CAKA,eAA8B,CAC7B,IAAMxH,EAAS,KAAKA,OACd6Q,EAAgB7Q,EAAOO,MAAM5B,SAE7B0I,EADOrH,EAAOS,QAAQ+B,KACF7D,SAEpBmS,EAAY,CAAEpJ,EAAgC9J,IAAAA,CACnD,IAAMsG,EAAetG,EAAKsG,aAE1BtG,EAAK+J,eAAc,EAEnB,KAAKoJ,+BAAgC7M,EAAc2M,EAAcpH,UAAW/B,EAAI9H,IAAI,CACrF,EAEA,KAAK0H,SAAiCD,EAAc,OAAQyJ,EAAW,CAAEtJ,SAAU,KAAM,CAAA,EACzF,KAAKF,SAAgCD,EAAc,MAAO,CAAEK,EAAK9J,IAAAA,CAG1DoC,EAAOO,MAAM4P,UAAWnQ,EAAOO,MAAM5B,SAAS8K,SAAS,EAG5DqH,EAAWpJ,EAAK9J,CAAAA,EAFhBA,EAAK+J,eAAc,CAIrB,EAAG,CAAEH,SAAU,KAAM,CAAA,EAErB,KAAKF,SAA8C,KAAM,uBAAwB,CAAEI,EAAK9J,IAAAA,CACvF,IAAMsS,EAAUlQ,EAAOpC,KAAK2S,OAAQ3S,EAAKsS,QAAS,CAAEc,oBAAqB,EAAK,CAAA,EAE9E3J,EAAaW,KAAwC,kBAAmB,CACvE9D,aAActG,EAAKsG,aACnBgM,QAAAA,EACAjI,OAAQrK,EAAKqK,MACd,CAAA,CACD,EAAG,CAAET,SAAU,KAAM,CAAA,EAErB,KAAKF,SAA4CD,EAAc,kBAAmB,CAAEK,EAAK9J,IAAAA,CAClFA,EAAKsS,QAAQzQ,UAClB7B,EAAKsG,aAAa+M,QAAS,YAAa,KAAKjR,OAAOpC,KAAK0S,cAAcY,OAAQtT,EAAKsS,OAAO,CAAA,EAC3FtS,EAAKsG,aAAa+M,QAAS,aAAcjT,GAAiBgC,EAAOpC,KAAK0S,cAAc/N,aAAc3E,EAAKsS,OAAO,CAAA,EAC9GtS,EAAKsG,aAAa+M,QAAS,kCAAmC,KAAKjR,OAAOmR,EAAE,GAGxEvT,EAAKqK,QAAU,OACnBjI,EAAOO,MAAM6Q,cAAeP,EAAcpH,SAAS,CAErD,EAAG,CAAEjC,SAAU,KAAM,CAAA,CACtB,CACD,EC3UMd,GAAuB2K,GAAQ,IAAA,EAOxB1K,GAAN,cAAuB2K,CAAAA,CAoC7B,aAAc,CACb,MAAK,EAEL,IAAMC,EAAO,KAAKC,aAElB,KAAKlI,IAAK,CACTmI,UAAW,GACXtO,KAAM,KACNE,IAAK,KACLqO,MAAO,IACR,CAAA,EAEA,KAAKC,YAAa,CACjBC,IAAK,MACLC,WAAY,CACXC,MAAO,CACN,KACA,gCACAP,EAAKQ,GAAI,YAAa,YAAaC,GAAS,CAACA,CAAAA,CAC7C,EACDC,MAAO,CACN9O,KAAMoO,EAAKW,GAAI,OAAQ/O,GAAQuD,GAAMvD,CAAAA,CAAAA,EACrCE,IAAKkO,EAAKW,GAAI,MAAO7O,GAAOqD,GAAMrD,CAAAA,CAAAA,EAClCqO,MAAOH,EAAKW,GAAI,QAASR,GAAShL,GAAMgL,CAAAA,CAAAA,CACzC,CACD,CACD,CAAA,CACD,CACD,EC1Ca9K,GAAN,cAA6BmC,CAAAA,CAMnBoJ,wBAA0BC,GAAO,IAAM,KAAKC,iBAAgB,EAAI,EAAA,EAK/DC,2BAA6BC,GAC7CC,GAAe,KAAKC,kBAAmBD,CAAAA,EAAe,EAAA,EAMtCE,0BAA4BH,GAAU,IAAA,CACjD,KAAKvS,OAAOO,MAAMiK,QAAQW,IAAK,aAAA,GACnC,KAAKnL,OAAOS,QAAQkS,gBAAiB,aAAA,CAEvC,EAAG,CAAA,EAKKC,oBAAsB,IAAIjM,GAKlC,YAAkC,IAAMkM,GAAAA,GAKhCC,aAAe,IAAI7J,IAQ3B,WAAkBC,YAAa,CAC9B,MAAO,gBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,KAAK4J,iBAAgB,CACtB,CAKA,SAAgC,CAC/B,KAAKC,YAAYC,cAAa,EAE9B,OAAY,CAAEC,eAAAA,CAAc,IAAM,KAAKJ,aAAa7H,OAAM,EACzDiI,EAAeC,QAAO,EAGvB,YAAKb,2BAA2Bc,OAAM,EACtC,KAAKjB,wBAAwBiB,OAAM,EACnC,KAAKV,0BAA0BU,OAAM,EAE9B,MAAMD,QAAAA,CACd,CAQA,iBACClT,EACAC,EACAC,EACAC,EACAC,EACAC,EACoB,CACpB,KAAK6R,wBAAwBiB,OAAM,EAEnC,IAAMZ,EAAczS,GACnB,KAAKC,OACLC,EACAC,EACAC,EACAC,EACAC,EACAC,CAAAA,EAID,OAAMkS,EAIDlS,GAAgBA,EAAa6M,cAAeqF,CAAAA,GAEhD,KAAKH,iBAAgB,EAEd,MAGHG,GAAe,CAAC,KAAKxS,OAAOO,MAAM4P,UAAWqC,CAAAA,GAEjD,KAAKH,iBAAgB,EAEd,OAGR,KAAKC,2BAA4BE,CAAAA,EAE1BA,GAnBC,IAoBT,CAOA,kBACCvS,EACAC,EACAC,EACAC,EACAC,EACAC,EACoB,CACpB,IAAMkS,EAAczS,GACnB,KAAKC,OACLC,EACAC,EACAC,EACAC,EACAC,EACAC,CAAAA,EAID,YAAK+R,iBAAgB,EAEdG,CACR,CAOA,kBAAgC,CAC/B,IAAMjS,EAAQ,KAAKP,OAAOO,MAE1B,KAAK4R,wBAAwBiB,OAAM,EACnC,KAAKd,2BAA2Bc,OAAM,EACtC,KAAKR,oBAAoBnB,UAAY,GAEhClR,EAAMiK,QAAQW,IAAK,aAAA,GACvB5K,EAAMsJ,OAAQF,GAAAA,CACbA,EAAO0J,aAAc,aAAA,CACtB,CAAA,CAEF,CAKA,kBAAiC,CAChC,IAAMrT,EAAS,KAAKA,OAEpBA,EAAOsT,GAAG9Q,KAAK+Q,KAAKC,IAAK,KAAKZ,mBAAmB,EAGjD5S,EAAOyT,WAAWC,IAAK,iBAAA,EAAoBC,kBAAmB,CAC7DpT,MAAO,cACPiC,KAAM,CACLoR,QAAS,CAAE,gCAAkC,CAC9C,CACD,CAAA,EAGA5T,EAAOyT,WAAWC,IAAK,iBAAA,EAAoBG,gBAAiB,CAC3DtT,MAAO,cACPiC,KAAM,CAAE5E,EAAM,CAAE+L,OAAAA,CAAM,IAAE,CAEvB,GAAK3J,EAAOO,MAAMK,OAAOC,WAAYjD,EAAKqP,YAAYlM,MAAO,OAAA,EAC5D,YAAK6R,oBAAoBnB,UAAY,GAE9B,KAAKqC,0BAA2BnK,CAAAA,EAIlC/L,EAAKqP,YAAY8G,YACrB,KAAKC,sBAAuBpW,EAAKqP,WAAW,EAE5C,KAAK2F,oBAAoBnB,UAAY,EAGxC,CACD,CAAA,CACD,CAOQgB,kBAAmBD,EAAgC,CAC1D,IAAMxS,EAAS,KAAKA,OACdwK,EAAUxK,EAAOO,MAAMiK,QAE7BxK,EAAOO,MAAMsJ,OAAQF,GAAAA,CACfa,EAAQW,IAAK,aAAA,EACXX,EAAQuB,IAAK,aAAA,EAAiBmB,SAAQ,EAAG+G,QAASzB,CAAAA,GACvD7I,EAAOuK,aAAc,cAAe,CAAEpO,MAAO0M,CAAY,CAAA,EAG1D7I,EAAOyB,UAAW,cAAe,CAChCtF,MAAO0M,EACPnH,eAAgB,GAChBC,YAAa,EACd,CAAA,CAEF,CAAA,CACD,CAKQwI,0BAA2BnK,EAA0C,CAC5E,OAAOA,EAAOwK,gBAAiB,OAAQ,CAAErC,MAAO,sCAAuC,EAAG,SAAUsC,EAAW,CAC9G,IAAMzR,EAAa,KAAK0R,aAAcD,CAAAA,EAGtCzR,OAAAA,EAAW2R,OAAQ,SAAUF,EAAYtV,cAAe,MAAA,EAAU,QAAA,EAE3D6D,CACR,CAAA,CACD,CAKQqR,sBAAuBlO,EAA0B,CACxD,IAAMrF,EAAU,KAAKT,OAAOS,QAEtB8T,EAAazO,EAAM/E,MAAMwT,WACzBC,EAAY1O,EAAM/E,MAAMyT,UACxBC,EAAa3O,EAAM/E,MAAMW,OAEzBgT,EAAoBH,EAAa9T,EAAQD,OAAOkC,cAAe6R,CAAAA,EAAe,KAC9EI,EAAmBD,EAAoBjU,EAAQ+B,KAAKD,aAAaK,aAAc8R,CAAAA,EAAsB,KAErGE,EAAmBJ,EAAY/T,EAAQD,OAAOkC,cAAe8R,CAAAA,EAAe,KAC5EK,EAAkBD,EAAmBnU,EAAQ+B,KAAKD,aAAaK,aAAcgS,CAAAA,EAAqB,KAElGE,EAAoBrU,EAAQD,OAAOkC,cAAe+R,CAAAA,EAExD,GAAK,CAACK,EACL,OAGD,IAAMC,EAAmBtU,EAAQ+B,KAAKD,aAAaK,aAAckS,CAAAA,EAE3DE,EAAoB,KAAKC,mBAAoBH,CAAAA,EAE7C,CAAEI,QAAAA,EAASC,QAAAA,CAAO,EAAKtS,EAAOC,OAC9BsS,EAAaT,EAAmB,IAAIzR,EAAMyR,CAAAA,EAAqB,KAC/DU,EAAYR,EAAkB,IAAI3R,EAAM2R,CAAAA,EAAoB,KAC5DS,EAAa,IAAIpS,EAAM6R,CAAAA,EAAmBQ,4BAA2B,EAErEC,EAAQJ,EAAaA,EAAW9R,OAASgS,EAAWjS,IACpDoS,EAAQJ,EAAYA,EAAUhS,IAAMiS,EAAWhS,OAE/CoS,EAAc7S,EAAOC,OAAOC,iBAAkBgS,CAAAA,EAC9C1R,GAAQmS,GAASC,GAAUD,EAAQC,GAAU,EAAIA,EAEvD,GAAKT,EAAkB3R,IAAMA,IAAOA,GAAM2R,EAAkB1R,OAAS,CACpE,IAAMH,EAAOmS,EAAWnS,KAAOwS,WAAYD,EAAYE,WAAW,EAC5DxS,EAAQkS,EAAWlS,MAAQuS,WAAYD,EAAYG,YAAY,EAE/DC,EAAc1T,KAAK2T,IAAK5S,EAAO+R,EAASF,EAAkB7R,IAAI,EAC9D6S,EAAe5T,KAAK6T,IAAK7S,EAAQ8R,EAASF,EAAkB5R,KAAK,EAEvE,KAAKwP,oBAAoBtJ,IAAK,CAC7BmI,UAAW,GACXtO,KAAM2S,EACNzS,IAAKA,GAAM8R,EACXzD,MAAOsE,EAAeF,CACvB,CAAA,CACD,MACC,KAAKlD,oBAAoBnB,UAAY,EAEvC,CAKQwD,mBAAoBxS,EAAiC,CAC5D,IAAMgL,EAAahL,EAAY+K,KAAkCC,SAE7DyI,EAEJ,GAAK,KAAKpD,aAAa3H,IAAKsC,CAAAA,EAC3ByI,EAAgB,KAAKpD,aAAa/G,IAAK0B,CAAAA,EAAY9K,eAC7C,CACN,IAAMA,EAAa,KAAK3C,OAAOS,QAAQ+B,KAAKD,aAAaK,aAAcH,CAAAA,EAEvEyT,EAAgBtS,GAAuBjB,CAAAA,EAEvC,KAAKqQ,YAAY1L,SAAU4O,EAAe,SAAU,KAAKxD,0BAA2B,CAAEyD,WAAY,EAAK,CAAA,EACvG,IAAMjD,EAAiB,IAAIkD,GAAgBF,EAAe,KAAKxD,yBAAyB,EAExF,KAAKI,aAAaxJ,IAAKmE,EAAU,CAChC9K,WAAYuT,EACZhD,eAAAA,CACD,CAAA,CACD,CAEA,OAAO,IAAIhQ,EAAMgT,CAAAA,EAAgBX,4BAA2B,CAC7D,CACD,EC9Va1O,GAAN,cAAmCkC,CAAAA,CAIjCsN,iBAAmB,GAK3B,YAAkC,IAAMxD,GAAAA,GAKxC,WAAkB3J,YAAa,CAC9B,MAAO,sBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMnJ,EAAS,KAAKA,OAepB,GAbA,KAAKsH,SAA0CtH,EAAQ,oBAAqB,CAAE0H,EAAK9H,EAAM0W,IAAAA,CACnFA,GACJ,KAAKC,cAAe,cAAA,EACpB,KAAKF,iBAAmB,IAExB,KAAKG,mBAAoB,cAAA,CAE3B,CAAA,EAEKrS,EAAIsS,WACR,KAAKF,cAAe,kBAAA,EAGhBvW,EAAO+P,QAAQ5E,IAAK,cAAA,EAAmB,CAE3C,IAAMlM,EAD6Be,EAAO+P,QAAQhE,IAAK,cAAA,EAC1B2K,WAAWzX,QAExC,KAAK+T,YAAY1L,SAAUrI,EAAS,YAAa,CAAEyI,EAAK9J,IAAU,KAAK+Y,sBAAuB/Y,CAAAA,CAAAA,EAC9F,KAAKoV,YAAY1L,SAAUzE,EAAOlE,SAAU,WAAY,CAAE+I,EAAK9J,IAAU,KAAKgZ,qBAAsBhZ,CAAAA,CAAAA,EACpG,KAAKoV,YAAY1L,SAAUzE,EAAOlE,SAAU,OAAQ,CAAE+I,EAAK9J,IAAU,KAAKgZ,qBAAsBhZ,CAAAA,CAAAA,EAChG,KAAKoV,YAAY1L,SAAUzE,EAAOlE,SAAU,UAAW,IAAM,KAAKkY,oBAAmB,EAAI,CAAEC,WAAY,EAAK,CAAA,EAEvG,KAAKC,WACT9X,EAAQ+X,aAAc,YAAa,MAAA,EAGpC,KAAKC,GAAoC,mBAAoB,CAAEvP,EAAK9H,EAAMmX,IAAAA,CACzE9X,EAAQ+X,aAAc,YAAaD,EAAY,OAAS,OAAA,CACzD,CAAA,CACD,CACD,CAKA,SAAgC,CAC/B,YAAK/D,YAAYC,cAAa,EAEvB,MAAME,QAAAA,CACd,CAKQwD,sBAAuBzO,EAA4B,CAC1D,GAAK,CAAC,KAAK6O,UACV,OAGD,IAAMxW,EAAQ,KAAKP,OAAOO,MACpBkJ,EAAYlJ,EAAM5B,SAAS8K,UAC3BjH,EAAO,KAAKxC,OAAOS,QAAQ+B,KAE3B0U,EAAShW,MAAMC,KAAMsI,EAAU0N,kBAAiB,CAAA,EAChD7W,EAAeC,EAAMiB,YAC1BjB,EAAMmD,qBAAsBwT,EAAQ,CAAA,CAAG,EACvC3W,EAAM6E,oBAAqB8R,EAAQA,EAAOnZ,OAAS,CAAA,CAAG,CAAA,EAGvDwC,EAAMsJ,OAAQF,GAAUA,EAAOI,aAAczJ,CAAAA,CAAAA,EAE7C,KAAK+V,iBAAmB,GAExB7T,EAAK4U,MAAK,EACV5U,EAAK6U,YAAa9Q,EAAAA,EAAqB+B,WAAYJ,CAAAA,CACpD,CAKQ0O,qBAAsB1O,EAA4B,CACzD,GAAK,CAAC,KAAK6O,WAAa,CAAC,KAAKV,iBAC7B,OAGD,IAAMlW,EAAU+H,EAAS/H,SAAY,KAAKH,OAAOsX,OAAOC,0BAA4B,MAAQ,IAAM,MAC5FnX,EAAU8H,EAAS9H,QACnBoE,EAAS7F,SAAS6Y,iBAAkBrX,EAASC,CAAAA,EAC7CoC,EAAO,KAAKxC,OAAOS,QAAQ+B,KAE5B,CAACgC,GAAU,CAACA,EAAOiT,QAAS,sBAAA,GAIjCjV,EAAK6U,YAAa9Q,EAAAA,EAAqB+B,WAAY,CAClD,GAAGJ,EACHT,KAAMS,EAAST,KACfvD,aAAcgE,EAAShE,aACvBM,OAAAA,EACArE,QAAAA,EACAC,QAAAA,EACAuH,eAAgB,IAAMO,EAASP,eAAc,EAC7CU,gBAAiB,IAAMH,EAASG,gBAAe,CAChD,CAAA,CACD,CAKA,qBAAoC,CACnC,KAAKgO,iBAAmB,EACzB,CACD,ECZavP,GAAN,cAAuBiC,CAAAA,CAI7B,cAOA,aAKA,kBAKQ2O,iCAA4DtF,GAAO,IAAM,KAAKuF,0BAAyB,EAAI,EAAA,EAO3GC,WAAsB,GAK9B,YAAkC,IAAM/E,GAAAA,GAKxC,kBAKA,WAAkB3J,YAAa,CAC9B,MAAO,UACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBuG,UAAW,CAC5B,MAAO,CAAEjJ,GAAmBoR,GAAQjR,GAAgBC,EAAsB,CAC3E,CAKA,MAAoB,CACnB,IAAM7G,EAAS,KAAKA,OACdwC,EAAOxC,EAAOS,QAAQ+B,KAE5B,KAAKsV,cAAgB,KACrB,KAAKC,aAAe,GACpB,KAAKC,kBAAoB,KAEzBxV,EAAKmN,YAAapJ,EAAAA,EAClB/D,EAAKmN,YAAasI,EAAAA,EAElB,KAAKC,eAAc,EACnB,KAAKC,kCAAiC,EACtC,KAAKC,gCAA+B,EACpC,KAAKC,iCAAgC,EAErC,KAAK/Q,SAA0CtH,EAAQ,oBAAqB,CAAE0H,EAAK9H,EAAM0W,IAAAA,CACnFA,EACJ,KAAKC,cAAe,cAAA,EAEpB,KAAKC,mBAAoB,cAAA,CAE3B,CAAA,EAEA,KAAKS,GAAoC,mBAAoB,CAAEvP,EAAK9H,EAAMmX,IAAAA,CACnEA,GACL,KAAKuB,kBAAmB,EAAA,CAE1B,CAAA,EAEKnU,EAAIsS,WACR,KAAKF,cAAe,kBAAA,CAEtB,CAKA,SAAgC,CAC/B,OAAK,KAAKuB,gBACT,KAAKA,cAAcS,OAAM,EACzB,KAAKT,cAAgB,MAGjB,KAAKU,mBACT,KAAKA,kBAAkBjO,OAAM,EAG9B,KAAKyI,YAAYC,cAAa,EAC9B,KAAKyE,iCAAiCtE,OAAM,EAErC,MAAMD,QAAAA,CACd,CAKA,gBAA+B,CAC9B,IAAMnT,EAAS,KAAKA,OACdO,EAAQP,EAAOO,MACfiC,EAAOxC,EAAOS,QAAQ+B,KACtB6E,EAAe7E,EAAK7D,SACpB8Z,EAAiBzY,EAAO+P,QAAQhE,IAAKnF,EAAAA,EAG3C,KAAKU,SAAsCD,EAAc,YAAa,CAAEK,EAAK9J,IAAAA,CAE5E,GAAKA,EAAK4G,QAAQrG,GAAI,iBAAA,EAAsB,CAC3CP,EAAK+J,eAAc,EAEnB,MACD,CAIA,GAFA,KAAK+Q,qBAAsB9a,EAAK4G,MAAM,EAEjC,CAAC,KAAKsT,cAAgB,CAC1Bla,EAAK+J,eAAc,EAEnB,MACD,CAEA,KAAKoQ,aAAezI,GAAAA,EAEpB,IAAMqJ,EAAwB,KAAK5B,WAAa/W,EAAOO,MAAM4P,UAAW,KAAK2H,aAAa,EAE1Fla,EAAKsG,aAAaI,cAAgBqU,EAAwB,WAAa,OACvE/a,EAAKsG,aAAa+M,QAAS,qCAAsC,KAAK8G,YAAY,EAElF,IAAMa,EAAmBrY,EAAMsY,gBAAiB,KAAKf,cAAcgB,QAAO,CAAA,EAC7B,KAAK9Y,OAAO+P,QAAQhE,IAAK,mBAAA,EAEpDgF,+BAAgCnT,EAAKsG,aAAc0U,EAAkB,WAAA,EAEvF,GAAM,CAAE1U,aAAAA,EAAc6U,UAAAA,EAAW7Q,SAAAA,CAAQ,EAAKtK,EACxC,CAAEuC,QAAAA,CAAO,EAAK+H,EAEpB,KAAK8Q,eAAgB,CAAE9U,aAAAA,EAAc6U,UAAAA,EAAW5Y,QAAAA,CAAQ,CAAA,EAExDvC,EAAKyK,gBAAe,EAEdsQ,IACL,KAAKb,cAAcS,OAAM,EACzB,KAAKT,cAAgB,KACrB,KAAKC,aAAe,GAEtB,EAAG,CAAEvQ,SAAU,KAAM,CAAA,EAKrB,KAAKF,SAAoCD,EAAc,UAAW,CAAEK,EAAK9J,IAAAA,CACxE,KAAK0a,kBAAmB,CAAC1a,EAAKsG,aAAa+U,YAAcrb,EAAKsG,aAAaG,YAAc,MAAA,CAC1F,EAAG,CAAEmD,SAAU,KAAM,CAAA,EAGrB,KAAKwL,YAAY1L,SAAUzE,EAAOlE,SAAU,UAAW,IAAA,CACtD,KAAKiZ,WAAa,EACnB,EAAG,CAAEd,WAAY,EAAK,CAAA,EAGtB,KAAKxP,SAAsCD,EAAc,YAAa,IAAA,CAC/D,KAAK0P,WAIXvU,EAAK4U,MAAK,CACX,CAAA,EAGA,KAAK9P,SAAsCD,EAAc,YAAa,IAAA,CAGrEoR,EAAetG,wBAAuB,CACvC,CAAA,EAGA,KAAK7K,SAAqCD,EAAc,WAAY,CAAEK,EAAK9J,IAAAA,CAC1E,GAAK,CAAC,KAAKmZ,UAAY,CACtBnZ,EAAKsG,aAAaG,WAAa,OAE/B,MACD,CAEA,GAAM,CAAElE,QAAAA,EAASC,QAAAA,CAAO,EAAOxC,EAA8CsK,SAY7E,GAAK,CAVeuQ,EAAeS,iBAClCtb,EAAK4G,OACL5G,EAAKgK,aACLzH,EACAC,EACA,KAAKwX,WACL,KAAKE,aAAa,EAIC,CACnBla,EAAKsG,aAAaG,WAAa,OAE/B,MACD,CAIM,KAAKyT,gBACVla,EAAKsG,aAAaG,WAAa,QAI1BF,EAAIC,UACJxG,EAAKsG,aAAaI,eAAiB,OACvC1G,EAAKsG,aAAaG,WAAa,OACpB,CAAE,MAAO,UAAY,EAAC3G,SAAUE,EAAKsG,aAAaI,aAAa,IAC1E1G,EAAKsG,aAAaG,WAAa,SAIjCqD,EAAIS,KAAI,CACT,EAAG,CAAEX,SAAU,KAAM,CAAA,CACtB,CAKA,iCAAgD,CAC/C,IAAMxH,EAAS,KAAKA,OAEdqH,EADOrH,EAAOS,QAAQ+B,KACF7D,SACpB8Z,EAAiBzY,EAAO+P,QAAQhE,IAAKnF,EAAAA,EAG3C,KAAKU,SAA2CD,EAAc,iBAAkB,CAAEK,EAAK9J,IAAAA,CACtF,GAAKA,EAAKqK,QAAU,OACnB,OAGD,GAAM,CAAE9H,QAAAA,EAASC,QAAAA,CAAO,EAAOxC,EAA8CsK,SACvEsK,EAAciG,EAAeU,kBAClCvb,EAAK4G,OACL5G,EAAKgK,aACLzH,EACAC,EACA,KAAKwX,WACL,KAAKE,aAAa,EAGnB,GAAK,CAACtF,EAAc,CACnB,KAAK8F,kBAAmB,EAAA,EACxB5Q,EAAIS,KAAI,EAER,MACD,CAaA,GATK,KAAK2P,eAAiB,KAAKC,cAAgBna,EAAKsG,aAAamM,QAAS,oCAAA,IAC1E,KAAKyH,cAAcS,OAAM,EACzB,KAAKT,cAAgB,KACrB,KAAKC,aAAe,IAIN9T,GAAoBrG,EAAKsG,YAAY,GAAM,QAE3C,KAAK4T,eAAiB,KAAKA,cAAc3K,cAAeqF,EAAa,EAAA,EAAS,CAC5F,KAAK8F,kBAAmB,EAAA,EACxB5Q,EAAIS,KAAI,EAER,MACD,CAGAvK,EAAKgK,aAAe,CAAE5H,EAAOS,QAAQD,OAAO4Y,YAAa5G,CAAAA,CAAe,CACzE,EAAG,CAAEhL,SAAU,MAAO,CAAA,CACvB,CAKA,mCAAkD,CACjD,IAAM6R,EAAoB,KAAKrZ,OAAO+P,QAAQhE,IAAKtF,EAAAA,EAEnD4S,EAAkBpC,GAAoC,mBAAoB,CAAEvP,EAAK9J,IAAAA,CAChF,GAAK,CAAC,KAAKmZ,WAAanZ,EAAKqK,SAAW,OACvC,OAKD,IAAMqR,EAAS1b,EAAKgK,aAAcwF,IAAKmM,GAAa,KAAKvZ,OAAOS,QAAQD,OAAOgZ,aAAcD,CAAAA,CAAAA,EAE7F,KAAKvZ,OAAOO,MAAMsJ,OAAQF,GAAUA,EAAOI,aAAcuP,CAAAA,CAAAA,CAC1D,EAAG,CAAE9R,SAAU,MAAO,CAAA,EAEtB6R,EAAkBpC,GAAoC,mBAAoB,CAAEvP,EAAK9J,IAAAA,CAChF,GAAK,CAAC,KAAKmZ,WAAanZ,EAAKqK,SAAW,OACvC,OAID,IAAMwR,EAASxV,GAAoBrG,EAAKsG,YAAY,GAAM,OAKpDwV,EAAY,CAAC9b,EAAKgT,aAAe,CAAChT,EAAKgT,YAAYmD,YAEzD,KAAKuE,kBAAmBoB,GAAaD,CAAAA,CACtC,EAAG,CAAEjS,SAAU,QAAS,CAAA,CACzB,CAKA,kCAAiD,CAChD,IAAMxH,EAAS,KAAKA,OACdwC,EAAOxC,EAAOS,QAAQ+B,KACtB6E,EAAe7E,EAAK7D,SAI1B,KAAK2I,SAAwCD,EAAc,cAAe,CAAEK,EAAK9J,IAAAA,CAGhF,GAAKuG,EAAIsS,WAAa,CAAC7Y,EACtB,OAGD,KAAK8Z,iCAAiCtE,OAAM,EAG5C,IAAIuG,EAAmBpV,GAAqB3G,EAAK4G,MAAM,EAUvD,GAAKL,EAAIyV,SAAW,CAAC5Z,EAAOsW,YAAc,CAACqD,GAAoB,CAACtS,EAAaoC,UAAUsK,YAAc,CACpG,IAAM8F,EAAkBxS,EAAaoC,UAAUqQ,mBAAkB,GAE5D,CAACD,GAAmB,CAAClV,GAAUkV,CAAAA,KACnCF,EAAmBtS,EAAaoC,UAAUsQ,gBAE5C,CAEKJ,IACJnX,EAAKqH,OAAQF,GAAAA,CACZA,EAAOqN,aAAc,YAAa,OAAQ2C,CAAAA,CAC3C,CAAA,EAGA,KAAK3B,kBAAoBhY,EAAOS,QAAQD,OAAOgD,eAAgBmW,CAAAA,EAEjE,CAAA,EAGA,KAAKrS,SAAsCD,EAAc,YAAa,IAAA,CAC/DlD,EAAIsS,WACT,KAAKiB,iCAAgC,CAEvC,CAAA,CACD,CAKA,2BAA0C,CACzC,IAAMjX,EAAU,KAAKT,OAAOS,QAE5BA,EAAQ+B,KAAKqH,OAAQF,GAAAA,CAEf,KAAKqO,mBAAqB,KAAKA,kBAAkBxK,KAAKC,UAAY,cACtE9D,EAAOqQ,gBAAiB,YAAavZ,EAAQD,OAAOkC,cAAe,KAAKsV,iBAAiB,CAAA,EAG1F,KAAKA,kBAAoB,IAC1B,CAAA,CACD,CAOQM,kBAAmB2B,EAAuB,CACjD,IAAMja,EAAS,KAAKA,OACdO,EAAQP,EAAOO,MACEP,EAAO+P,QAAQhE,IAAKnF,EAAAA,EAE5ByL,iBAAgB,EAC/B,KAAKsF,0BAAyB,EAEzB3X,EAAO+P,QAAQ5E,IAAK,yBAAA,GACiCnL,EAAO+P,QAAQhE,IAAK,yBAAA,EAErDyK,mBAAoB,UAAA,EAG7C,KAAKuB,aAAe,GAEf,KAAKS,oBACT,KAAKA,kBAAkBjO,OAAM,EAC7B,KAAKiO,kBAAoB0B,QAGpB,KAAKpC,gBAKNmC,GAAS,KAAKlD,WAClBxW,EAAMsJ,OAAQF,GAAAA,CACb,IAAMF,EAAYlJ,EAAMsY,gBAAiB,KAAKf,aAAa,EAE3DvX,EAAM6Q,cAAe3H,EAAW,CAAE0Q,mBAAoB,EAAK,CAAA,EAG3D,IAAMC,EAAkB3Q,EAAU4Q,iBAAgB,EAAI3Y,OAGrD0Y,EAAgB3a,SAChB,CAACc,EAAMK,OAAOC,WAAYuZ,EAAiB,OAAA,GAC3C7Z,EAAMK,OAAOC,WAAYuZ,EAAiB,WAAA,GAE1CzQ,EAAO2Q,cAAe,YAAaF,EAAiB,CAAA,CAEtD,CAAA,EAGD,KAAKtC,cAAcS,OAAM,EACzB,KAAKT,cAAgB,KACtB,CAKQY,qBAAsBlU,EAA4B,CACzD,IAAMxE,EAAS,KAAKA,OACdO,EAAQP,EAAOO,MACfkJ,EAAYlJ,EAAM5B,SAAS8K,UAG3B8Q,EAAkB/V,EAASD,GAAqBC,CAAAA,EAAW,KAEjE,GAAK+V,EAAkB,CACtB,IAAM7Z,EAAeV,EAAOS,QAAQD,OAAOgD,eAAgB+W,CAAAA,EAE3D,KAAKzC,cAAgB0C,GAAeC,UAAWla,EAAMgF,cAAe7E,CAAAA,CAAAA,EACpE,KAAKkX,WAAarX,EAAMK,OAAOgB,QAASlB,CAAAA,EAGnCV,EAAO+P,QAAQ5E,IAAK,yBAAA,GACiCnL,EAAO+P,QAAQhE,IAAK,yBAAA,EAErDwK,cAAe,UAAA,EAGxC,MACD,CAGA,GAAK9M,EAAUsK,aAAe,CAAGtK,EAAU4Q,iBAAgB,EAAI3Y,OAAyBjC,QACvF,OAGD,IAAMyX,EAAShW,MAAMC,KAAMsI,EAAU0N,kBAAiB,CAAA,EAChD7W,EAAemJ,EAAUiR,cAAa,EAE5C,GAAKxD,EAAOnZ,QAAU,EAAI,CACzB,KAAK+Z,cAAgB0C,GAAeC,UAAWna,CAAAA,EAE/C,MACD,CAEA,IAAMqa,EAAa9V,GAAuCtE,EAAO2W,CAAAA,EAEjE,GAAKA,EAAOnZ,OAAS,EACpB,KAAK+Z,cAAgB0C,GAAeC,UAAWE,CAAAA,EAC/C,KAAK/C,WAAa,WAEPV,EAAOnZ,QAAU,EAAI,CAChC,IAAM6c,EAAoBta,EAAaS,MAAM0E,WAAYkV,EAAW5Z,KAAK,GACvET,EAAaqF,IAAIF,WAAYkV,EAAWhV,GAAG,EAE7C,KAAKmS,cAAgB0C,GAAeC,UAAWG,EAAoBD,EAAara,CAAAA,EAChF,KAAKsX,WAAagD,CACnB,CAEAra,EAAMsJ,OAAQF,GAAUA,EAAOI,aAAc,KAAK+N,cAAegB,QAAO,CAAA,CAAA,CACzE,CAKQE,eAAgB,CACvB9U,aAAAA,EACA6U,UAAAA,EACA5Y,QAAAA,CAAO,EAKE,CACT,IAAMqC,EAAO,KAAKxC,OAAOS,QAAQ+B,KAC3BqY,EAAWrY,EAAK7D,SAAS8K,UAAUsQ,gBACnCe,EAActY,EAAKD,aAAaK,aAAciY,CAAAA,EAC9CE,EAAgBlY,EAAOC,OAAOC,iBAAkB+X,CAAAA,EAEhD,KAAKtC,kBAMC,KAAKA,kBAAkBwC,mBAClC,KAAKxC,kBAAkByC,YAAa,KAAKzC,kBAAkBwC,iBAAiB,GAN5E,KAAKxC,kBAAoB1Z,GAAe+D,EAAOlE,SAAU,MAAO,CAC/DsT,MAAO,mCACR,CAAA,EAEApP,EAAOlE,SAAS4U,KAAK2H,YAAa,KAAK1C,iBAAiB,GAKzD,IAAM2C,EAAUrc,GAAe+D,EAAOlE,SAAU,KAAA,EAEhDwc,EAAQC,UAAY,qCAEpB,IAAMC,EAAU,IAAInY,EAAM4X,CAAAA,EACpBQ,EAAyB3F,WAAYoF,EAAcnF,WAAW,EAC9D2F,EAA0B5F,WAAYoF,EAAclF,YAAY,EAChE2F,EAAgB7F,WAAYoF,EAAcrJ,KAAK,EAAK4J,EAAyBC,EAGnF,GAAMT,EAAYW,SAAU1C,CAAAA,EAWrB,GAAK5U,EAAIuX,MAEfP,EAAQlJ,MAAM0J,SAAW,GAAIH,CAAAA,KAC7BL,EAAQlJ,MAAM2J,QAAU,OACxBT,EAAQlJ,MAAM4J,SAAW,QACzBV,EAAQlJ,MAAM6J,UAAY,OAC1BX,EAAQlJ,MAAM8J,UAAY,aAC1BZ,EAAQlJ,MAAM+J,gBAAkB,sCAGhC,gBApBM7X,EAAIuX,MAOTP,EAAQlJ,MAAMP,MAAQ,GAAI8J,CAAAA,KAC1BL,EAAQlJ,MAAM+J,gBAAkB,sCARf,CACjB,IAAMC,EAAaZ,EAAQlY,KAAOhD,EAAUmb,EAE5CH,EAAQlJ,MAAMP,MAAQ,GAAI8J,EAAgBS,CAAAA,KAC1Cd,EAAQlJ,MAAM2D,YAAc,GAAIqG,CAAAA,IACjC,CAkBDzZ,EAAKD,aAAa2Z,aAAcf,EAASjX,EAAamM,QAAS,WAAA,CAAA,EAE/DnM,EAAaiY,aAAchB,EAAS,EAAG,CAAA,EAEvC,KAAK3C,kBAAkB0C,YAAaC,CAAAA,CACrC,CACD,ECzsBapU,GAAN,cAA6BgC,CAAAA,CAInC,WAAkBG,YAAa,CAC9B,MAAO,gBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBuG,UAAW,CAC5B,MAAO,CAAEjJ,EAAmB,CAC7B,CAKA,MAAoB,CACnB,IAAMzG,EAAS,KAAKA,OACdO,EAAQP,EAAOO,MACfiC,EAAOxC,EAAOS,QAAQ+B,KACtBiH,EAAYlJ,EAAM5B,SAAS8K,UAEjCjH,EAAKmN,YAAapJ,EAAAA,EAElBvG,EAAO+P,QAAQhE,IAAKtF,EAAAA,EAAoBwQ,GAAoC,mBAAoB,CAAEvP,EAAK9J,IAAAA,CAChGgI,GAA4BhI,EAAKsS,QAAS3P,CAAAA,GAIhDA,EAAMsJ,OAAQF,GAAAA,CAEb,IAAMyS,EAAiBlb,MAAMC,KAAMsI,EAAU4S,cAAa,CAAA,EACxDxa,OAAQ,CAAE,CAAEuE,CAAAA,IAAW7F,EAAMK,OAAOyF,uBAAwBD,CAAAA,EAAME,YAAY,EAE1EmD,EAAUsK,aACfxT,EAAM6Q,cAAe3H,EAAW,CAAE0Q,mBAAoB,EAAK,CAAA,EAM5DiC,EAAelO,KAAI,GAAKzE,EAAU4S,cAAa,CAAA,EAE/C,IAAMvW,EAAQ6D,EAAO5D,cAAenI,EAAKsS,OAAO,EAEhD,QAAY3O,KAAQuE,EAAM1E,SAAQ,EACjC,QAAYkb,KAAaF,EACnB7b,EAAMK,OAAO2b,eAAgBhb,EAAM+a,EAAW,CAAA,CAAG,GACrD3S,EAAOqN,aAAcsF,EAAW,CAAA,EAAKA,EAAW,CAAA,EAAK/a,CAAAA,CAIzD,CAAA,CACD,CAAA,CACD,CACD,EC3DayF,GAAN,cAAwB+B,CAAAA,CAI9B,WAAkBG,YAAa,CAC9B,MAAO,WACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBuG,UAAW,CAC5B,MAAO,CAAElJ,GAAuBC,GAAmBK,GAAUC,EAAgB,CAC9E,CAKA,MAAoB,CACnB,IAAM/G,EAAS,KAAKA,OACdwc,EAAI,KAAKxc,OAAOwc,EAGtBxc,EAAOyc,cAAcC,kBAAmB,CACvCC,WAAY,CACX,CACCC,MAAOJ,EAAG,uBAAA,EACVK,UAAW,QACZ,EACA,CACCD,MAAOJ,EAAG,eAAA,EACVK,UAAW,QACZ,EACA,CACCD,MAAOJ,EAAG,6BAAA,EACVK,UAAW,cACZ,CACA,CACF,CAAA,CACD,CACD,kBCzEAC,IACAA,qBMDAC,IACAA,KACAA,KACAA,KACAA,IAEAA,sBSNAC,IACAA,IACAA,sBGFAC,IAEAA,IACAA,QOiNA,SAASC,GAAgBC,EAAyC,CACjE,OAAOC,GAAWD,CAAAA,EAAwBE,GAAoBF,CAAAA,EAAwBA,CACvF,CAEA,SAASC,GAAWE,EAAU,CAC7B,OAAOC,GAAYD,CAAAA,CACpB,KF7LaE,GCVAC,GCWAC,aH9BbC,KACAA,KACAA,IACAA,IACAC,KCyBaJ,GAAN,cAA8BK,EAAAA,CAIpC,KAKA,eAKA,iBAQA,YAAaC,EAAgBC,EAA4B,CACxD,MAAOD,CAAAA,EAEP,KAAKC,KAAOA,EACZ,KAAKC,eAAiBC,GAAwBH,EAAOI,OAAOC,IAAK,SAAA,CAAA,EAEjE,KAAKC,iBAAmB,IAAIC,GAE5B,KAAKC,SACJR,EAAOS,QAAQR,KAAM,uBAAwB,KAAKS,2CAA2CC,KAAM,IAAI,CAAA,CACzG,CAKA,IAAoBC,SAA8B,CACjD,OAAO,KAAKX,KAAKW,OAClB,CAOOC,KAAMC,EAA+C,CAC3D,IAAMd,EAAS,KAAKA,OACdC,EAAO,KAAKA,KACZc,EAAcf,EAAOS,QAAQR,KAC7Be,EAAWf,EAAKe,SAChBC,EAAcF,EAAYG,SAASC,QAAO,EAIhDH,EAASI,KAAOH,EAAYI,SAE5BpB,EAAKqB,OAAM,EAIX,IAAMC,EAAkBP,EAASJ,QAIjC,KAAKY,mBAAoBR,EAASI,KAAMG,CAAAA,EASxCtB,EAAKe,SAASL,KAAM,WAAA,EAAcc,GAAI,KAAKC,YAAY,EAIvDX,EAAYY,cAAeJ,CAAAA,EAKtBT,GACJ,KAAKR,iBAAiBsB,QAASd,EAAoB,KAAKF,OAAO,EAGhE,KAAKiB,iBAAgB,EACrB,KAAKC,aAAY,EAEZ7B,EAAK8B,aACT,KAAKC,YAAa/B,EAAK8B,WAAW,EAGnC,KAAKE,6BAA4B,EACjC,KAAKC,kCAAiC,EAEtC,KAAKC,KAA0B,OAAA,CAChC,CAKA,SAAgC,CAC/B,MAAMC,QAAAA,EAEN,IAAMnC,EAAO,KAAKA,KACZc,EAAc,KAAKf,OAAOS,QAAQR,KAExC,KAAKK,iBAAiB+B,QAAO,EAExBtB,EAAYuB,WAAYrC,EAAKe,SAASI,IAAI,GAC9CL,EAAYwB,cAAetC,EAAKe,SAASI,IAAI,EAG9CnB,EAAKmC,QAAO,CACb,CAKA,cAA6B,CAC5B,IAAMnC,EAAO,KAAKA,KAGlBA,EAAKuC,YAAY7B,KAAM,UAAA,EAAac,GAAI,KAAKC,aAAc,WAAA,EAC3DzB,EAAKuC,YAAYC,eAAiBxC,EAAKW,QACvCX,EAAKuC,YAAY7B,KAAM,mBAAA,EAAsBc,GAAI,KAAM,iBAAkB,CAAE,CAAEiB,UAAAA,CAAS,IAAQA,GAAa,CAAA,EAE3GzC,EAAK0C,QAAQC,eAAgB,KAAK1C,eAAgB,KAAK2C,gBAAgB,EAGvE,KAAKC,WAAY7C,EAAK0C,OAAO,CAC9B,CAKA,kBAAiC,CAChC,IAAM3C,EAAS,KAAKA,OACde,EAAcf,EAAOS,QAAQR,KAC7BgB,EAAcF,EAAYG,SAASC,QAAO,EAC1C4B,EAAgB/C,EAAkC+C,cAEpDC,EACEC,EAAcjD,EAAOI,OAAOC,IAAK,aAAA,EAElC4C,IACJD,EAAkB,OAAOC,GAAgB,SAAWA,EAAcA,EAAa,KAAKhD,KAAKe,SAASI,IAAI,GAGlG,CAAC4B,GAAmBD,GAAiBA,EAAcG,QAAQC,YAAW,IAAO,aACjFH,EAAkBD,EAAcK,aAAc,aAAA,GAG1CJ,IACJ/B,EAAYgC,YAAcD,GAG3BK,GAAuB,CACtBpD,KAAMc,EACNH,QAASK,EACTqC,aAAc,GACdC,YAAa,EACd,CAAA,CACD,CAQA,mCAAkD,CACjD,GAAK,CAAC,KAAKvD,OAAOwD,QAAQC,IAAK,mBAAA,EAC9B,OAGD,GAAM,CAAEjB,YAAAA,CAAW,EAAK,KAAKvC,KACvByD,EAAoB,KAAK1D,OAAOwD,QAAQnD,IAAK,mBAAA,EAEnDqD,EAAkBC,GAA8C,qBAAsBC,GAAAA,CACrF,IAAMC,EAAWD,EAAIE,OAErB,GAAK,CAACD,GAAY,CAACrB,EAAYuB,UAAY,CAACvB,EAAY5B,QACvD,OAID,IAAMoD,EAAoB,IAAIC,EAAMzB,EAAY5B,OAAO,EAAGsD,OAMpDC,EAAS,OAAON,EAASM,QAAW,WAAaN,EAASM,OAAM,EAAKN,EAASM,OAC9EC,EAAU,OAAOP,EAASO,SAAY,WAAaP,EAASO,QAAO,EAAKP,EAASO,QAEvF,GAAKD,GAAUC,GAAW,IAAIH,EAAME,CAAAA,EAASD,QAAU,IAAID,EAAMG,CAAAA,EAAUF,OAASF,EACnF,OAID,IAAMK,EAAuB,CAAE,GAAGR,EAASQ,oBAAqB,EAC1DC,GAAyBD,EAAqBE,KAAO,GAAMP,EAEjEJ,EAAIE,OAAS,CACZ,GAAGD,EACHQ,qBAAsB,CACrB,GAAGA,EACHE,IAAKD,CACN,CACD,CACD,EAAG,CAAEE,SAAU,KAAM,CAAA,EAGrB,IAAMC,EAAwB,IAAA,CACxBf,EAAkBgB,aACtBhB,EAAkBiB,eAAc,CAElC,EAEA,KAAKnE,SAAUgC,EAAa,kBAAmBiC,CAAAA,EAC/C,KAAKjE,SAAU,KAAKR,OAAO4E,GAAI,wBAAyBH,CAAAA,CACzD,CAYA,2CACCb,EACAiB,EACAC,EACO,CACP,IAAMtC,EAAc,KAAKvC,KAAKuC,YAE9B,GAAKA,EAAYuB,SAAW,CAC3B,IAAMC,EAAoB,IAAIC,EAAMzB,EAAY5B,OAAO,EAAIsD,OAE3DW,EAAKE,eAAeR,KAAOP,CAC5B,KAAO,CACN,IAAMgB,EAAqC,IAAA,CAC1C,KAAKhF,OAAOS,QAAQR,KAAKgF,qBAAsBH,CAAAA,CAChD,EAEA,KAAKtE,SAAUgC,EAAa,kBAAmBwC,CAAAA,EAI/CE,WAAY,IAAA,CACX,KAAKC,cAAe3C,EAAa,kBAAmBwC,CAAAA,CACrD,EAAG,EAAA,CACJ,CACD,CASA,8BAA6C,CAC5C,GAAK,CAAC,KAAKhF,OAAOwD,QAAQC,IAAK,QAAA,EAC9B,OAGD,IAAMjB,EAAc,KAAKvC,KAAKuC,YACxB4C,EAAuB,KAAKpF,OAAOwD,QAAQnD,IAAK,QAAA,EAEtD+E,EAAazB,GAAI,OAAQ,IAAA,CACxB,IAAM0B,EAAaD,EAAanF,KAEhCoF,EAAW1B,GAA2B,SAAU,CAAEC,EAAKiB,IAAAA,CAItD,GAAK,CAACrC,EAAYuB,UAAYsB,EAAWC,UAAYD,EAAWE,QAC/D,OAGD,IAAMC,EAAyB,IAAIvB,EAAMzB,EAAYiD,mBAAmB,EAEnEZ,EAAM,CAAA,EAAMW,EAAuBE,OAASC,GAAWC,gBAC3Df,EAAM,CAAA,EAAMW,EAAuBE,OAASC,GAAWC,cAEzD,EAAG,CAAEpB,SAAU,MAAO,CAAA,CACvB,EAAG,CAAEA,SAAU,KAAM,CAAA,CACtB,CACD,EClTa7E,GAAN,cAAkCkG,EAAAA,CAKxC,YAKA,QAKA,SAcA,YACCC,EACA/E,EACAgF,EAII,CAAA,EACH,CACD,MAAOD,CAAAA,EAEP,KAAKtD,YAAc,IAAIwD,GAAiBF,CAAAA,EAExC,KAAKnD,QAAU,IAAIsD,GAAaH,EAAQ,CACvCI,oBAAqBH,EAAQI,0BAC9B,CAAA,EAEKJ,EAAQK,aACZ,KAAKrE,YAAc,IAAIsE,GAAaP,CAAAA,GAGrC,KAAK9E,SAAW,IAAIsF,GAAsBR,EAAQ/E,EAAawF,OAAW,CACzEC,MAAOT,EAAQS,KAChB,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAMlF,OAAAA,EAED,KAAKS,YAET,KAAKS,YAAYiE,QAAQC,QAAS,CAAE,KAAK3E,YAAa,KAAKY,OAAS,CAAA,EAEpE,KAAKH,YAAYiE,QAAQE,IAAK,KAAKhE,OAAO,EAG3C,KAAK4B,IAAIoC,IAAK,KAAKnE,WAAW,EAC9B,KAAKoE,KAAKD,IAAK,KAAK3F,QAAQ,CAC7B,CACD,EC5DapB,GAAN,cAA4CiH,GAAiBC,EAAAA,CAAAA,CAInE,WAA2BC,YAA8B,CACxD,MAAO,eACR,CAKA,GAaA,YAAuB1H,EAA2Ce,EAAuB,CAAA,EAAK,CAE7F,GAAK,CAACd,GAAWD,CAAAA,GAAyBe,EAAO4G,cAAgBT,OAGhE,MAAM,IAAIU,EAAe,6BAA8B,IAAA,EAGxD,MAAO7G,CAAAA,EAEP,KAAKA,OAAO8G,OAAQ,oBAAqB,EAAA,EAEpC,KAAK9G,OAAOC,IAAK,aAAA,IAAoBkG,QACzC,KAAKnG,OAAO+G,IAAK,cAAe/H,GAAgBC,CAAAA,CAAAA,EAG5CC,GAAWD,CAAAA,IACf,KAAK0D,cAAgB1D,GAGtB,KAAK+H,MAAMlG,SAASmG,WAAU,EAE9B,IAAMlB,EAA6B,CAAC,KAAK/F,OAAOC,IAAK,gCAAA,EAE/CiH,EAAgB,KAAKlH,OAAOC,IAAK,SAAA,EAEjCJ,EAAO,IAAIN,GAAqB,KAAKmG,OAAQ,KAAKrF,QAAQR,KAAM,CACrEkG,2BAAAA,EACAC,WAAYkB,EAAcC,UAC1Bf,MAAO,KAAKpG,OAAOC,IAAK,OAAA,CACzB,CAAA,EAEA,KAAKuE,GAAK,IAAIlF,GAAiB,KAAMO,CAAAA,EAErCuH,GAAc,IAAI,CACnB,CASA,SAA4C,CAC3C,OAAK,KAAKzE,eACT,KAAK0E,oBAAmB,EAGzB,KAAK7C,GAAGxC,QAAO,EAER,MAAMA,QAAAA,CACd,CA2FA,OAAuBsF,OAAQrI,EAA2Ce,EAAuB,CAAA,EAA6B,CAC7H,OAAO,IAAIuH,QAASC,GAAAA,CACnB,IAAM5H,EAAS,IAAI,KAAMX,EAAqBe,CAAAA,EAE9CwH,EACC5H,EAAO6H,YAAW,EAChBC,KAAM,IAAM9H,EAAO4E,GAAG/D,KAAMvB,GAAWD,CAAAA,EAAwBA,EAAsB,IAAA,CAAA,EACrFyI,KAAM,IAAM9H,EAAO6E,KAAKhE,KAAMb,EAAOI,OAAOC,IAAK,aAAA,CAAA,CAAA,EACjDyH,KAAM,IAAM9H,EAAOmC,KAAwB,OAAA,CAAA,EAC3C2F,KAAM,IAAM9H,CAAAA,CAAAA,CAEhB,CAAA,CACD,CACD,kBClNA+H,IACAA,IAEAA,sBIHAC,IACAA,IAEAA,sBIHAC,IACAA,IAEAA,QIHA,IAAAC,GAAAC,GAAA,CAAAC,GAAAC,KAAA,EAGE,CAACC,EAAMC,IAAQ,CACZ,OAAO,QAAW,YAAc,OAAO,IAAK,OAAO,CAAC,EAAGA,CAAG,EACrD,OAAOF,IAAW,UAAYA,GAAO,QAASA,GAAO,QAAUE,EAAI,EACtED,EAAK,UAAeC,EAAI,CAC/B,GAAGH,GAAMI,GAAK,CACZ,aAEA,IAAIC,EAAS,CAACC,EAAQC,IAAW,CAC/B,GAAG,CAACD,GAAU,CAACC,EAAQ,OAAOC,GAE9B,IAAIC,EAAiBC,EAAkBJ,CAAM,EACzCK,GAAWJ,CAAM,IAAGA,EAASK,EAAYL,CAAM,GAEnD,IAAIM,EAAiBJ,EAAe,SACpC,OAAII,EAAiBN,EAAO,aAAeM,EAAuBL,GAE3DM,EAAUL,EAAgBF,CAAM,CACzC,EAEIQ,EAAK,CAACT,EAAQU,EAASC,IAAY,CACrC,GAAG,CAACX,EAAQ,OAAOW,GAAS,IAAMC,EAAIF,EAASC,CAAO,EAAIE,GAE1D,IAAIV,EAAiBC,EAAkBJ,CAAM,EACzCO,EAAiBJ,EAAe,SAChCW,EAAiBX,EAAe,cAEhCY,EAAYC,EAAkBL,GAAS,WAAa,CAAE,EACtDM,EAAYN,GAAS,OAASO,GAE9BC,EAAa,EAAOC,GAAe,EACnCC,GAAaX,EAAQ,OAEzB,SAASY,GAAYC,GAAQ,CACxBJ,EAAaF,GAASO,GAAE,IAAID,EAAM,EAAG,EAAEJ,IAExC,EAAEC,GACCG,GAAO,OAASC,GAAE,KAAK,EAAE,QAAQA,GAAE,WAAWD,EAAM,EAE3D,CAKA,GAAGZ,GAAS,IAEV,QADIc,GAAMd,EAAQ,IACVe,GAAI,EAAGA,GAAIL,GAAY,EAAEK,GAAG,CAAE,IAAIC,GAAMjB,EAAQgB,EAAC,EACnDzB,GAAS2B,GAASD,GAAKF,EAAG,EAC9B,GAAIxB,KACAI,GAAWJ,EAAM,IAAGA,GAASK,EAAYL,EAAM,IAE/CM,EAAiBN,GAAO,aAAeM,GAC3C,KAAIgB,GAASf,EAAUL,EAAgBF,EAAM,EAC1CsB,KAAWrB,KACXqB,GAAO,OAASR,IAEnBQ,GAAO,IAAMI,GACbL,GAAYC,EAAM,IACpB,SAGQZ,GAAS,KAAM,CACvB,IAAIkB,GAAOlB,EAAQ,KACfmB,GAAUD,GAAK,OAEnBE,EAAO,QAAQL,GAAI,EAAGA,GAAIL,GAAY,EAAEK,GAAG,CAAE,IAAIC,GAAMjB,EAAQgB,EAAC,EAE9D,CAEE,QADIM,GAAe,EACVC,GAAO,EAAGA,GAAOH,GAAS,EAAEG,GAAM,CACzC,IAAIR,GAAMI,GAAKI,EAAI,EACfhC,GAAS2B,GAASD,GAAKF,EAAG,EAC9B,GAAG,CAACxB,GAAQ,CAAEiC,GAAWD,EAAI,EAAIE,GAAU,QAAS,CAChD9B,GAAWJ,EAAM,IAAGA,GAASK,EAAYL,EAAM,GACnDiC,GAAWD,EAAI,EAAIhC,GAEnB+B,IAAgB/B,GAAO,SACzB,CAEA,IAAIM,EAAiByB,MAAkBzB,EAAgB,QACzD,CAEA,GAAGO,EAAe,QAAQY,GAAE,EAAGA,GAAEvB,EAAe,cAAc,OAAQuB,KAAKU,EAAqBV,EAAC,EAAIW,GAErG,QAASJ,GAAO,EAAGA,GAAOH,GAAS,EAAEG,GAAM,CAEzC,GADAhC,GAASiC,GAAWD,EAAI,EACrBhC,KAAWkC,GAAU,CAAEG,GAAWL,EAAI,EAAIE,GAAU,QAAS,CAGhE,GADAG,GAAWL,EAAI,EAAIzB,EAAUL,EAAgBF,GAAwB,GAA6Ba,CAAa,EAC5GwB,GAAWL,EAAI,IAAM/B,GAAM,CAAEoC,GAAWL,EAAI,EAAIE,GAAU,QAAS,CAItE,GAAGrB,EAAe,QAAQY,GAAE,EAAGA,GAAEvB,EAAe,cAAc,OAAQuB,KAAK,CACzE,GAAGa,GAAwBb,EAAC,EAAI,MAC3BU,EAAqBV,EAAC,EAAIW,GAAmB,CAC9C,IAAIG,IAAOJ,EAAqBV,EAAC,EAAIa,GAAwBb,EAAC,GAAK,EAChEc,GAAMJ,EAAqBV,EAAC,IAAGU,EAAqBV,EAAC,EAAIc,GAC9D,CAECD,GAAwBb,EAAC,EAAIU,EAAqBV,EAAC,IAAGU,EAAqBV,EAAC,EAAIa,GAAwBb,EAAC,EAC9G,CACF,CAEA,GAAGZ,GACD,QAAQY,GAAE,EAAGA,GAAEvB,EAAe,cAAc,OAAQuB,KAAO,GAAGU,EAAqBV,EAAC,IAAMW,GAAmB,SAASN,MACjH,CACL,IAAIU,GAAmB,GACvB,QAAQf,GAAE,EAAGA,GAAII,GAASJ,KAAO,GAAGY,GAAWZ,EAAC,EAAE,SAAWW,GAAmB,CAAEI,GAAmB,GAAM,KAAM,CACjH,GAAG,CAACA,GAAkB,QACxB,CAEA,IAAIC,GAAa,IAAIC,EAAWb,EAAO,EACvC,QAAQJ,GAAE,EAAGA,GAAII,GAASJ,KAAOgB,GAAWhB,EAAC,EAAIY,GAAWZ,EAAC,EAE7D,GAAGZ,EAAe,CAChB,IAAI8B,GAAQ,EACZ,QAAQlB,GAAE,EAAGA,GAAEvB,EAAe,cAAc,OAAQuB,KAAKkB,IAASR,EAAqBV,EAAC,CAC1F,KAAO,CAGL,IAAIkB,GAAQP,GACZ,QAAQX,GAAE,EAAGA,GAAEI,GAASJ,KAAK,CAC3B,IAAIH,GAASmB,GAAWhB,EAAC,EACzB,GAAGH,GAAO,OAAS,MACdqB,GAAQP,GAAmB,CAC5B,IAAIG,IAAOI,GAAQrB,GAAO,QAAU,EACjCiB,GAAMI,KAAOA,GAAQJ,GAC1B,CAECjB,GAAO,OAASqB,KAAOA,GAAQrB,GAAO,OAC3C,CACF,CAIA,GAFAmB,GAAW,IAAMf,GACjBe,GAAW,OAASE,GACjBjC,GAAS,QAAS,CAEnB,GADAiC,GAAQjC,EAAQ,QAAQ+B,EAAU,EAC/B,CAACE,GAAO,SACXA,GAAQ5B,EAAiB4B,EAAK,EAC9BF,GAAW,OAASE,EACtB,CAEGA,GAAQ7B,GACXO,GAAYoB,EAAU,CACxB,CAGF,KACE,SAAQhB,GAAI,EAAGA,GAAIL,GAAY,EAAEK,GAAG,CAAE,IAAIzB,GAASS,EAAQgB,EAAC,EAC1D,GAAIzB,KACAI,GAAWJ,EAAM,IAAGA,GAASK,EAAYL,EAAM,IAE/CM,EAAiBN,GAAO,aAAeM,GAC3C,KAAIgB,GAASf,EAAUL,EAAgBF,EAAM,EAC1CsB,KAAWrB,KACXqB,GAAO,OAASR,GAEnBO,GAAYC,EAAM,GACpB,CAGF,GAAGJ,IAAe,EAAG,OAAON,GAE5B,QADIgC,GAAU,IAAI,MAAM1B,CAAU,EAC1BO,GAAIP,EAAa,EAAGO,IAAK,EAAG,EAAEA,GAAGmB,GAAQnB,EAAC,EAAIF,GAAE,KAAK,EAC7D,OAAAqB,GAAQ,MAAQ1B,EAAaC,GACtByB,EACT,EAKIC,EAAY,CAACvB,EAAQwB,EAAK,MAAOC,EAAM,SAAW,CAYpD,QAXIC,EAAW,OAAOF,GAAS,WAAaA,EAAO,OAE/C9C,EAAcsB,EAAO,OACrB2B,EAAcjD,EAAO,OACrBkD,EAAc5B,EAAO,QACrB6B,EAAc,GACdC,EAAc,EACdC,GAAc,EACdC,GAAc,GACdC,GAAc,CAAC,EAEX9B,GAAI,EAAGA,GAAIwB,EAAW,EAAExB,GAAG,CAAE,IAAI+B,GAAOxD,EAAOyB,EAAC,EACtD,GAAGyB,EAAQG,EAAQ,IAAM5B,IAUvB,GATA,EAAE4B,GACEC,KAAUA,GAAS,GAClBN,GACDO,GAAM,KAAKJ,CAAW,EAAGA,EAAc,IAEvCA,GAAeL,GAIhBO,KAAaH,EAAQ,OAAQ,CAC3BF,GACDG,GAAeK,GACfD,GAAM,KAAKP,EAASG,EAAaC,GAAQ,CAAC,EAAGD,EAAc,GAC3DI,GAAM,KAAKvD,EAAO,OAAOyB,GAAE,CAAC,CAAC,GAE7B0B,GAAeK,GAAOT,EAAQ/C,EAAO,OAAOyB,GAAE,CAAC,EAEjD,KACF,OAEG6B,KAAUA,GAAS,GACjBN,GACDO,GAAM,KAAKP,EAASG,EAAaC,GAAQ,CAAC,EAAGD,EAAc,IAE3DA,GAAeJ,GAIrBI,GAAeK,EACjB,CAEA,OAAOR,EAAWO,GAAQJ,CAC5B,EAGIM,EAAWzD,GAAW,CACrB,OAAOA,GAAW,SAAUA,EAAS,GAAGA,EACnC,OAAOA,GAAW,WAAUA,EAAS,IAC7C,IAAI0D,EAAOC,EAAiB3D,CAAM,EAClC,OAAO4D,EAAW5D,EAAQ,CAAC,aAAa0D,EAAK,OAAQ,kBAAkBA,EAAK,WAAY,UAAUA,EAAK,QAAQ,CAAC,CAClH,EAEIG,EAAU,IAAM,CAAEC,GAAc,MAAM,EAAGC,EAAoB,MAAM,CAAE,EASzE,MAAMC,CAAO,CACX,IAAK,SAAa,CAAE,OAAO,KAAK,SAAS,MAAM,EAAG,KAAK,SAAS,GAAG,EAAE,KAAK,CAACC,EAAEC,IAAID,EAAEC,CAAC,CAAE,CACtF,IAAK,QAAWhB,EAAS,CAAE,OAAO,KAAK,SAAWA,CAAQ,CACzD,UAAaJ,EAAMC,EAAO,CAAE,OAAOF,EAAU,KAAMC,EAAMC,CAAK,CAAE,CACjE,IAAK,OAAW,CAAE,OAAOoB,EAAe,KAAK,MAAM,CAAE,CACrD,IAAK,MAASxB,EAAO,CAAE,KAAK,OAAS5B,EAAiB4B,CAAK,CAAE,CAC/D,CAEA,MAAMD,UAAmB,KAAM,CAC7B,IAAK,OAAW,CAAE,OAAOyB,EAAe,KAAK,MAAM,CAAE,CACrD,IAAK,MAASxB,EAAO,CAAE,KAAK,OAAS5B,EAAiB4B,CAAK,CAAE,CAC/D,CAEA,IAAIiB,EAAa,CAAC5D,EAAQU,IAAY,CACpC,IAAMY,EAAS,IAAI0C,EACnB,OAAA1C,EAAO,OAAwBtB,EAC/BsB,EAAO,IAAwBZ,EAAQ,KAAyBT,GAChEqB,EAAO,OAAwBZ,EAAQ,QAAyB0B,GAChEd,EAAO,SAAwBZ,EAAQ,UAAyB,CAAC,EACjEY,EAAO,aAAwBZ,EAAQ,cAAyB,GAChEY,EAAO,kBAAwBZ,EAAQ,mBAAyBT,GAChEqB,EAAO,sBAAwBZ,EAAQ,uBAAyBT,GAChEqB,EAAO,UAAwBZ,EAAQ,WAAyB,EACzDY,CACT,EAGI6C,EAAiBxB,GAChBA,IAAUP,GAA0B,EACpCO,EAAQ,EAAUA,EACd,KAAK,MAAS,CAACA,EAAQ,IAAI,OAAS,GAAK,IAE9C5B,EAAmBqD,GAClBA,IAAoB,EAAUhC,GAC9BgC,EAAkB,EAAUA,EACxB,EAAI,KAAK,IAAK,KAAK,IAAIA,CAAe,EAAI,GAAK,EAAI,EAAI,MAAO,EAInEC,EAAiBtE,GAAW,CAC3B,OAAOA,GAAW,SAAUA,EAAS,GAAGA,EACnC,OAAOA,GAAW,WAAUA,EAAS,IAC7CA,EAASA,EAAO,KAAK,EACrB,IAAI2D,EAAOC,EAAiB5D,CAAM,EAE9BuE,EAAgB,CAAC,EACrB,GAAGZ,EAAK,cAAe,CACrB,IAAIa,EAAWxE,EAAO,MAAM,KAAK,EACjCwE,EAAW,CAAC,GAAG,IAAI,IAAIA,CAAQ,CAAC,EAChC,QAAQ9C,EAAE,EAAGA,EAAE8C,EAAS,OAAQ9C,IAC9B,GAAG8C,EAAS9C,CAAC,IAAM,GACnB,KAAI+C,EAAQb,EAAiBY,EAAS9C,CAAC,CAAC,EACxC6C,EAAc,KAAK,CAAC,WAAWE,EAAM,WAAY,OAAOD,EAAS9C,CAAC,EAAE,YAAY,EAAG,cAAc,EAAK,CAAC,EAE3G,CAEA,MAAO,CAAC,WAAYiC,EAAK,WAAY,OAAQA,EAAK,OAAQ,cAAeA,EAAK,cAAe,SAAUA,EAAK,SAAU,cAAeY,CAAa,CACpJ,EAIIjE,EAAeL,GAAW,CAC5B,GAAGA,EAAO,OAAS,IAAK,OAAOyD,EAAQzD,CAAM,EAC7C,IAAIyE,EAAiBX,GAAc,IAAI9D,CAAM,EAC7C,OAAGyE,IAAmB,SACtBA,EAAiBhB,EAAQzD,CAAM,EAC/B8D,GAAc,IAAI9D,EAAQyE,CAAc,GACjCA,CACT,EACItE,EAAqBJ,GAAW,CAClC,GAAGA,EAAO,OAAS,IAAK,OAAOsE,EAActE,CAAM,EACnD,IAAI2E,EAAiBX,EAAoB,IAAIhE,CAAM,EACnD,OAAG2E,IAAmB,SACtBA,EAAiBL,EAActE,CAAM,EACrCgE,EAAoB,IAAIhE,EAAQ2E,CAAc,GACvCA,CACT,EAGI/D,EAAM,CAACF,EAASC,IAAY,CAC9B,IAAIkC,EAAU,CAAC,EAAGA,EAAQ,MAAQnC,EAAQ,OAE1C,IAAIO,EAAQN,GAAS,OAASO,GAE9B,GAAGP,GAAS,IACV,QAAQe,EAAE,EAAEA,EAAEhB,EAAQ,OAAOgB,IAAK,CAAE,IAAIC,EAAMjB,EAAQgB,CAAC,EACjDzB,EAAS2B,GAASD,EAAKhB,EAAQ,GAAG,EACtC,GAAGV,GAAUC,GACb,CAAIG,GAAWJ,CAAM,IAAGA,EAASK,EAAYL,CAAM,GACnD,IAAIsB,EAASsC,EAAW5D,EAAO,OAAQ,CAAC,OAAQA,EAAO,OAAQ,IAAK0B,CAAG,CAAC,EAClD,GAAtBkB,EAAQ,KAAKtB,CAAM,EAAMsB,EAAQ,QAAU5B,EAAO,OAAO4B,EAC3D,SACQlC,GAAS,KACjB,QAAQe,EAAE,EAAEA,EAAEhB,EAAQ,OAAOgB,IAAK,CAEhC,QAFsCC,EAAMjB,EAAQgB,CAAC,EACjDgB,EAAa,IAAIC,EAAWhC,EAAQ,KAAK,MAAM,EAC1CsB,GAAOtB,EAAQ,KAAK,OAAS,EAAGsB,IAAQ,EAAG,EAAEA,GAAM,CAC1D,IAAIhC,EAAS2B,GAASD,EAAKhB,EAAQ,KAAKsB,EAAI,CAAC,EAC7C,GAAG,CAAChC,EAAQ,CAAEyC,EAAWT,EAAI,EAAIE,GAAU,QAAS,CAChD9B,GAAWJ,CAAM,IAAGA,EAASK,EAAYL,CAAM,GACnDA,EAAO,OAASoC,GAChBpC,EAAO,SAAS,IAAM,EACtByC,EAAWT,EAAI,EAAIhC,CACrB,CAG0B,GAF1ByC,EAAW,IAAMf,EACjBe,EAAW,OAASL,GACpBQ,EAAQ,KAAKH,CAAU,EAAMG,EAAQ,QAAU5B,EAAO,OAAO4B,CAC/D,KAEA,SAAQnB,EAAE,EAAEA,EAAEhB,EAAQ,OAAOgB,IAAK,CAAE,IAAIzB,EAASS,EAAQgB,CAAC,EACxD,GAAGzB,GAAUC,KACTG,GAAWJ,CAAM,IAAGA,EAASK,EAAYL,CAAM,GACnDA,EAAO,OAASoC,GAChBpC,EAAO,SAAS,IAAM,EACtB4C,EAAQ,KAAK5C,CAAM,EAAM4C,EAAQ,QAAU5B,GAAO,OAAO4B,CAC3D,CAGF,OAAOA,CACT,EAGIrC,EAAY,CAACL,EAAgByE,EAAUC,EAAY,GAAOC,EAAkB,KAAU,CACxF,GAAGD,IAAc,IAAS1E,EAAe,cAAe,OAAO4E,EAAgB5E,EAAgByE,EAAUE,CAAiB,EAe1H,QAbIE,EAAmB7E,EAAe,OAClC8E,EAAmB9E,EAAe,WAClC+E,EAAmBD,EAAiB,CAAC,EACrCE,EAAmBP,EAAS,kBAC5BQ,EAAmBH,EAAiB,OACpC/B,GAAmBiC,EAAiB,OACpCE,GAAmB,EACnBC,GAAmB,EACnBC,GAAmB,IAKf,CACN,IAAIC,GAAUN,IAAoBC,EAAiBG,EAAO,EAC1D,GAAGE,GAAS,CAEC,GADXC,EAAcF,IAAkB,EAAID,GACpC,EAAED,GAAYA,KAAYD,EAAW,MACrCF,EAAkBD,EAAiBI,EAAO,CAC5C,CACW,GAAX,EAAEC,GAAYA,IAAWpC,GAAW,OAAOhD,EAC7C,CAEA,IAAImF,GAAU,EACVK,GAAgB,GAChBC,GAAmB,EAEnBC,GAAuBhB,EAAS,sBACjCgB,KAAyB1F,KAAM0F,GAAuBhB,EAAS,sBAAwBiB,EAA4BjB,EAAS,MAAM,GACrIU,GAAUG,EAAc,CAAC,IAAI,EAAI,EAAIG,GAAqBH,EAAc,CAAC,EAAE,CAAC,EAK5E,IAAIK,GAAiB,EACrB,GAAGR,KAAYpC,GAAW,OACxB,GAAGoC,IAAWpC,GAAW,CAIL,GAFfmC,IAAW,IAEd,EAAES,GAAmBA,GAAiB,KAAK,MAE3C,EAAET,GACF,IAAIU,GAAYC,EAAc,EAAEL,EAAgB,EAChDL,GAAUM,GAAqBG,EAAS,CAE1C,KAAO,CACL,IAAIP,GAAUP,EAAiBI,EAAO,IAAMF,EAAiBG,EAAO,EACpE,GAAGE,GAAS,CAEC,GADXQ,EAAcL,IAAkB,EAAIL,GACpC,EAAED,GAAYA,KAAYD,EAAW,CAAEM,GAAgB,GAAM,KAAM,CACnE,EAAEJ,EACJ,MACEA,GAAUM,GAAqBN,EAAO,CAE1C,CAIF,IAAIW,GAAiBb,GAAa,EAAI,GAAKR,EAAS,aAAa,QAAQI,EAAaS,EAAc,CAAC,CAAC,EAClGS,GAAc,CAAC,CAAC,CAACD,GACjBE,GAAwBD,GAAsBD,KAAiB,GAAKrB,EAAS,sBAAsBqB,GAAe,CAAC,IAAMA,GAAnF,GAG1C,GAAGC,IAAe,CAACC,IACjB,QAAQzE,GAAE,EAAGA,GAAEkE,GAAqB,OAAQlE,GAAEkE,GAAqBlE,EAAC,EAClE,GAAG,EAAAA,IAAKuE,IAER,SAAQG,GAAE,EAAGA,GAAEhB,GAAmBH,EAAiBmB,EAAC,IAAMxB,EAAS,kBAAkBlD,GAAE0E,EAAC,EAA9DA,KAAK,CAC/B,GAAGA,KAAMhB,EAAW,CAAEa,GAAiBvE,GAAGyE,GAAuB,GAAM,KAAM,GAQjF,IAAIE,GAAiBC,IAAW,CAI9B,QAHI1D,GAAQ,EAER2D,GAAuB,EACnB7E,GAAI,EAAGA,GAAI0D,EAAW,EAAE1D,GAC3B4E,GAAQ5E,EAAC,EAAI4E,GAAQ5E,GAAE,CAAC,IAAM,IAAIkB,IAAS0D,GAAQ5E,EAAC,EAAG,EAAE6E,IAE9D,IAAIC,GAAoBF,GAAQlB,EAAU,CAAC,EAAIkB,GAAQ,CAAC,GAAKlB,EAAU,GAMvE,GAJAxC,KAAU,GAAG4D,IAAqBD,GAE/BD,GAAQ,CAAC,IAAM,IAAG1D,IAAS0D,GAAQ,CAAC,EAAEA,GAAQ,CAAC,EAAE,IAEjD,CAACZ,GACF9C,IAAS,QACJ,CAGL,QADI6D,GAAyB,EACrB/E,GAAIkE,GAAqB,CAAC,EAAGlE,GAAIwB,GAAWxB,GAAEkE,GAAqBlE,EAAC,EAAG,EAAE+E,GAE9EA,GAAyB,KAAI7D,KAAU6D,GAAuB,IAAI,GACvE,CAEA,OAAA7D,KAAUM,GAAYkC,GAAW,EAE9Bc,KAAsBtD,IAAS,EAAEwC,EAAUA,EAAU,GACrDe,KAAsBvD,IAAS,EAAEwC,EAAUA,EAAU,GAExDxC,KAAUM,GAAYkC,GAAW,EAE1BxC,EACT,EAEA,GAAI8C,GAKF,GAAGS,GAAsB,CACvB,QAAQzE,GAAE,EAAGA,GAAE0D,EAAW,EAAE1D,GAAG+D,EAAc/D,EAAC,EAAIuE,GAAevE,GACjE,IAAIgF,GAAcjB,EACd7C,GAAQyD,GAAeZ,CAAa,CAC1C,KACE,KAAIiB,GAAcV,EACdpD,GAAQyD,GAAeL,CAAa,MAXzB,CACjB,GAAGE,GAAa,QAAQxE,GAAE,EAAGA,GAAE0D,EAAW,EAAE1D,GAAG+D,EAAc/D,EAAC,EAAIuE,GAAevE,GACjF,IAAIgF,GAAcjB,EACd7C,GAAQyD,GAAeK,EAAW,CACxC,CAWA9B,EAAS,OAAShC,GAElB,QAAQlB,GAAI,EAAGA,GAAI0D,EAAW,EAAE1D,GAAGkD,EAAS,SAASlD,EAAC,EAAIgF,GAAYhF,EAAC,EACvEkD,EAAS,SAAS,IAAMQ,EAExB,IAAM7D,GAAY,IAAI0C,EACtB,OAAA1C,GAAO,OAAWqD,EAAS,OAC3BrD,GAAO,OAAWqD,EAAS,OAC3BrD,GAAO,SAAWqD,EAAS,SACpBrD,EACT,EACIwD,EAAkB,CAAC5E,EAAgBF,EAAQ6E,IAAsB,CAgBnE,QAfI6B,EAAe,IAAI,IACnB/D,EAAQ,EACRrB,EAASrB,GAET0G,EAA+B,EAC/BpC,EAAWrE,EAAe,cAC1B0G,EAAcrC,EAAS,OACvBsC,GAAa,EAGbC,GAA4B,IAAM,CACpC,QAAQrF,GAAEoF,GAAW,EAAGpF,IAAG,EAAGA,KAAKzB,EAAO,sBAAsB+G,EAA4BtF,GAAE,EAAI,CAAC,CAAC,EAAIsF,EAA4BtF,GAAE,EAAI,CAAC,CAC7I,EAEIe,GAAmB,GACff,GAAE,EAAGA,GAAEmF,EAAa,EAAEnF,GAAG,CAC/Ba,GAAwBb,EAAC,EAAIW,GAC7B,IAAIrC,GAASwE,EAAS9C,EAAC,EAGvB,GADAH,EAASf,EAAUR,GAAQC,CAAM,EAC9B6E,EAAmB,CACpB,GAAGvD,IAAWrB,GAAM,SACpBuC,GAAmB,EACrB,SACKlB,IAAWrB,GAAO,OAAA6G,GAA0B,EAAU7G,GAI3D,IAAI+G,GAAkBvF,KAAMmF,EAAc,EAC1C,GAAG,CAACI,GAAiB,CACnB,IAAI9D,GAAU5B,EAAO,SAEjB2F,GAAgC,GACpC,QAAQxF,GAAE,EAAGA,GAAEyB,GAAQ,IAAI,EAAGzB,KAC5B,GAAGyB,GAAQzB,GAAE,CAAC,EAAIyB,GAAQzB,EAAC,IAAM,EAAG,CAClCwF,GAAgC,GAAO,KACzC,CAGF,GAAGA,GAA+B,CAChC,IAAIC,GAAoBhE,GAAQA,GAAQ,IAAI,CAAC,EAAI,EAC7CiE,GAAYnH,EAAO,sBAAsBkH,GAAkB,CAAC,EAChE,QAAQzF,GAAEyF,GAAkB,EAAGzF,IAAG,GAC7B0F,KAAcnH,EAAO,sBAAsByB,EAAC,EADZA,KAEnCzB,EAAO,sBAAsByB,EAAC,EAAIyF,GAClCH,EAA4BF,GAAW,EAAI,CAAC,EAAIpF,GAChDsF,EAA4BF,GAAW,EAAI,CAAC,EAAIM,GAChDN,IAEJ,CACF,CAEAlE,GAASrB,EAAO,OAASsF,EACzBtE,GAAwBb,EAAC,EAAIH,EAAO,OAASsF,EAG1CtF,EAAO,SAAS,CAAC,EAAIqF,IACtBhE,IAAUgE,EAA+BrF,EAAO,SAAS,CAAC,GAAK,GAEjEqF,EAA+BrF,EAAO,SAAS,CAAC,EAEhD,QAAQ8F,GAAE,EAAGA,GAAE9F,EAAO,SAAS,IAAK,EAAE8F,GAAGV,EAAa,IAAIpF,EAAO,SAAS8F,EAAC,CAAC,CAC9E,CAEA,GAAGvC,GAAqB,CAACrC,GAAkB,OAAOvC,GAElD6G,GAA0B,EAG1B,IAAIO,GAAoB9G,EAAUL,EAAgBF,EAAwB,EAAI,EAC9E,GAAGqH,KAAsBpH,IAAQoH,GAAkB,OAAS1E,EAAO,CACjE,GAAGkC,EACD,QAAQpD,GAAE,EAAGA,GAAEmF,EAAa,EAAEnF,GAC5Ba,GAAwBb,EAAC,EAAI4F,GAAkB,OAAST,EAG5D,OAAOS,EACT,CAEGxC,IAAmBvD,EAAStB,GAC/BsB,EAAO,OAASqB,EAEhB,IAAIlB,GAAI,EACR,QAAS6F,MAASZ,EAAcpF,EAAO,SAASG,IAAG,EAAI6F,GACvD,OAAAhG,EAAO,SAAS,IAAMG,GAEfH,CACT,EAGIiG,EAAkBC,GAAQA,EAAI,QAAQ,sBAAuBC,GAASA,EAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,mBAAoB,EAAE,EAE5H9D,EAAoB6D,GAAQ,CAC9BA,EAAMD,EAAeC,CAAG,EAOxB,QANIE,EAASF,EAAI,OACbG,EAAQH,EAAI,YAAY,EACxBI,EAAa,CAAC,EACdC,EAAW,EACXhH,EAAgB,GAEZY,EAAI,EAAGA,EAAIiG,EAAQ,EAAEjG,EAAG,CAC9B,IAAIqG,EAAYF,EAAWnG,CAAC,EAAIkG,EAAM,WAAWlG,CAAC,EAElD,GAAGqG,IAAc,GAAI,CACnBjH,EAAgB,GAChB,QACF,CAEA,IAAIkH,EAAMD,GAAW,IAAIA,GAAW,IAAMA,EAAU,GAC1CA,GAAW,IAAIA,GAAW,GAAM,GAEhCA,GAAW,IAAqB,GACA,GAC1CD,GAAY,GAAGE,CACjB,CAEA,MAAO,CAAC,WAAWH,EAAY,SAASC,EAAU,cAAchH,EAAe,OAAO8G,CAAK,CAC7F,EACIK,EAA2BhI,GAAW,CAKxC,QAJIiD,EAAYjD,EAAO,OACnBiI,EAAmB,CAAC,EAAOC,EAAsB,EACjDC,EAAW,GACXC,EAAc,GACV3G,EAAI,EAAGA,EAAIwB,EAAW,EAAExB,EAAG,CACjC,IAAI4G,EAAarI,EAAO,WAAWyB,CAAC,EAChC6G,EAAUD,GAAY,IAAIA,GAAY,GACtCE,GAAaD,GAAWD,GAAY,IAAIA,GAAY,KAAOA,GAAY,IAAIA,GAAY,GACvFG,GAAcF,GAAW,CAACH,GAAY,CAACC,GAAe,CAACG,GAC3DJ,EAAWG,EACXF,EAAcG,GACXC,KAAaP,EAAiBC,GAAqB,EAAIzG,EAC5D,CACA,OAAOwG,CACT,EACIrC,EAA+B5F,GAAW,CAC5CA,EAASuH,EAAevH,CAAM,EAM9B,QALIiD,EAAYjD,EAAO,OACnBiI,EAAmBD,EAAwBhI,CAAM,EACjD2F,EAAuB,CAAC,EACxB8C,EAAkBR,EAAiB,CAAC,EACpCS,EAAmB,EACfjH,EAAI,EAAGA,EAAIwB,EAAW,EAAExB,EAC3BgH,EAAkBhH,EACnBkE,EAAqBlE,CAAC,EAAIgH,GAE1BA,EAAkBR,EAAiB,EAAES,CAAgB,EACrD/C,EAAqBlE,CAAC,EAAIgH,IAAkB,OAAYxF,EAAYwF,GAGxE,OAAO9C,CACT,EAEI7B,GAAsB,IAAI,IAC1BC,EAAsB,IAAI,IAG1ByB,EAAgB,CAAC,EAAOO,EAAgB,CAAC,EACzCgB,EAA8B,CAAC,EAC/B5E,EAAuB,CAAC,EAAOG,GAA0B,CAAC,EAC1DL,GAAa,CAAC,EAAOI,GAAa,CAAC,EAMnCV,GAAW,CAACD,EAAKiH,IAAS,CAC5B,IAAIpG,EAAMb,EAAIiH,CAAI,EAAG,GAAGpG,IAAQ,OAAW,OAAOA,EAClD,GAAG,OAAOoG,GAAS,WAAY,OAAOA,EAAKjH,CAAG,EAC9C,IAAIkH,EAAOD,EACP,MAAM,QAAQA,CAAI,IAAGC,EAAOD,EAAK,MAAM,GAAG,GAG9C,QAFIE,EAAMD,EAAK,OACXnH,EAAI,GACDC,GAAQ,EAAED,EAAIoH,GAAMnH,EAAMA,EAAIkH,EAAKnH,CAAC,CAAC,EAC5C,OAAOC,CACT,EAEItB,GAAc,GAAe,OAAO,GAAM,UAAY,OAAO,EAAE,WAAc,SAC7Ea,GAAW,IAAcmB,GAAoB,CAACnB,GAC9CL,GAAY,CAAC,EAAGA,GAAU,MAAQ,EACtC,IAAIX,GAAO,KAEPiC,GAAWuB,EAAQ,EAAE,EAGrBqF,GAAkBC,GAAG,CAAC,IAAIC,EAAE,CAAC,EAAEC,EAAE,EAAEhF,EAAE,CAAC,EAAEiF,EAAEH,GAAG,CAAC,QAAQ9E,EAAE,EAAEiF,EAAEF,EAAE/E,CAAC,EAAEkF,EAAE,EAAEA,EAAEF,GAAG,CAAC,IAAI9C,GAAEgD,EAAE,EAAElF,EAAEkF,EAAEhD,GAAE8C,GAAGD,EAAE7C,EAAC,EAAE,OAAO6C,EAAEG,CAAC,EAAE,SAASlF,EAAEkC,IAAG6C,EAAE/E,EAAE,GAAG,CAAC,EAAE+E,EAAE/E,CAAC,EAAEkF,EAAE,GAAGlF,GAAG,EAAE,CAAC,QAAQmF,GAAEnF,EAAE,GAAG,EAAEA,EAAE,GAAGiF,EAAE,OAAOF,EAAEI,EAAC,EAAE,OAAOA,IAAGnF,EAAEmF,IAAG,GAAG,EAAEJ,EAAE/E,CAAC,EAAE+E,EAAEI,EAAC,EAAEJ,EAAE/E,CAAC,EAAEiF,CAAC,EAAE,OAAOjF,EAAE,IAAK8E,GAAG,CAAC,IAAI9E,EAAEgF,EAAED,EAAEC,GAAG,EAAEF,EAAE,QAAQG,EAAEjF,EAAE,GAAG,EAAEA,EAAE,GAAG8E,EAAE,OAAOC,EAAEE,CAAC,EAAE,OAAOA,GAAGjF,EAAEiF,GAAG,GAAG,EAAEF,EAAE/E,CAAC,EAAE+E,EAAEE,CAAC,EAAEF,EAAE/E,CAAC,EAAE8E,CAAC,EAAG9E,EAAE,KAAM8E,GAAG,CAAC,GAAOE,IAAJ,EAAM,CAAC,IAAIhF,EAAE+E,EAAE,CAAC,EAAE,OAAOA,EAAE,CAAC,EAAEA,EAAE,EAAEC,CAAC,EAAEC,EAAE,EAAEjF,CAAC,CAAC,EAAGA,EAAE,KAAM8E,GAAG,CAAC,GAAOE,IAAJ,EAAM,OAAOD,EAAE,CAAC,CAAC,EAAG/E,EAAE,WAAY8E,GAAG,CAACC,EAAE,CAAC,EAAED,EAAEG,EAAE,CAAC,EAAGjF,CAAC,EAC/c1C,GAAIuH,GAAkB,EAG1B,MAAO,CAAC,OAAShJ,EAAQ,GAAKU,EAAI,QAAUiD,EAAS,QAAUI,CAAO,CACxE,CAAC,QC9qBDwF,aAHAC,IACAA,IACAA,KACAD,GAAsB,WAGtBC,QeiEA,SAASC,GAAkBC,EAAqBC,EAAqB,CACpE,OAAOD,EAAOE,QAASD,CAAAA,IAAeD,EAAOG,WAAYF,EAAS,OAAA,GAAaD,EAAOG,WAAYF,EAAS,WAAA,EAC5G,KA/CaG,GCZPC,GAQOC,GCFAC,GCCAC,aJrBbC,IACAA,IACAA,KACAA,KCuBaL,GAAN,cAA+BM,CAAAA,CAIrC,YAAaC,EAAiB,CAC7B,MAAOA,CAAAA,EAGP,KAAKC,YAAc,EACpB,CAKA,SAAgC,CAC/B,IAAMC,EAAQ,KAAKF,OAAOE,MACpBC,EAAYD,EAAME,SAASD,UAC7BE,EAAoCH,EAAMb,OAAOiB,gBAAiBH,CAAAA,EAItE,GAAKA,EAAUI,sBAAuBF,CAAAA,GAAkB,CAACjB,GAAkBc,EAAMb,OAAQgB,CAAAA,EACxF,EAIC,IAHAA,EAAeA,EAAaG,OAGvB,CAACH,EACL,aAEQ,CAACjB,GAAkBc,EAAMb,OAAQgB,CAAAA,GAG5CH,EAAMO,OAAQC,GAAAA,CACbA,EAAOC,aAAcN,EAAe,IAAA,CACrC,CAAA,CACD,CACD,EChDMX,GAAuCkB,GAAgB,QAAA,EAQhDjB,GAAN,cAA+BkB,CAAAA,CAIrC,WAAkBC,YAAa,CAC9B,MAAO,kBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMf,EAAS,KAAKA,OACdgB,EAAIhB,EAAOgB,EAEXC,EADOjB,EAAOkB,QAAQC,KACFf,SAE1BJ,EAAOoB,SAASC,IAAK,YAAa,IAAI5B,GAAkBO,CAAAA,CAAAA,EAExD,KAAKsB,SAAoCL,EAAc,UAAW,CAAEM,EAAWC,IAAAA,CACzEC,GAASD,CAAAA,IAAmB9B,KAChCM,EAAO0B,QAAS,WAAA,EAChBF,EAAaG,eAAc,EAE7B,CAAA,EAGA3B,EAAO4B,cAAcC,kBAAmB,CACvCC,WAAY,CACX,CACCC,MAAOf,EAAG,YAAA,EACVgB,UAAW,QACZ,CACA,CACF,CAAA,CACD,CACD,EC7CapC,GAAN,cAA0BiB,CAAAA,CAIhC,WAAkBC,YAAa,CAC9B,MAAO,aACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMf,EAAS,KAAKA,OAEpBA,EAAOiC,GAAGC,iBAAiBb,IAAK,YAAa,IAAA,CAC5C,IAAMc,EAAa,KAAKC,cAAeC,CAAAA,EAEvCF,OAAAA,EAAWG,IAAK,CACfC,QAAS,EACV,CAAA,EAEOJ,CACR,CAAA,EAEAnC,EAAOiC,GAAGC,iBAAiBb,IAAK,oBAAqB,IAC7C,KAAKe,cAAeI,EAAAA,CAC5B,CACD,CAKQJ,cAAmFK,EAAkC,CAC5H,IAAMzC,EAAS,KAAKA,OACd0C,EAAS1C,EAAO0C,OAChBC,EAAU3C,EAAOoB,SAASwB,IAAK,WAAA,EAC/BzB,EAAO,IAAIsB,EAAazC,EAAO0C,MAAM,EACrC1B,EAAI0B,EAAO1B,EAEjBG,OAAAA,EAAKmB,IAAK,CACTP,MAAOf,EAAG,YAAA,EACV6B,KAAMC,GACNd,UAAW,QACZ,CAAA,EAEAb,EAAK4B,KAAM,WAAA,EAAcC,GAAIL,EAAS,WAAA,EAGtC,KAAKrB,SAAUH,EAAM,UAAW,IAAA,CAC/BnB,EAAO0B,QAAS,WAAA,EAChB1B,EAAOkB,QAAQC,KAAK8B,MAAK,CAC1B,CAAA,EAEO9B,CACR,CACD,EC7DatB,GAAN,cAAwBgB,CAAAA,CAI9B,WAAkBqC,UAAW,CAC5B,MAAO,CAAEvD,GAAkBC,EAAa,CACzC,CAKA,WAAkBkB,YAAa,CAC9B,MAAO,WACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,IE6LA,SAASoC,GAAiBC,EAAyB,CAClDA,EAAOC,KAAM,CAAEC,EAAGC,IAAOD,EAAEE,MAAMC,SAAUF,EAAEC,KAAK,EAAK,GAAK,CAAA,EAE5D,QAAUE,EAAI,EAAGA,EAAIN,EAAOO,OAAQD,IAAM,CAEzC,IAAME,EADgBR,EAAQM,EAAI,CAAA,EACAG,UAAWT,EAAQM,CAAAA,EAAK,EAAA,EAErDE,IAEJF,IACAN,EAAOU,OAAQJ,EAAG,EAAGE,CAAAA,EAEvB,CACD,CAEA,SAASG,GAAiCC,EAAmBZ,EAAyB,CACrF,OAAOA,EAAOa,KAAMC,GAAcA,IAAeF,GAASE,EAAWC,cAAeH,EAAO,EAAA,CAAA,CAC5F,KAjOsBI,GCJTC,GCAAC,GCMAC,GCVAC,GC+FAC,aN9GbC,IACAA,KACAA,KACAA,KCoBsBN,GAAf,cAA2CO,CAAAA,CAOvCC,OAAiG,CAAA,EAOpGC,gBAAkB,IAAIC,QAK7B,YAAaC,EAAiB,CAC7B,MAAOA,CAAAA,EAGP,KAAKC,QAAO,EAGZ,KAAKC,2BAA6B,GAIlC,KAAKC,SAAkCH,EAAOI,KAAM,MAAO,CAAEC,EAAKD,IAAAA,CAGjEA,EAAM,CAAA,EAAM,CAAE,GAAGA,EAAM,CAAA,CAAI,EAE3B,IAAME,EAAUF,EAAM,CAAA,EAGhBE,EAAQC,YACbD,EAAQC,UAAY,CAAEC,WAAY,EAAM,EAE1C,EAAG,CAAEC,SAAU,MAAO,CAAA,EAGtB,KAAKN,SAAkCH,EAAOI,KAAM,MAAO,CAAEC,EAAKD,IAAAA,CAGjDA,EAAM,CAAA,EAERG,UAAWC,YACxB,KAAKE,WAAU,CAEjB,CAAA,CACD,CAKA,SAAgC,CAC/B,KAAKC,UAAY,KAAKd,OAAOjB,OAAS,CACvC,CAKA,IAAWgC,gBAAiC,CAC3C,OAAO,KAAKd,eACb,CAQOe,SAAUC,EAAqB,CACrC,IAAMC,EAAe,KAAKf,OAAOgB,MAAMC,SAASC,UAE1CA,EAAY,CACjB7C,OAAQ0C,EAAaI,YAAcC,MAAMC,KAAMN,EAAaO,UAAS,CAAA,EAAO,CAAA,EAC5EC,WAAYR,EAAaQ,UAC1B,EAEA,KAAK1B,OAAO2B,KAAM,CAAEV,MAAAA,EAAOI,UAAAA,CAAU,CAAA,EACrC,KAAKjB,QAAO,CACb,CAKA,YAA0B,CACzB,KAAKJ,OAAS,CAAA,EACd,KAAKI,QAAO,CACb,CASA,kBACC5B,EACAkD,EACAE,EACO,CACP,IAAMT,EAAQ,KAAKhB,OAAOgB,MACpBC,EAAWD,EAAMC,SAGjBS,EAAqC,CAAA,EAGrCC,EAAyBtD,EAAOuD,IAAK3C,GAASA,EAAM4C,2BAA4BJ,CAAAA,CAAAA,EAChFK,EAAYH,EAAuBI,KAAI,EAE7C,QAAYC,KAAcL,EAAyB,CAElD,IAAMM,EAAcD,EAClBE,OAAQjD,GAASA,EAAMkD,MAAQlB,EAASmB,SAAS,EACjDF,OAAQjD,GAAS,CAACD,GAAiCC,EAAO6C,CAAAA,CAAAA,EAGtDG,EAAYrD,SAMlBR,GAAiB6D,CAAAA,EAKjBP,EAAgBF,KAAMS,EAAa,CAAA,CAAG,EACvC,CAKKP,EAAgB9C,QACpBoC,EAAMqB,OAAQC,GAAAA,CACbA,EAAOC,aAAcb,EAAiB,CAAEc,SAAUjB,CAAW,CAAA,CAC9D,CAAA,CAEF,CASA,MAAiBkB,EAAoBC,EAA4B,CAChE,IAAM1B,EAAQ,KAAKhB,OAAOgB,MACpBC,EAAWD,EAAMC,SAGvB,KAAKnB,gBAAgB6C,IAAKD,CAAAA,EAE1B,IAAME,EAAmBH,EAAYhB,WAAWoB,MAAK,EAAGX,OAAQY,GAAaA,EAAUC,mBAAmB,EAC1GH,EAAiBI,QAAO,EAIxB,QAAYC,KAAmBL,EAAmB,CACjD,IAAMM,EAAkBD,EAAgBE,YAAe,EACjDC,EAAoBhC,MAAMC,KAAMJ,EAASoC,QAAQC,cAAeJ,CAAAA,CAAAA,EAahEK,EAXkBC,GACvB,CAAEP,EAAgBQ,YAAW,CAAI,EACjCL,EACA,CACCM,aAAc,GACdzC,SAAU,KAAKjB,OAAOgB,MAAMC,SAC5B0C,aAAc,GACdC,gBAAiB,EAClB,CAAA,EAG0CC,YAG3C,QAAUf,KAAaS,EAAqB,CAE3C,IAAMO,EAAqBhB,EAAUgB,mBAEhCA,GAAsB,CAAC9C,EAAM+C,UAAWD,CAAAA,IAC5ChB,EAAY,IAAIkB,GAAalB,EAAUK,WAAW,GAInDT,EAAauB,aAAcnB,CAAAA,EAC3B9B,EAAMkD,eAAgBpB,CAAAA,EAEtB7B,EAASoC,QAAQc,qBAAsBlB,EAAiBH,CAAAA,CACzD,CACD,CACD,CACD,EC7MaxD,GAAN,cAA0BD,EAAAA,CAUhC,QAAyByB,EAAsB,KAAa,CAE3D,IAAMsD,EAAatD,EAAQ,KAAKjB,OAAOwE,UAAW9F,GAAKA,EAAEuC,OAASA,CAAAA,EAAU,KAAKjB,OAAOjB,OAAS,EAE3F0F,EAAO,KAAKzE,OAAOd,OAAQqF,EAAY,CAAA,EAAK,CAAA,EAC5C1B,EAAe,KAAK1C,OAAOgB,MAAMuD,YAAa,CAAEC,OAAQ,EAAK,CAAA,EAInE,KAAKxE,OAAOgB,MAAMyD,cAAe/B,EAAc,IAAA,CAC9C,KAAKgC,MAAOJ,EAAKxD,MAAO4B,CAAAA,EAExB,IAAMjB,EAAa,KAAKzB,OAAOgB,MAAMC,SAASoC,QAAQC,cAAegB,EAAKxD,MAAMqC,WAAW,EAC3F,KAAKwB,kBAAmBL,EAAKpD,UAAU7C,OAAQiG,EAAKpD,UAAUK,WAAYE,CAAAA,CAC3E,CAAA,EAKA,KAAKmD,KAAsC,SAAUN,EAAKxD,MAAO4B,CAAAA,EAEjE,KAAKzC,QAAO,CACb,CACD,ECjCaV,GAAN,cAA0BF,EAAAA,CAShC,SAAgC,CAC/B,IAAMiF,EAAO,KAAKzE,OAAOgF,IAAG,EACtBC,EAAe,KAAK9E,OAAOgB,MAAMuD,YAAa,CAAEC,OAAQ,EAAK,CAAA,EAInE,KAAKxE,OAAOgB,MAAMyD,cAAeK,EAAc,IAAA,CAE9C,IAAM5B,EADgBoB,EAAKxD,MAAMW,WAAY6C,EAAKxD,MAAMW,WAAW7C,OAAS,CAAA,EACtCuE,YAAe,EAC/C1B,EAAa,KAAKzB,OAAOgB,MAAMC,SAASoC,QAAQC,cAAeJ,CAAAA,EAErE,KAAKyB,kBAAmBL,EAAKpD,UAAU7C,OAAQiG,EAAKpD,UAAUK,WAAYE,CAAAA,EAC1E,KAAKiD,MAAOJ,EAAKxD,MAAOgE,CAAAA,CACzB,CAAA,EAKA,KAAKF,KAAsC,SAAUN,EAAKxD,MAAOgE,CAAAA,EAEjE,KAAK7E,QAAO,CACb,CACD,ECzBaT,GAAN,cAA0BuF,CAAAA,CAKhC,aAMA,aAKQC,eAAiB,IAAIjF,QAK7B,WAAkBkF,YAAa,CAC9B,MAAO,aACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMlF,EAAS,KAAKA,OACdmF,EAAInF,EAAOmF,EAGjB,KAAKC,aAAe,IAAI9F,GAAaU,CAAAA,EACrC,KAAKqF,aAAe,IAAI9F,GAAaS,CAAAA,EAGrCA,EAAOsF,SAAS3C,IAAK,OAAQ,KAAKyC,YAAY,EAC9CpF,EAAOsF,SAAS3C,IAAK,OAAQ,KAAK0C,YAAY,EAE9C,KAAKlF,SAAoCH,EAAOgB,MAAO,iBAAkB,CAAEX,EAAKkF,IAAAA,CAC/E,IAAMzC,EAAYyC,EAAM,CAAA,EAOxB,GAAK,CAACzC,EAAUC,oBACf,OAGD,IAAMjC,EAAQgC,EAAUhC,MAElB0E,EAAc,KAAKH,aAAazE,eAAe6E,IAAK3E,CAAAA,EACpD4E,EAAc,KAAKN,aAAaxE,eAAe6E,IAAK3E,CAAAA,EACrC,KAAKkE,eAAeS,IAAK3E,CAAAA,IAQ9C,KAAKkE,eAAerC,IAAK7B,CAAAA,EAEnBA,EAAMN,aAIPgF,EAEJ,KAAKJ,aAAavE,SAAUC,CAAAA,EAChB4E,IAGZ,KAAKN,aAAavE,SAAUC,CAAAA,EAC5B,KAAKuE,aAAa3E,WAAU,IAE9B,EAAG,CAAED,SAAU,SAAU,CAAA,EAEzB,KAAKN,SAA0C,KAAKiF,aAAc,SAAU,CAAE/E,EAAKsF,EAAajD,IAAAA,CAC/F,KAAK2C,aAAaxE,SAAU6B,CAAAA,CAC7B,CAAA,EAEA1C,EAAO4F,WAAWC,IAAK,SAAU,MAAA,EACjC7F,EAAO4F,WAAWC,IAAK,SAAU,MAAA,EACjC7F,EAAO4F,WAAWC,IAAK,eAAgB,MAAA,EAGvC7F,EAAO8F,cAAcC,kBAAmB,CACvCH,WAAY,CACX,CACCI,MAAOb,EAAG,MAAA,EACVc,UAAW,QACZ,EACA,CACCD,MAAOb,EAAG,MAAA,EACVc,UAAW,CAAE,CAAE,QAAU,EAAE,CAAE,cAAgB,CAAE,CAChD,CACA,CACF,CAAA,CACD,CACD,ECxHaxG,GAAN,cAAqBsF,CAAAA,CAI3B,WAAkBE,YAAa,CAC9B,MAAO,QACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMlF,EAAS,KAAKA,OACdkG,EAASlG,EAAOkG,OAChBf,EAAInF,EAAOmF,EAEXgB,EAAoBD,EAAOE,qBAAuB,MAAQC,GAAWC,GACrEC,EAAoBL,EAAOE,qBAAuB,MAAQE,GAAWD,GAE3E,KAAKG,qBAAsB,OAAQrB,EAAG,MAAA,EAAU,SAAUgB,CAAAA,EAC1D,KAAKK,qBAAsB,OAAQrB,EAAG,MAAA,EAAU,SAAUoB,CAAAA,CAC3D,CAUQC,qBAAsBC,EAAuBT,EAAeC,EAAmBS,EAAe,CACrG,IAAM1G,EAAS,KAAKA,OAEpBA,EAAO2G,GAAGC,iBAAiBjE,IAAK8D,EAAM,IAAA,CACrC,IAAMI,EAAa,KAAKC,cAAeC,EAAYN,EAAMT,EAAOC,EAAWS,CAAAA,EAE3EG,OAAAA,EAAWhB,IAAK,CACfmB,QAAS,EACV,CAAA,EAEOH,CACR,CAAA,EAEA7G,EAAO2G,GAAGC,iBAAiBjE,IAAK,WAAa8D,EAAM,IAC3C,KAAKK,cAAeG,GAA+BR,EAAMT,EAAOC,EAAWS,CAAAA,CACnF,CACD,CAKQI,cACPI,EACAT,EACAT,EACAC,EACAS,EACkB,CAClB,IAAM1G,EAAS,KAAKA,OACdkG,EAASlG,EAAOkG,OAChBiB,EAAUnH,EAAOsF,SAAS8B,IAAKX,CAAAA,EAC/BY,EAAO,IAAIH,EAAahB,CAAAA,EAE9BmB,OAAAA,EAAKxB,IAAK,CACTG,MAAAA,EACAsB,KAAMZ,EACNT,UAAAA,CACD,CAAA,EAEAoB,EAAKE,KAAM,WAAA,EAAcC,GAAIL,EAAS,WAAA,EAEtC,KAAKhH,SAAUkH,EAAM,UAAW,IAAA,CAC/BrH,EAAOyH,QAAShB,CAAAA,EAChBzG,EAAO0H,QAAQL,KAAKM,MAAK,CAC1B,CAAA,EAEON,CACR,CACD,ECSa3H,GAAN,cAAmBqF,CAAAA,CAIzB,WAAkB6C,UAAW,CAC5B,MAAO,CAAEpI,GAAaC,EAAQ,CAC/B,CAKA,WAAkBwF,YAAa,CAC9B,MAAO,MACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,QEhGa2C,aDnCbC,IACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KC6BaD,GAAN,cAAyBE,CAAAA,CAI/B,WAAkBC,UAAW,CAC5B,MAAO,CAAEC,GAAmBC,GAAWC,GAAOC,GAAWC,GAAYC,GAAQC,EAAM,CACpF,CAKA,WAAkBC,YAAa,CAC9B,MAAO,YACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,kBCxDAC,IACAA,KAEAA,OsBgBO,SAASC,GAAkBC,EAA0D,CAE3F,OAAOA,EACLC,IAAKC,GAAQC,GAAqBD,CAAAA,CAAAA,EAElCE,OAAUC,GAAsCA,IAAWC,MAAAA,CAC9D,CAsDA,SAASH,GAAqBE,EAAwC,CAMrE,GALK,OAAOA,GAAW,WACtBA,EAASE,OAAQF,CAAAA,GAIb,OAAOA,GAAW,UAAYG,GAAsBH,CAAAA,EACxD,OAAOI,GAAgBJ,CAAAA,EAGxB,IAAMK,EAASC,GAAYN,CAAAA,EAG3B,GAAKK,EACJ,OAAOD,GAAgBC,CAAAA,EAIxB,GAAKL,IAAW,UACf,MAAO,CACNO,MAAON,OACPO,MAAO,SACR,EAKD,GAAKC,CAAAA,GAAuBT,CAAAA,EAK5B,OAAOU,GAAqBV,CAAAA,CAC7B,CAOA,SAASU,GAAqBC,EAAmC,CAEhE,OAAK,OAAOA,GAAe,WAC1BA,EAAa,CACZH,MAAOG,EACPJ,MAAO,GAAIK,WAAYD,CAAAA,CAAAA,IACxB,GAGDA,EAAWE,KAAO,CACjBC,KAAM,OACNC,OAAQ,CACP,YAAaJ,EAAWJ,KACzB,CACD,EAEOH,GAAgBO,CAAAA,CACxB,CAKA,SAASP,GAAgBO,EAA0B,CAClD,OAAKA,EAAWE,MAAQ,OAAOF,EAAWE,MAAS,UAAY,CAACF,EAAWE,KAAKG,WAC/EL,EAAWE,KAAMG,SAAW,GAGtBL,CACR,CAOA,SAASL,GAAYK,EAAuC,CAC3D,OAAO,OAAOA,GAAe,SAAWM,GAAcN,CAAAA,EAAeM,GAAcN,EAAWJ,KAAK,CACpG,CAKA,SAASJ,GAAsBQ,EAA+B,CAC7D,OAAOA,EAAWH,OAASG,EAAWJ,OAASI,EAAWE,IAC3D,CAEA,SAASJ,GAAuBE,EAAmC,CAClE,IAAIO,EAEJ,GAAK,OAAOP,GAAe,SAC1B,GAAMA,EAAWJ,MAUhBW,EAAcN,WAAYD,EAAWJ,KAAK,MAF1C,OAAM,IAAIY,EAAe,+BAAgC,KAAMR,CAAAA,OAKhEO,EAAcN,WAAYD,CAAAA,EAG3B,OAAOS,MAAOF,CAAAA,CACf,KA9JMD,aT5BNI,IAEAA,IACAA,KACAA,KSwBMJ,GAA+C,CACpD,IAAIK,MAAuB,CAC1B,MAAO,CACNd,MAAO,OACPD,MAAO,OACPM,KAAM,CACLC,KAAM,OACNS,QAAS,YACTP,SAAU,CACX,CACD,CACD,EACA,IAAIQ,OAAwB,CAC3B,MAAO,CACNhB,MAAO,QACPD,MAAO,QACPM,KAAM,CACLC,KAAM,OACNS,QAAS,aACTP,SAAU,CACX,CACD,CACD,EACA,IAAIS,KAAsB,CACzB,MAAO,CACNjB,MAAO,MACPD,MAAO,MACPM,KAAM,CACLC,KAAM,OACNS,QAAS,WACTP,SAAU,CACX,CACD,CACD,EACA,IAAIU,MAAuB,CAC1B,MAAO,CACNlB,MAAO,OACPD,MAAO,OACPM,KAAM,CACLC,KAAM,OACNS,QAAS,YACTP,SAAU,CACX,CACD,CACD,CACD,kBczEAW,IACAA,IAEAA,KACAA,QSiFA,SAASC,GAAyBC,EAAqBC,EAAmB,CACzE,OAAOA,EAAOC,WAAYF,EAAMG,OAAwB,WAAA,GAAiB,CAACF,EAAOG,SAAUJ,CAAAA,CAC5F,KAtEaK,GCYAC,GCHAC,aH1BbC,IACAA,IAEAA,KCcaH,GAAN,cAA+BI,CAAAA,CACrC,YAAoBC,EAAiB,CACpC,MAAOA,CAAAA,EAGP,KAAKC,2BAA6B,EACnC,CAaA,SAAgC,CAC/B,IAAMC,EAAQ,KAAKF,OAAOE,MACpBC,EAAWD,EAAMC,SACjBb,EAAQc,GAAOD,EAASE,UAAUC,kBAAiB,CAAA,EAEzD,KAAKC,MAAQ,CAAC,CAACjB,GAASA,EAAMkB,GAAI,UAAW,WAAA,EAC7C,KAAKC,UAAY,CAAC,CAACnB,GAASD,GAAyBC,EAAOY,EAAMX,MAAM,CACzE,CAWA,QAAyBmB,EAErB,CAAA,EAAW,CACd,IAAMR,EAAQ,KAAKF,OAAOE,MACpBC,EAAWD,EAAMC,SAEjBE,EAAYK,EAAQL,WAAaF,EAASE,UAG1CH,EAAMS,UAAWN,CAAAA,GAIvBH,EAAMU,OAAQC,GAAAA,CACb,IAAMC,EAAST,EAAUC,kBAAiB,EAE1C,QAAYhB,KAASwB,EACf,CAACxB,EAAMkB,GAAI,UAAW,WAAA,GAAiBnB,GAAyBC,EAAOY,EAAMX,MAAM,GACvFsB,EAAOE,OAAQzB,EAAO,WAAA,CAGzB,CAAA,CACD,CACD,EChDaM,GAAN,cAAqCG,CAAAA,CAC3C,YAAoBC,EAAiB,CACpC,MAAOA,CAAAA,EAGP,KAAKC,2BAA6B,EACnC,CAUgBe,QAASN,EAGC,CACzB,IAAMR,EAAQ,KAAKF,OAAOE,MACpBe,EAAaP,EAAQO,WAEvBC,EAAiCR,EAAQQ,SAG7C,OAAMhB,EAAMS,UAAWO,CAAAA,EAIhBhB,EAAMU,OAAQC,GAAAA,CAGpB,GAFAK,EAAW,KAAKC,+BAAgCD,EAAWL,CAAAA,EAEtD,CAACK,EACL,OAAO,KAGR,IAAME,EAAYP,EAAOQ,cAAe,WAAA,EAExC,OAAKJ,GACJf,EAAMX,OAAO+B,qBAAsBF,EAAWH,EAAYJ,CAAAA,EAG3DX,EAAMqB,cAAeH,EAAWF,CAAAA,EAChCL,EAAOW,aAAcJ,EAAW,IAAA,EAEzBP,EAAOY,iBAAkBL,EAAW,CAAA,CAC5C,CAAA,EApBQ,IAqBT,CAKA,+BAAwCF,EAAyBL,EAA4C,CAC5G,IAAMX,EAAQ,KAAKF,OAAOE,MAE1B,GAAKA,EAAMX,OAAOC,WAAY0B,EAAU,WAAA,EACvC,OAAOA,EAGR,IAAMQ,EAAgBxB,EAAMX,OAAOoC,kBAAmBT,EAAU,WAAA,EAIhE,GAAK,CAACQ,EACL,OAAO,KAGR,IAAME,EAAiBV,EAASzB,OAC1BoC,EAAgB3B,EAAMX,OAAOC,WAAYoC,EAAgB,OAAA,EAK/D,OAAKA,EAAeE,SAAWD,GAAiBX,EAASa,QACjD7B,EAAM8B,oBAAqBJ,CAAAA,EAK9B,CAACA,EAAeE,SAAWD,GAAiBX,EAASe,UAClD/B,EAAMgC,qBAAsBN,CAAAA,EAG7Bf,EAAOsB,MAAOjB,EAAUQ,CAAAA,EAAgBR,QAChD,CACD,ECzFarB,GAAN,MAAMA,UAAkBuC,CAAAA,CAI9B,WAAkBC,YAAa,CAC9B,MAAO,WACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMtC,EAAS,KAAKA,OACdE,EAAQF,EAAOE,MAErBF,EAAOuC,SAASC,IAAK,YAAa,IAAI7C,GAAkBK,CAAAA,CAAAA,EACxDA,EAAOuC,SAASC,IAAK,kBAAmB,IAAI5C,GAAwBI,CAAAA,CAAAA,EAGpEE,EAAMX,OAAOkD,SAAU,YAAa,CAAEC,eAAgB,QAAS,CAAA,EAE/D1C,EAAO2C,WAAWC,iBAAkB,CAAE1C,MAAO,YAAa2C,KAAM,GAAI,CAAA,EAGpE7C,EAAO2C,WAAWG,IAAK,QAAA,EAAWF,iBAAkB,CACnD1C,MAAO,CAAE6C,EAAa,CAAElC,OAAAA,CAAM,IACxB,CAAChB,EAAUmD,sBAAsBC,IAAKF,EAAYG,IAAI,GAKtDH,EAAYjB,QACT,KAGDjB,EAAOQ,cAAe,WAAA,EAE9BwB,KAAM,KACNM,kBAAmB,KACpB,CAAA,CACD,CAmCA,OAAcH,sBAAwB,IAAII,IAAK,CAC9C,aACA,KACA,MACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,IACA,KACA,IHoHE,CGnHF,CACF,IGjCA,SAASC,GAAuBC,EAAqBC,EAAiBC,EAAmB,CACxF,OAAOA,EAAOC,WAAYH,EAAMI,OAAwBH,CAAAA,GAAa,CAACC,EAAOG,SAAUL,CAAAA,CACxF,CEtEO,SAASM,GAAqBC,EAAc,CAClD,IAAMC,EAAID,EAAOC,EACXC,EAA0C,CAC/C,UAAaD,EAAG,WAAA,EAChB,YAAaA,EAAG,WAAA,EAChB,YAAaA,EAAG,WAAA,EAChB,YAAaA,EAAG,WAAA,EAChB,YAAaA,EAAG,WAAA,EAChB,YAAaA,EAAG,WAAA,EAChB,YAAaA,EAAG,WAAA,CACjB,EAEA,OAAOD,EAAOG,OAAOC,IAAK,iBAAA,EAAqBC,IAAKC,GAAAA,CACnD,IAAMC,EAAQL,EAAiBI,EAAOC,KAAK,EAE3C,OAAKA,GAASA,GAASD,EAAOC,QAC7BD,EAAOC,MAAQA,GAGTD,CACR,CAAA,CACD,KF3BaE,GCAPC,GAOOC,GEQAC,GCLAC,aL3BbC,IACAA,KACAA,IACAA,KACAA,KACAA,KCYaL,GAAN,cAA6BM,CAAAA,CAenC,cAQA,YAAad,EAAgBe,EAA+B,CAC3D,MAAOf,CAAAA,EAEP,KAAKe,cAAgBA,CACtB,CAKA,SAAgC,CAC/B,IAAMtB,EAAQuB,GAAO,KAAKhB,OAAOiB,MAAMC,SAASC,UAAUC,kBAAiB,CAAA,EAE3E,KAAKC,MAAQ,CAAC,CAAC5B,GAAS,KAAKsB,cAAcO,SAAU7B,EAAM8B,IAAI,GAAM9B,EAAM8B,KAC3E,KAAKC,UAAY,CAAC,CAAC/B,GAAS,KAAKsB,cAAcU,KAAM/B,GAAWF,GAAuBC,EAAOC,EAAS,KAAKM,OAAOiB,MAAMtB,MAAM,CAAA,CAChI,CASgB+B,QAASC,EAAmC,CAC3D,IAAMV,EAAQ,KAAKjB,OAAOiB,MACpBC,EAAWD,EAAMC,SAEjBU,EAAeD,EAAQN,MAE7BJ,EAAMY,OAAQC,GAAAA,CACb,IAAMC,EAASC,MAAMC,KAAMf,EAASC,UAAUC,kBAAiB,CAAA,EAC7Dc,OAAQzC,GACDD,GAAuBC,EAAOmC,EAAcX,EAAMtB,MAAM,CAChE,EAED,QAAYF,KAASsC,EACdtC,EAAM0C,GAAI,UAAWP,CAAAA,GAC1BE,EAAOM,OAAQ3C,EAAOmC,CAAAA,CAGzB,CAAA,CACD,CACD,ECjEMnB,GAAsB,YAOfC,GAAN,cAA6B2B,CAAAA,CAInC,WAAkBC,YAAa,CAC9B,MAAO,gBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,YAAavC,EAAiB,CAC7B,MAAOA,CAAAA,EAEPA,EAAOG,OAAOqC,OAAQ,UAAW,CAChCb,QAAS,CACR,CAAEV,MAAO,YAAaV,MAAO,YAAakC,MAAO,sBAAuB,EACxE,CAAExB,MAAO,WAAYyB,KAAM,KAAMnC,MAAO,YAAakC,MAAO,qBAAsB,EAClF,CAAExB,MAAO,WAAYyB,KAAM,KAAMnC,MAAO,YAAakC,MAAO,qBAAsB,EAClF,CAAExB,MAAO,WAAYyB,KAAM,KAAMnC,MAAO,YAAakC,MAAO,qBAAsB,CAClF,CACF,CAAA,CACD,CAKA,WAAkBE,UAAW,CAC5B,MAAO,CAAEC,EAAW,CACrB,CAKA,MAAoB,CACnB,IAAM5C,EAAS,KAAKA,OACd2B,EAAgC3B,EAAOG,OAAOC,IAAK,iBAAA,EAEnDW,EAAgB,CAAA,EAEtB,QAAYT,KAAUqB,EAEhBrB,EAAOW,QAAU,cAKtBjB,EAAOiB,MAAMtB,OAAOkD,SAAUvC,EAAOW,MAAO,CAC3C6B,eAAgB,QACjB,CAAA,EAEA9C,EAAO+C,WAAWC,iBAAkB1C,CAAAA,EAEpCS,EAAckC,KAAM3C,EAAOW,KAAK,GAGjC,KAAKiC,wBAAyBlD,CAAAA,EAG9BA,EAAOmD,SAASC,IAAK,UAAW,IAAI5C,GAAgBR,EAAQe,CAAAA,CAAAA,CAC7D,CAKA,WAAyB,CAGxB,IAAMf,EAAS,KAAKA,OACdqD,EAAerD,EAAOmD,SAAS/C,IAAK,OAAA,EACpCuB,EAAgC3B,EAAOG,OAAOC,IAAK,iBAAA,EAEpDiD,GACJ,KAAKC,SAAyCD,EAAc,eAAgB,CAAEE,EAAKC,IAAAA,CAClF,IAAMC,EAAiBzD,EAAOiB,MAAMC,SAASC,UAAUuC,iBAAgB,EAAI7D,OACzD8B,EAAQF,KAAMnB,GAAUmD,EAAetB,GAAI,UAAW7B,EAAOW,KAAK,CAAA,GAElE,CAACwC,EAAetB,GAAI,UAAW1B,EAAAA,GAAyBgD,EAAeE,aAAe,GACvGH,EAAK1B,OAAOM,OAAQqB,EAAgBhD,EAAAA,CAEtC,CAAA,CAEF,CAOQyC,wBAAyBlD,EAAiB,CACjDA,EAAO+C,WAAWa,IAAK,QAAA,EAAWZ,iBAAkB,CACnD/B,MAAO,WACPyB,KAAM,KAGNmB,kBAAmBC,GAAWC,IAAM,CACrC,CAAA,CACD,CACD,EEjGapD,GAAN,cAAwB0B,CAAAA,CAI9B,WAAkBC,YAAa,CAC9B,MAAO,WACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMvC,EAAS,KAAKA,OACdC,EAAID,EAAOC,EACX0B,EAAU5B,GAAqBC,CAAAA,EAC/BgE,EAAe/D,EAAG,gBAAA,EAClBgE,EAAkBhE,EAAG,SAAA,EAG3BD,EAAOkE,GAAGC,iBAAiBf,IAAK,UAAWgB,GAAAA,CAC1C,IAAMC,EAAiC,CAAA,EACjCC,EAA0D,IAAIC,GAC9DC,EAAiCxE,EAAOmD,SAAS/C,IAAK,SAAA,EACtDqE,EAAqCzE,EAAOmD,SAAS/C,IAAK,WAAA,EAC1D+C,EAA2B,CAAEqB,CAAgB,EAEnD,QAAYlE,KAAUqB,EAAU,CAC/B,IAAM+C,EAAkC,CACvCC,KAAM,SACN1D,MAAO,IAAI2D,GAAS,CACnBC,MAAOvE,EAAOC,MACdkC,MAAOnC,EAAOmC,MACdqC,KAAM,gBACNC,SAAU,EACX,CAAA,CACD,EAEKzE,EAAOW,QAAU,aACrByD,EAAIzD,MAAM+D,KAAM,MAAA,EAASC,GAAIR,EAAkB,OAAA,EAC/CC,EAAIzD,MAAMiE,IAAK,cAAe,WAAA,EAC9B/B,EAASF,KAAMwB,CAAAA,IAEfC,EAAIzD,MAAM+D,KAAM,MAAA,EAASC,GAAIT,EAAgB,QAASnD,GAASA,IAAUf,EAAOW,KAAK,EACrFyD,EAAIzD,MAAMiE,IAAK,CACdC,YAAa,UACbC,aAAc9E,EAAOW,KACtB,CAAA,GAIDqD,EAAgBlB,IAAKsB,CAAAA,EAErBL,EAAQ/D,EAAOW,KAAK,EAAKX,EAAOC,KACjC,CAEA,IAAM8E,EAAeC,GAAgBlB,CAAAA,EACrCmB,OAAAA,GAAmBF,EAAcf,EAAiB,CACjDkB,UAAWvB,EACXa,KAAM,MACP,CAAA,EAEAO,EAAaI,WAAWP,IAAK,CAC5BM,UAAWvB,EACXyB,eAAgBC,OAChBC,KAAM,GACNb,SAAU,GACVc,QAAS5B,CACV,CAAA,EAEAoB,EAAaS,eAAgB,CAC5BC,WAAY,CACXtD,MAAO,CACN,qBACA,CACF,CACD,CAAA,EAEA4C,EAAaL,KAAM,WAAA,EAAcgB,OAAQ7C,EAAU,YAAa,IAAK8C,IAC7DA,EAAWxE,KAAMD,GAAaA,CAAAA,CACtC,EAEA6D,EAAaI,WAAWT,KAAM,OAAA,EAAUC,GAAIT,EAAgB,QAASC,EAAkB,QAAS,CAAE/E,EAASwG,IAAAA,CAC1G,IAAMC,EAAaD,EAAY,YAAcxG,EAO7C,OALK,OAAOyG,GAAe,WAKtB,CAAC9B,EAAQ8B,CAAAA,EACNnC,EAGDK,EAAQ8B,CAAAA,CAChB,CAAA,EAEAd,EAAaI,WAAWT,KAAM,WAAA,EAAcC,GAAIT,EAAgB,QAASC,EAAkB,QAAS,CAAE/E,EAASwG,IAAAA,CAC9G,IAAMC,EAAaD,EAAY,YAAcxG,EAO7C,OALK,OAAOyG,GAAe,WAKtB,CAAC9B,EAAQ8B,CAAAA,EACNlC,EAGD,GAAII,EAAQ8B,CAAAA,CAAY,KAAOlC,CAAAA,EACvC,CAAA,EAGA,KAAKX,SAA8B+B,EAAc,UAAW9B,GAAAA,CAC3D,GAAM,CAAE4B,YAAAA,EAAaC,aAAAA,CAAY,EAAK7B,EAAI6C,OAC1CpG,EAAO0B,QAASyD,EAAaC,EAAe,CAAE/D,MAAO+D,CJ6JzC,EI7J0DO,MAAAA,EACtE3F,EAAOqG,QAAQ3D,KAAK4D,MAAK,CAC1B,CAAA,EAEOjB,CACR,CAAA,EAEArF,EAAOkE,GAAGC,iBAAiBf,IAAK,kBAAmBgB,GAAAA,CAClD,IAAMmC,EAAW,IAAIC,GAAiBpC,CAAAA,EAChCI,EAAiCxE,EAAOmD,SAAS/C,IAAK,SAAA,EACtDqE,EAAqCzE,EAAOmD,SAAS/C,IAAK,WAAA,EAC1D+C,EAA2B,CAAEqB,CAAgB,EAC7CiC,EAAW,IAAIC,GAAqBtC,CAAAA,EAE1CmC,EAASrB,IAAK,CACbzC,MAAO,qBACR,CAAA,EAEAgE,EAASvB,IAAK,CACbM,UAAWvF,EAAG,SAAA,EACd6E,KAAM,MACP,CAAA,EAEAyB,EAASd,WAAWP,IAAK,CACxBL,MAAO5E,EAAG,SAAA,CACX,CAAA,EAEAsG,EAASI,UAAUC,SAASxD,IAAKqD,CAAAA,EAEjC,QAAYnG,KAAUqB,EAAU,CAC/B,IAAMkF,EAAe,IAAIC,GAAyB1C,EAAQmC,CAAAA,EACpDd,EAAa,IAAIsB,GAA+B3C,CAAAA,EAEtDyC,EAAaD,SAASxD,IAAKqC,CAAAA,EAC3BgB,EAASO,MAAM5D,IAAKyD,CAAAA,EAEpBpB,EAAWP,IAAK,CACf+B,aAAc,GACdpC,MAAOvE,EAAOC,MACduE,KAAM,gBACNrC,MAAOnC,EAAOmC,KACf,CAAA,EAEAgD,EAAWyB,SAAU,SAAA,EAAYjC,GAAIsB,CAAAA,EAErCd,EAAW0B,GAAwB,UAAW,IAAA,CAC7C,IAAMhC,EAAc7E,EAAOW,QAAU,YAAc,YAAc,UAEjEjB,EAAO0B,QAASyD,EAAa,CAAE9D,MAAOf,EAAOW,KAAM,CAAA,EACnDjB,EAAOqG,QAAQ3D,KAAK4D,MAAK,CAC1B,CAAA,EAEKhG,EAAOW,QAAU,aACrBwE,EAAWT,KAAM,MAAA,EAASC,GAAIR,EAAkB,OAAA,EAChDtB,EAASF,KAAMwB,CAAAA,GAEfgB,EAAWT,KAAM,MAAA,EAASC,GAAIT,EAAgB,QAASnD,GAASA,IAAUf,EAAOW,KAAK,CAExF,CAEAsF,OAAAA,EAASvB,KAAM,WAAA,EAAcgB,OAAQ7C,EAAU,YAAa,IAAK8C,IACzDA,EAAWxE,KAAMD,GAAaA,CAAAA,CACtC,EAEO+E,CACR,CAAA,CACD,CACD,ECjMa3F,GAAN,cAAsByB,CAAAA,CAI5B,WAAkBM,UAAW,CAC5B,MAAO,CAAEjC,GAAgBC,EAAW,CACrC,CAKA,WAAkB2B,YAAa,CAC9B,MAAO,SACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,kBGhDA6E,IACAA,sBKDAC,IACAA,KACAA,sBKFAC,IACAA,KAEAA,IACAA,sBKJAC,IACAA,IACAA,KACAA,KAEAA,Y0BcMC,aHnBNC,IACAA,KACAA,KACAA,KACAA,KACAA,IACAA,KAEAA,KACAA,KGUMD,GAAmB,IAAIE,OAAQC,OAAQ,sDAAsDC,OAClG,0DAA0DA,OAC1D,kCAAkCA,OAClC,kCAAkCA,MAAM,CAAA,SyDH5BC,GCEAC,GCaAC,GCAAC,GClBAC,GCAAC,GCCPC,GAUOC,aP3BbC,IACAA,KACAA,KACAA,KACAA,ICeaR,GAAN,cAA4BS,CAAAA,CAIlC,WAAkBC,YAAa,CAC9B,MAAO,eACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMC,EAAS,KAAKA,OAEpBA,EAAOC,SAASC,IAAK,SAAU,IAAIC,GAAcH,CAAAA,CAAAA,EACjDA,EAAOC,SAASC,IAAK,UAAW,IAAIC,GAAcH,CAAAA,CAAAA,CACnD,CACD,ECtBaX,GAAN,cAAuBQ,CAAAA,CAI7B,WAAkBC,YAAa,CAC9B,MAAO,UACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMC,EAAS,KAAKA,OACdI,EAASJ,EAAOI,OAChBC,EAAIL,EAAOK,EAEXC,EAAsBF,EAAOG,qBAAuB,MAAQC,GAAaC,GACzEC,EAAuBN,EAAOG,qBAAuB,MAAQE,GAAcD,GAEjF,KAAKG,cAAe,SAAUN,EAAG,iBAAA,EAAqBC,CAAAA,EACtD,KAAKK,cAAe,UAAWN,EAAG,iBAAA,EAAqBK,CAAAA,CACxD,CAKA,cAAuBE,EAAmCC,EAAeC,EAAqB,CAC7F,IAAMd,EAAS,KAAKA,OAEpBA,EAAOe,GAAGC,iBAAiBd,IAAKU,EAAa,IAAA,CAC5C,IAAMK,EAAa,KAAKC,cAAeC,EAAYP,EAAaC,EAAOC,CAAAA,EAEvEG,OAAAA,EAAWG,IAAK,CACfC,QAAS,EACV,CAAA,EAEOJ,CACR,CAAA,EAEAjB,EAAOe,GAAGC,iBAAiBd,IAAK,WAAaU,EAAa,IAClD,KAAKM,cAAeI,GAA+BV,EAAaC,EAAOC,CAAAA,CAC/E,CACD,CAKQI,cACPK,EACAX,EACAC,EACAC,EACkB,CAClB,IAAMd,EAAS,KAAKA,OACdwB,EAAUxB,EAAOC,SAASwB,IAAKb,CAAAA,EAC/Bc,EAAO,IAAIH,EAAavB,EAAOI,MAAM,EAE3CsB,OAAAA,EAAKN,IAAK,CACTP,MAAAA,EACAC,KAAAA,CACD,CAAA,EAEAY,EAAKC,KAAM,WAAA,EAAcC,GAAIJ,EAAS,WAAA,EAGtC,KAAKK,SAAUH,EAAM,UAAW,IAAA,CAC/B1B,EAAO8B,QAASlB,CAAAA,EAChBZ,EAAO+B,QAAQL,KAAKM,MAAK,CAC1B,CAAA,EAEON,CACR,CACD,EClEapC,GAAN,cAAqBO,CAAAA,CAI3B,WAAkBC,YAAa,CAC9B,MAAO,QACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBkC,UAAW,CAC5B,MAAO,CAAE7C,GAAeC,EAAU,CACnC,CACD,ECrBaE,GAAN,cAAiC2C,CAAAA,CAIvC,gBAKA,YAAalC,EAAgBmC,EAAiC,CAC7D,MAAOnC,CAAAA,EAEP,KAAKoC,gBAAkBD,CACxB,CAKA,SAAgC,CAE/B,IAAME,EADS,KAAKrC,OACCqC,MAEfC,EAAQC,GAAOF,EAAMG,SAASC,UAAUC,kBAAiB,CAAA,EAE/D,GAAK,CAACJ,GAAS,CAAC,KAAKK,4BAA6BL,CAAAA,EAAU,CAC3D,KAAKM,UAAY,GAEjB,MACD,CAEA,KAAKA,UAAY,KAAKR,gBAAgBS,aAAcP,EAAMQ,aAAc,aAAA,CAAA,CACzE,CAKA,SAAgC,CAC/B,IAAMT,EAAQ,KAAKrC,OAAOqC,MAEpBU,EAAiB,KAAKC,mBAAkB,EAE9CX,EAAMY,OAAQC,GAAAA,CACb,QAAYZ,KAASS,EAAiB,CACrC,IAAMI,EAAgBb,EAAMQ,aAAc,aAAA,EAEpCM,EAAa,KAAKhB,gBAAgBiB,cAAeF,CAAAA,EAElDC,EACJF,EAAOI,aAAc,cAAeF,EAAYd,CAAAA,EAEhDY,EAAOK,gBAAiB,cAAejB,CAAAA,CAEzC,CACD,CAAA,CACD,CAKA,oBAAkD,CAEjD,IAAMG,EADQ,KAAKzC,OAAOqC,MACFG,SAASC,UAGjC,OAF0Be,MAAMC,KAAMhB,EAAUC,kBAAiB,CAAA,EAExCgB,OAAQpB,GAAS,KAAKK,4BAA6BL,CAAAA,CAAAA,CAC7E,CAQQK,4BAA6BgB,EAAiC,CACrE,IAAM3D,EAAS,KAAKA,OAEpB,OAAMA,EAAOqC,MAAMuB,OAAOC,eAAgBF,EAAS,aAAA,EAI9C,CAAC3D,EAAO8D,QAAQC,IAAK,WAAA,GAKrB,CAAC,KAAK3B,gBAAgB4B,UACnB,GAKD,CAFsBhE,EAAO8D,QAAQrC,IAAK,WAAA,EAE/BwC,gBAAiBN,CAAAA,EAd3B,EAeT,CACD,EC/GanE,GAAN,KAAMA,CAIZ,UAKA,OAKA,KASA,YAAa0E,EAA8E,CAC1F,KAAKF,UAAYE,EAAOC,YAAc,UACtC,KAAKC,OAASF,EAAOE,OACrB,KAAKC,KAAOH,EAAOG,IACpB,CAKOxB,aAAcyB,EAAwC,CAC5D,IAAMC,EAAgBC,WAAYF,GAAwB,GAAA,EAG1D,OAAO,KAAKN,WAAaO,EAAgB,CAC1C,CAKOlB,cAAeiB,EAAmD,CACxE,IAAMC,EAAgBC,WAAYF,GAAwB,GAAA,EAG1D,GAAK,EAFc,CAACA,GAAwBA,EAAqBG,SAAU,KAAKJ,IAAI,GAGnF,OAAO,KAAKL,UAAY,KAAKI,OAAS,KAAKC,KAAOK,OAGnD,IAAMC,EAAa,KAAKX,UAAY,KAAKI,OAAS,CAAC,KAAKA,OAElDQ,EAAcL,EAAgBI,EAEpC,OAAOC,EAAc,EAAIA,EAAc,KAAKP,KAAOK,MACpD,CACD,ECxDajF,GAAN,KAAMA,CAIZ,UAKA,QAQA,YAAayE,EAAwE,CACpF,KAAKF,UAAYE,EAAOC,YAAc,UACtC,KAAKU,QAAUX,EAAOW,OACvB,CAKOhC,aAAcyB,EAAwC,CAC5D,IAAMQ,EAAe,KAAKD,QAAQE,QAAST,CAAAA,EAE3C,OAAK,KAAKN,UACFc,EAAe,KAAKD,QAAQG,OAAS,EAErCF,GAAgB,CAEzB,CAKOzB,cAAeiB,EAAmD,CACxE,IAAMQ,EAAe,KAAKD,QAAQE,QAAST,CAAAA,EACrCW,EAAY,KAAKjB,UAAY,EAAI,GAEvC,OAAO,KAAKa,QAASC,EAAeG,CAAAA,CACrC,CACD,EC3CMvF,GAAmB,CAAE,YAAa,WAAY,WAAY,WAAY,WAAY,WAAY,UAAY,EAUnGC,GAAN,cAA0BE,CAAAA,CAIhC,YAAaG,EAAiB,CAC7B,MAAOA,CAAAA,EAEPA,EAAOkE,OAAOgB,OAAQ,cAAe,CACpCd,OAAQ,GACRC,KAAM,IACP,CAAA,CACD,CAKA,WAAkBvE,YAAa,CAC9B,MAAO,aACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAMC,EAAS,KAAKA,OACdmF,EAAgBnF,EAAOkE,OAAOzC,IAAK,aAAA,EAEpC0D,EAAcN,SAAWM,EAAcN,QAAQG,QACnD,KAAKI,6BAA8BD,EAAcN,OAAO,EAExD7E,EAAOC,SAASC,IAAK,cAAe,IAAIX,GAAoBS,EAAQ,IAAIP,GAAoB,CAC3F0E,UAAW,UACXU,QAASM,EAAcN,OACxB,CAAA,CAAA,CAAA,EAEA7E,EAAOC,SAASC,IAAK,eAAgB,IAAIX,GAAoBS,EAAQ,IAAIP,GAAoB,CAC5F0E,UAAW,WACXU,QAASM,EAAcN,OACxB,CAAA,CAAA,CAAA,IAEA7E,EAAOqF,KAAKC,uBAAwBC,EAAAA,EACpC,KAAKC,4BAA2B,EAEhCxF,EAAOC,SAASC,IAAK,cAAe,IAAIX,GAAoBS,EAAQ,IAAIR,GAAmB,CAC1F2E,UAAW,UACXC,OAAQe,EAAcf,OACtBC,KAAMc,EAAcd,IACrB,CAAA,CAAA,CAAA,EAEArE,EAAOC,SAASC,IAAK,eAAgB,IAAIX,GAAoBS,EAAQ,IAAIR,GAAmB,CAC3F2E,UAAW,WACXC,OAAQe,EAAcf,OACtBC,KAAMc,EAAcd,IACrB,CAAA,CAAA,CAAA,EAEF,CAKA,WAAyB,CACxB,IAAMrE,EAAS,KAAKA,OACd4D,EAAS5D,EAAOqC,MAAMuB,OAEtB6B,EAAgBzF,EAAOC,SAASwB,IAAK,QAAA,EACrCiE,EAAiB1F,EAAOC,SAASwB,IAAK,SAAA,EAGtCkE,EAAgC3F,EAAOkE,OAAOzC,IAAK,iBAAA,GAC9BkE,GAAWA,EAAQC,IAAKC,GAAUA,EAAOxD,KAAK,GAC7B3C,IAE9BoG,QAASC,GAAAA,CACjBnC,EAAOoC,aAAcD,CAAAA,GACzBnC,EAAOqC,OAAQF,EAAa,CAAEG,gBAAiB,aAAc,CAAA,CAE/D,CAAA,EAEAtC,EAAOuC,uBAAwB,cAAe,CAAEC,aAAc,EAAK,CAAA,EAEnEX,EAAcY,qBAAsBrG,EAAOC,SAASwB,IAAK,aAAA,CAAA,EACzDiE,EAAeW,qBAAsBrG,EAAOC,SAASwB,IAAK,cAAA,CAAA,CAC3D,CAKA,6BAA4C,CAC3C,IAAM6E,EAAa,KAAKtG,OAAOsG,WAEzBC,EADS,KAAKvG,OAAOI,OACGoG,2BAA6B,MAAQ,eAAiB,cAEpFF,EAAWG,IAAK,QAAA,EAAWC,qBAAsB,CAChDhF,KAAM,CACLiF,OAAQ,CACP,CAAEJ,CAAAA,EAAkB,SACrB,CACD,EACAlE,MAAO,CACNuE,IAAK,cACLC,MAASC,GAAAA,CAER,GAAK,CAACA,EAAYC,GAAI,UAAW,IAAA,EAChC,OAAOD,EAAYE,SAAUT,CAAAA,CAE/B,CACD,CACD,CAAA,EAEAD,EAAWG,IAAK,UAAA,EAAaC,qBAAsB,CAClDrE,MAAO,cACPX,KAAMuF,IACE,CACNL,IAAK,QACLC,MAAO,CACN,CAAEN,CAAAA,EAA4BU,CAC/B,CACD,EAEF,CAAA,CACD,CAKQ7B,6BAA8BP,EAAyB,CAC9D,IAAMqC,EAGF,CACH7E,MAAO,CACNuE,IAAK,cACLO,OAAQ,CAAA,CACT,EACAzF,KAAM,CAAA,CACP,EAEA,QAAY0F,KAAavC,EACxBqC,EAAW7E,MAAM8E,OAAOE,KAAMD,CAAAA,EAC9BF,EAAWxF,KAAM0F,CAAAA,EAAc,CAC9BR,IAAK,QACLC,MAAO,CAAEO,CAAW,CACrB,EAGD,KAAKpH,OAAOsG,WAAWI,qBAAsBQ,CAAAA,CAC9C,CACD,kBCrLAI,IACAA,OQqDO,SAASC,GAAeC,EAAqC,CACnE,OAAOA,EAAKC,GAAI,kBAAA,GAAwB,CAAC,CAACD,EAAKE,kBAAmB,MAAA,CACnE,CAKO,SAASC,GAAmBC,EAAc,CAAEC,OAAAA,CAAM,EAAyB,CAEjF,IAAMC,EAAcD,EAAOE,uBAAwB,IAAK,CAAEH,KAAAA,CFoGvD,EEpG+D,CAAEI,SAAU,CAAE,CAAA,EAEhFH,OAAAA,EAAOI,kBAAmB,OAAQ,GAAMH,CAAAA,EAEjCA,CACR,CAWO,SAASI,GAAeC,EAAcC,EAAkCC,GAAsB,CACpG,IAAMC,EAAYC,OAAQJ,CAAAA,EAEpBK,EAAgBJ,EAAiBK,KAAM,GAAA,EACvCC,EAAkB,IAAIC,OAAQ,GAAIC,GAAkBC,QAAS,cAAeL,CAAAA,CAAAA,GAAoB,GAAA,EAEtG,OAAOM,GAAWR,EAAWI,CAAAA,EAAoBJ,EAAY,GAC9D,CAKA,SAASQ,GAAWX,EAAaY,EAAoB,CAGpD,MAAO,CAAC,CAFcZ,EAAIU,QAASG,GAAuB,EAAA,EAEnCC,MAAOF,CAAAA,CAC/B,CAcO,SAASG,GACfC,EACAC,EAAoD,CAEpD,IAAMC,EAAoD,CACzD,oBAAqBF,EAAG,mBAAA,EACxB,aAAgBA,EAAG,cAAA,CACpB,EAEAC,OAAAA,EAAWE,QAASC,IACd,UAAWA,GAAaF,EAA2BE,EAAUC,KAAK,IACtED,EAAUC,MAAQH,EAA2BE,EAAUC,KAAK,GAGtDD,EACR,EAEOH,CACR,CAQO,SAASK,GAAqBL,EAAoD,CACxF,IAAMM,EAAqD,CAAA,EAE3D,GAAKN,EACJ,OAAY,CAAEO,EAAKC,CAAAA,IAAWC,OAAOC,QAASV,CAAAA,EAAe,CAC5D,IAAMG,EAAYM,OAAOE,OACxB,CAAA,EACAH,EACA,CAAEI,GAAI,OAAQC,GAAYN,CAAAA,CAAAA,EAAS,CAAA,EAGpCD,EAASQ,KAAMX,CAAAA,CAChB,CAGD,OAAOG,CACR,CAKO,SAASS,GAAmBC,EAA8BC,EAAmB,CACnF,OAAMD,EAICC,EAAOC,eAAgBF,EAAQG,KAAM,UAAA,EAHpC,EAIT,CAOO,SAASC,GAASZ,EAAa,CACrC,OAAOa,GAAcC,KAAMd,CAAAA,CAC5B,CASO,SAASe,GAA6BC,EAAcC,EAAwB,CAClF,IAAMC,EAAWN,GAASI,CAAAA,EAAS,UAAYC,EACzCE,EAAmB,CAAC,CAACD,GAAY,CAACE,GAAiBJ,CAAAA,EAEzD,OAAOA,GAAQG,EAAmBD,EAAWF,EAAOA,CACrD,CAOO,SAASI,GAAiBJ,EAAY,CAC5C,OAAOK,GAAiBP,KAAME,CAAAA,CAC/B,CAKO,SAASM,GAAUN,EAAY,CACrCO,OAAOC,KAAMR,EAAM,SAAU,UAAA,CAC9B,CAOO,SAASS,GAA0BC,EAAiB,CAC1D,IAAIC,EAAO,GAEX,QAAYC,KAAQF,EAAMG,SAAQ,EAAK,CACtC,GAAK,CAACD,EAAK/D,GAAI,OAAA,GAAa,CAAC+D,EAAK/D,GAAI,YAAA,EACrC,OAGD8D,GAAQC,EAAKE,IACd,CAEA,OAAOH,CACR,CCuNA,SAASI,GAAaC,EAAiBC,EAAe,CAGrD,IAAMC,EAAUC,GAAMH,EAASC,CAAAA,EAGzBG,EAAU,CAAEC,MAAO,EAAGC,OAAQ,EAAGC,OAAQ,CAAE,EAC3CC,EAAS,CAAA,EAGXC,EAAc,GACdC,EAAgB,GAGpB,QAAYC,IAAU,CAAKT,GAAAA,EAAS,IH2LjC,EG1LGS,GAAU,SAEdD,GAAiBT,EAASG,EAAQC,MAAQD,EAAQE,MAAM,EAE/CK,GAAU,SAEnBF,GAAeT,EAASI,EAAQC,MAAQD,EAAQG,MAAM,GAE7CE,EAAYG,QAAUF,EAAcE,UAG7CJ,EAAOlC,KAAM,CACZuC,OAAQT,EAAQC,MAChBS,OAAQL,EACRM,SAAUL,CACX,CAAA,EAEAD,EAAc,GACdC,EAAgB,IAIZC,GACJP,EAASO,CAAAA,IAIX,OAAOH,CACR,CASA,SAASQ,GAAqBtB,EAAmBuB,EAAqB,CACrE,GAAK,CAACvB,EAAMwB,YACX,OAAOC,GAAOzB,EAAMG,SAAQ,CAAA,EAG7B,IAAMuB,EAAW1B,EAAM2B,MAEvB,OAAKD,EAASE,SACNF,EAASE,SAIZ,CAACF,EAASG,YAAcH,EAASI,QAASP,EAAUI,KAAK,EACtDD,EAASK,UAETL,EAASG,UAElB,CGjHA,SAASG,GAAmCzF,EAAqB0F,EAA6B,CAC7F1F,EAAO2F,yBAA0B,UAAA,EAEjC,QAAYC,KAAaF,EACxB1F,EAAO2F,yBAA0BC,CAAAA,CAEnC,CAKA,SAASC,GAAgCrD,EAAmB,CAG3D,OAFuBA,EAAOsD,cAAe,OAAA,EAAWC,gBAElCC,OAAQJ,GAAaA,EAAUK,WAAY,MAAA,CAAA,CAClE,CMohCA,SAASC,GAAyBf,EAAsB,CACvD,OAAOA,EAASgB,aAAY,EAAGC,KAAQC,GAAgD3G,GAAe2G,CAAAA,CAAAA,GAAgB,IACvH,CAOA,SAASC,GAAmBC,EAAc,CACzC,IAAMjF,EAAIiF,EAAOjF,EACXkF,EAA0BD,EAAOE,OAAOC,IAAK,8BAAA,EAEnD,MAAO,CACNC,GAAAA,CACC,GAAK,CAACH,GAA2B,CAACG,EAAKrG,IAAKqE,OAC3C,OAAOrD,EAAG,6BAAA,CAEZ,CACA,CACF,CCnlCA,SAASsF,GAAuBlD,EAAY,CAC3C,OAAOA,EAAKiB,OAASkC,IAAqCnD,EAAMA,EAAKiB,OAAS,CAAA,IAAQ,KAAOjB,EAAMA,EAAKiB,OAAS,CAAA,IAAQ,GAC1H,CAEA,SAASmC,GAAiBpD,EAAY,CACrC,IAAMtC,EAAQ2F,GAAYC,KAAMtD,CAAAA,EAEhC,OAAOtC,EAAQA,EAAO6F,EAAAA,EAAuB,IAC9C,CAEA,SAASC,GAAsBzD,EAAmB0D,EAAY,CAC7D,OAAOA,EAAM3E,OAAO4E,0BAA2BD,EAAME,gBAAiB5D,CAAAA,EAAS,UAAA,CAChF,CAEA,SAAS6D,GAAkB7D,EAAiB,CAC3C,IAAME,EAAOF,EAAM2B,MAAMI,UACzB,MAAO,CAAC,CAAC7B,GAAQA,EAAK4D,aAAc,UAAA,CACrC,KZ3WaC,GCYPrG,GAEAJ,GAGA6B,GAIAQ,GAEA5C,GASOiH,GC5BAC,GCHAC,GCAAC,GC8BPC,GACAC,GACAC,GACAC,GAQOC,GC1CAC,GCyBAC,GCTAC,GCCAC,GClBAC,GCsCPC,GAQOC,GC5CP3B,GAGAE,GAiDAE,GAKOwB,GCvDAC,adpBbC,IACAA,KACAA,KACAA,IACAA,KACAC,KACAD,KACAA,KACAA,KACAA,KCQanB,GAAN,KAAMA,CAKJqB,aAAe,IAAIC,IAM3B,IAAWnE,QAAiB,CAC3B,OAAO,KAAKkE,aAAaE,IAC1B,CAOOC,IAAKrF,EAAsE,CAC5EsF,MAAMC,QAASvF,CAAAA,EACnBA,EAAKlC,QAASkC,GAAQ,KAAKkF,aAAaG,IAAKrF,CAAAA,CAAAA,EAE7C,KAAKkF,aAAaG,IAAKrF,CAAAA,CAEzB,CAOA,eAAmE,CAClE,OAAOwF,GAAAA,CACNA,EAAWC,GAA4B,qBAAsB,CAAEC,EAAKxF,EAAMyF,IAAAA,CAUzE,GALK,CAACA,EAAcC,WAAW1G,KAAMgB,EAAKF,KAAM,oBAAA,GAK3C,EAAGE,EAAKF,KAAK/D,GAAI,WAAA,GAAiB0J,EAAc9G,OAAOgH,SAAU3F,EAAKF,IAAI,GAC9E,OAGD,IAAM8F,EAAaH,EAActJ,OAC3B0J,EAAgBD,EAAWE,SAASC,UAE1C,QAAYjG,KAAQ,KAAKkF,aAAe,CACvC,IAAMgB,EAAcJ,EAAWvJ,uBAAwB,IAAKyD,EAAKmG,WAAY,CAC5E3J,SAAU,CACX,CAAA,EAEKwD,EAAKoG,SACTN,EAAWO,SAAUrG,EAAKoG,QAASF,CAAAA,EAGpC,QAAY/H,KAAO6B,EAAKsG,OACvBR,EAAWS,SAAUpI,EAAK6B,EAAKsG,OAAQnI,CAAAA,EAAO+H,CAAAA,EAG/CJ,EAAWrJ,kBAAmB,OAAQ,GAAMyJ,CAAAA,EAEvClG,EAAKwG,SAAUtG,EAAKuG,iBAAiB,EACpCvG,EAAKF,KAAK/D,GAAI,WAAA,EAClB6J,EAAWY,KAAMX,EAAcY,cAAa,EAAKT,CAAAA,EAEjDJ,EAAWY,KAAMf,EAAciB,OAAOC,YAAa3G,EAAKJ,KAAK,EAAIoG,CAAAA,EAGlEJ,EAAWgB,OAAQnB,EAAciB,OAAOC,YAAa3G,EAAKJ,KAAK,EAAIoG,CAAAA,CAErE,CACD,EAAG,CAAE1J,SAAU,MAAO,CAAA,CACvB,CACD,CAQA,6BAAiF,CAChF,OAAOgJ,GAAAA,CACNA,EAAWC,GAA0C,gCAAiC,CAAEC,EAAKxF,EAAM,CAAE7D,OAAAA,EAAQuK,OAAAA,CAAM,IAAE,CACpH,IAAMG,EAAaH,EAAOI,cAAe9G,EAAKF,IAAI,EAC5CiH,EAAc3B,MAAM4B,KAAMH,EAAWI,YAAW,CAAA,EACpD1E,KAAQ2E,GAAiCA,EAAMnL,GAAI,UAAW,GAAA,CAAA,EAKhE,GAAMgL,EAIN,QAAYjH,KAAQ,KAAKkF,aAAe,CACvC,IAAMiB,EAAakB,GAAOrH,EAAKmG,UAAU,EAEzC,GAAKnG,EAAKwG,SAAUtG,EAAKuG,iBAAiB,EAAsB,CAC/D,OAAY,CAAEtI,EAAKmJ,CAAAA,IAASnB,EAGtBhI,IAAQ,QACZ9B,EAAOgK,SAAUiB,EAAKL,CAAAA,EAEtB5K,EAAOkL,aAAcpJ,EAAKmJ,EAAKL,CAAAA,EAI5BjH,EAAKoG,SACT/J,EAAOgK,SAAUrG,EAAKoG,QAASa,CAAAA,EAGhC,QAAY9I,KAAO6B,EAAKsG,OACvBjK,EAAOkK,SAAUpI,EAAK6B,EAAKsG,OAAQnI,CAAAA,EAAO8I,CAAAA,CAE5C,KAAO,CACN,OAAY,CAAE9I,EAAKmJ,CAAAA,IAASnB,EACtBhI,IAAQ,QACZ9B,EAAOmL,YAAaF,EAAKL,CAAAA,EAEzB5K,EAAOoL,gBAAiBtJ,EAAK8I,CAAAA,EAI1BjH,EAAKoG,SACT/J,EAAOmL,YAAaxH,EAAKoG,QAASa,CAAAA,EAGnC,QAAY9I,KAAO6B,EAAKsG,OACvBjK,EAAOqL,YAAavJ,EAAK8I,CAAAA,CAE3B,CACD,CACD,CAAA,CACD,CACD,CACD,ECnIMzJ,GAAwB,8DAExBJ,GAAoB,yDAGpB6B,GAAgB,oFAIhBQ,GAAmB,2BAEnB5C,GAAyB,CAC9B,SACA,QACA,QACA,EAKYiH,GAAiB,SC5BjBC,GAAN,cAA0B4D,CAAAA,CAehBC,iBAAmB,IAAIC,GAMvBC,oBAAsB,IAAIjE,GAK1C,8BAA4C,CAC3C,QAAYkE,KAAmB,KAAKH,iBACnCG,EAAgB3J,MAAQ,KAAK4J,4BAA6BD,EAAgBvJ,EAAE,CAE9E,CAKA,SAAgC,CAC/B,IAAMgF,EAAQ,KAAKZ,OAAOY,MACpByC,EAAYzC,EAAMwC,SAASC,UAC3BgC,EAAkBhC,EAAUiC,mBAAkB,GAAM3G,GAAO0E,EAAUkC,kBAAiB,CAAA,EAIvFxJ,GAAmBsJ,EAAiBzE,EAAM3E,MAAM,GACpD,KAAKT,MAAQ6J,EAAgBG,aAAc,UAAA,EAC3C,KAAKC,UAAY7E,EAAM3E,OAAOC,eAAgBmJ,EAAiB,UAAA,IAE/D,KAAK7J,MAAQ6H,EAAUmC,aAAc,UAAA,EACrC,KAAKC,UAAY7E,EAAM3E,OAAO4E,0BAA2BwC,EAAW,UAAA,GAGrE,QAAY8B,KAAmB,KAAKH,iBACnCG,EAAgB3J,MAAQ,KAAK4J,4BAA6BD,EAAgBvJ,EAAE,CAE9E,CAmFgB8J,QACflM,EACAmM,EAA8C,CAAA,EAC9CC,EACO,CACP,IAAMhF,EAAQ,KAAKZ,OAAOY,MACpByC,EAAYzC,EAAMwC,SAASC,UAG3BwC,EAAwC,CAAA,EACxCC,EAAuC,CAAA,EAE7C,QAAY3J,KAAQwJ,EACdA,EAAoBxJ,CAAAA,EACxB0J,EAAuB/J,KAAMK,CAAAA,EAE7B2J,EAAsBhK,KAAMK,CAAAA,EAI9ByE,EAAMmF,OAAQtM,GAAAA,CACb,IAAMuM,EAAyBC,GAAAA,CAC9BxM,EAAOkL,aAAc,WAAYnL,EAAMyM,CAAAA,EAEvCJ,EAAuB3K,QAASkC,GAAQ3D,EAAOkL,aAAcvH,EAAM,GAAM6I,CAAAA,CAAAA,EACzEH,EAAsB5K,QAASkC,GAAQ3D,EAAOoL,gBAAiBzH,EAAM6I,CAAAA,CAAAA,CACtE,EAEMC,EAAyB,CAAEhJ,EAAmBiJ,IAAAA,CACnD,IAAMC,EAAWnJ,GAA0BC,CAAAA,EAE3C,GAAK,CAACkJ,EACL,OAAOlJ,EAIR,IAAIO,EAAUmI,EASd,GAPMnI,IAGLA,EAAU0I,GAAYA,GAAYC,EAAW5M,EAAO4M,GAIhD3I,GAAW2I,EAAW,CAC1B,IAAMC,EAAW5M,EAAO6M,uBAAsB,EAE9C,QAAYlJ,KAAQF,EAAMG,SAAQ,EAAK,CAEtC,IAAMF,GAAOC,EAEb3D,EAAO8M,OAAQ9M,EAAO+M,WAAYrJ,GAAKG,KAAMH,GAAKsJ,cAAa,CAAA,EAAMJ,CAAAA,CACtE,CAEA,IAAMK,EAAYjN,EAAOkN,cAAeN,CAAAA,EAElC3I,EAAUH,GAAa6I,EAAU3I,CAAAA,EACnCmJ,EAAgB,EAEpB,OAAY,CAAEvI,OAAAA,EAAQC,OAAAA,GAAQC,SAAAA,CAAQ,IAAMb,EAAU,CACrD,IAAMmJ,EAAgBxI,EAASuI,EACzBE,EAAWrN,EAAOsN,YACvBL,EAAU7H,MAAMmI,aAAcH,CAAAA,EAC9BH,EAAU7H,MAAMmI,aAAcH,EAAgBvI,GAAOF,MAAM,CAAA,EAKtDmF,EADW/E,GAAqBsI,EAAUJ,CAAAA,EACpBD,cAAa,EACnCQ,GAAuBvE,MAC3B4B,KAAMf,CAAAA,EACN9D,OAAQ,CAAE,CAAElE,EAAAA,IAAWqF,EAAM3E,OAAOiL,uBAAwB3L,EAAAA,EAAM4L,YAAY,EAG1EC,GAAc3N,EAAO+M,WAAYjI,EAAU0I,EAAAA,EAGjDjB,EAAsBoB,EAAAA,EAGtB3N,EAAO4N,OAAQP,CAAAA,EACfrN,EAAOqE,OAAQsJ,GAAaN,EAASjI,KAAK,EAG1C+H,GAAiBrI,EAASH,MAC3B,CAEAwC,OAAAA,EAAM0G,cAAejB,EAAUnJ,CAAAA,EAExBzD,EAAOsN,YAAa7J,EAAM2B,MAAO3B,EAAM2B,MAAMmI,aAAcvJ,EAAQW,MAAM,CAAA,CACjF,CACD,EAEMmJ,EAA+B9I,GAAAA,CACpC,GAAM,CAAE+I,QAAAA,CAAO,EAAK,KAAKxH,OAIzB,GAFAvG,EAAOgO,aAAchJ,EAAUiJ,GAAG,EAE7BF,EAAQG,IAAK,sBAAA,EAOjBH,EAAQrH,IAAK,sBAAA,EAAyByH,uBAAsB,MAI5D,SAAYrM,IAAO,CAAE,WAAesK,GAAAA,EAA2BC,GAAAA,CHwNhD,EGvNdrM,EAAO2F,yBAA0B7D,CAAAA,CAGpC,EAGA,GAAK8H,EAAU3E,YAAc,CAC5B,IAAME,EAAWyE,EAAUwE,iBAAgB,EAG3C,GAAKxE,EAAUrC,aAAc,UAAA,EAAe,CAC3C,IAAMmF,EAAW9C,EAAUmC,aAAc,UAAA,EACnC/G,EAAYqJ,GAAoBlJ,EAAU,WAAYuH,EAAUvF,CAAAA,EAChEmH,EAAe7B,EAAwBzH,EAAW0H,CAAAA,EAExDH,EAAsB+B,GAAgBtJ,CAAAA,EAIjCsJ,GACJR,EAA4BQ,CAAAA,CAE9B,SAIUvO,IAAS,GAAK,CACvB,IAAM+J,EAAakB,GAAOpB,EAAUoD,cAAa,CAAA,EAEjDlD,EAAWyE,IAAK,WAAYxO,CAAAA,EAE5BqM,EAAuB3K,QAASkC,GAAAA,CAC/BmG,EAAWyE,IAAK5K,EAAM,EAAA,CACvB,CAAA,EAEA,IAAM2K,EAAenH,EAAM0G,cAAe7N,EAAO+M,WAAYZ,GAAiBpM,EAAM+J,CAAAA,EAAc3E,CAAAA,EAIlG2I,EAA4BQ,CAAAA,CAC7B,CACD,KAAO,CAKN,IAAME,EAAkBvF,MAAM4B,KAAMjB,EAAU6E,UAAS,CAAA,EACjDC,EAASvH,EAAM3E,OAAOmM,eAAgBH,EAAiB,UAAA,EAGvDI,EAAgB,CAAA,EAEtB,QAAYrM,KAAWqH,EAAUkC,kBAAiB,EAC5C3E,EAAM3E,OAAOC,eAAgBF,EAAS,UAAA,GAC1CqM,EAAcvM,KAAMrC,EAAO6O,cAAetM,CAAAA,CAAAA,EAK5C,IAAMuM,EAAiBF,EAAcG,MAAK,EAI1C,QAAYtL,KAASiL,EACf,KAAKM,iBAAkBvL,EAAOmL,CAAAA,GAClCE,EAAezM,KAAMoB,CAAAA,EAKvB,IAAMwL,EAAqBT,EAAgBU,IAAKzL,IAAW,CAC1D2B,MAAO+J,GAAkBC,aAAc3L,EAAM2B,MAAO,YAAA,EACpD6I,IAAKkB,GAAkBC,aAAc3L,EAAMwK,IAAK,QAAA,CHuMjC,EGtMhB,EAGA,QAAUxK,KAASqL,EAAiB,CACnC,IAAMpC,GAAajJ,EAAM2B,MAAMC,UAAY5B,EAAM2B,MAAMI,WAAauG,aAAc,UAAA,EAElFtI,EAAQgJ,EAAwBhJ,EAAOiJ,CAAAA,GAAcjJ,EAErD8I,EAAsB9I,CAAAA,CACvB,CAGAzD,EAAOgO,aAAciB,EAAmBC,IAAKG,GAAAA,CAC5C,IAAMjK,EAAQiK,EAAYjK,MAAMkK,WAAU,EACpCrB,EAAMoB,EAAYpB,IAAIqB,WAAU,EAEtCD,OAAAA,EAAYjK,MAAMmK,OAAM,EACxBF,EAAYpB,IAAIsB,OAAM,EAEfpI,EAAMmG,YAAalI,EAAO6I,CAAAA,CAClC,CAAA,CAAA,CACD,CACD,CAAA,CACD,CAQQtC,4BAA6B6D,EAA6C,CACjF,IAAMrI,EAAQ,KAAKZ,OAAOY,MACpByC,EAAYzC,EAAMwC,SAASC,UAC3BgC,EAAkBhC,EAAUiC,mBAAkB,EAIpD,OAAKvJ,GAAmBsJ,EAAiBzE,EAAM3E,MAAM,EAC7CoJ,EAAgBG,aAAcyD,CAAAA,EAG/B5F,EAAUmC,aAAcyD,CAAAA,CAChC,CAQA,iBAA0B/L,EAAmBmL,EAA4C,CACxF,QAAYa,KAAgBb,EAE3B,GAAKa,EAAaC,cAAejM,CAAAA,EAChC,MAAO,GAIT,MAAO,EACR,CACD,EChYakE,GAAN,cAA4B2D,CAAAA,CAIlC,SAAgC,CAC/B,IAAMnE,EAAQ,KAAKZ,OAAOY,MACpByC,EAAYzC,EAAMwC,SAASC,UAC3BgC,EAAkBhC,EAAUiC,mBAAkB,EAI/CvJ,GAAmBsJ,EAAiBzE,EAAM3E,MAAM,EACpD,KAAKwJ,UAAY7E,EAAM3E,OAAOC,eAAgBmJ,EAAiB,UAAA,EAE/D,KAAKI,UAAY7E,EAAM3E,OAAO4E,0BAA2BwC,EAAW,UAAA,CAEtE,CAeA,SAAgC,CAC/B,IAAMrD,EAAS,KAAKA,OACdY,EAAQ,KAAKZ,OAAOY,MACpByC,EAAYzC,EAAMwC,SAASC,UAC3B+F,EAAuCpJ,EAAOqJ,SAASlJ,IAAK,MAAA,EAElES,EAAMmF,OAAQtM,GAAAA,CAEb,IAAM6P,EAAiBjG,EAAU3E,YAChC,CAAEoJ,GACDzE,EAAUwE,iBAAgB,EAC1B,WACAxE,EAAUmC,aAAc,UAAA,EACxB5E,CAAAA,CACE,EACHA,EAAM3E,OAAOmM,eAAgB/E,EAAU6E,UAAS,EAAI,UAAA,EAGrD,QAAYhL,KAASoM,EAGpB,GAFA7P,EAAOoL,gBAAiB,WAAY3H,CAAAA,EAE/BkM,EACJ,QAAYjE,KAAmBiE,EAAYpE,iBAC1CvL,EAAOoL,gBAAiBM,EAAgBvJ,GAAIsB,CAAAA,CAIhD,CAAA,CACD,CACD,EC5DamE,GAAN,cAAkDkI,GAAAA,CAAAA,CAIxD,GAYA,aAKA,MAMA,WAMA,QAMA,OAOA,YAAa,CAAE3N,GAAAA,EAAIR,MAAAA,EAAOmI,WAAAA,EAAYC,QAAAA,EAASE,OAAAA,EAAQ8F,aAAAA,CAAY,EAA8C,CAChH,MAAK,EAEL,KAAK5N,GAAKA,EACV,KAAKoM,IAAK,QAASyB,MAAAA,EACnB,KAAKD,aAAeA,EACpB,KAAKpO,MAAQA,EACb,KAAKmI,WAAaA,EAClB,KAAKC,QAAUA,EACf,KAAKE,OAASA,CACf,CAOA,gBAA8C,CAC7C,MAAO,CACNH,WAAY,KAAKA,WACjBC,QAAS,KAAKA,QACdE,OAAQ,KAAKA,MACd,CACD,CACD,ECxCMpC,GAAkB,mBAClBC,GAAsB,YACtBC,GAAmB,SACnBC,GAAwB,kBAQjBC,GAAN,cAA0BgI,CAAAA,CAIfC,aAAkC,CAAA,EAKnD,WAAkBC,YAAa,CAC9B,MAAO,aACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAE5B,MAAO,CAAEC,GAAsBC,GAAOC,EAAmB,CAC1D,CAKA,YAAajK,EAAiB,CAC7B,MAAOA,CAAAA,EAEPA,EAAOE,OAAOgK,OAAQ,OAAQ,CAC7BjK,wBAAyB,GACzBkK,yBAA0B,GAC1BC,QAAS,CAAE,cAAe,IAAK,WAAY,iBAAkB,QAAU,CACxE,CAAA,CACD,CAKA,MAAoB,CACnB,IAAMpK,EAAS,KAAKA,OACdhG,EAAmB,KAAKgG,OAAOE,OAAOC,IAAK,uBAAA,EAGjDH,EAAOY,MAAM3E,OAAOoO,OAAQ,QAAS,CAAE7K,gBAAiB,UAAW,CAAA,EAEnEQ,EAAOsK,WAAWC,IAAK,cAAA,EACrBC,mBAAoB,CAAE5J,MAAO,WAAY6J,KAAMlR,EAAkB,CAAA,EAEnEyG,EAAOsK,WAAWC,IAAK,iBAAA,EACrBC,mBAAoB,CAAE5J,MAAO,WAAY6J,KAAM,CAAEjR,EAAMuJ,IAChDxJ,GAAmBO,GAAeN,EAAMQ,CAAAA,EAAoB+I,CAAAA,CAClE,CAAA,EAEH/C,EAAOsK,WAAWC,IAAK,QAAA,EACrBG,mBAAoB,CACpBD,KAAM,CACLtO,KAAM,IACNoH,WAAY,CACX/J,KAAM,EACP,CACD,EACAoH,MAAO,CACNrF,IAAK,WACLC,MAAS8H,GAA8BA,EAAYkC,aAAc,MAAA,CAClE,CACD,CAAA,EAGDxF,EAAOqJ,SAAS5G,IAAK,OAAQ,IAAItB,GAAanB,CAAAA,CAAAA,EAC9CA,EAAOqJ,SAAS5G,IAAK,SAAU,IAAIrB,GAAepB,CAAAA,CAAAA,EAElD,IAAM2K,EAAiB7P,GAAwBkF,EAAOjF,EAAGM,GAAqB2E,EAAOE,OAAOC,IAAK,iBAAA,CAAA,CAAA,EAEjG,KAAKyK,2BAA4BD,EAC/BlL,OAAUrC,GAA8DA,EAAKyN,OAAStJ,EAAAA,CAAAA,EACxF,KAAKuJ,wBAAyBH,EAC5BlL,OAAUrC,GAA2DA,EAAKyN,OAASrJ,EAAAA,CAAAA,EAGlDxB,EAAOwH,QAAQrH,IAAK4J,EAAAA,EAC5BgB,kBAAmB,UAAA,EAG9CC,GAAiBhL,EAAQ,WAAY,IAAKsB,EAAAA,EAG1C,KAAK2J,gBAAe,EAGpB,KAAKC,gCAA+B,EAGpC,KAAKC,4BAA2B,CACjC,CAQOC,oBAAqBC,EAA+B,CAC1D,KAAK1B,aAAa7N,KAAMuP,CAAAA,CACzB,CAWQT,2BAA4BU,EAAyF,CAC5H,IAAMtL,EAAS,KAAKA,OAIdkF,EADuBlF,EAAOqJ,SAASlJ,IAAK,MAAA,EACd+E,oBAG/BlF,EAAOE,OAAOC,IAAK,+BAAA,GACvB+E,EAAoBzC,IAAK,CACxB7G,GAAI,iBACJiP,KAAMtJ,GACNqC,SAAU7J,GAAO,CAAC,CAACA,GAAO0H,GAAsBnF,KAAMvC,CAAAA,EACtDwJ,WAAY,CACXgI,OAAQ,SACRC,IAAK,qBACN,CACD,CAAA,EAGDtG,EAAoBzC,IAAK6I,CAAAA,EAEpBpG,EAAoB9G,QACxB4B,EAAOsK,WAAWC,IAAK,UAAA,EAAa9H,IAAKyC,EAAoBuG,cAAa,CAAA,CAE5E,CAWQX,wBAAyBY,EAAmF,CACnH,GAAK,CAACA,EAA2BtN,OAChC,OAGD,IAAM4B,EAAS,KAAKA,OAEdgF,EADuBhF,EAAOqJ,SAASlJ,IAAK,MAAA,EACjB6E,iBAEjC0G,EAA2BxQ,QAASyQ,GAAAA,CACnC3L,EAAOY,MAAM3E,OAAOoO,OAAQ,QAAS,CAAE7K,gBAAiBmM,EAAoB/P,EAAG,CAAA,EAG/E,IAAMT,EAAY,IAAIkG,GAAqBsK,CAAAA,EAE3C3G,EAAiBvC,IAAKtH,CAAAA,EAEtB6E,EAAOsK,WAAWC,IAAK,UAAA,EAAaC,mBAAoB,CACvD5J,MAAOzF,EAAUS,GACjB6O,KAAM,CAAEmB,EAAsB,CAAEnS,OAAAA,EAAQwC,OAAAA,CAAM,EAAI,CAAEmB,KAAAA,CAAI,IAAE,CAEzD,IAAQA,EAAK/D,GAAI,WAAA,GAAiB4C,EAAOgH,SAAU7F,CAAAA,IAI9CwO,EAAuB,CAC3B,IAAM5P,EAAUvC,EAAOE,uBAAwB,IAAKwB,EAAUoI,WAAY,CAAE3J,SAAU,CAAE,CAAA,EAEnFuB,EAAUqI,SACd/J,EAAOgK,SAAUtI,EAAUqI,QAASxH,CAAAA,EAGrC,QAAYT,KAAOJ,EAAUuI,OAC5BjK,EAAOkK,SAAUpI,EAAKJ,EAAUuI,OAAQnI,CAAAA,EAAOS,CAAAA,EAGhDvC,OAAAA,EAAOI,kBAAmB,OAAQ,GAAMmC,CAAAA,EAEjCA,CACR,CACD,CACD,CAAA,EAEAgE,EAAOsK,WAAWC,IAAK,QAAA,EAAWG,mBAAoB,CACrDD,KAAM,CACLtO,KAAM,IACN,GAAGhB,EAAU0Q,eAAc,CAC5B,EACAjL,MAAO,CACNrF,IAAKJ,EAAUS,EAChB,CACD,CAAA,CACD,CAAA,CACD,CAMA,iBAAgC,CAC/B,IAAMoE,EAAS,KAAKA,OAEd8L,EADO9L,EAAO+L,QAAQtB,KACFrH,SAEpB4I,EAAsBjS,GAAAA,CACrB,KAAK4P,aAAasC,KAAMC,GAAUA,EAAQnS,CAAAA,CAAAA,GAC/C+C,GAAU/C,CAAAA,CAEZ,EAEA,KAAKoS,SAAkCL,EAAc,QAAS,CAAEhJ,EAAKxF,IAAAA,CAGpE,GAAK,EAFc8O,EAAIC,MAAQ/O,EAAKgP,SAASC,QAAUjP,EAAKgP,SAASE,SAGpE,OAGD,IAAIC,EAAiCnP,EAAKoP,UAM1C,GAJKD,EAAeE,QAAQC,YAAW,GAAM,MAC5CH,EAAiBA,EAAeI,QAAS,GAAA,GAGrC,CAACJ,EACL,OAGD,IAAM1S,EAAM0S,EAAejH,aAAc,MAAA,EAEnCzL,IAIN+I,EAAIgK,KAAI,EACRxP,EAAKyP,eAAc,EAEnBf,EAAmBjS,CAAAA,EACpB,EAAG,CAAEiT,QAAS,UAAW,CAAA,EAGzB,KAAKb,SAAoCL,EAAc,UAAW,CAAEhJ,EAAKxF,IAAAA,CAExE,IAAMvD,EAD2BiG,EAAOqJ,SAASlJ,IAAK,MAAA,EAC7B3E,MACJzB,GAAOuD,EAAK2P,UAAYC,EAASC,OAAS7P,EAAK8P,SAMpEtK,EAAIgK,KAAI,EAERd,EAAmBjS,CAAAA,EACpB,CAAA,CACD,CAOA,iCAAgD,CAE/C,IAAM6G,EADS,KAAKZ,OACCY,MACfyC,EAAYzC,EAAMwC,SAASC,UAEjC,KAAK8I,SAAsD9I,EAAW,mBAAoB,CAAEP,EAAK,CAAEuK,cAAAA,CAAa,IAAE,CAC5G,CAACA,EAAcC,SAAU,UAAA,GAAgBjK,EAAUrC,aAAc,UAAA,GAItEJ,EAAMmF,OAAQtM,GAAAA,CACbyF,GAAmCzF,EAAQ6F,GAAgCsB,EAAM3E,MAAM,CAAA,CACxF,CAAA,CACD,CAAA,CACD,CAKA,6BAA4C,CAC3C,IAAM+D,EAAS,KAAKA,OACdY,EAAQZ,EAAOY,MACfnE,EAAkB,KAAKuD,OAAOE,OAAOC,IAAK,sBAAA,EAE1C1D,GAIN,KAAK0P,SAA0CnM,EAAOwH,QAAQrH,IAAK,mBAAA,EAAuB,mBAAoB,CAAE2C,EAAKxF,IAAAA,CACpHsD,EAAMmF,OAAQtM,GAAAA,CACb,IAAMyD,EAAQzD,EAAOkN,cAAerJ,EAAKiQ,OAAO,EAEhD,QAAYnQ,KAAQF,EAAMG,SAAQ,EACjC,GAAKD,EAAK4D,aAAc,UAAA,EAAe,CACtC,IAAMwM,EAAUjR,GAA6Ba,EAAKoI,aAAc,UAAA,EAAwB/I,CAAAA,EAExFhD,EAAOkL,aAAc,WAAY6I,EAASpQ,CAAAA,CAC3C,CAEF,CAAA,CACD,CAAA,CACD,CACD,ECxWauE,GAAN,cAAoC8L,CAAAA,CAW1C,YAAaC,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,IAAMC,EAAO,KAAKC,aAElB,KAAK5F,IAAK,CACTxO,KAAMiQ,OACNoE,SAAU,EACX,CAAA,EAEA,KAAKC,eAAgB,CACpBvK,WAAY,CACXwK,MAAO,CAAE,0BAA4B,EACrCvU,KAAMmU,EAAKK,GAAI,MAAA,EACfzC,OAAQ,SACRC,IAAK,qBACN,EAEA3I,GAAI,CACHoL,MAAON,EAAKK,GAAIlL,GAAAA,CACf,GAAK,KAAKtJ,KAAO,CAChB,IAAM0U,EAAS,IAAMpL,EAAIiK,eAAc,EAEvC,KAAKoB,KAAsC,WAAY,KAAK3U,KAAM0U,CAAAA,CACnE,CACD,CAAA,CACD,CACD,CAAA,EAEA,KAAKE,SAAUC,IAAM,GACtB,CACD,ECjBazM,GAAN,cAA2B0M,CAAAA,CAIjBC,aAAe,IAAIC,GAKnBC,WAAa,IAAIC,GAKjC,eAKA,eAKA,uBAKA,aAKA,SAKA,sBAKA,YAKiBC,YAAc,IAAIC,GAKnC,aAUA,YACClB,EACAmB,EACC,CACD,MAAOnB,CAAAA,EAEP,KAAKoB,YAAcD,EAGnB,KAAKE,eAAiB,KAAKC,kBAAiB,EAC5C,KAAKC,eAAiB,KAAKC,kBAAiB,EAG5C,KAAKC,uBAAyB,KAAKC,0BAAyB,EAC5D,KAAKC,aAAe,KAAKC,gBAAe,EAExC,KAAKC,sBAAwB,KAAKC,iBAAgB,EAClD,KAAKC,SAAW,KAAKD,iBAAkB,CACtC,KAAKE,kBAAiB,CACtB,CAAA,EAED,KAAKC,oBAAmB,EAIxB,KAAKxD,SAAU,KAAKoD,sBAAuB,MAAO,IAAA,CACjD,KAAKK,cAAe,KAAKL,sBAAuB,KAAA,EAChD,KAAKE,SAAShN,IAAK,KAAKoN,yBAAwB,CAAA,CACjD,CAAA,EAEA,KAAKC,aAAe,IAAIC,GAAa,CACpCC,WAAY,KAAKrB,YACjBJ,aAAc,KAAKA,aACnB0B,iBAAkB,KAAKxB,WACvByB,QAAS,CAERC,cAAe,cAGfC,UAAW,KACZ,CACD,CAAA,EAEA,KAAKC,YAAa,CACjBhC,IAAK,OAEL9K,WAAY,CACXwK,MAAO,CACN,KACA,UACA,eACA,oBACA,EAGDuC,SAAU,IACX,EAEAb,SAAU,KAAKA,QAChB,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAMc,OAAAA,EAENC,GAAe,CACd/F,KAAM,IACP,CAAA,EAEmB,CAClB,KAAK4E,aACL,KAAKJ,eACF,GAAA,KAAKM,sBACR,KAAKR,eACL,KAAKI,sBACL,EAEUjU,QAASuV,GAAAA,CAEnB,KAAK9B,YAAYlM,IAAKgO,CAAAA,EAGtB,KAAKlC,aAAa9L,IAAKgO,EAAEzU,OAAO,CACjC,CAAA,EAGA,KAAKyS,WAAWtC,SAAU,KAAKnQ,OAAO,CACvC,CAKA,SAAgC,CAC/B,MAAM0U,QAAAA,EAEN,KAAKnC,aAAamC,QAAO,EACzB,KAAKjC,WAAWiC,QAAO,CACxB,CAKA,OAAqB,CACpB,KAAKZ,aAAaa,WAAU,CAC7B,CAKA,SAA0B,CACzB,KAAKC,gBAAe,EAEpB,QAAYC,KAAa,KAAK/B,YAAc,CAC3C,IAAMgC,EAAYD,EAAW,IAAI,EAGjC,GAAKC,EAEJ,YAAKzB,aAAayB,UAAYA,EAEvB,EAET,CAEA,MAAO,EACR,CAQA,iBAA+B,CAC9B,KAAKzB,aAAayB,UAAY,IAC/B,CAKA,mBAAwC,CACvC,IAAM/V,EAAI,KAAK2S,OAAQ3S,EACjBgW,EAAa,IAAItD,EAAY,KAAKC,MAAM,EAE9CqD,OAAAA,EAAW/I,IAAK,CACf+F,MAAO,iBACP3S,MAAOL,EAAG,MAAA,EACViW,KAAMC,GACNC,QAAS,EACV,CAAA,EAEAH,EAAWI,SAAU,SAAA,EAAYnD,GAAI,KAAM,QAAA,EAEpC+C,CACR,CAKA,mBAAwC,CACvC,IAAMhW,EAAI,KAAK2S,OAAQ3S,EACjBqW,EAAa,IAAI3D,EAAY,KAAKC,MAAM,EAE9C0D,OAAAA,EAAWpJ,IAAK,CACf5M,MAAOL,EAAG,QAAA,EACVmW,QAAS,GACTrD,SAAU,GACVwD,KAAM,SACNtD,MAAO,iCACR,CAAA,EAEOqD,CACR,CAKA,mBAA4C,CAC3C,IAAMrW,EAAI,KAAK2S,OAAQ3S,EAEjBuW,EAAS,IAAIC,GAAgB,KAAK7D,OAAQ,CAC/CtS,MAAOL,EAAG,MAAA,CACX,CAAA,EAEAuW,OAAAA,EAAO7B,SAAShN,IAAK,KAAKsM,eAAgB,CAAA,EAEnCuC,CACR,CAKA,0BAA6C,CAC5C,IAAME,EAAoB,IAAIC,GAAU,KAAK/D,MAAM,EAEnD8D,OAAAA,EAAkB1D,eAAgB,CACjCvK,WAAY,CACXwK,MAAO,CACN,8BACA,CACF,CACD,CAAA,EAEAyD,EAAkBE,MAAMC,OAAQ,KAAKpC,qBAAqB,EAAGqC,MAAOC,GAAAA,CACnE,IAAMC,EAAe,IAAIC,GAAc,KAAKrE,MAAM,EAElDoE,OAAAA,EAAarC,SAAShN,IAAKoP,CAAAA,EAEpBC,CACR,CAAA,EAEON,CACR,CAKA,2BAAqE,CACpE,IAAMzW,EAAI,KAAK2S,OAAQ3S,EACjBiX,EAAe,IAAIC,GAAkB,KAAKvE,OAAQwE,EAAAA,EAExDF,OAAAA,EAAa5W,MAAQL,EAAG,gBAAA,EACxBiX,EAAajE,MAAQ,mCAEdiE,CACR,CAOA,iBAA2D,CAC1D,IAAMjX,EAAI,KAAK2S,OAAQ3S,EACjBiX,EAAe,IAAIC,GAAkB,KAAKvE,OAAQwE,EAAAA,EAExDF,OAAAA,EAAaG,UAAUC,UAAY,MACnCJ,EAAa5W,MAAQL,EAAG,UAAA,EACxBiX,EAAajE,MAAQ,mCAEdiE,CACR,CAKA,qBAAoC,CACnC,KAAKvC,SAAShN,IAAK,IAAI4P,GAAa,KAAK3E,OAAS,CACjD+B,SAAU,CACT,KAAKN,sBACL,EACDpB,MAAO,CACN,gCACA,CACF,CAAA,CAAA,EAEA,KAAK0B,SAAShN,IAAK,IAAI4P,GAAa,KAAK3E,OAAS,CACjD+B,SAAU,CACT,KAAKJ,aACL,KAAKJ,cACL,EACDlB,MAAO,CACN,2BACA,iCACA,mCACA,CACF,CAAA,CAAA,CACD,CAQA,IAAWhU,KAAqB,CAC/B,GAAM,CAAEiC,QAAAA,CAAO,EAAK,KAAKqT,aAAa8C,UAEtC,OAAMnW,EAICA,EAAQR,MAAM8W,KAAI,EAHjB,IAIT,CACD,ECxWazQ,GAAN,cAAoCyM,CAAAA,CAyB1BC,aAAe,IAAIC,GAKnBC,WAAa,IAAIC,GAKjC,eAKA,SAKA,aAKA,qBAKA,SAKiBC,YAAc,IAAIC,GAKnC,aASA,YAAalB,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,KAAK6E,aAAe,KAAK/C,iBAAgB,EAEzC,KAAKT,eAAiB,KAAKC,kBAAiB,EAC5C,KAAKwD,SAAW,KAAKC,gBAAe,EACpC,KAAKC,qBAAuB,KAAKC,8BAA6B,EAE9D,KAAKlD,SAAW,KAAKD,iBAAkB,CACtC,KAAKE,kBAAiB,EACtB,KAAKgD,oBACL,CAAA,EAED,KAAK1K,IAAK,QAAS,EAAA,EACnB,KAAKA,IAAK,uBAAwB,EAAA,EAClC,KAAKA,IAAK,WAAY,EAAA,EAEtB,KAAKmE,SAAU,KAAKoG,aAAc,SAAU,IAAA,CAC3C,KAAKK,SAAW,KAAKL,aAAanU,OAAS,CAC5C,CAAA,EAEA,KAAKyE,GAAI,kBAAmB,CAAEC,EAAK+P,EAAUD,IAAAA,CACvCA,GACJ,KAAKnD,SAASpI,OAAQ,KAAKqL,oBAAoB,EAC/C,KAAKjD,SAAShN,IAAK,KAAK+P,QAAQ,IAEhC,KAAK/C,SAASpI,OAAQ,KAAKmL,QAAQ,EACnC,KAAK/C,SAAShN,IAAK,KAAKiQ,oBAAoB,EAE9C,CAAA,EAGA,KAAKjE,WAAWzG,IAAK,MAAO,CAAE1K,EAAM4Q,IAAAA,CACnC,KAAKC,KAAgC,QAAA,EACrCD,EAAAA,CACD,CAAA,EAEA,KAAK4B,aAAe,IAAIC,GAAa,CACpCC,WAAY,KAAKrB,YACjBJ,aAAc,KAAKA,aACnB0B,iBAAkB,KAAKxB,WACvByB,QAAS,CAERC,cAAe,cAGfC,UAAW,KACZ,CACD,CAAA,EAEA,KAAKC,YAAa,CACjBhC,IAAK,MAEL9K,WAAY,CACXwK,MAAO,CACN,KACA,mBACA,EAGDuC,SAAU,IACX,EAEAb,SAAU,KAAKA,QAChB,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAMc,OAAAA,EAEa,CAClB,KAAKiC,SACL,KAAKzD,cACL,EAEU7T,QAASuV,GAAAA,CAEnB,KAAK9B,YAAYlM,IAAKgO,CAAAA,EAGtB,KAAKlC,aAAa9L,IAAKgO,EAAEzU,OAAO,CACjC,CAAA,EAGA,KAAKyS,WAAWtC,SAAU,KAAKnQ,OAAO,CACvC,CAKA,SAAgC,CAC/B,MAAM0U,QAAAA,EAEN,KAAKnC,aAAamC,QAAO,EACzB,KAAKjC,WAAWiC,QAAO,CACxB,CAKA,OAAqB,CACpB,KAAKZ,aAAaa,WAAU,CAC7B,CAKA,iBAAoC,CACnC,IAAM6B,EAAW,IAAIf,GAAU,KAAK/D,MAAM,EAE1C8E,OAAAA,EAAS1E,eAAgB,CACxBvK,WAAY,CACXwK,MAAO,CACN,yBACA,CACF,CACD,CAAA,EAEAyE,EAASd,MAAMC,OAAQ,KAAKY,YAAY,EAAGX,MAAOkB,GAAAA,CACjD,IAAMhB,EAAe,IAAIC,GAAc,KAAKrE,MAAM,EAElDoE,OAAAA,EAAarC,SAAShN,IAAKqQ,CAAAA,EAEpBhB,CACR,CAAA,EAEOU,CACR,CAKA,mBAAwC,CACvC,IAAMzX,EAAI,KAAK2S,OAAQ3S,EACjBgW,EAAa,IAAItD,EAAY,KAAKC,MAAM,EAE9CqD,OAAAA,EAAW/I,IAAK,CACf+F,MAAO,iBACP3S,MAAOL,EAAG,MAAA,EACViW,KAAMC,GACNC,QAAS,EACV,CAAA,EAEAH,EAAWI,SAAU,SAAA,EAAYnD,GAAI,KAAM,QAAA,EAEpC+C,CACR,CAKA,mBAA4C,CAC3C,IAAMO,EAAS,IAAIC,GAAgB,KAAK7D,MAAM,EAE9C4D,OAAAA,EAAO3D,KAAM,OAAA,EAAUK,GAAI,KAAM,OAAA,EACjCsD,EAAO7B,SAAShN,IAAK,KAAKsM,eAAgB,CAAA,EAEnCuC,CACR,CAKA,+BAA8C,CAC7C,IAAM7G,EAAO,IAAI6D,EAAM,KAAKZ,MAAM,EAElCjD,OAAAA,EAAK4F,YAAa,CACjBhC,IAAK,IACL9K,WAAY,CACXwK,MAAO,CAAE,KAAM,0BAA4B,CAC5C,EACA0B,SAAU,CACT,CACCtS,KAAM,KAAKyQ,aAAaI,GAAI,sBAAA,CAC7B,CACA,CACF,CAAA,EAEOvD,CACR,CACD,ECjQa3I,GAAN,cAAiCwM,CAAAA,CAIvBC,aAAe,IAAIC,GAKnBC,WAAa,IAAIC,GAKjC,eAKA,SAOA,aAKiBC,YAAc,IAAIC,GAKnC,aASA,YAAalB,EAAiB,CAC7B,MAAOA,CAAAA,EAEP,KAAKqB,eAAiB,KAAKC,kBAAiB,EAC5C,KAAKuD,aAAe,KAAK/C,iBAAgB,EAEzC,KAAKC,SAAW,KAAKD,iBAAkB,CACtC,KAAKE,kBAAiB,EACtB,KAAK+C,gBAAe,CACpB,CAAA,EAED,KAAK3C,aAAe,IAAIC,GAAa,CACpCC,WAAY,KAAKrB,YACjBJ,aAAc,KAAKA,aACnB0B,iBAAkB,KAAKxB,WACvByB,QAAS,CAERC,cAAe,cAGfC,UAAW,KACZ,CACD,CAAA,EAEA,KAAKC,YAAa,CACjBhC,IAAK,MAEL9K,WAAY,CACXwK,MAAO,CACN,KACA,oBACA,EAGDuC,SAAU,IACX,EAEAb,SAAU,KAAKA,QAChB,CAAA,EAGA,KAAKhB,WAAWzG,IAAK,MAAO,CAAE1K,EAAM4Q,IAAAA,CACnC,KAAKC,KAA+B,MAAA,EACpCD,EAAAA,CACD,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAMqC,OAAAA,EAEa,CACf,GAAA,KAAKgC,aACR,KAAKxD,cACL,EAEU7T,QAASuV,GAAAA,CAEnB,KAAK9B,YAAYlM,IAAKgO,CAAAA,EAGtB,KAAKlC,aAAa9L,IAAKgO,EAAEzU,OAAO,CACjC,CAAA,EAGA,KAAKyS,WAAWtC,SAAU,KAAKnQ,OAAO,CACvC,CAKA,SAAgC,CAC/B,MAAM0U,QAAAA,EAEN,KAAKnC,aAAamC,QAAO,EACzB,KAAKjC,WAAWiC,QAAO,CACxB,CAKA,OAAqB,CACpB,KAAKZ,aAAaa,WAAU,CAC7B,CAKA,mBAAwC,CACvC,IAAM5V,EAAI,KAAK2S,OAAQ3S,EACjBgW,EAAa,IAAItD,EAAY,KAAKC,MAAM,EAG9CqD,OAAAA,EAAW/I,IAAK,CACf+F,MAAO,iBACP3S,MAAOL,EAAG,MAAA,EACViW,KAAMC,GACNC,QAAS,EACV,CAAA,EAEAH,EAAWI,SAAU,SAAA,EAAYnD,GAAI,KAAM,MAAA,EAEpC+C,CACR,CAKA,mBAA4C,CAC3C,IAAMhW,EAAI,KAAK2S,OAAQ3S,EAEjBuW,EAAS,IAAIC,GAAgB,KAAK7D,OAAQ,CAC/CtS,MAAOL,EAAG,iBAAA,CACX,CAAA,EAEAuW,OAAAA,EAAO7B,SAAShN,IAAK,KAAKsM,eAAgB,CAAA,EAEnCuC,CACR,CAKA,iBAAoC,CACnC,IAAMkB,EAAW,IAAIf,GAAU,KAAK/D,MAAM,EAE1C8E,OAAAA,EAAS1E,eAAgB,CACxBvK,WAAY,CACXwK,MAAO,CACN,eACA,CACF,CACD,CAAA,EAEAyE,EAASd,MAAMC,OAAQ,KAAKY,YAAY,EAAGX,MAAOxU,GAAAA,CACjD,IAAM0U,EAAe,IAAIC,GAAc,KAAKrE,MAAM,EAElDoE,OAAAA,EAAarC,SAAShN,IAAKrF,CAAAA,EAEpB0U,CACR,CAAA,EAEOU,CACR,CACD,ECjNazQ,GAAN,cAA6B0L,CAAAA,CAInC,UAOA,YAAaC,EAAkB,CAC9B,MAAOA,CAAAA,EAEP,KAAK1F,IAAK,CACT6F,SAAU,EACX,CAAA,EAEA,KAAKkF,UAAY,KAAKC,iBAAgB,EAEtC,KAAKlF,eAAgB,CACpBvK,WAAY,CACXwK,MAAO,CACN,iBACA,CACF,CACD,CAAA,CACD,CAKA,QAA+B,CAC9B,MAAMwC,OAAAA,EAEN,KAAKd,SAAShN,IAAK,KAAKsQ,SAAS,CAClC,CAOA,kBAA2B,CAC1B,IAAMA,EAAY,IAAIE,GAEtBF,OAAAA,EAAUxF,QAAU2F,GAEbH,CACR,CACD,ECZM/Q,GAA+B,UAQxBC,GAAN,cAAqByH,CAAAA,CAIpByJ,YAAkC,KAKlCC,SAAgE,KAKhEC,sBAAsD,KAKtDC,eAA4E,KAgBnF,SAKQC,gBAA6C,IAAItO,GAKzD,WAAkB6E,UAAW,CAC5B,MAAO,CAAE0J,GAAmB9R,EAAa,CAC1C,CAKA,WAAkBkI,YAAa,CAC9B,MAAO,QACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAM7J,EAAS,KAAKA,OACdjF,EAAI,KAAKiF,OAAOjF,EAEtB,KAAKiN,IAAK,uBAAwByB,MAAAA,EAElCzJ,EAAO+L,QAAQtB,KAAKgJ,YAAaC,EAAAA,EAEjC,KAAKC,SAAW3T,EAAOwH,QAAQrH,IAAKqT,EAAAA,EAGpC,KAAKI,oBAAmB,EACxB,KAAKC,wBAAuB,EAC5B,KAAKC,yBAAwB,EAG7B9T,EAAOsK,WAAWC,IAAK,iBAAA,EAAoBwJ,kBAAmB,CAC7DnT,MAAOoB,GACPyI,KAAM,CACLjH,QAAS,CAAE,wBAA0B,CACtC,CACD,CAAA,EAGAxD,EAAOsK,WAAWC,IAAK,iBAAA,EAAoByJ,gBAAiB,CAC3DpT,MAAOoB,GACPyI,KAAM,CAAEnN,EAAM,CAAE7D,OAAAA,CAAM,IAAE,CACvB,GAAK,CAAC6D,EAAK2W,YAAYvV,YACtB,OAAO,KAGR,IAAMwV,EAAgBza,EAAO0a,gBAAiB,MAAA,EAE9C1a,OAAAA,EAAOgK,SACN,CAAE,yBAA0B,kCZ4nDjB,EY3nDXyQ,CAAAA,EAGMA,CACR,CACD,CAAA,EAGAlU,EAAOoU,cAAcC,kBAAmB,CACvC5F,WAAY,CACX,CACCrT,MAAOL,EAAG,aAAA,EACVuZ,UAAWpT,EACZ,EACA,CACC9F,MAAOL,EAAG,oBAAA,EACVuZ,UAAW,CACV,CAAE,YAAa,WAAa,EAC5B,CAAE,aAAc,YAAc,CAC9B,CACF,CACA,CACF,CAAA,CACD,CAKA,SAAgC,CAC/B,MAAM5D,QAAAA,EAGD,KAAK4C,gBACT,KAAKA,eAAe5C,QAAO,EAGvB,KAAK0C,UACT,KAAKA,SAAS1C,QAAO,EAGjB,KAAKyC,aACT,KAAKA,YAAYzC,QAAO,EAGpB,KAAK2C,uBACT,KAAKA,sBAAsB3C,QAAO,CAEpC,CAMO6D,0BAA2BC,EAAgC,CACjE,IAAMC,EAAc,KAAKlB,gBACvB9T,OAAQiV,IAAcA,EAASC,OAAS,KAASH,EAASG,OAAS,EAAA,EACnEvW,OAEF,KAAKmV,gBAAgB9Q,IAAK+R,EAAUC,CAAAA,CACrC,CAKA,cAAuB,CACtB,IAAMrL,EAA2B,KAAKpJ,OAAOqJ,SAASlJ,IAAK,MAAA,EAE3D,KAAKgT,YAAc,KAAKyB,mBAAkB,EAC1C,KAAKxB,SAAW,KAAKyB,gBAAe,EAE/BzL,EAAYpE,iBAAiB5G,SACjC,KAAKkV,eAAiB,KAAKwB,sBAAqB,GAIjD,KAAKC,+BAA8B,CACpC,CAKA,oBAA0C,CACzC,IAAM/U,EAAS,KAAKA,OACdmT,EAAc,IAAI6B,GAAahV,EAAO0N,MAAM,EAC5CtE,EAA2BpJ,EAAOqJ,SAASlJ,IAAK,MAAA,EAEtDgT,EAAYpF,MAAQ,kBAGpB,IAAIkH,EAAejV,EAAOE,OAAOC,IAAK,cAAA,EAEtC,OAAMiJ,EAAYpE,iBAAiB5G,SAClC6W,EAAeA,EAAaxV,OAAQrC,GAAQA,IAAS,gBAAA,GAGtD+V,EAAY+B,eAAgBD,EAAcjV,EAAOmV,GAAGC,gBAAgB,EAGpEjC,EAAY1E,WAAWzG,IAAK,MAAO,CAAE1K,EAAM4Q,IAAAA,CAC1C,KAAKmH,QAAO,EACZnH,EAAAA,CACD,CAAA,EAGAiF,EAAY1E,WAAWzG,IAAK9G,GAAgB,CAAE5D,EAAM4Q,IAAAA,CACnD,KAAKoH,aAAY,EAEjBpH,EAAAA,CACD,CAAA,EAIAlO,EAAOmV,GAAGI,WAAYpC,EAAa,CAClCqC,aAAc,GACdC,YAAa,IAAA,CACP,KAAKC,wBAAuB,GAAM,CAAC,KAAKC,mBAC5C,KAAKC,QAAS,EAAA,CAEhB,EACAC,UAAW,IAAA,CACV,KAAKR,QAAS,EAAA,CACf,CACD,CAAA,EAEOlC,CACR,CAKA,iBAAwE,CACvE,IAAMnT,EAAS,KAAKA,OACdjF,EAAIiF,EAAO0N,OAAO3S,EAClBqO,EAA2BpJ,EAAOqJ,SAASlJ,IAAK,MAAA,EAChD1D,EAAkBuD,EAAOE,OAAOC,IAAK,sBAAA,EAErCiT,EAAW,IAAM0C,GAA4BlU,EAAAA,GAAkB5B,EAAO0N,OAAQ3N,GAAmBC,CAAAA,CAAAA,EAEvGoT,OAAAA,EAASjE,uBAAuBxB,KAAM,WAAA,EAAcK,GAAI,KAAM,uBAAwBxS,GAASA,IAAUiO,MAAAA,EAGzG2J,EAAS/D,aAAa1B,KAAM,WAAA,EAAcK,GAAI5E,EAAa,WAAA,EAG3DgK,EAASnE,eAAetB,KAAM,WAAA,EAAcK,GAAI5E,EAAa,WAAA,EAG7DgK,EAASnE,eAAetB,KAAM,OAAA,EAAUK,GAAI5E,EAAa,QAAS5N,GAAiBT,EAARS,EAAW,SAAgB,QAAhB,CAAgB,EAGtG,KAAK2Q,SAAUiH,EAAU,SAAU,IAAA,CAClC,GAAKA,EAAS2C,QAAO,EAAK,CACzB,IAAMhc,EAAMqZ,EAAS/D,aAAa8C,UAAUnW,QAASR,MAC/Cwa,EAAYzZ,GAA6BxC,EAAK0C,CAAAA,EAC9CmJ,EAAgBwN,EAASjE,uBAAuBgD,UAAUnW,QAASR,MAEzEwE,EAAO0F,QACN,OACAsQ,EACA,KAAKC,2BAA0B,EAC/BrQ,IAAkB,KAAKsQ,qBAAuBtQ,EAAgB6D,MAAAA,EAG/D,KAAK0M,eAAc,CACpB,CACD,CAAA,EAGA,KAAKhK,SAAUiH,EAAS/D,aAAc,mBAAoB,IAAA,CACzDrP,EAAOmV,GAAGiB,OAAM,CACjB,CAAA,EAGA,KAAKjK,SAAUiH,EAAU,SAAU,IAAA,CAClC,KAAK+C,eAAc,CACpB,CAAA,EAGA/C,EAAS3E,WAAWzG,IAAK,MAAO,CAAE1K,EAAM4Q,IAAAA,CACvC,KAAKiI,eAAc,EACnBjI,EAAAA,CACD,CAAA,EAGAkF,EAAS7D,sBAAsBoC,OAAQ,KAAK4B,eAAe,EAAG3B,MAC7D4C,GAAY,KAAK6B,+BAAgC7B,CAAAA,CAAAA,EAG3CpB,CACR,CAKQkD,4BAA6B9B,EAA6C,CACjF,OAAOA,EAAS+B,aAAY,EAAG5N,IAAK,CAAE,CAAEnP,KAAAA,EAAM4B,MAAAA,EAAO4V,KAAAA,CAAI,IAAE,CAC1D,IAAMwF,EAAa,IAAI/I,EAEvB+I,OAAAA,EAAWxO,IAAK,CACf5M,MAAAA,EACA4V,KAAAA,EACAE,QAAS,GACTrD,SAAU,EACX,CAAA,EAEA2I,EAAW3T,GAAI,UAAW,IAAA,CACzB,KAAKuQ,SAAUxC,gBAAe,EAC9B,KAAKwC,SAAU/D,aAAa8C,UAAU3W,MAAQhC,EAG9C,KAAKwG,OAAO+L,QAAQtB,KAAKgM,MAAK,EAE9B,KAAKC,yBAAwB,EAG7B,KAAKtD,SAAUqD,MAAK,CACrB,CAAA,EAEOD,CACR,CAAA,CACD,CAKQG,6BAA8BnC,EAAiD,CACtF,IAAMxU,EAAS,KAAKA,OACdjF,EAAIiF,EAAO0N,OAAO3S,EAElB0P,EAAO,IAAI5I,GAAuB7B,EAAO0N,MAAM,EAC/C,CAAEkJ,qBAAAA,EAAsBxb,MAAAA,CAAK,EAAKoZ,EAExC/J,OAAAA,EAAKmM,qBAAuBA,GAAwB7b,EAAG,oBAAA,EACvD0P,EAAKoM,MAAQzb,EAGb,KAAK+Q,SAAU1B,EAAM,SAAU,IAAA,CAE9BzK,EAAO+L,QAAQtB,KAAKgM,MAAK,EAEzB,KAAKC,yBAAwB,EAG7B,KAAKtD,SAAUqD,MAAK,CACrB,CAAA,EAEOhM,CACR,CAKA,uBAAoF,CACnF,IAAMzK,EAAS,KAAKA,OACdoJ,EAA2B,KAAKpJ,OAAOqJ,SAASlJ,IAAK,MAAA,EAErDsK,EAAO,IAAMqL,GAA4BhU,EAAAA,GAAwB9B,EAAO0N,MAAM,EAGpF,YAAKvB,SAAU1B,EAAM,OAAQ,IAAA,CAE5BzK,EAAO+L,QAAQtB,KAAKgM,MAAK,EAEzB,KAAKK,sBAAqB,CAC3B,CAAA,EAEArM,EAAK8H,aAAaZ,OAAQvI,EAAYpE,gBAAgB,EAAG4M,MAAOzM,GAAAA,CAC/D,IAAM2N,EAA2B,IAAIiE,GAAkB/W,EAAO0N,MAAM,EAEpEoF,OAAAA,EAAO9K,IAAK,CACX5M,MAAO+J,EAAgB/J,MACvByS,SAAU,EACX,CAAA,EAEAiF,EAAOnF,KAAM,MAAA,EAASqJ,OAAQ,CAAE7R,EAAiBiE,CZwjDxC,EYxjDuD,QAAS,CAAE6N,EAAgBC,IACnFA,IAAiBzN,QAAawN,IAAmBxN,OACvD,CAAC,CAACtE,EAAgBqE,aAClB,CAAC,CAACyN,CACJ,EAEAnE,EAAOjQ,GAAI,UAAW,IAAA,CACrBsC,EAAgB6C,IAAK,QAAS,CAAC8K,EAAOqE,IAAI,EAC1CnX,EAAO0F,QAAS,OAAQ0D,EAAY5N,MAAQ,KAAKya,2BAA0B,CAAA,CAC5E,CAAA,EAEOnD,CACR,CAAA,EAEOrI,CACR,CAKA,4BAA8D,CAC7D,IAAMrB,EAA2B,KAAKpJ,OAAOqJ,SAASlJ,IAAK,MAAA,EAE3D,OAAOuC,MACL4B,KAAM8E,EAAYpE,gBAAgB,EAClCoS,OAAQ,CAAEC,EAAalS,IAAAA,CACvB,IAAM3J,EAAQ4N,EAAY5N,QAAUiO,QAAatE,EAAgB3J,QAAUiO,OAC1EtE,EAAgBqE,aAChBrE,EAAgB3J,MAEjB,MAAO,CACN,GAAG6b,EACH,CAAElS,EAAgBvJ,EAAE,EAAI,CAAC,CAACJ,CAC3B,CACD,EAAG,CAAA,CAAC,CACN,CAKA,yBAAkC,CACb,KAAKwE,OAAOwH,QAAQrH,IAAKuB,EAAAA,EAEjC0J,oBAAqB5R,GAAAA,CAChC,IAAMqB,EAAQ,KAAKyc,2BAA4B9d,CAAAA,EAE/C,GAAK,CAACqB,EACL,MAAO,GAGR,GAAM,CAAEuC,KAAAA,EAAMoX,SAAAA,CAAQ,EAAK3Z,EAE3B,OAAK2Z,EAAS+C,SACN/C,EAAS+C,SAAUna,CAAAA,EAGpB,EACR,CAAA,CACD,CAKA,qBAAoC,CACnC,IAAM4C,EAAS,KAAKA,OAEpBA,EAAOmV,GAAGC,iBAAiB3S,IAAK,OAAQ,IAAA,CACvC,IAAMqQ,EAAS,KAAK0E,cAAe/J,CAAAA,EAEnCqF,OAAAA,EAAO9K,IAAK,CACXkJ,QAAS,EACV,CAAA,EAEO4B,CACR,CAAA,EAEA9S,EAAOmV,GAAGC,iBAAiB3S,IAAK,eAAgB,IAAA,CAC/C,IAAMqQ,EAAS,KAAK0E,cAAeC,EAAAA,EAEnC3E,OAAAA,EAAO9K,IAAK,CACX0P,KAAM,kBACP,CAAA,EAEO5E,CACR,CAAA,EAEA9S,EAAOmV,GAAGC,iBAAiB3S,IAAK,cAAeiL,GAAAA,CAC9C,IAAMoF,EAAS,IAAInR,GAAuB+L,CAAAA,EACpC1T,EAAmBgG,EAAOE,OAAOC,IAAK,uBAAA,EACtCiJ,EAA2BpJ,EAAOqJ,SAASlJ,IAAK,MAAA,EAChDpF,EAAI2S,EAAO3S,EAEjB+X,EAAOnF,KAAM,WAAA,EAAcK,GAAI5E,EAAa,QAAS5P,GAAQ,CAAC,CAACA,CAAAA,EAE/DsZ,EAAOnF,KAAM,MAAA,EAASK,GAAI5E,EAAa,QAAS5P,GACxCA,GAAQM,GAAeN,EAAMQ,CAAAA,CACrC,EAEA,IAAM2d,EAAYne,GAAAA,CACjB,GAAK,CAACA,EAAO,CACZsZ,EAAO1X,MAAQqO,OACfqJ,EAAO9B,KAAOvH,OACdqJ,EAAO5B,QAAUnW,EAAG,sBAAA,EACpB,MACD,CAEA,IAAM6c,EAA4B,KAAKN,2BAA4B9d,CAAAA,EAEnE,GAAKoe,EAA4B,CAChC,GAAM,CAAExc,MAAAA,EAAO8V,QAAAA,EAASF,KAAAA,CAAI,EAAK4G,EAA0Bxa,KAE3D0V,EAAO1X,MAAQA,EACf0X,EAAO5B,QAAUA,GAAW,GAC5B4B,EAAO9B,KAAOA,CACf,MACC8B,EAAO1X,MAAQ5B,EACfsZ,EAAO9B,KAAOvH,OACdqJ,EAAO5B,QAAUnW,EAAG,sBAAA,CAEtB,EAEA4c,OAAAA,EAASvO,EAAY5N,KAAK,EAE1B,KAAK2Q,SAAqD/C,EAAa,eAAgB,CAAEtG,EAAK3G,EAAM3C,IAAAA,CACnGme,EAASne,CAAAA,CACV,CAAA,EAEA,KAAK2S,SAA0C2G,EAAQ,WAAY,CAAEhQ,EAAKtJ,EAAM0U,IAAAA,CAC/E,IAAM0J,EAA4B,KAAKN,2BAA4B9d,CAAAA,EAEnE,GAAK,CAACoe,EACL,OAGD,GAAM,CAAEpD,SAAAA,EAAUpX,KAAAA,CAAI,EAAKwa,EACrB,CAAEL,SAAAA,CAAQ,EAAK/C,EAEhB+C,GAAYA,EAAUna,CAAAA,IAC1B0F,EAAIgK,KAAI,EACRoB,EAAAA,EAEF,CAAA,EAEO4E,CACR,CAAA,EAEA9S,EAAOmV,GAAGC,iBAAiB3S,IAAK,SAAUiL,GAAAA,CACzC,IAAMmK,EAA+B7X,EAAOqJ,SAASlJ,IAAK,QAAA,EACpD2S,EAAS,IAAIrF,EAAYC,CAAAA,EACzB3S,EAAI2S,EAAO3S,EAEjB+X,OAAAA,EAAO9K,IAAK,CACX5M,MAAOL,EAAG,QAAA,EACViW,KAAM8G,GACN5G,QAAS,EACV,CAAA,EAEA4B,EAAOnF,KAAM,WAAA,EAAcK,GAAI6J,CAAAA,EAE/B,KAAK1L,SAA8B2G,EAAQ,UAAW,IAAA,CACrD9S,EAAO0F,QAAS,QAAA,EAChB,KAAK2P,QAAO,CACb,CAAA,EAEOvC,CACR,CAAA,EAEA9S,EAAOmV,GAAGC,iBAAiB3S,IAAK,WAAYiL,GAAAA,CAC3C,IAAMtE,EAA2BpJ,EAAOqJ,SAASlJ,IAAK,MAAA,EAChD2S,EAAS,IAAIrF,EAAYC,CAAAA,EACzB3S,EAAI2S,EAAO3S,EAEjB+X,OAAAA,EAAO9K,IAAK,CACX5M,MAAOL,EAAG,WAAA,EACViW,KAAM+G,GACN7G,QAAS,EACV,CAAA,EAEA4B,EAAOnF,KAAM,WAAA,EAAcK,GAAI5E,CAAAA,EAE/B,KAAK+C,SAA8B2G,EAAQ,UAAW,IAAA,CACrD,KAAKwC,aAAY,CAClB,CAAA,EAEOxC,CACR,CAAA,EAEA9S,EAAOmV,GAAGC,iBAAiB3S,IAAK,iBAAkBiL,GAAAA,CACjD,IAAMtE,EAA2BpJ,EAAOqJ,SAASlJ,IAAK,MAAA,EAChD2S,EAAS,IAAIrF,EAAYC,CAAAA,EACzB3S,EAAI2S,EAAO3S,EAEjB+X,OAAAA,EAAO9K,IAAK,CACX5M,MAAOL,EAAG,iBAAA,EACViW,KAAMgH,GACN9G,QAAS,EACV,CAAA,EAEA4B,EAAOnF,KAAM,WAAA,EAAcK,GAC1B5E,EAAa,YACbA,EAAa,QACbA,EAAa,mBACb,CAAE3D,EAAWjM,EAAMwL,IAAsBS,GAAa,CAAC,CAACjM,GAAQwL,EAAiB5G,OAAS,CAAA,EAG3F,KAAK+N,SAA8B2G,EAAQ,UAAW,IAAA,CACrD,KAAKmF,mBAAkB,CACxB,CAAA,EAEOnF,CACR,CAAA,CACD,CAKQuD,+BAAgC6B,EAA8C,CACrF,IAAMxK,EAAS,KAAK1N,OAAO0N,OACrByK,EAAc,IAAIpW,GAAgB2L,CAAAA,EAExCyK,OAAAA,EAAYnQ,IAAK,CAChB5M,MAAO8c,EAAa9c,KACrB,CAAA,EAEA,KAAK+Q,SAAUgM,EAAa,UAAW,IAAA,CACtC,KAAKC,uBAAwBF,CAAAA,CAC9B,CAAA,EAEOC,CACR,CAKQX,cAA4Ca,EAAkC,CACrF,IAAMrY,EAAS,KAAKA,OACd0N,EAAS1N,EAAO0N,OAChB4K,EAAUtY,EAAOqJ,SAASlJ,IAAK,MAAA,EAC/BsK,EAAO,IAAI4N,EAAarY,EAAO0N,MAAM,EACrC3S,EAAI2S,EAAO3S,EAEjB0P,OAAAA,EAAKzC,IAAK,CACT5M,MAAOL,EAAG,MAAA,EACViW,KAAMuH,GACNjE,UAAWpT,GACXsX,aAAc,EACf,CAAA,EAEA/N,EAAKkD,KAAM,WAAA,EAAcK,GAAIsK,EAAS,WAAA,EACtC7N,EAAKkD,KAAM,MAAA,EAASK,GAAIsK,EAAS,QAAS9c,GAAS,CAAC,CAACA,CAAAA,EAGrD,KAAK2Q,SAA8B1B,EAAM,UAAW,IAAA,CACnDzK,EAAO+L,QAAQtB,KAAKgO,qBAAoB,EACxC,KAAK7C,QAAS,EAAA,EAIT,KAAKF,wBAAuB,GAChC,KAAKJ,aAAY,CAEnB,CAAA,EAEO7K,CACR,CAMA,0BAAyC,CACxC,IAAMzK,EAAS,KAAKA,OACd8L,EAAe9L,EAAO+L,QAAQtB,KAAKrH,SAIzC,KAAK+I,SAAkCL,EAAc,QAAS,IAAA,CAC1C,KAAK4J,wBAAuB,GAI9C,KAAKE,QAAO,CAEd,CAAA,EAGA5V,EAAOyO,WAAWzG,IAAK9G,GAAgB,CAAEwX,EAAYxK,IAAAA,CAEpDA,EAAAA,EAEKlO,EAAOqJ,SAASlJ,IAAK,MAAA,EAAUsF,YACnCzF,EAAO+L,QAAQtB,KAAKgO,qBAAoB,EACxC,KAAK7C,QAAS,EAAA,EAEhB,CAAA,CACD,CAMA,gCAA+C,CAE9C,KAAK5V,OAAOyO,WAAWzG,IAAK,MAAO,CAAE1K,EAAM4Q,IAAAA,CACrC,KAAKyH,mBAAqB,CAAC,KAAKxC,YAAa5E,aAAaoK,YAC9D,KAAKxF,YAAasD,MAAK,EACvBvI,EAAAA,EAEF,EAAG,CAIFtU,SAAU,MACX,CAAA,EAGA,KAAKoG,OAAOyO,WAAWzG,IAAK,MAAO,CAAE1K,EAAM4Q,IAAAA,CACrC,KAAK0K,eACT,KAAKvD,QAAO,EACZnH,EAAAA,EAEF,CAAA,EAGA2K,GAAqB,CACpBC,QAAS,KAAK1F,SACd2F,UAAW,IAAM,KAAKC,aACtBC,gBAAiB,IAAM,CAAE,KAAKtF,SAASlJ,KAAKzO,OAAU,EACtD4H,SAAU,IAAA,CAKT,KAAKyR,QAAS,EAAA,CACf,CACD,CAAA,CACD,CAOA,iBAA+B,CACxB,KAAKlC,aACV,KAAK+F,aAAY,EAGb,MAAKC,mBAIV,KAAKxF,SAASlR,IAAK,CAClBgI,KAAM,KAAK0I,YACXvU,SAAU,KAAKwa,wBAAuB,EACtCC,iBAAkB,sBACnB,CAAA,CACD,CAKA,cAA6B,CAK5B,GAJM,KAAKjG,UACV,KAAK8F,aAAY,EAGb,KAAKI,eACT,OAGD,IAAMlQ,EAA2B,KAAKpJ,OAAOqJ,SAASlJ,IAAK,MAAA,EAE3D,KAAKiT,SAAUmG,sBAAqB,EACpC,KAAKnG,SAAUxC,gBAAe,EAC9B,KAAKwC,SAAUrE,eAAeyK,UAAYpQ,EAAY3D,WAAa,CAAC,CAAC2D,EAAY5N,MAEjF,KAAKmY,SAASlR,IAAK,CAClBgI,KAAM,KAAK2I,SACXxU,SAAU,KAAKwa,wBAAuB,CACvC,CAAA,EASA,KAAKlD,qBAAuB,KAAKuD,yBAAwB,EAEzD,KAAKrG,SAAUjE,uBAAuBgD,UAAU3W,MAAQ,KAAK0a,sBAAwB,GACrF,KAAK9C,SAAU/D,aAAa8C,UAAU3W,MAAQ4N,EAAY5N,OAAS,GAG9D,KAAKmY,SAAS+F,cAAgB,KAAKtG,UACvC,KAAKA,SAAU/D,aAAa8C,UAAUwH,OAAM,EAG7C,KAAKvG,SAAUwG,qBAAoB,CACpC,CAKA,oBAAmC,CAC5B,KAAKtG,gBACV,KAAK4F,aAAY,EAGb,MAAKW,wBAIV,KAAKvG,eAAgBiG,sBAAqB,EAE1C,KAAK5F,SAASlR,IAAK,CAClBgI,KAAM,KAAK6I,eACX1U,SAAU,KAAKwa,wBAAuB,CACvC,CAAA,EAEA,KAAK9F,eAAgBsG,qBAAoB,EACzC,KAAKtG,eAAgBmD,MAAK,EAC3B,CAKQ2B,uBAAwB5D,EAAgC,CAC1D,KAAKnB,uBACT,KAAKqD,yBAAwB,EAG9B,KAAKrD,sBAAwB,KAAKsD,6BAA8BnC,CAAAA,EAEhE,KAAKsF,0BAA2BtF,CAAAA,CACjC,CAKQsF,0BAA2BtF,EAAgC,CAElE,KAAKnB,sBAAuBd,aAAawH,MAAK,EAG9C,KAAK1G,sBAAuBd,aAAayH,QAAS,KAAK1D,4BAA6B9B,CAAAA,CAAAA,EAEpF,KAAKb,SAASlR,IAAK,CAClBgI,KAAM,KAAK4I,sBACXzU,SAAU,KAAKwa,wBAAuB,CACvC,CAAA,EAEA,KAAK/F,sBAAuBoD,MAAK,CAClC,CAMA,gBAA+B,CAC9B,IAAMrN,EAA2B,KAAKpJ,OAAOqJ,SAASlJ,IAAK,MAAA,EAE3D,KAAK+V,qBAAuBzM,OAEvBL,EAAY5N,QAAUiO,OAC1B,KAAKwQ,gBAAe,EAEpB,KAAK5E,QAAO,CAEd,CAKA,uBAAsC,CAChC,KAAKwE,uBACT,KAAKlG,SAAStM,OAAQ,KAAKiM,cAAc,CAE3C,CAKA,0BAAyC,CACnC,KAAK4G,qBACT,KAAKvG,SAAStM,OAAQ,KAAKgM,qBAAqB,CAElD,CAKA,gBAAyB8G,EAAuB,GAAa,CACvD,KAAKb,iBAGT,KAAKlG,SAAUnE,eAAewH,MAAK,EAGnC,KAAKrD,SAAUjE,uBAAuBgD,UAAUiI,MAAK,EACrD,KAAKhH,SAAU/D,aAAa8C,UAAUiI,MAAK,EAE3C,KAAKzG,SAAStM,OAAQ,KAAK+L,QAAQ,EAI9B+G,GACJ,KAAKna,OAAO+L,QAAQtB,KAAKgM,MAAK,EAG/B,KAAK4D,yBAAwB,EAE/B,CAOA,QAAgBC,EAAwB,GAAc,CAC/C,KAAKlH,UACV,KAAK8F,aAAY,EAIZ,KAAKxD,wBAAuB,GAiB5B,KAAKC,kBACT,KAAKL,aAAY,EAIjB,KAAKiF,gBAAe,EAIhBD,GACJ,KAAK3G,SAAS6G,UAAW,MAAA,IAxB1B,KAAKC,yBAAwB,EAE7B,KAAKF,gBAAe,EAGfD,GACJ,KAAK3G,SAAS6G,UAAW,MAAA,EAG1B,KAAKlF,aAAY,GAoBlB,KAAKoF,iBAAgB,CACtB,CAOA,QAAiBP,EAAuB,GAAa,CACpD,IAAMna,EAAS,KAAKA,OAEd,KAAKgZ,eAIX,KAAKpJ,cAAe5P,EAAOmV,GAAI,QAAA,EAC/B,KAAKvF,cAAe,KAAK+D,SAAU,oBAAA,EAI9BwG,GACJna,EAAO+L,QAAQtB,KAAKgM,MAAK,EAI1B,KAAKC,yBAAwB,EAG7B,KAAKI,sBAAqB,EAG1B,KAAKmD,gBAAiBE,CAAAA,EAGjB,KAAKhB,mBACT,KAAKxF,SAAStM,OAAQ,KAAK8L,WAAW,EAGvC,KAAKkH,yBAAwB,EAC9B,CAQA,kBAAiC,CAChC,IAAMra,EAAS,KAAKA,OACd8L,EAAe9L,EAAO+L,QAAQtB,KAAKrH,SAErCuX,EAAmB,KAAKjF,wBAAuB,EAC/CkF,EAAsBC,EAAAA,EAEpBzE,EAAS,IAAA,CACd,IAAM0E,EAAe,KAAKpF,wBAAuB,EAC3CqF,EAAkBF,EAAAA,EAYnBF,GAAsB,CAACG,GACzB,CAACH,GAAoBI,IAAoBH,EAC3C,KAAKvF,QAAO,EAMH,KAAKuD,cAId,KAAKjF,SAASqH,eAAgB,KAAK5B,wBAAuB,CAAA,EAG3DuB,EAAmBG,EACnBF,EAAsBG,CACvB,EAEA,SAASF,GAAAA,CACR,OAAO/O,EAAazI,UAAUoT,MAAO7W,aAAY,EAC/Cqb,QAAO,EACPpb,KAAQzG,GAA+BA,EAAKC,GAAI,SAAA,CAAA,CACnD,CAEA,KAAK8S,SAAUnM,EAAOmV,GAAI,SAAUiB,CAAAA,EACpC,KAAKjK,SAAU,KAAKwH,SAAU,qBAAsByC,CAAAA,CACrD,CAKA,IAAYyD,uBAAiC,CAC5C,MAAO,CAAC,CAAC,KAAKvG,gBAAkB,KAAKK,SAASuH,QAAS,KAAK5H,cAAc,CAC3E,CAKA,IAAY4G,qBAA+B,CAC1C,MAAO,CAAC,CAAC,KAAK7G,uBAAyB,KAAKM,SAASuH,QAAS,KAAK7H,qBAAqB,CACzF,CAKA,IAAYiG,gBAA0B,CACrC,MAAO,CAAC,CAAC,KAAKlG,UAAY,KAAKO,SAASuH,QAAS,KAAK9H,QAAQ,CAC/D,CAKA,IAAY+F,mBAA6B,CACxC,MAAO,CAAC,CAAC,KAAKhG,aAAe,KAAKQ,SAASuH,QAAS,KAAK/H,WAAW,CACrE,CAMA,IAAYgI,sBAAgC,CAC3C,MAAO,CAAC,CAAC,KAAK7H,gBAAkB,KAAKK,SAAS+F,cAAgB,KAAKpG,cACpE,CAMA,IAAY8H,gBAA0B,CACrC,MAAO,CAAC,CAAC,KAAKhI,UAAY,KAAKO,SAAS+F,aAAe,KAAKtG,QAC7D,CAMA,IAAYuC,mBAA6B,CACxC,MAAO,CAAC,CAAC,KAAKxC,aAAe,KAAKQ,SAAS+F,cAAgB,KAAKvG,WACjE,CAMA,IAAY6F,cAAwB,CACnC,OAAO,KAAKa,uBAAyB,KAAKK,qBAAuB,KAAKZ,gBAAkB,KAAKH,iBAC9F,CAMA,IAAYP,cAAwB,CACnC,OAAO,KAAKuC,sBAAwB,KAAKjB,qBAAuB,KAAKkB,gBAAkB,KAAKzF,iBAC7F,CASA,yBAAsE,CACrE,IAAMlL,EAAO,KAAKzK,OAAO+L,QAAQtB,KAC3BqB,EAAerB,EAAKrH,SAG1B,GAFc,KAAKpD,OAAOY,MAEfya,QAAQ1T,IAAK3F,EAAAA,EAAiC,CAExD,IAAMsZ,EAAqB,KAAKtb,OAAO+L,QAAQ/H,OAAOuX,qBAAsBvZ,EAAAA,EAG5E,GAAKsZ,EAAqB,CACzB,IAAME,EAA0B9Y,MAAM4B,KAAMgX,CAAAA,EACtCG,EAAWhR,EAAK1D,YACrB0D,EAAKiR,qBAAsBF,EAAyB,CAAA,CAAG,EACvD/Q,EAAKkR,oBAAqBH,EAAyBA,EAAwBpd,OAAS,CAAA,CAAG,CAAA,EAGxF,MAAO,CACNmN,OAAQd,EAAKmR,aAAaC,eAAgBJ,CAAAA,CAC3C,CACD,CACD,CAMA,MAAO,CACNlQ,OAAQ,IAAA,CACP,IAAMuQ,EAAa,KAAKpG,wBAAuB,EAE/C,OAAOoG,EAENrR,EAAKmR,aAAaG,aAAcD,CAAAA,EAEhCrR,EAAKmR,aAAaC,eAAgB/P,EAAazI,UAAUU,cAAa,CAAA,CACxE,CACD,CACD,CAWA,yBAA+D,CAC9D,IAAM0G,EAAO,KAAKzK,OAAO+L,QAAQtB,KAC3BpH,EAAYoH,EAAKrH,SAASC,UAC1BgC,EAAkBhC,EAAUiC,mBAAkB,EAGpD,GAAKjC,EAAU3E,aAAe2G,GAAmB2W,GAAU3W,CAAAA,EAC1D,OAAO1F,GAAyB0D,EAAUwE,iBAAgB,CAAA,EACpD,CAGN,IAAM3K,EAAQmG,EAAUU,cAAa,EAAIkY,WAAU,EAC7CC,EAAYvc,GAAyBzC,EAAM2B,KAAK,EAChDsd,EAAUxc,GAAyBzC,EAAMwK,GAAG,EAElD,MAAK,CAACwU,GAAaA,GAAaC,EACxB,KAIH1R,EAAK9D,cAAeuV,CAAAA,EAAYD,WAAU,EAAGjd,QAAS9B,CAAAA,EACnDgf,EAEA,IAET,CACD,CAOA,0BAAuD,CACtD,IAAMtb,EAAQ,KAAKZ,OAAOY,MACpBmL,EAAU,KAAK/L,OAAO+L,QACtB+O,EAAe,KAAKpF,wBAAuB,EAEjD,GAAK,CAACoF,EACL,OAAO7d,GAA0B2D,EAAMwC,SAASC,UAAUU,cAAa,CAAA,EAGxE,IAAMqY,EAAgBrQ,EAAQtB,KAAKnC,cAAewS,CAAAA,EAC5Crc,EAAYsN,EAAQ/H,OAAOqY,aAAcD,CAAAA,EAE/C,OAAOnf,GAA0BwB,CAAAA,CAClC,CAQQ6Y,2BAA4B9d,EAAoF,CACvH,GAAK,CAACA,EACL,OAAO,KAGR,QAAYgb,KAAY,KAAKjB,gBAAkB,CAC9C,IAAMnW,EAAOoX,EAAS8H,QACrB9H,EAAS8H,QAAS9iB,CAAAA,EAClBgb,EAAS+B,aAAY,EAAG1W,KAAMzC,GAAQA,EAAK5D,OAASA,CAAAA,EAErD,GAAK4D,EACJ,MAAO,CAAEoX,SAAAA,EAAUpX,KAAAA,CAAK,CAE1B,CAEA,OAAO,IACR,CAOA,0BAAyC,CACxC,IAAMwD,EAAQ,KAAKZ,OAAOY,MAE1BA,EAAMmF,OAAQtM,GAAAA,CACb,IAAMyD,EAAQ0D,EAAMwC,SAASC,UAAUU,cAAa,EAEpD,GAAKnD,EAAMya,QAAQ1T,IAAK3F,EAAAA,EACvBvI,EAAO8iB,aAAcva,GAA8B,CAAE9E,MAAAA,CAAM,CAAA,UAEtDA,EAAM2B,MAAM2d,QAAU,CAC1B,IAAMC,EAAgBvf,EAAM2B,MAAM6d,wBACjC,CAAE,CAAEtf,KAAAA,CAAI,IAAQ,CAACwD,EAAM3E,OAAO0gB,UAAWvf,CAAAA,EACzC,CAAEwf,WAAY1f,CAAM,CAAA,EAGrBzD,EAAOojB,UAAW7a,GAA8B,CAC/C8a,eAAgB,GAChBC,YAAa,GACb7f,MAAOzD,EAAOsN,YAAa0V,EAAevf,EAAMwK,GAAG,CACpD,CAAA,CACD,MACCjO,EAAOojB,UAAW7a,GAA8B,CAC/C8a,eAAgB,GAChBC,YAAa,GACb7f,MAAAA,CACD,CAAA,CAGH,CAAA,CACD,CAKA,0BAAyC,CACxC,IAAM0D,EAAQ,KAAKZ,OAAOY,MAErBA,EAAMya,QAAQ1T,IAAK3F,EAAAA,GACvBpB,EAAMmF,OAAQtM,GAAAA,CACbA,EAAOujB,aAAchb,EAAAA,CACtB,CAAA,CAEF,CACD,ECtyCM1B,GAAoC,EAGpCE,GAAc,IAAIjG,OAEvB,8aA6CM,GAAA,EAEDmG,GAAqB,EAKdwB,GAAN,cAAuBwH,CAAAA,CAI7B,WAAkBI,UAAW,CAC5B,MAAO,CAAEmT,GAAQvb,EAAa,CAC/B,CAKA,WAAkBkI,YAAa,CAC9B,MAAO,UACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CAEnB,IAAMxG,EADS,KAAKrD,OACKY,MAAMwC,SAASC,UAExCA,EAAUR,GAAuC,eAAgB,IAAA,CAEhE,KAAK4C,UAAY,CAACpC,EAAU6Z,OAAQC,OAAO9jB,GAAI,UAAW,WAAA,CAC3D,CAAA,EAEA,KAAK+jB,sBAAqB,CAC3B,CAKA,WAAyB,CACxB,KAAKC,qBAAoB,EACzB,KAAKC,0BAAyB,EAC9B,KAAKC,oBAAmB,CACzB,CAOA,iBAA0B3c,EAAchC,EAA6C,CACpF,OAAKA,EAASE,UAAYF,EAASE,SAASkC,aAAc,UAAA,EAClD8G,GAAoBlJ,EAAU,WAAYA,EAASE,SAAS0G,aAAc,UAAA,EAAc5E,CAAAA,EAExF,IAET,CAKA,mBAA4BnH,EAAqB+jB,EAAkC,CAElF,IAAM5c,EADS,KAAKZ,OACCY,MACfyC,EAAYzC,EAAMwC,SAASC,UAC3Boa,EAAWpa,EAAUwE,iBAAgB,EACrC6V,EAASra,EAAUsa,gBAAe,EAEpCC,EAAmBJ,EAAcK,UAAW,KAAKC,iBAAkBld,EAAO6c,CAAAA,GAAcD,CAAAA,EACvFI,IACJA,EAAmBA,EAAiBC,UAAW,KAAKC,iBAAkBld,EAAO8c,CAAAA,GAAYF,CAAAA,GAGrFI,IAAsBA,EAAiB/e,MAAMkf,SAAUN,CAAAA,GAAcG,EAAiBlW,IAAIsW,QAASN,CAAAA,IAEvGjkB,EAAOgO,aAAcmW,CAAAA,CAEvB,CAKA,qBAAoC,CACnC,IAAM5d,EAAS,KAAKA,OACdY,EAAQZ,EAAOY,MACfyC,EAAYzC,EAAMwC,SAASC,UAC3B4a,EAAoBje,EAAOwH,QAAQrH,IAAK,mBAAA,EACxCiJ,EAAcpJ,EAAOqJ,SAASlJ,IAAK,MAAA,EAEzC8d,EAAkBpb,GAAI,sBAAuB,CAAEC,EAAKxF,IAAAA,CAMnD,GALK,CAAC,KAAKmI,WAAa,CAAC2D,EAAY3D,WAAapC,EAAU3E,aAAepB,EAAK4gB,SAAW,SAKtF7a,EAAU8a,WAAa,EAE3B,OAGD,IAAMX,EAAgBna,EAAUU,cAAa,EAEvCyJ,EAAUlQ,EAAK8gB,aAAaC,QAAS,YAAA,EAE3C,GAAK,CAAC7Q,EAEL,OAGD,IAAM8Q,EAAU9Q,EAAQ3S,MAAO2F,EAAAA,EAG1B8d,GAAWA,EAAS,CAAA,IAAQ9Q,IAChC5M,EAAMmF,OAAQtM,GAAAA,CACb,KAAK8kB,mBAAoB9kB,EAAQ+jB,CAAAA,EACjCpU,EAAY1D,QAAS8H,CAAAA,CACtB,CAAA,EAEA1K,EAAIgK,KAAI,EAEV,EAAG,CAAElT,SAAU,MAAO,CAAA,CACvB,CAKA,uBAAsC,CACrC,IAAMoG,EAAS,KAAKA,OAEdwe,EAAU,IAAIC,GAAaze,EAAOY,MAAOzD,GAAAA,CAC9C,IAAIuhB,EAAavhB,EAGjB,GAAK,CAACkD,GAAuBqe,CAAAA,EAC5B,OAIDA,EAAaA,EAAWlW,MAAO,EAAG,EAAC,EAG9B,SAAS8E,SAAUoR,EAAYA,EAAWtgB,OAAS,CAAA,CAAG,IAC1DsgB,EAAaA,EAAWlW,MAAO,EAAG,EAAC,GAIpC,IAAMzO,EAAMwG,GAAiBme,CAAAA,EAE7B,GAAK3kB,EACJ,MAAO,CACNA,IAAAA,EACA4kB,0BAA2BxhB,EAAKiB,OAASsgB,EAAWtgB,MACrD,CAEF,CAAA,EAEAogB,EAAQ3b,GAAqF,eAAgB,CAAEC,EAAKxF,IAAAA,CACnH,GAAM,CAAEshB,MAAAA,EAAO1hB,MAAAA,EAAOnD,IAAAA,EAAK4kB,0BAAAA,CAAyB,EAAKrhB,EAEzD,GAAK,CAACshB,EAAMC,SACX,OAGD,IAAMC,EAAU5hB,EAAMwK,IAAIV,aAAc,CAAC2X,CAAAA,EACnCI,EAAYD,EAAQ9X,aAAc,CAACjN,EAAIqE,MAAM,EAE7CK,EAAYuB,EAAOY,MAAMmG,YAAagY,EAAWD,CAAAA,EAEvD,KAAKE,eAAgBjlB,EAAK0E,CAAAA,CAC3B,CAAA,EAEA+f,EAAQ7Q,KAAM,WAAA,EAAcK,GAAI,IAAI,CACrC,CAKA,sBAAqC,CACpC,IAAMhO,EAAS,KAAKA,OACdY,EAAQZ,EAAOY,MACfqe,EAAyCjf,EAAOqJ,SAASlJ,IAAK,OAAA,EAE9D8e,GAINA,EAAapc,GAAI,UAAW,IAAA,CAC3B,IAAMjE,EAAWgC,EAAMwC,SAASC,UAAUwE,iBAAgB,EAEtDqX,EAGCtgB,EAASue,OAAOgC,iBAAiB9lB,GAAI,SAAA,EACzC6lB,EAAete,EAAM+F,cAAe/H,EAASue,OAAOgC,eAAe,EAEnED,EAAete,EAAMmG,YAAanG,EAAMwe,iBAAkBxgB,EAASue,OAAQ,CAAA,EAAKve,CAAAA,EAGjF,KAAKygB,8BAA+BH,CAAAA,CACrC,CAAA,CACD,CAKA,2BAA0C,CACzC,IAAMlf,EAAS,KAAKA,OACdY,EAAQZ,EAAOY,MAEf0e,EAAmDtf,EAAOqJ,SAASlJ,IAAK,YAAA,EAExEmf,GAINA,EAAkBzc,GAAI,UAAW,IAAA,CAChC,IAAMjE,EAAWgC,EAAMwC,SAASC,UAAUwE,iBAAgB,EAEpDqX,EAAete,EAAMmG,YAC1BnG,EAAMwe,iBAAkBxgB,EAASue,OAAQ,CAAA,EACzCve,EAASoI,aAAc,EAAC,CAAA,EAGzB,KAAKqY,8BAA+BH,CAAAA,CACrC,CAAA,CACD,CAKQG,8BAA+BH,EAAiC,CACvE,IAAMte,EAAQ,KAAKZ,OAAOY,MACpB,CAAEzD,KAAAA,EAAMD,MAAAA,CAAK,EAAKqiB,GAAiBL,EAActe,CAAAA,EAEjD7G,EAAMwG,GAAiBpD,CAAAA,EAE7B,GAAKpD,EAAM,CACV,IAAM0E,EAAYmC,EAAMmG,YACvB7J,EAAMwK,IAAIV,aAAc,CAACjN,EAAIqE,MAAM,EACnClB,EAAMwK,GAAG,EAGV,KAAKsX,eAAgBjlB,EAAK0E,CAAAA,CAC3B,CACD,CAQA,eAAwB1E,EAAamD,EAA0B,CAC9D,IAAM0D,EAAQ,KAAKZ,OAAOY,MAEpBnE,EAAkB,KAAKuD,OAAOE,OAAOC,IAAK,sBAAA,EAC1Cqf,EAAUjjB,GAA6BxC,EAAK0C,CAAAA,EAE7C,CAAC,KAAKgJ,WAAa,CAAC9E,GAAsBzD,EAAO0D,CAAAA,GAAW,CAAChE,GAAiB4iB,CAAAA,GAAaze,GAAkB7D,CAAAA,GAIlH,KAAKuiB,iBAAkBD,EAAStiB,CAAAA,CACjC,CAQA,iBAA0BnD,EAAamD,EAA0B,CAChE,IAAM0D,EAAQ,KAAKZ,OAAOY,MACpB8e,EAAe,KAAK1f,OAAOwH,QAAQrH,IAAK,QAAA,EAG9CS,EAAM+e,cAAelmB,GAAAA,CACpBA,EAAOkL,aAAc,WAAY5K,EAAKmD,CAAAA,EAEtC0D,EAAM+e,cAAe,IAAA,CACpBD,EAAaE,uBAAsB,CACpC,CAAA,CACD,CAAA,CACD,CACD,ECpVazd,GAAN,cAAmBuH,CAAAA,CAIzB,WAAkBI,UAAW,CAC5B,MAAO,CAAEpI,GAAaO,GAAQC,EAAU,CACzC,CAKA,WAAkB0H,YAAa,CAC9B,MAAO,MACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,IMiBO,SAASgW,GAAiBC,EAA8C,CAC9E,MAAO,CAAC,CAACA,GAAQA,EAAKC,GAAI,SAAA,GAAeD,EAAKE,aAAc,YAAA,CAC7D,CAYO,SAASC,GACfC,EACAC,EAEI,CAAA,EAAE,CAEN,MAAO,CACHC,GAAAA,GAAmBF,EAAU,CAAE,GAAGC,EAASE,UAAW,UAAW,CAAA,EACjED,GAAAA,GAAmBF,EAAU,CAAE,GAAGC,EAASE,UAAW,SAAU,CAAA,CACnE,CACF,CAcO,SAASD,GACfF,EACAC,EAGI,CAAA,EAAE,CAEN,IAAMG,EAAYH,EAAQE,WAAa,UAEjCE,EAAQC,MAAMC,KAAM,IAAIC,GAAYR,EAAU,CACnD,GAAGC,EACHQ,YAAaL,EACbM,WAAY,GACZC,eAAgB,YACjB,CAAA,CAAA,EAEA,OAAOP,EAAYC,EAAQA,EAAMO,QAAO,CACzC,CAOO,SAASC,GAAqBb,EAAsB,CAC1D,OAAOM,MAAMC,KAAM,IAAIC,GAAYR,EAAU,CAC5CG,UAAW,UACXW,aAAc,EACf,CAAA,CAAA,CACD,CASO,SAASC,GAAcf,EAAwBC,EAA2B,CAChF,IAAMe,EAAiB,IAAIR,GAAYR,EAAU,CAChDU,WAAY,GACZC,eAAgB,WAChB,GAAGV,CACJ,CAAA,EAEMgB,EAAgB,IAAIT,GAAYR,EAAU,CAC/CU,WAAY,GACZC,eAAgB,WAChBF,YAAa,GACbN,UAAW,UACX,GAAGF,CACJ,CAAA,EAEA,MAAO,CF+JA,GE9JHK,MAAMC,KAAMS,CAAAA,EAAiBJ,QAAO,EACpCK,GAAAA,CACH,CACF,CAQO,SAASC,GAAwBC,EAAoB,CAM3D,MALwBX,CAAAA,GAAWY,MAAOD,EAAW,CACpDT,WAAY,GACZC,eAAgB,YACjB,CAAA,CAOD,CAOO,SAASU,GAAuBF,EAAuB,CAO7D,MANoBX,CAAAA,GAAWY,MAAOD,EAAW,CAChDhB,UAAW,UACXO,WAAY,GACZC,eAAgB,YACjB,CAAA,CAOD,CASO,SAASW,GACfC,EACAtB,EAAoC,CAAA,EAAE,CAEtCsB,EAASC,GAASD,CAAAA,EAElB,IAAMT,EAAeb,EAAQwB,aAAe,GACtCC,EAAY,IAAIC,IAEtB,QAAYC,KAASL,EACpB,QAAYM,KAAa9B,GAAsB6B,EAAO,CAAEd,aAAAA,CFiJlD,CEjJ+D,EACpEY,EAAUI,IAAKD,CAAAA,EAIjB,OAAOE,GAAYL,CAAAA,CACpB,CAQO,SAASM,GAAgCT,EAAiC,CAChFA,EAASC,GAASD,CAAAA,EAElB,IAAMG,EAAY,IAAIC,IAEtB,QAAYC,KAASL,EACpB,QAAYM,KAAad,GAAca,CAAAA,EACtCF,EAAUI,IAAKD,CAAAA,EAIjB,OAAOE,GAAYL,CAAAA,CACpB,CAUO,SAASO,GACfd,EACAe,EAAmB,CAEnB,IAAMX,EAASrB,GAAmBiB,EAAW,CAAEhB,UAAW,SAAU,CAAA,EAC9DgC,EAAKC,GAAYC,KAAI,EAE3B,QAAYT,KAASL,EACpBW,EAAOI,aAAc,aAAcH,EAAIP,CAAAA,EAGxC,OAAOL,CACR,CAWO,SAASgB,GACfpB,EACAqB,EACAN,EAAmB,CAEnB,IAAMO,EAAsC,CAAA,EAE5C,OAAY,CAAEC,EAAKC,CAAAA,IAAWH,EAAYI,cAAa,EACjDF,EAAIG,WAAY,MAAA,IACpBJ,EAAYC,CAAAA,EAAQC,GAItB,IAAMpB,EAASrB,GAAmBiB,EAAW,CAAEhB,UAAW,SAAU,CAAA,EAEpE,QAAYyB,KAASL,EACpBW,EAAOY,cAAeL,EAAYb,CAAAA,EAGnC,OAAOL,CACR,CAYO,SAASwB,GACfxB,EACAW,EACA,CAAEc,OAAAA,EAAQC,SAAAA,EAAW,CAAC,EAA8C,CAAA,EAAE,CAEtE1B,EAASC,GAASD,CAAAA,EAGlB,IAAMG,EAAYsB,EAAS1B,GAAiCC,CAAAA,EAAWA,EAEvE,QAAYK,KAASF,EAAY,CAChC,IAAMwB,EAActB,EAAMuB,aAAc,YAAA,EAAiBF,EAEpDC,EAAc,EAClBE,GAAsBxB,EAAOM,CAAAA,EAE7BA,EAAOI,aAAc,aAAcY,EAAatB,CAAAA,CAElD,CAEA,OAAOF,CACR,CAUO,SAAS2B,GACf9B,EACAW,EAAmB,CAEnBX,EAASC,GAASD,CAAAA,EAGlB,IAAMG,EAAYJ,GAAiCC,CAAAA,EAC7C+B,EAAU,IAAI3B,IAEd4B,EAAkBC,KAAKC,IAAG,GAAK/B,EAAUgC,IAAK9B,GAASA,EAAMuB,aAAc,YAAA,CAAA,CAAA,EAC3EQ,EAAe,IAAIC,IAGzB,QAAYhC,KAASF,EACpBiC,EAAaE,IAAKjC,EAAOpB,GAAWY,MAAOQ,EAAO,CAAEkC,YAAa,EAAK,CAAA,CAAA,EAGvE,QAAYlC,KAASF,EAAY,CAChC,GAAK4B,EAAQS,IAAKnC,CAAAA,EACjB,SAGD0B,EAAQxB,IAAKF,CAAAA,EAEb,IAAMsB,EAActB,EAAMuB,aAAc,YAAA,EAAiB,EAEzD,GAAKD,EAAc,EAAI,CACtBE,GAAsBxB,EAAOM,CAAAA,EAE7B,QACD,CAGA,GAAKN,EAAMuB,aAAc,YAAA,GAAkBI,EAAkB,CAC5D,IAAMS,EAAeC,GAAwBrC,EAAO+B,EAAaO,IAAKtC,CAAAA,EAASM,CAAAA,EAG/E,QAAYiC,KAAeH,EAC1BV,EAAQxB,IAAKqC,CAAAA,EAId,GAAKH,EAAaI,OACjB,QAEF,CAEAlC,EAAOI,aAAc,aAAcY,EAAatB,CAAAA,CACjD,CAEA,OAAOG,GAAYuB,CAAAA,CACpB,CAUO,SAASF,GACf7B,EACAW,EAAmB,CAEnBX,EAASC,GAASD,CAAAA,EAGlB,QAAYK,KAASL,EACfK,EAAM/B,GAAI,UAAW,UAAA,GACzBqC,EAAOmC,OAAQzC,EAAO,WAAA,EAKxB,QAAYA,KAASL,EACpB,QAAY+C,KAAgB1C,EAAM2C,iBAAgB,EAC5CD,EAAazB,WAAY,MAAA,GAC7BX,EAAOsC,gBAAiBF,EAAc1C,CAAAA,EAKzC,OAAOL,CACR,CAQO,SAASkD,GAAkBlD,EAAwB,CACzD,GAAK,CAACA,EAAO6C,OACZ,MAAO,GAGR,IAAMM,EAAcnD,EAAQ,CAAA,EAAI4B,aAAc,YAAA,EAE9C,OAAMuB,EAIC,CAACnD,EAAOoD,KAAMC,GAAQA,EAAKzB,aAAc,YAAA,GAAkBuB,CAAAA,EAH1D,EAIT,CAWO,SAASG,GAAuBC,EAAyB5C,EAAmB,CAClF,IAAM6C,EAAgB,CAAA,EAGlBC,EAAgBC,OAAOC,kBAkD3B,OAAY,CAAEtF,KAAAA,CAAI,IAAM,IAAIuF,GAA2BL,EAAUM,WAAW,EAAK,CAEhF,IAAMC,EAASzF,EAAKuD,aAAc,YAAA,EAGlC,GAAKkC,GAAU,EACd,MAIIA,EAASL,IAEbA,EAAgBK,GAKjB,IAAMC,EAAYD,EAASL,EAE3B9C,EAAOI,aAAc,aAAcgD,EAAW1F,CAAAA,EAC9CmF,EAAcQ,KAAM3F,CAAAA,CACrB,CAEA,OAAOmF,CACR,CAOO,SAAShD,GAAoCR,EAAmB,CACtE,OAAOjB,MAAMC,KAAMgB,CAAAA,EACjBiE,OAAQ5D,GAASA,EAAM6D,KAAKC,WAAa,YAAA,EACzCC,KAAM,CAAEC,EAAGC,IAAOD,EAAEE,MAASD,EAAEC,KAAK,CACvC,CAUO,SAASC,GAAwBC,EAAY,CACnD,IAAMC,EAAkBD,EAAME,SAASC,UAAUC,mBAAkB,EAEnE,OAAMH,GAIDD,EAAMK,OAAOC,SAAUL,CAAAA,GAAqBD,EAAMK,OAAOE,QAASN,CAAAA,EAC/DA,EAJA,IAQT,CAWO,SAASO,GAAyB5E,EAAqByE,EAAmB,CAChF,OAAOA,EAAOI,WAAY7E,EAAM8E,OAAwB,UAAA,GACvDL,EAAOI,WAAY7E,EAAO,OAAA,GAC1B,CAACyE,EAAOC,SAAU1E,CAAAA,CACpB,CAOO,SAAS+E,GAAoBC,EAAkB,CACrD,OAAOA,GAAY,YAAcA,GAAY,gBAC9C,CAKA,SAAS3C,GACRrC,EACAY,EACAN,EAAmB,CAanB,OAXyBhC,GAAmBsC,EAAa,CAAErC,UAAW,SAAU,CAAA,EAW1D0G,IAAG,EAAIf,MAASlE,EAAMkE,MACpCvD,GAAqBX,EAAOY,EAAaN,CAAAA,EAG1C,CAAA,CACR,CChcA,SAAS4E,GAAuBX,EAAiC,CAChE,IAAM5E,EAASjB,MAAMC,KAAM4F,EAAUY,kBAAiB,CAAA,EAChDC,EAAyBzF,EAAO0F,UAAWrF,GAAS,CAACjC,GAAiBiC,CAAAA,CAAAA,EAE5E,OAAKoF,GAA0B,KAC9BzF,EAAO6C,OAAS4C,GAGVzF,CACR,CSuBA,SAAS2F,GAA6BlB,EAAchG,EAAwBmH,EAA4B,CACvG,GAAKjG,GAAwBlB,CAAAA,EAC5B,OAAOoH,GAAmCpB,EAAOhG,EAAUmH,CAAAA,EAI5D,IAAME,EAAiBtH,GAAsBC,CAAAA,EAE7C,OAAOoH,GAAmCpB,EAAOqB,EAAgB,CAAA,EAAKF,CAAAA,CACvE,CAKA,SAASC,GAAmCpB,EAAchG,EAAwBmH,EAA4B,CAG7G,GAAK,CAACG,GAA0BtH,CAAAA,GAAcgG,EAAMK,OAAOkB,QAASvH,CAAAA,EACnE,OAAOwH,OAAOC,YAAaN,EAAczD,IAAKY,GAAgB,CAAEA,CAAc,CAAA,CAAA,EAG/E,GAAKtE,EAAS0H,QACb,OAAOF,OAAOC,YAAaN,EAAczD,IAAKY,GAC7C,CAAEA,EAActE,EAASmD,aAAc,aAAcmB,CAAAA,EAAe,CAA0B,CAAA,CAAA,EAIhG,IAAMqD,EAAoB,IAAIhG,IAAKwF,CAAAA,EAC7BS,EAAgD,CAAA,EAGhDC,EADQ7B,EAAM8B,cAAe9H,CAAAA,EACd+H,UAAW,CAAEC,iBAAkB,EAAK,CAAA,EAEzD,OAAY,CAAEpD,KAAAA,CAAI,IAAMiD,EAAS,CAChC,QAAYvD,KAAgBqD,EAC3B,GAAK3B,EAAMK,OAAO4B,eAAgBrD,EAAMN,CAAAA,EAAiB,CACxD,IAAM4D,EAAkBtD,EAAKzB,aAAcmB,CAAAA,EAEtC4D,IAAoBC,QACxBR,EAAkBS,OAAQ9D,CAAAA,EAC1BsD,EAAWtD,CAAAA,EAAiB6D,QAEnBP,EAAWtD,CAAAA,IAAmB6D,OAEvCP,EAAWtD,CAAAA,EAAiB4D,EAEnBN,EAAWtD,CAAAA,IAAmB4D,IAEvCP,EAAkBS,OAAQ9D,CAAAA,EAC1BsD,EAAWtD,CAAAA,EAAiB6D,OAE9B,MAAe7D,KAAgBsD,IAE9BA,EAAWtD,CAAAA,EAAiB6D,QAK9B,GAAK,CAACR,EAAkBU,KACvB,MAIIrC,EAAMK,OAAOkB,QAAS3C,CAAAA,GAC1BiD,EAAOS,OAAQtC,EAAMuC,oBAAqB3D,CAAAA,CAAAA,CAE5C,CAEA,OAAOgD,CACR,CAKA,SAASY,GACRtG,EACAlC,EACAsE,EACAmE,EAAsB,CAGtB,IAAMpB,EAAiBtH,GAAsBC,CAAAA,EACzC0I,EAAa,GAEjB,QAAY1I,KAAYqH,GAClB,CAACrH,EAASF,aAAcwE,CAAAA,GAAkBtE,EAASmD,aAAcmB,CAAAA,IAAmBmE,KACxFvG,EAAOI,aAAcgC,EAAcmE,EAAgBzI,CAAAA,EACnD0I,EAAa,IAIf,OAAOA,CACR,CAKA,SAASC,GACRzG,EACAlC,EACAsE,EAAoB,CAGpB,IAAM+C,EAAiBtH,GAAsBC,CAAAA,EACzC0I,EAAa,GAEjB,QAAY1I,KAAYqH,EAClBrH,EAASF,aAAcwE,CAAAA,IAC3BpC,EAAOsC,gBAAiBF,EAActE,CAAAA,EACtC0I,EAAa,IAIf,OAAOA,CACR,CAKA,SAASpB,GAA0BtH,EAAsB,CACxD,MAAO,CAAE,WAAY,WAAY,iBAAkB,gBAAkB,EAAC4I,SAAU5I,EAASmD,aAAc,UAAA,CAAA,CACxG,CEzSO,SAAS0F,GAAYC,EAA4C,CACvE,OAAOA,EAAYjJ,GAAI,UAAW,IAAA,GAAUiJ,EAAYjJ,GAAI,UAAW,IAAA,CACxE,CAOO,SAASkJ,GAAgBD,EAA4C,CAC3E,OAAOA,EAAYjJ,GAAI,UAAW,IAAA,CACnC,CAkCO,SAASmJ,GAAWhJ,EAAqB,CAC/C,IAAIqF,EAAS,EACTqB,EAAS1G,EAAS0G,OAEtB,KAAQA,GAAS,CAEhB,GAAKqC,GAAgBrC,CAAAA,EACpBrB,QACM,CAEN,IAAM4D,EAAkBvC,EAA0BuC,gBAQ7CA,GAAmBF,GAAgBE,CAAAA,GACvC5D,GAEF,CAEAqB,EAASA,EAAOA,MACjB,CAEA,OAAOrB,CACR,CAOO,SAAS6D,GACfhH,EACAmD,EACA8D,EACAhH,EAAKiH,GAA6BD,EAAM9D,CAAAA,EAAQ,CAGhD,OAAOnD,EAAOmH,uBAAwBC,GAA+BH,CAAAA,EAAQ,KAAM,CAClFI,SAAU,EAAIlE,EAAS,IAAM,IAC7BlD,GAAAA,CACD,CAAA,CACD,CAOO,SAASqH,GACftH,EACAmD,EACAlD,EAAU,CAGV,OAAOD,EAAOmH,uBAAwB,KAAM,KAAM,CACjDE,UAAY,EAAIlE,EAAS,GAAM,IAAM,IACrClD,GAAAA,CACD,CAAA,CACD,CAOO,SAASmH,GAA+BH,EAAe,CAC7D,OAAOA,GAAQ,YAAcA,GAAQ,iBAAmB,KAAO,IAChE,CAOO,SAASC,GAA6BD,EAAiB9D,EAAe,CAC5E,MAAO,QAAS8D,CAAAA,IAAU9D,CAAAA,EAC3B,CCzHO,SAASoE,GACfC,EACAC,EACArG,EAA0B,CAE1B,IAAMsG,EAAeF,EAASG,WAE9B,GAAMlK,GAAiBiK,CAAAA,EAMhB,CACN,IAAIE,EAAWF,EAQf,OAAY,CAAEhK,KAAAA,CAAI,IAAM,IAAIuF,GAA2B2E,EAAU,UAAA,EAShE,GARAA,EAAWlK,EAEN0D,EAAQS,IAAK+F,CAAAA,IAIlBxG,EAAQxB,IAAKgI,CAAAA,EAERH,EAAe5F,IAAK6F,CAAAA,GACxB,OAIFD,EAAe7H,IAAKgI,CAAAA,CACrB,KA9BwC,CACvC,IAAMlF,EAAO8E,EAASK,UAEjBpK,GAAiBiF,CAAAA,GACrB+E,EAAe7H,IAAK8C,CAAAA,CAEtB,CAyBD,CAUO,SAASoF,GACfC,EACA/H,EAAmB,CAEnB,IAAIgI,EAAY,EACZC,EAAa,GACbC,EAAQ,KACRC,EAAU,GAEd,OAAY,CAAEzK,KAAAA,CAAI,IAAMqK,EAAY,CACnC,IAAMK,EAAa1K,EAAKuD,aAAc,YAAA,EAEtC,GAAKmH,EAAaJ,EAAY,CAC7B,IAAI5E,EAEC8E,IAAU,MACdA,EAAQE,EAAaJ,EACrB5E,EAAY4E,IAEPE,EAAQE,IACZF,EAAQE,GAGThF,EAAYgF,EAAaF,GAGrB9E,EAAY6E,EAAa,IAC7B7E,EAAY6E,EAAa,GAG1BjI,EAAOI,aAAc,aAAcgD,EAAW1F,CAAAA,EAE9CyK,EAAU,GACVF,EAAa7E,CACd,MACC8E,EAAQ,KACRF,EAAYI,EAAa,EACzBH,EAAaG,CAEf,CAEA,OAAOD,CACR,CAWO,SAASE,GACfN,EACAO,EACAtI,EAAmB,CAEnB,IAAMoB,EAAU,IAAI3B,IAChB0I,EAAU,GAEd,OAAY,CAAEzK,KAAAA,CAAI,IAAMqK,EAAY,CACnC,GAAK3G,EAAQS,IAAKnE,CAAAA,EACjB,SAGD,IAAIgH,EAAWhH,EAAKuD,aAAc,UAAA,EAC9BsH,EAAa7K,EAAKuD,aAAc,YAAA,EAUpC,GAPKqH,EAAQzG,IAAK0G,CAAAA,IACjBA,EAAarI,GAAYC,KAAI,GAG9BmI,EAAQ1I,IAAK2I,CAAAA,EAGR7K,EAAKC,GAAI,UAAW,UAAA,EAAe,CAClCD,EAAKuD,aAAc,YAAA,GAAkBsH,IACzCvI,EAAOI,aAAc,aAAcmI,EAAY7K,CAAAA,EAE/CyK,EAAU,IAGX,QACD,CAEA,QAAYzI,KAAS1B,GAAmBN,EAAM,CAAEO,UAAW,Sfy4DrD,Cez4D+D,EACpEmD,EAAQxB,IAAKF,CAAAA,EAGRA,EAAMuB,aAAc,UAAA,GAAgByD,IACxC6D,EAAarI,GAAYC,KAAI,EAC7BuE,EAAWhF,EAAMuB,aAAc,UAAA,GAG3BvB,EAAMuB,aAAc,YAAA,GAAkBsH,IAC1CvI,EAAOI,aAAc,aAAcmI,EAAY7I,CAAAA,EAE/CyI,EAAU,GAGb,CAEA,OAAOA,CACR,CC7GO,SAASK,IAAAA,CACf,MAAO,CAAEC,EAAKC,EAAMC,IAAAA,CACnB,GAAM,CAAE3I,OAAAA,EAAQmE,OAAAA,CAAM,EAAKwE,EAE3B,GAAK,CAACD,EAAKE,WACV,OAGD,IAAMzK,EAAQC,MAAMC,KAAMqK,EAAKE,WAAWC,SAAU,CAAEC,QAAS,EAAK,CAAA,CAAA,EAClExF,OAAUZ,GAAgCyB,EAAO4B,eAAgBrD,EAAM,YAAA,CAAA,EAEzE,GAAK,CAACvE,EAAM+D,OACX,OAGD,IAAMqG,EAAaG,EAAKK,SAAS9H,aAAc,mBAAA,GAAyBf,GAAYC,KAAI,EAExFwI,EAAcK,WAAWC,QAASP,EAAKK,SAAU,CAAExI,WAAY,mBAAoB,CAAA,EAEnF,IAAM2I,EAAapC,GAAW4B,EAAKK,QAAQ,EACvCrE,EAAWgE,EAAKK,SAASvE,QAAUkE,EAAKK,SAASvE,OAAO7G,GAAI,UAAW,IAAA,EAAS,WAAa,WAG3FwL,EAAoBhL,EAAO,CAAA,EAAI8C,aAAc,UAAA,EAE9CkI,IACJzE,EAAWyE,GAGZ,IAAM5I,EAAa,CAClBgI,WAAAA,EACAW,WAAAA,EACAxE,SAAAA,CACD,EAEA,QAAYhC,KAAQvE,EAEbuE,EAAK9E,aAAc,YAAA,GACxBoC,EAAOY,cAAeL,EAAYmC,CAAAA,EAI/BvE,EAAM+D,OAAS,GAUd/D,EAAO,CAAA,EAAI8C,aAAc,YAAA,GAAkBV,EAAWgI,YAC1DI,EAAcS,iBAAkBjL,EAAO,CAAA,CAAG,CAG7C,CACD,CAWO,SAASkL,GACfvF,EACAwF,EACAC,EACAC,EAAwB,CAExB,MAAO,IAAA,CACN,IAAMC,EAAU3F,EAAME,SAAS0F,OAAOC,WAAU,EAC1CC,EAAiB,CAAA,EACjBnC,EAAiB,IAAIhI,IACrBoK,EAAe,IAAIpK,IACnB2B,EAAU,IAAI3B,IAEpB,QAAYqK,KAASL,EACpB,GAAKK,EAAM7C,MAAQ,UAAY6C,EAAMC,MAAQ,QAC5CxC,GAAyBuC,EAAMtC,SAAUC,EAAgBrG,CAAAA,EAGnD0I,EAAMvJ,WAAWsB,IAAK,YAAA,EAG3BgI,EAAajK,IAAKkK,EAAMtC,SAASK,SAAS,EAF1CN,GAAyBuC,EAAMtC,SAASwC,aAAcF,EAAM5H,MAAM,EAAIuF,EAAgBrG,CAAAA,UAM9E0I,EAAM7C,MAAQ,UAAY6C,EAAMvJ,WAAWsB,IAAK,YAAA,EACzD0F,GAAyBuC,EAAMtC,SAAUC,EAAgBrG,CAAAA,UAGhD0I,EAAM7C,MAAQ,YAAc,CACrC,IAAMvE,EAAOoH,EAAMG,MAAMC,MAAMrC,UAE1B0B,EAAe7C,SAAUoD,EAAM1H,YAAY,GAC/CmF,GAAyBuC,EAAMG,MAAMC,MAAOzC,EAAgBrG,CAAAA,EAEvD0I,EAAMK,oBAAsB,MAChC5C,GAAyBuC,EAAMG,MAAMC,MAAMF,aAAc,CAAA,EAAKvC,EAAgBrG,CAAAA,EAGzEgJ,EAA8B1H,CAAAA,GAClCkH,EAAevG,KAAMX,CAAAA,GAGtBmH,EAAajK,IAAK8C,CAAAA,GAERjF,GAAiBiF,CAAAA,GAGvB0H,EAA8B1H,CAAAA,GAClCkH,EAAevG,KAAMX,CAAAA,CAGxB,CAGD,QAAYkF,KAAYH,EAAe4C,OAAM,EAC5CT,EAAevG,KAAI,GAAKiH,EAA2B1C,EAAUiC,CAAAA,CAAAA,EAG9D,QAAYnH,KAAQ,IAAIjD,IAAKmK,CAAAA,EAC5BN,EAAQiB,cAAe7H,CAAAA,CAEzB,EAEA,SAAS4H,EAA2B1C,EAAuBiC,EAA4B,CACtF,IAAMD,EAAiB,CAAA,EACjBxI,EAAU,IAAI3B,IACd+K,EAGD,CAAA,EAEL,OAAY,CAAE9M,KAAAA,EAAM+M,SAAAA,CAAQ,IAAM,IAAIxH,GAA2B2E,CAAAA,EAAa,CAC7E,GAAKxG,EAAQS,IAAKnE,CAAAA,EACjB,SAGD,IAAM0K,EAAa1K,EAAKuD,aAAc,YAAA,EAGjCwJ,GAAYrC,EAAaqC,EAASxJ,aAAc,YAAA,IACpDuJ,EAAMtI,OAASkG,EAAa,GAI7BoC,EAAOpC,CAAAA,EAAe,CACrBsC,gBAAiBpF,OAAOC,YACvBnH,MAAMC,KAAMX,EAAKgD,cAAa,CAAA,EAC5B4C,OAAQ,CAAE,CAAE9C,CAAAA,IAAW+I,EAAe7C,SAAUlG,CAAAA,CAAAA,CAAAA,EAEnDmK,aAAcjN,CACf,EAGA,IAAM2B,EAASrB,GAAmBN,EAAM,CAAEO,UAAW,SAAU,CAAA,EAE/D,QAAYyB,KAASL,EACpB+B,EAAQxB,IAAKF,CAAAA,GAGR0K,EAA8B1K,EAAOL,CAAAA,GAIhCuL,EAAiClL,EAAO8K,EAAOX,CAAAA,IACxDD,EAAevG,KAAM3D,CAAAA,CAGxB,CAEA,OAAOkK,CACR,CAEA,SAASQ,EAA8B1H,EAAoBrD,EAAyB,CACnF,IAAMuH,EAAc0C,EAAQuB,OAAOC,cAAepI,CAAAA,EAElD,GAAK,CAACkE,EACL,MAAO,GAYR,GATKmE,EAAgCnE,CAAAA,GAIhB4C,EAAYwB,KAAoC,eAAgB,CACpFL,aAAcjI,EACdkE,YAAAA,CACD,CAAA,EAGC,MAAO,GAGR,GAAK,CAAClE,EAAK/E,GAAI,UAAW,WAAA,GAAiB,CAAC+E,EAAK/E,GAAI,UAAW,UAAA,EAC/D,MAAO,GAGR,IAAMsN,EAAWC,GAAyBxI,EAAM6G,EAAgBlK,CAAAA,EAEhE,OAAK4L,GAAYrE,EAAYjJ,GAAI,UAAW,GAAA,EACpC,GACI,IAACsN,GAAYrE,EAAYjJ,GAAI,UAAW,MAAA,EAKrD,CAEA,SAASoN,EAAgCnE,EAAwB,CAGhE,IAFAA,EAAcA,EAAYpC,OAElBoC,EAAYjJ,GAAI,kBAAA,GAAwB,CAAE,KAAM,KAAM,IAAM,EAAC+I,SAAUE,EAAYmD,IAAI,GAC9FnD,EAAcA,EAAYpC,OAK3B,MACCoC,GAAAA,EAAYuE,kBAAmB,sBAAA,GAC/B,CAAC7B,EAAQuB,OAAOO,eAAgBxE,CAAAA,EAMlC,CAEA,SAASgE,EACRlI,EACA8H,EAIAX,EAA4B,CAG5B,GAAKA,EAAahI,IAAKa,CAAAA,EACtB,MAAO,GAGR,IAAMkE,EAAc0C,EAAQuB,OAAOC,cAAepI,CAAAA,EAC9CS,EAASqH,EAAMtI,OAAS,EAG5B,QACKmJ,EAAUzE,EAAYpC,OAC1B,CAAC6G,EAAQ1N,GAAI,iBAAA,EACb0N,EAAUA,EAAQ7G,OACjB,CACD,IAAM8G,EAAoBzE,GAAgBwE,CAAAA,EACpCE,EAAgB5E,GAAY0E,CAAAA,EAElC,GAAK,CAACE,GAAiB,CAACD,EACvB,SAGD,IAAME,EAAY,mBAAoBF,EAAoB,OAAS,MAAA,GAOnE,GANqB9B,EAAYwB,KAAuCQ,EAAW,CAClF5E,YAAayE,EACbX,gBAAiBF,EAAOrH,CAAAA,EAASuH,gBACjCe,sBAAuBjB,EAAOrH,CAAAA,EAASwH,YACxC,CAAA,EAGC,MAGD,GAAKY,IACJpI,IAGKA,EAAS,GACb,MAAO,EAGV,CAEA,MAAO,EACR,CACD,CAUO,SAASuI,GACfnC,EACAoC,EACA7H,EACA,CAAE8H,aAAAA,CAAY,EAAiC,CAAA,EAAE,CAEjD,IAAMC,EAAWC,GAA0BvC,EAAgBoC,CAAAA,EAE3D,MAAO,CAAElD,EAAKC,EAAMC,IAAAA,CACnB,GAAM,CAAE3I,OAAAA,EAAQ6K,OAAAA,EAAQ7B,WAAAA,CAAU,EAAKL,EAEjC7K,EAAW4K,EAAKhG,KAOtB,GALK,CAAC6G,EAAe7C,SAAUgC,EAAKtG,YAAY,GAK3C,CAACyJ,EAAU/N,EAAUkL,CAAAA,EACzB,OAGD,IAAMjL,EAAU,CACf,GAAG4K,EAAc5K,QACjB6N,aAAAA,CACD,EAIMhF,EAAcmF,GAAuBjO,EAAU+M,EAAQ/G,EAAO9D,CAAAA,EAGpEgM,GAA4BpF,EAAa5G,EAAQ6K,CAAAA,EAGjDoB,GAAqBrF,EAAa5G,CAAAA,EAGlC,IAAMkM,EAAYC,GAA4BrO,EAAU8I,EAAa+E,EAAY3L,EAAQjC,CAAAA,EAGzFqO,GAAmBtO,EAAUoO,EAAWP,EAAY3L,EAAQjC,CAAAA,CAC7D,CACD,CAOO,SAASsO,GAAiClI,EAAmB,CACnE,MAAO,CAAEsE,EAAKC,EAAMC,IAAAA,CACnB,GAAM,CAAE3I,OAAAA,EAAQ6K,OAAAA,CAAM,EAAKlC,EACrB2D,EAAc7D,EAAIsB,KAAKwC,MAAO,GAAA,EAAO,CAAA,EAI3C,GAAK,CAACpI,EAAO4B,eAAgBuG,EAAa,YAAA,EACzC,OAID,IAAME,EAAY3B,EAAO4B,eAAgB/D,EAAKlB,QAAQ,EAEhDkF,EAAWhE,EAAKlB,SAASwC,aAActB,EAAKxG,MAAM,EAClDyK,EAAU9B,EAAO4B,eAAgBC,EAAU,CAAEE,UAAW,EAAK,CAAA,EAO7DhG,EAJY5G,EAAO6M,YAAaL,EAAWG,CAAAA,EAAUG,WAAU,EAIvCC,IAAIpF,WAG5Bf,GAKNoF,GAA4BpF,EAAa5G,EAAQ6K,CAAAA,CAClD,CACD,CAQO,SAASmC,GACfzD,EACA,CAAEqC,aAAAA,CAAY,EAAiC,CAAA,EAAE,CAEjD,MAAO,CAAEjB,EAAc,CAAE3K,OAAAA,CAAM,IAAE,CAEhC,GAAK,CAACkL,GAAyBP,EAAcpB,CAAAA,EAC5C,OAAO,KAGR,GAAK,CAACqC,EACL,OAAO5L,EAAOiN,uBAAwB,OAAQ,CAAEC,MAAO,yBAA0B,CAAA,EAIlF,IAAMtG,EAAc5G,EAAOiN,uBAAwB,GAAA,EAEnDjN,OAAAA,EAAOmN,kBAAmB,oCAAqC,GAAMvG,CAAAA,EAE9DA,CACR,CACD,CAYO,SAASmF,GACfV,EACAR,EACA/G,EACA9D,EAA0B,CAE1B,IAAM4I,EAAa9E,EAAMsJ,cAAe/B,CAAAA,EAElCgC,EADYxC,EAAOyC,YAAa1E,CAAAA,EAAakE,WAAU,EAChCjH,UAAS,EAEtC,OAAY,CAAEnD,KAAAA,CAAI,IAAM2K,EACvB,GAAK3K,EAAK/E,GAAI,SAAA,GAAe+E,EAAKyI,kBAAmB,gBAAA,EACpDkC,EAAWjH,OAAQpG,EAAOqG,oBAAqB3D,CAAAA,CAAAA,UACpCA,EAAK/E,GAAI,SAAA,GAAe,CAAC+E,EAAKyI,kBAAmB,iBAAA,EAC5D,OAAOzI,CAGV,CAOO,SAAS6K,GACf5B,EACA6B,EAAiB,CAEjB,MAAO,CAAE/E,EAAKC,IAAAA,CACb,GAAKA,EAAK+E,cAAcC,OAAS,EAChC,OAGD,IAAMC,EAAiBjF,EAAK+E,cAAcjJ,OAM1C,GAJK,CAAC/G,GAAiBkQ,CAAAA,GAIlB,CAAChC,EAAWlJ,KAAMmL,GACtBA,EAASC,OAAS,cAClBD,EAASE,4BACTF,EAASE,2BAA4BH,CAAAA,CAAAA,EAErC,OAGD,IAAM/G,EAAc8B,EAAKmC,OAAOC,cAAe6C,CAAAA,EACzCzB,EAAYsB,EAAK5H,cAAegB,CAAAA,EAEhCyG,EAAanB,EAAUrG,UAAS,EAClCkI,EAA0B7B,EAAUhC,MAExC,OAAY,CAAExH,KAAAA,CAAI,IAAM2K,EAAa,CAEpC,GAAK3K,EAAK/E,GAAI,SAAA,GAAe+K,EAAKmC,OAAOO,eAAgB1I,CAAAA,GAAUA,EAAK/E,GAAI,YAAA,EAC3E,MAGI+E,EAAK/E,GAAI,SAAA,GAAe+E,EAAKyI,kBAAmB,gBAAA,IACpD4C,EAA0BP,EAAKnH,oBAAqB3D,CAAAA,EAGpD2K,EAAWW,KAAM,CAAE,CAAEC,iBAAAA,CAAgB,IAAQ,CAACA,EAAiBC,QAASH,CAAAA,CAAAA,EAE1E,CAEArF,EAAKyF,aAAeJ,CACrB,CACD,CAKA,SAAS/B,GAA4BpF,EAA0BwH,EAAgCvD,EAAc,CAE5G,KAAQjE,EAAYpC,OAAQ7G,GAAI,kBAAA,GAAwBiJ,EAAYpC,OAAQ2G,kBAAmB,iBAAA,GAC9FiD,EAAWC,OAAQD,EAAWhB,cAAexG,CAAAA,EAAeA,EAAYpC,MAAM,EAI/E,IAAM8J,EAAsC,CAAA,EAG5CC,EAAwBH,EAAWI,qBAAsB5H,CAAAA,EAAcf,UAAW,CAAE5H,UAAW,UAAW,CAAA,CAAA,EAG1GsQ,EAAwBH,EAAWxI,cAAegB,CAAAA,EAAcf,UAAS,CAAA,EAEzE,QAAY4I,KAAUH,EACrBF,EAAWM,OAAQD,CAAAA,EAGpB,SAASF,EAAwBlB,EAA0B,CAC1D,OAAY,CAAE3K,KAAAA,CAAI,IAAM2K,EAAa,CAEpC,GAAK3K,EAAK/E,GAAI,SAAA,GAAekN,EAAOO,eAAgB1I,CAAAA,EACnD,MAGIA,EAAK/E,GAAI,SAAA,GAAe+E,EAAKyI,kBAAmB,gBAAA,GACpDmD,EAAgBjL,KAAMX,CAAAA,CAExB,CACD,CACD,CAKA,SAASyJ,GACRrO,EACA8I,EACA+E,EACA3L,EACA,CAAE4L,aAAAA,CAAY,EAA8B,CAE5C,IAAIM,EAAYlM,EAAOoN,cAAexG,CAAAA,EAGtC,GAAK,CAAC5H,GAAwBlB,CAAAA,EAC7B,OAAOoO,EAGR,QAAY0B,KAAYjC,EAAa,CACpC,GAAKiC,EAASC,OAAS,aACtB,SAID,IAAMc,EAAgBf,EAASgB,cAAe5O,EAAQlC,EAAU,CAAE8N,aAAAA,CAAa,CAAA,EAoB/E,GAlBK,CAAC+C,IAIN3O,EAAOmN,kBAAmB,iBAAkB,GAAMwB,CAAAA,EAE7Cf,EAASE,4BAA8BF,EAASE,2BAA4BhQ,CAAAA,EAChFkC,EAAO6O,OAAQ7O,EAAO8O,iBAAkBlI,EAAa,CAAA,EAAK+H,CAAAA,GAE1D3O,EAAO6O,OAAQ3C,EAAUhC,MAAOyE,CAAAA,EAEhCzC,EAAYlM,EAAO6M,YAClB7M,EAAOwO,qBAAsBG,CAAAA,EAC7B3O,EAAOqG,oBAAqBO,CAAAA,CAAAA,GAKzB,CAACgH,EAASmB,sBAAwB,CAACnB,EAASoB,gBAChD,SAGD,IAAMC,EAAUrB,EAASmB,qBAAsB/O,EAAQlC,EAAU,CAAE8N,aAAAA,CAAa,CAAA,EAEhF5L,EAAOmN,kBAAmB,kBAAmB,GAAM8B,CAAAA,EAG9CrB,EAASoB,eAAgBlR,CAAAA,EAC7BoO,EAAYlM,EAAOkP,KAAMhD,EAAW+C,CAAAA,GAGpC/C,EAAYlM,EAAOkP,KAAMlP,EAAOoN,cAAeuB,CAAAA,EAAiBM,CAAAA,EAEhE/C,EAAYlM,EAAO6M,YAClBX,EAAUhC,MACVlK,EAAOqG,oBAAqBO,CAAAA,CAAAA,EAG/B,CAEA,OAAOsF,CACR,CAKA,SAASD,GAAqBrF,EAA0BwH,EAA8B,CACrF,IAAIe,EAAuDvI,EAAYpC,OAEvE,KAAQ2K,EAAiBxR,GAAI,kBAAA,GAAwB,CAAE,KAAM,KAAM,IAAM,EAAC+I,SAAUyI,EAAiBpF,IAAI,GAAK,CAC7G,IAAMqF,EAAgBD,EAAiB3K,OAEvC4J,EAAWC,OAAQD,EAAWhB,cAAexG,CAAAA,EAAeuI,CAAAA,EAE5DA,EAAmBC,CACpB,CACD,CAKA,SAAShD,GACRtO,EACAoO,EACAP,EACA3L,EACAjC,EAAgC,CAEhC,GAAK,CAACD,EAASF,aAAc,YAAA,EAC5B,OAGD,IAAMyR,EAAiBvR,EAASmD,aAAc,YAAA,EAC1CqO,EAAsCxR,EAE1C,QAAUqF,EAASkM,EAAgBlM,GAAU,EAAGA,IAAW,CAC1D,IAAMoM,EAAsBjI,GAAuBtH,EAAQmD,EAAQmM,EAAgBrO,aAAc,YAAA,CAAA,EAC3FuO,EAAkBxI,GAAmBhH,EAAQmD,EAAQmM,EAAgBrO,aAAc,UAAA,CAAA,EAEzF,QAAY2M,KAAYjC,GAEpBiC,EAASC,OAAS,QAAUD,EAASC,OAAS,SAChDyB,EAAgB1R,aAAcgQ,EAAS6B,aAAa,GAEpD7B,EAAS8B,uBACR1P,EACAsP,EAAgBrO,aAAc2M,EAAS6B,aAAa,EACpD7B,EAASC,OAAS,OAAS2B,EAAkBD,EAC7CxR,EACAuR,CAAAA,EAgBH,GAXApD,EAAYlM,EAAOkP,KAAMhD,EAAWqD,CAAAA,EACpCrD,EAAYlM,EAAOkP,KAAMhD,EAAWsD,CAAAA,EAE/BrM,GAAU,IAIfmM,EAAkBhR,GAAWY,MAAOoQ,EAAiB,CAAE1N,YAAa,EAAK,CAAA,EAIpE,CAAC0N,GACL,KAEF,CACD,CAGA,SAASxD,GAA0BvC,EAA+BoC,EAAuC,CACxG,IAAMgE,EAAyBhE,EAC7BrI,OAAQsK,GAAYA,EAAS3E,UAAY,EAAA,EACzCzH,IAAKoM,GAAYA,EAAS6B,aAAa,EAEzC,MAAO,CAAE/R,EAAiBsL,IAAAA,CACzB,IAAM4G,EAAS,CAAA,EAGf,QAAYH,KAAiBlG,EACvB7L,EAAKE,aAAc6R,CAAAA,GAAmB,CAACE,EAAuBjJ,SAAU+I,CAAAA,GAC5EG,EAAOvM,KAAM,aAAcoM,CAAAA,EAAgB,EAI7C,OAAMG,EAAOC,MAAOC,GAAS9G,EAAW+G,KAAMrS,EAAMoS,CAAAA,IAAY,EAAA,GAIhEF,EAAOI,QAASF,GAAS9G,EAAWC,QAASvL,EAAMoS,CAAAA,CAAAA,EAE5C,IALC,EAMT,CACD,CAGA,SAAS5E,GACRxI,EACA6G,EACAlK,EAA2BxB,GAAsB6E,CAAAA,EAAM,CAEvD,GAAK,CAACjF,GAAiBiF,CAAAA,EACtB,MAAO,GAGR,QAAYN,KAAgBM,EAAKL,iBAAgB,EAEhD,GAAKD,EAAAA,EAAazB,WAAY,YAAA,GAAkByB,GAAgB,mBAK3D,CAACmH,EAAe7C,SAAUtE,CAAAA,EAC9B,MAAO,GAIT,OAAO/C,EAAO6C,OAAS,CACxB,CCaA,SAAS+N,GACRnM,EACA9D,EACAuJ,EACAC,EAAwB,CAExB,IAAMC,EAAU3F,EAAME,SAAS0F,OAAOC,WAAU,EAC1CvI,EAAU,IAAI3B,IACdgI,EAAiB,IAAIhI,IACrByQ,EAAa1G,EAAY2G,OAAOC,OAAOpO,IAAK,iBAAA,EAE9CmG,EAAU,GAEd,QAAY2B,KAASL,EAAU,CAC9B,GAAKK,EAAM7C,MAAQ,UAAY6C,EAAMC,MAAQ,QAAU,CACtD,IAAMrH,EAAOoH,EAAMtC,SAASK,UAG5B,GAAK,CAAC/D,EAAMK,OAAO4B,eAAgBrD,EAAM,YAAA,EACxC,QAAY+M,KAAiBrR,MAAMC,KAAMqE,EAAKL,iBAAgB,CAAA,EACxDkH,EAAe7C,SAAU+I,CAAAA,IAC7BzP,EAAOsC,gBAAiBmN,EAAe/M,CAAAA,EAEvCyF,EAAU,IAKbZ,GAAyBuC,EAAMtC,SAAUC,EAAgBrG,CAAAA,EAGnD0I,EAAMvJ,WAAWsB,IAAK,YAAA,GAC3B0F,GAAyBuC,EAAMtC,SAASwC,aAAcF,EAAM5H,MAAM,EAAIuF,EAAgBrG,CAAAA,EAIvF,OAAY,CAAEsB,KAAM2N,EAAWpC,iBAAAA,CAAgB,IAAMnK,EAAM8B,cAAelD,CAAAA,EACpEjF,GAAiB4S,CAAAA,GACrB9I,GAAyB0G,EAAkBxG,EAAgBrG,CAAAA,CAG9D,MAEU0I,EAAM7C,MAAQ,SACvBM,GAAyBuC,EAAMtC,SAAUC,EAAgBrG,CAAAA,EAGhD0I,EAAM7C,MAAQ,aAAesC,EAAe7C,SAAUoD,EAAM1H,YAAY,IACjFmF,GAAyBuC,EAAMG,MAAMC,MAAOzC,EAAgBrG,CAAAA,EAEvD0I,EAAMK,oBAAsB,MAChC5C,GAAyBuC,EAAMG,MAAMC,MAAMF,aAAc,CAAA,EAAKvC,EAAgBrG,CAAAA,GAKhF,GAAK,CAAC8O,GAAcpG,EAAM7C,MAAQ,aAAeqJ,GAAqB5J,SAAUoD,EAAM1H,YAAY,EAAK,CACtG,IAAMiJ,EAAUvB,EAAMG,MAAMC,MAAMrC,UAE7BiC,EAAMK,oBAAsB,MAAQkB,GAAWA,EAAQ1N,GAAI,UAAW,UAAA,GAC1EqC,EAAOmC,OAAQkJ,EAAS,WAAA,EACxBlD,EAAU,IACC2B,EAAMyG,oBAAsB,MAAQlF,GAAWA,EAAQ1N,GAAI,SAAA,GAAe0N,EAAQtB,MAAQ,aACrG/J,EAAOmC,OAAQkJ,EAAS,UAAA,EACxBlD,EAAU,GAEZ,CACD,CAGA,IAAMG,EAAU,IAAI7I,IAEpB,QAAYmI,KAAYH,EAAe4C,OAAM,EAC5ClC,EAAUqB,EAAYwB,KAAiC,YAAa,CACnEjD,UAAW,IAAIyI,GAAoB5I,CAAAA,EACnCA,SAAAA,EACA5H,OAAAA,EACAsI,QAAAA,CjBqxEK,CiBpxEN,GAAOH,EAGR,OAAOA,CACR,CA0BA,SAASsI,GAA6B3M,EAAY,CACjD,MAAO,CAAE2E,EAAK,CAAEiI,EAASC,CAAAA,IAAY,CACpC,IAAMxS,EAAQuS,EAAQ/S,GAAI,kBAAA,EACzBS,MAAMC,KAAMqS,EAAQE,YAAW,CAAA,EAC/B,CAAEF,CAAS,EAEZ,GAAK,CAACvS,EAAM+D,OACX,OAOD,IAAMsF,GAJYmJ,EACjB7M,EAAM+M,gBAAiBF,CAAAA,EACvB7M,EAAME,SAASC,WAEW6M,iBAAgB,EAGvCC,EAEJ,GAAKtT,GAAiB+J,EAAShD,MAAM,EACpCuM,EAAUvJ,EAAShD,eACR/G,GAAiB+J,EAASG,UAAU,GAAMlK,GAAiB+J,EAASK,SAAS,EACxFkJ,EAAUvJ,EAASG,eAEnB,QAGD7D,EAAMkN,OAAQhR,GAAAA,CACb,IAAMiR,EAAUF,EAAQ9P,aAAc,UAAA,EAChCiQ,EAAYH,EAAQ9P,aAAc,YAAA,EAClCkQ,EAAqBhT,EAAO,CAAA,EAAI8C,aAAc,YAAA,GAA4B,EAC1EmQ,EAAa9P,KAAK+P,IAAKH,EAAYC,EAAoB,CAAA,EAE7D,QAAYzO,KAAQvE,EAAQ,CAC3B,IAAMmT,EAAa7T,GAAiBiF,CAAAA,EAE/BqO,EAAQpT,GAAI,UAAW,UAAA,GAAgB+E,EAAK/E,GAAI,UAAW,WAAA,GAO/DqC,EAAOmC,OAAQO,EAAsB,UAAA,EAGtC1C,EAAOY,cAAe,CACrBsI,YAAcoI,EAAa5O,EAAKzB,aAAc,YAAA,EAAiB,GAAMmQ,EACrE7I,WAAY+I,EAAa5O,EAAKzB,aAAc,YAAA,EAAiBf,GAAYC,KAAI,EAC7EuE,SAAUuM,CjBswEC,EiBrwETvO,CAAAA,CACJ,CACD,CAAA,CACD,CACD,CAOA,SAAS6O,GAAiCzN,EAAc7F,EAAiC,CACxF,IAAMgG,EAAYH,EAAME,SAASC,UAEjC,GAAK,CAACA,EAAUuN,YACf,MAAO,CAAC3N,GAAwBC,CAAAA,EAGjC,GAAK7F,IAAc,UAClB,MAAO,GAIR,IAAM0P,EADgB1J,EAAU6M,iBAAgB,EACXtM,OAC/BuC,EAAkB4G,EAAe5G,gBAEvC,OAAKjD,EAAMK,OAAOC,SAAU2C,CAAAA,EACpB,GAGDA,EAAkCvB,QACjC,GAGDjD,GAAkB,CAAEoL,EAAgC5G,CAAiB,CAAA,CAC7E,CCl8BO,SAAS0K,GACftB,EACAuB,EACAC,EACAC,EAAY,CAEZzB,EAAO0B,GAAGC,iBAAiBlS,IAAK8R,EAAa,IAAA,CAC5C,IAAMK,EAAaC,GAAeC,EAAY9B,EAAQuB,EAAaC,EAAOC,CAAAA,EAE1EG,OAAAA,EAAWpQ,IAAK,CACfuQ,QAAS,GACTC,aAAc,EACf,CAAA,EAEOJ,CACR,CAAA,EAEA5B,EAAO0B,GAAGC,iBAAiBlS,IAAK,WAAY8R,CAAAA,GAAgB,IAAA,CAC3D,IAAMK,EAAaC,GAAeI,GAA+BjC,EAAQuB,EAAaC,EAAOC,CAAAA,EAE7FG,OAAAA,EAAWpQ,IAAK,CACf0Q,KAAM,mBACNF,aAAc,EACf,CAAA,EAEOJ,CACR,CAAA,CACD,CAKA,SAASC,GACRM,EACAnC,EACAuB,EACAC,EACAC,EAAY,CAEZ,IAAMW,EAAUpC,EAAOqC,SAASxQ,IAAK0P,CAAAA,EAC/BlE,EAAO,IAAI8E,EAAanC,EAAOsC,MAAM,EAE3CjF,OAAAA,EAAK7L,IAAK,CACTgQ,MAAAA,EACAC,KAAAA,CACD,CAAA,EAGApE,EAAKkF,KAAM,OAAQ,WAAA,EAAcC,GAAIJ,EAAS,QAAS,WAAA,EAGvD/E,EAAKoF,GAAwB,UAAW,IAAA,CACvCzC,EAAO0C,QAASnB,CAAAA,EAChBvB,EAAO7G,QAAQkE,KAAKsF,MAAK,CAC1B,CAAA,EAEOtF,CACR,KjB3DalP,GAmLA2E,GAqEAuN,GC9OAtQ,GCDA6S,GCEAC,GCFAC,GCJAC,GCNAC,GCAAC,GCEAC,GCFAC,GCAAC,GC0BAC,GClBAC,GI0DPnD,GAgBOoD,GEnFAC,GCEAC,GEVPC,GACAC,GACAC,GAEAC,atBbNC,IACAA,KACAA,KACAA,IACAA,KACAA,KACAA,KACAA,KACAA,KCWa3V,GAAN,KAAMA,CAIZ,cAKA,iBAKA,WAKA,aAKA,gBAKA,YAKA,aAKA,cAgBA,YACC4V,EACAnW,EACC,CACD,KAAKoW,cAAgBD,EACrB,KAAKE,iBAAmBF,EAAajT,aAAc,YAAA,EACnD,KAAKoT,WAAatW,EAAQE,WAAa,UACvC,KAAKqW,aAAe,CAAC,CAACvW,EAAQQ,YAC9B,KAAKgW,gBAAkBjV,GAASvB,EAAQU,gBAAkB,CAAA,CAAE,EAC5D,KAAK+V,YAAc,CAAC,CAACzW,EAAQS,WAC7B,KAAKiW,aAAe,CAAC,CAAC1W,EAAQ6D,YAC9B,KAAK8S,cAAgB,CAAC,CAAC3W,EAAQa,YAChC,CAgBA,OAAcM,MACbgV,EACAnW,EACqB,CAErB,IAAM4W,EADS,IAAI,KAAMT,EAAcnW,CAAAA,EACd6W,OAAOD,QAAQ,EAAE,EAE1C,OAAOzV,GAAOyV,CAAAA,CACf,CAKA,EAAUC,OAAOD,QAAQ,GAA4B,CACpD,IAAME,EAAkC,CAAA,EAExC,OAAY,CAAEnX,KAAAA,CAAI,IAAM,IAAIuF,GAA2B,KAAK6R,cAAa,EAAI,KAAKT,WAAa,UAAY,UAAA,EAAe,CACzH,IAAMlR,EAASzF,EAAKuD,aAAc,YAAA,EAGlC,GAAKkC,EAAS,KAAKiR,iBAAmB,CAErC,GAAK,CAAC,KAAKK,aACV,MAID,KAAKL,iBAAmBjR,CACzB,SAEUA,EAAS,KAAKiR,iBAAmB,CAE1C,GAAK,CAAC,KAAKM,cACV,SAID,GAAK,CAAC,KAAKL,WAAa,CACvBQ,EAAYxR,KAAM3F,CAAAA,EAElB,QACD,CACD,KAEK,CAEJ,GAAK,CAAC,KAAK8W,YAAc,CAExB,GAAK,KAAKE,cAAgB,CAEpBG,EAAY3S,SAChB,MAAO2S,EACPA,EAAY3S,OAAS,GAGtB,KACD,CAEA,QACD,CAGA,GAAK,KAAKqS,gBAAgB9R,KAAMsS,GAAQrX,EAAKuD,aAAc8T,CAAAA,IAAW,KAAKZ,cAAclT,aAAc8T,CAAAA,CAAAA,EACtG,KAEF,CAGKF,EAAY3S,SAChB,MAAO2S,EACPA,EAAY3S,OAAS,GAGtB,MAAMxE,CACP,CACD,CAKA,eAAwB,CACvB,OAAK,KAAK4W,aACF,KAAKH,cAGN,KAAKE,WACX,KAAKF,cAAcjR,YACnB,KAAKiR,cAAcpN,eACrB,CACD,EAOa9D,GAAN,KAAMA,CACJ+R,MACAX,WACAY,uBAA6C,CAAA,EAC7CC,UAAgC,KAChCC,oBAAqC,KAM7C,YACCzX,EACAO,EAAoC,UACnC,CACD,KAAK+W,MAAQtX,EACb,KAAK2W,WAAapW,IAAc,SACjC,CAEO,CAAE2W,OAAOD,QAAQ,GAA0C,CACjE,OAAO,IACR,CAEOxU,MAA0C,CAChD,GAAK,CAAC1C,GAAiB,KAAKuX,KAAK,EAChC,MAAO,CAAEI,KAAM,GAAM3U,MAAOwF,MAAU,EAGvC,IAAMoP,EAAa,KAAKL,MAAM/T,aAAc,YAAA,EACxCqU,EAAyC,KAE7C,GAAK,KAAKJ,UAAY,CACrB,IAAMK,EAAqB,KAAKJ,oBAI3BE,EAAaE,EACjB,KAAKN,uBAAwBM,CAAAA,EAAuB,KAAKL,UAGhDG,EAAaE,GACtBD,EAAqB,KAAKL,uBAAwBI,CAAAA,GAAgB,KAClE,KAAKJ,uBAAuB/S,OAASmT,GAIrCC,EAAqB,KAAKJ,SAE5B,CAEA,IAAMzU,EAAQ,CACb/C,KAAM,KAAKsX,MACXvK,SAAU,KAAKyK,UACfI,mBAAAA,CACD,EAEA,YAAKJ,UAAY,KAAKF,MACtB,KAAKG,oBAAsBE,EAC3B,KAAKL,MAAQ,KAAKX,WAAa,KAAKW,MAAM9R,YAAc,KAAK8R,MAAMjO,gBAE5D,CAAEtG,MAAAA,EAAO2U,KAAM,EAAM,CAC7B,CACD,EAOa5E,GAAN,KAAMA,CACJgF,UAKR,YAAa5N,EAAyB,CACrC,KAAK4N,UAAY5N,CAClB,CAOA,CAASgN,OAAOD,QAAQ,GAAkC,CACzD,OAAO,IAAI1R,GAA2B,KAAKuS,SAAS,CACrD,CACD,EChQatV,GAAN,KAAMA,CAOZ,OAAcC,MAAe,CAC5B,OAAOsV,GAAAA,CACR,CACD,ECXa1C,GAAN,cAAgC2C,CAAAA,CAItC,WASA,YAAavF,EAAgBwF,EAA0C,CACtE,MAAOxF,CAAAA,EAEP,KAAKyF,WAAaD,CACnB,CAKA,SAAgC,CAC/B,KAAKE,UAAY,KAAKC,cAAa,CACpC,CAQA,SAAgC,CAC/B,IAAMhS,EAAQ,KAAKqM,OAAOrM,MACpBzE,EAASuF,GAAuBd,EAAME,SAASC,SAAS,EAE9DH,EAAMkN,OAAQhR,GAAAA,CACb,IAAM6C,EAAgB,CAAA,EAGjBN,GAAkBlD,CAAAA,GAAY,CAACL,GAAwBK,EAAQ,CAAA,CAAG,GAEjE,KAAKuW,YAAc,WACvB/S,EAAcQ,KAAI,GAAKxC,GAAcxB,EAAQW,CAAAA,CAAAA,EAK9C6C,EAAcQ,KAAI,GAAKtD,GAAqBV,EAAQ,CAAA,EAAKW,CAAAA,CAAAA,GAKpD,KAAK4V,YAAc,UACvB/S,EAAcQ,KAAI,GAAKxC,GAAcxB,EAAQW,EAAQ,CAAEc,OAAQ,EAAK,CAAA,CAAA,EAEpE+B,EAAcQ,KAAI,GAAKlC,GAAwB9B,EAAQW,CAAAA,CAAAA,EAKzD,QAAYN,KAASmD,EAAgB,CAEpC,GAAK,CAACnD,EAAM9B,aAAc,UAAA,EACzB,SAGD,IAAMmY,EAAoBzX,GAAWY,MAAOQ,EAAO,CAAElB,WAAY,EAAK,CAAA,EAEjEuX,GACJ/V,EAAOI,aAAc,WAAY2V,EAAkB9U,aAAc,UAAA,EAAcvB,CAAAA,CAEjF,CAEA,KAAKsW,kBAAmBnT,CAAAA,CACzB,CAAA,CACD,CAOQmT,kBAAmBnT,EAAqC,CAC/D,KAAKmI,KAA0C,eAAgBnL,GAAY,IAAIJ,IAAKoD,CAAAA,CAAAA,CAAAA,CACrF,CAOA,eAAiC,CAEhC,IAAIxD,EAASuF,GAAuB,KAAKuL,OAAOrM,MAAME,SAASC,SAAS,EACpEgS,EAAa5W,EAAQ,CAAA,EAGzB,GAAK,CAAC4W,EACL,MAAO,GASR,GALK,KAAKL,YAAc,YAKnBrT,GAAkBlD,CAAAA,GAAY,CAACL,GAAwBK,EAAQ,CAAA,CAAG,EACtE,MAAO,GAGRA,EAASD,GAAiCC,CAAAA,EAC1C4W,EAAa5W,EAAQ,CAAA,EAGrB,IAAM6W,EAAc5X,GAAWY,MAAO+W,EAAY,CAAEzX,WAAY,EAAK,CAAA,EAErE,OAAM0X,EAIDA,EAAYjV,aAAc,UAAA,GAAgBgV,EAAWhV,aAAc,UAAA,EAHhE,EAQT,CACD,EC9Ha+R,GAAN,cAA0B0C,CAAAA,CAIhC,KAgBA,mBAQA,YAAavF,EAAgBlJ,EAAgBlJ,EAAoC,CAAA,EAAK,CACrF,MAAOoS,CAAAA,EAEP,KAAKlJ,KAAOA,EAEZ,KAAKkP,mBAAqBpY,EAAQqY,WAAa,CAC9CxX,aAAc,GACdgD,YAAa,GACbnD,eAAgB,CAAA,CJyuBX,EIxuBFwH,MACL,CAKA,SAAgC,CAC/B,KAAKxF,MAAQ,KAAK4V,UAAS,EAC3B,KAAKR,UAAY,KAAKC,cAAa,CACpC,CAaA,QAAyB/X,EAAoF,CAAA,EAAW,CACvH,IAAM+F,EAAQ,KAAKqM,OAAOrM,MACpBE,EAAWF,EAAME,SACjBsS,EAAsBzS,GAAwBC,CAAAA,EAE9CzE,EAASjB,MAAMC,KAAM2F,EAASC,UAAUY,kBAAiB,CAAA,EAC7DvB,OAAQ5D,GAASoE,EAAMK,OAAO4B,eAAgBrG,EAAO,UAAA,GAAgB4E,GAAyB5E,EAAOoE,EAAMK,MAAM,CAAA,EAG7GoS,EAAUxY,EAAQyY,aAAevQ,OAAY,CAAClI,EAAQyY,WAAa,KAAK/V,MAE9EqD,EAAMkN,OAAQhR,GAAAA,CACb,GAAKuW,EAAU,CACd,IAAM3T,EAAYvD,EAAQA,EAAO6C,OAAS,CAAA,EAGpCuU,EAAazY,GAAmB4E,EAAW,CAAE3E,UAAW,SAAU,CAAA,EAClE4E,EAAgB,CAAA,EAEjB4T,EAAWvU,OAAS,GACxBW,EAAcQ,KAAI,GAAKtD,GAAqB0W,EAAY,CAAA,EAAKzW,CAAAA,CAAAA,EAI9D6C,EAAcQ,KAAI,GAAKnC,GAAsB7B,EAAQW,CAAAA,CAAAA,EAGrD6C,EAAcQ,KAAI,GAAKV,GAAuBC,EAAW5C,CAAAA,CAAAA,EAEzD,KAAKgW,kBAAmBnT,CAAAA,CACzB,UAEYyT,GAAuBtS,EAASC,UAAUuN,cAAiB/T,GAAiB4B,EAAQ,CAAA,CAAG,EAAK,CACvG,IAAMwD,EAAgBhE,GAAcyX,GAAuBjX,EAAQ,CAAA,EAAK,KAAK8W,kBAAkB,EAE/F,QAAYzW,KAASmD,EACpB7C,EAAOY,cAAe,CACrB,GAAG7C,EAAQ2Y,qBACXhS,SAAU,KAAKuC,IJ2tBD,EI1tBZvH,CAAAA,EAGJ,KAAKsW,kBAAmBnT,CAAAA,CACzB,KAEK,CACJ,IAAMA,EAAgB,CAAA,EAEtB,QAAYnD,KAASL,EAEpB,GAAK,CAACK,EAAM9B,aAAc,UAAA,EAEpB,CAAC8B,EAAM/B,GAAI,UAAW,UAAA,GAAgB2G,GAAyB5E,EAAOoE,EAAMK,MAAM,GACtFnE,EAAOmC,OAAQzC,EAAO,UAAA,EAGvBM,EAAOY,cAAe,CACrB,GAAG7C,EAAQ2Y,qBACXxN,WAAY,EACZX,WAAYrI,GAAYC,KAAI,EAC5BuE,SAAU,KAAKuC,IJstBE,EIrtBfvH,CAAAA,EAEHmD,EAAcQ,KAAM3D,CAAAA,MAIpB,SAAYhC,KAAQ0B,GAAiCM,EAAO,CAAEH,WAAY,EJotBxD,CIptB8D,EAC1E7B,EAAKuD,aAAc,UAAA,GAAgB,KAAKgG,OAC5CjH,EAAOY,cAAe,CACrB,GAAG7C,EAAQ2Y,qBACXhS,SAAU,KAAKuC,IJqtBQ,EIptBrBvJ,CAAAA,EAEHmF,EAAcQ,KAAM3F,CAAAA,GAMxB,KAAKsY,kBAAmBnT,CAAAA,CACzB,CACD,CAAA,CACD,CAOQmT,kBAAmBnT,EAAqC,CAC/D,KAAKmI,KAAoC,eAAgBnL,GAAY,IAAIJ,IAAKoD,CAAAA,CAAAA,CAAAA,CAC/E,CAOA,WAA6B,CAC5B,IAAMoB,EAAY,KAAKkM,OAAOrM,MAAME,SAASC,UACvC5E,EAASjB,MAAMC,KAAM4F,EAAUY,kBAAiB,CAAA,EAEtD,GAAK,CAACxF,EAAO6C,OACZ,MAAO,GAGR,QAAYxC,KAASL,EACpB,GAAKK,EAAMuB,aAAc,UAAA,GAAgB,KAAKgG,KAC7C,MAAO,GAIT,MAAO,EACR,CAOA,eAAiC,CAChC,IAAMnD,EAAQ,KAAKqM,OAAOrM,MACpBK,EAASL,EAAMK,OACfF,EAAYH,EAAME,SAASC,UAE3B5E,EAASjB,MAAMC,KAAM4F,EAAUY,kBAAiB,CAAA,EAEtD,GAAK,CAACxF,EAAO6C,OACZ,MAAO,GAIR,GAAK,KAAKzB,MACT,MAAO,GAGR,QAAYf,KAASL,EACpB,GAAK8E,EAAO4B,eAAgBrG,EAAO,UAAA,GAAgB4E,GAAyB5E,EAAOyE,CAAAA,EAClF,MAAO,GAIT,MAAO,EACR,CACD,EC9Ma8O,GAAN,cAA+ByC,CAAAA,CAIrC,WAQA,YAAavF,EAAgBlS,EAAoC,CAChE,MAAOkS,CAAAA,EAEP,KAAKyF,WAAa3X,CACnB,CAKA,SAAgC,CAC/B,KAAK4X,UAAY,KAAKC,cAAa,CACpC,CAYgBjD,QACf,CAAEtB,gCAAAA,EAAkC,EAAK,EAAoD,CAAA,EACtF,CACP,IAAMzN,EAAQ,KAAKqM,OAAOrM,MACpBG,EAAYH,EAAME,SAASC,UAC3BpB,EAAqC,CAAA,EAE3CiB,EAAMkN,OAAQhR,GAAAA,CACb,GAAM,CAAE2W,aAAAA,EAAcC,YAAAA,CAAW,EAAK,KAAKC,yBAA0B5S,EAAWsN,CAAAA,EAE1EuF,EAAcH,EAAa1V,aAAc,YAAA,GAAkB,EAC3D8V,EAAaH,EAAY3V,aAAc,YAAA,EACvC+V,EAAgBJ,EAAY3V,aAAc,YAAA,EAEhD,GAAK6V,GAAeC,EAAa,CAChC,IAAME,EAA0BtY,GAAqBiY,CAAAA,EAErD/T,EAAcQ,KAAI,GAAKxC,GAAc,CAAE+V,EAAgBK,GAAAA,CAAyB,EAAEjX,EAAQ,CACzFe,SAAU+V,EAAcC,EAGxBjW,OAAQgW,EAAcC,CACvB,CAAA,CAAA,CACD,CAEA,GAAKxF,EAAkC,CACtC,IAAI2F,EAA+CjT,EAE9CA,EAAUuN,cACd0F,EAAMlX,EAAO6Q,gBAAiB7Q,EAAO6M,YACpC7M,EAAO8O,iBAAkB6H,EAAc,KAAA,EACvC3W,EAAO8O,iBAAkB8H,EAAa,CAAA,CAAA,CAAA,GAKxC9S,EAAMqT,cAAeD,EAAK,CAAEE,wBAAyBnT,EAAUuN,WAAY,CAAA,EAI3E,IAAM6F,EAAyBH,EAAII,gBAAe,EAAI9S,OAGhDtB,EAAcmU,EAAuBnU,YAE3CL,EAAcQ,KAAMgU,CAAAA,EAEfnU,GAAeA,IAAgB0T,GAAe1T,EAAYjC,aAAc,YAAA,GAAkB+V,GAC9FnU,EAAcQ,KAAI,GAAKhD,GAAqB6C,EAAamU,EAAwBrX,CAAAA,CAAAA,CAEnF,MACC6C,EAAcQ,KAAI,GAAKhD,GAAqBuW,EAAaD,EAAc3W,CAAAA,CAAAA,EAGxE,KAAKgW,kBAAmBnT,CAAAA,CACzB,CAAA,CACD,CAOQmT,kBAAmBnT,EAAqC,CAC/D,KAAKmI,KAAyC,eAAgBnL,GAAY,IAAIJ,IAAKoD,CAAAA,CAAAA,CAAAA,CACpF,CAOA,eAAiC,CAChC,IAAMiB,EAAQ,KAAKqM,OAAOrM,MACpBG,EAAYH,EAAME,SAASC,UAC3BqS,EAAsBzS,GAAwBC,CAAAA,EAEpD,GAAKG,EAAUuN,aAAe8E,EAAsB,CACnD,IAAM3I,EAAiB2I,GAAuBrS,EAAU6M,iBAAgB,EAAItM,OAE5E,GAAK,CAAC/G,GAAiBkQ,CAAAA,EACtB,MAAO,GAGR,IAAM4J,EAAc,KAAK3B,YAAc,WACtCjI,EAAe5G,gBACf4G,EAAezK,YAMhB,GAJK,CAACqU,GAIDhV,GAAkB,CAAEoL,EAAgB4J,CLy3BhC,CKz3B6C,EACrD,MAAO,EAET,KAAO,CACN,IAAMC,EAAevT,EAAUqT,gBAAe,EACxCG,EAAgBxT,EAAU6M,iBAAgB,EAQhD,GAJK0G,EAAahT,SAAWiT,EAAcjT,QAItC,CAAC/G,GAAiB+Z,EAAahT,MAAM,EACzC,MAAO,EAET,CAEA,MAAO,EACR,CAUA,yBACCP,EACAsN,EACC,CACD,IAAMzN,EAAQ,KAAKqM,OAAOrM,MACpBwS,EAAsBzS,GAAwBC,CAAAA,EAChD6S,EAAcC,EAElB,GAAK3S,EAAUuN,aAAe8E,EAAsB,CACnD,IAAM3I,EAAiB2I,GAAuBrS,EAAU6M,iBAAgB,EAAItM,OACtEkT,EAAe1Y,GAAwB2O,CAAAA,EAExC,KAAKiI,YAAc,YACvBgB,EAAcjJ,EAET+J,GAAgB,CAACnG,EASrBoF,EAAerY,GAAWY,MAAOyO,EAAgB,CAAEnP,WAAY,GAAMoD,YAAa,EAAK,CAAA,EAEvF+U,EAAehJ,EAAe5G,kBAI/B4P,EAAehJ,EACfiJ,EAAcjJ,EAAezK,YAE/B,MACCyT,EAAe1S,EAAU6M,iBAAgB,EAAItM,OAC7CoS,EAAc3S,EAAUqT,gBAAe,EAAI9S,OAG5C,MAAO,CACNmS,aAAcA,EACdC,YAAaA,CACd,CACD,CACD,EC3Ma1D,GAAN,cAA+BwC,CAAAA,CAIrC,WAQA,YAAavF,EAAgBlS,EAAgC,CAC5D,MAAOkS,CAAAA,EAEP,KAAKyF,WAAa3X,CACnB,CAKA,SAAgC,CAC/B,KAAK4X,UAAY,KAAKC,cAAa,CACpC,CAQA,SAAgC,CAChB,KAAK3F,OAEbrM,MAAMkN,OAAQhR,GAAAA,CACpB,IAAM6C,EAAgB9C,GAAqB,KAAK4X,eAAc,EAAI3X,CAAAA,EAElE,KAAKgW,kBAAmBnT,CAAAA,CACzB,CAAA,CACD,CAOQmT,kBAAmBnT,EAAqC,CAC/D,KAAKmI,KAAyC,eAAgBnL,GAAY,IAAIJ,IAAKoD,CAAAA,CAAAA,CAAAA,CACpF,CAOA,eAAwB,CACvB,IAAMoB,EAAY,KAAKkM,OAAOrM,MAAME,SAASC,UACvCvE,EAAQ,KAAKiY,eAAc,EAEjC,OAAO1T,EAAUuN,aAChB/T,GAAiBiC,CAAAA,GACjB,CAACV,GAAwBU,CAAAA,CAC3B,CAKA,gBAAyB,CAExB,IAAMiO,EADM,KAAKwC,OAAOrM,MAAME,SACHC,UAAU6M,iBAAgB,EAAItM,OAEzD,OAAS,KAAKoR,YAAc,SAAWjI,EAAiBA,EAAezK,WACxE,CACD,EC/EaiQ,GAAN,cAAsCyE,CAAAA,CAI5C,WAAkBC,YAAa,CAC9B,MAAO,yBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAErE,EAAa,CACvB,CAKA,MAAoB,CACnB,IAAMvD,EAAS,KAAKA,OACdqD,EAAiCrD,EAAO6H,QAAQhW,IAAK,gBAAA,EACrDwH,EAAc2G,EAAO6H,QAAQhW,IAAK0R,EAAAA,EAEnC,CAACvD,EAAO6H,QAAQnW,IAAK,aAAA,GAAmB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,IAItEwR,EAAeyE,wBAAyB,OAAQ,cAAA,EAKhDzO,EAAY0O,yBAA0B,CACrCrK,MAAO,OACP4B,cAAe,eAEfC,uBAAwB1P,EAAQS,EAAOmG,EAAa7I,EAAO,CACrD0C,IACJT,EAAOmY,SAAU,sBAAuBvR,CAAAA,EAGnCwR,EAAIC,UAAY,EAAGta,GAAWA,EAAQ6N,eAC1C5L,EAAOsY,SAAU,sCAAuC,IAAK1R,CAAAA,EAGhE,CACD,CAAA,EACD,CAKA,WAAyB,CACxB,IAAMuJ,EAAS,KAAKA,OACdrM,EAAQqM,EAAOrM,MAEhB,CAACqM,EAAO6H,QAAQnW,IAAK,aAAA,GAAmB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,IAItE8B,EAAMK,OAAOoU,OAAQ,YAAa,CAAEC,gBAAiB,cAAe,CAAA,EACpE1U,EAAMK,OAAOsU,uBAAwB,eAAgB,CACpDC,aAAc,EACf,CAAA,EAEA5U,EAAMK,OAAOwU,kBAAmBC,GAAAA,CAG/B,GAAK,CAFQA,EAAQC,KAEV5X,aAAc,YAAA,EACxB,MAAO,EAET,EAAG,cAAA,EAEHkP,EAAO2I,WAAWC,IAAK,QAAA,EAAWC,qBAAsB,CACvDlV,MAAO,eACP0J,KAAM,CACLzD,KAAM,KACNkP,QAAS,qBACV,CACD,CAAA,EACD,CACD,ECxFa7F,GAAN,cAAwCwE,CAAAA,CAI9C,WAAkBC,YAAa,CAC9B,MAAO,2BACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAErE,EAAa,CACvB,CAKA,MAAoB,CACnB,IAAMvD,EAAS,KAAKA,OACdqD,EAAiCrD,EAAO6H,QAAQhW,IAAK,gBAAA,EACrDwH,EAAc2G,EAAO6H,QAAQhW,IAAK0R,EAAAA,EAEnC,CAACvD,EAAO6H,QAAQnW,IAAK,eAAA,GAAqB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,IAIxEwR,EAAeyE,wBAAyB,SAAU,gBAAA,EAKlDzO,EAAY0O,yBAA0B,CACrCrK,MAAO,OACP4B,cAAe,iBAEfC,uBAAwB1P,EAAQS,EAAOmG,EAAa7I,EAAO,CACrD0C,IACJT,EAAOmY,SAAU,wBAAyBvR,CAAAA,EAGrCwR,EAAIC,UAAY,EAAGta,GAAWA,EAAQ6N,eAC1C5L,EAAOsY,SAAU,wCAAyC,IAAK1R,CAAAA,EAGlE,CACD,CAAA,EACD,CAKA,WAAyB,CACxB,IAAMuJ,EAAS,KAAKA,OACdrM,EAAQqM,EAAOrM,MAEhB,CAACqM,EAAO6H,QAAQnW,IAAK,eAAA,GAAqB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,IAIxE8B,EAAMK,OAAOoU,OAAQ,YAAa,CAAEC,gBAAiB,gBAAiB,CAAA,EACtE1U,EAAMK,OAAOsU,uBAAwB,iBAAkB,CACtDC,aAAc,EACf,CAAA,EAEA5U,EAAMK,OAAOwU,kBAAmBC,GAAAA,CAG/B,GAAK,CAFQA,EAAQC,KAEV5X,aAAc,YAAA,EACxB,MAAO,EAET,EAAG,gBAAA,EAEHkP,EAAO2I,WAAWC,IAAK,QAAA,EAAWC,qBAAsB,CACvDlV,MAAO,iBACP0J,KAAM,CACLzD,KAAM,KACNkP,QAAS,uBACV,CACD,CAAA,EACD,CACD,ECtFa5F,GAAN,cAA0CuE,CAAAA,CAIhD,WAAkBC,YAAa,CAC9B,MAAO,6BACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAErE,EAAa,CACvB,CAKA,MAAoB,CACnB,IAAMvD,EAAS,KAAKA,OACdqD,EAAiCrD,EAAO6H,QAAQhW,IAAK,gBAAA,EACrDwH,EAAc2G,EAAO6H,QAAQhW,IAAK0R,EAAAA,EAExC,GAAK,CAACvD,EAAO6H,QAAQnW,IAAK,iBAAA,GAAuB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,EACzE,OAGD,IAAMkX,EAA4BC,GAA2BhJ,EAAOC,OAAOpO,IAAK,kBAAA,CAAA,EAEhFwR,EAAeyE,wBAAyB,WAAY,kBAAA,EAKpDzO,EAAY0O,yBAA0B,CACrCrK,MAAO,OACP4B,cAAe,mBAEfC,uBAAwB1P,EAAQS,EAAemG,EAAa7I,EAAO,CAClE,GAAK0C,EAAQ,CACZ,IAAM2Y,EAAiBF,EAA0BG,KAAMC,GAAUA,EAAOxV,OAASrD,CAAAA,EAE5E2Y,GAAkBA,EAAe5L,MAAQ,OAAO4L,EAAe5L,MAAQ,SACtE4L,EAAe5L,KAAK+L,QACxBvZ,EAAOmY,SAAU,2BAA4BvR,CAAAA,EAC7C5G,EAAOsY,SAAU,qCAAsCc,EAAe5L,KAAK+L,OAAQ,WAAA,EAAe3S,CAAAA,GAEzFwS,EAAe5L,KAAKyL,UAC7BjZ,EAAOmY,SAAU,4BAA6B1X,CAAAA,GAAUmG,CAAAA,EAGnDwR,EAAIC,UAAY,EAAGta,GAAWA,EAAQ6N,eAC1C5L,EAAOsY,SAAU,2CAA4C,IAAK1R,CAAAA,IAIpE5G,EAAOmY,SAAU,2BAA4BvR,CAAAA,EAC7C5G,EAAOsY,SAAU,qCAAsC7X,EAAiBmG,CAAAA,EAE1E,CACD,CACD,CAAA,CACD,CAKA,WAAyB,CACxB,IAAMuJ,EAAS,KAAKA,OACdrM,EAAQqM,EAAOrM,MAErB,GAAK,CAACqM,EAAO6H,QAAQnW,IAAK,iBAAA,GAAuB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,EACzE,OAGD8B,EAAMK,OAAOoU,OAAQ,YAAa,CAAEC,gBAAiB,kBAAmB,CAAA,EACxE1U,EAAMK,OAAOsU,uBAAwB,mBAAoB,CACxDC,aAAc,EACf,CAAA,EAEA5U,EAAMK,OAAOwU,kBAAmBC,GAAAA,CAG/B,GAAK,CAFQA,EAAQC,KAEV5X,aAAc,YAAA,EACxB,MAAO,EAET,EAAG,kBAAA,EAEHkP,EAAO2I,WAAWC,IAAK,QAAA,EAAWS,mBAAoB,CACrD1V,MAAO,CACNtD,IAAK,mBACLC,MAASmG,GAA8BA,EAAY6S,SAAU,oCAAA,CAC9D,EACAjM,KAAM,CACLzD,KAAM,KACNkP,QAAS,2BACTM,OAAQ,CACP,qCAAsC,IACvC,CACD,CACD,CAAA,EAEA,IAAMG,EAAkBP,GAA2BhJ,EAAOC,OAAOpO,IAAK,kBAAA,CAAA,EAEtE,QAAYsX,KAAUI,EAChBJ,EAAOxV,OAASwV,EAAO9L,MAC3B2C,EAAO2I,WAAWC,IAAK,QAAA,EAAWS,mBAAoB,CACrD1V,MAAO,CACNtD,IAAK,mBACLC,MAAO6Y,EAAOxV,KACf,EACA0J,KAAM,CACLzD,KAAM,KACNkP,QAAS,4BAA6BK,EAAOxV,KAAK,EACnD,CACD,CAAA,CAGH,CACD,EChIawP,GAAN,cAA2CsE,CAAAA,CAIjD,WAAkBC,YAAa,CAC9B,MAAO,8BACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAErE,EAAa,CACvB,CAKA,MAAoB,CACnB,IAAMvD,EAAS,KAAKA,OACdqD,EAAiCrD,EAAO6H,QAAQhW,IAAK,gBAAA,EACrDwH,EAAc2G,EAAO6H,QAAQhW,IAAK0R,EAAAA,EAEnC,CAACvD,EAAO6H,QAAQnW,IAAK,kBAAA,GAAwB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,IAI3EwR,EAAeyE,wBAAyB,YAAa,mBAAA,EAKrDzO,EAAY0O,yBAA0B,CACrCrK,MAAO,OACP4B,cAAe,oBAEfC,uBAAwB1P,EAAQS,EAAOmG,EAAW,CAC5CnG,IACJT,EAAOmY,SAAU,uBAAwBvR,CAAAA,EACzC5G,EAAOsY,SAAU,iCAAkC7X,EAAiBmG,CAAAA,EAEtE,CACD,CAAA,EACD,CAKA,WAAyB,CACxB,IAAMuJ,EAAS,KAAKA,OACdrM,EAAQqM,EAAOrM,MAEhB,CAACqM,EAAO6H,QAAQnW,IAAK,kBAAA,GAAwB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,IAI3E8B,EAAMK,OAAOoU,OAAQ,YAAa,CAAEC,gBAAiB,mBAAoB,CAAA,EACzE1U,EAAMK,OAAOsU,uBAAwB,oBAAqB,CACzDC,aAAc,EACf,CAAA,EAEA5U,EAAMK,OAAOwU,kBAAmBC,GAAAA,CAG/B,GAAK,CAFQA,EAAQC,KAEV5X,aAAc,YAAA,EACxB,MAAO,EAET,EAAG,mBAAA,EAEHkP,EAAO2I,WAAWC,IAAK,QAAA,EAAWC,qBAAsB,CACvDlV,MAAO,CACNtD,IAAK,oBACLC,MAASmG,GACDA,EAAY6S,SAAU,gCAAA,CAE/B,EACAjM,KAAM,CACLzD,KAAM,KACNkP,QAAS,uBACTM,OAAQ,CACP,iCAAkC,IACnC,CACD,CACD,CAAA,EACD,CACD,EC5FahG,GAAN,cAA4CqE,CAAAA,CAIlD,WAAkBC,YAAa,CAC9B,MAAO,+BACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAErE,EAAa,CACvB,CAKA,MAAoB,CACnB,IAAMvD,EAAS,KAAKA,OACdqD,EAAiCrD,EAAO6H,QAAQhW,IAAK,gBAAA,EACrDwH,EAAc2G,EAAO6H,QAAQhW,IAAK0R,EAAAA,EAEnC,CAACvD,EAAO6H,QAAQnW,IAAK,mBAAA,GAAyB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,IAI5EwR,EAAeyE,wBAAyB,aAAc,oBAAA,EAKtDzO,EAAY0O,yBAA0B,CACrCrK,MAAO,OACP4B,cAAe,qBAEfC,uBAAwB1P,EAAQS,EAAOmG,EAAW,CAE5CnG,IACJT,EAAOmY,SAAU,6BAA8BvR,CAAAA,EAC/C5G,EAAOsY,SAAU,uCAAwC7X,EAAiBmG,CAAAA,EAE5E,CACD,CAAA,EACD,CAKA,WAAyB,CACxB,IAAMuJ,EAAS,KAAKA,OACdrM,EAAQqM,EAAOrM,MAEhB,CAACqM,EAAO6H,QAAQnW,IAAK,mBAAA,GAAyB,CAAC,KAAKsO,OAAOC,OAAOpO,IAAK,qCAAA,IAI5E8B,EAAMK,OAAOoU,OAAQ,YAAa,CAAEC,gBAAiB,oBAAqB,CAAA,EAC1E1U,EAAMK,OAAOsU,uBAAwB,qBAAsB,CAC1DC,aAAc,EACf,CAAA,EAEA5U,EAAMK,OAAOwU,kBAAmBC,GAAAA,CAG/B,GAAK,CAFQA,EAAQC,KAEV5X,aAAc,YAAA,EACxB,MAAO,EAET,EAAG,oBAAA,EAEHkP,EAAO2I,WAAWC,IAAK,QAAA,EAAWC,qBAAsB,CACvDlV,MAAO,CACNtD,IAAK,qBACLC,MAASmG,GACDA,EAAY6S,SAAU,sCAAA,CAE/B,EACAjM,KAAM,CACLzD,KAAM,KACNkP,QAAS,6BACTM,OAAQ,CACP,uCAAwC,IACzC,CACD,CACD,CAAA,EACD,CACD,ECnEa/F,GAAN,cAA6BoE,CAAAA,CAIlB+B,kBAA4C,CAAA,EAK7D,WAAkB9B,YAAa,CAC9B,MAAO,gBACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CACN5E,GACAC,GACAC,GACAC,GACAC,EACA,CACF,CAKA,YAAapD,EAAiB,CAC7B,MAAOA,CAAAA,EAEPA,EAAOC,OAAOwJ,OAAQ,sCAAuC,EAAA,CAC9D,CAKA,WAAyB,CAClB,KAAKzJ,OAAOC,OAAOpO,IAAK,qCAAA,GAI9B,KAAK6X,wCAAuC,CAC7C,CAMA,yCAAwD,CACvD,IAAM/V,EAAQ,KAAKqM,OAAOrM,MAE1BA,EAAME,SAAS8V,kBAAmB9Z,GAAAA,CACjC,IAAMyJ,EAAU3F,EAAME,SAAS0F,OAAOC,WAAU,EAC1CoQ,EAAoB,IAAIta,IAC1Bua,EAAc,GAElB,QAAYlQ,KAASL,EACpB,GAAKK,EAAM7C,OAAS,aAElB6C,EAAM1H,cAAgB,cACtB0H,EAAM1H,cAAgB,YACtB,KAAK6X,+BAAgCnQ,EAAM1H,YAAY,GACvDkD,OAAO+E,OAAQ,KAAKsP,iBAAiB,EAAGjT,SAAUoD,EAAM1H,YAAY,KAE/D3E,GAAiBqM,EAAMG,MAAMC,MAAMrC,SAAS,EAChDkS,EAAkBna,IAAKkK,EAAMG,MAAMC,MAAMrC,SAAS,EAEzCpK,GAAiBqM,EAAMG,MAAMC,MAAM1F,MAAM,GAClDuV,EAAkBna,IAAKkK,EAAMG,MAAMC,MAAM1F,MAAM,WAK5C/G,GAAiBqM,EAAMtC,SAASK,SAAS,GAC7CkS,EAAkBna,IAAKkK,EAAMtC,SAASK,SAAS,EAG3CpK,GAAiBqM,EAAMtC,SAASG,UAAU,GAC9CoS,EAAkBna,IAAKkK,EAAMtC,SAASG,UAAU,EAG5ClK,GAAiBqM,EAAMtC,SAAShD,MAAM,GAC1CuV,EAAkBna,IAAKkK,EAAMtC,SAAShD,MAAM,EAGxCsF,EAAM7C,MAAQ,UAAY6C,EAAMC,MAAQ,QAAU,CACtD,IAAME,EAAQjK,EAAO4F,cAAekE,EAAMtC,SAASK,SAAS,EAE5D,QAAYnF,KAAQuH,EAAMpB,SAAQ,EAC5BpL,GAAiBiF,CAAAA,GACrBqX,EAAkBna,IAAK8C,CAAAA,CAG1B,CAIF,QAAY5E,KAAYic,EAAoB,CAC3C,IAAMG,EAAUlV,GAA6BlB,EAAOhG,EAAUwH,OAAO6U,KAAM,KAAKR,iBAAiB,CAAA,EAEjG,OAAY,CAAES,EAAqBC,CAAAA,IAAiB/U,OAAOgV,QAASJ,CAAAA,EAAY,CAC/E,IAAMK,EAA8B,KAAKZ,kBAAmBS,CAAAA,GAEvDC,GAAe/T,GAAyBtG,EAAQlC,EAAUyc,EAA6BF,CAAAA,GAGlF,CAACA,GAAe5T,GAA8BzG,EAAQlC,EAAUyc,CAAAA,KACzEP,EAAc,GAEhB,CACD,CAEA,OAAOA,CACR,CAAA,CACD,CAUA,wBAAgChU,EAAyBwU,EAAwC,CAChG,KAAKb,kBAAmB3T,CAAAA,EAAoBwU,CAC7C,CAKQP,+BAAgC7X,EAAgC,CACvE,OAAOA,EAAaqY,QAAS,cAAe,EAAA,IAAQ,KAAKd,iBAC1D,CACD,ECjKalG,GAAN,cAAwBmE,CAAAA,CAI9B,WAAkBC,YAAa,CAC9B,MAAO,WACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAOOhY,+BAAgCT,EAAyD,CAC/F,OAAOS,GAAgCT,CAAAA,CACxC,CAOOL,uBAAwBC,EAAmC,CACjE,OAAOD,GAAwBC,CAAAA,CAChC,CAOOxB,gBAAiBC,EAA8C,CACrE,OAAOD,GAAiBC,CAAAA,CACzB,CAQA,gCACC2B,EACAtB,EAAoC,CAAA,EACd,CACtB,OAAOqB,GAAiCC,EAAQtB,CAAAA,CACjD,CAKO0G,mBAAoBC,EAA8B,CACxD,OAAOD,GAAoBC,CAAAA,CAC5B,CACD,EIHM4L,GAAuB,CAAE,WAAY,aAAc,YAAc,EAgB1DoD,GAAN,cAA0BkE,CAAAA,CAIf8C,oBAAmD,CAAA,EAKpE,WAAkB7C,YAAa,CAC9B,MAAO,aACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAE4C,GAAOC,GAAQnH,GAAWoH,GAAmBrH,EAAgB,CACvE,CAKA,YAAarD,EAAiB,CAC7B,MAAOA,CAAAA,EAEPA,EAAOC,OAAOwJ,OAAQ,kBAAmB,EAAA,CAC1C,CAKA,MAAoB,CACnB,IAAMzJ,EAAS,KAAKA,OACdrM,EAAQqM,EAAOrM,MACfoM,EAAaC,EAAOC,OAAOpO,IAAK,iBAAA,EAEtC,GAAKmO,EAAO6H,QAAQnW,IAAK,mBAAA,EAOxB,MAAM,IAAIiZ,EAAe,wBAAyB,KAAM,CAAEC,eAAgB,mBAAoB,CAAA,EAG/FjX,EAAMK,OAAO6W,SAAU,YAAa,CAAExC,gBAAiBlI,EAAqB,CAAA,EAEvEJ,GACJpM,EAAMK,OAAOoU,OAAQ,aAAc,CAAE0C,kBAAmB,WAAY,CAAA,EACpEnX,EAAMK,OAAOoU,OAAQ,SAAU,CAAE0C,kBAAmB,WAAY,CAAA,EAChEnX,EAAMK,OAAOoU,OAAQ,eAAgB,CAAE0C,kBAAmB,WAAY,CAAA,GAEtEnX,EAAMK,OAAO6W,SAAU,WAAY,CAClCE,eAAgB,SAChBD,kBAAmB,WACpB,CAAA,EAGD,QAAYE,KAAa7K,GACxBxM,EAAMK,OAAOsU,uBAAwB0C,EAAW,CAC/CC,cAAe,EAChB,CAAA,EAIDjL,EAAOqC,SAAS5S,IAAK,eAAgB,IAAIoT,GAAa7C,EAAQ,UAAA,CAAA,EAC9DA,EAAOqC,SAAS5S,IAAK,eAAgB,IAAIoT,GAAa7C,EAAQ,UAAA,CAAA,EAE9DA,EAAOqC,SAAS5S,IAAK,qBAAsB,IAAIoT,GAAa7C,EAAQ,iBAAkB,CAAEiG,WAAY,EAAK,CAAA,CAAA,EACzGjG,EAAOqC,SAAS5S,IAAK,qBAAsB,IAAIoT,GAAa7C,EAAQ,iBAAkB,CAAEiG,WAAY,EAAK,CAAA,CAAA,EAEzGjG,EAAOqC,SAAS5S,IAAK,aAAc,IAAImT,GAAmB5C,EAAQ,SAAA,CAAA,EAClEA,EAAOqC,SAAS5S,IAAK,cAAe,IAAImT,GAAmB5C,EAAQ,UAAA,CAAA,EAEnEA,EAAOqC,SAAS5S,IAAK,sBAAuB,IAAIsT,GAAkB/C,EAAQ,QAAA,CAAA,EAC1EA,EAAOqC,SAAS5S,IAAK,qBAAsB,IAAIsT,GAAkB/C,EAAQ,OAAA,CAAA,EAEpED,IACJC,EAAOqC,SAAS5S,IAAK,wBAAyB,IAAIqT,GAAkB9C,EAAQ,UAAA,CAAA,EAC5EA,EAAOqC,SAAS5S,IAAK,uBAAwB,IAAIqT,GAAkB9C,EAAQ,SAAA,CAAA,GAG5E,KAAKkL,wBAAuB,EAC5B,KAAKC,uBAAsB,EAC3B,KAAKC,qBAAoB,EACzB,KAAKC,2BAA0B,EAC/B,KAAKC,+BAA8B,EACnC,KAAKC,mCAAkC,CACxC,CAKA,WAAyB,CAExB,IAAMlJ,EADS,KAAKrC,OACIqC,SAClBrP,EAASqP,EAASxQ,IAAK,QAAA,EACvB2Z,EAAUnJ,EAASxQ,IAAK,SAAA,EAEzBmB,GAGJA,EAAOyY,qBAAsBpJ,EAASxQ,IAAK,YAAA,EAAiB,CAAEqF,SAAU,MAAO,CAAA,EAG3EsU,GAGJA,EAAQC,qBAAsBpJ,EAASxQ,IAAK,aAAA,EAAkB,CAAEqF,SAAU,QAAS,CAAA,EAIpF,KAAKwU,sBAAqB,EAC1B,KAAKC,iBAAgB,CACtB,CAUO5D,yBAA0BtK,EAAuC,CACvE,KAAK8M,oBAAoBrX,KAAMuK,CAAAA,CAChC,CAKA,uBAA8C,CAC7C,MAAO,CACH0C,GAAAA,GjB09EM,GiBz9EN,KAAKoK,oBAAoBlZ,IAAKoM,GAAYA,EAAS6B,aAAa,CACnE,CACF,CAMA,yBAAkC,CACjC,IAAMU,EAAS,KAAKA,OACd4L,EAAqD5L,EAAOqC,SAASxQ,IAAK,uBAAA,EAC1Ega,EAAoD7L,EAAOqC,SAASxQ,IAAK,sBAAA,EAE/E,KAAKia,SAAmC9L,EAAO7G,QAAQkE,KAAKxJ,SAAU,SAAU,CAAEyE,EAAKC,IAAAA,CACtF,IAAMzE,EAAYkM,EAAOrM,MAAME,SAASC,UAGnCJ,GAAwBsM,EAAOrM,KAAK,GAIzCqM,EAAOrM,MAAMkN,OAAQ,IAAA,CACpB,IAAMyG,EAAgBxT,EAAU6M,iBAAgB,EAEhD,GAAK7M,EAAUuN,aAAe9I,EAAKzK,WAAa,WAAa,CAC5D,GAAK,CAACwZ,EAAcyE,UACnB,OAGD,IAAMvO,EAAiB8J,EAAcjT,OAErC,GAAK,CAAC/G,GAAiBkQ,CAAAA,EACtB,OASD,GAAK,CANiBrP,GAAWY,MAAOyO,EAAgB,CACvDlP,eAAgB,WAChBD,WAAY,EACb,CAAA,GAGuBmP,EAAe1M,aAAc,YAAA,IAAmB,EAChE9B,GAAuBwO,CAAAA,GAC5BwC,EAAO0C,QAAS,oBAAA,EAGjB1C,EAAO0C,QAAS,aAAA,MAGZ,CACJ,GAAK,CAACkJ,GAAwB,CAACA,EAAqBlG,UACnD,OAGDkG,EAAqBlJ,QAAS,CAC7BtB,gCAAiCA,GAAiCpB,EAAOrM,MAAO,UAAA,CACjF,CAAA,CACD,CAEA4E,EAAKyT,eAAc,EACnB1T,EAAI2T,KAAI,CACT,KAEK,CAMJ,GAJKnY,EAAUuN,aAAe,CAACvN,EAAUqT,gBAAe,EAAI+E,SAIvD,CAACL,GAAuB,CAACA,EAAoBnG,UACjD,OAGDmG,EAAoBnJ,QAAS,CAC5BtB,gCAAiCA,GAAiCpB,EAAOrM,MAAO,SAAA,CACjF,CAAA,EAEA4E,EAAKyT,eAAc,EACnB1T,EAAI2T,KAAI,CACT,CACD,CAAA,CACD,EAAG,CAAExD,QAAS,IAAK,CAAA,CACpB,CAMA,wBAAiC,CAChC,IAAMzI,EAAS,KAAKA,OACdrM,EAAQqM,EAAOrM,MACf0O,EAAWrC,EAAOqC,SAClB8J,EAA6B9J,EAASxQ,IAAK,OAAA,EAGjD,KAAKia,SAAkC9L,EAAO7G,QAAQkE,KAAKxJ,SAAU,QAAS,CAAEyE,EAAKC,IAAAA,CACpF,IAAM6T,EAAMzY,EAAME,SACZ2J,EAAiB4O,EAAItY,UAAU6M,iBAAgB,EAAItM,OAEzD,GACC+X,EAAItY,UAAUuN,aACd/T,GAAiBkQ,CAAAA,GACjBA,EAAenI,SACf,CAACkD,EAAK8T,OACL,CACD,IAAM9E,EAAe1Y,GAAwB2O,CAAAA,EACvC8O,EAActd,GAAuBwO,CAAAA,EAItC+J,GAAgB+E,GACpBtM,EAAO0C,QAAS,aAAA,EAEhBnK,EAAKyT,eAAc,EACnB1T,EAAI2T,KAAI,GAIC1E,GAAgB,CAAC+E,GAC1BtM,EAAO0C,QAAS,oBAAA,EAEhBnK,EAAKyT,eAAc,EACnB1T,EAAI2T,KAAI,GAICK,IACTtM,EAAO0C,QAAS,qBAAA,EAEhBnK,EAAKyT,eAAc,EACnB1T,EAAI2T,KAAI,EAEV,CACD,EAAG,CAAExD,QAAS,IAAK,CAAA,EAInB,KAAKqD,SAAUK,EAAc,eAAgB,IAAA,CAC5C,IAAMI,EAAiClK,EAASxQ,IAAK,qBAAA,EAMrD,GAFA0a,EAAaC,QAAO,EAEf,CAACD,EAAa7G,UAClB,OAID,IAAMlI,EADMwC,EAAOrM,MAAME,SACEC,UAAUqT,gBAAe,EAAI9S,OACjC3G,GAAsB8P,CAAAA,EAQzBzL,SAAW,GAC9Bwa,EAAa7J,QAAO,CAEtB,CAAA,CACD,CAMA,sBAA+B,CAC9B,IAAM1C,EAAS,KAAKA,OAEpB,KAAK8L,SAAgC9L,EAAO7G,QAAQkE,KAAKxJ,SAAU,MAAO,CAAEyE,EAAKC,IAAAA,CAChF,IAAMgJ,EAAchJ,EAAKkU,SAAW,cAAgB,aACpC,KAAKzM,OAAOqC,SAASxQ,IAAK0P,CAAAA,EAE7BmE,YACZ1F,EAAO0C,QAASnB,CAAAA,EAEhBhJ,EAAKmU,gBAAe,EACpBnU,EAAKyT,eAAc,EACnB1T,EAAI2T,KAAI,EAEV,EAAG,CAAExD,QAAS,IAAK,CAAA,CACpB,CAKA,kBAA2B,CAC1B,IAAMzI,EAAS,KAAKA,OACdrM,EAAQqM,EAAOrM,MACfyF,EAAiB,KAAKuT,sBAAqB,EAC3C5M,EAAaC,EAAOC,OAAOpO,IAAK,iBAAA,EAChCsK,EAAc4D,EAAa,YAAc,WAE/CC,EAAO2I,WAAWC,IAAK,QAAA,EAMrBgE,iBAAkB,CAClBvP,KAAM,KACN1J,MAAO,CAAE8C,EAAa,CAAE5G,OAAAA,CAAM,IAAQA,EAAO4O,cAAetC,EAAa,CAAE5H,SAAU,EAAG,CAAA,CACzF,CAAA,EAMCqY,iBAAkB,CAClBvP,KAAM,IACN1J,MAAO,CAAE8C,EAAa,CAAE5G,OAAAA,CAAM,IACxB4G,EAAYpC,QAAUoC,EAAYpC,OAAO7G,GAAI,UAAW,IAAA,EACrDqC,EAAO4O,cAAetC,EAAa,CAAE5H,SAAU,EAAG,CAAA,EAGnD,KAERsY,kBAAmB,MjB66Ef,CiB56EL,EACCpd,IAAKqd,GAAAA,CACLA,EAAWrK,GAAwB,aAAcpK,GAAAA,CAAAA,CAClD,CAAA,EAEK0H,GACLC,EAAO2I,WAAWC,IAAK,UAAA,EACrBgE,iBAAkB,CAClBjZ,MAAO,WACP0J,KAAM,GACP,CAAA,EAGF2C,EAAO2I,WAAWC,IAAK,iBAAA,EACrBgE,iBAAkB,CAClBjZ,MAAOwI,EACPkB,KAAMR,GAAuBzD,CAAAA,EAC7ByT,kBAAmB,MjBw6Ef,CiBv6EL,EACCpd,IAAKqd,GAAAA,CACLA,EAAWrK,GACV,YACAlH,GAA2BnC,EAAgB,KAAKmR,oBAAqB5W,CAAAA,CAAAA,EAGtEmZ,EAAWrK,GAAyB,SAAUvG,GAAiCvI,EAAMK,MAAM,CAAA,CAC5F,CAAA,EAEDgM,EAAO2I,WAAWC,IAAK,cAAA,EACrBgE,iBAAkB,CAClBjZ,MAAOwI,EACPkB,KAAMR,GAAuBzD,EAAgB,CAAEqC,aAAc,EAAK,CAAA,EAClEoR,kBAAmB,MjBm6Ef,CiBl6EL,EACCpd,IAAKqd,GAAAA,CACLA,EAAWrK,GACV,YACAlH,GAA2BnC,EAAgB,KAAKmR,oBAAqB5W,EAAO,CAAE8H,aAAc,EAAK,CAAA,CAAA,CAEnG,CAAA,EAED,IAAMsR,EAA4B3P,GAAiC,KAAKmN,oBAAqBvK,EAAO7G,QAAQkE,IAAI,EAEhH2C,EAAO7G,QAAQuB,OAAO+H,GAAoC,sBAAuBsK,CAAAA,EACjF/M,EAAOzH,KAAKmC,OAAO+H,GAAoC,sBAAuBsK,CAAAA,EAE9E,KAAKjB,SACJnY,EAAME,SACN,cACAqF,GAA4BvF,EAAOqM,EAAO7G,QAASC,EAAgB,IAAI,EACvE,CAAElC,SAAU,MAAO,CAAA,EAIpB,KAAKuL,GAAqC,uBAAwB,CAAEnK,EAAK,CAAE7B,YAAAA,EAAa8D,gBAAAA,CAAe,IAAE,CACnG9D,EAAY3G,IAAMyK,EAAgBnC,aACtCE,EAAI0U,OAAS,GACb1U,EAAI2T,KAAI,EAEV,CAAA,EAGA,KAAKxJ,GAAqC,uBAAwB,CAAEnK,EAAK,CAAE7B,YAAAA,EAAa8D,gBAAAA,CAAe,IAAE,EAEvG9D,EAAYmD,MAAQ3C,GAA+BsD,EAAgBhG,QAAQ,GAC3EkC,EAAY3G,IAAMiH,GAA6BwD,EAAgBhG,SAAUgG,EAAgBxB,UAAU,KAEnGT,EAAI0U,OAAS,GACb1U,EAAI2T,KAAI,EAEV,CAAA,CACD,CAKA,uBAAgC,CAC/B,IAAMtY,EAAQ,KAAKqM,OAAOrM,MACpByF,EAAiB,KAAKuT,sBAAqB,EAIjDhZ,EAAME,SAAS8V,kBAAmB9Z,GAAUiQ,GAAsBnM,EAAO9D,EAAQuJ,EAAgB,IAAI,CAAA,EAIrG,KAAKqJ,GAA+B,YAAa,CAAEnK,EAAK,CAAEV,UAAAA,EAAW/H,OAAAA,CAAM,IAAE,CAC5EyI,EAAI0U,OAASrV,GAAgBC,EAAW/H,CAAAA,GAAYyI,EAAI0U,MACzD,EAAG,CAAE9V,SAAU,MAAO,CAAA,EAGtB,KAAKuL,GAA+B,YAAa,CAAEnK,EAAK,CAAEV,UAAAA,EAAW/H,OAAAA,EAAQsI,QAAAA,CAAO,IAAE,CACrFG,EAAI0U,OAAS9U,GAAgBN,EAAWO,EAAStI,CAAAA,GAAYyI,EAAI0U,MAClE,EAAG,CAAE9V,SAAU,MAAO,CAAA,CACvB,CAMA,4BAAqC,CACpC,IAAMvD,EAAQ,KAAKqM,OAAOrM,MACpBsZ,EAAuC,KAAKjN,OAAO6H,QAAQhW,IAAK,mBAAA,EAEtE,KAAKia,SAAmCnY,EAAO,gBAAiB2M,GAA6B3M,CAAAA,EAAS,CAAEuD,SAAU,MAAO,CAAA,EA8BzH,KAAK4U,SAA8CmB,EAAmB,uBAAwB,CAAE3U,EAAKC,IAAAA,CACpG5E,EAAMkN,OAAQhR,GAAAA,CAEb,IAAMqd,EAAqBjf,MAAMC,KAAMqK,EAAKgI,QAAQE,YAAW,CAAA,EACzD0M,EAAWD,EAAoBA,EAAmBnb,OAAS,CAAA,EAWjE,GATKmb,EAAmBnb,OAAS,GAAKob,EAAS3f,GAAI,SAAA,GAAe2f,EAAS9X,SACpC6X,EAAmBE,MAAO,EAAG,EAAC,EAEjC1N,MAAOpS,EAAAA,GACzCuC,EAAO0O,OAAQ4O,CAAAA,EAKZ5U,EAAK8U,QAAU,QAAU9U,EAAK8U,QAAU,MAAQ,CACpD,IAAMC,EAAcrf,MAAMC,KAAMqK,EAAKgI,QAAQE,YAAW,CAAA,EACvBrO,GAAkBkb,CAAAA,GAGlDvc,GAAsBuc,EAAoCzd,CAAAA,CAE5D,CACD,CAAA,CACD,CAAA,CACD,CAKA,gCAAyC,CACxC,IAAMmQ,EAAS,KAAKA,OACduN,EAAIvN,EAAOuN,EAEjBvN,EAAOwN,cAAcC,sBAAuB,CAC3C3d,GAAI,OACJ0R,MAAO+L,EAAG,uCAAA,EACVG,WAAY,CACX,CACClM,MAAO+L,EAAG,2BAAA,EACVI,UAAW,KACZ,EACA,CACCnM,MAAO+L,EAAG,2BAAA,EACVI,UAAW,WACZ,CACA,CACF,CAAA,CACD,CAKA,oCAA6C,CAC5C,KAAK5F,yBAA0B,CAC9BrK,MAAO,OACP4B,cAAe,aAEfC,uBAAwB1P,EAAQuG,EAAgBK,EAAa7I,EAAO,CAC9DA,IAAaA,EAAQggB,iBAAmBhgB,EAAQigB,sBAIrDhe,EAAOI,aAAc,oBAAqBmG,EAAgBK,CAAAA,CAC3D,CACD,CAAA,CACD,CACD,EEvoBa+M,GAAN,cAAqBiE,CAAAA,CAI3B,WAAkBC,YAAa,CAC9B,MAAO,QACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,MAAoB,CACnB,IAAM4F,EAAI,KAAKvN,OAAOuN,EAGhB,KAAKvN,OAAO0B,GAAGC,iBAAiBjQ,IAAK,cAAA,GAC1C4P,GAAoB,KAAKtB,OAAQ,eAAgBuN,EAAG,eAAA,EAAmBO,EAAAA,EAIlE,KAAK9N,OAAO0B,GAAGC,iBAAiBjQ,IAAK,cAAA,GAC1C4P,GAAoB,KAAKtB,OAAQ,eAAgBuN,EAAG,eAAA,EAAmBQ,EAAAA,CAEzE,CACD,EC7BatK,GAAN,cAAmBgE,CAAAA,CAIzB,WAAkBG,UAAW,CAC5B,MAAO,CAAErE,GAAaC,EAAQ,CAC/B,CAKA,WAAkBkE,YAAa,CAC9B,MAAO,MACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CACD,EE/BMjE,GAA+E,CAAA,EAC/EC,GAA0E,CAAA,EAC1EC,GAAmE,CAAA,EAEnEC,GAAkH,CACvH,CAAEmK,UAAW,OAAQC,cAAe,OAAQ1Z,SAAU,UAAW,EACjE,CAAEyZ,UAAW,SAAUC,cAAe,SAAU1Z,SAAU,UAAW,EACrE,CAAEyZ,UAAW,SAAUC,cAAe,SAAU1Z,SAAU,UAAW,EACrE,CAAEyZ,UAAW,UAAWC,cAAe,IAAK1Z,SAAU,UAAW,EACjE,CAAEyZ,UAAW,uBAAwBC,cAAe,KAAM1Z,SAAU,UAAW,EAC/E,CAAEyZ,UAAW,cAAeC,cAAe,IAAK1Z,SAAU,UAAW,EACrE,CAAEyZ,UAAW,cAAeC,cAAe,IAAK1Z,SAAU,UAAW,EACrE,CAAEyZ,UAAW,cAAeC,cAAe,IAAK1Z,SAAU,UAAW,EACrE,CAAEyZ,UAAW,cAAeC,cAAe,IAAK1Z,SAAU,UAAW,EACrE,CAAEyZ,UAAW,cAAeC,cAAe,IAAK1Z,SAAU,UAAW,EACrE,CAAEyZ,UAAW,cAAeC,cAAe,IAAK1Z,SAAU,UAAW,CACrE,EAED,OAAY,CAAEyZ,UAAAA,EAAWC,cAAAA,EAAe1Z,SAAAA,CAAQ,IAAMsP,GACrDH,GAAyBsK,CAAAA,EAAczZ,EACvCoP,GAA8BqK,CAAAA,EAAcC,EAEvCA,IACJrK,GAA8BqK,CAAAA,EAAkBD,oBgChClDE,IACAA,KAcAA,sBMfAC,IACAA,KACAA,IAEAA,KACAA,KACAA,KACAA,KACAA,YiB+CMC,GAOAC,aN9DNC,IACAA,IAEAA,KMoDMF,GAAyB,CAC9BG,EAASC,QACTD,EAASE,UACTF,EAASG,GACT,EAGKL,GAAwB,CAC7BE,EAASI,MACTJ,EAASK,GACT,kBEjEDC,IACAA,IAEAA,sBMHAC,IACAA,KACAA,QMiBO,SAASC,GACfC,EACAC,EAAwB,CAExB,IAAMC,EAAmB,CAAA,EAEzB,QAAYC,KAASF,EAAOG,cAAeJ,CAAAA,EAAqB,CAC/D,IAAMK,EAAUF,EAAMG,KAGrBD,EAAQE,GAAI,UAAW,GAAA,GACvB,CAACF,EAAQG,aAAc,MAAA,IACrBH,EAAQG,aAAc,IAAA,GAAUH,EAAQG,aAAc,MAAA,IAExDN,EAAiBO,KAAMJ,CAAAA,CAEzB,CAEA,QAAYA,KAAWH,EAAmB,CACzC,IAAMQ,EAAQL,EAAQM,OAAQC,cAAeP,CAAAA,EAAY,EACnDQ,EAAWR,EAAQS,YAAW,EAEpCb,EAAOc,YAAaL,EAAOG,EAAUR,EAAQM,MAAM,CACpD,CACD,CC7BO,SAASK,GAAsBb,EAAa,CAClD,IAAMc,EAAeC,WAAYf,CAAAA,EAEjC,OAAKA,EAAMgB,SAAU,IAAA,EAEbC,GAAMH,EAAe,GAAK,EAAA,EAExBd,EAAMgB,SAAU,IAAA,EAElBC,GAAMH,EAAe,GAAK,GAAK,EAAA,EAE7Bd,EAAMgB,SAAU,IAAA,EAElBC,GAAMH,EAAe,EAAA,EAEnBd,EAAMgB,SAAU,IAAA,EAElBC,GAAMH,EAAe,GAAK,IAAA,EAExBd,EAAMgB,SAAU,IAAA,EAElBC,GAAMH,EAAe,GAAK,GAAK,IAAA,EAGhCd,CACR,CAOO,SAASkB,GAAMlB,EAAc,CACnC,OAAOA,IAAUmB,QAAanB,EAAMgB,SAAU,IAAA,CAC/C,CAOO,SAASC,GAAMjB,EAAa,CAClC,OAAOoB,KAAKC,MAAOrB,CAAAA,EAAU,IAC9B,CCnBO,SAASsB,GACfzB,EACA0B,EACAC,EAAgC,CAEhC,GAAK,CAAC3B,EAAiB4B,WACtB,OAGD,IAAM3B,EAAS,IAAI4B,GAAkB7B,EAAiB8B,QAAQ,EACxDC,EAAmBC,GAAyBhC,EAAkBC,CAAAA,EAEpE,GAAK,CAAC8B,EAAiBE,OACtB,OAGD,IAAMC,EAA2C,CAAA,EAE3CC,EAGD,CAAA,EAEL,QAAYC,KAAmBL,EAC9B,GAAKK,EAAgBC,SAAWf,OAAY,CACrCgB,GAAoBF,CAAAA,IACzBD,EAAMF,OAAS,GAIhB,IAAMM,EAAiB,GAAIH,EAAgBI,EAAE,IAAMJ,EAAgBC,MAAM,GAGnEA,EAASd,KAAKkB,IAAKL,EAAgBC,OAAS,EAAGF,EAAMF,MAAM,EAQjE,GALKI,EAASF,EAAMF,QAAUE,EAAOE,CAAAA,EAASG,KAAOJ,EAAgBI,KACpEL,EAAMF,OAASI,GAIXA,EAASF,EAAMF,OAAS,EAC5BE,EAAMF,OAASI,EAAS,MAEpB,CACJ,IAAMK,EAAYC,GAAiBP,EAAiBV,CAAAA,EAGpD,GAAKW,EAASF,EAAMF,OAAS,GAAKE,EAAOE,CAAAA,EAASO,YAAYC,MAAQH,EAAUI,KAAO,CAGrFT,GAAU,GACVK,EAAUI,MAAQ,MAClBV,EAAgBI,KAAOlB,QACvBY,EAAkBK,CAAAA,IAElBG,EAAUK,WAAab,EAAkBK,CAAAA,GAG1C,IAAMK,EAAcI,GAAoBN,EAAWzC,EAAQ0B,CAAAA,EAG3D,GACCN,GAAMe,EAAgBa,UAAU,IAC9BZ,GAAU,GAAKhB,GAAMc,EAAOE,EAAS,CAAA,EAAIY,UAAU,GACpD,CACD,IAAIA,EAAab,EAAgBa,WAE5BZ,EAAS,IAEbY,EAAa7B,GAAMF,WAAY+B,CAAAA,EAAe/B,WAAYiB,EAAOE,EAAS,CAAA,EAAIY,UAAU,CAAA,GAGzFhD,EAAOiD,SAAU,eAAgBD,EAAYL,CAAAA,CAC9C,CAGA,GAAKT,EAAMF,QAAU,EAAI,CACxB,IAAMtB,EAASyB,EAAgB/B,QAAQM,OACjCD,EAAQC,EAAOC,cAAewB,EAAgB/B,OAAO,EAAK,EAEhEJ,EAAOc,YAAaL,EAAOkC,EAAajC,CAAAA,CACzC,KAAO,CACN,IAAMwC,EAAkBhB,EAAOE,EAAS,CAAA,EAAIe,iBAE5CnD,EAAOoD,YAAaT,EAAaO,EAAiBA,EAAgBlB,OAAS,CAAA,CAAG,CAC/E,CAGAE,EAAOE,CAAAA,EAAW,CACjB,GAAGD,EACHQ,YAAAA,EACAQ,iBAAkB,CAAA,CACnB,EAGKf,GAAU,GAAKD,EAAgBI,KAAOlB,SAC1CY,EAAkBK,CAAAA,EAAmBG,EAAUK,YAAc,EAE/D,CACD,CAIA,IAAMO,EAAWlB,EAAgB/B,QAAQwC,MAAQ,KAAOT,EAAgB/B,QAAUJ,EAAOsD,cAAe,IAAA,EAGxGtD,EAAOoD,YAAaC,EAAUnB,EAAOE,CAAAA,EAASO,WAAW,EACzDT,EAAOE,CAAAA,EAASe,iBAAiB3C,KAAM6C,CAAAA,EAGlCjB,GAAU,GAAKD,EAAgBI,KAAOlB,QAC1CY,EAAkBK,CAAAA,IAIdH,EAAgB/B,SAAWiD,GAC/BrD,EAAOoD,YAAajB,EAAgB/B,QAASiD,CAAAA,EAI9CE,GAAqBpB,EAAgB/B,QAASJ,CAAAA,EAC9CA,EAAOwD,YAAa,cAAerB,EAAgB/B,OAAO,EAC1DJ,EAAOwD,YAAa,cAAerB,EAAgB/B,OAAO,CAC3D,KACK,CAEJ,IAAMqD,EAAYvB,EAAMwB,KAAMD,GAAaA,EAAUT,YAAcb,EAAgBa,UAAU,EAG7F,GAAKS,EAAY,CAChB,IAAME,EAAYF,EAAUN,iBAG5BnD,EAAOoD,YAAajB,EAAgB/B,QAASuD,EAAWA,EAAU3B,OAAS,CAAA,CAAG,EAC9EhC,EAAOwD,YAAa,cAAerB,EAAgB/B,OAAO,CAC3D,MACC8B,EAAMF,OAAS,CAEjB,CAEF,CAOO,SAAS4B,GACf7D,EACAC,EAAwB,CAExB,QAAYE,KAASF,EAAOG,cAAeJ,CAAAA,EAAqB,CAC/D,IAAMK,EAAUF,EAAMG,KAEtB,GAAKD,EAAQE,GAAI,UAAW,IAAA,EAAS,CAEpC,IAAMuD,EAAazD,EAAQ0D,SAAU,CAAA,EAEhCD,GAAcA,EAAWvD,GAAI,UAAW,GAAA,GAC5CN,EAAO+D,cAAeF,CAAAA,CAExB,CACD,CACD,CASA,SAAS9B,GACRhC,EACAC,EAAwB,CAExB,IAAMgE,EAAQhE,EAAOG,cAAeJ,CAAAA,EAC9B+B,EAA2C,CAAA,EAC3CmC,EAAe,IAAIC,IAEzB,QAAY7D,KAAQ2D,EAAMG,SAAQ,EAAK,CAEtC,GAAK,CAAC9D,EAAKC,GAAI,SAAA,GAAe,CAACD,EAAKuC,KAAKwB,MAAO,mBAAA,EAC/C,SAID,IAAIpB,EAAaqB,GAAyBhE,CAAAA,EAY1C,GARC2C,IAAe3B,QACfJ,WAAY+B,CAAAA,GAAgB,GAC5B,CAACsB,MAAMC,KAAMlE,EAAKmE,cAAa,CAAA,EAAKd,KAAMe,GAAaA,EAAUC,WAAY,SAAA,CAAA,IAE7E1B,EAAa3B,QAKbhB,EAAOsE,SAAU,UAAA,GAAgBtE,EAAKuE,SAAU,UAAA,IAAiB,QAC/D5B,IAAe3B,QAAa4C,EAAaY,IAAK7B,CAAAA,EAC/C,CACD,IAAM8B,EAAWC,GAAiB1E,CAAAA,EAElCyB,EAAiBtB,KAAM,CACtBJ,QAASC,EACTkC,GAAIuC,EAASvC,GACbyC,MAAOF,EAASE,MAChB5C,OAAQ0C,EAAS1C,OACjBY,WAAAA,CACD,CAAA,EAEKA,IAAe3B,QACnB4C,EAAagB,IAAKjC,CAAAA,CAEpB,MAGCiB,EAAaiB,MAAK,CAEpB,CAEA,OAAOpD,CACR,CAMA,SAASO,GAAoB8C,EAA4B,CACxD,IAAMC,EAAkBD,EAAY/E,QAAQgF,gBAE5C,GAAK,CAACA,EAAkB,CACvB,IAAM1E,EAASyE,EAAY/E,QAAQM,OAInC,OAAO2E,GAAQ3E,CAAAA,IAAc,CAACA,EAAO0E,iBAAmBC,GAAQ3E,EAAO0E,eAAe,EACvF,CAGA,OAAOC,GAAQD,CAAAA,CAChB,CAEA,SAASC,GAAQjF,EAAiB,CACjC,OAAOA,EAAQE,GAAI,UAAW,IAAA,GAAUF,EAAQE,GAAI,UAAW,IAAA,CAChE,CA6BA,SAASoC,GAAiB4C,EAA+B7D,EAAoB,CAC5E,IAAM8D,EAAkB,IAAIC,OAAQ,UAAWF,EAAa/C,EAAE,SAAW+C,EAAalD,MAAM,eAAiB,IAAA,EACvGqD,EAAqB,2CACrBC,EAAsB,wDACtBC,EAAsB,IAAIH,OAAQ,aAAcF,EAAa/C,EAAE,+CAAiD,IAAA,EAChHqD,EAAkC,IAAIJ,OAAQ,UAAWF,EAAa/C,EAAE,8CAAgD,IAAA,EAExHsD,EAAsBF,EAAoBG,KAAMrE,CAAAA,EAChDsE,EAA8BH,EAAgCE,KAAMrE,CAAAA,EAKpEuE,EAAmBH,GAAuB,CAACE,EAE3CE,EAAiBV,EAAgBO,KAAMrE,CAAAA,EAEzCyE,EAAgB,UAChBrD,EAAO,KACPC,EAAa,KAEjB,GAAKmD,GAAkBA,EAAgB,CAAA,EAAM,CAC5C,IAAME,EAAqBV,EAAmBK,KAAMG,EAAgB,CAAA,CAAG,EAWvE,GATKE,GAAsBA,EAAoB,CAAA,IAC9CD,EAAgBC,EAAoB,CAAA,EAAIC,KAAI,EAC5CvD,EAAOqD,IAAkB,UAAYA,IAAkB,QAAU,KAAO,MAOpEA,IAAkB,SAAW,CACjC,IAAMG,EAAgBC,GAAuBhB,EAAalF,OAAO,EAE5DiG,IACJH,EAAgBG,EAElB,KAAO,CACN,IAAME,EAAsBb,EAAoBI,KAAMG,EAAgB,CAAA,CAAG,EAEpEM,GAAuBA,EAAqB,CAAA,IAChDzD,EAAa0D,SAAUD,EAAqB,CAAA,CAAG,EAEjD,CAEKP,IACJnD,EAAO,KAET,CAEA,MAAO,CACNA,KAAAA,EACAC,WAAAA,EACA2D,MAAOC,GAAwBR,CAAAA,EAC/BS,iBAAkBX,CACnB,CACD,CAKA,SAASM,GAAuBlG,EAAoB,CAEnD,GAAKA,EAAQwC,MAAQ,MAAQxC,EAAQM,OAAQkC,MAAQ,MAAQxC,EAAQM,OAAQH,aAAc,MAAA,EAC1F,OAAOH,EAAQM,OAAQkG,aAAc,MAAA,EAGtC,IAAMC,EAAoBC,GAAoB1G,CAAAA,EAE9C,GAAK,CAACyG,EACL,OAAO,KAGR,IAAME,EAAaF,EAAkBG,MAErC,OAAKD,IAAe,IACZ,SACIA,IAAe,OACnB,OAGEA,IAAe,OACjB,SAGD,IACR,CAKA,SAASD,GAAoB1G,EAAoB,CAGhD,GAAKA,EAAQ0D,SAAU,CAAA,EAAKxD,GAAI,OAAA,EAC/B,OAAO,KAGR,QAAY2G,KAAa7G,EAAQS,YAAW,EAAK,CAGhD,GAAK,CAACoG,EAAU3G,GAAI,UAAW,MAAA,EAC9B,SAGD,IAAM4G,EAAoBD,EAAUnD,SAAU,CAAA,EAE9C,GAAMoD,EAKN,OAAKA,EAAkB5G,GAAI,OAAA,EACnB4G,EAGCA,EAA2BpD,SAAU,CAAA,CAC/C,CAGA,OAAO,IACR,CAKA,SAAS4C,GAAwBxG,EAAa,CAC7C,GAAKA,EAAMwE,WAAY,qBAAA,EACtB,MAAO,uBAGR,OAASxE,EAAAA,CACR,IAAK,cACJ,MAAO,cACR,IAAK,cACJ,MAAO,cACR,IAAK,cACJ,MAAO,cACR,IAAK,cACJ,MAAO,cACR,IAAK,SACL,IAAK,OACL,IAAK,SACJ,OAAOA,EACR,QACC,OAAO,IACT,CACD,CAKA,SAAS6C,GACRN,EACAzC,EACA0B,EAAgC,CAEhC,IAAMyF,EAAOnH,EAAOsD,cAAeb,EAAUI,IAAI,EAIjD,OAAKJ,EAAUgE,OACdzG,EAAOiD,SAAU,kBAAmBR,EAAUgE,MAAOU,CAAAA,EAGjD1E,EAAUK,YAAcL,EAAUK,WAAa,GACnD9C,EAAOoH,aAAc,QAAS3E,EAAUK,WAAYqE,CAAAA,EAGhD1E,EAAUkE,kBAAoBjF,GAClC1B,EAAOqH,SAAU,aAAcF,CAAAA,EAGzBA,CACR,CAmBA,SAASpC,GAAiB3E,EAAoB,CAC7C,IAAMqC,EAAYrC,EAAQwE,SAAU,UAAA,EAEpC,GAAKnC,IAAcpB,OAClB,MAAO,CAAA,EAGR,IAAMiG,EAAU7E,EAAU2B,MAAO,sBAAA,EAC3BmD,EAAa9E,EAAU2B,MAAO,oBAAA,EAC9BoD,EAAc/E,EAAU2B,MAAO,sBAAA,EAErC,OAAKkD,GAAWC,GAAcC,EACtB,CACNjF,GAAI+E,EAAS,CAAA,EACbtC,MAAOuC,EAAY,CAAA,EACnBnF,OAAQoE,SAAUgB,EAAa,CAAA,CAAG,CACnC,EAGM,CACNpF,OAAQ,CACT,CACD,CAKA,SAASmB,GAAqBnD,EAAsBJ,EAAwB,CAE3E,IAAMyH,EAAgB,IAAIC,GAAS,CAClC9E,KAAM,OACN+E,OAAQ,CACP,WAAY,QACb,CACD,CAAA,EAEM3D,EAAQhE,EAAOG,cAAeC,CAAAA,EAEpC,QAAYF,KAAS8D,EACf9D,EAAM2C,OAAS,gBAAkB4E,EAAcrD,MAAOlE,EAAMG,IAAI,GACpEL,EAAO4H,OAAQ1H,EAAMG,IAAI,CAG5B,CAKA,SAASgE,GAAyBjE,EAAoB,CACrD,IAAMF,EAAQE,EAAQwE,SAAU,aAAA,EAEhC,OAAK1E,IAAUmB,QAAanB,EAAMgB,SAAU,IAAA,EACpChB,EAGDa,GAAsBb,CAAAA,CAC9B,CC7hBO,SAAS2H,GAA+B9H,EAAwC+H,EAAe,CACrG,GAAK,CAAC/H,EAAiB4B,WACtB,OAGD,IAAMoG,EAAe,IAAInG,GAAkB7B,EAAiB8B,QAAQ,EAC9DmG,EAAYC,GAAkBlI,EAAkBgI,CAAAA,EAEtDG,GAAwCF,EAAWjI,EAAkBgI,CAAAA,EACrEI,GAAmBH,EAAWjI,EAAkBgI,CAAAA,EAChDK,GAAwBrI,EAAkBgI,CAAAA,EAE1C,IAAMM,EAASC,GAAqCvI,EAAkBgI,CAAAA,EAEjEM,EAAOrG,QACXuG,GAAiDF,EAAQG,GAAyBV,CAAAA,EAAWC,CAAAA,CAE/F,CASO,SAASU,GAAqBC,EAAiB,CACrD,OAAOC,KAAMD,EAAUtE,MAAO,QAAA,EAAYwE,IAAKC,GACvCC,OAAOC,aAAcvC,SAAUqC,EAAM,EAAA,CAAA,CAC7C,EAAIG,KAAM,EAAA,CAAA,CACX,CASA,SAASf,GAAkBlI,EAAwCC,EAAwB,CAC1F,IAAMgE,EAAQhE,EAAOG,cAAeJ,CAAAA,EAE9BkJ,EAAuB,IAAIvB,GAAS,CACzC9E,KAAM,QACP,CAAA,EAEMoF,EAAY,CAAA,EAElB,QAAY9H,KAAS8D,EAAQ,CAC5B,GAAK9D,EAAM2C,MAAQ,eAClB,SAGD,IAAMqG,EAAKhJ,EAAMG,KACX+E,EAAkB8D,EAAG9D,gBACrB+D,EAAkB/D,GAAmBA,EAAgB9E,GAAI,SAAA,EAAc8E,EAAgBxC,KAAO,KAG9FwG,EAAe,CAAE,OAAS,EAE1BC,EAAkBJ,EAAqB7E,MAAO8E,CAAAA,EAC9CI,EAA6BJ,EAAGtC,aAAc,WAAA,EAC9C2C,EAA8BJ,IAAoB,cAClDK,EAA+BF,GACpCF,EAAaK,KAAMpJ,GAAQ6I,EAAGtC,aAAc,IAAA,EAAQ8C,SAAUrJ,CAAAA,CAAAA,EAK9DgJ,GACAC,GACA,CAACC,GACD,CAACC,GAEDxB,EAAUxH,KAAQN,EAAMG,KAAsBuG,aAAc,IAAA,CAAA,CAE9D,CAEA,OAAOoB,CACR,CAQA,SAASE,GACRF,EACAjI,EACAC,EAAwB,CAExB,IAAMgE,EAAQhE,EAAOG,cAAeJ,CAAAA,EAE9B4J,EAAuB,IAAIjC,GAAS,CACzC9E,KAAM,KACP,CAAA,EAEMgH,EAAO,CAAA,EAEb,QAAY1J,KAAS8D,EACpB,GAAK9D,EAAMG,KAAKC,GAAI,SAAA,GAAeqJ,EAAqBvF,MAAOlE,EAAMG,IAAI,EAAK,CAC7E,IAAM6I,EAAKhJ,EAAMG,KACXwJ,EAASX,EAAGtC,aAAc,UAAA,EAAesC,EAAGtC,aAAc,UAAA,EAAckD,MAAO,GAAA,EAAQ,CAAA,EAExFD,EAAO7H,QAAU6H,EAAOE,MAAOC,GAAShC,EAAUiC,QAASD,CAAAA,EAAU,EAAC,EAC1EJ,EAAKpJ,KAAM0I,CAAAA,EAECA,EAAGtC,aAAc,KAAA,GAC7BgD,EAAKpJ,KAAM0I,CAAAA,CAEb,CAGD,QAAYgB,KAAON,EAClB5J,EAAO4H,OAAQsC,CAAAA,CAEjB,CAOA,SAAS9B,GAAwBrI,EAAwCC,EAAwB,CAChG,IAAMgE,EAAQhE,EAAOG,cAAeJ,CAAAA,EAE9BkJ,EAAuB,IAAIvB,GAAS,CACzC9E,KAAM,QACP,CAAA,EAEMiH,EAAS,CAAA,EAEf,QAAY3J,KAAS8D,EACf9D,EAAM2C,MAAQ,gBAAkBoG,EAAqB7E,MAAOlE,EAAMG,IAAI,GAC1EwJ,EAAOrJ,KAAMN,EAAMG,IAAI,EAIzB,QAAY2J,KAASH,EACpB7J,EAAO4H,OAAQoC,CAAAA,CAEjB,CAKA,SAAS7B,GAAmBgC,EAAyBpK,EAAwCC,EAAwB,CACpH,IAAMgE,EAAQhE,EAAOG,cAAeJ,CAAAA,EAE9B8J,EAA6B,CAAA,EAEnC,QAAY3J,KAAS8D,EACpB,GAAK9D,EAAM2C,MAAQ,gBAAkB3C,EAAMG,KAAKC,GAAI,UAAW,SAAA,EAAc,CAC5E,IAAMiC,EAAKrC,EAAMG,KAAKuG,aAAc,IAAA,EAEpC,GAAKuD,EAAST,SAAUnH,CAAAA,EACvB,SAGK6H,EAAqBlK,EAAMG,KAAKK,OAAQG,YAAW,EAAI0B,CAAAA,GAC5DsH,EAAOrJ,KAAMN,EAAMG,IAAI,CAEzB,CAGD,QAAY2J,KAASH,EAAS,CAC7B,IAAMQ,EAAiC,CACtCC,IAAKC,EAASP,CAAAA,CACf,EAEKA,EAAMzJ,aAAc,KAAA,IACxB8J,EAAMG,IAAMR,EAAMpD,aAAc,KAAA,GAGjC,IAAMsD,EAAMlK,EAAOsD,cAAe,MAAO+G,CAAAA,EAEzCrK,EAAOc,YAAakJ,EAAMvJ,MAAS,EAAGyJ,EAAKF,EAAMtJ,MAAM,CACxD,CAEA,SAAS0J,EAAqBK,EAA2BlI,EAAU,CAClE,QAAYmI,KAAQD,EAAQ,CAE3B,GAAKC,EAAKpK,GAAI,SAAA,IACRoK,EAAK9H,MAAQ,OAAS8H,EAAK9D,aAAc,UAAA,GAAgBrE,GAIzD6H,EAAqBM,EAAK7J,YAAW,EAAI0B,CAAAA,GAC7C,MAAO,EAGV,CAEA,MAAO,EACR,CAEA,SAASgI,EAASP,EAAkB,CACnC,QAAYW,KAASX,EAAMnJ,YAAW,EAAK,CAE1C,GAAK8J,EAAMrK,GAAI,SAAA,GAAeqK,EAAM/D,aAAc,KAAA,EACjD,OAAO+D,EAAM/D,aAAc,KAAA,CAE7B,CACD,CACD,CAUA,SAAS0B,GACRvI,EACAC,EAAwB,CAExB,IAAMgE,EAAQhE,EAAOG,cAAeJ,CAAAA,EAE9B4J,EAAuB,IAAIjC,GAAS,CACzC9E,KAAM,KACP,CAAA,EAEMgH,EAA8B,CAAA,EAChCgB,EAAoB,EAExB,QAAY1K,KAAS8D,EACf9D,EAAMG,KAAKC,GAAI,SAAA,GAAeqJ,EAAqBvF,MAAOlE,EAAMG,IAAI,IACnEH,EAAMG,KAAKuG,aAAc,KAAA,EAASlC,WAAY,SAAA,GAClDkF,EAAKpJ,KAAM,CACVJ,QAASF,EAAMG,KACfwK,WAAYD,CACb,CAAA,EAGDA,KAIF,OAAOhB,CACR,CAgCA,SAASpB,GAAyBV,EAAe,CAChD,GAAK,CAACA,EACL,MAAO,CAAA,EAGR,IAAMgD,EAAqB,uFACrBC,EAAe,IAAIvF,OAAQ,OAASsF,EAAmBE,OAAS,yBAA0B,GAAA,EAC1F3C,EAASP,EAAQ1D,MAAO2G,CAAAA,EACxBE,EAAS,CAAA,EAEf,GAAK5C,EACJ,QAAY6C,KAAS7C,EAAS,CAC7B,IAAI8C,EAA4B,GAE3BD,EAAMxB,SAAU,WAAA,EACpByB,EAAY,YACDD,EAAMxB,SAAU,YAAA,IAC3ByB,EAAY,cAGRA,GACJF,EAAOzK,KAAM,CACZ4K,IAAKF,EAAMG,QAASP,EAAoB,EAAA,EAAKO,QAAS,eAAgB,EAAA,EACtExI,KAAMsI,CACP,CAAA,CAEF,CAGD,OAAOF,CACR,CAWA,SAAS1C,GACR+C,EACAC,EACAvL,EAAwB,CAExB,QAAUwL,EAAI,EAAGA,EAAIF,EAActJ,OAAQwJ,IAAM,CAChD,GAAM,CAAEpL,QAAAA,EAASyK,WAAAA,CAAU,EAAKS,EAAeE,CAAAA,EACzCC,EAAeF,EAAkBV,CAAAA,EAEvC,GAAKY,EAAe,CACnB,IAAMC,EAAS,QAASD,EAAa5I,IAAI,WAAa4F,GAAqBgD,EAAaL,GAAG,CAAA,GAC3FpL,EAAOoH,aAAc,MAAOsE,EAAQtL,CAAAA,CACrC,CACD,CACD,CCjVO,SAASuL,GAAoB5L,EAAsC,CACzE,IAAM6L,EAAuC,CAAA,EAEvC5L,EAAS,IAAI4B,GAAkB7B,EAAiB8B,QAAQ,EAE9D,OAAY,CAAExB,KAAAA,CAAI,IAAML,EAAOG,cAAeJ,CAAAA,EAC7C,GAAMM,EAAKC,GAAI,SAAA,EAIf,SAAYmE,KAAapE,EAAKmE,cAAa,EACrC,UAAUsB,KAAMrB,CAAAA,GACpBzE,EAAO6L,YAAapH,EAAWpE,CAAAA,EAIjC,QAAYyL,KAAazL,EAAK0L,cAAa,EACrC,UAAUjG,KAAMgG,CAAAA,GACpB9L,EAAOwD,YAAasI,EAAWzL,CAAAA,GAKhCA,EAAKC,GAAI,UAAW,OAAA,GACpBD,EAAKC,GAAI,UAAW,SAAA,GAAeD,EAAK2L,SACxC3L,EAAKC,GAAI,UAAW,KAAA,GAAWD,EAAK2L,UAEpCJ,EAAiBpL,KAAMH,CAAAA,EAIzB,QAAYA,KAAQuL,EAAmB,CACtC,IAAMK,EAAa5L,EAAKK,OAClBwL,EAAaD,EAAWtL,cAAeN,CAAAA,EAE7CL,EAAOc,YAAaoL,EAAY7L,EAAKQ,YAAW,EAAIoL,CAAAA,EACpDjM,EAAO4H,OAAQvH,CAAAA,CAChB,CACD,CChCO,SAAS8L,GACfpM,EACAC,EACAoM,EAAoC,GACpCC,EAA0C,GAAK,CAE/C,QAAYhM,KAAQL,EAAOG,cAAeJ,CAAAA,EAAmBoE,SAAQ,EAAK,CACzE,GACC,CAAC9D,EAAKC,GAAI,UAAW,OAAA,GACrB,CAACD,EAAKC,GAAI,UAAW,IAAA,GACrB,CAACD,EAAKC,GAAI,UAAW,IAAA,EAErB,SAcD,GAAK8L,GAA4BC,GAAkChM,EAAKC,GAAI,UAAW,OAAA,EAAY,CAClG,IAAMgM,EAAejM,EAAKK,QAAQJ,GAAI,UAAW,KAAA,EAAUD,EAAKK,OAAS,KACnE6L,EAAclM,EAAKK,QAAQA,QAAQJ,GAAI,UAAW,KAAA,EAAUD,EAAKK,OAAOA,OAAS,KACjF8L,EAAYF,GAAgBC,EAG7BC,GAAaA,EAAU5F,aAAc,OAAA,IAAc,UAAY,CAACvG,EAAKuG,aAAc,OAAA,GACvF5G,EAAOiD,SAAU,cAAe,OAAQ5C,CAAAA,EACxCL,EAAOiD,SAAU,eAAgB,OAAQ5C,CAAAA,GAGhCmM,GAAaA,EAAU5F,aAAc,OAAA,IAAc,SAAW,CAACvG,EAAKuG,aAAc,OAAA,GAC3F5G,EAAOiD,SAAU,cAAe,OAAQ5C,CAAAA,EACxCL,EAAOiD,SAAU,eAAgB,IAAK5C,CAAAA,GAG7B,CAACmM,GAAa,CAACnM,EAAKuG,aAAc,OAAA,IAC3C5G,EAAOiD,SAAU,cAAe,IAAK5C,CAAAA,EACrCL,EAAOiD,SAAU,eAAgB,OAAQ5C,CAAAA,EAE3C,CAEA,IAAMoM,EAAQ,CAAE,OAAQ,MAAO,QAAS,QAAU,EAKlD,GAAKA,EAAM1C,MAAO2C,GAAQ,CAACrM,EAAKsE,SAAU,UAAW+H,CAAAA,QAAa,CAAA,EACjE1M,EAAOiD,SAAU,eAAgB,OAAQ5C,CAAAA,MAEzC,SAAYqM,KAAQD,EACbpM,EAAKsE,SAAU,UAAW+H,CAAAA,QAAa,GAC5C1M,EAAOiD,SAAU,UAAWyJ,CAAAA,SAAe,OAAQrM,CAAAA,EAMtD,IAAMsM,EAAQ,CACb,QACA,SNqtBS,GMptBNF,EAAM7D,IAAK8D,GAAQ,UAAWA,CAAAA,QAAa,EAC3CD,GAAAA,EAAM7D,IAAK8D,GAAQ,WAAYA,CAAAA,EAAO,CACzC,EAED,QAAYE,KAAQD,EACdtM,EAAKsE,SAAUiI,CAAAA,GACnB5M,EAAOiD,SAAU2J,EAAM7L,GAAsBV,EAAKuE,SAAUgI,CAAAA,CAAAA,EAAWvM,CAAAA,CAG1E,CACD,CCnFO,SAASwM,GAAyB9M,EAAwCC,EAAwB,CACxG,QAAY2K,KAAS3K,EAAOG,cAAeJ,CAAAA,EAAmBoE,SAAQ,EAChEwG,EAAMrK,GAAI,UAAW,OAAA,IAEpBqK,EAAM/F,SAAU,OAAA,IAAc,OAClC5E,EAAOwD,YAAa,QAASmH,CAAAA,EAIzBA,EAAM/D,aAAc,OAAA,IAAc,KACtC5G,EAAO8M,gBAAiB,QAASnC,CAAAA,EAIrC,CCyBO,SAASoC,GAAoBhN,EAAwCC,EAAwB,CACnG,IAAMgN,EAAkB,IAAIC,IACtBC,EAAkB,IAAID,IACxBE,EAAiD,KAGrD,OAAY,CAAE9M,KAAAA,CAAI,IAAML,EAAOG,cAAeJ,CAAAA,EAC7C,GAAMM,EAAKC,GAAI,SAAA,EAMf,IAAKD,EAAKuE,SAAU,aAAA,IAAoB,gBAAkB,CACzDuI,EAA6B9M,EAC7B,QACD,CAGA,GAAKA,EAAKsE,SAAU,iBAAA,EAAsB,CACzC,IAAMyI,EAAgB/M,EAAKgN,aAAc,UAAWnE,GAAMA,EAAGtE,SAAU,aAAA,IAAoB,UAAA,EAE3F,GAAKwI,EAAgB,CAIpB,IAAME,EAAkBF,EAAcxG,aAAc,IAAA,EAEpDsG,EAAgBK,IAAKD,EAAiBF,CAAAA,CACvC,KAAO,CAEN,IAAMI,EAAkBnN,EAAKuE,SAAU,iBAAA,EAEvCoI,EAAgBO,IAAKC,EAAiBnN,CAAAA,CACvC,CAEA,QACD,EAID,GAAK,CAAC2M,EAAgBS,MAAQ,CAACN,EAC9B,OAID,IAAMO,EAA2BC,GAAgC3N,CAAAA,EAEjEA,EAAOqL,QAAS8B,EAA4BO,CAAAA,EAG5C,OAAY,CAAEE,EAAYC,CAAAA,IAAmBb,EAAkB,CAC9D,IAAMI,EAAgBF,EAAgBY,IAAKF,CAAAA,EAE3C,GAAK,CAACR,EACL,SAIDpN,EAAOqL,QAASwC,EAAeE,GAA8B/N,EAAQ4N,CAAAA,CAAAA,EAIrE,IAAMI,EAAcC,GAA8BjO,EAAQ4N,CAAAA,EAE1DM,GAAoBlO,EAAQoN,CAAAA,EAG5B,QAAYzC,KAASyC,EAAcvM,YAAW,EAAK,CAClD,IAAIsN,EAAcxD,EAEbA,EAAMrK,GAAI,SAAA,IACd6N,EAAcnO,EAAOoO,MAAOzD,EAAO,EAAA,GAGpC3K,EAAOoD,YAAa+K,EAAaH,EAAYK,OAAO,CACrD,CAEArO,EAAOoD,YAAa4K,EAAY3K,SAAUqK,CAAAA,CAC3C,CACD,CAYA,SAASQ,GAAoBlO,EAA0BI,EAAoB,CAC1E,IAAMkO,EAAuC,CAAA,EACvCC,EAAmC,CAAA,EAEzC,OAAY,CAAElO,KAAAA,CAAI,IAAML,EAAOG,cAAeC,CAAAA,EAC7C,GAAKC,EAAKC,GAAI,SAAA,GAAeD,EAAKuE,SAAU,iBAAA,EAAsB,CACjE0J,EAAiBE,QAASnO,CAAAA,EAI1B,GAAM,CAAEoO,YAAAA,CAAW,EAAKpO,EAEnBoO,GAAanO,GAAI,OAAA,GAAamO,EAAYC,KAAKhK,WAAY,GAAA,GAC/D6J,EAAgBC,QAASC,CAAAA,CAE3B,CAGD,QAAYrO,KAAWkO,EACtBtO,EAAO4H,OAAQxH,CAAAA,EAIhB,QAAYuO,KAAYJ,EAAkB,CACzC,IAAMK,EAAcD,EAASD,KAAKG,UAAW,CAAA,EAE7C,GAAKD,EAAY5M,OAAS,EAAI,CAE7B,IAAMtB,EAASiO,EAASjO,OAClBD,EAAQC,EAAOC,cAAegO,CAAAA,EAC9BG,EAAc9O,EAAO+O,WAAYH,CAAAA,EAEvC5O,EAAO4H,OAAQ+G,CAAAA,EACf3O,EAAOc,YAAaL,EAAOqO,EAAapO,CAAAA,CACzC,MAECV,EAAO4H,OAAQ+G,CAAAA,CAEjB,CAEA,OAAOvO,CACR,CAQA,SAASuN,GAAgC3N,EAAwB,CAChE,OAAOA,EAAOsD,cAAe,KAAM,CAAE0L,MAAO,WAAY,CAAA,CACzD,CASA,SAASjB,GAA8B/N,EAA0B4N,EAAkB,CAClF,IAAMqB,EAAMjP,EAAOsD,cAAe,MAAO,CAAE0L,MAAO,UAAW,CAAA,EACvDE,EAAOlP,EAAOsD,cAAe,IAAK,CACvCf,GAAI,OAAQqL,CAAAA,GACZuB,KAAM,IAAKvB,CAAAA,EACZ,CAAA,EAEA5N,OAAAA,EAAOoD,YAAa8L,EAAMD,CAAAA,EAEnBA,CACR,CASA,SAAShB,GAA8BjO,EAA0B4N,EAAkB,CAIlF,IAAMvK,EAAWrD,EAAOsD,cAAe,KAAM,CAC5Cf,GAAIqL,EACJoB,MAAO,qBACR,CAAA,EAEMI,EAAWpP,EAAOsD,cAAe,IAAK,CAC3C6L,KAAM,QAASvB,CAAAA,GACfoB,MAAO,mBACR,CAAA,EAEMX,EAAUrO,EAAOsD,cAAe,MAAO,CAC5C0L,MAAO,kBACR,CAAA,EAEAhP,OAAAA,EAAOoD,YAAapD,EAAO+O,WAAY,GAAA,EAAOK,CAAAA,EAC9CpP,EAAOoD,YAAagM,EAAU/L,CAAAA,EAC9BrD,EAAOoD,YAAaiL,EAAShL,CAAAA,EAEtB,CACNA,SAAAA,EACAgL,QAAAA,CACD,CACD,CE5OO,SAASgB,GAAmBtP,EAAwCC,EAAwB,CAClG,QAAY2K,KAAS5K,EAAiBc,YAAW,EAChD,GAAK8J,EAAMrK,GAAI,UAAW,GAAA,GAASqK,EAAM/F,SAAU,aAAA,IAAoB,SAAW,CACjF,IAAMsH,EAAanM,EAAiBY,cAAegK,CAAAA,EAEnD3K,EAAO4H,OAAQ+C,CAAAA,EACf3K,EAAOc,YAAaoL,EAAYvB,EAAM9J,YAAW,EAAId,CAAAA,CACtD,CAEF,CCFO,SAASuP,GACfvP,EACAC,EAAwB,CAExB,IAAMuP,EAAe,IAAIC,GAAcxP,EAAO6B,SAAS4N,eAAe,EAChEC,EAAe,IAAIC,GAAkBJ,EAAc,CAAEK,cAAe,MAAO,CAAA,EAE3EC,EAAgBH,EAAaG,cAC7BC,EAAuBJ,EAAaI,qBAEpCC,EAAoB,CAAA,EAE1B,QAAY7P,KAASF,EAAOG,cAAeJ,CAAAA,EAAqB,CAC/D,IAAMK,EAAUF,EAAMG,KAEtB,GAAKD,EAAQE,GAAI,UAAW,IAAA,EAAS,CACpC,IAAMmO,EAAcuB,GAAa5P,EAAS,UAAWJ,EAAQ,CAAE6P,cAAAA,EAAeC,qBAAAA,CAAqB,CAAA,EAC7F1K,EAAkB4K,GAAa5P,EAAS,WAAYJ,EAAQ,CAAE6P,cAAAA,EAAeC,qBAAAA,CAAqB,CAAA,EAElGG,EAAqBC,GAAoBzB,EAAaoB,CAAAA,GAC7BK,GAAoB9K,EAAiByK,CAAAA,GAMrCI,IAC9BF,EAAkBvP,KAAMJ,CAAAA,CAE1B,CACD,CAEA,QAAYA,KAAW2P,EACjB3P,EAAQ+P,SAAU,2BAAA,EACtBnQ,EAAO4H,OAAQxH,CAAAA,EAEfJ,EAAOqL,QAASjL,EAASJ,EAAOsD,cAAe,GAAA,CAAA,CAGlD,CAKA,SAAS0M,GACRI,EACAC,EACArQ,EACA,CAAE6P,cAAAA,EAAeC,qBAAAA,CAAoB,EAAyE,CAE9G,IAAIQ,EAAWtQ,EAAOuQ,iBAAkBH,EAAaC,GAAa,UAAY,QAAU,QAAA,EAOxFC,OAAAA,EAAWA,EAASE,wBAAyB,CAAE,CAAEnQ,KAAAA,CAAI,IACpDA,EAAKC,GAAI,SAAA,GACT,CAACuP,EAAcnG,SAAUrJ,EAAKuC,IAAI,GAClC,CAACkN,EAAqBpG,SAAUrJ,EAAKuC,IAAI,EACvC,CAAEyN,UAAAA,CAAU,CAAA,EAERA,GAAa,UAAYC,EAASG,UAAYH,EAASI,UAC/D,CAKA,SAASR,GAAoBxF,EAAuBmF,EAA4B,CAC/E,MAAO,CAAC,CAACnF,GAAQA,EAAKpK,GAAI,SAAA,GAAeuP,EAAcnG,SAAUgB,EAAK9H,IAAI,CAC3E,CCrEO,SAAS+N,GACf5Q,EACAC,EACA4Q,EAAgB,CAGhB,IAAMC,EAAoC,IAAI3M,IAE9C,QAAYyG,KAAS3K,EAAOG,cAAeJ,CAAAA,EAAmBoE,SAAQ,EAChE,CAACwG,EAAMrK,GAAI,iBAAA,GAAuB,CAACqK,EAAM+D,KAAKhF,SAAU,GAAA,GAKxDoH,GAAkBnG,EAAMjK,MAAM,GAClCmQ,EAAmB5L,IAAK0F,EAAMgE,QAAQ,EAKxC,QAAYA,KAAYkC,EACvBE,GAAuBpC,EAAU3O,EAAQ4Q,CAAAA,CAE3C,CAKA,SAASE,GAAkB1Q,EAAkD,CAC5E,IAAIM,EAASN,EAEb,KAAQM,GAAS,CAChB,GAAKA,EAAOJ,GAAI,SAAA,GACII,EAAOkE,WAAY,aAAA,IAElB,WACnB,MAAO,GAITlE,EAASA,EAAOA,MACjB,CAEA,MAAO,EACR,CAKA,SAASqQ,GAAuBpC,EAAoB3O,EAA0B4Q,EAAgB,CAC7F,GAAM,CAAElQ,OAAAA,EAAQgO,KAAAA,CAAI,EAAKC,EAEnBqC,EAAetC,EAAKuC,WAAY,IAAM,IAAIC,OAAQN,CAAAA,CAAAA,EAClDnQ,EAAQC,EAAQC,cAAegO,CAAAA,EAGrC3O,EAAO4H,OAAQ+G,CAAAA,EACf3O,EAAOc,YAAaL,EAAOT,EAAO+O,WAAYiC,CAAAA,EAAgBtQ,CAAAA,CAC/D,CEnEO,SAASyQ,GAAapR,EAAwCC,EAAwB,CAC5F,QAAY2K,KAAS5K,EAAiBc,YAAW,EAC3C8J,EAAMrK,GAAI,UAAW,OAAA,GAAaqK,EAAMpK,aAAc,OAAA,GAC1DP,EAAO8M,gBAAiB,QAASnC,CAAAA,CAGpC,CCNO,SAASyG,GAAuBrR,EAAwCC,EAAwB,CACtG,QAAY2K,KAAS5K,EAAiBc,YAAW,EAChD,GAAK8J,EAAMrK,GAAI,UAAW,2BAAA,EAAgC,CACzD,IAAM4L,EAAanM,EAAiBY,cAAegK,CAAAA,EAEnD3K,EAAO4H,OAAQ+C,CAAAA,EACf3K,EAAOc,YAAaoL,EAAYvB,EAAM9J,YAAW,EAAId,CAAAA,CACtD,CAEF,CCTO,SAASsR,GAAkBtR,EAAwCC,EAAwB,CACjG,QAAY2K,KAASrG,MAAMC,KAAMxE,EAAiBc,YAAW,CAAA,EACvD8J,EAAMrK,GAAI,UAAW,OAAA,GACzBN,EAAO4H,OAAQ+C,CAAAA,CAGlB,CEJO,SAAS2G,GAAkBC,EAAkB,CAEnD,OAAOC,GAA2BA,GAA2BD,CAAAA,CAAAA,EAE3DlG,QAAS,mFAAoF,MAAA,EAC7FA,QAAS,mDAAoD,EAAA,EAC7DA,QAAS,oEAAqE,OAAA,EAC9EA,QAAS,QAAS,QAAA,EAClBA,QAAS,iBAAkB,iBAAA,EAE3BA,QAAS,+BAAgC,EAAA,EAEzCA,QAAS,2BAA4B,IAAA,CACxC,CAUO,SAASoG,GAAwBC,EAAsB,CAC7DA,EAAaC,iBAAkB,uBAAA,EAA0BC,QAAS1I,GAAAA,CACjE,IAAM2I,EAAc3I,EACd4I,EAAkBD,EAAYE,UAAU/P,QAAU,EAExD6P,EAAYE,UAAYzN,MAAOwN,EAAkB,CAAA,EAAI9I,KAAM,OAAA,EAAYgJ,OAAQ,EAAGF,CAAAA,CACnF,CAAA,CACD,CAcA,SAASN,GAA2BD,EAAkB,CACrD,OAAOA,EAAWlG,QAAS,0DAA2D,CAAE4G,EAAWC,IAC3FA,EAAOlQ,SAAW,EAAI,IAAMsC,MAAO4N,EAAOlQ,OAAS,CAAA,EAAIgH,KAAM,OAAA,EAAYgJ,OAAQ,EAAGE,EAAOlQ,MAAM,CACzG,CACD,CC5CO,SAASmQ,GAAsBZ,EAAoB9B,EAAgC,CACzF,IAAM2C,EAAY,IAAIC,UAGtBd,EAAaA,EAAWlG,QAAS,wBAAyB,EAAA,EAI1DkG,EAAaA,EAAWlG,QAAS,wDAAyD,EAAA,EAE1F,IAAMiH,EAAiBhB,GAAkBiB,GAAuBhB,CAAAA,CAAAA,EAG1DG,EAAeU,EAAUI,gBAAiBF,EAAgB,WAAA,EAEhEb,GAAwBC,CAAAA,EAGxB,IAAMe,EAAaf,EAAagB,KAAKC,UAG/BC,EAAWC,GAAgBnB,EAAcjC,CAAAA,EAGzCqD,EAAeC,GAAerB,CAAAA,EAEpC,MAAO,CACNgB,KAAME,EACNH,WAAAA,EACA9K,OAAQmL,EAAanL,OACrBlG,aAAcqR,EAAarR,YAC5B,CACD,CAiCA,SAASoR,GAAgBnB,EAAwBjC,EAAgC,CAChF,IAAMF,EAAe,IAAIC,GAAcC,CAAAA,EACjCC,EAAe,IAAIC,GAAkBJ,EAAc,CAAEK,cAAe,MAAO,CAAA,EAC3EoD,EAAWtB,EAAauB,uBAAsB,EAC9CxI,EAAQiH,EAAagB,KAAKQ,WAEhC,KAAQzI,EAAMzI,OAAS,GACtBgR,EAAS5P,YAAaqH,EAAO,CAAA,CAAG,EAGjC,OAAOiF,EAAayD,UAAWH,EAAU,CAAEI,aAAc,EAAK,CAAA,CAC/D,CAOA,SAASL,GAAerB,EAAsB,CAC7C,IAAM/J,EAAS,CAAA,EACTlG,EAAe,CAAA,EACf4R,EAAY/O,MAAMC,KAAMmN,EAAa4B,qBAAsB,OAAA,CAAA,EAEjE,QAAY7M,KAAS4M,EACf5M,EAAM8M,OAAS9M,EAAM8M,MAAMC,UAAY/M,EAAM8M,MAAMC,SAASxR,SAChE2F,EAAOnH,KAAMiG,EAAM8M,KAAK,EACxB9R,EAAajB,KAAMiG,EAAMkM,SAAS,GAIpC,MAAO,CACNhL,OAAAA,EACAlG,aAAcA,EAAauH,KAAM,GAAA,CAClC,CACD,CAaA,SAASuJ,GAAuBhB,EAAkB,CACjD,IAAMkC,EAAe,UACfC,EAAe,UAEfC,EAAiBpC,EAAWtH,QAASwJ,CAAAA,EAE3C,GAAKE,EAAiB,EACrB,OAAOpC,EAGR,IAAMqC,EAAiBrC,EAAWtH,QAASyJ,EAAcC,EAAiBF,EAAazR,MAAM,EAE7F,OAAOuP,EAAW1C,UAAW,EAAG8E,EAAiBF,EAAazR,MAAM,GACjE4R,GAAkB,EAAIrC,EAAW1C,UAAW+E,CAAAA,EAAmB,GACnE,KVlIMC,GACAC,GAKOC,GIRPC,GAOOC,GIPPC,GAOOC,GGSAC,apBjCbC,IACAA,KACAA,KSiBMR,GAAe,uEACfC,GAAe,sCAKRC,GAAN,KAAMA,CACIlS,SAEAH,wBAEA0K,yBAEAC,+BAOhB,YACCxK,EACAH,EAAmC,GACnC0K,EAAoC,GACpCC,EAA0C,GACzC,CACD,KAAKxK,SAAWA,EAChB,KAAKH,wBAA0BA,EAC/B,KAAK0K,yBAA2BA,EAChC,KAAKC,+BAAiCA,CACvC,CAKOiI,SAAU/C,EAA8B,CAC9C,OAAOsC,GAAaU,KAAMhD,CAAAA,GAAgBuC,GAAaS,KAAMhD,CAAAA,CAC9D,CAKOiD,QAAS9F,EAA4C,CAC3D,IAAM1O,EAAS,IAAI4B,GAAkB,KAAKC,QAAQ,EAC5C,CAAE6Q,KAAM3S,EAAkB0B,aAAAA,CAAY,EAAKiN,EAAK+F,YAEtD3U,GAAoBC,EAAkBC,CAAAA,EACtCwB,GAAwCzB,EAAkB0B,EAAc,KAAKC,uBAAuB,EACpGmG,GAA+B9H,EAAkB2O,EAAKgG,aAAaC,QAAS,UAAA,CAAA,EAC5ExI,GAAiBpM,EAAkBC,EAAQ,KAAKoM,yBAA0B,KAAKC,8BAA8B,EAC7GQ,GAAyB9M,EAAkBC,CAAAA,EAC3C+M,GAAoBhN,EAAkBC,CAAAA,EACtC2L,GAAoB5L,CAAAA,EAEpB2O,EAAKL,QAAUtO,CAChB,CACD,EI1DMiU,GAAkB,8CAOXC,GAAN,KAAMA,CACIpS,SAOhB,YAAaA,EAAyB,CACrC,KAAKA,SAAWA,CACjB,CAKOyS,SAAU/C,EAA8B,CAC9C,OAAOyC,GAAgBO,KAAMhD,CAAAA,CAC9B,CAKOiD,QAAS9F,EAA4C,CAC3D,IAAM1O,EAAS,IAAI4B,GAAkB,KAAKC,QAAQ,EAC5C,CAAE6Q,KAAM3S,CAAgB,EAAK2O,EAAK+F,YAExCpF,GAAmBtP,EAAkBC,CAAAA,EACrC4D,GAA2B7D,EAAkBC,CAAAA,EAC7CsP,GAA+BvP,EAAkBC,CAAAA,EACjD2Q,GAAgC5Q,EAAkBC,EAAQ,CAAA,EAE1D0O,EAAKL,QAAUtO,CAChB,CACD,EIxCMmU,GAAoB,8BAObC,GAAN,KAAMA,CACItS,SAOhB,YAAaA,EAAyB,CACrC,KAAKA,SAAWA,CACjB,CAKOyS,SAAU/C,EAA8B,CAC9C,OAAO2C,GAAkBK,KAAMhD,CAAAA,CAChC,CAKOiD,QAAS9F,EAA4C,CAC3D,IAAM1O,EAAS,IAAI4B,GAAkB,KAAKC,QAAQ,EAC5C,CAAE6Q,KAAM3S,CAAgB,EAAK2O,EAAK+F,YAExCrD,GAAuBrR,EAAkBC,CAAAA,EACzCmR,GAAapR,EAAkBC,CAAAA,EAC/B6M,GAAyB9M,EAAkBC,CAAAA,EAC3CqR,GAAkBtR,EAAkBC,CAAAA,EAEpC0O,EAAKL,QAAUtO,CAChB,CACD,EGxBaqU,GAAN,cAA8BQ,CAAAA,CAIpC,WAAkBC,YAAa,CAC9B,MAAO,iBACR,CAMA,WAAkBC,oBAA6B,CAC9C,MAAO,KACR,CAKA,WAA2BC,kBAAyB,CACnD,MAAO,EACR,CAKA,WAA2BC,iBAAwB,CAClD,MAAO,EACR,CAKA,WAAkBC,UAAW,CAC5B,MAAO,CAAEC,EAAmB,CAC7B,CAKA,MAAoB,CACnB,IAAMC,EAAS,KAAKA,OACdC,EAAuCD,EAAOE,QAAQvH,IAAK,mBAAA,EAC3DyB,EAAe4F,EAAOG,QAAQC,KAAK1T,SACnC2T,EAAgD,CAAA,EAChD9T,EAA0B,KAAKyT,OAAOE,QAAQxQ,IAAK,gBAAA,EACnDuH,EAA2B,KAAK+I,OAAOE,QAAQxQ,IAAK,iBAAA,EACpDwH,EAAiC,CAAC,CAAC,KAAK8I,OAAOM,OAAO3H,IAAK,kDAAA,EAEjE0H,EAAYhV,KACX,IAAIuT,GACHxE,EACA7N,EACA0K,EACAC,CAAAA,CAAAA,EAGFmJ,EAAYhV,KAAM,IAAIyT,GAAsB1E,CAAAA,CAAAA,EAC5CiG,EAAYhV,KAAM,IAAI2T,GAAwB5E,CAAAA,CAAAA,EAE9C6F,EAAkBM,GACjB,sBACA,CAAEC,EAAKjH,IAAAA,CAON,GANKA,EAAKkH,mCAIQT,EAAOU,MAAMhU,SAASiU,UAAUC,iBAAgB,EAAIrV,OAEvDJ,GAAI,UAAW,WAAA,EAC7B,OAGD,IAAMiR,EAAa7C,EAAKgG,aAAaC,QAAS,WAAA,EACxCqB,EAAmBR,EAAY9R,KAAMuS,GAAcA,EAAW3B,SAAU/C,CAAAA,CAAAA,EAEzEyE,IACEtH,EAAK+F,cACV/F,EAAK+F,YAActC,GAAsBZ,EAAYhC,EAAaE,eAAe,GAGlFuG,EAAiBxB,QAAS9F,CAAAA,EAE1BA,EAAKkH,kCAAoC,GAE3C,EACA,CAAEM,SAAU,MAAO,CAAA,CAErB,CACD,kBC1HAC,IACAA,KAEAA,qBKHAC,IACAA,IACAA,KACAA,sBaHAC,IACAA,sBKDAC,IACAA,KAEAA,qBEHAC,IACAA,KACAA,KAEAA,qBYJAC,IAEAA,IAEAA,YcgBMC,GACAC,GA+WOC,GAWAC,GAoJAC,aDniBbC,IACAA,KACAA,IAEAA,KAEAA,KACAA,KCaML,GAAuB,wBACvBC,GAAuB,sBA+WhBC,GAAkC,CAC9CI,KAAM,CAAEC,UAAW,wBAAyB,EAC5CC,OAAQ,CAAED,UAAW,0BAA2B,EAChDE,MAAO,CAAEF,UAAW,yBAA0B,EAC9CG,UAAW,CAAEH,UAAW,8BAA+B,EACvDI,WAAY,CAAEJ,UAAW,+BAAgC,CAC1D,EAKaJ,GAAgE,CAE5E,CACCS,KAAM,CACLC,KAAM,mBACNC,OAAQ,CACPC,MAAOd,EACR,CACD,EACAe,SAAYC,GAAAA,CACX,IAAIC,EAAQD,EAAYE,SAAU,OAAA,EAElC,OAAKD,IAAU,SACdA,EAAQ,UAGFA,CACR,EACAE,eAAgBH,EAAwB,CACvC,IAAMF,EAAQE,EAAYE,SAAU,OAAA,EAC9BL,EAAwB,CAAE,OAAS,EAEzC,OAAKC,IAAU,QAAUE,EAAYI,SAAU,cAAA,EAC9CP,EAAOQ,KAAM,cAAA,EACFP,IAAU,SAAWE,EAAYI,SAAU,aAAA,GACtDP,EAAOQ,KAAM,aAAA,EAGP,CAAER,OAAAA,CAAO,CACjB,CACD,EAEA,CACCF,KAAM,CACLC,KAAM,mBACNC,OAAQ,CACP,cAAe,OACf,eAAgB,MACjB,CACD,EACAE,SAAU,IAAc,SACxBI,eAAgB,KACR,CAAEN,OAAQ,CAAE,cAAe,cAAgB,CAAC,EAErD,EAEA,CACCF,KAAM,CACLC,KAAM,mBACNU,IAAK,QACLC,MAAO,wBACR,EACAR,SAAU,IAAc,OACxBI,gBAAAA,CACC,MAAO,CAAEK,QAASvB,GAAgCI,KAAKC,SAAU,CAClE,CACD,EAEA,CACCK,KAAM,CACLC,KAAM,mBACNU,IAAK,QACLC,MAAOtB,GAAgCO,MAAMF,SAC9C,EACAS,SAAU,IAAc,QACxBI,gBAAAA,CACC,MAAO,CAAEK,QAASvB,GAAgCO,MAAMF,SAAU,CACnE,CACD,EAEA,CACCK,KAAM,CACLC,KAAM,mBACNU,IAAK,QACLC,MAAOtB,GAAgCM,OAAOD,SAC/C,EACAS,SAAU,IAAc,SACxBI,gBAAAA,CACC,MAAO,CAAEK,QAASvB,GAAgCM,OAAOD,SAAU,CACpE,CACD,EAEA,CACCK,KAAM,CACLC,KAAM,mBACNU,IAAK,QACLC,MAAOtB,GAAgCQ,UAAUH,SAClD,EACAS,SAAU,IAAc,YACxBI,gBAAAA,CACC,MAAO,CAAEK,QAASvB,GAAgCQ,UAAUH,SAAU,CACvE,CACD,EAEA,CACCK,KAAM,CACLC,KAAM,mBACNU,IAAK,QACLC,MAAOtB,GAAgCS,WAAWJ,SACnD,EACAS,SAAU,IAAc,aACxBI,gBAAAA,CACC,MAAO,CAAEK,QAASvB,GAAgCS,WAAWJ,SAAU,CACxE,CACD,EAEA,CACCK,KAAM,CACLC,KAAM,mBACNC,OAAQ,CACP,cAAe,IACf,eAAgB,MACjB,CACD,EACAE,SAAU,IAAc,YACxBI,gBAAAA,CACC,MAAO,CAAEN,OAAQ,CAAE,cAAe,cAAgB,CAAC,CACpD,CACD,EAEA,CACCF,KAAM,CACLC,KAAM,mBACNC,OAAQ,CACP,cAAe,OACf,eAAgB,GACjB,CACD,EACAE,SAAU,IAAc,aACxBI,gBAAAA,CACC,MAAO,CAAEN,OAAQ,CAAE,cAAe,cAAgB,CAAC,CACpD,CACD,EAEA,CACCF,KAAM,CACLC,KAAM,QACNa,WAAY,CACXR,MAAOlB,EACR,CACD,EACAgB,SAAYC,GAAkDA,EAAYU,aAAc,OAAA,EACxFP,gBAAAA,CACC,MAAO,CAAEM,WAAY,OAAQ,CAC9B,CACD,CDxED,EC2EatB,GAA8H,CAC1II,OAAQ,CACPU,MAAO,SACPU,MAAO,yCACPrB,UAAW,0BACZ,EACAD,KAAM,CACLY,MAAO,OACPU,MAAO,eACPrB,UAAW,wBACZ,EACAE,MAAO,CACNS,MAAO,QACPU,MAAO,gBACPrB,UAAW,yBACZ,EACAG,UAAW,CACVQ,MAAOW,OACPD,MAAO,sCACPrB,UAAWL,GAAgCQ,UAAUH,SACtD,EACAI,WAAY,CACXO,MAAOW,OACPD,MAAO,sCACPrB,UAAWL,GAAgCS,WAAWJ,SACvD,CACD,mBwF7jBAuB,IAEAA,qBGFAC,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,IACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,KACAA,IACAA,KACAA,KACAA,QC3DA,IAAAC,GAAAC,EAAA,QCAA,IAAAC,GAAAC,GAAAC,IAAA,CAKAC,KACAA,KACAA,KAEAC,KACAA,KACAA,KACAA,KACAA,KAEAC,KAEAC,KACAC,KAYAC,KAIA,IAAAC,GAAO,SACPC,KACAC,KAGAC,KAgBAA,KAjCA,IAAMC,GAAI,OAAO,OAGjB,OAAO,OAAS,SAASC,EAASC,EAAMC,EAAK,CAC3C,OAAO,OAAOF,CAAO,EAAE,IAAIC,EAAMC,CAAG,CACtC,EAIAC,GAAM,MAAM,EA2BZ,SAASC,IAAe,CAEtB,IAAMC,EAAiB,SAAS,cAAc,mCAAmC,EAC3EC,EAAaD,EAAiBA,EAAe,QAAU,MAE7D,SAAS,iBAAiB,iBAAiB,EAAE,QAASL,GAAY,CAE5DA,EAAQ,QAAQ,qBAEpBO,GACG,OAAOP,EAAS,CACf,WAAYM,EACZ,QAAS,CACPE,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,EACF,EACA,QAAS,CACP,UACA,IACA,OACA,SACA,YACA,gBACA,IACA,OACA,eACA,eACA,IACA,UACA,SACA,IACA,aACA,IACA,OACA,MACF,EACA,SAAU,IACZ,CAAC,EACA,KAAKC,GAAU,CACdrB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",
  "names": ["createElement", "tagName", "attrs", "content", "el", "attrName", "applyStyle", "elementPropHash", "appendToElement", "htmlToElement", "html", "container", "computeContainerTag", "htmlToElements", "htmlToNodeList", "containerTagHash", "childNodes", "normalizeContent", "prependToElement", "parent", "newEls", "afterEl", "i", "insertAfterElement", "refEl", "els", "removeElement", "elementClosest", "selector", "closestMethod", "elementMatches", "matchesMethod", "findElements", "containers", "allMatches", "matches", "j", "findChildren", "parents", "childNode", "props", "propName", "applyStyleProp", "name", "val", "PIXEL_PROP_RE", "intersectRects", "rect1", "rect2", "res", "getIsRtlScrollbarOnLeft", "isRtlScrollbarOnLeft", "computeIsRtlScrollbarOnLeft", "outerEl", "innerEl", "sanitizeScrollbarWidth", "width", "computeEdges", "getPadding", "computedStyle", "borderLeft", "borderRight", "borderTop", "borderBottom", "scrollbarLeftRight", "scrollbarBottom", "computeInnerRect", "goWithinPadding", "outerRect", "computeRect", "edges", "rect", "computeViewportRect", "computeHeightAndMargins", "computeVMargins", "computed", "getClippingParents", "computeClippingRect", "rect0", "listenBySelector", "eventType", "handler", "realHandler", "ev", "matchedChild", "listenToHoverBySelector", "onMouseEnter", "onMouseLeave", "currentMatchedChild", "realOnMouseLeave_1", "addWeeks", "m", "n", "a", "dateToUtcArray", "arrayToUtcDate", "addDays", "addMs", "diffWeeks", "m0", "m1", "diffDays", "diffHours", "diffMinutes", "diffSeconds", "diffDayAndTime", "m0day", "startOfDay", "m1day", "diffWholeWeeks", "d", "diffWholeDays", "timeAsMs", "startOfHour", "startOfMinute", "startOfSecond", "weekOfYear", "marker", "dow", "doy", "y", "w", "weekOfGivenYear", "nextW", "year", "firstWeekStart", "firstWeekOffset", "dayStart", "days", "fwd", "fwdlw", "dateToLocalArray", "date", "arrayToLocalDate", "isValidDate", "createDuration", "input", "unit", "_a", "parseString", "normalizeObject", "s", "PARSE_RE", "sign", "obj", "getWeeksFromInput", "durationsEqual", "d0", "d1", "addDurations", "subtractDurations", "multiplyDuration", "asRoughYears", "dur", "asRoughDays", "asRoughMonths", "asRoughMs", "wholeDivideDurations", "numerator", "denominator", "INTERNAL_UNITS", "localRes", "isInt", "greatestDurationDenominator", "dontReturnWeeks", "ms", "compensateScroll", "rowEl", "scrollbarWidths", "uncompensateScroll", "distributeHeight", "availableHeight", "shouldRedistribute", "minOffset1", "minOffset2", "flexEls", "flexOffsets", "flexHeights", "usedHeight", "undistributeHeight", "minOffset", "naturalHeight", "naturalOffset", "newHeight", "matchCellWidths", "maxInnerWidth", "innerWidth_1", "subtractInnerElHeight", "reflowStyleProps", "diff", "resetStyleProps", "parseFieldSpecs", "specs", "tokens", "token", "compareByFieldSpecs", "obj0", "obj1", "fieldSpecs", "cmp", "compareByFieldSpec", "fieldSpec", "flexibleCompare", "b", "capitaliseFirstLetter", "str", "padStart", "len", "applyAll", "functions", "thisObj", "args", "ret", "firstDefined", "_i", "debounce", "func", "wait", "timeout", "context", "timestamp", "result", "later", "last", "refineProps", "rawProps", "processors", "defaults", "leftoverProps", "refined", "key", "processor", "computeAlignedDayRange", "timedRange", "dayCnt", "start", "end", "computeVisibleDayRange", "nextDayThreshold", "startDay", "endDay", "endTimeMS", "isMultiDayRange", "range", "visibleRange", "diffDates", "date0", "date1", "dateEnv", "largeUnit", "__extends", "extendStatics", "__", "parseRecurring", "eventInput", "allDayDefault", "recurringTypes", "leftovers", "localLeftovers", "parsed", "allDay", "__assign", "expandRecurringRanges", "eventDef", "duration", "framingRange", "typeDef", "markers", "mergeProps", "propObjs", "complexProps", "dest", "complexObjs", "filterHash", "hash", "filtered", "mapHash", "newHash", "arrayToHash", "a_1", "item", "hashValuesToArray", "isPropsEqual", "hasOwnProperty", "parseEvents", "rawEvents", "sourceId", "calendar", "allowOpenRange", "eventStore", "createEmptyEventStore", "rawEvents_1", "rawEvent", "tuple", "parseEvent", "eventTupleToStore", "expandRecurring", "defs", "instances", "instance", "defId", "def", "starts", "starts_1", "createEventInstance", "getRelevantEvents", "instanceId", "def_1", "newStore", "filterEventStoreDefs", "lookDef", "isEventDefsGrouped", "def0", "def1", "transformRawEvents", "eventSource", "calEachTransform", "sourceEachTransform", "transformEachRawEvent", "refinedEvents", "rawEvents_2", "refinedEvent", "mergeEventStores", "store0", "store1", "filterFunc", "parseRange", "invertRanges", "ranges", "constraintRange", "invertedRanges", "dateRange", "compareRanges", "range0", "range1", "intersectRanges", "newRange", "rangesEqual", "rangesIntersect", "rangeContainsRange", "outerRange", "innerRange", "rangeContainsMarker", "constrainMarkerToRange", "isArraysEqual", "a0", "a1", "memoize", "workerFunc", "memoizeOutput", "equalityFunc", "cachedRes", "newRes", "buildFormattingFunc", "standardDateProps", "extendedSettings", "standardDatePropCnt", "formatTimeZoneOffset", "formatWeekNumber", "buildNativeFormattingFunc", "sanitizeSettings", "normalFormat", "zeroFormat", "zeroProps", "format", "postProcess", "LTR_RE", "injectTzoStr", "COMMA_RE", "MERIDIEM_RE", "MULTI_SPACE_RE", "tzoStr", "replaced", "UTC_RE", "num", "weekLabel", "locale", "display", "parts", "computeMarkerDiffSeverity", "ca", "computePartialFormattingOptions", "options", "biggestUnit", "partialOptions", "name_2", "STANDARD_DATE_PROP_SEVERITIES", "findCommonInsertion", "full0", "partial0", "full1", "partial1", "i0", "found0", "before0", "after0", "i1", "found1", "before1", "after1", "createFormatter", "defaultSeparator", "NativeFormatter", "CmdFormatter", "FuncFormatter", "buildIsoString", "timeZoneOffset", "stripZeroTime", "formatIsoTimeString", "minutes", "doIso", "abs", "hours", "mins", "createVerboseFormattingArg", "separator", "startInfo", "expandZonedMarker", "endInfo", "dateInfo", "calendarSystem", "sliceEventStore", "eventUiBases", "inverseBgByGroupId", "inverseBgByDefId", "defByGroupId", "bgRanges", "fgRanges", "eventUis", "compileEventUis", "ui", "origRange", "normalRange", "slicedRange", "groupId", "invertedRanges_1", "invertedRange", "invertedRanges_2", "hasBgRendering", "filterSegsViaEls", "segs", "isMirror", "view", "seg", "custom", "EventApi", "segs_1", "setElSeg", "getElSeg", "eventDefs", "compileEventUi", "uis", "combineEventUis", "triggerRenderedSegs", "isMirrors", "segs_2", "triggerWillRemoveSegs", "segs_3", "segs_4", "computeEventDraggable", "eventUi", "transformers", "transformers_1", "transformer", "computeEventStartResizable", "computeEventEndResizable", "applyMutationToEventStore", "eventConfigBase", "mutation", "eventConfigs", "applyMutationToEventDef", "applyMutationToEventInstance", "eventConfig", "appliers", "standardProps", "copy", "appliers_1", "applier", "eventInstance", "forceAllDay", "clearEnd", "reduceEventStore", "action", "eventSources", "dateProfile", "receiveRawEvents", "addEvent", "rezoneDates", "applyMutationToRelated", "excludeInstances", "excludeEventsBySourceId", "fetchId", "fetchRange", "subset", "expandRange", "oldDateEnv", "newDateEnv", "fromApi", "relevant", "removals", "isInteractionValid", "interaction", "isNewPropsValid", "isDateSelectionValid", "dateSelection", "newProps", "isPropsValid", "state", "dateSpanMeta", "filterConfig", "isInteractionPropsValid", "isDateSelectionPropsValid", "subjectEventStore", "subjectDefs", "subjectInstances", "subjectConfigs", "otherEventStore", "otherDefs", "otherInstances", "otherConfigs", "subjectInstanceId", "subjectInstance", "subjectRange", "subjectConfig", "subjectDef", "allConstraintsPass", "overlapFunc", "otherInstanceId", "otherInstance", "otherOverlap", "calendarEventStore", "subjectAllow", "subjectDateSpan", "origDef", "origInstance", "eventApi", "relevantEventStore", "relevantDefs", "relevantInstances", "selection", "selectionRange", "selectionConfig", "relevantInstanceId", "relevantInstance", "selectionAllow", "fullDateSpan", "constraints", "businessHoursUnexpanded", "constraints_1", "constraint", "anyRangesContainRange", "constraintToRanges", "eventStoreToRanges", "outerRanges", "outerRanges_1", "normalizeConstraint", "htmlEscape", "cssToStr", "cssProps", "statements", "name_1", "attrsToStr", "parseClassName", "raw", "processUnscopedUiProps", "UNSCOPED_EVENT_UI_PROPS", "processScopedUiProps", "prefix", "rawScoped", "rawUnscoped", "wasFound", "scopedKey", "combineTwoEventUis", "EMPTY_EVENT_UI", "item0", "item1", "computeIsAllDayDefault", "leftovers0", "recurringRes", "parseEventDef", "leftovers1", "singleRes", "parseSingle", "hasEnd", "pluckNonDateProps", "uid", "eventDefParser", "newLeftovers", "forcedStartTzo", "forcedEndTzo", "pluckDateProps", "startMeta", "startMarker", "endMeta", "endMarker", "DATE_PROPS", "preLeftovers", "NON_DATE_PROPS", "source", "parseBusinessHours", "refineInputs", "rawDefs", "rawDef", "DEF_DEFAULTS", "memoizeRendering", "renderFunc", "unrenderFunc", "dependencies", "dependents", "thisContext", "prevArgs", "unrender", "dependents_1", "dependent", "dependencies_1", "dependency", "buildEventUiForKey", "allUi", "eventUiForKey", "individualUi", "baseParts", "stuff", "buildGotoAnchorHtml", "allOptions", "gotoOptions", "innerHtml", "type", "forceOff", "finalOptions", "getAllDayHtml", "getDayClasses", "noThemeHighlight", "theme", "classes", "todayStart", "todayEnd", "DAY_IDS", "unpromisify", "success", "failure", "isResolved", "wrappedSuccess", "wrappedFailure", "addToHash", "removeFromHash", "recycleProps", "oldProps", "equalityFuncs", "comboProps", "anyChanges", "createPlugin", "uid$1", "combineHooks", "hooks0", "hooks1", "requestJson", "method", "url", "params", "successCallback", "failureCallback", "body", "injectQueryStringParams", "encodeParams", "xhr", "buildRequestParams", "meta", "startParam", "endParam", "timeZoneParam", "customRequestParams", "expandRanges", "daysOfWeek", "startTime", "dowHash", "dayMarker", "instanceStarts", "instanceStart", "handleEventSources", "inputs", "deepEqual", "unfoundSources", "newInputs", "inputs_1", "inputFound", "unfoundSources_1", "unfoundSource", "_b", "newInputs_1", "newInput", "handlePlugins", "mergeOptions", "optionObjs", "complexOptions", "refinePluginDefs", "pluginInputs", "plugins", "pluginInputs_1", "pluginInput", "globalName", "INTERNAL_PLUGINS", "parseRawLocales", "explicitRawLocales", "defaultCode", "globalArray", "globalObject", "allRawLocales", "rawLocaleMap", "RAW_EN_LOCALE", "allRawLocales_1", "rawLocale", "buildLocale", "inputSingular", "available", "parseLocale", "queryLocale", "codeArg", "codes", "queryRawLocale", "simpleId", "merged", "week", "registerCalendarSystem", "theClass", "calendarSystemClassMap", "createCalendarSystem", "parse", "ISO_RE", "doesSourceNeedRange", "parseEventSource", "parseEventSourceProps", "sourceDefId", "SIMPLE_SOURCE_PROPS", "uid$2", "reduceEventSources", "addSources", "removeSource", "fetchDirtySources", "fetchSourcesByIds", "excludeStaticSources", "receiveResponse", "eventSourceHash", "sources", "sources_1", "sourceHash", "isSourceDirty", "prevSources", "sourceIdHash", "nextSources", "fetchSource", "sourceDef", "uid$3", "calSuccess", "calSuccessRes", "sourceSuccessRes", "error", "callFailure", "isDateProfilesEqual", "p0", "p1", "reduce", "viewType", "reduceViewType", "reduceDateProfile", "nextState", "reduceCurrentDate", "reduceDateSelection", "reduceSelectedEvent", "reduceEventDrag", "reduceEventResize", "computeLoadingLevel", "reducerFunc", "currentViewType", "currentDateProfile", "currentDate", "newDateProfile", "generator", "newDate", "currentSelection", "currentInstanceId", "currentDrag", "newDrag", "currentResize", "newResize", "cnt", "parseDateSpan", "defaultDuration", "span", "parseOpenDateSpan", "STANDARD_PROPS", "buildDateSpanApi", "buildDatePointApi", "fabricateEventRange", "dateSpan", "compileViewDefs", "defaultConfigs", "overrideConfigs", "ensureViewDef", "viewDef", "buildViewDef", "defaultConfig", "overrideConfig", "queryProp", "superType", "findViewNameBySubclass", "superDef", "viewSubclass", "configs", "superProto", "parseViewConfigs", "parseViewConfig", "VIEW_DEF_PROPS", "buildViewSpecs", "defaultInputs", "optionsManager", "viewDefs", "buildViewSpec", "durationInput", "durationUnit", "singleUnit", "singleUnitOverrides", "denom", "queryButtonText", "buttonTextMap", "buttonTextKey", "globalDefaults", "computeTitle", "viewOptions", "computeTitleFormat", "currentRangeUnit", "buildComponentContext", "viewSpec", "buildViewPropTransformers", "theClasses", "parseInteractionSettings", "component", "buildComponentContext$1", "ComponentContext", "buildDateEnv", "timeZone", "namedTimeZoneImpl", "firstDay", "weekNumberCalculation", "cmdFormatter", "DateEnv", "buildTheme", "calendarOptions", "themeClass", "StandardTheme", "buildDelayedRerender", "buildEventUiBySource", "buildEventUiBases", "eventUiSingleBase", "eventUiBySource", "buildSegCompareObj", "computeFallbackHeaderFormat", "datesRepDistinctDays", "renderDateCell", "dateMarker", "colCnt", "colHeadFormat", "colspan", "otherAttrs", "isDateValid", "classNames", "computeActiveRange", "isComponentAllDay", "EXTENDED_SETTINGS_AND_SEVERITIES", "EventSourceApi", "EMPTY_EVENT_STORE", "Splitter", "Mixin", "EmitterMixin", "PositionCache", "ScrollController", "ElementScrollController", "WindowScrollController", "ScrollComponent", "Theme", "guid", "Component", "DateComponent", "PluginSystem", "eventSourceDef", "ArrayEventSourcePlugin", "eventSourceDef$1", "FuncEventSourcePlugin", "eventSourceDef$2", "JsonFeedEventSourcePlugin", "recurring", "SimpleRecurrencePlugin", "DefaultOptionChangeHandlers", "rtlDefaults", "OptionsManager", "GregorianCalendarSystem", "DateProfileGenerator", "Toolbar", "CalendarComponent", "Interaction", "interactionSettingsStore", "EventClicking", "EventHovering", "Calendar", "View", "FgEventRenderer", "FillRenderer", "ElementDragging", "DayHeader", "DaySeries", "DayTable", "Slicer", "init_main_esm", "__esmMin", "p", "t", "formatSettings", "severity", "diffSeverity", "biggestUnitForPartial", "partialDateProps", "partialFormattingFunc", "insertion", "cmdStr", "internalEventSource", "startInput", "instanceRange", "startDelta", "endInput", "endDelta", "deltaInput", "delta", "maintainDuration", "formatInput", "formatter", "_this", "keyInfos", "defKeys", "dateSelections", "eventStores", "eventDrags", "eventResizes", "splitProps", "info", "keyInfo", "buildEventUi", "dateSpans", "keys", "keys_1", "splitStores", "_c", "splitHashes", "splitStates", "affectedStores_1", "mutatedKeysByDefId", "mutatedStores_1", "populate", "destClass", "destObj", "_super", "originEl", "isHorizontal", "isVertical", "originClientRect", "originClientLeft", "lefts", "rights", "originClientTop", "tops", "bottoms", "leftPosition", "topPosition", "leftIndex", "topIndex", "top", "left", "overflowX", "overflowY", "height", "iconOverrideHash", "iconClassesCopy", "buttonName", "className", "customButtonProps", "newFuncs", "oldContext", "positionLeft", "positionTop", "elWidth", "elHeight", "segEl", "plugin", "dep", "arg", "requestParams", "errorMessage", "createMarker", "anyValid", "typeData", "clippedFramingRange", "events", "overrides", "updates", "isDynamic", "overrideHash", "removals_1", "locales", "localeDefaults", "dir", "dirDefaults", "arr", "settings", "isNamedTimeZone", "forcedTzo", "dateOptions", "extraOptions", "prevDate", "nextDate", "direction", "forceToValid", "validRange", "minTime", "maxTime", "currentInfo", "isRangeAllDay", "renderRange", "activeRange", "isValid", "dayCount", "alignment", "dateIncrementInput", "dateIncrementDuration", "computeRes", "customAlignment", "runningCount", "currentRange", "fallback", "otherArgs", "hiddenDays", "isHiddenDayHash", "day", "inc", "isExclusive", "extraClassName", "layout", "position", "buttonStr", "viewSpecs", "sectionEl", "calendarCustomButtons", "calendarButtonTextOverrides", "calendarButtonText", "buttonGroupStr", "groupChildren", "isOnlyButtons", "groupEl", "buttonClick", "buttonIcon", "buttonText", "buttonInnerHtml", "buttonClasses", "buttonEl", "buttonAriaAttr", "buttonGroupClassName", "isTodayEnabled", "isPrevEnabled", "isNextEnabled", "text", "titleEl", "bool", "title", "modifyViewContainer", "classList", "header", "footer", "headerLayout", "footerLayout", "dateProfileGenerator", "now", "todayInfo", "prevInfo", "nextInfo", "toolbarProps", "viewProps", "isResize", "heightInput", "contentHeightInput", "parentEl", "hasUrlContainer", "publicEvName", "calendarInteractionClass", "pluginDefs", "pluginDefs_1", "pluginDef", "anchorEl", "customAction", "rawSources", "singleRawSource", "rawSources_1", "rawSource", "oldState", "newState", "renderableEventStore", "changeHandlers", "normalUpdates", "specialUpdates", "isTimeZoneDirty", "isSizeDirty", "anyDifficultOptions", "name_3", "pluginHooks", "rawOpts", "optHandler", "afterSizingTriggers", "name_4", "dateOrRange", "spec", "viewTypes", "defaultDateInput", "zonedDateInput", "omitTime", "settingsInput", "DEFAULT_INTERACTIONS", "interactionClasses", "interactions", "interactionClass", "listener", "dateOrObj", "endDate", "selectionInput", "pev", "dayEl", "transform", "sourceInput", "sourceApi", "id", "eventApis", "sourceApis", "internalId", "timeInput", "viewHeight", "isAuto", "businessHours", "update", "delay", "scroll", "isForced", "mirrorInfo", "_segs", "displayEventTime", "displayEventEnd", "isDraggable", "isResizable", "eventRange", "displayEnd", "objs", "c", "force", "renderedSegs", "containerEls", "css", "dates", "dates_1", "indices", "dayIndex", "firstIndex", "lastIndex", "clippedFirstIndex", "clippedLastIndex", "dayOffset", "daySeries", "breakOnWeeks", "daysPerRow", "rowCnt", "rows", "row", "cells", "col", "seriesSeg", "index", "nextIndex", "extraArgs", "eventSegs", "rangeRes", "eventRanges", "eventRanges_1", "__extends", "d", "b", "extendStatics", "__", "isDaySegCollision", "seg", "otherSegs", "i", "otherSeg", "compareDaySegCols", "a", "renderCellHtml", "date", "dateProfile", "context", "otherAttrs", "dateEnv", "theme", "isDateValid", "rangeContainsMarker", "classes", "getDayClasses", "buildDayTable", "dateProfileGenerator", "daySeries", "DaySeries", "DayTable", "__assign", "DayGridDateProfileGenerator", "Popover", "SimpleDayGridEventRenderer", "DayGridEventRenderer", "DayGridMirrorRenderer", "EMPTY_CELL_HTML", "DayGridFillRenderer", "DayTile", "DayTileEventRenderer", "DayBgRow", "DAY_NUM_FORMAT", "WEEK_NUM_FORMAT", "DayGrid", "WEEK_NUM_FORMAT$1", "AbstractDayGridView", "SimpleDayGrid", "DayGridSlicer", "DayGridView", "main", "main_esm_default", "init_main_esm", "__esmMin", "p", "t", "s", "_super", "currentRange", "currentRangeUnit", "isRangeAllDay", "renderRange", "start", "end", "endOfWeek", "addWeeks", "rowCnt", "diffWeeks", "DateProfileGenerator", "options", "_this", "ev", "el", "createElement", "listenBySelector", "removeElement", "elDims", "origin", "computeRect", "clippingRect", "computeClippingRect", "top", "left", "applyStyle", "name", "mirrorInfo", "eventRange", "eventDef", "eventUi", "allDay", "isDraggable", "computeEventDraggable", "isResizableFromStart", "computeEventStartResizable", "isResizableFromEnd", "computeEventEndResizable", "skinCss", "cssToStr", "timeHtml", "timeText", "titleHtml", "htmlEscape", "FgEventRenderer", "dayGrid", "segs", "rowStructs", "rowNode", "rowStruct", "segRows", "row", "rowSegs", "isRtl", "colCnt", "segLevels", "levelCnt", "tbody", "segMatrix", "cellMatrix", "loneCellMatrix", "levelSegs", "col", "tr", "j", "td", "emptyCellsUntil", "endCol", "leftCol", "rightCol", "introHtml", "appendToElement", "prependToElement", "levels", "sourceSeg", "skeletonEl", "htmlToElement", "skeletonTopEl", "skeletonTop", "type", "els", "startCol", "className", "trEl", "FillRenderer", "eventRenderer", "renderFrame", "memoizeRendering", "props", "_a", "title", "createFormatter", "positionLeft", "positionTop", "elWidth", "elHeight", "addDays", "DateComponent", "dayTile", "_i", "segs_1", "segs_2", "parts", "cell", "renderProps", "fillRenderer", "renderCells", "cells", "ownProps", "isRigid", "calendar", "view", "_b", "html", "findElements", "PositionCache", "bgRow", "intro", "htmls", "isDayNumberVisible", "weekCalcFirstDow", "buildGotoAnchorHtml", "isResize", "mirrorRenderer", "leftPosition", "topPosition", "colPositions", "rowPositions", "state", "levelLimit", "rowLevelLimit", "rowEl", "rowBottom", "trEls", "findChildren", "moreNodes", "limitedNodes", "segsBelow", "totalSegsBelow", "colSegsBelow", "rowSpan", "segMoreNodes", "moreTd", "moreWrap", "moreLink", "node", "insertAfterElement", "limitedEl", "hiddenSegs", "clickOption", "_col", "moreEl", "dayEl", "allSegs", "reslicedAllSegs", "reslicedHiddenSegs", "topEl", "dayDate", "dayStart", "dayEnd", "dayRange", "newSegs", "origRange", "slicedRange", "intersectRanges", "num", "opt", "startLevel", "level", "memoize", "weekStart", "ScrollComponent", "dayGridContainerEl", "dayGridEl", "eventLimit", "viewHeight", "isAuto", "headRowEl", "scrollerHeight", "scrollbarWidths", "matchCellWidths", "uncompensateScroll", "compensateScroll", "subtractInnerElHeight", "height", "distributeHeight", "undistributeHeight", "duration", "scroll", "View", "dayTable", "rawHit", "dateRange", "Slicer", "DayHeader", "createPlugin", "__extends", "d", "b", "extendStatics", "__", "buildSlotSegLevels", "segs", "levels", "i", "seg", "j", "computeSlotSegCollisions", "computeForwardSlotSegs", "level", "k", "computeSlotSegPressures", "forwardSegs", "forwardPressure", "forwardSeg", "otherSegs", "results", "isSlotSegCollision", "seg1", "seg2", "buildTimeGridSegCompareObj", "obj", "buildSegCompareObj", "buildDayRanges", "dayTable", "dateProfile", "dateEnv", "ranges", "_i", "_a", "date", "buildDayTable", "dateProfileGenerator", "daySeries", "DaySeries", "DayTable", "__assign", "TimeGridEventRenderer", "TimeGridMirrorRenderer", "TimeGridFillRenderer", "AGENDA_STOCK_SUB_DURATIONS", "TimeGrid", "AllDaySplitter", "TIMEGRID_ALL_DAY_EVENT_LIMIT", "WEEK_HEADER_FORMAT", "AbstractTimeGridView", "SimpleTimeGrid", "TimeGridSlicer", "TimeGridView", "main", "main_esm_default", "init_main_esm", "__esmMin", "p", "t", "s", "_super", "timeGrid", "_this", "context", "mirrorInfo", "createFormatter", "segsByCol", "col", "removeElement", "allSegs", "colCnt", "eventRange", "eventDef", "eventUi", "allDay", "isDraggable", "computeEventDraggable", "isResizableFromStart", "computeEventStartResizable", "isResizableFromEnd", "computeEventEndResizable", "classes", "skinCss", "cssToStr", "timeText", "fullTimeText", "startTimeText", "isMultiDayRange", "unzonedStart", "unzonedEnd", "htmlEscape", "level0", "seriesBackwardPressure", "seriesBackwardCoord", "objs", "specs", "obj0", "obj1", "compareByFieldSpecs", "c", "segs_1", "applyStyle", "shouldOverlap", "backwardCoord", "forwardCoord", "props", "isRtl", "left", "right", "FgEventRenderer", "sourceSeg", "sourceSegProps", "type", "containerEls", "FillRenderer", "el", "renderProps", "memoize", "memoizeRendering", "renderColumns", "eventRenderer", "fillRenderer", "options", "slotDuration", "snapDuration", "snapsPerSlot", "input", "createDuration", "wholeDivideDurations", "labelInterval", "slotsPerLabel", "cells", "isResize", "mirrorRenderer", "theme", "findElements", "PositionCache", "html", "dayStart", "startOfDay", "slotTime", "slotIterator", "slotDate", "isLabeled", "axisHtml", "asRoughMs", "formatIsoTimeString", "addDurations", "calendar", "view", "bgRow", "DayBgRow", "parts", "skeletonEl", "htmlToElement", "top", "nodes", "lineEl", "createElement", "arrowEl", "when", "startOfDayDate", "duration", "len", "slatCoverage", "slatIndex", "slatRemainder", "eventMinHeight", "dayDate", "positionLeft", "positionTop", "slatPositions", "colPositions", "colIndex", "slatTop", "slatHeight", "partial", "localSnapIndex", "snapIndex", "time", "multiplyDuration", "start", "end", "state", "DateComponent", "dateSpan", "hasBgRendering", "Splitter", "range", "dayCnt", "diffDays", "weekText", "buildGotoAnchorHtml", "getAllDayHtml", "ScrollComponent", "timeGridWrapEl", "timeGridEl", "DayGrid", "dividerEl", "viewHeight", "isAuto", "eventLimit", "scrollerHeight", "scrollbarWidths", "matchCellWidths", "noScrollRowEls", "node", "uncompensateScroll", "rowEl", "compensateScroll", "subtractInnerElHeight", "scroll", "View", "dayRanges", "rawHit", "segRange", "intersectRanges", "Slicer", "nextDayThreshold", "splitProps", "DayHeader", "SimpleDayGrid", "createPlugin", "init_main", "__esmMin", "init_main", "__esmMin", "init_main", "__esmMin", "init_main", "__esmMin", "init_main", "__esmMin", "init_font_awesome_min", "__esmMin", "init_typeface_roboto", "__esmMin", "init_typeface_roboto_condensed", "__esmMin", "linkClickSelector", "buttonClickSelector", "inputChangeSelector", "formSubmitSelector", "formInputClickSelector", "formDisableSelector", "formEnableSelector", "fileInputSelector", "linkDisableSelector", "buttonDisableSelector", "nonce", "loadCSPNonce", "cspNonce", "m", "matches", "EXPANDO", "getData", "setData", "$", "isContentEditable", "csrfToken", "csrfParam", "CSRFProtection", "refreshCSRFTokens", "AcceptHeaders", "ajax", "prepareOptions", "createXHR", "processResponse", "href", "isCrossDomain", "preventDefault", "CustomEvent", "fire", "stopEverything", "delegate", "toArray", "serializeElement", "formElements", "handleConfirmWithRails", "confirm", "allowAction", "handleDisabledElement", "enableElement", "disableElement", "disableLinkElement", "enableLinkElement", "disableFormElements", "disableFormElement", "enableFormElements", "enableFormElement", "isXhrRedirect", "handleMethodWithRails", "isRemote", "handleRemoteWithRails", "formSubmitButtonClick", "preventInsignificantClick", "Rails", "handleConfirm", "handleMethod", "handleRemote", "start", "init_rails_ujs_esm", "__esmMin", "metaTag", "element", "selector", "key", "value", "isEditable", "meta", "xhr", "token", "param", "input", "options", "response", "done", "type", "script", "parser", "url", "originAnchor", "urlAnchor", "event", "params", "evt", "result", "obj", "name", "data", "e", "eventType", "handler", "target", "additionalParam", "inputs", "option", "form", "el", "rails", "message", "callback", "answer", "replacement", "originalText", "link", "method", "csrfToken$1", "csrfParam$1", "formContent", "withCredentials", "dataType", "button", "args", "insignificantMetaClick", "originalOptions", "require_jquery_shim", "__commonJSMin", "exports", "module", "require_slick", "__commonJSMin", "exports", "module", "factory", "$", "Slick", "instanceUid", "element", "settings", "_", "dataSettings", "slider", "i", "markup", "index", "addBefore", "targetHeight", "targetLeft", "callback", "animProps", "now", "asNavFor", "target", "slide", "transition", "slideTo", "dot", "a", "b", "c", "newSlides", "numOfSlides", "originalSlides", "slidesPerSection", "row", "initial", "forceUpdate", "breakpoint", "targetBreakpoint", "respondToWidth", "triggerBreakpoint", "sliderWidth", "windowWidth", "event", "dontAnimate", "$target", "indexOffset", "slideOffset", "unevenOffset", "navigables", "prevNavigable", "n", "refresh", "slideIndex", "filter", "$sf", "breakPoint", "counter", "pagerQty", "verticalHeight", "verticalOffset", "targetSlide", "coef", "option", "indexes", "max", "slidesTraversed", "swipedSlide", "centerOffset", "creation", "numDotGroups", "tabControlIndexes", "val", "slideControlIndex", "ariaButtonControl", "mappedSlideIndex", "loadRange", "cloneRange", "rangeStart", "rangeEnd", "loadImages", "imagesScope", "image", "imageSource", "imageSrcSet", "imageSizes", "imageToLoad", "prevSlide", "nextSlide", "$slides", "$currentSlide", "tryCount", "$imgsToLoad", "initializing", "currentSlide", "lastVisibleIndex", "currentBreakpoint", "l", "responsiveSettings", "removeBefore", "removeAll", "position", "positionProps", "x", "y", "offset", "item", "value", "type", "opt", "bodyStyle", "allSlides", "remainder", "evenCoef", "infiniteCount", "toggle", "targetElement", "sync", "animSlide", "oldSlide", "slideLeft", "navTarget", "xDist", "yDist", "r", "swipeAngle", "slideCount", "direction", "edgeWasHit", "curLeft", "swipeDirection", "swipeLength", "positionOffset", "touches", "verticalSwipeLength", "fromBreakpoint", "args", "ret", "init_slick", "__esmMin", "init_slick_theme", "__esmMin", "isLength", "value", "init_isLength", "__esmMin", "isArrayLike", "value", "isLength", "init_isArrayLike", "__esmMin", "init_isLength", "identity", "x", "init_identity", "__esmMin", "isUnsafeProperty", "key", "init_isUnsafeProperty", "__esmMin", "isDeepKey", "key", "init_isDeepKey", "__esmMin", "toKey", "value", "init_toKey", "__esmMin", "toPath", "deepKey", "result", "length", "index", "key", "quoteChar", "bracket", "char", "init_toPath", "__esmMin", "get", "object", "path", "defaultValue", "isUnsafeProperty", "result", "isDeepKey", "toPath", "toKey", "getWithPath", "current", "index", "init_get", "__esmMin", "init_isUnsafeProperty", "init_isDeepKey", "init_toKey", "init_toPath", "property", "path", "object", "get", "init_property", "__esmMin", "init_get", "isObject", "value", "init_isObject", "__esmMin", "isPrimitive", "value", "init_isPrimitive", "__esmMin", "eq", "value", "other", "init_eq", "__esmMin", "isMatchWith", "target", "source", "compare", "isMatch", "isMatchWithInternal", "doesMatch", "objValue", "srcValue", "key", "object", "stack", "isEqual", "isObjectMatch", "eq", "isObject", "isArrayMatch", "isMapMatch", "isSetMatch", "keys", "i", "isPrimitive", "sourceValue", "targetValue", "countedIndex", "sourceItem", "found", "j", "targetItem", "matches", "init_isMatchWith", "__esmMin", "init_isMatch", "init_isObject", "init_isPrimitive", "init_eq", "isMatch", "target", "source", "isMatchWith", "init_isMatch", "__esmMin", "init_isMatchWith", "getSymbols", "object", "symbol", "init_getSymbols", "__esmMin", "getTag", "value", "init_getTag", "__esmMin", "regexpTag", "stringTag", "numberTag", "booleanTag", "argumentsTag", "symbolTag", "dateTag", "mapTag", "setTag", "arrayTag", "functionTag", "arrayBufferTag", "objectTag", "errorTag", "dataViewTag", "uint8ArrayTag", "uint8ClampedArrayTag", "uint16ArrayTag", "uint32ArrayTag", "bigUint64ArrayTag", "int8ArrayTag", "int16ArrayTag", "int32ArrayTag", "bigInt64ArrayTag", "float32ArrayTag", "float64ArrayTag", "init_tags", "__esmMin", "isTypedArray", "x", "init_isTypedArray", "__esmMin", "cloneDeepWith", "obj", "cloneValue", "cloneDeepWithImpl", "valueToClone", "keyToClone", "objectToClone", "stack", "cloned", "isPrimitive", "result", "i", "key", "value", "isTypedArray", "copyProperties", "isCloneableObject", "target", "source", "keys", "getSymbols", "descriptor", "object", "getTag", "argumentsTag", "arrayTag", "arrayBufferTag", "dataViewTag", "booleanTag", "dateTag", "float32ArrayTag", "float64ArrayTag", "int8ArrayTag", "int16ArrayTag", "int32ArrayTag", "mapTag", "numberTag", "objectTag", "regexpTag", "setTag", "stringTag", "symbolTag", "uint8ArrayTag", "uint8ClampedArrayTag", "uint16ArrayTag", "uint32ArrayTag", "init_cloneDeepWith", "__esmMin", "init_getSymbols", "init_getTag", "init_tags", "init_isPrimitive", "init_isTypedArray", "cloneDeep", "obj", "cloneDeepWithImpl", "init_cloneDeep", "__esmMin", "init_cloneDeepWith", "matches", "source", "cloneDeep", "target", "isMatch", "init_matches", "__esmMin", "init_isMatch", "init_cloneDeep", "cloneDeepWith", "obj", "customizer", "value", "key", "object", "stack", "cloned", "numberTag", "stringTag", "booleanTag", "result", "copyProperties", "argumentsTag", "init_cloneDeepWith", "__esmMin", "init_tags", "cloneDeep", "obj", "cloneDeepWith", "init_cloneDeep", "__esmMin", "init_cloneDeepWith", "isIndex", "value", "length", "IS_UNSIGNED_INTEGER", "init_isIndex", "__esmMin", "isArguments", "value", "getTag", "init_isArguments", "__esmMin", "init_getTag", "has", "object", "path", "resolvedPath", "isDeepKey", "toPath", "current", "i", "key", "isArguments", "isIndex", "init_has", "__esmMin", "init_isDeepKey", "init_isIndex", "init_isArguments", "init_toPath", "matchesProperty", "property", "source", "toKey", "cloneDeep", "target", "result", "get", "has", "isMatch", "init_matchesProperty", "__esmMin", "init_isMatch", "init_toKey", "init_cloneDeep", "init_get", "init_has", "iteratee", "value", "identity", "matchesProperty", "matches", "property", "init_iteratee", "__esmMin", "init_identity", "init_property", "init_matches", "init_matchesProperty", "isObjectLike", "value", "init_isObjectLike", "__esmMin", "isSymbol", "value", "init_isSymbol", "__esmMin", "toNumber", "value", "isSymbol", "init_toNumber", "__esmMin", "init_isSymbol", "toFinite", "value", "toNumber", "init_toFinite", "__esmMin", "init_toNumber", "toInteger", "value", "finite", "toFinite", "remainder", "init_toInteger", "__esmMin", "init_toFinite", "isString", "value", "init_isString", "__esmMin", "isKey", "value", "object", "isSymbol", "regexIsPlainProp", "regexIsDeepProp", "init_isKey", "__esmMin", "init_isSymbol", "isArray", "value", "init_isArray", "__esmMin", "assignValue", "init_assignValue", "__esmMin", "init_eq", "object", "key", "value", "objValue", "eq", "updateWith", "obj", "path", "updater", "customizer", "isObject", "resolvedPath", "isKey", "toPath", "current", "i", "key", "toKey", "isUnsafeProperty", "newValue", "objValue", "customizerResult", "isIndex", "assignValue", "init_updateWith", "__esmMin", "init_isUnsafeProperty", "init_assignValue", "init_isIndex", "init_isKey", "init_toKey", "init_isObject", "init_toPath", "set", "obj", "path", "value", "updateWith", "init_set", "__esmMin", "init_updateWith", "debounce", "func", "debounceMs", "signal", "edges", "pendingThis", "pendingArgs", "leading", "trailing", "invoke", "onTimerEnd", "cancel", "timeoutId", "schedule", "cancelTimer", "flush", "debounced", "args", "isFirstCall", "init_debounce", "__esmMin", "debounce", "func", "debounceMs", "options", "leading", "trailing", "maxWait", "edges", "result", "pendingAt", "_debounced", "args", "debounced", "flush", "init_debounce", "__esmMin", "throttle", "func", "throttleMs", "options", "leading", "trailing", "debounce", "init_throttle", "__esmMin", "init_debounce", "toString", "value", "result", "init_toString", "__esmMin", "isPlainObject", "value", "proto", "init_isPlainObject", "__esmMin", "isEqualWith", "a", "b", "areValuesEqual", "isEqualWithImpl", "property", "aParent", "bParent", "stack", "result", "areObjectsEqual", "aTag", "getTag", "bTag", "argumentsTag", "objectTag", "stringTag", "numberTag", "x", "y", "eq", "booleanTag", "dateTag", "symbolTag", "regexpTag", "functionTag", "aStack", "bStack", "mapTag", "key", "value", "setTag", "aValues", "bValues", "i", "aValue", "index", "bValue", "arrayTag", "uint8ArrayTag", "uint8ClampedArrayTag", "uint16ArrayTag", "uint32ArrayTag", "bigUint64ArrayTag", "int8ArrayTag", "int16ArrayTag", "int32ArrayTag", "bigInt64ArrayTag", "float32ArrayTag", "float64ArrayTag", "arrayBufferTag", "dataViewTag", "errorTag", "isPlainObject", "aKeys", "getSymbols", "bKeys", "propKey", "aProp", "bProp", "init_isEqualWith", "__esmMin", "init_isPlainObject", "init_getSymbols", "init_getTag", "init_tags", "init_eq", "noop", "init_noop", "__esmMin", "isEqual", "a", "b", "isEqualWith", "noop", "init_isEqual", "__esmMin", "init_isEqualWith", "init_noop", "isBuffer", "x", "init_isBuffer", "__esmMin", "isPrototype", "value", "constructor", "prototype", "init_isPrototype", "__esmMin", "isTypedArray", "x", "init_isTypedArray", "__esmMin", "times", "n", "getValue", "toInteger", "result", "init_times", "__esmMin", "init_toInteger", "keysIn", "object", "isArrayLike", "arrayLikeKeysIn", "isPrototype", "prototypeKeysIn", "keysInImpl", "result", "key", "indices", "times", "index", "filteredKeys", "isBuffer", "isTypedArray", "init_keysIn", "__esmMin", "init_isBuffer", "init_isPrototype", "init_isArrayLike", "init_isTypedArray", "init_times", "assignIn", "object", "sources", "i", "assignInImpl", "source", "keys", "keysIn", "key", "eq", "init_assignIn", "__esmMin", "init_keysIn", "init_eq", "clone", "obj", "isPrimitive", "tag", "getTag", "isCloneableObject", "isArray", "result", "isTypedArray", "typedArray", "Ctor", "arrayBufferTag", "dataViewTag", "dataView", "buffer", "byteOffset", "byteLength", "clonedBuffer", "srcView", "booleanTag", "numberTag", "stringTag", "cloneStringObjectProperties", "copyOwnProperties", "dateTag", "regexpTag", "regExp", "symbolTag", "mapTag", "map", "key", "setTag", "set", "argumentsTag", "args", "copyPrototype", "copySymbolProperties", "object", "arrayTag", "float32ArrayTag", "float64ArrayTag", "int8ArrayTag", "int16ArrayTag", "int32ArrayTag", "objectTag", "uint8ArrayTag", "uint8ClampedArrayTag", "uint16ArrayTag", "uint32ArrayTag", "target", "source", "symbols", "symbol", "stringLength", "proto", "init_clone", "__esmMin", "init_isPrimitive", "init_getTag", "init_tags", "init_isArray", "init_isTypedArray", "isPlainObject", "object", "tag", "proto", "init_isPlainObject", "__esmMin", "mapValues", "object", "getNewValue", "result", "keys", "i", "key", "value", "init_mapValues", "__esmMin", "mapValues", "object", "getNewValue", "identity", "iteratee", "init_mapValues", "__esmMin", "init_identity", "init_iteratee", "clone", "obj", "isPrimitive", "isTypedArray", "prototype", "Constructor", "newRegExp", "newError", "newObject", "init_clone", "__esmMin", "init_isPrimitive", "init_isTypedArray", "mergeWith", "object", "otherArgs", "sources", "merge", "result", "i", "source", "mergeWithDeep", "target", "stack", "isPrimitive", "clone", "sourceKeys", "getSymbols", "key", "isUnsafeProperty", "sourceValue", "targetValue", "isArguments", "cloneDeep", "cloned", "targetKeys", "targetKey", "merged", "isObjectLike", "isPlainObject", "isTypedArray", "init_mergeWith", "__esmMin", "init_cloneDeep", "init_isUnsafeProperty", "init_clone", "init_isPrimitive", "init_getSymbols", "init_isArguments", "init_isObjectLike", "init_isPlainObject", "init_isTypedArray", "merge", "object", "sources", "mergeWith", "noop", "init_merge", "__esmMin", "init_mergeWith", "init_noop", "isFunction", "value", "init_isFunction", "__esmMin", "isElement", "value", "isObjectLike", "isPlainObject", "init_isElement", "__esmMin", "init_isObjectLike", "init_isPlainObject", "after", "n", "func", "counter", "args", "init_after", "__esmMin", "isEqualWith", "a", "b", "areValuesEqual", "args", "result", "after", "init_isEqualWith", "__esmMin", "init_after", "upperFirst", "str", "init_upperFirst", "__esmMin", "upperFirst", "str", "toString", "init_upperFirst", "__esmMin", "init_toString", "init_compat", "__esmMin", "init_debounce", "init_throttle", "init_isEqual", "init_assignIn", "init_clone", "init_cloneDeep", "init_cloneDeepWith", "init_get", "init_mapValues", "init_merge", "init_set", "init_isFunction", "init_isElement", "init_isEqualWith", "init_isObject", "init_isPlainObject", "init_isString", "init_upperFirst", "getUserAgent", "navigator", "userAgent", "toLowerCase", "isMac", "indexOf", "isWindows", "isGecko", "match", "isSafari", "isiOS", "maxTouchPoints", "isAndroid", "isBlink", "isRegExpUnicodePropertySupported", "isSupported", "search", "RegExp", "isMediaForcedColors", "global", "window", "matchMedia", "matches", "isMotionReduced", "fastDiff", "a", "b", "cmp", "atomicChanges", "arrayA", "Array", "isArray", "prototype", "slice", "call", "arrayB", "changeIndexes", "findChangeBoundaryIndexes", "changeIndexesToAtomicChanges", "length", "changeIndexesToChanges", "arr1", "arr2", "firstIndex", "findFirstDifferenceIndex", "lastIndexOld", "lastIndexNew", "oldArrayReversed", "cutAndReverse", "newArrayReversed", "lastIndex", "i", "Math", "max", "undefined", "arr", "howMany", "reverse", "newArray", "result", "push", "index", "type", "values", "newLength", "fill", "concat", "diff", "aLength", "bLength", "_insert", "_delete", "tmp", "m", "n", "delta", "es", "fp", "snake", "k", "y1", "y2", "dir", "y", "x", "p", "spy", "called", "uid", "r1", "r2", "r3", "r4", "crypto", "getRandomValues", "Uint32Array", "HEX_NUMBERS", "insertToPriorityArray", "objects", "objectToInsert", "priority", "priorities", "get", "left", "right", "mid", "splice", "logWarning", "errorName", "data", "console", "warn", "formatConsoleArguments", "logError", "error", "getLinkToDocumentationMessage", "DOCUMENTATION_URL", "getErrorMessage", "originalError", "processedObjects", "WeakSet", "stringifiedData", "JSON", "stringify", "key", "value", "has", "name", "add", "circularReferencesReplacer", "documentationLink", "originalErrorMessage", "message", "documentationMessage", "EmitterMixin", "base", "defaultEmitterClass", "Mixin", "on", "event", "callback", "options", "listenTo", "once", "wasFired", "onceCallback", "args", "off", "stopListening", "emitter", "emitterInfo", "eventCallbacks", "_listeningTo", "emitters", "_getEmitterId", "_setEmitterId", "emitterId", "callbacks", "addEventListener", "removeEventListener", "pop", "fire", "eventOrInfo", "eventInfo", "EventInfo", "getCallbacksForEvent", "path", "fn", "_removeEventListener", "stop", "delegations", "_delegations", "destinations", "passAllDestinations", "fireDelegatedEvents", "return", "err", "CKEditorError", "rethrowUnexpectedError", "delegate", "events", "to", "nameOrFunction", "Map", "forEach", "eventName", "set", "stopDelegating", "clear", "delete", "_addEventListener", "createEventNamespace", "lists", "getCallbacksListsForNamespace", "callbackDefinition", "_getEmitterListenedTo", "listeningEmitter", "listenedToEmitterId", "listeningTo", "id", "_emitterId", "getEvents", "source", "_events", "Object", "defineProperty", "makeEventNode", "childEvents", "childEventName", "newEventNodes", "substr", "lastIndexOf", "node", "eventNode", "callbacksLists", "childCallbacksLists", "currentEventName", "colonIndex", "substring", "fireArgs", "delegatedInfo", "listener", "ObservableMixin", "defaultObservableClass", "isObject", "keys", "property", "initObservable", "properties", "observablePropertiesSymbol", "enumerable", "configurable", "oldValue", "newValue", "bind", "bindProperties", "isStringArray", "Set", "size", "boundProperties", "boundPropertiesSymbol", "propertyName", "bindings", "binding", "bindTo", "toMany", "bindToMany", "_observable", "_bindProperties", "_to", "_bindings", "unbind", "unbindProperties", "boundObservables", "boundObservablesSymbol", "toObservable", "toProperty", "toProperties", "toPropertyBindings", "boundObservable", "decorate", "methodName", "originalMethod", "object", "evt", "apply", "decoratedOriginal", "decoratedMethods", "observable", "parsedArgs", "parseBindToArgs", "bindingsKeys", "from", "numberOfBindings", "attachBindToListeners", "updateBindToBound", "updateBoundObservableProperty", "observables", "attribute", "getBindingTargets", "observableAndAttributePairs", "map", "every", "parsed", "lastObservable", "updateBoundObservables", "toPropertyName", "bindingsToObservable", "chain", "propertyValue", "hasOwnProperty", "toBindings", "count", "iterable", "_", "compareArrays", "minLen", "min", "isIterable", "Symbol", "iterator", "createElement", "doc", "attributes", "children", "namespace", "xmlns", "element", "createElementNS", "setAttribute", "isString", "child", "createTextNode", "appendChild", "cloneConfig", "cloneDeepWith", "leaveItemReferences", "isElement", "isNode", "obj", "defaultView", "Document", "ownerDocument", "Node", "isWindow", "stringifiedObject", "toString", "DomEmitterMixin", "EventTarget", "proxyOptions", "capture", "useCapture", "passive", "usePassive", "proxyEmitter", "_getProxyEmitter", "ProxyEmitter", "proxyEmitters", "_getAllProxyEmitters", "proxy", "getProxyEmitterId", "filter", "getNodeUID", "option", "sort", "getAncestors", "nodes", "currentNode", "nodeType", "DOCUMENT_NODE", "unshift", "parentNode", "getDataFromElement", "el", "HTMLTextAreaElement", "innerHTML", "getBorderWidths", "style", "getComputedStyle", "top", "parseInt", "borderTopWidth", "borderRightWidth", "bottom", "borderBottomWidth", "borderLeftWidth", "getRangeFromMouseEvent", "domEvent", "target", "domDoc", "clientX", "clientY", "domRange", "caretRangeFromPoint", "rangeParent", "createRange", "setStart", "rangeOffset", "collapse", "getPositionedAncestor", "offsetParent", "document", "body", "isText", "isRange", "copyRectProperties", "rect", "rectProperties", "isBody", "isDomElement", "getBoundingClientRect", "getElementPosition", "HTMLElement", "position", "getElementOverflow", "overflow", "shiftRectToCompensatePositionedAncestor", "positionedElementAncestor", "ancestorPosition", "Rect", "ancestorBorderWidths", "moveX", "moveY", "scrollLeft", "scrollTop", "moveBy", "setDataInElement", "toUnit", "unit", "previousSibling", "insertAt", "parentElement", "nodeToInsert", "insertBefore", "childNodes", "isComment", "COMMENT_NODE", "isValidAttributeName", "createAttribute", "isVisible", "getClientRects", "getOptimalPosition", "positions", "limiter", "fitInViewport", "viewportOffsetConfig", "isFunction", "constrainedViewportRect", "getConstrainedViewportRect", "elementRect", "visibleTargetRect", "getVisibleViewportIntersectionRect", "bestPosition", "getIntersection", "positionOptions", "targetRect", "viewportRect", "PositionObject", "visibleLimiterRect", "limiterRect", "getBestPosition", "visibleSourceRect", "getVisible", "assign", "height", "width", "elementRectArea", "getArea", "positionInstances", "positioningFunction", "maxFitFactor", "limiterIntersectionArea", "viewportIntersectionArea", "fitFactor", "remove", "parent", "removeChild", "getVisualViewportOffset", "visualViewport", "env", "round", "offsetLeft", "offsetTop", "scrollViewportToShowTarget", "viewportOffset", "ancestorOffset", "alignToTop", "forceScroll", "targetWindow", "getWindow", "currentWindow", "currentFrame", "normalizeViewportOffset", "firstAncestorToScroll", "getParentElement", "scrollAncestorsToShowRect", "getRect", "getRectRelativeToWindow", "ancestorWindowRelativeRect", "ancestorTargetIntersection", "scrollWindowToShowRect", "frameElement", "targetShiftedDownRect", "clone", "targetShiftedUpRect", "excludeScrollbarsAndBorders", "rects", "forceScrollToTop", "allRectsFitInViewport", "contains", "scrollX", "scrollY", "initialScrollX", "initialScrollY", "isAbove", "isBelow", "isLeftOf", "isRightOf", "scrollTo", "limiterElement", "parentWindow", "parentRect", "targetFitsInTarget", "firstRect", "secondRect", "elementOrRange", "startContainer", "commonAncestorContainer", "relativeWindow", "frame", "frameRect", "getCode", "keyCode", "keyCodes", "altKey", "alt", "ctrlKey", "ctrl", "shiftKey", "shift", "metaKey", "cmd", "parseKeystroke", "keystroke", "splitKeystrokeText", "getEnvKeyCode", "reduce", "sum", "getEnvKeystrokeText", "forcedEnv", "keystrokeCode", "entries", "modifiersToGlyphsMac", "modifiersToGlyphsNonMac", "modifiers", "glyph", "keyCodeNames", "isArrowKeyCode", "arrowright", "arrowleft", "arrowup", "arrowdown", "getLocalizedArrowKeyCodeDirection", "contentLanguageDirection", "isLtrContent", "endsWith", "code", "isForwardArrowKeyCode", "localizedKeyCodeDirection", "generateKnownKeyCodes", "pageup", "pagedown", "end", "home", "backspace", "enter", "space", "esc", "tab", "letter", "String", "fromCharCode", "split", "trim", "getLanguageDirection", "languageCode", "RTL_LANGUAGE_CODES", "includes", "toArray", "_translate", "language", "quantity", "translations", "normalizedTranslations", "CKEDITOR_TRANSLATIONS", "numberOfLanguages", "getNumberOfLanguages", "messageId", "string", "hasTranslation", "plural", "dictionary", "getPluralForm", "translation", "pluralFormIndex", "Number", "_unifyTranslations", "acc", "merge", "interpolateString", "replace", "first", "iteratorItem", "next", "done", "isViewWithFocusTracker", "view", "focusTracker", "FocusTracker", "_isElement", "isExternalViewSubtreeFocused", "subTreeRoot", "isFocusedView", "externalViews", "find", "activeElement", "objectToMap", "toMap", "spliceArray", "targetArray", "insertArray", "originalLength", "insertLength", "delay", "func", "wait", "timer", "delayed", "cancel", "setTimeout", "clearTimeout", "parseBase64EncodedObject", "encoded", "startsWith", "decoded", "atob", "parse", "makeCrcTable", "crcTable", "c", "crc32", "inputData", "dataArray", "crc", "dataString", "item", "join", "byte", "charCodeAt", "padStart", "isCombiningMark", "character", "test", "isHighSurrogateHalf", "isLowSurrogateHalf", "isInsideSurrogatePair", "offset", "charAt", "isInsideCombinedSymbol", "isInsideEmojiSequence", "matchAll", "EMOJI_PATTERN", "some", "buildEmojiRegexp", "parts", "flagSequence", "emoji", "part", "sequence", "decodeLicenseKey", "licenseKey", "encodedPayload", "getLicenseKeyPayload", "isFeatureBlockedByLicenseKey", "licensePayload", "licenseFeatureCode", "removeFeatures", "globalVar", "version", "releaseDate", "ElementReplacer", "Config", "ResizeObserver", "keyCodesToGlyphs", "Locale", "Collection", "KeystrokeHandler", "init_compat", "features", "normal", "highest", "high", "low", "lowest", "Error", "context", "stack", "is", "Date", "globalThis", "CKEDITOR_VERSION", "_replacedElements", "newElement", "display", "nextSibling", "configurations", "defaultConfigurations", "_config", "create", "define", "_setObjectToTarget", "_setToTarget", "isDefine", "_getFromSource", "names", "isPlainObject", "configuration", "_domNode", "_options", "attach", "_domListeners", "domListener", "_createDomListener", "detach", "removeListener", "domEvt", "isSourceRange", "_source", "writable", "rangeRects", "getDomRangeRects", "getBoundingRect", "innerWidth", "innerHeight", "anotherRect", "newRect", "getIntersectionArea", "visibleRect", "absolutelyPositionedChildElement", "isParentOverflowVisible", "parentElementPosition", "intersectionRect", "isEqual", "prop", "intersectRect", "absoluteRect", "positionedAncestor", "scrollBarWidth", "scrollBarHeight", "direction", "documentElement", "clientWidth", "clientHeight", "borderWidths", "offsetWidth", "offsetHeight", "range", "clientRects", "boundingRectData", "POSITIVE_INFINITY", "NEGATIVE_INFINITY", "rectangleCount", "_observerInstance", "_elementCallbacks", "_createObserver", "_element", "_callback", "_addElementCallback", "observe", "_deleteElementCallback", "_getElementCallbacks", "unobserve", "entry", "config", "_positioningFunctionCoordinates", "_cachedRect", "_cachedAbsoluteRect", "positioningFunctionOutput", "_absoluteRect", "_rect", "moveTo", "toAbsoluteRect", "fromEntries", "prettyKeyName", "toUpperCase", "uiLanguage", "contentLanguage", "uiLanguageDirection", "t", "_t", "translatedString", "initialItemsOrOptions", "hasInitialItems", "_items", "_itemMap", "_idProperty", "idProperty", "_bindToExternalToInternalMap", "WeakMap", "_bindToInternalToExternalMap", "_skippedIndexesFromExternal", "_getItemIdBeforeAdding", "last", "addMany", "items", "itemId", "currentItemIndex", "added", "removed", "idOrIndex", "itemOrId", "getIndex", "subject", "_remove", "ctx", "_bindToCollection", "removedItems", "externalCollection", "as", "Class", "_setUpBindToBinding", "using", "callbackOrProperty", "factory", "addItem", "externalItem", "isExternalBoundToThis", "externalItemBound", "finalIndex", "skipped", "itemDoesNotExist", "_elements", "_externalViews", "_blurTimeout", "elements", "elementOrView", "_addElement", "_addView", "_removeElement", "_removeView", "externalFocusedViewInSubtree", "_focus", "_blur", "focusedElement", "isFocused", "_clearBlurTimeout", "_listener", "keyEvtData", "preventDefault", "stopPropagation", "press", "enableViewPlaceholder", "view", "element", "text", "isDirectHost", "keepOnFocus", "doc", "document", "documentPlaceholders", "has", "set", "Map", "registerPostFixer", "writer", "updateDocumentPlaceholders", "get", "on", "change", "priority", "is", "evtInfo", "evt", "setPlaceholder", "placeholder", "showViewPlaceholderTextDeprecationWarning", "config", "hostElement", "showViewPlaceholder", "hasClass", "addClass", "hideViewPlaceholder", "removeClass", "needsViewPlaceholder", "isAttached", "hasContent", "selectionAnchor", "selection", "anchor", "isComposing", "parent", "isFocused", "child", "getChildren", "placeholders", "directHostElements", "wasViewModified", "push", "updatePlaceholder", "getChildPlaceholderHostSubstitute", "removeAttribute", "includes", "getAttribute", "setAttribute", "childCount", "firstChild", "getChild", "hasDisplayedPlaceholderDeprecationWarning", "logWarning", "normalizeConsumables", "consumables", "attributes", "normalizeConsumablePart", "classes", "styles", "name", "items", "prefix", "item", "Array", "isArray", "isPatternMatched", "pattern", "RegExp", "String", "match", "matchName", "normalizePatterns", "patterns", "map", "key", "undefined", "value", "normalizedPatterns", "Object", "prototype", "hasOwnProperty", "call", "matchAttributes", "excludeAttributes", "style", "class", "_collectAttributesMatch", "matchClasses", "matchStyles", "parseInlineStyles", "stylesString", "quoteType", "propertyNameStart", "propertyValueStart", "propertyName", "stylesMap", "charAt", "length", "i", "char", "substr", "propertyValue", "trim", "toPath", "replace", "appendStyleValue", "stylesObject", "nameOrPath", "valueOrObject", "valueToSet", "isObject", "merge", "removeStyles", "toRemove", "keys", "normalize", "nodes", "ViewText", "isIterable", "normalizedNodes", "node", "ViewTextProxy", "data", "usesTokenList", "elementName", "usesStylesMap", "getViewFillerOffset", "children", "lastChild", "enlargeTrimSkip", "BubblingEmitterMixin", "base", "Mixin", "fire", "eventOrInfo", "eventArgs", "eventInfo", "EventInfo", "bubblingEmitter", "getBubblingEmitter", "customContexts", "getCustomContexts", "updateEventInfo", "fireListenerFor", "return", "startRange", "getFirstRange", "selectedElement", "getContainedElement", "isCustomContext", "hasMatchingCustomContext", "getDeeperRangeParent", "err", "CKEditorError", "rethrowUnexpectedError", "_addEventListener", "event", "callback", "options", "contexts", "toArray", "context", "callbacksMap", "getCallbackMap", "add", "wrappedCallback", "wrapCallback", "listenTo", "_removeEventListener", "delete", "stopListening", "eventPhase", "currentTarget", "BubblingEventInfo", "_eventPhase", "_currentTarget", "emitter", "stop", "called", "source", "bubblingEmitterSymbol", "EmitterMixin", "callbackMapSymbol", "contextsSymbol", "Set", "range", "startParent", "start", "endParent", "end", "startPath", "getPath", "endPath", "getFillerOffset", "nonUiChildrenCount", "from", "filter", "injectUiElementHandling", "jumpOverUiElement", "domConverter", "keyCode", "keyCodes", "arrowright", "domSelection", "domTarget", "ownerDocument", "defaultView", "getSelection", "domSelectionCollapsed", "rangeCount", "getRangeAt", "collapsed", "shiftKey", "domParent", "focusNode", "domOffset", "focusOffset", "viewPosition", "domPositionToView", "jumpedOverAnyUiElement", "nextViewPosition", "getLastMatchingPosition", "newDomPosition", "viewPositionToDom", "collapse", "offset", "extend", "_hasNonUiChildren", "some", "getParentContainer", "position", "isContainerOrFragment", "shouldABeOutsideB", "a", "b", "getIdentity", "movePositionToTextNode", "nodeBefore", "ViewPosition", "nodeAfter", "breakTextNode", "index", "textToMove", "slice", "_data", "_insertChild", "root", "mergeTextNodes", "t1", "t2", "nodeBeforeLength", "_remove", "validateNodesToInsert", "errorContext", "validNodesToInsert", "validNode", "validateRangeContainer", "startContainer", "endContainer", "isContainerOptions", "childrenOrOptions", "isPlainObject", "startsWithFiller", "domNode", "INLINE_FILLER_LENGTH", "INLINE_FILLER", "isText", "isInlineFiller", "domText", "getDataWithoutFiller", "injectQuirksHandling", "jumpOverInlineFiller", "arrowleft", "startOffset", "isEditable", "findAncestor", "hasAttribute", "addInlineFiller", "domDocument", "domParentOrArray", "childNodes", "nodeAfterFiller", "fillerNode", "createTextNode", "splice", "insertAt", "areSimilarElements", "node1", "node2", "isNode", "isComment", "tagName", "toLowerCase", "areTextNodes", "sameNodes", "actualDomChild", "expectedDomChild", "isBlockFiller", "fixGeckoSelectionAfterBr", "focus", "indexOf", "parentNode", "nodeType", "Node", "ELEMENT_NODE", "childAtOffset", "addRange", "filterOutFakeSelectionContainer", "domChildList", "fakeSelectionContainer", "childList", "pop", "createFakeSelectionContainer", "container", "createElement", "className", "assign", "top", "left", "width", "textContent", "_hasViewParentOfType", "types", "getAncestors", "forEachDomElementAncestor", "parentElement", "isNbspBlockFiller", "blockElements", "isEqualNode", "NBSP_FILLER_REF", "hasBlockParent", "isViewNbspFiller", "isViewMarkedNbspFiller", "isViewBrFiller", "isOnlyBrInBlock", "_logUnsafeElement", "isGeckoRestrictedDomSelection", "env", "isGecko", "toString", "child1", "child2", "isSelectionWithinRootElements", "getRanges", "flatMap", "every", "getFiles", "nativeDataTransfer", "files", "kind", "getAsFile", "isFollowedByInlineFiller", "formatReturnValue", "type", "previousPosition", "nextPosition", "done", "getTextNodeAtPosition", "positionParent", "getChildAtOffset", "getNodeAfterPosition", "textNode", "getNodeBeforePosition", "offsetToIndex", "checkTouchingBranch", "right", "level", "path", "checkOnlyZeroes", "checkOnlyMaxOffset", "arr", "idx", "pos", "maxOffset", "_normalizeConsumableType", "parts", "split", "shouldMarkerChangeBeConverted", "modelPosition", "marker", "mapper", "getRange", "ancestors", "shift", "reverse", "containsItem", "toViewElement", "getCustomProperty", "getEventName", "walkerValueToEventData", "ModelRange", "_createFromPositionAndShift", "isUnvisitedBlock", "visited", "model", "schema", "isBlock", "isUnvisitedTopBlock", "isTopBlockInRange", "getParentBlock", "parentFirst", "includeSelf", "hasParentLimit", "block", "find", "isLimit", "forEach", "parentBlock", "findAncestorBlock", "containsRange", "_createOn", "isStartBlockSelected", "startBlock", "isCollapsed", "isEmpty", "isTouching", "ModelPosition", "_createAt", "isEndBlockSelected", "endBlock", "bindWithDocument", "args", "operation", "isDocumentOperation", "transform", "ranges", "getTransformedByOperation", "result", "_createFromRanges", "boundariesChanged", "isEqual", "contentChanged", "doesOperationChangeRangeContent", "deletionPosition", "rootName", "sourcePosition", "oldRange", "toRange", "containsPosition", "targetPosition", "splitPosition", "insertionPosition", "getTextAttributes", "ModelTextProxy", "ModelText", "getAttributes", "isInline", "checkAttribute", "getAttributeProperties", "copyFromObject", "clearAttributesStoredInElement", "batch", "differ", "entry", "getChanges", "changeParent", "enqueueChange", "storedAttributes", "getAttributeKeys", "startsWith", "storePrefix", "makeOffsetsArray", "offsets", "offsetSize", "cloneNodes", "clonedNodes", "_clone", "insertText", "conversionApi", "consumable", "consume", "viewWriter", "toViewPosition", "viewText", "createText", "insert", "insertAttributesAndChildren", "convertAttributes", "reconversion", "convertChildren", "remove", "viewStart", "modelEnd", "getShiftedBy", "viewEnd", "isPhantom", "viewRange", "createRange", "removeRangeAndUnbind", "getTrimmed", "createViewElementFromDowncastHighlightDescriptor", "descriptor", "viewElement", "createAttributeElement", "_addClass", "_priority", "_id", "id", "convertRangeSelection", "viewRanges", "toViewRange", "setSelection", "backward", "isBackward", "convertCollapsedSelection", "getFirstPosition", "brokenPosition", "breakAttributes", "cleanSelection", "viewSelection", "mergeAttributes", "wrap", "elementCreator", "test", "oldViewElement", "attributeOldValue", "newViewElement", "attributeNewValue", "ModelSelection", "ModelDocumentSelection", "unwrap", "insertElement", "consumer", "defaultConsumer", "preflight", "removeElementAndUnbind", "bindElements", "reinsertOrConvertNodes", "insertStructure", "slotsMap", "_registerSlotFactory", "createSlotFactory", "_clearSlotFactory", "validateSlotsChildren", "fillSlots", "insertUIElement", "isOpening", "viewStartElement", "viewEndElement", "markerRange", "bindElementToMarker", "markerName", "removed", "createRangeIn", "getItems", "unbindViewElement", "defer", "modelElement", "createRangeOn", "removeUIElement", "elements", "markerNameToElements", "unbindElementFromMarkerName", "clear", "clearClonedElementsGroup", "insertMarkerData", "viewCreator", "viewMarkerData", "handleMarkerBoundary", "isStart", "elementAfter", "elementBefore", "isBefore", "insertMarkerAsAttribute", "insertMarkerAsElement", "attributeName", "group", "markerNames", "unshift", "join", "viewElementName", "attrs", "createUIElement", "removeMarkerData", "viewData", "removeMarkerFromAttribute", "size", "changeAttribute", "attributeCreator", "oldAttribute", "newAttribute", "dispatcher", "StylesMap", "stylesProcessor", "setTo", "getStylesEntries", "fromEntries", "highlightText", "highlightDescriptor", "prepareDescriptor", "rangeAfterWrap", "isSimilar", "highlightElement", "ModelElement", "_createIn", "removeHighlight", "viewHighlightElement", "downcastElementToElement", "normalizeModelElementConfig", "normalizeToElementConfig", "createConsumer", "converterPriority", "createChangeReducer", "downcastElementToStructure", "_conversionApi", "checkChild", "downcastAttributeToElement", "cloneDeep", "eventName", "values", "modelValue", "getFromAttributeCreator", "downcastAttributeToAttribute", "normalizeToAttributeConfig", "downcastMarkerToElement", "downcastMarkerToData", "downcastMarkerToHighlight", "viewElementType", "modelData", "createViewElementFromDefinition", "viewElementDefinition", "createContainerElement", "ViewAttributeElement", "DEFAULT_PRIORITY", "setStyle", "modelAttributeValue", "createChangeReducerCallback", "attributeKey", "shouldReplace", "reducedChanges", "reconvertedElements", "changes", "action", "refreshedItems", "_createBefore", "changeIndex", "positionRelation", "compareWith", "events", "modeOrFilter", "slot", "childrenInSlots", "flat", "uniqueChildrenInSlots", "toViewPositionMapping", "currentSlot", "currentSlotNodes", "setCustomProperty", "move", "createPositionBefore", "off", "findPositionIn", "modelNodes", "modelChildNode", "reinsertNode", "convertItem", "viewRoot", "modelNode", "viewChildNode", "canReuseView", "autoParagraphEmptyRoots", "getRoots", "isParagraphable", "nodeOrType", "createContext", "wrapInParagraph", "paragraph", "createPositionAt", "convertToModelFragment", "modelRange", "viewItem", "modelCursor", "convertText", "convertSelectionChange", "newSelection", "toModelRange", "modelSelection", "createSelection", "upcastElementToElement", "converter", "prepareToElementConverter", "getViewElementNameFromConfig", "upcastElementToAttribute", "normalizeModelAttributeConfig", "prepareToAttributeConverter", "upcastAttributeToAttribute", "viewKey", "normalizeViewAttributeKeyValueConfig", "upcastElementToMarker", "normalizeElementToMarkerModelConfig", "upcastDataToMarker", "normalizedConfig", "converterStart", "normalizeDataToMarkerConfig", "converterEnd", "basePriority", "priorities", "low", "maxPriority", "highest", "priorityFactor", "upcastAttributeToMarker", "attrName", "addMarkerElements", "markerViewNames", "markerViewName", "_getTransformedByInsertion", "viewConfig", "matcher", "Matcher", "matcherResult", "getModelElement", "safeInsert", "updateConversionResult", "input", "Function", "normalized", "keyName", "viewAttributeKeyToCopy", "defaultModelValue", "shallow", "onlyViewNameIsDefined", "modelKey", "setAttributeOn", "configToTest", "modelAttribute", "elementCreatorFunction", "viewName", "compileBaseItemRule", "sourceItemRules", "itemName", "itemRule", "allowIn", "allowChildren", "disallowIn", "disallowChildren", "allowContentOf", "allowWhere", "allowAttributes", "disallowAttributes", "allowAttributesOf", "inheritTypesFrom", "copyTypes", "copyProperty", "resolveInheritAll", "propagateAllowIn", "definitions", "parentName", "parentItem", "propagateAllowChildren", "childName", "childItem", "propagateDisallowIn", "propagateDisallowChildren", "resolveDisallows", "compileAllowContentOf", "allowContentOfItemName", "baseItem", "compileAllowWhere", "allowWhereItemName", "compileDefinitions", "finalDefinitions", "isContent", "isSelectable", "compileAllowAttributesOf", "allowAttributeOfItemName", "compileInheritPropertiesFrom", "inheritPropertiesOfItemName", "inheritFrom", "typeNames", "sourceItemRule", "singleValue", "inheritAllFrom", "mapContextItem", "ctxItem", "combineWalkers", "forward", "step", "next", "walker", "convertToMinimalFlatRanges", "getMinimalFlatRanges", "removeDisallowedAttributeFromNode", "attribute", "extractMarkersFromModelFragment", "modelItem", "markerElements", "markers", "markerElement", "currentPosition", "clone", "createContextTree", "contextDefinition", "ModelSchemaContext", "current", "_getMarkersRelativeToElement", "elementRange", "isMarkerCollapsed", "isMarkerAtElementBoundary", "updatedMarkerRange", "getIntersection", "sort", "n1", "r1", "n2", "r2", "localeCompare", "_getAllUpcastDefinitions", "definition", "upcastAlso", "_getUpcastDefinition", "upcastAlsoItem", "_insert", "_normalizeNodes", "reduce", "sum", "_splitNodeAtPosition", "_mergeNodesAtIndex", "isFlat", "_removeChildren", "_move", "sourceRange", "_getTransformedByDeletion", "_setAttribute", "_removeAttribute", "convert", "ModelNode", "prev", "_haveSameAttributes", "mergedNode", "offsetDiff", "firstPart", "secondPart", "nodeA", "nodeB", "iteratorA", "iteratorB", "attr", "setTransformation", "OperationA", "OperationB", "transformationFunction", "aGroup", "transformations", "getTransformation", "noUpdateTransformation", "e", "transformOperationSets", "operationsA", "operationsB", "contextFactory", "ContextFactory", "useRelations", "forceWeakRemove", "setOriginalOperations", "originalOperations", "nextTransformIndex", "WeakMap", "op", "nextBaseVersionA", "baseVersion", "nextBaseVersionB", "originalOperationsACount", "originalOperationsBCount", "opA", "indexB", "opB", "newOpsA", "getContext", "newOpsB", "updateRelation", "newOpA", "handlePartialMarkerOperations", "padWithNoOps", "brokenOperationsACount", "brokenOperationsBCount", "updateBaseVersions", "operations", "howMany", "NoOperation", "markerOps", "MarkerOperation", "newRange", "_getComplementaryAttributeOperations", "insertOperation", "newValue", "insertValue", "getNode", "AttributeOperation", "_breakRangeByMoveOperation", "moveOp", "moveRange", "common", "difference", "hasSameParentAs", "getDifference", "diff", "getMovedRangeStart", "spread", "diffs", "_getTransformedByMove", "_moveTargetIntoMovedRange", "_makeMoveOperationsFromRanges", "MoveOperation", "j", "oldPosition", "toPosition", "_getSingleNodeSnapshot", "_getChildrenSnapshots", "snapshots", "_generateDiffInstructionsFromChanges", "oldChildrenLength", "oldChildrenHandled", "repeat", "_changesInGraveyardFilter", "posInGy", "rangeInGy", "validateTextNodePosition", "rangeBoundary", "isInsideSurrogatePair", "isInsideCombinedSymbol", "setAttributeOnRange", "lastSplitPosition", "valueBefore", "valueAfter", "val", "getWalker", "addOperation", "version", "applyOperation", "setAttributeOnItem", "previousValue", "RootAttributeOperation", "createPositionAfter", "applyMarkerOperation", "affectsData", "applyRemoveOperation", "graveyardPosition", "graveyard", "DetachOperation", "isSameTree", "rootA", "rootB", "ModelRootElement", "injectSelectionPostFixer", "selectionPostFixer", "wasFixed", "correctedRange", "tryFixingRange", "mergeIntersectingRanges", "tryFixingCollapsedRange", "tryFixingNonCollapsedRage", "originalPosition", "nearestSelectionRange", "getNearestSelectionRange", "ancestorObject", "fixedPosition", "isTextAllowedOnStart", "isTextAllowedOnEnd", "startLimitElement", "getLimitElement", "endLimitElement", "checkSelectionOnNonLimitElements", "fixedStart", "fixedEnd", "rangeStart", "rangeEnd", "isStartInLimit", "isEndInLimit", "bothInSameParent", "expandStart", "expandEnd", "findOutermostLimitAncestor", "_createAfter", "startingNode", "isLimitNode", "startIsOnBlock", "endIsOnBlock", "rangesToMerge", "rangeIndexesToRemove", "currentRangeIndex", "currentRange", "previousRanges", "previousRangeIndex", "previousRange", "entries", "isIntersecting", "mergedRange", "getJoined", "_", "deleteContent", "selRange", "doNotResetEntireContent", "shouldEntireContentBeReplacedWithParagraph", "replaceEntireContentWithParagraph", "attributesForAutoparagraph", "doNotAutoparagraph", "getSelectedElement", "getAttributesWithProperty", "startPosition", "endPosition", "doNotFixSelection", "ModelLivePosition", "fromPosition", "getLivePositionsForSelectedBlocks", "leaveUnmerged", "mergeBranches", "removeDisallowedAttributes", "collapseSelectionAt", "shouldAutoparagraph", "insertParagraph", "detach", "ignoreMarkers", "modifySelection", "direction", "newEndPosition", "getLastPosition", "skippedRange", "checkShouldMerge", "startAncestor", "endAncestor", "getAncestorsJustBelowCommonAncestor", "mergeBranchesRight", "mergeBranchesLeft", "commonAncestor", "startElement", "endElement", "parentToRemove", "mergeRight", "rename", "clearAttributes", "setAttributes", "isCrossingLimitElement", "positionA", "positionB", "ancestorsA", "ancestorsB", "isTextAllowed", "isParagraphAllowed", "leftPos", "rightPos", "rangeToCheck", "setAllowedAttributes", "limitElement", "containsEntireContent", "positionOrRange", "getSelectedContent", "frag", "createDocumentFragment", "commonPath", "getCommonPath", "commonParent", "getNodeByPath", "flatSubtreeRange", "appendText", "append", "cloneElement", "leftExcessRange", "rightExcessRange", "removeRangeContent", "parentsToCheck", "itemRange", "isAfter", "parentToCheck", "removeRange", "insertContent", "content", "selectable", "insertion", "Insertion", "fakeMarkerElements", "nodesToInsert", "markersPosition", "posA", "posB", "fakeElement", "isAtBeginning", "isAtStart", "isAtEnd", "handleNodes", "getSelectionRange", "selectionLiveRange", "ModelLiveRange", "fromRange", "markersData", "isStartBoundary", "elementPosition", "rangeOnInsertion", "getAffectedRange", "addMarker", "usingOperation", "affectedRange", "destroy", "insertObject", "object", "originalSelection", "insertionSelection", "findOptimalPosition", "findOptimalInsertionRange", "firstSelectedBlock", "first", "getSelectedBlocks", "attributesToCopy", "elementToInsert", "insertionPositionParent", "updateSelection", "contextElement", "place", "paragraphAttributes", "nextElement", "nextSibling", "isForward", "unit", "treatEmojiAsSingleUnit", "ModelTreeWalker", "boundaries", "getSearchRange", "singleCharacters", "tryExtendingTo", "setSelectionFocus", "setFocus", "getCorrectWordBreakPosition", "getCorrectPosition", "skip", "isInsideEmojiSequence", "isAtNodeBoundary", "isAtWordBoundary", "searchEnd", "offsetToCheck", "wordBoundaryCharacters", "normalizeSelectable", "placeOrOffset", "getBoxSidesStyleValues", "bottom", "getShorthandStylesValues", "getBoxSidesStyleValueReducer", "styleShorthand", "reduced", "getBoxSidesStyleShorthandValue", "out", "getPositionStyleShorthandNormalizer", "shorthand", "string", "matches", "matchAll", "CSS_SHORTHAND_VALUE_REGEXP", "addMarginStylesRules", "setNormalizer", "setReducer", "setStyleRelation", "_getViewData", "EditingView", "TypeError", "withoutSelection", "getRoot", "stringifyOptions", "showType", "showPriority", "renderUIElements", "renderRawElements", "ignoreRoot", "skipListItemIds", "_stringify", "_setViewData", "_parse", "rootElement", "_stringifyView", "selectionOrPositionOrRange", "ViewRange", "ViewDocumentSelection", "ViewStringify", "stringify", "_parseView", "viewDocument", "ViewDocument", "StylesProcessor", "order", "rangeParser", "RangeParser", "sameSelectionCharacters", "processor", "XmlDataProcessor", "namespaces", "allowedTypes", "inlineObjectElements", "toView", "_convertViewElements", "_appendChild", "lastRangeBackward", "rootNode", "convertedElement", "ViewDocumentFragment", "_convertElement", "Error", "info", "_convertElementNameAndInfo", "ElementConstructor", "newElement", "ViewElement", "_convertPriority", "_convertType", "priorityString", "parseInt", "isNaN", "_getModelData", "Model", "convertMarkers", "_setModelData", "modelDocumentFragment", "modelRoot", "parsedResult", "selectionAttributes", "batchType", "writeToModel", "removeSelectionAttribute", "setSelectionAttribute", "_stringifyModel", "Mapper", "ModelDocumentFragment", "fragment", "ViewRootEditableElement", "roots", "downcastDispatcher", "DowncastDispatcher", "stringifyAttributeValue", "ViewContainerElement", "markersMap", "_writer", "convertSelection", "_parseModel", "viewDocumentFragment", "modelController", "upcastDispatcher", "UpcastDispatcher", "convertToModelText", "convertToModelElement", "toMap", "childrenResult", "parseAttributeValue", "JSON", "parse", "ViewTypeCheckable", "ViewNode", "ViewConsumable", "ViewElementConsumables", "ViewTokenList", "ViewEditableElement", "rootNameSymbol", "ViewTreeWalker", "ViewSelection", "ViewEmptyElement", "ViewUIElement", "ViewRawElement", "ViewDowncastWriter", "NBSP_FILLER", "MARKED_NBSP_FILLER", "BR_FILLER", "ViewRenderer", "BR_FILLER_REF", "MARKED_NBSP_FILLER_REF", "UNSAFE_ATTRIBUTE_NAME_PREFIX", "UNSAFE_ELEMENT_REPLACEMENT_ATTRIBUTE", "ViewDomConverter", "Observer", "ViewDocumentDomEventData", "DomEventObserver", "KeyObserver", "FakeSelectionObserver", "MutationObserver", "FocusObserver", "SelectionObserver", "CompositionObserver", "ViewDataTransfer", "InputObserver", "ArrowKeysObserver", "TabObserver", "ModelTypeCheckable", "MapperCache", "ModelConsumable", "LiveSelection", "ModelNodeList", "ConversionHelpers", "DowncastHelpers", "UpcastHelpers", "EditingController", "ModelSchema", "BasicHtmlWriter", "HtmlDataProcessor", "DataController", "Conversion", "Operation", "InsertOperation", "SplitOperation", "MergeOperation", "RenameOperation", "RootOperation", "OperationFactory", "Batch", "Differ", "History", "graveyardName", "ModelDocument", "MarkerCollection", "Marker", "ModelWriter", "ClickObserver", "MouseObserver", "TouchObserver", "PointerObserver", "ViewUpcastWriter", "ELEMENT_RANGE_START_TOKEN", "ELEMENT_RANGE_END_TOKEN", "TEXT_RANGE_START_TOKEN", "TEXT_RANGE_END_TOKEN", "domConverterStub", "treeDump", "init_dist", "init_compat", "getChildIndex", "previousSibling", "thisPath", "nodePath", "compareArrays", "_fireChange", "json", "toJSON", "_textData", "otherNode", "offsetInText", "substring", "isPartial", "_consumables", "elementConsumables", "_getConsumables", "revert", "createFrom", "instance", "_canConsumeName", "_attributes", "token", "attributeTokens", "tokenValue", "toConsume", "_patterns", "singleElement", "_isElementMatching", "results", "attributesMatch", "_cachedStyleNames", "_cachedExpandedStyleNames", "styleProcessor", "_styles", "_styleProcessor", "getStyleNames", "inlineStyle", "parsedStyles", "toNormalizedForm", "propertyDescriptor", "getReducedForm", "property", "nameOrObject", "names", "normalizedStylesToRemove", "pathValue", "getAsString", "getNormalized", "expand", "other", "parsed", "tokenPattern", "valuePattern", "styleName", "relatedName", "getRelatedStyles", "_canMergeFrom", "_mergeFrom", "prop", "_isMatching", "_normalizers", "_extractors", "_reducers", "normalizer", "extractor", "normalizedValue", "styleNamesKeysSet", "callbackOrPath", "shorthandName", "styleNames", "_mapStyleNames", "alsoName", "_set", "tokens", "_getTokensMatch", "_unsafeAttributesToRender", "_customProperties", "_classes", "_attrs", "_parseAttributes", "_children", "Symbol", "iterator", "otherElement", "otherValue", "array", "bind", "getStyle", "getNormalizedStyle", "getCustomProperties", "shouldRenderUnsafeAttribute", "deep", "childrenClone", "cloned", "count", "overwrite", "currentValue", "_removeClass", "_setStyle", "_removeStyle", "exclude", "keyPattern", "hasKey", "hasValue", "tokenMatch", "tokenMatchItem", "_canMergeAttributesFrom", "_mergeAttributesFrom", "_canSubtractAttributesOf", "_subtractAttributesOf", "_removeCustomProperty", "attrsMap", "ObservableMixin", "to", "editableElement", "isReadOnly", "_setCustomProperty", "_name", "_position", "ignoreElementEnd", "_boundaryStartParent", "_boundaryEndParent", "nextResult", "prevPosition", "jumpTo", "_next", "_previous", "textLength", "textProxy", "_formatReturnValue", "charactersCount", "endOffset", "editable", "shifted", "treeWalker", "getCommonAncestor", "otherPosition", "otherPath", "itemOrPosition", "nodeAfterStart", "nodeBeforeEnd", "otherRange", "loose", "containsStart", "containsEnd", "commonRangeStart", "commonRangeEnd", "getPositions", "_createFromParentsAndOffsets", "_ranges", "_lastRangeBackward", "_isFake", "_fakeSelectionLabel", "isFake", "fakeSelectionLabel", "last", "firstRange", "lastRange", "getLastRange", "otherSelection", "thisRange", "found", "numOfRangesA", "numOfRangesB", "rangeA", "rangeB", "_setRanges", "_setFakeOptions", "fake", "label", "newFocus", "_addRange", "newRanges", "isLastBackward", "_pushRange", "storedRange", "addedRange", "intersectingRange", "_selection", "delegate", "_postFixers", "Collection", "idProperty", "postFixer", "_callPostFixers", "_clonesGroup", "toDomElement", "domElement", "_cloneGroups", "_slotFactory", "_setTo", "_setFocus", "attributeElement", "renderUnsafeAttributes", "containerElement", "createEditableElement", "createEmptyElement", "emptyElement", "renderFunction", "uiElement", "render", "createRawElement", "rawElement", "elementOrOverwrite", "elementOrTokens", "_breakAttributes", "_breakAttributesRange", "breakContainer", "positionOffset", "_removeFromClonedElementsGroup", "mergeContainers", "newPosition", "nodeGroups", "groups", "lastGroup", "_insertNodes", "rangeOrItem", "breakStart", "breakEnd", "parentContainer", "mergePosition", "rangeToRemove", "ancestor", "countBefore", "_wrapPosition", "_wrapRange", "_unwrapChildren", "newName", "groupName", "slotFactory", "_addToClonedElementsGroup", "_wrapChildren", "wrapElement", "wrapPositions", "isAttribute", "offsetChange", "unwrapElement", "unwrapPositions", "unwrapped", "Number", "POSITIVE_INFINITY", "wrapRange", "forceSplitText", "offsetAfter", "clonedNode", "nodesToMove", "span", "dataset", "ckeFiller", "innerText", "fillerBr", "domDocuments", "markedAttributes", "markedChildren", "markedTexts", "_inlineFiller", "_fakeSelectionContainer", "isBlink", "isAndroid", "isSelecting", "mapViewToDom", "inlineFillerPosition", "isInlineFillerRenderingPossible", "_updateChildrenMappings", "_isSelectionInInlineFiller", "_removeInlineFiller", "_getInlineFillerPosition", "_needsInlineFillerAtSelection", "_updateAttrs", "_updateChildren", "_updateText", "fillerDomPosition", "_updateFocus", "_updateSelection", "_clearTemporaryCustomProperties", "actualDomChildren", "expectedDomChildren", "viewChildrenToDom", "withChildren", "_diffNodeLists", "actions", "_findUpdateActions", "counter", "equal", "insertIndex", "deleteIndex", "viewChild", "_updateElementMappings", "unbindDomElement", "firstPos", "selectionPosition", "domFillerNode", "selectionParent", "selectionOffset", "findCorrespondingDomText", "expectedText", "viewToDom", "filler", "_updateTextNode", "domAttr", "removeDomElementAttribute", "setDomElementAttribute", "previousDomNode", "nodesToUnbind", "_markDescendantTextToSync", "domToView", "actualDom", "expectedDom", "comparator", "newActions", "actualSlice", "expectedSlice", "concat", "actualText", "_updateTextNodeInternal", "fastDiff", "insertData", "deleteData", "viewNode", "_removeDomSelection", "_removeFakeSelection", "domEditable", "isConnected", "_updateFakeSelection", "_updateDomSelection", "bindFakeSelection", "_fakeSelectionNeedsUpdate", "appendChild", "domRange", "removeAllRanges", "selectNodeContents", "_domSelectionNeedsUpdate", "setBaseAndExtent", "isDomSelectionCorrect", "oldViewSelection", "domSelectionToView", "anchorNode", "contains", "activeDomElement", "activeElement", "mapDomToView", "global", "_domToViewMapping", "_viewToDomMapping", "_fakeSelectionMapping", "_rawContentElementMatcher", "_inlineObjectElementMatcher", "_elementsWithTemporaryCustomProperties", "blockFillerMode", "renderingMode", "preElements", "unsafeElements", "_domDocument", "implementation", "createHTMLDocument", "viewDocumentSelection", "fakeSelectionToView", "domFragment", "viewFragment", "attributeValue", "html", "innerHTML", "DOMParser", "parseFromString", "bodyChildNodes", "body", "createTreeWalker", "NodeFilter", "SHOW_ELEMENT", "currentNode", "nextNode", "getAttributeNames", "_shouldRenameElement", "replaceWith", "_createReplacementDomElement", "textData", "_processDataFromViewText", "viewElementOrFragment", "bindDocumentFragments", "createComment", "createElementNS", "HTMLTemplateElement", "relatedViewElement", "shouldRenderAttribute", "isValidAttributeName", "fillerPositionOffset", "childView", "_getBlockFiller", "transparentRendering", "tempElement", "viewRangeToDom", "domStart", "domEnd", "setStart", "setEnd", "viewParent", "domBefore", "domAfter", "inlineNodes", "generator", "_domToView", "_processDomInlineNodes", "domChildrenToView", "domChild", "_isBlockViewElement", "isDomSelectionBackward", "domRangeToView", "findCorrespondingViewText", "viewBefore", "domElementOrDocumentFragment", "getHostViewElement", "isElement", "documentFragmentOrElement", "viewEditable", "scrollX", "scrollY", "window", "scrollPositions", "scrollLeft", "scrollTop", "preventScroll", "scrollTo", "newViewSelection", "isDocumentFragment", "DOCUMENT_FRAGMENT_NODE", "anchorOffset", "_isDomSelectionPositionCorrect", "registerRawContentMatcher", "registerInlineObjectMatcher", "skipComments", "_isInlineObjectElement", "_createViewElement", "l", "_isViewElementWithRawContent", "nestedInlineNodes", "inlineNode", "_isBlockDomElement", "prevNodeEndsWithSpace", "nodeEndsWithSpace", "_isPreFormatted", "prevNode", "shouldLeftTrim", "shouldRightTrim", "isNextNodeInlineObjectElement", "isNextNodeStartingWithSpace", "_getTouchingInlineViewNode", "_nodeEndsWithSpace", "nextStartsWithSpace", "hasStyle", "getNext", "keepOriginalCase", "originalDomElement", "newDomElement", "DomEmitterMixin", "_isEnabled", "isEnabled", "disable", "checkShouldIgnoreEventFromTarget", "domEvent", "additionalData", "target", "preventDefault", "stopPropagation", "useCapture", "usePassive", "observe", "domEventType", "onDomEvent", "stopObserving", "eventType", "domEvt", "altKey", "ctrlKey", "metaKey", "keystroke", "getCode", "_fireSelectionChangeDoneDebounced", "debounce", "_handleSelectionMove", "cancel", "arrowup", "arrowdown", "oldSelection", "_config", "characterData", "subtree", "_domElements", "_mutationObserver", "_onMutations", "takeRecords", "disconnect", "enable", "domMutations", "mutatedTextNodes", "elementsWithMutatedChildren", "mutation", "_isBogusBrMutation", "mutations", "viewChildren", "newViewChildren", "isEqualWith", "addedNode", "removedNodes", "addedNodes", "_renderTimeoutId", "_isFocusChanging", "_handleFocus", "_handleBlur", "_clearTimeout", "setTimeout", "flush", "selectedEditable", "clearTimeout", "_documents", "WeakSet", "_loopbackCounter", "_pendingSelectionChange", "mutationObserver", "getObserver", "focusObserver", "_clearInfiniteLoopInterval", "setInterval", "_clearInfiniteLoop", "_documentIsSelectingInactivityTimeoutDebounced", "_handleSelectionChange", "startDocumentIsSelecting", "endDocumentIsSelecting", "clearInterval", "hasDomSelection", "_reportInfiniteLoop", "forceRender", "_files", "cacheFiles", "_native", "getData", "setData", "effectAllowed", "dropEffect", "image", "x", "y", "setDragImage", "isCanceled", "mozUserCancelled", "domTargetRanges", "getTargetRanges", "dataTransfer", "targetRanges", "inputType", "endsWith", "partTargetRanges", "dataPart", "isArrowKeyCode", "tab", "domRoots", "_initialDomRootAttributes", "_observers", "_ongoingChange", "_postFixersInProgress", "_renderingDisabled", "_hasChangedSinceTheLastRendering", "_renderer", "addObserver", "_render", "isiOS", "relatedTarget", "_clearDomSelection", "markToSync", "domRoot", "initialDomRootAttributes", "updateContenteditableAttribute", "observer", "detachDomRoot", "ObserverConstructor", "alignToTop", "forceScroll", "viewportOffset", "ancestorOffset", "originalArgs", "scrollViewportToShowTarget", "isRenderingInProgress", "callbackResult", "_disableRendering", "flag", "disableObservers", "enableObservers", "stickiness", "_visitedParent", "prevVisitedParent", "textNodeAtPosition", "offsetInTextNode", "newOffset", "cmp", "diffAt", "Math", "min", "commonLevel", "thisParentPath", "getParentPath", "posParentPath", "_getTransformedByInsertOperation", "_getTransformedByMoveOperation", "_getTransformedBySplitOperation", "_getTransformedByMergeOperation", "movedRange", "_getCombined", "moveTargetPosition", "isContained", "deletePosition", "transformed", "insertPosition", "combined", "fromJSON", "startParentPath", "endParentPath", "shouldJoin", "posParent", "getTransformedByOperations", "newPos", "differenceSet", "transformedCommon", "newStart", "newEnd", "ref", "refIndex", "_modelToViewMapping", "_viewToModelMapping", "_viewToModelLengthCallbacks", "_markerNameToElements", "_elementToMarkerNames", "_deferredBindingRemovals", "_unboundMarkerNames", "_cache", "viewContainer", "viewBlock", "findMappedViewAncestor", "modelParent", "modelOffset", "_toModelOffset", "toModelElement", "stopTracking", "unbindModelElement", "nameToElements", "elementToNames", "toModelPosition", "boundElements", "getElementsWithSameId", "lengthCallback", "viewOffset", "offsetToParentStart", "offsetInParent", "getModelLength", "stack", "len", "_moveViewPositionToTextNode", "cacheItem", "getClosest", "_findPositionStartingFrom", "startViewPosition", "startModelOffset", "targetModelOffset", "useCache", "traversedModelOffset", "lastLength", "save", "_getModelLengthAndCache", "cacheViewParent", "cacheViewOffset", "_cachedMapping", "_nodeToCacheListIndex", "_clearCacheInsideParent", "_invalidateOnTextChangeCallback", "_clearCacheAfter", "cache", "cacheMap", "newCacheItem", "maxModelOffset", "cacheList", "_findInCacheList", "startTracking", "initialCacheItem", "initialCache", "_invalidateOnChildrenChangeCallback", "_clearCacheAll", "lastValidNode", "cacheListIndex", "_clearCacheFromCacheIndex", "clearedItems", "_consumable", "_textProxyRegistry", "_getSymbolForTextProxy", "itemConsumables", "verifyAllConsumed", "eventGroup", "canConsume", "eventPrefix", "description", "symbol", "startMap", "endMap", "_addSymbolForTextProxy", "_firedEventsMap", "getRefreshedItems", "_createConversionApi", "getMarkersToRemove", "_convertMarkerRemove", "_reduceChanges", "_convertInsert", "_convertReinsert", "_convertRemove", "_convertAttribute", "flushDeferredBindings", "flushUnboundMarkerNames", "_convertMarkerAdd", "getMarkersToAdd", "markersAtSelection", "getMarkersAtPosition", "_addConsumablesForSelection", "doNotAddConsumables", "_addConsumablesForInsert", "_testAndFire", "oldValue", "_addConsumablesForRange", "walkerValues", "itemKey", "eventsFiredForConversion", "eventsFiredForItem", "_testAndFireAddAttributes", "_index", "_startOffset", "_deep", "_setAttributesTo", "anyNewRange", "_replaceAllRanges", "directChange", "_popRange", "attributeKeys", "treewalker", "limitStartPosition", "limitEndPosition", "_checkRange", "_removeAllRanges", "hasOwnRange", "isGravityOverridden", "updateMarkers", "_updateAttributes", "observeMarkers", "prefixOrName", "getStoredAttributes", "overrideGravity", "_restoreGravity", "uid", "restoreGravity", "_getStoreAttributeKey", "_isStoreAttributeKey", "_attributePriority", "_selectionRestorePosition", "_hasChangedRange", "_overriddenGravityRegister", "_observedMarkers", "_model", "_document", "_fixGraveyardSelection", "_validateSelectionRanges", "_updateMarker", "_getDefaultRange", "overrideUid", "liveRange", "_prepareRange", "_validateSelectionRange", "changed", "markerGroup", "selectionRange", "oldMarkers", "hasMarker", "contained", "clearAll", "newAttributes", "_getSurroundingAttributes", "oldAttributes", "newKey", "oldKey", "_nodes", "_offsetToNode", "getNodeAtOffset", "getNodeIndex", "getNodeStartOffset", "indexToOffset", "nodeList", "nodesArray", "spliceArray", "indexStart", "lastNode", "removedOffsetSum", "_removeNodesArray", "getChildStartOffset", "relativePath", "_removeNodes", "_removeChildrenArray", "_dispatchers", "dispatchers", "conversionHelper", "elementToElement", "elementToStructure", "attributeToElement", "attributeToAttribute", "markerToElement", "markerToHighlight", "markerToData", "elementToAttribute", "elementToMarker", "dataToMarker", "convertChanges", "bindTo", "using", "reconvertMarker", "markerOrName", "currentMarker", "_refresh", "reconvertItem", "_refreshItem", "_sourceDefinitions", "create", "_customChildChecks", "_customAttributeChecks", "_genericCheckSymbol", "_compiledDefinitions", "decorate", "getDefinition", "_clearCache", "_compile", "getDefinitions", "isRegistered", "def", "_checkContextMatch", "isAllowed", "_evaluateAttributeChecks", "positionOrBaseElement", "elementToMerge", "checkMerge", "checks", "properties", "_attributeProperties", "selectionOrRangeOrPosition", "rangeCommonAncestor", "firstPosition", "getValidRanges", "_getValidRangesForRange", "backwardWalker", "forwardWalker", "positionsInRange", "attributeProperties", "sourceRules", "itemNames", "_evaluateChildChecks", "parentItemDefinition", "parentContext", "trimLast", "genericChecks", "childChecks", "check", "firstBlock", "positionAfter", "_items", "ctx", "getItem", "getNames", "query", "_splitParts", "_cursorParents", "_modelCursor", "_emptyElementsToKeep", "store", "_convertItem", "positionOrElement", "_convertChildren", "_safeInsert", "_updateConversionResult", "splitToAllowedParent", "_splitToAllowedParent", "getSplitParts", "_getSplitParts", "keepEmptyElement", "_keepEmptyElement", "documentFragment", "_removeEmptyElements", "elementOrModelCursor", "nextModelCursor", "splitResult", "savedCursorParent", "allowedParent", "findAllowedParent", "treeWalkerValue", "originalPart", "splitPart", "_registerSplitPair", "cursorParent", "list", "getHtml", "domParser", "htmlWriter", "toData", "_toDom", "useFillerType", "htmlProcessor", "_viewWriter", "isUndoable", "_checkIfRootsExists", "ignoreWhitespaces", "modelElementOrFragment", "clearBindings", "init", "initialData", "main", "Promise", "resolve", "newData", "toModel", "addStyleProcessorRules", "rootNames", "_helpers", "_downcast", "_upcast", "downcastDispatchers", "upcastDispatchers", "_createConversionHelpers", "isDowncast", "alias", "for", "helpers", "nsp", "parsedDocument", "parserError", "querySelector", "documentElement", "_validate", "__className", "affectedSelectable", "newTargetPosition", "sourceElement", "targetElement", "sourceOffset", "targetOffset", "shouldReceiveAttributes", "gyPosition", "originalNodes", "NEGATIVE_INFINITY", "splitElement", "getInsertionPosition", "mergedElement", "_markers", "oldName", "isAdd", "createRoot", "_isAttached", "_history", "_useRelations", "_forceWeakRemove", "_relations", "history", "takeFrom", "originalOperation", "_setRelation", "wasInLeftElement", "wasStartBeforeMergedElement", "wasEndBeforeMergedElement", "wasInRightElement", "aIsStrong", "aWasUndone", "_wasUndone", "bWasUndone", "abRelation", "_getRelation", "baRelation", "originalOp", "wasUndone", "isUndoneOperation", "origB", "undoneB", "getUndoneOperation", "origA", "relationsA", "relation", "r", "aNewRange", "aToGraveyard", "bToGraveyard", "removedRange", "insertBefore", "getReversed", "aCompB", "shouldSpread", "rightRange", "movesGraveyardElement", "gyMoveSource", "splitNodesMoveSource", "aTarget", "gyMoveTarget", "gyMove", "splitNodesMoveTargetPath", "splitNodesMoveTarget", "splitNodesMove", "renamePath", "splitPath", "extraRename", "additionalSplit", "rangeToMove", "gyElementMoved", "newParentPosition", "newTargetPath", "splitAtTarget", "howManyRemoved", "aInGraveyard", "bInGraveyard", "newPositionPath", "isLocal", "isUndo", "isTyping", "_statesPriority", "_changesInElement", "_elementsSnapshots", "_elementChildrenSnapshots", "_elementState", "_changedMarkers", "_changedRoots", "_changeCount", "_cachedChanges", "_cachedChangesWithGraveyard", "_refreshedItems", "markerCollection", "_markerCollection", "bufferOperation", "operationToBuffer", "_isInInsertedElement", "_markInsert", "_markAttribute", "sourceParentInserted", "targetParentInserted", "_markRemove", "_setElementState", "getMarkersIntersectingRange", "markerData", "bufferMarkerChange", "graveyardParent", "mergedIntoElement", "_isLoaded", "_bufferRootStateChange", "_bufferRootAttributeChange", "oldMarkerData", "newMarkerData", "buffered", "markerAdded", "markerRemoved", "markerChanged", "includeChangesInGraveyard", "diffSet", "childrenBefore", "childrenAfter", "diffInstructions", "instruction", "_getDiffActionForNode", "childSnapshotBefore", "diffItem", "_getInsertDiff", "_getRemoveDiff", "beforeAttributes", "afterAttributes", "diffItems", "_getAttributesDiff", "changeCount", "prevIndex", "prevDiff", "thisDiff", "isConsecutiveTextRemove", "isConsecutiveTextAdd", "isConsecutiveAttributeChange", "v", "state", "_bufferRootLoad", "attrEntry", "changeItem", "_markChange", "_removeAllNestedChanges", "_makeSnapshots", "_getChangesForElement", "_handleChange", "currentStatePriority", "diffItemType", "childrenSnapshots", "snapshot", "inc", "nodesToHandle", "old", "incEnd", "oldEnd", "intersectionLength", "howManyAfter", "attributePart", "elementSnapshot", "elementSnapshotBefore", "before", "_operations", "_undoPairs", "_undoneOperations", "_baseVersionToOperationIndex", "_version", "_gaps", "lastOperation", "historyVersion", "getOperations", "fromBaseVersion", "toBaseVersion", "firstOperation", "inclusiveTo", "gapFrom", "gapTo", "fromIndex", "toIndex", "getOperation", "operationIndex", "undoneOperation", "undoingOperation", "isUndoingOperation", "_hasSelectionChangedFromTheLastChangeBlock", "removeMarker", "includeDetached", "_handleChangeBlock", "_hasDocumentChangedFromTheLastChangeBlock", "refresh", "hasDataChanges", "reset", "defaultRoot", "_getDefaultRoot", "createPositionFromPath", "isValid", "managedUsingOperations", "oldMarker", "hasChanged", "_attachLiveRange", "_managedUsingOperations", "_affectsData", "_destroyMarker", "getMarkersGroup", "_detachLiveRange", "_liveRange", "usingOperations", "stopDelegating", "_assertWriterUsedCorrectly", "rangeRootPosition", "updateMarker", "itemOrPositionOrOffset", "appendElement", "itemOrRange", "removeAttributesFromItem", "_addOperationForAffectedMarkers", "_merge", "_mergeDetached", "renameOperation", "firstSplitElement", "firstCopyElement", "elementOrString", "shiftedRange", "hasUsingOperationDefined", "affectsDataDefined", "updatedRange", "detachRoot", "rootOrName", "keyOrObjectOrIterable", "_setSelectionAttribute", "keyOrIterableOfKeys", "_removeSelectionAttribute", "_overrideGravity", "restoreSelectionGravity", "storeKey", "_currentWriter", "isAffected", "affectedInLeftElement", "affectedInRightElement", "affectedAfterLeftElement", "affectedBeforeRightElement", "_firstNode", "_lastNode", "_lastAutoParagraph", "_filterAttributesAndChildrenOf", "_affectedStart", "_affectedEnd", "_nodeToSelect", "canMergeWith", "_documentFragment", "_documentFragmentPosition", "_handleNode", "_insertPartialFragment", "_updateLastNodeFromAutoParagraph", "_mergeOnRight", "_removeDisallowedChildren", "itemParent", "positionAfterLastNode", "positionAfterNode", "_setAffectedBoundaries", "_checkAndSplitToAllowedPosition", "_handleDisallowedNode", "_appendToFragment", "livePosition", "_mergeOnLeft", "_canMergeLeft", "mergePosLeft", "_canMergeRight", "mergePosRight", "allowedIn", "_getAllowedIn", "tempPos", "_insertAutoParagraph", "childNode", "_pendingChanges", "methodName", "register", "addChildCheck", "canEditAt", "_runPendingChanges", "batchOrType", "_execute", "rest", "rangeOrElement", "intersectingMarker", "search", "createBatch", "createOperationFromJSON", "ret", "currentBatch", "callbackReturnValue", "removeChildren", "oldElement", "insertChild", "valueOrElement", "setContentOf", "_positions", "_getPositions", "_createRanges", "_sortRanges", "regexp", "brackets", "exec", "bracket", "textOffset", "rangesOrder", "sortedRanges", "showAttributeElementId", "_walkView", "chunk", "replaceAll", "ignore", "_stringifyElementOpen", "rawContentContainer", "_stringifyElementRanges", "_stringifyElementClose", "_stringifyTextRanges", "rangeStartToken", "rangeEndToken", "letter", "_stringifyElementPriority", "_stringifyElementId", "_stringifyElementType", "_stringifyElementAttributes", "getClassNames", "getSubNodes", "head", "excludedProperties", "Set", "nodes", "subNodes", "nodeIndex", "length", "node", "has", "shouldNodeBeIncluded", "add", "Symbol", "iterator", "n", "push", "key", "type", "Object", "prototype", "toString", "call", "typeOfNode", "undefined", "_watchdogExcluded", "EventTarget", "Event", "areConnectedThroughProperties", "target1", "target2", "excludedNodes", "isObject", "subNodes1", "subNodes2", "structure", "toArray", "elementOrArray", "Array", "isArray", "Watchdog", "EditorWatchdog", "EditorWatchdogInitPlugin", "mainQueueId", "ContextWatchdog", "ActionQueues", "init_compat", "crashes", "state", "Date", "now", "config", "_crashNumberLimit", "crashNumberLimit", "_minimumNonErrorTimePeriod", "minimumNonErrorTimePeriod", "_boundErrorHandler", "evt", "error", "reason", "Error", "_handleError", "_listeners", "_restart", "_stopErrorHandling", "eventName", "callback", "filter", "cb", "args", "callbacks", "apply", "window", "addEventListener", "removeEventListener", "_shouldReactToError", "message", "stack", "filename", "ErrorEvent", "lineno", "colno", "date", "_now", "causesRestart", "_shouldRestart", "_fire", "is", "context", "_isErrorComingFromThisItem", "lastErrorTime", "firstMeaningfulErrorTime", "_editor", "_lifecyclePromise", "_initUsingData", "_editables", "_excludedProps", "Editor", "watchdogConfig", "_throttledSave", "throttle", "_save", "bind", "saveInterval", "_creator", "elementOrData", "create", "_destructor", "editor", "destroy", "_item", "setCreator", "creator", "setDestructor", "destructor", "Promise", "resolve", "then", "_destroy", "catch", "err", "console", "existingRoots", "lazyRoots", "oldRootsAttributes", "_config", "rootsAttributes", "rootName", "rootData", "entries", "_data", "roots", "isLoaded", "updatedConfig", "extraPlugins", "_watchdogInitialData", "initialData", "isElement", "_elementOrData", "_startErrorHandling", "keys", "values", "_cloneEditorConfiguration", "model", "document", "on", "_lastDocumentVersion", "version", "_getData", "_getEditables", "finally", "cancel", "off", "_setExcludedProperties", "props", "root", "isAttached", "plugins", "commentsRepository", "get", "trackChanges", "data", "markers", "commentThreads", "JSON", "stringify", "suggestions", "forEach", "content", "from", "getChildren", "attributes", "getAttributes", "_isLoaded", "marker", "_affectsData", "name", "rangeJSON", "getRange", "toJSON", "usingOperation", "_managedUsingOperations", "affectsData", "getCommentThreads", "skipNotAttached", "getSuggestions", "editables", "getRootNames", "editable", "ui", "getEditableElement", "cloneDeepWith", "value", "stop", "enqueueChange", "isUndoable", "writer", "_restoreCollaborationData", "_restoreEditorData", "fire", "priority", "jsonNode", "element", "createElement", "children", "child", "_appendChild", "_createNode", "createText", "parsedNodes", "parse", "parsedAttributes", "rootElement", "getRoot", "setAttribute", "insert", "markerName", "markerOptions", "start", "end", "options", "startPosition", "createPositionFromPath", "path", "stickiness", "endPosition", "range", "createRange", "addMarker", "parsedCommentThreads", "parsedSuggestions", "commentThread", "_removeCommentThread", "threadId", "id", "commentThreadData", "channelId", "addCommentThread", "trackChangesEditing", "suggestion", "_removeSuggestion", "suggestionData", "addSuggestionData", "_watchdogs", "Map", "_context", "_contextProps", "_actionQueues", "Context", "_watchdogConfig", "contextConfig", "onEmpty", "enqueue", "_contextConfig", "_create", "getItem", "itemId", "_getWatchdog", "getItemState", "itemConfigurationOrItemConfigurations", "itemConfigurations", "all", "map", "item", "watchdog", "set", "res", "rethrowRestartEventOnce", "sourceElementOrData", "remove", "itemIdOrItemIds", "itemIds", "delete", "_onEmptyCallbacks", "_queues", "_activeActions", "onEmptyCallback", "queueId", "action", "isMainAction", "queueWithAction", "nonErrorQueue", "forceDisable", "evt", "return", "stop", "getEditorUsageData", "editor", "sessionId", "getSessionId", "pageSessionId", "getPageSessionID", "hostname", "window", "location", "version", "globalThis", "CKEDITOR_VERSION", "type", "getEditorType", "plugins", "getPluginsUsageData", "distribution", "getDistributionUsageData", "env", "getEnvUsageData", "integration", "Object", "create", "menuBar", "isVisible", "config", "get", "language", "ui", "locale", "uiLanguage", "content", "contentLanguage", "toolbar", "main", "getToolbarUsageData", "block", "balloon", "getPrototypeOf", "editorName", "collection", "Array", "from", "filter", "PluginConstructor", "pluginName", "map", "isContextPlugin", "isOfficialPlugin", "isPremiumPlugin", "isContext", "isOfficial", "isPremium", "name", "toolbarConfig", "normalizedToolbar", "isArray", "items", "flattenToolbarConfigNames", "extractToolbarConfigItemsNames", "isMultiline", "includes", "shouldNotGroupWhenFull", "stripToolbarSeparatorItems", "item", "flatMap", "channel", "Symbol", "for", "os", "browser", "isMac", "isWindows", "isiOS", "isAndroid", "isGecko", "isBlink", "isSafari", "localStorage", "getItem", "setItem", "uid", "global", "CKEDITOR_PAGE_SESSION_ID", "collectUsageData", "collectedData", "setUsageData", "path", "value", "undefined", "CKEditorError", "set", "fire", "attachToForm", "isFunction", "updateSourceElement", "sourceElement", "isTextArea", "form", "originalSubmit", "onSubmit", "submit", "apply", "addEventListener", "on", "removeEventListener", "tagName", "toLowerCase", "ElementApiMixin", "base", "Mixin", "data", "shouldUpdateSourceElement", "isSourceElementTextArea", "HTMLTextAreaElement", "setDataInElement", "dataToSet", "Plugin", "Command", "MultiCommand", "CommandCollection", "PluginCollection", "Context", "EditingKeystrokeHandler", "DEFAULT_CATEGORY_ID", "DEFAULT_GROUP_ID", "Accessibility", "Editor", "init_dist", "init_compat", "ObservableMixin", "_disableStack", "Set", "forceDisabled", "id", "add", "size", "priority", "isEnabled", "clearForceDisabled", "delete", "off", "stopListening", "_affectsData", "_isEnabledBasedOnSelection", "decorate", "listenTo", "model", "document", "refresh", "affectsData", "selection", "canEditAtSelection", "getFirstPosition", "root", "rootName", "canEditAt", "isReadOnly", "args", "_childCommandsDefinitions", "command", "_getFirstEnabledCommand", "execute", "options", "insertToPriorityArray", "_checkEnabled", "commandDefinition", "find", "_commands", "Map", "commandName", "commandParams", "names", "keys", "commands", "values", "iterator", "destroy", "EmitterMixin", "_context", "_plugins", "context", "availablePlugins", "contextPlugins", "_availablePlugins", "_contextPlugins", "pluginInstance", "entry", "key", "plugin", "has", "init", "pluginsToRemove", "pluginsSubstitutions", "that", "findAvailablePluginConstructors", "validatePlugins", "pluginsToLoad", "isPluginRemoved", "pluginConstructors", "getPluginConstructors", "substitutePlugins", "pluginInstances", "loadPlugins", "initPlugins", "then", "isPluginConstructor", "some", "removedPlugin", "getPluginName", "processed", "forEach", "requires", "reduce", "result", "parentPluginConstructor", "checkMissingPlugin", "checkContextPlugin", "checkRemovedPlugin", "missingPlugin", "requiredBy", "_add", "method", "promise", "bind", "Promise", "resolve", "pluginItem", "length", "pluginToReplace", "indexInPluginConstructors", "indexOf", "splice", "promises", "push", "all", "plugin1", "plugin2", "defaultConfig", "builtinPlugins", "_contextOwner", "translations", "rest", "Config", "define", "languageConfig", "Locale", "t", "editors", "Collection", "concat", "isContextOwner", "_removeEditor", "remove", "KeystrokeHandler", "keystroke", "callback", "evtData", "cancel", "keystrokeInfos", "_editor", "isMenuBarVisible", "addKeystrokeInfoCategory", "label", "description", "navigationKeystrokes", "mayRequireFn", "groups", "keystrokes", "addKeystrokeInfoGroup", "categoryId", "group", "category", "groupId", "addKeystrokeInfos", "constructor", "defaultTranslations", "_addEditor", "_getEditorConfig", "checkLicenseKeyIsDefined", "_readOnlyLocks", "once", "state", "Model", "stylesProcessor", "StylesProcessor", "DataController", "editing", "EditingController", "view", "to", "conversion", "Conversion", "downcastDispatcher", "upcastDispatcher", "addAlias", "accessibility", "verifyLicenseKey", "licenseKey", "CKEDITOR_GLOBAL_LICENSE_KEY", "distributionChannel", "blockEditor", "reason", "enableReadOnlyMode", "_showLicenseError", "hasAllRequiredFields", "licensePayload", "every", "field", "getCrcInputData", "getOwnPropertyNames", "sort", "checkLicensedHosts", "licensedHosts", "URL", "href", "segments", "split", "host", "fill", "octets", "segment", "index", "warnAboutNonProductionLicenseKey", "licenseType", "capitalizedLicenseType", "toUpperCase", "slice", "article", "console", "info", "warn", "decodeLicenseKey", "toArray", "crc32", "vc", "Date", "exp", "releaseDate", "now", "CKEDITOR_WARNING_SUPPRESSIONS", "timerId", "setTimeout", "clearTimeout", "usageEndpoint", "request", "requestId", "requestTime", "Math", "round", "license", "_sendUsageRequest", "response", "status", "message", "logError", "url", "lockId", "disableReadOnlyMode", "setData", "getData", "removePlugins", "extraPlugins", "checkPluginsAllowedByLicenseKey", "decodedPayload", "disallowedPlugin", "pluginConstructor", "licenseFeatureCode", "isFeatureBlockedByLicenseKey", "readyPromise", "err", "rethrowUnexpectedError", "focus", "Error", "EditorWatchdog", "ContextWatchdog", "gluePluginName", "replace", "containsGluePlugin", "featureName", "endpoint", "headers", "Headers", "fetch", "body", "JSON", "stringify", "ok", "json", "init_dist", "init_dist", "accessibility", "alignLeft", "bold", "bulletedList", "cancel", "check", "dragIndicator", "dropdownArrow", "importExport", "indent", "italic", "link", "nextArrow", "numberedList", "outdent", "paragraph", "pencil", "pilcrow", "plus", "previousArrow", "projectLogo", "quote", "redo", "returnArrow", "selectAll", "settings", "strikethrough", "text", "threeVerticalDots", "underline", "undo", "unlink", "colors", "color_name_default", "init_color_name", "__esmMin", "key", "init_color_parse", "__esmMin", "init_color_name", "srgbNonlinearTransform", "c", "cc", "srgbNonlinearTransformInv", "comparativeDistance", "x", "y", "reverseKeywords", "convert", "conversions_default", "LAB_FT", "init_conversions", "__esmMin", "init_color_name", "key", "color_name_default", "model", "channels", "labels", "rgb", "r", "g", "b", "min", "max", "delta", "h", "s", "l", "rdif", "gdif", "bdif", "v", "diff", "diffc", "w", "lp", "mp", "sp", "aa", "bb", "k", "m", "reversed", "currentClosestDistance", "currentClosestKeyword", "keyword", "value", "distance", "z", "xyz", "a", "hsl", "t3", "t2", "t1", "i", "smin", "lmin", "sv", "hsv", "hi", "f", "p", "q", "t", "vmin", "sl", "hwb", "wh", "bl", "ratio", "n", "cmyk", "oklab", "ll", "oklch", "lab", "y2", "x2", "z2", "lch", "hr", "args", "saturation", "ansi", "color", "mult", "rem", "string", "match", "colorString", "char", "integer", "chroma", "hue", "grayscale", "hcg", "pure", "mg", "apple", "gray", "buildGraph", "graph", "models", "conversions_default", "length", "deriveBFS", "fromModel", "queue", "current", "adjacents", "i", "adjacent", "node", "link", "from", "to", "args", "wrapConversion", "toModel", "path", "fn", "cur", "route", "conversion", "route_default", "init_route", "__esmMin", "init_conversions", "wrapRaw", "fn", "wrappedFn", "args", "arg0", "wrapRounded", "result", "length", "i", "convert", "models", "init_color_convert", "__esmMin", "init_conversions", "init_route", "conversions_default", "fromModel", "routes", "route_default", "routeModels", "toModel", "isStringArray", "arr", "every", "a", "hasTemplateBinding", "schema", "value", "Array", "isArray", "some", "TemplateBinding", "isCssVariable", "name", "test", "getValueSchemaValue", "node", "map", "schemaItem", "getValue", "syncValueSchemaValue", "updater", "values", "length", "TemplateIfBinding", "reduce", "arrayValueReducer", "isFalsy", "remove", "set", "getTextUpdater", "textContent", "getAttributeUpdater", "el", "attrName", "ns", "setAttributeNS", "removeAttributeNS", "getStyleUpdater", "styleName", "style", "setProperty", "removeProperty", "clone", "def", "cloneDeepWith", "isTemplate", "isView", "isViewCollection", "normalize", "normalizePlainTextDefinition", "text", "normalizeTextDefinition", "on", "eventListeners", "normalizeListeners", "attributes", "normalizeAttributes", "children", "push", "child", "isNode", "Template", "toArray", "arrayify", "listeners", "l", "obj", "key", "prev", "cur", "extendObjectValueArray", "ext", "extendTemplate", "template", "CKEditorError", "childIndex", "childDef", "item", "View", "ViewCollection", "isNamespaced", "attrValue", "isObject", "getEmptyRevertData", "bindings", "shouldExtend", "clickOutsideHandler", "emitter", "activator", "callback", "contextElements", "listenerOptions", "listenTo", "document", "evt", "domEvt", "path", "composedPath", "contextElementsList", "contextElement", "contains", "target", "includes", "CssTransitionDisablerMixin", "view", "Mixin", "disableCssTransitions", "_isCssTransitionsDisabled", "enableCssTransitions", "args", "initializeCssTransitionDisablerMixin", "class", "bindTemplate", "if", "DraggableViewMixin", "DraggableMixin", "_onDragBound", "_onDrag", "bind", "_onDragEndBound", "_onDragEnd", "x", "y", "_attachListeners", "element", "_onDragStart", "global", "stopListening", "_isHandleElementPressed", "_attachDragListeners", "MouseEvent", "clientX", "clientY", "touches", "_lastDraggingCoordinates", "isDragging", "_detachDragListeners", "newX", "newY", "preventDefault", "fire", "deltaX", "Math", "round", "deltaY", "dragHandleElement", "HTMLElement", "submitHandler", "useCapture", "keystrokeToEnvKbd", "keystroke", "getEnvKeystrokeText", "split", "part", "join", "normalizeKeystrokeDefinition", "definition", "isCheckableRole", "role", "isDomFocusable", "isFocusable", "isVisible", "focus", "isViewWithFocusCycler", "focusCycler", "FocusCycler", "getDomElement", "object", "isElement", "isRange", "commonAncestorContainer", "getLowerRightCornerPosition", "focusedEditableElement", "config", "getLowerCornerPosition", "rootRect", "balloonRect", "left", "width", "horizontalOffset", "getLowerLeftCornerPosition", "getBalloonLeft", "visibleEditableElementRect", "editableElementRect", "Rect", "NARROW_ROOT_WIDTH_THRESHOLD", "height", "NARROW_ROOT_HEIGHT_THRESHOLD", "balloonTop", "position", "bottom", "verticalOffset", "balloonLeft", "newBalloonPositionVisibleRect", "moveTo", "getIntersection", "getVisible", "getArea", "top", "side", "withArrow", "FileDialogViewMixin", "FileDialogView", "_fileInputView", "FileInputView", "locale", "to", "delegate", "open", "render", "add", "isInputElementEmpty", "domElement", "normalizeToolbarConfig", "items", "removeItems", "predefinedConfigOptions", "createDropdown", "ButtonClassOrInstance", "DropdownButtonView", "buttonView", "panelView", "DropdownPanelView", "dropdownView", "DropdownView", "SplitButtonView", "arrowView", "addDefaultBehaviors", "addToolbarToDropdown", "buttonsOrCallback", "options", "isOpen", "addToolbarToOpenDropdown", "once", "priority", "enableActiveItemFocusOnDropdownOpen", "focusChildOnDropdownOpen", "toolbarView", "find", "isOn", "t", "ToolbarView", "buttons", "ariaLabel", "maxWidth", "isCompact", "isVertical", "bindTo", "using", "addMany", "focusTracker", "addListToDropdown", "itemsOrCallback", "addListToOpenDropdown", "listView", "ListItemView", "first", "ListView", "bindViewCollectionItemsToDefinitions", "childSelectorCallback", "childToFocus", "logWarning", "priorities", "low", "closeDropdownOnClickOutside", "closeDropdownOnExecute", "closeDropdownOnBlur", "focusDropdownContentsOnArrows", "focusDropdownButtonOnClose", "focusDropdownPanelOnOpen", "isRendered", "getFocusTrackerTreeElements", "filter", "elements", "externalViews", "flatMap", "source", "SwitchButtonView", "isFocused", "keystrokes", "data", "cancel", "focusLast", "activeElement", "listItems", "definitions", "bindDropdownToggleableButtonsAlignment", "type", "ListSeparatorView", "groupView", "ListItemGroupView", "label", "isToggleable", "model", "listItemView", "ListItemButtonView", "labelView", "Object", "keys", "toggleableButtonsCount", "pickListItemButtonIfPresent", "pickListItemToggleableButtonIfPresent", "listItemButtonView", "updateAllButtonsCheckSpace", "hasSpace", "listItem", "listItemButton", "hasCheckSpace", "prevToggleable", "removed", "added", "button", "currentToggleable", "getNormalized", "String", "toLowerCase", "getDescendantWithTooltip", "closest", "getTooltipData", "dataset", "ckeTooltipText", "ckeTooltipPosition", "cssClass", "ckeTooltipClass", "createMutationObserver", "mutationObserver", "MutationObserver", "attach", "observe", "attributeFilter", "detach", "disconnect", "getLicenseTypeFromLicenseKey", "licenseKey", "licenseContent", "parseBase64EncodedObject", "licenseType", "normalizeMenuBarConfig", "configObject", "cloneDeep", "DefaultMenuBarItems", "addItems", "isUsingDefaultConfig", "processMenuBarConfig", "normalizedConfig", "componentFactory", "extraItems", "configClone", "handleAdditions", "handleRemovals", "purgeUnavailableComponents", "purgeEmptyMenus", "localizeMenuLabels", "originalConfig", "itemsToBeRemoved", "successfullyRemovedItems", "menuId", "walkConfigMenus", "menuDefinition", "groups", "groupId", "groupDefinition", "itemId", "getIdFromGroupItem", "itemName", "menuBarConfig", "successFullyAddedItems", "itemToAdd", "relation", "getRelationFromPosition", "relativeId", "getRelativeIdFromPosition", "isMenuBarMenuAddition", "unshift", "menu", "topLevelMenuDefinitionIndex", "findIndex", "splice", "addMenuOrItemToGroup", "isMenuBarMenuGroupAddition", "group", "relativeGroupIndex", "addedItemConfig", "itemOrMenuToAdd", "wasAdded", "groupItems", "relativeItemIndex", "groupItem", "isItemUnavailable", "has", "parentMenuConfig", "componentName", "wasSubMenuPurged", "warnAboutEmptyMenu", "isMenuDefinition", "emptyMenuConfig", "localizedCategoryLabels", "string", "id", "topLevelMenuDefinition", "walk", "startsWith", "match", "getToolbarDefinitionWeight", "toolbarDef", "weight", "isContextual", "pickListButtonMenuViewIfPresent", "isNestedMenuLikeView", "ButtonView", "xhtmlNs", "TemplateToBinding", "AriaLiveAnnouncerPoliteness", "AriaLiveAnnouncer", "AriaLiveAnnouncerView", "AriaLiveAnnouncerRegionView", "LabelView", "AccessibilityHelpContentView", "IconView", "ButtonLabelView", "FormHeaderView", "DialogActionsView", "DialogContentView", "DialogViewPosition", "toPx", "DialogView", "Dialog", "CheckIconHolderView", "MenuBarMenuListItemButtonView", "AccessibilityHelp", "BodyCollection", "POSITION_OFF_SCREEN", "BalloonPanelView", "Badge", "DEFAULT_LABEL", "PoweredBy", "PoweredByView", "FileDialogListItemButtonView", "LabeledFieldView", "InputBase", "InputView", "InputTextView", "ToolbarSeparatorView", "ToolbarLineBreakView", "NESTED_TOOLBAR_ICONS", "ItemsView", "StaticLayout", "DynamicGrouping", "createLabeledInputText", "ComponentFactory", "BALLOON_CLASS", "TooltipManager", "EvaluationBadge", "EvaluationBadgeView", "MenuBarMenuListItemView", "NESTED_PANEL_HORIZONTAL_OFFSET", "MenuBarBehaviors", "MenuBarMenuBehaviors", "MenuBarMenuViewPanelPositioningFunctions", "EditorUI", "EditorUIView", "BoxedEditorUIView", "EditableUIView", "InlineEditableUIView", "FormRowView", "UIModel", "ContextualBalloon", "RotatorView", "FakePanelsView", "StickyPanelView", "MenuBarMenuButtonView", "MenuBarMenuPanelView", "MenuBarMenuView", "MenuBarMenuListView", "MenuBarMenuListItemFileDialogButtonView", "EVENT_NAME_DELEGATES", "MenuBarView", "init_dist", "init_compat", "init_color_parse", "init_color_convert", "Collection", "initialItems", "idProperty", "index", "_renderViewIntoCollectionParent", "_parentElement", "destroy", "setParent", "elementOrDocFragment", "events", "dest", "evtName", "stopDelegating", "insertBefore", "subject", "EmitterMixin", "assign", "_isRendered", "_revertData", "_renderNode", "intoFragment", "apply", "isApplying", "revertData", "revert", "_revertTemplateFromNode", "getViews", "search", "observable", "eventNameOrFunctionOrAttribute", "eventNameOrFunction", "attribute", "valueIfTrue", "extend", "isInvalid", "tag", "_renderText", "_renderElement", "createElementNS", "_renderAttributes", "_renderElementChildren", "_setUpListeners", "createTextNode", "_bindToObservable", "domAttrValue", "getAttribute", "attrNs", "valueToBind", "_renderStyleAttribute", "val", "next", "concat", "styles", "styleValue", "container", "createDocumentFragment", "appendChild", "childRevertData", "childNodes", "revertBindings", "domEvtName", "domSelector", "activateDomEventListener", "templateBinding", "activateAttributeListener", "binding", "revertBinding", "removeAttribute", "setAttribute", "i", "matches", "DomEmitterMixin", "ObservableMixin", "_viewCollections", "_unboundChildren", "createCollection", "collection", "decorate", "_bindTemplate", "views", "registerChild", "isIterable", "deregisterChild", "setTemplate", "c", "POLITE", "ASSERTIVE", "editor", "politeness", "announce", "announcement", "ui", "body", "isUnsafeHTML", "politenessRegionView", "regionViews", "_pruneAnnouncementsInterval", "clearInterval", "_domConverter", "htmlProcessor", "domConverter", "setInterval", "_listElement", "firstChild", "trim", "messageListItem", "createElement", "setContentOf", "innerText", "querySelector", "undefined", "uid", "for", "helpLabel", "tabindex", "_createCategories", "from", "categories", "categoryDefinition", "_createGroup", "flat", "description", "definitionAndDescriptionElements", "sort", "b", "localeCompare", "keystrokeDefinition", "_createGroupRow", "dt", "dd", "normalizedKeystrokeDefinition", "keystrokeAlternativeHTMLs", "keystrokeAlternative", "innerHTML", "mayRequireFn", "env", "isMac", "presentationalAttributeNames", "viewBox", "_updateXMLContent", "_colorFillPaths", "content", "svg", "DOMParser", "parseFromString", "removeChild", "fillColor", "querySelectorAll", "forEach", "fill", "_focusDelayed", "ariaLabelUid", "_setupLabelView", "iconView", "keystrokeView", "_createKeystrokeView", "_getTooltipString", "click", "isEnabled", "isSafari", "delay", "mousedown", "mouseup", "icon", "prop", "newIcon", "oldIcon", "withKeystroke", "tooltip", "Function", "focusables", "keystrokeHandler", "actions", "methodName", "keystrokeHandlerOptions", "focusFirst", "last", "slice", "_getDomFocusableItem", "previous", "current", "focusedElement", "viewIndex", "focused", "_focus", "getIndex", "chain", "chainedFocusCycler", "getCurrentFocusedView", "get", "oldCurrent", "focusNext", "stop", "focusPrevious", "unchain", "otherFocusCycler", "direction", "step", "collectionLength", "focusableItem", "focusableItemCandidate", "KeystrokeHandler", "_focusTracker", "FocusTracker", "_focusables", "setButtons", "property", "onExecute", "onCreate", "_updateFocusCyclableItems", "v", "SCREEN_CENTER", "EDITOR_CENTER", "EDITOR_TOP_SIDE", "EDITOR_TOP_CENTER", "EDITOR_BOTTOM_CENTER", "EDITOR_ABOVE_CENTER", "EDITOR_BELOW_CENTER", "toUnit", "defaultOffset", "wasMoved", "getCurrentDomRoot", "getViewportOffset", "_getCurrentDomRoot", "_getViewportOffset", "parts", "_focusCycler", "isModal", "visibility", "defaultPrevented", "moveBy", "window", "_isVisible", "updatePosition", "_isTransparent", "setTimeout", "headerView", "title", "hasCloseButton", "actionButtons", "closeButtonView", "_createCloseButton", "contentView", "actionsView", "viewportRect", "_getViewportRect", "dialogRect", "_getDialogRect", "right", "_moveTo", "_left", "_top", "parentNode", "configuredPosition", "domRootRect", "_getVisibleDomRootRect", "coords", "_moveOffScreen", "leftCoordinate", "contentLanguageDirection", "visibleDomRootRect", "firstElementChild", "getConstrainedViewportRect", "focusable", "IconCancel", "Plugin", "_visibleDialogPlugin", "pluginName", "isOfficialPlugin", "_initShowHideListeners", "_initFocusToggler", "_initMultiRootIntegration", "accessibility", "addKeystrokeInfos", "categoryId", "_unlockBodyScroll", "_show", "onShow", "_hide", "_onHide", "editing", "changedRoots", "differ", "getChangedRoots", "changes", "state", "show", "dialogDefinition", "hide", "className", "onHide", "getDomRoot", "selection", "anchor", "root", "rootName", "viewportOffset", "_lockBodyScroll", "setupParts", "reset", "documentElement", "classList", "_checkIconHolderView", "_hasCheck", "_watchCheckIconHolderMount", "propertyName", "hasCheck", "_createCheckIconView", "_checkIconView", "_watchCheckIconMount", "IconCheck", "withText", "requires", "_createButton", "_toggleDialog", "_setupRootLabels", "ButtonClass", "dialog", "plugins", "IconAccessibility", "editingView", "change", "writer", "roots", "addAriaLabelTextToRoot", "modelRoot", "viewRoot", "getRoot", "newAriaLabel", "segment", "keystrokeInfos", "_bodyWrapper", "bodyCollectionContainer", "_bodyCollectionContainer", "dir", "uiLanguageDirection", "isConnected", "childElementCount", "_pinWhenIsVisibleCallback", "_resizeObserver", "attachTo", "defaultPositions", "positionOptions", "positions", "southArrowNorth", "southArrowNorthMiddleWest", "southArrowNorthMiddleEast", "southArrowNorthWest", "southArrowNorthEast", "northArrowSouth", "northArrowSouthMiddleWest", "northArrowSouthMiddleEast", "northArrowSouthWest", "northArrowSouthEast", "viewportStickyNorth", "limiter", "fitInViewport", "optimalPosition", "_getOptimalPosition", "parseInt", "pin", "unpin", "_startPinning", "_stopPinning", "targetElement", "limiterElement", "scrollTarget", "isWithinScrollTarget", "isLimiterWithinScrollTarget", "isText", "parentElement", "checkVisibility", "ResizeObserver", "generatePositions", "sideOffset", "arrowSideOffset", "heightOffset", "arrowHeightOffset", "stickyVerticalOffset", "northWestArrowSouthWest", "targetRect", "getNorthTop", "northWestArrowSouthMiddleWest", "northWestArrowSouth", "northWestArrowSouthMiddleEast", "northWestArrowSouthEast", "northEastArrowSouthWest", "northEastArrowSouthMiddleWest", "northEastArrowSouth", "northEastArrowSouthMiddleEast", "northEastArrowSouthEast", "southWestArrowNorthWest", "getSouthTop", "southWestArrowNorthMiddleWest", "southWestArrowNorth", "southWestArrowNorthMiddleEast", "southWestArrowNorthEast", "southEastArrowNorthWest", "southEastArrowNorthMiddleWest", "southEastArrowNorth", "southEastArrowNorthMiddleEast", "southEastArrowNorthEast", "westArrowEast", "eastArrowWest", "boundaryRect", "visibleBoundaryRect", "getOptimalPosition", "_balloonView", "_showBalloonThrottled", "throttle", "_showBalloon", "leading", "_lastFocusedEditableElement", "_balloonClass", "balloonClass", "_handleEditorReady", "balloon", "_isEnabled", "_updateLastFocusedEditableElement", "_hideBalloon", "attachOptions", "_getBalloonAttachOptions", "_createBalloonView", "_createBadgeContent", "badgeConfig", "_getNormalizedConfig", "positioningFunction", "editableEditorElements", "getEditableElementsNames", "getEditableElement", "whiteLabel", "userConfig", "forceVisible", "IconProjectLogo", "isColorInherited", "href", "dragstart", "toggleSwitchView", "_createToggleView", "accept", "multiple", "files", "viewCreator", "viewUid", "statusUid", "fieldView", "_createLabelView", "statusView", "_createStatusView", "fieldWrapperChildren", "errorText", "infoText", "placeholder", "readonly", "input", "_updateIsEmpty", "_setDomElementValue", "select", "isEmpty", "inputmode", "selectstart", "tagName", "toLocaleLowerCase", "childView", "dropdownPanel", "lastChild", "panelPosition", "optimalPanelPosition", "_panelPositions", "_defaultPanelPositionName", "closeDropdown", "south", "north", "southEast", "southWest", "northEast", "northWest", "southMiddleEast", "southMiddleWest", "northMiddleEast", "northMiddleWest", "defaultPanelPositions", "buttonRect", "panelRect", "_createArrowView", "IconDropdownArrow", "nestedList", "ariaLabelledBy", "firstListItem", "_listItemGroupToChangeListeners", "WeakMap", "_registerFocusableItemsGroup", "_registerFocusableListItem", "_deregisterFocusableItemsGroup", "_deregisterFocusableListItem", "reverse", "_getOnGroupItemsChangeCallback", "groupIndex", "registeredChildIndex", "groupItemsChangeCallback", "off", "delete", "alignLeft", "IconAlignLeft", "bold", "IconBold", "importExport", "IconImportExport", "paragraph", "IconParagraph", "plus", "IconPlus", "IconText", "threeVerticalDots", "IconThreeVerticalDots", "pilcrow", "IconPilcrow", "dragIndicator", "IconDragIndicator", "shouldGroupWhenFull", "itemsView", "isRtl", "classes", "isFloating", "_behavior", "itemsOrConfig", "factory", "_buildItemsFromConfig", "switchBehavior", "newBehaviorType", "clear", "refreshItems", "normalizedRemoveItems", "_cleanItemsConfiguration", "_createNestedToolbarDropdown", "create", "filteredItems", "idx", "indexOf", "_cleanSeparatorsAndLineBreaks", "nonSeparatorPredicate", "count", "firstCommandItemIndex", "lastCommandItemIndex", "isGrouping", "resizeObserver", "cachedPadding", "shouldUpdateGroupingOnNextResize", "viewChildren", "viewFocusables", "viewItemsView", "viewFocusTracker", "viewLocale", "ungroupedItems", "groupedItems", "groupedItemsDropdown", "_createGroupedItemsDropdown", "changeData", "removedItem", "currentIndex", "addedItem", "_updateGrouping", "viewElement", "_enableGroupingOnResize", "_enableGroupingOnMaxWidthChange", "ownerDocument", "initialGroupedItemsCount", "wereItemsGrouped", "_areItemsOverflowing", "_groupLastItem", "_ungroupFirstItem", "lastChildRect", "toolbarRect", "computedStyle", "getComputedStyle", "paddingProperty", "Number", "previousWidth", "entry", "contentRect", "dropdown", "tooltipPosition", "actionButton", "actionView", "_createActionView", "labeledFieldView", "inputView", "ariaDescribedById", "_components", "Map", "names", "originalName", "defaultBalloonPositions", "_currentElementWithTooltip", "_currentTooltipPosition", "_mutationObserver", "_watchdogExcluded", "_editors", "Set", "_instance", "tooltipTextView", "balloonPanelView", "_updateTooltipPosition", "_pinTooltipDebounced", "debounce", "_pinTooltip", "_unpinTooltipDebounced", "_unpinTooltip", "_onKeyDown", "_onEnterOrFocus", "_onLeaveOrBlur", "_onScroll", "editorBodyViewCollection", "size", "getPositioningFunctions", "s", "n", "e", "w", "sw", "se", "domEvent", "stopPropagation", "elementWithTooltipAttribute", "relatedTarget", "balloonElement", "isEnteringBalloon", "isLeavingBalloon", "descendantWithTooltip", "relatedDescendantWithTooltip", "targetDomElement", "bodyViewCollection", "tooltipData", "licenseTypeMessage", "evaluation", "trial", "development", "Boolean", "poweredBySide", "parentMenuView", "toggleMenusAndFocusItemsOnHover", "menuBarView", "isFocusBorderEnabled", "menuView", "menus", "pathLeaf", "isListItemContainingMenu", "focusCycleMenusOnArrows", "isContentRTL", "cycleTopLevelMenus", "currentMenuView", "isCurrentMenuViewOpen", "menusCount", "menuViewToOpen", "closeMenusWhenTheBarCloses", "closeMenuWhenAnotherOnTheSameLevelOpens", "closeOnClickOutside", "close", "enableFocusHighlightOnInteraction", "isKeyPressed", "_", "openAndFocusPanelOnArrowDownKey", "openOnArrowRightKey", "openOnButtonClick", "toggleOnButtonClick", "openAndFocusOnEnterKeyPress", "closeOnArrowLeftKey", "closeOnEscKey", "closeOnParentClose", "eastSouth", "eastNorth", "westSouth", "westNorth", "isReady", "_editableElementsMap", "_focusableToolbarDefinitions", "_extraMenuBarElements", "_lastFocusedForeignElement", "tooltipManager", "poweredBy", "evaluationBadge", "ariaLiveAnnouncer", "_initViewportOffset", "_readViewportOffsetFromConfig", "_bindBodyCollectionWithFocusTracker", "update", "_handleScrollToTheSelection", "_initFocusTracking", "_initVisualViewportSupport", "ckeditorInstance", "_domEmitter", "setUpKeystrokeHandler", "removeEditableElement", "extendMenuBar", "initMenuBar", "menuBarViewElement", "normalizedMenuBarConfig", "fillFromConfig", "_saveLastFocusedForeignElement", "viewportOffsetConfig", "legacyOffsetConfig", "console", "warn", "candidateDefinitions", "currentFocusedToolbarDefinition", "_getCurrentFocusedToolbarDefinition", "_getFocusableCandidateToolbarDefinitions", "candidateDefinition", "shift", "_focusFocusableCandidateToolbar", "afterBlur", "focusedToolbarDef", "domRoots", "beforeFocus", "defA", "defB", "candidateToolbarDefinition", "configuredViewportOffset", "visualTop", "_getVisualViewportTopOffset", "return", "visualViewport", "updateViewport", "visualViewportOffsetTop", "getVisualViewportOffset", "viewportTopOffset", "attachToDom", "detachFromDom", "main", "_voiceLabelView", "_createVoiceLabel", "lang", "uiLanguage", "voiceLabel", "editableElement", "contentLanguage", "_editableElement", "_hasExternalElement", "_editingView", "_updateIsFocusedClasses", "hasExternalElement", "isRenderingInProgress", "updateAfterRender", "addClass", "removeClass", "_options", "getEditableAriaLabel", "editableName", "existingLabel", "_role", "_ariaLabelledBy", "properties", "visibleStack", "_viewToStack", "_idToStack", "_view", "_rotatorView", "_fakePanelsView", "positionLimiter", "mapViewToDom", "_createPanelView", "hasView", "stackId", "_numberOfStacks", "_visibleStack", "singleViewMode", "showStack", "stack", "_showView", "_singleViewMode", "visibleView", "_showNextStack", "hideView", "_getStackId", "getPositionOptions", "pop", "_createRotatorView", "_createFakePanelsView", "entries", "stacks", "nextIndex", "isSingleViewMode", "numberOfStacks", "buttonNextView", "buttonPrevView", "_showPrevStack", "number", "min", "balloonClassName", "showView", "_createButtonView", "IconPreviousArrow", "IconNextArrow", "_balloonPanelView", "_addPanels", "_removePanels", "numberOfPanels", "_contentPanelPlaceholder", "display", "isSticky", "_contentPanelRect", "contentPanelElement", "getBoundingClientRect", "marginLeft", "checkIfShouldBeSticky", "isActive", "_unstick", "limiterRect", "visibleLimiterRect", "windowRect", "visualViewportOffsetLeft", "limiterBottomOffset", "stickyBottomOffset", "max", "_stickToBottomOfLimiter", "_stickToTopOfAncestors", "topOffset", "_isStickyToTheBottomOfLimiter", "_stickyTopOffset", "_stickyBottomOffset", "_marginLeft", "scrollX", "_repositionPanelOnOpen", "_propagateArrowKeystrokeEvents", "_defaultMenuPositionName", "_setItemsCheckSpace", "hasAnyToggleableItem", "listButtonView", "_setupIsOpenUpdater", "topLevelCategoryMenuViews", "_createMenu", "topLevelCategoryMenuView", "_attachBehaviors", "registerMenu", "_createMenuItems", "menuGroupDefinition", "itemDefinition", "menuItemView", "componentView", "_createMenuItemContentFromFactory", "_registerMenuTree", "menuBarItemsList", "nonSeparatorItems", "closeTimeout", "clearTimeout", "init_dist", "deleteSelectionContent", "model", "insertTextCommand", "isEnabled", "buffer", "lock", "enqueueChange", "batch", "deleteContent", "document", "selection", "unlock", "detachLiveRange", "liveRange", "range", "toRange", "detach", "root", "rootName", "findMappedViewAncestor", "viewNode", "mapper", "node", "is", "parent", "toModelElement", "enableChromeWorkaround", "observer", "view", "pressedKeyCode", "beforeInputReceived", "on", "evt", "keyCode", "domEvent", "shouldFireDeleteEvent", "isDeleteKeyCode", "isCollapsed", "targetRange", "getFirstRange", "eventInfo", "BubblingEventInfo", "deleteData", "unit", "DELETE_SELECTION", "direction", "getDeleteDirection", "selectionToRemove", "fire", "ViewDocumentDomEventData", "inputType", "deleteEventSpec", "DELETE_EVENT_TYPES", "priority", "data", "keyCodes", "delete", "stop", "backspace", "DELETE_BACKWARD", "DELETE_FORWARD", "shouldUseTargetRanges", "targetRanges", "length", "walker", "getWalker", "singleCharacters", "ignoreElementEnd", "count", "nextPosition", "item", "offset", "isInsideSurrogatePair", "isInsideCombinedSymbol", "isInsideEmojiSequence", "getLastTextLine", "start", "text", "Array", "from", "reduce", "rangeText", "createPositionAfter", "createRange", "end", "hasAnyAttribute", "attributes", "observedAttribute", "hasAttribute", "setSelectionAttributesFromTheNodeBefore", "position", "nodeBefore", "change", "writer", "isInlineObject", "schema", "isObject", "isInline", "key", "value", "getAttributes", "checkAttribute", "getAttributeProperties", "copyFromObject", "push", "setSelectionAttribute", "removeSelectionAttribute", "clearSelectionAttributes", "preventCaretMovement", "preventDefault", "isStepAfterAnyAttributeBoundary", "positionBefore", "getShiftedBy", "isBetweenDifferentAttributes", "isStrict", "nodeAfter", "attrBefore", "getAttribute", "undefined", "attrAfter", "buildQuotesRegExp", "quoteCharacter", "RegExp", "findAttributeRange", "attributeName", "findAttributeRangeBound", "lookBack", "textNode", "lastNode", "previousSibling", "nextSibling", "createPositionAt", "inlineHighlight", "editor", "tagName", "className", "editing", "highlightedElements", "Set", "registerPostFixer", "changed", "modelRange", "getFirstPosition", "viewRange", "toViewRange", "getItems", "hasClass", "addClass", "add", "conversion", "for", "dispatcher", "removeHighlight", "values", "removeClass", "TypingChangeBuffer", "InsertTextCommand", "TYPING_INPUT_TYPES", "TYPING_INPUT_TYPES_ANDROID", "InsertTextObserver", "Input", "TypingQueue", "DeleteCommand", "DELETE_CHARACTER", "DELETE_WORD", "DELETE_CODE_POINT", "DeleteObserver", "Delete", "Typing", "TextWatcher", "TwoStepCaretMovement", "TRANSFORMATIONS", "init_dist", "init_compat", "_batch", "limit", "_size", "_isLocked", "_changeCallback", "isLocal", "isUndoable", "_reset", "_selectionChangeCallback", "createBatch", "isTyping", "size", "input", "changeCount", "isLocked", "off", "ignoreLock", "Command", "undoStepSize", "_buffer", "_isEnabledBasedOnSelection", "destroy", "options", "doc", "textInsertions", "createSelection", "canEditAt", "resultRange", "selectionAttributes", "insertContent", "createText", "setSelection", "Observer", "focusObserver", "getObserver", "FocusObserver", "typingInputTypes", "env", "isAndroid", "viewDocument", "isComposing", "includes", "flush", "EventInfo", "called", "observe", "stopObserving", "Plugin", "pluginName", "isOfficialPlugin", "modelSelection", "_typingQueue", "addObserver", "config", "get", "commands", "listenTo", "viewSelection", "isFake", "isSimilar", "getRanges", "some", "modelRanges", "map", "toModelRange", "_tryFixingModelRange", "insertText", "selectedText", "startsWith", "substring", "commandData", "Boolean", "defaultPrevented", "mutations", "hasAffectedElements", "viewElement", "modelElement", "isElementAffected", "element", "flushAffectedElements", "toViewElement", "type", "flushDebounced", "debounce", "_queue", "_isComposing", "_affectedElements", "cancel", "clear", "shift", "commandLiveData", "selectionRanges", "ModelLiveRange", "fromRange", "ranges", "filter", "reason", "execute", "scrollToTheSelection", "has", "result", "sequence", "doNotResetEntireContent", "modifySelection", "treatEmojiAsSingleUnit", "_shouldEntireContentBeReplacedWithParagraph", "_replaceEntireContentWithParagraph", "_shouldReplaceFirstBlockWithParagraph", "getMinimalFlatRanges", "forEach", "shallow", "limitElement", "getLimitElement", "containsEntireContent", "checkChild", "limitElementFirstChild", "getChild", "paragraph", "createElement", "remove", "createRangeIn", "insert", "name", "deleteContentBackward", "deleteWordBackward", "deleteHardLineBackward", "deleteSoftLineBackward", "deleteContentForward", "deleteWordForward", "deleteHardLineForward", "deleteSoftLineForward", "isBlink", "modelDocument", "_undoOnBackspace", "deleteForwardCommand", "commandName", "ancestorLimit", "limitStartPosition", "isTouching", "getNearestSelectionRange", "plugins", "context", "requires", "ObservableMixin", "testCallback", "_hasMatch", "set", "_startListening", "stopListening", "hasMatch", "directChange", "_evaluateTextBeforeSelection", "isUndo", "suffix", "rangeBeforeSelection", "focus", "testResult", "eventData", "Object", "assign", "_isNextGravityRestorationSkipped", "_overrideUid", "locale", "shiftKey", "altKey", "ctrlKey", "arrowRightPressed", "arrowright", "arrowLeftPressed", "arrowleft", "contentDirection", "contentLanguageDirection", "isMovementHandled", "_handleForwardMovement", "_handleBackwardMovement", "_isGravityOverridden", "_restoreGravity", "_enableClickingAfterNode", "_enableInsertContentSelectionAttributesFixer", "_handleDeleteContentAfterNode", "registerAttribute", "attribute", "isAtStart", "_overrideGravity", "isAtEnd", "MouseObserver", "TouchObserver", "touched", "clicked", "isBackspace", "shouldPreserveAttributes", "overrideSelectionGravity", "restoreSelectionGravity", "copyright", "to", "registeredTrademark", "trademark", "oneHalf", "oneThird", "twoThirds", "oneForth", "threeQuarters", "lessThanOrEqual", "greaterThanOrEqual", "notEqual", "arrowLeft", "arrowRight", "horizontalEllipsis", "enDash", "emDash", "quotesPrimary", "quotesSecondary", "quotesPrimaryEnGb", "quotesSecondaryEnGb", "quotesPrimaryPl", "quotesSecondaryPl", "init_dist", "init_dist", "getButtonCreator", "editor", "commandName", "plugin", "icon", "label", "keystroke", "ButtonClass", "command", "commands", "get", "view", "locale", "set", "isToggleable", "bind", "to", "MenuBarMenuListItemButtonView", "role", "tooltip", "listenTo", "execute", "editing", "focus", "AttributeCommand", "BOLD", "BoldEditing", "BoldUI", "Bold", "ITALIC", "ItalicEditing", "ItalicUI", "Italic", "STRIKETHROUGH", "StrikethroughEditing", "StrikethroughUI", "Strikethrough", "UNDERLINE", "UnderlineEditing", "UnderlineUI", "Underline", "init_dist", "Command", "attributeKey", "model", "doc", "document", "value", "_getValueFromFirstAllowedNode", "isEnabled", "schema", "checkAttributeInSelection", "selection", "options", "forceValue", "undefined", "change", "writer", "isCollapsed", "setSelectionAttribute", "removeSelectionAttribute", "ranges", "getValidRanges", "getRanges", "range", "setAttribute", "removeAttribute", "hasAttribute", "item", "getItems", "checkAttribute", "Plugin", "pluginName", "isOfficialPlugin", "t", "extend", "allowAttributes", "setAttributeProperties", "isFormatting", "copyOnEnter", "conversion", "attributeToElement", "upcastAlso", "viewElement", "fontWeight", "getStyle", "Number", "name", "styles", "add", "keystrokes", "accessibility", "addKeystrokeInfos", "createButton", "IconBold", "ui", "componentFactory", "ButtonView", "requires", "IconItalic", "IconStrikethrough", "IconUnderline", "getCopyOnEnterAttributes", "schema", "allAttributes", "attribute", "getAttributeProperties", "copyOnEnter", "splitBlock", "writer", "splitPos", "split", "setSelection", "parent", "nextSibling", "isEnabled", "selection", "rangeCount", "anchorPos", "anchor", "checkChild", "range", "getFirstRange", "startElement", "start", "endElement", "end", "isInsideLimitElement", "softBreakAction", "model", "isSelectionEmpty", "isCollapsed", "isContainedWithinOneElement", "attributesToCopy", "getAttributes", "insertBreak", "removeSelectionAttribute", "getAttributeKeys", "setSelectionAttribute", "leaveUnmerged", "isAtStart", "isAtEnd", "deleteContent", "focus", "position", "breakLineElement", "createElement", "insertContent", "element", "is", "isLimit", "EnterCommand", "ENTER_EVENT_TYPES", "EnterObserver", "Enter", "ShiftEnterCommand", "ShiftEnter", "init_dist", "Command", "editor", "change", "enterBlock", "fire", "document", "insertParagraph", "isSoft", "insertLineBreak", "Observer", "view", "doc", "shiftPressed", "on", "evt", "data", "shiftKey", "inputType", "env", "isSafari", "domEvent", "enterEventSpec", "event", "BubblingEventInfo", "targetRanges", "ViewDocumentDomEventData", "stop", "called", "observe", "stopObserving", "Plugin", "pluginName", "isOfficialPlugin", "init", "editing", "viewDocument", "t", "addObserver", "commands", "add", "listenTo", "isComposing", "preventDefault", "execute", "scrollToTheSelection", "priority", "accessibility", "addKeystrokeInfos", "keystrokes", "label", "keystroke", "conversion", "register", "allowWhere", "isInline", "for", "elementToElement", "modelElement", "createEmptyElement", "findQuote", "elementOrPosition", "parent", "name", "getRangesOfBlockGroups", "writer", "blocks", "startPosition", "i", "ranges", "length", "block", "nextBlock", "createPositionBefore", "nextSibling", "push", "createRange", "createPositionAfter", "checkCanBeQuoted", "schema", "isBQAllowed", "checkChild", "isBlockAllowedInBQ", "BlockQuoteCommand", "BlockQuoteEditing", "BlockQuoteUI", "BlockQuote", "init_dist", "Command", "value", "_getValue", "isEnabled", "_checkEnabled", "options", "model", "editor", "selection", "document", "Array", "from", "getSelectedBlocks", "forceValue", "undefined", "change", "_removeQuote", "filter", "blocksToQuote", "_applyQuote", "firstBlock", "first", "reverse", "forEach", "groupRange", "start", "isAtStart", "end", "isAtEnd", "unwrap", "positionBefore", "move", "split", "positionAfter", "quotesToMerge", "quote", "createElement", "wrap", "reduce", "currentQuote", "nextQuote", "merge", "Plugin", "pluginName", "isOfficialPlugin", "requires", "Enter", "Delete", "commands", "add", "register", "inheritAllFrom", "conversion", "elementToElement", "view", "registerPostFixer", "changes", "differ", "getChanges", "entry", "type", "element", "position", "nodeAfter", "is", "isEmpty", "remove", "range", "createRangeIn", "child", "getItems", "viewDocument", "editing", "blockQuoteCommand", "get", "listenTo", "evt", "data", "isCollapsed", "getLastPosition", "execute", "scrollToTheSelection", "preventDefault", "stop", "context", "direction", "positionParent", "previousSibling", "ui", "componentFactory", "buttonView", "_createButton", "ButtonView", "set", "tooltip", "MenuBarMenuListItemButtonView", "role", "ButtonClass", "locale", "command", "t", "label", "icon", "IconQuote", "isToggleable", "bind", "to", "focus", "isWidget", "node", "is", "getCustomProperty", "getLabel", "element", "reduce", "prev", "current", "isTypeAroundWidget", "viewElement", "modelElement", "schema", "isInline", "getClosestTypeAroundDomButton", "domElement", "closest", "getTypeAroundButtonPosition", "classList", "contains", "getClosestWidgetViewElement", "domConverter", "widgetDomElement", "mapDomToView", "getTypeAroundFakeCaretPosition", "selection", "getAttribute", "TYPE_AROUND_SELECTION_ATTRIBUTE", "injectUIIntoWidget", "viewWriter", "buttonTitles", "widgetViewElement", "typeAroundWrapper", "createUIElement", "class", "domDocument", "wrapperDomElement", "toDomElement", "injectButtons", "injectFakeCaret", "insert", "createPositionAt", "position", "POSSIBLE_INSERTION_POSITIONS", "buttonTemplate", "Template", "tag", "attributes", "title", "children", "ownerDocument", "importNode", "RETURN_ARROW_ICON_ELEMENT", "appendChild", "render", "caretTemplate", "getDeepestEmptyElementAncestor", "deepestEmptyAncestor", "ancestor", "getAncestors", "parentFirst", "childCount", "isLimit", "verticalWidgetNavigationHandler", "editing", "model", "evt", "data", "arrowUpPressed", "keyCode", "keyCodes", "arrowup", "arrowDownPressed", "arrowdown", "expandSelection", "shiftKey", "document", "isForward", "range", "findTextRangeFromSelection", "isCollapsed", "isSingleLineRange", "change", "writer", "newPosition", "end", "start", "newSelection", "createSelection", "anchor", "setFocus", "setSelection", "stop", "preventDefault", "stopPropagation", "startPosition", "focus", "endPosition", "getNearestNonInlineLimit", "createRange", "lastRangePosition", "getNearestTextPosition", "firstRangePosition", "direction", "createRangeIn", "root", "walkerValueType", "previousPosition", "item", "type", "getWalker", "isBlock", "checkChild", "nextPosition", "modelRange", "view", "probe", "modifySelection", "isAtEnd", "isEqual", "viewRange", "mapper", "toViewRange", "domRange", "viewRangeToDom", "rects", "Rect", "getDomRangeRects", "boundaryVerticalPosition", "rect", "undefined", "Math", "round", "bottom", "top", "max", "hasObjectAtEdge", "modelSelection", "firstPosition", "getFirstPosition", "lastPosition", "getLastPosition", "firstSelectedNode", "nodeAfter", "lastSelectedNode", "nodeBefore", "isObject", "getModelSelectionAdjusted", "selectedElement", "getSelectedElement", "typeAroundFakeCaretPosition", "getRanges", "backward", "isBackward", "findClosestEditableOrWidgetAncestor", "currentElement", "parent", "getElementFromMouseEvent", "domEventData", "getRangeFromMouseEvent", "domEvent", "domRangeToView", "target", "viewPosition", "viewNode", "isAtStart", "isChild", "Array", "from", "includes", "findTextBlockAncestor", "includeSelf", "findNextTextBlock", "treeWalker", "ModelTreeWalker", "WIDGET_SELECTED_CLASS_NAME", "PLUGIN_DISABLED_EDITING_ROOT_CLASS", "WidgetTypeAround", "Widget", "init_dist", "DOMParser", "parseFromString", "IconReturnArrow", "firstChild", "Plugin", "_currentFakeCaretModelElement", "pluginName", "isOfficialPlugin", "requires", "Enter", "Delete", "editor", "editingView", "on", "isEnabled", "roots", "removeClass", "addClass", "removeSelectionAttribute", "_enableTypeAroundUIInjection", "_enableInsertingParagraphsOnButtonClick", "_enableInsertingParagraphsOnEnterKeypress", "_enableInsertingParagraphsOnTypingKeystroke", "_enableTypeAroundFakeCaretActivationUsingKeyboardArrows", "_enableDeleteIntegration", "_enableInsertContentIntegration", "_enableInsertObjectIntegration", "_enableDeleteContentIntegration", "destroy", "widgetModelElement", "attributesToCopy", "getAttributesWithProperty", "execute", "scrollToTheSelection", "_listenToIfEnabled", "emitter", "event", "callback", "options", "listenTo", "args", "selectedModelElement", "_insertParagraph", "t", "locale", "before", "after", "downcastDispatcher", "conversionApi", "toViewElement", "push", "priority", "_handleArrowKeyPress", "context", "directChange", "selectedViewElement", "map", "positionToWidgetCssClass", "ui", "focusTracker", "name", "isFocused", "isForwardArrowKeyCode", "contentLanguageDirection", "toModelElement", "shouldStopAndPreventDefault", "_handleArrowKeyPressOnSelectedWidget", "_handleArrowKeyPressWhenSelectionNextToAWidget", "_handleArrowKeyPressWhenNonCollapsedSelection", "setSelectionAttribute", "widgetPlugin", "plugins", "get", "modelElementNextToSelection", "_getObjectElementNextToSelection", "viewElementNextToSelection", "_setSelectionOverElement", "selectedModelNode", "selectedViewNode", "button", "domTarget", "buttonPosition", "eventPhase", "wasHandled", "_insertParagraphAccordingToFakeCaretPosition", "isSoft", "viewDocument", "env", "isAndroid", "selectedModelWidget", "isFakeCaretBefore", "isDeleteForward", "getNearestSelectionRange", "deepestEmptyRangeAncestor", "deleteContent", "doNotAutoparagraph", "documentSelection", "content", "selectable", "result", "insertContent", "findOptimalPosition", "_previouslySelected", "Set", "consumable", "consume", "createRangeOn", "fake", "label", "_clearPreviouslySelectedWidgets", "viewSelection", "lastMarked", "value", "add", "addObserver", "MouseObserver", "PointerObserver", "_onMousedown", "_onPointerdown", "_handleSelectionChangeOnArrowKeyPress", "_preventDefaultOnArrowKeyPress", "_handleDelete", "_selectNextEditable", "keystroke", "esc", "_selectAncestorWidget", "accessibility", "addKeystrokeInfoGroup", "id", "keystrokes", "eventInfo", "detail", "_selectBlockContent", "isPrimary", "editableOrWidgetElement", "clickTargetFromPoint", "isiOS", "findMappedViewAncestor", "nextTextBlock", "createPositionAfter", "getLocalizedArrowKeyCodeDirection", "isVerticalNavigation", "newRange", "originalSelection", "isTouching", "nodeBeforeProbe", "nodeAfterProbe", "lastProbeNode", "objectElement", "canEditAt", "previousNode", "isEmpty", "nodeToRemove", "remove", "forward", "widget", "clear", "rangeCount", "selectionRange", "getFirstRange", "getLastRange", "toViewPosition", "_findNextFocusRange", "editableElement", "editablePath", "getPath", "compareArrays", "modelPosition", "toModelPosition", "getLimitElement", "positionParent", "findAncestor", "init_dist", "init_dist", "init_dist", "plainTextToHtml", "text", "replace", "includes", "normalizeClipboardData", "data", "fullMatch", "spaces", "length", "viewToPlainText", "converter", "viewItem", "is", "hasAttribute", "getAttribute", "prev", "child", "getChildren", "newLinePadding", "tempElement", "document", "implementation", "createHTMLDocument", "createElement", "render", "domElementToPlainText", "element", "nodeType", "Node", "TEXT_NODE", "textContent", "tagName", "childNodes", "previous", "isEmpty", "getChild", "listElements", "name", "smallPaddingElements", "getCustomProperty", "findDropTargetRange", "editor", "targetViewElement", "targetViewRanges", "clientX", "clientY", "blockMode", "draggedRange", "model", "mapper", "editing", "modelElement", "getClosestMappedModelElement", "schema", "checkChild", "targetViewPosition", "start", "targetModelPosition", "toModelPosition", "Array", "from", "getItems", "shallow", "some", "item", "createRange", "findDropTargetRangeForElement", "parent", "isInline", "isBlock", "filter", "node", "shouldIgnoreElement", "startIndex", "endIndex", "createPositionAt", "middleIndex", "Math", "floor", "findElementSide", "domConverter", "view", "viewElement", "toViewElement", "domElement", "mapViewToDom", "global", "window", "getComputedStyle", "float", "rect", "Rect", "left", "right", "top", "bottom", "targetModelElement", "toModelElement", "viewPosition", "createPositionBefore", "findMappedViewAncestor", "findScrollableElement", "domNode", "parentElement", "overflow", "overflowY", "getFinalDropEffect", "dataTransfer", "env", "isGecko", "dropEffect", "effectAllowed", "findDraggableWidget", "target", "hasClass", "findAncestor", "isWidget", "ancestor", "getRangeIncludingFullySelectedParents", "elements", "firstElement", "lastElement", "getCommonAncestor", "startPosition", "endPosition", "createPositionAfter", "isLimit", "parentRange", "createRangeOn", "touchesStart", "isTouching", "touchesEnd", "end", "isUnformattedInlineContent", "documentFragment", "range", "createRangeIn", "childCount", "isObject", "getAttributeKeys", "find", "key", "getAttributeProperties", "isFormatting", "ClipboardObserver", "ClipboardMarkersUtils", "ClipboardPipeline", "toPx", "LineView", "DragDropTarget", "DragDropBlockToolbar", "DragDrop", "PastePlainText", "Clipboard", "init_dist", "init_compat", "DomEventObserver", "domEventType", "viewDocument", "listenTo", "handleInput", "priority", "type", "evt", "preventDefault", "targetRanges", "dropRange", "eventInfo", "EventInfo", "fire", "method", "domEvent", "stop", "called", "stopPropagation", "onDomEvent", "nativeDataTransfer", "clipboardData", "cacheFiles", "evtData", "ViewDataTransfer", "domRange", "getRangeFromMouseEvent", "domRangeToView", "Plugin", "_markersToCopy", "Map", "pluginName", "isOfficialPlugin", "markerName", "config", "set", "_copySelectedFragmentWithMarkers", "action", "selection", "getCopiedFragment", "writer", "getSelectedContent", "change", "oldSelection", "setSelection", "sourceSelectionInsertedMarkers", "_insertFakeMarkersIntoSelection", "fragment", "fakeMarkersRangesInsideRange", "_removeFakeMarkersInsideElement", "Object", "entries", "remove", "markers", "clear", "getPastedDocumentElement", "pasteMarkers", "_getPasteMarkersFromRangeMap", "sourceFragmentFakeMarkers", "_insertFakeMarkersElements", "transformedElement", "removedFakeMarkers", "values", "flat", "has", "addMarker", "usingOperation", "affectsData", "_pasteFragmentWithMarkers", "copyableMarker", "insertContent", "executor", "allowedActions", "copyPartiallySelected", "duplicateOnPaste", "before", "get", "delete", "_getMarkerClipboardConfig", "_hasMarkerConfiguration", "markerNamePrefix", "split", "copyableMarkers", "_getCopyableMarkersFromSelection", "selectionRanges", "getRanges", "markersInRanges", "Set", "flatMap", "selectionRange", "getMarkersIntersectingRange", "isSelectionMarkerCopyable", "marker", "_isMarkerCopyable", "markerRange", "getRange", "containsRange", "map", "_getUniqueMarkerName", "copyMarkerConfig", "isInGraveyard", "root", "rootName", "mappedMarkers", "sortedMarkers", "position", "sort", "posA", "posB", "isBefore", "fakeMarker", "push", "insert", "rootElement", "fakeMarkersRanges", "_getAllFakeMarkersFromElement", "reduce", "acc", "markerElement", "prevFakeMarker", "skipAssign", "mapValues", "ModelRange", "createPositionFromPath", "foundFakeMarkers", "prependFakeMarkers", "appendFakeMarkers", "otherFakeMarker", "unshift", "parts", "newId", "uid", "substring", "slice", "join", "requires", "addObserver", "_setupPasteDrop", "_setupCopyCut", "clipboardMarkersUtils", "plugins", "enqueueChange", "isUndoable", "content", "canEditAt", "contentData", "getData", "htmlProcessor", "toView", "sourceEditorId", "scrollToTheSelection", "modelFragment", "toModel", "resultRange", "modelDocument", "onCopyCut", "_fireOutputTransformationEvent", "isClipboardPipeline", "setData", "toData", "id", "deleteContent", "toUnit", "View", "bind", "bindTemplate", "isVisible", "width", "setTemplate", "tag", "attributes", "class", "if", "value", "style", "to", "removeDropMarkerDelayed", "delay", "removeDropMarker", "_updateDropMarkerThrottled", "throttle", "targetRange", "_updateDropMarker", "_reconvertMarkerThrottled", "reconvertMarker", "_dropTargetLineView", "DomEmitterMixin", "_scrollables", "_setupDropMarker", "_domEmitter", "stopListening", "resizeObserver", "destroy", "cancel", "removeMarker", "ui", "body", "add", "conversion", "for", "markerToHighlight", "classes", "markerToElement", "_createDropTargetPosition", "isCollapsed", "_updateDropTargetLine", "isEqual", "updateMarker", "createUIElement", "domDocument", "toDomElement", "append", "nodeBefore", "nodeAfter", "nodeParent", "viewElementBefore", "domElementBefore", "viewElementAfter", "domElementAfter", "viewElementParent", "domElementParent", "domScrollableRect", "_getScrollableRect", "scrollX", "scrollY", "rectBefore", "rectAfter", "rectParent", "excludeScrollbarsAndBorders", "above", "below", "parentStyle", "parseFloat", "paddingLeft", "paddingRight", "leftClamped", "max", "rightClamped", "min", "domScrollable", "usePassive", "ResizeObserver", "_isBlockDragging", "isReadOnly", "forceDisabled", "clearForceDisabled", "isAndroid", "buttonView", "_handleBlockDragStart", "_handleBlockDragging", "_handleBlockDragEnd", "useCapture", "isEnabled", "setAttribute", "on", "blocks", "getSelectedBlocks", "focus", "getObserver", "locale", "contentLanguageDirection", "elementFromPoint", "closest", "_clearDraggableAttributesDelayed", "_clearDraggableAttributes", "_blockMode", "Widget", "_draggedRange", "_draggingUid", "_draggableElement", "PointerObserver", "_setupDragging", "_setupContentInsertionIntegration", "_setupClipboardInputIntegration", "_setupDraggableAttributeHandling", "_finalizeDragging", "detach", "_previewContainer", "dragDropTarget", "_prepareDraggedRange", "canEditAtDraggedRange", "draggedSelection", "createSelection", "toRange", "domTarget", "_updatePreview", "isCanceled", "updateDropMarker", "getFinalDropRange", "toViewRange", "clipboardPipeline", "ranges", "viewRange", "toModelRange", "isMove", "isSuccess", "draggableElement", "isBlink", "selectedElement", "getSelectedElement", "editableElement", "removeAttribute", "moved", "undefined", "doNotAutoparagraph", "selectionParent", "getFirstPosition", "insertElement", "draggableWidget", "ModelLiveRange", "fromRange", "getFirstRange", "blockRange", "touchesBlockEdges", "editable", "domEditable", "computedStyle", "firstElementChild", "removeChild", "appendChild", "preview", "className", "domRect", "domEditablePaddingLeft", "domEditablePaddingRight", "editableWidth", "contains", "isiOS", "maxWidth", "padding", "minWidth", "minHeight", "boxSizing", "backgroundColor", "offsetLeft", "setContentOf", "setDragImage", "textAttributes", "getAttributes", "attribute", "checkAttribute", "t", "accessibility", "addKeystrokeInfos", "keystrokes", "label", "keystroke", "init_dist", "init_dist", "init_dist", "init_dist", "getInitialData", "sourceElementOrData", "isElement", "getDataFromElement", "value", "_isElement", "ClassicEditorUI", "ClassicEditorUIView", "ClassicEditor", "init_dist", "init_compat", "EditorUI", "editor", "view", "_toolbarConfig", "normalizeToolbarConfig", "config", "get", "_elementReplacer", "ElementReplacer", "listenTo", "editing", "_handleScrollToTheSelectionWithStickyPanel", "bind", "element", "init", "replacementElement", "editingView", "editable", "editingRoot", "document", "getRoot", "name", "rootName", "render", "editableElement", "setEditableElement", "to", "focusTracker", "attachDomRoot", "replace", "_initPlaceholder", "_initToolbar", "menuBarView", "initMenuBar", "_initDialogPluginIntegration", "_initContextualBalloonIntegration", "fire", "destroy", "restore", "getDomRoot", "detachDomRoot", "stickyPanel", "limiterElement", "visualTop", "toolbar", "fillFromConfig", "componentFactory", "addToolbar", "sourceElement", "placeholderText", "placeholder", "tagName", "toLowerCase", "getAttribute", "enableViewPlaceholder", "isDirectHost", "keepOnFocus", "plugins", "has", "contextualBalloon", "on", "evt", "position", "return", "isSticky", "stickyPanelHeight", "Rect", "height", "target", "limiter", "viewportOffsetConfig", "newTopViewportOffset", "top", "priority", "updateBalloonPosition", "visibleView", "updatePosition", "ui", "data", "originalArgs", "viewportOffset", "scrollViewportOnPanelGettingSticky", "scrollToTheSelection", "setTimeout", "stopListening", "dialogPlugin", "dialogView", "wasMoved", "isModal", "stickyPanelContentRect", "contentPanelElement", "bottom", "DialogView", "defaultOffset", "BoxedEditorUIView", "locale", "options", "StickyPanelView", "ToolbarView", "shouldGroupWhenFull", "shouldToolbarGroupWhenFull", "useMenuBar", "MenuBarView", "InlineEditableUIView", "undefined", "label", "content", "addMany", "add", "main", "ElementApiMixin", "Editor", "editorName", "initialData", "CKEditorError", "define", "set", "model", "createRoot", "menuBarConfig", "isVisible", "attachToForm", "updateSourceElement", "create", "Promise", "resolve", "initPlugins", "then", "init_dist", "init_dist", "init_dist", "require_fuzzysort", "__commonJSMin", "exports", "module", "root", "UMD", "_", "single", "search", "target", "NULL", "preparedSearch", "getPreparedSearch", "isPrepared", "getPrepared", "searchBitflags", "algorithm", "go", "targets", "options", "all", "noResults", "containsSpace", "threshold", "denormalizeScore", "limit", "INFINITY", "resultsLen", "limitedCount", "targetsLen", "push_result", "result", "q", "key", "i", "obj", "getValue", "keys", "keysLen", "outer", "keysBitflags", "keyI", "tmpTargets", "noTarget", "keysSpacesBestScores", "NEGATIVE_INFINITY", "tmpResults", "allowPartialMatchScores", "tmp", "hasAtLeast1Match", "objResults", "KeysResult", "score", "results", "highlight", "open", "close", "callback", "targetLen", "indexes", "highlighted", "matchI", "indexesI", "opened", "parts", "char", "prepare", "info", "prepareLowerInfo", "new_result", "cleanup", "preparedCache", "preparedSearchCache", "Result", "a", "b", "normalizeScore", "normalizedScore", "prepareSearch", "spaceSearches", "searches", "_info", "targetPrepared", "searchPrepared", "prepared", "allowSpaces", "allowPartialMatch", "algorithmSpaces", "searchLower", "searchLowerCodes", "searchLowerCode", "targetLowerCodes", "searchLen", "searchI", "targetI", "matchesSimpleLen", "isMatch", "matchesSimple", "successStrict", "matchesStrictLen", "nextBeginningIndexes", "prepareNextBeginningIndexes", "backtrackCount", "lastMatch", "matchesStrict", "substringIndex", "isSubstring", "isSubstringBeginning", "s", "calculateScore", "matches", "extraMatchGroupCount", "unmatchedDistance", "uniqueBeginningIndexes", "matchesBest", "seen_indexes", "first_seen_index_last_search", "searchesLen", "changeslen", "resetNextBeginningIndexes", "nextBeginningIndexesChanges", "isTheLastSearch", "indexesIsConsecutiveSubstring", "newBeginningIndex", "toReplace", "j", "allowSpacesResult", "index", "remove_accents", "str", "match", "strLen", "lower", "lowerCodes", "bitflags", "lowerCode", "bit", "prepareBeginningIndexes", "beginningIndexes", "beginningIndexesLen", "wasUpper", "wasAlphanum", "targetCode", "isUpper", "isAlphanum", "isBeginning", "lastIsBeginning", "lastIsBeginningI", "prop", "segs", "len", "fastpriorityqueue", "r", "e", "o", "v", "c", "f", "import_fuzzysort", "init_dist", "isSelectAllScope", "schema", "element", "isLimit", "checkChild", "SelectAllCommand", "SELECT_ALL_KEYSTROKE", "SelectAllEditing", "SelectAllUI", "SelectAll", "init_dist", "Command", "editor", "affectsData", "model", "selection", "document", "scopeElement", "getLimitElement", "containsEntireContent", "parent", "change", "writer", "setSelection", "parseKeystroke", "Plugin", "pluginName", "isOfficialPlugin", "t", "viewDocument", "editing", "view", "commands", "add", "listenTo", "eventInfo", "domEventData", "getCode", "execute", "preventDefault", "accessibility", "addKeystrokeInfos", "keystrokes", "label", "keystroke", "ui", "componentFactory", "buttonView", "_createButton", "ButtonView", "set", "tooltip", "MenuBarMenuListItemButtonView", "ButtonClass", "locale", "command", "get", "icon", "IconSelectAll", "bind", "to", "focus", "requires", "normalizeRanges", "ranges", "sort", "a", "b", "start", "isBefore", "i", "length", "joinedRange", "getJoined", "splice", "isRangeContainedByAnyOtherRange", "range", "some", "otherRange", "containsRange", "UndoRedoBaseCommand", "UndoCommand", "RedoCommand", "UndoEditing", "UndoUI", "Undo", "init_dist", "Command", "_stack", "_createdBatches", "WeakSet", "editor", "refresh", "_isEnabledBasedOnSelection", "listenTo", "data", "evt", "options", "batchType", "isUndoable", "priority", "clearStack", "isEnabled", "createdBatches", "addBatch", "batch", "docSelection", "model", "document", "selection", "hasOwnRange", "Array", "from", "getRanges", "isBackward", "push", "operations", "selectionRanges", "transformedRangeGroups", "map", "getTransformedByOperations", "allRanges", "flat", "rangeGroup", "transformed", "filter", "root", "graveyard", "change", "writer", "setSelection", "backward", "batchToUndo", "undoingBatch", "add", "operationsToUndo", "slice", "operation", "isDocumentOperation", "reverse", "operationToUndo", "nextBaseVersion", "baseVersion", "historyOperations", "history", "getOperations", "reversedOperations", "transformOperationSets", "getReversed", "useRelations", "padWithNoOps", "forceWeakRemove", "operationsA", "affectedSelectable", "canEditAt", "NoOperation", "addOperation", "applyOperation", "setOperationAsUndone", "batchIndex", "findIndex", "item", "createBatch", "isUndo", "enqueueChange", "_undo", "_restoreSelection", "fire", "pop", "redoingBatch", "Plugin", "_batchRegistry", "pluginName", "isOfficialPlugin", "t", "_undoCommand", "_redoCommand", "commands", "args", "isRedoBatch", "has", "isUndoBatch", "undoneBatch", "keystrokes", "set", "accessibility", "addKeystrokeInfos", "label", "keystroke", "locale", "localizedUndoIcon", "uiLanguageDirection", "IconUndo", "IconRedo", "localizedRedoIcon", "_addButtonsToFactory", "name", "Icon", "ui", "componentFactory", "buttonView", "_createButton", "ButtonView", "tooltip", "MenuBarMenuListItemButtonView", "ButtonClass", "command", "get", "view", "icon", "bind", "to", "execute", "editing", "focus", "requires", "Essentials", "init_dist", "Plugin", "requires", "AccessibilityHelp", "Clipboard", "Enter", "SelectAll", "ShiftEnter", "Typing", "Undo", "pluginName", "isOfficialPlugin", "init_dist", "normalizeOptions", "configuredOptions", "map", "item", "getOptionDefinition", "filter", "option", "undefined", "String", "isFullItemDefinition", "attachPriority", "preset", "findPreset", "model", "title", "isNumericalDefinition", "generatePixelPreset", "definition", "parseFloat", "view", "name", "styles", "priority", "namedPresets", "numberValue", "CKEditorError", "isNaN", "init_dist", "tiny", "classes", "small", "big", "huge", "init_dist", "checkCanBecomeParagraph", "block", "schema", "checkChild", "parent", "isObject", "ParagraphCommand", "InsertParagraphCommand", "Paragraph", "init_dist", "Command", "editor", "_isEnabledBasedOnSelection", "model", "document", "first", "selection", "getSelectedBlocks", "value", "is", "isEnabled", "options", "canEditAt", "change", "writer", "blocks", "rename", "execute", "attributes", "position", "_findPositionToInsertParagraph", "paragraph", "createElement", "setAllowedAttributes", "insertContent", "setSelection", "createPositionAt", "allowedParent", "findAllowedParent", "positionParent", "isTextAllowed", "isEmpty", "isAtEnd", "createPositionAfter", "isAtStart", "createPositionBefore", "split", "Plugin", "pluginName", "isOfficialPlugin", "commands", "add", "register", "inheritAllFrom", "conversion", "elementToElement", "view", "for", "viewElement", "paragraphLikeElements", "has", "name", "converterPriority", "Set", "checkCanBecomeHeading", "block", "heading", "schema", "checkChild", "parent", "isObject", "getLocalizedOptions", "editor", "t", "localizedTitles", "config", "get", "map", "option", "title", "HeadingCommand", "defaultModelElement", "HeadingEditing", "HeadingUI", "Heading", "init_dist", "Command", "modelElements", "first", "model", "document", "selection", "getSelectedBlocks", "value", "includes", "name", "isEnabled", "some", "execute", "options", "modelElement", "change", "writer", "blocks", "Array", "from", "filter", "is", "rename", "Plugin", "pluginName", "isOfficialPlugin", "define", "class", "view", "requires", "Paragraph", "register", "inheritAllFrom", "conversion", "elementToElement", "push", "_addDefaultH1Conversion", "commands", "add", "enterCommand", "listenTo", "evt", "data", "positionParent", "getFirstPosition", "childCount", "for", "converterPriority", "priorities", "low", "defaultTitle", "accessibleLabel", "ui", "componentFactory", "locale", "titles", "itemDefinitions", "Collection", "headingCommand", "paragraphCommand", "def", "type", "UIModel", "label", "role", "withText", "bind", "to", "set", "commandName", "commandValue", "dropdownView", "createDropdown", "addListToDropdown", "ariaLabel", "buttonView", "ariaLabelledBy", "undefined", "isOn", "tooltip", "extendTemplate", "attributes", "toMany", "areEnabled", "paragraph", "whichModel", "source", "editing", "focus", "menuView", "MenuBarMenuView", "listView", "MenuBarMenuListView", "panelView", "children", "listItemView", "MenuBarMenuListItemView", "MenuBarMenuListItemButtonView", "items", "isToggleable", "delegate", "on", "init_dist", "init_dist", "init_dist", "init_dist", "IMAGE_URL_REGEXP", "init_dist", "RegExp", "String", "source", "IndentEditing", "IndentUI", "Indent", "IndentBlockCommand", "IndentUsingOffset", "IndentUsingClasses", "DEFAULT_ELEMENTS", "IndentBlock", "init_dist", "Plugin", "pluginName", "isOfficialPlugin", "editor", "commands", "add", "MultiCommand", "locale", "t", "localizedIndentIcon", "uiLanguageDirection", "IconIndent", "IconOutdent", "localizedOutdentIcon", "_defineButton", "commandName", "label", "icon", "ui", "componentFactory", "buttonView", "_createButton", "ButtonView", "set", "tooltip", "MenuBarMenuListItemButtonView", "ButtonClass", "command", "get", "view", "bind", "to", "listenTo", "execute", "editing", "focus", "requires", "Command", "indentBehavior", "_indentBehavior", "model", "block", "first", "document", "selection", "getSelectedBlocks", "_isIndentationChangeAllowed", "isEnabled", "checkEnabled", "getAttribute", "blocksToChange", "_getBlocksToChange", "change", "writer", "currentIndent", "nextIndent", "getNextIndent", "setAttribute", "removeAttribute", "Array", "from", "filter", "element", "schema", "checkAttribute", "plugins", "has", "isForward", "isListItemBlock", "config", "direction", "offset", "unit", "indentAttributeValue", "currentOffset", "parseFloat", "endsWith", "undefined", "nextOffset", "offsetToSet", "classes", "currentIndex", "indexOf", "length", "indexStep", "define", "configuration", "_setupConversionUsingClasses", "data", "addStyleProcessorRules", "addMarginStylesRules", "_setupConversionUsingOffset", "indentCommand", "outdentCommand", "options", "map", "option", "forEach", "elementName", "isRegistered", "extend", "allowAttributes", "setAttributeProperties", "isFormatting", "registerChildCommand", "conversion", "marginProperty", "contentLanguageDirection", "for", "attributeToAttribute", "styles", "key", "value", "viewElement", "is", "getStyle", "modelAttributeValue", "definition", "values", "className", "push", "init_dist", "isLinkElement", "node", "is", "getCustomProperty", "createLinkElement", "href", "writer", "linkElement", "createAttributeElement", "priority", "setCustomProperty", "ensureSafeUrl", "url", "allowedProtocols", "DEFAULT_LINK_PROTOCOLS", "urlString", "String", "protocolsList", "join", "customSafeRegex", "RegExp", "SAFE_URL_TEMPLATE", "replace", "isSafeUrl", "customRegexp", "ATTRIBUTE_WHITESPACES", "match", "getLocalizedDecorators", "t", "decorators", "localizedDecoratorsLabels", "forEach", "decorator", "label", "normalizeDecorators", "retArray", "key", "value", "Object", "entries", "assign", "id", "upperFirst", "push", "isLinkableElement", "element", "schema", "checkAttribute", "name", "isEmail", "EMAIL_REG_EXP", "test", "addLinkProtocolIfApplicable", "link", "defaultProtocol", "protocol", "isProtocolNeeded", "linkHasProtocol", "PROTOCOL_REG_EXP", "openLink", "window", "open", "extractTextFromLinkRange", "range", "text", "item", "getItems", "data", "findChanges", "oldText", "newText", "changes", "diff", "counter", "equal", "insert", "delete", "result", "actualSlice", "expectedSlice", "action", "length", "offset", "actual", "expected", "getLinkPartTextNode", "linkRange", "isCollapsed", "first", "position", "start", "textNode", "nodeBefore", "isEqual", "nodeAfter", "removeLinkAttributesFromSelection", "linkAttributes", "removeSelectionAttribute", "attribute", "getLinkAttributesAllowedOnText", "getDefinition", "allowAttributes", "filter", "startsWith", "findLinkElementAncestor", "getAncestors", "find", "ancestor", "getFormValidators", "editor", "allowCreatingEmptyLinks", "config", "get", "form", "isSingleSpaceAtTheEnd", "MIN_LINK_LENGTH_WITH_SPACE_AT_END", "getUrlAtTextEnd", "URL_REG_EXP", "exec", "URL_GROUP_IN_MATCH", "isLinkAllowedOnRange", "model", "checkAttributeInSelection", "createSelection", "linkIsAlreadySet", "hasAttribute", "AutomaticLinkDecorators", "LINK_KEYSTROKE", "LinkCommand", "UnlinkCommand", "LinkManualDecorator", "HIGHLIGHT_CLASS", "DECORATOR_AUTOMATIC", "DECORATOR_MANUAL", "EXTERNAL_LINKS_REGEXP", "LinkEditing", "LinkPreviewButtonView", "LinkFormView", "LinkProviderItemsView", "LinkPropertiesView", "LinkButtonView", "VISUAL_SELECTION_MARKER_NAME", "LinkUI", "AutoLink", "Link", "init_dist", "init_compat", "_definitions", "Set", "size", "add", "Array", "isArray", "dispatcher", "on", "evt", "conversionApi", "consumable", "isInline", "viewWriter", "viewSelection", "document", "selection", "viewElement", "attributes", "classes", "addClass", "styles", "setStyle", "callback", "attributeNewValue", "wrap", "getFirstRange", "mapper", "toViewRange", "unwrap", "viewFigure", "toViewElement", "linkInImage", "from", "getChildren", "child", "toMap", "val", "setAttribute", "removeClass", "removeAttribute", "removeStyle", "Command", "manualDecorators", "Collection", "automaticDecorators", "manualDecorator", "_getDecoratorStateFromModel", "selectedElement", "getSelectedElement", "getSelectedBlocks", "getAttribute", "isEnabled", "execute", "manualDecoratorIds", "displayedText", "truthyManualDecorators", "falsyManualDecorators", "change", "updateLinkAttributes", "itemOrRange", "updateLinkTextIfNeeded", "linkHref", "linkText", "fragment", "createDocumentFragment", "append", "createText", "getAttributes", "fragRange", "createRangeIn", "insertsLength", "updatedOffset", "subRange", "createRange", "getShiftedBy", "formattingAttributes", "getAttributeProperties", "isFormatting", "newTextNode", "remove", "insertContent", "collapseSelectionAtLinkEnd", "plugins", "setSelection", "end", "has", "_handleForwardMovement", "getFirstPosition", "findAttributeRange", "newLinkRange", "set", "selectionRanges", "getRanges", "ranges", "getValidRanges", "allowedRanges", "createRangeOn", "rangesToUpdate", "slice", "_isRangeToUpdate", "stickyPseudoRanges", "map", "ModelLivePosition", "fromPosition", "pseudoRange", "toPosition", "detach", "decoratorName", "allowedRange", "containsRange", "linkCommand", "commands", "rangesToUnlink", "ObservableMixin", "defaultValue", "undefined", "Plugin", "_linkOpeners", "pluginName", "isOfficialPlugin", "requires", "TwoStepCaretMovement", "Input", "ClipboardPipeline", "define", "addTargetToExternalLinks", "toolbar", "extend", "conversion", "for", "attributeToElement", "view", "elementToAttribute", "linkDecorators", "_enableAutomaticDecorators", "mode", "_enableManualDecorators", "registerAttribute", "inlineHighlight", "_enableLinkOpen", "_enableSelectionAttributesFixer", "_enableClipboardIntegration", "_registerLinkOpener", "linkOpener", "automaticDecoratorDefinitions", "target", "rel", "getDispatcher", "manualDecoratorDefinitions", "decoratorDefinition", "manualDecoratorValue", "_createPattern", "viewDocument", "editing", "handleLinkOpening", "some", "opener", "listenTo", "env", "isMac", "domEvent", "metaKey", "ctrlKey", "clickedElement", "domTarget", "tagName", "toLowerCase", "closest", "stop", "preventDefault", "context", "keyCode", "keyCodes", "enter", "altKey", "attributeKeys", "includes", "content", "newLink", "ButtonView", "locale", "bind", "bindTemplate", "withText", "extendTemplate", "class", "to", "click", "cancel", "fire", "template", "tag", "View", "focusTracker", "FocusTracker", "keystrokes", "KeystrokeHandler", "_focusables", "ViewCollection", "validators", "_validators", "backButtonView", "_createBackButton", "saveButtonView", "_createSaveButton", "displayedTextInputView", "_createDisplayedTextInput", "urlInputView", "_createUrlInput", "providersListChildren", "createCollection", "children", "_createHeaderView", "_createFormChildren", "stopListening", "_createProvidersListView", "_focusCycler", "FocusCycler", "focusables", "keystrokeHandler", "actions", "focusPrevious", "focusNext", "setTemplate", "tabindex", "render", "submitHandler", "v", "destroy", "focusFirst", "resetFormStatus", "validator", "errorText", "backButton", "icon", "IconPreviousArrow", "tooltip", "delegate", "saveButton", "type", "header", "FormHeaderView", "providersListView", "ListView", "items", "bindTo", "using", "def", "listItemView", "ListItemView", "labeledInput", "LabeledFieldView", "createLabeledInputText", "fieldView", "inputMode", "FormRowView", "trim", "listChildren", "listView", "_createListView", "emptyListInformation", "_createEmptyLinksListItemView", "hasItems", "propName", "button", "arrowView", "_createArrowView", "IconView", "IconNextArrow", "toolbarView", "formView", "linkProviderItemsView", "propertiesView", "_linksProviders", "ContextualBalloon", "addObserver", "ClickObserver", "_balloon", "_registerComponents", "_registerEditingOpeners", "_enableBalloonActivators", "markerToHighlight", "markerToElement", "markerRange", "markerElement", "createUIElement", "accessibility", "addKeystrokeInfos", "keystroke", "registerLinksListProvider", "provider", "insertIndex", "existing", "order", "_createToolbarView", "_createFormView", "_createPropertiesView", "_enableUserBalloonInteractions", "ToolbarView", "toolbarItems", "fillFromConfig", "ui", "componentFactory", "_hideUI", "_addFormView", "addToolbar", "isContextual", "beforeFocus", "_getSelectedLinkElement", "_isToolbarVisible", "_showUI", "afterBlur", "CssTransitionDisablerMixin", "isValid", "parsedUrl", "_getDecoratorSwitchesState", "selectedLinkableText", "_closeFormView", "update", "_createLinksListProviderButton", "_createLinkProviderListView", "getListItems", "buttonView", "focus", "_removeLinksProviderView", "_createLinkProviderItemsView", "emptyListPlaceholder", "title", "_removePropertiesView", "SwitchButtonView", "toMany", "decoratorValue", "commandValue", "isOn", "reduce", "accumulator", "_getLinkProviderLinkByHref", "navigate", "_createButton", "MenuBarMenuListItemButtonView", "role", "setHref", "selectedLinksProviderLink", "unlinkCommand", "IconUnlink", "IconPencil", "IconSettings", "_addPropertiesView", "linkProvider", "linksButton", "_showLinksProviderView", "ButtonClass", "command", "IconLink", "isToggleable", "scrollToTheSelection", "keyEvtData", "isFocused", "_isUIVisible", "clickOutsideHandler", "emitter", "activator", "_isUIInPanel", "contextElements", "_createViews", "_isToolbarInPanel", "_getBalloonPositionData", "balloonClassName", "_isFormInPanel", "disableCssTransitions", "isVisible", "_getSelectedLinkableText", "visibleView", "select", "enableCssTransitions", "_arePropertiesInPanel", "_addLinkProviderItemsView", "clear", "addMany", "_removeFormView", "_isLinksListInPanel", "updateFocus", "reset", "_hideFakeVisualSelection", "forceVisible", "_addToolbarView", "showStack", "_showFakeVisualSelection", "_startUpdatingUI", "prevSelectedLink", "prevSelectionParent", "getSelectionParent", "selectedLink", "selectionParent", "updatePosition", "reverse", "hasView", "_isPropertiesVisible", "_isFormVisible", "markers", "markerViewElements", "markerNameToElements", "markerViewElementsArray", "newRange", "createPositionBefore", "createPositionAfter", "domConverter", "viewRangeToDom", "targetLink", "mapViewToDom", "isWidget", "getTrimmed", "startLink", "endLink", "viewLinkRange", "toModelRange", "getItem", "updateMarker", "isAtEnd", "startPosition", "getLastMatchingPosition", "isContent", "boundaries", "addMarker", "usingOperation", "affectsData", "removeMarker", "Delete", "anchor", "parent", "_enableTypingHandling", "_enableEnterHandling", "_enableShiftEnterHandling", "_enablePasteLinking", "selectedRange", "selStart", "selEnd", "getLastPosition", "updatedSelection", "getJoined", "_expandLinkRange", "isBefore", "isAfter", "clipboardPipeline", "method", "rangeCount", "dataTransfer", "getData", "matches", "_selectEntireLinks", "watcher", "TextWatcher", "mappedText", "removedTrailingCharacters", "batch", "isTyping", "linkEnd", "linkStart", "_applyAutoLink", "enterCommand", "rangeToCheck", "previousSibling", "createPositionAt", "_checkAndApplyAutoLinkOnRange", "shiftEnterCommand", "getLastTextLine", "fullUrl", "_persistAutoLink", "deletePlugin", "enqueueChange", "requestUndoOnBackspace", "isListItemBlock", "node", "is", "hasAttribute", "getAllListItemBlocks", "listItem", "options", "getListItemBlocks", "direction", "isForward", "items", "Array", "from", "ListWalker", "includeSelf", "sameIndent", "sameAttributes", "reverse", "getNestedListBlocks", "higherIndent", "getListItems", "backwardBlocks", "forwardBlocks", "isFirstBlockOfListItem", "listBlock", "first", "isLastBlockOfListItem", "expandListBlocksToCompleteItems", "blocks", "toArray", "withNested", "allBlocks", "Set", "block", "itemBlock", "add", "sortBlocks", "expandListBlocksToCompleteList", "splitListItemBefore", "writer", "id", "ListItemUid", "next", "setAttribute", "mergeListItemBefore", "parentBlock", "attributes", "key", "value", "getAttributes", "startsWith", "setAttributes", "indentBlocks", "expand", "indentBy", "blockIndent", "getAttribute", "removeListAttributes", "outdentBlocksWithMerge", "visited", "referenceIndent", "Math", "min", "map", "parentBlocks", "Map", "set", "lowerIndent", "has", "mergedBlocks", "mergeListItemIfNotLast", "get", "mergedBlock", "length", "rename", "attributeKey", "getAttributeKeys", "removeAttribute", "isSingleListItem", "firstItemId", "some", "item", "outdentFollowingItems", "lastBlock", "changedBlocks", "currentIndent", "Number", "POSITIVE_INFINITY", "SiblingListBlocksIterator", "nextSibling", "indent", "newIndent", "push", "filter", "root", "rootName", "sort", "a", "b", "index", "getSelectedBlockObject", "model", "selectedElement", "document", "selection", "getSelectedElement", "schema", "isObject", "isBlock", "canBecomeSimpleListItem", "checkChild", "parent", "isNumberedListType", "listType", "pop", "getSelectedListBlocks", "getSelectedBlocks", "firstNonListBlockIndex", "findIndex", "getListItemConsistentFormat", "attributeKeys", "getSingleListItemConsistentFormat", "listItemBlocks", "isNumberedOrBulletedList", "isLimit", "Object", "fromEntries", "isEmpty", "attributesToCheck", "valuesMap", "walker", "createRangeIn", "getWalker", "ignoreElementEnd", "checkAttribute", "formatAttribute", "undefined", "delete", "size", "jumpTo", "createPositionAfter", "setFormattingToListItem", "attributeValue", "wasChanged", "removeFormattingFromListItem", "includes", "isListView", "viewElement", "isListItemView", "getIndent", "previousSibling", "createListElement", "type", "getViewElementIdForListType", "createAttributeElement", "getViewElementNameForListType", "priority", "createListItemElement", "findAndAddListHeadToMap", "position", "itemToListHead", "previousNode", "nodeBefore", "listHead", "nodeAfter", "fixListIndents", "listNodes", "maxIndent", "prevIndent", "fixBy", "applied", "itemIndent", "fixListItemIds", "seenIds", "listItemId", "listItemUpcastConverter", "evt", "data", "conversionApi", "modelRange", "getItems", "shallow", "viewItem", "consumable", "consume", "listIndent", "firstItemListType", "keepEmptyElement", "reconvertItemsOnDataChange", "editing", "attributeNames", "listEditing", "changes", "differ", "getChanges", "itemsToRefresh", "changedItems", "entry", "name", "getShiftedBy", "range", "start", "attributeNewValue", "doesItemBlockRequiresRefresh", "values", "collectListItemsToRefresh", "reconvertItem", "stack", "previous", "modelAttributes", "modelElement", "doesItemWrappingRequiresRefresh", "mapper", "toViewElement", "isItemBlockInsideStructureSlot", "fire", "useBogus", "shouldUseBogusParagraph", "getCustomProperty", "toModelElement", "element", "isListItemElement", "isListElement", "eventName", "modelReferenceElement", "listItemDowncastConverter", "strategies", "dataPipeline", "consumer", "createAttributesConsumer", "findMappedViewElement", "removeCustomMarkerElements", "unwrapListItemBlock", "viewRange", "insertCustomMarkerElements", "wrapListItemBlock", "listItemDowncastRemoveConverter", "elementName", "split", "viewStart", "toViewPosition", "modelEnd", "viewEnd", "isPhantom", "createRange", "getTrimmed", "end", "bogusParagraphCreator", "createContainerElement", "class", "setCustomProperty", "createRangeOn", "viewWalker", "toViewRange", "createModelToViewPositionMapper", "view", "modelPosition", "offset", "positionParent", "strategy", "scope", "canInjectMarkerIntoElement", "positionAfterLastMarker", "skip", "previousPosition", "isEqual", "viewPosition", "viewWriter", "unwrap", "markersToRemove", "collectMarkersToRemove", "createPositionBefore", "marker", "remove", "markerElement", "createElement", "insert", "createPositionAt", "createWrapperElement", "canWrapElement", "wrapper", "wrap", "attributeElement", "parentElement", "listItemIndent", "currentListItem", "listItemViewElement", "listViewElement", "attributeName", "setAttributeOnDowncast", "nonConsumingAttributes", "events", "every", "event", "test", "forEach", "modelChangePostFixer", "multiBlock", "editor", "config", "innerItem", "LIST_BASE_ATTRIBUTES", "attributeOldValue", "ListBlocksIterable", "createModelIndentPasteFixer", "content", "selectable", "getChildren", "createSelection", "getFirstPosition", "refItem", "change", "refType", "refIndent", "firstElementIndent", "indentDiff", "max", "isListItem", "shouldMergeOnBlocksContentLevel", "isCollapsed", "createUIComponents", "commandName", "label", "icon", "ui", "componentFactory", "buttonView", "_createButton", "ButtonView", "tooltip", "isToggleable", "MenuBarMenuListItemButtonView", "role", "ButtonClass", "command", "commands", "locale", "bind", "to", "on", "execute", "focus", "ListIndentCommand", "ListCommand", "ListMergeCommand", "ListSplitCommand", "ListItemBoldIntegration", "ListItemItalicIntegration", "ListItemFontSizeIntegration", "ListItemFontColorIntegration", "ListItemFontFamilyIntegration", "ListFormatting", "ListUtils", "ListEditing", "ListUI", "List", "LIST_STYLE_TO_LIST_TYPE", "LIST_STYLE_TO_TYPE_ATTRIBUTE", "TYPE_ATTRIBUTE_TO_LIST_STYLE", "LIST_STYLE_TYPES", "init_dist", "startElement", "_startElement", "_referenceIndent", "_isForward", "_includeSelf", "_sameAttributes", "_sameIndent", "_lowerIndent", "_higherIndent", "iterator", "Symbol", "nestedItems", "_getStartNode", "attr", "_node", "_previousNodesByIndent", "_previous", "_previousNodeIndent", "done", "nodeIndent", "previousNodeInList", "previousNodeIndent", "_listHead", "uid", "Command", "indentDirection", "_direction", "isEnabled", "_checkEnabled", "previousItemBlock", "_fireAfterExecute", "firstBlock", "siblingItem", "_listWalkerOptions", "multiLevel", "_getValue", "selectedBlockObject", "turnOff", "forceValue", "itemBlocks", "additionalAttributes", "firstElement", "lastElement", "_getMergeSubjectElements", "firstIndent", "lastIndent", "lastElementId", "nestedLastElementBlocks", "sel", "deleteContent", "doNotResetEntireContent", "lastElementAfterDelete", "getLastPosition", "siblingNode", "lastPosition", "firstPosition", "isFirstBlock", "_getStartBlock", "Plugin", "pluginName", "isOfficialPlugin", "requires", "plugins", "registerFormatAttribute", "registerDowncastStrategy", "addClass", "env", "isSafari", "setStyle", "extend", "allowAttributes", "setAttributeProperties", "isFormatting", "addAttributeCheck", "context", "last", "conversion", "for", "attributeToAttribute", "classes", "normalizedFontSizeOptions", "_normalizeFontSizeOptions", "fontSizeOption", "find", "option", "styles", "elementToAttribute", "getStyle", "fontSizeOptions", "_loadedFormatting", "define", "_registerPostfixerForListItemFormatting", "registerPostFixer", "modifiedListItems", "returnValue", "_isInlineOrSelectionFormatting", "formats", "keys", "formatAttributeName", "formatValue", "entries", "listItemFormatAttributeName", "listItemFormatAttribute", "replace", "_downcastStrategies", "Enter", "Delete", "ClipboardPipeline", "CKEditorError", "conflictPlugin", "register", "allowAttributesOf", "inheritAllFrom", "attribute", "copyOnReplace", "_setupDeleteIntegration", "_setupEnterIntegration", "_setupTabIntegration", "_setupClipboardIntegration", "_setupAccessibilityIntegration", "_setupListItemIdConversionStrategy", "outdent", "registerChildCommand", "_setupModelPostFixing", "_setupConversion", "mergeBackwardCommand", "mergeForwardCommand", "listenTo", "isAtStart", "preventDefault", "stop", "isAtEnd", "enterCommand", "doc", "isSoft", "isLastBlock", "splitCommand", "refresh", "shiftKey", "stopPropagation", "getListAttributeNames", "elementToElement", "converterPriority", "dispatcher", "modelToViewPositionMapper", "return", "clipboardPipeline", "allContentChildren", "lastItem", "slice", "method", "allChildren", "t", "accessibility", "addKeystrokeInfoGroup", "keystrokes", "keystroke", "skipListItemIds", "isClipboardPipeline", "IconNumberedList", "IconBulletedList", "listStyle", "typeAttribute", "init_dist", "init_dist", "defaultHandledKeyCodes", "defaultCommitKeyCodes", "init_dist", "keyCodes", "arrowup", "arrowdown", "esc", "enter", "tab", "init_dist", "init_dist", "transformBookmarks", "documentFragment", "writer", "elementsToChange", "value", "createRangeIn", "element", "item", "is", "hasAttribute", "push", "index", "parent", "getChildIndex", "children", "getChildren", "insertChild", "convertCssLengthToPx", "numericValue", "parseFloat", "endsWith", "toPx", "isPx", "undefined", "Math", "round", "transformListItemLikeElementsIntoLists", "stylesString", "hasMultiLevelListPlugin", "childCount", "ViewUpcastWriter", "document", "itemLikeElements", "findAllItemLikeElements", "length", "encounteredLists", "stack", "itemLikeElement", "indent", "isListContinuation", "originalListId", "id", "min", "listStyle", "detectListStyle", "listElement", "name", "type", "startIndex", "createNewEmptyList", "marginLeft", "setStyle", "parentListItems", "listItemElements", "appendChild", "listItem", "createElement", "removeBulletElement", "removeStyle", "stackItem", "find", "listItems", "unwrapParagraphInListItem", "firstChild", "getChild", "unwrapElement", "range", "foundMargins", "Set", "getItems", "match", "getMarginLeftNormalized", "Array", "from", "getClassNames", "className", "startsWith", "hasStyle", "getStyle", "has", "itemData", "getListItemData", "order", "add", "clear", "currentItem", "previousSibling", "isList", "listLikeItem", "listStyleRegexp", "RegExp", "listStyleTypeRegex", "listStartIndexRegex", "legalStyleListRegex", "multiLevelNumberFormatTypeRegex", "legalStyleListMatch", "exec", "multiLevelNumberFormatMatch", "islegalStyleList", "listStyleMatch", "listStyleType", "listStyleTypeMatch", "trim", "bulletedStyle", "findBulletedListStyle", "listStartIndexMatch", "parseInt", "style", "mapListStyleDefinition", "isLegalStyleList", "getAttribute", "listMarkerElement", "findListMarkerNode", "listMarker", "_data", "childNode", "textNodeOrElement", "list", "setAttribute", "addClass", "idMatch", "orderMatch", "indentMatch", "bulletMatcher", "Matcher", "styles", "remove", "replaceImagesSourceWithBase64", "rtfData", "upcastWriter", "shapesIds", "findAllShapesIds", "removeAllImgElementsRepresentingShapes", "insertMissingImgs", "removeAllShapeElements", "images", "findAllImageElementsWithLocalSource", "replaceImagesFileSourceWithInlineRepresentation", "extractImageDataFromRtf", "_convertHexToBase64", "hexString", "btoa", "map", "char", "String", "fromCharCode", "join", "shapeElementsMatcher", "el", "prevSiblingName", "exceptionIds", "isElementAShape", "hasElementGfxdataAttribute", "isPreviousSiblingAShapeType", "isElementIdInExceptionsArray", "some", "includes", "imageElementsMatcher", "imgs", "shapes", "split", "every", "shape", "indexOf", "img", "shapeIds", "containsMatchingImg", "attrs", "src", "findSrc", "alt", "nodes", "node", "child", "currentImageIndex", "imageIndex", "regexPictureHeader", "regexPicture", "source", "result", "image", "imageType", "hex", "replace", "imageElements", "imagesHexSources", "i", "rtfHexSource", "newSrc", "removeMSAttributes", "elementsToUnwrap", "removeClass", "styleName", "getStyleNames", "isEmpty", "itemParent", "childIndex", "transformTables", "hasTablePropertiesPlugin", "hasExtendedTableBlockAlignment", "directParent", "grandParent", "divParent", "sides", "side", "props", "prop", "removeInvalidTableWidth", "removeAttribute", "replaceMSFootnotes", "msFootnotesRefs", "Map", "msFootnotesDefs", "msFootnotesDefinitionsList", "msFootnoteDef", "findAncestor", "msFootnoteDefId", "set", "msFootnoteRefId", "size", "footnotesDefinitionsList", "createFootnotesListViewElement", "footnoteId", "msFootnoteRef", "get", "createFootnoteRefViewElement", "defElements", "createFootnoteDefViewElement", "removeMSReferences", "clonedChild", "clone", "content", "elementsToRemove", "textNodesToTrim", "unshift", "nextSibling", "data", "textNode", "trimmedData", "substring", "newTextNode", "createText", "class", "sup", "link", "href", "backLink", "removeBoldWrapper", "transformBlockBrsToParagraphs", "viewDocument", "ViewDocument", "stylesProcessor", "domConverter", "ViewDomConverter", "renderingMode", "blockElements", "inlineObjectElements", "elementsToReplace", "findSibling", "nextSiblingIsBlock", "isBlockViewElement", "hasClass", "viewElement", "direction", "position", "createPositionAt", "getLastMatchingPosition", "nodeAfter", "nodeBefore", "replaceTabsWithinPreWithSpaces", "tabWidth", "textNodesToReplace", "hasPreWrapParent", "replaceTabsInTextNode", "replacedData", "replaceAll", "repeat", "removeXmlns", "removeGoogleSheetsTag", "removeStyleBlock", "normalizeSpacing", "htmlString", "normalizeSafariSpaceSpans", "normalizeSpacerunSpans", "htmlDocument", "querySelectorAll", "forEach", "htmlElement", "innerTextLength", "innerText", "substr", "fullMatch", "spaces", "parsePasteOfficeHtml", "domParser", "DOMParser", "normalizedHtml", "cleanContentAfterBody", "parseFromString", "bodyString", "body", "innerHTML", "bodyView", "documentToView", "stylesObject", "extractStyles", "fragment", "createDocumentFragment", "childNodes", "domToView", "skipComments", "styleTags", "getElementsByTagName", "sheet", "cssRules", "bodyCloseTag", "htmlCloseTag", "bodyCloseIndex", "htmlCloseIndex", "msWordMatch1", "msWordMatch2", "PasteFromOfficeMSWordNormalizer", "googleDocsMatch", "GoogleDocsNormalizer", "googleSheetsMatch", "GoogleSheetsNormalizer", "PasteFromOffice", "init_dist", "isActive", "test", "execute", "_parsedData", "dataTransfer", "getData", "Plugin", "pluginName", "licenseFeatureCode", "isOfficialPlugin", "isPremiumPlugin", "requires", "ClipboardPipeline", "editor", "clipboardPipeline", "plugins", "editing", "view", "normalizers", "config", "on", "evt", "_isTransformedWithPasteFromOffice", "model", "selection", "getFirstPosition", "activeNormalizer", "normalizer", "priority", "init_dist", "init_dist", "init_dist", "init_dist", "init_dist", "init_dist", "ALIGN_VALUES_REG_EXP", "FLOAT_VALUES_REG_EXP", "DEFAULT_TABLE_ALIGNMENT_OPTIONS", "upcastTableAlignmentConfig", "downcastTableAlignmentConfig", "init_dist", "left", "className", "center", "right", "blockLeft", "blockRight", "view", "name", "styles", "float", "getAlign", "viewElement", "align", "getStyle", "getConsumables", "hasStyle", "push", "key", "value", "classes", "attributes", "getAttribute", "style", "undefined", "init_dist", "init_dist", "init_ckeditor5", "__esmMin", "require_application", "__commonJSMin", "exports", "init_main_esm", "init_main", "init_font_awesome_min", "init_typeface_roboto", "init_typeface_roboto_condensed", "init_rails_ujs_esm", "import_slick_carousel", "init_slick", "init_slick_theme", "init_ckeditor5", "$", "element", "prop", "val", "Rails", "initCKEditor", "licenseKeyMeta", "licenseKey", "ClassicEditor", "Essentials", "Bold", "Italic", "Underline", "Strikethrough", "Heading", "Paragraph", "List", "Link", "BlockQuote", "Indent", "IndentBlock", "PasteFromOffice", "editor", "error", "display_eventsource_for", "calendar", "k", "last", "all", "i", "height_for_mode", "mode", "buttons_for_mode", "default_for_mode", "recalc", "target", "fees", "sum", "node", "resize_me", "event", "e", "calendar_node", "Calendar", "main_esm_default", "myNodeList", "checkbox", "grid_node", "grid"]
}